var categories = {
    "UI Widgets": [
        {
            text: "Overview",
            spriteCssClass: "overviewIcon",
            expanded: true,
            items: [ {
                text: "First look",
                url: "overview/index.html"
               }
            ]
        },
        {
            text: "AutoComplete",
            spriteCssClass: "autocompleteIcon",
            items: [
                {
                    text: "Basic usage",
                    url: "autocomplete/index.html"
                },
                {
                    text: "Binding to remote data",
                    url: "autocomplete/remotedatasource.html"
                },
                {
                    text: "Customizing templates",
                    url: "autocomplete/template.html"
                },
                {
                    text: "Events",
                    url: "autocomplete/events.html"
                },
                {
                    text: "API",
                    url: "autocomplete/api.html"
                }
            ]
        },
        {
            text: "Calendar",
            spriteCssClass: "calendarIcon",
            items: [
                {
                    text: "Basic usage",
                    url: "calendar/index.html"
                },
                {
                    text: "Customizing templates",
                    url: "calendar/template.html"
                },
                {
                    text: "Events",
                    url: "calendar/events.html"
                },
                {
                    text: "API",
                    url: "calendar/api.html"
                }
            ]
        },
        {
            text: "ComboBox",
            spriteCssClass: "comboBoxIcon",
            items: [
                {
                    text: "Basic usage",
                    url: "combobox/index.html"
                },
                {
                    text: "Binding to remote data",
                    url: "combobox/remotedatasource.html"
                },
                {
                    text: "Customizing templates",
                    url: "combobox/template.html"
                },
                {
                    text: "Events",
                    url: "combobox/events.html"
                },
                {
                    text: "API",
                    url: "combobox/api.html"
                }
            ]
        },
        {
            text: "DatePicker",
            spriteCssClass: "datepickerIcon",
            items: [
                {
                    text: "Basic usage",
                    url: "datepicker/index.html"
                },
                {
                    text: "Range selection",
                    url: "datepicker/rangeselection.html"
                },
                {
                    text: "Customizing templates",
                    url: "datepicker/template.html"
                },
                {
                    text: "Events",
                    url: "datepicker/events.html"
                },
                {
                    text: "API",
                    url: "datepicker/api.html"
                }
            ]
        },
        {
            text: "DropDownList",
            spriteCssClass: "dropDownListIcon",
            items: [
                {
                    text: "Basic usage",
                    url: "dropdownlist/index.html"
                },
                {
                    text: "Binding to remote data",
                    url: "dropdownlist/remotedatasource.html"
                },
                {
                    text: "Customizing templates",
                    url: "dropdownlist/template.html"
                },
                {
                    text: "Events",
                    url: "dropdownlist/events.html"
                },
                {
                    text: "API",
                    url: "dropdownlist/api.html"
                }
            ]
        },
        {
            text: "Grid",
            spriteCssClass: "gridIcon",
            items: [
                {
                    text: "Basic usage",
                    url: "grid/index.html"
                },
                {
                    text: "Initialization from table",
                    url: "grid/from-table.html"
                },
                {
                    text: "Binding to local data",
                    url: "grid/local-data.html"
                },
                {
                    text: "Binding to remote data",
                    url: "grid/remote-data.html"
                },
                {
                    text: "Editing",
                    url: "grid/editing.html"
                },
                {
                    text: "Virtualization of local data",
                    url: "grid/virtualization-local-data.html"
                },
                {
                    text: "Virtualization of remote data",
                    url: "grid/virtualization-remote-data.html"
                },
                {
                    text: "Hierarchy",
                    url: "grid/hierarchy.html"
                },
                {
                    text: "Detail template",
                    url: "grid/detailtemplate.html"
                },
                {
                    text: "Toolbar template",
                    url: "grid/toolbar-template.html"
                },
                {
                    text: "Sorting",
                    url: "grid/sorting.html"
                },
                {
                    text: "Selection",
                    url: "grid/selection.html"
                },
                {
                    text: "Row template",
                    url: "grid/rowtemplate.html"
                },
                {
                    text: "Events",
                    url: "grid/events.html"
                },
                {
                    text: "API",
                    url: "grid/api.html"
                }
            ]
        },
        {
            text: "Menu",
            spriteCssClass: "menuIcon",
            items: [
                {
                    text: "Basic usage",
                    url: "menu/index.html"
                },
                {
                    text: "Animation effects",
                    url: "menu/animation.html"
                },
                {
                    text: "Events",
                    url: "menu/events.html"
                },
                {
                    text: "API",
                    url: "menu/api.html"
                }
        ] },
        {
            text: "NumericTextBox",
            spriteCssClass: "numerictextboxIcon",
            items: [
                {
                    text: "Basic usage",
                    url: "numerictextbox/index.html"
                },
                {
                    text: "Events",
                    url: "numerictextbox/events.html"
                },
                {
                    text: "API",
                    url: "numerictextbox/api.html"
                }
            ]
        },
        {
            text: "PanelBar",
            spriteCssClass: "panelBarIcon",
            items: [
                {
                    text: "Basic usage",
                    url: "panelbar/index.html"
                },
                {
                    text: "Loading content with AJAX",
                    url: "panelbar/ajax.html"
                },
                {
                    text: "Animation effects",
                    url: "panelbar/animation.html"
                },
                {
                    text: "Events",
                    url: "panelbar/events.html"
                },
                {
                    text: "API",
                    url: "panelbar/api.html"
                }
            ]
        },
        {
            text: "Slider",
            spriteCssClass: "sliderIcon",
            items: [
                {
                    text: "Basic usage",
                    url: "slider/index.html"
                },
                {
                    text: "Events",
                    url: "slider/events.html"
                },
                {
                    text: "API",
                    url: "slider/api.html"
                }
            ]
        },
        {
            text: "Splitter",
            spriteCssClass: "splitterIcon",
            items: [
                {
                    text: "Basic usage",
                    url: "splitter/index.html"
                },
                {
                    text: "Loading content with AJAX",
                    url: "splitter/ajax.html"
                },
                {
                    text: "Events",
                    url: "splitter/events.html"
                },
                {
                    text: "API",
                    url: "splitter/api.html"
                }
            ]
        },
        {
            text: "TabStrip",
            spriteCssClass: "tabStripIcon",
            items: [
                {
                    text: "Basic usage",
                    url: "tabstrip/index.html"
                },
                {
                    text: "Loading content with AJAX",
                    url: "tabstrip/ajax.html"
                },
                {
                    text: "Animation effects",
                    url: "tabstrip/animation.html"
                },
                {
                    text: "Events",
                    url: "tabstrip/events.html"
                },
                {
                    text: "API",
                    url: "tabstrip/api.html"
                }
            ]
        },
        {
            text: "TimePicker",
            spriteCssClass: "timepickerIcon",
            items: [
                {
                    text: "Basic usage",
                    url: "timepicker/index.html"
                },
                {
                    text: "Range selection",
                    url: "timepicker/rangeselection.html"
                },
                {
                    text: "Events",
                    url: "timepicker/events.html"
                },
                {
                    text: "API",
                    url: "timepicker/api.html"
                }
            ]
        },
        {
            text: "TreeView",
            spriteCssClass: "treeViewIcon",
            items: [
                {
                    text: "Basic usage",
                    url: "treeview/index.html"
                },
                {
                    text: "Drag & drop",
                    url: "treeview/dragdrop.html"
                },
                {
                    text: "Animation effects",
                    url: "treeview/animation.html"
                },
                {
                    text: "Events",
                    url: "treeview/events.html"
                },
                {
                    text: "API",
                    url: "treeview/api.html"
                }
            ]
        },
        {
            text: "Upload",
            spriteCssClass: "uploadIcon",
            items: [
                {
                    text: "Basic usage",
                    url: "upload/index.html"
                },
                {
                    text: "Asynchronous Upload",
                    url: "upload/async.html"
                },
                {
                    text: "Events",
                    url: "upload/events.html"
                },
                {
                    text: "API",
                    url: "upload/api.html"
                }
            ]
        },
        {
            text: "Window",
            spriteCssClass: "windowIcon",
            items: [
                {
                    text: "Basic usage",
                    url: "window/index.html"
                },
                {
                    text: "Customizing actions",
                    url: "window/actions.html"
                },
                {
                    text: "Loading content with AJAX",
                    url: "window/ajax.html"
                },
                {
                    text: "Animation effects",
                    url: "window/animation.html"
                },
                {
                    text: "Events",
                    url: "window/events.html"
                },
                {
                    text: "API",
                    url: "window/api.html"
                }
            ]
        }
    ],
    "Framework": [
        {
            text: "DataSource",
            spriteCssClass: "dataSourceIcon",
            items: [
                {
                    text: "Basic usage",
                    url: "datasource/index.html"
                },
                {
                    text: "Binding to remote data",
                    url: "datasource/remote-data.html"
                },
                {
                    text: "Binding to XML",
                    url: "datasource/xml-data.html"
                },
                {
                    text: "Remote data operations",
                    url: "datasource/remote-operations.html"
                },
                {
                    text: "Local data operations",
                    url: "datasource/local-operations.html"
                }
            ]
        },
        {
            text: "Templates",
            spriteCssClass: "templatesIcon",
            items: [
                {
                    text: "Basic usage",
                    url: "templates/index.html"
                },
                {
                    text: "Expressions",
                    url: "templates/expressions.html"
                }
            ]
        },
        {
            text: "Drag & Drop",
            spriteCssClass: "dragdropIcon",
            items: [
                {
                    text: "Basic usage",
                    url: "dragdrop/index.html"
                },
                {
                    text: "Events",
                    url: "dragdrop/events.html"
                }
            ]
        },
        {
            text: "Validator",
            spriteCssClass: "validatorIcon",
            items: [
                {
                    text: "Basic usage",
                    url: "validator/index.html"
                }
            ]
        },
        {
            text: "Globalization",
            spriteCssClass: "globalizationIcon",
            items: [
                {
                    text: "Basic usage",
                    url: "globalization/index.html"
                }
            ]
        },
        {
            text: "Integration",
            spriteCssClass: "integrationIcon",
            items: [
                {
                    text: "Using KnockoutJS with Kendo",
                    url: "integration/index.html"
                },
                {
                    text: "Using jQuery templates with Kendo",
                    url: "integration/jquery-templates.html"
                }
            ]
        }
    ]
};
