var mArrMenu = Array()
var msrcParent
var msrcChild
var mHide
var mAppearance = "3D"
var mMainTextColor = '#ffcc66'
var mMainColor = '#666666'
var mSubTextColor = '#003366'
var mSubColor = '#eeeeee'
var mTextHighlightColor = '#003366'
var mHighlightColor = '#cccccc'
var mCellPadding = 2
var mMainBorder = 0
var mSubBorder  = 0
var mblnSubWithLine = false
var mintOverLapDistance = 0
var mblnLeft = false
var mintZindex = 1
SetMenu()

function LoadURL(strURL, strTarget) {
    window.open(strURL,strTarget)
}
function SetMenu(){
    var ArrMenu1 = Array()
	var ArrMenu2 = Array()
		//ArrMenu2[0] = new objMenu("Home","http://www.rmaf.org.ph/index.php", 120, "Left", "_self", "")
		//ArrMenu2[1] = new objMenu("Search RMAF Online","http://www.rmaf.org.ph/search-rmaf-online.htm", 120, "Left", "_self", "")
		//ArrMenu2[2] = new objMenu("Site Map","http://www.rmaf.org.ph/sitemap.htm", 120, "Left", "_self", "")
		//ArrMenu1[0] = new objMenu("Home","index.htm", 35, "Left", "_self", ArrMenu2)
		ArrMenu1[0] = new objMenu("Home","http://www.rmaf.org.ph/index.php", 35, "Left", "_self", ArrMenu2)
	ArrMenu2 = Array()
    ArrMenu2[0] = new objMenu("About Ramon Magsaysay","/Ramon-Magsaysay/ramon-magsaysay.htm", 150, "Left", "_self", "")
    ArrMenu2[1] = new objMenu("Credo","/Ramon-Magsaysay/credo.htm", 150, "Left", "_self", "")
    ArrMenu2[2] = new objMenu("Time Line","/Ramon-Magsaysay/timeline.htm", 150, "Left", "_self", "")
    ArrMenu1[1] = new objMenu("Ramon Magsaysay","/Ramon-Magsaysay/ramon-magsaysay.htm", 107, "Left", "_self", ArrMenu2)
    ArrMenu2 = Array()
    ArrMenu2[0] = new objMenu("History","http://www.rmaf.org.ph/index.php?opt=301", 120, "Left", "_self", "")
    ArrMenu2[1] = new objMenu("Categories","http://www.rmaf.org.ph/index.php?opt=302", 120, "Left", "_self", "")
    ArrMenu2[2] = new objMenu("Code of Procedure","http://www.rmaf.org.ph/index.php?opt=303", 120, "Left", "_self", "")
    ArrMenu2[3] = new objMenu("Events","http://www.rmaf.org.ph/index.php?opt=304", 120, "Left", "_self", "")
    ArrMenu1[2] = new objMenu("Award","", 40, "Left", "_self", ArrMenu2)
    ArrMenu2 = Array()
    ArrMenu2[0] = new objMenu("Awardees by Name","/Awardees/index.php", 150, "Left", "_self", "")
    ArrMenu2[1] = new objMenu("Awardees by Category","/Awardees/category.htm", 150, "Left", "_self", "")
    ArrMenu2[2] = new objMenu("Awardees by Country","/Awardees/country.htm", 150, "Left", "_self", "")
    ArrMenu2[3] = new objMenu("Awardees by Year","/Awardees/year.htm", 150, "Left", "_self", "")
    ArrMenu2[4] = new objMenu("Magsaysay Awardees' Conference","/Awardees/magsaysay-awardees-conference.htm", 150, "Left", "_self", "")		
    ArrMenu1[3] = new objMenu("Awardees","", 50, "Left", "_self", ArrMenu2)
    ArrMenu2 = Array()
    //ArrMenu2[0] = new objMenu("History of the Program for Asian Projects","/PAP/history-pap.htm", 150, "Left", "_self", "")
    ArrMenu2[0] = new objMenu("History of the Program for Asian Projects","http://www.rmaf.org.ph/index.php?opt=501", 150, "Left", "_self", "")
    ArrMenu2[1] = new objMenu("About the Program for Asian Projects","http://www.rmaf.org.ph/index.php?opt=502", 150, "Left", "_self", "")
    ArrMenu2[2] = new objMenu("PAP Board of Advisers","http://www.rmaf.org.ph/index.php?opt=503", 150, "Left", "_self", "")
    //ArrMenu2[3] = new objMenu("Projects by Year","http://www.rmaf.org.ph/index.php?opt=504", 150, "Left", "_self", "")
    ArrMenu2[3] = new objMenu("Awardees' Projects","http://www.rmaf.org.ph/index.php?opt=506", 150, "Left", "_self", "")
    //ArrMenu2[4] = new objMenu("Projects by Awardee","http://www.rmaf.org.ph/index.php?opt=505", 150, "Left", "_self", "")
    //ArrMenu2[5] = new objMenu("Contact PAP","mailto:pap@rmaf.org.ph", 150, "Left", "_self", "")		
    ArrMenu1[4] = new objMenu("PAP","", 30, "Left", "_self", ArrMenu2)
    ArrMenu2 = Array()
    //ArrMenu2[0] = new objMenu("The Magsaysay Awardee E-Newsletter","/Newsletter/newsletter.htm", 150, "Left", "_self", "")
    //ArrMenu2[1] = new objMenu("Browse Through Archive","/Newsletter/archives-list.asp", 150, "Left", "_self", "")
    ArrMenu1[5] = new objMenu("Newsletter","/Newsletter/lstof_newsletter1.php?taskOption=1", 60, "Left", "_self", ArrMenu2)
    ArrMenu2 = Array()
    ArrMenu2[0] = new objMenu("Ramon Magsaysay Student Essay Competition","/RMSEC/rmsec.php", 160, "Left", "_self", "")
    ArrMenu2[1] = new objMenu("International RMSEC","/RMSEC/intlIndia.php?idLang=02&opt=0110", 160, "Left", "_self", "")
    ArrMenu2[2] = new objMenu("Rules","/RMSEC/intlIndia.php?idLang=02&opt=0110", 160, "Left", "_self", "")
    ArrMenu2[3] = new objMenu("Exhibit","/RMSEC/exhibit.php", 160, "Left", "_self", "")
    ArrMenu2[4] = new objMenu("Photo Gallery","/RMSEC/collage.php", 160, "Left", "_self", "")
    ArrMenu2[5] = new objMenu("Winning Entries","/RMSEC/winning-entries.php", 160, "Left", "_self", "")
    ArrMenu2[6] = new objMenu("FAQs","/RMSEC/faq-india.php", 160, "Left", "_self", "")
    ArrMenu2[7] = new objMenu("Entry Form","/RMSEC/RMSEC-entryform.doc", 160, "Left", "_self", "")
    ArrMenu2[8] = new objMenu("Contact Us","mailto:essay@rmaf.org.ph", 160, "Left", "_self", "")
    ArrMenu1[6] = new objMenu("RMSEC","", 40, "Left", "_self", ArrMenu2)
    ArrMenu2 = Array()
    ArrMenu2[0] = new objMenu("Asian Exchange","/Interactive-Awardee/asian-exchange.htm", 120, "Left", "_self", "")
    ArrMenu2[1] = new objMenu("How to Join","/Interactive-Awardee/how-to-join.htm", 120, "Left", "_self", "")		
    ArrMenu2[2] = new objMenu("Chat Transcripts","/Interactive-Awardee/lstof_transcripts.php?eventId=ChatTrans", 120, "Left", "_self", "")		
    ArrMenu1[7] = new objMenu("Interactive Awardee","", 114, "Left", "_self", ArrMenu2)
    ArrMenu2 = Array()
    ArrMenu2[0] = new objMenu("Vision & Mission","/Foundation/foundation.php", 150, "Left", "_self", "")
    ArrMenu2[1] = new objMenu("Board of Trustees","/Foundation/board-of-trustees.php", 150, "Left", "_self", "")
    ArrMenu2[2] = new objMenu("RM Center","/Foundation/rm-center.php", 150, "Left", "_self", "")
    ArrMenu2[3] = new objMenu("Asian Library","/Foundation/asian-library.php", 150, "Left", "_self", "")
    ArrMenu2[4] = new objMenu("Publications","/Foundation/publications.php", 150, "Left", "_self", "")
    ArrMenu2[5] = new objMenu("Press Room","/Foundation/lstof_pressroom.php", 150, "Left", "_self", "")
    ArrMenu2[6] = new objMenu("Contact Us","/Foundation/contact-us.php", 150, "Left", "_self", "")
    ArrMenu1[8] = new objMenu("The Foundation","", 90, "Left", "_self", ArrMenu2)
    var int1, int2
    var strMain = ""
    var strPass = ""
    strMain+= "<table width = " + 760 + " id='navbar' style = 'color:" + mMainTextColor + ";font-size:9pt;font-family:Arial;font-weight:bold' cellpadding=" + mCellPadding + " border=" + mMainBorder + " bgcolor=" + mMainColor + " cellspacing=0><tr>"
    for (int1=0;int1<=ArrMenu1.length-1;int1++){
        mintZindex = 1
        if (ArrMenu1[int1].subMenu != ""){
            strMain+= "<td style='cursor:default' borderColor= " + mSubColor + " id='navbar" + (int1 + 1) + "' onmouseout='MouseOut();SetColor(mMainColor, mMainTextColor)' onmouseover='MouseOver();SetColor(mHighlightColor, mTextHighlightColor)' align=" + ArrMenu1[int1].alignment + " width=" + ArrMenu1[int1].width + ">" + ArrMenu1[int1].MenuName + "</td>"
            CreateSubMenus (ArrMenu1[int1].subMenu, "navbar" + (int1 + 1))
        }
        else {
            if (ArrMenu1[int1].URLPath != "")
                strMain+= "<td onclick='LoadURL(\"" + ArrMenu1[int1].URLPath + "\",\"" + ArrMenu1[int1].URLTarget + "\")' borderColor= " + mSubColor + " id='navbar" + (int1 + 1) + "' onmouseout='MouseOut();SetColor(mMainColor, mMainTextColor)' onmouseover= 'MouseOver();SetColor(mHighlightColor, mTextHighlightColor)' align=" + ArrMenu1[int1].alignment + " width=" + ArrMenu1[int1].width + " style='cursor:hand'>" + ArrMenu1[int1].MenuName + "</td>"
            else
                strMain+= "<td borderColor= " + mSubColor + " id='navbar" + (int1 + 1) + "' onmouseout='MouseOut();SetColor(mMainColor, mMainTextColor)' onmouseover= 'MouseOver();SetColor(mHighlightColor, mTextHighlightColor)' align=" + ArrMenu1[int1].alignment + " width=" + ArrMenu1[int1].width + " style='cursor:hand'>" + ArrMenu1[int1].MenuName + "</td>"
        }
        if (int1 < ArrMenu1.length-1)
            strMain+= "<td borderColor= " + mSubColor + " width=1>|</td>"
    }
    strMain+= "</tr></table>"
    document.write (strMain)
}
function objMenu(MenuName, URLPath, width, alignment, URLTarget, subMenu){
    this.MenuName = MenuName
    this.URLPath = URLPath
    this.URLTarget = URLTarget
    this.width = width
    this.alignment = alignment
    this.subMenu = subMenu
}
function SetColor(bgColor, foreColor){
    var srcE = window.event.srcElement
    srcE.style.color = foreColor
    srcE.style.backgroundColor = bgColor
}
function GetBorderWidth(srcE) {
    if (srcE.tagName == "TD"){
        return(srcE.offsetParent.border)
    }
    else {
        if (srcE.tagName == "TABLE") {
            return(srcE.border)
         }
    }
}
function MouseOut() {
    var blnHide = false
    var srcTo
    var srcE = window.event.srcElement
    if (msrcChild !=  null) {
        window.event.cancelBubble = true
        srcTo = window.event.toElement
        if (srcTo != null) {
            if (!msrcParent.contains(srcTo)) {
                if (!msrcChild.contains(srcTo)) {
                    var srcO = srcTo.offsetParent
                    if (srcO != null && srcO.id != ""){
                        var strID = srcTo.id
                        blnHide = strID.indexOf(srcO.id) == -1
                    }
                    else {
                        blnHide = true
                    }
                }
            }
        }
        else 
            blnHide = true
        if (blnHide)
           CloseAllChild()
   }
}
function GetTopHeight(srcE){
    var sngTop = 0
    var sngMinus = 0
    if (srcE.tagName == "TD") {
        sngMinus = srcE.offsetParent.border
    }
    while (srcE != null){
        sngTop = sngTop + parseFloat(srcE.offsetTop)
           srcE = srcE.offsetParent
    }
    window.event.cancelBubble = true
    return(sngTop - sngMinus)
}
function GetBottomHeight(srcE){
    var sngTop = 0
    var sngMinus = 0
    var sngAdd = 0
    window.event.cancelBubble = true
    if (srcE.tagName == "TD") {
        sngAdd = srcE.offsetParent.border * 2
    }
    sngAdd = sngAdd + srcE.offsetHeight
    sngTop = GetTopHeight(srcE)
    return(sngAdd + sngTop)
}
function IsElementMain(srcID) {
    return(srcID.indexOf("_") == -1)
}
function RemoveUnderScore(strID){
    var int1 = 0
    var str
    for (int1=strID.length-1 ;int1>-1;int1--){
        if (strID.substr(int1,1) == "_"){
            break
        }
    }
    strID = strID.substr(0, int1)
    if (IsElementMain(strID)){
        return("")
    }
    else {
        for (int1=strID.length-1 ;int1>-1;int1--){
            if (strID.substr(int1,1) == "_"){
                break
            }
        }
        return(strID.substr(0,int1) + "_0")
    }
}
function GetParent(strID){
    var int1 = 0
    var str
    for (int1=strID.length-1 ;int1>-1;int1--){
        if (strID.substr(int1,1) == "_"){
            break
        }
    }
    return (document.all.item(strID.substr(0,int1)))
}
function CloseAllChild(){
    var srcC = msrcChild
    var strID = msrcChild.id
    while (strID !=""){
        window.event.cancelBubble = true
        if (!srcC.contains(window.event.toElement))  {
            srcC.style.display='none'
            strID = RemoveUnderScore(srcC.id)
            if (strID != ""){
                srcC = document.all.item(strID)
                msrcChild = srcC
                msrcParent = GetParent(strID)
            }
        }
        else {
            strID = ""
        }
    }
}
function GetDiv(srcE) {
    var srcDiv = Null
    while (srcE != null) {
        if (srcE.tagName == "DIV") {
            srcDiv = srcE
            srcE = Null
        }
        else
            srcE = srcE.offsetParent
   }
   return(srcDiv)
}
function MouseOver(){
    var srcE
    srcE = window.event.srcElement
    srcC = document.all.item(srcE.id + "_0")
    if (srcC != null) {
        window.event.cancelBubble = true
        var blnMain = IsElementMain(srcE.id)
        if (blnMain && msrcChild != null) {
            CloseAllChild()
        }
        msrcParent = srcE
        msrcChild = srcC
        var intTop
        var srcP = srcE.offsetParent
        msrcChild.style.display='block'
        if (!blnMain) {
            intTop = GetTopHeight(msrcParent) + mintOverLapDistance
        }
        else {
            intTop = parseFloat(GetBottomHeight(msrcParent)) - GetBorderWidth(msrcParent) - mintOverLapDistance
        }
        msrcChild.style.top = intTop
        srcP = msrcParent.offsetParent
        var srcMenu = document.all.item("navbar")
        srcMenu = srcMenu.offsetParent
        var sngLeftMost
        if (blnMain) {
            intLeft = GetLeftPosition(msrcParent)
            if (srcMenu.tagName == "BODY"){
                sngLeftMost = document.body.clientWidth + document.body.scrollLeft
            }
            else {
                if (document.body.clientWidth + document.body.scrollLeft < GetLeftWidth(srcMenu) + GetLeftPosition(srcMenu)){
                    sngLeftMost = document.body.clientWidth + document.body.scrollLeft
                }
                else {
                    sngLeftMost = GetLeftWidth(srcMenu) + GetLeftPosition(srcMenu)
                }
            }
            if (intLeft + GetMenuWidth(msrcChild.offsetWidth) > sngLeftMost){
                mblnLeft = true
                if (intLeft + msrcParent.offsetWidth > sngLeftMost){
                    intLeft = sngLeftMost - GetLeftWidth(msrcChild) - mintOverLapDistance
                }
                else {
                    intLeft = intLeft - GetLeftWidth(msrcChild) + GetLeftWidth(msrcParent) - mintOverLapDistance
                }
            }
            else {
                if (intLeft < document.body.scrollLeft)
                    intLeft = document.body.scrollLeft
                intLeft+= mintOverLapDistance
                mblnLeft = false
            }
        }
        else {
            if (!mblnLeft)
                intLeft = parseFloat(GetLeftPosition(msrcParent)) + parseFloat(GetLeftWidth(msrcParent)) - GetBorderWidth(msrcParent) - mintOverLapDistance
            else
                intLeft = parseFloat(GetLeftPosition(msrcParent)) - parseFloat(GetLeftWidth(msrcChild)) + parseFloat(GetBorderWidth(msrcParent)) + mintOverLapDistance
        }
        msrcChild.style.left = intLeft
    }
}
function CreateSubMenus(SubMenus, strID) {
    var strMain = ""
    var int1 = 0
    var dblWidth = 0
    strMain+= "<div id = '" + strID + "_0' style='position:absolute;display:none;z-index:" + mintZindex + "'>"
    mintZindex++
    dblWidth = GetMenuWidth(SubMenus[0].width)
    strMain+= "<table width = " + dblWidth + " onmouseout='MouseOut()' id = '" + strID + "_0_t' style = 'color:" + mSubTextColor + ";font-size:9pt;font-family:Arial;font-weight:bold' border=" + mSubBorder + " cellpadding=" + mCellPadding + " cellspacing=0 bgcolor=" + mSubColor + "><tr>"
    for (int1=0;int1<=SubMenus.length-1;int1++){
        if (SubMenus[int1].subMenu != ""){
            strMain+= "<tr><td style='cursor:default' borderColor= " + mSubColor + " onmouseover='MouseOver();SetColor(mHighlightColor, mTextHighlightColor)' onmouseout='MouseOut();SetColor(mSubColor, mSubTextColor)' id='" + strID + "_" + (int1 + 1) + "' align=" + SubMenus[int1].alignment + " width=" + SubMenus[int1].width + " style='cursor:default'>" + SubMenus[int1].MenuName + "</td></tr>"
            CreateSubMenus(SubMenus[int1].subMenu, strID + "_" + (int1 + 1))
        }
        else {
            if (SubMenus[int1].URLPath != "")
                strMain+= "<tr><td onclick='LoadURL(\"" + SubMenus[int1].URLPath + "\",\"" + SubMenus[int1].URLTarget + "\")' borderColor= " + mSubColor + " onmouseover='SetColor(mHighlightColor, mTextHighlightColor)' onmouseout='MouseOut();SetColor(mSubColor, mSubTextColor)' id='" + strID + "_" + (int1 + 1) + "' align=" + SubMenus[int1].alignment + " width=" + SubMenus[int1].width + " style='cursor:hand'>" + SubMenus[int1].MenuName + "</td></tr>"
            else 
                strMain+= "<tr><td borderColor= " + mSubColor + " onmouseover='SetColor(mHighlightColor, mTextHighlightColor)' onmouseout='MouseOut();SetColor(mSubColor, mSubTextColor)' id='" + strID + "_" + (int1 + 1) + "' align=" + SubMenus[int1].alignment + " width=" + SubMenus[int1].width + " style='cursor:hand'>" + SubMenus[int1].MenuName + "</td></tr>"
        }
    }
    strMain+= "</table></div>"
    document.write (strMain)
}
function GetTotalWidth(ArrMenu) {
    var int1
    var sngTotal = 0
    for (int1=0;int1<ArrMenu.length;int1++){
        sngTotal+= parseFloat(ArrMenu[int1].swidth)
    }
    sngTotal+= (mMainBorder * 2 * (ArrMenu.length + 1)) + (mCellPadding * ArrMenu.length * 2)
    return(sngTotal)
}
function GetLeftPosition(srcE){
    var sngTop = 0
    var sngMinus = 0
    if (srcE.tagName == "TD") {
        sngMinus = srcE.offsetParent.border
    }
    while (srcE != null){
        sngTop = sngTop + parseFloat(srcE.offsetLeft)
        srcE = srcE.offsetParent
    }
    window.event.cancelBubble = true
    return(sngTop - sngMinus)
}
function GetLeftWidth(srcE){
    var sngTop = 0
    var sngPlus = 0
    if (srcE.tagName == "TD") {
        sngPlus = srcE.offsetParent.border * 2
    }
    sngTop = parseFloat(srcE.offsetWidth)
    window.event.cancelBubble = true
    return(sngTop + sngPlus)
}
function GetMenuWidth(dblWidth) {
    return(dblWidth + (mCellPadding * 2) + 2 + (mMainBorder * 2))
}