// JavaScript Document
var animation=true;

$(document).ready(function(){
		DD_belatedPNG.fix('.png');	
		$("#page").css("display","block");
		fadeInEasing($("#fond"), 2000,function(){},0);
		fadeInEasing($("#page"), 2000, function(){skipAnim(); createPhotoI();}, 2000);
});

function skipAnim(){
	$("#page").css("cursor", "pointer");
	$("#page").attr("title", "Cliquez pour passer l'introduction");
	document.getElementById("page").onclick=function(){
		animation = false;
	};
}
function supprimeInutiles(){
	$("#h1").stop(false, true)
		.remove();
	$("#h2").stop(false, true)
		.remove();
	$("#verre").stop(false, true)
		.remove();
}


function fadeInEasing(element, duration, callback, delay){
		element.css("opacity", 0);
		element.css("display", "block");
		element.animate({opacity: 1}, 3000, "expoEaseInOut", setTimeout(callback, delay));
}

function fadeOutEasing(element, duration){
		element.animate({opacity: 0}, 2000, "backEaseOut", function(){fSup(element)});
}
function fSup(element){
	element.remove();
}

function createPhotoI(){
	if(animation==true){
		createPhoto("res/img/accueil/photo-I-chablis.jpg",  $("#h1"));		
		document.getElementById("h1").getElementsByTagName("img")[0].onload=function(){affichePhotoI()};
	}
	else{
		//alert("createPhotoI");
		supprimeInutiles();
		affichePhotoI();
	}

}

function affichePhotoI(){
	if(animation==true){
		fadeInEasing($("#h1"), 2000, createPhotoII, 3000)
	}
	else{
		//alert("affichePhotoI");
		supprimeInutiles();
		createPhotoII();
	}
}

function createPhotoII(){
	$("#page").css("background","none");
	if(animation==true){
		createPhoto("res/img/accueil/photo-II-gravure.jpg",  $("#h2"));		
		document.getElementById("h2").getElementsByTagName("img")[0].onload=function(){affichePhotoII()};
	}
	else{
		//alert("createPhotoII");
		supprimeInutiles();
		affichePhotoII();
	}
}

function affichePhotoII(){
	if(animation==true){
		fadeInEasing($("#h2"), 2000, createPhotoVerre, 3000);
	}
	else{
		//alert("affichePhotoII");
		supprimeInutiles();
		createPhotoVerre();
	}
}

function createPhotoVerre(){
	if(animation==true){
		fadeOutEasing($("#h1"), 2000);
		createPhoto("res/img/accueil/photo-III-verre.jpg",  $("#verre"));		
		document.getElementById("verre").getElementsByTagName("img")[0].onload=function(){affichePhotoVerre()};
	}
	else{
		//alert("afficheVerre");
		affichePhotoVerre();
		supprimeInutiles();
	}

}

function affichePhotoVerre(){
//alert(animation);
	if(animation==true){
		fadeInEasing($("#verre"), 2000, affichePhotoPere, 4000);
	}
	else{
		//alert("affichePhotoIII");
		affichePhotoPere();
		supprimeInutiles();
	}
}

function affichePhotoPere(){
	//alert("pere");
	createPhoto("res/img/accueil/pere-et-fils.jpg",  $("#pere"));		
	if(navigator.appVersion.indexOf("MSIE 6")==-1)document.getElementById("pere").getElementsByTagName("img")[0].onload=function(){affichePhotoIII()};
	else affichePhotoIII();
	$("#pere").css("width", "314px");
	$("#pere").css("height", "468px");
	$("#pere").css("top", "0");
	$("#pere").css("left", "333px");
	$("#pere").css("display", "block");
	if(animation==true){
		$("#pere").css("opacity", 0);
		fadeOutEasing($("#h2"), 2000)
	}
	else{
		createPhoto("res/img/accueil/logo.png",  $("#logo"));
		document.getElementById("logo").getElementsByTagName("img")[0].className="png";
		if(navigator.appVersion.indexOf("MSIE 6")==-1)document.getElementById("logo").getElementsByTagName("img")[0].onload=function(){afficheLogo()}
		else{
			afficheLogo();
		}
		
		$("#pere").css({height: "413px" , width: "276px" , top: "168px", left: "352px" });
		$("#pere>img:eq(0)").css({height: "413px" , width: "276px"});
		supprimeInutiles();
	}

}

function affichePhotoIII(){
	if(animation==true){
		$("#pere").animate({opacity: "1" , top: "112px" },3000, "expoEaseOut", affichePhotoFils);
		fadeOutEasing($("#verre"), 2000);
	}
	else{
		supprimeInutiles();
		affichePhotoFils();
	}
}

function affichePhotoFils(){
	createPhoto("res/img/accueil/xavier.jpg",  $("#xavier"));
	createPhoto("res/img/accueil/jerome.jpg",  $("#jerome"));
	
	if(navigator.appVersion.indexOf("MSIE 6")==-1){
		document.getElementById("xavier").getElementsByTagName("img")[0].onload=function(){affichePhotoIV()};
		document.getElementById("jerome").getElementsByTagName("img")[0].onload=function(){affichePhotoV()};
	}
	else{
		affichePhotoIV();
		affichePhotoV();		
	}

	if(animation==true){
		createPhoto("res/img/accueil/logo.png",  $("#logo"));
		document.getElementById("logo").getElementsByTagName("img")[0].className="png";
		if(navigator.appVersion.indexOf("MSIE 6")==-1)document.getElementById("logo").getElementsByTagName("img")[0].onload=function(){afficheLogo()}
		else afficheLogo();
	}
}

