-<html>\r
-<head>\r
-<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">\r
-<title>Organizing Images into Albums</title>\r
-<link rel="stylesheet" type="text/css" href="../../resources/css/ext-all.css" />\r
-\r
- <!-- GC -->\r
- <!-- LIBS -->\r
- <script type="text/javascript" src="../../adapter/ext/ext-base.js"></script>\r
- <!-- ENDLIBS -->\r
-\r
- <script type="text/javascript" src="../../ext-all.js"></script>\r
-\r
- <script type="text/javascript" src="../view/data-view-plugins.js"></script>\r
-<script type="text/javascript" src="organizer.js"></script>\r
-\r
-<!-- Common Styles for the examples -->\r
-<link rel="stylesheet" type="text/css" href="../shared/examples.css" />\r
-\r
-<link rel="stylesheet" type="text/css" href="organizer.css" />\r
-</head>\r
-<body>\r
-<script type="text/javascript" src="../shared/examples.js"></script><!-- EXAMPLES -->\r
-<h1>Organizing Images into Albums</h1>\r
-<p>This example shows demonstrates how you can drop anything into the tree.</p>\r
-<p>This example also shows how a customized DragZone can be \r
-applied to a JsonView to get automatic lightweight drag and drop of asynchronously loaded data.</p>\r
-<p>The js is not minified so it is readable. See <a href="organizer.js">organizer.js</a>. The multi image drag drop added a little complexity to the code, but hopefully it is still easy to follow.\r
-<p>For simplicity, there is no validation on the names you enter in the tree node editor and you can drag the same picture \r
-into an album as many times as you want.</p> \r
-<p>Hold shift/control to select multiple images in the main images view. You can drag those images into the tree.</b>\r
-\r
-<div id="layout"></div>\r
-<br /><br /><br /><br /><br />\r
-</body>\r
-</html>\r
+<html>
+ <head>
+ <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+ <title>Image Organizer Example</title>
+
+ <link rel="stylesheet" type="text/css" href="../../resources/css/ext-all.css" />
+ <link rel="stylesheet" type="text/css" href="organizer.css" />
+ <link rel="stylesheet" type="text/css" href="../shared/example.css" />
+ <link rel="stylesheet" type="text/css" href="../ux/DataView/DragSelector.css" />
+ <script type="text/javascript" src="../../bootstrap.js"></script>
+
+ <script type="text/javascript" src="organizer.js"></script>
+ </head>
+ <body>
+ <h1>Organizing Images into Albums</h1>
+ <p>This example shows demonstrates how you can drop anything into the tree.</p>
+ <p>This example also shows how a customized DragZone can be
+ applied to a JsonView to get automatic lightweight drag and drop of asynchronously loaded data.</p>
+ <p>The js is not minified so it is readable. See <a href="organizer.js">organizer.js</a>. The multi image drag drop added a little complexity to the code, but hopefully it is still easy to follow.</p>
+ </body>
+</html>
\ No newline at end of file