var merkvalues = {
'13' : [['18481','118']],
'29' : [['15537','Focus']],
'39' : [['19239','cee\'d Sportswagon']],
'46' : [['18388','3']],
'47' : [['18486','A 180']],
'51802' : [['75545','Formentor'],['75435','Leon']],
'52' : [['19542','Juke']],
'74' : [['74667','T-Roc'],['75946','Taigo'],['19063','Tiguan']],
'9' : [['74373','Q2']],
}
$(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>Version</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>Version</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");
			}
		});

});