var first_form_submit = true;
var callback_completed = false;
var first_form_click_done = false;

function copyElementData(srcContainer, srcElementSuffix, destElementSuffix) {
	var elements = document.getElementById(srcContainer).getElementsByTagName(
			'*');
	for ( var i = 0; i < elements.length; i++) {
		var element = elements[i];
		if (element.type == 'text' || element.type == 'hidden'
				|| element.type == 'checkbox' || element.type == 'select-one') {
			srcElementId = element.id;
			expDestElementId = srcElementId.substring(0, srcElementId
					.indexOf(srcElementSuffix))
					+ destElementSuffix;
			if (document.getElementById(expDestElementId)
					&& element.value != "") {
				document.getElementById(expDestElementId).value = element.value;
			}
		}
	}
}

function resetElementData(srcContainer) {
	var elements = document.getElementById(srcContainer).getElementsByTagName(
			'*');
	for ( var i = 0; i < elements.length; i++) {
		var element = elements[i];
		if (element.type == 'text') {
				document.getElementById(element.id).value = "";
		}
	}
}

function replaceContent(topContainerId, formContainerId, isUpdate) {

	if ($("#replaceScript").length > 0) {
		script = $("#replaceScript");
		if ($(script).length > 0) {
			$("#replaceScript").empty();
		}
	}

	var script = document.createElement('script');
	script.type = 'text/javascript';
	script.id = 'replaceScript';
	var src = 'http://sms.wmg.com/sms/register?js=true';
	if(isUpdate) {
		src += '&updateprofile=yes';
	}

	var elements = document.getElementById(formContainerId)
			.getElementsByTagName('*');
	for ( var i = 0; i < elements.length; i++) {
		var element = elements[i];
		if (element.type == 'text' || element.type == 'hidden'
				|| (element.type == 'checkbox' && element.checked == 1)
				|| element.type == 'select-one') {
			//Masking mobile number be sent the second time.
			if(isUpdate && element.name == "mobile" &&
				jQuery.trim($("#mListMobile1").val()) == jQuery.trim($("#mListMobile2").val())) {
				src += "&mobile=";
			} else {
				src += "&" + element.name + "=" + jQuery.trim(element.value);
			}
		}
	}
	script.src = src;
	try {
		document.getElementById(topContainerId).appendChild(script);
	} catch (err) {
		// Skip error as this will be take care by the alertTimeoutError method.
		// alert(err);
	}
	setTimeout("alertTimeoutError()", 5000); // wait for 5 seconds

}

/* Setting ErrorMessage on Time out */
function alertTimeoutError() {

	if (!callback_completed) {
		setError("Unable to process your request at this time");
	}

}

