var Hover = Class.create();
Object.extend(
	Object.extend(Hover.prototype, Abstract.prototype),{
		initialize: function(target, classname) {
			this.container = $(document.body);
			this.target = this.container.getElementsBySelector(target);
			this.classname	= classname;
			this.events = {
				hover: this.hover.bind(this)
			}
			
			this.addObservers();

		},
		addObservers: function() {
			this.target.invoke('observe', 'mouseover', this.events.hover);
			this.target.invoke('observe', 'mouseout', this.events.hover);
		},
		hover: function(e) {
			var element = Event.element(e);
			if(element.tagName != 'LI') element = element.up('LI');
			
			if(e.type == "mouseout" ){
				element.removeClassName(this.classname);					
			}else{
				element.addClassName(this.classname);				
			}
		}
	}
);
addLoadEvent(function(){
	if(typeof Hover == "function"){
		resultaat = new Hover('div#menu ul li',	'hover');
	}
});