$(document).ready(function() {
  HP.init();
});
var HP = function() {
  var images = [];
  var totalImages = 0;
  var loadedImages = 0;
  var currentDisplayIdx = -1;
  return {
    init : function() {
      $('.img img').each(function(idx) {
        ig = new Image();
        ig.src = $(this).attr('src');
        $(ig).load(loaderHandler);
        images.push(this);
        totalImages++;
      });
    }
  };

  function loaderHandler() {
    loadedImages++;
    checkTransfer();
  }

  function checkTransfer() {
    if (totalImages == loadedImages) {
      for (var idx = 0; idx < images.length; idx++) {
        i = images[idx];
        $(i).fadeOut();
        $(i).css('position', 'relative');
      }
      displaySlideImage();
    }
  }

  function displaySlideImage() {
    var transitionDeltaValue = 1100;
    var delayDeltaValue = 4500;
    setTimeout(function() {
      var idx = getIndex();
      //alert("image idx: "+ idx);
      $('.img-display').fadeOut(transitionDeltaValue, function() {
        $('.img-display').html($(images[idx]).fadeIn(transitionDeltaValue));
        $('.img-display').fadeIn(transitionDeltaValue, function() { displaySlideImage(); });
      });
    }, delayDeltaValue);
  }

  function getIndex() {
    if (currentDisplayIdx == (images.length - 1)) {
      currentDisplayIdx = 0;
    }
    else {
      currentDisplayIdx++;
    }
    return currentDisplayIdx;
  }
}();