var wittingHiddenTimer;
createTagShowBox();
//处理关键字，转换为有tip的显示
var keyWords = [];
var keyInfo = [];
var keyUrl = webDomain.url + "app/tips/";
var tagBoxWidth="200px";
var tagBoxHeight="150px";
var tagLoadingPic="/resource/images/indicator_hypnotize.gif";
if(keyWords.length < 1){
	myAjax.SendPost(keyUrl + "?act=getList");
	myAjax.ToDo(function(){},
	function(rs, args){
		if(rs.responseText != "nodata"){
			eval("keyWords = " + rs.responseText);
		}
		matchTags('body');//参数 是需要找到TAG的区域
	});
	myAjax.ClearSet();
}

function matchTags(id){
	

	if(id == "body") {
		var robj = document.body;
	}else{
		var robj = id;
	}
	var tmp = robj.innerHTML;
	/*if(document.all){
	var tmp = document.body.innerHTML;
	}else{
	var tmp = document.body.textContent;
	}*/
	var searchStr = [];
	for(var i=0;i<keyWords.length;i++){
		tagzz=eval("/"+keyWords[i]+"/ig");
		searchStr[i] = robj.innerHTML.indexOf(keyWords[i]);
		tmp=tmp.replace(tagzz,"<a oncontextmenu=\"return false;\" onmousemove=\"moveTagBox(event);\" onmouseover=\"showTagsearch('"+keyWords[i]+"',event);\" name=\"roeweTip\" class=\"red\" style=\"text-decoration:underline\">"+keyWords[i]+"</a>");
	}
	robj.innerHTML=tmp;
	window.status = "当前关键词:" + keyWords.join(",");
}

function showTagsearch(tagText,e){
	try{
		clearTimeout(wittingHiddenTimer);
	} catch(e){

	}
	moveTagBox(e);
	$ID('tagShowBoxBartitle').innerHTML="\""+tagText+"\"的解释";
	$ID('tagShowBoxContent').innerHTML="<img src=\""+tagLoadingPic+"\">";
	$ID('tagShowBox').style.display="block";
	if(keyInfo[tagText] == null){
		//AJAXCALL("gettagls.php?tag="+$U(tagText),"oprGetdata","isCache=true");
		myAjax.AddKey("keyWord", tagText);
		myAjax.SendPost(keyUrl + "?act=getInfo");
		myAjax.ToDo(function(arg){},
		function(rs,arg){
			if(rs.responseText != 'nodata'){
				keyInfo[tagText] = rs.responseText;
				oprGetdata(rs.responseText);
			}else{
				oprGetdata("找不到相关数据，我们会尽快添加！");
			}

		}
		);
	}else{
		oprGetdata(keyInfo[tagText]);
	}
}

function moveTagBox(e){
	var tagBoxLeft=getMousePos(e).x;
	if(parseInt(document.documentElement.clientWidth)-tagBoxLeft<parseInt($ID('tagShowBox').style.width)){
		tagBoxLeft=(tagBoxLeft-parseInt($ID('tagShowBox').style.width))+"px";
	}else{
		tagBoxLeft=tagBoxLeft+"px";
	}
	$ID('tagShowBox').style.left=tagBoxLeft;

	var tagBoxTop=getMousePos(e).y
	if(parseInt(document.documentElement.clientHeight)-tagBoxTop<parseInt($ID('tagShowBox').style.height)){
		tagBoxTop=(tagBoxTop-parseInt($ID('tagShowBox').style.height)-15)+"px";
	}else{
		tagBoxTop=(tagBoxTop+15)+"px";
	}
	$ID('tagShowBox').style.top=tagBoxTop;
}

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

document.onmouseover=function(e){
	e = e || window.event;
	var eSrc=e.target||e.srcElement;
	$ID('test').innerHTML=eSrc.name;//测试
	if(eSrc.name!="roeweTip"){
		try{
			clearTimeout(wittingHiddenTimer);
		} catch(e){

		}
		wittingHiddenTimer=setTimeout("hiddenTagShowBox()",0);
	}else{
		try{
			clearTimeout(wittingHiddenTimer);
		} catch(e){

		}
	}
}

function hiddenTagShowBox(){
	try{
		clearTimeout(wittingHiddenTimer);
	} catch(e){

	}
	$ID('tagShowBox').style.display="none";
}

function createTagShowBox(){
	var tagShowBox=document.createElement("div");
	tagShowBox.id="tagShowBox";
	tagShowBox.setAttribute("id","tagShowBox");
	tagShowBox.setAttribute("name","roeweTip");
	tagShowBox.style.width=tagBoxWidth;
	tagShowBox.style.height=tagBoxHeight;
	tagShowBox.style.position="absolute";//STYLE的内容可以直接写在CSS里
	tagShowBox.innerHTML="<div id=\"tagShowBoxBar\" name=\"roeweTip\"><div id=\"tagShowBoxBartitle\" name=\"roeweTip\"></div><div id=\"tagShowBoxBarClose\" name=\"roeweTip\"><!--<img name=\"roeweTip\" src=\"/resource/images/close_icon_mout.jpg\" width=\"14\" height=\"14\" border=\"0\" onclick=\"hiddenTagShowBox()\" onmouseover=\"this.src='/resource/images/close_icon_mover.jpg'\" onmouseout=\"this.src='/resource/images/close_icon_mout.jpg'\" />--></div></div><div id=\"tagShowBoxContent\" name=\"roeweTip\"></a></div>";
	document.getElementsByTagName("body")[0].appendChild(tagShowBox);
}

function getMousePos(ev){
	if(ev.pageX || ev.pageY){
		return {x:ev.pageX, y:ev.pageY};
	}
	return {
		x:ev.clientX + document.documentElement.scrollLeft - document.documentElement.clientLeft,
		y:ev.clientY + document.documentElement.scrollTop  - document.documentElement.clientTop
	};
}