/* MaxBacground 1.0 by WebTek.cz */

	//		» html syntax:
	//
	//			<div class="maxbackground" rel="../_gfx/bg_001.png"></div>

addEvent('domready', function(){

	$$('.maxbackground').each(function(holder) {

		var src = holder.get('rel');
		var image = new Element('img[src='+src+'][alt="maxbackground"][style="position: absolute;"]')
		holder.adopt(image);
		holder.setStyles({opacity: 0, visibility: 'inherit', zIndex: '-100', position: 'fixed', top: '0', left: '0', right: '0', bottom: '0'});
		holder.set('tween', {duration: 2000});

		var resize = function resize() {
			var holdersize = holder.getSize();
			var imagesize = image.getSize();
			image.setStyles({top: ((holder.getSize().y - image.getSize().y) / 2), left: ((holder.getSize().x - image.getSize().x) / 2), minHeight: getSize().y, minWidth: getSize().x});
			//$('status').set('html',imagesize.x+'x'+imagesize.y+'</br>'+holdersize.x+'x'+holdersize.y); // status
		};

		var count = 0;
		var resizeEcho = function(){
			count++;
			resize();
			if(count == 5) {
    		$clear(period);
 			}
		};
		var period = resizeEcho.periodical(10);

		addEvent('load', function(){
			holder.tween('opacity',1);
			resize();
		});

		addEvent('domready', resize);
		addEvent('resize', resize);
		addEvent('resize', resizeEcho);

	});


});
