// global menu state
var menuReady = false;

// pre-cache menubar image pairs
if (document.images) {
    var imagesNormal = new Array();
    imagesNormal["about_us"] = new Image(23, 93);
    imagesNormal["about_us"].src = "../images/about_us.gif";
    imagesNormal["services"] = new Image(23, 84);
    imagesNormal["services"].src  = "../images/services.gif";
    imagesNormal["results"] = new Image(23, 164);
    imagesNormal["results"].src  = "../images/results.gif";
    imagesNormal["meeting"] = new Image(23, 233);
    imagesNormal["meeting"].src  = "../images/meeting_needs.gif";
    imagesNormal["working"] = new Image(23, 126);
    imagesNormal["working"].src  = "../images/working_with_us.gif";

   var imagesHilite = new Array();
    imagesHilite["about_us"] = new Image(23, 93);
    imagesHilite["about_us"].src = "../images/about_us_over.gif";
    imagesHilite["services"] = new Image(23, 84);
    imagesHilite["services"].src  = "../images/services_over.gif";
    imagesHilite["results"] = new Image(23, 164);
    imagesHilite["results"].src  = "../images/results_over.gif";
    imagesHilite["meeting"] = new Image(23, 233);
    imagesHilite["meeting"].src  = "../images/meeting_needs_over.gif";
    imagesHilite["working"] = new Image(23, 126);
    imagesHilite["working"].src  = "../images/working_with_us_over.gif";
}


function getElementStyle(elem, IEStyleProp, CSSStyleProp) {
    if (elem.currentStyle) {
        return elem.currentStyle[IEStyleProp];
    } else if (window.getComputedStyle) {
        var compStyle = window.getComputedStyle(elem, "");
        return compStyle.getPropertyValue(CSSStyleProp);
    }
    return "";
}

// carry over some critical menu style sheet attribute values
var CSSRuleValues = {menuItemHeight:"18px",
                     menuItemLineHeight:"1.4em",
                     menuWrapperBorderWidth:"2px",
                     menuWrapperPadding:"3px",
                     defaultBodyFontSize:"12px"
                    };

// specifications for menu contents and menubar image associations
var menus = new Array();
var ter = new Array();

//About US secondary
menus[0] = {mBarImgId:"menuImg_1",
            mBarImgNormal:imagesNormal["about_us"],
            mBarImgHilite:imagesHilite["about_us"],
            menuItems:[ {text:"Our Mission and Vision", href:"../about/mission_vision.html"},
                        {text:"Core Beliefs", href:"../about/beliefs.html"},
                        {text:"Who We Work With", href:"../about/work_with.html"},
                        {text:"Our Team", href:"../about/team.html"},
                        {text:"Founders, Board, & Funders", href:"../about/founders.html"},
                        {text:"Employment Opportunities", href:"../about/employment.html"},
                        {text:"Contact Us", href:"../about/contact.html"}
				  ],
            elemId:""
           };

//Services secondary
menus[1] = {mBarImgId:"menuImg_2",
            mBarImgNormal:imagesNormal["services"],
            mBarImgHilite:imagesHilite["services"],
            menuItems:[ {text:"Quality Consulting", href:"../services/quality_consulting.html"},
                        {text:"Professional Development", href:"../services/prof_development.html"},
                        {text:"Six Key Service Components", href:"../services/key_components.html"},
                        {text:"Resources", href:"../services/classroom_prof.html"}
                      ],
            elemId:""
           };

//Services tertiary
/*ter[0] = {leftMenuItems: [ {text:"Planning Standards-Based Curriculum...", href:"../curriculum.html"},
         {text:"Individualizing Instruction to Support...", href:"../individualizing.html"},
         {text:"Teaching Strategies That Expert Learners...", href:"../teaching_strategies.html"},
         {text:"Teaching Strategies that Raise Performance...", href:"../teaching_strategies2.html"},
	    {text:"Integrating the Visual, Performing, Literary...", href:"../integrating_visual.html"},
         {text:"Developing Leadership to Achieve Required...", href:"../developing_leadership.html"}
					]
		};*/

