document.write('<div class="javascript" style="font-family: monospace;"><span style="color: #003366; font-weight: bold;">function</span> init <span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span> <span style="color: #66cc66;">&#123;</span><br />');
document.write('&nbsp; &nbsp; <span style="color: #000066; font-weight: bold;">if</span><span style="color: #66cc66;">&#40;</span>!document.<span style="color: #006600;">getElementById</span><span style="color: #66cc66;">&#41;</span> <span style="color: #000066; font-weight: bold;">return</span> <span style="color: #003366; font-weight: bold;">false</span>;<br />');
document.write('&nbsp; &nbsp; <span style="color: #003366; font-weight: bold;">var</span> kiloField = document.<span style="color: #006600;">getElementById</span><span style="color: #66cc66;">&#40;</span><span style="color: #3366CC;">\'kilos\'</span><span style="color: #66cc66;">&#41;</span>,mileField = document.<span style="color: #006600;">getElementById</span><span style="color: #66cc66;">&#40;</span><span style="color: #3366CC;">\'miles\'</span><span style="color: #66cc66;">&#41;</span>;<br />');
document.write('&nbsp; &nbsp; kiloField.<span style="color: #006600;">onchange</span> = <span style="color: #003366; font-weight: bold;">function</span><span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span> <span style="color: #66cc66;">&#123;</span>kilo2mile<span style="color: #66cc66;">&#40;</span><span style="color: #000066; font-weight: bold;">this</span>,mileField<span style="color: #66cc66;">&#41;</span>;<span style="color: #66cc66;">&#125;</span>;<br />');
document.write('<span style="color: #66cc66;">&#125;</span><br />');
document.write('<br />');
document.write('<span style="color: #009900; font-style: italic;">/* AddIfValid function lifted from<br />');
document.write('http://help.lockergnome.com/lofiversion/index.php/t33046.html<br />');
document.write('then extended to include isNaN */</span><br />');
document.write('<span style="color: #003366; font-weight: bold;">function</span> AddIfValid<span style="color: #66cc66;">&#40;</span>field<span style="color: #66cc66;">&#41;</span> <span style="color: #66cc66;">&#123;</span><br />');
document.write('&nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #000066; font-weight: bold;">if</span> <span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#40;</span>field.<span style="color: #006600;">value</span>.<span style="color: #006600;">length</span> == <span style="color: #CC0000;">0</span><span style="color: #66cc66;">&#41;</span> || <span style="color: #66cc66;">&#40;</span>field.<span style="color: #006600;">value</span> == <span style="color: #003366; font-weight: bold;">null</span><span style="color: #66cc66;">&#41;</span> || isNaN<span style="color: #66cc66;">&#40;</span>field.<span style="color: #006600;">value</span><span style="color: #66cc66;">&#41;</span><span style="color: #66cc66;">&#41;</span> <span style="color: #66cc66;">&#123;</span><br />');
document.write('&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #000066; font-weight: bold;">return</span> <span style="color: #CC0000;">0</span>;<br />');
document.write('&nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #66cc66;">&#125;</span> <span style="color: #000066; font-weight: bold;">else</span> <span style="color: #66cc66;">&#123;</span><br />');
document.write('&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #000066; font-weight: bold;">return</span> <span style="color: #000066; font-weight: bold;">eval</span><span style="color: #66cc66;">&#40;</span>field.<span style="color: #006600;">value</span><span style="color: #66cc66;">&#41;</span>;<br />');
document.write('&nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #66cc66;">&#125;</span><br />');
document.write('<span style="color: #66cc66;">&#125;</span><br />');
document.write('<br />');
document.write('<span style="color: #003366; font-weight: bold;">function</span> kilo2mile <span style="color: #66cc66;">&#40;</span>kiloField,mileField<span style="color: #66cc66;">&#41;</span> <span style="color: #66cc66;">&#123;</span><br />');
document.write('&nbsp; &nbsp; <span style="color: #003366; font-weight: bold;">var</span> tmpVal = <span style="color: #CC0000;">0</span>;<br />');
document.write('&nbsp; &nbsp; &nbsp; &nbsp; tmpVal = parseFloat<span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#40;</span>AddIfValid<span style="color: #66cc66;">&#40;</span>kiloField<span style="color: #66cc66;">&#41;</span> * <span style="color: #CC0000;">62.137</span><span style="color: #66cc66;">&#41;</span> /<span style="color: #CC0000;">100</span><span style="color: #66cc66;">&#41;</span>;<br />');
document.write('&nbsp; &nbsp; &nbsp; &nbsp; mileField.<span style="color: #006600;">value</span> = tmpVal.<span style="color: #006600;">toFixed</span><span style="color: #66cc66;">&#40;</span><span style="color: #CC0000;">2</span><span style="color: #66cc66;">&#41;</span>;<br />');
document.write('<span style="color: #66cc66;">&#125;</span><br />');
document.write('<br />');
document.write('window.<span style="color: #000066;">onload</span> = init;</div>');
document.write('<br />&nbsp;<br /><div style="font-size: 12px">Brought to you by the community at <a href="http://www.bytemycode.com/snippets/snippet/68/1/" target="_blank">byteMyCode</a>.</div>');
