I have inherited an image gallery constructed using javascript. I believe it uses a variation of JQuery, but it seems to have been heavily edited.

The gallery loads the first image on page load. Each image has comments below them. There are forward and backward arrows that move between images.

The problem I seem to have is that if there is a comment on image one, it is not loaded on page start, the only way to get it to display is to click forward to the next image, then click back to image one. The comment is then shown.

All the comments are loaded into a script in the header under var sent_comments = [{COMMENTS}]

The comment HTML code on loading is as follows;

<div id="comments_container">
   <div id="comments">
   </div>
</div>

Once I have clicked to image two and then back to image one, the code is;

<div id="comments_container">
   <div id="comments">
       SOME COMMENT
   </div>
</div>

Previous image button is:

<a class="prev save_state" href="#">
   <img src="/next.png?" alt="Next">
</a>

Im new to javascript so not really sure what I will need to do to ensure the comment is loaded for the first image when the page loads.

Code here: http://static.albumexposure.net/assets/presentation-9f47b054d96f9ec2459e89619a5fe9b4.js

http://static.albumexposure.net/assets/presentations/book-699d82a2beb39df264e54c5d2578e0e4.js