var view;

function initResize() {
	view = document.getElementById("bg");
	if(view) {
		view.width = view.clientWidth;
		view.height = view.clientHeight;
		initBg();
		setTimeout("initBg()", 10);
	}
}
function initBg() {
	if (window.innerHeight){var w = window.innerWidth; var h = window.innerHeight;}
	else {var w = document.documentElement.clientWidth; var h = document.documentElement.clientHeight;};
	
	if (view.offsetHeight < h){
		view.style.width = 'auto';
		view.style.height = '100%';
	}
	if (view.offsetWidth < w){
		view.style.width = '100%';
		view.style.height = 'auto';
	}	
	
	/*var w = document.documentElement.clientWidth; var h = document.documentElement.clientHeight;
	var pr = view.width/view.height;
	var spr = w/h;
	
	if(spr > pr) {
		view.style.width = w + "px";
		view.style.height = w/pr + "px";
	//	view.style.left = 0 + "px";
	//	view.style.top = h/2-view.height/2 + "px";
		view.width = w;
		view.height = w/pr;
	}
	else {
		view.style.height = h + "px";
		view.style.width = h*pr + "px";
		//view.style.top = 0 + "px";
		//view.style.left = w/2-view.width/2 + "px";
		view.height = h;
		view.width = h*pr;
	}*/
}
if (window.addEventListener) {
	window.addEventListener("load", initResize, false);
	window.addEventListener("resize", initResize, false);
}
else if (window.attachEvent) {
	window.attachEvent("onload", initResize);
	window.attachEvent("onresize", initResize);
}