window.addEvent('domready', function(){
	
	
	//---------------------------------------
	//IMAGE SWAP FOR CLIENTS PAGE
	//---------------------------------------
	
	var currentClientImage=0;//ref for first one

	var clients = $$('#clients-sectors li a');// 
	clients.each(function(client , i){	    	
			if( i < clients.length){		   
			client.addEvent('click',
			function(event){
				//alert(i);
				//deal with class for button related to this scroll pane
		        var clsRemove = clsAdd = $$('#sectors-image img');
	            /*clsRemove.each(function(clientImage, j){
	                clientImage.setStyle('display', 'none');
	            });
		        clsAdd[i].setStyle('display', 'block');*/
		        clsRemove[currentClientImage].fade('out');
		        clsAdd[i].setStyle('display', 'block');
		        clsAdd[i].fade('hide');
		        clsAdd[i].fade('in');
		        //set var so know next time around
		        currentClientImage=i;
	        });		    
	    }
	});	
	
	//END CLIENTS
	//---------------------------------------

});