var merk_select = '';
var type_select = '';
var jaar_select = '';
var fabrikant_select = '';

var productids = '';

$(document).ready(function()
{
    $.getJSON('json/merk_type.json?' + new Date().getTime(), function(json, status)
    {
        if(status == 'success')
        {            
            $.each(json, function(index, val)
            {
                $('#merk').append($('<option></option').val(index).html(index));
            });
        }
    });
    
    $('#merk').change(function()
    {
		$("#submit").attr("disabled", "disabled");
	
        $("#merk").css('border', '1px solid #ccc');
        
        $('#jaar').empty();
        $('#jaar').append($('<option></option').val('0').html('Selecteer eerst een type'));
        
        $('#fabrikant').empty();
        $('#fabrikant').append($('<option></option').val('0').html('Selecteer eerst een jaar'));
        
        merk_select = $('#merk option:selected').val();
                
        $.getJSON('json/merk_type.json?' + new Date().getTime(), function(json, status)
        {
            if(status == 'success')
            {
                $('#type').empty();
                $('#type').append($('<option></option').val('0').html('Selecteer een type'));
                
                $.each(json[merk_select], function(index, val)
                {
                    $('#type').append($('<option></option').val(index).html(index));
                });
				
				$("#submit").removeAttr("disabled");
            }
        });
    });
    
    $('#type').change(function()
    {
		$("#submit").attr("disabled", "disabled");
		
        $("#type").css('border', '1px solid #ccc');
        
        $('#fabrikant').empty();
        $('#fabrikant').append($('<option></option').val('0').html('Selecteer eerst een jaar'));
        
        type_select = $('#type option:selected').val();
        
        $.getJSON('json/merktype_jaar-' + merk_select + '.json?' + new Date().getTime(), function(json, status)
        {
            if(status == 'success')
            {
                $('#jaar').empty();
                $('#jaar').append($('<option></option').val('0').html('Selecteer een jaar'));
                
                $.each(json[type_select], function(index, val)
                {
                    $('#jaar').append($('<option></option').val(index).html(index));
                });
				
				$("#submit").removeAttr("disabled");
            }
        });
    });
    
    $('#jaar').change(function()
    {
		$("#submit").attr("disabled", "disabled");
		
        $("#jaar").css('border', '1px solid #ccc');
        
        jaar_select = $('#jaar option:selected').val();
        
        $.getJSON('json/merktypejaar_fabrikant-' + merk_select + '.json?' + new Date().getTime(), function(json, status)
        {
            if(status == 'success')
            {                
                $('#fabrikant').empty();
                $('#fabrikant').append($('<option></option').val('0').html('Selecteer een fabrikant'));
                $('#fabrikant').append($('<option></option').val('Alle').html('Alle'));
        
                $.each(json[type_select + '|' + jaar_select], function(index, val)
                {
                    $('#fabrikant').append($('<option></option').val(index).html(index));
                });
				
				$("#submit").removeAttr("disabled");
            }
        });
    });
    
    $('#fabrikant').change(function()
    {
		$("#submit").attr("disabled", "disabled");
		
        $("#fabrikant").css('border', '1px solid #ccc');
        
        fabrikant_select = jQuery('#fabrikant option:selected').val();
        
        $.getJSON('json/merktypejaarfabrikant_products-' + merk_select + '.json?' + new Date().getTime(), function(json, status)
        {
            if(status == 'success')
            {
                jQuery.each(json[type_select + '|' + jaar_select + '|' + fabrikant_select]['productcodes'], function(index, val)
                {
                    productids += val + ",";
                });
                
                productids = productids.replace(/^[/,]|[/,]$/,'');
                $('#productids').val(productids);
            }
			
			$("#submit").removeAttr("disabled");
        });
    });
    
    $("#xsearchform").submit(function()
    {
        if($("#merk").val() == "0"){ $("#merk").css('border', '1px solid red'); return false; }
        if($("#type").val() == "0"){ $("#type").css('border', '1px solid red'); return false; }
        if($("#jaar").val() == "0"){ $("#jaar").css('border', '1px solid red'); return false; }
        if($("#fabrikant").val() == "0"){ $("#fabrikant").css('border', '1px solid red'); return false; }
        
        return true;
    });

});