var tagBoxWidth="250px";
var tagBoxHeight="140px";
var tagLoadingPic="../../../../images/tooltip/indicator_hypnotize.gif";
window.onload=function(){
  matchTags("zoom");//content 是需要找到TAG的区域
}
var wittingHiddenTimer;
//替换字符
function matchTags(e){
  createTagShowBox();
  var obj=$(e);
  var tmp=obj.innerHTML;
  for(var i=0;i<tags.length;i++){
    tagzz=eval("/"+tags[i]+"/i");//  /g表示替换全部  /i表示替换一个
    tmp=tmp.replace(tagzz,"<a oncontextmenu=\"return false;\" onmousemove=\"moveTagBox(event);\" onmouseover=\"showTagsearch('"+tags[i]+"',event);\" name=\"bingo\" target=\"_blank\">"+tags[i]+"</a>");
  }
  obj.innerHTML=tmp;
}

function moveTagBox(e){
var tagBoxLeft=getMousePos(e).x;
$('tagShowBox').style.left=tagBoxLeft+"px";

var tagBoxTop=getMousePos(e).y;
$('tagShowBox').style.top=tagBoxTop+15+"px";
}

function oprGetdata(doc){
  if(doc){
    $('tagShowBoxContent').innerHTML=doc;
  }else{
    $('tagShowBoxContent').innerHTML="系统错误！";
  }
}

document.onmouseover=function(e){
  e = e || window.event;
  var eSrc=e.target||e.srcElement;
  if(eSrc.name!="bingo"){
     try{clearTimeout(wittingHiddenTimer);} catch(e){}
     wittingHiddenTimer=setTimeout("hiddenTagShowBox()",1000);
  }else{
     try{clearTimeout(wittingHiddenTimer);} catch(e){}
  }
}
//创建div
function createTagShowBox(){
  var tagShowBox=document.createElement("div");
  tagShowBox.id="tagShowBox";
  tagShowBox.setAttribute("id","tagShowBox");
  tagShowBox.setAttribute("name","bingo");
  tagShowBox.style.width=tagBoxWidth;
  tagShowBox.style.height=tagBoxHeight;
  tagShowBox.style.position="absolute";//STYLE的内容可以直接写在CSS里
  tagShowBox.innerHTML="<div id=\"tagShowBoxBar\" name=\"bingo\"><div id=\"tagShowBoxBartitle\" name=\"bingo\"></div><div id=\"tagShowBoxBarClose\" name=\"bingo\"><img name=\"bingo\" src=\"../../../../images/tooltip/close_icon_mout.jpg\" width=\"14\" height=\"14\" border=\"0\" onclick=\"hiddenTagShowBox()\" onmouseover=\"this.src='../../../../images/tooltip/close_icon_mover.jpg'\" onmouseout=\"this.src='../../../../images/tooltip/close_icon_mout.jpg'\" /></div></div><div id=\"tagShowBoxContent\" name=\"bingo\"></div><div id=\"tagShowBoxBarmore\" name=\"bingo\"></div><div id=\"tagShowBoxBarabout\" name=\"bingo\"></div>";
  document.getElementsByTagName("body")[0].appendChild(tagShowBox);
}
//隐藏toolTip
function hiddenTagShowBox(){
 try{clearTimeout(wittingHiddenTimer);} catch(e){}
 if ($('tagShowBox')!=undefined) {
   $('tagShowBox').style.display="none";
 }
}
//取得鼠标坐标
function getMousePos(ev){
 /**
 if(ev.pageX || ev.pageY){
  return {x:ev.pageX, y:ev.pageY};
 }
 return {
  x:ev.clientX + document.body.scrollLeft,
  y:ev.clientY + document.body.scrollTop
 };
 */
   var x=0,y=0;	
	 if(ev.pageX || ev.pageY){
	  return {x:ev.pageX, y:ev.pageY};
	 }else if(ev.clientX || ev.clientY){
	 	 if(document.documentElement.scrollTop)
		 {
	        return {
	         x:ev.clientX + document.documentElement.scrollLeft,
	         y:ev.clientY + document.documentElement.scrollTop
	        }
     }else
		 {
	        return {
	         x:ev.clientX + document.body.scrollLeft,
	         y:ev.clientY + document.body.scrollTop
	        }
      }
	 }	
	 
}