jQuery(function() { 
	
	
	
	$(document).ready(function() {
		

		$('#menu_1').click(function() {
		
			var position = $("#accueil").position();
			$('html, body').animate({scrollTop:position.top}, 'slow');
			
		});	
		$('#menu_2').click(function() {
			
			var position = $("#agence").position();
			$('html, body').animate({scrollTop:position.top}, 'slow');
		});	
		$('#menu_3').click(function() {
			
			var position = $("#competence").position();
			$('html, body').animate({scrollTop:position.top}, 'slow');
		});	
		$('#menu_4').click(function() {
			
			var position = $("#reference").position();
			$('html, body').animate({scrollTop:position.top}, 'slow');
		});	
		$('#menu_5').click(function() {
			
			var position = $("#contact").position();
			$('html, body').animate({scrollTop:position.top}, 'slow');
		});	
		

		function detectIPhone()
		{
			if ((navigator.userAgent.indexOf('iPhone') != -1) || (navigator.userAgent.indexOf('iPod') != -1) || (navigator.userAgent.indexOf('iPad') != -1)) {
				return true;
			} 
			return false;
		}
		
		if(detectIPhone()){
		
			$(".content_iphone").show();
			$(".content_non_iphone").hide();
		} else {
			$(".content_non_iphone").show();
			$(".content_iphone").hide();
		}

		var visible_1 = 1;
		var visible_2 = 0;
		

		var NB_PRODUITS_TOT = 5;
		var img_produit_affiche = 1;
		var NB_WORKS_TOT = 7;
		var img_work_affiche = 1;
		
		//position des bouton de lien dans references -> produits
		var pos_lien_detail = new Array(6);
		var pos1 = new Object(); 
			pos1["x"] = 277; 
			pos1["y"] = 251; 
		pos_lien_detail[1]=pos1;
			
		var pos2 = new Object(); 
			pos2["x"] = 133; 
			pos2["y"] = 142; 
		pos_lien_detail[2]=pos2;
		
		var pos3 = new Object(); 
			pos3["x"] = 455; 
			pos3["y"] = 203; 
		pos_lien_detail[3]=pos3;
		
		var pos4 = new Object(); 
			pos4["x"] = 475; 
			pos4["y"] = 213; 
		pos_lien_detail[4]=pos4;

		var pos5 = new Object(); 
			pos5["x"] = 480; 
			pos5["y"] = 131; 
		pos_lien_detail[5]=pos5;
		
		//position des bouton de lien dans references -> case studies
		var pos_lien_work = new Array(8);
		var pos_work1 = new Object(); 
			pos_work1["x"] = 290+55; 
			pos_work1["y"] = 205; 
		pos_lien_work[1]=pos_work1;
			
		var pos_work2 = new Object(); 
			pos_work2["x"] = 196+50; 
			pos_work2["y"] = 210; 
		pos_lien_work[2]=pos_work2;
		
		var pos_work3 = new Object(); 
			pos_work3["x"] = 50+50; 
			pos_work3["y"] = 192; 
		pos_lien_work[3]=pos_work3;
		
		var pos_work4 = new Object(); 
			pos_work4["x"] = 457+50; 
			pos_work4["y"] = 194; 
		pos_lien_work[4]=pos_work4;

		var pos_work5 = new Object(); 
			pos_work5["x"] = 50+50; 
			pos_work5["y"] = 202; 
		pos_lien_work[5]=pos_work5;
		
		var pos_work6 = new Object(); 
			pos_work6["x"] = 680+50; 
			pos_work6["y"] = 180; 
		pos_lien_work[6]=pos_work6;
		
		var pos_work7 = new Object(); 
			pos_work7["x"] = 50+50; 
			pos_work7["y"] = 170; 
		pos_lien_work[7]=pos_work7;
		
		//Pour affichage de la fenêtre modale
		var popup_page_affichee_actuelle = 1;
		
		var work_detail_nb_image = new Array(8);
		var work_detail_text = new Array(8);
		var work_detail_type = new Array(8);
		work_detail_nb_image[1]=6;
		work_detail_type[1]="png";
		work_detail_text[1]="<h1>wellcome \"urban\"</h1>290 pages<br/>4 langues<br/>changement dans le noir";//cas spécial aussi mis plus tard
		work_detail_nb_image[2]=2;
		work_detail_type[2]="png";
		work_detail_text[2]="<h1>ldesign</h1>invitations pour le lancement du guide wellcome<br/>trois volets";
		work_detail_nb_image[3]=4;
		work_detail_type[3]="png";
		work_detail_text[3]="<h1>socc 2011, swisscom</h1>design<br/>3d<br/>flash/video<br/>backoffice";
		work_detail_nb_image[4]=1;
		work_detail_type[4]="video";
		work_detail_text[4]="<h1>mode d'emploi</h1>animation 3d pour expliquer le fonctionnement d'un présentoir pour la haute horlogerie. L'animation est jouée sur l'écran lcd du présentoir";
		work_detail_nb_image[5]=2;
		work_detail_type[6]="png";
		work_detail_text[5]="<h1>illustration CSP</h1>illustration";
		work_detail_nb_image[6]=2;
		work_detail_type[6]="png";
		work_detail_text[6]="<h1>illustration watcharound</h1>illustration";
		work_detail_nb_image[7]=1;
		work_detail_type[7]="png";
		work_detail_text[7]="<h1>GayPlanet</h1>logo";
		
		//appelé lors du passage su un des bouton compétence dans la page
		function selectBtnCompet(_this){
			
			text_color =$(_this).parent().find('p').css("color");
				
			if( text_color=="rgb(64, 146, 164)" ||  text_color=="#4092a4".toLowerCase() ){//il est déjà selectionné
				//on ne fait rien
			} else {//on le selectionne

				//on déselectionne les autres
				$(".btn_compet_side_left_text").css("color","#000000");
				$(".btn_compet_side_left").find('img').css("left","0px");
				
				//on selectionne celui là
				$(_this).parent().find('p').css("color","#4092A4");
				$(_this).parent().find('p').find('a').css("color","#4092A4");
				
				var content = $(_this).parent().find('.zone_detail_compet').html();
				
				$("#content_comptet_detail").html(""+content+"");
						
				$(_this).parent().find('img').animate({
					left: '-=63px'
				}, 80, function() {
					// Animation complete.
				});
			}
		}
		
		$("#div_contact_linkedin").hover(
			function () {
				$(this).find('img').animate({
					top: '-55px'
				}, 80, function() {
				});
			},function () {
				$(this).find('img').animate({
					top: '0'
				}, 80, function() {
				});
			}
		);
		
		$("#div_contact_facebook").hover(
				function () {
					$(this).find('img').animate({
						top: '-55px'
					}, 80, function() {
					});
				},function () {
					$(this).find('img').animate({
						top: '0'
					}, 80, function() {
					});
				}
			);
		
		$(".btn_compet_side_left").hover(
			function () {
				selectBtnCompet(this)
			}
		);
		$(".btn_compet_side_left_text").hover(
			function () {
				selectBtnCompet(this)
			}
		);
		var reference_btn_1 = true;
		var reference_btn_2 = false;
		var reference_btn_3 = false;
		var reference_modif_en_cours = false;
		setLinkProduit(1);
		
		function selectBtnReference(_this){
			
			idappelant = $(_this).parent().attr('id');
			
			idappelant = idappelant.replace("reference_btn_","");
			

			selectReferenceRubrique(idappelant,_this);
				
		}
		
		$(".reference_btn_side_left").hover(
			function () {
				selectBtnReference(this)
			}
			
		);
		$(".reference_btn_side_left_text").hover(
			function () {
				selectBtnReference(this)
			}
		);
		
		//lorsque l'on passe la souris sur un des menu competence en haut, il met a jour le text dasn competence en bas
		$('.bouton_top_compet').hover(function() {
			
			var indice= $(this).attr("class").split(' ')
			selectBtnCompet($(".btn_compet_side_left:eq("+indice[1]+")"));
			
		});
		
		$('#div_contact_btn_send').hover(
				function () {
					$(this).css("font-weight","bold");
				},
				function () {
					$(this).css("font-weight","normal");
				}
			);
		$('#content_client_detail_2').hover(
				function () {
					$(this).css("font-weight","bold");
				},
				function () {
					$(this).css("font-weight","normal");
				}
			);
		$('#content_client_detail_3').hover(
				function () {
					$(this).css("font-weight","bold");
				},
				function () {
					$(this).css("font-weight","normal");
				}
			);
		
		
		function setLinkProduit(id){
			$("#content_client_detail_2").show();
			var link ="";
			switch(id){
				case 1:
					link ="http://www.kingdom-epic.com";
				break;
				case 2:
					link ="http://www.woodiz.com";
				break;
				case 3:
					link ="http://www.greek-epic.com";
				break;
				case 4:
					link ="http://www.human-epic.com";
				break;
				case 5:
					link ="http://www.wildwest-epic.com";
				break;
			
			}
			$("#content_client_detail_2").find('a').attr("href",link);
			$("#content_client_detail_2").css("background-image","url(../img/produits/"+id+"_btn.png)");
			
			$("#content_client_detail_2").css("top",pos_lien_detail[id]["y"]+"px");
			$("#content_client_detail_2").css("left",pos_lien_detail[id]["x"]+"px");
	
		}
		
		function setLinkWork(id){
	
			$("#content_client_detail_3").show();
			$("#content_client_detail_3").css("top",pos_lien_work[id]["y"]+"px");
			$("#content_client_detail_3").css("left",pos_lien_work[id]["x"]+"px");
	
		}
		
		$('#popup_fleche_gauche').click(function() {
			

			var next = (img_produit_affiche-1);
			if(next<1){
				next = NB_PRODUITS_TOT;
			}
			
			$("#popup_conteneur").css("background-image","url(img/case_studies_popup/chloesterli/"+img_produit_affiche+".png)");
			$("#popup_conteneur").find("img").css("left","940px");
			
			$("#popup_conteneur").find("img").attr("src","img/case_studies_popup/chloesterli/"+next+".png");
	
			
			$("#popup_conteneur").find("img").animate({
				left: '0px'
			}, 80, function() {
				// Animation complete.
	
			});
			img_produit_affiche--;
			if(img_produit_affiche<1){
				img_produit_affiche = NB_PRODUITS_TOT;
			}
		});
		
		$('#produits_btn_left').click(function() {
			var next = (img_produit_affiche-1);
			if(next<1){
				next = NB_PRODUITS_TOT;
			}
			$("#content_client_detail_2").hide();
			
			$("#content_client_conteneur_2").css("background-image","url(img/produits/"+img_produit_affiche+".png)");
			$("#content_client_conteneur_2").find("img").css("left","-832px");
			
			$("#content_client_conteneur_2").find("img").attr("src","img/produits/"+next+".png");
			
			$("#content_client_detail_2").hide();
			$("#content_client_conteneur_2").find("img").animate({
				left: '0px'
			}, 80, function() {
				// Animation complete.
				$("#content_client_detail_2").show();
				setLinkProduit(next);
			});
			img_produit_affiche--;
			if(img_produit_affiche<1){
				img_produit_affiche = NB_PRODUITS_TOT;
			}
			
			
		});
		$('#produits_btn_right').click(function() {
		
			var next = (img_produit_affiche+1);
			
			if(next>NB_PRODUITS_TOT){
				next = 1;
				//img_produit_affiche = NB_PRODUITS_TOT;
			}
			$("#content_client_detail_2").hide();
			
			$("#content_client_conteneur_2").css("background-image","url(img/produits/"+img_produit_affiche+".png)");
			$("#content_client_conteneur_2").find("img").css("left","832px");

			$("#content_client_conteneur_2").find("img").attr("src","img/produits/"+next+".png");
			$("#content_client_detail_2").hide();
			$("#content_client_detail_2").hide();
			$("#content_client_conteneur_2").find("img").animate({
				left: '0px'
			}, 80, function() {
				// Animation complete.
				setLinkProduit(next);
			});
			img_produit_affiche++;
			if(img_produit_affiche>NB_PRODUITS_TOT){
				img_produit_affiche = 1;
			}
		});
		
		
		
		$('#works_btn_left').click(function() {
			
			var next = (img_work_affiche-1);
			if(next<1){
				next = NB_WORKS_TOT;
			}
			
			$("#content_client_detail_3").hide();
			$("#back_case_studies").attr("src","img/work/"+img_work_affiche+".png");
			$("#content_client_conteneur_3").find("img").css("left","-832px");

			$("#content_client_conteneur_3").find("img").attr("src","img/work/"+next+".png");
			$("#content_client_conteneur_3").find("img").animate({
				left: '0px'
			}, 80, function() {
				// Animation complete.
				setLinkWork(next);
			
			});
			img_work_affiche--;
			if(img_work_affiche<1){
				img_work_affiche = NB_WORKS_TOT;
			}
		});
		$('#works_btn_right').click(function() {
		
			var next = (img_work_affiche+1);
			
			if(next>NB_WORKS_TOT){
				next = 1;
			}
			
			$("#content_client_detail_3").hide();
			$("#back_case_studies").attr("src","img/work/"+img_work_affiche+".png");
			
			$("#content_client_conteneur_3").find("img").css("left","832px");

			$("#content_client_conteneur_3").find("img").attr("src","img/work/"+next+".png");
			$("#content_client_conteneur_3").find("img").animate({
				left: '0px'
			}, 80, function() {
				// Animation complete.
				setLinkWork(next);
			});
			img_work_affiche++;
			if(img_work_affiche>NB_WORKS_TOT){
				img_work_affiche = 1;
			}
		});
		
		function selectReferenceRubrique(rubrique,_this){
			
//			console.log("reference_modif_en_cours:" +reference_modif_en_cours);
			
			if(reference_modif_en_cours){
				return;
			}
			text_color =$(_this).parent().find('p').css("color");
				
			if( text_color=="rgb(64, 146, 164)" ||  text_color=="#4092a4".toLowerCase() ){//il est déjà selectionné
				//on ne fait rien
			} else {//on le selectionne
/*
				console.log("rubrique: "+rubrique);
				console.log("reference_btn_1: "+reference_btn_1);
				console.log("reference_btn_2: "+reference_btn_2);
				console.log("reference_btn_3: "+reference_btn_3);
*/	
				//on déselectionne les autres
				$(".reference_btn_side_left_text").css("color","#000000");
				$(".reference_btn_side_left").find('img').css("left","0px");
				
				//on selectionne celui là
				$(_this).parent().find('p').css("color","#4092A4");
				$(_this).parent().find('img').animate({
					left: '-=63px'
				}, 80, function() {
					// Animation complete.
					
				});
				
				if(rubrique==1){
					if(!reference_btn_1){
				
						if(reference_btn_2){
							reference_modif_en_cours = true;
							$("#reference_content_2").slideToggle("slow",function(){
								$("#reference_content_1").slideToggle("slow",function(){
									selectButtonReference(1,_this);
								});
							});
							
						} else if(reference_btn_3){
							reference_modif_en_cours = true;
							$("#reference_content_3").slideToggle("slow",function(){
								$("#reference_content_1").slideToggle("slow",function(){
									selectButtonReference(1,_this);
							 	});
							});
								
						} else if(!reference_btn_1 && !reference_btn_2 && !reference_btn_3){
							reference_modif_en_cours = true;
							$("#reference_content_1").slideToggle("slow");
							selectButtonReference(1,_this);
						}
					} 
					
				}else if(rubrique==2){
					if(!reference_btn_2){
			
						if(reference_btn_1){
							reference_modif_en_cours = true;
							$("#reference_content_1").slideToggle("slow",function(){
								$("#reference_content_2").slideToggle("slow",function(){
									selectButtonReference(2,_this);
								});
							});
							
						}else if(reference_btn_3){
							reference_modif_en_cours = true;
							$("#reference_content_3").slideToggle("slow",function(){
								$("#reference_content_2").slideToggle("slow",function(){
									selectButtonReference(2,_this);
								});
							 });
								
						} else if(!reference_btn_1 && !reference_btn_2 && !reference_btn_3){
							reference_modif_en_cours = true;
							$("#reference_content_2").slideToggle("slow");
							selectButtonReference(2,_this);
						}
					} 
				}else if(rubrique==3){
					if(!reference_btn_3){
			
						if(reference_btn_1){
							reference_modif_en_cours = true;
							$("#reference_content_1").slideToggle("slow",function(){
								$("#reference_content_3").slideToggle("slow",function(){
									selectButtonReference(3,_this);
								});
							 });
							
						}else if(reference_btn_2){
							reference_modif_en_cours = true;
							$("#reference_content_2").slideToggle("slow",function(){
								$("#reference_content_3").slideToggle("slow",function(){
									selectButtonReference(3,_this);
									
								});
							 });
								
						} else if(!reference_btn_1 && !reference_btn_2 && !reference_btn_3){
							reference_modif_en_cours = true;
							$("#reference_content_3").slideToggle("slow");
							selectButtonReference(3,_this);
						}
					} 
				}
			}
		}
		function selectButtonReference(id,_this){
			
			//on déselectionne les autres
			$(".reference_btn_side_left_text").css("color","#000000");
			$(".reference_btn_side_left").find('img').css("left","0px");
			
			//on selectionne celui là
			$(_this).parent().find('p').css("color","#4092A4");
			$(_this).parent().find('img').css("left","-63px");
			
			reference_btn_1 = reference_btn_2 = reference_btn_3 = false
			if(id==1){
				reference_btn_1 = true;
			} else if(id==2){
				reference_btn_2 = true;
			} else if(id==3){
				reference_btn_3 = true;
			}
			reference_modif_en_cours = false;
		}
		$('#reference_btn_cases').click(function() {
			selectReferenceRubrique(3,this);
		});
		$('#reference_btn_produits').click(function() {
			selectReferenceRubrique(2,this);
		});
		$('#reference_btn_clients').click(function() {
			selectReferenceRubrique(1,this);
		});
		$('#reference_btn_clients').click(function() {
			selectReferenceRubrique(1,this);
		});
		$('.btn_clients_close').click(function() {
			reference_modif_en_cours = true;
			if(reference_btn_1){
				$("#reference_content_1").slideToggle("slow",function(){
					reference_modif_en_cours = false;
				 });
			}
			if(reference_btn_2){
				$("#reference_content_2").slideToggle("slow",function(){
					reference_modif_en_cours = false;
				 });
			}
			if(reference_btn_3){
				$("#reference_content_3").slideToggle("slow",function(){
					reference_modif_en_cours = false;
				 });	
			}
			reference_btn_1 = false;
			reference_btn_2 = false;
			reference_btn_3 = false;
			
			//on déselectionne les autres
			$(".reference_btn_side_left_text").css("color","#000000");
			$(".reference_btn_side_left").find('img').css("left","0px");
		});
		
		
		
		$('#client_btn_right').click(function() {
	
			if($("#content_client_conteneur_1").css("left")=="-832px"){
				$("#content_client_conteneur_1").css("left","832px");
			}
			
			$("#content_client_conteneur_1").animate({
				left:"-=832px"
			}, 80, function() {
				// Animation complete.
			});
			
	
		});
		
		$('#client_btn_left').click(function() {
			
			if($("#content_client_conteneur_1").css("left")=="0px"){
				$("#content_client_conteneur_1").css("left","-1664px");
			}
			
			$("#content_client_conteneur_1").animate({
				left:"+=832px"
			}, 80, function() {
				// Animation complete.
			});
		});
		
		$(".btn_side_left").hover(
			function () {
				$(this).parent().find('p').find('a').css("color","#4092A4");
				
				var content = $(this).parent().find('.zone_detail_compet').html();
			
				if(content!=null){
					$("#content_comptet_detail").html(content);
				}
				$(this).find('img').animate({
					left: '-=63px'
				}, 80, function() {
					// Animation complete.
				});
			},
			function () {
				$(this).parent().find('p').find('a').css("color","#000000");
				$(this).find('img').animate({
					left: '+=63px'
				}, 80, function() {
					// Animation complete.
				});
			}
		);
		$(".btn_side_left_text").hover(
				function () {
					$(this).find('a').css("color","#4092A4");

	
					$(this).parent().find('img').animate({
						left: '-=63px'
					}, 80, function() {
						// Animation complete.
					});
				},
				function () {
					$(this).find('a').css("color","#000000");
					$(this).parent().find('img').animate({
						left: '+=63px'
					}, 80, function() {
						// Animation complete.
					});
				}
		);
		
		//premier menu de la page
		function moveFlecheMenu(_this){

			$(".btn_menu_top_default").find('img:first').css("top","0px");
			
			var images = $(".btn_menu_top_default").find('img');
			$(images[1]).fadeOut("quick");

			pos_btn_1 = $(".btn_menu_top_default").findPos();
			pos_btn = _this.findPos();

			var width_btn = _this.css("width");
			width_btn = width_btn.replace("px","");
			width_btn = width_btn /2;
			
			pos_x = pos_btn.x-pos_btn_1.x+width_btn-20;

			$("#fleche_menu").animate({
				left: pos_x
			},80,'easeInOutCubic', function() {
				// Animation complete.
			});

			_this.find('img:first').animate({
				top: '-30px'
			}, 80, function() {
				// Animation complete.
			});
			//_this.find('img').next().fadeOut("quick");
			_this.find('img').fadeIn("quick");
			
			//si ce n'est pas l'onglet pas défaut on met le timer pour aller dessus
			if(_this.attr("class").search("btn_menu_top_default")==-1){
				$(document).oneTime(1500, function() {
			  		moveFlecheMenu($(".btn_menu_top_default"));
				});
			}
			
		}
		jQuery.fn.extend({
			   findPos : function() {
			       obj = jQuery(this).get(0);
			       var curleft = obj.offsetLeft || 0;
			       var curtop = obj.offsetTop || 0;
			       while (obj = obj.offsetParent) {
			                curleft += obj.offsetLeft
			                curtop += obj.offsetTop
			       }
			       return {x:curleft,y:curtop};
			   }
			});
		
		
		$(".btn_menu_top").click(
			function () {
				moveFlecheMenu($(".btn_menu_top_default"));
			}
		);
		$(".btn_menu_top").hover(
				function () {

				
					moveFlecheMenu($(this));
	
					$(document).stopTime();
				},
				function () {
					$(this).parent().find('p').css("color","#000000");

					$(this).find('img:first').animate({
						top: '+=30px'
					}, 80, function() {
						// Animation complete.
					});
					
					var images = $(this).find('img');
					$(images[1]).fadeOut("quick");
					
					$(document).oneTime(2000, function() {
						 
						moveFlecheMenu($(".btn_menu_top_default"));
					});
					
				}
			);
		

		moveFlecheMenu($(".btn_menu_top_default"));
		//on selectionne par défaut un bouton dans le menu compétence
		selectBtnCompet($(".btn_compet_side_left_default"));
		selectBtnReference($(".btn_reference_default"))
		
		function validateEmail(email) {
 
			var reg = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/;
			if(reg.test(email) == false) {
				return false;
			}
			return true;
		}
		
		$("#contact_input_message").focus(function() {
			if($("#contact_input_message").val()==VOTRE_MESSAGE){//c'est le texte par défaut, on l'enlève
				$("#contact_input_message").val("");
			}
		});

		$('#contact_input_message').blur(function() {
			
			if($("#contact_input_message").val()==""){
				$("#contact_input_message").val(VOTRE_MESSAGE);
			}
		});
		$("#contact_input_nom").focus(function() {
			if($("#contact_input_nom").val()==NOM){//c'est le texte par défaut, on l'enlève
				$("#contact_input_nom").val("");
			}
		});

		$('#contact_input_nom').blur(function() {
			
			if($("#contact_input_nom").val()==""){
				$("#contact_input_nom").val(NOM);
			}
		});
		$("#contact_input_email").focus(function() {//c'est le texte par défaut, on l'enlève
			if($("#contact_input_email").val()==EMAIL){
				$("#contact_input_email").val("");
			}
		});

		$('#contact_input_email').blur(function() {
			
			if($("#contact_input_email").val()==""){
				$("#contact_input_email").val(EMAIL);
			}
		});
		$("#div_contact_btn_send").click(function() {
			
			//console.log("CLICK MAIL");
			
			var email = $("#contact_input_email").val();
			if(email==EMAIL){//les valeur par défaut sont settées
				email="";
			}
			var nom = $("#contact_input_nom").val();
			if(nom==NOM){//les valeur par défaut sont settées
				nom="";
			}
			var message = $("#contact_input_message").val();
			if(message==VOTRE_MESSAGE){//les valeur par défaut sont settées
				message="";
			}
			if(message.length<5){
				$("#contact_error_msg").css("color","red");
				$("#contact_error_msg").html(MESSAGE_VIDE);
			} else if (!validateEmail(email)){
				$("#contact_error_msg").css("color","red");
				$("#contact_error_msg").html(EMAIL_ERRONNEE);
			} else if(nom.length<3){
				$("#contact_error_msg").css("color","red");
				$("#contact_error_msg").html(NOM_VIDE);
			} else {
				$("#contact_error_msg").html("");
		
				jQuery.post("send_mail.php", 
					{
						email: email,
						nom: nom,
						message: message
					}, 
					function(data){
						if (data.status == "ko"){
							$("#contact_error_msg").css("color","red");
							$("#contact_error_msg").html(MAIL_PROBLEM);
						} else {
							$("#contact_error_msg").css("color","green");
							$("#contact_error_msg").html(MAIL_OK);
						}
					}, "json");
			}
		});
	
		//Lorsque vous cliquez sur un lien de la classe poplight et que le href commence par #
		$('.poplight').click(function() {
			
			//s'il n'y a q'une image on affiche pas les flèches
			if(work_detail_nb_image[img_work_affiche]==1){
				$("#client_popup_modal_left").hide();
				$("#client_popup_modal_right").hide();
			} else {
				$("#client_popup_modal_left").show();
				$("#client_popup_modal_right").show();
			}
			
			if(work_detail_type[img_work_affiche]=="video"){
				//console.log("video");
				if(detectIPhone()){
					$("#video_popup_modal_html_5").show();
					$("#video_popup_modal_flash").hide();
				} else {
					$("#video_popup_modal_html_5").hide();
					$("#video_popup_modal_flash").show();
				}
				$("#conteneur_video_popup_modal").show();
				$("#conteneur_image_popup_modal").hide();
			} else {
				
				$("#conteneur_video_popup_modal").hide();
				$("#conteneur_image_popup_modal").show();

			}
			
			
			popup_page_affichee_actuelle = 1;
			
			if(work_detail_type[img_work_affiche]!="video"){
				$("#popup_modale_contenu_image").attr("src","img/case_studies_popup/"+img_work_affiche+"/"+popup_page_affichee_actuelle+".png");
				$("#conteneur_image_popup_modal").css("background-image","url(img/case_studies_popup/"+img_work_affiche+"/"+popup_page_affichee_actuelle+".png)");
			}	

			
			//$("#popup_2").css("overflow","hidden");
			
			$("#popup_2").fadeIn(1000, function () {
				$("#global_content").hide();
				$("#map").hide();
				
				if(work_detail_type[img_work_affiche]!="video"){
					var imgHeight = $("#popup_modale_contenu_image").height();
					var imgWidth = $("#popup_modale_contenu_image").width();
	
					$("#conteneur_image_popup_modal").css("height",imgHeight+"px");
					$("#conteneur_image_popup_modal").css("width",imgWidth+"px");
				}
	          });
			
			if(1==img_work_affiche){
				$("#popup_modal_descr_txt").html(work_detail_text[img_work_affiche]);
			} else {
				$("#popup_modal_descr_txt").html(work_detail_text[img_work_affiche]);
			}
			return false;
			
		});
		
		//Fermeture de la pop-up et du fond
		$('#client_popup_modal_left').click(function() { //Au clic sur le bouton ou sur le calque...
			

			//console.log(work_detail_nb_image[img_work_affiche]);
			
			popup_page_affichee_actuelle --;
			if(popup_page_affichee_actuelle<1){
				popup_page_affichee_actuelle = work_detail_nb_image[img_work_affiche];
			}
			$("#popup_modale_contenu_image").unbind();
			$("#popup_modale_contenu_image").attr("src","img/case_studies_popup/"+img_work_affiche+"/"+popup_page_affichee_actuelle+".png").load(function() {
				
				var imgHeight = $("#popup_modale_contenu_image").height();
				var imgWidth = $("#popup_modale_contenu_image").width();
				
				$("#conteneur_image_popup_modal").css("height",imgHeight+"px");
				$("#conteneur_image_popup_modal").css("width",imgWidth+"px");
				
				$("#popup_modale_contenu_image").css("left",imgWidth+"px");
				
				if(1==img_work_affiche){
					if(popup_page_affichee_actuelle<4){
						$("#popup_modal_descr_txt").html(work_detail_text[img_work_affiche]);
					} else {
						$("#popup_modal_descr_txt").html("<h1>wellcome \"white\"</h1>258 pages<br/>4 langues<br/>changement dans le noir");
					}
				}
				
				
				$("#popup_modale_contenu_image").animate({
					left: '-='+imgWidth+'px'
				}, 80, function() {
					$("#conteneur_image_popup_modal").css("height",imgHeight+"px");
					$("#conteneur_image_popup_modal").css("width",imgWidth+"px");
					$("#conteneur_image_popup_modal").css("background-image","url(img/case_studies_popup/"+img_work_affiche+"/"+popup_page_affichee_actuelle+".png)");
					
				});
				if(detectIPhone()){
					$("#client_popup_modal_left").css("background-position","0 0");
				}
				
			});
			
			
		
		});
		//Fermeture de la pop-up et du fond
		$('#client_popup_modal_right').click(function() { //Au clic sur le bouton ou sur le calque...
			
			
			popup_page_affichee_actuelle ++;
			if(popup_page_affichee_actuelle>work_detail_nb_image[img_work_affiche]){
				popup_page_affichee_actuelle = 1;
			}
		
			$("#popup_modale_contenu_image").unbind();
			$("#popup_modale_contenu_image").attr("src","img/case_studies_popup/"+img_work_affiche+"/"+popup_page_affichee_actuelle+".png").load(function() {
				
	
				if(1==img_work_affiche){
					if(popup_page_affichee_actuelle<4){
						$("#popup_modal_descr_txt").html(work_detail_text[img_work_affiche]);
					} else {
						$("#popup_modal_descr_txt").html("<h1>wellcome \"white\"</h1>258 pages<br/>4 langues<br/>changement dans le noir");
					}
				}
				
				var imgHeight = $("#popup_modale_contenu_image").height();
				var imgWidth = $("#popup_modale_contenu_image").width();
				
				$("#conteneur_image_popup_modal").css("height",imgHeight+"px");
				$("#conteneur_image_popup_modal").css("width",imgWidth+"px");
				
				$("#popup_modale_contenu_image").css("left",-imgWidth+"px");
				
				$("#popup_modale_contenu_image").animate({
					left: '0'
				}, 80, function() {
					$("#conteneur_image_popup_modal").css("height",imgHeight+"px");
					$("#conteneur_image_popup_modal").css("width",imgWidth+"px");
					
					$("#conteneur_image_popup_modal").css("background-image","url(img/case_studies_popup/"+img_work_affiche+"/"+popup_page_affichee_actuelle+".png)");
					
				});
				if(detectIPhone()){
					$("#client_popup_modal_right").css("background-position","0 0");
				}
			});
			
			
		});
		//Fermeture de la pop-up et du fond
		$('#client_popup_modal_close').click(function() { //Au clic sur le bouton ou sur le calque...

			$("#map").show();
			$("#global_content").show();
			var position = $("#reference").position();
			window.scrollTo(0,position.top);
			
			$("#popup_2").fadeOut(1000, function () {
	          });
		});
		
	});

            
}) ;