var SimpleDropDown = new Class({
	Implements: [Options,Events],
	options: {
		animLength: 250,
		zIndex: 150
	},
	initialize: function(navigationEl, options) {
		this.navRoot = $(navigationEl);
		this.setOptions(options);
		this.childObj = this.navRoot.getChildren('li');
		this.setDropDown();
		return this;
	},
	setDropDown: function() {
		this.childObj.each(function(el, idx) {
			if(el.getElement('ul')) {
				var child = el.getElement('ul');
				child.setStyles({
					'display': 'block',
					'overflow': 'hidden'
				});
				var listSize = el.getElement('ul').getScrollSize();
					
				child.setStyles({
					'height': 0,
					'padding': 0
				});
			}
			
			el.addEvents({
				'mouseenter': function(e){
					if(!el.hasClass('over')) {
						var size = el.getSize();
						this.setOptions({zIndex: this.options.zIndex++});
						el.setStyles({
							'z-index': this.options.zIndex
						});
						el.addClass('over');

						if(child) {
							el.getElement('ul').setStyles({
								'top': size.y
							})
							child.get('tween', {property: 'height', duration: this.options.animLength}).start(listSize.y);
						}
					}
			    }.bind(this),
			    'mouseleave': function(e) {
			    	if(el.hasClass('over')) {
			    		el.removeClass('over');
			    		if(child) child.get('tween', {property: 'height', duration: this.options.animLength}).start(0);
			    	}
			    }.bind(this)
			});
		}.bind(this));
	return this;
	}
});