window.getWidth  = function()
{
	return ( window.innerWidth  != null ) ? window.innerWidth  : document.body.clientWidth ;
};
window.getHeight = function()
{
	return ( window.innerHeight != null ) ? window.innerHeight : document.body.clientHeight;
};


function backgroundScale()
{
	var ww = window.getWidth ();
	var wh = window.getHeight();
	var nw = 0;
	var nh = 0;
	var bg = document.getElementById( "background" );
	var ph = document.getElementById( "fotoground" );
	var fg = document.getElementById( "foreground" );
	var iw = 640;
	var ih = 480;
	if( ww / iw < wh / ih )
	{
		nw = Math.ceil( (wh * iw) / ih );
		nh = wh;
	}
	else
	{
		nw = ww;
		nh = Math.ceil( (ww * ih) / iw );
	};
	bg.style.width  = ww + "px";
	bg.style.height = wh + "px";
	ph.style.width  = nw + "px";
	ph.style.height = nh + "px";
	fg.style.width  = ww + "px";
	fg.style.height = wh + "px";
};


function initialize()
{
	window.onresize = backgroundScale;
	backgroundScale();
};