var currentBanner = 1;
var listItems;
var bannerTimer;

function bannerSwitch(num,clearTime){
  listItems = document.getElementById("banner-list").getElementsByTagName("li")
  if(!currentBanner){currentBanner = 1};
  if(clearTime){clearInterval(bannerTimer)};
  if(num != currentBanner){
	num = (num > listItems.length)?1:(num < 1)?listItems.length:num;
	document.getElementById("banner-" + num).style.display = "block";
	document.getElementById("banner-" + currentBanner).style.display = "none";
	listItems[num-1].className = "selected";
	listItems[currentBanner-1].className = "";
	currentBanner = num;
  }
}

function arrowClickInit(){
  document.getElementById("banner-arrow-left").onclick = function(){
	  bannerSwitch(currentBanner-1);
	  clearInterval(bannerTimer);
  }
  document.getElementById("banner-arrow-right").onclick = function(){
	  bannerSwitch(currentBanner+1);
	  clearInterval(bannerTimer);
  }
  bannerTimer = setInterval("bannerSwitch(currentBanner+1)",6000)

}