//// URLs of slides
//var slideurl=new Array("images/1.jpg","images/2.jpg","images/3.jpg","images/4.jpg","images/5.jpg","images/6.jpg","images/7.jpg","images/8.jpg")

//// comments displayed below the slides
//var slidecomment=new Array("AiUtO","AiUtO","AiUtO","AiUtO","AiUtO","AiUtO","AiUtO","AiUtO")

//// links for each slide
//var slidelink=new
//Array("http://www.hwupgrade.it/forum","http://www.hwupgrade.it/forum","http://www.hwupgrade.it/forum","http://www.hwupgrade.it/forum","http://www.hwupgrade.it/forum","http://www.hwupgrade.it/forum","http://www.hwupgrade.it/forum","http://www.hwupgrade.it/forum")

//// targets of the links. Allowed values: "_parent", "_top", "_blank", "_self"
//var slidetarget=new Array("_self","_self","_self","_self","_self","_self","_self","_self","_self","_self","_self","_self","_self")

// the width of the slideshow (pixels)
var scrollerwidth=580

// the height of the slideshow (pixels)
var scrollerheight=150

// width of the transparent zones (pixels)
var translayerszone=15

// font-attributes for the comments
//var slidefont="Tahoma"
//var slidefontcolor="#000000"
//var slidefontsize="5"

// background-color of webpage 
var pagebgcolor="#FFFFFF"

// do not edit below this line
var translayerswidth=1
var translayersmax=Math.floor(translayerszone/translayerswidth)
var translayersleftpos=0
var translayersopacity=100
var translayersfactor=100/translayersmax
var translayerswidthall=translayersmax*translayerswidth
var allpicturewidth
var distancepictopic=0
var scrollerleft=0
var scrollertop=0
var pause=20
var step=2
var newstep=step
var clipleft
var clipright
var cliptop
var clipbottom
var i_picture=0
var timer
var picturecontent=""
var ns4=document.layers?1:0
var ns6=document.getElementById&&!document.all?1:0 
var ie=document.all?1:0
var browserinfos=navigator.userAgent 
var opera=browserinfos.match(/Opera/)  

var strSlide ="";
//var preloadedimages=new Array()
//for (i=0;i<slideurl.length;i++)
//{
//	preloadedimages[i]=new Image()
//	preloadedimages[i].src=slideurl[i]
//}

//Start function init() 
function init() 
{    

    if (ie) //IE
    {           
        var posL =document.all.Contenitore.style.left;
		allpicturewidth=document.all.picturediv.offsetWidth
		document.all.picturediv.style.posTop=scrollertop
        document.all.picturediv.style.posLeft=scrollerleft+scrollerwidth
        clipleft=0
		clipright=0
		cliptop=0
		clipbottom=scrollerheight
		document.all.picturediv.style.clip ="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")"
		document.all.picturediv.style.visibility="visible"
		scrollpicture()
    }
	if (ns6) //MOZILLA
	{
		allpicturewidth=document.getElementById('emptypicturediv').offsetWidth
		document.getElementById('picturediv').style.top=scrollertop
        document.getElementById('picturediv').style.left=scrollerleft+scrollerwidth
		clipleft=0
		clipright=0
		cliptop=0
		clipbottom=scrollerheight
		document.getElementById('picturediv').style.clip ="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")"
		document.getElementById('picturediv').style.visibility="visible"
		scrollpicture()  
    }
	if (ns4) 
	{
		allpicturewidth=document.roof.document.picturediv.document.width
		document.roof.document.picturediv.top=scrollertop
		document.roof.document.picturediv.left=scrollerleft+scrollerwidth
		document.roof.document.picturediv.clip.left=0
		document.roof.document.picturediv.clip.right=0
		document.roof.document.picturediv.clip.top=0
		document.roof.document.picturediv.clip.bottom=scrollerheight
		document.roof.document.picturediv.visibility="visible"
        scrollpicture()
    }
}
//End function init() 


