// JavaScript Document
var GlobeSubNavId;
var GlobeSubNavId2;
var NaviOpen = false;
var inUse = false;
var Interval;
var Timeout;
var i = 0;
var opt = 0;
var speed = 25;

function FadeSubnavi( SubNavId ){
	if ( inUse == false ){
		inUse = true;
		if( NaviOpen == false ){
			GlobeSubNavId 		= SubNavId;
			Interval = window.setInterval( "FadeInSubnavi()", speed );
		} else if( NaviOpen == true && GlobeSubNavId == SubNavId ){
			GlobeSubNavId 		= SubNavId;
			Interval = window.setInterval( "FadeOutSubnavi()", speed );
		} else {
			GlobeSubNavId2 		= SubNavId;
			Interval = window.setInterval( "FadeOutSubnavi2()", speed );
		}
	}
}

function FadeInSubnavi(){
	document.getElementById(GlobeSubNavId).className = "opacity"+opt;
	document.getElementById(GlobeSubNavId).style.visibility = 'visible';
	opt = opt + 10;
	i++;
	if( i >= 10 ){
		window.clearInterval(Interval);
		opt = 100;
		i = 0;
		NaviOpen = true;
		inUse = false;
	}
}

function FadeOutSubnavi(){
	document.getElementById(GlobeSubNavId).className = "opacity"+opt;
	opt = opt - 10;
	i++;
	if( i >= 11 ){
		window.clearInterval(Interval);
		opt = 0;
		i = 0;
		NaviOpen = false;
		GlobeSubNavId = false;
	}
	inUse = false;
}

function FadeOutSubnavi2(){
	document.getElementById(GlobeSubNavId).className = "opacity"+opt;
	opt = opt - 10;
	i++;
	if( i >= 11 ){
		window.clearInterval(Interval);
		opt = 0;
		i = 0;
		NaviOpen = false;
		GlobeSubNavId = GlobeSubNavId2;
		Interval = window.setInterval( "FadeInSubnavi()", speed );
		GlobeSubNavId2 = false;
	}
}