// Vous pouvez changer la vitesse (speed)
var speed = 2; 
var timer = 0; 


Nom_Browser = navigator.appName;
if ( Nom_Browser == "Microsoft Internet Explorer")	{
	var largeur = document.documentElement.clientWidth;
	var hauteur = document.documentElement.clientHeight;
	
}else{
	var largeur = window.innerWidth;
	var hauteur =window.innerHeight;
}

function displayPics()
{
	var photos = document.getElementById('galerie_mini') ;
	// On récupère l'élément ayant pour id galerie_mini
	var liens = photos.getElementsByTagName('a') ;
	// On récupère dans une variable tous les liens contenu dans galerie_mini
	var big_photo = document.getElementById('big_pict') ;
	// Ici c'est l'élément ayant pour id big_pict qui est récupéré, c'est notre photo en taille normale

	var titre_photo = document.getElementById('photo').getElementsByTagName('dt')[0] ;
	// Et enfin le titre de la photo de taille normale

	// Une boucle parcourant l'ensemble des liens contenu dans galerie_mini
	for (var i = 0 ; i < liens.length ; ++i) {
		// Au clique sur ces liens 
		liens[i].onclick = function() {
			big_photo.src = this.href; // On change l'attribut src de l'image en le remplaçant par la valeur du lien
			big_photo.alt = this.title; // On change son titre
			titre_photo.firstChild.nodeValue = this.title; // On change le texte de titre de la photo
			return false; // Et pour finir on inhibe l'action réelle du lien
		};
	}
}


function preload() 
{ 
	if (document.getElementById) 
	{
		document.getElementById('preloadIMG').style.visibility='hidden';
		
		opacity('preloader',100,0);
	}
	
	else 
	{
	   	if (document.layers) 
	   	{	
			document.preloadIMG.visibility = 'hidden';
			
	   		opacity('preloader',100,0);
	  	}
	   	else 
	   	{
			document.all.preloadIMG.style.visibility = 'hidden';
			
			opacity('preloader',100,0);
	   	}
	}
}

function opacity(id, opacityStart, opacityEnd) 
{ 
    for(i = opacityStart; i >= opacityEnd; i--) 
	{ 
        setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed)); 
        timer++; 
    } 
} 

// Change l'opacité des fifférents navigateur
function changeOpac(opacity, id) { 
    var object = document.getElementById(id).style; 
    object.opacity = (opacity / 100); 
    object.MozOpacity = (opacity / 100); 
    object.KhtmlOpacity = (opacity / 100); 
    object.filter = "alpha(opacity=" + opacity + ")"; 
	
	if (opacity == 0)
	{
		document.getElementById('preloader').style.visibility='hidden';
		displayPics();
	}
} 

window.onload = function() { preload();}

window.document.write("<style type=\"text/css\">#preloader { display: block !important; }</style>");