jQuery(document).ready(function() {
	
	// validate signup form on keyup and submit
	/*
	jQuery("#openinviter-redes-sociais").validate({
		rules: {
			openinviter_to: {
				required:true,
			},
			openinviter_from: {
				email:true,
				required:true,
			},
			openinviter_name: {
				required:true,
			},
		},
		messages: {
			openinviter_to: {
				required: "<span>Digite os e-mails dos seus amigos(as)</span>",
			}, 
			openinviter_from: {
				required: "<span>Digite seu e-mail</span>",
				email: "<span>Digite um e-mail válido</span>"
			},
			openinviter_name: {
				required: "<span>Digite seu nome</span>",
			},
		}
	});
	*/

	jQuery("#openinviter-envio-manual").validate({
		rules: {
			inviter_service_box: {
				required:true,
			},
			inviter_name_box: {
				required:true,
			},
			inviter_email_box: {
				email:true,
				required:true,
			},
			inviter_password_box: {
				required:true,
			},
		},
		messages: {
			inviter_service_box: {
				required: "<span>Selecione o serviço</span>",
			}, 
			inviter_name_box: {
				required: "<span>Digite seu nome</span>",
			}, 
			inviter_email_box: {
				required: "<span>Digite seu e-mail</span>",
				email: "<span>Digite um e-mail válido</span>"
			},
			inviter_password_box: {
				required: "<span>Digite a senha</span>",
			}, 
		}
	});
	
	
	jQuery('a[name=modal]').click(function(e) {
		e.preventDefault();
		
		var id = jQuery(this).attr('href');
	
		var maskHeight = jQuery(document).height();
		var maskWidth = jQuery(window).width();
	
		jQuery('#mask').css({'width':maskWidth,'height':maskHeight});

		jQuery('#mask').fadeIn(1000);	
		jQuery('#mask').fadeTo("slow",0.8);	
	
		//Get the window height and width
		var winH = jQuery(window).height();
		var winW = jQuery(window).width();
              
		jQuery(id).css('top',  winH/2-jQuery(id).height()/2);
		jQuery(id).css('left', winW/2-jQuery(id).width()/2);
	
		jQuery(id).fadeIn(2000);
		
		 
	
	});
	
	jQuery('.window .close').click(function (e) {
		e.preventDefault();
		
		jQuery('#mask').hide();
		jQuery('.window').hide();
	});		
	
	jQuery('#mask').click(function () {
		jQuery(this).hide();
		jQuery('.window').hide();
	});
	
	
	// bind form using 'ajaxForm'
	jQuery("#openinviter-redes-sociais").ajaxForm({ 
								        target:        '#redes-sociais-resultado',
								        beforeSubmit:  showRequest,  // pre-submit callback 
								        success:       showResponse								         
								    	});
	
	function showRequest(formData, jqForm, options) {
		jQuery("#ajax-loader").show();
		
		jQuery(jqForm).validate({
			rules: {
				openinviter_to: {
					required:true,
				},
				openinviter_from: {
					email:true,
					required:true,
				},
				openinviter_name: {
					required:true,
				},
			},
			messages: {
				openinviter_to: {
					required: "<span>Digite os e-mails dos seus amigos(as)</span>",
				}, 
				openinviter_from: {
					required: "<span>Digite seu e-mail</span>",
					email: "<span>Digite um e-mail válido</span>"
				},
				openinviter_name: {
					required: "<span>Digite seu nome</span>",
				},
			}
		});
		
	}
	
	function showResponse(responseText, statusText, xhr, $form)  {
		jQuery("#ajax-loader").hide();
		jQuery("#conteudo-pedir-redes-sociais").hide();
		jQuery("#redes-sociais-resultado").show();
		jQuery("#redes-sociais-voltar").show();
	}
	
	jQuery("#redes-sociais-voltar").hide();
	
	jQuery("#redes-sociais-voltar").click(function (){
		jQuery("#redes-sociais-voltar").hide();
		jQuery("#redes-sociais-resultado").hide();
		jQuery("#conteudo-pedir-redes-sociais").show();		
	});
});