// JavaScript Document

// start the resizer
//window.onresize = doResize();

function f_clientWidth() {
	return f_filterResults (
		window.innerWidth ? window.innerWidth : 0,
		document.documentElement ? document.documentElement.clientWidth : 0,
		document.body ? document.body.clientWidth : 0
	);
}
function f_clientHeight() {
	return f_filterResults (
		window.innerHeight ? window.innerHeight : 0,
		document.documentElement ? document.documentElement.clientHeight : 0,
		document.body ? document.body.clientHeight : 0
	);
}
function f_scrollLeft() {
	return f_filterResults (
		window.pageXOffset ? window.pageXOffset : 0,
		document.documentElement ? document.documentElement.scrollLeft : 0,
		document.body ? document.body.scrollLeft : 0
	);
}
function f_scrollTop() {
	return f_filterResults (
		window.pageYOffset ? window.pageYOffset : 0,
		document.documentElement ? document.documentElement.scrollTop : 0,
		document.body ? document.body.scrollTop : 0
	);
}
function f_filterResults(n_win, n_docel, n_body) {
	var n_result = n_win ? n_win : 0;
	if (n_docel && (!n_result || (n_result > n_docel)))
		n_result = n_docel;
	return n_body && (!n_result || (n_result > n_body)) ? n_body : n_result;
}



function getInnerWindowSize() {
  var myWidth = 0, myHeight = 0;
  myWidth = f_clientWidth();
  myHeight = f_clientHeight();
  return {width : myWidth, height : myHeight};
}

function doResize()
{
	var bgs = Array();
	
	//first we need to find out whether we are in the welcome screen or not
	if (document.getElementById('bg1') == null) {
		bgs.push('bg0'); // only one background image present
	}
	else {
		bgs.push('bg0'); // the two welcome screen bg layers
		bgs.push('bg1');
	}

	
	for (var i=0; i<bgs.length; i++) {
		
		bg=document.getElementById(bgs[i]);
		dim = getInnerWindowSize();
		//bg = document.getElementById("bgImg");
  		
  		var bgImg = new Image();
  		bgImg.src = bg.src;
  		var height = bgImg.height;
  		var width = bgImg.width;
  
  		
		if(dim.width>dim.height) {
			newWidth = dim.width;
			newHeight = newWidth * height/width;
			//blow up image if necessary
			if(newHeight<dim.height) {
				//blowupFactor=dim.height/newHeight;
				//newWidth=newWidth*blowupFactor;
				//newHeight=newHeight*blowupFactor;
			}
		}
		else {

			newHeight = dim.height;
			newWidth = newHeight* width/height;
			if(newWidth<dim.width) {
				//blowupFactor=dim.width/newWidth;
				//newWidth=newWidth*blowupFactor;
				//newHeight=newHeight*blowupFactor;
			}
		}
		
		
		bg.style.width=newWidth+'px';
		
		bg.style.height=newHeight+'px';
		
	}


}