	
	var dhtmlgoodies_tooltip = false;
	var dhtmlgoodies_tooltipShadow = false;
	var dhtmlgoodies_shadowSize = 2;
	var dhtmlgoodies_tooltipMaxWidth = 460;
	var dhtmlgoodies_tooltipMinWidth = 100;
	var dhtmlgoodies_iframe = false;
	var tooltip_is_msie = (navigator.userAgent.indexOf('MSIE')>=0 && navigator.userAgent.indexOf('opera')==-1 && document.all)?true:false;
	var tooltipTxtJigg = 'Jigg';
	tooltipTxtBlog = 'Blog';
	tooltipTxtTags = '<table width="451" border="0" cellpadding="5" cellspacing="1" bgcolor="#FF0000"><tr><td width="441" bgcolor="#FFFFFF"><font size="2" face="MS Sans Serif"><img src=http://planet.kapook.com/files/avatar/avatar002.gif hspace="5" vspace="5" border=0 align=left> <font color="#FF0000"><b>Tag </b></font> เป็น “คำ” ที่ใช้เพื่อกำกับและอธิบายสิ่งต่างๆ (เช่น รูป, Blog, Link) <br>ให้เข้าใจได้ง่าย <font color="#663300">โดยไม่จำเป็นต้องเป็นทางการ เน้นความเข้าใจ หรืออารมณ์;</font><br><font color="#003399"><b><br>&lt;-- ตัวอย่าง :</b></font> จากรูปด้านซ้ายนี้ทำให้เราคิดถึงอะไรได้บ้าง <br><br>เราก็จะได้ <b>Tag</b> ว่า <font color="#006600">“แมว, นอน, น่ารัก, เหมียว, สัตว์, กอด, ลูกแม</font><font size="2" face="MS Sans Serif"><font color="#006600">ว</font></font><font color="#006600">”</font> ; <br><br>เอาไปใส่ในช่อง Tags นะจ๊ะ; ใครค้นคำพวกนี้ก็จะเจอภาพที่เราส่งไปอวดง่ายๆ เท่านี้เอง <br><br><font color="#FF0000"><b>เคล็ดลับ:</b></font> <font color="#FF6600">ใส่มาก ใส่น้อย ไม่มีใครว่า แต่ยิ่งใส่เยอะ ยิ่งมีคนหาเจอง่าย ได้อวดเร็วๆ นะจ๊ะ</font>;</font></td></tr></table>';
	function showTooltip(e,tooltipTxt)
	{
		
		
		var bodyWidth = Math.max(document.body.clientWidth,document.documentElement.clientWidth) - 20;
		
		if (tooltipTxt == 'jigg') tooltipTxt = tooltipTxtJigg;
		else if (tooltipTxt == 'blog') tooltipTxt = tooltipTxtBlog;
		else if (tooltipTxt == 'tags') tooltipTxt = tooltipTxtTags;
		else tooltipTxt = tooltipTxt;
		
		
		if(!dhtmlgoodies_tooltip){
			dhtmlgoodies_tooltip = document.createElement('DIV');
			dhtmlgoodies_tooltip.id = 'dhtmlgoodies_tooltip';
			dhtmlgoodies_tooltipShadow = document.createElement('DIV');
			dhtmlgoodies_tooltipShadow.id = 'dhtmlgoodies_tooltipShadow';
			
			document.body.appendChild(dhtmlgoodies_tooltip);
			document.body.appendChild(dhtmlgoodies_tooltipShadow);	
			
			if(tooltip_is_msie){
				dhtmlgoodies_iframe = document.createElement('IFRAME');
				dhtmlgoodies_iframe.frameborder='5';
				dhtmlgoodies_iframe.style.backgroundColor='#FFFFFF';
				dhtmlgoodies_iframe.src = '#'; 	
				dhtmlgoodies_iframe.style.zIndex = 100;
				dhtmlgoodies_iframe.style.position = 'absolute';
				document.body.appendChild(dhtmlgoodies_iframe);
			}
			
		}
		
		dhtmlgoodies_tooltip.style.display='block';
		dhtmlgoodies_tooltipShadow.style.display='block';
		if(tooltip_is_msie)dhtmlgoodies_iframe.style.display='block';
		
		var st = Math.max(document.body.scrollTop,document.documentElement.scrollTop);
		if(navigator.userAgent.toLowerCase().indexOf('safari')>=0)st=0; 
		var leftPos = e.clientX - 100;
		
		dhtmlgoodies_tooltip.style.width = null;	// Reset style width if it's set 
		dhtmlgoodies_tooltip.innerHTML = tooltipTxt;
		dhtmlgoodies_tooltip.style.left = leftPos + 'px';
		dhtmlgoodies_tooltip.style.top = e.clientY + 10 + st + 'px';

		
		dhtmlgoodies_tooltipShadow.style.left =  leftPos + dhtmlgoodies_shadowSize + 'px';
		dhtmlgoodies_tooltipShadow.style.top = e.clientY + 10 + st + dhtmlgoodies_shadowSize + 'px';
		
		if(dhtmlgoodies_tooltip.offsetWidth>dhtmlgoodies_tooltipMaxWidth){	/* Exceeding max width of tooltip ? */
			dhtmlgoodies_tooltip.style.width = dhtmlgoodies_tooltipMaxWidth + 'px';
		}
		
		var tooltipWidth = dhtmlgoodies_tooltip.offsetWidth;		
		if(tooltipWidth<dhtmlgoodies_tooltipMinWidth)tooltipWidth = dhtmlgoodies_tooltipMinWidth;
		
		
		dhtmlgoodies_tooltip.style.width = tooltipWidth + 'px';
		dhtmlgoodies_tooltipShadow.style.width = dhtmlgoodies_tooltip.offsetWidth + 'px';
		dhtmlgoodies_tooltipShadow.style.height = dhtmlgoodies_tooltip.offsetHeight + 'px';		
		
		if((leftPos + tooltipWidth)>bodyWidth){
			dhtmlgoodies_tooltip.style.left = (dhtmlgoodies_tooltipShadow.style.left.replace('px','') - ((leftPos + tooltipWidth)-bodyWidth)) + 'px';
			dhtmlgoodies_tooltipShadow.style.left = (dhtmlgoodies_tooltipShadow.style.left.replace('px','') - ((leftPos + tooltipWidth)-bodyWidth) + dhtmlgoodies_shadowSize) + 'px';
		}
		
		if(tooltip_is_msie){
			dhtmlgoodies_iframe.style.left = dhtmlgoodies_tooltip.style.left;
			dhtmlgoodies_iframe.style.top = dhtmlgoodies_tooltip.style.top;
			dhtmlgoodies_iframe.style.width = dhtmlgoodies_tooltip.offsetWidth + 'px';
			dhtmlgoodies_iframe.style.height = dhtmlgoodies_tooltip.offsetHeight + 'px';
		
		}
		//alert(tooltipTxt);		
	}
	
	function hideTooltip()
	{
		dhtmlgoodies_tooltip.style.display='none';
		dhtmlgoodies_tooltipShadow.style.display='none';		
		if(tooltip_is_msie)dhtmlgoodies_iframe.style.display='none';		
	}
