<?xml version="1.0" encoding="UTF-8" ?>
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
		<script src="/cone/js/jquery-1.11.1.min.js" type="text/javascript"></script>
		<script src="./js/jquery.suggest.js" type="text/javascript"></script>
		<script src="./js/jquery.dimensions.js" type="text/javascript"></script>
		<link href="./js/jquery.suggest.css" rel="stylesheet" type="text/css" />
		<title>CONE 4 JQuery</title>
	</head>
	<body id="body" lang="en">
		<h1>CONE 4 JQuery</h1>
		<form name="form1" method="get">
			Enter query string:
			<input class="languageSuggest" id="test1" size="100"/>
			<select id="lang" onchange="document.getElementById('body').lang = this.options[this.selectedIndex].value">
				<option value="en">Default (English)</option>
				<option value="en">English</option>
				<option value="de">Deutsch</option>
				<option value="fr">Français</option>
			</select>
		</form>
		<script type="text/javascript">
			$(".languageSuggest").suggest("languages/query",{ onSelect: function() {alert("You selected: " + this.getResultID())}});
		</script>
	</body>
</html>