window.onload = function(){
	
	var ladyslider = new Class({
	    initialize: function( parentid, options){
	        var sliderClass = this;
			this.slider = $(parentid);
			this.sizeCompressed = 80;
			this.sizeExpanded = 400;
			this.tweenDuration = 400;
			this.fadeFrom = 0.2;
			this.fadeFlash = 0.5;
			this.fadeTo = 0;
			this.items = this.slider.getElements('li');
			this.items.each(function(el){
				el.setStyle('height', sliderClass.sizeCompressed );
				el.setStyle('overflow', 'hidden');
				el.getElement('h2').setStyle('background-color', '#000000');
				el.getElement('h2').fade(sliderClass.fadeFrom);
			});

			this.items.addEvent( 'mouseenter', function(){
				if(this.getStyle('height').toInt() == sliderClass.sizeCompressed){
					var tween = new Fx.Tween(this, {duration: sliderClass.tweenDuration});
					tween.start('height', this.getStyle('height').toInt(), sliderClass.sizeExpanded );
					this.getElement('h2').fade( sliderClass.fadeFlash).pauseFx(10).fade(sliderClass.fadeTo);
				}
			});

			this.items.addEvent( 'mouseleave', function(){
					var tweenHeight = new Fx.Tween(this, {duration: sliderClass.tweenDuration});
					tweenHeight.start('height', this.getStyle('height').toInt(), sliderClass.sizeCompressed);
					this.getElement('h2').fade(sliderClass.fadeFrom);
					
			});
	    }
	});
	
	slider = new ladyslider('lady-menu');
}
