-
Notifications
You must be signed in to change notification settings - Fork 2
/
gdelt_data.html
434 lines (421 loc) · 67.6 KB
/
gdelt_data.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="Description" content="Insurgent Dynamics: A systematic analysis of civil unrest events"/>
<meta name="keywords" content="insurgency dynamics, insurgent, protest dynamics, insurgency, protest, war, war dynamics, systematic analysis, civil unrest, unrest events, protests, protest events, unrest, csala, denes, masdar, csaladenes, csala denes, csaladen, system dynamics, sustainability, system, research, personal, energy transitions, sustainable energy, agent-based, systems thinking, metro UI"/>
<meta name="viewport" content="width=1050, target-densitydpi=150, initial-scale=0.999">
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<title>Insurgent Dynamics</title>
<link rel="shortcut icon" href="favicon.png" />
<!--<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,600' rel='stylesheet' type='text/css'>-->
<!--<link rel="stylesheet" type="text/css" href="gss.css" />-->
<link rel="stylesheet" type="text/css" href="css/layout.css" />
<link rel="stylesheet" type="text/css" href="css/nav.css" />
<link rel="stylesheet" type="text/css" href="css/tiles.css" />
<link rel="stylesheet" type="text/css" href="css/theme.css" />
<link rel="stylesheet" type="text/css" href="css/colorbox.css" />
<link rel='stylesheet' type='text/css' href='css/cssmenu.css' />
<link rel="stylesheet" href="css/project_style.css" type="text/css" media="screen"/>
<style>
html{background-color:#fff;}
.tile{
-webkit-transition-property: box-shadow, margin-left, margin-top;
-webkit-transition-duration: 0.25s, 0.5s, 0.5s;
-moztransition-property: box-shadow, margin-left, margin-top;
-moz-transition-duration: 0.25s, 0.5s, 0.5s;
-o-transition-property: box-shadow, margin-left, margin-top;
-o-transition-duration: 0.25s, 0.5s, 0.5s;
-ms-transition-property: box-shadow, margin-left, margin-top;
-ms-transition-duration: 0.25s, 0.5s, 0.5s;
transition-property: box-shadow, margin-left, margin-top;
transition-duration: 0.25s, 0.5s, 0.5s;
}
</style>
<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<script type="text/javascript">window.jQuery || document.write('<script type="text/javascript" src="js/jquery191.js"><\/script>')</script>
<script type="text/javascript" src="js/plugins.js"></script>
<script>
scale = 145;
spacing = 10;
theme = 'theme_v3';
$group.titles = ["GDELT filtered data","GDELT correl data"];
$group.spacingFull = [6,6];
$group.inactive.opacity = "0.6";
$group.inactive.clickable = "1";
$group.showEffect = 0;
$group.direction = "horizontal";
mouseScroll = "1";
siteTitle = 'Insurgent Dynamics';
siteTitleHome = 'GDELT filtered data';
showSpeed = 400;
hideSpeed = 300;
scrollSpeed = 550;
device = "desktop";
scrollHeader = "1";
disableGroupScrollingWhenVerticalScroll = "";
/*For background image*/
bgMaxScroll= "130";
bgScrollSpeed = "450";
/*For responsive */
autoRearrangeTiles = "1";
autoResizeTiles = "1";
rearrangeTreshhold = 3;
</script>
<script type="text/javascript" src="js/functions.js"></script>
<script type="text/javascript" src="js/main.js"></script>
<script type="text/javascript" src="js/colorbox.js"></script>
<script type="text/javascript" src="js/menu_pr.js"></script>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-40713687-5', 'auto');
ga('send', 'pageview');
</script>
<noscript>
<style>#tileContainer{display:block}</style>
</noscript>
</head>
<body class="full desktop">
<header>
<div id="headerWrapper">
<div style=" position:fixed; top:10px; right:20px; z-index:999;">
<ul id="menu">
<li><div style="background-color:#668800; padding: 7px 3px 5px 3px; margin:0; width:74px; text-align:center;">Menu</div>
<ul class="submenu">
<li><a href="http://conflict.csaladen.es">Dynamics</a></li>
<li class="menuSelected"><a href="./gdelt_data.html">Flitered</a></li>
<li><a href="#"> </a></li>
<li><a href="https://csaladenes.wordpress.com/?p=558" target="_blank">Blog post</a></li>
</ul>
</li>
</ul>
</div>
<div id="headerCenter">
<nav>
<a style="width:150px;" rel="group0">GDELT filtered data</a>
<a style="width:150px;margin-right:40px;" rel="group1">GDELT correl data</a>
<a href="http://conflict.csaladen.es">Main</a>
</nav>
</div>
</div>
<div class="sc_menu_wrapper">
<div class="sc_menu">
<div onClick="$(''#image').attr('src','filtered/1/AF.png');$('#fitimage').attr('src','filtered/2/AF1.png');$('#country').text('Afghanistan');"><img src="menu/AF.png" width="80" height="55" alt="Afghanistan" style="margin-top:400px;"/>Afghanistan</div>
<div onClick="$('#image').attr('src','filtered/1/AX.png');$('#fitimage').attr('src','filtered/2/AX1.png');$('#country').text('Akrotiri Sovereign Base Area');"><img src="menu/UK.png" width="80" height="55" alt="Akrotiri Sovereign Base Area"/>Akrotiri Sovereign Base Area</div>
<div onClick="$('#image').attr('src','filtered/1/AL.png');$('#fitimage').attr('src','filtered/2/AL1.png');$('#country').text('Albania');"><img src="menu/AL.png" width="80" height="55" alt="Albania"/>Albania</div>
<div onClick="$('#image').attr('src','filtered/1/AG.png');$('#fitimage').attr('src','filtered/2/AG1.png');$('#country').text('Algeria');"><img src="menu/AG.png" width="80" height="55" alt="Algeria"/>Algeria</div>
<div onClick="$('#image').attr('src','filtered/1/AQ.png');$('#fitimage').attr('src','filtered/2/AQ1.png');$('#country').text('American Samoa');"><img src="menu/AQ.png" width="80" height="55" alt="American Samoa"/>American Samoa</div>
<div onClick="$('#image').attr('src','filtered/1/AN.png');$('#fitimage').attr('src','filtered/2/AN1.png');$('#country').text('Andorra');"><img src="menu/AN.png" width="80" height="55" alt="Andorra"/>Andorra</div>
<div onClick="$('#image').attr('src','filtered/1/AO.png');$('#fitimage').attr('src','filtered/2/AO1.png');$('#country').text('Angola');"><img src="menu/AO.png" width="80" height="55" alt="Angola"/>Angola</div>
<div onClick="$('#image').attr('src','filtered/1/AV.png');$('#fitimage').attr('src','filtered/2/AV1.png');$('#country').text('Anguilla');"><img src="menu/AV.png" width="80" height="55" alt="Anguilla"/>Anguilla</div>
<div onClick="$('#image').attr('src','filtered/1/AY.png');$('#fitimage').attr('src','filtered/2/AY1.png');$('#country').text('Antarctica');"><img src="menu/AY.png" width="80" height="55" alt="Antarctica"/>Antarctica</div>
<div onClick="$('#image').attr('src','filtered/1/AC.png');$('#fitimage').attr('src','filtered/2/AC1.png');$('#country').text('Antigua and Barbuda');"><img src="menu/AC.png" width="80" height="55" alt="Antigua and Barbuda"/>Antigua and Barbuda</div>
<div onClick="$('#image').attr('src','filtered/1/AR.png');$('#fitimage').attr('src','filtered/2/AR1.png');$('#country').text('Argentina');"><img src="menu/AR.png" width="80" height="55" alt="Argentina"/>Argentina</div>
<div onClick="$('#image').attr('src','filtered/1/AM.png');$('#fitimage').attr('src','filtered/2/AM1.png');$('#country').text('Armenia');"><img src="menu/AM.png" width="80" height="55" alt="Armenia"/>Armenia</div>
<div onClick="$('#image').attr('src','filtered/1/AA.png');$('#fitimage').attr('src','filtered/2/AA1.png');$('#country').text('Aruba');"><img src="menu/AA.png" width="80" height="55" alt="Aruba"/>Aruba</div>
<div onClick="$('#image').attr('src','filtered/1/AT.png');$('#fitimage').attr('src','filtered/2/AT1.png');$('#country').text('Ashmore and Cartier Islands');"><img src="menu/AS.png" width="80" height="55" alt="Ashmore and Cartier Islands"/>Ashmore and Cartier Islands</div>
<div onClick="$('#image').attr('src','filtered/1/AS.png');$('#fitimage').attr('src','filtered/2/AS1.png');$('#country').text('Australia');"><img src="menu/AS.png" width="80" height="55" alt="Australia"/>Australia</div>
<div onClick="$('#image').attr('src','filtered/1/AU.png');$('#fitimage').attr('src','filtered/2/AU1.png');$('#country').text('Austria');"><img src="menu/AU.png" width="80" height="55" alt="Austria"/>Austria</div>
<div onClick="$('#image').attr('src','filtered/1/AJ.png');$('#fitimage').attr('src','filtered/2/AJ1.png');$('#country').text('Azerbaijan');"><img src="menu/AJ.png" width="80" height="55" alt="Azerbaijan"/>Azerbaijan</div>
<div onClick="$('#image').attr('src','filtered/1/BF.png');$('#fitimage').attr('src','filtered/2/BF1.png');$('#country').text('Bahamas, The');"><img src="menu/BF.png" width="80" height="55" alt="Bahamas, The"/>Bahamas, The</div>
<div onClick="$('#image').attr('src','filtered/1/BA.png');$('#fitimage').attr('src','filtered/2/BA1.png');$('#country').text('Bahrain');"><img src="menu/BA.png" width="80" height="55" alt="Bahrain"/>Bahrain</div>
<div onClick="$('#image').attr('src','filtered/1/FQ.png');$('#fitimage').attr('src','filtered/2/FQ1.png');$('#country').text('Baker Island');"><img src="menu/US.png" width="80" height="55" alt="Baker Island"/>Baker Island</div>
<div onClick="$('#image').attr('src','filtered/1/BG.png');$('#fitimage').attr('src','filtered/2/BG1.png');$('#country').text('Bangladesh');"><img src="menu/BG.png" width="80" height="55" alt="Bangladesh"/>Bangladesh</div>
<div onClick="$('#image').attr('src','filtered/1/BB.png');$('#fitimage').attr('src','filtered/2/BB1.png');$('#country').text('Barbados');"><img src="menu/BB.png" width="80" height="55" alt="Barbados"/>Barbados</div>
<div onClick="$('#image').attr('src','filtered/1/BS.png');$('#fitimage').attr('src','filtered/2/BS1.png');$('#country').text('Bassas da India');"><img src="menu/BS.png" width="80" height="55" alt="Bassas da India"/>Bassas da India</div>
<div onClick="$('#image').attr('src','filtered/1/BO.png');$('#fitimage').attr('src','filtered/2/BO1.png');$('#country').text('Belarus');"><img src="menu/BO.png" width="80" height="55" alt="Belarus"/>Belarus</div>
<div onClick="$('#image').attr('src','filtered/1/BE.png');$('#fitimage').attr('src','filtered/2/BE1.png');$('#country').text('Belgium');"><img src="menu/BE.png" width="80" height="55" alt="Belgium"/>Belgium</div>
<div onClick="$('#image').attr('src','filtered/1/BH.png');$('#fitimage').attr('src','filtered/2/BH1.png');$('#country').text('Belize');"><img src="menu/BH.png" width="80" height="55" alt="Belize"/>Belize</div>
<div onClick="$('#image').attr('src','filtered/1/BN.png');$('#fitimage').attr('src','filtered/2/BN1.png');$('#country').text('Benin');"><img src="menu/BN.png" width="80" height="55" alt="Benin"/>Benin</div>
<div onClick="$('#image').attr('src','filtered/1/BD.png');$('#fitimage').attr('src','filtered/2/BD1.png');$('#country').text('Bermuda');"><img src="menu/BD.png" width="80" height="55" alt="Bermuda"/>Bermuda</div>
<div onClick="$('#image').attr('src','filtered/1/BT.png');$('#fitimage').attr('src','filtered/2/BT1.png');$('#country').text('Bhutan');"><img src="menu/BT.png" width="80" height="55" alt="Bhutan"/>Bhutan</div>
<div onClick="$('#image').attr('src','filtered/1/BL.png');$('#fitimage').attr('src','filtered/2/BL1.png');$('#country').text('Bolivia');"><img src="menu/BL.png" width="80" height="55" alt="Bolivia"/>Bolivia</div>
<div onClick="$('#image').attr('src','filtered/1/BK.png');$('#fitimage').attr('src','filtered/2/BK1.png');$('#country').text('Bosnia-Herzegovina');"><img src="menu/BK.png" width="80" height="55" alt="Bosnia-Herzegovina"/>Bosnia-Herzegovina</div>
<div onClick="$('#image').attr('src','filtered/1/BC.png');$('#fitimage').attr('src','filtered/2/BC1.png');$('#country').text('Botswana');"><img src="menu/BC.png" width="80" height="55" alt="Botswana"/>Botswana</div>
<div onClick="$('#image').attr('src','filtered/1/BV.png');$('#fitimage').attr('src','filtered/2/BV1.png');$('#country').text('Bouvet Island');"><img src="menu/NO.png" width="80" height="55" alt="Bouvet Island"/>Bouvet Island</div>
<div onClick="$('#image').attr('src','filtered/1/BR.png');$('#fitimage').attr('src','filtered/2/BR1.png');$('#country').text('Brazil');"><img src="menu/BR.png" width="80" height="55" alt="Brazil"/>Brazil</div>
<div onClick="$('#image').attr('src','filtered/1/IO.png');$('#fitimage').attr('src','filtered/2/IO1.png');$('#country').text('British Indian Ocean Territory');"><img src="menu/IO.png" width="80" height="55" alt="British Indian Ocean Territory"/>British Indian Ocean Territory</div>
<div onClick="$('#image').attr('src','filtered/1/VI.png');$('#fitimage').attr('src','filtered/2/VI1.png');$('#country').text('British Virgin Islands');"><img src="menu/VI.png" width="80" height="55" alt="British Virgin Islands"/>British Virgin Islands</div>
<div onClick="$('#image').attr('src','filtered/1/BX.png');$('#fitimage').attr('src','filtered/2/BX1.png');$('#country').text('Brunei');"><img src="menu/BX.png" width="80" height="55" alt="Brunei"/>Brunei</div>
<div onClick="$('#image').attr('src','filtered/1/BU.png');$('#fitimage').attr('src','filtered/2/BU1.png');$('#country').text('Bulgaria');"><img src="menu/BU.png" width="80" height="55" alt="Bulgaria"/>Bulgaria</div>
<div onClick="$('#image').attr('src','filtered/1/UV.png');$('#fitimage').attr('src','filtered/2/UV1.png');$('#country').text('Burkina Faso');"><img src="menu/UV.png" width="80" height="55" alt="Burkina Faso"/>Burkina Faso</div>
<div onClick="$('#image').attr('src','filtered/1/BY.png');$('#fitimage').attr('src','filtered/2/BY1.png');$('#country').text('Burundi');"><img src="menu/BY.png" width="80" height="55" alt="Burundi"/>Burundi</div>
<div onClick="$('#image').attr('src','filtered/1/CB.png');$('#fitimage').attr('src','filtered/2/CB1.png');$('#country').text('Cambodia');"><img src="menu/CB.png" width="80" height="55" alt="Cambodia"/>Cambodia</div>
<div onClick="$('#image').attr('src','filtered/1/CM.png');$('#fitimage').attr('src','filtered/2/CM1.png');$('#country').text('Cameroon');"><img src="menu/CM.png" width="80" height="55" alt="Cameroon"/>Cameroon</div>
<div onClick="$('#image').attr('src','filtered/1/CA.png');$('#fitimage').attr('src','filtered/2/CA1.png');$('#country').text('Canada');"><img src="menu/CA.png" width="80" height="55" alt="Canada"/>Canada</div>
<div onClick="$('#image').attr('src','filtered/1/CV.png');$('#fitimage').attr('src','filtered/2/CV1.png');$('#country').text('Cape Verde');"><img src="menu/CV.png" width="80" height="55" alt="Cape Verde"/>Cape Verde</div>
<div onClick="$('#image').attr('src','filtered/1/CJ.png');$('#fitimage').attr('src','filtered/2/CJ1.png');$('#country').text('Cayman Islands');"><img src="menu/CJ.png" width="80" height="55" alt="Cayman Islands"/>Cayman Islands</div>
<div onClick="$('#image').attr('src','filtered/1/CT.png');$('#fitimage').attr('src','filtered/2/CT1.png');$('#country').text('Central African Republic');"><img src="menu/CT.png" width="80" height="55" alt="Central African Republic"/>Central African Republic</div>
<div onClick="$('#image').attr('src','filtered/1/CD.png');$('#fitimage').attr('src','filtered/2/CD1.png');$('#country').text('Chad');"><img src="menu/CD.png" width="80" height="55" alt="Chad"/>Chad</div>
<div onClick="$('#image').attr('src','filtered/1/CI.png');$('#fitimage').attr('src','filtered/2/CI1.png');$('#country').text('Chile');"><img src="menu/CI.png" width="80" height="55" alt="Chile"/>Chile</div>
<div onClick="$('#image').attr('src','filtered/1/CH.png');$('#fitimage').attr('src','filtered/2/CH1.png');$('#country').text('China');"><img src="menu/CH.png" width="80" height="55" alt="China"/>China</div>
<div onClick="$('#image').attr('src','filtered/1/KT.png');$('#fitimage').attr('src','filtered/2/KT1.png');$('#country').text('Christmas Island');"><img src="menu/KT.png" width="80" height="55" alt="Christmas Island"/>Christmas Island</div>
<div onClick="$('#image').attr('src','filtered/1/IP.png');$('#fitimage').attr('src','filtered/2/IP1.png');$('#country').text('Clipperton Island');"><img src="menu/IP.png" width="80" height="55" alt="Clipperton Island"/>Clipperton Island</div>
<div onClick="$('#image').attr('src','filtered/1/CK.png');$('#fitimage').attr('src','filtered/2/CK1.png');$('#country').text('Cocos (Keeling) Islands');"><img src="menu/CK.png" width="80" height="55" alt="Cocos (Keeling) Islands"/>Cocos (Keeling) Islands</div>
<div onClick="$('#image').attr('src','filtered/1/CO.png');$('#fitimage').attr('src','filtered/2/CO1.png');$('#country').text('Colombia');"><img src="menu/CO.png" width="80" height="55" alt="Colombia"/>Colombia</div>
<div onClick="$('#image').attr('src','filtered/1/CN.png');$('#fitimage').attr('src','filtered/2/CN1.png');$('#country').text('Comoros');"><img src="menu/CN.png" width="80" height="55" alt="Comoros"/>Comoros</div>
<div onClick="$('#image').attr('src','filtered/1/CF.png');$('#fitimage').attr('src','filtered/2/CF1.png');$('#country').text('Congo');"><img src="menu/CF.png" width="80" height="55" alt="Congo"/>Congo</div>
<div onClick="$('#image').attr('src','filtered/1/CW.png');$('#fitimage').attr('src','filtered/2/CW1.png');$('#country').text('Cook Islands');"><img src="menu/CW.png" width="80" height="55" alt="Cook Islands"/>Cook Islands</div>
<div onClick="$('#image').attr('src','filtered/1/CR.png');$('#fitimage').attr('src','filtered/2/CR1.png');$('#country').text('Coral Sea Islands');"><img src="menu/AS.png" width="80" height="55" alt="Coral Sea Islands"/>Coral Sea Islands</div>
<div onClick="$('#image').attr('src','filtered/1/CS.png');$('#fitimage').attr('src','filtered/2/CS1.png');$('#country').text('Costa Rica');"><img src="menu/CS.png" width="80" height="55" alt="Costa Rica"/>Costa Rica</div>
<div onClick="$('#image').attr('src','filtered/1/IV.png');$('#fitimage').attr('src','filtered/2/IV1.png');$('#country').text('Cote d`Ivoire');"><img src="menu/IV.png" width="80" height="55" alt="Cote d`Ivoire"/>Cote d`Ivoire</div>
<div onClick="$('#image').attr('src','filtered/1/HR.png');$('#fitimage').attr('src','filtered/2/HR1.png');$('#country').text('Croatia');"><img src="menu/HR.png" width="80" height="55" alt="Croatia"/>Croatia</div>
<div onClick="$('#image').attr('src','filtered/1/CU.png');$('#fitimage').attr('src','filtered/2/CU1.png');$('#country').text('Cuba');"><img src="menu/CU.png" width="80" height="55" alt="Cuba"/>Cuba</div>
<div onClick="$('#image').attr('src','filtered/1/CY.png');$('#fitimage').attr('src','filtered/2/CY1.png');$('#country').text('Cyprus');"><img src="menu/CY.png" width="80" height="55" alt="Cyprus"/>Cyprus</div>
<div onClick="$('#image').attr('src','filtered/1/EZ.png');$('#fitimage').attr('src','filtered/2/EZ1.png');$('#country').text('Czech Republic');"><img src="menu/EZ.png" width="80" height="55" alt="Czech Republic"/>Czech Republic</div>
<div onClick="$('#image').attr('src','filtered/1/CG.png');$('#fitimage').attr('src','filtered/2/CG1.png');$('#country').text('Democratic Republic of the Congo');"><img src="menu/CG.png" width="80" height="55" alt="Democratic Republic of the Congo"/>Democratic Republic of the Congo</div>
<div onClick="$('#image').attr('src','filtered/1/DA.png');$('#fitimage').attr('src','filtered/2/DA1.png');$('#country').text('Denmark');"><img src="menu/DA.png" width="80" height="55" alt="Denmark"/>Denmark</div>
<div onClick="$('#image').attr('src','filtered/1/DX.png');$('#fitimage').attr('src','filtered/2/DX1.png');$('#country').text('Dhekelia Sovereign Base Area');"><img src="menu/UK.png" width="80" height="55" alt="Dhekelia Sovereign Base Area"/>Dhekelia Sovereign Base Area</div>
<div onClick="$('#image').attr('src','filtered/1/DJ.png');$('#fitimage').attr('src','filtered/2/DJ1.png');$('#country').text('Djibouti');"><img src="menu/DJ.png" width="80" height="55" alt="Djibouti"/>Djibouti</div>
<div onClick="$('#image').attr('src','filtered/1/DO.png');$('#fitimage').attr('src','filtered/2/DO1.png');$('#country').text('Dominica');"><img src="menu/DO.png" width="80" height="55" alt="Dominica"/>Dominica</div>
<div onClick="$('#image').attr('src','filtered/1/DR.png');$('#fitimage').attr('src','filtered/2/DR1.png');$('#country').text('Dominican Republic');"><img src="menu/DR.png" width="80" height="55" alt="Dominican Republic"/>Dominican Republic</div>
<div onClick="$('#image').attr('src','filtered/1/TT.png');$('#fitimage').attr('src','filtered/2/TT1.png');$('#country').text('East Timor');"><img src="menu/TT.png" width="80" height="55" alt="East Timor"/>East Timor</div>
<div onClick="$('#image').attr('src','filtered/1/EC.png');$('#fitimage').attr('src','filtered/2/EC1.png');$('#country').text('Ecuador');"><img src="menu/EC.png" width="80" height="55" alt="Ecuador"/>Ecuador</div>
<div onClick="$('#image').attr('src','filtered/1/EG.png');$('#fitimage').attr('src','filtered/2/EG1.png');$('#country').text('Egypt');"><img src="menu/EG.png" width="80" height="55" alt="Egypt"/>Egypt</div>
<div onClick="$('#image').attr('src','filtered/1/ES.png');$('#fitimage').attr('src','filtered/2/ES1.png');$('#country').text('El Salvador');"><img src="menu/ES.png" width="80" height="55" alt="El Salvador"/>El Salvador</div>
<div onClick="$('#image').attr('src','filtered/1/EK.png');$('#fitimage').attr('src','filtered/2/EK1.png');$('#country').text('Equatorial Guinea');"><img src="menu/EK.png" width="80" height="55" alt="Equatorial Guinea"/>Equatorial Guinea</div>
<div onClick="$('#image').attr('src','filtered/1/ER.png');$('#fitimage').attr('src','filtered/2/ER1.png');$('#country').text('Eritrea');"><img src="menu/ER.png" width="80" height="55" alt="Eritrea"/>Eritrea</div>
<div onClick="$('#image').attr('src','filtered/1/EN.png');$('#fitimage').attr('src','filtered/2/EN1.png');$('#country').text('Estonia');"><img src="menu/EN.png" width="80" height="55" alt="Estonia"/>Estonia</div>
<div onClick="$('#image').attr('src','filtered/1/ET.png');$('#fitimage').attr('src','filtered/2/ET1.png');$('#country').text('Ethiopia');"><img src="menu/ET.png" width="80" height="55" alt="Ethiopia"/>Ethiopia</div>
<div onClick="$('#image').attr('src','filtered/1/PJ.png');$('#fitimage').attr('src','filtered/2/PJ1.png');$('#country').text('Etorofu, Habomai, Kunashiri and Shikotan Islands');"><img src="menu/PJ.png" width="80" height="55" alt="Etorofu, Habomai, Kunashiri and Shikotan Islands"/>Etorofu, Habomai, Kunashiri and Shikotan Islands</div>
<div onClick="$('#image').attr('src','filtered/1/EU.png');$('#fitimage').attr('src','filtered/2/EU1.png');$('#country').text('Europa Island');"><img src="menu/BS.png" width="80" height="55" alt="Europa Island"/>Europa Island</div>
<div onClick="$('#image').attr('src','filtered/1/FK.png');$('#fitimage').attr('src','filtered/2/FK1.png');$('#country').text('Falkland Islands (Islas Malvinas)');"><img src="menu/FK.png" width="80" height="55" alt="Falkland Islands (Islas Malvinas)"/>Falkland Islands (Islas Malvinas)</div>
<div onClick="$('#image').attr('src','filtered/1/FO.png');$('#fitimage').attr('src','filtered/2/FO1.png');$('#country').text('Faroe Islands');"><img src="menu/FO.png" width="80" height="55" alt="Faroe Islands"/>Faroe Islands</div>
<div onClick="$('#image').attr('src','filtered/1/FJ.png');$('#fitimage').attr('src','filtered/2/FJ1.png');$('#country').text('Fiji');"><img src="menu/FJ.png" width="80" height="55" alt="Fiji"/>Fiji</div>
<div onClick="$('#image').attr('src','filtered/1/FI.png');$('#fitimage').attr('src','filtered/2/FI1.png');$('#country').text('Finland');"><img src="menu/FI.png" width="80" height="55" alt="Finland"/>Finland</div>
<div onClick="$('#image').attr('src','filtered/1/FR.png');$('#fitimage').attr('src','filtered/2/FR1.png');$('#country').text('France');"><img src="menu/FR.png" width="80" height="55" alt="France"/>France</div>
<div onClick="$('#image').attr('src','filtered/1/FG.png');$('#fitimage').attr('src','filtered/2/FG1.png');$('#country').text('French Guiana');"><img src="menu/FG.png" width="80" height="55" alt="French Guiana"/>French Guiana</div>
<div onClick="$('#image').attr('src','filtered/1/FP.png');$('#fitimage').attr('src','filtered/2/FP1.png');$('#country').text('French Polynesia');"><img src="menu/FP.png" width="80" height="55" alt="French Polynesia"/>French Polynesia</div>
<div onClick="$('#image').attr('src','filtered/1/FS.png');$('#fitimage').attr('src','filtered/2/FS1.png');$('#country').text('French Southern and Antarctic Lands');"><img src="menu/bs.png" width="80" height="55" alt="French Southern and Antarctic Lands"/>French Southern and Antarctic Lands</div>
<div onClick="$('#image').attr('src','filtered/1/GB.png');$('#fitimage').attr('src','filtered/2/GB1.png');$('#country').text('Gabon');"><img src="menu/GB.png" width="80" height="55" alt="Gabon"/>Gabon</div>
<div onClick="$('#image').attr('src','filtered/1/GA.png');$('#fitimage').attr('src','filtered/2/GA1.png');$('#country').text('Gambia');"><img src="menu/GA.png" width="80" height="55" alt="Gambia"/>Gambia</div>
<div onClick="$('#image').attr('src','filtered/1/GZ.png');$('#fitimage').attr('src','filtered/2/GZ1.png');$('#country').text('Gaza Strip');"><img src="menu/GZ.png" width="80" height="55" alt="Gaza Strip"/>Gaza Strip</div>
<div onClick="$('#image').attr('src','filtered/1/GG.png');$('#fitimage').attr('src','filtered/2/GG1.png');$('#country').text('Georgia');"><img src="menu/GG.png" width="80" height="55" alt="Georgia"/>Georgia</div>
<div onClick="$('#image').attr('src','filtered/1/GM.png');$('#fitimage').attr('src','filtered/2/GM1.png');$('#country').text('Germany');"><img src="menu/GM.png" width="80" height="55" alt="Germany"/>Germany</div>
<div onClick="$('#image').attr('src','filtered/1/GH.png');$('#fitimage').attr('src','filtered/2/GH1.png');$('#country').text('Ghana');"><img src="menu/GH.png" width="80" height="55" alt="Ghana"/>Ghana</div>
<div onClick="$('#image').attr('src','filtered/1/GI.png');$('#fitimage').attr('src','filtered/2/GI1.png');$('#country').text('Gibraltar');"><img src="menu/GI.png" width="80" height="55" alt="Gibraltar"/>Gibraltar</div>
<div onClick="$('#image').attr('src','filtered/1/GO.png');$('#fitimage').attr('src','filtered/2/GO1.png');$('#country').text('Glorioso Islands');"><img src="menu/bs.png" width="80" height="55" alt="Glorioso Islands"/>Glorioso Islands</div>
<div onClick="$('#image').attr('src','filtered/1/GR.png');$('#fitimage').attr('src','filtered/2/GR1.png');$('#country').text('Greece');"><img src="menu/GR.png" width="80" height="55" alt="Greece"/>Greece</div>
<div onClick="$('#image').attr('src','filtered/1/GL.png');$('#fitimage').attr('src','filtered/2/GL1.png');$('#country').text('Greenland');"><img src="menu/GL.png" width="80" height="55" alt="Greenland"/>Greenland</div>
<div onClick="$('#image').attr('src','filtered/1/GJ.png');$('#fitimage').attr('src','filtered/2/GJ1.png');$('#country').text('Grenada');"><img src="menu/GJ.png" width="80" height="55" alt="Grenada"/>Grenada</div>
<div onClick="$('#image').attr('src','filtered/1/GP.png');$('#fitimage').attr('src','filtered/2/GP1.png');$('#country').text('Guadeloupe');"><img src="menu/GP.png" width="80" height="55" alt="Guadeloupe"/>Guadeloupe</div>
<div onClick="$('#image').attr('src','filtered/1/GQ.png');$('#fitimage').attr('src','filtered/2/GQ1.png');$('#country').text('Guam');"><img src="menu/GQ.png" width="80" height="55" alt="Guam"/>Guam</div>
<div onClick="$('#image').attr('src','filtered/1/GT.png');$('#fitimage').attr('src','filtered/2/GT1.png');$('#country').text('Guatemala');"><img src="menu/GT.png" width="80" height="55" alt="Guatemala"/>Guatemala</div>
<div onClick="$('#image').attr('src','filtered/1/GK.png');$('#fitimage').attr('src','filtered/2/GK1.png');$('#country').text('Guernsey');"><img src="menu/GK.png" width="80" height="55" alt="Guernsey"/>Guernsey</div>
<div onClick="$('#image').attr('src','filtered/1/GV.png');$('#fitimage').attr('src','filtered/2/GV1.png');$('#country').text('Guinea');"><img src="menu/GV.png" width="80" height="55" alt="Guinea"/>Guinea</div>
<div onClick="$('#image').attr('src','filtered/1/PU.png');$('#fitimage').attr('src','filtered/2/PU1.png');$('#country').text('Guinea-Bissau');"><img src="menu/PU.png" width="80" height="55" alt="Guinea-Bissau"/>Guinea-Bissau</div>
<div onClick="$('#image').attr('src','filtered/1/GY.png');$('#fitimage').attr('src','filtered/2/GY1.png');$('#country').text('Guyana');"><img src="menu/GY.png" width="80" height="55" alt="Guyana"/>Guyana</div>
<div onClick="$('#image').attr('src','filtered/1/HA.png');$('#fitimage').attr('src','filtered/2/HA1.png');$('#country').text('Haiti');"><img src="menu/HA.png" width="80" height="55" alt="Haiti"/>Haiti</div>
<div onClick="$('#image').attr('src','filtered/1/HM.png');$('#fitimage').attr('src','filtered/2/HM1.png');$('#country').text('Heard Island and McDonald Islands');"><img src="menu/AS.png" width="80" height="55" alt="Heard Island and McDonald Islands"/>Heard Island and McDonald Islands</div>
<div onClick="$('#image').attr('src','filtered/1/HO.png');$('#fitimage').attr('src','filtered/2/HO1.png');$('#country').text('Honduras');"><img src="menu/HO.png" width="80" height="55" alt="Honduras"/>Honduras</div>
<div onClick="$('#image').attr('src','filtered/1/HK.png');$('#fitimage').attr('src','filtered/2/HK1.png');$('#country').text('Hong Kong');"><img src="menu/HK.png" width="80" height="55" alt="Hong Kong"/>Hong Kong</div>
<div onClick="$('#image').attr('src','filtered/1/HQ.png');$('#fitimage').attr('src','filtered/2/HQ1.png');$('#country').text('Howland Island');"><img src="menu/US.png" width="80" height="55" alt="Howland Island"/>Howland Island</div>
<div onClick="$('#image').attr('src','filtered/1/HU.png');$('#fitimage').attr('src','filtered/2/HU1.png');$('#country').text('Hungary');"><img src="menu/HU.png" width="80" height="55" alt="Hungary"/>Hungary</div>
<div onClick="$('#image').attr('src','filtered/1/IC.png');$('#fitimage').attr('src','filtered/2/IC1.png');$('#country').text('Iceland');"><img src="menu/IC.png" width="80" height="55" alt="Iceland"/>Iceland</div>
<div onClick="$('#image').attr('src','filtered/1/IN.png');$('#fitimage').attr('src','filtered/2/IN1.png');$('#country').text('India');"><img src="menu/IN.png" width="80" height="55" alt="India"/>India</div>
<div onClick="$('#image').attr('src','filtered/1/ID.png');$('#fitimage').attr('src','filtered/2/ID1.png');$('#country').text('Indonesia');"><img src="menu/ID.png" width="80" height="55" alt="Indonesia"/>Indonesia</div>
<div onClick="$('#image').attr('src','filtered/1/IR.png');$('#fitimage').attr('src','filtered/2/IR1.png');$('#country').text('Iran');"><img src="menu/IR.png" width="80" height="55" alt="Iran"/>Iran</div>
<div onClick="$('#image').attr('src','filtered/1/IZ.png');$('#fitimage').attr('src','filtered/2/IZ1.png');$('#country').text('Iraq');"><img src="menu/IZ.png" width="80" height="55" alt="Iraq"/>Iraq</div>
<div onClick="$('#image').attr('src','filtered/1/EI.png');$('#fitimage').attr('src','filtered/2/EI1.png');$('#country').text('Ireland');"><img src="menu/EI.png" width="80" height="55" alt="Ireland"/>Ireland</div>
<div onClick="$('#image').attr('src','filtered/1/IM.png');$('#fitimage').attr('src','filtered/2/IM1.png');$('#country').text('Isle of Man');"><img src="menu/IM.png" width="80" height="55" alt="Isle of Man"/>Isle of Man</div>
<div onClick="$('#image').attr('src','filtered/1/IS.png');$('#fitimage').attr('src','filtered/2/IS1.png');$('#country').text('Israel');"><img src="menu/IS.png" width="80" height="55" alt="Israel"/>Israel</div>
<div onClick="$('#image').attr('src','filtered/1/IT.png');$('#fitimage').attr('src','filtered/2/IT1.png');$('#country').text('Italy');"><img src="menu/IT.png" width="80" height="55" alt="Italy"/>Italy</div>
<div onClick="$('#image').attr('src','filtered/1/JM.png');$('#fitimage').attr('src','filtered/2/JM1.png');$('#country').text('Jamaica');"><img src="menu/JM.png" width="80" height="55" alt="Jamaica"/>Jamaica</div>
<div onClick="$('#image').attr('src','filtered/1/JN.png');$('#fitimage').attr('src','filtered/2/JN1.png');$('#country').text('Jan Mayen');"><img src="menu/NO.png" width="80" height="55" alt="Jan Mayen"/>Jan Mayen</div>
<div onClick="$('#image').attr('src','filtered/1/JA.png');$('#fitimage').attr('src','filtered/2/JA1.png');$('#country').text('Japan');"><img src="menu/JA.png" width="80" height="55" alt="Japan"/>Japan</div>
<div onClick="$('#image').attr('src','filtered/1/DQ.png');$('#fitimage').attr('src','filtered/2/DQ1.png');$('#country').text('Jarvis Island');"><img src="menu/US.png" width="80" height="55" alt="Jarvis Island"/>Jarvis Island</div>
<div onClick="$('#image').attr('src','filtered/1/JE.png');$('#fitimage').attr('src','filtered/2/JE1.png');$('#country').text('Jersey');"><img src="menu/JE.png" width="80" height="55" alt="Jersey"/>Jersey</div>
<div onClick="$('#image').attr('src','filtered/1/JQ.png');$('#fitimage').attr('src','filtered/2/JQ1.png');$('#country').text('Johnston Atoll');"><img src="menu/JQ.png" width="80" height="55" alt="Johnston Atoll"/>Johnston Atoll</div>
<div onClick="$('#image').attr('src','filtered/1/JO.png');$('#fitimage').attr('src','filtered/2/JO1.png');$('#country').text('Jordan');"><img src="menu/JO.png" width="80" height="55" alt="Jordan"/>Jordan</div>
<div onClick="$('#image').attr('src','filtered/1/JU.png');$('#fitimage').attr('src','filtered/2/JU1.png');$('#country').text('Juan de Nova Island');"><img src="menu/bs.png" width="80" height="55" alt="Juan de Nova Island"/>Juan de Nova Island</div>
<div onClick="$('#image').attr('src','filtered/1/KZ.png');$('#fitimage').attr('src','filtered/2/KZ1.png');$('#country').text('Kazakhstan');"><img src="menu/KZ.png" width="80" height="55" alt="Kazakhstan"/>Kazakhstan</div>
<div onClick="$('#image').attr('src','filtered/1/KE.png');$('#fitimage').attr('src','filtered/2/KE1.png');$('#country').text('Kenya');"><img src="menu/KE.png" width="80" height="55" alt="Kenya"/>Kenya</div>
<div onClick="$('#image').attr('src','filtered/1/KQ.png');$('#fitimage').attr('src','filtered/2/KQ1.png');$('#country').text('Kingman Reef');"><img src="menu/US.png" width="80" height="55" alt="Kingman Reef"/>Kingman Reef</div>
<div onClick="$('#image').attr('src','filtered/1/KR.png');$('#fitimage').attr('src','filtered/2/KR1.png');$('#country').text('Kiribati');"><img src="menu/KR.png" width="80" height="55" alt="Kiribati"/>Kiribati</div>
<div onClick="$('#image').attr('src','filtered/1/KV.png');$('#fitimage').attr('src','filtered/2/KV1.png');$('#country').text('Kosovo');"><img src="menu/KV.png" width="80" height="55" alt="Kosovo"/>Kosovo</div>
<div onClick="$('#image').attr('src','filtered/1/KU.png');$('#fitimage').attr('src','filtered/2/KU1.png');$('#country').text('Kuwait');"><img src="menu/KU.png" width="80" height="55" alt="Kuwait"/>Kuwait</div>
<div onClick="$('#image').attr('src','filtered/1/KG.png');$('#fitimage').attr('src','filtered/2/KG1.png');$('#country').text('Kyrgyzstan');"><img src="menu/KG.png" width="80" height="55" alt="Kyrgyzstan"/>Kyrgyzstan</div>
<div onClick="$('#image').attr('src','filtered/1/LA.png');$('#fitimage').attr('src','filtered/2/LA1.png');$('#country').text('Laos');"><img src="menu/LA.png" width="80" height="55" alt="Laos"/>Laos</div>
<div onClick="$('#image').attr('src','filtered/1/LG.png');$('#fitimage').attr('src','filtered/2/LG1.png');$('#country').text('Latvia');"><img src="menu/LG.png" width="80" height="55" alt="Latvia"/>Latvia</div>
<div onClick="$('#image').attr('src','filtered/1/LE.png');$('#fitimage').attr('src','filtered/2/LE1.png');$('#country').text('Lebanon');"><img src="menu/LE.png" width="80" height="55" alt="Lebanon"/>Lebanon</div>
<div onClick="$('#image').attr('src','filtered/1/LT.png');$('#fitimage').attr('src','filtered/2/LT1.png');$('#country').text('Lesotho');"><img src="menu/LT.png" width="80" height="55" alt="Lesotho"/>Lesotho</div>
<div onClick="$('#image').attr('src','filtered/1/LI.png');$('#fitimage').attr('src','filtered/2/LI1.png');$('#country').text('Liberia');"><img src="menu/LI.png" width="80" height="55" alt="Liberia"/>Liberia</div>
<div onClick="$('#image').attr('src','filtered/1/LY.png');$('#fitimage').attr('src','filtered/2/LY1.png');$('#country').text('Libya');"><img src="menu/LY.png" width="80" height="55" alt="Libya"/>Libya</div>
<div onClick="$('#image').attr('src','filtered/1/LS.png');$('#fitimage').attr('src','filtered/2/LS1.png');$('#country').text('Liechtenstein');"><img src="menu/LS.png" width="80" height="55" alt="Liechtenstein"/>Liechtenstein</div>
<div onClick="$('#image').attr('src','filtered/1/LH.png');$('#fitimage').attr('src','filtered/2/LH1.png');$('#country').text('Lithuania');"><img src="menu/LH.png" width="80" height="55" alt="Lithuania"/>Lithuania</div>
<div onClick="$('#image').attr('src','filtered/1/LU.png');$('#fitimage').attr('src','filtered/2/LU1.png');$('#country').text('Luxembourg');"><img src="menu/LU.png" width="80" height="55" alt="Luxembourg"/>Luxembourg</div>
<div onClick="$('#image').attr('src','filtered/1/MC.png');$('#fitimage').attr('src','filtered/2/MC1.png');$('#country').text('Macau');"><img src="menu/MC.png" width="80" height="55" alt="Macau"/>Macau</div>
<div onClick="$('#image').attr('src','filtered/1/MK.png');$('#fitimage').attr('src','filtered/2/MK1.png');$('#country').text('Macedonia');"><img src="menu/MK.png" width="80" height="55" alt="Macedonia"/>Macedonia</div>
<div onClick="$('#image').attr('src','filtered/1/MA.png');$('#fitimage').attr('src','filtered/2/MA1.png');$('#country').text('Madagascar');"><img src="menu/MA.png" width="80" height="55" alt="Madagascar"/>Madagascar</div>
<div onClick="$('#image').attr('src','filtered/1/MI.png');$('#fitimage').attr('src','filtered/2/MI1.png');$('#country').text('Malawi');"><img src="menu/MI.png" width="80" height="55" alt="Malawi"/>Malawi</div>
<div onClick="$('#image').attr('src','filtered/1/MY.png');$('#fitimage').attr('src','filtered/2/MY1.png');$('#country').text('Malaysia');"><img src="menu/MY.png" width="80" height="55" alt="Malaysia"/>Malaysia</div>
<div onClick="$('#image').attr('src','filtered/1/MV.png');$('#fitimage').attr('src','filtered/2/MV1.png');$('#country').text('Maldives');"><img src="menu/MV.png" width="80" height="55" alt="Maldives"/>Maldives</div>
<div onClick="$('#image').attr('src','filtered/1/ML.png');$('#fitimage').attr('src','filtered/2/ML1.png');$('#country').text('Mali');"><img src="menu/ML.png" width="80" height="55" alt="Mali"/>Mali</div>
<div onClick="$('#image').attr('src','filtered/1/MT.png');$('#fitimage').attr('src','filtered/2/MT1.png');$('#country').text('Malta');"><img src="menu/MT.png" width="80" height="55" alt="Malta"/>Malta</div>
<div onClick="$('#image').attr('src','filtered/1/RM.png');$('#fitimage').attr('src','filtered/2/RM1.png');$('#country').text('Marshall Islands');"><img src="menu/RM.png" width="80" height="55" alt="Marshall Islands"/>Marshall Islands</div>
<div onClick="$('#image').attr('src','filtered/1/MB.png');$('#fitimage').attr('src','filtered/2/MB1.png');$('#country').text('Martinique');"><img src="menu/MB.png" width="80" height="55" alt="Martinique"/>Martinique</div>
<div onClick="$('#image').attr('src','filtered/1/MR.png');$('#fitimage').attr('src','filtered/2/MR1.png');$('#country').text('Mauritania');"><img src="menu/MR.png" width="80" height="55" alt="Mauritania"/>Mauritania</div>
<div onClick="$('#image').attr('src','filtered/1/MP.png');$('#fitimage').attr('src','filtered/2/MP1.png');$('#country').text('Mauritius');"><img src="menu/MP.png" width="80" height="55" alt="Mauritius"/>Mauritius</div>
<div onClick="$('#image').attr('src','filtered/1/MF.png');$('#fitimage').attr('src','filtered/2/MF1.png');$('#country').text('Mayotte');"><img src="menu/MF.png" width="80" height="55" alt="Mayotte"/>Mayotte</div>
<div onClick="$('#image').attr('src','filtered/1/MX.png');$('#fitimage').attr('src','filtered/2/MX1.png');$('#country').text('Mexico');"><img src="menu/MX.png" width="80" height="55" alt="Mexico"/>Mexico</div>
<div onClick="$('#image').attr('src','filtered/1/FM.png');$('#fitimage').attr('src','filtered/2/FM1.png');$('#country').text('Micronesia');"><img src="menu/FM.png" width="80" height="55" alt="Micronesia"/>Micronesia</div>
<div onClick="$('#image').attr('src','filtered/1/MQ.png');$('#fitimage').attr('src','filtered/2/MQ1.png');$('#country').text('Midway Islands');"><img src="menu/MQ.png" width="80" height="55" alt="Midway Islands"/>Midway Islands</div>
<div onClick="$('#image').attr('src','filtered/1/MD.png');$('#fitimage').attr('src','filtered/2/MD1.png');$('#country').text('Moldova');"><img src="menu/MD.png" width="80" height="55" alt="Moldova"/>Moldova</div>
<div onClick="$('#image').attr('src','filtered/1/MN.png');$('#fitimage').attr('src','filtered/2/MN1.png');$('#country').text('Monaco');"><img src="menu/MN.png" width="80" height="55" alt="Monaco"/>Monaco</div>
<div onClick="$('#image').attr('src','filtered/1/MG.png');$('#fitimage').attr('src','filtered/2/MG1.png');$('#country').text('Mongolia');"><img src="menu/MG.png" width="80" height="55" alt="Mongolia"/>Mongolia</div>
<div onClick="$('#image').attr('src','filtered/1/MJ.png');$('#fitimage').attr('src','filtered/2/MJ1.png');$('#country').text('Montenegro');"><img src="menu/MJ.png" width="80" height="55" alt="Montenegro"/>Montenegro</div>
<div onClick="$('#image').attr('src','filtered/1/MH.png');$('#fitimage').attr('src','filtered/2/MH1.png');$('#country').text('Montserrat');"><img src="menu/MH.png" width="80" height="55" alt="Montserrat"/>Montserrat</div>
<div onClick="$('#image').attr('src','filtered/1/MO.png');$('#fitimage').attr('src','filtered/2/MO1.png');$('#country').text('Morocco');"><img src="menu/MO.png" width="80" height="55" alt="Morocco"/>Morocco</div>
<div onClick="$('#image').attr('src','filtered/1/MZ.png');$('#fitimage').attr('src','filtered/2/MZ1.png');$('#country').text('Mozambique');"><img src="menu/MZ.png" width="80" height="55" alt="Mozambique"/>Mozambique</div>
<div onClick="$('#image').attr('src','filtered/1/BM.png');$('#fitimage').attr('src','filtered/2/BM1.png');$('#country').text('Myanmar');"><img src="menu/BM.png" width="80" height="55" alt="Myanmar"/>Myanmar</div>
<div onClick="$('#image').attr('src','filtered/1/WA.png');$('#fitimage').attr('src','filtered/2/WA1.png');$('#country').text('Namibia');"><img src="menu/WA.png" width="80" height="55" alt="Namibia"/>Namibia</div>
<div onClick="$('#image').attr('src','filtered/1/NR.png');$('#fitimage').attr('src','filtered/2/NR1.png');$('#country').text('Nauru');"><img src="menu/NR.png" width="80" height="55" alt="Nauru"/>Nauru</div>
<div onClick="$('#image').attr('src','filtered/1/BQ.png');$('#fitimage').attr('src','filtered/2/BQ1.png');$('#country').text('Navassa Island');"><img src="menu/US.png" width="80" height="55" alt="Navassa Island"/>Navassa Island</div>
<div onClick="$('#image').attr('src','filtered/1/NP.png');$('#fitimage').attr('src','filtered/2/NP1.png');$('#country').text('Nepal');"><img src="menu/NP.png" width="40" height="55" alt="Nepal"/>Nepal</div>
<div onClick="$('#image').attr('src','filtered/1/NL.png');$('#fitimage').attr('src','filtered/2/NL1.png');$('#country').text('Netherlands');"><img src="menu/NL.png" width="80" height="55" alt="Netherlands"/>Netherlands</div>
<div onClick="$('#image').attr('src','filtered/1/NT.png');$('#fitimage').attr('src','filtered/2/NT1.png');$('#country').text('Netherlands Antilles');"><img src="menu/NT.png" width="80" height="55" alt="Netherlands Antilles"/>Netherlands Antilles</div>
<div onClick="$('#image').attr('src','filtered/1/NZ.png');$('#fitimage').attr('src','filtered/2/NZ1.png');$('#country').text('New Zealand');"><img src="menu/NZ.png" width="80" height="55" alt="New Zealand"/>New Zealand</div>
<div onClick="$('#image').attr('src','filtered/1/NC.png');$('#fitimage').attr('src','filtered/2/NC1.png');$('#country').text('New Caledonia');"><img src="menu/NC.png" width="80" height="55" alt="New Caledonia"/>New Caledonia</div>
<div onClick="$('#image').attr('src','filtered/1/NU.png');$('#fitimage').attr('src','filtered/2/NU1.png');$('#country').text('Nicaragua');"><img src="menu/NU.png" width="80" height="55" alt="Nicaragua"/>Nicaragua</div>
<div onClick="$('#image').attr('src','filtered/1/NG.png');$('#fitimage').attr('src','filtered/2/NG1.png');$('#country').text('Niger');"><img src="menu/NG.png" width="80" height="55" alt="Niger"/>Niger</div>
<div onClick="$('#image').attr('src','filtered/1/NI.png');$('#fitimage').attr('src','filtered/2/NI1.png');$('#country').text('Nigeria');"><img src="menu/NI.png" width="80" height="55" alt="Nigeria"/>Nigeria</div>
<div onClick="$('#image').attr('src','filtered/1/NE.png');$('#fitimage').attr('src','filtered/2/NE1.png');$('#country').text('Niue');"><img src="menu/NE.png" width="80" height="55" alt="Niue"/>Niue</div>
<div onClick="$('#image').attr('src','filtered/1/NM.png');$('#fitimage').attr('src','filtered/2/NM1.png');$('#country').text('No Man`s Land');"><img src="menu/NM.png" width="80" height="55" alt="No Man`s Land"/>No Man`s Land</div>
<div onClick="$('#image').attr('src','filtered/1/NF.png');$('#fitimage').attr('src','filtered/2/NF1.png');$('#country').text('Norfolk Island');"><img src="menu/NF.png" width="80" height="55" alt="Norfolk Island"/>Norfolk Island</div>
<div onClick="$('#image').attr('src','filtered/1/KN.png');$('#fitimage').attr('src','filtered/2/KN1.png');$('#country').text('North Korea');"><img src="menu/KN.png" width="80" height="55" alt="North Korea"/>North Korea</div>
<div onClick="$('#image').attr('src','filtered/1/CQ.png');$('#fitimage').attr('src','filtered/2/CQ1.png');$('#country').text('Northern Mariana Islands');"><img src="menu/CQ.png" width="80" height="55" alt="Northern Mariana Islands"/>Northern Mariana Islands</div>
<div onClick="$('#image').attr('src','filtered/1/NO.png');$('#fitimage').attr('src','filtered/2/NO1.png');$('#country').text('Norway');"><img src="menu/NO.png" width="80" height="55" alt="Norway"/>Norway</div>
<div onClick="$('#image').attr('src','filtered/1/OS.png');$('#fitimage').attr('src','filtered/2/OS1.png');$('#country').text('Oceans');"><img src="menu/OS.png" width="80" height="55" alt="Oceans"/>Oceans</div>
<div onClick="$('#image').attr('src','filtered/1/MU.png');$('#fitimage').attr('src','filtered/2/MU1.png');$('#country').text('Oman');"><img src="menu/MU.png" width="80" height="55" alt="Oman"/>Oman</div>
<div onClick="$('#image').attr('src','filtered/1/PK.png');$('#fitimage').attr('src','filtered/2/PK1.png');$('#country').text('Pakistan');"><img src="menu/PK.png" width="80" height="55" alt="Pakistan"/>Pakistan</div>
<div onClick="$('#image').attr('src','filtered/1/PS.png');$('#fitimage').attr('src','filtered/2/PS1.png');$('#country').text('Palau');"><img src="menu/PS.png" width="80" height="55" alt="Palau"/>Palau</div>
<div onClick="$('#image').attr('src','filtered/1/WE.png');$('#fitimage').attr('src','filtered/2/WE1.png');$('#country').text('Palestine (West Bank)');"><img src="menu/WE.png" width="80" height="55" alt="Palestine (West Bank)"/>Palestine (West Bank)</div>
<div onClick="$('#image').attr('src','filtered/1/LQ.png');$('#fitimage').attr('src','filtered/2/LQ1.png');$('#country').text('Palmyra Atoll');"><img src="menu/US.png" width="80" height="55" alt="Palmyra Atoll"/>Palmyra Atoll</div>
<div onClick="$('#image').attr('src','filtered/1/PM.png');$('#fitimage').attr('src','filtered/2/PM1.png');$('#country').text('Panama');"><img src="menu/PM.png" width="80" height="55" alt="Panama"/>Panama</div>
<div onClick="$('#image').attr('src','filtered/1/PP.png');$('#fitimage').attr('src','filtered/2/PP1.png');$('#country').text('Papua New Guinea');"><img src="menu/PP.png" width="80" height="55" alt="Papua New Guinea"/>Papua New Guinea</div>
<div onClick="$('#image').attr('src','filtered/1/PF.png');$('#fitimage').attr('src','filtered/2/PF1.png');$('#country').text('Paracel Islands');"><img src="menu/NM.png" width="80" height="55" alt="Paracel Islands"/>Paracel Islands</div>
<div onClick="$('#image').attr('src','filtered/1/PA.png');$('#fitimage').attr('src','filtered/2/PA1.png');$('#country').text('Paraguay');"><img src="menu/PA.png" width="80" height="55" alt="Paraguay"/>Paraguay</div>
<div onClick="$('#image').attr('src','filtered/1/PE.png');$('#fitimage').attr('src','filtered/2/PE1.png');$('#country').text('Peru');"><img src="menu/PE.png" width="80" height="55" alt="Peru"/>Peru</div>
<div onClick="$('#image').attr('src','filtered/1/PC.png');$('#fitimage').attr('src','filtered/2/PC1.png');$('#country').text('Pitcairn Islands');"><img src="menu/PC.png" width="80" height="55" alt="Pitcairn Islands"/>Pitcairn Islands</div>
<div onClick="$('#image').attr('src','filtered/1/RP.png');$('#fitimage').attr('src','filtered/2/RP1.png');$('#country').text('Philippines');"><img src="menu/RP.png" width="80" height="55" alt="Philippines"/>Philippines</div>
<div onClick="$('#image').attr('src','filtered/1/PL.png');$('#fitimage').attr('src','filtered/2/PL1.png');$('#country').text('Poland');"><img src="menu/PL.png" width="80" height="55" alt="Poland"/>Poland</div>
<div onClick="$('#image').attr('src','filtered/1/RQ.png');$('#fitimage').attr('src','filtered/2/RQ1.png');$('#country').text('Puerto Rico');"><img src="menu/RQ.png" width="80" height="55" alt="Puerto Rico"/>Puerto Rico</div>
<div onClick="$('#image').attr('src','filtered/1/PO.png');$('#fitimage').attr('src','filtered/2/PO1.png');$('#country').text('Portugal');"><img src="menu/PO.png" width="80" height="55" alt="Portugal"/>Portugal</div>
<div onClick="$('#image').attr('src','filtered/1/QA.png');$('#fitimage').attr('src','filtered/2/QA1.png');$('#country').text('Qatar');"><img src="menu/QA.png" width="80" height="55" alt="Qatar"/>Qatar</div>
<div onClick="$('#image').attr('src','filtered/1/RE.png');$('#fitimage').attr('src','filtered/2/RE1.png');$('#country').text('Reunion');"><img src="menu/FR.png" width="80" height="55" alt="Reunion"/>Reunion</div>
<div onClick="$('#image').attr('src','filtered/1/RO.png');$('#fitimage').attr('src','filtered/2/RO1.png');$('#country').text('Romania');"><img src="menu/RO.png" width="80" height="55" alt="Romania"/>Romania</div>
<div onClick="$('#image').attr('src','filtered/1/RS.png');$('#fitimage').attr('src','filtered/2/RS1.png');$('#country').text('Russia');"><img src="menu/RS.png" width="80" height="55" alt="Russia"/>Russia</div>
<div onClick="$('#image').attr('src','filtered/1/RW.png');$('#fitimage').attr('src','filtered/2/RW1.png');$('#country').text('Rwanda');"><img src="menu/RW.png" width="80" height="55" alt="Rwanda"/>Rwanda</div>
<div onClick="$('#image').attr('src','filtered/1/SH.png');$('#fitimage').attr('src','filtered/2/SH1.png');$('#country').text('Saint Helena');"><img src="menu/SH.png" width="80" height="55" alt="Saint Helena"/>Saint Helena</div>
<div onClick="$('#image').attr('src','filtered/1/SC.png');$('#fitimage').attr('src','filtered/2/SC1.png');$('#country').text('Saint Kitts and Nevis');"><img src="menu/SC.png" width="80" height="55" alt="Saint Kitts and Nevis"/>Saint Kitts and Nevis</div>
<div onClick="$('#image').attr('src','filtered/1/ST.png');$('#fitimage').attr('src','filtered/2/ST1.png');$('#country').text('Saint Lucia');"><img src="menu/ST.png" width="80" height="55" alt="Saint Lucia"/>Saint Lucia</div>
<div onClick="$('#image').attr('src','filtered/1/RN.png');$('#fitimage').attr('src','filtered/2/RN1.png');$('#country').text('Saint Martin');"><img src="menu/RN.png" width="80" height="55" alt="Saint Martin"/>Saint Martin</div>
<div onClick="$('#image').attr('src','filtered/1/SB.png');$('#fitimage').attr('src','filtered/2/SB1.png');$('#country').text('Saint Pierre and Miquelon');"><img src="menu/SB.png" width="80" height="55" alt="Saint Pierre and Miquelon"/>Saint Pierre and Miquelon</div>
<div onClick="$('#image').attr('src','filtered/1/VC.png');$('#fitimage').attr('src','filtered/2/VC1.png');$('#country').text('Saint Vincent and the Grenadines');"><img src="menu/VC.png" width="80" height="55" alt="Saint Vincent and the Grenadines"/>Saint Vincent and the Grenadines</div>
<div onClick="$('#image').attr('src','filtered/1/TB.png');$('#fitimage').attr('src','filtered/2/TB1.png');$('#country').text('Saint-Barthelemy Island');"><img src="menu/FR.png" width="80" height="55" alt="Saint-Barthelemy Island"/>Saint-Barthelemy Island</div>
<div onClick="$('#image').attr('src','filtered/1/WS.png');$('#fitimage').attr('src','filtered/2/WS1.png');$('#country').text('Samoa');"><img src="menu/WS.png" width="80" height="55" alt="Samoa"/>Samoa</div>
<div onClick="$('#image').attr('src','filtered/1/SM.png');$('#fitimage').attr('src','filtered/2/SM1.png');$('#country').text('San Marino');"><img src="menu/SM.png" width="80" height="55" alt="San Marino"/>San Marino</div>
<div onClick="$('#image').attr('src','filtered/1/TP.png');$('#fitimage').attr('src','filtered/2/TP1.png');$('#country').text('Sao Tome and Principe');"><img src="menu/TP.png" width="80" height="55" alt="Sao Tome and Principe"/>Sao Tome and Principe</div>
<div onClick="$('#image').attr('src','filtered/1/SA.png');$('#fitimage').attr('src','filtered/2/SA1.png');$('#country').text('Saudi Arabia');"><img src="menu/SA.png" width="80" height="55" alt="Saudi Arabia"/>Saudi Arabia</div>
<div onClick="$('#image').attr('src','filtered/1/RI.png');$('#fitimage').attr('src','filtered/2/RI1.png');$('#country').text('Serbia');"><img src="menu/RI.png" width="80" height="55" alt="Serbia"/>Serbia</div>
<div onClick="$('#image').attr('src','filtered/1/SE.png');$('#fitimage').attr('src','filtered/2/SE1.png');$('#country').text('Seychelles');"><img src="menu/SE.png" width="80" height="55" alt="Seychelles"/>Seychelles</div>
<div onClick="$('#image').attr('src','filtered/1/SL.png');$('#fitimage').attr('src','filtered/2/SL1.png');$('#country').text('Sierra Leone');"><img src="menu/SL.png" width="80" height="55" alt="Sierra Leone"/>Sierra Leone</div>
<div onClick="$('#image').attr('src','filtered/1/SN.png');$('#fitimage').attr('src','filtered/2/SN1.png');$('#country').text('Singapore');"><img src="menu/SN.png" width="80" height="55" alt="Singapore"/>Singapore</div>
<div onClick="$('#image').attr('src','filtered/1/LO.png');$('#fitimage').attr('src','filtered/2/LO1.png');$('#country').text('Slovak Republic');"><img src="menu/LO.png" width="80" height="55" alt="Slovak Republic"/>Slovak Republic</div>
<div onClick="$('#image').attr('src','filtered/1/SI.png');$('#fitimage').attr('src','filtered/2/SI1.png');$('#country').text('Slovenia');"><img src="menu/SI.png" width="80" height="55" alt="Slovenia"/>Slovenia</div>
<div onClick="$('#image').attr('src','filtered/1/BP.png');$('#fitimage').attr('src','filtered/2/BP1.png');$('#country').text('Solomon Islands');"><img src="menu/BP.png" width="80" height="55" alt="Solomon Islands"/>Solomon Islands</div>
<div onClick="$('#image').attr('src','filtered/1/SO.png');$('#fitimage').attr('src','filtered/2/SO1.png');$('#country').text('Somalia');"><img src="menu/SO.png" width="80" height="55" alt="Somalia"/>Somalia</div>
<div onClick="$('#image').attr('src','filtered/1/SF.png');$('#fitimage').attr('src','filtered/2/SF1.png');$('#country').text('South Africa');"><img src="menu/SF.png" width="80" height="55" alt="South Africa"/>South Africa</div>
<div onClick="$('#image').attr('src','filtered/1/SX.png');$('#fitimage').attr('src','filtered/2/SX1.png');$('#country').text('South Georgia and the South Sandwich Islands');"><img src="menu/SX.png" width="80" height="55" alt="South Georgia and the South Sandwich Islands"/>South Georgia and the South Sandwich Islands</div>
<div onClick="$('#image').attr('src','filtered/1/KS.png');$('#fitimage').attr('src','filtered/2/KS1.png');$('#country').text('South Korea');"><img src="menu/KS.png" width="80" height="55" alt="South Korea"/>South Korea</div>
<div onClick="$('#image').attr('src','filtered/1/OD.png');$('#fitimage').attr('src','filtered/2/OD1.png');$('#country').text('South Sudan');"><img src="menu/OD.png" width="80" height="55" alt="South Sudan"/>South Sudan</div>
<div onClick="$('#image').attr('src','filtered/1/SP.png');$('#fitimage').attr('src','filtered/2/SP1.png');$('#country').text('Spain');"><img src="menu/SP.png" width="80" height="55" alt="Spain"/>Spain</div>
<div onClick="$('#image').attr('src','filtered/1/PG.png');$('#fitimage').attr('src','filtered/2/PG1.png');$('#country').text('Spratly Islands');"><img src="menu/nm.png" width="80" height="55" alt="Spratly Islands"/>Spratly Islands</div>
<div onClick="$('#image').attr('src','filtered/1/CE.png');$('#fitimage').attr('src','filtered/2/CE1.png');$('#country').text('Sri Lanka');"><img src="menu/CE.png" width="80" height="55" alt="Sri Lanka"/>Sri Lanka</div>
<div onClick="$('#image').attr('src','filtered/1/SU.png');$('#fitimage').attr('src','filtered/2/SU1.png');$('#country').text('Sudan');"><img src="menu/SU.png" width="80" height="55" alt="Sudan"/>Sudan</div>
<div onClick="$('#image').attr('src','filtered/1/NS.png');$('#fitimage').attr('src','filtered/2/NS1.png');$('#country').text('Suriname');"><img src="menu/NS.png" width="80" height="55" alt="Suriname"/>Suriname</div>
<div onClick="$('#image').attr('src','filtered/1/SV.png');$('#fitimage').attr('src','filtered/2/SV1.png');$('#country').text('Svalbard');"><img src="menu/NO.png" width="80" height="55" alt="Svalbard"/>Svalbard</div>
<div onClick="$('#image').attr('src','filtered/1/WZ.png');$('#fitimage').attr('src','filtered/2/WZ1.png');$('#country').text('Swaziland');"><img src="menu/WZ.png" width="80" height="55" alt="Swaziland"/>Swaziland</div>
<div onClick="$('#image').attr('src','filtered/1/SW.png');$('#fitimage').attr('src','filtered/2/SW1.png');$('#country').text('Sweden');"><img src="menu/SW.png" width="80" height="55" alt="Sweden"/>Sweden</div>
<div onClick="$('#image').attr('src','filtered/1/SZ.png');$('#fitimage').attr('src','filtered/2/SZ1.png');$('#country').text('Switzerland');"><img src="menu/SZ.png" width="55" height="55" alt="Switzerland"/>Switzerland</div>
<div onClick="$('#image').attr('src','filtered/1/SY.png');$('#fitimage').attr('src','filtered/2/SY1.png');$('#country').text('Syria');"><img src="menu/SY.png" width="80" height="55" alt="Syria"/>Syria</div>
<div onClick="$('#image').attr('src','filtered/1/TW.png');$('#fitimage').attr('src','filtered/2/TW1.png');$('#country').text('Taiwan');"><img src="menu/TW.png" width="80" height="55" alt="Taiwan"/>Taiwan</div>
<div onClick="$('#image').attr('src','filtered/1/TI.png');$('#fitimage').attr('src','filtered/2/TI1.png');$('#country').text('Tajikistan');"><img src="menu/TI.png" width="80" height="55" alt="Tajikistan"/>Tajikistan</div>
<div onClick="$('#image').attr('src','filtered/1/TZ.png');$('#fitimage').attr('src','filtered/2/TZ1.png');$('#country').text('Tanzania');"><img src="menu/TZ.png" width="80" height="55" alt="Tanzania"/>Tanzania</div>
<div onClick="$('#image').attr('src','filtered/1/TH.png');$('#fitimage').attr('src','filtered/2/TH1.png');$('#country').text('Thailand');"><img src="menu/TH.png" width="80" height="55" alt="Thailand"/>Thailand</div>
<div onClick="$('#image').attr('src','filtered/1/TO.png');$('#fitimage').attr('src','filtered/2/TO1.png');$('#country').text('Togo');"><img src="menu/TO.png" width="80" height="55" alt="Togo"/>Togo</div>
<div onClick="$('#image').attr('src','filtered/1/TL.png');$('#fitimage').attr('src','filtered/2/TL1.png');$('#country').text('Tokelau');"><img src="menu/TL.png" width="80" height="55" alt="Tokelau"/>Tokelau</div>
<div onClick="$('#image').attr('src','filtered/1/TN.png');$('#fitimage').attr('src','filtered/2/TN1.png');$('#country').text('Tonga');"><img src="menu/TN.png" width="80" height="55" alt="Tonga"/>Tonga</div>
<div onClick="$('#image').attr('src','filtered/1/TD.png');$('#fitimage').attr('src','filtered/2/TD1.png');$('#country').text('Trinidad and Tobago');"><img src="menu/TD.png" width="80" height="55" alt="Trinidad and Tobago"/>Trinidad and Tobago</div>
<div onClick="$('#image').attr('src','filtered/1/TE.png');$('#fitimage').attr('src','filtered/2/TE1.png');$('#country').text('Tromelin Island');"><img src="menu/BS.png" width="80" height="55" alt="Tromelin Island"/>Tromelin Island</div>
<div onClick="$('#image').attr('src','filtered/1/TS.png');$('#fitimage').attr('src','filtered/2/TS1.png');$('#country').text('Tunisia');"><img src="menu/TS.png" width="80" height="55" alt="Tunisia"/>Tunisia</div>
<div onClick="$('#image').attr('src','filtered/1/TU.png');$('#fitimage').attr('src','filtered/2/TU1.png');$('#country').text('Turkey');"><img src="menu/TU.png" width="80" height="55" alt="Turkey"/>Turkey</div>
<div onClick="$('#image').attr('src','filtered/1/TX.png');$('#fitimage').attr('src','filtered/2/TX1.png');$('#country').text('Turkmenistan');"><img src="menu/TX.png" width="80" height="55" alt="Turkmenistan"/>Turkmenistan</div>
<div onClick="$('#image').attr('src','filtered/1/TK.png');$('#fitimage').attr('src','filtered/2/TK1.png');$('#country').text('Turks and Caicos Islands');"><img src="menu/TK.png" width="80" height="55" alt="Turks and Caicos Islands"/>Turks and Caicos Islands</div>
<div onClick="$('#image').attr('src','filtered/1/TV.png');$('#fitimage').attr('src','filtered/2/TV1.png');$('#country').text('Tuvalu');"><img src="menu/TV.png" width="80" height="55" alt="Tuvalu"/>Tuvalu</div>
<div onClick="$('#image').attr('src','filtered/1/UG.png');$('#fitimage').attr('src','filtered/2/UG1.png');$('#country').text('Uganda');"><img src="menu/UG.png" width="80" height="55" alt="Uganda"/>Uganda</div>
<div onClick="$('#image').attr('src','filtered/1/UP.png');$('#fitimage').attr('src','filtered/2/UP1.png');$('#country').text('Ukraine');"><img src="menu/UP.png" width="80" height="55" alt="Ukraine"/>Ukraine</div>
<div onClick="$('#image').attr('src','filtered/1/UF.png');$('#fitimage').attr('src','filtered/2/UF1.png');$('#country').text('Undersea Features');"><img src="menu/OS.png" width="80" height="55" alt="Undersea Features"/>Undersea Features</div>
<div onClick="$('#image').attr('src','filtered/1/UU.png');$('#fitimage').attr('src','filtered/2/UU1.png');$('#country').text('Undesignated Sovereignty');"><img src="menu/NM.png" width="80" height="55" alt="Undesignated Sovereignty"/>Undesignated Sovereignty</div>
<div onClick="$('#image').attr('src','filtered/1/AE.png');$('#fitimage').attr('src','filtered/2/AE1.png');$('#country').text('United Arab Emirates');"><img src="menu/AE.png" width="80" height="55" alt="United Arab Emirates"/>United Arab Emirates</div>
<div onClick="$('#image').attr('src','filtered/1/UK.png');$('#fitimage').attr('src','filtered/2/UK1.png');$('#country').text('United Kingdom');"><img src="menu/UK.png" width="80" height="55" alt="United Kingdom"/>United Kingdom</div>
<div onClick="$('#image').attr('src','filtered/1/US.png');$('#fitimage').attr('src','filtered/2/US1.png');$('#country').text('United States');"><img src="menu/US.png" width="80" height="55" alt="United States"/>United States</div>
<div onClick="$('#image').attr('src','filtered/1/UY.png');$('#fitimage').attr('src','filtered/2/UY1.png');$('#country').text('Uruguay');"><img src="menu/UY.png" width="80" height="55" alt="Uruguay"/>Uruguay</div>
<div onClick="$('#image').attr('src','filtered/1/UZ.png');$('#fitimage').attr('src','filtered/2/UZ1.png');$('#country').text('Uzbekistan');"><img src="menu/UZ.png" width="80" height="55" alt="Uzbekistan"/>Uzbekistan</div>
<div onClick="$('#image').attr('src','filtered/1/NH.png');$('#fitimage').attr('src','filtered/2/NH1.png');$('#country').text('Vanuatu');"><img src="menu/NH.png" width="80" height="55" alt="Vanuatu"/>Vanuatu</div>
<div onClick="$('#image').attr('src','filtered/1/VT.png');$('#fitimage').attr('src','filtered/2/VT1.png');$('#country').text('Vatican City');"><img src="menu/VT.png" width="80" height="55" alt="Vatican City"/>Vatican City</div>
<div onClick="$('#image').attr('src','filtered/1/VE.png');$('#fitimage').attr('src','filtered/2/VE1.png');$('#country').text('Venezuela');"><img src="menu/VE.png" width="80" height="55" alt="Venezuela"/>Venezuela</div>
<div onClick="$('#image').attr('src','filtered/1/VM.png');$('#fitimage').attr('src','filtered/2/VM1.png');$('#country').text('Vietnam, Republic of');"><img src="menu/VM.png" width="80" height="55" alt="Vietnam, Republic of"/>Vietnam, Republic of</div>
<div onClick="$('#image').attr('src','filtered/1/VQ.png');$('#fitimage').attr('src','filtered/2/VQ1.png');$('#country').text('Virgin Islands');"><img src="menu/VQ.png" width="80" height="55" alt="Virgin Islands"/>Virgin Islands</div>
<div onClick="$('#image').attr('src','filtered/1/WQ.png');$('#fitimage').attr('src','filtered/2/WQ1.png');$('#country').text('Wake Island');"><img src="menu/WQ.png" width="80" height="55" alt="Wake Island"/>Wake Island</div>
<div onClick="$('#image').attr('src','filtered/1/WF.png');$('#fitimage').attr('src','filtered/2/WF1.png');$('#country').text('Wallis and Futuna');"><img src="menu/WF.png" width="80" height="55" alt="Wallis and Futuna"/>Wallis and Futuna</div>
<div onClick="$('#image').attr('src','filtered/1/WI.png');$('#fitimage').attr('src','filtered/2/WI1.png');$('#country').text('Western Sahara');"><img src="menu/WI.png" width="80" height="55" alt="Western Sahara"/>Western Sahara</div>
<div onClick="$('#image').attr('src','filtered/1/YM.png');$('#fitimage').attr('src','filtered/2/YM1.png');$('#country').text('Yemen');"><img src="menu/YM.png" width="80" height="55" alt="Yemen"/>Yemen</div>
<div onClick="$('#image').attr('src','filtered/1/ZA.png');$('#fitimage').attr('src','filtered/2/ZA1.png');$('#country').text('Zambia');"><img src="menu/ZA.png" width="80" height="55" alt="Zambia"/>Zambia</div>
<div onClick="$('#image').attr('src','filtered/1/ZI.png');$('#fitimage').attr('src','filtered/2/ZI1.png');$('#country').text('Zimbabwe');"><img src="menu/ZI.png" width="80" height="55" alt="Zimbabwe"/>Zimbabwe</div>
<div onClick="$('#image').attr('src','filtered/1/filtered/1/WD.png');$('#fitimage').attr('src','filtered/2/WD1.png');$('#country').text('World');"><img src="menu/WD.png" width="80" height="55" alt="World"/>World</div>
<p style="height:2000px;"></p>
</div>
</div>
</header>
<div id="country" style="position:fixed;float:left; margin-left:100px; font-size:16px; color:#222; height: 30px; margin-top:50px;z-index:9999; font-weight:bold;">Afghanistan</div>
<div style="position:fixed;float:left; margin-left:5px; font-size:16px; color:#fff; height: 30px; margin-top:5px;z-index:9999; font-size:14px;"><b><a href="http://conflict.csaladen.es/">Insurgent Dynamics</a></b></div>
<div style="position:fixed;float:left; margin-left:5px; font-size:16px; color:#ddd; height: 30px; margin-top:25px;z-index:9999; font-size:9px;"><b>A visual exploratorium of <a href="http://gdeltproject.org/" target="_blank">GDELT</a> events</b></div>
<div id="wrapper">
<div id="centerWrapper" >
<div id="tileContainer">
<a href="#&GDELT filtered data" id="groupTitle0" onclick="javascript:$group.goTo(0);"></a>
<a href="#&GDELT correl data" id="groupTitle1" onclick="javascript:$group.goTo(1);"></a>
<!--tile 1-1-->
<div class="tile group0 noClick" style="
margin-top:0px; margin-left:0px;
width:1030px; height:640px;
background:#fff;" data-pos='0-0-930' >
<div style="margin-left:100px; margin-top:-30px; ">
<img id="image" alt="data" src="filtered/1/AF.png" height=680></div>
</div>
<!--tile 1-2-->
<div class="tile group1 noClick" style="
margin-top:0px; margin-left:930px;
width:1030px; height:640px;
background:#fff;" data-pos='0-1330-930' >
<div style="margin-left:100px; margin-top:-30px; ">
<img id="fitimage" alt="data" src="filtered/2/AF1.png" height=680></div>
</div>
<div class="tile group1 noClick" style="
margin-top:0px; margin-left:2130px;
width:1030px; height:640px;
background:#fff;" data-pos='0-1330-2130' >
</div>
</div>
</div>
<footer style="z-index:1000000;"><a href="http://www.csaladen.es" target="_blank">© Dénes Csala 2014</a></footer>
<!--<footer><a href="http://metro-webdesign.info">Website plugin: Thomas Verelst</a></footer>-->
</div>
<div id="catchScroll">
<a href="https://plus.google.com/100943737036023614165" rel="author"></a></div>
</body>
</html>