$(document).ready(function()
{
    $('.bulletinViewer').each(function()
    {
        var viewer = this;
        var current = 0;
        var count = $('.bulletin', viewer).length;
        var timer;

        var showBulletin = function(i)
        {
            i = parseInt(i);
            if (i == current) return;

            var currentBulletin = $('.bulletin', viewer).eq(current);
            var nextBulletin = $('.bulletin', viewer).eq(i);

            nextBulletin.fadeIn(1500);
            currentBulletin.fadeOut(1500);

            $('ul li a[rel=' + i + ']', viewer).addClass('active');
            $('ul li a[rel=' + current + ']', viewer).removeClass('active');

            current = i;
        };

        var showNext = function()
        {
            var next = current + 1;
            if (next == count) next = 0;
            showBulletin(next);
        };

        var setup = function()
        {
            timer = setInterval(function() { showNext(); }, 7000);
        };

       	$('ul', viewer).children().remove();
        $('.bulletin', viewer).each(function(i, item)
        {
            var a = $('<a />')
                .attr('href', '#')
                .attr('rel', i)
                .click(function()
                {
                    showBulletin(this.rel);
                    return false;
                })
                .text(i + 1);

            $('ul', viewer).append($('<li />').append(a));
            
            if (i > 0) $(item).hide();
        });

        $('ul li a:first', viewer).addClass('active');

        $(viewer)
            .mouseover(function() { clearInterval(timer); })
            .mouseout(function() { setup(); });

        setup();
    });
});