window.addEvent('domready', function() {
	var service = $('service');
	var sub = $('sub_menu');
	
	sub.setOpacity(0);
	
	service.addEvents({
		'mouseenter' : function(){		
			sub.setStyle('display','block');
			sub.set('morph', {duration: 200});
			sub.morph({opacity: 1});
			$clear(this.timer);
		},
		
		'mouseleave': function(){
			var hide = function(){
				sub.set('morph', {duration: 200, onComplete: function(){
					sub.setStyle('display','none');
				}});
				sub.morph({opacity: 0});								
			}
			this.timer = hide.delay(300);
		}
	});

});