// ---------------- DETAILS SLIDESHOW TRAVAUX ------------------------	
	var animationFinie;
	var animationFinie2;
	var recupDatas;
	var tmp;
	var id_rubrique;
	var id_article;
	var id_article_tmp;
	var texte;
	var i;
	var j=0;
	var loaderPath = "WD_IMAGES/ajax-loader.gif"; 
	var recupThisVignette;
	var id_article_tmp;
	var firstImage;
	var count;
	var formulaireContact;
	var zoomImage;
	var posMouseX;
	var posMouseY;
	
	
$(document).ready( function() {



//APPARITION HEADER SOMMARIE
$("#noFlashHeaderSommaire").fadeIn(2500);

//DETECTION NAV
function detectIE() {
	if( ($.browser.msie==true) && ($.browser.version == 7) || ($.browser.version == 8)) {
		return true;
	} else { return false; }
}
function detectIE7() {
	if( ($.browser.msie==true) && ($.browser.version == 7)) {
		return true;
	} else { return false; }
}
function detectIE8() {
	if( ($.browser.msie==true) && ($.browser.version == 8)) {
		return true;
	} else { return false; }
}
//MODIFICATION LIEN NAVIGATION
$(".navigation_SOUS_MENU").prev().attr("href","javascript:void(0)");

//CORRECTION BUG IE7
if(detectIE7()==true) {
	$(".navigation_SOUS_MENU").css({left:90,paddingTop:15});
	$("#subNav .fixCenter").css({marginLeft:50+"px"});
	}

//CORRESION BUGS IE8
if(detectIE8()==true) {
	$("#subNav .fixCenter").css({marginLeft:50+"px"});
	$(".pagination").css({marginTop:-10+"px"});
	$(".navigation li").css({marginTop:7+"px"});
	
	}


// FORMULAIRE CONTACT
formulaireContact = $("#contactForm");
formulaireContact.css({height:"520px"}).find("div").css({display:"none"});
	if(formulaireContact.find("div").is(":hidden")) {
			$("#contactForm").find("div").each(function(i) {
					if(detectIE() == false) {
						$("#contactForm").find("div").eq(i).slideDown(2500,'easeOutElastic');
					} else {
						$("#contactForm").find("div").eq(i).fadeIn("slow");
						}
			})
	}
	$(".boutonSend").click(function() {
		
		formulaireContact.find("input").css("backgroundColor","#fff").find("textarea").css("backgroundColor","#fff");
		
		var nom = formulaireContact.find("#nom");
		var email = formulaireContact.find("#email");
		var message = formulaireContact.find("#message");
		var code = formulaireContact.find("#code");
		
		if(nom.val() == "") {
			nom.css("backgroundColor","#ef0054");
		}
		else if (email.val() == "") {
			email.css("backgroundColor","#ef0054");
		} else if (message.val() == "") {
			message.css("backgroundColor","#ef0054");	
		} else {
		
		$.post("spip.php?rubrique6",{sendContactForm:1,nom:nom.val(),email:email.val(),message:message.val(),code:code.val()},function(data) {
			if(data=="erreurCodeAS") {
				code.css("backgroundColor","#ef0054");
			} else {
				code.css("backgroundColor","#fff");	
				formulaireContact.before("<div class='confirmationEnvoiForm'>"+data+"</div>");
				$(".confirmationEnvoiForm").slideDown("slow");
			}
			
		})
		}
	})
	
	



// ANIMATION BOITE PAGE ACCUEIL "ABOUT MOI"
		$("#subNav").find(".aboutMoi a").eq(1).click(function() {
			if( $("#aboutMoi").is(":hidden") == true) {	
				$(this).removeClass("ongletOff").addClass("ongletOn");
				$("#subNav").find(".aboutMoi a").eq(0).removeClass("ongletOn").addClass("ongletOff");	
				$("#aboutMoi").css({display:"block",opacity:0.85}).animate({top:"45px"},700,'easeOutElastic',function() {
				});
			}
		})
		$("#subNav").find(".aboutMoi a").eq(0).click(function() {
			if( $("#aboutMoi").is(":visible") == true) {
				$("#subNav").find(".aboutMoi a").eq(1).removeClass("ongletOn").addClass("ongletOff");
				$("#subNav").find(".aboutMoi a").eq(0).removeClass("ongletOff").addClass("ongletOn");
				$("#aboutMoi").animate({top:"500px"},700,'easeOutCubic',function() { $(this).css("display","none");  });
			}
		})
		
// center div float PLUGIN "CENTERFLOATELEMANTS.JS"	
		$(".centerSubNav").centerFloatElements({padding:20});
		$(".aboutMoi").centerFloatElements({padding:20});
		$(".pagination").centerFloatElements({marginRight:5});
		$(".navigation ul").centerFloatElements();

// MENU DEROULANT NAVIGATION TOP
		$(".navigation_MENU>li").hover(function() {
			if($(this).children("ul").is(":visible")==true) {
					setTimeout(function() {
						if(detectIE() == false) {
							$(".navigation_MENU>li").children("ul").slideUp(300,'easeOutCubic');
						} else {
							$(".navigation_MENU>li").children("ul").css("display","none");
						}
						
						},300)
				} else {
					if(detectIE() == false) {
						$(this).children("ul").slideDown(600,'easeOutElastic');
					} else {
						$(this).children("ul").css("display","block");
						}
					
				}
			})
			
//HOVER VIGNETTES
	$(".vignettes").hover(function() {
		$(this).children(".vignette").css({cursor:"pointer"}).animate({left:0},600,'easeOutElastic')
		},function () { $(this).children(".vignette").animate({left:-20},600,'easeOutCubic')}
	) 
	$(".vignettesSommaire").hover(function() {
		$(this).children(".vignette").css({cursor:"pointer"}).animate({left:0},600,'easeOutElastic')
		},function () { $(this).children(".vignette").animate({left:-20},600,'easeOutCubic')}
	) 
	
// ACTION VIGNETTES SOMMAIRE
$(".vignettesSommaire").children(".cache").click(function() {
	
	recupDatas = $(this).parent().attr("id");
	window.location.href = "spip.php?rubrique"+recupDatas;
	})
	
// ACTION VIGNETTES	
$(".vignettes").children(".cache").click(function() {	
		$.scrollTo({top:0});
		recupThisVignette = $(this).parent();
		// suppression/réinitialisation des numéros + TEXTES
		if($(".numeros").html() != null) { $(".numeros").html("");}			
		if($(".texte").html() != null) {$(".texte").html("");}
		$('.detailsEcran').css("backgroundImage","none");
		//SUPPRESSION MODE FULL SIZE IMAGE SI OUVERT
		if($(".imageZoom").is(":visible")) {
			$(".imageZoom").html("").fadeOut("slow");
			}
		//RECUPERATION DES DONNEES AJAX (id article + id rubrique + path images + textes)
		recupDatas = $(this).parent().attr("id");
		tmp = recupDatas.split('|');
		id_rubrique = tmp[1];
		id_article = tmp[0];
		//RECUPERATION CHEMIN IMAGE SI RUBRIQUE= ARTWORK & PRINT
		if(id_rubrique==11 || id_rubrique==9) {
			zoomImage=tmp[4];
		}
		
		//affichage ou non des boutons suivant / précédent
		if(tmp[3]=="") { $(".btnPrev").css("display","none")} else {$(".btnPrev").css("display","block")}
		if(tmp[2]=="") { $(".btnNext").css("display","none")} else {$(".btnNext").css("display","block")}
	
	//APPEL ET AFFICHAGE DES INFOS VIA AJAX.HTML
	$.get("spip.php?page=ajax", { id_article: id_article },
		function(data){
			$(".recupData").css({opacity:0}).html(data);		
		//ANIMATION middle + subnav
		if(animationFinie!=1) {
			$("#middle").animate({top:700},900,'easeOutElastic');
			$("#subNav").animate({top:674},1100,'easeOutElastic',function() { animationFinie=1; });
		}		
		affichageDetails(id_article,id_rubrique);
	})	

	}) // ajax .get
	
	$(".btnNext").click(function() {			
	
				// affichage obligatoire du bouton précédent
				$(".btnPrev").css("display","block");
				// suppression/réinitialisation des numéros + TEXTES
				if($(".numeros").html() != null) { $(".numeros").html("");}			
				if($(".texte").html() != null) {$(".texte").html("");}
				$('.detailsEcran').css("backgroundImage","none");		
				//RECUPERATION DES DONNEES AJAX (id article + id rubrique + path images + textes)
				recupDatas = recupThisVignette.attr("id");
				tmp = recupDatas.split('|');
				id_rubrique = tmp[1];
				
				if(id_article) {
					$(".vignettes").each(function() {
						recupDatas = $(this).attr("id");
						tmp = recupDatas.split('|');
						if(id_article == tmp[0]) {							
							id_article_tmp = tmp[2].split('!');
							id_article = id_article_tmp[0];
							zoomImage = id_article_tmp[1];
							return false;
						}
					})
				} else {
					id_article = id_article;
					}
				
				//APPEL ET AFFICHAGE DES INFOS VIA AJAX.HTML
				$.get("spip.php?page=ajax", { id_article: id_article },
				function(data){
					$(".recupData").html(data);							
					affichageDetails(id_article,id_rubrique);
				})
		}) 

// ACTION BOUTONS PROJET SUIVANT - PRECEDENT
		$(".btnPrev").click(function() {		
				// affichage obligatoire du bouton suivant
				$(".btnNext").css("display","block");
				// suppression/réinitialisation des numéros + TEXTES
				if($(".numeros").html() != null) { $(".numeros").html("");}			
				if($(".texte").html() != null) {$(".texte").html("");}
				$('.detailsEcran').css("backgroundImage","none");		
				//RECUPERATION DES DONNEES AJAX (id article + id rubrique + path images + textes)
				recupDatas = recupThisVignette.attr("id");
				tmp = recupDatas.split('|');
				id_rubrique = tmp[1];
				if(id_article) {
					$(".vignettes").each(function() {
						recupDatas = $(this).attr("id");
						tmp = recupDatas.split('|');
						if(id_article == tmp[0]) {
							id_article_tmp = tmp[3].split('!');
							id_article = id_article_tmp[0];
							zoomImage = id_article_tmp[1];
							return false;
						}
					})
				} else {
					id_article = id_article;
					//affichage ou non des boutons suivant / précédent									
				}
				//APPEL ET AFFICHAGE DES INFOS VIA AJAX.HTML
				$.get("spip.php?page=ajax", { id_article: id_article },
					function(data){
						$(".recupData").html(data);		
						affichageDetails(id_article,id_rubrique);
				})	
		})




}) // fin jquery



