window.addEvent('domready', function() {	
var szNormal = 32, szSmall  = 18, szFull   = 168;
 
var kwicks = $$("#typs .typbox");
var omax = {};
var omin = {};
var ostart = {};
var fx = new Fx.Elements(kwicks, {wait: false, duration: 300, transition: Fx.Transitions.Back.easeOut});
kwicks.each(function(kwick, i) {
	kwick.addEvent("mouseenter", function(event) {
		var o = {};
		o[i] = {width: [kwick.getStyle("width").toInt(), szFull]}
		kwicks.each(function(other, j) {
			if(i != j) {
				var w = other.getStyle("width").toInt();
				if(w != szSmall) o[j] = {width: [w, szSmall]};
			}
		});
		fx.start(o);
	});
});
 
$("typs").addEvent("mouseleave", function(event) {
	var o = {};
	kwicks.each(function(kwick, i) {
		o[i] = {width: [kwick.getStyle("width").toInt(), szNormal]}
	});
	fx.start(o);
});

kwicks.each(function(x, i) {
	ostart[i] = {width: [szNormal, "112px"]}
	omax[i] = {width: [szNormal, szFull]}
	omin[i] = {width: [szFull, szNormal]}
});

fx.start({}).chain(function() {
	this.start.delay(200,this,ostart);
}).chain(function() {
	this.start.delay(450,this,omin);
});


});