$(document).ready(function() {
	$('#busTop .form select').bind('change', function() {
		search()
	})

	search();
})

function search() {
	
	//Hide filters
	if($('#filter').hasClass('active'))
		$('#busqueda span.click').click();
	
	$('#resultados').html('').addClass('searching');
	var values = {
		operacionId: $('#operacionId').val(),
		tipoId: $('#tipoId').val(),
		zonaId: $('#zonaId').val()
	}

	$.ajax({
		url: 'ajax/filters.php',
		type: 'POST',
		data: values,
		success: function(data) {
			$('#filters').html(data);
			
			$('#filter select').bind('change', function() {
				filter(this)
			})
			
			filter(null);
			
			toggleFilter();
			resizeMapa();
		} 
	})

}

function toggleFilter() {

	//Show or hide filter box,
	//expanding and contracting results box to fit
	$('.mas, #busqueda span.click').click(function() {
		var filter = $('#filter');
		var result = $('#resultados');
		
		var filterHeight = 61;
		var resultHeight = parseInt(result.css('height'));
		
		if(filter.hasClass('active')) {
			
			result.animate({
				height: (resultHeight + filterHeight)
			})
			
			filter.animate({
				height: 0
			})
			
			filter.removeClass('active')
			
		} else {
			
			filter.css({
				overflow: 'hidden',
				height: 0,
				display: 'block'
			})
			
			result.animate({
				height: (resultHeight - filterHeight)
			})
			
			filter.animate({
				height: filterHeight
			})

			filter.addClass('active')
			
		}
		
	})
	
}

function filter(select) {
	//Filter search results
	$('#resultados').html('').addClass('searching');
	
	//var field = select.name;
	
	var values = {
		operacionId: $('#operacionId').val(),
		tipoId: $('#tipoId').val(),
		zonaId: $('#zonaId').val(),
		dormitorios: $('#dormitorios').val(),
		precio: $('#precio').val(),
		superficie: $('#superficie').val()/*,
		sort: field*/
	}
	
	//Remove overlays
	for(var i = 0; i < markers.length; i++)
		markers[i].setMap(null);
		
	for(var i = 0; i < overlays.length; i++)
		overlays[i].remove();
		
	overlays = new Array();
	markers = new Array();
	
	//Load filtered content
	$.ajax({
		url: 'ajax/search.php',
		type: 'POST',
		data: values,
		success: function(data) {
			$('#resultados').removeClass('searching').html(data);
			$('p.res').html($('#resultados div').size()+' Resultados')
			activateList();
			
			$(window).bind('resize', function() {
				setupIpod()
			})
			setupIpod()
		}
	})
	
}