var sTheCategoryArray		= new Array();
var sTheSubCategoryArray	= new Array();
var sTheProductArray		= new Array();
var sc_r					= "";
var theProductsPopUp 		= null;
var nPageTpe 				= 0;
var bThePopUpIsOpened           = false;
var xml;

var IE =(window.navigator.userAgent.indexOf('MSIE')>-1)?1:0;

function ctrlIfCategoryItemInArray(sTheCategoryNameString)
{
	for(nCatId=0; nCatId<sTheCategoryArray.length; nCatId++)
	{
		if(sTheCategoryArray[nCatId] == sTheCategoryNameString)
		{
			return true;
		}
	}
	
	return false;
}

function ctrlIfSubCategoryItemInArray(sTheSubCategoryNameString)
{
	for(nSubCatId=0; nSubCatId<sTheSubCategoryArray.length; nSubCatId++)
	{
		if(sTheSubCategoryArray[nSubCatId] == sTheSubCategoryNameString)
		{
			return true;
		}
	}
	
	return false;
}

//valorizza l'array delle sottocategorie relative alla categoria in input
function getSubCategory(category, xml)
{
	// Recupero tutti gli elementi "Product" definiti all'interno del documento XML
	var products = xml.getElementsByTagName("Product");
	
	sTheSubCategoryArray = new Array();
	var nSubCatIndex  = -1;
	
	for(var i = 0; i < products.length; i++) 
	{
		// Recupero ogni singolo elemento "Product" del documento XML
		var e = products[i];
	
		// Recupero i vari valori per ogni elemento "Product"
		var theCategory = e.getElementsByTagName("Category")[0].firstChild.data;

		if(theCategory == category)
		{
			var theSubCategory = e.getElementsByTagName("Subcategory")[0].firstChild.data;

			if(ctrlIfSubCategoryItemInArray(theSubCategory) == false)
			{
				nSubCatIndex++;
				sTheSubCategoryArray[nSubCatIndex] = theSubCategory;
			}	
		}
	}
	//ordina gli elementi degli array in ordine alfabetico
	sTheSubCategoryArray.sort();	
}	

//valorizza l'array dei prodotti relativi alla categoria e alla sottocategoria in input
function getProduct(category, subCategory, xml)
{
	// Recupero tutti gli elementi "Product" definiti all'interno del documento XML
	var products = xml.getElementsByTagName("Product");
	
	sTheProductArray  = new Array();
	var nProductIndex = -1;
	
	for(var i = 0; i < products.length; i++) 
	{
		// Recupero ogni singolo elemento "Product" del documento XML
		var e = products[i];
	
		// Recupero i vari valori per ogni elemento "Product"
		var theCategory    = e.getElementsByTagName("Category")[0].firstChild.data;
		var theSubCategory = e.getElementsByTagName("Subcategory")[0].firstChild.data;

		if((theCategory == category) && (theSubCategory == subCategory))
		{
			var theProduct = e.getElementsByTagName("Description")[0].firstChild.data;

			nProductIndex++;
			sTheProductArray[nProductIndex] = theProduct;	
		}
	}
	
	//ordina gli elementi degli array in ordine alfabetico
	sTheProductArray.sort();		
}


//ritorna il Code del prodotto in input
function getProductCode(category, subCategory, Product, xml)
{
	// Recupero tutti gli elementi "Product" definiti all'interno del documento XML
	var products = xml.getElementsByTagName("Product");
	
	for(var i = 0; i < products.length; i++) 
	{
		// Recupero ogni singolo elemento "Product" del documento XML
		var e = products[i];
	
		// Recupero i vari valori per ogni elemento "Product"
		var theCategory    = e.getElementsByTagName("Category")[0].firstChild.data;
		var theSubCategory = e.getElementsByTagName("Subcategory")[0].firstChild.data;
		var theProduct     = e.getElementsByTagName("Description")[0].firstChild.data;

		if((theCategory == category) && (theSubCategory == subCategory) && (theProduct == Product))
		{
			return e.getElementsByTagName("Code")[0].firstChild.data;
		}
	}		
}



