$(document).ready(function() {
	$(".iframe").fancybox({
		 frameWidth : 900,
		 frameHeight : 600,
		 hideOnContentClick: false,
		 autoDimensions : false,
		 type : 'iframe'
	 });
 

	$("a#signupFancybox").fancybox({
		hideOnContentClick:false,
		autoDimensions: false,
		frameHeight: 395,
		frameWidth: 435,
		callbackOnStart: function(){
			$('#fancy_div .error').html('');
		},
		callbackOnShow: function() {
			$("#fancy_div .frmSignup").submit(function() {
				$('#fancy_div .error').html('');
				
				$email = escape($('#fancy_div .txtEmail').val()); 
				$fname = escape($('#fancy_div .txtName').val()); 					
													
				$errorMsg = validate($fname, $email);
				
				if(!$errorMsg)
				{	
					$.ajax({
						type: 'POST',
						url: '/signup.php',
						data: {
							email : $email, 
							fname : $fname
						},
						dataType: 'json',
						success: function(data){
							if(data.error){
								$('#fancy_div').attr("innerHTML", "<div style=\"text-align:center;position:absolute;\"><h2>An error occurred signing up for the newsletter.</h2>  Please contact us at <a href='mailto:info@boutiquescents.com'>info@boutiquescents.com</a></div>");
							}else{
								$("<a href='#signupconfirm'></a>").fancybox({
									hideOnContentClick: false,
									frameHeight: 125,
									callbackOnStart: function(){
										 $('div#signupconfirm .displayname').html(unescape(data.name));	
									}
								}).click();

							}
						},
						error: function(XMLHttpRequest, textStatus, errorThrown){
							$('#fancy_div').attr("innerHTML", "<div style=\"text-align:center;position:absolute;\"><h2>An error occurred signing up for the newsletter.</h2>  Please contact us at <a href='mailto:info@boutiquescents.com'>info@boutiquescents.com</a></div>");
						}
					});
					
				}else{
					$('#fancy_div .error').html($errorMsg);
				}
				
				return false;
			});		
		}
	}); 	
	
	$("a#signup_close").click(
		function(){
		$('#newsletter').hide('slow');
		$('#signupconfirm').hide('slow');
		$('#signuperror').hide('slow');
		return false;	
	});
	
	$("a#viewBadges").fancybox({
		hideOnContentClick:false,
		autoDimensions: false,
		frameHeight: 495,
		frameWidth: 535
	});
	
	function validate(fname, email){
		$msg = "";
		$error = false;
		$fname = jQuery.trim(fname);
		if($fname==null || $fname==""){
			$error = true;
			$msg = $msg + "*Name is a required field <br/>";
		}
		
		$email = jQuery.trim(email);
		if(!checkEmail($email)){
			$error = true;
			$msg = $msg + "*A vaild E-mail Address is required <br/>";
		}
		
		if($error == true)
			return $msg;
		else
			return null;
		
	}

	function checkEmail(inputvalue){	
		var pattern=/^((([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+(\.([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+)*)|((\x22)((((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(([\x01-\x08\x0b\x0c\x0e-\x1f\x7f]|\x21|[\x23-\x5b]|[\x5d-\x7e]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(\\([\x01-\x09\x0b\x0c\x0d-\x7f]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]))))*(((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(\x22)))@((([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.)+(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.?$/i;
		if(pattern.test(inputvalue)){  
			return true;   
		}else{   
			return false; 
		}
	}
});