/****** Initialisation de la barre horizontale haute et du zoom des photos lors du passage de la souris sur les miniatures ******/
function InitToolbarButtons() {
//Cache_SMenu();
  var kids = document.getElementsByTagName('div');
  for (var i=0; i < kids.length; i++) {
    if(kids[i].className=="IconeHM") {
     kids[i].onmouseover = MenuHautDeroulant;
     }
    else if(kids[i].className=="PVProd") {
     kids[i].onmouseover = HightlightProd;
     kids[i].onmouseout = UnHightlightProd;
     }
   }
  var kidsMiniPhoto = document.getElementsByTagName('img');
  for (var i=0; i < kidsMiniPhoto.length; i++) {
    if(kidsMiniPhoto[i].className=="MiniPhotoItem") {
      kidsMiniPhoto[i].onmouseover = ZoomPhotoItem;
    }
    else if(kidsMiniPhoto[i].className=="btnImgBack"){
     kidsMiniPhoto[i].onclick = checkRetourForm;
     }    
   else if(kidsMiniPhoto[i].className=="icone_img"){
     kidsMiniPhoto[i].onmouseover = OnText;
     kidsMiniPhoto[i].onmouseout = OffText;
     kidsMiniPhoto[i].onclick = OnClickSite;
     }    
   }
  var kidsOptions = document.getElementsByTagName('input');
  for (var i=0; i < kidsOptions.length; i++) {
    if(kidsOptions[i].className=="checkclass") {
      kidsOptions[i].onclick = ShowHideOptions;
    }
   }
/*  var kidsPersonnalisation = document.getElementsByTagName('a');
  for (var i=0; i < kidsPersonnalisation.length; i++) {
    if(kidsPersonnalisation[i].className=="PopColoris") {
      kidsPersonnalisation[i].onclick = OuvrePopUpColoris(kidsPersonnalisation[i].id);
    }
   } */
 if (window.innerWidth) largeurFenetre=window.innerWidth;
 else if (document.body && document.body.offsetWidth) largeurFenetre=document.body.offsetWidth;
 else largeurFenetre=1000;
 if(largeurFenetre<1000){
  document.getElementById('idBCF').style.left="0";
  document.getElementById('idBCF').style.margin="0";
  document.getElementById('idAriane').style.left="0";
  document.getElementById('idAriane').style.margin="0";
  }   
 }

function refresh(){
 if (window.innerWidth) largeurFenetre=window.innerWidth;
 else if (document.body && document.body.offsetWidth) largeurFenetre=document.body.offsetWidth;
 else largeurFenetre=1000;
 if(largeurFenetre<1000){
  document.getElementById('idBCF').style.left="0";
  document.getElementById('idBCF').style.margin="0";
  document.getElementById('idAriane').style.left="0";
  document.getElementById('idAriane').style.margin="0";
  }
 else{
  document.getElementById('idBCF').style.left="50%";
  document.getElementById('idBCF').style.margin="0 auto 0 -500px";
  document.getElementById('idAriane').style.left="50%";
  document.getElementById('idAriane').style.margin="0 auto 0 -500px";
  }
 }

/****** Zoomer la photo lors du passage de la souris sur la miniature associée ******/
function ZoomPhotoItem(){
 document.getElementById('zoomItem').src='http://www.ptitfilou.com/Photos/'+this.id;
 }
 
/****** Caché les menu déroulants verticaux de la barre haute horizontale ******/
function Cache_SMenu(){
  var SMH = document.getElementsByTagName('div');
  for(var i=0; i < SMH.length; i++) {
    if(SMH[i].className=="SMBHI"){
      SMH[i].style.visibility="hidden";
    }
   }
 }
/*** affichage du texte sous les icones ***/
function OnText(){
 var reg=new RegExp("[;]+","g");
 var tab_info=this.id.split(reg);
 document.getElementById('div_bookmark_text').innerHTML=tab_info[0];
 document.getElementById('div_bookmark_text').style.display="block";

 }
/*** cache le texte sous les icones ***/
function OffText(){
 document.getElementById('div_bookmark_text').style.display="none";
 document.getElementById('div_bookmark_text').innerHTML='';
 }

