// Attach handler to window load event
Event.observe(window, 'load', init, false);

function init() {
    // Attach handler to form's submit event
    Event.observe('sideForm', 'submit', checkForm);
    if ($('bResponse')) {
	    Event.observe('bigForm', 'submit', checkBForm);
    }
}
function checkForm(e) {
    // Update user interface
    $('response').innerHTML = 'Checking fields...';
    // Prepare query string and send AJAX request
    var myAjax = new Ajax.Updater('response', '/checkForm.php', {method: 'get', parameters: $('sideForm').serialize(true),
        onSuccess : function(transport) { //alert("dadada: "+transport.responseText);
                                //window.scroll(0,0);
                                if (transport.responseText != " ") {$('response').setStyle({ display: 'block' });}
                                if (transport.responseText == "okay") { 
                                    new Insertion.Before('sideForm',"<p id='message' style='border: 1px solid #999;background-color:#ffff99;font-weight:bold;font-family:Arial, Helvetica, sans-serif;font-size:14px;color:#000;padding:15px;margin:20px;'>The message has been sent!</p>");
                                    $('sideForm').setStyle({ display: 'none' }); 
                                    $('response').setStyle({ display: 'none' }); 
                                    //$('response').setStyle({ background-color: '#FFFF99' }); 
                                    }
                                },
        onFailure : function (transport) {alert(transport.responseText);}
    });
    // Stop form from submitting when JavaScript is enabled
    Event.stop(e);
}
function checkBForm(e) {
    // Update user interface
    $('bResponse').innerHTML = 'Checking fields...';

    // Prepare query string and send AJAX request
    var myAjax = new Ajax.Updater('bResponse', '/checkBForm.php', {method: 'get', parameters: $('bigForm').serialize(true),
        onSuccess : function(transport) { //alert("dadada: "+transport.responseText);
                                window.scroll(0,0);
                                if (transport.responseText != "&nbsp;") {$('bResponse').setStyle({ display: 'block' });}
                                if (transport.responseText == "okay") { 
                                    new Insertion.Before('bigForm',"<p id='message' style='border: 1px solid #999;background-color:#ffff99;font-weight:bold;font-family:Arial, Helvetica, sans-serif;font-size:14px;color:#000;padding:15px;margin:20px;'>The message has been sent!</p>");
                                    $('bigForm').setStyle({ display: 'none' }); 
                                    $('bResponse').setStyle({ display: 'none' }); 
                                    //$('response').setStyle({ background-color: '#FFFF99' }); 
                                    }
                                },
        onFailure : function (transport) {alert(transport.responseText);}
    });
    // Stop form from submitting when JavaScript is enabled
    Event.stop(e);
}