// JavaScript Document


function loadjscssfile(filename, filetype){
 if (filetype=="js"){ //if filename is a external JavaScript file
  var fileref=document.createElement('script')
  fileref.setAttribute("type","text/javascript")
  fileref.setAttribute("src", filename)
 }
 else if (filetype=="css"){ //if filename is an external CSS file
  var fileref=document.createElement("link")
  fileref.setAttribute("rel", "stylesheet")
  fileref.setAttribute("type", "text/css")
  fileref.setAttribute("href", filename)
 }
 if (typeof fileref!="undefined")
  document.getElementsByTagName("head")[0].appendChild(fileref)
}

loadjscssfile("toggle.css", "css") ////dynamically load and add this .css file

function toggleVis( elemID )
{    var elem = document.getElementById( elemID );
	if( elem.className == 'toggleHidden' )
        {        elem.className = 'toggleVisible';
        }
        else
        {        elem.className = 'toggleHidden';
        }
}