(function(){

    var loading_options = {
        finishedMsg: "<div class='end-msg'>No hay más cursos disponibles.</div>",
        msgText: "<div class='center'>Cargando cursos...</div>",
        img: "/img/loader.gif"
    };

    $('#cursos').infinitescroll({
        loading : loading_options,
        navSelector : "#cursos .pagination",
        nextSelector : "#cursos .pagination li.active + li a",
        itemSelector : "#cursos .item"
    });
})();

$('.interes').on('click', function (e) {
    e.preventDefault();
    item = $(this);
    $.get( "/toggleinteres/" + $(this).attr('data-id') , function() {
        item.toggleClass('checked');
    });
});


$('.filter').each(function (idx,element) {
    if ($(this).is(':checked')) {
        addFilters($(this));
    }
});

$('.filter').on('click', function (e) {

    var location = window.location.href;

    if (location.indexOf("?") < 0) {
        location += '?';
    }

        if ($(this).is(':checked')) {
                location += '&' + $(this).val() + '=1';
        } else {
            location = extractFIlters(location, $(this));
        }

    window.location = location;
});

function extractFIlters(location, filter) {

    filterString = '&' + filter.val() + '=1';

    if (location.indexOf(filterString) >= 0) {

        position = location.indexOf(filterString);

        location = location.substring(0,position) + location.substring(position + filterString.length)
    }

    return location;

}

function addFilters(filter) {
    $('#filters .dropdown-menu a').each(function (index, element) {
        href = $(this).attr('href');
        $(this).attr('href', href + '&' + filter.val() + '=1');
    });
}