// JavaScript Document
var lienSurvol;
var page=1;
var catEspacePro;
var nombreImage;
window.onresize = positionnerSite;


/*
	Les 2 valeurs suivantes sont à adapter en fonction de vos besoins.
*/

//	Vitesse d'aggrandissement de la div (en millisecondes)
var VitesseOuverture = 20;

//	Augmentation de la taille de la div en pixels.
var Incrementation = 30;

/* Script par SirJojO */
/* Forums http://www.editeurjavascript.com/ */

//	Identifiant du lien
var leLien = '';

//	Identifiant de la div
var NomDiv = 'DivCachee';

//	Largeur et Hauteur de la div (en pixels)
//	A adapter en fonction du contenu du formulaire.
var PropRight = 650;
var PropBottom = 600;



function placerSousMenu(idLien){
	var menu = document.getElementById('sousMenu');	
	
	
 if( typeof( window.innerWidth ) == 'number' ) {
    //Non-IE
    myWidth = window.innerWidth;
    myHeight = window.innerHeight;
  } else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
    //IE 6+ in 'standards compliant mode'
    myWidth = document.documentElement.clientWidth;
    myHeight = document.documentElement.clientHeight;
  } else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
    //IE 4 compatible
    myWidth = document.body.clientWidth;
    myHeight = document.body.clientHeight;
  }
	
	
	obj = document.getElementById(idLien);
	var x=0,y=0;
	while (obj!=null){
 		x+=obj.offsetLeft-obj.scrollLeft;
 		y+=obj.offsetTop-obj.scrollTop;
 		obj=obj.offsetParent;
	}
	
	var variation=0;
	if(idLien=='aEspacePro'){
		menu.innerHTML = "<ul id='ulSousMenu'><li class='liSousMenu'><a href='espacepro.php?p=1' class='lienSousMenu' id='industrie'></a></li><li class='liSousMenu'><a  href='espacepro.php?p=2' class='lienSousMenu' id='grandeDistribution'></a></li><li class='liSousMenu'><a  href='espacepro.php?p=3' class='lienSousMenu' id='architecte'></a></li><li class='liSousMenu'><a  href='espacepro.php?p=4' class='lienSousMenu' id='commerce'></a></li><li class='liSousMenu'><a  href='espacepro.php?p=5' class='lienSousMenu' id='collectivite'></a></li></ul>";
		menu.style.backgroundPosition='left bottom';
		variation=380;	
	}
	if (idLien=='aSociete'){
		menu.style.backgroundPosition='left top';
		menu.innerHTML = "<ul id='ulSousMenu'><li class='liSousMenu'><a href='http://www.atelierdeco-signaletique.com/index.php' class='lienSousMenu' id='presentation'></a></li><li class='liSousMenu'><a  href='http://www.atelierdeco-signaletique.com/index.php?p=2' class='lienSousMenu' id='equipe'></a></li><li class='liSousMenu'><a  href='http://www.atelierdeco-signaletique.com/index.php?p=3' class='lienSousMenu' id='materiel'></a></li></ul>";		
		document.getElementById('ulSousMenu').style.paddingTop='0px';
		 	
	} else if(idLien=='aPrestation'){
		menu.style.backgroundPosition='left -460px';
		menu.innerHTML = "<ul id='ulSousMenu'><li class='liSousMenu'><a href='prestation.php?p=1' class='lienSousMenu' id='industrie'></a></li><li class='liSousMenu'><a href='prestation.php?p=2'class='lienSousMenu' id='grandeDistribution'></a></li><li class='liSousMenu'><a  href='prestation.php?p=3' class='lienSousMenu' id='architecte'></a></li><li class='liSousMenu'><a href='prestation.php?p=4'class='lienSousMenu' id='commerce'></a></li><li class='liSousMenu'><a href='prestation.php?p=5'class='lienSousMenu' id='collectivite'></a></li></ul>";
		document.getElementById('ulSousMenu').style.paddingTop='0px';
	} 
	
	menu.style.visibility='visible';
	menu.style.left=(145+x)+"px";
	menu.style.top=(y-variation)+"px";
	
	
}

function cacherSousMenu(){
	document.getElementById('sousMenu').style.visibility = 'hidden';	
}



