<!--

//function updateSub(click) {      
//
//	var vars = "";
//	var val = "";
//
//	var formblock;
//    var forminputs;
//
//    formblock= document.getElementById('searchForm');
//	forminputs = formblock.getElementsByTagName('input');
//
//	if(document.getElementById('search_city').value != "") {
//		vars = "&search_city="+document.getElementById('search_city').value;
//	}
//	for (i = 0; i < forminputs.length; i++) {
//		// regex here to check name attribute
//		var regex = new RegExp("idx", "i");
//		if (regex.test(forminputs[i].getAttribute('name'))) {
//			if(forminputs[i].checked == true) {
//				val=forminputs[i].value;
//			}
//		}
//		var regex2 = new RegExp("hide_sub", "i");
//		if (regex2.test(forminputs[i].getAttribute('name'))) {
//			vars+="&search_subdivision[]="+forminputs[i].value;
//		}
//	}
//	
//	vars = vars.replace(/ /g,"+");
// 
////    alert('/idx/dynamic/subdivisions.php?idx=' + val + vars);
//    
//	$('#subdivision-list').load('/idx/dynamic/subdivisions.php?type=' + val + vars);
//
//}
	
//-->

function updateCitySubs( click ) {
	var idx = 'residential';
	// Get the selected property type
	$("input[name=idx]").each( function() {
		if ( $(this)[0].checked ) {
			idx = $(this).val();
		}
	});
	var query = '?search_city=' + encodeURI( $("#search_city").val() ) + '&type=' + idx;
		
	// Reset lists and picked subs
	$("#subdivision-names").html( '' );
	$("#subdivision-picked").html( '' );
	$("#subdivision-picked-shell").hide();
	
	$("#subdivision-list").load( '/idx/dynamic/subdivisions.php' + query, '', function() {
		// Hook letter pickers
		$(".sub-letter").click( function() {
			$(".sub-letter").css( 'font-weight', 'normal' );
			$(this).css( "font-weight", "bold" );
			
			pickLetter( $(this).html(), idx, encodeURI( $("#search_city").val() ) );
			return false;
		});	
		
		if ( $(".sub-letter").length > 0 ) {
			// Pick first letter by default - preferably "A"
			var picked = false;
			$(".sub-letter").each( function() {
				var letter = $(this).html();
				if ( letter == 'A' ) {
					$(this).css( "font-weight", "bold" );
					pickLetter( letter, idx, encodeURI( $("#search_city").val() ) );
					picked = true;
					return false;
				}
			});
			if ( !picked ) {
				$(".sub-letter:nth-child(1)").css( "font-weight", "bold" );
				pickLetter( $(".sub-letter:nth-child(1)").html(), idx, encodeURI( $("#search_city").val() ) );
			}			
		}
	});
	
}

function pickLetter( letter, idx, city ) {
	$("#subdivision-names").load( '/idx/dynamic/subdivisions.php?letter=' + letter + '&type=' + idx + '&search_city=' + city, '', function() {
		// Hook subdivision picking
		$(".sub-name").click( function() {
			pickSubdivision( $(this).html(), idx, false, $(this) );
			return false;
		});
	});
}

function pickSubdivision( name, idx, area_subs, sub_obj ) {
	var id = name.replace(/ /g, '_' );
	id = id.replace(/&amp;/g, '_' );
	
	//alert( id );
	
	if ( $("#subdivision-picked #" + id).length > 0 ) {
		return;
	}
	
	$("#subdivision-picked-shell").show();
		
	var html = '<li><label><input class="picked-sub" checked="checked" type="checkbox" id="' + id + '" name="search_subdivision[]" value="' + name + '">' + name +  '</label></li>';
	$("#subdivision-picked").append( html );
	
	// Transfer effect
	sub_obj.effect( 'transfer', { to: "#" + id, className: 'ui-effects-transfer' } );
	
	// Hook click event so we can remove unchecked subdivisions
	$("#subdivision-picked #" + id).click( function() {
		if ( $(this)[0].checked == false ) {
			$(this).parent().parent().remove();
			
			// Should we hide the h3?
			if ( $("#subdivision-picked").children().length == 0 ) {
				$("#subdivision-picked-shell").hide();
			}
		}
		return false;
	});
}

function updateAreaSubs( click ) {
	var idx = 'residential';
	// Get the selected property type
	$("input[name=idx]").each( function() {
		if ( $(this)[0].checked ) {
			idx = $(this).val();
		}
	});
	
	var search_areas = '';
	$(".area-item").each( function() {
		if ( $(this)[0].checked ) {
			search_areas += '&search_area[]=' + $(this).val();
		}
	});
	
	var query = '?type=' + idx + search_areas;
	
	if ( search_areas == '' ) {
		// Reset lists and picked subs
		$("#subdivision-names").html( '' );
		$("#subdivision-picked").html( '' );
		$("#subdivision-picked-shell").hide();		
	}

	// Remove picked subdivisions that aren't in any of the currently selected areas
	if ( $("#subdivision-picked").children().length > 0 ) {
		$.getJSON("/idx/dynamic/subdivisions_areas.php" + query + '&fulllist=true', {
			
		}, function(json) {
			if ( json != 'You must first select an area.' ) {
				$("input[name^=search_subdivision]").each( function() {
					var found = false;
					var input_val = $(this).val();
					$.each( json, function( i, val ) {
						if ( val == input_val ) {
							found = true;
							return false;
						}
					});
					if ( !found ) {
						$(this).parent().parent().remove();
					}
				});
				// Should we hide the h3?
				if ( $("#subdivision-picked").children().length == 0 ) {
					$("#subdivision-picked-shell").hide();
				}
			}
		});
	}

	$("#subdivision-list").load( '/idx/dynamic/subdivisions_areas.php' + query, '', function() {
		// Hook letter pickers
		$(".sub-letter").click( function() {
			$(".sub-letter").css( 'font-weight', 'normal' );
			$(this).css( "font-weight", "bold" );
			
			pickAreaLetter( $(this).html(), idx, search_areas );
			return false;
		});
		
		if ( $(".sub-letter").length > 0 ) {
			// Pick first letter by default - preferably "A"
			var picked = false;
			$(".sub-letter").each( function() {
				var letter = $(this).html();
				if ( letter == 'A' ) {
					$(this).css( "font-weight", "bold" );
					pickAreaLetter( letter, idx, search_areas );
					picked = true;
					return false;
				}
			});
			if ( !picked ) {
				$(".sub-letter:nth-child(1)").css( "font-weight", "bold" );
				pickAreaLetter( $(".sub-letter:nth-child(1)").html(), idx, search_areas );
			}			
		}
	});
}

function pickAreaLetter( letter, idx, search_areas ) {
	$("#subdivision-names").load( '/idx/dynamic/subdivisions_areas.php?letter=' + letter + '&type=' + idx + search_areas, '', function() {
		// Hook subdivision picking
		$(".sub-name").click( function() {
			pickSubdivision( $(this).html(), idx, true, $(this) );
			return false;
		});
	});
}
