view gwt-client/src/main/webapp/images/FLYS_Karte_interactive.html @ 8526:9e66aa006b42

Update uuid of "Rhein"
author Andre Heinecke <andre.heinecke@intevation.de>
date Fri, 30 Jan 2015 15:21:35 +0100
parents 63809d786058
children
line wrap: on
line source
<html>
  <head>
    <script type="text/javascript">
      var highlighted = "";
      function stripRiver(name) {
        var module = getModule();
        if (module === 'fixanalysis') {
          if (name === '7ca152b6-8f28-11e3-b4fd-001e0bd54d0e' ||
              name === '7ca5330e-8f28-11e3-bd2f-001e0bd54d0e' ||
              name === '7ca935ee-8f28-11e3-9c35-001e0bd54d0e') {
            return '7ca152b6-8f28-11e3-b4fd-001e0bd54d0e';
          }
          else if (name === '7cb63c58-8f28-11e3-a8f0-001e0bd54d0e' ||
                   name === '7cb7adfe-8f28-11e3-a9b1-001e0bd54d0e') {
            return '7cb4cd3c-8f28-11e3-bab7-001e0bd54d0e';
          }
          else if (name === '7cbc05d4-8f28-11e3-88e3-001e0bd54d0e') {
            return '7cba90aa-8f28-11e3-bfd5-001e0bd54d0e';
          }
        }
        return name;
      }
      function highlight(name){
        unHighlight(highlighted);
        var river;
        name = stripRiver(name);
        if (availableRiver(name)) {
          river = document.getElementById(name);
        }
        else {
          river = document.getElementById(name + "_inactive");
        }
        if (river) {
          highlighted = name;
          river.style.visibility="visible";
        }
      }
      function highlightList(name) {
        name = stripRiver(name);
        highlightRiver(name);
      }
      function unHighlight(name) {
        var river;
        name = stripRiver(name);
        if (availableRiver(name)) {
          river = document.getElementById(name);
        }
        else {
          river = document.getElementById(name + "_inactive");
        }
        if (river) {
          river.style.visibility="hidden";
        }
      }
      function unHighlightList(name) {
        name = stripRiver(name);
        unHighlightRiver(name);
      }
    </script>
  </head>
  <body>
    <!-- Create  Mappings -->
    <div id="riverContainer">
      <img src="images/FLYS_transp.png" usemap="#river" style="position: absolute; top: 8px; left: 8px; z-index: 100;" width="640" height="751">
      <map name="river">
        <!--FLYS_Karte.map-->
        <!-- mit daten -->
        <area id="donau_area" shape="poly" onmouseover="highlight('7ca152b6-8f28-11e3-b4fd-001e0bd54d0e'); highlightList('7ca152b6-8f28-11e3-b4fd-001e0bd54d0e')" onmouseout="unHighlight('7ca152b6-8f28-11e3-b4fd-001e0bd54d0e'); unHighlightList('7ca152b6-8f28-11e3-b4fd-001e0bd54d0e')" onclick="selectRiver('7ca152b6-8f28-11e3-b4fd-001e0bd54d0e')" coords="226,668,276,668,277,646,385,578,433,576,431,587,458,604,429,620,396,634,363,658,305,681,230,691" />
        <area id="donau_Ende_area" shape="poly" onmouseover="highlight('7ca152b6-8f28-11e3-b4fd-001e0bd54d0e'); highlightList('7ca152b6-8f28-11e3-b4fd-001e0bd54d0e')" onmouseout="unHighlight('7ca152b6-8f28-11e3-b4fd-001e0bd54d0e'); unHighlightList('7ca152b6-8f28-11e3-b4fd-001e0bd54d0e')" onclick="selectRiver('7ca152b6-8f28-11e3-b4fd-001e0bd54d0e')" coords="482,551,505,534,559,530,560,574,639,621,639,659,562,646,561,631,589,595,557,579,525,589,490,573" />
        <area id="donau_nordarm_area" shape="poly" onmouseover="highlight('7ca5330e-8f28-11e3-bd2f-001e0bd54d0e'); highlightList('7ca5330e-8f28-11e3-bd2f-001e0bd54d0e')" onmouseout="unHighlight('7ca5330e-8f28-11e3-bd2f-001e0bd54d0e'); unHighlightList('7ca5330e-8f28-11e3-bd2f-001e0bd54d0e')" onclick="selectRiver('7ca5330e-8f28-11e3-bd2f-001e0bd54d0e')" coords="437,567,432,587,454,600,478,596,467,570,491,542,443,534,441,556" />
        <area id="donau_schleusen_area" shape="poly" onmouseover="highlight('7ca935ee-8f28-11e3-9c35-001e0bd54d0e'); highlightList('7ca935ee-8f28-11e3-9c35-001e0bd54d0e')" onmouseout="unHighlight('7ca935ee-8f28-11e3-9c35-001e0bd54d0e'); unHighlightList('7ca935ee-8f28-11e3-9c35-001e0bd54d0e')" onclick="selectRiver('7ca935ee-8f28-11e3-9c35-001e0bd54d0e')" coords="467,569,482,552,490,573,526,589,559,579,589,596,561,631,557,614,522,618,504,600,477,594" />
        <area id="elbe_area" shape="poly" onmouseover="highlight('1a4825f6-925f-11e3-8165-001f29e71d12'); highlightList('1a4825f6-925f-11e3-8165-001f29e71d12')" onmouseout="unHighlight('1a4825f6-925f-11e3-8165-001f29e71d12'); unHighlightList('1a4825f6-925f-11e3-8165-001f29e71d12')" onclick="selectRiver('1a4825f6-925f-11e3-8165-001f29e71d12')" coords="271,131,261,147,345,191,337,243,388,243,418,238,395,284,412,310,446,315,454,329,514,397,550,447,580,451,593,461,593,466,629,489,643,470,639,444,596,392,575,360,573,327,509,293,462,289,444,229,448,219,298,131" />
        <area id="fulda_sommer_area" shape="poly" onmouseover="highlight('7cad915c-8f28-11e3-a35b-001e0bd54d0e'); highlightList('7cad915c-8f28-11e3-a35b-001e0bd54d0e')" onmouseout="unHighlight('7cad915c-8f28-11e3-a35b-001e0bd54d0e'); unHighlightList('7cad915c-8f28-11e3-a35b-001e0bd54d0e')" onclick="selectRiver('7cad915c-8f28-11e3-a35b-001e0bd54d0e')" coords="315,363,307,371,307,381,313,386,310,393,322,402,322,414,312,425,305,437,338,436,350,410,334,399,326,389" />
        <area id="fulda_winter_area" shape="poly" onmouseover="highlight('7cac1890-8f28-11e3-8051-001e0bd54d0e'); highlightList('7cac1890-8f28-11e3-8051-001e0bd54d0e')" onmouseout="unHighlight('7cac1890-8f28-11e3-8051-001e0bd54d0e'); unHighlightList('7cac1890-8f28-11e3-8051-001e0bd54d0e')" onclick="selectRiver('7cac1890-8f28-11e3-8051-001e0bd54d0e')" coords="315,362,307,370,307,380,313,385,310,392,315,397,322,401,322,413,313,423,305,436,279,434,262,411,260,395,275,375,299,357" />
        <area id="havel_area" shape="poly" onmouseover="highlight('7cb1e4aa-8f28-11e3-a033-001e0bd54d0e'); highlightList('7cb1e4aa-8f28-11e3-a033-001e0bd54d0e')" onmouseout="unHighlight('7cb1e4aa-8f28-11e3-a033-001e0bd54d0e'); unHighlightList('7cb1e4aa-8f28-11e3-a033-001e0bd54d0e')" onclick="selectRiver('7cb1e4aa-8f28-11e3-a033-001e0bd54d0e')" coords="444,230,462,288,519,270,533,217,519,177,491,189,458,202" />
        <area id="lahn_area" shape="poly" onmouseover="highlight('7cb35a10-8f28-11e3-8241-001e0bd54d0e'); highlightList('7cb35a10-8f28-11e3-8241-001e0bd54d0e')" onmouseout="unHighlight('7cb35a10-8f28-11e3-8241-001e0bd54d0e'); unHighlightList('7cb35a10-8f28-11e3-8241-001e0bd54d0e')" onclick="selectRiver('7cb35a10-8f28-11e3-8241-001e0bd54d0e')" coords="195,464,197,450,186,413,262,411,285,442,270,459,217,472" />
        <area id="main_area" shape="poly" onmouseover="highlight('7cb4cd3c-8f28-11e3-bab7-001e0bd54d0e'); highlightList('7cb4cd3c-8f28-11e3-bab7-001e0bd54d0e')" onmouseout="unHighlight('7cb4cd3c-8f28-11e3-bab7-001e0bd54d0e'); unHighlightList('7cb4cd3c-8f28-11e3-bab7-001e0bd54d0e')" onclick="selectRiver('7cb4cd3c-8f28-11e3-bab7-001e0bd54d0e')" coords="240,492,240,466,303,462,335,445,375,444,454,469,468,501,394,500,381,480,350,480,337,493,344,541,308,529,272,524,269,504" />
        <area id="main_limbach_area" shape="poly" onmouseover="highlight('7cb63c58-8f28-11e3-a8f0-001e0bd54d0e'); highlightList('7cb63c58-8f28-11e3-a8f0-001e0bd54d0e')" onmouseout="unHighlight('7cb63c58-8f28-11e3-a8f0-001e0bd54d0e'); unHighlightList('7cb63c58-8f28-11e3-a8f0-001e0bd54d0e')" onclick="selectRiver('7cb63c58-8f28-11e3-a8f0-001e0bd54d0e')" coords="360,480,381,480,393,500,383,519,368,520" />
        <area id="main_volkach_area" shape="poly" onmouseover="highlight('7cb7adfe-8f28-11e3-a9b1-001e0bd54d0e'); highlightList('7cb7adfe-8f28-11e3-a9b1-001e0bd54d0e')" onmouseout="unHighlight('7cb7adfe-8f28-11e3-a9b1-001e0bd54d0e'); unHighlightList('7cb7adfe-8f28-11e3-a9b1-001e0bd54d0e')" onclick="selectRiver('7cb7adfe-8f28-11e3-a9b1-001e0bd54d0e')" coords="350,480,360,480,368,522,343,541,337,493" />
        <area id="mosel_area" shape="poly" onmouseover="highlight('7cb91d24-8f28-11e3-b6e5-001e0bd54d0e'); highlightList('7cb91d24-8f28-11e3-b6e5-001e0bd54d0e')" onmouseout="unHighlight('7cb91d24-8f28-11e3-b6e5-001e0bd54d0e'); unHighlightList('7cb91d24-8f28-11e3-b6e5-001e0bd54d0e')" onclick="selectRiver('7cb91d24-8f28-11e3-b6e5-001e0bd54d0e')" coords="190,466,170,460,138,452,102,465,103,493,98,536,93,589,119,587,128,542,130,528,140,517,162,512,194,510" />
        <area id="neckar_area" shape="poly" onmouseover="highlight('7cba90aa-8f28-11e3-bfd5-001e0bd54d0e'); highlightList('7cba90aa-8f28-11e3-bfd5-001e0bd54d0e')" onmouseout="unHighlight('7cba90aa-8f28-11e3-bfd5-001e0bd54d0e'); unHighlightList('7cba90aa-8f28-11e3-bfd5-001e0bd54d0e')" onclick="selectRiver('7cba90aa-8f28-11e3-bfd5-001e0bd54d0e')" coords="231,641,253,653,288,640,386,577,357,559,342,541,319,540,292,547,290,583,308,590,306,615,250,604,226,630" />
        <area id="neckar_wehrarm_area" shape="poly" onmouseover="highlight('7cbc05d4-8f28-11e3-88e3-001e0bd54d0e'); highlightList('7cbc05d4-8f28-11e3-88e3-001e0bd54d0e')" onmouseout="unHighlight('7cbc05d4-8f28-11e3-88e3-001e0bd54d0e'); unHighlightList('7cbc05d4-8f28-11e3-88e3-001e0bd54d0e')" onclick="selectRiver('7cbc05d4-8f28-11e3-88e3-001e0bd54d0e')" coords="272,524,248,540,253,561,259,570,254,605,306,615,308,590,290,583,292,546,320,540,309,529" />
        <area id="oder_area" shape="poly" onmouseover="highlight('7cbe19dc-8f28-11e3-9f28-001e0bd54d0e'); highlightList('7cbe19dc-8f28-11e3-9f28-001e0bd54d0e')" onmouseout="unHighlight('7cbe19dc-8f28-11e3-9f28-001e0bd54d0e'); unHighlightList('7cbe19dc-8f28-11e3-9f28-001e0bd54d0e')" onclick="selectRiver('7cbe19dc-8f28-11e3-9f28-001e0bd54d0e')" coords="572,143,542,155,542,178,529,203,541,238,565,252,583,273,570,307,603,327,641,320,639,286,633,275,614,269,619,246,635,236,637,195,606,160" />
        <area id="rhein_area" shape="poly" onmouseover="highlight('8abbca90-3fde-11e4-916c-0800200c9a66'); highlightList('8abbca90-3fde-11e4-916c-0800200c9a66')" onmouseout="unHighlight('8abbca90-3fde-11e4-916c-0800200c9a66'); unHighlightList('8abbca90-3fde-11e4-916c-0800200c9a66')" onclick="selectRiver('8abbca90-3fde-11e4-916c-0800200c9a66')" coords="86,301,138,317,157,334,153,355,177,381,185,407,198,450,197,464,219,471,224,478,240,473,241,492,269,502,273,523,249,539,254,561,260,570,256,597,227,628,229,639,252,653,277,644,279,668,236,670,237,690,265,687,281,696,283,717,248,728,188,737,170,718,167,669,203,569,222,545,213,521,195,521,193,467,171,459,145,444,122,403,49,391,52,352,23,344,4,304" />
        <area id="saale_area" shape="poly" onmouseover="highlight('7cc10390-8f28-11e3-aa81-001e0bd54d0e'); highlightList('7cc10390-8f28-11e3-aa81-001e0bd54d0e')" onmouseout="unHighlight('7cc10390-8f28-11e3-aa81-001e0bd54d0e'); unHighlightList('7cc10390-8f28-11e3-aa81-001e0bd54d0e')" onclick="selectRiver('7cc10390-8f28-11e3-aa81-001e0bd54d0e')" coords="445,314,414,311,366,299,366,342,395,346,404,356,469,350,463,341" />
        <area id="saale_thueringen_area" shape="poly" onmouseover="highlight('7cc27068-8f28-11e3-97ce-001e0bd54d0e'); highlightList('7cc27068-8f28-11e3-97ce-001e0bd54d0e')" onmouseout="unHighlight('7cc27068-8f28-11e3-97ce-001e0bd54d0e'); unHighlightList('7cc27068-8f28-11e3-97ce-001e0bd54d0e')" onclick="selectRiver('7cc27068-8f28-11e3-97ce-001e0bd54d0e')" coords="460,395,430,461,375,444,387,415,402,408,420,387,435,383" />
        <area id="saar_area" shape="poly" onmouseover="highlight('7cc5aca6-8f28-11e3-a55d-001e0bd54d0e'); highlightList('7cc5aca6-8f28-11e3-a55d-001e0bd54d0e')" onmouseout="unHighlight('7cc5aca6-8f28-11e3-a55d-001e0bd54d0e'); unHighlightList('7cc5aca6-8f28-11e3-a55d-001e0bd54d0e')" onclick="selectRiver('7cc5aca6-8f28-11e3-a55d-001e0bd54d0e')" coords="152,515,193,511,193,545,180,599,151,589,146,566,147,559,143,544,153,535" />
        <area id="saar_wiltingerbogen_area" shape="poly" onmouseover="highlight('7cc7e93a-8f28-11e3-a03a-001e0bd54d0e'); highlightList('7cc7e93a-8f28-11e3-a03a-001e0bd54d0e')" onmouseout="unHighlight('7cc7e93a-8f28-11e3-a03a-001e0bd54d0e'); unHighlightList('7cc7e93a-8f28-11e3-a03a-001e0bd54d0e')" onclick="selectRiver('7cc7e93a-8f28-11e3-a03a-001e0bd54d0e')" coords="130,528,139,517,152,515,152,536,142,543,147,560,134,570,126,558" />
        <area id="werra_sommer_area" shape="poly" onmouseover="highlight('7cb073ae-8f28-11e3-b501-001e0bd54d0e'); highlightList('7cb073ae-8f28-11e3-b501-001e0bd54d0e')" onmouseout="unHighlight('7cb073ae-8f28-11e3-b501-001e0bd54d0e'); unHighlightList('7cb073ae-8f28-11e3-b501-001e0bd54d0e')" onclick="selectRiver('7cb073ae-8f28-11e3-b501-001e0bd54d0e')" coords="316,361,334,351,360,342,387,345,398,354,384,372,381,389,371,400,350,390,345,382,336,378,334,372,329,368" />
        <area id="werra_winter_area" shape="poly" onmouseover="highlight('7caf037a-8f28-11e3-88e6-001e0bd54d0e'); highlightList('7caf037a-8f28-11e3-88e6-001e0bd54d0e')" onmouseout="unHighlight('7caf037a-8f28-11e3-88e6-001e0bd54d0e'); unHighlightList('7caf037a-8f28-11e3-88e6-001e0bd54d0e')" onclick="selectRiver('7caf037a-8f28-11e3-88e6-001e0bd54d0e')" coords="315,362,326,388,334,398,350,409,370,400,353,391,347,388,346,385,344,382,335,378,333,372,329,368" />
        <area id="weser_area" shape="poly" onmouseover="highlight('7ccacd44-8f28-11e3-9656-001e0bd54d0e'); highlightList('7ccacd44-8f28-11e3-9656-001e0bd54d0e')" onmouseout="unHighlight('7ccacd44-8f28-11e3-9656-001e0bd54d0e'); unHighlightList('7ccacd44-8f28-11e3-9656-001e0bd54d0e')" onclick="selectRiver('7ccacd44-8f28-11e3-9656-001e0bd54d0e')" coords="255,166,227,172,232,227,268,237,241,279,246,298,247,313,275,313,282,330,289,353,314,363,332,351,318,328,316,308,299,280,303,255,300,217,263,203,273,176" />
        <!-- ohne daten -->
        <area id="donau_1_area" shape="poly" onmouseover="highlight('Donau_1')" onmouseout="unHighlight('Donau_1')" onclick="selectRiver('Donau_1')" coords="346,639,316,672,334,750,379,750,374,735,369,715,370,696,372,664,365,648" />
        <area id="donau_2_area" shape="poly" onmouseover="highlight('Donau_2')" onmouseout="unHighlight('Donau_2')" onclick="selectRiver('Donau_2')" coords="394,615,370,655,373,670,370,721,380,749,409,741,403,706,413,682,412,644,416,623" />
        <area id="donau_3_area" shape="poly" onmouseover="highlight('Donau_3')" onmouseout="unHighlight('Donau_3')" onclick="selectRiver('Donau_3')" coords="503,600,477,596,459,603,427,622,413,644,414,682,404,707,416,748,448,717,456,705,456,682,450,659,464,634,518,617" />
        <area id="donau_4_area" shape="poly" onmouseover="highlight('Donau_4')" onmouseout="unHighlight('Donau_4')" onclick="selectRiver('Donau_4')" coords="556,614,507,621,466,635,451,660,456,679,457,706,434,732,419,747,482,745,510,696,506,669,562,645" />
        <area id="Elbe_1_area" shape="poly" onmouseover="highlight('Elbe_1')" onmouseout="unHighlight('Elbe_1')" onclick="selectRiver('Elbe_1')" coords="582,452,565,449,559,517,606,527,628,489,593,466,594,462" />
        <area id="Elbe_2_area" shape="poly" onmouseover="highlight('Elbe_2')" onmouseout="unHighlight('Elbe_2')" onclick="selectRiver('Elbe_2')" coords="387,183,394,112,430,115,450,153,520,176,457,202,449,219" />
        <area id="Elbe_3_area" shape="poly" onmouseover="highlight('Elbe_3')" onmouseout="unHighlight('Elbe_3')" onclick="selectRiver('Elbe_3')" coords="393,111,387,183,328,150,364,109,374,99" />
        <area id="Elbe_4_area" shape="poly" onmouseover="highlight('Elbe_4')" onmouseout="unHighlight('Elbe_4')" onclick="selectRiver('Elbe_4')" coords="331,150,373,92,367,68,341,62,308,81,310,106,276,119,276,133,300,131" />
        <area id="Elbe_5_area" shape="poly" onmouseover="highlight('Elbe_5')" onmouseout="unHighlight('Elbe_5')" onclick="selectRiver('Elbe_5')" coords="239,90,283,74,307,81,309,104,303,109,255,124" />
        <area id="Elbe_6_area" shape="poly" onmouseover="highlight('Elbe_6')" onmouseout="unHighlight('Elbe_6')" onclick="selectRiver('Elbe_6')" coords="263,148,271,171,276,185,315,210,341,205,335,186" />
        <area id="Ems_area" shape="poly" onmouseover="highlight('Ems')" onmouseout="unHighlight('Ems')" onclick="selectRiver('Ems')" coords="175,170,144,199,176,306,156,337,154,357,171,374,245,349,229,309,226,262,208,227,215,169" />
        <area id="Main_Donau_area" shape="poly" onmouseover="highlight('Main_Donau')" onmouseout="unHighlight('Main_Donau')" onclick="selectRiver('Main_Donau')" coords="384,519,371,521,343,541,355,558,396,578,433,576,442,556,426,500,392,500" />
        <area id="Saale_1_area" shape="poly" onmouseover="highlight('Saale_1')" onmouseout="unHighlight('Saale_1')" onclick="selectRiver('Saale_1')" coords="423,358,395,356,382,375,381,390,402,407,419,387,435,383" />
        <area id="Saale_z_area" shape="poly" onmouseover="highlight('Saale_Zwischen')" onmouseout="unHighlight('Saale_Zwischen')" onclick="selectRiver('Saale_Zwischen')" coords="423,354,469,351,483,382,461,395,435,382" />
        <area id="Spree_area" shape="poly" onmouseover="highlight('Spree')" onmouseout="unHighlight('Spree')" onclick="selectRiver('Spree')" coords="530,234,550,244,563,251,582,274,573,295,516,283"  />
        <area id="Weser_1_area" shape="poly" onmouseover="highlight('Weser_1')" onmouseout="unHighlight('Weser_1')" onclick="selectRiver('Weser_1')" coords="260,202,274,183,299,201,299,217,285,216" />
        <area id="Weser_2_area" shape="poly" onmouseover="highlight('Weser_2')" onmouseout="unHighlight('Weser_2')" onclick="selectRiver('Weser_2')" coords="300,216,333,231,352,343,329,346,318,327,317,307,300,279,304,252" />
      </map>
      <!-- mit Daten -->
      <img src="images/FLYS_Karte.png" style="position: absolute; left: 8px; top: 8px; z-index: 1" >
      <img src="images/FLYS_Donau.png" style="position: absolute; left: 8px; top: 8px; visibility: hidden; z-index: 50;" id="7ca152b6-8f28-11e3-b4fd-001e0bd54d0e" >
      <img src="images/FLYS_Donau_Nordarm.png" style="position: absolute; left: 8px; top: 8px; visibility: hidden; z-index: 50;" id="7ca5330e-8f28-11e3-bd2f-001e0bd54d0e" >
      <img src="images/FLYS_Donau_Schleusen.png" style="position: absolute; left: 8px; top: 8px; visibility: hidden; z-index: 50;" id="7ca935ee-8f28-11e3-9c35-001e0bd54d0e" >
      <img src="images/FLYS_Elbe.png" style="position: absolute; left: 8px; top: 8px; visibility: hidden; z-index: 50;" id="1a4825f6-925f-11e3-8165-001f29e71d12" >
      <img src="images/FLYS_Fulda_Sommer.png" style="position: absolute; left: 8px; top: 8px; visibility: hidden; z-index: 50;" id="7cad915c-8f28-11e3-a35b-001e0bd54d0e" >
      <img src="images/FLYS_Fulda_Winter.png" style="position: absolute; left: 8px; top: 8px; visibility: hidden; z-index: 50;" id="7cac1890-8f28-11e3-8051-001e0bd54d0e" >
      <img src="images/FLYS_Havel.png" style="position: absolute; left: 8px; top: 8px; visibility: hidden; z-index: 50;" id="7cb1e4aa-8f28-11e3-a033-001e0bd54d0e" >
      <img src="images/FLYS_Lahn.png" style="position: absolute; left: 8px; top: 8px; visibility: hidden; z-index: 50;" id="7cb35a10-8f28-11e3-8241-001e0bd54d0e" >
      <img src="images/FLYS_Main.png" style="position: absolute; left: 8px; top: 8px; visibility: hidden; z-index: 50;" id="7cb4cd3c-8f28-11e3-bab7-001e0bd54d0e" >
      <img src="images/FLYS_Main_Limbach.png" style="position: absolute; left: 8px; top: 8px; visibility: hidden; z-index: 50;" id="7cb63c58-8f28-11e3-a8f0-001e0bd54d0e" >
      <img src="images/FLYS_Main_Volkach.png" style="position: absolute; left: 8px; top: 8px; visibility: hidden; z-index: 50;" id="7cb7adfe-8f28-11e3-a9b1-001e0bd54d0e" >
      <img src="images/FLYS_Mosel.png" style="position: absolute; left: 8px; top: 8px; visibility: hidden; z-index: 50;" id="7cb91d24-8f28-11e3-b6e5-001e0bd54d0e" >
      <img src="images/FLYS_Neckar.png" style="position: absolute; left: 8px; top: 8px; visibility: hidden; z-index: 50;" id="7cba90aa-8f28-11e3-bfd5-001e0bd54d0e" >
      <img src="images/FLYS_Neckar_Wehrarm.png" style="position: absolute; left: 8px; top: 8px; visibility: hidden; z-index: 50;" id="7cbc05d4-8f28-11e3-88e3-001e0bd54d0e" >
      <img src="images/FLYS_Oder.png" style="position: absolute; left: 8px; top: 8px; visibility: hidden; z-index: 50;" id="7cbe19dc-8f28-11e3-9f28-001e0bd54d0e" >
      <img src="images/FLYS_Rhein.png" style="position: absolute; left: 8px; top: 8px; visibility: hidden; z-index: 50;" id="8abbca90-3fde-11e4-916c-0800200c9a66" >
      <img src="images/FLYS_Saale.png" style="position: absolute; left: 8px; top: 8px; visibility: hidden; z-index: 50;" id="7cc10390-8f28-11e3-aa81-001e0bd54d0e" >
      <img src="images/FLYS_Saale_Thueringen.png" style="position: absolute; left: 8px; top: 8px; visibility: hidden; z-index: 50;" id="7cc27068-8f28-11e3-97ce-001e0bd54d0e" >
      <img src="images/FLYS_Saar.png" style="position: absolute; left: 8px; top: 8px; visibility: hidden; z-index: 50;" id="7cc5aca6-8f28-11e3-a55d-001e0bd54d0e" >
      <img src="images/FLYS_Saar_WiltingerBogen.png" style="position: absolute; left: 8px; top: 8px; visibility: hidden; z-index: 50;" id="7cc7e93a-8f28-11e3-a03a-001e0bd54d0e" >
      <img src="images/FLYS_Werra_Sommer.png" style="position: absolute; left: 8px; top: 8px; visibility: hidden; z-index: 50;" id="7cb073ae-8f28-11e3-b501-001e0bd54d0e" >
      <img src="images/FLYS_Werra_Winter.png" style="position: absolute; left: 8px; top: 8px; visibility: hidden; z-index: 50;" id="7caf037a-8f28-11e3-88e6-001e0bd54d0e" >
      <img src="images/FLYS_Weser.png" style="position: absolute; left: 8px; top: 8px; visibility: hidden; z-index: 50;" id="7ccacd44-8f28-11e3-9656-001e0bd54d0e" >
      <!-- ohne Daten -->
      <img src="images/FLYS_Donau_1_inactive.png" style="position: absolute; left: 8px; top: 8px; visibility: hidden; z-index: 50;" id="Donau_1_inactive" >
      <img src="images/FLYS_Donau_2_inactive.png" style="position: absolute; left: 8px; top: 8px; visibility: hidden; z-index: 50;" id="Donau_2_inactive" >
      <img src="images/FLYS_Donau_3_inactive.png" style="position: absolute; left: 8px; top: 8px; visibility: hidden; z-index: 50;" id="Donau_3_inactive" >
      <img src="images/FLYS_Donau_4_inactive.png" style="position: absolute; left: 8px; top: 8px; visibility: hidden; z-index: 50;" id="Donau_4_inactive" >
      <img src="images/FLYS_Elbe_1_inactive.png" style="position: absolute; left: 8px; top: 8px; visibility: hidden; z-index: 50;" id="Elbe_1_inactive" >
      <img src="images/FLYS_Elbe_2_inactive.png" style="position: absolute; left: 8px; top: 8px; visibility: hidden; z-index: 50;" id="Elbe_2_inactive" >
      <img src="images/FLYS_Elbe_3_inactive.png" style="position: absolute; left: 8px; top: 8px; visibility: hidden; z-index: 50;" id="Elbe_3_inactive" >
      <img src="images/FLYS_Elbe_4_inactive.png" style="position: absolute; left: 8px; top: 8px; visibility: hidden; z-index: 50;" id="Elbe_4_inactive" >
      <img src="images/FLYS_Elbe_5_inactive.png" style="position: absolute; left: 8px; top: 8px; visibility: hidden; z-index: 50;" id="Elbe_5_inactive" >
      <img src="images/FLYS_Elbe_6_inactive.png" style="position: absolute; left: 8px; top: 8px; visibility: hidden; z-index: 50;" id="Elbe_6_inactive" >
      <img src="images/FLYS_Oder_inactive.png" style="position: absolute; left: 8px; top: 8px; visibility: hidden; z-index: 50;" id="7cbe19dc-8f28-11e3-9f28-001e0bd54d0e_inactive" >
      <img src="images/FLYS_Rhein_inactive.png" style="position: absolute; left: 8px; top: 8px; visibility: hidden; z-index: 50;" id="8abbca90-3fde-11e4-916c-0800200c9a66_inactive" >
      <img src="images/FLYS_Ems_inactive.png" style="position: absolute; left: 8px; top: 8px; visibility: hidden; z-index: 50;" id="Ems_inactive" >
      <img src="images/FLYS_Main_Donau_inactive.png" style="position: absolute; left: 8px; top: 8px; visibility: hidden; z-index: 50;" id="Main_Donau_inactive" >
      <img src="images/FLYS_Saale_1_inactive.png" style="position: absolute; left: 8px; top: 8px; visibility: hidden; z-index: 50;" id="Saale_1_inactive" >
      <img src="images/FLYS_Spree_inactive.png" style="position: absolute; left: 8px; top: 8px; visibility: hidden; z-index: 50;" id="Spree_inactive" >
      <img src="images/FLYS_Weser_1_inactive.png" style="position: absolute; left: 8px; top: 8px; visibility: hidden; z-index: 50;" id="Weser_1_inactive" >
      <img src="images/FLYS_Weser_2_inactive.png" style="position: absolute; left: 8px; top: 8px; visibility: hidden; z-index: 50;" id="Weser_2_inactive" >
      <img src="images/FLYS_Donau_inactive.png" style="position: absolute; left: 8px; top: 8px; visibility: hidden; z-index: 50;" id="7ca152b6-8f28-11e3-b4fd-001e0bd54d0e_inactive" >
      <img src="images/FLYS_Donau_inactive.png" style="position: absolute; left: 8px; top: 8px; visibility: hidden; z-index: 50;" id="7ca5330e-8f28-11e3-bd2f-001e0bd54d0e_inactive" >
      <img src="images/FLYS_Donau_inactive.png" style="position: absolute; left: 8px; top: 8px; visibility: hidden; z-index: 50;" id="7ca935ee-8f28-11e3-9c35-001e0bd54d0e_inactive" >
      <img src="images/FLYS_Fulda_inactive.png" style="position: absolute; left: 8px; top: 8px; visibility: hidden; z-index: 50;" id="7cad915c-8f28-11e3-a35b-001e0bd54d0e_inactive" >
      <img src="images/FLYS_Fulda_inactive.png" style="position: absolute; left: 8px; top: 8px; visibility: hidden; z-index: 50;" id="7cac1890-8f28-11e3-8051-001e0bd54d0e_inactive" >
      <img src="images/FLYS_Havel_inactive.png" style="position: absolute; left: 8px; top: 8px; visibility: hidden; z-index: 50;" id="7cb1e4aa-8f28-11e3-a033-001e0bd54d0e_inactive" >
      <img src="images/FLYS_Lahn_inactive.png" style="position: absolute; left: 8px; top: 8px; visibility: hidden; z-index: 50;" id="7cb35a10-8f28-11e3-8241-001e0bd54d0e_inactive" >
      <img src="images/FLYS_Main_inactive.png" style="position: absolute; left: 8px; top: 8px; visibility: hidden; z-index: 50;" id="7cb4cd3c-8f28-11e3-bab7-001e0bd54d0e_inactive" >
      <img src="images/FLYS_Main_inactive.png" style="position: absolute; left: 8px; top: 8px; visibility: hidden; z-index: 50;" id="7cb63c58-8f28-11e3-a8f0-001e0bd54d0e_inactive" >
      <img src="images/FLYS_Main_inactive.png" style="position: absolute; left: 8px; top: 8px; visibility: hidden; z-index: 50;" id="7cb7adfe-8f28-11e3-a9b1-001e0bd54d0e_inactive" >
      <img src="images/FLYS_Mosel_inactive.png" style="position: absolute; left: 8px; top: 8px; visibility: hidden; z-index: 50;" id="7cb91d24-8f28-11e3-b6e5-001e0bd54d0e_inactive" >
      <img src="images/FLYS_Neckar_inactive.png" style="position: absolute; left: 8px; top: 8px; visibility: hidden; z-index: 50;" id="7cba90aa-8f28-11e3-bfd5-001e0bd54d0e_inactive" >
      <img src="images/FLYS_Neckar_inactive.png" style="position: absolute; left: 8px; top: 8px; visibility: hidden; z-index: 50;" id="7cbc05d4-8f28-11e3-88e3-001e0bd54d0e_inactive" >
      <img src="images/FLYS_Saale_inactive.png" style="position: absolute; left: 8px; top: 8px; visibility: hidden; z-index: 50;" id="7cc10390-8f28-11e3-aa81-001e0bd54d0e_inactive" >
      <img src="images/FLYS_Saale_Thueringen_inactive.png" style="position: absolute; left: 8px; top: 8px; visibility: hidden; z-index: 50;" id="7cc27068-8f28-11e3-97ce-001e0bd54d0e_inactive" >
      <img src="images/FLYS_Saale_Zwischen_inactive.png" style="position: absolute; left: 8px; top: 8px; visibility: hidden; z-index: 50;" id="Saale_Zwischen_inactive" >
      <img src="images/FLYS_Saar_inactive.png" style="position: absolute; left: 8px; top: 8px; visibility: hidden; z-index: 50;" id="7cc5aca6-8f28-11e3-a55d-001e0bd54d0e_inactive" >
      <img src="images/FLYS_Werra_inactive.png" style="position: absolute; left: 8px; top: 8px; visibility: hidden; z-index: 50;" id="7cb073ae-8f28-11e3-b501-001e0bd54d0e_inactive" >
      <img src="images/FLYS_Werra_inactive.png" style="position: absolute; left: 8px; top: 8px; visibility: hidden; z-index: 50;" id="7caf037a-8f28-11e3-88e6-001e0bd54d0e_inactive" >
      <img src="images/FLYS_Weser_inactive.png" style="position: absolute; left: 8px; top: 8px; visibility: hidden; z-index: 50;" id="7ccacd44-8f28-11e3-9656-001e0bd54d0e_inactive" >
    </div>
  </body>
</html>

http://dive4elements.wald.intevation.org