// Pre load images for rollover
if (document.images) {
	whatsnewOver = new Image
	whatsnewDown = new Image
	whatsnew = new Image
	msdsOver = new Image
	msds = new Image
	brochuresOver = new Image
	brochures = new Image
	questionsOver = new Image
	questions = new Image
	aboutusOver = new Image
	aboutus = new Image
	contactusOver = new Image
	contactus = new Image

	whatsnewOver.src = "images/whatsnew_over.gif"
	whatsnewDown.src = "images/whatsnew_down.gif"
	whatsnew.src = "images/whatsnew.gif"
	msdsOver.src = "images/msds_over.gif"
	msds.src = "images/msds.gif"
	brochuresOver.src = "images/brochures_over.gif"
	brochures.src = "images/brochures.gif"
	questionsOver.src = "images/questions_over.gif"
	questions.src = "images/questions.gif"
	aboutusOver.src = "images/aboutus_over.gif"
	aboutus.src = "images/aboutus.gif"
	contactusOver.src = "images/contactus_over.gif"
	contactus.src = "images/contactus.gif"
}


function swapImage(thisImage,newImage) {
	if (document.images) {
		document[thisImage].src = eval(newImage + ".src")
	}
}


//Top navigation bar

navShadow = "<img src=\"images/navshadow.gif\" border=\"0\" width=\"1\" height=\"38\">"

whatsnewLink = "<a href=\"Whats_New/index.html\" onClick=\"swapImage('whatsnew','whatsnewDown')\" onMouseOver=\"swapImage('whatsnew','whatsnewOver')\" onMouseOut=\"swapImage('whatsnew','whatsnew')\">" +
"<img src=\"images/whatsnew.gif\" alt=\"what's new\" name=\"whatsnew\" border=\"0\" width=\"98\" height=\"38\"></a>"

msdsLink = "<a href=\"MSDS/index.html\" onMouseOver=\"swapImage('msds','msdsOver')\" onMouseOut=\"swapImage('msds','msds')\">" +
"<img src=\"images/msds.gif\" alt=\"MSDS\" name=\"msds\" border=\"0\" width=\"98\" height=\"38\"></a>"

brochuresLink = "<a href=\"Brochures/index.html\" onMouseOver=\"swapImage('brochures','brochuresOver')\" onMouseOut=\"swapImage('brochures','brochures')\">" +
"<img src=\"images/brochures.gif\" alt=\"brochures\" name=\"brochures\" border=\"0\" width=\"98\" height=\"38\"></a>"

questionsLink = "<a href=\"Questions/index.html\" onMouseOver=\"swapImage('questions','questionsOver')\" onMouseOut=\"swapImage('questions','questions')\">" +
"<img src=\"images/questions.gif\" alt=\"questions\" name=\"questions\" border=\"0\" width=\"98\" height=\"38\"></a>"

aboutusLink = "<a href=\"About_Us/index.html\" onMouseOver=\"swapImage('aboutus','aboutusOver')\" onMouseOut=\"swapImage('aboutus','aboutus')\">" +
"<img src=\"images/aboutus.gif\" alt=\"aboutus\" name=\"aboutus\" border=\"0\" width=\"98\" height=\"38\"></a>"

contactusLink = "<a href=\"Contact_Us/index.html\" onMouseOver=\"swapImage('contactus','contactusOver')\" onMouseOut=\"swapImage('contactus','contactus')\">" +
"<img src=\"images/contactus.gif\" alt=\"contactus\" name=\"contactus\" border=\"0\" width=\"98\" height=\"38\"></a>"

document.write(whatsnewLink + navShadow + msdsLink + navShadow + brochuresLink + navShadow + questionsLink + navShadow + aboutusLink + navShadow + contactusLink)