$(document).ready(function(){

    // Set up our options for the slideshow...
    var myOptions = {
        noImages: 6,
        path: "graphics/promos/slides/",  // Relative path with trailing slash.
        captions: {                 
            1:'<b>Welcome</b> <div style="font-size:14px;margin-top:5px;">This is my website, hope you like it</div>',
            2:'<b>New Zealand Cinema</b> <div style="font-size:14px;margin-top:5px;">The winners and workers of Kiwi cinema</div>',
            3:'<b>New Zealand television</b> <div style="font-size:14px;margin-top:5px;">The shows, the stars, the creators</div>',
            4:'<b>The Jonah Hex Corral</b> <div style="font-size:14px;margin-top:5px;">Background information, news, check list, and links for the DC comics western character</div>',
            5:'<b>Bite Me Fanboy</b> <div style="font-size:14px;margin-top:5px;">Keith Giffen fan site with news, bibliography and links</div>',
            6:'<b>Man-Thing</b> <div style="font-size:14px;margin-top:5px;">All you need to know about the Marvel comic character, and some other Muck Monsters</div>'
        },
        links: { // Each image number must be listed here, unless no links are required at all, then links option can be ommitted.
            1:"#",
            2:"nzcinema.html",
            3:"kiwitv/",
            4:"jonah_hex_corral.html",
            5:"giffen.html",
            6:"manthing.html"
        },
        linksOpen:'sameWindow',
        timerInterval: 6500, // 6500 = 6.5 seconds
	randomise: true // Start with random image?
    };

    // Woo! We have a jquery slideshow plugin!
    $('#slidescontainer').easySlides(myOptions);

})