// Funzione per il caricamento del documento XML e 
//passaggio alla funzione per la gestione dei risultati ottenuti
//--> url     = posizione del file XML da caricare
//--> handler = nome della funzione da richiamare a caricamento del documento XML eseguito
function loadXML(url, handler, nPageTpeValue) 
{	
	nPageTpe = nPageTpeValue;
	
	// Determino se l'implementazione DOM Level 2 e' supportata
	if ( document.implementation && document.implementation.createDocument ) 
	{
		// Creo il nuovo oggetto XML
		xml = document.implementation.createDocument("", "", null);
		// Imposto l'evento onload del documento
		xml.onload = function() { handler(xml); }
		// Carico il file XML dall'URL passato alla funzione
		xml.load(url);
	}
	else if ( window.ActiveXObject )  // Caso contrario, ricorro all'API proprietaria Microsoft per Browser IE
	{
		// Creo il nuovo oggetto XML
		xml = new ActiveXObject("Microsoft.XMLDOM");
		// Imposto l'evento onload del documento
		xml.onreadystatechange = function() 
		{
			if ( xml.readyState == 4 ) { handler(xml); }
		}
		// Carico il file XML dall'URL passatto alla funzione
		xml.load(url);
	}	
}
			
function createCategoriesList(xml) 
{
	// Recupero tutti gli elementi "Product" definiti all'interno del documento XML
	var products = xml.getElementsByTagName("Product");
				
	sTheCategoryArray = new Array();
	var nCatIndex     = -1;

	for (var i = 0; i < products.length; i++) 
	{
		// Recupero ogni singolo elemento "Product" del documento XML
		var e = products[i];		
					
		// Recupero i vari valori per ogni elemento "Product"
		var theCategory    = e.getElementsByTagName("Category")[0].firstChild.data;
						
		//valorizzo l'array delle categorie		
		if((ctrlIfCategoryItemInArray(theCategory) == false) && (theCategory != "Spese di trasporto"))
		{
			nCatIndex++;
			sTheCategoryArray[nCatIndex] = theCategory;
		}
	}

	//ordina gli elementi degli array in ordine alfabetico
	sTheCategoryArray.sort();
	
	//creazione del menù
	createMenu();
}


//creazione della pagina del menù delle categorie prodotti
function createMenu()
{
	sc_r += '<CENTER>'
	sc_r += '<IMG SRC="immagini/LogoEupromed.gif" ALIGN="CENTER" BORDER="#FFFFF" ALT="Logo Eupromed"/>'
	sc_r += '</CENTER>'

	sc_r += '<BR>'
	sc_r += '<HR ALIGN="CENTER" COLOR="#003399" SIZE="2" WIDTH="55%"/>'
		
	sc_r += '<P ALIGN="CENTER"/><B>'
	sc_r += '<A HREF="index.html"			onMouseOver="this.style.color=\'#F00000\'" onMouseOut="this.style.color=\'#000044\'"> 	Home</A>       		<A> | </A>'
	sc_r += '<A HREF="chi_siamo.html"		onMouseOver="this.style.color=\'#F00000\'" onMouseOut="this.style.color=\'#000044\'"> 	Chi Siamo</A>  		<A> | </A>'
	sc_r += '<A HREF="marchi_distribuiti.html"	onMouseOver="this.style.color=\'#F00000\'" onMouseOut="this.style.color=\'#000044\'"> 	Marchi distribuiti</A>  <A> | </A>'
	sc_r += '<A>																Prodotti</A>   		<A> | </A>'
	sc_r += '<A HREF="richiesta_info.html"		onMouseOver="this.style.color=\'#F00000\'" onMouseOut="this.style.color=\'#000044\'"> 	Richiesta Info</A>    	<A> | </A>'
	sc_r += '<A HREF="contatti.html"		onMouseOver="this.style.color=\'#F00000\'" onMouseOut="this.style.color=\'#000044\'">  	Contatti</A>'
		
	sc_r += '<div>'
	sc_r += '<table border="0" align="center" class="tabellaCategorieProdotti">'

	sc_r += '<tr>'
	sc_r += '<td>'
	
	if(IE)
		sc_r += '<BR>'
		
	if(nPageTpe == 1)
		sc_r += '<h2><p class="textPageType">Articoli Medicali</p></h2>'
	else if(nPageTpe == 2)
		sc_r += '<h2><p class="textPageType">Articoli di Laboratorio</p></h2>'
		
	//crea il menù a tendina degli articoli
	createCategoriesMenu(nPageTpe);

	sc_r += '</td>'
	sc_r += '</tr>'
	sc_r += '</table>'
	sc_r += '</div>'
			
	//gestione find categorie start
	/*sc_r += '<br /><br />'
	sc_r += '<table border="0" align="center" cellpadding="10" class="tabellaTrovaCategoria">'
	sc_r += '<tr>'
		sc_r += '<td>'
		sc_r += '<h4>'
		sc_r += '<p class="textFindCategory">'
        sc_r += 'Testo: <input type="text" id="text" /><input type="button" value="Cerca" onclick="doFind(document.getElementById(\'text\').value)"/><BR>'
        sc_r += '<input type="checkbox" id="multiSearch" /><label for="multiSearch">Ricerca Multipla</label>'
        sc_r += '<input type="checkbox" id="upperLower" /><label for="upperLower">Maiuscole/Minuscole</label>'
        sc_r += '<input type="checkbox" id="exactWord" checked="checked" /><label for="exactWord">Testo esatto</label><BR><BR>'
		sc_r += '</h4>'
		sc_r += '</td>'
	sc_r += '</tr>'
	sc_r += '</table>'*/
	//gestione find categorie stop

	sc_r += '<HR ALIGN="CENTER" COLOR="#003399" SIZE="2" WIDTH="55%"/>'
	sc_r += '<CENTER>'
	sc_r += '<H4>'	
	sc_r += 'Eupromed S.r.l.: P.I. e C.F. 10588071000'
	sc_r += '</H4>'
	sc_r += '</CENTER>'

	document.body.innerHTML=sc_r
}


