var flugAbflug = $('flugAbflug');
var flugAnkunft = $('flugAnkunft');
var offset = new Array('x', 'y');
offset.x = 50;
offset.y = 0;
var divSize = new Array('x', 'y');
divSize.x = 420;
divSize.y = 250;

function locate (event, el){
  if(el) {
    var win = {'x': window.getWidth(), 'y': window.getHeight()};
    var scroll = {'x': window.getScrollLeft(), 'y': window.getScrollTop()};
    var prevImg = {'x': el.offsetWidth, 'y': el.offsetHeight};
    var prop = {'x': 'left', 'y': 'top'};
    
    
    
    
    for (var z in prop){
      var pos = event.page[z];
      pos = pos - divSize[z] - offset[z];
      el.setStyle(prop[z], pos);
    };
  }
}

window.addEvent('domready', function() {
  flugAbflug = $('flugAbflug');
  flugAnkunft = $('flugAnkunft');
  flugAbflug.setStyle('opacity', '0.95');
  new Request.HTML({update: flugAbflug}).get('/readData/display/departure');
  flugAnkunft.setStyle('opacity', '0.95');
  new Request.HTML({update: flugAnkunft}).get('/readData/display/arrival');
    
  $('zeit_ankunft').addEvents({
    'mouseenter': function (event){
      flugAnkunft.setStyles({
        top: event.page.y + offset.y,
        left: event.page.x - divSize.x - offset.x,
        display: 'block'
      });
    },
    'mouseleave': function (event){
      flugAnkunft.setStyle('display','none');
    },
    'mousemove' : locate.bindWithEvent(this, flugAnkunft)
  });  

  $('zeit_abflug').addEvents({
    'mouseenter': function (event){
      flugAbflug.setStyles({
        top: event.page.y + offset.y,
        left: event.page.x - divSize.x - offset.x,
        display: 'block'
      });
    },
    'mouseleave': function (event){
      flugAbflug.setStyle('display','none');
    },
    'mousemove' : locate.bindWithEvent(this, flugAbflug)
  });
});