jQuery(document).ready(function($){

	$("#midnav1, #thankyoushare").click(function() {
		return false;
	});

	$("#enterButton, #enterButton.startbutton").click(function() {
		$("#backButton, .overlay_content").hide();
		$("#nextButton, #slide1").show();
		$("#email").val("");
		$("#stepnav").removeClass("step1 step2 step3 step4").addClass("step1");
		return false;
	});
	$('#overlay_pledge').jqm({trigger: 'a#enterButton', overlay: '75'});
	$('#overlay_video').jqm({trigger: 'a#midnav2', overlay: '75'});
	
	$("#pledgeform").submit(function(e) {
		e.preventDefault();
		if (!isValidEmailAddress($("#email").val())) {
			alert("Please enter a valid email address");
			document.pledgeform.email.focus();
		} else {
			$.post("/wp-content/themes/b1_1.0/formsubmit.php", $("#pledgeform").serialize(), function(data) {
				$("#pledgeform").hide();
				$("#thankspledge").show();
				thankYouShare(data);
			});
		}
	});
	
	$("#nextButton, #backButton").click(function() {
		for (i=1; i<=4; i++) {
			if ($("#slide"+i).is(":visible")) currentSlide = i;
		}
		var thisID = $(this).attr("id");
		var nav = -1;
		if (thisID == "nextButton") nav = 1;
		$(".overlay_content").hide();
		currentSlide = currentSlide + nav;
		$("#slide" + (currentSlide)).show();
		if (currentSlide == 1) { $("#backButton").hide(); } else { $("#backButton").show(); }
		if (currentSlide == 4) { $("#nextButton").hide(); } else { $("#nextButton").show(); }
		$("#stepnav").removeClass("step1 step2 step3 step4").addClass("step" + currentSlide);
		return false;
	});


});

function isValidEmailAddress(emailAddress) {
	var pattern = new RegExp(/^(("[\w-\s]+")|([\w-]+(?:\.[\w-]+)*)|("[\w-\s]+")([\w-]+(?:\.[\w-]+)*))(@((?:[\w-]+\.)*\w[\w-]{0,66})\.([a-z]{2,6}(?:\.[a-z]{2})?)$)|(@\[?((25[0-5]\.|2[0-4][0-9]\.|1[0-9]{2}\.|[0-9]{1,2}\.))((25[0-5]|2[0-4][0-9]|1[0-9]{2}|[0-9]{1,2})\.){2}(25[0-5]|2[0-4][0-9]|1[0-9]{2}|[0-9]{1,2})\]?$)/i);
	return pattern.test(emailAddress);
}

function midnav3rotator() {
	if (jQuery("#insidenav3").hasClass("view1")) {
		newClass = "view2";
	} else if (jQuery("#insidenav3").hasClass("view2")) {
		newClass = "view3";
	} else if (jQuery("#insidenav3").hasClass("view3")) {
		newClass = "view1";
	}
	jQuery("#insidenav3").removeClass().addClass(newClass);
	setTimeout("midnav3rotator()",2500);
}
setTimeout("midnav3rotator()",2500);