menus[2] = {mBarImgId:"menuImg_3", 
            mBarImgNormal:imagesNormal["results"],
            mBarImgHilite:imagesHilite["results"],
            menuItems:[ {text:"Scientifically-based Research", href:"../results/scientific.html#"},
                        {text:"Meeting Yearly Progress", href:"../results/meeting_yearly.html"},
                        {text:"National Endorsements", href:"../results/national_endorse.html"}
                      ],
            elemId:""
           };
menus[3] = {mBarImgId:"menuImg_4", 
            mBarImgNormal:imagesNormal["meeting"],
            mBarImgHilite:imagesHilite["meeting"],
            menuItems:[ {text:"Low-income Students", href:"../meeting/low_income.html"},
                        {text:"Special Education Students", href:"../meeting/special_ed.html"},
                        {text:"Girls", href:"../meeting/girls_page.html"},
                        {text:"English Language Learners", href:"../meeting/english_language.html"},
                        {text:"African-American Students", href:"../meeting/black_students.html"},
                        {text:"Hispanic Students", href:"../meeting/hispanic_students.html"}
                      ],
            elemId:""
           };
menus[4] = {mBarImgId:"menuImg_5", 
            mBarImgNormal:imagesNormal["working"],
            mBarImgHilite:imagesHilite["working"],
            menuItems:[ {text:"Exploring a Partnership", href:"../working/exploring.html"},
                        {text:"School Achievement Plan", href:"../working/supporting.html"}
                      ],
            elemId:""
           };


// create hash table-like lookup for menu objects with id string indexes
function makeHashes() {
    for (var i = 0; i < menus.length; i++) {
        menus[menus[i].elemId] = menus[i];
        menus[menus[i].mBarImgId] = menus[i];
    }
}

// assign menu label image event handlers
function assignLabelEvents() {
    var elem;
    for (var i = 0; i < menus.length; i++) {
        elem = document.getElementById(menus[i].mBarImgId);
        elem.onmouseover = swap;
        elem.onmouseout = swap;
    }
}

// invoked from init(), generates the menu div elements and their contents.
// all this action is invisible to user during construction
function makeMenus() {
    var menuDiv, menuItem, itemLink, mbarImg, textNode, offsetLeft, offsetTop;
    
    // determine key adjustment factors for the total height of menu divs
    
    var menuItemH = 0;
    var bodyFontSize = parseInt(getElementStyle(document.body, "fontSize", "font-size"));
    // test to see if browser's font size has been adjusted by the user
    // and that the new size registers as an applied style property
    if (bodyFontSize == parseInt(CSSRuleValues.defaultBodyFontSize)) {
        menuItemH = (parseFloat(CSSRuleValues.menuItemHeight));
    } else {
        // works nicely in Netscape 7
        menuItemH = parseInt(parseFloat(CSSRuleValues.menuItemLineHeight) * bodyFontSize);
    }
    var heightAdjust = parseInt(CSSRuleValues.menuWrapperPadding) + 
        parseInt(CSSRuleValues.menuWrapperBorderWidth);
    if (navigator.appName == "Microsoft Internet Explorer" && 
        navigator.userAgent.indexOf("Win") != -1 && 
        (typeof document.compatMode == "undefined" || 
        document.compatMode == "BackCompat")) {
        heightAdjust = -heightAdjust;
    }
    
    // use menus array to drive div creation loop
    for (var i = 0; i < menus.length; i++) {
        menuDiv = document.createElement("div");
        menuDiv.id = "popupmenu" + i;
        // preserve menu's ID as property of the menus array item
        menus[i].elemId = "popupmenu" + i;
        menuDiv.className = "menuWrapper";
        if (menus[i].menuItems.length > 0) {
            menuDiv.style.height = (menuItemH * menus[i].menuItems.length) - 
            heightAdjust + "px";
        } else {
            // don't display any menu div lacking menu items
            menuDiv.style.display = "none";
        }
        // define event handlers
        menuDiv.onmouseover = keepMenu;
        menuDiv.onmouseout = requestHide;

        // set stacking order in case other layers are around the page
        menuDiv.style.zIndex = 1000;
        
        // assemble menu item elements for inside menu div
        for (var j = 0; j < menus[i].menuItems.length; j++) {
            menuItem = document.createElement("div");
            menuItem.id = "popupmenuItem_" + i + "_" + j;
            menuItem.className = "menuItem";
            menuItem.onmouseover = toggleHighlight;
            menuItem.onmouseout = toggleHighlight;
            menuItem.onclick = hideMenus;
            menuItem.style.top = menuItemH * j + "px";
            itemLink = document.createElement("a");
            itemLink.href = menus[i].menuItems[j].href;
            itemLink.className = "menuItem";
            itemLink.onmouseover = toggleHighlight;
            itemLink.onmouseout = toggleHighlight;
            textNode = document.createTextNode(menus[i].menuItems[j].text);
            itemLink.appendChild(textNode);
            menuItem.appendChild(itemLink);
            menuDiv.appendChild(menuItem);
        }
        // append each menu div to the body
        document.body.appendChild(menuDiv);
    }
    makeHashes();
    assignLabelEvents();
    // pre-position menu
    for (i = 0; i < menus.length; i++) {
        positionMenu(menus[i].elemId);
    }
    menuReady = true;
}

