document.observe('dom:loaded', function()
{
	$$('.error').each(function(element)
	{
		var popup = element.getElementsBySelector('.errorPopup')[0];
		
		popup.setOpacity(0).hide();
		
		element.getElementsBySelector('input')[0].observe('focus', function(e)
		{
			var popup = e.element().ancestors()[0].getElementsBySelector('.errorPopup')[0];
			
			popup.show();

			new Effect.Appear(popup, {
				duration: 0.4
			});
		});
		
		element.getElementsBySelector('input')[0].observe('blur', function(e)
		{
			var popup = e.element().ancestors()[0].getElementsBySelector('.errorPopup')[0];
			
			popup.setOpacity(0).hide();
		});
	});
});