/*
// BUTTON IMAGE PRELOADER (For buttons that turn on and off)
// Created by Rob Reynolds, copyright May 2004, Updated June 2004.
// This program allows you to preload images on a page.
//====START BUTTON PRELOADER=====//
// DROP THE SCRIPT BELOW On your page or in an include file
//Make sure you specify where this file is located.
<script Language="Javascript" src="jscript/buttonImagePreloader.js"></script>
<script Language="JavaScript">
var imageName = new Array("image1","image2"); //ONLY The IMAGE NAME - NOTE: The imageName Name will also be this.
var imageONNameADD="_f2"; //Name your "ON" Images as 'imageName + something more'. Then tell me what the something more is.
var strImageType="gif"; //What Type of Images are we displaying?
var strFolderLocation="images"; //The Folder Location minus the last "/"
preloadPageImages(imageName,imageONNameADD,imageName.length,strImageType,strFolderLocation); //Actually preloads the images.
var imageAlt = new Array("Alt1","Alt2"); //The Alternative Text for the imageName
var imageBorder = new Array(0,0); //Border - Most of the time you are going to want this to be zero. If you don't assign anything, I will assume 0.
var imageHeight = new Array(25,25); //Height - If you are not going to assign heights, just leave 'var imageHeight;'
var imageWidth = new Array(184,184); //Width - If you are not going to assign widths, just leave 'var imageHeight;'
var imageHREF = new Array("1_overview.htm","anotherpage.htm"); //What page does the image point to? -Required assignment
//If there is more than one page that makes the button appear "ON", put the linked item first, followed by the other pages separated by commas (,)
var imageAccessKey= new Array("A","B"); //AccessKey - If you are not going to assign access keys, just leave the 'var imageAccessKey;'
var imageTabIndex = new Array(1,2); //TabIndex - If you are not going to assign tab indexes, just leave the 'var imageTabIndex;'
var buttonRepeatDirection = 0; //Which way do you want the buttons to repeat? Vertical is 0, Horizontal is 1.
var buttonsPerRow=0; //How many buttons would you like per row? Zero for not used.
var buttonSpace= 0; //How much space do you want between the buttons? Zero for no space.
</script>
<script Language="JavaScript">
SetUpButtons(imageName.length,imageName,imageAlt,imageBorder,imageHeight,imageWidth,imageHREF,imageAccessKey,imageTabIndex,buttonRepeatDirection,buttonSpace,buttonsPerRow);
</script>
//====END BUTTON PRELOADER=====//
*/
/*========START PRELOADING IMAGES================*/
//Declare the global variables
var img = new Array();
var imgON = new Array();
//Figure out what page you are on
var strWinLoc=window.location.href;
var intWinLoc;
//alert(strWinLoc);
intWinLoc=strWinLoc.lastIndexOf("/");
strWinLoc= strWinLoc.substr(intWinLoc+1);
//alert("strWinLoc= " + strWinLoc);
function preloadPageImages(pImage,pImageON,intNumImages,pImageType,pFolderLocation) {
for (i=0;i<=intNumImages-1;i++) {
img[i]= new Image();
imgON[i] = new Image();
//SET SOURCES
img[i].src =pFolderLocation + "/" + pImage[i] + "." + pImageType;
imgON[i].src=pFolderLocation + "/" + pImage[i] + pImageON + "." + pImageType;
}
//alert("Preloading completed for " + intNumImages + " images.");
}
/*========END PRELOADING IMAGES================*/
/*========START PAGE USE FUNCTIONS================*/
// Not using this at all. Does not play nice with multiple instances.
function TurnOnAndOff(imgName,imgNumber){
var boolOn=false;
if (document[imgName].src==img[imgNumber].src){
document[imgName].src=imgON[imgNumber].src;
} else {
document[imgName].src=img[imgNumber].src;
}
}
/*========END PAGE USE FUNCTIONS================*/
/*========START DISPLAYING IMAGES================*/
//Entry point
function SetUpButtons(numButtons,imName,imAlt,imBorder,imHeight,imWidth,imHREF,imAccessKey,imTabIndex,intDirection,intSpace,intButtonsPerRow){
//alert("Starting to set up " + numButtons + " buttons");
/*All buttons the same, displayed on every page.*/
for (k=0;k<=numButtons-1;k++){
EachButton(k,false,'',imName,imAlt,imBorder,imHeight,imWidth,imHREF,imAccessKey,imTabIndex);
//SPACING BETWEEN BUTTONS
MakeSpace(k,numButtons,intDirection,intSpace,intButtonsPerRow);
}
/*
//If you are going to use parent buttons, use this section. You will have to configure it on your own.
//Set up Parent Button to be Clickable but ON
if (strWinLoc.indexOf("1")!=-1 && strWinLoc.indexOf("1d") < 0){ //Make first button gray but clickable.
strPageURLParentMenuGray="1_overview.htm";
} else if (strWinLoc == "2_community.htm" || strWinLoc == "2a_consultation.htm") {
strPageURLParentMenuGray="2_community.htm";
} else if (strWinLoc == "1d_environments.htm" || strWinLoc == "1d1_impact.htm" || strWinLoc == "1d2_wetlands.htm"){
strPageURLParentMenuGray="1d_environments.htm";
}
for (k=0;k<=numButtons-1;k++){
if (k==1 || k==2 || k==3){ //Display SubSections only if the user is on a page that should display one.
if (strWinLoc.indexOf("1")!=-1 && strWinLoc.indexOf("1d") < 0){ //Display First SubSection
//alert(k + "\n Location: " + strWinLoc + "\n Eval: " + strWinLoc.indexOf("1") );
EachButton(k,true,"",imName,imAlt,imBorder,imHeight,imWidth,imHREF,imAccessKey,imTabIndex);
}
} else if (k==5 || k==6 ) {
if (strWinLoc == "2_community.htm" || strWinLoc == "2a_consultation.htm") { //Display Second SubSection
//alert(k + "\n Location: " + strWinLoc + "\n Eval: " + strWinLoc.indexOf("2") );
EachButton(k,true,"",imName,imAlt,imBorder,imHeight,imWidth,imHREF,imAccessKey,imTabIndex);
}
} else if (k==10 || k==11){
if (strWinLoc == "1d_environments.htm" || strWinLoc == "1d1_impact.htm" || strWinLoc == "1d2_wetlands.htm"){ //Display Third SubSection
EachButton(k,true,"",imName,imAlt,imBorder,imHeight,imWidth,imHREF,imAccessKey,imTabIndex);
}
} else { //It is not a spacer button
EachButton(k,false,strPageURLParentMenuGray,imName,imAlt,imBorder,imHeight,imWidth,imHREF,imAccessKey,imTabIndex);
}
}
*/
//alert("Finished setting up " + numButtons + " buttons");
}
//SPACING BETWEEN THE BUTTONS
function MakeSpace(intK,intNB,intD,intS,intBPR) {
if (intK != intNB -1){
//Determine repeat direction for buttons and space.
if (intD !=null && intS != null) {
if (intBPR != null && intBPR != 0) {
//alert("intBPR == " + intBPR);
//check the mod from the current index. If it is one less than the Buttons per row, it is time to repeat.
if ((1+intK) % intBPR == 0){
//direction is horizontal, so you drop a line
document.write("<br />");
}
}
//direction is vertical and there is no set buttons per row
if (intD != 1 && (intBPR == null || intBPR ==0)) {
//buttonsperrow is null or zero
document.write("<br />");
}
if (intS !=null) {
if (intS !=0) {
var h=0;
var _spacer;
//if vertical print <br />, if horizontal print spaces.
(intD != 1)? _spacer="<br />":_spacer=" ";
//alert("The direction will be " + _spacer);
if (intS !=0) {
for (h=0;h<intS;h++){
document.write(_spacer);
//alert("Executing document\.write(" + _spacer + ")\;");
}
}
}
}
} else {
document.write("<br />");
}
}
}
function EachButton(j,boolSeparator,strPageURLParentMenu,_name,_alt,_border,_height,_width,_HREF,_accessKey,_tabIndex){
//alert("This is button " + j );
if (boolSeparator) {
LinkSeparator();
}
//If it does, declare a new array and split the array out.
var imgHREF=_HREF[j].split(",");
//alert(imgHREF.length);
var intLoops;
intLoops=0;
intLoops = imgHREF.length;
var boolMatch = false;
var k;
for (k=0;k<=intLoops-1;k++){
//alert (intLoops);
if (strWinLoc != imgHREF[k] && strPageURLParentMenu != imgHREF[k]) {
} else {
//alert("found one");
boolMatch=true;
}
//CHECKING FOR THE DEFAULT PAGES...
if (strWinLoc =="" && (imgHREF[k] =="index.htm" || imgHREF == "index.html" || imgHREF[k] == "default.asp" || imgHREF[k] == "default.aspx")) {
boolMatch=true;
}
}
if (!boolMatch) {
//====START LINK TAG====//
document.write("<A ");
//TabIndex
if (_tabIndex !=null){
document.write(" tabindex=\"" + _tabIndex[j] + "\" ");
}
//AccessKey
if (_accessKey !=null){
document.write(" accesskey=\"" + _accessKey[j] + "\" ");
}
//onBlur && onMouseOut
document.write(" onBlur=\"document." + _name[j] + ".src='" +img[j].src + "';\" onMouseOut=\"document." + _name[j] + ".src='" +img[j].src + "';\" ");
//onFocus && onMouseOver
document.write(" onFocus=\"document." + _name[j] + ".src='" +imgON[j].src + "';\" onMouseOver=\"document." + _name[j] + ".src='" +imgON[j].src + "';\" ");
//LINK
document.write(" href=\"" + imgHREF[0] + "\"");
//Close tag
document.write(">");
//====END LINK TAG====//
ImageDisplay(j,false,_name,_alt,_border,_height,_width,_accessKey);
//====START LINK CLOSE TAG====//
//End LinkTag
document.write("</A>");
//====END LINK CLOSE TAG====//
} else { //Shows the button turned on
if (strPageURLParentMenu == imgHREF[0] ){
document.write("<A href=\"" + imgHREF[0] + "\">");
}
ImageDisplay(j,true,_name,_alt,_border,_height,_width,_accessKey);
if (strPageURLParentMenu == imgHREF[0] ){
document.write("</A>");
}
}
}
//Cuts down on code
function ImageDisplay(j,boolImageON,ID_name,ID_alt,ID_border,ID_height,ID_width,ID_accessKey){
//====START IMAGE TAG====//
//OPEN IMG TAG
document.write("<IMG src=\"");
//Define the Image Source
if (boolImageON == true){
document.write(imgON[j].src);
}else {
document.write(img[j].src);
}
document.write("\" ");
//ALT
document.write(" alt=\"" + ID_alt[j] );
// Alt + Information about how to access it
if (ID_accessKey !=null){
document.write(" [Alt + " + ID_accessKey[j] + " + Enter] ");
}
document.write("\"");
//WIDTH && HEIGHT
if (ID_width != null) {
document.write(" width=\"" + ID_width[j] + "\" ");
}
if (ID_height != null) {
document.write(" height=\"" + ID_height[j] + "\" ");
}
//BORDER
if (ID_border != null) {
document.write(" border=\"" + ID_border[j] + "\" ");
} else {
document.write(" border=\"0\" ");
}
//NAME
document.write(" name=\"" + ID_name[j] + "\" ");
//ID
document.write(" id=\"" + ID_name[j] + "\" ");
//Self-Close IMG Tag
document.write(" />");
//====END IMAGE TAG====//
}
//WINDOW POPPING BUTTONS - If you have a button that should be opening up a new window
function AddPopupInfo(intWinNumber,imgHREF){
var strKeyFunctions = new Array ("onKeyPress","onSelect","onClick");
for (i=0;i<=3;i++){
document.write(strKeyFunctions[i] + "=\"MyWindow" + intWinNumber + "=window.open('" + imgHREF + "','MyWindow" + intWinNumber + "','toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=yes,resizable=yes,width=490,height=610,left=10,top=10'); return false;\"");
}
}
//NOT USING THIS SCRIPT WITH THE FIRST FUNCTION....
//SEPARATOR
function LinkSeparator() { //width="55" height="8"
document.write("<br><IMG height='1' alt=' ' src='images/shim_blk.gif' width='1' name='link_separator'>");
}
/*========END DISPLAYING IMAGES================*/
/*========START ADA COMPLIANCE FOR BLIND PEOPLE EXAMPLE================*/
/*
//ADA COMPLIANCE FOR BLIND PEOPLE
//USE THE SAME AS YOU WOULD YOUR SITE MAP, only with the Div tags as shown.
//DROP this ABOVE your PRELOADING REFERENCES.
<div style="display:none;">
<p>If you are blind, you may have trouble with the section below this for the buttons
I have included a bulleted list of links for you instead.
<ul>
<li><a href="index.htm">Home</a></li>
<li><a href="1_overview.htm">Project Overview</a>
<ul>
<li><a href="1a_concept.htm">Concept Map</a></li>
<li><a href="1b_faqs.aspx">Frequently Asked Questions</a></li>
<li><a href="1c_schedule.htm">Project Schedule</a></li>
</ul>
</li>
<li><a href="2_community.htm">Community Involvement</a>
<ul>
<li><a href="2_comments.jsp" onKeypress="MyWindow2=window.open('2_comments.jsp','MyWindow2','toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=no,width=490,height=535,left=10,top=10'); return false;" onSelect="MyWindow2=window.open('2_comments.jsp','MyWindow2','toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=no,width=490,height=535,left=10,top=10'); return false;" onClick="MyWindow2=window.open('2_comments.jsp','MyWindow2','toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=no,width=490,height=535,left=10,top=10'); return false;">Comments
Form</a></li>
<li><a href="2a_consultation.htm">Consultation and Outreach</a></li>
</ul>
</li>
<li><a href="3_projectnews.aspx">Project
News</a></li>
<li><a href="1d3_historical.htm" class="linklarge">Cultural Resources</a></li>
<li><a href="1d_environments.htm">Environment Resources</a>
<ul>
<li><a href="1d1_impact.htm">Environmental Impact Statement</a></li>
<li><a href="1d2_wetlands.htm">The Baker University Wetlands</a></li>
</ul>
</li>
</ul>
</p>
<a href="#content">To Main Content</a>
</div>
//DROP THIS a little further down on the page, right after your PRELOADING REFERENCES FROM ABOVE
<a name="content"></a>
*/
/*========END ADA COMPLIANCE FOR BLIND PEOPLE EXAMPLE================*/