function showSubMenu(imgName) {

    rolloverHigh(imgName);
        
    if (subMenuObj[imgName]) {

        var div = document.getElementById("subMenu_" + imgName);
        if (div)
            div.style.visibility = "visible";
        window.curSubMenu = imgName;
    }

}

function hideSubMenu(imgName) {
    rolloverLow(imgName);
    var div = document.getElementById("subMenu_" + imgName);
    if (div)
        div.style.visibility = "hidden";
    window.curSubMenu = null;
}

function getDim(el){
	for (var lx=0,ly=0;el!=null;
		lx+=el.offsetLeft,ly+=el.offsetTop,el=el.offsetParent);
	return {x:lx,y:ly}
}


function programHigh(imgName) {
    rolloverHigh(imgName);
    rolloverHigh("program_name", "images/p_n_" + imgName + ".gif");
}

function programLow(imgName) {
    rolloverLow(imgName);
    rolloverHigh("program_name", "images/program_name.gif");
}

function rolloverHigh(imgName, newImagePath) {
    var img = document.images[imgName];

    if (newImagePath)
        img.src = newImagePath;
    else
        img.src = img.src.replace(/\.gif/, "_hi.gif");
}

function rolloverLow(imgName, newImagePath) {
    var img = document.images[imgName];
    img.src = img.src.replace(/\_hi\.gif/, ".gif");
}

var imgArray = new Array(

    "menu_bkg.gif",
    "b_advocacy_center_hi.gif",
    "b_contact_hi.gif",
    "b_events_hi.gif",
    "b_get_involved_hi.gif",
    "b_global_solutions_hi.gif",
    "b_home_hi.gif",
    "b_member_log_in_hi.gif",
    "b_press_room_hi.gif",
    "b_privacy_statement_hi.gif",
    "b_programs_hi.gif",
    "b_publications_hi.gif",
    "b_verisign_security_hi.gif",
    "b_who_we_are_hi.gif",
    "b_tell_a_friend_hi.gif",
    "CfGSmain_72_04_hi.gif",
    "CfGSmain_72_05_hi.gif",
    "CfGSmain_72_06_hi.gif",
    "CfGSmain_72_07_hi.gif",
    "CfGSmain_72_08_hi.gif",
    "p_n_health_and_environment.gif",
    "p_n_intntl_institutions.gif",
    "p_n_law_and_justice.gif",
    "p_n_peace_and_security.gif",
    "p_n_us_global_engagement.gif"
    
    );

var loadedImages = new Array();

function preloadImages() {

    for (var i=0; i<imgArray.length; i++) {
        loadedImages[i] = new Image(1,1);
        loadedImages[i].src="/images/" + imgArray[i];
    }

}

var onloadScripts = new Array(
    "preloadImages()",
    "macIE5Fix()",
    "createSubMenus()"
);

function setOnloadScript(functionName) {
    onloadScripts[onloadScripts.length] = functionName;
}

function executeOnloadScripts() {
    for (var i=0; i<onloadScripts.length; i++) {
        eval(onloadScripts[i]);
    }
}

window.onload = executeOnloadScripts;


function macIE5Fix() {
    var mainContent = document.getElementById("mainContent");
    if (mainContent) {
        var div = document.createElement("div");
        div.setAttribute("style", "line-height: 1%");
        div.innerHTML = '<img src="/images/spacer.gif" height="0" width="1">';
        mainContent.insertBefore(div, mainContent.firstChild);
    }
}

function createSubMenus() {

    for (var i in subMenuObj) {
        var imgName = i;

            div = document.createElement("div");
            div.setAttribute("id", "subMenu_" + imgName);
            div.style.position = "absolute";
            div.style.visibility = "hidden";

            var buttonImg = document.getElementById(imgName);
            var buttonImgPos = getDim(buttonImg);
            var menuTop = parseInt(buttonImgPos.y) + parseInt(buttonImg.offsetHeight);
            var menuLeft = parseInt(buttonImgPos.x);
            div.style.left = menuLeft + "px";
            div.style.top  = menuTop + "px";

            document.body.appendChild(div);

            var str = "";

/*
            var str  = '<table border="0" cellpadding="0" cellspacing="0"';
                str += ' class="subMenu" onmouseover="showSubMenu(\'' + imgName + '\')" onmouseout="hideSubMenu(\'' + imgName + '\')"><tr>';
                str += '<td class="subMenuRightCell">';
*/        
            var str  = '<div class="subMenu" onmouseover="showSubMenu(\'' + imgName + '\')" onmouseout="hideSubMenu(\'' + imgName + '\')">';

            var smArray = subMenuObj[imgName];
            for (var i=0; i<smArray.length; i++) {
                var smItems = smArray[i].split("|");
                var text = smItems[0];
                var url  = smItems[1];
                var newWin = smItems[2];
            
                str += '<div class="subMenuItem">'
                if (url) {
                    str += '<a ';
                    str += 'href="';
                    str += url;
                    str += '" ';
                } else {
                    str += '<span ';
                }

                str += 'class="subMenuLink"'
                if (newWin)
                    str += ' target="' + newWin + '"';
                str += '>';

                str += text;

                if (url) {
                    str += '</a>';
                } else {
                    str += '</span>';
                }
                str += '</div>'
            
            }


//            str += '</div>';    
//            str += '</td></tr></table>';

            div.innerHTML = str;
            
        }

}