function getSwitchSize(){return(2*boxLayout.COLWIDTH+2*boxLayout.COLMARGIN-1)}function setContent($box){var $container=$("#container");if($(window).width()<=getSwitchSize()){myFluidGrid.COLWIDTH=$(window).width()-2*boxLayout.COLMARGIN;$box.css("width",myFluidGrid.COLWIDTH+"px");$box.css("margin-left",boxLayout.COLMARGIN+"px");$box.css("margin-right",boxLayout.COLMARGIN+"px");$box.css("position","relative");$box.css("float","right");$box.css("top","");$box.css("left","");$container.css("position","relative");$container.css("min-width",$(window).width()+"px");resizeImages($box)}else{myFluidGrid.COLWIDTH=boxLayout.COLWIDTH;resizeImages($box);myFluidGrid.doLayout($box)}}(function($){$.fn.resizeImage=function(newWidth){var $img=$(this);var width=parseFloat($img.attr("width"));var height=parseFloat($img.attr("height"));var ratio=width/height;if(width>boxLayout.COLWIDTH){$img.width(newWidth);$img.height(Math.ceil(newWidth/ratio))}return $img}})(jQuery);$(window).load(function(){var $box=$(".box");setContent($box)}).resize(function(){setContent($(".box"))});$(window).load(function(){});function debug(){$("#info").html("Width: "+$(window).width()+"px<br>Height: "+$(window).height()+"px")}function resizeImages($box){var width=boxLayout.COLWIDTH-2*boxLayout.COLMARGIN;var $content_wrap=$(".content_wrap");if($(window).width()<=getSwitchSize()){width=$box.width()-2*boxLayout.COLMARGIN}$("*[class*='scale']").each(function(){var $obj=$(this);var attrWidth=$(this).attr("width");if(typeof attrWidth!=="undefined"&&attrWidth!==false){var ratio=parseFloat($obj.attr("width"))/parseFloat($obj.attr("height"));if(parseFloat($obj.attr("width"))>width){$obj.attr("width",width);$obj.attr("height",Math.ceil(width/ratio))}}})}var myFluidGrid={COLNUMBERMIN:boxLayout.COLNUMBERMIN,COLNUMBERMAX:boxLayout.COLNUMBERMAX,COLMARGIN:boxLayout.COLMARGIN,COLWIDTH:boxLayout.COLWIDTH,COLCENTERED:boxLayout.COLCENTERED,doLayout:function($box){var self=this;var pointer=0;var arr=[];var maxCols=parseInt($("body").innerWidth()/(this.COLWIDTH+this.COLMARGIN),10);var columns=Math.max(this.COLNUMBERMIN,maxCols<this.COLNUMBERMAX?maxCols:this.COLNUMBERMAX);$box.css("position","absolute").css("width",this.COLWIDTH+"px");$box.each(function(){var tempLeft=(pointer*(self.COLWIDTH+self.COLMARGIN));if(self.COLCENTERED){tempLeft+=parseInt(($("body").innerWidth()/2)-(((columns-1)*self.COLMARGIN)+(columns*self.COLWIDTH))/2,10)-self.COLMARGIN}$(this).css("left",tempLeft+"px");var tempTop=0;if(arr[pointer]){tempTop=arr[pointer]}$(this).css("top",tempTop+"px");arr[pointer]=tempTop+$(this).outerHeight()+self.COLMARGIN;pointer+=1;if(pointer===columns){pointer=0}})}};