var logo2 = "<img src='webArt/mainLogo2.gif'>";
var logo3 = "<img src='webArt/mainLogo3.gif'>";

function goToInfo(s) {
    var chrchInf = "chrchinf.html";
    var connect = "connect.html";
    var kidzone = "kidszone.html";
    var media = "media.html";
    var ourStory = "ourstory.html";
    
    switch(s) {
        case 'a':
            document.location.href = chrchInf;
            break;
         case 'b':
            document.location.href = connect;
            break;
        case 'c':
            document.location.href = kidzone;
            break;
        case 'd':
            document.location.href = media;
            break;
        case 'e':
            document.location.href = ourStory;
            break;
    }
    useLogo2();
}

function changeContent(s) {
    useLogo3();
    switch(s) {
        case 'a':
            clearPanels();
            loadStaff();
            break;
        case 'b':
            clearLeftPanels();
            loadSunday();
            break;
        case 'c':
            clearPanels();
            loadDirections();
            break;
        case 'd':
            clearPanels();
            loadContact();
            break;
        case 'e':
            clearPanels();
            loadDoctrine();
            break;
        case 'f':
            clearLeftPanels();
            loadHomeGroups();
            break;
        case 'g':
            clearLeftPanels();
            loadIronMan();
            break; 
        case 'h':
            clearLeftPanels();
            loadFusion();
            break;  
        case 'i':
            clearLeftPanels();
            loadDiscovery();
            break;   
        case 'j':
            clearPanels();
            loadEvents();
            break;   
        case 'k':
            clearLeftPanels();
             loadPreSchool();
            break;   
        case 'l':
            clearLeftPanels();
            loadKidszone();
            break;   
        case 'm':
            clearLeftPanels();
            loadKicks();
            break;   
        case 'n':
            clearLeftPanels();
            load7up();
            break;   
        case 'o':
            clearLeftPanels();
            loadFusion2();
            break;   

    }
}

function clearPanels() {
    var mainPanel = "<div align='center' id='leftPanel' class='mainPanel' style='position:absolute; left:0; top:30; z-index:0; width:30%;'></div>\
            <div align='center' id='rightPanel' class='mainPanel' style='position:absolute; left:225; top:120; z-index:0; width:70%;'></div>";
    document.getElementById('mainPanel').innerHTML=mainPanel;
    var blank = " ";
    document.getElementById('leftPanel').innerHTML=blank;
    document.getElementById('rightPanel').innerHTML=blank;
}

function clearLeftPanels() {
    var mainPanel = "<div align='center' id='leftPanel' class='mainPanel' style='position:absolute; left:0; top:30; z-index:1; width:30%;'></div>\
            <div align='center' id='rightPanel' class='mainPanel' style='position:absolute; left:225; top:0; z-index:1;'>\
            <div id='pic1' class='picPanel' style='position:absolute; left:85; top:50; z-index:0;'></div>\
            <div id='pic2' class='picPanel' style='position:absolute; left:265; top:160; z-index:0;'></div>\
            <div id='pic3' class='picPanel' style='position:absolute; left:85; top:275; z-index:0;'></div></div>";
    document.getElementById('mainPanel').innerHTML=mainPanel;
    var blank = " ";
    document.getElementById('leftPanel').innerHTML=blank;
}

            
function useLogo2() {
    document.getElementById('logo').innerHTML=logo2;
}

function useLogo3() {
		document.getElementById('logo').innerHTML=logo3;
}

