var defaultKeywordValue = 'Trefwoord, plaatsnaam, kantoornaam';
$(function(){

    $('#tab-office #search').bind('keyup',function(){ getSearchResult('office'); });
    $('#tab-office input[type=checkbox]').bind('change',function(){ getSearchResult('office'); });
    getSearchResult('office');

    $('#tab-lawyers #search').bind('keyup',function(){ getSearchResult('lawyers'); });
    $('#tab-lawyers input[type=checkbox]').bind('change',function(){ getSearchResult('lawyers'); });
    getSearchResult('lawyers');

    // set actions NL map
    if($('#nl').length > 0) {

        $('#nl').bind('mouseout',function(){
            if($('#region').val() == '') {
                $('#map_nl').attr('src',baseUrl+'/images/map_nl.gif');
            }
        });

        $('#nl area').bind('mouseover',function(){
            if($('#region').val() == '') {
                var val = $(this).attr('alt').toLowerCase().replace(' ','-');
                var src = baseUrl+'/images/map_nl_'+val+'.gif';
                $('#map_nl').attr('src',src);
            }
        });

        $('#nl area').bind('click',function(){
            var val = $(this).attr('alt');
            if($('#region').val() == val) {
                $('#map_nl').attr('src',baseUrl+'/images/map_nl.gif');
                $('.region').html('-');
                $('#region').val('');
            } else {
                $('.region').html(val);
                $('#region').val(val);
                var val = val.toLowerCase().replace(' ','-');
                var src = baseUrl+'/images/map_nl_'+val+'.gif';
                $('#map_nl').attr('src',src);
            }
        });

    }

})


function setPage(page)
{
    $('form #page').val(page);
    $('form').submit();
}

function getSearchResult(tab)
{
    searchEl = $('#tab-'+tab+' form input[name=search]');
    tmp = searchEl.val();
    if(tmp == defaultKeywordValue) {
        searchEl.val('');
    }
    var data = $('#tab-'+tab+' form').serialize();
    searchEl.val(tmp);

    $.ajax({

        url: baseUrl+'/ajax/search-'+tab+'?'+data,
        dataType: 'json',
        success: function(data){
            setResults(data,tab);
        },
        error: function(objAJAXRequest, strError) {
          //alert(baseUrl+'/ajax/search-'+tab+'?'+data + "\n"+objAJAXRequest.responseText);
        }

    });
}

function setResults(value,tab)
{
    var txt = (value == 1 ? 'resultaat' : 'resultaten');
    $('#tab-'+tab+' #save').val('Toon '+value+' '+txt);
}