//au chargement de la page
	var mon_slide;
	var mon_slide_position = 0;
	var mon_slide_long = 0;
		
	window.onload = function(){
		//window.document.body.style.backgroundImage='url(images/fond-page'+(Math.floor(Math.random()*3))+'.jpg)';
		
		calculeHauteurContenu();
		
		/*elementsACentrer=getElementsByClassName(document,'*','centrageVertical');
		for(i=0;i<elementsACentrer.length;i++){
			centrerVertical(elementsACentrer[i]);
		}*/
	}
	
	window.onresize = function(){
		calculeHauteurContenu();
		if(get_id('fenetreModale2').style.display=='block')
			replacerAlerte('fenetreModale2',650,420);
		if(get_id('imageModale').style.display=='block')
			replacerAlerte('imageModale',590,590);
	}
//au chargement de la page

//retourne un element du dom suivant son ID
	function get_id(id){
		if(document.getElementById(id))
			return document.getElementById(id);
		else
			return false;
	}
//retourne un element du dom suivant son ID

/* ============================== MENU */
function hover(obj)
{
	if(document.getElementById(obj))
		obj=document.getElementById(obj);
		
	if(obj.className == 'sousMenu' || obj.className == '')
	{
		obj.className = 'sousMenuVisible';
	}
	else
	{
		obj.className = 'sousMenu';
	}
}

function activeLien(obj)
{
	if(obj.className == 'lienMenu')
		obj.className = 'lienMenuActif';
	else
		obj.className = 'lienMenu';
}

function setHover(){
	sousMenus = document.getElementById('menuHaut').getElementsByTagName('ul');
	for(i=0; i < sousMenus.length; i++)
	{
		sousMenus[i].onmouseover = function()
		{
			hover(this);
			activeLien(document.getElementById('lien'+this.id));
		}
		sousMenus[i].onmouseout = function()
		{
			hover(this);
			activeLien(document.getElementById('lien'+this.id));
		}
	}
	
	liensMenus = document.getElementById('menuHaut').getElementsByTagName('a');
	for(i=0; i < liensMenus.length; i++)
	{
		if(liensMenus[i].className=='lienMenu'){
			liensMenus[i].onmouseover = function()
			{
				hover(this.rel);
			}
			liensMenus[i].onmouseout = function()
			{
				hover(this.rel);
			}
		}
	}
}
/* ============================== MENU */

//ajax
var http_request = false; 
function makeRequest(url) 
{ 
	if (window.XMLHttpRequest) http_request = new XMLHttpRequest(); 
	else if (window.ActiveXObject) http_request = new ActiveXObject("Microsoft.XMLHTTP"); 
	http_request.onreadystatechange = alertContents; 
	http_request.open('GET', url, true); 
	http_request.send(null); 
} 

function alertContents() 
{ 
	if (http_request.readyState == 4) 
	{ 
		if (http_request.status == 200) 
		{
			//alert(http_request.responseText); 
			eval(http_request.responseText); 
		}
		else alert('Erreur de chargement!'); 
	} 
} 

function change_div(nom,valeur)
{
	if (document.getElementById) document.getElementById(nom).innerHTML = valeur;
	else if (document.all) document.all[nom].innerHTML = valeur;
}

/* ================================== AFFICHAGE MENU */

function afficheSousMenu(menuAouvrir,menuAfermer){
		document.getElementById(menuAouvrir).style.display='block';
		document.getElementById(menuAfermer).style.display='none';
}


/* ================================== AFFICHAGE MENU */

/* ================================== AFFICHAGE ZOOM IMAGE */

function montreZoom(id){
	document.getElementById(id).style.display='block';
}

function cacheZoom(id){
	document.getElementById(id).style.display='none';
}

/* ================================== AFFICHAGE ZOOM IMAGE */


function affichePaletteCouleur(produit_id){
		makeRequest('ajax-affiche-couleur.php?ID='+produit_id);
}

function ajoutCouleur(couleur_id,produit_id,echa){
		makeRequest('ajax-ajout-couleur.php?ID='+produit_id+'&CID='+couleur_id+'&ECH='+echa);
}

