var margeGauche = 30; //marge de départ
var decalage = 50; //decalage des images


/****************************************************/
/* MÉTHODE POUR RÉCUPÉRER UN ELEMENT PAR SA CLASSE  */
/****************************************************/
document.getElementsByClassName = function (needle) {
	var my_array = document.getElementsByTagName("*");
  	var retvalue = new Array();
  	var i;
  	var j;
  	for (i = 0, j = 0; i < my_array.length; i++) {
    	var c = " " + my_array[i].className + " ";
    	if (c.indexOf(" " + needle + " ") != -1) retvalue[j++] = my_array[i];
  	}
  	return retvalue;
}
/****************************************************/

function decaler(imageActuelle){ // décaler les images suivantes
	var lImage = imageActuelle.nextSibling;
	while(lImage.tagName == "IMG"){
		lImage.style.left=parseInt(lImage.style.left)+imageActuelle.width-decalage+"px";
		lImage = lImage.nextSibling;
	}
}

function retablir(imageActuelle){ // rétablir les images suivantes
	var lImage = imageActuelle.nextSibling;
	while(lImage.tagName == "IMG"){
		lImage.style.left=parseInt(lImage.style.left)-imageActuelle.width+decalage+"px";
		lImage = lImage.nextSibling;
	}
}

//initialisation des vignettes
window.onload = function(){
	serie = document.getElementsByClassName("feuilletage"); // repère tous les éléments de classe feuilletage
	for (var i=0;i<serie.length;i++){
		images = serie[i].getElementsByTagName("img"); // liste des images du document
		var taillesImages = new Array;
		for (var j=0;j<images.length;j++){
			images[j].setAttribute("style","position:absolute"); // affecte l'attribut
			images[j].setAttribute("onmouseover","decaler(this);"); // affecte l'attribut
			images[j].setAttribute("onmouseout","retablir(this);"); // affecte l'attribut
			images[j].style.left=(j*decalage)+margeGauche+"px";
			taillesImages.push(images[j].height);
		}
		taillesImages.sort();taillesImages.reverse();
		serie[i].setAttribute("style","height:"+taillesImages[0]+"px");
	}
}