// 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', checkSideForm);
    if ($('response')) {
	    Event.observe('form500', 'submit', checkForm);
    }
}
function checkForm(e) {
    // Update user interface
    $('response').innerHTML = 'Check fields...';
    // Prepare query string and send AJAX request
    var myAjax = new Ajax.Updater('response', 'ajaxServer.php', {method: 'get', parameters: $('form500').serialize(true),
        onSuccess : function(transport) { //alert("dadada: "+transport.responseText);
                                window.scroll(0,0);
                                if (transport.responseText != " ") {$('response').setStyle({ display: 'block' });}
                                //if (transport.responseText.match(/form/)) { 
                                if (transport.responseText == "Questionnaire") { 
                                    //new Insertion.Before('formQ',"<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;'>sa vedem aici!</p>");
                                    $('divForm500').setStyle({ display: 'none' }); 
                                    $('formQ').setStyle({ display: 'block' });
                                    $('questionnaire').value = 1;
                                    //$('response').setStyle({ background-color: '#FFFF99' }); 
                                } else if (transport.responseText == "okay") { 
                                    new Insertion.Before('formQ',"<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>");
                                    $('formQ').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 checkSideForm(e) {
    // Update user interface
    $('sideResponse').innerHTML = 'Check fields...';
    // Prepare query string and send AJAX request
    var myAjax = new Ajax.Updater('sideResponse', 'checkSideForm.php', {method: 'get', parameters: $('sideForm').serialize(true),
        onSuccess : function(transport) { //alert("dadada: "+transport.responseText);
                                //window.scroll(0,0);
                                if (transport.responseText != "&nbsp;") {$('sideResponse').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' }); 
                                    $('sideResponse').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);
}