var state	= "";

jQuery(function($) {

	//	State field change
	$("div#state select").change( function(event) {
	
		var cat_id	= $(this).attr("value");
		
		state	= $(this).children("option:selected").attr("id");
		
		var url	= "/agents/inc-metro-menu/cat_url_title";
		
		$("div#metros select").empty();
		
		$("div#metros select").load( url, { parent_id: cat_id, check_empty: 'members' } );
		
		var temp_return	= $("div#form-agents input[@name='temp_return']").attr("value");
		
		metros( true );
	});

	//	State field change on search page
	$("div#state_search select").change( function(event) {
	
		var cat_id	= $(this).attr("value");
		
		state	= $(this).children("option:selected").attr("id");
		
		var url	= "/agents/inc-metro-menu/cat_id";
		
		$("div#metros select").empty();
		
		$("div#metros select").load( url, { parent_id: cat_id, check_empty: 'members' } );
		
		metros( false );
	});
	
	//	Search form tabs
	$("div#form-agents ol li a").click( function(event) {
		var id	= $(this);
		var arr	= new Array("folder-state", "folder-city", "folder-name");
	
		jQuery.each( arr, function() {
			$("div#form-agents div#" + this).hide();
		});
		$("div#form-agents ol li").each( function(i,n) {
			$(n).removeClass("active");
		});
		id.parent().addClass("active");
		$("div#form-agents div#" + id.attr("rel")).show();
		
		return false;
	});
	
	//	Order by field change	
	$("body#directory div#orderby form select").change( function(event) {
		$(this).parents("form")[0].submit();
	});
});

function metros ( jump )
{
	$("div#metros select").unbind("change");
	
	$("div#metros select").change( function(event) {
	
		var cat_id	= $(this).attr("value");
		
		if ( jump == true )
		{		
			var temp_return	= $("div#form-agents input[@name='temp_return']").attr("value");

			window.location	= temp_return + state + "/" + cat_id;
		}
	});
}