/*---------------------------------
-Romain Broca 20/01/2009 création du code
www.romain.broca.fr

------------------------------------
			Insctruction
------------------------------------
Ne pas utiliser le tableau a l'indice 0
*/



var numwall;
var stop;
var actual_texte;
var imagewall;
var descriptionwall;
var sstitrewallwall;
var titrewall;
var transparencewall;
var lienwall;
var typelienwall;

imagewall = new Array;
imagewall[0] = "0";

descriptionwall = new Array;
descriptionwall[0] = "0";

sstitrewallwall = new Array;
sstitrewallwall[0] = "0";

titrewall = new Array;
titrewall[0] = "0";

lienwall = new Array;
lienwall[0] = "0";

typelienwall = new Array;
typelienwall[0] = "0";


actual_texte = 1; //Position de depart du menu (Pas mettre 0)
stop = 0; //Affichager continu si = 0
transparencewall = 0; //Ne pas toucher (point de depart pour la transparence)

function chargerWall() //Rempli le wall avec toutes les information
	{
		$(".boxDefileConfig img").each(function() {
			imagewall.push($(this).attr("src"));			
		});
		
		
		$(".boxDefileConfig .description").each(function() {
			descriptionwall.push($(this).html());			
		});
		
		
		$(".boxDefileConfig .soustitre").each(function() {
			sstitrewallwall.push($(this).html());		
		});
		
		
		$(".boxDefileConfig .titre").each(function() {
			titrewall.push($(this).html());		
		});
		
		
		$(".boxDefileConfig .lien").each(function() {
			
			monHTML = $(this).html();
			monHTML = monHTML.split('href="');
			monHTML = monHTML[1].split('"');
			monHTML = monHTML[0];
			
			lienwall.push(monHTML);		
		});

		document.getElementById('wall_titrewall').innerHTML = ""+titrewall[actual_texte]+"";  
		document.getElementById('wall_ss_titrewall').innerHTML = ""+sstitrewallwall[actual_texte]+"";  
		document.getElementById('wall_descriptionwall').innerHTML = ""+descriptionwall[actual_texte]+"";  	
		
		griserCase(9);
		griserCase(1);
		
		for (i=4; i>=1; i--){ 

			document.getElementById('lienwall-titrewall'+i).innerHTML = titrewall[i];  
			document.getElementById('lienwall-ss-titrewall'+i).innerHTML = sstitrewallwall[i]; 
			document.getElementById('wall_photo'+i).style.background = "url("+imagewall[i]+")";		
		} 
	}

function changeMessage(posrepere) //Change le message et grise le precedent
    {

		if(stop == 0 ){
		
			posrepere++; //On se place à la position suivante
			
			if(posrepere >= imagewall.length){ //Si on est au bout du tableau, retour à la case depart
				posrepere = 1; 
			}	
			
			griserCase(posrepere); //Grise la nouvelle position
			affichage(posrepere, 1);  //On affiche l'image à gauche avec le ptit effet
				
			document.getElementById('wall_descriptionwall').innerHTML = descriptionwall[posrepere]; //On place les infos dans les div correspondante
			document.getElementById('wall_titrewall').innerHTML = titrewall[posrepere];
			document.getElementById('wall_ss_titrewall').innerHTML = sstitrewallwall[posrepere];
			
		}		
    }
	
