// JavaScript Document

var addDocsCount = 0;
var selectedPackagePrice = 0;

function getSelectedPackagePrice() {
	selectedPackagePrice = Number(document.getElementById('hidTotalPrice').value);
}

function updatePrice(thisInfo) {
	//alert(thisInfo);
	
	if (thisInfo == "additionalDocsVar"){
		
		var currentPrice = 0;
			
		for (var i=0; i < addDocsCount+1; i++){
			//var thisDocEurID = "hidAddDocEur["+addDocsCount+"]";
			var thisDocEurID = "hidAddDocEur"+i+"";
			//alert(thisDocEurID);
			currentPrice = Number(currentPrice) + Number(document.getElementById(thisDocEurID).value);
		}
		
		var totalPrice = Number(currentPrice) + Number(selectedPackagePrice)
		
		$('#total').html(Number(totalPrice).toFixed(2));
		//alert(currentPrice);
		document.getElementById('hidAddDocsCount').value = addDocsCount;
		form_AddDocsCount = addDocsCount;
		
	} else if (thisInfo == "deleteDocsVar"){
		DtAddDocsCount = document.getElementById('hidAddDocsCount').value;	
		//alert(DtAddDocsCount);
		
		var currentPrice = 0;
			
		for (var i=0; i < DtAddDocsCount+1; i++){
			//var thisDocEurID = "hidAddDocEur["+addDocsCount+"]";
			var thisDocEurID = "hidAddDocEur"+i+"";
			//alert(thisDocEurID);
			currentPrice = Number(currentPrice) + Number(document.getElementById(thisDocEurID).value);
		}
		
		var totalPrice = Number(currentPrice) + Number(selectedPackagePrice)
		
		$('#total').html(Number(totalPrice).toFixed(2));
		
	} else {
		
		var UhiddenElementEur = "hidden_eur_"+thisInfo;
		var UselectedPackageEur = Number(document.getElementById(UhiddenElementEur).value).toFixed(2);
		
		PkAddDocsCount = document.getElementById('hidAddDocsCount').value;	
		//alert(PkAddDocsCount);
		if (PkAddDocsCount==-1){
			$("#total").html(UselectedPackageEur);
		} else {
			var PkCurrentPrice = 0;
			var limit = Number(PkAddDocsCount)+1;
		
			for (var i=0; i < limit; i++){
				//var thisDocEurID = "hidAddDocEur["+addDocsCount+"]";
				//alert(limit);
				var thisDocEurID = "hidAddDocEur"+i+"";
				//alert(i);
				//alert(thisDocEurID);
				PkCurrentPrice = Number(PkCurrentPrice) + Number(document.getElementById(thisDocEurID).value);
				//alert(PkCurrentPrice);
			}			
			var totalPrice = Number(PkCurrentPrice) + Number(UselectedPackageEur)			
			$('#total').html(Number(totalPrice).toFixed(2));
		}		
	}	
}
			
function getAddDocsDetails(docID){
	alert("Document Added to Subscription");
	$.ajax({
		url: 'http://www.perchards.com/db_widget_src/addDocDetails.php',
		data: 'post_DocID='+docID+'',			
		type: 'POST',
		dataType: 'json',
		success: function(data) {
			// `response` here is a valid JSON object; jQuery handles the work of parsing the response, etc.
			
			var thisTitle = data.return_DocTitle;
			var thisCountry = data.return_DocCountry;
			var thisEur = Number(data.return_DocEur).toFixed(2);
			
			var layoutDocTitle = "<div class='additionalDocs' id='additionalDocRow"+addDocsCount+"'><span class='addDocsCountry'>"+thisCountry+"</span><span class='addDocsTitle'>"+thisTitle+"</span><span class='addDocsEur'>&nbsp;&euro; "+thisEur+"</span><span class='addDocsDelete'><a href='javascript:void(0)' onclick='removeAddedDoc("+addDocsCount+")'>x</a></span></div>";
			
			var inputString = "<input id='hidAddDocID"+addDocsCount+"' name='hidAddDocID"+addDocsCount+"' value='"+docID+"'>";
			inputString += "<input id='hidAddDocEur"+addDocsCount+"' name='hidAddDocEur"+addDocsCount+"' value='"+thisEur+"'>";
			
			if (addDocsCount==0){
				$('.selected_docs').html(layoutDocTitle);
			} else {
				$('.selected_docs').append(layoutDocTitle);
			}
			$('#hiddenForm').append(inputString);

			/*var currentPrice = 0;
			
			for (var i=0; i < addDocsCount+1; i++){
				//var thisDocEurID = "hidAddDocEur["+addDocsCount+"]";
				var thisDocEurID = "hidAddDocEur"+i+"";
				currentPrice = Number(currentPrice) + Number(document.getElementById(thisDocEurID).value);
			}
			
			var totalPrice = Number(currentPrice) + Number(selectedPackagePrice)
			
			$('#total').html(Number(totalPrice).toFixed(2));
			//alert(currentPrice);
			document.getElementById('hidAddDocsCount').value = addDocsCount;
			form_AddDocsCount = addDocsCount;*/
			
			updatePrice("additionalDocsVar");
			
			addDocsCount++;
		}
	});
}
function removeAddedDoc(docID){
	var removeDivID = "#additionalDocRow"+docID+"";
	$(removeDivID).remove();
	removeInputID = "hidAddDocID"+docID+"";
	document.getElementById(removeInputID).value = "";
	removeInputEur = "hidAddDocEur"+docID+"";
	document.getElementById(removeInputEur).value = "";
	//document.forms['hiddenForm'].removeInputID.value = "test";
	updatePrice("deleteDocsVar");
}

