$(document).ready(function(){
   
   $(".open1").click(function(){
      $(".popup1").show();
   });
   $(".close1").click(function(){
      $(".popup1").hide();
   });
   
   $(".open2").click(function(){
      $(".popup2").show();
   });
   $(".close2").click(function(){
      $(".popup2").hide();
   });
   
   $(".open3").click(function(){
      $(".popup3").show();
   });
   $(".close3").click(function(){
      $(".popup3").hide();
   });
   
   $(".id-search").mouseup(function() {
      $(this).removeClass("id-search-on");
   }).mousedown(function() {
      $(this).addClass("id-search-on");
   });
   
   $(".id-ok").mouseup(function() {
      $(this).removeClass("id-ok-on");
   }).mousedown(function() {
      $(this).addClass("id-ok-on");
   });
   
   $(".id-login").mouseup(function() {
      $(this).removeClass("id-login-on");
   }).mousedown(function() {
      $(this).addClass("id-login-on");
   });
   
   $(".id-send").mouseup(function() {
      $(this).removeClass("id-send-on");
   }).mousedown(function() {
      $(this).addClass("id-send-on");
   });
   
});