// Homepage Featured

var $j = jQuery.noConflict();
var featured_time = 4000;
var num_images = $j("#Slideshow div").length;
var featured_current = Math.floor(Math.random()*5);
var featured_next = (featured_current == num_images) ? 1:featured_current+1;
var featured_change = setTimeout("select_story(featured_next)", featured_time);
var animating = false;

$j(document).ready(function() {
    hide_all();
    for (var i = 1; i <= num_images; i++) {
        $j("<div class='image-number-" + i + " button'></div>").appendTo("#Buttons");
    }

    $j(".button").mouseover(function(){
        var li_index = $j(this).index() + 1;
        if (featured_current != li_index) { select_story(li_index) }
    });
    select_story(featured_current);
});			

function select_story(number) {
    number = (number > num_images || number < 1) ? 1 : number;
	$j('.image-number-'+featured_current).removeClass('selected');
	$j('.image-number-'+number).addClass('selected');
	$j('.image-'+featured_current).fadeOut();
	$j('.image-' + number).stop(true, true).fadeIn();
	$j('.teaser-'+featured_current).fadeOut();
	$j('.teaser-' + number).stop(true, true).fadeIn();
	featured_current = number;
	featured_next = (number == num_images) ? 1 : number + 1;
	
	// if animating = false
	startTimeout();
}	

function hide_all() {
	$j("#Slideshow div").each(function(){
		$j(this).hide();
	});
	$j(".Teasers div").each(function(){
		$j(this).hide();
	});
}

function startTimeout() {
    // animating = true; animating = false when done
	clearTimeout(featured_change);
	featured_change = setTimeout("select_story(featured_next)", featured_time);
}