var imgs;
var current = 0;
var old_current = 0;
var interv;

var scroll_interv;
var scroll_current = 0;

$(function()
{
	interv = setInterval(makeDefil, 5000);
	
	imgs = $("#anim-home > img");	
	$("#catalogue").css({"opacity":0, "z-index":60});
	
	$(".etapes a").each(function(i)
	{
		$(this).click(function(e)
		{
			e.preventDefault();
			
			old_current = current;
			current = i;
			swap();
			clearInterval(interv);
		});
	});
	
	scroll_interv = setInterval(makeScroll, 7000);
	
	$("#next-warp").click(function(e)
	{
		e.preventDefault();
		
		clearInterval(scroll_interv);
		scroll_interv = setInterval(makeScroll, 7000);
		
		makeScroll();
	});
	$("#prev-warp").click(function(e)
	{
		e.preventDefault();
		
		clearInterval(scroll_interv);
		scroll_interv = setInterval(makeScroll, 7000);
		
		scroll_current -= 2;
		makeScroll();
	});	
});

function makeScroll()
{
	scroll_current++;
	
	if (scroll_current >= $("#actus li").length) scroll_current = 0;
	if (scroll_current < 0) scroll_current = $("#actus li").length - 1;
	
	$("#actus ul").animate({left:-416 * scroll_current}, 1000);
}

function makeDefil()
{
	old_current = current;

	current++;
	if (current == imgs.length) current = 0;

	swap();
}

function swap_old()
{
	$(imgs[old_current]).animate({"opacity":0}, 2000, function()
	{
		$(this).css("z-index",0);
	});
	
	$(".etapes li.active").removeClass('active');
	$(".etapes li:nth("+current+")").addClass('active');

	$(imgs[current]).css({"z-index":50, "opacity":0, "display":"block"});
	$(imgs[current]).animate({"opacity":1}, 2000);
	
	if (current == 2)
	{
		$("#catalogue").animate({"opacity":1}, 2000);
	}
	else
	{
		$("#catalogue").animate({"opacity":0}, 2000);
	}
}

function swap()
{
	if($.browser.msie){
		$(imgs[old_current]).css('display','none');
		
		$(".etapes li.active").removeClass('active');
		$(".etapes li:nth("+current+")").addClass('active');
		
		$(imgs[current]).css('display','block');
	}else{
		$(imgs[old_current]).fadeOut(2000,function(){
			$(this).css("z-index",0);
		});
		
		$(".etapes li.active").removeClass('active');
		$(".etapes li:nth("+current+")").addClass('active');
		
		$(imgs[current]).css("z-index",50);
		$(imgs[current]).fadeIn(2000);
	}
	/*
	$(imgs[current]).css({"z-index":50, "opacity":0, "display":"block"});
	$(imgs[current]).animate({"opacity":1}, 2000);
	*/
}