function getObj(name) {
    if (document.getElementById) {
  	this.obj = document.getElementById(name);
	this.style = document.getElementById(name).style; }
      else if (document.all) {
	this.obj = document.all[name];
	this.style = document.all[name].style; }
      else if (document.layers) {
   	this.obj = document.layers[name];
   	this.style = document.layers[name]; }}


function findPos(obj) {
    var curleft = curtop = 0;
    if (obj.offsetParent) {
        curleft = obj.offsetLeft
            curtop = obj.offsetTop
            while (obj = obj.offsetParent) {
                curleft += obj.offsetLeft
                curtop += obj.offsetTop }}
    return [curleft,curtop]; }


function createNotes() {
    
    hideNote=function(){
        // gets corresponding id for note element
        var id = this.rel;
        var note = document.getElementById(id);
        this.style.visibility = 'hidden';
        this.style.display = 'hidden'; }


    showNote=function(e){
        if(!e) var e = window.event;
        var id = this.rel;
        var note = new getObj(id);
        var x = e.clientX;
        var y = e.clientY;
        if(e.pageX || e.pageY) {
            x = e.pageX;
            y = e.pageY; }
/*
        var pos = findPos(this);
        var x = pos[0];
        var y = pos[1];
*/
        note.style.left = x + "px";
        note.style.top = y + "px";
        note.style.visibility = 'visible';
        note.style.display = 'block'; }


    // gets all <a> elements 
    var as = document.getElementsByTagName('a');
    for(i=0; i < as.length; i++) {
        if(/\bpop\b/.test(as[i].className))
            as[i].onmouseover = showNote; }

    var divs = document.getElementsByTagName('div');
    for(i=0; i < divs.length; i++) {
        if(/\bpop-text\b/.test(divs[i].className))
            divs[i].onmouseout = hideNote;
        }

}

// execute code once page is loaded
window.onload=createNotes;