<script>
	dojo.require("dojo.data.ItemFileReadStore");
	dojo.require("dijit.Tree");
</script>
<div dojoType="dojo.data.ItemFileReadStore" jsId="continentStore" url="countries.json"></div>
<div dojoType="dijit.tree.ForestStoreModel" jsId="continentModel" store="continentStore" query="{type:'continent'}" rootId="continentRoot" rootLabel="Public Folders" childrenAttrs="children"></div>
<div id="dojoMenuTree" class="lotusMenu" role="navigation" aria-label="[Menu navigation]">
	<div class="lotusBottomCorner">
		<div class="lotusInner">
			<div dojoType="dijit.Tree" id="mytree" model="continentModel" openOnClick="false" showRoot="false" class="lotusTree">
	    		<script type="dojo/method" event="onClick" args="item, node">
	    			/* method overrides the onClick event */
					if (this._selectedNode)
			  			dojo.removeClass(this._selectedNode.rowNode, "lotusSelected");
		   			this._selectedNode = node;
		   			dojo.addClass(this._selectedNode.rowNode, "lotusSelected");
	    		</script>
				<script type="dojo/connect" event="startup">
					/* set the indent before the tree is displayed */
					this._nodePixelIndent = 10;
	    		</script>
			</div>
			<div dojoType="dijit.Tree" id="mytree2" model="continentModel" openOnClick="false" showRoot="true" class="lotusTree">
	    		<script type="dojo/method" event="onClick" args="item, node">
	    			/* method overrides the onClick event */
					if (this._selectedNode)
			  			dojo.removeClass(this._selectedNode.rowNode, "lotusSelected");
		   			this._selectedNode = node;
		   			dojo.addClass(this._selectedNode.rowNode, "lotusSelected");
	    		</script>
				<script type="dojo/connect" event="startup">
					/* set the indent before the tree is displayed */
					this._nodePixelIndent = 10;
	    		</script>
			</div>
		</div>
	</div>
</div><!--end menutree-->