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

	SqueezeBox.assign($$('a[rel=boxed]'));


	$('avant').addEvent('click',function(){slideRight();});
	$('apres').addEvent('click',function(){slideLeft();});

	var transitionTime = 1250; 
	var items = $$('.reference');  
	var course = $('conteneurReference').getSize().x ;
	
	items.each(function(element, index) {
		element.setStyle('display', 'block');
		if(index == 0){
			element.removeClass('first_item');
			element.setStyle('left', 0);
		}
		else{
			element.setStyle('left', course);
		}
	});
		
		var numItems = items.length; 
		itemNum = 0; 
		var slideIt = function(delta){ 
			var curItem = items[itemNum];  
			itemNum = itemNum+delta;
			if (itemNum<0){	itemNum = numItems-1;}		
			if (itemNum>=numItems){	itemNum = 0;}
			var newItem = items[itemNum];
			var item_in = new Fx.Morph(newItem, {
					duration: transitionTime, 
					transition: Fx.Transitions.Quad.easeInOut, 
					wait:false
			});
			var item_out = new Fx.Morph(curItem, {
				 duration: transitionTime, 
				 transition: Fx.Transitions.Quad.easeInOut, 
				 wait:false
			});
			var hauteur = newItem.getSize().y;
			var ajusteHauteur = new Fx.Tween($('bandeReference'));
			if(hauteur>179){
				ajusteHauteur.start('height',hauteur+30);
			} else {
				ajusteHauteur.start('height',200);
			}
			$('conteneurReference').setStyle('height',hauteur);
			
			if(delta>0){
				newItem.setStyle('left',course);
				item_in.start({'left': [course, 0]});
				item_out.start({'left': -course});
			} else {
				newItem.setStyle('left',-course);
				item_in.start({'left': [-course,0]});
				item_out.start({'left': course});
			}
		};
		
		//fonction publiques : slideLeft et slideRight
		slideLeft = function(){
			//$clear(timer);
			slideIt(1);
		}
		
		slideRight = function(){
			//$clear(timer);
			slideIt(-1);
		}

		var repeat = function(){slideIt(1)};
		//var timer = repeat.periodical(5000);
		
	
	
	
});