/* Registering event handlers for the submit(Layer1 and Layer2) and close button */
$( function() {

	$("#mobilePinForm").children("a.closeButton").click( function(event) {
		$("#mobilePinForm").hide();
		$("#mobilePinForm").removeClass("form2");
		$("#mobilePinForm").removeClass("form3");
		$("#mobilePinForm").addClass("form1");
		event.preventDefault();
		first_form_click_done = false;
	});
	$(".mlistCloseText").click( function(event) {
		$("#mobilePinForm").hide();
		$("#mobilePinForm").removeClass("form2");
		$("#mobilePinForm").removeClass("form3");
		$("#mobilePinForm").addClass("form1");
		event.preventDefault();
		first_form_click_done = false;
	});
	/*
	 * Event Handling on click of "Signup for mailing List" Button This block
	 * displays the Layer1(form 1)
	 */
	$("#mContainer").children("a.mailButton").click( function() {
		first_form_submit = true;
		setError("");
		$("#mobilePinForm").show();
		$('#formContainer1').show();
		$("#formContainer2").hide();
		$('#formContainer3').hide();
		$("#mobilePinForm").addClass("form1");
		$("#mobilePinForm").removeClass("form2");
		$("#mobilePinForm").removeClass("form3");
		$("#formContainer1").find("a.submit").removeClass("disabled");
		$("#formContainer2").find("a.submit").removeClass("disabled");
		resetElementData('formContainer1');
		resetElementData('formContainer2');
		first_form_submit = true;
		callback_completed = false;
		first_form_click_done = false;
	});

	/*
	 * Event Handling for onclick on TEXTFIELDS in Layer1(Form1) Removes the
	 * default text in the TEXTFIELD,allows the user to give inputs
	 */
	$("#mListEmail1").focus( function() {
		$("#mListEmail1").removeClass("err");
	});

	$("#mListMobile1").focus( function() {
		$("#mListMobile1").removeClass("err");
	});

	$("#mListZip1").focus( function() {
		$("#mListZip1").removeClass("err");
	});

	/*
	 * Event Handling for onclick of Submit Button in Layer1(Form1) Validation
	 * Fields - Email, Mailing list and Postal code Returns false when
	 * validation fails
	 */
	$("#formContainer1")
			.find("a.submit")
			.click(
					function(event) {
						if (first_form_click_done) {
							event.preventDefault();
							return false;
						}
						var errorOccured = false;
						var email = $("#mListEmail1").val();
						var zipCode = $("#mListZip1").val();
						var mobile = jQuery.trim($("#mListMobile1").val());
						var filter = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
						// var zipFilter = /(^\d{5}$)|(^\d{5}-\d{4}$)/;
						// var mobileFilter =/^[\+0-9- .]*$/;

						if (!filter.test(email)) {
							$("#mListEmailForm1").find(".error").fadeIn('slow');
							$("#mListEmail1").fadeIn('slow', function() {
								$(this).addClass('err');
							});
							errorOccured = true;
						} else {
							$("#mListEmailForm1").find(".error").hide();
						}
						if (zipCode == "Postal Code" || zipCode.length == 0) {
							$("#mListZipForm1").find(".error").fadeIn('slow');
							$("#mListZip1").fadeIn('slow', function() {
								$(this).addClass('err');
							});
							errorOccured = true;
						} else {
							$("#mListZipForm1").find(".error").hide();
						}

						if (errorOccured) {
							first_form_click_done = false;
							return false;
						}

						callback_completed = false;
						setError("");
						$("#formContainer1").find("a.submit").addClass("disabled");
						if(mobile.length > 0) {
							$("#signuptype1").val("all");
						} else {
							$("#signuptype1").val("any");
						}
						replaceContent('mContainer', 'formContainer1');
						first_form_click_done = true;
						event.preventDefault();
					});

	$("#mListMobile2").focus( function() {
		$("#mListMobile2").removeClass("err");
	});

	$("#mListZip2").focus( function() {
		$("#mListZip2").removeClass("err");
	});

	/*
	 * Event Handling for onclick of Submit Button in Layer2(Form2) Validation
	 * Fields - Postal code and Mailing list Returns false when validation fails
	 */
	$("#formContainer2").find("a.submit").click( function(event) {
		var errorOccured = false;
		var zipCodeForm2 = $("#mListZip2").val();
		var mobile = jQuery.trim($("#mListMobile2").val());
		if(mobile == jQuery.trim($("#mListMobile1").val())) {
			mobile = "";
		}
		// var zipFilter = /(^\d{5}$)|(^\d{5}-\d{4}$)/;

		if (zipCodeForm2.length == 0) {
			$("#mListZipForm2").find(".error").fadeIn('slow');
			$("#mListZip2").fadeIn('slow', function() {
				$(this).addClass('err');
			});
			$("#mlistForm2Left").height(
					$("#mlistForm2Right").height() + 'px');
			errorOccured = true;
		} else {
			$("#mListZipForm2").find(".error").hide();
		}

		if (errorOccured) {
			return false;
		}

		var dobMonth = $("#mlMonthDropDown").val();
		var dobDate = $("#mlDateDropDown").val();

		if (dobMonth != "" && dobDate != "") {
			$("#mListDob").val(dobMonth + "/" + dobDate);
		}
		callback_completed = false;
		setError("");
		$("#formContainer2").find("a.submit").addClass("disabled");
		if(mobile.length > 0) {
			$("#signuptype2").val("all");
		} else {
			$("#signuptype2").val("any");
		}
		replaceContent('mContainer', 'formContainer2', true);
		event.preventDefault();
	});

});

/*
 * This Callback function is used for retrieving the status of the submitted
 * Form(User details).
 */
function callback(status, response) {
	if (status == 'success') {
		if ($('toReplace').length > 0) {
			document.getElementById('toReplace').innerHTML = response;
		}
		if (first_form_submit) {
			$("#formContainer1").hide();
			copyElementData('formContainer1', '1', '2');
			$("#mobilePinForm").removeClass("form1");
			$("#mobilePinForm").addClass("form2");
			$("#formContainer2").show();
			$("#mlistForm2Left").height($("#mlistForm2Right").height() + 'px');
			first_form_submit = false;

		} else {
			$("#formContainer2").hide();
			$("#mobilePinForm").removeClass("form2");
			$("#mobilePinForm").addClass("form3");

			$("#formContainer3").show( function() {
				setTimeout( function() {
					$("#mobilePinForm").hide()
				}, 5000);
			});

			first_form_submit = true;
		}
	} else {
		setError(response);
	}
	callback_completed = true;
}

function setError(msg) {
	if(msg.indexOf(":") > 0) {
		msg = msg.substring(msg.indexOf(":")+1);
	}
	if ($('.mlistError').length > 0) {
		$('.mlistError').html(msg);
	}
	$("#formContainer1").find("a.submit").removeClass("disabled");
	$("#formContainer2").find("a.submit").removeClass("disabled");
	first_form_click_done = false;
	$("#mlistForm2Left").height(
			$("#mlistForm2Right").height() + 'px');
}