Subversion Repositories eFlore/Applications.moissonnage

Rev

Rev 31 | Rev 45 | Go to most recent revision | Only display areas with differences | Ignore whitespace | Details | Blame | Last modification | View Log | RSS feed

Rev 31 Rev 37
1
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
1
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
2
<html xmlns="http://www.w3.org/1999/xhtml">
2
<html xmlns="http://www.w3.org/1999/xhtml">
3
	<head>
3
	<head>
4
		<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
4
		<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
5
		<meta http-equiv="Content-style-type" content="text/css" />
5
		<meta http-equiv="Content-style-type" content="text/css" />
6
		<meta http-equiv="Content-script-type" content="text/javascript" />
6
		<meta http-equiv="Content-script-type" content="text/javascript" />
7
		<meta http-equiv="Content-language" content="fr" />
7
		<meta http-equiv="Content-language" content="fr" />
8
 
8
 
9
		<title>Carte des observations E-flore : Nouvelle version</title>
9
		<title>Carte des observations E-flore : Nouvelle version</title>
10
		
10
		
11
		<link rel="icon" type="image/png" href="http://www.tela-botanica.org/sites/commun/generique/images/favicones/tela_botanica.png" />
11
		<link rel="icon" type="image/png" href="http://www.tela-botanica.org/sites/commun/generique/images/favicones/tela_botanica.png" />
12
		<link rel="shortcut icon" type="image/x-icon" href="http://www.tela-botanica.org/sites/commun/generique/images/favicones/tela_botanica.ico" />
12
		<link rel="shortcut icon" type="image/x-icon" href="http://www.tela-botanica.org/sites/commun/generique/images/favicones/tela_botanica.ico" />
13
		
13
		
14
		<link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.5/leaflet.css" />
14
		<link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.5/leaflet.css" />
15
		<link rel="stylesheet" href="<?=$url_base?>modules/carto/squelettes/css/L.Control.Zoomslider.css" />
15
		<link rel="stylesheet" href="<?=$url_base?>modules/carto/squelettes/css/L.Control.Zoomslider.css" />
-
 
16
		<link rel="stylesheet" href="<?=$url_base?>modules/carto/squelettes/css/MarkerCluster.Default.css" />
16
		<!--[if lte IE 8]>
17
		<!--[if lte IE 8]>
17
			<link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.5/leaflet.ie.css" />
18
			<link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.5/leaflet.ie.css" />
18
			<link rel="stylesheet" href="<?=$url_base?>modules/carto/squelettes/css/L.Control.Zoomslider.ie.css" />
19
			<link rel="stylesheet" href="<?=$url_base?>modules/carto/squelettes/css/L.Control.Zoomslider.ie.css" />
-
 
20
			<link rel="stylesheet" href="<?=$url_base?>modules/carto/squelettes/css/MarkerCluster.Default.ie.css" />
19
		<![endif]-->
21
		<![endif]-->
20
		<link rel="stylesheet" href="http://www.tela-botanica.org/commun/jquery/fancybox/1.3.4/jquery.fancybox-1.3.4.css" type="text/css" media="screen" />
22
		<link rel="stylesheet" href="http://www.tela-botanica.org/commun/jquery/fancybox/1.3.4/jquery.fancybox-1.3.4.css" type="text/css" media="screen" />
21
		<link rel="stylesheet" href="http://www.tela-botanica.org/commun/jquery/jquery-ui/1.8.15/css/smoothness/jquery-ui-1.8.15.custom.css" type="text/css" media="screen" />
23
		<link rel="stylesheet" href="http://www.tela-botanica.org/commun/jquery/jquery-ui/1.8.15/css/smoothness/jquery-ui-1.8.15.custom.css" type="text/css" media="screen" />
22
		<link href="<?=$url_base?>modules/carto/squelettes/css/carto.css" rel="stylesheet" type="text/css" media="screen" />
24
		<link href="<?=$url_base?>modules/carto/squelettes/css/carto.css" rel="stylesheet" type="text/css" media="screen" />
23
 
25
 
24
		<!-- Javascript : bibliothèques -->
