	function SampleToolTip(e, strTitle, strDescription)
	{
	var _divToolTip = document.getElementById("divToolTip");
	var _divTitle = document.getElementById("divTitle");
	var _divDescription = document.getElementById("divDescription");
	_divTitle.innerHTML = strTitle;
	_divDescription.innerHTML = strDescription;
	_divToolTip.style.display = "block";
	positionToolTip(e, _divToolTip);
	}

	function hide(){
		var _divToolTip = document.getElementById("divToolTip");
		_divToolTip.style.display = "none";
	}


	function positionToolTip(e, divToolTip)
	{
		var vp = new Viewport();
		
		if((getRelativeMouseX(e) - vp.scrollLeft + divToolTip.clientWidth) > vp.width)
			 divToolTip.style.left = (vp.width - divToolTip.clientWidth + vp.scrollLeft - 2).toString() + "px";
		else
			 divToolTip.style.left = (getRelativeMouseX(e) + 10).toString() + "px";
	
		divToolTip.style.top = (getRelativeMouseY(e) + 10).toString() + "px";
	}

	function getRelativeMouseY(e)
	{
		if(document.documentElement.scrollTop)
			return e.clientY + document.documentElement.scrollTop;
		else
			return e.clientY;
	}
	
	function getRelativeMouseX(e)
	{
		if(document.documentElement.scrollLeft)
			return e.clientX + document.documentElement.scrollLeft;
		else
			return e.clientX
	}


function Viewport(){
	var _this = this;
	
	this.width;
	this.height;
	this.scrollLeft;
	this.scrollTop;
	
	function init(){
		setSize();
		setScroll();
	}

	function setSize(){
		if(document.documentElement.offsetWidth){
			//v-scroll always visible in ie
			_this.width = (navigator.userAgent.indexOf("MSIE") != -1 ? document.documentElement.offsetWidth - 22 : document.documentElement.offsetWidth);				
			_this.height = document.documentElement.offsetHeight;
		}else{
			_this.width = window.innerWidth;
			_this.height = window.innerHeight;
		}
	}
	
	function setScroll(){
		if(navigator.userAgent.indexOf("MSIE") != -1){
			if(document.compatMode.toLowerCase() != "css1compat"){
				_this.scrollLeft = document.body.scrollLeft;
				_this.scrollTop = document.body.scrollTop;
			}else{
				_this.scrollLeft = document.documentElement.scrollLeft;
				_this.scrollTop = document.documentElement.scrollTop;				
			}
		}else{
			_this.scrollLeft = window.pageXOffset;
			_this.scrollTop = window.pageYOffset;							
		}
	}
	
	init();
}
