$(function(){

  $('#slider').movingBoxes({
        // Appearance
   startPanel   : 3,      // start with this panel
   width        : 940,    // overall width of movingBoxes (not including navigation arrows)
   panelWidth   : 0.75,       // current panel width adjusted to 50% of overall width
   reducedSize  : 1,       // non-current panel size: 80% of panel size
   imageRatio   : 2/0.83,      // Image ration set to 1:1 (square image)
   fixedHeight  : true,     // if true, slider height set to max panel height; if false, slider height will auto adjust.

   // Behaviour
   speed        : 700,       // animation time in milliseconds
   hashTags     : false,      // if true, hash tags are enabled
   wrap         : true,   // if true, the panel will "wrap" (it really rewinds/fast forwards) at the ends
   buildNav     : false,   // if true, navigation links will be added
   navFormatter : function(){ return "●"; }, // function which returns the navigation text for each panel
   easing       : 'swing',   // anything other than "linear" or "swing" requires the easing plugin

   // Selectors & classes
   currentPanel : 'current', // current panel class
   tooltipClass : 'tooltip', // added to the navigation, but the title attribute is blank unless the link text-indent is negative
   panelType    : '> li', // selector to find the immediate ">" children "li" of "#slider-one" in this case

   // Callbacks
   initialized     : null,   // callback when MovingBoxes has completed initialization
   initChange      : null,   // callback upon change panel initialization
   beforeAnimation : null,   // callback before any animation occurs
   completed       : null    // callback after animation completes
   
  });

 });