Support tree view in the left side. 42/128742/1
authorYoung-Ae Kang <youngae.kang@samsung.com>
Thu, 11 May 2017 07:17:11 +0000 (16:17 +0900)
committerYoung-Ae Kang <youngae.kang@samsung.com>
Thu, 11 May 2017 07:37:02 +0000 (16:37 +0900)
Change-Id: I8fcab3f49523a47d5196abc4dfc8d39da691b23e

33 files changed:
guides.htm [new file with mode: 0644]
index.htm [new file with mode: 0644]
org.tizen.guides/html/index.htm
org.tizen.studio/html/index.htm
org.tizen.training/html/index.htm
studio.htm [new file with mode: 0644]
top.htm [new file with mode: 0644]
training.htm [new file with mode: 0644]
tree/bower.json [new file with mode: 0644]
tree/changelog.md [new file with mode: 0644]
tree/images/ajax-loader.gif [new file with mode: 0644]
tree/images/file.gif [new file with mode: 0644]
tree/images/folder-closed.gif [new file with mode: 0644]
tree/images/folder.gif [new file with mode: 0644]
tree/images/minus.gif [new file with mode: 0644]
tree/images/plus.gif [new file with mode: 0644]
tree/images/treeview-black-line.gif [new file with mode: 0644]
tree/images/treeview-black.gif [new file with mode: 0644]
tree/images/treeview-default-line.gif [new file with mode: 0644]
tree/images/treeview-default.gif [new file with mode: 0644]
tree/images/treeview-famfamfam-line.gif [new file with mode: 0644]
tree/images/treeview-famfamfam.gif [new file with mode: 0644]
tree/images/treeview-gray-line.gif [new file with mode: 0644]
tree/images/treeview-gray.gif [new file with mode: 0644]
tree/images/treeview-red-line.gif [new file with mode: 0644]
tree/images/treeview-red.gif [new file with mode: 0644]
tree/jquery.treeview.async.js [new file with mode: 0644]
tree/jquery.treeview.css [new file with mode: 0644]
tree/jquery.treeview.edit.js [new file with mode: 0644]
tree/jquery.treeview.js [new file with mode: 0644]
tree/jquery.treeview.sortable.js [new file with mode: 0644]
tree/readme.md [new file with mode: 0644]
tree/tizen.js [new file with mode: 0644]

diff --git a/guides.htm b/guides.htm
new file mode 100644 (file)
index 0000000..360bba6
--- /dev/null
@@ -0,0 +1,11 @@
+<html>
+<head>
+<title>Tizen Source</title>
+</head>
+
+<frameset cols="15%,*">
+<frame src="org.tizen.training/html/index.htm" name="menu">
+<frame src="org.tizen.training/html/cover_page.htm" name="content">
+</frameset>
+</HTML>
+
diff --git a/index.htm b/index.htm
new file mode 100644 (file)
index 0000000..0c8a8d9
--- /dev/null
+++ b/index.htm
@@ -0,0 +1,14 @@
+<html>
+<head>
+<title>Tizen Developer</title>
+</head>
+
+<frameset rows="45,*" border="1">
+  <frame src="top.htm" name="top" scrolling="auto" marginwidth="20" marginheight="0">
+  <frame src="training.htm" name="body" scrolling="auto" marginwidth="3" marginheight="0">
+  <noframes>
+  <H1>Please Install Markdown plugin in your browser!!!<H1>
+  </noframes>
+</frameset>
+</HTML>
+
index 01cf0a0..e717e1c 100644 (file)
     <script type="text/javascript" src="scripts/core.js" charset="utf-8"></script>
     <script type="text/javascript" src="scripts/search.js" charset="utf-8"></script>
 
-    <title>Guides</title>
+       <!-- tree view -->
+       <link rel="stylesheet" href="../../tree/jquery.treeview.css" />
+       <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
+       <script type="text/javascript" src="../../tree/jquery.treeview.js"></script>
+       <script src="../../tree/tizen.js"></script>
+       </script>
+       <!-- tree view -->
+
+       <title>Training</title>
 </head>
 
 <body class="no-toc" onload="prettyPrint()" style="overflow: auto;">
 
 <div id="container"><div id="contents"><div class="content">
 
-<h1><a href="cover_page.htm">Guides</a></h1>
+<h1><a href="cover_page.htm" target="content">Guides</a></h1>
+
+<div id="sidetree">
+
+<div class="treeheader">
+<h2><a href="native/guides_n.htm" target="content">Native Application</a></h2>
+</div>
+
+<div id="sidetreecontrol">
+       <a target="content" href="?#">Collapse All</a> | <a target="content" href="?#">Expand All</a>
+</div>
 
-<h2><a href="native/guides_n.htm">Native Application</a></h2>
-       <ul>
-               <li><a href="native/app_management/app_management_cover_n.htm">Application Management</a>
+       <ul id="navigation">
+               <li><a href="native/app_management/app_management_cover_n.htm" target="content">Application Management</a>
                        <ul>
-                               <li><a href="native/app_management/applications_n.htm">Applications</a>
+                               <li><a href="native/app_management/applications_n.htm" target="content">Applications</a>
                                        <ul>
-                                               <li><a href="native/app_management/ui_app_n.htm">UI Applications</a>
+                                               <li><a href="native/app_management/ui_app_n.htm" target="content">UI Applications</a>
                                                        <ul>
-                                                               <li><a href="native/app_management/efl_app_n.htm">EFL Applications</a>
+                                                               <li><a href="native/app_management/efl_app_n.htm" target="content">EFL Applications</a>
                                                                        <ul>
-                                                                               <li><a href="native/app_management/efl_ui_app_n.htm">Basic UI Application</a></li>
-                                                                               <li><a href="native/app_management/watch_app_n.htm">Watch Application</a></li>
-                                                                               <li><a href="native/app_management/widget_app_n.htm">Widget Application</a></li>
+                                                                               <li><a href="native/app_management/efl_ui_app_n.htm" target="content">Basic UI Application</a></li>
+                                                                               <li><a href="native/app_management/watch_app_n.htm" target="content">Watch Application</a></li>
+                                                                               <li><a href="native/app_management/widget_app_n.htm" target="content">Widget Application</a></li>
                                                                        </ul>
                                                                </li>
-                                                               <li><a href="native/app_management/dali_app_n.htm">DALi Applications</a>
+                                                               <li><a href="native/app_management/dali_app_n.htm" target="content">DALi Applications</a>
                                                                        <ul>
-                                                                                <li><a href="native/app_management/dali_basic_app_n.htm">Basic UI Application</a></li>
-                                                                                <li><a href="native/app_management/dali_watch_app_n.htm">Watch Application</a></li>
+                                                                                <li><a href="native/app_management/dali_basic_app_n.htm" target="content">Basic UI Application</a></li>
+                                                                                <li><a href="native/app_management/dali_watch_app_n.htm" target="content">Watch Application</a></li>
                                                                        </ul>
                                                                </li>
                                                        </ul>
                                                </li>
-                                               <li><a href="native/app_management/service_app_n.htm">Service Applications</a></li>
+                                               <li><a href="native/app_management/service_app_n.htm" target="content">Service Applications</a></li>
                                        </ul>
                                </li>
-                               <li><a href="native/app_management/app_resources_n.htm">Application Resources</a></li>
-                               <li><a href="native/app_management/app_preferences_n.htm">Application Preferences</a></li>
-                               <li><a href="native/app_management/app_icons_n.htm">Application Icons</a></li>
-                               <li><a href="native/app_management/app_controls_n.htm">Application Controls</a>
+                               <li><a href="native/app_management/app_resources_n.htm" target="content">Application Resources</a></li>
+                               <li><a href="native/app_management/app_preferences_n.htm" target="content">Application Preferences</a></li>
+                               <li><a href="native/app_management/app_icons_n.htm" target="content">Application Icons</a></li>
+                               <li><a href="native/app_management/app_controls_n.htm" target="content">Application Controls</a>
                                        <ul>
-                                               <li><a href="native/app_management/common_appcontrol_n.htm">Common Application Controls</a></li>
+                                               <li><a href="native/app_management/common_appcontrol_n.htm" target="content">Common Application Controls</a></li>
                                        </ul>
                                </li>
-                               <li><a href="native/app_management/app_communication_n.htm">Application Data Exchange</a>
+                               <li><a href="native/app_management/app_communication_n.htm" target="content">Application Data Exchange</a>
                                        <ul>
-                                               <li><a href="native/app_management/message_port_n.htm">Message Port</a></li>
-                                               <li><a href="native/app_management/data_control_n.htm">Data Control</a></li>
-                                               <li><a href="native/app_management/data_bundles_n.htm">Data Bundle</a></li>
+                                               <li><a href="native/app_management/message_port_n.htm" target="content">Message Port</a></li>
+                                               <li><a href="native/app_management/data_control_n.htm" target="content">Data Control</a></li>
+                                               <li><a href="native/app_management/data_bundles_n.htm" target="content">Data Bundle</a></li>
                                        </ul>
                                </li>
-                               <li><a href="native/app_management/app_manager_n.htm">Application Manager</a></li>
-                               <li><a href="native/app_management/package_manager_n.htm">Package Manager</a></li>
-                               <li><a href="native/app_management/event_n.htm">Event Broadcast and Subscription</a></li>
+                               <li><a href="native/app_management/app_manager_n.htm" target="content">Application Manager</a></li>
+                               <li><a href="native/app_management/package_manager_n.htm" target="content">Package Manager</a></li>
+                               <li><a href="native/app_management/event_n.htm" target="content">Event Broadcast and Subscription</a></li>
                        </ul>
                </li>
-<li><a href="native/ui/ui_cover_n.htm">User Interface</a>
+<li><a href="native/ui/ui_cover_n.htm" target="content">User Interface</a>
                        <ul>
-                               <li><a href="native/ui/efl/efl_n.htm">EFL</a>
+                               <li><a href="native/ui/efl/efl_n.htm" target="content">EFL</a>
                                        <ul>
-                                               <li><a href="native/ui/efl/introduction_n.htm">Introduction</a></li>
-                                               <li><a href="native/ui/efl/getting_started_n.htm">Getting Started</a></li>
-                                               <li><a href="native/ui/efl/programming_principles_n.htm">Programming Principles</a></li>
-                                               <li><a href="native/ui/efl/ui_layouts_n.htm">Building UI Layouts</a>
+                                               <li><a href="native/ui/efl/introduction_n.htm" target="content">Introduction</a></li>
+                                               <li><a href="native/ui/efl/getting_started_n.htm" target="content">Getting Started</a></li>
+                                               <li><a href="native/ui/efl/programming_principles_n.htm" target="content">Programming Principles</a></li>
+                                               <li><a href="native/ui/efl/ui_layouts_n.htm" target="content">Building UI Layouts</a>
                                                        <ul>
-                                                               <li><a href="native/ui/efl/container_box_n.htm">Box</a></li>
-                                                               <li><a href="native/ui/efl/container_conformant_n.htm">Conformant</a></li>
-                                                               <li><a href="native/ui/efl/container_grid_n.htm">Grid</a></li>
-                                                               <li><a href="native/ui/efl/container_layout_n.htm">Layout</a></li>
-                                                               <li><a href="native/ui/efl/container_mapbuf_n.htm">Mapbuf</a></li>
-                                                               <li><a href="native/ui/efl/container_naviframe_n.htm">Naviframe</a></li>
-                                                               <li><a href="native/ui/efl/container_panes_mn.htm">Panes</a></li>
-                                                               <li><a href="native/ui/efl/container_scroller_n.htm">Scroller</a></li>
-                                                               <li><a href="native/ui/efl/container_table_n.htm">Table</a></li>
+                                                               <li><a href="native/ui/efl/container_box_n.htm" target="content">Box</a></li>
+                                                               <li><a href="native/ui/efl/container_conformant_n.htm" target="content">Conformant</a></li>
+                                                               <li><a href="native/ui/efl/container_grid_n.htm" target="content">Grid</a></li>
+                                                               <li><a href="native/ui/efl/container_layout_n.htm" target="content">Layout</a></li>
+                                                               <li><a href="native/ui/efl/container_mapbuf_n.htm" target="content">Mapbuf</a></li>
+                                                               <li><a href="native/ui/efl/container_naviframe_n.htm" target="content">Naviframe</a></li>
+                                                               <li><a href="native/ui/efl/container_panes_mn.htm" target="content">Panes</a></li>
+                                                               <li><a href="native/ui/efl/container_scroller_n.htm" target="content">Scroller</a></li>
+                                                               <li><a href="native/ui/efl/container_table_n.htm" target="content">Table</a></li>
                                                        </ul>
                                                </li>
-                                               <li><a href="native/ui/efl/ui_components_n.htm">UI Components</a>
+                                               <li><a href="native/ui/efl/ui_components_n.htm" target="content">UI Components</a>
                                                        <ul>
-                                                               <li><a href="native/ui/efl/ui_components_mn.htm">Mobile UI Components</a>
+                                                               <li><a href="native/ui/efl/ui_components_mn.htm" target="content">Mobile UI Components</a>
                                                                <ul>
-                                                                       <li><a href="native/ui/efl/component_background_mn.htm">Background</a></li>
-                                                                       <li><a href="native/ui/efl/component_button_mn.htm">Button</a></li>
-                                                                       <li><a href="native/ui/efl/component_calendar_mn.htm">Calendar</a></li>
-                                                                       <li><a href="native/ui/efl/component_check_mn.htm">Check</a></li>
-                                                                       <li><a href="native/ui/efl/component_colorselector_mn.htm">Colorselector</a></li>
-                                                                       <li><a href="native/ui/efl/component_ctxpopup_mn.htm">Ctxpopup</a></li>
-                                                                       <li><a href="native/ui/efl/component_datetime_mn.htm">Datetime</a></li>
-                                                                       <li><a href="native/ui/efl/component_entry_mn.htm">Entry</a></li>
-                                                                       <li><a href="native/ui/efl/component_flip_mn.htm">Flip</a></li>
-                                                                       <li><a href="native/ui/efl/component_flipselector_mn.htm">Flipselector</a></li>
-                                                                       <li><a href="native/ui/efl/component_gengrid_mn.htm">Gengrid</a></li>
-                                                                       <li><a href="native/ui/efl/component_genlist_mn.htm">Genlist</a></li>
-                                                                       <li><a href="native/ui/efl/component_glview_mn.htm">GLView</a></li>
-                                                                       <li><a href="native/ui/efl/component_hoversel_mn.htm">Hoversel</a></li>
-                                                                       <li><a href="native/ui/efl/component_icon_mn.htm">Icon</a></li>
-                                                                       <li><a href="native/ui/efl/component_image_mn.htm">Image</a></li>
-                                                                       <li><a href="native/ui/efl/component_index_mn.htm">Index</a></li>
-                                                                       <li><a href="native/ui/efl/component_label_mn.htm">Label</a></li>
-                                                                       <li><a href="native/ui/efl/component_list_mn.htm">List</a></li>
-                                                                       <li><a href="native/ui/efl/component_map_mn.htm">Map</a></li>
-                                                                       <li><a href="native/ui/efl/component_multibuttonentry_mn.htm">Multibuttonentry</a></li>
-                                                                       <li><a href="native/ui/efl/component_notify_mn.htm">Notify</a></li>
-                                                                       <li><a href="native/ui/efl/component_panel_mn.htm">Panel</a></li>
-                                                                       <li><a href="native/ui/efl/component_photocam_mn.htm">Photocam</a></li>
-                                                                       <li><a href="native/ui/efl/component_plug_mn.htm">Plug</a></li>
-                                                                       <li><a href="native/ui/efl/component_popup_mn.htm">Popup</a></li>
-                                                                       <li><a href="native/ui/efl/component_progressbar_mn.htm">Progressbar</a></li>
-                                                                       <li><a href="native/ui/efl/component_radio_mn.htm">Radio</a></li>
-                                                                       <li><a href="native/ui/efl/component_segmentcontrol_mn.htm">Segmentcontrol</a></li>
-                                                                       <li><a href="native/ui/efl/component_slider_mn.htm">Slider</a></li>
-                                                                       <li><a href="native/ui/efl/component_spinner_mn.htm">Spinner</a></li>
-                                                                       <li><a href="native/ui/efl/component_toolbar_mn.htm">Toolbar</a></li>
-                                                                       <li><a href="native/ui/efl/component_tooltip_mn.htm">Tooltip</a></li>
-                                                                       <li><a href="native/ui/efl/component_win_mn.htm">Win</a></li>
+                                                                       <li><a href="native/ui/efl/component_background_mn.htm" target="content">Background</a></li>
+                                                                       <li><a href="native/ui/efl/component_button_mn.htm" target="content">Button</a></li>
+                                                                       <li><a href="native/ui/efl/component_calendar_mn.htm" target="content">Calendar</a></li>
+                                                                       <li><a href="native/ui/efl/component_check_mn.htm" target="content">Check</a></li>
+                                                                       <li><a href="native/ui/efl/component_colorselector_mn.htm" target="content">Colorselector</a></li>
+                                                                       <li><a href="native/ui/efl/component_ctxpopup_mn.htm" target="content">Ctxpopup</a></li>
+                                                                       <li><a href="native/ui/efl/component_datetime_mn.htm" target="content">Datetime</a></li>
+                                                                       <li><a href="native/ui/efl/component_entry_mn.htm" target="content">Entry</a></li>
+                                                                       <li><a href="native/ui/efl/component_flip_mn.htm" target="content">Flip</a></li>
+                                                                       <li><a href="native/ui/efl/component_flipselector_mn.htm" target="content">Flipselector</a></li>
+                                                                       <li><a href="native/ui/efl/component_gengrid_mn.htm" target="content">Gengrid</a></li>
+                                                                       <li><a href="native/ui/efl/component_genlist_mn.htm" target="content">Genlist</a></li>
+                                                                       <li><a href="native/ui/efl/component_glview_mn.htm" target="content">GLView</a></li>
+                                                                       <li><a href="native/ui/efl/component_hoversel_mn.htm" target="content">Hoversel</a></li>
+                                                                       <li><a href="native/ui/efl/component_icon_mn.htm" target="content">Icon</a></li>
+                                                                       <li><a href="native/ui/efl/component_image_mn.htm" target="content">Image</a></li>
+                                                                       <li><a href="native/ui/efl/component_index_mn.htm" target="content">Index</a></li>
+                                                                       <li><a href="native/ui/efl/component_label_mn.htm" target="content">Label</a></li>
+                                                                       <li><a href="native/ui/efl/component_list_mn.htm" target="content">List</a></li>
+                                                                       <li><a href="native/ui/efl/component_map_mn.htm" target="content">Map</a></li>
+                                                                       <li><a href="native/ui/efl/component_multibuttonentry_mn.htm" target="content">Multibuttonentry</a></li>
+                                                                       <li><a href="native/ui/efl/component_notify_mn.htm" target="content">Notify</a></li>
+                                                                       <li><a href="native/ui/efl/component_panel_mn.htm" target="content">Panel</a></li>
+                                                                       <li><a href="native/ui/efl/component_photocam_mn.htm" target="content">Photocam</a></li>
+                                                                       <li><a href="native/ui/efl/component_plug_mn.htm" target="content">Plug</a></li>
+                                                                       <li><a href="native/ui/efl/component_popup_mn.htm" target="content">Popup</a></li>
+                                                                       <li><a href="native/ui/efl/component_progressbar_mn.htm" target="content">Progressbar</a></li>
+                                                                       <li><a href="native/ui/efl/component_radio_mn.htm" target="content">Radio</a></li>
+                                                                       <li><a href="native/ui/efl/component_segmentcontrol_mn.htm" target="content">Segmentcontrol</a></li>
+                                                                       <li><a href="native/ui/efl/component_slider_mn.htm" target="content">Slider</a></li>
+                                                                       <li><a href="native/ui/efl/component_spinner_mn.htm" target="content">Spinner</a></li>
+                                                                       <li><a href="native/ui/efl/component_toolbar_mn.htm" target="content">Toolbar</a></li>
+                                                                       <li><a href="native/ui/efl/component_tooltip_mn.htm" target="content">Tooltip</a></li>
+                                                                       <li><a href="native/ui/efl/component_win_mn.htm" target="content">Win</a></li>
                                                                </ul>
                                                                </li>
-                                                               <li><a href="native/ui/efl/ui_components_wn.htm">Wearable UI Components</a>
+                                                               <li><a href="native/ui/efl/ui_components_wn.htm" target="content">Wearable UI Components</a>
                                                                <ul>
-                                                                       <li><a href="native/ui/efl/component_background_wn.htm">Background</a></li>
-                                                                       <li><a href="native/ui/efl/component_button_wn.htm">Button</a></li>
-                                                                       <li><a href="native/ui/efl/component_check_wn.htm">Check</a></li>
-                                                                       <li><a href="native/ui/efl/component_ctxpopup_wn.htm">Ctxpopup</a></li>
-                                                                       <li><a href="native/ui/efl/component_datetime_wn.htm">Datetime</a></li>
-                                                                       <li><a href="native/ui/efl/component_entry_wn.htm">Entry</a></li>
-                                                                       <li><a href="native/ui/efl/component_genlist_wn.htm">Genlist</a></li>
-                                                                       <li><a href="native/ui/efl/component_glview_wn.htm">GLView</a></li>
-                                                                       <li><a href="native/ui/efl/component_icon_wn.htm">Icon</a></li>
-                                                                       <li><a href="native/ui/efl/component_image_wn.htm">Image</a></li>
-                                                                       <li><a href="native/ui/efl/component_index_wn.htm">Index</a></li>
-                                                                       <li><a href="native/ui/efl/component_label_wn.htm">Label</a></li>
-                                                                       <li><a href="native/ui/efl/component_list_wn.htm">List</a></li>
-                                                                       <li><a href="native/ui/efl/component_plug_wn.htm">Plug</a></li>
-                                                                       <li><a href="native/ui/efl/component_popup_wn.htm">Popup</a></li>
-                                                                       <li><a href="native/ui/efl/component_progressbar_wn.htm">Progressbar</a></li>
-                                                                       <li><a href="native/ui/efl/component_radio_wn.htm">Radio</a></li>
-                                                                       <li><a href="native/ui/efl/component_slider_wn.htm">Slider</a></li>
-                                                                       <li><a href="native/ui/efl/component_win_wn.htm">Win</a></li>
-                                                                       <li><a href="native/ui/efl/component_circ_datetime_wn.htm">Circle Datetime</a></li>
-                                                                       <li><a href="native/ui/efl/component_circ_genlist_wn.htm">Circle Genlist</a></li>
-                                                                       <li><a href="native/ui/efl/component_circ_object_wn.htm">Circle Object</a></li>
-                                                                       <li><a href="native/ui/efl/component_circ_progressbar_wn.htm">Circle Progressbar</a></li>
-                                                                       <li><a href="native/ui/efl/component_circ_scroller_wn.htm">Circle Scroller</a></li>
-                                                                       <li><a href="native/ui/efl/component_circ_slider_wn.htm">Circle Slider</a></li>
-                                                                       <li><a href="native/ui/efl/component_circ_spinner_wn.htm">Circle Spinner</a></li>
-                                                                       <li><a href="native/ui/efl/component_circ_surface_wn.htm">Circle Surface</a></li>
-                                                                       <li><a href="native/ui/efl/component_circ_rotary_wn.htm">Rotary Selector</a></li>
-                                                                       <li><a href="native/ui/efl/component_circ_option_wn.htm">More Option</a></li>
+                                                                       <li><a href="native/ui/efl/component_background_wn.htm" target="content">Background</a></li>
+                                                                       <li><a href="native/ui/efl/component_button_wn.htm" target="content">Button</a></li>
+                                                                       <li><a href="native/ui/efl/component_check_wn.htm" target="content">Check</a></li>
+                                                                       <li><a href="native/ui/efl/component_ctxpopup_wn.htm" target="content">Ctxpopup</a></li>
+                                                                       <li><a href="native/ui/efl/component_datetime_wn.htm" target="content">Datetime</a></li>
+                                                                       <li><a href="native/ui/efl/component_entry_wn.htm" target="content">Entry</a></li>
+                                                                       <li><a href="native/ui/efl/component_genlist_wn.htm" target="content">Genlist</a></li>
+                                                                       <li><a href="native/ui/efl/component_glview_wn.htm" target="content">GLView</a></li>
+                                                                       <li><a href="native/ui/efl/component_icon_wn.htm" target="content">Icon</a></li>
+                                                                       <li><a href="native/ui/efl/component_image_wn.htm" target="content">Image</a></li>
+                                                                       <li><a href="native/ui/efl/component_index_wn.htm" target="content">Index</a></li>
+                                                                       <li><a href="native/ui/efl/component_label_wn.htm" target="content">Label</a></li>
+                                                                       <li><a href="native/ui/efl/component_list_wn.htm" target="content">List</a></li>
+                                                                       <li><a href="native/ui/efl/component_plug_wn.htm" target="content">Plug</a></li>
+                                                                       <li><a href="native/ui/efl/component_popup_wn.htm" target="content">Popup</a></li>
+                                                                       <li><a href="native/ui/efl/component_progressbar_wn.htm" target="content">Progressbar</a></li>
+                                                                       <li><a href="native/ui/efl/component_radio_wn.htm" target="content">Radio</a></li>
+                                                                       <li><a href="native/ui/efl/component_slider_wn.htm" target="content">Slider</a></li>
+                                                                       <li><a href="native/ui/efl/component_win_wn.htm" target="content">Win</a></li>
+                                                                       <li><a href="native/ui/efl/component_circ_datetime_wn.htm" target="content">Circle Datetime</a></li>
+                                                                       <li><a href="native/ui/efl/component_circ_genlist_wn.htm" target="content">Circle Genlist</a></li>
+                                                                       <li><a href="native/ui/efl/component_circ_object_wn.htm" target="content">Circle Object</a></li>
+                                                                       <li><a href="native/ui/efl/component_circ_progressbar_wn.htm" target="content">Circle Progressbar</a></li>
+                                                                       <li><a href="native/ui/efl/component_circ_scroller_wn.htm" target="content">Circle Scroller</a></li>
+                                                                       <li><a href="native/ui/efl/component_circ_slider_wn.htm" target="content">Circle Slider</a></li>
+                                                                       <li><a href="native/ui/efl/component_circ_spinner_wn.htm" target="content">Circle Spinner</a></li>
+                                                                       <li><a href="native/ui/efl/component_circ_surface_wn.htm" target="content">Circle Surface</a></li>
+                                                                       <li><a href="native/ui/efl/component_circ_rotary_wn.htm" target="content">Rotary Selector</a></li>
+                                                                       <li><a href="native/ui/efl/component_circ_option_wn.htm" target="content">More Option</a></li>
                                                                </ul>
                                                                </li>
