

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="referrer" content="no-referrer-when-downgrade">
<link rel="stylesheet" href="/i4a/includes/css/lucee_dump_i4a_light.css">

	
					<style type="text/css">
						
#i4awidget_socialmediaicons_258 {
	position: relative;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	z-index: 1000;
	
	
	top: 0px;
	left: 0px;
	width: auto;
	height: auto;
	color: black;
}
						
					
#i4awidget_widget_responsivelogin_254 {
	position: relative;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	z-index: 100;
	
	
	top: 0px;
	left: 0px;
	width: auto;
	height: auto;
}
						
					
#i4awidget_contactusbutton_256 {
	position: relative;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 20;
	z-index: 1000;
	
	
	top: 0px;
	left: 0px;
	width: auto;
	height: auto;
	color: #0a228e;
}
						
					
#i4awidget_widget_responsivemenu_257 {
	position: relative;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	z-index: 10000;
	
	
	top: 0px;
	left: 0px;
	width: auto;
	height: auto;
}
						
					
#i4awidget_footercontact_255 {
	position: relative;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	z-index: 1000;
	
	
	top: 0px;
	left: 0px;
	width: auto;
	height: auto;
	color: white;
}
						
					</style>
				
			
	<script type="text/javascript" src="/common/jquery/jquery.js?v=202605251254517"></script>

<script type="text/javascript" src="/common/jquery/jquery-migrate-3.4.0.min.js?v=202605251254517"></script>

<script type="text/javascript" src="/common/popper/popper.min.js"></script>
<script type="text/javascript" src="/common/bootstrap431/js/bootstrap.min.js"></script>
<script type="text/javascript" src="/common/bootstrap431/plugins/statefulButton.js"></script>
<link rel="stylesheet" href="/i4a/includes/css/bootstrap_i4a.css">
<link rel="stylesheet" href="/common/bootstrap431/themes/bootswatch/431/minty.min.css">
<script type="text/javascript" src="/common/bootstrap431/plugins/bootstrap-select/js/bootstrap-select.min.js"></script>
<link rel="stylesheet" href="/common/bootstrap431/plugins/bootstrap-select/css/bootstrap-select.min.css">
<link rel="stylesheet" href="/common/bootstrap431/plugins/bootstrap-select/css/bootstrap-select-i4a.css">
<script type="text/javascript" src="/common/bootstrap431/plugins/datepicker/js/bootstrap-datepicker.min.js"></script>
<link rel="stylesheet" href="/common/bootstrap431/plugins/datepicker/css/bootstrap-datepicker.standalone.min.css">
<script type="text/javascript" src="/common/bootstrap431/plugins/bootstrap-input-spinner/bootstrap-input-spinner.js"></script>

<link rel="stylesheet" href="/common/bootstrap431/plugins/bootstrap-toggle/css/bootstrap4-toggle.min.css">

<script type="text/javascript" src="/common/bootstrap431/plugins/bootstrap-toggle/js/bootstrap4-toggle.min.js"></script>

<link rel="stylesheet" href="/common/bootstrap431/plugins/colorpicker2/css/bootstrap-colorpicker.min.css">

<script type="text/javascript" src="/common/bootstrap431/plugins/colorpicker2/js/bootstrap-colorpicker.min.js"></script>

<link rel="stylesheet" href="/common/fontawesome642/css/all.min.css">

<link rel="stylesheet" href="/common/fontawesome642/css/v4-shims.min.css">

<link rel="stylesheet" href="/common/sweetalert/sweetalert.min.css">

<script type="text/javascript" src="/common/sweetalert/sweetalert.min.js"></script>


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
	<title>CLAJ Advertisement Form</title>
	<style type="text/css">
		.BODY {font-size : 12px;font-family : Arial, helvetica, verdana;}
		.H {
	font-size : 10px;}

.H A {
	color : blue;
	text-decoration : none;}

.H A:hover {
	text-decoration : underline;}

.E {
	font-size : 10px;}

.E A {
	color : blue;
	text-decoration : none;}

.E A:hover {
	text-decoration : underline;}

.S {
	font-size : 10px;}

.S A {
	color : blue;
	text-decoration : none;}

.S A:hover {
	text-decoration : underline;}

.O {
	font-size : 10px;}

.O A {
	color : blue;
	text-decoration : none;}

.O A:hover {
	text-decoration : underline;}

.pagenums {
	font-size : 10px;
	padding : 2;
	}

.pagenums A {
	color : blue;
	text-decoration : none;}

.pagenums A:hover {
	color : blue;
	background : white;
	text-decoration : none;}
	</style>
<script src="/i4a/jslib/consent.js?ts=0.4728644634206927"></script> <!---Lucee-Ajax-Core---> <script type="text/javascript">
				var _cf_ajaxscriptsrc = "/mapping-tag/lucee/core/ajax/JSLoader.cfc?method=get&lib=";
				var _cf_ajaxcsssrc = "/mapping-tag/lucee/core/ajax/css/";
				var _cf_loadingtexthtml = '<div style="text-align: center;"><img src="/mapping-tag/lucee/core/ajax/loader/loading.gif.cfm"/></div>';
				var _cf_params = {"GOOGLEMAPKEY":""};
			</script>
			<script type="text/javascript" src="/mapping-tag/lucee/core/ajax/JSLoader.cfc?method=get&lib=LuceeAjax"></script> <!---_Lucee_cfimageCaptcha---> <script type="text/javascript">
				var _Lucee_cfimageCaptcha = Lucee.ajaxProxy.init("/i4a/forms/captcha_remote.cfc","cfimageCaptcha");
		
				_Lucee_cfimageCaptcha.prototype.createCaptcha = function(minLength,maxLength,id,difficulty,fontSize,fonts,height,width){
					return Lucee.ajaxProxy.invokeMethod(this,'createCaptcha',{minLength:minLength,maxLength:maxLength,id:id,difficulty:difficulty,fontSize:fontSize,fonts:fonts,height:height,width:width});
				};
			
				_Lucee_cfimageCaptcha.prototype.valCaptcha = function(hashthis){
					return Lucee.ajaxProxy.invokeMethod(this,'valCaptcha',{hashthis:hashthis});
				};
			</script><script>_i4a_enableCookies(); _i4a_createCookie("i4aconsent", "true", 365);</script></head>

<body

	leftmargin="0" marginheight="0" marginwidth="0" topmargin="0"

TEXT="000000"

	LINK="666666"


	ALINK="cccccc"


	VLINK="666666"

>


<TABLE BORDER="0" COLS="1" WIDTH="600">


<TR>
<td valign="top">
<a name="top">


			<CENTER>


	</CENTER>
		
		
	<div align="center">
	
	
	</div>
	<BR CLEAR="ALL">

	
<FONT FACE="Helvetica, Arial, Verdana, sans-serif" COLOR="000000">


<H3>CLAJ Advertisement Form</H3></div>


</div>

	
<NOSCRIPT>
	<META HTTP-EQUIV="Refresh" CONTENT="0;URL=https://>clascholars.org/i4a/nojavascript.cfm">
</NOSCRIPT>

		
<div id="frm_wrapper" style="">

	
			<p class="form-instructions"><p><img alt="CLAJ Masthead Dec 19" data-mce-src="https://claa.memberclicks.net/assets/images/CLAJ-Masthead-Dec-19-1500x400.jpg" data-mce-style="font-size: 15px; display: block; margin-left: auto; margin-right: auto;" height="157" src="https://claa.memberclicks.net/assets/images/CLAJ-Masthead-Dec-19-1500x400.jpg" title="CLAJ Masthead Dec 19" width="588" /></p>

<p data-mce-style="text-align: justify;">The College Language Association always welcomes advertisements from members and non-members for inclusion in each issue of&nbsp;<em>CLAJ.&nbsp;</em></p>

<p data-mce-style="text-align: center;"><a data-mce-href="https://claa.memberclicks.net/assets/docs/CLAJ/CLAJ%20Ad%20Specifications.pdf" href="https://drive.google.com/file/d/134kD_qAqfyKK6FQFhALatbdOFKsT19Vy/view?usp=sharing" target="_blank">&nbsp;Advertisement Specifications and Pricing List</a></p>

<p data-mce-style="text-align: center;"><img align="" alt="" data-mce-src="https://claa.memberclicks.net/assets/docs/CLAJ/CLAJ%20Ad%20Specifications-page-001.jpg" data-mce-style="margin: 0px 0px 0px 0px;" height="399" src="https://claa.memberclicks.net/assets/docs/CLAJ/CLAJ%20Ad%20Specifications-page-001.jpg" title="" width="443" /></p>

<h2>Advertisement Specifications</h2>

<p>When developing advertisements for&nbsp;<em>CLAJ,&nbsp;</em>please keep the following specifications in mind:</p>

<ol>
	<li>All press-ready advertisements should be submitted as pdf, tif, jpeg, or eps files.</li>
	<li>Please submit the exact size for advertisements based upon the specifications above.</li>
	<li>All fonts must be embedded. For fonts that are not embedded, we reserve the right to replace those fonts.</li>
	<li>Images must adhere to the following resolution requirements:
	<ul>
		<li>Grayscale halftone images: 300 dpi</li>
		<li>Line art (such as type): 600 dpi</li>
		<li>Low resolution images taken from websites may be rejected</li>
	</ul>
	</li>
	<li><em>CLAJ&nbsp;</em>reserves the right to approve all copy.</li>
</ol>

<p></p>
</p>
		

	<form action="index.cfm?id=17&popup=false" method="POST" id="iform" name="iform" enctype="multipart/form-data">
		
		<input type="hidden" id="num_questions" name="num_questions" value="6">
		<input type="hidden" name="form_id" value="17">
		<input type="hidden" name="report_id" value="">
		<input type="hidden" name="AllowedUploads" value="doc,docx,docm,dotx,dotm,eps,epub,htm,ics,lit,mobi,msg,pdf,potx,potm,ppam,ppsx,ppsm,pps,ppt,pptm,pptx,pub,txt,xls,zip,xlsx,xlsm,xltx,xltm,xlsb,xlam,vcf,sgf,gif,jpg,jpeg,jpe,png">
		
		
			<input type="hidden" name="formtitle" value="CLAJ Advertisement Form">
		
	
