// JavaScript Document

var featureSlideShow=new simpleGallery({
	wrapperid: "featureSlideShow", //ID of main gallery container,
	dimensions: [800, 320], //width/height of gallery in pixels. Should reflect dimensions of the images exactly
	imagearray: [
		["featureSlideShow/house001.jpg", "/projects/chicago-custom-homes.php", "", "Custom Home"],
		["featureSlideShow/kitchen001.jpg", "/projects/chicago-kitchen-remodeling.php", "", "Kitchen Remodel"],
		["featureSlideShow/house002.jpg", "/projects/chicago-custom-homes.php", "", "Custom Home"],
		["featureSlideShow/kitchen002.jpg", "/projects/chicago-kitchen-remodeling.php", "", "Kitchen Remodel"],
		["featureSlideShow/house003.jpg", "/projects/chicago-custom-homes.php", "", "Custom Home"],
		["featureSlideShow/kitchen003.jpg", "/projects/chicago-kitchen-remodeling.php", "", "Kitchen Remodel"]
	],
	autoplay: [true, 5000, 5], //[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)
	}
})