-                                                               <li><a href="native/ui/efl/component_custom_n.htm">Customizing UI Components</a></li>
-                                                               <li><a href="native/ui/efl/component_focus_n.htm">Managing UI Component Focus</a></li>
-                                                               <li><a href="native/ui/efl/configuring_n.htm">Configuring UI Components</a></li>
+                                                               <li><a href="native/ui/efl/component_custom_n.htm" target="content">Customizing UI Components</a></li>
+                                                               <li><a href="native/ui/efl/component_focus_n.htm" target="content">Managing UI Component Focus</a></li>
+                                                               <li><a href="native/ui/efl/configuring_n.htm" target="content">Configuring UI Components</a></li>
                                                        </ul>
                                                </li>
-                                               <li><a href="native/ui/efl/ui_scalability_n.htm">Scaling</a>
+                                               <li><a href="native/ui/efl/ui_scalability_n.htm" target="content">Scaling</a>
                                                        <ul>
-                                                               <li><a href="native/ui/efl/multiple_screens_n.htm">Multiple Screen Support</a></li>
-                                                               <li><a href="native/ui/efl/scalability_n.htm">Scalability Support</a></li>
-                                                               <li><a href="native/ui/efl/resource_fallback_n.htm">Resource Fallback Support</a></li>
+                                                               <li><a href="native/ui/efl/multiple_screens_n.htm" target="content">Multiple Screen Support</a></li>
+                                                               <li><a href="native/ui/efl/scalability_n.htm" target="content">Scalability Support</a></li>
+                                                               <li><a href="native/ui/efl/resource_fallback_n.htm" target="content">Resource Fallback Support</a></li>
                                                        </ul>
                                                </li>
-                                               <li><a href="native/ui/efl/font_setting_n.htm">Fonts</a></li>
-                                               <li><a href="native/ui/efl/learn_edc_intro_n.htm">Layouting with EDC</a>
+                                               <li><a href="native/ui/efl/font_setting_n.htm" target="content">Fonts</a></li>
+                                               <li><a href="native/ui/efl/learn_edc_intro_n.htm" target="content">Layouting with EDC</a>
                                                        <ul>
-                                                               <li><a href="native/ui/efl/learn_edc_collections_n.htm">Collections Block</a></li>
-                                                               <li><a href="native/ui/efl/learn_edc_group_n.htm">Group Block</a></li>
-                                                               <li><a href="native/ui/efl/learn_edc_part_n.htm">Part Block</a>
+                                                               <li><a href="native/ui/efl/learn_edc_collections_n.htm" target="content">Collections Block</a></li>
+                                                               <li><a href="native/ui/efl/learn_edc_group_n.htm" target="content">Group Block</a></li>
+                                                               <li><a href="native/ui/efl/learn_edc_part_n.htm" target="content">Part Block</a>
                                                                <ul>
-                                                                       <li><a href="native/ui/efl/learn_edc_positioning_parts_n.htm">Positioning Parts</a></li>
+                                                                       <li><a href="native/ui/efl/learn_edc_positioning_parts_n.htm" target="content">Positioning Parts</a></li>
                                                                </ul>
                                                                </li>
-                                                               <li><a href="native/ui/efl/learn_edc_program_n.htm">Program Block</a>
+                                                               <li><a href="native/ui/efl/learn_edc_program_n.htm" target="content">Program Block</a>
                                                                <ul>
-                                                                       <li><a href="native/ui/efl/learn_edc_signal_handling_n.htm">Signal Handling</a></li>
+                                                                       <li><a href="native/ui/efl/learn_edc_signal_handling_n.htm" target="content">Signal Handling</a></li>
                                                                </ul>
                                                                </li>
-                                                               <li><a href="native/ui/efl/learn_edc_images_n.htm">Images Block</a></li>
-                                                               <li><a href="native/ui/efl/learn_edc_fonts_n.htm">Fonts Block</a></li>
-                                                               <li><a href="native/ui/efl/learn_edc_data_n.htm">Data Block</a></li>
-                                                               <li><a href="native/ui/efl/learn_edc_color_classes_n.htm">Color Classes Block</a></li>
-                                                               <li><a href="native/ui/efl/learn_edc_styles_n.htm">Styles Block</a></li>
+                                                               <li><a href="native/ui/efl/learn_edc_images_n.htm" target="content">Images Block</a></li>
+                                                               <li><a href="native/ui/efl/learn_edc_fonts_n.htm" target="content">Fonts Block</a></li>
+                                                               <li><a href="native/ui/efl/learn_edc_data_n.htm" target="content">Data Block</a></li>
+                                                               <li><a href="native/ui/efl/learn_edc_color_classes_n.htm" target="content">Color Classes Block</a></li>
+                                                               <li><a href="native/ui/efl/learn_edc_styles_n.htm" target="content">Styles Block</a></li>
                                                        </ul>
                                                </li>
-                                               <li><a href="native/ui/efl/graphical_objects_n.htm">Primitive Graphical Objects</a>
+                                               <li><a href="native/ui/efl/graphical_objects_n.htm" target="content">Primitive Graphical Objects</a>
                                                        <ul>
-                                                               <li><a href="native/ui/efl/evas_objects_n.htm">Evas Objects</a></li>
-                                                               <li><a href="native/ui/efl/evas_basic_objects_n.htm">Manipulating Graphical Objects</a></li>
+                                                               <li><a href="native/ui/efl/evas_objects_n.htm" target="content">Evas Objects</a></li>
+                                                               <li><a href="native/ui/efl/evas_basic_objects_n.htm" target="content">Manipulating Graphical Objects</a></li>
                                                        </ul>
                                                </li>
-                                               <li><a href="native/ui/efl/evas_rendering_n.htm">Evas Rendering Concept and Method</a></li>
-                                               <li><a href="native/ui/efl/evas_map_animation_n.htm">Transformation with Evas Map</a>
+                                               <li><a href="native/ui/efl/evas_rendering_n.htm" target="content">Evas Rendering Concept and Method</a></li>
+                                               <li><a href="native/ui/efl/evas_map_animation_n.htm" target="content">Transformation with Evas Map</a>
                                                        <ul>
-                                                               <li><a href="native/ui/efl/evas_map_effects_n.htm">Creating Evas Map Effects</a></li>
+                                                               <li><a href="native/ui/efl/evas_map_effects_n.htm" target="content">Creating Evas Map Effects</a></li>
                                                        </ul>
                                                </li>
-                                               <li><a href="native/ui/efl/animation_effects_n.htm">Animations and Effects</a>
+                                               <li><a href="native/ui/efl/animation_effects_n.htm" target="content">Animations and Effects</a>
                                                        <ul>
-                                                               <li><a href="native/ui/efl/ecore_animation_n.htm">Ecore Animations</a></li>
-                                                               <li><a href="native/ui/efl/edje_animation_n.htm">Edje Animations</a></li>
-                                                               <li><a href="native/ui/efl/elementary_animation_n.htm">Elementary Animations</a></li>
+                                                               <li><a href="native/ui/efl/ecore_animation_n.htm" target="content">Ecore Animations</a></li>
+                                                               <li><a href="native/ui/efl/edje_animation_n.htm" target="content">Edje Animations</a></li>
+                                                               <li><a href="native/ui/efl/elementary_animation_n.htm" target="content">Elementary Animations</a></li>
                                                        </ul>
                                                </li>
-                                               <li><a href="native/ui/efl/core_loop_n.htm">Core Loop and OS Interfacing</a>
+                                               <li><a href="native/ui/efl/core_loop_n.htm" target="content">Core Loop and OS Interfacing</a>
                                                        <ul>
-                                                               <li><a href="native/ui/efl/main_loop_n.htm">Handling the Main Loop</a></li>
-                                                               <li><a href="native/ui/efl/threads_n.htm">Using Threads</a></li>
+                                                               <li><a href="native/ui/efl/main_loop_n.htm" target="content">Handling the Main Loop</a></li>
+                                                               <li><a href="native/ui/efl/threads_n.htm" target="content">Using Threads</a></li>
                                                        </ul>
                                                </li>
-                                               <li><a href="native/ui/efl/event_handling_n.htm">Event Handling</a>
+                                               <li><a href="native/ui/efl/event_handling_n.htm" target="content">Event Handling</a>
                                                        <ul>
-                                                               <li><a href="native/ui/efl/event_types_n.htm">Event Types</a></li>
-                                                               <li><a href="native/ui/efl/touch_gesture_n.htm">Handling Touch Gestures</a></li>
-                                                               <li><a href="native/ui/efl/multipoint_touch_n.htm">Tracking Multi-point Touch Events</a></li>
+                                                               <li><a href="native/ui/efl/event_types_n.htm" target="content">Event Types</a></li>
+                                                               <li><a href="native/ui/efl/touch_gesture_n.htm" target="content">Handling Touch Gestures</a></li>
+                                                               <li><a href="native/ui/efl/multipoint_touch_n.htm" target="content">Tracking Multi-point Touch Events</a></li>
                                                        </ul>
                                                </li>
-                                               <li><a href="native/ui/efl/data_types_tools_n.htm">Data Types and Tools</a>
+                                               <li><a href="native/ui/efl/data_types_tools_n.htm" target="content">Data Types and Tools</a>
                                                        <ul>
-                                                               <li><a href="native/ui/efl/data_types_n.htm">Data Types</a></li>
-                                                               <li><a href="native/ui/efl/tools_n.htm">Tools</a></li>
+                                                               <li><a href="native/ui/efl/data_types_n.htm" target="content">Data Types</a></li>
+                                                               <li><a href="native/ui/efl/tools_n.htm" target="content">Tools</a></li>
                                                        </ul>
                                                </li>
-                                               <li><a href="native/ui/efl/hw_input_n.htm">Hardware Input Handling: Managing Hardware Events with EFL Extension</a>
+                                               <li><a href="native/ui/efl/hw_input_n.htm" target="content">Hardware Input Handling: Managing Hardware Events with EFL Extension</a>
                                                        <ul>
-                                                               <li><a href="native/ui/efl/key_events_mn.htm">Managing Menu and Back Key Events</a></li>
-                                                               <li><a href="native/ui/efl/rotary_events_wn.htm">Managing Rotary Events</a></li>
-                                                               <li><a href="native/ui/efl/key_grab_n.htm">Grabbing Hardware Key Events</a></li>
+                                                               <li><a href="native/ui/efl/key_events_mn.htm" target="content">Managing Menu and Back Key Events</a></li>
+                                                               <li><a href="native/ui/efl/rotary_events_wn.htm" target="content">Managing Rotary Events</a></li>
+                                                               <li><a href="native/ui/efl/key_grab_n.htm" target="content">Grabbing Hardware Key Events</a></li>
                                                        </ul>
                                                </li>
-                                               <li><a href="native/ui/efl/accessibility_n.htm">Accessibility</a>
+                                               <li><a href="native/ui/efl/accessibility_n.htm" target="content">Accessibility</a>
                                                        <ul>
-                                                               <li><a href="native/ui/efl/accessibility_architecture_n.htm">Accessibility Architecture</a></li>
-                                                               <li><a href="native/ui/efl/accessibility_config_n.htm">Configuring Accessibility in a Device</a></li>
-                                                               <li><a href="native/ui/efl/accessibility_implementation_n.htm">Implementing Accessible Applications</a></li>
+                                                               <li><a href="native/ui/efl/accessibility_architecture_n.htm" target="content">Accessibility Architecture</a></li>
+                                                               <li><a href="native/ui/efl/accessibility_config_n.htm" target="content">Configuring Accessibility in a Device</a></li>
+                                                               <li><a href="native/ui/efl/accessibility_implementation_n.htm" target="content">Implementing Accessible Applications</a></li>
                                                        </ul>
                                                </li>
                                        </ul>
                                </li>
-                               <li><a href="native/ui/dali/dali_n.htm">DALi</a>
+                               <li><a href="native/ui/dali/dali_n.htm" target="content">DALi</a>
                                        <ul>
-                                               <li><a href="native/ui/dali/dali_overview_n.htm">DALi Overview</a></li>
-                                               <li><a href="native/ui/dali/actors_n.htm">Actors</a>
+                                               <li><a href="native/ui/dali/dali_overview_n.htm" target="content">DALi Overview</a></li>
+                                               <li><a href="native/ui/dali/actors_n.htm" target="content">Actors</a>
                                                        <ul>
-                                                               <li><a href="native/ui/dali/layout_n.htm">Layout Management</a></li>
+                                                               <li><a href="native/ui/dali/layout_n.htm" target="content">Layout Management</a></li>
                                                        </ul>
                                                </li>
-                                               <li><a href="native/ui/dali/event_handling_n.htm">Event Handling</a>
+                                               <li><a href="native/ui/dali/event_handling_n.htm" target="content">Event Handling</a>
                                                        <ul>
-                                                               <li><a href="native/ui/dali/touchdata_n.htm">Touch Data</a></li>
+                                                               <li><a href="native/ui/dali/touchdata_n.htm" target="content">Touch Data</a></li>
                                                        </ul>
                                                </li>
-                                               <li><a href="native/ui/dali/ui_components_n.htm">UI Components</a>
+                                               <li><a href="native/ui/dali/ui_components_n.htm" target="content">UI Components</a>
                                                        <ul>
-                                                               <li><a href="native/ui/dali/styling_n.htm">Styling UI Components</a></li>
-                                                               <li><a href="native/ui/dali/visuals_n.htm">Visuals</a></li>
-                                                               <li><a href="native/ui/dali/buttons_n.htm">Buttons</a></li>
-                                                               <li><a href="native/ui/dali/itemview_n.htm">ItemView</a></li>
-                                                               <li><a href="native/ui/dali/scrollview_n.htm">ScrollView</a></li>
-                                                               <li><a href="native/ui/dali/tableview_n.htm">TableView</a></li>
-                                                               <li><a href="native/ui/dali/textfield_n.htm">TextField</a></li>
-                                                               <li><a href="native/ui/dali/textlabel_n.htm">TextLabel</a></li>
-                                                               <li><a href="native/ui/dali/texteditor_n.htm">TextEditor</a></li>
-                                                               <li><a href="native/ui/dali/imageview_n.htm">ImageView</a></li>
-                                                               <li><a href="native/ui/dali/flexcontainer_n.htm">FlexContainer</a></li>
-                                                               <li><a href="native/ui/dali/model3dview_n.htm">Model3dView</a></li>
-                                                               <li><a href="native/ui/dali/slider_n.htm">Slider</a></li>
-                                                               <li><a href="native/ui/dali/videoview_n.htm">VideoView</a></li>
-                                                               <li><a href="native/ui/dali/control_base_n.htm">Control</a></li>
+                                                               <li><a href="native/ui/dali/styling_n.htm" target="content">Styling UI Components</a></li>
+                                                               <li><a href="native/ui/dali/visuals_n.htm" target="content">Visuals</a></li>
+                                                               <li><a href="native/ui/dali/buttons_n.htm" target="content">Buttons</a></li>
+                                                               <li><a href="native/ui/dali/itemview_n.htm" target="content">ItemView</a></li>
+                                                               <li><a href="native/ui/dali/scrollview_n.htm" target="content">ScrollView</a></li>
+                                                               <li><a href="native/ui/dali/tableview_n.htm" target="content">TableView</a></li>
+                                                               <li><a href="native/ui/dali/textfield_n.htm" target="content">TextField</a></li>
+                                                               <li><a href="native/ui/dali/textlabel_n.htm" target="content">TextLabel</a></li>
+                                                               <li><a href="native/ui/dali/texteditor_n.htm" target="content">TextEditor</a></li>
+                                                               <li><a href="native/ui/dali/imageview_n.htm" target="content">ImageView</a></li>
+                                                               <li><a href="native/ui/dali/flexcontainer_n.htm" target="content">FlexContainer</a></li>
+                                                               <li><a href="native/ui/dali/model3dview_n.htm" target="content">Model3dView</a></li>
+                                                               <li><a href="native/ui/dali/slider_n.htm" target="content">Slider</a></li>
+                                                               <li><a href="native/ui/dali/videoview_n.htm" target="content">VideoView</a></li>
+                                                               <li><a href="native/ui/dali/control_base_n.htm" target="content">Control</a></li>
                                                        </ul>
                                                </li>
-                                               <li><a href="native/ui/dali/animation_n.htm">Animation</a>
+                                               <li><a href="native/ui/dali/animation_n.htm" target="content">Animation</a>
                                                        <ul>
-                                                               <li><a href="native/ui/dali/animation_types_n.htm">Animation Types</a></li>
-                                                               <li><a href="native/ui/dali/constraints_n.htm">Constraints</a></li>
+                                                               <li><a href="native/ui/dali/animation_types_n.htm" target="content">Animation Types</a></li>
+                                                               <li><a href="native/ui/dali/constraints_n.htm" target="content">Constraints</a></li>
                                                        </ul>
                                                </li>
-                                               <li><a href="native/ui/dali/resources_n.htm">Resources</a></li>
-                                               <li><a href="native/ui/dali/rendering_effects_n.htm">Rendering and Effects</a>
+                                               <li><a href="native/ui/dali/resources_n.htm" target="content">Resources</a></li>
+                                               <li><a href="native/ui/dali/rendering_effects_n.htm" target="content">Rendering and Effects</a>
                                                        <ul>
-                                                               <li><a href="native/ui/dali/rendering_tutorial_n.htm">Shape Drawing</a></li>
-                                                               <li><a href="native/ui/dali/svg_rendering_n.htm">SVG Rendering</a></li>
+                                                               <li><a href="native/ui/dali/rendering_tutorial_n.htm" target="content">Shape Drawing</a></li>
+                                                               <li><a href="native/ui/dali/svg_rendering_n.htm" target="content">SVG Rendering</a></li>
                                                        </ul>
                                                </li>
-                                               <li><a href="native/ui/dali/background_n.htm">Background Knowledge</a>
+                                               <li><a href="native/ui/dali/background_n.htm" target="content">Background Knowledge</a>
                                                        <ul>
-                                                               <li><a href="native/ui/dali/handle_n.htm">Handle/Body Pattern</a></li>
-                                                               <li><a href="native/ui/dali/properties_n.htm">Properties</a></li>
-                                                               <li><a href="native/ui/dali/multi_threaded_n.htm">Multi-threaded Architecture</a></li>
+                                                               <li><a href="native/ui/dali/handle_n.htm" target="content">Handle/Body Pattern</a></li>
+                                                               <li><a href="native/ui/dali/properties_n.htm" target="content">Properties</a></li>
+                                                               <li><a href="native/ui/dali/multi_threaded_n.htm" target="content">Multi-threaded Architecture</a></li>
                                                        </ul>
                                                </li>
                                        </ul>
                                </li>
                        </ul>
                </li>
-               <li><a href="native/internationalization/internationalization_cover_n.htm">Internationalization</a>
+               <li><a href="native/internationalization/internationalization_cover_n.htm" target="content">Internationalization</a>
                        <ul>
-                               <li><a href="native/internationalization/i18n_n.htm">i18n</a></li>
-                               <li><a href="native/internationalization/resource_localization_n.htm">Resource Localization</a></li>
-                               <li><a href="native/internationalization/phonenumber_n.htm">Phone Number Management</a></li>
+                               <li><a href="native/internationalization/i18n_n.htm" target="content">i18n</a></li>
+                               <li><a href="native/internationalization/resource_localization_n.htm" target="content">Resource Localization</a></li>
+                               <li><a href="native/internationalization/phonenumber_n.htm" target="content">Phone Number Management</a></li>
                        </ul>
                </li>
-               <li><a href="native/graphics/graphics_cover_n.htm">Graphics</a>
+               <li><a href="native/graphics/graphics_cover_n.htm" target="content">Graphics</a>
                        <ul>
-                               <li><a href="native/graphics/cairo_n.htm">Cairo Vector Graphics</a></li>
-                               <li><a href="native/graphics/graphic_buffer_n.htm">Graphic Buffer and Surface</a></li>
-                               <li><a href="native/graphics/hw_acceleration_n.htm">Hardware Acceleration</a></li>
-                               <li><a href="native/graphics/opengl_n.htm">OpenGL ES</a>
-                                       <ul>
-                                               <li><a href="native/graphics/creating_opengles_n.htm">Creating OpenGL ES Applications</a></li>
-                                               <li><a href="native/graphics/polygon_mesh_n.htm">Polygon Mesh in OpenGL ES</a></li>
-                                               <li><a href="native/graphics/vertex_shader_n.htm">Vertex Shader</a></li>
-                                               <li><a href="native/graphics/assembly_n.htm">Primitive Assembly and Rasterization</a></li>
-                                               <li><a href="native/graphics/texturing_n.htm">Texturing</a></li>
-                                               <li><a href="native/graphics/fragment_shader_n.htm">Fragment Shader</a></li>
-                                               <li><a href="native/graphics/output_merging_n.htm">Output Merging</a></li>
-                                               <li><a href="native/graphics/interactive_ui_n.htm">Interactive UI</a></li>
-                                               <li><a href="native/graphics/adv_rendering_n.htm">Advanced Rendering</a></li>
-                                               <li><a href="native/graphics/adv_performance_n.htm">Advanced Performance</a></li>
-                                       </ul>
-                               </li>
-                               <li><a href="native/graphics/vulkan_n.htm">SDL Graphics with Vulkan</a></li>
+                               <li><a href="native/graphics/cairo_n.htm" target="content">Cairo Vector Graphics</a></li>
+                               <li><a href="native/graphics/graphic_buffer_n.htm" target="content">Graphic Buffer and Surface</a></li>
+                               <li><a href="native/graphics/hw_acceleration_n.htm" target="content">Hardware Acceleration</a></li>
+                               <li><a href="native/graphics/opengl_n.htm" target="content">OpenGL ES</a>
+                                       <ul>
+                                               <li><a href="native/graphics/creating_opengles_n.htm" target="content">Creating OpenGL ES Applications</a></li>
+                                               <li><a href="native/graphics/polygon_mesh_n.htm" target="content">Polygon Mesh in OpenGL ES</a></li>
+                                               <li><a href="native/graphics/vertex_shader_n.htm" target="content">Vertex Shader</a></li>
+                                               <li><a href="native/graphics/assembly_n.htm" target="content">Primitive Assembly and Rasterization</a></li>
+                                               <li><a href="native/graphics/texturing_n.htm" target="content">Texturing</a></li>
+                                               <li><a href="native/graphics/fragment_shader_n.htm" target="content">Fragment Shader</a></li>
+                                               <li><a href="native/graphics/output_merging_n.htm" target="content">Output Merging</a></li>
+                                               <li><a href="native/graphics/interactive_ui_n.htm" target="content">Interactive UI</a></li>
+                                               <li><a href="native/graphics/adv_rendering_n.htm" target="content">Advanced Rendering</a></li>
+                                               <li><a href="native/graphics/adv_performance_n.htm" target="content">Advanced Performance</a></li>
+                                       </ul>
+                               </li>
+                               <li><a href="native/graphics/vulkan_n.htm" target="content">SDL Graphics with Vulkan</a></li>
                        </ul>
                </li>