// initialize global that helps manage menu hiding
var timer;

// invoked from mouseovers inside menus to cancel hide
// request from mouseout of menu bar image et al.
function keepMenu() {
    clearTimeout(timer);
}

function cancelAll() {
    keepMenu();
    menuReady = false;
}

// invoked from mouseouts to request hiding all menus
// in 1/4 second, unless cancelled
function requestHide() {
    timer = setTimeout("hideMenus()", 250);
}

// "brute force" hiding of all menus and restoration
// of normal menu bar images
function hideMenus() {
    for (var i = 0; i < menus.length; i++) {
       document.getElementById(menus[i].mBarImgId).src = menus[i].mBarImgNormal.src;
       var menu = document.getElementById(menus[i].elemId)
       menu.style.visibility = "hidden";
    }
}

// set menu position just before displaying it
function positionMenu(menuId){
    // use the menu bar image for position reference of related div
    var mBarImg = document.getElementById(menus[menuId].mBarImgId);
    var offsetTrail = mBarImg;

//fix the menu offset on IE for Mac
if (navigator.appVersion.indexOf("Mac") != -1 && navigator.appName == "Microsoft Internet Explorer") {
	var offsetLeft = -15;
    	var offsetTop = -15;
} else {
	var offsetLeft = -5;
    	var offsetTop = 0;
}
    while (offsetTrail) {
        offsetLeft += offsetTrail.offsetLeft;
        offsetTop += offsetTrail.offsetTop;
        offsetTrail = offsetTrail.offsetParent;
    }
    if (navigator.userAgent.indexOf("Mac") != -1 && 
        typeof document.body.leftMargin != "undefined") {
        offsetLeft += document.body.leftMargin;
        offsetTop += document.body.topMargin;
    }
    var menuDiv = document.getElementById(menuId);
    menuDiv.style.left = offsetLeft + "px";
    menuDiv.style.top = offsetTop + mBarImg.height + "px";
}

// display a particular menu div
function showMenu(menuId) {
    if (menuReady) {
        keepMenu();
        hideMenus();
        positionMenu(menuId);
        var menu = document.getElementById(menuId);
        menu.style.visibility = "visible";
    }
}

// menu bar image swapping, invoked from mouse events in menu bar
// swap style sheets for menu items during rollovers
function toggleHighlight(evt) {
    evt = (evt) ? evt : ((event) ? event : null);
    if (typeof menuReady != "undefined") {
        if (menuReady && evt) {
            var elem = (evt.target) ? evt.target : evt.srcElement;
            if (elem.nodeType == 3) {
                elem = elem.parentNode;
            }
            if (evt.type == "mouseover") {
                keepMenu();
                elem.className ="menuItemOn";
            } else {
                elem.className ="menuItem";
                requestHide();
            }
            evt.cancelBubble = true;
        }
    }
}