function redirect1(){
	//alert("redirect 1 triggered");
	/*window.location = "http://www.perchards.com/dev/Test_Payment_Gateway.php";*/
	$("#hiddenForm").submit();
}
function redirect2(){
	//alert("redirect 2 triggered");
	window.location = "http://www.perchards.com/InformationServices/Howtosubscribe/ApplicationReceived";
}

function get_payment_value() {
	for (var i=0; i < document.clientDetailsForm.col_Payment.length; i++){
		if (document.clientDetailsForm.col_Payment[i].checked){
			var rad_val = document.clientDetailsForm.col_Payment[i].value;
			form_Payment = rad_val;
			//document.getElementById(hidPayment).value = form_Payment;			
			document.forms['hiddenForm'].hidPayment.value = form_Payment;
		}
	}
}


var form_CompanyName = "";
var form_Branch = "";
var form_FirstName = "";
var form_LastName = "";
//var form_UserName = "";
var form_Email = "";
var form_Phone = "";
var form_Fax = "";
var form_Mobile = "";
var form_Address1 = "";
var form_Address2 = "";
var form_Town = "";
var form_County = "";
var form_Postcode = "";
var form_Country = "";
var form_Newsletter = "";
var form_Payment = "";
var form_TotalPrice = "";
var form_PackageID = "";
var form_AddDocsCount = "";
var form_FinalTotal = "";
var form_UserID = "";


//submit form details
function submitApplication(){
	//alert("lin 187 - submit application");
	if(form_AddDocsCount!=""){
		var $post_AddedDocuments = "";
		for (var i=0; i < form_AddDocsCount+1; i++){
			inputID = "hidAddDocID"+i+"";
			var addedDocID = document.getElementById(inputID).value;
			$post_AddedDocuments += '&post_AddedDoc'+i+'='+addedDocID;
		}
	}

	form_CompanyName = document.getElementById('col_CompanyName').value;
	form_Branch = document.getElementById('col_Branch').value;
	form_FirstName = document.getElementById('col_FirstName').value;
	form_LastName = document.getElementById('col_LastName').value;
	//form_UserName = document.getElementById('col_UserName').value;
	form_Email = document.getElementById('col_Email').value;
	form_EmailConfirm = document.getElementById('col_EmailConfirm').value;
	form_Phone = document.getElementById('col_Phone').value;
	form_Fax = document.getElementById('col_Fax').value;
	form_Mobile = document.getElementById('col_Mobile').value;
	form_Address1 = document.getElementById('col_Address1').value;
	form_Address2 = document.getElementById('col_Address2').value;
	form_Town = document.getElementById('col_Town').value;
	form_County = document.getElementById('col_County').value;
	form_Postcode = document.getElementById('col_Postcode').value;
	form_Country = document.getElementById('col_Country').value;
	//form_Newsletter = document.getElementById('col_Newsletter').value;
	form_TotalPrice = document.forms['hiddenForm'].hidTotalPrice.value;

	addDocsVal = document.forms['hiddenForm'].hidAddDocsCount.value;

	//get_payment_value();
	form_Payment = 'Invoice';

	var form_Basket = (Number(addDocsVal)+2);
				var vat = 0;
				if(form_Country=="GB"){
					vat = form_TotalPrice*0.2;
				}
				form_Basket += ":";
				
				form_Basket += document.forms['hiddenForm'].hidPackageName.value;
				form_Basket += ":";
				form_Basket += 1;
				form_Basket += ":";
				form_Basket += form_TotalPrice;
				form_Basket += ":";
				form_Basket += vat;
				form_Basket += ":";
				var packageTotal = Number(form_TotalPrice) + Number(vat);
				form_Basket += packageTotal;
				form_Basket += ":";
				form_Basket += packageTotal;
				//form_Basket += ":";
				form_FinalTotal = packageTotal;
				
				if(addDocsVal>-1){
					for(i=0; i<=addDocsVal; i++){
						inputID = "hidAddDocID"+i+"";
						var thisVat = 0;
						form_Basket += ":";
						form_Basket +=  "Document ID - "+document.getElementById(inputID).value;
						form_Basket += ":";
						form_Basket += 1;
						form_Basket += ":";
						inputEur = "hidAddDocEur"+i+"";
						form_Basket +=  document.getElementById(inputEur).value;
						form_Basket += ":";
						if(form_Country=="GB"){
							thisVat = document.getElementById(inputEur).value*0.2;
						}
						form_Basket += thisVat;
						form_Basket += ":";
						var thisDocTotal = Number(document.getElementById(inputEur).value) + Number(thisVat);
						form_Basket +=  thisDocTotal;
						form_Basket += ":";
						form_Basket +=  thisDocTotal;
						//form_Basket += ":";
						form_FinalTotal = Number(form_FinalTotal) + Number(thisDocTotal);
					}
				}					
	
	$.ajax({
		url: 'http://www.perchards.com/db_widget_src/subscriberApp.php',
		data: 'post_CompanyName='+form_CompanyName+'&post_Branch='+form_Branch+'&post_FirstName='+form_FirstName+'&post_LastName='+form_LastName+'&post_Email='+form_Email+'&post_Phone='+form_Phone+'&post_Fax='+form_Fax+'&post_Mobile='+form_Mobile+'&post_Address1='+form_Address1+'&post_Address2='+form_Address2+'&post_Town='+form_Town+'&post_County='+form_County+'&post_Postcode='+form_Postcode+'&post_Country='+form_Country+/*'&post_Newsletter='+form_Newsletter+*/'&post_Payment='+form_Payment+'&post_TotalPrice='+form_TotalPrice+'&post_PackageID='+form_PackageID+'&post_AddDocsCount='+form_AddDocsCount+$post_AddedDocuments+'&post_Basket='+form_Basket+'&post_FinalTotal='+form_FinalTotal+'',			
		type: 'POST',
		dataType: 'json',
		success: function(data) {
			// `response` here is a valid JSON object; jQuery handles the work of parsing the response, etc.
			//alert(data);
			document.getElementById('temp').innerHTML =	data;
			document.forms['hiddenForm'].hidClientID.value = data.clientID;
			form_UserID = document.forms['hiddenForm'].hidClientID.value;
			//form_UserID = data.clientID;
			//alert(data.clientID);
			//redirect();
			if (form_Payment=="CreditCard"){

				
				
				//alert(form_UserID);
				
				$.ajax({
					url: 'http://www.perchards.com/cryptbuild.php',
					data: 'post_CustomerName='+form_CompanyName+'&post_Branch='+form_Branch+'&post_FirstName='+form_FirstName+'&post_LastName='+form_LastName+'&post_Email='+form_Email+'&post_Phone='+form_Phone+'&post_Fax='+form_Fax+'&post_Mobile='+form_Mobile+'&post_Address1='+form_Address1+'&post_Address2='+form_Address2+'&post_Town='+form_Town+'&post_County='+form_County+'&post_Postcode='+form_Postcode+'&post_Country='+form_Country+'&post_Newsletter='+form_Newsletter+'&post_Payment='+form_Payment+'&post_TotalPrice='+form_FinalTotal+'&post_PackageID='+form_PackageID+'&post_AddDocsCount='+form_AddDocsCount+'&post_UserID='+form_UserID+'&post_Basket='+form_Basket+'',			
					type: 'POST',
					dataType: 'html',
					success: function(data) {
						// `response` here is a valid JSON object; jQuery handles the work of parsing the response, etc.
						
						//alert(data);
						document.forms['hiddenForm'].hidCompanyName.value = form_CompanyName;
						document.forms['hiddenForm'].hidBranch.value = form_Branch;
						document.forms['hiddenForm'].hidFirstName.value = form_FirstName;
						document.forms['hiddenForm'].hidLastName.value = form_LastName;
						//document.forms['hiddenForm'].hidUserName.value = form_UserName;
						document.forms['hiddenForm'].hidEmail.value = form_Email;
						document.forms['hiddenForm'].hidPhone.value = form_Phone;
						document.forms['hiddenForm'].hidFax.value = form_Fax;
						document.forms['hiddenForm'].hidMobile.value = form_Mobile;
						document.forms['hiddenForm'].hidAddress1.value = form_Address1;
						document.forms['hiddenForm'].hidAddress2.value = form_Address2;
						document.forms['hiddenForm'].hidTown.value = form_Town;
						document.forms['hiddenForm'].hidCounty.value = form_County;
						document.forms['hiddenForm'].hidPostcode.value = form_Postcode;
						document.forms['hiddenForm'].hidCountry.value = form_Country;
						document.forms['hiddenForm'].hidClientID.value = form_UserID;
						//document.forms['hiddenForm'].hidNewsletter.value = form_Newsletter;
						document.forms['hiddenForm'].Crypt.value = data;
						//form_Payment = document.getElementById('col_Payment').value;
						errornotice.hide();
						setTimeout(redirect1(),1000);
					}
				});

			}
			else if (form_Payment=="Invoice"){redirect2();}
			else {alert("There was a problem submitting this form. Please try again.");}
		}
	});
}

