var stretchers = $$('div.header-submenu');

var togglers = $$('a.section-menu');
togglers.reverse();

var fx = new Fx.Elements(stretchers, {wait: false, duration: 300, transition: Fx.Transitions.Circ.easeOut});

var currentMenu = 0;
stretchers.each(function(stretcher) {
	stretcher.setStyle('opacity',0);
	stretcher.setStyle('height',0);
});

togglers.each(function(toggler, i) {
	toggler.addEvent("mouseenter", function(event) {
		var o = {};
		o[i] = {height: [stretchers[i].getStyle("height").toInt(), 26],'opacity': [stretchers[i].getStyle("opacity"),1]};		
		stretchers.each(function(other, j) {
			if(i != j) {
				var w = other.getStyle("height").toInt();
				togglers[j].setStyle('background-position', '0px -99px');
				if(w != 0) o[j] = {height: [w, 0],'opacity': [stretchers[i].getStyle("opacity"),0]};
			} else {
				togglers[j].setStyle('background-position', '0px 0px');
			}
		});
		fx.start(o);
	});
});

stretchers[currentMenu].setStyle("height","26px");
stretchers[currentMenu].setStyle("opacity",1);
togglers[currentMenu].setStyle('background-position', '0px 0px');