Behaviour.register({
	
	'input.invoerveld': function (el) {
		Event.observe(el, 'focus', function() {
			$(el).addClassName = 'invoerveld2';
		});
		Event.observe(el, 'blur', function() {
			$(el).removeClassName = 'invoerveld2';
		});
	},
	
	'div.submenu': function (el) {
		Event.observe(el, 'mouseover', function() {
			$(el).addClassName('subdown');
		});
		Event.observe(el, 'mouseout', function() {
			$(el).removeClassName('subdown');
		});
	},
	'div.menuitem': function (el) {
		Event.observe(el, 'mouseover', function() {
			$(el).addClassName('menuon');
		});
		Event.observe(el, 'mouseout', function() {
			$(el).removeClassName('menuon');
		});
		Event.observe(el, 'mousedown', function() {
			$(el).addClassName('menuin');
		});
		Event.observe(el, 'mouseup', function() {
			$(el).removeClassName('menuin');
		});
	},

	'div.qinfo': function (el) {
		new Effect.Fade($(el),{duration:.5, delay:2});
	},

	'div.debug': function (el) {
		new Draggable($(el));
	},
	
	
	'div.unsel': function (el){
		//document.write('Hallo');
		Event.observe(el, 'click', function() {
			if($(el).className == 'unsel') {
				//alert('selected');
				$(el).className = 'sel';
				$(el).childNodes[0].value=1;
			}
			else if($(el).className == 'sel') {
				//alert('unselected');
				$(el).className = 'unsel';
				$(el).childNodes[0].value='';
			}
		});
	},

	'div.unselall': function (el){
		//document.write('Hallo');
		Event.observe(el, 'click', function() {
			if($(el).className == 'unselall') {
				//alert('selected');
				$(el).className = 'selall';
				$(el).parentNode.parentNode.getElementsByClassName('unsel').each( function(vak){
					$(vak).className = 'sel';
					$(vak).childNodes[0].value=1;	
					});
			}
			else if($(el).className == 'selall') {
				//alert('unselected');
				$(el).className = 'unselall';
				$(el).parentNode.parentNode.getElementsByClassName('sel').each( function(vak){
					$(vak).className = 'unsel';
					$(vak).childNodes[0].value='';	
					});
			}
		});
	}


});