/// <reference path="jquery-1.4.4.min.js" />
/// <reference path="jquery.tmpl.min.js" />
/// <reference path="Module.js" />
/// <reference path="jquery-ui.min.js" />

function AddMenu(parent, pageId,scriptUrl) {
    $.ajax(
    {
        url: scriptUrl,
        dataType: 'html',
        data: "pageId=" + pageId,
        type: 'post',
        success: function (d) {
            var buttons = {
                "تایید": function () {
                    var checkedItems = $('#MenuDialog .menuHolder input:checked');
                    if (checkedItems.length === 0) {
                        alert('لطفا منویی را انتخاب نمایید.');
                        return false;
                    }
                    var menuItems = new Array();
                    var ulElem = $('ul', parent);
                    if (ulElem === undefined || ulElem.length === 0)
                        ulElem = $('<ul></ul>');

                    $.each(checkedItems, function (i, item) {
                        var jItem = $(item);
                        var menuItem = {
                            menuId: jItem.val(),
                            menuTitle: jItem.attr('title'),
                            parent: $(parent).attr('id'),
                            id: 0
                        };
                        var compiledMenuItem = CreateMenu(menuItem);
                        compiledMenuItem.appendTo(ulElem);
                    });
                    ulElem.appendTo(parent);
                    $(this).dialog('close');
                },
                "انصراف": function () {
                    $(this).dialog('close');
                }
            };

            var menuDialog = $('#MenuDialog');
            menuDialog.html(d);
            menuDialog.dialog(
            {
                title: 'انتخاب منو',
                buttons: buttons,
                hide: 'fade',
                width: '500',
                height: '400',
                modal: true
            });
        },
        error: function (e) {
            alert(e.status);
        }
    });
}

function CreateMenu(menuItem) {
    if ($.template["menu"] === undefined) {
        $.template("menu", '<li><a href="#">${menuTitle}</a><input type="hidden" name="Menu${menuId}" value="${menuId}-${parent}-${id}" /></li>');
    }
    var compiledMenuItem = $.tmpl('menu', menuItem);
    compiledMenuItem.click(function () {
        $(this).fadeOut('300', function () { $(this).remove(); });
    });

    return compiledMenuItem;
}