// JavaScript Document
function changeStyleControl( paramActiveControl)
{
	var listActiveControl = paramActiveControl ;
	var styleControl = listActiveControl['ctrl'].style ;
	
	if( listActiveControl['display'] == false ){
		styleControl.backgroundColor = "#FFF";
		styleControl.color = "#06F" ;
	}
	
	// survol de l'element de controle
	listActiveControl['ctrl'].onmouseover = function(){
		styleControl.backgroundColor = "#CCC";
		styleControl.color = "#06F" ;
	}
	
	// sortie du survol de l'element de controle
	listActiveControl['ctrl'].onmouseout = function(){
		if( listActiveControl['display'] == true ){
			styleControl.backgroundColor = "#F93";
			styleControl.color = "#000" ;
		}
		else{
			styleControl.backgroundColor = "#FFF";
			styleControl.color = "#06F" ;
		}
	}	
}

function changeDiapo( paramListControle, paramIdActiveControl, paramIdCurrentDiapo )
{
	var idActiveControl = paramIdActiveControl,
		idCurrentDiapo = paramIdCurrentDiapo ;
	var listControls = paramListControle ;
	
	// modification du controle de la diapo precedente
	listControls[idCurrentDiapo]['ctrl'].style.backgroundColor = "#FFF";
	listControls[idCurrentDiapo]['ctrl'].style.color = "#06F";
	listControls[idCurrentDiapo]['display'] = false ;
	
	// modif nouveau controle
	listControls[idActiveControl]['ctrl'].style.backgroundColor = "#F93";
	listControls[idActiveControl]['ctrl'].style.color = "#000";
	listControls[idActiveControl]['display'] = true ;
	
	document.getElementById('diaporama').style.backgroundImage	= listControls[idActiveControl]['url'] ;
	document.getElementById('diapo-titre').style.color = listControls[idActiveControl]['titre-color'];
	document.getElementById('diapo-texte').style.color = listControls[idActiveControl]['titre-color'];
	document.getElementById('diapo-titre').innerHTML = listControls[idActiveControl]['titre'];
	document.getElementById('diapo-texte').innerHTML = listControls[idActiveControl]['texte'];
}

