<!--
 if (document.images)
 {
  // Preload original image (to show when page loads)
  var pic1_init= new Image();
  pic1_init.src="nav/home.jpg";
  var pic2_init= new Image();
  pic2_init.src="nav/about.jpg";
  var pic3_init= new Image();
  pic3_init.src="nav/how.jpg";
  var pic4_init= new Image();
  pic4_init.src="nav/models.jpg";
  var pic5_init= new Image();
  pic5_init.src="nav/pricing.jpg";
  var pic6_init= new Image();
  pic6_init.src="nav/design.jpg";
  var pic7_init= new Image();
  pic7_init.src="nav/faqs.jpg";
  var pic8_init= new Image();
  pic8_init.src="nav/contact.jpg";
  var pic9_init= new Image();
  pic9_init.src="images/clickgallery.jpg";

  
  
  // Preload image that will show on the mouseover event
  var pic1_new= new Image();
  pic1_new.src="nav/home2.jpg";
  var pic2_new= new Image();
  pic2_new.src="nav/about2.jpg";
  var pic3_new= new Image();
  pic3_new.src="nav/how2.jpg";
  var pic4_new= new Image();
  pic4_new.src="nav/models2.jpg";
  var pic5_new= new Image();
  pic5_new.src="nav/pricing2.jpg";
  var pic6_new= new Image();
  pic6_new.src="nav/design2.jpg";
  var pic7_new= new Image();
  pic7_new.src="nav/faqs2.jpg";
  var pic8_new= new Image();
  pic8_new.src="nav/contact2.jpg";
  var pic9_new= new Image();
  pic9_new.src="images/clickgallery2.jpg";
 }
 function change_it(pic1)
 {
  if (document.images)
   {
    document.images[pic1].src= eval(pic1 + "_new.src");
   }
 }
 function change_back(pic1)
 {
  if (document.images)
  {
   document.images[pic1].src= eval(pic1 + "_init.src");
  }
 }
 //-->