var bannerSliderOffset = 0
var bannerWidth = 650
var bannerCount
var bannerSliderTriggerId
var bannerSlider
var bannerSliderDirection = 1
var bannerNumber = 0
var bannerSlideStep = 50
var bannerSliderFrequency = 6000


function initBannerSlider(){
	bannerSlider = document.getElementById('BannerSlider')
	bannerCount = document.getElementById('BannerCounter').value
	bannerSliderTriggerId = setTimeout('doBannerSlide()',bannerSliderFrequency)
}

function jumpToBanner(newBannerNumber){
	bannerNumber = newBannerNumber
	clearTimeout(bannerSliderTriggerId)
	bannerSliderOffset = 0-(bannerWidth*bannerNumber)
	bannerSlider.style.left = bannerSliderOffset+'px'
	updateBannerSelector()
}

function pauseBannserSlider(){
	clearTimeout(bannerSliderTriggerId)
	bannerSliderOffset = 0-(bannerNumber*bannerWidth)
	bannerSlider.style.left = bannerSliderOffset+'px'
	updateBannerSelector()
}

function doBannerSlide(){
	bannerNumber = bannerNumber + bannerSliderDirection
	if(bannerNumber<0){
		bannerNumber = 1
		bannerSliderDirection = 1
	}else{
		if(bannerNumber==bannerCount){
			bannerSliderDirection = -1
			bannerNumber = bannerNumber-2
		}
	}

	if(bannerSliderDirection==1){
		slideBannerLeft()
	}else{
		slideBannerRight()
	}
}

function slideBannerLeft(){
	bannerSliderOffset = bannerSliderOffset - bannerSlideStep
	bannerSlider.style.left = bannerSliderOffset+'px'
	if(bannerSliderOffset>0-(bannerNumber*bannerWidth)){
		bannerSliderTriggerId = setTimeout('slideBannerLeft()',40)
	}else{
		updateBannerSelector()
		bannerSliderTriggerId = setTimeout('doBannerSlide()',bannerSliderFrequency)
	}
}

function slideBannerRight(){
	bannerSliderOffset = bannerSliderOffset + bannerSlideStep
	bannerSlider.style.left = bannerSliderOffset+'px'
	if(bannerSliderOffset<0-(bannerNumber*bannerWidth)){
		bannerSliderTriggerId=setTimeout('slideBannerRight()',40)
	}else{
		updateBannerSelector()
		bannerSliderTriggerId = setTimeout('doBannerSlide()',bannerSliderFrequency)
	}
}

function updateBannerSelector(){
	for(x=0;x<bannerCount;x++){
		document.getElementById('BannerSelector'+x).className='BannerSelector'
	}
	document.getElementById('BannerSelector'+bannerNumber).className='SelectedBannerSelector'
}