#* linter-disable *#
<script>
	function renderPredictionsGotene(data, container) {
		jsondata = JSON.parse(data);

		var s = '<ul>';
		for (var i = 0; i < jsondata.predictions.length; i++) {
			var title = jsondata.predictions[i].title;
			var url = jsondata.predictions[i].url;
			s += '<li>';
			s += '<a href="' + url + '" title="' + title + '">';
			s += '<svg class="lp-icon" aria-hidden="true" xmlns="http://www.w3.org/2000/svg">';
			s += '<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/webdav/files/system/svg/lp-icons.svg#lp-forward-filled"></use>';
			s += '</svg>';
			s += '<span>' + title + '</span>';
			s += '</a>';
			s += '</li>';
		}
		s += '</ul>';

		$svjq(container).parent().find('.lp-startpage-menu-backup').remove();
		$svjq(container).html(s);
	}

	svDocReady(function() {
		// If rek dont load
		setTimeout(function() {
			$svjq('.lp-startpage-menu-backup').show();
			$svjq('.ek-prediction').hide();
		}, 1000);
	});
</script>

<nav class="lp-startpage-menu" aria-label="Översiktsmeny" id="topmenu">
   <ul>
      #foreach ($mainPage in $pages)
        #if($!{mainPage.uri} != '/index.html')
            <li>
                <a href="$!{mainPage.uri}" title="" class="subheading"><svg class="lp-icon" aria-hidden="true" role="none" xmlns="http://www.w3.org/2000/svg"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/webdav/files/system/svg/lp-icons.svg#lp-forward-filled"></use></svg><span>$!{mainPage.title}</span></a>

                ## Transforms "/barnomsorgochskola.9.html" to "/barnomsorgochskola/"
                #set ($subtree = $!{mainPage.uri})
                #set ($subtree = $subtree.substring(0, $subtree.indexOf('.')))
                #set ($subtree = $subtree + '/')
                <div class="rek-prediction" data-nrofhits="3" data-subtree="$subtree" data-callback="renderPredictionsGotene" data-excludetree="nyheter" data-srek="af1fd446"></div>

				## Falback if rek dont work
				<ul class="lp-startpage-menu-backup" style="display:none">
					#foreach ($subPage in $mainPage.children)
						<li>
							<a href="$!{subPage.uri}" title=""><svg class="lp-icon" aria-hidden="true" role="none" xmlns="http://www.w3.org/2000/svg"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/webdav/files/system/svg/lp-icons.svg#lp-forward-filled"></use></svg><span>$!{subPage.title}</span></a>
						</li>
					#end
				</ul>

            </li>
        #end
      #end
   </ul>
</nav>
