var banerAnimation = {
    currentTime: null,
    timeout: 4000,
    imageChange: 1000
};

$(function(){
    $('#flash ul.images li').hide();
    $('#flash ul.images li:first').fadeIn(0);
    $('#flash ul.pager li')
        .fadeTo(0,0.6)
        .mouseenter(function(){$(this).fadeTo(200, 1);})
        .mouseleave(function(){
            if ($(this).hasClass('active')) {
                $(this).fadeTo(200, 1);
            } else {
                $(this).fadeTo(200, 0.6);
            }
        });
    $('#flash ul.pager li.active').fadeTo(0,1);
    $('#flash ul.pager li').click(function(){
        var li = $(this);
        if  (li.hasClass('active')) {
            return false;    
        }
        $(this).parents('ul').children('li').fadeTo(0, 0.6).removeClass('active');
        li.fadeTo(0, 1).addClass('active');
        $('#flash ul.images li').fadeOut(banerAnimation.imageChange);
        $('#flash ul.images li:eq(' + $('ul.pager li').index(li) + ')').fadeIn(banerAnimation.imageChange);
        var date = new Date();
        banerAnimation.currentTime = date.getTime();
        return false;
    });
    var date = new Date();
    banerAnimation.currentTime = date.getTime();
    animateBanners();
});

function animateBanners() {
    var date = new Date();
    if (date.getTime() - banerAnimation.currentTime >= banerAnimation.timeout) {
        var active = $('#flash ul.pager li.active');
        var next = active.next();
        if (next.length) {
            next.click();    
        } else {
            $('#flash ul.pager :first').click();
        }
        banerAnimation.currentTime = date.getTime();
    }
    setTimeout('animateBanners()', 1000);
}