$(document).ready(function(){


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

   $('#showImage').hide();
   $("#img_shower").hide();
   
   $(".clickImage").click(function(event){
   
   
      
      var tmp = $(this).children().attr( "src" );
	  var alt = $(this).children().attr("alt");
      tmp = tmp.substr( 0, tmp.length - 10 );
      tmp = tmp + ".jpg";
	  

      $('#inner_img_float').css('background-image', "url('" + tmp + "')" );
	 

   
      $('#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", "");
      
   });
   
 });