var delegate = {
	willShow: function(overlayPanel, outgoing, incoming) {
		overlayPanel.setOverlayShadowImageSrc('http://images.apple.com/br/macbookpro/images/overlay-designbg20081014.png');
	}
}

Event.onDOMReady(function() {

	AC.OverlayPanel.overlay.setDelegate(delegate);

	var gallerySections = $$('.shapeStep');

	var shapeGalleryViewMaster = new AC.ViewMaster.SlideshowViewer(gallerySections, 'shapeSwapView', 'shape-trigger', '', {
		willEnd: true,
		delay: 1000,
		parentSectionId: 'shape',
		parentTriggerClassName: 'overlaythumb',
		silentTriggers: true,
        animationDuration: 0.8
	});

	var parentViewMasterListener = {
		willShow: function(viewMaster, outgoing, incoming) {
			if (incoming.id === 'shape') {
				this.reset();
			}
		}
	}

	Object.extend(parentViewMasterListener, Event.Listener);
	parentViewMasterListener.listenForEvent(AC.ViewMaster, 'ViewMasterDidShowNotification', false, function(evt) {
		var data = evt.event_data.data;
		if (data.outgoingView && data.outgoingView.id === 'shape') {
			shapeGalleryViewMaster.stop();
			shapeGalleryViewMaster.reset();
		} else if (data.incomingView && data.incomingView.id === 'shape') {
			shapeGalleryViewMaster.reset();
			shapeGalleryViewMaster.start();
		}
	});
});