var current_allocated_slots = 0;

var current_slots = {};

var tooltip = [

  "<div class='tooltip'>",

  "<div class='tooltip-body'>",

  "<img src='/soc/content/images/purrInfo.png' alt='' />",

  "<h3>Slots</h3>",

  "<p id='p_assigned_slots'></p>",

  "<p id='p_remaining_slots'></p>",

  "<p id='p_total_slots'></p></div>",

  "<div class='tooltip-bottom'></div>",

  "</div>"

].join('');

jQuery.postJSON = function (post_url, to_json, callback) {

  jQuery.ajax({

    url: post_url,

    type: 'POST',

    processData: true,

    data: {result: JSON.stringify(to_json)},

    contentType: 'application/json',

    dataType: 'json',

    success: callback

  });

};

function updateCurrentSlots() {

  current_allocated_slots = 0;

  jQuery.each(current_slots, function (org_id, org_details) {

    current_allocated_slots =

      current_allocated_slots + Number(org_details.slots);

  });

}

function updateOverlay() {

  updateCurrentSlots();

  var remaining_slots = window.MAX_AVAILABLE_SLOTS - current_allocated_slots;

  jQuery("#p_assigned_slots")

    .html("<strong>Assigned slots:</strong> " + current_allocated_slots);

  jQuery("#p_remaining_slots")

    .html("<strong>Remaining slots:</strong> " + remaining_slots);

}

function updateFromJSON(data) {

  if (data) {

    jQuery(data.data).each(

      function (intIndex, item) {

        jQuery("#id_spin_slot_count_" + item.link_id).val(item.slots);

        current_slots[item.link_id] = {

          slots: item.slots,

          locked: item.locked,

          adjustment: item.adjustment

        };

        jQuery("#id_locked_slot_" + item.link_id)

          .attr("checked", item.locked);

        jQuery("#id_spin_adjustment_count_" + item.link_id)

          .val(item.adjustment);

      }

    );

    updateOverlay();

  }

}

function retrieveJSON() {

  jQuery.getJSON(

    window.RETURN_URL + "?_=" + (new Date().getTime()),

    function (data) {

      if (data) {

        updateFromJSON(data);

      }

    }

  );

}

function reCalculate() {

  var url = window.RETURN_URL + "?_=" + (new Date().getTime());

  jQuery.postJSON(url, current_slots, updateFromJSON);

}

function submit() {

  var url = window.RETURN_URL + "?submit=1&_=" + (new Date().getTime());

  jQuery.postJSON(url, current_slots, updateFromJSON);

}

function load() {

  var url = window.RETURN_URL + "?load=1&_=" + (new Date().getTime());

  jQuery.postJSON(url, current_slots, updateFromJSON);

}

function lockSlots(checkbox) {

  var locked = jQuery(checkbox).attr("checked");

  var re = /^id_locked_slot_(\w*)/;

  var org_link_id = checkbox.id.match(re)[1];

  current_slots[org_link_id].locked = locked;

}

function assignSlots(counter) {

  var re = /^id_spin_slot_count_(\w*)/;

  var org_link_id = counter.id.match(re)[1];

  current_slots[org_link_id].slots = jQuery(counter).val();

  updateCurrentSlots();

  updateOverlay();

}

function assignAdjustment(counter) {

  var re = /^id_spin_adjustment_count_(\w*)/;

  var org_link_id = counter.id.match(re)[1];

  current_slots[org_link_id].adjustment = jQuery(counter).val();

}