// fit divs on the screen
function resize_page()
{
	// find viewport width
	var width = document.viewport.getWidth() - 20;
	// calculate sizes
	var pageWidth = width;
	if (pageWidth < 800)
		pageWidth = 800;
	if (pageWidth > 1000)
		pageWidth = 1000;
	var colLeft = $('column-left');
	var colLeftWidth = 0;
	if (colLeft)
		colLeftWidth = colLeft.getWidth();
	var colRight = $('column-right');
	var colRightWidth = 0;
	var main = $('main');
	if (colRight)
		colRightWidth = colRight.getWidth();
	else
		if (main)
			main.setStyle({borderRight: 'none'});
	var mainWidth = pageWidth - colLeftWidth - colRightWidth - 2;
	// set sizes
	pageWidth += "px";
	mainWidth += "px";
	if (main)
		main.setStyle({width: mainWidth});
	var pages = $$('.page');
	pages.each(
		function(item)
		{
			item.setStyle({width: pageWidth});
		}
	);
	// and content
	var wrapperHeight = $('wrapper').getHeight() + "px";
	pages[1].setStyle({height: wrapperHeight});
}

function IEClickFix()
{
	objects = document.getElementsByTagName('object');
	for(var i = 0; i < objects.length; ++i)
		objects[i].outerHTML = objects[i].innerHTML;
}

function insertPlayer(divId, playerId, flashVars)
{
	var div = $(divId);
	var object = "<object type='application/x-shockwave-flash' data='audio/player.swf' width='290' height='24' id='" + playerId + "'>";
	object += "<param name='movie' value='audio/player.swf' />";
	object += "<param name='FlashVars' value='" + flashVars + "' />";
	object += "<param name='quality' value='high' />";
	object += "<param name='menu' value='false' />";
	object += "<param name='wmode' value='transparent' />";
	object += "</object>";
	div.update(object);
}

// start up code
Event.observe(window, 'load', resize_page);
Event.observe(window, 'resize', resize_page);
//if (navigator.appName == 'Microsoft Internet Explorer')
//	Event.observe(window, 'load', IEClickFix);