var whichPict = ""; // this is to grab the name of the pict for the if statements in the xmlHTTPresponse
var myImage = []; // for preloading
timerID = null;
theSubNavPict = "";
function setRollovers() {
if (!document.getElementsByTagName) {
return;
}
var allLinks = document.getElementsByTagName('a');
for (var i = 0; i < allLinks.length; i++) {
var currLink = allLinks[i];
if (currLink.className && (" " + currLink.className + " ").indexOf(" rollover ") != -1) {
if (currLink.hasChildNodes && currLink.childNodes.length == 1 && currLink.childNodes[0].nodeName.toLowerCase() == 'img') {
currLink.onmouseover = doRollover;
currLink.onmouseout = restoreImage;
// preload images:
myImage[i] = new Image();
myImage[i].src = currLink.childNodes[0].src.replace(/(\.[^.]+)$/, '_over$1');;
}
}
}
} // end setRollovers
function exposeSubNav(which) {
//alert("which = " + which);
//we need the id of the image
if (document.getElementById(which) != null) { // if this image really exists in the document:
var currImage = document.getElementById(which);
currImage.src = currImage.src.replace(/(\.[^.]+)$/, '_over$1');
theSubNavPict = which; // set this to foil restoreImage functions on curr subNav image
} else {
theSubNavPict = "nadaZink"
}
}
function doRollover(e) {
var currTarget = findTarget(e);
if (!currTarget) return;
var currImage = currTarget.childNodes[0];
if (currImage.src.indexOf("_over") == -1) { // if it's already "over", don't roll it
currImage.src = currImage.src.replace(/(\.[^.]+)$/, '_over$1');
}
// rollover the button exposes the sub-nav
if (currImage.src.indexOf("btn_about") != -1) {
getSubNav('About');
}
if (currImage.src.indexOf("btn_programs") != -1) {
getSubNav('Programs');
}
if (currImage.src.indexOf("btn_business") != -1) {
getSubNav('Business');
}
if (currImage.src.indexOf("btn_employment") != -1) {
getSubNav('Employment');
}
if (currImage.src.indexOf("btn_employees") != -1) {
getSubNav('Employees');
}
if (currImage.src.indexOf("btn_links") != -1) {
getSubNav('Links');
}
if (currImage.src.indexOf("btn_home") != -1) {
getSubNav('Home');
}
stopTimer();
}
function restoreImage(e) {
var currTarget = findTarget(e);
if (!currTarget) return;
var currImage = currTarget.childNodes[0];
if (currImage.src.indexOf(theSubNavPict) == -1) { // if you are not the current sub-nav image, then roll off
//alert("theSubNavPict = " + theSubNavPict + ". indexOf = " + currImage.src.indexOf(theSubNavPict));
currImage.src = currImage.src.replace(/_over(\.[^.]+)$/, '$1');
}
// NO START HIDE ON SUB-NAV BUTTONS
if (currImage.src.indexOf('sub_btn_') == -1) { // NOT a sub button, apply start hide... must be a main nav button
startHide();
}
}
function findTarget(e) {
var t;
if (window.event && window.event.srcElement) t = window.event.srcElement;
else if (e && e.target) t = e.target;
if (!t) return null;
while (t != document.body && t.nodeName.toLowerCase() != 'a') t = t.parentNode;
if (t.nodeName.toLowerCase() != 'a') return null;
return t;
}
//
function getSubNavString() {
// story sub nav table:
subNavString = ''
// programs sub nav table:
subNavString += ''
// business sub nav table:
subNavString += ''
// employment sub nav table:
subNavString += ''
// employees sub nav table:
subNavString += ''
// links sub nav table:
subNavString += ''
return subNavString;
}
// this function is needed externally because it is called directly by the page
function getSubNav(which) {
hideAllDivs();
switch(which) {
case 'Home':
// nothing
break;
case 'About':
// show the appropriate div:
document.getElementById("sub_nav_about").style.display = "inline";
break;
case 'Programs':
document.getElementById("sub_nav_programs").style.display = "inline";
break;
case 'Business':
document.getElementById("sub_nav_business").style.display = "inline";
break;
case 'Employment':
document.getElementById("sub_nav_employment").style.display = "inline";
break;
case 'Employees':
document.getElementById("sub_nav_employees").style.display = "inline";
break;
case 'Links':
document.getElementById("sub_nav_links").style.display = "inline";
break;
default:
return "sorry, no luck";
}
}
function hideAllDivs() {
// turn them all off:
document.getElementById("sub_nav_about").style.display = "none";
document.getElementById("sub_nav_programs").style.display = "none";
document.getElementById("sub_nav_business").style.display = "none";
document.getElementById("sub_nav_employment").style.display = "none";
document.getElementById("sub_nav_employees").style.display = "none";
document.getElementById("sub_nav_links").style.display = "none";
}
function startHide() {
timerID = setTimeout("finishHide()", 1200);
}
function finishHide() {
hideAllDivs();
// re-show the sub nav that belongs on this page:
if (document.location.href.indexOf("/About/") != -1) {
getSubNav('About');
}
if (document.location.href.indexOf("/Programs/") != -1) {
getSubNav('Programs');
}
if (document.location.href.indexOf("/Business/") != -1) {
getSubNav('Business');
}
if (document.location.href.indexOf("/Employment/") != -1) {
getSubNav('Employment');
}
if (document.location.href.indexOf("/Employees/") != -1) {
getSubNav('Employees');
}
if (document.location.href.indexOf("/Links/") != -1) {
getSubNav('Links');
}
if (document.location.href.indexOf("/Home/") != -1) {
getSubNav('Home');
}
clearTimeout(timerID);
timerID = null;
}
function stopTimer() { // if you rolled back onto a button or a layer
clearTimeout(timerID);
timerID = null;
}
window.onload = setRollovers;
