//----------------------------------------------------------------------------------------
// Charge la grande photo
//----------------------------------------------------------------------------------------
function CTELoad(t, img, h, w, lien) {

	// Masque le calque vignette
//	document.getElementById(t).style.visibility='hidden';

	// Le calque de l'image
	var si = document.getElementById('ShowImage');
	si.style.height	= (h+20)+'px';
	si.style.width	= (w+2)+'px';
	//si.style.backgroundColor	= 'black';
	si.style.backgroundImage	= 'url(./loadinfo.net.gif)';
	si.style.backgroundRepeat	='no-repeat';
	si.style.backgroundPosition	='center';
	centerPopup('ShowImage');
	si.style.visibility='visible';

	// Affiche le fond de page opaque
	var bl = document.getElementById('BlurBG');
	bl.style.height = getDocHeight()+'px';
	bl.style.visibility	= 'visible';
	set_opacity('BlurBG', 85);

	// Injecte le loader de tempo
	//si.innerHTML='<div align="center" style="height:100%;border:1px dotted grey;vertical-align:middle;"><img src=\'images/loadinfo.net.gif\' /></div>';

	// Injecte l'image finale
	si.innerHTML ='<div align="center"><img class="ShowImage" src=\''+img+'\' /></div>';
	si.innerHTML+='<div class="fb-like" data-send="true" data-width="450" data-show-faces="false"></div>';
	si.innerHTML+='<a href="'+lien+'">Infos</a>&nbsp;&nbsp;&nbsp;';
	
}

function CTEUnLoad(t) {
	//document.getElementById(t).style.visibility='visible';
	document.getElementById('ShowImage').style.visibility='hidden';
	document.getElementById('BlurBG').style.visibility='hidden';
}

function set_opacity(id, opacity)
{
  el = document.getElementById(id);
  el.style["filter"] = "alpha(opacity="+opacity+")";
  el.style["-moz-opacity"] = opacity/100;
  el.style["-khtml-opacity"] = opacity/100;
  el.style["opacity"] = opacity/100;
  return true;
}

function centerPopup(element) {
	var height=document.getElementById(element).offsetHeight;//hauteur de l'élément à positionner
	var width=document.getElementById(element).offsetWidth;//largeur de l'élément à positionner

	myParent=document.getElementById(element).parentNode;

	var pHeight=myParent.offsetHeight;//Hauteur de l'élément parent
	var pWidth=myParent.offsetWidth;//Largeur de l'élément parent

	var sTop=document.documentElement.scrollTop;//Hauteur de défilement de l'élément parent
	var sLeft=document.documentElement.scrollLeft;//Longueur de défilement de l'élément parent

	// Gère le cas où ça ne marche pas pour certains browsers
	// Voir aussi : http://javascriptmagic.blogspot.com/2006/09/getting-scrolling-position-using.html
	if (!sTop)  {
		var sTop=myParent.scrollTop;//Hauteur de défilement de l'élément parent
		var sLeft=myParent.scrollLeft;//Longueur de défilement de l'élément parent
	}

	var posY=(pHeight/2)-(height/2)+sTop;//Calcul de la position en Y
	var posX=(pWidth/2)-(width/2)+sLeft;//Calcul de la position en X

	document.getElementById(element).style.top=posY+"px";
	document.getElementById(element).style.left=posX+"px";
}

function getDocHeight() {
    var D = document;
    return Math.max(
        Math.max(D.body.scrollHeight, D.documentElement.scrollHeight),
        Math.max(D.body.offsetHeight, D.documentElement.offsetHeight),
        Math.max(D.body.clientHeight, D.documentElement.clientHeight)
    );
}