var tobj = null;
var tobj_timeout = 300;
var is_tobj = false;
var is_tobj_active = false;
var tobj_timer = null;

function getTipObj(){
	if( tobj == null ){
		if( !document.body ){
			return null;
		}
		var b = document.body;
		var _tobj = document.createElement("div");
		_tobj.setAttribute("id","1");
		b.appendChild(_tobj);
		_tobj.style.position = 'absolute';
		_tobj.style.display = 'none';
		_tobj.innterText = 'tool tip';
		_tobj.onmouseover = tobj_m_over;
		_tobj.onmouseout = tobj_m_out;
		tobj = _tobj;
	}
	return tobj;
}

function tobj_m_over(){
	is_tobj_active = true;
}

function tobj_m_out(){
	is_tobj_active = false;
	//hideTip_by_event();
}

function setPosition( e ) {
	if( is_tobj == false ){
		return false;
	}
	x = (document.all) ? window.event.x + document.body.scrollLeft : e.pageX;
	y = (document.all) ? window.event.y + document.body.scrollTop  : e.pageY;
	
	mytobj = getTipObj();	
	
	if (mytobj != null) {
		mytobj.style.left = (x - 90) + "px";
		mytobj.style.top 	= (y - 220) + "px";
	}
	
	return true;
}


function _hideTip() {

	if( is_tobj_active == true ){
		return true;
	}

	mytobj = getTipObj();
	if( mytobj == null ){
		return true;
	}
	mytobj.innerHTML = '';
	mytobj.style.display = "none";
	return true;
}

document.onclick = hideTip_by_event;

function hideTip_by_event() {
	
	is_tobj = false;
	setTimeout("_hideTip()", 10);
	return true;
}

function showTip( ev, val ) {
	mytobj = getTipObj();
	if( mytobj == null ){
		return false;
	}

	if( tobj_timer != null ){
		clearTimeout(tobj_timer);
	}

	is_tobj = true;
	setPosition( ev );
	mytobj.innerHTML = val;
	mytobj.style.display = "block"
}

function hideTip() {
	is_tobj = false;
	tobj_timer = setTimeout("_hideTip()", 5000);
}


function myshowTip( ev, pid ){

	if( !user[pid] ){
		return false;
	}
	
	u = user[pid];
	
	var p = '<div class="tm_out"><a href="'+u['url']+'"><div class="tm_in"><img src="'+u['img']+'" border="0" class="img_b"></div><br><center>'+u['nick']+u['city']+'</center></div></a><br>';

	showTip( ev, p);
}