var ttTag = "img,input";
var ttX = 15;
var ttY = 0;

tooltip = {
  name : "tt",
  offsetX : ttX,
  offsetY : ttY,
  tip : null
}

tooltip.init = function (mode, elemids){
  var tipNameSpaceURI = "http://www.w3.org/1999/xhtml";
  if(!tipContainerID){ var tipContainerID = "tt";}
  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;
  if(mode == 1){
    var elementList = elemids.split(",");
    for(var j=0;j<elementList.length;j++){
      a = document.getElementById(elementList[j]);
      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()};
      }
    }
  }else{
    var elementList = ttTag.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) {
    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.display = "block";
}

tooltip.hide = function () {
  if (!this.tip) return;
  this.tip.innerHTML = "";
  this.tip.style.display = "none";
}