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('ul');
		$(ul).add_class('collage_images');
		ul.id = 'collage_page' + this.pg;
		$(ul).html(data);
		if ($.fn.tooltipster) {
			$('.tooltip_interactive', ul).tooltipster({
				interactive: true,
				interactiveTolerance: 500,
				delay: tooltip_delay,
				updateAnimation: false,
				maxWidth: 400
			});
		} else {
			$('.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');
		}


		// 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);
	}
};