// JavaScript Document
var ALTEZZADIV = 330;  // ALTEZZA DI STAMPA DEL LAYER OUTPUT
var LARGHEZZADIV = 300;  // LARGHEZZA DI STAMPA DEL LAYER OUTPUT

var ALTEZZATABELLA = "20px"; // ALTEZZA DELLA TABELLA PER LE FRECCIE DI NAVIGAZIONE CAMBIA PAGINA
var LIMITLAYER = 100;
var Scritte = new String;
var arrContenuto = new Array();
var totalDiv = 0;
var stile = "";
var visibilita = "";
function mostra(num)		
{	// FUNZIONE PER LA NAVIGAZIONE (viene richiamata dai link di navigazione (   << >>  )
	// SPEGNE TUTTI TRANNE QUELLO UGUALE AL NUMERO ID CHE VIENE PASSATO (num)
	for (w=0;w<arrContenuto.length;w++){
	objTemp = document.getElementById("PAG"+w);
		if (w == num)
		{
		objTemp.style.visibility = "visible";	
		}
		else
		{
		objTemp.style.visibility = "hidden";
		}
	}		
} 
function creaLayer()
	{
	var strlink;
	objPadre = document.getElementById("outPut");
	
	
	for (k=0;k<arrContenuto.length;k++){
	strlink='';
	if (arrContenuto.length == 1) 
	{
		strlink = "<td height='20'>&nbsp;</td>";
	}
	else
	{
			if (k==0)									// 4) Se è il primo layer solo fraccia avanti >> 
		{
				strlink = strlink+"<td valign='middle' height='20'>";
						strlink = strlink+"<span class='freccianull'>&lt;&lt;</span>&nbsp;&nbsp;";// <<
						strlink = strlink+"<a class='freccia' href=javascript:mostra("+(k+1)+")>&gt;&gt;</a>";// >>
						strlink = strlink+"</td>";
		}
		else 
		{
				if (k==(arrContenuto.length-1))			//	  Se è il l'utlimo layer solo fraccia indietro <<  
				{
						strlink = strlink+"<td valign='middle' height='20'>";
						strlink = strlink+"<a class='freccia' href=javascript:mostra("+(k-1)+")>&lt;&lt;</a>&nbsp;&nbsp;";// <<
						strlink = strlink+"<span class='freccianull'>&gt;&gt;</span>";// >>
						strlink = strlink+"</td>";
				}
				else 
				{									//	  Altrimenti tutte e due << >>
						
						strlink = strlink+"<td valign='middle' height='20'>";
						strlink = strlink+"<a class='freccia' href=javascript:mostra("+(k-1)+")>&lt;&lt;</a>&nbsp;&nbsp;";// <<
						strlink = strlink+"<a class='freccia' href=javascript:mostra("+(k+1)+")>&gt;&gt;</a>";// >>
						strlink = strlink+"</td>";
				}
		}	
	}
	visibilita = (k==0)?"visible":"hidden";		// 2) Se è il primo Div lo rende visibile altrimenti gli altri sono hidden
	stile = "position:absolute;visibility:"+visibilita+";left:0px;overflow:visible; top:0px; height:"+(ALTEZZADIV)+"; width:350px;z-index:"+(LIMITLAYER-k)+";border:0px none;padding:0px;margin:0px;";
	
	objPadre.innerHTML = objPadre.innerHTML + "<DIV ID=\"PAG" + k +"\" style=\""+stile+"\"><table border='0' style='font-family:Times;font-size:11px;color:#8D805A;' cellpadding='0' cellspacing='0' width='100%'><tr><td valign='top'>" +arrContenuto[k]+"</td></tr><tr>"+strlink+"</tr></Table></div>";
        
        
        }
        
}       

function Splitta(){
	divWorkArea = document.getElementById("content");					// 1)* INIZIALIZZA OGGETTI
	layerWork = document.getElementById("workArea"); 					//  
	Scritte = divWorkArea.innerHTML;									//	valorizza un oggetto string per poter manipolare la stringa
	divWorkArea.innerHTML = "";											//	puliamo il content , non serve + in memoria;
	arrScritte = Scritte.split(" ");									//	inizializzo l'array con le parole;
	Scritte = null;
	arrContenuto[0] = "";
	// 	puliamo la stringa , non serve + in memoria;
	for (i=0;i<arrScritte.length;i++) 
	{
	layerWork.innerHTML = layerWork.innerHTML + arrScritte[i] + " "; 	// 2)*
		if (layerWork.offsetHeight < ALTEZZADIV)
		{						// 3)* TRIGGER: se raggiungo i 300px di altezza mentre scrivo
			 if (layerWork.offsetHeight > 300) { 
			 }
			 arrContenuto[totalDiv] =arrContenuto[totalDiv] + arrScritte[i] + " ";// 4) valorizzo arrContenuto con lo spicchio di parole
		}
		else
		{       
			
			totalDiv++;
			
			arrContenuto[totalDiv] = arrScritte[i].replace(/<BR><BR>/g, "")+ " ";		
			layerWork.innerHTML = "";
																			
		}
	}
	creaLayer();	
	
}