ASP.NET DataGrid Header Slider Control

<script language="javascript">
// ---------------------------------------------------------
// Tony Truong's GridSlideHeader
// Copyright (C) 2003 Tony Truong. All rights reserved.
// http://www.TonyTruong.com/Projects/GridSlideHeaderDemo/GridSlideHeaderDemo.aspx
// http://www.TonyTruong.com/Projects/GridSlideHeaderDemo/GridSlideHeaderDemo2.aspx
// For further reference see http://codeproject.com/aspnet/GridSlideHeader.asp
// ---------------------------------------------------------
// This is customized javascript that is used to create the id's and docking content
// This script was created for ASP.NET but should be usable with any table like object
// such as DataList, DataGrid, and repeaters

	var dg = document.getElementById("_DATAGRIDID");

	//find first element of the grid	
	var oParent = dg.firstChild.firstChild;
	var oElement = oParent.firstChild;
	
	var nCount = 0;
	
	//make sure it's a TD value in this child
	while(oElement != null && oElement.tagName == "TD")
	{
		//if we already have an ID, then lets use it .. otherwise, create the id as dockcontentX
		//this will allow using the GridSlideheader with other user controls that utilize the id property
		if(oElement.id.length == 0)
		{
			oElement.id = "dockcontent" + nCount.toString();
		}
		oElement.style.position = "relative";
		var dockX = new dockit(oElement.id, 0);
		
		oElement = oElement.nextSibling;
		nCount++;
	}
</script>