<!-- this function preloads the topnav and leftnav images -->

function preloadImages()

{ if (document.images)
  
  { 

    homenav1on = new Image();
	homenav1on.src = "images/home_who_we_are_on.gif";

	homenav1off = new Image();
	homenav1off.src = "images/home_who_we_are_off.gif";
	
	homenav2on = new Image();
	homenav2on.src = "images/home_what_we_do_on.gif";

	homenav2off = new Image();
	homenav2off.src = "images/home_what_we_do_off.gif";
	
	homenav3on = new Image();
	homenav3on.src = "images/home_contact_us_on.gif";

	homenav3off = new Image();
	homenav3off.src = "images/home_contact_us_off.gif";
	
	nav1on = new Image();
	nav1on.src = "images/nav_who_we_are_on.gif";

	nav1off = new Image();
	nav1off.src = "images/nav_who_we_are_off.gif";
	
	nav2on = new Image();
	nav2on.src = "images/nav_what_we_do_on.gif";

	nav2off = new Image();
	nav2off.src = "images/nav_what_we_do_off.gif";
	
	nav3on = new Image();
	nav3on.src = "images/nav_contact_us_on.gif";

	nav3off = new Image();
	nav3off.src = "images/nav_contact_us_off.gif";

    imagesLoaded = true;
  }
}

  
  
  
<!-- the next 2 functions are for the image rollovers -->

var selected = "x";


function imgAct(imgName) {

	if (document.images) {

		document[imgName].src = eval(imgName + "on.src");

	}

}

function imgInact(imgName) {

	if (document.images) {

         if (imgName != selected)

	{

		document[imgName].src = eval(imgName + "off.src");
		
	}

	}

}