function swap(evt) {
    evt = (evt) ? evt : ((event) ? event : null);
    if (typeof menuReady != "undefined") {
        if (evt && (document.getElementById && document.styleSheets) && menuReady) {
            var elem = (evt.target) ? evt.target : evt.srcElement;
            if (elem.className == "menuImg") {
                if (evt.type == "mouseover") {
                    showMenu(menus[elem.id].elemId);
                    elem.src = menus[elem.id].mBarImgHilite.src;
                } else if (evt.type == "mouseout") {
                    requestHide();
                }
                evt.cancelBubble = true;
            }
        }
    }
}

// create menus only if key items are supported
function initMenus() {
    if (document.getElementById && document.styleSheets) {
        setTimeout("makeMenus()", 5);
        window.onunload=cancelAll;
    }
}

leftNav_about_us = "<table width=\"100%\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\">"
+ "<tr><td align=\"right\" valign=\"top\">"
+ "<span class=\"leftnav\"><a href=\"" + menus[0].menuItems[0].href + "\">" + menus[0].menuItems[0].text + "</a></span>" 
+ "<br>"
+ "<span class=\"leftnav\"><a href=\"" + menus[0].menuItems[1].href + "\">" + menus[0].menuItems[1].text + "</a></span>" 
+ "<br>"
+ "<span class=\"leftnav\"><a href=\"" + menus[0].menuItems[2].href + "\">" + menus[0].menuItems[2].text + "</a</span>" 
+ "<br>"
+ "<span class=\"leftnav\"><a href=\"" + menus[0].menuItems[3].href + "\">" + menus[0].menuItems[3].text + "</a></span>" 
+ "<br>"
+ "<span class=\"leftnav\"><a href=\"" + menus[0].menuItems[4].href + "\">" + menus[0].menuItems[4].text + "</a></span>" 
+ "<br>"
+ "<span class=\"leftnav\"><a href=\"" + menus[0].menuItems[5].href + "\">" + menus[0].menuItems[5].text + "</a></span>" 
+ "<br>"
+ "<span class=\"leftnav\"><a href=\"" + menus[0].menuItems[6].href + "\">" + menus[0].menuItems[6].text + "</a></span>"
+ "</td>"
+ "<td width=\"10\" align=\"right\" valign=\"top\"><img src=\"images/spacer.gif\" width=\"10\" height=\"1\"></td></tr>"
+ "</table>"
+ "<table width=\"100%\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\">"
+ "<tr><td align=\"right\" valign=\"top\">"
+ "<a href=\"javascript:;\" onClick=\"PrintThisPage();\"><img src=\"../images/printerfriendly.gif\" width=\"110\" height=\"35\" border=\"0\"></a>"
+ "</td></tr>"
+ "</table>";

leftNav_services = "<table width=\"100%\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\">"
+ "<tr><td align=\"right\" valign=\"top\">"
+ "<span class=\"leftnav\"><a href=\"" + menus[1].menuItems[0].href + "\">" + menus[1].menuItems[0].text + "</a></span>" 
+ "<br>"
+ "<span class=\"leftnav\"><a href=\"" + menus[1].menuItems[1].href + "\">" + menus[1].menuItems[1].text + "</a></span>" 
+ "<br>"
+ "<span class=\"leftnav\"><a href=\"" + menus[1].menuItems[2].href + "\">" + menus[1].menuItems[2].text + "</a></span>" 
+ "<br>"
+ "<span class=\"leftnav\"><a href=\"" + menus[1].menuItems[3].href + "\">" + menus[1].menuItems[3].text + "</a></span>"
+ "</td>"
+ "<td width=\"10\" align=\"right\" valign=\"top\"><img src=\"images/spacer.gif\" width=\"10\" height=\"1\"></td></tr>"
+ "</table>"
+ "<table width=\"100%\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\">"
+ "<tr><td align=\"right\" valign=\"top\">"
+ "<a href=\"javascript:;\" onClick=\"PrintThisPage();\"><img src=\"../images/printerfriendly.gif\" width=\"110\" height=\"35\" border=\"0\"></a>"
+ "</td></tr>"
+ "</table>";

