<!doctype html>
<html lang="el">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="expires" content="-1">

<title>Flire Χάρτες</title>
<script type="text/javascript">var SiteLanguage = 'GR';</script> 
<script type="text/javascript">var AllowSiteDemoMode = false;</script>  <!--DO NOT MODIFY THIS LINE-->

<link rel="stylesheet" href="common/jquery/css/jquery-ui.css" />

<script src="http://maps.google.com/maps/api/js?key=AIzaSyDBj44eiLVzlT54-NfwU2ZoU3mlEw-IsF0&language=el"></script>
    
    <link rel="stylesheet" href="common/css/openlayers_style.css" type="text/css">
	<link rel="icon" type="image/png" href="common/images/favicon-16x16.png" sizes="16x16">
	<link rel="icon" type="image/png" href="common/images/favicon-32x32.png" sizes="32x32">

    <style type="text/css">
        html, body {
            height: 100%;
        }

        .olPopup p { margin:0px; font-size: .9em;}
        .olPopup h2 { font-size:1.2em; }

    </style>


<script type="text/javascript" src="GR/language/resource.js"></script> 

 
<script src="common/jquery/jquery-1.9.1.js"></script>
<script src="common/jquery/ui/1.10.1/jquery-ui.js"></script>


<script type="text/javascript" src="common/jquery/js/tablesorter/js/jquery.tablesorter.js"></script> 


<script src="common/jquery/js/jquerycookie/jquery.cookie.js"></script>

<link href="common/jquery/js/tablesorter/css/theme.flire.css" rel="stylesheet">

<link href="common/css/tooltip.css" rel="stylesheet">


<script src="GR/include/js/tooltip.js"></script>
<script src="GR/include/js/jquery.ui.datepicker-gr.js"></script>

<script src="/flire/freeversionfiles/js/soundmanager/script/soundmanager2.js"></script>
		<script>
			soundManager.setup({
				url: '/flire/freeversionfiles/js/soundmanager/swf/',
				// flashVersion: 9, // optional: shiny features (default = 8)
				// optional: ignore Flash where possible, use 100% HTML5 mode
				// preferFlash: false,
				onready: function() {
					// Ready to use; soundManager.createSound() etc. can now be called.
				}
			});
		</script>


<script src="/flire/freeversionfiles/js/_parameters.js"></script>
<script src="/flire/freeversionfiles/js/cookies.js"></script>
<script src="/flire/freeversionfiles/js/dates.js"></script>
<script src="/flire/freeversionfiles/js/map.js"></script>
<script src="/flire/freeversionfiles/js/legend.js"></script>
<script src="/flire/freeversionfiles/js/imageOverlays.js"></script>
<script src="/flire/freeversionfiles/js/data.js"></script>
<script src="/flire/freeversionfiles/js/kml.js"></script>
<script src="/flire/freeversionfiles/js/WeatherForecastData.js"></script>
<script src="/flire/freeversionfiles/js/gfmis_v2.js"></script>
<script src="/flire/freeversionfiles/js/gfmisIgnition.js"></script>
<script src="/flire/freeversionfiles/js/gfmisOutput.js"></script>
<script src="/flire/freeversionfiles/js/kbdiData.js"></script>
<script src="/flire/freeversionfiles/js/WeatherStations.js"></script>
<script src="/flire/freeversionfiles/js/WeatherForecastThematicMap.js"></script>
<script src="/flire/freeversionfiles/js/storms.js"></script>
<script src="/flire/freeversionfiles/js/floods.js"></script>
<script src="/flire/freeversionfiles/js/smartalerts.js"></script>
<script src="/flire/freeversionfiles/js/planning.js"></script>

<script type="text/javascript" src="/flire/freeversionfiles/js/ContextMenu/ContextMenu.js"></script>

<script>

var G = google.maps; 

var zoom = 11;
var centerPoint = new G.LatLng(38.01218236699273,23.919021610636264);
var container;
var map;
var mapID=1;
 var KMLLayer1;
 var WeatherforecastCoverage;
 var VoronoiKBDICoverage;
 var KMLLayer3;
 var KMLLandLayer1;



	jQuery(function() {
		jQuery( "#menu" ).menu();
	});


	jQuery(function() {
		jQuery( "#tabs" ).tabs();
	});

	jQuery(function() {
		jQuery( "#sub_tabs1" ).tabs();
	});

	jQuery(function() {
		jQuery( "#accordion1" ).accordion({
			heightStyle: "content",
			active: false,
			collapsible: true
		});
	});

	jQuery(function() {
		jQuery("#accordion1").click(function() {
					jQuery('#accordion2').accordion({active: false });
					jQuery('#accordion3').accordion({active: false });
    	});
	});

	jQuery(function() {
		jQuery( "#accordion2" ).accordion({
			heightStyle: "content",
			active: false,
			collapsible: true
		});
	});


	jQuery(function() {
		jQuery("#accordion2").click(function() {
					jQuery('#accordion1').accordion({active: false });
					jQuery('#accordion3').accordion({active: false });
    	});
	});

	jQuery(function() {
		jQuery( "#accordion3" ).accordion({
			heightStyle: "content",
			active: false,
			collapsible: true
		});
	});


	jQuery(function() {
		jQuery("#accordion3").click(function() {
					jQuery('#accordion1').accordion({active: false });
					jQuery('#accordion2').accordion({active: false });
    	});
	});

 	jQuery(function() {
		jQuery( document ).tooltip();
 		track: true
	});



	function SetActiveTab(id) {
			jQuery("#tabs").tabs( "refresh" );
			jQuery("#tabs").tabs( "option", "active", id );
	}
	


 	jQuery(function() {
		jQuery( "input[type=submit], button" )
		.button()
		.click(function( event ) {
			event.preventDefault();
		});
	});


	jQuery(function() {
		jQuery( "#dialog-message" ).dialog({
			modal: true,
			resizable: false,
			autoOpen: false,
			closeOnEscape: false
		});
	});


	jQuery(function() {
		jQuery( "#Storms-Alert-dialog-message" ).dialog({
			modal: true,
			resizable: false,
			autoOpen: false,
			closeOnEscape: false
		});
	});


	jQuery(function() {
		jQuery( "#SmartAlerts-dialog-message" ).dialog({
			modal: true,
			resizable: false,
			autoOpen: false,
			closeOnEscape: false
		});
	});


	jQuery(window).resize(function() {	
		ResizeMapDivs(jQuery(window).width(), jQuery(window).height());
	});

