(function($) {
    $.fn.extend({
        lightPop: function(options) { //provide your pligin name here
            var defaults = {
                //right your default setting here
                onBtn: '',
                offBtn: '',
                closeDiv: ''
            };



            var options = $.extend(defaults, options);
            return this.each(function() {
                var o = options;
                var obj = $(this);

                var bodyH = $(document).height();
                var bodyW = $(window).width();


                jQuery.fn.center = function() {
                    $("body").append('<div id="blackOverlay" style="position:absolute; top:0; left:0; background:#000; z-index:2001; display:none;"></div>');
                    $("#blackOverlay").css({ "width": bodyW, "height": bodyH, "opacity": 0.8 });
                    this.css({"scrollTop":"50px"});
                    this.css({ "position": "fixed", "z-index": 2002 });
                    this.css("top", ($(window).height() - this.height()) / 2);
                    this.css("left", ($(window).width() - this.width()) / 2);
                    return this;
                }



                $(o.onBtn).click(function() {
              
                    $('html,body').animate({scrollTop: 250}, 1000);              
                    obj.center();
                    obj.fadeIn(1000);

                    if ($("#blackOverlay").is(":hidden"))
                    { $("#blackOverlay").fadeIn(1000); }                   
                    $(o.closeDiv).css({ "display": "none" });


                    return false;
                })

                $(o.offBtn).click(function() {
                $('html,body').animate({scrollTop: 0}, 1000); 
                    obj.fadeOut(1000);
                    $("#blackOverlay").fadeOut(1000);
                    return false;
                })

            });
        }
    });

})(jQuery)


$(document).ready(function() {
  
      $("#popup1").lightPop({ onBtn: "#UbsGall1", offBtn: "#Close1" })
      $("#popup2").lightPop({ onBtn: "#UbsGall2", offBtn: "#Close2" })
       $("#popup3").lightPop({ onBtn: "#UbsGall3", offBtn: "#Close3" })
      $("#popup4").lightPop({ onBtn: "#UbsGall4", offBtn: "#Close4" })
       
          $("#popup5").lightPop({ onBtn: ".lnkmore", offBtn: "#Close5" })
          $("#popup6").lightPop({ onBtn: ".lnkmore6", offBtn: "#Close6" })
          $("#popup7").lightPop({ onBtn: ".lnkmore7", offBtn: "#Close7" })
          $("#popup8").lightPop({ onBtn: ".lnkmore8", offBtn: "#Close8" })
      $("#popup9").lightPop({ onBtn: ".lnkmore9", offBtn: "#Close9" })
    $("#popup10").lightPop({ onBtn: ".lnkmore10", offBtn: "#Close10" })
    $("#popup11").lightPop({ onBtn: ".lnkmore11", offBtn: "#Close11" })
    $("#popup12").lightPop({ onBtn: ".lnkmore12", offBtn: "#Close12" })
})
















