jsHover = function() {
  var hEls = document.getElementById("menu").getElementsByTagName("LI");
  for (var i=0, len=hEls.length; i<len; i++) {
    hEls[i].onmouseover=function() { this.className += " jshover"; }
    hEls[i].onmouseout=function() { this.className = this.className.replace(" jshover", ""); }
  }
}
if (window.attachEvent && navigator.userAgent.indexOf("Opera")==-1) window.attachEvent("onload", jsHover);

var tooltip=function(){
  var id = 'tt';
  var top = 2;
  var left = 15;
  var maxw = 400;
  var speed = 7;
  var timer = 10;
  var endalpha = 85;
  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',id);
        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 = 0;
        tt.style.filter = 'alpha(opacity=0)';
        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(){tooltip.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 + 'px'; //  (u - h) + 'px';
      tt.style.left = (l + left) + '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(){tooltip.fade(-1)},timer);
    }
  };
}();

function hlton(obj, text, text2, image) {
  if(tooltip) {
    if(image)
      image = '<img src="'+image+'" style="float: left; height: 7em; margin: 0 0.4em 0.1em 0;" alt=""/>';
    else
      image = '';
      
    if(text == '') {
      text = text2;
      text2 = '';
    }
    
    tooltip.show('<table cellspacing="0"><tbody><tr valign="top"><td>'+image+'</td><td>'+text+'</td></tr></tbody></table>');
 
  }

  if(navigator.userAgent.match(/MSIE 6\.0/))
    obj.className += ' jshover';
}

function hltoff(obj) {
  if(tooltip) tooltip.hide();

  if(navigator.userAgent.match(/MSIE 6\.0/))
    obj.className = obj.className.replace(' jshover', '');
}

function topleftconner(event, obj) {
  var detected = '';
  
  if((event.clientY > 70) && (event.clientX < 97)) obj.style.backgroundPosition = 'right bottom';
  else
  if((event.clientX > 27) && (event.clientY > (20 + (event.clientX * 0.29))) && (event.clientX < 132)) obj.style.backgroundPosition = 'left bottom';
  else
  if((event.clientX > 75) && (event.clientY > ((event.clientX * 0.60) - 50))) obj.style.backgroundPosition = 'left top';
  
 // obj.innerHTML = event.clientX + ',' + event.clientY + detected;
}
