// Get the left and the top of the element.
function ds_getleft(el) {
	var tmp = el.offsetLeft;
	el = el.offsetParent
		while(el) {
			tmp += el.offsetLeft;
			el = el.offsetParent;
		}
	return tmp;
}

function ds_gettop(el) {
	var tmp = el.offsetTop;
	el = el.offsetParent
		while(el) {
			tmp += el.offsetTop;
			el = el.offsetParent;
		}
	return tmp;
}

function show_picture_fai( evt, url ) {
	// on doit lancer le preload de l'image
	var img = new Image();

	img.onload = function() {
		// on prepare le texte de l'image
		var div = document.getElementById( "div_zoom" );

		if ( current_language == "en" ) {
			div.innerHTML = '<table border="0"><tr style="text-align: center; vertical-align: middle;">' +
				'<td><img alt="" src="' + this.src + '" onclick="hide_picture(event);"' +
				' style="cursor: pointer;" /><br/>Click to close this window</td></tr></table>';
		} else {
			div.innerHTML = '<table border="0"><tr style="text-align: center; vertical-align: middle;">' +
				'<td><img alt="" src="' + this.src + '" onclick="hide_picture(event);"' +
				' style="cursor: pointer;" /><br/>Cliquez pour fermer la fenêtre</td></tr></table>';
		}

		var t = document.getElementById( "div_zinfoprinc" );
		if ( t==null ) {
			return;
		}

		// On place le div correctement
		try {
			the_left = ds_getleft(t) + ( t.offsetWidth - this.width) /2;
			the_top = ds_gettop(t); 
			div.style.left = the_left + 'px';
			// Scroll it into view.
			div.style.display = 'block';
			var tmp = window.scrollY + (window.innerHeight - /* div.clientHeight*/ img.height - 30)  /2;
			div.style.top =  '' + tmp + 'px';
		} catch( e ) {
			alert(e);
		}
	}
	img.onerror = function() {
		var div = document.getElementById( "div_zoom" );
		div.style.display = 'none';
	}

	img.src = url;
}

function hide_picture( evt ) {
	var div = document.getElementById( "div_zoom" );
	div.style.display = "none";
}