function changetooltipmatter(spanIdvals,vals)
{ 

	for(i=1;i<=15;i++)
	{  //alert("span"+i);
		document.getElementById("span"+i).style.display='none';
	}

	document.getElementById(spanIdvals).innerHTML='<span class="FloatLeft"> <img src="images/pointer_info_icon.jpg" width="18" height="16" alt="img" /></span><span class="Light12 blue2"><strong>'+vals+'</strong></span><span class="hint-pointer123">&nbsp;</span>';
	document.getElementById(spanIdvals).style.display='block';
}

function changetooltipmatter2(spanIdvals,vals)
{ 

	for(i=1;i<=4;i++)
	{  //alert("span"+i);
		document.getElementById("span"+i).style.display='none';
	}

	document.getElementById(spanIdvals).innerHTML='<span class="FloatLeft"> <img src="images/pointer_info_icon.jpg" width="18" height="16" alt="img" /></span><span class="Light12 blue2"><strong>'+vals+'</strong></span><span class="hint-pointer123">&nbsp;</span>';
	document.getElementById(spanIdvals).style.display='block';
}

function addLoadEvent(func) {

  var oldonload = window.onload;
  if (typeof window.onload != 'function') {
	window.onload = func;
  } else {
    window.onload = function() {
      oldonload();
      func();
    }
  }
}

function prepareInputsForHints() {

	var inputs = document.getElementsByTagName("input");
	
	for (var i=0; i<inputs.length; i++)
	{
		
		// test to see if the hint span exists first
/*		if(inputs[i].value=="FirstName"){
			inputs[i].onfocus = function () {
				document.getElementById("lastnamespan").value="Hello"
				document.getElementById("lastnamespan").style.display = "inline";
			}
			// when the cursor moves away from the field, hide the hint
			inputs[i].onblur = function () {
				document.getElementById("lastnamespan").style.display = "none";
			}
		}
*/

		if (inputs[i].parentNode.getElementsByTagName("span")[0]) {
			// the span exists!  on focus, show the hint
			
			inputs[i].onfocus = function () {
				this.parentNode.getElementsByTagName("span")[0].style.display = "inline";
			}
			// when the cursor moves away from the field, hide the hint
			inputs[i].onblur = function () {
				this.parentNode.getElementsByTagName("span")[0].style.display = "none";
			}
		}
	}
	// repeat the same tests as above for selects
	var selects = document.getElementsByTagName("select");
	for (var k=0; k<selects.length; k++){
		if (selects[k].parentNode.getElementsByTagName("span")[0]) {
			selects[k].onfocus = function () {
				this.parentNode.getElementsByTagName("span")[0].style.display = "inline";
			}
			selects[k].onblur = function () {
				this.parentNode.getElementsByTagName("span")[0].style.display = "none";
			}
		}
	}
	
	
	var textareas = document.getElementsByTagName("textarea");
	for (var k=0; k<textareas.length; k++){
		if (textareas[k].parentNode.getElementsByTagName("span")[0]) {
			textareas[k].onfocus = function () {
				this.parentNode.getElementsByTagName("span")[0].style.display = "inline";
			}
			textareas[k].onblur = function () {
				this.parentNode.getElementsByTagName("span")[0].style.display = "none";
			}
		}
	}
}