FancyBox 3 levels

HTML

<link rel="stylesheet" href="http://fancyapps.com/fancybox/source/jquery.fancybox.css">
<script src="http://fancyapps.com/fancybox/source/jquery.fancybox.js"></script>
<div style="display: none; width: 680px;" id="fancyboxmain" >    Родительское окно
    <div style="display: none; width: 680px;" id="fancyboxinfo1" >    Дочернее окно 1 с галереей
        <a href="http://javascript.ru/forum/images/ca_serenity/misc/logo.gif" class='fancyboximg' data-fancybox-group='g1' rel='g1'>
            <img src="http://javascript.ru/forum/images/ca_serenity/misc/logo.gif">
        </a>
        <a href="http://fancyapps.com/fancybox/demo/1_b.jpg" class='fancyboximg' data-fancybox-group='g1' rel='g1'>
            <img src="http://fancyapps.com/fancybox/demo/1_s.jpg">
        </a>
    </div>
    <div style="display: none; width: 680px;" id="fancyboxinfo2" >    Дочернее окно 2 с галереей
        <a href="http://javascript.ru/forum/images/ca_serenity/misc/logo.gif" class='fancyboximg' data-fancybox-group='g2' rel='g2'>
            <img src="http://javascript.ru/forum/images/ca_serenity/misc/logo.gif">
        </a>
        <a href="http://javascript.ru/forum/images/ca_serenity/misc/logo.gif" class='fancyboximg' data-fancybox-group='g2' rel='g2'>
            <img src="http://javascript.ru/forum/images/ca_serenity/misc/logo.gif">
        </a>
    </div>
    <a class="fancyboxinfo" href="#fancyboxinfo1">Открыть дочернее окно 1</a>
    <a class="fancyboxinfo" href="#fancyboxinfo2">Открыть дочернее окно 2</a>
</div>
<a class="fancyboxmain" href="#fancyboxmain" style="color: #FF1493">Открыть родительское окно</a>

JavaScript

$(function () {
         var main = 0,
             info = 0,
             no_show = true;

         $('.fancyboxmain').each(function (index, item) {
             $(item).fancybox({
                 type: 'inline',
                 afterClose: function () {
                     main = index
                 }
             });
         });
         $('.fancyboxinfo').each(function (index, item) {
             $(item).fancybox({
                 type: 'inline',
                 'beforeLoad': function () {
                     info = index
                 },
                 'afterClose': function () {
                     setTimeout(function () {
                         if (no_show) $(".fancyboxmain").eq(main).trigger('click')
                     }, 3);



                 }
             });
         });
         $('.fancyboximg').fancybox({
             'beforeLoad': function () {
                 no_show = false
             },
             'afterClose': function () {
                 setTimeout(function () {
                     no_show = true;
                     $(".fancyboxinfo").eq(info).trigger('click')
                 }, 3);
             }
         });
     })