// Auteur Tatiana MOTTE
 var opts =
  // horizontal Dock with images expanding downwards in the vertical axis...
	  { align: 'top'
	  // set the maximum minor axis (vertical) image dimension to 48px
	  , size: 120
	  , distance: 120
	  ,duration : 150
	  // add labels..
	  , labels: true
	  };
	   var opts2 =
  // horizontal Dock with images expanding downwards in the vertical axis...
	  { align: 'top'
	  // set the maximum minor axis (vertical) image dimension 
	  , size: 80
	  
	  , distance: 160
	  // add labels..
	  , labels: true
	  };
 	 	jQuery(document).ready(function()
 	 	{	
  			jQuery('#menu2').jqDock(opts);
		});
		jQuery(document).ready(function()
 	 	{	
  			jQuery('#menu3').jqDock(opts2);
		});
		
	    $(document).ready(function()
	    { 
	        $('#page_sans_js').hide();//si js est activé
	        $('#page').show();
	    });
var cmpLigne=1;
// fonction pre-chargement de l'image
function Precharge_Img()
{
var doc=document;
if(doc.images){ if(!doc.precharg) doc.precharg=new Array();
var i,j=doc.precharg.length,x=Precharge_Img.arguments; for(i=0; i<x.length; i++)
if (x[i].indexOf("#")!=0){ doc.precharg[j]=new Image; doc.precharg[j++].src=x[i];}}
}

// fonction de changement de l'image quand on appuie dessus
function Img_Enf(nom_Img, id_Img)
{

	document.getElementById(id_Img).src = "image/"+nom_Img+"_enf.png";
}
// fonction de changement de l'image quand on relache la souris 
function Img(nom_Img,id_Img)
{
	
	document.getElementById(id_Img).src = "image/"+nom_Img+".png";
}
//teste si le champ à été saisi
function testChampOblig(id_nomCham)
{
	var Champ = document.getElementById(id_nomCham);
	var span=document.getElementById("sp_"+id_nomCham);
	//alert (Champ.value +':'+ Champ.style.border);
	if(Champ.value=="")
	{
		Champ.style.border="1px solid red";
		span.innerHTML = "* Champ obligatoire";	
		return false;
	}
	else
	{
		Champ.style.border =  "1px solid #6d6662";
		span.innerHTML = "*";
		return true;
	}
}

// fonction de test les champs obligatoires mettre les id des champs dans les paramètres ex: testTouteChampOblig('id','nom','mail')
function testTouteChampOblig()
{
	test=true;
	 for(i = 0; i < arguments.length; i++)     // Pour chaque argument
    {
		var Champ = document.getElementById(arguments[i]);
		var span=document.getElementById("sp_"+arguments[i]);
		//alert (Champ.value +':'+ Champ.style.border);
		//alert (arguments[i]+" = "+Champ.value);
		if(Champ.value=="")
		{
			Champ.style.border="1px solid red";
			span.innerHTML = "* Champ obligatoire";	
			test = false;
		}
		else
		{
			Champ.style.border =  "1px solid #6d6662";
			span.innerHTML = "*";
		}
	}
	if (!test)
	{
		alert ("S'il vous plait veuillez compléter tous les champs précédés d'une *.");
	}
	return test;
}

//teste si le mail est saisi et valide
function testValidEmailOblig(id_Email)
{
	if (testChampOblig(id_Email))
	{
		 testValidEmail(id_Email);
		 return true;
	}
	else
	{
		return false;
	}
  
}

//teste la validité du mail
function testValidEmail(id_Email)
{
	 validRegExp = /^[^@]+@[^@]+.[a-z]{2,}$/i;
		  var ChampMail=document.getElementById(id_Email);
		  var strEmail = ChampMail.value;
		  var span=document.getElementById("sp_"+id_Email);
			if (strEmail!="")
			{
				// search email text for regular exp matches
			    if (strEmail.search(validRegExp) == -1) 
			   {
			   		ChampMail.style.border="1px solid red";
					span.innerHTML = "* Adresse mail non valide";	
			      	return false;
			    } 
			    else
			    {
			    	ChampMail.style.border =  "1px solid #6d6662";
					span.innerHTML = "*";
					return true; 
			    }
				
			}
			else
			return true;
		   
}
//  validité des formulaires
function valideFormInfos(id_Nom,id_mail)
{
	//alert (id_Nom+"/"+id_mail);
	if (testChampOblig(id_Nom)&& testValidEmailOblig(id_mail)) 
	{
			return true;
	}
	else
	{
		return false;
	}
	
}