/*
	jQuery(function(){
		jQuery('table').tablesorter({
			widgets        : [ 'zebra', 'columns' ],
 			usNumberFormat : false,
			usDateFormat : false,
			sortReset      : true,
			sortRestart    : true
		});
	});
		
*/

 jQuery(function() {
	jQuery( "#progressbar" ).progressbar({
	value: 0
	});
});


//#contactNumber
jQuery(document).ready(function() {
    jQuery('.flire-input-number').keyup(function() {
        var numbers = jQuery(this).val();
        jQuery(this).val(numbers.replace(/\D/, ''));
    });
});


jQuery(function() {
//	jQuery( "#datepicker" ).datepicker( jQuery.datepicker.regional[ "gr" ] );
	jQuery( "#datepicker1" ).datepicker({
	//	buttonImage: 'common/images/calendar3.png',
    //    buttonImageOnly: true,
	//	buttonText: "Πατήστε για να επιλέξετε μια ημερομηνία",
	//	showOn: 'both',
		dateFormat: "yy-mm-dd",
	    onSelect: function(selected,evnt) {
        	getKBDIForDate(selected);
    	}
	});
});


jQuery(function() {
//	jQuery( "#datepicker" ).datepicker( jQuery.datepicker.regional[ "gr" ] );
	jQuery( "#datepicker2" ).datepicker({
	//	buttonImage: 'common/images/calendar3.png',
    //    buttonImageOnly: true,
	//	buttonText: "Πατήστε για να επιλέξετε μια ημερομηνία",
	//	showOn: 'both',
		dateFormat: "yymmdd",
	    onSelect: function(selected,evnt) {
        	FloodsInfoRefreshData(selected,-1);
    	}
	});
});


jQuery(function() {
    jQuery( "#PlanningToolMapDivResizableDiv" ).resizable();
});

jQuery(function() {
	jQuery( "#PlanningToolMapDivResizableDiv" ).resizable({
			stop: function( event, ui ) {
	  					_PlanningToolMapResize();
  					}
	});
});


</script>


<style>

/* Map Conext Menu Style */
.context_menu {
    background: show;
    background-color: white;
    border: 1px solid gray;
}
.context_menu_item {
    background: show;
    background-color: white;
	padding:3px 6px;
}
.context_menu_item:hover {
     background-color: #cccccc;
}
.context_menu_separator{
	background-color:gray;
	height:1px;
	margin:0;
	padding:0;
}

.ui-tooltip {
	visibility:hidden;
	display:none;
}

/* For Google Maps popup windows */ 

.gm-style .gm-style-iw, .gm-style .gm-style-iw a, .gm-style .gm-style-iw span, .gm-style .gm-style-iw label, .gm-style .gm-style-iw div {
	margin:0;
	padding:5px;
	border:0;
	font-weight:inherit;
	font-style:inherit;
	font-size:10px;
	font-family: Verdana,Arial,sans-serif;
	vertical-align:baseline;
 }

.planning_tool_senarios_catalog {
	font-size: 120%;
	margin-bottom: 0.5em;
}

.planning_tool_textA {
	font-size: 110%;
	margin-bottom: 0.5em;
}

.planning_tool_textB {
	font-size: 120%;
	margin-bottom: 0.5em;
}

.ui-menu { width: 150px; }
.ui-widget { font-size: 0.7em; }

.menu_accordions { width: 200px; }

/*.ui-accordion .ui-accordion-content { padding: 1em 1.2em; }*/
.ui-accordion .ui-accordion-content { padding: .8em .8em; }

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
	font-weight: bold;
	font-size: 100%;
	background: none repeat scroll 0 0 #D8D8D8;
}

