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

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

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



//showNote2=function()
//  {
//    var note2=document.getElementById('note2');     // gets note1 element
//    note2.style.left=event.clientX;                 // assigns X,Y mouse coordinates to 'note1' element    
//    note2.style.top=event.clientY;
//    note2.style.visibility='visible';               // makes note1 element visible 
//  }
//
//  hideNote2=function()
//  {
//    var note1=document.getElementById('note2');    // gets note1 element
//    note2.style.visibility='hidden';               // hides note1 element
//  }
//
//  var info2=document.getElementById('info2');
//  info2.onmouseover=showNote2;                         // shows note1 element when mouse is over
//  info2.onmouseout=hideNote2;                          // hides note element when mouse is out 
  
} // End of createNotes                    

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