$(document).ready(function(){


   $('#showImage').css('display', '');

   $('#showImage').hide();
   $("#img_shower").hide();
   
   $(".clickImage").click(function(event){
   
   
      
      var tmp = $(this).children().attr( "src" );
      tmp = tmp.substr( 0, tmp.length - 10 );
      tmp = tmp + ".jpg";
      $('#inner_img_float').css('background', "none" );
      $('#inner_img_float').css('background', "no-repeat center" );
      $('#inner_img_float').css('background-image', "url('" + tmp + "')" );
      $('#inner_img_float').html("<div style='text-decoration:underline;background:white'>Click anywhere to close</div>")
      $('#showImage').show();
      $("#img_shower").fadeIn(1000);
      
   });

   $("#showImage").click(function(event){
   
        $('#showImage').hide();
        $('#img_shower').hide();
        var floatimg = document.getElementById("inner_img_float");
        floatimg.setAttribute("src", "");
      
   });
   
 });