/*** SET BUTTON'S FOLDER HERE ***/

var buttonFolder = "buttons/";



/*** SET BUTTONS' FILENAMES HERE ***/

upSources = new Array("button1up.png","button2up.png","button3up.png","button4up.png","button5up.png");



overSources = new Array("button1over.png","button2over.png","button3over.png","button4over.png","button5over.png");



// SUB MENUS DECLARATION, YOU DONT NEED TO EDIT THIS

subInfo = new Array();

subInfo[1] = new Array();

subInfo[2] = new Array();

subInfo[3] = new Array();

subInfo[4] = new Array();

subInfo[5] = new Array();





//*** SET SUB MENUS TEXT LINKS AND TARGETS HERE ***//



subInfo[2][1] = new Array("cOr","http://cor-online.net","_blank");

subInfo[2][2] = new Array("FLITE","http://flite-online.net","_blank");

subInfo[2][3] = new Array("Missions","missions.htm","");

subInfo[2][4] = new Array("LIFEgroups","lifegroups.htm","");



subInfo[3][1] = new Array("Events","events.htm","");

subInfo[3][2] = new Array("Contact Us","contactus.htm","");



subInfo[4][1] = new Array("What We Believe","whatwebelieve.htm","");

subInfo[4][2] = new Array("Church Directions","churchdirections.htm","");



subInfo[5][1] = new Array("Sermon Archives","sermonarchives.htm","");

subInfo[5][2] = new Array("Life Church Podcast","http://phobos.apple.com/WebObjects/MZStore.woa/wa/viewPodcast?id=152384135&s=143441","");

subInfo[5][3] = new Array("cOr Podcast","http://phobos.apple.com/WebObjects/MZStore.woa/wa/viewPodcast?id=202172895","");

subInfo[5][4] = new Array ("FLITE Podcast","http://phobos.apple.com/WebObjects/MZStore.woa/wa/viewPodcast?id=202172903","");





//*** SET SUB MENU POSITION ( RELATIVE TO BUTTON ) ***//

var xSubOffset = 2;

var ySubOffset = 24;







//*** NO MORE SETTINGS BEYOND THIS POINT ***//

var overSub = false;

var delay = 1000;

totalButtons = upSources.length;



// GENERATE SUB MENUS

for ( x=0; x<totalButtons; x++) {

        // SET EMPTY DIV FOR BUTTONS WITHOUT SUBMENU

        if ( subInfo[x+1].length < 1 ) {

                document.write('<div id="submenu' + (x+1) + '">');

        // SET DIV FOR BUTTONS WITH SUBMENU

        } else {

                document.write('<div id="submenu' + (x+1) + '" class="dropmenu" ');

                document.write('onMouseOver="overSub=true;');

                document.write('setOverImg(\'' + (x+1) + '\',\'\');"');

                document.write('onMouseOut="overSub=false;');

                document.write('setTimeout(\'hideSubMenu(\\\'submenu' + (x+1) + '\\\')\',delay);');

                document.write('setOutImg(\'' + (x+1) + '\',\'\');">');





                document.write('<ul>');

                for ( k=0; k<subInfo[x+1].length-1; k++ ) {

                        document.write('<li>');

                        document.write('<a href="' + subInfo[x+1][k+1][1] + '" ');

                        document.write('target="' + subInfo[x+1][k+1][2] + '">');

                        document.write( subInfo[x+1][k+1][0] + '</a>');

                        document.write('</li>');

                }

                document.write('</ul>');

        }

        document.write('</div>');

}











//*** MAIN BUTTONS FUNCTIONS ***//

// PRELOAD MAIN MENU BUTTON IMAGES

function preload() {

        for ( x=0; x<totalButtons; x++ ) {

                buttonUp = new Image();

                buttonUp.src = buttonFolder + upSources[x];

                buttonOver = new Image();

                buttonOver.src = buttonFolder + overSources[x];

        }

}



// SET MOUSEOVER BUTTON

function setOverImg(But, ID) {

        document.getElementById('button' + But + ID).src = buttonFolder + overSources[But-1];

}



// SET MOUSEOUT BUTTON

function setOutImg(But, ID) {

        document.getElementById('button' + But + ID).src = buttonFolder + upSources[But-1];

}







//*** SUB MENU FUNCTIONS ***//

// GET ELEMENT ID MULTI BROWSER

function getElement(id) {

        return document.getElementById ? document.getElementById(id) : document.all ? document.all(id) : null;

}



// GET X COORDINATE

function getRealLeft(id) {

        var el = getElement(id);

        if (el) {

                xPos = el.offsetLeft;

                tempEl = el.offsetParent;

                while (tempEl != null) {

                        xPos += tempEl.offsetLeft;

                        tempEl = tempEl.offsetParent;

                }

                return xPos;

        }

}



// GET Y COORDINATE

function getRealTop(id) {

        var el = getElement(id);

        if (el) {

                yPos = el.offsetTop;

                tempEl = el.offsetParent;

                while (tempEl != null) {

                        yPos += tempEl.offsetTop;

                        tempEl = tempEl.offsetParent;

                }

                return yPos;

        }

}



// MOVE OBJECT TO COORDINATE

function moveObjectTo(objectID,x,y) {

        var el = getElement(objectID);

        el.style.left = x;

        el.style.top = y;

}



// MOVE SUBMENU TO CORRESPONDING BUTTON

function showSubMenu(subID, buttonID) {

        hideAllSubMenus();

        butX = getRealLeft(buttonID);

        butY = getRealTop(buttonID);

        moveObjectTo(subID,butX+xSubOffset, butY+ySubOffset);

}



// HIDE ALL SUB MENUS

function hideAllSubMenus() {

        for ( x=0; x<totalButtons; x++) {

                moveObjectTo("submenu" + (x+1) + "",-500, -500 );

        }

}



// HIDE ONE SUB MENU

function hideSubMenu(subID) {

        if ( overSub == false ) {

                moveObjectTo(subID,-500, -500);

        }

}







//preload();