function getBooks() {

    var uri = "http://redsox.uoa.auckland.ac.nz/BC/Open/Service.svc/booklist";
    var xhr = new XMLHttpRequest();
    xhr.onreadystatechange = function () {
        if (this.readyState == 4 && this.status == 200) {
            var resp = JSON.parse(this.responseText);
            showBooks(resp);
        }
    };
    xhr.open("GET", uri, true);
    xhr.setRequestHeader("Accept", "application/json;charset=UTF-8");
    xhr.send(null);

}
function showBooks(books) {
    //document.getElementById("showTab").innerHTML = books;

    var tableContent = "<tr class='orderTitle'><td></td><td>Booklist</td></tr>\n";
    for (var i = 0; i < books.length; ++i) {
        var record = books[i];
        var fullname = "";
        fullname = record.AuthorInitials + " " + record.AuthorSurname;

        var photo = "";
        if (record.Id) {
            photo = "<img src='http://redsox.uoa.auckland.ac.nz/BC/Open/Service.svc/bookimg?id=" + record.Id + "'>";
        }

        if (i & 1 == 1) { // odd row
            tableContent += "<tr class='orderOdd'>";
        }
        else { // even row
            tableContent += "<tr class='orderEven'>";
        }

        var buyLink = "<input type='button' value='Buy This Book' onClick='submitBuyBook('" + record.Id + "');'>";

        tableContent += "<td>" + photo + "</td><td class='staff'><span class='fullname'>Title: " + record.Title + "</span></br>Author: " + fullname + "</span></br>ID: " + record.Id + "</br>" + buyLink + "</td></tr>\n";
    }
    document.getElementById("showTab").innerHTML = tableContent;
}
function submitBuyBook(bookId) {
    alert(bookId);
    var uri = "http://redsox.uoa.auckland.ac.nz/BC/Closed/Service.svc/bookbuy?id=" + bookId;
    var xhr = new XMLHttpRequest();
    xhr.onreadystatechange = function () {
        if (this.readyState == 4 && this.status == 200) {
            var resp = JSON.parse(this.responseText);
            showBookSuccess(resp);
        }
    }
    xhr.open("GET", uri, true);
    xhr.setRequestHeader("Accept", "application/json;charset=UTF-8");
    xhr.send(null);
}
function showBookSuccess(resp) {
    var tableContent = "<h1>" + resp + "</h1>"
    document.getElementById("showTab").innerHTML = tableContent;
}

function getBlurays() {

    var uri = "http://redsox.uoa.auckland.ac.nz/BC/Open/Service.svc/brlist";
    var xhr = new XMLHttpRequest();
    xhr.onreadystatechange = function () {
        if (this.readyState == 4 && this.status == 200) {
            var resp = JSON.parse(this.responseText);
            showBr(resp);
        }
    };
    xhr.open("GET", uri, true);
    xhr.setRequestHeader("Accept", "application/json;charset=UTF-8");
    xhr.send(null);

}
function showBr(bluray) {
    //document.getElementById("showTab").innerHTML = books;

    var tableContent = "<tr class='orderTitle'><td></td><td>Bluray List</td></tr>\n";
    for (var i = 0; i < bluray.length; ++i) {
        var record = bluray[i];

        var photo = "";
        if (record.Id) {
            photo = "<img src='http://redsox.uoa.auckland.ac.nz/BC/Open/Service.svc/brimg?id=" + record.Id + "'>";
        }

        if (i & 1 == 1) { // odd row
            tableContent += "<tr class='orderOdd'>";
        }
        else { // even row
            tableContent += "<tr class='orderEven'>";
        }

        tableContent += "<td>" + photo + "</td><td class='staff'><span class='fullname'>Title: " + record.Title + "</span></td></tr>\n";
    }
    document.getElementById("showTab").innerHTML = tableContent;

}


function submitComment() {
    var nameData = document.getElementById('name').value;
    var messageData = document.getElementById('message').value;
    var uri = "http://redsox.uoa.auckland.ac.nz/BC/Open/Service.svc/comment?name=" + nameData;
    var xhr = new XMLHttpRequest();
    xhr.open("POST", uri, true);
    xhr.setRequestHeader("Content-Type", "application/json");
    xhr.send('"' + messageData + '"');
    setTimeout(getComments,500);
}
function getComments() {
    var uri = "http://redsox.uoa.auckland.ac.nz/BC/Open/Service.svc/htmlcomments";
    var xhr = new XMLHttpRequest();
    xhr.open("GET", uri, true);
    xhr.onload = function () {
        var resp = xhr.responseText;
        showComments(resp);
    }
    xhr.send(null);
}
function showComments(comments) {
    var tableContent = "<tr class='orderTitle'><td>Comments</td></tr>\n";
    tableContent += "<tr><td><form><span id='formheader'>Submit a comment</span></br><span class='formlabel'>Name:</span></br><input type='text' name='name' id='name'></br><span class='formlabel'>Message:</span></br><textarea name='message'id='message' cols='40' rows='5'></textarea></br><input type='button' value='Submit' onClick='submitComment();'></form></td></tr>";
    tableContent += "<tr class='comments'><td>" + comments + "</td></tr>";
    document.getElementById("showTab").innerHTML = tableContent;
}

function showRegister() {

    var tableContent = "<tr class='orderTitle'><td>Register</td></tr>\n";
    tableContent += "<tr><td><form><span class='formlabel'>Username:</span></br><input type='text' name='username' id='username'></br><span class='formlabel'>Password:</span></br><input type='password' name='password' id='password'></br><span class='formlabel'>Address:</span></br><textarea name='address'id='address' cols='40' rows='5'></textarea></br><input type='button' value='Submit' onClick='submitRegister();'></form></td></tr>";
    document.getElementById("showTab").innerHTML = tableContent;
}
function submitRegister() {
    var usernameData = document.getElementById('username').value;
    var passwordData = document.getElementById('password').value;
    var addressData = document.getElementById('address').value;
    var uri = "http://redsox.uoa.auckland.ac.nz/BC/Open/Service.svc/register";
    var xhr = new XMLHttpRequest();
    xhr.open("POST", uri, true);
    xhr.setRequestHeader("Content-Type", "application/json");
    var message = '{"Address":"' + addressData + '","Name":"' + usernameData + '","Password":"' + passwordData + '"}';
    xhr.send(message);
    setTimeout(showRegisterSuccess,500);
}
function showRegisterSuccess() {
    var tableContent = "<h1>You have been successfully registered.</h1>"
    document.getElementById("showTab").innerHTML = tableContent;
}