/* Active class name */
var activeClass = 'active';

/* Remove class of active <li> tag */
function removeActiveClass(o) {
    $.each(o.find('li'), function(i, v) {
        if ($(v).hasClass(activeClass)) {
            $(v).removeClass(activeClass);
        }
    });
}

$(document).ready(function() {
    var delta = 813,
        inProgress = false, // slider's status
        slideNumber = 1,
        speed = 300;

    $('#sliderNav a').click(function() {
        if (!inProgress) {
            inProgress = true;

            // A number of new slide
            slideNumber = parseInt($(this).text());

            removeActiveClass($(this).parent().parent());
            $(this).parent().addClass(activeClass);

            var marginValue = (slideNumber - 1) * delta;
            $('#topSlider').animate({'margin-left': '-' + marginValue + 'px'}, speed, function() {
                removeActiveClass($('#sliderAddress'));
                $('#address-' + slideNumber).addClass(activeClass);
                inProgress = false;
            });
        }
    });
});