$( function()
{
	// Get data
	var d = $('#extra_kaarten').html();
	
	// Empty '#extra_kaarten' to prevent errors
	$('#extra_kaarten').empty();
	
	$('#aantal_kaarten').change( function()
	{
		// Set shorthands
		var t = $(this);
		var v = t.val();
		var i = parseInt(v);
		var e = $('#extra_kaarten');
		
		// Set value to 1 if the current one isn't an integer
		if ( i.toString() == 'NaN' ) i=1; t.val(i);
		
		// Add the correct number of ticket fields
		if ( i < 2 )
		{
			// Hide and empty '#extra_kaarten'
			e.hide().empty();
		}
		else
		{
			// Empty existing data first
			e.empty();
		
			// For loop for each ticket and generate form fields
			for ( y=1; y<=i; y++ )
			{
				// Parse the _NO_ tag and replace it with
				// the current ticket number
				var h = d.replace( /_NO_/g, y );
				
				// Append the generate HTML to the '#extra_kaarten' div
				e.append( h );
			}
			
			// Show the '#extra_kaarten'
			e.show();
		}
	});
});