//Start function scrollpicture() 
function scrollpicture() 
{

    if (ie) //IE
    {
		if (document.all.picturediv.style.posLeft>=scrollerleft-allpicturewidth) 
		{
			document.all.picturediv.style.posLeft-=step
			clipright+=step
			if (clipright>scrollerwidth) 
			{
				clipleft+=step
			}
			document.all.picturediv.style.clip ="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")"		
			var timer=setTimeout("scrollpicture()",pause)
		}
		else 
		{
			resetposition()
		}
	}
	if (ns6)//MOZILLA
	{
		if (parseInt(document.getElementById('picturediv').style.left)>=scrollerleft-allpicturewidth) 
		{
	        document.getElementById('picturediv').style.left=parseInt(document.getElementById('picturediv').style.left)-step
			clipright+=step
			if (clipright>scrollerwidth) 
			{
				clipleft+=step
			}
			document.getElementById('picturediv').style.clip ="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")"		
			var timer=setTimeout("scrollpicture()",pause)
		}
		else 
		{
			resetposition()
		}
	}
   if (ns4) 
   {
		if (document.roof.document.picturediv.left>=scrollerleft-allpicturewidth) 
		{
			document.roof.document.picturediv.left-=step
			document.roof.document.picturediv.clip.right+=step
			if (document.roof.document.picturediv.clip.right>scrollerwidth) 
			{
				document.roof.document.picturediv.clip.left+=step
			}
			var timer=setTimeout("scrollpicture()",pause)
		}
		else 
		{
			resetposition()
		}
	}
}
//End function scrollpicture() 


function onmsover() 
{
	step=0
}
function onmsout() 
{
	step=newstep
}

//Start function resetposition() 
function resetposition() 
{
	if (ie) //IE
	{
        document.all.picturediv.style.posLeft=scrollerleft+scrollerwidth
		clipleft=0
		clipright=0
		document.all.picturediv.style.clip ="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")"
        scrollpicture()
	}
	if (ns6) //MOZILLA
	{
		allpicturewidth=document.getElementById('emptypicturediv').offsetWidth
        document.getElementById('picturediv').style.left=scrollerleft+scrollerwidth
		clipleft=0
		clipright=0
		document.getElementById('picturediv').style.clip ="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")"
        scrollpicture()
	}
	if (ns4) 
	{
		document.roof.document.picturediv.left=scrollerleft+scrollerwidth
		document.roof.document.picturediv.clip.left=0
		document.roof.document.picturediv.clip.right=0
        scrollpicture()
	}
}
//End function resetposition() 


//Main() 
picturecontent=""
picturecontent+="<table cellpadding=0 cellspacing=0>"

picturecontent+="<tr>"
for (i=0;i<=slideurl.length-1;i++) {
	picturecontent+="<td align='center'>"	
	picturecontent+="<font class='tApx'>"
	picturecontent+=slidecomment[i]
	picturecontent+="</font>"
	picturecontent+="</td>"
}
picturecontent+="</tr>"
picturecontent+="<tr>"

for (i=0;i<=slideurl.length-1;i++) 
{
   
	picturecontent+="<td align='center'>"		
	//picturecontent+="<a title\"" + slideAltImg[i] + "\"  href=\"" + slidelink[i] + "\" + onMouseOver=\"javascript:onmsover()\" onMouseOut=\"javascript:onmsout()\">"	
	//altra soluzione per aprie la popup prodotti
	//picturecontent+="<a title\"" + slideAltImg[i] + "\"  href='#' onClick=\"" + slidelink[i] + "\" + onMouseOver=\"javascript:onmsover()\" onMouseOut=\"javascript:onmsout()\">"
	
	picturecontent+=slidelink[i] 	
	picturecontent+="<img alt=\"" + slideAltImg[i] + "\" style='border:0px solid #000;cursor: hand;cursor:pointer;' class='corner iradius24 ishadow33' src=\"" + slideurl[i] + "\"  width='120' height='120'></a>"				
	picturecontent+="</td>"	 
}
picturecontent+="</tr></table>"