26
		<!-- Javascript : bibliothèques -->
25
		<script src="http://cdn.leafletjs.com/leaflet-0.5/leaflet.js"></script>
27
		<script src="http://cdn.leafletjs.com/leaflet-0.5/leaflet.js"></script>
26
		<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/1.6.2/jquery-1.6.2.min.js"></script>
28
		<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/1.6.2/jquery-1.6.2.min.js"></script>
27
		<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/tablesorter/2.0.5/jquery.tablesorter.min.js"></script>
29
		<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/tablesorter/2.0.5/jquery.tablesorter.min.js"></script>
28
		<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/jquery-ui/1.8.15/js/jquery-ui-1.8.15.custom.min.js"></script>
30
		<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/jquery-ui/1.8.15/js/jquery-ui-1.8.15.custom.min.js"></script>
-
 
31
		<script type="text/javascript" src="http://www.tela-botanica.org/commun/jquery/pagination/2.2/jquery.pagination.js"></script>
29
		<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jquery.templates/beta1/jquery.tmpl.min.js"></script>
32
		<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jquery.templates/beta1/jquery.tmpl.min.js"></script>
30
		<script type="text/javascript">
33
		<script type="text/javascript">
31
		//<![CDATA[
34
		//<![CDATA[
32
			var source = '<?= $source ?>'.split(',');
35
			var source = '<?= $source ?>'.split(',');
33
			var logo = '<?=$logo ?>';
36
			var logo = '<?=$logo ?>';
34
			var titreCarte = '<?= ($titre != null) ? addslashes($titre) : null; ?>';
37
			var titreCarte = '<?= ($titre != null) ? addslashes($titre) : null; ?>';
35
			var urlLogo = '<?= ($logo != null) ? "$logo" : null; ?>';
38
			var urlLogo = '<?= ($logo != null) ? "$logo" : null; ?>';
36
			var urlSite = '<?= ($url_site != null) ? "$url_site" : null; ?>';
39
			var urlSite = '<?= ($url_site != null) ? "$url_site" : null; ?>';
37
			var nn = '<?= $nn ?>';
40
			var nn = '<?= $nn ?>';
38
			var numTaxon = '<?= $num_taxon ?>';
41
			var numTaxon = '<?= $num_taxon ?>';
39
			var dept = '<?= $departement ?>';
42
			var dept = '<?= $departement ?>';
40
			var auteur = '<?= $auteur ?>';
43
			var auteur = '<?= $auteur ?>';
41
			var referentiel = '<?= $referentiel ?>';
44
			var referentiel = '<?= $referentiel ?>';
42
			var dateDebut = '<?= $date_debut ?>';
45
			var dateDebut = '<?= $date_debut ?>';
43
			var dateFin = '<?= $date_fin ?>';
46
			var dateFin = '<?= $date_fin ?>';
44
			var nbJours = '<?=$nb_jours ?>';
47
			var nbJours = '<?=$nb_jours ?>';
45
			
48
			
46
			var urlBase = '<?= $url_serivce_carto ?>/projets/';
49
			var urlBase = '<?= $url_serivce_carto ?>/projets/';
47
			var urlsLimitesCommunales = <?= $urlLimitesCommunales ?>;
50
			var urlsLimitesCommunales = <?= $urlLimitesCommunales ?>;
48
			var communeImageUrl = '<?= $communeImageUrl ?>';
51
			var communeImageUrl  = '<?= $communeImageUrl ?>';
49
			var pointImageUrl = '<?= $pointImageUrl ?>';
52
			var pointImageUrl    = '<?= $pointImageUrl ?>';
-
 
53
			var clusterImageUrl  = '<?= $clusterImageUrl ?>';
50
			var liensVersSources = '<?= $liensVersSources ?>'.split(',');
54
			var liensVersSources = '<?= $liensVersSources ?>'.split(',');
51
			var titreLegende = '<?= $titreLegende ?>';
55
			var titreLegende = '<?= $titreLegende ?>';
52
			var listeSources = '<?= $listeSources ?>'.split(',');
56
			var listeSources = '<?= $listeSources ?>'.split(',');
