var timer=""
var slide_timeout=7000
var slide_timeout_longer=15000
var slide_duration=1500
var animating=false;

function updateSliderState(li){
	var pk=li.attr('id').replace('li_','')
	//update dots
	$('#dots a#dot_'+pk).addClass("selected").siblings().removeClass()
	
	//update greenbutton
	$('#sliderGreenButton').fadeOut('slow',function(){
		$('#sliderGreenButton span').html(li.find('a.hidden').html())
		$('#sliderGreenButton').attr('href',li.find('a.hidden').attr('href'))	
		$('#sliderGreenButton').fadeIn('slow')	
	})
}
	
function loop(){
	$('#carrousel ul li:first').clone().appendTo("#carrousel ul")
	$('#carrousel ul li:first').remove();
	$('#carrousel ul li:last').css('margin-left','0px');
	animating=false
	clearTimeout(timer)
	timer=setTimeout(slide,slide_timeout);
}
function slide(){
	//select next
	var pk=$('#carrousel ul li:nth-child(2)').attr('id').replace('li_','')
	li=$('#li_'+pk)
	updateSliderState(li)
	//rotate
	animating=true;
	$('#carrousel ul li:first').animate(
		{marginLeft: "-854px"},
		{ duration:slide_duration,
		  specialEasing: {
	      	marginLeft:'easeInOutExpo'
   		  },
   		  complete:loop
	});
}


function ref_loop(){
	$('#ref_loop_div ul li:first').clone().appendTo("#ref_loop_div ul")
	$('#ref_loop_div ul li:first').remove();
	$('#ref_loop_div ul li:last').css('margin-left','0px');
	ref_slide();
}
function ref_slide(){
	//rotate
	$('#ref_loop_div ul li:first').animate(
		{marginLeft: '-160px'}, 
		3000, 
		"linear",
		ref_loop
	);
}

function init_home(){
	//init slider
	updateSliderState($('#carrousel ul li:first'))
	//start looping
	clearTimeout(timer)
	timer=setTimeout(slide,slide_timeout);
	var hoverPlayer=false;
	
	//bind dot links
	$('#dots a').click(function(e){
		e.preventDefault();
		if( ! $(this).hasClass('selected') && animating==false ){
			var pk=$(this).attr('id').replace('dot_','')
			li=$('#li_'+pk)
			$('#carrousel ul li').not(li).each(function(){
				//loop every item before clicked to the end of list
				if ($(this).index() < li.index()){
					$('#carrousel ul li:first').clone().appendTo("#carrousel ul")
					$('#carrousel ul li:first').remove();
					$('#carrousel ul li:last').css('margin-left','0px');
				}
			})
			updateSliderState(li)

			clearTimeout(timer)
			timer=setTimeout(slide,slide_timeout_longer);
		}
	})
	
	
	//launch referencences loop
	ref_slide()
	
}