				/*
					This script runs on the Home page (BC,BCCA & BD) and creates Optin confirmation Modal window
				*/

				$(function() {

						//JQUERY Method to Close the Modal
						
						$('#CloseOptin,#closeLanguageOptin,#CloseInvalidOptin').click(function(event) {
							$("div#optInMasterConfirmationDialog").dialog("close");
							$('#OptIn1_MailText').focus();
							event.preventDefault();
						});
												
						//Style applying to the Modal
						var getModalStyle = function() {
													
							$("div#optInMasterConfirmationDialog").dialog({
								autoOpen: false,
								bgiframe: true,
								width: 600,//width: 650,
								modal: true,
								closeOnEscape: false,
								resizable: false,
								draggable: false,
								overlay: {
									opacity: 0.70,
									background: "black"
								}
							});					
							
						};					
										
											
						//Go Button Click function (Optin to emails)
						$("#btnOptin").click(function(){												
							//Apply Style to the Modal Window
							getModalStyle();
							
							//Initail Setting of the Modal window							
							$('#optInMasterConfirmationDialog').css('display','block');
							$('#optInLanguagePromptDialog').css('display','none');
							$('#optInConfirmationDialog').css('display','none');
							$('#PreferenceCenter').css('display','none');
							$('#optinInvalidMessage').css('display','block');
							$('#optinValidMessage').css('display','none');
							$('#OptinRegisterLink').css('display','none');
																								
							var Email = $('#hdnEmail').val();
							var CloseMessageText = $('#OptIn1_hdnCloseMessage').val();	 
							//Validating the Email Address format	 
							if(!/^[a-zA-Z0-9_-][a-zA-Z0-9._%+-]*@[a-zA-Z0-9][a-zA-Z0-9._-]*\.[a-zA-Z]{2,10}$/.test(Email))
							{	
												
								//$("div#optInMasterConfirmationDialog").corners("2px");
								$('#optInConfirmationDialog').css('display','block');											
								$("div#optInMasterConfirmationDialog").dialog("open");
								$(".ui-dialog-titlebar").hide();
								$(".ui-dialog").width("").height("");
								$(".ui-dialog").css("left", "80px");//$(".ui-dialog").css("left", "85px");
								$("div.dialogContent").corners("10px");
								
								$('#CloseOptin,#CloseInvalidOptin,#closeLanguageOptin').text(CloseMessageText);
								$('#CloseOptin,#CloseInvalidOptin,#closeLanguageOptin').attr('title',CloseMessageText);
								
								//$('div.dialogContent a').text(CloseMessageText);
								
							   
							}			
							else
							{	
							
								//If the site is CANADA, display the language preference selector
								if($('#hdnCanadaFlag').val()=='True'){
													
									$('#optInLanguagePromptDialog').css('display','block');																		
									$("div#optInMasterConfirmationDialog").dialog("open");
									$(".ui-dialog-titlebar").hide();
									$(".ui-dialog").width("").height("");
									$(".ui-dialog").css("left", "80px");//$(".ui-dialog").css("left", "85px");
									$("div.dialogContent").corners("10px");
									//$('div.dialogLinks a').text("");
									}
								else
									{
										
									getOptinData();
									}
								}	
						
						});//End Button Click function
						
						
						// Language preference Go Button Click function
												
						$('#OptIn1_GoBtn').click(function(event) {
													
							getOptinData();
						});
						//End Language Prference Go Button Click function
		
		
						//AJAX JQuery call for getting the message data.
						var getOptinData = function() {
						
						
							//Getting the URL from the hidden text
							var optInURL = $('#hdnOptInURL').val();
							if($('#hdnCanadaFlag').val()=='True')
							{
								optInURL=optInURL+"&language=" + $('#lstLanguage').val();
							}
							
							
														
							//Call the remote ashx page and get the JSON response data
							$.get(optInURL,function(ResponseData){
																		
							//Traverse through each data and the set the value of the Heading and Display message.
							var OptinData = eval('(' + ResponseData + ')');							
							//Assign the div content heading and body.
								
							$('#optinHeading').html(OptinData.Heading);
							$('#DisplayMessage').html(OptinData.Message);
							$('#CloseOptin').text(OptinData.RightLink);
							$('#CloseOptin').attr('title',OptinData.RightLink);
							
							//$('div.dialogLinks a').text(OptinData.RightLink);
							
							//In the case of CANADA display the Register link only if the email was successfully saved to the WhatCount's.
							if ((OptinData.Status=='Success')&&($('#hdnCanadaFlag').val()=='True'))
							{
								$('#OptinRegisterLink').css('display','block');
							}
							
							$('#optInConfirmationDialog').css('display','block');
							$('#optInLanguagePromptDialog').css('display','none');
							$('#optinInvalidMessage').css('display','none');
							$('#optinValidMessage').css('display','block');
													
							
											
									$("div#optInMasterConfirmationDialog").dialog("open");
									$(".ui-dialog-titlebar").hide();
									$(".ui-dialog").width("").height("");
									$(".ui-dialog").css("left", "80px");//$(".ui-dialog").css("left", "85px");
									$("div.dialogContent").corners("10px");
							
									
							});//End Ajax call - Get function
			};//End Ajax Call Function
	}); //End Document.Ready Function



