var seriesEditorUrl = '/series/edit';
var saveSeriesEditorUrl = '/series/edit';
var seriesDeleteUrl = '/series/delete';

$("#seriesEditor").dialog({
    autoOpen: false,
    height: 'auto',
    width: 670,
    resizable: false,
    modal: true,
    buttons: {
        "Delete": {
            text: "Delete",
            class: "ui-delete-button",
            click: function () {
                $(this).dialog("close");
                
                //Get the SeriesId and Title
                var seriesId = $('#SeriesId').val();
                var title = $('[aria-labelledby="ui-dialog-title-seriesEditor"]').find('#ui-dialog-title-seriesEditor').text();

                //Fill in the view
                $('#seriesDelete').children('.seriesId').val(seriesId);
                $('#seriesDelete').children('.seriesTitle').html(title);

                $("#seriesDelete").dialog("open");
            }
        },
        "Save": function () {
            //Save the form
            $('#SeriesEditorForm').submit();
            afterSave();

            $(this).dialog("close");
        },
        Cancel: function () {
            $(this).dialog("close");
        }
    }
});

$("#seriesDelete").dialog({
    autoOpen: false,
    resizable: false,
    height: 'auto',
    width: 450,
    modal: true,
    buttons: {
        "Delete": function () {
            var seriesId = $('.seriesId').val();
            var deleteFiles = $('#DeleteFromDisk').is(':checked');
            $.ajax({
                type: "POST",
                url: seriesDeleteUrl,
                data: { seriesId: seriesId, deleteFiles: deleteFiles },
                success: function (data) {
                    afterDelete(seriesId);
                }
            });
            $(this).dialog("close");
        },
        Cancel: function () {
            $(this).dialog("close");
        }
    }
});

$(".editButton").live('click', function () {
    //Get the SeriesId and Title
    var seriesId = parseInt($(this).attr("data-series-id"));
    var title = $(this).attr("data-series-title");

    //Set the title of the dialog
    $("#seriesEditor").dialog("option", "title", title);

    //Pre-populate the view with ajax
    $('#seriesEditor').html('<div style="text-align: center; width: 100%; height: 100%;"><img src="../../Content/Images/ajax-loader.gif" style="padding-top: 120px;" /></div>');

    //Get the view
    $.ajax({
        url: seriesEditorUrl,
        data: { seriesId: seriesId },
        success: function (data) {
            $('#seriesEditor').html(data);
        }
    });

    //Open the dialog
    $("#seriesEditor").dialog("open");
});

$(".deleteButton").live('click', function () {
    //Get the SeriesId and Title
    var seriesId = parseInt($(this).attr("data-series-id"));
    var title = $(this).attr("data-series-title");

    //Fill in the view
    $('#seriesDelete').children('.seriesId').val(seriesId);
    $('#seriesDelete').children('.seriesTitle').html(title);

    //Open the dialog
    $("#seriesDelete").dialog("open");
});