// This function is courtesy of http://www.experts-exchange.com/Programming/Languages/Scripting/JavaScript/Q_23625933.html
function showTooltip(ob, trgt) {
  var isIE = (navigator.appName.indexOf("Microsoft") != -1 ) ? 1 : 0;
  var isSafari = (navigator.userAgent.indexOf("Safari") > -1 ? true : false);
 
  document.getElementById(trgt).style.display  = "block";
  
  ob.onmousemove = function(event) {
    if(isIE)
      document.getElementById(trgt).style.left = (window.event.clientX + 20) + "px";
    else
      document.getElementById(trgt).style.left = (event.clientX + 20) + "px";
 
    if(isIE)
      document.getElementById(trgt).style.top = (window.event.clientY + 20 + document.documentElement.scrollTop) + "px";
    else if (isSafari)
      document.getElementById(trgt).style.top = (event.clientY + 20 + document.body.scrollTop) + "px";
    else
      document.getElementById(trgt).style.top = (event.clientY + 20 + document.documentElement.scrollTop) + "px";
  }
 
  ob.onmouseout = function() { //assumes method called by onmouseover event
    document.getElementById(trgt).style.display = "none";
  }
}

function toggleLayer(whichLayer,num,toggle_text_bool_val) {
  var elem, vis;
  if(document.getElementById) // this is the way the standards work
    elem = document.getElementById(whichLayer);
  else if(document.all) // this is the way old msie versions work
      elem = document.all[whichLayer];
  else if(document.layers) // this is the way nn4 works
    elem = document.layers[whichLayer];
 
  elem.style.display = (elem.style.display=='block')?'none':'block';
    if (toggle_text_bool_val==1)//It hasn't been flipped to Less, so let's flip it to Less
  {
	  toggle_more_less(num);//AP - to toggle the More / Less text  
  }

  //This could be a for - this is for borders3 etc
  whichLayer="borders"+num;
  var elem2, vis;
  if(document.getElementById) // this is the way the standards work
    elem2 = document.getElementById(whichLayer);
  else if(document.all) // this is the way old msie versions work
      elem2 = document.all[whichLayer];
  else if(document.layers) // this is the way nn4 works
    elem2 = document.layers[whichLayer]; 
  elem2.style.display = (elem2.style.display=='block')?'none':'block';

}

function toggle_more_less(num)
{	 
  var val= 'more_'+num;
  var text=document.getElementById(val).innerHTML;
  //alert(text);
   if (text=="+" || text=="<a>+</a>")
   {
	   document.getElementById(val).innerHTML="";// Could be Hide OR -  but we want them to big X in the div, so it's blank    //http://www.w3schools.com/JS/js_examples_3.asp
   }
   else
   {
	   document.getElementById(val).innerHTML="+";
   }     
}