MooFxDropMenu

<script type="text/javascript" src="[(base_url)]manager/media/script/scriptaculous/prototype.js"></script>
<script type="text/javascript" src="[(base_url)]manager/media/script/scriptaculous/scriptaculous.js"></script>
<script type="text/javascript">
function closeVisible() {
	var mmenu = document.getElementById('mainMenu');
	var mheads = mmenu.getElementsByTagName('li');
	for (i = 0; i < mheads.length; i++) {
		if (mheads[i].className == 'hasmenu active'){
			var smenu = mheads[i].getElementsByTagName('ul')[0];
			new Effect.BlindUp(smenu.id, {duration: 0.2});
		}
	}		
}

function accordion(selected) {
	if (selected == 'nomenu'){ //if user clicks menu row with no child menu
		closeVisible(); //close visible menu
		return;
	}
	else {
		if (document.getElementById(selected).parentNode.className == 'hasmenu active') {
			return; //if user clicks menu row which is already opened, do nothing
		}
		else { //if user clicks any other row that has a sub menu
		closeVisible(); //close opened menu
		new Effect.BlindDown(selected, {duration: 0.2});//open respective menu
		}
	}
}


function init() {
   // quit if this function has already been called
   if (arguments.callee.done) return;
   // flag this function so we don't do the same thing twice
   arguments.callee.done = true;
   // process menus
	var mmenu = document.getElementById('mainMenu');
	var mheads = mmenu.getElementsByTagName('li');
	for (i = 0; i < mheads.length; i++) {
		if (mheads[i].className == 'hasmenu'){
			var smenu = mheads[i].getElementsByTagName('ul')[0];
			smenu.style.display = 'none';
		}
	}
}

/* for Mozilla */
if (document.addEventListener) {
   document.addEventListener("DOMContentLoaded", init, false);
}

/* for Internet Explorer */
/*@cc_on @*/
/*@if (@_win32)
   document.write("<script defer src=[(base_url)]assets/templates/ie_onload.js><"+"/script>");
/*@end @*/

/* for other browsers */
window.onload = init;
</script>