<!-- hide JavaScript from non-JavaScript browsers
function getCookieVal(offset) {
   var endstr = document.cookie.indexOf (";", offset);
   if (endstr == -1)
      endstr = document.cookie.length;
   return unescape(document.cookie.substring(offset, endstr));
}

function getCookie(name) {
	var arg = name + "=";
	var alen = arg.length;
	var clen = document.cookie.length;
	var i = 0;
	while (i < clen) {
		var j = i + alen;
		if (document.cookie.substring(i, j) == arg)
			return getCookieVal (j);
		i = document.cookie.indexOf(" ", i) + 1;
		if (i == 0)
			break;
	}
	return null;
}

function setCookie(name, value) {
	var argv = setCookie.arguments;
	var argc = setCookie.arguments.length;
	var expires = (argc > 2) ? argv[2] : null;
	var path = (argc > 3) ? argv[3] : null;
	var domain = (argc > 4) ? argv[4] : null;
	var secure = (argc > 5) ? argv[5] : false;
	document.cookie = name + "=" + escape (value) +
					  ((expires == null) ? "" : ("; expires=" +
					  expires.toGMTString())) + 
					  ((path == null) ? "" : ("; path=" + path)) + 
					  ((domain == null) ? "" : ("; domain=" + domain)) + 
					  ((secure == true) ? "; secure" : "");
}

function createCookie(name, value) {
	pathname = location.pathname;
	myDomain = pathname.substring(0,pathname.lastIndexOf('/')) +'/';
	var largeExpDate = new Date ();
	largeExpDate.setTime(largeExpDate.getTime() + (30 * 24 * 3600 * 1000));
	setCookie(name,value,largeExpDate,myDomain);
}

function getAjaxRequestInstance() {
	var ajaxRequest;
	try{
		// Opera 8.0+, Firefox, Safari
		ajaxRequest = new XMLHttpRequest();
	} catch (e){
		// Internet Explorer Browsers
		try{
			ajaxRequest = new ActiveXObject("Msxml2.XMLHTTP");
		} catch (e) {
			try{
				ajaxRequest = new ActiveXObject("Microsoft.XMLHTTP");
			} catch (e){
				// Something went wrong
				alert("Your browser broke!");
				return null;
			}
		}
	}
	return ajaxRequest
}

function setElementContentCascading(elementData) {
	var ajaxRequest = getAjaxRequestInstance();
	if (ajaxRequest == null) return false;
	
	var elementID = elementData.elementID;
	var contentRef = elementData.contentRef;
	var next = elementData.next;
	
	var ajaxDisplay = document.getElementById(elementID);
	
	ajaxRequest.onreadystatechange = function() {
		if (ajaxRequest.readyState == 4) {
			//setTimeout(function() {
				ajaxDisplay.innerHTML = ajaxRequest.responseText;
				if (next != null) {
					setElementContentCascading(next);
				}
			///}, 2000);
		}
	}
	
	ajaxRequest.open("GET", contentRef, true);
	ajaxRequest.send();
	ajaxDisplay.innerHTML = getLoadingHtml();
	
}

function setElementContent(elementID,contentRef) {
	var ajaxRequest = getAjaxRequestInstance();
	if (ajaxRequest == null) return false;

	var ajaxDisplay = document.getElementById(elementID);

	// Create a function that will receive data sent from the server
	ajaxRequest.onreadystatechange = function(){
		if(ajaxRequest.readyState == 4){
			ajaxDisplay.innerHTML = ajaxRequest.responseText;
		}
	}
	
	ajaxRequest.open("GET", contentRef, true);
	ajaxRequest.send();
	ajaxDisplay.innerHTML = getLoadingHtml();
}

function setParentElementContent(elementID,contentRef) {
	var ajaxRequest = getAjaxRequestInstance();
	if (ajaxRequest == null) return false;

	var ajaxDisplay = parent.document.getElementById(elementID);

	// Create a function that will receive data sent from the server
	ajaxRequest.onreadystatechange = function(){
		if(ajaxRequest.readyState == 4){
			ajaxDisplay.innerHTML = ajaxRequest.responseText;
		}
	}
	
	ajaxRequest.open("GET", contentRef, true);
	ajaxRequest.send();
	ajaxDisplay.innerHTML = getLoadingHtml();
}

