rotateWindow02.coffee

$ -> 
  log = (x) ->
    console.log x

  navs = $('#navs').children()
  divs = $('#divs').children()
  panels = $('.panel')
  crntPage = 0

  navs.each (index) ->
    $(@).click -> 
      log "click"
      diff = index - crntPage

      deg = if diff > 0 then 180 else -180

      $(divs[index]).css 'transform', 'rotateZ(0deg)'
      setTimeout ->
        for i in [crntPage...index]
          $(divs[i]).css 'transform', "rotateZ(#{deg}deg)"

        crntPage = index
      , 100
      

  position = 0
  direction = ''

  getPosition = (event) ->
    event.originalEvent.pageX

  onTouchStart = (event) ->
    position = getPosition event

  onTouchMove = (event) ->
    move = position - getPosition event
    $(@).css 'transform', "rotateZ(#{move}deg)"
    if move > 100
      direction = 'left'
    else if move < -100
      direction = 'right'

  onTouchEnd = (event) ->
    log "end"

  divs.each (index) ->
    #log index
    $(@).on 'touchstart mousedown', onTouchStart
    $(@).on 'touchmove mousemove', onTouchMove
    $(@).on 'touchend mouseup', onTouchEnd

  log "end"