/********************************************/
/**************** Carousel Home *************/
/********************************************/

$(document).ready(function(){
	var slider;
	
	slider = $("#slider");
	slider_elem = $("#slider li");

	slider_elem.css("display","none");
	slider_elem.css("opacity","0");
	slider_elem.eq(0).css("display","block");
	slider_elem.eq(0).css("opacity","1");
	
	n_items = slider_elem.size();
	
	counter = 0;
	
	var t,r;
	var timer_is_on=0;

	
	function reset()
	{
		slider_elem.eq(counter).animate({
			opacity: '0'
		}, 500, function() {				
			slider_elem.eq(counter).css("display","none");
			
			counter = 0;
			
			slider_elem.eq(counter).css("display","block");
								
			slider_elem.eq(counter).animate({
				opacity: '1'
			}, 250, function() {
				playTimer();
			});
		});
	}
	
	function move()
	{	
		slider_elem.eq(counter).animate({
			opacity: '0'
		}, 500, function() {
			slider_elem.eq(counter).css("display","none");
			
			counter++;
			
			slider_elem.eq(counter).css("display","block");
			
			slider_elem.eq(counter).animate({
				opacity: '1'
			},250);
			
			if((counter < n_items) && timer_is_on) {
				stopTimer();
				playTimer();
			}
			
			if((counter == (n_items-1)) && timer_is_on){
				replayTimer();
			}
		});
	}
	
	function replayTimer() 
	{
		stopTimer();
		t = setTimeout(reset, 6000);
	}
	
	function playTimer() 
	{
		if (!timer_is_on)
		{
			timer_is_on=1;
			t = setTimeout(move, 6000);
		}
	}

	function stopTimer()
	{
		timer_is_on=0;
		clearTimeout(t);
	}
	
	playTimer();
});