$(document).ready(function () {

    $('li', '#featuredButtons').click(function () {
        var numba = $(this).attr('title');
        var howFar = (parseInt(numba) - 1) * 713;

        $('.featuredArrow').remove();
        $(this).append('<img src="img/featureMarker' + numba + '.gif" class="featuredArrow" width="15px" height="14px" alt=""/>');
        $('#featuredReel').stop().animate({ left: '-' + howFar + 'px' }, 1000); $('#featuredReel').attr('title', numba);
    });

    function featureRevolve() {
        var featurePos = $('#featuredReel').css('left'); var num = $('#featuredReel').attr('title');
        if (num == '3') {
            $('#featuredReel').animate({ 'left': '0px' }).attr('title', '1'); $('.featuredArrow').remove();
            $('#featuredBut1').append('<img src="img/featureMarker1.gif" class="featuredArrow" width="15px" height="14px" alt=""/>');
        } else {
            var move = parseInt(featurePos.replace('px', '')) + parseInt('-713');
            var newNum = parseInt(num) + 1; $('.featuredArrow').remove();
            $('#featuredReel').animate({ 'left': move + 'px' }, 1000).attr('title', newNum);
            $('#featuredBut' + newNum).append('<img src="img/featureMarker' + newNum + '.gif" class="featuredArrow" width="15px" height="14px" alt=""/>');
        }
    }
    setInterval(featureRevolve, 10000);

});