var iNumItems = 0;
var sizes = new Array("Small", "Medium", "Large", "X-Large");
var iMaxItems = sizes.length;
var cost = "28.57";
var shipping = "8.00";
var tax = "1.43";

function addCartItem(objID) {
    if (iNumItems < iMaxItems) {
        var obj = document.getElementById(objID);
        iNumItems++;
        var oNodeCont = document.createElement("DIV");
        oNodeCont.setAttribute("id", "cart_" + iNumItems);
        oNodeCont.setAttribute("style", "margin:7px 0");
        obj.appendChild(oNodeCont);
        var oNodeAmt = document.createElement("INPUT");
        oNodeAmt.name = "amount_" + iNumItems;
        oNodeAmt.value = cost;
        oNodeAmt.setAttribute("type", "hidden");
        oNodeCont.appendChild(oNodeAmt);
        var oNodeShip = document.createElement("INPUT");
        oNodeShip.name = "shipping_" + iNumItems;
        oNodeShip.value = shipping;
        oNodeShip.setAttribute("type", "hidden");
        oNodeCont.appendChild(oNodeShip);
        var oNodeTax = document.createElement("INPUT");
        oNodeTax.name = "tax_" + iNumItems;
        oNodeTax.value = tax;
        oNodeTax.setAttribute("type", "hidden");
        oNodeCont.appendChild(oNodeTax);
        var oNodeItem = document.createElement("INPUT");
        oNodeItem.name = "item_name_" + iNumItems;
        oNodeItem.value = "Wellness Realization T-Shirt";
        oNodeItem.setAttribute("type", "hidden");
        oNodeCont.appendChild(oNodeItem);
        var oNodeSize = document.createElement("INPUT");
        oNodeSize.name = "on0_" + iNumItems;
        oNodeSize.value = "Size";
        oNodeSize.setAttribute("type", "hidden");
        oNodeCont.appendChild(oNodeSize);
        var oNodeOption = document.createElement("SELECT");
        oNodeOption.name = "os0_" + iNumItems
        oNodeOption.setAttribute("style", "width:250px;");
        oNodeCont.appendChild(oNodeOption);
        var oNodeOptDefault = document.createElement("OPTION");
        oNodeOption.appendChild(oNodeOptDefault);
        oNodeOptDefault.value = "";
        oNodeOptDefault.text = "Select size...";
        for (i = 0; i < sizes.length; i++) {
            var oNodeOpt = document.createElement("OPTION");
            oNodeOption.appendChild(oNodeOpt);
            oNodeOpt.value = sizes[i];
            oNodeOpt.text = sizes[i];
        }
        var oNodeQtyLbl = document.createElement("SPAN");
        oNodeQtyLbl.id = "qtyLbl_" + iNumItems;
        oNodeQtyLbl.innerText = "Quantity";
        oNodeQtyLbl.setAttribute("style", "margin:0 2px 0 20px;");
        oNodeCont.appendChild(oNodeQtyLbl);
        var oNodeQty = document.createElement("INPUT");
        oNodeQty.name = "quantity_" + iNumItems;
        oNodeQty.value = "1";
        oNodeQty.setAttribute("style", "width:22px;");
        oNodeQty.setAttribute("maxlength", "3");
        oNodeCont.appendChild(oNodeQty);

        if ((iNumItems - 1) == 0) {
            var oNodeAddNewLbl = document.createElement("SPAN");
            oNodeAddNewLbl.id = "AddNewLbl_" + iNumItems;
            oNodeAddNewLbl.innerText = "Select another size";
            oNodeAddNewLbl.setAttribute("style", "margin:0 10px 0 40px;");
            oNodeCont.appendChild(oNodeAddNewLbl);
            var oNodeAddNew = document.createElement("A");
            oNodeAddNew.id = "AddNew_" + iNumItems;
            oNodeAddNew.innerText = "[+]";
            oNodeAddNew.href = "javascript:void(0);";
            oNodeAddNew.setAttribute("onclick", "addCartItem('cartItems');");
            oNodeAddNew.setAttribute("style", "margin:0 10px 0 10px;");
            oNodeAddNewLbl.appendChild(oNodeAddNew);
        }
        var objRemoveItem;
        objRemoveItem = document.getElementById("removeItem");
        if (objRemoveItem) {
            if (iNumItems > 1) {
                objRemoveItem.style.visibility = "visible";
            } else {
                objRemoveItem.style.visibility = "hidden";
            }
        }
        //var objAddNewPrev;
        //objAddNewPrev = document.getElementById("AddNewLbl_" + (iNumItems - 1));
        //if (objAddNewPrev) { objAddNewPrev.style.display = "none"; }

    } else {
        alert("You cannot add any more items");
    }
}
function removeCartItem(objID) {
    var obj = document.getElementById(objID);
    var oNodeCont = obj.lastChild;
    obj.removeChild(oNodeCont);
    iNumItems--;
    var objRemoveItem = document.getElementById("removeItem");
    if (objRemoveItem) {
        if (iNumItems > 1) {
            objRemoveItem.style.visibility = "visible";
        } else {
            objRemoveItem.style.visibility = "hidden";
        }
    }
}
function submitStore(frm) {
    var isValid = true;
    var isValidSize = true;
    var isValidQty = true;
    var strError = "";
    for (var x = 0; x < frm.elements.length; x++) {
        if (frm.elements[x].type == "select-one") {
            if (frm.elements[x].value == "") {
                //strError += "<div>Size is required</div>";
                frm.elements[x].style.borderColor = "red";
                isValidSize = false;
            } else {
                frm.elements[x].style.borderColor = "";
            }
        }
        if (frm.elements[x].type == "text") {
            if ((isNaN(frm.elements[x].value)) || (frm.elements[x].value < 1)) {
                //strError += "<div>Qty must be greater then 0</div>";
                frm.elements[x].style.borderColor = "red";
                isValidQty = false;
            } else {
                frm.elements[x].style.borderColor = "";
            }
        }
    }
    if (!isValidSize) {
        strError += "<div style='color:red;'>- One or more sizes needs to be selected</div>"
    }
    if (!isValidQty) {
        strError += "<div style='color:red;'>- One or more Quantities needs to be greater then 0</div>"
    }
    if (isValidQty == false || isValidSize == false) {
        document.getElementById("cartErrMsg").innerHTML = "<div style='font-weight:bold; padding-bottom:10px;'>Errors Found!</div>" + strError;
        document.getElementById("cartErrMsg").style.visibility = "visible"
        document.getElementById("cartErrMsg").style.display = "block"
        return false;
    } else {
        return true;
    }
}