$(document).ready(function() {
	
//	
// Prévisions météo
//

	// Modification de styles,accessibilité
	$('#lieu dl').addClass("absolut");
	$('#imgPrevisions img').addClass("absolut");

	// Accordéon sélection de villes
	function lieuToggle(elem) {
			$("#lieu ul").slideUp("fast");
			$(".hide").removeClass("hide");
			$(elem).parent().next().find("ul").slideToggle("fast");
			$(elem).parent().toggleClass("hide");
			return false;
		}


	// Gestion affichage des cartes par période
	
		if ($("#per1 a").text()!=""){
			$("#c2 img, #c3 img").hide();
			$("#l2, #l3").hide();
		}else{
			$("#c1 img, #c3 img").hide();
			$("#l1, #l3").hide();
        }
		$("#per1").addClass("current");
		$("#per1").click(
			function() {
				$("#per2, #per3").removeClass("current");
				$("#per1").addClass("current");
				$("#c2 img, #c3 img, #l2, #l3").fadeOut("fast", function () {$("#c1 img, #l1").fadeIn();});
				return false;
			});
		$("#per2").click(
			function() {
				$("#per1, #per3").removeClass("current");
				$("#per2").addClass("current");
				$("#c1 img, #c3 img, #l1, #l3").fadeOut("fast", function () {$("#c2 img, #l2").fadeIn();});
				return false;
			});
		$("#per3").click(
			function() {
				$("#per1, #per2").removeClass("current");
				$("#per3").addClass("current");
				$("#c1 img, #c2 img, #l1, #l2").fadeOut("fast", function () {$("#c3 img, #l3").fadeIn();});
				return false;
			});
	
		
	$('#lieu a').click(function() {
		lieuToggle(this);
		return false;
		});

		// Initiliasation de l’affichage du mnu des villes
		$("#lieu #l1 ul").hide();
		$("#lieu #l1 ul:eq(0)").show();
		$("#lieu #l1 dt:eq(0)").addClass("hide");
	
		$("#lieu #l2 ul").hide();
		$("#lieu #l2 ul:eq(0)").show();
		$("#lieu #l2 dt:eq(0)").addClass("hide");

		$("#lieu #l3 ul").hide();
		$("#lieu #l3 ul:eq(0)").show();
		$("#lieu #l3 dt:eq(0)").addClass("hide");
	










	
//	
// Météo marine
//

	// Affichage des périodes (el = #periode dt a)
	function periodeToggle(el) {
		$('#periode dd').slideUp("fast");
		$('#periode dt').removeClass("hide");
		$(el).parent().next("dd").slideDown("slow");
		$(el).parent().addClass("hide");
	}

	$('#periode dt a').click(function() {
		periodeToggle(this);
		
	});

	// Initialisation de l’affichage selon l’heure… souper…
	var myDate = new Date();
	// var myH =  myDate.getHours();
	var myH =  9;
	if (myH >= 17) {
		periodeToggle("#periode dt.soir a");
		$('#imgPrevisions img:eq(1), #imgPrevisions img:eq(2)').fadeOut();
	} else if (myH >= 12) {
		periodeToggle("#periode dt.midi a");
		$('#imgPrevisions img:eq(1), #imgPrevisions img:eq(3)').fadeOut();
	} else if (myH <= 12) {
		periodeToggle("#periode dt.matin a");
		$('#imgPrevisions img:eq(3), #imgPrevisions img:eq(2)').fadeOut();
	};

	// Affichage des images
	$('#periode dt.matin a').click(function() {
		$('#imgPrevisions img:eq(3), #imgPrevisions img:eq(2)').fadeOut();
		$('#imgPrevisions img:eq(1)').fadeIn("slow");
		return false;
	});
	$('#periode dt.midi a').click(function() {
		$('#imgPrevisions img:eq(1), #imgPrevisions img:eq(3)').fadeOut();
		$('#imgPrevisions img:eq(2)').fadeIn("slow");
		return false;
	});
	$('#periode dt.soir a').click(function() {
		$('#imgPrevisions img:eq(1), #imgPrevisions img:eq(2)').fadeOut();
		$('#imgPrevisions img:eq(3)').fadeIn("slow");
		return false;
	});
});