// JavaScript Document
//OPACITY FUNCTIONS
function opacity(id, opacStart, opacEnd, millisec) { 

	//speed for each frame 
	var speed = Math.round(millisec / 100); 
	var timer = 0; 

	//determine the direction for the blending, if start and end are the same nothing happens 
	if(opacStart > opacEnd) { 
		for(i = opacStart; i >= opacEnd; i--) { 
			setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed)); 
			timer++; 
		} 
	} else if(opacStart < opacEnd) { 
		for(i = opacStart; i <= opacEnd; i++) { 
			setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed)); 
			timer++; 
		} 
	} 
} 

//change the opacity for different browsers 
function changeOpac(opacity, id) { 
	try{
		var object = document.getElementById(id).style; 
		object.opacity = (opacity / 100); 
		object.MozOpacity = (opacity / 100); 
		object.KhtmlOpacity = (opacity / 100); 
		object.filter = "alpha(opacity=" + opacity + ")"; 
	}catch(e){}
}
function initOverlayShadow(){
	var objOverlay = document.createElement("div");
	objOverlay.setAttribute('id','overlayshadow');
	objOverlay.style.display = 'none';
	var objBody = document.getElementsByTagName("body").item(0);
	objBody.appendChild(objOverlay);
}

function showOverlayShadow(){
	var vPageSize=getPageSize();
	var objOverlay = document.getElementById("overlayshadow");
	objOverlay.style.display = 'inline';
	objOverlay.className = 'shadowoverlay';
	objOverlay.style.left = '0';
	objOverlay.style.top = '0';
	objOverlay.style.height=vPageSize[1]+'px';
}

//OVERLAY FUNCTIONS
function initOverlay(nome){
	var objOverlay = document.createElement("div");
	objOverlay.setAttribute('id',nome);
	objOverlay.style.display = 'none';
	//objOverlay.onclick = function() { alert('clicked overlay'); }	
	var objBody = document.getElementsByTagName("body").item(0);
	objBody.appendChild(objOverlay);
}

function showOverlay(nome,overlay_width,overlay_height,stile){
	var vPageSize=getPageSize();
	var vPageScroll=getPageScroll();
	var objOverlay = document.getElementById(nome);
	if(overlay_width)
		objOverlay.style.width = overlay_width+'px';
	if(overlay_height)
		objOverlay.style.minHeight = overlay_height+'px';
	centerOverlay(nome,stile);
}

// mostra la pagina in popup
function showOverPage(nome,overlay_width,overlay_height,stile){
	initOverlayShadow();
	showOverlayShadow();
	initOverlay(nome);
	showOverlay(nome,overlay_width,overlay_height,stile);
}
//mostra la pagina in popup senza ombra
function showOverPageWithoutShadow(nome,overlay_width,overlay_height,stile){
	initOverlay(nome);
	showOverlay(nome,overlay_width,overlay_height,stile);
}
// nasconde la pagine in popup	
function hideOverPageWithoutShadow(nome){
	var objBody = document.getElementsByTagName("body").item(0);
	objBody.removeChild(document.getElementById(nome));		
}
// nasconde la pagine in popup	
function hideOverPage(nome){
	var objBody = document.getElementsByTagName("body").item(0);
	document.getElementById('overlayshadow').style.display='none';
	objBody.removeChild(document.getElementById(nome));		
}
	
	
function resizeOverlay(){
	var vPageSize=getPageSize();	
	var objOverlay = document.getElementById("overlayshadow");
	objOverlay.style.width=vPageSize[0];
	objOverlay.style.height=vPageSize[1];		
}


function centerOverlay(nome,stile){

	var vPageSize=getPageSize();
	var vPageScroll=getPageScroll();
	var objOverlay = document.getElementById(nome);
	objOverlay.className = stile;
	var overlay_width=objOverlay.style.width.replace(/px/,"");
	//view_child(objOverlay);
	var overlay_height=objOverlay.style.minHeight.replace(/px/,"");
	var margintop=((overlay_height)/2)*-1;
	objOverlay.style.marginTop=margintop+vPageScroll[1]+'px';
	var marginleft=((overlay_width)/2)*-1;
	objOverlay.style.marginLeft=marginleft+"px";
	objOverlay.style.width=overlay_width+'px';
	objOverlay.style.display = '';
}

function FadeIn(id, t){
	changeOpac(0, id);
	opacity(id, 0, 100, t);
}

function FadeOut(id, t){
	changeOpac(100, id);
	opacity(id, 100, 0, t);
}