var view;
function initResize() {
	view = document.getElementById("bg");
	if(view) {
		view.width = view.clientWidth;
		view.height = view.clientHeight;
		initBg();
		setTimeout("initBg()", 10);
	}
}
function initBg() {
	var w = document.documentElement.offsetWidth;
	var h = document.documentElement.offsetHeight;
	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);
}