// JavaScript Document

var mygallery=new simpleGallery({
	wrapperid: "simplegallery1", //ID of main gallery container,
	dimensions: [320, 240], //width/height of gallery in pixels. Should reflect dimensions of the images exactly
	imagearray: [
		["images/photos/cleandirty.png", "", "", ""],
		["images/photos/cleandirty2.jpg", "", "", ""],
		["images/photos/cleandirty3.jpg", "", "", ""],
		["images/photos/rug.jpg", "", "", ""],
		["images/photos/hallway.jpg", "", "", ""],
		["images/photos/hallway2.jpg", "", "", ""],
		["images/photos/qcsimage.png", "", "", ""],
		["images/photos/wax-before.jpg", "", "", ""],
		["images/photos/wax-after.jpg", "", "", ""],
		["images/photos/chair-before-cleaning.jpg", "", "", ""],
		["images/photos/chair-half-cleaned.jpg", "", "", ""],
		["images/photos/chair-half-cleaned-closeup.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)
	}})