-               <li><a href="native/notification/notification_cover_n.htm">Notifications and Content Sharing</a>
+               <li><a href="native/notification/notification_cover_n.htm" target="content">Notifications and Content Sharing</a>
                        <ul>
-                               <li><a href="native/notification/noti_n.htm">Notifications</a></li>
-                               <li><a href="native/notification/attach_panel_n.htm">Attach Panel</a></li>
-                               <li><a href="native/notification/minicontrol_n.htm">Minicontrol Window</a></li>
+                               <li><a href="native/notification/noti_n.htm" target="content">Notifications</a></li>
+                               <li><a href="native/notification/attach_panel_n.htm" target="content">Attach Panel</a></li>
+                               <li><a href="native/notification/minicontrol_n.htm" target="content">Minicontrol Window</a></li>
                        </ul>
                </li>
-               <li><a href="native/alarm/alarm_cover_n.htm">Alarms and Scheduling</a>
+               <li><a href="native/alarm/alarm_cover_n.htm" target="content">Alarms and Scheduling</a>
                        <ul>
-                               <li><a href="native/alarm/alarms_n.htm">Alarms</a></li>
-                               <li><a href="native/alarm/trigger_n.htm">Contextual System Event Trigger</a></li>
+                               <li><a href="native/alarm/alarms_n.htm" target="content">Alarms</a></li>
+                               <li><a href="native/alarm/trigger_n.htm" target="content">Contextual System Event Trigger</a></li>
                        </ul>
                </li>
-               <li><a href="native/media/media_cover_n.htm">Media and Camera</a>
+               <li><a href="native/media/media_cover_n.htm" target="content">Media and Camera</a>
                        <ul>
-                               <li><a href="native/media/media_content_metadata_n.htm">Media Content and Metadata</a>
+                               <li><a href="native/media/media_content_metadata_n.htm" target="content">Media Content and Metadata</a>
                                        <ul>
-                                               <li><a href="native/media/media_content_n.htm">Media Content</a></li>
-                                               <li><a href="native/media/metadata_n.htm">Metadata</a></li>
+                                               <li><a href="native/media/media_content_n.htm" target="content">Media Content</a></li>
+                                               <li><a href="native/media/metadata_n.htm" target="content">Metadata</a></li>
                                        </ul>
                                </li>
-                               <li><a href="native/media/image_edit_n.htm">Image Editing</a></li>
-                               <li><a href="native/media/thumbnail_images_n.htm">Thumbnail Images</a></li>
-                               <li><a href="native/media/media_vision_n.htm">Visual Detection and Recognition</a>
+                               <li><a href="native/media/image_edit_n.htm" target="content">Image Editing</a></li>
+                               <li><a href="native/media/thumbnail_images_n.htm" target="content">Thumbnail Images</a></li>
+                               <li><a href="native/media/media_vision_n.htm" target="content">Visual Detection and Recognition</a>
                                        <ul>
-                                               <li><a href="native/media/image_barcode_n.htm">Barcode Detection and Generation</a></li>
-                                               <li><a href="native/media/face_detection_n.htm">Face Detection, Recognition, and Tracking</a></li>
-                                               <li><a href="native/media/image_recognition_n.htm">Image Recognition and Tracking</a></li>
+                                               <li><a href="native/media/image_barcode_n.htm" target="content">Barcode Detection and Generation</a></li>
+                                               <li><a href="native/media/face_detection_n.htm" target="content">Face Detection, Recognition, and Tracking</a></li>
+                                               <li><a href="native/media/image_recognition_n.htm" target="content">Image Recognition and Tracking</a></li>
                                        </ul>
                                </li>
-                               <li><a href="native/media/audio_n.htm">Audio Management</a>
+                               <li><a href="native/media/audio_n.htm" target="content">Audio Management</a>
                                        <ul>
-                                               <li><a href="native/media/openal_n.htm">OpenAL</a></li>
-                                               <li><a href="native/media/sound_n.htm">Sound Manager</a></li>
+                                               <li><a href="native/media/openal_n.htm" target="content">OpenAL</a></li>
+                                               <li><a href="native/media/sound_n.htm" target="content">Sound Manager</a></li>
                                        </ul>
                                </li>
-                               <li><a href="native/media/media_playback_n.htm">Media Playback</a></li>
-                               <li><a href="native/media/media_recording_n.htm">Media Recording</a></li>
-                               <li><a href="native/media/raw_audio_n.htm">Raw Audio Playback and Recording</a></li>
-                               <li><a href="native/media/media_controller_n.htm">Media Controller</a></li>
-                               <li><a href="native/media/media_conversions_n.htm">Media Conversions</a></li>
-                               <li><a href="native/media/media_handle_n.htm">Media Handle Management</a></li>
-                               <li><a href="native/media/media_key_n.htm">Media Key Events</a></li>
-                               <li><a href="native/media/screen_mirroring_n.htm">Screen Mirroring</a></li>
-                               <li><a href="native/media/media_muxing_n.htm">Media Muxing</a></li>
-                               <li><a href="native/media/media_streams_n.htm">Media Stream Playback</a></li>
-                               <li><a href="native/media/stream_recorder_n.htm">Media Stream Recording</a></li>
-                               <li><a href="native/media/radio_n.htm">Radio</a></li>
-                               <li><a href="native/media/camera_n.htm">Camera</a></li>
+                               <li><a href="native/media/media_playback_n.htm" target="content">Media Playback</a></li>
+                               <li><a href="native/media/media_recording_n.htm" target="content">Media Recording</a></li>
+                               <li><a href="native/media/raw_audio_n.htm" target="content">Raw Audio Playback and Recording</a></li>
+                               <li><a href="native/media/media_controller_n.htm" target="content">Media Controller</a></li>
+                               <li><a href="native/media/media_conversions_n.htm" target="content">Media Conversions</a></li>
+                               <li><a href="native/media/media_handle_n.htm" target="content">Media Handle Management</a></li>
+                               <li><a href="native/media/media_key_n.htm" target="content">Media Key Events</a></li>
+                               <li><a href="native/media/screen_mirroring_n.htm" target="content">Screen Mirroring</a></li>
+                               <li><a href="native/media/media_muxing_n.htm" target="content">Media Muxing</a></li>
+                               <li><a href="native/media/media_streams_n.htm" target="content">Media Stream Playback</a></li>
+                               <li><a href="native/media/stream_recorder_n.htm" target="content">Media Stream Recording</a></li>
+                               <li><a href="native/media/radio_n.htm" target="content">Radio</a></li>
+                               <li><a href="native/media/camera_n.htm" target="content">Camera</a></li>
                        </ul>
                </li>
-               <li><a href="native/connectivity/connectivity_cover_n.htm">Connectivity and Wireless</a>
+               <li><a href="native/connectivity/connectivity_cover_n.htm" target="content">Connectivity and Wireless</a>
                        <ul>
-                               <li><a href="native/connectivity/bluetooth_n.htm">Bluetooth</a></li>
-                               <li><a href="native/connectivity/nfc_n.htm">NFC</a></li>
-                               <li><a href="native/connectivity/smartcard_n.htm">Smart Card</a></li>
-                               <li><a href="native/connectivity/wifi_n.htm">Wi-Fi</a></li>
-                               <li><a href="native/connectivity/wifi_direct_n.htm">Wi-Fi Direct&trade;</a></li>
-                               <li><a href="native/connectivity/telephony_n.htm">Telephony Information</a></li>
-                               <li><a href="native/connectivity/usb_host_n.htm">USB Host</a></li>
-                               <li><a href="native/connectivity/internet_download_n.htm">Internet and Content Downloads</a>
-                                       <ul>
-                                               <li><a href="native/connectivity/connection_n.htm">Connection Management</a></li>
-                                               <li><a href="native/connectivity/download_n.htm">Download</a></li>
-                                               <li><a href="native/connectivity/curl_n.htm">Curl</a></li>
-                                               <li><a href="native/connectivity/http_n.htm">HTTP</a></li>
-                                               <li><a href="native/connectivity/plugins_n.htm">Service Access through Plugins</a></li>
-                                               <li><a href="native/connectivity/web_view_n.htm">Web View</a></li>
-                                       </ul>
-                               </li>
-                               <li><a href="native/connectivity/mtp_n.htm">File Transfer with MTP</a></li>
-                               <li><a href="native/connectivity/vpn_n.htm">VPN Connections</a></li>
-                               <li><a href="native/connectivity/iotcon_n.htm">IoT Connectivity</a></li>
-                               <li><a href="native/connectivity/nsd_n.htm">Network Service Discovery</a></li>
-                               <li><a href="native/connectivity/d2d_connectivity_n.htm">Convergence</a></li>
+                               <li><a href="native/connectivity/bluetooth_n.htm" target="content">Bluetooth</a></li>
+                               <li><a href="native/connectivity/nfc_n.htm" target="content">NFC</a></li>
+                               <li><a href="native/connectivity/smartcard_n.htm" target="content">Smart Card</a></li>
+                               <li><a href="native/connectivity/wifi_n.htm" target="content">Wi-Fi</a></li>
+                               <li><a href="native/connectivity/wifi_direct_n.htm" target="content">Wi-Fi Direct&trade;</a></li>
+                               <li><a href="native/connectivity/telephony_n.htm" target="content">Telephony Information</a></li>
+                               <li><a href="native/connectivity/usb_host_n.htm" target="content">USB Host</a></li>
+                               <li><a href="native/connectivity/internet_download_n.htm" target="content">Internet and Content Downloads</a>
+                                       <ul>
+                                               <li><a href="native/connectivity/connection_n.htm" target="content">Connection Management</a></li>
+                                               <li><a href="native/connectivity/download_n.htm" target="content">Download</a></li>
+                                               <li><a href="native/connectivity/curl_n.htm" target="content">Curl</a></li>
+                                               <li><a href="native/connectivity/http_n.htm" target="content">HTTP</a></li>
+                                               <li><a href="native/connectivity/plugins_n.htm" target="content">Service Access through Plugins</a></li>
+                                               <li><a href="native/connectivity/web_view_n.htm" target="content">Web View</a></li>
+                                       </ul>
+                               </li>
+                               <li><a href="native/connectivity/mtp_n.htm" target="content">File Transfer with MTP</a></li>
+                               <li><a href="native/connectivity/vpn_n.htm" target="content">VPN Connections</a></li>
+                               <li><a href="native/connectivity/iotcon_n.htm" target="content">IoT Connectivity</a></li>
+                               <li><a href="native/connectivity/nsd_n.htm" target="content">Network Service Discovery</a></li>
+                               <li><a href="native/connectivity/d2d_connectivity_n.htm" target="content">Convergence</a></li>
                        </ul>
                </li>
-               <li><a href="native/messaging/messaging_cover_n.htm">Messaging</a>
+               <li><a href="native/messaging/messaging_cover_n.htm" target="content">Messaging</a>
                        <ul>
-                               <li><a href="native/messaging/email_n.htm">Email</a></li>
-                               <li><a href="native/messaging/messages_n.htm">Messages</a></li>
-                               <li><a href="native/messaging/push_n.htm">Push</a></li>
-                               <li><a href="native/messaging/push_server_n.htm">Push Server</a></li>
+                               <li><a href="native/messaging/email_n.htm" target="content">Email</a></li>
+                               <li><a href="native/messaging/messages_n.htm" target="content">Messages</a></li>
+                               <li><a href="native/messaging/push_n.htm" target="content">Push</a></li>
+                               <li><a href="native/messaging/push_server_n.htm" target="content">Push Server</a></li>
                        </ul>
                </li>
-               <li><a href="native/location_sensors/location_sensors_cover_n.htm">Location and Sensors</a>
+               <li><a href="native/location_sensors/location_sensors_cover_n.htm" target="content">Location and Sensors</a>
                        <ul>
-                               <li><a href="native/location_sensors/geofences_n.htm">Geofences</a></li>
-                               <li><a href="native/location_sensors/location_n.htm">Location Information</a></li>
-                               <li><a href="native/location_sensors/maps_n.htm">Maps and Maps Service</a>
+                               <li><a href="native/location_sensors/geofences_n.htm" target="content">Geofences</a></li>
+                               <li><a href="native/location_sensors/location_n.htm" target="content">Location Information</a></li>
+                               <li><a href="native/location_sensors/maps_n.htm" target="content">Maps and Maps Service</a>
                                        <ul>
-                                               <li><a href="native/location_sensors/here_credentials_n.htm">Getting HERE Maps Credentials</a></li>
-                                               <li><a href="native/location_sensors/mapzen_credentials_n.htm">Getting a Mapzen API Key</a></li>
+                                               <li><a href="native/location_sensors/here_credentials_n.htm" target="content">Getting HERE Maps Credentials</a></li>
+                                               <li><a href="native/location_sensors/mapzen_credentials_n.htm" target="content">Getting a Mapzen API Key</a></li>
                                        </ul>
                                </li>
-                               <li><a href="native/location_sensors/device_sensors_n.htm">Device Sensors</a></li>
-                               <li><a href="native/location_sensors/activity_n.htm">Activity Recognition</a></li>
-                               <li><a href="native/location_sensors/gesture_n.htm">Gesture Recognition</a></li>
+                               <li><a href="native/location_sensors/device_sensors_n.htm" target="content">Device Sensors</a></li>
+                               <li><a href="native/location_sensors/activity_n.htm" target="content">Activity Recognition</a></li>
+                               <li><a href="native/location_sensors/gesture_n.htm" target="content">Gesture Recognition</a></li>
                        </ul>
                </li>
-               <li><a href="native/text_input/text_input_cover_n.htm">Text Input and Voice</a>
+               <li><a href="native/text_input/text_input_cover_n.htm" target="content">Text Input and Voice</a>
                        <ul>
-                               <li><a href="native/text_input/input_method_n.htm">Input Method</a></li>
-                               <li><a href="native/text_input/stt_n.htm">Speech-to-text</a></li>
-                               <li><a href="native/text_input/tts_n.htm">Text-to-speech</a></li>
-                               <li><a href="native/text_input/voice_control_n.htm">Voice Control</a></li>
+                               <li><a href="native/text_input/input_method_n.htm" target="content">Input Method</a></li>
+                               <li><a href="native/text_input/stt_n.htm" target="content">Speech-to-text</a></li>
+                               <li><a href="native/text_input/tts_n.htm" target="content">Text-to-speech</a></li>
+                               <li><a href="native/text_input/voice_control_n.htm" target="content">Voice Control</a></li>
                        </ul>
                </li>
-               <li><a href="native/personal/personal_cover_n.htm">Personal Data</a>
+               <li><a href="native/personal/personal_cover_n.htm" target="content">Personal Data</a>
                        <ul>
-                               <li><a href="native/personal/account_n.htm">Account Management</a></li>
-                               <li><a href="native/personal/data_sync_n.htm">Data Synchronization</a></li>
-                               <li><a href="native/personal/authentication_n.htm">Authentication and Authorization</a>
+                               <li><a href="native/personal/account_n.htm" target="content">Account Management</a></li>
+                               <li><a href="native/personal/data_sync_n.htm" target="content">Data Synchronization</a></li>
+                               <li><a href="native/personal/authentication_n.htm" target="content">Authentication and Authorization</a>
                                        <ul>
-                                               <li><a href="native/personal/fido_n.htm">FIDO Universal Authentication Framework</a></li>
-                                               <li><a href="native/personal/oauth_n.htm">OAuth 2.0</a></li>
+                                               <li><a href="native/personal/fido_n.htm" target="content">FIDO Universal Authentication Framework</a></li>
+                                               <li><a href="native/personal/oauth_n.htm" target="content">OAuth 2.0</a></li>
                                        </ul>
                                </li>
-                               <li><a href="native/personal/calendar_n.htm">Calendar</a></li>
-                               <li><a href="native/personal/contacts_n.htm">Contacts</a></li>
-                               <li><a href="native/personal/context_n.htm">Contextual Device Usage History Data</a></li>
+                               <li><a href="native/personal/calendar_n.htm" target="content">Calendar</a></li>
+                               <li><a href="native/personal/contacts_n.htm" target="content">Contacts</a></li>
+                               <li><a href="native/personal/context_n.htm" target="content">Contextual Device Usage History Data</a></li>
                        </ul>
                </li>
-               <li><a href="native/data/data_cover_n.htm">Data Storage and Management</a>
+               <li><a href="native/data/data_cover_n.htm" target="content">Data Storage and Management</a>
                        <ul>
-                               <li><a href="native/data/data_storages_n.htm">Data Storages</a></li>
-                               <li><a href="native/data/sql_n.htm">SQL Database Engine, Sqlite</a></li>
+                               <li><a href="native/data/data_storages_n.htm" target="content">Data Storages</a></li>
+                               <li><a href="native/data/sql_n.htm" target="content">SQL Database Engine, Sqlite</a></li>
             </ul>
                </li>
-               <li><a href="native/device/device_cover_n.htm">Device Settings and Systems</a>
+               <li><a href="native/device/device_cover_n.htm" target="content">Device Settings and Systems</a>
                        <ul>
-                               <li><a href="native/device/attached_devices_n.htm">Attached Devices</a></li>
-                               <li><a href="native/device/ext_output_n.htm">External Output Devices</a></li>
-                               <li><a href="native/device/runtime_n.htm">Runtime Information</a></li>
-                               <li><a href="native/device/system_n.htm">System Information</a></li>
-                               <li><a href="native/device/settings_n.htm">System Settings</a></li>
-                               <li><a href="native/device/feedback_n.htm">Sound and Vibration Feedback</a></li>
+                               <li><a href="native/device/attached_devices_n.htm" target="content">Attached Devices</a></li>
+                               <li><a href="native/device/ext_output_n.htm" target="content">External Output Devices</a></li>
+                               <li><a href="native/device/runtime_n.htm" target="content">Runtime Information</a></li>
+                               <li><a href="native/device/system_n.htm" target="content">System Information</a></li>
+                               <li><a href="native/device/settings_n.htm" target="content">System Settings</a></li>
+                               <li><a href="native/device/feedback_n.htm" target="content">Sound and Vibration Feedback</a></li>
             </ul>
                </li>
-               <li><a href="native/security/security_cover_n.htm">Security</a>
+               <li><a href="native/security/security_cover_n.htm" target="content">Security</a>
                        <ul>
-                               <li><a href="native/security/secure_key_n.htm">Secure Key Management</a></li>
-                               <li><a href="native/security/privilege_n.htm">Privilege Information</a></li>
-                               <li><a href="native/security/yaca_n.htm">Cryptographic Operations</a></li>
-                <li><a href="native/security/dpm_n.htm">Device Policy Management</a></li>
-                               <li><a href="native/security/csr_n.htm">Malware Scanning and Web Protection</a></li>
-                               <li><a href="native/security/security_tip.htm">Security Tips</a></li>
+                               <li><a href="native/security/secure_key_n.htm" target="content">Secure Key Management</a></li>
+                               <li><a href="native/security/privilege_n.htm" target="content">Privilege Information</a></li>
+                               <li><a href="native/security/yaca_n.htm" target="content">Cryptographic Operations</a></li>
+                <li><a href="native/security/dpm_n.htm" target="content">Device Policy Management</a></li>
+                               <li><a href="native/security/csr_n.htm" target="content">Malware Scanning and Web Protection</a></li>
+                               <li><a href="native/security/security_tip.htm" target="content">Security Tips</a></li>
                        </ul>
                </li>
-               <li><a href="native/error/error_cover_n.htm">Error Handling</a>
+               <li><a href="native/error/error_cover_n.htm" target="content">Error Handling</a>
                        <ul>
-                               <li><a href="native/error/error_handling_n.htm">Error Handling</a></li>
-                               <li><a href="native/error/system_logs_n.htm">System Logs</a></li>
+                               <li><a href="native/error/error_handling_n.htm" target="content">Error Handling</a></li>
+                               <li><a href="native/error/system_logs_n.htm" target="content">System Logs</a></li>
                        </ul>
                </li>
-               <li><a href="native/performance/performance_cover_n.htm">Performance</a>
+               <li><a href="native/performance/performance_cover_n.htm" target="content">Performance</a>
                        <ul>
-                               <li><a href="native/performance/tracepoints_n.htm">Tracepoints</a></li>
+                               <li><a href="native/performance/tracepoints_n.htm" target="content">Tracepoints</a></li>
                        </ul>
                </li>
-               <li><a href="native/migration_guide_n.htm">Migration Guide</a></li>
+               <li><a href="native/migration_guide_n.htm" target="content">Migration Guide</a></li>
        </ul>
 
-       <h2><a href="web/guides_w.htm">Web Application</a></h2>
-       <ul>
-               <li><a href="web/app_management/app_management_cover_w.htm">Application Management</a>
+       <div class="treeheader">
+       <h2><a href="web/guides_w.htm" target="content">Web Application</a></h2>
+       </div>
+
+       <div id="sidetreecontrol2">
+       <a href="?#">Collapse All</a> | <a href="?#">Expand All</a>
+       </div>
+
+       <ul id="navigation2">
+
+               <li><a href="web/app_management/app_management_cover_w.htm" target="content">Application Management</a>
                        <ul>
-                               <li><a href="web/app_management/applications_w.htm">Applications</a>
+                               <li><a href="web/app_management/applications_w.htm" target="content">Applications</a>
                                        <ul>
-                                               <li><a href="web/app_management/service_app_w.htm">Service Application</a></li>
-                                               <li><a href="web/app_management/web_widget_ww.htm">Widget Application</a></li>
+                                               <li><a href="web/app_management/service_app_w.htm" target="content">Service Application</a></li>
+                                               <li><a href="web/app_management/web_widget_ww.htm" target="content">Widget Application</a></li>
                                        </ul>
                                </li>
-                               <li><a href="web/app_management/app_group_w.htm">Application Groups</a></li>
-                               <li><a href="web/app_management/preference_w.htm">Application Preferences</a></li>
-                               <li><a href="web/app_management/app_icons_w.htm">Application Icons</a></li>
-                               <li><a href="web/app_management/app_info_control_w.htm">Application Information and Controls</a>
+                               <li><a href="web/app_management/app_group_w.htm" target="content">Application Groups</a></li>
+                               <li><a href="web/app_management/preference_w.htm" target="content">Application Preferences</a></li>
+                               <li><a href="web/app_management/app_icons_w.htm" target="content">Application Icons</a></li>
+                               <li><a href="web/app_management/app_info_control_w.htm" target="content">Application Information and Controls</a>
                                        <ul>
-                                               <li><a href="web/app_management/app_controls_w.htm">Application Controls</a>
+                                               <li><a href="web/app_management/app_controls_w.htm" target="content">Application Controls</a>
                                                        <ul>
-                                                               <li><a href="web/app_management/common_appcontrol_w.htm">Common Application Controls</a></li>
+                                                               <li><a href="web/app_management/common_appcontrol_w.htm" target="content">Common Application Controls</a></li>
                                                        </ul>
                                                </li>
-                                               <li><a href="web/app_management/widget_app_w.htm">Widget Information</a></li>
+                                               <li><a href="web/app_management/widget_app_w.htm" target="content">Widget Information</a></li>
                                        </ul>
                                </li>
-                               <li><a href="web/app_management/app_communication_w.htm">Application Data Exchange</a>
+                               <li><a href="web/app_management/app_communication_w.htm" target="content">Application Data Exchange</a>
                                        <ul>
-                                               <li><a href="web/app_management/message_port_w.htm">Message Port</a></li>
-                                               <li><a href="web/app_management/data_w.htm">Data Control</a></li>
+                                               <li><a href="web/app_management/message_port_w.htm" target="content">Message Port</a></li>
+                                               <li><a href="web/app_management/data_w.htm" target="content">Data Control</a></li>
                                        </ul>
                                </li>
-                               <li><a href="web/app_management/packages_w.htm">Package Information</a></li>
+                               <li><a href="web/app_management/packages_w.htm" target="content">Package Information</a></li>
                        </ul>
                </li>
-               <li><a href="web/cordova/cordova_cover_w.htm">Cordova</a>
+               <li><a href="web/cordova/cordova_cover_w.htm" target="content">Cordova</a>
                        <ul>
