﻿function CreaLabels(boxType,tableWidth,cont,valori,immagine,posizioneImmagine,titolo,cliccabile,classe,larghezzaImmagini,altezzaImmagini,larghezzaImmaginiEsterne,reload)
{
    //alert(valori)
	var nomiLabel=document.getElementById(valori).value
	
	var arrayNomiLabel=new Array();
	
	arrayNomiLabel=nomiLabel.split(',')
	
	param=arrayNomiLabel.length
	
	//document.getElementById("myTable").style.width=tableWidth;

	//document.getElementById("myTable").style.width=tableWidth;
    //alert(cont)
	var contenitore=document.getElementById(cont);
	
	var nuovoContenuto = document.createElement('div');
	
	nuovoContenuto.setAttribute('id', "newCont");
	
	var contenuto="<table width='"+tableWidth+"' cellspacing='0' cellpadding='0' border='0'><tr>"
	
	var percent=100/param
	var percentNum=((tableWidth-(16*(param+1)))/param)	
	//alert(tableWidth+'-'+percentNum)
	 
	for(var i=0; i<=param; i++)
	{
	    if(param>1)
	    {	
	        if(cliccabile)
	        {
		        if(i==0)
		        {
			        contenuto+="<td width='"+larghezzaImmaginiEsterne+"'><img id='incrocio"+i+boxType+"' src='"+posizioneImmagine+"label_esterna_big_sx.jpg' width='"+larghezzaImmaginiEsterne+"' height='"+altezzaImmagini+"'/></td>"
			        if(reload==true)
		            {
		                if(arrayNomiLabel[i]=='Ftse Mib')
		                    contenuto+="<td align=left  style=' cursor:pointer' class='labelSelezionata"+classe+"' valign='middle' align='center' id='sfondo"+i+boxType+"' background='"+posizioneImmagine+"sfondo_label_big.jpg' width='80px' onClick=\"javascript:ChangeLabels("+i+","+param+",'"+boxType+"','"+posizioneImmagine+"','"+classe+"','"+reload+"')\"><table><tr><td align='left'><a href='javascript:void(0);' onmouseout='MM_swapImgRestore()' onmouseover=\"MM_swapImage('Image1','','struttura_home/reloadOver.jpg',1)\"><img class='visibile' src='struttura_home/"+immagine+"' name='Image1' border='0' id='reload"+i+boxType+"'/></a></td><td width=100% align='center' class='labelSelezionata"+classe+"' id='sfondoTitolo"+i+boxType+"'>"+titolo+" "+arrayNomiLabel[i]+"</td></tr></table></td>" 
		                else
		                    contenuto+="<td align=left  style=' cursor:pointer' class='labelSelezionata"+classe+"' valign='middle' align='center' id='sfondo"+i+boxType+"' background='"+posizioneImmagine+"sfondo_label_big.jpg' width='"+percentNum+"px' onClick=\"javascript:ChangeLabels("+i+","+param+",'"+boxType+"','"+posizioneImmagine+"','"+classe+"','"+reload+"')\"><table><tr><td align='left'><a href='javascript:void(0);' onmouseout='MM_swapImgRestore()' onmouseover=\"MM_swapImage('Image1','','struttura_home/reloadOver.jpg',1)\"><img class='visibile' src='struttura_home/"+immagine+"' name='Image1' border='0' id='reload"+i+boxType+"'/></a></td><td width=100% align='center' class='labelSelezionata"+classe+"' id='sfondoTitolo"+i+boxType+"'>"+titolo+" "+arrayNomiLabel[i]+"</td></tr></table></td>" 
		            }
		            else
		            {
		                contenuto+="<td  style=' cursor:pointer' class='labelSelezionata"+classe+"' valign='middle' align='center' id='sfondo"+i+boxType+"' background='"+posizioneImmagine+"sfondo_label_big.jpg' width='"+percentNum+"px' onClick=\"javascript:ChangeLabels("+i+","+param+",'"+boxType+"','"+posizioneImmagine+"','"+classe+"','"+reload+"')\"><table><tr><td align='left' class='labelSelezionata"+classe+"' id='sfondoTitolo"+i+boxType+"'>"+titolo+" "+arrayNomiLabel[i]+"</td></tr></table></td>"      
		            }
		        }
		        else if(i==1)
		        {
			        contenuto+="<td width='"+larghezzaImmagini+"'><img id='incrocio"+i+boxType+"' src='"+posizioneImmagine+"label_intersez_small_big_dx.jpg' width='"+larghezzaImmagini+"' height='"+altezzaImmagini+"'/></td>"
			        if(reload==true)
			        {   
			            if(arrayNomiLabel[i]=='Ftse AllShare')
			                contenuto+="<td align='left'  style=' cursor:pointer' class='labelDeselezionata"+classe+"' align='center' id='sfondo"+i+boxType+"' background='"+posizioneImmagine+"sfondo_label_small.jpg'  onClick=\"javascript:ChangeLabels("+i+","+param+",'"+boxType+"','"+posizioneImmagine+"','"+classe+"','"+reload+"')\"'><table width=100% border=0><tr><td><a href='javascript:void(0);' onmouseout='MM_swapImgRestore()' onmouseover=\"MM_swapImage('Image1','','struttura_home/reloadOver.jpg',1)\"><img class='nonVisibile' src='struttura_home/"+immagine+"' name='Image1' border='0' id='reload"+i+boxType+"'/></a></td><td align='center' class='labelDeselezionata"+classe+"' id='sfondoTitolo"+i+boxType+"'>"+titolo+" "+arrayNomiLabel[i]+"</td></tr></table></td>" 			
			            else
			                contenuto+="<td align='left'  style=' cursor:pointer' class='labelDeselezionata"+classe+"' align='center' id='sfondo"+i+boxType+"' background='"+posizioneImmagine+"sfondo_label_small.jpg' width='"+percentNum+"px' onClick=\"javascript:ChangeLabels("+i+","+param+",'"+boxType+"','"+posizioneImmagine+"','"+classe+"','"+reload+"')\"'><table width=100% border=0><tr><td><a href='javascript:void(0);' onmouseout='MM_swapImgRestore()' onmouseover=\"MM_swapImage('Image1','','struttura_home/reloadOver.jpg',1)\"><img class='nonVisibile' src='struttura_home/"+immagine+"' name='Image1' border='0' id='reload"+i+boxType+"'/></a></td><td align='center' class='labelDeselezionata"+classe+"' id='sfondoTitolo"+i+boxType+"'>"+titolo+" "+arrayNomiLabel[i]+"</td></tr></table></td>" 			
			        }
			        else
			        {
			            contenuto+="<td  style=' cursor:pointer' class='labelDeselezionata"+classe+"' align='center' id='sfondo"+i+boxType+"' background='"+posizioneImmagine+"sfondo_label_small.jpg' width='"+percentNum+"px' onClick=\"javascript:ChangeLabels("+i+","+param+",'"+boxType+"','"+posizioneImmagine+"','"+classe+"','"+reload+"')\"'><table border=0><tr><td class='labelDeselezionata"+classe+"' id='sfondoTitolo"+i+boxType+"'>"+titolo+" "+arrayNomiLabel[i]+"</td></tr></table></td>" 			
			        }
		        }
		        else if(i==param)
		        {
			        contenuto+="<td width='"+larghezzaImmaginiEsterne+"'><img id='incrocio"+i+boxType+"' src='"+posizioneImmagine+"label_esterna_small_dx.jpg' width='"+larghezzaImmaginiEsterne+"' height='"+altezzaImmagini+"' /></td>"
		        }
		        else
		        {
			        contenuto+="<td width='"+larghezzaImmagini+"'><img id='incrocio"+i+boxType+"' src='"+posizioneImmagine+"label_intersez_small_small_dx.jpg' width='"+larghezzaImmagini+"' height='"+altezzaImmagini+"' /></td>"
			        if(reload==true)
			        {
			            contenuto+="<td align=left style=' cursor:pointer' class='labelDeselezionata"+classe+"' align='center' id='sfondo"+i+boxType+"' background='"+posizioneImmagine+"/sfondo_label_small.jpg' width='"+percentNum+"px' onClick=\"javascript:ChangeLabels("+i+","+param+",'"+boxType+"','"+posizioneImmagine+"','"+classe+"','"+reload+"')\"><table border=0><tr><td><a href='javascript:void(0);' onmouseout='MM_swapImgRestore()' onmouseover=\"MM_swapImage('Image1','','struttura_home/reloadOver.jpg',1)\"><img class='nonVisibile' src='struttura_home/"+immagine+"' name='Image1' border='0' id='reload"+i+boxType+"'/></a></td><td align='center' width=100% class='labelDeselezionata"+classe+"' id='sfondoTitolo"+i+boxType+"'>"+titolo+" "+arrayNomiLabel[i]+"</td></tr></table></td>" 
		            }
		            else
		            {
		                contenuto+="<td  style=' cursor:pointer' class='labelDeselezionata"+classe+"' align='center' id='sfondo"+i+boxType+"' background='"+posizioneImmagine+"/sfondo_label_small.jpg' width='"+percentNum+"px' onClick=\"javascript:ChangeLabels("+i+","+param+",'"+boxType+"','"+posizioneImmagine+"','"+classe+"','"+reload+"')\"><table><tr><td class='labelDeselezionata"+classe+"' id='sfondoTitolo"+i+boxType+"'>"+titolo+" "+arrayNomiLabel[i]+"</td></tr></table></td>" 
		            }
		        }
		    }
		    //alert('sfondo'+i+boxType)
	    }
	    else
	    {
	        if(cliccabile)
	        {
	            //alert("cliccabile")
	            if(i==0)
	            {

                        contenuto+="<td width='"+larghezzaImmaginiEsterne+"'><img id='incrocio"+i+boxType+"' src='"+posizioneImmagine+"label_esterna_big_sx.jpg' width='"+larghezzaImmaginiEsterne+"' height='"+altezzaImmagini+"'/></td>"
	               
	                    contenuto+="<td align='left' style=' cursor:pointer' class='labelDeselezionata"+classe+"' valign='middle' align='center' id='sfondo"+i+boxType+"' background='"+posizioneImmagine+"sfondo_label_big.jpg' width='"+percentNum+"px' onClick=\"javascript:ChangeLabels("+i+","+param+",'"+boxType+"','"+posizioneImmagine+"','"+classe+"','"+reload+"')\"><table><tr><td align='left'><a href='javascript:void(0);' onmouseout='MM_swapImgRestore()' onmouseover=\"MM_swapImage('Image1','','struttura_home/reloadOver.jpg',1)\"><img class='visibile' src='struttura_home/"+immagine+"' name='Image1' border='0' id='reload"+i+boxType+"'/></a></td><td align='left' class='labelDeselezionata"+classe+"' id='sfondoTitolo"+i+boxType+"'>"+titolo+"</td><td align='left' class='labelSelezionata"+classe+"' id='sfondoTitolo2"+i+boxType+"'>"+arrayNomiLabel[i]+"</td></tr></table></td>" 
	                
	                    contenuto+="<td width='"+larghezzaImmaginiEsterne+"'><img id='incrocio"+i+boxType+"' src='"+posizioneImmagine+"label_esterna_big_dx.jpg' width='"+larghezzaImmaginiEsterne+"' height='"+altezzaImmagini+"'/></td>"	                

	            }
	        }
	        else
	        {
	            //alert("non_cliccabile") 
	            if(i==0)
	            {
	                 if(immagine!="")
			         {
	                    contenuto+="<td width='"+larghezzaImmaginiEsterne+"'><img id='incrocio"+i+boxType+"' src='"+posizioneImmagine+"label_esterna_big_sx.jpg' width='"+larghezzaImmaginiEsterne+"' height='"+altezzaImmagini+"'/></td>"
	                    contenuto+="<td align='left' class='labelDeselezionata"+classe+"' valign='middle' align='center' id='sfondo"+i+boxType+"' background='"+posizioneImmagine+"sfondo_label_big.jpg' width='"+percentNum+"px' ><table><tr><td align='left'><img class='visibile' src='struttura_home/"+immagine+"' name='Image1' border='0' id='reload"+i+boxType+"'/></td><td align='left' class='labelDeselezionata'"+classe+" id='sfondoTitolo"+i+boxType+"'>"+titolo+"</td><td align='left' class='labelSelezionata"+classe+"' id='sfondoTitolo2"+i+boxType+"'>"+arrayNomiLabel[i]+"</td></tr></table></td>" 
	                    contenuto+="<td width='"+larghezzaImmaginiEsterne+"'><img id='incrocio"+i+boxType+"' src='"+posizioneImmagine+"label_esterna_big_dx.jpg' width='"+larghezzaImmaginiEsterne+"' height='"+altezzaImmagini+"'/></td>"
	                 }
	                 else
	                 {
	                    if(arrayNomiLabel[i]=="UNA VISTA" || arrayNomiLabel[i]=="BOND CALCULATOR")
	                    {
	                        contenuto+="<td width='"+larghezzaImmaginiEsterne+"'><img id='incrocio"+i+boxType+"' src='"+posizioneImmagine+"label_esterna_big_sx.jpg' width='"+larghezzaImmaginiEsterne+"' height='"+altezzaImmagini+"'/></td>"
	                        contenuto+="<td align='left' class='labelDeselezionata"+classe+"' valign='middle' align='center' id='sfondo"+i+boxType+"' background='"+posizioneImmagine+"sfondo_label_big.jpg' width='"+percentNum+"px' ><table><tr><td align='left'></td><td align='left' class='labelDeselezionata'"+classe+" id='sfondoTitolo"+i+boxType+"'>"+titolo+"</td><td style='font-size:20px; color:#619e13' align='left' class='labelSelezionata"+classe+"' id='sfondoTitolo2"+i+boxType+"'>"+arrayNomiLabel[i]+"</td></tr></table></td>" 
	                        contenuto+="<td width='"+larghezzaImmaginiEsterne+"'><img id='incrocio"+i+boxType+"' src='"+posizioneImmagine+"label_esterna_big_dx.jpg' width='"+larghezzaImmaginiEsterne+"' height='"+altezzaImmagini+"'/></td>"
	                    }
	                    else
	                    {
	                        contenuto+="<td width='"+larghezzaImmaginiEsterne+"'><img id='incrocio"+i+boxType+"' src='"+posizioneImmagine+"label_esterna_big_sx.jpg' width='"+larghezzaImmaginiEsterne+"' height='"+altezzaImmagini+"'/></td>"
	                        contenuto+="<td align='left' class='labelDeselezionata"+classe+"' valign='middle' align='center' id='sfondo"+i+boxType+"' background='"+posizioneImmagine+"sfondo_label_big.jpg' width='"+percentNum+"px' ><table><tr><td align='left'></td><td align='left' class='labelDeselezionata'"+classe+" id='sfondoTitolo"+i+boxType+"'>"+titolo+"</td><td align='left' class='labelSelezionata"+classe+"' id='sfondoTitolo2"+i+boxType+"'>"+arrayNomiLabel[i]+"</td></tr></table></td>" 
	                        contenuto+="<td width='"+larghezzaImmaginiEsterne+"'><img id='incrocio"+i+boxType+"' src='"+posizioneImmagine+"label_esterna_big_dx.jpg' width='"+larghezzaImmaginiEsterne+"' height='"+altezzaImmagini+"'/></td>"
	                    }
	                 }
	            }
	        }
	    }
	    
	}
	
	contenuto+="</tr></table>"
	//alert('alert')
	nuovoContenuto.innerHTML =contenuto;
	
	contenitore.innerHTML=""
	
	contenitore.appendChild(nuovoContenuto);
	
}
function ChangeLabels(label,totLabel,boxType,posizioneImmagine,classe,reload)
{ 

    //alert(label+"_"+totLabel+"_"+boxType)
    //alert("changelabels")
	var idLabel;
	var labelSuccessiva;
	var idLabelSuccessiva;
	//alert(idLabelSuccessiva)

	//alert(label)
	//alert(totLabel)

	for(var i=0; i<=totLabel; i++)
	{
		if(i<label)
		{
			idLabel='incrocio'+i+boxType

			if(i==0)
			{
				document.getElementById(idLabel).setAttribute("src",posizioneImmagine+"label_esterna_small_sx.jpg");
				//alert(idLabel)
			}
			else
			{
				//alert(idLabel)
				document.getElementById(idLabel).setAttribute("src",posizioneImmagine+"label_intersez_small_small_sx.jpg");
			}
			document.getElementById('sfondo'+i+boxType).setAttribute("background",posizioneImmagine+"sfondo_label_small.jpg");
			document.getElementById('sfondoTitolo'+i+boxType).className="labelDeselezionata"+classe
			if(reload==true)
			{
			    //alert(reload)
			    document.getElementById('reload'+i+boxType).className="nonVisibile"
			}
		}
		else if(i==label)
		{
			//alert("'"+posizioneImmagine+"label_esterna_big_sx.jpg'")
			idLabel='incrocio'+label+boxType
			labelSuccessiva=label+1
			idLabelSuccessiva='incrocio'+labelSuccessiva+boxType
			if(i==0)
			{
			    if(totLabel!=1)
			    {
				    document.getElementById(idLabel).setAttribute("src",posizioneImmagine+"label_esterna_big_sx.jpg");
				    document.getElementById(idLabelSuccessiva).setAttribute("src",posizioneImmagine+"label_intersez_small_big_dx.jpg");
			    }
			    else
			    {
			        document.getElementById(idLabel).setAttribute("src",posizioneImmagine+"label_esterna_big_sx.jpg");
			    }
			}
			else if(i==totLabel-1)
			{
				
				document.getElementById(idLabel).setAttribute("src",posizioneImmagine+"label_intersez_small_big_sx.jpg");
				document.getElementById(idLabelSuccessiva).setAttribute("src",posizioneImmagine+"label_esterna_big_dx.jpg");
			}
			else
			{
				//alert('center')
				document.getElementById(idLabel).setAttribute("src",posizioneImmagine+"label_intersez_small_big_sx.jpg");
				document.getElementById(idLabelSuccessiva).setAttribute("src",posizioneImmagine+"label_intersez_small_big_dx.jpg");
			}
			document.getElementById('sfondo'+i+boxType).setAttribute("background",posizioneImmagine+"sfondo_label_big.jpg");
			document.getElementById('sfondoTitolo'+i+boxType).className="labelSelezionata"+classe
			if(reload==true)
			{
			    document.getElementById('reload'+i+boxType).className="visibile"
			}
		}
		else if(i>label)
		{
			//alert('i>label'+' -- '+i+' -- '+totLabel)
			var idTemp=i+1
			idLabel='incrocio'+idTemp+boxType
			
			if(i==totLabel)
			{
				if (label!=totLabel-1)
				{
					//alert('!!!!!!!!!!!!!!!!!!!!!!!!!')
					idLabel='incrocio'+i+boxType
					document.getElementById(idLabel).setAttribute("src",posizioneImmagine+"label_esterna_small_dx.jpg");
				}
			}
			else if(i<totLabel-1)
			{
				//alert('i minore totLabel')
				document.getElementById(idLabel).setAttribute("src",posizioneImmagine+"label_intersez_small_small_dx.jpg");
			}
			if(i!=totLabel)
			{
				document.getElementById('sfondo'+i+boxType).setAttribute("background",posizioneImmagine+"sfondo_label_small.jpg");
				document.getElementById('sfondoTitolo'+i+boxType).className="labeldeSelezionata"+classe
				if(reload==true)
				{
				    document.getElementById('reload'+i+boxType).className="nonVisibile"
				}
			}
		}
	}
	//alert("ppppppppppppppppppppppppppppppppppp")
	//alert(boxType+"--"+label)
	caricaDati(boxType,label)
	//alert(boxType+"___"+label+"1")
}
