// EVENT HANDLER y & x coordinates
// ------------------------------------------------------------------------------------------

function init() {
    if (window.event) {
        if (document.captureEvents){
          document.captureEvents(Event.MOUSEMOVE);
        } else {
          window.captureEvents(Event.MOUSEMOVE);
        }
    }
  	document.onmousemove = getXY;
}

init();

var mousex
var mousey;
function getXY(e) {
    if(!e) e = window.event;
    var body = (window.document.compatMode && window.document.compatMode == "CSS1Compat") ?
    window.document.documentElement : window.document.body || null;
    mousey = e.pageY ? e.pageY : e.clientY + body.scrollTop;
    mousex = e.pageX ? e.pageX : e.clientX + body.scrollLeft;
}


// GLOSSAR INFO
// ------------------------------------------------------------------------------------------

function show_gl(glossar_id,offsetx,offsety){
	var globj = document.getElementById('glossar-hidden-'+glossar_id)
	globj.style.visibility = 'visible'
	globj.style.width = '300px'
   	
   	globj.style.top = mousey-offsety+'px'
   	globj.style.left = mousex-offsetx+'px'

}

function hide_gl(glossar_id) {
	document.getElementById('glossar-hidden-'+glossar_id).style.visibility = 'hidden'
}

// TIP INFO
// ------------------------------------------------------------------------------------------

function show_tip(tip_text){
	var globj = document.getElementById('tip-hidden')
// 	document.getElementById('tip-hidden').innerHTML = 'neuer Text'
// 	document.getElementById('tip-hidden').style.visibility = 'visible'
	
	globj.style.visibility = 'visible'
	globj.style.width = '300px'
   	globj.style.top = mousey+15+'px'
   	globj.style.left = mousex+'px'
	globj.innerHTML = tip_text
}

function hide_tip() {
	document.getElementById('tip-hidden').style.visibility = 'hidden'
}