function getWImage(img)
{
	// Declaration d'un objet Image
	var oImg = new Image();
	// Affectation du chemin de l'image a l'objet
	oImg.src = img;
	// On recupere les tailles reelles
	if (oImg.width == 0) {
		return 120; //largeur moyenne d'une image
	} else {
		return oImg.width;
	}
}
function getHImage(img)
{
	// Declaration d'un objet Image
	var oImg = new Image();
	// Affectation du chemin de l'image a l'objet
	oImg.src = img;
	// On recupere les tailles reelles
	if (oImg.height == 0) {
		return 80; //hauteur maxi dans une fenetre 800*600
	} else {
		return oImg.height;
	}
}

/* http://www.dustindiaz.com/getelementsbyclass */
function getElementsByClass(searchClass,node,tag) {
	var classElements = new Array();
	if ( node == null )
		node = document;
	if ( tag == null )
		tag = '*';
	var els = node.getElementsByTagName(tag);
	var elsLen = els.length;
	var pattern = new RegExp("(^|\\s)"+searchClass+"(\\s|$)");
	for (var i = 0, j = 0; i < elsLen; i++) {
		if ( pattern.test(els[i].className) ) {
			classElements[j] = els[i];
			j++;
		}
	}
	return classElements;
}

var timeoutID = null;
var timeoutID_menu = null;
var objets = Array();
//on prend les images qui sont préloadées dans la page 
for(var i=0 ; i<getElementsByClass('objetDiapo', document, 'span').length ; i++) {
	objets.push(Array(getElementsByClass('objetDiapo', document, 'span')[i].innerHTML, getElementsByClass('objetDiapo', document, 'span')[i].title));
}

var diaporama = Array();
var position;
var vitesse;
var hauteurMiniImg;
var largeurMiniImg;
var hauteurGrandeImg;
var largeurGrandeImg;
var hauteurContenu;
var largeur; //de la fenetre

function ChangeImage(vReplace) {
	var monImage = document.getElementById('image');
	//monImage.style.width = largeurGrandeImg;
	//monImage.style.height = hauteurGrandeImg;
	//monImage.innerHTML = '<img src="'+nom+'" ' + redimImage(nom, largeurGrandeImg, hauteurGrandeImg) + '/>';
	/*replace = '<TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0>';
	replace = replace +	'<TR>';
	replace = replace +	'	<TD>';
	replace = replace +	'		<IMG SRC="images/lcd_01.jpg" WIDTH=17 HEIGHT=21 ALT=""></TD>';
	replace = replace +	'	<TD background="images/lcd_02.jpg"></TD>';
	replace = replace +	'	<TD onmousedown="fermeImage();">';
	replace = replace +	'		<IMG SRC="images/lcd_03.jpg" WIDTH=17 HEIGHT=21 ALT=""></TD>';
	replace = replace +	'</TR>';
	replace = replace +	'<TR>';
	replace = replace +	'	<TD WIDTH="17" background="images/lcd_04.jpg"></TD>';
	replace = replace +	'	<TD>';*/
		replace = '<div style="cursor: pointer; font-size: 10pt; color: #E70101; font-weight: bold; background-color: #ffffff;"><div onmousedown="fermeImage();" style="width: 100px;">[ FERMER ]</div></div>';
		replace = replace + vReplace;
	/*replace = replace +	'	</TD>';
	replace = replace +	'	<TD WIDTH="17" background="images/lcd_06.jpg"></TD>';
	replace = replace +	'</TR>';
	replace = replace +	'<TR>';
	replace = replace +	'	<TD>';
	replace = replace +	'		<IMG SRC="images/lcd_07.jpg" WIDTH=17 HEIGHT=18 ALT=""></TD>';
	replace = replace +	'	<TD background="images/lcd_08.jpg"></TD>';
	replace = replace +	'	<TD>';
	replace = replace +	'		<IMG SRC="images/lcd_09.jpg" WIDTH=17 HEIGHT=18 ALT=""></TD>';
	replace = replace +	'</TR>';
    replace = replace +	'</TABLE>';*/
	
	monImage.innerHTML = replace; //'<img src="'+image+'" title="'+texte+'" alt="'+texte+'"/><div class="titreImage">'+texte+'</div>';
	monImage.style.visibility = 'visible';
	
	if (window.innerHeight && window.innerWidth) {
		largeur = window.innerWidth;
		hauteur = window.innerHeight;
	} else {
		largeur = document.body.clientWidth;
		hauteur = document.body.clientHeight;
	}
	image.style.left = ((largeur / 2) - 162)+'px';
	image.style.top = ((hauteur / 2) - 100)+'px';
}
function ChangeImagePub(vReplace) {
	var monImage = document.getElementById('image');

		replace = '<div style="cursor: pointer; font-size: 10pt; color: #E70101; font-weight: bold; background-color: #ffffff;"><div onmousedown="fermeImage();" style="width: 100px;">[ FERMER ]</div></div>';
		replace = replace + vReplace;
	
	monImage.innerHTML = replace; //'<img src="'+image+'" title="'+texte+'" alt="'+texte+'"/><div class="titreImage">'+texte+'</div>';
	monImage.style.visibility = 'visible';
	
	if (window.innerHeight && window.innerWidth) {
		largeur = window.innerWidth;
		hauteur = window.innerHeight;
	} else {
		largeur = document.body.clientWidth;
		hauteur = document.body.clientHeight;
	}
	image.style.left = ((largeur / 2) - 162)+'px';
	image.style.top = ((hauteur / 2) + 700)+'px';
}

