window.onload = function()
{	
	//creation des comportements des onglets
	var onglets = getElementsByClassName("onglets");
	for(var i=0;i<onglets.length;i++)
	{
		onglets[i].monTexte = document.getElementById("texteO" + onglets[i].id.substring(1));
		onglets[i].monImage = document.getElementById("imgO" + onglets[i].id.substring(1));
		onglets[i].monTexte.monOnglet = onglets[i];
		onglets[i].monImage.monOnglet = onglets[i];
		onglets[i].srcActived = "img/" + onglets[i].id + "Actived.png";
		onglets[i].srcDesactived = "img/" + onglets[i].id + "Desactived.png";
		onglets[i].srcActivedOver = "img/" + onglets[i].id + "ActivedOver.png";
		onglets[i].srcDesactivedOver = "img/" + onglets[i].id + "DesactivedOver.png";
		onglets[i].maPage = onglets[i].id.substring(6);
		
		onglets[i].overFx = overFx;
		onglets[i].outFx = outFx;
		
		onglets[i].onmouseover = function()
		{
			this.overFx();
		};
		onglets[i].onmouseout = function()
		{
			this.outFx();
		};
		onglets[i].monTexte.onmouseover = function()
		{
			this.monOnglet.overFx();
		};
		onglets[i].monTexte.onmouseout = function()
		{
			this.monOnglet.outFx();
		};
	}
	
	var sequenceur = new SequenceManager();
	
	if(page =="Accueil")
	{	
		animAccueil(sequenceur);
		fullPreLoad(sequenceur);
		sequenceur.play();
	}
	
	if(page == "Auto")
	{
		animTexteCentre(sequenceur);
		animOngletArrivee(sequenceur);
		animAuto(sequenceur);
		fullPreLoad(sequenceur);
		sequenceur.play();
	}
	
	if(page == "Habitation")
	{
		animTexteCentre(sequenceur);
		animOngletArrivee(sequenceur);
		animHabitation(sequenceur);
		fullPreLoad(sequenceur);
		sequenceur.play();
	}
	
	if(page == "Epargne")
	{
		animTexteCentre(sequenceur);
		animOngletArrivee(sequenceur);
		animEpargne(sequenceur);
		fullPreLoad(sequenceur);
		sequenceur.play();
	}
	
	if(page == "Sante")
	{
		animTexteCentre(sequenceur);
		animOngletArrivee(sequenceur);
		animSante(sequenceur);
		fullPreLoad(sequenceur);
		sequenceur.play();
	}
	
	if(page == "Artisan")
	{
		animTexteCentre(sequenceur);
		animOngletArrivee(sequenceur);
		animArtisan(sequenceur);
		fullPreLoad(sequenceur);
		sequenceur.play();
	}
}

function overFx()
{
	this.monTexte.style.color = "#FFFFFF";
	
	if (page == this.maPage)
	{
		this.monImage.src = this.srcActivedOver;
	}
	else
	{
		this.monImage.src = this.srcDesactivedOver;
	}
}

function outFx()
{
	this.monTexte.style.color = "";
	if (page == this.maPage)
	{
		this.monImage.src = this.srcActived;
	}
	else
	{
		this.monImage.src = this.srcDesactived;
	}
}

function animTexteCentre(sequenceur)
{
	var fadeInTexteCentre = new FadeIn(document.getElementById("texteCentre"), sequenceur, 0, 1, 0.1, 30);
	sequenceur.sequence.push(fadeInTexteCentre);
}

function animOngletArrivee(sequenceur)
{
	var target = document.getElementById("onglet" + page);
	target.manager = sequenceur;
	try
	{
		startTopCss = target.currentStyle.top;
		startLeftCss = target.currentStyle.left;
	}
	catch(err)
	{
		startTopCss = window.getComputedStyle(target,null).top;
		startLeftCss = window.getComputedStyle(target,null).left;
	}
	
	var startTop = parseInt(startTopCss.substring(0,startTopCss.indexOf('px')));
	var startLeft = parseInt(startLeftCss.substring(0,startLeftCss.indexOf('px')));
	var endTop = startTop + 20;
	var endLeft = startLeft;
	
	var disparitionOnglet = new Translation(target, sequenceur, startTop, startLeft, endTop, endLeft, 1, 10);
	
	var loadSrcActived = new ChangeSrc(target.monImage, target.srcActived, sequenceur)
	
	var apparitionOnglet = new Translation(target, sequenceur, endTop, endLeft, startTop-8, startLeft, 1, 10);
	
	sequenceur.sequence.push(disparitionOnglet);
	sequenceur.sequence.push(loadSrcActived);
	sequenceur.sequence.push(apparitionOnglet);
}

