window.addEvent('domready', function(){
			var myTransition1 = new Fx.Transition(Fx.Transitions.linear);
			var tabs = $$(".HeaderTab");
			
			
				
			tabs.each(function(tab) {
				 var fx = new Fx.Style(tab.getElement('.SubContent'),'opacity', {transition: myTransition1, duration:300, wait:false});
				 tab.getElement('.SubContent').setStyle('z-index', '10');
			     tab.getElement('.SubContent').setStyle('opacity', '0');
				 								
				 tab.addEvent("mouseenter", function(event) {
     			 	tab.getElement('.SubContent').setStyle('display', 'block');
					
					fx.start(0,0.9);
						
									
					
				});
				
				
				tab.addEvent("mouseleave", function() {
						fx.start(0.9,0);
						
						
				
			});
			
			
					});
			
						
		});