/* mightygumball.js */

/*

 * get the content of a JSON file using JSONP

 * update every 3 seconds.

 *

 */

var lastReportTime = 0;

window.onload = init;

function init() {

    var interval = setInterval(handleRefresh, 3000);

    handleRefresh();

}

function handleRefresh() {

    console.log("here");

    var url = "http://gumball.wickedlysmart.com" +

                "?callback=updateSales" +

                //"&lastreporttime=" + lastReportTime +

                "&random=" + (new Date()).getTime();

    var newScriptElement = document.createElement("script");

    newScriptElement.setAttribute("src", url);

    newScriptElement.setAttribute("id", "jsonp");

    var oldScriptElement = document.getElementById("jsonp");

    var head = document.getElementsByTagName("head")[0];

    if (oldScriptElement == null) {

        head.appendChild(newScriptElement);

    }

    else {

        head.replaceChild(newScriptElement, oldScriptElement);

    }

}

function updateSales(sales) {

    var salesDiv = document.getElementById("sales");

    for (var i = 0; i < sales.length; i++) {

        var sale = sales[i];

        var div = document.createElement("div");

        div.setAttribute("class", "saleItem");

        div.innerHTML = sale.name + " sold " + sale.sales + " gumballs";

        //salesDiv.appendChild(div);

        if (salesDiv.childElementCount == 0) {

            salesDiv.appendChild(div);

        }

        else {

            salesDiv.insertBefore(div, salesDiv.firstChild);

        }

    }

    if (sales.length > 0) {

        lastReportTime = sales[sales.length-1].time;

    }

}