function SetHints(f){
var spans = document.getElementsByTagName('span');
for(i=0;i<spans.length;i++){
	if(spans[i].className=="context"){
		var obj = document.getElementById('t'+spans[i].id);
		if(obj){
			spans[i].onmouseover = function (cursor){
				a = offsetPosition(this)
				x=a[0];
				y=a[1];
				if(!cursor)var cursor = window.event;
				var obj = document.getElementById('t'+this.id);
				if(obj){
					obj.style.left = (x-(f ? 200:0))+'px';
					obj.style.top = (y + obj.style.height/2+10)+'px';
				
					obj.style.display='block';
						
					obj.onmouseover = function (){
						obj.style.display='block';
					}
					obj.onmouseout = function (){
						obj.style.display='none';
					}
				}
			}
			spans[i].onmouseout = function (){
				var obj = document.getElementById('t'+this.id);
				if(obj){
					obj.style.display='none';
				}
			}
		}
	}
}
}

function offsetPosition(element) {
    var offsetLeft = 0, offsetTop = 0;
    do {
        offsetLeft += element.offsetLeft;
        offsetTop  += element.offsetTop;
    } while (element = element.offsetParent);
    return [offsetLeft, offsetTop];
}

function SetHints_old(f){
var spans = document.getElementsByTagName('span');
for(i=0;i<spans.length;i++){
	if(spans[i].className=="context"){
		var obj = document.getElementById('t'+spans[i].id);
		if(obj){
		//	spans[i].style.background="#ffff99";
			spans[i].onmouseover = function (cursor){
				if(!cursor)var cursor = window.event;
				var obj = document.getElementById('t'+this.id);
				if(obj){
					var x = 0;
					var y = 0;
					if (cursor.pageX || cursor.pageY) {
						x = cursor.pageX;
						y = cursor.pageY;
					}
					else if (cursor.clientX || cursor.clientY) {
						var scrollX = 0;
						var scrollY = 0;
						if (document.body && typeof document.body.scrollTop != "undefined") {
							scrollX += document.body.scrollLeft;
							scrollY += document.body.scrollTop;
							if (document.body.parentNode && typeof document.body.parentNode.scrollTop != "undefined") {
								scrollX += document.body.parentNode.scrollLeft;
								scrollY += document.body.parentNode.scrollTop;
							}
						} else if (typeof window.pageXOffset != "undefined") {
							scrollX += window.pageXOffset;
							scrollY += window.pageYOffset;
						}
						x = cursor.clientX + scrollX;
						y = cursor.clientY + scrollY;
					}
					
					obj.style.left = (x-(f ? 200:16))+'px';
					obj.style.top = (y + obj.style.height/2 - 4 )+'px';
				
					obj.style.display='block';
						
					obj.onmouseover = function (){
						obj.style.display='block';
					}
					obj.onmouseout = function (){
						obj.style.display='none';
					}
				}
			}
			spans[i].onmouseout = function (){
				var obj = document.getElementById('t'+this.id);
				if(obj){
					obj.style.display='none';
				}
			}
		}
	}
}
}