$(document).ready( function() {

	if( $("#TableauDeBord").length > 0 ) {
		/*
		var allUrl ={
						"#d1" : "php/seine-gresillons.php",
						"#d2" : "php/seine-aval.php",
						"#d3" : "php/seine-centre.php",
						"#d4" : "php/la-briche.php",
						"#d5" : "php/clichy.php",
						"#d6" : "php/charenton.php",
						"#d7" : "php/marne-aval.php",
						"#d8" : "php/seine-amont.php",
						"#d9" : "php/seine-moree.php"
					};
		*/
		var allImg = {
						"#d1" : "img/tableau-de-bord/map_1.gif",
						"#d2" : "img/tableau-de-bord/map_2.gif",
						"#d3" : "img/tableau-de-bord/map_3.gif",
						"#d4" : "img/tableau-de-bord/map_4.gif",
						"#d5" : "img/tableau-de-bord/map_5.gif",
						"#d6" : "img/tableau-de-bord/map_6.gif",
						"#d7" : "img/tableau-de-bord/map_7.gif",
						"#d8" : "img/tableau-de-bord/map_8.gif",
						"#d9" : "img/tableau-de-bord/map_9.gif"
					};

		var MAP = $("#TableauDeBord img");
		var origMAP = MAP.attr("src");
		var crtMAP = origMAP;
		
		$("#TableauDeBord map#Map area").each(function(){
			var area = $(this);
			//area.addClass("roll");
			var url,src;
			var href = area.attr('href');
			var variable = href.substring(href.lastIndexOf('#'));
			for( var v in allUrl ) {
				if( variable == v ) {
					url = allUrl[v];
					src = allImg[v];
				}
			}
			area.click(function(){
				if( crtMAP == src ) {
					return false;
				}
				crtMAP = src;
				fnRequest( url );
				$("#retourhaut a").focus();
				$("#retourhaut a").blur();
				return false;
			});
			area.hover(
				function(){
					MAP.attr("src",src);
					return false;
				},
				function(){
					MAP.attr("src", crtMAP);
					return false;
				}
			);
		});
		$("#TableauDeBord map").after('<div id="inner-ajax"></div>');  // creer un cadre		
	}
	
	function fnRequest(url){
		$.ajax({
		   type: "get",
		   url: url,
		   success: function(res){			// callback
		   		if( res ) {
					var innerAjax = $("#inner-ajax");
					innerAjax.html(res);
					if( $(".toggleTdB").length>0 ) {
						opencloseTdB();
					}
					$(".TableauDeBordContent .infoBilan").prepend('<p class="closeCT"><a href="javascript:;"><span>Fermer</span></a></p>');
					var tbc = innerAjax.find(".TableauDeBordContent");
					$(".infoBilan .closeCT a").click(function() {
						MAP.attr("src",origMAP);
						crtMAP = origMAP;
						//innerAjax.css("display","none");
						tbc.animate({height:"toggle"},1000,function(){innerAjax.html('');});
						return false;
					});
					var h = parseInt( tbc.height() );
					tbc.css("display","none").animate({height:"toggle"},1000);
					//$(".TableauDeBordContent .infoBilan").focus();
					$("a.popin").each(function(){
						var a = $(this);
						var href = a.attr("href");
						if(/dim/.test(href)) {
							var dim = href.substring(href.indexOf('dim='));
							var w = parseInt(dim.substring(4,dim.indexOf('x')));
							var h = parseInt(dim.substring(dim.indexOf('x')+1));
							a.fancybox({'frameWidth' : w, 'frameHeight' : h, 'hideOnContentClick': false});
						}else {
							a.fancybox({'hideOnContentClick': false});
						}
					});
				}
		   }
		 });
	}
});