/*


********************************************************************



* REsize Script to ensure Menus align properly on REsize



*******************************************************************/


window.onresize= doRefresh;


function doRefresh() {


  document.location = document.location;


}


/*



********************************************************************


* Drop Down Menu JavaScript Functions



********************************************************************


File Name: /Scripts/menus.js



Author: Kevin Berquist - VisionOne, Inc.


Completion Date: 

Date of Last Revision: 1/15/2001
Last Revisor: Robert Schultz


Function: render and position drop down menu containers and options


OS: N/A


Requires: Internet Explorer / Netscape 4.0 or higher browser.


********************************************************************

*/


/*

********************************************************************


* Function: N/A


* Objective: Global Variables to determine browser type, menu 


			 container margins and padding,  drop down mouse 


			 event control, drop down menu HTML. 


* Input: N/A


* Output: N/A


********************************************************************

*/


var g_blnIe;


var g_blnDom;


var g_intYOffset;


var g_intYPadding;


var g_ClientWidth;


var g_intXOffset;


var g_CurrentParent;


var g_objCurrentLayer;


var g_blnInLayer;


var g_strMenuSeperator;


var g_strMenuHTML;


var g_intWinOffset;


var g_SubMenuPanelClass;


var g_parentHighlightClass;


var g_parentNoHighlightClass;


var g_currentSectionClass;


function setGlobals(){



	g_blnIe = (document.all) ? true:false;


	g_blnDom = (document.getElementById) ? true:false;


	g_ClientWidth = (g_blnIe) ? document.body.clientWidth:window.innerWidth;


	g_intXOffset = 0//((g_ClientWidth - 736)/2);


	g_intYOffset = 0;


	g_intYPadding = 0;


	g_objCurrentLayer = null;


	g_blnInLayer = false;


	g_strMenuSeperator = "|";


	g_strMenuHTML = "";


	g_intWinOffset = 20;


	g_SubMenuPanelClass = "submenu";


	g_parentHighlightClass = "on";


	g_parentNoHighlightClass = '';


	g_currentSectionClass = 'currentSectionOn';


	g_DonationsURL = "https://interland3.donorperfect.net/weblink/weblink.aspx?name=sanjoaquin&id=1";


}


/*


********************************************************************


* Function: _menuOver


* Objective: performs menu drop down process


* Input: sLayerName - HTML container name


	x - The X coordinate on the screen


	y - The Y coordinate on the screen


* Output: N/A


********************************************************************

*/


function _menuOver(sLayerName,x,y){


	g_blnInLayer = true;


	var objLayer = (g_blnDom) ? document.getElementById(sLayerName):document.layers[sLayerName];


	positionLayer(objLayer,x,y);


	showLayer(objLayer);


	g_objCurrentLayer = objLayer;


}


/*


********************************************************************

* Function: buildMenu


* Objective: Writes out the full HTML for the menu after parsing all the


	functions.


* Input: N/A










* Output: N/A










********************************************************************










*/










function buildMenu(){










	document.write(g_strMenuHTML);










}





















/*










********************************************************************










* Function: closeContainer










* Objective: write the appropriate closingHTML container tag based 










			 on user user platform










* Input: N/A










* Output: N/A










********************************************************************










*/










function closeContainer(){










	










	if(g_blnIe || g_blnDom)










		g_strMenuHTML += '</div>\n';










	else










		g_strMenuHTML += '</layer>\n';










	










}





















/*










********************************************************************










* Function: getElemX










* Objective: returns the x position of the argument element










			 using get real left










* Input: objElem - HTML Container Object










* Output: integer










********************************************************************










*/










function getElemX(objElem){










	var intX = (g_blnIe || g_blnDom) ? getRealLeft(objElem):objElem.x;	










	return intX;










}





















/*










********************************************************************










* Function: getElemY










* Objective: returns the y position of the argument element










			 using get real top










* Input: objElem - HTML Container Object










* Output: integer










********************************************************************










*/










