function menuMouseover(currentElement){
	navLinks = currentElement.childNodes;
	if(currentElement.tagName != "LI")
	{
		
		for (key in navLinks){
			if (navLinks[key].tagName == "DIV")
			{ 
					if (navLinks[key].className.indexOf("Mouse") != -1)
					{
						navLinks[key].className = navLinks[key].className.replace("Mouse", "");
					}
					else
					{
						navLinks[key].className += "Mouse" ;
					}
					
			}
			
		}
	}
	else
	{
		if (currentElement.className.indexOf(" Mouse") != -1)
		{
			currentElement.className = currentElement.className.replace(" Mouse", "");
		}
		else
		{
			currentElement.className += " Mouse" ;
		}	
	}
}

hasMac = navigator.appVersion.indexOf('Macintosh');
function memberMouseOver()
{
	
		rightEnd = document.getElementById("menuRightEnd");
		leftEnd = document.getElementById("menuLeftEnd");
		member = document.getElementById("menuMember");
		wrapper = document.getElementById("menuWrapper");
		
		
		if (rightEnd.className.indexOf("Mouse") != -1)
		{

			rightEnd.className = rightEnd.className.replace("Mouse", "");
			leftEnd.className = leftEnd.className.replace("Mouse", "");
			member.className = member.className.replace("Mouse", "");
			
			wrapper.className = wrapper.className.replace("Mouse", "");
		}
		else
		{

			rightEnd.className += "Mouse" ;
			leftEnd.className += "Mouse" ;
			member.className += "Mouse" ;
			wrapper.className += "Mouse" ;
		}				

		
}


function startList() {

if (document.all&&document.getElementById) {
		navRoot = document.getElementById("memberMenu");
		
		for (i=0; i<navRoot.childNodes.length; i++) {
			node = navRoot.childNodes[i];
			if (node.nodeName=="LI") {
				
				// using a mac browser
				if (hasMac >= 0) {
					node.style.width = 60;
					
					if (node.childNodes.length > 3) {
						node.onmouseover=function() {
							this.className+=" over";
							
						}
						node.onmouseout=function() {
							this.className=this.className.replace(" over", "");
						}
					}
					
				// using windows					
				} else {
					
					node.onmouseover=function() {
						this.className+=" over";		
					}
					node.onmouseout=function() {
						this.className=this.className.replace(" over", "");
					}

				}
			}
		}
	}
}
window.onload=startList;