var height_footer = 32; // en pixel)


var carre_1x = -320;
var carre_1y = 90;

var carre_2x = 55;
var carre_2y = 290;

var carre_3x = 232;
var carre_3y = 90;

var carre_4x = 208;
var carre_4y = 290;

var hauteur_titre = 350;

var compteur_anim = 0;
var sens = 0;
var entrer = 0;
var opacite= 9;
var opacite_clique = 0;
var element = 0;

function animation()
{

if(compteur_anim==10)
	document.getElementById('entrer').style.cursor = 'pointer';
else
	document.getElementById('entrer').style.cursor = 'auto';
		
		if(sens==1)
		{

			if(compteur_anim < 10)
			{
				carre_1x+=10;
				carre_1y+=10;
				carre_2x-=10;
				carre_2y-=10;
				carre_3x-=10;
				carre_3y+=10;
				carre_4x+=10;
				carre_4y-=10;
				hauteur_titre -=11;
				compteur_anim++;
				opacite_clique++;
			}
			else
			{
				compteur_anim = 10;
				sens = 0;
				opacite_clique = 10
			}
		
		
		}
		else if(sens == 2)
		{

			
			
			
			
			
			if(compteur_anim != 0)
			{
				carre_1x-=10;
				carre_1y-=10;
				carre_2x+=10;
				carre_2y+=10;
				carre_3x+=10;
				carre_3y-=10;
				carre_4x-=10;
				carre_4y+=10;
				hauteur_titre += 11;
				compteur_anim--;
				opacite_clique--;
				
			}
			else
			{
				compteur_anim = 0;
				sens = 0;
				opacite_clique = 0
			}
				

		}
		
		document.getElementById('carre_1').style.left = carre_1x + 'px';
		document.getElementById('carre_1').style.top =  carre_1y + 'px';
		
		document.getElementById('carre_2').style.left = carre_2x + 'px';
		document.getElementById('carre_2').style.top =  carre_2y + 'px';
		
		document.getElementById('carre_3').style.left = carre_3x + 'px';
		document.getElementById('carre_3').style.top =  carre_3y + 'px';
		
		document.getElementById('carre_4').style.left = carre_4x + 'px';
		document.getElementById('carre_4').style.top   =carre_4y + 'px';
			
		document.getElementById('titre_site').style.top = hauteur_titre + 'px';	
		
		if(opacite_clique !=10)
		{
		document.getElementById('lien_entrer').style.opacity = '0.' + opacite_clique;
		document.getElementById('lien_entrer').style.filter = 'alpha(opacity='+ opacite_clique +'0)';
		}
		else
		{
		document.getElementById('lien_entrer').style.opacity = '1';
		document.getElementById('lien_entrer').style.filter = 'none';
		}
			
		if(entrer==0)
		setTimeout("animation();",30);	

}
function animation_1()
{
		sens=1;
}
function animation_2()
{
		sens=2;
}
function ouverture()
{
	if(entrer != 4)
	{
		if(compteur_anim == 10)
		{
			entrer = 1;

		}
	}
		
		
		
		
}

function animation_entrer()
{
	if(entrer==1) // Phase 1
	{
		
		for(var i =0; i<4; i++)
		{
			document.getElementsByClassName('carre')[i].style.opacity = '0.' + opacite;
			document.getElementsByClassName('carre')[i].style.filter = 'alpha(opacity='+ opacite +'0)';
			
			
		}
		document.getElementById('titre_site').style.opacity = '0.' + opacite;
		document.getElementById('titre_site').style.filter = 'alpha(opacity='+ opacite +'0)';
		document.getElementById('lien_entrer').style.opacity = '0.' + opacite;
		document.getElementById('lien_entrer').style.filter = 'alpha(opacity='+ opacite +'0)';
		opacite--;
		
	}
	else if(entrer==2) // Phase 2
	{
		document.getElementById('titre_site').style.top = '0px';	
		document.getElementById('titre_site').style.left = '0px';	
		opacite++;
		
		if(element==4)
		{
			document.getElementById('titre_site').style.opacity = '0.' + opacite;
			document.getElementById('titre_site').style.filter = 'alpha(opacity='+ opacite +'0)';
			document.getElementById('sous_titre_site').style.opacity = '0.' + opacite;
			document.getElementById('sous_titre_site').style.filter = 'alpha(opacity='+ opacite +'0)';
		}
		document.getElementsByClassName('element_banniere')[element].style.opacity = '0.' + opacite;
		document.getElementsByClassName('element_banniere')[element].style.filter = 'alpha(opacity='+ opacite +'0)';
		
		
		if(opacite > 9)
		{
			document.getElementsByClassName('element_banniere')[element].style.opacity = '1';
			document.getElementsByClassName('element_banniere')[element].style.filter = 'none';
			opacite = 0;
			if(element==4)
			{
				document.getElementById('titre_site').style.opacity = '1';
				document.getElementById('titre_site').style.filter = 'none';
				document.getElementById('sous_titre_site').style.opacity = '1';
				document.getElementById('sous_titre_site').style.filter = 'none';
				
				
				entrer=3;
			}
			else
			element++;
		
		}
		
		
		
	}
	else if(entrer==3) // Phase 3
	{
		document.getElementById('accueil').style.display = 'block';
		document.getElementById('menu_body').style.display = 'block';
		document.getElementById('entrer').style.display = 'none';
		document.getElementById('lien_entrer').style.display = 'none';
		entrer = 4;
	
	}

	if(opacite <0)
	{
		opacite=0;
		for(var i =0; i<4; i++)
		{
			document.getElementsByClassName('carre')[i].style.display = 'none';
		}
		entrer = 2;
	}
	
	
	setTimeout("animation_entrer();",30);	
	
}


function mise_en_place()
{

	var haut = document.documentElement.clientHeight; // Hauteur d'la page
	var larg = (document.body.clientWidth);

	document.getElementById('corps').style.height = Math.ceil(((haut-height_footer- 100)/haut)*100) + 2 + "%"; // Largeur d'une bordure


	document.getElementById('entrer').style.left = (larg/2 - 200) + 'px';

	setTimeout("mise_en_place()", 50);
}

function prep_page()
{

	var haut = document.documentElement.clientHeight; // Hauteur d'la page

	document.getElementById('corps').style.height = Math.ceil(((haut-height_footer-100)/haut)*100) + 2 + "%"; // Largeur d'une bordure

	setTimeout("prep_page()", 50);
}



function navigateur()
{
var nomnav = navigator.appName;
var vernav = navigator.appVersion;



if(nomnav != "Microsoft Internet Explorer" && nomnav!="Opera" && nomnav != "Netscape")
alert("Attention, votre navigateur n'est pas ŕ jour. Afin de visualier le site dans les meilleures conditions ,veuillez utiliser une version plus récente ou un autre navigateur.");


if(nomnav == "Microsoft Internet Explorer" && vernav.substr(vernav.indexOf("MSIE ",0) + 5,1) <= 6)
alert("Attention, votre navigateur n'est pas ŕ jour. Afin de visualier le site dans les meilleures conditions ,veuillez utiliser une version plus récente ou un autre navigateur.");


}




function taille_marge(id, ligne)
{
	document.getElementById('sous_rubrique_' + id).style.marginBottom = ligne + 'px';

}


function getElementsByClassName(classname, node)  {
    if(!node) node = document.getElementsByTagName("body")[0];
    var a = [];
    var re = new RegExp('\\b' + classname + '\\b');
    var els = node.getElementsByTagName("*");
    for(var i=0,j=els.length; i<j; i++)
        if(re.test(els[i].className))a.push(els[i]);
    return a;
}






