// JavaScript Document
var onPage = null;


if (window.addEventListener)
	window.addEventListener("load", initRollovers, false);
else if (window.attachEvent)
	window.attachEvent("onload", initRollovers);
	
function initRollovers() {
	if (onPage!="about") addRollover("about", "graphics/menu_about_on.jpg");
	if (onPage!="maintenance") addRollover("maintenance", "graphics/menu_maintenance_on.jpg");
	if (onPage!="home") addRollover("home", "graphics/menu_home_on.jpg");
	if (onPage!="landscaping") addRollover("landscaping", "graphics/menu_landscaping_on.jpg");
	if (onPage!="construction") addRollover("construction", "graphics/menu_construction_on.jpg");
	if (onPage!="photos") addRollover("photos", "graphics/menu_photos_on.jpg");
	if (onPage!="contact") addRollover("contact", "graphics/menu_contact_on.jpg");
	if (onPage!=null) {
		var obj = document.getElementById(onPage);
		obj.src = "graphics/menu_" + onPage + "_on.jpg";
	}
}

function addRollover(img, rolloverURL) {
	if (typeof img == "string") {
		var id = img;
		img =  null;
		if (document.getElementById)
			img = document.getElementById(id);
		else if (document.all)
			img = document.all[id];
			
		if (!img) 
			img = document.images[id];
		
		if (!img) 
			alert('fail');
	}
	var baseURL = img.src;
	//PRELOAD ROLOVER IMAGE
	(new Image()).src = rolloverURL;
	img.onmouseover = function() { img.src = rolloverURL; }
	img.onmouseout = function() { img.src = baseURL; }
}