// Place ID's of all required fields here.
required = ["col_CompanyName", "col_FirstName", "col_LastName", "col_Email", "col_EmailConfirm", "col_Phone", "col_Address1", "col_Town", "col_County", "col_Postcode", "col_Country", "col_Payment"];
// If using an ID other than #email or #error then replace it here
email = $("#col_Email");
errornotice = $("#error");
// The text to show up within a field when it is incorrect
emptyerror = "Please complete this field.";
emailerror = "Please enter a valid e-mail.";

function submitClientDetailsForm(){	
	//Validate required fields
	for (i=0;i<required.length;i++) {
		var input = $('#'+required[i]);
		if ((input.val() == "") || (input.val() == emptyerror)) {
			input.addClass("needsfilled");
			input.val(emptyerror);
			errornotice.fadeIn(750);
		} else {
			input.removeClass("needsfilled");
		}
	}
	// Validate the e-mail.
	if (!/^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/.test(email.val())) {
		email.addClass("needsfilled");
		email.val(emailerror);
	}

	//if any inputs on the page have the class 'needsfilled' the form will not submit
	if ($(":input").hasClass("needsfilled")) {
		alert("Please check the form for errors.");
		return false;
	} else {
		//alert("updating");

		
		
		if (document.getElementById('col_Email').value==document.getElementById('col_EmailConfirm').value){
			submitApplication();
		} else {
			alert("Please check your email address");
		}
		return true;

		
	}
}

// Clears any fields in the form when the user clicks on them
function attachClearForm(){
	$(":input").focus(function(){		
	   if ($(this).hasClass("needsfilled") ) {
			$(this).val("");
			$(this).removeClass("needsfilled");
	   }
	});
}