<script>
	$(function () {
		// reset payment token in case user clicked Back button in browser
		$('#paymentToken').val('');
		
		//$('#business_radio').trigger('change');
		
		
	});
	
	function limitText(limitField, limitCount, limitNum) {
		if (limitField.value.length > limitNum) {
			limitField.value = limitField.value.substring(0, limitNum);
		} else {
			limitCount.value = limitNum - limitField.value.length;
		}
	}

	function enable(obj) {
		obj.disabled = false;
		obj.style.backgroundColor = "white";
		obj.style.color = "black";
	}

	var validForm = false;
	var sent = 0;
	
	// Thibault 2/11/06 added init function called at page load, plus validation that required fields are completed before submit.  should help with problems with the back button and credit cards,  issue 30102
	function init() {
		frm = document.iform;

		
	}

	window.onload = new Function("init()"); //set init function to run at page load

	function lcase(mystring)  {
		return mystring.toLowerCase()
	}

	function listfind(list,value,delimiters) {
		if(!delimiters){var delimiters=','}
		_TempListSplitArray = list.split(delimiters)
		FoundIdx = 0;
		for(i=0;i<_TempListSplitArray.length;i++) {
			if(_TempListSplitArray[i]==value){
				FoundIdx= i+1;
				break
			}
		}
		return FoundIdx;
	}

	function startValidate() {
		// this will kick off validation, but since we need to validate the captcha
		// we have to wait for that to finish first...
		var iForm = document.getElementById('iform');
		var fld_ss_form_testid = document.getElementById('fld_ss_form_testid');
		var mainV = validateFrm();
		fld_ss_form_testid.value = 1;
		if (mainV) {
			
				
					iForm.submit();
				
			
		}
	}

	function validateFrm() {
		if(!sent) sent = 0;  //make sure we have this!
		if (!validForm) validForm = false;
		arrReqMissing = new Array();
		
			
			var jsDesc = "Name";
			
				obj = document.iform.response_1;
				val = "";
				
				val = obj.value;
				if (obj.value == "") {
					arrReqMissing[arrReqMissing.length] = jsDesc;
				}
				
			
			var jsDesc = "Date";
			
				obj = document.iform.response_2;
				val = "";
				
				val = obj.value;
				if (obj.value == "") {
					arrReqMissing[arrReqMissing.length] = jsDesc;
				}
				
			
			var jsDesc = "Email";
			
				obj = document.iform.response_3;
				val = "";
				
				val = obj.value;
				if (obj.value == "") {
					arrReqMissing[arrReqMissing.length] = jsDesc;
				}
				
			
			var jsDesc = "What size ad would you like to purchase?";
			
				obj = document.iform.response_4;
				val = "";
				
					
						n = 0;
						for (i=0;i<obj.length;i++) {
							if (obj[i].checked) {
								n = 1;
								val = obj[i].value;
							}
						}
					
					if (n == 0) {
						arrReqMissing[arrReqMissing.length] = jsDesc;
					}
				
			
			var jsDesc = "Please upload your logo or advertisement here.";
			
				obj = document.iform.response_5;
				val = "";
				
				val = obj.value;
				if (obj.value == "") {
					arrReqMissing[arrReqMissing.length] = jsDesc;
				}
				
			
				docfilename = document.iform.response_5.value.toLowerCase();
				list = "doc,docx,docm,dotx,dotm,eps,epub,htm,ics,lit,mobi,msg,pdf,potx,potm,ppam,ppsx,ppsm,pps,ppt,pptm,pptx,pub,txt,xls,zip,xlsx,xlsm,xltx,xltm,xlsb,xlam,vcf,sgf,gif,jpg,jpeg,jpe,png";
				if (docfilename != '') {
					x = docfilename.length;
					y = docfilename.lastIndexOf(".") + 1;
					ext = docfilename.substr(y, x);
					extfound = listfind(list, ext, ',');
					if (extfound == 0) {
						allowedUploadsList = 'doc,docx,docm,dotx,dotm,eps,epub,htm,ics,lit,mobi,msg,pdf,potx,potm,ppam,ppsx,ppsm,pps,ppt,pptm,pptx,pub,txt,xls,zip,xlsx,xlsm,xltx,xltm,xlsb,xlam,vcf,sgf,gif,jpg,jpeg,jpe,png';
						allowedUploadsList = allowedUploadsList.replace(/,/g, ', ');

						swal({
				  			title: 'File types',
				  			html: true,
				  			text: 'Sorry, you can only upload files of the following types: ' + allowedUploadsList,
				  			animation: 'slide-from-top',
				  			type: 'info',
				  			confirmButtonText: 'Ok',
				  			confirmButtonColor: '#337ab7'
				  		});
						return false;
					}
				// Leaving this disabled since I am going to relax security checks a bit, but leaving here
				// in case we need to add specific strings to exlusion for file uploads.
				//if ( docfilename.toLowerCase().indexOf("sp_") > -1 ) {
				//	alert("Sorry, you cannot upload files that contain the string 'sp_', please rename your file before uploading it.");
				//	return false;
				//	}
				}
			
		
			var jsDesc = "Total";
			
			
		if(arrReqMissing.length > 0) {
			//errStr = "We're sorry, but the following fields are required before you can submit this form. Please click OK, then correct these entries.<br>";
			errStr = "";
			for(i=0; i<arrReqMissing.length; i++) {
				errStr += arrReqMissing[i] + "<br>";
			}
			swal({
	  			title: 'Missing required fields',
	  			html: true,
	  			text: errStr,
	  			animation: 'slide-from-top',
	  			type: 'info',
	  			confirmButtonText: 'Ok',
	  			confirmButtonColor: '#337ab7'
	  		});
			return false;
		}

		for(i=0; i<document.iform.elements.length; i++) {
		 	if (document.iform.elements[i].type == 'textarea' || document.iform.elements[i].type == 'text') {
		 		if (document.iform.elements[i].value.length > 2147483647) {
		 			swal({
			  			title: 'Maximum allowable length',
			  			html: true,
			  			text: "One or more field responses exceeds the maximum allowable length of 2147483647 characters. Please adjust your responses and re-submit.",
			  			animation: 'slide-from-top',
			  			type: 'info',
			  			confirmButtonText: 'Ok',
			  			confirmButtonColor: '#337ab7'
			  		});
		 			return false;
		 		}
		 	}
		}

		if (sent == 1) {
	          swal({
	  			title: 'Processing..',
	  			html: true,
	  			text: "Your request is processing. Please do not click Submit more than once.",
	  			animation: 'slide-from-top',
	  			type: 'info',
	  			confirmButtonText: 'Ok',
	  			confirmButtonColor: '#337ab7'
	  		  });
	          return false;
	    }
		
			bOK = validateCC("iform");
		
		if (bOK) {
			var btn = $('#submitBtn');
			btn.button('loading');
			btn.prop('disabled', true);
			sent = 1;
			validForm = true;
			return true;
		}
		else {
			return false;
		}
	}

	function IsNumeric(sText) {
	   var ValidChars = "0123456789.";
	   var IsNumber=true;
	   var Char;

	   for (i = 0; i < sText.length && IsNumber == true; i++) {
	      Char = sText.charAt(i);
	      if (ValidChars.indexOf(Char) == -1) {
	         IsNumber = false;
	      }
	   }
	   return IsNumber;
	}

	function setButtonVal(el, itemID, price) {
		// first set the price attribute on the element
		el.price = price;
		// now set the value of a hidden field for the associated radio button
		document.getElementById(itemID).price = price;
		document.getElementById(itemID).value = 1;
		// now call the calcTotalFix function to recaculate the total amount due
		calcTotalFix();
	}

	function getRadioButtonValForTotal(radioName){
		var rads = document.getElementsByName(radioName);
		var selectedPrice = 0;
		for(i=0; i < rads.length; i++) {
		  if(rads[i].checked == true){
		    selectedPrice = rads[i].getAttribute('price');
		  }
		}

		selectedPrice = parseFloat(selectedPrice);
		return selectedPrice;
	}

	function calcTotalFix() {
		var priceFields = $(".calculateTotal");
		// console.log('priceFields length: ' + priceFields.length);
		var updateTotal = 0; // initialize total before looping over array
		var processedRadioButtons = [];	/// reset array every time this function is called
		for (var i=0; i < priceFields.length; i++) {
			myFieldObj = priceFields[i];
			if (myFieldObj.value == '') { myFieldObj.value = 0; }
			fieldName = myFieldObj.name;
			value = myFieldObj.value;
			fieldID = myFieldObj.getAttribute('id');
			price = myFieldObj.getAttribute('price');

			// check to see if this is a radioVal by the item id
			if(fieldID != undefined){
				var nRadioVal = fieldID.indexOf("radioVal");
				if(nRadioVal > -1){
					fieldtype = 'radioval';
				} else {
					fieldtype = 'notradioval';
				}
			} else {
				fieldtype = 'nofieldid';
			}

			// if this is just an open price field, there is no notion of quantity times price, so the price to the value of the field
			if(fieldtype === 'radioval'){
				// radio price field - use "price" attribute since we have funky stuff in the "value" attribute that we can't parse easily
				arrNum = $.inArray(fieldName, processedRadioButtons);
				if(arrNum > -1) {
					// set price and calcualted value to zero for the rest of the checkboxes in this array because don't want to keep adding to price
					price = 0;
					calculatedValue = parseFloat(0);
				} else {
					price = getRadioButtonValForTotal(fieldName);
					calculatedValue = parseFloat(price);
					// add radio button field name to array of radio fields processed so we don't check again
					processedRadioButtons.push(fieldName);
				}
				// console.log('fieldName: ' + fieldName + ' / value: ' + value + ' fieldID: ' + fieldID + ' / price: ' + price + ' / calculatedValue: ' + calculatedValue);
			} else {
				if (price === undefined || price === null) {
				// check to see if it's a radio price field first
					// open price field - use "value" attribute
					if (!IsNumeric(value)) {
						//alert("Open Prices must be numbers only, no formatting is allowed.");
						swal({
				  			title: 'Numbers only',
				  			html: true,
				  			text: "Open Prices must be numbers only, no formatting is allowed.",
				  			animation: 'slide-from-top',
				  			type: 'info',
				  			confirmButtonText: 'Ok',
				  			confirmButtonColor: '#337ab7'
				  		});
						myFieldObj.value = 0;
						return;
					}
					calculatedValue = parseFloat(value);
					// console.log('fieldName: ' + fieldName + ' / value: ' + value + ' fieldID: ' + fieldID + ' / price: ' + price + ' / calculatedValue: ' + calculatedValue);
				} else {
					if (!IsNumeric(value)) {
						//alert("Price fields only allow numbers.");
						swal({
				  			title: 'Price fields',
				  			html: true,
				  			text: "Price fields only allow numbers.",
				  			animation: 'slide-from-top',
				  			type: 'info',
				  			confirmButtonText: 'Ok',
				  			confirmButtonColor: '#337ab7'
				  		});
						myFieldObj.value = 0;
						return;
					}
					myVal = parseFloat(value);
					// console.log('in parseint with 10 - fieldName: ' + fieldName + ' / value: ' + value + ' fieldID: ' + fieldID + ' / price: ' + price + ' / myVal: ' + myVal);
					calculatedValue = myVal * parseFloat(price);

				}
			}


			// console.log('Field id: ' + fieldID + ' / Fieldtype: ' + fieldtype + ' / Field name: ' + fieldName + ' / value: ' + value + ' / Price: ' + price + ' / Calculated Field Total: ' + calculatedValue);
			updateTotal = updateTotal + calculatedValue;
		}

		// update hidden total amount
		if (document.iform.hiddentotal) { document.iform.hiddentotal.value = updateTotal; }
		// console.log('The updateTotal is now: ' + updateTotal);
		
		
				document.iform.ordertotal_work.value = updateTotal;
				document.iform.cc_amount.value = updateTotal;
			
		
		// update total value with formatted amount
		if (typeof(formatCurrency) == "function") { document.iform.total.value = formatCurrency(updateTotal); }
		
		if ($('#ordertotal_work').length > 0) {
            $('#ordertotal_work').val(updateTotal.toFixed(2));
        }
        
        if ($('#pmt_method').length > 0) {
        	$('#pmt_method').val('');
        }
        $('.paymentProfileRadio').prop('checked', false);
        $('.card').removeClass('active');
        
		// need to update the cc_info tag fields...
		if (typeof(checkTotal) == "function") { checkTotal(); }
	}

	/* remove after confirming ok without it - 8/8/13 CJV */
	function calcTotal(myField){
		thisVal = myField.value;
		// alert(thisVal);
		if (thisVal == '') {
			thisVal = 0;
			myField.value = 0;
			}
			if (!IsNumeric(myField.value)) {
				//alert('Please enter only numbers or decimal points in a price field');
				swal({
		  			title: 'Price field',
		  			html: true,
		  			text: "Please enter only numbers or decimal points in a price field.",
		  			animation: 'slide-from-top',
		  			type: 'info',
		  			confirmButtonText: 'Ok',
		  			confirmButtonColor: '#337ab7'
		  		});
				myField.value = 0;
				thisVal = 0;
				}
				// get the current total
				var origTotal = document.iform.hiddentotal.value;
				// now backout the prior value from the total
				var priorTotal = origTotal - myField.priorval;
				if(priorTotal == ''){
					priorTotal = 0;
					}
				// add the open price to the total
				updateTotal = parseFloat(eval(priorTotal)) + parseFloat(eval(thisVal));
				// update hidden total amount
				document.iform.hiddentotal.value = updateTotal;
				
					
						document.iform.ordertotal_work.value = updateTotal;
						document.iform.cc_amount.value = updateTotal;
					
				
				// update total value with formatted amount
				document.iform.total.value = formatCurrency(updateTotal);
		checkTotal(); // need to update the cc_info tag fields...
	}
	/* */

	function setOpenPriceInput(thisField,thisPrice){
		if(thisPrice == ''){
			thisField.priorval = 0;
		} else {
			thisField.priorval = thisPrice;
		}
	}

	
		var div_bottom_moved = false;

		function addLoadEvent(func) {
 			var oldonload = window.onload;
  			if (typeof window.onload != 'function') {
    			window.onload = func;
  			}
  			else {
    			window.onload = function() {
      				if (oldonload) {
        				oldonload();
      				}
      				func();
    			}
  			}
 		}

		addLoadEvent(calcTotalFix);
	
</script>

	
<style>
.has-error {
	color: #f70404 !important;
}
.has-error input {
	border: 1px solid #f70404 !important;
}
</style>


<script>
	function checkInvalidCharacter(objName){
		var obj = document.iform[objName];
		var strFileName = obj.value.replace('C:\\fakepath\\','');
		iTemp = strFileName.indexOf(":");
		
		if (iTemp > -1) {
			swal({
	  			title: 'Invalid character',
	  			html: true,
	  			text: "Invalid character ':' found in file name. Please change the file name before attempting to upload this file.",
	  			animation: 'slide-from-top',
	  			type: 'info',
	  			confirmButtonText: 'Ok',
	  			confirmButtonColor: '#337ab7'
	  		});
			obj.value = '';
			return false;
		}
		else {
			iTemp = obj.value.indexOf(",");
			if (iTemp > -1) {
				swal({
		  			title: 'Invalid character',
		  			html: true,
		  			text: "Invalid character ',' found in file name. Please change the file name before attempting to upload this file.",
		  			animation: 'slide-from-top',
		  			type: 'info',
		  			confirmButtonText: 'Ok',
		  			confirmButtonColor: '#337ab7'
		  		});
				obj.value = '';
				return false;
			}
		}
	}
	function clearRadio(rd) {
		if (document.iform) {
			var v;
			var ln;
			var ev;
			submitted = 0;
			v = "document.iform." + rd + ".length";
			ln = eval(v);
			// This will ensure we uncheck if there is only 1 radio button..
			v = "document.iform." + rd + ".checked = false;";
			ev = eval(v);
			// Now loop through the list of radio buttons and uncheck them all
			for (i=0;i<ln;i++) {
				v = "document.iform." + rd + "[" + i + "].checked = false;";
				//console.log(v);
				ev = eval(v);
			}
			calcTotalFix();
		}
	}
</script>


<div class="form_layout_wrapper" style="max-width:940px;" >

	
			<!-- The inner div, for the sake of IE -->
			<div id="layout_form_item" style="clear:both;border:0px solid orange;margin:0 0 0px 0;padding:0;min-height:0px;">
		

		<div id="form-item-140" class="layout form item outer row-1 item-140 row_num-20 row_pos-64 rowlength-1 type-Text" style="clear:both;;position:relative;">

			<div class="inner">

				
							Name<span class="text-danger"> *</span>
					

							<input type="text"
								
									id="response_1"
									name="response_1"
								
								
								 style="width:250px;"
								
									
                                            value=""
									    
										
								class="form-control type-Text row-1 item-140"
							><!-- input -->

							
						<INPUT
							TYPE="hidden"
							NAME="response_1_required"
							VALUE="The field Name is required. Please click your browser's back button and provide this value.">
					

				<input type="hidden" name="question_1" value="Name">
				<INPUT TYPE="hidden" NAME="response_1_question_id" VALUE="140">
				<INPUT TYPE="hidden" NAME="question_type_1" value="Text">
				<INPUT TYPE="hidden" NAME="label_1" value="Name">

				
			</div> <!-- /inner -->

		</div> <!-- /layout_form_item -->

		
				</div> <!-- /The inner div, for the sake of IE -->
			
			<!-- The inner div, for the sake of IE -->
			<div id="layout_form_item" style="clear:both;border:0px solid orange;margin:0 0 0px 0;padding:0;min-height:0px;">
		

		<div id="form-item-141" class="layout form item outer row-2 item-141 row_num-40 row_pos-64 rowlength-1 type-Text" style="clear:both;;position:relative;">

			<div class="inner">

				
							Date<span class="text-danger"> *</span>
					

							<input type="text"
								
									id="response_2"
									name="response_2"
								
								
								 style="width:250px;"
								
									
                                            value=""
									    
										
								class="form-control type-Text row-2 item-141"
							><!-- input -->

							
						<INPUT
							TYPE="hidden"
							NAME="response_2_required"
							VALUE="The field Date is required. Please click your browser's back button and provide this value.">
					

				<input type="hidden" name="question_2" value="Date">
				<INPUT TYPE="hidden" NAME="response_2_question_id" VALUE="141">
				<INPUT TYPE="hidden" NAME="question_type_2" value="Text">
				<INPUT TYPE="hidden" NAME="label_2" value="Date">

				
			</div> <!-- /inner -->

		</div> <!-- /layout_form_item -->

		
				</div> <!-- /The inner div, for the sake of IE -->
			
			<!-- The inner div, for the sake of IE -->
			<div id="layout_form_item" style="clear:both;border:0px solid orange;margin:0 0 0px 0;padding:0;min-height:0px;">
		

		<div id="form-item-142" class="layout form item outer row-3 item-142 row_num-60 row_pos-64 rowlength-1 type-Email" style="clear:both;;position:relative;">

			<div class="inner">

				
							Email<span class="text-danger"> *</span>
					

								<script type="text/javascript" src="/i4a/ams/include/checkemail.js"></script>
							

							<input type="text"
								
									id="response_3"
									name="response_3"
								
								
								 style="width:250px;"
								
									
										onchange="VerifyEmailAddress('iform', this.name,'Email')" value=""
									
								
								class="form-control type-Email row-3 item-142"
							><!-- input -->

							
						<INPUT
							TYPE="hidden"
							NAME="response_3_required"
							VALUE="The field Email is required. Please click your browser's back button and provide this value.">
					

				<input type="hidden" name="question_3" value="Email">
				<INPUT TYPE="hidden" NAME="response_3_question_id" VALUE="142">
				<INPUT TYPE="hidden" NAME="question_type_3" value="Email">
				<INPUT TYPE="hidden" NAME="label_3" value="Email">

				
			</div> <!-- /inner -->

		</div> <!-- /layout_form_item -->

		
				</div> <!-- /The inner div, for the sake of IE -->
			
			<!-- The inner div, for the sake of IE -->
			<div id="layout_form_item" style="clear:both;border:0px solid orange;margin:0 0 0px 0;padding:0;min-height:0px;">
		

		<div id="form-item-143" class="layout form item outer row-4 item-143 row_num-80 row_pos-64 rowlength-1 type-Radio" style="clear:both;width:100%;position:relative;">

			<div class="inner">

				
							What size ad would you like to purchase?<span class="text-danger"> *</span>
					

						        <div class="radio">
							        <label>
										<input
											type="radio"
											name="response_4"
											id="radioVal_143_1"
											fieldtype="radioprice"
											price="0"
											value="Quarter-page vertical ($50)"

											
											class="item type-radio type-Radio row-4 item-143 "
											>
											

													Quarter-page vertical ($50)

												
													<br />
												
												
										</label>
									</div>
							
								
						        <div class="radio">
							        <label>
										<input
											type="radio"
											name="response_4"
											id="radioVal_143_2"
											fieldtype="radioprice"
											price="0"
											value="Quarter- page horizontal ($50)"

											
											class="item type-radio type-Radio row-4 item-143 "
											>
											

													Quarter- page horizontal ($50)

												
													<br />
												
												
										</label>
									</div>
							
								
						        <div class="radio">
							        <label>
										<input
											type="radio"
											name="response_4"
											id="radioVal_143_3"
											fieldtype="radioprice"
											price="0"
											value="Half-page vertical ($75)"

											
											class="item type-radio type-Radio row-4 item-143 "
											>
											

													Half-page vertical ($75)

												
													<br />
												
												
										</label>
									</div>
							
								
						        <div class="radio">
							        <label>
										<input
											type="radio"
											name="response_4"
											id="radioVal_143_4"
											fieldtype="radioprice"
											price="0"
											value="Half-page horizontal (175)"

											
											class="item type-radio type-Radio row-4 item-143 "
											>
											

													Half-page horizontal (175)

												
													<br />
												
												
										</label>
									</div>
							
								
						        <div class="radio">
							        <label>
										<input
											type="radio"
											name="response_4"
											id="radioVal_143_5"
											fieldtype="radioprice"
											price="0"
											value="Full page ($150)"

											
											class="item type-radio type-Radio row-4 item-143 "
											>
											

													Full page ($150)

												
										</label>
									</div>
							
							
									<br /><a href="javascript:void(0);" onclick="clearRadio('response_4');">Clear Selection</a>
								
							
						<INPUT
							TYPE="hidden"
							NAME="response_4_required"
							VALUE="The field What size ad would you like to purchase? is required. Please click your browser's back button and provide this value.">
					

				<input type="hidden" name="question_4" value="What size ad would you like to purchase?">
				<INPUT TYPE="hidden" NAME="response_4_question_id" VALUE="143">
				<INPUT TYPE="hidden" NAME="question_type_4" value="Radio">
				<INPUT TYPE="hidden" NAME="label_4" value="Size">

				
			</div> <!-- /inner -->

		</div> <!-- /layout_form_item -->

		
				</div> <!-- /The inner div, for the sake of IE -->
			
			<!-- The inner div, for the sake of IE -->
			<div id="layout_form_item" style="clear:both;border:0px solid orange;margin:0 0 0px 0;padding:0;min-height:0px;">
		

		<div id="form-item-144" class="layout form item outer row-5 item-144 row_num-100 row_pos-64 rowlength-1 type-File" style="clear:both;width:100%;position:relative;">

			<div class="inner">

				
							Please upload your logo or advertisement here.<span class="text-danger"> *</span>
					

							<input type="file" accept="*" 
								
									id="response_5"
									name="response_5"
								
								
									onchange="checkInvalidCharacter('response_5');"
								

                                            value=""
									    
										
								class="type-File row-5 item-144"
							><!-- input -->

							
						<INPUT
							TYPE="hidden"
							NAME="response_5_required"
							VALUE="The field Please upload your logo or advertisement here. is required. Please click your browser's back button and provide this value.">
					

				<input type="hidden" name="question_5" value="Please upload your logo or advertisement here.">
				<INPUT TYPE="hidden" NAME="response_5_question_id" VALUE="144">
				<INPUT TYPE="hidden" NAME="question_type_5" value="File">
				<INPUT TYPE="hidden" NAME="label_5" value="Ad">

				
			</div> <!-- /inner -->

		</div> <!-- /layout_form_item -->

		
				</div> <!-- /The inner div, for the sake of IE -->
			
			<!-- The inner div, for the sake of IE -->
			<div id="layout_form_item" style="clear:both;border:0px solid orange;margin:0 0 0px 0;padding:0;min-height:0px;">
		

		<div id="form-item-145" class="layout form item outer row-6 item-145 row_num-120 row_pos-64 rowlength-1 type-Total" style="clear:both;width:100%;position:relative;">

			<div class="inner">

				
							Total
					

							<input type="text"
								
									name="total"
								
								
								readonly
								 style="width:100px;"
								
									
										readonly onBlur="this.value = formatCurrency(hiddentotal.value);"
										value="0"
									
								
								class="form-control type-Total row-6 item-145 readonly"
							><!-- input -->

							
								<input type="hidden" name="hiddentotal" value="0">
							

				<input type="hidden" name="question_6" value="Total">
				<INPUT TYPE="hidden" NAME="response_6_question_id" VALUE="145">
				<INPUT TYPE="hidden" NAME="question_type_6" value="Total">
				<INPUT TYPE="hidden" NAME="label_6" value="Total">

				
			</div> <!-- /inner -->

		</div> <!-- /layout_form_item -->

		
	</div><!-- /The inner div, for the sake of IE -->

	
	<input type="hidden" id="hasOpenPriceField" name="hasOpenPriceField" value="0">

	
