window.addEvent('domready', function() {
    $$('form').addEvent('submit', function(e) {
        new Event(e).stop();
        var f = this;

        var myHash = new Hash({
            initials: f.getElement('input[name=initials]').value,
            email: f.getElement('input[name=email]').value,
            phone: f.getElement('input[name=phone]').value,
            address: f.getElement('input[name=address]').value,
            addition: f.getElement('textarea[name=addition]').value
        });

        var jsonRequest = new Request.JSON({url: '/basket/send-order/', 
            onComplete: function(response){ 
                f.getElements('small[class=error]').each(function(element) { element.destroy() });
                f.getElements('input').each(function(element) { element.removeClass('error') });

                if (response.status == 1) {
                    var myHTMLRequest = new Request.HTML({
                        onSuccess: function(a, b, c, d) {
                            $('s-content').set('html', c);
                        }
                    }).get('/basket/ordered/');
                } else {
                    for (var i in response.message) {
                        var input = f.getElement('input[name='+i+']');
                        if (input) {
                            input.addClass('error');
                            new Element('small', {'class': 'error'}).injectAfter(input).set('html', response.message[i]);
                        }
                    }
                }
            }
        })
        .post(myHash);      
    });
});