// JavaScript Document

// ============================================= FONCTIONNEMENT DE LA FENETRE MODALE	
	var hauteurContenu	= 0;
	function calculeHauteurContenu()
	{
		hauteurContenu=document.getElementById("repere").offsetTop+1;
	}
	
	var positionTimer;
	var positionFenetre;
	var positionLargeur;
	var positionHauteur;
	
	coordoonneeX = 0;
	coordoonneeY = 0;

	function alerte(fenetre,largeur,hauteur)
	{
		calculeHauteurContenu()
		positionFenetre = fenetre;
		positionLargeur = largeur;
		positionHauteur = hauteur;
		calculeposition();
		
		if(navigator.userAgent.indexOf("MSIE 6")!=-1)
		{
			positionTimer = setInterval("calculeposition()",100);
		}
		
		document.getElementById("masque").style.display="block";
		if(navigator.userAgent.indexOf("MSIE 6")!=-1)
		{
			document.getElementById(fenetre).style.position="absolute";
		}

		document.getElementById(fenetre).style.display="block";
	}

	function calculeposition(){
		fenetre = positionFenetre;
		largeur = positionLargeur;
		hauteur = positionHauteur;
		
		if(navigator.userAgent.indexOf("MSIE 6")!=-1)
		{
			var hauteurScroll=document.documentElement.scrollTop;
		}
		var largeurContenu=document.getElementById("repere").offsetLeft+1;
		
		var largeurAlerte=largeur;
		var hauteurAlerte=hauteur;
		coordoonneeX=(largeurContenu-largeurAlerte)/2;
		
		if(navigator.userAgent.indexOf("MSIE 6")!=-1)
		{
			coordoonneeY=((hauteurScroll+hauteurContenu-hauteurAlerte)/2);
		}
		else
		{
			coordoonneeY=(hauteurContenu-hauteurAlerte)/2;
		}
		
		document.getElementById(fenetre).style.left=coordoonneeX+"px";
		document.getElementById(fenetre).style.top=coordoonneeY+"px";
		

		document.getElementById("masque").style.width=largeurContenu+"px";
		if(hauteurContenu < document.body.offsetHeight)
		{
			document.getElementById("masque").style.height=(document.body.offsetHeight)+"px";
		}
		else
		{
			document.getElementById("masque").style.height=(hauteurContenu)+"px";
		}
	}
	
	function replacerAlerte(fenetre,largeur,hauteur){
		if(navigator.userAgent.indexOf("MSIE 6")!=-1)
		{
			var hauteurScroll=document.documentElement.scrollTop;
		}
			
		var largeurContenu=document.getElementById("repere").offsetLeft+1;
		var largeurAlerte=largeur;
		var hauteurAlerte=hauteur;
		coordoonneeX=(largeurContenu-largeurAlerte)/2;
		
		if(navigator.userAgent.indexOf("MSIE 6")!=-1)
		{
			coordoonneeY=hauteurScroll+((hauteurContenu-hauteurAlerte)/2);
		}
		else
		{
			coordoonneeY=(hauteurContenu-hauteurAlerte)/2;
		}
		
		document.getElementById(fenetre).style.left=coordoonneeX+"px";
		document.getElementById(fenetre).style.top=coordoonneeY+"px";
		
		document.getElementById("masque").style.width=largeurContenu+"px";
		if(hauteurContenu < document.body.offsetHeight)
		{
			document.getElementById("masque").style.height=(document.body.offsetHeight)+"px";
		}
		else
		{
			document.getElementById("masque").style.height=(hauteurContenu)+"px";
		}
	}
	
	
	function fermerAlerte(fenetre){
		document.getElementById("masque").style.display="none";
		document.getElementById(fenetre).style.display="none";
		if(navigator.userAgent.indexOf("MSIE 6")!=-1)
		{
			clearInterval(positionTimer);
		}
	}
	
	function changeZoom(img)
	{
		var pathZoom = "../../img/presse/big/";
		document.getElementById("zoomVisuelImg").src = pathZoom+img;
	}
// ============================================= FONCTIONNEMENT DE LA FENETRE MODALE



// ============================================= CHANGEMENT IMAGE MEA SALONS HOME
	function changeImage(image,texte,lien,urllink)
	{
		liens = ["mini1","mini2","mini3","mini4"];
		document.getElementById("meaSalonsBigVisuel").src = image;
		document.getElementById("meaSalonsLien").innerHTML = texte;
		document.getElementById("big-link").href = urllink;
		document.getElementById("meaSalonsLien").href = urllink;
		
		for(i=0;i<liens.length;i++)
		{
			if(liens[i] == lien)
			{
				document.getElementById(liens[i]).className = "miniActif";	
			}
			else
			{
				if(document.getElementById(liens[i])){
					document.getElementById(liens[i]).className = "miniInactif";
				}
			}
		}
	}
// ============================================= CHANGEMENT IMAGE MEA SALONS HOME