function valideFormCommande(id_Nom,id_Mat,id_Type)
{
	//alert (id_Nom+"/"+id_mail);
	if (testChampOblig(id_Nom)&& testChampOblig(id_Mat) && testChampOblig(id_Type)) 
	{
			return true;
	}
	else
	{
		return false;
	}
	
}
//efface ttes les champs d'un formulaire
function effacer(formulaire)
{
	for (var i=0; i<formulaire.length; i++)
	{
		if (formulaire.elements[i].type=="radio" || formulaire.elements[i].type=="checkbox") 
			{formulaire.elements[i].checked=false;}
		else if (formulaire.elements[i].type=="select-one") 
			{formulaire.elements[i].options[0].selected=true;}
		else if (!(formulaire.elements[i].type=='reset' || formulaire.elements[i].type=='submit' || formulaire.elements[i].type=='button')) 
			{formulaire.elements[i].value="";}
	}
}
//ajoute une ligne dans le formulaire relevé de compteur
function Ajouter_Ligne(matable)
{
	cmpLigne++;
	
	var newLigne = document.getElementById(matable).insertRow(-1);
	
	var newCell = newLigne.insertCell(0);
	
	newCell.innerHTML = '<input name="type_'+cmpLigne+'" id="type_'+cmpLigne+'" style="max-width:150px" type="text" value = "" >';
	
	newCell = newLigne.insertCell(1);
	
	newCell.innerHTML = '<input name="service_'+cmpLigne+'"   id="service_'+cmpLigne+'" style="max-width:150px" type="text" value = "" >';
	newCell = newLigne.insertCell(2);
	
	newCell.innerHTML = '<input name="cmpt_noir_'+cmpLigne+'"   id="cmpt_noir_'+cmpLigne+'" style="max-width:150px" type="text" value = "" >';
	newCell = newLigne.insertCell(3);
	
	newCell.innerHTML = '<input name="cmpt_couleur_'+cmpLigne+'""   id="cmpt_couleur_'+cmpLigne+'" style="max-width:150px" type="text" value = "" >';
	
	/*newCell = newLigne.insertCell(4);
	
	newCell.innerHTML = '<td valign="bottom"><button class="submit" type="button" onclick="Ajouter_Ligne(\'table_cmpt\')" title="ajouter une ligne">+</button></td>';
	*/
}

/*
 * Fonction qui affiche un message de confirmation
 * idDiv l'id de div à rendre visible 'ex' jauge
 */
function Confirme(idDiv,message)
	{ 
		document.getElementById(idDiv).style.visibility="visible";
		if (confirm(message)) 
		{
			
		 	return true;
		}
		else 
		{
			document.getElementById(idDiv).style.visibility="hidden";
			return false;
		
		}
	}	
	

/*

* Fonction utilisé dans la méthode AJAX
* 
* */
//--------------------------------------------------------------------------------------------*/
function getxhr()
{
  if(window.XMLHttpRequest)
  var xhr=new XMLHttpRequest();
  else if(window.ActiveXObject)
  {
    try
    {
      xhr=new ActiveXObject("Msxml2.XMLHTTP");
    }
    catch (e)
    {
      xhr=new ActiveXObject("Microsoft.XMLHTTP");
    }
  }
  return xhr;
}
// fonction ajax qui recupère le format du document à partir du type de formulaire saisi
function GetFormRepro()
{
	var a=getxhr();
	var imgload=document.getElementById('ajaxload');
	imgload.style.visibility="visible";
	var id_type=document.getElementById('type').value;
	a.open("GET","scripts/get_form_repro.php?type="+id_type,true);
 	a.onreadystatechange = function()
    { 
         if(a.readyState  == 4)
         {
              if(a.status  == 200)	
			  {	
			  	var rep = a.responseText;	  
                if (rep=="-1") 
				{
					//document.getElementById('message').innerHTML="erreur de recherche"
			
				}
				else
				{
					var tabPropr = rep.split(":");
					document.getElementById('select_format').innerHTML=tabPropr[0];
					document.getElementById('select_papier').innerHTML=tabPropr[1];
					if (document.getElementById('type').value=='Affiche N/B')
					{
						document.getElementById('select_couleur').innerHTML='<select name="couleur" id="couleur" class="tableSelect" ><option value="N_B">N/B</option></select>';
					}
					else
					{
						document.getElementById('select_couleur').innerHTML='<select name="couleur" id="couleur" class="tableSelect" ><option value="">--Choisir--</option><option value="couleur">Couleur</option><option value="N_B">N/B</option></select>';
					}
				}
					
	           }
         }
    };
	a.send(null);
	imgload.style.visibility="hidden";
	
}
// fonction ajax qui recupère les dimention d'un document correspondants au  format (ex. format A4, largeur=210, hauteur =297 )
function GetFormat()
{
	var a=getxhr();
	var imgload=document.getElementById('ajaxload');
	imgload.style.visibility="visible";
	var id_format=document.getElementById('format').value;
	a.open("GET","scripts/get_format.php?format="+id_format,true);
 	a.onreadystatechange = function()
    { 
         if(a.readyState  == 4)
         {
              if(a.status  == 200)	
			  {	
				  	var rep = a.responseText;	  
	                if (rep=="-1") 
					{
						//document.getElementById('message').innerHTML="erreur de recherche"
				
					}
					else
					{
						var tabPropr = rep.split(":");
						document.getElementById('largeur').value=tabPropr[0];
						document.getElementById('hauteur').value=tabPropr[1];
					}
					
	           }
         }
    };
	a.send(null);
	imgload.style.visibility="hidden";
}