leftNav_services_mod = "<table width=\"100%\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\">"
+ "<tr><td align=\"right\" valign=\"top\">"
+ "<span class=\"leftnav\"><a href=\"#intro\">Introduction</a></span>" 
+ "<br>"
+ "<span class=\"leftnav\"><a href=\"#wheel1\">Wheel 1</a></span>" 
+ "<br>"
+ "<span class=\"leftnav\"><a href=\"#wheel2\">Wheel 2</a></span>" 
+ "<br>"
+ "<span class=\"leftnav\"><a href=\"#wheel3\">Wheel 3</a></span>" 
+ "<br>"
+ "<span class=\"leftnav\"><a href=\"#wheel4\">Wheel 4</a></span>" 
+ "<br>"
+ "<span class=\"leftnav\"><a href=\"#biblio\">Bibliography</a></span>"
+ "</td>"
+ "<td width=\"10\" align=\"right\" valign=\"top\"><img src=\"images/spacer.gif\" width=\"10\" height=\"1\"></td></tr>"
+ "</table>"
+ "<table width=\"100%\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\">"
+ "<tr><td align=\"right\" valign=\"top\">"
+ "<a href=\"javascript:;\" onClick=\"PrintThisPage();\"><img src=\"../images/printerfriendly.gif\" width=\"110\" height=\"35\" border=\"0\"></a>"
+ "</td></tr>"
+ "</table>";

leftNav_results = "<table width=\"100%\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\">"
+ "<tr><td align=\"right\" valign=\"top\">"
+ "<span class=\"leftnav\"><a href=\"" + menus[2].menuItems[0].href + "\">" + menus[2].menuItems[0].text + "</a></span>" 
+ "<br>"
+ "<span class=\"leftnav\"><a href=\"" + menus[2].menuItems[1].href + "\">" + menus[2].menuItems[1].text + "</a></span>" 
+ "<br>"
+ "<span class=\"leftnav\"><a href=\"" + menus[2].menuItems[2].href + "\">" + menus[2].menuItems[2].text + "</a></span>" 
+ "</td>"
+ "<td width=\"10\" align=\"right\" valign=\"top\"><img src=\"images/spacer.gif\" width=\"10\" height=\"1\"></td></tr>"
+ "</table>"
+ "<table width=\"100%\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\">"
+ "<tr><td align=\"right\" valign=\"top\">"
+ "<a href=\"javascript:;\" onClick=\"PrintThisPage();\"><img src=\"../images/printerfriendly.gif\" width=\"110\" height=\"35\" border=\"0\"></a>"
+ "</td></tr>"
+ "</table>";

leftNav_working = "<table width=\"100%\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\">"
+ "<tr><td align=\"right\" valign=\"top\">"
+ "<span class=\"leftnav\"><a href=\"" + menus[4].menuItems[0].href + "\">" + menus[4].menuItems[0].text + "</a></span>" 
+ "<br>"
+ "<span class=\"leftnav\"><a href=\"" + menus[4].menuItems[1].href + "\">" + menus[4].menuItems[1].text + "</a></span>"  
+ "</td>"
+ "<td width=\"10\" align=\"right\" valign=\"top\"><img src=\"images/spacer.gif\" width=\"10\" height=\"1\"></td></tr>"
+ "</table>"
+ "<table width=\"100%\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\">"
+ "<tr><td align=\"right\" valign=\"top\">"
+ "<a href=\"javascript:;\" onClick=\"PrintThisPage();\"><img src=\"../images/printerfriendly.gif\" width=\"110\" height=\"35\" border=\"0\"></a>"
+ "</td></tr>"
+ "</table>";

