//Methode pour afficher les informations du produit 
function afficheProduit( id )
	{
   //creation d'un objet javascript que l'on nomme XmlHttpRequest ou xhr pour les intimes
	var xhr = new XMLHttpRequest();
	//ouvre la connexion avec le serveur
	xhr.open("POST","./optonlaser/afficheProduit.php",true); 
	//ne pas oublier ça pour le POST
	xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
	//passage des parametres
	xhr.send("id=" + id );
	// On défini ce qu'on va faire quand on aura la réponse
	xhr.onreadystatechange = function()
		{
		// On ne fait quelque chose que si on a tout reçu et que le serveur est ok
		if(xhr.readyState == 4 && xhr.status == 200)
			{
			var txt = xhr.responseText;
			//la condiftion if () est necessiare pour eviter les erreurs en cas d'element vide
			if ( txt ) {document.getElementById ( 'card' ).innerHTML = txt };
			}
		}
	}

function showId ( id  ) 
	{
   var elm = document.getElementById( id );
   if (elm) { elm.style.display = "block";}																			
	}

function hideId ( id )
	{
    var elm = document.getElementById( id );
    if (elm) { elm.style.display = "none";}																			
	}
	
function pageAccueil ()
	{
   window.location.replace("/");													
	}

sfHover = function() 
	{
	var elem = document.getElementById("menuGeneral").getElementsByTagName("li");
	for (var i=0; i<elem.length; i++) 
		{
		elem[i].onmouseover=function() {this.className+=" sfhover";}
		elem[i].onmouseout=function() {this.className=this.className.replace(new RegExp(" sfhover\\b"), "");}
		}
																		
	var sfEls = document.getElementById("menuProduits").getElementsByTagName("li");
	for (var i=0; i<sfEls.length; i++) 
		{
		sfEls[i].onmouseover=function() {this.className+=" sfhover";}
		sfEls[i].onmouseout=function() {this.className=this.className.replace(new RegExp(" sfhover\\b"), "");}
		}
																		
	}

if (window.attachEvent) window.attachEvent("onload", sfHover);