function PaneSwapper(tabElemIds, paneElemIds) {

	var self = this;

	self.tabElems = new Array();
	self.paneElems = new Array();

	for (var i = 0; i < tabElemIds.length; i++) {

		self.tabElems[i] = document.getElementById(tabElemIds[i]);
		self.paneElems[i] = document.getElementById(paneElemIds[i]);
	}

	self.currIndex = 0;

	/* For each tab element, add an onclick event handler that will swap
	** the panes.. */

	for (var i = 0; i < self.tabElems.length; i++) {

		self.tabElems[i].firstChild.onclick = function() {

			var j = self.currIndex;
			var k;

			for (k = 0; k < self.tabElems.length; k++) {

				if (this.parentNode == self.tabElems[k])
					break;
			}

			if (this != self.tabElems[j].firstChild) {

				self.tabElems[j].setAttribute("class", "display_tab");
				self.tabElems[j].setAttribute("className", "display_tab");
				self.paneElems[j].style.display = "none";

				self.tabElems[k].setAttribute("class", "active_tab");
				self.tabElems[k].setAttribute("className", "active_tab");
				self.paneElems[k].style.display = "block";

				self.currIndex = k;
			}

			return false;
		}
		
	}
}