//ACTION AFFICHAGE DETAILS	
function affichageDetails(id_article,id_rubrique) {	
		$(".vignettes").each(function() {
			recupDatas = $(this).attr("id");
			tmp = recupDatas.split('|');						
			//affichage ou non des boutons suivant / précédent
			if(id_article == tmp[0]) {
				if(tmp[3]=="") { $(".btnPrev").css("display","none")} else {$(".btnPrev").css("display","block")};
				if(tmp[2]=="") { $(".btnNext").css("display","none")}else { $(".btnNext").css("display","block")};
			}
		})
		if($(".afficheDetails").is(":visible")==false ) { $(".afficheDetails").fadeIn("fast") };		
		$('.detailsEcran').html("<div class='loader' style='text-align:center;margin-top:210px'><img src="+loaderPath+"><br/><span style='color:white'>Chargement</span></div>");		
		texte = $(".explicationDetails").html();

if($(".detailsEcran").is(":hidden")) {	
setTimeout(function() {			
		$(".detailsEcran").css("display","block").animate({top:45},300,function() {
			//SUPPRESSION BULLE
			$(".bulleBD").fadeOut("slow");
			$(".detailsNav").css("display","block").animate({top:494},700,'easeOutElastic',function() {
				
				count = $(".imagesDetails").length;
				//AFFICHAGE DES NUMEROS(NOMBRE D IMAGES)					
				$(".imagesDetails").each(function(i) {
						j++;
						if(count>1) {
							$(".detailsNav").append("<div class='numeros'><li class='numero' id="+i+">"+j+"</li></div>");
						}
				})
				//AFFICHAGE BOUTON CLOSE VOLET
				$(".BtnCloseVolet").remove();
				$(".detailsNav").append("<div class='BtnCloseVolet'></div>");
				//ACTION BOUTON CLOSE VOLET
				$(".BtnCloseVolet").click(function() {
					animationFinie=0;
					if(animationFinie==0) {
						$("#middle").animate({top:100},900,'easeOutCubic');
						$("#subNav").animate({top:75},1100,'easeOutCubic');	
					}
				})

				//VARIABLE GRANDE PHOTO
				var images = $(".imagesDetails");
		//ACTION CLICK NUM AFFICHAGE IMAGES
				$(".numeros li").click(function() {
					$(".numeros li").css({backgroundColor:"transparent"});
					var bouton = $(this);
					bouton.css({backgroundColor:"#d51851"});
					$('.detailsEcran').fadeOut(300,function() {
						$(this).css({backgroundImage:'url(' +$(".imagesDetails").eq(bouton.attr("id")).html()+ ')'}).fadeIn(300);
					})				
				})
				//AFFICHAGE DU TEXTE
				$(".detailsNav").append("<div class='texte'>"+texte+"</div>");
				$(".texte").fadeIn("slow");
				$(".texte td").eq(0).attr("width",150);
				$(".texte td").eq(1).css("backgroundColor","#d51851");
				
				
				//AFFICHAGE DE LA 1ERE IMAGE			
				var firstImage = $(".imagesDetails").eq(0).html();
				//COLORISATION 1ER BUTON
					$(".numeros li").eq(0).css({backgroundColor:"#d51851"});
				//PRELOAD + AFFICHAGE GRANDE IMAGE	
					$('<img />').attr('src', firstImage).load(function(){
						$('.detailsEcran').html("");
       					$('.detailsEcran').css({backgroundImage:'url(' +firstImage + ')'}).fadeIn(600);
						if(id_rubrique==11 || id_rubrique==9) {
							
							//MODIFICATION DU CURSEUR POUR SES RUBRIQUES
						if($(".numeros li").length==0) { // si qu'une seule photo
								$('.detailsEcran').append("<div class='newCursor'></div>");
							
							
							$('.detailsEcran').mousemove(function(e){
								if($("#container").width() < 1900) {
									posMouseX = (e.pageX/1.8);
								} else {
									posMouseX = (e.pageX/2.5);
								}					
								posMouseY = (e.pageY - 85);	
																					
								$('.newCursor').css("top",posMouseY + "px");
								$('.newCursor').css("left",posMouseX + "px");
							});
							//ACTION CLICK SUR DETAILS ECRAN
							$('.detailsEcran').css("cursor","pointer").click(function() {								
								$(".newCursor").addClass("newCursorPreloadBackground");
								var largeurImage = $(this).attr('width');								
								$("body").append("<div class='imageZoom'><div class='positionImageZoom' style='width:"+largeurImage+"px;margin:0 auto; position:relative;'><div class='close'>[FERMER]</div><img src="+zoomImage+" /></div></div>");
								$(".imageZoom").fadeIn("slow");
								$(".close").click(function() {$(".imageZoom").html("").fadeOut("slow"); $(".newCursor").removeClass("newCursorPreloadBackground");})
								
							});
							
						}	
							
						}
						
    					});
			});
		})
		
},700)// fin setTimeout	
		} else {
setTimeout(function() {				
		//AFFICHAGE DES NUMEROS(NOMBRE D IMAGES)					
				j=0;
				count = $(".imagesDetails").length;
				$(".imagesDetails").each(function(i) {
					j++;
					if(count>1) {
						$(".detailsNav").append("<div class='numeros'><li class='numero' id="+i+">"+j+"</li></div>");
					}
				})
			//AFFICHAGE BOUTON CLOSE VOLET	
			$(".BtnCloseVolet").remove();
			$(".detailsNav").append("<div class='BtnCloseVolet'></div>");
			//ACTION BOUTON CLOSE VOLET
			$(".BtnCloseVolet").click(function() {
				animationFinie=0;
				if(animationFinie==0) {
					$("#middle").animate({top:100},900,'easeOutCubic');
					$("#subNav").animate({top:75},1100,'easeOutCubic');	
				}
			})

				//VARIABLE GRANDE PHOTO
				var images = $(".imagesDetails");
		//ACTION CLICK NUM AFFICHAGE IMAGES
				$(".numeros li").click(function() {
					$(".numeros li").css({backgroundColor:"transparent"});
					var bouton = $(this);
					bouton.css({backgroundColor:"#d51851"});
					$('.detailsEcran').fadeOut(300,function() {
						$(this).css({backgroundImage:'url(' +$(".imagesDetails").eq(bouton.attr("id")).html()+ ')'}).fadeIn(300);
					})				
				})
				//AFFICHAGE DU TEXTE
				$(".detailsNav").append("<div class='texte'>"+texte+"</div>");
				$(".texte").fadeIn("slow");
				$(".texte td").eq(0).attr("width",150);
				$(".texte td").eq(1).css("backgroundColor","#d51851");
				
				
				//AFFICHAGE DE LA 1ERE IMAGE			
				firstImage = $(".imagesDetails").eq(0).html();
				
				//COLORISATION 1ER BUTON
					$(".numeros li").eq(0).css({backgroundColor:"#d51851"});
				//PRELOAD + AFFICHAGE GRANDE IMAGE	
					

						$('.detailsEcran').html("");
       					$('.detailsEcran').css({backgroundImage:'url(' +firstImage + ')'}).fadeIn(600);
						
						//MODIFICATION DU CURSEUR POUR SES RUBRIQUES
					if(id_rubrique==11 || id_rubrique == 9) {
						
						if($(".numeros li").length==0) {
								$('.detailsEcran').append("<div class='newCursor'></div>");
							
							
							$('.detailsEcran').mousemove(function(e){
								if($("#container").width() < 1900) {
									posMouseX = (e.pageX/1.8);
								} else {
									posMouseX = (e.pageX/2.5);
								}					
								posMouseY = (e.pageY - 85);	
																					
								$('.newCursor').css("top",posMouseY + "px");
								$('.newCursor').css("left",posMouseX + "px");
							});
							
						//ACTION CLICK SUR DETAILS ECRAN
							$('.detailsEcran').css("cursor","pointer").click(function() {								
								$(".newCursor").addClass("newCursorPreloadBackground");
								var largeurImage = $(this).attr('width');								
								$("body").append("<div class='imageZoom'><div class='positionImageZoom' style='width:"+largeurImage+"px;margin:0 auto; position:relative;'><div class='close'>[FERMER]</div><img src="+zoomImage+" /></div></div>");
								$(".imageZoom").fadeIn("slow");
								$(".close").click(function() {$(".imageZoom").html("").fadeOut("slow"); $(".newCursor").removeClass("newCursorPreloadBackground");})
								
							});
						
						} else {
							$('.detailsEcran').css("cursor","default").click(function() {
								return false;
							})
						}

					}
						
						
    					
},200)// fin setTimeout			
		} // fin else
		
		
		
		
	}