var first_form_submit = true;
var additional_submit = false;
var callback_completed = false;
var first_form_click_done = false;
var mobileFilter = /^[.]{0}$|^\d{10,15}$/;
var mobileFilterUS = /^[.]{0}$|^\d{10}$/;
var mobileFilterOTHER = /^[.]{0}$|^\d{10,15}$/;

var noOfTries = 2;
var tryCount = 0;
/* SP Migration Changes start */
var chkRS = false;
var isAccountQuestions = false;
/* SP Migration Changes end */

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;
			}
		} else if (element.type == 'select') {
		
			srcElementId = element.id;
			expDestElementId = srcElementId.substring(0, srcElementId
							.indexOf(srcElementSuffix))
							+ destElementSuffix;
							
			if (document.getElementById(expDestElementId)
					&& element.value != "") {
				$(expDestElementId + " option[@selected='selected']").removeAttr("selected");
				$(expDestElementId + " option[@value='" + element.value + "']").attr("selected","selected");	
			}
			
		}
	}
}

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, isAdditional, maskMobile) {

	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') {
			
			var id = element.id;
			if((maskMobile && element.name == "mobile") ||(isUpdate && element.name == "mobile" &&
				jQuery.trim($("#mListMobile1").val()) == jQuery.trim($("#mListMobile2").val()))) {
				//Masking mobile number be sent the second time.
				src += "&mobile=";
			} else if (isUpdate && id && id.match("^additional_") == "additional_") {
				//Masking additional List Ids be sent the second time.
				continue;
			} else if (isAdditional && id && id.match("^newsletterId") == "newsletterId") {
				//Masking regular List Ids be sent the third time.
				continue;
			} else if (isAdditional && id && id.match("^keywordId") == "keywordId") {
				//Masking regular mobile keyword Ids be sent the third time.
				continue;				
			} else {
				// Business as usual
				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()", 10000); // wait for 8 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;
		tryCount = 0;
	});
	$(".mlistCloseText").click( function(event) {
		$("#mobilePinForm").hide();
		$("#mobilePinForm").removeClass("form2");
		$("#mobilePinForm").removeClass("form3");
		$("#mobilePinForm").addClass("form1");
		event.preventDefault();
		first_form_click_done = false;
		tryCount = 0;
	});
	/*
	 * 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();
		$('#testCont').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;
		tryCount = 0;
	});

	/*
	 * 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})+$/;

				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();
				}
				
				mobile = mobile.replace(/\s|\+|\-/g,'');
				country = jQuery.trim($("#mListCountry1").val());
				
				if (country == 'United States'){
					mobileFilter = mobileFilterUS;					
				} else{
					mobileFilter = mobileFilterOTHER;
				}
				
				if (!mobileFilter.test(mobile) && mobile.toLowerCase() != "mobile" ) {
					/*	setError("Please Enter a valid Mobile Number"); */
				     	$("#mListMobileForm1").find(".error").fadeIn('slow');
						$("#mListMobile1").fadeIn('slow', function() {
						$(this).addClass('err');
					}); 
						errorOccured = true;
				}
				else {
     					$("#mListMobileForm1").find(".error").hide(); 
				/*	 $('.mlistError').empty(); */
				}
				
				if (errorOccured) {
					first_form_click_done = false;
					return false;
				}

					
				if(EmailListIds[country]) {
					newsletterId = EmailListIds[country];					
				} else {
					newsletterId = EmailListIds['United States'];
				} 
				

			
				if(MobileKeywordIds[country]) {
					keywordId = MobileKeywordIds[country];					
				} else {
					keywordId = MobileKeywordIds['United States'];
				} 

			
				
					
				$("#newsletterId1").val(newsletterId);
				$("#keywordId1").val(keywordId);							

				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());
		var countryLyr2 = jQuery.trim($("#mListCountry2").val());
		
		mobile = mobile.replace(/\s|\+|\-/g,'');
		
		if (countryLyr2 == 'United States'){
			mobileFilter = mobileFilterUS;
		}else{
			mobileFilter = mobileFilterOTHER;
		}
		if (!mobileFilter.test(mobile) && mobile.toLowerCase() != "mobile" ) {
/* 			setError("Please Enter a valid Mobile Number"); */
			$("#mListMobileForm2").find(".error").fadeIn('slow');
				$("#mListMobile2").fadeIn('slow', function() {
				$(this).addClass('err');
			}); 
			$("#mlistForm2Left").height(
					$("#mlistForm2Right").height() + 'px');
			errorOccured = true;
		} else {
			$("#mListMobileForm2").find(".error").hide(); 
			/* $('.mlistError').empty(); */
		}


		if(jQuery.trim($("#mListMobile2").val()) == 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();
		
		country = jQuery.trim($("#mListCountry2").val());

		if(EmailListIds[country]) {
			newsletterId = EmailListIds[country];					
		} else {
			newsletterId = EmailListIds['United States'];
		} 	
			
	
	
		if(MobileKeywordIds[country]) {
			keywordId = MobileKeywordIds[country];
		} else {
			keywordId = MobileKeywordIds['United States'];
		}

		$("#newsletterId2").val(newsletterId);
		$("#keywordId2").val(keywordId);		
		
		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();
		$("#mlistForm2Left").height(
					$("#mlistForm2Right").height() + 'px');
	});
	
	$("#mlistForm2Left").height(
					$("#mlistForm2Right").height() + 'px');

});

