<PUBLIC:COMPONENT>

<PUBLIC:ATTACH EVENT="oncontentready" ONEVENT="initSortTable()"/>
<PUBLIC:METHOD NAME="sortByColumn"/>
<SCRIPT>

var arrowUp, arrowDown;

function initSortTable() {
	element.attachEvent("onclick", sortColumn);
	arrowUp = document.createElement("SPAN");
	var tn = document.createTextNode("5");
	arrowUp.appendChild(tn);
	arrowUp.className = "arrow";

	arrowDown = document.createElement("SPAN");
	var tn = document.createTextNode("6");
	arrowDown.appendChild(tn);
	arrowDown.className = "arrow";
}

function sortByColumn(nCol, bDesc, sType) {
	sortTable(element, nCol, bDesc, sType);
}

function sortTable(tableNode, nCol, bDesc, sType) {
	var tHeadParent = element.tHead;
	
	if (tHeadParent == null)
		return;

	var el = tHeadParent.rows[0].cells[nCol];
	
	if (el == null)
		return;

	if (bDesc != null)
		el._descending = bDesc;
	else
		if (el._descending)	// catch the null
			el._descending = false;
		else
			el._descending = true;
		
	if (tHeadParent.arrow != null) {
		if (tHeadParent.arrow.parentNode != el) {
			tHeadParent.arrow.parentNode._descending = null;	//reset sort order		
		}
		tHeadParent.arrow.parentNode.removeChild(tHeadParent.arrow);
	}
	
	if (el._descending)
		tHeadParent.arrow = arrowDown.cloneNode(true);
	else
		tHeadParent.arrow = arrowUp.cloneNode(true);
		
	el.appendChild(tHeadParent.arrow);

	var tBody = tableNode.tBodies[0];
	var trs = tBody.childNodes;
	var a = new Array();
	
	for (var i=0; i<trs.length; i++) {
		a[i] = trs[i];
	}
	
	a.sort(compareByColumn(nCol,el._descending,sType));
	
	for (var i=0; i<a.length; i++) {
		tBody.appendChild(a[i]);
	}
}

function CaseInsensitiveString(s) {
	return String(s).toUpperCase();
}

function parseDate(s) {
	return Date.parse(s.replace(/\-/g, '/'));
}

function compareByColumn(nCol, bDescending, sType) {
	var c = nCol;
	var d = bDescending;
	
	var fTypeCast = String;
	
	if (sType == "Number")
		fTypeCast = Number;
	else if (sType == "Date")
		fTypeCast = parseDate;
	else if (sType == "CaseInsensitiveString")
		fTypeCast = CaseInsensitiveString;

	return function (n1, n2) {
		if (fTypeCast(n1.cells[c].innerText) < fTypeCast(n2.cells[c].innerText))
			return d ? -1 : +1;
		if (fTypeCast(n1.cells[c].innerText) > fTypeCast(n2.cells[c].innerText))
			return d ? +1 : -1;
		return 0;
	};
}

function sortColumn() {
	var tmp, el, tHeadParent;

	tmp = window.event.srcElement;

	tHeadParent = getParent(tmp, "THEAD");
	el = getParent(tmp, "TD");

	if (tHeadParent == null)	// Didn't click on the head
		return;
		
	if (el != null) {
		var p = el.parentNode;
		var i;
		for (i=0; i<p.childNodes.length; i++) {
			if (p.childNodes[i] == el) break;
		}
		
		sortByColumn(i, null, el.getAttribute("type"));
	}
}

function getParent(el, pTagName) {
	if (el == null) return null;
	else if (el.nodeType == 1 && el.tagName == pTagName)
		return el;
	else
		return getParent(el.parentNode, pTagName);
}

</SCRIPT>
</PUBLIC:COMPONENT>