title: Two different Colorbox popups on same page separate settings?
body: <p>I found a solution for multiple colorboxes within the same page at <a href="https://stackoverflow.com/questions/12818531/is-it-possible-to-use-two-different-colorbox-style-on-same-page">this stack post</a></p>
  
  <pre><code>function useColorboxTheme() {
      var selectedTheme = $(this).attr("data-theme");
  
      $(".colorboxTheme").attr("disabled", "disabled");
      $("#" + selectedTheme).removeAttr("disabled");
  }
  
  function defaultColorboxTheme() {
      $(".colorboxTheme").attr("disabled", "disabled");
      $(".colorboxTheme.default").removeAttr("disabled");
  }
  
  $(document).ready(function(){
      $("a.colorbox").colorbox({
          onOpen: useColorboxTheme,
          onClosed: defaultColorboxTheme,
          iframe:true,
          innerWidth:940,
          innerHeight:375,
          loop: true,
          slideshow: false,
          slideshowAuto: true,
          slideshowSpeed: 2500,
          slideshowStart: "start slideshow",
          slideshowStop: "stop slideshow",
      });
  });
  </code></pre>
  
  <p>This little snippet works great but it only lets you style the colorboxes differently through different css files. but all colorboxes are still stuck with the same behavioral options in the js.  I would like to use different css AND different js settings for each instance. Possible?</p>