function show_diapo()
{
	// init
	var diapo = document.getElementById("diaporama");
	var delay = 10000; // 5 seconds
	var activeDiapo = 1;
	var listDiapo = new Array ; 
	var controlLast = document.getElementById('control-last'),
		controlNext = document.getElementById('control-next');
		
	// proprietes des diapos et de leur controle
	listDiapo[1] = new Array ;
	listDiapo[1]['id'] = 1 ;
	listDiapo[1]['ctrl'] = document.getElementById('control-diapo1') ;
	listDiapo[1]['titre-color'] = "#FFFFFF";
	listDiapo[1]['titre'] = "Certifier ses collaborateurs, c'est : ";
	listDiapo[1]['texte'] = "- valoriser leurs comp&eacute;tences<br />- am&eacute;liorer l'image de votre &eacute;quipe<br />";
	listDiapo[1]['url'] = "url(images_diapos/diapo1nv-L.jpg)" ;
	listDiapo[1]['display'] = true ; 
	listDiapo[1]['link'] = "presentation.php" ;
	
	listDiapo[2] = new Array ;
	listDiapo[2]['id'] = 2 ;
	listDiapo[2]['ctrl'] = document.getElementById('control-diapo2') ;
	listDiapo[2]['url'] = "url(images_diapos/diapo2nv-L.jpg)" ;
	listDiapo[2]['titre-color'] = "#FFF";
	listDiapo[2]['titre'] = "Les enjeux de la certification";
	listDiapo[2]['texte'] = "- Pourquoi &ecirc;tre certifi&eacute ?<br/>- La certification de comp&eacute;tences";
	listDiapo[2]['display'] = false ; 
	listDiapo[2]['link'] = "personnes.php" ;
	
	listDiapo[3] = new Array ;
	listDiapo[3]['id'] = 3 ;
	listDiapo[3]['ctrl'] = document.getElementById('control-diapo3') ;
	listDiapo[3]['titre-color'] = "#FFF";
	listDiapo[3]['titre'] = "Les certifications GeoConcept";
	listDiapo[3]['texte'] = "Un programme de certification complet <br> ... &agrave; d&eacute;couvrir !";
	listDiapo[3]['url'] = "url(images_diapos/diapo3nv-L.jpg)" ;
	listDiapo[3]['display'] = false ; 
	listDiapo[3]['link'] = "geoconcept.php" ; 

	// gestion des evenements
	listDiapo[1]['ctrl'].onload = changeStyleControl( listDiapo[1], listDiapo[activeDiapo], activeDiapo );
	listDiapo[1]['ctrl'].onclick = function(){
		changeDiapo( listDiapo, 1, activeDiapo );
		activeDiapo = 1 ;
	}
	listDiapo[2]['ctrl'].onload = changeStyleControl( listDiapo[2], listDiapo[activeDiapo], activeDiapo );
	listDiapo[2]['ctrl'].onclick = function(){
		changeDiapo( listDiapo, 2, activeDiapo );
		activeDiapo = 2 ;
	}
	listDiapo[3]['ctrl'].onload = changeStyleControl( listDiapo[3], listDiapo[activeDiapo], activeDiapo );
	listDiapo[3]['ctrl'].onclick = function(){
		changeDiapo( listDiapo, 3, activeDiapo );
		activeDiapo = 3 ;
	}
	
	// changement de diapo : diapo suivante 
	controlNext.onclick = function(){
		
		listDiapo[activeDiapo]['ctrl'].style.backgroundColor = "#FFF";
		listDiapo[activeDiapo]['ctrl'].style.color = "#06F";
		listDiapo[activeDiapo]['display'] = false ;
		
		if( (activeDiapo +1) == 4 ){
			activeDiapo = 1;
		}
		else{
			activeDiapo += 1;
		}
		
		
		
		listDiapo[activeDiapo]['ctrl'].style.backgroundColor = "#F93";
		listDiapo[activeDiapo]['ctrl'].style.color = "#000";
		listDiapo[activeDiapo]['display'] = true ;
		
		document.getElementById('diaporama').style.backgroundImage	= listDiapo[activeDiapo]['url'] ;
		document.getElementById('diapo-titre').style.color = listDiapo[activeDiapo]['titre-color'];
		document.getElementById('diapo-texte').style.color = listDiapo[activeDiapo]['titre-color'];
		document.getElementById('diapo-titre').innerHTML = listDiapo[activeDiapo]['titre'];
		document.getElementById('diapo-texte').innerHTML = listDiapo[activeDiapo]['texte'];
		document.getElementById('diapo-link').onclick = function(){
				window.location.href=listDiapo[activeDiapo]['link'];};
	}
	
	// changement de diapo : diapo precedente 
	controlLast.onclick = function(){
		
		listDiapo[activeDiapo]['ctrl'].style.backgroundColor = "#FFF";
		listDiapo[activeDiapo]['ctrl'].style.color = "#06F";
		listDiapo[activeDiapo]['display'] = false ;
		
		if( (activeDiapo - 1) == 0 ){
			activeDiapo = 3;
		}
		else{
			activeDiapo -= 1;
		}
		
		listDiapo[activeDiapo]['ctrl'].style.backgroundColor = "#F93";
		listDiapo[activeDiapo]['ctrl'].style.color = "#000";
		listDiapo[activeDiapo]['display'] = true ;
		
		document.getElementById('diaporama').style.backgroundImage = listDiapo[activeDiapo]['url'] ;
		document.getElementById('diapo-titre').style.color = listDiapo[activeDiapo]['titre-color'];
		document.getElementById('diapo-texte').style.color = listDiapo[activeDiapo]['titre-color'];
		document.getElementById('diapo-titre').innerHTML = listDiapo[activeDiapo]['titre'];
		document.getElementById('diapo-texte').innerHTML = listDiapo[activeDiapo]['texte'];
		document.getElementById('diapo-link').onclick = function(){
				window.location.href=listDiapo[activeDiapo]['link'];};
	}
	
	// initialisation
	diapo.style.backgroundImage = listDiapo[1]['url'] ;
	document.getElementById('diapo-titre').style.color = listDiapo[1]['titre-color'];
	document.getElementById('diapo-texte').style.color = listDiapo[1]['titre-color'];
	document.getElementById('diapo-titre').innerHTML = listDiapo[1]['titre'];
	document.getElementById('diapo-texte').innerHTML = listDiapo[1]['texte'];
	document.getElementById('diapo-link').onclick = function(){
				window.location.href=listDiapo[1]['link'];};
	listDiapo[1]['ctrl'].style.backgroundColor = "#F93";
	listDiapo[1]['ctrl'].style.color = "#000";
	
	setInterval(function(){	
		var currentDiapo = listDiapo[activeDiapo] ;
		
		currentDiapo['ctrl'].style.backgroundColor = "#FFF";
		currentDiapo['ctrl'].style.color = "#06F";
		currentDiapo['display'] = false ;
		
		if( (activeDiapo +1) == 4 ){
			activeDiapo = 1 ;
		}
		else{
			activeDiapo = activeDiapo + 1 ; 	
		}
		
		listDiapo[activeDiapo]['ctrl'].style.backgroundColor = "#F93";
		listDiapo[activeDiapo]['ctrl'].style.color = "#000";
		listDiapo[activeDiapo]['display'] = true ;
		
		document.getElementById('diaporama').style.backgroundImage	= listDiapo[activeDiapo]['url'] ;	
		document.getElementById('diapo-titre').style.color = listDiapo[activeDiapo]['titre-color'];
		document.getElementById('diapo-texte').style.color = listDiapo[activeDiapo]['titre-color'];
		document.getElementById('diapo-titre').innerHTML = listDiapo[activeDiapo]['titre'];
		document.getElementById('diapo-texte').innerHTML = listDiapo[activeDiapo]['texte'];
		document.getElementById('diapo-link').onclick = function(){
				window.location.href=listDiapo[activeDiapo]['link'];};
	},delay);
	
}