window.onload = affiche_div
var taille_div=0;
var last_lateral_k=-1;
var last_lateral_i=-1;
var dossier_images="";
var pos_left_div=0;
var intervalle;
var intervalle2;
var largeur_ecran;
var pourcentage_opacite_mini_images_out=0.6;
var hauteur_ecran;
var largeur_site;
var hauteur_site;
var taille_max_largeur_div;
var style_mini_images="border: 1px solid white;";
petites_images = new Array("../../files/Galerie/Galerie/_thb_N-027CFFB3-4.jpg","../../files/Galerie/Galerie/_thb_O-435.jpg","../../files/Galerie/Galerie/_thb_HOm-201-8TPF.jpg","../../files/Galerie/Galerie/_thb_HO-204FSE.550.061.jpg","../../files/Galerie/Galerie/_thb_O-212-2SNCF232TC423.jpg","../../files/Galerie/Galerie/_thb_Om-003-2Corviglia.jpg","../../files/Galerie/Galerie/_thb_HO-141R.jpg","../../files/Galerie/Galerie/_thb_N-024BLS2.jpg","../../files/Galerie/Galerie/_thb_HO-205Tigerli.jpg","../../files/Galerie/Galerie/_thb_O-CC65003.jpg","../../files/Galerie/Galerie/_thb_O-210-4SBBE3-3Tigerli8425.jpg");
grandes_images = new Array("../../files/Galerie/Galerie/N-027CFFB3-4.jpg","../../files/Galerie/Galerie/O-435.jpg","../../files/Galerie/Galerie/HOm-201-8TPF.jpg","../../files/Galerie/Galerie/HO-204FSE.550.061.jpg","../../files/Galerie/Galerie/O-212-2SNCF232TC423.jpg","../../files/Galerie/Galerie/Om-003-2Corviglia.jpg","../../files/Galerie/Galerie/HO-141R.jpg","../../files/Galerie/Galerie/N-024BLS2.jpg","../../files/Galerie/Galerie/HO-205Tigerli.jpg","../../files/Galerie/Galerie/O-CC65003.jpg","../../files/Galerie/Galerie/O-210-4SBBE3-3Tigerli8425.jpg");



