$(document).ready(function() {
	 
	 $("ul#overview_menuPays > li > a").click(function() {
			// id du lien cliqué 
			var Link = $(this).attr("id"); 
			
			// on récupère le nombre uniquement
			var NumberLink = Link.split('item'); 
			
			// nombre de li total
			var NumberofLi = $("ul#overview_menuPays li").length; 

			// on masque tous les contenus sauf celui du lien appelé
			for (i=1; i <= NumberofLi; i++) {
				$("#content_item"+i).not(Link).hide();
			}
			
			// on montre le contenu du lien appelé
			$("#content_item"+NumberLink[1]).show(); 
			
			// on enlève la class current de la li la possédant
			$("ul#overview_menuPays > li.active").removeClass("active"); 
			
			// on ajoute la class current à la li parente cliquée
			$(this).parents("li").addClass("active"); 
		});

	// Pages Thématiques
	 $("ul#overview_menuThematiques > li > a").click(function() {
			// id du lien cliqué 
			
			var Link = $(this).attr("id"); 
			//alert(Link);
			// on récupère le nombre uniquement
			var NumberLink = Link.split('ctl00_ContentPlaceHolder1_LinkButtonTheme'); 
			//alert(NumberLink);
			// nombre de li total
			var NumberofLi = $("ul#overview_menuThematiques li").length; 

			// on masque tous les contenus sauf celui du lien appelé
			for (i=1; i <= NumberofLi; i++) {
				$("#content_item"+i).not(Link).hide();
			}
			
			// on montre le contenu du lien appelé
			//alert(NumberLink[1]);
			$("#content_ctl00_ContentPlaceHolder1_LinkButtonTheme"+NumberLink[1]).show(); 
			
			// on enlève la class current de la li la possédant
			$("ul#overview_menuThematiques > li.active").removeClass("active"); 
			
			// on ajoute la class current à la li parente cliquée
			$(this).parents("li").addClass("active"); 
		});
	 
	 //overview_nav2 : liste déroulante dans l'overview
	 // la liste est placée en display none par javascript (non obstructive JS)
	 $("div#overview_nav2 div#conteneurListe").css({ display: "none"});
	 
	 
	 var imgThematiques = false;
	 
	 var buttonUrl = "http://photos.marmara.com/DesignImages/buttons/";
	 
	 if ($("div#overview_nav2").children('img').attr('src') != buttonUrl + "button_autres_destinations.png")
	 {
		imgThematiques = true;
	 }
	 
	 $("div#overview_nav2").click(function (){
		 //on montre/cache la liste
		 $(this).children("#conteneurListe").toggle();
		
		// on va changer le bouton image 
		// get the src attribute of the image
		var toggleImage = $(this).children('img').attr('src');
		
		if (imgThematiques)
		{
			$(this).children('img').attr('src', toggleImage == buttonUrl + 'button1.png' ? buttonUrl + 'button1_on.png' : buttonUrl + 'button1.png').end();
		}
		else 
		{
			$(this).children('img').attr('src', toggleImage == buttonUrl + 'button_autres_destinations.png' ? buttonUrl + 'button_autres_destinations2.png' : buttonUrl + 'button_autres_destinations.png').end();
		}
		
		
	      
	 });
	 
	  $("ul#nav_left > li > a").click(function() {
			var Link = $(this).attr("id"); 
			var NumberLink = Link.split('item'); 
			var NumberofLi = $("ul#nav_left li").length; 
			for (i=1; i <= NumberofLi; i++) {
				$("#content_item"+i).not(Link).hide();
			}
			$("#content_item"+NumberLink[1]).show(); 
			$("ul#nav_left > li.active").removeClass("active"); 
			$(this).parents("li").addClass("active"); 
	});
  
});