car.js.coffee

# DEMO - http://darenta.ru/

class Car
  constructor: ($element)->
    @element = $element
    @window = $(window)
    @car_offset_top = 369
    @car_offset_bottom = 123

    @window.on "scroll", => @go()
    @direction()
    
  start: ->
    @element.css 
      top: @car_offset_top
  
  stop: ->
    @element.css 
      top: @road_height
  
  drive: ->  
    @element.css
      top: @window.scrollTop() * 1.180999181

  direction: ->
    lastScrollTop = 0
    @window.on "scroll", =>
      st = @window.scrollTop()
      if st > lastScrollTop
        console.log "scroll down"
      else
        console.log "scroll up"
      lastScrollTop = st

  go: ->
    @down = @window.scrollTop() + (@window.height() - (@car_offset_top + @car_offset_bottom))
    @road_height = $('#wrap').height() - (@car_offset_bottom + @car_offset_top)

    if @window.scrollTop() < @car_offset_top
      @start()

    else if @down >= @road_height
      @stop()

    else if @window.scrollTop() > @car_offset_top
      @drive()
      
$ ->
  $t = $('#car:not(.done)')
  if $t.length > 0
    $t.addClass('done')
    new Car($t)