// Global variables
var isCSS, isW3C, isIE4, isNN4;
// initialize upon load to let all browsers establish content objects
function initDHTMLAPI() {
    if (document.images) {
        isCSS = (document.body && document.body.style) ? true : false;
        isW3C = (isCSS && document.getElementById) ? true : false;
        isIE4 = (isCSS && document.all) ? true : false;
        isNN4 = (document.layers) ? true : false;
        isIE6CSS = (document.compatMode && document.compatMode.indexOf("CSS1") >= 0) ? true : false;
    }
}
window.onload = initDHTMLAPI;

// Seek nested NN4 layer from string name
function seekLayer(doc, name) {
    var theObj;
    for (var i = 0; i < doc.layers.length; i++) {
        if (doc.layers[i].name == name) {
            theObj = doc.layers[i];
            break;
        }
        // dive into nested layers if necessary
        if (doc.layers[i].document.layers.length > 0) {
            theObj = seekLayer(document.layers[i].document, name);
        }
    }
    return theObj;
}

// Convert object name string or object reference
// into a valid element object reference
function getRawObject(obj) {
    var theObj;
    if (typeof obj == "string") {
        if (isW3C) {
            theObj = document.getElementById(obj);
        } else if (isIE4) {
            theObj = document.all(obj);
        } else if (isNN4) {
            theObj = seekLayer(document, obj);
        }
    } else {
        // pass through object reference
        theObj = obj;
    }
    return theObj;
}

// hover functions for top menu
function hover_on(img_obj){
    img_obj.src = img_obj.src.replace(".jpg", "_hover.jpg");
}

function hover_off(img_obj){
    img_obj.src = img_obj.src.replace("_hover.jpg", ".jpg");
}

var kids, kids_order;
function init_kids(){
    // holds the information for the kids rollover images on the homepage
    kids = new Array(4);

    // each index holds an array holding the picture name and description
    kids[0] = new Array("p196", "<strong>La Cresha S.,</strong> 17, loves being a Teen Health Promoter at the Latin American Youth Center.");
    kids[1] = new Array("p157", "<strong>Angelo N., </strong>9th grader at Hyde, on a field trip to City Council chambers during summer program at Friends of Carter Baron Foundation of the Performing Arts. &#8220;I had a great summer experience that proved my love for the performing arts, mostly in singing and acting.&#8221;"); 
    kids[2] = new Array("p216", "'<strong>Abianna P.,</strong> age 9, loves the Children&#8217;s Program at Martha&#8217;s Table. &#8220;I&#8217;m learning to express myself through fun art projects.&#8221;");
    kids[3] = new Array("p220", "<strong>Jasmin Q., </strong> Age 5, The Children&#8217;s Program At Martha&#8217;s Table. &#8220;I like when Mr. Coach takes me to school in the morning, and I also like the Dora book bag and the food my teachers give me.&#8221;");

    // the current order that the kids are in on the page
    // first element is currently in focus
    kids_order = new Array(0, 1, 2, 3);
}
init_kids();

function focus_on_kid(index_clicked){
    // put kid clicked into focus
    var img = getRawObject("kid");
    img.src = "http://pmt.knowledgeplex.org/images/pmt/" + kids[kids_order[index_clicked]][0] + ".jpg";
    var desc = getRawObject("kid_in_focus_desc");
    desc.innerHTML = kids[kids_order[index_clicked]][1];

    // switch order
    var holder = kids_order[0];
    kids_order[0] = kids_order[index_clicked];
    kids_order[index_clicked] = holder;

    // put kid that was in focus, out of focus
    img = getRawObject("kid_out_focus_" + index_clicked);
    img.src = "http://pmt.knowledgeplex.org/images/pmt/" + kids[kids_order[index_clicked]][0] + "_t.jpg";
}