// JavaScript Document

function submitForm(formName, theAction){
	document.getElementById(formName).action=theAction;
	document.getElementById(formName).submit();
	return true;
}

//This function toggles the display of an element
//Especially useful for hiding and showing objects.
//Important!!! Place default state as state1
//Usage for object that is initially hidden:
//onclick="toggleDisplay('elemntIdName','none','inline')"
function toggle(obj,state1,state2) { 
	var el = document.getElementById(obj);
	el.style.display = (el.style.display != state1 ? state1 : state2 );
}

//This functions swaps two images
//swapImage(this,"/path/to/1.jpg","path/to/2.jpg")
function swapImage(obj, image1, image2){
	var el = document.getElementById(obj);
	el.src = (el.src == image1)?image2:image1;
}

//used by the toggle boxes
//toggle the display ofthe div, as well as changes the drop-down arrow
function dropDownToggle(obj, img){
	var el = document.getElementById(obj);
	var la = document.getElementById(img);
	la.src = (el.style.display != "none" ? "/graphics/dropdownArrowShow.gif" : "/graphics/dropdownArrowHide.gif" );
	el.style.display = (el.style.display != "none" ? "none" : "" );
}

//Sets a form field to the specified value
function updateField(name, what){
	document.getElementById(name).value=what;
}

//sets a selected field to the current date and time
function setDateTime(field){
	var currentTime = new Date();
	var year = currentTime.getFullYear();
	var month = addZero(currentTime.getMonth() + 1);
	var day = addZero(currentTime.getDate());
	var hour = addZero(currentTime.getHours());
	var minute = addZero(currentTime.getMinutes());
	var dateTime = (year+"-"+month+"-"+day+" "+hour+":"+minute+":00");
	updateField(field,dateTime);
}

function addZero(number){
	if(number<10){
		return ("0"+number);
	}else{
		return (number);
	}
}

function replaceSpan(parent, nameSpan, text){
	var newSpan = document.createElement("span");
	newSpan.setAttribute("id",nameSpan)
	var newText = document.createTextNode(text);
	newSpan.appendChild(newText);

	var para = document.getElementById(parent);
	var spanElm = para.firstChild;
	var replaced = para.replaceChild(newSpan,spanElm);
	return nameSpan;
}



//----------------------------------Incomplete functions below here-----------------
// search through all the links in array, if one points to
// the same file, apply the class .current to it and to its 
// parent
function setActiveMenu(arr, crtPage)
{
  for(var i=0; i < arr.length; i++){
  if(extractPageName(arr[i].href) == crtPage){
    arr[i].className = 'current';
    arr[i].parentNode.className = 'current';
  }
  }
}

// call this method from your page
function setPage()
{
  if(document.location.href){
    hrefString = document.location.href;
  }else{
    hrefString = document.location;
  }
  if (document.getElementById('navbar')!=null){
    setActiveMenu(document.getElementById('navbar').getElementsByTagName('a').extractPageName(hrefString));
  }
}

//set everything invisible?
//find the A tag that is the current page.
//Create array of subsequent parent DIV tags.
//find child menu
//make them seen