function animAccueil(sequenceur)
{
	var fadeInTexteAccueil = new FadeIn(document.getElementById("texteCercleAccueil"), sequenceur, 0, 1, 0.1, 30);
	var fadeInMaisonAccueil = new FadeIn(document.getElementById("maisonAccueil"), sequenceur, 0, 1, 0.1, 20);
	var fadeInVoitureAccueil = new FadeIn(document.getElementById("voitureAccueil"), sequenceur, 0, 1, 0.1, 20);
	var fadeInPepeMemeAccueil = new FadeIn(document.getElementById("pepeMemeAccueil"), sequenceur, 0, 1, 0.1, 25);
	var fadeInCoeurAccueil = new FadeIn(document.getElementById("coeurAccueil"), sequenceur, 0, 1, 0.1, 30);
	
	sequenceur.sequence.push(fadeInTexteAccueil);
	sequenceur.sequence.push(fadeInMaisonAccueil);
	sequenceur.sequence.push(fadeInVoitureAccueil);
	sequenceur.sequence.push(fadeInPepeMemeAccueil);
	sequenceur.sequence.push(fadeInCoeurAccueil);
}

function animAuto(sequenceur)
{
	var fadeInVoitureJaune = new FadeIn(document.getElementById("voitureJaune"), sequenceur, 0, 1, 0.1, 20);
	var fadeInVoitureOrange = new FadeIn(document.getElementById("voitureOrange"), sequenceur, 0, 1, 0.1, 20);
	var fadeInVoitureVerte = new FadeIn(document.getElementById("voitureVerte"), sequenceur, 0, 1, 0.1, 25);
	var fadeInVoitureRose = new FadeIn(document.getElementById("voitureRose"), sequenceur, 0, 1, 0.1, 30);
	
	var fadeInTournevis = new FadeIn(document.getElementById("tournevis"), sequenceur, 0, 1, 0.1, 40);
	var fadeInPince = new FadeIn(document.getElementById("pince"), sequenceur, 0, 1, 0.1, 40);
	
	sequenceur.sequence.push(fadeInVoitureJaune);
	sequenceur.sequence.push(fadeInVoitureOrange);
	sequenceur.sequence.push(fadeInVoitureVerte);
	sequenceur.sequence.push(fadeInVoitureRose);
	sequenceur.sequence.push(fadeInTournevis);
	sequenceur.sequence.push(fadeInPince);
}

function animHabitation(sequenceur)
{
	var animChemin = new JSAnimator(document.getElementById("chemin"), "seq/chemin/animChemin.png", 45, sequenceur);
	animChemin.interval = 35;
	
	var animChampi = new JSAnimator(document.getElementById("champignons"), "seq/champignons/animChampi.png", 45, sequenceur);
	animChampi.interval = 25;
	
	var fadeInMaison = new FadeIn(document.getElementById("maison"), sequenceur, 0, 1, 0.1, 40);
	var fadeInHerbe = new FadeIn(document.getElementById("herbe"), sequenceur, 0, 1, 0.1, 40);
	
	sequenceur.sequence.push(animChemin);
	sequenceur.sequence.push(fadeInMaison);
	sequenceur.sequence.push(fadeInHerbe);
	sequenceur.sequence.push(animChampi);
}

