Forecast

WRF-10km

(: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=" border=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=" alt=REV" border="0" height="31" width="31" /></a> 
        <a href="javascript: func()" onclick="stop()"> <img src=" alt=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=" alt=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=" alt=--" border="0" height="31" width="31" /> </a> 
        <a href="javascript: func()" onclick="change_speed(-delay_step)"> <img src=" alt=++" 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=" alt=-1" border="0" height="31" width="31" /></a> 
        <a href="javascript: func()" onclick="incrementImage(++current_image)"> <img src=" alt=+1" border="0" height="31" width="31" /></a>
      </p>
    </td>
  </tr>

</table> </div>

(:htmlend:)