if(jQuery) (function($)
{
	$(function()
	{
		$('div.boletin-formulario').each(function()
		{
			var $div = $(this);
			var $intro = $("<div class='boletin-intro'>Suscribirse para recibir información actualizada del portal <a href='http://www.iderm.es/'>iderm.es</a></div>").appendTo($div);
			var $form = $("<form class='boletin-form'></form>").appendTo($div);
			var $email = $("<input type='email' class='boletin-email' name='email' placeholder='Email' />").appendTo($form);
			$("<span>&nbsp;</span>").appendTo($form);
			var $submit = $("<input type='submit' class='boletin-submit' value='Suscribirse' />").appendTo($form);
			var $divOK = $("<div class='boletin-ok'>La dirección de email ha sido añadida correctamente</div>").insertAfter($form);
			var $divKO = $("<div class='boletin-ok'>La dirección de email no es correcta</div>").insertAfter($form);

			$intro.css('font', '12px normal Arial,Helvetica,sans-serif');
			$form.css('margin', 0).css('textAlign', 'center');
			$email.css('width', '11em');
			$.each([$divOK, $divKO], function() { $(this).css({
				border: 'dashed 1px transparent',
				display: 'none',
				fontWeight: 'bold',
				margin: '.25em',
				padding: '.25em .5em'
			})});
			$divOK.css('borderColor', '#080').css('color', '#080');
			$divKO.css('borderColor', '#800').css('color', '#800');

			$form.submit(function()
			{
				var aniDuration = 100;

				$email.focusin();
				$submit.attr('disabled', true);
				$divOK.slideUp(aniDuration);
				$divKO.slideUp(aniDuration);

				$.ajax({
					type		: "POST",
					url			: "http://boletin-iderm.imida.es/alta/?jsoncallback=?",
					dataType	: "json",
					data		: { ajax: 1, email: $email.val() },
					error		: function(request, textStatus, errorThrow)
					{
						$submit.removeAttr('disabled');
						$divKO.slideDown(aniDuration);
						$email.focusout();
					},
					success		: function(data, textStatus)
					{
						if(!data || data.error || !data.ok) return this.error();
						$.each([$form, $intro], function(i, $item) { $item.slideUp(aniDuration); });
						$divOK.slideDown(aniDuration);
						$email.focusout();
					}
				});

				return false;
			});
		});


		if($.browser.msie) $('input[placeholder]')
			.focusin(function() { $(this).removeClass('placeholder-mode').val($(this).data('placeholder-value')); })
			.focusout(function()
			{
				$(this).data('placeholder-value', $(this).val());
				if(!$(this).val().length) $(this).val($(this).attr('placeholder')).addClass('placeholder-mode');
			})
			.each(function() { $(this).data('placeholder-value', $(this).val()).focusout(); })
		;
	});
})(jQuery);