var box_tip = false;
var box_txt = false;
var txt_tip;
var box_arrow_tip;
var box_txt_tip;

function show_box_tip(obj) {
if(!box_tip)	/* Tooltip div not created yet ? */
	{
		box_tip = document.createElement('div');
		box_tip.style.position = 'absolute';	
		box_tip.style.width = '162px';
		// IE
		box_tip.style.filter = 'alpha(opacity=55)';
		// Safari<1.2, Konqueror
		box_tip.style.KHTMLOpacity = '0.55';
		// Mozilla and Firefox
		box_tip.style.MozOpacity = '0.55'; 
		// Safari 1.2, newer Firefox and Mozilla, CSS3
		box_tip.style.opacity = '0.55';
		box_tip.className = 'box_tip';
		box_tip.setAttribute('id','box_tip');
		document.body.appendChild(box_tip);	
		
		box_txt = document.createElement('div');
		box_txt.style.position = 'absolute';	
		box_txt.style.width = '140px';
		box_txt.className = 'box_txt';
		box_txt.setAttribute('id','box_txt');
		document.body.appendChild(box_txt);
		
		box_arrow_tip = document.createElement('div');
		box_arrow_tip.className = 'box_arrow_tip';
		box_arrow_tip.setAttribute('id','box_arrow_tip');
		box_tip.appendChild(box_arrow_tip);
		
		box_txt_tip = document.createElement('div');
		box_txt_tip.className = 'box_txt_tip';
		box_txt_tip.setAttribute('id','box_txt_tip');
		box_tip.appendChild(box_txt_tip);
		
		txt_tip = document.createElement('div');
		txt_tip.setAttribute('id','txt_tip');
		box_txt_tip.appendChild(txt_tip);
	}
box_txt.innerHTML = String(obj.getAttribute('rel'));
box_txt.style.display='block';
box_tip.style.display='block';
box_txt_tip.style.height=box_txt.offsetHeight+'px';
pos_box_tip(obj);
}
function hide_box_tip() {
	box_tip.style.display='none';
	box_txt.style.display='none';
}
function pos_box_tip(obj) {
var vTop = getTopPos(obj);
var vLeft = getLeftPos(obj);

vTop = vTop+obj.offsetHeight+2;

box_tip.style.top=(vTop)+'px';
box_tip.style.left=(vLeft)+'px';
box_txt.style.top=(vTop+6)+'px';
box_txt.style.left=(vLeft+5)+'px';
}

function getTopPos(inputObj)
{		
  var returnValue = inputObj.offsetTop;
  while((inputObj = inputObj.offsetParent) != null){
  	if(inputObj.tagName!='HTML')returnValue += inputObj.offsetTop;
  }
  return returnValue;
}

function getLeftPos(inputObj)
{
  var returnValue = inputObj.offsetLeft;
  while((inputObj = inputObj.offsetParent) != null){
  	if(inputObj.tagName!='HTML')returnValue += inputObj.offsetLeft;
  }
  return returnValue;
}