var Site = {

	start : function()
	{
		if ($('kwicks')) 
		{
			Site.parseKwicks();
		}
	},

	parseKwicks: function()
	{
		var szNormal = 41, szSmall  = 41, szFull   = 345;
		
		// Slide to our mouse	
		var kwicks = $$("#kwicks .kwick");
		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);
				});
			});
			
			// Return the status quo
			$("kwicks").addEvent("mouseleave", function(event) {
				var o = {};
				kwicks.each(function(kwick, i) {
					o[i] = {width: [kwick.getStyle("width").toInt(), szNormal]}
				});
				o[0] = {'width': [$$("#kicks .kwick")[0].getStyle("width").toInt(),szFull]}
				fx.start(o);
			});
			
			// Tab 1 is default
			var myElementsFX = new Fx.Elements(kwicks, {duration: 0, transition: Fx.Base.set});
			myElementsFX.start({'0': {'width': [$$("#kwicks .kwick")[0].getStyle("width").toInt(), szFull]}});
	}
};

window.addEvent('load', Site.start);