//var BASE_URL is defined in calling file
$(document).ready(function(){

	var frmSearch = $("form#frmSearch");
	var lstAdventureStyle = $("form#frmSearch select[name='Style']");
	var lstActivity = $("form#frmSearch select[name='Activity']");
	var lstCountry = $("form#frmSearch select[name='Country']");
	var lstLocation = $("form#frmSearch select[name='Location']");
	
	frmSearch.attr("action", "search/"); //submit to same page
	

	lstCountry.removeAttr('disabled');
	
	lstAdventureStyle.change(function(){
		lstActivity.attr("disabled", "disabled");
		lstActivity.empty();
		
		//load data and enable listbox in callback
		lstActivity.load("request/activities/" + lstAdventureStyle.val() + '/',
						'',
						function(){
							lstActivity.removeAttr("disabled");
							lstAdventureStyle.removeAttr('disabled');
						}); 
	})
	
	lstCountry.change(function(){
		lstLocation.attr("disabled", "disabled");
		lstLocation.empty();
		
		if (lstCountry.val() == '0') {
			lstLocation.append('<option value="0">(All Hubs)</option>');
			lstLocation.attr("disabled", "disabled");
		}
		else {
			lstLocation.load("request/locations/" + lstCountry.val() + "/", '', function(){
				lstLocation.removeAttr("disabled")
			}); //load data and enable listbox in callback
		}			
	})
	
	//Do some disabling of listboxes
	if(lstCountry.val() == '0')
		lstLocation.attr("disabled", "disabled");
	else
		lstCountry.change();
		
	//load activity list for first time
	lstActivity.load("request/activities/0/",
				'',
				function(){
					lstActivity.removeAttr("disabled");
					lstAdventureStyle.removeAttr('disabled');
				});

	
});