$(document).ready(function(){

  // Apple
  var appleFeeder = new BrandFeed( $('div[rel="apple"] .post-body'), "Apple", 15, updateBFScrollBars);
  appleFeeder.init();

  // Dell
  var dellFeeder = new BrandFeed( $('div[rel="dell"] .post-body'), "Dell", 15, updateBFScrollBars);
  dellFeeder.init();
  
  // Blackberry
  var blackberryFeeder = new BrandFeed( $('div[rel="blackberry"] .post-body'), "Blackberry", 15, updateBFScrollBars);
  blackberryFeeder.init();
  
  // Gap
  var gapFeeder = new BrandFeed( $('div[rel="gap"] .post-body'), "Gap", 15, updateBFScrollBars);
  gapFeeder.init();
  
  // Louis Vuitton
  var louis_vuittonFeeder = new BrandFeed( $('div[rel="louis-vuitton"] .post-body'), "Louis Vuitton", 15, updateBFScrollBars);
  louis_vuittonFeeder.init();
  
  // H&M
  var HMFeeder = new BrandFeed( $('div[rel="h-and-m"] .post-body'), "HM", 15, updateBFScrollBars);
  HMFeeder.init();
  
  // Overstock
  var overstockFeeder = new BrandFeed( $('div[rel="overstock"] .post-body'), "Overstock", 15, updateBFScrollBars);
  overstockFeeder.init();
  
  // Amazon
  var amazonFeeder = new BrandFeed( $('div[rel="amazon"] .post-body'), "Amazon", 15, updateBFScrollBars);
  amazonFeeder.init();
  
  // Etsy
  var etsyFeeder = new BrandFeed( $('div[rel="etsy"] .post-body'), "Etsy", 15, updateBFScrollBars);
  etsyFeeder.init();

});

/* Update the jScrollPane scroll bars */
var updateBFScrollBars = function($container){

  $('div.item_container', $container).jScrollPane({
    scrollbarWidth: 13,
    showArrows: true,
    arrowSize: 13,
    dragMinHeight: 12,
    dragMaxHeight: 50
  });
}