//
// Gestion OverPage

var overPageOn = false;
var dim;
var overPageContent;

function showOverpage(htmlToLoad){

	// overPage
	dim = dimension_detect();
	var div = document.getElementById('overPage');	
	div.style.allowTransparency  = true;
	div.style.filter = "alpha(opacity=70)";
	div.style.opacity = 0.7;
	div.style.top = "0px"
	div.style.left = "0px"
	
	div.style.width = dim.docW+"px";
	
	//div.style.height = (dim.top+dim.docH)+"px";
	div.style.height = ( jQuery(document).height() )+"px";
	
	div.style.backgroundColor = '#fff';
	
	div.style.visibility = 'visible';
	$("#overContent").load("/"+htmlToLoad, null, replaceOverpage);
	return false;
}

function writeInOverPage(content){
	overPageContent = content;
}

function replaceOverpage_timer(){
	setTimeout("replaceOverpage()",500);
}
function replaceOverpage(){


	// Contenu s'il y en a
	if(overPageContent){
		var div = document.getElementById("writehere");
		if(div){
			div.innerHTML = overPageContent;
		}
	}
	
	overPageOn = true;
	dim = dimension_detect();
	
	// overContent
	var overContent = document.getElementById("overContent");
	overContent.style.visibility = 'visible';
	
	var left = dim.left+(dim.viewW - overContent.offsetWidth)/2;
	var top = dim.top+(dim.viewH - overContent.offsetHeight)/2;
	
	overContent.style.top = top+"px";
	overContent.style.left = left+"px";
}

function hideOverpage(){
	overPageOn = false;
	var div = document.getElementById('overPage');
	div.style.visibility = 'hidden';
	
	div = document.getElementById('overContent');
	div.style.visibility = 'hidden';
	
	// 
	if(typeof onCloseOverpage == 'function') {
		onCloseOverpage();
	}
	return false;
}

window.onresize=function(){
	if(overPageOn){
		replaceOverpage();
	}
};