// JavaScript Document

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="' + item.link + '"><img src="' + item.url + '" alt="' + item.title + '" class="mar" />' +
            '<p>' + item.subtitle + '<br />' + item.title + '<br />Price ' + item.price + '</p></a>';
				
				
	/*
	return '<a href="' + item.link + '"><h4 class="prod-list-title">' + item.title + '</h4></a><a href="' + item.link + '" class="list-link"><img src="' + item.url + '" alt="' + item.title + '" class="list-img" /></a><span class="prod-list-price">' + item.price + '</span>';
	*/
};

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