/*
//les require pour le debug
dojo.require( "dojo.widget.*" );			
dojo.require( "dojo.widget.FloatingPane" );

//all dojo.require above this line
dojo.hostenv.writeIncludes(); //makes debugging in Venkman possible
*/


/**
 * charge le contenu d'un node avec un fichier
 */
function chargeContenu(/*string*/ urlContenu, /*string*/idNode) {
	
	var bindArgs = {
	    url:        urlContenu,
	    mimetype:   "text/xml",
	    error:      function(type, errObj){
	        alert("erreur");
	    },
	    load:      function(type, data, evt){

	        var node = dojo.byId(idNode);
	        var html = data.getElementsByTagName("replace").item(0);
			
			node.innerHTML = dojo.dom.innerXML(html);
	    }
	};
	
	dojo.io.bind(bindArgs);
}

function chargePlan() {
	document.location.href="http://www.viamichelin.fr/viamichelin/fra/dyn/controller/Cartes-plans?mapId=-tyg8k5d6zrnd0o&dx=541&dy=323&empriseW=1083&empriseH=646";

}

/**
 * création d'un panel fermant contenant l'image à l'origine de l'évènement
 */
function showImage(url) {

	
	closePanel();
	
  	var s_url = url;

	//-- création d'un panel
	var d_container=document.createElement("div");
	d_container.id="panelImage";
	d_container.className = "containerImage";
	
	document.body.appendChild(d_container);
	
	//-- ajout d'une image
	var d_image = document.createElement("img");
	d_image.id = "imageLoaded";
	d_image.className = "winImage";
	d_image.src = s_url;

	//-- ajout d'un bouton
	var d_button = document.createElement("div");
	d_button.id ="bouton_close";
	d_button.className = "bouton_close";
		
	d_container.appendChild(d_image);
	d_container.appendChild(d_button);
		
	//-- connecte le bouton à la fonction "onclickClose"
	dojo.event.connect(d_button,"onclick",onclickClose);

	setSize();
}

/**
 * fixe les tailles du conteneur et la position du position
 * lorsque l'image est chargée
 */
function setSize() {

	var d_image = dojo.byId("imageLoaded");
	
	//-- si l'image n'est pas chargée, on rappelle plus tard;
	if (!d_image.complete) {
		
		setTimeout('setSize()',250);
		
	} else {
	
		var i_imageWidth=d_image.width;
		var i_imageHeight=d_image.height;

		//-- fixe la taille du panel
		var d_container = dojo.byId("panelImage");
		d_container.style.height = i_imageHeight+"px";
		d_container.style.width = i_imageWidth+"px";
		
		//-- fixe la position du bouton
		var d_button = dojo.byId("bouton_close");		
		var i_buttonTop=-d_image.height+5;
		var i_buttonLeft=-5;		
		d_button.style.left=i_buttonLeft+"px";
		d_button.style.top=i_buttonTop+"px";		
	}

}

/**
 * réponse au click sur close
 */
function onclickClose(event) {
	closePanel();
}
/**
 * ferme le panel contenant l'image
 */
function closePanel() {

	var o_panel = dojo.byId("panelImage");
	if( o_panel != null ) {
		document.body.removeChild(o_panel);
	}
}