function getElemY(objElem){










	var intY = (g_blnIe || g_blnDom) ? getRealTop(objElem):objElem.y;	










	intY += (g_blnIe || g_blnDom) ? objElem.offsetHeight:g_intYOffset;










	return intY + g_intYPadding;










}





















/*










********************************************************************










* Function: getRealLeft










* Objective: finds the left edge of the element argument










* Input: objEl - HTML Container Object










* Output: integer










********************************************************************










*/










function getRealLeft(objEl) {










    intXPos = objEl.offsetLeft;










    objTempEl = objEl.offsetParent;










    while (objTempEl != null) {










        intXPos += objTempEl.offsetLeft;










        objTempEl = objTempEl.offsetParent;










    }










    return intXPos;










}





















/*










********************************************************************










* Function: getRealTop










* Objective: finds the top edge of the element argument










* Input: objEl - HTML Container Object










* Output: integer










********************************************************************










*/










function getRealTop(objEl) {










    intYPos = objEl.offsetTop;










    objTempEl = objEl.offsetParent;










    while (objTempEl != null) {










        intYPos += objTempEl.offsetTop;










        objTempEl = objTempEl.offsetParent;










    }










    return intYPos;










}





















/*










********************************************************************










* Function: startHide










* Objective: begins to hide the current layer by setting a countdown 










			hidelayer










* Input: N/A










* Output: N/A










********************************************************************










*/










function startHide(){










	setTimeout("hideLayer(g_objCurrentLayer)",300);










}





















/*










********************************************************************










* Function: hideLayer










* Objective: hides the current layer 










* Input: objElem - HTML Container Object










* Output: N/A










********************************************************************










*/










function hideLayer(objElem){










	if(!g_blnInLayer && objElem != null){










		if(g_blnDom){










			objElem.style.display='none';










			dehighlightParent();










		}	










		else{










		objElem.visibility='hide';










		










		}










	}










}





















/*










********************************************************************










* Function: layerOut










* Objective: sets global var g_blnInLayer = false called when mouse










		     leaves a current HTML container










* Input: N/A










* Output: N/A










********************************************************************










*/










function layerOut(){










	g_blnInLayer = false;










	startHide();










}





















/*










********************************************************************










* Function: layerOver










* Objective: sets global var g_blnInLayer = true










* Input: N/A










* Output: N/A










********************************************************************










*/










function layerOver(){










	highlightParent();










	g_blnInLayer = true;










}





















/*










********************************************************************










* Function: menuOut










* Objective: sets global var g_blnInLayer = false called when mouse










			 leaves a the menu bar










* Input: N/A










* Output: N/A










********************************************************************










*/










function menuOut(){










	g_blnInLayer = false;










	if(!g_blnInLayer)startHide();










}





















/*










********************************************************************










* Function: menuOver










* Objective: begins the menu drop down process










* Input: objElem - HTML container object










	strLayerName - HTML container object name










* Output: N/A










********************************************************************










*/










function menuOver(objElem,strLayerName){










	dehighlightParent();










	g_CurrentParent = objElem; 










	highlightParent();










	if(g_objCurrentLayer != null && g_objCurrentLayer.id != strLayerName) hideLayer(g_objCurrentLayer);










	_menuOver(strLayerName,getElemX(objElem),getElemY(objElem));










}





















/*










********************************************************************










* Function: Highlight










* Objective: Highlights the current parent item










* Input: objElem - HTML container object










* Output: N/A










********************************************************************










*/





















function highlightParent(){










	if(g_CurrentParent && g_CurrentParent.className != g_currentSectionClass){










		g_CurrentParent.className = g_parentHighlightClass; 










	}










}





















/*










********************************************************************










* Function: deHighlightparent










* Objective: deHighlights the current parent item










* Input: objElem - HTML container object










* Output: N/A










********************************************************************










*/










function dehighlightParent(){










	if(g_CurrentParent && g_CurrentParent.className != g_currentSectionClass){










		g_CurrentParent.className = g_parentNoHighlightClass;










	}










}





















