$(document).ready(function() {
	cufon('#sidebar h1, #complainsearch h2');
	submenu();
	
	$('#behandeling').hide();
	$('h4#togglebehandeling span').html('+');
	
	$('h4#toggleaandoening').toggle(function() {
		$('#aandoening').stop(true, true).slideUp('fast');
		$(this).children('span').html('+');
	}, function() {
		$('#aandoening').stop(true, true).slideDown('normal');
		$(this).children('span').html('-');
	});
	
	$('h4#togglebehandeling').toggle(function() {
		$('#behandeling').slideDown('normal');
		$(this).children('span').html('-');
	}, function() {
		$('#behandeling').slideUp('fast');
		$(this).children('span').html('+');
	});
	
	var append = '<input type="text" class="big" name="data[Appointment][how-did-you-get-here-other]" /><br /><br />';
	if($('#how-did-you-get-here').val() == 'Anders namelijk:') {
		$('span#how-did-you-get-here-other').html(append);
	}
	$('#how-did-you-get-here').change(function() {
		if($(this).val() == 'Anders namelijk:') {
			$('span#how-did-you-get-here-other').html(append).hide().fadeIn('normal');
		} else {
			$('span#how-did-you-get-here-other').fadeOut('fast').html();
		}
	});
	$('#staff').tabs({active:0, fxSlide: true, fxFade: true, fxSpeed: 'normal' });
	
	$('#header ul').cycle({
		fx:    'fade', 
		timeout: 4200, 
		random: 1
	});
});