var maxbillboard = 0;
var curbillboard = 0;

$(document).ready(function () {
	
		
	//billboardTimer();
	maxbillboard = $("div.billboards div.billboard").size();
	//var str="";
	var str=$("div.billboards div#billboardnav").html() + "<p class='bttn'>";
	//var str="<p>";
	
	for(i=0; i < maxbillboard; i++){
		str+="<span><a href='javascript:billboardBtn(" + i + ")'>" + (i+1) + "</a></span>";
	}
	str+="</p>"
	
	//str+= tmpstr;
	$("div.billboards div#billboardnav").html(str);
	$("div.billboards div.billboard:first").toggle();
	
	$("div.billboards div#billboardnav p.bttn a:first").addClass("btnactived");
	//alert($("div.billboards div.billboard:first").attr('class'));
	billboardTimer();
});

function billboardBtn(num){
	$("div.billboards").stopTime();
	activeBillboard(num);
	
}
function activeBillboard(num){	
	$("div.billboards div.billboard").eq(curbillboard).toggle();
	$("div.billboards div#billboardnav p.bttn a").eq(curbillboard).removeClass("btnactived");
	$("div.billboards div.billboard").eq(num).toggle();
	$("div.billboards div#billboardnav p.bttn a").eq(num).addClass("btnactived");
	curbillboard = num;
}

function billboardTimer(){						
	$("div.billboards").everyTime(6000, "nextTimer", 
		function() {	  	
			activeBillboard((curbillboard + 1) % maxbillboard);  	
 	});
}