var root = "";
var menuitems = [];
/*var JSONMenu = [
    { "ID": "a1", "Link": "default.aspx", "Caption": "Trang chủ", "Children": null },
    { "ID": "a2", "Link": "post.aspx", "Caption": "Hỏi đáp", "Type":"Category", "Children": null },
    { "ID": "a3", "Link": "consult.aspx", "Caption": "Tư vấn chuyên gia", "Children":
        [{ "ID": "a31", "Link": "consult.aspx", "Caption": "Tư vấn qua tổng đài", "Children": null },
        { "ID": "a32", "Link": "consult.aspx", "Caption": "Tư vấn trực tuyến", "Children": null },
        { "ID": "a33", "Link": "consult.aspx", "Caption": "Tư vấn qua email", "Children": null },
        { "ID": "a34", "Link": "consult.aspx", "Caption": "Đội ngũ chuyên gia tư vấn", "Children":null}]
    },
{ "ID": "a4", "Link": "askexpert.aspx", "Caption": "Hỏi chuyên gia", "Children":
[{ "ID": "a41", "Link": "askexpert.aspx", "Caption": "Đặt câu hỏi", "Children": null },
{ "ID": "a42", "Link": "#", "Caption": "Tình huống quản lý", "Children": null },
{ "ID": "a43", "Link": "#", "Caption": "Hỏi đáp thuế thu nhập", "Children": null },
{ "ID": "a44", "Link": "#", "Caption": "Phong thuỷ & đời sống", "Children": null },
{ "ID": "a45", "Link": "#", "Caption": "Tử vi lý số", "Children": null}]
},
    {"ID": "a5", "Link": "#", "Caption": "AZH - Tìm kiếm SMS", "Children":
        [{ "ID": "a51", "Link": "#", "Caption": "Hỏi đáp TRƯỜNG THI", "Children": null },
        { "ID": "a52", "Link": "#", "Caption": "Tìm nhanh SMS", "Children": null}]
},
    { "ID": "a6", "Link": "#", "Caption": "Tâm sự", "Children": null },
    { "ID": "a7", "Link": "about.aspx", "Caption": "Giới thiệu", "Children": null}];
*/

function showmenu(){
    if (JSONMenu != null && JSONMenu.length > 0) {
        var menubar = $('#ulMenubar');
        buildTopMenuTree(JSONMenu, 0);

        menubar.append(menuitems.join(''));
    }
    $('.submenuitem').bind('mouseover', function () {
        //alert($(this).parent('.submenu').css('width'));
        //alert($(this).css('overflow'));
        var child = $(this).children('.submenu');
        $(this).css('overflow', 'visible');
        child.css('left', $(this).parent('.submenu').css('width'));
        child.css('top', 0);
        child.css('margin-top', 0);

    });
    $('.submenuitem').bind('mouseout', function () {
        $(this).css('overflow', '');
    });
}

function buildTopMenuTree(itemlist, level, type) {
    $.each(itemlist, function (i, item) {
        var link = '';
        var childlist = '';
        var subitem = '';

        if (type == null) {
            link = '<a id="' + item.ID + '" href="' + root + "/" + item.Link + '">' + item.Caption + '</a>';
        }
        else if (type == "C") {
            link = '<a id="' + item.ID + '" href="' + root + '/default.aspx?view=cat&id=' + item.ID + '">' + item.Title + '</a>';
        }
        
        childlist = '<ul class="submenu">';
        subitem = level != 0 ? '<li class="submenuitem">' : '<li>';

        //add manipulated string to list
        if (item.Children == null) {
            menuitems.push(subitem + link + '</li>');
        }
        else {
            menuitems.push(subitem + link);
            menuitems.push(childlist);

            var childrentype = item.Type != null ? item.Type : null;

            buildTopMenuTree(item.Children, -1, childrentype);

            menuitems.push('</ul></li>');
        }
    });
}