// JavaScript Document
	//$(document).ready(function() {


		"use strict";
		function gotop ( ){
			$('html, body').animate({scrollTop: $("#content_wrapper").offset().top}, 500);
		}

		function password_reminder ( ) {
			var action = "forgot_password";
			var sesID = $('#hidden_vars #bskSesID').html();//hmmm
			var dataString = "action="+action+"&sesID="+sesID;

			var result = '';
			var returnAction = '';
			var returnString = '';
			var returnContent = '';

			//$('#register-button').attr('style', 'display:none;');
			//$('#ajax-loader').attr('style', '');
			$('#ch_main').fadeTo(200,0.2); gotop(); $('#uloader').slideDown(); $('#ch_main').css("pointer-events", "none");

			$.ajax({
				type: 'POST',
				url: '../cgi-bin/ajax_basket_manager.pl?',
				cache: false,
				data: dataString,
				error: function (resp){
					result = "error";
				},
				success: function ( resp ){
					result = "success";
					var resp = $(resp);
					returnAction = resp.filter('#returnAction').html();
					returnContent = resp.filter('#wrapper_content').html();
					returnString = resp.filter('#returnString').html();
				},
				complete: function ( ){
					if (returnAction == "forgot_password" && returnContent != ""){
						//location.reload(true); //refresh page.
						$('#uloader').slideUp();
						$("#content_wrapper").html(returnContent);
						//gotop();

					}else{
						window.location = '/';
					}
				}
			});

		}

		function register_next(){

			//get registration html
			var action = "register";
			var sesID = $('#hidden_vars #bskSesID').html();//hmmm
			var dataString = "action="+action+"&sesID="+sesID;

			var result = '';
			var returnAction = '';
			var returnString = '';
			var returnContent = '';

			//hide clicked button
			//show loading gif
			//$('#register-button').attr('style', 'display:none;');
			//$('#ajax-loader-register').attr('style', '');
			$('#ch_main').fadeTo(200,0.2); gotop(); $('#uloader').slideDown(); $('#ch_main').css("pointer-events", "none");


			$.ajax({
				type: 'POST',
				url: '../cgi-bin/ajax_basket_manager.pl?',
				cache: false,
				data: dataString,

				error: function (resp){
					result = "error";
				},
				success: function ( resp ){
					result = "success";

					var resp = $(resp);

					returnAction = resp.filter('#returnAction').html();
					returnContent = resp.filter('#wrapper_content').html();
					returnString = resp.filter('#returnString').html();
				},
				complete: function ( ){
					if (returnAction == "register" && returnContent != ""){ //login or register //address page //delivery type //payment_opts //review
						//location.reload(true); //refresh page.
						$('#uloader').slideUp();
						$("#content_wrapper").html(returnContent);
						//gotop();


					}else{
						window.location = '/';
					}
				}
			});

		}

		//var text = 0;
		function next_login(){
			var memID = $('#hidden_vars #bskMemID').html();
			var registered = $('#hidden_vars #bskMemReg').html();
			var action = "authenticate";	//$('#hidden_vars #bskAction').html(); // i guess this isnt needed, because the action of this function will always be the same
			var sesID = $('#hidden_vars #bskSesID').html();//hmmm
			var bskBskID = $('#hidden_vars #bskBskID').html();
			//var memID = $('#inputs #memID').val();
			//var action = $('#inputs #action').val();

			//action = "authenticate";

			var dataString = 'action='+action+'&memID='+memID+'&sesID='+sesID+'&bskID='+bskBskID;
			var result = '';
			var returnAction = '';
			var returnString = '';
			var returnContent = '';

			//$('#proceed-button-main').attr('style', 'display:none;');
			//$('#ajax-loader-main').attr('style', '');
			//$('#proceed-button').attr('style', 'display:none;');
			//$('#ajax-loader').attr('style', '');
			$('#ch_main').fadeTo(200,0.2); gotop(); $('#uloader').slideDown(); $('#ch_main').css("pointer-events", "none");

			//get currentURL location
			$.ajax({
				type: 'POST',
				url: '../cgi-bin/ajax_basket_manager.pl?',
				cache: false,
				data: dataString,
				error: function (resp){
					result = "error";
				},
				success: function ( resp ) {
					result = "success";
					var resp = $(resp);
					returnAction = resp.filter('#returnAction').html();
					returnContent = resp.filter('#wrapper_content').html();
					returnString = resp.filter('#returnString').html();
				},
				complete: function( ){
					if (returnAction == "login" && returnContent != ""){ //login or register //address page //delivery type //payment_opts //review
						//location.reload(true); //refresh page.
						$('#uloader').slideUp();
						$("#content_wrapper").html(returnContent);
						//gotop();
					}else if (returnAction == "address"){
						$('#uloader').slideUp();
						$("#content_wrapper").html(returnContent);
						//gotop();

						//check if the user is logged in
						$('#login-trigger').html(returnString);
						$('#login-content').html( "" );
						prepare_address_page();

					}else{
						window.location = '/';
					}
				}
			});

		}

	function edit_despatch(){
		if ($('input[name=despatchAsBilling]').is(':checked')){
			$("form[name=despatchAddress]").find('input[type=text], select').each(function(){
				$(this).removeAttr('disabled');
			});
		}else{
			$("form[name=despatchAddress]").find('input[type=text], select').each(function(){
				$(this).attr('disabled', 'true');
			});

			//if it is re-enabled, populate the fields once again with the billing address
			$("form[name=billingAddress]").find('input[type=text]').each(function(){
				var inputName = $(this).attr('name');
				var inputValue = $(this).attr('value');
				$("form[name=despatchAddress]").find("input[name="+inputName+"]").attr("value", inputValue);
			});

			$("form[name=billingAddress]").find('select option:selected').each(function(){
					var inputText = $(this).text();
					var inputValue = $(this).attr('value');

					//remove current selected attribute
					$("form[name=despatchAddress]").find("select option:selected").removeAttr('selected');

					//find the same option value
					$("form[name=despatchAddress]").find("select option[value="+inputValue+"]").attr('selected', true);

			});

		}
	}

	function delivery_next() {
		var action = "update_billing";
		var result = "";
		var memID = $('#hidden_vars #bskMemID').html();
		var registered = $('#hidden_vars #bskMemReg').html();
		var sesID = $('#hidden_vars #bskSesID').html();//hmmm
		var bskBskID = $('#hidden_vars #bskBskID').html();

		if (bskBskID == "0" || bskBskID == undefined || bskBskID == ""){return;}

		var validation = "ok";

		//get billing form and validate
		if ($('form[name=billingAddress]').find('input[name=adrAddressForename]').attr('value') == "" || undefined == $('form[name=billingAddress]').find('input[name=adrAddressForename]').attr('value')){
			//$('form[name=billingAddress]').find('input[name=adrAddressForename]').css({border:'solid red 0.2rem'});
			$('form[name=billingAddress]').find('input[name=adrAddressForename]').addClass("error");

			validation = "fail";
		}

		if ($('form[name=billingAddress]').find('input[name=adrAddressSurname]').attr('value') == "" || undefined ==$('form[name=billingAddress]').find('input[name=adrAddressSurname]').attr('value')){
			$('form[name=billingAddress]').find('input[name=adrAddressSurname]').addClass("error");
			//return;
			validation = "fail";
		}

		if ($('form[name=billingAddress]').find('input[name=adrAddress1]').attr('value') == "" || undefined == $('form[name=billingAddress]').find('input[name=adrAddress1]').attr('value')){
			$('form[name=billingAddress]').find('input[name=adrAddress1]').addClass("error");
			//return;
			validation = "fail";
		}

		if ($('form[name=billingAddress]').find('input[name=adrAddress3]').attr('value') == "" || undefined == $('form[name=billingAddress]').find('input[name=adrAddress3]').attr('value')){
			$('form[name=billingAddress]').find('input[name=adrAddress3]').addClass("error");
			//return;
			validation = "fail";
		}

		if ($('form[name=billingAddress]').find('input[name=adrAddress6]').attr('value') == "" || undefined == $('form[name=billingAddress]').find('input[name=adrAddress6]').attr('value')){
			$('form[name=billingAddress]').find('input[name=adrAddress6]').addClass("error");
			//return;
			validation = "fail";
		}

		if ($('form[name=billingAddress]').find('input[name=adrTelephone]').attr('value') == "" || undefined == $('form[name=billingAddress]').find('input[name=adrTelephone]').attr('value')){
			$('form[name=billingAddress]').find('input[name=adrTelephone]').addClass("error");
			//return;
			validation = "fail";
		}


		//get despatch form and validate
		var despIsSame = "false";
		if (!($('input[name=despatchAsBilling]').is(':checked'))){despIsSame="true";}

		if(despIsSame == "false"){
			// get val and validate

			//get despatch form and validate
			if ($('form[name=despatchAddress]').find('input[name=adrAddressForename]').attr('value') == "" || undefined == $('form[name=despatchAddress]').find('input[name=adrAddressForename]').attr('value')){
				$('form[name=despatchAddress]').find('input[name=adrAddressForename]').addClass("error");
				//return;
				validation = "fail";
			}

			if ($('form[name=despatchAddress]').find('input[name=adrAddressSurname]').attr('value') == "" || undefined == $('form[name=despatchAddress]').find('input[name=adrAddressSurname]').attr('value')){
				$('form[name=despatchAddress]').find('input[name=adrAddressSurname]').addClass("error");
				//return;
			}

			if ($('form[name=despatchAddress]').find('input[name=adrAddress1]').attr('value') == "" || undefined == $('form[name=despatchAddress]').find('input[name=adrAddress1]').attr('value')){
				$('form[name=despatchAddress]').find('input[name=adrAddress1]').addClass("error");
				validation = "fail";
			}

			if ($('form[name=despatchAddress]').find('input[name=adrAddress3]').attr('value') == "" || undefined == $('form[name=despatchAddress]').find('input[name=adrAddress3]').attr('value')){
				$('form[name=despatchAddress]').find('input[name=adrAddress3]').addClass("error");
				validation = "fail";
			}

			if ($('form[name=despatchAddress]').find('input[name=adrAddress6]').attr('value') == "" || undefined == $('form[name=despatchAddress]').find('input[name=adrAddress6]').attr('value')){
				$('form[name=despatchAddress]').find('input[name=adrAddress6]').addClass("error");
				validation = "fail";
			}

			if ($('form[name=despatchAddress]').find('input[name=adrTelephone]').attr('value') == "" || undefined == $('form[name=despatchAddress]').find('input[name=adrTelephone]').attr('value')){
				$('form[name=despatchAddress]').find('input[name=adrTelephone]').addClass("error");
				validation = "fail";
			}

		}else{
			// use the same variables
		}

		if(validation == "fail"){
			$(".ui-messages-error").html("<p>Please fill in highlighted fields before proceeding.</p>");
			$(".ui-messages-error").attr("style", "");
			return;
		}

		//ajax call to update billing
		var adrForename 	= 	$('form[name=billingAddress]').find('input[name=adrAddressForename]').attr('value');
		var adrSurname 		= 	$('form[name=billingAddress]').find('input[name=adrAddressSurname]').attr('value');
		var adrAddress1		=	$('form[name=billingAddress]').find('input[name=adrAddress1]').attr('value');
		var adrAddress2		=	$('form[name=billingAddress]').find('input[name=adrAddress2]').attr('value');
		var adrAddress3		=	$('form[name=billingAddress]').find('input[name=adrAddress3]').attr('value');
		var adrAddress4		=	"";

		if ($('form[name=billingAddress]').find('input[name=adrAddress4]').attr('value') || $('form[name=billingAddress]').find('input[name=adrAddress4]').attr('value') == ""){
			adrAddress4 = $('form[name=billingAddress]').find('input[name=adrAddress4]').attr('value');
		} else {
			adrAddress4 = $('form[name=billingAddress]').find('select[name=adrAddress4] option:selected').attr('value');
		}

		var adrAddress5		=	$('form[name=billingAddress]').find("select[name=adrAddress5] option:selected").attr('value');
		var adrAddress6		=	$('form[name=billingAddress]').find('input[name=adrAddress6]').attr('value');
		var adrTelephone	=	$('form[name=billingAddress]').find('input[name=adrTelephone]').attr('value');

		var returnAction = '';
		var returnString = '';
		var returnContent = '';

		var dataString = "action="+action+"&adrAddressForename="+adrForename+"&adrAddressSurname="+adrSurname+"&adrAddress1="+adrAddress1+"&adrAddress2="+adrAddress2+"&adrAddress3="+adrAddress3+"&adrAddress4="+adrAddress4+"&adrAddress5="+adrAddress5+"&adrAddress6="+adrAddress6+"&adrTelephone="+adrTelephone+'&memID='+memID+'&sesID='+sesID+'&bskID='+bskBskID;

		//$('#proceed-button').attr('style', 'display:none;');
		//$('#ajax-loader').attr('style', '');
		$('#ch_main').fadeTo(200,0.2); gotop(); $('#uloader').slideDown(); $('#ch_main').css("pointer-events", "none");

		$.ajax({
				type: 'POST',
				url: '../cgi-bin/ajax_basket_manager.pl?',
				cache: false,
				data: dataString,
				error: function (resp){
					result = "error";
				},
				success: function ( resp ) {
					result = "success";
					var resp = $(resp);
					returnAction = resp.filter('#returnAction').html();
					returnContent = resp.filter('#wrapper_content').html();
					returnString = resp.filter('#returnString').html();
				},
				complete: function( ){
					if (returnAction != "do_despatch"){ //login or register //address page //delivery type //payment_opts //review
						//location.reload(true); //refresh page.
						alert ("Something has gone wrong, please contact us. We apologise for any inconvenience.");
						window.location = '/';
					}
				}
			});

		//if the code gets here it means returnaction was do_despatch



		//ajax call to update despatch
		if (despIsSame == "false"){
			//get new vars
			adrForename 	= 	$('form[name=despatchAddress]').find('input[name=adrAddressForename]').attr('value');
			adrSurname 		= 	$('form[name=despatchAddress]').find('input[name=adrAddressSurname]').attr('value');
			adrAddress1		=	$('form[name=despatchAddress]').find('input[name=adrAddress1]').attr('value');
			adrAddress2		=	$('form[name=despatchAddress]').find('input[name=adrAddress2]').attr('value');
			adrAddress3		=	$('form[name=despatchAddress]').find('input[name=adrAddress3]').attr('value');
			//adrAddress4		=	$('form[name=despatchAddress]').find('input[name=adrAddress4]').attr('value');
			if ($('form[name=despatchAddress]').find('input[name=adrAddress4]').attr('value') || $('form[name=despatchAddress]').find('input[name=adrAddress4]').attr('value') == ""){
				adrAddress4 = $('form[name=despatchAddress]').find('input[name=adrAddress4]').attr('value');
			} else {
				adrAddress4 = $('form[name=despatchAddress]').find('select[name=adrAddress4] option:selected').attr('value');
			}
			adrAddress5		=	$('form[name=despatchAddress]').find("select[name=adrAddress5] option:selected").attr('value');
			adrAddress6		=	$('form[name=despatchAddress]').find('input[name=adrAddress6]').attr('value');
			adrTelephone	=	$('form[name=despatchAddress]').find('input[name=adrTelephone]').attr('value');
		}

		//if not, then variables are reused
		action = "update_despatch";

		dataString = "action="+action+"&adrAddressForename="+adrForename+"&adrAddressSurname="+adrSurname+"&adrAddress1="+adrAddress1+"&adrAddress2="+adrAddress2+"&adrAddress3="+adrAddress3+"&adrAddress4="+adrAddress4+"&adrAddress5="+adrAddress5+"&adrAddress6="+adrAddress6+"&adrTelephone="+adrTelephone+'&memID='+memID+'&sesID='+sesID+'&bskID='+bskBskID;

		$.ajax({
				type: 'POST',
				url: '../cgi-bin/ajax_basket_manager.pl?',
				cache: false,
				data: dataString,
				dataType: 'text',
				error: function (resp){
					result = "error";
				},
				success: function ( resp ) {
					result = "success";
					var resp = $(resp);
					returnAction = resp.filter('#returnAction').html();
					returnContent = resp.filter('#wrapper_content').html();
					returnString = resp.filter('#returnString').html();
				},
				complete: function( ){
					if (returnAction == "proceed"){ //login or register //address page //delivery type //payment_opts //review
						$('#uloader').slideUp();
						if (returnContent == 'paypal') {
							summary_next('2');
						} else {
							$("#content_wrapper").html(returnContent);
							//gotop();
							prepare_postage_payment_page();
						}
					}else{
						alert ("Something has gone wrong, please contact us. We apologise for any inconvenience.");
						window.location = '/';
					}
				}
			});


	}

	function prepare_address_page (){
		//$(document).ready(function () {
			var lastentry = "";
			$("form[name=billingAddress]").find('select').change(function(){
				if (!($('input[name=despatchAsBilling]').is(':checked'))){

					$('form[name=despatchAddress]').find('select option[value='+$(this).attr('value')+']').attr('selected', true);

				}
			});

			$("form[name=billingAddress]").find('input[type=text]').keyup(function(event){

				if(event.keyCode != 8 && event.keyCode != 9){
					$(this).removeClass('error');
				}

				if (!($('input[name=despatchAsBilling]').is(':checked'))){
					//alert($(this).attr('value'));
					if ($(this).attr('value') != lastentry){
						var newVal = $(this).attr('value');
						if (undefined == newVal){newVal = "";}
						$('form[name=despatchAddress]').find('input[name='+$(this).attr('name')+']').attr('value', newVal);
						lastentry = newVal;
					}

				}
			});



			$("form[name=despatchAddress]").find('input[type=text]').keyup(function(event){
				if(event.keyCode != 8 && event.keyCode != 9){
					$(this).removeAttr('style');
				}
			});


			/* Madhu's Code */
			$('.shield-target').hide();

			$('.close').on('click', function()
			{
			$(this).parent().removeClass('shield-active');
			$(this).removeClass('close');
			});


			$('.shield-trigger').on('click', function()
			{
				$(this).addClass('close');
				$('#wrapper').addClass('shield-active');
				$(this).parent().toggleClass('shield-active');
				var shieldTargetName = $(this).data('shield-target');
				var shieldTarget = '.' + shieldTargetName;
				$(shieldTarget).slideToggle();
				var shieldTriggerName = $(this).data('shield-trigger');
				var shieldTrigger = shieldTriggerName + '-active';
				$('.wrapper').addClass(shieldTrigger);
			});

			$('.address-option input').on('click', function()
			{
					$('.wrapper').toggleClass('extend');
			});

		//});
	}

	function prepare_postage_payment_page (){

		$('#1_message').hide();
		$('#2_message').hide();

		//get active selected postage element
		$('#'+$('input[name=delivery_type]:checked').val()+'_message').show();

		$('input[name=delivery_type]').change(function(){

			var sesID = $('#hidden_vars #bskSesID').html();//hmmm
			var newPostageCost = '';
			var newTotalBasketCost = '';
			var result = '';
			var newCode = this.value;

			var dataString = 'sesID='+sesID+'&delivery_code=' + newCode + '&operation=update_delivery_code';


			$.ajax({

				url: '../cgi-bin/ajax_handler_postage.pl?',
				cache: false,
				data: dataString,
				error: function () {
					result='error'; //reload page if errored
				},
				success: function ( resp ) {
					result='success'; //update values if success
					var resp = $(resp);

					newPostageCost = resp.filter('#new_postage_cost').html();
					newTotalBasketCost = resp.filter('#new_basket_total_cost').html();

				},
				complete: function( ){
					if (result == 'success' && newTotalBasketCost != '' && newPostageCost != ''){
						$('#total_basket_cost').html(newTotalBasketCost);
						$('#total_basket_cost_m').html(newTotalBasketCost);
						$('#total_postage_cost').html(newPostageCost);
						//var totalCost = newTotalBasketCost.substring(1);
						//$('input[name=amount]').val(totalCost);
						$('input[type=radio][name=delivery_type]').each(function(){
								var messageID = $(this).attr('value');
								$('#'+messageID+'_message').hide();
							});
						$('#'+newCode+'_message').show();
					}else{
						window.location = '../cgi-bin/basket_main.pl';
					}
				}
			});

		});
	}

	function apply_voucher ( var1 ){
		var location = var1;
		var memID = $('#hidden_vars #bskMemID').html();
		var action = "apply_voucher"; // i guess this isnt needed, because the action of this function will always be the same
		var sesID = $('#hidden_vars #bskSesID').html();//hmmm
		var voucher = $("input[name=voucher-field]").attr("value");
		var bskBskID = $('#hidden_vars #bskBskID').html();

		if (bskBskID == "0" || bskBskID == undefined || bskBskID == ""){return;}

		var dataString = 'action='+action+'&memID='+memID+'&sesID='+sesID+'&bskID='+bskBskID+'&voucher='+voucher+"&location="+location;
		var result = '';
		var returnAction = '';
		var returnString = '';
		var returnContent = '';
		//$('#voucher-button').attr('style', 'display:none;');
		//$('#ajax-loader-voucher').attr('style', '');
		$('#ch_main').fadeTo(200,0.2); gotop(); $('#uloader').slideDown(); $('#ch_main').css("pointer-events", "none");

		$.ajax({

			url: '../cgi-bin/ajax_basket_manager.pl?',
			cache: false,
			data: dataString,
			error: function () {
				result='error'; //reload page if errored
			},
			success: function ( resp ) {
				result = "success";
					var resp = $(resp);
					returnAction = resp.filter('#returnAction').html();
					returnContent = resp.filter('#wrapper_content').html();
					returnString = resp.filter('#returnString').html();

			},
			complete: function( ){
				if (result == 'success' && returnAction == 'overview'){
					//$("#content_wrapper").html(returnContent);
					show_overview();
				//shield_content();
				}else if (result == 'success' && returnAction == 'summary'){
					summary_next();
				//shield_content();
				}else if (result == 'success' && returnAction == 'error'){

					$('#ch_main').fadeTo(200,1.0); $('#uloader').slideUp(); $('#ch_main').css("pointer-events", "all");
					$(".voucher-amount").html(returnContent);
					$('#voucher-button').attr('style', '');
					//$('#ajax-loader-voucher').attr('style', 'display:none;');
				}else{
					window.location = '../cgi-bin/basket_main.pl';
				}
			}
		});

	}

	function summary_next (pmtVal) {

		var pmtMethod = pmtVal;
		//var selected = "false";
		//validate selected option of payment
		//$('input[name=pmtMethod]').each(function (){

		//	if ($(this).is(':checked')){
		//		selected = "true";
		//		pmtMethod = $(this).val();
		//	}


		//});

		//if (selected == "false"){
		//		alert("Please select payment method");
		//		return;
		//}

		var memID = $('#hidden_vars #bskMemID').html();

		var action = "show_summary"; // i guess this isnt needed, because the action of this function will always be the same
		var sesID = $('#hidden_vars #bskSesID').html();//hmmm

		var bskBskID = $('#hidden_vars #bskBskID').html();

		if (bskBskID == "0" || bskBskID == undefined || bskBskID == ""){return;}
		//var memID = $('#inputs #memID').val();
		//var action = $('#inputs #action').val();

		var dataString = 'action='+action+'&memID='+memID+'&sesID='+sesID+'&bskID='+bskBskID+'&pmtMethod='+pmtMethod;
		var result = '';
		var returnAction = '';
		var returnString = '';
		var returnContent = '';

		//$('#proceed-button').attr('style', 'display:none;');
		//$('#ajax-loader').attr('style', '');
		$('#ch_main').fadeTo(200,0.2); gotop(); $('#uloader').slideDown(); $('#ch_main').css("pointer-events", "none");


		$.ajax({

			url: '../cgi-bin/ajax_basket_manager.pl?',
			cache: false,
			data: dataString,
			error: function () {
				result='error'; //reload page if errored
			},
			success: function ( resp ) {
				result = "success";
					var resp = $(resp);
					returnAction = resp.filter('#returnAction').html();
					returnContent = resp.filter('#wrapper_content').html();
					returnString = resp.filter('#returnString').html();

			},
			complete: function( ){
				if (result == 'success' && returnAction == 'proceed'){
					$('#uloader').slideUp();
					$("#content_wrapper").html(returnContent);

					if ($('#hidden_vars #bskBskID').html() !== returnString && returnString !== ""){
						$('#hidden_vars #bskBskID').html(returnString);
					}

					//gotop();
					prepare_summary_page();
					shield_content();
				}else{
					window.location = '../cgi-bin/basket_main.pl';
				}
			}
		});


	}


	function prepare_summary_page() {
		$('#1_message').hide();
		$('#2_message').hide();
	}

	function pay_next() {
		var action = "payment";
		var sesID = $('#hidden_vars #bskSesID').html();//hmmm

		var bskBskID = $('#hidden_vars #bskBskID').html();

		if (bskBskID == "0" || bskBskID == undefined || bskBskID == ""){return;}

		var memID = $('#hidden_vars #bskMemID').html();

		var dataString = 'action='+action+'&memID='+memID+'&sesID='+sesID+'&bskID='+bskBskID;

		var result = '';
		var returnAction = '';
		var returnString = '';
		var returnContent = '';

		//$('#proceed-button-main').attr('style', 'display:none;');
		//$('#ajax-loader-main').attr('style', '');
		//$('#proceed-button').attr('style', 'display:none;');
		//$('#ajax-loader').attr('style', '');
		$('#ch_main').fadeTo(200,0.2); gotop(); $('#uloader').slideDown(); $('#ch_main').css("pointer-events", "none");


		$.ajax({

			url: '../cgi-bin/ajax_basket_manager.pl?',
			cache: false,
			data: dataString,
			error: function () {
				result='error'; //reload page if errored
			},
			success: function ( resp ) {
				result = "success";
					var resp = $(resp);
					returnAction = resp.filter('#returnAction').html();
					returnContent = resp.filter('#wrapper_content').html();
					returnString = resp.filter('#returnString').html();

			},
			complete: function( ){
				if (result == 'success' && returnAction == 'worldpay'){
					//$('#uloader').slideUp();
					$("#content_wrapper").append(returnContent);
					//submit form
					$('form[name=cpiForm]').submit();

					//$('#proceed-button-main').attr('style', '');
					//$('#ajax-loader-main').attr('style', 'display:none;');
					//$('#proceed-button').attr('style', '');
					//$('#ajax-loader').attr('style', 'display:none;');
				}else if (result == 'success' && returnAction == 'paypal'){
					//$('#uloader').slideUp();
					$("#content_wrapper").append(returnContent);
					//submit form
					$('form[name=cpiForm]').submit();

					//$('#proceed-button-main').attr('style', '');
					//$('#ajax-loader-main').attr('style', 'display:none;');
					//$('#proceed-button').attr('style', '');
					//$('#ajax-loader').attr('style', 'display:none;');
				}else {
					window.location = '../cgi-bin/basket_main.pl';
				}
			}
		});


	}

	function show_overview(){
		var action = "overview";
		var sesID = $('#hidden_vars #bskSesID').html();//hmmm

		var bskBskID = $('#hidden_vars #bskBskID').html();

		var memID = $('#hidden_vars #bskMemID').html();

		var dataString = 'action='+action+'&memID='+memID+'&sesID='+sesID+'&bskID='+bskBskID;

		var result = '';
		var returnAction = '';
		var returnString = '';
		var returnContent = '';

		$.ajax({

			url: '../cgi-bin/ajax_basket_manager.pl?',
			cache: false,
			data: dataString,
			error: function () {
				result='error'; //reload page if errored
			},
			success: function ( resp ) {
				result = "success";
					var resp = $(resp);
					returnAction = resp.filter('#returnAction').html();
					returnContent = resp.filter('#wrapper_content').html();
					returnString = resp.filter('#returnString').html();

			},
			complete: function( ){
				if (result == 'success' && returnAction == 'proceed'){

					$('#uloader').slideUp();
					$("#content_wrapper").html(returnContent);
					$('#hidden_vars #bskBskID').html(returnString);

					prepare_postage_payment_page();
					prepare_quantity();
					shield_content();
				}else {
alert(result);
//					window.location = '/';
				}
			}
		});

	}

	function remove_voucher (var1, var2){
		var voucher = var1;
		var location = var2
		var action = "remove_voucher";
		var sesID = $('#hidden_vars #bskSesID').html();//hmmm

		var bskBskID = $('#hidden_vars #bskBskID').html();

		if (bskBskID == "0" || bskBskID == undefined || bskBskID == ""){return;}

		var memID = $('#hidden_vars #bskMemID').html();

		var dataString = 'action='+action+'&memID='+memID+'&sesID='+sesID+'&bskID='+bskBskID+"&voucher="+voucher+"&location="+location;

		var result = '';
		var returnAction = '';
		var returnString = '';
		var returnContent = '';

		//$("#remove-voucher").hide();
		//$("#ajax-loader-voucher-remove").show();
		$('#ch_main').fadeTo(200,0.2); gotop(); $('#uloader').slideDown(); $('#ch_main').css("pointer-events", "none");

		$.ajax({

			url: '../cgi-bin/ajax_basket_manager.pl?',
			cache: false,
			data: dataString,
			error: function () {
				result='error'; //reload page if errored
			},
			success: function ( resp ) {
				result = "success";
					var resp = $(resp);
					returnAction = resp.filter('#returnAction').html();
					returnContent = resp.filter('#wrapper_content').html();
					returnString = resp.filter('#returnString').html();

			},
			complete: function( ){
				if (result == 'success' && returnAction == 'overview'){
					//$("#remove-voucher").show();
					//$("#ajax-loader-voucher-remove").hide();
					//location.reload(true);
					show_overview();
				//shield_content();
				}else if(result == 'success' && returnAction == 'summary'){
					summary_next();
				//shield_content();
				}else{
					alert("Something has gone wrong. Please contact us at info@penwizard.co.uk");
					location.reload(true);
				}
			}
		});
	}


	function prepare_quantity (){
		$("select[name^=quantity]").change(function(){
			var itemID = this.name.split("_")[1];
			var quantity = this.value;
			var action = "quantity";
			var sesID = $('#hidden_vars #bskSesID').html();//hmmm

			var bskBskID = $('#hidden_vars #bskBskID').html();

			if (bskBskID == "0" || bskBskID == undefined || bskBskID == ""){return;}

			var memID = $('#hidden_vars #bskMemID').html();

			var dataString = 'action='+action+'&memID='+memID+'&sesID='+sesID+'&bskID='+bskBskID+"&qItemID="+itemID+"&quantity="+quantity;

			var result = '';
			var returnAction = '';
			var returnString = '';
			var returnContent = '';
			$('#ch_main').fadeTo(200,0.2); gotop(); $('#uloader').slideDown(); $('#ch_main').css("pointer-events", "none");

			//$("#quantity-item-"+itemID).show();

			$.ajax({

				url: '../cgi-bin/ajax_basket_manager.pl?',
				cache: false,
				data: dataString,
				error: function () {
					result='error'; //reload page if errored
				},
				success: function ( resp ) {
					result = "success";
						var resp = $(resp);
						returnAction = resp.filter('#returnAction').html();
						returnContent = resp.filter('#wrapper_content').html();
						returnString = resp.filter('#returnString').html();

				},
				complete: function( ){
					if (result == 'success' && returnAction == 'success'){
						//$("#content_wrapper").html(returnContent);
						//$("quantity-item-"+item).hide();
						show_overview();
					//shield_content();
						//location.reload(true);
					}else{
						location.reload(true);
					}
				}
			});

		});
	}

	function delete_item(dItem) {
		var item = dItem;
		var action = "deleteItem";
		var sesID = $('#hidden_vars #bskSesID').html();//hmmm

		var bskBskID = $('#hidden_vars #bskBskID').html();

		if (bskBskID == "0" || bskBskID == undefined || bskBskID == ""){return;}

		var memID = $('#hidden_vars #bskMemID').html();

		var dataString = 'action='+action+'&memID='+memID+'&sesID='+sesID+'&bskID='+bskBskID+"&deleteItem="+item;

		var result = '';
		var returnAction = '';
		var returnString = '';
		var returnContent = '';

		//$("#delete-item-"+item).show();
		$('#ch_main').fadeTo(200,0.2); gotop(); $('#uloader').slideDown(); $('#ch_main').css("pointer-events", "none");

		$.ajax({

			url: '../cgi-bin/ajax_basket_manager.pl?',
			cache: false,
			data: dataString,
			error: function () {
				result='error'; //reload page if errored
			},
			success: function ( resp ) {
				result = "success";
					var resp = $(resp);
					returnAction = resp.filter('#returnAction').html();
					returnContent = resp.filter('#wrapper_content').html();
					returnString = resp.filter('#returnString').html();

			},
			complete: function( ){
				if (result == 'success' && returnAction == 'success'){
					//$("#content_wrapper").html(returnContent);
					//$("delete-item-"+item).hide();
					show_overview();
				//shield_content();
					//location.reload(true);
				}
			}
		});

	}

	function basket_stage () {
		location.reload(true);
	}

	function delivery_stage () {

		var action = "delivery_stage";
		var sesID = $('#hidden_vars #bskSesID').html();//hmmm

		var bskBskID = $('#hidden_vars #bskBskID').html();

		if (bskBskID == "0" || bskBskID == undefined || bskBskID == ""){return;}

		var memID = $('#hidden_vars #bskMemID').html();

		var dataString = 'action='+action+'&memID='+memID+'&sesID='+sesID+'&bskID='+bskBskID;

		var result = '';
		var returnAction = '';
		var returnString = '';
		var returnContent = '';

		$('#ch_main').fadeTo(200,0.2); gotop(); $('#uloader').slideDown(); $('#ch_main').css("pointer-events", "none");

		$.ajax({

			url: '../cgi-bin/ajax_basket_manager.pl?',
			cache: false,
			data: dataString,
			error: function () {
				result='error'; //reload page if errored
			},
			success: function ( resp ) {
				result = "success";
					var resp = $(resp);
					returnAction = resp.filter('#returnAction').html();
					returnContent = resp.filter('#wrapper_content').html();
					returnString = resp.filter('#returnString').html();

			},
			complete: function( ){
				if (result == 'success' && returnAction == 'proceed'){

					$('#uloader').slideUp();
					$("#content_wrapper").html(returnContent);
					//gotop();
					//location.reload(true);
					prepare_postage_payment_page();
				}else{
					window.location = "/";
				}
			}
		});

	}

	function shield_content() {
		/* Madhu's Code */
			$('.shield-target').hide();

			$('.close').on('click', function(event)
			{
				event.preventDefault();
				$(this).parent().removeClass('shield-active');
				$(this).removeClass('close');
			});


			$('.shield-trigger').on('click', function(event)
			{
				event.preventDefault();
				$(this).addClass('close');
				$('#wrapper').addClass('shield-active');
				$(this).parent().toggleClass('shield-active');
				var shieldTargetName = $(this).data('shield-target');
				var shieldTarget = '.' + shieldTargetName;
				$(shieldTarget).slideToggle();
				var shieldTriggerName = $(this).data('shield-trigger');
				var shieldTrigger = shieldTriggerName + '-active';
				$('.wrapper').addClass(shieldTrigger);
			});

			$('.address-option input').on('click', function(event)
			{
				event.preventDefault();
				$('.wrapper').toggleClass('extend');
			});
	}