-                               <li><a href="web/cordova/core_w.htm">Common Cordova</a></li>
-                               <li><a href="web/cordova/console_w.htm">Console Logging</a></li>
-                               <li><a href="web/cordova/device_w.htm">Device Information</a></li>
-                               <li><a href="web/cordova/devicemotion_w.htm">Device Motions</a></li>
-                               <li><a href="web/cordova/events_w.htm">Event Handling</a></li>
-                               <li><a href="web/cordova/file_w.htm">File Management</a></li>
-                               <li><a href="web/cordova/filetransfer_w.htm">File Transfers</a></li>
-                               <li><a href="web/cordova/globalization_w.htm">Globalization</a></li>
-                               <li><a href="web/cordova/media_w.htm">Media Playback and Recording</a></li>
-                               <li><a href="web/cordova/network_information_w.htm">Network Information</a></li>
-                               <li><a href="web/cordova/dialogs_w.htm">Notification Dialogs</a></li>
+                               <li><a href="web/cordova/core_w.htm" target="content">Common Cordova</a></li>
+                               <li><a href="web/cordova/console_w.htm" target="content">Console Logging</a></li>
+                               <li><a href="web/cordova/device_w.htm" target="content">Device Information</a></li>
+                               <li><a href="web/cordova/devicemotion_w.htm" target="content">Device Motions</a></li>
+                               <li><a href="web/cordova/events_w.htm" target="content">Event Handling</a></li>
+                               <li><a href="web/cordova/file_w.htm" target="content">File Management</a></li>
+                               <li><a href="web/cordova/filetransfer_w.htm" target="content">File Transfers</a></li>
+                               <li><a href="web/cordova/globalization_w.htm" target="content">Globalization</a></li>
+                               <li><a href="web/cordova/media_w.htm" target="content">Media Playback and Recording</a></li>
+                               <li><a href="web/cordova/network_information_w.htm" target="content">Network Information</a></li>
+                               <li><a href="web/cordova/dialogs_w.htm" target="content">Notification Dialogs</a></li>
                        </ul>
                </li>
-               <li><a href="web/ui/ui_guide_w.htm">User Interface</a>
+               <li><a href="web/ui/ui_guide_w.htm" target="content">User Interface</a>
                        <ul>
-                               <li><a href="web/ui/tau/tau_w.htm">Tizen Advanced UI</a>
-                                       <ul>
-                                               <li><a href="web/ui/tau/download_tau_w.htm">Downloading TAU</a></li>
-                                               <li><a href="web/ui/tau/helloworld_w.htm">Hello World</a></li>
-                                               <li><a href="web/ui/tau/managing_page_w.htm">Managing Pages</a></li>
-                                               <li><a href="web/ui/tau/event_handling_w.htm">Event Handling</a></li>
-                                               <li><a href="web/ui/tau/ui_component_w.htm">UI Components</a></li>
-                                               <li><a href="web/ui/tau/notepad_w.htm">Creating a Notepad UI Application</a></li>
-                                               <li><a href="web/ui/tau/circular_ui_ww.htm">Applications for Circular UI</a>
+                               <li><a href="web/ui/tau/tau_w.htm" target="content">Tizen Advanced UI</a>
+                                       <ul>
+                                               <li><a href="web/ui/tau/download_tau_w.htm" target="content">Downloading TAU</a></li>
+                                               <li><a href="web/ui/tau/helloworld_w.htm" target="content">Hello World</a></li>
+                                               <li><a href="web/ui/tau/managing_page_w.htm" target="content">Managing Pages</a></li>
+                                               <li><a href="web/ui/tau/event_handling_w.htm" target="content">Event Handling</a></li>
+                                               <li><a href="web/ui/tau/ui_component_w.htm" target="content">UI Components</a></li>
+                                               <li><a href="web/ui/tau/notepad_w.htm" target="content">Creating a Notepad UI Application</a></li>
+                                               <li><a href="web/ui/tau/circular_ui_ww.htm" target="content">Applications for Circular UI</a>
                                                        <ul>
-                                                               <li><a href="web/ui/tau/tau_rotary_ww.htm">Handling Rotary Events</a></li>
-                                                               <li><a href="web/ui/tau/helper_ww.htm">Using the Helper Script</a></li>
-                                                               <li><a href="web/ui/tau/list_ww.htm">Creating Snap Lists</a></li>
-                                                               <li><a href="web/ui/tau/header_ww.htm">Creating Expandable Headers</a></li>
-                                                               <li><a href="web/ui/tau/circle_progressbar_ww.htm">Creating Circle-shaped Progress Bars</a></li>
-                                                               <li><a href="web/ui/tau/processing_ww.htm">Creating Full Size Processing Components</a></li>
-                                                               <li><a href="web/ui/tau/footerbutton_ww.htm">Creating Footer Buttons</a></li>
-                                                               <li><a href="web/ui/tau/thumbnail_ww.htm">Creating Thumbnails</a></li>
-                                                               <li><a href="web/ui/tau/popup_ww.htm">Creating Popup Buttons</a></li>
-                                                               <li><a href="web/ui/tau/indexscrollbar_ww.htm">Creating Index Scroll Bars</a></li>
-                                                               <li><a href="web/ui/tau/moreoptions_ww.htm">Implementing More Options</a></li>
+                                                               <li><a href="web/ui/tau/tau_rotary_ww.htm" target="content">Handling Rotary Events</a></li>
+                                                               <li><a href="web/ui/tau/helper_ww.htm" target="content">Using the Helper Script</a></li>
+                                                               <li><a href="web/ui/tau/list_ww.htm" target="content">Creating Snap Lists</a></li>
+                                                               <li><a href="web/ui/tau/header_ww.htm" target="content">Creating Expandable Headers</a></li>
+                                                               <li><a href="web/ui/tau/circle_progressbar_ww.htm" target="content">Creating Circle-shaped Progress Bars</a></li>
+                                                               <li><a href="web/ui/tau/processing_ww.htm" target="content">Creating Full Size Processing Components</a></li>
+                                                               <li><a href="web/ui/tau/footerbutton_ww.htm" target="content">Creating Footer Buttons</a></li>
+                                                               <li><a href="web/ui/tau/thumbnail_ww.htm" target="content">Creating Thumbnails</a></li>
+                                                               <li><a href="web/ui/tau/popup_ww.htm" target="content">Creating Popup Buttons</a></li>
+                                                               <li><a href="web/ui/tau/indexscrollbar_ww.htm" target="content">Creating Index Scroll Bars</a></li>
+                                                               <li><a href="web/ui/tau/moreoptions_ww.htm" target="content">Implementing More Options</a></li>
                                                        </ul>
                                                </li>
-                                               <li><a href="web/ui/tau/accessibility_w.htm">Accessibility</a></li>
-                                               <li><a href="web/ui/tau/globalization_w.htm">Globalization</a></li>
-                                               <li><a href="web/ui/tau/animation_w.htm">Animation</a>
+                                               <li><a href="web/ui/tau/accessibility_w.htm" target="content">Accessibility</a></li>
+                                               <li><a href="web/ui/tau/globalization_w.htm" target="content">Globalization</a></li>
+                                               <li><a href="web/ui/tau/animation_w.htm" target="content">Animation</a>
                                                        <ul>
-                                                               <li><a href="web/ui/tau/creating_animation_w.htm">Creating Applications with Animation</a></li>
+                                                               <li><a href="web/ui/tau/creating_animation_w.htm" target="content">Creating Applications with Animation</a></li>
                                                        </ul>
                                                </li>
-                                               <li><a href="web/ui/tau/tau_porting_w.htm">2.4 Porting Guide</a></li>
+                                               <li><a href="web/ui/tau/tau_porting_w.htm" target="content">2.4 Porting Guide</a></li>
                                        </ul>
                                </li>
                        </ul>
                </li>
-               <li><a href="web/localization/localization_w.htm">Localization</a></li>
-               <li><a href="web/notification/notification_w.htm">Notifications</a></li>
-               <li><a href="web/alarm/alarms_w.htm">Alarms</a></li>
-               <li><a href="web/media/media_cover_w.htm">Media and Camera</a>
+               <li><a href="web/localization/localization_w.htm" target="content">Localization</a></li>
+               <li><a href="web/notification/notification_w.htm" target="content">Notifications</a></li>
+               <li><a href="web/alarm/alarms_w.htm" target="content">Alarms</a></li>
+               <li><a href="web/media/media_cover_w.htm" target="content">Media and Camera</a>
                        <ul>
-                               <li><a href="web/media/jpeg_exif_w.htm">JPEG File EXIF Information</a></li>
-                               <li><a href="web/media/audio_w.htm">Audio Management</a></li>
-                               <li><a href="web/media/player_util_w.htm">Audio Latency</a></li>
-                               <li><a href="web/media/media_controller_w.htm">Media Controller</a></li>
-                               <li><a href="web/media/media_key_w.htm">Media Key Events</a></li>
-                               <li><a href="web/media/radio_w.htm">Radio</a></li>
-                               <li><a href="web/media/camera_w.htm">Camera</a></li>
+                               <li><a href="web/media/jpeg_exif_w.htm" target="content">JPEG File EXIF Information</a></li>
+                               <li><a href="web/media/audio_w.htm" target="content">Audio Management</a></li>
+                               <li><a href="web/media/player_util_w.htm" target="content">Audio Latency</a></li>
+                               <li><a href="web/media/media_controller_w.htm" target="content">Media Controller</a></li>
+                               <li><a href="web/media/media_key_w.htm" target="content">Media Key Events</a></li>
+                               <li><a href="web/media/radio_w.htm" target="content">Radio</a></li>
+                               <li><a href="web/media/camera_w.htm" target="content">Camera</a></li>
                        </ul>
                </li>
-               <li><a href="web/connectivity/connectivity_cover_w.htm">Connectivity and Wireless</a>
+               <li><a href="web/connectivity/connectivity_cover_w.htm" target="content">Connectivity and Wireless</a>
                        <ul>
-                               <li><a href="web/connectivity/bluetooth_w.htm">Bluetooth</a>
+                               <li><a href="web/connectivity/bluetooth_w.htm" target="content">Bluetooth</a>
                                        <ul>
-                                               <li><a href="web/connectivity/task_bluetoothchat_w.htm">Task: Bluetooth Chat</a></li>
+                                               <li><a href="web/connectivity/task_bluetoothchat_w.htm" target="content">Task: Bluetooth Chat</a></li>
                                        </ul>
                                </li>
-                               <li><a href="web/connectivity/iotcon_w.htm">IoT Connectivity</a></li>
-                               <li><a href="web/connectivity/nfc_w.htm">NFC</a>
+                               <li><a href="web/connectivity/iotcon_w.htm" target="content">IoT Connectivity</a></li>
+                               <li><a href="web/connectivity/nfc_w.htm" target="content">NFC</a>
                                        <ul>
-                                               <li><a href="web/connectivity/task_contactsexchanger_w.htm">Task: Contacts Exchanger</a></li>
+                                               <li><a href="web/connectivity/task_contactsexchanger_w.htm" target="content">Task: Contacts Exchanger</a></li>
                                        </ul>
                                </li>
-                               <li><a href="web/connectivity/secure_element_w.htm">Secure Element Access</a></li>
-                               <li><a href="web/connectivity/download_w.htm">Content Downloads</a>
+                               <li><a href="web/connectivity/secure_element_w.htm" target="content">Secure Element Access</a></li>
+                               <li><a href="web/connectivity/download_w.htm" target="content">Content Downloads</a>
                                        <ul>
-                                               <li><a href="web/connectivity/task_downloadmanager_w.htm">Task: Download Manager</a></li>
+                                               <li><a href="web/connectivity/task_downloadmanager_w.htm" target="content">Task: Download Manager</a></li>
                                        </ul>
                                </li>
-                               <li><a href="web/connectivity/convergence_w.htm">Convergence Services</a></li>
+                               <li><a href="web/connectivity/convergence_w.htm" target="content">Convergence Services</a></li>
                        </ul>
                </li>
-               <li><a href="web/messaging/messaging_cover_w.htm">Messaging</a>
+               <li><a href="web/messaging/messaging_cover_w.htm" target="content">Messaging</a>
                        <ul>
-                               <li><a href="web/messaging/messages_w.htm">Messages</a>
+                               <li><a href="web/messaging/messages_w.htm" target="content">Messages</a>
                                        <ul>
-                                               <li><a href="web/messaging/task_chatter_w.htm">Task: Chatter</a></li>
+                                               <li><a href="web/messaging/task_chatter_w.htm" target="content">Task: Chatter</a></li>
                                        </ul>
                                </li>
-                               <li><a href="web/messaging/push_w.htm">Push Notification</a></li>
+                               <li><a href="web/messaging/push_w.htm" target="content">Push Notification</a></li>
                        </ul>
                </li>
-               <li><a href="web/sensors/sensors_cover_w.htm">Sensors</a>
+               <li><a href="web/sensors/sensors_cover_w.htm" target="content">Sensors</a>
                        <ul>
-                               <li><a href="web/sensors/ham_w.htm">Human Activity Monitor</a></li>
-                               <li><a href="web/sensors/device_sensors_w.htm">Device Sensors</a>
+                               <li><a href="web/sensors/ham_w.htm" target="content">Human Activity Monitor</a></li>
+                               <li><a href="web/sensors/device_sensors_w.htm" target="content">Device Sensors</a>
                                        <ul>
-                                               <li><a href="web/sensors/task_sensorball_w.htm">Task: Sensor Ball</a></li>
+                                               <li><a href="web/sensors/task_sensorball_w.htm" target="content">Task: Sensor Ball</a></li>
                                        </ul>
                                </li>
                        </ul>
                </li>
-               <li><a href="web/text_input/text_input_cover_w.htm">Text Input</a>
+               <li><a href="web/text_input/text_input_cover_w.htm" target="content">Text Input</a>
                        <ul>
-                               <li><a href="web/text_input/input_method_w.htm">IME Application</a></li>
-                               <li><a href="web/text_input/input_device_w.htm">Input Device</a></li>
+                               <li><a href="web/text_input/input_method_w.htm" target="content">IME Application</a></li>
+                               <li><a href="web/text_input/input_device_w.htm" target="content">Input Device</a></li>
                        </ul>
                </li>
-               <li><a href="web/personal/personal_cover_w.htm">Personal Data</a>
+               <li><a href="web/personal/personal_cover_w.htm" target="content">Personal Data</a>
                        <ul>
-                               <li><a href="web/personal/account_w.htm">Account Management</a></li>
-                               <li><a href="web/personal/bookmarks_w.htm">Bookmarks</a></li>
-                               <li><a href="web/personal/calendar_w.htm">Calendar</a>
+                               <li><a href="web/personal/account_w.htm" target="content">Account Management</a></li>
+                               <li><a href="web/personal/bookmarks_w.htm" target="content">Bookmarks</a></li>
+                               <li><a href="web/personal/calendar_w.htm" target="content">Calendar</a>
                                        <ul>
-                                               <li><a href="web/personal/task_eventmanager_w.htm">Task: Event Manager</a></li>
+                                               <li><a href="web/personal/task_eventmanager_w.htm" target="content">Task: Event Manager</a></li>
                                        </ul>
                                </li>
-                               <li><a href="web/personal/call_history_w.htm">Call History</a>
+                               <li><a href="web/personal/call_history_w.htm" target="content">Call History</a>
                                        <ul>
-                                               <li><a href="web/personal/task_calllog_w.htm">Task: Call Log</a></li>
+                                               <li><a href="web/personal/task_calllog_w.htm" target="content">Task: Call Log</a></li>
                                        </ul>
                                </li>
-                               <li><a href="web/personal/contacts_w.htm">Contacts</a></li>
-                               <li><a href="web/personal/sync_w.htm">Data Synchronization</a></li>
+                               <li><a href="web/personal/contacts_w.htm" target="content">Contacts</a></li>
+                               <li><a href="web/personal/sync_w.htm" target="content">Data Synchronization</a></li>
                        </ul>
                </li>
-               <li><a href="web/data/data_cover_w.htm">Data Storage and Management</a>
+               <li><a href="web/data/data_cover_w.htm" target="content">Data Storage and Management</a>
                        <ul>
-                               <li><a href="web/data/data_filter_w.htm">Data Filtering and Sorting</a></li>
-                               <li><a href="web/data/file_system_w.htm">File System</a>
+                               <li><a href="web/data/data_filter_w.htm" target="content">Data Filtering and Sorting</a></li>
+                               <li><a href="web/data/file_system_w.htm" target="content">File System</a>
                                        <ul>
-                                               <li><a href="web/data/task_filemanager_w.htm">Task: File Manager</a></li>
+                                               <li><a href="web/data/task_filemanager_w.htm" target="content">Task: File Manager</a></li>
                                        </ul>
                                </li>
-                               <li><a href="web/data/stored_content_w.htm">Stored Content Management</a>
+                               <li><a href="web/data/stored_content_w.htm" target="content">Stored Content Management</a>
                                        <ul>
-                                               <li><a href="web/data/task_mediacontent_w.htm">Task: Media Content</a></li>
+                                               <li><a href="web/data/task_mediacontent_w.htm" target="content">Task: Media Content</a></li>
                                        </ul>
                                </li>
-                               <li><a href="web/data/file_archiving_w.htm">File Archiving</a></li>
+                               <li><a href="web/data/file_archiving_w.htm" target="content">File Archiving</a></li>
                        </ul>
                </li>
-               <li><a href="web/device/device_cover_w.htm">Device Settings and Systems</a>
+               <li><a href="web/device/device_cover_w.htm" target="content">Device Settings and Systems</a>
                        <ul>
-                               <li><a href="web/device/power_w.htm">Power States</a></li>
-                               <li><a href="web/device/system_information_w.htm">System Information</a>
+                               <li><a href="web/device/power_w.htm" target="content">Power States</a></li>
+                               <li><a href="web/device/system_information_w.htm" target="content">System Information</a>
                                        <ul>
-                                               <li><a href="web/device/task_systeminfo_w.htm">Task: System Information</a></li>
+                                               <li><a href="web/device/task_systeminfo_w.htm" target="content">Task: System Information</a></li>
                                        </ul>
                                </li>
-                               <li><a href="web/device/system_setting_w.htm">System Settings</a></li>
-                               <li><a href="web/device/time_w.htm">Time and Date Management</a></li>
-                               <li><a href="web/device/web_view_w.htm">Web View Settings</a></li>
-                               <li><a href="web/device/feedback_w.htm">Sound and Vibration Feedback</a></li>
+                               <li><a href="web/device/system_setting_w.htm" target="content">System Settings</a></li>
+                               <li><a href="web/device/time_w.htm" target="content">Time and Date Management</a></li>
+                               <li><a href="web/device/web_view_w.htm" target="content">Web View Settings</a></li>
+                               <li><a href="web/device/feedback_w.htm" target="content">Sound and Vibration Feedback</a></li>
                        </ul>
                </li>
-               <li><a href="web/security/security_cover_w.htm">Security</a>
+               <li><a href="web/security/security_cover_w.htm" target="content">Security</a>
                        <ul>
-                               <li><a href="web/security/secure_key_w.htm">Secure Key Management</a></li>
+                               <li><a href="web/security/secure_key_w.htm" target="content">Secure Key Management</a></li>
                        </ul>
                </li>
-               <li><a href="web/error/error_w.htm">Error Handling</a></li>
-               <li><a href="web/w3c/w3c_cover_w.htm">W3C/HTML5/Supplementary Features</a>
+               <li><a href="web/error/error_w.htm" target="content">Error Handling</a></li>
+               <li><a href="web/w3c/w3c_cover_w.htm" target="content">W3C/HTML5/Supplementary Features</a>
                        <ul>
-                               <li><a href="web/w3c/device/device_guide_w.htm">Device</a>
+                               <li><a href="web/w3c/device/device_guide_w.htm" target="content">Device</a>
                                        <ul>
-                                               <li><a href="web/w3c/device/battery_w.htm">Battery Status</a></li>
-                                               <li><a href="web/w3c/device/device_orientation_w.htm">DeviceOrientation Event Specification</a>
+                                               <li><a href="web/w3c/device/battery_w.htm" target="content">Battery Status</a></li>
+                                               <li><a href="web/w3c/device/device_orientation_w.htm" target="content">DeviceOrientation Event Specification</a>
                                                        <ul>
-                                                               <li><a href="web/w3c/device/task_compass_w.htm">Task: Compass</a></li>
+                                                               <li><a href="web/w3c/device/task_compass_w.htm" target="content">Task: Compass</a></li>
                                                        </ul>
                                                </li>
-                                               <li><a href="web/w3c/device/touch_w.htm">Touch Events version 1</a>
+                                               <li><a href="web/w3c/device/touch_w.htm" target="content">Touch Events version 1</a>
                                                        <ul>
-                                                               <li><a href="web/w3c/device/task_touch_paint_mw.htm">Task: Touch Paint in Mobile Applications</a></li>
-                                                               <li><a href="web/w3c/device/task_touch_paint_ww.htm">Task: Touch Paint in Wearable Applications</a></li>
+                                                               <li><a href="web/w3c/device/task_touch_paint_mw.htm" target="content">Task: Touch Paint in Mobile Applications</a></li>
+                                                               <li><a href="web/w3c/device/task_touch_paint_ww.htm" target="content">Task: Touch Paint in Wearable Applications</a></li>
                                                        </ul>
                                                </li>
-                                               <li><a href="web/w3c/device/vibration_w.htm">Vibration</a></li>
-                                               <li><a href="web/w3c/device/browser_state_w.htm">HTML5 Browser state</a></li>
-                                               <li><a href="web/w3c/device/screen_orientation_w.htm">Screen Orientation</a></li>
+                                               <li><a href="web/w3c/device/vibration_w.htm" target="content">Vibration</a></li>
+                                               <li><a href="web/w3c/device/browser_state_w.htm" target="content">HTML5 Browser state</a></li>
+                                               <li><a href="web/w3c/device/screen_orientation_w.htm" target="content">Screen Orientation</a></li>
                                        </ul>
                                </li>
-                               <li><a href="web/w3c/graphics/graphics_guide_w.htm">Graphics</a>
+                               <li><a href="web/w3c/graphics/graphics_guide_w.htm" target="content">Graphics</a>
                                        <ul>
-                                               <li><a href="web/w3c/graphics/canvas_w.htm">HTML5 Canvas</a>
+                                               <li><a href="web/w3c/graphics/canvas_w.htm" target="content">HTML5 Canvas</a>
                                                        <ul>
-                                                               <li><a href="web/w3c/graphics/task_basicwatch_w.htm">Task: Basic Watch</a></li>
+                                                               <li><a href="web/w3c/graphics/task_basicwatch_w.htm" target="content">Task: Basic Watch</a></li>
                                                        </ul>
                                                </li>
-                                               <li><a href="web/w3c/graphics/svg_w.htm">HTML5 SVG</a></li>
+                                               <li><a href="web/w3c/graphics/svg_w.htm" target="content">HTML5 SVG</a></li>
                                        </ul>
                                </li>
-                               <li><a href="web/w3c/media/media_guide_w.htm">Media</a>
+                               <li><a href="web/w3c/media/media_guide_w.htm" target="content">Media</a>
                                        <ul>
-                                               <li><a href="web/w3c/media/getusermedia_w.htm">getUserMedia</a>
+                                               <li><a href="web/w3c/media/getusermedia_w.htm" target="content">getUserMedia</a>
                                                        <ul>
-                                                               <li><a href="web/w3c/media/task_selfcamera_w.htm">Task: Self Camera</a></li>
+                                                               <li><a href="web/w3c/media/task_selfcamera_w.htm" target="content">Task: Self Camera</a></li>
                                                        </ul>
                                                </li>
-                                               <li><a href="web/w3c/media/video_audio_w.htm">HTML5 video and audio element</a>
+                                               <li><a href="web/w3c/media/video_audio_w.htm" target="content">HTML5 video and audio element</a>
                                                        <ul>
-                                                               <li><a href="web/w3c/media/task_piano_w.htm">Task: Piano</a></li>
+                                                               <li><a href="web/w3c/media/task_piano_w.htm" target="content">Task: Piano</a></li>
                                                        </ul>
                                                </li>
-                                               <li><a href="web/w3c/media/media_capture_w.htm">HTML Media Capture</a></li>
-                                               <li><a href="web/w3c/media/webaudio_w.htm">Web Audio</a></li>
+                                               <li><a href="web/w3c/media/media_capture_w.htm" target="content">HTML Media Capture</a></li>
+                                               <li><a href="web/w3c/media/webaudio_w.htm" target="content">Web Audio</a></li>
                                        </ul>
                                </li>
-                               <li><a href="web/w3c/communication/comm_guide_w.htm">Communication</a>
+                               <li><a href="web/w3c/communication/comm_guide_w.htm" target="content">Communication</a>
                                        <ul>
-                                               <li><a href="web/w3c/communication/web_messaging_w.htm">HTML5 Web Messaging</a></li>
-                                               <li><a href="web/w3c/communication/websocket_w.htm">WebSocket</a></li>
-                                               <li><a href="web/w3c/communication/xmlhttprequest_w.htm">XMLHttpRequest (Level 1 and 2)</a></li>
-                                               <li><a href="web/w3c/communication/server_sent_w.htm">Server-Sent Events</a></li>
+                                               <li><a href="web/w3c/communication/web_messaging_w.htm" target="content">HTML5 Web Messaging</a></li>
+                                               <li><a href="web/w3c/communication/websocket_w.htm" target="content">WebSocket</a></li>
+                                               <li><a href="web/w3c/communication/xmlhttprequest_w.htm" target="content">XMLHttpRequest (Level 1 and 2)</a></li>
+                                               <li><a href="web/w3c/communication/server_sent_w.htm" target="content">Server-Sent Events</a></li>
                                        </ul>
                                </li>
