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

		lists = $('.collage_images').objects;
		i = lists.length;
		while (i--) {
			$(lists[i]).hide();
		}

		$(ul).show();
		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).hide();
		}
		for (i = first; i <= last; i++) {
			$('#pagelink' + i).show();
		}
		for (i = last + 1; i <= this.max; i++) {
			$('#pagelink' + i).hide();
		}

		// 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').show();
		} else {
			$('#nextbar').hide();
		}
	},
	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);
	}
};