window.addEvent('domready' , function(){
if ($(document.body).getElement('div#posts') != null)
{
var StripHight = 250;
var Gap = 1;
var Strip = StripHight + Gap;
var frames = $(document.body).getElements('.frame');
var framesimg = $(document.body).getElements('.frame img');

var bricks = function(){
	var rest = window.getSize().x;
	frames.each(function(item, index){
		framesimg[index].set('styles', {height: StripHight + 'px',width: 'auto', top: '0', left: '0'});
		if (rest <= framesimg[index].get('width').toInt() + 2*Gap)
		{
			if (rest >= Strip+Gap)
			{
				frames[index].set('styles', {width: rest - 2*Gap + 'px'});
				framesimg[index].set('styles', {left: (rest-framesimg[index].get('width'))/2 + 'px'});
			}else
			{
				frames[index].set('styles', {width: framesimg[index].get('width').toInt() + 'px'});
			}
			rest = window.getSize().x;
		}else
		{
			if (rest-framesimg[index].get('width').toInt() -Gap >= Strip+Gap)
			{
				frames[index].set('styles', {width: framesimg[index].get('width').toInt() + 'px'});
				rest = rest - framesimg[index].get('width').toInt() -Gap;
			}else
			{
				frames[index].set('styles', {width: rest - 2*Gap + 'px'});
				framesimg[index].set('styles', {width: rest - 2*Gap + 'px',height: 'auto'});
				framesimg[index].set('styles', {top: (StripHight-(rest*(framesimg[index].get('height')/framesimg[index].get('width'))))/2 + 'px'});
				rest = window.getSize().x;
			}
		}
	});
}
bricks();
window.onresize = function () {
	bricks();
}
}
});