var mygallery=new simpleGallery({
wrapperid: "simplegallery1", //ID of main gallery container,
dimensions: [600, 368], //width/height of gallery in [pixels, pixels] or ['percentage%', pixels]
imagearray: [
["images/Toppers/topper1.jpg", "", "", ""],
["images/Toppers/topper2.jpg", "", "", ""],
["images/Toppers/topper3.jpg", "", "", ""],
["images/Toppers/topper4.jpg", "", "", ""],
["images/Toppers/topper5.jpg", "", "", ""]
],
autoplay: [true, 5000, 5], //[auto_play_boolean, delay_btw_slide_millisec, cycles_before_stopping_int]
persist: false,
scaleimage: 'both', //valid values are 'both', 'width', or 'none'
fadeduration: 100, //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 (ie: try this.navigate("play/pause")
//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)
}
})