function griserCase(numwall) //Grise la case sur laquelle la souris est
    {
		if(numwall == 9){ //Si 9 on degrise toutes les cases
		
			document.getElementById("bloc1").style.background = "url(http://tourisme-elbeuf.37para.atester.fr/images/fond_desactive.gif)";
			document.getElementById("bloc2").style.background = "url(http://tourisme-elbeuf.37para.atester.fr/images/fond_desactive.gif)";
			document.getElementById("bloc3").style.background = "url(http://tourisme-elbeuf.37para.atester.fr/images/fond_desactive.gif)";
			document.getElementById("bloc4").style.background = "url(http://tourisme-elbeuf.37para.atester.fr/images/fond_desactive.gif)";
			
		}else{ //Sinon on grise celle selectionnée
		
			document.getElementById("bloc"+numwall).style.background = "url(http://tourisme-elbeuf.37para.atester.fr/images/fond_active.gif)";			
			$("#bloc"+numwall+" a").css({'color':'#FFFFFF'});
			
			if(numwall == 1){ //Si c'est la premiere on degrise la 5 au cas  ou !
				document.getElementById("bloc4").style.background = "url(http://tourisme-elbeuf.37para.atester.fr/images/fond_desactive.gif)";
				$("#bloc4 a").css({'color':'#000000'});
			}else{
				document.getElementById("bloc"+(numwall-1)).style.background = "url(http://tourisme-elbeuf.37para.atester.fr/images/fond_desactive.gif)";
				$("#bloc"+(numwall-1)+" a").css({'color':'#000000'});
			}
		}
    }	
	
function stoper(stopage, position) //Stop la boucle quand la souri est sur une imagewall
    {
		if(stopage == 1){ //SI stop = 1, le curseur est sur l'image on arrete le defilement
			stop = 0;
		}else{	
			stop = 1;
		}	
		
		if(actual_texte != position){ 
		
			if(position > 0){ //Si on est sur l'imagewall on stoppe le changement et on reste sur la meme position
				
				griserCase(9); //On degrise tout
				griserCase(position); //On grise la position voulue

				affichage(position, 1);//On affiche l'image à gauche avec le ptit effet
				
				document.getElementById('wall_descriptionwall').innerHTML = descriptionwall[position];	//On place les infos dans les div correspondante
				document.getElementById('wall_titrewall').innerHTML = titrewall[position];
				document.getElementById('wall_ss_titrewall').innerHTML = sstitrewallwall[position];

				//actual_texte = position;
			}
		}
    }		
	
function messageSuivant()
	{
		var tempo; 

		tempo = parseInt(actual_texte) + 1; //On ajoute 1 au la position actuelle

		if(tempo == 5) //Si on est sur la 4 case retour à la premiere
			tempo = 1;
			
		if(stop == 0){	//Si stop = 1 (la souris est sur l'image) sinon on continu le defilement
			
			affichage(tempo, 0); //On affiche l'image avec l'effet
			griserCase(9);		//On grise tout
			griserCase(tempo); 	//On grise la bonne case
		
							
			document.getElementById('wall_descriptionwall').innerHTML = descriptionwall[tempo];	//On place les infos dans les div correspondante
			document.getElementById('wall_titrewall').innerHTML = titrewall[tempo];
			document.getElementById('wall_ss_titrewall').innerHTML = sstitrewallwall[tempo];
			
		}

	}
	
function affichage(nouvposi, auto) //Stop la boucle quand la souri est sur une imagewall
    {
	
		if(nouvposi == actual_texte && auto == 0){
			//Ici on ne fait rien
		}else{
		
			if(transparencewall < 101) { //Si la transparence est inferieur à 100 on poursui l'effet
			
				document.getElementById('wall_photo'+actual_texte).style.opacity = ((100-transparencewall)/100); //Pour FF Chrome Opera..
				document.getElementById('wall_photo'+actual_texte).style.filter = "alpha(opacity="+(100-transparencewall)+")"; //Pour IE7

				document.getElementById('wall_photo'+nouvposi).style.opacity = (transparencewall/100); //Pour FF Chrome Opera.. apparaition
				document.getElementById('wall_photo'+nouvposi).style.filter = "alpha(opacity="+transparencewall+")"; //Pour IE7	
				
				transparencewall += 4; //On ajoute 5 de transparence à chaque boucle
				
				setTimeout('affichage('+nouvposi+', 0);',25); //Toute les 50 millisecondes
				
			}else{
			
				actual_texte = nouvposi; //Notre nouvelle position
				transparencewall = 0; 	//On remet la transparence à zero
				
			}
		}
    }	

function ouvrirlienwall(numwallero) //Ouverture du lien
	{
		window.location.href = lienwall[numwallero];
	}