/* **************************************************
Name: layout.js
Description: Setting of page layout
Create: 2008.06.06
Update: 2008.06.12
***************************************************** */

/* Variable Setting
=============================================== */
var CONTAINER_MIN_H = 100;
var CONTAINER_ID = "Container";
var HEADER_ID = "Header";
var MAIN_ID = "Main";

/* Window Resize Event And Load Event Setting
=============================================== */
if(!browser.iphone && !browser.ipad){
    addEvent(window, "resize", function(){
        adjustContainerHeight();
    });
    addEvent(window, "load", function(){
        initContainerHeight();
        adjustContainerHeight();
    });
}

/* Adjust Container Height
=============================================== */
function adjustContainerHeight() {
	var body = document.documentElement;
	var container  = document.getElementById(CONTAINER_ID);
	var header = document.getElementById(HEADER_ID);

	if(!header){
		return;
	}

	var containerHeight = body.clientHeight - header.offsetHeight;

	if(containerHeight > CONTAINER_MIN_H){
		setCss(container, "height", containerHeight + "px");
	}
}

/* Initialize Container Height
=============================================== */
function initContainerHeight(){
	var body = document.documentElement;
	var container  = document.getElementById(CONTAINER_ID);
	var header = document.getElementById(HEADER_ID);

	if(!header){
		return;
	}

	setCss(body, "overflow", "hidden");
	setCss(container, "overflow", "auto");
}