Changes in <markup/>

examples/test-pro/app/app.js

@@ -6,7 +6,8 @@ var App = (function(lng, undefined) {
         resources: {
             sections: [
                 'local.html',
-                'http://examples.tapquo.com/remote.html'],
+                'http://examples.tapquo.com/remote.html',
+                'asides.html'],
             templates: [
                 'list-home.html']
         }

examples/test-pro/app/events.js

@@ -59,12 +59,21 @@ App.Events = (function(lng, undefined) {
 
     //SPECIAL
     $$('section#test').on('load', function(event) {
-        console.error('Load #navigation', event);
+        console.error('Load #test', event);
         lng.Router.article('#next', '#files');
     });
 
-    $$('section#next').on('unload', function(event) {
-        console.error('Unload', event);
+    $$('section#test').on('unload', function(event) {
+        console.error('Unload #test', event);
+    });
+
+    $$('article#art-2').on('load', function(event) {
+        console.error('load article', this, event);
+    });
+
+    $$('article#art-1').on('unload', function(event) {
+        console.error(LUNGO.Constants)
+        console.error('unload article', this, event);
     });
 
 })(LUNGO);

examples/test-pro/app/sections/asides.html

@@ -0,0 +1,24 @@
+<aside id="asi-1" class="scrollable">
+    <div>
+        <div class="title" data-count="33">Users</div>
+        <a href="#art-1" data-target="article" data-count="33" data-icon="home">Art-1</a>
+        <a href="#art-2" data-target="article" data-icon="user">Art-2</a>
+        <a href="#art-1" data-target="article">@soyjavi</a>
+        <a href="#art-1" data-target="article">@soyjavi</a>
+        <a href="#art-1" data-target="article">@soyjavi</a>
+        <a href="#art-1" data-target="article">@soyjavi</a>
+        <a href="#art-1" data-target="article">@soyjavi</a>
+        <a href="#art-1" data-target="article">@soyjavi</a>
+        <a href="#art-1" data-target="article">@soyjavi</a>
+        <a href="#art-1" data-target="article">@soyjavi</a>
+        <div class="anchor" data-count="13">Users</div>
+        <a href="#sec-2" data-target="section" data-icon="folder">Sec-1</a>
+        <a href="#art-1" data-target="article">@soyjavi</a>
+        <a href="#art-1" data-target="article">@soyjavi</a>
+        <a href="#art-1" data-target="article">@soyjavi</a>
+        <a href="#art-1" data-target="article">@soyjavi</a>
+        <a href="#art-1" data-target="article">@soyjavi</a>
+        <a href="#art-1" data-target="article">@soyjavi</a>
+        <a href="#art-1" data-target="article">@soyjavi</a>
+    <div>
+</aside>

examples/test-pro/app/sections/local.html

@@ -1,5 +1,11 @@
 <section id="async-local">
     <header data-back="home"  data-title="Async Local Section"></header>
 
+    <article></article>
+</section>
+
+<section id="async-local2">
+    <header data-back="home"  data-title="Async Local Section"></header>
+
     <article></article>
 </section>

examples/test-pro/index.html

@@ -110,14 +110,6 @@
         </article>
     </section>
 
-    <aside id="asi-1" class="scrollable current">
-        <div class="anchor">Users</div>
-        <a href="#art-1" data-target="article">Art-1</a>
-        <a href="#art-2" data-target="article">Art-2</a>
-        <div class="anchor">Users</div>
-        <a href="#sec-2" data-target="section">Sec-1</a>
-    </aside>
-
     <aside id="asi-2" class="onright">
         <a href="#art-1" data-target="article">Art-1</a>
         <a href="#sec-2" data-target="section">Sec-1</a>
@@ -197,6 +189,7 @@
     <script src="../../src/Lungo.Core.js"></script>
     <script src="../../src/Lungo.Dom.js"></script>
     <script src="../../src/Lungo.Service.js"></script>
+    <script src="../../src/Lungo.Constants.js"></script>
     <script src="../../src/router/Lungo.Router.js"></script>
     <script src="../../src/router/Lungo.Router.History.js" ></script>
     <script src="../../src/view/Lungo.View.Resize.js"></script>