function tempo()
{
	if(vu)
	{
		switch(etape){
			case 0:
			changer_couleur('#FFFFFF');
			break;
			
			case 1:
			changer_couleur('#E0E0E0');
			break;
			
			case 2:
			changer_couleur('#D0D0D0');
			break;
			
			case 3:
			changer_couleur('#C0C0C0');
			break;
			
			case 4:
			changer_couleur('#B0B0B0');
			break;
			
			case 10:
			afficher_div_2();
			break;
			
			case 11:
			redimentionner_haut();
			break;
			
			case 12:
			redimentionner_large();
			break;
			
			case 13:
			afficher_image();
			break;
			
			case 14:
			afficher_div3();
			break;
			
		}
		etape++;
	}
}
function changer_couleur(col)
{

	document.getElementById(id_div).style.backgroundColor=col;
}

function montrer(id_img)//fonction d'appel
{
	fermer();
	id_img_actuel=id_img;
	url_image=liste_photo[id_img_actuel];
	id_ancre=id_img;
	if (document.getElementById && document.getElementById(id_div) != null)
	{
		vu=true;
		document.getElementById("principal").style.visibility='hidden';
		document.getElementById(id_div).style.visibility='visible';
		document.getElementById(id_div).style.display='block';
		document.getElementById(id_div).innerHTML='<div align="center"><div id="div2">&nbsp;<div id="div3"><a href="javascript:fermer();">Fermer</a></div></div></div>';
		location='#haut';
	}
}

function montrer_precedent()//fonction d'appel
{
	y_h=0;
	x_h=0;
	etape=11;
	coeff=1;		
	maxi=false;//permet de savoir si avec une dimention on a deja atteind un maxi
	maxi_value=900;

	document.getElementById(id_div2).innerHTML="";
	id_img_actuel--;
	id_img_actuel=Math.max(id_img_actuel, 0);
	url_image=liste_photo[id_img_actuel];
	id_ancre=id_img_actuel;
}

function montrer_suivant()//fonction d'appel
{
	y_h=0;
	x_h=0;
	etape=11;
	coeff=1;			
	maxi=false;//permet de savoir si avec une dimention on a deja atteind un maxi
	maxi_value=900;

	document.getElementById(id_div2).innerHTML="";
	id_img_actuel++;
	id_img_actuel=Math.min(id_img_actuel, (liste_photo.length-1));
	url_image=liste_photo[id_img_actuel];
	id_ancre=id_img_actuel;
}
function afficher_div_2()
{
	document.getElementById(id_div2).style.visibility='visible';			
	document.getElementById(id_div2).style.display='block';
}

					
function redimentionner_haut()
{
	largeur_reel=Math.round(coeff*liste_photo_img[id_img_actuel].width+30);
	largeur_reel=Math.min(largeur_reel, largeur_max);
	if(largeur_reel==largeur_max)
	{
		maxi='width';
		coeff=(largeur_max-30)/liste_photo_img[id_img_actuel].width;	
		maxi_value=largeur_max-30;
	}
	
	hauteur_reel=Math.round(coeff*liste_photo_img[id_img_actuel].height+80);
	hauteur_reel=Math.min(hauteur_reel, hauteur_max);
	if(hauteur_reel==hauteur_max)
	{
		maxi='height';
		coeff=(hauteur_max-80)/liste_photo_img[id_img_actuel].height;	
		maxi_value=hauteur_max-80;
	}
	if(hauteur==hauteur_reel)
	{
		return true;
	}else{
		etape--;
	}
	if(hauteur>(hauteur_reel+2))
	{
		y_h++;
		hauteur=Math.round(hauteur_reel*(1+Math.exp(-y_h/2)));
		document.getElementById(id_div2).style.height=hauteur+'px';
		return true;
	}
	if(hauteur<(hauteur_reel-2))
	{
		y_h++;
		hauteur=Math.round(hauteur_reel*(1-Math.exp(-y_h/2)));
		document.getElementById(id_div2).style.height=hauteur+'px';
		return true;
	}
	
	if(hauteur>hauteur_reel)
	{
		hauteur=hauteur-1;
		document.getElementById(id_div2).style.height=hauteur+'px';
	}
	if(hauteur<hauteur_reel)
	{
		hauteur=hauteur+1;
		document.getElementById(id_div2).style.height=hauteur+'px';
	}
	
}

function redimentionner_large()
{
	largeur_reel=Math.round(coeff*liste_photo_img[id_img_actuel].width+30);
	largeur_reel=Math.min(largeur_reel, largeur_max);
	if(largeur_reel==largeur_max)
	{
		maxi='width';
		coeff=(largeur_max-30)/liste_photo_img[id_img_actuel].width;	
		maxi_value=largeur_max-30;
	}
	
	if(largeur==largeur_reel)
	{
		return true;
	}else{
		etape--;
	}
	if(largeur>(largeur_reel+5))
	{
		x_h++;
		largeur=Math.round(largeur_reel*(1+Math.exp(-x_h/2)));
		document.getElementById(id_div2).style.width=largeur+'px';
		return true;
	}
	if(largeur<(largeur_reel-5))
	{
		x_h++;
		largeur=Math.round(largeur_reel*(1-Math.exp(-x_h/2)));
		document.getElementById(id_div2).style.width=largeur+'px';
		return true;
	}
	if(largeur>(largeur_reel))
	{
		largeur--;
		document.getElementById(id_div2).style.width=largeur+'px';
	}
	if(largeur<(largeur_reel))
	{
		largeur++;
		document.getElementById(id_div2).style.width=largeur+'px';
	}
	
}
function afficher_image()
{
	if(maxi == false)
	{
		document.getElementById(id_div2).innerHTML='<img src="'+u_url+''+url_image+'" alt="" id="photo" />';
	}else{
		document.getElementById(id_div2).innerHTML='<img src="'+u_url+''+url_image+'" alt="" '+maxi+'="'+maxi_value+'px" id="photo" />';
	}
	document.getElementById(id_div2).innerHTML=document.getElementById(id_div2).innerHTML+'<div id="div3"><a href="javascript:montrer_precedent();">Precedent</a> - <a href="javascript:fermer();">Fermer</a> - <a href="javascript:montrer_suivant();">Suivant</a></div>';
	document.getElementById(id_photo).style.visibility='visible';
}
function afficher_div3()
{
	document.getElementById(id_div3).style.visibility='visible';
	document.getElementById(id_div3).style.display='block';
}

function fermer()
{
	vu=false;
	hauteur=70;
	largeur=50;
	y_h=0;
	x_h=0;
	etape=0;
	coeff=1;

	maxi=false;//permet de savoir si avec une dimention on a deja atteind un maxi
	maxi_value=900;
	document.getElementById(id_div).style.visibility='hidden';
	document.getElementById(id_div).style.display='none';
	document.getElementById("principal").style.visibility='visible';
	location='#ancre_'+id_ancre;
}

function afficher_float_liste_theme(i)
{
	var ido='float_liste_theme_'+i;
	document.getElementById(ido).style.visibility='visible';
}
function cacher_float_liste_theme(i)
{
	var ido='float_liste_theme_'+i;
	document.getElementById(ido).style.visibility='hidden';
}