ecommerce/templates/standard-landing-page/js/framework.js

Easily create Ecommerce sites powered by Hanzo.

/* Paul Irish - raf polyfill */
window.loads = 0;

(function() {
    var lastTime = 0;
    var vendors = ['webkit', 'moz'];
    for(var x = 0; x < vendors.length && !window.requestAnimationFrame; ++x) {
        window.requestAnimationFrame = window[vendors[x]+'RequestAnimationFrame'];
        window.cancelAnimationFrame =
          window[vendors[x]+'CancelAnimationFrame'] || window[vendors[x]+'CancelRequestAnimationFrame'];
    }

    if (!window.requestAnimationFrame)
        window.requestAnimationFrame = function(callback, element) {
            var currTime = new Date().getTime();
            var timeToCall = Math.max(0, 16 - (currTime - lastTime));
            var id = window.setTimeout(function() { callback(currTime + timeToCall); },
              timeToCall);
            lastTime = currTime + timeToCall;
            return id;
        };

    if (!window.cancelAnimationFrame)
        window.cancelAnimationFrame = function(id) {
            clearTimeout(id);
        };
}());

$(function(){
  // Modals
  $('.modal-open').on('click', function(e){
    var $modalOpen = $(this);
    var modalSelector = $modalOpen.attr('data-modal-selector');
    var $modal = $(modalSelector).first();

    $modal.removeClass('hidden');
  });

  $('.modal').on('scroll touchmove mousewheel', function(e){
    e.preventDefault();
    e.stopPropagation();
    return false;
  });

  $('.modal-close').on('click', function(e){
    var $modal = $(this).closest('.modal');
    $modal.addClass('hidden');
  })

  $('.next-section').on('click', function(e){
    var $section = $($(this).parents('section, .block').last());
    var $nextSection = $($section).next();

    if ($nextSection.length !== 0) {
      var offset = ($(window).height() - $nextSection.height()) /2;

      $('html, body').animate({ scrollTop: $nextSection.offset().top - offset }, 500);
    }

    e.preventDefault();
    e.stopPropagation();
    return false;
  })

  $('.button.call-to-action').on('click', function(e){
    var $nextSection = $('#call-to-action');

    if ($nextSection.length !== 0) {
      var offset = ($(window).height() - $nextSection.height()) /2;

      $("html, body").animate({ scrollTop: $nextSection.offset().top - offset }, 1000);
    }

    e.preventDefault();
    e.stopPropagation();
    return false;
  })
});

$(window).load(function(){
  var intervalId = setInterval(function(){
    if (window.loads == 0) {
      clearInterval(intervalId)
      $('.loader').fadeTo(1000, 0, function() {
        $(this).hide();
        $('body').css('overflow', '');
      });

      /* remove JQuery Mobile Loader thing */
      $('.ui-loader').remove();
    }
  }, 16)
})