$(document).ready(function(){

    // Set up our options for the slideshow...
    var myOptions = {
        noImages: 6,
        path: "Examples/Example 1/slideshow_images/",  // Relative path with trailing slash.
        captions: {                 
            1:'<b>SUT Chemistry Department</b> <div style="font-size:14px;margin-top:5px;">Visit our website for more information</div>',
            2:'<b>SUT Chemistry Department</b> <div style="font-size:14px;margin-top:5px;">Visit our website for more information</div>',
            3:'<b>SUT Chemistry Department</b> <div style="font-size:14px;margin-top:5px;">Visit our website for more information</div>',
            4:'<b>SUT Chemistry Department</b> <div style="font-size:14px;margin-top:5px;">Visit our website for more information</div>',
            5:'<b>SUT Chemistry Department</b>  <div style="font-size:14px;margin-top:5px;">Visit our website for more information</div>',
            6:'<b>SUT Chemistry Department</b> <div style="font-size:14px;margin-top:5px;">Visit our website for more information</div>'
        },
        links: { // Each image number must be listed here, unless no links are required at all, then links option can be ommitted.
            1:"",
            2:"",
            3:"",
            4:"",
            5:"",
            6:""
        },
        linksOpen:'newWindow',
        timerInterval: 3000, // 4000 = 4 seconds
	randomise: false // Start with random image?
    };

    // Woo! We have a jquery slideshow plugin!
    $('#example_1_container').easySlides(myOptions);

})
