addLoadListener(initSortableRouteTables);

function initSortableRouteTables()
{
  if (identifyBrowser() != "ie5mac")
  {
    var tables = getElementsByAttribute("class", "routes_gevonden");

    for (var i = 0; i < tables.length; i++)
    {
      var ths = tables[i].getElementsByTagName("th");

      for (var k = 0; k < ths.length; k++)
      {
        var newA = document.createElement("a");
        newA.setAttribute("href", "#");
        newA.setAttribute("title", "Sort by this column in descending order");

        for (var m = 0; m < ths[k].childNodes.length; m++)
        {
          newA.appendChild(ths[k].childNodes[m]);
        }

        ths[k].appendChild(newA);

        attachEventListener(newA, "click", sortRouteColumn, false);
      }
    }
  }

  return true;
}

function sortRouteColumn(event)
{
  if (typeof event == "undefined")
  {
    event = window.event;
  }

  var targetA = getEventTarget(event);

  while (targetA.nodeName.toLowerCase() != "a")
  {
  targetA = targetA.parentNode;
  }

  var targetTh = targetA.parentNode;
  var targetTr = targetTh.parentNode;
  var targetTrChildren = targetTr.getElementsByTagName("th");
  var targetTable = targetTr.parentNode.parentNode;
  var targetTbody = targetTable.getElementsByTagName("tbody")[0];
  var targetTrs = targetTbody.getElementsByTagName("tr");
  var targetColumn = 0;

  for (var i = 0; i < targetTrChildren.length; i++)
  {
    targetTrChildren[i].className = targetTrChildren[i].className.replace(/(^| )sortedDescending( |$)/, "$1");
    targetTrChildren[i].className = targetTrChildren[i].className.replace(/(^| )sortedAscending( |$)/, "$1");

    if (targetTrChildren[i] == targetTh)
    {
      targetColumn = i;

      if (targetTrChildren[i].sortOrder == "descending" && targetTrChildren[i].clicked)
      {
        targetTrChildren[i].sortOrder = "ascending";
        targetTrChildren[i].className += " sortedAscending";
        targetA.setAttribute("title", "Sort by this column in descending order");
      }
      else
      {
        if (targetTrChildren[i].sortOrder == "ascending" && !targetTrChildren[i].clicked)
        {
          targetTrChildren[i].className += " sortedAscending";
        }

        else
        {
          targetTrChildren[i].sortOrder = "descending";
          targetTrChildren[i].className += " sortedDescending";
          targetA.setAttribute("title", "Sort by this column in ascending order");
        }
      }

      targetTrChildren[i].clicked = true;
    }
    else
    {
      targetTrChildren[i].clicked = false;

      if (targetTrChildren[i].sortOrder == "ascending")
      {
        targetTrChildren[i].firstChild.setAttribute("title", "Sort by this column in ascending order");
      }
      else
      {
        targetTrChildren[i].firstChild.setAttribute("title", "Sort by this column in descending order");
      }
    }
  }

  var newTbody = targetTbody.cloneNode(false);

  for (var i = 0; i < targetTrs.length; i++)
  {
    var newTrs = newTbody.childNodes;
    var targetValue = getInternalText(targetTrs[i].getElementsByTagName("td")[targetColumn]);

    for (var j = 0; j < newTrs.length; j++)
    {
      var newValue = getInternalText(newTrs[j].getElementsByTagName("td")[targetColumn]);

	  
      if (targetValue == parseInt(targetValue, 10) && newValue == parseInt(newValue, 10))
      {
        targetValue = parseInt(targetValue, 10);
        newValue = parseInt(newValue, 10);
      }
      else if (targetValue == parseFloat(targetValue) && newValue == parseFloat(newValue))
      {
        targetValue = parseFloat(targetValue, 10);
        newValue = parseFloat(newValue, 10);
      }
	  
	  // hier nog een stringcheck conversie regelen
	  

      if (targetTrChildren[targetColumn].sortOrder == "descending")
      {
        if (targetValue >= newValue)
        {
          break;
        }
      }
      else
      {
        if (targetValue <= newValue)
        {
          break;
        }
      }
    }

    if (j >= newTrs.length)
    {
      newTbody.appendChild(targetTrs[i].cloneNode(true));
    }
    else
    {
      newTbody.insertBefore(targetTrs[i].cloneNode(true), newTrs[j]);
    }
  }

  targetTable.replaceChild(newTbody, targetTbody);

  stopDefaultAction(event);

  return false;
}

function getInternalText(target)
{
  var elementChildren = target.childNodes;
  var internalText = "";

  for (var i = 0; i < elementChildren.length; i++)
  {
    if (elementChildren[i].nodeType == 3)
    {
      if (!/^\s*$/.test(elementChildren[i].nodeValue))
      {
        internalText += elementChildren[i].nodeValue;
      }
    }
    else
    {
      internalText += getInternalText(elementChildren[i]);
    }
  }

  return internalText;
}