<!--
var Modele = "T00";

var Etat = "";
var PFamille = "";
var PImage = 0;
var Actuel_Sens = "H";

var IdStock = 0;
var PReserve = 0;
var RPointeur1 = 1;
var RPointeur2 = 1;
var FReserve = new Array(20);
var NReserve = new Array(20);
var SReserve = new Array(20);
var ResultatAjax;
var ResultatAjaxActual;
var MaxReserve = 10;
var Liens = "";
var EtatFenetreReservoire = 1;

var Imageneutre = "neutre.png";

var Floraux1 = new Array();
Floraux1[0] = "10148.jpg";Floraux1[1] = "30004.jpg";Floraux1[2] = "10430.jpg";Floraux1[3] = Imageneutre;Floraux1[4] = Imageneutre;Floraux1[5] = "10508.jpg";Floraux1[6] ="10221.jpg";Floraux1[7] = "10168.jpg";Floraux1[8] = "10158.jpg";Floraux1[9] = "30020.jpg";Floraux1[10] = "10402.jpg";Floraux1[11] = Imageneutre;Floraux1[12] = Imageneutre;Floraux1[13] = "10150.jpg";Floraux1[14] ="10426.jpg";Floraux1[15] = "10392.jpg";  
var Floraux2 = new Array();
Floraux2[0] = Imageneutre;Floraux2[1] = "10216.jpg";Floraux2[2] = "10350.jpg";Floraux2[3] = "10322.jpg";Floraux2[4] = "10156.jpg";Floraux2[5] = "10340.jpg";Floraux2[6] = "10183.jpg";Floraux2[7] = Imageneutre;Floraux2[8] = Imageneutre;Floraux2[9] = "10157.jpg";Floraux2[10] = "10439.jpg";Floraux2[11] = Imageneutre;Floraux2[12] =Imageneutre;Floraux2[13] = Imageneutre;Floraux2[14] = Imageneutre;Floraux2[15] =Imageneutre;

var Anciens1 = new Array();
Anciens1[0] = "10281.jpg";Anciens1[1] = "10241.jpg";Anciens1[2] = "30019.jpg";Anciens1[3] = "10519.jpg";Anciens1[4] = "10357.jpg";Anciens1[5] = "10236.jpg";Anciens1[6] = "10237.jpg";Anciens1[7] = "10106.jpg";Anciens1[8] = "30005.jpg";Anciens1[9] = "10163.jpg";Anciens1[10] = "10244.jpg";Anciens1[11] = "10346.jpg";Anciens1[12] = Imageneutre;Anciens1[13] = "10395.jpg";Anciens1[14] = "10431.jpg";Anciens1[15] = "10502.jpg";
var Anciens2 = new Array();
Anciens2[0] = "10303.jpg";Anciens2[1] = "10219.jpg";Anciens2[2] = "10265.jpg";Anciens2[3] = "10307.jpg";Anciens2[4] = "10135.jpg";Anciens2[5] = "10215.jpg";Anciens2[6] = "10220.jpg";Anciens2[7] = "10180.jpg";Anciens2[8] = "10244.jpg";Anciens2[9] = "10324.jpg";Anciens2[10] = "30003.jpg";Anciens2[11] = "10159.jpg";Anciens2[12] = "10327.jpg";Anciens2[13] = "10258.jpg";Anciens2[14] = "10107.jpg";Anciens2[15] = "10347.jpg";

var Cubiques1 = new Array();
Cubiques1[0] = "10425.jpg";Cubiques1[1] = "10104.jpg";Cubiques1[2] = "10434.jpg";Cubiques1[3] = Imageneutre;Cubiques1[4] = "10414.jpg";Cubiques1[5] = "10185.jpg";Cubiques1[6] = "10194.jpg";Cubiques1[7] = "10382.jpg";Cubiques1[8] = Imageneutre;Cubiques1[9] = "10499.jpg";Cubiques1[10] = "10112.jpg";Cubiques1[11] = "10513.jpg";Cubiques1[12] = "10314.jpg";Cubiques1[13] = "10433.jpg";Cubiques1[14] ="30018.jpg";Cubiques1[15] = Imageneutre;
var Cubiques2 = new Array();
Cubiques2[0] = "10239.jpg";Cubiques2[1] = "10110.jpg";Cubiques2[2] = "10264.jpg";Cubiques2[3] =Imageneutre;Cubiques2[4] = Imageneutre;Cubiques2[5] = "10339.jpg";Cubiques2[6] = "10387.jpg";Cubiques2[7] = "10526.jpg";Cubiques2[8] = "10320.jpg";Cubiques2[9] = "30007.jpg";Cubiques2[10] = "10505.jpg";Cubiques2[11] = Imageneutre;Cubiques2[12] = Imageneutre;Cubiques2[13] = "10249.jpg";Cubiques2[14] ="10122.jpg";Cubiques2[15] = "10486.jpg";