</div><!-- /form_layout_wrapper -->


		<div id="_ssdiv2" style="display:none">
			<input type="hidden" id="fld_uploadfields" name="UploadFields" value="5">
			<input type="hidden" id="fld_id_column" name="id_column" value="ID">
			<input type="hidden" id="fld_id_value" name="id_value" value="">
			<input type="hidden" id="fld_form_overrideid" name="form_overrideID" value="0">
			
			<input type="hidden" id="fld_ss_form_testid" name="ss_form_testid" value="0" />
			<div id="_ssdiv">
				<p style="background-color: blue"><input type="text" name="ss_state" value="" /></p>
			</div>
		</div>
		
			<input type="hidden" name="form_isEdit" value="0">
		
	
		<div id="div_bottom" style="clear:both;">
			
			
				<div  id="formsPayment">
					
						<br /><br />
					
					
					<INPUT TYPE="hidden" NAME="cc_amount" VALUE="0">
					
					
					<input type="hidden" name="ecommerce_enabled" value="1">
					
					<div class="row">
						<div class="col-xl-7 col-lg-9 col-md-11 col-sm-12">
							
								
<style>
div#credit_card_number_work > iframe, div#csc_work > iframe, div#check_routingNumber > iframe, div#check_accountNumber > iframe {
    height: 35px;
    margin-top: -7px !important;
    border: 0px !important;
}
.form-check-inline .form-check-input {
	min-width: 15px;
}
.cscPopover {
	z-index: 1000000 !important;
}
.popover{
	max-width: 60% !important;
}
.dim-for-popover:after {
	content: '';
  	position: fixed;
  	top: 0;
  	left: 0;
  	width: 100%;
  	height: 100%;
  	background: rgba(0, 0, 0, .5);
  	z-index: 1000;
}
#savePaymentProfile_yes {
	height: 20px !important;
	width: 20px !important;
	margin-top: 0px;
}
#savePaymentProfile_label {
	margin-top: 0px !important;
	margin-left: 5px !important;
}
.paymentProfileListGroupItem {
	padding-top: 0.5rem !important;
	padding-right: 0.5rem !important;
	padding-bottom: 0.5rem;
	padding-left: 1rem !important;
	margin-bottom: 0px !important;
	font-size: 13px;
}
.paymentProfileRadio {
	height: 20px !important;
	width: 20px !important;
	margin-left: 0px !important;
	margin-top: .6rem !important;
}
.payment-popover-body {
	padding-top: 0.2rem !important;
	padding-right: 0.25rem !important;
	padding-bottom: 0.2rem !important;
	padding-left: 0.25rem !important;
}
.open-amount-description > p {
	margin-bottom: 0px;
}
.input-icon {
  position: relative;
}

.input-icon > i {
  position: absolute;
  display: block;
  transform: translate(0, -50%);
  top: 50%;
  pointer-events: none;
  width: 25px;
  text-align: center;
  font-style: normal;
}

.input-icon > input {
  padding-left: 25px;
  padding-right: 0;
  font-size: large;
}

.autoRenewRadio {
	height: 20px !important;
	width: 20px !important;
	margin-left: 0px !important;
	margin-top: .15rem !important;
}

.paymentTag_required-string {
	color: #bf110b;
}

