// prepare list
function form_init(the)
{	
	// hide vragen
	// beter alleen met css?
	$('#vragenlijst ul').hide(1,function () {
		$('#vragenlijst ul:first').show();
	});
	
	// toggle onderliggende vragen bij click p
	$('#vragenlijst p').click( //.toggle(
		function () {
			
			// set class
			$(this).addClass('active disabled').unbind("click");
			
			// set class // reassign clicks
			$("p",$(this).parent('li').siblings('li')).addClass('disabled').unbind("click");
			
			$('#vragenlijst').append($(this).next('ul').clone(true).hide().addClass('clone'));
			
			$('.clone:last').show('slow');
			
		}
	);
	
	
	// laatste antwoord init
	$('.selectresult').click( //.toggle(
		function () {
			
			// get id voor antwoord
			var aSplit = $(this).attr('href').split("#");
			var resultid = aSplit[1];
			
			// disable click
			$("a,p",$(this).parent('p').addClass('active').parent('li').parent('ul'))
			.addClass('disabled').unbind("click");
						
			// toon result
			$('#'+resultid).show('slow');
			$('#result').show('slow');
	
		}
	);
}


// reset list
function form_reset(the)
{	
	// button
	//if(the == 'undefined'){
	$('#result,.clone,.geknipt').hide('slow',function () { 
		
		// reset clicks en classes
		$('p').removeAttr('class').unbind("click");
		
		// destroy clones
		$('.clone').remove();
		
		// prepare list
		form_init();
		
		// click
		$(the).click();
		
	});
}