$(function(){
	gestionMenusLateraux();
	gestionMenuDuHaut();
	gestionDuMenuSelected();
	gestionDuMenuFreres();
	gestionNewsletter();
	if (nomPage == "actualites") gestionActus();
	if (nomPage == "actualites-angle" || nomPage == "soirees-speciales") gestionActusSecondaires();
	gestionTitres();
	gestionImages();
	gestionFooterContenu();		
	if (nomPage == "infos-pratiques" && nomPageParent == "le-parc") gestionTableauPrix();
	
	if (nomPage != "actualites" && nomPage != "actualites-angle" && nomPage != "soirees-speciales") $("#global").append("<div id='barreDeSeparation'><img src='"+IMGPATH+"hautAscenseur.png' /></div>");
	
	if (nomPageParent == "activites" && nomPage != "forme-2")
	{
		$("#contenu table").attr("cellspacing", "0");
		$("#contenu td").css("verticalAlign", "top").css("paddingBottom", "10px").css("paddingTop", "10px").css("borderBottom", "1px solid black");
	}	
	
	if (nomPageParent == "activites")
	{
		// Etiquette NOUVEAU dans les titres des activités
		$("#contenu h2").each(function(){
			txt = $(this).html();			
			txt = txt.replace("NEW", "<img src='"+IMGPATH+"new.gif' alt='nouveau' />");
			$(this).html(txt);
		});		
		
		// Marge à gauche pour les images des activités
		$("#contenu").find("img").each(function(){
			if ($(this).attr("title").length > 0) $(this).css("marginLeft", "10px");
		});
	}
	
	if (nomPage == "acces") pageAcces();
	
	desactivationLiensPhotos();
	gestionZoomPhotos();
});

function go() 
{	
	// Adaptation de la marge sous les images de façon à éviter les retours de texte à la ligne
	$(".vignetteActu").each(function(k){
		hImg = $(this).height();
		hActu = $(this).parent(".actu").height();
		margeBas = hActu - hImg - 10;				
		$(this).css("marginBottom", margeBas+"px");
	});

	positionnerElements();		
	window.onresize = positionnerElements;	
	$("body").css("visibility", "visible");		
}

function positionnerElements()
{
	l = $(window).width(); h = $(window).height();
	lg = $("#global").width();		
	xGlobal = (l-lg)>>1; if (xGlobal < 0) xGlobal = 0;				
	$("#global").css("left", xGlobal+"px");
	
	hz = $("#zoneCentrale").height();
	$("#barreDeSeparation").css("height", hz + "px");
}

function gestionMenusLateraux()
{
	$("#menuLangle ul li a:last, #menuLeParc ul li a:last").css("border", "0");		
	
	// Gestion des flags
	$("#menuLangle, #menuLeParc").mouseenter(function(){$(this).addClass("inside");}).mouseleave(function(){$(this).removeClass("inside");});
	
	// Gestion du déroulement avec tempo
	$("#menuLangle").mouseenter(function(){setTimeout("deroulerMenusLangle();", 200);});
	$("#menuLeParc").mouseenter(function(){setTimeout("deroulerMenusLeParc();", 200);});	
	
	// Gestion de repliement
	$("#menuLangle, #menuLeParc").mouseleave(function(){		
		idMenu = $(this).attr('id');
		if (idMenu == "menuLangle" && $("#menuLeParc").hasClass("selected")) $("#menuLeParc").animate({height:(113 + $("#menuLeParc").children("ul").height())+"px"}, 200);
		else if (idMenu == "menuLeParc" && $("#menuLangle").hasClass("selected")) $("#menuLangle").animate({height:(113 + $("#menuLeParc").children("ul").height())+"px"}, 200);		
		if (! $(this).hasClass("selected"))	$(this).animate({height:"113px"}, 200);
	});
	
	$("#menuLangle img, #menuLeParc img").click(function(){
		url = $(this).next("ul").children("li").first().children("a").attr("href");
		document.location.href = url;
	});
}

