var titleToNote = {
 // Define which elements should be affected:
 elements : ['img'],
 setup : function(){
 if(!document.getElementById || !document.createElement) return;
   // create note      
   var div = document.createElement("div");
   div.setAttribute("id", "title2note");
   document.body.appendChild(div);
   // attach events
   for(j=0;j<titleToNote.elements.length;j++){
     for(i=0;i<document.getElementsByTagName(titleToNote.elements[j]).length;i++){
       var el = document.getElementsByTagName(titleToNote.elements[j])[i];	
       if(el.getAttribute("title") && el.getAttribute("title") != ""){
         el.onmouseover = titleToNote.showNote;el.onmouseout = titleToNote.hideNote;
       }
     }
   }
 },
 showNote : function()
 {	
   $("title2note").innerHTML = this.getAttribute("title");
   this.setAttribute("title", "");
   $("title2note").style.display = "block";
 },
 hideNote : function()
 {
   this.setAttribute("title", $("title2note").innerHTML);
   $("title2note").innerHTML = "";
   $("title2note").style.display = "none";
 }
}
