$(document).ready(function(){

    // Set up our options for the slideshow...
    var myOptions = {
        noImages: 2,
        path: "images/",  // Relative path with trailing slash.
        captions: {                 
            1:'<h2>Travel Health Advice and Vaccinations</h2>',
            2:'<h2>Travel Health Advice and Vaccinations</h2>',
            3:'<b>It all sounds complicated but I designed it to be easy to use...</b> <div style="font-size:14px;margin-top:5px;">No complicated HTML, just a few lines of jQuery!</div>',
            4:'<b>There\'s not much more to say, read the documentation for usage examples.</b> <div style="font-size:14px;margin-top:5px;">Eventually I\'ll think of something interesting to write about here!</div>',
            5:'<b>So for now I\'ll say goodbye!</b<div style="font-size:14px;margin-top:5px;">Although there is still one caption left to fill...</div>',
            6:'<b>Thank you for reading this nonsense!</b> <div style="font-size:14px;margin-top:5px;">I realise it is just nonsense, but at least you can see how captions can look with some text in them.</div>'
        },
        links: { // Each image number must be listed here, unless no links are required at all, then links option can be ommitted.
            1:"http://www.google.com",
            2:"http://www.yahoo.com",
            3:"",
            4:"http://www.jquery.com",
            5:"http://www.youtube.com",
            6:""
        },
        linksOpen:'newWindow',
        timerInterval: 6500, // 6500 = 6.5 seconds
	randomise: false // Start with random image?
    };

    // Woo! We have a jquery slideshow plugin!
    $('#slideshow_container').easySlides(myOptions);

})