<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta http-equiv="Content-Language" content="it" />
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<meta http-equiv="refresh" content="300;url=boxsite.php" />

<title>Marineometeo.it</title>

<script type="text/javascript">

    var x = 60;
    var y = 1;
    var now;
     function startClock() {
     x = x-y;
    document.getElementById('sec').innerHTML = x;
     if (x <= 1) reload();
     timerID = setTimeout("startClock()", 1000); }

    function reload() {
     sndReq();
     x = 60;
     document.getElementById('sec').innerHTML = x;}


function createRequestObject() {
    var ro;
    var browser = navigator.appName;
    if(browser == "Microsoft Internet Explorer"){
        ro = new ActiveXObject("Microsoft.XMLHTTP");
    }else{
        ro = new XMLHttpRequest();
    }
    return ro;
}
var http = createRequestObject();

function sndReq() {
    var c = Math.random();
    http.open('get', 'boxsitevalorimeteo.htm?' + c);
    http.onreadystatechange = solare;
    http.send(null);
}

function solare() {
    if(http.readyState == 4){
    var response = http.responseText;
    var update = new Array();

    var n = Math.random();

    if(response.indexOf(' ' != -1)) {
    update = response.split('|');

    document.getElementById('curr').innerHTML = "    " + update[2] + "°C";
    document.getElementById('prday').innerHTML = update[3] + " mm";
    document.getElementById('wind').innerHTML = update[4] + " km/h";


}}}


</script>

<style type="text/css">
.style55 {
       font-family: Trebuchet MS;
       font-size: 11px;
	  margin-bottom: 0px;
}

.style56 {
       font-family: Trebuchet MS;
       font-size: 10px;
       color: #FFFFFF;
       margin-bottom: 0px;
       text-decoration: none;

}



.stylesec {
       font-family: Trebuchet MS;
       font-size: 10px;
       color: #3399FF;
       margin-bottom: 0px;
       text-decoration: none;

}

.a:link {
    font-family: Trebuchet MS;
  text-decoration: none;
  font-size: 9px;
  color: white;
  font-weight: bold;
  }

.a:visited {
    font-family: Trebuchet MS;
  text-decoration: none;
  color: white;
  font-size: 9px;
  font-weight: bold;

  }
.a:hover {
font-family: Trebuchet MS;
	text-decoration: none;
	color: #FF9900;
	font-size: 9px;
	font-weight: bold;

	}



</style>



</head>

<body TOPMARGIN=0 LEFTMARGIN=0 onload="sndReq(),startClock()">
<table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#0000ff" width="262" >

<tr>

<td>

<table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#FFFFFF" width="262" bgcolor="#FFFFFF" >

  <tr>

    <td width="346" colspan="2" bgcolor="#3399FF" height="15">
    <center>
        <b><font face="Trebuchet MS" size="1" color="#FFFFFF">Marineo - Webcam Live &amp; Meteo</font></b>
    </td>


  </tr>

  <tr>

    <td width="262" colspan="2" height="187">
    <center>
        <a  href="http://www.marineometeo.it/boxwebcambig2.htm" target="_blank" >
        <img border="0" src="http://www.marineometeo.it/public/cam.jpg" width="272" height="187"></a>
    </td>
  </tr>

  <tr>
    <td>
    <table border="0" bordercolor="#0000ff" width="100%" cellpadding="0" cellspacing="0">
    <tr>
  	    <td style="width: 30px; height: 15px;"><center><img border="0" src="icon/thermo.png" width="10" height="15"></td>
        <td class="style55" style="width: 45px; height: 20px;"><div id="curr" class="style55" style="height: 14px">temp</div></td>
        <td><center><font size="3" color="#FF0000">|</font></td>

        <td style="width: 24px; height: 15px;"><img border="0" src="icon/pluvio.png" width="20" height="15"> </td>
        <td class="style55" style="width: 50px; height: 20px;"><div id="prday" class="style55" style="height: 14px">prec</div></td>
        <td><center><font size="3"  color="#FF0000">|</font></td>

        <td style="width: 20px; height: 15px;"><img border="0" src="icon/vento.png" width="20" height="15"></td>
        <td class="style55" style="width:65px; height: 20px;"><div id="wind" class="style55" style="height: 14px">wind</div></td>

    </tr>
    </table>
    </td>
  </tr>
  <tr>
        <td>
            <table border="0" bordercolor="#000000" width="100%" cellpadding="0" cellspacing="0" bgcolor="#3399FF" style="border-collapse: collapse">
                <tr>
                    <td width="10%"><div class="stylesec" id="sec"  style=" width="5" height: 14px">sec</div></td>
                    <td width="90%"><center><a class="a" href="http://www.marineometeo.it">www.marineometeo.it</b></a></td>
                </tr>
            </table>

        </td>
  </tr>
  </table>


</body>

</html>