// JavaScript Document
// Yves Hausermann sy2@sy2.ch 2009-2010
// fonctions Ajax de gestion du site www.vistawell.ch
// version 0.8
// 



//
var xmlhttp;

function afficheShop(st,langue)
{
// 
// Affiche les rubriques principales dans colonne de droite qui prend toute la largeur (2 cols)
//
xmlhttp=GetXmlHttpObject();
if (xmlhttp==null)
  {
  alert ("Browser does not support HTTP Request");
  return;
  }
var str="";
if (st==1){
	str="?start=TRUE";
}else{
	str="?start=FALSE";
}
if (langue==0){
	str+="&langue=f";
}
if (langue==1){
	str+="&langue=d";
}	
if (langue==2){
	str+="&langue=e";
}
var url="affichePub010E.php";
url=url+str;
url=url+"&sid="+Math.random();
 //alert(url);
// xmlhttp.onreadystatechange=stateChanged;
document.getElementById("shopWindow").innerHTML="";
 xmlhttp.onreadystatechange = function() {
                if (xmlhttp.readyState == 4) {
                    stateChanged(str,xmlhttp.responseText);
                }
            }

//
xmlhttp.open("GET",url,true);
xmlhttp.send(null);
}

function stateChanged(str,responseMsg)
{
if (xmlhttp.readyState==4)
{
document.getElementById("shopWindowPerl").innerHTML=xmlhttp.responseText;
}
}

// //////////////////////////////////////////////////////////////////
// Affiche une page param dans colonne de droite
//

function afficherInfos(page)
{
xmlhttp=GetXmlHttpObject();
if (xmlhttp==null)
  {
  alert ("Browser does not support HTTP Request");
  return;
  }
		
var str="";
page=page+"?sid="+Math.random();
// alert(page);
// xmlhttp.onreadystatechange=stateChanged;
 xmlhttp.onreadystatechange = function() {
                if (xmlhttp.readyState == 4) {
                    stateChanged(str,xmlhttp.responseText);
                }
            }

//
xmlhttp.open("GET",page,true);
xmlhttp.send(null);
}

function stateChanged(str,responseMsg)
{
if (xmlhttp.readyState==4)
{
document.getElementById("shopWindowPerl").innerHTML=xmlhttp.responseText;
}
}


// //////////////////////////////////////////////////////////////////
// Affiche une page param pdf dans colonne de droite
//

function afficherPDF(page)
{
xmlhttp=GetXmlHttpObject();
if (xmlhttp==null)
  {
  alert ("Browser does not support HTTP Request");
  return;
  }
		
//var str="";
//page=page+"?sid="+Math.random();
  alert(page);
// xmlhttp.onreadystatechange=stateChanged;
 //xmlhttp.onreadystatechange = function() {
 //               if (xmlhttp.readyState == 4) {
 //                   stateChanged(str,xmlhttp.responseText);
 //               }
 //           }

//

xmlhttp.responseText.ClearHeaders();
xmlhttp.responseText.ContentType = "application/pdf";
xmlhttp.responseText.Clear();
xmlhttp.responseText.AppendHeader("Content-Disposition", "attachment;Filename=page");
xmlhttp.responseText.TransmitFile(outfile);
xmlhttp.responseText.End();



//xmlhttp.open("GET",page,true);
//xmlhttp.send(null);
}

function stateChanged(str,responseMsg)
{
if (xmlhttp.readyState==4)
{
document.getElementById("shopWindowPerl").innerHTML=xmlhttp.responseText;
}
}


/////////////////////////////////////////////////////////////////
// 
// Affiche une page php param dans colonne de droite
//
/////////////////////////////////////////////////////////////////

function infoTek(str)
{

xmlhttp2=GetXmlHttpObject();
if (xmlhttp2==null)
  {
  alert ("Browser does not support HTTP Request");
  return;
  }

var url=str;
 
// le num de secteur pourrait être au hasard dans la liste	
// url=url+"&sid="+Math.random(); 
// alert(url);
document.getElementById("shopWindowPerl").innerHTML="";
xmlhttp2.onreadystatechange=stateChangedCaddy;
xmlhttp2.open("GET",url,true);
xmlhttp2.send(null);
}

function stateChangedCaddy()
{
if (xmlhttp2.readyState==4)
{
document.getElementById("shopWindowLarge").innerHTML=xmlhttp2.responseText;
}
}

