<!DOCTYPE html>
<html>
    <head>
        <link rel="stylesheet" type="text/css" media="screen,projection" href="css/cssmap-europe/cssmap-europe.css" />
        <link rel="stylesheet" type="text/css" media="screen,projection" href="css/style.css" />
        <script  type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
        <script type="text/javascript" src="http://cssmapsplugin.com/4/jquery.cssmap.js"></script> 
        <script type="text/javascript">
          
  $(function($){
    $('#map-europe').cssMap({'size' : 850,'cities' : false });
   });
    window.onload=alert("click "+document.getElementById('romania').href); 
    window.onload=document.getElementById('romania').click();
     
    /*size : 960,                        // String: map width (must be set); availalbe sizes: 250, 320, 430, 540, 650, 750, 850, 960, 1280 and 1450;
    tooltips : "sticky",            // String: "sticky" - display tooltip in the center of the region;
                                    // String: "floating" - tooltip follows the mouse pointer; position to the cursor: "floating-top-center" (default), "floating-bottom", "floating-left", "floating-right", "floating-middle-left", "floating-bottom-right" etc;
                                    // String: "hidden" - hidden tooltips;
                                    // String: "visible" - always visible tooltips (can be use to show number of item in each region for example);
    tooltipArrowHeight : 5,         // Integer: height of the arrow under the tooltip; is set by border-width of the .css-map li a .tooltip-arrow;
    cities : false,                 // Boolean: display cities on the map;
    visibleList : false,            // Boolean: show a list of regions;
    visibleListContainerId : '',    // Selector: ID of the optional visible list container; must start with a hash (#) mark;
    loadingText : 'Loading ...',    // String: text of the preloader; HTML tags allowed;

    // Multiple Click mode
    multipleClick : false,      // Boolean: Multiple Click mode;
    searchUrl : 'search.php',   // String: URL to the search engine; in the Multiple Click mode search link is displayed under the map;
    searchLink : 'Search',      // String: Name of the search link;
    searchLinkVar : 'region',   // String: variable passing to the search engine;
    searchLinkSeparator : '|',  // String: separator of the values passed to the search engine; => ?region=value1|value2|value3
    clicksLimit : 0,            // Integer: limited number of clicks; 0 - unlimited clicks;
    clicksLimitAlert : 'You can select only %d region! || regions!',
                                 // String: error message when the clicks limit has been reached;
                                 // syntax: [beginning of sentences] %d [singular] || [plural] - where %d is a number of clicks (added by script);

    // List of addresses
    agentsListId : '',          // Selector: ID of the list of agents/addresses; must start with a hash (#) mark;
    agentsListOnHover : false,  // Boolean: show and hide agent/address on hover;
    agentsListSpeed : 0,        // Integer: fade in/fade out delay in miliseconds; 0 - no fade effect;
                                // doesn't work when the agentsListOnHover mode is on;

    // custom events
    'onHover' : function(e){},          // Callback: function(listItem) - invoked when the mouse pointer enters a region and passing a current list item element;
    'unHover' : function(e){},          // Callback: function(listItem) - invoked when the mouse pointer leaves a region and passing a current list item element;
    'onClick' : function(e){},          // Callback: function(listItem) - invoked when region is clicked and passing a current list item element;
    'onSecondClick' : function(e){},    // Callback: function(listItem) - invoked when region is clicked second time and passing a current list item element;
    'onLoad' : function(e){}            // Callback: function(mapObject) - invoked when map is fully loaded and passing a mapObject; => $('#map-europe');
    */
