// JavaScript Document

// ================================================ CENTRAGE VERTICAL
	function centrageVertical()
	{
		hauteurPage = document.getElementById("repere").offsetTop + 1;
		hauteurContenu = 590;
		
		if(hauteurPage > hauteurContenu)
		{
			difference = hauteurPage - hauteurContenu;
			document.body.style.paddingTop = (difference/2) +"px";
		}
		else
		{
			document.body.style.paddingTop = 0;
		}
	}
	
	function centrageVertical2()
	{
		hauteurPage = document.getElementById("repere").offsetTop + 1;
		hauteurContenu = 590;
		
		if(hauteurPage > hauteurContenu)
		{
			difference = hauteurPage - hauteurContenu;
			document.body.style.paddingTop = (difference/2) +"px";
		}
		else
		{
			document.body.style.paddingTop = 0;
		}
	}
// ================================================ CENTRAGE VERTICAL
	
	
	
// ================================================ AFFICHAGE DES FLASH
	function afficheFlash(version,nom,largeur,hauteur){
		document.write('<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version='+version+',0,0,0" width='+largeur+' height='+hauteur+'>\n');
		document.write('<param name="allowScriptAccess" value="sameDomain" />\n');
		document.write('<param name="movie" value='+nom+' />\n');
		document.write('<param name="quality" value="high" />\n');
		document.write('<param name="wmode" value="transparent" />\n');
		document.write('<embed src='+nom+' quality="high" wmode="transparent" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" width='+largeur+' height='+hauteur+'></embed>\n');
		document.write('</object>\n');
	}
// ================================================ AFFICHAGE DES FLASH



// ================================================ SURVOL DES INTERLOCUTEURS
	function survol(interlocuteur,bordure)
	{
		interlocuteur.style.backgroundColor="#746868";
		document.getElementById(bordure).style.borderTop="1px solid #6c6261";
		document.getElementById(bordure).style.borderBottom="1px solid #6c6261";
	}
	
	function finSurvol(interlocuteur,bordure)
	{
		interlocuteur.style.backgroundColor="#5d5353";
		document.getElementById(bordure).style.borderTop="1px solid #5d5353";
		document.getElementById(bordure).style.borderBottom="1px solid #5d5353";
	}
// ================================================ SURVOL DES INTERLOCUTEURS


// ================================================ DIAPORAMA


	// $$$$$$$$$$$$$$$$$$$$ TABLEAUX A CREER EN PHP
vignettes1 = ["vignette1","vignette2","vignette3","vignette4"];
zooms1 = ["1_zoom1.jpg","2_zoom2.jpg","3_zoom3.jpg","4_zoom4.jpg"];
noms1 = ["Requalification de la rue Charlet","Consolidation d'un ouvrage d'art sur la RD7","Plateforme stockage extérieur de 4800 m²<br />Extention dépôt de 1200 m²","Aménagement de la place de la mairie"];
clients1 = ["VILLE DE BOURGES","CONSEIL GÉNÉRAL DU CHER","ENTREPRISE MELIN - SAINT-DOULCHARD","RIANS"];
vignettes2 = ["vignette5","vignette6","vignette7","vignette8"];
zooms2 = ["5_zoom5.jpg","6_zoom6.jpg","7_zoom7.jpg","8_zoom8.jpg"];
noms2 = ["Construction d'un bâtiment technique de 4000 m²","Construction d'un espace multiculturel","Agrandissement de la surface de production de 3500 m² et aménagement VRD","Extention de la surface de vente et agrandissement parking"];
clients2 = ["COMATELEC - SAINT-FLORENT-SUR-CHER","ARGENT-SUR-SAULDRE","APIA / TAILLIBERT - SELLES-SAINT-DENIS","CHAMPION - COSNE-D'ALLIER"];
	// $$$$$$$$$$$$$$$$$$$$ TABLEAUX A CREER EN PHP
	
	vignettes = [vignettes1,vignettes2];
	zooms = [zooms1,zooms2];
	noms =  [noms1,noms2];
	clients =  [clients1,clients2];
	
	nb = 0;
	nbDiaporama = 0;
	nbMax = 0;
	
	
// FONCTION permettant d'enlever la bordure blanche à toutes les vignettes des 2 diaporamas
	function effaceBorduresBlanches()
	{
		diaporama1 = document.getElementById("references1").getElementsByTagName("a");
		auMax = diaporama1.length;
		for(i=0; i<auMax; i++)
		{
			if(diaporama1[i].className == "vignette" || diaporama1[i].className == "vignette vignetteActive")
			{
				diaporama1[i].className = "vignette";
			}
			else if(diaporama1[i].className == "vignette2" || diaporama1[i].className == "vignette2 vignetteActive")
			{
				diaporama1[i].className = "vignette2";
			}
		}
		
		diaporama2 = document.getElementById("references2").getElementsByTagName("a");
		auMax2 = diaporama2.length;
		for(j=0; j<auMax2; j++)
		{
			if(diaporama2[j].className == "vignette" || diaporama2[j].className == "vignette vignetteActive")
			{
				diaporama2[j].className = "vignette";
			}
			else if(diaporama2[j].className == "vignette2" || diaporama2[j].className == "vignette2 vignetteActive")
			{
				diaporama2[j].className = "vignette2";
			}
		}
	}
