// -----------------------------------------------
// CARROUSEL SCRIPT
// ©2009 - Zenexity
// -----------------------------------------------
//jQuery.fn.carrousel = function(){
$(window).load(function(){

	// -------------------------------------------
	// Carrousel vars
	// -------------------------------------------
	var i = 0;
	var itemCurr = 0;
	var itemsNb = $(".carrouselMenu li").length-1;
	var carrouselTimer = setInterval(carrouselTimer,3000);
	
	// -------------------------------------------
	// Add guide cursor (arrow)
	// -------------------------------------------
	$('.carrouselMenu').prepend('<img src="/public/images/currentItem.png" class="carrouselGuide"/>');

	// -------------------------------------------
	// For each carrousel menu's LI
	// -------------------------------------------
	$('.carrouselMenu li')
		// Initialize item's rank
		.each(function(){
			$(this).attr('itemRank', i);
			if (i==0) $(this).addClass('active');
			i++;
		})
		
		// Click event
		.click(function(){
			// Stop timer
			clearInterval(carrouselTimer);
			// Memorize active item's rank
			itemCurr = Number($(this).attr('itemRank'));
			carrouselTo( itemCurr );
			// Not folow links
			return false;
		});

		// -------------------------------------------
		// For each carrousel item
		// -------------------------------------------
		$('.carrousel .item')
			// Initialize item's rank
			.each(function(){
				var url = $(this).find('a').attr('href');
				//$(this).find('a').remove();
				$(this).click(function(){
					window.location.href = url;
				})
			})

			// Click event
			.click(function(){
				// Stop timer
				clearInterval(carrouselTimer);
				// Memorize active item's rank
				itemCurr = Number($(this).attr('itemRank'));
				carrouselTo( itemCurr );
				// Not folow links
				return false;
			});

	// -------------------------------------------
	// Timer for auto-change item
	// -------------------------------------------
	function carrouselTimer()
	{		
		itemCurr = (itemCurr<itemsNb)?itemCurr+1:0;
		carrouselTo( itemCurr );
	}

	// -------------------------------------------
	// Change carrousel item
	// -------------------------------------------
	function carrouselTo( destination )
	{
		// Remove active class
		$('.carrouselMenu li.active').removeClass('active');
		// Animate content
		$('.carrouselContent').stop(true).animate( { left:(destination*(-380))+'px' }, { duration:400 } );
		// Animate cursor
		$('.carrouselGuide').stop(true).animate( { top: (destination*32+16)+'px' }, { duration:400 , complete:function(){
			// Set current item as active
			$('.carrouselMenu li[itemRank='+destination+']').addClass('active', 400);
		}});
	}

});