 
   [X_COORD, Y_COORD] = [1, 2]
 
+  @directions        =
+    leftToRight      : ['left', 'top']
+    topToBottom      : ['top', 'left']
+
   constructor:(options={}, data)->
-    options.cssClass = 'slider'
+
+    options.cssClass   = 'slider'
     super options, data
 
     @pages     = []
     @_coordsY  = []
     @_currentX = 0
 
+    [@_pd, @_spd] = options.directions ? @constructor.directions.leftToRight
+
   addPage:(page)->
     @addSubView page
 
     stack = 100 * (@pages.length)
-    page.setStyle left : "#{stack}%"
+    pref  = {}
+    pref[@_pd] = "#{stack}%"
+    page.setStyle pref
     @pages.push [page]
     @_coordsY.push 0
 

    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

