window.addEvent('domready', function() {

	var button = $('topmenu').getElements('ul li');
 
	var buttons = $('topmenu').getElements('ul li ul li');
	
	var buttonul = $('topmenu').getElements('ul li ul');
	
	var effect = function()
					{
						ul = this.getChildren();

						ul.setStyle('visibility', 'visible');
												
						this.tween('padding-top', '6px');
					}
	

	
	var effect2 = function()
					{
						this.tween('padding-top', '0px');
						
					}
	
	var effect3 = function()
					{
						this.set ('tween', {duration: 300});
						this.highlight('#FFFFFF', '#990000');
					}

	
	var effect4 = function()
					{
						this.set ('tween', {duration: 0});
						this.highlight('#000', '#000');
						
					}

		buttonul.each(function(ul2){
							   
			ul2.getParent().addEvent('mouseleave', function(){
				buttonul.setStyle('visibility', 'hidden');
			});

		});

		button.each(function(el){

			el.addEvent('mouseenter', effect);
			
			el.addEvent('mouseleave', effect2);
			
			buttons.each(function(el2){
			
				el2.removeEvent('mouseenter', effect);
				el2.removeEvent('mouseleave', effect2);
				el2.addEvent('mouseenter', effect3);
				el2.addEvent('mouseleave', effect4);

			});
		
			
		
		});
						

});