var mygallery=new simpleGallery({
wrapperid: "project", //ID of main gallery container,
dimensions: [640, 430], //width/height of gallery in pixels. Should reflect dimensions of the images exactly
imagearray: [
["images/1.jpg", "", "", ""],
["images/2.jpg", "", "", ""],
["images/3.jpg", "", "", ""],
["images/4.jpg", "", "", ""],
["images/5.jpg", "", "", ""],
["images/6.jpg", "", "", ""],
["images/7.jpg", "", "", ""],
["images/8.jpg", "", "", ""],
["images/9.jpg", "", "", ""],
["images/10.jpg", "", "", ""],
["images/11.jpg", "", "", ""],
["images/12.jpg", "", "", ""],
["images/13.jpg", "", "", ""],
["images/14.jpg", "", "", ""],
["images/15.jpg", "", "", ""],
["images/16.jpg", "", "", ""],
["images/17.jpg", "", "", ""],
["images/18.jpg", "", "", ""],
["images/19.jpg", "", "", ""],
["images/20.jpg", "", "", ""],
["images/21.jpg", "", "", ""],
["images/22.jpg", "", "", ""],
["images/23.jpg", "", "", ""]
],
autoplay: [true, 2500, 100], //[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)
}
})