/*
 * This Callback function is used for retrieving the status of the submitted
 * Form(User details).
 */
function callback(status, response) {
	/* Real Time Sign Up Changes */
	if (chkRS) {
		chkRS = false;
		if ($('#join #join-294550').length > 0) {
			$.wmgfeature.spCallback('#join #join-294550 .input .button.submit input#submit', "joinScreen");
		}
		else if ($('.edit_profile').length > 0) {
			$.wmgfeature.spCallback('#edit_profile #edit_profile-294536 .input .button.submit input', "editProfile");
		}
		else if ($('.edit_account').length > 0) {
			if (isAccountQuestions) {
				isAccountQuestions = false;
				$.wmgfeature.spCallback('.edit_account #accountQuestoins .buttons.input .button.submit input.submit', "editAccOues");
			}
			else {
				$.wmgfeature.spCallback('.edit_account #accountData .buttons.input .button.submit input.submit', "editAccNormal");
			}
		}
	}
	else {	/* Real Time Sign Up Changes Ends */	
	
		if (status == 'success') {
			if ($('toReplace').length > 0) {
				document.getElementById('toReplace').innerHTML = response;
			}
			
			if (additional_submit) {
				showMListThankyouScreen();
				additional_submit = false;
				
			}
			else if (first_form_submit) {
				$("#formContainer1").hide();
				$("#testCont").hide();
				copyElementData('formContainer1', '1', '2');
				$("#mobilePinForm").removeClass("form1");
				$("#mobilePinForm").addClass("form2");
				$("#formContainer2").show();
				$("#mlistForm2Left").height($("#mlistForm2Right").height() + 'px');
				first_form_submit = false;
				tryCount = 0;
					
			}
			else {
				
				additional_submit = false;
				$("#additionalIds input[type=checkbox]:checked").each(function(){
					if ($(this).val() != null) {
						additional_submit = true;
						$("#signuptype2").val("any");
						return false;
					}
				});
				if (additional_submit) {
					replaceContent('mContainer', 'formContainer2', false, true);
				}
				else {
					showMListThankyouScreen();
					
				}
					
			}
			
		}
		else {
			if (response.indexOf("already subscribed") > 1 && tryCount < noOfTries) {
				tryCount++;
				if (first_form_submit) {
					$("#signuptype1").val("any");
					replaceContent('mContainer', 'formContainer1', false, false, true);
				}
				else {
					$("#signuptype2").val("any");
					replaceContent('mContainer', 'formContainer2', true, false, true);
				}
				
			}
			else if (null != response && response.toLowerCase().indexOf("keyword does not") > 1 && tryCount < noOfTries) {
				tryCount++;
				if (first_form_submit) {
					$("#signuptype1").val("any");
					replaceContent('mContainer', 'formContainer1', false, false, true);
				}
				else {
					$("#signuptype2").val("any");
					replaceContent('mContainer', 'formContainer2', true, false, true);
				}
					
			}
			else {
				setError(response);
			}
		}
		callback_completed = true;
	}
	
}


function showMListThankyouScreen() {

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

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

	first_form_submit = true;

}

function setError(msg){
	/* Real Time Sign Up Changes */
	if (chkRS) {
		chkRS = false;
		if ($('#join #join-294550').length > 0) {
			$.wmgfeature.spCallback('#join #join-294550 .input .button.submit input#submit', "joinScreen");
		}
		else 
			if ($('.edit_profile').length > 0) {
			$.wmgfeature.spCallback('#edit_profile #edit_profile-294536 .input .button.submit input', "editProfile");
		}
			else 
				if ($('.edit_account').length > 0) {
					if (isAccountQuestions) {
						isAccountQuestions = false;
						$.wmgfeature.spCallback('.edit_account #accountQuestoins .buttons.input .button.submit input.submit', "editAccOues");
					}
					else {
						$.wmgfeature.spCallback('.edit_account #accountData .buttons.input .button.submit input.submit', "editAccNormal");
			}
		}
	}
	else {	/* Real Time Sign Up Changes Ends */
		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');
	}
}