var DivOverlayAffiche=0;
var timerOverlay;
var isFadding=1;
var DivOverlayOpacityDep=0;
var DivOverlayOpacityFin=60;
var DivOverlayOpacity="";
var DivOverlay;
var DivOverlayContenu;
var DivOverlayContenuWait;
var FixeTaillePopX=0;
var FixeTaillePopY=0;
var DivOverlayIsAffiche=0;// Mis à 1 lors du premier affichage

ListeParametre = new Array();
DetailParametre = new Array()

var FRAMESCROLL="scrolling='no'";
var ONSCROLLMOVE=1;// Si la fenêtre scroll on replace le layer

DimensionOverlay=new Array();

function AfficheOverlay(TaillePopX,TaillePopY,UrlPop,parametres) {

	var isWaitting=1;

	MasqueOverlay();
	if(parametres!="")
	{
		ListeParametre=parametres.split(";");
		for(i=0;i<ListeParametre.length;i++)
		{
			DetailParametre[i] = new Array();
			DetailParametre[i] = ListeParametre[i].split(":");

			if(DetailParametre[i][0]=="FRAMESCROLLING")FRAMESCROLL="scrolling='"+DetailParametre[i][1]+"'";
			if(DetailParametre[i][0]=="FADDING" && DetailParametre[i][1]=="NO")isFadding=0;
			if(DetailParametre[i][0]=="WAITTING" && DetailParametre[i][1]=="NO")isWaitting=0;
			if(DetailParametre[i][0]=="ONSCROLLMOVE")
			{
				ONSCROLLMOVE=DetailParametre[i][1]=="OFF" ? 0:1;
			}
		}
	}

	DivOverlayAffiche=1;
	FixeTaillePopX=TaillePopX;
	FixeTaillePopY=TaillePopY;

	DivOverlay = document.createElement("div");
	document.body.appendChild(DivOverlay);
	DivOverlay.className="CssOverlay";

	DivOverlayContenu= document.createElement("div");
	document.body.appendChild(DivOverlayContenu);
	DivOverlayContenu.innerHTML="<div class='CssOverlayContenuClose'><a href=\"javascript:MasqueOverlay()\">Fermer <img src='/images/close.png' width='12' height='12' align='absmiddle'></a></div><iframe name='IframePopOverlay' width='"+TaillePopX+"' height='"+(parseFloat(TaillePopY))+"' src='"+UrlPop+"' frameborder='no' "+FRAMESCROLL+"></iframe>";
	DivOverlayContenu.onclick=function(){MasqueOverlay()};
	DivOverlayContenu.className="CssOverlayContenu";

	DivOverlayContenuWait= document.createElement("div");
	document.body.appendChild(DivOverlayContenuWait);
	DivOverlayContenuWait.onclick=function(){MasqueOverlay()};
	DivOverlayContenuWait.className="CssOverlayContenuWait";
	if(isWaitting==1)DivOverlayContenuWait.innerHTML="<div style='margin-top:"+((TaillePopY/2)-40)+"px;'>Veuillez patienter pendant le chargement</div>";

	PositionOverlay()
	DivOverlay.style.display="block";
	timerOverlay=setInterval(function(){FaddingOverlay(DivOverlay,DivOverlayOpacityDep,DivOverlayOpacityFin)},1);
	DivOverlayContenu.innerHTML="<div class='CssOverlayContenuClose'><a href=\"javascript:MasqueOverlay()\">Fermer <img src='/images/close.png' width='12' height='12' align='absmiddle'></a></div><iframe name='IframePopOverlay' width='"+TaillePopX+"' height='"+(parseFloat(TaillePopY))+"' src='"+UrlPop+"' frameborder='no' "+FRAMESCROLL+"></iframe>";
	DivOverlayContenu.style.display="block";
}

function FaddingOverlay(obj,depart,arrivee)
{
	if(DivOverlayOpacity=="")DivOverlayOpacity=isFadding==1 ? depart:arrivee;
	if(DivOverlayOpacity<arrivee+2)
	{
		obj.style.filter="alpha(opacity='"+DivOverlayOpacity+"')";
		obj.style.opacity=(DivOverlayOpacity/100);
		DivOverlayOpacity=DivOverlayOpacity+10;
	}
	else
	{
		clearInterval(timerOverlay);
	}
}

function MasqueOverlay()
{
	if(DivOverlayContenu)
	{
		var DivParent = DivOverlayContenu.parentNode;
		DivParent.removeChild(DivOverlayContenu);
		DivOverlayContenu="";
	}
	if(DivOverlay)
	{
		var DivParent = DivOverlay.parentNode;
		DivParent.removeChild(DivOverlay);
		DivOverlay="";
	}
	if(DivOverlayContenuWait)
	{
		var DivParent = DivOverlayContenuWait.parentNode;
		DivParent.removeChild(DivOverlayContenuWait);
		DivOverlayContenuWait="";
	}
	DivOverlayAffiche=0;
	DivOverlayIsAffiche=0;
	DivOverlayOpacity="";
	DivOverlay="";
	DivOverlayContenu="";

	if(timerOverlay)clearInterval(timerOverlay);
}

