function tooltip(obj, width, height, title, text){
	var cloud = document.querySelector('#tooltip');
	cloud.style.display = 'block';
	cloud.style.width = width+'px';
	cloud.style.height = height+'px';
	document.querySelector('#tooltipTop').style.width = width-70+'px';
	document.querySelector('#tooltipMid').style.width = width-32+'px';
	document.querySelector('#tooltipMid').style.height = height-44+'px';
	document.querySelector('#tooltipLeft').style.height = height-44+'px';
	document.querySelector('#tooltipBot').style.width = width-32+'px';
	document.querySelector('#tooltipRight').style.height = height-68+'px';
	
	document.querySelector('#tooltipTitle').style.width = width-47+'px';
	document.querySelector('#tooltipTitle').innerHTML = title;
	document.querySelector('#tooltipText').style.height = height-66+'px';
	document.querySelector('#tooltipText').innerHTML = text;
	
	cloud.style.left = getX(obj)-20+'px';
	cloud.style.top = getY(obj)+18+'px';
}
function getX(obj) {
  var curleft = 0;

  if(obj.offsetParent) {
    while(1) {
      curleft += obj.offsetLeft;
      if(!obj.offsetParent)
        break;
      obj = obj.offsetParent;
    }
  } else if(obj.x) {
    curleft += obj.x;
  }

  obj.style.position = "static";

  return curleft;
}

function getY(obj) {
  var curleft = 0;

  if(obj.offsetParent) {
    while(1) {
      curleft += obj.offsetTop;
      if(!obj.offsetParent)
        break;
      obj = obj.offsetParent;
    }
  } else if(obj.y) {
    curleft += obj.y;
  }

  obj.style.position = "static";

  return curleft;
}