function getLoadingHtml() {
	var loadingHtml = '<div style="text-align: center; position: relative; top: 25px;"><img src="images/WAB_Loading.gif"><br>Loading...</div>';
	return loadingHtml;
}

var buttonImgSelected=new String;
var buttonImgsArr=new Array();
function setButtonImages(pageImageName,deselectedSrc,rolloverSrc,selectedSrc) {
	if (! document.images) return;
	buttonImgsArr[pageImageName]=new Object;
	buttonImgsArr[pageImageName].deselImg = new Image;
	buttonImgsArr[pageImageName].deselImg.src=deselectedSrc;
	buttonImgsArr[pageImageName].overImg = new Image;
	buttonImgsArr[pageImageName].overImg.src=rolloverSrc;
	buttonImgsArr[pageImageName].selImg = new Image;
	buttonImgsArr[pageImageName].selImg.src=selectedSrc;
}

function imgRollOver(pageImageName) {
	if (! document.images) return;
	if (! buttonImgsArr[pageImageName]) return;
	document.images[pageImageName].src=buttonImgsArr[pageImageName].overImg.src;
}

function imgRollOut(pageImageName) {
	if (! document.images) return;
	if (! buttonImgsArr[pageImageName]) return;
	if (pageImageName == buttonImgSelected)
		imgSelected(pageImageName)
	else
		imgDeselected(pageImageName);
}

function imgSelected(pageImageName) {
	if (buttonImgSelected != pageImageName) imgDeselected(buttonImgSelected);
	if (! document.images) return;
	if (! buttonImgsArr[pageImageName]) return;
	document.images[pageImageName].src=buttonImgsArr[pageImageName].selImg.src;
	buttonImgSelected=pageImageName
}

function imgDeselected(pageImageName) {
	if (! document.images) return;
	if (! buttonImgsArr[pageImageName]) return;
	document.images[pageImageName].src=buttonImgsArr[pageImageName].deselImg.src;
	if (buttonImgSelected == pageImageName) buttonImgsSelected="";
}

function menuPageSelected(selectedPageName) {
	setMainContentPage(selectedPageName + ".html");
	setSelectedMenu(selectedPageName + 'Menu');
}

function setSelectedMenu(menuName) {
	createCookie("selectedMenu",menuName);
	imgSelected(menuName);
}

/*function setMainContentPage(pageRef) {
	createCookie("mainContentPage",pageRef);
	setElementContent("mainContent",pageRef);
	resetMainContentPage(pageRef);
}*/

function setMainContentPage(pageRef) {
	createCookie("mainContentPage",pageRef);
	var elementData = new Object();
	elementData.elementID = "mainContent";
	elementData.contentRef = pageRef;
	elementData.next = getSubContentPageElementData(pageRef);
	setElementContentCascading(elementData);
}

function setPhotoContentPage(pageRef) {
	createCookie("photoContentPage",pageRef);
	setParentElementContent("photoContent",pageRef);
}

function onLoadHandler() {
	//alert("page refresh");
	resetPage();
}

function resetPage() {
	var selMenu=getCookie("selectedMenu");
	var selPage=getCookie("mainContentPage");
	if (selMenu == null) selMenu="home";
	if (selPage == null) selPage="home.html";
	setSelectedMenu(selMenu);
	setMainContentPage(selPage);
}

function getSubContentPageElementData(mainContentPageRef) {
	if (mainContentPageRef == "photos.html") {
		var elementData = new Object();
		elementData.elementID = "photoContent";
		elementData.contentRef = getCookie("photoContentPage");
		elementData.next = null;
		return elementData;
	} else return null;
}

/*function resetMainContentPage(pageRef) {
	//alert("mainContent refresh");
	if (pageRef == "photos.html") {
		//alert("photoContent refresh");
		var photoPage=getCookie("photoContentPage");
		//alert("photoPage = " + photoPage);
		if (photoPage == null) photoPage="";
		setPhotoContentPage(photoPage);
	}
}*/
//-->
