// 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';
	objOverlay.onclick = function() { hideOverPage(); }	
	var objBody = document.getElementsByTagName("body").item(0);
	objBody.appendChild(objOverlay);
	
}
function showOverlayShadow(stile){
	var vPageSize=getPageSize();
	var objOverlay = document.getElementById("overlayshadow");
	objOverlay.style.display = 'inline';
	if(stile)
		objOverlay.className = stile;
	objOverlay.style.left = '0';
	objOverlay.style.top = '0';
	objOverlay.style.width=vPageSize[0]+'px';
	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,stile,overlay_width,overlay_height){
	var vPageSize=getPageSize();
	var vPageScroll=getPageScroll();
	var objOverlay = document.getElementById(nome);
	objOverlay.className=stile;
	if(overlay_width)
		objOverlay.style.width = overlay_width+"px";
	if(overlay_height)
		objOverlay.style.height = overlay_height+"px";
	//changeOpac(0, 'overlay');
	objOverlay.style.display = 'inline';
	//opacity('overlay', 0, 100, 200);
	//objOverlay.style.height=overlay_height+'px';
}

// mostra la pagina in popup
function showOverPage(nome,overlay_width,overlay_height,stile){
	initOverlayShadow();
	showOverlayShadow('div_ombra');
	initOverlay(nome);
	showOverlay(nome,stile,overlay_width,overlay_height);
}
// 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));		
	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(nome,stile,owidth,oheight){
	var vPageSize=getPageSize();
	var vPageScroll=getPageScroll();
	var objOverlay = document.getElementById(nome);
	var overlay_width=objOverlay.offsetWidth;
	var overlay_height=objOverlay.offsetHeight;
	overlya_width=(overlay_width!=0)?overlay_width:owidth;
	objOverlay.className = stile;
	objOverlay.style.width=overlay_width+'px';
	objOverlay.style.display = 'inline';
	var left = (vPageSize[0]/2) - (overlay_width / 2)+"px";
	//objOverlay.style.left = (((vPageSize[0]/2)-(overlay_width2))/2)*2+'px';
	objOverlay.style.left=left;
	var top = (screen.height) ? (screen.height-overlay_height-(screen.width*0.3))/2 + (vPageScroll[1]) : 200 + (vPageScroll[1]);
	objOverlay.style.top = top+"px";

}
function FadeIn(id, t){
	changeOpac(0, id);
	opacity(id, 0, 100, t);
}

function FadeOut(id, t){
	changeOpac(100, id);
	opacity(id, 100, 0, t);
}

function closeLoading(){
	FadeOut('loading_allegato',800);
	var str="document.getElementById('loading_allegato').style.display='none';"
	window.setTimeout(str, 801);
}

