// JavaScript Document

	
	function initOverlay(){
		var objOverlay = document.createElement("div");
		objOverlay.setAttribute('id','overlay');
		objOverlay.style.display = 'none';
		//objOverlay.onclick = function() { alert('clicked overlay'); }	
		var objBody = document.getElementsByTagName("body").item(0);
		objBody.appendChild(objOverlay);
	}
	
	function showOverlay(){
		var overlay_width=700;
		var overlay_height=450;
		var vPageSize=getPageSize();
		var vPageScroll=getPageScroll();
		var objOverlay = document.getElementById("overlay");
		
		objOverlay.style.display = '';
		objOverlay.style.width=overlay_width+'px';
		objOverlay.className = 'div_overlay';
		
		objOverlay.style.top =vPageScroll[1]+(vPageSize[3]/2-(overlay_height/2))+'px';
		objOverlay.style.left = (((vPageSize[0]/2)-(overlay_width/2))/2)*2+'px';
		
//		objOverlay.style.top = '100px';
//		objOverlay.style.height=overlay_height+'px';
	}
	
	
	function initOverlayShadow(){
		var objOverlay = document.createElement("div");
		objOverlay.setAttribute('id','overlayshadow');
		objOverlay.style.display = 'none';
		objOverlay.onclick = function() { hideOverPage(); }	
		var objBody = document.getElementsByTagName("body").item(0);
		objBody.appendChild(objOverlay);
		
	}
	
	function showOverlayShadow(){
		var vPageSize=getPageSize();
		var objOverlay = document.getElementById("overlayshadow");
		objOverlay.style.display = '';
		objOverlay.className = 'div_ombra';
		objOverlay.style.left = '0';
		objOverlay.style.top = '0';
		objOverlay.style.width=vPageSize[0]+'px';
		objOverlay.style.height='2000px';
	}
	
	
	// mostra la pagina in popup
	function showOverPage(){
		try{hideOverPage()}catch(e){}
		initOverlayShadow();
		showOverlayShadow();
		initOverlay();
		showOverlay();
	}
	

	// nasconde la pagine in popup	
	function hideOverPage(){
		var objBody = document.getElementsByTagName("body").item(0);
		objBody.removeChild(document.getElementById('overlayshadow'));
		objBody.removeChild(document.getElementById('overlay'));		
		last_id_clicked='';
	}
		
		
	function resizeOverlay(){
		var vPageSize=getPageSize();	
		var objOverlay = document.getElementById("overlayshadow");
		objOverlay.style.width=vPageSize[0];
		objOverlay.style.height=vPageSize[1];		
	}
	
	function centerOverlay(){
	
		var vPageSize=getPageSize();
		var vPageScroll=getPageScroll();
		var objOverlay = document.getElementById("overlay");

		var overlay_width=objOverlay.offsetWidth;
		var overlay_height=objOverlay.offsetHeight;
		
		objOverlay.style.display = '';
		objOverlay.className = 'div_overlay';
		objOverlay.style.left = (((vPageSize[0]/2)-(overlay_width/2))/2)*2+'px';


		objOverlay.style.top =vPageScroll[1]+(vPageSize[3]/2-(overlay_height/2));
		//objOverlay.style.top = (((vPageScroll[1]/2)-(overlay_height/2))/2)*2+'px';
		
		//objOverlay.style.top=vPageScroll[1]+20+'px';
		objOverlay.style.width=overlay_width+'px';

	}