// JavaScript Document
    $(function(){

      var $container = $('#imgs');
    
      $container.imagesLoaded( function(){
        $(this).isotope({
        layoutMode : 'masonry',
          itemSelector : '.img',  
        });
      });
    
    $('#imgs').isotope({
  masonry : {
     isFitWidth: true
  }
});


  $.Isotope.prototype._getCenteredMasonryColumns = function() {
    this.width = this.element.width();
    
    var parentWidth = this.element.parent().width();
    
                  // i.e. options.masonry  - options.masonry.columnWidth
    var colW = this.options.masonry && this.options.masonry.columnWidth ||
                  // or use the size of the first item
                  this.$filteredAtoms.outerWidth(true) ||
                  // if there's no items, use size of container
                  parentWidth;
    
    var cols = Math.floor( parentWidth / colW );
    cols = Math.max( cols, 1 );
 
    // i.e. this.masonry.cols = ....
    this.masonry.cols = cols;
    // i.e. this.masonry.columnWidth = ...
    this.masonry.columnWidth = colW;
  };
  
  $.Isotope.prototype._masonryReset = function() {
    // layout-specific props
    this.masonry = {};
    // FIXME shouldn't have to call this again
    this._getCenteredMasonryColumns();
    var i = this.masonry.cols;
    this.masonry.colYs = [];
    while (i--) {
      this.masonry.colYs.push( 0 );
    }
  };
 
  $.Isotope.prototype._masonryResizeChanged = function() {
    var prevColCount = this.masonry.cols;
    // get updated colCount
    this._getCenteredMasonryColumns();
    return ( this.masonry.cols !== prevColCount );
  };
  
  $.Isotope.prototype._masonryGetContainerSize = function() {
    var itemsTotalWidth = 0;
    this.$filteredAtoms.each(function(){
      itemsTotalWidth += $(this).outerWidth(true);
    });
    
    var layoutWidth = this.masonry.cols * this.masonry.columnWidth,
        size = {
          height : Math.max.apply( Math, this.masonry.colYs ),
          width : Math.min(layoutWidth, itemsTotalWidth )
        };
    return size;
    
  };
 
    });
// slidingDiv

$(document).ready(function(){

    $(".slidingDiv").hide();
	$(".show_hide").show();
	
	$('.show_hide').click(function(){
	$(".slidingDiv").slideToggle();
	});

});

