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

var sliders = $$(".sub");
var triggers = $$(".history, .articles, .alerts, .events, .contact");
	
triggers.each(function( o, x)
{ 	
 	
	var sl = new Fx.Slide( sliders[x], {
	});

sl.hide();
$(triggers[x]).addEvent('mouseenter', function(e){ 
e = new Event(e);
sl.slideIn();
var op = $(sliders[x]).effects({wait:true, duration: 2500, fps: 100, transition: Fx.Transitions.Sine.easeInOut});
op.start({
'opacity': [.5, 1], 'width': [0, 114],
'background-color': ['#829800', '#CADCB8']
});
sl.hide();
$(triggers[x]).addEvent('mouseleave', function(e){

var fx = $(sliders[x]).effects({wait:false, duration: 2500, fps: 100, transition: Fx.Transitions.Sine.easeInOut});
fx.start({'opacity': [1, 0], 'width': [114, 0]});
});
});
});
});