Visa rätt fotografier i varje sammanfogade markörer - "klump"

Hej!

Just nu har jag 8 bilder som visas som markörer på en kartan och när jag klickar på ett av dessa markörer, dimmas kartan ner och visar det specifika fotografiet. Om jag zoomar ut tillräckligt mycket, klumpas flera markörer som är nära varann ihop. Klickar jag på den här "klumpen" så att säga, dimmas kartan ner och visar alla de fotografier som "klumpen" innehåller.

Problemet är att "klumpen" inte visar rätt fotografier som ni kan se i det här exemplet. Hur gör jag för att "klumpen" ska visa rätt fotografier? Nedan kan ni se koden som skapar den här "klumpen":

var markerCluster = new MarkerClusterer(gm_map, [], options_markerclusterer);

google.maps.event.addListener(markerCluster, 'clusterclick', function() {
    $('#toggle-photolist').fadeIn();
    $('#close-overlay').fadeIn();
    $('#view-multiblephotos').show();
    $('#view-singlephoto').hide();


    var array = [];
    var num = 0;
    for(i = 0; i < locations.length; i++) {
        num++;

        array.push(locations[i][0]);
    }

    $('#count-photos').text(num);
    $('#list-photos').html(array.join(''));
});

Jag vet att jag behöver att loopa ut fotografierna på nytt, men... hur? Jag håller på att lära mig loops i JavaScript, så jag är bara en nybörjare inom området. Jag hoppas att ni förstod vad jag behöver hjälp med. Fråga annars vad jag menar, så försöker jag att berätta mer ingående om problemet

Tack på förhand.

Jag och brorsan satt över telefonen och programmerade genom jsFiddle. Nu är allt fixat och ni kan se resultatet på samma länk som jag angav i mitt första inlägg i denna tråd.