CL.Views.MediaList=CL.View.extend({initialize:function(){var view=this;this.$el.show();this.$el.data("media-list",this);this.$items=$("li",this.$el);this.state=new CL.Models.ViewState({filterKey:this.$el.data("filter-key"),filterValue:this.$el.data("filter-value")});if(!CL.utilities.isMobile()){$("span[data-picture]",this.$el).one("pictureChanged",function(){$("img",$(this)).css({"opacity":0}).one("load",function(){$(this).transition({"opacity":1},250);});});}
this.setupGrid();$(window).on("resize.view-"+this.cid,function(){view.setWidth();});this.checkState();this.state.on("change",function(){view.checkState();});if(CL.vars.isIE9||CL.vars.isIE8){this.$el.on("click","article[data-state=disabled] a",function(ev){ev.preventDefault();});}},checkState:function(){if(this.state.get("filterKey")!=this.currentFilterKey||this.state.get("filterValue")!=this.currentFilterValue){this.filterGrid(this.state.get("filterKey"),this.state.get("filterValue"));}},setupGrid:function(){var view=this;this.$el.isotope({getSortData:{matching:function(el){return($(el).data("matching")?0:1);},index:function(el){return $(el).data("index");}},sortBy:"index"});this.setWidth();this.isSetup=true;this.$el.attr("setup","");this.checkState();this.addHoverListener();setTimeout(function(){$(window).trigger("resize");},500);},setWidth:function(){var columnWidth=CL.utilities.isMobile()?$("body").width():329;this.$el.isotope({masonry:{columnWidth:columnWidth,isFitWidth:true}});},filterGrid:function(key,value){if(!key){this.resetFiltering();return;}
this.setTransitioning();if(this.$matches){this.$matches.data("matching",false);}
this.$matches=this.$items.filter("[data-"+key+"~="+value+"]");this.$matches.data("matching",true);this.$items.addClass("hidden-by-filters");this.$matches.removeClass("hidden-by-filters");$("article",this.$el).attr("data-state","disabled");this.$matches.each(function(){$("article",$(this)).attr("data-state","open");});this.$el.isotope("reloadItems");this.$el.isotope({sortBy:"matching"});this.currentFilterKey=key;this.currentFilterValue=value;},resetFiltering:function(){if(this.$matches){this.$matches.data("matching",false);this.$matches=undefined;}
this.$items.removeClass("hidden-by-filters");$("article",this.$el).attr("data-state","normal");this.$el.isotope({sortBy:"original-order"});this.currentFilterKey=undefined;this.currentFilterValue=undefined;},clearAttributes:function(){this.$el.attr("style","");this.$items.attr("style","");},setTransitioning:function(){var view=this,gridSortDuration=600,gridItemFadeDuration=200;this.$el.attr("transitioning","");setTimeout(function(){view.$el.removeAttr("transitioning");},gridSortDuration-gridItemFadeDuration);},addHoverListener:function(){if(CL.vars.isIE9){var animationDuration=125;this.$items.on("mouseenter.ie9-hover",function(){if($("article",$(this)).attr("data-state")==="normal"&&!CL.utilities.isMobile()){var $body=$(".article-body",$(this)),$image=$(".article-image img",$(this)),bodyHeight=$body.outerHeight(true);$("a",$(this)).css("height",$("a",$(this)).outerHeight());$body.css({"bottom":-1*bodyHeight+"px","opacity":0}).show().stop().animate({"bottom":0,"opacity":1,},animationDuration);$image.stop().animate({"margin-top":bodyHeight/-2+"px",},animationDuration);}}).on("mouseleave.ie9-hover",function(){if($("article",$(this)).attr("data-state")==="normal"&&!CL.utilities.isMobile()){var $body=$(".article-body",$(this)),$image=$(".article-image img",$(this)),$anchor=$("a",$(this));bodyHeight=$body.outerHeight(true);$body.stop().animate({"bottom":-1*bodyHeight+"px","opacity":0,},animationDuration,function(){$(this).hide().attr("style","");$anchor.css("height","auto");});$image.stop().animate({"margin-top":0,},animationDuration);}});}}});