// written by Adrian Bota, (c)2008 OXYLUS Development
var tot = banners.length;
var crt = 1;
var bannerImg = document.getElementById('banner-image');
var bannerHref = document.getElementById('banner-link');
var pause = false;
var tid;
var imgLoaded = false;
var delay = 5000;

function getBannerButton(idx){
	return document.getElementById('setBan'+idx);
}
					
function jumpToBanner(idx){
	idx>tot?idx=1:(idx<1?idx=tot:null);
	
	imgLoaded = false;
	bannerImg.src = banners[idx-1];						
	bannerHref.href = banners_href[idx-1];						
	
	var oldBtn = getBannerButton(crt);
	var newBtn = getBannerButton(idx);
	oldBtn.className = '';
	newBtn.className = 'selected';
	
	crt = idx;
}
function nextBanner(){
	if(!pause){
		jumpToBanner(crt+1);
	}
}
function resetTimer(){
	clearTimeout(tid);
	tid = setTimeout(nextBanner, delay);
}

for(var i=1; i<=tot; i++){
	var btn = getBannerButton(i);
	btn.onclick = function(){
		jumpToBanner(Number(this.rel));
		this.blur();
		resetTimer();
	}
}

bannerImg.onmouseover = function(){
	pause = true;
	clearTimeout(tid);
}

bannerImg.onmouseout = function(){
	pause = false;
	if(imgLoaded){
		resetTimer();
	}
}
bannerImg.onload = function(){
	imgLoaded = true;
	resetTimer();
}
// uncomment the line bellow to start the slideshow
tid = setTimeout(nextBanner, delay);
getBannerButton(1).className = 'selected';