/////////////////////////////////////////////////////////////////
// 
// Affiche une pagehtml sans param dans colonne de droite
//
/////////////////////////////////////////////////////////////////

function afficheHTML(page)
{

xmlhttp2=GetXmlHttpObject();
if (xmlhttp2==null)
  {
  alert ("Browser does not support HTTP Request");
  return;
  }

var url=page;
 
// le num de secteur pourrait être au hasard dans la liste	
// url=url+"&sid="+Math.random(); 
// alert(url);
document.getElementById("shopWindowPerl").innerHTML="";
xmlhttp2.onreadystatechange=stateChangedCaddy;
xmlhttp2.open("GET",url,true);
xmlhttp2.send(null);
}

function stateChangedCaddy()
{
if (xmlhttp2.readyState==4)
{
document.getElementById("mainCentre").innerHTML=xmlhttp2.responseText;
}
}

/////////////////////////////////////////////////////////////
// 
// Affiche le contenu d'un sous-secteurs dans colonne de gauche
//
/////////////////////////////////////////////////////////////////

function afficheShop2(str)
{
xmlhttp2=GetXmlHttpObject();
if (xmlhttp2==null)
  {
  alert ("Browser does not support HTTP Request");
  return;
  }
var url="affichePub010bE.php";
url=url+str;
url=url+"&sid="+Math.random();
// alert(url);
xmlhttp2.onreadystatechange=stateChangedCaddy;
xmlhttp2.open("GET",url,true);
xmlhttp2.send(null);
}

function stateChangedCaddy()
{
if (xmlhttp2.readyState==4)
{
document.getElementById("shopWindow").innerHTML=xmlhttp2.responseText;
}
}

/////////////////////////////////////////////////////////////
// 
// Affiche le contenu d'un sous-secteurs dans colonne de gauche depuis un formulaire
//
/////////////////////////////////////////////////////////////////

function afficheRub(form)
{

xmlhttp2=GetXmlHttpObject();
if (xmlhttp2==null)
  {
  alert ("Browser does not support HTTP Request");
  return;
  }
  
  
var langue;
langue=form.langue.value;

var url="affichePub010dE.php";
url=url+"?&langue="+langue; 
// le num de secteur pourrait être au hasard dans la liste	
url=url+"&sid="+Math.random();
// alert(url);
xmlhttp2.onreadystatechange=stateChangedCaddy;
xmlhttp2.open("GET",url,true);
xmlhttp2.send(null);
}

function stateChangedCaddy()
{
if (xmlhttp2.readyState==4)
{
document.getElementById("shopWindow").innerHTML=xmlhttp2.responseText;
}
}


/////////////////////////////////////////////////////////////////
// afficheRub1 affiche collone gauche rub main
////////////////////////////////////////
function afficheRub1(langue)
{
xmlhttp2=GetXmlHttpObject();
if (xmlhttp2==null)
  {
  alert ("Browser does not support HTTP Request");
  return;
  }
  

var url="affichePub010dE.php";
url=url+"?&langue="+langue; 
// le num de secteur pourrait être au hasard dans la liste	
url=url+"&sid="+Math.random();
// alert(url);
xmlhttp2.onreadystatechange=stateChangedCaddy;
xmlhttp2.open("GET",url,true);
xmlhttp2.send(null);
}

function stateChangedCaddy()
{
if (xmlhttp2.readyState==4)
{
document.getElementById("shopWindow").innerHTML=xmlhttp2.responseText;
}
}

/////////////////////////////////////////////////////////////
// 
// Affiche les articles dans colonne de droite
//


function afficheShopPerl(str)
{
xmlhttp3=GetXmlHttpObject();
if (xmlhttp3==null)
  {
  alert ("Browser does not support HTTP Request");
  return;
  }
var url="../cgi-bin/new/affichePub010E.pl";
url=url+str;
url=url+"&sid="+Math.random();
// alert(url);
xmlhttp3.onreadystatechange=stateChangedPerl;
xmlhttp3.open("GET",url,true);
xmlhttp3.send(null);
}

function stateChangedPerl()
{
if (xmlhttp3.readyState==4)
{
document.getElementById("shopWindowPerl").innerHTML=xmlhttp3.responseText;
}
}

