function updateSearchForm() {
    var Zoning = ($('zoning-residential').checked ? 'Residential' : 'Commercial');
    var Market = ($('market-sale').checked        ? 'Sale'        : 'Rental');
    
    var html = $('default' + 'PriceStaging').innerHTML;
    if ($(Market + Zoning + 'PriceStaging')) { html = $(Market + Zoning + 'PriceStaging').innerHTML; }
    $('formElmSearchContainer').innerHTML = html;
    
    $('formElmTypeContainer').innerHTML = $(Zoning.toLowerCase() + 'TypeStaging').innerHTML;
    initSearch();
}

function updateAllProps() {
    $('allPropSearchDiv').innerHTML = '<div class="btnWrp">' + '<span class="btnL">&nbsp;</span>' + '<span class="btnM">Properties By Name is Loading&hellip;</span>' + '<span class="btnR">&nbsp;</span>' + '</div>';
    
     //TODO: Does it need beginning /? '/ajax/all-properties' (original) or leave as is 'ajax/all-properties'
    new Ajax.Updater('allPropSearchDiv','/ajax/all-properties', {
       parameters: $('searchForm').serialize(true),
       onComplete: function() {
        $$('#allPropSearchDiv .menuTitle').each(function(n){ makeWebkitSafeMenuTitle(n); });
        //$$('#allPropSearchDiv .menuBlock').each(function(n){ makeWebkitSafeMenuBlock(n); });
        hideWebkitSafeMenus();
       }
    });
      
}


function initSearch() {
    $$('#frmElmMarket input').each(function(element) {element.observe('change', updateSearchForm); });
    $$('#frmElmZoning input').each(function(element) {element.observe('change', updateSearchForm); });
    
    if($('allPropSearchDiv')) {
        $$('#searchForm input').each (function(element) {element.observe('change', updateAllProps); });
        $$('#searchForm select').each(function(element) {element.observe('change', updateAllProps); });
        updateAllProps();
    }
}

document.observe('dom:loaded', initSearch);