function getBrowserWidth ( ) {
    if ( window.innerWidth ) { return window.innerWidth; }
    else if ( document.documentElement && document.documentElement.clientWidth != 0 ) { return document.documentElement.clientWidth; }
    else if ( document.body ) { return document.body.clientWidth; }
    return 0;
} 

function getBrowserHeight ( ) {
    if ( window.innerHeight ) { return window.innerHeight; }
    else if ( document.documentElement && document.documentElement.clientHeight != 0 ) { return document.documentElement.clientHeight; }
    else if ( document.body ) { return document.body.clientHeight; }
    return 0;
} 


function cambiaSistemaRiferimento(overOut)
{

	
	alert(parseInt(document.getElementById('caratteri').style.top) / parseInt(document.getElementById('conteiner').style.height)) 
	
	if(overOut == 'over')
	{
		; 
	}
	else
	{
		; 
	}
}


function centraElemento(idElement)
{
	
	
	var element = document.getElementById(idElement); 
	var altezzaElemento = element.style.height; 
	var larghezzaElemento = element.style.width; 
	var screenHeight = getBrowserHeight(); 
	var screenWidth = getBrowserWidth(); 
	posTop = Math.floor((parseInt(screenHeight) -parseInt(altezzaElemento))/2);
	posLeft = Math.floor((parseInt(screenWidth) -parseInt(larghezzaElemento))/2);
	
	element.style.marginLeft = 0; 
	element.style.marginTop = 0;
	element.style.left =  posLeft + "px";
	
	if(posTop<0)
		posTop= 0; 
	element.style.top = posTop + "px";
	
		
	element.style.position = "absolute"; 
	
}





//var startWidth;
function checkFFresize() {
	var resizeWidth = document.getElementsByTagName("body")[0].offsetWidth;
	if (resizeWidth == startWidth) {
	
	} 
	else {
		//alert(resizeWidth);
		// alert(startWidth);
		startWidth=document.getElementsByTagName("body")[0].offsetWidth;
		window.location.href = window.location.href;
	}
	setTimeout("checkFFresize();",2000);
	}
	if (document.all) {
	} else {
	setTimeout("checkFFresize();",1000);
}






function fixedElement(idElement)
{
	
	var screenHeight =  parseInt(getBrowserHeight()); 
	var screenWidth =  parseInt(getBrowserWidth());
	
	var element = document.getElementById('caratteri'); 	

	var altezzaElemento = parseInt(element.style.height); 
	var larghezzaElemento =parseInt(element.style.width); 
	var topElement = parseInt(element.style.top); 
	var leftElement = parseInt(element.style.left); 
	var altezzaMezziElemento = parseInt(element.style.height)/2; 
	var larghezzaMezziElemento = parseInt(element.style.width)/2; 
	var topElement = parseInt(element.style.top); 
	var leftElement = parseInt(element.style.left); 
	
	var newTop = (percentHeight * screenHeight) - altezzaMezziElemento; 
	var newLeft = (percentWidth *  screenWidth)  - larghezzaMezziElemento; 
	
	 
	
	if(newTop < 0) {newTop = 0; } 
	if(newLeft <0) newLeft = 0; 
	
	
	element.style.top = newTop +"px"  ; 
	element.style.left = newLeft + "px"  ;


}

function posizionaCopyright(idElement)
{
	
	var screenHeight =  parseInt(getBrowserHeight()); 
	var screenWidth =  parseInt(getBrowserWidth());
	
	var element = document.getElementById(idElement); 	

	var altezzaElemento = parseInt(element.style.height); 
	var larghezzaElemento =parseInt(element.style.width); 
	
	var topElement = parseInt(element.style.top); 
	var leftElement = parseInt(element.style.left); 
	
	var altezzaMezziElemento = parseInt(element.style.height)/2; 
	var larghezzaMezziElemento = parseInt(element.style.width)/2; 
	
	var topElement = parseInt(element.style.top); 
	var leftElement = parseInt(element.style.left); 
	
	var newTop = (screenHeight) - altezzaMezziElemento -10; 
	var newLeft = Math.floor((parseInt(screenWidth) -parseInt(larghezzaElemento))/2);	
	 	

	if(newTop - (document.getElementById('divLogo').offsetTop + parseInt(document.getElementById('divLogo').offsetHeight)) <30) 
		newTop =  document.getElementById('divLogo').offsetTop + parseInt(document.getElementById('divLogo').offsetHeight) + 30;
 
	element.style.top =  newTop;
	element.style.left = newLeft + "px"  ;


		element.style.display="block";

	

}


function help(idElement,source)
{
	try
	{
		
		centraElemento(idElement)

		var idElementInt = idElement + "Int"
		var element = document.getElementById(idElement); 
		var elementInt = document.getElementById(idElementInt); 
		element.style.position = "absolute"; 
		
		Effect.Grow
		(element, 
			{
				afterFinish: function(effect)
				{	
					elementInt.style.display = 'block';
				}
			}
		); 
		
		element.zIndex=200; 
		return false; 
	
	}
	
	catch(e)
	{
		alert(e.message); 
	}
}