var Modernes1 = new Array();
Modernes1[0] = "30000.jpg";Modernes1[1] = "10127.jpg";Modernes1[2] = "10143.jpg";Modernes1[3] = "10277.jpg";Modernes1[4] = "10131.jpg";Modernes1[5] = "10294.jpg";Modernes1[6] = "30009.jpg";Modernes1[7] = Imageneutre;Modernes1[8] = Imageneutre;Modernes1[9] = "10472.jpg";Modernes1[10] = "10516.jpg";Modernes1[11] ="30008.jpg";Modernes1[12] = "10100.jpg";Modernes1[13] = "10476.jpg";Modernes1[14] ="10475.jpg";Modernes1[15] = Imageneutre;
var Modernes2 = new Array();
Modernes2[0] = Imageneutre;Modernes2[1] = "10137.jpg";Modernes2[2] = "10242.jpg";Modernes2[3] = "10489.jpg";Modernes2[4] = "10413.jpg";Modernes2[5] = "10407.jpg";Modernes2[6] = "10288.jpg";Modernes2[7] = Imageneutre;Modernes2[8] = Imageneutre;Modernes2[9] = "10428.jpg";Modernes2[10] = "10353.jpg";Modernes2[11] = "10547.jpg";Modernes2[12] = "10454.jpg";Modernes2[13] = "10409.jpg";Modernes2[14] =Imageneutre;Modernes2[15] = Imageneutre;

var Bordures1 = new Array();
Bordures1[0] = "50501.jpg";Bordures1[1] = "30015.jpg";Bordures1[2] = "30016.jpg";Bordures1[3] ="50652.jpg";Bordures1[4] = "50501A.jpg";Bordures1[5] = "30015A.jpg";Bordures1[6] = "30016A.jpg";Bordures1[7] = "50652A.jpg";Bordures1[8] = "50576.jpg";Bordures1[9] = "50546.jpg";Bordures1[10] ="50572.jpg";Bordures1[11] = "50588.jpg";Bordures1[12] = "50576A.jpg";Bordures1[13] = "50546A.jpg";Bordures1[14] = "50572A.jpg";Bordures1[15] = "50588A.jpg";
var Bordures2 = new Array();
Bordures2[0] = "30017.jpg";Bordures2[1] ="50527.jpg";Bordures2[2] = "50531.jpg";Bordures2[3] = "50538.jpg";Bordures2[4] = "30017A.jpg";Bordures2[5] = "50527A.jpg";Bordures2[6] = "50531A.jpg";Bordures2[7] = "50538A.jpg";Bordures2[8] = "50558.jpg";Bordures2[9] = "50636.jpg";Bordures2[10] = "50631.jpg";Bordures2[11] = "50595.jpg";Bordures2[12] = "50558A.jpg";Bordures2[13] = "50636A.jpg";Bordures2[14] = "50631A.jpg";Bordures2[15] = "50595A.jpg";

var Newtiles = new Array();
Newtiles[0] = "30011.jpg"; Newtiles[1] = Imageneutre; Newtiles[2] = Imageneutre; Newtiles[3] = Imageneutre; Newtiles[4] = "30012.jpg"; Newtiles[5] = Imageneutre; Newtiles[6] = "30002.jpg";Newtiles[7] = Imageneutre; Newtiles[8] = "30013.jpg"; Newtiles[9] = Imageneutre;Newtiles[10] = "30001.jpg"; Newtiles[11] = Imageneutre; Newtiles[12] = "30014.jpg"; Newtiles[13] = Imageneutre; Newtiles[14] = "30006.jpg"; Newtiles[15] = Imageneutre;


var Unis = new Array();
var Description = new Array();

