// JScript File
var count;
var pos = 0;
var slideTimer;
var factTimer;
var eachFactTimer;
var navOver = new Image();
var navOff = new Image();
var navOn = new Image();

navOver.src = "images/slideshow/slide-nav-ovr.gif";
navOff.src = "images/slideshow/slide-nav-off.gif";
navOn.src = "images/slideshow/slide-nav-on.gif";

$(document).ready(
    function(){                
        count = $('div#show div.slide').size()-1;
        slideSwitch()
        
    
        $('img.slideNav').click(
            function(){
                $('div#show div.active').stop();
                clearTimeout(factTimer);
                clearTimeout(slideTimer);
                clearTimeout(eachFactTimer);
                $('img.active').attr("src", "images/slideshow/slide-nav-off.gif").removeClass('active');
                pos = $(this).attr('alt');
                $(this).attr("src", "images/slideshow/slide-nav-on.gif").addClass('active');
                $('div#show div.active  div.containerSlide div').each(
                    function(){$(this).stop()}
                );
                fadeOutAllFacts();
                slideSwitch();
            }
        );
        $('img.slideNav').mouseover(
            function(){
                $(this).attr("src", navOver.src);
            }
        );
        $('img.slideNav').mouseout(
            function(){
                 $(this).attr("src", navOff.src);
                 $('img.active').attr("src", navOn.src);

            }
        );
    }    
);

function slideSwitch(){
    
    var $active = $('div#show div.active');
    var $next = $('div#show div.slide').eq(pos);
    $('img.active').attr("src", navOff.src).removeClass('active');
    $('img#nav'+pos).attr("src", navOn.src).addClass('active');
    pos += 1;
    
    $active.removeClass('active')
        .fadeOut(1000, function(){
        $next.addClass('active')
            .css({opacity: 0.0})
            .show()
            .animate({opacity:1.0},2000, function(){fadeInFacts()});
        }
    );
               
}

var innCount;
var innPos = 0;
function fadeInFacts()
{
    innCount = $('div#show div.active div.containerSlide div').size()-1;
    innPos = 0
    slowlyShowEach()
    
}

function slowlyShowEach()
{
    if (innPos > innCount)
    {         
        factTimer = setTimeout('fadeOutFacts()', 10000);
    }
    $('div#show div.active  div.containerSlide div')
        .eq(innPos)
        .css({opacity:0.0})
        .show()
        .animate({opacity:1.0}, 2000, function(){
            innPos +=1;
            eachFactTimer = setTimeout('slowlyShowEach()', 2000)}
        );
    
}
function fadeOutFacts()
{
    fadeOutAllFacts()
    if (pos > count){pos = 0}
    slideTimer = setTimeout('slideSwitch()', 1000)
}

function fadeOutAllFacts()
{
    $('div#show div.active  div.containerSlide div').each(function(){
            $(this).fadeOut('slow');                    
        }
    );
}