var graphs = {};
		
			$(document).ready(function() {
				
				dataset = [
					{
						label: 'Teplota (°C)',
						data: [[1776722418000,6.10000000],[1776722578000,6.10000000],[1776722866000,6.48000000],[1776723170000,6.20000000],[1776723474000,6.26000000],[1776723778000,6.46000000],[1776724066000,6.06000000],[1776724370000,5.35000000],],
						color: '#d6212a'
					},
					{
						label: 'Rosný bod (°C)',
						data: [[1776722418000,2.7],[1776722578000,2.4],[1776722866000,2.5],[1776723170000,2.4],[1776723474000,2.4],[1776723778000,2.5],[1776724066000,2.5],[1776724370000,2.2],],
						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: [[1776722418000,79.00000000],[1776722578000,77.40000000],[1776722866000,76.20000000],[1776723170000,77.00000000],[1776723474000,76.80000000],[1776723778000,76.20000000],[1776724066000,78.20000000],[1776724370000,80.50000000],],
							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: [[1776722418000,1014.4],[1776722578000,1014.5],[1776722866000,1014.5],[1776723170000,1014.7],[1776723474000,1014.7],[1776723778000,1014.7],[1776724066000,1014.5],[1776724370000,1014.7],],
							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: [[1776722418000,3.24],[1776722578000,4.104],[1776722866000,3.6],[1776723170000,2.952],[1776723474000,3.6],[1776723778000,2.664],[1776724066000,3.168],[1776724370000,3.06],],
							color: '#002f80',
							points: {
								show: false
							},
							lines: { 
								show: true,
								lineWidth: 2,
								fill: false, 
							},
						},
						{
							label: 'Náraz vetra (km/h)',
							data: [[1776722418000,4.200000012],[1776722578000,5.832],[1776722866000,4.32],[1776723170000,3.6],[1776723474000,4.32],[1776723778000,2.88],[1776724066000,4.32],[1776724370000,3.6],],
							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: [[1776722418000,269.33333333],[1776722578000,278.20000000],[1776722866000,262.20000000],[1776723170000,268.60000000],[1776723474000,264.00000000],[1776723778000,307.20000000],[1776724066000,147.40000000],[1776724370000,21.50000000],],
							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: [[1776722418000,0.00000000],[1776722578000,0.00000000],[1776722866000,0.00000000],[1776723170000,0.00000000],[1776723474000,0.00000000],[1776723778000,0.00000000],[1776724066000,0.00000000],[1776724370000,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: [[1776722418000,0.00000000],[1776722578000,0.00000000],[1776722866000,0.00000000],[1776723170000,0.00000000],[1776723474000,0.00000000],[1776723778000,0.00000000],[1776724066000,0.00000000],[1776724370000,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: [[1776722418000,0.00000000],[1776722578000,0.00000000],[1776722866000,0.00000000],[1776723170000,0.00000000],[1776723474000,0.00000000],[1776723778000,0.00000000],[1776724066000,0.00000000],[1776724370000,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;
		}