window.addEvent('domready', function()
{

var szNormal = 150, szSmall  = 120, szFull   = 240;
 
var kwicks = $ES("#kwicks .kwick");
var fx = new Fx.Elements(kwicks, {wait: false, duration: 300, transition: Fx.Transitions.Back.easeOut});
kwicks.each(function(kwick, i) {	
	kwick.getElement(".kwick_content").setStyle("display", "none");
  //kwick.getElement("img").setStyle("padding-left", "25px");
	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).chain(function() {
			kwicks.each(function(kwick, i) {
			  if (kwick.getStyle("width").toInt() != szFull) {
				var content = kwick.getElement(".kwick_content");
				content.setStyle("display", "none");
				content.setStyle("color", "#DCDCDC");
        //kwick.getElement("img").setStyle("padding-left", "25px");        
			  }
			});
		});
				
		var content = kwick.getElement(".kwick_content");
		content.setStyle("color", "#DCDCDC");
    //kwick.getElement("img").setStyle("padding-left", "2px");    
		var fadex = content.effects({wait: false, duration: 150, transition: Fx.Transitions.Quart.easeOut});
		(function(){content.setStyle("display", "block");
			fadex.start({"color": "#DCDCDC"}).
				chain(function(){
					this.start({"color": "#000000"}); 
				});		
		}).delay(130);
		
	});
	kwick.addEvent("mouseleave", function(event) {
		var content = kwick.getElement(".kwick_content");
		content.setStyle("display", "none");
		content.setStyle("color", "#DCDCDC");
    //kwick.getElement("img").setStyle("padding-left", "25px");    
	});
});
 
$("kwicks").addEvent("mouseleave", function(event) {
	var o = {};
	kwicks.each(function(kwick, i) {
		o[i] = {width: [kwick.getStyle("width").toInt(), szNormal]}
		kwick.getElement(".kwick_content").setStyle("display", "none");
	});
	fx.start(o);
});
	
});