$(document).ready(function(){
	//populate vendor list on load
	/*$.getJSON("/includes/json/getVendors.asp",function(v){
		var options = '<option value="">-- select your manufacturer --</option>';
		for (var i = 0; i < v.length; i++) {
			options += '<option value="' + v[i].VendorId + '">' + v[i].VendorName + '</option>';
		}
		$("select#vendors").html(options);
	})
	*/
	
	//populate display list on vendor change
	$("select#vendors").change(function(){
		
		//disable and set to blank
		$("select#displays").attr("disabled","disabled");
		$("select#displays").html('<option value=""></option>');
		
		//check for value
		if ($("select#vendors").val() > 0) {
			//display loading status
			$("select#displays").html('<option value="">loading ...</option>');
			
			//go get data as JSON array
			$.getJSON("/includes/json/getDisplays.asp",{vendorid: $(this).val(), ajax: 'true'}, function(d){
				var options = '<option value="">-- select your display/projector --</option>';
				for (var i = 0; i < d.length; i++) {
					options += '<option value="' + d[i].ProductID + '">' + d[i].ProductName + '</option>';
				}
				//populate and enable
				$("select#displays").html(options);
				$("select#displays").attr("disabled","");
			})
		}
	})
	
	$("select#displays").change(function(){
		$("form#mountlocator").submit();
	})
})