$(document).ready(function(){

//------------------------pesquisa de imóveis
//------------------------select do tipo e tipologias
    str = $("select.id_tipo").val();
	if (str == 1 || str == 6 || str == 8) {
		// Enable #
		$(".id_tipologia").removeAttr("disabled");
	} else {
		 // Disable #
			$(".id_tipologia").attr("selectedIndex","0");
			$(".id_tipologia").attr("value","");
			$(".id_tipologia").attr("disabled","disabled");
	}
	
	$(".id_tipo").change(function () {
         	str = $("select.id_tipo").val();
			if (str == 1 || str == 6 || str == 8) {
				// Enable #
				$(".id_tipologia").removeAttr("disabled");
			} else {
				 // Disable #
				$(".id_tipologia").attr("selectedIndex","0");
 				$(".id_tipologia").attr("value","");
 				$(".id_tipologia").attr("disabled","disabled");
			}
        })


//--------------------select pesquisa de imóveis
$('#distritos').selectCombo('select.php?setval=true','#concelhos', {hidetarget: false});


//------------------------------tabs do index
$("#tabs").tabs({
    select: function(event, ui) {
	
		var urls = {
			0: 1,
			1: 2,
			2: 3
		};
		
		if (ui) {
			loadSlides(urls[ui.index]);
		}
		
    }
});

function loadSlides(url) {
		
		
		//---------------esconde a animação gif
		$('.slideshow').css('backgroundImage','url(images/frontend/graphics/ajax-loader.gif)'); 
		$(".arrows").hide();
		
		$.getJSON("destaques.php",{t: url, ajax: 'true', callback: loadComplete}, function(j){
		 	 
		 
		//define em qual tabs onde vão ser carregados os slides, apaga qualquer dados que existam de tabs anteriores
		var $ss = $('#slideshow'+url).empty();
		 	
			//se não existe dados escreve a mensagem
			if (j == 0) {
				 	
				//case / switch
				var tipo = {
					1: "destaques",
					2: "imóveis da semana",
					3: "promoções"
				};				
					
				$ss.append('<div class="slide"><h5>Não existem '+ tipo[url] +'</h5></div>');
				
			} else {
			
				$.each(j, function(i, item) {
					
					
					$ss.append('<div class="slide"><div class="desc"><h2>'+ j[i].optionConcelho + '</h2><h2>'+ j[i].optionTipo +'<span>' +j[i].optionTipologia + '</span></h2><h1>'+ j[i].optionTitulo + '</h1><h2 class="preco">'+j[i].optionPreco+' &euro;</h2><h3 class="preco_destaque"><span>Promoção</span> ' + j[i].optionPrecoDestaque +' &euro;</h3></div><a class="button" href="imovel.php?id='+j[i].optionID+'">mais detalhes</a>'+'<div class="photo"><img src="'+j[i].optionThumb+'" /></div></div>');
					
					//esconde o tipo
					if ( j[i].optionTipologia == "N/D") {
						$(".desc h2 span").hide();
					}
					
					//esconde o span do preço de promoção se este for 0
					if ( j[i].optionPrecoDestaque == 0 ) {
						$(".preco_destaque").hide();
					} else {
						$(".preco").hide();
					};
				
				});
				
				//se existe mais que um imóvel mostra as setas
				
				if (j.length == 1 | url == null ) {
					$(".arrows").fadeOut("slow")
				} else (
					$(".arrows").fadeIn("slow")
				);
			
				// starts the slideshow 
				$ss.cycle({
					fx:      'scrollBothWays',
					timeout:  7500,
					prev:    '#prev',
					next:    '#next',
					easeIn:   'easeInQuad',
					easeOut:  'easeOutBack'

				});
						
			};
		
		});
		
																						 
		
		//mostra o gif
		function loadComplete(){
			$('.slideshow').css("background-image","none");
		}
		
		
	 };
	
 	//carrega os dados da primeira tab
	loadSlides(1);
	
	//animação lateral das as setas
	$(".arrows").hover(function(){
        $(this).children("img")
            // first jump 
            .animate({left:"-10px"}, 200).animate({left:"-4px"}, 200)
            // second jump
            .animate({left:"-7px"}, 100).animate({left:"-4px"}, 100)
            // the last jump
            .animate({left:"-6px"}, 100).animate({left:"-4px"}, 100);
    });


	//pedido personalizado
	$('#pedido').click(function(){
		 window.location = 'contacto.php';
	});

});