// JavaScript Document

//Global Declarations
var ie = (document.all) ? true : false;

// START toggle_visibility() //
// Toggle visibility of elements by ID (used on various pages, though not a part of the menu)
// for example: 
// <a href="javascript:toggle_visibility('educationSection')">read more...</a>
// <div id="educationSection" style="display: none;">more text here that is hidden initially...</div>
function toggle_visibility(elementID) 
{
  // alert(document.getElementById(elementID).classname + " -- " + document.getElementById(elementID).style.display);
  if (document.getElementById(elementID).style.display == "none") 
  { document.getElementById(elementID).style.display = ""; } 
  else 
  { document.getElementById(elementID).style.display = "none"; }
}

function toggle_visibility_block(elementID) 
{
  // alert(document.getElementById(elementID).classname + " -- " + document.getElementById(elementID).style.display);
  if (document.getElementById(elementID).style.display == "none") 
  { document.getElementById(elementID).style.display = "block"; } 
  else 
  { document.getElementById(elementID).style.display = "none"; }
}

function toggle_visibility_inline(elementID) 
{
  // alert(document.getElementById(elementID).classname + " -- " + document.getElementById(elementID).style.display);
  if (document.getElementById(elementID).style.display == "none") 
  { document.getElementById(elementID).style.display = "inline"; } 
  else 
  { document.getElementById(elementID).style.display = "none"; }
}

// END toggle_visibility() // 


function toggleClass(objClass){
//  This function will toggle obj visibility of an Element
//  based on Element's Class
//  Works with IE and Mozilla based browsers

  if (getElementByClass(objClass).style.display=="none"){
    showClass(objClass)
  }else{
    hideClass(objClass)
  }
}

function hideClass(objClass){
//  This function will hide Elements by object Class
//  Works with IE and Mozilla based browsers

var elements = (ie) ? document.all : document.getElementsByTagName('*');
  for (i=0; i<elements.length; i++){
    if (elements[i].className==objClass){
      elements[i].style.display="none"
    }
  }
}

function showClass(objClass){
//  This function will show Elements by object Class
//  Works with IE and Mozilla based browsers
var elements = (ie) ? document.all : document.getElementsByTagName('*');
  for (i=0; i<elements.length; i++){
    if (elements[i].className==objClass){
      elements[i].style.display="block"
    }
  }
}

function toggleID(objID){
//  This function will toggle obj visibility of an Element
//  based on Element's ID
//  Works with IE and Mozilla based browsers
var element = (ie) ? document.all(objID) : document.getElementById(objID);
  if (element.style.display=="none"){
    showID(objID)
  }else{
    hideID(objID)
  }
}

function hideID(objID){
//  This function will hide Elements by object ID
//  Works with IE and Mozilla based browsers
var element = (ie) ? document.all(objID) : document.getElementById(objID);
  element.style.display="none";
}

function showID(objID){
//  This function will show Elements by object ID
//  Works with IE and Mozilla based browsers
var element = (ie) ? document.all(objID) : document.getElementById(objID);
  element.style.display="block";
}

function showID_inline(objID){
//  This function will show Elements by object ID
//  Works with IE and Mozilla based browsers
var element = (ie) ? document.all(objID) : document.getElementById(objID);
  element.style.display="inline";
}

function getElementByClass(objClass){
//  This function is similar to 'getElementByID' since there
//  is no inherent function to get an element by it's class
//  Works with IE and Mozilla based browsers
var elements = (ie) ? document.all : document.getElementsByTagName('*');
  for (i=0; i<elements.length; i++){
    //alert(elements[i].className)
    //alert(objClass)
    if (elements[i].className==objClass){
    return elements[i]
    }
  }
}