/*
* navigation des vignette
*/

var idLastDisplayed = 0;
var fistCurrentThumbDisplayed = 0;
var picsMax = 650;
var bouclePrev = false; //boucle quand on arrive au debut

function prevThumbs(){
	//var thumb_nav = document.getElementById("thumb_nav");	
	new Effect.Fade('thumb_nav'); window.setTimeout('showPrevThumbsWithEffet();',1000);
}

function showPrevThumbsWithEffet(){
	
	var thumbNav = document.getElementById("thumb_nav");	
	
	fistCurrentThumbDisplayed = 0;
	for ( var i=0; i<thumbNav.childNodes.length; i++ ){
		if(thumbNav.childNodes[i].style && thumbNav.childNodes[i].style['display'] == 'block'){
			thumbNav.childNodes[i].style['display'] = 'none';
			idLastDisplayed = i;
			if(fistCurrentThumbDisplayed == 0) {
				fistCurrentThumbDisplayed = i;
			} 
		}
	}
	
	//alert(thumbNav.max-width);
	
	if(bouclePrev){
		fistCurrentThumbDisplayed = thumbNav.childNodes.length;
	}
	
	var picsWidth = 0;
	
	for ( var i = fistCurrentThumbDisplayed-1 ; i >= 0; i-- ){
	
		//on calcul la taille de l'image pour calculer le nombre d'imae a afficher
		var realHeight = 57; //hauteur des thumb
		var width = 0;
		if(thumbNav.childNodes[i].childNodes[0] && thumbNav.childNodes[i].childNodes[0].height != 0){
		
			width = (realHeight / thumbNav.childNodes[i].childNodes[0].height) * thumbNav.childNodes[i].childNodes[0].width;			
			
			if( picsWidth + width < picsMax ){
				thumbNav.childNodes[i].style['display'] = 'block';
				picsWidth += width;
				idLastDisplayed = i;
			}else{
				break;
			}
		}
		
	}
	
	if(picsWidth == 0) { //on boucle
		bouclePrev = true;
		showPrevThumbsWithEffet();
		bouclePrev = false;
	}
	
	Effect.Appear('thumb_nav', {duration:.3});
	
	
}

function nextThumbs(){
	new Effect.Fade('thumb_nav'); window.setTimeout('showNextThumbsWithEffet()',1000);
}

function showNextThumbsWithEffet(){
	
	
	var thumbNav = document.getElementById("thumb_nav");	
	
	for ( var i=0; i<thumbNav.childNodes.length; i++ ){
		if(thumbNav.childNodes[i].style && thumbNav.childNodes[i].style['display'] == 'block'){
			thumbNav.childNodes[i].style['display'] = 'none';
			idLastDisplayed = i;
		}
	}
	
	//alert(thumbNav.max-width);
	
	var picsWidth = 0;
	
	for ( var i = idLastDisplayed + 1 ; i<thumbNav.childNodes.length; i++ ){
	
		//on calcul la taille de l'image pour calculer le nombre d'imae a afficher
		var realHeight = 57; //hauteur des thumb
		var width = 0;
		if(thumbNav.childNodes[i].childNodes[0] && thumbNav.childNodes[i].childNodes[0].height != 0){
		
			width = (realHeight / thumbNav.childNodes[i].childNodes[0].height) * thumbNav.childNodes[i].childNodes[0].width;			
			
			if( picsWidth + width < picsMax ){
				thumbNav.childNodes[i].style['display'] = 'block';
				picsWidth += width;
				idLastDisplayed = i;
			}else{
				break;			
			}
		}
		
	}
	
	if(picsWidth == 0) { //on boucle
		idLastDisplayed = 0;
		showNextThumbsWithEffet();
	}
	
	Effect.Appear('thumb_nav', {duration:.3});

}