var simple_tooltips=[];
var SimpleTooltip=Class.create({
  initialize:function(tt_element){
    this.tt_element   = tt_element;
    this.tt_style     = {
                          border:'solid 1px #7799DD', 
                          opacity:'0.8', 
                          color:'#000', 
                          padding:'3px', 
                          position:'absolute', 
                          background:'#e8eef7'
                        }
                        
    
    this.tt_content   = this.tt_element.alt || this.tt_element.title;
    
    this.init();
    
  },
  
  init:function(){
    this.tt_element.alt="";
    this.tt_element.title="";
    if($('simple_tooltip')==undefined){
      $(document.body).insert(new Element('div',{id:'simple_tooltip', style:'display:none;'}))
      $('simple_tooltip').setStyle(this.tt_style);
    }
    this.tt_div       = $('simple_tooltip');
    this.addObservers();
  },
  
  showTT:function(event){
    tt_y=(Event.pointerY(event)+15)+'px';
    tt_x=(Event.pointerX(event)+15)+'px';
    
    this.tt_div.setStyle({top:tt_y, left:tt_x})
    this.tt_div.update(this.tt_content);
    this.tt_div.show();
  },
  
  hideTT:function(){
    this.tt_div.hide();
  },
  
  addObservers:function(){
    Event.observe(this.tt_element, 'mouseover', this.showTT.bindAsEventListener(this));
    Event.observe(this.tt_element, 'mouseout', this.hideTT.bindAsEventListener(this));
    Event.observe(this.tt_element, 'mousemove', this.showTT.bindAsEventListener(this));
  }
  
})