function loadModal(strControl) {
    $.modal('<iframe src=\'' + strControl + '\' style=\'width:98%;height:98%;border:0px;\' frameborder=\'0\' border=\'0\'/>');
}

 function loadControl(strControl, id) {
    $.modal('<iframe src=\'' + strControl + '\' style=\'width:98%;height:98%;border:0px;\' frameborder=\'0\' border=\'0\'/>', { onClose: function (dialog) {
        dialog.data.fadeOut('slow', function () {
            dialog.container.slideUp('slow', function () {
                dialog.overlay.fadeOut('slow', function () {
                    //RELOAD ANY JAVASCRIPT DIVS
                    $("#javascript").load(location.href + " #javascript>*", "");
                     //RELOAD THE DIV OF THE MODULE JUST UPDATED
                    $("#" + id).load(location.href + " #" + id + ">*", "");
                    //CLOSE THE MODAL BOX
                    $.modal.close();
                });
            });
        });
    }
    });
}

function addModule(id) {
    var strControl = "/Admin/UserControls/Popups/Popup.aspx?popup=1&c=Layouts&id=" + id;
    $.modal('<iframe src=\'' + strControl + '\' style=\'width:98%;height:98%;border:0px;\' frameborder=\'0\' border=\'0\'/>', { onClose: function (dialog) {
        dialog.data.fadeOut('slow', function () {
            dialog.container.slideUp('slow', function () {
                dialog.overlay.fadeOut('slow', function () {
                    //LOOP THROUGH EACH DIV AND UPDATE ITS CONTENT
                    var divs = document.getElementsByTagName("div");
                    for (var i = 0; i < divs.length; i++) {
                        //do something to each div like
                        var strID = divs[i].id;
                        if (strID != "") {
                            //alert(strID);
                            $("#" + strID).load(location.href + " #" + strID + ">*", "");
                        }
                    }
                    //CLOSE THE MODAL BOX
                    $.modal.close();
                });
            });
        });
    }
    });
}

function editModuleHTML(id) {
    var strControl = "/Admin/UserControls/Popups/EditModule.aspx?id=" + id;
    loadControl(strControl, id);
}

function editModuleSettings(id) {
    var strControl = "/Admin/UserControls/Popups/ModuleProperties.aspx?id=" + id;
    loadControl(strControl, id);
}

function editCSS() {
    var strControl = "/Admin/UserControls/Popups/CSS.aspx";
    loadControl(strControl, 'container');
}

function removeModule(el) {
    //SEND DATA TO AJAX PAGE
    $.ajax({
        type: "POST",
        url: "Admin/Ajax.aspx",
        data: "function=RemoveModule&id=" + $(el).attr('id'),
        success: function () {
            //HIDE USING AJAX
            $(el).fadeOut("slow");
        },
        error: function () { alert('Error removing module. Please try again or contact your site admin.'); }
    });
}

function updateCatOrder(strCats) {

    //SEND DATA TO AJAX PAGE
    var strData = "function=UpdateCatOrder&data=" + strCats;
     
    $.ajax({
    type: "POST",
    url: "/Admin/Ajax.aspx",
    data: strData,
    success: function () { },
    error: function () {  }
    });

}


/** GLOBAL JSCRIPT **/
$(document).ready(function () {
    
    //DATE PICKER
    $(".datepicker").datepicker({
        showOn: 'button',
        buttonImage: '/Images/Core/calendar.gif',
        buttonImageOnly: true,
        dateFormat: 'dd/mm/yy'
    });

});