menu1=0;menu2=0;menu3=0;menu4=0;menu5=0;
	function changeimgstatus(buttonname,status){
	mybuttonimg=document.getElementById(buttonname);
	mybuttonimg.src="newimages/"+buttonname+"-"+status+".png";
	}
	function changemenustatus(menunumber,status)
	{
	dropdown=document.getElementById("dropdown"+menunumber);
	dropdown.style.visibility=status;
	}
	function rolloffmenuone(){if(menu1==0){changemenustatus(1,"hidden");}}	
	function rolloffmenutwo(){if(menu2==0){changemenustatus(2,"hidden");}}
	function rolloffmenuthree(){if(menu3==0){changemenustatus(3,"hidden");}}
	function rolloffmenufour(){if(menu4==0){changemenustatus(4,"hidden");}}
	function rolloffmenufive(){	if(menu5==0){changemenustatus(5,"hidden");}}
	function clearmenuone(){menu1=0;}	function clearmenutwo(){menu2=0;}	function clearmenuthree(){menu3=0;} 	function clearmenufour(){menu4=0;}function clearmenufive(){menu5=0;}
	
	
	function rolloversubmenu(myid)
		{
			setStyleById(myid, "background-image", "url(newimages/menubackground-on.png)");
			setStyleById(myid, "layer-background-image", "url(newimages/menubackground-on.png)");

		}




function setStyleById(objId, objProperty, objValue) {
//  This function will apply a style to an Element based on Id
//  Works with IE and Mozilla based browsers
        var element =  document.getElementById(objId);
        element.style[objProperty] = objValue
}