$(document).ready(function () {

    $('.focusitem').addClass("passiv");
    ctrlKunder(0);

    $('#btn-prev-area').click(function () {
        var index = getActive();
        if (index == 0) {
            index = $('.focusitem').length;
        }
        index--;
        ctrlKunder(index);
    })
    $('#btn-next-area').click(function () {
        var index = getActive();
        if (index == $('.focusitem').length - 1) {
            index = -1;
        }
        index++;
        ctrlKunder(index);
    })
    function ctrlKunder(ele) {
        $('.focusitem').removeClass("active").addClass("passiv");
        $('.focusitem').eq(ele).removeClass("passiv").addClass("active");
    }

    function getActive() {
        var index;
        $('.focusitem').each(function (i) {
            if ($(this).hasClass("active")) index = i;
        })
        return index;
    }
});

function ToggleRecentArea() {
    if ($('#recent_area').is(':visible')) {
        $('#recent_area').slideUp('fast');
    } else {
        $('#recent_area').slideDown('fast');
    }

}