function toggleNote(e) {
    var id=this.id.replace(/a/,'note');
    var note=document.getElementById(id);
    if (note.style.visibility=='visible') {
    	note.style.visibility='hidden';
    } else {
    	note.style.left = !ie ? (e.clientX + 25) + "px" : (event.clientX + 25) + "px";
	note.style.top  = !ie ?e.clientY + "px"  : event.clientY + "px";
    	note.style.visibility='visible';
    }
}

function showNote(e) {
    var id=this.id.replace(/a/,'note');
    var note=document.getElementById(id);
    note.style.left = !ie ? (e.clientX + 25) + "px" : (event.clientX + 25) + "px";
    note.style.top  = !ie ?e.clientY + "px"  : event.clientY + "px";
    note.style.visibility='visible';
}

function hideNote(e) { 
    var id=this.id.replace(/a/,'note');
    var note=document.getElementById(id);
    note.style.visibility='hidden';
}

function hideNote2(e) { 
    var id=this.id.replace(/c/,'note');
    var note=document.getElementById(id);
    note.style.visibility='hidden';
}

function createNotes() {
	// gets all <a> elements 
	as=document.getElementsByTagName('a');
	// iterates over all <a> elements
	for(i=0;i<as.length;i++) {
		// assigns mouse event handlers to <a> elements with class name "noteslink"
	    	if(/\bnoteslink\b/.test(as[i].className)) {
        		as[i].onclick=toggleNote;
        		//as[i].onmouseout=hideNote;
	  	}
	}
	// gets all <img> elements 
	imgs=document.getElementsByTagName('img');
	// iterates over all <img> elements
	for(i=0;i<imgs.length;i++) {
		// assigns mouse event handlers to <img> elements with class name "notesclose"
	    	if(/\bnotesclose\b/.test(imgs[i].className)) {
	       		imgs[i].onclick=hideNote2;
	  	}
	}
}