var mygallery = new simpleGallery({ wrapperid: "workgallery", //ID of main gallery container, dimensions: [491, 110], //width/height of gallery in pixels. Should reflect dimensions of the images exactly imagearray: [ ["web_assets/sponsor-ac(1).jpg", "", "_new", "Sponsor"], ["web_assets/sponsor-myers.jpg", "", "_new", "Sponsor"], ["web_assets/sponsor-fl(1).jpg", "", "_new", "Sponsor"], ["web_assets/sponsor-bb.jpg", "", "_new", "Sponsor"], ["web_assets/sponsor-mm.jpg", "", "_new", "Sponsor"], ["web_assets/sponsor-tjes.jpg", "", "_new", "Sponsor"] ], autoplay: [true, 3000, 10], //[auto_play_boolean, delay_btw_slide_millisec, cycles_before_stopping_int] persist: false, 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) } })