function DoRollOver(id)
{
    var div = document.getElementById(id);
    div.className = div.className + "Hover";
    //alert(div.className);
}

function DoRollOut(id, className)
{
    var div = document.getElementById(id);
    div.className = remove(div.className, "Hover");
}

function remove(s, t) {
  /*
  **  Remove all occurrences of a token in a string
  **    s  string to be processed
  **    t  token to be removed
  **  returns new string
  */
  i = s.indexOf(t);
  r = "";
  if (i == -1) return s;
  r += s.substring(0,i) + remove(s.substring(i + t.length), t);
  return r;
  }

  
  
function DoSpecialRollOver(id, hovername)
{
    var div = document.getElementById(id);
    if(div.className.indexOf('Selected') == -1){
        div.className = hovername;
    }
}

function DoSpecialRollOut(id, className)
{
    var div = document.getElementById(id);
    if(div.className.indexOf('Selected') == -1){
        div.className = className;
    }
}

function ShowTipsOrReqs(tips){
	
	if(tips){
		var div1 = document.getElementById('tipsText');  div1.style.display = "block";
		var div2 = document.getElementById('reqsText'); div2.style.display = "none";
		var div3 = document.getElementById('btnTips'); div3.className = "tipsSelected";
		var div4 = document.getElementById('btnReqs'); div4.className = "reqs";
	}
	else{
		var div1 = document.getElementById('tipsText');  div1.style.display = "none";
		var div2 = document.getElementById('reqsText'); div2.style.display = "block";
		var div3 = document.getElementById('btnTips'); div3.className = "tips";
		var div4 = document.getElementById('btnReqs'); div4.className = "reqsSelected";
	}
}