// preload navigation buttons
if(document.images) {
    buttons = new Array(23);
    buttons[0] = new Image();
    buttons[0].src = "images/nav00a.jpg";
    buttons[1] = new Image();
    buttons[1].src = "images/nav00b.jpg";
    buttons[2] = new Image();
    buttons[2].src = "images/nav01a.jpg";
    buttons[3] = new Image();
    buttons[3].src = "images/nav01b.jpg";
    buttons[4] = new Image();
    buttons[4].src = "images/nav02a.jpg";
    buttons[5] = new Image();
    buttons[5].src = "images/nav02b.jpg";
    buttons[6] = new Image();
    buttons[6].src = "images/nav03a.jpg";
    buttons[7] = new Image();
    buttons[7].src = "images/nav03b.jpg";
    buttons[8] = new Image();
    buttons[8].src = "images/nav04a.jpg";
    buttons[9] = new Image();
    buttons[9].src = "images/nav04b.jpg";
    buttons[10] = new Image();
    buttons[10].src = "images/nav05a.jpg";
    buttons[11] = new Image();
    buttons[11].src = "images/nav05b.jpg";
    buttons[12] = new Image();
    buttons[12].src = "images/nav06a.jpg";
    buttons[13] = new Image();
    buttons[13].src = "images/nav06b.jpg";
    buttons[14] = new Image();
    buttons[14].src = "images/nav07a.jpg";
    buttons[15] = new Image();
    buttons[15].src = "images/nav07b.jpg";
    buttons[16] = new Image();
    buttons[16].src = "images/nav08a.jpg";
    buttons[17] = new Image();
    buttons[17].src = "images/nav08b.jpg";
    buttons[18] = new Image();
    buttons[18].src = "images/nav09a.jpg";
    buttons[19] = new Image();
    buttons[19].src = "images/nav09b.jpg";
    buttons[20] = new Image();
    buttons[20].src = "images/nav10a.jpg";
    buttons[21] = new Image();
    buttons[21].src = "images/nav10b.jpg";
    buttons[22] = new Image();
    buttons[22].src = "images/nav11a.jpg";
    buttons[23] = new Image();
    buttons[23].src = "images/nav11b.jpg";
}
var currentSection = 0;
function setCurrentSection(section) { currentSection = section; }
function navOver(theImage,theEntry) {
    // turn on selected nav button
	var element = document.getElementById(theImage);
	element.src = buttons[theEntry].src;
    // turn on summary text for selected nav button
    element = document.getElementById(theImage + 'Summary');
    element.style.visibility = 'visible';
    
    // turn off other nav buttons and summary text
    for(var i=0; i<10; i++)
    {
        if(theImage != 'navSection0' + i)
        {
            if(i != currentSection)
            {
                element = document.getElementById('navSection0' + i);
        	    element.src = buttons[i*2+1].src;
                element = document.getElementById('navSection0' + i + 'Summary');
                element.style.visibility = 'hidden';
            }
        }
    }
    if(theImage != 'navSection10' && currentSection != 10)
    {
        element = document.getElementById('navSection10');
    	element.src = buttons[21].src;
        element = document.getElementById('navSection10Summary');
        element.style.visibility = 'hidden';
    }
    if(theImage != 'navSection11' && currentSection != 11)
    {
        element = document.getElementById('navSection11');
    	element.src = buttons[23].src;
        element = document.getElementById('navSection11Summary');
        element.style.visibility = 'hidden';
    }
}

function navOut(keeper) {
    // turn off all buttons.
    if(keeper)
        currentSection = keeper;
    for(var i=0; i<10; i++)
    {
        if(i != currentSection)
        {
            element = document.getElementById('navSection0' + i);
    	    element.src = buttons[i*2+1].src;
            element = document.getElementById('navSection0' + i + 'Summary');
            element.style.visibility = 'hidden';
        }
    }
    if(currentSection != 10)
    {
        element = document.getElementById('navSection10');
	    element.src = buttons[21].src;
        element = document.getElementById('navSection10Summary');
        element.style.visibility = 'hidden';
    }
    if(currentSection != 11)
    {
        element = document.getElementById('navSection11');
	    element.src = buttons[23].src;
        element = document.getElementById('navSection11Summary');
        element.style.visibility = 'hidden';
    }
}

function displaySummary(theDiv,evt) {
    // get current x,y position of the button's div. (based absolute from parent div, "navContainer"'s x,y)
    var divX = evt.x?evt.x:evt.clientX;
    var divY = evt.y?evt.y:evt.clientY;
    
    // add the offset of the parent div, "navContainer".
    Ob = document.getElementById(theDiv.substr(0,12)).offsetParent
    divX += Ob.offsetLeft;
    divY += Ob.offsetTop;

    // set the summary div's x,y position
    var element = document.getElementById(theDiv);
    element.style.left = divX + 10 + 'px';
    element.style.top = divY - 120 + 'px';
}