jQuery(document).ready(function($) {
    // Show/hide info box
    $(window).scroll(function () {
        if ($(window).height() + $(window).scrollTop() >= $(document).height()-200)
        {
            if ( ! $('#info-box li.active').length )
            {
                showInfoBox();
            }
        }
        else
        {
            hideInfoBox();
        }
    });
    
    function showInfoBox() {
        var random_number = randomBox();
        $('#info-box li:nth-child('+random_number+')').addClass('active');
        $('#info-box').css('display', 'block').stop().animate({'marginRight': 0}, 'slow');
    }
    
    function hideInfoBox()
    {
        $('#info-box').stop().animate({'marginRight': '-416px'}, 'slow', function() {
            $(this).hide();
        });
        
        $('#info-box li.active').removeClass('active');
    }
    
    function randomBox()
    {
        return Math.floor(Math.random() * $('#info-box li').length) + 1;
    }
});