.memberProfile_primaryInstallment {
	color: #13c0d2;
	margin-top: 13px;
}
.memberProfile_primaryStar {
	color: #f2cb30;
	margin-top: 13px;
}
.fa-star::before, .fa-star-o::before, .fa-refresh::before, .fa-chart-pie::before {
	padding-left: 15px !important;
}
.card {
	cursor: pointer;
	border-radius: 5px;
	overflow: hidden;
	-moz-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
	-o-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.card.active {
	border: solid 3px var(--primary);
  	-webkit-transform: translate(0, -8px);
	-moz-transform: translate(0, -8px);
	-ms-transform: translate(0, -8px);
	-o-transform: translate(0, -8px);
	transform: translate(0, -8px);
	box-shadow: 0 20px 20px rgba(0, 0, 0, 0.2);
}
.card-body {
	padding: 1rem;
}
.checkInputColumn {
	display: none !important;
}
.tooltip {
	pointer-events: none;
}
.sweet-alert.surcharge > .sa-button-container > .sa-confirm-button-container > button.confirm {
    background-color: #bf110b !important;
}
			
@media (max-width: 767px) {
	.fa-2x {
		font-size: 1.5em;
	}
	.paymentProfileRadio {
		height: 15px !important;
		width: 15px !important;
	}
	.endingInColumn {
		min-width: 65px;
	}
	.checkInputColumn  {
		padding-left: 5px; max-width: 30px;
	}
}
</style>


	<input id="multiTotal" type="hidden" name="multiTotal" value="No">
	<input id="ordertotal_org" type="hidden" name="ordertotal_org" value="0">

	<div id="paymentAmountsTable" class="ccInfoTable">
		
			
				<input id="mordertotal" type="hidden" name="mordertotal" value="0">
				<input id="installmentslDueToday" type="hidden" value="0">
				<input id="firstInstallment" type="hidden" value="0">
						
				
					<input id="ordertotal_open" type="hidden" name="ordertotal_open" value="0" />
				

					<input id="ordertotal_open2" type="hidden" name="ordertotal_open2" value="0">
				
			
	</div>
	
	
		<input type="hidden" name="usePaymentProfile" value="">
		<input type="hidden" name="customerProfileID" value="">
		<input type="hidden" name="paymentProfileID" value="">
	
	
	<div class="ccInfoTable" id="paymentMethodsList">
		
		
		<div class="form-group row"> 
			<label for="pmt_method" class="col-sm-6 col-md-4 col-form-label"><strong>Payment Method</strong></label>
			<div class="col-sm-6 col-md-8">
				<select class="form-control" id="pmt_method" name="pmt_method" onchange="chgPmt();">
					<option value="">Select a new payment method</option>
					
						
						<option value="Visa">Visa</option>
					
						
						<option value="MC">Mastercard</option>
					
						
						<option value="AMEX">American Express</option>
					
						
						<option value="Disc">Discover</option>
					
				</select>
			</div>
		</div>
	</div>
	
		
		<div class="ccInfoTable" style="display:none;" id="electronicCheckPaymentInstructions">
			<div class="form-text text-muted" style="margin-bottom:20px;">
				Enter the name on the bank account according to the information shown on your bank statement.
				The account number and routing number can be copied from the lower left corner of the check.
				<a tabindex="-1" class="cscPopover" href="javascript:void(0);" data-toggle="popover" title="" data-content="
			<img src='/i4a/images/check-routing-account-number.jpg' class='img-fluid' style='max-width:400px;'>
		">
					<i class="fa fa-question-circle"></i>
				</a>
			</div>
		</div>
	

	<div class="ccInfoTable" style="display:none;" id="electronicCheckPaymentFields">
		<div class="form-group row">
			<label class="col-sm-4 col-form-label">Account Type</label>
			<div class="col-sm-8" style="margin-top: 7px;">
				<div class="form-check form-check-inline">
  					<input class="form-check-input" type="radio" name="check_accountType" id="checking_radio" value="checking" checked>
  					<label class="form-check-label" for="checking_radio">Checking</label>
				</div>
				<div class="form-check form-check-inline">
  					<input class="form-check-input" type="radio" name="check_accountType" id="savings_radio" value="savings">
  					<label class="form-check-label" for="savings_radio">Savings</label>
				</div>
			</div>
		</div>
		<div class="form-group row">
			<label for="check_routingNumber" class="col-sm-4 col-form-label">Routing Number</label>
			<div class="col-sm-8">
				<div class="form-control" id="check_routingNumber"></div>
			</div>
		</div>
		<div class="form-group row">
			<label for="check_accountNumber" class="col-sm-4 col-form-label">Account Number</label>
			<div class="col-sm-8">
				<div class="form-control" id="check_accountNumber"></div>
			</div>
		</div>
		<div class="form-group row">
			<label class="col-sm-4 col-form-label">Account Holder Type</label>
			<div class="col-sm-8" style="margin-top: 7px;">
				<div class="form-check form-check-inline">
  					<input class="form-check-input" type="radio" name="account_holderType" id="business_radio" value="business" checked onchange="updateBusinessName(this.value)">
  					<label class="form-check-label" for="business_radio">Business</label>
				</div>
				<div class="form-check form-check-inline">
  					<input class="form-check-input" type="radio" name="account_holderType" id="personal_radio" value="individual" onchange="updateBusinessName(this.value)">
  					<label class="form-check-label" for="personal_radio">Personal</label>
				</div>
			</div>
		</div>
		<div class="form-group row" id="row_businessName">
			<label for="check_businessName" class="col-sm-4 col-form-label">Business Name</label>
			<div class="col-sm-8">
				<input class="form-control" type="text" id="check_businessName" name="check_businessName" maxlength="64">
			</div>
		</div>
		<div class="form-group row" id="row_nameOnAccount" style="display:none;">
			<label for="check_nameOnAccount" class="col-sm-4 col-form-label">Account Holder Name</label>
			<div class="col-sm-8">
				<input class="form-control" type="text" id="check_nameOnAccount" name="check_nameOnAccount" maxlength="64">
			</div>
		</div>
		
		<small class="form-text text-muted">
			<i>By submitting payment, I am authorizing College Language Association to initiate a single or recurring ACH/electronic debit
			in the amount indicated from the bank account I designated above. I understand that this Authorization will remain in
			full force and effect until the transaction is cancelled by me by contacting College Language Association, or the ACH/electronic debit
			is processed from the designated account. I certify that (1) I am authorized to debit the bank account above and
			(2) the ACH/electronic payment I am authorizing complies with all applicable laws.</i>
		</small>
		<br />
	</div>

	<div class="ccInfoTable" style="display:none;" id="standardPaymentFields">
		<div class="form-group row" id="row_nameOnCard">
			<label for="credit_card_name_work" id="credit_card_name_work_label" class="col-sm-4 col-form-label">Name on Card</label>
			<div class="col-sm-8">
				<input class="form-control" type="text" id="credit_card_name_work" name="credit_card_name_work" maxlength="64" autocomplete="cc-name">
			</div>
		</div>
		<div class="form-group row" id="row_creditCardNumber">
			<label for="credit_card_number_work" class="col-sm-4 col-form-label">Card Number</label>
	  		<div class="col-sm-8">
	  			<div id="credit_card_number_work" class="form-control"></div>
  			</div>
		</div>

		
		<div class="form-group row" id="row_creditCardExpires">
			<label class="col-sm-4 col-form-label">Expiration</label>
			<div class="col-4">
				<select class="form-control" id="credit_card_expires_month_work" name="credit_card_expires_month_work">
					<option value=""></option>
					
					
						<option value="1">01 - January</option>
					
					
						<option value="2">02 - February</option>
					
					
						<option value="3">03 - March</option>
					
					
						<option value="4">04 - April</option>
					
					
						<option value="5">05 - May</option>
					
					
						<option value="6">06 - June</option>
					
					
						<option value="7">07 - July</option>
					
					
						<option value="8">08 - August</option>
					
					
						<option value="9">09 - September</option>
					
					
						<option value="10">10 - October</option>
					
					
						<option value="11">11 - November</option>
					
					
						<option value="12">12 - December</option>
					
				</select>
			</div>
			<div class="col-4">
				<select class="form-control" id="credit_card_expires_year_work" name="credit_card_expires_year_work">
					<option value=""></option>
					
						<option value="2026">2026</option>
					
						<option value="2027">2027</option>
					
						<option value="2028">2028</option>
					
						<option value="2029">2029</option>
					
						<option value="2030">2030</option>
					
						<option value="2031">2031</option>
					
						<option value="2032">2032</option>
					
						<option value="2033">2033</option>
					
						<option value="2034">2034</option>
					
						<option value="2035">2035</option>
					
						<option value="2036">2036</option>
					
						<option value="2037">2037</option>
					
						<option value="2038">2038</option>
					
						<option value="2039">2039</option>
					
						<option value="2040">2040</option>
					
						<option value="2041">2041</option>
					
				</select>
			</div>
		</div>

		
		<div class="form-group row" id="row_creditCardCSC">
			<label class="col-sm-4 col-form-label">
				CSC
				<a tabindex="-1" class="cscPopover" href="javascript:void(0);" data-toggle="popover" title="Card Security Code (CSC) Information" data-content="
			The card security code (CSC) is a 3 or 4 digit number (not part of the credit card number) that is printed on the credit card.
			Because the CSC appears only on the card and not on receipts or statements, the CSC provides additional security.
			<br /><br />
			<img src='/i4a/images/cv_card.jpg' class='img-fluid'>
		">
					<i class="fa fa-question-circle"></i>
				</a>
			</label>
			<div class="col-sm-8">
  				<div id="csc_work" class="form-control"></div>
			</div>
		</div>

		<div class="form-group row" id="row_creditCardAVS">
			<label for="avs_street" class="col-sm-4 col-form-label">Billing Street</label>
			<div class="col-sm-8">
				<input class="form-control" type="text" id="avs_street" name="avs_street" maxlength="255">
			</div>
		</div>
		<div class="form-group row" id="row_creditCardAVSZip">
			<label for="avs_zip" class="col-sm-4 col-form-label">Billing Zip Code</label>
			<div class="col-sm-8">
				<input class="form-control" type="text" id="avs_zip" name="avs_zip" maxlength="50">
			</div>
		</div>

		
			<input id="checknumber_work" type="hidden" name="checknumber_work" value="">
		

			<input id="ponumber_work" type="hidden" name="ponumber_work" value="">
		
	</div>
	
	<div class="ccInfoTable" id="additionalPaymentFields">
		
		
			<input type="hidden" name="savePaymentProfile" value="0">
		
		
			<div class="form-group row" id="installmentsTotalRow" style="display:none;">
				<label for="installmentsTotal" style="font-size: large;" class="col-sm-6 col-md-4 col-form-label text-info"><strong>Due Today</strong></label>
				<div class="col-sm-6 col-md-8">
					<strong style="font-size: large;">
					<div class="input-icon">
						<input class="form-control-plaintext text-info" style="background-color:transparent; box-shadow: none; font-weight: bold;" tabindex="-1" id="installmentsTotal" type="text" size="10" value="0.00" readonly>  
							<i class="text-info">$</i>
					</div>
					</strong>
				</div>
			</div>

             
                <div class="form-group row" id="surchargeTotalRow" style="margin-bottom: 0rem;">
                    <label for="surcharge_amount_work" style="font-size: large;" class="col-sm-6 col-md-4 col-form-label text-info">
                    	<strong>Surcharge</strong>
                    	<small>
                    		<i class="fa fa-question-circle" data-toggle="tooltip" data-placement="right" title="Added when paying by credit card."></i>
                    	</small>
                    </label>
                    <div class="col-sm-6 col-md-8">
                        <strong style="font-size: large;">
                        <div class="input-icon">
                            <input class="form-control-plaintext text-info" style="background-color:transparent; box-shadow: none; font-weight: bold;" tabindex="-1" id="surcharge_amount_work" type="text" name="surcharge_amount_work" size="10" value="0" readonly>
                            <i class="text-info">$</i>
                        </div>
                        </strong>
                    </div>
                    <input type="hidden" id="surcharge_amount" name="surcharge_amount" value="0">
                    <input type="hidden" id="surchargeable" name="surchargeable" value="0">	
                </div>
            
            
			<div class="form-group row">
				<label for="ordertotal_work" style="font-size: large;" class="col-sm-6 col-md-4 col-form-label text-info"><strong>Total Amount Due</strong></label>
				<div class="col-sm-6 col-md-8">
					<strong style="font-size: large;">
					<div class="input-icon">
                        <input class="form-control-plaintext text-info" style="background-color:transparent; box-shadow: none; font-weight: bold;" tabindex="-1" id="ordertotal_work" type="text" name="ordertotal_work" size="10" value="0.00" readonly>
						<i class="text-info">$</i>
					</div>
					</strong>
				</div>
				<input id="ordertotal" type="hidden" name="ordertotal" value="0.00">
				<input id="ordertotal_original" type="hidden" value="0.00">	
			</div>
		
		
			<input type="hidden" name="dues_autorenew" value="0">
		
	</div>

	<input type="hidden" name="reloadFunction" value="onload='chgPmt();'">
	<input type="text" name="ccList" value="Visa,MC,AMEX,Disc" style="display:none !important;">
	<input type="hidden" name="poNumNotRequiredList" value="">
	<input type="hidden" name="payment_method" value="">
	<input type="hidden" name="payment_desc" value="">
	<input type="hidden" name="credit_card_type" value="">
	<input type="hidden" name="checknumber" value="">
	<input type="hidden" name="ponumber" value="">
	<input type="hidden" name="credit_card_name" value="">
	<input type="hidden" name="credit_card_number" value="">
	<input type="hidden" name="credit_card_expires_month" value="">
	<input type="hidden" name="credit_card_expires_year" value="">
	<input type="hidden" name="csc" value="">
	
	<input type="hidden" name="paymentToken" id="paymentToken" value="">

	
	<script src="https://cdn.affinipay.com/hostedfields/1.5.3/fieldGen_1.5.3.js" integrity="sha384-OInNoiApwwsc6xI2N+o4KHZ522+EmLGDTJFLwDEmuUum73mVEuytiQgy1/xpoEJO" crossorigin="anonymous"></script>

	<script>
		$(function () {
			$('[data-toggle="tooltip"]').tooltip();

			$('.cscPopover').popover({
	    		container: 'body',
	    		trigger: 'focus',
	    		html: true
	  		})
	  		.on('show.bs.popover', function () {
  				$('body').addClass('dim-for-popover');
			})
			.on('hide.bs.popover', function () {
  				$('body').removeClass('dim-for-popover');
			});
		});
		
		 
		const surcharge = 'true';
		const surchargeThreshold = '3';
		const publicKey = 'm_NkzMIJqkTrOyPS54AGhdng';
		const bankAccountID = 'bank_a6LduwrQeYIoGk64dbXiM';

		const creditCardHostedFieldsConfig = {
			publicKey: publicKey,  // merchant public key
			surchargeEnabled: true,
    		fields: [
      			{ selector: '#credit_card_number_work', input: { type: 'credit_card_number' } },
      			{ selector: '#csc_work', input: { type: 'cvv' } }
    		]
  		};

  		const eCheckHostedFieldsConfig = {
    		publicKey: publicKey,  // merchant public key
    		surchargeEnabled: true,
    		fields: [
      			{ selector: '#check_routingNumber', input: { type: 'routing_number' }, error: 'Please provide the Routing Number.' },
      			{ selector: '#check_accountNumber', input: { type: 'bank_account_number' }, error: 'Please provide the Account Number.' }
    		]
  		};

		const hostedFieldsCallBack = function(state) {
			//console.log(JSON.stringify(state, null, 2));
			//console.log(state);
		};

		const creditCardHostedFields = window.AffiniPay.HostedFields.initializeFields(
			creditCardHostedFieldsConfig,
			hostedFieldsCallBack
  		);

  		const eCheckHostedFields = window.AffiniPay.HostedFields.initializeFields(
			eCheckHostedFieldsConfig,
			hostedFieldsCallBack
		);

		reloadPmt = 0;
        
        $('#avs_street, #avs_zip').on('blur', function () {
            if (creditCardHostedFields.getState() && creditCardHostedFields.getState().isReady) {
                // check to make sure the credit card is surchargeable
                var pmtMethodSurchargeable = false;
                
                $.each(creditCardHostedFields.getState().fields, function(index, field) { 
                    if (typeof field.surchargeable !== 'undefined') {
                        if (field.surchargeable == false || field.surchargeable == 'unknown' || field.surchargeable == 'false') {
                            $('#surchargeable').val(0);
                            $('#surcharge_amount').val(0);
                            $('#surcharge_amount_work').val(0);
                            if ($('#ordertotal_work').length > 0 && $('#ordertotal_work').val() > 0) {
                                $('#ordertotal_work').val($('#ordertotal_original').val());   
                            }
                        }
                        if (field.surchargeable == true || field.surchargeable == 'true') {
                            $('#surchargeable').val(1);
                            pmtMethodSurchargeable = true;
                        }       
                    }
                });
                
                if (pmtMethodSurchargeable == false) {
                    $('#surchargeable').val(0);
                    $('#surcharge_amount').val(0);
                    $('#surcharge_amount_work').val(0);
                    if ($('#ordertotal_work').length > 0 && $('#ordertotal_work').val() > 0) {
                        $('#ordertotal_work').val($('#ordertotal_original').val());   
                    } 
                }
            }
        });
        
		function updateBusinessName(value) {
			if (value == 'individual') {
				$('#row_businessName').hide('fast');
				$('#row_nameOnAccount').show('fast');
			}
			else {
				$('#row_businessName').show('fast');
				$('#row_nameOnAccount').hide('fast');
			}
		}

		function setDuesAutoRenewSavedCard(bEnrollAutoDues) {
			if ($('#savePaymentProfile_yes').length > 0) {
				if (bEnrollAutoDues == 1) {
					// require saved credit card when enrolling in auto dues renewal
					if (!$("input[name='usePaymentProfile']:checked").val()) {
						// none of the saved payments are checked
						$('#savePaymentProfile_yes').prop('checked', true).css('pointer-events', 'none').css('cursor', 'not-allowed');
						$('#savePaymentProfile_label').css('pointer-events', 'none');
					}
				}
				else {
					if ($('#installmentOptions').length > 0) {
						if ($('#installmentOptions').val() == 'full') {
							$('#savePaymentProfile_yes').css('pointer-events', 'auto').css('cursor', 'auto');
							$('#savePaymentProfile_label').css('pointer-events', 'auto');		
						}
						else {
							$('#savePaymentProfile_yes').prop('checked', true).css('pointer-events', 'none').css('cursor', 'not-allowed');
							$('#savePaymentProfile_label').css('pointer-events', 'none');
						}
					}
					else {
						$('#savePaymentProfile_yes').css('pointer-events', 'auto').css('cursor', 'auto');
						$('#savePaymentProfile_label').css('pointer-events', 'auto');
					}
				}
			}
		}

		function trim(strText) {
		    // this will get rid of leading spaces
		    while (strText.substring(0,1) == ' ')
		        strText = strText.substring(1, strText.length);

		    // this will get rid of trailing spaces
		    while (strText.substring(strText.length-1,strText.length) == ' ')
		        strText = strText.substring(0, strText.length-1);

		   return strText;
		}

		function isNumeric(sText) {
		   var ValidChars = "0123456789.";
		   var IsNumber=true;
		   var Char;

		   for (i = 0; i < sText.length && IsNumber == true; i++) {
		      Char = sText.charAt(i);
		      if (ValidChars.indexOf(Char) == -1) {
		         IsNumber = false;
		      }
		   }
		   return IsNumber;
		}

		function updateExpectedAmount() {
			
		}

		function validateCC(ccfrm) {
			var frm = eval('document.' + ccfrm);

			if (frm.multiTotal.value == 'Yes') {
				checkTotal();

				if (frm.ordertotal_work.value == '') {
					swal({
			  			title: 'Price',
			  			html: true,
			  			text: 'You must select a Price.',
			  			animation: 'slide-from-top',
			  			type: 'info',
			  			confirmButtonText: 'Ok',
			  			confirmButtonColor: '#337ab7'
			  		});
			  		return false;
				}
			}
			var obj = frm.pmt_method;
			var i = obj.selectedIndex;
			var pmt = $('#pmt_method').val();

			
				bUsePaymentProfile = 0;
			

			frm.credit_card_name.value = frm.credit_card_name_work.value;
			frm.credit_card_expires_month.value = frm.credit_card_expires_month_work.value;
			frm.credit_card_expires_year.value = frm.credit_card_expires_year_work.value;
			frm.checknumber.value = frm.checknumber_work.value;
			frm.ponumber.value = frm.ponumber_work.value;
			frm.ordertotal_work.value = frm.ordertotal_work.value.replace("$","");
			frm.ordertotal_work.value = frm.ordertotal_work.value.replace(",","");
			frm.ordertotal_open.value = frm.ordertotal_open.value.replace("$","");
			frm.ordertotal_open.value = frm.ordertotal_open.value.replace(",","");
			frm.ordertotal.value = frm.ordertotal_work.value;

			var autoRenewDiv = $('#autoRenewRow');
			if (autoRenewDiv.length > 0) {
				if (autoRenewDiv.is(':visible')) {
					var autoRenewYes = $('#dues_autorenew_yes').is(':checked');
					var autoRenewNo = $('#dues_autorenew_no').is(':checked');
					if (autoRenewYes == false && autoRenewNo == false) {
						swal({
				  			title: 'Automatic Renewals',
				  			html: true,
				  			text: 'Please select if you would like to enable Automatic Renewals.',
				  			animation: 'slide-from-top',
				  			type: 'info',
				  			confirmButtonText: 'Ok',
				  			confirmButtonColor: '#337ab7'
				  		});
				  		return false;
					}
				}
			}
			
			// if the payment selection is disabled (IE total = 0) then we just want to skip further validation
			if (obj.disabled == true) {
				return true;
			};

			if (bUsePaymentProfile == 1 && pmt == '') {
				
				return true;
			}

			// if they aren't using a payment profile AND haven't selected a payment type, can't continue - skip further validation
			if (bUsePaymentProfile == 0 && pmt == '') {
				swal({
		  			title: 'Payment Method',
		  			html: true,
		  			text: 'Please select a payment method.',
		  			animation: 'slide-from-top',
		  			type: 'info',
		  			confirmButtonText: 'Ok',
		  			confirmButtonColor: '#337ab7'
		  		});
		  		return false;
			}
			else {
				

				if (pmt != 'Check' && pmt != 'PO' && pmt != 'Purchase Order' && pmt != 'Apply' && $('#paymentToken').val() != '') {
					// this is either an electronic check or a credit card
					// and we have already validated the form and got the payment token
					return true;
				}

				if (pmt == 'Check') {
					frm.checknumber_work.value = trim(frm.checknumber_work.value);

					if (frm.credit_card_name_work.value == "") {
						swal({
				  			title: 'Payor Name',
				  			html: true,
				  			text: 'Please provide the name of the payor for the check.',
				  			animation: 'slide-from-top',
				  			type: 'info',
				  			confirmButtonText: 'Ok',
				  			confirmButtonColor: '#337ab7'
				  		});
				  		return false;
					}
					else if (frm.checknumber_work.value == "") {
						swal({
				  			title: 'Check Number',
				  			html: true,
				  			text: 'Please provide a check number.',
				  			animation: 'slide-from-top',
				  			type: 'info',
				  			confirmButtonText: 'Ok',
				  			confirmButtonColor: '#337ab7'
				  		});
				  		return false;
					}
					else {
						return true;
					}
				}
				else if (pmt == 'PO' || pmt == 'Purchase Order') {
					frm.ponumber_work.value = trim(frm.ponumber_work.value);
					if (frm.ponumber_work.value == '') {
						bPoNumDisabled = isPoNumDisabled(frm.poNumNotRequiredList.value,i);	// check to see if the po number field is disabled
						if (bPoNumDisabled == 1) {
							frm.ponumber_work.value = "N/A";	// set the value to N/A, don't require the user to enter anything
						}
						else {
							swal({
					  			title: 'PO Number',
					  			html: true,
					  			text: 'Please provide a PO Number.',
					  			animation: 'slide-from-top',
					  			type: 'info',
					  			confirmButtonText: 'Ok',
					  			confirmButtonColor: '#337ab7'
					  		});
					  		return false;
						}
					}
					return true;
				}
				else if (pmt == 'Electronic Check') {
					if (eCheckHostedFields.getState()) {
						const name = $('#check_nameOnAccount').val().trim();
						var given_name = '';
						var surname = '';
						
						if (name != '') {
							var nameArr = name.split(' ');
							if (nameArr.length == 1) {
								given_name = nameArr[0];
								surname = nameArr[0];
							}
							else if (nameArr.length == 2) {
								given_name = nameArr[0];
								surname = nameArr[1];
							}
							else {
								given_name = nameArr[0];
								let i = 1;
					
								while (i < nameArr.length) {
									thisValue = nameArr[i].replace('.', '').replace(',', '');
									if (thisValue.length > 1) {
										surname += thisValue + ' ';	
									}
								    i++;
								}
							}
						}
	  					const business_name = $('#check_businessName').val().trim();
	  					const isBusiness = $('#business_radio').is(':checked');
	  					const isSavings = $('#savings_radio').is(':checked');

						if (isBusiness && business_name == '') {
							swal({
					  			title: 'Business Name',
					  			html: true,
					  			text: 'Please provide the Business Name.',
					  			animation: 'slide-from-top',
					  			type: 'info',
					  			confirmButtonText: 'Ok',
					  			confirmButtonColor: '#337ab7'
					  		});
					  		return false;
						}
						else if (isBusiness == false && name == '') {
							swal({
					  			title: 'Account Holder Name',
					  			html: true,
					  			text: 'Please provide the Account Holder Name.',
					  			animation: 'slide-from-top',
					  			type: 'info',
					  			confirmButtonText: 'Ok',
					  			confirmButtonColor: '#337ab7'
					  		});
					  		return false;
						}
						else if (isBusiness == false && (typeof given_name === 'undefined' || typeof surname === 'undefined' || given_name == '' || surname == '')) {
							swal({
					  			title: 'Account Holder Name',
					  			html: true,
					  			text: 'Please provide the first and last name of the Account Holder.',
					  			animation: 'slide-from-top',
					  			type: 'info',
					  			confirmButtonText: 'Ok',
					  			confirmButtonColor: '#337ab7'
					  		});
					  		return false;
						}

						if (eCheckHostedFields.getState().isReady == false) {
							if (typeof grecaptcha !== 'undefined' && typeof grecaptcha.reset === 'function') {
								grecaptcha.reset();
							}
							
							$.each(eCheckHostedFields.getState().fields, function(index, field) {
  								if (field.error == 'Input field is empty') {
  									switch(field.type) {
  										case 'bank_account_number':
  											var alertTitle = 'Account Number';
  											break;
  										default:
  											var alertTitle = 'Routing Number';
  									}

  									swal({
							  			title: alertTitle,
							  			html: true,
							  			text: 'Please provide the ' + alertTitle + '.',
							  			animation: 'slide-from-top',
							  			type: 'info',
							  			confirmButtonText: 'Ok',
							  			confirmButtonColor: '#337ab7'
							  		});
							  		return false;
  								}
  								else if (field.error != '') {
									swal({
							  			title: 'Error',
							  			html: true,
							  			text: field.error + '.',
							  			animation: 'slide-from-top',
							  			type: 'info',
							  			confirmButtonText: 'Ok',
							  			confirmButtonColor: '#337ab7'
							  		});
							  		return false;
  								}
							});
						}
                        
						if (eCheckHostedFields.getState() && eCheckHostedFields.getState().isReady && (given_name != '' || business_name != '')) {
							// check to make sure the bank account is surchargeable
							var proceed = true;
							
							/*
							var pmtMethodSurchargeable = false;
							
                            $.each(eCheckHostedFields.getState().fields, function(index, field) {
                                if (typeof field.surchargeable !== 'undefined') {
                                    if (field.surchargeable == false || field.surchargeable == 'unknown' || field.surchargeable == 'false') {
                                        $('#surchargeable').val(0);
                                        $('#surcharge_amount').val(0);
                                        $('#surcharge_amount_work').val(0);
                                        
                                        if ($('#ordertotal_work').length > 0 && $('#ordertotal_work').val() != 0) {
                                            $('#ordertotal_work').val($('#ordertotal_original').val());
                                            
                                            // if expected_amount_work is enabled, need to stop and let them know about surcharge so they could update the amount received
                                            if ($('#expected_amount_work').length > 0) {
                                                swal({
                                                    title: '<span style="color:#bf110b;">Surcharge Removed</span>',
                                                    html: true,
                                                    text: 'This bank account is not surchargeable. Please update the Amount Received before proceeding.',
                                                    animation: 'slide-from-top',
                                                    type: 'error',
                                                    confirmButtonText: 'Ok',
                                                    confirmButtonColor: '#bf110b'
                                                });
                                                proceed = false;
                                                return false;
                                            }
                                            else {
                                                swal({
                                                    title: 'Surcharge Removed',
                                                    html: true,
                                                    text: 'This bank account is not surchargeable. Click Ok and then Submit to proceed.',
                                                    animation: 'slide-from-top',
                                                    type: 'info',
                                                    confirmButtonText: 'Ok',
                                                    confirmButtonColor: '#337ab7'
                                                });
                                                proceed = false;
                                                return false;
                                            }	
                                        }
                                    }
                                    if (field.surchargeable == true || field.surchargeable == 'true') {
                                    	$('#surchargeable').val(1);
                                    	pmtMethodSurchargeable = true;
                                    }
                                } 
                            });
                            
                            if (pmtMethodSurchargeable == false) {
                            	$('#surchargeable').val(0);
                                $('#surcharge_amount').val(0);
                                $('#surcharge_amount_work').val(0);
                                
                                if ($('#ordertotal_work').length > 0) {
                                    $('#ordertotal_work').val($('#ordertotal_original').val());
                                }
                            }
                            */
                            
                            if (proceed) {
                                var extra_fields = {
                                    account_holder_type: isBusiness ? 'business' : 'individual',
                                    account_type: isSavings ? 'savings' : 'checking'
                                };
    
                                if (isBusiness) {
                                    extra_fields.name = business_name;
                                }
                                else {
                                    extra_fields.given_name = given_name;
                                    extra_fields.surname = surname;
                                    if (surname.length > 40) {
                                        extra_fields.surname = surname.substring(0, 40);    
                                    }
                                }
    
                                eCheckHostedFields.getPaymentToken(extra_fields)
                                .then(function (result) {
                                    // if getPaymentToken returns successfully you may pass your payment token to your backend service
                                    $('#paymentToken').val(result.id);
                                    
                                        startValidate();
                                    
                                }).catch(function (err) {
                                    console.log(err);
                                    return false;
                                });	
                            }
						}
					}
					else {
						// something is wrong with eCheck hosted fields
						console.log(eCheckHostedFields.getState());
						return false;
					}

				}
				else if (pmt == "Apply") {
					return true;
				}

				else {
					// credit card payment
					if (creditCardHostedFields.getState()) {
						const exp_month = $('#credit_card_expires_month_work').val();
			      		const exp_year = $('#credit_card_expires_year_work').val();
			      		const avs_street = $('#avs_street').val().trim();
			      		const avs_zip = $('#avs_zip').val().trim();
			      		const card_name = $('#credit_card_name_work').val().trim();

						if (card_name == '') {
							swal({
					  			title: 'Name on Card',
					  			html: true,
					  			text: 'Please provide the Name on Card.',
					  			animation: 'slide-from-top',
					  			type: 'info',
					  			confirmButtonText: 'Ok',
					  			confirmButtonColor: '#337ab7'
					  		});
					  		return false;
						}
						if (exp_month == '') {
							swal({
					  			title: 'Expiration Month',
					  			html: true,
					  			text: 'Please provide the Expiration Month.',
					  			animation: 'slide-from-top',
					  			type: 'info',
					  			confirmButtonText: 'Ok',
					  			confirmButtonColor: '#337ab7'
					  		});
					  		return false;
						}
						if (exp_year == '') {
							swal({
					  			title: 'Expiration Year',
					  			html: true,
					  			text: 'Please provide the Expiration Year.',
					  			animation: 'slide-from-top',
					  			type: 'info',
					  			confirmButtonText: 'Ok',
					  			confirmButtonColor: '#337ab7'
					  		});
					  		return false;
						}
						if (avs_street == '') {
							swal({
					  			title: 'Billing Street',
					  			html: true,
					  			text: 'Please provide the Billing Street.',
					  			animation: 'slide-from-top',
					  			type: 'info',
					  			confirmButtonText: 'Ok',
					  			confirmButtonColor: '#337ab7'
					  		});
					  		return false;
						}
						if (avs_zip == '') {
							swal({
					  			title: 'Billing Zip Code',
					  			html: true,
					  			text: 'Please provide the Billing Zip Code.',
					  			animation: 'slide-from-top',
					  			type: 'info',
					  			confirmButtonText: 'Ok',
					  			confirmButtonColor: '#337ab7'
					  		});
					  		return false;
						}
						
						if ($('#installmentOptions').length > 0 && $('#installmentOptions').val() != 'full') {
							var thisCardExp = exp_month + '-01-' + exp_year;
							var installmentsLastPayment = $('#installmentsLastPayment').val();
							
							const thisCardExpDate = Date.parse(thisCardExp);
							const installmentsLastPaymentDate = Date.parse(installmentsLastPayment);
							
							if (thisCardExpDate <= installmentsLastPaymentDate) {
				  				swal({
						  			title: 'Card Expiration',
						  			html: true,
						  			text: 'Your credit card expiration date is prior to the last installment payment. Please use a different card, or select the option to pay in full.',
						  			animation: 'slide-from-top',
						  			type: 'info',
						  			confirmButtonText: 'Ok',
						  			confirmButtonColor: '#337ab7'
						  		});
						  		return false;
							}	
						}
						
						var proceed = true;
						
						if (creditCardHostedFields.getState().isReady == false) {
							if (typeof grecaptcha !== 'undefined' && typeof grecaptcha.reset === 'function') {
								grecaptcha.reset();
							}
							
							$.each(creditCardHostedFields.getState().fields, function(index, field) {
  								if (field.error == 'Input field is empty') {
  									switch(field.type) {
  										case 'credit_card_number':
  											var alertTitle = 'Card Number';
  											break;
  										default:
  											var alertTitle = 'Card CSC';
  									}

  									swal({
							  			title: alertTitle,
							  			html: true,
							  			text: 'Please provide the ' + alertTitle + '.',
							  			animation: 'slide-from-top',
							  			type: 'info',
							  			confirmButtonText: 'Ok',
							  			confirmButtonColor: '#337ab7'
							  		});
							  		proceed = false;
							  		return false;
  								}
  								else if (field.error == 'Invalid credit card number') {
  									swal({
							  			title: 'Card Number',
							  			html: true,
							  			text: 'Invalid credit card number.',
							  			animation: 'slide-from-top',
							  			type: 'info',
							  			confirmButtonText: 'Ok',
							  			confirmButtonColor: '#337ab7'
							  		});
							  		proceed = false;
							  		return false;
  								}
  								else if (field.error == 'Invalid CVV number') {
  									swal({
							  			title: 'CSC Number',
							  			html: true,
							  			text: 'Invalid card CSC number.',
							  			animation: 'slide-from-top',
							  			type: 'info',
							  			confirmButtonText: 'Ok',
							  			confirmButtonColor: '#337ab7'
							  		});
							  		proceed = false;
							  		return false;
  								}
  								else if (field.error != '') {
  									swal({
							  			title: 'Warning',
							  			html: true,
							  			text: field.error,
							  			animation: 'slide-from-top',
							  			type: 'info',
							  			confirmButtonText: 'Ok',
							  			confirmButtonColor: '#337ab7'
							  		});
							  		proceed = false;
							  		return false;
  								}
							});
						}
						else {
							var pmtMethodSurchargeable = false;
							
							$.each(creditCardHostedFields.getState().fields, function(index, field) {
								// need to check the CSC for being blank; seems like an AffiniPay bug in hosted fields
								if (field.type == 'cvv' && field.length == 0) {
									swal({
							  			title: 'Card CSC',
							  			html: true,
							  			text: 'Please provide the Card CSC.',
							  			animation: 'slide-from-top',
							  			type: 'info',
							  			confirmButtonText: 'Ok',
							  			confirmButtonColor: '#337ab7'
							  		});
							  		proceed = false;
							  		return false;
								}
						        
								// check to make sure the card is surchargeable
                                if (typeof field.surchargeable !== 'undefined') {
                                    if (field.surchargeable == false || field.surchargeable == 'unknown' || field.surchargeable == 'false') {
                                        $('#surchargeable').val(0);
                                        $('#surcharge_amount').val(0);
                                        $('#surcharge_amount_work').val(0);
                                        
                                        if ($('#ordertotal_work').length > 0 && $('#ordertotal_work').val() != 0) {
                                            $('#ordertotal_work').val($('#ordertotal_original').val());
                                            
                                            // if expected_amount_work is enabled, need to stop and let them know about surcharge so they could update the amount received
                                            /*
                                            if ($('#expected_amount_work').length > 0 && $('#expected_amount_work').is(':visible') && $('#expected_amount_work').val() != $('#ordertotal_work').val()) {
                                                swal({
                                                    title: '<span style="color:#bf110b;">Surcharge Removed</span>',
                                                    html: true,
                                                    text: 'This card is not surchargeable. Please update the Amount Received before proceeding.',
                                                    animation: 'slide-from-top',
                                                    type: 'warning',
                                                    confirmButtonText: 'Ok',
                                                    confirmButtonColor: '#bf110b !important',
                                                    customClass: 'surcharge'
                                                });
                                                proceed = false;
                                                return false;
                                            }
                                            else {
                                                swal({
                                                    title: 'Surcharge Removed',
                                                    html: true,
                                                    text: 'This card is not surchargeable. Click Ok and then Submit to proceed.',
                                                    animation: 'slide-from-top',
                                                    type: 'info',
                                                    confirmButtonText: 'Ok',
                                                    confirmButtonColor: '#337ab7'
                                                });
                                                proceed = false;
                                                return false;
                                            }*/	
                                        }   
                                    }
                                    if (field.surchargeable == true || field.surchargeable == 'true') {
                                        $('#surchargeable').val(1);
                                        pmtMethodSurchargeable = true;
                                    }    	
                                }
							});
							
							if (pmtMethodSurchargeable == false) {
								$('#surchargeable').val(0);
                                $('#surcharge_amount').val(0);
                                $('#surcharge_amount_work').val(0);
                                if ($('#ordertotal_work').length > 0) {
                                    $('#ordertotal_work').val($('#ordertotal_original').val());   
                                } 
							}
							
							if (proceed) {
								if (creditCardHostedFields.getState() && creditCardHostedFields.getState().isReady && avs_street != '' && avs_zip != '' && exp_month != '' && exp_year != '') {
									var extra_fields = {
						  				postal_code: avs_zip,
						  				address1: avs_street,
						  				exp_year: exp_year,
						  				exp_month: exp_month,
						  				name: card_name,
						  				given_name: card_name
						  			};
		
									creditCardHostedFields.getPaymentToken(extra_fields)
						        	.then(function (result) {
						          		// if getPaymentToken returns successfully you may pass your payment token to your backend service
						         		$('#paymentToken').val(result.id);
						         		
						         			startValidate();
						         		
						        	}).catch(function (err) {
						        		console.log(err);
						        		return false;
						      		});
								}		
							}
						}
					}
					else {
						// something is wrong with credit card hosted fields
						console.log(creditCardHostedFields.getState());
						return false;
					}
				}
			}
			return false;
		}

		function checkTotal() {
			chgPmt();
			
			var frm = eval('document.iform');
			obj = frm.mordertotal;
			i = obj.selectedIndex;
			var thisTotal = 0;
			for (counter = 0; counter < obj.length; counter++) {
				if (obj[counter].checked) thisTotal = obj[counter].value;
			}
			if (obj.length == undefined) {
				thisTotal = (obj.value * 1);
			}

			thisTotal = (thisTotal * 1);
			
			
				thisTotal = (frm.ordertotal_org.value * 1);
			
			
			fmoTotal = 0;
			
			if ($('#ordertotal_open').length > 0) {
				if ($('#ordertotal_open').val() == '' || $('#ordertotal_open').val() < 0) {
					$('#ordertotal_open').val(0);
				}
				fmoTotal += parseFloat($('#ordertotal_open').val());
			}

			if ($('#ordertotal_open2').length > 0) {
				if ($('#ordertotal_open2').val() == '' || $('#ordertotal_open2').val()< 0) {
					$('#ordertotal_open2').val(0);
				}
				fmoTotal += parseFloat($('#ordertotal_open2').val());
			}
			
			if (fmoTotal == '') fmoTotal = 0;

            var newTotal = (thisTotal * 1) + (fmoTotal * 1);
            newTotal = Math.round(newTotal * 100) / 100;
            newTotal = parseFloat(newTotal).toFixed(2);
            
            $('#ordertotal_work').val(newTotal);
            if ($('#ordertotal').length > 0) {
                $('#ordertotal').val(newTotal);	
            }
            
            if ($('#ordertotal_original').length > 0) {
            	$('#ordertotal_original').val(newTotal);
            }
			
			if ($('#showAmountOrderTotal').length > 0) {
				$('#showAmountOrderTotal').val(newTotal);
			}
			
			
				fmbTotal = frm.total.value;
				fmbTotal = fmbTotal.replace("$","");
				fmbTotal = fmbTotal.replace(",","");
				
				var formNewTotal = (thisTotal * 1)  + (frm.hiddentotal.value * 1) + (fmoTotal * 1);
				formNewTotal = Math.round(formNewTotal * 100) / 100;
				formNewTotal = parseFloat(formNewTotal).toFixed(2);
				
				$('#ordertotal_work').val(formNewTotal);
                if ($('#ordertotal').length > 0) {
                    $('#ordertotal').val(formNewTotal);    
                }
                
                if ($('#ordertotal_original').length > 0) {
                    $('#ordertotal_original').val(formNewTotal);
                }
                
				if ($('#showAmountOrderTotal').length > 0) {
					$('#showAmountOrderTotal').val(formNewTotal);
				}
				thisTotal = formNewTotal;
			
		
			thisTotal = frm.ordertotal_work.value;
			 
			
    			if (thisTotal == 0) {
    				disableObj('credit_card_name_work');
    				disableObj('credit_card_number_work');
    				disableObj('credit_card_expires_month_work');
    				disableObj('credit_card_expires_year_work');
    				frm.payment_method.value = "";
    				disableObj('pmt_method');
    				frm.credit_card_type.value="";
    				frm.checknumber_work.value="";
    				frm.ponumber_work.value="";
    				
    				disableObj('checknumber_work');
    				disableObj('ponumber_work');
    				$('.paymentProfileListGroupItem').removeClass('active');
    				$('.paymentProfileRadio').prop('checked', false);
    				if ($('#autoRenewRow').length > 0) {
    					$('#autoRenewRow').hide();	
    				}
    				if ($('#savedPaymentMethodsDetails').length > 0) {
    					$('#savedPaymentMethodsDetails').hide();	
    				}
    				if ($('#paymentMethodsList').length > 0) {
    					$('#paymentMethodsList').hide();
    				}
    				if ($('#amountReceived').length > 0) {
    					$('#amountReceived').hide();
    				}
    			}
    			else {
    				enableObj('pmt_method');
    				if ($('#savedPaymentMethodsDetails').length > 0) {
    					$('#savedPaymentMethodsDetails').show();	
    				}
    				if ($('#paymentMethodsList').length > 0) {
    					$('#paymentMethodsList').show();
    				}
    				if ($('#amountReceived').length > 0) {
    					$('#amountReceived').show();
    				}
    				chgPmt();
    			}
			
			
			chgPmt();
		}

		function hideAutoRenewOptions(frm){
			
			return;
		}

		function showAutoRenewOptions() {
			
			return;
		}

		function disableCreditCardFields(frm) {
			disableObj('credit_card_name_work');
			disableObj('credit_card_number_work');
			disableObj('credit_card_expires_month_work');
			disableObj('credit_card_expires_year_work');

			$('#credit_card_name_work').val('');
			$('#credit_card_number_work').val('');
			$('#credit_card_expires_month_work').val('');
			$('#credit_card_expires_year_work').val('');
			$('#credit_card_type').val('');

			disableObj('csc_work');
			$('#csc_work').val('');

			disableObj('avs_street');
			disableObj('avs_zip');
			$('#avs_street').val('');
			$('#avs_zip').val('');

			
				// don't allow them to save a new payment profile - not a credit card
				if (document.getElementById('savePaymentProfile_yes')) {
					document.getElementById('savePaymentProfile_yes').checked = false;
					$('#savePaymentProfileRow').hide();
				}
			
		}
		
		function useStoredPayment(paymentProfileID, paymentType) {
			var frm = eval('document.iform');
			// remove previously entered values in payment fields if using stored credits cards and run chgPmt() function to reset
			
				$('#usePaymentProfile_'+paymentProfileID).prop("checked", true);
				$('.card').removeClass('active');
				$('.card_'+paymentProfileID).addClass('active');
                $('#paymentProfileType').val(paymentType);
                
				// using stored card - remove other payment method info
				frm.pmt_method.selectedIndex = 0;
				
				// make sure save new payment profile option is unchecked and disabled
				if (document.getElementById('savePaymentProfile_yes')) {
					document.getElementById('savePaymentProfile_yes').checked = false;
					$('#savePaymentProfileRow').hide();
				}
				$('#standardPaymentFields').hide();
				
				if (surcharge == 'true') {
					var thisCard = $('input[name="' +paymentProfileID+ '"]');
                    var surchargeable = thisCard.data('surchargeable');
                
					$('#surcharge_amount').val(0);
                    $('#surcharge_amount_work').val(0);
                    $('#ordertotal_work').val($('#ordertotal_original').val());
                    
                    var amount = '0';
                    if ($('#ordertotal_work').length > 0 && $('#ordertotal_work').val() != '') {
                    	amount = $('#ordertotal_work').val();
                    }
                    
                    // check if installments fee is enabled, if so, include it in the total
                    if ($('#installmentsFee').length > 0 && $('#installmentOptions').val() != 'full') {
                        var installmentsFee = $('#installmentsFee').val();
                        if (installmentsFee == '') {
                        	installmentsFee = 0;
                        }
                        amount = parseFloat(amount) + parseFloat(installmentsFee); 
                    }
                    
                    // need to check for surcharge with AffiniPay
                    if (amount > 0 && amount >= parseFloat(surchargeThreshold) && (surchargeable == 1 || surchargeable == '1')) {
                    	swal({
                            title: 'Please wait...',
                            text: '<h1 style="font-size: 4rem;"><i class="fa-solid fa-circle-notch fa-spin text-success"></i></h1><br>We\'re gathering the surcharge details.',
                            html: true,
                            type: '',
                            animation: 'slide-from-top',
                            allowOutsideClick: false,
                            allowEscapeKey: false,
                            showConfirmButton: false
                        });
                    	
                        $.ajax({
                            url: '/i4a/utilities/cfc/affiniPay.cfc?method=getSurchargeAmount&_nodom=true',
                            type: 'POST',
                            data: {
                                public_key: 'm_NkzMIJqkTrOyPS54AGhdng',
                                bank_account_id: 'bank_a6LduwrQeYIoGk64dbXiM',
                                amount: amount
                              },
                            error: function(data, status, error) {
                                swal('Error', 'Sorry, something went wrong.', 'error');
                            }
                        }).done(function(jsonReturn) {
                            var result = JSON.parse(jsonReturn);
                            if (result.success) {
                                var surcharges = JSON.parse(result.data);
                                if (surcharges.length > 0) {
                                    $.each(surcharges, function(index, value) {
                                        if ((value.type == 'card' && paymentType == 'creditcard') || (value.type == 'bank' && paymentType == 'echeck') && value.surcharge_amount > 0) {
                                            var surcharge_amount = value.surcharge_amount / 100;
                                            surcharge_amount = parseFloat(surcharge_amount);
                                            surcharge_amount = surcharge_amount.toFixed(2);
                                            var surcharge_rate = value.surcharge_rate / 100;
                                            
                                            $('#surcharge_amount').val(surcharge_amount);
                                            $('#surcharge_amount_work').val(surcharge_amount);
                                            
                                            orderTotal = $('#ordertotal_original').val().replace("$","");
                                            orderTotal = orderTotal.replace(",","");
                                            var newTotal = parseFloat(orderTotal) + parseFloat(surcharge_amount);
                                            $('#ordertotal_work').val(newTotal.toFixed(2));
                                        }
                                    });
                                }
                                swal.close();
                            }
                            else {
                                swal('Error', result.message, 'error');
                            }
                        }); 
                    }
                }
			
		}
		
		function chgPmt() {
			// first reset total and surcharge amounts
			if (surcharge == 'true') {
                $('#surcharge_amount').val(0);
                $('#surcharge_amount_work').val(0);
                $('#ordertotal_work').val($('#ordertotal_original').val());	
			}
			
			var frm = eval('document.iform');
			obj = frm.pmt_method;
			i = obj.selectedIndex;
			var bAutoRenewOptionsShown = 0;	// set default value
			
			if ($('#installmentOptions').length > 0) {
				$('#installmentOptions').val('full');
			}

			if (i == 0) {
				// run when no payment method is selected
				disableCreditCardFields(frm);	// combined function to disable all credit card related fields
				disableObj('checknumber_work');
				disableObj('ponumber_work');

				if ($('#electronicCheckPaymentInstructions').length > 0) {
					$('#electronicCheckPaymentInstructions').hide();
				}
				if ($('#electronicCheckPaymentFields').length > 0) {
					$('#electronicCheckPaymentFields').hide();
				}

				$('#row_poNumber').hide();
				$('#row_nameOnCard').hide();
				$('#row_creditCardNumber').hide();
				$('#row_creditCardExpires').hide();
				$('#row_creditCardCSC').hide();
				$('#row_creditCardAVS').hide();
				$('#row_creditCardAVSZip').hide();
				$('#installmentsTotalRow').hide();
				
				
				frm.payment_method.value = "";
				frm.payment_desc.value = "";
				frm.credit_card_type.value="";

				
					if ((typeof frm.usePaymentProfile !== 'undefined' && frm.usePaymentProfile.checked) || $("input[name='usePaymentProfile']:checked").length > 0) {
						
						
						if (surcharge == 'true') {
							$('#surcharge_amount').val(0);
                            $('#surcharge_amount_work').val(0);
                            $('#ordertotal_work').val($('#ordertotal_original').val());
                            
                            var amount = '0';
                            
                            if ($('#ordertotal_work').length > 0 && $('#ordertotal_work').val() != '') {
                                amount = $('#ordertotal_work').val();
                            }
                            
                            var paymentProfileID = $('input[name="usePaymentProfile"]:checked').val(); 
                            var thisCard = $('input[name="' +paymentProfileID+ '"]');
                            var surchargeable = thisCard.data('surchargeable');
                            
                            // check if installments fee is enabled, if so, include it in the total
                            if ($('#installmentsFee').length > 0 && $('#installmentOptions').val() != 'full') {
                                var installmentsFee = $('#installmentsFee').val();
                                if (installmentsFee == '') {
                                    installmentsFee = 0;
                                }
                                amount = parseFloat(amount) + parseFloat(installmentsFee); 
                            }
                                
                            // need to check for surcharge with AffiniPay
                            if (amount > 0 && amount >= parseFloat(surchargeThreshold) && (surchargeable == 1 || surchargeable == '1')) {
                            	swal({
                                    title: 'Please wait...',
                                    text: '<h1 style="font-size: 4rem;"><i class="fa-solid fa-circle-notch fa-spin text-success"></i></h1><br>We\'re gathering the surcharge details.',
                                    html: true,
                                    type: '',
                                    animation: 'slide-from-top',
                                    allowOutsideClick: false,
                                    allowEscapeKey: false,
                                    showConfirmButton: false
                                });
                                
                                var paymentMethodType = $('#paymentProfileType').val();
                                
                                $.ajax({
                                    url: '/i4a/utilities/cfc/affiniPay.cfc?method=getSurchargeAmount&_nodom=true',
                                    type: 'POST',
                                    data: {
                                        public_key: 'm_NkzMIJqkTrOyPS54AGhdng',
                                        bank_account_id: 'bank_a6LduwrQeYIoGk64dbXiM',
                                        amount: amount
                                      },
                                    error: function(data, status, error) {
                                        swal('Error', 'Sorry, something went wrong.', 'error');
                                    }
                                }).done(function(jsonReturn) {
                                    var result = JSON.parse(jsonReturn);
                                    if (result.success) {
                                        var surcharges = JSON.parse(result.data);
                                        if (surcharges.length > 0) {
                                            $.each(surcharges, function(index, value) {
                                            	if ((value.type == 'card' && paymentMethodType == 'creditcard') || (value.type == 'bank' && paymentMethodType == 'echeck') && value.surcharge_amount > 0) {
                                            		var surcharge_amount = value.surcharge_amount / 100;
                                                    surcharge_amount = parseFloat(surcharge_amount);
                                                    surcharge_amount = surcharge_amount.toFixed(2);
                                                    var surcharge_rate = value.surcharge_rate / 100;
                                                    
                                                    $('#surcharge_amount').val(surcharge_amount);
                                                    $('#surcharge_amount_work').val(surcharge_amount);
                                                    
                                                    orderTotal = $('#ordertotal_original').val().replace("$","");
                                                    orderTotal = orderTotal.replace(",","");
                                                    var newTotal = parseFloat(orderTotal) + parseFloat(surcharge_amount);
                                                    $('#ordertotal_work').val(newTotal.toFixed(2));
                                            	}
                                            });
                                        }
                                        swal.close();
                                    }
                                    else {
                                        swal('Error', result.message, 'error');
                                    }
                                }); 
                            }
                        }
					}
				

			} 
			else {
				pmt = obj.options[i].value;

				
				// code to show/hide group of fields for payment fields
				if (pmt == "Electronic Check") {
					// show electronic check payment fields and info and proceed with validateCC
					$('#standardPaymentFields').hide();
					$('#electronicCheckPaymentFields').show();

					
						$('#electronicCheckPaymentInstructions').show();
					
					$('#checking_radio').trigger('focus');
					
				} 
				else {
					// show standard payment fields and proceed with validateCC
					$('#electronicCheckPaymentFields').hide();
					
						$('#electronicCheckPaymentInstructions').hide();
					
					$('#standardPaymentFields').show();
					// make sure no data is left in the checking fields if not paying by electronic check
					$('#check_nameOnAccount').val('');
					$('#check_routingNumber').val('');
					$('#check_accountNumber').val('');
				}

				
					$('.paymentProfileRadio').prop('checked', false);
					$('.card').removeClass('active');
				

				frm.payment_desc.value = obj.options[i].text;

				if (pmt == "Check") {
					//alert("payment is check");
					disableCreditCardFields(frm);	// combined function to disable all credit card related fields
					$('#row_creditCardNumber').hide();
					$('#row_creditCardExpires').hide();
					$('#row_creditCardCSC').hide();
					$('#row_creditCardAVS').hide();
					$('#row_creditCardAVSZip').hide();
					$('#installmentsTotalRow').hide();
					
					enableObj('credit_card_name_work');	// turn on credit card name because it's labeled as "Payor"
					if (document.all) {
						document.getElementById('credit_card_name_work_label').innerText = 'Payor';
					}
					else {
						document.getElementById('credit_card_name_work_label').textContent = 'Payor';
					}
					enableObj('checknumber_work');
					$('#row_checkNumber').show();
					$('#row_nameOnCard').show();
					disableObj('ponumber_work');
					$('#row_poNumber').hide();

					
					frm.payment_method.value = "Check";
					frm.ponumber_work.value = "";
					
				} 
				
				else if (pmt == "Electronic Check") {
					if (surcharge == 'true') {
                        var amount = '0';
                        if ($('#ordertotal_work').length > 0 && $('#ordertotal_work').val() != '') {
                            amount = $('#ordertotal_work').val();
                        }
                        
                        // check if installments fee is enabled, if so, include it in the total
                        if ($('#installmentsFee').length > 0 && $('#installmentOptions').val() != 'full') {
                            var installmentsFee = $('#installmentsFee').val();
                            if (installmentsFee == '') {
                                installmentsFee = 0;
                            }
                            amount = parseFloat(amount) + parseFloat(installmentsFee); 
                        }
                            
                        // need to check for surcharge with AffiniPay
                        if (amount > 0 && amount >= parseFloat(surchargeThreshold)) {
                        	swal({
                                title: 'Please wait...',
                                text: '<h1 style="font-size: 4rem;"><i class="fa-solid fa-circle-notch fa-spin text-success"></i></h1><br>We\'re gathering the surcharge details.',
                                html: true,
                                type: '',
                                animation: 'slide-from-top',
                                allowOutsideClick: false,
                                allowEscapeKey: false,
                                showConfirmButton: false
                            });
                            
                            $.ajax({
                                url: '/i4a/utilities/cfc/affiniPay.cfc?method=getSurchargeAmount&_nodom=true',
                                type: 'POST',
                                data: {
                                    public_key: 'm_NkzMIJqkTrOyPS54AGhdng',
                                    bank_account_id: 'bank_a6LduwrQeYIoGk64dbXiM',
                                    amount: amount
                                  },
                                error: function(data, status, error) {
                                    swal('Error', 'Sorry, something went wrong.', 'error');
                                }
                            }).done(function(jsonReturn) {
                                var result = JSON.parse(jsonReturn);
                                if (result.success) {
                                    var surcharges = JSON.parse(result.data);
                                    if (surcharges.length > 0) {
                                        $.each(surcharges, function(index, value) {
                                            if (value.type == 'bank' && value.surcharge_amount > 0) {
                                                var surcharge_amount = value.surcharge_amount / 100;
                                                surcharge_amount = parseFloat(surcharge_amount);
                                                surcharge_amount = surcharge_amount.toFixed(2);
                                                var surcharge_rate = value.surcharge_rate / 100;
                                                
                                                $('#surcharge_amount').val(surcharge_amount);
                                                $('#surcharge_amount_work').val(surcharge_amount);
                                                
                                                orderTotal = $('#ordertotal_original').val().replace("$","");
                                                orderTotal = orderTotal.replace(",","");
                                                var newTotal = parseFloat(orderTotal) + parseFloat(surcharge_amount);
                                                $('#ordertotal_work').val(newTotal.toFixed(2));
                                            }
                                        });
                                    }
                                    swal.close();
                                }
                                else {
                                    swal('Error', result.message, 'error');
                                }
                            }); 	
                    	}
					}
					else {
						// check if surchargeable in case we are just manually adding a payment method
						swal({
                            title: 'Please wait...',
                            text: '<h1 style="font-size: 4rem;"><i class="fa-solid fa-circle-notch fa-spin text-success"></i></h1><br>We\'re gathering the surcharge details.',
                            html: true,
                            type: '',
                            animation: 'slide-from-top',
                            allowOutsideClick: false,
                            allowEscapeKey: false,
                            showConfirmButton: false
                        });
                        
                        $.ajax({
                            url: '/i4a/utilities/cfc/affiniPay.cfc?method=getSurchargeAmount&_nodom=true',
                            type: 'POST',
                            data: {
                                public_key: 'm_NkzMIJqkTrOyPS54AGhdng',
                                bank_account_id: 'bank_a6LduwrQeYIoGk64dbXiM',
                                amount: 100
                              },
                            error: function(data, status, error) {
                                swal('Error', 'Sorry, something went wrong.', 'error');
                            }
                        }).done(function(jsonReturn) {
                            var result = JSON.parse(jsonReturn);
                            if (result.success) {
                                var surcharges = JSON.parse(result.data);
                                if (surcharges.length > 0) {
                                    $.each(surcharges, function(index, value) {
                                        if (value.type == 'bank' && value.surcharge_amount > 0) {
                                            $('#surchargeable').val(1);
                                        }
                                    });
                                }
                                swal.close();
                            }
                            else {
                                swal('Error', result.message, 'error');
                            }
                        }); 
					}
					
					frm.payment_method.value = "Electronic Check";
					
					
						if (document.getElementById('savePaymentProfile_yes')) {
							$('#savePaymentProfileRow').show();
							if ($('#appemail').length > 0) {
								var email = $('#appemail').val().trim();
								if (email == '') {
									$('#savePaymentProfile_yes').prop('checked', false).css('pointer-events', 'none').css('cursor', 'not-allowed');
									$('#savePaymentProfile_label').css('pointer-events', 'none');
								}
								else {
									if ($('#installmentOptions').length > 0 && $('#installmentOptions').val() != 'full') {
										$('#savePaymentProfile_yes').prop('checked', true).css('pointer-events', 'none').css('cursor', 'not-allowed');
										$('#savePaymentProfile_label').css('pointer-events', 'none');
									}
									else {
										$('#savePaymentProfile_yes').css('pointer-events', 'auto').css('cursor', 'auto');
										$('#savePaymentProfile_label').css('pointer-events', 'auto');	
									}
								}
							}
							else {
								if ($('#installmentOptions').length > 0 && $('#installmentOptions').val() != 'full') {
									$('#savePaymentProfile_yes').prop('checked', true).css('pointer-events', 'none').css('cursor', 'not-allowed');
									$('#savePaymentProfile_label').css('pointer-events', 'none');
								}
								else {
									$('#savePaymentProfile_yes').css('pointer-events', 'auto').css('cursor', 'auto');
									$('#savePaymentProfile_label').css('pointer-events', 'auto');
								}
							}
						}
					
				} 
				else if (pmt == "PO" || pmt == "Purchase Order") {
					//alert("Payment Method: PO");
					disableCreditCardFields(frm);	// combined function to disable all credit card related fields
					disableObj('checknumber_work');
					$('#row_checkNumber').hide();

					$('#row_nameOnCard').hide();
					$('#row_creditCardNumber').hide();
					$('#row_creditCardExpires').hide();
					$('#row_creditCardCSC').hide();
					$('#row_creditCardAVS').hide();
					$('#row_creditCardAVSZip').hide();

					// check to see if we want to disable the po number for this payment type selected index - hidden field with index list to disable is "poNumNotRequiredList"
					bPoNumFieldDisabled = isPoNumDisabled(frm.poNumNotRequiredList.value,i);
					//alert("bPoNumFieldDisabled: " + bPoNumFieldDisabled);
					if(bPoNumFieldDisabled == 1) {
						// po number not required - disable
						disableObj('ponumber_work');
						$('#row_poNumber').hide();
					} else {
						// this is  not a po number that is disabled field - enable the po number field nows
						enableObj('ponumber_work');
						$('#row_poNumber').show();
					}
					
					frm.payment_method.value = "Purchase Order";
					frm.checknumber_work.value = "";
					
					$('#ponumber_work').trigger('focus');
					
					if ($('#installmentsTotalRow').length > 0) {
						$('#installmentsTotalRow').hide();	
					}

				} 
				else if (pmt == "Apply") {
					//alert("Payment Method: Apply");
					disableCreditCardFields(frm);	// combined function to disable all credit card related fields
					disableObj('checknumber_work');
					disableObj('ponumber_work');
					$('#row_checkNumber').hide();
					$('#row_poNumber').hide();
					
					frm.payment_method.value = "Apply";
					frm.checknumber_work.value = "";
					
					
					if ($('#installmentsTotalRow').length > 0) {
						$('#installmentsTotalRow').hide();	
					}
				}	
				else {
					//alert("Payment Method: Credit Card");
					
					if (surcharge == 'true') {
                        var amount = '0';
                        if ($('#ordertotal_work').length > 0 && $('#ordertotal_work').val() != '') {
                            amount = $('#ordertotal_work').val();
                        }
                        
                        // check if installments fee is enabled, if so, include it in the total
                        if ($('#installmentsFee').length > 0 && $('#installmentOptions').val() != 'full') {
                            var installmentsFee = $('#installmentsFee').val();
                            if (installmentsFee == '') {
                                installmentsFee = 0;
                            }
                            amount = parseFloat(amount) + parseFloat(installmentsFee); 
                        }
                            
                        // need to check for surcharge with AffiniPay
                        if (amount > 0 && amount >= parseFloat(surchargeThreshold)) {
                        	swal({
                                title: 'Please wait...',
                                text: '<h1 style="font-size: 4rem;"><i class="fa-solid fa-circle-notch fa-spin text-success"></i></h1><br>We\'re gathering the surcharge details.',
                                html: true,
                                type: '',
                                animation: 'slide-from-top',
                                allowOutsideClick: false,
                                allowEscapeKey: false,
                                showConfirmButton: false
                            });
                            
                            $.ajax({
                                url: '/i4a/utilities/cfc/affiniPay.cfc?method=getSurchargeAmount&_nodom=true',
                                type: 'POST',
                                data: {
                                    public_key: 'm_NkzMIJqkTrOyPS54AGhdng',
                                    bank_account_id: 'bank_a6LduwrQeYIoGk64dbXiM',
                                    amount: amount
                                  },
                                error: function(data, status, error) {
                                    swal('Error', 'Sorry, something went wrong.', 'error');
                                }
                            }).done(function(jsonReturn) {
                                var result = JSON.parse(jsonReturn);
                                if (result.success) {
                                    var surcharges = JSON.parse(result.data);
                                    if (surcharges.length > 0) {
                                        $.each(surcharges, function(index, value) {
                                            if (value.type == 'card' && value.surcharge_amount > 0) {
                                                var surcharge_amount = value.surcharge_amount / 100;
                                                surcharge_amount = parseFloat(surcharge_amount);
                                                surcharge_amount = surcharge_amount.toFixed(2);
                                                var surcharge_rate = value.surcharge_rate / 100;
                                                
                                                $('#surcharge_amount').val(surcharge_amount);
                                                $('#surcharge_amount_work').val(surcharge_amount);
                                                
                                                orderTotal = $('#ordertotal_original').val().replace("$","");
                                                orderTotal = orderTotal.replace(",","");
                                                var newTotal = parseFloat(orderTotal) + parseFloat(surcharge_amount);
                                                $('#ordertotal_work').val(newTotal.toFixed(2));
                                            }
                                        });
                                    }
                                    swal.close();
                                }
                                else {
                                    swal('Error', result.message, 'error');
                                }
                            }); 	
                        }
					}
					else {
						// check if surchargeable in case we are just manually adding a payment method
						swal({
                            title: 'Please wait...',
                            text: '<h1 style="font-size: 4rem;"><i class="fa-solid fa-circle-notch fa-spin text-success"></i></h1><br>We\'re gathering the surcharge details.',
                            html: true,
                            type: '',
                            animation: 'slide-from-top',
                            allowOutsideClick: false,
                            allowEscapeKey: false,
                            showConfirmButton: false
                        });
                        
                        $.ajax({
                            url: '/i4a/utilities/cfc/affiniPay.cfc?method=getSurchargeAmount&_nodom=true',
                            type: 'POST',
                            data: {
                                public_key: 'm_NkzMIJqkTrOyPS54AGhdng',
                                bank_account_id: 'bank_a6LduwrQeYIoGk64dbXiM',
                                amount: 100
                              },
                            error: function(data, status, error) {
                                swal('Error', 'Sorry, something went wrong.', 'error');
                            }
                        }).done(function(jsonReturn) {
                            var result = JSON.parse(jsonReturn);
                            if (result.success) {
                                var surcharges = JSON.parse(result.data);
                                if (surcharges.length > 0) {
                                    $.each(surcharges, function(index, value) {
                                        if (value.type == 'card' && value.surcharge_amount > 0) {
                                            $('#surchargeable').val(1);
                                        }
                                    });
                                }
                                swal.close();
                            }
                            else {
                                swal('Error', result.message, 'error');
                            }
                        }); 
					}
					
					var isCC = 0;
					ccList = frm.ccList.value;
					isCC = isCreditCard(ccList,pmt);

					if (isCC == 1) {
						enableObj('credit_card_name_work');
						if (document.all) {
							document.getElementById('credit_card_name_work_label').innerText = 'Name on Card';
						} else {
							document.getElementById('credit_card_name_work_label').textContent = 'Name on Card';
						}
						enableObj('credit_card_number_work');
						enableObj('credit_card_expires_month_work');
						enableObj('credit_card_expires_year_work');
						enableObj('avs_street');
						enableObj('avs_zip');
						enableObj('csc_work');

						$('#row_nameOnCard').show();
						$('#row_creditCardNumber').show();
						$('#row_creditCardExpires').show();
						$('#row_creditCardAVS').show();
						$('#row_creditCardAVSZip').show();
						$('#row_creditCardCSC').show();

						
						frm.payment_method.value = "Credit Card";
						frm.credit_card_type.value = pmt;
						frm.checknumber_work.value = "";
						frm.ponumber_work.value = "";
						
						
							// allow them to save a new payment profile
							if (document.getElementById('savePaymentProfile_yes')) {
								$('#savePaymentProfileRow').show();

								if ($('#appemail').length > 0) {
									var email = $('#appemail').val().trim();
									if (email == '') {
										$('#savePaymentProfile_yes').prop('checked', false).css('pointer-events', 'none').css('cursor', 'not-allowed');
										$('#savePaymentProfile_label').css('pointer-events', 'none');
									}
									else {
										if ($('#installmentOptions').length > 0 && $('#installmentOptions').val() != 'full') {
											$('#savePaymentProfile_yes').prop('checked', true).css('pointer-events', 'none').css('cursor', 'not-allowed');
											$('#savePaymentProfile_label').css('pointer-events', 'none');
										}
										else {
											$('#savePaymentProfile_yes').css('pointer-events', 'auto').css('cursor', 'auto');
											$('#savePaymentProfile_label').css('pointer-events', 'auto');
										}
									}
								}
								else {
									//$('#savePaymentProfile_yes').prop('disabled', false).css('cursor', 'auto');
									if ($('#installmentOptions').length > 0 && $('#installmentOptions').val() != 'full') {
										$('#savePaymentProfile_yes').prop('checked', true).css('pointer-events', 'none').css('cursor', 'not-allowed');
										$('#savePaymentProfile_label').css('pointer-events', 'none');
									}
									else {
										$('#savePaymentProfile_yes').css('pointer-events', 'auto').css('cursor', 'auto');
										$('#savePaymentProfile_label').css('pointer-events', 'auto');
									}
								}
							}
						
						
					} 
					else {
						disableCreditCardFields(frm);	// combined function to disable all credit card related fields
						frm.payment_method.value = pmt;
						frm.checknumber_work.value = "";
						frm.ponumber_work.value = "";
						
					}
					disableObj('checknumber_work');
					disableObj('ponumber_work');
					$('#row_checkNumber').hide();
					$('#row_poNumber').hide();
				}
			}

			// if auto renew was never shown in this script, hide it now
			
			if (typeof checkAutoRenew === 'function') {
				checkAutoRenew();
			}
			
			if (typeof updateInstallmentsDiv === 'function') {
				updateInstallmentsDiv();
			}
			
			if (typeof updateAmount === 'function') {
				updateAmount();
			}
		}
		
		function isCreditCard(lst,pmt) {
			var isCC = 0;
			var ctr = 0;
			var ccList_array=lst.split(",");
			while (ctr < ccList_array.length) {
				if (ccList_array[ctr] == pmt) {
					isCC = 1;
					}
				ctr+=1;
				}
			return isCC;
		}

		function isPoNumDisabled(lst,i) {
			var isDisabled = 0;
			var ctr = 0;

			var poNumNotRequiredList_array = lst.split(",");
			while (ctr < poNumNotRequiredList_array.length) {
				if (poNumNotRequiredList_array[ctr] == i) {
					isDisabled = 1;
				}
				ctr+=1;
			}

			return isDisabled;
		}

		function enableObj(fieldID) {
			if (typeof fieldID == 'object') {
				$(fieldID).prop('disabled', false);
			}
			else {
				// it is a string
				if ($('#'+fieldID)) {
					$('#'+fieldID).prop('disabled', false);
				}
			}
		}

		function disableObj(fieldID) {
			if (typeof fieldID == 'object') {
				$(fieldID).prop('disabled', true);
			}
			else {
				// it is a string
				if ($('#'+fieldID)) {
					$('#'+fieldID).prop('disabled', true);
				}
			}
		}

		function isDigit (c) {
		   var strAllowed = "1234567890";
		   return (strAllowed.indexOf (c) != -1);
		}

		chgPmt();
		checkTotal();
	</script>


						</div>
					</div>
				</div>
			
			
				<br /><br />
				
					<style>
						iframe[title="reCAPTCHA"] {
							height: 78px !important;
							margin-top: 0px !important;
						}
					</style>
					

				<style>
				div.g-recaptcha > div > div > iframe {
					height: 78px !important;
				}
				
				@media screen and (max-width: 575px) {
					#rc-imageselect, .g-recaptcha  {
						transform:scale(0.77);
						-webkit-transform:scale(0.77);transform-origin:0 0;
						-webkit-transform-origin:0 0;
					}
				}
				</style>
				
				<script src="https://www.recaptcha.net/recaptcha/api.js" async defer></script>
				<div class="g-recaptcha" data-sitekey="6LcwiMcrAAAAAIgX4cpdVW00vOrNUPSzbSCqsV1z"></div>
			
			
					<br/>
					<input type="hidden" name="use_ssl" value="1">
				
			
				<INPUT TYPE="hidden" NAME="send_mail_ind" VALUE="0">
				<INPUT TYPE="hidden" NAME="no_opt_out" VALUE="1">
			
	
			<div id="frm_submit_button">
				<br />
				<button class="btn btn-primary" type="button" data-loading-text="Please wait..." id="submitBtn"
					
						onclick="startValidate();"
					
				>Submit Form</button>
				<br /><br />
			</div>
	
			
			<div id="frm_verisign_seal_box">
				
				
			</div>
			
	
				<div id="frm_required_copy_bottom">
					<p>Fields marked with <span class="text-danger">*</span> are required.</p>
				</div>
			
	
				<div id="frm_ssl_copy_bottom"><p>Your form submission WILL be encrypted using SSL to ensure your privacy.</p></div>
			
	
		</div><!-- div_bottom -->
	
		
	</form>