// ================================================ ANIMATION FONDU PHOTOS GALERIE
	var Animation = function(imageAnimee,lienAnimee)
	{
		this.nomImage=imageAnimee; // nom de l'image pour faire l'animation
		this.lienImage=lienAnimee; // nom de l'image pour faire l'animation
		this.listeImage=new Array; // liste des images pour chaque anime
		this.listeLien=new Array; // liste des lien pour chaque anime
		this.interval=0; 
		this.j=0; // variable utilisée pour indiquer le rang de l'image en cours
		
		this.ajoutImage = function(nomVisuel) // fonction permettant d'ajouter une image dans la liste
		{
			this.listeImage.push(nomVisuel);
		}
		
		if(this.lienImage!="")
		{
			this.ajoutLien = function(nomLien) // fonction permettant d'ajouter une image dans la liste
			{
				this.listeLien.push(nomLien);
			}
		}
		
		this.ajoutVitesse = function(valeurVitesse) // fonction permettant d'indiquer la vitesse de défilement
		{
			this.vitesse = valeurVitesse;
		}
		
		this.ajoutDuree = function(valeurDuree) // fonction permettant d'indiquer la durée du fadding
		{
			this.duree = valeurDuree;
		}
		
		this.runSlide = function() // fonction pour l'animation
		{
			if (document.all)
			{
				
				if(navigator.userAgent.indexOf("Opera")!=-1)
				{
					
				}
				else
				{
					document.getElementById(this.nomImage).style.filter="blendTrans(duration=2)" // indication du filtre à utiliser pour le fading des images
					document.getElementById(this.nomImage).style.filter="blendTrans(duration=this.duree)"
					document.getElementById(this.nomImage).filters.blendTrans.Apply()
				}
			}
			var p = this.listeImage.length; // variable indiquant le nombre d'images de l'anime
			
			document.getElementById(this.nomImage).src = this.listeImage[this.j]; // indique le nom de l'image
			
			if(this.lienImage!=null)
				document.getElementById(this.lienImage).href = this.listeLien[this.j]; // indique le lien de l'image
			if (document.all)
			{
				if(navigator.userAgent.indexOf("Opera")!=-1)
				{
					
				}
				else
				{
					document.getElementById(this.nomImage).filters.blendTrans.Play() // actionne le filtre pour l'image
				}
			}
			this.j++; // incrémente le rang de l'image en cours (pour passer à la suivante
			if (this.j > (p-1)) this.j=0 // si le rang de l'image en cours est supérieure au nombre d'images de l'anime on retourne à la première image
			
			var thisObj = this; // permet de récupérer le nom de l'occurence de l'objet
			this.interval = setTimeout(function(){ thisObj.runSlide() }, this.vitesse) // permet de changer l'image en fonctin de la vitesse choisie 
		}
		
		this.stopSlide = function() // permet de stopper le défilement des images (sur un évènement onclick, onmouseover par exemple)
		{
			clearTimeout(this.interval);
		}
	}
// ================================================ ANIMATION FONDU PHOTOS GALERIE

