// JavaScript Document

function showFoo() {
	var foo = document.getElementById("foo");
	foo.style.display = "block";
}

function showProjectInfo() {
  var subnavProjInfo = document.getElementById("subnavContentMain");
  subnavProjInfo.style.display = "none";
  var subnavMainCont = document.getElementById("subnavProjectInfo");
  subnavMainCont.style.display = "block";
}

function showProjectInfoAdmin() {
  var contentProjInfoAdmin = document.getElementById("contentMainAdmin");
  contentProjInfoAdmin.style.display = "none";
  var contentMainContAdmin = document.getElementById("contentProjectInfoAdmin");
  contentMainContAdmin.style.display = "block";
  
  var subnavProjInfoAdmin = document.getElementById("subnavContentMainAdmin");
  subnavProjInfoAdmin.style.display = "none";
  var subnavMainContAdmin = document.getElementById("subnavProjectInfoAdmin");
  subnavMainContAdmin.style.display = "block";
}

function showContentMain() {
  var subnavProjInfo = document.getElementById("subnavContentMain");
  subnavProjInfo.style.display = "block";
  var subnavMainCont = document.getElementById("subnavProjectInfo");
  subnavMainCont.style.display = "none";
}

function showContentMainAdmin() {
  var contentProjInfoAdmin = document.getElementById("contentMainAdmin");
  contentProjInfoAdmin.style.display = "block";
  var contentMainContAdmin = document.getElementById("contentProjectInfoAdmin");
  contentMainContAdmin.style.display = "none";
  
  var subnavProjInfoAdmin = document.getElementById("subnavContentMainAdmin");
  subnavProjInfoAdmin.style.display = "block";
  var subnavMainContAdmin = document.getElementById("subnavProjectInfoAdmin");
  subnavMainContAdmin.style.display = "none";
}

function getSlide(slide) { // called from web page click
  window.document.slideshow.SetVariable("phoNum", slide);
}

function setSlideNum(slide) { // called from flash when new slide displayed
  var phosubnav = document.getElementById("subnavPho");
  var phosubnava = phosubnav.getElementsByTagName("a");
  // clear all color
  for (var i=0; i<phosubnava.length; i++) {
    phosubnava[i].style.color = "";
  }
  // set selected color
  for (var i=0; i<phosubnava.length; i++) {
    if (i == (slide)) phosubnava[i].style.color = "#fff";
  }
}


// principals
function principalsHover(pho, phoa) {
	var phoHover = document.getElementById(pho);
	phoHover.className = "phoPrincipalsHoverOn";		
	var phoA = document.getElementById(phoa);
	phoA.style.color = "#e5df7e";
}

function principalsHoverOff(pho, phoa) {
	var phoHover = document.getElementById(pho);	
	phoHover.className = "phoPrincipalsHoverOff";		
	var phoA = document.getElementById(phoa);
	phoA.style.color = "";
}