var Kwix = {
 
    start: function(){
        Kwix.parseKwicks();
    },
 
    parseKwicks: function(){
 
        var squeeze_to = 37;
        var max_width = 630;
 
        //get original widths
        var start_widths = new Array();
        var kwicks = $$('#kwick .kwick');
        var fx = new Fx.Elements(kwicks, {wait: false, duration: 350, transition:Fx.Transitions.Cubic.easeOut});
        kwicks.each(function(kwick, i){
 
            start_widths[i] = kwick.getStyle('width').toInt();
 
            //mouse is in, squeeze and expand
            kwick.addEvent('mouseenter', function(e){
 
                var obj = {};
                obj[i] = {
                    'width': [kwick.getStyle('width').toInt(), max_width]
                };
 
                var counter = 0;
 
                kwicks.each(function(other, j){
                    if (other != kwick){
                        var w = other.getStyle('width').toInt();
                        if (w != squeeze_to) obj[j] = {'width': [w,squeeze_to] };
                    }
                });
                fx.start(obj);
            }
            );
        });
 
        //mouse is out, squeeze back
        $('kwick').addEvent('mouseleave', function(e){
            var obj = {};
            kwicks.each(function(other, j){
                obj[j] = {'width': [other.getStyle('width').toInt(), start_widths[j]]};
            });
            fx.start(obj);
        });
    }
};
 
//lock and load!
window.addEvent('domready',Kwix.start);