(function(w, scriptStatus, apiUrl, clientId, inlineCSS, innerHTML, allowedOrigin) {
    if (!w.skolon) {
  	w.skolon = {}
  }
  if (!w.skolon.plugin) {
  	w.skolon.plugin = {}
  }
  if (!w.skolon.plugin.AppPicker) {
  	w.skolon.plugin.AppPicker = function(options) {

  		// Define option defaults
	    var defaults = {
	    	pickedAppCallback: function() {},
	    	cancelCallback: function() {},
	    	hideCloseButton: false
	    /*
	      className: 'fade-and-drop',
	      closeButton: true,
	      maxWidth: 600,
	      minWidth: 280,
	      overlay: true
	    */
	    }

	    // Create options by extending defaults with the passed in arugments
	    if (arguments[0] && typeof arguments[0] === "object") {
	      this.options = extendDefaults(defaults, arguments[0]);
	    }


		  // Utility method to extend defaults with user options
		  function extendDefaults(source, properties) {
		    var property;
		    for (property in properties) {
		      if (properties.hasOwnProperty(property)) {
		        source[property] = properties[property];
		      }
		    }
		    return source;
		  }

			var skolonAjax = {};
			skolonAjax.x = function () {
			    if (typeof XMLHttpRequest !== 'undefined') {
			        return new XMLHttpRequest();
			    }
			    var versions = [
			        "MSXML2.XmlHttp.6.0",
			        "MSXML2.XmlHttp.5.0",
			        "MSXML2.XmlHttp.4.0",
			        "MSXML2.XmlHttp.3.0",
			        "MSXML2.XmlHttp.2.0",
			        "Microsoft.XmlHttp"
			    ];

			    var xhr;
			    for (var i = 0; i < versions.length; i++) {
			        try {
			            xhr = new ActiveXObject(versions[i]);
			            break;
			        } catch (e) {
			        }
			    }
			    return xhr;
			};

			skolonAjax.send = function (url, callback, method, data, headers, async, withCredentials) {
			    if (async === undefined) {
			        async = true;
			    }
			    var x = skolonAjax.x();
			    x.open(method, url, async);
			    x.onreadystatechange = function () {
			        if (x.readyState == 4) {
			            callback(x.responseText, x.status);
			        }
			    };
				x.withCredentials = withCredentials ? withCredentials : false;
			    if (method == 'POST') {
			        x.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');
			    }
			    if (headers) {
			    	for (var i in headers) {
			    		x.setRequestHeader(i, headers[i]);
			    	}
				}
			    x.send(data)
			};

			skolonAjax.get = function (url, data, headers, callback, async, withCredentials) {
			    var query = [];
			    for (var key in data) {
			        query.push(encodeURIComponent(key) + '=' + encodeURIComponent(data[key]));
			    }
			    url = url + (query.length ? '?' + query.join('&') : '');
			    skolonAjax.send(url, callback, 'GET', null, headers, async, withCredentials)
			};

			skolonAjax.post = function (url, data, headers, callback, async) {
			    var query = [];
			    for (var key in data) {
			        query.push(encodeURIComponent(key) + '=' + encodeURIComponent(data[key]));
			    }
			    ajax.send(url, callback, 'POST', query.join('&'), headers, async)
			};

			function popupCenter(url, title, w, h) {
			    // Fixes dual-screen position                         Most browsers      Firefox
			    var dualScreenLeft = window.screenLeft != undefined ? window.screenLeft : screen.left;
			    var dualScreenTop = window.screenTop != undefined ? window.screenTop : screen.top;

			    var width = window.innerWidth ? window.innerWidth : document.documentElement.clientWidth ? document.documentElement.clientWidth : screen.width;
			    var height = window.innerHeight ? window.innerHeight : document.documentElement.clientHeight ? document.documentElement.clientHeight : screen.height;

			    var left = ((width / 2) - (w / 2)) + dualScreenLeft;
			    var top = ((height / 2) - (h / 2)) + dualScreenTop;
			    var newWindow = window.open(url, title, 'scrollbars=yes, width=' + w + ', height=' + h + ', top=' + top + ', left=' + left);

			    // Puts focus on the newWindow
			    if (newWindow && window.focus) {
			        newWindow.focus();
			    }
			    return newWindow;
			}

			var menuButton = null;
			var isSetup = false;

			if (window.Element && !Element.prototype.closest) {
			    Element.prototype.closest =
			    function(s) {
			        var matches = (this.document || this.ownerDocument).querySelectorAll(s),
			            i,
			            el = this;
			        do {
			            i = matches.length;
			            while (--i >= 0 && matches.item(i) !== el) {};
			        } while ((i < 0) && (el = el.parentElement));
			        return el;
			    };
			}

			var overlay = null;
			var that = this;

			function setupFontFace() {
				// Fonts only need to be loaded once, no matter how many instances are created
				if (w.skolon.plugin.AppPicker.fontIsSetup) {
					return;
				}

				w.skolon.plugin.AppPicker.fontIsSetup = true;

				var fontFaceStyle = document.createElement("style");
				fontFaceStyle.type = 'text/css';

				if (fontFaceStyle.styleSheet) {
					fontFaceStyle.styleSheet.cssText = inlineCSS;
				} else {
					fontFaceStyle.appendChild(document.createTextNode(inlineCSS));
				}

				document.head.appendChild(fontFaceStyle);
			};

		 	var setupSkolonMenuButton = function() {
		 		if (isSetup) {
		 			return;
		 		}
		 		isSetup = true;

				setupFontFace();

				var classNames = ['skolon-plugin'];

				menuButton = document.createElement('iframe');
				menuButton.className = classNames.join(' ');
				menuButton.sandbox = 'allow-storage-access-by-user-activation allow-scripts allow-same-origin allow-popups allow-forms';
				menuButton.src = apiUrl+'v1/plugins/appPickerModal?client_id=' + clientId;
				menuButton.style.display = 'none';

				document.body.appendChild(menuButton);

				overlay = document.createElement('div');
				overlay.className = 'skolon-overlay';
				document.body.appendChild(overlay);
			}

			var closeSkolonMenu = function(e, notCancelled) {
				menuButton.style.display = "none";
			  	overlay.style.display = "none";
			  	window.removeEventListener("click", toggleSkolonMenu);
				window.removeEventListener('message', messageListener);
			  	if (!notCancelled) {
			  		that.options.cancelCallback();
			  	}
			}

			var toggleSkolonMenu = function(e) {
				if (e.target.closest(".skolon-selectable-meta") || menuButton.contains(e.target)) {
					return;
				}
				closeSkolonMenu(e);
			}

			var openSkolonAppSearch = function() {
				setupSkolonMenuButton();

				addEventListener('message', messageListener);

				if (menuButton.style.display === 'block') {
					menuButton.style.display = "none";
					window.removeEventListener("click", toggleSkolonMenu);
				} else {
					menuButton.style.display = "block";
					overlay.style.display = "block";

					setTimeout(function() {
						window.addEventListener("click", toggleSkolonMenu, false);
					}, 500);
				}
			}

			function messageListener(event) {
				if (event.origin !== allowedOrigin) {
					return;
				}

				if (!event.data) {
					return;
				}

				var data = JSON.parse(event.data);

				if (data.type === 'close') {
					closeSkolonMenu();
				} else if (data.type === 'selectApp') {
					that.options.pickedAppCallback(data.app);
					closeSkolonMenu(this, true);
				}
			}

			return {
				open: openSkolonAppSearch.bind(this),
				close: closeSkolonMenu.bind(this, null, true)
			}
		};
  } // end if
    })(window, {"status":"NO_AUTHENTICATED_USER"}    , 'https://api.skolon.com/', '1QKopAdjkfxc5cvHrrOcKDMQH4CegEQo', "@charset \"UTF-8\";@font-face {  font-family: 'Lato';  font-style: normal;  font-weight: 400;  src: url('https://skolon-public.objects.dc-sto1.glesys.net/fonts/lato-v20-latin-ext_latin-regular.woff2') format('woff2'), url('https://skolon-public.objects.dc-sto1.glesys.net/fonts/lato-v20-latin-ext_latin-regular.woff') format('woff');  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */}/* lato-700 - latin-ext_latin */@font-face {  font-family: 'Lato';  font-style: normal;  font-weight: 700;  src: url('https://skolon-public.objects.dc-sto1.glesys.net/fonts/lato-v20-latin-ext_latin-700.woff2') format('woff2'), url('https://skolon-public.objects.dc-sto1.glesys.net/fonts/lato-v20-latin-ext_latin-700.woff') format('woff');  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */}[class^=skolon-arr-] {  border: solid currentColor;  border-width: 0 0.2em 0.2em 0;  display: inline-block;  padding: 0.2em;  margin-bottom: 0.1em;}.skolon-arr-right {  transform: rotate(-45deg);  -webkit-transform: rotate(-45deg);}.skolon-arr-left {  transform: rotate(135deg);  -webkit-transform: rotate(135deg);}.skolon-arr-up {  transform: rotate(-135deg);  -webkit-transform: rotate(-135deg);}.skolon-arr-down {  transform: rotate(45deg);  -webkit-transform: rotate(45deg);}.skolon-overlay {  display: none;  position: fixed;  top: 0;  left: 0;  width: 100%;  height: 100%;  z-index: 100;  background-color: rgba(111, 111, 111, 0.5);}.skolon-plugin {  z-index: 101;  border: none;  width: 720px;  max-width: 100%;  height: 520px;  max-height: 100%;  position: fixed;  top: 50%;  left: 50%;  -webkit-transform: translate(-50%, -50%);  -moz-transform: translate(-50%, -50%);  -ms-transform: translate(-50%, -50%);  -o-transform: translate(-50%, -50%);  transform: translate(-50%, -50%);}.skolon-menu-button-dropdown {  z-index: 101;  text-align: left;  font-size: 13px;  color: #000;  text-transform: none;  line-height: normal;  /*cursor: pointer;*/  width: 720px;  max-width: 100%;  height: 520px;  max-height: 100%;  position: fixed;  top: 50%;  left: 50%;  -webkit-transform: translate(-50%, -50%);  -moz-transform: translate(-50%, -50%);  -ms-transform: translate(-50%, -50%);  -o-transform: translate(-50%, -50%);  transform: translate(-50%, -50%);  background-color: #FFF;  -webkit-border-radius: 3px;  -moz-border-radius: 3px;  -ms-border-radius: 3px;  border-radius: 3px;  -webkit-box-shadow: 0 3px 6px 0 #aaa;  -moz-box-shadow: 0 3px 6px 0 #aaa;  box-shadow: 0 3px 6px 0 #aaa;  font-family: 'Lato', 'Arial', 'Verdana', 'sans-serif';  /*	&::after {		bottom: 100%;		right: 14px;		border: solid transparent;		content: ' ';		height: 0;width: 0;		position: absolute;		pointer-events: none;		border-color: rgba(255,255,255,0);		border-bottom-color: #fff;		border-width: 6px;		margin-left: -6px;		right: auto;		left: 50%;	}	*/}.skolon-menu-button-dropdown .skolon-close-button {  float: right;  font-size: 20px;  line-height: 14px;  font-weight: bold;  cursor: pointer;}.skolon-menu-button-dropdown .skolon-close-button:after {  content: '×';}.skolon-menu-button-dropdown .skolon-plugin-button {  text-decoration: none;  color: #FFF;  border: 1px solid #ccc;  border-radius: 3px;  padding: 4px 10px;  font-size: 14px;  cursor: pointer;  background: #077087;  /*#f1f1f1;*/  display: inline-block;}.skolon-menu-button-dropdown .skolon-plugin-button:hover {  background: #309AB0;}.skolon-menu-button-dropdown .skolon-plugin-button:disabled {  background: #999;}.skolon-menu-button-dropdown .skolon-abort-button {  float: right;}.skolon-menu-button-dropdown .skolon-search-bar {  background-color: #e6e6e6;  padding: 18px;  margin: 0;  -webkit-box-shadow: inset 0 3px 6px 0 #aaa;  -moz-box-shadow: inset 0 3px 6px 0 #aaa;  box-shadow: inset 0 3px 6px 0 #aaa;}.skolon-menu-button-dropdown .skolon-search-bar .skolon-search-input {  width: 220px;  font-size: 12px;  padding: 7px;  border: none;  border-radius: 4px 0 0 4px;  vertical-align: top;}.skolon-menu-button-dropdown .skolon-search-bar .skolon-search-button {  padding: 5px 14px;  padding-bottom: 6px;  border-radius: 0;  vertical-align: middle;}.skolon-menu-button-dropdown .skolon-search-bar .skolon-search-button i {  font-size: 16px;}.skolon-menu-button-dropdown h1 {  font-size: 24px;  margin: 10px 16px;  color: #077087;}.skolon-menu-button-dropdown .skolon-top-container {  padding: 10px;  border-bottom: 1px solid #CCC;}.skolon-menu-button-dropdown .skolon-top-container .skolon-avatar {  position: relative;  display: inline-block;  vertical-align: middle;  height: 50px;  width: 50px;  background-size: 50px;  text-align: left;  -webkit-border-radius: 25px;  -moz-border-radius: 25px;  -ms-border-radius: 25px;  border-radius: 25px;}.skolon-menu-button-dropdown .skolon-top-container .skolon-user-container {  display: inline-block;  vertical-align: middle;  padding-left: 12px;}.skolon-menu-button-dropdown .skolon-top-container .skolon-name {  font-weight: bold;  font-size: 15px;}.skolon-menu-button-dropdown .skolon-top-container .skolon-role {  font-size: 13px;  color: #999;}.skolon-menu-button-dropdown .skolon-mid-container {  overflow: auto;  height: 338px;  overflow-x: hidden;  position: relative;}.skolon-menu-button-dropdown .skolon-mid-container .skolon-inner-mid {  margin: 10px;  height: 318px;  overflow: auto;}.skolon-menu-button-dropdown .skolon-mid-container .skolon-app-card {  width: 64px;  display: inline-block;  padding: 4px 10px;  margin: 8px;  text-decoration: none;  color: #666;  -webkit-border-radius: 4px;  -moz-border-radius: 4px;  -ms-border-radius: 4px;  border-radius: 4px;}.skolon-menu-button-dropdown .skolon-mid-container .skolon-app-card.skolon-active {  background-color: #cde2e7;}.skolon-menu-button-dropdown .skolon-mid-container .skolon-app-card .skolon-app-card-image {  height: 64px;  width: 64px;  background-size: contain;  display: inline-block;  background-repeat: no-repeat;  background-position: center;}.skolon-menu-button-dropdown .skolon-mid-container .skolon-app-card .skolon-app-card-title {  font-size: 12px;  text-align: center;  white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;}.skolon-menu-button-dropdown .skolon-mid-container .skolon-app-meta-overlay {  position: absolute;  top: 0;  left: 0;  padding: 20px;  bottom: 0;  right: 0;  background-color: #FFF;}.skolon-menu-button-dropdown .skolon-mid-container .skolon-app-meta-overlay .skolon-app-meta-header {  display: block;  text-decoration: none;  color: #666;}.skolon-menu-button-dropdown .skolon-mid-container .skolon-app-meta-overlay .skolon-app-meta-header .skolon-app-meta-back {  position: fixed;  bottom: 60px;  z-index: 10;  font-size: 18px;  /*				    display: block;				    vertical-align: middle;				    margin-right: 10px;				    */  padding-left: 30px;}.skolon-menu-button-dropdown .skolon-mid-container .skolon-app-meta-overlay .skolon-app-meta-header .skolon-app-meta-back .skolon-back-btn {  background-image: url(https://api.skolon.com/static/plugins/back-icon.png);  background-repeat: no-repeat;  background-size: 22px;  background-position: center;  position: absolute;  left: 0px;  top: 0px;  bottom: 0px;  width: 30px;}.skolon-menu-button-dropdown .skolon-mid-container .skolon-app-meta-overlay .skolon-app-meta-header .skolon-app-meta-icon {  height: 64px;  width: 64px;  background-size: contain;  display: inline-block;  background-repeat: no-repeat;  background-position: center;  vertical-align: middle;}.skolon-menu-button-dropdown .skolon-mid-container .skolon-app-meta-overlay .skolon-app-meta-header .skolon-app-meta-title {  font-size: 20px;  text-align: center;  white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;  display: inline-block;  vertical-align: middle;  margin-left: 20px;}.skolon-menu-button-dropdown .skolon-mid-container .skolon-app-meta-overlay .skolon-app-meta-card {  position: relative;  width: 206px;  display: inline-block;  margin: 10px;  text-decoration: none;  color: #666;  -webkit-box-shadow: 0 3px 6px 0 #aaa;  -moz-box-shadow: 0 3px 6px 0 #aaa;  box-shadow: 0 3px 6px 0 #aaa;}.skolon-menu-button-dropdown .skolon-mid-container .skolon-app-meta-overlay .skolon-app-meta-card.skolon-active {  background-color: #137086;  color: #FFF;}.skolon-menu-button-dropdown .skolon-mid-container .skolon-app-meta-overlay .skolon-app-meta-card:hover {  background-color: #cde2e7;}.skolon-menu-button-dropdown .skolon-mid-container .skolon-app-meta-overlay .skolon-app-meta-card .skolon-app-meta-card-title {  padding: 10px 10px;  margin-right: 20px;  font-size: 13px;  text-align: left;  white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;}.skolon-menu-button-dropdown .skolon-mid-container .skolon-app-meta-overlay .skolon-app-meta-card .skolon-app-meta-card-arrow {  background-color: #eee;  background-image: url(https://api.skolon.com/static/plugins/small-arrow-r.png);  background-repeat: no-repeat;  background-size: 12px;  background-position: center;  position: absolute;  right: 0px;  top: 0px;  bottom: 0px;  width: 30px;}.skolon-menu-button-dropdown .skolon-mid-container .login-button {  text-decoration: none;  color: #FFF;  border: 1px solid #ccc;  border-radius: 3px;  padding: 4px 10px;  font-size: 14px;  background: #077087;  display: inline-block;}.skolon-menu-button-dropdown .skolon-mid-container .login-button:hover {  background: #309AB0;}.skolon-menu-button-dropdown .skolon-bottom-container {  border-top: 1px solid #CCC;  padding: 9px;}.skolon-menu-button-dropdown .skolon-bottom-container a {  color: #000;  text-decoration: none;  color: #000;  text-decoration: none;  float: right;}.skolon-menu-button-dropdown .skolon-bottom-container a:hover {  background-color: #f5f5f5;}.skolon-menu-button .skolon-menu-button-dropdown::after {  left: auto;  right: 19px;}", '    <div class="skolon-menu-button-dropdown">        <div class="skolon-top-container">            <div class="skolon-close-button"></div>            <h1>Infoga verktyg med Skolon</h1>        </div>        <form class="skolon-search-bar">            <input type="search" class="skolon-search-input" placeholder="Sök verktyg" /><button class="skolon-search-button skolon-plugin-button">Sök</button>        </form>        <div class="skolon-mid-container">            <div class="skolon-inner-mid">            </div>        </div>        <div class="skolon-bottom-container">            <button class="skolon-plugin-button skolon-attach-button" disabled="disabled">Infoga<span class="skolon-attach-name"></span></button>            <button class="skolon-plugin-button skolon-abort-button">Avbryt</button>        </div>    </div>    ', 'https://api.skolon.com');