

var DropdownMenu = new Class({
					 
	Implements: [Options],

	options: {	
		element: 'dropdownMenu'
	},
	
	
	
	initialize: function(options){
		this.setOptions(options);
		
		this.getFirstLevel();
		
		$(this.options.element).addEvent('mouseleave', function(){ this.collapseAll();	}.bind(this));
	},
	
	getFirstLevel: function(){
		$(this.options.element).getElements('li.parent').each(function(parent){
			parent.addEvent('mouseover', function(){
				this.dropdown(parent);
			}.bind(this));
		}.bind(this));
	},
	
	dropdown: function(parent){
		parent.getElements('ul').each(function(list){
			this.collapseAll();
			list.setStyle('display', 'block');
		}.bind(this));
	},
	
	collapseAll: function(){
		$(this.options.element).getElements('li.parent ul').each(function(lists){
			lists.setStyle('display', 'none');
		});
	}
});
