etat="pres";
idDetail=null;
affGrande=null;
timerHide=null;
oldEl=null;
vOnload=null;
idDetailOld=null;

function init() {
	if(vOnload==1) {
		document.getElementsByTagName('body')[0].style.backgroundColor='white';
		animWidthEl('conteneurInd', 1024, 0);
		animHeightEl('conteneurInd', 700, 0);
		document.getElementById('grosBout').style.display='none';
		document.getElementById('avert').style.display='none';
		document.getElementById('bann').style.display='none';
		document.getElementById('milIndex').style.display='none';
		document.getElementById('pied').style.display='none';

		document.getElementById('archi_pat').style.visibility='visible';
		document.getElementById('pays_nat').style.visibility='visible';
		document.getElementById('even_manif').style.visibility='visible';
		document.getElementById('portr_book').style.visibility='visible';
		document.getElementById('polit_perso').style.visibility='visible';
		document.getElementById('illustr_photo').style.visibility='visible';
		document.getElementById('photo_hum').style.visibility='visible';
	}
}

function affMenu() {
	var unSurDeux=1;
	var oriX=17;
	var oriY=95;
	/*var oriY=10;*/
	for(var monItem=0;monItem<t_photo.length;monItem++) {
		if(unSurDeux==1) {
			posX=oriX;
			unSurDeux=2;
		}
		else {
			posX=oriX+160;
			unSurDeux=1;
		}
		posY=(monItem*75)+oriY;
		eval("var styleItem=document.getElementById('"+t_photo[monItem]+"').style;");
		styleItem.top=posY;
		styleItem.left=posX;
	}	
}

function iconeMenu() {
	var unSurDeux=1;
	var oriX=17;
	var oriY=95;
	var iconeW=90;
	var iconeH=80;
	var oriIconeX=85;
	var espaceIcone=15;
	var yDest=0;
	var trY=0;
	var equ=1;
	var compt;
	var valX;
	var valY;
	var tryOld;
	tMenu= new Array;
	var nTour=0;
	var trXSur2;
	
	for(var monItem=0;monItem<t_photo.length;monItem++) {
/*
 * unsurdeux : colonne des photos de droite dans le menu
 * et colonne des photos de gauches
 */
		if(unSurDeux==1) {
			posX=oriX;
			unSurDeux=2;
		}
		else {
			posX=oriX+160;
			unSurDeux=1;
		}
		/*
		 * 75 : decalage vertical des photos (la moitiée de la photo
		 */
		posY=(monItem*75)+oriY;
		/*
		 * destination de l'icône
		 */
		var xDest=((((monItem*iconeW)+oriIconeX)+espaceIcone));
		if(monItem==1) posX=posX-150;
		compt=0;
		tMenu[monItem]=new Array;
		/*
		 * on fait défiler les abssices
		 * et on calcule l'ordonnée à partir d'une équation du premier degré
		 * résolue grâce au point d'origine et au point de destination
		 */
		if(document.all) {
			var saut=6;
		}
		else {
			var saut = 6;
		}
		for(var trX=posX;trX<xDest;trX=trX+saut) {			
			trY=Math.ceil(((yDest - posY)/(xDest-posX))*trX + ((xDest*posY-posX*yDest)/(xDest-posX)));
			tMenu[monItem][compt]=new Object;
			tMenu[monItem][compt].valX=trX;
			tMenu[monItem][compt].valY=trY;
			compt++;
		}
		if((compt-1)<xDest) {
			trX=xDest;
			trY=Math.ceil(((yDest - posY)/(xDest-posX))*trX + ((xDest*posY-posX*yDest)/(xDest-posX)));
			tMenu[monItem][compt]=new Object;
			tMenu[monItem][compt].valX=trX;
			tMenu[monItem][compt].valY=trY;
		}
	}		
}

