( function() {
  'use strict';

  var buildToolTip = function(content) {
    var tt = document.createElement('tooltip');
    tt.classList.add('hidden');
    var tn = document.createTextNode(content);
    tt.appendChild(tn);
  }

  var loadToolTip = function(target) {
    if(!target.dataset.url) return;
    var url = target
    var xmlhttp = new XMLHttpRequest();
    xmlhttp.onreadystatechange = function() {
      if (this.readyState == 4 && this.status == 200) {
        console.log('ajax:',this.responseText);
        //TODO

      }
    };
    xmlhttp.open("GET", url, true);
    xmlhttp.send(params);
  }

  var fadeIn = function(el) {
    //TODO fancy fadein
    el.classList.remove('hidden');
  }

  //class itooltip
  var elems = document.getElementsByClassName('itooltip');
  for (var i =0;i<elems.length;i++) {
    elems[i].addEventListener('mouseenter',function(ev){
      loadToolTip(ev.target);
    });
  }
})();

//TODO lade daten von url in data-url
//TODO in der obenhälfte tooltip down untehälte up
//TODO linke hälte tooltip richts sondt links