function showModal(url, callback)
{
    modal = $("#modal")
    content = $('#modal .modal_content')

    content.html('<img src="'+settings.MEDIA_URL+'images/base/modal_loading.gif" class="modal_loading" alt="Loading...">')
    content.load(url, callback)
    modal.addClass("active")
    modal.fadeIn("medium")
    
    return false
}

function hideModal(url)
{
    modal = $("#modal")
    
    modal.fadeOut("medium", function() {
        modal.removeClass("active")
    })
}

$(function() {
    $("body:not(#nonjs_modal) #modal").click(function(e) {
        if (e.target == this)
        {
            hideModal()
        }
    })
    
    $(document).keydown(function(e) {
        if (e.which == 27) //ESC
        {
            hideModal()
        }
    })
    
    $("body:not(#nonjs_modal) #modal").css("display", "none")
})