EventUtil.addEventHandler(window, 'load', InitMenu);

function InitMenu()
{
	var oTable = document.getElementById('tblMenu');
	if (oTable == null) 
		oTable = tblMenu;
			
	for ( i = 0 ; i < oTable.rows[0].cells.length ; i++ )
	{
		if (oTable.rows[0].cells[i].className == 'DynamicHreaderMenuFont')
		{
		    oTable.rows[0].cells[i].onclick = SelectMenu;
		}
		
		if ( typeof(oTable.rows[0].cells[i].attributes['value']) != "undefined"	)
			oTable.rows[0].cells[i].value =  oTable.rows[0].cells[i].attributes['value'].nodeValue;
			
		oTable.rows[0].cells[i].Number = i ;		
	}
	
	var td = QueryString.get( "td", "0" ) ;
	if (td != 0) SelectMenu( oTable.rows[0].cells[td] );
}
//----------------------------------------------------------------------------------------------------
function ChangeTD(oTable, Selected, Selecting)
{
	var oTR = oTable.tBodies[0].rows[0];
	var aTDs = new Array;
	
	if ( Selecting == Selected ) 
		return;

	for ( i = 0 ; i < oTR.cells.length ; i++ )
		aTDs[i] = oTR.cells[i];
		
	Temp = aTDs[Selected];
	aTDs[Selected] = aTDs[Selecting];
	aTDs[Selecting] = Temp;

	var oFragment = document.createDocumentFragment();
	for ( i = 0 ; i < aTDs.length ; i++ )
		oFragment.appendChild(aTDs[i]);

	oTR.appendChild(oFragment);
}

function SelectMenu( tdSelecting )
{
	if ( tdSelecting == null || typeof( tdSelecting.Number ) == 'undefined' )
		tdSelecting = this;
	var oTable = tdSelecting.parentNode.parentNode.parentNode;
	var aTDSelected, aTDSelectedContent;
	
	var Page = tdSelecting.getAttribute('Page');
	if(Page != null && Page != '' && Page != 'null')
		GetPage(Page);
		
	MenuImageShadow.style.display = '';

	for (var i = 0 ; i < oTable.rows[0].cells.length ; i++ )
	{
		oTable.rows[0].cells[i].style.display = '';	
		if (oTable.rows[0].cells[i].className == 'DynamicHreaderMenuSelected')
			aTDSelected = oTable.rows[0].cells[i];
	}
		
	for (var i = 0 ; i < aTDSelected.childNodes.length ; i++ )
	     if (aTDSelected.childNodes[i].nodeName == 'TABLE')
	     {
	         aTDSelectedContent = aTDSelected.childNodes[i].rows[0].cells[1];
	         break;
	     }

	var Temp = tdSelecting.innerHTML;
	tdSelecting.innerHTML = aTDSelectedContent.innerHTML;
	aTDSelectedContent.innerHTML = Temp;

	Temp = tdSelecting.getAttribute('Page');
	tdSelecting.setAttribute('Page', aTDSelected.getAttribute('Page'));
	aTDSelected.setAttribute('Page', Temp);
	
	Temp = tdSelecting.Number;
	tdSelecting.Number = aTDSelected.Number;
	aTDSelected.Number = Temp;
	
	CellIndex = aTDSelected.Number;
	ChangeTD(oTable, aTDSelected.Number , tdSelecting.Number);
		
	if ( CellIndex == 0 )
	{
		oTable.rows[0].cells[CellIndex + 1].style.display = 'none';
	}
	else
	if ( CellIndex == oTable.rows[0].cells.length - 1 )
	{
		oTable.rows[0].cells[CellIndex - 1].style.display = 'none';
		MenuImageShadow.style.display = 'none';
	}
	else
	{
		oTable.rows[0].cells[CellIndex - 1].style.display = 'none';
		oTable.rows[0].cells[CellIndex + 1].style.display = 'none';
	}

	td = document.getElementById("td"+CellIndex);
	for ( i = 0 ; i < tblSubMenu.rows[0].cells.length - 1 ; i++ )
		tblSubMenu.rows[0].cells[i].style.display = 'none';

	if (td != null)
		td.style.display = '';
}