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 = $$('.easyoperationStep');
	
	var content = $('firstStep');
	//content.remove();
	var easyoperationGalleryViewMaster = new AC.ViewMaster.Viewer(gallerySections, 'easyoperationSwapView', 'easyoperation-trigger',{silentTriggers:true});
	
	var targetContent = $('easyoperation');
	var prevButton = targetContent.getElementsByClassName('buttonPrevious')[0];
	Event.observe(prevButton, 'click', function(evt) {
		easyoperationGalleryViewMaster.triggerClicked(null, prevButton);
		Event.stop(evt);
	});

	var nextButton = targetContent.getElementsByClassName('buttonNext')[0];
	Event.observe(nextButton, 'click', function(evt) {
		easyoperationGalleryViewMaster.triggerClicked(null, nextButton);
		Event.stop(evt);
	});
	
	var parentViewMasterListener = {
		willShow: function(viewMaster, outgoing, incoming) {
			if (incoming.id === 'easyoperation') {
				this.reset();
				//alert('incoming.id : easyoperation');
				//easyoperationGalleryViewMaster.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 === 'easyoperation') {
			easyoperationGalleryViewMaster.showFirst();
		} else if (data.incomingView && data.incomingView.id === 'easyoperation') {
			//easyoperationGalleryViewMaster.showFirst();
		}
	});
});