<!--
   
    var previousColumnIndex = 0;  // initial column must be pre-sorted
	

	function SortTable(selectedColumnIndex) 
	{
		var table = document.getElementById("movies");
		var tableBody = table.getElementsByTagName("tbody")[0];
		var tableRows = tableBody.getElementsByTagName("tr");

		// Get the data of selected column
		var originalColumnArray = new Array();
		for (var i=0; i < tableRows.length; i++) 
		{
			originalColumnArray[i] = new Object;
			originalColumnArray[i].oldIndex = i;
			originalColumnArray[i].value = tableRows[i].getElementsByTagName("td")[selectedColumnIndex].firstChild.nodeValue;
		}
		
		if (selectedColumnIndex == previousColumnIndex) 
		{ 
			// User clicked on the same column again, reverse sort direction.
			originalColumnArray.reverse(); 
		}
		else 
		{
			// Select sorting method depending on column type
			if (selectedColumnIndex == 2) 
			{
				originalColumnArray.sort(CompareDigits);
			}
			else 
			{
				originalColumnArray.sort(Compare);
			}
			previousColumnIndex = selectedColumnIndex;
		}
		
		// Create a new tbody and copy old rows using the sorted index
		var sortedTableBody = document.createElement("tbody");
		for (var i=0; i < originalColumnArray.length; i++) 
		{
			sortedTableBody.appendChild(tableRows[originalColumnArray[i].oldIndex].cloneNode(true));
		}
		
		// Replace old table with new one
		table.replaceChild(sortedTableBody, tableBody);
	}
	
	function Compare(x, y) 
	{
		var xValue = x.value;
		var yValue = y.value;
		return (xValue == yValue ? 0 : (xValue > yValue ? 1 : -1));
	}

	function CompareDigits(x, y) 
	{
		var xValue = parseInt(x.value);
		var yValue = parseInt(y.value);
		return (xValue - yValue);
	}

//-->