Hi Guys & Girls,
I am after some help with some Java Script. Basically I want a slideshow of photos to display on my website on the homepage. I have used a program called visual lightbox to create a java script gallery so it will also show in iOS devices.

The script it produced showed basically a thumbnail galley and when one photo is clicked it launched a slideshow. So firstly I found out how to not show the thumbnails on the page by entering style="display: none in to the script, great phase 1 done.
I have searched on Visual Light Box’s website and a few people have asked a similar question about how you auto start the slideshow without clicking on an image and the website says
“If you want to get pop up window without click on thumbnail, you should add following line: “
<script type="text/javascript">$(function(){ Lightbox.start('.vlightbox1:first-child') });</script>

after VisualLightBox head section.

Notice that call of "vlbdata1.js" file should be in VisualLightBox head section.
I have tried playing around with inserting this code in several places but had no luck. Can anyone advise me on where I should place this line in the code I have put below please? I am also unsure if the section of the autostart code above that is typed '.vlightbox1:first-child' Is referring to the first photo, if so then that is not the first photo on my gallery it is the example script from the visual lightbox website.
The code of my gallery is listed below:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>

<title>Intro</title>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<meta name="keywords" content="Intro" />
<meta name="description" content="Intro" />

<!-- Start VisualLightBox.com HEAD section -->

<link rel="stylesheet" href="engine/css/vlightbox1.css" type="text/css" />
<link rel="stylesheet" href="engine/css/visuallightbox.css" type="text/css" media="screen" />
<script src="engine/js/jquery.min.js" type="text/javascript"></script>
<script src="engine/js/visuallightbox.js" type="text/javascript"></script>
<!-- End VisualLightBox.com HEAD section -->

</head>

<body bgcolor="#ffffff">

<!-- Start VisualLightBox.com BODY section id=1 -->
<div id="vlightbox1">
<a class="vlightbox1" href="data/images1/01.jpg" title="01" style="display: none;"><img src="data/thumbnails1/01.jpg" alt="01"/></a>
<a class="vlightbox1" href="data/images1/02.jpg" title="02" style="display: none;"><img src="data/thumbnails1/02.jpg" alt="02"/></a>
<a class="vlightbox1" href="data/images1/03.jpg" title="03" style="display: none;"><img src="data/thumbnails1/03.jpg" alt="03"/></a>
<a class="vlightbox1" href="data/images1/04.jpg" title="04" style="display: none;"><img src="data/thumbnails1/04.jpg" alt="04"/></a>
<a class="vlightbox1" href="data/images1/05.jpg" title="05" style="display: none;"><img src="data/thumbnails1/05.jpg" alt="05"/></a>
<a class="vlightbox1" href="data/images1/06.jpg" title="06" style="display: none;"><img src="data/thumbnails1/06.jpg" alt="06"/></a>
<a class="vlightbox1" href="data/images1/07.jpg" title="07" style="display: none;"><img src="data/thumbnails1/07.jpg" alt="07"/></a>
<a class="vlightbox1" href="data/images1/08.jpg" title="08" style="display: none;"><img src="data/thumbnails1/08.jpg" alt="08"/></a>
<a class="vlightbox1" href="data/images1/09.jpg" title="09" style="display: none;"><img src="data/thumbnails1/09.jpg" alt="09"/></a>
<a class="vlightbox1" href="data/images1/10.jpg" title="10" style="display: none;"><img src="data/thumbnails1/10.jpg" alt="10"/></a>
<a class="vlightbox1" href="data/images1/11.jpg" title="11" style="display: none;"><img src="data/thumbnails1/11.jpg" alt="11"/></a>
<a class="vlightbox1" href="data/images1/12.jpg" title="12" style="display: none;"><img src="data/thumbnails1/12.jpg" alt="12"/></a>
<a class="vlightbox1" href="data/images1/13.jpg" title="13" style="display: none;"><img src="data/thumbnails1/13.jpg" alt="13"/></a>
<a class="vlightbox1" href="data/images1/14.jpg" title="14" style="display: none;"><img src="data/thumbnails1/14.jpg" alt="14"/></a>
<a class="vlightbox1" href="data/images1/15.jpg" title="15" style="display: none;"><img src="data/thumbnails1/15.jpg" alt="15"/></a>
<a class="vlightbox1" href="data/images1/16.jpg" title="16" style="display: none;"><img src="data/thumbnails1/16.jpg" alt="16"/></a>
<a class="vlightbox1" href="data/images1/17.jpg" title="17" style="display: none;"><img src="data/thumbnails1/17.jpg" alt="17"/></a>
<a class="vlightbox1" href="data/images1/18.jpg" title="18" style="display: none;"><img src="data/thumbnails1/18.jpg" alt="18"/></a>
<a class="vlightbox1" href="data/images1/19.jpg" title="19" style="display: none;"><img src="data/thumbnails1/19.jpg" alt="19"/></a>
<a class="vlightbox1" href="data/images1/20.jpg" title="20" style="display: none;"><img src="data/thumbnails1/20.jpg" alt="20"/></a>
<a class="vlightbox1" href="data/images1/21.jpg" title="21" style="display: none;"><img src="data/thumbnails1/21.jpg" alt="21"/></a>
<a class="vlightbox1" href="data/images1/22.jpg" title="22" style="display: none;"><img src="data/thumbnails1/22.jpg" alt="22"/></a>
<a class="vlightbox1" href="data/images1/23.jpg" title="23" style="display: none;"><img src="data/thumbnails1/23.jpg" alt="23"/></a>
<a class="vlightbox1" href="data/images1/24.jpg" title="24" style="display: none;"><img src="data/thumbnails1/24.jpg" alt="24"/></a>
<a class="vlightbox1" href="data/images1/25.jpg" title="25" style="display: none;"><img src="data/thumbnails1/25.jpg" alt="25"/></a>
<a class="vlightbox1" href="data/images1/26.jpg" title="26" style="display: none;"><img src="data/thumbnails1/26.jpg" alt="26"/></a>
<a class="vlightbox1" href="data/images1/27.jpg" title="27" style="display: none;"><img src="data/thumbnails1/27.jpg" alt="27"/></a>
<a class="vlightbox1" href="data/images1/28.jpg" title="28" style="display: none;"><img src="data/thumbnails1/28.jpg" alt="28"/></a>
<a class="vlightbox1" href="data/images1/29.jpg" title="29" style="display: none;"><img src="data/thumbnails1/29.jpg" alt="29"/></a>
<a class="vlightbox1" href="data/images1/30.jpg" title="30" style="display: none;"><img src="data/thumbnails1/29.jpg" alt="29"/></a>
<img src="data/thumbnails1/30.jpg" alt="30"/></a>
<a class="vlb" href="http://visuallightbox.com">Html Gallery Creator by VisualLightBox.com v5.3</a>
</div>
<script src="engine/js/vlbdata1.js" type="text/javascript"></script>
<!-- End VisualLightBox.com BODY section -->

</body>
</html>