function ChangeImageCl(replace) {
	var monImage = document.getElementById('image');
	monImage.innerHTML = replace;
}

function fermeImage()
{
	var monImage = document.getElementById('image');
	
	if (window.innerHeight && window.innerWidth) {
		largeur = window.innerWidth;
		hauteur = window.innerHeight;
	} else {
		largeur = document.body.clientWidth;
		hauteur = document.body.clientHeight;
	}
	
	monImage.style.visibility = 'hidden';
	image.style.left = ((largeur / 2) - 162)+'px';
	image.style.top = ((hauteur / 2) - 100)+'px';
	monImage.innerHTML = "";
}

function positionMini(tab) {
	var tmp = tab[0][1];
	for (var i=1 ; i<tab.length ; i++) {
		if (tab[i][1] < tmp) {
			tmp = tab[i][1];
		}
	}
	return tmp;
}
function hauteurMaxi(tab) {
	var tmp = tab[0][3];
	for (var i=1 ; i<tab.length ; i++) {
		if (tab[i][3] > tmp) {
			tmp = tab[i][3];
		}
	}
	return tmp;
}
function initDiapo() {
	if (timeoutID != null) {
		clearTimeout(timeoutID);
	}
	position = 0;
	vitesse = 4;
	if (window.innerHeight && window.innerWidth) {
		hauteurMiniImg = window.innerHeight * 18 / 100;
		largeurMiniImg = window.innerWidth * 36 / 100;
		hauteurGrandeImg = window.innerHeight * 54 / 100;
		largeurGrandeImg = window.innerWidth * 40 / 100;
		hauteurContenu = window.innerHeight - 159 - 42;
		largeurContenu = 500;
		//changement des espaces du menu
		//document.styleSheets[0].cssRules[15].style.marginLeft = (window.innerWidth * 2 / 100) + 'px';
		largeur = window.innerWidth;
		hauteur = window.innerHeight;
		var logoGauche = document.getElementById('gaucheLogo');
		var logoGaucheV = document.getElementById('gaucheLogoV');
		if(largeur > 800)
		{
			logoGauche.style.width = ((largeur-776)/2)-10+'px';
			logoGaucheV.style.width = ((largeur-776)/2)-10+'px';
		}
		else
		{
			logoGauche.style.width = 0+'px';
			logoGaucheV.style.width = 0+'px';
		}
		logoGauche.style.height = hauteur+'px';
		var logoDroite = document.getElementById('droiteLogo');
		logoDroite.style.width = ((largeur-776)/2)+2+'px';
		logoDroite.style.height = hauteur+'px';
		var blancDroite = document.getElementById('blancDroite');
		blancDroite.style.left = largeur-((largeur-776)/2)-9+'px';
		var blancGauche = document.getElementById('blancGauche');
		blancGauche.style.width = (((largeur-776)/2)-1)+218+'px';
		var jaco = document.getElementById('jaco');
		jaco.style.left = (((largeur-776)/2))+70+'px';
		
		var login = document.getElementById('login');
		login.style.left = (((largeur-776)/2))-10+'px';
	} else {
		hauteurMiniImg = document.body.clientHeight * 18 / 100;
		largeurMiniImg = document.body.clientWidth * 36 / 100;
		hauteurGrandeImg = document.body.clientHeight * 55 / 100;
		largeurGrandeImg = document.body.clientWidth * 40 / 100;
		hauteurContenu = document.body.clientHeight - 159 - 42;
		largeurContenu = 500;
		largeur = document.body.clientWidth;
		hauteur = document.body.clientHeight;
		var logoGauche = document.getElementById('gaucheLogo');
		var logoGaucheV = document.getElementById('gaucheLogoV');
		if(largeur > 800)
		{
			logoGauche.style.width = ((largeur-776)/2)-1+'px';
			logoGaucheV.style.width = ((largeur-776)/2)-1+'px';
		}
		else
		{
			logoGauche.style.width = 0+'px';
			logoGaucheV.style.width = 0+'px';
		}
		logoGauche.style.height = hauteur+'px';
		var logoDroite = document.getElementById('droiteLogo');
		logoDroite.style.width = ((largeur-776)/2)+2+'px';
		logoDroite.style.height = hauteur+'px';
		var blancDroite = document.getElementById('blancDroite');
		blancDroite.style.left = largeur-((largeur-776)/2)+'px';
		var blancGauche = document.getElementById('blancGauche');
		blancGauche.style.width = (((largeur-776)/2))+218+'px';
		var jaco = document.getElementById('jaco');
		jaco.style.left = (((largeur-776)/2))+70+'px';
		
		var login = document.getElementById('login');
		login.style.left = (((largeur-776)/2))+'px';
	}
	
	var image = document.getElementById('image');
	image.style.left = ((largeur / 2) - 162)+'px';
	image.style.top = ((hauteur / 2) - 100)+'px';
	
	for (var i=0, j=0, k=0 ; k < (largeur+160) ; i++, j++) {
		if (j >= objets.length) {
			j=0;
		}
		if (i >= objets.length) {
			objets[i] = objets[j];
		}
		k += getWImage(objets[i][1]);
	}
	
	for (var i=0 ; i<objets.length ; i++) {
		diaporama[i] = Array(objets[i][0], position, getWImage(objets[i][1]), getHImage(objets[i][1]));
		position += (diaporama[i][2] + vitesse);
	}
	
	//calcul taille de la hauteur du contenu
	var monContenu = document.getElementById('contenu');
	//monContenu.style.height = hauteurContenu+'px';
	//monContenu.style.width = largeurContenu+'px';
	//afficher grande image
	//ChangeImage(getElementsByClass('objetDiapo', document, 'div')[0].innerHTML);
	
	var monDiapo = document.getElementById('diapo');
	if (window.innerHeight) {
		var hauteur = window.innerHeight - hauteurMaxi(diaporama); //position des images
	} else {
		var hauteur = document.body.clientHeight - hauteurMaxi(diaporama); //position des images
	}
	monDiapo.innerHTML = '';
	var topDiapo = "";
	var pageHid = document.getElementById('pageHid');
	if(pageHid.value == "ficheForfait")
	{
		topDiapo = "457";
	}
	else
	{
		topDiapo = "300";
	}
	
	for (var i=0 ; i<diaporama.length ; i++) {
		//monDiapo.innerHTML += '<span id= "diapo_' + i + '" style="position: absolute; left: '+diaporama[i][1]+'px; top: ' + hauteur + 'px;" width="'+diaporama[i][2]+'" height="'+diaporama[i][3]+'"><img src="'+diaporama[i][0][1]+'" width="'+diaporama[i][2]+'" height="'+diaporama[i][3]+'" onMouseOver="ChangeImage(\''+diaporama[i][0][0]+'\', \''+diaporama[i][0][2]+'\');"/></span>';
		monDiapo.innerHTML += '<span id="diapo_' + i + '" style="position: absolute; left: '+diaporama[i][1]+'px; top: ' + topDiapo + 'px;" width="'+diaporama[i][2]+'" height="'+diaporama[i][3]+'">'+diaporama[i][0]+'</span>';
	}
	
	timeoutID = setTimeout('lancerDiapo()', 200);
}

