var mycarousel_itemList = [

    {url: 'images/brand_birckford.gif', title: 'brand_birckford'},
    {url: 'images/brand_dairyFarmers.gif', title: 'Dairy Farmers'},
	{url: 'images/brand_lipton.gif', title: 'Lipton'},
    {url: 'images/brand_mccoy.gif', title: 'McCoy'},
	{url: 'images/brand_mountainFresh.gif', title: 'Mountain Fresh'},
    {url: 'images/brand_oak.gif', title: 'Oak'},
	{url: 'images/brand_smith.gif', title: 'Smith'},
	{url: 'images/brand_univer.gif', title: 'Univer'},
	{url: 'images/brand_alberion.gif', title: 'Alberto Culver'},
    {url: 'images/brand_pfizer.gif', title: 'Pfizer'},
    {url: 'images/brand_nestle.gif', title: 'Nestle'},
    {url: 'images/brand_colgate.gif', title: 'Colgate'},
    {url: 'images/brand_cadbwiy.gif', title: 'Cadburys'},
    {url: 'images/brand_baud.gif', title: 'Bauducco'}
	
					
					
];

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 '<img src="' + item.url + '" width="110" height="101" alt="' + item.title + '" />';};

jQuery(document).ready(function() {
    jQuery('#mycarousel').jcarousel({
		auto: 1,
		animation:5000,
		scroll:1,
        wrap: 'circular',
        itemVisibleInCallback: {onBeforeAnimation: mycarousel_itemVisibleInCallback},
        itemVisibleOutCallback: {onAfterAnimation: mycarousel_itemVisibleOutCallback}
    });
});