(function ($){ 
var css_data, prefix = ''; 
var templates; 
var same_els = [] ; 
var cur_tpl_sel; 
var delay = 0; 
var page_hidden = false ; 
var rules = [] ; 
var proxied = jQuery.fn.css; 
jQuery.fn.css = function (key, value){ 
var disp_prop = prefix + 'grid'; 
var pos_prop = prefix + 'flow'; 
var disp = false , pos = false ; 
if (value) { 
if (key == disp_prop && value.indexOf('"') != -1) { 
disp = true ; 
} 
 else if (key == pos_prop && _AN_Read_length('length', value) == 1) { 
pos = true ; 
} 
 else { 
return proxied.apply(this, arguments); 
} 
var jq_el = this; 
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 (){ 
_AN_Call_write('write', document, '<style> body {visibility:hidden} </style>'); 
page_hidden = true ; 
} 
; 
$.setTemplateLayout = function (given_data, given_pre){ 
if (hasNativeSupport()) { 
showPage(); 
return false ; 
} 
_AN_Call_settimeout('setTimeout', window, function (){ 
$(window).resize(setLayout); 
} 
, 100); 
if (typeof given_data == 'string') { 
given_data = { 
file: given_data}
; 
} 
if (given_pre) { 
given_data.prefix = given_pre; 
} 
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 (!_AN_Read_length('length', st_el)) return ; 
if (st_el.text()) { 
css_data = st_el.text(); 
setLayout(); 
} 
 else { 
$.get(_AN_Read_href('href', _AN_Read_location('location', document)), function (html_page){ 
var style_match = html_page.match(/<style.*?>([\s\S]*?)<\/style>/); 
css_data = style_match? style_match[1]: ''; 
setLayout(); 
} 
); 
} 
} 
function getCSSRules(){ 
css_data = _AN_Call_replace('replace', css_data, /\/\*[\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) { 
var selectors = rule_data.selector.split(','); 
$.each(selectors, function (i, sel){ 
rules.push({ 
'selector': $.trim(sel),
'properties': rule_data.properties}
); 
} 
); 
} 
 else { 
rules.push(rule_data); 
} 
} 
); 
return rules; 
} 
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(); 
var value = $.trim(prop_parts[1]); 
props[name] = value; 
} 
); 
return { 
'selector': sel,
'properties': props}
; 
} 
function getTemplateDisplay(display_val){ 
var str = _AN_Call_replace('replace', display_val, /\n|\r/g, ' '); 
var d_parts = str.split('"'); 
var rows = [] ; 
var widths = [] ; 
var unique_chars = { 
}
; 
for (var i = 2, l = _AN_Read_length('length', d_parts); 
i < l; i += 2){ 
var part = d_parts[i]; 
var height = 'auto'; 
if (part.indexOf('/') != -1) { 
var val_parts = part.match(/\/\s*(\S+)(.*)/); 
height = $.trim(val_parts[1]); 
} 
if ($.trim(part) && i == l - 1) { 
var last = _AN_Call_replace('replace', $.trim(d_parts[l - 1]), /^\/\s*\S+\s*/, ''); 
if (last && last.indexOf('/') == -1) { 
if (last.indexOf('(') != -1) { 
var pars = last.match(/minmax(\(.*?\))/g); 
$.each(pars, function (i, p_set){ 
var clean_p = _AN_Call_replace('replace', p_set, /\s*/g, ''); 
last = _AN_Call_replace('replace', last, p_set, clean_p); 
} 
); 
} 
last = _AN_Call_replace('replace', last, /\(\)/, ''); 
widths = last.split(/\s+/); 
} 
} 
var chars = _AN_Call_replace('replace', d_parts[i - 1], /[^a-z*\.]/gi, ''); 
chars = $.trim(chars).split(''); 
$.each(chars, function (){ 
unique_chars[this] = true ; 
} 
); 
if (height.indexOf('-') == 0) { 
return false ; 
} 
rows.push({ 
'chars': chars,
'height': height}
); 
} 
var col_width = _AN_Read_length('length', rows[0].chars); 
while (_AN_Read_length('length', widths) > col_width){ 
widths.pop(); 
} 
while (_AN_Read_length('length', widths) < 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 + 'grid'; 
var pos_prop = prefix + 'flow'; 
var slotEl = false ; 
if (selector.indexOf('::slot(') != -1) { 
var matches = selector.match(/slot\((.)\)/); 
if (matches && _AN_Read_length('length', matches) > 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; 
} 
} 
if (props[pos_prop] && _AN_Read_length('length', props[pos_prop]) == 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); 
} 
if (props[disp_prop] && props[disp_prop].indexOf('"') != -1) { 
var tpl_display = getTemplateDisplay(props[disp_prop]); 
if (!tpl_display) return ; 
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++ ; 
} 
} 
); 
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){ 
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)) { 
var distance; 
var i = 0; 
parents.each(function (){ 
if (parents[i] == $(t_sel)[0]) { 
distance = i; 
} 
i++ ; 
} 
); 
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}
; 
} 
} 
); 
} 
function hasNativeSupport(){ 
return false ; 
} 
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; 
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) { 
var cur_w = getDivDims({ 
'width': width,
'top': 'auto',
'left': 'auto'}
, slot.el.clone()).w; 
cell_widths.push(cur_w); 
} 
} 
); 
var calc = type.split('-')[0]; 
return Math[calc].apply({ 
}
, cell_widths); 
} 
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; 
} 
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 < _AN_Read_length('length', heights); i++ ){ 
total_h += heights[i]; 
} 
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; 
} 
function getWidth(slot){ 
var total_w = 0; 
for (var i = slot.col; 
i < slot.slot_w + slot.col; i++ ){ 
total_w += widths[i]; 
} 
var cur_border = slot.el.outerWidth(true ) - slot.el.width(); 
if (cur_border) { 
total_w -= cur_border; 
} 
if (slot.tplEl) { 
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; 
} 
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; 
} 
function calcRowHeights(){ 
if (tpl.slotEl) { 
tpl_props.height = tpl_el.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) { 
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.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') { 
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()); 
} 
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) { 
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){ 
$.each(same_els, function (a, el_sel){ 
var same_el = $(el_sel); 
same_el.each(function (){ 
var cur_el = $(this); 
var new_group = false ; 
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 (_AN_Read_length('length', new_group) > 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 (!_AN_Read_length('length', tpl_bg)) { 
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){ 
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 (!_AN_Read_length('length', p_slot)) { 
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}
); 
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': more_top = slot_h - slot.el.height(); 
break ; 
default : { 
break ; 
} 
} 
slot.el.css('top', getTop(slot) + more_top); 
} 
} 
} 
function makeSlots(){ 
$.each(rows, function (i, row){ 
$.each(row.chars, function (j, chr){ 
if (chr == '.') { 
return ; 
} 
if (chr == '*') { 
slots["*"]  = { 
'selector': tpl_sel,
isHolder: true }
; 
} 
var slot = slots[chr]; 
slot.el = $(slot.selector); 
if (j > 0 && row.chars[j - 1] == chr) { 
if (slot.slot_h == 1) { 
slot.slot_w++ ; 
} 
} 
if (i > 0 && rows[i - 1].chars[j] == chr) { 
slot.slot_h++ ; 
} 
if (isNaN(slot.row)) slot.row = i; 
if (isNaN(slot.col)) slot.col = j; 
if (!slot.el.parents().is(tpl_sel) && !slot.el.is(tpl_sel)) { 
delete slot; 
return ; 
} 
if (_AN_Read_length('length', slot.el) > 1) { 
slot.multi = true ; 
} 
setSames(slot); 
} 
); 
} 
); 
delete slots["."] ; 
} 
this.make = function (){ 
tpl_el.css('position', 'relative'); 
makeSlots(); 
calcColWidths(); 
if (slots["*"] ) { 
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["*"] ) { 
slots["*"] .el.css('top', getTop(slots["*"] )); 
} 
$.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); 
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(){ 
if (!templates) { 
templates = { 
}
; 
rules = getCSSRules(); 
var tpl_positions = { 
}
; 
getTemplateData(rules); 
} 
_AN_Call_settimeout('setTimeout', window, function (){ 
$.each(templates, makeTemplate); 
showPage(); 
} 
, delay); 
delay = 0; 
} 
} 
)(jQuery);