function $(id) {
  return document.getElementById(id);	
}
function addEvent() {
  var children = $('content').getElementsByTagName('a');
  for (var i = 0; i < children.length; i++) {
    if (children[i].name == 'keyword') {
      children[i].onmouseover = function(e) { if(!e) onOver(window.event); else onOver(e); };
      children[i].onmouseout = function(e) { if(!e) onOut(window.event); else onOut(e); };
      children[i].style.borderBottom = "1px dashed #0000FF";
    }
  }
}
function onOver(evt) {
  var obj = evt.target || evt.srcElement;
  for (var k in keys) {
    if (k == obj.innerHTML) {
      var str = '';
      var list = keys[k].split('|');
      for (var i = 0; i < list.length; i++) {
        var item = list[i].split(',');
        str += '·<a href="' + item[1] + '" target="_blank">' + item[0] + '</a><br>';
      }
      fillLayer(obj, str);
      break;
    }
  }
}
function onOut(evt) {
  outLayer();
}
document.write('<div id="floatDiv" style="position:absolute; visibility:hidden; width:150px; z-index:99; left:0px; top:0px; border:1px solid #FFE493; background-color:#FEF8DE;" onmouseover="overLayer()" onmouseout="outLayer()"></div>');
function fillLayer(obj, str) {
  var str = '<div style="margin:5px; background-color:#ffffff; font-size:12px; padding:2px 5px; color:#F37A29">' + str + '</div>';
  var isIE = window.navigator.userAgent.indexOf("MSIE") != -1;
  obj.style.position = "relative";
  $('floatDiv').innerHTML = str;
  $('floatDiv').style.top = isIE ? obj.offsetTop + 18 + "px" : obj.offsetTop + 16 + "px";
  $('floatDiv').style.left = isIE ? obj.offsetLeft + "px" : obj.offsetLeft + "px";
  showLayer();
}
var delayHideTimerId = -1;
function outLayer() {
	clearTimeout(delayHideTimerId);
	delayHideTimerId = setTimeout(hideLayer, 500);
}
function overLayer() {
  clearTimeout(delayHideTimerId);
  delayHideTimerId = -1;
}
function showLayer() {
  $('floatDiv').style.visibility = "";
  overLayer();
}
function hideLayer() {
  $('floatDiv').style.visibility = "hidden";
}
addEvent();