/////////////////////////////////////////////////////////////
// 
// Affiche la navigation de recherche
//


function afficheRechNavig(str)
{
xmlhttp3=GetXmlHttpObject();
if (xmlhttp3==null)
  {
  alert ("Browser does not support HTTP Request");
  return;
  }
var url="../cgi-bin/new/searchEurope010E.pl";
url=url+str;
url=url+"&sid="+Math.random();
// alert(url);
xmlhttp3.onreadystatechange=stateChangedPerl;
xmlhttp3.open("GET",url,true);
xmlhttp3.send(null);
}

function stateChangedPerl()
{
if (xmlhttp3.readyState==4)
{
document.getElementById("shopWindowPerl").innerHTML=xmlhttp3.responseText;
}
}


/////////////////////////////////////////////////////////////
// 
// Affiche un article désigné
//


function afficheArticleDes(mot,langue)
{
xmlhttp3=GetXmlHttpObject();
if (xmlhttp3==null)
  {
  alert ("Browser does not support HTTP Request");
  return;
  }
var url="../cgi-bin/new/searchEurope010E.pl";
var str="?n="+mot+"&d=10&langue="+langue+"&l="+langue;
url=url+str;
url=url+"&sid="+Math.random();
// alert(url);
xmlhttp3.onreadystatechange=stateChangedPerl;
xmlhttp3.open("GET",url,true);
xmlhttp3.send(null);
}

function stateChangedPerl()
{
if (xmlhttp3.readyState==4)
{
document.getElementById("shopWindowPerl").innerHTML=xmlhttp3.responseText;
}
}


/////////////////////////////////////////////////////////////
// 
// Affiche les rub main dans colonne de gauche et les articles dans celle de droite
//
/////////////////////////////////////////////////////////////////

function afficheShopPerlDouble(rub,art){

	// alert(rub);
	// alert(art);
	afficheShop2(rub);
	afficheShopPerl(art);
}

/////////////////////////////////////////////////////////////
// 
// Affiche les rub main dans colonne de gauche et les articles par param direct dans c droite
//
/////////////////////////////////////////////////////////////////

function afficheShopDirect(rub,art){
	// alert("afficheShopDirect");
	// alert(rub);
	// alert(art);
	afficheShop2(rub);
	afficheRechNavig(art);

}


// Affiche le resultat de recherche dans colonne de droite
//

function ajaxform(recherche)
{

xmlhttp=GetXmlHttpObject();
if (xmlhttp==null)
  {
  alert ("Browser does not support HTTP Request");
  return;
  }

var mot,langue,depart;
mot=recherche.n.value;
langue=recherche.langue.value;
depart=recherche.d.value;

var url="../cgi-bin/new/searchEurope010E.pl";
url=url+"?d="+depart+"&l="+langue+"&n="+mot;	
// alert(url);	
xmlhttp.onreadystatechange=stateChangedForm;
xmlhttp.open("GET",url,true);
xmlhttp.send(null);
// return false;
}

function stateChangedForm()
{
   if ((xmlhttp.readyState == 4) && (xmlhttp.status == 200))
{
document.getElementById("shopWindowPerl").innerHTML=xmlhttp.responseText;
}


}


/////////////////////////////////////////////////////////////
	// affiche des rubriques dans col gauche et la recherche dans celle de droite par formulaire
/////////////////////////////////////////////////////////////////

function afficheRubRech(recherche){

	afficheRub(recherche);
	ajaxform(recherche);
	return false;
}


/////////////////////////////////////////////////////////////
	// affiche des rubriques dans col gauche un article désigné dans celle de droite par param url
/////////////////////////////////////////////////////////////////

function afficheRubArt(article,langue){

	afficheRub1(langue);
	afficheArticleDes(article,langue);
}



/////////////////////////////////////////////////////////////
// affiche les rubriques principales dans col gauche et les nouveauté dans celle de droite
/////////////////////////////////////////////////////////////////
function nouveauArticle(nart,langue){
//alert(nart);
	//afficheRub1(langue);
	afficheShop2(nart);
	afficheShopPerl(nart);
}

/////////////////////////////////////////////////////////////////
	// ajoute un art. dans le panier
/////////////////////////////////////////////////////////////////

