$(function () {
    $('#dialog').dialog({
        title: "Edit",
        width: 450,
        height: 415,
        modal: true,
        autoOpen: false,
        resize: function (event, ui) {
            $('#frame').width(ui.size.width - 45);
            $('#frame').height(ui.size.height - 61);
        }
    });

    $("a.add, .grid a.edit").click(function () {
        $(".loader").show();

        var me = $(this);
        var url = me.attr("href").substr(1);
        $('#frame').attr('src', url);
        $('#dialog').dialog("option", "title", me.attr("title"));
        $('#dialog').dialog("open");
    });

    $('.ui-state-default').hover(
        function () { $(this).addClass('ui-state-hover'); },
        function () { $(this).removeClass('ui-state-hover') }
    );
});