/************************************************* ** jQuery masonry2 version 1.3.2 ** Copyright David DeSandro, licensed MIT ** http://desandro.com/resources/jquery-masonry2 **************************************************/ (function(e){var n=e.event,o;n.special.smartresize={setup:function(){e(this).bind("resize",n.special.smartresize.handler)},teardown:function(){e(this).unbind("resize",n.special.smartresize.handler)},handler:function(j,l){var g=this,d=arguments;j.type="smartresize";o&&clearTimeout(o);o=setTimeout(function(){jQuery.event.handle.apply(g,d)},l==="execAsap"?0:100)}};e.fn.smartresize=function(j){return j?this.bind("smartresize",j):this.trigger("smartresize",["execAsap"])};e.fn.masonry2=function(j,l){var g={getBricks:function(d,b,a){var c=a.itemSelector===undefined;b.$bricks=a.appendedContent===undefined?c?d.children():d.find(a.itemSelector):c?a.appendedContent:a.appendedContent.filter(a.itemSelector)},placeBrick:function(d,b,a,c,h){b=Math.min.apply(Math,a);for(var i=b+d.outerHeight(true),f=a.length,k=f,m=c.colCount+1-f;f--;)if(a[f]==b)k=f;d.applyStyle({left:c.colW*k+c.posLeft,top:b},e.extend(true,{},h.animationOptions));for(f=0;f0?true:false,a=1;if(b){if(tess.fadein){d.fadeIn(200)}if(tess.animations){c.delegate("div.post","mouseenter mouseleave",function(e){if(e.type==="mouseenter"){$(this).children("div.meta").stop(true,true).slideDown(200)}else{$(this).children("div.meta").stop(true,true).slideUp(600)}})}else{$.fx.off=true;$("html").addClass("no-animations")}}else{c.find("li.tag:last-child span").css("display","none").end().find("ul.audio-meta:empty").remove()}c.find("div.wordy img, div.caption img").removeAttr("height").removeAttr("width");$("#search").children("input").bind({click:function(){if($(this).val()==tess.search){$(this).addClass("typing").val("")}},blur:function(){if(!$(this).val()){$(this).removeClass("typing").val(tess.search)}}});$(window).load(function(){c.find("embed, iframe").each(function(){var g=$(this),e=g.parents("div.post"),f=Math.round(g.attr("height")*g.width()/g.attr("width"));if(e.hasClass("video")){g.attr({width:g.width(),height:f});if(g.is("embed")){g.attr("wmode","opaque").css("display","block")}}else{if(e.hasClass("audio")||e.hasClass("photoset")){g.attr("wmode","opaque").css("display","block")}}});if(b){c.masonry2({columnWidth:undefined,itemSelector:"div.post"},function(){var e=c.find("div.post");e.css("visibility","visible");if(tess.animations&&tess.fadein){e.css("opacity",1000).animate({opacity:1000},1000)}d.fadeOut(1000)});if(tess.infscr){c.infinitescroll({navSelector:"#nav",nextSelector:"a.next",itemSelector:"div.post",debug:false,loadingImg:"",loadingText:"",donetext:"",bufferPx:80},function(e){var f=$(e);if(tess.analytics){a++;_gaq.push(["_trackPageview",window.location.pathname+(window.location.pathname.substr(-1)=="/"?"page/":"/page/")+a])}d.fadeIn(1000);f.css("visibility","hidden").infscrFix(function(){c.masonry2({appendedContent:f},function(){f.css({visibility:"visible",opacity:1000}).animate({opacity:1000},1000);d.fadeOut(1000)})})});$().UItoTop({text:"",easingType:"easeOutQuad"})}}})}); $("html").removeClass("no-js");if(!$.support.opacity){tess.animations=true}; /** * jQuery Masonry v2.0.110825 * A dynamic layout plugin for jQuery * The flip-side of CSS Floats * http://masonry.desandro.com * * Licensed under the MIT license. * Copyright 2011 David DeSandro */ (function( window, $, undefined ){ /* * smartresize: debounced resize event for jQuery * * latest version and complete README available on Github: * https://github.com/louisremi/jquery.smartresize.js * * Copyright 2011 @louis_remi * Licensed under the MIT license. */ var $event = $.event, resizeTimeout; $event.special.smartresize = { setup: function() { $(this).bind( "resize", $event.special.smartresize.handler ); }, teardown: function() { $(this).unbind( "resize", $event.special.smartresize.handler ); }, handler: function( event, execAsap ) { // Save the context var context = this, args = arguments; // set correct event type event.type = "smartresize"; if ( resizeTimeout ) { clearTimeout( resizeTimeout ); } resizeTimeout = setTimeout(function() { jQuery.event.handle.apply( context, args ); }, execAsap === "execAsap"? 0 : 100 ); } }; $.fn.smartresize = function( fn ) { return fn ? this.bind( "smartresize", fn ) : this.trigger( "smartresize", ["execAsap"] ); }; // ========================= Masonry =============================== // our "Widget" object constructor $.Mason = function( options, element ){ this.element = $( element ); this._create( options ); this._init(); }; // styles of container element we want to keep track of var masonryContainerStyles = [ 'position', 'height' ]; $.Mason.settings = { isResizable: true, isAnimated: true, animationOptions: { queue: false, duration: 350 }, gutterWidth: 0, isRTL: false, isFitWidth: true }; $.Mason.prototype = { _filterFindbrick2s2: function( $elems ) { var selector = this.options.itemSelector; // if there is a selector // filter/find appropriate item elements return !selector ? $elems : $elems.filter( selector ).add( $elems.find( selector ) ); }, _getbrick2s2: function( $elems ) { var $brick2s2 = this._filterFindbrick2s2( $elems ) .css({ position: 'absolute' }) .addClass('masonry-brick2'); return $brick2s2; }, // sets up widget _create : function( options ) { this.options = $.extend( true, {}, $.Mason.settings, options ); this.styleQueue = []; // need to get brick2s2 this.reloadItems(); // get original styles in case we re-apply them in .destroy() var elemStyle = this.element[0].style; this.originalStyle = {}; for ( var i=0, len = masonryContainerStyles.length; i < len; i++ ) { var prop = masonryContainerStyles[i]; this.originalStyle[ prop ] = elemStyle[ prop ] || ''; } this.element.css({ position : 'relative' }); this.horizontalDirection = this.options.isRTL ? 'right' : 'left'; this.offset = {}; // get top left position of where the brick2s2 should be var $cursor = $( document.createElement('div') ); this.element.prepend( $cursor ); this.offset.y = Math.round( $cursor.position().top ); // get horizontal offset if ( !this.options.isRTL ) { this.offset.x = Math.round( $cursor.position().left ); } else { $cursor.css({ 'float': 'right', display: 'inline-block'}); this.offset.x = Math.round( this.element.outerWidth() - $cursor.position().left ); } $cursor.remove(); // add masonry class first time around var instance = this; setTimeout( function() { instance.element.addClass('masonry'); }, 0 ); // bind resize method if ( this.options.isResizable ) { $(window).bind( 'smartresize.masonry', function() { instance.resize(); }); } }, // _init fires when instance is first created // and when instance is triggered again -> $el.masonry(); _init : function( callback ) { this._getColumns('masonry'); this._reLayout( callback ); }, option: function( key, value ){ // set options AFTER initialization: // signature: $('#foo').bar({ cool:false }); if ( $.isPlainObject( key ) ){ this.options = $.extend(true, this.options, key); } }, // ====================== General Layout ====================== // used on collection of atoms (should be filtered, and sorted before ) // accepts atoms-to-be-laid-out to start with layout : function( $brick2s2, callback ) { // layout logic var $brick2, colSpan, groupCount, groupY, groupColY, j; for (var i=0, len = $brick2s2.length; i < len; i++) { $brick2 = $( $brick2s2[i] ); //how many columns does this brick2 span colSpan = Math.ceil( $brick2.outerWidth(true) / this.columnWidth ); colSpan = Math.min( colSpan, this.cols ); if ( colSpan === 1 ) { // if brick2 spans only one column, just like singleMode this._placebrick2( $brick2, this.colYs ); } else { // brick2 spans more than one column // how many different places could this brick2 fit horizontally groupCount = this.cols + 1 - colSpan; groupY = []; // for each group potential horizontal position for ( j=0; j < groupCount; j++ ) { // make an array of colY values for that one group groupColY = this.colYs.slice( j, j+colSpan ); // and get the max value of the array groupY[j] = Math.max.apply( Math, groupColY ); } this._placebrick2( $brick2, groupY ); } } // set the size of the container var containerSize = {}; containerSize.height = Math.max.apply( Math, this.colYs ) - this.offset.y; if ( this.options.isFitWidth ) { containerSize.width = this.cols * this.columnWidth - this.options.gutterWidth; } this.styleQueue.push({ $el: this.element, style: containerSize }); // are we animating the layout arrangement? // use plugin-ish syntax for css or animate var styleFn = !this.isLaidOut ? 'css' : ( this.options.isAnimated ? 'animate' : 'css' ), animOpts = this.options.animationOptions; // process styleQueue var obj; for (i=0, len = this.styleQueue.length; i < len; i++) { obj = this.styleQueue[i]; obj.$el[ styleFn ]( obj.style, animOpts ); } // clear out queue for next time this.styleQueue = []; // provide $elems as context for the callback if ( callback ) { callback.call( $brick2s2 ); } this.isLaidOut = true; }, // calculates number of columns // i.e. this.columnWidth = 200 _getColumns : function() { var container = this.options.isFitWidth ? this.element.parent() : this.element, containerWidth = container.width(); this.columnWidth = this.options.columnWidth || // or use the size of the first item this.$brick2s2.outerWidth(true) || // if there's no items, use size of container containerWidth; this.columnWidth += this.options.gutterWidth; this.cols = Math.floor( ( containerWidth + this.options.gutterWidth ) / this.columnWidth ); this.cols = Math.max( this.cols, 1 ); }, _placebrick2 : function( $brick2, setY ) { // get the minimum Y value from the columns var minimumY = Math.min.apply( Math, setY ), shortCol = 0; // Find index of short column, the first from the left for (var i=0, len = setY.length; i < len; i++) { if ( setY[i] === minimumY ) { shortCol = i; break; } } // position the brick2 var position = { top : minimumY }; // position.left or position.right position[ this.horizontalDirection ] = this.columnWidth * shortCol + this.offset.x; this.styleQueue.push({ $el: $brick2, style: position }); // apply setHeight to necessary columns var setHeight = minimumY + $brick2.outerHeight(true), setSpan = this.cols + 1 - len; for ( i=0; i < setSpan; i++ ) { this.colYs[ shortCol + i ] = setHeight; } }, resize : function() { var prevColCount = this.cols; // get updated colCount this._getColumns('masonry'); if ( this.cols !== prevColCount ) { // if column count has changed, trigger new layout this._reLayout(); } }, _reLayout : function( callback ) { // reset columns var i = this.cols; this.colYs = []; while (i--) { this.colYs.push( this.offset.y ); } // apply layout logic to all brick2s2 this.layout( this.$brick2s2, callback ); }, // ====================== Convenience methods ====================== // goes through all children again and gets brick2s2 in proper order reloadItems : function() { this.$brick2s2 = this._getbrick2s2( this.element.children() ); }, reload : function( callback ) { this.reloadItems(); this._init( callback ); }, // convienence method for working with Infinite Scroll appended : function( $content, isAnimatedFromBottom, callback ) { if ( isAnimatedFromBottom ) { // set new stuff to the bottom this._filterFindbrick2s2( $content ).css({ top: this.element.height() }); var instance = this; setTimeout( function(){ instance._appended( $content, callback ); }, 1 ); } else { this._appended( $content, callback ); } }, _appended : function( $content, callback ) { var $newbrick2s2 = this._getbrick2s2( $content ); // add new brick2s2 to brick2 pool this.$brick2s2 = this.$brick2s2.add( $newbrick2s2 ); this.layout( $newbrick2s2, callback ); }, // removes elements from Masonry widget remove : function( $content ) { this.$brick2s2 = this.$brick2s2.not( $content ); $content.remove(); }, // destroys widget, returns elements and container back (close) to original style destroy : function() { this.$brick2s2 .removeClass('masonry-brick2') .each(function(){ this.style.position = ''; this.style.top = ''; this.style.left = ''; }); // re-apply saved container styles var elemStyle = this.element[0].style; for ( var i=0, len = masonryContainerStyles.length; i < len; i++ ) { var prop = masonryContainerStyles[i]; elemStyle[ prop ] = this.originalStyle[ prop ]; } this.element .unbind('.masonry') .removeClass('masonry') .removeData('masonry'); $(window).unbind('.masonry'); } }; // ======================= imagesLoaded Plugin =============================== // https://github.com/desandro/imagesloaded // $('#my-container').imagesLoaded(myFunction) // execute a callback when all images have loaded. // needed because .load() doesn't work on cached images // callback function gets image collection as argument // `this` is the container // original: mit license. paul irish. 2010. // contributors: Oren Solomianik, David DeSandro, Yiannis Chatzikonstantinou $.fn.imagesLoaded = function( callback ) { var $images = this.find('img'), len = $images.length, _this = this, blank = 'data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///ywAAAAAAQABAAACAUwAOw=='; function triggerCallback() { callback.call( _this, $images ); } function imgLoaded() { if ( --len <= 0 && this.src !== blank ){ setTimeout( triggerCallback ); $images.unbind( 'load error', imgLoaded ); } } if ( !len ) { triggerCallback(); } $images.bind( 'load error', imgLoaded ).each( function() { // cached images don't fire load sometimes, so we reset src. if (this.complete || this.complete === undefined){ var src = this.src; // webkit hack from http://groups.google.com/group/jquery-dev/browse_thread/thread/eee6ab7b2da50e1f // data uri bypasses webkit log warning (thx doug jones) this.src = blank; this.src = src; } }); return this; }; // helper function for logging errors // $.error breaks jQuery chaining var logError = function( message ) { if ( this.console ) { console.error( message ); } }; // ======================= Plugin bridge =============================== // leverages data method to either create or return $.Mason constructor // A bit from jQuery UI // https://github.com/jquery/jquery-ui/blob/master/ui/jquery.ui.widget.js // A bit from jcarousel // https://github.com/jsor/jcarousel/blob/master/lib/jquery.jcarousel.js $.fn.masonry = function( options ) { if ( typeof options === 'string' ) { // call method var args = Array.prototype.slice.call( arguments, 1 ); this.each(function(){ var instance = $.data( this, 'masonry' ); if ( !instance ) { logError( "cannot call methods on masonry prior to initialization; " + "attempted to call method '" + options + "'" ); return; } if ( !$.isFunction( instance[options] ) || options.charAt(0) === "_" ) { logError( "no such method '" + options + "' for masonry instance" ); return; } // apply method instance[ options ].apply( instance, args ); }); } else { this.each(function() { var instance = $.data( this, 'masonry' ); if ( instance ) { // apply options & init instance.option( options || {} ); instance._init(); } else { // initialize new instance $.data( this, 'masonry', new $.Mason( options, this ) ); } }); } return this; }; })( window, jQuery );