function acheterArticle(articleInfo)
{

xmlhttp=GetXmlHttpObject();
if (xmlhttp==null)
  {
  alert ("Browser does not support HTTP Request");
  return;
  }

var numArt,groupe,cleArt,qte;
numArt=articleInfo.num_art.value;
groupe=articleInfo.groupe.value;
cleArt=articleInfo.cleArt.value;
qte=articleInfo.qte.value;
langue=articleInfo.langue.value;
// attention couleur est aussi le champs pour taille etc.
couleur=articleInfo.couleur.value;

taille=articleInfo.taille.value;
couleur=couleur+taille;
var url="../cgi-bin/new/caddieEurope010.pl";
url=url+"?num_art="+numArt+"&groupe="+groupe+"&cleArt="+cleArt+"&qte="+qte+"&langue="+langue+"&couleur="+couleur;	
// alert(url);	
xmlhttp.onreadystatechange=stateChangedForm;
xmlhttp.open("GET",url,true);
xmlhttp.send(null);
return false;
}

function stateChangedForm()
{
   if ((xmlhttp.readyState == 4) && (xmlhttp.status == 200))
{
document.getElementById("shopWindowPerl").innerHTML=xmlhttp.responseText;
}


}


/////////////////////////////////////////////////////////////////
	// affiche le panier dans col de droite qui prend toute la largeur
/////////////////////////////////////////////////////////////////

function afficheCaisse(str)
{
xmlhttp3=GetXmlHttpObject();
if (xmlhttp3==null)
  {
  alert ("Browser does not support HTTP Request");
  return;
  }
var url="../cgi-bin/new/caisse010E.pl";
url=url+str;
url=url+"&sid="+Math.random();
//  alert(url);
xmlhttp3.onreadystatechange=stateChangedPerl;
xmlhttp3.open("GET",url,true);
document.getElementById("shopWindow").innerHTML="";
xmlhttp3.send(null);
}

function stateChangedPerl()
{
if (xmlhttp3.readyState==4)
{
document.getElementById("shopWindowLarge").innerHTML=xmlhttp3.responseText;
}
}


/////////////////////////////////////////////////////////////////
	// annule une commande dans col de droite qui prend toute la largeur
/////////////////////////////////////////////////////////////////

function annulerCommande(langue)
{
xmlhttp3=GetXmlHttpObject();
if (xmlhttp3==null)
  {
  alert ("Browser does not support HTTP Request");
  return;
  }
var url="../cgi-bin/new/annuler010E.pl";
url=url+"?langue="+langue;
url=url+"&sid="+Math.random();
// alert(url);
xmlhttp3.onreadystatechange=stateChangedPerl;
xmlhttp3.open("GET",url,true);
document.getElementById("shopWindow").innerHTML="";
xmlhttp3.send(null);
}

function stateChangedPerl()
{
if (xmlhttp3.readyState==4)
{
document.getElementById("shopWindowLarge").innerHTML=xmlhttp3.responseText;
}
}

/////////////////////////////////////////////////////////////////
	// affiche le la confimation de commande 
/////////////////////////////////////////////////////////////////

function afficheComConf(str)
{
xmlhttp3=GetXmlHttpObject();
if (xmlhttp3==null)
  {
  alert ("Browser does not support HTTP Request");
  return;
  }
var url="../cgi-bin/new/commander010E.pl";
url=url+str;
url=url+"&sid="+Math.random();
// alert(url);
xmlhttp3.onreadystatechange=stateChangedPerl;
xmlhttp3.open("GET",url,true);
document.getElementById("shopWindow").innerHTML="";
xmlhttp3.send(null);
}

function stateChangedPerl()
{
if (xmlhttp3.readyState==4)
{
document.getElementById("shopWindowLarge").innerHTML=xmlhttp3.responseText;
}
}


/////////////////////////////////////////////////////////////////
	//  mofifie et affiche le panier dans col de droite qui prend toute la largeur
/////////////////////////////////////////////////////////////////


function modifierCaisse(numero)
{
xmlhttp3=GetXmlHttpObject();
if (xmlhttp3==null)
  {
  alert ("Browser does not support HTTP Request");
  return;
  }
var url="../cgi-bin/new/caisse010E.pl";
var strInfo = document.getElementById(numero);
var langueInfo = document.getElementById("langue");
var langue=langueInfo.value;
var qte =strInfo.value;
url=url+"?t="+numero+"&qte="+qte+"&langue="+langue;
url=url+"&sid="+Math.random();
// alert(url);
xmlhttp3.onreadystatechange=stateChangedPerl;
xmlhttp3.open("GET",url,true);
document.getElementById("shopWindow").innerHTML="";
xmlhttp3.send(null);
}