function affichePhotoIV(){
	$("#xavier").css("left", "-50px");
	$("#xavier").css("display", "block");
	if(animation==true){
		$("#xavier").css("opacity", 0);
		$("#xavier").animate({opacity: "1" , left: "0" },3000, "expoEaseOut");
	}
	else{
		$("#xavier").css({height: "413px" , width: "344px" , top: "168px", left: 0});
		$("#xavier>img:eq(0)").css({height: "413px" , width: "344px"});
	}
}


function affichePhotoV(){
	$("#jerome").css("left", "705px");
	$("#jerome").css("display", "block");
	if(animation==true){
		$("#jerome").css("opacity", 0);
		$("#jerome").animate({opacity: "1" , left: "655px" },3000, "expoEaseOut");
	}
	else{
		$("#jerome").css({height: "413px" , width: "344px" , top: "168px", left: "636px"});
		$("#jerome>img:eq(0)").css({height: "413px" , width: "344px"});
	}
}


function afficheLogo(){
	
	$("#page").css("cursor", "default");
	$("#page").unbind();
	$("#page").removeAttr("title");
	
	$("#logo").css("display", "block");
	if(animation==true){
		$("#logo").animate({marginTop: "-280px" },3000, "expoEaseOut", afficheMenu);
	}
	else{
		$("#logo").css({marginTop: "-280px" });
		afficheMenu();
	}
}

function afficheMenu(){
	if(animation==true){
		$("#pere").animate({height: "413px" , width: "276px" , top: "168px", left: "352px" },3000, "expoEaseOut");
		$("#pere>img:eq(0)").animate({height: "413px" , width: "276px"},3000, "expoEaseOut");
		
		$("#xavier").animate({height: "413px" , width: "344px" , top: "168px"},3000, "expoEaseOut");
		$("#xavier>img:eq(0)").animate({height: "413px" , width: "344px"},3000, "expoEaseOut");

		$("#jerome").animate({height: "413px" , width: "344px" , top: "168px", left: "636px"},3000, "expoEaseOut");
		$("#jerome>img:eq(0)").animate({height: "413px" , width: "344px"},3000, "expoEaseOut");
		
		$("#menu").css("display", "block");

		
		$("#nous").animate({left: "405px"}, 3000, "expoEaseOut");
		$("#voir").animate({left: "283px"}, 3000, "expoEaseOut");
		$("#vignes").animate({left: "280px"}, 3000, "expoEaseOut");
		$("#gammes").animate({right: "254px"}, 3000, "expoEaseOut");
		$("#presse").animate({right: "349px"}, 3000, "expoEaseOut");
	}
	else{
		$("#menu").css("display", "block");
		$("#nous").css({left: "405px"}, 3000);
		$("#voir").css({left: "283px"}, 3000);
		$("#vignes").css({left: "280px"}, 3000);
		$("#gammes").css({right: "254px"}, 3000);
		$("#presse").css({right: "349px"}, 3000);
	}
		
		$("#nous>a:eq(0)").click(function(){fClique(this);return false;});
		$("#voir>a:eq(0)").click(function(){fClique(this);return false;});
		$("#vignes>a:eq(0)").click(function(){fClique(this);return false;});
		$("#gammes>a:eq(0)").click(function(){fClique(this);return false;});
		$("#presse>a:eq(0)").click(function(){fClique(this);return false;});
		
		function fClique(element){
			
			fadeOutEasing($("#pere"), 3000);
			fadeOutEasing($("#jerome"), 3000);
			fadeOutEasing($("#xavier"), 3000);
			
			$("#nous").animate({top: "53px", left: "0"}, 3000, "expoEaseOut");
			$("#voir").animate({top: "53px", left: "716px"}, 3000, "expoEaseOut");
			$("#vignes").animate({top: "53px", left: "107px"}, 3000, "expoEaseOut");
			$("#gammes").animate({top: "53px", right: "297px"}, 3000, "expoEaseOut");
			$("#presse").animate({top: "53px", right: "0"}, 3000, "expoEaseOut");
			
			$("#logo").animate({marginLeft: "-570px"},3100, "expoEaseOut", function(){fGoToLink(element)});
			fadeOutEasing($("#logo>img:eq(0)"), 3000);
			createPhoto("res/img/accueil/logo-II.png",  $("#logo"));
			document.getElementById("logo").getElementsByTagName("img")[0].className="png";
			
			return false;
			
			function fGoToLink(element){
				window.location=element.href;
			}
		}
}

function createPhoto(src, element){
	var altPhoto = element.text();
	element.text("");//on vide le textNode du h1
	var imgPhoto = document.createElement("img");
	imgPhoto.src = src;
	imgPhoto.alt = altPhoto;
	element.append(imgPhoto);
}