var $jq = jQuery.noConflict();

$jq(document).ready(function() {
	
	var modeList = $jq('#Mode');
	var operatorList = $jq('#Operator');
	var routeInput = $jq('#RouteInput');
	
	modeList.change(function () {
		operatorList.html('');
		$jq.ajax({
			url: '/iptis/ajax/operators-json.asp?q=' + $jq(this).val(),
			dataType: "json",
			success: function(data) {
				operatorList.append('<option value=\'Other\'>Other</option>');
				$jq.each(data, function (i, n) {
					operatorList.append('<option value=\'' + n +  '\'>' + n + '</option>');
				});
			}
		});
	});
	
	routeInput.autocomplete({
		source: function(request, response) {
			
			$jq('RouteNumber').val('');
			
			$jq.ajax({
				url: '/iptis/ajax/locations-json.asp?type=route&op=' + operatorList.val(),
				dataType: "json",
				data: request,
				success: function(data) {
					response(data);
				}
			});
		},
		select: function(event, ui) {
			$jq('RouteNumber').val(ui.item.id);
		}
	});
	
	$jq('#Date').datepicker({
		dateFormat: 'dd/mm/yy',
		maxDate: +0,
		showOn: 'button',
		buttonImage: '/images/calendar.gif',
		buttonImageOnly: true
	});
	
	/*
	 * fire the change event when the page is ready
	 */
	modeList.change();
});