title: Close this fancy box and open up that fancybox
body: <p>I am trying to make a script that allows me to open one fancy box and on closing that box a new  fancy box will open or fadein...</p>
  
  <p>When i click on the following link then it opens the fancybox that contains a video and i want when i close it the it opens up the fancybox that appear when i click on the demo link.</p>
  
  <pre><code>&lt;a id="various2" href="#divVideo" class="fl ml20"&gt;&lt;img src="images/sites/img2.png" alt="" class="fl mr10" /&gt;&lt;/a&gt;
  </code></pre>
  
  <p>DEMO: When i click on the following link then it opens a fancybox with some demo information.</p>
  
  <pre><code>&lt;LI&gt;&lt;A class="demo" id="example4" href="#demoView"&gt;Demo&lt;/A&gt;&lt;/LI&gt;
  </code></pre>
  
  <h2>Following is my piece of code but i don't know why its closed section didn't open the another fancybox. Kindly help.......</h2>
  
  <pre><code>jQuery(document).ready(function() {     
  
          $("a#example4").fancybox({
                  'opacity'       : true,
                  'overlayShow'   : false,
                  'transitionIn'  : 'elastic',
                  'transitionOut' : 'none'
              });
  
          $("#various2").fancybox({
              'opacity'       : true,
                  'overlayShow'   : false,
                  'transitionIn'  : 'elastic',
                  'transitionOut' : 'none',
  
                  'onClosed'  :   function() {
                              $('#faier').fadeIn(10);
  
                  },
                  'onStart'       :   function() {
                                              document.getElementById('iframe-video');
  
                              //alert("hi");
                              //$('#banner-rotator').royalSlider({slideshowEnabled:false,slideshowDelay:20000 });
                  }
          });
  </code></pre>