/*
 *
 */
function rollOver( imgName, imgPath )
{
	document.images[ imgName ].src = imgPath;
}

/*
 *
 */
function showSubMenu( ID, ArrLassoPairs, StyleAttribs ) 
{
	// Start building out our table which contains our sub navigation elements.
	var SubMenu = '<table class="' + StyleAttribs + '">';
	
	SubMenu += '<tr><td colspan="2">&nbsp;</td><td>&nbsp;</td></tr>';
	
	// Splits the array into pairs.
	var ArrMenuItems = ArrLassoPairs.split( ',' );
	
	// Loop through each pair.
	for( i=0; i < ArrMenuItems.length; i++ ) 
	{
		// Split each pair into a name / value array.
		var ItemProperties = ArrMenuItems[i].split( '=' );
		
		// Creates the navigation element.
		SubMenu += '<tr>';
		SubMenu += '<td><a href="' + ItemProperties[1] + '">' + ItemProperties[0] + '</a>';
		SubMenu += '<img id="' + ID + '_SubMenuElement' + i + '" name="' + ID + '_SubMenuElement' + i + '" align="right" src="images/pixel.gif" border="0"></td>';
		SubMenu += '</tr>';
	}
	
	// Close the table.
	SubMenu += '</table>';
	
	// Returns the sub menu to the calling routine.
	return( SubMenu );
}










/**********************************************************************************************
 *
 */
if( document.layers )
	document.captureEvents( Event.MOUSEMOVE );

document.onmousemove = mousePosition;

var mouseX = 0;
var mouseY = 0;

var xPos = 0;
var yPos = 0;

var xScroll = 0;
var yScroll = 0;

var divName = '';
var parentContainerID = '';

/*
 *
 */
function mousePosition( e )
{
	var posx = 0;
	var posy = 0;
	if( !e )
		var e = window.event;

	if( e.pageX || e.pageY )
	{
		mouseX = e.pageX;
		mouseY = e.pageY;
	}
	else 
		if( e.clientX || e.clientY )
		{
			mouseX = e.clientX + document.body.scrollLeft;
			mouseY = e.clientY + document.body.scrollTop;
		}
		
	if( ( mouseX <= xPos ) || ( mouseX >= ( xPos + xScroll ) ) || ( mouseY <= yPos ) || ( mouseY >= ( yPos + yScroll ) ) );
		hideDiv( divName );		
}


/*
 *
 */
function getElementPosition_X( element )
{
	var x = 0;
	var count = 0;
	
	if( !( element.x ) )
	{
		while( element != null && count < 1000 )
		{
			x += element.offsetLeft;
			element = element.offsetParent;
			count++;
		}
	}
	else
	{
		x = element.x;
	}
	
	return( x );
}


/*
 *
 */
function getElementPosition_Y( element )
{
	var y = 0;
	var count = 0;


	if( !( element.y ) )
	{
		while( element != null && count < 1000 )
		{
			y += element.offsetTop;
			element = element.offsetParent;
			count++;
		}
	}
	else
	{
		y = element.y;
	}

	return( y );
}


/*
 *
 */
function populateDiv( divID, HTML ) 
{
	document.getElementById( divID ).innerHTML = HTML;
}


/*
 *
 */
function displayDivHor( parentContainer, divID, HTML, stretchToParent ) 
{
	divName = divID;
	parentContainerID = parentContainer;	

	xPos = getElementPosition_X( document.getElementById( parentContainerID ) );
	yPos = getElementPosition_Y( document.getElementById( parentContainerID ) );
	
	xScroll = document.getElementById( parentContainerID ).scrollWidth;
	yScroll = document.getElementById( parentContainerID ).scrollHeight;	

	document.getElementById( divID ).style.position = "absolute";	
	document.getElementById( divID ).style.top = ( yPos + yScroll );	
	document.getElementById( divID ).style.left = ( xPos );
	
	if( stretchToParent == 1 )
		document.getElementById( divID ).style.width = xScroll;
	
	populateDiv( divID, HTML );
	
	xPos = getElementPosition_X( document.getElementById( divID ) );
	yPos = getElementPosition_Y( document.getElementById( divID ) );
	
	xScroll = document.getElementById( divID ).scrollWidth;
	yScroll = document.getElementById( divID ).scrollHeight;
}


/*
 *
 */
function displayDivVer( parentContainer, divID, HTML ) 
{
	divName = divID;
	parentContainerID = parentContainer;	

	xPos = getElementPosition_X( document.getElementById( parentContainerID ) );
	yPos = getElementPosition_Y( document.getElementById( parentContainerID ) );
	
	xScroll = document.getElementById( parentContainerID ).scrollWidth;
	yScroll = document.getElementById( parentContainerID ).scrollHeight;	

	document.getElementById( divID ).style.position = "absolute";	
	document.getElementById( divID ).style.top = ( yPos );	
	document.getElementById( divID ).style.left = ( xPos + xScroll );	
	
	populateDiv( divID, HTML );
	
	xPos = getElementPosition_X( document.getElementById( divID ) );
	yPos = getElementPosition_Y( document.getElementById( divID ) );
	
	xScroll = document.getElementById( divID ).scrollWidth;
	yScroll = document.getElementById( divID ).scrollHeight;	
}


/*
 *
 */
function hideDiv( divName )
{
	if( parentContainerID != '' )
	{
		if( !( mouseIsOver( mouseX, mouseY, divName, 15 ) ) && !( mouseIsOver( mouseX, mouseY, parentContainerID, 15 ) ) )
		{
			document.getElementById( divName ).style.position = "absolute";
			document.getElementById( divName ).style.top = 0;
			document.getElementById( divName ).style.left = 0;
			document.getElementById( divName ).width = 0;
			document.getElementById( divName ).length = 0;
			
			
			populateDiv( divName, '' );	
		}
	}
}


/*
 *
 */
function mouseIsOver( mouseX, mouseY, elementName, pad )
{
	var element = document.getElementById( elementName );
	
	var xPos = getElementPosition_X( element );
	var xScroll = element.scrollWidth;
	
	var yPos = getElementPosition_Y( element );
	var yScroll = element.scrollHeight;

	if( ( mouseX <= ( xPos - pad ) ) || ( mouseX >= ( xPos + xScroll + pad ) ) || ( mouseY <= ( yPos - pad ) ) || ( mouseY >= ( yPos + yScroll + pad ) ) )
		return( 0 );
	
	return( 1 );
}