function deroulerMenusLangle()
{
	if (!$("#menuLangle").hasClass("inside")) return;
	idMenu = $("#menuLangle").attr('id');
	if (idMenu == "menuLangle") $("#menuLeParc").animate({height:"113px"}, 200); else $("#menuLangle").animate({height:"113px"}, 200);		
	$("#menuLangle").animate({height:(113 + $("#menuLangle").children("ul").height())+"px"}, 200);
}

function deroulerMenusLeParc()
{
	if (!$("#menuLeParc").hasClass("inside")) return;
	idMenu = $("#menuLeParc").attr('id');
	if (idMenu == "menuLangle") $("#menuLeParc").animate({height:"113px"}, 200); else $("#menuLangle").animate({height:"113px"}, 200);		
	$("#menuLeParc").animate({height:(113 + $("#menuLeParc").children("ul").height())+"px"}, 200);
}

function gestionMenuDuHaut()
{
	$("#menuDuHaut img.btnHover").hide();
	
	$("ul.sousMenu").before("<img class='headerSousMenu' src='"+IMGPATH+"header-sousMenu.png' />");
	$("ul.sousMenu").after("<img class='footerSousMenu' src='"+IMGPATH+"footer-sousMenu.png' />");
	$("#menuDuHaut img.headerSousMenu").hide();
	
	$("li.item").each(function(k){
		$(this).css({left:(k*74-20)+"px", zIndex:(100+k)});
	});
	
	// Gestion des flags
	$("li.item").mouseenter(function(){$(this).addClass("inside");}).mouseleave(function(){$(this).removeClass("inside");});
	
	// Gestion du déroulement avec tempo
	$("li.item").each(function(k){
		$(this).mouseenter(function(){		
			setTimeout("deroulerMenuDuHaut("+k+");", 200);			
		});
	});	
	
	// Gestion du repliement
	$("li.item").mouseleave(function(){
		if (! $(this).children("a").hasClass('selected')) 
		{
			$(this).children("a").children("img:first").show();
			$(this).children("a").children("img:eq(1)").hide();
		}		
		sousListe = $(this).children("ul");
		if (sousListe.size() > 0)
		{			
			$(this).animate({height:"103px"}, 150, function(){
				$(this).children("img.headerSousMenu").hide();
			});
		}		
	});
	
	$(".headerSousMenu").click(function(){
		lien = $(this).next("ul").children("li").first().children("a").attr("href");
		document.location.href = lien;
	});
}


function deroulerMenuDuHaut(k)
{
	obj = $("li.item:eq("+k+")");
	if (!obj.hasClass("inside")) return;
	obj.children("a").children("img:eq(1)").show();
	obj.children("a").children("img:first").hide();				
	sousListe = obj.children("ul");
	if (sousListe.size() > 0)
	{
		obj.children("img.headerSousMenu").show();
		obj.animate({height:(134 + sousListe.height())+"px"}, 200);
	}
}


function gestionDuMenuSelected()
{
	// Partie 1 : Ajout des clases selected partout où c'est nécessaire

	racine = $(".ancetre:first").attr('id');
	itemSel = $(".ancetre:eq(1)").attr('id');
	
	if (racine == "langle") menu = "#menuLangle";
	else if (racine == "le-parc") menu = "#menuLeParc";
	else if (racine == "la-mjc") 
	{
		$("li.item a").each(function(){
			if ($(this).attr('title') == itemSel) 
			{
				$(this).addClass("selected");				
				obj = $(this).parent().children("ul");
				if (obj.size() > 0)
				{				
					sousItemSel = $(".ancetre:eq(2)").attr('id');					
					obj.children("li").children("a").each(function(){
						if ($(this).attr('title') == sousItemSel) $(this).addClass("selected");
					});
				}
			}
		});
	}
	
	if (racine == "langle" || racine == "le-parc") 
	{		
		$(menu).addClass('selected');
		$(menu+" ul").children("li").each(function(){
			obj = $(this).children("a");			
			if (obj.attr('title') == itemSel) obj.addClass("selected");
		});
	}	
	
	// Partie 2 : Modification / développement des menus			
	obj = $("#menuDuHaut a.selected:first");
	if (obj.size() > 0) {obj.children("img").eq(1).show(); obj.children("img").eq(0).hide();}
	if ($("#menuLangle").hasClass("selected")) $("#menuLangle").css("height", (113 + $("#menuLangle").children("ul").height())+"px");
	if ($("#menuLeParc").hasClass("selected")) $("#menuLeParc").css("height", (113 + $("#menuLeParc").children("ul").height())+"px");
}


