$(window).load(function() {
	$('#submit').button({icons:{primary: 'ui-icon-search'}});
	$('.radioopcoes').change(function(){
	    setSearchFields();
	});
	$('#searchform').submit(function(){
		if ($('#uf').length == 0){
			if ($('#busca').val() == ''){
				alert('A busca não pode ser vazia.');
				return false;
			} else {
				return true;
			}
		} else {
			if ($('#cidade').val() == ''){
				alert('A cidade não pode ser vazia.');
				return false;
			} else {
				return true;
			}
		}
	});

	if (window.location.hash != ''){
		$(window.location.hash).attr('checked', true);
	}

	setSearchFields();

	window.scroll(0,0);
});

function adjustStyleHP(width) {
    width = parseInt(width);
    if (width < 960) {
		$("#hp_stylesheet").attr("href", "/css/hp-mobile.css");
    } else {
		$("#hp_stylesheet").attr("href", "/css/hp.css");
    }
}

$(window).resize(function() {
	adjustStyleHP($(window).width());
});

function getLocation(){
    if (navigator.geolocation) {
    	$('#submit').button("disable");
        $('#busca').val('Obtendo localização...');
        navigator.geolocation.getCurrentPosition(function (position) {
            $('#busca').val('Próximo a [Latitude: ' + position.coords.latitude + ", Longitude: " + position.coords.longitude + ']');
            $('#submit').button("enable");
            $('#submit').click();
        });
    } else {
        $('#busca').val('Localização Atual indisponível');
    }
}

function setSearchFieldSimple(){
	$('#busca-wrapper').html('<label for="busca">Busca:</label><input type="text" id="busca" name="busca" class="text ui-widget-content ui-corner-all" value="" />');
	$('#busca').focus();
}

function setSearchFieldUFCidadeBairro(){
	$('#busca-wrapper').html('<div id="estado-wrapper"><label for="uf">Estado:</label><select id="uf" name="uf" tabindex="7" class="ui-widget-content ui-corner-all"><option value="" selected>- Escolha um -</option><option value="AC">Acre</option><option value="AL">Alagoas</option><option value="AP">Amapá</option><option value="AM">Amazonas</option><option value="BA">Bahia</option><option value="CE">Ceará</option><option value="DF">Distrito Federal</option><option value="ES">Espirito Santo</option><option value="GO">Goiás</option><option value="MA">Maranhão</option><option value="MT">Mato Grosso</option><option value="MS">Mato Grosso do Sul</option><option value="MG">Minas Gerais</option><option value="PA">Pará</option><option value="PB">Paraiba</option><option value="PR">Paraná</option><option value="PE">Pernambuco</option><option value="PI">Piauí</option><option value="RJ">Rio de Janeiro</option><option value="RN">Rio Grande do Norte</option><option value="RS">Rio Grande do Sul</option><option value="RO">Rondônia</option><option value="RR">Roraima</option><option value="SC">Santa Catarina</option><option value="SP">São Paulo</option><option value="SE">Sergipe</option><option value="TO">Tocantins</option></select></div><div id="cidade-wrapper"><label for="cidade" title="Aqui só aparecem as cidades que temos no cadastro para o estado selecionado.">Cidade:</label><input type="text" id="cidade" name="cidade" class="text ui-widget-content ui-corner-all ui-autocomplete-input" value="" style="" title="Aqui só aparecem as cidades que temos no cadastro para o estado selecionado." autocorrect="off" autocapitalize="off" autocomplete="off" /></div><div id="bairro-wrapper"><label for="bairro">Bairro (opcional):</label><input type="text" id="bairro" name="bairro" disabled="disabled" class="text ui-widget-content ui-corner-all" value="" style="" autocorrect="off" autocapitalize="off" autocomplete="off" /></div>');

	autocompleteCidade();

    $('#uf').change(function(){
    	autocompleteCidade();
    	$('#cidade').focus();
    });

    $('#cidade').bind('input', function(){
    	if ($('#cidade').val() == ''){
    		$('#bairro').attr('disabled','disabled');
    	} else{
    		$('#bairro').removeAttr('disabled');
    		autocompleteBairro();
    	}
    	return true;
    });

    $('#uf').focus();
}

function setSearchFields(){
	var c = $('#opcoes').val();
    $('#submit').button("enable");

	if (c == 'endereco'){
        setSearchFieldSimple();
        $('#searchform').attr('action', 'search.php');
        window.location.hash = 'endereco';
    } else if ((c == 'cidade_opcoes')||(c == 'horario')){
        setSearchFieldUFCidadeBairro();
        if (c == 'cidade_opcoes'){
        	$('#searchform').attr('action', 'search.php');
        	window.location.hash = 'cidade_opcoes';
        } else {
        	$('#searchform').attr('action', 'searchtimes.php');
        	window.location.hash = 'horario';
        }
    } else if (c == 'nome'){
        setSearchFieldSimple();
        $('#searchform').attr('action', 'search.php');
        window.location.hash = 'nome';
    } else if (c == 'localizacao'){
        setSearchFieldSimple();
        $('#searchform').attr('action', 'search.php');
        window.location.hash = 'localizacao';
    }

    setExemplo();
}

function setExemplo(){
    var c = $('#opcoes').val();

    if (c == 'endereco'){
        $('#exemplos').html('Exemplos: "Glória, Rio de Janeiro", "Praça Nossa Senhora do Brasil, Jardim Paulista, São Paulo"');
    } else if (c == 'cidade_opcoes'){
        $('#exemplos').html('Escolha o estado, depois a cidade e, se quiser, o bairro.');
    } else if (c == 'nome'){
        $('#exemplos').html('Exemplos: "São Justino", "Nossa Senhora do Perpétuo Socorro"');
    } else if (c == 'localizacao'){
        getLocation();
        $('#exemplos').html('Dê permissão para o browser obter sua localização');
    } else if (c == 'horario'){
    	$('#exemplos').html('Busca por horário. Escolha o estado, depois a cidade e, se quiser, o bairro.');
    }
}

function autocompleteCidade(){
	$(function() {
        var cache = {};
        if ($('#uf').val() == ""){
        	$('#cidade').attr('disabled','disabled');
        } else {
        	$('#cidade').removeAttr('disabled');
        }

        $("#cidade").val('');
        $("#bairro").val('');
        $('#bairro').attr('disabled','disabled');
        $("#cidade").autocomplete({
            minLength: 1,
            source: function( request, response ) {
                var term = request.term;
                if ( term in cache ) {
                    response( cache[ term ] );
                    return;
                }

 				request.uf = $('#uf').val();
                $.getJSON( "autocomplete/cidade.php?", request, function( data, status, xhr ) {
                    cache[ term ] = data;
                    response( data );
                });
            }
        });
    });
}

function autocompleteBairro(){
	$(function() {
        var cache = {};
        $( "#bairro" ).val('');
        $( "#bairro" ).autocomplete({
            minLength: 1,
            source: function( request, response ) {
                var term = request.term;
                if ( term in cache ) {
                    response( cache[ term ] );
                    return;
                }

 				request.uf = $('#uf').val();
 				request.cidade = $('#cidade').val();
                $.getJSON( "autocomplete/bairro.php?", request, function( data, status, xhr ) {
                    cache[ term ] = data;
                    response( data );
                });
            }
        });
    });
}