var names = [];
names[0] = "Ashley";
names[1] = "Jane";
names[2] = "Dylan";
names[3] = "Chris";
names[4] = "Zulu Warrior";
names[5] = "Emma";
names[6] = "Tiffany";
names[7] = "Peter";
names[8] = "Charlie";
names[9] = "Olivia";
names[10] = "Ernie";
names[11] = "Thomas";
names[12] = "Pamola";
names[13] = "Alice";
names[14] = "Kia";
names[15] = "Rachel";
names[16] = "Sarah";
names[17] = "Harvey";
names[18] = "Nigel"
names[19] = "Opera"
names[20] = "Keeley"
names[21] = "Alan"
names[22] = "Susan"
names[23] = "Kirsty"
names[24] = "Annabel"
names[25] = "Roberto"
names[26] = "Ben"
names[27] = "Lola"
names[28] = "Felix"
names[29] = "Karen"
names[30] = "Leila"
names[31] = "Stacey"

var placeHolder;

//Title
document.write("<h1><b><u>Alphabetical Bubble Sort Algorithm in Javascript</h1></u></b>")


//Prints the initial unorderd array to html documentt.
document.write("<center><br><br><br><i>Unordered List:</i> <br>")
for (var i = 0; i < names.length - 1; i++) {
  document.write(names[i] + "  |  ");
}
document.write(names[names.length-1])

  //Itterates through array array.length amount of times
  for (var ii = 0; ii < names.length; ii++) {

      //Compares first array item (first letter), with the one in-front
          for (var i = 0; i < names.length - 1; i++) {
            if(names[i].slice(0,1) > names[i+1].slice(0,1)){
              placeHolder = names[i + 1];
              names[i+1] = names[i];
              names[i] = placeHolder;
            }
          }

          /*
             It has completed its first run through of every item in the array,
             however the array isn't in order yet, it still needs to go through
             it 6 more times, to account for each item in the array.
          */
  }


//Prints the ordered array to html document.
document.write("<br><br><br><br><br><i>Ordered List:</i><br>")
for (var i = 0; i < names.length - 1; i++) {
  document.write(names[i] + "  |  ");
}
document.write(names[names.length-1])