(:html:)
<!-- nosso estilo <link rel="stylesheet" type="text/css" href="http://lfa.if.usp.br/previsao/styles.css"/>
<!-- Google API necessaria para o calendario --> <script type="text/javascript" src="http://lfa.if.usp.br/previsao/jquery.min.js"></script> <script type="text/javascript" src="http://lfa.if.usp.br/previsao/jquery-ui.min.js"></script>
<!-- Calendario --> <script type="text/javascript" src="http://lfa.if.usp.br/previsao/datepicker.js" ></script>
<!-- Troca de imagens --> <script type="text/javascript" src="http://lfa.if.usp.br/previsao/figuras.js" ></script>
<!-- teste --> <body onLoad="InitAnimation(1,73,'gif',511,504)">
<div id="myforms">
<table style="border:0; width:100%; align:center; bordercolor:#FFFFFF; background-color:#FFFFFF">
<tr><td colspan="3" style="align:center;">
<form name="select_form" style="border:0px; background-color:#FFFFFF;">
Date:
<input type="text" name="dtHoje" id="datepicker" value="Select date" size="11"
onchange="launch(document.select_form.sform.options[document.select_form.sform.selectedIndex].value,
document.select_form.dtHoje.value,'wrf10km')"/>
Variable:
<select name="sform" onchange="launch(document.select_form.sform.options[document.select_form.sform.selectedIndex].value,
document.select_form.dtHoje.value,'wrf10km')">
<option value="zz_"> Select field</option>
<option value="prec/chwrfd3">Precipitation and 10m wind</option>
<option value="temp/tewrfd3">2m Temperature and Surface pressure </option>
<option value="umid/umwrfd3">2m Relative humidity and 10m winds </option>
<option value="wind/wswrfd3">Max. Veloc. do Vento e Vetor Vento 10m</option>
<option value="v1000/v1wrfd3">Winds at 1000 hPa</option>
<option value="v850/v8wrfd3">Winds at 850 hPa</option>
<option value="v700/v7wrfd3">Winds at 700 hPa</option>
<option value="v500/v5wrfd3">Winds at 500 hPa</option>
<option value="vjato/vjwrfd3">Winds at 250 hPa</option>
<option value="v200/v2wrfd3">Winds and divergency at 200 hPa</option>
<option value="role/rowrfd3">Longwage radiation</option>
<option value="co2qui/o2wrfd3">CO2 - Carbon Dioxide</option>
<option value="coqui/cowrfd3">CO - Carbon Monoxide</option>
<option value="noqui/nowrfd3">NO - Nitric Oxide</option>
<option value="o3qui/o3wrfd3">O3 - Ozone</option>
<option value="ch4qui/h4wrfd3">CH4 - Methane</option>
</select>
</form>
</td></tr>
<tr><td colspan="3" style="align:center;">
<img name="animation" src="
0" width="682" height="630" align="center">
</td></tr>
<tr><td colspan="3" style="align:center;">
<form name="control_form" style="border:0px; background-color:#FFFFFF;">
<font size="3">Image:</font>
<font size="3"><input name="frame_nr" value="1" size="2" type="text" /></font>
</form>
</td></tr>
<tr>
<td style="width:32%; align:center; ">
<p align="center"><font size="3">Animation Control:</font></p>
<p align="center" style="text-align: center">
<a href="javascript: func()" onclick="rev1(document.select_form.sform.options[document.select_form.sform.selectedIndex].value)"> <img src="
REV" border="0" height="31" width="31" /></a>
<a href="javascript: func()" onclick="stop()"> <img src="
STOP" border="0" height="31" width="31" /></a>
<a href="javascript: func()" onclick="fwd(document.select_form.sform.options[document.select_form.sform.selectedIndex].value)"> <img src="
FWD" border="0" height="31" width="31" /></a>
</p>
</td>
<td style="width:32%; align:center; ">
<p align="center"><font size="3">Speed Control:</font></p>
<p align="center" style="text-align: center">
<a href="javascript: func()" onclick="change_speed(delay_step)"> <img src="
--" border="0" height="31" width="31" /> </a>
<a href="javascript: func()" onclick="change_speed(-delay_step)"> <img src="
++" border="0" height="31" width="31" /></a>
</p>
</td>
<td style="width:32%; align:center; ">
<p align="center"><font size="3">Manual Control:</font></p>
<p align="center" style="text-align: center">
<a href="javascript: func()" onclick="decrementImage(--current_image)"> <img src="
-1" border="0" height="31" width="31" /></a>
<a href="javascript: func()" onclick="incrementImage(++current_image)"> <img src="
+1" border="0" height="31" width="31" /></a>
</p>
</td>
</tr>
</table> </div>
(:htmlend:)