function getzoomobj(){
if (document.getElementById)
return document.getElementById("ZoomContainer").style
}

function getzoomobjnostyle(){
if (document.getElementById)
return document.getElementById("ZoomContainer")
}

function hideZoom(){	
	getzoomobj().display= "none";
}

function showZoom(imagename,legend){
	legend.replace(/é/,"é");
	legend.replace(/ô/,"ô");
	newHTML = '<div style="margin: 180px 0 0 0; padding: 0 240px 0 150px; text-align: right; ">';
	newHTML = newHTML + '<table id="ZoomDiv" align="right" style="border: 1px solid #000000; background-color: #ffffff;"><tr><td style="text-align: right; padding: 10px;">';
	newHTML = newHTML + '<img id="ZoomImg" name="ZoomImg" src="' + imagename + '" border="0"  />';
	newHTML = newHTML + "<hr /><span id=\"ZoomLegend\">" + unescape(legend) + "</span>";
	newHTML = newHTML + '</td></tr></table></div>';
	getzoomobjnostyle().innerHTML = newHTML;
	getzoomobj().display="block";
}