Event.observe(window, 'load', function() {
	var v = new Date();
	var d = v.getDay();
	var m = v.getMonth();
	var j = v.getFullYear();
	var vandaag = d+'-'+m+'-'+j;
	
	$('aankoopdatum8').value = vandaag;

	$('soort8').writeAttribute('readonly').addClassName('grijs');
	$('serienummer8').disable().addClassName('grijs');
	$('bedrijfsnaam8').disable().addClassName('grijs');

	$('artikelcode8').clear();
	$('soort8').clear();
	$('serienummer8').clear();

	if($F('aankoop8') == "Bedrijf") {
		$('bedrijfsnaam8').enable().removeClassName('grijs');
	}
	$('aankoop8').observe('click', function(event) {
		if($F('aankoop8') == "Bedrijf") {
			$('bedrijfsnaam8').enable().activate().removeClassName('grijs');
		} else {
			$('bedrijfsnaam8').disable().addClassName('grijs').clear();
		}
	});
	$('aankoop81').observe('click', function(event) {
		if($F('aankoop8') == "Bedrijf") {
			$('bedrijfsnaam8').enable().activate().removeClassName('grijs');
		} else {
			$('bedrijfsnaam8').disable().addClassName('grijs').clear();
		}
	});
	$('aankoopdatum8').observe('blur', function(event){
		if($('aankoopdatum8').value != '') {
			var p = /(\/)/;
			var s = $('aankoopdatum8').value;
			$('aankoopdatum8').value = s.gsub(p, '-');
		}
		if($('aankoopdatum8').value == '') {
			$('aankoopdatum8').value = vandaag;
		} else if($('artikelcode8').value != '' && $('aankoopdatum8') != '') {
			controleer_artikel();
		}
	}).observe('change', function(event) {
		if($('artikelcode8').value != '' && $('aankoopdatum8') != '')
			controleer_artikel();
	});	
	$('artikelcode8').observe('blur', function(event) {
		if($('artikelcode8').value != '')
			controleer_artikel();
	});
	$('land8').observe('change', function(event) {
		if($('artikelcode8').value != '')
			controleer_artikel();
	});

	$$('input.invoer').invoke('observe', 'focus', function(event) {
		Event.element(event).addClassName('active');
	}).invoke('observe', 'blur', function(event) {
		Event.element(event).removeClassName('active');
	});

	$$('textarea.invoer').invoke('observe', 'focus', function(event) {
		Event.element(event).addClassName('active');
	}).invoke('observe', 'blur', function(event) {
		Event.element(event).removeClassName('active');
	});
	
});