-                               <li><a href="web/w3c/storage/storage_guide_w.htm">Storage</a>
+                               <li><a href="web/w3c/storage/storage_guide_w.htm" target="content">Storage</a>
                                        <ul>
-                                               <li><a href="web/w3c/storage/file_w.htm">File</a></li>
-                                               <li><a href="web/w3c/storage/indexdb_w.htm">Indexed Database</a></li>
-                                               <li><a href="web/w3c/storage/web_storage_w.htm">Web Storage</a></li>
-                                               <li><a href="web/w3c/storage/appcache_w.htm">HTML5 Application caches</a></li>
-                                               <li><a href="web/w3c/storage/websql_w.htm">Web SQL Database</a></li>
+                                               <li><a href="web/w3c/storage/file_w.htm" target="content">File</a></li>
+                                               <li><a href="web/w3c/storage/indexdb_w.htm" target="content">Indexed Database</a></li>
+                                               <li><a href="web/w3c/storage/web_storage_w.htm" target="content">Web Storage</a></li>
+                                               <li><a href="web/w3c/storage/appcache_w.htm" target="content">HTML5 Application caches</a></li>
+                                               <li><a href="web/w3c/storage/websql_w.htm" target="content">Web SQL Database</a></li>
                                        </ul>
                                </li>
-                               <li><a href="web/w3c/security/security_guide_w.htm">Security</a>
+                               <li><a href="web/w3c/security/security_guide_w.htm" target="content">Security</a>
                                        <ul>
-                                               <li><a href="web/w3c/security/cors_w.htm">Cross-Origin Resource Sharing</a></li>
-                                               <li><a href="web/w3c/security/iframe_w.htm">HTML5 iframe element</a></li>
+                                               <li><a href="web/w3c/security/cors_w.htm" target="content">Cross-Origin Resource Sharing</a></li>
+                                               <li><a href="web/w3c/security/iframe_w.htm" target="content">HTML5 iframe element</a></li>
                                        </ul>
                                </li>
-                               <li><a href="web/w3c/perf_opt/performance_guide_w.htm">Performance and Optimization</a>
+                               <li><a href="web/w3c/perf_opt/performance_guide_w.htm" target="content">Performance and Optimization</a>
                                        <ul>
-                                               <li><a href="web/w3c/perf_opt/page_w.htm">Page Visibility</a></li>
-                                               <li><a href="web/w3c/perf_opt/timing_control_w.htm">Timing control for script-based animations</a></li>
-                                               <li><a href="web/w3c/perf_opt/web_workers_w.htm">Web Workers</a>
+                                               <li><a href="web/w3c/perf_opt/page_w.htm" target="content">Page Visibility</a></li>
+                                               <li><a href="web/w3c/perf_opt/timing_control_w.htm" target="content">Timing control for script-based animations</a></li>
+                                               <li><a href="web/w3c/perf_opt/web_workers_w.htm" target="content">Web Workers</a>
                                                        <ul>
-                                                               <li><a href="web/w3c/perf_opt/js_performance_improvement_w.htm">JavaScript Performance Improvement</a></li>
-                                                               <li><a href="web/w3c/perf_opt/minify_js_css_w.htm">JavaScript and CSS Minification</a></li>
-                                                               <li><a href="web/w3c/perf_opt/jquery_performance_improvement_w.htm">jQuery Performance Improvement</a></li>
+                                                               <li><a href="web/w3c/perf_opt/js_performance_improvement_w.htm" target="content">JavaScript Performance Improvement</a></li>
+                                                               <li><a href="web/w3c/perf_opt/minify_js_css_w.htm" target="content">JavaScript and CSS Minification</a></li>
+                                                               <li><a href="web/w3c/perf_opt/jquery_performance_improvement_w.htm" target="content">jQuery Performance Improvement</a></li>
                                                        </ul>
                                                </li>
                                        </ul>
                                </li>
-                               <li><a href="web/w3c/location/location_guide_w.htm">Location</a>
+                               <li><a href="web/w3c/location/location_guide_w.htm" target="content">Location</a>
                                        <ul>
-                                               <li><a href="web/w3c/location/geolocation_w.htm">Geolocation API Specification</a></li>
+                                               <li><a href="web/w3c/location/geolocation_w.htm" target="content">Geolocation API Specification</a></li>
                                        </ul>
                                </li>
-                               <li><a href="web/w3c/useful/useful_guide_w.htm">Useful Guides for W3C/HTML5 Features</a>
+                               <li><a href="web/w3c/useful/useful_guide_w.htm" target="content">Useful Guides for W3C/HTML5 Features</a>
                                        <ul>
-                                               <li><a href="web/w3c/useful/sound_policy_w.htm">Tizen WebKit Tap Sound Policy</a></li>
-                                               <li><a href="web/w3c/useful/performance_w.htm">Performance Improvement</a></li>
+                                               <li><a href="web/w3c/useful/sound_policy_w.htm" target="content">Tizen WebKit Tap Sound Policy</a></li>
+                                               <li><a href="web/w3c/useful/performance_w.htm" target="content">Performance Improvement</a></li>
                                        </ul>
                                </li>
-                               <li><a href="web/w3c/supplement/supplement_guide_w.htm">Supplementary Features</a>
+                               <li><a href="web/w3c/supplement/supplement_guide_w.htm" target="content">Supplementary Features</a>
                                        <ul>
-                                               <li><a href="web/w3c/supplement/typedarray_w.htm">Typed Array - Khronos</a></li>
-                                               <li><a href="web/w3c/supplement/webgl_w.htm">WebGL - Khronos</a></li>
-                                               <li><a href="web/w3c/supplement/fullscreen_w.htm">FullScreen API - Mozilla</a></li>
-                                               <li><a href="web/w3c/supplement/camera_w.htm">Camera API (Tizen Extension)</a>
+                                               <li><a href="web/w3c/supplement/typedarray_w.htm" target="content">Typed Array - Khronos</a></li>
+                                               <li><a href="web/w3c/supplement/webgl_w.htm" target="content">WebGL - Khronos</a></li>
+                                               <li><a href="web/w3c/supplement/fullscreen_w.htm" target="content">FullScreen API - Mozilla</a></li>
+                                               <li><a href="web/w3c/supplement/camera_w.htm" target="content">Camera API (Tizen Extension)</a>
                                                        <ul>
-                                                               <li><a href="web/w3c/supplement/task_camera_w.htm">Task: Camera</a></li>
+                                                               <li><a href="web/w3c/supplement/task_camera_w.htm" target="content">Task: Camera</a></li>
                                                        </ul>
                                                </li>
                                        </ul>
                                </li>
-                               <li><a href="web/w3c/ui/ui_guide_w.htm">User Interface</a>
+                               <li><a href="web/w3c/ui/ui_guide_w.htm" target="content">User Interface</a>
                                        <ul>
-                                               <li><a href="web/w3c/ui/html_priority_w.htm">HTML Priorities</a></li>
-                                               <li><a href="web/w3c/ui/html5forms_w.htm">HTML5 Forms</a></li>
-                                               <li><a href="web/w3c/ui/selector_w.htm">Selectors API (Level 1 and 2)</a></li>
-                                               <li><a href="web/w3c/ui/media_query_w.htm">Media Queries</a></li>
-                                               <li><a href="web/w3c/ui/multiple_screens_mw.htm">Multiple Screen Support</a></li>
-                                               <li><a href="web/w3c/ui/ui_layout_ww.htm">Multiple UI Layouts</a></li>
-                                               <li><a href="web/w3c/ui/frame_flattening_mw.htm">Frame Flattening</a></li>
-                                               <li><a href="web/w3c/ui/session_history_w.htm">HTML5 Session History</a></li>
-                                               <li><a href="web/w3c/ui/clipboard_mw.htm">Clipboard API and events</a></li>
-                                               <li><a href="web/w3c/ui/drag_drop_mw.htm">HTML5 Drag and Drop</a></li>
-                                               <li><a href="web/w3c/ui/transform_w.htm">CSS Transforms</a></li>
-                                               <li><a href="web/w3c/ui/animation_w.htm">CSS Animations Module (Level 3)</a></li>
-                                               <li><a href="web/w3c/ui/transition_w.htm">CSS Transitions Module (Level 3)</a></li>
-                                               <li><a href="web/w3c/ui/color_w.htm">CSS Color Module (Level 3)</a></li>
-                                               <li><a href="web/w3c/ui/background_w.htm">CSS Backgrounds and Borders Module (Level 3)</a></li>
-                                               <li><a href="web/w3c/ui/flexible_w.htm">CSS Flexible Box Layout Module</a></li>
-                                               <li><a href="web/w3c/ui/multi_mw.htm">CSS Multi-column Layout Module</a></li>
-                                               <li><a href="web/w3c/ui/text_module_w.htm">CSS Text Module (Level 3)</a></li>
-                                               <li><a href="web/w3c/ui/basic_ui_w.htm">CSS Basic User Interface Module (Level 3)</a></li>
-                                               <li><a href="web/w3c/ui/font_w.htm">CSS Fonts Module (Level 3)</a></li>
-                                               <li><a href="web/w3c/ui/woff_w.htm">WOFF File Format (1.0)</a></li>
+                                               <li><a href="web/w3c/ui/html_priority_w.htm" target="content">HTML Priorities</a></li>
+                                               <li><a href="web/w3c/ui/html5forms_w.htm" target="content">HTML5 Forms</a></li>
+                                               <li><a href="web/w3c/ui/selector_w.htm" target="content">Selectors API (Level 1 and 2)</a></li>
+                                               <li><a href="web/w3c/ui/media_query_w.htm" target="content">Media Queries</a></li>
+                                               <li><a href="web/w3c/ui/multiple_screens_mw.htm" target="content">Multiple Screen Support</a></li>
+                                               <li><a href="web/w3c/ui/ui_layout_ww.htm" target="content">Multiple UI Layouts</a></li>
+                                               <li><a href="web/w3c/ui/frame_flattening_mw.htm" target="content">Frame Flattening</a></li>
+                                               <li><a href="web/w3c/ui/session_history_w.htm" target="content">HTML5 Session History</a></li>
+                                               <li><a href="web/w3c/ui/clipboard_mw.htm" target="content">Clipboard API and events</a></li>
+                                               <li><a href="web/w3c/ui/drag_drop_mw.htm" target="content">HTML5 Drag and Drop</a></li>
+                                               <li><a href="web/w3c/ui/transform_w.htm" target="content">CSS Transforms</a></li>
+                                               <li><a href="web/w3c/ui/animation_w.htm" target="content">CSS Animations Module (Level 3)</a></li>
+                                               <li><a href="web/w3c/ui/transition_w.htm" target="content">CSS Transitions Module (Level 3)</a></li>
+                                               <li><a href="web/w3c/ui/color_w.htm" target="content">CSS Color Module (Level 3)</a></li>
+                                               <li><a href="web/w3c/ui/background_w.htm" target="content">CSS Backgrounds and Borders Module (Level 3)</a></li>
+                                               <li><a href="web/w3c/ui/flexible_w.htm" target="content">CSS Flexible Box Layout Module</a></li>
+                                               <li><a href="web/w3c/ui/multi_mw.htm" target="content">CSS Multi-column Layout Module</a></li>
+                                               <li><a href="web/w3c/ui/text_module_w.htm" target="content">CSS Text Module (Level 3)</a></li>
+                                               <li><a href="web/w3c/ui/basic_ui_w.htm" target="content">CSS Basic User Interface Module (Level 3)</a></li>
+                                               <li><a href="web/w3c/ui/font_w.htm" target="content">CSS Fonts Module (Level 3)</a></li>
+                                               <li><a href="web/w3c/ui/woff_w.htm" target="content">WOFF File Format (1.0)</a></li>
                                        </ul>
                                </li>
                                        </ul>
                                </li>
             </ul>
+</div>
 
 <script type="text/javascript" src="scripts/jquery.zclip.min.js"></script>
 <script type="text/javascript" src="scripts/showhide.js"></script>
index 6954c5e..1fd76fb 100644 (file)
     <script type="text/javascript" src="scripts/core.js" charset="utf-8"></script>
     <script type="text/javascript" src="scripts/search.js" charset="utf-8"></script>
 
+       <!-- tree view -->
+       <link rel="stylesheet" href="../../tree/jquery.treeview.css" />
+       <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
+       <script type="text/javascript" src="../../tree/jquery.treeview.js"></script>
+       <script src="../../tree/tizen.js"></script>
+       </script>
+       <!-- tree view -->
+
     <title>Tizen Studio</title>
 </head>
 
 </div>
 
 <div id="container"><div id="contents"><div class="content">
-<h1><a href="cover_page.htm">Tizen Studio</a></h1>
 
-<ul>
-       <li><a href="download/download.htm">Download</a>
+<div id="sidetree">
+
+<div class="treeheader">
+<h1><a href="cover_page.htm" target="content">Tizen Studio</a></h1>
+</div>
+
+<div id="sidetreecontrol">
+       <a href="?#">Collapse All</a> | <a href="?#">Expand All</a>
+</div>
+
+<ul id="navigation">
+
+       <li><a href="download/download.htm" target="content">Download</a>
                <ul>
-                       <li><a href="download/installing_sdk.htm">Installing Tizen Studio</a>
+                       <li><a href="download/installing_sdk.htm" target="content">Installing Tizen Studio</a>
                                <ul>
-                                       <li><a href="download/prerequisites.htm">Prerequisites</a></li>
-                                       <li><a href="download/updating_sdk.htm">Updating Tizen Studio</a></li>
-                                       <li><a href="download/hardware_accelerated_execution_manager.htm">Hardware Accelerated Execution Manager</a></li>
+                                       <li><a href="download/prerequisites.htm" target="content">Prerequisites</a></li>
+                                       <li><a href="download/updating_sdk.htm" target="content">Updating Tizen Studio</a></li>
+                                       <li><a href="download/hardware_accelerated_execution_manager.htm" target="content">Hardware Accelerated Execution Manager</a></li>
                                </ul>
                        </li>
-                       <li><a href="download/tizen_studio_migration_guide.htm">Tizen Studio Migration Guide</a></li>
-                       <li><a href="download/advanced_configuration.htm">Configuring the Package Manager</a></li>
-                       <li><a href="download/uninstalling_sdk.htm">Uninstalling Tizen Studio</a></li>
-                       <li><a href="download/1_2_0_release_notes.htm">Release Notes (1.2)</a>
+                       <li><a href="download/tizen_studio_migration_guide.htm" target="content">Tizen Studio Migration Guide</a></li>
+                       <li><a href="download/advanced_configuration.htm" target="content">Configuring the Package Manager</a></li>
+                       <li><a href="download/uninstalling_sdk.htm" target="content">Uninstalling Tizen Studio</a></li>
+                       <li><a href="download/1_2_0_release_notes.htm" target="content">Release Notes (1.2)</a>
                                <ul>
-                                       <li><a href="download/1_1_1_release_notes.htm">1.1.1 (Feb 27, 2017)</a></li>
-                                       <li><a href="download/1_1_0_release_notes.htm">1.1 (Jan 18, 2017)</a></li>
-                                       <li><a href="download/1_0_2_release_notes.htm">1.0.2 (Dec 23, 2016)</a></li>
-                                       <li><a href="download/1_0_1_release_notes.htm">1.0.1 (Oct 28, 2016)</a></li>
-                                       <li><a href="download/1_0_release_notes.htm">1.0 (Sep 1, 2016)</a></li>
+                                       <li><a href="download/1_1_1_release_notes.htm" target="content">1.1.1 (Feb 27, 2017)</a></li>
+                                       <li><a href="download/1_1_0_release_notes.htm" target="content">1.1 (Jan 18, 2017)</a></li>
+                                       <li><a href="download/1_0_2_release_notes.htm" target="content">1.0.2 (Dec 23, 2016)</a></li>
+                                       <li><a href="download/1_0_1_release_notes.htm" target="content">1.0.1 (Oct 28, 2016)</a></li>
+                                       <li><a href="download/1_0_release_notes.htm" target="content">1.0 (Sep 1, 2016)</a></li>
                                </ul>
                        </li>
                </ul>
        </li>
-       <li><a href="native_tools/cover_native_n.htm">Native Tools</a>
+       <li><a href="native_tools/cover_native_n.htm" target="content">Native Tools</a>
                <ul>
-                       <li><a href="native_tools/cover_project_mgmt_n.htm">Managing Projects</a>
+                       <li><a href="native_tools/cover_project_mgmt_n.htm" target="content">Managing Projects</a>
                                <ul>
-                                       <li><a href="native_tools/project_wizard_n.htm">Project Creation Wizard</a></li>
-                                       <li><a href="native_tools/project_explorer_view_n.htm">Project Explorer View</a></li>
-                                       <li><a href="common_tools/certificate_registration.htm">Certificate Registration</a></li>
+                                       <li><a href="native_tools/project_wizard_n.htm" target="content">Project Creation Wizard</a></li>
+                                       <li><a href="native_tools/project_explorer_view_n.htm" target="content">Project Explorer View</a></li>
+                                       <li><a href="common_tools/certificate_registration.htm" target="content">Certificate Registration</a></li>
                                </ul>
                        </li>
-                       <li><a href="native_tools/cover_code_n.htm">Writing and Editing Codes</a>
+                       <li><a href="native_tools/cover_code_n.htm" target="content">Writing and Editing Codes</a>
                                <ul>
-                                       <li><a href="native_tools/content_assist_n.htm">Content Assist</a></li>
-                                       <li><a href="native_tools/api_checker_n.htm">API and Privilege Checker</a></li>
-                                       <li><a href="native_tools/ui_builder_n.htm">UI Builder</a>
+                                       <li><a href="native_tools/content_assist_n.htm" target="content">Content Assist</a></li>
+                                       <li><a href="native_tools/api_checker_n.htm" target="content">API and Privilege Checker</a></li>
+                                       <li><a href="native_tools/ui_builder_n.htm" target="content">UI Builder</a>
                                                <ul>
-                                                       <li><a href="native_tools/storyboard_n.htm">Storyboard</a></li>
-                                                       <li><a href="native_tools/component_attributes_n.htm">Component Attributes</a></li>
-                                                       <li><a href="native_tools/multiple_screen_n.htm">Multiple Screen Support</a></li>
-                                                       <li><a href="native_tools/ui_builder_databind_n.htm">Databinding</a></li>
-                                                       <li><a href="native_tools/ui_builder_conversion_n.htm">EFL to UI Builder Project Migration</a>
+                                                       <li><a href="native_tools/storyboard_n.htm" target="content">Storyboard</a></li>
+                                                       <li><a href="native_tools/component_attributes_n.htm" target="content">Component Attributes</a></li>
+                                                       <li><a href="native_tools/multiple_screen_n.htm" target="content">Multiple Screen Support</a></li>
+                                                       <li><a href="native_tools/ui_builder_databind_n.htm" target="content">Databinding</a></li>
+                                                       <li><a href="native_tools/ui_builder_conversion_n.htm" target="content">EFL to UI Builder Project Migration</a>
                                                                <ul>
-                                                                       <li><a href="native_tools/ui_project_migration_combi_n.htm">Combining Screens from Multiple Applications</a></li>
+                                                                       <li><a href="native_tools/ui_project_migration_combi_n.htm" target="content">Combining Screens from Multiple Applications</a></li>
                                                                </ul>
                                                        </li>
                                                </ul>
                                        </li>
-                                       <li><a href="native_tools/edc_editor_n.htm">EDC Editor</a></li>
-                                       <li><a href="native_tools/component_designer_n.htm">Component Designer</a></li>
+                                       <li><a href="native_tools/edc_editor_n.htm" target="content">EDC Editor</a></li>
+                                       <li><a href="native_tools/component_designer_n.htm" target="content">Component Designer</a></li>
                                </ul>
                        </li>
-                       <li><a href="native_tools/cover_configure_n.htm">Configuring Your App</a>
+                       <li><a href="native_tools/cover_configure_n.htm" target="content">Configuring Your App</a>
                                <ul>
-                                       <li><a href="native_tools/manifest_text_editor_n.htm">Manifest Text Editor</a>
+                                       <li><a href="native_tools/manifest_text_editor_n.htm" target="content">Manifest Text Editor</a>
                                                <ul>
-                                               <li><a href="native_tools/manifest_elements_n.htm">Additional Manifest Elements</a></li>
+                                               <li><a href="native_tools/manifest_elements_n.htm" target="content">Additional Manifest Elements</a></li>
                                                </ul>
                                        </li>
-                                       <li><a href="native_tools/resource_manager_n.htm">Resource Manager</a></li>
-                                       <li><a href="native_tools/po_file_editor_n.htm">PO File Localization Editor</a></li>
+                                       <li><a href="native_tools/resource_manager_n.htm" target="content">Resource Manager</a></li>
+                                       <li><a href="native_tools/po_file_editor_n.htm" target="content">PO File Localization Editor</a></li>
                                </ul>
                        </li>
-                       <li><a href="native_tools/cover_debug_n.htm">Debugging Your App</a>
+                       <li><a href="native_tools/cover_debug_n.htm" target="content">Debugging Your App</a>
                                <ul>
-                                       <li><a href="common_tools/log_view.htm">Log View</a></li>
-                                       <li><a href="common_tools/da_overview.htm">Dynamic Analyzer</a>
+                                       <li><a href="common_tools/log_view.htm" target="content">Log View</a></li>
+                                       <li><a href="common_tools/da_overview.htm" target="content">Dynamic Analyzer</a>
                                                <ul>
-                                               <li><a href="common_tools/da_common.htm">Common Tasks</a></li>
-                                               <li><a href="common_tools/da_advanced.htm">Advanced Tasks</a></li>
-                                               <li><a href="common_tools/da_memory.htm">Memory Analysis</a></li>
-                                               <li><a href="common_tools/da_thread.htm">Thread Analysis</a></li>
-                                               <li><a href="common_tools/da_file.htm">File Analysis</a></li>
-                                               <li><a href="common_tools/da_network.htm">Network Analysis</a></li>
-                                               <li><a href="common_tools/da_opengl.htm">OpenGL Analysis</a></li>
-                                               <li><a href="common_tools/da_ui_hierarchy_n.htm">UI Hierarchy Analysis</a></li>
+                                               <li><a href="common_tools/da_common.htm" target="content">Common Tasks</a></li>
+                                               <li><a href="common_tools/da_advanced.htm" target="content">Advanced Tasks</a></li>
+                                               <li><a href="common_tools/da_memory.htm" target="content">Memory Analysis</a></li>
+                                               <li><a href="common_tools/da_thread.htm" target="content">Thread Analysis</a></li>
+                                               <li><a href="common_tools/da_file.htm" target="content">File Analysis</a></li>
+                                               <li><a href="common_tools/da_network.htm" target="content">Network Analysis</a></li>
+                                               <li><a href="common_tools/da_opengl.htm" target="content">OpenGL Analysis</a></li>
+                                               <li><a href="common_tools/da_ui_hierarchy_n.htm" target="content">UI Hierarchy Analysis</a></li>
                                                </ul>
                                        </li>
-                                       <li><a href="native_tools/call_stack_view_n.htm">Call Stack View</a></li>
-                                       <li><a href="native_tools/static_analyzer_n.htm">Static Analyzer</a></li>
-                                       <li><a href="native_tools/valgrind_n.htm">Valgrind</a></li>
-                                       <li><a href="native_tools/t_trace_n.htm">T-trace</a></li>
+                                       <li><a href="native_tools/call_stack_view_n.htm" target="content">Call Stack View</a></li>
+                                       <li><a href="native_tools/static_analyzer_n.htm" target="content">Static Analyzer</a></li>
+                                       <li><a href="native_tools/valgrind_n.htm" target="content">Valgrind</a></li>
+                                       <li><a href="native_tools/t_trace_n.htm" target="content">T-trace</a></li>
                                </ul>
                        </li>
-                       <li><a href="native_tools/cover_run_test_n.htm">Running and Testing Your App</a>
+                       <li><a href="native_tools/cover_run_test_n.htm" target="content">Running and Testing Your App</a>
                                <ul>
