// JavaScript Document
// ================================== BROWSER VIEWER
function survolVisuelBrowserOn(element)
{
	element.style.borderColor = "#3e3e3e";
}

function survolVisuelBrowserOff(element)
{
	element.style.borderColor = "#f2f2f2";
}

function masqueFleches()
{
	document.getElementById("blocFlecheGauche").style.visibility = "hidden";
	document.getElementById("blocFlecheDroite").style.visibility = "hidden";
}

function chargeGrandeImage(element,media,type,id)
{
	// Lecteur video
	if(type == "flv" || type == "mp4")
	{
		var so = new SWFObject("/swf/playerVideo.swf", "main", "670", "370", "8", "#ffffff");
		so.useExpressInstall('/swf/expressInstall.swf');
		so.addParam("scale","noscale");
		so.addVariable("movie", "/"+media);
		so.addVariable("lang", "<?=$this->id_langue?>");
		so.write("DiaporamaAltFlash"+id);
		
		//so.addVariable("movie", '/'+media);
		
		document.getElementById("DiaporamaAltFlash"+id).className  = "visible";
		document.getElementById("mediaImage"+id).className  = "invisible";
	}
	else
	{
		var image = new Image();
		var needResize = false;
		image.src = '/'+media;
		//initialisation
		document.getElementById("mediaImage"+id).style.marginBottom = 0;
		document.getElementById("mediaImage"+id).style.marginTop = 0;
		document.getElementById("mediaImage"+id).style.marginLeft = 0;
		document.getElementById("mediaImage"+id).style.padding = 0;
		
		if(image.width / 1.8 > image.height){//largeur dominante
			if(image.width>670){
				image.height = image.height * 670 / image.width;
				image.width = 670;
				document.getElementById("mediaImage"+id).src = '/'+media;
				if(image.height<370){
					document.getElementById("mediaImage"+id).style.marginTop = Math.abs(370 - image.height)/2+"px";
					document.getElementById("mediaImage"+id).style.marginBottom = Math.abs(370 - image.height)/2+"px";
				}
				document.getElementById("mediaImage"+id).style.width=image.width+"px";
				document.getElementById("mediaImage"+id).style.height=image.height+"px";
				needResize = true;
			}
		}else{//hauteur dominante
			if(image.height>370){
				image.width = image.width * 370 / image.height;
				image.height = 370;
				document.getElementById("mediaImage"+id).src = '/'+media;
				if(image.width<670){
					document.getElementById("mediaImage"+id).style.marginLeft = Math.abs(670 - image.width)/2+"px";
					//alert(Math.abs(670 - image.width)/2+"px");
				}
				document.getElementById("mediaImage"+id).style.width=image.width+"px";
				document.getElementById("mediaImage"+id).style.height=image.height+"px";
				needResize = true;
			}
		}
		
		if(!needResize){
			document.getElementById("mediaImage"+id).src = '/'+media;
			document.getElementById("mediaImage"+id).style.width=image.width+"px";
			document.getElementById("mediaImage"+id).style.height=image.height+"px";
			if(image.height<370){
				document.getElementById("mediaImage"+id).style.marginTop = Math.abs(370 - image.height)/2+"px";
				document.getElementById("mediaImage"+id).style.marginBottom = Math.abs(370 - image.height)/2+"px";
			}
			if(image.width<670){
				document.getElementById("mediaImage"+id).style.marginLeft = Math.abs(670 - image.width)/2+"px";
			}
		}
		document.getElementById("legend").innerHTML = document.getElementById("legend_"+media).innerHTML;
		document.getElementById("mediaImage"+id).alt = element.title;
		document.getElementById("mediaImage"+id).title = element.title;
		document.getElementById("DiaporamaAltFlash"+id).className  = "invisible";
		document.getElementById("mediaImage"+id).className  = "visible";
	}
}