function initDiapoCl() {
	if (timeoutID != null) {
		clearTimeout(timeoutID);
	}
	position = 0;
	vitesse = 4;
	if (window.innerHeight && window.innerWidth) {
		hauteurMiniImg = window.innerHeight * 18 / 100;
		largeurMiniImg = window.innerWidth * 36 / 100;
		hauteurGrandeImg = window.innerHeight * 54 / 100;
		largeurGrandeImg = window.innerWidth * 40 / 100;
		hauteurContenu = window.innerHeight - 122 - 42;
		largeurContenu = window.innerWidth - 312;
		//changement des espaces du menu
		//document.styleSheets[0].cssRules[15].style.marginLeft = (window.innerWidth * 2 / 100) + 'px';
		largeur = window.innerWidth;
	} else {
		hauteurMiniImg = document.body.clientHeight * 18 / 100;
		largeurMiniImg = document.body.clientWidth * 36 / 100;
		hauteurGrandeImg = document.body.clientHeight * 55 / 100;
		largeurGrandeImg = document.body.clientWidth * 40 / 100;
		hauteurContenu = document.body.clientHeight - 122 - 42;
		largeurContenu = document.body.clientWidth - 312;
		largeur = document.body.clientWidth;
	}

	for (var i=0, j=0, k=0 ; k < (largeur+160) ; i++, j++) {
		if (j >= objets.length) {
			j=0;
		}
		if (i >= objets.length) {
			objets[i] = objets[j];
		}
		k += getWImage(objets[i][1]);
	}
	
	for (var i=0 ; i<objets.length ; i++) {
		diaporama[i] = Array(objets[i][0], position, getWImage(objets[i][1]), getHImage(objets[i][1]));
		position += (diaporama[i][2] + vitesse);
	}

	//calcul taille de la hauteur du contenu
	var monContenu = document.getElementById('contenu');
	monContenu.style.height = '240px';
	monContenu.style.width = '370px';
	//afficher grande image
	ChangeImageCl(getElementsByClass('objetDiapo', document, 'div')[0].innerHTML);
	
	var monDiapo = document.getElementById('diapo');
	if (window.innerHeight) {
		var hauteur = window.innerHeight - hauteurMaxi(diaporama); //position des images
	} else {
		var hauteur = document.body.clientHeight - hauteurMaxi(diaporama); //position des images
	}
	monDiapo.innerHTML = '';
	for (var i=0 ; i<diaporama.length ; i++) {
		//monDiapo.innerHTML += '<span id= "diapo_' + i + '" style="position: absolute; left: '+diaporama[i][1]+'px; top: ' + hauteur + 'px;" width="'+diaporama[i][2]+'" height="'+diaporama[i][3]+'"><img src="'+diaporama[i][0][1]+'" width="'+diaporama[i][2]+'" height="'+diaporama[i][3]+'" onMouseOver="ChangeImage(\''+diaporama[i][0][0]+'\', \''+diaporama[i][0][2]+'\');"/></span>';
		monDiapo.innerHTML += '<span id= "diapo_' + i + '" style="position: absolute; left: '+diaporama[i][1]+'px; top: ' + "125" + 'px;" width="'+diaporama[i][2]+'" height="'+diaporama[i][3]+'">'+diaporama[i][0]+'</span>';
	}
	
	timeoutID = setTimeout('lancerDiapo()', 200);
}