function gestionDuMenuFreres()
{
	if ($(".ancetre").size() < 3) $("#pagesFreres").remove();
}

function gestionNewsletter()
{	
	pageCour = window.location.href;
	pos = pageCour.lastIndexOf('/');
	pageCour = pageCour.substr(0, pos);	
	$("input[name=awRetourOk]").attr('value', pageCour+'/?newsletterOK');
	$("input[name=awRetourErr]").attr('value', pageCour+'/?newsletterNOK');
	
	$("select[name=choixNewsletter]").change(function(){
		nl = $(this).attr('value');
		if (nl == "mjc") cod = "725f98b92230bb519621141e68893d2c"; else cod = "4729187e719952cf3b58dd1b7270c135";
		$("input[name=awCarnet]").attr('value', cod);
	});
	
	$("input[type=radio]").change(function(){
		v = $("input[id=radioInsc]").is(':checked');
		if (v) $("form[name=inscriptionMailPro]").attr('action', "http://img.mp8.ch/extSubNewsletter.asp?lang=FR");
		else $("form[name=inscriptionMailPro]").attr('action', "http://img.mp8.ch/extSubNewsletter.asp?lang=FR&Des=true");
	});
}

function gestionTitres()
{
	$("#contenu h2").prepend("<img src='"+IMGPATH+"puceTitre.png' alt='' />");
	$("#contenu h3").prepend("<img src='"+IMGPATH+"square.png' alt='' />");
}

function gestionImages()
{
	l = $("#contenu").width();
	$("#contenu img").each(function(){
		li = $(this).width();
		if (li > l) $(this).css("width", l+"px");
	});
}

function gestionFooterContenu()
{
	$("#footerContenu, #footerContenu a").css("color", "#808080");
	$("#footerContenu a").mouseenter(function(){
		$(this).css("color", "black");
	}).mouseleave(function(){
		$(this).css("color", "#808080");
	});	
}

function gestionActus()
{
	// Agrandissement de la zone de contenu
	$("#zoneCentrale").css("width", "720px");
	$("#barreDeSeparation").remove();
	$("a#lienPlaquette").css("left", "850px");

	// Boutons pour filtrer les actus
	$(".btnActu").click(function(){
		
		if ($(this).hasClass("actuMJC")) {selecteur = "actu-mjc"; msg = "Les actus de la MJC";}
		if ($(this).hasClass("actuEvenement")) {selecteur = "evenements"; msg="Les évèvements";}
		if ($(this).hasClass("actuStage")) {selecteur = "stages"; msg="Les stages";}
		if ($(this).hasClass("actuCinema")) {selecteur = "cinema"; msg="Soirées spéciales au cinéma Le PARC<br/><i class='infoProgrammeCine'>Pour le programme cinéma de la semaine, <a href='/le-parc/programmation' style='color:#D5022D;'>cliquez ici</a></i>";}
		if ($(this).hasClass("actuArtContemporain")) {selecteur = "art-contemporain"; msg="Expositions d'art contemporain à l'Angle";}
		
		$(".btnActu").addClass("disabled");
		$(this).removeClass("disabled");
		
		$(".actu").hide();
		$("."+selecteur).show();		
		
		$("#messageFiltre").html("<span>toutes les actualités</span><strong>" + msg + "</strong>").css("paddingTop", "15px");
		
		$("#messageFiltre span").unbind("click").bind("click", function(){			
			$("#messageFiltre").html("&nbsp;").css("paddingTop", "4px");
			$(".btnActu").removeClass("disabled");
			$(".actu").show();
		});
	});
	
	// Mise en place de l'image de chaque actu
	$(".actu").each(function(k){
		$(this).find("img").prependTo(".actu:eq("+k+")");
		if ($(this).find("img").size() == 0) $(this).css("paddingLeft", "166px");
	});
	$(".actu img").removeAttr("width").removeAttr("height").addClass("vignetteActu").addClass("size-medium");	
}


