
var Timer;	
	
  	 function sShowImage(ImageID) 
		    { 					 
				    clearTimeout(Timer);
		    		vGalleryDiv= document.getElementById('SpiralGallery'); 		   
		            var vLis = vGalleryDiv.getElementsByTagName('li'); 		   
		            var vLiCount = vLis.length;  		            
		            if (vLiCount > 0)
		            {          
		             for (var iLi=0; iLi<  vLiCount; iLi++) 
		                {
		                    var EachLi = vLis[iLi];
		                    EachLi.style.display = 'none';
		                } 
		                
		            	var VisLi 
			           		 if (ImageID == 0) 
			          		 {
			                    VisLi = vLis[0];
			                 }else{
			                  	VisLi = document.getElementById('GalleyImg' + ImageID);
			                }		                   
			                 VisLi.style.display = 'block';
		         }
		         sThumbOpacity(ImageID); 
		         StopScroll();
		    } 
		    

 function sThumbOpacity (ImageID) 
		    { 
		    		vThumbDiv= document.getElementById('SpiralThumbList'); 		   
		            var vImgs = vThumbDiv.getElementsByTagName('div'); 		   
		            var vImgsCount = vImgs.length; 
		             		            
		            if (vImgsCount> 0)
		            {          
		             for (var iImg=0; iImg <  vImgsCount ; iImg++) 
		                {
		                    var EachImg = vImgs[iImg];
		                    EachImg.style.filter  = "alpha(opacity=100)";
		                    EachImg.style.MozOpacity= 1.0;		                    
		                }
		            	var VisImg 
			           		 if (ImageID == 0) 
			          		 {
			                    VisImg = vImgs[0];
			                 }else{
			                  	VisImg = document.getElementById('GalleyThumb' + ImageID);
			                }		                   

		                   VisImg.style.filter  = "alpha(opacity=50)";
		                    VisImg.style.MozOpacity = 0.5;	
		         }
		    }  
		    
		    
		    
		    function ScrollButtons()
		    {
		    	vSpiralSpiralThumbList = document.getElementById('SpiralThumbList'); 
		    	vSpiralThumbTable = document.getElementById('SpiralThumbTable'); 
		    	vlThumbScrollBack = document.getElementById('lThumbScrollBack');
		    	vlThumbScrollFWD = document.getElementById('lThumbScrollFwd'); 
		    	vtdThumbScrollFwd = document.getElementById('tdThumbScrollFwd');
		    	vtdThumbScrollBack = document.getElementById('tdThumbScrollBack');
		    	
    	
		    	SLeft = vSpiralSpiralThumbList.scrollLeft;
		    	SWindowWidth = vSpiralSpiralThumbList.offsetWidth;
		    	sInnerWidth = vSpiralThumbTable.offsetWidth;
		    	
		    	if (SLeft < 2)
			    	{
			    		vlThumbScrollBack.style.visibility = "hidden";
			    		vtdThumbScrollBack.style.display = "none";
			    	}else{
			    		vlThumbScrollBack.style.visibility = "visible";
			    		vtdThumbScrollBack.style.display = "block";
			    	}
		    	
		    	ScrollMax = sInnerWidth - SWindowWidth - 1; 
		    	if (SLeft > ScrollMax)
			    	{
			    		vlThumbScrollFWD.style.visibility = "hidden";
			    		vtdThumbScrollFwd.style.display = "hidden";
			    	}else{
			    		vlThumbScrollFWD.style.visibility = "visible";
			    		vtdThumbScrollFwd.style.display = "block";
			    	}
			}

			
			function thumbScrollFwd()
			{
				clearTimeout(Timer);
			    Timer = setInterval("thumbScrollFwd2()", 15);
			}
			
			function thumbScrollBack()
			{
				 clearTimeout(Timer);
			 	Timer = setInterval("thumbScrollBack2()", 15);
			}
			
			function thumbScrollFwd2()
			{
			    document.getElementById('SpiralThumbList').scrollLeft += 2;
			}
			
			function thumbScrollBack2()
			{
			 	document.getElementById('SpiralThumbList').scrollLeft -= 2;
			}
			
			function StopScroll()
			{
				clearTimeout(Timer);
				ScrollButtons();			 
			}
