﻿// JScript File
var timeOn = null;

//menu arrays
arrAboutMenuLabels = new Array("About AJAS","AJAS Facts","Board of Directors","Past Board Chairs","Award Winners","Publications","AJAS Sponsors","Support AJAS","Contact AJAS","Meet the AJAS Staff");
arrAboutMenuUrls = new Array("/about/index","/about/facts","/about/board","/about/pastboard","/about/awards","/about/publications","/about/sponsors","/about/support","/about/contact","/about/staff");

arrJarMenuLabels = new Array("Guide to Jewish Aging Resources","Search the Jewish Aging Resources Directory","Additional Aging Resources");
arrJarMenuUrls = new Array("/jar/index","/jar/search","/jar/add");

arrMembersMenuLabels = new Array("AJAS Members","AJAS Member Directory","Member Publications","Policies and Procedures","Studies","Member Dialog","Programming Example");
arrMembersMenuUrls = new Array("/members/index","/members/search","/members/publications","/members/policy","/members/studies","/members/dialog","/members/programming");
// arrMembersMenuUrls = new Array("/members/login","/members/login","/members/login","/members/login","/members/login","/members/login","/members/login");

arrEventsMenuLabels = new Array("Events","AJAS Annual Conference","Previous Conferences","Regional Forums","Webinars","Symposia");
arrEventsMenuUrls = new Array("/events/index","/events/conferences","/events/preconferences","/events/regionalforums","/events/webinars","/events/symposia");

//preload images
if (document.images) {
    home_top_on = new Image(118,28);
    home_top_on.src = "/images/home_top_on.gif";
    
    about_top_on = new Image(87,28);
    about_top_on.src = "/images/about_top_on.gif";
    
    jar_top_on = new Image(164,28);
    jar_top_on.src = "/images/jar_top_on.gif";
    
    members_top_on = new Image(107,28);
    members_top_on.src = "/images/members_top_on.gif";
    
    events_top_on = new Image(75,28);
    events_top_on.src = "/images/events_top_on.gif";
    
    jobs_top_on = new Image(61,28);
    jobs_top_on.src = "/images/jobs_top_on.gif";
    
    home_top_off = new Image(118,28);
    home_top_off.src = "/images/home_top_off.gif";
    
    about_top_off = new Image(87,28);
    about_top_off.src = "/images/about_top_off.gif";
    
    jar_top_off = new Image(164,28);
    jar_top_off.src = "/images/jar_top_off.gif";
    
    members_top_off = new Image(107,28);
    members_top_off.src = "/images/members_top_off.gif";
    
    events_top_off = new Image(75,28);
    events_top_off.src = "/images/events_top_off.gif";
    
    jobs_top_off = new Image(61,28);
    jobs_top_off.src = "/images/jobs_top_off.gif";
    
    
    //Side Navigation
    conference_right_on = new Image(220,35);
    conference_right_on.src = "/images/conference_right_on.gif";
    
    jafd_right_on = new Image(220,33);
    jafd_right_on.src = "/images/jafd_right_on.gif";
    
    publications_right_on = new Image(220,33);
    publications_right_on.src = "/images/publications_right_on.gif";
    
    emaillist_right_on = new Image(220,33);
    emaillist_right_on.src = "/images/emaillist_right_on.gif";

    conference_right_off = new Image(220,35);
    conference_right_off.src = "/images/conference_right_off.gif";
    
    jafd_right_off = new Image(220,33);
    jafd_right_off.src = "/images/jafd_right_off.gif";
    
    publications_right_off = new Image(220,33);
    publications_right_off.src = "/images/publications_right_off.gif";
    
    emaillist_right_off = new Image(220,33);
    emaillist_right_off.src = "/images/emaillist_right_off.gif";
    
}