//verifie la saisie de la largeur pour la demande de devis
function VerifLargeur()
{
	var Larg = document.getElementById('largeur');
	var span=document.getElementById("sp_largeur");
	//alert (Champ.value +':'+ Champ.style.border);
	if(Larg.value>1600)
	{
		Larg.style.border="1px solid red";
		span.innerHTML = "maximum 1600mm";	
		return false;
	}
	else
	{
		Larg.style.border =  "1px solid #6d6662";
		span.innerHTML = "";
		return true;
	}
}
// Fonction qui affiche un div a partir de clique de la selectbox
// idSelect = id de la selectbox, idDiv id de div à afficher, vals les valeurs de selectbox à comparer
function AfficheDiv(idSelect,idDiv,vals)
{ 
	var bTest = false;
	var select= document.getElementById(idSelect);
	var div = document.getElementById(idDiv);
	 for(i = 2; i < arguments.length; i++)  //on parcours le tableau des arguments passés à la fonction (à partir le 3ème) et on compare avec la valeur de selectbox
	 {
	 	//alert(arguments[i]);
	 	if(select.value==arguments[i])
	 	{
	 		bTest=true;
	 	}
	 	
	 } 
	 if (bTest)
	 {
	 	div.style.visibility="visible";
	 }
	 else
	 {
	 	div.style.visibility="hidden";
	 }
}
//Fonction qui affiche la div de façon "la dérouler " idBout id du bouton "Afficher"
function AfficheDivDeroule(idDiv,idBout)
{ 
	var bouton= document.getElementById(idBout);
	var div = document.getElementById(idDiv);
	 if (div.style.display=="none")
	 {
	 	div.style.display="block";
	 	//bouton.innerHTML="-";
	 	bouton.title = "Cacher le formulaire"
	 	
	 }
	 else
	 {
	 	div.style.display="none";
	 	//bouton.innerHTML="+";
	 	bouton.title="Afficher le formulaire"
	 }
}

//verifi esi le checkbox a été coché
	  function VerifCoche(idCoche)
{
	  var ChampCoche=document.getElementById(idCoche);
	  var span=document.getElementById("sp_"+idCoche);
	  if (ChampCoche.checked == true)
	  {
	  	span.innerHTML = "";
	  	return true;
	  	
	  }
	  else
	  {
	  	span.innerHTML = "Vous";
		span.style.color = "red";	
		return false;
	  }
	  
	
}

// Fonction qui affiche un div a partir de selection d'une checkbox
// idCheckBox = id de la checkbox, idDiv id de div à afficher
function AfficheDivCheck(idCheckBox,idDiv)
{ 
	var bTest = false;
	var check= document.getElementById(idCheckBox);
	var div = document.getElementById(idDiv);
	 
	 if (check.checked==true)
	 {
	 	div.style.display="block";;
	 }
	 else if(check.checked==false)
	 {
	 	div.style.display="none";
	 }
}

//function qui permet choisir qu'un seul chackbox des deux Mettre en idCheck1 le checkbox qui est séléctionné
function SelectCheck(idCheck1, idCheck2)
{
	check1=document.getElementById(idCheck1);
	check2=document.getElementById(idCheck2);
	 if (check1.checked==true)
	 {
	 	check2.checked=false;
	 }
}