//Extend Array to add a shuffle (randomize) method
Array.implement({
shuffle:function(){
for(var j, x, i = this.length; i; j = parseInt(Math.random() * i), x = this[--i], this[i] = this[j], this[j] = x);
return this;
}
});
window.addEvent("domready", function(){
//Client logo rotator
//There are many ways to handle this. A multi-dimensional array would look a bit cleaner
//(see MooTools Array.associate method for one easy way to do this), but might be more
//complicated than we need. Instead, we'll use an array of HTML elements, already
//formatted as needed and very easy to work with. If something cleaner or more dynamic
//is needed, this should be pretty easy to recode.
var clientlogos = new Array();
clientlogos[0]='
';
clientlogos[1]='
';
clientlogos[2]='
';
clientlogos[3]='
';
clientlogos[4]='
';
clientlogos[5]='
';
clientlogos[6]='
';
clientlogos[7]='
';
clientlogos[8]='
';
clientlogos[9]='
';
clientlogos[10]='
';
clientlogos[11]='
';
clientlogos[12]='
';
clientlogos[13]='
';
clientlogos[14]='
';
clientlogos[15]='
';
clientlogos[16]='
';
clientlogos[17]='
';
clientlogos[18]='
';
clientlogos[19]='
';
clientlogos[20]='
';
clientlogos[21]='
';
clientlogos[22]='
';
clientlogos[23]='
';
clientlogos[24]='
';
clientlogos[25]='
';
clientlogos[26]='
';
clientlogos[27]='
';
clientlogos[28]='
';
clientlogos[29]='
';
clientlogos[30]='
';
clientlogos[31]='
';
clientlogos[32]='
';
clientlogos[33]='
';
clientlogos[34]='
';
clientlogos[35]='
';
clientlogos[36]='
';
clientlogos[37]='
';
clientlogos[38]='
';
clientlogos[39]='
';
//It's best to stick with multiples of eight, so I've excluded the last seven.
/*
clientlogos[42]='
';
clientlogos[43]='
';
clientlogos[44]='
';
clientlogos[45]='
';
clientlogos[46]='
';
*/
clientlogos = clientlogos.shuffle();
$$('.clientgallery')[0].set('html',clientlogos);
var myLogoTween = new Fx.Tween($$('.clientgallery')[0]);
myLogoTween.set('opacity', '1');
$$('.clientgallery')[0].setStyle('margin-top', '0px');
var currentLogos = 0;
rotateLogos = function(){
currentLogos++;
if(currentLogos >= clientlogos.length/8){currentLogos=0};
myLogoTween.start('opacity', '0').chain(function(){
$$('.clientgallery')[0].setStyle('margin-top', '-' + (currentLogos * 80) +'px');
myLogoTween.start('opacity', '1');
rotateLogos.delay(4000);
});
};
rotateLogos.delay(3800);
});