var showMenubar = function() {
	var menuitems = $ES('.menuitem');
	// iterate through each of the menuitems
	menuitems.each(function(menuitem, index) {
		// does the menuitem contain a link?
		if($chk(link = $E('a', menuitem))) {
			// get the classes of the different elements
			var leftDividerClass = menuitem.getPrevious().getProperty('class');
			var menuitemClass = menuitem.getProperty('class');
			var rightDividerClass = menuitem.getNext().getProperty('class');
			
			// create hover class names
			var leftHoverClass = leftDividerClass + '_left_hover';
			var menuitemHoverClass = menuitemClass + '_hover';
			var rightHoverClass = rightDividerClass + '_right_hover';
			
			// get the href value of the hyperlink inside this menuitem
			var targetPage = link.getProperty('href');
			
			// add mouse over event
			menuitem.addEvents({
				mouseenter: function() {
					this.getPrevious().addClass(leftHoverClass);
					this.addClass(menuitemHoverClass);
					this.getNext().addClass(rightHoverClass);
				},
				mouseleave: function() {
					this.getPrevious().removeClass(leftHoverClass);
					this.removeClass(menuitemHoverClass);
					this.getNext().removeClass(rightHoverClass);
				},
				click: function() {
					window.location = targetPage;
				}
			});
		}
	});
}


window.addEvent('domready', function() {
	showMenubar();
});