function addProduct(strNo)
{
    var strID = document.getElementById("ctl00_ContentPlaceHolder1_txtID" + strNo).value;
    var strMG = document.getElementById("ctl00_ContentPlaceHolder1_txtMG" + strNo).value;
    var strIMG = document.getElementById("ctl00_ContentPlaceHolder1_txtIMG" + strNo).value;
    
    createCart(strID, strMG, strIMG);
}

function createCart(strID, strMG, strIMG)
{
    for(var i = 1; i <= 4; i++)
    {
        if(document.getElementById("ctl00_ContentPlaceHolder1_txtCID" + i).value == "")
        {
            document.getElementById("ctl00_ContentPlaceHolder1_txtCID" + i).value = strID;
            document.getElementById("ctl00_ContentPlaceHolder1_txtCMG" + i).value = strMG;
            document.getElementById("ctl00_ContentPlaceHolder1_txtCIMG" + i).value = strIMG;
            document.getElementById("td" + i).innerHTML = strID;
            displayImage(i);
            
            break;
        }
    }
}

function displayCross(strID)
{
    if(document.getElementById("ctl00_ContentPlaceHolder1_txtCIMG" + strID).value != "")
    {
        document.getElementById("img" + strID).src = "images/cross1.jpg";
    }
}

function displayImage(strID)
{
    if(document.getElementById("ctl00_ContentPlaceHolder1_txtCIMG" + strID).value != "")
    {
        document.getElementById("img" + strID).src = document.getElementById("ctl00_ContentPlaceHolder1_txtCIMG" + strID).value;
    }
    else
    {
        document.getElementById("img" + strID).src = "images/calc_images/box.jpg";
    }
    
    var TotalMG = 0;
    var TotalProducts = 0;
    for(var i = 1; i <= 4; i++)
    {
        if(document.getElementById("ctl00_ContentPlaceHolder1_txtCID" + i).value != "")
        {
            TotalMG = TotalMG + parseFloat(document.getElementById("ctl00_ContentPlaceHolder1_txtCMG" + i).value);
            TotalProducts = TotalProducts + 1;
        }
    }

    document.getElementById("tdTotal").innerHTML = TotalMG.toFixed(2) +  "  μg";;
    //document.getElementById("tdPerc").innerHTML = (TotalMG * 100 / 29.40).toFixed(2) + "%";
    
    if(TotalProducts == 4)
    {
        getResult((TotalMG).toFixed(2));
        
        document.getElementById("trMsg").style.display = "";
        document.getElementById("trProducts").style.display = "none";
    }
    else
    {
        document.getElementById("trMsg").style.display = "none";
        document.getElementById("trProducts").style.display = "";
    }
}

function getResult(strTotal)
{
    document.getElementById('imgSorry').innerHTML = '';
    document.getElementById('imgSorry').innerHTML = '<img border="0" id="imgMsg" onclick="javascript:Reset();" />';
    document.getElementById('imgMsg').src = 'Images/loadingBar.gif';
    
    if(strTotal <= 360)
    {
        document.getElementById("imgMsg").src = "images/folic_acid/folic_sorry.jpg";
    }
    else if (strTotal > 361 && strTotal <= 500)
    {
        document.getElementById("imgMsg").src = "images/folic_acid/folic_congratulations.jpg";
    }
    else if (strTotal > 500)
    {
        document.getElementById("imgMsg").src = "images/folic_acid/folic_hey.jpg";
    }
}

function removeProduct(strID)
{
    document.getElementById("ctl00_ContentPlaceHolder1_txtCID" + strID).value = "";
    document.getElementById("ctl00_ContentPlaceHolder1_txtCMG" + strID).value = "";
    document.getElementById("ctl00_ContentPlaceHolder1_txtCIMG" + strID).value = "";
    document.getElementById("td" + strID).innerHTML = "";
    displayImage(strID);
}


function Reset()
{
    removeProduct("1");
    removeProduct("2");
    removeProduct("3");
    removeProduct("4");
    
    document.getElementById("trMsg").style.display = "none";
    document.getElementById("trProducts").style.display = "";
}