$j(document).ready(function(){
	function armarForm(){
		$j('body').append('<div class="bg-all"></div>');;
		$j('body').append('<div class="bg-form"></div>');
		$j('.bg-form').fadeTo(0, 0);
		$j('.bg-all').fadeTo(0, 0);
		$j('body').append('<div class="wrapform"><div class="title-subscribite"><div class="wrap"></div></div><form method="post" action="http://www.tumeser.com/-/templates/tumeser/html/send-forms/send-boletin.php"><input type="text" name="nombre" class="nombre" value="Ingrese su nombre"><input type="text" name="apellido" class="apellido" value="Ingrese su apellido"><input type="text" name="mail" class="mail" value="Ingrese su correo electr&oacute;nico"><input type="submit" class="enviar" value=""></form></div>');
		$j('.bg-form').css({'height' : '295px', 'margin-top' : '-150px'});
		$j('.wrapform').css({'height' : '270px', 'margin-top' : '-142px'});
		
		
		if (typeof document.body.style.maxHeight === "undefined") {
			$j("body","html").css({height: "100%", width: "100%"});
		}

		
		
		$j('.bg-all').fadeTo(500, 0.3);
		$j('.bg-form').fadeTo(500, 0.5);
		$j('.bg-all').click(cerrar);
		$j('.wrapform .cerrar').click(function(){
			cerrar();
			return false;
		});
		$j('.wrapform input').focus(function(){
		$j(this).attr('value', '').css('color', '#565656');
		});
		$j('.wrapform .enviar').click(function(){
			var validate = true;
			var nombreB = $j('.wrapform .nombre').val();
			var apellidoB = $j('.wrapform .apellido').val();
			var mailB = $j('.wrapform .mail').val();
			if(nombreB == ''){
				var validate = false;
			}
			if(apellidoB == ''){
				var validate = false;
			}
			if(mailB == ''){
				var validate = false;
			}
			if(validate == false){
				$j('.wrapform .error, .wrapform .sending, .wrapform .sender').remove();
				$j('.wrapform').append('<div class="error" style="padding: 0 0 0 30px;">Todos los campos son requeridos</div>');
			}else{
				var dataStringB = 'nombre='+ nombreB + '&apellido=' + apellidoB + '&mail=' + mailB;
				$j('.wrapform .error').remove();
				$j('.wrapform').append('<div class="sending" style="padding: 0 0 0 30px;">Enviando...</div>');
				$j.ajax({
					type: "POST",
					url: "http://www.tumeser.com/-/templates/tumeser/html/send-forms/send-boletin.php",
					data: dataStringB,
					success: function() {
						$j('.wrapform .sending').remove();
						$j('.wrapform').append('<div class="sender" style="padding: 0 0 0 30px;"><strong>Enviado.</strong></div>');
						$j('.wrapform .nombre, .wrapform .apellido, .wrapform .mail').attr('value', '');
						setTimeout(cerrar,2000);
					}
			 
				});
			}
			
			return false;
		});
		
		
		
		
	}
	function cerrar(){
		$j('.bg-all').fadeTo(400, 0);
		$j('.bg-form, .wrapform').slideUp(400, function(){
			$j('.bg-all, .bg-form, .wrapform').remove();
		});
		
		if (typeof document.body.style.maxHeight === "undefined") {
				$j("body","html").css({height: "auto", width: "auto"});
				$j("html").css("overflow","auto");
		}

		
	}
	$j('.menu-top .subcribite').click(function(){
		armarForm();
		return false;
	});
	//$j('.bg-all').click(cerrar);
});