leftNav_meeting = "<table width=\"100%\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\">"
+ "<tr><td align=\"right\" valign=\"top\">"
+ "<span class=\"leftnav\"><a href=\"" + menus[3].menuItems[0].href + "\">" + menus[3].menuItems[0].text + "</a></span>" 
+ "<br>"
+ "<span class=\"leftnav\"><a href=\"" + menus[3].menuItems[1].href + "\">" + menus[3].menuItems[1].text + "</a></span>" 
+ "<br>"
+ "<span class=\"leftnav\"><a href=\"" + menus[3].menuItems[2].href + "\">" + menus[3].menuItems[2].text + "</a></span>" 
+ "<br>"
+ "<span class=\"leftnav\"><a href=\"" + menus[3].menuItems[3].href + "\">" + menus[3].menuItems[3].text + "</a></span>" 
+ "<br>"
+ "<span class=\"leftnav\"><a href=\"" + menus[3].menuItems[4].href + "\">" + menus[3].menuItems[4].text + "</a></span>" 
+ "<br>"
+ "<span class=\"leftnav\"><a href=\"" + menus[3].menuItems[5].href + "\">" + menus[3].menuItems[5].text + "</a></span>" 
+ "</td>"
+ "<td width=\"10\" align=\"right\" valign=\"top\"><img src=\"images/spacer.gif\" width=\"10\" height=\"1\"></td></tr>"
+ "</table>"
+ "<table width=\"100%\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\">"
+ "<tr><td align=\"right\" valign=\"top\">"
+ "<a href=\"javascript:;\" onClick=\"PrintThisPage();\"><img src=\"../images/printerfriendly.gif\" width=\"110\" height=\"35\" border=\"0\"></a>"
+ "</td></tr>"
+ "</table>";

leftNav_galef = "<table width=\"100%\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\">"
+ "<tr><td align=\"right\" valign=\"top\">"
+ "<span class=\"leftnav\"><a href=\"different_ways.html\">Different Ways of Knowing</a></span>" 				
+ "<br>"
+ "<span class=\"leftnav\"><a href=\"education_consulting.html\">Education Consulting</a></span>" 
+ "<br>"
+ "<span class=\"leftnav\"><a href=\"national_institutes.html\">National Institutes</a></span>"
+ "</td>"
+ "<td width=\"10\" align=\"right\" valign=\"top\"><img src=\"images/spacer.gif\" width=\"10\" height=\"1\"></td></tr>"
+ "</table>"
+ "<table width=\"100%\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\">"
+ "<tr><td align=\"right\" valign=\"top\">"
+ "<a href=\"javascript:;\" onClick=\"PrintThisPage();\"><img src=\"../images/printerfriendly.gif\" width=\"110\" height=\"35\" border=\"0\"></a>"
+ "</td></tr>"
+ "</table>";

leftNav_january = "<table width=\"100%\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\">"
+ "<tr><td align=\"right\" valign=\"top\">"
+ "<span class=\"leftnav\"><a href=\"#a1\">What Is Artful Leadership?</a></span>" 				
+ "<br>"
+ "<span class=\"leftnav\"><a href=\"#a2\">Fees</a></span>" 
+ "<br>"
+ "<span class=\"leftnav\"><a href=\"../nclb2005/early_registration.html\">Register Now!</a></span>"
+ "</td>"
+ "<td width=\"10\" align=\"right\" valign=\"top\"><img src=\"images/spacer.gif\" width=\"10\" height=\"1\"></td></tr>"
+ "</table>"
+ "<table width=\"100%\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\">"
+ "<tr><td align=\"right\" valign=\"top\">"
+ "<a href=\"javascript:;\" onClick=\"PrintThisPage();\"><img src=\"../images/printerfriendly.gif\" width=\"110\" height=\"35\" border=\"0\"></a>"
+ "</td></tr>"
+ "</table>";

printerOnly = "<table width=\"100%\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\">"
+ "<tr><td align=\"right\" valign=\"top\">"
+ "<a href=\"javascript:;\" onClick=\"PrintThisPage();\"><img src=\"../images/printerfriendly.gif\" width=\"110\" height=\"35\" border=\"0\"></a>"
+ "</td></tr>"
+ "</table>";

