#(navigation)#
::
<h3 style="padding-left:25px;">Domains</h3>
<div>
<ul style="padding-left: 0px;">
#{domains}#
<li>#[domain]#</li>
#{/domains}#
</ul></div>
#(/navigation)#
<h3 style="padding-left:25px;">Topics</h3>
<div><ul style="padding-left: 0px;">#{words}#
<li><a href="yacysearch.html?search=#[newsearch]#&amp;Enter=Search&amp;count=#[count]#&amp;offset=#[offset]#&amp;resource=#[resource]#&amp;contentdom=#[contentdom]#&amp;display=#[display]#">#[word]#</a></li>
#{/words}#</ul></div>
<h3 style="padding-left:25px;">Timeline</h3>
<div>
<p>
<input type="text" id="min" size="7" style="text-align:left; border:0; color:#f6931f; font-weight:bold;" />
&nbsp;
<input type="text" id="max" size="7" style="text-align:right; border:0; color:#f6931f; font-weight:bold;" />
</p>
<p>
<div id="slider-range" style="margin-left:-10px;"></div>
</p>
</div>
<script>
$("#slider-range").slider({
	range: true,
	min: 1999,
	max: 2009,
	values: [2001, 2005],
	slide: function(event, ui) {
		$("#min").val($("#slider-range").slider("values", 0));
		$("#max").val($("#slider-range").slider("values", 1));
	}
});
$("#min").val($("#slider-range").slider("values", 0));
$("#max").val($("#slider-range").slider("values", 1));
</script>