Buongiorno a tutti,

ho creato un codice per creare finestre modali:

Codice JS:
codice:
$(function(){$("#modal .close").click(function(){$(this).parent().parent().removeClass("show fade-in")});var e=$("#modal").clone(!0);$("#modal").remove(),$(".wrapper").delegate("#item","click",function(){var o=$(this).offset(),a=o.left,l=o.top;$(".md-overlay").before(e),$("#modal").css({left:a,top:l}),parseFloat($("#modal").css("left"),10)==a&&($("#modal").addClass("show fade-in"),$(".close").css("opacity",1))})})

Html:
codice HTML:
<div class="modal" id="modal1">  <div class="md-content">      <p class="modal-title-in">      titolo modale      </p>              <div class="close">X</div>  </div></div>  <div class="md-overlay"></div><div>  <div class="item vc_col-md-3" style="background-image:url(http://events.questionmark.it/wp-content/uploads/2015/11/service.jpg);" id="item"><p class="modal-title">MODAL UNO</p></div>  </div>

Considerando che verranno crate altre finestre , con id "modal2" "item2", "modal3" "item3", ecc..invece di copiare il codice Js vorrei effettuare un loop, ho provato con:
codice:
$(function() {    var i;
    for (i = 0; i < 13; i++){     
        $("#modal1" + i, ".close" ).click(function() {
                $(this).parent().parent().removeClass("show fade-in")
        });
        var e = $("#modal1" + i).clone(!0);
        $("#modal1" + i).remove(), $(".wrapper").delegate("#item" + i, "click", function() {
                var o = $(this).offset(),
                        a = o.left,
                        l = o.top;
                $(".md-overlay").before(e), $("#modal1" + i).css({
                        left: a,
                        top: l
                }), parseFloat($("#modal1" + i).css("left"), 10) == a && ($("#modal1" + i).addClass("show fade-in"), $(".close").css("opacity", 1))
        })
}})
Non riesco a farlo funzionare, come posso crearlo?