var currentBanner = 0;
var maxBanners = 0;
var bannerTimer = 0;
var bannerDelay = 7500;

function slide_left(hide, show)
{
    $(hide).animate({ left: '-964px' });
    $(show).css({ left: '964px'}).animate({left: '0px'});
}
function slide_right(hide, show)
{
    $(hide).animate({ left: '964px' });
    $(show).css({ left: '-964px'}).animate({left: '0px'});
}

function show_banner(index)
{
    var nextBanner = index;
    var banners = $('div.animation-frame');
    var hide = banners[currentBanner];
    if(index > maxBanners) { nextBanner = 0; }
    if(index < 0) { nextBanner = maxBanners; }
    var show = banners[nextBanner];
    
    if(nextBanner > currentBanner)
    { slide_left(hide, show); }
    else
    { slide_right(hide, show);  }
    $('#show-slide-' + currentBanner + ' a').css({background: "#bababa"});
    $('#show-slide-' + nextBanner + ' a').css({background: "#404040"});
    currentBanner = nextBanner;
}

function auto_rotate()
{
    if(bannerTimer) { clearTimeout(bannerTimer); }
    show_banner(currentBanner + 1);
    bannerTimer = setTimeout('auto_rotate();', bannerDelay);
}

$(document).ready(function() {
    var parent = $('div.animation-frame').parent();
    $(parent).append('<div id="animation-controls"></div>');

    $('div.animation-frame').each(function(index, element) {
        var left = parent.width() * index;
        maxBanners = index;
        $(element).css({ "left": left + 'px', visibility: 'visible' });
        $('#animation-controls').append("<div id='show-slide-" + index + "'><a href='#' class='picker'>&nbsp;</a></div>");
        $('#show-slide-' + index + ' a').click(function(eventData) {
            if(bannerTimer) { clearTimeout(bannerTimer); }
            if (index != currentBanner) { show_banner(index); }
            //bannerTimer = setTimeout('auto_rotate();', bannerDelay);
            eventData.preventDefault();
        });
            
    });
    $('#show-slide-' + currentBanner + ' a').css({background: "#404040"});
    bannerTimer = setTimeout('auto_rotate();', bannerDelay);


});