var menuids=new Array("mm","sm") //Enter id(s) of UL menus, separated by commas
var submenuoffset=0 //Offset of submenus from main menu. Default is -2 pixels.
var mmimgcode = 1;
var smimgcode = 1;
function createcssmenu(){
for (var i=0; i<menuids.length; i++){
  var productElement = document.getElementById(menuids[i]);
  if (productElement != null)
  {
  var ultags=document.getElementById(menuids[i]).getElementsByTagName("ul")
    for (var t=0; t<ultags.length; t++){
    var spanref=document.createElement("span")
		spanref.className="arrowdiv"
		spanref.innerHTML="<img src=\"./images/arrow.gif\" />"
		ultags[t].parentNode.getElementsByTagName("a")[0].appendChild(spanref)
    ultags[t].parentNode.onmouseover=function(){
    this.getElementsByTagName("ul")[0].style.left=this.parentNode.offsetWidth+submenuoffset+"px"
    this.getElementsByTagName("ul")[0].style.display="block"
    }
    ultags[t].parentNode.onmouseout=function(){
    this.getElementsByTagName("ul")[0].style.display="none"
    }
    }
  }
  }
}0
if (window.addEventListener)
window.addEventListener("load", createcssmenu, false)
else if (window.attachEvent)
window.attachEvent("onload", createcssmenu)
function mmimage()
{
	var mmimg = document.images.mmpicname;
	if(mmimgcode == 1)
	{
		mmimg.src = "images/arrow2.gif";
		mmimgcode = 2;
	}else{
		mmimg.src = "images/arrow.gif";
		mmimgcode = 1;
	}
}
function smimage()
{
	var mmimg = document.images.mmpicname;
	if(mmimgcode == 1)
	{
		mmimg.src = "images/arrow2.gif";
		mmimgcode = 2;
	}else{
		mmimg.src = "images/arrow.gif";
		mmimgcode = 1;
	}
}
function toggleLayer(whichLayer)
{
	if (whichLayer == "mm")
	{
		mmimage();
	}else{
		smimage();
	}
	if (document.getElementById)
	{
	// this is the way the standards work
	var style2 = document.getElementById(whichLayer).style;
	style2.display = style2.display? "":"block";
	}
	
	else if (document.all)
		{
		// this is the way old msie versions work
		var style2 = document.all[whichLayer].style;
		style2.display = style2.display? "":"block";
		}
		else if (document.layers)
		{
		// this is the way nn4 works
		var style2 = document.layers[whichLayer].style;
		style2.display = style2.display? "":"block";
		}
}
function toggleSubLayer(whichLayer)
{
	
	if (document.getElementById)
	{
	// this is the way the standards work
	var style2 = document.getElementById(whichLayer).style;
	if(document.getElementById('SubMenu').style.backgroundImage == "url(./images/arrow.gif)")
	{
		document.getElementById('SubMenu').style.backgroundImage = "url(./images/arrow2.gif)";
	}else{
		document.getElementById('SubMenu').style.backgroundImage = "url(./images/arrow.gif)";
	}
	
	style2.display = style2.display? "":"block";
	}
	
	else if (document.all)
		{
		// this is the way old msie versions work
		var style2 = document.all[whichLayer].style;
		if(document.all['SubMenu'].style.backgroundImage == "url(./images/arrow.gif)")
	{
		document.all['SubMenu'].style.backgroundImage = "url(./images/arrow2.gif)";
	}else{
		document.all['SubMenu'].style.backgroundImage = "url(./images/arrow.gif)";
	}
		style2.display = style2.display? "":"block";
		}
		else if (document.layers)
		{
		// this is the way nn4 works
		var style2 = document.layers[whichLayer].style;
		if(document.layers['SubMenu'].style.backgroundImage == "url(./images/arrow.gif)")
	{
		document.layers['SubMenu'].style.backgroundImage = "url(./images/arrow2.gif)";
	}else{
		document.layers['SubMenu'].style.backgroundImage = "url(./images/arrow.gif)";
	}
		style2.display = style2.display? "":"block";
		}
}
function setLayer(whichLayer)
{
	if (document.getElementById)
	{
	// this is the way the standards work
	var style2 = document.getElementById(whichLayer).style;
	style2.display = "block";
	}
	
	else if (document.all)
		{
		// this is the way old msie versions work
		var style2 = document.all[whichLayer].style;
		style2.display = "block";
		}
		else if (document.layers)
		{
		// this is the way nn4 works
		var style2 = document.layers[whichLayer].style;
		style2.display = "block";
		}
}
var cssmenuids=["nav1"] //Enter id(s) of CSS Horizontal UL menus, separated by commas
var csssubmenuoffset=0 //Offset of submenus from main menu. Default is 0 pixels.
function createcssmenu2(){
for (var i=0; i<cssmenuids.length; i++){
  var ultags=document.getElementById(cssmenuids[i]).getElementsByTagName("ul")
    for (var t=0; t<ultags.length; t++){
			ultags[t].style.top=ultags[t].parentNode.offsetHeight+csssubmenuoffset+"px"
    	   	ultags[t].parentNode.onmouseover=function(){
    	this.getElementsByTagName("ul")[0].style.visibility="visible"
    	}
    	ultags[t].parentNode.onmouseout=function(){
			this.getElementsByTagName("ul")[0].style.visibility="hidden"
    }
    }
  }
}
if (window.addEventListener)
window.addEventListener("load", createcssmenu2, false)
else if (window.attachEvent)
window.attachEvent("onload", createcssmenu2)