ugly.coffee

$(document).ready ->

  effect_hide.init()
  tabs.init()

  if $('#video-slider').length > 0

    s = 0
    lastMove = 0

    liLast = $('#video-slider ul li:last-child').offset()
    liWidth = $('#video-slider ul li:last-child').width()
    liLastRight = liLast.left + liWidth
    slider = $('#video-slider').offset()
    sliderWidth = $('#video-slider').width()
    sliderRight = slider.left + sliderWidth

    $('#arrow-left').addClass('arrow-disabled')

    if(liLastRight > sliderRight)
      $('#arrow-right').removeClass('arrow-disabled')
    if(liLastRight < sliderRight)
      $('#arrow-right').addClass('arrow-disabled')

    $(window).resize ->
      liLast = $('#video-slider ul li:last-child').offset()
      liWidth = $('#video-slider ul li:last-child').width()
      liLastRight = liLast.left + liWidth
      slider = $('#video-slider').offset()
      sliderWidth = $('#video-slider').width()
      sliderRight = slider.left + sliderWidth
      liFirst = $('#video-slider ul li:first-child').offset()
      if(liFirst.left <= slider.left)
        $('#arrow-left').removeClass('arrow-disabled')
      if(liLastRight > sliderRight)
        $('#arrow-right').removeClass('arrow-disabled')
      if(liLastRight < sliderRight)
        $('#arrow-right').addClass('arrow-disabled')

    $("#arrow-right").click ->
      $("#video-slider ul li").each ->
        leftMargin = $('#video-slider ul li:first-child').css("margin-left")
        leftMargin = parseInt(leftMargin)
        li = $(this).offset()
        liWidth = $(this).width()
        liRight = li.left + liWidth
        slider = $('#video-slider').offset()
        sliderWidth = $('#video-slider').width()
        sliderRight = slider.left + sliderWidth
        liLastChild = $('#video-slider ul li:last-child').offset()
        liLastWidth = $('#video-slider ul li:last-child').width()
        liLastRight = liLastChild.left + liLastWidth
        j = slider.left + leftMargin
        if(inClick == false)
          if(liRight > sliderRight)
            inClick = true
            setTimeout ( ->
              inClick = false
              #alert("klsldjkdsj")
            ), 500
            s = s - (li.left - j)
            $('#video-slider ul').css("left", s + "px")
            #$('#video-slider').scrollLeft(s)
            $('#arrow-left').removeClass('arrow-disabled')
            right = liLastRight - (li.left - j)
            if(right < sliderRight)
              $('#arrow-right').addClass('arrow-disabled')
              lastMove = li.left - j
            return false

    $("#arrow-left").click ->
      $("#video-slider ul li").each ->
        # $($("#video-slider ul li").get().reverse()).each ->
        leftMargin = $('#video-slider ul li:first-child').css("margin-left")
        leftMargin = parseInt(leftMargin)
        liFirstChild = $('#video-slider ul li:first-child').offset()
        li = $(this).offset()
        liWidth = $(this).width()
        liRight = li.left + liWidth
        slider = $('#video-slider').offset()
        sliderWidth = $('#video-slider').width()
        sliderRight = slider.left + sliderWidth
        liLastChild = $('#video-slider ul li:last-child').offset()
        liLastWidth = $('#video-slider ul li:last-child').width()
        liLastRight = liLastChild.left + liLastWidth
        j = slider.left + leftMargin
        if(inClick == false)
          if((liFirstChild.left < slider.left))
            if(liRight > sliderRight)
              inClick = true
              setTimeout ( ->
                inClick = false
              ), 500
              s = s + (li.left - j)
              $('#video-slider ul').css("left", s + "px")
              $('#arrow-right').removeClass('arrow-disabled')
              left = liFirstChild.left + (li.left - j)
              if(left > slider.left)
                $('#arrow-left').addClass('arrow-disabled')
              return false
            if(liLastRight < sliderRight)
              inClick = true
              setTimeout ( ->
                inClick = false
              ), 500
              s = s + lastMove
              $('#video-slider ul').css("left", s + "px")
              #$('#video-slider').scrollLeft(s)
              $('#arrow-right').removeClass('arrow-disabled')
              left = liFirstChild.left + lastMove
              if(left > slider.left)
                $('#arrow-left').addClass('arrow-disabled')
              return false


    ###$('ul.tabrow li').click ->
      img = $('ul.tabrow li.selected').find("img").attr('src')
      imgU = img.split('-white').join('')
      $('ul.tabrow li.selected').find("img").attr('src', imgU)
      $('ul.tabrow li').removeClass('selected')

      img_sub = $(this).find("img").attr('src')
      imgUrl = img_sub.split('.png').join('-white.png')
      $(this).find("img").attr('src', imgUrl)
      $(this).addClass('selected')###

    $('ul.tabrow li').click ->

      $('ul.tabrow li.selected .title > div:nth-of-type(1)').css("background-position", "0 41px")
      $('ul.tabrow li').removeClass('selected')

      $(this).find(".title > div:nth-of-type(1)").css("background-position", "0 0")
      $(this).addClass('selected')


    $("li.unlocked a.ajax_lightbox_trigger .line").each ->
      percentage = $(this).attr('data-percentage')
      $(this).next().css("width", percentage + "%")

    $(".full_screen").appendTo(".export")