var timer;
var timer2;
var xPos = -3600;
var currBanner = 0;

$().ready(function(){
	timer = window.setInterval(nextBanner, 6000);
	timer2 = window.setInterval(advancedTimer, 33);
	
	if(banners){
		for(var i = 0; i < banners.length; i++){
			var banner = "<div class='banner' style='z-index:"+(i==0?"2":"1")+";background-image: url(" + banners[i].image + ")' >"
			+ "<div class='banner-text'><p>" + banners[i].text + "</p><a href='" + banners[i].url + "'><img src='/graphics/btn-readmore.png' alt='Read More'/></a></div></div>";
			$("#banners").append(banner);
		}
	}
	
	$(".banner").nextAll().animate({ 'opacity': 0}, 1);
	$(".banner").each(function(i){
		var navBtns = "<div class='nav-bullets'>";
		var cnt = $(".banner").length;
		
		for(var j = 0; j < cnt; j++){
			if(i == j){
				navBtns += "<div class='nav-bullet active'></div>";
			} else{
				navBtns += "<div class='nav-bullet'><a href='javascript:jumpBanner("+ j +")'><img src='/graphics/nav-bullet.png' /></a></div>";
			}
		}
		navBtns += "</div>";
		
		$(this).append(navBtns);
	});
});

function nextBanner(){
	clearInterval(timer2);
	
	var i = $(".banner").index($(".banner:visible"));
	var cnt = $(".banner").length;
	currBanner = (currBanner + 1)%cnt;
	$(".banner").stop();
	$(".banner:visible").animate({ 'opacity': 0}, 1000);
	$(".banner:eq(" + currBanner + ")").stop().animate({ 'opacity': 1}, 500, function(){timer2 = window.setInterval(advancedTimer, 29); $(".nav-bullet.active").css("background-position", "-3600 0");});
	
// set z-index to appropriate level so links on each banner are clickable
	var zIndex = $(".banner:eq(" + currBanner + ")").css("z-index");
	if(isNaN(zIndex)) zIndex=0;
	zIndex = parseInt(zIndex);
	$(".banner:eq(" + currBanner + ")").css("z-index", zIndex+1);
	
	xPos = -3600;
}

function jumpBanner(i){
	clearInterval(timer2);
	$(".banner").stop();
	$(".banner:visible").animate({ 'opacity': 0}, 1000);
	$(".banner:eq(" + i + ")").stop().animate({ 'opacity': 1}, 500, function(){timer2 = window.setInterval(advancedTimer, 29); $(".nav-bullet.active").css("background-position", "-3600 0");});

// z-index reset
	$(".banner").each(function(j){
	  var zIndex = 1;
	  if(j<=i) zIndex=2;
	  $(".banner:eq(" + j + ")").css("z-index", zIndex);
	});

	clearInterval(timer);
	timer = window.setInterval(nextBanner, 6000);
	currBanner = i;
	xPos = -3600;
}

function advancedTimer(){
	return;
	if(xPos >= 0){
		return;
	} else {
		xPos += 20;
		$(".nav-bullet.active").css("background-position", xPos + "px 0");
	}
}