Unis[0] = "T01.jpg";Unis[1] ="T06.jpg";Unis[2] = "T24.jpg";Unis[3] = "T16.jpg";Unis[4] = "T10.jpg";Unis[5] = "T18.jpg";Unis[6] = "T26.jpg";Unis[7] = "T23.jpg";Unis[8] = "T19.jpg";Unis[9] = "T22.jpg";Unis[10] = "T15.jpg";Unis[11] = "T25.jpg";Unis[12] = "T28.jpg";Unis[13] = "T27.jpg";Unis[14] = "T13.jpg";Unis[15] = Imageneutre;

Description[Unis[0]] = "&nbsp;White cement colour + white marble chips&nbsp;";Description[Unis[1]] ="&nbsp;Cream cement colour + yellow marble chips&nbsp;";Description[Unis[2]] = "&nbsp;Light peach cement colour + black marble chips&nbsp;";Description[Unis[3]] = "&nbsp;Red cement colour + green marble chips&nbsp;";Description[Unis[4]] = "&nbsp;black cement colour + black marble chips&nbsp;";Description[Unis[5]] = "&nbsp;Dark linen cement colour + black marble chips&nbsp;";Description[Unis[6]] = "&nbsp;Brown colour + Black marble chips&nbsp;";Description[Unis[7]] = "&nbsp;Orange-brown cement colour + red marble chips&nbsp;";Description[Unis[8]] = "&nbsp;Medium grey cement colour + black marble&nbsp;";Description[Unis[9]] = "&nbsp;Middle linen cement colour + 1/2white and 1/2black marble chips&nbsp;";Description[Unis[10]] = "&nbsp;Green cement colour + green marble chips&nbsp;";Description[Unis[11]] = "&nbsp;Pale green + green marble chips&nbsp;";Description[Unis[12]] = "&nbsp;Blue cement colour + black marble chips&nbsp;";Description[Unis[13]] = "&nbsp;Pale blue green + green marble chips&nbsp;";Description[Unis[14]] = "&nbsp;Salmon cement colour + green marble chips&nbsp;";Description[Unis[15]] = "";
var selection = new Array();
selection[0] = "30016.jpg";selection[1] ="30015.jpg";selection[2] = "30008.jpg";selection[3] = "30005.jpg";selection[4] = "30016A.jpg";selection[5] = "30015A.jpg";selection[6] = "30004.jpg";selection[7] = "30003.jpg";selection[8] = "30007.jpg";selection[9] = "50579.jpg";selection[10] = "10530.jpg";selection[11] = "50577A.jpg";selection[12] = "10226.jpg";selection[13] = "50579A.jpg";selection[14] = Imageneutre;selection[15] = "50577.jpg";


var TableauFamilles = new Array("Floraux1","Anciens1","Cubiques1","Modernes1","Bordures1","Floraux2","Anciens2","Cubiques2","Modernes2","Bordures2","Newtiles","Unis","selection");

TableauFamilles["Floraux1"] = Floraux1;
TableauFamilles["Anciens1"] = Anciens1;
TableauFamilles["Cubiques1"] = Cubiques1;
TableauFamilles["Modernes1"] = Modernes1;
TableauFamilles["Bordures1"] = Bordures1;
TableauFamilles["Floraux2"] = Floraux2;
TableauFamilles["Anciens2"] = Anciens2;
TableauFamilles["Cubiques2"] = Cubiques2;
TableauFamilles["Modernes2"] = Modernes2;
TableauFamilles["Bordures2"] = Bordures2;
TableauFamilles["Newtiles"] = Newtiles;
//TableauFamilles["Classiques"] = Classiques;
//TableauFamilles["Contemporains"] = Contemporains;
//TableauFamilles["Traditionnels"] = Traditionnels;
//TableauFamilles["Bordures3"] = Bordures3;
TableauFamilles["Unis"] = Unis;
TableauFamilles["selection"] = selection;


var BlocksDisplay = new Array("Block1","Block2");
BlocksDisplay["Block1"] = 0;
//BlocksDisplay["Block2"] = 0;

var flag = (window.Event)? true : false;
if (flag) { 
			 // document.addEvent(Event.CLICK);//document.captureEvents(Event.CLICK);
			}
document.onclick = BackGround_COLOR;
function BackGround_COLOR(e){
							 if(PFamille != ""){ 
													if(Liens != "") document.getElementById(Liens).style.backgroundColor = "#b3b3b3";
													Liens = PFamille;
													document.getElementById(PFamille).style.backgroundColor = "#ffffff";
													}
									}
