$(document).ready(function() {
    $.getJSON("endpoint/ajax_get_categories.ashx", function(json) {
        var list = "<ul>";
        var link = "catalog_browser.aspx?category_id=";
        for (var i = 0; i < json.length; i++) {
            list += "<li><a class='category' href='" + link + json[i].Id + "'>" + json[i].Name + "</a>";
            if (json[i].Children.length > 0) {
                var childs = json[i].Children;
                if (childs) {
                    list += "<ul class='ul2'>";
                    for (var j = 0; j < childs.length; j++) {
                        list += "<li><a class='segment' href='" + link + childs[j].Id + "'>" + childs[j].Name + "</a></li>";
                    }
                    list += "</ul>";
                }
            }
            list += "</li>";
        }
        list += "</ul>";
        $("#navcontainer").html(list);
    });
});