var currentNSHeader = 0;
var timerNSHeader = 0;
var lengthNSHeader = 4000;

$(document).ready(function(){

	// Header
	var a = [
		[[103,130,404], [138,133,312], [69,109,387], [34,119,370]],	// rubrique 1 ronds 1-4 [width,top,left] 
		[[34,89,454], [69,102,444], [138,23,472], [103,32,576]],	// rubrique 2 ronds 1-4 [width,top,left] 
		[[69,151,527], [103,132,550], [34,125,570], [138,165,517]],	// rubrique 3 ronds 1-4 [width,top,left] 
		[[138,14,320], [34,20,469], [103,24,419], [69,68,432]]		// rubrique 4 ronds 1-4 [width,top,left] 
	]
	
	var myDuration = 500;
	var myEasing = "easeOutCubic";
	
	$('#images-header img').css("opacity","0");
	$('.round').css('display','none');
	
	$('#menu-header a').mouseenter(function(){	
		
		if(timerNSHeader){
			clearTimeout(timerNSHeader);
		}
		currentNSHeader = parseInt($(this).attr("id").slice(-1));
		timerNSHeader = setTimeout("switchNSHeader();", lengthNSHeader);
		
		var index = $("#menu-header a").index(this);

		if ($(this).hasClass("on") == false) {
			
			//A faire si une rubrique est déjà sur ON (toujours sauf la première fois)
			if ($('#menu-header .on').length) {
				var id = $('#menu-header .on').attr("id");
				var indexOn = id.slice(-1);
				// Menu Header OFF
				$('#menu-header .on').animate({ width:"180px", height:"20px", fontSize:"14px", opacity:"0.5" },{queue:false, duration:myDuration, easing:myEasing }).removeClass("on");
				// Image Header	OFF
				$("#image" + indexOn).animate({right:"200px", opacity:"0"},{queue:false, duration:myDuration, easing:myEasing}).removeClass("on");
			}
			
			// Menu Header ON
			$(this).addClass("on").animate({ width:"236px", height:"31px", fontSize:"20px", opacity:"0.7" },{queue:false, duration:myDuration, easing:myEasing });
			
			// Image Header	ON
			$("#image" + index).animate({right:"246px", opacity:"1"},{queue:false, duration:myDuration, easing:myEasing});
			
			// Ronds Header
			for (i=0; i<4; i++){ 
				$("#round"+ i ).animate({width: a[index][i][0] + "px", top:a[index][i][1]+"px", left:a[index][i][2]+"px"}, {queue:false, duration:myDuration, easing:myEasing});
			}
			// Affichage du texte informatif
			$("#texte-header li").hide().eq(index).show();
			// Affichage du copyright
			$("#copyright-header li").hide().eq(index).show();
			
		} 
	});
	
	$('#menu-header0').mouseenter();
	
	$('#texte-header').hover(
		function(){
			clearTimeout(timerNSHeader);
		},
		function(){
			timerNSHeader = setTimeout("switchNSHeader();", lengthNSHeader);
		}
	);
	
								

});
	
function switchNSHeader(){
	currentNSHeader = currentNSHeader + 1;
	if(!document.getElementById('menu-header' + currentNSHeader)){
		currentNSHeader = 0;
	}
	$('#menu-header' + currentNSHeader).mouseenter();
}