/** menus **/

function Menus()
{
}

Menus.activeElement = null;
Menus.hider = null;

var intId = 0;
var posi = 517;
var end = true;

Menus.prototype.mouseOver = function(element)
{
	ahead.hideMap();
	ahead.hideServices();

    if( (element == Menus.activeElement) || (element == Menus.activeSrc) ) {
		if( Menus.hider != null ) {
		    clearTimeout( Menus.hider );
		    Menus.hider = null;
		}
		return;
    }

    if( Menus.activeElement != null ) {
		if( Menus.hider != null )
		    clearTimeout( Menus.hider );
		Menus.hider = null;
		this.finalCleanup();
    }

    var subId = element.getAttribute( "subid" );
  	var child = document.getElementById( "sub_" + subId );
    var top = document.getElementById( "divTop" );
    title = document.getElementById( "divTitle" );

    if( !child ) return;
    
    if( Menus.activeElement != null )
    	this.finalCleanup();

    var pos = getPageCoords( element );
    var posTop = getPageCoords( top );
    var posTitle = getPageCoords( title );
    
    
    var w =  element.style.width;
    w = parseInt( w.replace(/px/, "") );
    
    child.style.minWidth = ( w - 20 ) + "px";
   	child.style.left = pos.x + "px";
  	child.style.top = (pos.y + 36) + "px";
    child.style.display = "block";
   
    
    Menus.activeElement = child;
    
    Menus.srcElement = element;
	Menus.srcElement.style.background = "url(/layout/m_over.gif) repeat-x";
	Menus.srcElement.style.color = "#d3d3c9";

}

Menus.prototype.mouseOut = function(element)
{
    if( Menus.hider != null ) return;
    if( Menus.activeElement == null ) return;

    Menus.hider = setTimeout( this.finalCleanup, 800 );
}

Menus.prototype.finalCleanup = function()
{
    if( Menus.activeElement != null ) {
    	Menus.activeElement.style.display = "none";
    }
    
    if( Menus.srcElement != null ) {
		Menus.srcElement.style.background = "";
		Menus.srcElement.style.color = "";
	}
    
    Menus.hider = null;
    Menus.activeElement = null;
    Menus.srcElement = null;
}