/************************************************/
/*  Process America Mini Application Clipboard  */
/*  January 2012                                */
/*  Code By Christopher Crutchfield             */
/*  ccrutchfield@process4america.com            */
/************************************************/

// Code Prerequisites / Options
// Parent page must include hidden input element with source indentifer, ie: <input type=hidden id=source_id value='PAT######'>, etc
// Parent page may include hidden input element with scale modifier, ie: <input type=hidden id=clipboard_scale value='0.9'>, etc

// Check for referer source indentifer (ie: PAT001234)
var parent_source_id='';
var is_get_link='';
var get_link_code="<div class='embedlink'><a href='https://www.isotrackonline.com' class='embedlink' target='_blank'>Get this clipboard!</a></div>";
var doWrite=0;
if (document.getElementById("source_id").value!=undefined) {
	parent_source_id=document.getElementById("source_id").value;
}

try { is_get_link = document.getElementById("is_get_link").value; } catch (a) {}

if (is_get_link!=undefined) {
	if(is_get_link=='0'){ get_link_code=''; }
}

if ((parent_source_id)!='' && (parent_source_id!='PAT006013')) {
	doWrite=1;
}

// Check for form target
var clipboard_target='';
if (document.getElementById("clipboard_target")) {
	if (document.getElementById("clipboard_target").value!=undefined) {
		clipboard_target=document.getElementById("clipboard_target").value;
	}
	if (clipboard_target!='') {
		clipboard_target=" target='"+clipboard_target+"' ";
	}
}

// To change the scale of the clipboard and contents, set scale=[0.6,0.75,0.8,1,1.25,etc] in parent page
var scale=1;
if (document.getElementById("clipboard_scale")) {
	if (document.getElementById("clipboard_scale").value!=undefined) {
		scale=document.getElementById("clipboard_scale").value;
	}
}

