createNotes=function(){
            showNote=function(){
                        // gets note1 element
                        var note1=document.getElementById('note1');
                        // assigns X,Y mouse coordinates to 'note1' element
                        note1.style.left=event.clientX;
                        note1.style.top=event.clientY;
                        // makes note1 element visible
                        note1.style.visibility='visible';
            }

            hideNote=function(){
                        // gets note1 element
                        var note1=document.getElementById('note1');
                        // hides note1 element
                        note1.style.visibility='hidden';
            }

            var a1=document.getElementById('a1');
            // shows note1 element when mouse is over
            a1.onmouseover=showNote;
            // hides note element when mouse is out 
            a1.onmouseout=hideNote;
}

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