var AddToBasket=
{
    init: function()
    {
        // add listener to form submit button
        var submitButton=document.getElementById('addKit.submit');
        Core.addEventListener(submitButton, "click", AddToBasket.Listener);
    },

    Listener: function(event)
    {
        var foundError=false;
        var errorFields=[];
        var message='';
        prodForm=document.getElementById('form.addKit')

        for (var i=0; i<(prodForm.elements.length-1); i++)
        {
            // Loop through forms elements
            ele=prodForm.elements[i]
            if(ele.getAttribute("type")!="hidden" && ele.getAttribute("required")=="true")
            {
                if(ele.value.substring(0, 5) =="error" || ele.value=="")
                {
                    foundError=true;
                    // build list of error fields
                    errorFields[i]=ele.getAttribute("displayName")
                    ele.style.backgroundColor='#9AABEB';
                }
                else
                {
                    ele.style.backgroundColor='white';
                }
            }
        }
        if(foundError)
        {
            // loop array
            for (var j in errorFields)
            {
                message += errorFields[j] + "\n";
            }
            alert("Please choose the following options:\n\n" + message);
            // prevent submit
            Core.preventDefault(event);
        }
    }
};
Core.start(AddToBasket);