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;
    if (h < view.height) return;
	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);
}