google.load("prototype", "1.6");
google.setOnLoadCallback(OnLoad);
function OnLoad() {
        $('status').innerHTML = '';
        doInit();
}
var name = '';
var gender = '';
var base = '/JMatrix/names/';
function doChangeName(value) {
  name = value;
}
function doChangeGender(value) {
	  gender = value;
}
function doUpdate() {
  // console.log('Update request: ' + base + ', search: ' + search);
  obj = new Ajax.Updater('output', base,
    {
      method: 'get',
      parameters: {	MatrixSearch: 'Index', 
	  				RequestObject: 'name', 
	  				ObjectOrder: 'name', 
	  				ObjectStrict: 'false', 
	  				ObjectRows: 25, 
	  				ObjectCols: 5, 
	  				ObjectFields: '1:3',
	  				ObjectFieldSeperator: '</td><td>',
	  				ObjectSearch: 'name:' + name + ';gender:' + gender}
    });
}
function doInput() {
	  obj = new Ajax.Updater('input', base + 'input.html',
			    {
			      method: 'get'
			    });
}
function doInit() {
	Ajax.Responders.register({
		onCreate: function(){
		    $('spinner').style.visibility = 'visible';
		    $('status').style.visibility = 'hidden';
		    $('status').innerHTML = '';
		    // console.log('Created a request.');
		},
		onComplete: function(){
		    $('spinner').style.visibility = 'hidden';
		    $('status').innerHTML = '';
		    // console.log('Completed a request.');
		},
		onFailure: function(){
		    $('spinner').style.visibility = 'hidden';
		    $('status').innerHTML = 'Request failed!';
		    // console.log('Failed a request.');
		}
	});
	doInput();
}