-                                       <li><a href="common_tools/connection_explorer_view.htm">Connection Explorer View</a></li>
-                                       <li><a href="common_tools/smart_development_bridge.htm">SDB</a></li>
-                                       <li><a href="common_tools/emulator.htm">Emulator</a>
+                                       <li><a href="common_tools/connection_explorer_view.htm" target="content">Connection Explorer View</a></li>
+                                       <li><a href="common_tools/smart_development_bridge.htm" target="content">SDB</a></li>
+                                       <li><a href="common_tools/emulator.htm" target="content">Emulator</a>
                                                <ul>
-                                                       <li><a href="common_tools/emulator_manager.htm">Emulator Manager</a></li>
-                                                       <li><a href="common_tools/emulator_control_panel.htm">Emulator Control Panel</a></li>
-                                                       <li><a href="common_tools/emulator_features.htm">Extended Emulator Features</a></li>
+                                                       <li><a href="common_tools/emulator_manager.htm" target="content">Emulator Manager</a></li>
+                                                       <li><a href="common_tools/emulator_control_panel.htm" target="content">Emulator Control Panel</a></li>
+                                                       <li><a href="common_tools/emulator_features.htm" target="content">Extended Emulator Features</a></li>
                                                </ul>
                                        </li>
-                                       <li><a href="native_tools/unit_test_n.htm">Unit Test</a></li>
+                                       <li><a href="native_tools/unit_test_n.htm" target="content">Unit Test</a></li>
                                </ul>
                        </li>
-                       <li><a href="common_tools/command_line_interface.htm">CLI</a>
+                       <li><a href="common_tools/command_line_interface.htm" target="content">CLI</a>
                                <ul>
-                                       <li><a href="native_tools/project_conversion_n.htm">Converting Projects for CLI</a></li>
+                                       <li><a href="native_tools/project_conversion_n.htm" target="content">Converting Projects for CLI</a></li>
                                </ul>
                        </li>
-                       <li><a href="common_tools/keyboard_shortcuts.htm">Keyboard Shortcuts</a></li>
+                       <li><a href="common_tools/keyboard_shortcuts.htm" target="content">Keyboard Shortcuts</a></li>
                </ul>
        </li>
-       <li><a href="web_tools/cover_web_w.htm">Web Tools</a>
+       <li><a href="web_tools/cover_web_w.htm" target="content">Web Tools</a>
                <ul>
-                       <li><a href="web_tools/cover_project_mgmt_w.htm">Managing Projects</a>
+                       <li><a href="web_tools/cover_project_mgmt_w.htm" target="content">Managing Projects</a>
                                <ul>
-                                       <li><a href="web_tools/project_wizard_w.htm">Project Creation Wizard</a></li>
-                                       <li><a href="web_tools/project_explorer_view_w.htm">Project Explorer View</a></li>
-                                       <li><a href="common_tools/certificate_registration.htm">Certificate Registration</a></li>
+                                       <li><a href="web_tools/project_wizard_w.htm" target="content">Project Creation Wizard</a></li>
+                                       <li><a href="web_tools/project_explorer_view_w.htm" target="content">Project Explorer View</a></li>
+                                       <li><a href="common_tools/certificate_registration.htm" target="content">Certificate Registration</a></li>
                                </ul>
                        </li>
-                       <li><a href="web_tools/cover_code_w.htm">Writing and Editing Codes</a>
+                       <li><a href="web_tools/cover_code_w.htm" target="content">Writing and Editing Codes</a>
                                <ul>
-                                       <li><a href="web_tools/web_editor_w.htm">Web Editor</a></li>
-                                       <li><a href="web_tools/live_editing_w.htm">Live Editing</a></li>
-                                       <li><a href="web_tools/content_assist_w.htm">Content Assist</a></li>
-                                       <li><a href="web_tools/code_productivity_w.htm">Code Productivity</a></li>
-                                       <li><a href="web_tools/rest_viewer_w.htm">REST Viewer</a></li>
-                                       <li><a href="web_tools/previewer_w.htm">Previewer</a></li>
-                                       <li><a href="web_tools/privilege_checker_w.htm">Privilege Checker</a></li>
-                                       <li><a href="web_tools/IDE_preferences_w.htm">Tizen Studio Web Preferences</a></li>
+                                       <li><a href="web_tools/web_editor_w.htm" target="content">Web Editor</a></li>
+                                       <li><a href="web_tools/live_editing_w.htm" target="content">Live Editing</a></li>
+                                       <li><a href="web_tools/content_assist_w.htm" target="content">Content Assist</a></li>
+                                       <li><a href="web_tools/code_productivity_w.htm" target="content">Code Productivity</a></li>
+                                       <li><a href="web_tools/rest_viewer_w.htm" target="content">REST Viewer</a></li>
+                                       <li><a href="web_tools/previewer_w.htm" target="content">Previewer</a></li>
+                                       <li><a href="web_tools/privilege_checker_w.htm" target="content">Privilege Checker</a></li>
+                                       <li><a href="web_tools/IDE_preferences_w.htm" target="content">Tizen Studio Web Preferences</a></li>
                                </ul>
                        </li>
-                       <li><a href="web_tools/cover_configure_w.htm">Configuring Your App</a>
+                       <li><a href="web_tools/cover_configure_w.htm" target="content">Configuring Your App</a>
                                <ul>
-                                       <li><a href="web_tools/config_editor_w.htm">Configuration Editor</a></li>
-                                       <li><a href="web_tools/web_localization_w.htm">Web Localization</a></li>
+                                       <li><a href="web_tools/config_editor_w.htm" target="content">Configuration Editor</a></li>
+                                       <li><a href="web_tools/web_localization_w.htm" target="content">Web Localization</a></li>
                                </ul>
                        </li>
-                       <li><a href="web_tools/cover_debug_w.htm">Debugging Your App</a>
+                       <li><a href="web_tools/cover_debug_w.htm" target="content">Debugging Your App</a>
                                <ul>
-                                       <li><a href="common_tools/log_view.htm">Log View</a></li>
-                                       <li><a href="common_tools/da_overview.htm">Dynamic Analyzer</a>
+                                       <li><a href="common_tools/log_view.htm" target="content">Log View</a></li>
+                                       <li><a href="common_tools/da_overview.htm" target="content">Dynamic Analyzer</a>
                                                <ul>
-                                               <li><a href="common_tools/da_common.htm">Common Tasks</a></li>
-                                               <li><a href="common_tools/da_advanced.htm">Advanced Tasks</a></li>
-                                               <li><a href="common_tools/da_memory.htm">Memory Analysis</a></li>
-                                               <li><a href="common_tools/da_thread.htm">Thread Analysis</a></li>
-                                               <li><a href="common_tools/da_file.htm">File Analysis</a></li>
-                                               <li><a href="common_tools/da_network.htm">Network Analysis</a></li>
-                                               <li><a href="common_tools/da_opengl.htm">OpenGL Analysis</a></li>
+                                               <li><a href="common_tools/da_common.htm" target="content">Common Tasks</a></li>
+                                               <li><a href="common_tools/da_advanced.htm" target="content">Advanced Tasks</a></li>
+                                               <li><a href="common_tools/da_memory.htm" target="content">Memory Analysis</a></li>
+                                               <li><a href="common_tools/da_thread.htm" target="content">Thread Analysis</a></li>
+                                               <li><a href="common_tools/da_file.htm" target="content">File Analysis</a></li>
+                                               <li><a href="common_tools/da_network.htm" target="content">Network Analysis</a></li>
+                                               <li><a href="common_tools/da_opengl.htm" target="content">OpenGL Analysis</a></li>
                                                </ul>
                                        </li>
-                                       <li><a href="web_tools/web_inspector_w.htm">Web Inspector</a></li>
-                                       <li><a href="web_tools/js_analyzer_w.htm">JavaScript Analyzer</a></li>
+                                       <li><a href="web_tools/web_inspector_w.htm" target="content">Web Inspector</a></li>
+                                       <li><a href="web_tools/js_analyzer_w.htm" target="content">JavaScript Analyzer</a></li>
                                </ul>
                        </li>
-                       <li><a href="web_tools/cover_run_test_w.htm">Running and Testing Your App</a>
+                       <li><a href="web_tools/cover_run_test_w.htm" target="content">Running and Testing Your App</a>
                                <ul>
-                                       <li><a href="common_tools/connection_explorer_view.htm">Connection Explorer View</a></li>
-                                       <li><a href="common_tools/smart_development_bridge.htm">SDB</a></li>
-                                       <li><a href="common_tools/emulator.htm">Emulator</a>
+                                       <li><a href="common_tools/connection_explorer_view.htm" target="content">Connection Explorer View</a></li>
+                                       <li><a href="common_tools/smart_development_bridge.htm" target="content">SDB</a></li>
+                                       <li><a href="common_tools/emulator.htm" target="content">Emulator</a>
                                                <ul>
-                                                       <li><a href="common_tools/emulator_manager.htm">Emulator Manager</a></li>
-                                                       <li><a href="common_tools/emulator_control_panel.htm">Emulator Control Panel</a></li>
-                                                       <li><a href="common_tools/emulator_features.htm">Extended Emulator Features</a></li>
+                                                       <li><a href="common_tools/emulator_manager.htm" target="content">Emulator Manager</a></li>
+                                                       <li><a href="common_tools/emulator_control_panel.htm" target="content">Emulator Control Panel</a></li>
+                                                       <li><a href="common_tools/emulator_features.htm" target="content">Extended Emulator Features</a></li>
                                                </ul>
                                        </li>
-                                       <li><a href="web_tools/web_unit_test_tool_w.htm">Web Unit Test Tool</a></li>
+                                       <li><a href="web_tools/web_unit_test_tool_w.htm" target="content">Web Unit Test Tool</a></li>
                                </ul>
                        </li>
-                       <li><a href="web_tools/web_simulator_w.htm">Using the Web Simulator</a>
+                       <li><a href="web_tools/web_simulator_w.htm" target="content">Using the Web Simulator</a>
                                <ul>
-                               <li><a href="web_tools/web_simulator_features_w.htm">Web Simulator Features</a></li>
+                               <li><a href="web_tools/web_simulator_features_w.htm" target="content">Web Simulator Features</a></li>
                                </ul>
                        </li>
-                       <li><a href="common_tools/command_line_interface.htm">CLI</a></li>
-                       <li><a href="common_tools/keyboard_shortcuts.htm">Keyboard Shortcuts</a></li>
+                       <li><a href="common_tools/command_line_interface.htm" target="content">CLI</a></li>
+                       <li><a href="common_tools/keyboard_shortcuts.htm" target="content">Keyboard Shortcuts</a></li>
                </ul>
        </li>
-       <li><a href="platform_tools/cover_platform.htm">Platform Tools</a>
+       <li><a href="platform_tools/cover_platform.htm" target="content">Platform Tools</a>
                <ul>
-                       <li><a href="platform_tools/platform_tools.htm">Platform Development Tools</a></li>
+                       <li><a href="platform_tools/platform_tools.htm" target="content">Platform Development Tools</a></li>
                </ul>
        </li>
 </ul>
+</div>
 
 <script type="text/javascript" src="scripts/jquery.zclip.min.js"></script>
 <script type="text/javascript" src="scripts/showhide.js"></script>
index 903363e..67e135c 100644 (file)
        <script type="text/javascript" src="scripts/core.js" charset="utf-8"></script>
        <script type="text/javascript" src="scripts/search.js" charset="utf-8"></script>
 
+       <!-- tree view -->
+       <link rel="stylesheet" href="../../tree/jquery.treeview.css" />
+       <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
+       <script type="text/javascript" src="../../tree/jquery.treeview.js"></script>
+       <script src="../../tree/tizen.js"></script>
+       </script>
+       <!-- tree view -->
+
        <title>Training</title>
 </head>
 
 
 <div id="container"><div id="contents"><div class="content">
 
-<h1><a href="cover_page.htm">Training</a></h1>
+<h1><a href="cover_page.htm" target="content">Training</a></h1>
+
+<div id="sidetree">
 
-       <h2><a href="native/cover_page_n.htm">Native Application</a></h2>
+<div class="treeheader">
+<h2><a href="native/cover_page_n.htm" target="content">Native Application</a></h2>
+</div>
+
+<div id="sidetreecontrol">
+       <a href="?#">Collapse All</a> | <a href="?#">Expand All</a>
+</div>
 
-       <ul>
-               <li><a href="native/getting_started_n.htm">Getting Started</a>
+       <ul id="navigation">
+               <li>
+                       <a href="native/getting_started_n.htm" target="content">Getting Started</a>
                        <ul>
 
-                               <li><a href="native/mobile/first_app_mn.htm">Creating Your First Tizen Mobile Native Application</a></li>
-                               <li><a href="native/wearable/first_app_wn.htm">Creating Your First Tizen Wearable Native Application</a></li>
-                               <li><a href="native/wearable_watch/first_app_watch_wn.htm">Creating Your First Tizen Wearable Native Watch Application</a></li>
-                               <li><a href="native/wearable_widget/first_app_widget_wn.htm">Creating Your First Tizen Wearable Native Widget Application</a></li>
+                       <li><a href="native/mobile/first_app_mn.htm" target="content">Creating Your First Tizen Mobile Native Application</a></li>
+                       <li><a href="native/wearable/first_app_wn.htm" target="content">Creating Your First Tizen Wearable Native Application</a></li>
+                       <li><a href="native/wearable_watch/first_app_watch_wn.htm" target="content">Creating Your First Tizen Wearable Native Watch Application</a></li>
+                       <li><a href="native/wearable_widget/first_app_widget_wn.htm" target="content">Creating Your First Tizen Wearable Native Widget Application</a></li>
                        </ul>
                </li>
-               <li><a href="native/process/app_dev_process_n.htm">Application Development Process</a>
+               <li><a href="native/process/app_dev_process_n.htm" target="content">Application Development Process</a>
                <ul>
-                       <li><a href="native/process/creating_app_project_n.htm">Creating the Application Project</a></li>
-                       <li><a href="native/process/setting_properties_n.htm">Setting Project Properties</a></li>
-                       <li><a href="native/process/building_app_n.htm">Building Applications</a></li>
-                       <li><a href="native/process/running_app_n.htm">Running Applications</a></li>
-                       <li><a href="native/process/debugging_app_n.htm">Debugging Applications</a></li>
-                       <li><a href="native/process/performance_n.htm">Optimizing Application Performance</a></li>
+                       <li><a href="native/process/creating_app_project_n.htm" target="content">Creating the Application Project</a></li>
+                       <li><a href="native/process/setting_properties_n.htm" target="content">Setting Project Properties</a></li>
+                       <li><a href="native/process/building_app_n.htm" target="content">Building Applications</a></li>
+                       <li><a href="native/process/running_app_n.htm" target="content">Running Applications</a></li>
+                       <li><a href="native/process/debugging_app_n.htm" target="content">Debugging Applications</a></li>
+                       <li><a href="native/process/performance_n.htm" target="content">Optimizing Application Performance</a></li>
                </ul>
                </li>
-               <li><a href="native/app_model/application_model_n.htm">Tizen Application Model</a></li>
-               <li><a href="native/feature/ui_builder_overview_mn.htm">Overview of Tizen UI Development</a></li>
-               <li><a href="native/feature/ui_builder_app_design_mn.htm">Designing Your Native Application</a></li>
-               <li><a href="native/details/details_n.htm">Understanding Tizen Programming</a>
+               <li><a href="native/app_model/application_model_n.htm" target="content">Tizen Application Model</a></li>
+               <li><a href="native/feature/ui_builder_overview_mn.htm" target="content">Overview of Tizen UI Development</a></li>
+               <li><a href="native/feature/ui_builder_app_design_mn.htm" target="content">Designing Your Native Application</a></li>
+               <li><a href="native/details/details_n.htm" target="content">Understanding Tizen Programming</a>
                <ul>
-                       <li><a href="native/details/tizen_apis_n.htm">Tizen APIs</a></li>
-                       <li><a href="native/details/sec_privileges_n.htm">Security and API Privileges</a></li>
-                       <li><a href="native/details/app_filtering_n.htm">Application Filtering</a></li>
-                       <li><a href="native/details/event_handling_n.htm">Event Handling</a></li>
-                       <li><a href="native/details/error_handling_n.htm">Error Handling</a></li>
-                       <li><a href="native/details/io_overview_n.htm">File System Directory Hierarchy</a></li>
-                       <li><a href="native/details/deprecation_policy_n.htm">API Versioning and Deprecation Policy of the Tizen Platform</a></li>
-                       <li><a href="native/details/sign_certificate_n.htm">Application Signing and Certificates</a></li>
+                       <li><a href="native/details/tizen_apis_n.htm" target="content">Tizen APIs</a></li>
+                       <li><a href="native/details/sec_privileges_n.htm" target="content">Security and API Privileges</a></li>
+                       <li><a href="native/details/app_filtering_n.htm" target="content">Application Filtering</a></li>
+                       <li><a href="native/details/event_handling_n.htm" target="content">Event Handling</a></li>
+                       <li><a href="native/details/error_handling_n.htm" target="content">Error Handling</a></li>
+                       <li><a href="native/details/io_overview_n.htm" target="content">File System Directory Hierarchy</a></li>
+                       <li><a href="native/details/deprecation_policy_n.htm" target="content">API Versioning and Deprecation Policy of the Tizen Platform</a></li>
+                       <li><a href="native/details/sign_certificate_n.htm" target="content">Application Signing and Certificates</a></li>
                </ul>
                </li>
-               <li><a href="native/feature/app_connectivity_n.htm">Creating Applications with Connectivity and Network</a>
+               <li><a href="native/feature/app_connectivity_n.htm" target="content">Creating Applications with Connectivity and Network</a>
                        <ul>
-                               <li><a href="native/feature/app_connectivity_operation_n.htm">Network Operations</a></li>
-                               <li><a href="native/feature/app_connectivity_usage_n.htm">Network Usage</a></li>
-                               <li><a href="native/feature/app_connectivity_p2p_n.htm">P2P Connections with Wi-Fi Direct&trade;</a></li>
+                               <li><a href="native/feature/app_connectivity_operation_n.htm" target="content">Network Operations</a></li>
+                               <li><a href="native/feature/app_connectivity_usage_n.htm" target="content">Network Usage</a></li>
+                               <li><a href="native/feature/app_connectivity_p2p_n.htm" target="content">P2P Connections with Wi-Fi Direct&trade;</a></li>
                        </ul>
                </li>
-               <li><a href="native/feature/app_contacts_n.htm">Creating Applications with Contacts</a>
+               <li><a href="native/feature/app_contacts_n.htm" target="content">Creating Applications with Contacts</a>
                        <ul>
-                               <li><a href="native/feature/app_contacts_basic_n.htm">Basic Concepts</a></li>
-                               <li><a href="native/feature/app_contacts_management_n.htm">Contact Management</a></li>
-                               <li><a href="native/feature/app_contacts_group_n.htm">Group Management</a></li>
+                               <li><a href="native/feature/app_contacts_basic_n.htm" target="content">Basic Concepts</a></li>
+                               <li><a href="native/feature/app_contacts_management_n.htm" target="content">Contact Management</a></li>
+                               <li><a href="native/feature/app_contacts_group_n.htm" target="content">Group Management</a></li>
                        </ul>
                </li>
-               <li><a href="native/feature/app_contentshare_n.htm">Creating Applications with Content Sharing</a>
+               <li><a href="native/feature/app_contentshare_n.htm" target="content">Creating Applications with Content Sharing</a>
                        <ul>
-                               <li><a href="native/feature/app_contentshare_send_n.htm">Sending Content to Other Applications</a></li>
-                               <li><a href="native/feature/app_contentshare_receive_n.htm">Receiving Content from Other Applications</a></li>
-                               <li><a href="native/feature/app_contentshare_nfc_n.htm">Sharing through NFC</a></li>
+                               <li><a href="native/feature/app_contentshare_send_n.htm" target="content">Sending Content to Other Applications</a></li>
+                               <li><a href="native/feature/app_contentshare_receive_n.htm" target="content">Receiving Content from Other Applications</a></li>
+                               <li><a href="native/feature/app_contentshare_nfc_n.htm" target="content">Sharing through NFC</a></li>
                        </ul>
                </li>
-               <li><a href="native/feature/app_graphics_n.htm">Creating Applications with Graphics and Animation</a>
+               <li><a href="native/feature/app_graphics_n.htm" target="content">Creating Applications with Graphics and Animation</a>
                        <ul>
-                               <li><a href="native/feature/app_graphics_square_n.htm">Squares on the Canvas</a></li>
-                               <li><a href="native/feature/app_graphics_polygon_n.htm">Polygons on the Canvas</a></li>
-                               <li><a href="native/feature/app_graphics_animation_n.htm">Animations</a></li>
+                               <li><a href="native/feature/app_graphics_square_n.htm" target="content">Squares on the Canvas</a></li>
+                               <li><a href="native/feature/app_graphics_polygon_n.htm" target="content">Polygons on the Canvas</a></li>
+                               <li><a href="native/feature/app_graphics_animation_n.htm" target="content">Animations</a></li>
                        </ul>
                </li>
-               <li><a href="native/feature/app_multimedia_n.htm">Creating Applications with Multimedia</a>
+               <li><a href="native/feature/app_multimedia_n.htm" target="content">Creating Applications with Multimedia</a>
                        <ul>
-                               <li><a href="native/feature/app_multimedia_audio_n.htm">Audio Playback and Recording</a></li>
-                               <li><a href="native/feature/app_multimedia_video_n.htm">Video Playback and Recording</a></li>
-                               <li><a href="native/feature/app_multimedia_camera_n.htm">Image Capturing with the Camera</a></li>
+                               <li><a href="native/feature/app_multimedia_audio_n.htm" target="content">Audio Playback and Recording</a></li>
+                               <li><a href="native/feature/app_multimedia_video_n.htm" target="content">Video Playback and Recording</a></li>
+                               <li><a href="native/feature/app_multimedia_camera_n.htm" target="content">Image Capturing with the Camera</a></li>
                        </ul>
                </li>
-               <li><a href="native/feature/app_sensor_n.htm">Creating Applications with Sensors</a>
+               <li><a href="native/feature/app_sensor_n.htm" target="content">Creating Applications with Sensors</a>
                        <ul>
-                               <li><a href="native/feature/app_sensor_accelerator_n.htm">Accelerator Sensor Usage</a></li>
-                               <li><a href="native/feature/app_sensor_proximity_n.htm">Proximity Sensor Usage</a></li>
+                               <li><a href="native/feature/app_sensor_accelerator_n.htm" target="content">Accelerator Sensor Usage</a></li>
+                               <li><a href="native/feature/app_sensor_proximity_n.htm" target="content">Proximity Sensor Usage</a></li>
                        </ul>
                </li>
-               <li><a href="native/feature/best_practice_battery_n.htm">Best Practices for Location</a></li>
+               <li><a href="native/feature/best_practice_battery_n.htm" target="content">Best Practices for Location</a></li>
        </ul>
 
-       <h2><a href="web/cover_page_w.htm">Web Application</a></h2>
+<div class="treeheader">
+       <h2><a href="web/cover_page_w.htm" target="content">Web Application</a></h2>
+</div>
+
+<div id="sidetreecontrol2">
+       <a href="?#">Collapse All</a> | <a href="?#">Expand All</a>
+</div>
 
-       <ul>
-               <li><a href="web/getting_started_w.htm">Getting Started</a>
+       <ul id="navigation2">
+               <li><a href="web/getting_started_w.htm" target="content">Getting Started</a>
                        <ul>
-                               <li><a href="web/mobile/first_app_mw.htm">Creating Your First Tizen Mobile Web Application</a></li>
-                               <li><a href="web/wearable/first_app_ww.htm">Creating Your First Tizen Wearable Web Application</a></li>
-                               <li><a href="web/wearable_watch/first_app_watch_ww.htm">Creating Your First Tizen Wearable Web Watch Application</a></li>
-                               <li><a href="web/wearable_widget/first_app_widget_ww.htm">Creating Your First Tizen Wearable Web Widget Application</a></li>
+                               <li><a href="web/mobile/first_app_mw.htm" target="content">Creating Your First Tizen Mobile Web Application</a></li>
+                               <li><a href="web/wearable/first_app_ww.htm" target="content">Creating Your First Tizen Wearable Web Application</a></li>
+                               <li><a href="web/wearable_watch/first_app_watch_ww.htm" target="content">Creating Your First Tizen Wearable Web Watch Application</a></li>
+                               <li><a href="web/wearable_widget/first_app_widget_ww.htm" target="content">Creating Your First Tizen Wearable Web Widget Application</a></li>
                        </ul>
                </li>
-               <li><a href="web/process/app_dev_process_w.htm">Application Development Process</a>
+               <li><a href="web/process/app_dev_process_w.htm" target="content">Application Development Process</a>
                <ul>
