﻿	var toolTip = null;
	var toolTipExt = null;
	var flag = false;
	var tID;
	var link_url;
	var keyword;
	var pre_keyword;
function settooltip()
{
	$(document);

	var positionToolTip = function(event) {
		
		var boxWidth = toolTip.offsetWidth + 3;
		var boxHeight = toolTip.offsetHeight + 6;

		var tPosX = event.pageX - boxWidth;		
		var tPosY = event.pageY - boxHeight;

		if (tPosX < 0 ) {
			tPosX += boxWidth;
		}

		if (event.clientY - boxHeight < 0) {
			tPosY += boxHeight;
			tPosY += 10;
		}
		toolTipExt.css({top:tPosY, left:tPosX});
	};	
	
	var showTooltip = function(event) {
	
		flag = false;
		clearTimeout(tID);		
		if (toolTipExt)
			toolTipExt.hide();

		var text = $(this).attr('toolTipMsg');
		
		if (!text)
			return;
		popup_text=text.split("##");
	       var  tooltip_str2="<table cellspacing='0' align=center width=100% height=100%>"+	   
						"<tr><td cellpadding=2><u><b><font color='#000099'>"+popup_text[0]+"</font></b></u></td></tr>"+
						"<tr><td><font size='2' color='#000000'> "+popup_text[1]+" </font></td></tr>"+
						"<tr><td><font size='2' color='#000000'> "+popup_text[2]+" </font></td></tr>"+
						"<tr><td><font size='2' color='#009900'> "+popup_text[3]+" </font></td></tr></table>";
		keyword=popup_text[5].substring(popup_text[5].indexOf('(')+1,popup_text[5].lastIndexOf(')'));
		var tooltip_str="<table  cellspacing='0' align=center cellpadding=0 width=100% height=100%>"+
						"<tr height=5>"+"<td width=5 height=5 style=\"background:transparent url("+server_url+"/images/top_l.gif)  no-repeat\"  >"+"</td>"+
						"<td style=\"background:transparent url("+server_url+"/images/top.gif)\">"+"</td>"+
						"<td width=5 height=5 style=\"background:transparent url("+server_url+"/images/top_r.gif)  no-repeat\"  >"+"</td>"+"</tr>"+
						"<tr  >"+"<td width=5 style=\"background:transparent url("+server_url+"/images/left1.gif) repeat-y\" >"+"</td>"+
						"<td style=\"background-color:#cccccc;\"><font size=2>"+"Related Link?"+"</font></td>"+
						"<td width=5 style=\"background:transparent url("+server_url+"/images/right1.gif)  repeat-y\" > "+"</td>"+"</tr>"+
						"<tr>"+"<td width=5 style=\" background:transparent url("+server_url+"/images/left.gif) repeat-y\" >"+"</td>"+
						"<td>"+tooltip_str2+"</td>"+
						"<td width=5 style=\"background:transparent url("+server_url+"/images/right.gif) repeat-y\" > "+"</td>"+"</tr>"+
						"<tr height=5>"+"<td width=5 height=5 style=\"background:transparent url("+server_url+"/images/bot_l.gif)  no-repeat\"  >"+"</td>"+
						"<td style=\"background:transparent url("+server_url+"/images/bot.gif)\">"+"</td>"+
						"<td width=5 height=5 style=\"background:transparent url("+server_url+"/images/bot_r.gif)  no-repeat\"  >"+"</td>"+"</tr>"+
						"</table>";
		link_url=popup_text[4];

			toolTipExt = $("<div onclick ="+"\"popwindows('"+link_url+"','"+keyword+"')\""+" class='toolTipMsgBox' style='cursor:hand'>" + tooltip_str+ "</div>").hide().prependTo('body');
			toolTip = toolTipExt.get(0);
		

		sendViewInfo(link_url,keyword);

		toolTipExt.show();
		//positionToolTip(event);
		//tPosX = $(this).css('left');
		tPosX = $(this).offset().left;
		tPosX += ($(this).width() - toolTip.offsetWidth )/2;

		//tPosY=$(this).css('top');
		tPosY=$(this).offset().top;
		tPosY -= toolTip.offsetHeight;
		tPosY -=20;

		if (event.clientY - toolTip.offsetHeight - 20< 0){			
			tPosY = tPosY + toolTip.offsetHeight + 40 + $(this).height();
		}
		if (tPosX < 0){			
			tPosX = tPosX + (toolTip.offsetWidth - $(this).width())/2;
		}
		if (tPosX > event.clientX){			
			tPosX = tPosX - (toolTip.offsetWidth - $(this).width())/2;
		}		
		toolTipExt.css({top:tPosY, left:tPosX});			
		toolTipExt.hover(setFlag, releaseFlag);
	};

	var hideTooltip = function() {
			tID = setTimeout("hideFunc()",100);
	
	};
	
	var setFlag = function() {			
			flag=true;			
	};

	var releaseFlag = function() {					
			flag=false;	
			hideTooltip();			
	};

	var setTooltipText= function(index) {		
		var text = $(this).attr('alt') || $(this).attr('title');
		if (text)
			$(this).attr({ 'toolTipMsg' : text , 'alt' : '', title : ''});	
	};

	$('.toolTip').addClass('hover').hover(showTooltip,hideTooltip);
	$('.toolTip').each(setTooltipText);
}

  function hideFunc(){

			if (flag == false){
				
				toolTipExt.hide();
				clearTimeout(tID);
			}
	};
function popwindows(linkurl,key)
{
	sendClickInfo(linkurl,key);
	 window.open(linkurl);      
}
