$(document).ready(function(){
	var config = {
		stage : "#stage",
		nav : "#naviglobal",
		nav_container : "#naviglobal ul",
		nav_item : "#naviglobal li"
	}
	var window_inner_w; // windowの表示された時点での幅
	var stage_w = $(config.stage).width(); // stageの表示された時点での幅
	var nav_pad_left = parseInt($(config.nav_container).css("padding-left").match(/^[0-9]*/));
	var nav_pad_right = parseInt($(config.nav_container).css("padding-right").match(/^[0-9]*/));
	var nav_inner_w = nav_pad_left + nav_pad_right // navの幅
	
	$(config.nav_item).each(function () { // li要素の幅の合計を計算
		nav_inner_w += $(this).width();
	});
	
	
	var refreshWidth = function () {
		var nav_inner_w_px = nav_inner_w + "px";
		window_inner_w = document.body.clientWidth || (window_inner_w = window.innerWidth + 16);
		
		if (window_inner_w <= nav_inner_w) { // navの幅がwindowからはみ出しているとき、stageの幅をnavに合わせる
			$(config.stage).css("width",nav_inner_w_px);
		} else if (window_inner_w > nav_inner_w) { // navの幅がwindowに収まっているとき、stageの幅をwindowに合わせる
			$(config.stage).css("width", "100%");
		}
		
		$(config.nav).css("width", nav_inner_w_px);
	}
	
	$(window).bind("load",function() { // ロード時にrefreshWidth()を実行
		refreshWidth();
	});
	
	$(window).bind("resize",function() { // windowのリサイズ時にrefreshWidth()を実行
		refreshWidth();
	});
});