function Display(id) {
						var lg = BlocksDisplay.length;
						for(var i = 0; i < lg; i++){
														if(BlocksDisplay[i] != id) {
																						document.getElementById(BlocksDisplay[i]).style.display = "none";
																						BlocksDisplay[BlocksDisplay[i]] = 0;
																							}
														}
						if(!BlocksDisplay[id]) document.getElementById(id).style.display = "block";
						else document.getElementById(id).style.display = "none";
						BlocksDisplay[id] = !BlocksDisplay[id];
							}
function Curs(e){
					document.getElementById("Petitcareaux").style.visibility = "visible";
					document.getElementById("Petitcareaux").style.zIndex = 5;
					var X = (window.event) ? window.event.offsetX : e.layerX;
					var Y = (window.event) ? window.event.offsetY : e.layerY;
					document.getElementById("Petitcareaux").style.left = 252 + X + "px";
					document.getElementById("Petitcareaux").style.top = 342 + Y + "px";
						}

function CursOut(){
						document.getElementById("Petitcareaux").style.visibility = "hidden";
						}

function ReduireReservoire() {
                                if(EtatFenetreReservoire){
  
                                                            document.getElementById("Fenetre").style.display = "none";
                                                            EtatFenetreReservoire = 0;
                                                            }
                                else{
                                                            document.getElementById("Fenetre").style.display = "block";
                                                            EtatFenetreReservoire = 1;
                                                            }
                                    }

function selectpattern(mdl){
							   //document.getElementById("mess1").style.visibility = "hidden";
							   document.getElementById("mess2").style.visibility = "hidden";
							   document.getElementById("Modele").innerHTML = mdl;
							   document.getElementById("Petitcareaux").innerHTML = "<img src=\"http://www.graniglia.eu/Modeles/PetiteTailles/"+mdl+".png\" width=\"20\" height=\"20\" border=\"0\">";
							   Modele = mdl;
							   Etat = "couleur";
								}
function Grainsretouche(e){
							 if(PFamille != "Unis") {
														 var X = (window.event) ? window.event.offsetX : e.layerX;
														 var Y = (window.event) ? window.event.offsetY : e.layerY;
														 Etat = "carreaux";
														 var var_date = new Date();
														 document.getElementById("Base").innerHTML = "<img src=\"./Graniter.php?Modele="+Modele+"&X="+X+"&Y="+Y+"&Famille="+PFamille+"&Sens="+Actuel_Sens+"&num="+PImage+"&action=col&t="+var_date.getTime()+"\" width=\"230\" height=\"230\" onClick=\"Grainsretouche(event);\" border=\"0\" onMouseOut=\"CursOut();\" onMouseMove=\"Curs(event);\" onMouseOver=\"this.style.cursor='crosshair'\" >";
														}
							}
