function mousePageXY(e) {
  var x = 0, y = 0;
  if (!e) e = window.event;
  if (e.pageX || e.pageY) {
    x = e.pageX;
    y = e.pageY;
  } else if (e.clientX || e.clientY) {
    x = e.clientX + (document.documentElement.scrollLeft || document.body.scrollLeft) - document.documentElement.clientLeft;
    y = e.clientY + (document.documentElement.scrollTop || document.body.scrollTop) - document.documentElement.clientTop;
  }
  return {"x":x, "y":y};
}

function get_xy (id,element_id) {
  id.onmousemove = function(e){
    var elem = document.getElementById(element_id);
    var w = elem.offsetWidth;
    var h = elem.offsetHeight;
    var mCur = mousePageXY(e);
    if (mCur.y < h) {
      elem.style.top  = (mCur.y - 5)+'px';
    } else {
      elem.style.top  = (mCur.y - h + 15)+'px';
    }
    if (mCur.x < w) {
      elem.style.left = (mCur.x - 5)+'px';
    } else {
      elem.style.left = (mCur.x - w + 25)+'px';
    }
  }
}

function iecompattest(){
  return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}

function get_xy2 (id,element_id,h,w,z) {
  id.onmousemove = function(e){
  var elem = document.getElementById(element_id);
  var cur = mousePageXY(e);
  var w_h = iecompattest().scrollTop;
  var d = cur.y - w_h - h
  if (d < 0) d = 0;
    elem.style.top  =  (w_h + d + 5)+'px';
  if ((cur.x - 50) < w) {
    elem.style.left = (cur.x + 20)+'px';
  } else {
    elem.style.left = (cur.x - w - 50)+'px';
  }
  //window.status = "X:"+cur.x+" * ["+h+"] - Y:"+(d)+" * ["+(w_h + d)+"]";
  }
  return true;
}
//	visibility: hidden;
//	visibility: visible;

function show(id,img,title,wt,ht){
  var element_id = 'div_pre';
  if (get_xy2 (id,element_id,ht,wt)){
  document.getElementById(element_id).style.height = ht+'px';
  document.getElementById(element_id).style.width = wt+'px';
  document.getElementById(element_id).style.display = '';
  /*if (self.opera){// && pic.onLoad
    var tmp = new Date();
    var suffix = "?"+tmp.getTime();
  } else suffix = "";*/
    document.getElementById('img_pre').src = img;
  document.getElementById('text_pre').innerHTML = title;//+' = ['+ht+' -- '+wt+']'
  }
}
function hide(){
  document.getElementById('img_pre').src = 'pic/none.gif';
  document.getElementById('div_pre').style.display = 'none';
  document.getElementById('img_pre').style.visibility = "hidden"//display = 'none';  
}
function make_pr(){//display: none; 
  document.write('<div style="position: absolute; z-index:2000; display: none;" id="div_pre"><img src="pic/none.gif" border="0" id="img_pre" onload="loading()" /><h2 id="text_pre">&nbsp;</h2></div>');
}
function loading(){
  document.getElementById('img_pre').style.visibility = "visible"//display = 'none';
}