<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link media="screen" type="text/css" href="css/widget.css" rel="stylesheet" />
<link media="screen" type="text/css" href="css/themes/start/ui.all.css" rel="stylesheet" title="start"/>
<link media="screen" type="text/css" href="css/themes/base/ui.all.css" rel="alternate stylesheet" title="base"/>
<link media="screen" type="text/css" href="css/themes/humanity/ui.all.css" rel="alternate stylesheet" title="humanity"/>
<link media="screen" type="text/css" href="css/themes/cupertino/ui.all.css" rel="alternate stylesheet" title="cupertino"/>
<link media="screen" type="text/css" href="css/themes/redmond/ui.all.css" rel="alternate stylesheet" title="redmond"/>
<link media="screen" type="text/css" href="css/themes/smoothness/ui.all.css" rel="alternate stylesheet" title="smoothness"/>
<link media="screen" type="text/css" href="css/themes/darkness/ui.all.css" rel="alternate stylesheet" title="darkness"/>
<script src="js/jquery-1.3.1.min.js" type="text/javascript"></script>
<script src="js/jquery.ui.all.min.js" type="text/javascript"></script>
<script src="js/jquery.query.js" type="text/javascript""></script>
<script src="js/jquery.form.js" type="text/javascript"></script>
<script src="js/jquery.field.min.js" type="text/javascript"></script>
<script src="js/jquery-faviconize-1.0.js" type="text/javascript"></script>
<script src="js/jquery.serialScroll-min.js" type="text/javascript"></script>
<script src="js/jquery.scrollTo-min.js" type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
$(document).ready(function() {
var style = $.query.get('style');
if (style) { switchStylestyle(style); }
var height = $.query.get('height');
if (!height) { height = 600; }
var width = $.query.get('width');
if (!width) { width = 400; }
var size = $.query.get('fontsize');
if (size) {
$('body').removeClass();
switch(size) {
case 'normal':
$('body').addClass('normal');
break;
case 'small':
$('body').addClass('small');
break;
case 'big':
$('body').addClass('big');
break;
}
}
$("#yresult").dialog({
autoOpen: false,
height: height,
width: width,
position: ['top',50],
modal: false,
resizable: true,
buttons: {
Close: function() { $("#yresult").dialog("close"); }
}
});
$('#yresult').serialScroll({
items:'div',
force:true,
cycle:true,
axis:'y',
easing:'linear',
lazy:true,
interval:1500,
step:1
});
/* Load Search Result */
$('#searchbox').keyup(function() {
if (!$("#yresult").dialog('isOpen')) {
$("#yresult").dialog('open');
}
$("#search").focus();
var param = [
{ name : 'maximumRecords', value : '100' }
,{ name : 'verify', value : 'false' }
,{ name : 'resource', value : 'local' }
,{ name : 'search', value : $("#searchbox input[name='search']").getValue()}
];
$.ajax({
type: 'GET',
url: '/yacysearch.json',
data: param,
dataType: 'json',
success: function(data){
$("#yresult").empty();
$.each (
data.channels[0].items,
function(i,item) {
if (item) {
$("#yresult").append("<div><a class='favicon' target='_blank' href='"+item.link+"'><p class='linktitle'>"+item.title+"</p><p class='url'>"+item.link+"</p></a></div>")
}
}
);
$("a.favicon").faviconize({
position: "before",
defaultImage: "img-2/article.png",
className: "favicon"
});
$("#yresult").trigger('start');
}
});
});
$('#searchbox').submit(function() {
return false;
});
});
function switchStylestyle(styleName) {
$('link[rel*=style][title]').each(function(i)
{
this.disabled = true;
if (this.getAttribute('title') == styleName) this.disabled = false;
});
}
//]]>
</script>
<title>YaCy-UI Widget</title>
</head>
<body class="normal">
<div class="yform">
<form id="searchbox" class="small" method="get" accept-charset="UTF-8" action="jQuery">
<input id="search" name="search" type="text" size="15" maxlength="80" value=""/>
</form>
</div>
<!-- Search Result -->
<div id="yresult" title="YaCy P2P Web Search" style="overflow: hidden;">
</div>
</body>
</html>