$(document).ready(function(){
    //local hidden field
	//var jsonData = $('#ctl02_hf_ActivityDetails').val();
	
	//live hidden field
	//var jsonData = $('#esctl_394857_ctl00_hf_ActivityDetails').val();
	var jsonData = $('div#choose input[type="hidden"]').val();
		
	var decodedJSonData = eval('(' + jsonData + ')') 	

	/*loop through each object in the jsonData object
	each position in the array contains an object which in turn contains all the data 
	for activities */
	
	//local select$("select#ctl02_ddl_selectCentres").change(
	//live select id
	$("select.selCentres").change(
		function(){
			var index = $("select.selCentres option:selected").val();
			removeElements();
			selectActivities(index);
		}
	);
	
	function removeElements(){
		$("select.selChooseAct option").remove();
	}
	
	function selectActivities(leisureID){
		var activitySelect = $("select.selChooseAct");
		/*activitySelect.append("<option value=\"0\">Select an activity</option>");*/
		for (var i in decodedJSonData)
		{	
			var activity = decodedJSonData[i];
			var activityLeisureID = activity["LeisureID"];
			if(activityLeisureID == leisureID){
				var activityText = activity["ActivityName"];
				var activityID = activity["ActivityID"];
				var opt = "<option value=\"" + activityID + "\">" + activityText + "</option>";
				activitySelect.append(opt);
				//$("body").append(activityText+", ");
			}
		}
	}
	
	
	



});