var hold = false;
var mouseOutFired = false;
var visible = null;
var menu_list = Array();
	menu_list[ menu_list.length ] = 'services';
	menu_list[ menu_list.length ] = 'about_us';



function opacity( id, opacStart, opacEnd, millisec ) 
{
	if ( id == 'clear' )
	{
		opacStart = 100;
		opacEnd = 0;
		clearMenu( id );
		return;
		
	}
	if ( visible != id )
	{
		hold = false;
	}
    var speed = Math.round(millisec / 100);
    var timer = 0;
	
	 // appear
	if( opacStart < opacEnd && ! hold ) 
    {
    	setHold( true );
    	setTimeout("setHoldTime('" + id + "'," + opacStart + "," + opacEnd + "," + millisec + ")",(1200));
    	clearMenu( id );
		visible = id;
        for( i = opacStart; i <= opacEnd; i++ )
        {
            setTimeout("changeOpac(" + i + ",'" + id + "')",( timer * speed ));
            timer++;
        }
    }
	// disappear
    else  if( ( opacStart > opacEnd ) ) 
    {
    	if ( !hold ) 
    	{
	    	setHold( false );
	        for(i = opacStart; i >= opacEnd; i--) 
	        {
	            setTimeout("changeOpac(" + i + ",'" + id + "')",( timer * speed ));
	            timer++;
	        }
    	}
    } 
}

function clearMenu( id )
{
	//debugger;
	for ( var i=0; i < menu_list.length; i=i+1 )
	{
		if ( menu_list[ i ] == id )
		{ 			
			document.getElementById( menu_list[ i ] ).style.zIndex  = 50;	
		}
		else
		{
			changeOpac( 0, menu_list[ i ] );
			document.getElementById( menu_list[ i ] ).style.zIndex  = i;	
		}
	}
}

function setHoldTime( id, opacStart, opacEnd, millisec ) 
{

	setHold( false );
	
//	if ( mouseOutFired == true ) {
//		setMouseOutFired( false );
//		opacity( id, opacEnd, opacStart, millisec );
//	}
}
//change the opacity for different browsers
function changeOpac( opacity, id ) 
{
    var object = document.getElementById( id ).style;
    object.opacity = ( opacity / 100 );
    object.MozOpacity = ( opacity / 100 );
    object.KhtmlOpacity = ( opacity / 100 );
    object.filter = "alpha(opacity=" + opacity + ")";
}

function onMenuMouseOver( id )
{
	var opacStart = 0;
	var opacEnd = 100;
	var millisec = 500;
	
	opacity( id, opacStart, opacEnd, millisec );
}
function onMenuMouseOut( id )
{
	var opacStart = 100;
	var opacEnd = 0;
	var millisec = 500;
	// setHold( false );
	setMouseOutFired( true );
	
	opacity( id, opacStart, opacEnd, millisec );
}
function onSubMenuMouseOver()
{
	setHold( true );
	setMouseOutFired( false );
}

function onSubMenuMouseOut( id, opacStart, opacEnd, millisec )
{
	setHold( false );
	setMouseOutFired( false );
}

function setHold( bool ) 
{
	hold = bool;
}

function setMouseOutFired( bool ) 
{
	mouseOutFired = bool;
}