var departamentos;
var localidades;
var barrios;

$(document).ready(function()
{
    //Listas de departamentos, localidades y barrios con sus respectivos id
    departamentos = $("#DepartamentosList").val().split(",");
    localidades = $("#LocalidadList").val().split(",");
    barrios = $("#BarriosList").val().split(",");

    //Crear lista de departamentos
    var depoptions = '';
    for (var i = 0; i < departamentos.length; i++)
    {
        var items = departamentos[i].split(":");
        depoptions += '<option value="' + items[0] + '">' +  items[1] + '</option>';
    }
    $('#Fstate').html(depoptions);

    //Manejar evento de la lista de Localidades
    var locoptions = '<option value="" selected="selected">Ver todos »</option>';
    for (var i = 0; i < localidades.length; i++)
    {
        var items = localidades[i].split(":");
        var dep = departamentos[0].split(":");
        
        if(items[1] ==  dep[0])
        {
            locoptions += '<option value="' + items[0] + '">' +  items[2] + '</option>';
        }
    }
    $('#Ftown').html(locoptions);

    //Manejar evento de la lista de Localidades
    var baroptions = '<option value="" selected="selected">Ver todos »</option>';
    for (var i = 0; i < barrios.length; i++)
    {
        var items = barrios[i].split(":");
        var dep = departamentos[0].split(":");
        if(items[1] ==  dep[0])
        {
            baroptions += '<option value="' + items[0] + '">' +  items[2] + '</option>';
        }
    }
    $('#FNeighbourhood').html(baroptions);

    //Manejar evento de la lista de Localidades
    $('#Fstate').change(function ()
    {
        var locoptions = '<option value="" selected="selected">Ver todos »</option>';
        var baroptions = '<option value="" selected="selected">Ver todos »</option>';
        for (var i = 0; i < localidades.length; i++)
        {
            var items = localidades[i].split(":");

            if(items[1] ==  $('#Fstate').val())
            {
                locoptions += '<option value="' + items[0] + '">' +  items[2] + '</option>';
            }            
        }
        
        if(locoptions == '<option value="" selected="selected">Ver todos »</option>')
        {
            locoptions = '<option value=" ">No disponible</option>';
            baroptions = '<option value=" ">No disponible</option>';
        }

        $('#Ftown').html(locoptions);

        $('#FNeighbourhood').html(baroptions);
    });

    //Manejar evento de la lista de Barrios
    $('#Ftown').change(function ()
    {
        var baroptions = '<option value="" selected="selected">Ver todos »</option>';
        for (var i = 0; i < barrios.length; i++)
        {
            var items = barrios[i].split(":");

            if(items[1] ==  $('#Ftown').val())
            {
                baroptions += '<option value="' + items[0] + '">' +  items[2] + '</option>';
            }
        }

        if(baroptions == '<option value="" selected="selected">Ver todos »</option>')
        {
            baroptions = '<option value=" ">No disponible</option>';
        }

        $('#FNeighbourhood').html(baroptions);
    });


    var tipos = ['Terreno', 'Chacra']
    var rango1 =  ['50-100:50-100', '100-150:100-150', '150-200:150-200', '200-250:200-250','250-300:250-300','300-1e100:mas de 300']
    var rango2 = ['100-200:100-200', '200-300:200-300', '300-400:300-400', '400-600:400-600','600-900:600-900','1000-1e100:mas de 1000']

    $('#Fproperty').change( function()
    {
        var metrosptions = '<option value="0-1e100" selected="selected">Ver todos »</option>';
        var edificado = true;

        for(x in tipos)
        {
            if($('#Fproperty  :selected').text() == tipos[x])
            {
                for(c in rango2)
                {
                    var option = rango2[c].split(":");
                    metrosptions += '<option value="' + option[0] + '">' +  option[1] + '</option>';
                }
                edificado = false;
                break;
            }
        }
         
        if(edificado)
        {
            for(h in rango1)
            {
                var option = rango1[h].split(":");
                metrosptions += '<option value="' + option[0] + '">' +  option[1] + '</option>';
            }
        }

        $('#Fsurface').html(metrosptions);
    });

    var old = '';
    $('#Ffromprice').keypress(function (e)
    {
          /*if ((48 <= e.which && 59 >= e.which))
          {              
             var old = $('#Ffromprice').val();/// + String.fromCharCode(e.which)
          }
          alert(old)
          $('#Ffromprice').val('')
          $('#Ffromprice').val(old)*/
    })

});