function changeBanner(conf){
	if(banners>0){
		var nextBanner;
		if(conf=="prev"){
			nextBanner = currentBanner-1;
		}
		if(conf=="next"){
			nextBanner = currentBanner+1;
		}
		if(!isNaN(conf)){
			nextBanner = conf;
		}
		if(nextBanner>=1 && nextBanner<=banners){
			currentBanner = currentBanner - 1;
			nextBanner = nextBanner - 1;
			document.getElementById("image_" + currentBanner).style.display = "none";
			
			document.getElementById("image_"+ nextBanner).style.display = "block";
			document.getElementById("title" + currentBanner).style.display = "none";
			document.getElementById("title" + nextBanner).style.display = "block";
			
			currentBanner = nextBanner+1;
			var numPerPage = 1; //items per page
			var showPages = 5
			var numContent = banners;
			var pageNum = currentBanner;
			var tmp1 = Math.ceil(showPages / 2); //find halfway mark (try keep $showPages an uneven number for a proper center)
			var showStart = pageNum <= tmp1 ? 1 : pageNum - tmp1 + 1;
			var showEnd = showStart - 1 + showPages;
			var numPages = Math.ceil(numContent / numPerPage);
			if(showEnd > numPages) {
				showEnd = numPages;
				showStart = showEnd - showPages + 1;
				//finally, make sure we can only start at page 1 or greater
				if(showStart < 1) {
					showStart = 1;
				}
			}
			var html = '';
			if(numPages>1){
				var cnt = 0;
				
				if(pageNum > 1) {
					html += '<li class="prev"><a onClick="changeBanner(\'prev\');return false;" href="#">&nbsp;</a></li>';
				}
				var i = 0;
				for(i=showStart; i<=showEnd; i++) {
					html += '<li id="banner_button_'+i+'" '+(i == pageNum ? 'class="current-page"' : '')+'><a onClick="changeBanner('+i+');return false;" href="#">'+i+'</a></li>';
					cnt++;
				}
				if(pageNum < showEnd) {
					html+='<li class="next"><a onClick="changeBanner(\'next\');return false;" href="#">&nbsp;</a></li>';
				}
			}
			document.getElementById("pagination").innerHTML = html;
			
		}else{
			changeBanner(1);
		}
	}
}