// string for client details form
var clientForm = "";
clientForm += "<form id='clientDetailsForm' name='clientDetailsForm'>";
clientForm += "<div class='clientDetailsHeader'><span>Please enter your details</span></div>";
clientForm += "<div class='clientDetailsTitleRow'><span class='clientDetailsTitle'>Contact Details</span></div>";
clientForm += "<div class='clientDetailsFormRow'><span class='clientDetailsLabel'>Company Name</span><input type='text' name='col_CompanyName' id='col_CompanyName'/></div>";
clientForm += "<div class='clientDetailsFormRow'><span class='clientDetailsLabel'>Branch</span><input type='text' name='col_Branch' id='col_Branch'/></div>";
clientForm += "<div class='clientDetailsFormRow'><span class='clientDetailsLabel'>First Name</span><input type='text' name='col_FirstName' id='col_FirstName'/></div>";
clientForm += "<div class='clientDetailsFormRow'><span class='clientDetailsLabel'>Last Name</span><input type='text' name='col_LastName' id='col_LastName'/></div>";
clientForm += "<div class='clientDetailsFormRow'><span class='clientDetailsLabel'>Email</span><input type='text' name='col_Email' id='col_Email'/></div>";
clientForm += "<div class='clientDetailsFormRow'><span class='clientDetailsLabel'>Confirm Email Address</span><input type='text' name='col_EmailConfirm' id='col_EmailConfirm'/></div>";
clientForm += "<div class='clientDetailsFormRow'><span class='clientDetailsLabel'>Phone</span><input type='text' name='col_Phone' id='col_Phone'/></div>";
clientForm += "<div class='clientDetailsFormRow'><span class='clientDetailsLabel'>Fax</span><input type='text' name='col_Fax' id='col_Fax'/></div>";
clientForm += "<div class='clientDetailsFormRow'><span class='clientDetailsLabel'>Mobile</span><input type='text' name='col_Mobile' id='col_Mobile'/></div>";
clientForm += "<div class='clientDetailsTitleRow'><span class='clientDetailsTitle'>Address</span></div>";
clientForm += "<div class='clientDetailsFormRow'><span class='clientDetailsLabel'>Address</span><input type='text' name='col_Address1' id='col_Address1'/></div>";
clientForm += "<div class='clientDetailsFormRow'><span class='clientDetailsLabel'>Address</span><input type='text' name='col_Address2' id='col_Address2'/></div>";
clientForm += "<div class='clientDetailsFormRow'><span class='clientDetailsLabel'>Town/City</span><input type='text' name='col_Town' id='col_Town'/></div>";
clientForm += "<div class='clientDetailsFormRow'><span class='clientDetailsLabel'>County/State</span><input type='text' name='col_County' id='col_County'/></div>";
clientForm += "<div class='clientDetailsFormRow'><span class='clientDetailsLabel'>Postcode/ZIP</span><input type='text' name='col_Postcode' id='col_Postcode'/></div>";
//clientForm += "<div class='clientDetailsFormRow'><span class='clientDetailsLabel'>Country</span><input type='text' name='col_Country' id='col_Country'/>
clientForm += "<div class='clientDetailsFormRow'><span class='clientDetailsLabel'>Country</span><select name='col_Country' id='col_Country'><option value='AF'>Afghanistan</option><option value='AX'>&Aring;land Islands</option><option value='AL'>Albania</option><option value='DZ'>Algeria</option><option value='AS'>American Samoa</option><option value='AD'>Andorra</option><option value='AO'>Angola</option><option value='AI'>Anguilla</option><option value='AQ'>Antarctica</option><option value='AG'>Antigua and Barbuda</option><option value='AR'>Argentina</option><option value='AM'>Armenia</option><option value='AW'>Aruba</option><option value='AU'>Australia</option><option value='AT'>Austria</option><option value='AZ'>Azerbaijan</option><option value='BS'>Bahamas</option><option value='BH'>Bahrain</option><option value='BD'>Bangladesh</option><option value='BB'>Barbados</option><option value='BY'>Belarus</option><option value='BE'>Belgium</option><option value='BZ'>Belize</option><option value='BJ'>Benin</option><option value='BM'>Bermuda</option><option value='BT'>Bhutan</option><option value='BO'>Bolivia</option><option value='BA'>Bosnia and Herzegovina</option><option value='BW'>Botswana</option><option value='BV'>Bouvet Island</option><option value='BR'>Brazil</option><option value='IO'>British Indian Ocean Territory</option><option value='BN'>Brunei Darussalam</option><option value='BG'>Bulgaria</option><option value='BF'>Burkina Faso</option><option value='BI'>Burundi</option><option value='KH'>Cambodia</option><option value='CM'>Cameroon</option><option value='CA'>Canada</option><option value='CV'>Cape Verde</option><option value='KY'>Cayman Islands</option><option value='CF'>Central African Republic</option><option value='TD'>Chad</option><option value='CL'>Chile</option><option value='CN'>China</option><option value='CX'>Christmas Island</option><option value='CC'>Cocos (Keeling) Islands</option><option value='CO'>Colombia</option><option value='KM'>Comoros</option><option value='CG'>Congo</option><option value='CD'>Congo, The Democratic Republic of The</option><option value='CK'>Cook Islands</option><option value='CR'>Costa Rica</option><option value='CI'>C&ocirc;te D'Ivoire</option><option value='HR'>Croatia</option><option value='CU'>Cuba</option><option value='CY'>Cyprus</option><option value='CZ'>Czech Republic</option><option value='DK'>Denmark</option><option value='DJ'>Djibouti</option><option value='DM'>Dominica</option><option value='DO'>Dominican Republic</option><option value='EC'>Ecuador</option><option value='EG'>Egypt</option><option value='SV'>El Salvador</option><option value='GQ'>Equatorial Guinea</option><option value='ER'>Eritrea</option><option value='EE'>Estonia</option><option value='ET'>Ethiopia</option><option value='FK'>Falkland Islands (Malvinas)</option><option value='FO'>Faroe Islands</option><option value='FJ'>Fiji</option><option value='FI'>Finland</option><option value='FR'>France</option><option value='GF'>French Guiana</option><option value='PF'>French Polynesia</option><option value='TF'>French Southern Territories</option><option value='GA'>Gabon</option><option value='GM'>Gambia</option><option value='GE'>Georgia</option><option value='DE'>Germany</option><option value='GH'>Ghana</option><option value='GI'>Gibraltar</option><option value='GR'>Greece</option><option value='GL'>Greenland</option><option value='GD'>Grenada</option><option value='GP'>Guadeloupe</option><option value='GU'>Guam</option><option value='GT'>Guatemala</option><option value='GG'>Guernsey</option><option value='GN'>Guinea</option><option value='GW'>Guinea-Bissau</option><option value='GY'>Guyana</option><option value='HT'>Haiti</option><option value='HM'>Heard Island and Mcdonald Islands</option><option value='VA'>Holy See (Vatican City State)</option><option value='HN'>Honduras</option><option value='HK'>Hong Kong</option><option value='HU'>Hungary</option><option value='IS'>Iceland</option><option value='IN'>India</option><option value='ID'>Indonesia</option><option value='IR'>Iran, Islamic Republic of</option><option value='IQ'>Iraq</option><option value='IE'>Ireland</option><option value='IM'>Isle of Man</option><option value='IL'>Israel</option><option value='IT'>Italy</option><option value='JM'>Jamaica</option><option value='JP'>Japan</option><option value='JE'>Jersey</option><option value='JO'>Jordan</option><option value='KZ'>Kazakhstan</option><option value='KE'>Kenya</option><option value='KI'>Kiribati</option><option value='KP'>Korea, Democratic People's Republic of</option><option value='KR'>Korea, Republic of</option><option value='KW'>Kuwait</option><option value='KG'>Kyrgyzstan</option><option value='LA'>Lao People's Democratic Republic</option><option value='LV'>Latvia</option><option value='LB'>Lebanon</option><option value='LS'>Lesotho</option><option value='LR'>Liberia</option><option value='LY'>Libyan Arab Jamahiriya</option><option value='LI'>Liechtenstein</option><option value='LT'>Lithuania</option><option value='LU'>Luxembourg</option><option value='MO'>Macao</option><option value='MK'>Macedonia, The Former Yugoslav Republic of</option><option value='MG'>Madagascar</option><option value='MW'>Malawi</option><option value='MY'>Malaysia</option><option value='MV'>Maldives</option><option value='ML'>Mali</option><option value='MT'>Malta</option><option value='MH'>Marshall Islands</option><option value='MQ'>Martinique</option><option value='MR'>Mauritania</option><option value='MU'>Mauritius</option><option value='YT'>Mayotte</option><option value='MX'>Mexico</option><option value='FM'>Micronesia, Federated States of</option><option value='MD'>Moldova, Republic of</option><option value='MC'>Monaco</option><option value='MN'>Mongolia</option><option value='ME'>Montenegro</option><option value='MS'>Montserrat</option><option value='MA'>Morocco</option><option value='MZ'>Mozambique</option><option value='MM'>Myanmar</option><option value='NA'>Namibia</option><option value='NR'>Nauru</option><option value='NP'>Nepal</option><option value='NL'>Netherlands</option><option value='AN'>Netherlands Antilles</option><option value='NC'>New Caledonia</option><option value='NZ'>New Zealand</option><option value='NI'>Nicaragua</option><option value='NE'>Niger</option><option value='NG'>Nigeria</option><option value='NU'>Niue</option><option value='NF'>Norfolk Island</option><option value='MP'>Northern Mariana Islands</option><option value='NO'>Norway</option><option value='OM'>Oman</option><option value='PK'>Pakistan</option><option value='PW'>Palau</option><option value='PS'>Palestinian Territory, Occupied</option><option value='PA'>Panama</option><option value='PG'>Papua New Guinea</option><option value='PY'>Paraguay</option><option value='PE'>Peru</option><option value='PH'>Philippines</option><option value='PN'>Pitcairn</option><option value='PL'>Poland</option><option value='PT'>Portugal</option><option value='PR'>Puerto Rico</option><option value='QA'>Qatar</option><option value='RE'>R&eacute;union</option><option value='RO'>Romania</option><option value='RU'>Russian Federation</option><option value='RW'>Rwanda</option><option value='BL'>Saint Barth&eacute;lemy</option><option value='SH'>Saint Helena</option><option value='KN'>Saint Kitts and Nevis</option><option value='LC'>Saint Lucia</option><option value='MF'>Saint Martin</option><option value='PM'>Saint Pierre and Miquelon</option><option value='VC'>Saint Vincent and The Grenadines</option><option value='WS'>Samoa</option><option value='SM'>San Marino</option><option value='ST'>Sao Tome and Principe</option><option value='SA'>Saudi Arabia</option><option value='SN'>Senegal</option><option value='RS'>Serbia</option><option value='SC'>Seychelles</option><option value='SL'>Sierra Leone</option><option value='SG'>Singapore</option><option value='SK'>Slovakia</option><option value='SI'>Slovenia</option><option value='SB'>Solomon Islands</option><option value='SO'>Somalia</option><option value='ZA'>South Africa</option><option value='GS'>South Georgia and The South Sandwich Islands</option><option value='ES'>Spain</option><option value='LK'>Sri Lanka</option><option value='SD'>Sudan</option><option value='SR'>Suriname</option><option value='SJ'>Svalbard and Jan Mayen</option><option value='SZ'>Swaziland</option><option value='SE'>Sweden</option><option value='CH'>Switzerland</option><option value='SY'>Syrian Arab Republic</option><option value='TW'>Taiwan, Province of China</option><option value='TJ'>Tajikistan</option><option value='TZ'>Tanzania, United Republic of</option><option value='TH'>Thailand</option><option value='TL'>Timor-Leste</option><option value='TG'>Togo</option><option value='TK'>Tokelau</option><option value='TO'>Tonga</option><option value='TT'>Trinidad and Tobago</option><option value='TN'>Tunisia</option><option value='TR'>Turkey</option><option value='TM'>Turkmenistan</option><option value='TC'>Turks and Caicos Islands</option><option value='TV'>Tuvalu</option><option value='UG'>Uganda</option><option value='UA'>Ukraine</option><option value='AE'>United Arab Emirates</option><option value='GB'>United Kingdom</option><option value='US'>United States</option><option value='UM'>United States Minor Outlying Islands</option><option value='UY'>Uruguay</option><option value='UZ'>Uzbekistan</option><option value='VU'>Vanuatu</option><option value='VE'>Venezuela</option><option value='VN'>Viet Nam</option><option value='VG'>Virgin Islands, British</option><option value='VI'>Virgin Islands, U.S.</option><option value='WF'>Wallis and Futuna</option><option value='EH'>Western Sahara</option><option value='YE'>Yemen</option><option value='ZM'>Zambia</option><option value='ZW'>Zimbabwe</option></select></div>";
//clientForm += "<div class='clientDetailsTitleRow'><span class='clientDetailsTitle'>Sign up for newsletter</span></div>";
//clientForm += "<div class='clientDetailsFormRow'><span class='clientDetailsLabel'>Sign up for regular updates</span><input type='checkbox' name='col_Newsletter' id='col_Newsletter'/></div>";
clientForm += "<div class='clientDetailsTitleRow'><span class='clientDetailsTitle'>Payment Type</span></div>";
//clientForm += "<div class='clientDetailsFormRow'><span class='clientDetailsLabel'>All Major Credit Cards Accepted</span><img src='http://www.perchards.com/images/payment_logos.gif'/></div>";
//clientForm += "<div class='clientDetailsFormRow'><span class='clientDetailsLabel'>Online Payment</span><input type='radio' name='col_Payment' id='col_Payment' value='CreditCard'/></div>";
clientForm += "<div class='clientDetailsFormRow'><span class='clientDetailsLabel'>Invoice</span><input type='radio' name='col_Payment' id='col_Payment' value='Invoice' checked='checked'/></div>";
clientForm += "<div class='clientDetailsFormRow'><p id='error'>There were errors on the form, please make sure all fields are fill out correctly.</p></div>";
clientForm += "</form>";
		    

