var mygallery2 = new simpleGallery({
        wrapperid: "simplegallery2", //ID of main gallery container,
        dimensions: [400, 267], //width/height of gallery in pixels. Should reflect dimensions of the images exactly
        imagearray: [
		["images/front/1.jpg", "", "", ""],
		["images/front/2.jpg", "", "", ""],
		["images/front/3.jpg", "", "", ""],
		["images/front/4.jpg", "", "", ""],
		["images/front/5.jpg", "", "", ""],
		["images/front/6.jpg", "", "", ""],
		["images/front/7.jpg", "", "", ""],
		["images/front/8.jpg", "", "", ""],
		["images/front/9.jpg", "", "", ""],
		["images/front/10.jpg", "", "", ""],
		["images/front/11.jpg", "", "", ""],
		["images/front/12.jpg", "", "", ""],
		["images/front/13.jpg", "", "", ""],
		["images/front/14.jpg", "", "", ""],
		["images/front/15.jpg", "", "", ""],
		["images/front/16.jpg", "", "", ""],
		["images/front/17.jpg", "", "", ""],
		["images/front/18.jpg", "", "", ""]
	],
        autoplay: [true, 2500, 2], //[auto_play_boolean, delay_btw_slide_millisec, cycles_before_stopping_int]
        persist: true,
        fadeduration: 1000, //transition duration (milliseconds)
        oninit: function() { //event that fires when gallery has initialized/ ready to run
        },
        onslide: function(curslide, i) { //event that fires after each slide is shown
            //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)
        }
    })