// JavaScript Document
var mygallery=new simpleGallery({
	wrapperid: "graphic", //ID of main gallery container,
	dimensions: [830, 340], //width/height of gallery in pixels. Should reflect dimensions of the images exactly
	imagearray: [
		["./gallery/aj/main_img_y1.jpg", "", "", ""],
		["./gallery/aj/main_img_y2.jpg", "", "", ""],
		["./gallery/aj/main_img_y3.jpg", "", "", ""],
		["./gallery/aj/main_img_y4.jpg", "", "", ""],
		["./gallery/aj/main_img_y5.jpg", "", "", ""],
		["./gallery/aj/main_img_y6.jpg", "", "", ""],
		["./gallery/aj/main_img_y7.jpg", "", "", ""],
		["./gallery/aj/main_img_y8.jpg", "", "", ""],
		["./gallery/aj/main_img_y9.jpg", "", "", ""],
		["./gallery/aj/main_img_y10.jpg", "", "", ""],
		["./gallery/aj/main_img_y11.jpg", "", "", ""],
		["./gallery/aj/main_img_y12.jpg", "", "", ""],
		["./gallery/aj/main_img_y13.jpg", "", "", ""]
	],
	autoplay: [true, 6000, 2], //[auto_play_boolean, delay_btw_slide_millisec, cycles_before_stopping_int]
	persist: true,
	fadeduration: 500, //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)
	}
})