//create overall object
var accesp = accesp ? accesp : {
	rotatebanner: function(eBanner){
		//get a list of the lis within the banner
		var aBanner = $(eBanner).find("li");
		var eBannerUl = $(eBanner).find("ul")[0];
		
		//set the width of the ul, width = number of banners x width of the banner div
		$(eBannerUl).width(aBanner.length * $(eBanner).width());
					
		//set interval for every 3 secs to rotate to next one
		var counter = 0;		
		var newLeft = 0;
		var rotateInterval = setInterval(function(){
			//check if its gone to the end of the slider
			if (counter != aBanner.length -1){
				//if not scroll to the left to the next one
				newLeft = $(eBannerUl).scrollLeft() - $(eBanner).width() * (counter + 1);
				counter += 1;
				$(eBannerUl).animate({
					left: newLeft
				})	
			}else{
				//else reset to the first one
				newLeft = 0;
				counter = 0;
				$(eBannerUl).animate({
					left: newLeft
				})	
			}				
		}, 5000)
	}
}