function lancerDiapo() {
	for (var i=0 ; i<diaporama.length ; i++) {
		var monDiapo = document.getElementById('diapo_' + i);
		monDiapo.style.left = diaporama[i][1]+'px';
		diaporama[i][1] += vitesse;
		if (diaporama[i][1] > largeur) {
				diaporama[i][1] = positionMini(diaporama) - (diaporama[i][2] + vitesse);
		}
	}
	timeoutID = setTimeout('lancerDiapo()', 100);
}

function afficherMenuAct(racineMenu, menu, menu2) {
	if (racineMenu == null || timeoutID_menu != null) {
		clearTimeout(timeoutID_menu);
		timeoutID_menu = null;
	}
	var monMenu = document.getElementById(menu);
	if (racineMenu != null) {
		if(navigator.appName == "Microsoft Internet Explorer")
		{
			monMenu.style.top = "50px";//calculateOffsetTop(racineMenu)+racineMenu.offsetHeight-1+"px";
		}
		else
		{
			monMenu.style.top = calculateOffsetTop(racineMenu)+racineMenu.offsetHeight-1+"px";
		}
			monMenu.style.left = calculateOffsetLeft(racineMenu)-22+"px";
	}
	monMenu.style.display = '';
	if (menu2 != null && document.getElementById(menu2)) {
		var monMenu2 = document.getElementById(menu2);
		monMenu2.style.display = 'none';
	}
}