function MasqueWait() {
	if(DivOverlayContenuWait)
	{
		DivOverlayContenuWait.className="displaynone";
	}
}

function PositionOverlay() {

	if(!DivOverlayAffiche)return;

//		getPageSize()
//		[0] = Largeur du contenu
//		[1] = Hauteur du contenu
//		[2] = Largeur de la fenêtre visible
//		[3] = Hauteur de la fenêtre visible
//		[4] = Position du scroll horizontal
//		[5] = Position du scroll vertical

	DimensionOverlay=getPageSize();

	DivOverlay.style.top="0px";
	DivOverlay.style.left=DimensionOverlay[4]+"px";
	DivOverlay.style.width=DimensionOverlay[0]+"px";
	DivOverlay.style.height=DimensionOverlay[1]+"px";

	if(ONSCROLLMOVE==1 || DivOverlayIsAffiche==0)
	{
		DivOverlayContenu.style.width		=	FixeTaillePopX+"px";
		DivOverlayContenu.style.height		=	(parseFloat(FixeTaillePopY) + parseFloat(16))+"px";
		DivOverlayContenu.style.marginLeft		=	-(FixeTaillePopX/2)+"px";
		DivOverlayContenu.style.marginTop		=	-(FixeTaillePopY/2)+"px";
		DivOverlayContenu.style.left		=	((DimensionOverlay[2]/2)+DimensionOverlay[4])+"px";
		DivOverlayContenu.style.top			=	((DimensionOverlay[3]/2)+DimensionOverlay[5])+"px";

		DivOverlayContenuWait.style.width		=	FixeTaillePopX+"px";
		DivOverlayContenuWait.style.height		=	(parseFloat(FixeTaillePopY) + parseFloat(16))+"px";
		DivOverlayContenuWait.style.marginLeft	=	-(FixeTaillePopX/2-5)+"px";
		DivOverlayContenuWait.style.marginTop	=	-(FixeTaillePopY/2-5)+"px";
		DivOverlayContenuWait.style.left		=	((DimensionOverlay[2]/2)+DimensionOverlay[4])+"px";
		DivOverlayContenuWait.style.top		=	((DimensionOverlay[3]/2)+DimensionOverlay[5])+"px";
	}

	DivOverlayIsAffiche				=	1;
}

window.onload=function(){
	window.onresize=function(){PositionOverlay()}
	window.onscroll=function(){PositionOverlay()}
}

function getPageSize() {
	        
	     var xScroll, yScroll;
		
		if (window.innerHeight && window.scrollMaxY) {	
			xScroll = window.innerWidth + window.scrollMaxX;
			yScroll = window.innerHeight + window.scrollMaxY;
		} else if (document.body.scrollHeight > document.body.offsetHeight){ // all but Explorer Mac
			xScroll = document.body.scrollWidth;
			yScroll = document.body.scrollHeight;
		} else { // Explorer Mac...would also work in Explorer 6 Strict, Mozilla and Safari
			xScroll = document.body.offsetWidth;
			yScroll = document.body.offsetHeight;
		}
		
		var windowWidth, windowHeight;
		
		if (self.innerHeight) {	// all except Explorer
			if(document.documentElement.clientWidth){
				windowWidth = document.documentElement.clientWidth; 
			} else {
				windowWidth = self.innerWidth;
			}
			windowHeight = self.innerHeight;
		} else if (document.documentElement && document.documentElement.clientHeight) { // Explorer 6 Strict Mode
			windowWidth = document.documentElement.clientWidth;
			windowHeight = document.documentElement.clientHeight;
		} else if (document.body) { // other Explorers
			windowWidth = document.body.clientWidth;
			windowHeight = document.body.clientHeight;
		}	
		
		// for small pages with total height less then height of the viewport
		if(yScroll < windowHeight){
			pageHeight = windowHeight;
		} else { 
			pageHeight = yScroll;
		}
	
		// for small pages with total width less then width of the viewport
		if(xScroll < windowWidth){	
			pageWidth = xScroll;		
		} else {
			pageWidth = windowWidth;
		}


		var PosScrollX, PosScrollY;

		if (document.all)
		{
			if (!document.documentElement.scrollLeft)
				PosScrollX = document.body.scrollLeft;
			else
				PosScrollX = document.documentElement.scrollLeft;
	
			if (!document.documentElement.scrollTop)
				PosScrollY = document.body.scrollTop;
			else
				PosScrollY = document.documentElement.scrollTop;
		}
		else
		{
			PosScrollX = window.pageXOffset;
			PosScrollY = window.pageYOffset;
		}

		return [pageWidth,pageHeight,windowWidth,windowHeight,PosScrollX,PosScrollY];
	}

function GetScroll()
{
	var scrollX, scrollY;

	if (document.all)
	{
		if (!document.documentElement.scrollLeft)
			scrollX = document.body.scrollLeft;
		else
			scrollX = document.documentElement.scrollLeft;

		if (!document.documentElement.scrollTop)
			scrollY = document.body.scrollTop;
		else
			scrollY = document.documentElement.scrollTop;
	}
	else
	{
		scrollX = window.pageXOffset;
		scrollY = window.pageYOffset;
	}
	return [scrollX,scrollY];
}