</div>


<BR>
<BR>

<FONT FACE="Helvetica, Arial, Verdana, sans-serif" COLOR="000000" SIZE="-1">


<BR>


	<a href="/" target="_top">Home</a> | <A href="#top">Back to Top</A>


</FONT>

<HR>
<FONT FACE="Helvetica, Arial, Verdana, sans-serif" COLOR="000000" SIZE="-2">
Copyright 2026, . <P>
</FONT>
</TD>
</TR>
</TABLE>


			<div id="i4awidget_socialmediaicons_258" class="socialMediaIcons"  >
				
					<a href="https://www.facebook.com/CollegeLanguageAssociation" target="_blank"><i class="fa fa-facebook-square fa-2x"></i></a>&nbsp;
<a href="https://www.linkedin.com/company/college-language-association/" target="_blank"><i class="fa fa-linkedin-square fa-2x"></i></a>&nbsp;
<a href="https://www.instagram.com/clascholars/" target="_blank"><i class="fab fa-instagram-square fa-2x"></i></a>&nbsp;
<a href="https://bsky.app/profile/clascholars.bsky.social" target="_blank"><i style="font-size:2em;"><i style="font-size:2em;"><svg xmlns="http://www.w3.org/2000/svg" height="36" width="30"   viewBox="0 -75 448 545"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path fill="#ffffff" d="M64 32C28.7 32 0 60.7 0 96L0 416c0 35.3 28.7 64 64 64l320 0c35.3 0 64-28.7 64-64l0-320c0-35.3-28.7-64-64-64L64 32zM224 247.4c14.5-30 54-85.8 90.7-113.3c26.5-19.9 69.3-35.2 69.3 13.7c0 9.8-5.6 82.1-8.9 93.8c-11.4 40.8-53 51.2-90 44.9c64.7 11 81.2 47.5 45.6 84c-67.5 69.3-97-17.4-104.6-39.6c0 0 0 0 0 0l-.3-.9c-.9-2.6-1.4-4.1-1.8-4.1s-.9 1.5-1.8 4.1c-.1 .3-.2 .6-.3 .9c0 0 0 0 0 0c-7.6 22.2-37.1 108.8-104.6 39.6c-35.5-36.5-19.1-73 45.6-84c-37 6.3-78.6-4.1-90-44.9c-3.3-11.7-8.9-84-8.9-93.8c0-48.9 42.9-33.5 69.3-13.7c36.7 27.5 76.2 83.4 90.7 113.3z"/></svg></i></a>
				
			</div>
			
				
				<script type="text/javascript">
					
					_getComputedStyle = function(_elem, _style) {
  						var computedStyle;
  						if (typeof _elem.currentStyle != 'undefined') {
  							computedStyle = _elem.currentStyle; }
  						else {
  							computedStyle = document.defaultView.getComputedStyle(_elem, null);
  							}
						return computedStyle[_style];
						}
					
					var _widget_parentDiv = document.getElementById('header_row1_column1');
					if (_widget_parentDiv) {
						var _wpdposition = _getComputedStyle(_widget_parentDiv,"position");
						if (_wpdposition == 'static') {
							_widget_parentDiv.style.position = 'relative';
						}
						_widget_parentDiv.appendChild(document.getElementById('i4awidget_socialmediaicons_258'));
					}
				</script>
				
			
			<div id="i4awidget_widget_responsivelogin_254" class="widget_responsivelogin"  >
				
					
