function MarkRemove(ctrl, itemId)
{
    var imgRemoveButton = document.getElementById(ctrl.id);
    var index = GetItemIndex(itemId);
                
    if (imgRemoveButton.src.indexOf("CircleWithOutRedX.png") > -1)
    {
        arrCartItems[index].Changed = true;
        arrCartItems[index].Remove = true;
        imgRemoveButton.src = imgRemoveButton.src.replace("CircleWithOutRedX.png","CircleWithRedX.png");
    }
    else
    {
        arrCartItems[index].Changed = false;
        arrCartItems[index].Remove = false;
        imgRemoveButton.src = imgRemoveButton.src.replace("CircleWithRedX.png","CircleWithOutRedX.png");
    }

}

function ChangeSize(itemId, ddlSize, ddlProfile)
{

    var index = GetItemIndex(itemId);
    
    if (arrCartItems[index].VariationType.indexOf("Set") > -1)
    {
        var sizeIndex = 0;
        for (;sizeIndex < arrLowProfiles.length;)
        {
            if (arrLowProfiles[sizeIndex].VariationName == ddlSize.options[ddlSize.selectedIndex].text)
            {
                break;
            }
            sizeIndex++;
        }
    
        if(ddlProfile.value == "Low")
        {
            arrCartItems[index].VariationId = arrLowProfiles[sizeIndex].VariationId;
        }
        else
        {
            arrCartItems[index].VariationId = arrHighProfiles[sizeIndex].VariationId;
        }
    }
    else
    {
        for( var i = 0; i < arrSize.length; i++)
        {
            if (ddlSize.options[ddlSize.selectedIndex].text == arrSize[i].VariationName)
            {
                arrCartItems[index].VariationId = arrSize[i].VariationId;
            }
        }
    }
    
    arrCartItems[index].Changed = true;
}

function ChangeQuantity(itemId, txtQuantity)
{
    if(isNaN(Number(txtQuantity.value)) || Number(txtQuantity.value) < 0)
    {
        txtQuantity.value = 1;
    }
    var index = GetItemIndex(itemId);
    
    arrCartItems[index].Quantity = txtQuantity.value;
    arrCartItems[index].Changed = true;

}

function GetItemIndex(itemId)
{
    var i = 0

    for(;i < arrCartItems.length; )
    {
        if (arrCartItems[i].ItemId == itemId)
        {
            break;
        }
        i++
    }    

    return i;
}

function SetCart(hidCartItems)
{
    var hidcartitems = document.getElementById(hidCartItems);
    var CartItems = "";
    
    for(var i = 0; i < arrCartItems.length; i++)
    {
        
        if (arrCartItems[i].Changed == true)
        {
            if (CartItems != "")
            {
                CartItems += "#";
            }
            CartItems += arrCartItems[i].ItemId + ",";
            CartItems += arrCartItems[i].VariationId+ ",";
            CartItems += arrCartItems[i].Quantity + ",";
            CartItems += arrCartItems[i].Remove;
        }
    }
    hidcartitems.value = CartItems;
}