/********************************************************************************************************** 
 ***************** JS - Fabio Lucattini ******************************************************************
 **********************************************************************************************************/
  var screenW = 0;
  var screenH = 0;
  var h = "0px";
  var w = "645px";
  var httpPagine ;
  var paginaCaricata;
  var paginaDaCaricare = "";
  
  
  // creazione variabile x la comunicazione http dedicata alle pagine
	function createRequestObject() {  
		var ro;  
		var browser = navigator.appName;  
		if(browser == "Microsoft Internet Explorer"){  
		   ro = new ActiveXObject("Microsoft.XMLHTTP");  
		}else{  
		   ro = new XMLHttpRequest();  
		}  
		return ro;  
	}  	
	httpPagine = createRequestObject();  
 
/**  Dimenzioni div centrale *****************************************************/
 
 function resizaAreaCentrale( height ){
	
	var contPage = document.getElementById("contPage");
	var tab = document.getElementById("tab");
	var menuSx = document.getElementById("sx");
	var menuDx = document.getElementById("dx");
	 
	//contenitore della pagina caricata(quello centrale)
	contPage.style.width = w;
	contPage.style.height = height;	
	
	//menu laterali faiDaTe e Rifiniture
	menuSx.style.height = height;
	menuDx.style.height = height;
	
	//tabella principale
	tab.style.height = height;
	
 }
 
/*********************************************************/

 // utilizzo per quando faccio l'effetto di rollover su i pulsanti in alto
 var paginaOld = "";
 
 // mi imposta l'altezza delle pagine in base alle pagine che carico
 function setPage( pagina ){
	 
	 paginaDaCaricare = pagina;
	 
	// div che contiene la pagina
	var area = document.getElementById("area");
	// td che contiene il div sopra
	var areaTd = document.getElementById("areaTab");
	
	// controllo in caso che nell'url che passo ci siano presenti delle variabili
	var t = pagina.split(".");
	var sendVar = (t.length > 1) ? t[1].split("?") : "";
	
	// controllo in base alle pagine imposto l'altezza
	switch( t[0] ){
		case "doveSiamo":
			h = "670px";					
			break;
		case "home":
			h = "558px";
			break;
		case "azienda":
			h = "665px";
			break;
		case "servizi":
			h = "600px";
			break;
		case "info":
			h = "500px";
			break;
		case "faiDaTe":
			h = "700px";
			break;
		case "rifinitureInterni":
			h = "700px";
			break;
		case "mail":
			h = "400px";
			break;
		default:
			// funzione che mi imposta il colore  in alto dei pulsanti
			ripristinaColore(paginaOld);
			pagina = "home";
			h = "400px";
			break;

	}


	//	Funzione che ridimenziona gli spazi
	resizaAreaCentrale(h);
	
	
	// imposto il pulsante in alto della pagina
	if(t[0] == "doveSiamo" || t[0] == "azienda" || t[0] == "info" || t[0] == "servizi"){
		setButton( pagina );
	}else{
		ripristinaColore( paginaOld );
	}

	// carica la pagina nell'area preposta
 	paginaText( t[0] , sendVar[1] );
	
 }
 
 // funzione preposta per il load delle pagine
 function creaLoad(testo){
	 
	 	// controllo se esiste già un loader lo distruggo
		if(document.getElementById("conteinerLoad")){
			document.getElementsByTagName("body")[0].removeChild(document.getElementById("conteinerLoad"));
			conteinerLoad = "";
		}
		
		conteinerLoad = document.createElement('div');
		document.getElementsByTagName("body")[0].appendChild(conteinerLoad);			
		conteinerLoad.setAttribute('id',"conteinerLoad");	
		
		foto = document.createElement('div');
		conteinerLoad.appendChild(foto);			
		foto.setAttribute('id',"foto");
		
		sfondoDiv = document.createElement('div');
		conteinerLoad.appendChild(sfondoDiv);			
		sfondoDiv.setAttribute('id',"sfondoDiv");
		
		fraseFoto = document.createElement('div');
		conteinerLoad.appendChild(fraseFoto);			
		fraseFoto.setAttribute('id',"fraseFoto");
		
		if (navigator.appName == "Microsoft Internet Explorer"){
			conteinerLoad.style.marginTop = "340px";
		}
		
		// controllo x gli errori
		if (testo.length > 0)
			fraseFoto.innerHTML = testo;
		else
			fraseFoto.innerHTML = "... Caricamento ...<br><img src='image/loader.gif' alt='loader'>";
 }
 
 // funzione preposta per la distuzione al termine del caricamento 
 function distruggiLoad(){
	 
 	document.getElementsByTagName("body")[0].removeChild(document.getElementById("conteinerLoad"));
 
 }
 
