function loadDpt( iddpt ) {

	$("etape_1").hide();
	$("etape_1_msg").hide();
	$("loading").show();
	$("loading_msg").show();

	var xhr = new Ajax.Request(
		'/action/GetDistByDpt.php',
			{
				method: 'post',
				parameters: {"iddpt":iddpt},

				onSuccess: function( xhr ) { // en cas de succès status 200
					eval( "data="+xhr.responseText );

					Str_DptMap = Tpl_DptMap.evaluate( {iddpt:iddpt , width:data.TailleImg.w , height:data.TailleImg.h} );

					$("etape_2").innerHTML = '';
					$("etape_2").insert( {bottom:Str_DptMap} );


					if( data.DataMap ) {
						data.DataMap.each( function( dist ) {
							Str_Marker = Tpl_Marker.evaluate(dist)

							$("DptMap").insert( {bottom:Str_Marker} );
						}) ;
					}

					$("loading").hide();
					$("loading_msg").hide();
					$("etape_2").show();
					$("etape_2_msg").show();

					Element.scrollTo("titre");
				},

				onFailure: function() { // executé en cas d'erreur quelquonque
				},

				on500: function() { // executé en cas d'echec de l'envoi
				}
			}
	);

	return false;
}

var Tpl_DptMap = new Template('<p class="button_retour"><a href="javascript:getBack()">« RETOUR</a></p><div id="DptMap" style="'
+'	background: url(/img/dpt/dpt_#{iddpt}.png);'
+'	width: #{width}px ;'
+'	height: #{height}px'
+'">'
+'</div>');

/*
var Tpl_Marker = new Template('<div onclick="LoadDist(#{iddist})" title="#{ville}" class="marker" style="'
+'margin-top: #{coord_y}px;'
+'margin-left: #{coord_x}px;'
+'"></div>');
*/
var Tpl_Marker = new Template('<div title="#{ville}" class="marker" style="'
+'margin-top: #{coord_y}px;'
+'margin-left: #{coord_x}px;'
+'"></div>');


function LoadDist( iddist ) {
	$("loading_msg").show();
	$("Result").hide();

	var xhr = new Ajax.Request(
		'/action/GetDistByVille.php',
			{
				method: 'post',
				parameters: {"iddist":iddist},

				onSuccess: function( xhr ) { // en cas de succès status 200
					eval( "data="+xhr.responseText );

					$("Result").innerHTML = "";
					Str_Result = "";
					data.each(function( dist ){
						Str_Result += "<h3>"+dist.nom+"</h3>";

						Str_Result += "<p>"+dist.adresse+"";

						if( dist.url_web != "") {
							Str_Result += "<br /><a href=\""+dist.url_web+"\">"+dist.url_web+"</a>";
						}

						if( dist.email != "") {
							Str_Result += "<br /><a href=\"mailto:"+dist.email+"\">"+dist.email+"</a>";
						}

						Str_Result += "</p>";

					});

					$("Result").innerHTML = Str_Result;


					$("Result").show();
					$("loading_msg").hide();
					$("etape_2_msg").show();
				},

				onFailure: function() { // executé en cas d'erreur quelquonque
				},

				on500: function() { // executé en cas d'echec de l'envoi
				}
			}
	);

}


function getBack() {
	$("etape_1").show();
	$("etape_2").hide();

	$("etape_1_msg").show();
	$("etape_2_msg").hide();

	$("Result").hide();
}