function InitializeMenus() {
    if (navigator.userAgent.indexOf("MSIE") != -1) {
        MenuNames = new Array("About","Jar","Members","Events");
        MenuTops = new Array("172","172","172","172");
        MenuLefts = new Array("276","363","527","634");
        MenuHeights = new Array("14","14","14","14");
        MenuWidths = new Array("120","260","160","160");
    }
    else if (navigator.userAgent.indexOf("Firefox") != -1) {
        MenuNames = new Array("About","Jar","Members","Events");
        MenuTops = new Array("164","164","164","164");
        MenuLefts = new Array("276","363","527","634");
        MenuHeights = new Array("14","14","14","14");
        MenuWidths = new Array("120","260","160","160");    
    }
    else if (navigator.userAgent.indexOf("Opera") != -1) {
        MenuNames = new Array("About","Jar","Members","Events");
        MenuTops = new Array("164","164","164","164");
        MenuLefts = new Array("276","363","527","634");
        MenuHeights = new Array("14","14","14","14");
        MenuWidths = new Array("120","260","160","160");    
    }
        
    menus = new Array(4);
    
    for (var i=0;i<menus.length;i++) {
        menus[i] = new Array(5);
    }
    
    for (var x=0;x<menus.length;x++) {
        menus[x][0] = MenuNames[x];
        menus[x][1] = MenuWidths[x];
        menus[x][2] = MenuHeights[x];
        menus[x][3] = MenuLefts[x];
        menus[x][4] = MenuTops[x];
    }

    for (var z=0;z<menus.length;z++) {
        //alert(menus[z][0]);
        var zIndex = z+1;
        createDropdownMenu(menus[z][0],menus[z][1],menus[z][2],menus[z][3],menus[z][4],zIndex);
    }
    //alert("test");
}

function ImageRollovers(ImageID,imgName) {
    if (imgName.indexOf('_top_on') != -1 || imgName.indexOf('_right_on') != -1) {
        imgOn = eval(imgName + ".src");
        //alert(imgName + " " + imgOn);
        if (document.getElementById(ImageID)) {
            document.getElementById(ImageID).src = imgOn;
            var menu = ImageID.replace('ctl00_','').replace('_top','_menu').replace('_right','_menu');
            if (document.getElementById(menu)) {
                clearTimeout(timeOn);
                document.getElementById(menu).style.display = 'inline';
                HideAllMenus(menu);
            }
        }
    }
    else {
        
        imgOff = eval(imgName + ".src");
        //alert(imgName);
        if (document.getElementById(ImageID)) {
            document.getElementById(ImageID).src = imgOff;
            var menu = ImageID.replace('ctl00_','').replace('_top','_menu').replace('_right','_menu');
            if (document.getElementById(menu)) {
                menuOut(menu, ImageID);
            }
        }
    }
}

function SideNavImageRollovers(ImageID,imgName) {
    if (imgName.indexOf('_on') != -1) {
        imgOn = eval(imgName + ".src");
        document.getElementById(ImageID).src = imgOn;
    }
    else {
        imgOff = eval(imgName + ".src");
        document.getElementById(ImageID).src = imgOff;
    }
}

function HideAllMenus(menu) {
    var strMenus = "about_menu,members_menu,jar_menu,events_menu";
    arrMenus = strMenus.split(",");
    for (var i=0;i<arrMenus.length;i++) {
        if (arrMenus[i] != menu) {
            var x = arrMenus[i];
            document.getElementById(x).style.display = "none";
        }
    }
}

function HideMenu(MenuID) {
    if (timeOn != null) {
        var theMenu = document.getElementById(MenuID);
        if (theMenu) {
            var menuLeft = parseInt(theMenu.style.left.replace('px',''));
            var menuTop = parseInt(theMenu.style.top.replace('px',''));
            //window.status = timeOn;
            document.getElementById(MenuID).style.display = "none";
        }
    }
}

function menuOut(MenuID,theCell) {
    //document.getElementById("MenuValue").value = theCell;
    if (document.getElementById(theCell)) {
        document.getElementById(theCell).style.background='#e6e6e6';
        document.getElementById(theCell).style.color='Black';
    }
    else {
        event.srcElement.style.background='#e6e6e6';
        event.srcElement.style.color='Black';    
    }
    timeOn = setTimeout("HideMenu('" + MenuID + "')",1000); 
}

function menuOver(theCell) {
    clearTimeout(timeOn);
    //document.getElementById("MenuValue").value = theCell;
    //alert(document.getElementById(theCell).id);
    if (document.getElementById(theCell)) {
        //window.status = document.getElementById(theCell).id;
        document.getElementById(theCell).style.background='#006633';
        document.getElementById(theCell).style.color='White';
    }
    else {
        //window.status = event.srcElement.id;
        event.srcElement.style.background='#006633';
        event.srcElement.style.color='White';
    }
}

