update

css/style.css

@@ -75,6 +75,7 @@ html body{
     color: white;
     height: auto;
     min-height: 50%;
+    max-height: 100%;
 }
 #player {
     height: auto;
@@ -125,9 +126,13 @@ footer{
 }
 
 #sidenav li {
-    height: 50px;	
+    height: 30px;	
     width: 100px;
+}
 
+#sidenav li.subli {
+    list-style: circle;
+    margin-left: 50px;
 }
 #sidenav ul {
     margin-left: 50px;

index.html

@@ -21,8 +21,8 @@
                         <li>item1</li>
                         <li>item2</li>
                         <li>item3</li>
-                        <li>subitem1</li>
-                        <li>subitem2</li>									
+                        <li class="subli">subitem1</li>
+                        <li class="subli">subitem2</li>									
                         <li>item4</li>
                     </ul>
                 </nav>
@@ -34,7 +34,7 @@
                         <section id="chapterInfo"></section>
                     </div>
                     <audio controls autoplay id="player">
-                        <source id ="playersource" src="">;
+                        <source id ="playersource" src="audio.ogg">;
                     </audio> 
                 </section>
 
@@ -46,7 +46,7 @@
             <footer></footer>
         </div>
 
-        <object data="js/test.json" type="application/json" id="episode" hidden> 
+        <object data="js/episode.json" type="application/json" id="episode" hidden> 
         </object>
     </body>
 </html>	

js/chapter.js

@@ -1,13 +0,0 @@
-/* 
- * To change this template, choose Tools | Templates
- * and open the template in the editor.
- */
-
-
-function Cheapter() {
-
-}
-
-function isCurrentCheapter(id, time) {
-    
-}

js/episode.js

@@ -1,13 +0,0 @@
-/* 
- * To change this template, choose Tools | Templates
- * and open the template in the editor.
- */
-
-
-function Episiode(name) {
-    
-}
-
-function getnextTrack() {
-     return null;
- }

js/mlib.js

@@ -67,15 +67,13 @@ function jumpById(trackId, chapterId) {
 function timeUpdate() {
     actChapter = calcChapterId(actTrack, player.currentTime);
     bread.innerHTML = createBreadCrumb(actTrack, actChapter);
-    select.setAttribute("class", "");
-    select = document.getElementById('list' + actTrack + '.' + actChapter);
-    select.setAttribute("class", "select");
-    
-   
-    
 }
 
 function createBreadCrumb(trackId, chapterId) {
+    episodeInfo.innerHTML = "";
+    trackInfo.innerHTML = "";
+    chapterInfo.innerHTML = "";
+    
     episodeInfo.innerHTML = episodeObj.info;
     var trackObj = episodeObj.tracks[trackId];
     trackInfo.innerHTML = trackObj.info;
@@ -85,6 +83,10 @@ function createBreadCrumb(trackId, chapterId) {
         chapterInfo.innerHTML = chapterObj.info;
         actNewTitle = actNewTitle + " -> " + chapterObj.title;
     }
+    
+    select.setAttribute("class", "");
+    select = document.getElementById('list' + actTrack + '.' + actChapter);
+    select.setAttribute("class", "select");
     return actNewTitle;
 }
 function calcChapterId(trackId, time) {

js/season.js

@@ -1,6 +0,0 @@
-/* 
- * To change this template, choose Tools | Templates
- * and open the template in the editor.
- */
-
-

js/title.js

@@ -1,6 +0,0 @@
-/* 
- * To change this template, choose Tools | Templates
- * and open the template in the editor.
- */
-
-

js/track.js

@@ -1,16 +0,0 @@
-/* 
- * To change this template, choose Tools | Templates
- * and open the template in the editor.
- */
-
-function Track() {
-
-}
-
-function getnextCheapter() {
-     return null;
- }
- 
- function isCurrentTrack(id) {
-     return false;
- }