Touch/click events wrapper

touch.js

  ISTOUCHING = false;

  function useTouchEvents() {
    return isTouchDevice();
  }

  function triggerClick(dom) {
    if (useTouchEvents()) {
      dom.trigger('tap');
    } else {
      dom.trigger('click');
    }
  }

  function addClickHandler(dom, callback, logThis) {
    if (useTouchEvents()) {
      dom.each(function() {
        $(this).unbind('tap', callback);
        $(this).bind('tap', callback);

        $(this).bind('touchstart', function(e) {
          e.preventDefault();
          var item = e.currentTarget;
          if (ISTOUCHING) return;
          item.moved = false;
          ISTOUCHING = true;
          item.startX = e.touches[0].pageX;
          item.startY = e.touches[0].pageY;
          $(item).addClass('active');
        });

        $(this).bind('touchmove', function(e) {
          var item = e.currentTarget;
          if (Math.abs(e.touches[0].pageX - item.startX) > 10 ||
              Math.abs(e.touches[0].pageY - item.startY) > 10) {
            item.moved = true;
            $(item).removeClass('active');
          }
        });

        $(this).bind('touchend', function(e) {
          var item = e.currentTarget;
          ISTOUCHING = false;
          
          if(!item.moved) { 
            $(item).trigger('tap');
          }
          
          setTimeout(function() {
            $(item).removeClass('active');
          }, 1000);

          delete item.moved;
        });

      });
    } else {
      dom.unbind('click', callback).bind('click', callback);
    }
  }