var MainMenuHelper = Class.create();

MainMenuHelper.prototype = {
	initialize : function(menuHolderId) {
		this.menuHolderId = menuHolderId;				
		var mouseOverAction = this.mouseOverAction;
		var mouseOutAction = this.mouseOutAction;
		var tthis = this;		
		$$('#' + menuHolderId + ' div.button').each(function(e) {														
			Event.observe(e, 'mouseover', mouseOverAction.bindAsEventListener(tthis));
			Event.observe(e, 'mouseout', mouseOutAction.bindAsEventListener(tthis));
		});
	},
	condition: function(elem) 
	{
		return  elem.hasClassName('button') || elem.hasClassName('buttonOver');
	},
		
	mouseOverAction: function(ev)
	{
		var el = Event.element(ev);
		var button = FdJsHelper.findParentElement(el, this.condition);
		button.removeClassName('button');
		button.addClassName('buttonOver');
	},
	
	mouseOutAction: function(ev) 
	{
		var el = Event.element(ev);				
		var button = FdJsHelper.findParentElement(el, this.condition);		
		button.removeClassName('buttonOver');
		button.addClassName('button');			
	}
}