// jQuery Event Settings
$(function(){

var nd = new Date();
var ndcode = nd.getTime();

// Set JSON in top.
if($('#top').size() > 0){

	var setMonitor = function(){
		var nd = new Date();
		var ndcode = nd.getTime();
		$.getJSON('json/monitor.txt?'+ ndcode, function(json){
			var time = json.navi.time;
			$('#newest em').text(time);
			var i = Number(json.navi.status);
			$('#status li').eq(0).hide();
			$('#status li').eq(1).hide();
			$('#status li').eq(2).hide();
			$('#status li').eq(i).show();
			var qlt = new Array;
			qlt[0] = json.navi.quality.temperature;
			qlt[1] = json.navi.quality.salt;
			qlt[2] = json.navi.quality.muddiness;
			qlt[3] = json.navi.quality.chlorophyll;
			qlt[4] = json.navi.quality.level;
			$('#tabl2 td.num').each(function(i){ 
				$(this).text(qlt[i]);
			});
			var cnd = new Array;
			cnd[0] = json.navi.condition.height;
			cnd[1] = json.navi.condition.interval;
			cnd[2] = json.navi.condition.maxwave;
			cnd[3] = json.navi.condition.speed;
			cnd[4] = json.navi.condition.direction;
			$('#tabl1 td.num').each(function(i){ 
				$(this).text(cnd[i]);
			});
		});
	}
	setInterval(setMonitor,30000);//30 sec interval
	$(setMonitor);
	
}
});