function bainmenuInitiate()
	{
		menus = $$('div.dropdown h3');
		for(var x=0; x<menus.length; x++)
		{
			Event.observe(menus[x], 'click', menuToggleFromEvent, false);
			if(!menus[x].hasClassName('menuTitle'))
			{
				menus[x].addClassName('menuTitle');
			}			
		}
		
		content = $$('.panelContent');
		
		for(var y=0; y<content.length; y++)
		{
			Element.hide(content[y]);
		}
	}

	
	/*
	 * Toggle the visibility of a menu panel.
	 */
	function menuToggle(element)
	{
		menu = $(element);
		titles = menu.getElementsByClassName('menuTitle');
		for(var x=0; x < titles.length;x++)
		{
			if(titles[x].hasClassName('down')) {
				titles[x].removeClassName('down');
				hideMenu(titles[x]);
			} else {
				titles[x].addClassName('down');
				showMenu(titles[x]);
			}
		}

	}
	
	/*
	 * This takes a click event and does the shiz
	 */
	function menuToggleFromEvent(event)
	{
		var menu = Event.element(event);
		if(menu.hasClassName('down')) {
			menu.removeClassName('down');
			hideMenu(menu);
		} else {
			menu.addClassName('down');
			showMenu(menu);
		}		
	}
	
	function showMenu(item)
	{
		var content = getPanelContent(item);			
		for(var x=0; x < content.length;x++)
		{
			new Effect.BlindDown(content[x], {duration:0.9});
		}
	}
	
	function hideMenu(item, effect)
	{
		var content = getPanelContent(item);
		for(var x=0; x<content.length;x++)
		{
			new Effect.BlindUp(content[x],  {duration:0.9});
		}
	}
	
	function getPanelContent(item)
	{
		var ancestors = item.ancestors();
		var parent = ancestors[0];
		var content = parent.getElementsByClassName('panelContent');
		return content;		
	}
	
Event.observe(window, 'load', bainmenuInitiate, false);