<!DOCTYPE HTML>

<html>
<head>
    <script type='text/javascript' src='../../../main/javascript/libraries/mootools/mootools-core-1.3.2-full-compress.js'></script>
    <script type='text/javascript' src='../../../../../core-js/target/classes/core.js'></script>


    <script type='text/javascript' src='../../../main/javascript/header.js'></script>
    <script type='text/javascript' src='../../../main/javascript/nlayout/Node.js'></script>
    <script type='text/javascript' src='../../../main/javascript/nlayout/RootedTreeSet.js'></script>

    <script type='text/javascript' src='../../../main/javascript/nlayout/LayoutManager.js'></script>
    <script type='text/javascript' src='../../../main/javascript/nlayout/ChildrenSorterStrategy.js'></script>
    <script type='text/javascript' src='../../../main/javascript/nlayout/SymetricSorter.js'></script>
    <script type='text/javascript' src='../../../main/javascript/nlayout/GridSorter.js'></script>
    <script type='text/javascript' src='../../../main/javascript/nlayout/OriginalLayout.js'></script>
    <script type='text/javascript' src='../../../main/javascript/nlayout/ChangeEvent.js'></script>

    <script type="text/javascript" src="../../../main/javascript/nlayout/raphael-min.js"></script>
    <script type="text/javascript" src="../../../main/javascript/nlayout/raphael-plugins.js"></script>

    <script type='text/javascript' src='../../../main/javascript/nlayout/TestSuite.js'></script>


    <script type='text/javascript'>
        window.addEvent('domready', function() {
            var test = new mindplot.nlayout.TestSuite();
        })
    </script>

    <style type="text/css">
        div.col {
            float: left;
            margin-right: 20px;
        }
        div.col.last {
            float: none;
        }
    </style>

</head>
<body>

<h2>testAligned:</h2>
<div id="testAligned"></div>

<h2>testSymmetry:</h2>
<div id="testSymmetry"></div>

<h2>testGrid:</h2>
<div>
    <div id="testGrid1" class="col"></div>
    <div id="testGrid2" class="col"></div>
    <div id="testGrid3" class="col"></div>
    <div id="testGrid4" class="col"></div>
    <div id="testGrid5" class="col last"></div>
</div>

<h2>testEvents:</h2>
<div id="testEvents1" class="col"></div>
<div id="testEvents2" class="col last"></div>

<h2>testEventsComplex:</h2>
<div id="testEventsComplex1" class="col"></div>
<div id="testEventsComplex2" class="col last"></div>

<h2>testDisconnect:</h2>
<div id="testDisconnect1" class="col"></div>
<div id="testDisconnect2" class="col"></div>
<div id="testDisconnect3" class="col last"></div>

<h2>testRemoveNode:</h2>
<div id="testRemoveNode1" class="col"></div>
<div id="testRemoveNode2" class="col last"></div>


</body>
</html>