// JavaScript Document
var ResultatAjax;
var ModeAjax = false;
var IndImag = 0;
var Timer = 0;
var Hscreen = screen.availHeight;
var CompteurImages = 0;
var NbCommunImages = 2;
var NbFilmImages = 13;
var NbTotalImages = NbCommunImages + NbFilmImages;
var TabCommunImages = new Array(NbCommunImages);
var TabFilmImages = new Array(NbFilmImages);

var NbBandeCouleurs = 7;
var CompteurBande = 0;
var BandeCouleurs = new Array(NbBandeCouleurs);

function BagroudAnimation(Color,BackGround,BorderColor,flag) {
															document.getElementById("Boite6").style.color = Color;
															document.getElementById("Boite6").style.backgroundColor = BackGround;
															document.getElementById("Boite6").style.border = "1px solid";
															document.getElementById("Boite6").style.borderColor = BorderColor;
															}
function Refcolor(Ref,colh) {
							   document.getElementById("Ref1").innerHTML = Ref;
							   for(var i=0; i <= 8; i++) document.getElementById("TdId"+i).style.background = colh;
							   document.getElementById("TableId").style.visibility = "visible";
									}
function SelectCouleurs(RefCouleur, Description, RefPantone) {
																document.getElementById("span1").innerHTML = RefCouleur;
																document.getElementById("span2").innerHTML = Description;
																document.getElementById("span3").innerHTML = RefPantone;
																document.getElementById("ImgCouleurs").src = "http://www.carreaux-zellige.com/Images/Couleurs2011/RefCouleurs/"+RefCouleur+".jpg";
																			}
function SelectCouleurs2(RefCouleur, Description, RefPantone) {
																var NExistePas = true;
																var Separateur = ",";
																var i = 0;
																while((i < CompteurBande) && (NExistePas=(BandeCouleurs[i] != RefCouleur))) i++;
																if(NExistePas) {
																				if(BandeCouleurs[6]== undefined) {
																													document.getElementById("ImgBande"+CompteurBande).src = "./Images/Couleurs2011/RefPetitesCouleurs/"+RefCouleur+".jpg";
																													document.getElementById("ColorBande"+CompteurBande).innerHTML = RefCouleur;
																													BandeCouleurs[CompteurBande] = RefCouleur;
																													if(CompteurBande == 0){ 
																																			document.getElementById("TextSupprimer").style.visibility = "visible";
																																			Separateur = "";
																																			}
																													var j = 0;
																													var Couleurs = "";
																													while(BandeCouleurs[j] != undefined) {
																																							if(j == 0) Couleurs = Couleurs+BandeCouleurs[j];
																																							else Couleurs = Couleurs+","+BandeCouleurs[j];
																																							j++;
																																							}
																													document.forms["OnLine"].elements["Echantillons"].value = Couleurs;
																													BandeCouleurs[CompteurBande] = RefCouleur;
																													var NbCol = 0;
																													if(CompteurBande < 6) { 
																																			CompteurBande++;
																																			NbCol = CompteurBande;
																																				}
																													else NbCol = CompteurBande + 1;
																													
																													var NbZellige = 0;
																													if(NbCol > 3) NbZellige = NbCol - 3;
																													
																													document.getElementById("NbCouleursChoisi").innerHTML = NbZellige;
																													document.getElementById("TotNbCouleursChoisi").innerHTML = NbZellige*1.5;
																													document.getElementById("TotalNbCouleursChoisi").innerHTML =  format(NbZellige*1.5 + 10.00,2,'.');
																													document.forms["OnLine"].elements["CoutTotal"].value = document.getElementById("TotalNbCouleursChoisi").innerHTML+" €";
																													}
																				else document.getElementById("Message").style.visibility = "visible";
																				}
																			}
function Supprimer(NumId) {
								if(BandeCouleurs[NumId] != undefined) {
																		for(var i = NumId; i < CompteurBande; i++) {
																														document.getElementById("ImgBande"+i).src = document.getElementById("ImgBande"+(i+1)).src;
																														document.getElementById("ColorBande"+i).innerHTML = document.getElementById("ColorBande"+(i+1)).innerHTML;
																														BandeCouleurs[i] = BandeCouleurs[i+1];
																													 	}
																		
																		document.getElementById("ImgBande"+CompteurBande).src = "http://www.carreaux-zellige.com/Images/Couleurs2011/Bande.jpg";
																		document.getElementById("ColorBande"+CompteurBande).innerHTML = "....";
																		BandeCouleurs[CompteurBande] = undefined;
																		
																		if((CompteurBande != 0) && (CompteurBande != 6)) CompteurBande--;
																		else if((CompteurBande == 6) && (BandeCouleurs[CompteurBande-1] == undefined)) CompteurBande--;

																		var j = 0;
																		var Couleurs = "";
																		while(BandeCouleurs[j] != undefined) {
																												if(j == 0) Couleurs = Couleurs+BandeCouleurs[j];
																												else Couleurs = Couleurs+","+BandeCouleurs[j];
																												j++;
																												}
																		
																		document.forms["OnLine"].elements["Echantillons"].value = Couleurs;
																		
																		var NbZellige = 0;
																		if(CompteurBande > 3) NbZellige = CompteurBande - 3;
																		
																		document.getElementById("NbCouleursChoisi").innerHTML = NbZellige;
																		document.getElementById("TotNbCouleursChoisi").innerHTML = NbZellige*1.5;
																		document.getElementById("TotalNbCouleursChoisi").innerHTML = format(NbZellige*1.5 + 10.00,2,'.');
																		document.forms["OnLine"].elements["CoutTotal"].value = document.getElementById("TotalNbCouleursChoisi").innerHTML+" €";
																			}
								}