</script>

    </head>
    <body>
         <?php include ("db.php"); ?>
      <div style="z-index:10" id="map-europe">
        <ul class="europe">
         <!-- <li class="eu1"><a href="#albania">Albania</a></li> -->
         <!-- <li class="eu2"><a href="#andorra">Andorra</a></li> -->
         <li class="eu3"><a href="index.php?menuID=4&lan=de#h-12.2" target="_parent">Austria</a></li>
         <!-- <li class="eu4"><a href="#belarus">Belarus</a></li> -->
         <!-- <li class="eu5"><a href="#belgium">Belgium</a></li> -->
         <li class="eu6"><a href="#bosnia-and-herzegovina">Bosnia and Herzegovina</a></li>
         <li class="eu7"><a href="index.php?menuID=36#bulgaria" target="_parent">Bulgaria</a></li>
         <!-- <li class="eu8"><a href="#croatia">Croatia</a></li> -->
         <!-- <li class="eu9"><a href="#cyprus">Cyprus</a></li> -->
         <li class="eu10"><a href="#czech-republic">Czech Republic</a></li>
         <!-- <li class="eu11"><a href="#denmark">Denmark</a></li> -->
         <!-- <li class="eu12"><a href="#estonia">Estonia</a></li> -->
         <!-- <li class="eu13"><a href="#france">France</a></li> -->
         <!-- <li class="eu14"><a href="#finland">Finland</a></li> -->
         <!-- <li class="eu15"><a href="#georgia">Georgia</a></li> -->
         <li class="eu16"><a href="#germany">Germany</a></li>
         <!-- <li class="eu17"><a href="#greece">Greece</a></li> -->
         <li class="eu18"><a href="#hungary">Hungary</a></li>
         <!-- <li class="eu19"><a href="#iceland">Iceland</a></li> -->
         <!-- <li class="eu20"><a href="#ireland">Ireland</a></li> -->
         <!-- <li class="eu21"><a href="#san-marino">San Marino</a></li> -->
         <!-- <li class="eu22"><a href="#italy">Italy</a></li> -->
         <!-- <li class="eu23"><a href="#kosovo">Kosovo</a></li> -->
         <!-- <li class="eu24"><a href="#latvia">Latvia</a></li> -->
         <!-- <li class="eu25"><a href="#liechtenstein">Liechtenstein</a></li> -->
         <!-- <li class="eu26"><a href="#lithuania">Lithuania</a></li> -->
         <!-- <li class="eu27"><a href="#luxembourg">Luxembourg</a></li> -->
         <!-- <li class="eu28"><a href="#macedonia">Macedonia <abbr title="The Former Yugoslav Republic of Macedonia">(F.Y.R.O.M.)</abbr></a></li> -->
         <!-- <li class="eu29"><a href="#malta">Malta</a></li> -->
         <!-- <li class="eu30"><a href="#moldova">Moldova</a></li> -->
         <!-- <li class="eu31"><a href="#monaco">Monaco</a></li> -->
         <!-- <li class="eu32"><a href="#montenegro">Montenegro</a></li> -->
         <!-- <li class="eu33"><a href="#netherlands">Netherlands</a></li> -->
         <!-- <li class="eu34"><a href="#norway">Norway</a></li> -->
         <!-- <li class="eu35"><a href="#poland">Poland</a></li> -->
         <!-- <li class="eu36"><a href="#portugal">Portugal</a></li> -->
         <li class="eu37"><a href="#romania" id="romania" >Romania</a></li>
         <!-- <li class="eu38"><a href="#russian-federation">Russian Federation</a></li> -->
         <li class="eu39"><a href="#serbia">Serbia</a></li>
         <!-- <li class="eu40"><a href="#slovakia">Slovakia</a></li> -->
         <!-- <li class="eu41"><a href="#slovenia">Slovenia</a></li> -->
         <!-- <li class="eu42"><a href="#spain">Spain</a></li> -->
         <!-- <li class="eu43"><a href="#sweden">Sweden</a></li> -->
         <!-- <li class="eu44"><a href="#switzerland">Switzerland</a></li> -->
         <li class="eu45"><a href="#turkey">Turkey</a></li>
         <!-- <li class="eu46"><a href="#ukraine">Ukraine</a></li> -->
         <!-- <li class="eu47"><a href="#united-kingdom">United Kingdom</a></li> -->
       <!-- remove this comment and UK list item (above) to activate the United Kingdom countries
         <li class="eu48"><a href="#england">England</a></li>
         <li class="eu49"><a href="#isle-of-man">Isle of Man</a></li>
         <li class="eu50"><a href="#northern-ireland">Northern Ireland</a></li>
         <li class="eu51"><a href="#scotland">Scotland</a></li>
         <li class="eu52"><a href="#wales">Wales</a></li>
       -->
        </ul>
     
</div>
         <?php
         if(false){ ?>
        <div style="z-index:100">
        <?php
        $query_content_map = "SELECT * FROM map";
        $result_content_map = mysql_query($query_content_map);
        
        if($result_content_map!=null){
            while ($line_content_map = mysql_fetch_array($result_content_map)) {
                if($line_content_map['type']=='b'){
                    ?><div href="javascript:return false;" class="eumap_kreis" style="position:absolute;<?php echo "top:".$line_content_map['var_y']."%;left:".$line_content_map['var_x']."%;"; ?>"></div>
                      <div class="eumap_detail" style="position:absolute;<?php echo "top:".($line_content_map['var_y']+5)."%;left:".$line_content_map['var_x']."%;"; ?>"><p><span class="eumap_detail_title"><?php echo $line_content_map['title']; ?></span><br/><br/><span class="eumap_detail_adress">TEXT<?php echo $line_content_map['detail']; ?></span></p></div>
                    <?php
                }else if($line_content_map['type']=='s'){{
                    ?><div href="javascript:return false;" class="eumap_kreis_klein" style="position:absolute;<?php echo "top:".$line_content_map['var_y']."%;left:".$line_content_map['var_x']."%;"; ?>"></div>
                      <div class="eumap_detail" style="position:absolute;<?php echo "top:".($line_content_map['var_y']+5)."%;left:".$line_content_map['var_x']."%;"; ?>"><p><span class="eumap_detail_title"><?php echo $line_content_map['title']; ?></span><br/><br/><span class="eumap_detail_adress">TEXT<?php echo $line_content_map['detail']; ?></span></p></div>
                    <?php
                }
            }
        }
        }
        ?>
                      </div>
         <?php } ?>
    </body>
</html>