// JavaScript Document
jQuery.noConflict();

jQuery(document).ready(function(){
	
	jQuery("#dealerProvincie").change(function() {
		var el = $(this);
		var provincie = el.options[el.selectedIndex].value;
		jQuery("#dealers").empty().hide();
		if(provincie != "-1") {
			jQuery.getJSON('/includes/getPlaatsen.asp', { provincie: provincie }, function(data) {
				jQuery("#dealerPlaats").attr("disabled",false).empty();
				if(data.length > 0) {
					jQuery("#dealerPlaats").append(jQuery("<option>").val("-1").text("Kies een plaats..."));
					jQuery.each(data, function(i,obj){
						jQuery("#dealerPlaats").append(jQuery("<option>").val(obj.plaats).text(obj.plaats));
					});
				} else {
					jQuery("#dealerPlaats").append(jQuery("<option>").val("-1").text("Kies eerst een provincie..."));
				}
				//jQuery("SELECT").selectBox('destroy');
				//jQuery("SELECT").selectBox({autoWidth: false,transition:'fade'});
			});				
		} else {			
			jQuery("#dealerPlaats").attr("disabled",true).empty().append(jQuery("<option>").val("-1").text("Kies eerst een provincie..."));
			//jQuery("SELECT").selectBox('destroy');
			//jQuery("SELECT").selectBox({autoWidth: false,transition:'fade'});			
		}
	});	

	jQuery("#dealerPlaats").change(function() {		
		var el = $(this);
		var plaats = el.options[el.selectedIndex].value;
		if(plaats != "-1") {
			jQuery("#dealers").empty().show();
			jQuery.get('/includes/getDealers.asp', { plaats: plaats }, function(data) {
				jQuery("#dealers").html(data);
			});			
		} else {
			jQuery("#dealers").empty().hide();
		}
	});	
	
});