-                       <li><a href="web/process/creating_app_project_w.htm">Creating the Application Project</a></li>
-                       <li><a href="web/process/setting_properties_w.htm">Setting Project Properties</a></li>
-                       <li><a href="web/process/coding_app_w.htm">Coding Applications</a></li>
-                       <li><a href="web/process/run_debug_app_w.htm">Running and Debugging Applications</a></li>
+                       <li><a href="web/process/creating_app_project_w.htm" target="content">Creating the Application Project</a></li>
+                       <li><a href="web/process/setting_properties_w.htm" target="content">Setting Project Properties</a></li>
+                       <li><a href="web/process/coding_app_w.htm" target="content">Coding Applications</a></li>
+                       <li><a href="web/process/run_debug_app_w.htm" target="content">Running and Debugging Applications</a></li>
                </ul>
                </li>
-               <li><a href="web/app_model/application_model_w.htm">Tizen Application Model</a></li>
-               <li><a href="web/details/details_w.htm">Understanding Tizen Programming</a>
+               <li><a href="web/app_model/application_model_w.htm" target="content">Tizen Application Model</a></li>
+               <li><a href="web/details/details_w.htm" target="content">Understanding Tizen Programming</a>
                <ul>
-                       <li><a href="web/details/tizen_apis_w.htm">Tizen APIs</a></li>
-                       <li><a href="web/details/sec_privileges_w.htm">Security and API Privileges</a></li>
-                       <li><a href="web/details/app_filtering_w.htm">Application Filtering</a></li>
-                       <li><a href="web/details/web_runtime_w.htm">Web Runtime</a></li>
-                       <li><a href="web/details/event_handling_w.htm">Event Handling</a></li>
-                       <li><a href="web/details/deprecation_policy_w.htm">API Versioning and Deprecation Policy of the Tizen Platform</a></li>
-                       <li><a href="web/details/sign_certificate_w.htm">Application Signing and Certificates</a></li>
+                       <li><a href="web/details/tizen_apis_w.htm" target="content">Tizen APIs</a></li>
+                       <li><a href="web/details/sec_privileges_w.htm" target="content">Security and API Privileges</a></li>
+                       <li><a href="web/details/app_filtering_w.htm" target="content">Application Filtering</a></li>
+                       <li><a href="web/details/web_runtime_w.htm" target="content">Web Runtime</a></li>
+                       <li><a href="web/details/event_handling_w.htm" target="content">Event Handling</a></li>
+                       <li><a href="web/details/deprecation_policy_w.htm" target="content">API Versioning and Deprecation Policy of the Tizen Platform</a></li>
+                       <li><a href="web/details/sign_certificate_w.htm" target="content">Application Signing and Certificates</a></li>
                </ul>
                </li>
        </ul>
+</div>
 
 <script type="text/javascript" src="scripts/jquery.zclip.min.js"></script>
 <script type="text/javascript" src="scripts/showhide.js"></script>
