var bk="";
var cpt="";
var vse="";

function addnote(id)
{
//reset global variables
bk="";
cpt="";
vse="";
if (editing) return;
var vers=document.getElementById("vers").value;

if (window.XMLHttpRequest)
  {// code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  }
else
  {// code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
xmlhttp.onreadystatechange=function()
  {
  if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
    var refArray=(xmlhttp.responseText).split("/");
    bk=refArray[0];
    cpt=refArray[1];
    vse=refArray[2];
    var ref = "n"+bk+cpt+":"+vse;
    notetext(id);
    }
  }

xmlhttp.open("GET","./bible/getref.php?id="+id+"&vers="+vers,true);
xmlhttp.send();
}


function notetext(id)
{
 if (editing) return;
 var idArray = id.split("|");
 id = idArray[0]+"|nn";
 unhide(id);

 //create submit and cancel buttons
 var noteSubmit = document.createElement('BUTTON');
 var noteCancel = document.createElement('BUTTON');
 //create submit and cancel texts
 var NtextSubmit = document.createTextNode('Submit');
 var NtextCancel = document.createTextNode('Cancel');

 //put text on buttons
 noteSubmit.appendChild(NtextSubmit);
 noteCancel.appendChild(NtextCancel);

 //assign functions when buttons are clicked
 noteSubmit.onclick = NsaveEdit;
 noteCancel.onclick = NcancelEdit;

 //get correct div to be parent node
 var p = document.getElementById(id);

 //create text box and size
 var y = document.createElement('TEXTAREA');
 y.cols=50;
 y.rows=3;

 //put textbox in div
 p.appendChild(y); 
 p.appendChild(noteSubmit);
 p.appendChild(noteCancel);

 y.focus();

 //make sure can't edit another textbox
 editing = true;
}

function NsaveEdit()
{
 var area = document.getElementsByTagName('TEXTAREA')[0];
 var p=area.parentNode;
 var ref=p.id;
 var ULArray=p.id.split("|");
 var UL=ULArray[0];
 UL = UL+"|vn";

 //define z as the UL element
 var z=document.getElementById(UL);
 //create new div tag for text and LI for list
 var y = document.createElement('LI');
 var x = document.createElement('DIV');

 //put text into new DIV element
 x.innerHTML = area.value;

 //put textbox in LI
 y.appendChild(x);

 //remove buttons and textbox (button 0 is first, then button 1 becomes button 0 - remove that one too)
 p.removeChild(area);
 p.removeChild(document.getElementsByTagName('button')[0]);
 p.removeChild(document.getElementsByTagName('button')[0]);
 //make it possible to edit text again
 editing = false;

 //hide top div
 unhide(ref);

 //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.onreadystatechange=function()
  {
  if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
    var id=xmlhttp.responseText;
     //put LI into list
    x.id = id+"|n";
    z.appendChild(y);
    }
  }

 xmlhttp.open("GET","./bible/addnote.php?b="+bk+"&c="+cpt+"&v="+vse+"&n_text="+x.innerHTML,true);
 xmlhttp.send();
}

function NcancelEdit()
{
 //see notes for saveEdit function
 var area = document.getElementsByTagName('TEXTAREA')[0];
 var p=area.parentNode;
 var ref=p.id;

 p.removeChild(document.getElementsByTagName('TEXTAREA')[0]);
 p.removeChild(document.getElementsByTagName('button')[0]);
 p.removeChild(document.getElementsByTagName('button')[0]);

 //hide top div
 unhide(ref);

 editing = false;
}