var Xoffset = 0;
var Yoffset = 0;
var myCursor = '';
Yoffset -= 16;


window.addEvent('domready', function() {	
	var myToolTip = new Element('div', {'id':'tooltip'});
	myToolTip.inject($$('body')[0], 'top');
	document.addEvent('mousemove', getmouse);
	
});

// capture pointer set dynamic coords
function getmouse(event) {
  var e = new Event(event);
  var mousex = e.page.x - Xoffset;
  var mousey = e.page.y - Yoffset;

  if (window.ie6) mousey += document.body.scrollTop;
  Xoffset = $("tooltip").getDimensions().width/2;
  var mstooltip = $("tooltip");
  if ( mstooltip != null ) {
    mstooltip.setStyle('top', (mousey)+"px");
    mstooltip.setStyle('left', (mousex)+"px");
  } 
}

function showtooltip(content) {

  if($('ms-drag-map')) myCursor = $('ms-drag-map').getStyle('cursor');
  if($('ms-drag-map')) $('ms-drag-map').setStyle('cursor', 'pointer');
  
  var mstooltip = $("tooltip");
  if (mstooltip != null ) {
    mstooltip.set('html',content);
    if (typeof imgRelObj != 'undefined' ) imgRelObj.reloadWebcams();
    mstooltip.setStyle('display', 'block');
  }
}

function popup(msg) {
  var content="";
  content += "<div id='tooltip-content-flexable'>";
  content +="<div class='msg' style='text-align:center;'>"+msg+"</div>";
  content += "</div>";
  showtooltip(content);
}

function tooltip(msg, clickable) {
  var content="";
  content += "<div id='tooltip-content'>";

  if (clickable) {
    content += "<div class='msg'>"+msg+"<div class='clickable'>Klicken f&uuml;r weitere Details</div></div>";
  } else {
    content+="<div class='msg'>"+msg+"</div>";
  }   

  content += "</div>";
  showtooltip(content);
}

function kill() {
  var mstooltip = $("tooltip");
  if (mstooltip != null ) {
    mstooltip.setStyle('display', 'none');
  }
  if ($('ms-drag-map')) $('ms-drag-map').setStyle('cursor', myCursor);
}