function showImage(fichier,largeur,hauteur,legende) {
	var cadre = document.getElementById("boxDrag");
	var texte_legende = "";	
	var hauteur_calc = 0;
	if ( legende.length > 10 ) {
		texte_legende = "<div align='center' class='legendevign' id='divLegende'>" + unescape(legende) + "</div>";		
		};
	// contenu du cadre
	cadre.innerHTML = "<div id='general'><div align='right'><img src='/img/fleche-gris.gif' alt='Fleche' style='vertical-align: middle'>&nbsp;"
	+ "<a href='#' onclick='masqueImage(); return false;' class='popup'>Fermer</a>&nbsp;&nbsp;&nbsp;</div>"
	+ "<div align='center'><img src='/" + fichier + "' alt='" + unescape(legende) + "' id='image' style=\"width:" + largeur + "px; height:" + hauteur + "px;\"></div>"
	+ texte_legende
	+ "<br /><div align='center' class='copyvign'>&copy; Tous droits réservés</div></div>";
	// affichage
	cadre.style.visibility = "visible";
	
	// calculs tailles	
	// hauteur_calc = document.getElementById("general").offsetHeight;
	//if ( hauteur_calc > hauteur )
	//	hauteur = hauteur_calc;	
	cadre.style.width = largeur + 20 + "px";
	cadre.style.height = hauteur + 60 + "px";
	var hPos = "";
	if (document.all)
		hPos = window.document.documentElement.scrollTop;
		else
		hPos = window.pageYOffset;
	// décalage du cadre pour être dans la zone d'écran visible
	cadre.style.top = hPos + 30 + "px";
	
	}

function masqueImage() {
	var cadre = document.getElementById("boxDrag");
	cadre.style.width = "0px";
	cadre.style.height = "0px";
	cadre.innerHTML = "";
	document.getElementById("boxDrag").style.visibility="hidden";
	}
	
window.onload = function() {
	var group
	var coordinates = ToolMan.coordinates()
	var drag = ToolMan.drag()
	var boxDrag = document.getElementById("boxDrag")
	drag.createSimpleGroup(boxDrag)	
	}