// Place your application-specific JavaScript functions and classes here
// This file is automatically included by javascript_include_tag :defaults

document.observe('dom:loaded', function() {
    var resizeFunction = function(event) {
	var banner = $('banner').getWidth();
	var leftPart = /* $('left-part').getWidth() */ 324;
	var leftGrow = $('left-grow');
	var middle = /* $('middle').getWidth() */ 22;
	var rightGrow = $('right-grow');
	var rightPart = /* $('right-part').getWidth() */ 4;

	var space = banner - leftPart - middle - rightPart;
	var leftWidth = (space / 3);
	var rightWidth = 2 * leftWidth;
	var err = space - leftWidth - rightWidth;
/*
	console.log("banner: " + banner);
	console.log("leftPart: " + leftPart);
	console.log("middle: " + middle);
	console.log("rightPart: " + rightPart);
	console.log("space: " + space);
*/
	rightWidth += err;
	leftGrow.setStyle({ width: leftWidth + 'px'});
	rightGrow.setStyle({ width: rightWidth + 'px'});
    };
    Event.observe(window, 'resize', resizeFunction);
    new PeriodicalExecuter(function (pe) {
	resizeFunction();
	pe.stop();
    }, 0.2);
});