$(document).ready(function() {
  LoadingProcess.init();
});

LoadingProcess = new Object();

LoadingProcess.translate = {
  checkingDomainsAlt          : 'Ověřuji dostupnost',
  checkingDomains             : 'Ověřuji dostupnost domén, proces může trvat několik minut...',
  selectDomainsClickAddToCart : 'Následně vyberte v seznamu požadované domény a pokračujte kliknutím na tlačítko "Vybrané domény vložit do košíku"',
  checkingAvailability        : 'Ověřuji dostupnost',
  checkingCombination         : 'Ověřuji zvolenou kombinaci, vyčkejte prosím...',
};
LoadingProcess.divIdList = Array();
LoadingProcess.divIdList['domainCheck'] = 'loadingProcessDomainCheck';
LoadingProcess.divIdList['hostingSettingsCheck'] = 'loadingProcessHostingSettingsCheck';

LoadingProcess.init = function() {
  // reakce na klavesu esc - skryti
  $(document).keyup(function(e) {
    if(e.which == 27){
      LoadingProcess.hideLoading();
    }
  });
}

LoadingProcess.prepareDivDomainCheck = function() {
  LoadingProcess.prepareDiv(
    LoadingProcess.divIdList['domainCheck'],
    LoadingProcess.translate.checkingDomainsAlt,
    LoadingProcess.translate.checkingDomains,
    LoadingProcess.translate.selectDomainsClickAddToCart
  );
}

LoadingProcess.showLoadingDomainCheck = function() {
  LoadingProcess.showLoading(LoadingProcess.divIdList['domainCheck']);
}

LoadingProcess.prepareDivHostingSettingsCheck = function() {
  LoadingProcess.prepareDiv(
    LoadingProcess.divIdList['hostingSettingsCheck'],
    LoadingProcess.translate.checkingAvailability,
    LoadingProcess.translate.checkingCombination,
    ''
  );
}

LoadingProcess.showLoadingHostingSettingsCheck = function() {
  LoadingProcess.showLoading(LoadingProcess.divIdList['hostingSettingsCheck']);
}

LoadingProcess.prepareDiv = function(loadingDivId, altText, text1, text2) {
  if($('#'+loadingDivId).length) {
    return;
  }
  $('body').append(''
    +'<div class="loadingProcess" id="'+loadingDivId+'"><div>'
    +'  '+text1
    +'  <span class="progressGifPlaceholder" />'
    +'  <img src="/z_graphics/order/ajaxLoader.gif" alt="'+altText+'" />'
    +'  <span class="smaller">'+text2+'</span>'
    +'</div></div>'
  );
}

LoadingProcess.hideHook = function(){}
LoadingProcess.showHook = function(){}

LoadingProcess.hideLoading = function() {
  LoadingProcess.hideHook();
  $('.loadingProcess').hide();
}

LoadingProcess.showLoading = function(loadingDivId) {
  LoadingProcess.showHook();
  var loadingDiv = $('#'+loadingDivId);
  loadingDiv.css('height', $('body').height() + 'px');
  loadingDiv.show();

  // posunuti odshora
  var windowTopMargin = Math.floor(
    $(window).scrollTop() + (($(window).height() - 60) / 2)
  );
  $('#'+loadingDivId+' div').css('margin-top', windowTopMargin + 'px');

  // ie nespusti animaci gifu - je nutno obrazek znovu vlozit do html dokumentu
  var img = $('#'+loadingDivId+' div img').detach();
  $('#'+loadingDivId+' div .progressGifPlaceholder').after(img);
}