function LesChoix() {
							var ToutEchantillons = document.forms["OnLine"].elements["Echantillons"].value;
							var Echantillons = ToutEchantillons.split(",");
							var lg = Echantillons.length;
							if(ToutEchantillons != ""){
										CompteurBande = lg;
										for(var i = 0; i < CompteurBande; i++) {
															document.getElementById("ImgBande"+i).src = "http://www.carreaux-zellige.com/Images/Couleurs2011/RefPetitesCouleurs/"+Echantillons[i]+".jpg";
															document.getElementById("ColorBande"+i).innerHTML = Echantillons[i];
															BandeCouleurs[i] = Echantillons[i];
															}
										var NbZellige = 0;
										if(CompteurBande > 3) NbZellige = CompteurBande - 3;

										document.getElementById("NbCouleursChoisi").innerHTML = NbZellige;
										document.getElementById("TotNbCouleursChoisi").innerHTML = NbZellige*1.5;
										document.getElementById("TotalNbCouleursChoisi").innerHTML = document.forms["OnLine"].elements["CoutTotal"].value;
										if(CompteurBande == 7) CompteurBande = 6;
										}
							}
							
function format(valeur,decimal,separateur) {

	var deci=Math.round( Math.pow(10,decimal)*(Math.abs(valeur)-Math.floor(Math.abs(valeur)))) ; 
	var val=Math.floor(Math.abs(valeur));
	if ((decimal==0)||(deci==Math.pow(10,decimal))) {val=Math.floor(Math.abs(valeur)); deci=0;}
	var val_format=val+"";
	var nb=val_format.length;
	for (var i=1;i<4;i++) {
							if (val>=Math.pow(10,(3*i))) {
															val_format=val_format.substring(0,nb-(3*i))+separateur+val_format.substring(nb-(3*i));
															}
							}
	if (decimal>0) {
						var decim=""; 
						for (var j=0;j<(decimal-deci.toString().length);j++) {decim+="0";}
						deci=decim+deci.toString();
						val_format=val_format+"."+deci;
						}
	if (parseFloat(valeur)<0) {
								val_format="-"+val_format;
								}
	return val_format;
}

var flashlinks=new Array()

function changelinkcolor(){
for (i=0; i< flashlinks.length; i++){
var flashtype=document.getElementById? flashlinks[i].getAttribute("flashtype")*1 : flashlinks[i].flashtype*1
var flashcolor=document.getElementById? flashlinks[i].getAttribute("flashcolor") : flashlinks[i].flashcolor
if (flashtype==0){
if (flashlinks[i].style.color!=flashcolor)
flashlinks[i].style.color=flashcolor
else
flashlinks[i].style.color='#515151'
}
else if (flashtype==1){
if (flashlinks[i].style.backgroundColor!=flashcolor)
flashlinks[i].style.backgroundColor=flashcolor
else
flashlinks[i].style.backgroundColor=''
}
}
}

function init(){
var i=0
if (document.all){
while (eval("document.all.flashlink"+i)!=null){
flashlinks[i]= eval("document.all.flashlink"+i)
i++
} 
}
else if (document.getElementById){
while (document.getElementById("flashlink"+i)!=null){
flashlinks[i]= document.getElementById("flashlink"+i)
i++
}
}
setInterval("changelinkcolor()", 1000)
}

