var indexZ = 20;
		  var nbCarte = 0;
		  var _wCarte = 310; // width d'une carte
		  
		  $(document).ready(function(){
			
			//_wCarte = $(".carte").width(); 
			
			$("#ecran").hide();
			
			
			//////////////////// Placer les elements
			placeEcran();
			placerCarte();
			placerBasPage();
			
			$("#pub .contenu").css("font-size","15");
			$("#pub .contenu").animate({
					fontSize: "5"
				},
				200,
				function() {
					$("#pub .contenu").animate({
							fontSize: "17"
						},
						200
						
					);
				}
			);
			
			centrerY("#pub");
						
			if(location.href.indexOf("#") >= 0) {
				var carte_link = location.href.substring(location.href.indexOf("#")+1, location.href.length);
				
			} else {
				var carte_link = "";
			}
			//////////////////////// Gestion des formulaire
			$("input").click(function(){
				if($(this).attr("type") == "submit") {
					//alert($(this).parent("form").attr("action"));
					form = $(this).parents("form");
					
					sub2(form,jQuery(".retour_AJAX", $(this).parents("div")));
					return false;
				}
			});
			
			
			/////////////////// Gestion du menu
			
			$("#menu").attr("etat","0");
			
			
			$("#menu").mouseenter(function(){
				$("#menu").stop();
							
				
					
					// on ouvre le menu
					$("#menu").animate({ 
							top: "-10"
						},
						310,
						function () {
							$("#menu").attr("etat","2"); // le menu est ouvert
						}
					);
					
					
				
			});
			
			$("#menu").mouseleave(function(){
				$("#menu").stop();
				fermerMenu();
			});
			
			function fermerMenu() {

						$("#menu").animate({ 
							top: "-200"
						},
						600,
						function () {
							$("#menu").attr("etat","0");
						}
					);
				
			}
			
			
			
			//////////////////// Gestion des cartes
			$(".carte").mouseenter(function(){
				$(this).css("z-index",++indexZ);
			});
			
			$(".carte").click(function(){
				ouvrirCarte(this);
			});
			
			
			
			$(".contact_onglet").click(function(){
				ouvrirFenetre("#contact_window");
			});
			
			$(".references_onglet").click(function(){
				$(location).attr('href',"references.php");
			});
			
			$(".services_onglet").click(function(){
				$(location).attr('href',"index.php");
			});
			
			$(".logo").click(function(){
				ouvrirFenetre("#quisommesnous_window");
			});
			
			$(".devis_onglet").click(function(){
				ouvrirFenetre("#devis_window");
			});
			
			$("#window_close").click(function(){
				fermerFenetre();
			});
			
			
			
			$("#ecran").fadeIn(400, function() {
				if(carte_link != "") {
					// on ouvre une fenêtre
					ouvrirCarte("#"+carte_link);
				}
			});

		});
		
		function placerFenetre() {
			var wBrowser = $(window).width() ;
			var hBrowser = $(window).height() ;
			
			if($("#window").attr("open") == 1) {
				$("#window").css("width",wBrowser);
				$("#window").css("height",hBrowser);
				nomFenetre = $("#window").attr("nomFenetre");
				
				wWindow = $(nomFenetre).width();
				hWindow = $(nomFenetre).height();
				
				xPos = (wBrowser - wWindow) / 2;
				yPos = (hBrowser - hWindow) / 2;
				
				$(nomFenetre).css("left",xPos);
				$(nomFenetre).css("top",yPos);
				
				
				$("#window_close").css("left",xPos + $(nomFenetre).width());
				$("#window_close").css("top",yPos - $("#window_close").height());
				
			}
		}
			
		function placeEcran() {
			
			var hBrowser = $(window).height() - 127;
			var wBrowser = $(window).width();
			
			hEcran = $("#ecran").height();
			
			$("#ecran").width(wBrowser);
			
			yPos = (hBrowser - hEcran) / 2;
			
			if(yPos + hEcran > hBrowser ) {
				yPos = hBrowser - hEcran ;
			}
			
			if(yPos < -45) {
				yPos = -45 ;
			}
			
			
			
			$("#ecran").css("top",yPos);
			
			$("#pub").width(wBrowser);
			var hPub = $("#pub").height();
			
			
			$("#pub").css("top",yPos - hPub -5);
			
			
		}
		
		function placerCarte() {
			var wBrowser = $(window).width() ;
			var hBrowser = $(window).height() ;
			
			//alert(wBrowser);
			
			nbCarte = 0;
			
			$(".carte").each(function (i) {
				nbCarte ++ ;
			});
							
			var margeCarte = 10;
			
			//alert("width carte 2= " + _wCarte );
			var wEspace = (wBrowser - (margeCarte * 2) - (_wCarte * nbCarte) ) / (nbCarte - 1);
			
			//alert(wEspace);
			
			//alert("width carte 1 = " + $(".carte").width() );
						
			
			var wEcart = wEspace;
			
			var numCarte = 1;
			var zindex = indexZ;
			
			$(".carte").each(function (i) {
				wCarte = margeCarte + _wCarte * (numCarte - 1) + wEcart * (numCarte - 1);
				
				if($(this).attr("saveX") == null) {
					$(this).attr("saveX",0);
				}
				
				if($(this).attr("saveX") > 0) {
					fermerCarte(this);
				}
									
				
				hCarte = 40 ;
				
				//this.style.left = wCarte + "px";
				$(this).css("left",wCarte);
				
				//this.style.top =  hCarte + "px";
				$(this).css("top",hCarte);
				
				$(this).css("z-index",zindex);
				zindex--;
				
				if(numCarte == nbCarte) {
					wCarte = wBrowser - margeCarte - _wCarte;
					//this.style.left = wCarte + "px";
					$(this).css("left", wCarte);
				}
				
				if(numCarte == 1) {
					wCarte = margeCarte;
					//this.style.left = wCarte + "px";
					$(this).css("left", wCarte);
				}
				
				//alert($(this).attr("id") + "- left : " + wCarte);
				
				numCarte++;
			});
		}
		
		function placerBasPage() {
			var wBrowser = $(window).width() ;
			var hBrowser = $(window).height() ;
			
			$(".bas_de_page").css("width",wBrowser - 400 - 260);
			$(".bas_de_page").css("left",400);
			
			if($(".bas_de_page").height() > 50) {
				$(".bas_de_page").css("width",200);
				$(".bas_de_page").css("z-index",0);
				$(".logo").css("z-index",10);
			}
						
		}
		
		
		///////////////////////////////////////////////////////////////////////
		
		function ouvrirCarteFermerMenu(maCarte) {
//			fermerMenu();
			forcerCarte(maCarte);
			
			$(maCarte).css("z-index",++indexZ);
		}
		
		function forcerCarte(maCarte) {
			
			ouvrirCarte(maCarte,1)
		}
		
		function ouvrirCarte(maCarte,forcer) {
			var wBrowser = $(window).width();
			var wCenter = ($(window).width() - $(maCarte).width()) / 2;
				
			fermerCartes($(maCarte));
			
			
			if($(maCarte).attr("saveX") == 0) {
				
				///////////////////////////////
				// la carte est fermée
					
				$(maCarte).attr("saveX",$(maCarte).position().top);
				$(maCarte).attr("saveY",$(maCarte).position().left);
								
				if ($(maCarte).position().left + 700 > wBrowser) {
						moveX = wBrowser - 710;
				} else {
						moveX = $(maCarte).position().left;
				}
				
				$(maCarte).css("z-index",++indexZ);
					
				$(maCarte).animate({
						left: moveX ,
						top: "70",
						height: "400",
						width: "700"
					},
					150,						
					function () {
						contenu = jQuery(".carte_contenu", maCarte);
						contenu_liste = jQuery(".carte_contenu_liste", maCarte);
						contenu_liste.fadeIn(50,
							function() {
								if(jQuery(".carte_gauche", maCarte).height() > 400) {
									$(maCarte).css("height",jQuery(".carte_gauche", maCarte).height());
								}
																
								contenu.fadeIn(50);
								
							}
						);
					}
				);
				
				
					
			} else {
				if(!forcer) {
					fermerCarte(maCarte);
				}
			}
		}
		
		function fermerCarte(maCarte) {
			
			contenu = jQuery(".carte_contenu", maCarte);
			contenu_liste = jQuery(".carte_contenu_liste", maCarte);
			
				contenu.fadeOut(50 , 
					function() {
						contenu_liste.fadeOut(50,
							function() {
								$(maCarte).animate({ 
										top: $(maCarte).attr("saveX"),
										left: $(maCarte).attr("saveY"),
										height: "310",
										width: "310"
									},
									150,
									function() {
										$(maCarte).attr("saveX",0);
									}
								);
							
							
							}
						)
					}
				);
			
		}
		
		function fermerCartes(obj) {
			$(".carte").each(function (i) {
				
				if($(this).attr("id") != obj.attr("id")) {
					if($(this).attr("saveX")!=0) {
						fermerCarte(this);
					}
				};
			});
		}
		
		
			
			function fermerFenetre() {
				nomFenetre = $("#window").attr("nomFenetre");
				$("#window_close").fadeOut(100);
				
				$(nomFenetre).fadeOut(150,
					function() {
						$("#window").fadeOut(500);
					}
				);
				
				
			}
			
			function ouvrirFenetre(nomFenetre) {
				var wBrowser = $(window).width() ;
				var hBrowser = $(window).height() ;
				
				//$("#window").css("z-index",++indexZ);
				$("#window").css("left",0);
				$("#window").css("width",wBrowser);
				$("#window").css("height",hBrowser);
				$("#window").css("opacity","0.6");
				
				
								
				$("#window").attr("nomFenetre",nomFenetre);
				$("#window").attr("open",1);
				
				$("#window").fadeIn(100,
					function() {
						$(nomFenetre).css("z-index",2020);
						
						hWindow = $(nomFenetre).height();
						wWindow = $(nomFenetre).width();
						
						xPos = (wBrowser - wWindow) / 2;
						yPos = (hBrowser - hWindow) / 2;
						
						$(nomFenetre).css("position","absolute");
						$(nomFenetre).css("top",yPos);
						$(nomFenetre).css("left",xPos);
						$(nomFenetre).fadeIn();
						
						$("#window_close").css("z-index",2030);
						
						$("#window_close").css("left",xPos + $(nomFenetre).width() - 15);
						$("#window_close").css("top",yPos - $("#window_close").height() + 15 );
						$("#window_close").fadeIn(100);
						
						
					}
				);
			}
			
			
			
			$(window).resize(function(){
				placeEcran();
				placerCarte();
				placerFenetre();
				placerBasPage();
				centrerY("#pub");
			});
			
			function centrerY(obj) {
				var wBrowser = $(window).width();
				wObj = $(obj).width();
				
				xPos = (wBrowser - wObj) / 2;
				
				$(obj).css("left",xPos);
			}
			
			function cartesSlide() {
				// Fermer toutes les cartes
				fermerMenu();
				var numCarte = 1;
				
				$(".carte").each(function (i) {
					
					
					$(this).fadeOut(600,
						function() {

							if(numCarte == nbCarte) {
								$("#ecran").html("Nos références");
								$("#ecran").load("reference.html");
								
							} else {
								numCarte ++;
							}
						}
					);
				});
			}