window.addEvent
(
	'domready',
	domgo
);

function domgo()
{

	var dropbox = $('specialties').getElement('.dropbox');
	var submenu = $('specialties').getElement('.submenu');
	dropbox.set('text', 'Pick a Topic');
	dropbox.addClass('javaon');		
	submenu.addClass('dropon');
	var menu = new Menu(dropbox, submenu);

	var togs = $$('#sidebar h2');
	togs.each
	(
		function(tog, i)
		{
			tog.setStyle('cursor', 'pointer');
		}
	);
	var accord = new Accordion(togs, $$('#sidebar ul'), {'alwaysHide': 'true', 'display': 1});		
}

var Menu = new Class
(
	{
		initialize: function(dropbox, submenu)
		{
			this.dropbox = $(dropbox);
			this.submenu = $(submenu);
			this.submenu.setStyle('display', 'none');
			this.dropbox.addEvent
			(
				'click', 
				this.show.bind(this)
			);
			this.dropbox.addEvent
			(
				'mouseenter', 
				this.over.bind(this)
			);
			this.dropbox.addEvent
			(
				'mouseleave', 
				this.left.bind(this)
			);
			this.submenu.addEvent
			(
				'mouseleave',
				this.hide.bind(this)
			);
		},
		
		over: function()
		{
			this.dropbox.addClass('over');
		},
		
		left: function()
		{
			this.dropbox.removeClass('over');
		},
		
		show: function()
		{
			this.submenu.setStyle('display', 'block');
		},
		
		hide: function(event)
		{
			this.submenu.setStyle('display', 'none');
		}
	}
)