if (ie) 
{
    //border-width: 2px; border-style: dotted; border-color: black;
    strSlide += '<div id="Contenitore" style="z-index: 1; position:absolute;width:'+scrollerwidth+'px;height:'+scrollerheight+ 'px;overflow:hidden">';
    strSlide +='<div id="picturediv" style="z-index: 0; position:absolute;top:0px;left:px;height:'+scrollerheight+'px;visibility:hidden">'+picturecontent+'</div>';
        
    var objtdSlide = document.getElementById('td_Slide');
    if(objtdSlide!=null)
    {
        objtdSlide.innerHTML = strSlide;
    }        
  	
    //ie aggiunge la sfumatura a sinistra della galleria fotografica
	for (i=0;i<=translayersmax;i++) 
	{	            
	    strSlide +='<span ID="trans'+i+'" style="position:absolute;top:0px;left:'+translayersleftpos+'px;width:'+translayerswidth+'px;height:'+scrollerheight+'px;background-color:'+pagebgcolor+';filter:alpha(opacity='+translayersopacity+');overflow:hidden"> </span>';
	    if(objtdSlide!=null)
        {
            objtdSlide.innerHTML = strSlide;
        }    
	    translayersleftpos+=translayerswidth
	    translayersopacity-=translayersfactor
	}
	//ie aggiunge la sfumatura a destra della galleria fotografica
	translayersleftpos=scrollerwidth-translayersleftpos
	for (ii=0;ii<=translayersmax;ii++) 
	{            
		strSlide +='<span ID="trans'+ii+'" style=position:absolute;top:0px;left:'+translayersleftpos+'px;width:'+translayerswidth+'px;height:'+scrollerheight+'px;background-color:'+pagebgcolor+';filter:alpha(opacity='+translayersopacity+');overflow:hidden"> </span>';
	    if(objtdSlide!=null)
        {

            objtdSlide.innerHTML = strSlide;
        }    
		translayersleftpos+=translayerswidth
	    translayersopacity+=translayersfactor
	}	
	strSlide +='</div>';
    if(objtdSlide!=null)
    {
        objtdSlide.innerHTML = strSlide;
    }    
    //serve per visualizzare le immagini
	strSlide +='<div  id="emptypicturediv" style="display:none;position:absolute;top:0px;left:0px;height:'+scrollerheight+'px;">'+picturecontent+'</div>';
    if(objtdSlide!=null)
    {
        objtdSlide.innerHTML = strSlide;       
    }
	window.onload=init
}

