background.js~

var i = 0;
var x = 0;
var iterations = 1;

var wordObject = [
    { word: 'peanut', definition:'The oval seed of a South American plant, eaten as a snack or used for making oil or animal feed.' }
    , { word: 'piano', definition:'A large keyboard musical instrument with a wooden case enclosing a soundboard and metal strings, which are struck by hammers when the...' }
    , { word: 'cigarette', definition:'A thin cylinder of finely cut tobacco rolled in paper for smoking.' }
];

var loadFunction = function(){
    //chrome.storage.sync.set({"myValue": wordObject}); activate this to get the program running. The emply storage will throw an error 
    chrome.storage.sync.get("myValue", //// load saved data. 
    function(val) {
    if (val.myValue === undefined){
        chrome.storage.sync.set({"myValue": wordObject});
        runArray();
    } else {
    wordObject=val.myValue;
    runArray();
    }   
    
  });
 }; 
loadFunction();
////////////////right click menu

chrome.contextMenus.removeAll();
chrome.contextMenus.create({title: "Learn 2 Spell '%s' ", 
                             contexts:["selection"], 
                              onclick: function(info){ 
                                wordObject[wordObject.length]= { word: info.selectionText, definition: " 'add definition' " };
                                runArray();
                                chrome.storage.sync.set({"myValue": wordObject});
                                //chrome.contextMenus.removeAll();
                                //location.reload(); /////////// refreshes page ! probably not good
                                 }
});


///////////////

var runArray = function (){
    if (wordObject.length<=0) {
        $('h2').text("");
    } else {  
        $('h2').text(wordObject[i].word);
        };
    
    $(".wordlist-table tbody").empty();


for ( var z = i; z < wordObject.length; z=z+1 ){

    
    $(".wordlist-table tbody").append("<tr><td>"+wordObject[z].word+"</td><td data-id='" + (z+1) + "'>"+wordObject[z].definition+"</td><td>"+"<i id=\"deleteLI" + (z+1) + "\" data-id='" + (z+1) + "'    class=\"icon-remove\"></i>"+"</td></tr>" );
    defineFunction();
    }
 
for ( var z = 0; z < i; z=z+1 ){

    
    $(".wordlist-table tbody").append("<tr><td>"+wordObject[z].word+"</td><td data-id='" + (z+1) + "'>"+wordObject[z].definition+"</td><td>"+"<i id=\"deleteLI" + (z+1) + "\" data-id='" + (z+1) + "'  class=\"icon-remove\"></i>"+"</td></tr>" );
    defineFunction();
    
    }


};




defineFunction();


runArray();