window.addEvent('domready', function() {
	var els = $(document.body).getElements('#menu li.parent');
    var elsleft = $(document.body).getElements('#menu_left li.parent');   
    
    els.each(function(item){
		var ul = item.getElement('ul');
		ul.setStyle('opacity','0');
		var new_height = ul.getElements('li').length * 33;
		var fx = new Fx.Styles(ul, {duration: 600, wait: false});
		item.addEvent('mouseover', function(e) {
			e = new Event(e);
			fx.start({
				'height': [new_height],
				'opacity': 0.8
			});
			e.stop();
		});
		item.addEvent('mouseout', function(e) {
			e = new Event(e);
			fx.start({
				'height': 0,
				'opacity': 0
			});
			e.stop();
		});
	});
  
    elsleft.each(function(item){
        var ul = item.getElement('ul');
        ul.setStyle('opacity','0');
        ul.setStyle('left','187px');
        ul.setStyle('top','0');
        ul.setStyle('width','0');
        var fx = new Fx.Styles(ul, {duration: 600, wait: false});
        item.addEvent('mouseover', function(e) {
            e = new Event(e);
            fx.start({
                'width': 185,
                'opacity': 0.8
            });
            e.stop();
        });
        item.addEvent('mouseout', function(e) {
            e = new Event(e);
            fx.start({
                'width': 0,
                'opacity': 0
            });
            e.stop();
        });
    });
});