$(document).ready(function(){ 
	

	//CARTE DE NAVIGATION  
	
	//Générer la liste d'ID
	$("#carte area, #overMap img, #carteBottom li a").attr("id", function (arr) {
		return arr;
    })

	
	//Actions sur la carte
	$("#carte area")
	.hover(function(){
		var areaName = $(this).attr("id");
		var overId = $("#carte area").length + parseInt(areaName);

		$("#overMap img").not("#"+overId).css({display:"none"});
		$("#"+overId).css({display:"block"});

	}, function(){
		var areaName = $(this).attr("id");
		var overId = $("#carte area").length + parseInt(areaName);
		
		$("#overMap img").css({display:"none"});

	});

	//Action sur la liste
	$("#carteBottom li a").hover(function(){
		var linkId = $(this).attr("id");
		var overId = parseInt(linkId) - $("#carte area").length;

		$("#overMap img").not("#"+overId).css({display:"none"});
		$("#"+overId).css({display:"block"});

		
	}, function(){
		var linkId = $(this).attr("id");
		var overId = parseInt(linkId) - $("#carte area").length;
		
		$("#overMap img").css({display:"none"});

	});
	
		//Tips
	$("#carteNav area").each(function(){
      $(this).qtip({
         style:{
         	name: 'light',
			tip: 'topLeft'
         },
		 position: {
			target: 'mouse',
   			adjust: {  x:3, y:5, screen: true }
		 },
		 show:{effect:{type:'grow'}}
      });
   });
   
   
   //action click
   
   	$(".carteClick").click(function(){
		
		var vCarte = "#" + $(this).attr("rel");		
		
		$(".carte").hide();
		$(vCarte).show();
		
		return false;
	   
	});

});