Gazelle/static/functions/collage.js

function Add(input) {
  if (input.checked == false) {
    Cancel();
  } else {
    if (document.getElementById("choices").raw().value == "") {
      document.getElementById("choices").raw().value += input.name;
    } else {
      document.getElementById("choices").raw().value += "|" + input.name;
    }
  }
}

function Cancel() {
  var e = document.getElementsByTagName("input");
  for (i = 0; i < e.length; i++) {
    if (e[i].type == "checkbox") {
      e[i].checked = false;
    }
  }
  document.getElementById("choices").raw().value = "";
}

function CollageSubscribe(collageid) {
  ajax.get("userhistory.php?action=collage_subscribe&collageid=" + collageid + "&auth=" + authkey, function () {
    var subscribeLink = $("#subscribelink" + collageid).raw();
    if (subscribeLink) {
      subscribeLink.firstChild.nodeValue = subscribeLink.firstChild.nodeValue.charAt(0) == 'U'
        ? "Subscribe"
        : "Unsubscribe";
    }
  });
}

var collageShow = {
  pg: 0,
  pages: false,
  wrap: false,
  init: function (collagePages) {
    this.wrap = document.getElementById('coverart');
    this.pages = collagePages;
    this.max = this.pages.length - 1;
  },

  selected: function () {
    return $('.linkbox .selected').raw();
  },

  createUL: function (data) {
    var ul = document.createElement('div');
    $(ul).add_class('collage_images');
    ul.id = 'collage_page' + this.pg;
    $(ul).html(data);

    $('.tooltip_interactive', ul).each(function () {
      if ($(this).data('title-plain')) {
        $(this).attr('title', $(this).data('title-plain')).removeData('title-plain');
      }
    });
    this.wrap.appendChild(ul);
    return ul;
  },
  page: function (num, el) {
    var ul = $('#collage_page' + num).raw(), s = this.selected(), covers, lists, i;
    this.pg = num;

    if (!ul) {
      covers = this.pages[num];
      if (covers) {
        ul = this.createUL(covers);
      }
    }

    $('.collage_images').ghide();

    $(ul).gshow();
    if (s) {
      $(s).remove_class('selected');
    }

    if (el) {
      $(el.parentNode).add_class('selected');
    }

    $('.collage_image img').on('load', function () {
      var test = true;
      $('.collage_image img').toArray().forEach(function (el) {
        if (!el.complete) test = false
      })
      if (test) wall('.collage_images', '.collage_image', 4)
    })
    wall('.collage_images', '.collage_image', 4)

    // Toggle the page number links
    first = Math.max(0, this.pg - 2);
    if (this.max - this.pg < 2) {
      first = Math.max(this.max - 4, 0);
    }

    last = Math.min(first + 4, this.max);
    for (i = 0; i < first; i++) {
      $('#pagelink' + i).ghide();
    }

    for (i = first; i <= last; i++) {
      $('#pagelink' + i).gshow();
    }

    for (i = last + 1; i <= this.max; i++) {
      $('#pagelink' + i).ghide();
    }

    // Toggle the first, prev, next, and last links
    if (this.pg > 0) {
      $('#prevpage').remove_class('invisible');
    } else {
      $('#prevpage').add_class('invisible');
    }

    if (this.pg > 1) {
      $('#firstpage').remove_class('invisible');
    } else {
      $('#firstpage').add_class('invisible');
    }

    if (this.pg < this.max) {
      $('#nextpage').remove_class('invisible');
    } else {
      $('#nextpage').add_class('invisible');
    }

    if (this.pg < this.max - 1) {
      $('#lastpage').remove_class('invisible');
    } else {
      $('#lastpage').add_class('invisible');
    }

    // Toggle the bar
    if ((last == this.max) && (this.pg != this.max)) {
      $('#nextbar').gshow();
    } else {
      $('#nextbar').ghide();
    }
  },

  nextPage: function () {
    this.pg = this.pg < this.max ? this.pg + 1 : this.pg;
    this.pager();
  },

  prevPage: function () {
    this.pg = this.pg > 0 ? this.pg - 1 : this.pg;
    this.pager();
  },

  pager: function () {
    this.page(this.pg, $('#pagelink' + this.pg).raw().firstChild);
  }
};