function $(id)
{
	return document.getElementById(id);
}

//イベントリスナー登録
function registerEventListener(element, eventType, listener)
{
	if(element.addEventListener){				//DOM
		element.addEventListener(eventType, listener, false);
	} else if(element.attachEvent){				//IE
		element.attachEvent("on" + eventType,
			function(event){
				listener.call(element, window.event);
			}
		);
	} else {
		element["on" + eventType] = listener;
	}

	return true;
}

var elementMain;
var elementFlash = [null, null];
var elementFlashContainer;

var widthFlash = 928;
var heightFlash = 519;
var ratioFlash = widthFlash / heightFlash;

function onLoad()
{
	elementMain = $("main");
	elementFlash = [$("flash"), $("flash2")];
	elementFlashContainer = $("flash_container");

	registerEventListener(window, "resize", onResize, false);
	onResize();
}

var widthMain, heightMain;
function onResize()
{
	var widthWindow, heightWindow;

	widthWindow = window.innerWidth || document.body.clientWidth;
	heightWindow = window.innerHeight || document.body.clientHeight;

	if(document.all && document.getElementById && (document.compatMode=='CSS1Compat')){
		widthWindow = document.documentElement.clientWidth;
		heightWindow = document.documentElement.clientHeight - 1;
	}

	heightMain = heightWindow - 24 - 32;

	if(heightMain < 519){
		heightMain = 519;
	}

	widthMain = heightMain * ratioFlash;

	if(widthMain > widthWindow)
		widthMain = widthWindow;
	if(widthMain < 928){
		widthMain = 928;
	}

	setTimeout(onResize2, 200);
}

function onResize2()
{
	elementFlashContainer.style.height = heightMain + "px";
	elementFlashContainer.style.width = widthMain + "px";

	$("header_inner").style.width = widthMain + "px";
	$("main_inner").style.width = widthMain + "px";
	$("footer_inner").style.width = widthMain + "px";
}

registerEventListener(window, "load", onLoad, false);