var images = ['/img/datacenter/new/img1.png','/img/datacenter/new/img2.png','/img/datacenter/new/img3.png','/img/datacenter/new/img4.png','/img/datacenter/new/img5.png','/img/datacenter/new/img6.png','/img/datacenter/new/img7.png'];
var nextImg = 3;
var prevImg = 6;
var myDuration = 0.5;

function next()
{
	var reel = $('reel');
	new Effect.Morph(reel, {
		  style: 'left:-460px;',
		  duration: myDuration,
		  transition: Effect.Transitions.sinoidal,
	        afterFinish: function() {
				var li = reel.firstDescendant().remove();
				reel.style.left = '-230px';
				reel.insert( { bottom: li })
				nextImg++;	
				prevImg++;
				if (prevImg > 6)
					prevImg = 0;
				if (nextImg > 6)
					nextImg = 0;				
				li.down('img').src = images[nextImg];	
	        }
		});
}

function prev()
{
	var reel = $('reel');
	new Effect.Morph(reel, {
		  style: 'left:0px;',
		  duration: myDuration,
		  transition: Effect.Transitions.sinoidal,
	        afterFinish: function() {
				var descendants = reel.descendants();
				var li = descendants[8].remove();
				reel.style.left = '-230px';
				reel.insert( { top: li })
				
				prevImg--;
				nextImg--;
				
				if (nextImg < 0)
					nextImg = 6;
				
				if (prevImg < 0)
					prevImg = 6;	
				
				li.down('img').src = images[prevImg];
	
	        }
		});
}