// JavaScript Document

//affiche le formulaire de connection a mon compte

function moncompte(){
document.getElementById('accueil').style.display="none";

	document.getElementById('formcreation').style.display="none";
	document.getElementById('formconect').style.display="block";
	document.getElementById('pg').innerHTML="COMMANDER UN KIT OBJET";
	document.getElementById('pd').innerHTML="RETROUVE.COM ";
		
	
}

//affiche le formulaire de mot de passe perdu

function perdu(){
document.getElementById('acceuil').style.display="none";

	document.getElementById('pg').innerHTML="MOT DE PASSE ";
				document.getElementById('pd').innerHTML="PERDU ";

	cont='<span style="color:black">Saisissez votre adresse mail<br />pour recevoir votre mot de passe.</span>';
	document.getElementById('centred').innerHTML=cont;
	document.getElementById('formconect').style.display="none";
	document.getElementById('formperdu').style.display="block";
}

function subscrit(){
	
	document.getElementById('accueil').style.display="none";
	var centre=document.getElementById('centre');
	centre.className="centre2";
	document.getElementById('formconect').style.display="none";
	document.getElementById('formperdu').style.display="none";
	document.getElementById('formcreation').style.display="block";
}

function getURLvar()
 {
 // Fonction qui retourne un tableau associatif avec toutes les variables
 // Utilisée par getUrl()
 var url=location.href; // données de la barre d'adresse
 var urlVars=url.split("?"); // tableau contenant d'un coté l'url proprement dite, de l'autre les variables, s'il yen a (auquel cas, urlVars.length>0 : voir plus bas)
 var v=new Array(); //
 v["name"]=new Array();
 v["val"]=new Array();

 if (urlVars.length>0)
 {
 var vars=urlVars[1].split("&"); // séparation de toutes les variables

 for (var i=0; i<vars.length; i++)
 {
 v["name"][i]=vars[i].split("=")[0];
 v["val"][i]=vars[i].split("=")[1];
 //alert(v["name"][i] + "=" + v["val"][i]);
 }
 }
 return(v);
 }

 function getUrl(alpha)
 {
 var v=getURLvar();
 var cRet;
 for (var i=0; i<v["name"].length; i++)
 {
 if (v["name"][i]==alpha)
 {
 cRet=v["val"][i];
 }
 }
 return cRet;
 } 

function chargement(){
page=getUrl('page');
if (page=='connection'){
moncompte();
}


if (page=='messageok'){
document.getElementById('contact').style.display="none";
document.getElementById('contactok').style.display="block";
}

if (document.getElementById('lbl_info').innerHTML!=''){subscrit();}

}


function imprime_zone(obj) 

{
// Définie la zone à imprimer
var zi = document.getElementById(obj).innerHTML;

// Ouvre une nouvelle fenetre
var f = window.open("", "ZoneImpr", "height=500, width=600,toolbar=0, menubar=0, scrollbars=1, resizable=1,status=0, location=0, left=10, top=10");

// Définit le Style de la page
f.document.body.style.color = '#000000';
f.document.body.style.backgroundColor = '#FFFFFF';
f.document.body.style.padding = "10px";

// Ajoute les Données
f.document.title = 'Bon de commande';
f.document.body.innerHTML +=" " + zi + " ";

// Imprime et ferme la fenetre
f.window.print();
f.window.close();
return true;
} 

 
function livraison(){
document.getElementById('forminfoadresse').style.display="block";
document.getElementById('forminfo').style.display="none";

}
function facturation(){
document.getElementById('forminfoadresse').style.display="none";
document.getElementById('forminfo').style.display="block";

}

function mesinfo(){
document.getElementById('1c').setAttribute('src','images/compte1.gif');
document.getElementById('2c').setAttribute('src','images/compte2b.gif');
document.getElementById('3c').setAttribute('src','images/compte3b.gif');

document.getElementById('mescommandes').style.display="none";
document.getElementById('forminfo').style.display="block";
document.getElementById('mesetiquette').style.display="none";
document.getElementById('forminfoadresse').style.display = "none";
document.getElementById('chgtMDP').style.display = "none";

}

function mesetiquettes(){
document.getElementById('1c').setAttribute('src','images/compte1b.gif');
document.getElementById('2c').setAttribute('src','images/compte2.gif');
document.getElementById('3c').setAttribute('src','images/compte3b.gif');

document.getElementById('mescommandes').style.display="none";
document.getElementById('forminfo').style.display="none";
document.getElementById('mesetiquette').style.display="block";
document.getElementById('forminfoadresse').style.display="none";
document.getElementById('chgtMDP').style.display = "none";
}

function mescommande(){
document.getElementById('1c').setAttribute('src','images/compte1b.gif');
document.getElementById('2c').setAttribute('src','images/compte2b.gif');
document.getElementById('3c').setAttribute('src','images/compte3.gif');

document.getElementById('mescommandes').style.display="block";
document.getElementById('forminfo').style.display="none";
document.getElementById('mesetiquette').style.display="none";
document.getElementById('forminfoadresse').style.display="none";
document.getElementById('chgtMDP').style.display = "none";
}