//gestione menù prodotti

function showHideMenu(num)
{
	for(nCatId=0; nCatId<sTheCategoryArray.length; nCatId++)
	{
    		if(nCatId!=num)
    		{      
    			document.getElementById('riga'+nCatId).style.display='none';    
    		} 
   		else 
    		{      
    			document.getElementById('riga'+nCatId).style.display=(document.getElementById('riga'+nCatId).style.display=='none')?((IE)?'block':'table-row'):'none';    
    		}
    	}
} 


function createCategoriesMenu(nCategoryType)
{
	sc_r += '<table border="0" align="center" class="tabellaCategorieProdotti">'

	for(nCatId=0; nCatId<sTheCategoryArray.length; nCatId++)
	{
		sc_r += '<tr><td>'
		
		sc_r += ' <a href="#" onClick="showHideMenu(' + nCatId + ') ;return false" class="textCategoriesMenu" onMouseOver="this.style.color=\'#F00000\';" onMouseOut="this.style.color=\'#000044\'">' + sTheCategoryArray[nCatId] + '</a>'
		
		sc_r += '<tr id="riga' + nCatId + '" style="display:none"><td><br>'
		
		getSubCategory(sTheCategoryArray[nCatId],xml);
		
		sc_r += '<p class="textSubCategoriesMenu">'
		for(nSubCatId=0; nSubCatId<sTheSubCategoryArray.length; nSubCatId++)
		{	if(IE)
			{
				sc_r += ' - <a href="javascript:popUp(\'' + sTheCategoryArray[nCatId] + '\', \'' + sTheSubCategoryArray[nSubCatId] + '\', \'' + nCategoryType + '\')" onMouseOver="this.style.color=\'#F00000\';" onMouseOut="this.style.color=\'#000044\'">' + sTheSubCategoryArray[nSubCatId] + '</a><br><br>'
			}
			else
			{ 
				sc_r += ' - <a href="javascript:popUp(\'' + sTheCategoryArray[nCatId] + '\', \'' + sTheSubCategoryArray[nSubCatId] + '\', \'' + nCategoryType + '\')" onMouseOver="this.style.color=\'#F00000\';" onMouseOut="this.style.color=\'#000044\'" onClick="reOpenPopUp()">' + sTheSubCategoryArray[nSubCatId] + '</a><br><br>'
			}
		}	
		sc_r += '</p>'
		sc_r += '</td></tr>'
		sc_r += '</td></tr>'
	}

	sc_r += '</table>'
}

