(function ($){
$('.modal').each(function (i){
var modalId='modal' + (i + 1);
$(this).attr('data-id', modalId);
$(this).next('.modal-mask').attr('data-id', modalId);
});
$(".modal").click(function (){
var modalMask=$('.modal-mask[data-id="' + $(this).data('id') + '"]');
modalMask.fadeIn(400).appendTo('body');
});
$(".modal-mask").on('click', '.close', function (){
$(this).closest('.modal-mask').fadeOut(400);
});
$(window).click(function (event){
if($(event.target).is(".modal-mask")){
$(event.target).fadeOut(400);
}});
})(jQuery);