var pocketContents;
var pocketMarker;
function  loadMapPopupItemTiny(markerNode, infoNodeId)
{
    var contents = $('#'+infoNodeId).html();
    contents = contents.replace('src', 'smallsrc');
    contents = contents.replace('srclarge', 'src');
    $('#'+infoNodeId).html(contents);
    pocketContents = contents;
    
    map.setCenter(markerNode.getLatLng(), 15); 
    pocketMarker = markerNode;
    pocketMarker.bindInfoWindow( $('#'+infoNodeId), {maxWidth: 500}); 
    setTimeout(fillPocketContents, 1000);
}

function fillPocketContents()
{
    pocketMarker.openInfoWindowHtml(pocketContents, {maxWidth: 500}); 
    
}

function  loadMapPopupItem(type, markerNode, infoNodeId, title)
{
    var contents = $('#'+infoNodeId).html();
    contents = contents.replace('src', 'smallsrc');
    contents = contents.replace('srclarge', 'src');
    $('#'+infoNodeId).html(contents);
    
    pocketMarker = markerNode;
    pocketContents = contents;
    
    switch(type)
    {
        case 'Regular':
            pageTracker._trackEvent('MapPoint', 'Info', title);
            
        break;
        case 'Politiek':
            pageTracker._trackEvent('Politiek', 'Info', title);
            
        break;
        case 'B':
            pageTracker._trackEvent('MapPoint', 'BB', 'Easteregg');
            
        break;

        default:
        break;        
    }
    markerNode.bindInfoWindow($('#'+infoNodeId), {maxWidth: 500});    
    setTimeout(lateLoad, 1000);
}

function lateLoad()
{
    pocketMarker.openInfoWindowHtml(pocketContents, {maxWidth: 500}); 
    
}
var searchResult = new Array();
var viewIndex = 0;
function showAResult(id)
{
    var idIndex = id.indexOf('_')+1;
    var markerId = id.substring(idIndex);

     if (viewIndex+1 > searchResult.length-1)
        $('#searchRight').css("visibility", "hidden");
    else
        $('#searchRight').css("visibility", "visible");
    if (viewIndex-1 < 0)
        $('#searchLeft').css("visibility", "hidden");
    else
        $('#searchLeft').css("visibility", "visible");

    loadMapPopupItemTiny(markers[markerId], id);
} 
function searchMap()
{
        var searchLeft  =  $('#searchLeft')[0];
        var searchRight =  $('#searchRight')[0];        
        var searchText = $('#search')[0].value.toLowerCase();
        
        searchResult = new Array();
        
        if (searchText.length < 3)
        {
            $('#resultBox').css("visibility", "visible");
            $('#resultText').html("Geen juiste zoekterm");
            searchLeft.css("visibility", "hidden");
            searchRight.css("visibility", "hidden");
            return;
        }
        
        $('.markerInfo').each(function()
        {
            var markertText =  $(this).text().toLowerCase();
            if (markertText.indexOf(searchText) >= 0)
            {
                var id = $(this)[0].id;                
                searchResult.push(id);
            }            
        });
        
        $('#resultBox').css("visibility", "visible");
        if (searchResult.length != 1)
            $('#resultText').html(searchResult.length + " punten gevonden");
        else
            $('#resultText').html(searchResult.length + " punt gevonden");
        

        viewIndex = 0;
        showAResult(searchResult[viewIndex]);
        
        if (searchResult.length >0)
        {
            $('#searchLeft').click(function()
            {
                viewIndex--;

                showAResult(searchResult[viewIndex]);
            });
            
             $('#searchRight').click(function()
            {
                viewIndex++;
           
                showAResult(searchResult[viewIndex]);
            });
        }
        else
        {
            searchLeft.css("visibility", "hidden");
            searchRight.css("visibility", "hidden");
        }
    }

$(document).ready(function()
{
      $("form").submit(function() {
                    searchMap();        
                    return false;
      });
     $('#doSearch').click(searchMap);
});