function popUp(sTheCategory, sTheSubCategory, nCategoryType) 
{
	var stili = "top=10, left=10, width=800, height=500, status=no, menubar=no, toolbar=no, scrollbars=yes, resizable=yes";
	
	if(IE)
	{
		if(bThePopUpIsOpened == true)
		{
			theProductsPopUp.close(); 
			bThePopUpIsOpened = false;
		}
		theProductsPopUp = window.open("about:blank", "", stili);
	}
	else
	{
		if(theProductsPopUp == null)
			theProductsPopUp = window.open("about:blank", "", stili);
	}

	theProductsPopUp.document.open();
	
	theProductsPopUp.document.write("<html>\n");
	theProductsPopUp.document.write("<head>\n");
	theProductsPopUp.document.write("<title>Categoria: " +  sTheCategory + "</title>\n");
	//theProductsPopUp.document.write("<basefont size=3 face=Tahoma>\n");
	theProductsPopUp.document.write("<link rel=\"stylesheet\" type=\"text/css\" href=\"style.css\"/>\n");
	theProductsPopUp.document.write("</head>\n");
	
	theProductsPopUp.document.write("<body link=\"#000044\" vlink=\"#000044\" alink=\"#000044\">\n");
	
	theProductsPopUp.document.write("<CENTER>\n");
	theProductsPopUp.document.write("<IMG SRC=\"immagini/LogoEupromed.gif\" ALIGN=\"CENTER\" BORDER=\"#FFFFF\"/>\n");
	theProductsPopUp.document.write("</CENTER>\n");
	
	theProductsPopUp.document.write("<font face=\"Tahoma\" SIZE=\"3\">\n");
	
	theProductsPopUp.document.write("<br>\n");
	theProductsPopUp.document.write("<br>\n");
	theProductsPopUp.document.write("<table border=\"0\" align=\"center\" width=\"60%\">\n");
	theProductsPopUp.document.write("<tr>\n");
	theProductsPopUp.document.write("<td>\n");
	theProductsPopUp.document.write("<CENTER>\n");
	theProductsPopUp.document.write("<h3>\n");
	//theProductsPopUp.document.write("Prodotti della SottoCategoria: <b>" + sTheSubCategory + "</b>");
	theProductsPopUp.document.write(sTheSubCategory);
	theProductsPopUp.document.write("</h3>\n");
	theProductsPopUp.document.write("</CENTER>\n");
	  
	//get dei prodotti
	getProduct(sTheCategory, sTheSubCategory, xml);

	theProductsPopUp.document.write("<ul>\n"); 

	for(nProdId=0; nProdId<sTheProductArray.length; nProdId++)
	{
		theProductsPopUp.document.write("<h4>\n");
		
		if(nCategoryType == 1)
			theProductsPopUp.document.write("<li><a href=\"docProdottiMedicali/" + getProductCode(sTheCategory, sTheSubCategory, sTheProductArray[nProdId], xml) + ".pdf\" target=\"_prod\"\" onMouseOver=\"this.style.color=\'#F00000\';\" onMouseOut=\"this.style.color=\'#000044\'\">" +  sTheProductArray[nProdId] + "</a>\n");
		else if(nCategoryType == 2)
			theProductsPopUp.document.write("<li><a href=\"docProdottiLaboratorio/" + getProductCode(sTheCategory, sTheSubCategory, sTheProductArray[nProdId], xml) + ".pdf\" target=\"_prod\"\" onMouseOver=\"this.style.color=\'#F00000\';\" onMouseOut=\"this.style.color=\'#000044\'\">" +  sTheProductArray[nProdId] + "</a>\n");
			
		theProductsPopUp.document.write("</h4>\n");
	}
	theProductsPopUp.document.write("</ul>\n");
	theProductsPopUp.document.write("</td>\n");
	theProductsPopUp.document.write("</tr>\n");
	theProductsPopUp.document.write("</table>\n");
	
	theProductsPopUp.document.write("</font>\n");
	
	theProductsPopUp.document.write("</body>\n");
	theProductsPopUp.document.write("</html>");
	
	theProductsPopUp.document.close();
	
	theProductsPopUp.focus();
	
	
	if((IE) && (bThePopUpIsOpened == false))
	{
		bThePopUpIsOpened = true;
	}
}

function closePopUp() 
{
	if (theProductsPopUp != null && theProductsPopUp.open) 
		theProductsPopUp.close();
}

function reOpenPopUp()
{
	if(theProductsPopUp.closed)
	{
		theProductsPopUp = null;
	}
}

