var qTipTag = "i,input"; //Which tags do you want to qTip-ize? Keep it
lowercase!//
var qTipX = 0; //This is qTip's X offset//
var qTipY = 15; //This is qTip's Y offset//

//There's no need to edit anything below this line//
tooltip = {
 name : "qTip",
 offsetX : qTipX,
 offsetY : qTipY,
 tip : null
}

tooltip.init = function () {
       var tipNameSpaceURI = "http://www.w3.org/1999/xhtml";
       if(!tipContainerID){ var tipContainerID = "qTip";}
       var tipContainer = document.getElementById(tipContainerID);

       if(!tipContainer) {
         tipContainer = document.createElementNS ?
document.createElementNS(tipNameSpaceURI, "div") :
document.createElement("div");
               tipContainer.setAttribute("id", tipContainerID);

document.getElementsByTagName("body").item(0).appendChild(tipContainer);
       }

       if (!document.getElementById) return;
       this.tip = document.getElementById (this.name);
       if (this.tip) document.onmousemove = function (evt)
{tooltip.move (evt)};

       var a, sTitle, elements;

       var elementList = qTipTag.split(",");
       for(var j = 0; j < elementList.length; j++)
       {
               elements =
document.getElementsByTagName(elementList[j]);
               if(elements)
               {
                       for (var i = 0; i < elements.length; i ++)
                       {
                               a = elements[i];
                               sTitle = a.getAttribute("title");
                               if(sTitle)
                               {
                                       a.setAttribute("tiptitle",
sTitle);
                                       a.removeAttribute("title");
                                       a.removeAttribute("alt");
                                       a.onmouseover = function()
{tooltip.show(this.getAttribute('tiptitle'))};
                                       a.onmouseout = function()
{tooltip.hide()};
                               }
                       }
               }
       }
}

tooltip.move = function (evt) {
       var x=0, y=0;
       if (document.all) {//IE
               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 {//Good Browsers
               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.display = "block";
}

tooltip.hide = function () {
       if (!this.tip) return;
       this.tip.innerHTML = "";
       this.tip.style.display = "none";
}

// Multiple onload function created by: Simon Willison
// http://simonwillison.net/2004/May/26/addLoadEvent/
function addLoadEvent(func) {
 var oldonload = window.onload;
 if (typeof window.onload != 'function') {
   window.onload = func;
 } else {
   window.onload = function() {
     if (oldonload) {
       oldonload();
     }
     func();
   }
 }
}

addLoadEvent(function() {
 tooltip.init ();
});

// JavaScript Document

/*Description:  This script creates tooltips for anything on your page.
You select what tags it can be attached to and then just add them to the
page.

FOLLOW THE INSTRUCTIONS BELOW TO USE THIS SCRIPT ON YOUR WEB SITE.*/


<!-- Paste this code into an external JavaScript file named: qTip.js
/*<script type="text/javascript" src="../_jsScripts/qTip.js"></script>*/
-->
<!-- Paste this in the body where you want the comment.  EXAMPLE:
/*<i title="Ripon Consolidated Fire District">Fire Captain Serena Johnson</i>*/
/* the title is the comment that will show in the balloon*/
-->

/* This script and many more are available free online at
The JavaScript Source :: http://javascript.internet.com
Created by: Craig Erskine :: http://qrayg.com/
 */

 //////////////////////////////////////////////////////////////////
// qTip - CSS Tool Tips - by Craig Erskine
// http://qrayg.com
//
// Multi-tag support by James Crooke
// http://www.cj-design.com
//
// Inspired by code from Travis Beckham
// http://www.squidfingers.com | http://www.podlob.com
//////////////////////////////////////////////////////////////////