function loadStaff() {
		var staffList = "<a href='#' onclick='changeStaff(\"a\");' id='staffLinks'><br><br><br><br>Brian Agovino</a>\
    <a href='#' onclick='changeStaff(\"b\")' id='staffLinks'><br><br>Cherie Danforth</a>\
    <a href='#' onclick='changeStaff(\"c\")' id='staffLinks'><br><br>Mike Hoffmann</a>\
    <a href='#' onclick='changeStaff(\"e\")' id='staffLinks'><br><br>Kim Schoenborn</a>\
    <a href='#' onclick='changeStaff(\"f\")' id='staffLinks'><br><br>Trey Smith</a>\
    <a href='#' onclick='changeStaff(\"g\")' id='staffLinks'><br><br>Katie Story</a>";
    var staffPic = "<div align='center' id='rightPanel' class='mainPanel' style='position:absolute; left:35; top:0; z-index:2; width:70%;'><img src='webArt/staff/staff.jpg'></div>";
    document.getElementById('leftPanel').innerHTML=staffList;
    document.getElementById('rightPanel').innerHTML=staffPic;
    

}

function loadSunday() {
    var rightPanel = "<div id='pic1' class='picPanel' style='position:absolute; left:85; top:50; z-index:1;'><img src='webArt/pics/sunday1.jpg'></div>\
    <div id='pic2' class='picPanel' style='position:absolute; left:265; top:160; z-index:0;'><img src='webArt/pics/sunday2.jpg'></div>\
    <div id='pic3' class='picPanel' style='position:absolute; left:85; top:275; z-index:0;'><img src='webArt/pics/sunday3.jpg'></div>";
    document.getElementById('rightPanel').innerHTML=rightPanel;
    var services = "<div id='text' style='position:absolute; left:30; top:20;'>Have you ever wanted to go to a place where you could\
                    connect with God at your own pace? Fellowship Church\
                    is a young innovative church where people can do\
                    just that. At our Sunday services we use video, drama,\
                    music, and creativity to provide a place where people\
                    can connect with God.  We build our Sunday's services\
                    around creative theme's and issues to help us see how\
                    God might also be trying to connect with us.<br><br>\
                    We have two services, 9:00 and 10:30, and we meet at\
                    the YMCA in O'Fallon. We also provide an exciting and\
                    energetic kids program for kids of all ages. Come join\
                    us as we major on  real life issues and experience how\
                    God can empower us to win at life.</div>";
    document.getElementById('leftPanel').innerHTML=services;
    
}

function loadDirections() {
    var mainPanel = "<div align='center' id='directions' class='mainPanel' style='position:absolute; left:150; top:35; z-index:1; width:50%;'><br><h2>O'Fallon, MO YMCA is easy to find.</h2>&nbsp;\
    <br><h3>From Highway 70></h3><br>Exit South onto MO Highway K.&nbsp;<br>Follow Highway K South for approximately four\
    miles.&nbsp;<br>Turn LEFT onto PHEASANT MEADOW DR.<br><br><h3>From Highway US-40 W/US-61 N</h3>\
    <br>Exit North onto MO Highway K.&nbsp;<br>Follow Highway K North for approximately two-and-a-half miles.&nbsp;\
    <br>Turn RIGHT onto PHEASANT MEADOW DR.<br>&nbsp;<br>&nbsp;<br>&nbsp;</div>";
    document.getElementById('mainPanel').innerHTML=mainPanel;
}

function loadContact() {
    var phone = "<div id='address' style='position:absolute; left:225; top:50; align='center'><br><br>636-474-6014<br><br>\
                7231 Hwy N<br><br>\
                OFallon, MO 63368<br><br>\
                fellowship@fellowshipstl.com</div>";
    document.getElementById('mainPanel').innerHTML=phone;
}

