$(function () {
  "use strict";
  $(window).load(function () {

    var box = $('body');
    box.bind('touchstart', touchHandler);
    box.bind('touchmove', touchHandler);
    box.bind('touchend', touchHandler);

    var first = 0;
    var diff = 0;

    // transformがかかっているdiv内だと動作しない為、一番外に配置
    $(document.body).append('<div id="tu_banner"><a href="http://peatix.com/event/192465" target="_blank"><img src="/sp_data/10th/gekisakacup/img/bnr.png" alt="ENTRY お申込はコチラ"></a></div>');

    function touchHandler(e) {
      //e.preventDefault();
      var touch = event.changedTouches[0];

      if (e.type === 'touchstart') {
        first = touch.pageY;
      }

      if (e.type === 'touchmove') {
        diff = first - touch.pageY;

        if (diff <= 0) {
          //$('#banner').stop().animate({bottom:0}, 200, 'easeInOutCubic');
          $('#tu_banner').addClass("bannerUp");
          console.log("上");
        } else {
          //$('#banner').stop().animate({bottom: '-50px'}, 200, 'easeInOutCubic');
          $('#tu_banner').removeClass("bannerUp");
          console.log("下");
        }

      }

      if (e.type === 'touchend') {}
    }
    
  });

});