var editing  = false;

if (document.getElementById && document.createElement) {
 //create submit and cancel buttons
 var but_submit = document.createElement('BUTTON');
 var but_cancel = document.createElement('BUTTON');
// var but_del = document.createElement('BUTTON');
 //create submit and cancel texts
 var text_submit = document.createTextNode('Submit');
 var text_cancel = document.createTextNode('Cancel');
// var text_del = document.createTextNode('Delete');

 //put text on buttons
 but_submit.appendChild(text_submit);
 but_cancel.appendChild(text_cancel);
// but_del.appendChild(text_del);

 //assign functions when buttons are clicked
 but_submit.onclick = saveEdit;
 but_cancel.onclick = cancelEdit;
// but_del.onclick = delNote;
}


function noteEdit(e) {
 //make sure there isn't another editing going on
 if (editing) return;

// var obj = document.getElementById (e+"|n");
// alert(obj.innerHTML);

  var obj = document.getElementById (e);

 //assign original text to variable X
 var x = obj.innerHTML;
 //create text box and size
 var y = document.createElement('TEXTAREA');
 y.cols=50;
 y.rows=3;
 //store the original note ID as the textarea id to resubmit to SQL
 y.id = obj.id;
 //create new parentnode
 var z = obj.parentNode;
 //insert textbox and buttons
 z.insertBefore(y,obj);
 z.insertBefore(but_submit,obj);
 z.insertBefore(but_cancel,obj);
 //store original text as cancel button id
 but_cancel.id = x
 //remove original text
 z.removeChild(obj);
 //put original text into textbox
 y.value = x;
 y.focus();
 //make sure can't edit another textbox
 editing = true;
}

function saveEdit() 
{
 var area = document.getElementsByTagName('TEXTAREA')[0];
 //create new div tag for text
 var y = document.createElement('DIV');
 //assign new text the same ID (SQL ID) as the old text
 y.id = area.id

 //bring up new parent node again
 var z = area.parentNode;
 //put text into new DIV element
 y.innerHTML = area.value;
 //insert new text
 z.insertBefore(y,area);
 //remove buttons and textbox (button 0 is first, then button 1 becomes button 0 - remove that one too)
 z.removeChild(area);
 z.removeChild(document.getElementsByTagName('button')[0]);
 z.removeChild(document.getElementsByTagName('button')[0]);
 //make it possible to edit text again
 editing = false;

 //send new text to SQL
 if (window.XMLHttpRequest)
 {// code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
 }
 else
 {// code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
 }
	
 xmlhttp.open("GET","./bible/updatenote.php?id="+y.id+"&n_text="+y.innerHTML,true);
 xmlhttp.send();
}

function cancelEdit() {
 //see notes for saveEdit function
 var area = document.getElementsByTagName('TEXTAREA')[0];
 var y = document.createElement('DIV');
 y.id = area.id
 var z = area.parentNode;
 //put original text (not modified) in new DIV element
 y.innerHTML = but_cancel.id;
 z.insertBefore(y,area);
 z.removeChild(area);
 z.removeChild(document.getElementsByTagName('button')[0]);
 z.removeChild(document.getElementsByTagName('button')[0]);
 editing = false;
}

function delNote(id) {
 var r=confirm("Are you Sure?");
 if (r==false)
 {
  return;
 }
 else
 {
  
  var area = document.getElementById(id);

  id=id.split("|")[0];

  var z = area.parentNode;
  var x = z.parentNode;

  z.removeChild(area);
  x.removeChild(z);
  editing = false;

  //send new text to SQL
  if (window.XMLHttpRequest)
  {// code for IE7+, Firefox, Chrome, Opera, Safari
   xmlhttp=new XMLHttpRequest();
  }
  else
  {// code for IE6, IE5
   xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }

  xmlhttp.open("GET","./bible/delnote.php?id="+id,true);
  xmlhttp.send();

 }
}