function loadDoctrine() {
    var mainPanel = "<div align='center' id='leftPanel' class='mainPanel' style='position:absolute; left:70; top:35; z-index:1; width:50%;'></div>\
            <div align='center' id='rightPanel' class='mainPanel' style='position:absolute; left:370; top:35; z-index:1; width:50%;'></div>";
    document.getElementById('mainPanel').innerHTML=mainPanel;
    var doc1 = "<DIV ALIGN='center' ID='textsmall' style='position:absolute; left:0; top:0; z-index:1;'>\
    <b>Bible</b><br>\
    We believe that every word in the original manuscripts of<br>\
    the Holy Scriptures is inspired of God, complete, unified,<br>\
    and without error (Matt 5:18, II Tim 3:16, II Peter 1:21).<br>\
    We believe that it is, therefore, the final standard of<br>\
    faith and practice for the believer in Jesus Christ and<br>\
    for His church.<br><br>\
    <b>God</b><br>\
    We believe in an eternal and personal God existing in <br>\
    three persons: the Father, the Son, and the Holy Spirit.<br>\
    These three are one God. He is the Sovereign Creator.<br>\
    (Gen 1:1, 26; Deut. 6:4, Matt. 28:19, John 4:24, II Co. 13:14).<br><br>\
    <b>Jesus Christ</b><br>\
    We believe that Jesus Christ is God's only Son (John 3:16)<br> \
    and our sole mediator (I Tim 2:5). We believe in His<br>\
    pre-existence (John 1:1), His incarnation (John 1:1-14),<br>\
    His virgin birth (Matt. 1:23-25), His susbstitutionary<br>\
    atonement (Rom 3:23-25), His bodily resurrection from<br>\
    the dead (Acts 2:24-27), His ascension to the right hand<br>\
    of the Father (Acts 1:9-11), and His bodily return<br>\
    from heaven (Titus 2:13).<br><br>\
    <b>Holy Spirit</b><br>\
    We believe that the Holy Spirit regenerates, indwells,<br>\
    and seals all believers who are yielded to God<br>\
    (Matt. 28:19, John 3:3-7, Rom. 8:9, 1 Co. 2:12, 6:19,<br>\
    Eph. 4:30; Titus 3:5).<br><br>\</DIV>";
    document.getElementById('leftPanel').innerHTML=doc1;
    
    var doc2 = "<DIV ALIGN='center' ID='textsmall' style='position:absolute; left:0; top:0; z-index:1;'>\
    <b>Humanity and Sin</b><br>\
    We believe that God created all people, male and female,<br>\
    in His image (Gen. 1:26-27). We believe that all people<br>\
    have sinned and are thus spiritually dead and separated<br>\
    from God (Rom. 3:23, 6:23).<br><br>\
    <b>Salvation</b><br>\
    We believe in salvation by grace through faith in<br>\
    Jesus Christ, apart from human merit, works, or<br>\
    ceremonies (Acts 4:12, 16:31, Eph. 2:8-9).<br><br>\
    <b>Church</b><br>\
    We believe that the Church is the spiritual body of<br>\
    which Christ is the Head and that there is a two-fold<br>\
    aspect to the church the universal and the local<br>\
    (Eph. 1:22-23, Phil. 2, 1 Thess. 2:13-14).<br><br>\
    <b>Resurrection and Judgments</b><br>\
    We believe in the resurrection of the human body,<br>\
    the eternal existence of all men, in either heaven or hell;<br>\
    in divine judgments, rewards and punishments<br>\
    (John 5:25-29, John 11:25-26, I Cor.15:51-57, II Cor. 5:10, Rev. 20:11-15).<br><br>\
    <b>Great Commission</b><br>\
    We believe that believers are sent into the world<br>\
    by Christ as He was by the Father. Those so sent are<br>\
    ambassadors to go and make disciples and to make Christ<br>\
    known to the world<br>\
    (Matt 28:18-20, John 15:8, John 17:18, John 20:21, II Co. 5:20).<br><br></DIV>";
    document.getElementById('rightPanel').innerHTML=doc2;
}

function loadHomeGroups() { 
    var rightPanel = "<div id='pic1' class='picPanel' style='position:absolute; left:85; top:50; z-index:0;'><img src='webArt/logos/homegrps.gif'></div>\
    <div id='pic2' class='picPanel' style='position:absolute; left:265; top:160; z-index:0;'><img src='webArt/pics/homeGrp1.jpg'></div>\
    <div id='pic3' class='picPanel' style='position:absolute; left:85; top:275; z-index:0;'><img src='webArt/pics/homeGrp2.jpg'></div>";
    document.getElementById('rightPanel').innerHTML=rightPanel;
    var homeGroups = "<div id='text' align='center' style='position:absolute; left:15; top:20;' ><b>Home Groups</b><br><br>\
    Life is too hard to be lived alone.  We were made\
    to can support us and help us become who God\
    designed us to be. Home Groups are the place at\
    Fellowship Church where youcan find this kind of\
    a community. In Home Groups you study the Bible\
    together and discuss life together.  You do this\
    with your friends in each other's homes.\
     Home Groups are an ideal environment for your\
     family to grow, learn and live life\
     in community.</div>";
    document.getElementById('leftPanel').innerHTML=homeGroups;
}

