window.addEvent('domready', function() {
	var galleryEle = $('homeGallery');
	var galleryNav = galleryEle.getElement('.nav');
	var galleryElements = galleryEle.getChildren('.element');
	
	var homeGallery = new SlideShow(
		galleryEle, {
			selector: '.element',
			autoplay: true
		}
	);
	homeGallery.addEvent('show', function(slideData) {
		// re-apply the active class
		galleryNav.getChildren('span').each(function(ele, index) {
			ele.removeClass('active');
			if (homeGallery.index == index) ele.addClass('active');
		});
	});
	
	// Build our navigation
	for (var i = 0; i < galleryElements.length; i++) {
		galleryNav.adopt(
			new Element('span', {
				"class": (i == 0) ? "active" : "",
				"events": {
					click: function() {
						homeGallery.show(this.index);
					}.bind({ index: i })
				}
			})
		)
	}
});