var mygallery = new simpleGallery({
    wrapperid: "simplegallery1", //ID of main gallery container,
    dimensions: [655, 305], //width/height of gallery in pixels. Should reflect dimensions of the images exactly
    imagearray: [
        ["images/1-Brownstone.jpg", "", "_self", ""],
        ["images/2-Stilo.jpg", "", "_self", ""],
        ["images/3-Belvisi.jpg", "", "_self", ""],
        ["images/4-Miss-Picnic.jpg", "", "_self", ""],
        ["images/5-Plough-Coton.jpg", "", "_self", ""],
        ["images/6-Don-Pasquale.jpg", "", "_self", ""],
        ["images/7-Dudley-Developments.jpg", "", "_self", ""],
        ["images/8-Aviva.jpg", "", "_self", ""]
	],
    autoplay: [true, 3500, 2000], //[auto_play_boolean, delay_btw_slide_millisec, cycles_before_stopping_int]
    persist: false, //remember last viewed slide and recall within same session?
    fadeduration: 500, //transition duration (milliseconds)
    oninit: function() { //event that fires when gallery has initialized/ ready to run
        //Keyword "this": references current gallery instance (ie: try this.navigate("play/pause"))
    },
    onslide: function(curslide, i) { //event that fires after each slide is shown
        //Keyword "this": references current gallery instance
        //curslide: returns DOM reference to current slide's DIV (ie: try alert(curslide.innerHTML)
        //i: integer reflecting current image within collection being shown (0=1st image, 1=2nd etc)

        //for (var x = 0; x < this.setting.imagearray.length; x++) {
        //    document.getElementById('client' + x).style.textDecoration = 'none';
        //}
        //document.getElementById('client' + i).style.textDecoration = 'underline';
    }
})