function loadIronMan() {
    var rightPanel = "<div id='pic1' class='picPanel' style='position:absolute; left:85; top:50; z-index:0;'><img src='webArt/logos/ironman.gif'></div>\
    <div id='pic2' class='picPanel' style='position:absolute; left:265; top:160; z-index:0;'><img src='webArt/pics/ironman1.jpg'></div>\
    <div id='pic3' class='picPanel' style='position:absolute; left:85; top:275; z-index:0;'><img src='webArt/pics/ironman2.jpg'></div>";
    document.getElementById('rightPanel').innerHTML=rightPanel;
    var ironMan = "<div id='text' align='center' style='position:absolute; left:15; top:20;' ><b>Iron Man</b><br><br>\
                Calling all men! Let's be honest guys.\
                Life is a challenge.Between maintaining a\
                career, pressures to be a rock solid dad and,\
                oh yeah, figuring out how to speak 'woman'.\
                God  has a clear and compelling vision of manhood\
                that He calls each of us to. However, it has\
                become all to common that we settle for a lesser\
                standard that our society expects from us.\
                Ironman is a training and sharpening ground to\
                help you aim at and achieve higher things as a man.<br><br>\
                Ironman meets from 6:00-7:15am on fridays for\
                sixteen weeks during the fall and spring. Watch\
                for more details coming.</div>";
    document.getElementById('leftPanel').innerHTML=ironMan;
}

function loadFusion2() {
    var rightPanel = "<div id='pic1' class='picPanel' style='position:absolute; left:85; top:50; z-index:0;'><img src='webArt/logos/fusion.gif'></div>\
    <div id='pic2' class='picPanel' style='position:absolute; left:265; top:160; z-index:0;'><img src='webArt/pics/fusion1.jpg'></div>\
    <div id='pic3' class='picPanel' style='position:absolute; left:85; top:275; z-index:0;'><img src='webArt/pics/fusion2.jpg'></div>";
    document.getElementById('rightPanel').innerHTML=rightPanel;
    var fusion = "<div id='text' align='center' style='position:absolute; left:15; top:20;' ><b>Fusion</b><br><br>\
                Molding, shaping, blending. There are more messages\
                influencing our youth today than ever before.\
                Which issues are important to your student? What are\
                the ingredients to a strong God like character?\
                How can they lead in todayŐs culture, not follow the\
                wrong way? Using creative games, skits, and stories,\
                every Wednesday evening Fusion meets to build into our\
                youth the qualities of a relationship with God.\
                This meeting is designed to reach out to our youth mid\
                week to encourage them in and out of school life\
                with laughs, fellowship, and real friendship.</div>";
    document.getElementById('leftPanel').innerHTML=fusion;
}


function loadDiscovery() {
    var rightPanel = "<div id='pic1' class='picPanel' style='position:absolute; left:85; top:50; z-index:0;'></div>\
    <div id='pic2' class='picPanel' style='position:absolute; left:265; top:160; z-index:0;'></div>\
    <div id='pic3' class='picPanel' style='position:absolute; left:85; top:275; z-index:0;'></div>";
    document.getElementById('rightPanel').innerHTML=rightPanel;
    var ironMan = "<div id='text' align='center' style='position:absolute; left:15; top:20;' ><b>Discovery</b><br><br>\
                Attended our church once or twice but still checking\
                things out? Discovery is the place for you! Hosted\
                once a month by various families of Fellowship,\
                Discovery is a two and a half hour 'get to know you'\
                session. In a real up close and personal way you will\
                have the opportunity to get to know the church and\
                its leadership. Topics covered range from doctrine,\
                practice, ministy opportunities and more along with\
                plenty of time for Q and A. Discovery is highly\
                recomended for anyone who is still 'checking things out'\
                or anyone who desires to officially become a member of Fellowship.</div>";
    document.getElementById('leftPanel').innerHTML=ironMan;
}