function startClientDetails() {
	//alert("start additional docs");
	document.getElementById("subscriptionListing").style.display="none";
	document.getElementById("reports").style.display="none";
	//document.getElementById("additionalDocs").style.display="none";
	document.getElementById("summary_docs_group").style.display="block";
	document.getElementById("clientDetails").style.display="block";
	//loadWidget();
	//$("div.dbwidget").html(wg_struct);
	//$("div.dbwidget").html("updated");
	var clientDetailsBackBtn = "<a onclick='startAdditionalDocs()' class='buttonBackActive'>Change Selected Reports</a>";
	$("#buttonBack").html(clientDetailsBackBtn);
	var clientDetailsNextBtn = "<a onclick='submitClientDetailsForm()' class='buttonForwardActive'>Next</a>";
	$("#buttonForward").html(clientDetailsNextBtn);
	$("#progressImage").html("<img src='http://www.perchards.com/uploaded/subscribe-3.png' height='84' width='580' />");
	attachClearForm();
}

function startAdditionalDocs() {
	//alert("start additional docs");
	document.getElementById("subscriptionListing").style.display="none";
	document.getElementById("reports").style.display="block";
	//document.getElementById("additionalDocs").style.display="block";
	document.getElementById("summary_docs_group").style.display="block";
	document.getElementById("clientDetails").style.display="none";
	//loadadditionalDocsWidget();
	loadWidget();
	//$("div.dbwidget").html(wg_struct);
	//$("div.dbwidget").html("updated");
	var additionalDocsBackBtn = "<a onclick='startSelectPackage()' class='buttonBackActive'>Change Selected Package</a>";
	$("#buttonBack").html(additionalDocsBackBtn);
	var additionalDocsNextBtn = "<a onclick='startClientDetails()' class='buttonForwardActive'>Finish and Pay</a>";
	$("#buttonForward").html(additionalDocsNextBtn);
	$("#progressImage").html("<img src='http://www.perchards.com/uploaded/subscribe-2.png' height='84' width='580' />");
}