/*










********************************************************************










* Function: menuOverXY










* Objective: begins the menu drop down process using supplied x and y










* Input: objElem - HTML container object










	strLayerName - HTML container object name










* Output: N/A










********************************************************************










*/










function menuOverXY(objElem,strLayerName,x,y){










	if(g_objCurrentLayer != null) hideLayer(g_objCurrentLayer);










	_menuOver(strLayerName,x,y);










}

































































/*










********************************************************************










* Function: openContainerWithId










* Objective: write the appropriate opening HTML container tag based 










			 on user user platform










* Input: intId - The ElementID for the container










* Output: N/A










********************************************************************










*/










function openContainerWithId(intId){










	if(g_blnIe || g_blnDom)










		g_strMenuHTML += '<div class="'+g_SubMenuPanelClass+'" id="' +intId+'" style="position:absolute;display:none;" onmouseover="javascript:layerOver();" onmouseout="javascript:layerOut();">\n';










	else










		g_strMenuHTML += '<layer class="'+g_SubMenuPanelClass+'" id="'+intId+'" visibility="hide" onmouseover="javascript:layerOver();" onmouseout="javascript:layerOut();">\n';










	










}





















/*










********************************************************************










* Function: positionLayer










* Objective: positions a HTML container object using x,y coordinates










* Input: objElem - HTML Container Object










	intX - the X coordinate on the screen










	intY - the Y coordinate on the screen










* Output: N/A










********************************************************************










*/










function positionLayer(objElem,intX,intY){










	var intLyrWdth = (g_blnIe || g_blnDom) ? objElem.offsetWidth:objElem.clip.width;










	var intScrnWdth = (g_blnIe) ? document.body.clientWidth:window.innerWidth;










	var intOffset = (((intLyrWdth + g_intWinOffset) + intX) > intScrnWdth) ? ((intX+intLyrWdth+g_intWinOffset) - intScrnWdth):0;










	if(g_blnDom){










		objElem.style.left=intX - intOffset + g_intXOffset;










		objElem.style.top=intY;










	}else{










		objElem.left=intX - intOffset;










		objElem.top=intY;










	}





















}





















/*










********************************************************************










* Function: showLayer










* Objective: shows a HTML container object










* Input: objElem - HTML Container Object










* Output: N/A










********************************************************************










*/










function showLayer(objElem){










	if(g_blnDom)objElem.style.display='block';










	else objElem.visibility='show';










}
































/*










********************************************************************










* Function: writeMenu










* Objective: write the menu drop down options in an HTML Table










* Input: strOps - The array holding all the link values










* Output: N/A










********************************************************************










*/










function writeMenu(strOps){










	for(var i = 0; i<strOps.length; i++){










		var strMenuOp = strOps[i].split(g_strMenuSeperator)










		g_strMenuHTML += '<a href="'+strMenuOp[1]+'">'+strMenuOp[0]+'</a>\n';










		










	}










}





















/*



********************************************************************


* Function: createHTML


* Objective: write the HTML menu code



* Input: 


* Output: 


********************************************************************



*/




function createHTML(strObj,aryObj){



	openContainerWithId(strObj);


		writeMenu(eval(aryObj));



	closeContainer();	




}