function afficherMenuLieu(racineMenu, menu, menu2) {
	if (racineMenu == null || timeoutID_menu != null) {
		clearTimeout(timeoutID_menu);
		timeoutID_menu = null;
	}
	var monMenu = document.getElementById(menu);
	if (racineMenu != null) {
		monMenu.style.left = calculateOffsetLeft(racineMenu)-24+"px";
		monMenu.style.top = calculateOffsetTop(racineMenu)+racineMenu.offsetHeight+7+"px";
	}
	monMenu.style.display = '';
	if (menu2 != null && document.getElementById(menu2)) {
		var monMenu2 = document.getElementById(menu2);
		monMenu2.style.display = 'none';
	}
}

function cacherMenu(menu) {
	var monMenu = document.getElementById(menu);
	monMenu.style.display = 'none';
}
function cacherMenuRetard(menu) {
	timeoutID_menu = setTimeout('cacherMenu(\''+menu+'\')', 600);
}

// calcule le décalage à gauche
function calculateOffsetLeft(r){
  return calculateOffset(r,"offsetLeft") - 8
}
// calcule le décalage vertical
function calculateOffsetTop(r){
  return calculateOffset(r,"offsetTop") - 10
}
function calculateOffset(r,attr){
  var kb=0;
  while(r){
	kb+=r[attr];
	r=r.offsetParent
  }
  return kb
}

//change la langue de la page
function changeLang() {
	retour = 'index.php';

	if (location.search.indexOf("lang=") > 0) {
		retour += location.search.substring(0, location.search.indexOf("lang=")+5) + document.formLang.langue.options[document.formLang.langue.selectedIndex].value + location.search.substring(location.search.indexOf("lang=")+7, location.search.length);
	} else {
		if (location.search.length > 0) {
			if (location.search.substring(location.search.length-1, location.search.length) != '&') {
				retour += location.search + '&';
			} else {
				retour += location.search;
			}
			retour += 'lang=' + document.formLang.langue.options[document.formLang.langue.selectedIndex].value + '&';
		} else {
			retour += '?lang=' + document.formLang.langue.options[document.formLang.langue.selectedIndex].value + '&';
		}
	}

	document.location.href = retour;
}