var mygallery = new simpleGallery({ wrapperid: "workgallery", //ID of main gallery container, dimensions: [400, 275], //width/height of gallery in pixels. Should reflect dimensions of the images exactly imagearray: [ ["web_assets/pitts_and_others_008_95320AM.jpg", "", "_new", "fireplaces, oven and more"], ["web_assets/home1_23723PM.jpg", "", "_new", "Remodeling, bulding "], ["web_assets/home2_23726PM.jpg", "", "_new", "Exterior rennovations"], ["web_assets/home3_23732PM.jpg", "", "_new", "Custom fireplace surrounds"], ["web_assets/home4_23735PM.jpg", "", "_new", "Custom brick oven fireplace"], ["web_assets/cascadden_job_93706AM.jpg", "", "_new", "Decks, home remodeling and custom carpentry by TJ Edwards and Sons"] ], autoplay: [true, 4000, 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) } })