var menuId = 0;

function CreateSub( Id, menuName, array, url, xPos, yPos )
{
    var menuHtml;
    var maxItems = 20;
    var numItems = eval( array + '.length' );
    var numColumns = 0;
    var numRows = 0;
    var i = 0;

    menuHtml  = "<div id='" + Id + "' class='submenu' style='position: absolute; visibility: hidden; top:" + yPos + "em; left:" + xPos + "em;'>"
    menuHtml += "<h1>" + menuName + "</h1>";

    numColumns = Math.floor( numItems / maxItems );

    if( numItems % maxItems )
    {
        numColumns++;
    }

    numRows = Math.floor( numItems / numColumns );

    if( numItems % numRows )
    {
        numRows++;
    }

    if( numColumns > 1 )
    {
        menuHtml += "<table cellpadding=\"0\" cellspacing=\"0\">";
        menuHtml += "<tbody>";
        menuHtml += "<tr><td>";
    }

    while( i < numItems )
    {
        var item = eval( array + '[' + i + ']' );

        var parts = item.split( ' ' );
        var link = parts.join( '_' );

        if( (i % numRows) == 0 )
        {
            if( i > 0 )
            {
                menuHtml += "</ul>";
                menuHtml += "</td><td>";
            }

            menuHtml += "<ul>";
        }

        menuHtml += "<li onmouseover=\"menuId=0;\" onmouseout=\"HideSub('" + Id + "');\"><a href=\"" + url + link + "\">" + item + "</a></li>";

        i++;
    }

    menuHtml += "</ul>";

    if( numColumns > 1 )
    {
        menuHtml += "</td></tr>";
        menuHtml += "</tbody>";
        menuHtml += "</table>";
    }

    menuHtml += "</div>";

    document.write( menuHtml );
}

function ShowSub( Id )
{
    var element;


    if( menuId != 0 )
    {
        element = document.getElementById( menuId );

        if( element != null )
        {
            element.style.visibility = 'hidden';
            menuId = 0;
        }
    }

    element = document.getElementById( Id );

    if( element != null )
    {
        element.style.visibility = 'visible';
    }
}

function HideSub( Id )
{
    menuId = Id;

    setTimeout( "HideTimeout()", 500 );
}

function HideTimeout()
{
    var element;

    if( menuId != 0 )
    {
        element = document.getElementById( menuId );

        if( element != null )
        {
            element.style.visibility = 'hidden';
        }
    }
}