$(document).ready(function() {
    var currentSlogan = 0;
    var stopRotating = false;

    function showSlogan() {
        if (stopRotating)
            return;
        var i = currentSlogan;
        var c = slogans[currentSlogan];
        currentSlogan = (currentSlogan + 1) % slogans.length;
        
        $('#slogan').html(c.body);
        $('#sloganIndex li').css('background-image', 'url(/media/images/slogan.gif)');
        $('#sloganItem' + i).css('background-image', 'url(/media/images/current-slogan.gif)');

        if (c.link) {
            $('#sloganLink').attr('href', c.link).show();
        } else {
            $('#sloganLink').attr('href', '#').hide();
        }

        setTimeout(showSlogan, timeout);
    }

    function selectSlogan(item) {
        var m = /\d+/.exec($(this).attr('id'));
        if (m) {
            currentSlogan = parseInt(m[0]);
            stopRotating = false;
            showSlogan();
            stopRotating = true;
        }
    }

    $('#sloganIndex li').click(selectSlogan);
    showSlogan();
});