// FONCTION permettant d'enlever la bordure blanche à toutes les vignettes des 2 diaporamas


// FONCTION permettant d'ajouter la bordure blanche à la vignette active
	function ajouteBorduresBlanches()
	{
		if(document.getElementById(nVignette).className == "vignette")
		{
			document.getElementById(nVignette).className = "vignette vignetteActive";
		}
		else
		{
			document.getElementById(nVignette).className = "vignette2 vignetteActive";
		}
	}
// FONCTION permettant d'ajouter la bordure blanche à la vignette active
	
	
// FONCTION permettant d'afficher le zoom à partir d'une vignette
	function afficheZoom(vignette,diaporama,maxi)
	{
		nbDiaporama = diaporama;
		nbMax = maxi;
		nVignette = vignette.id;
		for(i=0; i<nbMax; i++)
		{
			if(vignettes[nbDiaporama][i] == nVignette)
			{
				nb = i;
			}
		}
		//document.getElementById("zoomPhoto").src = "images/"+zooms[nbDiaporama][nb]+".jpg";
		document.getElementById("zoomNom").innerHTML = noms[nbDiaporama][nb];
		document.getElementById("zoomClient").innerHTML = clients[nbDiaporama][nb];
		nomImage="images/diaporama/540/"+zooms[nbDiaporama][nb];
		document.getElementById("zoomPhoto").src = nomImage;
		document.getElementById("zoom").className = "visible";
		effaceBorduresBlanches();
		ajouteBorduresBlanches();
	}
// FONCTION permettant d'afficher le zoom à partir d'une vignette


// FONCTION permettant d'afficher la photo suivante à l'aide de la flèche	
	function photoSuivante()
	{
		if(nb < (nbMax-1))
		{
			nb++;
			//document.getElementById("zoomPhoto").src = "images/"+zooms[nbDiaporama][nb]+".jpg";
			document.getElementById("zoomPhoto").src = "images/diaporama/540/"+zooms[nbDiaporama][nb];
			document.getElementById("zoomNom").innerHTML = noms[nbDiaporama][nb];
			document.getElementById("zoomClient").innerHTML = clients[nbDiaporama][nb];
			effaceBorduresBlanches();
			nVignette = vignettes[nbDiaporama][nb];
			ajouteBorduresBlanches();
		}
	}
// FONCTION permettant d'afficher la photo suivante à l'aide de la flèche


// FONCTION permettant d'afficher la photo précédente à l'aide de la flèche	
	function photoPrecedente()
	{
		if(nb > 0)
		{
			nb--;
			//document.getElementById("zoomPhoto").src = "images/"+zooms[nbDiaporama][nb]+".jpg";
			document.getElementById("zoomPhoto").src = "images/diaporama/540/"+zooms[nbDiaporama][nb];
			document.getElementById("zoomNom").innerHTML = noms[nbDiaporama][nb];
			document.getElementById("zoomClient").innerHTML = clients[nbDiaporama][nb];
			effaceBorduresBlanches();
			nVignette = vignettes[nbDiaporama][nb];
			ajouteBorduresBlanches();
		}
	}
// FONCTION permettant d'afficher la photo précédente à l'aide de la flèche


// FONCTION permettant de fermer le diaporama à l'aide du bouton fermer
	function fermer()
	{
		document.getElementById("zoom").className = "invisible";
	}
// FONCTION permettant de fermer le diaporama à l'aide du bouton fermer


// FONCTION permettant de démarrer le diaporama au chargement de la page
	function diaporamaInit()
	{
		diaporama1 = document.getElementById("references1").getElementsByTagName("a");
		auMax = diaporama1.length;
		for(i=0; i<auMax; i++)
		{
			diaporama1[i].onclick = function() {afficheZoom(this,0,auMax);return(false);};
		}
		
		diaporama2 = document.getElementById("references2").getElementsByTagName("a");
		auMax2 = diaporama2.length;
		for(j=0; j<auMax2; j++)
		{
			diaporama2[j].onclick = function() {afficheZoom(this,1,auMax2);return(false);};
		}
		
		document.getElementById("suivante").onclick = function() {photoSuivante();return(false);};
		document.getElementById("precedente").onclick = function() {photoPrecedente();return(false);};
		document.getElementById("zoomFermer").onclick = function() {fermer();return(false);};
	}
// FONCTION permettant démarrer le diaporama au chargement de la page


// ================================================ DIAPORAMA