function comment1(){
document.getElementById('2').setAttribute('src','images/monkit.gif');
document.getElementById('1').setAttribute('src','images/commentb.gif');
document.getElementById('3').setAttribute('src','images/detail.gif');

document.getElementById('comment1').style.display="block";
document.getElementById('comment2').style.display="none";

document.getElementById('comment3').style.display="none";

}

function comment2(){
document.getElementById('2').setAttribute('src','images/monkitb.gif');
document.getElementById('1').setAttribute('src','images/comment.gif');
document.getElementById('3').setAttribute('src','images/detail.gif');

var centre=document.getElementById('centre');

	//centre.className="comment2";


document.getElementById('comment2').style.display="block";
document.getElementById('comment3').style.display="none";

document.getElementById('comment1').style.display="none";

}

function comment3(){
document.getElementById('2').setAttribute('src','images/monkit.gif');
document.getElementById('1').setAttribute('src','images/comment.gif');
document.getElementById('3').setAttribute('src','images/detailb.gif');

var centre=document.getElementById('centre');
	//centre.className="comment3";

document.getElementById('comment1').style.display="none";

document.getElementById('comment2').style.display="none";
document.getElementById('comment3').style.display="block";

}

function qui1(){
document.getElementById('ent').style.display="block";
document.getElementById('bla').style.display="block";
document.getElementById('equipe').style.display="none";
document.getElementById('val').style.display="none";


document.getElementById('q1').setAttribute('src','images/qui1.gif');
document.getElementById('q2').setAttribute('src','images/qui2b.gif');
document.getElementById('q3').setAttribute('src','images/lequipe.gif');


}
function qui2(){
document.getElementById('ent').style.display="none";
document.getElementById('bla').style.display="none";
document.getElementById('equipe').style.display="none";


document.getElementById('val').style.display="block";

document.getElementById('q1').setAttribute('src','images/qui1b.gif');
document.getElementById('q2').setAttribute('src','images/qui2.gif');
document.getElementById('q3').setAttribute('src','images/lequipe.gif');



}
function equipe(){
document.getElementById('bla').style.display="none";
document.getElementById('ent').style.display="block";
document.getElementById('val').style.display="none";


document.getElementById('equipe').style.display="block";

document.getElementById('q3').setAttribute('src','images/lequipeb.gif');
document.getElementById('q2').setAttribute('src','images/qui2b.gif');
document.getElementById('q1').setAttribute('src','images/qui1b.gif');


}

function objetet(){
document.getElementById('decl_type').style.display="none";
document.getElementById('decl_fr').style.display="block";


}
function menu(){
 
            menuselect=lire_cookie("menu");
            menuf(menuselect);
            }
       
     function lire_cookie(nom) {
  var arg=nom+"=";
  var alen=arg.length;
  var clen=document.cookie.length;
  var i=0;
  while (i<clen){
    var j=i+alen;
    if (document.cookie.substring(i, j)==arg)
       return arguments_cookie(j);
    i=document.cookie.indexOf(" ",i)+1;
    if (i==0) break;
  }
  return null; 
}

 function arguments_cookie(offset){
  var endstr=document.cookie.indexOf (";", offset);
  if (endstr==-1) endstr=document.cookie.length;
  return unescape(document.cookie.substring(offset, endstr)); 
}
    


function menus(id,url){
  document.cookie ="menu=" + escape(id)
  document.location.href=url;

}
function menuf(id){
var centre=document.getElementById(id);
centre.className="menuff";
switch (id){

case "me1":
menuff("me2")
menuff("me3")
menuff("me4")
menuff("me5")
menuff("me6")
menuff("me8")
menuff("me9")
break;
case "me2":
menuff("me1")
menuff("me3")
menuff("me4")
menuff("me5")
menuff("me6")
menuff("me8")
menuff("me9")
break;
case "me3":
menuff("me2")
menuff("me1")
menuff("me4")
menuff("me5")
menuff("me6")
menuff("me8")
menuff("me9")
break;
case "me4":
menuff("me2")
menuff("me3")
menuff("me1")
menuff("me5")
menuff("me6")
menuff("me8")
menuff("me9")
break;
case "me5":
menuff("me2")
menuff("me3")
menuff("me4")
menuff("me1")
menuff("me6")
menuff("me8")
menuff("me9")
break;
case "me6":
menuff("me2")
menuff("me3")
menuff("me4")
menuff("me5")
menuff("me1")
menuff("me8")
menuff("me9")
break;
case "me7":
menuff("me2")
menuff("me3")
menuff("me4")
menuff("me5")
menuff("me6")
menuff("me1")
menuff("me8")
menuff("me9")
break;
case "me8":
menuff("me1")
menuff("me2")
menuff("me3")
menuff("me4")
menuff("me5")
menuff("me6")
menuff("me9")
break;
case "me9":
menuff("me1")
menuff("me2")
menuff("me3")
menuff("me4")
menuff("me5")
menuff("me6")
menuff("me8")
break;
}



}
function menuff(id){
var centre=document.getElementById(id);
centre.className="menuf";
}

