<html>
<head>
<title>Kansas Comet + Sunroof Example</title>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery-json.js"></script>
<script type="text/javascript" src="js/kansas-comet.js"></script>
<link type="text/css" href="css/ui-lightness/jquery-ui.css" rel="Stylesheet" />
<script type="text/javascript" src="js/jquery-ui.js"></script>
</head>
<body>
<div align="center" style="border: 1px solid; padding: 10px; display: inline-block; line-height: 3em;">
<button id="reset" class="click">Reset</button>
<button id="down" class="click">-1</button>
<button id="up" class="click">+1</button>
<br/>
<span id="fib-out" style="font-size: x-large;" class="click">fib 0 = 1</span>
<br/>
<div id="slider" style="width: 200px" class="slide"></div>
</div>
<!-- Canvas Experiement: See the 'canvas' example
<hr>
<canvas id="canvas" style="padding: 0px; margin: 0px; border: solid 1px black" width="200" height="200">
</canvas>
<hr>
-->
</div>
<div id="no-debug-log"></div>
<script type="text/javascript">
$(document).ready(function() {
// $.kc.register("body","slide",function (t,e,aux) { return { id : "slider", value : aux.value };});
// $.kc.register("body","click",function (t,e,a) { return { id : $(t).attr('id') };});
$.kc.connect("/ajax");
$("button").button();
$( "#slider" ).slider({
range: "min",
value: 0,
min: 0,
max: 25
});
// main();
});
</script>
</body>
</html>