Template:BIT-China/js-overlay

$(document).ready(function() {

 if (Modernizr.touch) {
   // show the close overlay button
   $(".close-overlay").removeClass("hidden");
   // handle the adding of hover class when clicked
   $(".effects .img").click(function(e) {
     e.preventDefault();
     e.stopPropagation();
     if (!$(this).hasClass("hover")) {
       $(this).addClass("hover");
     }
   });
   // handle the closing of the overlay
   $(".close-overlay").click(function(e) {
     e.preventDefault();
     e.stopPropagation();
     if ($(this).closest(".img").hasClass("hover")) {
       $(this).closest(".img").removeClass("hover");
     }
   });
 } else {
   // handle the mouseenter functionality
   $(".effects .img").mouseenter(function() {
     $(this).addClass("hover");
   })
   // handle the mouseleave functionality
   .mouseleave(function() {
     $(this).removeClass("hover");
   });
 }

});