<style>
  /* hint menu */
  .hint
  {
  background-color:#3d3d3d;
  line-height:10px;
  color:white;
  font-family:verdana,arial,helvetica;
  font-size:8pt;
  width:auto;
  border-top:1px solid white;
  border-right:1px solid white;
  border-bottom:1px solid white;
  border-left:1px solid white;
  margin:1px;
  padding:8px;
  position:absolute;
  visibility:hidden;
  }
  /* ---------------- */
  </style>

  <script>
  //Hint Start
  // CLASS : MW_System_Load
  // Init
  function MW_System_Load(){
  this.wib = screen.width;
  this.heb = screen.height;
  this.documes = (document.getElementById || document.createElement || document.getElementsByTagName) ? true : false;
  this.objects = window.addEventListener || window.attachEvent ? window : document.addEventListener ? document : null;
  this.types = 'load';
  }
  MW_System_Load.prototype.addsevent = function(func){
  if(this.objects.addEventListener){
  this.objects.addEventListener(this.types,func,false);
  return true;
  } else if (this.objects.attachEvent){
  this.objects.attachEvent("on" + this.types,func);
  } else {
  return false;
  }
  }
  MW_System_Load.prototype.browser = function(){
  this.ver = navigator.appVersion;
  this.agent = navigator.userAgent.toLowerCase();
  this.dom = document.getElementById ? 1:0;
  this.all = document.all ? 1:0;
  this.ie5 = (this.ver.indexOf("MSIE 5")>-1 && this.dom) ? 1:0;
  this.ie6 = (this.ver.indexOf("MSIE 6")>-1 && this.dom) ? 1:0;
  this.ie4 = (document.all && !this.dom) ? 1:0;
  this.ie = this.ie4 || this.ie5 || this.ie6;
  this.opera = this.agent.indexOf("opera")>-1;
  this.gecko = (this.agent.indexOf("gecko")!=-1) ? 1:0;
  this.bw = (this.ie || this.opera || this.gecko);
  return this;
  }
  MW_System_Load.prototype.findobj = function(obj){
  this.parent = window.document;
  if(this.parent[obj]){ return this.parent[obj]; }
  if(this.parent.all && this.parent.all[obj]){ return this.parent.all[obj]; }
  if(this.parent.layers && this.parent.layers[obj]){ return this.parent.layers[obj]; }
  if(this.parent.getElementById && this.parent.getElementById(obj)){ return this.parent.getElementById(obj); }
  return null;
  }
  var MW = new MW_System_Load();
  function MW_System_Hint(){}
  MW_System_Hint.prototype.show = function(obj,str){
  var hint = MW.findobj('hint');
  if(!obj){ return; }
  if(!MW.documes){ return; }
  if(!hint){ return; }
  hint.className = 'hint';
  hint.style.left = 15;
  hint.style.top = 50;

  obj.onmouseout = function(advance){
  hint.style.width = '';
  hint.style.visibility = 'hidden';
  if(hint.firstChild) hint.removeChild(hint.firstChild);
  hint.appendChild(document.createTextNode(str));
  };
  obj.onmousemove = function(advance){
  //str = str.replace(/</g,"<");
  //str = str.replace(/>/g,">");
  hint.style.width = '';
  hint.innerHTML = str;
  vc = document.getElementsByTagName((document.compatMode && document.compatMode=="CSS1Compat") ? "HTML":"BODY")[0];
  x = window.event ? event.clientX + vc.scrollLeft : advance.pageX;
  y = window.event ? event.clientY + vc.scrollTop : advance.pageY;
  vcwidth = vc.clientWidth ? vc.clientWidth + vc.scrollLeft : window.innerWidth + window.pageXOffset;
  vcheight = vc.innerHeight ? window.innerHeight + window.pageYOffset : vc.clientHeight + vc.scrollTop;
if(hint.offsetWidth>500){ hint.style.width = '200'; }
if((x + hint.offsetWidth + 15) > vcwidth){
hint.style.left = x - hint.offsetWidth - 4;
} else {
hint.style.left = x + 15;
}
if((y + hint.offsetHeight + 19) > vcheight){
hint.style.top = y - hint.offsetHeight;
} else {
hint.style.top = y + 25;
}
//if(typeof(hint.style.MozOpacity)!="undefined"){
hint.style.opacity = '.91';
hint.style.filter = "alpha(opacity:91)";
//}
hint.style.visibility = 'visible';
  };
  }
  MW_System_Hint.prototype.initialize = function(){
  var hint = document.createElement("DIV");
  hint.setAttribute('id','hint');
  document.getElementsByTagName('body')[0].appendChild(hint);
  hint.style.visibility = 'hidden';
  var hintmarker = ['a','img','img','input','span','div','textarea'];
  var textmarker = ['title','alt','title','title','title','title','title'];
  var lenmarker = hintmarker.length;
  for(var i=0; i<lenmarker; i++) {
  atr = document.getElementsByTagName(hintmarker[i]);
  for(var j=0; j<atr.length; j++)
  if(viewhint=atr[j].getAttribute(textmarker[i])){
atr[j].removeAttribute(textmarker[i]);
HINT.show(atr[j],viewhint);
  }
  }
  }
  var HINT = new MW_System_Hint();
  if(MW.objects){ MW.addsevent(HINT.initialize); }
  //Hint End
  </script>