window.onload = function(){
		elementsACentrer=getElementsByClassName(document,'*','centrageVertical');
		for(i=0;i<elementsACentrer.length;i++){
			centrerVertical(elementsACentrer[i]);
		}

		//survol_menu();
	}

function $(elt){
	if(document.getElementById(elt))
		return document.getElementById(elt);
	else
		return false;
}


//survol onglet menu

function menuOngletOn(nom){
	document.getElementById(nom).style.backgroundColor='#87a2b7';
	document.getElementById(nom).style.color='#fff';
}

function menuOngletOff(nom){
	document.getElementById(nom).style.backgroundColor='';
	document.getElementById(nom).style.color='#87a2b7';
}

//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

// ================================================ centrage vertical
	function centrerVertical(monElement){
		
		if(navigator.userAgent.indexOf("MSIE")==-1)
			hauteurDispo=window.getComputedStyle(monElement.parentNode,null).height.replace('px','');
		else
			hauteurDispo=monElement.parentNode.currentStyle.height.replace('px','');
		hauteur=parseInt(monElement.height);
		
		monElement.style.marginTop=((hauteurDispo-hauteur)/2)+'px';
	}
// ================================================ centrage vertical

// ================================================ retourne une liste d'elements suivant une classe
	function getElementsByClassName(oElm, strTagName, strClassName){
		var arrElements = (strTagName == "*" && oElm.all)? oElm.all : oElm.getElementsByTagName(strTagName);
		var arrReturnElements = new Array();
		strClassName = strClassName.replace(/\-/g, "\\-");
		var oRegExp = new RegExp("(^|\\s)" + strClassName + "(\\s|$)");
		var oElement;
		for(var i=0; i<arrElements.length; i++){
			oElement = arrElements[i];
			if(oRegExp.test(oElement.className))
				arrReturnElements.push(oElement);
		}
		return (arrReturnElements)
	}
// ================================================ retourne une liste d'elements suivant une classe

// ================================================ 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

// ================================================ 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(){
		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

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

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

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);
}

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

// =========================== survol menu haut
	function survol_menu(){
		liens=getElementsByClassName($('menuCategorie'), 'a', 'lienMenu');

		for(i=0;i<liens.length;i++){
			liens[i].onmouseover=function(){
				if($(this.rel)){
					$(this.rel).style.display='block';
					this.style.color='#fff';
				}
			};

			liens[i].onmouseout=function(){
				if($(this.rel)){
					$(this.rel).style.display='none';
					if(hasClass(this, 'actif'))
					{
						this.style.color='#fff;';
						this.style.backgroundColor='#e9eae9';
					}
					else
					{
						//this.style.color='#fff';
						this.style.color='#626262';
						this.style.backgroundColor='#e9eae9';
					}
				}
			};

			if($(liens[i].rel)){
				$(liens[i].rel).onmouseover=function(){
					this.style.display='block';
					$('lien'+this.id).style.color='#fff';
					$('lien'+this.id).style.backgroundColor='#87a2b7';
				};
			}

			if($(liens[i].rel)){
				$(liens[i].rel).onmouseout=function(){
					this.style.display='none';
					if(hasClass($('lien'+this.id), 'actif'))
					{
						$('lien'+this.id).style.color='#626262';
					}
					else
					{
						$('lien'+this.id).style.color='#626262';
						//$('lien'+this.id).style.backgroundColor='#e9eae9';
					}
				};
			}

		}
	}
// =========================== survol menu haut

// =========================== retourne un element suivant son rel
	function get_by_rel(rel){
		liens=document.getElementsByTagName('a');

		for(i=0; i<liens.length; i++){
			if(liens[i].rel==rel)
				return liens[i];
		}
	}
// =========================== retourne un element suivant son rel

// =========================== regarde si un elt a une classe donnée
	function hasClass(elt, ma_class){
		return elt.className.match(new RegExp('(\\s|^)'+ma_class+'(\\s|$)'));
	}
// =========================== regarde si un elt a une classe donnée

//--------------------------------- SURVOL PHOTO 

function survolPhoto(vignette){
		document.getElementById('apercu').src=vignette;
}

//--------------------------------- SURVOL PHOTO 

/* ============================== 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 */

function verifEmail(monform)
{
	var reg_email = /^[A-Za-z0-9\.\-_\+]+[@][A-Za-z0-9\-\.]+[\.][A-Za-z][A-Za-z][A-Za-z]?$/;
	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;
	}
	return true;
}

function verifModele(produit)
{
	if(produit==0)
	{
		alert('Veuillez choisir votre modèle');
		return false;
	}
	else
	{
		ajoutPanier(produit);
	}
}

// ================================================ Paiement
	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');
				}
			}
		}
	}
// ================================================ Paiement