// ============================================= CHANGEMENT IMAGE MEA SALONS HOME
	function changeImageNew(update)
	{
		iCurrentMea = iCurrentMea + update;
		if (iCurrentMea >= iCompteur) {
			iCurrentMea = 0;
		}
		else {
			if (iCurrentMea < 0) {
				iCurrentMea = iCompteur - 1;
			}
		}
		document.getElementById("meaSalonsBigVisuel").src = "../../common/images/home/" + aMeas[iCurrentMea][2];
		document.getElementById("meaSalonsLien").innerHTML = aMeas[iCurrentMea][0].toUpperCase();
		document.getElementById("big-link").href = aMeas[iCurrentMea][3];
		document.getElementById("meaSalonsLien").href = aMeas[iCurrentMea][3];
		clearTimeout(timer);
		timer = setTimeout("changeImageNew(+1);",3000);
	}
// ============================================= CHANGEMENT IMAGE MEA SALONS HOME


// ============================================= DEFILEMENT DIAPORAMA
	var fading = function(divAnime)
	{
		this.animation = divAnime;
		this.children; // tous les childNodes du div animé
		this.nChildren; // le nombre de childNodes du div animé
		
		this.elAnimes = new Array; // tableau avec tous les éléments du div animé
		this.nElAnimes; // le nombre d'éléments du div animé
		
		
		this.rang; // rang dans le tableau avec tous les éléments
		this.elActuel; // texte actuel
		this.elSuivant; // texte suivant
		
		this.compteurOpacity;
		this.timer;
		this.decompte;
		
		this.ajoutVitesse = function(valeurVitesse) // fonction permettant d'indiquer la durée du fadding
		{
			this.vitesse = valeurVitesse;
		}
		
		this.ajoutDuree = function(valeurDuree) // fonction permettant d'indiquer la durée d'affichage
		{
			this.duree = valeurDuree;
		}
		
		this.runFading = function()
		{
			this.children = document.getElementById(this.animation).childNodes; // tous les childNodes de texte (le div contenant tous les textes)
			this.nChildren = this.children.length; // le nombre childNodes de texte
		
			for (i=0; i<this.nChildren; i++) // on remplit tableau avec tous les textes en triant parmis tous les childNodes de texte
			{
				if(this.children[i].className)
				{
					if(this.children[i].className.indexOf("opacite")!= -1)
					{
						this.elAnimes.push(this.children[i]);
					}
				}
			}
			
			this.nElAnimes = this.elAnimes.length;
			
			for (i=0; i<this.nElAnimes; i++) // on cherche le rang du texte visible (initialisation de la variable rang)
			{
				if(this.elAnimes[i].className == "opacite100")
				{
					this.rang = i;
				}
			}
			this.changeEl();
		}
		
		this.changeOpacity = function()
		{
			if(this.compteurOpacity == 0)
			{
				this.elActuel.className = "opacite100";
				this.elSuivant.className = "opacite0";
			}
			
			if(this.compteurOpacity == 1)
			{
				this.elActuel.className = "opacite90";
				this.elSuivant.className = "opacite10";
			}
			
			if(this.compteurOpacity == 2)
			{
				this.elActuel.className = "opacite80";
				this.elSuivant.className = "opacite20";
			}
			
			if(this.compteurOpacity == 3)
			{
				this.elActuel.className = "opacite70";
				this.elSuivant.className = "opacite30";
			}
			
			if(this.compteurOpacity == 4)
			{
				this.elActuel.className = "opacite60";
				this.elSuivant.className = "opacite40";
			}
			
			if(this.compteurOpacity == 5)
			{
				this.elActuel.className = "opacite50";
				this.elSuivant.className = "opacite50";
			}
			
			if(this.compteurOpacity == 6)
			{
				this.elActuel.className = "opacite40";
				this.elSuivant.className = "opacite60";
			}
			
			if(this.compteurOpacity == 7)
			{
				this.elActuel.className = "opacite30";
				this.elSuivant.className = "opacite70";
			}
			
			if(this.compteurOpacity == 8)
			{
				this.elActuel.className = "opacite20";
				this.elSuivant.className = "opacite80";
			}
			
			if(this.compteurOpacity == 9)
			{
				this.elActuel.className = "opacite10";
				this.elSuivant.className = "opacite90";
			}
			
			if(this.compteurOpacity == 10)
			{
				clearInterval(this.timer);
				this.rang += 1;
				this.changeEl();
			}
			this.compteurOpacity ++;
		}
		
		this.opacity = function()
		{
			this.compteurOpacity = 0;
			var thisObj = this;
			this.timer = setInterval(function(){ thisObj.changeOpacity() },this.vitesse)
		}
		 
		this.changeEl = function()
		{
			if(this.rang == this.nElAnimes)
			{
				this.rang = 0;
			}
					
			for (i=0; i<this.nElAnimes; i++) // on affiche le texte correspondant au rang et on masque les autres
			{
				if(this.rang == i)
				{
					this.elAnimes[i].className = "opacite100";
					this.elActuel = this.elAnimes[i];
					if(i == (this.nElAnimes-1))
					{
						this.elSuivant = this.elAnimes[0];
					}
					else
					{
						this.elSuivant = this.elAnimes[i+1];
						//alert(aMedia[i+1][2]);
					}
					document.getElementById("salonLink").href =  aMedia[i][2];
				}
				else
				{
					this.elAnimes[i].className = "opacite0";
				}
			}
			var thisObj = this;
			this.decompte = setTimeout(function(){ thisObj.opacity() },this.duree)
		}
	}
// ============================================= DEFILEMENT DIAPORAMA