var tooltipDown=function(){
 //var id = 'downarrow';
 var top = 3;
 var left = 3;
 var maxw = 300;
 var speed = 10;
 var timer = 20;
 var endalpha = 95;
 var alpha = 0;
 var tt,t,c,b,h;
 var ie = document.all ? true : false;
 return{
  show:function(v,w){
   if(tt == null){
    tt = document.createElement('div');
    tt.setAttribute('id',v);
    //t = document.createElement('div');
    //t.setAttribute('id',id + 'top');
    //c = document.createElement('div');
    //c.setAttribute('id',id + 'cont');
    //b = document.createElement('div');
   // b.setAttribute('id',id + 'bot');
    //tt.appendChild(t);
    //tt.appendChild(c);
   // tt.appendChild(b);
    document.body.appendChild(tt);
    tt.style.opacity = 100;
    tt.style.filter = 'alpha(opacity=100)';
    document.onmousemove = this.pos;
   }
   tt.style.display = 'block';
   //c.innerHTML = v;
   //tt.style.width = w ? w + 'px' : 'auto';
   if(!w && ie){
    //t.style.display = 'none';
    //b.style.display = 'none';
    tt.style.width = tt.offsetWidth;
    //t.style.display = 'block';
    //b.style.display = 'block';
   }
  if(tt.offsetWidth > maxw){tt.style.width = maxw + 'px'}
  h = parseInt(tt.offsetHeight) + top;
  clearInterval(tt.timer);
  tt.timer = setInterval(function(){tooltipDown.fade(1)},timer);
  },
  pos:function(e){
   var u = ie ? event.clientY + document.documentElement.scrollTop : e.pageY;
   var l = ie ? event.clientX + document.documentElement.scrollLeft : e.pageX;
   tt.style.top = (u - h + 50) + 'px';
   tt.style.left = (l + left - 55) + 'px';
  },
  fade:function(d){
   var a = alpha;
   if((a != endalpha && d == 1) || (a != 0 && d == -1)){
    var i = speed;
   if(endalpha - a < speed && d == 1){
    i = endalpha - a;
   }else if(alpha < speed && d == -1){
     i = a;
   }
   alpha = a + (i * d);
   tt.style.opacity = alpha * .01;
   tt.style.filter = 'alpha(opacity=' + alpha + ')';
  }else{
    clearInterval(tt.timer);
     if(d == -1){tt.style.display = 'none'}
  }
 },
 hide:function(){
  clearInterval(tt.timer);
   tt.timer = setInterval(function(){tooltipDown.fade(-1)},timer);
  }
 };
}();

var tooltipUp=function(){
 var utop = 3;
 var uleft = 3;
 var umaxw = 300;
 var uspeed = 10;
 var utimer = 20;
 var uendalpha = 95;
 var ualpha = 0;
 var utt,ut,uc,ub,uh;
 var uie = document.all ? true : false;
 return{
  ushow:function(v,w){
   if(utt == null){
    utt = document.createElement('div');
    utt.setAttribute('id',v);
    document.body.appendChild(utt);
    utt.style.opacity = 100;
    utt.style.filter = 'alpha(opacity=100)';
    document.onmousemove = this.upos;
   }
   utt.style.display = 'block';
   if(!w && uie){
    utt.style.width = utt.offsetWidth;
   }
  if(utt.offsetWidth > umaxw){utt.style.width = umaxw + 'px'}
  uh = parseInt(utt.offsetHeight) + utop;
  clearInterval(utt.utimer);
  utt.utimer = setInterval(function(){tooltipUp.ufade(1)},utimer);
  },
  upos:function(et){
   var uup = uie ? event.clientY + document.documentElement.scrollTop : et.pageY;
   var lup = uie ? event.clientX + document.documentElement.scrollLeft : et.pageX;
   utt.style.top = (uup - uh + 60) + 'px';
   utt.style.left = (lup + uleft - 55) + 'px';
  },
  ufade:function(de){
   var aup = ualpha;
   if((aup != uendalpha && de == 1) || (aup != 0 && de == -1)){
    var iup = uspeed;
   if(uendalpha - aup < uspeed && de == 1){
    iup = uendalpha - aup;
   }else if(ualpha < uspeed && de == -1){
     iup = aup;
   }
   ualpha = aup + (iup * de);
   utt.style.opacity = ualpha * .01;
   utt.style.filter = 'alpha(opacity=' + ualpha + ')';
  }else{
    clearInterval(utt.utimer);
     if(de == -1){utt.style.display = 'none'}
  }
 },
 uhide:function(){
  clearInterval(utt.utimer);
   utt.utimer = setInterval(function(){tooltipUp.ufade(-1)},utimer);
  }
 };
}();