New feature: basic Ajax suggestion for tags and implementation of Dojo toolkit

git-svn-id: https://semanticscuttle.svn.sourceforge.net/svnroot/semanticscuttle/trunk@151 b3834d28-1941-0410-a4f8-b48e95affb8f

6 files changed, 157 insertions, 0 deletions

diff --git a/includes/js/dijit/tests/_data/categories.json b/includes/js/dijit/tests/_data/categories.json
new file mode 100644
index 0000000..3717e1e
--- /dev/null
+++ b/includes/js/dijit/tests/_data/categories.json
@@ -0,0 +1,12 @@
+{ 
+	identifier: 'id',
+	label: 'name',
+	items: [
+		{ id: '0', name:'Foods', numberOfItems:1, children:[ {_reference: '1'},  {_reference: '2'},  {_reference: '3'} ] },
+			{ id: '1', name:'Fruits', numberOfItems:1, children:[ {_reference: '4'} ] },
+				{ id: '4',name:'Citrus', numberOfItems:1, items:[ {_reference: '5'} ] },
+					{ id: '5', name:'Orange'},
+		{ id: '2', name:'Vegetables', numberOfItems:0},
+		{ id: '3', name:'Cereals', numberOfItems:0}
+	]
+}
diff --git a/includes/js/dijit/tests/_data/categoriesNested.json b/includes/js/dijit/tests/_data/categoriesNested.json
new file mode 100644
index 0000000..05fb89c
--- /dev/null
+++ b/includes/js/dijit/tests/_data/categoriesNested.json
@@ -0,0 +1,13 @@
+{ 
+	identifier: 'id',
+	label: 'name',
+	items: [
+		{ id: '0', name:'Fruits', numberOfItems:1, children:[
+			{ id: '1',name:'Citrus', numberOfItems:1, items:[
+				{ id: '4', name:'Orange'}
+			]}
+		]},
+		{ id: '2', name:'Vegetables', numberOfItems:0},
+		{ id: '3', name:'Cereals', numberOfItems:0}
+	]
+}
diff --git a/includes/js/dijit/tests/_data/countries.json b/includes/js/dijit/tests/_data/countries.json
new file mode 100644
index 0000000..3f16d0b
--- /dev/null
+++ b/includes/js/dijit/tests/_data/countries.json
@@ -0,0 +1,45 @@
+{ identifier: 'name',
+  label: 'name',
+  items: [
+     { name:'Africa', type:'continent', population:'900 million', area: '30,221,532 sq km',
+        timezone: '-1 UTC to +4 UTC',
+         children:[{_reference:'Egypt'}, {_reference:'Kenya'}, {_reference:'Sudan'}] },
+     { name:'Egypt', type:'country' },
+     { name:'Kenya', type:'country',
+         children:[{_reference:'Nairobi'}, {_reference:'Mombasa'}] },
+     { name:'Nairobi', type:'city' },
+     { name:'Mombasa', type:'city' },
+     { name:'Sudan', type:'country',
+         children:{_reference:'Khartoum'} },
+     { name:'Khartoum', type:'city' },
+     { name:'Asia', type:'continent',
+         children:[{_reference:'China'}, {_reference:'India'}, {_reference:'Russia'}, {_reference:'Mongolia'}] },
+     { name:'China', type:'country' },
+     { name:'India', type:'country' },
+     { name:'Russia', type:'country' },
+     { name:'Mongolia', type:'country' },
+     { name:'Australia', type:'continent', population:'21 million',
+         children:{_reference:'Commonwealth of Australia'}},
+     { name:'Commonwealth of Australia', type:'country', population:'21 million'},
+     { name:'Europe', type:'continent',
+         children:[{_reference:'Germany'}, {_reference:'France'}, {_reference:'Spain'}, {_reference:'Italy'}] },
+     { name:'Germany', type:'country' },
+     { name:'France', type:'country' },
+     { name:'Spain', type:'country' },
+     { name:'Italy', type:'country' },
+     { name:'North America', type:'continent',
+         children:[{_reference:'Mexico'}, {_reference:'Canada'}, {_reference:'United States of America'}] },
+     { name:'Mexico', type:'country',  population:'108 million', area:'1,972,550 sq km',
+         children:[{_reference:'Mexico City'}, {_reference:'Guadalajara'}] },
+     { name:'Mexico City', type:'city', population:'19 million', timezone:'-6 UTC'},
+     { name:'Guadalajara', type:'city', population:'4 million', timezone:'-6 UTC' },
+     { name:'Canada', type:'country',  population:'33 million', area:'9,984,670 sq km',
+         children:[{_reference:'Ottawa'}, {_reference:'Toronto'}] },
+     { name:'Ottawa', type:'city', population:'0.9 million', timezone:'-5 UTC'},
+     { name:'Toronto', type:'city', population:'2.5 million', timezone:'-5 UTC' },
+     { name:'United States of America', type:'country' },
+     { name:'South America', type:'continent',
+         children:[{_reference:'Brazil'}, {_reference:'Argentina'}] },
+     { name:'Brazil', type:'country', population:'186 million' },
+     { name:'Argentina', type:'country', population:'40 million' }
+]}
diff --git a/includes/js/dijit/tests/_data/dijits.json b/includes/js/dijit/tests/_data/dijits.json
new file mode 100644
index 0000000..160581b
--- /dev/null
+++ b/includes/js/dijit/tests/_data/dijits.json
@@ -0,0 +1 @@
+{"timestamp":1193692111,"items":[{"namespace":"dijit","className":"dijit.ColorPalette","summary":"Grid showing various colors, so the user can pick a certain color","description":null,"examples":null},{"namespace":"dijit","className":"dijit.Declaration","summary":"The Declaration widget allows a user to declare new widget\nclasses directly from a snippet of markup.","description":null,"examples":null},{"namespace":"dijit","className":"dijit.DialogUnderlay","summary":"the thing that grays out the screen behind the dialog\n\nTemplate has two divs; outer div is used for fade-in\/fade-out, and also to hold background iframe.\nInner div has opacity specified in CSS file.","description":null,"examples":null},{"namespace":"dijit","className":"dijit.Dialog","summary":"Pops up a modal dialog window, blocking access to the screen\nand also graying out the screen Dialog is extended from\nContentPane so it supports all the same parameters (href, etc.)","description":null,"examples":null},{"namespace":"dijit","className":"dijit.TooltipDialog","summary":"Pops up a dialog that appears like a Tooltip","description":null,"examples":null},{"namespace":"dijit","className":"dijit.Editor","summary":"A rich-text Editing widget","description":null,"examples":null},{"namespace":"dijit","className":"dijit.InlineEditBox","summary":"Behavior for an existing node (<p>, <div>, <span>, etc.) so that\nwhen you click it, an editor shows up in place of the original\ntext.  Optionally, Save and Cancel button are displayed below the edit widget.\nWhen Save is clicked, the text is pulled from the edit\nwidget and redisplayed and the edit widget is again hidden.\nBy default a plain Textarea widget is used as the editor (or for\ninline values a TextBox), but you can specify an editor such as\ndijit.Editor (for editing HTML) or a Slider (for adjusting a number).\nAn edit widget must support the following API to be used:\nString getDisplayedValue() OR String getValue()\nvoid setDisplayedValue(String) OR void setValue(String)\nvoid focus()","description":null,"examples":null},{"namespace":"dijit","className":"dijit._InlineEditor","summary":"internal widget used by InlineEditBox, displayed when in editing mode\nto display the editor and maybe save\/cancel buttons.  Calling code should\nconnect to save\/cancel methods to detect when editing is finished\n\nHas mainly the same parameters as InlineEditBox, plus these values:\n\nstyle: Object\nSet of CSS attributes of display node, to replicate in editor\n\nvalue: String\nValue as an HTML string or plain text string, depending on renderAsHTML flag","description":null,"examples":null},{"namespace":"dijit","className":"dijit.Menu","summary":null,"description":null,"examples":null},{"namespace":"dijit","className":"dijit.MenuItem","summary":"A line item in a Menu2\n\nMake 3 columns\nicon, label, and expand arrow (BiDi-dependent) indicating sub-menu","description":null,"examples":null},{"namespace":"dijit","className":"dijit.PopupMenuItem","summary":null,"description":null,"examples":null},{"namespace":"dijit","className":"dijit.MenuSeparator","summary":"A line between two menu items","description":null,"examples":null},{"namespace":"dijit","className":"dijit.ProgressBar","summary":"a progress widget\n\nusage:\n<div dojoType=\"ProgressBar\"","description":null,"examples":null},{"namespace":"dijit","className":"dijit.TitlePane","summary":"A pane with a title on top, that can be opened or collapsed.","description":null,"examples":null},{"namespace":"dijit","className":"dijit.Toolbar","summary":null,"description":null,"examples":null},{"namespace":"dijit","className":"dijit.ToolbarSeparator","summary":"A line between two menu items","description":null,"examples":null},{"namespace":"dijit","className":"dijit._MasterTooltip","summary":"Internal widget that holds the actual tooltip markup,\nwhich occurs once per page.\nCalled by Tooltip widgets which are just containers to hold\nthe markup","description":null,"examples":null},{"namespace":"dijit","className":"dijit.Tooltip","summary":"Pops up a tooltip (a help message) when you hover over a node.","description":null,"examples":null},{"namespace":"dijit","className":"dijit._TreeNode","summary":"Single node within a tree","description":null,"examples":null},{"namespace":"dijit","className":"dijit.Tree","summary":"This widget displays hierarchical data from a store.  A query is specified\nto get the \"top level children\" from a data store, and then those items are\nqueried for their children and so on (but lazily, as the user clicks the expand node).\n\nThus in the default mode of operation this widget is technically a forest, not a tree,\nin that there can be multiple \"top level children\".  However, if you specify label,\nthen a special top level node (not corresponding to any item in the datastore) is\ncreated, to father all the top level children.","description":null,"examples":null},{"namespace":"dijit","className":"dijit._Calendar","summary":null,"description":null,"examples":null},{"namespace":"dijit","className":"dijit._Contained","summary":"Mixin for widgets that are children of a container widget","description":null,"examples":null},{"namespace":"dijit","className":"dijit._Container","summary":"Mixin for widgets that contain a list of children like SplitContainer","description":null,"examples":null},{"namespace":"dijit","className":"dijit._KeyNavContainer","summary":"A _Container with keyboard navigation of its children.\nTo use this mixin, call connectKeyNavHandlers() in\npostCreate() and call connectKeyNavChildren() in startup().","description":null,"examples":null},{"namespace":"dijit","className":"dijit._Templated","summary":"mixin for widgets that are instantiated from a template","description":null,"examples":null},{"namespace":"dijit","className":"dijit._TimePicker","summary":"A graphical time picker that TimeTextBox pops up\nIt is functionally modeled after the Java applet at http:\/\/java.arcadevillage.com\/applets\/timepica.htm\nSee ticket #599","description":null,"examples":null},{"namespace":"dijit","className":"dijit._Widget","summary":null,"description":null,"examples":null},{"namespace":"dijit","className":"dijit.WidgetSet","summary":"A set of widgets indexed by id","description":null,"examples":null},{"namespace":"dijit","className":"dijit.BackgroundIframe","summary":"For IE z-index schenanigans. id attribute is required.","description":"new dijit.BackgroundIframe(node)\nMakes a background iframe as a child of node, that fills\narea (and position) of node","examples":null},{"namespace":"dijit","className":"dijit._editor.RichText","summary":"dijit._editor.RichText is the core of the WYSIWYG editor in dojo, which\nprovides the basic editing features. It also encapsulates the differences\nof different js engines for various browsers","description":null,"examples":null},{"namespace":"dijit","className":"dijit._editor._Plugin","summary":"only allow updates every two tenths of a second","description":null,"examples":null},{"namespace":"dijit","className":"dijit._editor.plugins.AlwaysShowToolbar","summary":null,"description":null,"examples":null},{"namespace":"dijit","className":"dijit._editor.plugins.EnterKeyHandling","summary":null,"description":null,"examples":null},{"namespace":"dijit","className":"dijit._editor.plugins.FontChoice","summary":null,"description":null,"examples":null},{"namespace":"dijit","className":"dijit._editor.plugins.DualStateDropDownButton","summary":"a DropDownButton but button can be displayed in two states (checked or unchecked)","description":null,"examples":null},{"namespace":"dijit","className":"dijit._editor.plugins.UrlTextBox","summary":"the URL input box we use in our dialog\n\nregular expression for URLs, generated from dojo.regexp.url()","description":null,"examples":null},{"namespace":"dijit","className":"dijit._editor.plugins.LinkDialog","summary":null,"description":null,"examples":null},{"namespace":"dijit","className":"dijit._editor.plugins.TextColor","summary":null,"description":null,"examples":null},{"namespace":"dijit","className":"dijit.range.W3CRange","summary":null,"description":null,"examples":null},{"namespace":"dijit","className":"dijit.demos.chat.Room","summary":null,"description":null,"examples":null},{"namespace":"dijit","className":"dijit.form.Button","summary":"Basically the same thing as a normal HTML button, but with special styling.","description":null,"examples":null},{"namespace":"dijit","className":"dijit.form.DropDownButton","summary":"push the button and a menu shows up","description":null,"examples":null},{"namespace":"dijit","className":"dijit.form.ComboButton","summary":"left side is normal button, right side displays menu","description":null,"examples":null},{"namespace":"dijit","className":"dijit.form.ToggleButton","summary":"A button that can be in two states (checked or not).\nCan be base class for things like tabs or checkbox or radio buttons","description":null,"examples":null},{"namespace":"dijit","className":"dijit.form.CheckBox","summary":"Same as an HTML checkbox, but with fancy styling.","description":"Value of \"type\" attribute for <input>","examples":null},{"namespace":"dijit","className":"dijit.form.RadioButton","summary":"Same as an HTML radio, but with fancy styling.","description":"This shared object keeps track of all widgets, grouped by name","examples":null},{"namespace":"dijit","className":"dijit.form.ComboBoxMixin","summary":"Auto-completing text box, and base class for FilteringSelect widget.\n\nThe drop down box's values are populated from an class called\na data provider, which returns a list of values based on the characters\nthat the user has typed into the input box.\n\nSome of the options to the ComboBox are actually arguments to the data\nprovider.\n\nYou can assume that all the form widgets (and thus anything that mixes\nin ComboBoxMixin) will inherit from _FormWidget and thus the \"this\"\nreference will also \"be a\" _FormWidget.","description":null,"examples":null},{"namespace":"dijit","className":"dijit.form._ComboBoxMenu","summary":"these functions are called in showResultList","description":null,"examples":null},{"namespace":"dijit","className":"dijit.form.ComboBox","summary":null,"description":null,"examples":null},{"namespace":"dijit","className":"dijit.form.CurrencyTextBox","summary":null,"description":null,"examples":null},{"namespace":"dijit","className":"dijit.form.DateTextBox","summary":"A validating, serializable, range-bound date text box.","description":null,"examples":null},{"namespace":"dijit","className":"dijit.form.FilteringSelect","summary":null,"description":null,"examples":null},{"namespace":"dijit","className":"dijit.form._FormMixin","summary":null,"description":null,"examples":null},{"namespace":"dijit","className":"dijit.form.Form","summary":null,"description":null,"examples":null},{"namespace":"dijit","className":"dijit.form.InlineEditBox","summary":null,"description":null,"examples":null},{"namespace":"dijit","className":"dijit.form.NumberSpinner","summary":"Number Spinner","description":"This widget is the same as NumberTextBox but with up\/down arrows added","examples":null},{"namespace":"dijit","className":"dijit.form.NumberTextBoxMixin","summary":"A mixin for all number textboxes","description":null,"examples":null},{"namespace":"dijit","className":"dijit.form.NumberTextBox","summary":"A validating, serializable, range-bound text box.\nconstraints object: min, max, places","description":null,"examples":null},{"namespace":"dijit","className":"dijit.form.HorizontalSlider","summary":"A form widget that allows one to select a value with a horizontally draggable image","description":null,"examples":null},{"namespace":"dijit","className":"dijit.form.VerticalSlider","summary":"A form widget that allows one to select a value with a vertically draggable image","description":null,"examples":null},{"namespace":"dijit","className":"dijit.form._SliderMover","summary":null,"description":null,"examples":null},{"namespace":"dijit","className":"dijit.form.HorizontalRule","summary":null,"description":null,"examples":null},{"namespace":"dijit","className":"dijit.form.VerticalRule","summary":null,"description":null,"examples":null},{"namespace":"dijit","className":"dijit.form.HorizontalRuleLabels","summary":null,"description":null,"examples":null},{"namespace":"dijit","className":"dijit.form.VerticalRuleLabels","summary":null,"description":null,"examples":null},{"namespace":"dijit","className":"dijit.form.TextBox","summary":"A generic textbox field.\nServes as a base class to derive more specialized functionality in subclasses.","description":null,"examples":null},{"namespace":"dijit","className":"dijit.form.Textarea","summary":"event handlers, you can over-ride these in your own subclasses","description":null,"examples":null},{"namespace":"dijit","className":"dijit.form.TimeTextBox","summary":"NaN\nNaN","description":null,"examples":null},{"namespace":"dijit","className":"dijit.form.ValidationTextBox","summary":"default values for new subclass properties","description":null,"examples":null},{"namespace":"dijit","className":"dijit.form.MappedTextBox","summary":"A subclass of ValidationTextBox.\nProvides a hidden input field and a serialize method to override","description":null,"examples":null},{"namespace":"dijit","className":"dijit.form.RangeBoundTextBox","summary":"A subclass of MappedTextBox.\nTests for a value out-of-range","description":null,"examples":null},{"namespace":"dijit","className":"dijit.form._FormWidget","summary":null,"description":null,"examples":null},{"namespace":"dijit","className":"dijit.form._Spinner","summary":"Mixin for validation widgets with a spinner","description":"This class basically (conceptually) extends dijit.form.ValidationTextBox.\nIt modifies the template to have up\/down arrows, and provides related handling code.","examples":null},{"namespace":"dijit","className":"dijit.layout.AccordionContainer","summary":"Holds a set of panes where every pane's title is visible, but only one pane's content is visible at a time,\nand switching between panes is visualized by sliding the other panes up\/down.\nusage:\n<div dojoType=\"dijit.layout.AccordionContainer\">\n<div dojoType=\"dijit.layout.AccordionPane\" title=\"pane 1\">\n<div dojoType=\"dijit.layout.ContentPane\">...<\/div>\n<\/div>\n<div dojoType=\"dijit.layout.AccordionPane\" title=\"pane 2\">\n<p>This is some text<\/p>\n...\n<\/div>","description":null,"examples":null},{"namespace":"dijit","className":"dijit.layout.AccordionPane","summary":"AccordionPane is a ContentPane with a title that may contain another widget.\nNested layout widgets, such as SplitContainer, are not supported at this time.","description":null,"examples":null},{"namespace":"dijit","className":"dijit.layout.ContentPane","summary":"A widget that acts as a Container for other widgets, and includes a ajax interface","description":"A widget that can be used as a standalone widget\nor as a baseclass for other widgets\nHandles replacement of document fragment using either external uri or javascript\ngenerated markup or DOM content, instantiating widgets within that content.\nDon't confuse it with an iframe, it only needs\/wants document fragments.\nIt's useful as a child of LayoutContainer, SplitContainer, or TabContainer.\nBut note that those classes can contain any widget as a child.\nexample:\nSome quick samples:\nTo change the innerHTML use .setContent('<b>new content<\/b>')\n\nOr you can send it a NodeList, .setContent(dojo.query('div [class=selected]', userSelection))\nplease note that the nodes in NodeList will copied, not moved\n\nTo do a ajax update use .setHref('url')","examples":null},{"namespace":"dijit","className":"dijit.layout.LayoutContainer","summary":"Provides Delphi-style panel layout semantics.\n\ndetails\nA LayoutContainer is a box with a specified size (like style=\"width: 500px; height: 500px;\"),\nthat contains children widgets marked with \"layoutAlign\" of \"left\", \"right\", \"bottom\", \"top\", and \"client\".\nIt takes it's children marked as left\/top\/bottom\/right, and lays them out along the edges of the box,\nand then it takes the child marked \"client\" and puts it into the remaining space in the middle.\n\nLeft\/right positioning is similar to CSS's \"float: left\" and \"float: right\",\nand top\/bottom positioning would be similar to \"float: top\" and \"float: bottom\", if there were such\nCSS.\n\nNote that there can only be one client element, but there can be multiple left, right, top,\nor bottom elements.\n\nusage\n<style>\nhtml, body{ height: 100%; width: 100%; }\n<\/style>\n<div dojoType=\"dijit.layout.LayoutContainer\" style=\"width: 100%; height: 100%\">\n<div dojoType=\"dijit.layout.ContentPane\" layoutAlign=\"top\">header text<\/div>\n<div dojoType=\"dijit.layout.ContentPane\" layoutAlign=\"left\" style=\"width: 200px;\">table of contents<\/div>\n<div dojoType=\"dijit.layout.ContentPane\" layoutAlign=\"client\">client area<\/div>\n<\/div>\n\nLays out each child in the natural order the children occur in.\nBasically each child is laid out into the \"remaining space\", where \"remaining space\" is initially\nthe content area of this widget, but is reduced to a smaller rectangle each time a child is added.","description":null,"examples":null},{"namespace":"dijit","className":"dijit.layout.LinkPane","summary":"A ContentPane that loads data remotely","description":"LinkPane is just a ContentPane that loads data remotely (via the href attribute),\nand has markup similar to an anchor.  The anchor's body (the words between <a> and <\/a>)\nbecome the title of the widget (used for TabContainer, AccordionContainer, etc.)\nexample:\n<a href=\"foo.html\">my title<\/a>\n\nI'm using a template because the user may specify the input as\n<a href=\"foo.html\">title<\/a>, in which case we need to get rid of the\n<a> because we don't want a link.","examples":null},{"namespace":"dijit","className":"dijit.layout.SplitContainer","summary":"A Container widget with sizing handles in-between each child","description":"Contains multiple children widgets, all of which are displayed side by side\n(either horizontally or vertically); there's a bar between each of the children,\nand you can adjust the relative size of each child by dragging the bars.\n\nYou must specify a size (width and height) for the SplitContainer.","examples":null},{"namespace":"dijit","className":"dijit.layout.StackContainer","summary":null,"description":null,"examples":null},{"namespace":"dijit","className":"dijit.layout.StackController","summary":"Set of buttons to select a page in a page list.\nMonitors the specified StackContainer, and whenever a page is\nadded, deleted, or selected, updates itself accordingly.","description":null,"examples":null},{"namespace":"dijit","className":"dijit.layout._StackButton","summary":"StackContainer buttons are not in the tab order by default","description":null,"examples":null},{"namespace":"dijit","className":"dijit.layout.TabContainer","summary":"A Container with Title Tabs, each one pointing at a pane in the container.","description":"A TabContainer is a container that has multiple panes, but shows only\none pane at a time.  There are a set of tabs corresponding to each pane,\nwhere each tab has the title (aka title) of the pane, and optionally a close button.\n\nPublishes topics <widgetId>-addChild, <widgetId>-removeChild, and <widgetId>-selectChild\n(where <widgetId> is the id of the TabContainer itself.","examples":null},{"namespace":"dijit","className":"dijit.layout.TabController","summary":"Set of tabs (the things with titles and a close button, that you click to show a tab panel).","description":"Lets the user select the currently shown pane in a TabContainer or StackContainer.\nTabController also monitors the TabContainer, and whenever a pane is\nadded or deleted updates itself accordingly.","examples":null},{"namespace":"dijit","className":"dijit.layout._TabButton","summary":"A tab (the thing you click to select a pane).","description":"Contains the title of the pane, and optionally a close-button to destroy the pane.\nThis is an internal widget and should not be instantiated directly.","examples":null},{"namespace":"dijit","className":"dijit.layout._LayoutWidget","summary":"Mixin for widgets that contain a list of children like SplitContainer.\nWidgets which mixin this code must define layout() to lay out the children","description":null,"examples":null}],"identifier":"className","label":"className"}
\ No newline at end of file
diff --git a/includes/js/dijit/tests/_data/states.json b/includes/js/dijit/tests/_data/states.json
new file mode 100644
index 0000000..d870dfa
--- /dev/null
+++ b/includes/js/dijit/tests/_data/states.json
@@ -0,0 +1,64 @@
+{identifier:"abbreviation",

+items: [

+	{name:"Alabama", label:"<img width='97px' height='127px' src='images/Alabama.jpg'/>Alabama",abbreviation:"AL"},

+	{name:"Alaska", label:"Alaska",abbreviation:"AK"},

+	{name:"American Samoa", label:"American Samoa",abbreviation:"AS"},

+	{name:"Arizona", label:"Arizona",abbreviation:"AZ"},

+	{name:"Arkansas", label:"Arkansas",abbreviation:"AR"},

+	{name:"Armed Forces Europe", label:"Armed Forces Europe",abbreviation:"AE"},

+	{name:"Armed Forces Pacific", label:"Armed Forces Pacific",abbreviation:"AP"},

+	{name:"Armed Forces the Americas", label:"Armed Forces the Americas",abbreviation:"AA"},

+	{name:"California", label:"California",abbreviation:"CA"},

+	{name:"Colorado", label:"Colorado",abbreviation:"CO"},

+	{name:"Connecticut", label:"Connecticut",abbreviation:"CT"},

+	{name:"Delaware", label:"Delaware",abbreviation:"DE"},

+	{name:"District of Columbia", label:"District of Columbia",abbreviation:"DC"},

+	{name:"Federated States of Micronesia", label:"Federated States of Micronesia",abbreviation:"FM"},

+	{name:"Florida", label:"Florida",abbreviation:"FL"},

+	{name:"Georgia", label:"Georgia",abbreviation:"GA"},

+	{name:"Guam", label:"Guam",abbreviation:"GU"},

+	{name:"Hawaii", label:"Hawaii",abbreviation:"HI"},

+	{name:"Idaho", label:"Idaho",abbreviation:"ID"},

+	{name:"Illinois", label:"Illinois",abbreviation:"IL"},

+	{name:"Indiana", label:"Indiana",abbreviation:"IN"},

+	{name:"Iowa", label:"Iowa",abbreviation:"IA"},

+	{name:"Kansas", label:"Kansas",abbreviation:"KS"},

+	{name:"Kentucky", label:"Kentucky",abbreviation:"KY"},

+	{name:"Louisiana", label:"Louisiana",abbreviation:"LA"},

+	{name:"Maine", label:"Maine",abbreviation:"ME"},

+	{name:"Marshall Islands", label:"Marshall Islands",abbreviation:"MH"},

+	{name:"Maryland", label:"Maryland",abbreviation:"MD"},

+	{name:"Massachusetts", label:"Massachusetts",abbreviation:"MA"},

+	{name:"Michigan", label:"Michigan",abbreviation:"MI"},

+	{name:"Minnesota", label:"Minnesota",abbreviation:"MN"},

+	{name:"Mississippi", label:"Mississippi",abbreviation:"MS"},

+	{name:"Missouri", label:"Missouri",abbreviation:"MO"},

+	{name:"Montana", label:"Montana",abbreviation:"MT"},

+	{name:"Nebraska", label:"Nebraska",abbreviation:"NE"},

+	{name:"Nevada", label:"Nevada",abbreviation:"NV"},

+	{name:"New Hampshire", label:"New Hampshire",abbreviation:"NH"},

+	{name:"New Jersey", label:"New Jersey",abbreviation:"NJ"},

+	{name:"New Mexico", label:"New Mexico",abbreviation:"NM"},

+	{name:"New York", label:"New York",abbreviation:"NY"},

+	{name:"North Carolina", label:"North Carolina",abbreviation:"NC"},

+	{name:"North Dakota", label:"North Dakota",abbreviation:"ND"},

+	{name:"Northern Mariana Islands", label:"Northern Mariana Islands",abbreviation:"MP"},

+	{name:"Ohio", label:"Ohio",abbreviation:"OH"},

+	{name:"Oklahoma", label:"Oklahoma",abbreviation:"OK"},

+	{name:"Oregon", label:"Oregon",abbreviation:"OR"},

+	{name:"Pennsylvania", label:"Pennsylvania",abbreviation:"PA"},

+	{name:"Puerto Rico", label:"Puerto Rico",abbreviation:"PR"},

+	{name:"Rhode Island", label:"Rhode Island",abbreviation:"RI"},

+	{name:"South Carolina", label:"South Carolina",abbreviation:"SC"},

+	{name:"South Dakota", label:"South Dakota",abbreviation:"SD"},

+	{name:"Tennessee", label:"Tennessee",abbreviation:"TN"},

+	{name:"Texas", label:"Texas",abbreviation:"TX"},

+	{name:"Utah", label:"Utah",abbreviation:"UT"},

+	{name:"Vermont", label:"Vermont",abbreviation:"VT"},

+	{name: "Virgin Islands, U.S.",label:"Virgin Islands, U.S.",abbreviation:"VI"},

+	{name:"Virginia", label:"Virginia",abbreviation:"VA"},

+	{name:"Washington", label:"Washington",abbreviation:"WA"},

+	{name:"West Virginia", label:"West Virginia",abbreviation:"WV"},

+	{name:"Wisconsin", label:"Wisconsin",abbreviation:"WI"},

+	{name:"Wyoming", label:"Wyoming",abbreviation:"WY"}

+]}
\ No newline at end of file
diff --git a/includes/js/dijit/tests/_data/treeTest.json b/includes/js/dijit/tests/_data/treeTest.json
new file mode 100644
index 0000000..c90a110
--- /dev/null
+++ b/includes/js/dijit/tests/_data/treeTest.json
@@ -0,0 +1,22 @@
+{ 
+	identifier: 'id',
+	label: 'name',
+	items: [
+		{ id: 'root', name:'root', someProperty:'root property', children: [
+			{_reference:'node1'},
+			{_reference:'node2'},
+			{_reference:'node3'},
+			{_reference:'node4'},
+			{_reference:'node5'}
+		]},
+			{ id: 'node1', name:'node1', someProperty:'somePropertyA', children: [
+				{_reference:'node1.1'}, {_reference:'node1.2'}
+			]},
+				{ id: 'node1.1',name:'node1.1', someProperty:'somePropertyA1'},
+				{ id: 'node1.2',name:'node1.2', someProperty:'somePropertyA2'},
+			{ id: 'node2', name:'node2', someProperty:'somePropertyB'},
+			{ id: 'node3', name:'node3', someProperty:'somePropertyC'},
+			{ id: 'node4', name:'node4', someProperty:'somePropertyA'},
+			{ id: 'node5', name:'node5', someProperty:'somePropertyB'}
+	]
+}