function initMenu(){




	setGlobals();




	var strMainUrl = "";



	//Fresno




	createHTML(	'objHowYouCanHelp',[



				'Volunteering |' + strMainUrl + 'helpVolunteering.asp',


				'Membership |' + strMainUrl + 'helpMemberships.asp',


				'Take Me to the River |' + strMainUrl + 'helpTakeMeToTheRiver.asp',


				'Parkway Partners |' + strMainUrl + 'helpParkwayPartners.asp',

				'Sponsorship |' + strMainUrl + 'helpSponsorships.asp'


				]);


	createHTML(	'objRiverCenter',[



				'Hidden Homes Nature Trail |' + strMainUrl + 'riverCenterHiddenHomes.asp',


				'Exhibits |' + strMainUrl + 'riverCenterExhibits.asp',


				'Bird House Contest |' + strMainUrl + 'riverCenterBirdHouseContest.asp',


				'River Center Programs |' + strMainUrl + 'riverCenterPrograms.asp',


				'History |' + strMainUrl + 'riverCenterHistory.asp',



				'River Store |' + strMainUrl + 'riverCenterRiverStore.asp'


				]);


	createHTML(	'objEducationRec',[


				'Access Trails |' + strMainUrl + 'eduRecAccessTrails.asp',


				'Canoe Adventures |' + strMainUrl + 'eduRecCanoeAdv.asp',


				'Nature Walks |' + strMainUrl + 'eduRecOutdoorEducation.asp',


				'Fishing |' + strMainUrl + 'eduRecFishing.asp',


				'School Programs |' + strMainUrl + 'eduRecSchoolProg.asp',



				'River Docents |' + strMainUrl + 'eduRecDocents.asp',



				'Summer Camps |' + strMainUrl + 'eduRecSummerCamps.asp'



				]);



	createHTML(	'objAboutTheParkway',[


				'News |' + strMainUrl + 'aboutParkwayNews.asp',



				'Events |' + strMainUrl + 'aboutParkwayEvents.asp',


				'Interactive Map |' + strMainUrl + 'aboutParkwayInteractiveMap.asp',


				'Economic Benefits |' + strMainUrl + 'aboutParkwayEconomicBenefit.asp',


				'Parks |' + strMainUrl + 'aboutParkwayParks.asp',


				'Related Organizations |' + strMainUrl + 'aboutParkwayRelatedOrganizations.asp',


				'Conservancy |' + strMainUrl + 'aboutParkwayConservancy.asp'




				]);







	createHTML(	'objCivicEngagement',[










				'River History |' + strMainUrl + 'aboutSanJoRiverHistory.asp',










				'Parks |' + strMainUrl + 'aboutParkwayParks.asp',










				'River Flow/Dam Information |' + strMainUrl + 'aboutSanJoFlowDamInfo.asp',










				'Seasonal Highlights |' + strMainUrl + 'aboutSanJoSeasonalHighlights.asp',










				'Additional Reading |' + strMainUrl + 'aboutSanJoAdditionalReading.asp',








				'Fast Faqs |' + strMainUrl + 'aboutSanJoFastFaqs.asp',



				'Newspaper Tabloid |' + strMainUrl + 'aboutSanJoNewsTabloid.asp',



				'links |' + strMainUrl + 'aboutSanJoLinks.asp'




				]);	





	createHTML(	'objConservation',[



				'Land Acquisitions |' + strMainUrl + 'ConservationLandAcquis.asp',


				'Restoration |' + strMainUrl + 'ConservationRestoration.asp',


				'Invasive Species |' + strMainUrl + 'ConservationInvasiveSpecies.asp',


				'Conservation Easements|' + strMainUrl + 'ConservationEasements.asp',


				'Stewards |' + strMainUrl + 'ConservationStewards.asp',


				'Trail Projects |' + strMainUrl + 'conservationTrailProjects.asp'


				]);				



	createHTML(	'objAboutUs',[



				'History |' + strMainUrl + 'aboutUsHistoryTimeline.asp',


				'Major Donors |' + strMainUrl + 'aboutUsMajorDonors.asp',


				'Board of Directors |' + strMainUrl + 'aboutUsBoard.asp',


				'Staff and Contact Information |' + strMainUrl + 'aboutUsContact.asp',



				'Employment Opportunities |' + strMainUrl + 'aboutUsEmployment.asp',
				


				'Form 990|' + strMainUrl + 'aboutUsForm990.asp',



				'Donate |' + g_DonationsURL





				]);	





	buildMenu();



}



/*










********************************************************************










* REsize Script to ensure Menus align properly on REsize










*******************************************************************/






window.onresize= doRefresh;






function doRefresh() {


  document.location = document.location;










}