Ext.BLANK_IMAGE_URL = 'extjs/resources/images/default/s.gif';// reference local blank image

Ext.onReady(function(){ 
	var cNo=0;
	setInterval(function(){ cNo=switchClient(cNo) },5000); 
});

function switchClient(clientNo){
	var clients = [ 
		['ccp.gif', 'CCP Recruitment', 'http://www.ccprecruit.ie'], 
		['ccd.gif', 'The Convention Centre Dublin', 'http://www.theccd.ie/'], 
		['deloitte.gif', 'Deloitte', 'http://www.deloitte.ie'], 
		['greenme.gif', 'GreenMe', 'http://www.greenme.ie'], 
		['mcf.gif', 'McCann Fitzgerald', 'http://www.mccannfitzgerald.ie'],
		['mosart.gif', 'Mosart', 'http://www.mosart.ie'], 
		['practice.gif', 'Practice PR', 'http://www.practicepr.ie/'], 
		['reno_build.gif', 'Reno Build', 'http://www.renobuild.ie/'], 
		['sycamore.gif', 'Sycamore Club', 'http://www.sycamoreclub.com/'], 
		['utrace.png', 'Universal Trace', 'http://www.universal-trace.com/'],
		['xwerx.png', 'Xwerx', 'http://www.xwerx.com']
	];
	
	//window.status=clientNo;
	var climg=clients[clientNo][0];
	var clalt=clients[clientNo][1];
	var clink=clients[clientNo][2];
	clientNo=(clientNo<clients.length-1?clientNo+1:0);
	
	var clients_logos=Ext.get('clients_logos');
	var div1=clients_logos.child('div',true);
	
	Ext.get(div1).slideOut('t', { remove:true, useDisplay:true, duration:1, easing:'easeOut' }); 
	var div2=clients_logos.insertHtml('beforeEnd','<div class="clientsbox"><a href="'+clink+'" title="'+clalt+'"><img id="client_logo" src="img/clients/'+climg+'"></a></div>',true);
	return clientNo;
}