// 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.height = 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 objOverlay = document.getElementById(nome);
	objOverlay.className = stile;
	//var vPageSize=getPageSize();
	var vPageScroll=getPageScroll();
	var margintop=((vPageScroll[1]));
	objOverlay.style.marginTop=margintop+'px';
	//alert(vPageSize[3]);
	//alert(vPageScroll);
	/*var overlay_width=objOverlay.style.width.replace(/px/,"");
	var overlay_height=objOverlay.style.height.replace(/px/,"");
	//alert(objOverlay.getHeight());
	//objOverlay.style.top = vPageScroll[1]+"px";
	if(margintop>0){
		objOverlay.style.marginTop=margintop+'px';
	}else{
		objOverlay.style.marginTop='-10%';
	}
	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);
}

function initOverlayCart(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 showOverlayCart(nome,overlay_top,overlay_left,overlay_width,overlay_height){
	var objOverlay = document.getElementById(nome);
	objOverlay.innerHTML='<div class="top-left"></div><div class="top-right"></div><div class="inside"><div id="content_'+nome+'"></div></div><div class="bottom-left"></div><div class="bottom-right"></div>';
	objOverlay.style.top = overlay_top+"px";
	objOverlay.style.left = overlay_left+"px";
	if(overlay_width)	
		objOverlay.style.width = overlay_width+"px";
	if(overlay_height)
		objOverlay.style.height = overlay_height+"px";
	objOverlay.style.display = '';
}
function hideElencoProdottiCart(){
	var objBody = document.getElementsByTagName("body").item(0);
	try{objBody.removeChild(document.getElementById('prodotticart_window'));}catch(e){}		
	prodotticartwindow=false;
}
function setOverlayElenco(cols){
	var _width=(cols*250)+30;
	var _left=coordsXY[0]-(_width);
	if(document.getElementById('prodotticart_window') && "object" == typeof document.getElementById('prodotticart_window')){
		document.getElementById('prodotticart_window').style.width=_width+'px';
		document.getElementById('prodotticart_window').style.left=_left+'px';
		document.getElementById('prodotticart_window').style.display='';
	}
}