■<!--//
////////////////////////////////////////////////////////////////////////////////
//
// Copyright ⌐ 2013 addgadgets.com All rights reserved.
//
// http://addgadgets.com/
//
////////////////////////////////////////////////////////////////////////////////
//-->
<html xmlns:v="urn:schemas-microsoft-com:vml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Unicode">
<title>Weather Meter</title>
<link href="gadget.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" language="javascript" src="gadget.js"></script>
<style>
v\:* { behavior: url(#default#VML); }
</style>
</head>
<body onLoad="onLoad();">
<g:background id="background"/>
<div id="backgc" style="position:absolute;"></div>
<div><img id="blackwhite" src="blackwhite.png" style="position:absolute;"/></div>
<div id="meter" style="position:absolute;font-weight:bold;text-align:center;cursor:pointer;" onClick="show_flyout();">Weather Meter</div>
<div><img id="weatherIconImg" style="position:absolute;visibility:hidden;cursor:pointer;" onClick="show_flyout();"/></div>
<div id="temperature" style="position:absolute;font-weight:bold;text-align:right;"></div>
<img id="refresh" src="refresh.png" style="position:absolute;cursor:pointer;" OnClick="src='refresh3.png';refreshButton();" title="Refresh" onMouseOver="src='refresh2.png'" onMouseOut="src='refresh.png'">
<div id="tempMinMax" style="position:absolute;text-align:right;"></div>
<div id="feelsLike" style="position:absolute;text-align:right;"></div>
<div id="weatherDesc" style="position:absolute;overflow:hidden;text-align:right;"></div>
<div id="cityName" style="position:absolute;overflow:hidden;text-align:right;"></div>
<div id="humidity" style="position:absolute;">Humidity:</div>
<div id="visibility" style="position:absolute;">Visibility:</div>
<div id="pressure" style="position:absolute;">Pressure:</div>
<v:shape id="pressuregraph" style="position:absolute;" filled="false" strokeweight="1pt" coordorigin="0 0"/>
<div id="windSpeed" style="position:absolute;">Wind:</div>
<div><img id="arrowDir" style="position:absolute;"/></div>
<div id="windDir" style="position:absolute;"></div>
<div id="cloudcover" style="position:absolute;">Cloud Cover:</div>
<div id="precip" style="position:absolute;">Precipitation:</div>
<div id="sunrise" style="position:absolute;">Sunrise:</div>
<div id="sunset" style="position:absolute;">Sunset:</div>
<div id="dayLength" style="position:absolute;">Day Length:</div>
<div><img id="sunlin" src="sunline.png" style="position:absolute;visibility:hidden;"/></div>
<div><img id="sunDir" src="sun.png" style="position:absolute;visibility:hidden;"/></div>
<div id="sunDeg" style="position:absolute;text-align:center;"></div>
<div id="moonrise" style="position:absolute;">Moonrise:</div>
<div id="moonset" style="position:absolute;">Moonset:</div>
<div id="moonphase" style="position:absolute;"></div>
<div><img id="moonImg" style="position:absolute;visibility:hidden;"/></div>
<div id="hr1" style="position:absolute;"></div>
<div id="lastupdate" style="position:absolute;">Last Update:</div>
<div id="error" style="position:absolute;text-align:center;"></div>
<div id="newUpdate" style="position:absolute;visibility:hidden;text-align:center;"></div>
</body>
</html>