<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Dojo Tree Widget Test</title>

<script type="text/javascript">
	var djConfig = {isDebug: true, debugAtAllCosts: true };
</script>
<script type="text/javascript" src="../../../dojo.js"></script>
<script type="text/javascript">
	delete dojo["profile"];
	dojo.require("dojo.profile");

	dojo.require("dojo.widget.*");
	dojo.require("dojo.widget.TreeV3");
	dojo.require("dojo.widget.TreeNodeV3");
	dojo.require("dojo.widget.TreeDocIconExtension");
	dojo.require("dojo.widget.TreeBasicControllerV3");
	dojo.hostenv.writeIncludes();
</script>
<style>
* {
    font-size:16px;
}
</style>
</head>
<body>
	

<h2>Simplest tree</h2>

<div style="display:none">	
	<img src="../../../src/widget/templates/images/TreeV3/i.gif">
	<img src="../../../src/widget/templates/images/TreeV3/i_half.gif">
	<img src="../../../src/widget/templates/images/TreeV3/expand_minus.gif">
	<img src="../../../src/widget/templates/images/TreeV3/expand_plus.gif">
	<img src="../../../src/widget/templates/images/TreeV3/expand_leaf.gif">
	<img src="../../../src/widget/templates/images/TreeV3/i_long.gif">
	<img src="../../../src/widget/templates/images/TreeV3/document.gif">
	<img src="../../../src/widget/templates/images/TreeV3/open.gif">
	<img src="../../../src/widget/templates/images/TreeV3/closed.gif">
</div>	


<div dojoType="TreeBasicControllerV3" widgetId="controller"></div>

<div dojoType="TreeDocIconExtension" widgetId="docIcons"></div>


<div dojoType="TreeV3" listeners="docIcons;controller" expandLevel="2">
    <div dojoType="TreeNodeV3" title="Item 1">
        <div dojoType="TreeNodeV3" title="Item 1.1<br/>multiline<br/>test">
        	<div dojoType="TreeNodeV3" title="Item 1.1.1<br/>blas"></div>
	</div>
        <div dojoType="TreeNodeV3"
title="<div style='border:1px red solid;width:200px;height:200px'><span>Rich HTML node</span><div style='border:1px blue solid'>Body Body</div></div>" 
>
            <div dojoType="TreeNodeV3" title="Item 1.2.1">
				<div dojoType="TreeNodeV3" title="Item 1.2.1.1"></div>
			</div>
            <div dojoType="TreeNodeV3" title="Item 1.2.2"></div>
        </div>
        <div dojoType="TreeNodeV3" title="Item 1.3">
            <div dojoType="TreeNodeV3" isFolder="true" title="Empty folder"></div>
            <div dojoType="TreeNodeV3" title="Item 1.3.2"></div>
        </div>
        <div dojoType="TreeNodeV3" title="Item 1.4">
            <div dojoType="TreeNodeV3" title="Item 1.4.1"></div>
        </div>
	<div dojoType="TreeNodeV3" title="Item 2"></div>
	<div dojoType="TreeNodeV3" title="Item 3 here is my very long title it should wrap what you think ?"></div>
    </div>
</div>

<input type="button" value="Profile dump" onclick="dojo.profile.dump(true)">

</body>
</html>