title: error when passing array variable in fancybox
body: <p>In my site I have this link called images and what I want is when the user clicks it, it will display the image gallery using fancybox. I use the name attribute to put all the image filename and then using javascript to parse it.</p>
  
  <p>My problem is when using multiple images the fancybox is not loading. but then if I hardcode the filename it is working. I'm not sure why.</p>
  
  <p>Here's my code.</p>
  
  <pre><code>$(".imageGallery").click(function() {
          var pURL = $(this).attr("name");
          var pID  = "#" + $(this).attr("id");
          var imageList="";
          var arrUrl = new Array();
          var i=0;            
  
          if (pURL.indexOf(',') != -1)
          {
              arrUrl = pURL.split(',');
              imageList = arrUrl;
          }else {imageList = pURL;}
          alert(imageList);
          $.fancybox([imageList], {
              'autoScale'             : true,
              'autoDimensions'        : true,
              'speedIn'               : 800,
              'speedOut'              : 800,
              'changeSpeed'           : 500,
              'padding'               : 0,
              'centerOnScroll'        : false,
              'type'                  : 'image',
              'transitionIn'          : 'fade',
              'transitionOut'         : 'fade',  
              'showCloseButton'       : true,
              'titlePosition'         : 'outside',
              'hideOnContentClick'    : true,
              'overlayColor'             : '#1b2642',
              'showNavArrows'         : true
          });
      });
  </code></pre>