tooltip = {
        name : "js-tooltipDiv",	// div pop-up ID
        offsetX : 0,
        offsetY : 25,
        tip : null
};
tooltip.init = function () {
	var body = document.getElementsByTagName ('body').item(0);
	var div = document.createElement('div');
	div.id = this.name;
	body.appendChild(div);

	if (!document.getElementById) return;
	
	this.tip = document.getElementById (this.name);
	if (this.tip) document.onmousemove = function (evt) {tooltip.move (evt)};

	/*- <a title> -*/
	var anchors = document.getElementsByTagName ("a");
	for (var i = 0; i < anchors.length; i ++) {
			a = anchors[i];
			if (a.getAttribute('title')) {
				a.setAttribute('nicetitle',a.getAttribute('title'));
				a.removeAttribute('title');
				a.onmouseover = function () {tooltip.show (this.getAttribute('nicetitle'))};
				a.onmouseout = function () {tooltip.hide ()};
			}
	}
	/*- <img longdesc> -*/
	var images = document.getElementsByTagName ("img");
	for (var i = 0; i < images.length; i ++) {
			i = images[i];
			if (i.getAttribute('longdesc')) {
				i.onmouseover = function () {tooltip.show (this.getAttribute('longdesc'))};
				i.onmouseout = function () {tooltip.hide ()};
			}
	}

};
tooltip.move = function (evt) {
        var x=0, y=0;
        if (document.all) {

                x = (document.documentElement && document.documentElement.scrollLeft) ? document.documentElement.scrollLeft : document.body.scrollLeft;
                y = (document.documentElement && document.documentElement.scrollTop) ? document.documentElement.scrollTop : document.body.scrollTop;
                x += window.event.clientX;
                y += window.event.clientY;
                
        } else {
                x = evt.pageX;
                y = evt.pageY;
        }
        this.tip.style.left = (x + this.offsetX) + "px";
        this.tip.style.top = (y + this.offsetY) + "px";
};
tooltip.show = function (text) {
        if (!this.tip) return;
        this.tip.innerHTML = text;
        this.tip.style.visibility = "visible";
        this.tip.style.display = "block";
};
tooltip.hide = function () {
        if (!this.tip) return;
        this.tip.style.visibility = "hidden";
        this.tip.style.display = "none";
        this.tip.innerHTML = "";
};