function moveMenu(nEl, nCoord) {
	eval("var styleEl=document.getElementById('"+t_photo[nEl]+"').style;");

	if(nCoord==0) {
		eval("styleEl.backgroundImage='url(./img/menu_80/"+t_photo[nEl]+".gif)';");
	
		styleEl.width='80px';					
		styleEl.height='80px';				
	}


	styleEl.left=tMenu[nEl][nCoord].valX;
	styleEl.top=tMenu[nEl][nCoord].valY;
	
	
	var stop = (tMenu[nEl].length)-1;
	
/*	if(nCoord > stop && nEl < (t_photo.length)-1) {
		var debug=t_photo.length;
		eval("document.getElementById('b_titre_menu').innerHTML='"+nEl+" / "+nCoord+" "+debug+"';");
		clearTimeout(timeoutMenu);
		nCoord=0;
		nEl++;
		var cmd="moveMenu(" + nEl + "," + nCoord + ")";
		timeoutMenu = setTimeout(cmd,0);
	}*/
/*	else {*/
	if(nCoord < stop) {
		nCoord++;
		var cmd="moveMenu(" + nEl + "," + nCoord + ")";
		timeoutMenu = setTimeout(cmd,0);
	}
	else {
		etat="icone";
		return;
	}
	
}

function addListenerMenu() {
	for(var nEl = 0;nEl<t_photo.length;nEl++) {
		eval("mouseRouter"+nEl+"[0].addListener(showTitre);");
		eval("mouseRouter"+nEl+"[1].addListener(hideTitre);");
		eval("mouseRouter"+nEl+"[2].addListener(affiche);");
	}
	clearTimeout(timeoutAddList);
}

function animWidthEl(id, taille, tailleFin) {
	eval("el=document.getElementById('"+id+"')");
	el.style.width=taille;
	if(tailleFin > 0) {
		if(taille > tailleFin) {
			return;
		}
		else {
			taille=taille+30;
			cmd="animWidthEl('"+id+"',"+taille+", "+tailleFin+")";
			setTimeout(cmd,0);
		}
	}
	else {
		if(taille > 30) {
			taille=taille-30;
			cmd="animWidthEl('"+id+"',"+taille+", "+tailleFin+")";
			setTimeout(cmd,0);
		}
		else {
			el.style.width=0;
			el.style.margin=0;
			el.style.padding=0;
			return;
		}
	}	
}

function animHeightEl(id, taille, tailleFin) {
	eval("el=document.getElementById('"+id+"')");
	el.style.height=taille;
	if(tailleFin > 0) {
		if(taille > tailleFin) {
			return;
		}
		else {
			taille=taille+30;
			cmd="animHeightEl('"+id+"',"+taille+", "+tailleFin+")";
			setTimeout(cmd,0);
		}
	}
	else {
		if(taille > 30) {
			taille=taille-30;
			cmd="animHeightEl('"+id+"',"+taille+", "+tailleFin+")";
			setTimeout(cmd,0);
		}
		else {
			el.style.height=0;
			el.style.margin=0;
			el.style.padding=0;
			return;
		}
	}	
}
window.onload=function(){
	bout=document.getElementById('grosBout');

	prechargement();
	initPhoto();
	//document.getElementById('p_attente').style.visibility='hidden';
	bout.src='img/entrez.gif';
	
	affMenu();
	iconeMenu();
	
	elMenu=document.getElementById("b_vert_g_menu");

	tShowGrande = new Array;
	for(var elMenu=0;elMenu<t_photo.length;elMenu++) {
		eval("var idElMenu = document.getElementById('"+t_photo[elMenu]+"');");
		
		eval("mouseRouter"+elMenu+"=new Array");
		eval("mouseRouter"+elMenu+"[0]=new jsEvent.EventRouter(idElMenu,'onmouseover');");
		eval("mouseRouter"+elMenu+"[0].addListener(showTitre);");

		eval("mouseRouter"+elMenu+"[1]=new jsEvent.EventRouter(idElMenu,'onmouseout');");
		eval("mouseRouter"+elMenu+"[1].addListener(hideTitre);");

		eval("mouseRouter"+elMenu+"[2]=new jsEvent.EventRouter(idElMenu,'onclick');");
		eval("mouseRouter"+elMenu+"[2].addListener(affiche);");
		tShowGrande[idElMenu.id]=false;
	}
	idGrande=document.getElementById('contAffGrande');
	mouseRouterGrande=new jsEvent.EventRouter(idGrande,'onclick');
	mouseRouterGrande.addListener(affiche);
}

