        dojo.addOnLoad( function(){
            // create a new toolbar in the node with id="toolbar"
            var toolbar = new dijit.Toolbar({id: "toolbar"}).placeAt(dojo.byId("menu"));
           

            var aboutMenu = new dijit.Menu({id: "about_menu"});
            aboutMenu.addChild(new dijit.MenuItem({id: "staff", label: "staff", onClick: function() {window.location=this.id + '.html';}}));
            aboutMenu.addChild(new dijit.MenuItem({id: "hours", label: "hours & directions", onClick: function() {window.location=this.id + '.html';}}));
            toolbar.addChild(new dijit.form.DropDownButton({
                id: "aboutus", label: "about us",
                dropDown: aboutMenu}));
           
            // repeat for the 2nd menu...           
            var hairMenu = new dijit.Menu({id: "hair_menu"});
            hairMenu.addChild(new dijit.MenuItem({id: "hairdesign", label: "hair design", onClick: function() {window.location=this.id + '.html';}}));
            hairMenu.addChild(new dijit.MenuItem({id: "haircolor", label: "hair color", onClick: function() {window.location=this.id + '.html';}}));
            toolbar.addChild(new dijit.form.DropDownButton({
                id: "hair", label: "hair",
                dropDown: hairMenu}));

            var skinMenu = new dijit.Menu({id: "skin_menu"});
            skinMenu.addChild(new dijit.MenuItem({id: "skincare", label: "skin care", onClick: function() {window.location=this.id + '.html';}}));
            skinMenu.addChild(new dijit.MenuItem({id: "makeup", label: "makeup & specialty", onClick: function() {window.location=this.id + '.html';}}));
            toolbar.addChild(new dijit.form.DropDownButton({
                id: "skin", label: "skin",
                dropDown: skinMenu}));

            var bodyMenu = new dijit.Menu({id: "body_menu"});
            bodyMenu.addChild(new dijit.MenuItem({id: "bodycare", label: "body care", onClick: function() {window.location=this.id + '.html';}}));
            bodyMenu.addChild(new dijit.MenuItem({id: "nail", label: "nail & foot care", onClick: function() {window.location=this.id + '.html';}}));
            toolbar.addChild(new dijit.form.DropDownButton({
                id: "body", label: "body",
                dropDown: bodyMenu}));

            // add 2 buttons
            toolbar.addChild(new dijit.form.Button({id: "giftpackage", label: "gift packages", onClick: function() {window.location=this.id + '.html';}}));
            toolbar.addChild(new dijit.form.Button({id: "giftcards", label: "gift cards", onClick: function() {window.location=this.id + '.html';}}));
            toolbar.addChild(new dijit.form.Button({id: "trends", label: "trends", onClick: function() {window.location=this.id + '.html';}}));

            // startup the toolbar - it should startup it's children
            toolbar.startup();


        });