var current_banner = 1;
var total_banners = 0;
var wait = 0;

function banner_init() {
	//stop banner change if mouse over one banner
	elements = document.getElementById('bannerContainer').getElementsByTagName('div');
	total_banners = elements.length;
	for (var i = 0; i < elements.length; i++) { 
		elements[i].onmouseover = function () { clearTimeout(wait); }
		elements[i].onmouseout  = function () { clearTimeout(wait);	wait = setTimeout('nextBanner()',bannertime); }       
	}
        
	//set navigation
	elements = document.getElementById('slideShowNavContainer').getElementsByTagName('ul')[0].getElementsByTagName('li');
	total_banners = elements.length;

	for (var i = 0; i < total_banners; i++) { 
		elements[i].title = i + 1;
		elements[i].onclick = function () {
			//alert('setNav('+this.title+', '+total_banners+');');
			setNav(this.title, total_banners);
			setActiveLi(this.title, total_banners);
			banner(this.title);
			clearTimeout(wait);
		}
		elements[i].onmouseout = function () {
			clearTimeout(wait);
			wait = setTimeout('nextBanner()',bannertime);
		}       
	}

	wait = setTimeout('nextBanner()',bannertime);
} 


function banner(nr,total) {
	clearTimeout(wait);
	elements = document.getElementById('bannerContainer').getElementsByTagName('div');
	//hide all divs
	for (var i = 0; i < elements.length; i++) { 
		//alert($("#bannerContainer> div:eq("+i+"").style);
		if (nr == (i + 1)) {
			//show selected banner  
			$("#banner"+(i+1)).fadeIn('slow');
			//  $("#bannerContainer> div:eq("+i+"").show("slow");
			// elements[i].style.display = "block";
		} else {
			//hide everything else
			//elements[i].style.display = "none";     
			$("#banner"+(i+1)).hide();
		}
	}
	wait = setTimeout('nextBanner()',bannertime);
}

function setNav(current, total) {
	elements = document.getElementById('slideShowNavContainer').getElementsByTagName('ul')[0].getElementsByTagName('span');
		
	for(var i=0; i<total; i++) {
		if(i!=current-1) {
			if(elements[i].className == 'currentSlide') { elements[i].className = ''; }
		}else {
			elements[i].className = 'currentSlide';	
		}
	}
}

function setActiveLi(current, total) {			
	elements = document.getElementById('slideShowNavContainer').getElementsByTagName('ul')[0].getElementsByTagName('li');
		
	for(var i=0; i<total; i++) {
		if(i!=current-1) {
			if(elements[i].className == 'active') { elements[i].className = ''; }
		}else{
			elements[i].className = 'active';	
		}
	}
}

function nextBanner() {
	if(current_banner < total_banners) {
		current_banner ++; 
	} else {
		current_banner = 1;
	}

	banner(current_banner, total_banners);
		
	setNav(current_banner, total_banners);
	setActiveLi(current_banner, total_banners);
}