/**************************************************************************************************************
	GESTISCE LE PAGINE DA CARICARE		
***************************************************************************************************************/	

	//funzione che controlla se è stata caricata la pagina 
	//altrimenti reinnoltra la richiesta
	function ricarica(){
		
		if( paginaCaricata == 0 ){
			setPage( paginaDaCaricare );			
		}else{
			return false;
		}
	}

	function paginaText( pagina , varSend ) {
	   paginaCaricata  = 0;
	   varSend = (varSend != "") ? "?"+varSend : "";
	   var action = "pagine/"+ pagina +".php" + varSend;
	   httpPagine.open('get', action);  
	   httpPagine.onreadystatechange = paginaRisposta;  
	   httpPagine.send(null); 
	   setTimeout("ricarica();",  1000);
	}  
	 
	function paginaRisposta() { 
	   
	   var sopra = document.getElementById("sopra");
	   var area = document.getElementById("area");
	   
	   
	   if(httpPagine.readyState < 4){	
	   		 // svuto il contenuto del div
	   		 area.innerHTML = "";
			 // avvio il load
			 creaLoad("");
			 
	   }
	   else if(httpPagine.readyState == 4)
	   {
		  
		   if(httpPagine.status == 200)
		   {	
		   		// tutto andato a buon fine	
		   		paginaCaricata = 1;		   					
				area.innerHTML = httpPagine.responseText ;	
				
		   }
		   else
		   {
			   // problemi nel caricamento
			   	
				altezza = h.substr(0, h.length-2);				
		   		area.innerHTML = "<div align='center' style='margin-top:"+parseInt((altezza/2)-30)+"px;' class='verdana12'>.: ERRORE PAGINA :.</div>"
		   
		   }
		   
		   // rimuovo il load 
		   distruggiLoad();
	   }
	   
	}
/*************************************************************************************************/

function setButton( paginaSet ){
	
		// se sono diverse la pagina corrente e quella precendete e se la pagina precedente esiste
		if(paginaSet != paginaOld && paginaOld != ""){
			
			ripristinaColore(paginaOld);			
			
		}
							
		var button = document.getElementById( paginaSet );
		var buttonImg = document.getElementById( paginaSet + "Img" );
		var stile;
		
		// la pagina corrente diventa quella precendente
		paginaOld = paginaSet;
		// imposto la prima lettera di pagina maiuscola
		paginaSet = paginaSet.substr(0,1).toUpperCase()+paginaSet.substr(1, paginaSet.length);	
		
		// imposto il foglio di stile
		stile = "titAlto"+paginaSet+"Click";
		button.className = stile;
		
		// cambio il pulsante con quello in grassetto
		buttonImg.src = "image/"+ paginaSet +"Hover.jpg";				
			
	}
	
	// cambio il colore del pulsante
	function cambiaColore( cosa ){
				
		var colore = "";
		switch (cosa){
			case "azienda":
				colore = "#00AFE9";
				break;
			case "doveSiamo":
				colore = "#FF0000";
				break;
			case "servizi":
				colore = "#FFAC2F";
				break;
			case "info":
				colore = "#666666";
				break;
			default:
				break;
			
		}
		
		document.getElementById( cosa ).style.color = colore;
	}
	
	// riporto i colori a quello grigio
	function ripristinaColoreSwap( pagina ){
		if( pagina ){
			var colore = "#E8E8E8";	
			if( pagina != paginaOld ){
				document.getElementById( pagina ).style.color = colore;
			}
		}
	}
	
	// riporto i colori a quello grigio
	function ripristinaColore( paginaVecchia ){
		if( paginaVecchia ){
			var colore = "#E8E8E8";			
			var buttonImg = document.getElementById( paginaVecchia+"Img" );
			buttonImg.src = "image/"+ paginaVecchia +".jpg";
			document.getElementById( paginaVecchia ).style.color = colore;
		}
	}
/**********************************************************************************************/