images = new Array(new Array('../files/Galerie/O-209/_thb_O-209FSE.626006.jpg','../files/Galerie/O-209/O-209FSE.626006.jpg','3',
	new Array('../files/Galerie/O-209/O-209FSE.626006.jpg','../files/Galerie/O-209/O-209FSE.626008.jpg','../files/Galerie/O-209/O-209FSE.626019.jpg')),
new Array('../files/Galerie/O-214/_thb_O-214SBBTEII221-236003web.jpg','../files/Galerie/O-214/O-214SBBTEII221-236003web.jpg','3',
	new Array('../files/Galerie/O-214/O-214SBBTEII221-236003web.jpg','../files/Galerie/O-214/O-214SBBTEII221-236015web.jpg','../files/Galerie/O-214/O-214SBBTEII221-236025web.jpg')),
new Array('../files/Galerie/_thb_N-013BLSAe6-8002.jpg','../files/Galerie//N-013BLSAe6-8002.jpg','4',
	new Array('../files/Galerie//N-013BLSAe6-8002.jpg','../files/Galerie//N-013BLSAe6-8015.jpg','../files/Galerie//N-013BLSAe6-8024.jpg','../files/Galerie//N-013BLSAe6-8025.jpg')),
new Array('../files/Galerie/_thb_O-093-3SNCFBB8154004.jpg','../files/Galerie//O-093-3SNCFBB8154004.jpg','4',
	new Array('../files/Galerie//O-093-3SNCFBB8154004.jpg','../files/Galerie//O-093-3SNCFBB8154008.jpg','../files/Galerie//O-093-3SNCFBB8154010.jpg','../files/Galerie//O-093-3SNCFBB8154020.jpg')),
new Array('../files/Galerie/_thb_HO-110SNCF060DB7.jpg','../files/Galerie//HO-110SNCF060DB7.jpg','4',
	new Array('../files/Galerie//HO-110SNCF060DB7.jpg','../files/Galerie//HO-110SNCF060DB9.jpg','../files/Galerie//HO-110SNCF060DB6.jpg','../files/Galerie//HO-110SNCF060DB.jpg')),
new Array('../files/Galerie/N-027CFFB3/_thb_N-027CFFB3-41.jpg','../files/Galerie/N-027CFFB3/N-027CFFB3-41.jpg','1',
	new Array('../files/Galerie/N-027CFFB3/N-027CFFB3-41.jpg')),
new Array('../files/Galerie/0-062-1SNCFBB9004/_thb_0-062-1SNCFBB90042.jpg','../files/Galerie/0-062-1SNCFBB9004/0-062-1SNCFBB90042.jpg','5',
	new Array('../files/Galerie/0-062-1SNCFBB9004/0-062-1SNCFBB90042.jpg','../files/Galerie/0-062-1SNCFBB9004/0-062-1SNCFBB9004dessous.jpg','../files/Galerie/0-062-1SNCFBB9004/0-062-1SNCFBB9004det.jpg','../files/Galerie/0-062-1SNCFBB9004/0-062-1SNCFBB9004det4.jpg','../files/Galerie/0-062-1SNCFBB9004/0-062-1SNCFBB9004det5.jpg')),
new Array('../files/Galerie/N-024BLS2/_thb_N-024BLS21.jpg','../files/Galerie/N-024BLS2/N-024BLS21.jpg','1',
	new Array('../files/Galerie/N-024BLS2/N-024BLS21.jpg')),
new Array('../files/Galerie/Om-003/_thb_Om-003-2Corviglia1.jpg','../files/Galerie/Om-003/Om-003-2Corviglia1.jpg','1',
	new Array('../files/Galerie/Om-003/Om-003-2Corviglia1.jpg')),
new Array('../files/Galerie/HO-204/_thb_HO-204FSE.550.0611.jpg','../files/Galerie/HO-204/HO-204FSE.550.0611.jpg','1',
	new Array('../files/Galerie/HO-204/HO-204FSE.550.0611.jpg')),
new Array('../files/Galerie/HO-205Tigerli/_thb_HO-205Tigerli1.jpg','../files/Galerie/HO-205Tigerli/HO-205Tigerli1.jpg','1',
	new Array('../files/Galerie/HO-205Tigerli/HO-205Tigerli1.jpg')),
new Array('../files/Galerie/HO-141R/_thb_HO-141R1.jpg','../files/Galerie/HO-141R/HO-141R1.jpg','3',
	new Array('../files/Galerie/HO-141R/HO-141R1.jpg','../files/Galerie/HO-141R/HO-036141R1.jpg','../files/Galerie/HO-141R/HO-036141R3.jpg')),
new Array('../files/Galerie/O-435/_thb_O-4351.jpg','../files/Galerie/O-435/O-4351.jpg','1',
	new Array('../files/Galerie/O-435/O-4351.jpg')),
new Array('../files/Galerie/O-212-2/_thb_O-212-2SNCF232TC4231.jpg','../files/Galerie/O-212-2/O-212-2SNCF232TC4231.jpg','1',
	new Array('../files/Galerie/O-212-2/O-212-2SNCF232TC4231.jpg')),
new Array('../files/Galerie/HOm-201/_thb_HOm-201-8TPF.jpg','../files/Galerie/HOm-201/HOm-201-8TPF.jpg','3',
	new Array('../files/Galerie/HOm-201/HOm-201-8TPF.jpg','../files/Galerie/HOm-201/HOm-201-8TPFdet.jpg','../files/Galerie/HOm-201/HOm-201-8TPFdet4.jpg')),
new Array('../files/Galerie/O-CC65003/_thb_O-CC650031.jpg','../files/Galerie/O-CC65003/O-CC650031.jpg','1',
	new Array('../files/Galerie/O-CC65003/O-CC650031.jpg')),
new Array('../files/Galerie/O-210-Tigerli/_thb_O-210-4SBBE3-3Tigerli84251.jpg','../files/Galerie/O-210-Tigerli/O-210-4SBBE3-3Tigerli84251.jpg','1',
	new Array('../files/Galerie/O-210-Tigerli/O-210-4SBBE3-3Tigerli84251.jpg')));var intervalleDefill;