function defiler(sens){
							if(sens == 'h'){
												if(RPointeur2 > 5){
																	RPointeur2 = RPointeur2 - 1;
																	for(i = RPointeur2; i >= RPointeur1; i--) document.getElementById("B_"+i).style.top = parseInt(document.getElementById("B_"+i).style.top) - 83 + "px";
																	RPointeur1 = RPointeur1 - 1;
																	document.getElementById("B_"+RPointeur1).style.visibility = "visible";
																		}
												}
							if(sens == 'b'){
												if((RPointeur2 < 5)&&(RPointeur2 < PReserve)){
																	for(i = 1; i <= RPointeur2; i++) document.getElementById("B_"+i).style.top = parseInt(document.getElementById("B_"+i).style.top) + 83 + "px";
																	RPointeur2 = RPointeur2 + 1;
																		}
												else{
																	if((RPointeur2 < MaxReserve)&&(RPointeur2 < PReserve)){
																						document.getElementById("B_"+RPointeur1).style.visibility = "hidden";
																						RPointeur1 = RPointeur1 + 1;
																						for(i = RPointeur1; i <= RPointeur2; i++) document.getElementById("B_"+i).style.top = parseInt(document.getElementById("B_"+i).style.top) + 83 + "px";
																						RPointeur2 = RPointeur2 + 1;
																							}
														}
												}
							if(sens == 't'){
												RPointeur2 = PReserve;
												RPointeur1 = PReserve - 4;
												for(i = 1; i < RPointeur2; i++){
																					delta = RPointeur2 - i;
																					if(delta > 4){
																									document.getElementById("B_"+i).style.top = 338 + "px";
																									document.getElementById("B_"+i).style.visibility = "hidden";
																									}
																					else{
																									document.getElementById("B_"+i).style.top = 83*delta + 6 + "px";
																									document.getElementById("B_"+i).style.visibility = "visible";
																									}
																						}
												if((PReserve <=5)&&(PReserve >=2)) document.getElementById("B_0"+PReserve).style.visibility = "hidden";
												}
								if(sens == 'd'){
												if(RPointeur2 > 5){
																	RPointeur2 = RPointeur2 - 1;
																	for(i = RPointeur2; i >= RPointeur1; i--) document.getElementById("B_"+i).style.left = parseInt(document.getElementById("B_"+i).style.left) - 83 + "px";
																	RPointeur1 = RPointeur1 - 1;
																	document.getElementById("B_"+RPointeur1).style.visibility = "visible";
																		}
												}
							if(sens == 'g'){
												if((RPointeur2 < 5)&&(RPointeur2 < PReserve)){
																	for(i = 1; i <= RPointeur2; i++) document.getElementById("B_"+i).style.left = parseInt(document.getElementById("B_"+i).style.left) + 83 + "px";
																	RPointeur2 = RPointeur2 + 1;
																		}
												else{
																	if((RPointeur2 < MaxReserve)&&(RPointeur2 < PReserve)){
																						document.getElementById("B_"+RPointeur1).style.visibility = "hidden";
																						RPointeur1 = RPointeur1 + 1;
																						for(i = RPointeur1; i <= RPointeur2; i++) document.getElementById("B_"+i).style.left = parseInt(document.getElementById("B_"+i).style.left) + 83 + "px";
																						RPointeur2 = RPointeur2 + 1;
																							}
														}
												}
							if(sens == 'a'){
												RPointeur2 = PReserve;
												RPointeur1 = PReserve - 4;
												for(i = 1; i < RPointeur2; i++){
																					delta = RPointeur2 - i;
																					if(delta > 4){
																									document.getElementById("B_"+i).style.left = 338 + "px";
																									document.getElementById("B_"+i).style.visibility = "hidden";
																									}
																					else{
																									document.getElementById("B_"+i).style.left = 83*delta + 6 + "px";
																									document.getElementById("B_"+i).style.visibility = "visible";
																									}
																						}
												if((PReserve <=5)&&(PReserve >=2)) document.getElementById("B_0"+PReserve).style.visibility = "hidden";
												}								
								}
								

function Vider(Tapis){
						if(Tapis == "T1"){
											for(i=0; i <= 5; i++){
																		for(j=0; j <= 5; j++){
																								document.getElementById(Tapis+"_"+i+"_"+j).src = "http://www.graniglia.eu/images/commun/"+Imageneutre;
																									}
																	
																			}
											
												}
						var var_date = new Date();
						CreerRequet("./Vider.php","t="+var_date.getTime(),false,Traitement);
					}

function Charger(Famille){
							PFamille = Famille;
							
							PetitCarreaux = "<table class=\"TableClass5\">";
							
							var nc = 4;
							var nl = 4;
							document.getElementById("Base").innerHTML = "";
							//document.getElementById("mess1").style.visibility = "hidden";
							document.getElementById("mess2").style.visibility = "hidden";
							document.getElementById("RefCarreau").innerHTML = "";
							for(i = 0; i < nl; i++){
													PetitCarreaux = PetitCarreaux+"<tr>";
													for(j = 0; j < nc; j++){
																			var e = i*nc + j;
																			var alternative = TableauFamilles[PFamille][e].split(".");
																			PetitCarreaux = PetitCarreaux+"<td><img src=\"http://www.graniglia.eu/images/petitcarreaux/"+PFamille+"/"+TableauFamilles[PFamille][e]+"\" width=\"50\" height=\"50\" border=\"0\" onClick=\"Choix('"+PFamille+"','"+TableauFamilles[PFamille][e]+"');\" title=\""+alternative[0]+"\"></td>";
																				}
													PetitCarreaux = PetitCarreaux+"</tr>";
															}
							
							PetitCarreaux = PetitCarreaux+"</table>";
							
							document.getElementById("ImagesFamilles").innerHTML = PetitCarreaux;
							Actuel_Sens = "";
							PImage = 0;
							Modele = "T00";
							}	
