
$('#terugbellen').click(function(ev){
	//$('#uitklap').css({'display':'block'});
	$('#uitklap').fadeIn("fast");
	ev.preventDefault();
});

$('#sluitknop').click(function(ev){
	// $('#uitklap').css({'display':'none'});
	$('#uitklap').fadeOut("fast");
	ev.preventDefault();
});


/*
document.getElementById('terugbellen').onclick = function(){
	document.getElementById('uitklap').style.display = 'block';
	return false;
}
*/

function initOverLabels () {
	if (!document.getElementById) return;  	
	
	var labels, id, field;
	
	// Set focus and blur handlers to hide and show 
	// LABELs with 'overlabel' class names.
	labels = document.getElementsByTagName('label');
	for (var i = 0; i < labels.length; i++) {
		
		if (labels[i].className == 'overlabel') {
			
			// Skip labels that do not have a named association
			// with another field.
			id = labels[i].htmlFor || labels[i].getAttribute('for');
			if (!id || !(field = document.getElementById(id))) {
				continue;
			}
			
			// Change the applied class to hover the label 
			// over the form field.
			labels[i].className = 'overlabel-apply';
			
			// Hide any fields having an initial value.
			if (field.value !== '') {
				hideLabel(field.getAttribute('id'), true);
			}
			
			// Set handlers to show and hide labels.
			field.onfocus = function () {
				hideLabel(this.getAttribute('id'), true);
			};
			field.onblur = function () {
				if (this.value === '') {
					hideLabel(this.getAttribute('id'), false);
				}
			};
			
			// Handle clicks to LABEL elements (for Safari).
			labels[i].onclick = function () {
				var id, field;
				id = this.getAttribute('for');
				if (id && (field = document.getElementById(id))) {
					field.focus();
				}
			};
			
		}
	}
};

function hideLabel (field_id, hide) {
	var field_for;
	var labels = document.getElementsByTagName('label');
	for (var i = 0; i < labels.length; i++) {
		field_for = labels[i].htmlFor || labels[i].getAttribute('for');
		if (field_for == field_id) {
			//labels[i].style.textIndent = (hide) ? '-1000em' : '0px';
			labels[i].className = (hide) ? 'overlabel-apply hidden' : 'overlabel-apply';
			return true;
		}
	}
}

window.onload = function () {
	setTimeout(initOverLabels, 0);
};
