//slide out menus adapted from http://www.alistapart.com/articles/dropdowns/
	
// function called when user mouseovers menu item
// adds the "mouse_in" class name to the submenu so it will display it
function mouse_in() {
	this.className += "mouse_in";
}

// function called when user mouses out of menu item
// removes "mouse_in" class name from submenu so it will no longer be displayed
function mouse_out() {
	this.className = this.className.replace("mouse_in", " ");
}



// function to be called when the page loads.  Sets the two functions above to handle the
// mouseover and mouseout events repsectively for menu items.
// Gets the root element of the list (the top level ul tag) and loops through its children
// assigning each <li> tag the mouse_in and mouse_out functions
function start() {
	menu_root = document.getElementById("nav_list");
	for (i = 0; i < menu_root.childNodes.length; i++) {
		node = menu_root.childNodes[i];
		node.onmouseover = mouse_in;
 		node.onmouseout = mouse_out;
	}
	
	if(window.imgstart) {
		imgstart()
	}
}

// set the onload function to the function defined above
window.onload = start;