function startSelectPackage() {
	//alert("start additional docs");
	document.getElementById("subscriptionListing").style.display="block";
	document.getElementById("reports").style.display="none";
	document.getElementById("clientDetails").style.display="none";
	var selectPackageNextBtn = "<a onclick='startAdditionalDocs()' class='buttonForwardActive'>Select additional reports</a>";
	var additionalDocsNextBtn = "<a onclick='startClientDetails()' class='buttonForwardActive'>Finish and Pay</a>";
	$("#buttonForward").html(selectPackageNextBtn);
	$("#buttonForward").append(additionalDocsNextBtn);
	$("#buttonBack").html("");
	$("#progressImage").html("<img src='http://www.perchards.com/uploaded/subscribe-1.png' height='84' width='580' />");
}

function updateSummary(thisInfo) {
	//$("#total").html(thisInfo);
	var hiddenElementName = "hidden_title_"+thisInfo;
	var hiddenElementEur = "hidden_eur_"+thisInfo;
	var selectedPackageTitle = document.getElementById(hiddenElementName).value;
	var selectedPackageEur = document.getElementById(hiddenElementEur).value;
	$("span.selected_package").html(selectedPackageTitle);
	$("span.selected_package").append(": &euro; "+selectedPackageEur+".00");
	
	updatePrice(thisInfo);

	/*PkAddDocsCount = document.getElementById('hidAddDocsCount').value;	
	alert(PkAddDocsCount);
	if (PkAddDocsCount==-1){
		$("#total").html(selectedPackageEur);
	} else {
		var PkCurrentPrice = 0;
		var limit = Number(PkAddDocsCount)+1;
	
		for (var i=0; i < limit; i++){
			//var thisDocEurID = "hidAddDocEur["+addDocsCount+"]";
			alert(limit);
			var thisDocEurID = "hidAddDocEur"+i+"";
			alert(i);
			alert(thisDocEurID);
			PkCurrentPrice = Number(PkCurrentPrice) + Number(document.getElementById(thisDocEurID).value);
			alert(PkCurrentPrice);
		}
		
		var totalPrice = Number(PkCurrentPrice) + Number(selectedPackageEur)
		
		$('#total').html(Number(totalPrice).toFixed(2));
	}*/
	
	var hiddenElementEur = "hidden_eur_"+thisInfo;
	var selectedPackageEur = Number(document.getElementById(hiddenElementEur).value).toFixed(2);

	//$("#total").html(selectedPackageEur);
	/*alert(hiddenElementEur);*/
	document.forms['hiddenForm'].hidPackageID.value = thisInfo;
	form_PackageID = thisInfo;
	document.forms['hiddenForm'].hidPackageName.value = selectedPackageTitle;
	document.forms['hiddenForm'].hidTotalPrice.value = selectedPackageEur;
	/*document.getElementById(hidPackageID).value = thisInfo;
	document.getElementById(hidPackageName).value = selectedPackageTitle;
	document.getElementById(hidTotalPrice).value = selectedPackageEur;*/
	getSelectedPackagePrice();
}

