google.setOnLoadCallback(function(){
     $('#gemeinden_map').each(function(){
        var mapID = $(this).attr('id');
        
        // EZA Allgäu Koordinaten:
        var latitude = 47.938993069268086;
        var longitude = 11.148121984375011;
        
        var zoom = 7;
        var latlng = new google.maps.LatLng(latitude, longitude);
        var myOptions = {
          zoom: zoom,
          center: latlng,
          mapTypeId: google.maps.MapTypeId.ROADMAP
        };
        var map = new google.maps.Map(document.getElementById(mapID), myOptions);

        var icon = new google.maps.MarkerImage('http://www.eza-allgaeu.de/images/icons/mm_20_yellow.png',
            new google.maps.Size(12,20), // icon size
            new google.maps.Point(0,0), // icon origin
            new google.maps.Point(0,0)); // icon anchor
        var shadow = new google.maps.MarkerImage('http://www.eza-allgaeu.de/images/icons/mm_20_shadow.png',
            new google.maps.Size(22,20), // shadow size
            new google.maps.Point(0,0), // shadow origin
            new google.maps.Point(0,0)); // shadow anchor
        
        var markersList = [];
        $('#gemeinden .gemeinde').each(function(){
            var gemeinde = $(this);
            var marker = new google.maps.Marker({
                position: new google.maps.LatLng(
                    parseFloat($(this).attr('data-latitude')),
                    parseFloat($(this).attr('data-longitude'))
                ),
                icon: icon,
                shadow: shadow
            });
            /*var infoWindow = new google.maps.InfoWindow({
              content: $(this).get(0).cloneNode(true)
            });*/
            google.maps.event.addListener(marker, 'click', function() {
              //infoWindow.open(map, marker);
              $('#gemeinden .gemeinde').not(gemeinde).fadeOut('slow', function() {
                  gemeinde.fadeIn('slow');
              });
            });
            marker.setMap(map);
            
            markersList.push({
                marker: marker,
                node: $(this)
            });
        });
        
        $('#gemeinden_categories').change(function(){
            var selector = $(this).val();
            $.each(markersList, function(index, element) {
                if (element.node.hasClass(selector)) {
                    element.marker.setMap(map);
                } else {
                    element.marker.setMap(null);
                }
            });
        });
    });
});

//<!-- ----------------------- -->
//<!-- jQuery autocomplete & tabs -->
//<!-- ----------------------- -->

function formatItem(row) {
    return row[0] + " (<strong>id: " + row[1] + "</strong>)";
}
function formatResult(row) {
    return row[0].replace(/(<.+?>)/gi, '');
}

$().ready(function() {

    $("#searchInput").autocomplete("wordIndex.php", {
    width: 130,
    selectFirst: true
    });

    $("#searchInput").result(function(event, data, formatted) {
      if (data)
          $(this).parent().next().find("input").val(data[1]);
    });

	$("#tabs").tabs();
    // Margins der Bildergalerie-Elemente an Bilder anpassen.
    // es gibt zwei Bilderglerie-größen: alt:70px neu:150px;
    $('img[width="70"]').parent().parent().css('width', '8.5em');
});