window.addEvent('domready', function(){
	var shareButton = $$('#shareButton');
	var shareDialog = $$('#shareDialog');
	shareDialog.set('opacity', 0);
	var shareDialogOver = false;
	var shareButtonOver = false;
	var shareLinks = $$('#shareLinks');
	var formElements = $$('form .bgReplace');
	
	formElements.each(function(el, i){
		var bg = el.getStyle('background-image');
		el.addEvents({
			focus: function(){
				el.setStyle('background-image', 'none');
			},
			blur: function(){
				if(el.value == '')
					el.setStyle('background-image', bg);
			}
		});
	});
	
	$$('#toEmail').addEvents({
		click: function(){
			shareLinks.morph({
				'margin-left': '-170px'
			});
		}
	});

	$$('#toSocial').addEvents({
		click: function(){
			shareLinks.morph({
				'margin-left': '0px'
			});
		}
	});
	
	shareButton.addEvents({
		mouseenter: function(){
			shareButtonOver = true;
			shareDialog.morph({
				'opacity': 1
			});
		},
		mouseleave: function(){
			shareButtonOver = false;
			(function(){
				if(shareDialogOver == false){
					shareDialog.morph({
						'opacity': 0
					});
				}
			}).delay(50);
		}
	});
	shareDialog.addEvents({
		mouseenter: function(){
			shareDialogOver = true;
		},
		mouseleave: function(){
		shareDialogOver = false;
			(function(){
				if(shareButtonOver == false){
					shareDialog.morph({
						'opacity': 0
					});
				}
			}).delay(50);
		}
	});
});