function userEditing()
{
  var editText = "<ul id=\'editBar\'><li id=\'editSave' title=\'Save your changes\'>" +
                 "<img src=\'..\/graphics/save-icon.png\'><\/li>" +
                 "<li id=\'editRestore' title=\'Delete your changes and restore the default\'><img src=\'..\/graphics/trashcan-full-icon.png\'><\/li>" +
               /*  "<li id=\'editCopy' title=\'Copy\'><img src=\'..\/graphics/copy.png\'><\/li>" +
                 "<li id=\'editPaste' title=\'Paste\'><img src=\'..\/graphics/paste.png\'><\/li>" +*/
                 "<li id=\'editClose' title=\'Close\'><img src=\'..\/graphics/exit.png\'><\/li><\/ul>";
 // Allow the user to make personal changes.
  $("[contentEditable*='true']").each( function() {
    var ec = this;
    $(ec).click(function(){ 
      if($('#editBar').length == 0)
      {
        $(this).before(editText);
        $(ec).addClass('editMode');
        $('#editSave').click( function(){
          localStorage.setItem(""+ec.id, ec.innerHTML);
        });
        
        $('#editClose').unbind('click').bind('click', function(){
          $('#editBar').remove();
          $(ec).removeClass('editMode');
        });
        $('#editRestore').click( function(){
          if(localStorage.getItem(ec.id))
          {
            localStorage.removeItem(ec.id);
          }
        });
        $('#editPaste').unbind('click').bind('click', function(){
          document.execCommand('paste', null, null);
        });
      }
    });

    if(localStorage.getItem(this.id))
    {
      ec.innerHTML = localStorage.getItem(this.id);
    }
  });
}