$(document).ready(function(){ 

$("#imgon1").click(function () {
if ($("#imgon1").is(".supe")) {
$("#imgon1").effect("scale", { percent: 50, direction: 'both' }, 1000);
$("#imgon1").removeClass('supe');
      } else {
 $("#imgon1").effect("scale", { percent: 200, direction: 'both' }, 1000);
 $("#imgon1").addClass('supe');
      }
    });


$("#imgon2").click(function () {
if ($("#imgon2").is(".supe")) {
$("#imgon2").effect("scale", { percent: 50, direction: 'both' }, 1000);
$("#imgon2").removeClass('supe');
      } else {
 $("#imgon2").effect("scale", { percent: 200, direction: 'both' }, 1000);
 $("#imgon2").addClass('supe');
      }
    });

$("#imgon3").click(function () {
if ($("#imgon3").is(".supe")) {
$("#imgon3").effect("scale", { percent: 50, direction: 'both' }, 1000);
$("#imgon3").removeClass('supe');
      } else {
 $("#imgon3").effect("scale", { percent: 200, direction: 'both' }, 1000);
 $("#imgon3").addClass('supe');
      }
    });

  });