
<!--
  pic1on= new Image(); 
  pic1on.src="pics/titles/tanimal.gif"; 
  
  pic1off= new Image();
  pic1off.src="pics/titles/tganimal.gif";

  pic2on= new Image(); 
  pic2on.src="pics/titles/tjudaic.gif"; 
  
  pic2off= new Image();
  pic2off.src="pics/titles/tgjudaic.gif";
  
  pic3on= new Image(); 
  pic3on.src="pics/titles/tcamp.gif"; 
  
  pic3off= new Image();
  pic3off.src="pics/titles/tgcamp.gif";

  pic4on= new Image(); 
  pic4on.src="pics/titles/tsport.gif"; 
  
  pic4off= new Image();
  pic4off.src="pics/titles/tgsport.gif";
  
  pic5on= new Image(); 
  pic5on.src="pics/titles/teducational.gif"; 
  
  pic5off= new Image();
  pic5off.src="pics/titles/tgeducational.gif";
  
  pic6on= new Image(); 
  pic6on.src="pics/titles/tentertainment.gif"; 
  
  pic6off= new Image();
  pic6off.src="pics/titles/tgentertainment.gif";
  
  pic7on= new Image(); 
  pic7on.src="pics/titles/thealthcare.gif"; 
  
  pic7off= new Image();
  pic7off.src="pics/titles/tghealthcare.gif";
  
  pic8on= new Image(); 
  pic8on.src="pics/titles/tholiday.gif"; 
  
  pic8off= new Image();
  pic8off.src="pics/titles/tgholiday.gif";
  
  pic9on= new Image(); 
  pic9on.src="pics/titles/tlibrary.gif"; 
  
  pic9off= new Image();
  pic9off.src="pics/titles/tglibrary.gif";
  
function color(imgName)
 {
      varon=eval(imgName + "on.src")
      document[imgName].src= varon
 }

function grey(imgName)
 {
      varoff=eval(imgName + "off.src")
      document[imgName].src= varoff
 }

//-->