function bannerWeb() {
	var bannerImgWidth = 900;
	var autoScrollInterval = 5000;
	//
	var curId = -1;
	var bannerBoxJQ = $($("#banner a")[0]);
	var l = $("#banner a img").length;
	if(l){
		$("#banner_scroller").css("display", "block");
		for(var i=0; i<l; i++) {
			var a = document.createElement("a");
			a.id = i;
			a.href = i;
			a.onclick = function() {
				updateBanner(parseInt(this.id));
				return false;
			}
			$("#banner_scroller_btns").append(a);
		}
	} else {
		$("#banner_scroller").css("display", "none").remove();
	}
	
	updateBanner(0);
	var bannerInterval = setInterval(function() {updateBanner(curId+1)}, autoScrollInterval);
	$("#banner a").bind("mouseover", function() {clearInterval(bannerInterval);})
				  .bind("mouseout", function() {bannerInterval = setInterval(function() {updateBanner(curId+1)}, autoScrollInterval);});
	
	function updateBanner(i) {
		if(i == curId) return;
		$("#banner_scroller_btns a.cur").removeClass("cur");
		curId = (i>=l) ? 0 : i;
		$($("#banner_scroller_btns a")[curId]).addClass("cur");
		bannerBoxJQ.attr("href", $($("#banner a img")[curId]).attr("href"));
		$("#banner_pics").animate({marginLeft:-bannerImgWidth*curId+"px"}, {queue:false});
	}
};
bannerWeb();
