Klarna Checkout -kiitossivu

{Helper(
	file: 'checkout/header',
	or: '<h1>Header not found. Add header to "/checkout/header.html"</h1>'
)}
<div id="MultiPageCheckout" class="clearfix">

	<div id="KlarnaThanksHeader" class="clearfix">
		<h1>{%Hi}{OrderFirstName(before:'&nbsp;')},</h1>

		<p class="Big">{%KlarnaCheckoutThanks} <a id="KlarnaCheckoutThanksLink" href="/checkout/thanks/{TransactionHash}"><strong>{%KlarnaCheckoutGoToSummary}</strong></a>.</p>

		{CheckoutRegistrationForm(
			before: '
				<p class="Big">
					{%CheckoutThanksRegistration} {%CheckoutThanksRegistrationSubscriptions}
				</p>
				<p class="Big">
					<a class="Button" title="{%CheckoutCreateAccount}" id="DisplayCheckoutForm" href="#CheckoutThanksRegistrationForm">{%CheckoutCreateAccount}</a>
				</p>
				<form action="/account/register/" method="post" id="CheckoutThanksRegistrationForm" class="BlockForm">
					<p>{%CheckoutCreateAccountInfo}</p>
			',
			after: '<div class="FormItem FormSubmit">
						<button type="submit" class="SubmitButton">{%CheckoutCreateAccount}</button>
					</div>
				</form>'
		)}

		<div id="MarketingPermissions">{MarketingPermissions}</div>

	</div>

	<div id="KlarnaCheckoutWrapper">
		{KlarnaCheckout}
	</div>

</div>
<script type="text/javascript">
	// Making the Klarna Checkout more plug and play.
	// Adding of essential scripts and dictionary variables.

	(function() {
		function contentLoaded(win, fn) {
			/*!
			 * contentloaded.js
			 *
			 * Author: Diego Perini (diego.perini at gmail.com)
			 * Summary: cross-browser wrapper for DOMContentLoaded
			 * Updated: 20101020
			 * License: MIT
			 * Version: 1.2
			 *
			 * URL:
			 * http://javascript.nwbox.com/ContentLoaded/
			 * http://javascript.nwbox.com/ContentLoaded/MIT-LICENSE
			 *
			 */

			// @win window reference
			// @fn function reference

			var done = false, top = true,

			doc = win.document,
			root = doc.documentElement,
			modern = doc.addEventListener,

			add = modern ? 'addEventListener' : 'attachEvent',
			rem = modern ? 'removeEventListener' : 'detachEvent',
			pre = modern ? '' : 'on',

			init = function(e) {
				if (e.type == 'readystatechange' && doc.readyState != 'complete') return;
				(e.type == 'load' ? win : doc)[rem](pre + e.type, init, false);
				if (!done && (done = true)) fn.call(win, e.type || e);
			},

			poll = function() {
				try { root.doScroll('left'); } catch(e) { setTimeout(poll, 50); return; }
				init('poll');
			};

			if (doc.readyState == 'complete') fn.call(win, 'lazy');
			else {
				if (!modern && root.doScroll) {
					try { top = !win.frameElement; } catch(e) { }
					if (top) poll();
				}
				doc[add](pre + 'DOMContentLoaded', init, false);
				doc[add](pre + 'readystatechange', init, false);
				win[add](pre + 'load', init, false);
			}
		}

		var MIN_JQUERY_VERSION = 1.7;

		function loadScript(scriptSrc, callback) {
			var script = document.createElement('script');
			script.src = scriptSrc;
			script.async = false;

			script.onload = script.onreadystatechange = function() {
				if (typeof jQuery === 'undefined') {
					// Polling for IE7.
					var timer = null;
					var timeout = setTimeout(function () {
						clearInterval(timer);
					}, 10000);
					timer = setInterval(function () {
						if (typeof jQuery === 'function') {
							clearTimeout(timeout);
							clearInterval(timer);
							callback && callback();
						}
					}, 250);
				} else {
					callback && callback();
				}
			};

			document.getElementsByTagName('head')[0].appendChild(script);
		};

		// Loads jQuery on demand.
		function loadJqueryDeps() {
			var mcf = window.mcf || {};
			mcf.Lang = mcf.Lang || {};
			mcf.Lang.CommentSaved = '{\%CheckoutSuccessCommentSaved}';

			var jqueryDefined = (typeof jQuery !== 'undefined');
			if (!jqueryDefined || parseFloat(jQuery.fn.jquery) < MIN_JQUERY_VERSION) {
				// Load jQuery first, then load Klarna.
				loadScript('//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js', loadKlarnaDeps);
			} else {
				// Load Klarna.
				loadKlarnaDeps();
			}
		}

		// Loads Klarna plugin on demand.
		function loadKlarnaDeps() {
			if (typeof mcf.initKlarnaCheckout !== 'function') {
				loadScript('{ThemeUrl}/js/mcf.klarnacheckout.js', function() {
					mcf.initKlarnaCheckout();
				});
			} else {
				mcf.initKlarnaCheckout();
			}
		}

		contentLoaded(window, loadJqueryDeps);
	})();
</script>
{Helper(
	file:'checkout/footer',
	or: '<h1>Footer not found. Add footer to "/checkout/footer.html"</h1>'
)}