/* added to all body onload calls */

function onpageload()
{
	startList();
	
}

/* popup functions */
function pop(URL) {
	newWindow = window.open(URL,'_blank','toolbar=no,location=no,scrollbars=no,resize=no,width=600,height=430,screenX=0,screenY=100,top=0,left=100');
}

function pop_sm(URL) {
	newWindow = window.open(URL,'_blank','toolbar=no,location=no,scrollbars=no,resize=no,width=340,height=360,screenX=0,screenY=100,top=0,left=100');
}

function showsite(val)
{
	if(val){
		this.open(val);
	}
}

/* dropdown menu javascript (rest handled by css) */
startList = function() {
	if (document.all&&document.getElementById) {
		navRoot = getNavigationElement();
		for (i=0; i<navRoot.childNodes.length; i++) {
			node = navRoot.childNodes[i];
			if (node.nodeName=="LI") {
				node.onmouseover=function() {
					this.className+=" over";
				}
				node.onmouseout=function() {
					this.className=this.className.replace(" over", "");
				}
			}
		}
	}
}
function getElementsByClassName(oElm, strTagName, strClassName){
	var arrElements = (strTagName == "*" && oElm.all)? oElm.all : oElm.getElementsByTagName(strTagName);
	var arrReturnElements = new Array();
	strClassName = strClassName.replace(/-/g, "\-");
	var oRegExp = new RegExp("(^|\s)" + strClassName + "(\s|$)");
	var oElement;
	for(var i=0; i<arrElements.length; i++){
		oElement = arrElements[i];
		if(oRegExp.test(oElement.className)){
			arrReturnElements.push(oElement);
		}
	}
	return (arrReturnElements)
}

function getNavigationElement()
{
	return getElementsByClassName(document, "ul", "sections")[0];
}
/* VALIDATION */

function validRequired(formField,fieldLabel)
{
	var result = true;	
	if (formField.value == "")
	{
		alert('Please enter a value for the "' + fieldLabel +'" field.');
		formField.focus();
		result = false;
	}	
	return result;
}


function validateFeedbackForm(theForm)
{

	 
	if (!validRequired(theForm.name,"Name"))
		return false;
		
	if (!validRequired(theForm.comment,"Comment"))
		return false;	
	
	if (!validRequired(theForm.email,"Email"))
		return false;	

	return true;
}

function validateVolunteerForm(theForm)
{
	if (!validRequired(theForm.name,"Name"))
		return false;
		
	if (!validRequired(theForm.email,"Email"))
		return false;	

	return true;
}


function isEmailValid(emailStr) {
	/* The following pattern is used to check if the entered e-mail address
	   fits the user@domain format.  It also is used to separate the username
	   from the domain. */
	
	var emailPat=/^(.+)@(.+)$/;	 
	var specialChars="\\(\\)<>@,;:\\\\\\\"\\.\\[\\]";	 
	var validChars="\[^\\s" + specialChars + "\]";	 
	var quotedUser="(\"[^\"]*\")";	 
	var ipDomainPat=/^\[(\d{1,3})\.(\d{1,3})\.(\d{1,3})\.(\d{1,3})\]$/;	 
	var atom=validChars + '+';	 
	var word="(" + atom + "|" + quotedUser + ")";	 
	var userPat=new RegExp("^" + word + "(\\." + word + ")*$");	 
	var domainPat=new RegExp("^" + atom + "(\\." + atom +")*$");	
	/* check if the supplied address is valid. */   
	var matchArray=emailStr.match(emailPat);
	if (matchArray==null) { 
		alert("Email address seems incorrect (check @ and .'s)");	
		return false;	
	}
	var user=matchArray[1];
	var domain=matchArray[2];
	
	// See if "user" is valid 
	if (user.match(userPat)==null) {
		// user is not valid
		alert("The username doesn't seem to be valid.");
		return false;
	}
	
	/* if the e-mail address is at an IP address (as opposed to a symbolic
	   host name) make sure the IP address is valid. */
	var IPArray=domain.match(ipDomainPat);
	if (IPArray!=null) {
		// this is an IP address
		  for (var i=1;i<=4;i++) {
			if (IPArray[i]>255) {
				alert("Destination IP address is invalid!");
				return false;
			}
		}
		return true;
	}
	
	// Domain is symbolic name
	var domainArray=domain.match(domainPat)
	if (domainArray==null) {
		alert("The domain name doesn't seem to be valid.");
		return false;
	}	
	/* domain name seems valid, make sure that it ends in a
	   three-letter word (like com, edu, gov) or a two-letter word,
	   representing country (uk, nl), and that there's a hostname preceding 
	   the domain or country. */
	
	/* break up the domain to get a count of how many atoms
	   it consists of. */
	var atomPat=new RegExp(atom,"g");
	var domArr=domain.match(atomPat);
	var len=domArr.length;
	if (domArr[domArr.length-1].length<2 || domArr[domArr.length-1].length>3) {
	   // the address must end in a two letter or three letter word.
	   alert("The address must end in a three-letter domain, or two letter country.");
	   return false;
	}
	
	// Make sure there's a host name preceding the domain.
	if (len<2) {
	   var errStr="This address is missing a hostname!";
	   alert(errStr);
	   return false;
	}
	//  everything's valid.
	return true;
}

var monthsAry = ['Jan','Feb','Mar','Apr','May','Jun','Jul','Aug','Sept','Oct','Nov','Dec'];

function cc_expiration_fields(month, year) {
        var today=new Date();
        var selected_month = document.getElementById(month);
        var selected_year = document.getElementById(year);
        for (var month_cnt = 0; month_cnt < 12; month_cnt++) {
                selected_month.options[month_cnt]=new Option(monthsAry[month_cnt], monthsAry[month_cnt]);
        }
        selected_month.options[today.getMonth()]=new Option(monthsAry[today.getMonth()], monthsAry[today.getMonth()], true, true);
        var curr_year = today.getFullYear();
        for (var year_cnt = 0; year_cnt < 10; year_cnt++) {
                selected_year.options[year_cnt]=new Option(curr_year, curr_year);
                curr_year++;
        }
        selected_year.options[0]=new Option(today.getFullYear(), today.getFullYear(), true, true);
}

function alternate() {
	element=document.getElementById("nav").getElementsByTagName("a");
	totalElements = element.length;
	for(i=0;i<totalElements;i++){
		if((i+1)%2==0) {
			element[i].className="colorOne";
		 } else {
		 	element[i].className="colorTwo";
		 }
	}
}

function alternateBottom() {
	element =document.getElementById("bottomNav").getElementsByTagName("a");
	totalElements = element.length;
	for(i=0;i<totalElements;i++){
		if((i+1)%2==0) {
			element[i].className="colorOne";
		 } else {
		 	element[i].className="colorTwo";
		 }
	}
}

function switchColor() {
	element=document.getElementById("nav").getElementsByTagName("a");
	if (element = "colorOne") {
		element = "colorTwo";
	} else {
		element = "colorOne";
	}
}