if (ns6) //MOZILLA
{
//border-width: 2px; border-style: dotted; border-color: black;
    document.write('<div style="position:relative;top:120px;left:250px;width:'+scrollerwidth+'px;height:'+scrollerheight+ 'px;overflow:hidden">')	
    document.write('<div id="picturediv" style="position:absolute;top:0px;left:px;height:'+scrollerheight+'px;visibility:hidden">'+picturecontent+'</div>')

	    
    //mozilla aggiunge la sfumatura a sinistra della galleria fotografica
	for (i=0;i<=translayersmax-1;i++) 
	{
        //document.write('<span ID="transleft'+i+'" style="position:absolute;top:0px;left:'+translayersleftpos+'px;width:'+translayerswidth+'px;height:'+scrollerheight+'px;background-color:'+pagebgcolor+';-moz-opacity:'+translayersopacity/100+';overflow:hidden"> </span>')		    
	    strSlide +='<span ID="transleft'+i+'" style="position:absolute;top:0px;left:'+translayersleftpos+'px;width:'+translayerswidth+'px;height:'+scrollerheight+'px;background-color:'+pagebgcolor+';-moz-opacity:'+translayersopacity/100+';overflow:hidden"> </span>';
	    if(objtdSlide!=null)
        {
            objtdSlide.innerHTML = strSlide;
        }    
	    translayersleftpos+=translayerswidth
	    translayersopacity-=translayersfactor
	    if (translayersopacity<0) {translayersopacity=0.001
    }            
	translayersleftpos=scrollerwidth-translayersleftpos
	translayersopacity=0.001	
	for (i=0;i<=translayersmax-1;i++) 
	{
	    
	    //mozilla aggiunge la sfumatura a destra della galleria fotografica
        //document.write('<span ID="transright'+i+'" style="position:absolute;top:0px;left:'+translayersleftpos+'px;width:'+translayerswidth+'px;height:'+scrollerheight+'px;background-color:'+pagebgcolor+';-moz-opacity:'+translayersopacity/100+';"> </span>')		
		strSlide +='<span ID="transright'+i+'" style="position:absolute;top:0px;left:'+translayersleftpos+'px;width:'+translayerswidth+'px;height:'+scrollerheight+'px;background-color:'+pagebgcolor+';-moz-opacity:'+translayersopacity/100+';"> </span>';
	    if(objtdSlide!=null)
        {
            objtdSlide.innerHTML = strSlide;
        }    
		translayersleftpos+=translayerswidth
		translayersopacity+=translayersfactor
    }
    document.write('</div>')
    
    //serve per visualizzare le immagini
    document.write('<div  id="emptypicturediv" style="border-width: 2px; border-style: dotted; border-color: black;display:none;position:absolute;top:0px;left:0px;height:'+scrollerheight+'px;">'+picturecontent+'</div>')	
	window.onload=init
}

//if (ie || ns6) 
//{ 
//    //border-width: 2px; border-style: dotted; border-color: red;     
//    //document.write('<div style="position:relative;top:235px;left:260px;width:'+scrollerwidth+'px;height:'+scrollerheight+ 'px;overflow:hidden">')	
//    //document.write('<div id="picturediv" style="position:absolute;top:0px;left:px;height:'+scrollerheight+'px;visibility:hidden">'+picturecontent+'</div>')

//    strSlide += '<div style="border-width: 2px; border-style: dotted; border-color: black;z-index: 1; position:absolute;width:'+scrollerwidth+'px;height:'+scrollerheight+ 'px;overflow:hidden">';
//    strSlide +='<div id="picturediv" style="border-width: 2px; border-style: dotted; border-color: fucsia;z-index: 0; position:absolute;top:0px;left:px;height:'+scrollerheight+'px;visibility:hidden">'+picturecontent+'</div>';
//    
//    
//    var objtdSlide = document.getElementById('td_Slide');
//    if(objtdSlide!=null)
//    {
//        objtdSlide.innerHTML = strSlide;
//    }    
//    
//    //Inizio codice per IE
//	if (ie && !opera) 
//	{	
//	    //ie aggiunge la sfumatura a sinistra della galleria fotografica
//		for (i=0;i<=translayersmax;i++) 
//		{	            
//		    strSlide +='<span ID="trans'+i+'" style="position:absolute;top:0px;left:'+translayersleftpos+'px;width:'+translayerswidth+'px;height:'+scrollerheight+'px;background-color:'+pagebgcolor+';filter:alpha(opacity='+translayersopacity+');overflow:hidden"> </span>';
//		    if(objtdSlide!=null)
//            {
//                objtdSlide.innerHTML = strSlide;
//            }    
//		    translayersleftpos+=translayerswidth
//		    translayersopacity-=translayersfactor
//		}
//		//ie aggiunge la sfumatura a destra della galleria fotografica
//		translayersleftpos=scrollerwidth-translayersleftpos
//		for (ii=0;ii<=translayersmax;ii++) 
//		{            
//    		strSlide +='<span ID="trans'+ii+'" style=position:absolute;top:0px;left:'+translayersleftpos+'px;width:'+translayerswidth+'px;height:'+scrollerheight+'px;background-color:'+pagebgcolor+';filter:alpha(opacity='+translayersopacity+');overflow:hidden"> </span>';
//		    if(objtdSlide!=null)
//            {
//                objtdSlide.innerHTML = strSlide;
//            }    
//    		translayersleftpos+=translayerswidth
//		    translayersopacity+=translayersfactor
//		}
//	}
//	//Fine codice per IE
//	
//	//inizio Codice per Mozilla
//	if (ns6 && !opera) 
//	{
//	    
//	    //mozilla aggiunge la sfumatura a sinistra della galleria fotografica
//		for (i=0;i<=translayersmax-1;i++) 
//		{
//            //document.write('<span ID="transleft'+i+'" style="position:absolute;top:0px;left:'+translayersleftpos+'px;width:'+translayerswidth+'px;height:'+scrollerheight+'px;background-color:'+pagebgcolor+';-moz-opacity:'+translayersopacity/100+';overflow:hidden"> </span>')		    
//		    strSlide +='<span ID="transleft'+i+'" style="border-width: 2px; border-style: dotted; border-color: red;position:absolute;top:0px;left:'+translayersleftpos+'px;width:'+translayerswidth+'px;height:'+scrollerheight+'px;background-color:'+pagebgcolor+';-moz-opacity:'+translayersopacity/100+';overflow:hidden"> </span>';
//		    if(objtdSlide!=null)
//            {
//                objtdSlide.innerHTML = strSlide;
//            }    
//		    translayersleftpos+=translayerswidth
//		    translayersopacity-=translayersfactor
//		    if (translayersopacity<0) {translayersopacity=0.001
//        }
//    }        
//	translayersleftpos=scrollerwidth-translayersleftpos
//	translayersopacity=0.001
//	
//	for (i=0;i<=translayersmax-1;i++) 
//	{
//	    
//	    //mozilla aggiunge la sfumatura a destra della galleria fotografica
//        //document.write('<span ID="transright'+i+'" style="position:absolute;top:0px;left:'+translayersleftpos+'px;width:'+translayerswidth+'px;height:'+scrollerheight+'px;background-color:'+pagebgcolor+';-moz-opacity:'+translayersopacity/100+';"> </span>')		
//		strSlide +='<span ID="transright'+i+'" style="border-width: 2px; border-style: dotted; border-color: green;position:absolute;top:0px;left:'+translayersleftpos+'px;width:'+translayerswidth+'px;height:'+scrollerheight+'px;background-color:'+pagebgcolor+';-moz-opacity:'+translayersopacity/100+';"> </span>';
//	    if(objtdSlide!=null)
//        {
//            objtdSlide.innerHTML = strSlide;
//        }    
//		translayersleftpos+=translayerswidth
//		translayersopacity+=translayersfactor
//    }
//    //Fine Codice per Mozilla
//}	
//	document.write('</div>')

//	strSlide +='</div>';
//    if(objtdSlide!=null)
//    {
//        objtdSlide.innerHTML = strSlide;
//    }    
//    //serve per visualizzare le immagini
////	document.write('<div  id="emptypicturediv" style="display:none;position:absolute;top:0px;left:0px;height:'+scrollerheight+'px;">'+picturecontent+'</div>')
//	strSlide +='<div  id="emptypicturediv" style="display:none;position:absolute;top:0px;left:0px;height:'+scrollerheight+'px;">'+picturecontent+'</div>';
//    if(objtdSlide!=null)
//    {
//        objtdSlide.innerHTML = strSlide;       
//    }
//	window.onload=init
}
if (ns4) 
{
	strSlide +='<ilayer name="roof" width='+scrollerwidth+' height='+scrollerheight+'>';
    if(objtdSlide!=null)
    {
        objtdSlide.innerHTML = strSlide;
    }
	strSlide +='<layer name="picturediv" width='+scrollerwidth+' height='+scrollerheight+' visibility=hide>'+picturecontent+'</layer>';
    if(objtdSlide!=null)
    {
        objtdSlide.innerHTML = strSlide;
    }

	strSlide +='</ilayer>';
    if(objtdSlide!=null)
    {
        objtdSlide.innerHTML = strSlide;
    }
	window.onload=init
}