var mygallery=new simpleGallery({
	wrapperid: "rotator", 
	dimensions: [300, 200], 
	imagearray: [		
		["./images/mjh300.jpg", "music.html", "", ""],
		["./images/onthewingsofthewind2.jpg", "music.html", "", ""],
		["./images/pianoBeatles.jpg", "music.html", "", ""],
       ["./images/dash32.jpg", "music.html", "", ""],
       ["./images/higherPlaces32.jpg", "music.html", "", ""],
		["./images/atPiano.jpg", "music.html", "", ""],
		["./images/michael.jpg", "music.html", "", ""],
		["./images/piano3.jpg", "music.html", "", ""] //<--no trailing comma after very last image element!
	],
	autoplay: [true, 6000, 99], //[auto_play_boolean, delay_btw_slide_millisec, cycles_before_stopping_int]
	persist: false, //remember last viewed slide and recall within same session?
	fadeduration: 800, //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)
	}
})

