       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'

    if coord is X_COORD
      pages   = @pages
      current = @_currentX
      key     = @_pd
    else
      pages   = @pages[@_currentX]
      current = @_coordsY[@_currentX]
      key     = @_spd

    return if pages.length <= 1

