<!--WHYBOOK -->
<div id="slideextra1" style="position:absolute; top:80px; right:0; z-index:20">
  <img src="<?php echo $sitepath ?>images/show2.png" alt="show/hide" style="cursor: pointer;">
</div>

<div id="containerextra1" style="position:absolute; top:80px; right:0; width:450px; height:180px; z-index:10; ">
 <img src="<?php echo $sitepath ?>images/whybook.png" alt="" border="0" usemap="#Map">
 <map name="Map">
   <area shape="rect" coords="15,80,254,114" href="<?php echo $resurl ?>">
   <area shape="rect" coords="15,117,255,141" href="http://www.tripadvisor.com/" target="_blank">
   <area shape="rect" coords="270,52,410,97" href="gallery.php">
 </map>
</div>

<!--FACEBOOK LIKE GATE -->
<div style="position:absolute; top:110px; left:10px; z-index:30"> 
  <img src="<?php echo $sitepath ?>images/fblike.png" alt="facebook like gate" id="slideextra2" style="cursor:pointer;">
</div>

<div id="containerextra2" style="position:absolute; top:210px; left:-360px; width:360px; background:#FFFFFF; z-index:15">
<div style="padding:15px;" class="text1">

<div>
<div style="margin-bottom:10px;">
<a href="https://www.facebook.com/" target="_blank" class="titles">Like our Facebook page and get a discount!</a></div>
<p><strong>Especially for the users of the social network Facebook our hotel offers a discount on its pricelist. </strong> 
</p>

</div>
</div>
</div>