page.coffee

# ------------------------------------------------------
# Page

Page = {}



# ------------------------------------------------------
# Page App

class Page.App
  constructor: ->
    @layout = new Page.Layout($('section.page'))

  start: =>
    # App init


# ------------------------------------------------------
# Page Layout

class Page.Layout
  constructor: (@dom) ->
    @data = @dom.data()
    @links = $('.menu, .link')

    @setBackground()
    @setLinkColor()

  setLinkColor: =>
    @links.css 'color', @data.fontColor

  setLinkHover: =>
    @links.hover ->
      console.log 'hover!'
      @css 'color', @hoverColor

  setBackground: =>
    @dom.css 
      color: @data.fontColor
      backgroundColor: @data.bgColor unless @data.bgColor is null
      backgroundImage: 'url('+@data.bgImage+')' unless @data.bgImage is null
      backgroundRepeat: @data.bgRepeat unless @data.bgRepeat is 'cover'
      backgroundSize: 'cover' if @data.bgRepeat is 'cover'



# ------------------------------------------------------
# Ready

$(document).on 'ready page:load', =>

  if $('body').hasClass('pages show')
    page = new Page.App()
    page.start()