/*!
* Custom jQuery UI Functions for VerdeBazaar
*/

// Loading Animation
$("#ajaxLoading").ajaxStart(function () {
    $(this).show();
}).ajaxStop(function () {
    $(this).hide();
});

// Fade out - used for alert message
setTimeout(function () {
    $('#alertmessagefloat').fadeOut('slow');
}, 5000); // <-- time in milliseconds

function goToAnchorByScroll(id) {
	$('html,body').animate({scrollTop: $("#"+id).offset().top},'fast');
}

// *** jQuery UI Tabs ***
$('.tabcontainer').tabs({
});

function selectTab(tabContainerID, tabID) {
    //$(".selector").tabs("option", "selected", 3);
    //$(tabContainerID).tabs("select", tabID);
    $(tabContainerID).tabs("option", "selected", tabID);
    return false;
}

/* Dialogs */
$(document).ready(function () {

    // Generic Dialogs
    $('#dlgGeneric').dialog({
        autoOpen: false,
        draggable: true,
        modal: true,
        width: 700,
        minHeight: 400,
        zIndex: 1500,
        title: "Editor",
        open: function (type, data) {
            $(this).parent().appendTo("form");
        }
    });

    $('#dlgGenericMini').dialog({
        autoOpen: false,
        draggable: true,
        modal: true,
        width: 600,
        minHeight: 200,
        zIndex: 1500,
        title: "Editor",
        open: function (type, data) {
            $(this).parent().appendTo("form");
        }
    });

    $('#dlgGenericSmall').dialog({
        autoOpen: false,
        draggable: true,
        modal: true,
        width: 700,
        minHeight: 250,
        zIndex: 1500,
        title: "Editor",
        open: function (type, data) {
            $(this).parent().appendTo("form");
        }
    });

    $('#dlgGenericBig').dialog({
        autoOpen: false,
        draggable: true,
        modal: true,
        width: 700,
        minHeight: 550,
        zIndex: 1500,
        title: "Editor",
        open: function (type, data) {
            $(this).parent().appendTo("form");
        }
    });
    $('#dlgGenericWide').dialog({
        autoOpen: false,
        draggable: true,
        modal: true,
        width: 900,
        minHeight: 400,
        zIndex: 1500,
        title: "Editor",
        open: function (type, data) {
            $(this).parent().appendTo("form");
        }
    });
    $('#dlgGenericTall').dialog({
        autoOpen: false,
        draggable: true,
        modal: true,
        width: 900,
        minHeight: 700,
        zIndex: 1500,
        title: "Editor",
        open: function (type, data) {
            $(this).parent().appendTo("form");
        }
    });
    $('#dlgGenericConfirmation').dialog({
        autoOpen: false,
        draggable: false,
        modal: true,
        resizable: false,
        width: 400,
        minHeight: 170,
        zIndex: 1500,
        title: "Confirmation",
        open: function (type, data) {
            $(this).parent().appendTo("form");
        }
    });

    $('#dlgGeneric2').dialog({
        autoOpen: false,
        draggable: true,
        modal: true,
        width: 700,
        minHeight: 400,
        zIndex: 1500,
        title: "Editor",
        open: function (type, data) {
            $(this).parent().appendTo("form");
        }
    });

    $('#dlgGeneric3').dialog({
        autoOpen: false,
        draggable: true,
        modal: true,
        width: 700,
        minHeight: 400,
        zIndex: 1500,
        title: "Editor",
        open: function (type, data) {
            $(this).parent().appendTo("form");
        }
    });
    $('#dlgGeneric4').dialog({
        autoOpen: false,
        draggable: true,
        modal: true,
        width: 700,
        minHeight: 400,
        zIndex: 1500,
        title: "Editor",
        open: function (type, data) {
            $(this).parent().appendTo("form");
        }
    });

    // Address Dialogs
    $('#dlgDeliveryAddressEdit').dialog({
        autoOpen: false,
        draggable: true,
        modal: true,
        width: 700,
        minHeight: 400,
        zIndex: 1500,
        title: "Edit Address",
        open: function (type, data) {
            $(this).parent().appendTo("form");
        }
    });

    $('#dlgInvoiceAddressEdit').dialog({
        autoOpen: false,
        draggable: true,
        modal: true,
        width: 700,
        minHeight: 400,
        zIndex: 1500,
        title: "Edit Address",
        open: function (type, data) {
            $(this).parent().appendTo("form");
        }
    });
    
    // Error Dialog
    $('#errorDialog').dialog({
        autoOpen: false,
        draggable: true,
        modal: true,
        width: 500,
        minHeight: 200,
        zIndex: 2000,
        title: "Error",
        open: function (type, data) {
            $(this).parent().appendTo("form");
        }
    });


});

function showDialog(id) {
    $('#' + id).dialog("open");
    return false;
}

function closeDialog(id) {
    $('#' + id).dialog("close");
}

function showDialogWithTitle(id, newTitle) {
    $('#' + id).dialog("open");
    $('#' + id).dialog('option', 'title', newTitle);
    return false;
}

function changeDialogTitle(id, newTitle) {
    $('#' + id).dialog('option', 'title', newTitle);
    return false;
}

function checkForQuerystringDialogLoadRequest(qsKey, qsMatchValue, dialogName, dialogTitle) {
    var qsValue = getQuerystring(qsKey)
    if (qsValue == qsMatchValue) {
        $('#' + dialogName).dialog("open");

        //alert('dialog match found');
        // if (dialogTitle == null) {
        //     showDialog(dialogName);
        // } else {
        //     showDialogWithTitle(dialogName, dialogTitle);
        // }
    }
    return false;
}