// TODO : function scale() {}
var cb_main_width=(421*scale);
var clipboard_html="\
<style>\
#cb_main_div * {\
	font-family: 'Trebuchet MS', Verdana, Helvetica, Arial;\
}\
#cb_main_div div .inputlabels  {\
	font-size:"+(16*scale)+"px;\
}\
#cb_main_div input {\
	color: #6F6F6F;\
	background: white;\
	border:2px solid #DFDFDF;\
	margin:0px;\
	width:"+(180*scale)+"px;\
}\
#cb_main_div .required {\
	color: red;\
}\
#cb_main_div .exclaim {\
	font-family: 'Trebuchet MS', Verdana, Helvetica, Arial;\
	color: black;\
	font-weight:bold;\
}\
#cb_main_div .exclaim_less {\
	font-family: 'Trebuchet MS', Verdana, Helvetica, Arial;\
	color: black;\
	font-weight:bold;\
	font-size:"+(16*scale)+"px;\
}\
#cb_main_div .bold {\
	font-weight:bold;\
}\
#cb_main_div table,#cb_main_div table tr,#cb_main_div table tr td {\
	border-top:0px solid white;\
	border-right:0px solid white;\
	border-bottom:0px solid white;\
	border-left:0px solid white;\
}\
#cb_main_div table tr td{\
	font-family: 'Trebuchet MS', Verdana, Helvetica, Arial;\
	color: black;\
	font-size:"+(100*scale)+"%;\
	line-height:"+(100*scale)+"%;\
}\
.spacer{\
	font-family: 'Trebuchet MS', Verdana, Helvetica, Arial;\
	color: black;\
	font-size:"+(85*scale)+"%;\
	line-height:"+(85*scale)+"%;\
}\
.embedlink{\
	margin: "+(32*scale)+"px 0 0 0px;\
	font-family: 'Trebuchet MS', Verdana, Helvetica, Arial;\
	color: red;\
	line-height:"+(100*scale)+"%;\
	font-size:"+(100*scale)+"%;\
}\
</style>\
<form name='clipboard_form' id='clipboard_form' action='https://www.process4america.com/"+parent_source_id+"' method='POST' "+clipboard_target+" >\
<div style='z-index:999;position:relative;top:"+(50*scale)+"px;left:"+(150*scale)+"px;' id=cb_main_div>\
<div style='z-index:1000;position:absolute;width:"+cb_main_width+"px;'><img src='http://www.process4america.com/external/clipboard/Clipboard_blank.png' border=0 style='width:"+cb_main_width+"px;'></div>\
<div style='z-index:1001;position:absolute;width:"+cb_main_width+"px;top:+"+(55*scale)+"px;left:+"+(45*scale)+"px;text-align:left;'>\
<span class='exclaim bold'><span style='color:#BF0F1E;font-size:"+(160*scale)+"%;'>Instant<br>Pre-Approval</span><br><span style='font-size:"+(65*scale)+"%;'>for your</span> <span style='font-size:"+(85*scale)+"%;'>Merchant Account*</span><div style='padding:10px;'><span class='exclaim_less bold'>Fill Out the Form Below:</span></div>\
</div>\
<div class='inputlabels' style='z-index:1001;position:absolute;top:"+(200*scale)+"px;left:"+(50*scale)+"px;width:"+(cb_main_width-(40*2*scale))+"px;'>\
<div class='inputlabels' style='z-index:1002;position:absolute;top:0px;left:0px;width:"+(300*scale)+"px;'><span class='required'>*</span>&nbsp; Your Name</div>\
<div class='inputlabels' style='z-index:1002;position:absolute;top:0px;left:"+(130*scale)+"px;width:"+(300*scale)+"px;'>&nbsp;&nbsp;<input type=text id='company_contact_name' name='company_contact_name' value='' title='Your Name'></div>\
<div class='inputlabels' style='z-index:1002;position:absolute;top:"+(50*scale)+"px;left:0px;width:"+(300*scale)+"px;'><span class='required'>*</span>&nbsp; Email</div>\
<div class='inputlabels' style='z-index:1002;position:absolute;top:"+(50*scale)+"px;left:"+(130*scale)+"px;width:"+(300*scale)+"px;'>&nbsp;&nbsp;<input type=text id='contact_email' name='contact_email' value=''></div>\
<div class='inputlabels' style='z-index:1002;position:absolute;top:"+(100*scale)+"px;left:0px;width:"+(300*scale)+"px;'><span class='required'>*</span>&nbsp; Primary Phone</div>\
<div class='inputlabels' style='z-index:1002;position:absolute;top:"+(100*scale)+"px;left:"+(130*scale)+"px;width:"+(300*scale)+"px;'>&nbsp;&nbsp;<input type=text id='phone'name='phone' value=''></div>\
<div class='inputlabels' style='z-index:1002;position:absolute;top:"+(140*scale)+"px;left:0px;border:'><span class='required'>*</span></div>\
<div class='inputlabels' style='z-index:1002;position:absolute;top:"+(140*scale)+"px;left:0px;width:"+(310*scale)+"px;' align=right>\
<select name='business_type' id='business_type' style='width:95%;font-size:"+(95*scale)+"%;'><option value=''>-- How do you mainly conduct business? --</option><option value='Internet'>Internet</option><option value='Catalog'>Catalog</option><option value='Face To Face'>Face To Face</option></select></div>\
</div>\
\
<div style='z-index:1001;position:absolute;top:"+(385*scale)+"px;width:"+cb_main_width+"px;'>\
<center><img style='width:"+(190*scale)+"px;' src='http://www.process4america.com/external/clipboard/Get-started-standstill.png' onmouseover='this.src="+"\"http://www.process4america.com/external/clipboard/Get-started-onhover.png\""+"' onmouseout='this.src="+"\"http://www.process4america.com/external/clipboard/Get-started-standstill.png\""+"' onClick='checkForm();' border=0><center>\
</div>\
<div style='z-index:1005;position:absolute;top:"+(450*scale)+"px;left:"+(35*scale)+"px;width:"+(370*scale)+"px;height:"+(50*scale)+"px;line-height:"+(100*scale)+"%;color:lightgray;font-size:"+(70*scale)+"%;text-align:left;' >\
	*$20,000 instant pre-approval applies to retail merchant accounts only.\
	Instant pre-approval for MOTO or E-Commerce accounts are limited to\
	$5,000 monthly. Higher volume merchants will be contacted by a\
	representative."+get_link_code+"\
</div>\
<div style='z-index:1000;position:absolute;top:"+(50*scale)+"px;left:"+(-220*scale)+"px;'><img src='http://www.process4america.com/external/clipboard/clipboard-lady.png' style='width:"+(273*scale)+"px;height:"+(560*scale)+"px;' border=0></div>\
<div style='z-index:1000;position:absolute;top:"+(45*scale)+"px;left:"+(247*scale)+"px;'><img src='http://www.process4america.com/external/clipboard/arrow-with-graphic.png' style='width:"+(208*scale)+"px;height:"+(139*scale)+"px;' border=0></div>\
</div>\
</form>\
";
if (doWrite==1) {
	document.write(clipboard_html);
}

//Form Validation
function checkForm() {
	//we check the values for blank
	var errorMsg='';
	if (document.clipboard_form.company_contact_name.value=='') { errorMsg += "\n - Must fill in Your Name."; }
	if (document.clipboard_form.contact_email.value=='') { errorMsg += "\n - Must fill in Email."; }
	if (document.clipboard_form.phone.value=='') { errorMsg += "\n - Must fill in Primary Phone."; }
	if (document.clipboard_form.business_type.selectedIndex==0) { errorMsg += "\n - Must select an option for how majority of sales are conducted."; }
	
	var phone_num=document.clipboard_form.phone.value;
	var company_contact_name=document.clipboard_form.company_contact_name.value;
	
	if ((phone_num!='') && ((!(phone_num.match(/^\d{10}$/))) || (phone_num.match(/\D/ig)))) { errorMsg += "\n - Primary Phone is not formatted correctly."; }
	var email=document.clipboard_form.contact_email.value;
	if ((email!='') && (!(email.match(/^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/)))) { errorMsg += "\n - Email is not formatted correctly."; }
	
	//phone_num=phone_num.replace(/\D/ig,'');
	company_contact_name=company_contact_name.replace(/[^A-Za-z0-9 _]/ig,'');
	
	//If err, fail, else sub.
	if (errorMsg!='') {
		var msg='';
		msg += "Please correct the items below and re-submit.\n";
		msg += "________________________________________________\n";
		alert(msg + errorMsg);
		return false;
	} else {
		document.clipboard_form.company_contact_name.value=company_contact_name;
		document.clipboard_form.contact_email.value=email;
		document.clipboard_form.phone.value=phone_num;
		document.clipboard_form.submit();
	}
}