var merkvalues = {
'13' : [['15779','330'],['19242','X1']],
'39' : [['19239','cee\'d Sportswagon'],['1812','Sportage']],
'46' : [['18388','3']],
'51802' : [['75545','Formentor']],
'54' : [['20148','Mokka']],
'65' : [['75292','Kamiq'],['74628','Karoq'],['74375','Kodiaq'],['75258','Scala']],
'74' : [['2084','Golf'],['75194','T-Cross'],['76863','Tayron'],['19063','Tiguan']],
'9' : [['75830','Q4 e-tron']],
}
$(document).ready(function() {

		$( "#model" ).on('selectmenuchange', function() {
				$('#model option').each(function() {
		    			if($(this).is(':selected')){
		    				$('#modeltemp').val($(this).text());
		    				$('#modeltempid').val($(this).val());
					 	}
				 });
           });

         if($('#modeltemp').val().length>0){

		        var prosa = merkvalues[$('#merk').val()];

		       	$('#model').empty();
				$('#model').append('<option value="-1" selected>Model</option>');
				$.each(prosa, function(val,text){
						$('#model').append($('<option></option>').val(text[0]).html(text[1]));
				});
				//$('#model').val($('#modeltemp').val());
				$('#model').val('-1');

		}

        $('#merk').on('selectmenuchange', function() {
			$('#modeltemp').val($(this).val());
			var prosb = merkvalues[$(this).val()];
			$('#model').empty();
			$('#model').selectmenu("refresh");
			$('#model').append('<option value="-1" selected>Model</option>');
			$.each(prosb, function(valb,textb) {
                $('#model').append($("<option></option>").attr("value",textb[0]).text(textb[1]));
			});

			$('#model').selectmenu("refresh")
			if($('#model option').length>7){
				$('#model').selectmenu("menuWidget").addClass("overflow");
			}else{
				$('#model').selectmenu("menuWidget").removeClass("overflow");
			}
		});

});