$(function(){
    
    /*console.info('loaded');*/

    $("#optie")
        .dropdown({
			callback: function(val) {
		//	$('#optie').parent().change(function(){
				//selected = $("#optie input").attr('value');
				selected = val
				$('#m3').html('');
				
				//$("#aantal_dozen option:selected").attr("selected", false);
				//$("#aantal_kamers option:selected").attr("selected", false);
				
				$('#aantal_m3').hide();
				
				if( selected == 'kamers' )
				{
					$('#aantal_kamers').show();
					$('#aantal_dozen').hide();
				}
				else if( selected == 'dozen' )
				{
					$('#aantal_dozen').show();
					$('#aantal_kamers').hide();
				}
				else
				{
					$('#aantal_dozen').hide();
					$('#aantal_kamers').hide();
				}
			}
		});
    
    $(".template")
        .dropdown({
			callback: function(val) {
				selected = parseInt(val);
				if( selected )
				{
					$('#m3').html(selected);
					$('#aantal_m3').show();
				}
				else
				{
					$('#aantal_m3').hide();
				}
			}
		});
	
    /*$('#aantal_kamers').change(function(){
        selected = $('#aantal_kamers input').attr('value');
        if( selected )
        {
            $('#m3').html(selected);
            $('#aantal_m3').show();
        }
        else
        {
            $('#aantal_m3').hide();
        }
	});
	
	$('#aantal_dozen').change(function(){
        selected = $('#aantal_dozen input').attr('value');
        if( selected )
        {
            $('#m3').html(selected);
            $('#aantal_m3').show();
        }
        else
        {
            $('#aantal_m3').hide();
        }
	});*/
});