// IndexedDB spec is still evolving - see: http://www.w3.org/TR/IndexedDB/
// various browsers keep it
// behind various flags and implementation varies.
if ('webkitIndexedDB' in window) {
    window.indexedDB = window.webkitIndexedDB;
    window.IDBTransaction = window.webkitIDBTransaction;
} else if ('mozIndexedDB' in window) {
    window.indexedDB = window.mozIndexedDB;
}

// Open our IndexedDB if the browser supports it.
if (window.indexedDB) {
    idbRequest_ = window.indexedDB.open("Test", "Our Amazing test object IndexDB");
    idbRequest_.onerror = idbError_;
    idbRequest_.addEventListener('success', function(e) {
        // FF4 requires e.result. IDBRequest.request isn't set
        // FF5/Chrome works fine.
        idb_ = idbRequest_.result || e.result;
        idbShow_(e);
    }, false);
}

// on errors - show us what is going wrong
function idbError_(e) {
    idbLog_.innerHTML += '

Error: ' + e.message + ' (' + e.code + ')

';
}

// In cases we add/remove objects - show the user what is changing in the DB
function idbShow_(e) {
    if (!idb_.objectStoreNames.contains('myObjectStore')) {
        idbLog_.innerHTML = "

Object store not yet created.

";
        return;
    }

    var msgBoard = [];
    // Ready is default - make sure NOT to pass empty array in the first param as it use to be something like: []
    var transaction = idb_.transaction(idb_.objectStoreNames, IDBTransaction.READ_ONLY);
    // Get all results.
    var request = transaction.objectStore("myObjectStore").openCursor();
    //
    //
    // This callback will continue to be called until we have no more results.
    request.onsuccess = function(e) {
        // FF4 requires e.result. IDBRequest.request isn't set
        // FF5/Chrome works fine.
        var cursor = request.result || e.result;
        if (!cursor) {
  idResultsWrapper_.innerHTML = '

' + msgBoard.join('') + '

';
  return;
        }
        msgBoard.push('

');
        cursor.continue();
    }
    request.onerror = idbError_;
}

// Simple example to show all our records in the DB
function showAll_() {
    document.getElementById("ourList").innerHTML = "" ;
    var request = window.indexedDB.open("Test",
    "Our Test database");
    request.onsuccess = function(event) {
        // Enumerate the entire object store.
        // request = event.currentTarget.result.objectStoreNames("myObjectStore").openCursor();
        var transaction = idb_.transaction(idb_.objectStoreNames, IDBTransaction.READ_ONLY); // Ready is default.
        var request = transaction.objectStore("myObjectStore").openCursor();
        request.onsuccess = function(event) {
  var cursor = request.result || event.result;
  // If cursor is null then we've completed the enumeration.
  if (!cursor) {
      return;
  }
  var element = document.createElement("div");
  element.textContent = "key: " + cursor.key + "=> Value: " + cursor.value;
  document.getElementById("ourList").appendChild(element);
  cursor.
      continue ();
        };
    };
}