$(function(){
	//$("ul.css-tabs").tabs("div.css-panes > div", {effect: 'ajax'});
	
	tucasaCat="";
	tucasaUbicacion="";

	$(".tabsclicks a").click(function() {
		$(".tabsclicks a").removeClass("current");
			$(this).addClass("current");
		
		$(".tbsHiden div").hide();
		var classElement=$(this).attr("href");
		classElement=classElement.replace("#","");
		$(classElement).fadeIn("slow");
	});

	$(".tbsHiden .setep1  input").click(function() {
		$('#donde option').remove();  
		$.getJSON("tu-casa/jsonTerreno.php?categoria="+$(this).val(), function(data) {
			$.each(data, function(key, val) {
			    $('#donde').append('<option value='+key+'>'+val+'</option>');
			  });
		});
		tucasaCat=$(this).val();
		$('#cuanto option').remove();  
		$(".setep3 .resultSetp").html("");
		
		$(".tabsclicks .linkStep2").click();
	});
	
	$('#donde').change(function(){
		$('#cuanto option').remove();
		$.getJSON("tu-casa/jsonTerreno.php?ubicacion="+$(this).val()+"&categoria="+tucasaCat, function(data) {
			$.each(data, function(key, val) {
			    $('#cuanto').append('<option value='+key+'>'+val+'</option>'); 
			});
		});
		tucasaUbicacion=$(this).val();
		$(".setep3 .resultSetp").html("");
	});
	
	$('#cuanto').change(function(){
		$(".setep3 .resultSetp").html("");
		$.getJSON("tu-casa/jsonTerreno.php?cuanto="+$(this).val()+"&ubicacion="+tucasaUbicacion+"&categoria="+tucasaCat, function(data) {
			var htmlResult="";
			$.each(data, function(key, val) {
				htmlResult+="<li><a href=\""+val.link+"\">";
				htmlResult+="<h3>"+val.titulo+"</h3>";
				htmlResult+="<img src=\""+val.urlLogo+"\" alt=\"logo "+val.titulo+"\" width=\"80\" height=\"66\"/>";
				htmlResult+="<p>"+val.desc+"</p>";
				htmlResult+="</a></li>";
			});
			$(".setep3 .resultSetp").html(htmlResult);
			$(".setep3 .resultSetp").fadeIn("slow");
		});
		$(".tabsclicks .linkStep3").click();
	});
	
	
	$(".tabsclicks .linkStep1").click();
});