var mycarousel_itemList = [
	{url: "/assets/images/c/bast-th.jpg",title:""},
	{url: "/assets/images/c/andre-verhorst-th.jpg",title:""},
	{url: "/assets/images/c/ikoon-th.jpg",title:""},
	{url: "/assets/images/c/jan-knikker-th.jpg",title:""},
	{url: "/assets/images/c/jan-kruisen-th.jpg",title:""},
	{url: "/assets/images/c/kirk&co-th.jpg",title:""},
	{url: "/assets/images/c/notenscupltuur-th.jpg",title:""},
	{url: "/assets/images/c/qian-th.jpg",title:""},
	{url: "/assets/images/c/van-beveren-th.jpg",title:""},
	{url: "/assets/images/c/wanli-th.jpg",title:""},
	{url: "/assets/images/c/willem-en-joan-th.jpg",title:""},
	{url: "/assets/images/c/willem-minderman-th.jpg",title:""}
];

var mycarouselback_itemList = [
	{url: "/assets/images/c/bast.jpg",title:""},
	{url: "/assets/images/c/andre-verhorst.jpg",title:""},
	{url: "/assets/images/c/ikoon.jpg",title:""},
	{url: "/assets/images/c/jan-knikker.jpg",title:""},
	{url: "/assets/images/c/jan-kruysen.jpg",title:""},
	{url: "/assets/images/c/kirk-en-co.jpg",title:""},
	{url: "/assets/images/c/notenscupltuur.jpg",title:""},
	{url: "/assets/images/c/qianlong.jpg",title:""},
	{url: "/assets/images/c/van-beveren.jpg",title:""},
	{url: "/assets/images/c/wanli.jpg", title:""},
	{url: "/assets/images/c/willem-en-joan.jpg",title:""},
	{url: "/assets/images/c/willem-minderman.jpg",title:""}
];

function mycarousel_itemLoadCallback(carousel, state)
{
	for (var i = carousel.first; i <= carousel.last; i++) {
		if (carousel.has(i)) {
			continue;
		}

		if (i > mycarousel_itemList.length) {
			break;
		}

		carousel.add(i, mycarousel_getItemHTML(mycarousel_itemList[i-1]));
	}
}

function mycarousel_itemVisibleInCallback(carousel, item, i, state, evt)
{
	var idx = carousel.index(i, mycarousel_itemList.length);
	carousel.add(i, mycarousel_getItemHTML(mycarousel_itemList[idx - 1]));
	if (mycarouselback)
		mycarouselback.scroll(carousel.first);
}

function mycarousel_itemVisibleOutCallback(carousel, item, i, state, evt)
{
	carousel.remove(i);
}

function mycarousel_getItemHTML(item)
{
	if (isIE6)
		return '<span style="width: 227px; height: 150px; z-index:10000;zoom:1; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'' + item.url + '\', sizingMethod=\'scale\'" title="' + item.title + '"></span>';
	else
		return '<img src="' + item.url + '" width="227px" height="150px" alt="' + item.title + '" />';
}


var mycarouselback;
function mycarouselback_initCallback(carousel)
{
	mycarouselback = carousel;
}

function mycarouselback_itemLoadCallback(carousel, state)
{
	for (var i = carousel.first; i <= carousel.last; i++) {
		if (carousel.has(i)) {
			continue;
		}

		if (i > mycarouselback_itemList.length) {
			break;
		}

		carousel.add(i, mycarouselback_getItemHTML(mycarouselback_itemList[i-1]));
	}
}

function mycarouselback_itemVisibleInCallback(carousel, item, i, state, evt)
{
	var idx = carousel.index(i, mycarouselback_itemList.length);
	carousel.add(i, mycarouselback_getItemHTML(mycarouselback_itemList[idx - 1]));
}

function mycarouselback_itemVisibleOutCallback(carousel, item, i, state, evt)
{
	carousel.remove(i);
}

function mycarouselback_getItemHTML(item)
{
	return '<img src="' + item.url + '" width="950px" height="150px" alt="' + item.title + '" />';
}

jQuery(document).ready(function() {
	jQuery('#mycarousel').jcarousel({
		itemLoadCallback: {onBeforeAnimation: mycarousel_itemLoadCallback},
		scroll: 1,
		auto: 15,
		animation: 5000,
		wrap: "circular",
		buttonPrevHTML: "<div id=\"mycarousel-prev\"></div>",
		buttonNextHTML: "<div id=\"mycarousel-next\"></div>",
		itemVisibleInCallback: {onBeforeAnimation: mycarousel_itemVisibleInCallback},
		itemVisibleOutCallback: {onAfterAnimation: mycarousel_itemVisibleOutCallback}
	});
	jQuery('#mycarouselback').jcarousel({
		initCallback: mycarouselback_initCallback,
		scroll: 1,
		itemLoadCallback: {onBeforeAnimation: mycarouselback_itemLoadCallback},
		animation: 5000,
		wrap: "circular",
		itemVisibleInCallback: {onBeforeAnimation: mycarouselback_itemVisibleInCallback},
		itemVisibleOutCallback: {onAfterAnimation: mycarouselback_itemVisibleOutCallback}		
	});
})