function get_radio_value() {
	for (var i=0; i < document.selectPackage.radio.length; i++){
		if (document.selectPackage.radio[i].checked){
			var rad_val = document.selectPackage.radio[i].value;
			updateSummary(rad_val);
		}
	}
}

$(document).ready(function(){
	
	var curr_location = document.location.href;
	
	function loadSubscriptions()
	{
		$.post("http://www.perchards.com/db_widget_src/getPublicSubscriptions.php", function(data) {
			//alert(data);
			var struct= "";
			struct+="<form id='selectPackage' name='selectPackage'>";
		    struct+="<div class='subscRowHeader'>";
		    struct+="<div class='subs_title'>Subscription Package</div>";
		    struct+="<div class='subs_eur'>Price (Euros)</div>";
		    struct+="<div class='subs_id'>&nbsp;</div>";
		    struct+="</div>";  	
			   var params = data.split('@');
			   var paramslen = params.length -1;
			   for(i=0;i<params.length-1;i++)
			   {
				   var subscription_row = params[i];
				   var subscription_row_columns = subscription_row.split('$');
				   struct+="<div class='subscRow'>";
				   struct+="<div class='subs_title'>"+subscription_row_columns[1]+"<input type='hidden' id='hidden_title_"+subscription_row_columns[0]+"' name='hidden_title_"+subscription_row_columns[0]+"' value= '"+subscription_row_columns[1]+"'></div>";
				   struct+="<div class='subs_eur'>"+Number(subscription_row_columns[2]).toFixed(2)+"<input type='hidden' id='hidden_eur_"+subscription_row_columns[0]+"' name='hidden_eur_"+subscription_row_columns[0]+"' value='"+subscription_row_columns[2]+"'></div>";
				   struct+="<div class='subs_id'><input type='radio' name='radio' id="+subscription_row_columns[0]+" value="+subscription_row_columns[0]+" /></div>";
				   struct+="</div>";  
			   }
			   struct+="<div class='subscRow'>";
			   struct+="<div class='subs_title'>No Package selected<input type='hidden' id='hidden_title_0' name='hidden_title_0' value='No Package selected'></div>";
			   struct+="<div class='subs_eur'>0.00<input type='hidden' id='hidden_eur_0' name='hidden_eur_0' value='0'></div>";
			   struct+="<div class='subs_id'><input type='radio' name='radio' id='0' value='0' /></div>";
			   struct+="</div>"; 
			   struct+="</form>";
			   $("#subscriptionListing").html(struct);
			   
				//$( "input[name='radio']" ).bind( "click", radioClicks )
				$("input[name='radio']").bind('click', function() {
				  get_radio_value();
				});
				//$('input[name=radio]:radio').click(radioClicks());
				//var test=setTimeout("trigger()",1000);
			 });	

		


	}
	
	var signupMain = "";
	
	signupMain +="<div id='progressImage'><img src='http://www.perchards.com/uploaded/subscribe-1.png' height='84' width='580' /></div>";
	signupMain += "<div id='subscriptionListing'>Subs Listing</div>";
	//signupMain += "<div id='additionalDocs' class='adddocwidget' style='display:none' >add doc widget<br/>";
	signupMain += "<div id='reports' class='dbwidget' style='display:none' >add doc widget</div>";
	signupMain += "<div id='clientDetails' style='display:none' >";
	signupMain += clientForm;
	signupMain += "</div>";
	signupMain += "<div class='subs_foot'></div>";
	signupMain += "<div class='subs_summary'>";
	signupMain += "<span class='summary_package'>Selected Package</span>";
	signupMain += "<span class='selected_package'>None</span>";
	signupMain += "<span id='summary_docs_group' style='display:none'>";
	signupMain += "<span class='summary_docs'>Selected Reports</span>";
	signupMain += "<span class='selected_docs'>None</span>";
	signupMain += "<div style='clear:both'>&nbsp;</div>";
	signupMain += "</span>";
	signupMain += "<span class='summaryHr'><hr/></span>";
	signupMain += "<span class='summaryNote'>N.B. UK customers - 20% VAT will be added at checkout.</span><span class='summarytotalBox'>Total: &euro; <span id='total'>0.00</span></span>";
	signupMain += "</div>";
	signupMain += "<div id='signUpNavigation'>";
	signupMain += "<div id='buttonBack'></div>";
	signupMain += "<div id='buttonForward'><a onclick='startAdditionalDocs()' class='buttonForwardActive'>Select additional reports</a><a onclick='startClientDetails()' class='buttonForwardActive'>Finish and Pay</a></div>";
	signupMain += "<div id='signUpNavClr'></div>";
	signupMain += "</div>";
	//signupMain += "<form id='hiddenForm' name='hiddenForm' action='http://www.perchards.com/dev/Test_Payment_Gateway.php' style='display:none' method='post'>";
	//signupMain += "<form id='hiddenForm' name='hiddenForm' action='https://test.sagepay.com/Simulator/VSPFormGateway.asp' style='display:none' method='post'>";
	//signupMain += "<form id='hiddenForm' name='hiddenForm' action='https://test.sagepay.com/Simulator/VSPFormGateway.asp' style='display:block' method='post'>";
	signupMain += "<form id='hiddenForm' name='hiddenForm' action='https://test.sagepay.com/gateway/service/vspform-register.vsp' style='display:none' method='post'>";
	signupMain += "<input id='hidPackageID' name='hidPackageID'>";
	signupMain += "<input id='hidPackageName' name='hidPackageName'>";
	signupMain += "<input id='hidTotalPrice' name='hidTotalPrice'>";
	signupMain += "<input id='hidCompanyName' name='hidCompanyName'>";
	signupMain += "<input id='hidBranch' name='hidBranch'>";
	signupMain += "<input id='hidFirstName' name='hidFirstName'>";
	signupMain += "<input id='hidLastName' name='hidLastName'>";
	//signupMain += "<input id='hidUserName' name='hidUserName'>";
	signupMain += "<input id='hidEmail' name='hidEmail'>";
	signupMain += "<input id='hidPhone' name='hidPhone'>";
	signupMain += "<input id='hidFax' name='hidFax'>";
	signupMain += "<input id='hidMobile' name='hidMobile'>";
	signupMain += "<input id='hidAddress1' name='hidAddress1'>";
	signupMain += "<input id='hidAddress2' name='hidAddress2'>";
	signupMain += "<input id='hidTown' name='hidTown'>";
	signupMain += "<input id='hidCounty' name='hidCounty'>";
	signupMain += "<input id='hidPostcode' name='hidPostcode'>";
	signupMain += "<input id='hidCountry' name='hidCountry'>";
	signupMain += "<input id='hidNewsletter' name='hidNewsletter'>";
	signupMain += "<input id='hidPayment' name='hidPayment' value='Invoice'>";
	signupMain += "<input id='hidClientID' name='hidClientID'>";
	signupMain += "<input id='hidAddDocsCount' name='hidAddDocsCount' value='-1'>";
	signupMain += "<input id='VPSProtocol' name='VPSProtocol' value='2.23'>";
	signupMain += "<input id='TxType' name='TxType' value='PAYMENT'>";
	signupMain += "<input id='Vendor' name='Vendor' value='perchards'>";
	signupMain += "<input id='Crypt' name='Crypt' value=''>";
	signupMain += "</form>";
	signupMain += "<div id='temp'></div>";
	
	//LOAD THE WIDGET
	if (curr_location.indexOf("www.perchards.com") != -1)
	{
		$("div.signup").html(signupMain);
	} else if (curr_location.indexOf("dev.perchards.com") != -1){
		$("div.signup").html(signupMain);
	} else if (curr_location.indexOf("www.perchards.com") != -1){
		$("div.signup").html(signupMain);
	}else{
		$("div.signup").html("<div id='warning'>Invalid web location. This widget is not licenced for this client site.</div>");
	}
	
	if ($(".signup").length > 0){
  		// do something here
		//alert("Subs Page");
		loadSubscriptions();
	}
	


});