$(document).ready(function() {

	function showLightbox(id) {

		var $top = $(window).scrollTop();

		$('body').css('overflow','hidden');

		var maskHeight = $(window).height();
		var maskWidth = $(window).width();

		$('#mask').css({'top':$top, 'width':maskWidth,'height':maskHeight});
		$('#mask').css({opacity:0}).show().fadeTo("fast", 0.8);

		var winH = $(window).height();
		var winW = $(window).width();

		$(id).css('top',  (winH/2-$(id).height()/2)+$top);
		$(id).css('left', winW/2-$(id).width()/2);

		$(id).delay(300).fadeIn('fast');

	}

	function hideLightbox(id) {

		$(id).fadeOut('fast');
		$('#mask').delay(200).fadeOut('fast', function() {
			$('body').css('overflow','auto');
		});

	}


//seleciona os elementos a com atributo name="modal"
	$('a[name=modal]').click(function(e) {

		e.preventDefault();
		var id = $(this).attr('href');
		showLightbox(id);

	});

	$('a[name=close]').click(function(e) {

		e.preventDefault();
		var id = $(this).attr('href');
		hideLightbox(id);

	});


	$('#mask').click(function() {

		$('a[name=close]').trigger('click');

	});

// ajax form sending
	$('form.ajax-form').bind('submit', function(e) {

		var $this = $(this);
		var $continue = false;
		//$('#loader').show();

		e.preventDefault();

		var $required = $this.find('input[name="REQUIRED"]').val();

		if ($required == 'undefined')
			$continue = true;
		else {

			var $req = String($required).split(',');
			for (var i = 0; i < $req.length; i++) {

				var $el = $('*[name="VALUE_'+$req[i]+'"]');
				var $name = $('*[name="TITLE_'+$req[i]+'"]').val();

				if ($el.val() == $el.data("caption") || $el.val() == '') {

					alert('Preencha corretamente o campo "'+$name+'"');
					$el.focus();

					return false;

				}

				if ($req[i] == 'email') {

					var $pattern = /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,4}$/;
					if (!$pattern.test($el.val())) {

						alert('Preencha corretamente o campo "'+$name+'"');
						$el.focus();

						return false;

					}

				}

			}

			$continue = true;

		}

		if ($continue) {

			$this.find('.form-loader').show('fast');

			$.ajax({
				url: $this.attr('action'),
				type: 'POST',
				data: $this.serialize(),
				success: function(xml) {

					$this.find('.form-loader').hide('fast');
					alert($('mensagem', xml).text());
					$('a[name=close]').trigger('click');

				}

			});

		}

	});

});