/**********************/
/***** HOVER TIPS *****/
/**********************/
/*
<style type="text/css">
#hoverTips{
	position:absolute;
	min-width:200px;
	max-width:350px;
	border:1px solid #F2DE8C;
	padding:7px;
	background-color:#FEF8E0;
	font-size:11px;
	color:#CC6600;
	visibility:hidden;
	z-index:100;
	filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135); //shadow
}
</style>
*/

document.write("<div id='hoverTips'></div>");

var offsetxpoint=-5 //x offset of tooltip
var offsetypoint=20 //y offset of tooltip
var ie=document.all
var ns6=document.getElementById && !document.all
var enabletip=false
if (ie||ns6)
var tipobj=document.all? document.all["hoverTips"] : document.getElementById? document.getElementById("hoverTips") : ""

function ietruebody(){
  return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}

var _sliderObj = tipobj
var _sliderScrollDelay = 5;
var _sliderScrollAmount = 350;
var _sliderInitHeight = 100;  //or use style height value as the dynamic
var _sliderTime
var _sliderStart
var _sliderEnd
var _sliderMoving

function sliderSlideDown(newScrollAmount){
	if(newScrollAmount > 0) _sliderScrollAmount = newScrollAmount;
	if(_sliderMoving) return;
	_sliderMoving = true;
	sliderStart();
}
function sliderStart(){
	_sliderEnd = _sliderInitHeight;
	_sliderStart = (new Date()).getTime();
	_sliderObj.style.height = "1px";
	_sliderObj.style.visibility="visible"
	_sliderTime = setInterval('sliderProgress();',_sliderScrollDelay);
}
function sliderProgress(){
  var elapsed = (new Date()).getTime() - _sliderStart;
	if(elapsed > _sliderScrollAmount)
	  sliderEnd()
	else{
		var d =Math.round(elapsed / _sliderScrollAmount * _sliderEnd);
		_sliderObj.style.height = d + "px";
	}
	return;
}
function sliderEnd(){
	clearInterval(_sliderTime);
	_sliderObj.style.height = _sliderEnd + "px";
	_sliderObj.style.height = "auto";
	_sliderMoving = false;
	return;
}
function showtip(thetext, thecolor, thewidth){
  if (ns6||ie){
    if (typeof thewidth!="undefined") tipobj.style.width=thewidth+"px"
    if (typeof thecolor!="undefined" && thecolor!="") tipobj.style.backgroundColor=thecolor
    tipobj.innerHTML=thetext
		enabletip=true
    sliderSlideDown()
		return false
  }
}
function positiontip(e){
  if (enabletip){
		var curX=(ns6)?e.pageX : event.clientX+ietruebody().scrollLeft;
		var curY=(ns6)?e.pageY : event.clientY+ietruebody().scrollTop;
		var rightedge=ie&&!window.opera? ietruebody().clientWidth-event.clientX-offsetxpoint : window.innerWidth-e.clientX-offsetxpoint-20
		var bottomedge=ie&&!window.opera? ietruebody().clientHeight-event.clientY-offsetypoint : window.innerHeight-e.clientY-offsetypoint-20
	
		var leftedge=(offsetxpoint<0)? offsetxpoint*(-1) : -1000
	
		if (rightedge<tipobj.offsetWidth)
			tipobj.style.left=ie? ietruebody().scrollLeft+event.clientX-tipobj.offsetWidth+"px" : window.pageXOffset+e.clientX-tipobj.offsetWidth+"px"
		else if (curX<leftedge)
			tipobj.style.left="5px"
		else
		  tipobj.style.left=curX+offsetxpoint+"px"
		
		if (bottomedge<tipobj.offsetHeight)
			tipobj.style.top=ie? ietruebody().scrollTop+event.clientY-tipobj.offsetHeight-offsetypoint+"px" : window.pageYOffset+e.clientY-tipobj.offsetHeight-offsetypoint+"px"
		else
			tipobj.style.top=curY+offsetypoint+"px"
			
		tipobj.style.visibility="visible"
	}
}
function hidetip(){
  if(ns6||ie){
		enabletip=false
		tipobj.style.visibility="hidden"
		tipobj.style.left="-1000px"
		tipobj.style.backgroundColor=''
		tipobj.style.width=''
	}
}
document.onmousemove=positiontip