.ui-widget-header { background: #EBF5EB; }
.ui-tabs .ui-tabs-panel { padding: 0em 0em; }
#tabs { heightStyle: "fill" }  
#sub_tabs1 { heightStyle: "fill" }  

/*.ui-tabs .ui-tabs-nav {
    background-color: #f1f1f1;
}*/

.legendtable { 
    border-collapse: separate;
	border:5px;
	border-spacing:2px;
	width: 100%;
/*	background-color:#E6EEEE;*/
}
.legendtable tr {
/*	background-color:#E6EEEE;*/
}
.legendtable td {
/*	background-color:#E6EEEE;*/
	vertical-align:middle;
}
.legendtable th {
	text-align:center;
	height:20px;
/*	font-weight:bold; */
}


table.tablesorter thead tr th, table.tablesorter tfoot tr th {
    background-color: #ABDBDA;
	padding-right: 20px;
}

table.tablesorter-default th {
	text-align:center;
}

table.tablesorter-default td {
	vertical-align:middle;
	text-align:center;
}

.title_H2 {
	font-size: 120%; 
	color: #003A6B; 
	font-weight: bold; 
	margin-left: 5px;
}

h3 {
	font-size: 120%; 
}

</style>
 



</head>
<body onLoad="init()" style="margin:0px; min-width:850px;"> 


	<div id="outerDiv" style="width:100%; background-color:#EBF5EB; overflow:hidden; margin-left:0px; left:0px;">

		<div id="superTitleDiv" style="float:left; width:100%; height:50px; background-color:#CDE287;">
			<table style="width:100%; height:50px;"><tr>
					<td style="width:271px; text-align:left"><a href="http://www.flire.eu" target="_blank"><img src="common/images/banner2a.png" border="0" title="Το FLIRE είναι ένα πρόγραμμα επίδειξης που στοχεύει στην ανάπτυξη ενός ολοκληρωμένου Συστήματος Υποστήριξης Αποφάσεων (DSS) για την συνδυασμένη Εκτίμηση και Διαχείριση Πλημμυρών και Πυρκαγιών."></a></td>
					
					<td style="text-align:center"><img id='middlesupetitle' src="common/images/banner2b.png" border="0"></td>
					
					<td style="width:110px; text-align:right"><a href="http://ec.europa.eu/environment/life/" target="_blank"><img src="common/images/banner2c.png" border="0" title="Το LIFE αποτελεί το χρηματοδοτικό μέσο της ΕΕ για τη στήριξη περιβαλλοντικών έργων και έργων για τη διατήρηση της φύσης σε όλη την ΕΕ, καθώς και σε ορισμένες υποψήφιες, προσχωρούσες και γειτονικές χώρες. Από το 1992, το LIFE έχει συγχρηματοδοτήσει περίπου 3.708 έργα, συνεισφέροντας περίπου € 2,8 δισεκατομμύρια στην προστασία του περιβάλλοντος."></a></td>
					
			</tr></table>
<!--			<center><img src="common/images/banner2.png" border="0"></center> -->
		</div>

		<div id="LeftColumnDiv" style="float:left; width:220px; height:500px; overflow:auto; overflow-x:hidden;">


	
			<!-- Left accordion MENU -->
			<div class="menu_accordions" id="accordion1">
				<h3 title="Εκδοση του δικτυακού τόπου, ενημερώσεις, κλπ.">
					<table><tr><td><img src="common/images/art/about_1_25.png" /></td><td>Γενικές Πληροφορίες...</td></tr></table>
				</h3>
				<div>
					<p><span id ="WebsiteSelectLanguageSpan"></span></p>
					<p><span id ="WebsiteLastUpdateDateSpan"></span></p>
					<p><span id ="WebsiteVersionSpan"></span></p>
					<br /><hr>
					<br /><font color="red">Ελεύθερη έκδοση</font>
					<br /><b>Ονομα χρήστη: free</b>
					<p><b><a href="application.asp?language=GR&action=login">Αποσύνδεση από την εφαρμογή</a></b></p>
					<br />
					<p><div id ="WebsiteParametersSettingsDiv"></div></p> 
					<br />
					<p><div id ="WebsiteUpdateInfoDiv"></div></p> 
				</div>
				
			</div>
		
	
			<div class="menu_accordions" id="accordion2">
			
				<h3 title="Επιλέξτε τα επίπεδα πληροφοριών για εμφάνιση ή απόκρυψη. Εστίαση του χάρτη σε συγκεκριμένα επίεπεδα κλπ.">			
					<table><tr><td><img src="common/images/art/map_1_25.png" /></td><td>Επίπεδα Πληροφοριών Χάρτη</td></tr></table>				
				</h3>
				<div>

					<div id="mapLegendDiv"></div>	
<!--					<p><a href="#" onClick="customMapLegend()">Update</a></p>  -->
				</div>

			</div>


			<div class="menu_accordions" id="accordion3">
				<h3 title="Στατιστικά στοιχεία της χρήσης του δικτυακού τόπου.">
					<table><tr><td><img src="common/images/art/flag_1_25.png" /></td><td>Στατιστικά Στοιχεία Χρήσης</td></tr></table>				
				</h3>
				<div>
				
					<p><div id ="StatisticsInfoSpan"></div></p>
					<br />
					<p align="center"><a href="#" onClick="ClearStatistics()" title="Πατήστε για να καθαρίσετε όλα τα στατιστικά δεδομένα χρήσης του δικτυακού τόπου.">Καθαρισμός Στατιστικών</a></p>
				
				</div> 
			</div>


	
		</div>

		<!-- Divider between Left Column and Right Column -->
		<div id="ColumnsDivider1" style="cursor:pointer; left: 0px; margin-right: 0px; height:500px; width:8px; float:left; background-image:url(common/images/collapse1.png); background-position:center; background-repeat:no-repeat; background-color:#DCDCDC" onClick="ShowHideLeftColumnDiv();" onMouseOver="Divider1MouseOver();" onMouseOut="Divider1MouseOut();"></div>			


		<div id="mapContainerDiv" style="left: 0px; margin-right: 0px; height:500px; width:800px; float:right; overflow:hidden; background-color:#EBF5EB">				
		
			<div id="tabs">
				<ul id="tabs_ul">
					<li><a href="#tabs-1" onClick="MapTabClicked(1)" title="Εμφάνιση επιπέδων χαρτογραφικών δεδομένων, δεδομένων πρόγνωσης καιρού, μετεωρολογικών δεδομένων κλπ σε χάρτες">
						<table><tr><td><img src="common/images/art/map_1_25.png" /></td><td>Χάρτες</td></tr></table>
					</a></li>
					<li><a href="#tabs-2" onClick="MapTabClicked(2)" title="Μετεωρολογικά δεδομένα πρόγνωσης του καιρού (καθημερινή ενημέρωση)">
						<table><tr><td><img src="common/images/art/meteo_1_25.png" /></td><td>Πρόγνωση Καιρού</td></tr></table>
					</a></li>
					<li><a href="#tabs-3" onClick="MapTabClicked(3)" title="Μετεωρολογικά δεδομένα από τους σταθμούς μέτρησης (ενημέρωση σε πραγματικό χρόνο)">
						<table><tr><td><img src="common/images/art/info_1_25.png" /></td><td>Σταθμοί Μέτρησης Δεδομένων</td></tr></table>
					</a></li>
					<li><a href="#tabs-4" onClick="MapTabClicked(4)" title="Γεωγραφικό Πληροφοριακό Σύστημα Διαχείρισης Πυρκαγιών">
						<table><tr><td><img src="common/images/art/fire_1_25.png" /></td><td>Διαχείριση Πυρκαγιών</td></tr></table>
					</a></li>      
					<li><a href="#tabs-5" onClick="MapTabClicked(5)" title="Δεδομένα Δείκτη Κινδύνου Πυρκαγιάς">
						<table><tr><td><img src="common/images/art/flood_2_25.png" /></td><td>Κίνδυνος Πυρκαγιάς</td></tr></table>
					</a></li>      
					<li><a href="#tabs-6" onClick="MapTabClicked(6)" title="Δεδομένα των Πιθανών Πλημμυρικών πεδίων">
						<table><tr><td><img src="common/images/art/flood_1_25.png" /></td><td>Πλημμυρικά πεδία</td></tr></table>
					</a></li>      
					<li><a href="#tabs-7" onClick="MapTabClicked(7)" title="Δεδομένα Ειδοποιήσεων">
						<table><tr><td><img src="common/images/art/storms_1_25.png" /></td><td>Ειδοποιήσεις</td></tr></table>
					</a></li>      
					<li><a href="#tabs-8" onClick="MapTabClicked(8)" title="Εργαλείο Σχεδιασμού">
						<table><tr><td><img src="common/images/art/tools_1_25.png" /></td><td>Εργαλείο Σχεδιασμού</td></tr></table>
					</a></li>      
				</ul>
				<div id="tabs-1">

					<div id="mapDiv" style="height: 468px; width:794px"></div>				 
			
				</div>

				<div id="tabs-2">
					<div id="tab3DataDiv" style="overflow-y:auto; overflow-x: hidden; height:468px;"> 

						<span id="WeatherForecastOptionsDiv"><p><h2>Επιλογές για τα Μετεωρολογικά Δεδομένα Πρόγνωσης Καιρού</h2></p></span>


							<p>
							<img border="0" src="common/images/bullet1.png">
							Προεπιλεγμένη Διάταξη Ημερομηνιών και Ωρών:
							<form>
								<p><input type="checkbox" id="ForecastDateTimeDefaultSortOrderChk" checked="checked" onClick="SetForecastDateTimeSortOrder();"> <span title="Φθίνουσα: τα νεότερα στοιχεία στην κορυφή">Φθίνουσα</span></p>
							</form>
							</p>
						

						<span id="noaForecastDataTitleDiv"><p><h2>Μετεωρολογικά Δεδομένα Πρόγνωσης Καιρού</h2></p></span>
						<br />
						
						<span id="noaForecastQueryMenu">
							<!-- <p><a href="#" onClick="GetNoaForeCastAvailableData('getmonths','')">Find Months</a></p> -->
						</span>
						<span id="noaForecastQueryData"></span>
						<br>
					</div>
				</div>

				<div id="tabs-3">
					<div id="tab2DataDiv" style="overflow-y:auto; overflow-x: hidden; height:468px;"> 
						<span id="WeatherStationsOptionsDiv"><p><h2>Επιλογές για τους Σταθμούς Μέτρησης Μετεωρολογικών Δεδομένων</h2></p></span>

							<p>
							<img border="0" src="common/images/bullet1.png">
							Μέγιστος Χρόνος Αναμονής (δευτερόλεπτα): 
								<span title="Αυτός είναι ο χρόνος που ο browser θα περιμένει απόκριση από τον server με τα δεδομένα των Σταθμών Μέτρησης Μετεωρολογικών Δεδομένων. Μετά από αυτό το χρόνο η σύνδεση με τον server διακόπτεται.">
									<input style="width:40px;" id="WS_data_options_request_timeout" maxlength="4" value="120" class="flire-input-number ui-input-text ui-body-c ui-corner-all" onBlur="SaveUserOptionsToCookies(3, false);"/>
								</span>
								<a href="#" onClick="SaveUserOptionsToCookies(3, true);" title="Χρήση προεπιλεγμένης τιμής"><img src="common/images/default1.png" border="0"></a>
								 
							<br />
							<img border="0" src="common/images/bullet1.png">
							Σαν παλαιά θεωρούνται τα δεδομένα τα οποία είναι παλαιότερα από: 
								<span title="Αυτό είναι το χρονικό όριο (σε ώρες) για να θεωρηθούν τα δεδομένα των σταθμών μέτρησης μετεωρολογικών δεδομένων σαν παλαιά ώστε να αγνοηθούν από το σύστημα.">
									<input style="width:20px;" id="WS_options_time_limit" maxlength="2" value="4" class="flire-input-number ui-input-text ui-body-c ui-corner-all" onBlur="SaveUserOptionsToCookies(4, false);"/> 
								</span>
								<a href="#" onClick="SaveUserOptionsToCookies(4, true);" title="Χρήση προεπιλεγμένης τιμής"><img src="common/images/default1.png" border="0"></a> ώρες.
							</p>	 
							<br />
							<p>
							<img border="0" src="common/images/bullet1.png">
							Πως να εμφανίζονται οι σταθμοί μέτρησης με παλαιά δεδομένα:
							<form>
								<p><input type="checkbox" id="oldDataWSFormatCheck1" checked="checked" onClick="UpdateWSwithOldDataFormat();"> Κόκκινο χρώμα</p>
								<p><input type="checkbox" id="oldDataWSFormatCheck2" onClick="UpdateWSwithOldDataFormat();"> Διεγραμμένα</p>
								<p><input type="checkbox" id="oldDataWSFormatCheck3" checked="checked" onClick="UpdateWSwithOldDataFormat();"> Πλάγια γραφή</p>
								<p><input type="checkbox" id="oldDataWSFormatCheck4" onClick="UpdateWSwithOldDataFormat();"> Μη εμφάνιση τους</p>
							</form>
							</p>




						<span id="WeatherStationsDataTitleDiv"><p><h2>Δεδομένα από τους Σταθμούς Μέτρησης Μετεωρολογικών Δεδομένων</h2></p></span>
						<br />  
						<span id="WeatherStationsDataMenu">
							<button id="WeatherStationsDataButton" onClick="Get_Weather_Stations_Data()" title="Πατήστε για να λάβετε τα νεότερα δεδομένα από τους Σταθμούς Μέτρησης Μετεωρολογικών Δεδομένων">							
									<table border="0" width="150px"><tr>
									<td><img src="common/images/art/info_1_45.png" /></td>
									<td>Ανανέωση των δεδομένων από τους Σταθμούς Μέτρησης</td>
									</tr>
									</table>																																										
							</button>
						</span>
						<span id="WeatherStationsDataTimeDiv"><p></p></span>
						<span id="WeatherStationsDataDiv"></span>	 
					</div> 
					
				</div>


			
				<div id="tabs-4">
					<div id="tab4DataDiv" style="overflow:hidden; height:468px;"> 
					
					
						<div id="sub_tabs1">
							<ul id="sub_tabs1_ul">
								<li><a href="#sub_tabs1_1" onClick="" title="Για κοινούς χρήστες">Για κοινούς χρήστες</a></li>
								<li><a href="#sub_tabs1_2" onClick="" title="Για προχωρημένους χρήστες">Για προχωρημένους χρήστες</a></li>
							</ul>
							<div id="sub_tabs1_1">

								<div id="sub_tabs1_1_DataDiv" style="overflow-y:auto; overflow-x: hidden; height:468px;">				 
			
									<span id="gfmisOutputStepsSelectionPanlDiv1"></span>
									
									<span id="gfmisDataTitleDiv1"><p><h2>Χρήση του Συστήματος Διαχείρισης Πυρκαγιών</h2></p></span>
										<span style="font-size:120%; color:#FF0000">Στην ελεύθερη έκδοση όλα τα δεδομένα του Συστήματος Διαχείρισης Πυρκαγιών είναι εικονικά και χρησιμοποιούνται μόνο για λόγους παρουσίασης.</span><br/>

									<span id="gfmisSimulationDurationNoteDiv1"><p>simulation time</p></span>
			
									<p>1. <a href="#" onClick="CreateNewgfmisFireIgnitionPoint();" title ="Εισαγωγή σημείου έναρξης πυρκαγιάς (εφόσον ο αριθμός των σημείων δεν έχει φτάσει στο ανώτατο όριο)">Εισαγωγή σημείου έναρξης πυρκαγιάς</a> για το σύστημα διαχείρισης πυρκαγιών.</p>
									<p>2. <a href="#" onClick="Get_Weather_Stations_Data();" title="Λήψη των τελευταίων στοιχείων από τους σταθμούς μέτρησης μετεωρολογικών δεδομένων">Ανανέωση</a> των στοιχείων από τους σταθμούς μέτρησης μετεωρολογικών δεδομένων.</p>
			
									<br />
			
									<button id="gfmisDataButton1" onClick="Use_gfmis_Service(0)" title="Πατήστε για λήψη των δεδομένων από το πληροφοριακό σύστημα διαχείρισης πυρκαγιών">					
									<table border="0" width="150px"><tr>
									<td><img src="common/images/art/fire_1_45.png" /></td>
									<td>Λήψη δεδομένων από το σύστημα διαχείρισης πυρκαγιών</td>
									</tr>
									</table>																																													
									</button>
			
			
								</div>
							</div>
					
							<div id="sub_tabs1_2">
					
								<div id="sub_tabs1_2_DataDiv" style="overflow-y:auto; overflow-x: hidden; height:468px;">  
					
					
									<span id="gfmisDataOptionsDiv"><p><h2>Επιλογές για το Πληροφοριακό Σύστημα Διαχείρισης Πυρκαγιών</h2></p></span>
					
										<form> 
										<img border="0" src="common/images/bullet1.png">
										Μέγιστος Χρόνος Αναμονής (δευτερόλεπτα): 
											<span title="Αυτός είναι ο χρόνος που ο browser περιμένει απόκριση από τον server του Συστήματος Διαχείρισης Πυρκαγιών. Μετά από αυτό το χρόνο η σύνδεση με τον server διακόπτεται.">
												<input style="width:40px;" id="gfmis_options_request_timeout" maxlength="4" value="120" class="flire-input-number ui-input-text ui-body-c ui-corner-all" onBlur="SaveUserOptionsToCookies(1, false);"/>
											</span>
											<a href="#" onClick="SaveUserOptionsToCookies(1, true);" title="Χρήση προεπιλεγμένης τιμής"><img src="common/images/default1.png" border="0"></a>
								 
								 
										<br />
										<img border="0" src="common/images/bullet1.png">
										Μέγιστος Χρόνος Αναμονής για την επεξεργασία των αποτελεσμάτων του Συστήματος Διαχείρισης Πυρκαγιών (δευτερόλεπτα): 
											<span title="Αυτός είναι ο χρόνος που ο browser περιμένει για να ολοκληρωθεί η επεξεργασία των αποτελεσμάτων του Συστήματος Διαχείρισης Πυρκαγιών. Η επεξεργασία αυτή είναι απαραίτητα για την παρουσίαση των αποτελεσμάτων του Συστήματος Διαχείρισης Πυρκαγιών στον χάρτη. Μετά από αυτό το χρόνο η επεξεργασία διακόπτεται και η σύνδεση με τον server διακόπτεται.">
												<input style="width:30px;" id="gfmis_options_processing_timeout" maxlength="3" value="40" class="flire-input-number ui-input-text ui-body-c ui-corner-all" onBlur="SaveUserOptionsToCookies(2, false);"/>
											</span>
												<a href="#" onClick="SaveUserOptionsToCookies(2, true);" title="Χρήση προεπιλεγμένης τιμής"><img src="common/images/default1.png" border="0"></a>
						
										</form>
							
							
										<p>
										<img border="0" src="common/images/bullet1.png"> 
										<a href="#" onClick="ClearAllgfmisFireIgnitionPointsMarkers();" title="Διαγραφή όλων των σημείων έναρξης πυρκαγιάς">Διαγραφή όλων των σημείων έναρξης πυρκαγιάς</a>.
										</p>
							
									<span id="gfmisOutputStepsSelectionPanlDiv2"></span>
					
									<span id="gfmisDataTitleDiv2"><p><h2>Χρήση του Συστήματος Διαχείρισης Πυρκαγιών</h2></p></span>
										<span style="font-size:120%; color:#FF0000">Στην ελεύθερη έκδοση όλα τα δεδομένα του Συστήματος Διαχείρισης Πυρκαγιών είναι εικονικά και χρησιμοποιούνται μόνο για λόγους παρουσίασης.</span><br/>
							
									<p>1. <a href="#" onClick="CreateNewgfmisFireIgnitionPoint();" title ="Εισαγωγή σημείου έναρξης πυρκαγιάς (εφόσον ο αριθμός των σημείων δεν έχει φτάσει στο ανώτατο όριο)">Εισαγωγή σημείου έναρξης πυρκαγιάς</a> για το σύστημα διαχείρισης πυρκαγιών.</p>
									<p>2. <a href="#" onClick="Get_Weather_Stations_Data();" title="Λήψη των τελευταίων στοιχείων από τους σταθμούς μέτρησης μετεωρολογικών δεδομένων">Ανανέωση</a> των στοιχείων από τους σταθμούς μέτρησης μετεωρολογικών δεδομένων.</p>
									<p>3. <a href="#" onClick="FocusOnSelectedAreaForgfmis();" title="Εστίαση του χάρτη στην επιλεγμένη περιοχή ενδιαφέροντος για τους σταθμούς μέτρησης μετεωρολογικών δεδομένων για το σύστημα διαχείρισης πυρκαγιών.">Εστίαση του χάρτη στην επιλεγμένη περιοχή ενδιαφέροντος</a> για τους σταθμούς του συστήματος διαχείρισης πυρκαγιών.</p>
									<p>4. <a href="#" onClick="DisplayValidWeatherStationsListForgfmis();" title="Εμφάνιση του καταλόγου των Σταθμών Μέτρησης Μετεωρολογικών Δεδομένων με ενημερωμένα δεδομένα που βρίσκονται μέσα στην επιλεγμένη περιοχή ενδιαφέροντος">Σταθμοί Μέτρησης Δεδομένων</a> οι οποίοι βρίσκονται μέσα στην επιλεγμένη περιοχή.</p>
									<p>5. Συνολική διάρκεια της προσομοίωσης:								
										<select id="simdur_option" onChange="UpdateSimulationDurationNoteDiv();">
										      <option value="30">30 λεπτά</option>
										      <option value="60">60 λεπτά</option>
										      <option value="90">90 λεπτά</option>
										      <option value="120">120 λεπτά</option>
										      <option value="150">150 λεπτά</option>
										      <option value="180" selected="1">180 λεπτά</option>
										      <option value="210">210 λεπτά</option>
										      <option value="240">240 λεπτά</option>
										      <option value="270">270 λεπτά</option>
										      <option value="300">300 λεπτά</option>
										      <option value="360">360 λεπτά</option>
										</select></p>
									<p>6. Διάρκεια κάθε βήματος της προσομοίωσης:								
										<select id="simsteps_option" onChange="UpdateSimulationDurationNoteDiv();">
										      <option value="30">30 λεπτά</option>
										      <option value="60" selected="1">60 λεπτά</option>
										      <option value="90">90 λεπτά</option>
										      <option value="120">120 λεπτά</option>
										</select></p>

						
									<br />
					
									<button id="gfmisDataButton2" onClick="Use_gfmis_Service(0)" title="Πατήστε για λήψη των δεδομένων από το πληροφοριακό σύστημα διαχείρισης πυρκαγιών">									
										<table border="0" width="150px"><tr>
										<td><img src="common/images/art/fire_1_45.png" /></td>
										<td>Λήψη δεδομένων από το σύστημα διαχείρισης πυρκαγιών</td>
										</tr>
										</table>																		
									</button>
									<br />

									<p><h2>Σύστημα Λήψης Αποφάσεων του συστήματος διαχείρισης πυρκαγιών <span id="gfmisDSSDateTimeSelectedSpan"></span></h2></p>
										<span style="font-size:120%; color:#FF0000">Στην ελεύθερη έκδοση όλα τα δεδομένα του Συστήματος Διαχείρισης Πυρκαγιών είναι εικονικά και χρησιμοποιούνται μόνο για λόγους παρουσίασης.</span><br/>

									<p>1. Επιλογή <a href="#" onClick="ShowTabWithForecastData();" title="Επιλέξτε κάποιαν ώρα κάποιας ημερομηνίας (με διαθέσιμα Μετεωρολογικά Δεδομένα Πρόγνωσης Καιρού) για να την χρησιμοποιήσετε στο Σύστημα Λήψης Αποφάσεων του πληροφοριακού συστήματος διαχείρισης πυρκαγιών">κάποιας ώρας κάποιας ημερομηνίας με διαθέσιμα Μετεωρολογικά Δεδομένα Πρόγνωσης Καιρού</a>.</p>
									<p>2. <a href="#" onClick="CreateNewgfmisFireIgnitionPoint();" title="Εισαγωγή σημείου έναρξης πυρκαγιάς (εφόσον ο αριθμός των σημείων δεν έχει φτάσει στο ανώτατο όριο)">Εισαγωγή σημείου έναρξης πυρκαγιάς</a> για το σύστημα διαχείρισης πυρκαγιών.</p>
						
									<br />
									<button id="gfmisDataButton" onClick="Use_gfmis_Service(3)" title="Πατήστε για λήψη των δεδομένων από το σύστημα λήψης αποφάσεων του πληροφοριακού συστήματος διαχείρισης πυρκαγιών">									
										<table border="0" width="150px"><tr>
										<td><img src="common/images/art/fire_2_45.png" /></td>
										<td>Λήψη δεδομένων από το σύστημα λήψης αποφάσεων</td>
										</tr>
										</table>									
									</button>
												
									<br />
						
									<p><h2>Επικοινωνία με τον εξυπηρετητή του Πληροφοριακού Συστήματος Διαχείρισης Πυρκαγιών</h2></p>
									Αίτηση: <span id="gfmisQueryRequest"></span>
									<br />
									Απόκριση: <span id="gfmisQueryResponse"></span>
									<br />
									<form id="gfmisOptionsForm" method="post"> 
			     						<textarea id="gfmisQueryOptionsURL" style="width: 486px; height: 99px; visibility:hidden; display:none;"></textarea> 
									</form>						
						
								</div>
							</div> <!-- sub_tabs1-2 -->
						</div> <!-- sub_tabs1 -->
						
						
					</div>
				</div> <!-- tabs-4 -->


				<div id="tabs-5">

					<div id="tab5DataDiv" style="overflow-y:auto; overflow-x: hidden; height:468px;"> 
					
						<span id="KBDIDataOptionsDiv"><p><h2>Επιλογές για τον Δείκτη Κινδύνου Πυρκαγιάς</h2></p></span>
							<form> 
							<img border="0" src="common/images/bullet1.png">
							Μέγιστος Χρόνος Αναμονής (δευτερόλεπτα): 
								<span title="Αυτός είναι ο χρόνος που ο browser περιμένει απόκριση από τον server για τα δεδομένα του Δείκτη Κινδύνου Πυρκαγιάς. Μετά από αυτό το χρόνο η σύνδεση με τον server διακόπτεται.">
									<input style="width:40px;" id="kbdi_options_request_timeout" maxlength="4" value="120" class="flire-input-number ui-input-text ui-body-c ui-corner-all" onBlur="SaveUserOptionsToCookies(5, false);"/>
								</span>
								<a href="#" onClick="SaveUserOptionsToCookies(5, true);" title="Χρήση προεπιλεγμένης τιμής"><img src="common/images/default1.png" border="0"></a>
								 
							<br />
							<p><h2>Παράμετροι για τα δεδομένα του Δείκτη Κινδύνου Πυρκαγιάς</h2></p>
							<span style="font-size:120%; color:#FF0000">Στην ελεύθερη έκδοση όλα τα δεδομένα του Δείκτη Κινδύνου Πυρκαγιάς είναι εικονικά και χρησιμοποιούνται μόνο για λόγους παρουσίασης.</span><br/>
							<button id="GetKBDIDataButton" onClick="SelectDateAndGetKBDIData(0)" title="Πατήστε για λήψη των δεδομένων του Δείκτη Κινδύνου Πυρκαγιάς για σήμερα">
								<table border="0" width="150px"><tr>
								<td><img src="common/images/art/flood_2_45.png"></td>
								<td>Κίνδυνος Πυρκαγιάς για <b>σήμερα</b></td>
								</tr></table>
							</button>							
							<button id="GetKBDIDataButton" onClick="SelectDateAndGetKBDIData(1)" title="Πατήστε για λήψη των δεδομένων του Δείκτη Κινδύνου Πυρκαγιάς για αύριο">
								<table border="0" width="150px"><tr>
								<td><img src="common/images/art/flood_2_45.png"></td>
								<td>Κίνδυνος Πυρκαγιάς για <b>αύριο</b></td>
								</tr></table>
							</button>							
							<input type="hidden" id="datepicker1" size="30" />
							<button id="GetKBDIDataButton" onClick="SelectDateAndGetKBDIData(-1)" title="Πατήστε για επιλογή κάποιας ημερομηνίας και λήψη των δεδομένων του Δείκτη Κινδύνου Πυρκαγιάς για εκείνη την ημερομηνία">
								<table border="0" width="220px"><tr>
								<td><img src="common/images/art/flood_2_calendar_45.png"></td>
								<td>Επιλογή κάποιας ημερομηνίας και λήψη δεδομένων Δείκτη Κινδύνου Πυρκαγιάς για εκείνη την ημερομηνία</td>
								</tr></table>
							</button>							
							</form>
							
						<br />				
						Αίτηση: <span id="KBDIQueryRequest"></span>
						<p><h2>Δεδομένα του Δείκτη Κινδύνου Πυρκαγιάς <span id="KBDIResultsDataDatesDecriptionSpan"></span></h2></p>		
						<span style="font-size:120%; color:#FF0000">Στην ελεύθερη έκδοση όλα τα δεδομένα του Δείκτη Κινδύνου Πυρκαγιάς είναι εικονικά και χρησιμοποιούνται μόνο για λόγους παρουσίασης.</span><br/>
						<span id="KBDIQueryResponseDataFiles"></span>
						<br />
						<span id="KBDIRetrievedDataSpan"></span>
						
						
					</div>
				</div> <!-- tabs-5 -->
			
			
				<div id="tabs-6">
				
					<div id="tab6DataDiv" style="overflow-y:auto; overflow-x: hidden; height:468px;"> 
					
						<span id="FloodplainDataOptionsDiv"><p><h2>Επιλογές για τα δεδομένα των Πιθανών Πλημμυρικών πεδίων</h2></p></span>
							<form> 
							<img border="0" src="common/images/bullet1.png">
							Μέγιστος Χρόνος Αναμονής (δευτερόλεπτα): 
								<span title="Αυτός είναι ο χρόνος που ο browser περιμένει απόκριση από τον server για τα δεδομένα των Πιθανών Πλημμυρικών πεδίων. Μετά από αυτό το χρόνο η σύνδεση με τον server διακόπτεται.">
									<input style="width:40px;" id="Floods_options_request_timeout" maxlength="4" value="120" class="flire-input-number ui-input-text ui-body-c ui-corner-all" onBlur="SaveUserOptionsToCookies(7, false);"/>
								</span>
								<a href="#" onClick="SaveUserOptionsToCookies(7, true);" title="Χρήση προεπιλεγμένης τιμής"><img src="common/images/default1.png" border="0"></a>
								 
							</form>
					
						<p><h2>Δεδομένα Πιθανών Πλημμυρικών πεδίων. Ελεύθερη έκδοση</h2></p>	
							
						<span style="font-size:120%; color:#FF0000">Στην ελεύθερη έκδοση όλα τα δεδομένα Πιθανών Πλημμυρικών πεδίων είναι εικονικά και χρησιμοποιούνται μόνο για λόγους παρουσίασης.</span><br/>
						<span id="FloodsRetrievedDataForTodaySpan"></span>
				
						<button id="GetFloodsDataButtonForToday" onClick="FloodsInfoRefreshData('',0)" title="Λήψη Καταλόγου Δεδομένων Πιθανών Πλημμυρικών πεδίων για σήμερα"><table border="0" width="150px"><tr>
							<td><img src="common/images/art/flood_1_45.png" /></td>
							<td>Πιθανά Πλημμυρικά πεδία για <b>σήμερα</b></td>
							</tr></table></button>

						<br />
						<span id="FloodsRetrievedDataForTomorrowSpan"></span>
						
						<button id="GetFloodsDataButtonForTomorrow" onClick="FloodsInfoRefreshData('',1)" title="Λήψη Καταλόγου Δεδομένων Πιθανών Πλημμυρικών πεδίων για αύριο"><table border="0" width="150px"><tr>
							<td><img src="common/images/art/flood_1_45.png" /></td>
							<td>Πιθανά Πλημμυρικά πεδία για <b>αύριο</b></td>
							</tr></table></button>						
									
						<br />
						<p><h2>Δεδομένα Πιθανών Πλημμυρικών πεδίων για κάποια άλλη ημερομηνία. Ελεύθερη έκδοση</h2></p>		
						<span style="font-size:120%; color:#FF0000">Στην ελεύθερη έκδοση όλα τα δεδομένα Πιθανών Πλημμυρικών πεδίων είναι εικονικά και χρησιμοποιούνται μόνο για λόγους παρουσίασης.</span><br/>
							<form>
								<input type="hidden" id="datepicker2" size="30" />
								<button id="GetFloodsDataButtonForADate" onClick="SelectDateAndGetFloodsData()" title="Επιλογή κάποιας ημερομηνίας και λήψη Καταλόγου Δεδομένων Πιθανών Πλημμυρικών πεδίων για εκείνη την ημερομηνία">
									<table border="0" width="150px"><tr>
									<td><img src="common/images/art/flood_2_calendar_45.png" /></td>
									<td>Επιλογή κάποιας ημερομηνίας και λήψη των Πιθανών Πλημμυρικών πεδίων για εκείνη την ημερομηνία</td>
									</tr>
									</table>
								</button>						
							</form>
						<br />
						<span id="FloodsRetrievedDataForADateSpan"></span>
								
					</div>
				
				</div> <!-- tabs-6 -->
			

				<div id="tabs-7">
				
					<div id="tab7DataDiv" style="overflow-y:auto; overflow-x: hidden; height:468px;"> 
					
						<p><h2>1ο Επίπεδο Έξυπνων Ειδοποιήσεων (με βάση δεδομένα μετρήσεων). Ελεύθερη έκδοση</h2></p>		
						<span style="font-size:120%; color:#FF0000">Στην ελεύθερη έκδοση όλα τα δεδομένα Έξυπνων Ειδοποιήσεων είναι εικονικά και χρησιμοποιούνται μόνο για λόγους παρουσίασης.</span><br/>
						<p><h3>Επιλογές</h3></p>		
						<span id="SmartAlertsLevelOneStatusPanelOptionSpan"></span>
						<span id="SmartAlertsLevelOneRetrievedDataTimeDiv"></span>
						<br />
						<span id="SmartAlertsLevelOneRetrievedDataSpan"></span>						
						<br />

						<p><h2>2ο Επίπεδο Έξυπνων Ειδοποιήσεων (ειδοποιήσεις καταιγίδων). Ελεύθερη έκδοση</h2></p>		
						<span style="font-size:120%; color:#FF0000">Στην ελεύθερη έκδοση όλα τα δεδομένα Έξυπνων Ειδοποιήσεων είναι εικονικά και χρησιμοποιούνται μόνο για λόγους παρουσίασης.</span><br/>
						<p><h3>Επιλογές για την Ανίχνευση Καταιγίδων</h3></p>		
						<span id="StormAlertStatusPanelOptionSpan"></span>						
						<br /><br />
				
						<p><h2>3ο Επίπεδο Έξυπνων Ειδοποιήσεων (με βάση δεδομένα πρόγνωσης). Ελεύθερη έκδοση</h2></p>		
						<span style="font-size:120%; color:#FF0000">Στην ελεύθερη έκδοση όλα τα δεδομένα Έξυπνων Ειδοποιήσεων είναι εικονικά και χρησιμοποιούνται μόνο για λόγους παρουσίασης.</span><br/>
						<p><h3>Επιλογές</h3></p>		
						<span id="SmartAlertsLevelThreeStatusPanelOptionSpan"></span>
						<span id="SmartAlertsLevelThreeRetrievedDataTimeDiv"></span>
						<br />
						<span id="SmartAlertsLevelThreeRetrievedDataSpan"></span>						
						<br />

					</div>
					
				</div> <!-- tabs-7 -->


				<div id="tabs-8">
				
					<div id="tab8DataDiv" style="overflow-y:auto; overflow-x: hidden; height:468px;"> 

							<p><h2>Επιλέξτε ένα από τα επόμενα πιθανά σενάρια (ελεύθερη έκδοση)</h2></p>
							<span style="font-size:120%; color:#FF0000">Στην πλήρη έκδοση διατίθεται μεγάλος αριθμός πιθανών σεναρίων.</span><br/>
							<span id="PlanningToolScenariosCatalogSpan" class="planning_tool_senarios_catalog"></span>
							<span id="PlanningToolScenarioTitleSpan"></span>

							<div id="PlanningToolScenarioDiv" style="display:none; visibility:hidden; overflow-y:auto; overflow-x: hidden;"> 
								
								<table style="border-spacing: 10px;"><tr><td style="background-color:#ebf5eb;" width="10">
								<div id="PlanningToolMapDivResizableDiv" class="ui-widget-content" height="100px">
										<div id="PlanningToolMapDiv" style="overflow-y:auto; overflow-x: hidden; height:100%; width:100%;"></div> 
								</div>
								<hr style="height:10px; background-color:#ffffff; border:0px">
								<span id="PlanningToolScenarioTextASpan" class="planning_tool_textA"></span>
								</td><td style="background-color:#ebf5eb; vertical-align:top;">
										<span id="PlanningToolScenarioTextBSpan" class="planning_tool_textB"></span>
								</td></tr></table>	
							</div>

					</div>

				</div> <!-- tabs-8 -->

			
			</div>	<!-- tabs -->	
		
		
		</div> <!-- mapContainerDiv -->


	
	<div id="StatusBarDiv" style="float:left; font-size: 0.7em; background-color:#EBF5EB; border-bottom-style:solid; border-bottom-color:#C0C0C0; border-bottom-width:thin; bottom:0px; left:0px; height:auto; width:100%" >
	
			<div id="gfmisOutputStatusPanel" style="float:left; visibility:hidden; display:none; border-top-style:solid; border-top-color:#C0C0C0; border-top-width:thin; overflow:auto; min-width:100px; width:100%; height:100%; padding:2px; padding-left:10px;"></div>
		
			<div id="SmartAlertsLevelOneInfoStatusPanel" style="float:left; visibility:hidden; display:none; border-top-style:solid; border-top-color:#C0C0C0; border-top-width:thin; overflow:auto; min-width:100px; width:100%; height:100%; padding:2px; padding-left:10px;"></div>
			
			<div id="StormInfoStatusPanel" style="float:left; visibility:hidden; display:none; border-top-style:solid; border-top-color:#C0C0C0; border-top-width:thin; overflow:auto; min-width:100px; width:100%; height:100%; padding:2px; padding-left:10px;"></div>

			<div id="SmartAlertsLevelThreeInfoStatusPanel" style="float:left; visibility:hidden; display:none; border-top-style:solid; border-top-color:#C0C0C0; border-top-width:thin; overflow:auto; min-width:100px; width:100%; height:100%; padding:2px; padding-left:10px;"></div>

	</div>


	<!-- Footer Div with Logos -->
	<div id="FooterDiv" style="float:left; font-size: 0.7em; background-color:#F0F5FA; border-bottom-style:solid; border-bottom-color:#C0C0C0; border-bottom-width:thin; bottom:0px; left:0px; height:auto;">
		<center>
		<a target="_blank" title="Εθνικό Μετσόβιο Πολυτεχνείο" href="http://www.civil.ntua.gr/laboratories/8/"><img src="common/images/art/logo_ntua.png" border="0"></a>
		<a target="_blank" title="Imperial College London" href="http://www3.imperial.ac.uk/"><img src="common/images/art/logo_icl.png" border="0"></a>
		<a target="_blank" title="Research Institute for Geo-Hydrological Protection" href="http://www.irpi.cnr.it/"><img src="common/images/art/logo_irpi.png" border="0"></a>
		<a target="_blank" title="Εθνικό Αστεροσκοπείο Αθηνών" href="http://www.noa.gr"><img src="common/images/art/logo_noa.png" border="0"></a>
		<a target="_blank" title="Ιδρυμα Τεχνολογίας και Έρευνας" href="http://www.iacm.forth.gr"><img src="common/images/art/logo_forth.png" border="0"></a>
		<a target="_blank" title="ALGOSYSTEMS S.A." href="http://www.algosystems.gr"><img src="common/images/art/logo_algosystems.png" border="0"></a>
		</center>
	</div> 


				<div id="dialog-message" title="Download complete">
					<span id="dialog-icon" class="ui-icon ui-icon-info" style="float: left; margin: 0 7px 50px 0;"></span>
					<span id="dialog-message-body"></span>
					<div id="progressbar"></div>
					
				</div>		

				<div id="Storms-Alert-dialog-message" title="Storms Alert">
					<span id="Storms-Alert-dialog-icon"  style="float: left;"></span>
					<span id="Storms-Alert-dialog-message-body"></span>
				</div>		

				<div id="SmartAlerts-dialog-message" title="Storms Alert">
					<span id="SmartAlerts-dialog-icon"  style="float: left;"></span>
					<span id="SmartAlerts-dialog-message-body"></span>
				</div>		

				<div id="legend-image-message" title="Overlay description">
					<span id="legend-image-message-body"></span>

				</div>		


	</div> <!--outer-->

		
	
</body>
</html>