if (window.addEventListener)
window.addEventListener("load", init, false)
else if (window.attachEvent)
window.attachEvent("onload", init)
else if (document.all)
window.onload=init
function Contorle(name){
						
						var rt = true;
						
						if(name == "OnLine"){
													var NomPrenom = trim(document.forms[name].elements["NomPrenom"].value);
													var Adresse = trim(document.forms[name].elements["Adresse"].value);
													var CP = trim(document.forms[name].elements["CP"].value);
													var Ville = trim(document.forms[name].elements["Ville"].value);
													var Pays = trim(document.forms[name].elements["Pays"].value);
													var Telephone = trim(document.forms[name].elements["Telephone"].value);
													var Email = trim(document.forms[name].elements["Email"].value);
													var Questions = trim(document.forms[name].elements["Questions"].value);
													
													var bool = (vide(NomPrenom))||!Commenceparlettre(NomPrenom);
													bool = bool||(vide(Adresse))||(vide(CP))||(vide(Ville))||(vide(Telephone));
													bool = bool||(vide(Pays))||!Commenceparlettre(Pays);
													//bool = bool||!EntierPositive(Telephone);
													bool = bool||(vide(Email))||(!checkEmail(Email));
													
													if(bool) {
																alert("Please verify the information required *.");
																rt = false;
																}
													}
						return rt;
						}
function vide(Var){
						if(Var == "") return true;
						else return false;
						}
function Commenceparlettre(Var){
						var char = Var.charAt(0);
						var code = Var.charCodeAt(0);
						var boo = ((code >= 97)&&(code <= 122))||((code >= 65)&&(code <= 90));
						if(isNaN(char) && boo) return true;
						else return false;
						}
function EntierPositive(nbr){
									var nb = Math.floor(nbr);
									return ((nb == nbr)&&(nbr>0));
									}
function trim(str) {
    return str.replace(/^\s+/, '').replace(/\s+$/, '');
}
function checkEmail(email) { // vérif validité email par REGEXP
   var reg = /^[a-z0-9._-]+@[a-z0-9.-]{2,}[.][a-z]{2,63}$/i
   return (reg.exec(email)!=null)
}
function  Contact2(form) {
							/*var CheCked  = form.elements["OuiNon"].checked;
							if(CheCked) {
											var ONSubmit = Contorle(form.name);
											if(ONSubmit == true) {
																	form.action = "./Couleurs.php";
																	form.submit();
																		}
											else form.elements["OuiNon"].checked = false;
										 }
							else form.action = "./TraitementMail.php";*/
							
							var CheCked  = form.elements["OuiNon"].checked;
							if(CheCked) {
											form.action = "./Couleurs.php";
											//form.elements["OuiNon"].checked = false;
											form.submit();
										 	}
							else form.action = "./TraitementMail.php";							
							}
function  Contact3(form) {
							/*var CheCked  = form.elements["OuiNon"].checked;
							if(CheCked) {
											var ONSubmit = Contorle(form.name);
											if(ONSubmit == true) {
																	form.action = "./Couleurs.php";
																	form.submit();
																		}
											else form.elements["OuiNon"].checked = false;
										 }
							else form.action = "./TraitementMail.php";*/
							
							var CheCked  = form.elements["OuiNon"].checked;
							if(CheCked) {
											form.action = "./Contact.php";
											//form.elements["OuiNon"].checked = false;
											form.submit();
										 	}
							else form.action = "./TraitementMail.php";							
							}	
function get_page_photos(event,page){
										if (event.preventDefault) {   event.preventDefault(); } 
										event.returnValue = false;
										document.forms["PhotosPages"].elements["page"].value =  page;
										document.forms["PhotosPages"].submit();
											}							
function popupinfo(adresse,image){
	document.getElementById('showroominfo').style.display = 'block';
	document.getElementById('titelinfo').innerHTML= adresse;
	document.getElementById('contenuinfo').src= image;
}												
function lookmenu(idx){
var lk = new Array('a','c','f','g')// id des liens.
for(var i=0; i<lk.length; ++i)
document.getElementById(lk[i]).className = 'type'+lk[i]; // tous les liens en class "originale".
document.getElementById(idx).className = 'clike'+idx; // lien cliqué en class "cliqué"
}
function looksmenu2(idx){
var lk = new Array('i','j')// id des liens.
for(var i=0; i<lk.length; ++i)
document.getElementById(lk[i]).className = 'type'+lk[i]; // tous les liens en class "originale".
document.getElementById(idx).className = 'clike'+idx; // lien cliqué en class "cliqué"
}
function looksmenu3(idx){
var lk = new Array('k','l','m')// id des liens.
for(var i=0; i<lk.length; ++i)
document.getElementById(lk[i]).className = 'type'+lk[i]; // tous les liens en class "originale".
document.getElementById(idx).className = 'clike'+idx; // lien cliqué en class "cliqué"
}
function looksmenu4(idx){
var lk = new Array('m','n','o')// id des liens.
for(var i=0; i<lk.length; ++i)
document.getElementById(lk[i]).className = 'type'+lk[i]; // tous les liens en class "originale".
document.getElementById(idx).className = 'clike'+idx; // lien cliqué en class "cliqué"
}
function afficher_aide(aide) {
if (aide.style.display == "none") aide.style.display = "block";
//else aide.style.display = "none";
}