var MooMenu = new Class({
	Implements: [Options],
	
	options: {
		duration:500
	},

	initialize:function(options)
	{
		this.setOptions(options);	
		this.displayTimer = 0;
		this.box = 'box';
		this.boxFx = new Fx.Morph($('box'), {duration: 400, transition: Fx.Transitions.Quart.easeOut});
		
		$('box').setStyles({'opacity':0,'width':0, 'height':0, 'overflow':'hidden', 'display':'block'});
		
		$('btn_site_thema').addEvent('mouseover', function() {
			$clear(this.displayTimer);
			this.boxFx.start({'opacity': 0.85,'width': 200, 'height':211});
		}.bind(this));
		
		$('btn_site_thema').addEvent('mouseout', function() {
			this.displayTimer = this.mouseOut.delay(this.options.duration);
		}.bind(this));		
		
		$('box').addEvent('mouseover', function() {
			$clear(this.displayTimer);
		}.bind(this));			
		
		$('box').addEvent('mouseout', function() {
			this.displayTimer = this.mouseOut.delay(this.options.duration);
		}.bind(this));				
	},
	
	mouseOut:function()
	{
		var boxFx = new Fx.Morph($('box'), {duration: 400, transition: Fx.Transitions.Quart.easeOut});
		boxFx.start({'opacity': 0,'width': 0, 'height':0});	
	}
			
});