/**********************************************************
* positionMiddle
*/

function positionMiddle() {
	var obj = document.getElementById("container");
	var objHeight = obj.offsetHeight;
	var winHeight = function() {
		if (window.innerHeight) {
			return window.innerHeight;
		} else if (document.body.parentElement.clientHeight) {
			return document.body.parentElement.clientHeight;
		} else if (document.body.clientHeight) {
			return document.body.clientHeight;
		}
		return 0;
	}
	if(winHeight() > objHeight){
		obj.style.marginTop = (winHeight() - objHeight)/2 +'px';
	}else{
		obj.style.marginTop = 0 +'px';
	}
	var setfunc = setTimeout("positionMiddle()",0);
}

/**********************************************************
* displayElement
*/

function DisplayElement(){}


DisplayElement.prototype = {

	openTimer:0,
	closeTimer:0,

	initialize:function(){

		var switchElement = document.getElementById('infoTab');

		this.targetElementA = document.getElementById('typhInfo');
		this.targetElementB = document.getElementById('mainNavi');

		evtListener(switchElement,'click',this.openElement);
		evtListener(switchElement,'mouseover',this.openElementWithTimer);
		evtListener(switchElement,'mouseout',this.closeElementWithTimer);
		evtListener(this.targetElementA,'mouseover',this.openElementWithTimer);
		evtListener(this.targetElementA,'mouseout',this.closeElementWithTimer);

	},
	openElement:function(){
		this.targetElementA.style.visibility = "visible";
		if(this.targetElementB){
			this.targetElementB.style.visibility = "hidden";
		}else{
			return;
		}
		if(navigator.userAgent.indexOf("Safari") != -1){
			targetElementA.style.minHeight = 301 + 'px';
		}

	},
	closeElement:function(){
		this.targetElementA.style.visibility = "hidden";
		if(this.targetElementB){
			this.targetElementB.style.visibility = "visible";
		}else{
			return;
		}
	},
	openElementWithTimer:function(){
		clearTimeout(displayElement.closeTimer);
		displayElement.openTimer = setTimeout('displayElement.openElement()',500);
	},
	closeElementWithTimer:function(){
		clearTimeout(displayElement.openTimer);
		displayElement.closeTimer = setTimeout('displayElement.closeElement()',500);
	}
}

var displayElement = new DisplayElement();