FeatureBox.js

$(document).ready(function(){
  var icons = $('.icons'),
    icon = icons.find('li'),
    numIcons = icon.length,
    openIcon = Math.floor(Math.random()*icon.length),
    iconContainer = $('.feature-box'),
    expandedClass = 'expanded',
    collapsedClass = 'collapsed';
  
  $(icon[openIcon]).addClass(expandedClass);
  icon.not($('.' + expandedClass)).addClass(collapsedClass);
  
  icons.css('width', numIcons * 150);
  
  icon.click(function(e){
    icon.addClass(collapsedClass).removeClass(expandedClass);
    $(this).removeClass(collapsedClass).addClass(expandedClass);
    iconContainer.scrollTo($('.' + expandedClass)[0], 500, {offset: {left:-80}});
  });
});

$(window).load(function(){
  $('.feature-box').scrollTo($('.expanded')[0], 500, {offset: {left:-80}});
});