// JavaScript Document
window.addEvent('domready', function() {																				 


 	
	var clientDivs = $$('.latestclient');
	
	
	var instance = {current:0};
	
	 
	 initialiseAdds();
	 
	 
	 
	 
	 function blend (blendOut, blendIn) {
		
		if(blendOut.fx){blendOut.fx.stop();}
		if(blendIn.fx){blendIn.fx.stop();}
						
			
		var outEffect = new Fx.Morph(blendOut, {duration: 3000, transition: Fx.Transitions.Sine.easeOut});
 
    outEffect.start({
    'height': [250, 0], 
   	'opacity': [1.0, 0.0]
    });
		
		
		var inEffect = new Fx.Morph(blendIn, {duration: 3000, transition: Fx.Transitions.Bounce.easeOut});
 
    (function(){ inEffect.start({
    'height': [0, 250], 
   	'opacity': [0.0, 1.0]
    }); }).delay(3000); 			
		
		
	} // end blend
	
	
	
	var periodicSwap = function() {
    		
		var blendOut = clientDivs[this.current];
		
    if (this.current+1 >= clientDivs.length)
		{
			this.current=0;
		}
		else
		{			
      this.current++;
		} // end if
		
		var blendIn = clientDivs[this.current];
		
		blend(blendOut, blendIn);
		
	}
	
	
	periodicSwap.periodical(15000, instance); 
	 
	 
	 
	 
	 
	 function initialiseAdds() {
		// set all but the first to invisible
	  clientDivs.each(function(item, index){
    if (index > 0)
		{			
			divOut = new Fx.Tween(item, {
	    property: 'opacity',
	    duration: 1, 
	    transition: Fx.Transitions.Quart.easeInOut
    });
			
		
		
		
    divOut.start(1.0, 0.0);
			
			
			
		}
    });
	} // end initialiseAdds

																		
});