diff --git a/studio.htm b/studio.htm
new file mode 100644 (file)
index 0000000..af1b70c
--- /dev/null
@@ -0,0 +1,11 @@
+<html>
+<head>
+<title>Tizen Source</title>
+</head>
+
+<frameset cols="15%,*">
+<frame src="org.tizen.studio/html/index.htm" name="menu">
+<frame src="org.tizen.studio/html/cover_page.htm" name="content">
+</frameset>
+</HTML>
+
diff --git a/top.htm b/top.htm
new file mode 100644 (file)
index 0000000..0df3ff2
--- /dev/null
+++ b/top.htm
@@ -0,0 +1,14 @@
+<!doctype html>
+<html>
+<head>
+<meta charset='UTF-8'><meta name='viewport' content='width=device-width initial-scale=1'>
+<title>Tizen Developers > Development</title></head>
+<body>
+<h3>
+<a href='training.htm' target='body'>Training</a>&nbsp;&nbsp;&nbsp;&nbsp;
+<a href='guides.htm' target='body'>Guides</a>&nbsp;&nbsp;&nbsp;&nbsp;
+<a href='studio.htm' target='body'>Tizen Studio</a>&nbsp;&nbsp;&nbsp;&nbsp;
+<a href='org.tizen.web.apireference/html/index.htm' target='body'>Web API Reference</a>&nbsp;&nbsp;&nbsp;&nbsp;
+</h3>
+</body>
+</html>
diff --git a/training.htm b/training.htm
new file mode 100644 (file)
index 0000000..360bba6
--- /dev/null
@@ -0,0 +1,11 @@
+<html>
+<head>
+<title>Tizen Source</title>
+</head>
+
+<frameset cols="15%,*">
+<frame src="org.tizen.training/html/index.htm" name="menu">
+<frame src="org.tizen.training/html/cover_page.htm" name="content">
+</frameset>
+</HTML>
+
diff --git a/tree/bower.json b/tree/bower.json
new file mode 100644 (file)
index 0000000..bcd54cf
--- /dev/null
@@ -0,0 +1,22 @@
+{
+  "name": "jquery-treeview",
+  "version": "1.4.2",
+  "homepage": "https://github.com/jzaefferer/jquery-treeview",
+  "description": "Lightweight and flexible transformation of an unordered list into an expandable and collapsable tree, great for unobtrusive navigation enhancements. Supports both location and cookie based persistence.",
+  "main": [
+    "jquery.treeview.css",
+    "jquery.treeview.js"
+  ],
+  "keywords": [
+    "jquery",
+    "treeview"
+  ],
+  "license": "MIT",
+  "ignore": [
+    "**/.*",
+    "node_modules",
+    "bower_components",
+    "test",
+    "tests"
+  ]
+}
diff --git a/tree/changelog.md b/tree/changelog.md
new file mode 100644 (file)
index 0000000..29c6e19
--- /dev/null
@@ -0,0 +1,36 @@
+1.4.1
+-----
+* Fix for #2360
+* Added option cookieOptions: Passed through to $.cookie to set path, domain etc.
+* Tested with jQuery 1.2.x and 1.4.3
+* Fixed combination of persist: "location" and prerendered: true
+
+1.4
+---
+
+* Added changelog (this file)
+* Fixed tree control to search only for anchors, allowing images or other elements inside the controls, while keeping the control usable with the keyboard
+* Restructured folder layout: root contains plugin resources, lib contains script dependencies, demo contains demos and related files
+* Added prerendered option: If set to true, assumes all hitarea divs and classes already rendered, speeding up initialization for big trees, but more obtrusive
+* Added jquery.treeview.async.js for ajax-lazy-loading trees, see async.html demo
+* Exposed $.fn.treeview.classes for custom classes if necessary
+* Show treecontrol only when JavaScript is enabled
+* Completely reworked themeing via CSS sprites, resulting in only two files per theme
+  * updated dotted, black, gray and red theme
+  * added famfamfam theme (no lines)
+* Improved cookie persistence to allow multiple persisted trees per page via cookieId option
+* Improved location persistence by making it case-insensitive
+* Improved swapClass and replaceClass plugin implementations
+* Added folder-closed.gif to filetree example
+
+1.3
+---
+
+* Fixes for all outstanding bugs
+* Added persistence features
+      * location based: click on a link in the treeview and reopen that link after the page loaded
+      * cookie based: save the state of the tree in a cookie on each click and load that on reload
+* smoothed animations, fixing flickering in both IE and Opera
+* Tested in Firefox 2, IE 6 & 7, Opera 9, Safari 3
+* Moved documentation to jQuery wiki
+* Requires jQuery 1.2+
diff --git a/tree/images/ajax-loader.gif b/tree/images/ajax-loader.gif
new file mode 100644 (file)
index 0000000..26d356f
Binary files /dev/null and b/tree/images/ajax-loader.gif differ
diff --git a/tree/images/file.gif b/tree/images/file.gif
new file mode 100644 (file)
index 0000000..d1a7d32
Binary files /dev/null and b/tree/images/file.gif differ
diff --git a/tree/images/folder-closed.gif b/tree/images/folder-closed.gif
new file mode 100644 (file)
index 0000000..9bcf213
Binary files /dev/null and b/tree/images/folder-closed.gif differ
diff --git a/tree/images/folder.gif b/tree/images/folder.gif
new file mode 100644 (file)
index 0000000..2b31631
Binary files /dev/null and b/tree/images/folder.gif differ
diff --git a/tree/images/minus.gif b/tree/images/minus.gif
new file mode 100644 (file)
index 0000000..b15d7e1
Binary files /dev/null and b/tree/images/minus.gif differ
diff --git a/tree/images/plus.gif b/tree/images/plus.gif
new file mode 100644 (file)
index 0000000..c1222e9
Binary files /dev/null and b/tree/images/plus.gif differ
diff --git a/tree/images/treeview-black-line.gif b/tree/images/treeview-black-line.gif
new file mode 100644 (file)
index 0000000..03cb5d7
Binary files /dev/null and b/tree/images/treeview-black-line.gif differ
diff --git a/tree/images/treeview-black.gif b/tree/images/treeview-black.gif
new file mode 100644 (file)
index 0000000..fa277e6
Binary files /dev/null and b/tree/images/treeview-black.gif differ
diff --git a/tree/images/treeview-default-line.gif b/tree/images/treeview-default-line.gif
new file mode 100644 (file)
index 0000000..e88b0d4
Binary files /dev/null and b/tree/images/treeview-default-line.gif differ
diff --git a/tree/images/treeview-default.gif b/tree/images/treeview-default.gif
new file mode 100644 (file)
index 0000000..a3387e7
Binary files /dev/null and b/tree/images/treeview-default.gif differ
diff --git a/tree/images/treeview-famfamfam-line.gif b/tree/images/treeview-famfamfam-line.gif
new file mode 100644 (file)
index 0000000..c507314
Binary files /dev/null and b/tree/images/treeview-famfamfam-line.gif differ
diff --git a/tree/images/treeview-famfamfam.gif b/tree/images/treeview-famfamfam.gif
new file mode 100644 (file)
index 0000000..c568d36
Binary files /dev/null and b/tree/images/treeview-famfamfam.gif differ
diff --git a/tree/images/treeview-gray-line.gif b/tree/images/treeview-gray-line.gif
new file mode 100644 (file)
index 0000000..170382c
Binary files /dev/null and b/tree/images/treeview-gray-line.gif differ
diff --git a/tree/images/treeview-gray.gif b/tree/images/treeview-gray.gif
new file mode 100644 (file)
index 0000000..222c369
Binary files /dev/null and b/tree/images/treeview-gray.gif differ
diff --git a/tree/images/treeview-red-line.gif b/tree/images/treeview-red-line.gif
new file mode 100644 (file)
index 0000000..8602e2d
Binary files /dev/null and b/tree/images/treeview-red-line.gif differ
diff --git a/tree/images/treeview-red.gif b/tree/images/treeview-red.gif
new file mode 100644 (file)
index 0000000..68fc9f1
Binary files /dev/null and b/tree/images/treeview-red.gif differ
diff --git a/tree/jquery.treeview.async.js b/tree/jquery.treeview.async.js
new file mode 100644 (file)
index 0000000..b635444
--- /dev/null
@@ -0,0 +1,108 @@
+/*\r
+ * Async Treeview 0.1 - Lazy-loading extension for Treeview\r
+ *\r
+ * http://bassistance.de/jquery-plugins/jquery-plugin-treeview/\r
+ *\r
+ * Copyright Jörn Zaefferer\r
+ * Released under the MIT license:\r
+ *   http://www.opensource.org/licenses/mit-license.php\r
+ */\r
+\r
+;(function($) {\r
+\r
+function load(settings, root, child, container) {\r
+       function createNode(parent) {\r
+               var current = $("<li/>").attr("id", this.id || "").html("<span>" + this.text + "</span>").appendTo(parent);\r
+               if (this.classes) {\r
+                       current.children("span").addClass(this.classes);\r
+               }\r
+               if (this.expanded) {\r
+                       current.addClass("open");\r
+               }\r
+               if (this.hasChildren || this.children && this.children.length) {\r
+                       var branch = $("<ul/>").appendTo(current);\r
+                       if (this.hasChildren) {\r
+                               current.addClass("hasChildren");\r
+                               createNode.call({\r
+                                       classes: "placeholder",\r
+                                       text: "&nbsp;",\r
+                                       children:[]\r
+                               }, branch);\r
+                       }\r
+                       if (this.children && this.children.length) {\r
+                               $.each(this.children, createNode, [branch])\r
+                       }\r
+               }\r
+       }\r
+       $.ajax($.extend(true, {\r
+               url: settings.url,\r
+               dataType: "json",\r
+               data: {\r
+                       root: root\r
+               },\r
+               success: function(response) {\r
+                       child.empty();\r
+                       $.each(response, createNode, [child]);\r
+               $(container).treeview({add: child});\r
+           }\r
+       }, settings.ajax));\r
+       /*\r
+       $.getJSON(settings.url, {root: root}, function(response) {\r
+               function createNode(parent) {\r
+                       var current = $("<li/>").attr("id", this.id || "").html("<span>" + this.text + "</span>").appendTo(parent);\r
+                       if (this.classes) {\r
+                               current.children("span").addClass(this.classes);\r
+                       }\r
+                       if (this.expanded) {\r
+                               current.addClass("open");\r
+                       }\r
+                       if (this.hasChildren || this.children && this.children.length) {\r
+                               var branch = $("<ul/>").appendTo(current);\r
+                               if (this.hasChildren) {\r
+                                       current.addClass("hasChildren");\r
+                                       createNode.call({\r
+                                               classes: "placeholder",\r
+                                               text: "&nbsp;",\r
+                                               children:[]\r
+                                       }, branch);\r
+                               }\r
+                               if (this.children && this.children.length) {\r
+                                       $.each(this.children, createNode, [branch])\r
+                               }\r
+                       }\r
+               }\r
+               child.empty();\r
+               $.each(response, createNode, [child]);\r
+        $(container).treeview({add: child});\r
+    });\r
+    */\r
+}\r
+\r
+var proxied = $.fn.treeview;\r
+$.fn.treeview = function(settings) {\r
+       if (!settings.url) {\r
+               return proxied.apply(this, arguments);\r
+       }\r
+       if (!settings.root) {\r
+               settings.root = "source";\r
+       }\r
+       var container = this;\r
+       if (!container.children().size())\r
+               load(settings, settings.root, this, container);\r
+       var userToggle = settings.toggle;\r
+       return proxied.call(this, $.extend({}, settings, {\r
+               collapsed: true,\r
+               toggle: function() {\r
+                       var $this = $(this);\r
+                       if ($this.hasClass("hasChildren")) {\r
+                               var childList = $this.removeClass("hasChildren").find("ul");\r
+                               load(settings, this.id, childList, container);\r
+                       }\r
+                       if (userToggle) {\r
+                               userToggle.apply(this, arguments);\r
+                       }\r
+               }\r
+       }));\r
+};\r
+\r
+})(jQuery);\r
diff --git a/tree/jquery.treeview.css b/tree/jquery.treeview.css
new file mode 100644 (file)
index 0000000..298672b
--- /dev/null
@@ -0,0 +1,74 @@
+.treeview, .treeview ul {\r
+       padding: 0;\r
+       margin: 0;\r
+       list-style: none;\r
+}\r
+\r
+.treeview ul {\r
+       background-color: white;\r
+       margin-top: 4px;\r
+}\r
+\r
+.treeview .hitarea {\r
+       background: url(images/treeview-default.gif) -64px -25px no-repeat;\r
+       height: 16px;\r
+       width: 16px;\r
+       margin-left: -16px;\r
+       float: left;\r
+       cursor: pointer;\r
+}\r
+/* fix for IE6 */\r
+* html .hitarea {\r
+       display: inline;\r
+       float:none;\r
+}\r
+\r
+.treeview li {\r
+       margin: 0;\r
+       padding: 3px 0pt 3px 16px;\r
+}\r
+\r
+.treeview a.selected {\r
+       background-color: #eee;\r
+}\r
+\r
+#treecontrol { margin: 1em 0; display: none; }\r
+\r
+.treeview .hover { color: red; cursor: pointer; }\r
+\r
+.treeview li { background: url(images/treeview-default-line.gif) 0 0 no-repeat; }\r
+.treeview li.collapsable, .treeview li.expandable { background-position: 0 -176px; }\r
+\r
+.treeview .expandable-hitarea { background-position: -80px -3px; }\r
+\r
+.treeview li.last { background-position: 0 -1766px }\r
+.treeview li.lastCollapsable, .treeview li.lastExpandable { background-image: url(images/treeview-default.gif); }\r
+.treeview li.lastCollapsable { background-position: 0 -111px }\r
+.treeview li.lastExpandable { background-position: -32px -67px }\r
+\r
+.treeview div.lastCollapsable-hitarea, .treeview div.lastExpandable-hitarea { background-position: 0; }\r
+\r
+.treeview-red li { background-image: url(images/treeview-red-line.gif); }\r
+.treeview-red .hitarea, .treeview-red li.lastCollapsable, .treeview-red li.lastExpandable { background-image: url(images/treeview-red.gif); }\r
+\r
+.treeview-black li { background-image: url(images/treeview-black-line.gif); }\r
+.treeview-black .hitarea, .treeview-black li.lastCollapsable, .treeview-black li.lastExpandable { background-image: url(images/treeview-black.gif); }\r
+\r
+.treeview-gray li { background-image: url(images/treeview-gray-line.gif); }\r
+.treeview-gray .hitarea, .treeview-gray li.lastCollapsable, .treeview-gray li.lastExpandable { background-image: url(images/treeview-gray.gif); }\r
+\r
+.treeview-famfamfam li { background-image: url(images/treeview-famfamfam-line.gif); }\r
+.treeview-famfamfam .hitarea, .treeview-famfamfam li.lastCollapsable, .treeview-famfamfam li.lastExpandable { background-image: url(images/treeview-famfamfam.gif); }\r
+\r
+.treeview .placeholder {\r
+       background: url(images/ajax-loader.gif) 0 0 no-repeat;\r
+       height: 16px;\r
+       width: 16px;\r
+       display: block;\r
+}\r
+\r
+.filetree li { padding: 3px 0 2px 16px; }\r
+.filetree span.folder, .filetree span.file { padding: 1px 0 1px 16px; display: block; }\r
+.filetree span.folder { background: url(images/folder.gif) 0 0 no-repeat; }\r
+.filetree li.expandable span.folder { background: url(images/folder-closed.gif) 0 0 no-repeat; }\r
+.filetree span.file { background: url(images/file.gif) 0 0 no-repeat; }\r
diff --git a/tree/jquery.treeview.edit.js b/tree/jquery.treeview.edit.js
new file mode 100644 (file)
index 0000000..6aea296
--- /dev/null
@@ -0,0 +1,37 @@
+(function($) {
+       var CLASSES = $.treeview.classes;
+       var proxied = $.fn.treeview;
+       $.fn.treeview = function(settings) {
+               settings = $.extend({}, settings);
+               if (settings.add) {
+                       return this.trigger("add", [settings.add]);
+               }
+               if (settings.remove) {
+                       return this.trigger("remove", [settings.remove]);
+               }
+               return proxied.apply(this, arguments).bind("add", function(event, branches) {
+                       $(branches).prev()
+                               .removeClass(CLASSES.last)
+                               .removeClass(CLASSES.lastCollapsable)
+                               .removeClass(CLASSES.lastExpandable)
+                       .find(">.hitarea")
+                               .removeClass(CLASSES.lastCollapsableHitarea)
+                               .removeClass(CLASSES.lastExpandableHitarea);
+                       $(branches).find("li").andSelf().prepareBranches(settings).applyClasses(settings, $(this).data("toggler"));
+               }).bind("remove", function(event, branches) {
+                       var prev = $(branches).prev();
+                       var parent = $(branches).parent();
+                       $(branches).remove();
+                       prev.filter(":last-child").addClass(CLASSES.last)
+                               .filter("." + CLASSES.expandable).replaceClass(CLASSES.last, CLASSES.lastExpandable).end()
+                               .find(">.hitarea").replaceClass(CLASSES.expandableHitarea, CLASSES.lastExpandableHitarea).end()
+                               .filter("." + CLASSES.collapsable).replaceClass(CLASSES.last, CLASSES.lastCollapsable).end()
+                               .find(">.hitarea").replaceClass(CLASSES.collapsableHitarea, CLASSES.lastCollapsableHitarea);
+                       if (parent.is(":not(:has(>))") && parent[0] != this) {
+                               parent.parent().removeClass(CLASSES.collapsable).removeClass(CLASSES.expandable)
+                               parent.siblings(".hitarea").andSelf().remove();
+                       }
+               });
+       };
+
+})(jQuery);
\ No newline at end of file
diff --git a/tree/jquery.treeview.js b/tree/jquery.treeview.js
new file mode 100644 (file)
index 0000000..27cee3f
--- /dev/null
@@ -0,0 +1,250 @@
+/*
+ * Treeview 1.4.2 - jQuery plugin to hide and show branches of a tree
+ *
+ * http://bassistance.de/jquery-plugins/jquery-plugin-treeview/
+ *
+ * Copyright Jörn Zaefferer
+ * Released under the MIT license:
+ *   http://www.opensource.org/licenses/mit-license.php
+ */
+
+;(function($) {
+
+       // TODO rewrite as a widget, removing all the extra plugins
+       $.extend($.fn, {
+               swapClass: function(c1, c2) {
+                       var c1Elements = this.filter('.' + c1);
+                       this.filter('.' + c2).removeClass(c2).addClass(c1);
+                       c1Elements.removeClass(c1).addClass(c2);
+                       return this;
+               },
+               replaceClass: function(c1, c2) {
+                       return this.filter('.' + c1).removeClass(c1).addClass(c2).end();
+               },
+               hoverClass: function(className) {
+                       className = className || "hover";
+                       return this.hover(function() {
+                               $(this).addClass(className);
+                       }, function() {
+                               $(this).removeClass(className);
+                       });
+               },
+               heightToggle: function(animated, callback) {
+                       animated ?
+                               this.animate({ height: "toggle" }, animated, callback) :
+                               this.each(function(){
+                                       jQuery(this)[ jQuery(this).is(":hidden") ? "show" : "hide" ]();
+                                       if(callback)
+                                               callback.apply(this, arguments);
+                               });
+               },
+               heightHide: function(animated, callback) {
+                       if (animated) {
+                               this.animate({ height: "hide" }, animated, callback);
+                       } else {
+                               this.hide();
+                               if (callback)
+                                       this.each(callback);
+                       }
+               },
+               prepareBranches: function(settings) {
+                       if (!settings.prerendered) {
+                               // mark last tree items
+                               this.filter(":last-child:not(ul)").addClass(CLASSES.last);
+                               // collapse whole tree, or only those marked as closed, anyway except those marked as open
+                               this.filter((settings.collapsed ? "" : "." + CLASSES.closed) + ":not(." + CLASSES.open + ")").find(">ul").hide();
+                       }
+                       // return all items with sublists
+                       return this.filter(":has(>ul)");
+               },
+               applyClasses: function(settings, toggler) {
+                       // TODO use event delegation
+                       this.filter(":has(>ul):not(:has(>a))").find(">span").unbind("click.treeview").bind("click.treeview", function(event) {
+                               // don't handle click events on children, eg. checkboxes
+                               if ( this == event.target )
+                                       toggler.apply($(this).next());
+                       }).add( $("a", this) ).hoverClass();
+
+                       if (!settings.prerendered) {
+                               // handle closed ones first
+                               this.filter(":has(>ul:hidden)")
+                                               .addClass(CLASSES.expandable)
+                                               .replaceClass(CLASSES.last, CLASSES.lastExpandable);
+
+                               // handle open ones
+                               this.not(":has(>ul:hidden)")
+                                               .addClass(CLASSES.collapsable)
+                                               .replaceClass(CLASSES.last, CLASSES.lastCollapsable);
+
+                   // create hitarea if not present
+                               var hitarea = this.find("div." + CLASSES.hitarea);
+                               if (!hitarea.length)
+                                       hitarea = this.prepend("<div class=\"" + CLASSES.hitarea + "\"/>").find("div." + CLASSES.hitarea);
+                               hitarea.removeClass().addClass(CLASSES.hitarea).each(function() {
+                                       var classes = "";
+                                       $.each($(this).parent().attr("class").split(" "), function() {
+                                               classes += this + "-hitarea ";
+                                       });
+                                       $(this).addClass( classes );
+                               })
+                       }
+
+                       // apply event to hitarea
+                       this.find("div." + CLASSES.hitarea).click( toggler );
+               },
+               treeview: function(settings) {
+
+                       settings = $.extend({
+                               cookieId: "treeview"
+                       }, settings);
+
+                       if ( settings.toggle ) {
+                               var callback = settings.toggle;
+                               settings.toggle = function() {
+                                       return callback.apply($(this).parent()[0], arguments);
+                               };
+                       }
+
+                       // factory for treecontroller
+                       function treeController(tree, control) {
+                               // factory for click handlers
+                               function handler(filter) {
+                                       return function() {
+                                               // reuse toggle event handler, applying the elements to toggle
+                                               // start searching for all hitareas
+                                               toggler.apply( $("div." + CLASSES.hitarea, tree).filter(function() {
+                                                       // for plain toggle, no filter is provided, otherwise we need to check the parent element
+                                                       return filter ? $(this).parent("." + filter).length : true;
+                                               }) );
+                                               return false;
+                                       };
+                               }
+                               // click on first element to collapse tree
+                               $("a:eq(0)", control).click( handler(CLASSES.collapsable) );
+                               // click on second to expand tree
+                               $("a:eq(1)", control).click( handler(CLASSES.expandable) );
+                               // click on third to toggle tree
+                               $("a:eq(2)", control).click( handler() );
+                       }
+
+                       // handle toggle event
+                       function toggler() {
+                               $(this)
+                                       .parent()
+                                       // swap classes for hitarea
+                                       .find(">.hitarea")
+                                               .swapClass( CLASSES.collapsableHitarea, CLASSES.expandableHitarea )
+                                               .swapClass( CLASSES.lastCollapsableHitarea, CLASSES.lastExpandableHitarea )
+                                       .end()
+                                       // swap classes for parent li
+                                       .swapClass( CLASSES.collapsable, CLASSES.expandable )
+                                       .swapClass( CLASSES.lastCollapsable, CLASSES.lastExpandable )
+                                       // find child lists
+                                       .find( ">ul" )
+                                       // toggle them
+                                       .heightToggle( settings.animated, settings.toggle );
+                               if ( settings.unique ) {
+                                       $(this).parent()
+                                               .siblings()
+                                               // swap classes for hitarea
+                                               .find(">.hitarea")
+                                                       .replaceClass( CLASSES.collapsableHitarea, CLASSES.expandableHitarea )
+                                                       .replaceClass( CLASSES.lastCollapsableHitarea, CLASSES.lastExpandableHitarea )
+                                               .end()
+                                               .replaceClass( CLASSES.collapsable, CLASSES.expandable )
+                                               .replaceClass( CLASSES.lastCollapsable, CLASSES.lastExpandable )
+                                               .find( ">ul" )
+                                               .heightHide( settings.animated, settings.toggle );
+                               }
+                       }
+                       this.data("toggler", toggler);
+
+                       function serialize() {
+                               function binary(arg) {
+                                       return arg ? 1 : 0;
+                               }
+                               var data = [];
+                               branches.each(function(i, e) {
+                                       data[i] = $(e).is(":has(>ul:visible)") ? 1 : 0;
+                               });
+                               $.cookie(settings.cookieId, data.join(""), settings.cookieOptions );
+                       }
+
+                       function deserialize() {
+                               var stored = $.cookie(settings.cookieId);
+                               if ( stored ) {
+                                       var data = stored.split("");
+                                       branches.each(function(i, e) {
+                                               $(e).find(">ul")[ parseInt(data[i]) ? "show" : "hide" ]();
+                                       });
+                               }
+                       }
+
+                       // add treeview class to activate styles
+                       this.addClass("treeview");
+
+                       // prepare branches and find all tree items with child lists
+                       var branches = this.find("li").prepareBranches(settings);
+
+                       switch(settings.persist) {
+                       case "cookie":
+                               var toggleCallback = settings.toggle;
+                               settings.toggle = function() {
+                                       serialize();
+                                       if (toggleCallback) {
+                                               toggleCallback.apply(this, arguments);
+                                       }
+                               };
+                               deserialize();
+                               break;
+                       case "location":
+                               var current = this.find("a").filter(function() {
+                                       return location.href.toLowerCase().indexOf(this.href.toLowerCase()) == 0;
+                               });
+                               if ( current.length ) {
+                                       // TODO update the open/closed classes
+                                       var items = current.addClass("selected").parents("ul, li").add( current.next() ).show();
+                                       if (settings.prerendered) {
+                                               // if prerendered is on, replicate the basic class swapping
+                                               items.filter("li")
+                                                       .swapClass( CLASSES.collapsable, CLASSES.expandable )
+                                                       .swapClass( CLASSES.lastCollapsable, CLASSES.lastExpandable )
+                                                       .find(">.hitarea")
+                                                               .swapClass( CLASSES.collapsableHitarea, CLASSES.expandableHitarea )
+                                                               .swapClass( CLASSES.lastCollapsableHitarea, CLASSES.lastExpandableHitarea );
+                                       }
+                               }
+                               break;
+                       }
+
+                       branches.applyClasses(settings, toggler);
+
+                       // if control option is set, create the treecontroller and show it
+                       if ( settings.control ) {
+                               treeController(this, settings.control);
+                               $(settings.control).show();
+                       }
+
+                       return this;
+               }
+       });
+
+       // classes used by the plugin
+       // need to be styled via external stylesheet, see first example
+       $.treeview = {};
+       var CLASSES = ($.treeview.classes = {
+               open: "open",
+               closed: "closed",
+               expandable: "expandable",
+               expandableHitarea: "expandable-hitarea",
+               lastExpandableHitarea: "lastExpandable-hitarea",
+               collapsable: "collapsable",
+               collapsableHitarea: "collapsable-hitarea",
+               lastCollapsableHitarea: "lastCollapsable-hitarea",
+               lastCollapsable: "lastCollapsable",
+               lastExpandable: "lastExpandable",
+               last: "last",
+               hitarea: "hitarea"
+       });
+
+})(jQuery);
diff --git a/tree/jquery.treeview.sortable.js b/tree/jquery.treeview.sortable.js
new file mode 100644 (file)
index 0000000..40dab0d
--- /dev/null
@@ -0,0 +1,378 @@
+/*\r
+ * jQuery UI Sortable\r
+ *\r
+ * Copyright (c) 2008 Paul Bakaus\r
+ * Dual licensed under the MIT (MIT-LICENSE.txt)\r
+ * and GPL (GPL-LICENSE.txt) licenses.\r
+ *\r
+ * http://docs.jquery.com/UI/Sortables\r
+ *\r
+ * Depends:\r
+ *   ui.base.js\r
+ *\r
+ * Revision: $Id: ui.sortable.js 5262 2008-04-17 13:13:51Z paul.bakaus $\r
+ */\r
+;(function($) {\r
+\r
+       if (window.Node && Node.prototype && !Node.prototype.contains) {\r
+               Node.prototype.contains = function (arg) {\r
+                       return !!(this.compareDocumentPosition(arg) & 16);\r
+               };\r
+       }\r
+\r
+\r
+       $.widget("ui.sortableTree", $.extend($.ui.mouse, {\r
+               init: function() {\r
+\r
+                       //Initialize needed constants\r
+                       var self = this, o = this.options;\r
+                       this.containerCache = {};\r
+                       this.element.addClass("ui-sortableTree");\r
+\r
+                       //Get the items\r
+                       this.refresh();\r
+\r
+                       //Let's determine the parent's offset\r
+                       if(!(/(relative|absolute|fixed)/).test(this.element.css('position'))) this.element.css('position', 'relative');\r
+                       this.offset = this.element.offset();\r
+\r
+                       //Initialize mouse events for interaction\r
+                       this.mouseInit();\r
+\r
+                       //Prepare cursorAt\r
+                       if(o.cursorAt && o.cursorAt.constructor == Array)\r
+                               o.cursorAt = { left: o.cursorAt[0], top: o.cursorAt[1] };\r
+\r
+               },\r
+               plugins: {},\r
+               ui: function(inst) {\r
+                       return {\r
+                               helper: (inst || this)["helper"],\r
+                               position: (inst || this)["position"].current,\r
+                               absolutePosition: (inst || this)["position"].absolute,\r
+                               instance: this,\r
+                               options: this.options,\r
+                               element: this.element,\r
+                               item: (inst || this)["currentItem"],\r
+                               sender: inst ? inst.element : null\r
+                       };\r
+               },\r
+               propagate: function(n,e,inst) {\r
+                       $.ui.plugin.call(this, n, [e, this.ui(inst)]);\r
+                       this.element.triggerHandler(n == "sort" ? n : "sort"+n, [e, this.ui(inst)], this.options[n]);\r
+               },\r
+               serialize: function(o) {\r
+\r
+                       var items = $(this.options.items, this.element).not('.ui-sortableTree-helper'); //Only the items of the sortable itself\r
+                       var str = []; o = o || {};\r
+\r
+                       items.each(function() {\r
+                               var res = ($(this).attr(o.attribute || 'id') || '').match(o.expression || (/(.+)[-=_](.+)/));\r
+                               if(res) str.push((o.key || res[1])+'[]='+(o.key ? res[1] : res[2]));\r
+                       });\r
+\r
+                       return str.join('&');\r
+\r
+               },\r
+               toArray: function(attr) {\r
+                       var items = $(this.options.items, this.element).not('.ui-sortableTree-helper'); //Only the items of the sortable itself\r
+                       var ret = [];\r
+\r
+                       items.each(function() { ret.push($(this).attr(attr || 'id')); });\r
+                       return ret;\r
+               },\r
+               enable: function() {\r
+                       this.element.removeClass("ui-sortableTree-disabled");\r
+                       this.options.disabled = false;\r
+               },\r
+               disable: function() {\r
+                       this.element.addClass("ui-sortableTree-disabled");\r
+                       this.options.disabled = true;\r
+               },\r
+               /* Be careful with the following core functions */\r
+               intersectsWith: function(item) {\r
+\r
+                       var x1 = this.position.absolute.left - 10, x2 = x1 + 10,\r
+                           y1 = this.position.absolute.top - 10, y2 = y1 + 10;\r
+                       var l = item.left, r = l + item.width,\r
+                           t = item.top,  b = t + item.height;\r
+\r
+                       return (   l < x1 + (this.helperProportions.width  / 2)    // Right Half\r
+                               &&     x2 - (this.helperProportions.width  / 2) < r    // Left Half\r
+                               && t < y1 + (this.helperProportions.height / 2)        // Bottom Half\r
+                               &&     y2 - (this.helperProportions.height / 2) < b ); // Top Half\r
+\r
+               },\r
+               intersectsWithEdge: function(item) {\r
+                       var y1 = this.position.absolute.top - 10, y2 = y1 + 10;\r
+                       var t = item.top,  b = t + item.height;\r
+\r
+                       if(!this.intersectsWith(item.item.parents(".ui-sortableTree").data("sortableTree").containerCache)) return false;\r
+\r
+                       if (!( t < y1 + (this.helperProportions.height / 2)        // Bottom Half\r
+                               &&     y2 - (this.helperProportions.height / 2) < b )) return false; // Top Half\r
+\r
+                       if(y2 > t && y1 < t) return 1; //Crosses top edge\r
+                       if(y1 < b && y2 > b) return 2; //Crosses bottom edge\r
+\r
+                       return false;\r
+\r
+               },\r
+               refresh: function() {\r
+                       this.refreshItems();\r
+                       this.refreshPositions();\r
+               },\r
+               refreshItems: function() {\r
+\r
+                       this.items = [];\r
+                       this.containers = [this];\r
+                       var items = this.items;\r
+                       var queries = [$(this.options.items, this.element)];\r
+\r
+                       if(this.options.connectWith) {\r
+                               for (var i = this.options.connectWith.length - 1; i >= 0; i--){\r
+                                       var cur = $(this.options.connectWith[i]);\r
+                                       for (var j = cur.length - 1; j >= 0; j--){\r
+                                               var inst = $.data(cur[j], 'sortableTree');\r
+                                               if(inst && !inst.options.disabled) {\r
+                                                       queries.push($(inst.options.items, inst.element));\r
+                                                       this.containers.push(inst);\r
+                                               }\r
+                                       };\r
+                               };\r
+                       }\r
+\r
+                       for (var i = queries.length - 1; i >= 0; i--){\r
+                               queries[i].each(function() {\r
+                                       $.data(this, 'sortableTree-item', true); // Data for target checking (mouse manager)\r
+                                       items.push({\r
+                                               item: $(this),\r
+                                               width: 0, height: 0,\r
+                                               left: 0, top: 0\r
+                                       });\r
+                               });\r
+                       };\r
+\r
+               },\r
+               refreshPositions: function(fast) {\r
+                       for (var i = this.items.length - 1; i >= 0; i--){\r
+                               if(!fast) this.items[i].height                  = this.items[i].item.outerHeight();\r
+                               this.items[i].top                                               = this.items[i].item.offset().top;\r
+                       };\r
+                       for (var i = this.containers.length - 1; i >= 0; i--){\r
+                               var p =this.containers[i].element.offset();\r
+                               this.containers[i].containerCache.left  = p.left;\r
+                               this.containers[i].containerCache.top   = p.top;\r
+                               this.containers[i].containerCache.width = this.containers[i].element.outerWidth();\r
+                               this.containers[i].containerCache.height= this.containers[i].element.outerHeight();\r
+                       };\r
+               },\r
+               destroy: function() {\r
+\r
+                       this.element\r
+                               .removeClass("ui-sortableTree ui-sortableTree-disabled")\r
+                               .removeData("sortableTree")\r
+                               .unbind(".sortableTree");\r
+                       this.mouseDestroy();\r
+\r
+                       for ( var i = this.items.length - 1; i >= 0; i-- )\r
+                               this.items[i].item.removeData("sortableTree-item");\r
+\r
+               },\r
+               contactContainers: function(e) {\r
+                       for (var i = this.containers.length - 1; i >= 0; i--){\r
+\r
+                               if(this.intersectsWith(this.containers[i].containerCache)) {\r
+                                       if(!this.containers[i].containerCache.over) {\r
+\r
+                                               if(this.currentContainer != this.containers[i]) {\r
+\r
+                                                       //When entering a new container, we will find the item with the least distance and append our item near it\r
+                                                       var dist = 10000; var itemWithLeastDistance = null; var base = this.position.absolute.top;\r
+                                                       for (var j = this.items.length - 1; j >= 0; j--) {\r
+                                                               if(!this.containers[i].element[0].contains(this.items[j].item[0])) continue;\r
+                                                               var cur = this.items[j].top;\r
+                                                               if(Math.abs(cur - base) < dist) {\r
+                                                                       dist = Math.abs(cur - base); itemWithLeastDistance = this.items[j];\r
+                                                               }\r
+                                                       }\r
+\r
+                                                       itemWithLeastDistance ? this.rearrange(e, itemWithLeastDistance) : this.rearrange(e, null, this.containers[i].element);\r
+                                                       this.propagate("change", e); //Call plugins and callbacks\r
+                                                       this.containers[i].propagate("change", e, this); //Call plugins and callbacks\r
+                                                       this.currentContainer = this.containers[i];\r
+\r
+                                               }\r
+\r
+                                               this.containers[i].propagate("over", e, this);\r
+                                               this.containers[i].containerCache.over = 1;\r
+                                       }\r
+                               } else {\r
+                                       if(this.containers[i].containerCache.over) {\r
+                                               this.containers[i].propagate("out", e, this);\r
+                                               this.containers[i].containerCache.over = 0;\r
+                                       }\r
+                               }\r
+\r
+                       };\r
+               },\r
+               mouseStart: function(e,el) {\r
+\r
+                       if(this.options.disabled || this.options.type == 'static') return false;\r
+\r
+                       //Find out if the clicked node (or one of its parents) is a actual item in this.items\r
+                       var currentItem = null, nodes = $(e.target).parents().each(function() {\r
+                               if($.data(this, 'sortableTree-item')) {\r
+                                       currentItem = $(this);\r
+                                       return false;\r
+                               }\r
+                       });\r
+                       if($.data(e.target, 'sortableTree-item')) currentItem = $(e.target);\r
+\r
+                       if(!currentItem) return false;\r
+                       if(this.options.handle) {\r
+                               var validHandle = false;\r
+                               $(this.options.handle, currentItem).each(function() { if(this == e.target) validHandle = true; });\r
+                               if(!validHandle) return false;\r
+                       }\r
+\r
+                       this.currentItem = currentItem;\r
+\r
+                       var o = this.options;\r
+                       this.currentContainer = this;\r
+                       this.refresh();\r
+\r
+                       //Create and append the visible helper\r
+                       this.helper = typeof o.helper == 'function' ? $(o.helper.apply(this.element[0], [e, this.currentItem])) : this.currentItem.clone();\r
+                       if(!this.helper.parents('body').length) this.helper.appendTo("body"); //Add the helper to the DOM if that didn't happen already\r
+                       this.helper.css({ position: 'absolute', clear: 'both' }).addClass('ui-sortableTree-helper'); //Position it absolutely and add a helper class\r
+\r
+                       //Prepare variables for position generation\r
+                       $.extend(this, {\r
+                               offsetParent: this.helper.offsetParent(),\r
+                               offsets: { absolute: this.currentItem.offset() }\r
+                       });\r
+\r
+                       //Save the first time position\r
+                       $.extend(this, {\r
+                               position: {\r
+                                       current: { left: e.pageX, top: e.pageY },\r
+                                       absolute: { left: e.pageX, top: e.pageY },\r
+                                       dom: this.currentItem.prev()[0]\r
+                               },\r
+                               clickOffset: { left: -5, top: -5 }\r
+                       });\r
+\r
+                       this.propagate("start", e); //Call plugins and callbacks\r
+                       this.helperProportions = { width: this.helper.outerWidth(), height: this.helper.outerHeight() }; //Save and store the helper proportions\r
+\r
+                       for (var i = this.containers.length - 1; i >= 0; i--) {\r
+                               this.containers[i].propagate("activate", e, this);\r
+                       } //Post 'activate' events to possible containers\r
+\r
+                       //Prepare possible droppables\r
+                       if($.ui.ddmanager) $.ui.ddmanager.current = this;\r
+                       if ($.ui.ddmanager && !o.dropBehaviour) $.ui.ddmanager.prepareOffsets(this, e);\r
+\r
+                       this.dragging = true;\r
+                       return true;\r
+\r
+               },\r
+               mouseStop: function(e) {\r
+\r
+                       if(this.newPositionAt) this.options.sortIndication.remove.call(this.currentItem, this.newPositionAt); //remove sort indicator\r
+                       this.propagate("stop", e); //Call plugins and trigger callbacks\r
+\r
+                       //If we are using droppables, inform the manager about the drop\r
+                       var dropped = ($.ui.ddmanager && !this.options.dropBehaviour) ? $.ui.ddmanager.drop(this, e) : false;\r
+                       if(!dropped && this.newPositionAt) this.newPositionAt[this.direction == 'down' ? 'before' : 'after'](this.currentItem); //Append to element to its new position\r
+\r
+                       if(this.position.dom != this.currentItem.prev()[0]) this.propagate("update", e); //Trigger update callback if the DOM position has changed\r
+                       if(!this.element[0].contains(this.currentItem[0])) { //Node was moved out of the current element\r
+                               this.propagate("remove", e);\r
+                               for (var i = this.containers.length - 1; i >= 0; i--){\r
+                                       if(this.containers[i].element[0].contains(this.currentItem[0])) {\r
+                                               this.containers[i].propagate("update", e, this);\r
+                                               this.containers[i].propagate("receive", e, this);\r
+                                       }\r
+                               };\r
+                       };\r
+\r
+                       //Post events to containers\r
+                       for (var i = this.containers.length - 1; i >= 0; i--){\r
+                               this.containers[i].propagate("deactivate", e, this);\r
+                               if(this.containers[i].containerCache.over) {\r
+                                       this.containers[i].propagate("out", e, this);\r
+                                       this.containers[i].containerCache.over = 0;\r
+                               }\r
+                       }\r
+\r
+                       this.dragging = false;\r
+                       if(this.cancelHelperRemoval) return false;\r
+                       this.helper.remove();\r
+\r
+                       return false;\r
+\r
+               },\r
+               mouseDrag: function(e) {\r
+\r
+                       //Compute the helpers position\r
+                       this.position.current = { top: e.pageY + 5, left: e.pageX + 5 };\r
+                       this.position.absolute = { left: e.pageX + 5, top: e.pageY + 5 };\r
+\r
+                       //Interconnect with droppables\r
+                       if($.ui.ddmanager) $.ui.ddmanager.drag(this, e);\r
+                       var intersectsWithDroppable = false;\r
+                       $.each($.ui.ddmanager.droppables, function() {\r
+                               if(this.isover) intersectsWithDroppable = true;\r
+                       });\r
+\r
+                       //Rearrange\r
+                       if(intersectsWithDroppable) {\r
+                               if(this.newPositionAt) this.options.sortIndication.remove.call(this.currentItem, this.newPositionAt);\r
+                       } else {\r
+                               for (var i = this.items.length - 1; i >= 0; i--) {\r
+\r
+                                       if(this.currentItem[0].contains(this.items[i].item[0])) continue;\r
+\r
+                                       var intersection = this.intersectsWithEdge(this.items[i]);\r
+                                       if(!intersection) continue;\r
+\r
+                                       this.direction = intersection == 1 ? "down" : "up";\r
+                                       this.rearrange(e, this.items[i]);\r
+                                       this.propagate("change", e); //Call plugins and callbacks\r
+                                       break;\r
+                               }\r
+                       }\r
+\r
+                       //Post events to containers\r
+                       this.contactContainers(e);\r
+\r
+                       this.propagate("sort", e); //Call plugins and callbacks\r
+                       this.helper.css({ left: this.position.current.left+'px', top: this.position.current.top+'px' }); // Stick the helper to the cursor\r
+                       return false;\r
+\r
+               },\r
+               rearrange: function(e, i, a) {\r
+                       if(i) {\r
+                               if(this.newPositionAt) this.options.sortIndication.remove.call(this.currentItem, this.newPositionAt);\r
+                               this.newPositionAt = i.item;\r
+                               this.options.sortIndication[this.direction].call(this.currentItem, this.newPositionAt);\r
+                       } else {\r
+                               //Append\r
+                       }\r
+               }\r
+       }));\r
+\r
+       $.extend($.ui.sortableTree, {\r
+               defaults: {\r
+                       items: '> *',\r
+                       zIndex: 1000,\r
+                       distance: 1\r
+               },\r
+               getter: "serialize toArray"\r
+       });\r
+\r
+\r
+\r
+})(jQuery);\r
diff --git a/tree/readme.md b/tree/readme.md
new file mode 100644 (file)
index 0000000..8b8198b
--- /dev/null
@@ -0,0 +1,37 @@
+# jQuery Treeview
+
+Lightweight and flexible transformation of an unordered list into an expandable and collapsable tree, great for unobtrusive navigation enhancements. Supports both location and cookie based persistence.
+
+Provides some options for customizing, an async-tree extension and an experimental sortable extension.
+
+![screenshot](https://raw.github.com/jzaefferer/jquery-treeview/master/screenshot.png)
+
+### Note that this project is not actively maintained anymore.
+Check out [jqTree](http://mbraak.github.com/jqTree/) for a more up to date plugin.
+
+---
+
+#### [Demo](http://jquery.bassistance.de/treeview/demo/)
+
+#### [Download](https://github.com/jzaefferer/jquery-treeview/zipball/1.4.2)
+
+#### [Changelog](https://raw.github.com/jzaefferer/jquery-treeview/master/changelog.md)
+
+
+## Documentation
+
+```javascript
+.treeview( options )
+```
+
+Takes an unordered list and makes all branches collapsable. The "treeview" class is added if not already present. To hide branches on first display, mark their li elements with the class "closed". If the "collapsed" option is used, mark initially open branches with class "open".
+
+
+## License
+
+Copyright Jörn Zaefferer
+
+Dual licensed under the MIT and GPL licenses:
+
+- http://www.opensource.org/licenses/mit-license.php
+- http://www.gnu.org/licenses/gpl.html
\ No newline at end of file
diff --git a/tree/tizen.js b/tree/tizen.js
new file mode 100644 (file)
index 0000000..6aa45a9
--- /dev/null
@@ -0,0 +1,50 @@
+$(document).ready(function(){
+
+       $("#browser").treeview();
+
+       $("#navigation").treeview({
+               control:"#sidetreecontrol",
+               persist: "location",
+               collapsed: true,
+               animated: "medium",
+               toggle: function() {
+                       window.console && console.log("%o was toggled", this);
+               }
+       });
+
+       $("#navigation2").treeview({
+               control:"#sidetreecontrol2",
+               persist: "location",
+               collapsed: true,
+               toggle: function() {
+                       window.console && console.log("%o was toggled", this);
+               }
+       });
+
+       $("#red").treeview({
+               animated: "fast",
+               collapsed: true,
+               unique: true,
+               persist: "cookie",
+               toggle: function() {
+                       window.console && console.log("%o was toggled", this);
+               }
+       });
+
+       $("#black, #gray").treeview({
+               control: "#treecontrol",
+               persist: "cookie",
+               cookieId: "treeview-black"
+       });
+
+       $("#tree").treeview({
+               collapsed: true,
+               animated: "medium",
+               control:"#sidetreecontrol3",
+               persist: "location"
+       });
+
+});
+
+
+