$(function(){    
    showCart = function() {
        $.getJSON("/scripts/ajax_functions.php?t=getCartItems", function(json) {
            if (json.totalItems>0) {
                $("#cartDesc").text("Cart has " + json.totalItems + " items");
                $("#cartTotal").text("Total: R " + formatNumber(json.totalOverallCost));                                                           
                $("#leftCartList").html("");
                itemCount = 0;
                for (var key in json.results) { 
                    cartRow = json.results[key];
                    
                    cartItem = createCartItemDOM(cartRow);
                    splitDiv = createCartSplitDOM();
                    if (itemCount>0) {
                        $("#leftCartList").append(splitDiv);                        
                    }
                    $("#leftCartList").append(cartItem);
                    itemCount++;
                }
                $("#cart_fill").show();
                $("#cart_empty").hide();
            } else {
                $("#cart_fill").hide();
                $("#cart_empty").show();
            }
        });    
    }
    
    function createCartItemDOM(cartItemRow) {
        var mainDiv = document.createElement("div");
        mainDiv.setAttribute("class", "cartitem");
        itemHeading = document.createElement("p");
        itemHeading.setAttribute("class", "cartitemheading");
        itemHeadingText = document.createTextNode(cartItemRow.Name);
        itemHeading.appendChild(itemHeadingText);
        mainDiv.appendChild(itemHeading);
        itemImg = document.createElement("img");
        itemImg.setAttribute("src", "img/products/thumbs/" + cartItemRow.ProductID + ".jpg");
        mainDiv.appendChild(itemImg);
        itemPrice = document.createElement("p");
        itemPrice.setAttribute("class", "cartitemprice white");
        itemPriceSpan = document.createElement("span");
        itemPriceSpan.setAttribute("class", "strong");
        itemPriceSpanText = document.createTextNode("R " + formatNumber(cartItemRow.TotalItemPrice));
        itemPriceSpan.appendChild(itemPriceSpanText);
        itemPrice.appendChild(itemPriceSpan);
        itemPriceVatSpan = document.createElement("span");
        itemPriceVatSpan.setAttribute("class", "smallfont");
        itemPriceVatSpanText = document.createTextNode(" incl. VAT");
        itemPriceVatSpan.appendChild(itemPriceVatSpanText);
        itemPrice.appendChild(itemPriceVatSpan);
        mainDiv.appendChild(itemPrice);
        itemQuantity = document.createElement("p");
        itemQuantity.setAttribute("class", "cartitemqty");
        itemQuantityText = document.createTextNode("Qty: " + cartItemRow.TotalQuantity);
        itemQuantity.appendChild(itemQuantityText);
        mainDiv.appendChild(itemQuantity);
        
        return mainDiv;
    }
    
    function createCartSplitDOM() {
        var splitDiv = document.createElement("div");
        splitDiv.setAttribute("class", "cartsplit");
        
        return splitDiv;
    }
    
    showCart()
});