//Fx.elements voor voorpagina de 4 Advancings vakjes

var szNormal = 70, szSmall  = 51, szFull   = 165;   // 5x51px+165px = 420px hoogte, 70px staat op regel 64 in advancing-elements.css
 
var advancings = $$("#advancings .advancing");
var fx = new Fx.Elements(advancings, {wait: false, duration: 500, transition: Fx.Transitions.Back.easeOut});
advancings.each(function(advancing, i) {
	advancing.addEvent("mouseenter", function(event) {
		var o = {};
		o[i] = {height: [advancing.getStyle("height").toInt(), szFull]}
		advancings.each(function(other, j) {
			if(i != j) {
				var w = other.getStyle("height").toInt();
				if(w != szSmall) o[j] = {height: [w, szSmall]};
			}
		});
		fx.start(o);
	});
});
 
$("advancings").addEvent("mouseleave", function(event) {
	var o = {};
	advancings.each(function(advancing, i) {
		o[i] = {height: [advancing.getStyle("height").toInt(), szNormal]}
	});
	fx.start(o);
})