53
			var nomListeSources = '<?= $nomListeSources ?>'.split(',');
57
			var nomListeSources = '<?= $nomListeSources ?>'.split(',');
54
			const ZOOM_MAXIMUM_MAILLAGE = <?= $zoomMaximumMaillage ?>;
58
			const ZOOM_MAXIMUM_MAILLAGE = <?= $zoomMaximumMaillage ?>;
55
			const SEUIL_MAILLAGE = <?= $seuilMaillage ?>;
59
			const SEUIL_MAILLAGE = <?= $seuilMaillage ?>;
56
		//]]>
60
		//]]>
57
		</script>
61
		</script>
58
		<script src="http://maps.google.com/maps/api/js?v=3.5&sensor=true&language=fr&region=FR" type="text/javascript"></script>
62
		<script src="http://maps.google.com/maps/api/js?v=3.5&sensor=true&language=fr&region=FR" type="text/javascript"></script>
59
		<script src="<?=$url_base?>modules/carto/squelettes/scripts/L.KML.js" type="text/javascript"></script>
63
		<script src="<?=$url_base?>modules/carto/squelettes/scripts/L.KML.js" type="text/javascript"></script>
60
		<script src="<?=$url_base?>modules/carto/squelettes/scripts/carto.js"></script>
64
		<script src="<?=$url_base?>modules/carto/squelettes/scripts/carto.js"></script>
61
		<script src="<?=$url_base?>modules/carto/squelettes/scripts/L.Control.Zoomslider.js" ></script>
65
		<script src="<?=$url_base?>modules/carto/squelettes/scripts/L.Control.Zoomslider.js" ></script>
-
 
66
		<script src="<?=$url_base?>modules/carto/squelettes/scripts/cluster.js" ></script>
62
	</head>
67
	</head>
63
 
68
 
64
	<body>
69
	<body>
65
		<div id="zone-chargement"></div>
70
		<div id="zone-chargement"></div>
66
		<div id="map"></div>
71
		<div id="map"></div>
67
		
72
		
68
		<!-- +-------------------------------------------------------------------------------------------+ -->
73
		<!-- +-------------------------------------------------------------------------------------------+ -->
69
		<!-- Blocs chargés à la demande : par défaut avec un style display à none -->
74
		<!-- Blocs chargés à la demande : par défaut avec un style display à none -->
70
		
75
		
71
		<!-- Squelette du message de chargement des stations et observations -->
76
		<!-- Squelette du message de chargement des stations et observations -->
72
		<script id="tpl-chargement-stations" type="text/x-jquery-tmpl">
77
		<script id="tpl-chargement-stations" type="text/x-jquery-tmpl">
73
			<div id="chargement-stations">			
78
			<div id="chargement-stations">			
74
				<img src="<?=$url_base?>modules/carto/squelettes/images/chargement.gif" alt="Chargement en cours..." />
79
				<img src="<?=$url_base?>modules/carto/squelettes/images/chargement.gif" alt="Chargement en cours..." />
75
				<p>Chargement des stations en cours...</p>
80
				<p>Chargement des stations en cours...</p>
76
			</div>
81
			</div>
77
		</script>
82
		</script>
78
		<script id="tpl-chargement-observations" type="text/x-jquery-tmpl">
83
		<script id="tpl-chargement-observations" type="text/x-jquery-tmpl">
79
			<div id="chargement-observations">			
84
			<div id="chargement-observations">			
80
				<img src="<?=$url_base?>modules/carto/squelettes/images/chargement.gif" alt="Chargement en cours..." />
85
				<img src="<?=$url_base?>modules/carto/squelettes/images/chargement.gif" alt="Chargement en cours..." />
81
				<p>Chargement des observations en cours...</p>
86
				<p>Chargement des observations en cours...</p>
82
			</div>
87
			</div>
83
		</script>
88
		</script>
84
		
89
		
85
		<?php if($logo != null) : ?>
90
		<?php if($logo != null) : ?>
86
			<div id="logo">
91
			<div id="logo">
87
				<?php if($url_site != null) : ?>
92
				<?php if($url_site != null) : ?>
