$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-opinion"><div class="wrap"></div></div><form method="post" action="http://www.tumeser.com/-/templates/tumeser/html/send-forms/send-opinion.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"><textarea class="mensaje"></textarea><input type="submit" class="enviar" value=""></form></div>');
		$j('.bg-form').css({'height' : '500px', 'margin-top' : '-250px'});
		$j('.wrapform').css({'height' : '474px', 'margin-top' : '-242px'});
		
		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 nombreO = $j('.wrapform .nombre').val();
			var apellidoO = $j('.wrapform .apellido').val();
			var mailO = $j('.wrapform .mail').val();
			var mensajeO = $j('.wrapform .mensaje').val();
			if(nombreO == ''){
				var validate = false;
			}
			if(apellidoO == ''){
				var validate = false;
			}
			if(mailO == ''){
				var validate = false;
			}
			if(mensajeO == ''){
				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 dataStringO = 'nombre='+ nombreO + '&apellido=' + apellidoO + '&mail=' + mailO + '&mensaje=' + mensajeO;
				$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-opinion.php",
					data: dataStringO,
					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, .wrapform .mensaje').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 .opinion').click(function(){
		armarForm();
		return false;
	});
	//$j('.bg-all').click(cerrar);
});