// ================================================ FENETRE MODALE
	var hauteurContenu	= 0;
	function calculeHauteurContenu()
	{
		hauteurContenu=document.getElementById("repere").offsetTop+1;
	}
	
	var largeurAlerte;
	var hauteurAlerte;
	var largeurContenu;
	var positionTimer;
	var positionFenetre;
	var positionLargeur;
	var positionHauteur;
	
	function alerte(fenetre,largeur,hauteur){
		calculeHauteurContenu();
		positionFenetre = fenetre;
		positionLargeur = largeur;
		positionHauteur = hauteur;
		
		replacerAlerte(fenetre,largeur,hauteur)
		
		get_id("masque").style.display="block";
		if(navigator.userAgent.indexOf("MSIE 6")!=-1)
			get_id(fenetre).style.position="absolute";
		
		get_id(fenetre).style.display="block";
	}
	
	function alerteImage(img,titre){
		get_id('imageModaleImage').src=img;
		get_id('imageModaleImage').title=titre;
		get_id('imageModaleImage').alt=titre;
		get_id('imageModaleTitre').innerHTML=titre;
		alerte('imageModale',590,590);
	}

	function replacerAlerte(fenetre,largeur,hauteur){	
		init_repere(largeur,hauteur);
		
		deplace_alerte(fenetre,(largeurContenu-largeurAlerte)/2,hauteurContenu,hauteurAlerte);
		
		fixe_masque();
	}
	
	function init_repere(largeur,hauteur){
		largeurContenu=get_id('repere').offsetLeft+1;
		largeurAlerte=largeur;
		hauteurAlerte=hauteur;
	}
	
	function fixe_masque(){
		/*get_id('masque').style.width=(document.body.offsetWidth)+"px";
		get_id('masque').style.height=(document.body.offsetHeight)+"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){
		get_id('masque').style.display="none";
		get_id(fenetre).style.display="none";
		if(navigator.userAgent.indexOf("MSIE 6")!=-1)
			clearInterval(positionTimer);
	}
	
	function deplace_alerte(fenetre,coordX,hauteurContenu,hauteurAlerte){
		get_id(fenetre).style.top=get_alerte_y(hauteurContenu,hauteurAlerte)+"px";
		get_id(fenetre).style.left=coordX+"px";
	}
	
	function get_alerte_y(hauteurContenu,hauteurAlerte){
		if(navigator.userAgent.indexOf("MSIE 6")!=-1){
			var hauteurScroll=document.documentElement.scrollTop;
			return (hauteurScroll+hauteurContenu-hauteurAlerte)/2;
		}
		else
			return (hauteurContenu-hauteurAlerte)/2;
	}

// ================================================ FENETRE MODALE

function validationForm(monform){
	var reg_email = /^[A-Za-z0-9\.\-_]+[@][A-Za-z0-9\-\.]+[\.][A-Za-z][A-Za-z][A-Za-z]?$/;

	if(monform.nom)
	{
		if (monform.nom.value=='')
		{
			alert("Veuillez indiquer un nom");
			monform.nom.focus();
			return false;
		}
	}

	if(monform.societe)
	{
		if (monform.societe.value=='')
		{
			alert("Veuillez indiquer votre société");
			monform.societe.focus();
			return false;
		}
	}

	if(monform.fonction)
	{
		if (monform.fonction.value=='')
		{
			alert("Veuillez indiquer votre fonction");
			monform.fonction.focus();
			return false;
		}
	}
	
	if(monform.cp)
	{
		if (monform.cp.value=='')
		{
			alert("Veuillez indiquer un code postal");
			monform.cp.focus();
			return false;
		}
	}

	if(monform.tel)
	{
		if (monform.tel.value=='')
		{
			alert("Veuillez indiquer votre numéro de téléphone");
			monform.tel.focus();
			return false;
		}
	}

	if(monform.tel)
	{
		if (isNaN(monform.tel.value))
		{
			alert("Le format de votre numéro de téléphone est incorrect");
			monform.tel.focus();
			return false;
		}
	}

	if(monform.email)
	{
		if (monform.email.value=='')
		{
			alert("Veuillez indiquer un email");
			monform.email.focus();
			return false;
		}
	}

	if(monform.email)
	{
		if(!reg_email.test(monform.email.value))
		{
			alert("Le format de votre adresse email est incorrect");
			monform.email.focus();
			return false;
		}
	}	
	
	if(monform.commentaire)
	{
		if (monform.commentaire.value=='')
		{
			alert("Veuillez indiquer votre commentaire");
			monform.commentaire.focus();
			return false;
		}
	}
	return true;
}

//======================================= IDENTIFICATION	

function validationForm2(monform)
	{
		var reg_email = /^[A-Za-z0-9\.\-_]+[@][A-Za-z0-9\-\.]+[\.][A-Za-z][A-Za-z][A-Za-z]?$/;
		
		if (monform.nom.value=='')
		{
			alert("Veuillez indiquer votre nom");
			monform.nom.focus();
			return false;
		}
		if (monform.prenom.value=='')
		{
			alert("Veuillez indiquer votre prénom");
			monform.prenom.focus();
			return false;
		}
		if (monform.adresse.value=='')
		{
			alert("Veuillez indiquer votre adresse");
			monform.adresse.focus();
			return false;
		}
		if (monform.cp.value=='')
		{
			alert("Veuillez indiquer votre code postal");
			monform.cp.focus();
			return false;
		}
		if (monform.ville.value=='')
		{
			alert("Veuillez indiquer votre ville");
			monform.ville.focus();
			return false;
		}
		if (monform.tel.value=='')
		{
			alert("Veuillez indiquer votre n° de téléphone");
			monform.tel.focus();
			return false;
		}
		if (monform.email.value=='')
		{
			alert("Veuillez indiquer votre adresse email");
			monform.email.focus();
			return false;
		}
		if(!reg_email.test(monform.email.value))
		{
			alert("Le format de votre adresse email est invalide");
			monform.email.focus();
			return false;
		}
		if (monform.mdp.value=='')
		{
			alert("Veuillez choisir votre mot de passe");
			monform.mdp.focus();
			return false;
		}
		if (monform.mdp2.value=='')
		{
			alert("Veuillez confirmer votre mot de passe");
			monform.mdp2.focus();
			return false;
		}
		if (monform.mdp2.value != monform.mdp.value)
		{
			alert("Votre mot de passe et la confirmation de votre mot de passe ne correspondent pas");
			monform.mdp.focus();
			return false;
		}
	return true;
}

//======================================= IDENTIFICATION


/***********************************************************/

function afficheDevis(div){
	document.getElementById(div).style.display='block';
}

function cacheDevis(div){
	document.getElementById(div).style.display='none';
}

// ================================================ AJAX
	
	var http_request = false; 
	function makeRequest(url) 
	{ 
		if (window.XMLHttpRequest) http_request = new XMLHttpRequest(); 
		else if (window.ActiveXObject) http_request = new ActiveXObject("Microsoft.XMLHTTP"); 
		http_request.onreadystatechange = alertContents; 
		http_request.open('GET', url, true); 
		http_request.send(null); 
	} 

	function alertContents() 
	{ 
		if (http_request.readyState == 4) 
		{ 
			if (http_request.status == 200) 
			{
				//alert(http_request.responseText); 
				eval(http_request.responseText); 
			}
			else alert('Erreur de chargement!'); 
		} 
	} 

	function change_div(nom,valeur)
	{
		if (get_id) get_id(nom).innerHTML = valeur;
		else if (document.all) document.all[nom].innerHTML = valeur;
}
	
// ================================================ AJAX

// ============================================ AJOUT PANIER

function quantiteMoins(pid)
{
	if(document.modifQuantite.quantite.value > 1)
	{
		document.modifQuantite.quantite.value--;
		valeur=document.modifQuantite.quantite.value;
		makeRequest('ajax-change-quantite.php?PID='+pid+'&Q='+valeur);
	}
}

function quantitePlus(pid)
{
	document.modifQuantite.quantite.value++;
	valeur=document.modifQuantite.quantite.value;
	makeRequest('ajax-change-quantite.php?PID='+pid+'&Q='+valeur);
}

function ajoutPanier(produit_id){
	makeRequest('ajax-ajout-panier.php?PID='+produit_id);
}

function ajoutEchantillon(produit_id){
		makeRequest('ajax-ajout-echantillon.php?PID='+produit_id);
}

// ============================================ AJOUT PANIER

function afficheFlash(version,nom,largeur,hauteur){
		document.write('<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version='+version+',0,0,0" width='+largeur+' height='+hauteur+'>\n');
		document.write('<param name="allowScriptAccess" value="sameDomain" />\n');
		document.write('<param name="movie" value='+nom+' />\n');
		document.write('<param name="quality" value="high" />\n');
		document.write('<param name="wmode" value="transparent" />\n');
		document.write('<embed src='+nom+' quality="high" wmode="transparent" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" width='+largeur+' height='+hauteur+'></embed>\n');
		document.write('</object>\n');
	}	

function verifPaiement(modePaiement)
	{
		if(document.getElementById('validCGV').checked == false)
		{
			alert('Vous devez accepter les conditions générales de vente en cochant la case correspondante');
			return false;
		}
		else
		{
			
			if(modePaiement == 'cb')
			{
				return confirm('Je confirme vouloir payer par carte bancaire');
			}
			
			if(modePaiement == 'cheque')
			{
				if(confirm('Je confirme vouloir payer par chèque'))
				{
					window.open('paiement-cheque.php','_self');
				}
			}
		}
	}

	function verifPaiementCheque(){
		if(document.getElementById('validCGV').checked == false)
			alert('Vous devez accepter les conditions générales de vente en cochant la case correspondante');
		else{
			if(confirm('Je confirme vouloir payer par chèque'))
				window.open('paiement-cheque.php','_self');
		}
	}