function loadEvents() {
    alert("load events");
}

function loadPreSchool() {
    var rightPanel = "<div id='pic1' class='picPanel' style='position:absolute; left:85; top:50; z-index:0;'><img src='webArt/pics/prescho1.jpg'></div>\
    <div id='pic2' class='picPanel' style='position:absolute; left:265; top:160; z-index:0;'><img src='webArt/pics/prescho2.jpg'></div>\
    <div id='pic3' class='picPanel' style='position:absolute; left:85; top:275; z-index:0;'><img src='webArt/pics/prescho3.jpg'></div>";
    document.getElementById('rightPanel').innerHTML=rightPanel;
    var preSchool = "<div id='text' align='center' style='position:absolute; left:15; top:20;' ><b>Pre-School & Toddler</b><br><br>\
                More than just childcare we want your small children\
                to feel loved and begin to hear about God's love for them.\
                We have three different age-appropriate classes for\
                children who haven't started school yet.  We have a\
                nursery for babies who can't walk yet.  A place where\
                they are safe and cared for by people who love babies.\
                Our toddler room is smaller children who are now 'on the move.'\
                Here they begin to learn about how much God loves them in\
                a fun environment.  Our preschool room is for our big kids\
                who almost ready for school.  They learn about God in a more\
                structured environment of fun, crafts and stories.</div>";
    document.getElementById('leftPanel').innerHTML=preSchool;
}

function loadKidszone() {
    var rightPanel = "<div id='pic1' class='picPanel' style='position:absolute; left:85; top:50; z-index:1;'><img src='webArt/logos/kidzone.gif'></div>\
    <div id='pic2' class='picPanel' style='position:absolute; left:265; top:160; z-index:0;'><img src='webArt/pics/kidzone1.jpg'></div>\
    <div id='pic3' class='picPanel' style='position:absolute; left:85; top:275; z-index:0;'><img src='webArt/pics/kidzone2.jpg'></div>";
    document.getElementById('rightPanel').innerHTML=rightPanel;
    var kidZone = "<div id='text' align='center' style='position:absolute; left:15; top:20;' ><b>Kidzone</b><br><br>\
                Cross over the castle entrance and move into the\
                land of KidZone. This is a place where our K-3rd Graders\
                get to have a blast learning how God loves them and how\
                they can be His forever friend. We have great games and\
                crafts to make learning fun and interactive. There are\
                skits and engaging presentations to help God's Word\
                become alive.  We also have loving small group leaders to\
                help answer kid's questions and help them know that\
                God loves them and that we love them.</div>";
    document.getElementById('leftPanel').innerHTML=kidZone;
}

function loadKicks() {
    var rightPanel = "<div id='pic1' class='picPanel' style='position:absolute; left:85; top:50; z-index:0;'><img src='webArt/logos/kicks.gif'></div>\
    <div id='pic2' class='picPanel' style='position:absolute; left:265; top:160; z-index:0;'><img src='webArt/pics/kicks1.jpg'></div>\
    <div id='pic3' class='picPanel' style='position:absolute; left:85; top:275; z-index:0;'><img src='webArt/pics/kicks2.jpg'></div>";
    document.getElementById('rightPanel').innerHTML=rightPanel;
    var kicks = "<div id='text' align='center' style='position:absolute; left:15; top:20;' ><b>Kicks</b><br><br>\
                Kid's In Christ's Kingdom!<br>\
                This high-energy class is offered 1st service\
                for school age kids.  Your kids will learn about\
                the awesome God that loves them in a very\
                casual environment.  We learn to praise God\
                through games, songs, and physical activities.\
                During our fellowship time, we learn more about\
                each other and strengthen our friendships.\
                So, come join the fun in KICKS\
                every Sunday morning at 9am. Good friends, good fun!</div>";
    document.getElementById('leftPanel').innerHTML=kicks;
}

