var delegate = {
	willShow: function(overlayPanel, outgoing, incoming) {
		overlayPanel.setOverlayShadowImageSrc('http://images.apple.com/jp/getamac/faq/images/switch/overlay-designbg20081107.png');
	}
}

Event.onDOMReady(function() {

	AC.OverlayPanel.overlay.setDelegate(delegate);

	var gallerySections = $$('.enjoyablemacStep');
	
	var content = $('firstStep');
	//content.remove();
	var enjoyablemacGalleryViewMaster = new AC.ViewMaster.Viewer(gallerySections, 'enjoyablemacSwapView', 'enjoyablemac-trigger',{silentTriggers:true});
	
	var targetContent = $('enjoyablemac');
	var prevButton = targetContent.getElementsByClassName('buttonPrevious')[0];
	Event.observe(prevButton, 'click', function(evt) {
		enjoyablemacGalleryViewMaster.triggerClicked(null, prevButton);
		Event.stop(evt);
	});

	var nextButton = targetContent.getElementsByClassName('buttonNext')[0];
	Event.observe(nextButton, 'click', function(evt) {
		enjoyablemacGalleryViewMaster.triggerClicked(null, nextButton);
		Event.stop(evt);
	});
	
	var parentViewMasterListener = {
		willShow: function(viewMaster, outgoing, incoming) {
			if (incoming.id === 'enjoyablemac') {
				this.reset();
				//alert('incoming.id : enjoyablemac');
				//enjoyablemacGalleryViewMaster.showFirst();
			}
		}
	}

	Object.extend(parentViewMasterListener, Event.Listener);
	parentViewMasterListener.listenForEvent(AC.ViewMaster, 'ViewMasterDidShowNotificationTop', false, function(evt) {
		var data = evt.event_data.data;
		if (data.outgoingView && data.outgoingView.id === 'enjoyablemac') {
			enjoyablemacGalleryViewMaster.showFirst();
		} else if (data.incomingView && data.incomingView.id === 'enjoyablemac') {
			//enjoyablemacGalleryViewMaster.showFirst();
		}
	});
});