$(function() {
    //TreeView
    $("#toc li.closed").each(function(i) {
        var $this = $(this);
        $this.addClass("chidrenNotLoaded");
        $this.append($("<ul/>").html("<li><span>&nbsp;</span></li>"));
    });

    var $ul = $("#toc ul:first");
    $ul.addClass("filetree")
    $ul.treeview({
        persist: "location"
		, toggle: function() {
		    var $this = $(this);

		    if ($this.hasClass("chidrenNotLoaded")) {
		        var childList = $this.removeClass("chidrenNotLoaded").find("ul");
		        childList.empty();

		        loadChildren(this.id.substr(2));
		    }
		}
    });

    //Scroll to selected node
    var $selected = $(".selected").parent().parent();
    $("#toc").scrollTo($selected);

    //Searhc items
    $("form.search input.query").bind("focus", query_focus);
});

//TreeView
function loadChildren(id) {
    $.ajax({
        type: "POST",
        url: "../doc-viewer/toc.asmx/GetTopics",
        data: "{setID:" + DOC_SET_ID + ",parentID:" + id + "}",
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        success: function(msg) {
            var $ul = $("#dt" + msg.Parent + " ul");

            for (var i = 0; i < msg.Topics.length; i++) {
                var t = msg.Topics[i];

                var $li = $("<li />");

                if (t.HasChildren) {
                    $li.addClass("closed");
                }
                $li.attr("id", "dt" + t.ID);
                $li.attr("title", t.Title);

                var $span = $("<span />");
                $span.addClass(t.HasChildren ? "folder" : "file");

                var $a = $("<a />");
                $a.attr("href", t.Path);
                $a.text(t.Title);

                $a.appendTo($span);
                $span.appendTo($li);

                if (t.HasChildren) {
                    $li.addClass("chidrenNotLoaded");
                    $li.append($("<ul><li><span>holder</span></li></ul>"));
                }

                $li.appendTo($ul);
                $("#toc ul:first").treeview({
                    add: $li
                });                
            }
        }
    });
}


function query_focus(e) {
    var $q = $(this);

    if ($q.hasClass("query-inactive")) {
        $q.removeClass("query-inactive")    
        $q.val("");
    }
}