function displayArrows(currentslide,slides){   
    if (currentslide==1){
      $('moveleft').style.visibility='hidden';
		}
		else{
      $('moveleft').style.visibility='visible';
    }
		
		if(currentslide >= slides){
      $('moveright').style.visibility='hidden';
    }
    else{
      $('moveright').style.visibility='visible';
    }

}

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

		var pos = 0;
		var currentslide = 1;
		var items = $('items');
	
		/*
		lié au css
		*/
		var srcWidth = 180, dstWidth = 382;
		var size = {
			src:  {
				width: srcWidth,
				height: 140,
				clip: $('clip').offsetWidth
			},
			dst: {
				width: dstWidth,
				height: 300,
				clip: $('clip').offsetWidth + ( dstWidth - srcWidth)
			},
			speed: 800
		};
		
		displayArrows(currentslide,slides);
		var scroll = new Fx.Scroll('clip', {
			offset:{'x':0, 'y':0}, 
			duration: size.speed,
			transition: Fx.Transitions.linear
		});
	
		$('moveleft').addEvent('click', function(event) {
			event = new Event(event).stop();
			if(currentslide == 1) return;
			currentslide--;
			pos += -(size.src.clip);
			scroll.start(pos);
			displayArrows(currentslide,slides);
		});
		
		
		$('moveright').addEvent('click', function(event) { 
			event = new Event(event).stop();
			if(currentslide >= slides) return;
			currentslide++;
			pos += size.src.clip;
			scroll.start(pos);
			displayArrows(currentslide,slides);
		});
		
		var fx1 = new Fx.Morph('clip', {duration: size.speed, transition: Fx.Transitions.linear});
		
		$$('.icon').each(function(item){ 
			
			var fx2 = new Fx.Morph(item, {duration: size.speed, transition: Fx.Transitions.linear});
			item.addEvent('mouseover', function(event) {
				fx1.cancel();
				fx2.cancel();
				
				fx1.start({ 'width': size.dst.clip });
				fx2.start({ 'width': size.dst.width, 'height': size.dst.height });
				if(item.getAttribute("srcMedium") != null )
				{
					item.src= item.getAttribute("srcMedium");//Lro 20090327
				}
			});
			
			item.addEvent('mouseleave', function(event) {
				fx1.cancel();
				fx2.cancel();
			
				fx2.start({ 'width': size.src.width, 'height': size.src.height });
				fx1.start({ 'width': size.src.clip });
				if(item.getAttribute("srcSmall") != null )
				{				
					item.src= item.getAttribute("srcSmall"); //Lro 20090327
				}
			});
			
		});
});