jQuery(function(){
	initResize();
    initResize2();
});
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;
	}
}

var view2;
function initResize2(){
	view2 = document.getElementById("bg2");
	if(view2) {
		view2.width = view2.clientWidth;
		view2.height = view2.clientHeight;
		initBg();
		setTimeout("initBg2()", 10);
	}
}
function initBg2() {
	var w = document.documentElement.offsetWidth;
	var h = document.documentElement.offsetHeight;
	var pr = view2.width/view2.height;
	var spr = w/h;
	
	if(spr > pr) {
		view2.style.width = w + "px";
		view2.style.height = w/pr + "px";
		view2.style.left = 0 + "px";
		view2.style.top = h/2-view2.height/2 + "px";
		view2.width = w;
		view2.height = w/pr;
	}
	else {
		view2.style.height = h + "px";
		view2.style.width = h*pr + "px";
		view2.style.top = 0 + "px";
		view2.style.left = w/2-view2.width/2 + "px";
		view2.height = h;
		view2.width = h*pr;
	}
}

jQuery(window).resize(initResize);
jQuery(window).resize(initResize2);