var last_id_image_ouvert=-1;
function affiche_div()
	{
		if (document.body)
			{
				largeur_ecran = (document.body.clientWidth);
				hauteur_ecran = (document.body.clientHeight);
			}
		else
			{
				largeur_ecran = (window.innerWidth);
				hauteur_ecran = (window.innerHeight);
			}
		if(document.getElementById("Tableau_01") && document.getElementById("Tableau_01").offsetWidth!="null" && document.getElementById("Tableau_01").offsetWidth!="undefined")
			largeur_site=document.getElementById("Tableau_01").offsetWidth;
		else
			largeur_site=1000;
		
		
		if(document.getElementById("Tableau_01") && document.getElementById("Tableau_01").offsetTop!="null" && document.getElementById("Tableau_01").offsetTop!="undefined")
			hauteur_site=document.getElementById("Tableau_01").offsetTop;
		else
			hauteur_site=44;
		
		document.getElementById("contenu").style.top=(hauteur_site+117)+"px";
		pos_left_div=largeur_ecran/2;
		var bool_set_cent_pourcent=false;
		if(largeur_ecran*100/100>=largeur_site)
			{
				taille_max_largeur_div=largeur_ecran*100/100;
				bool_set_cent_pourcent=true;
			}
		else
			{
				taille_max_largeur_div=largeur_site;
				bool_set_cent_pourcent=true;
			}
		intervalle=setInterval("resize_div()", 25);
	}
function resize_div()
	{
		taille_div+=40;
		pos_left_div-=20;
		if (document.body)
			largeur_ecran = (document.body.clientWidth);
		else
			largeur_ecran = (window.innerWidth);
		if(largeur_ecran<=taille_div)
			{
				if(navigator.appName=="Microsoft Internet Explorer")
					{
						document.getElementById("contenu").style.width="100%";
						document.body.width="100%";
					}
				else
					document.getElementById("contenu").style.width="100%";
					
				document.getElementById("contenu").style.left=-100+"px";
			}
		else
			{
			document.getElementById("contenu").style.left=pos_left_div+"px";
			document.getElementById("contenu").style.width=taille_div+"px";
			}
		if(taille_div>=taille_max_largeur_div)
		insert_content();
	}
function insert_content()
	{						
		clearInterval(intervalle);
		pos_left_div+=8;
		taille_espace_droite=145;
		
		document.getElementById("contenu").style.left=pos_left_div+"px";
		if(document.getElementById("contenu") && document.getElementById("contenu").offsetWidth!="null" && document.getElementById("contenu").offsetWidth!="undefined")
			largeur_div_finale=document.getElementById("contenu").offsetWidth;
		else
			largeur_div_finale=taille_max_largeur_div;
		var taille_lateraux=(largeur_div_finale-largeur_site)/2;
		var taille_div_petites_images=550;
		document.getElementById("contenu").innerHTML='<table align="center" cellpadding="0" cellspacing="0"><tr><td width="'+taille_lateraux+'"></td><td width="'+(largeur_div_finale-2*taille_lateraux-taille_espace_droite+8)+'" align="right"><div id="grande_image_div"><img src="images/galerie/nom_galerie.jpg" alt="" border="0" width="175">&nbsp;<img src="'+dossier_images+grandes_images[0]+'" alt="" border="0" style="border: 1px solid black;"></div></td><td width="'+taille_espace_droite+'" valign="top"><div id="zone_img_secondaires" style="border-width:5px; border-style:solid; border-color:white;" align="center"></div></td><td width="'+(taille_lateraux-8)+'" ></td></tr></table>';
		document.getElementById("contenu").innerHTML+='<div id="fond_noir" style="position:absolute; width:100%; height:65px;"><div id="petites_images" style="position:relative; width:'+taille_div_petites_images+'px; height:69px; left:'+(largeur_site+taille_lateraux-taille_div_petites_images)+'px; top:7px; overflow:hidden;"></div><div id="petites_images_left_button" style="position:relative; left:'+(largeur_site+taille_lateraux-taille_div_petites_images-22)+'px; top:-41px; width:20px;" onmouseover="javascript:swift_move(1);"  onmouseOut="javascript:restart_defill();"><b><a href="javascript:very_swift_move(1);"><</a></b></div><div id="petites_images_left_button" style="position:relative; left:'+(largeur_site+taille_lateraux+10)+'px; top:-55px; width:20px;" onmouseover="javascript:swift_move(0);"  onmouseOut="javascript:restart_defill();"><b><a href="javascript:very_swift_move(0);">></a></b></div></div>';
		document.getElementById("fond_noir").style.backgroundColor="black";
		document.getElementById("fond_noir").style.bottom="18px";
		show_image();
	}
