$(document).ready(function(){





 $('#slider1')
  .anythingSlider({
  
   width          : 927,
   height         : 233,
   autoPlay            : true,
   delay               : 4000,      // How long between slideshow transitions in AutoPlay mode (in milliseconds)
	resizeContents      : true,   
   toggleControls : true,
   startStopped   : false,
   toggleArrows        : true,
   buildArrows         : false,      // If true, builds the forwards and backwards buttons
    toggleControls      : false,
	autoPlayLocked      : false,  
    theme               : 'minimalist-round', // Theme name
   themeDirectory      : 'style/theme-{themeName}.css', // Theme directory & filename {themeName} is replaced by the theme value above
   
   
   
   navigationFormatter : function(i, panel){ // add thumbnails as navigation links
    return '<img src="images/th-slide-' + ['civil-1', 'env-1', 'civil-2', 'env-2'][i - 1] + '.jpg">';
   }
  })
  // target all images inside the current slider
  // replace with 'img.someclass' to target specific images
  .find('.panel:not(.cloned) img') // ignore the cloned panels
   .attr('rel','group')            // add all slider images to a colorbox group
 
});