       left     : '10px'
       bottom   : '10px'
 
-    @addSubView downButton = new KDButtonView
+    @addSubView previousSubPageButton = new KDButtonView
       cssClass : 'Down'
-      title    : 'Down Page'
-      callback : => @slider.downPage()
+      title    : 'Previous SubPage'
+      callback : => @slider.previousSubPage()
 
-    downButton.setStyle
+    previousSubPageButton.setStyle
+      position : 'absolute'
+      left     : '200px'
+      bottom   : '10px'
+
+    @addSubView nextSubPageButton = new KDButtonView
+      cssClass : 'up'
+      title    : 'Next SubPage'
+      callback : => @slider.nextSubPage()
+
+    nextSubPageButton.setStyle
       position : 'absolute'
       right    : '200px'
       bottom   : '10px'
-
-    @addSubView upButton = new KDButtonView
-      cssClass : 'up'
-      title    : 'Up Page'
-      callback : => @slider.upPage()
-
-    upButton.setStyle
-      position : 'absolute'
-      left     : '200px'
-      bottom   : '10px'

    KD.getSingleton("mainView").enableFullscreen()

    @addSubView @slider = new Slider

    @slider.addPage page1 = new Page
      content  : 'Page 1'


    lastAddedPage = @pages.last
    stack = 100 * lastAddedPage.length
    pref  = {}
    pref[@_spd] = "#{stack}%"
    page.setStyle pref
    lastAddedPage.push page

  nextPage:->
    @jump @_currentX + 1, X_COORD
  previousPage:->
    @jump @_currentX - 1, X_COORD

  nextSubPage:->
    @jump @_coordsY[@_currentX] + 1, Y_COORD
  previousSubPage:->
    @jump @_coordsY[@_currentX] - 1, Y_COORD

  jump:(pageIndex, coord)->