function load7up() {
    var rightPanel = "<div id='pic1' class='picPanel' style='position:absolute; left:85; top:50; z-index:0;'><img src='webArt/logos/7Up.gif'></div>\
    <div id='pic2' class='picPanel' style='position:absolute; left:265; top:160; z-index:0;'><img src='webArt/pics/7up1.jpg'></div>\
    <div id='pic3' class='picPanel' style='position:absolute; left:85; top:275; z-index:0;'><img src='webArt/pics/7up2.jpg'></div>";
    document.getElementById('rightPanel').innerHTML=rightPanel;
    var sevenUp = "<div id='text' align='center' style='position:absolute; left:15; top:20;' ><b>7-Up</b><br><br>\
                Seven Up<br>\
                Youth today are bombarded with unwanted pressures,\
                shocking messages, and unnecessary images.  Where can\
                students hang out with friends, be themselves, and\
                have a healthy environment?  Our sevenUp ministry is\
                a place where youth can be real.  Every Sunday morning\
                our program discusses whatŐs going on in studentsŐ lives\
                and their issues are addressed in view of the Bible.\
                TheyŐll have fun while they learn about GodŐs Word and\
                His awesome forgiveness, love, and acceptance.</div>";
    document.getElementById('leftPanel').innerHTML=sevenUp;
}


function changeStaff(s) {
     switch(s) {
        case 'a':
            loadBrian();
            break;
        case 'b':
            loadCherie();
            break;
        case 'c':
            loadMike();
            break;
        case 'd':
            loadCharlie();
            break;
        case 'e':
            loadKim();
            break;
        case 'f':
            loadTrey();
            break;
        case 'g':
            loadKatie();
            break;
        }
}

function loadBrian() {
    var brianInfo = "<div align='center' style='position:absolute;  left:0; top:10; z-index:1;'><IMG SRC='webArt/staff/brian.jpg' BORDER='0' ALIGN='middle'</div>\
            <div align='left' id='staffText' style='position:absolute; left:175; top:10; z-index:1;'>\
                <u>Favorite Movie:</u>  Shawshenk Redemption<br><br>\
                <u>Favorite Book:</u>  Decision Making and the Will of God<br><br>\
                <u>Worst Golf Score:</u>  67 (I quit after 9)<br><br>\
                <u>Most Hated Food:</u>  Spinach<br><br>\
                <u>Favorite Breakfast Food:</u>  Eggs Benedict<br><br></div>";
    document.getElementById('rightPanel').innerHTML=brianInfo;
}

function loadCherie() {
    var cherieInfo = "<div align='center' style='position:absolute; left:0; top:10; z-index:1;'><IMG SRC='webArt/staff/cherie.jpg' BORDER='0' ALIGN='middle'</div>\
            <div align='left' id='staffText' style='position:absolute; left:175; top:10; z-index:1;'>\
                <u>Favorite Movie:</u>  Grease<br><br>\
                <u>Favorite Book:</u>  Dancing On My Grave<br><br>\
                <u>Worst Golf Score:</u>  How high does it go?<br><br>\
                <u>Most hated food:</u> radishes<br><br>\
                <u>Favorite breakfast food:</u>  Banana Pecan Waffles<br><br></div>";
    document.getElementById('rightPanel').innerHTML=cherieInfo;
}

