$(document).ready(function() {
$.preloadImages('/Content/images/loading_bg.gif');
$.preloadImages('/Content/images/bg.gif');
});

jQuery.preloadImages = function() {
    for (var i = 0; i < arguments.length; i++) {
        jQuery("<img>").attr("src", arguments[i]);
    }
}

function show_modal(url, container) {
    $('#' + container).jqm({
        ajax: url,
        ajaxText: "<div style=\"display:block; margin:200px auto 0 auto; padding:60px 0; background:url(/Content/images/loading_bg.gif) no-repeat; width:149px; height:89px\"><img style=\"display:block; margin:0 auto;\" src=\"/Content/images/loading.gif\" /></div>",
        onShow: function(hash) {
            hash.w.fadeIn(300);
        },
        onHide: function(hash) {
            hash.w.fadeOut(300);
            hash.o.fadeOut(300);
        }
    });
    $('#' + container).jqmShow();
}