function stateChangedPerl()
{
if (xmlhttp3.readyState==4)
{
document.getElementById("shopWindowPerl").innerHTML=xmlhttp3.responseText;
}
}

/////////////////////////////////////////////////////////////////
	//  supprime un art. du panier et affiche le panier dans col de droite qui prend toute la largeur
/////////////////////////////////////////////////////////////////


function killArticle(quand,langue)
{
xmlhttp3=GetXmlHttpObject();
if (xmlhttp3==null)
  {
  alert ("Browser does not support HTTP Request");
  return;
  }
var url="../cgi-bin/new/caisse010E.pl";
var c = 1;
url=url+"?c="+c+"&t="+quand+"&langue="+langue;
url=url+"&sid="+Math.random();
// alert(url);
xmlhttp3.onreadystatechange=stateChangedPerl;
xmlhttp3.open("GET",url,true);
document.getElementById("shopWindow").innerHTML="";
xmlhttp3.send(null);
}

function stateChangedPerl()
{
if (xmlhttp3.readyState==4)
{
document.getElementById("shopWindowPerl").innerHTML=xmlhttp3.responseText;
}
}






/////////////////////////////////////////////////////////////
// 
//
// fonction de service: NE PAS EFFACER!
//
//

function GetXmlHttpObject()
{
if (window.XMLHttpRequest)
  {
  // code for IE7+, Firefox, Chrome, Opera, Safari
  return new XMLHttpRequest();
  }
if (window.ActiveXObject)
  {
  // code for IE6, IE5
  return new ActiveXObject("Microsoft.XMLHTTP");
  }
return null;
}



/////////////////////////////////////////////////////////////////////
//
// pour blinder les entrees dans commande en francais
//
function checkCGV(){

valid=true;
if (document.resulturl.cgv.checked!= true && document.resulturl.cgvE.checked!= true) {
      alert("Cliquez sur Conditions Générales de Vente SVP / Click on general sales conditions, please");    
      valid = false;     
      } 
	
	if (!document.resulturl.modePaiement[0].checked && !document.resulturl.modePaiement[1].checked) {
      alert("Choisissez le mode paiement SVP! / Click on Payment options");        
	  valid = false;  
    } 
return valid;
}

function SendForm() {
    //return true;
    //Check that all required fields have something.//
    if (document.resulturl.nom.value==""||document.resulturl.prenom.value==""||document.resulturl.adr.value==""||document.resulturl.npa.value==""||document.resulturl.email.value==""||document.resulturl.phone.value=="" || document.resulturl.profession.value=="") {
     alert("Bitte alle mit * gezeichneten Felder ausfüllen / Veuillez remplir toutes les rubriques marquées par *");
     return false;
    } else {  
     
     if (document.resulturl.email.value.indexOf("@") == -1 || document.resulturl.email.value.indexOf(".") == -1) {
      alert("Bitte, richtig e-mail adresse / Veuillez rentrer une adresse E-mail valide, svp.");
      document.resulturl.email.value = "";
      document.resulturl.email.focus();
      return false;
     
      } 
	if (!document.resulturl.cgv.checked && !document.resulturl.cgvE.checked) {
      alert("Bitte, clicken Sie allgemeinen Verkaufsbedingungen / Click on general sales conditions");    
      return false;
     
      } 
	
	if (!document.resulturl.modePaiement[0].checked && !document.resulturl.modePaiement[1].checked) {
      alert("Bitte, clicken Sie Zahlungsmöglichkeiten / Click on Payment options");    
      return false;  
    } 

  }
 }
 
 function SendFormDE() {
    //return true;
    //Check that all required fields have something.//
     if (document.resulturl.nom.value==""||document.resulturl.prenom.value==""||document.resulturl.adr.value==""||document.resulturl.npa.value==""||document.resulturl.adr.value==""||document.resulturl.city.value==""||document.resulturl.email.value==""||document.resulturl.phone.value=="") {
     alert("Bitte alle mit * gezeichneten Felder ausfüllen / Veuillez remplir toutes les rubriques marquées par *");
     return false;
    } else {  
     
     if (document.resulturl.email.value.indexOf("@") == -1 || document.resulturl.email.value.indexOf(".") == -1) {
      alert("Bitte, richtig e-mail adresse / Veuillez rentrer une adresse E-mail valide, svp.");
      document.resulturl.email.value = "";
      document.resulturl.email.focus();
      return false;
     
      } 
	if (!document.resulturl.cgv.checked && !document.resulturl.cgvE.checked) {
      alert("Bitte, clicken Sie allgemeinen Verkaufsbedingungen / Click on general sales conditions");    
      return false;
     
      } 
	
	if (!document.resulturl.modePaiement[0].checked && !document.resulturl.modePaiement[1].checked) {
      alert("Bitte, clicken Sie Zahlungsmöglichkeiten / Click on Payment options");    
      return false;
     
      } 

     }
   }
 
  
   function CharChk(field) {
    var valid = true, RefString = "$%^*@\\", EmailString = "$%^\\";
    if (field.name != "email") {
     for (Count=0; Count < field.value.length; Count++) {
      TempChar = field.value.substring (Count, Count+1);
      if (RefString.indexOf (TempChar, 0)>=0) {
       valid = false;
      }
     }
    } else {
     for (Count=0; Count < field.value.length; Count++) {
      TempChar = field.value.substring (Count, Count+1);
      if (EmailString.indexOf (TempChar, 0)>=0) {
       valid = false;
      }
     }
    }
    return valid;
}
//////////////////////////////////////

