<!--preload images
  image1on = new Image();
  image1on.src = "11.gif";
  
  image2on = new Image();
  image2on.src = "12.gif";
    
  image3on = new Image();
  image3on.src = "13.gif";
      
  image4on = new Image();
  image4on.src = "14.gif";   
  
  image5on = new Image();
  image5on.src = "15.gif";
  
  image6on = new Image();
  image6on.src = "16.gif";
    
  image7on = new Image();
  image7on.src = "17.gif";
      
  image8on = new Image();
  image8on.src = "18.gif";
      
  image9on = new Image();
  image9on.src = "19.gif";
      
  image10on = new Image();
  image10on.src = "20.gif";     
  
  
  image1off = new Image();
  image1off.src = "11.gif";
  
  image2off = new Image();
  image2off.src = "12.gif";
    
  image3off = new Image();
  image3off.src = "13.gif";
      
  image4off = new Image();
  image4off.src = "14.gif";   
  
  image5off = new Image();
  image5off.src = "15.gif";
  
  image6off = new Image();
  image6off.src = "16.gif";
    
  image7off = new Image();
  image7off.src = "17.gif";
      
  image8off = new Image();
  image8off.src = "18.gif";
      
  image9off = new Image();
  image9off.src = "19.gif";
      
  image10off = new Image();
  image10off.src = "20.gif";  
     
//------------
  
//common screen images
  otherDefault = new Image();
  otherDefault.src = "11.jpg";
  
  other1 = new Image();
  other1.src = "11.jpg";
    
  other2 = new Image();
  other2.src = "12.jpg";
      
  other3 = new Image();
  other3.src = "13.jpg";
        
  other4 = new Image();
  other4.src = "14.jpg";
    
  other5 = new Image();
  other5.src = "15.jpg";
    
  other6 = new Image();
  other6.src = "16.jpg";
      
  other7 = new Image();
  other7.src = "17.jpg";
        
  other8 = new Image();
  other8.src = "18.jpg";
        
  other9 = new Image();
  other9.src = "19.jpg";
        
  other10 = new Image();
  other10.src = "20.jpg";
    
    
//end of preload-->
//create function for rollover
function display(number)
{
	if (number == 2)
	{
		document.image1.src = image1on.src;
		document.other.src = other1.src;
	}
		
	if (number == 1)
	{
		document.image1.src = image1off.src;
		document.other.src = other1.src;
	}
//------------
	if (number == 4)
	{
		document.image2.src = image2on.src;
		document.other.src = other2.src;
	}
		
	if (number == 3)
	{
		document.image2.src = image2off.src;
		document.other.src = other2.src;
	}
		
//------------
	if (number == 6)
	{
		document.image3.src = image3on.src;
		document.other.src = other3.src;
	}
		
	if (number == 5)
	{
		document.image3.src = image3off.src;
		document.other.src = other3.src;
	}				
		
//------------
	if (number == 8)
	{
		document.image4.src = image4on.src;
		document.other.src = other4.src;
	}
		
	if (number == 7)
	{
		document.image4.src = image4off.src;
		document.other.src = other4.src;
	}
	
//------------
	if (number == 10)
	{
		document.image2.src = image5on.src;
		document.other.src = other5.src;
	}
		
	if (number == 9)
	{
		document.image2.src = image5off.src;
		document.other.src = other5.src;
	}
		
//------------
	if (number == 12)
	{
		document.image3.src = image6on.src;
		document.other.src = other6.src;
	}
		
	if (number == 11)
	{
		document.image3.src = image6off.src;
		document.other.src = other6.src;
	}				
		
//------------
	if (number == 14)
	{
		document.image4.src = image7on.src;
		document.other.src = other7.src;
	}
		
	if (number == 13)
	{
		document.image4.src = image7off.src;
		document.other.src = other7.src;
	}	
	
//------------
	if (number == 16)
	{
		document.image2.src = image8on.src;
		document.other.src = other8.src;
	}
		
	if (number == 15)
	{
		document.image2.src = image8off.src;
		document.other.src = other8.src;
	}
		
//------------
	if (number == 18)
	{
		document.image3.src = image9on.src;
		document.other.src = other9.src;
	}
		
	if (number == 17)
	{
		document.image3.src = image9off.src;
		document.other.src = other9.src;
	}				
		
//------------
	if (number == 20)
	{
		document.image4.src = image10on.src;
		document.other.src = other10.src;
	}
		
	if (number == 19)
	{
		document.image4.src = image10off.src;
		document.other.src = other10.src;
	}	
}