$jq = jQuery.noConflict();
var cityAreas = false;
        
$jq().ready(function() {
    if (txtCity == null)
    {
        return;
    }
    else
    {
        $jq(txtCity).focus().autocomplete('/AutoComplete.aspx?type=city', {width:200, minChars: 2, selectFirst: true, scrollHeight:200});
        $jq("#" + txtCity.id).result(function(event, data, formatted) 
        {
            hiddenCity.value = data[1];
            $jq(hiddenBairro).val('');
            getRegions(data[1], '');
        });
    }
});      

function getRegions(city, sCityAreas)
{
    showLoader();
    cityAreas = sCityAreas;
    PageMethods.getRegions(city, showRegions);
}

function showRegions(hs)
{
    $jq("#divRegions").html('');
    if (hs.length > 0)
    {
        $jq("#divRegions").css({display: 'block'});
        $jq("#divActions").css({display: 'block'});
        
        for(var i = 0; i < hs.length; i++)
        {
            //For each Region
            var lstBairros = hs[i].Value;
            var sResult = '';
            for (var e = 0; e < lstBairros.length; e++)
            {           
                sResult = sResult + "<div class='divBairro'><input type='checkbox' value='" + lstBairros[e].Value + "' id='chk" + lstBairros[e].Value + "' onclick='checkBairro();' class='chkBairro'></input><label for='chk" + lstBairros[e].Value + "'>" + lstBairros[e].Key + "</label></div>";
            }
                       
            var divRegion = $jq("#divRegions").append("<div id='divRegion" + i + "' class='divRegion'><div class='headerRegion'><table style='height:20px;' cellpadding='0' border='0' cellspacing='0'><tr><td valign='middle'><input type='checkbox' value='" + hs[i].Key + "' id='chkRegion" + i + "' class='chkRegionUzoekt' onclick='checkRegion(" + i + ");'></input></td><td valign='middle'><label for='chkRegion" + i + "'>" + hs[i].Key + "</label></td></tr></table></div>" + sResult  + "</div>");
        }
    }
    else
    {
        $jq("#divRegions").css({display: 'none'});
        $jq("#divActions").css({display: 'none'});
    }
    
    if (cityAreas != '')
    {
        setCityAreas(cityAreas);
    }
    hideLoader();
}

function checkBairro()
{
    $jq(hiddenBairro).val('');
    $jq(".chkBairro").each(function()
        {
            if (this.checked)
            {
                this.parentNode.style.color = 'red'; 
                $jq(hiddenBairro).val($jq(hiddenBairro).val() + this.value + ';');              
            }
            else
            {
                this.parentNode.style.color = 'black'; 
            }
        }
    );
}

function checkRegion(i)
{
    var checked = $jq("#chkRegion" + i).attr('checked');
    $jq("#divRegion" + i + "").find('.chkBairro').each(function()
        {
            this.checked = checked;
        }
    );
    checkBairro();
}


function checkAll()
{
    $jq("#divRegions").find('input').each(function()
        {
            this.checked = true;
        }
    );
    checkBairro();
}

function uncheckAll()
{
    $jq("#divRegions").find('input').each(function()
        {
            this.checked = false;
        }
    );
    checkBairro();
}

function setCityAreas(sRegions2)
{
    var arrRegion2 = sRegions2.split(";");
    for(var i = 0; i < arrRegion2.length ; i++)
    {
        if (arrRegion2[i] != '')
        {
            $jq("#chk" + arrRegion2[i]).attr("checked", true);
        }
    }
    checkBairro();
}


function showLoader()
{
    $jq("#divLoader").css("display", "inline-block");
}

function hideLoader()
{
    $jq("#divLoader").css("display", "none");
}