window.onload = function() {
  Event.observe('login', 'change', tarkista_tunnus);
  Event.observe('postinumero', 'change', hae_postitoimipaikka);
  hae_lajit();  
}


function hae_harrastukset() {
  new Ajax.Request('hae_harrastukset.php', {
    method: 'get',
    parameters: Form.serialize($('lajit')),
    onSuccess: lisaa_harrastukset,
		onFailure: virhe
  });  
}

function lisaa_harrastukset(transport) {
  if (document.importNode) {
    var uusiselect = document.importNode(transport.responseXML.documentElement, true);
    var vanhempi = $('harrastukset').parentNode;
    vanhempi.replaceChild(uusiselect, $('harrastukset'));
  } else {
	  // IE-vaihtoehto eli Insertion.Bottom ja responseText, kts. luento 15
	}
}

function hae_lajit() {
  new Ajax.Request('hae_lajit.php', {
    method: 'get',
    onSuccess: lisaa_lajit,
		onFailure: virhe
  });  
}

function lisaa_lajit(transport) {
  if (document.importNode) {
    var div = document.importNode(transport.responseXML.documentElement, true);
    $('lajit').appendChild(div);
    var inputs = div.getElementsByTagName("input");
    for (var i=0;i<inputs.length;i++) {
      Event.observe(inputs[i], "change", hae_harrastukset);
    }
    hae_harrastukset();
  } else {
	  // IE-vaihtoehto eli Insertion.Bottom ja responseText, kts. luento 15
	}
}

function hae_postitoimipaikka() {
  new Ajax.Request('hae_postitoimipaikka.php', {
    method: 'get',
    parameters: Form.Element.serialize($('postinumero')),
    onSuccess: paivita_postitoimipaikka,
		onFailure: virhe
  });
}

function virhe(transport) {
  console.log(transport.statusText);
}

function paivita_postitoimipaikka(transport) {
  if (transport.status == 200) {
    if (transport.responseText.length > 0) {
      $('postitoimipaikka').value = transport.responseText;
    } 
  }
}

function tarkista_tunnus() {
  new Ajax.Request('onko_tunnusta.php', {
    method: 'get',
    parameters: Form.Element.serialize($('login')),
    onSuccess: paivita_tunnus
  });
}

function paivita_tunnus(transport) {
  if (transport.status == 200) {
    if (transport.responseText == "on") {
      $('login_virhe').removeAttribute('class');
    } else {
      $('login_virhe').setAttribute('class', 'piilossa');
    }
  }
}