function Charger2(Famille){
							PFamille = Famille;
							
							PetitCarreaux = "<table class=\"Tableclass5\">";
							
							var nc = 4;
							var nl = 4;
							for(i = 0; i < nl; i++){
													PetitCarreaux = PetitCarreaux+"<tr>";
													for(j = 0; j < nc; j++){
																			var e = i*nc + j;
																			var alternative = TableauFamilles[PFamille][e].split(".");
																			PetitCarreaux = PetitCarreaux+"<td><img src=\"http://www.graniglia.eu/images/petitcarreaux/"+PFamille+"/"+TableauFamilles[PFamille][e]+"\" width=\"50\" height=\"50\" border=\"0\" onClick=\"Choix('"+PFamille+"','"+TableauFamilles[PFamille][e]+"');\" alt=\""+alternative[0]+"\"></td>";
																				}
													PetitCarreaux = PetitCarreaux+"</tr>";
															}
							
							PetitCarreaux = PetitCarreaux+"</table>";
							
							document.getElementById("ImagesFamilles").innerHTML = PetitCarreaux;
							}	
function Choix(Famille,name){
								if(name != Imageneutre){
															Etat = "carreaux";
															PFamille = Famille;
															var tab = name.split(".");
															PImage = tab[0];
															Actuel_Sens = "H";
															var var_date = new Date();
															Modele = "T00";
															if (PFamille == "Unis") { 
																						selectpattern(PImage);
																						Modele = PImage;
																						Etat = "couleur";
																						SelectCouleurs(Description[Modele+".jpg"]);
																						}
															src = "Graniter.php?Modele="+Modele+"&X=0&Y=0&Famille="+PFamille+"&Sens="+Actuel_Sens+"&num="+PImage+"&action=nou&t="+var_date.getTime();
															document.getElementById("RefCarreau").innerHTML = PImage;
															document.getElementById("Base").innerHTML = "<img src=\""+src+"\" width=\"230\" height=\"230\" onClick=\"Grainsretouche(event);\" border=\"0\" onMouseOut=\"CursOut();\" onMouseMove=\"Curs(event);\" onMouseOver=\"this.style.cursor='crosshair'\" >";
															}
								}
function Pivoter(){
					if(PImage != 0){
					if(PFamille != "Unis") {
												Etat = "carreaux";
												var var_date = new Date();
												switch (Actuel_Sens) {
																		case "H" :  {
																						Actuel_Sens = "D";
																						Source = "./Graniter.php?Modele="+Modele+"&X=0&Y=0&Famille="+PFamille+"&Sens="+Actuel_Sens+"&num="+PImage+"&action=tou&t="+var_date.getTime();
																						document.getElementById("Base").innerHTML = "<img src=\""+Source+"\" width=\"230\" height=\"230\" onClick=\"Grainsretouche(event);\" border=\"0\" onMouseOut=\"CursOut();\" onMouseMove=\"Curs(event);\" onMouseOver=\"this.style.cursor='crosshair'\">";
																						}
																					break;
																		case "D" :  {
																						Actuel_Sens = "B";
																						Source = "./Graniter.php?Modele="+Modele+"&X=0&Y=0&Famille="+PFamille+"&Sens="+Actuel_Sens+"&num="+PImage+"&action=tou&t="+var_date.getTime();
																						document.getElementById("Base").innerHTML = "<img src=\""+Source+"\" width=\"230\" height=\"230\" onClick=\"Grainsretouche(event);\" border=\"0\" onMouseOut=\"CursOut();\" onMouseMove=\"Curs(event);\" onMouseOver=\"this.style.cursor='crosshair'\">";
																						}
																					break;
																		case "B" :  {
																						Actuel_Sens = "G";
																						Source = "./Graniter.php?Modele="+Modele+"&X=0&Y=0&Famille="+PFamille+"&Sens="+Actuel_Sens+"&num="+PImage+"&action=tou&t="+var_date.getTime();
																						document.getElementById("Base").innerHTML = "<img src=\""+Source+"\" width=\"230\" height=\"230\" onClick=\"Grainsretouche(event);\" border=\"0\" onMouseOut=\"CursOut();\" onMouseMove=\"Curs(event);\" onMouseOver=\"this.style.cursor='crosshair'\">";
																						}
																					break;
																		case "G" :  {
																						Actuel_Sens = "H";
																						Source = "./Graniter.php?Modele="+Modele+"&X=0&Y=0&Famille="+PFamille+"&Sens="+Actuel_Sens+"&num="+PImage+"&action=tou&t="+var_date.getTime();
																						document.getElementById("Base").innerHTML = "<img src=\""+Source+"\" width=\"230\" height=\"230\" onClick=\"Grainsretouche(event);\" border=\"0\" onMouseOut=\"CursOut();\" onMouseMove=\"Curs(event);\" onMouseOver=\"this.style.cursor='crosshair'\">";
																						}
																					break;
																				}
																		}
											}
						}