88
				<a href="<?= $url_site; ?>" 
93
				<a href="<?= $url_site; ?>" 
89
					title="<?= $url_site; ?>" 
94
					title="<?= $url_site; ?>" 
90
					onclick="ouvrirNouvelleFenetre(this, event)">
95
					onclick="ouvrirNouvelleFenetre(this, event)">
91
					<img height="60px" class="image-logo" src="<?= $logo ?>" alt="logo" />
96
					<img height="60px" class="image-logo" src="<?= $logo ?>" alt="logo" />
92
				</a>
97
				</a>
93
				<?php else : ?>
98
				<?php else : ?>
94
					<img class="image-logo" src="<?= $logo ?>" alt="logo" />
99
					<img class="image-logo" src="<?= $logo ?>" alt="logo" />
95
				<?php endif; ?>
100
				<?php endif; ?>
96
			</div>
101
			</div>
97
		<?php endif; ?>	
102
		<?php endif; ?>	
98
		<?php if($titre !== "0" && $titre != null) : ?>
103
		<?php if($titre !== "0" && $titre != null) : ?>
99
			<div id="zone-titre" class="element-overlay">
104
			<div id="zone-titre" class="element-overlay">
100
				<h1 id="carte-titre">
105
				<h1 id="carte-titre">
101
					<span id="carte-titre-infos"><?= htmlspecialchars($titre); ?></span>
106
					<span id="carte-titre-infos"><?= htmlspecialchars($titre); ?></span>
102
				</h1>
107
				</h1>
103
			</div>
108
			</div>
104
		<?php endif; ?>
109
		<?php endif; ?>
105
		
110
		
106
		<!-- Squelette du contenu d'une info-bulle observation -->
111
		<!-- Squelette du contenu d'une info-bulle observation -->
107
		<script id="tpl-obs" type="text/x-jquery-tmpl">
112
		<script id="tpl-obs" type="text/x-jquery-tmpl">
108
			<div id="info-bulle" style="width:{largeur}px;">	
113
			<div id="info-bulle" style="width:{largeur}px;">	
109
				<div id="obs">				
114
				<div id="obs">				
110
					<h2 id="obs-station-titre">Station</h2>
115
					<h2 id="obs-station-titre">Station</h2>
111
					<div class="navigation">&nbsp;</div>					
116
					<div class="navigation">&nbsp;</div>
112
					<div>
-
 
113
						<ul>
-
 
114
							<li><a href="#obs-vue-tableau">Tableau</a></li>
-
 
115
							<li><a href="#obs-vue-liste">Liste</a></li>
-
 
116
						</ul>
-
 
117
					</div>
-
 
118
					<div id="observations">
117
					<div id="observations">
119
						<div id="obs-vue-tableau" style="display:none;">
118
						<div id="obs-vue-tableau">
120
							<table id="obs-tableau">
119
							<table id="obs-tableau">
121
								<thead>
120
								<thead>
122
									<tr>
121
									<tr>
123
										<th title="Nom scientifique défini par l'utilisateur.">Nom</th>
122
										<th title="Nom scientifique défini par l'utilisateur.">Nom</th>
124
										<th title="Date de l'observation">Date</th>
123
										<th title="Date de l'observation">Date</th>
125
										<th title="Lieu d'observation">Lieu</th>
124
										<th title="Lieu d'observation">Lieu</th>
126
										<th title="Auteur de l'observation">Observateur</th>
125
										<th title="Auteur de l'observation">Observateur</th>
-
 
126
										<th title="Nom du projet référent">Projet</th>
127
									</tr>
127
									</tr>
128
								</thead>
128
								</thead>
129
								<tbody id="obs-tableau-lignes" class="obs-conteneur">
129
								<tbody id="obs-tableau-lignes" class="obs-conteneur">
130
									<!-- Insertion des lignes à partir du squelette tpl-obs-tableau -->
130
									<!-- Insertion des lignes à partir du squelette tpl-obs-tableau -->
131
								</tbody>
131
								</tbody>
132
							</table>
132
							</table>
133
						</div>
133
						</div>
