touch-hover-to-link.coffee

# jQuery touch-hover-to-link plugin
# Original author: @mwitekdesign
# Further changes, comments: https://github.com/red-green-refactor/touch-hover-to-link
# Licensed under the MIT license

$ = jQuery

isTouchDevice = ->
  return "ontouchstart" of (document.documentElement)

$.fn.extend
  touchHoverToLink: (options) ->
    _dataLinkSet = false
    item         = this
    $item        = $(item)

    setupTouchLinkItem = () ->
      $item.attr('data-href', $item.attr('href'))
      $item.attr('href', "#touch_click_link")

    bindTouchLinkClickEvent = () ->
      $item.on 'touchstart', (event) ->
        event.preventDefault()
        if $(event.currentTarget).attr('data-linkSet') == "true"
          window.location.href = $(event.currentTarget).attr('data-href')
          _dataLinkSet = false
          return
        else
          $item.attr('data-linkSet', "false")
          $(event.currentTarget).attr('data-linkSet', "true")
          _dataLinkSet = true
          return

    bindCloseHoverToBodyClick = () ->
      $('body').on 'touchstart', (event) ->
        unless $(event.target).hasClass(item.selector.substring(1))
          if _dataLinkSet == true
            $item.attr('data-linkSet', "false")
            _dataLinkSet = false
            return

    if isTouchDevice()
      setupTouchLinkItem()
      bindTouchLinkClickEvent()
      bindCloseHoverToBodyClick()
      return