I have the following code:

var src, flickrImages = [];



$.ajax({

    type: GET,

    url: http://api.flickr.com/services/rest/?method=flickr.photos.search&api_key=bf771e95f2c259056de5c6364c0dbb62&text= + xmlTitle.replace(' ', '%20') + &safe_search=1&per_page=5&format=json,

    dataType: json,

    statusCode: {

        404: function() {

                    alert('page not found');

                }

    },

    success: function(data) {

        $.each(data.photos.photo, function(i,item){

            src = http://farm+ item.farm +.static.flickr.com/ + item.server + / + item.id + _ + item.secret + _s.jpg;

            flickrImages[i] = '<img src=' + src + '>';

        });

    }

});



// undefined returned here for flickrImages



map.setZoom(13);

map.setCenter(new google.maps.LatLng(xmlLat,xmlLng));

infowindow.setContent('<strong>' + xmlTitle + '</strong><br>' + xmlExcerpt + '<br><br>' + flickrImages.join(''));

infowindow.open(map,this);

I am trying to access flickrImages variable outside the ajax so I am able to put it inside a infowindow for google maps. Unfortunately outside the ajax it returns undefined.

I tried moving the flickr things into the ajax but unfortunately it then loses some of the other information such as xmlTitle and xmlExcerpt.

Any help is much appreciated.

Thanks in advance,

Dave.