var hover = {
	config: {
		theID : "main"
	},
	init: function(){
		var theSection = id(hover.config.theID);
		var theItems = theSection.getElementsByTagName("li");
		for (var i=0; i<theItems.length; i++){
			var listItem = theItems[i];
			listItem.onmouseover = function(){
				this.className = " hovered";
			}
			listItem.onmouseout = function(){
				this.className = "";
			}
		}
	}	
}
addLoadEvent(hover.init);