function animEpargne(sequenceur)
{
	var animJardin = new JSAnimator(document.getElementById("jardin"), "seq/jardin/animJardin.png", 30, sequenceur);
	animJardin.interval = 25;
	
	var animPapillon = new JSAnimator(document.getElementById("papillon"), "seq/papillon/animPapillon.png", 40, sequenceur);
	animPapillon.interval = 65;
	animPapillon.loop = true;
	
	var fadeInBleue = new FadeIn(document.getElementById("bleue"), sequenceur, 0, 1, 0.1, 20);
	var fadeInPetiteRouge = new FadeIn(document.getElementById("petiteRouge"), sequenceur, 0, 1, 0.1, 20);
	var fadeInDuoFushia = new FadeIn(document.getElementById("duoFushia"), sequenceur, 0, 1, 0.1, 20);
	var fadeInGrosseRose = new FadeIn(document.getElementById("grosseRose"), sequenceur, 0, 1, 0.1, 20);
	var fadeInGrosseRouge = new FadeIn(document.getElementById("grosseRouge"), sequenceur, 0, 1, 0.1, 20);
	var fadeInPetiteJaune = new FadeIn(document.getElementById("petiteJaune"), sequenceur, 0, 1, 0.1, 20);
	
	var fadeInPepe = new FadeIn(document.getElementById("pepe"), sequenceur, 0, 1, 0.1, 40);
	var fadeInMeme = new FadeIn(document.getElementById("meme"), sequenceur, 0, 1, 0.1, 40);
	
	sequenceur.sequence.push(animJardin);
	sequenceur.sequence.push(fadeInPepe);
	sequenceur.sequence.push(fadeInMeme);
	sequenceur.sequence.push(fadeInBleue);
	sequenceur.sequence.push(fadeInPetiteRouge);
	sequenceur.sequence.push(fadeInDuoFushia);
	sequenceur.sequence.push(fadeInGrosseRose);
	sequenceur.sequence.push(fadeInGrosseRouge);
	sequenceur.sequence.push(fadeInPetiteJaune);
	sequenceur.sequence.push(animPapillon);
}

function animSante(sequenceur)
{
	var translatAmbulance = new Translation(document.getElementById("ambulance"), sequenceur, 10, 1200, 57, 1028, 2, 6);
	
	var animGyro = new JSAnimator(document.getElementById("gyro"), "seq/gyro/animGyro.png", 30, sequenceur);
	animGyro.loop = true;
	
	var fadeInPilules = new FadeIn(document.getElementById("pilules"), sequenceur, 0, 1, 0.1, 40);
	var fadeInCoeur = new FadeIn(document.getElementById("coeur"), sequenceur, 0, 1, 0.1, 40);
	var traceLigneDeVie = new JSAnimator(document.getElementById("ligneDeVie"), "seq/ligne/animLigne.png", 24, sequenceur);
	traceLigneDeVie.interval = 50;
	
	sequenceur.sequence.push(translatAmbulance);
	sequenceur.sequence.push(fadeInPilules);
	sequenceur.sequence.push(fadeInCoeur);
	sequenceur.sequence.push(traceLigneDeVie);
	sequenceur.sequence.push(animGyro);
}

function animArtisan(sequenceur)
{
	var fadeInBrioche = new FadeIn(document.getElementById("brioche"), sequenceur, 0, 1, 0.1, 40);
	var fadeInGateau = new FadeIn(document.getElementById("gateau"), sequenceur, 0, 1, 0.1, 40);
	var fadeInCroissant = new FadeIn(document.getElementById("croissant"), sequenceur, 0, 1, 0.1, 40);
	
	var pinceau = new JSAnimator(document.getElementById("pinceau"), "seq/pinceau/animPinceau.png", 24, sequenceur);
	pinceau.interval = 40;
	
	var tempo = new Wait(500, sequenceur);
	
	var fadeInTacheRose = new FadeIn(document.getElementById("tacheRose"), sequenceur, 0, 1, 0.3, 10);
	
	sequenceur.sequence.push(fadeInBrioche);
	sequenceur.sequence.push(fadeInGateau);
	sequenceur.sequence.push(fadeInCroissant);
	sequenceur.sequence.push(pinceau);
	sequenceur.sequence.push(tempo);
	sequenceur.sequence.push(fadeInTacheRose);
}

function fullPreLoad(sequenceur)
{	
	fileLister = new FileLister();
	fileLister.phpLocation = "class/FileLister/";
	fileLister.deep = true;
	fileLister.manager = sequenceur;
	
	fileLister.play = function()
	{
		fileLister.dir = "img";
		var listImg = this.getList();
		fileLister.dir = "seq";
		
		var listSeq = this.getList();
		var list = listSeq.concat(listImg);
		
		var preLoader = new PreLoader(list, document.getElementById("bar"));
		preLoader.progressBar.height = 8;
		preLoader.progressBar.maxWidth = 148;
		preLoader.progressBar.color = "#FF7700";
		preLoader.manager = this.manager;
		
		preLoader.onload = function()
		{
			preLoader.progressBar.style.visibility = "hidden";
			this.manager.callBack();
		}
		
		preLoader.start();
	}
	
	sequenceur.sequence.push(fileLister);
}