function mngListaMarchi(xml) 
{
	// Recupero tutti gli elementi "Logo" definiti all'interno del documento XML
	var loghi = xml.getElementsByTagName("Logo");

	sc_r += '<CENTER>'
	sc_r += '<IMG SRC="immagini/LogoEupromed.gif" ALIGN="CENTER" BORDER="#FFFFF" ALT="Logo Eupromed"/>'
	sc_r += '</CENTER>'

	sc_r += '<BR>'
	sc_r += '<HR ALIGN="CENTER" COLOR="#003399" SIZE="2" WIDTH="55%"/>'
		
	sc_r += '<P ALIGN="CENTER"/><B>'
	sc_r += '<A HREF="index.html"			onMouseOver="this.style.color=\'#F00000\'" onMouseOut="this.style.color=\'#000044\'"> 	Home</A>       		<A> | </A>'
	sc_r += '<A HREF="chi_siamo.html"		onMouseOver="this.style.color=\'#F00000\'" onMouseOut="this.style.color=\'#000044\'"> 	Chi Siamo</A>  		<A> | </A>'
	sc_r += '<A> 	                                                                                                                        Marchi distribuiti</A>  <A> | </A>'
	sc_r += '<A HREF="prodotti.html"       	onMouseOver="this.style.color=\'#F00000\'" onMouseOut="this.style.color=\'#000044\'">   Prodotti</A> 	 	<A> | </A>'
	sc_r += '<A HREF="richiesta_info.html"	onMouseOver="this.style.color=\'#F00000\'" onMouseOut="this.style.color=\'#000044\'"> 	Richiesta Info</A>    	<A> | </A>'
	sc_r += '<A HREF="contatti.html"		onMouseOver="this.style.color=\'#F00000\'" onMouseOut="this.style.color=\'#000044\'">  	Contatti</A>'

	sc_r += '</B><BR>'
	sc_r += '<BR>'

	sc_r += '<div>'
	sc_r += '<table border="0" align="center" bordercolor="#003399" class="tabellaMarchi">'

	var sImmagine = " ";
	//var sNome     = " ";
	//var sLink     = " "; 
	
	for (var i = 0; i < loghi.length; i++) 
	{
		sImmagine = loghi[i].getElementsByTagName("Immagine")[0].firstChild.data;
		//sNome     = loghi[i].getElementsByTagName("Nome")[0].firstChild.data;
		//sLink     = loghi[i].getElementsByTagName("Link")[0].firstChild.data;
						
		sc_r += '<tr>'
		
		
		sc_r += '<td>'
		sc_r += '<p class="textJustify">'
		sc_r += '<IMG SRC="loghiMarchiDistribuiti/' + sImmagine + '"; ALIGN="middle" BORDER="1" hspace="50" vspace="20" width="150" height="100"/>'
		//sc_r += '<a href=' + sLink + ' target="target_' + i + '"><B>' + sNome + '</B></a>'
		sc_r += '</p>'
		sc_r += '</td>'
		
		for (var j = 0; j < 3; j++) 
		{	
			if(i < (loghi.length - 1))
			{
				i++;
		
				sImmagine = loghi[i].getElementsByTagName("Immagine")[0].firstChild.data;
				//sNome     = loghi[i].getElementsByTagName("Nome")[0].firstChild.data;
				//sLink     = loghi[i].getElementsByTagName("Link")[0].firstChild.data;
		
				sc_r += '<td>'
				sc_r += '<p class="textJustify">'
				sc_r += '<IMG SRC="loghiMarchiDistribuiti/' + sImmagine + '"; ALIGN="middle" BORDER="1" hspace="50" vspace="20" width="150" height="100"/>'
				//sc_r += '<a href=' + sLink + ' target="target_' + i + '"><B>' + sNome + '</B></a>'
				sc_r += '</p>'
				sc_r += '</td>'
			}	
		}
		
		sc_r += '</tr>'
	}
	
	sc_r += '</table>'
	sc_r += '</div>'
			
	sc_r += '<HR ALIGN="CENTER" COLOR="#003399" SIZE="2" WIDTH="55%"/>'
	sc_r += '<CENTER>'
	sc_r += '<H4>'	
	sc_r += 'Eupromed S.r.l.: P.I. e C.F. 10588071000'
	sc_r += '</H4>'
	sc_r += '</CENTER>'

	document.body.innerHTML=sc_r
}

function getScreenWidth()
{
       	return window.screen.width;
}