$(document).ready(function () {
  $("#content").prepend(container);
  updateShoppingCardIfExists();
  showBanner();
});


function addToCard(product,iAmount) {
  if (!iAmount) {
    iAmount = 1;
  }
  var url="/index.php"
  url=url+"?op=addToCard"
  url=url+"&prod="+product
  url=url+"&count="+iAmount
  url=url+"&sid="+Math.random();

  $.ajax({
    url: url,
    type: "GET",
    success: replyaddToCard
  });
}

function replyaddToCard() {
  if ($('#shopping_card_block').length == 0) {
    window.location.href="https://www.deballonnenwinkel.be/index.php?op=viewCard";
  } else {
    confirm("Verder winkelen?", function () {
      window.location.href = 'https://www.deballonnenwinkel.be/index.php?op=viewCard';
    });
    updateShoppingCardBlock();
  }
}

function updateShoppingCardIfExists() {
  if ($('#shopping_card_block').length > 0 && $('#shoppingCardForm').length == 0) {
    updateShoppingCardBlock();
  }
}

function updateShoppingCardBlock() {
  $.get('/index.php', { op: 'viewCardBlock'}, function(data) {
    $('#shopping_card_block').html(data);
  });
}

function postAddToCardForm() {
  var oForm = $('#product');
  var data = oForm.serialize();
  var url= oForm.attr('action');

  $.ajax({
    url: url,
    data: data,
    type: "GET",
    success: replyaddToCardForm
  });

  return false;
}

function replyaddToCardForm() {
  updateShoppingCardIfExists();
  confirm("Verder winkelen?", function () {
    window.location.href = 'https://www.deballonnenwinkel.be/index.php?op=viewCard';
  });
}

function showBanner() {
  if ($('.banner') == undefined || $('.banner')==null) return false
  var aBanners = $('.banner');
  for (i=0;i<aBanners.length;i++) {
    aBannerItems = aBanners[i].getElementsByClassName('banner_item');
    iBannerToShow = Math.ceil(Math.random()*aBannerItems.length);
    aBannerItems[parseInt(iBannerToShow)-1].style.display='block';
  }
}

function isNumberKey(evt) {
  var charCode = (evt.which) ? evt.which : event.keyCode
  if (charCode > 31 && (charCode < 48 || charCode > 57))
    return false;

  return true;
}


function changeImage(sImage)
{
  if (sImage=="")
  {
    return;
  }
  sPicDir = document.getElementById('pic_dir').value;
  document.getElementById('img_small').src= sPicDir + 'small/' + sImage;
  document.getElementById('img_big').href= sPicDir + 'large/' + sImage;
}

var container = '<div id="besteldialog"><div class="message"></div><div class="buttons"><div class="no">Naar de winkelwagen</div><div class="yes simplemodal-close">Ja</div></div></div>';

function confirm(message, callback) {
  $('#besteldialog').modal({
    position: ["50%",],
    overlayId: 'confirm-overlay',
    containerId: 'confirm-container', 
    onShow: function (dialog) {
      $('.message', dialog.data[0]).append(message);

      // if the user clicks "yes"
      $('.no', dialog.data[0]).click(function () {
        // call the callback
        if ($.isFunction(callback)) {
          callback.apply();
        }
        // close the dialog
        $.modal.close();
      });
    }
  });
}