var mycarousel_itemList = [
	{VideoID: '13', url: 'Vid_bigbatch.jpg', title: 'Boeuf haché en vrac', TitleDesc: 'Boeuf haché en vrac', BodyDesc: 'est utile pour des repas prêts...'},
	{VideoID: '11', url: 'Vid_BBQRoast.jpg', title: 'Rôtir au barbecue', TitleDesc: 'Rôtir au barbecue', BodyDesc: 'Rôti sur le gril, tout simplement...'},
	{VideoID: '10', url: 'Vid_Medallions.jpg', title: 'Médaillons de boeuf', TitleDesc: 'Médaillons de boeuf', BodyDesc: 'Épais, tendres et juteux...'},
	{VideoID: '6', url: 'Vid_Burgers.jpg', title: 'Les savoureux Burgers', TitleDesc: 'Les savoureux Burgers', BodyDesc: 'L\'ABC des Burgers... et plus'},
	{VideoID: '12', url: 'Vid_QuickRoast.jpg', title: 'Minis rosbifs à cuisson rapide', TitleDesc: 'Minis rosbifs à cuisson rapide', BodyDesc: 'Prêts en un rien de temps...'},
	{VideoID: '8', url: 'Vid_DinnerEasy.jpg', title: 'Repas vite pr&eacute;par&eacute;s', TitleDesc: 'Repas vite pr&eacute;par&eacute;s<sup>MD</sup>', BodyDesc: 'Des soupers en famille simplifi&eacute;s.'}
];

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 '<a href="?ID=4&amp;VideoID=' + item.VideoID + '&amp;SecID=6"><img src="/image/module/VideoCarousel/' + item.url + '" width="171" height="89" alt="' + item.title + '" /></a><p><strong>'+ item.TitleDesc + '</strong><br/>'+ item.BodyDesc + '<img src="/image/module/VideoCarousel/Arrow.jpg " width="5" height="8" alt="go" style="padding-left:8px;"/></p>';
};

jQuery(document).ready(function() {
    jQuery('#mycarousel').jcarousel({
		start: 1,
		scroll: 4,
		vertical: true,
        wrap: 'circular',
        itemVisibleInCallback: {onBeforeAnimation: mycarousel_itemVisibleInCallback},
        itemVisibleOutCallback: {onAfterAnimation: mycarousel_itemVisibleOutCallback}
    });
});