AreaClickedCallback = function(areaId) { };

function UpdateFromSelectedLocation() {
    selected = $('input[name="siteAreaId"]:checked');
    if (selected.size() <= 0) return;

    // Clear selected formatting, then apply to just the correct element
    $('#locationBox .selected').removeClass('selected');
    selected.next().addClass("selected");

    // Reveal the list, if it is hidden
    selected.closest("ul").css('display', 'block');

    // Do the callback
    AreaClickedCallback(selected.attr('id'));    
}

$(document).ready(UpdateFromSelectedLocation);

function ClickArea(areaId) {
    elem = $('#' + areaId);
    elem.attr("checked", "checked");
    UpdateFromSelectedLocation();
}

function ClickSite(siteId) {
    siteElem = $('#site_' + siteId);
    visibility = siteElem.css('display');
    if (visibility == 'none') { siteElem.css('display', 'block') }
    else { siteElem.css('display', 'none') }
}