/*** ouvre une page sur le site  pour l'ajouter au favoris ***/
var btn_track=new Image();
function OnClickSite(){
	//btn_track.src='http://www.ptitfilou.com/Images/log_bookmark.php?url='+tab_info[2]+'&who='+tab_info[1];
	var url=encodeURI(document.location.href);
 var reg=new RegExp("[;]+","g");
 var tab_info=this.id.split(reg);
	if(tab_info[2]==''){
  if(window.sidebar)
   window.sidebar.addPanel(document.title,document.location.href,'');
  else if(window.opera && window.print) {
   var operA = document.createElement('a');
   operA.setAttribute('href',document.location.href); operA.setAttribute('title',document.title); operA.setAttribute('rel','sidebar');
   operA.click();
   } 
  else if(document.all)
   window.external.AddFavorite(document.location.href,document.title);
		}
	else
		window.open(tab_info[2].replace(/\#u\#/gi,url));
 }

/****** Positionnement gauche du menu déroulant vertical ******/
function getOffsetTop(elm) {
  var mOffsetTop = elm.offsetTop;
  var mOffsetParent = elm.offsetParent;
  while(mOffsetParent){
    mOffsetTop += mOffsetParent.offsetTop;
    mOffsetParent = mOffsetParent.offsetParent;
  }
  return mOffsetTop;
 }
 
/****** Positionnement haut du menu déroulant vertical ******/
function getOffsetLeft(elm) {
  var mOffsetLeft = elm.offsetLeft;
  var mOffsetParent = elm.offsetParent;
  while(mOffsetParent){
    mOffsetLeft += mOffsetParent.offsetLeft;
    mOffsetParent = mOffsetParent.offsetParent;
  }
  return mOffsetLeft;
 }
 
/****** Montré le menu déroulant vertical haut lors du passage de la souris sur le bouton associé ******/
function MenuHautDeroulant(){
 Cache_SMenu();
 buttonElement = document.getElementById(this.id);
 if(document.getElementById("S"+this.id)){
  document.getElementById("S"+this.id).style.left = getOffsetLeft(buttonElement)+10+"px";
  document.getElementById("S"+this.id).style.top = getOffsetTop(buttonElement)+19 + buttonElement.offsetHeight+"px";
  document.getElementById("S"+this.id).style.visibility="visible";
  }
 }

function HightlightProd(){
 //document.getElementById(this.id).childNodes[0].childNodes[1].style.backgroundImage="url(http://www.ptitfilou.com/Images/PresentationProduitCouture.gif)";
 document.getElementById(this.id+'M').style.backgroundImage="url(http://www.ptitfilou.com/Images/PresentationProduitFondMilieuGris.jpg)";
 }

function UnHightlightProd(){
 //document.getElementById(this.id).childNodes[0].childNodes[1].style.backgroundImage="url(http://www.ptitfilou.com/Images/PresentationProduitFondMilieu.jpg)";
 document.getElementById(this.id+'M').style.backgroundImage="url(http://www.ptitfilou.com/Images/PresentationProduitFondMilieu.jpg)";
 }

function ShowHideOptions(){
 if(document.getElementById(this.id).checked==true){
  if(document.getElementById("S"+this.id)){
   document.getElementById("S"+this.id).style.display="block";
   }
  }
 else{
  if(document.getElementById("S"+this.id)){
   document.getElementById("S"+this.id).style.display="none";
   }
  }
 }

//Fonction de redimensionnement de la fenêtre en largeur
function largeur_fenetre()
{
 if (window.innerWidth) return window.innerWidth;
 else if (document.body && document.body.offsetWidth) return document.body.offsetWidth;
 else return 1000;
}

//Fonction de redimensionnement de la fenêtre en longueur
function hauteur_fenetre()
{
 if (window.innerHeight) return window.innerHeight  ;
 else if (document.body && document.body.offsetHeight) return document.body.offsetHeight;
 else return 650;
}

/****** Ouverture d'une nouvelle fenêtre pour l'affichage des coloris lors du click sur +d'infos dans les articles ******/
function OuvrePopUpColoris(AdresseColoris){
 var hauteur_aff=document.getElementById('idBCF').offsetHeight+document.getElementById('idBHFH').offsetHeight+document.getElementById('idAriane').offsetHeight;
 var largeur_aff=largeur_fenetre();
 var hauteur_visu=hauteur_fenetre();
  if(window.innerWidth){
   with(window){
    Left   = pageXOffset;
    Top    = pageYOffset;
    }
   }
  else{
    if(document.documentElement && document.documentElement.clientWidth)
     DocRef = document.documentElement;
    else
     DocRef = document.body;
    with(DocRef){
      Left   = scrollLeft;
      Top    = scrollTop;
     }
   }
 var UrlRacine='http://www.ptitfilou.com/';
 document.getElementById('detail_personnalisation').style.visibility="visible";
 document.getElementById('detail_personnalisation').src=UrlRacine+"pop_details.php?aff="+AdresseColoris;
 document.getElementById('fond_personnalisation').style.width=largeur_aff+'px';
 document.getElementById('fond_personnalisation').style.height=hauteur_aff+'px';
 document.getElementById('fond_personnalisation').style.visibility='visible';
 document.getElementById('fond_personnalisation').style.left=0;
 document.getElementById('detail_personnalisation').style.top=(hauteur_visu/2)-325+Top+'px';
 if(document.all && !window.opera){ 
  document.getElementById('fond_personnalisation').style.filter = 'alpha(opacity=80);';
  } 
 else{ 
  document.getElementById('fond_personnalisation').style.opacity = 0.8;
  }
 }
function FermePopUpColoris(){
 window.parent.document.getElementById('detail_personnalisation').style.visibility='hidden';
 window.parent.document.getElementById('detail_personnalisation').contentWindow.document.body.innerHTML="<html><head></head><body></body></html>";
 window.parent.document.getElementById('fond_personnalisation').style.visibility='hidden';
 }

/****** Vérification des valeurs entrées dans les champs textes des options ******/
function checkInputAjoutPanierForm(){
var kidsCheckOpt = document.getElementsByTagName('input');
var cntCheck = 1;
var messAlert='';
  for (var i=0; i < kidsCheckOpt.length; i++){
    if(kidsCheckOpt[i].name==("Opt"+cntCheck)){
     if(document.getElementById('check'+kidsCheckOpt[i].value).checked==true){
      if(document.getElementById('OptText'+kidsCheckOpt[i].value)){
       if(document.getElementById('OptText'+kidsCheckOpt[i].value).value==''||document.getElementById('OptText'+kidsCheckOpt[i].value).value=='Champs à compléter'){
        document.getElementById('OptText'+kidsCheckOpt[i].value).value='Champs à compléter';
        document.getElementById('OptText'+kidsCheckOpt[i].value).style.color='#f00';
        messAlert=messAlert+'Compléter le texte de l\'option n°'+cntCheck+'\n';
        }
       }
      }
     cntCheck++;
     }
   }
  if(messAlert!=='')
   alert(messAlert);  
  else{
   document.getElementById('FormArticlePanier').submit();
  }
 }
 
/****** Vérifier les valeur des champs avant envoie et passage à l'étape suivante ******/
function checkInputForm(idBtn,messEmail,messPassWord){
 var ExpRegMail=new RegExp("^\\w[\\w+\.\-]*@[\\w\-]+\.\\w[\\w+\.\-]*\\w$","gi"); //  "^[a-zA-Z0-9_][[a-zA-Z0-9_]+\.\-]*@[a-zA-Z0-9_\-]+\.[a-zA-Z0-9_][[a-zA-Z0-9_]+\.\-]*[a-zA-Z0-9_]$","gi"
 var messAlert='';
 if(idBtn=='btnNewCompte'){
  if(document.getElementById('emailCompte').value.search(ExpRegMail)==-1)
   alert(messEmail);
  else if((document.getElementById('ConfirmemailCompte').value=='')||(document.getElementById('emailCompte').value!=document.getElementById('ConfirmemailCompte').value)){
   alert(messPassWord);
   }
  else
   document.getElementById('FormNewCompte').submit();
  }
 else if(idBtn=='btnOldCompte'){
  if(document.getElementById('Login').value.search(ExpRegMail)==-1)
   messAlert=messEmail;
  if(document.getElementById('PassWord').value=='')
   messAlert=messAlert+'\n'+messPassWord;
  if(messAlert!=='')
   alert(messAlert);  
  else 
   document.getElementById('FormCompte').submit();
  }
 }

/****** Choix de la page de retour lors de la procédure de commande ******/
function checkRetourForm(){
 document.getElementById('FormRetour').submit();
 }

function checkInputFormTransport(){
 document.getElementById('FormTransport').submit();
 }

    
/****** Choix du mode de paiement et passage à l'étape suivante validation ou paypal******/
function checkInputFormValid(){
 if(document.getElementById('conditionVerif').checked == true){
  if(document.getElementById('selectCartePP').checked == true){
   document.getElementById('FormPaypal').submit();
   }
  else if(document.getElementById('selectCheque').checked == true){
   document.getElementById('FormCheque').submit();
   }
  else if(document.getElementById('selectMandat').checked == true){
   document.getElementById('FormMandat').submit();
   }
  else if(document.getElementById('selectCarteCA').checked == true){
   document.getElementById('FormCreditAgricole').submit();
   }
  }
 else
  alert("Vous devez accepter les conditions de ventes pour poursuivre");
 }

/****** Vérifier les valeurs des champs du nouveau mot de passe avant envoie et passage à l'étape suivante ******/
function checkInputNewPass(){
 var messAlert='Impossible de valider le formulaire :';
 var compteurVerif=1;
  if(document.getElementById('passwordCompte').value==''){
   messAlert=messAlert+'\nIl manque le nouveau mot de passe';
   compteurVerif--;
   }
  if(document.getElementById('passwordConfirmCompte').value==''){
   messAlert=messAlert+'\nIl manque la confirmation du nouveau mot de passe';
   compteurVerif--;
   }
  if(document.getElementById('passwordCompte').value!=document.getElementById('passwordConfirmCompte').value){
   messAlert=messAlert+'\nLes nouveaux mots de passe sont différents';
   compteurVerif--;
   }
 if(compteurVerif==1)
  document.getElementById('FormCompte').submit();
 else
  alert(messAlert);
 }

/****** Vérifier les valeurs des champs de la nouvelle adresse email avant envoie et passage à l'étape suivante ******/
function checkInputNewEmail(){
 var ExpRegMail=new RegExp("^\\w[\\w+\.\-]*@[\\w\-]+\.\\w[\\w+\.\-]*\\w$","gi"); //  "^[a-zA-Z0-9_][[a-zA-Z0-9_]+\.\-]*@[a-zA-Z0-9_\-]+\.[a-zA-Z0-9_][[a-zA-Z0-9_]+\.\-]*[a-zA-Z0-9_]$","gi"
 var messAlert='Impossible de valider le formulaire :';
 var compteurVerif=1;
  if(document.getElementById('emailCompte').value==''){
   messAlert=messAlert+'\nIl manque la nouvelle adresse email';
   compteurVerif--;
   }
  else{
   if(document.getElementById('emailCompte').value.search(ExpRegMail)==-1){
    messAlert=messAlert+'\nErreur de syntaxe dans la nouvelle adresse';
    compteurVerif--;
    }
   }
  if(document.getElementById('emailConfirmCompte').value==''){
   messAlert=messAlert+'\nIl manque la confirmation de la nouvelle adresse email';
   compteurVerif--;
   }
  else{
   if(document.getElementById('emailConfirmCompte').value.search(ExpRegMail)==-1){
    messAlert=messAlert+'\nErreur de syntaxe dans la confitration de la nouvelle adresse';
    compteurVerif--;
    }
   }
  if(document.getElementById('emailCompte').value!=document.getElementById('emailConfirmCompte').value){
   messAlert=messAlert+'\nLes adresses emails sont différentes';
   compteurVerif--;
   }
 if(compteurVerif==1)
  document.getElementById('FormCompte').submit();
 else
  alert(messAlert);
 }

 
/****** Vérifier les valeurs des champs avant envoie et passage à l'étape suivante ******/
function checkInputFormFactLiv(){
 var messAlert='Impossible de valider le formulaire :';
 var compteurVerif=1;
 if(document.getElementById('passwordCompte')){
  if(document.getElementById('passwordCompte').value==''){
   messAlert=messAlert+'\nIl manque un mot de passe';
   compteurVerif--;
   }
  if(document.getElementById('passwordConfirmCompte').value==''){
   messAlert=messAlert+'\nIl manque la confirmation du mot de passe';
   compteurVerif--;
   }
  if(document.getElementById('passwordCompte').value!=document.getElementById('passwordConfirmCompte').value){
   messAlert=messAlert+'\nLe mot de passe et sa confirmation sont différents';
   compteurVerif--;
   }
  }
 if(document.getElementById('nomCompte').value==''){
  messAlert=messAlert+'\nIl manque votre nom';
  compteurVerif--;
  }
 if(document.getElementById('prenomCompte').value==''){
  messAlert=messAlert+'\nIl manque votre prénom';
  compteurVerif--;
  }
 if(document.getElementById('adresseCompte').value==''){
  messAlert=messAlert+'\nIl manque votre adresse';
  compteurVerif--;
  }
 if(document.getElementById('codepostalCompte').value==''){
  messAlert=messAlert+'\nIl manque votre code postal';
  compteurVerif--;
  }
 if(document.getElementById('villeCompte').value==''){
  messAlert=messAlert+'\nIl manque votre ville';
  compteurVerif--;
  }
 if(document.getElementById('telephoneprincipalCompte').value==''){
  messAlert=messAlert+'\nIl manque votre numéro de téléphone';
  compteurVerif--;
  }
 if(document.getElementById('cocheLivraisonCompte').checked == true){
  if(document.getElementById('nomLivraisonCompte').value==''){
   messAlert=messAlert+'\nIl manque un nom pour la livraison';
   compteurVerif--;
   }
  if(document.getElementById('prenomLivraisonCompte').value==''){
   messAlert=messAlert+'\nIl manque un prénom pour la livraison';
   compteurVerif--;
   }
  if(document.getElementById('adresseLivraisonCompte').value==''){
   messAlert=messAlert+'\nIl manque une adresse pour la livraison';
   compteurVerif--;
   }
  if(document.getElementById('codepostalLivraisonCompte').value==''){
   messAlert=messAlert+'\nIl manque un code postal pour la livraison';
   compteurVerif--;
   }
  if(document.getElementById('villeLivraisonCompte').value==''){
   messAlert=messAlert+'\nIl manque une ville pour la livraison';
   compteurVerif--;
   }
  if(document.getElementById('telephonePrincipalLivraisonCompte').value==''){
   messAlert=messAlert+'\nIl manque un numéro de téléphone pour la livraison';
   compteurVerif--;
   }
  if((document.getElementById('cadeauCompteOui').checked==false)&&(document.getElementById('cadeauCompteNon').checked==false)){
   messAlert=messAlert+'\nVeuillez indiquer si c\'est pour offrir';
   compteurVerif--;
   }
  }
 if(compteurVerif==1)
  document.getElementById('FormCompte').submit();
 else
  alert(messAlert);
 }

/****** Afficher ou cacher le tableau de livraison ******/
function showHiddeTab(){
 if(document.getElementById('cocheLivraisonCompte').checked == true)
  document.getElementById('TabLivraisonCompte').style.display="";
 else
  document.getElementById('TabLivraisonCompte').style.display="none";
 }

/****** Retourner par la methode POST les valeurs précédemment entrée ******/
function sendHiddenForm(idLocation){
 location.href=idLocation;
 }

/****** Bookmarked site in navigator ******/
function BookMarked() {
 if(navigator.appName != 'Microsoft Internet Explorer' ){
  window.sidebar.addPanel("Ptitfilou.com, articles de puériculture de fabrication artisanale","http://www.ptitfilou.com/","");
  }
 else{
  window.external.AddFavorite("http://www.ptitfilou.com/","Ptitfilou.com, articles de puériculture de fabrication artisanale");
  }
 }

/****** Lors du click n'importe ou sur l'écran, effacement des menus déroulant verticaux ******/
document.onclick = Cache_SMenu;
window.onresize = refresh;