function gradient(id, level)
	{
		var box = document.getElementById(id);
		box.style.opacity = level;
		box.style.MozOpacity = level;
		box.style.KhtmlOpacity = level;
	//	box.style.style += "filter:alpha(opacity="+(100)+")";
		
		if(navigator.appName=="Microsoft Internet Explorer")
		{
			var style_in_use=box.setAttribute; 
			box.setAttribute("style","alpha(opacity="+(level*100)+"); "+style_mini_images);
		}
		//box.style.display="block";
		return;
	}
function show_unique_mini_image(i)
	{
		imageObj=new Image();
		imageObj.src=dossier_images+petites_images[i]; //Préchargement			
		document.getElementById('div_petite_image_'+i).innerHTML+='<a href="javascript:show_big_image(\''+i+'\')"><img src="'+dossier_images+images[i][0]+'" id="petite_image_'+i+'" alt="" border="0" style="'+style_mini_images+' MozOpacity:0; KhtmlOpacity:0; filter:alpha(opacity=100);" onmouseover="javascript:stopDefill(\''+i+'\');" onmouseout="javascript:start_defill();"></a>';
		var level = 0;
		while(level <= pourcentage_opacite_mini_images_out)
			{
				setTimeout( "gradient('petite_image_"+i+"'," + level + ")", (level* 1000) );
				level += 0.01;
			}
	}
function show_mini_images()
	{
		var ma_table='<table id="tableau_images_id"> <tr>';
		for(j=0; j<images.length; j++)
			{
				ma_table+='<td><div id="div_petite_image_'+j+'"></div></td>';
			}
		ma_table+='</tr> </table>';
		document.getElementById("petites_images").innerHTML+=ma_table;
		for(j=0; j<images.length; j++)
			{
				setTimeout( "show_unique_mini_image('"+j+"')", 500);
			}
			
	}
var k=1;
function move_div(pas)
	{
		if(document.getElementById("petites_images").scrollLeft>=(document.getElementById("tableau_images_id").offsetWidth-document.getElementById("petites_images").offsetWidth) || document.getElementById("petites_images").scrollLeft==0)
			{
				k=k*-1;
			}
		document.getElementById("petites_images").scrollLeft =document.getElementById("petites_images").scrollLeft + k*pas;	
	}
function move_swift_right(pas)
	{
		if(document.getElementById("petites_images").scrollLeft==(document.getElementById("tableau_images_id").offsetWidth-document.getElementById("petites_images").offsetWidth))
			{
				clearInterval(intervalleDefill);
			}
		else
			document.getElementById("petites_images").scrollLeft =document.getElementById("petites_images").scrollLeft - pas;
	}
function move_swift_left(pas)
	{
		if(document.getElementById("petites_images").scrollLeft==0)
			{
				clearInterval(intervalleDefill);
			}
		document.getElementById("petites_images").scrollLeft =document.getElementById("petites_images").scrollLeft +pas;	
	}
function very_swift_move(is_right)
	{
				clearInterval(intervalleDefill);
		if(is_right==1)
			{
				intervalleDefill=setInterval("move_swift_right(25)",30);
			}
		else
			{
				intervalleDefill=setInterval("move_swift_left(25)",30);
			}
	}
function swift_move(is_right)
	{
				clearInterval(intervalleDefill);
		if(is_right==1)
			{
				intervalleDefill=setInterval("move_swift_right(5)",30);
			}
		else
			{
				intervalleDefill=setInterval("move_swift_left(5)",30);
			}
	}
function stopDefill(i)
	{
		clearInterval(intervalleDefill);
	}
