window.onload = initPage;

var welcomePaneShowing = true;



function initPage() {

    var churchInfo = document.getElementById("mainChurchInfo");

    var mainServiceMeeting = document.getElementById("mainServiceMeeting");

    var churchNews = document.getElementById("churchNews");

    var englishMinistry = document.getElementById("englishMinistry");



    addEventHandler(englishMinistry, "mouseover", buttonOver);

    addEventHandler(englishMinistry, "mouseout", buttonOut);



    addEventHandler(churchNews, "mouseover", buttonOver);

    addEventHandler(churchNews, "mouseout", buttonOut);



    addEventHandler(churchInfo, "mouseover", buttonOver);

    addEventHandler(churchInfo, "mouseout", buttonOut);

    addEventHandler(mainServiceMeeting, "mouseover", buttonOver);

    addEventHandler(mainServiceMeeting, "mouseout", buttonOut);



}

function addEventHandler(obj, eventName, handler) {

    if (document.attachEvent) {

        obj.attachEvent("on" + eventName, handler);

    } else if (document.addEventListener) {

        obj.addEventListener(eventName, handler, false);

    }

}



function buttonOver(e) {

    var me = getActivatedObject(e);

    me.className = "active";

}

function buttonOut(e) {

    var me = getActivatedObject(e);

    me.className = "inactive";

}



function getActivatedObject(e) {

    var obj;

    if (!e) {

        // early version of IE

        obj = window.event.srcElement;

    } else if (e.srcElement) {

        // IE 7 or later

        obj = e.srcElement;

    } else {

        // DOM Level 2 browser

        obj = e.target;

    }

    return obj;

}



function displayMap() {

    var mapPicker = document.getElementById('divDisplayMap');

    mapPicker.style.display = 'block';

}