function buildMenu(){

	var menuMain = document.getElementById("menuMain");		
	var menuItems = menuMain.getElementsByTagName("li");		
			
	for (i=0; i<menuItems.length; i++){
	
		var lnk = menuItems[i].getElementsByTagName("a")[0];
	
		lnk.innerHTML = "<p class=\"left\"></p><p class=\"middle\">"+lnk.innerHTML+"</p><p class=\"right\"></p>"; 
	
	}
	
	
}

function initMenu(){
	
	buildMenu();
	
	var menuMain = document.getElementById("menuMain");		
	var menuItems = menuMain.getElementsByTagName("li");		
			
	for (i=0; i<menuItems.length; i++){		
				
		if (menuItems[i].getElementsByTagName("a")[0].className != "active") {			
		
			var lnk = menuItems[i].getElementsByTagName("a")[0];
		
			lnk.onmouseover = function () {
			
					var elem = this.getElementsByTagName("p");
					
					for (j=0; j<elem.length; j++) {							
					
						switch (elem[j].className) {								
						
							case "left":
							
								elem[j].className = "leftActive";
							
							break;
							
							case "middle":
							
								elem[j].className = "middleActive";
							
							break;
							
							case "right":
							
								elem[j].className = "rightActive";
							
							break;
						
						};
					
					};
			
				};
				
			lnk.onmouseout = function () {
			
					elem = this.getElementsByTagName("p");
					
					for (j=0; j<elem.length; j++) {											
					
						switch (elem[j].className) {
						
							case "leftActive":
							
								elem[j].className = "left";
							
							break;
							
							case "middleActive":
							
								elem[j].className = "middle";
							
							break;
							
							case "rightActive":
							
								elem[j].className = "right";
							
							break;
						
						};
					
					};
			
				};
		
		} else {
		
			var lnk = menuItems[i].getElementsByTagName("a")[0];
			
			var elem = lnk.getElementsByTagName("p");
					
			for (j=0; j<elem.length; j++) {							
			
				switch (elem[j].className) {								
				
					case "left":
					
						elem[j].className = "leftActive";
					
					break;
					
					case "middle":
					
						elem[j].className = "middleActive";
					
					break;
					
					case "right":
					
						elem[j].className = "rightActive";
					
					break;
				
				};
			
			};
		
		}			
	
	}

}

/*
if (window.addEventListener)
	window.addEventListener("load", initMenu(), false)
else if (window.attachEvent)
	window.attachEvent("onload", initMenu())
*/