var xhr;
var progress;


function resizeControls() {
  $("#previewdiv").css({'width': ($("#CoverImageCol").width() + 0) + 'px', 'height': ($("#CoverImageCol").width() + 'px'});
//  $("#loader").css({'top': (($("#previewdiv").height() / 2) - 100) + 'px', 'left': (($("#previewdiv").width() / 2) - 85) + 'px'});

  $("#book2d_div").css({'width': ($("#MiniImageCol").width() + 0) + 'px'});//, 'height': (($("#MiniImageCol").width() * 1.37) + 0) + 'px'});
  // $("#book2d_loader").css({'top': (($("#book2d_div").height() / 2) - 20) + 'px', 'left': (($("#book2d_div").width() / 2) - 20) + 'px'});

  $("#book3d_div").css({'width': ($("#MiniImageCol").width() + 0) + 'px'});//,, 'height': (($("#MiniImageCol").width() * 1.185) + 0) + 'px'});
  $("#tablet_div").css({'width': ($("#MiniImageCol").width() + 0) + 'px'});//,, 'height': (($("#MiniImageCol").width() * 1.185) + 0) + 'px'});
}

$(window).resize(function () {
  setTimeout(function () {
    resizeControls()
  }, 150);
});

$(document).ready(function () {

  function positionModals(e) {
    var $this = $(this).css('display', 'block'),
      $window = $(window),
      $dialog = $this.find('.modal-dialog'),
      offset = ($window.height() - $window.scrollTop() - $dialog.height()) / 2,
      marginBottom = parseInt($dialog.css('margin-bottom'), 10);

    $dialog.css('margin-top', offset < marginBottom ? marginBottom : offset);
  }

  $(document).on('show.bs.modal', '.modal', positionModals);

  $(window).on('resize', function (e) {
    $('.modal:visible').each(positionModals);
  });

  $("#previewdiv").css({'width': ($("#CoverImageCol").width() + 0) + 'px'});

  $("#book2d_div").css({'width': ($("#MiniImageCol").width() + 0) + 'px'});

  $("#book3d_div").css({'width': ($("#MiniImageCol").width() + 0) + 'px'});
  
  $("#tablet_div").css({'width': ($("#MiniImageCol").width() + 0) + 'px'});


  //-------------------------------------------------------
  $('#book2d_image').on('click', function () {
    $("#previewdiv").css({'width': ($("#CoverImageCol").width() + 0) + 'px'});
    $('#coverimage').attr('src', $('#book2d_image').data("fullimage"));
  });


  //-------------------------------------------------------
  $('#book3d_image').on('click', function () {
    $("#previewdiv").css({'width': ($("#CoverImageCol").width() + 0) + 'px'});
    $('#coverimage').attr('src', $('#book3d_image').data("fullimage"));
  });


  //-------------------------------------------------------
  $('#tablet_image').on('click', function () {
    $("#previewdiv").css({'width': ($("#CoverImageCol").width() + 0) + 'px'});
    $('#coverimage').attr('src', $('#tablet_image').data("fullimage"));
  });

  $("#cart_options").on('change',function () {
    $("#add_to_cart_link").attr("href","/cart/add/"+$("#albumid").val()+"/"+$("#cart_options").val());
  });


});