var graphs = {};
		
			$(document).ready(function() {
				
				dataset = [
					{
						label: 'Teplota (°C)',
						data: [[1766530831000,3.10000000],[1766530979000,3.10000000],[1766531250000,3.10000000],[1766531602000,3.10000000],[1766531874000,3.10000000],[1766532179000,3.10000000],[1766532450000,3.10000000],[1766532802000,3.10000000],],
						color: '#d6212a'
					},
					{
						label: 'Rosný bod (°C)',
						data: [[1766530831000,3],[1766530979000,3],[1766531250000,3],[1766531602000,3],[1766531874000,3],[1766532179000,3],[1766532450000,3],[1766532802000,3],],
						color: '#5b9f4a'
					}

				];

				var options = {				
					xaxes: [{
						axisLabel: 'temperature',
					}],		
					points: {
						show: false
					},
					lines: { 
						show: true,
						lineWidth: 2,
						fill: false, 
					},
					xaxis: {
						mode: 'time',
						minTickSize: [1, 'hour'],
						timeformat: '%d.%m.\, %H:%M',
						timezone: 'browser',
					},
					grid: { 
						hoverable: true, 
						clickable: true, 
						borderWidth: 0, 		
					},
					tooltip: {
						show: true,
						content: '%x - %y.1°C'
					},
					crosshair: {
						mode: 'x'
					},
					legend: { 
						show: true,
						container: '#chart-temperature-legend'
					}										
				};

				graphs['#chart-temperature'] = $.plot('#chart-temperature', dataset, options);
			});
		
				$(document).ready(function() {
					
					dataset = [
						{
							label: 'Vlhkosť (%)',
							data: [[1766530831000,99.00000000],[1766530979000,99.00000000],[1766531250000,99.00000000],[1766531602000,99.00000000],[1766531874000,99.00000000],[1766532179000,99.00000000],[1766532450000,99.00000000],[1766532802000,99.00000000],],
							color: '#ff9000'
						}
					];

					var options = {				
						xaxes: [{
							axisLabel: 'humidity',
						}],		
						points: {
							show: false
						},
						lines: { 
							show: true,
							lineWidth: 2,
							fill: false, 
						},
						xaxis: {
							mode: 'time',
							minTickSize: [1, 'hour'],
							timeformat: '%d.%m.\, %H:%M',
							timezone: 'browser',
						},
						grid: { 
							hoverable: true, 
							clickable: true, 
							borderWidth: 0, 		
						},
						tooltip: {
							show: true,
							content: '%x - %y.1%'
						},
						crosshair: {
							mode: 'x'
						},
						legend: { 
							show: true,
							container: '#chart-humidity-legend'
						}										
					};

					graphs['#chart-humidity'] = $.plot('#chart-humidity', dataset, options);
				});
			
				$(document).ready(function() {
					
					dataset = [
						{
							label: 'Atmosférický tlak (hPa)',
							data: [[1766530831000,1021.2],[1766530979000,1021.2],[1766531250000,1021.3],[1766531602000,1021.2],[1766531874000,1021.2],[1766532179000,1021.3],[1766532450000,1021.3],[1766532802000,1021.2],],
							color: '#000000'
						}
					];

					var options = {				
						xaxes: [{
							axisLabel: 'pressure',
						}],		
						points: {
							show: false
						},
						lines: { 
							show: true,
							lineWidth: 2,
							fill: false, 
						},
						xaxis: {
							mode: 'time',
							minTickSize: [1, 'hour'],
							timeformat: '%d.%m.\, %H:%M',
							timezone: 'browser',
						},
						grid: { 
							hoverable: true, 
							clickable: true, 
							borderWidth: 0, 		
						},
						tooltip: {
							show: true,
							content: '%x - %y.1hPa'
						},
						crosshair: {
							mode: 'x'
						},
						legend: { 
							show: true,
							container: '#chart-pressure-legend'
						}										
					};

					graphs['#chart-pressure'] = $.plot('#chart-pressure', dataset, options);
				});
			
				$(document).ready(function() {
					
					dataset = [
						{
							label: 'Rýchlosť vetra (km/h)',
							data: [[1766530831000,0.72],[1766530979000,0.154285704],[1766531250000,0.18],[1766531602000,0.051428556],[1766531874000,0.27],[1766532179000,0.051428556],[1766532450000,0.45],[1766532802000,0.257142852],],
							color: '#002f80',
							points: {
								show: false
							},
							lines: { 
								show: true,
								lineWidth: 2,
								fill: false, 
							},
						},
						{
							label: 'Náraz vetra (km/h)',
							data: [[1766530831000,0.839999988],[1766530979000,0.72],[1766531250000,0.315],[1766531602000,0.36],[1766531874000,1.26],[1766532179000,0.36],[1766532450000,0.945],[1766532802000,1.08],],
							color: '#EF9856',
							points: {
								show: true
							},
							lines: { 
								show: false
							},
						}
					];

					var options = {				
						xaxes: [{
							axisLabel: 'wind',
						}],		
						
						xaxis: {
							mode: 'time',
							minTickSize: [1, 'hour'],
							timeformat: '%d.%m.\, %H:%M',
							timezone: 'browser',
						},
						grid: { 
							hoverable: true, 
							clickable: true, 
							borderWidth: 0, 		
						},
						tooltip: {
							show: true,
							content: '%x - %y.1km/h'
						},
						crosshair: {
							mode: 'x'
						},
						legend: { 
							show: true,
							container: '#chart-wind-legend'
						}										
					};

					graphs['#chart-wind'] = $.plot('#chart-wind', dataset, options);
				});
			
				$(document).ready(function() {
					
					dataset = [
						{
							label: 'Smer vetra',
							data: [[1766530831000,143.00000000],[1766530979000,31.14285714],[1766531250000,53.87500000],[1766531602000,64.57142857],[1766531874000,40.25000000],[1766532179000,139.71428571],[1766532450000,118.50000000],[1766532802000,80.57142857],],
							color: '#002f80',
							points: {
								show: true
							},
							lines: { 
								show: false
							},
						}
					];

					var options = {				
						xaxes: [{
							axisLabel: 'wind_direction',
						}],		
						
						xaxis: {
							mode: 'time',
							minTickSize: [1, 'hour'],
							timeformat: '%d.%m.\, %H:%M',
							timezone: 'browser',
						},
						yaxis: {
							min: 0,
							max: 360,
							ticks: [[0, 'S'], [90, 'V'], [180, 'J'], [270, 'Z'], [360, 'S']]
						},
						grid: { 
							hoverable: true, 
							clickable: true, 
							borderWidth: 0, 		
						},
						tooltip: {
							show: true,
							content: function(label, xval, yval, flotItem) {
								dir = meteo_wind_direction_name(yval);
								format_date = moment(xval).format('DD.MM., hh:mm')
								return format_date+' - '+dir;
							}
						},
						crosshair: {
							mode: 'x'
						},
						legend: { 
							show: true,
							container: '#chart-wind-direction-legend'
						}										
					};

					graphs['#chart-wind-direction'] = $.plot('#chart-wind-direction', dataset, options);
				});
			
				$(document).ready(function() {
					
					dataset = [
						{
							label: 'Slnečné žiarenie (W/m2)',
							data: [[1766530831000,0.00000000],[1766530979000,0.00000000],[1766531250000,0.00000000],[1766531602000,0.00000000],[1766531874000,0.00000000],[1766532179000,0.00000000],[1766532450000,0.00000000],[1766532802000,0.00000000],],
							color: '#ffb92f'
						}
					];

					var options = {				
						xaxes: [{
							axisLabel: 'solar_radiation',
						}],		
						points: {
							show: false
						},
						lines: { 
							show: true,
							lineWidth: 2,
							fill: false, 
						},
						yaxis: {
							min: 0,
						},
						xaxis: {
							mode: 'time',
							minTickSize: [1, 'hour'],
							timeformat: '%d.%m.\, %H:%M',
							timezone: 'browser',
						},
						grid: { 
							hoverable: true, 
							clickable: true, 
							borderWidth: 0, 		
						},
						tooltip: {
							show: true,
							content: '%x - %y.1W/m2'
						},
						crosshair: {
							mode: 'x'
						},
						legend: { 
							show: true,
							container: '#chart-solar-radiation-legend'
						}										
					};

					graphs['#chart-solar-radiation'] = $.plot('#chart-solar-radiation', dataset, options);
				});
			
				$(document).ready(function() {
					
					dataset = [
						{
							label: 'UV žiarenie',
							data: [[1766530831000,0.00000000],[1766530979000,0.00000000],[1766531250000,0.00000000],[1766531602000,0.00000000],[1766531874000,0.00000000],[1766532179000,0.00000000],[1766532450000,0.00000000],[1766532802000,0.00000000],],
							color: '#802674'
						}
					];

					var options = {				
						xaxes: [{
							axisLabel: 'uv',
						}],		
						points: {
							show: false
						},
						lines: { 
							show: true,
							lineWidth: 2,
							fill: false, 
						},
						yaxis: {
							min: 0,
						},
						xaxis: {
							mode: 'time',
							minTickSize: [1, 'hour'],
							timeformat: '%d.%m.\, %H:%M',
							timezone: 'browser',
						},
						grid: { 
							hoverable: true, 
							clickable: true, 
							borderWidth: 0, 		
						},
						tooltip: {
							show: true,
							content: '%x - %y.0'
						},
						crosshair: {
							mode: 'x'
						},
						legend: { 
							show: true,
							container: '#chart-uv-legend'
						}										
					};

					graphs['#chart-uv'] = $.plot('#chart-uv', dataset, options);
				});
			
				$(document).ready(function() {
					
					dataset = [
						{
							label: 'Zrážky',
							data: [[1766530831000,0.00000000],[1766530979000,0.00000000],[1766531250000,0.00000000],[1766531602000,0.00000000],[1766531874000,0.00000000],[1766532179000,0.00000000],[1766532450000,0.00000000],[1766532802000,0.00000000],],
							color: '#008fbf'
						}
					];

					var options = {				
						xaxes: [{
							axisLabel: 'rain',
						}],		
						points: {
							show: false
						},
						lines: { 
							show: true,
							lineWidth: 2,
							fill: false, 
						},
						yaxis: {
							min: 0,
						},
						xaxis: {
							mode: 'time',
							minTickSize: [1, 'hour'],
							timeformat: '%d.%m.\, %H:%M',
							timezone: 'browser',
						},
						grid: { 
							hoverable: true, 
							clickable: true, 
							borderWidth: 0, 		
						},
						tooltip: {
							show: true,
							content: '%x - %y.3mm'
						},
						crosshair: {
							mode: 'x'
						},
						legend: { 
							show: true,
							container: '#chart-rain-legend'
						}										
					};

					graphs['#chart-rain'] = $.plot('#chart-rain', dataset, options);
				});
			
			$('.modal').on('hide.bs.modal', function() {
				var memory = $(this).html();
				$(this).html(memory);
			});
		
		function meteo_wind_direction_name(wind_direction) {
			if (wind_direction >= 0.00 && wind_direction <= 11.25) {
				ret = 'S';
			} else if (wind_direction > 11.25 && wind_direction <= 33.75) {
				ret = 'SSV';
			} else if (wind_direction > 33.75 && wind_direction <= 56.25) {
				ret = 'SV';
			} else if (wind_direction > 56.25 && wind_direction <= 78.75) { // 67.5
				ret = 'VSV';
			} else if (wind_direction > 78.75 && wind_direction <= 101.25) { // 90
				ret = 'V';
			} else if (wind_direction > 101.25 && wind_direction <= 123.75) { //112.5
				ret = 'VJV';
			} else if (wind_direction > 123.75 && wind_direction <= 146.25) { // 135
				ret = 'JV';
			} else if (wind_direction > 146.25 && wind_direction <= 168.75) { // 157.5
				ret = 'JJV';
			} else if (wind_direction > 168.75 && wind_direction <= 191.25) { // 180
				ret = 'J';
			} else if (wind_direction > 191.25 && wind_direction <= 213.75) { // 202.5
				ret = 'JJZ';
			} else if (wind_direction > 213.75 && wind_direction <= 236.25) { // 225
				ret = 'JZ';
			} else if (wind_direction > 236.25 && wind_direction <= 258.75) { // 247.5
				ret = 'ZJZ';
			} else if (wind_direction > 258.75 && wind_direction <= 281.25) { // 270
				ret = 'Z';
			} else if (wind_direction > 281.25 && wind_direction <= 303.75) { // 292.5
				ret = 'ZSZ';
			} else if (wind_direction > 303.75 && wind_direction <= 326.25) { // 315
				ret = 'SZ';
			} else if (wind_direction > 326.25 && wind_direction <= 348.75) { // 337.5
				ret = 'SSZ';
			} else if (wind_direction > 348.75 && wind_direction <= 360.0) { // 337.5
				ret = 'S';
			} else {
				return '';
			}

			return ret;
		}