/** functie de tooltip 
*   ref - obiectul referinta (care declanseaza tooltipul)
*   text - textul din tooltip e de forma Titlu__corp text
*/

var tooltip = function(ref, text){
  ref = $(ref); //hidratez pt ca IE nu vede metodele din prototype
  var arrOffset = ref.cumulativeOffset();
  var arrDimensions = ref.getDimensions();
  var left = arrOffset[0]+arrDimensions['width']+5;
  var top = arrOffset[1]; 
  
  var arrText = text.split('__');
  
  if (arrText[1]) {
    var titlu = arrText[0];
    text = arrText[1];
  } else {
    text = arrText[0];
    var titlu = ''; 
  }
  
  var css = '';
  if (tooltip.arguments[2]){
	css = tooltip.arguments[2];
  }
  
  var tip = new Element('div', { 'class': 'tip'+css });
  var header = new Element('div', { 'class': 'tip-header'+css }).update(titlu);
  var body = new Element('div', { 'class': 'tip-body'+css }).update(text);
  tip.insert(header);
  tip.insert(body);
    
  //il pozitionez aliniat la ref
  tip.setStyle({'left':left+'px', 'top':top+'px'});
  $$('body').each(function(item) {
    item.insert(tip);
  });
   

  function deleteTip(event) {
    //var element = event.element();
    if (tip){
      //scot listenerul de pe ref
      ref.stopObserving('mouseover');
      ref.stopObserving('mouseout');
      tip.parentNode.removeChild(tip);
      //tip.remove();
    }
  }
  
  ref.observe('mouseout', deleteTip);
}