<!--.a {border:000000 solid 1px;background: white;filter: alpha(opacity=70);} --><!--.h1 {	font-family: Arial, Verdana, Helvetica, sans-serif;	font-size: 12px;	color: #F16D9F;	line-height: 13pt;	text-align:left;	font-weight: bold;}--><!--.producttitle {	font-family: Arial, Verdana, Helvetica, sans-serif;	font-size: 14px;	color: #000000;	line-height: 13pt;	font-weight: bold;}--><!--.body {	font-family: verdana, arial;	font-size: 8pt;	font-weight: normal;   line-height: 13pt;	color: #000000;	text-decoration: bold;}--><!--.body2 {	font-family: verdana, arial;	font-size: 8pt;	font-weight: normal;   line-height: 13pt;	color: #F16D9F;	text-decoration: bold;}--><!--.body3 {	font-family: verdana, arial;	font-size: 10pt;	font-weight: normal;   line-height: 13pt;	color: #F16D9F;	text-decoration: bold;}--><!--.body4 {	font-family: verdana, arial;	font-size: 10pt;	font-weight: normal;   line-height: 13pt;	color: #FFFFFF;	text-decoration: bold;}--><!--.body5 {	font-family: verdana, arial;	font-size: 9pt;	font-weight: normal;   line-height: 13pt;	color: #FFFFFF;	text-decoration: bold;}--><!--.body6 {	font-family: verdana, arial;	font-size: 7pt;	font-weight: normal;   line-height: 13pt;	color: #E5E5E5;	text-decoration: bold;}--><!--.bodybut {	font-family: calibri, arial;	font-size: 9pt;	font-weight: normal;   line-height: 13pt;	color: #E5E5E5;	text-decoration: bold;}--><!--.body7 {	font-family: verdana, arial;	font-size: 7pt;	font-weight: normal;   line-height: 13pt;	color: #000000;	text-decoration: bold;}--><!--.pricelrg {	font-family: verdana, arial;	font-size: 16pt;	font-weight: normal;   line-height: 17pt;	color: #000000;	text-decoration: bold;}--><!--.output{ font-family:Arial; font-size: 10pt; color:black; padding-left: 3px; padding-top: 3px; border: 1px solid #666; width: 300px; background: #fff;}.shadow{ width:0px; position:relative; top: 2px; left: 2px; background: #999;}.shadow div{ position:relative; top: -2px; left: -2px;}--><!-- var suggestions = new Array(<% =winelist %>); var outp; var oldins; var posi = -1; var words = new Array(); var input; var key;  function setVisible(visi){  var x = document.getElementById("shadow");  var t = document.getElementsByName("text")[0];  x.style.position = 'absolute';  x.style.top =  (findPosY(t)+3)+"px";  x.style.left = (findPosX(t)+2)+"px";  x.style.visibility = visi; }  function init(){  outp = document.getElementById("output");  window.setInterval("lookAt()", 100);  setVisible("hidden");  document.onkeydown = keygetter; //needed for Opera...  document.onkeyup = keyHandler; }  function findPosX(obj) {  var curleft = 0;  if (obj.offsetParent){   while (obj.offsetParent){    curleft += obj.offsetLeft;    obj = obj.offsetParent;   }  }  else if (obj.x)   curleft += obj.x;  return curleft; }  function findPosY(obj) {  var curtop = 0;  if (obj.offsetParent){   curtop += obj.offsetHeight;   while (obj.offsetParent){    curtop += obj.offsetTop;    obj = obj.offsetParent;   }  }  else if (obj.y){   curtop += obj.y;   curtop += obj.height;  }  return curtop; }  function lookAt(){  var ins = document.getElementsByName("text")[0].value;  if (oldins == ins) return;  else if (posi > -1);  else if (ins.length > 0){   words = getWord(ins);   if (words.length > 0){    clearOutput();    for (var i=0;i < words.length; ++i) addWord (words[i]);    setVisible("visible");    input = document.getElementsByName("text")[0].value;   }   else{    setVisible("hidden");    posi = -1;   }  }  else{   setVisible("hidden");   posi = -1;  }  oldins = ins; }  function addWord(word){  var sp = document.createElement("div");  sp.appendChild(document.createTextNode(word));  sp.onmouseover = mouseHandler;  sp.onmouseout = mouseHandlerOut;  sp.onclick = mouseClick;  outp.appendChild(sp); }  function clearOutput(){  while (outp.hasChildNodes()){   noten=outp.firstChild;   outp.removeChild(noten);  }  posi = -1; }  function getWord(beginning){  var words = new Array();  for (var i=0;i < suggestions.length; ++i){   var j = -1;   var correct = 1;   while (correct == 1 && ++j < beginning.length){    if (suggestions[i].charAt(j) != beginning.charAt(j).toLowerCase())    {    if (suggestions[i].charAt(j) != beginning.charAt(j).toUpperCase())    correct = 0;    }   }   if (correct == 1) words[words.length] = suggestions[i];  }  return words; }  function setColor (_posi, _color, _forg){  outp.childNodes[_posi].style.background = _color;  outp.childNodes[_posi].style.color = _forg; }  function keygetter(event){  if (!event && window.event) event = window.event;  if (event) key = event.keyCode;  else key = event.which; }   function keyHandler(event){  if (document.getElementById("shadow").style.visibility == "visible"){  var textfield = document.getElementsByName("text")[0];  if (key == 40){ //Key down   //alert (words);   if (words.length > 0 && posi < words.length-1){    if (posi >=0) setColor(posi, "#fff", "black");    else input = textfield.value;    setColor(++posi, "red", "white");    textfield.value = outp.childNodes[posi].firstChild.nodeValue;   }  }  else if (key == 38){ //Key up   if (words.length > 0 && posi >= 0){    if (posi >=1){     setColor(posi, "#fff", "black");     setColor(--posi, "red", "white");     textfield.value = outp.childNodes[posi].firstChild.nodeValue;    }    else{     setColor(posi, "#fff", "black");     textfield.value = input;     textfield.focus();     posi--;    }   }  }  else if (key == 27){ // Esc   textfield.value = input;   setVisible("hidden");   posi = -1;   oldins = input;  }  else if (key == 8){ // Backspace   posi = -1;   oldins=-1;  }  } }  var mouseHandler=function(){  for (var i=0; i < words.length; ++i)   setColor (i, "white", "black");   this.style.background = "#682539";  this.style.color= "white"; }  var mouseHandlerOut=function(){  this.style.background = "white";  this.style.color= "black"; }  var mouseClick=function(){  document.getElementsByName("text")[0].value = this.firstChild.nodeValue;  setVisible("hidden");  posi = -1;  oldins = this.firstChild.nodeValue; }//--> A:link, A:active	{	text-decoration	:	none;	font-weight            :         800;	color		:	#F16D9F;	background	:	transparent;	}A:visited 	{   	text-decoration	:	none; 	font-weight            :         800;   	color		:	#F16D9F;   	background	:	transparent; 	}		A:hover 	{    	text-decoration	:	none; 	color		:	#6495ED;	background	:	transparent;	}	.whtext A:link, A:active	{	text-decoration	:	none;	font-weight            :         800;	color		:	#F16D9F;	background	:	transparent;	}.whtext A:visited 	{   	text-decoration	:	none;    	font-weight            :         800;   	color		:	#FFFFFF;   	background	:	transparent; 	}		.whtext A:hover 	{    	text-decoration	:	none; 	color		:	#F16D9F;	background	:	transparent;	}