window.onload = initAll;

function initAll() {

	for (var i=0; i<document.links.length; i++) {
		var linkObj = document.links[i];
		if (linkObj.id) {
			var imgObj = document.getElementById(linkObj.id + "Img");
			if (imgObj) {
				setupRollover(linkObj,imgObj);
			}
		}
	}
	
	var allLinks = document.getElementsByTagName("a");
	
	
	for (var i=0; i<allLinks.length; i++) {
		if (allLinks[i].className.indexOf("menuLink") > -1) {
			allLinks[i].onload = toggleMenu;
			allLinks[i].onclick = toggleMenu;
			setupRollover(allLinks[i], document.getElementById("productsImg"));
		}
	}
	
	
}


function toggleMenu() {
	var startMenu = this.href.lastIndexOf("/")+1;
	var stopMenu = this.href.lastIndexOf(".");
	var thisMenuName = this.href.substring(startMenu,stopMenu);

	var thisMenu = document.getElementById(thisMenuName).style;
	thisMenu.display = (thisMenu.display == "block") ? "none" : "block";

	return false;
}



function setupRollover(thisLink,thisImage) {
	thisLink.imgToChange = thisImage;
	thisLink.onmouseout = rollOut;
	thisLink.onmouseover = rollOver;	
	
	thisLink.outImage = new Image();
	thisLink.outImage.src = thisImage.src;

	thisLink.overImage = new Image();
	if (thisLink.id == "products_img") {
		thisLink.overImage.src = "images/products2.jpg";
	} else {
		thisLink.overImage.src = "images/" + thisLink.id + "2.jpg";
	}
	
}

function rollOver() {
	this.imgToChange.src = this.overImage.src;
}

function rollOut() {
	this.imgToChange.src = this.outImage.src;
}