<div class="login-wrapper">
	
		<style>
			.loginWidgetFormGroup {
				margin-bottom: 6px;
			}
		</style>

		
		<form name="lgn" action="https://clascholars.org/i4a/ams/amslogin.cfm" method="POST"  class="form-inline">
			

			<div class="form-group loginWidgetFormGroup">
				
				<input type="text" class="form-control form-control-sm" name="username" id="loginWidgetUsername" placeholder="username" maxlength="50">
			</div>
			&nbsp;
			<div class="form-group loginWidgetFormGroup">
				
				<input type="password" class="form-control form-control-sm" name="password" id="loginWidgetPassword" placeholder="password" maxlength="50">
			</div>

			
					&nbsp;
					<button class="btn btn-primary btn-sm buttonLightBlue" type="submit">Log In</button>
				
			
			<input type="hidden" name="nextPage" value="/i4a/ams/home">
			<input type="hidden" name="nextParams" value="controller=memberHome&action=index">
		</form>

		
</div>


			</div>
			
				
				<script type="text/javascript">
					
					var _widget_parentDiv = document.getElementById('header_row1_column2');
					if (_widget_parentDiv) {
						var _wpdposition = _getComputedStyle(_widget_parentDiv,"position");
						if (_wpdposition == 'static') {
							_widget_parentDiv.style.position = 'relative';
						}
						_widget_parentDiv.appendChild(document.getElementById('i4awidget_widget_responsivelogin_254'));
					}
				</script>
				
			
			<div id="i4awidget_contactusbutton_256" class="contactUsButton"  >
				
					<button class="btn btn-secondary btn-sm buttonLightBlue" onclick="window.location.href='/i4a/pages/index.cfm?pageid=3313'">Contact Us</button>
				
			</div>
			
				
				<script type="text/javascript">
					
					var _widget_parentDiv = document.getElementById('header_row1_column2');
					if (_widget_parentDiv) {
						var _wpdposition = _getComputedStyle(_widget_parentDiv,"position");
						if (_wpdposition == 'static') {
							_widget_parentDiv.style.position = 'relative';
						}
						_widget_parentDiv.appendChild(document.getElementById('i4awidget_contactusbutton_256'));
					}
				</script>
				
			
			<div id="i4awidget_widget_responsivemenu_257" class="widget_responsivemenu"  >
				
					
