/* Drop Down Menu */

Menu = Class.create({
	initialize: function(container) {
		this.container = container;
		this.level0 = this.container.childElements('li');
		this.level0.each((function(li) {
			li.observe('mouseover', this.over.bind(li));
			li.observe('mouseout', this.out.bind(li));
		}).bind(this));
	},
	over: function(event) {
		this.addClassName('hover');
	},
	out: function(event) {
		this.removeClassName('hover');
	}
});
Object.extend(Menu, {
	load: function() {
		new Menu($('mainnav'));
	}
});

Event.observe(window, 'load', Menu.load);