// JavaScript Document

var Kwix = {   
  
    start: function(){   
        Kwix.parseKwicks();   
    },   
  
    parseKwicks: function(){   
  
        var squeeze_to = 124;   
        var max_width = 208;   
  
        //get original widths   
        var start_widths = new Array();   
        var kwicks = $$('#kwick .kwick');   
        var fx = new Fx.Elements(kwicks, {wait: false, duration: 400, 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);