dojo.require("dojox.widget.AutoRotator");
dojo.require("dojox.widget.rotator.Fade");
dojo.xhrGet({ url: window.footerClientsUrl, handleAs: "json" }).then(function(data){
	var NUM_ROTATORS = 4;

	data.sort(function(){
		return 0.5 - Math.random();
	});

	dojo.ready(function(){
		var container = dojo.byId("footerClients");
		if(!container){
			return;
		}

		var numPerRotator = Math.floor(data.length / NUM_ROTATORS);

		for(var i = 0; i < NUM_ROTATORS; ++i){
			dojox.widget.AutoRotator({
				transition: "dojox.widget.rotator.crossFade",
				duration: 3500,
				panes: dojo.map(i < NUM_ROTATORS - 1 ? data.slice(numPerRotator * i, numPerRotator * (i + 1)) : data.slice(numPerRotator * i), function(item){
					return {
						className: "logo " + item.cssClass,
						innerHTML: '<span class="name">' + item.name.replace(/&/g, "&amp;").replace(/</g, "&lt;") + "</span>"
					};
				})
			}, dojo.create("div", null, container));
		}
	});
});