function gestionActusSecondaires()
{
	// Agrandissement de la zone de contenu
	$("#zoneCentrale").css("width", "720px");
	$("#barreDeSeparation").remove();
	$("a#lienPlaquette").css("left", "850px");
	
	// Mise en place de l'image de chaque actu
	$(".actu").each(function(k){
		$(this).find("img").prependTo(".actu:eq("+k+")");
		if ($(this).find("img").size() == 0) $(this).css("paddingLeft", "166px");
	});
	$(".actu img").removeAttr("width").removeAttr("height").addClass("vignetteActu").addClass("size-medium");
}


function gestionTableauPrix()
{
	$("#contenu table td:first").css("width", "400px");
	$("#contenu table tr:odd").css("background", "#F3F3F3");
	$("#contenu table tr:even").css("background", "#E8E8E8");
}


function pageAcces()
{
	var myLatlng = new google.maps.LatLng(46.068074,6.308786);
	
	var myOptions = {
		zoom: 17,
		center: myLatlng,
		mapTypeId: google.maps.MapTypeId.HYBRID};
		
	var map = new google.maps.Map(document.getElementById("map_canvas1"), myOptions);		
	
    var myLatLng = new google.maps.LatLng(46.068074,6.308786);
	
    var beachMarker = new google.maps.Marker({
        position: myLatLng,
        map: map,
        title:"MJC la Roche sur Foron"
    });
	
	var myLatlng = new google.maps.LatLng(46.066747,6.315212);
	
	var myOptions = {
		zoom: 17,
		center: myLatlng,
		mapTypeId: google.maps.MapTypeId.HYBRID};
		
	var map = new google.maps.Map(document.getElementById("map_canvas2"), myOptions);		
	
    var myLatLng = new google.maps.LatLng(46.066747,6.315212);
	
    var beachMarker = new google.maps.Marker({
        position: myLatLng,
        map: map,
        title:"Cinéma le Parc"
    });
}

function gestionZoomPhotos()
{
	$("img.size-medium, img.size-large").css("cursor", "pointer").click(function(){
		obj = $(this);
		source = obj.attr("src");
		$.post("/wp-content/themes/letheme/ajax_getPhotoBig.php", {source:source}, function(url){		
			x = obj.offset().left; y = obj.offset().top;
			l = obj.width(); h = obj.height();
			zoomer(x, y, l, h, url);
		});
	});
	
	$("img.zoom").css("cursor", "pointer").click(function(){
		obj = $(this);
		url = obj.attr("src");		
		x = obj.offset().left; y = obj.offset().top;
		l = obj.width(); h = obj.height();
		zoomer(x, y, l, h, url);
	});
}

function zoomer(x, y, l, h, url)
{	
	$("body").append("<img id='photoBig' src='"+url+"' alt='' />");
	$("#photoBig").hide().css("left", x+"px").css("top", y+"px").css("height", h+"px");
	$("body").append("<div id='masque'></div>");
	
	hTot = $("#contenu").height() + $("#contenu").offset().top;
	if (hTot < $(window).height()) hTot = $(window).height();
	$("#masque").css("width", $(window).width()+"px").css("height", hTot+"px").fadeTo(0,0).fadeTo(200,0.8);
	$("#photoBig").load(function(){
		lw = $(window).width();
		hw = $(window).height();
		x2 = Math.floor(lw - (l*hw/h)) >> 1;
		y2 = Math.max($("html").scrollTop(), $("body").scrollTop());
		$("#photoBig").show().animate({height:hw+"px", left:x2+"px", top:y2+"px"}, 400);
		$("#photoBig, #masque").unbind("click").bind("click", function(){
			$("#photoBig, #masque").remove();
		});
	});
}


function desactivationLiensPhotos()
{
	$("a img.size-medium, a img.size-large").click(function(){
		return false;
	});
}