function affiche(){


	idDetail=this.el.id;
	
	if(idDetail == 'contAffGrande') {
		idDetail=idDetailOld;
	}

	for(var elMenu=0;elMenu<t_photo.length;elMenu++) {
		if(t_photo[elMenu] == this.el.id) {
			for(var elMenu=0;elMenu<t_photo.length;elMenu++) {
				eval("document.getElementById('"+t_photo[elMenu]+"').style.border='none';");
			}
			this.el.style.border='solid 2px #B3B5B2';
		}
	}
	/*
	 * etat des icônes : présentation (menu gauche), pas petites icônes en haut
	 */
	if(etat=="pres") {
		hideTitre();
		for(var nEl = 0;nEl<t_photo.length;nEl++) {
			eval("mouseRouter"+nEl+"[0].removeListener(showTitre);");
			eval("mouseRouter"+nEl+"[1].removeListener(hideTitre);");
			eval("mouseRouter"+nEl+"[2].removeListener(affiche);");
			moveMenu(nEl, 0);	
		}
		timeoutAddList = setTimeout('addListenerMenu()', 2000);
		/*document.getElementById('b_vert_g_menu').style.width='0px';*/
		animWidthEl('b_vert_g_menu',320, 0);	
		etat="transfert";
	
		var cmd1="document.getElementById('contAffDetail').style.display='block'";
		var cmd2="document.getElementById('det_"+idDetail+"').style.display='block'";
		setTimeout(cmd1,500);
		setTimeout(cmd2,500);
	}
	else {
		eval("document.getElementById('det_"+idDetailOld+"').style.display='none'");		
		animWidthEl('contAffDetail',0, 963);
		if(affGrande==1) {
			document.getElementById('contAffGrande').style.display='none';
			affGrande=0;
		}
		document.getElementById('contAffDetail').style.display='block';
		eval("document.getElementById('det_"+idDetail+"').style.display='block'");	
	}
	/*
	 * Si le thème choisi n'est pas affiché en détail, ou si rien n'est affiché  
	 */
	idDetailOld=idDetail;
}

function showGrande(numImg){
	document.getElementById('contAffGrande').style.display='block';
	document.getElementById('contAffDetail').style.display='none';
	eval("document.getElementById('contAffGrande').style.backgroundImage='url(img/grande/"+idDetail+numImg+".jpg)'");
	eval("document.getElementById('det_"+idDetail+"').style.display='none'");
	
	animWidthEl('contAffGrande',0, 963);
	animHeightEl('contAffGrande',0, 604);
	
	affGrande=1;
}

function showTitre()
{
	
	document.getElementById('b_titre_menu').style.border='solid 8px #B3B5B2';
	clearTimeout(timerHide);
	if(etat=="transfert") return;
	
	if(etat=="pres") {
		var decalX=155;
		var decalY=30;
	}
	else{
		var decalX=93;
		var decalY=95;
		
	}
	
	var elTitreMenu = document.getElementById('b_titre_menu');
	var styleEl = elTitreMenu.style;
	
	var posX=this.el.offsetLeft;
	var posY=this.el.offsetTop;
	posX=posX+decalX;
	styleEl.width=0;
	styleEl.top=posY+decalY;
	styleEl.left=posX;
	eval("elTitreMenu.style.backgroundImage='url(./img/titre/"+this.el.id+".gif)';");
	elTitreMenu.style.display='block';
	
	animWidthEl('b_titre_menu', 10, 258);
	timerHide=setTimeout('hideTitre()',1000);	
	oldEl=this.el;
}

function hideTitre()
{
	var elTitreMenu = document.getElementById('b_titre_menu');
	clearTimeout(timerHide);
	elTitreMenu.style.border='none';
	animWidthEl('b_titre_menu', 258, 0);
}