var scripts = {
	timerDefilement: 0,
	largeurCarousel: 0,
	largeurPopinCarousel: 0,
	init: function(){
		// Nav
		$("#nav h3 a").mouseover(
			function(){
				scripts.onRollNav($(this));
			}			  
		);
		$("#nav").bind("mouseleave", 
			function(){
				scripts.onRollOutNav($(this));
				scripts.pufOffAllNav();
			}			  
		);	
		$(document).resize(
			function(){
				scripts.onWindowResize();
			}				   
		);
		scripts.onWindowResize();
		
		jQuery.ifixpng('img/pixel.gif');
		jQuery('img, .bgPng').ifixpng();
		
		// Popin home
		$("#pushes a").click(
			function(){
				if ($(this).attr("rel")){
					scripts.afficherPopinHome($(this).attr("rel"));
				}
			}			  
		);
		if($(".level1 #woks").length){
			scripts.initCarousel();
			scripts.initPopinCarousel();
		}
		$(".level1 #woks a").click(
			function(){
				scripts.afficherPopinWok($(this).attr("rel"));
			}				   
		);
		$(".level1 .boutonjs a, .level1 #boutonsPopin a[rel!='']").click(
			function(){
				if ($(this).attr("rel")){
					scripts.afficherPopinPageWok($(this).attr("rel"));
					return false;
				}
			}				   
		);
		$(".level1 #boutonsPopin a[rel='']").click(
			function(){
				scripts.cacherPopinPageWok();
				return false;
			}				   
		);
	},
//	onRollNav: function(lien){
//		$(".subNav").slideUp("fast");
//		scripts.pufOffAllNav();
//		var img = $("img:first", lien);
//		scripts.changePictureStatus(img, "on");
//		scripts.displaySubNav(lien);
//	},
//	onRollOutNav: function(nav){
//		$(".subNav").slideUp("fast");
//	},
	onWindowResize: function(){
		var screenWidth = $(document).width();
		var paddingLeft = (screenWidth - 900 ) / 2 + 100;
		if($.browser.msie && $.browser.version.substring(0, 1) == 6) {
			paddingLeft -= 10;
			screenWidth -= 20;
		}
		$(".subNav").css("padding-left", paddingLeft);
		$("h1").css("left", (screenWidth - 900 ) / 2 + 30);
		$("h1").show();
		$(".subNav").width(screenWidth - paddingLeft);
	},
	changePictureStatus: function(img, status){
		var src = $(img).attr("src");
		var partExt = src.split(".");
		
		var partName = partExt[0].split("-");
		partName[partName.length - 1] = status;
		
		partExt[0] = partName.join("-");
		
		$(img).attr("src", partExt.join("."));
	},
	displaySubNav: function(lien){
		$("ul:first", $(lien).parent().parent()).slideDown("fast");
	},
	pufOffAllNav: function(){
		$("#nav h3 a").each(
			function(){
				var img = $("img:first", $(this));
				scripts.changePictureStatus(img, "off");
			}					
		);	
	},
	afficherPopinHome: function(id){
		$("#popins, #popin"+id).css("display", "block");
	},
	initCarousel: function(){
		var nb = $(".level1 #woks li").length;
		this.largeurCarousel = 295 * nb;
		$(".level1 #woks").css("width", this.largeurCarousel);
		$(".level1 #cntWoks").css("overflow", "hidden");
		$("#flecheGauche").mouseover(
			function(){
			scripts.defilerCarousel(true);
			}
		);
		$("#flecheDroite").mouseover(
			function(){
				scripts.defilerCarousel(false);
			}
		);
		$("#flecheGauche, #flecheDroite").mouseout(
			function(){
				scripts.stopperCarousel();
			}
		);
	},
	defilerCarousel: function(gauche){
		var elem = $("#woks");
		var pos = elem.css("left");
		pos = Number(pos.substring(0, pos.length - 2));
	
		if(gauche && pos >= 0) return;
		if(!gauche && pos <= -this.largeurCarousel + 740) return;
		
		pos += !gauche ? -6 : 6;
		elem.css("left", pos+"px");
		this.timerDefilement = setTimeout("scripts.defilerCarousel("+gauche+")", 1);
	},
	stopperCarousel: function(){
		clearTimeout(this.timerDefilement);
	},
	afficherPopinWok: function(id){
                $(close_popin());
		$("#popins, #popin"+id).css("display", "block");
	},
	initPopinCarousel: function(){
		$(".level1 #carouselPopin>li").each(
			function(){
				var nb = $("li", $(this)).length;
		
				this.largeurPopinCarousel = ($("li:first", $(this)).width() + 47) * nb;
				$(this).css("width", this.largeurPopinCarousel);
			}									  
		);
		
		$(".level1 #carouselPopin").css("overflow", "hidden");
		$("#flecheGauchePopin").mouseover(
			function(){
				scripts.changePictureStatus($("img:first", $(this)), "on");
				scripts.defilerPopinCarousel(true);
			}
		);
		$("#flecheDroitePopin").mouseover(
			function(){
				scripts.changePictureStatus($("img:first", $(this)), "on");
				scripts.defilerPopinCarousel(false);
			}
		);
		$("#flecheGauchePopin, #flecheDroitePopin").mouseout(
			function(){
				scripts.changePictureStatus($("img:first", $(this)), "off");
				scripts.stopperCarousel();
			}
		);
	},
	defilerPopinCarousel: function(gauche){
		var elem = $("#carouselPopin>li:visible:first");
		var largeur = elem.css("width");
		largeur = Number(largeur.substring(0, largeur.length - 2));
		
		var pos = elem.css("left");
		pos = Number(pos.substring(0, pos.length - 2));
	
		if(gauche && pos >= 0) return;
		if(!gauche && pos <= -largeur + 740) return;
		
		pos += !gauche ? -6 : 6;
		elem.css("left", pos+"px");
		this.timerDefilement = setTimeout("scripts.defilerPopinCarousel("+gauche+")", 1);
	},
	afficherPopinPageWok: function(type){
		$("#boutonsPopin li ul li, #carouselPopin>li").hide();
		$("#popinSauveViande").css("left", "-2px");
		$("#popinSauveViande ."+type+", #popinSauveViande ul#boutonsPopin li."+type+", #boutonsPopin li."+type+" ul li").css("display", "block");
	},
	cacherPopinPageWok: function(type){
		$("#popinSauveViande ul#boutonsPopin>li").css("display", "none");
		$("#popinSauveViande").css("left", "-20000px");
	}
};

$(document).ready (
	function (){
		scripts.init();
	}
);

function close_popin(){
	for (i=1;i<=20;i++){
		if (document.getElementById('popin'+i)) {
			document.getElementById('popin'+i).style.display='none';
		}
	}
	document.getElementById('popins').style.display='none';
}