leftNav_azgrants = "<table width=\"100%\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\">"
+ "<tr><td align=\"right\" valign=\"top\">"
+ "<span class=\"leftnav\"><a href=\"../services/integrating.html\">Student Needs Through Arts</a></span>" 
+ "<br>"
+ "<span class=\"leftnav\"><a href=\"../services/prof_development.html\">Professional Development</a></span>"
+ "<br>"
+ "<span class=\"leftnav\"><a href=\"../services/key_components.html\">Six Key Service Components</a></span>"
+ "<br>"
+ "<span class=\"leftnav\"><a href=\"../about/index.html\">About Galef</a></span>" 
+ "</td>"
+ "<td width=\"10\" align=\"right\" valign=\"top\"><img src=\"images/spacer.gif\" width=\"10\" height=\"1\"></td></tr>"
+ "</table>"
+ "<table width=\"100%\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\">"
+ "<tr><td align=\"right\" valign=\"top\">"
+ "<a href=\"javascript:;\" onClick=\"PrintThisPage();\"><img src=\"../images/printerfriendly.gif\" width=\"110\" height=\"35\" border=\"0\"></a>"
+ "</td></tr>"
+ "</table>";

leftNav_sequential = "<table width=\"100%\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\">"
+ "<tr><td align=\"right\" valign=\"top\">"
+ "<span class=\"leftnav3\"><a href=\"#dance\">Dance</a></span>" 
+ "<br>"
+ "<span class=\"leftnav3\"><a href=\"#visualArts\">Visual Arts</a></span>"
+ "<br>"
+ "<span class=\"leftnav3\"><a href=\"#music\">Music</a></span>"
+ "<br>"
+ "<span class=\"leftnav3\"><a href=\"#theatre\">Theatre</a></span>"
+ "</td>"
+ "<td width=\"10\" align=\"right\" valign=\"top\"><img src=\"images/spacer.gif\" width=\"10\" height=\"1\"></td></tr>"
+ "</table>"
+ "<table width=\"100%\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\">"
+ "<tr><td align=\"right\" valign=\"top\">"
+ "<a href=\"javascript:;\" onClick=\"PrintThisPage();\"><img src=\"../images/printerfriendly.gif\" width=\"110\" height=\"35\" border=\"0\"></a>"
+ "</td></tr>"
+ "</table>";

leftNav_custom = "<table width=\"100%\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\">"
+ "<tr><td align=\"right\" valign=\"top\">"
+ "<span class=\"leftnav3\"><a href=\"#sample\">Sample Projects</a></span>" 
+ "<br>"
+ "<span class=\"leftnav3\"><a href=\"#artActivities\">Arts Activities</a></span>"
+ "</td>"
+ "<td width=\"10\" align=\"right\" valign=\"top\"><img src=\"images/spacer.gif\" width=\"10\" height=\"1\"></td></tr>"
+ "</table>"
+ "<table width=\"100%\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\">"
+ "<tr><td align=\"right\" valign=\"top\">"
+ "<a href=\"javascript:;\" onClick=\"PrintThisPage();\"><img src=\"../images/printerfriendly.gif\" width=\"110\" height=\"35\" border=\"0\"></a>"
+ "</td></tr>"
+ "</table>";

//printer friendly dynamic page
function PrintThisPage() 
{ 
		var sOption="toolbar=yes,location=yes,status=yes,menubar=yes,scrollbars=yes,resizable=yes"; 
		
		var sWinHTML = document.getElementById('contentstart').innerHTML; 
		
		var winprint=window.open("","",sOption);
		
		if (navigator.appVersion.indexOf("Win") != -1) {winprint.document.open();}
		winprint.document.write("<html><head><link rel=\"stylesheet\" href=\"../main.css\" type=\"text/css\"></head><body leftmargin=\"10\" topmargin=\"10\" marginwidth=\"10\" marginheight=\"10\">"); 
		winprint.document.write("<table bgcolor=\"#e3e3e3\" width=\"100%\" border=\"0\" cellspacing=\"0\" cellpadding=\"10\"><tr><td align=\"right\"><span class=\"leftnav\"><a href=\"javascript:window.close();\">close window</a></span></td></tr></table>");
		winprint.document.write(sWinHTML);          
		winprint.document.write("</body></html>"); 
		winprint.focus(); 
		if (navigator.appVersion.indexOf("Mac") != -1) {winprint.document.open();}   
}