// lorsque le document est charge totalement
$(document).ready(function() {
	
/* =============== menu =============== */
	$("ul#lemenu li a").hover(
		function() {
			var img_act = $(this).children("img").attr("src");
  		var img_hov = img_act.replace("_of","_on");
  		$(this).children("img").attr("src",img_hov);
		},
		function() {
			var img_act = $(this).children("img").attr("src");
  		var img_hov = img_act.replace("_on","_of");
  		$(this).children("img").attr("src",img_hov);
		}
	);

/* =============== blog =============== */
	// cache tous les ul sauf premier
  $("div#blog>ul:gt(0)").hide(); 
  $("div#blog>div.blogtitre:eq(0)>h4").addClass("ouvert"); 
  $("div#blog>div.blogtitre:gt(0)>h4").addClass("ferme"); 
  // clic sur les div blogtitre
	$("div#blog>div.blogtitre").click(function() {
		$("div#blog>div.blogtitre>h4.ouvert").toggleClass("ouvert").addClass("ferme");
		var nextulhid = $(this).next("ul:hidden");
		var nextulvis = $(this).next("ul:visible");
		// si le ul enfant est hidden
		if (nextulhid.length) {
			// on ouvre et on ferme tous les autres ul visible
			nextulhid.slideToggle("1500").siblings("ul:visible").slideUp("1000");
			$(this).children("h4.ferme").toggleClass("ferme").addClass("ouvert");
		} else {
			// sinon si ul enfant visible on le ferme
			nextulvis.slideUp("1000");
			$(this).children("h4.ouvert").toggleClass("ouvert").addClass("ferme");
			// et si il y a des ul hidden apres
			if ($(this).nextAll("ul:hidden").length) {
				// on ouvre le premier
				$(this).nextAll("ul:hidden:eq(0)").slideToggle("1500");
				$(this).nextAll("div.blogtitre:eq(0)").children("h4.ferme")
				.toggleClass("ferme").addClass("ouvert");
			} else {
				// sinon si c est le dernier ul hidden on ouvre le tout premier ul hidden
				$(this).prevAll("ul:hidden:eq(1)").slideToggle("1500");
				$(this).prevAll("div.blogtitre:eq(1)").children("h4.ferme")
				.toggleClass("ferme").addClass("ouvert");
			}
		}  	
	});
	
/* =============== galerie =============== */
  $("ul#galerie>li:gt(0)").hide(); 
	$("img.suivant").hover(
		function() {
			var img_act = $(this).attr("src");
  		var img_hov = img_act.replace("_of","_on");
  		$(this).attr("src",img_hov);
		},
		function() {
			var img_act = $(this).attr("src");
  		var img_hov = img_act.replace("_on","_of");
  		$(this).attr("src",img_hov);
		}
	);
	$("img.suivant").click(function() {
  	var suivant = $(this).attr("longdesc").slice(4);
  	var actuel =  $(this).attr("id").slice(4);
  	//alert ($suivant+$actuel);
  	$("li[id=sit"+actuel+"]").hide("fast");
  	$("li[id=sit"+suivant+"]").show("slow");
	});
	
	$("img.precedent").hover(
		function() {
			var img_act = $(this).attr("src");
  		var img_hov = img_act.replace("_of","_on");
  		$(this).attr("src",img_hov);
		},
		function() {
			var img_act = $(this).attr("src");
  		var img_hov = img_act.replace("_on","_of");
  		$(this).attr("src",img_hov);
		}
	);
	$("img.precedent").click(function() {
  	var precedent = $(this).attr("longdesc").slice(4);
  	var actuel =  $(this).attr("id").slice(4);
  	//alert ($suivant+$actuel);
  	$("li[id=sit"+actuel+"]").hide("fast");
  	$("li[id=sit"+precedent+"]").show("slow");
	});

/* =============== liens externes =============== */
	$("a[class*='spip_out']").click(function() {
		var lien = $(this).attr("href");
		window.open(lien); 
		return false;
	});	

});