var graphs = {};
		
			$(document).ready(function() {
				
				dataset = [
					{
						label: 'Teplota (°C)',
						data: [[1775426450000,10.40000000],[1775426578000,10.26000000],[1775426898000,9.77500000],[1775427154000,9.52000000],[1775427474000,9.48000000],[1775427794000,9.42500000],[1775428050000,9.68000000],[1775428370000,9.54000000],[1775428691000,9.14000000],[1775429012000,9.07500000],[1775429266000,8.56000000],],
						color: '#d6212a'
					},
					{
						label: 'Rosný bod (°C)',
						data: [[1775426450000,9.3],[1775426578000,9.2],[1775426898000,8.7],[1775427154000,8.5],[1775427474000,8.6],[1775427794000,8.6],[1775428050000,8.9],[1775428370000,8.8],[1775428691000,8.4],[1775429012000,8.3],[1775429266000,7.8],],
						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: [[1775426450000,93.00000000],[1775426578000,93.00000000],[1775426898000,93.00000000],[1775427154000,93.60000000],[1775427474000,94.00000000],[1775427794000,94.75000000],[1775428050000,95.00000000],[1775428370000,95.00000000],[1775428691000,95.00000000],[1775429012000,95.00000000],[1775429266000,95.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: [[1775426450000,1019.9],[1775426578000,1020],[1775426898000,1020.2],[1775427154000,1020.2],[1775427474000,1020.1],[1775427794000,1020.1],[1775428050000,1020],[1775428370000,1020],[1775428691000,1020.1],[1775429012000,1019.9],[1775429266000,1020.1],],
							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: [[1775426450000,0],[1775426578000,0],[1775426898000,0],[1775427154000,2.304],[1775427474000,0.72],[1775427794000,0],[1775428050000,1.08],[1775428370000,1.368],[1775428691000,0.072],[1775429012000,0.72],[1775429266000,0.936],],
							color: '#002f80',
							points: {
								show: false
							},
							lines: { 
								show: true,
								lineWidth: 2,
								fill: false, 
							},
						},
						{
							label: 'Náraz vetra (km/h)',
							data: [[1775426450000,0],[1775426578000,0],[1775426898000,0],[1775427154000,3.528],[1775427474000,1.008],[1775427794000,0],[1775428050000,1.512],[1775428370000,1.512],[1775428691000,0.504],[1775429012000,1.26],[1775429266000,1.008],],
							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: [[1775426450000,8.00000000],[1775426578000,6.00000000],[1775426898000,13.75000000],[1775427154000,33.60000000],[1775427474000,21.20000000],[1775427794000,17.25000000],[1775428050000,82.40000000],[1775428370000,27.40000000],[1775428691000,82.20000000],[1775429012000,95.75000000],[1775429266000,15.40000000],],
							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: [[1775426450000,0.00000000],[1775426578000,0.00000000],[1775426898000,0.00000000],[1775427154000,0.00000000],[1775427474000,0.00000000],[1775427794000,0.00000000],[1775428050000,0.00000000],[1775428370000,0.00000000],[1775428691000,0.00000000],[1775429012000,0.00000000],[1775429266000,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: [[1775426450000,0.00000000],[1775426578000,0.00000000],[1775426898000,0.00000000],[1775427154000,0.00000000],[1775427474000,0.00000000],[1775427794000,0.00000000],[1775428050000,0.00000000],[1775428370000,0.00000000],[1775428691000,0.00000000],[1775429012000,0.00000000],[1775429266000,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: [[1775426450000,0.00000000],[1775426578000,0.00000000],[1775426898000,0.00000000],[1775427154000,0.00000000],[1775427474000,0.00000000],[1775427794000,0.00000000],[1775428050000,0.00000000],[1775428370000,0.00000000],[1775428691000,0.00000000],[1775429012000,0.00000000],[1775429266000,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;
		}