134
						<div id="obs-vue-liste" style="display:none;">
-
 
135
							<ol id="obs-liste-lignes" class="obs-conteneur">
-
 
136
								<!-- Insertion des lignes à partir du squelette tpl-obs-liste -->
-
 
137
							</ol>
-
 
138
						</div>
-
 
139
					</div>
134
					</div>
140
					<div id="obs-pieds-page">
135
					<div id="obs-pieds-page">
141
						<p>Id : <span id="obs-station-id">&nbsp;</span></p>
136
						<p>Id : <span id="obs-station-id">&nbsp;</span></p>
142
					</div>
137
					</div>
143
					<div class="navigation">&nbsp;</div>
-
 
144
				</div>
138
				</div>
145
			</div>
139
			</div>
146
		</script>
140
		</script>
147
		
141
		
148
		<!-- Squelette du contenu du tableau des observation -->
142
		<!-- Squelette du contenu du tableau des observation -->
149
		<script id="tpl-obs-tableau" type="text/x-jquery-tmpl">
143
		<script id="tpl-obs-tableau" type="text/x-jquery-tmpl">
150
			<tr class="cel-obs-${idObs}">
144
			<tr class="cel-obs-${idObs}">
151
				<td>
145
				<td>
152
					<span class="nom-sci">&nbsp;
146
					<span class="nom-sci">&nbsp;
153
					{{if nn != 0}}
147
					{{if nn != 0}}
154
						<a href="http://www.tela-botanica.org/nn${nn}" 
148
						<a href="http://www.tela-botanica.org/nn${nn}" 
155
							target="_blank">
149
							target="_blank">
156
							${nomSci}
150
							${nomSci}
157
						</a>
151
						</a>
158
					{{else}}
152
					{{else}}
159
						${nomSci}
153
						${nomSci}
160
					{{/if}}
154
					{{/if}}
161
					</span>
155
					</span>
162
				</td>
156
				</td>
163
				<td class="date">{{if date}}${date}{{else}}&nbsp;{{/if}}</td>
157
				<td class="date">{{if date}}${date}{{else}}&nbsp;{{/if}}</td>
164
				<td class="lieu">{{if lieu}}${lieu}{{else}}&nbsp;{{/if}}</td>
158
				<td class="lieu">{{if lieu}}${lieu}{{else}}&nbsp;{{/if}}</td>
165
				<td>
159
				<td>
166
				{{if observateur}}
160
				{{if observateur}}
167
					{{if observateurId}}					
161
					{{if observateurId}}					
168
						<a class="contact obs-${idObs} contributeur-${observateurId}" 
162
						<a class="contact obs-${idObs} contributeur-${observateurId}" 
169
						href="#form-contact" 
163
						href="#form-contact" 
170
						title="Contactez ce contributeur">
164
						title="Contactez ce contributeur">
171
							${observateur}
165
							${observateur}
172
						</a>
166
						</a>
173
					{{else}}
167
					{{else}}
174
						${observateur}
168
						${observateur}
175
					{{/if}}
169
					{{/if}}
176
				{{else}}
170
				{{else}}
177
					&nbsp;
171
					&nbsp;
178
				{{/if}}
172
				{{/if}}
179
				</td>
173
				</td>
-
 
174
				<td><span>${projet}</span></td>
180
			</tr>
175
			</tr>
181
		</script>
176
		</script>
182
		
-
 
183
		<!-- Squelette du contenu de la liste des observations -->
-
 
184
		<script id="tpl-obs-liste" type="text/x-jquery-tmpl">
-
 
185
			<li>
-
 
186
				<div class="cel-obs-${idObs}">
-
 
187
					{{if images}}
-
 
188
					{{each(index, img) images}}
-
 
189
					<div{{if index == 0}} class="cel-img-principale" {{else}} class="cel-img-secondaire"{{/if}}>
-
 
190
						<a class="cel-img" 
-
 
191
							href="${img.normale}" 
-
 
192
							title="${nomSci} {{if nn}} [${nn}] {{/if}} par ${observateur} - Publiée le ${datePubli} - GUID : ${img.guid}" 
