// JavaScript Document
$(document).ready(function(){
	DD_belatedPNG.fix('.png');	
	fctBlank();
	$("#menu a").click(function(){fCliqueInt(this);return false;});
	
	function fCliqueInt(element){
		$("#page").animate({opacity: 0}, 1500,  "expoEaseInOut", function(){window.location=element.href;});
	}
	
	$("#GammeI").css("opacity",0);
	$("#GammeI").css("left","-100px");
	$("#GammeII").css("opacity",0);
	$("#GammeII").css("right","-100px");
	
	$("#instruction").css("display","block")
					.css("opacity",0);
	$("#instruction").css("left","-100px");
	
	$("#page").css("display","block");
	
	$("#GammeI>img:eq(0)").ready(function(){fArriveGammeI();});
	$("#GammeII>img:eq(0)").ready(function(){fArriveGammeII();});
});

function fArriveGammeI(){
	$("#GammeI").animate({opacity: 1, left: 0}, 3000, "expoEaseInOut");
	$("#instruction").animate({opacity: 1, left: 0}, 5000, "expoEaseInOut");
}



function fArriveGammeII(){
	$("#GammeII").animate({opacity: 1, right: 0}, 3000, "expoEaseInOut", function(){gestionEtiquettes()});
}


function gestionEtiquettes(){
	$("#etiquettes li:eq(0)").css("top", "97px");
	$("#etiquettes li:eq(1)").css({top: "87px", left: "115px"});
	$("#etiquettes li:eq(2)").css({top: "87px", left: "254px"});
	$("#etiquettes li:eq(3)").css({top: "100px", left: "363px"});

	$("#etiquettes li:eq(4)").css({top: "91px", left: "494px"});
	$("#etiquettes li:eq(5)").css({top: "95px", left: "601px"});
	$("#etiquettes li:eq(6)").css({top: "99px", left: "738px"});
	$("#etiquettes li:eq(7)").css({top: "97px", right: "1px"});
	
	$("#etiquettes li").css("opacity", 0);
	$("#etiquettes li").css("display", "block");	
	$("#etiquettes li").css("opacity", 0);
	$("#etiquettes li").css("display", "block");	
	
	fadeInOutEtiquette(0);
	fEventsLi();
}

function fEventsLi(){
	$("#etiquettes li").each(function(i){
		$("#etiquettes li:eq("+i+")").mouseover(function(){
			prochain=false;
			fadeInOutEtiquette(i);
		});
		$("#etiquettes li:eq("+i+")").click(function(){
											   
			$("#etiquettes li").unbind();
			$("#etiquettes li").css("pointer", "default");
			$("#etiquettes li").stop(true, true);
			$("#etiquettes li").css("opacity", 0);
			$("#etiquettes li").css("display", "none");
			
			$("#GammeI img:eq(0)").animate({opacity: .2}, 2000, "expoEaseInOut");
			$("#GammeII img:eq(0)").animate({opacity: .2}, 2000, "expoEaseInOut");
			
			$("#vin"+i).css("opacity", 0);
			$("#vin"+i).css("display", "block");	
			$("#vin"+i).animate({opacity: 1}, 2000, "expoEaseInOut");
			
			$("#etiquettes li:eq("+i+")").css("display", "block");	
			$("#etiquettes li:eq("+i+")").animate({opacity: 1}, 2000, "expoEaseInOut");
			
			fBoutonFermeture()
		});
	});
}

var nbOpZero=0
var prochain=true;

function fadeInOutEtiquette(num){
	if(num< $("#etiquettes li").length){
		fadeInEtiquette(num, prochain);
	}
	$("#etiquettes li").each(function(i){
		if($("#etiquettes li:eq("+i+")").css("opacity")>0 && i!=num){
			$("#etiquettes li:eq("+i+")").animate({opacity: 0}, 1000, "expoEaseInOut", function(){fnbOpZero();});
		}
		else{
			fnbOpZero();;
		}
	});
}

function fnbOpZero(){
	nbOpZero++;
	if(nbOpZero==$("#etiquettes li").length){
		nbOpZero=0;
	}
}

function fadeInEtiquette(num){
//			alert($("#etiquettes li:eq("+num+") img:eq(0)").attr("src"));
	$("#etiquettes li:eq("+num+")").animate({opacity: 1}, 1000, "expoEaseInOut", function(){suiteFadeInOutEtiquette(num)});
}
function suiteFadeInOutEtiquette(num){
	if(prochain == true){
		fadeInOutEtiquette(num+1, true);
	}
}

function fBoutonFermeture(){
	if(!document.getElementById("boutonFermeture")){
		boutonFermeture = document.createElement("p");
		boutonFermeture.id="boutonFermeture";
		document.getElementById("page").appendChild(boutonFermeture);
		$("#boutonFermeture").css("background","rgb(200,200,200)")
			.css("color","rgb(80,80,80)")
			.css("border","1px solid black")
			.css("width","22px")
			.css("height","22px")
			.css("line-height","22px")
			.css("text-align","center")
			.css("font-family","Georgia")
			.css("font-size","18px")
			.css("font-weight","bold")
			.css("position","absolute")
			.css("right","5px")
			.css("top","70px")
			.css("cursor","pointer")
			.text("X");
		if($.browser.msie) {$("#boutonFermeture").css("top","90px") }
		document.getElementById("boutonFermeture").onclick=function(){fFermeTexte();};
	}
	else{
		$("#boutonFermeture").css("display", "block");
	}
}

function fFermeTexte(){
	fEventsLi();
	
	$("#boutonFermeture").css("display", "none");
	$("#GammeI img:eq(0)").animate({opacity: 1}, 1000, "expoEaseInOut");
	$("#GammeII img:eq(0)").animate({opacity: 1}, 1000, "expoEaseInOut");

	$("#etiquettes li").css({cursor: "pointer"});
	$("#etiquettes li").animate({opacity: 0}, 500, "expoEaseInOut");
	$("#etiquettes li").css({display: "block"});
	
	$(".textesVins").animate({opacity: 0}, 500, "expoEaseInOut", function(){
	$(".textesVins").css("display", "none");
	});
}