flexlayout-rails 0.1.1

data/vendor/assets/javascripts/flexie.min.js

@@ -0,0 +1 @@
+var Flexie=(function(win,doc){var FLX={},FLX_DOM_ID=0,FLX_DOM_ATTR="data-flexie-id",FLX_PARENT_ATTR="data-flexie-parent",SUPPORT,ENGINE,ENGINES={"NW":{s:"*.Dom.select"},"DOMAssistant":{s:"*.$",m:"*.DOMReady"},"Prototype":{s:"$$",m:"document.observe",p:"dom:loaded",c:"document"},"YAHOO":{s:"*.util.Selector.query",m:"*.util.Event.onDOMReady",c:"*.util.Event"},"MooTools":{s:"$$",m:"window.addEvent",p:"domready"},"Sizzle":{s:"*"},"jQuery":{s:"*",m:"*(document).ready"},"dojo":{s:"*.query",m:"*.addOnLoad"}},LIBRARY,PIXEL=/^-?\d+(?:px)?$/i,NUMBER=/^-?\d/,SIZES=/width|height|margin|padding|border/,MSIE=/(msie) ([\w.]+)/,WHITESPACE_CHARACTERS=/\t|\n|\r/g,RESTRICTIVE_PROPERTIES=/^max\-([a-z]+)/,PROTOCOL=/^https?:\/\//i,LEADINGTRIM=/^\s\s*/,TRAILINGTRIM=/\s\s*$/,ONLY_WHITESPACE=/^\s*$/,CSS_SELECTOR=/\s?(\#|\.|\[|\:(\:)?[^first\-(line|letter)|before|after]+)/g,EMPTY_STRING="",SPACE_STRING=" ",PLACEHOLDER_STRING="$1",PADDING_RIGHT="paddingRight",PADDING_BOTTOM="paddingBottom",PADDING_LEFT="paddingLeft",PADDING_TOP="paddingTop",BORDER_RIGHT="borderRightWidth",BORDER_BOTTOM="borderBottomWidth",BORDER_LEFT="borderLeftWidth",BORDER_TOP="borderTopWidth",HORIZONTAL="horizontal",VERTICAL="vertical",INLINE_AXIS="inline-axis",BLOCK_AXIS="block-axis",INHERIT="inherit",LEFT="left",END_MUSTACHE="}",PREFIXES=" -o- -moz- -ms- -webkit- -khtml- ".split(SPACE_STRING),DEFAULTS={orient:HORIZONTAL,align:"stretch",direction:INHERIT,pack:"start"},FLEX_BOXES=[],POSSIBLE_FLEX_CHILDREN=[],DOM_ORDERED,RESIZE_LISTENER,TRUE=true,FALSE=false,NULL=null,UNDEFINED,BROWSER={IE:(function(){var ie,ua=win.navigator.userAgent,match=(MSIE).exec(ua.toLowerCase());if(match){ie=parseInt(match[2],10)}return ie}())},selectivizrEngine;function trim(string){if(string){string=string.replace(LEADINGTRIM,EMPTY_STRING).replace(TRAILINGTRIM,EMPTY_STRING)}return string}function determineSelectorMethod(){var engines=ENGINES,method,engine,obj;for(engine in engines){if(engines.hasOwnProperty(engine)){obj=engines[engine];if(win[engine]&&!method){method=eval(obj.s.replace("*",engine));if(method){ENGINE=engine;break}}}}return method}function addEvent(type,func){type="on"+type;var oldevent=win[type];if(typeof win[type]!=="function"){win[type]=func}else{win[type]=function(){if(oldevent){oldevent()}func()}}}function attachLoadMethod(handler){if(!ENGINE){LIBRARY=determineSelectorMethod()}var engines=ENGINES,method,caller,args,engine,obj;for(engine in engines){if(engines.hasOwnProperty(engine)){obj=engines[engine];if(win[engine]&&!method&&obj.m){method=eval(obj.m.replace("*",engine));caller=obj.c?eval(obj.c.replace("*",engine)):win;args=[];if(method&&caller){if(obj.p){args.push(obj.p)}args.push(handler);method.apply(caller,args);break}}}}if(!method){addEvent("load",handler)}}function buildSelector(node){var selector=node.nodeName.toLowerCase();if(node.id){selector+="#"+node.id}else if(node.FLX_DOM_ID){selector+="["+FLX_DOM_ATTR+"='"+node.FLX_DOM_ID+"']"}return selector}function setFlexieId(node){if(!node.FLX_DOM_ID){FLX_DOM_ID=(FLX_DOM_ID+1);node.FLX_DOM_ID=FLX_DOM_ID;node.setAttribute(FLX_DOM_ATTR,node.FLX_DOM_ID)}}function buildSelectorTree(text){var rules=[],ruletext,rule,match,selector,proptext,splitprop,properties,i,j,x;text=text.replace(WHITESPACE_CHARACTERS,EMPTY_STRING);text=text.replace(/\s?(\{|\:|\})\s?/g,PLACEHOLDER_STRING);ruletext=text.split(END_MUSTACHE);for(i in ruletext){if(ruletext.hasOwnProperty(i)){text=ruletext[i];if(text){rule=[text,END_MUSTACHE].join(EMPTY_STRING);match=(/(\@media[^\{]+\{)?(.*)\{(.*)\}/).exec(rule);if(match&&match[3]){selector=match[2];proptext=match[3].split(";");properties=[];for(j in proptext){if(proptext.hasOwnProperty(j)){x=proptext[j];splitprop=x.split(":");if(splitprop.length&&splitprop[1]){properties.push({property:splitprop[0],value:splitprop[1]})}}}if(selector&&properties.length){rules.push({selector:selector,properties:properties})}}}}}return rules}function findFlexboxElements(rules){var selectors,properties,property,value,shortProp,selectorSplit=/\s?,\s?/,createUniqueObject,addRules,key,uniqueChildren={},uniqueBoxes={},i,j,rule,k,l,selector,m,n,prop;createUniqueObject=function(selector,rules,prop,value){var unique,i,j,rule;unique={selector:trim(selector),properties:[]};for(i=0,j=rules.properties.length;i<j;i++){rule=rules.properties[i];unique.properties.push({property:trim(rule.property),value:trim(rule.value)})}if(prop&&value){unique[prop]=value}return unique};addRules=function(selector,rules,prop,value){var box=(prop&&value)?uniqueChildren[selector]:uniqueBoxes[selector],exists,x,i,j,rule,k,l;if(box){for(i=0,j=rules.properties.length;i<j;i++){rule=rules.properties[i];for(k=0,l=box.properties.length;k<l;k++){x=box.properties[k];if(rule.property===x.property){exists=k;return false}}if(exists){box.properties[exists]=rule}else{box.properties.push(rule)}}if(prop&&value){box[prop]=value}}else{if(prop&&value){uniqueChildren[selector]=createUniqueObject(selector,rules,prop,value)}else{uniqueBoxes[selector]=createUniqueObject(selector,rules,NULL,NULL)}}};for(i=0,j=rules.length;i<j;i++){rule=rules[i];selectors=trim(rule.selector).replace(selectorSplit,",").split(selectorSplit);for(k=0,l=selectors.length;k<l;k++){selector=trim(selectors[k]);properties=rule.properties;for(m=0,n=properties.length;m<n;m++){prop=properties[m];property=trim(prop.property);value=trim(prop.value);if(property){shortProp=property.replace("box-",EMPTY_STRING);switch(shortProp){case"display":if(value==="box"){addRules(selector,rule,NULL,NULL)}break;case"orient":case"align":case"direction":case"pack":addRules(selector,rule,NULL,NULL);break;case"flex":case"flex-group":case"ordinal-group":addRules(selector,rule,shortProp,value);break}}}}}for(key in uniqueBoxes){if(uniqueBoxes.hasOwnProperty(key)){FLEX_BOXES.push(uniqueBoxes[key])}}for(key in uniqueChildren){if(uniqueChildren.hasOwnProperty(key)){POSSIBLE_FLEX_CHILDREN.push(uniqueChildren[key])}}return{boxes:FLEX_BOXES,children:POSSIBLE_FLEX_CHILDREN}}function matchFlexChildren(parent,lib,possibleChildren){var caller,unique,matches=[],i,j,child,k,l,node,key;for(i=0,j=possibleChildren.length;i<j;i++){child=possibleChildren[i];if(child.selector){caller=lib(child.selector);caller=caller[0]?caller:[caller];if(caller[0]){for(k=0,l=caller.length;k<l;k++){node=caller[k];if(node.nodeName!==UNDEFINED){switch(node.nodeName.toLowerCase()){case"script":case"style":case"link":break;default:if(node.parentNode===parent){setFlexieId(node);unique={};for(key in child){if(child.hasOwnProperty(key)){unique[key]=child[key]}}unique.match=node;matches.push(unique)}break}}}}}else{setFlexieId(child);matches.push({match:child,selector:buildSelector(child)})}}return matches}function getParams(params){var key;for(key in params){if(params.hasOwnProperty(key)){params[key]=params[key]||DEFAULTS[key]}}return params}function buildFlexieCall(flexers){var selector,properties,property,value,shortProp,display,orient,align,direction,pack,lib,caller,children,box,params,flexboxes={},match,childMatch,nestedFlexboxes,flexieParentSelector="["+FLX_PARENT_ATTR+"]",i,j,flex,k,l,prop,target,key,m,n,child,o,p,existing;if(!flexers){return}for(i=0,j=flexers.boxes.length;i<j;i++){flex=flexers.boxes[i];flex.selector=trim(flex.selector);selector=flex.selector;properties=flex.properties;display=orient=align=direction=pack=NULL;for(k=0,l=properties.length;k<l;k++){prop=properties[k];property=trim(prop.property);value=trim(prop.value);if(property){shortProp=property.replace("box-",EMPTY_STRING);switch(shortProp){case"display":if(value==="box"){display=value}break;case"orient":orient=value;break;case"align":align=value;break;case"direction":direction=value;break;case"pack":pack=value;break}}}lib=LIBRARY;caller=lib(flex.selector);caller=caller[0]?caller:[caller];for(k=0,l=caller.length;k<l;k++){target=caller[k];if(target.nodeType){setFlexieId(target);children=matchFlexChildren(target,lib,flexers.children);nestedFlexboxes=selector+" "+flexieParentSelector;params={target:target,selector:selector,properties:properties,children:children,display:display,orient:orient,align:align,direction:direction,pack:pack,nested:nestedFlexboxes};match=flexboxes[target.FLX_DOM_ID];if(match){for(key in params){if(params.hasOwnProperty(key)){value=params[key];switch(key){case"selector":if(value&&!(new RegExp(value).test(match[key]))){match[key]+=", "+value}break;case"children":for(m=0,n=params[key].length;m<n;m++){child=params[key][m];childMatch=FALSE;for(o=0,p=match[key].length;o<p;o++){existing=match[key][o];if(child.match.FLX_DOM_ID===existing.match.FLX_DOM_ID){childMatch=TRUE}}if(!childMatch){match[key].push(child)}}break;default:if(value){match[key]=value}break}}}}else{flexboxes[target.FLX_DOM_ID]=getParams(params);flexboxes[target.FLX_DOM_ID].target.setAttribute(FLX_PARENT_ATTR,TRUE)}}}}DOM_ORDERED=LIBRARY(flexieParentSelector);FLEX_BOXES={};for(i=0,j=DOM_ORDERED.length;i<j;i++){target=DOM_ORDERED[i];FLEX_BOXES[target.FLX_DOM_ID]=flexboxes[target.FLX_DOM_ID]}for(key in FLEX_BOXES){if(FLEX_BOXES.hasOwnProperty(key)){flex=FLEX_BOXES[key];if(flex.display==="box"){box=new FLX.box(flex)}}}}function calcPx(element,props,dir){var dim=dir.replace(dir.charAt(0),dir.charAt(0).toUpperCase()),value=element["offset"+dim]||0,i,j,prop;if(value){for(i=0,j=props.length;i<j;i++){prop=parseFloat(element.currentStyle[props[i]]);if(!isNaN(prop)){value-=prop}}}return value}function getTrueValue(element,name){var left,rsLeft,ret=element.currentStyle&&element.currentStyle[name],style=element.style;if(!PIXEL.test(ret)&&NUMBER.test(ret)){left=style.left;rsLeft=element.runtimeStyle.left;element.runtimeStyle.left=element.currentStyle.left;style.left=ret||0;ret=style.pixelLeft+"px";style.left=left||0;element.runtimeStyle.left=rsLeft}return ret}function unAuto(element,prop,name){var props;switch(name){case"width":props=[PADDING_LEFT,PADDING_RIGHT,BORDER_LEFT,BORDER_RIGHT];prop=calcPx(element,props,name);break;case"height":props=[PADDING_TOP,PADDING_BOTTOM,BORDER_TOP,BORDER_BOTTOM];prop=calcPx(element,props,name);break;default:prop=getTrueValue(element,name);break}return prop}function getPixelValue(element,prop,name){if(PIXEL.test(prop)){return prop}if(prop==="auto"||prop==="medium"){prop=unAuto(element,prop,name)}else{prop=getTrueValue(element,name)}return prop}function getComputedStyle(element,property,returnAsInt){var value;if(element===UNDEFINED){return}if(win.getComputedStyle){value=win.getComputedStyle(element,NULL)[property]}else{if(SIZES.test(property)){value=getPixelValue(element,(element&&element.currentStyle)?element.currentStyle[property]:0,property)}else{value=element.currentStyle[property]}}if(returnAsInt){value=parseInt(value,10);if(isNaN(value)){value=0}}return value}function clientWidth(element){return element.innerWidth||element.clientWidth}function clientHeight(element){return element.innerHeight||element.clientHeight}function appendProperty(target,prop,value,prefixName){var cssText=[],i,j,prefix;for(i=0,j=PREFIXES.length;i<j;i++){prefix=PREFIXES[i];cssText.push((prefixName?prefix:EMPTY_STRING)+prop+":"+(!prefixName?prefix:EMPTY_STRING)+value)}target.style.cssText+=cssText.join(";");return target}function appendPixelValue(target,prop,value){var targets=target&&target[0]?target:[target],i,j;for(i=0,j=targets.length;i<j;i++){target=targets[i];if(target&&target.style){target.style[prop]=(value?(value+"px"):EMPTY_STRING)}}}function calculateSpecificity(selector){var selectorGrid,matrix,total,i,j,chunk;selectorGrid=selector.replace(CSS_SELECTOR,function(e,f){return"%"+f}).replace(/\s|\>|\+|\~/g,"%").split(/%/g);matrix={_id:100,_class:10,_tag:1};total=0;for(i=0,j=selectorGrid.length;i<j;i++){chunk=selectorGrid[i];if((/#/).test(chunk)){total+=matrix._id}else if((/\.|\[|\:/).test(chunk)){total+=matrix._class}else if((/[a-zA-Z]+/).test(chunk)){total+=matrix._tag}}return total}function filterDuplicates(matches,children,type){var filteredMatches=[],exists,spec=(type?"ordinal":"flex")+"Specificity",i,j,x,k,l,f;for(i=0,j=matches.length;i<j;i++){x=matches[i];if((!type&&x.flex)||(type&&x["ordinal-group"])){x[spec]=x[spec]||calculateSpecificity(x.selector);exists=FALSE;for(k=0,l=filteredMatches.length;k<l;k++){f=filteredMatches[k];if(f.match===x.match){if(f[spec]<x[spec]){filteredMatches[j]=x}exists=TRUE;return FALSE}}if(!exists){filteredMatches.push(x)}}}return filteredMatches}function createMatchMatrix(matches,children,type){var groups={},keys=[],totalRatio=0,group,order="ordinal-group",BoxOrdinalAttr="data-"+order,i,j,kid,k,l,x,key;matches=filterDuplicates(matches,children,type);for(i=0,j=children.length;i<j;i++){kid=children[i];for(k=0,l=matches.length;k<l;k++){x=matches[k];if(type){group=x[order]||"1";if(x.match===kid){x.match.setAttribute(BoxOrdinalAttr,group);groups[group]=groups[group]||[];groups[group].push(x)}}else{group=x.flex||"0";if(x.match===kid&&(!x[group]||(x[group]&&parseInt(x[group],10)<=1))){totalRatio+=parseInt(group,10);groups[group]=groups[group]||[];groups[group].push(x)}}}if(type&&!kid.getAttribute(BoxOrdinalAttr)){group="1";kid.setAttribute(BoxOrdinalAttr,group);groups[group]=groups[group]||[];groups[group].push({match:kid})}}for(key in groups){if(groups.hasOwnProperty(key)){keys.push(key)}}keys.sort(function(a,b){return b-a});return{keys:keys,groups:groups,total:totalRatio}}function attachResizeListener(construct,params){if(!RESIZE_LISTENER){var storedWidth,storedHeight,currentWidth,currentHeight,docBody=doc.body,docEl=doc.documentElement,resizeTimer,innerWidth="innerWidth",innerHeight="innerHeight",clientWidth="clientWidth",clientHeight="clientHeight";addEvent("resize",function(){if(resizeTimer){window.clearTimeout(resizeTimer)}resizeTimer=window.setTimeout(function(){currentWidth=win[innerWidth]||docEl[innerWidth]||docEl[clientWidth]||docBody[clientWidth];currentHeight=win[innerHeight]||docEl[innerHeight]||docEl[clientHeight]||docBody[clientHeight];if(storedWidth!==currentWidth||storedHeight!==currentHeight){FLX.updateInstance(NULL,NULL);storedWidth=currentWidth;storedHeight=currentHeight}},250)});RESIZE_LISTENER=TRUE}}function cleanPositioningProperties(children){var i,j,kid,w,h;for(i=0,j=children.length;i<j;i++){kid=children[i];w=kid.style.width;h=kid.style.height;kid.style.cssText=EMPTY_STRING;kid.style.width=w;kid.style.height=h}}function sanitizeChildren(target,nodes){var children=[],node,i,j;for(i=0,j=nodes.length;i<j;i++){node=nodes[i];if(node){switch(node.nodeName.toLowerCase()){case"script":case"style":case"link":break;default:if(node.nodeType===1){children.push(node)}else if((node.nodeType===3)&&(node.isElementContentWhitespace||(ONLY_WHITESPACE).test(node.data))){target.removeChild(node);i--}break}}}return children}function parentFlex(target){var totalFlex=0,parent=target.parentNode,obj,matrix,isNested;while(parent.FLX_DOM_ID){if(FLEX_BOXES[parent.FLX_DOM_ID]){obj=FLEX_BOXES[parent.FLX_DOM_ID];matrix=createMatchMatrix(obj.children,sanitizeChildren(parent,parent.childNodes),NULL);totalFlex+=matrix.total;isNested=TRUE}parent=parent.parentNode}return{nested:isNested,flex:totalFlex}}function dimensionValues(target,prop){var parent=target.parentNode,obj,dimension,i,j,rule;if(parent.FLX_DOM_ID){obj=FLEX_BOXES[parent.FLX_DOM_ID];for(i=0,j=obj.properties.length;i<j;i++){rule=obj.properties[i];if((new RegExp(prop)).test(rule.property)){dimension=TRUE;return FALSE}}}return dimension}function updateChildValues(params){var i,j,x;if(params.flexMatrix){for(i=0,j=params.children.length;i<j;i++){x=params.children[i];x.flex=params.flexMatrix[i]}}if(params.ordinalMatrix){for(i=0,j=params.children.length;i<j;i++){x=params.children[i];x["ordinal-group"]=params.ordinalMatrix[i]}}return params}function ensureStructuralIntegrity(params,instance){var target=params.target;if(!target.FLX_DOM_ID){target.FLX_DOM_ID=target.FLX_DOM_ID||(++FLX_DOM_ID)}if(!params.nodes){params.nodes=sanitizeChildren(target,target.childNodes)}if(!params.selector){params.selector=buildSelector(target);target.setAttribute(FLX_PARENT_ATTR,TRUE)}if(!params.properties){params.properties=[]}if(!params.children){params.children=matchFlexChildren(target,LIBRARY,sanitizeChildren(target,target.childNodes))}if(!params.nested){params.nested=params.selector+" ["+FLX_PARENT_ATTR+"]"}params.target=target;params._instance=instance;return params}selectivizrEngine=(function(){var RE_COMMENT=/(\/\*[^*]*\*+([^\/][^*]*\*+)*\/)\s*?/g,RE_IMPORT=/@import\s*(?:(?:(?:url\(\s*(['"]?)(.*)\1)\s*\))|(?:(['"])(.*)\3))\s*([^;]*);/g,RE_ASSET_URL=/(behavior\s*?:\s*)?\burl\(\s*(["']?)(?!data:)([^"')]+)\2\s*\)/g,RE_SELECTOR_GROUP=/((?:^|(?:\s*\})+)(?:\s*@media[^\{]+\{)?)\s*([^\{]*?[\[:][^{]+)/g,RE_TIDY_TRAILING_WHITESPACE=/([(\[+~])\s+/g,RE_TIDY_LEADING_WHITESPACE=/\s+([)\]+~])/g,RE_TIDY_CONSECUTIVE_WHITESPACE=/\s+/g,RE_TIDY_TRIM_WHITESPACE=/^\s*((?:[\S\s]*\S)?)\s*$/;function trim(text){return text.replace(RE_TIDY_TRIM_WHITESPACE,PLACEHOLDER_STRING)}function normalizeWhitespace(text){return trim(text).replace(RE_TIDY_CONSECUTIVE_WHITESPACE,SPACE_STRING)}function normalizeSelectorWhitespace(selectorText){return normalizeWhitespace(selectorText.replace(RE_TIDY_TRAILING_WHITESPACE,PLACEHOLDER_STRING).replace(RE_TIDY_LEADING_WHITESPACE,PLACEHOLDER_STRING))}function patchStyleSheet(cssText){return cssText.replace(RE_SELECTOR_GROUP,function(m,prefix,selectorText){var selectorGroups,selector,i,j,group;selectorGroups=selectorText.split(",");for(i=0,j=selectorGroups.length;i<j;i++){group=selectorGroups[i];selector=normalizeSelectorWhitespace(group)+SPACE_STRING}return prefix+selectorGroups.join(",")})}function getXHRObject(){if(win.XMLHttpRequest){return new win.XMLHttpRequest()}try{return new win.ActiveXObject("Microsoft.XMLHTTP")}catch(e){return NULL}}function parseInlineStyles(text){var reg=/<style[^<>]*>([^<>]*)<\/style[\s]?>/img,match=reg.exec(text),stylesheets=[],rawCSSText;while(match){rawCSSText=match[1];if(rawCSSText){stylesheets.push(rawCSSText)}match=reg.exec(text)}return stylesheets.join("\n\n")}function loadStyleSheet(url){var xhr=getXHRObject(),responseText;xhr.open("GET",url,FALSE);xhr.send();responseText=(xhr.status===200)?xhr.responseText:EMPTY_STRING;if(url===window.location.href){responseText=parseInlineStyles(responseText)}return responseText}function resolveUrl(url,contextUrl){if(!url){return}function getProtocolAndHost(url){return url.substring(0,url.indexOf("/",8))}if(PROTOCOL.test(url)){return getProtocolAndHost(contextUrl)===getProtocolAndHost(url)?url:NULL}if(url.charAt(0)==="/"){return getProtocolAndHost(contextUrl)+url}var contextUrlPath=contextUrl.split("?")[0];if(url.charAt(0)!=="?"&&contextUrlPath.charAt(contextUrlPath.length-1)!=="/"){contextUrlPath=contextUrlPath.substring(0,contextUrlPath.lastIndexOf("/")+1)}return contextUrlPath+url}function parseStyleSheet(url){if(url){return loadStyleSheet(url).replace(RE_COMMENT,EMPTY_STRING).replace(RE_IMPORT,function(match,quoteChar,importUrl,quoteChar2,importUrl2,media){var cssText=parseStyleSheet(resolveUrl(importUrl||importUrl2,url));return(media)?"@media "+media+" {"+cssText+"}":cssText}).replace(RE_ASSET_URL,function(match,isBehavior,quoteChar,assetUrl){quoteChar=quoteChar||EMPTY_STRING;return isBehavior?match:" url("+quoteChar+resolveUrl(assetUrl,url,true)+quoteChar+") "})}return EMPTY_STRING}return function(){var url,stylesheets=[],stylesheet,i,j,baseTags=doc.getElementsByTagName("BASE"),baseUrl=(baseTags.length>0)?baseTags[0].href:doc.location.href,externalStyles=doc.styleSheets,cssText,tree,flexers;for(i=0,j=externalStyles.length;i<j;i++){stylesheet=externalStyles[i];if(stylesheet!=NULL){stylesheets.push(stylesheet)}}stylesheets.push(window.location);for(i=0,j=stylesheets.length;i<j;i++){stylesheet=stylesheets[i];if(stylesheet){url=resolveUrl(stylesheet.href,baseUrl);if(url){cssText=patchStyleSheet(parseStyleSheet(url))}if(cssText){tree=buildSelectorTree(cssText);flexers=findFlexboxElements(tree)}}}buildFlexieCall(flexers)}}());FLX.box=function(params){return this.renderModel(params)};FLX.box.prototype={properties:{boxModel:function(target,children,params){var selectors,stylesheet,paddingFix,generatedRules,i,j,selector;target.style.display="block";if(BROWSER.IE===8){target.style.overflow="hidden"}if(!params.cleared){selectors=params.selector.split(/\s?,\s?/);stylesheet=doc.styleSheets;stylesheet=stylesheet[stylesheet.length-1];paddingFix="padding-top:"+(getComputedStyle(target,PADDING_TOP,NULL)||"0.1px;");generatedRules=["content: '.'","display: block","height: 0","overflow: hidden"].join(";");for(i=0,j=selectors.length;i<j;i++){selector=selectors[i];if(stylesheet.addRule){if(BROWSER.IE<8){target.style.zoom="1";if(BROWSER.IE===6){stylesheet.addRule(selector.replace(/\>|\+|\~/g,""),paddingFix+"zoom:1;",0)}else if(BROWSER.IE===7){stylesheet.addRule(selector,paddingFix+"display:inline-block;",0)}}else{stylesheet.addRule(selector,paddingFix,0);stylesheet.addRule(selector+":before",generatedRules,0);stylesheet.addRule(selector+":after",generatedRules+";clear:both;",0)}}else if(stylesheet.insertRule){stylesheet.insertRule(selector+"{"+paddingFix+"}",0);stylesheet.insertRule(selector+":after{"+generatedRules+";clear:both;}",0)}}params.cleared=TRUE}},boxDirection:function(target,children,params){var nestedSelector,nested,i,j,kid,node;if((params.direction==="reverse"&&!params.reversed)||(params.direction==="normal"&&params.reversed)){children=children.reverse();for(i=0,j=children.length;i<j;i++){kid=children[i];target.appendChild(kid)}nestedSelector=LIBRARY(params.nested);for(i=0,j=nestedSelector.length;i<j;i++){node=nestedSelector[i];nested=FLEX_BOXES[node.FLX_DOM_ID];if(nested&&nested.direction===INHERIT){nested.direction=params.direction}}params.reversed=!params.reversed}},boxOrient:function(target,children,params){var self=this,wide,high,i,j,kid;wide={pos:"marginLeft",opp:"marginRight",dim:"width",out:"offsetWidth",func:clientWidth,pad:[PADDING_LEFT,PADDING_RIGHT,BORDER_LEFT,BORDER_RIGHT]};high={pos:"marginTop",opp:"marginBottom",dim:"height",out:"offsetHeight",func:clientHeight,pad:[PADDING_TOP,PADDING_BOTTOM,BORDER_TOP,BORDER_BOTTOM]};if(!SUPPORT){for(i=0,j=children.length;i<j;i++){kid=children[i];kid.style[(BROWSER.IE>=9)?"cssFloat":"styleFloat"]=LEFT;if(params.orient===VERTICAL||params.orient===BLOCK_AXIS){kid.style.clear=LEFT}if(BROWSER.IE===6){kid.style.display="inline"}}}switch(params.orient){case VERTICAL:case BLOCK_AXIS:self.props=high;self.anti=wide;break;default:self.props=wide;self.anti=high;break}},boxOrdinalGroup:function(target,children,params){var organizeChildren,matrix;if(!children.length){return}organizeChildren=function(matrix){var keys=matrix.keys,iterator=params.reversed?keys:keys.reverse(),i,j,key,k,l,kid;for(i=0,j=iterator.length;i<j;i++){key=iterator[i];for(k=0,l=children.length;k<l;k++){kid=children[k];if(key===kid.getAttribute("data-ordinal-group")){target.appendChild(kid)}}}};matrix=createMatchMatrix(params.children,children,TRUE);if(matrix.keys.length>1){organizeChildren(matrix)}},boxFlex:function(target,children,params){var self=this,testForRestrictiveProperties,findTotalWhitespace,distributeRatio,matrix,restrict,whitespace,distro;if(!children.length){return}testForRestrictiveProperties=function(matrix){var flexers=matrix.groups,keys=matrix.keys,max,i,j,key,k,l,x,m,n,rule;for(i=0,j=keys.length;i<j;i++){key=keys[i];for(k=0,l=flexers[key].length;k<l;k++){x=flexers[key][k];max=NULL;for(m=0,n=x.properties.length;m<n;m++){rule=x.properties[m];if((RESTRICTIVE_PROPERTIES).test(rule.property)){max=parseFloat(rule.value)}}if(!max||x.match[self.props.out]>max){appendPixelValue(x.match,self.props.pos,NULL)}}}};findTotalWhitespace=function(matrix){var groupDimension=0,whitespace,ration,i,j,kid,k,l,pad;for(i=0,j=children.length;i<j;i++){kid=children[i];groupDimension+=getComputedStyle(kid,self.props.dim,TRUE);for(k=0,l=self.props.pad.length;k<l;k++){pad=self.props.pad[k];groupDimension+=getComputedStyle(kid,pad,TRUE)}groupDimension+=getComputedStyle(kid,self.props.pos,TRUE);groupDimension+=getComputedStyle(kid,self.props.opp,TRUE)}whitespace=target[self.props.out]-groupDimension;for(i=0,j=self.props.pad.length;i<j;i++){pad=self.props.pad[i];whitespace-=getComputedStyle(target,pad,TRUE)}ration=(whitespace/matrix.total);return{whitespace:whitespace,ration:ration}};distributeRatio=function(matrix,whitespace){var flexers=matrix.groups,keys=matrix.keys,flex,specificity,ration=whitespace.ration,widthRation,trueDim,newDimension,i,j,key,k,l,x;for(i=0,j=keys.length;i<j;i++){key=keys[i];widthRation=(ration*key);for(k=0,l=flexers[key].length;k<l;k++){x=flexers[key][k];if(x.match){flex=x.match.getAttribute("data-flex");specificity=x.match.getAttribute("data-specificity");if(!flex||(specificity<=x.flexSpecificity)){x.match.setAttribute("data-flex",key);x.match.setAttribute("data-specificity",x.flexSpecificity);trueDim=getComputedStyle(x.match,self.props.dim,TRUE);newDimension=Math.max(0,(trueDim+widthRation));appendPixelValue(x.match,self.props.dim,newDimension)}}}}};matrix=createMatchMatrix(params.children,children,NULL);if(matrix.total){params.hasFlex=TRUE;restrict=testForRestrictiveProperties(matrix);whitespace=findTotalWhitespace(matrix);distro=distributeRatio(matrix,whitespace)}},boxAlign:function(target,children,params){var self=this,targetDimension,kidDimension,flexCheck=parentFlex(target),i,j,pad,k,l,kid;if(!SUPPORT&&!flexCheck.flex&&(params.orient===VERTICAL||params.orient===BLOCK_AXIS)){if(!dimensionValues(target,self.anti.dim)){appendPixelValue(target,self.anti.dim,NULL)}appendPixelValue(children,self.anti.dim,NULL)}targetDimension=target[self.anti.out];for(i=0,j=self.anti.pad.length;i<j;i++){pad=self.anti.pad[i];targetDimension-=getComputedStyle(target,pad,TRUE)}switch(params.align){case"start":break;case"end":for(i=0,j=children.length;i<j;i++){kid=children[i];kidDimension=targetDimension-kid[self.anti.out];kidDimension-=getComputedStyle(kid,self.anti.opp,TRUE);appendPixelValue(kid,self.anti.pos,kidDimension)}break;case"center":for(i=0,j=children.length;i<j;i++){kid=children[i];kidDimension=(targetDimension-kid[self.anti.out])/2;appendPixelValue(kid,self.anti.pos,kidDimension)}break;default:for(i=0,j=children.length;i<j;i++){kid=children[i];switch(kid.nodeName.toLowerCase()){case"button":case"input":case"select":break;default:var subtract=0;for(k=0,l=self.anti.pad.length;k<l;k++){pad=self.anti.pad[k];subtract+=getComputedStyle(kid,pad,TRUE);subtract+=getComputedStyle(target,pad,TRUE)}kid.style[self.anti.dim]="100%";kidDimension=kid[self.anti.out]-subtract;appendPixelValue(kid,self.anti.dim,NULL);kidDimension=targetDimension;kidDimension-=getComputedStyle(kid,self.anti.pos,TRUE);for(k=0,l=self.anti.pad.length;k<l;k++){pad=self.anti.pad[k];kidDimension-=getComputedStyle(kid,pad,TRUE)}kidDimension-=getComputedStyle(kid,self.anti.opp,TRUE);kidDimension=Math.max(0,kidDimension);appendPixelValue(kid,self.anti.dim,kidDimension);break}}break}},boxPack:function(target,children,params){var self=this,groupDimension=0,firstComputedMargin=0,targetPadding=0,totalDimension,fractionedDimension,currentDimension,remainder,length=children.length-1,kid,i,j,value,pad;for(i=0,j=children.length;i<j;i++){kid=children[i];groupDimension+=kid[self.props.out];groupDimension+=getComputedStyle(kid,self.props.pos,TRUE);groupDimension+=getComputedStyle(kid,self.props.opp,TRUE)}firstComputedMargin=getComputedStyle(children[0],self.props.pos,TRUE);totalDimension=target[self.props.out]-groupDimension;for(i=0,j=self.props.pad.length;i<j;i++){pad=self.props.pad[i];totalDimension-=getComputedStyle(target,pad,TRUE)}if(totalDimension<0){totalDimension=Math.max(0,totalDimension)}switch(params.pack){case"end":appendPixelValue(children[0],self.props.pos,targetPadding+firstComputedMargin+totalDimension);break;case"center":if(targetPadding){targetPadding/=2}appendPixelValue(children[0],self.props.pos,targetPadding+firstComputedMargin+Math.floor(totalDimension/2));break;case"justify":fractionedDimension=Math.floor((targetPadding+totalDimension)/length);remainder=(fractionedDimension*length)-totalDimension;i=children.length-1;while(i){kid=children[i];currentDimension=fractionedDimension;if(remainder){currentDimension++;remainder++}value=getComputedStyle(kid,self.props.pos,TRUE)+currentDimension;appendPixelValue(kid,self.props.pos,value);i--}break}target.style.overflow=""}},setup:function(target,children,params){var self=this,matrix,flexCheck,key,func;if(!target||!children||!params){return}if(SUPPORT&&SUPPORT.partialSupport){matrix=createMatchMatrix(params.children,children,NULL);flexCheck=parentFlex(target);children=sanitizeChildren(target,target.childNodes);self.properties.boxOrient.call(self,target,children,params);if(!matrix.total||!LIBRARY(params.nested).length){if((params.align==="stretch")&&!SUPPORT.boxAlignStretch&&(!flexCheck.nested||!flexCheck.flex)){self.properties.boxAlign.call(self,target,children,params)}if((params.pack==="justify")&&!SUPPORT.boxPackJustify&&!matrix.total){self.properties.boxPack.call(self,target,children,params)}}}else if(!SUPPORT){for(key in self.properties){if(self.properties.hasOwnProperty(key)){func=self.properties[key];func.call(self,target,sanitizeChildren(target,target.childNodes),params)}}}},trackDOM:function(params){attachResizeListener(this,params)},updateModel:function(params){var self=this,target=params.target,children=params.nodes;cleanPositioningProperties(children);if(params.flexMatrix||params.ordinalMatrix){params=updateChildValues(params)}self.setup(target,children,params);self.bubbleUp(target,params)},renderModel:function(params){var self=this,target=params.target,nodes=target.childNodes;if(!target.length&&!nodes){return false}params=ensureStructuralIntegrity(params,this);self.updateModel(params);win.setTimeout(function(){self.trackDOM(params)},0);return self},bubbleUp:function(target,params){var self=this,flex,parent=params.target.parentNode;while(parent){flex=FLEX_BOXES[parent.FLX_DOM_ID];if(flex&&flex.nodes){cleanPositioningProperties(flex.nodes);self.setup(flex.target,flex.nodes,flex)}parent=parent.parentNode}}};FLX.updateInstance=function(target,params){var box,key;if(target){box=FLEX_BOXES[target.FLX_DOM_ID];if(box&&box._instance){box._instance.updateModel(box)}else if(!box){box=new FLX.box(params)}}else{for(key in FLEX_BOXES){if(FLEX_BOXES.hasOwnProperty(key)){box=FLEX_BOXES[key];if(box&&box._instance){box._instance.updateModel(box)}}}}};FLX.getInstance=function(target){return FLEX_BOXES[target.FLX_DOM_ID]};FLX.destroyInstance=function(target){var box,destroy,i,j,x,key;destroy=function(box){box.target.FLX_DOM_ID=NULL;box.target.style.cssText=EMPTY_STRING;for(i=0,j=box.children.length;i<j;i++){x=box.children[i];x.match.style.cssText=EMPTY_STRING}};if(target){box=FLEX_BOXES[target.FLX_DOM_ID];if(box){destroy(box)}}else{for(key in FLEX_BOXES){if(FLEX_BOXES.hasOwnProperty(key)){destroy(FLEX_BOXES[key])}}FLEX_BOXES=[]}};FLX.flexboxSupport=function(){var partialSupportGrid={},height=100,childHeight,dummy=doc.createElement("flxbox"),child='<b style="margin: 0; padding: 0; display:block; width: 10px; height:'+(height/2)+'px"></b>',tests,result,key,value;dummy.style.width=dummy.style.height=height+"px";dummy.innerHTML=(child+child+child);appendProperty(dummy,"display","box",NULL);appendProperty(dummy,"box-align","stretch",TRUE);appendProperty(dummy,"box-pack","justify",TRUE);doc.body.appendChild(dummy);childHeight=dummy.firstChild.offsetHeight;tests={boxAlignStretch:function(){return(childHeight===100)},boxPackJustify:function(){var totalOffset=0,i,j;for(i=0,j=dummy.childNodes.length;i<j;i++){totalOffset+=dummy.childNodes[i].offsetLeft}return(totalOffset===135)}};for(key in tests){if(tests.hasOwnProperty(key)){value=tests[key];result=value();if(!result){partialSupportGrid.partialSupport=TRUE}partialSupportGrid[key]=result}}doc.body.removeChild(dummy);return~(dummy.style.display).indexOf("box")?partialSupportGrid:FALSE};FLX.init=function(){FLX.flexboxSupported=SUPPORT=FLX.flexboxSupport();if((!SUPPORT||SUPPORT.partialSupport)&&LIBRARY){selectivizrEngine()}};FLX.version="1.0.3";attachLoadMethod(FLX.init);return FLX}(this,document));

data/vendor/assets/javascripts/jquery.lettering.js

@@ -0,0 +1,66 @@
+/*global jQuery */
+/*! 
+* Lettering.JS 0.6.1
+*
+* Copyright 2010, Dave Rupert http://daverupert.com
+* Released under the WTFPL license 
+* http://sam.zoy.org/wtfpl/
+*
+* Thanks to Paul Irish - http://paulirish.com - for the feedback.
+*
+* Date: Mon Sep 20 17:14:00 2010 -0600
+*/
+(function($){
+  function injector(t, splitter, klass, after) {
+    var a = t.text().split(splitter), inject = '';
+    if (a.length) {
+      $(a).each(function(i, item) {
+        inject += '<span class="'+klass+(i+1)+'">'+item+'</span>'+after;
+      }); 
+      t.empty().append(inject);
+    }
+  }
+  
+  var methods = {
+    init : function() {
+
+      return this.each(function() {
+        injector($(this), '', 'char', '');
+      });
+
+    },
+
+    words : function() {
+
+      return this.each(function() {
+        injector($(this), ' ', 'word', ' ');
+      });
+
+    },
+    
+    lines : function() {
+
+      return this.each(function() {
+        var r = "eefec303079ad17405c889e092e105b0";
+        // Because it's hard to split a <br/> tag consistently across browsers,
+        // (*ahem* IE *ahem*), we replaces all <br/> instances with an md5 hash 
+        // (of the word "split").  If you're trying to use this plugin on that 
+        // md5 hash string, it will fail because you're being ridiculous.
+        injector($(this).children("br").replaceWith(r).end(), r, 'line', '');
+      });
+
+    }
+  };
+
+  $.fn.lettering = function( method ) {
+    // Method calling logic
+    if ( method && methods[method] ) {
+      return methods[ method ].apply( this, [].slice.call( arguments, 1 ));
+    } else if ( method === 'letters' || ! method ) {
+      return methods.init.apply( this, [].slice.call( arguments, 0 ) ); // always pass an array
+    }
+    $.error( 'Method ' +  method + ' does not exist on jQuery.lettering' );
+    return this;
+  };
+
+})(jQuery);

data/vendor/assets/javascripts/jquery.lettering.min.js

@@ -0,0 +1,13 @@
+/*global jQuery */
+/*! 
+* Lettering.JS 0.6.1
+*
+* Copyright 2010, Dave Rupert http://daverupert.com
+* Released under the WTFPL license 
+* http://sam.zoy.org/wtfpl/
+*
+* Thanks to Paul Irish - http://paulirish.com - for the feedback.
+*
+* Date: Mon Sep 20 17:14:00 2010 -0600
+*/
+(function($){function injector(t,splitter,klass,after){var a=t.text().split(splitter),inject='';if(a.length){$(a).each(function(i,item){inject+='<span class="'+klass+(i+1)+'">'+item+'</span>'+after});t.empty().append(inject)}}var methods={init:function(){return this.each(function(){injector($(this),'','char','')})},words:function(){return this.each(function(){injector($(this),' ','word',' ')})},lines:function(){return this.each(function(){var r="eefec303079ad17405c889e092e105b0";injector($(this).children("br").replaceWith(r).end(),r,'line','')})}};$.fn.lettering=function(method){if(method&&methods[method]){return methods[method].apply(this,[].slice.call(arguments,1))}else if(method==='letters'||!method){return methods.init.apply(this,[].slice.call(arguments,0))}$.error('Method '+method+' does not exist on jQuery.lettering');return this}})(jQuery);

data/vendor/assets/javascripts/regions.jquery.js

@@ -0,0 +1,204 @@
+/*global jQuery, window, document */
+/*!	
+* Regions.js v0.1
+*
+* Copyright 2011, Robin Ricard
+* Released under the MIT license
+*/
+
+(function($, window, document, undefined ) {
+  
+  /**
+   * Defines the standard settings
+  */
+  
+  var settings = defaults = {
+    resizing: true,
+    lazyTime: 150,
+    resizeOversizedElements : true // set to false, if you handle the overflow of oversized elems by yourself
+  },
+  
+  /**
+   * Build and rebuild when window sizing changes
+  */
+    
+  autoBuildRegions = function (flowContainer, regions, settings) {
+    // First display
+    buildRegions(flowContainer, regions, settings);
+    // is the lazy timeout engaged ?
+    var lazyEngaged = false;
+    // When Resize
+    $(window).resize(function () {
+      if(!lazyEngaged) { // if no event was fired in the few seconds before
+        lazyEngaged = true; // it tells that an event was fired
+        setTimeout(function () { // and it waits before rebuild that things happens
+          buildRegions(flowContainer, regions, settings);
+          lazyEngaged = false;
+        }, settings.lazyTime);
+      }
+    });
+  },
+    
+  /**
+   * Introduce a flow into several regions (once)
+   * Returns the overflow in a DOM element
+   */
+  
+  buildRegions = function (flowContainer, regions, settings) {
+    regions = regions.slice(0); // Copy of the Array
+    flowContainer.css("display", "none");
+    var overflow = integrate(flowContainer, regions[0]);
+    regions.shift();
+    if (regions.length > 0) {
+      return buildRegions(overflow, regions);
+    } else {
+      return overflow;
+    }
+  },
+  
+  /**
+   * Just put enough elements (that fits) into the region
+   * Returns the overflow in a container
+   */
+  
+  integrate = function (elementsContainer, region) {
+    // This avoids the original copy's alteration 
+    elementsContainer = elementsContainer.clone();
+    
+    // This redefines the offsetParent for children
+    if (region.css("position") === "static") {
+      region.css("position", "relative");
+    }
+    
+    // This introduces the elements
+    region.empty();
+    region.append(elementsContainer.children());
+    
+    // Clears the top margin
+    region.children().first().css("margin-top", "0");
+    
+    // This removes the overflow and return it
+    var ret = overflowRemover(region);
+    
+    // Clears the bottom margin
+    region.children().last().css("margin-bottom", "0");
+    
+    return ret;
+  },
+  
+  /**
+   * Removes and return the overflow in a region
+   * for each container you want to analyze.
+   */
+    
+  overflowRemover = function (elementsContainer, region, letteringForbidden) {
+    if (region === undefined) {
+      region = elementsContainer;
+    }
+    
+    // This create an empty and hidden DOM node
+    var overflowContainer = $("<div></div>"),
+        elements = elementsContainer.children(),
+    // This stores the first element that had to be rejected
+        firstRejected = false;
+    
+    elements.each(function (index, element) {
+      element = $(element); // jQuery manipulable
+      if (firstRejected) { // If a rejected element have been keeped.
+          // It's added directly into the overflow node
+          element.detach();
+          overflowContainer.append($("<span> </span>")); // Fix whitespace issues
+          overflowContainer.append(element);
+      } else if ( // If it does not fit in the region
+        element.position().top + element.outerHeight(true) >= region.height()
+      ) { 
+        element.detach();
+        firstRejected = element;
+      }
+    });
+    
+    if (firstRejected) { // The first rejected is taken
+      // If some children are text nodes, treat it with Lettering.js
+      if (!letteringForbidden) {
+        firstRejected.contents().filter(function() {
+          return this.nodeType === 3; // Select text nodes
+        })
+          .wrap("<span></span")
+          .parent()
+          .lettering("words");
+        letteringForbidden = true;
+      }
+      // If he is not empty
+      if (firstRejected.children().length) {
+        // He is reintroduced into the DOM
+        elementsContainer.append(firstRejected);
+        // The same treatment will be performed on him (recursion)
+        var removed = overflowRemover(firstRejected, region, letteringForbidden),
+        // His overflow will be moved into his parent's overflow
+            reintroduce = firstRejected.clone();
+        reintroduce.empty();
+        reintroduce.append(removed.children());
+        overflowContainer.prepend(reintroduce);
+      } else {
+        overflowContainer.prepend(firstRejected);
+      }
+    }
+
+    // if the first element is immediately rejected, its probably too big for the region
+    // so append it anyways. by default, the max-width and max-height are set to the regions dimension.
+    if (firstRejected && elementsContainer.children().length === 0) {
+      if (settings.resizeOversizedElements) {
+        firstRejected.css({
+          'max-width' : region.innerWidth(),
+          'max-height' : region.innerHeight()
+        });
+      };
+      elementsContainer.append(firstRejected);
+    }
+
+    return overflowContainer;
+  };
+  
+  /**
+   * The JS API is a jQuery plugin
+   * Target your flow node with jQuery
+   * The first parameter is an array or jQuery Object/String of the regions you want to target
+   * The second parameter are the options
+   */
+   
+  $.fn.regions = function (regions, settings) {
+    // Merge settings with defaults
+    settings = $.extend(defaults, settings);
+
+    // add possibility to define target regions via jquery object or query string
+    if (typeof regions === "string" || regions instanceof jQuery) {
+      if (!(regions instanceof jQuery)) {
+        regions = $(regions);
+      }
+      regionsArray = $.makeArray(regions);
+      regions = $.map(regionsArray, function(region) {
+          return $(region);
+      });
+    } else {
+      // Ensure that we're passing DOM elements not just strings !
+      regions = $.map(regions, function (region) {
+        if(typeof region === "string") {
+          return $(region);
+        } else {
+          return region;
+        }
+      });
+    }
+
+    // Then call the right function
+    if(settings.resizing) {
+      autoBuildRegions($(this), regions, settings);
+    } else {
+      buildRegions($(this), regions, settings);
+    }
+
+    // maintain chainability
+    return this;
+  };
+  
+})(jQuery, window, document);

data/vendor/assets/javascripts/regions.jquery.min.js

@@ -0,0 +1,7 @@
+/*!	
+* Regions.js v0.1
+*
+* Copyright 2011, Robin Ricard
+* Released under the MIT license
+*/
+(function(e,f,g,a){var c=defaults={resizing:true,lazyTime:150,resizeOversizedElements:true},h=function(j,m,k){i(j,m,k);var l=false;e(f).resize(function(){if(!l){l=true;setTimeout(function(){i(j,m,k);l=false},k.lazyTime)}})},i=function(j,m,k){m=m.slice(0);j.css("display","none");var l=d(j,m[0]);m.shift();if(m.length>0){return i(l,m)}else{return l}},d=function(k,l){k=k.clone();if(l.css("position")==="static"){l.css("position","relative")}l.empty();l.append(k.children());l.children().first().css("margin-top","0");var j=b(l);l.children().last().css("margin-bottom","0");return j},b=function(n,q,j){if(q===a){q=n}var k=e("<div></div>"),m=n.children(),l=false;m.each(function(r,s){s=e(s);if(l){s.detach();k.append(e("<span> </span>"));k.append(s)}else{if(s.position().top+s.outerHeight(true)>=q.height()){s.detach();l=s}}});if(l){if(!j){l.contents().filter(function(){return this.nodeType===3}).wrap("<span></span").parent().lettering("words");j=true}if(l.children().length){n.append(l);var p=b(l,q,j),o=l.clone();o.empty();o.append(p.children());k.prepend(o)}else{k.prepend(l)}}if(l&&n.children().length===0){if(c.resizeOversizedElements){l.css({"max-width":q.innerWidth(),"max-height":q.innerHeight()})}n.append(l)}return k};e.fn.regions=function(k,j){j=e.extend(defaults,j);if(typeof k==="string"||k instanceof jQuery){if(!(k instanceof jQuery)){k=e(k)}regionsArray=e.makeArray(k);k=e.map(regionsArray,function(l){return e(l)})}else{k=e.map(k,function(l){if(typeof l==="string"){return e(l)}else{return l}})}if(j.resizing){h(e(this),k,j)}else{i(e(this),k,j)}return this}})(jQuery,window,document);

data/vendor/assets/javascripts/template_layout/jquery/jquery.tpl_layout1.1.6.js

@@ -0,0 +1,1256 @@
+/*
+ * CSS Template Layout Module Implementation <http://code.google.com/p/css-template-layout/>
+ * Version: 1.1.6 (2010-08-09)
+ * Copyright: 2010, Alexis Deveria <http://a.deveria.com/>
+ * License: GNU General Public License, Free Software Foundation
+ *          <http://creativecommons.org/licenses/GPL/2.0/>
+ */
+
+
+/*
+Known bugs:
+	- Template widths are not used if total of row widths is smaller
+	- min/max-width/heights for elements is not supported
+	- template content should flow in first slot if not @ is found
+
+Changelog
+
+V1.01
+
+   * Replaced .css() notation for width and height with shorter notations
+   * Improved the way multiple elements per slot appear
+
+V1.1
+
+   * Fixed margin/border/padding behavior
+   * Changed slot behavior to match spec text rather than examples
+   * Limited ::slot() values to allowed values
+   * Support for ::slot() vertical-align "middle" and "bottom" added
+   * Support for ::slot() overflow hidden/visible added
+   * Proper support far ::slot() background properties
+   * Support for template background in combination with slot backgrounds
+
+V1.1.1
+
+   * Added support for comma-seperated selectors
+   * Fixed background positioning for body templates.
+   * Added support for setting template display/position properties using jQuery().css()
+   
+V1.1.2
+
+   * Added/fixed support for width/height set in CSS for elements in a slot
+   * Allow fallback class to be set, to hide fallback CSS rules
+   * Improved display property parsing, corrected handling of incorrect width values
+   * Added support for spaces between minmax() values
+   * Added $.templateLayoutShowOnReady to hide the non-template rendering.
+   * Added support for sub-templates with same letters
+
+V1.1.3
+
+   * Fixed IE bugs
+
+V1.1.4
+
+   * Made body appear visible on native support
+   * Fixed vertical positioning for multiple elements with margins
+   
+V1.1.5
+
+   * Fixed Bug where first given column width would be ignored
+
+V1.1.6
+
+   * Fixed jQuery 1.4/IE8 bug
+
+
+*/
+
+
+(function($) {
+
+	var css_data, prefix = '';
+	var templates;
+	var same_els = [];
+	var cur_tpl_sel;
+	var delay = 0;
+	var page_hidden = false;
+	var rules = [];
+	
+	// Set Template display/position values using jQuery
+    var proxied = jQuery.fn.css;
+    jQuery.fn.css = function(key, value) {
+
+		var disp_prop = prefix + 'display';
+		var pos_prop = prefix + 'position';
+       	var disp = false, pos = false;
+    
+        if(value) {
+        	if(key == disp_prop && value.indexOf('"') != -1) {
+        		disp = true;
+        	} else if(key == pos_prop && value.length == 1) {
+        		pos = true;
+        	} else {
+				return proxied.apply(this, arguments);
+        	}
+        	
+			var jq_el = this;
+
+			//Change "display" value			
+
+			var cur_sel;
+			
+			
+			$.each(templates,function(sel,tpl) {
+				if(disp) {
+					if(jq_el.is(sel)) { cur_sel = sel; }
+				} else {
+					$.each(tpl.chars,function(chr,chr_data) {
+						if(jq_el.is(chr_data.selector)) {
+							cur_sel = chr_data.selector;
+						}
+					});
+				}
+			});
+
+			$.each(rules,function(i,rule) {
+				if(rule.selector == cur_sel) {
+				
+					if(disp) {
+						rule.properties[disp_prop] = value;
+					} else if(pos) {
+						rule.properties[pos_prop] = value;
+					}
+				}
+			});
+
+			getTemplateData(rules);
+			setLayout();
+			
+        } else {
+        
+	        return proxied.apply(this, arguments);
+	    }
+    };
+	
+	$.templateLayoutShowOnReady = function() {
+		document.write('<style> body {visibility:hidden} </style>');
+		page_hidden = true;
+	}
+	
+	$.setTemplateLayout = function(given_data, given_pre) {
+
+		// Do nothing if native support is found
+		if(hasNativeSupport()) {
+			showPage();
+			return false;
+		}
+		
+		// Redo layout on resize
+		setTimeout(function() {
+			$(window).resize(setLayout);
+		},100);
+		
+		if(typeof given_data == 'string') {
+			given_data = {file:given_data};
+		}
+		
+		if(given_pre) {
+			given_data.prefix = given_pre;
+		}
+		
+		// Set prefix if given
+		if(given_data) {
+			if(given_data.prefix) {
+				prefix = '-' + given_data.prefix + '-';
+			}
+			
+			if(given_data.delay) {
+				delay = given_data.delay;
+			}
+			
+			if(given_data.fallback) {
+				$('.' + given_data.fallback).remove();
+			}
+		}
+		
+		if(!given_data) {
+			setLayoutFromTag();
+		} else {
+			css_data = '';
+			
+			if(given_data.text) {
+				css_data = given_data.text;	
+				$('head').append('<style>' + css_data + '</style>');
+			}
+			
+			if(given_data.file) {
+				$.get(given_data.file,function(str) {
+					css_data += str;		
+					setLayout();
+				});
+			} 
+
+			if(!given_data.file && !css_data) {
+				setLayoutFromTag();
+				return false;
+			}
+
+			if(css_data) setLayout();
+		}
+	};
+	
+	$.redoTemplateLayout = setLayout;
+	
+	function showPage() {
+		if(page_hidden) {
+			$('body').css('visibility','visible');
+			page_hidden = false;
+		}
+	}
+	
+	function setLayoutFromTag() {
+		var st_el = $('style');
+		if(!st_el.length) return;
+		
+		if(st_el.text()) {
+			css_data = st_el.text();
+			setLayout();
+		} else {
+			// Get raw HTML page as string and get CSS using regexp
+			$.get(document.location.href,function(html_page) {
+				var style_match = html_page.match(/<style.*?>([\s\S]*?)<\/style>/);
+				css_data = style_match?style_match[1]:'';
+
+				setLayout();
+			});
+		}
+	}
+
+	// Returns the CSS data as an array with objects
+	function getCSSRules() {
+	
+		// Remove commented out stuff
+		css_data = css_data.replace(/\/\*[\s\S]*?\*\//g,'');
+	
+		var bits = css_data.split('}');
+		
+		$.each(bits,function() {
+			var rule = $.trim(this);
+			
+			if(!rule) return;
+			
+			var rule_data = parseRule(rule);
+			
+			if(!rule_data) return;
+				
+			if(rule_data.selector.indexOf(',') != -1) {
+				// Multiple selectors
+				var selectors = rule_data.selector.split(',');
+				$.each(selectors, function(i,sel) {
+					rules.push({
+						'selector':		$.trim(sel),
+						'properties':	rule_data.properties
+					});
+				});
+				
+			} else {
+				// One selector
+				rules.push(rule_data);
+			}
+
+		});
+		
+		return rules;
+	}
+	
+	// Returns CSS selectors and properties
+	function parseRule(rule) {
+	
+		if(rule.indexOf('@') === 0 || rule.indexOf('{') == -1) {
+			return false;
+		}
+
+		var rule_parts = rule.split('{');
+	
+		var sel = $.trim(rule_parts[0]);
+	
+		var prop_text = rule_parts[1].split(';');
+		var props = {};
+		
+		$.each(prop_text,function() {
+			var prop_parts = this.split(':');
+			var name = $.trim(prop_parts[0]).toLowerCase(); // lowercase for IE
+			var value = $.trim(prop_parts[1]);
+			props[name] = value;
+		});
+		
+		return {
+			'selector':sel,
+			'properties':props
+		};
+	}
+	
+	function getTemplateDisplay(display_val) {
+		// Remove newlines
+		var str = display_val.replace(/\n|\r/g,' ');
+		
+		var d_parts = str.split('"');
+		
+		var rows = [];
+		var widths = [];
+		var unique_chars = {};
+
+		// Loop through even numbers
+		for(var i = 2, l = d_parts.length; i < l; i+=2) {
+			
+			var part = d_parts[i];
+			
+			var height = 'auto';
+			
+			if(part.indexOf('/') != -1) {
+				// Has a row height
+				var val_parts = part.match(/\/\s*(\S+)(.*)/);
+				
+				height = $.trim(val_parts[1]);
+				
+			} 
+			
+			if($.trim(part) && i == l-1) {
+			
+				var last = $.trim(d_parts[l-1]).replace(/^\/\s*\S+\s*/,'');
+			
+				if(last && last.indexOf('/') == -1) {
+					if(last.indexOf('(') != -1) {
+						// Deal with minmax pars
+						var pars = last.match(/minmax(\(.*?\))/g);
+						
+						$.each(pars,function(i,p_set) {
+							var clean_p = p_set.replace(/\s*/g,'');
+							last = last.replace(p_set,clean_p);
+						});
+					}
+				
+					last = last.replace(/\(\)/,'');
+				
+					widths = last.split(/\s+/);
+				}
+			}
+			
+			var chars = d_parts[i-1].replace(/[^a-z@\.]/gi,'');
+			
+			chars = $.trim(chars).split('');
+			
+			// Get unique characters
+			$.each(chars,function() {
+				unique_chars[this] = true;
+			});
+			
+			// Do not allow negative row heights
+			if(height.indexOf('-') == 0) {
+				return false;
+			}
+			
+			rows.push({
+				'chars':chars,
+				'height':height
+			});
+		}
+		
+		var col_width = rows[0].chars.length;
+		
+		// too many widths, cut last off
+		while(widths.length > col_width) {
+			widths.pop();
+		}
+		
+		// too few, add '*'
+		while(widths.length < col_width) {
+			widths.push('*');
+		}
+
+		return {
+			'rows':rows,
+			'widths':widths,
+			'chars':unique_chars
+		}
+		
+	}
+	
+
+	function getTemplateData(rules) {
+
+		var tpl_positions = {};
+		var pseudo_props = {};
+		var tpl_num = 0;
+		
+		var tmp_templates = [];
+		
+		$.each(rules,function(r,rule) {
+			var props = rule.properties;
+			var selector = rule.selector;
+			var disp_prop = prefix + 'display';
+			var pos_prop = prefix + 'position';
+	
+			var slotEl = false;
+	
+			//Look for ::slot() pseudo-class
+			if(selector.indexOf('::slot(') != -1) {
+				var matches = selector.match(/slot\((.)\)/);
+	
+				if(matches && matches.length > 1) {
+					var p_char = matches[1];
+					var selector_start = selector.split('::slot')[0];
+					
+					var allowed_props = {};
+					$.each(props,function(name,val) {
+						if(name.indexOf('background') == 0
+						|| name.indexOf('overflow') != -1
+						|| name.indexOf('vertical-align') != -1) {
+							allowed_props[name] = val;
+						}
+					});
+					
+					pseudo_props[selector_start + '|' + p_char] = allowed_props;
+				}
+			}
+	
+			//Look for Layout "position" property
+			if(props[pos_prop] && props[pos_prop].length == 1) {
+				var chr = props[pos_prop];
+			
+				tpl_positions[selector] = {
+					'chr':chr,
+					'props':props
+				}
+
+				slotEl = true;
+			} else if(props[pos_prop] == 'same') {
+				same_els.push(selector);
+			}
+	
+			//Look for Layout "display" property
+			if(props[disp_prop] && props[disp_prop].indexOf('"') != -1) {
+			
+				var tpl_display = getTemplateDisplay(props[disp_prop]);
+				
+				if(!tpl_display) return;
+			
+				// Store template data
+				tmp_templates.push({
+					'sel':selector,
+					'rows':tpl_display.rows,
+					'widths':tpl_display.widths,
+					'chars':tpl_display.chars,
+					'properties':props,
+					'pseudo_props':{},
+					'num':tpl_num,
+					'slotEl':slotEl
+				});
+
+				tpl_num++;
+			}
+		});
+		
+		// Re-order to process parent templates first
+		tmp_templates.sort(function(a,b) { return !b.slotEl; });
+		
+		$.each(tmp_templates,function(i,tpl) {
+			templates[tpl.sel] = tpl;
+		});
+	
+		$.each(tpl_positions,function(p_sel,pos) {
+			var min_distance = false;
+			var cur_sel = false;
+			
+			$.each(templates,function(t_sel,tpl) {
+				// Check if template includes this character and has it as a child
+				if(t_sel == p_sel) {
+					tpl_positions[t_sel].tplEl = true;
+				}
+				
+				if(!tpl.chars[pos.chr]) return;
+				
+				var parents = $(p_sel).parents();
+				
+				if(parents.is(t_sel)) {
+					// Calculate closeness
+				
+					var distance;
+					var i = 0;
+					parents.each(function() {
+						if(parents[i] == $(t_sel)[0]) {
+							distance = i;
+						}
+						i++;
+					});
+					
+					// Get first template or nearest one
+					if(min_distance === false || distance < min_distance) {
+						min_distance = distance;
+						cur_sel = t_sel;
+					}
+					
+				}
+			});
+			
+			var tplEl = pos.tplEl || false;
+			
+			if(cur_sel) {
+			
+				var pseudo_id = cur_sel + '|' + pos.chr;
+			
+				var p_props = pseudo_props[pseudo_id] || false;
+			
+				templates[cur_sel].chars[pos.chr] = {
+					'selector':p_sel,
+					'props':pos.props,
+					'pseudo_props':p_props,
+					'tplEl':tplEl,
+					'cur_sel':cur_sel
+				};
+			}
+		});
+		
+	}
+	
+	// Check if browser has native support for template layout
+	function hasNativeSupport() {
+		var test_val = '"@"';
+		var test_el = $('<p></p>');
+		var supported = true;
+		try {
+		test_el.get(0).style.display = test_val;
+		} catch(err) {
+			supported = false;
+		}
+
+		supported = (test_el.css('display') == test_val);
+		test_el.remove();
+		return supported;
+	}
+	
+	// Template Constructor
+	function Template(tpl,tpl_sel) {
+		
+		var given_widths = tpl.widths;
+		var rows = tpl.rows;
+		var tpl_props = tpl.properties;
+
+		var widths = [], heights = [];
+		var tpl_el = $(tpl_sel);
+		var slots = tpl.chars;
+		
+		$.each(slots,function(chr,slot) {
+			if(slot !== true) {
+				slot.slot_w = 1;
+				slot.slot_h = 1;
+			}
+		});
+		
+		
+		tpl.margins = 0;
+		
+		// Get the width of a 'min/max-content' column
+		function getContentWidth(col_num, type) {
+			var cell_widths = [];
+	
+			$.each(slots,function(chr,slot) {
+				
+				var width = slot.props.width || 'auto';
+			
+
+				if(slot.col == col_num && slot.slot_w == 1) {
+					//Get content width from this element
+					
+					var cur_w = getDivDims({
+						'width':width,
+						'top':'auto',
+						'left':'auto'
+					},slot.el.clone()).w;
+					
+					cell_widths.push(cur_w);
+				}
+			});
+			
+			var calc = type.split('-')[0];
+
+			// Get min-content or max-content value
+			return Math[calc].apply({}, cell_widths);
+		}
+		
+		// Get width and height based on given style/content
+		function getDivDims(given_css, content) {
+			var testDiv = $('<div><\/div>');
+			testDiv.css({
+				'visibility':'hidden',
+				'margin':0,
+				'padding':0,
+				'position':'absolute'
+			});
+			
+			if(content) {
+			
+				testDiv.append(content);
+			}
+			if(given_css) {
+				testDiv.css(given_css);
+			}
+			
+			tpl_el.append(testDiv);
+			
+			var info = {
+				w:testDiv.width(),
+				h:testDiv.height()
+			}
+			
+			testDiv.remove();
+			
+			return info;
+		}
+		
+		// Get width or height of an element in pixels
+		function getPixelData(type,size,col_num) {
+			var width = 'auto', height = 'auto';
+			if(type == 'h') {
+				height = size;
+			} else {
+				width = size;
+				
+				if(width == 'min-content' || width == 'max-content') {
+					return getContentWidth(col_num, width);
+				}
+			}
+			
+			var dims = getDivDims({
+				'height':height,
+				'width':width
+			});
+			
+			return dims[type];
+		}
+		
+		function getHeight(slot) {
+			var total_h = 0;
+			
+			for(var i = slot.row; i < slot.slot_h+slot.row && i < heights.length;i++) {
+				total_h += heights[i];
+			}
+			
+			//Change based on negative top margin
+			var t_margin = parseInt(slot.el.css('margin-top'));
+
+			if(t_margin < 0) {
+				total_h -= t_margin;
+			}
+			
+			return total_h;
+		}
+		
+		function getElSize(type,chr,cur_size) {
+			var css_val = slots[chr].props[type]+'';
+			var new_size = css_val;
+			
+			if(css_val.indexOf('%') != -1 && type == 'width') {
+				new_size = cur_size * parseInt(css_val)/100;
+			} 
+			
+			return new_size;
+		}
+		
+		// Get the pixel width of a given slot
+		function getWidth(slot) {
+			var total_w = 0;
+			
+			for(var i = slot.col; i < slot.slot_w+slot.col;i++) {
+				total_w += widths[i];
+			}
+
+			//Change based on margin
+		
+			var cur_border = slot.el.outerWidth(true) - slot.el.width();
+			if(cur_border) {
+
+				total_w -= cur_border;
+			}
+			
+
+			
+			if(slot.tplEl) {
+			
+				// Give width/height to sub-template if given
+				if(rows[slot.row].height && rows[slot.row].height != '*') {
+					templates[slot.selector].properties.height = rows[slot.row].height;
+				}
+		
+				templates[slot.selector].properties.width = total_w;
+
+				var newTpl = new Template(templates[slot.selector], slot.selector);
+				var sub_tpl = newTpl.make();
+				slot.genHeight = sub_tpl.height;
+				return sub_tpl.width;
+			}
+			
+			return total_w;
+		}
+		
+		// Get total height of multiple elements
+		function getMultiHeight(el) {
+			
+			var btop = el.css('border-top-width');
+			
+			
+			var clone = el.clone();
+		
+			clone.each(function() {
+				$(this).css('position','static');
+			});
+			
+			return getDivDims(0,clone).h;
+		
+		}
+		
+		// Calculate row heights
+		function calcRowHeights() {
+
+// 			if(tpl.slotEl && slots['@']) {
+			if(tpl.slotEl) {
+				// Is template as well as slot, get height if exists
+				tpl_props.height = tpl_el.height();
+			}
+			
+			//Set template height to 100% or the given height
+			if(tpl_props.height) {
+			
+				tpl_el.height(tpl_props.height);
+				var tot_height = tpl_el.height();
+				
+			} else {
+				var tpl_height = 0;
+			}
+			
+			var flex_rows = 0;
+			
+			var min_heights = [];
+		
+			$.each(rows,function(row_num,row) {
+				var max_h = 0;
+
+				$.each(slots,function(chr,slot) {
+			
+					if(slot.row == row_num) { //  && slot.slot_h == 1
+						
+						if(slot.props.height) {
+							slot.el.height(slot.props.height);
+						} else {
+							slot.el.height('auto');
+						}
+
+						if(!min_heights[row_num]) {
+							min_heights[row_num] = 0;
+						}
+						
+						var cur_h;
+						
+						// If slot is a template, get its generated height
+						if(slot.genHeight) {
+							cur_h = slot.genHeight;
+						} else if(slot.slot_h == 1) {
+							cur_h = getMultiHeight(slot.el);
+						} else {
+							var part_h = getMultiHeight(slot.el)/slot.slot_h;
+							
+							for(var i = row_num; i<slot.slot_h; i++) {
+								min_heights[i] = part_h;
+							}
+							
+						}
+						
+						if(max_h < min_heights[row_num]) {
+							max_h = min_heights[row_num];
+						}
+
+						if(max_h < cur_h) {
+							max_h = cur_h;
+						}
+					}
+				});
+				
+				if(tpl_props.height && tpl_props.height != 'auto') {
+					// Any "auto" / * rows should be distributed
+					flex_rows++;
+					max_h = 0;
+				} else if(row.height != '*' && row.height != 'auto') {
+					max_h = getPixelData('h',row.height);
+				}
+				
+				heights[row_num] = max_h;
+				tpl_height += max_h;
+			});
+			
+			if(flex_rows) {
+				var flex_height = tot_height/flex_rows;
+				
+				$.each(rows,function(row_num,row) {
+					if(row.height == '*' || row.height == 'auto') {
+						heights[row_num] = flex_height;
+					} 
+				});
+			} else {
+				tpl_el.height(tpl_height);
+			}
+			
+		}
+		
+		
+		function calcColWidths() {
+		
+			var px_width = 0;
+			var flex_cols = 0;
+	
+			if(tpl.slotEl) {
+				tpl_el.width(tpl_el.width());
+			}
+	
+			//Set template width to 100% or the given width
+			tpl_el.width(tpl_props.width || '100%');
+	
+			var tot_width = tpl_el.width();
+			
+			widths = [];
+			var new_tot = 0;
+			
+			$.each(given_widths,function(i,w) {
+				if(w == 'fit-content') {
+					w = given_widths[i] = 'minmax(min-content,max-content)';
+				}
+			
+				if(w == '*' || w == 'auto') {
+					flex_cols++;
+					px_width = 0;
+				} else if(w.indexOf('minmax') === 0) {
+					//Calc min/max
+					var minmax = w.match(/\((.*?),(.*?)\)/);
+					var min = minmax[1];
+					var max = minmax[2];
+					
+					px_width = getPixelData('w',max,i);
+					tot_width -= px_width;
+				} else {
+					px_width = getPixelData('w',w,i);
+					tot_width -= px_width;
+				}
+				
+				widths.push(px_width);
+				new_tot += px_width;
+			});
+			
+			if(tot_width < 0) {
+				$.each(given_widths,function(i,w) {
+					if(w.indexOf('minmax') != -1) {
+						var minmax = w.match(/\((.*?),(.*?)\)/);
+						var min = minmax[1];
+						var max = minmax[2];
+						
+						min_pixels = getPixelData('w',min,i);
+					
+						widths[i] += tot_width;
+						tot_width = 0;
+						
+						if(widths[i] < min_pixels) {
+							widths[i] = min_pixels;
+						}
+					} 
+				});
+			}
+			
+			var flex_width = tot_width/flex_cols;
+			
+			$.each(given_widths,function(i,w) {
+				if(w == '*' || w == 'auto') {
+					widths[i] = flex_width;
+				} 
+			});
+		}
+		
+		function getTop(slot, offset) {
+			var total_h = offset || 0;
+			var row_num = slot.row;
+			
+			if(slots['@'] && !slot.isHolder) {
+				total_h = -1*getPixelData('h',tpl_el.css('top'));
+			}
+			
+			$.each(heights,function(i) {
+				if(i < row_num) {
+					total_h += this;
+				}
+			});
+			
+			return total_h;
+		}
+		
+		function getLeft(slot) {
+			var col_num = slot.col;
+			var total_w = 0;
+			
+			if(slots['@'] && !slot.isHolder) {
+				total_w = -1*getPixelData('w',tpl_el.css('left'));
+			}
+			
+			$.each(widths,function(i) {
+				if(i < col_num) {
+					total_w += this;
+				}
+			});
+			
+			return total_w;
+		}
+		
+		function setSames(slot) {
+			// Loop through "same" elements
+			$.each(same_els,function(a,el_sel) {
+			
+				var same_el = $(el_sel);
+			
+				// Loop through "same" element collection
+				same_el.each(function() {
+					var cur_el = $(this);
+					
+					var new_group = false;
+
+					// Make a new element collection including "same" elements if it's the same as the slot element
+					slot.el.each(function() {
+						var cslot_el = $(this);
+						
+						if(!new_group) {
+							new_group = cslot_el;
+						} else {
+							new_group[new_group.length++] = cslot_el[0];
+						}
+						
+						if(cslot_el.next()[0] == cur_el[0]) {
+							new_group[new_group.length++] = cur_el[0];
+						}
+						
+					});
+				
+					if(new_group.length > 1) {
+						slot.el = new_group;
+						slot.multi = true;					
+					}
+					
+				});
+
+			});
+		}
+		
+		function setBackground() {
+		
+			var set_bg = false;
+			var bg_props = {};
+			
+			if(tpl_el.is('body')) {
+				return;
+			}
+			
+			$.each(tpl_props,function(name,val) {
+			
+				if(name.indexOf('background') === 0) {
+					set_bg = true;
+					bg_props[name] = val;
+				}
+			});
+
+			if(!set_bg) return;
+		
+			var id = 'jq_tpl_bg-' + tpl.num;
+			var off = tpl_el.offset();			
+			var tpl_bg = $('#'+id);
+			
+			if(!tpl_bg.length) {
+				tpl_bg = $('<div id="'+id+'"></div>');
+								
+				tpl_bg.css(bg_props);
+			}
+			
+			tpl_bg.css({
+				'z-index':	-2,
+				position: 'absolute',
+				top:	off.top,
+				left:	off.left,
+				width:	tpl_el.width(),
+				height:	tpl_el.height()
+			});
+			
+			$('body').append(tpl_bg);
+		}
+		
+		function makePseudoSlot(chr,slot) {
+			// Set pseudo-slot properties if found
+			if(slot.pseudo_props) {
+				var doc_offset = slot.el.offset();
+				var id = 'jq_tpl' + tpl.num + '_slot-' + chr;
+				var p_slot = $('#'+id);
+				var p_props = slot.pseudo_props;
+				
+				if(!p_slot.length) {
+					
+					// Create if not existant
+					p_slot = $('<div id="' + id + '"></div>');
+					$('body').append(p_slot)
+				} 
+				
+				var slot_w = slot.el.outerWidth(true);
+				var slot_h = getHeight(slot);
+				
+				p_slot.css({
+					display:	'block',
+					position:	'absolute',
+					'z-index':	(tpl.num-10),
+					top:		doc_offset.top,
+					left:		doc_offset.left,
+					width:		slot_w,
+					height:		slot_h
+				});
+				
+				// Fix left offset when body is template and has left margin
+				if($('body').is(tpl_sel)) {
+				
+					if(!tpl.margins) {
+						var p = $('<p style="position:static;margin:0;display:block;visibility:hidden;"></p>');
+						tpl_el.append(p);
+						tpl.margins = p.offset();
+						tpl.margins.left -= parseFloat(tpl_el.css('padding-left'));
+						tpl.margins.top -= parseFloat(tpl_el.css('padding-top'));
+						p.remove();
+					}
+
+					p_slot.css('left',doc_offset.left - tpl.margins.left);
+					p_slot.css('top',doc_offset.top - tpl.margins.top);
+				}
+				
+				
+				
+				p_slot.css(p_props);
+				
+				if(p_props['vertical-align']) {
+					var more_top = 0;
+					var align = p_props['vertical-align'];
+					
+					switch ( align ) {
+						case 'middle':
+							
+							more_top = slot_h/2 - slot.el.height()/2;;
+							break;
+						
+						case 'bottom':
+							more_top = slot_h - slot.el.height();
+							break;
+							
+						case 'baseline':
+						
+							// Not correct
+							more_top = slot_h - slot.el.height();
+							break;
+							
+						default:
+							break;
+					} 
+					
+					slot.el.css('top', getTop(slot) + more_top);
+				}
+			}
+		}
+			
+		function makeSlots() {
+		
+			// Get element position info
+			$.each(rows,function(i,row) {
+				
+				$.each(row.chars,function(j,chr) {
+					
+					// Skip if whitespace block
+					if(chr == '.') {
+						return;
+					}
+					
+					if(chr == '@') {
+						slots['@'] = {
+							'selector':tpl_sel,
+							isHolder:true
+						}
+					}
+					
+					var slot = slots[chr];
+
+					slot.el = $(slot.selector);
+					
+					// Set slot width based on last char
+					if(j > 0 && row.chars[j-1] == chr) {
+						if(slot.slot_h == 1) {
+							slot.slot_w++;
+						}
+					}
+	
+					// Set slot height based on last char
+					if(i > 0 && rows[i-1].chars[j] == chr) {
+						slot.slot_h++;
+					}
+					
+					// Set row/col value only for first occurance
+					if(isNaN(slot.row)) slot.row = i;
+					
+					if(isNaN(slot.col)) slot.col = j;
+					
+					// Check if element is child of template
+					if(!slot.el.parents().is(tpl_sel) && !slot.el.is(tpl_sel)) {
+						// Not a child, remove slot!
+						delete slot;
+						return;
+					}
+					
+					if(slot.el.length > 1) {
+						slot.multi = true;
+					}
+
+					setSames(slot);
+				});
+
+			});
+			
+			delete slots['.'];
+
+		}
+		
+		this.make = function() {
+
+			tpl_el.css('position','relative');
+			
+			makeSlots();
+			
+			calcColWidths();
+	
+			if(slots['@']) {
+				// Do holder slot first
+				slots['@'].el.css('left',getLeft(slots['@']));
+			}
+	
+			$.each(slots,function(chr,slot) {
+				var el = slot.el;
+	
+				var elWidth = getWidth(slot);
+				
+				if(slot.props.width) {
+					elWidth = getElSize('width',chr,elWidth);
+				}
+	
+				el.css({
+					'display': 'block',
+					'position': 'absolute',
+					'width': elWidth
+				});
+				
+				el.css('left',getLeft(slot));
+				
+			});
+	
+			calcRowHeights();
+			
+			if(slots['@']) {
+				// Do holder slot first
+				slots['@'].el.css('top',getTop(slots['@']));
+			}
+			
+			// Set heights & tops
+			$.each(slots,function(chr,slot) {
+				
+				if(slot.tplEl) {
+					templates[slot.selector].genTop = getTop(slot);
+				}
+				
+				
+				var slotTop = getTop(slot);
+				var slotHeight = getHeight(slot);
+				var newTop = slotTop;
+
+				var hide_overflow = false;				
+				if(slot.pseudo_props) {
+					if(slot.pseudo_props.overflow == 'hidden') {
+						hide_overflow = true;
+					}
+				}
+
+				slot.el.each(function(i) {
+					if(i > 0) {
+						newTop += slot.el.eq(i-1).outerHeight(true);
+					} 
+					
+					$(this).css('top',newTop);
+					
+					// Check for percentage height
+					if(slot.props.height) {
+						slotHeight = getElSize('height',chr,slotHeight);
+						$(this).height(slotHeight);
+					}
+					
+					if(hide_overflow) {
+						var lastHeight = slotHeight - newTop + slotTop;
+						var full_overflow = (newTop - slotTop > slotHeight);
+						var part_overflow = (slot.el.height() + newTop - slotTop > slotHeight);
+						
+						if(full_overflow || part_overflow) {
+							$(this).height( full_overflow?0:lastHeight );
+							$(this).css('overflow','hidden');
+						}
+					}
+
+				});
+				
+				if(slot.tplEl) {
+					slot.el.height(getHeight(slot));
+				}
+				
+				makePseudoSlot(chr,slot);
+				
+			});
+			
+			setBackground();
+			
+			if(tpl.genTop && slots['@']) {
+				slots['@'].el.css('top',getTop(slots['@'],tpl.genTop));
+			}
+			
+			return {
+				'height':tpl_el.height(),
+				'width':tpl_el.width()
+			};
+		}
+
+	}
+	
+	function makeTemplate(tpl_sel,tpl) {
+
+		var t = new Template(tpl,tpl_sel);
+		t.make();
+	}
+	
+	function setLayout() {
+		
+		// Create templates if not done already
+		if(!templates) {
+			templates = {};
+			rules = getCSSRules();
+			var tpl_positions = {};
+
+			getTemplateData(rules);
+		} 
+		
+		setTimeout(function() {
+			$.each(templates,makeTemplate);
+			showPage();
+		},delay);
+		
+		delay = 0;
+	}
+
+})(jQuery);