var percentHeight = 0.5;   
var percentWidth = 0.5; 

function onLoad() {
	try
	{		
	
			index = 0; 
			centraElemento('caratteri'); 
			posizionaCopyright("copyright");
			percentHeight = 0.5;   
			percentWidth = 0.5; 
			//startWidth = document.getElementsByTagName("body")[0].offsetWidth;
		
			document.getElementById("indietro").disabled = true;
 			new Effect.Opacity("caratteriOpacity", {duration:0.5, from:0.8, to:0.8});
 			new Draggable('caratteri',{zindex:10000,handle:'handleCaratteri',revert:false, 
 			
 			starteffect: 
 			
 			function(element) {
          			element._opacity = Element.getOpacity(element);
          			Draggable._dragging[element] = true;
          			new Effect.Opacity(element, {duration:0.2, from:element._opacity, to:0.7}); 
        	},





 			
 			endeffect: 
							function()
							{ 
								var screenHeight =  parseInt(getBrowserHeight()); 
								var screenWidth =  parseInt(getBrowserWidth());
								var element = document.getElementById('caratteri'); 	
								var altezzaMezziElemento = parseInt(element.style.height)/2; 
								var larghezzaMezziElemento = parseInt(element.style.width)/2; 
								var topElement = parseInt(element.style.top); 
								var leftElement = parseInt(element.style.left); 
								percentHeight =  (topElement + altezzaMezziElemento ) /screenHeight; 
								percentWidth =  (leftElement +larghezzaMezziElemento ) /screenWidth;
								var toOpacity = Object.isNumber(element._opacity) ? element._opacity : 1.0;
        						new Effect.Opacity
        						( 
        							element, 
        							{
        								duration:0.2, from:0.7, to:toOpacity, 
          								queue: {scope:'_draggable', position:'end'},
          								afterFinish: function()
          								{ 
           									Draggable._dragging[element] = false 
          								}
        							}
        						); 
							}
						}
		);

 	}
 		catch(e)
 		{alert(e.Message)}
}

function closeHelp(idElement)
{	
	var idElementInt = idElement + "Int"
	var element = document.getElementById(idElement); 
	var elementInt = document.getElementById(idElementInt); 

	
	
	elementInt.style.display = 'none'; 
	Effect.Shrink
	( element	); 
}


var index=0; 
 

function cc()
{
	alert("bb"); 
}

function nextTes()
{

	
	
	nascondi(); 
	index++; 
	if(index == 0)
	{
		document.getElementById("azienda").style.display = "block"; 
		document.getElementById("title").innerHTML = "L'AZIENDA"; 
	}
	if(index == 1)
	{
		document.getElementById("prodotti1").style.display = "block"; 
		document.getElementById("indietro").disabled = false;
		document.getElementById("title").innerHTML = "PRODOTTI (1 di 3)"; 
	}
	if(index == 2)
	{
		document.getElementById("prodotti2").style.display = "block";
		document.getElementById("title").innerHTML = "PRODOTTI (2 di 3)";  
	}
	if(index == 3)
	{
		document.getElementById("prodotti3").style.display = "block"; 
		document.getElementById("title").innerHTML = "PRODOTTI (3 di 3)";
	}
	
	if(index == 4)
	{
		document.getElementById("clienti").style.display = "block";
		document.getElementById("title").innerHTML = "CLIENTI"; 
		document.getElementById("avanti").disabled = true; 
	
	}
	
	
}


function previousTes()
{
	
	
	nascondi(); 
	index--; 
	if(index == 0)
	{
		document.getElementById("azienda").style.display = "block"; 
		document.getElementById("indietro").disabled = true; 
		document.getElementById("title").innerHTML = "L'AZIENDA"; 
	}
	if(index == 1)
	{
		document.getElementById("prodotti1").style.display = "block"; 
		document.getElementById("title").innerHTML = "PRODOTTI (1 di 3)"; 
	}
	if(index == 2)
	{
		document.getElementById("prodotti2").style.display = "block"; 
		document.getElementById("title").innerHTML = "PRODOTTI (2 di 3)";  
	}
	if(index == 3)
	{
		document.getElementById("prodotti3").style.display = "block"; 
		document.getElementById("title").innerHTML = "PRODOTTI (3 di 3)";  
		document.getElementById("avanti").disabled = false;
	}
	if(index == 4)
	{
		document.getElementById("clienti").style.display = "block"; 
		document.getElementById("title").innerHTML = "CLIENTI";  
		
	}
	
	
}

function nascondi()
{
	if(index == 0)
	{
		document.getElementById("azienda").style.display = "none"; 
	}
	if(index == 1)
	{
		document.getElementById("prodotti1").style.display = "none"; 
	}
	if(index == 2)
	{
		document.getElementById("prodotti2").style.display = "none"; 
	}
	if(index == 3)
	{
		document.getElementById("prodotti3").style.display = "none"; 
	}
		if(index == 4)
	{
		document.getElementById("clienti").style.display = "none"; 
	}
}