function createDropdownMenu(MenuName,width,height,x,y,z) {
    if (document.getElementById("ctl00_RightBox")) {
        //alert(document.URL.indexOf("/private/"));
        //x=x-148;
    }
    
    var menu = MenuName.toLowerCase() + "_menu";
    var strMenu = "<span id=\"" + menu + "\" class=\"Menu\" style=\"display:none;z-index:" + z + ";width:" + width + "px;left:" + x + "px;top:" + y + "px;\">\n";

    strMenu += "<table border=\"0\" cellpadding=\"0\" cellspacing=\"0\" width=\"100%\">\n";

    var arrLabels = eval("arr" + MenuName + "MenuLabels");
    var arrUrls = eval("arr" + MenuName + "MenuUrls");
    
        for (var q=0;q<arrLabels.length;q++) {
            var cellID =  arrLabels[q].replace(' ','').replace(' ','').replace(' ','');
            //document.getElementById("MenuID").value = cellID;
            strMenu += "<tr>\n";
            if (z==arrLabels.length-1) {
                strMenu += "<td id=\"" + cellID + "\" class=\"MenuItem\" onMouseOver=\"menuOver('" + cellID + "')\"";
            }
            else {
                strMenu += "<td id=\"" + cellID + "\" class=\"MenuItem\" onMouseOver=\"menuOver('" + cellID + "')\"";
            }
            strMenu += " onMouseOut=\"menuOut('" + menu + "','" + cellID + "')\"";
            strMenu += " onclick=\"location.href='" + arrUrls[q] + "'\">";
            strMenu += "&nbsp;" + arrLabels[q] + "</td>";
            strMenu += "</tr>\n";
        }

    strMenu += "</table>\n";
    strMenu += "</span>\n";
    //alert(strMenu);
    //document.getElementsByTagName("form")[0].innerHTML += strMenu;
    document.getElementById("Menus").innerHTML += strMenu;
}

setTimeout("InitializeMenus()",1000);

function displaycoordIE(){
    //window.status=event.clientX + " : " + event.clientY;
    window.status=event.srcElement.id;
}

//document.onmousemove = displaycoordIE;

/*function createMenu(MenuName,width,height,x,y) {
    var MyBody = document.getElementsByTagName("body")[0];
    var MyForm = document.getElementsByTagName("form")[0];
    var theImage = document.getElementById("about_top");
    
    var span1 = document.createElement("span");
    span1.id = MenuName;
    span1.style.left = x + "px";
    span1.style.top = y + "px";
    span1.style.width = width + "px";
    //span1.style.height = height + "px";
    span1.className = "Menu";
    span1.zIndex = 1;
    //span1.style.display = "none";
    
    var MyTable = document.createElement("table");
    var MyTableBody = document.createElement("tbody");

    var arrLabels = eval("arr" + MenuName + "MenuLabels");
    var arrUrls = eval("arr" + MenuName + "MenuUrls");
    var menu = MenuName.toLowerCase() + "_menu";

        for (var z=0;z<arrLabels.length;z++) {
            var MyTableRow = document.createElement("tr");
            var cell = document.createElement("td");
            //cell.addEventListener("mouseover","menuOver()");
            //cell.addEventListener("mouseout","menuOut('" + menu + "')");
            //cell.addEventListener("click","location.href='http://dev.ajas.org" + arrUrls[z] + "'");
            if (z==arrLabels.length-1) {
                cell.className = "MenuItemBottom";
            }
            else {
                cell.className = "MenuItem";
            }
            cell.appendChild(document.createTextNode(arrLabels[z]));
            MyTableRow.appendChild(cell);
            MyTableBody.appendChild(MyTableRow);
        }

    MyTable.appendChild(MyTableBody);
    MyTable.style.width = "100%";
    MyTable.setAttribute("cellpadding","0");
    MyTable.setAttribute("cellspacing","0");
    
    span1.appendChild(MyTable);
    MyBody.appendChild(span1);
}*/