var itemDivs = new Array();
var frameCount = 35;
var frameSpeed = 15;
var currentFrame = 0;
var hotspot = null;

function MenuInit()
{
	hotspot = document.getElementById('hotspot');
	hotspot.setAttribute( 'onmouseover', 'MenuExtend()' );
	var divRef = document.getElementById('sitemenustart');
					
	for ( var obj = divRef, j = 0; obj; obj = obj.nextSibling )
	{
		if ( obj.nodeType == 1 )
		{
			itemDivs[j] = obj;
			itemDivs[j].init( 0, 1, 'px', 'px', 0, 0, 0, 45 * (j + 1), frameCount );
			j++;
		}
	}
}


function MenuExtend()
{				
	if ( currentFrame < frameCount )
	{
		hotspot.setAttribute('onmouseover', null);
		hotspot.setAttribute('onmouseout', null);
		
		currentFrame++;

		for ( var i = 0, count = itemDivs.length; i < count; i++ )
			itemDivs[i].setFrame(currentFrame);

		setTimeout( 'MenuExtend()', frameSpeed );
	}
	else
	{
		hotspot.setAttribute('onmouseout', 'MenuRetractIfMouseout(event)');
	}
}


function MenuRetractIfMouseout( evnt )
{
	var left = 0;
	var top = 0;
	
	for ( var div = hotspot; div; div = div.offsetParent )
	{
		left += div.offsetLeft;
		top += div.offsetTop;
	}
	
	if ( evnt.clientX < left || evnt.clientX > (left + hotspot.offsetWidth) || evnt.clientY < top || evnt.clientY > (top + hotspot.offsetHeight) )
		MenuRetract();
}


function MenuRetract()
{
	if ( currentFrame > 0 )
	{					
		hotspot.setAttribute('onmouseover', null);
		hotspot.setAttribute('onmouseout', null);
		currentFrame--;

		for ( var i = 0, count = itemDivs.length; i < count; i++ )
			itemDivs[i].setFrame(currentFrame);

		setTimeout( 'MenuRetract()', frameSpeed );
	}
	else
		hotspot.setAttribute('onmouseover', 'MenuExtend()');
}