/*
	HealthPartners 2010 
	HP Landing Page Rotating Banner
*/

var slideTimerId;
var msecondsFade = 1000;
var msecondsPerSlide = 15000;
var msecondsBeforeResume = 30000;

function nextSlide() {
	var $oldSlide = $("#banner-slideshow-container div.active");
	// as long as you set the initial "active" class, the line below (if len === 0) shouldn't be needed, though it won't hurt
	if ( $oldSlide.length === 0 ) $oldSlide = $("#banner-slideshow-container div:last");
	var $newSlide = $oldSlide.next().length ? $oldSlide.next() : $("#banner-slideshow-container div:first");
	showSlide($newSlide);   
}

function showSlide($newSlide) {
	var $oldSlide = $("#banner-slideshow-container div.active");
	if( $newSlide.attr("id") != $oldSlide.attr("id") )
	{
		// Make sure the slide that was fading out last time is set to transparent now (fade smoothly, but four times as fast as normal)
		$(".last-active").stop()
			.animate({opacity: 0.0}, msecondsFade/4)
			//.css({opacity: 0.0})
			.removeClass("last-active");
		// Make sure the current slide is opaque then mark the current slide so that it will be set as transparent next time
		$oldSlide.stop()
			.css({opacity: 1.0})
			.removeClass("active")
			.addClass("last-active");
		// Start fading in the new slide
		$newSlide.stop()
			.css({opacity: 0.0})
			.animate({opacity: 1.0}, msecondsFade, function() {
				$oldSlide.css({opacity: 0.0})
					.removeClass("last-active");
				//return false;
			})
			.addClass("active");
		updateBulletStyle();
	}
}

function dwellOnSlide($newSlide) {
	showSlide($("#banner-slideshow-container div").eq($newSlide));
	clearInterval(slideTimerId);
	slideTimerId = setTimeout('slideTimerId = setInterval( "nextSlide()", msecondsPerSlide )', msecondsBeforeResume);
}

function updateBulletStyle() {
	var activeSlideNumber = $("#banner-slideshow-container div.active").attr("id");
	activeSlideNumber = activeSlideNumber.match(/\d+/);
	var $activeBullet = $("#slide-" + activeSlideNumber + "-button");
	$(".bullet-solid").removeClass("bullet-solid").addClass("bullet-disc");
	$activeBullet.removeClass("bullet-disc").addClass("bullet-solid");
}

$(document).ready(function() {
	
	$tourActive = false;
	
	$("#home-banner #slide-controls #why-log-on-container").html("<a id=\"why-log-on\" href=\"#\">Why log on?</a>");
	
	slideTimerId = setInterval( "nextSlide()", msecondsPerSlide );

	$("#home-banner #slide-controls .bullet-disc").each( function(i) {
		$("#home-banner #slide-controls #slide-" + (i+1) + "-button").live("click", function() { 
				if ($tourActive === true) {
					$("#home-banner #take-tour-container").fadeOut("slow");
					$("#home-banner #slide-controls #why-log-on").removeClass("focus");
					updateBulletStyle();
				}
			dwellOnSlide(i);
			$tourActive = false;
			return false;
		});
	});
	
	$("#home-banner #slide-controls #slide-1-button").removeClass("bullet-disc").addClass("bullet-solid");
	
	for( i=1; i < 10; i++ ) {
		if( $("#banner-slideshow-container #banner-"+i).attr("id") != "banner-"+i) {
			$("#home-banner #slide-controls #slide-"+i+"-button").hide();
		}
	}
	
	$("#home-banner #slide-controls #why-log-on").live("click", function() {
		if ($tourActive === false) {
			clearInterval(slideTimerId);
			$("#home-banner #take-tour-container").load("/ucm/groups/public/@hp/@public/documents/documents/hp-ajax-index-content.html #why-log-on-ajax-content");
			$("#home-banner #take-tour-container").fadeIn("slow");
			$(".bullet-solid").removeClass("bullet-solid").addClass("bullet-disc");
			$("#home-banner #slide-controls #why-log-on").addClass("focus");
			
			$tourActive = true;
		} else {
			$("#home-banner #take-tour-container").fadeOut("slow");
			$("#home-banner #slide-controls #why-log-on").removeClass("focus");
			updateBulletStyle();
			$tourActive = false;
		}
		return false;
	});

});