$(document).on("click", "a.loadmodal", function (e) {
    e.stopImmediatePropagation();
    e.stopPropagation();
    e.preventDefault();

    if ($(this).hasClass("submitted")) {
        return false;
    }
    if (!$(this).hasClass("resubmit")) {
        $(this).addClass("submitted");
    }

    var url = $(this).prop("href");
    var titleText = $(this).prop("title");
    var title = $("<h4>", {"class": "modal-title", "text":titleText});
    var loading = $("<span>", {"class": "glyphicon glyphicon-refresh glyphicon-refresh-ganimate"});
    $(this).before(loading);

    var wrapper = $("<div>", {"class": "modal fade", "id": "myModal", "role": "dialog"});
    var dialog = $("<div>", {"class": "modal-dialog"});
    var content = $("<div>", {"class": "modal-content"});
    var header = $("<div>", {"class": "modal-header"});
    header.append(title);
    title.append($("<button>", {"class": "close", "data-dismiss": "modal", type:"button", "html": "<span>&times;</span>"}));
    
    
    var body = $("<div>", {"class": "modal-body"});

    $.ajax({
        url: url
    }).done(function (data) {
        header.prepend($(data).filter("title").html());
        body.append(data);
        loading.remove();
        wrapper.modal();
    });

    wrapper.append(dialog);
    dialog.append(content);
    content.append(header);
    content.append(body);
    $('body').prepend(wrapper);


});

$(document).on("click", "a.loadinplace", function (e) {
    e.stopImmediatePropagation();
    e.stopPropagation();
    e.preventDefault();

    if ($(this).hasClass("submitted")) {
        return false;
    }
    if (!$(this).hasClass("resubmit")) {
        $(this).addClass("submitted");
    }

    var url = $(this).prop("href");
    var elem = $(this);

    var loading = $("<span>", {"class": "glyphicon glyphicon-refresh glyphicon-refresh-ganimate"});
    $(this).before(loading);

    $.ajax({
        url: url,
    }).done(function (data) {
        loading.remove();
        var newdata = $(data);
        elem.replaceWith(newdata);
        newdata.find("*[autofocus=\"true\"]").focus();
    });

});

$(document).on("submit", "form[data-ajaxtarget]", function (e) {
    e.stopImmediatePropagation();
    e.stopPropagation();

    if ($(this).hasClass("submitted")) {
        return false;
    }
    if (!$(this).hasClass("resubmit")) {
        $(this).addClass("submitted");
    }

    var target = $(this).data().ajaxtarget;
    var url = $(this).prop("action");

    var loading = $("<span>", {"class": "glyphicon glyphicon-refresh glyphicon-refresh-ganimate", "style": "position: absolute;float: left;z-index: 10;padding: 2px;"});
    $(this).after(loading);

    if ($(target).length > 0) {
        e.preventDefault();
        $.ajax({
            url: url,
            type: 'post',
            data: $(this).serialize()
        }).done(function (data) {
            loading.remove();
            var newdata = $(data).filter(target).length ? $(data).filter(target) : $(data);
            $(target).html(newdata);
            newdata.find("*[autofocus=\"true\"]").focus();
        });
    }
});

$(document).on("click", "a[data-ajaxtarget]", function (e) {
    e.stopImmediatePropagation();
    e.stopPropagation();

    if ($(this).hasClass("submitted")) {
        return false;
    }
    if (!$(this).hasClass("resubmit")) {
        $(this).addClass("submitted");
    }

    var target = $(this).data().ajaxtarget;
    var url = $(this).prop("href");

    var loading = $("<span>", {"class": "glyphicon glyphicon-refresh glyphicon-refresh-ganimate"});
    $(this).after(loading);

    if ($(target).length > 0) {
        e.preventDefault();
        $.ajax({
            url: url,
            type: 'get'
        }).done(function (data) {
            loading.remove();
            var newdata = $(data).filter(target).length ? $(data).filter(target) : $(data);
            $(target).html(newdata);
            newdata.find("*[autofocus=\"true\"]").focus();
        });
    }
});

$(document).ready(function () {
    $("*[data-ajaxreload]").each(function () {
        
        var id = $(this).attr('id');
        var interval = parseInt($(this).data().ajaxreload);
        interval = interval < 500 ? 500 : interval;
        var ajaxFunc = function () {
            $.ajax({
                url: '',
                type: 'get'
            }).done(function (data) {
                var newdata = $(data).filter("#"+id).length ? $(data).filter("#"+id) : $(data);
                $("#"+id).html(newdata);
                //newdata.find("*[autofocus=\"true\"]").focus();
            });
            setTimeout(ajaxFunc, interval);
        }
        setTimeout(ajaxFunc, interval);
    });
});