$.region = {
    data: {
        url: ''
    },
    fillMenu: function (ul) {
        $.ajax({
            type: 'POST',
            dataType: 'json',
            url: $.region.data.url,
            success: function (data) {
                if (data.data.length < 2) return false;
                $.each(data.data, function (i, el) {
                    $.li = $('<li>');
                    if (i == 0) { $.li.addClass('main').text(el.Value); }
                    else {
                        $.li.addClass('point');
                        $.li.append($('<a>').css('color', '#C5D2DA').attr('href', 'http://' + el.Key).text(el.Value).hover(function () { $(this).css('color', '#fff') }, function () { if ($(this).hasClass('main')) return; $(this).css('color', '#C5D2DA') }));
                        //                        $.li.click(function () {
                        //                            var href = window.location.replace('http://' + el.Key);
                        //                        });
                    }
                    $(ul).append($.li);
                });
                $(ul + ' li:first').css('display', 'block').css('');
                $(ul).parents().find('.cr').show();
                $(ul).hover(
                    function () {
                        $.region.showMenu($(this));
                    },
                    function () {
                        $.region.hideMenu($(this));
                    }
                );
            },
            error: function (data) {
            }
        });
    },

    showMenu: function (menuli) {
        var num = 0;
        $(menuli).find('li').each(function (i, li) {
            if (i == 0) {
                return;
            }
            $(li).css('margin-top', i * 19).css('display', 'block');
            num = i;
        });
        if (num > 0) {
            $(menuli).parent().find('.c-br').hide();
            $(menuli).parent().find('.c-bl').hide();
            $(menuli).append($('<li>').addClass('downmenu').css('top', (num + 1) * 19 + 4));
        }
    },
    hideMenu: function (menuli) {
        var num = 0;
        $(menuli).find('li').each(function (i, li) {
            if (i == 0) return;
            $(li).css('margin-top', 0).css('display', 'none');
        });
        $(menuli).parent().find('.c-br').show();
        $(menuli).parent().find('.c-bl').show();
        $(menuli).parent().find('.downmenu').remove();
    }
}