// horizontal nav over images
  over_home = new Image;
  over_home.src = "images/nav/home_on.gif";
  over_services = new Image;
  over_services.src = "images/nav/services_on.gif";
  over_scrapbook = new Image;
  over_scrapbook.src = "images/nav/scrapbook_on.gif";
  over_portfolio = new Image;
  over_portfolio.src = "images/nav/portfolio_on.gif";
  over_contactus = new Image;
  over_contactus.src = "images/nav/contactus_on.gif";
   
  
  
// horizontal nav off images
  off_home = new Image;
  off_home.src = "images/nav/home_off.gif";
  off_services = new Image;
  off_services.src = "images/nav/services_off.gif";
  off_scrapbook = new Image;
  off_scrapbook.src = "images/nav/scrapbook_off.gif";
  off_portfolio = new Image;
  off_portfolio.src = "images/nav/portfolio_off.gif";
  off_contactus = new Image;
  off_contactus.src = "images/nav/contactus_off.gif";


  

// primary nav on images
  on_home = new Image;
  on_home.src = "images/nav/home_on.gif";
  on_services = new Image;
  on_services.src = "images/nav/services_on.gif";
  on_scrapbook = new Image;
  on_scrapbook.src = "images/nav/scrapbook_on.gif";
  on_portfolio = new Image;
  on_portfolio.src = "images/nav/portfolio_on.gif";
  on_contactus = new Image;
  on_contactus.src = "images/nav/contactus_on.gif"; 

  

// function for the rollovers
  function ImgFunc(imgDocID, imgObjName) {
      document.images[imgDocID].src = eval(imgObjName + ".src")
}