var Kwix = {

  start: function(){
    Kwix.parseKwicks();
  },

  parseKwicks: function(){

    var squeeze_to = 130;
    var max_width = 190;

    //get original widths
    var start_widths = new Array();
    var kwicks = $$('#kwicks .kwick');
    var fx = new Fx.Elements(kwicks, {wait: false, duration: 300, 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
    $('kwicks').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);