function Position(objet){
								var Pos = objet.id;
								var TabPos = Pos.split("_");
								var var_date = new Date();
								if(Etat == "carreaux"){//if((Etat == "carreaux")&&(PImage != 0)){
																			if(TabPos[0] == "T1"){
																										var Ajouteraureservoir = true;
																										if(inReserve(NReserve,PImage)){
																																		CreerRequet("./InReserve.php","num="+PImage+"&X="+TabPos[1]+"&Y="+TabPos[2],false,Traitement);
																																		if(ResultatAjax != "oui") Ajouteraureservoir = false;
																																		}
																										
																										if(Ajouteraureservoir){
																																	PReserve = PReserve + 1;
																																	
																																	if((PReserve <= 0)||(PReserve > MaxReserve - 1)) PReserve = MaxReserve;
																																	IdStock = PReserve-1;
																																	
																																	document.getElementById("B_"+PReserve).src = "./Poser.php?Famille="+PFamille+"&num="+PImage+"&action=Reserve&t="+var_date.getTime()+"&Etat="+Etat+"&IdStock="+IdStock+"&X=0&Y=0";
																																	
																																	FReserve[PReserve - 1] = PFamille;
																																	NReserve[PReserve - 1] = PImage;
																																	SReserve[PReserve - 1] = Actuel_Sens;
																																	/*if(PReserve == RPointeur2) defiler('b');
																																	else defiler('t');*/
																																	if(PReserve == RPointeur2) defiler('g');
			else defiler('a');
			
																																	}
																										
																										objet.src =  "./Poser.php?Famille="+PFamille+"&num="+PImage+"&action=Tapis&t="+var_date.getTime()+"&Etat="+Etat+"&IdStock="+IdStock+"&X="+TabPos[1]+"&Y="+TabPos[2];
																										
																											}
																			if((TabPos[0] == "B")&&(NReserve[TabPos[1] - 1] != undefined)){ 
																																			Etat == "carreaux";
																																			PFamille = FReserve[TabPos[1] - 1];
																																			PImage = NReserve[TabPos[1] - 1];
																																			Actuel_Sens = SReserve[TabPos[1] - 1];
																																			document.getElementById("RefCarreau").innerHTML = PImage;
																																			document.getElementById("Modele").innerHTML = "";
																																			document.getElementById("Petitcareaux").style.background = "#FFFFFF"; r=255; g=255; b=255;
																																			Modele = "T00";
																																			IdStock = TabPos[1]-1;
																																			
																																			Source = "./Graniter.php?Modele="+Modele+"&X=0&Y=0&Famille="+FReserve[TabPos[1] - 1]+"&Sens="+Actuel_Sens+"&num="+NReserve[TabPos[1] - 1]+"&action=Retour&t="+var_date.getTime()+"&IdStock="+IdStock;
																																			document.getElementById("Base").innerHTML = "<img src=\""+Source+"\" width=\"230\" height=\"230\" onClick=\"Grainsretouche(event);\" border=\"0\" onMouseOut=\"CursOut();\" onMouseMove=\"Curs(event);\" onMouseOver=\"this.style.cursor='crosshair'\">";
																																			
																																			Charger2(PFamille);
																																			}
																			}
								if(Etat == "couleur"){
																			if(TabPos[0] == "T1"){
																															objet.src =  "./Poser.php?Famille=Famille&num=num&action=Tapis&t="+var_date.getTime()+"&Etat="+Modele+"&IdStock=-1&X="+TabPos[1]+"&Y="+TabPos[2];
																																}
																			if((TabPos[0] == "B")&&(NReserve[TabPos[1] - 1] != undefined)){ 
																									Etat == "carreaux";
																									PFamille = FReserve[TabPos[1] - 1];
																									PImage = NReserve[TabPos[1] - 1];
																									Actuel_Sens = SReserve[TabPos[1] - 1];
																									document.getElementById("RefCarreau").innerHTML = PImage;
																								    document.getElementById("Modele").innerHTML = "";
																									document.getElementById("Petitcareaux").style.background = "#FFFFFF"; r=255; g=255; b=255;
																									Modele = "T00";
																									IdStock = TabPos[1]-1;
																									
																									Source = "./Graniter.php?Modele="+Modele+"&X=0&Y=0&Famille="+FReserve[TabPos[1] - 1]+"&Sens="+Actuel_Sens+"&num="+NReserve[TabPos[1] - 1]+"&action=Retour&t="+var_date.getTime()+"&IdStock="+IdStock;
																									document.getElementById("Base").innerHTML = "<img src=\""+Source+"\" width=\"230\" height=\"230\" onClick=\"Grainsretouche(event);\" border=\"0\" onMouseOut=\"CursOut();\" onMouseMove=\"Curs(event);\" onMouseOver=\"this.style.cursor='crosshair'\">";
																									
																									Charger2(PFamille);
																									}
														}
								window.status = " ";
								}

