var mycarousel_itemList = [];
function mycarousel_initCallback(carousel)
{
	carousel.buttonNext.bind('click', function() {
		carousel.startAuto(0);
	});

	carousel.buttonPrev.bind('click', function() {
		carousel.startAuto(0);
	});

	carousel.clip.hover(function() {
		carousel.stopAuto();
	}, function() {
		carousel.startAuto();
	});
};

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]));
};

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

function mycarousel_getItemHTML(item)
{
	return '<a href="' + item.href + '" style="background-image: ' + item.bg + '" title="' + item.title + '"></a>';
};

jQuery(document).ready(function() {
	images = jQuery('#mycarousel li a');
	for (var i = 0; i < images.length; i++)
	{	
		image_bg = jQuery(images[i]).css('background-image');	
		image_bg = image_bg.replace('"','\'');
		mycarousel_itemList.push({bg: image_bg, title: jQuery(images[i]).attr('title'), href: jQuery(images[i]).attr('href')});
	}
	jQuery('#mycarousel').html('');
	//console.log(mycarousel_itemList);
	
	
	jQuery('#mycarousel').jcarousel({
		wrap: 'circular',
		auto: 4,
		visible:5,
		scroll:1,
		animation:3000,
		initCallback: mycarousel_initCallback,	
		itemVisibleInCallback: {onBeforeAnimation: mycarousel_itemVisibleInCallback},
		itemVisibleOutCallback: {onAfterAnimation: mycarousel_itemVisibleOutCallback}
	});
	
	$('#skills_fader').jshowoff({ 
		speed:18000, 
		links: true, 
		autoPlay:true, 
		animatePause:false, 
		hoverPause:false,
		controlText: 	{ 
			play:'', 			
			pause:'', 
			previous:'', 
			next:'' 			
		}
	}); 
	
});