window.addEvent('domready', function() {	
	//IMAGE HOVER WIDGET - Shows the title/caption area and ImageAction buttons when the user hovers over one of the large images.
		//Thanks to virtualgadjo from the Mootools forums for help simplifying this code.
	var theImg				= $$('.largeImageContainer');
	var imageHoverers		= $$('.imageHover');
	var SendPhotoForms 		= $$('.sendPhotoForm');
	var imageActions 		= $$('.imageActions');
	var CloseClearButtons	= $$('.CloseClearButton');
	var imageSendForms		= $$('.imageSendForm');
	var imageActionContainers = $$('.imageActionContainer');
	
	imageHoverers.setStyle('display', 'block');
	imageHoverers.fade('hide');
	CloseClearButtons.fade('hide');
    imageSendForms.fade('hide');

	theImg.each(function(el, i){
		el.addEvents({
			'mouseover': function(){
				imageHoverers[i].fade('in');
			},
			'mouseout': function(){
				imageHoverers[i].fade('out');
			}
		});
	});		
	
	
	//Image Actions - Send this photo to a friend...
	imageActions.each (function(widget){
		var imageSendWidgetOpenClose = new Fx.Morph(widget.getElement('.imageActionContainer'), {duration: 800, transition: Fx.Transitions.Pow.easeOut});
		var fadeInSendForm = new Fx.Tween(widget.getElement('.imageSendForm'));
		
		widget.getElement('.ImageSendButton').addEvent('click', function(){
			imageSendWidgetOpenClose.start('.imageActionContainerOPEN');
			widget.getElement('.imageSendForm').fade('in');
			widget.getElement('.CloseClearButton').fade('in');
			widget.getElement('.ImageSendButton').fade('out');
		});
		widget.getElement('.CloseClearButton').addEvent('click', function(){
			imageSendWidgetOpenClose.start('.imageActionContainerCLOSE');
			widget.getElement('.CloseClearButton').fade('out');
			widget.getElement('.imageSendForm').fade('hide');
			widget.getElement('.ImageSendButton').fade('in');
			widget.getElement('.status').set('html', '');
			widget.getElement('.recipient').set('value', 'your friend\'s email address');
			widget.getElement('.sender').set('value', 'your email address');
			widget.getElement('.yourname').set('value', 'your name');
			widget.getElement('.subject').set('value', 'email subject');
			widget.getElement('.comments').set('value', 'Comments');
		});
		//Submit the forms
		widget.getElement('.sendPhotoForm').addEvent('submit', function(event) {
			new Event(event).stop();
			widget.getElement('.status').addClass('spinner');
			var sender = new Request({
				onSuccess: function(responseText, responseXML){
    				widget.getElement('.status').removeClass('spinner');
    				widget.getElement('.status').set('html', responseText);
				}
			}).send({data: this, url: this.action});
		});
	});
});