// Formulaire de contact D

function verifFormD(formulaire)

{

if(formulaire.Nom.value == "") 

alert('Bitte alle mit * gezeichneten Felder ausfüllen !!');

if(formulaire.Prenom.value == "") 

alert('Bitte alle mit * gezeichneten Felder ausfüllen !!');

if(formulaire.Profession.value == "") 

alert('Bitte alle mit * gezeichneten Felder ausfüllen !!');

if(formulaire.Adresse.value == "") 

alert('Bitte alle mit * gezeichneten Felder ausfüllen !!');

if(formulaire.NPA.value == "") 

alert('Bitte alle mit * gezeichneten Felder ausfüllen !!');

if(formulaire.Localite.value == "") 

alert('Bitte alle mit * gezeichneten Felder ausfüllen !!');

if(formulaire.Telephone.value == "") 

alert('Bitte alle mit * gezeichneten Felder ausfüllen !!');

if(formulaire.email.value == "") 

alert('Bitte alle mit * gezeichneten Felder ausfüllen !!'); 

else

formulaire.submit(); 

}



////////////////////
// anglais



function verifFormE(formulaire)



{



if(formulaire.Nom.value == "") 



alert('enter your Name, please !!');



if(formulaire.Prenom.value == "") 



alert('enter your first name, please !!');



if(formulaire.Profession.value == "") 



alert('Enter your occupation, please !!');



if(formulaire.Adresse.value == "") 



alert('enter your street address, please !!');



if(formulaire.NPA.value == "") 



alert('enter ZIP code and City, please !!');



if(formulaire.Localite.value == "") 



alert('Enter your country, please !!');



if(formulaire.Telephone.value == "") 



alert('Enter your phone number, please !!');



if(formulaire.email.value == "") 



alert('enter your email, please !!'); 



else



formulaire.submit(); 



}

//
// francais

function verifFormF(formulaire)

{

if(formulaire.Nom.value == "") 

alert('Merci de remplir votre Nom !!');

if(formulaire.Prenom.value == "") 

alert('Merci de remplir votre Prénom !!');

if(formulaire.Profession.value == "") 

alert('Merci de remplir votre profession ou votre occupation !!');

if(formulaire.Adresse.value == "") 

alert('Merci de remplir votre rue !!');

if(formulaire.NPA.value == "") 

alert('Merci de remplir votre localité et votre numéro postal !!');

if(formulaire.Localite.value == "") 

alert('Merci de remplir votre pays !!');

if(formulaire.Telephone.value == "") 

alert('Merci de remplir votre Téléphone !!');

if(formulaire.email.value == "") 

alert('Merci de remplir votre e-mail !!'); 

else

formulaire.submit(); 

}


///////////////////////