var Kwix = {

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

	parseKwicks: function(){

		var squeeze_to = 74;
		var max_width = 280;
		
		//get original widths
		var start_widths = new Array();
		var kwicks = $$('#kwick .kwick');
		var fxNav = new Fx.Elements(kwicks, {wait: false, duration: 250, transition:Fx.Transitions.Cubic.easeOut});
		
		// initialisation
		kwicks[0].setStyle('width','280px');
		$('content0').setStyle('display','block');
		$$('.imgBasKwick')[0].setStyle('display','block');
		
		kwicks.each(function(kwick, i){

			//start_widths[i] = kwick.getStyle('width').toInt();

			//mouse is in, squeeze and expand
			kwick.addEvent('mouseenter', function(e){
				
				$clear(timer);
				
				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] };
					}
				});
				
				fxNav.start(obj);				
				
				$$('.imgBasKwick').setStyle('display','none');
				$$('.imgBasKwick')[i].setStyle('display','block');
				$$('.contenuNavAccueil').setStyle('display','none');
				
				$('content'+i+'').setStyle('display','block');
			});

			//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]]};
				});
				fxNav.start(obj);
				if (i==0)	{
					Compteur = { counter: Compteur.counter-1 };
					timer = Timer.periodical(4000,Compteur);
				}
 
			});

		});

		// fonction 
		var Play = function(index){
			var obj = {};
			var kwick = $$('#kwick .kwick')[index];
			obj[index] = {
				'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] };
				}
			});
			
			fxNav.start(obj);				
				
			$$('.imgBasKwick').setStyle('display','none');
			$$('.imgBasKwick')[index].setStyle('display','block');
			$$('.contenuNavAccueil').setStyle('display','none');
			$$('.contenuNavAccueil')[index].setStyle('display','block');
				
			
		}
		
		var Compteur = { counter: 0 };
		
		var Timer = function(){
			if (this.counter>4)	{
				this.counter=0;
				Play(this.counter);
			}	else	{
				Play(this.counter++);
			}
		}

		var timer = Timer.periodical(3000,Compteur);
		
	}
	
};

//lock and load!
window.addEvent('domready',Kwix.start);