function afficherPage(){
	document.getElementById('boutons').innerHTML='';
	var miniature="";
	var tabCat = new Array('','industrie','grande_distribution','architecte','commerce','collectivite');
	var cat = tabCat[catEspacePro];
	var finMiniature = 0;
	var debutMiniature = (page*21)-20;
	
	
	if(nombreImage>page*21){
		finMiniature=page*21;	
	} else {
		if(page==1){
			finMiniature=nombreImage;
		} else {
			finMiniature=21+(nombreImage-((page-1)*21));	
		}
	}
		
		for (i=debutMiniature;i<finMiniature+1;i++){
		miniature+="<div class='divMiniature'><img onclick=\"document.getElementById('grandeImage').src='images/"+cat+"/"+i+".png';\" src='images/"+cat+"/"+i+".png'/></div>";
			if (i%3==0){
				miniature+="<br />";	
			}
		}
		
		if(nombreImage>page*21) {
			document.getElementById('boutons').innerHTML += "<div id='divBoutonDroit'><img style='height:15px; cursor:pointer' src='images/fleche.png' onclick=\"page="+(page+1)+";afficherPage()\" /></div>";	
		}
		
		if (page>1){
			document.getElementById('boutons').innerHTML += "<div id='divBoutonGauche'><img style='height:15px; cursor:pointer' src='images/fleche2.png' onclick=\"page="+(page-1)+";afficherPage()\"></div>";				
		}
		document.getElementById('miniatures').innerHTML = miniature;
		document.getElementById('grandeImage').src="images/"+cat+"/"+(page*21-20)+".png";
	
}


function afficherFormulaireOubli(){
	window.document.getElementById(NomDiv).innerHTML = "<div style='text-align:center'>Veuillez saisir votre email pour recevoir vos informations de connexion <br /><input style='margin:auto'type='text' id='emailInfos' value ='' size='30' maxlength='100' /> <br /> <a href='#' onclick='envoiInfos()' />Envoyer mes informations</a></div> ";
	window.document.getElementById(NomDiv).style.textAlign='center';
	leLien='lienInscription'; 
	ouvrir(); 
	document.getElementById('divLogin').style.visibility='hidden';	
}

function envoiInfos(){
	email = document.getElementById('emailInfos').value;
	if(!(bonmail(email))){
		window.document.getElementById(NomDiv).innerHTML="<div style='text-align:center'>Veuillez saisir votre email pour recevoir vos informations de connexion <br /><input style='margin:auto'type='text' id='emailInfos' value ='' size='30' maxlength='100' /> <br /> <a href='#' onclick='envoiInfos()' />Envoyer mes informations</a></div> <br /> <span style='color:#ff0000'> Email incorrect</span>";	
	} else {
		
		getXhr();
			data = "action=envoyerInfos&email="+email;
			xhr.onreadystatechange = function()
			{
				if(xhr.readyState == 4 && xhr.status == 200){
					reponse = xhr.responseText;
					var texte;
					divcachee = window.document.getElementById(NomDiv);
					switch (reponse){
						case 'a':
							texte = "Cet email ne figure pas dans notre base de donn&eacute;es.";
							break;
						case 'b':
							texte="Votre Inscritpion n'est pas valid&eacute;e, nous ne pouvons donc pas vous envoyer ces informations.<br /> Vous avez d&ucirc; recevoir un mail de validataion lors de votre inscription.";
							break;
						case 'c':
							texte="Nous vous avons envoy&eacute; vos informations de connexion.<br /><a href='espacepro.php'>Se connecter</a>";
							break;
						case 'd':
							texte="Une erreur technique est survenue. Veuillez r&eacute;essayer ult&eacute;rieurement. Nous vous remercions.";
							break;
					}
					divcachee.innerHTML="<div style='text-align:center'>Veuillez saisir votre email pour recevoir vos informations de connexion <br /><input style='margin:auto'type='text' id='emailInfos' value ='' size='30' maxlength='100' /> <br /> <a href='#' onclick='envoiInfos()' />Envoyer mes informations</a></div><br /> "+texte;
				}
			}
			 xhr.open("POST", "ajax/envoyerInfos.php", true);
			 xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");                  
			 xhr.send(data);	
		
	
	}
}



myWidth = 0;
myHeight = 0;


function positionnerSite(){
	if( typeof( window.innerWidth ) == 'number' ) {
		//Non-IE
		myWidth = window.innerWidth;
		myHeight = window.innerHeight;
	} else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
		//IE 6+ in 'standards compliant mode'
		myWidth = document.documentElement.clientWidth;
		myHeight = document.documentElement.clientHeight;
	} else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
	//IE 4 compatible
		myWidth = document.body.clientWidth;
		myHeight = document.body.clientHeight;
	}
  
  	var div =document.getElementById('site');
 	
	if(myHeight-600>0){
		div.style.marginTop = ((myHeight-600)/2)+'px';	
	} else {
		div.style.marginTop = "0px";	
	}

	
}