var mycarousel_itemList=[
	 {slink: "#", url: "images/clients/Hallensteins_Client_Logo.png", title: "", scopy: "..."},	 
	 {slink: "#", url: "images/clients/DTR_Client_Logo.png", title: "", scopy: "..."},
	 {slink: "#", url: "images/clients/Rebel_Sport_Client_Logo.png", title: "", scopy: "..."},
	 {slink: "#", url: "images/clients/Vodafone_Client_Logo.png", title: "", scopy: "...."},
	 {slink: "#", url: "images/clients/WarehouseStationery_Client_Logo.png", title: "", scopy: "..."},
	 {slink: "#", url: "images/clients/radius_Client_Logo.png", title: "", scopy: "..."},
	 {slink: "#", url: "images/clients/CashConverters_Client_Logo.png", title: "", scopy: "..."},
	 {slink: "#", url: "images/clients/PlumbingWorld_Client_Logo.png", title: "", scopy: ".."},
	 {slink: "#", url: "images/clients/unichem_Client_Logo.png", title: "", scopy: "..."},
	 {slink: "#", url: "images/clients/YooBee_Client_Logo.png", title: "", scopy: "...."},
	 {slink: "#", url: "images/clients/amcal_Client_Logo.png", title: "", scopy: "..."},
	 {slink: "#", url: "images/clients/Ziera_Shoes_Client_Logo.png", title: "", scopy: "....."},
	 {slink: "#", url: "images/clients/PaperPlus_Client_Logo.png", title: "", scopy: "...."},	 
	 {slink: "#", url: "images/clients/Lighting_Direct_Client_Logo.png", title: "", scopy: "..."},
	 {slink: "#", url: "images/clients/life_pharmacy_Client_Logo.png", title: "", scopy: "..."},
	 {slink: "#", url: "images/clients/Navy_Client_logo.png", title: "", scopy: "...."},
	 {slink: "#", url: "images/clients/carechemist_Client_Logo.png", title: "", scopy: "..."}
	];
	
	// 
function mycarousel_itemVisibleInCallback(carousel, item, i, state, evt)
{
    // The index() method calculates the index from a
    // given index who is out of the actual item range.
    var idx = carousel.index(i, mycarousel_itemList.length);
    carousel.add(i, mycarousel_getItemHTML(mycarousel_itemList[idx - 1]));
};
 
function mycarousel_itemVisibleOutCallback(carousel, item, i, state, evt)
{
    carousel.remove(i);
};

/**
 * Item html creation helper.
 */
function mycarousel_getItemHTML(item)
{
    return '<div id=playbutton><a href="' + item.slink + '"><img src="images/green_button.png" border="0" /></a></div><a href="' + item.slink + '"><img src="' + item.url + '" width=170 height=95 alt="' + item.title + '" /></a>';
};
 
jQuery(document).ready(function() {
    jQuery('#mycarousel').jcarousel({
        wrap: 'circular',
		scroll: 1,
		auto: 3,
        itemVisibleInCallback: {onBeforeAnimation: mycarousel_itemVisibleInCallback},
        itemVisibleOutCallback: {onAfterAnimation: mycarousel_itemVisibleOutCallback}
    });
});