var categories;

DragHandler.attach($('dragable'), $('head'));
    
http('GET', '/json-categories', function(categoriesRes) {
    categories = categoriesRes;
    for (i = 0; i < categoriesRes.length; i++) {
        var option = document.createElement('option');
        option.innerHTML    = categoriesRes[i].name;
        option.value        = categoriesRes[i].id;
        var id              = categoriesRes[i].id;
        $('categoriesDropdown').appendChild(option);
    }
});
    
function search(keyword) {
    $('contentBRes').innerHTML = null;
    if (keyword == '') { return; }        
    http('POST', '/ajaxsearch', function(markersRes) {
        if (markersRes.length == 0) {
            var item = document.createElement('div');
            item.innerHTML    = 'No results...';
            item.className    = 'itemEmpty';
            $('contentBRes').appendChild(item);
        } else {
            for (i = 0; i < markersRes.length; i++) {                    
                var item = document.createElement('div');
                item.innerHTML      = markersRes[i].name;
                item.className      = 'item';
                item.setAttribute('onclick', 'showMap();goToMarker(' + markersRes[i].lat + ', ' + markersRes[i].lng + ');');

                var address = document.createElement('p');
                address.innerHTML   = markersRes[i].address;
                item.appendChild(address);

                $('contentBRes').appendChild(item);
            }
        }
    }, { key: keyword });
}

function toggleDragable(elem) 
{
    if ($S('content').display == 'none') {
        $('headToggle').src = '/cms/skins/burton/images/icons/win_max.gif';
        $S('head').borderBottom = '1px solid #777';
        $S('content').display = 'block';
    } else {
        $('headToggle').src = '/cms/skins/burton/images/icons/win_min.gif';
        $S('head').borderBottom = '0';
        $S('content').display = 'none';
    }
}