<link rel="stylesheet" href="/common/smartMenus/addons/bootstrap-4/jquery.smartmenus.bootstrap-4.css">

<script type="text/javascript" src="/common/smartMenus/jquery.smartmenus.min.js"></script>

<script type="text/javascript" src="/common/smartMenus/addons/bootstrap-4/jquery.smartmenus.bootstrap-4.min.js"></script>


				<nav class="navbar navbar-light bg-light navbar-expand-lg mainNavigation">
			      	
				      	
							<a class="navbar-brand" href="/">
								<img src="/templates/1009/images/cla_logo.png" class="noResponsive" />
							</a>
						
					
					<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#mainNavbar" 
						aria-controls="mainNavbar" aria-expanded="false" aria-label="Toggle navigation">
							<span class="navbar-toggler-icon"></span>
					</button>
				    <div class="collapse navbar-collapse" id="mainNavbar">
			
	      	
	      		<ul class="navbar-nav ml-auto" data-sm-options="{bootstrapHighlightClasses: 'text-white bg-dark'}">	
	      	
				
					<li class="nav-item dropdown has-submenu">
						
							
						<a class="nav-link" href="/aboutcla/">
							About CLA
						</a>
						
						
	      		<ul class="dropdown-menu multi-level">	
	      	
				
					<li class="nav-item dropdown-submenu">
						
							
						<a class="nav-link" href="/about/">
							About CLA
						</a>
						
						
					</li>
				
					
					<li class="nav-item dropdown-submenu">
						
							
						<a class="nav-link" href="/constitution/">
							Constitution and Bylaws
						</a>
						
						
					</li>
				
					
					<li class="nav-item dropdown-submenu">
						
							
						<a class="nav-link" href="/executive-committee/">
							Executive Committee
						</a>
						
						
					</li>
				
					
					<li class="nav-item dropdown-submenu">
						
							
						<a class="nav-link" href="/CLAJ-ED/">
							CLA Journal Editorial Board
						</a>
						
						
					</li>
				
					
					<li class="nav-item dropdown-submenu">
						
							
						<a class="nav-link" href="/standing/">
							Standing Committees
						</a>
						
						
					</li>
				
					
					<li class="nav-item dropdown-submenu">
						
							
						<a class="nav-link" href="/past-presidents/">
							Past Presidents and Presidential Addresses
						</a>
						
						
					</li>
				
					
					<li class="nav-item dropdown-submenu">
						
							
						<a class="nav-link" href="/cla-staff/">
							CLA Staff
						</a>
						
						
					</li>
				
					
					<li class="nav-item dropdown-submenu">
						
							
						<a class="nav-link" href="/allied/">
							Allied Organizations
						</a>
						
						
					</li>
				
					
					<li class="nav-item dropdown-submenu">
						
							
						<a class="nav-link" href="/code/">
							Code of Conduct
						</a>
						
						
					</li>
				
	      	</ul>
		    
		
					</li>
				
					
					<li class="nav-item dropdown has-submenu">
						
							
						<a class="nav-link" href="/archives/">
							CLA Archives
						</a>
						
						
	      		<ul class="dropdown-menu multi-level">	
	      	
				
					<li class="nav-item dropdown-submenu">
						
							
						<a class="nav-link" href="/Visit-CLA-Archives/">
							Visit CLA Archives
						</a>
						
						
					</li>
				
	      	</ul>
		    
		
					</li>
				
					
					<li class="nav-item dropdown has-submenu">
						
							
						<a class="nav-link" href="/membership/">
							Membership
						</a>
						
						
	      		<ul class="dropdown-menu multi-level">	
	      	
				
					<li class="nav-item dropdown-submenu">
						
							
						<a class="nav-link" href="/membership-benefits/">
							Membership Benefits
						</a>
						
						
					</li>
				
					
					<li class="nav-item dropdown-submenu">
						
							
						<a class="nav-link" href="/why-cla/">
							Why CLA?
						</a>
						
						
					</li>
				
					
					<li class="nav-item dropdown-submenu">
						
							
						<a class="nav-link" href="/i4a/pages/index.cfm?pageid=3362">
							Internal Forms
						</a>
						
						
	      		<ul class="dropdown-menu multi-level">	
	      	
				
					<li class="nav-item">
						
							
						<a class="nav-link" href="/Reimbursement/">
							Reimbursement Form
						</a>
						
						
					</li>
				
					
					<li class="nav-item">
						
							
						<a class="nav-link" href="/website-issue/">
							Website Issue Reporting Form
						</a>
						
						
					</li>
				
	      	</ul>
		    
		
					</li>
				
					
					<li class="nav-item dropdown-submenu">
						
							
						<a class="nav-link" href="/i4a/pages/index.cfm?pageid=3357">
							Member Announcement Form
						</a>
						
						
					</li>
				
	      	</ul>
		    
		
					</li>
				
					
					<li class="nav-item dropdown has-submenu">
						
							
						<a class="nav-link" href="/convention/">
							Convention
						</a>
						
						
	      		<ul class="dropdown-menu multi-level">	
	      	
				
					<li class="nav-item dropdown-submenu">
						
							
						<a class="nav-link" href="/convention-home/">
							Convention Home
						</a>
						
						
					</li>
				
					
					<li class="nav-item dropdown-submenu">
						
							
						<a class="nav-link" href="/84th-annual/">
							84th Annual Convention
						</a>
						
						
					</li>
				
					
					<li class="nav-item dropdown-submenu">
						
							
						<a class="nav-link" href="/convention-advertising/">
							Convention Advertising Form
						</a>
						
						
					</li>
				
					
					<li class="nav-item dropdown-submenu">
						
							
						<a class="nav-link" href="/Convention-sponsor/">
							Convention Sponsor Form
						</a>
						
						
					</li>
				
					
					<li class="nav-item dropdown-submenu">
						
							
						<a class="nav-link" href="/vendor-registration/">
							Vendor Registration Form
						</a>
						
						
					</li>
				
					
					<li class="nav-item dropdown-submenu">
						
							
						<a class="nav-link" href="/convention-chair-and-speaker/">
							Convention Chair and Speaker Guide
						</a>
						
						
					</li>
				
					
					<li class="nav-item dropdown-submenu">
						
							
						<a class="nav-link" href="/sponsor-cla/">
							Sponsor CLA
						</a>
						
						
					</li>
				
					
					<li class="nav-item dropdown-submenu">
						
							
						<a class="nav-link" href="/cla-convention-archives/">
							CLA Convention Archives
						</a>
						
						
					</li>
				
	      	</ul>
		    
		
					</li>
				
					
					<li class="nav-item dropdown has-submenu">
						
							
						<a class="nav-link" href="/i4a/pages/index.cfm?pageid=3283">
							CLA Journal
						</a>
						
						
	      		<ul class="dropdown-menu multi-level">	
	      	
				
					<li class="nav-item dropdown-submenu">
						
							
						<a class="nav-link" href="/about-cla-journal/">
							About CLA Journal
						</a>
						
						
					</li>
				
					
					<li class="nav-item dropdown-submenu">
						
							
						<a class="nav-link" href="/open-access/">
							Open-Access Issues
						</a>
						
						
					</li>
				
					
					<li class="nav-item dropdown-submenu">
						
							
						<a class="nav-link" href="/access/">
							Access/Subscription
						</a>
						
						
					</li>
				
					
					<li class="nav-item dropdown-submenu">
						
							
						<a class="nav-link" href="/CLA-Journal-Permission/">
							CLA Journal Permission Request Form
						</a>
						
						
					</li>
				
					
					<li class="nav-item dropdown-submenu">
						
							
						<a class="nav-link" href="/CLAJRelease/">
							CLAJ 65.2
						</a>
						
						
					</li>
				
					
					<li class="nav-item dropdown-submenu">
						
							
						<a class="nav-link" href="/claj-661/">
							CLAJ 66.1
						</a>
						
						
					</li>
				
	      	</ul>
		    
		
					</li>
				
					
					<li class="nav-item dropdown has-submenu">
						
							
						<a class="nav-link" href="/i4a/pages/index.cfm?pageid=3309">
							Awards
						</a>
						
						
	      		<ul class="dropdown-menu multi-level">	
	      	
				
					<li class="nav-item dropdown-submenu">
						
							
						<a class="nav-link" href="/awards-committees/">
							Awards Committees
						</a>
						
						
					</li>
				
					
					<li class="nav-item dropdown-submenu">
						
							
						<a class="nav-link" href="/hugh-m-gloster/">
							Hugh M. Gloster Fund
						</a>
						
						
					</li>
				
					
					<li class="nav-item dropdown-submenu">
						
							
						<a class="nav-link" href="/presidential-awards/">
							Presidential Awards
						</a>
						
						
					</li>
				
					
					<li class="nav-item dropdown-submenu">
						
							
						<a class="nav-link" href="/margaret-walker/">
							The Margaret Walker Memorial Prize in Creative Writing
						</a>
						
						
					</li>
				
					
					<li class="nav-item dropdown-submenu">
						
							
						<a class="nav-link" href="/daryl-cumber-dance/">
							Daryl Cumber Dance Award
						</a>
						
						
					</li>
				
					
					<li class="nav-item dropdown-submenu">
						
							
						<a class="nav-link" href="/darwin-t-turner/">
							Darwin T. Turner Best Essay Award
						</a>
						
						
					</li>
				
					
					<li class="nav-item dropdown-submenu">
						
							
						<a class="nav-link" href="/elizabeth-j-west/">
							Elizabeth J. West First-Time Attendee Award
						</a>
						
						
					</li>
				
					
					<li class="nav-item dropdown-submenu">
						
							
						<a class="nav-link" href="/scholarship/">
							Scholarship Award
						</a>
						
						
					</li>
				
					
					<li class="nav-item dropdown-submenu">
						
							
						<a class="nav-link" href="/service/">
							Service Award
						</a>
						
						
					</li>
				
					
					<li class="nav-item dropdown-submenu">
						
							
						<a class="nav-link" href="/caroll-mills-young/">
							The Caroll Mills Young Study Abroad Scholarship
						</a>
						
						
					</li>
				
	      	</ul>
		    
		
					</li>
				
					
					<li class="nav-item dropdown has-submenu">
						
							
						<a class="nav-link" href="/i4a/pages/index.cfm?pageid=3310">
							News
						</a>
						
						
	      		<ul class="dropdown-menu multi-level">	
	      	
				
					<li class="nav-item dropdown-submenu">
						
							
						<a class="nav-link" href="/Bulletin/">
							Bulletin
						</a>
						
						
					</li>
				
					
					<li class="nav-item dropdown-submenu">
						
							
						<a class="nav-link" href="/black-history-month/">
							Celebrate Black History Month with Us
						</a>
						
						
					</li>
				
					
					<li class="nav-item dropdown-submenu">
						
							
						<a class="nav-link" href="/in-memoriam/">
							In Memoriam
						</a>
						
						
					</li>
				
					
					<li class="nav-item dropdown-submenu">
						
							
						<a class="nav-link" href="/calendar/">
							CLA Event Calendar
						</a>
						
						
					</li>
				
					
					<li class="nav-item dropdown-submenu">
						
							
						<a class="nav-link" href="/job-board/">
							CLA Job Board
						</a>
						
						
					</li>
				
					
					<li class="nav-item dropdown-submenu">
						
							
						<a class="nav-link" href="/member-achievements/">
							Member Achievements
						</a>
						
						
					</li>
				
					
					<li class="nav-item dropdown-submenu">
						
							
						<a class="nav-link" href="/Call-for-papers/">
							Call for Papers
						</a>
						
						
					</li>
				
	      	</ul>
		    
		
					</li>
				
					
					<li class="nav-item dropdown has-submenu">
						
							
						<a class="nav-link" href="/i4a/pages/index.cfm?pageid=3313">
							Contact CLA
						</a>
						
						
	      		<ul class="dropdown-menu multi-level">	
	      	
				
					<li class="nav-item dropdown-submenu">
						
							
						<a class="nav-link" href="/contact-cla/">
							Contact CLA Form
						</a>
						
						
					</li>
				
					
					<li class="nav-item dropdown-submenu">
						
							
						<a class="nav-link" href="/CLA-FAQ/">
							Frequently Asked Questions
						</a>
						
						
					</li>
				
					
					<li class="nav-item dropdown-submenu">
						
							
						<a class="nav-link" href="/CommunicationRequests/">
							Communication Requests
						</a>
						
						
					</li>
				
	      	</ul>
		    
		
					</li>
				
					
					<li class="nav-item dropdown has-submenu">
						
							
						<a class="nav-link" href="/i4a/pages/index.cfm?pageid=3312">
							Shop
						</a>
						
						
	      		<ul class="dropdown-menu multi-level">	
	      	
				
					<li class="nav-item dropdown-submenu">
						
							
						<a class="nav-link" href="/shop/">
							shop
						</a>
						
						
					</li>
				
	      	</ul>
		    
		
					</li>
				
	      	</ul>
		    
					</div> 
				</nav> 
			
		
			</div>
			
				
				<script type="text/javascript">
					
					var _widget_parentDiv = document.getElementById('header_row2_column1');
					if (_widget_parentDiv) {
						var _wpdposition = _getComputedStyle(_widget_parentDiv,"position");
						if (_wpdposition == 'static') {
							_widget_parentDiv.style.position = 'relative';
						}
						_widget_parentDiv.appendChild(document.getElementById('i4awidget_widget_responsivemenu_257'));
					}
				</script>
				
			
			<div id="i4awidget_footercontact_255" class="footerContact"  >
				
					
						<div class="mx-auto" style="width:100%;">


	<div class="specialcontent-wrapper">
		
		
			<div class="specialcontent-body">
				
					<div id="i4a_savedContent" style="margin-bottom:1em;">
					<div class="i4a-row" type="three-column-row" id="i4aRowID-990" style="">
						<div class="row align-items-stretch " style=" ">
							
							
									<div id="i4aColID-1065" class="i4a-col col-md-4 d-flex flex-column justify-content-center" style="">
										<div class="sort-container">
											
														<div class="blockContent" id="block-id-1968"><div class="i4a-text" style="padding-left: 10px;"><p><strong>Headquarters</strong><br />LeMoyne-Owen College | Brownlee Hall, Office 40<br />807 Walker Avenue | Memphis, TN 38126</p></div></div>
													
										</div>
									</div>	
								
									<div id="i4aColID-1066" class="i4a-col col-md-4 mt-3 mt-md-0 d-flex flex-column justify-content-center" style="">
										<div class="sort-container">
											
														<div class="blockContent" id="block-id-2142"><div class="i4a-button" align="center" style=""><button onClick="window.location.href='https://www.clascholars.org/i4a/pages/index.cfm?pageID=3356', '_blank';" class="btn btn-primary" style="font-size: 25px; line-height: 50px; text-align: center; width: 200px; max-width: 200px;" >Donate Now</a></div></div>
													
										</div>
									</div>	
								
									<div id="i4aColID-1067" class="i4a-col col-md-4 mt-3 mt-md-0 d-flex flex-column justify-content-center" style="">
										<div class="sort-container">
											
														<div class="blockContent" id="block-id-1969"><div class="i4a-html" style="padding-left: 10px;"><div><i class="fa fa-copyright"></i> <cfoutput>2025 College Language Association.<br />All Rights Reserved.</cfoutput></div><div>College Language Association is a 501(c)(3) Organization&nbsp;</div></div></div>
													
										</div>
									</div>	
									
						</div>
					</div>
				</div>
				
			</div>
		
	</div>
</div>

					
			</div>
			
				
				<script type="text/javascript">
					
					var _widget_parentDiv = document.getElementById('i4a_footer_row2_column1');
					if (_widget_parentDiv) {
						var _wpdposition = _getComputedStyle(_widget_parentDiv,"position");
						if (_wpdposition == 'static') {
							_widget_parentDiv.style.position = 'relative';
						}
						_widget_parentDiv.appendChild(document.getElementById('i4awidget_footercontact_255'));
					}
				</script>
				
			
</body>
</html>