var type;
var name;

$(document).ready(function() {

	$('.dropdown dt').hover(function() {
  	 	$(this).addClass('hover');
  	}, function() {
   		$(this).removeClass('hover');
  	});
  	
	$(".dropdown dt").click(function() {
			
		if ($(this).hasClass('active')) {
			$(this).removeClass('active');			
			$(this).parent().find('dd').hide();
		} else {
			$(".dropdown").find('dt.active').removeClass('active').parent().find('dd').hide();
			$(this).addClass('active');
			$(this).parent().find('dd').show();			
		}		
		
		return false;
	});
	
	$(".dropdown dd a").live("click", function() {	
		 
		 $(this).closest("dl").find('dt').text($(this).text());
		 inputname = $(this).closest("dl").attr("id");
		 
		 switch (inputname) {
		 	 case "milesBox":
		 	 	$("input[name='distance']").val($(this).attr('rel'));
		 	 	break;
		 	 case "zipBox":
		 	  	$("input[name='zip']").val($(this).attr('rel'));
		 	 	break;
		 	 case "locationBox":
		 	 	$("input[name='location']").val($(this).attr('rel'));
		 	 	$("input[name='zip']").val("Any");
		 	 	$("#zipBox dt").text("Zip: Any");
		 	 	$.post('/control/' + Number(new Date()),{
		 	 		location: $(this).attr('rel'),
		 	 		type: type,
		 	 		name: name,
		 	 		control: "updatezip"
		 	 		}, function (data) {
		 	 			$("#zipBox dd ul").html(data);
		 	 		});
		 	 	break;
		 	 case "propertytypeBox":
		 	  	$("input[name='style']").val($(this).attr('rel'));
		 	 	break; 
		  	 case "areaBox":
		 	  	$("input[name='type']").val($(this).attr('rel'));
		 	 	break;
		 	 case "yearBox":
		 	  	$("input[name='year']").val($(this).attr('rel'));
		 	 	break;
		 	 case "sqfootBox":
		 	  	$("input[name='squareft']").val($(this).attr('rel'));
		 	 	break;
		 	 case "lotBox":
		 	  	$("input[name='lot']").val($(this).attr('rel'));
		 	 	break;
		 	 case "garageBox":
		 	  	$("input[name='garage']").val($(this).attr('rel'));
		 	 	break; 
		 }
		 
		 	
		 $(".dropdown dd").hide();
		 $(".dropdown dt").removeClass('active');	

	});
	
   $(document).bind('click', function(e) {
        var $clicked = $(e.target);
        if (!$clicked.parents().hasClass("dropdown")) {
        	 $(".dropdown dt").removeClass('active');
        	 $(".dropdown dd").hide();
        }
    });
    
 
 	$("#mapView").click(function() {	
		openMap(0);
	});
	
	$("#listView").click(function() {	
		openList();	
	});

});

function openMap(prop_id) {
		$("#mapBox").slideDown(function() {
			initMap(prop_id);	
		});
		if ($("#listView").hasClass('active')) {
			$("#viewType").find('.activeState').animate({"left": "3px"});			
		}
		$("#listView").removeClass('active');
		$("#mapView").addClass('active');
		

		$.post('/control/' + Number(new Date()),{
		   		control: "viewchange",
		   		type: "map"
		   		});
			
		
		return false;

}

function openList() {

$("#mapBox").slideUp();
		if ($("#mapView").hasClass('active')) {
			$("#viewType").find('.activeState').animate({"left": "69px"});			
		}
		$("#mapView").removeClass('active');
		$("#listView").addClass('active');
		
		
		
		$.post('/control/' + Number(new Date()),{
		   		control: "viewchange",
		   		type: "list"
		   		});

		
		return false;	


}