$(document).ready(function(){
	/* set up for fader */
	var fader_timeout = "10s"; /* 10 seconds */
	$("#homepage_banner_container").data("current_pic",1);
	var num_pics = $(".first_banner").length + $(".rest_banner").length;
	$("#homepage_banner_container").data("num_pics",num_pics);
	if (num_pics > 1){
		var counter_content = "";
		for (i=1;i <= num_pics; i++){
			counter_content += "&nbsp;&nbsp;<span class='home-banner-goto' id='home-banner-goto" + i + "'>" + i + "</span>";
		}
		$("#banner_counter").html(counter_content);
		$("#home-banner-goto1").addClass("home-banner-goto-selected");
		$("#homepage_banner_container").everyTime(fader_timeout,"banner-fader",fader);
		
		/* click handler for banner selects */
		$(".home-banner-goto").click(function(){
			var newpic = parseInt($(this).html());
			var curr = $("#homepage_banner_container").data("current_pic");
			if (newpic != curr){
				$("#homepage_banner_container").stopTime("banner-fader");
				$("#home-banner-goto"+curr).removeClass("home-banner-goto-selected");
				$("#home-banner-goto"+newpic).addClass("home-banner-goto-selected");
				if (newpic < curr){
					$("#hbanner"+newpic).show();
					$("#hbanner"+curr).fadeOut(1200);
				}
				else {
					$("#hbanner"+newpic).fadeIn(1200,function(){$("#hbanner"+curr).hide();});
				}
				$("#homepage_banner_container").data("current_pic",newpic);
				$("#homepage_banner_container").everyTime(fader_timeout,"banner-fader",fader);
			}
		});
		
	}
});

function fader(){
	
	var curr = $("#homepage_banner_container").data("current_pic");
	var num_pics = $("#homepage_banner_container").data("num_pics");
	var newpic = curr + 1;
	if ((newpic > num_pics)){
		newpic = 1;
		$("#home-banner-goto"+curr).removeClass("home-banner-goto-selected");
		$("#home-banner-goto"+newpic).addClass("home-banner-goto-selected");
		$("#hbanner1").show();
		$("#hbanner"+curr).fadeOut(1200);
	}
	else {
		$("#home-banner-goto"+curr).removeClass("home-banner-goto-selected");
		$("#home-banner-goto"+newpic).addClass("home-banner-goto-selected");
		$("#hbanner"+newpic).fadeIn(1200,function(){$("#hbanner"+curr).hide();});
	}
	$("#homepage_banner_container").data("current_pic",newpic);
}