function start_defill()
	{
		intervalleDefill=setInterval("move_div(1)",30);
	}
function restart_defill()
	{
		clearInterval(intervalleDefill);
		intervalleDefill=setInterval("move_div(1)",30);
	}
function show_max()
	{
		//alert("MAX:"+document.getElementById("petites_images").scrollLeft);
		//alert("TAILLE:"+document.getElementById("petites_images").offsetWidth);
		//alert("TAILLE2:"+(document.getElementById("tableau_images_id").offsetWidth-document.getElementById("petites_images").offsetWidth));
	}
function show_image()
	{
		show_mini_images();
		
		intervalleDefill=setInterval("move_div(1)",30);
		//setTimeout("start_defill()",2000);
		//setTimeout("show_max()",5000);
		//intervalle=setInterval("show_mini_images()", 25);
		//document.getElementById("contenu").innerHTML+=	'<table align="center" cellpadding="0" cellspacing="0"><tr><td width="'+taille_lateraux+'""></td><td width="'+(largeur_div_finale-2*taille_lateraux-taille_espace_droite)+'" align="right"><div id="grande_image_div"><img src="images/galerie/grand.jpg" alt="" border="0" style="border: 1px solid black;"></div></td><td width="'+taille_espace_droite+'"></td><td width="'+taille_lateraux+'"></td></tr></table>';
	}
	
function show_big_image_from_lateral(i,k)
	{
	//alert("OK:"+dossier_images+images[i][3][k]);
	
	document.getElementById("grande_image_div").innerHTML='<img src="images/galerie/nom_galerie.jpg" alt="" border="0" width="175">&nbsp;<img src="'+dossier_images+images[i][3][k]+'" alt="" border="0" style="border: 1px solid black;">';
	document.getElementById('btn_lat_'+k).style.backgroundColor ="grey";
	document.getElementById('btn_lat_'+k).style.borderColor ="grey";
	
	if(last_lateral_i==i && last_lateral_k>=0 && last_lateral_k!=k)
		{
			document.getElementById('btn_lat_'+last_lateral_k).style.backgroundColor ="black";
			document.getElementById('btn_lat_'+last_lateral_k).style.borderColor ="black";
		}
	last_lateral_k=k;
	last_lateral_i=i;
	/*
		if(last_lateral_i!=i)
			{
				last_lateral_i=i;
				if(last_lateral_k!=k)
					{
						//document.getElementById('btn_lat_'+last_lateral_k).style="width:10px; border-width:5px;border-style: solid; border-color: black; background-color:black; color:white;";
						//document.getElementById("grande_image_div").innerHTML='<img src="images/galerie/nom_galerie.jpg" alt="" border="0" width="175">&nbsp;<img src="'+dossier_images+images[i][3][k]+'" alt="" border="0" style="border: 1px solid black;">';
						last_lateral_k=k;
						alert("OK:"+dossier_images+images[i][3][k]);
					}
			}
		else
			{
				
			}*/
	}
function show_big_image(i)
	{
		if(last_id_image_ouvert!=-1)
			{
				gradient("petite_image_"+last_id_image_ouvert,pourcentage_opacite_mini_images_out);
				document.getElementById("petite_image_"+last_id_image_ouvert).style.borderColor="white";
			}
		last_id_image_ouvert=i;
		gradient("petite_image_"+i,1);
		document.getElementById("petite_image_"+last_id_image_ouvert).style.borderColor="red";
		document.getElementById("grande_image_div").innerHTML='<img src="images/galerie/nom_galerie.jpg" alt="" border="0" width="175">&nbsp;<img src="'+dossier_images+images[i][1]+'" alt="" border="0" style="border: 1px solid black;">';
		var small_img_txt="<br>";
		for(var k=0; k<images[i][3].length; k++)
			{
			small_img_txt+='<a href="javascript:show_big_image_from_lateral(\''+i+'\',\''+k+'\');"><div align="center" id="btn_lat_'+k+'" style="width:10px; border-width:5px;border-style: solid; border-color: black; background-color:black; color:white;" class="TexteStandard">'+(k+1)+'</div></a><br>';
			}
		document.getElementById("zone_img_secondaires").innerHTML=small_img_txt;
	}