function buildFromSiteJson(response) {

    var buildMenu = function(menuContainer, pages) {
    
        for(var i = 0; i < pages.length; i++) {

            var item = new Element("li");
            item.insert(new Element("a", { href:pages[i].uri }).update(pages[i].title));
            menuContainer.insert(item);
            
        }
    
    };

    var header = $("header");
    var primaryMenu = $("primary-menu");
    var secondaryMenu = $("secondary-menu");
    var footerMenu = $("footer-menu");

    var site = response.responseData.site;
    
    if(primaryMenu && site.primaryMenu) {
        buildMenu(primaryMenu, site.primaryMenu);
    }
    if(secondaryMenu && site.secondaryMenu) {
        buildMenu(secondaryMenu, site.secondaryMenu);
    }
    if(footerMenu && site.footerMenu) {
        var homeItem = new Element("li");
        homeItem.insert(new Element("a", { href:site.homePage.uri }).update(site.homePage.title));
        footerMenu.insert(homeItem);
        buildMenu(footerMenu, site.footerMenu);
        
    }
    
}

(function(window, document) {

    var cookies = new CookieJar({expires:86400000,path:"/"});

    document.observe("dom:loaded", function() {
    
        var activeStylesheetTitle = cookies.get("textSize");

        var tools = $(document.createElement("ul")).writeAttribute("id", "site-tools-menu");
        var textSizer = $(document.createElement("li")).update("Text size:").addClassName("text-size");
        tools.insert(textSizer);
        var textSizeOptions = $(document.createElement("ul"));
        textSizer.insert(textSizeOptions);
        
        var textLinks = $$("link").findAll(function(link) {
            return link.getAttribute("rel").include("stylesheet") && link.getAttribute("title");
        });
        textLinks.each(function(link) {
        
            textSizeOptions.insert($(document.createElement("li")).writeAttribute("className", link.className).observe("click", function(clickevent) {
                clickevent.element().blur();
                activeStylesheetTitle = link.title;
                textLinks.each(function(link) {
                    link.disabled = true;
                });
                link.disabled = false;
           
            }).update('<a href="#">A</a>'));
            
            link.disabled = activeStylesheetTitle ? link.title != activeStylesheetTitle : link.rel.include("alt");
        
        });
        
        tools.insert($(document.createElement("li")).addClassName("print").observe("click", function(clickevent) {
                clickevent.element().blur();
                window.print();
                
        }).update('<a href="#">Print page</a>'));
        
        $("site-nav").insert({after:tools});
        
        // save preferred on unload
        Event.observe(window, "unload", function() {
        
            cookies.put("textSize", textLinks.find(function(link) {
                return !link.disabled;
            }).title);
        
        });
   


    });
})(window, document);