var menuCount = meanstreetmenu.length;
var menuHeight = (((menuCount + 1) * 22) + 8) + 'px';
var menuWidth = '200px';
var menuThumb = '20px';
var menuTop = '120px';
var leftboundary=((parseInt(menuWidth) - parseInt(menuThumb)) * -1);
var pictureRef = 0;
var quoteRef = 0;

function expandMenu(elem) {
    var element = document.getElementById('TD' + elem);
//    element.style.backgroundColor = 'maroon';
//    element.className = 'menu' + elem;
    var popup = parent.document.getElementById('menuDiv');
    popup.style.visibility='visible';
    popup.style.top = (121 + element.offsetTop) + 'px';
//    popup.innerHTML='top: ' + (120 + element.offsetTop) + 'px';
//    popup.offsetTop = 120 + element.offsetTop + 'px';
//    alert(popup.nodeName + ": " + popup.innerHTML + ": " + popup.style.top);
    for (var i = 0; i < menuCount; i++) {
        if (meanstreetmenu[i][0] == elem) {
            element.style.backgroundColor = meanstreetmenu[i][3];
            popup.style.backgroundColor = meanstreetmenu[i][3];
            element.style.color = meanstreetmenu[i][4];
            popup.style.color = meanstreetmenu[i][4];
            ajaxload(elem, meanstreetmenu[i][1], popup);
        }
    }
}

function collapseMenu(elem) {
    var element = document.getElementById('TD' + elem);
    element.style.backgroundColor = '#DDDDDD';
    element.style.color = 'black';
//    element.className = 'menuitem';
    var popup = parent.document.getElementById('menuDiv');
    popup.style.visibility='hidden';
}

function followLink(elem) {
    for (var i = 0; i < menuCount; i++) {
        if (meanstreetmenu[i][0] == elem) {
            var divElem = document.getElementById('mainFrame');
            divElem.src = meanstreetmenu[i][2];
//            popup.style.backgroundColor = meanstreetmenu[i][3];
//            element.style.color = meanstreetmenu[i][4];
//            popup.style.color = meanstreetmenu[i][4];
//            ajaxload(elem, meanstreetmenu[i][1], popup);
        }
    }
}

document.write('<div id="slideinmenu" class="menu" onMouseover="if ((document.all||document.getElementById)&&window.parent.slideIn) window.parent.slideIn()" onMouseout="if ((document.all||document.getElementById)&&window.parent.slideOut) window.parent.slideOut()">');
document.write('  <table border="0" width="' + menuWidth + '">');
document.write('    <tr>');
document.write('      <td class="menusubtitle">Mean Streets Ministry');
document.write('      <td class="menutitle" valign="center" rowspan="999">M<br>E<br>N<br>U');
for (var i=0; i< menuCount; i++){
    document.write('    <tr>');
    var lbl = meanstreetmenu[i][0];
    document.write('      <td id="TD' + lbl + '" width="100%" onMouseOver="expandMenu(\'' + lbl + '\');" onMouseOut="collapseMenu(\'' + lbl + '\');" onClick="followLink(\'' + lbl + '\');" class="menuitem">' + meanstreetmenu[i][1]);
}
document.write('  </table>');
document.write('</div>');

//Called after loading to set things in their proper places
function setStyleVar() {
    theMenu = document.getElementById("slideinmenu").style;
    theMenu.left = leftboundary + 'px';
    theMenu.top = menuTop;
    theMenu.width = menuWidth;
    theMenu.height = menuHeight;
    setupPics();
}

window.onload = setStyleVar;

//Called when mouse goes over the menu to start it expanding
function slideIn() {
    if (window.pushit) clearInterval(pushit);
    pullit = setInterval("pullMachine()", 10);
}

//Called when mouse leaves menu to start it shrinking
function slideOut() {
    if (window.pullit) clearInterval(pullit);
    pushit = setInterval("pushMachine()", 10);
}

//Set on interval to animate menu pulling out of side
function pullMachine() {
    if (parseInt(theMenu.left) < 0) theMenu.left = (parseInt(theMenu.left) + 10) + 'px';
    else {
        theMenu.left = 0;
        clearInterval(pullit);
    }
}

//Set on interval to animate menu pushing offscreen
function pushMachine() {
    if (parseInt(theMenu.left) > leftboundary) theMenu.left = (parseInt(theMenu.left) - 10) + 'px';
    else {
        theMenu.left = leftboundary;
        clearInterval(pushit);
    }
}

function ajaxload(path, name, divPopup) {
    var pageRequest = false;
    if (window.ActiveXObject) {
        try {
            pageRequest = new ActiveXObject("Msxml2.XMLHTTP");
        }
        catch (e) {
            try {
                pageRequest = new ActiveXObject("Microsoft.XMLHTTP");
            }
            catch (ex) { }
        }
    }
    else if (window.XMLHttpRequest) pageRequest = new XMLHttpRequest();
    else return false;
    divPopup.innerHTML = 'Loading ' + name + '...';
    var url = 'screen/' + path + '_popup.html';
    pageRequest.onreadystatechange = function() {
        if (pageRequest.readyState == 4 && (pageRequest.status==200 || window.location.href.indexOf("http")==-1)) {
            divPopup.innerHTML=pageRequest.responseText;
        }
        else divPopup.innerHTML = 'Sorry, there was an error loading the page.';
    }
    var cacheSpy = url + '?' + (new Date()).getTime();
    try {
        pageRequest.open('GET', cacheSpy, true);
        pageRequest.send(null);
    }
    catch (e) {
        divPopup.innerHTML = 'Sorry, there was an error loading the page.';
    }
}

function setupPics() {
    var picCount = pictureslist.length;
    var quoteCount = quoteslist.length;
    pictureRef = Math.floor(Math.random() * picCount);
    quoteRef = Math.floor(Math.random() * quoteCount);
    hidePicture();
}

function showPicture() {
    var popup = parent.document.getElementById('picsDiv');
    popup.style.left = '100px';
    popup.style.width = '';
    var output = '<!--Picture copyright MeanStreets Ministry-->';
    var newRef = pictureslist[pictureRef][1];
    output += '<img src="' + newRef + '" onClick="hidePicture()" width="800px" alt="Click to Shrink"/>';
    popup.innerHTML = output;
}

function hidePicture() {
    var popup = parent.document.getElementById('picsDiv');
    popup.style.left = (screen.availWidth - 220) + 'px';
    popup.style.width = '190px';
    var output = '<!--Generated by meanexpand.js-->';
    output += '<img width="100" src="' + pictureslist[pictureRef][0] + '" align="right" onClick="showPicture()" alt="Click to Enlarge"/>';
    output += quoteslist[quoteRef][0];
    if ((quoteslist[quoteRef][1].length) > 0) output += '<br><br>-' + quoteslist[quoteRef][1];
    popup.innerHTML = output;
}