//deplacement du bloc d'image  gauche (action fleche de droite)
function moveLeft(bloc,nDiaporama)
{
	var nbImages = nbImagesArray[nDiaporama];
	var position = positionArray[nDiaporama];
	
	//alert("position : " + position);
	
	document.getElementById(bloc).style.width = (nbImages * largeurImage + nbImages * margesEntreImage + 100) + "px";
	if(!actionEnCours && position < nbImages - 3) //si on ne depasse pas le nombre d'images
	{
		if((nbImages%nbImageParBloc) == 0)
		{
			myInterval=setInterval("decalage('" + bloc + "','gauche',3," + nDiaporama + ")",intervalDeTemps);
			actionEnCours = true;
			positionArray[nDiaporama]+=3;
		}
		else
		{
			if(position + 6 < nbImages)
			{
				myInterval=setInterval("decalage('" + bloc + "','gauche',3, " + nDiaporama + ")",intervalDeTemps);
				actionEnCours = true;
				var test = "position" + nDiaporama;
				positionArray[nDiaporama]+=3;
			}
			else
			{	
				myInterval=setInterval("decalage('" + bloc + "','gauche','"+(nbImages%nbImageParBloc)+"', " + nDiaporama + ")",intervalDeTemps);
				actionEnCours = true;
				positionArray[nDiaporama]+=(nbImages%nbImageParBloc);
			}
		}
	}
}

//deplacement du bloc d'image  drotie (action fleche de gauche)
function moveRight(bloc,nDiaporama)
{
	var nbImages = nbImagesArray[nDiaporama];
	var position = positionArray[nDiaporama];
	if(position != 0 && !actionEnCours)
	{
		if((nbImages%nbImageParBloc) == 0)
		{
			myInterval=setInterval("decalage('" + bloc + "','droite',3, " + nDiaporama + ")",intervalDeTemps);
			actionEnCours = true;
			positionArray[nDiaporama]-=3;
		}
		else
		{
			if(position > 2)
			{
				myInterval=setInterval("decalage('" + bloc + "','droite',3, " + nDiaporama + ")",intervalDeTemps);
				actionEnCours = true;
				positionArray[nDiaporama]-=3;
			}
			else if(position==2)
			{
				myInterval=setInterval("decalage('" + bloc + "','droite',2, " + nDiaporama + ")",intervalDeTemps);
				actionEnCours = true;
				positionArray[nDiaporama]-=2;
			}
			else
			{
				myInterval=setInterval("decalage('" + bloc + "','droite',1, " + nDiaporama + ")",intervalDeTemps);
				actionEnCours = true;
				positionArray[nDiaporama]--;
			}
		}
	}
}
	
//decalage du bloc d'image 
function decalage(bloc,sens,nbDecalage,nDiaporama)
{
	var position = positionArray[nDiaporama];
	if(sens == "gauche"){direction = -1;}else{direction=1;}
	temps+=intervalDeTemps;
	//modifie la marge
	margeActuel += intervalDeplacement * direction;
	//affecte la nouvelle marge au bloc
	setPosition(bloc,margeActuel);
	//vers la gauche => clique sur fleche de droite
	if(sens == "gauche")
	{
	//nbDecalage * (margesEntreImage + largeurImage)
		if(margeActuel <= -position * (margesEntreImage + largeurImage))
		{
			margeActuel = -position * (margesEntreImage + largeurImage);
			setPosition(bloc,margeActuel);
			//alert("marge final : " + margeActuel);
			blocImage ++;
			clearInterval(myInterval);
			actionEnCours = false;
		}
	}
	else //vers la droite <= clique sur fleche de gauche
	{
		if(margeActuel >= -position * (margesEntreImage + largeurImage))
		{
			margeActuel = -position * (margesEntreImage + largeurImage);
			setPosition(bloc,margeActuel);
			blocImage --;
			clearInterval(myInterval);
			actionEnCours = false;
		}
	}
}

function setPosition(bloc,marge)
{
	obj = document.getElementById(bloc);
	obj.style.marginLeft  = marge + "px"; 
}

	
// ================================== BROWSER VIEWER