function SaveTapCarr(objet){
								if(objet.id == "EC") {
														var var_date = new Date();
														if(PImage != 0) objet.href = "./Save.php?action=SaveCarreaux&t="+var_date.getTime();
														else objet.href = "#";
														}
								if(objet.id == "ET") {
														var var_date = new Date();
														if(PImage != 0) objet.href = "./Save.php?action=SaveTapis&t="+var_date.getTime();
														else objet.href = "#";
														}
								}
function inReserve(Tableau,num){
									var Nbelement = Tableau.length;
									var bool = false;
									for(i=0; i < Nbelement; i++){
																	if((NReserve[i] != undefined)&&(NReserve[i] == num)){
																														bool = true;
																														break;
																														}
																		}
									return bool;
										}
function ActualiserSession() {
								var var_date = new Date();
								CreerRequet("./Actualiser.php","t="+var_date.getTime(),false,TraitementActual);
								setTimeout("ActualiserSession()", 900000);// 15 min  = 900000 millisoc
									}											
ActualiserSession();
function CreerRequet(url,parametre,mode,methode){
					var httpRequest = false;
					if (window.XMLHttpRequest) { 
								httpRequest = new XMLHttpRequest();
								if (httpRequest.overrideMimeType) {
									httpRequest.overrideMimeType("text/xml");
								}
							} else if (window.ActiveXObject) { // IE
								try {
									httpRequest = new ActiveXObject("Msxml2.XMLHTTP");
								} catch (e) {
									try {
										httpRequest = new ActiveXObject("Microsoft.XMLHTTP");
									} catch (e) {
													//alert(httpRequest);
													}
								}
							}
					
					 if (!httpRequest) {
										//alert("Abandon : Impossible de cr�er une instance XMLHTTP");
										return false;
												}
					 if(mode == true) httpRequest.onreadystatechange = function() { methode(httpRequest); };
					 httpRequest.open("POST", url, false);
					 httpRequest.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
					 httpRequest.send(parametre);
					 if(mode == false){
											methode(httpRequest);
												}
						}
function Traitement(httpRequest){
						  try {
								if (httpRequest.readyState == 4) {
										if (httpRequest.status == 200) {
																		 ResultatAjax = httpRequest.responseText;
																			} 
										else {
												//alert('Un probl�me est survenu au cours de la requ�te.');
													}
										}
									}
							catch( e ) {
											//alert("Une exception s'est produite : " + e.description);
											}
								}
function TraitementActual(httpRequest){
						  try {
								if (httpRequest.readyState == 4) {
										if (httpRequest.status == 200) {
																		 ResultatAjaxActual = httpRequest.responseText;
																			} 
										else {
												//alert('Un probl�me est survenu au cours de la requ�te.');
													}
										}
									}
							catch( e ) {
											//alert("Une exception s'est produite : " + e.description);
											}
								}

function SelectCouleurs(Description) {
																document.getElementById("discription").innerHTML = Description;
																			}

function popupinfo(adresse,image){
	document.getElementById('showroominfo').style.display = 'block';
	document.getElementById('titelinfo').innerHTML= adresse;
	document.getElementById('contenuinfo').src= image;
}																			
-->