// JavaScript Document

var DivTn = "";
var DivTxt = "";
function AffDesc(Div, Scale, Larg, DplW, DplH) {
	//Debug (document.getElementById('tn_' + Div).offsetWidth + " : " + Larg);
	if (document.getElementById('tn_' + Div).offsetWidth == Larg) {
		var PlusTop = (navigator.appName == "Opera") ? 20 : 10;
		var PlusLeft = (navigator.appName == "Opera") ? 12 : 00;
		document.getElementById('texte_' + Div).style.top = document.getElementById('tn_' + Div).offsetTop + PlusTop + "px";
		document.getElementById('texte_' + Div).style.left = document.getElementById('tn_' + Div).offsetLeft + PlusLeft + "px";
		document.getElementById('texte_' + Div).style.height = document.getElementById('tn_' + Div).offsetHeight - 30 + "px";
		document.getElementById('texte_' + Div).style.display = "block";
		new Effect.Move('texte_' + Div, { x: parseInt(document.getElementById('tn_' + Div).offsetWidth + 0), y: 0 } );
		//Debug (document.getElementById('texte_' + Div).style.display);
	}
	else { setTimeout("AffDesc('" + Div + "', '" + Scale + "', '" + Larg + "', '" + DplW + "', '" + DplH + "');", 100); }
}

function Aff(Div, LargMin, HautMin) {
	DivTn = 'tn_' + Div;
	DivTxt = 'texte_' + Div;
	var Scale = 6;
	Req = new XmlGetAndReplace;
	Req.ReplaceElementContent("reference_details", "ajax.php?act=ref&client=" + Div);
	//alert(document.getElementById('reference_details').innerHTML);
	//Debug(document.getElementById('reference_details').innerHTML);
	//document.getElementById('texte_' + Div).style.top = document.getElementById('ref_' + Div).offsetTop + "px";
	//document.getElementById('texte_' + Div).style.left = document.getElementById('ref_' + Div).offsetLeft + "px";
	//document.getElementById('texte_' + Div).style.display = "none";
	document.getElementById('img_' + Div).style.width = LargMin + "px";
	document.getElementById('img_' + Div).style.height = HautMin + "px";
	//document.getElementById('texte_' + Div).style.width = LargMin + "px";
	//document.getElementById('texte_' + Div).style.height = HautMin + "px";
	//document.getElementById(Div).style.top = document.getElementById('ref_' + Div).offsetTop + 110 + "px";
	//document.getElementById(Div).style.left = document.getElementById('ref_' + Div).offsetLeft + document.getElementById('corps').offsetLeft + "px";
	//Debug (document.getElementById('ref_' + Div).offsetTop + " - " + document.getElementById('refs_titre').offsetHeight + " - " + document.getElementById('page_onglet').offsetTop);
	document.getElementById('tn_' + Div).style.top = document.getElementById('ref_' + Div).offsetTop + document.getElementById('entete').offsetHeight + document.getElementById('refs_titre').offsetHeight + "px";
	document.getElementById('tn_' + Div).style.left = document.getElementById('ref_' + Div).offsetLeft + document.getElementById('corps').offsetLeft + "px";
	document.getElementById('tn_' + Div).style.display = "block";
	document.getElementById(Div).style.display = "inline";
	document.getElementById(Div).style.height = document.getElementById('tn_' + Div).offsetHeight + "px";
	document.getElementById(Div).style.width = 1000 + "px";
	
	var ScrollH = (navigator.appName == "Microsoft Internet Explorer") ? document.documentElement.scrollTop : window.pageYOffset;
	var DplW = ((screen.width / 2) - (LargMin * Scale) - document.getElementById('tn_' + Div).offsetLeft);
	var DplH = ((screen.height / 2) - (HautMin * Scale) - document.getElementById('tn_' + Div).offsetTop + ScrollH);
	//var DplH = round(window.screen.height / 2);
	document.getElementById('overlay').style.display = "inline";
	document.getElementById('overlay').setOpacity(0);
	//document.getElementById('overlay').style.backgroundColor = "#000000";
	//new Effect.Appear('overlay', { from: 0.0, to: 0.8, duration: 0.2 });
	//document.getElementById('overlay').style.height = document.getElementById('entete').offsetHeight + document.getElementById('corps').offsetHeight + "px";
	document.getElementById('overlay').style.height = screen.height + ScrollH + "px";
	new Effect.Scale('img_' + Div, (Scale * 100)); 
	new Effect.Move('tn_' + Div, { x: DplW, y: DplH} );
	new Effect.Opacity('overlay', { from: 0.0, to: 0.8, duration: 0.3 });
	AffDesc(Div, Scale, (LargMin * Scale), DplW, DplH);
	//new Effect.Scale('texte_' + Div, 50); 
	//return false;
}

function Fermer() {
	Effect.Fade('overlay', { duration: 0.3 });
	Effect.Fade(DivTn);
	Effect.Fade(DivTxt);
	//document.getElementById('overlay').style.display = "none";
	//document.getElementById(DivTn).style.display = "none";
	//document.getElementById(DivTxt).style.display = "none";
}