-
 
193
							rel="cel-obs-${idObs}">
-
 
194
							<img src="${img.miniature}" alt="Image #${img.idImg} de l'osbervation #${nn}" />
-
 
195
						</a>
-
 
196
						<p id="cel-info-${img.idImg}" class="cel-infos">
-
 
197
							<a class="cel-img-titre" href="${urlEflore}"
-
 
198
								onclick="window.open(this.href);return false;"  
-
 
199
								title="Cliquez pour accéder à la fiche eFlore">
-
 
200
								<strong>${nomSci} {{if nn}} [nn${nn}] {{/if}}</strong> par <em>${observateur}</em>
-
 
201
							</a>
-
 
202
							<br />
-
 
203
							<span class="cel-img-date">Publiée le ${datePubli}</span>
-
 
204
 						</p>
-
 
205
					</div>
-
 
206
					{{/each}}
-
 
207
					{{/if}}
-
 
208
					<dl>
-
 
209
						<dt class="champ-nom-sci">Nom</dt>
-
 
210
						<dd title="Nom défini par l'utilisateur{{if nn != 0}}. Cliquez pour accéder à la fiche d'eFlore.{{/if}}">
-
 
211
							<span class="nom-sci">&nbsp;
-
 
212
							{{if nn != 0}}
-
 
213
								<a href="http://www.tela-botanica.org/nn${nn}" 
-
 
214
									target="_blank">
-
 
215
									${nomSci}
-
 
216
								</a>
-
 
217
							{{else}}
-
 
218
								${nomSci}
-
 
219
							{{/if}}
-
 
220
							</span>
-
 
221
						</dd>
-
 
222
						<dt title="Lieu d'observation">Lieu</dt><dd class="lieu">&nbsp;${lieu}</dd>
-
 
223
						<dt title="Date d'observation">Le</dt><dd class="date">&nbsp;${date}</dd>
-
 
224
						<dt title="Auteur de l'observation">Publié par</dt>
-
 
225
						<dd>
-
 
226
						{{if observateur}}
-
 
227
							{{if observateurId}}					
-
 
228
								<a class="contact obs-${idObs} contributeur-${observateurId}" 
-
 
229
									href="#form-contact" 
-
 
230
									title="Contactez ce contributeur">
-
 
231
									${observateur}
-
 
232
								</a>
-
 
233
							{{else}}
-
 
234
								${observateur}
-
 
235
							{{/if}}
-
 
236
						{{else}}
-
 
237
							&nbsp;
-
 
238
						{{/if}}
-
 
239
						</dd>
-
 
240
					</dl>
-
 
241
					<hr class="nettoyage"/>
-
 
242
				</div>
-
 
243
			</li>
-
 
244
		</script>
-
 
245
		
177
		
246
		<!-- Squelette de la liste des taxons -->
178
		<!-- Squelette de la liste des taxons -->
247
		<script id="tpl-taxons-liste" type="text/x-jquery-tmpl">
179
		<script id="tpl-taxons-liste" type="text/x-jquery-tmpl">
248
			<ol id="taxons">
180
			<ol id="taxons">
249
				{{each(index, taxon) taxons}}
181
				{{each(index, taxon) taxons}}
250
					<li id="taxon-${taxon.nt}">
182
					<li id="taxon-${taxon.nt}">
251
						<span class="taxon" title="Numéro taxonomique : ${taxon.nt} - Famille : ${taxon.famille}">
183
						<span class="taxon" title="Numéro taxonomique : ${taxon.nt} - Famille : ${taxon.famille}">
252
							${taxon.nom} <span class="nt" title="Numéro taxonomique">${taxon.nt}</span> 
184
							${taxon.nom} <span class="nt" title="Numéro taxonomique">${taxon.nt}</span> 
253
						</span>
185
						</span>
254
					</li>
186
					</li>
255
				{{/each}}
187
				{{/each}}
256
			</ol>
188
			</ol>
257
		</script>
189
		</script>
-
 
190
		<div id="tooltip" style="display:none;"></div>
258
	</body>
191
	</body>
259
</html>
192
</html>