function loadMike() {
    var mikeInfo = "<div align='center' style='position:absolute; left:0; top:10; z-index:1;'><IMG SRC='webArt/staff/mike.jpg' BORDER='0' ALIGN='middle'</div>\
            <div align='left' id='staffText' style='position:absolute; left:175; top:10; z-index:1;'>\
                <u>Favorite movie:</u> the Matrix<br><br>\
                <u>Favorite book:</u> Gospel according to John<br><br>\
                <u>Worst golf score:</u> 105 (they call me 'Hacker')<br><br>\
                <u>Most hated food:</u> Grits!<br><br>\
                <u>Favorite breakfast food:</u> chocolate chip pancakes<br></div>";    
    document.getElementById('rightPanel').innerHTML=mikeInfo;
}

function loadCharlie() {
    var charlieInfo = "<div align='center' style='position:absolute; left:0; top:10; z-index:1;'><IMG SRC='webArt/staff/charlie.jpg' BORDER='0' ALIGN='middle'</div>\
            <div align='left' id='staffText2' style='position:absolute; left:175; top:10; z-index:1;'>\
                <u>Favorite movie:</u>  Braveheart was at the top for almost<br>\
                10 years, then Lord of the Rings Return of the King<br>\
                came out.  I think I like that more now. This is too<br>\
                much of an emotional decision for me<br><br>\
                <u>Favorite book:</u>  The Cat in the Hat Comes Back<br>\
                was my Favorite for a long time, but I'll go<br>\
                with Knowing God by J.I. Packer<br><br>\
                <u>Worst golf score:</u>  120, but that doesn't count the times<br>\
                I stopped counting<br><br>\
                <u>Most hated food:</u> tomatoes, unless they are properly<br>\
                processed into ketchup or pizza sauce<br><br>\
                <u>Favorite breakfast food:</u>  Belgian Waffle, no joke here,<br>\
                I just love Belgian Waffles<br></div>";
    document.getElementById('rightPanel').innerHTML=charlieInfo;
}

function loadKim() {
    var kimInfo = "<div align='center' style='position:absolute; left:0; top:10; z-index:1;'><IMG SRC='webArt/staff/kim.jpg' BORDER='0' ALIGN='middle'</div>\
            <div align='left' id='staffText' style='position:absolute; left:175; top:10; z-index:1;'>\
                <u>Favorite movie:</u> ET<br><br>\
                <u>Favorite book:</u>  Love You Forever<br><br>\
                <u>Worst golf score:</u> 122 (highest that I remember)<br><br>\
                <u>Most hated food:</u> Lima Beans<br><br>\
                <u>Favorite breakfast food:</u> Bagel<br></div>";   
        document.getElementById('rightPanel').innerHTML=kimInfo;
}

function loadTrey() {
    var treyInfo = "<div align='center' style='position:absolute; left:0; top:10; z-index:1;'><IMG SRC='webArt/staff/trey.jpg' BORDER='0' ALIGN='middle'</div>\
            <div align='left' id='staffText' style='position:absolute; left:175; top:10; z-index:1;'>\
                <u>Favorite movie:</u> The Natural<br><br>\
                <u>Favorite book:</u> Rise and Fall of the Third Riech<br><br>\
                <u>Worst golf score:</u> 108<br><br>\
                <u>Most hated food:</u>  Liver<br><br>\
                <u>Favorite breakfast food:</u>  Bacon<br></div>";
    document.getElementById('rightPanel').innerHTML=treyInfo;
}

function loadKatie() {
    var katieInfo = "<div align='center' style='position:absolute; left:0; top:10; z-index:1;'><IMG SRC='webArt/staff/katie.jpg' BORDER='0' ALIGN='middle'</div>\
            <div align='left' id='staffText' style='position:absolute; left:175; top:10; z-index:1;'>\
                <u>Favorite movie:</u> Pride and Prejudice<br><br>\
                <u>Favorite book:</u> Pride and Prejudice<br><br>\
                <u>Worst golf score:</u> 100+ (same as my weight!)<br><br>\
                <u>Most hated food:</u> kelp (seaweed IS NOT a vegetable)<br><br>\
                <u>Favorite breakfast food:</u> Rooty Tooty Fresh and Fruity from IHOP!!<br><br></div>";
    document.getElementById('rightPanel').innerHTML=katieInfo;
}
