// JavaScript Document
/////
// Browser Window Size and Position
// copyright Stephen Chapman, 3rd Jan 2005, 8th Dec 2005
// you may copy these functions but please keep the copyright notice as well
function pageHeight() {return  window.innerHeight != null? window.innerHeight : document.documentElement && document.documentElement.clientHeight ?  document.documentElement.clientHeight : document.body != null? document.body.clientHeight : null;} 
function pageWidth() {return window.innerWidth != null? window.innerWidth : document.documentElement && document.documentElement.clientWidth ?       document.documentElement.clientWidth : document.body != null ? document.body.clientWidth : null;} 
/////
var PageHeight = pageHeight();
var PageWidth = pageWidth();
var OffSetTop = 0;
var OffSetLeft = 0;
var ContentTextHeight = 600;
var ContentScrollHeight = pageHeight() - 0;
switch(true) {
	// 600
	case (PageHeight <= 542):
		OffSetTop = 10;
		ContentTextHeight = 420;
		break;
	// 720
	case (PageHeight > 542 && PageHeight <= 662):
		OffSetTop = 10;
		ContentTextHeight = 560;
		break;
	// 768
	case (PageHeight > 662 && PageHeight <= 711):
		OffSetTop = 10;
		ContentTextHeight = 590;
		break;
	// 800
	case (PageHeight > 711 && PageHeight <= 742):
		OffSetTop = 50;
		ContentTextHeight = 600;
		break;
	// 900
	case (PageHeight > 742 && PageHeight <= 842):
		OffSetTop = 90;
		ContentTextHeight = 600;
		break;
	// 1024
	case (PageHeight > 842 && PageHeight <= 966):
		OffSetTop = 100;
		ContentTextHeight = 600;
		break;
	// 1050
	case (PageHeight > 966 && PageHeight <= 992):
		OffSetTop = 110;
		ContentTextHeight = 600;
		break;
	// 1080
	case (PageHeight > 992 && PageHeight <= 1022):
		OffSetTop = 120;
		ContentTextHeight = 600;
		break;
	// 1200
	case (PageHeight > 1022 && PageHeight <= 1142):
		OffSetTop = 140;
		ContentTextHeight = 600;
		break;
	// 1440
	case (PageHeight > 1142 && PageHeight <= 1382):
		OffSetTop = 200;
		ContentTextHeight = 600;
		break;
	// HUGE
	case (PageHeight > 1382):
		OffSetTop = 200;
		ContentTextHeight = 600;
		break;
	// default
	default:
		OffSetTop = 10;
}
switch(true) {
	// 800
	case (PageWidth <= 800):
		OffSetLeft = 200;
		NavOffSetLeft = 10;
		break;
	// 1024
	case (PageWidth > 800 && PageWidth <= 1024):
		OffSetLeft = 300;
		NavOffSetLeft = 50;
		break;
	// 1280
	case (PageWidth > 1024 && PageWidth <= 1280):
		OffSetLeft = 380;
		NavOffSetLeft = 80;
		break;
	// 1366
	case (PageWidth > 1280 && PageWidth <= 1366):
		OffSetLeft = 420;
		NavOffSetLeft = 100;
		break;
	// 1440
	case (PageWidth > 1366 && PageWidth <= 1440):
		OffSetLeft = 550;
		NavOffSetLeft = 130;
		break;
	// 1680
	case (PageWidth > 1440 && PageWidth <= 1680):
		OffSetLeft = 600;
		NavOffSetLeft = 180;
		break;
	// 1920
	case (PageWidth > 1680 && PageWidth <= 1920):
		OffSetLeft = 700;
		NavOffSetLeft = 250;
		break;
	// 2560
	case (PageWidth > 1920 && PageWidth <= 2560):
		OffSetLeft = 900;
		NavOffSetLeft = 350;
		break;
	// HUGE
	case (PageWidth > 2560):
		OffSetLeft = 1000;
		NavOffSetLeft = 500;
		break;
	// default
	default:
		OffSetLeft = 200;
}
// the moving backstage
var CurrentEx = 0;
var CurrentWy = 0;
var TargetEx = 0;
var TargetWy = 0;
var SetInt = 0;
var Accelerate = 1;
var AddMinusEx = true;
var AddMinusWy = true;
function MoveStage(ex,wy) {
	clearInterval(SetInt);
	Accelerate = 1;
	TargetEx = ex - OffSetLeft;
	TargetWy = wy - OffSetTop;
	if (TargetEx > CurrentEx) {
		AddMinusEx = true;
	} else {
		AddMinusEx = false;
	}
	if (TargetWy > CurrentWy) {
		AddMinusWy = true;
	} else {
		AddMinusWy = false;
	}
	if (CurrentEx != TargetEx || CurrentWy != TargetWy) {
		SetInt = setInterval('MoveStage2()',25);
	}
	return false;
}
function MoveStage2() {
	if (CurrentEx != TargetEx || CurrentWy != TargetWy) {
		if (AddMinusEx) {
			if (CurrentEx < TargetEx) {
				if ((CurrentEx + Accelerate) < TargetEx) {
					CurrentEx += Accelerate;
				} else {
					CurrentEx += 1;
				}
				document.getElementById('back_stage').style.left = -CurrentEx + 'px';
			}
		} else {
			if (CurrentEx > TargetEx) {
				if ((CurrentEx - Accelerate) > TargetEx) {
					CurrentEx -= Accelerate;
				} else {
					CurrentEx -= 1;
				}
				document.getElementById('back_stage').style.left = -CurrentEx + 'px';
			}
		}
		if (AddMinusWy) {
			if (CurrentWy < TargetWy) {
				if ((CurrentWy + Accelerate) < TargetWy) {
					CurrentWy += Accelerate;
				} else {
					CurrentWy += 1;
				}
				document.getElementById('back_stage').style.top = -CurrentWy + 'px';
			}
		} else {
			if (CurrentWy > TargetWy) {
				if ((CurrentWy - Accelerate) > TargetWy) {
					CurrentWy -= Accelerate;
				} else {
					CurrentWy -= 1;
				}
				document.getElementById('back_stage').style.top = -CurrentWy + 'px';
			}
		}
		if (Accelerate < 25) {
			Accelerate += 1;
		}
	} else {
		// stop the movement
		clearInterval(SetInt);
		Accelerate = 1;
		//alert('CurrentEx='+CurrentEx+' CurrentWy='+CurrentWy);
	}
}
function StopStage() {
	clearInterval(SetInt);
	Accelerate = 1;
	return false;
}

function StartExperience() {
	// swap time to 7:11
	Swap711Image = setTimeout('SwapClock()',2000);
}
function SwapClock() {
	// swap the image
	document.getElementById("c01").innerHTML='<img src="comn/images/ani_clock_7-11.gif" />';
	StartFadeIn = setTimeout('StartMenuFadeIn()',1000);
}
var SetIntMenu = 0;
function StartMenuFadeIn() {
	// fade in the menu
	SetIntMenu = setInterval('FadeInMenu()',25);
}
var MenuOpacityStart = 0;
function FadeInMenu() {
	if (MenuOpacityStart < 80) {
		var value = MenuOpacityStart / 100;
		document.getElementById('nav_main').style.opacity = value;
		document.getElementById('nav_main').style.filter = 'alpha(opacity='+MenuOpacityStart+')';
		MenuOpacityStart += 1;
	} else {
		clearInterval(SetIntMenu);
	}
}
document.write("\
<style type=\"text/css\">\
<!--\
.page_holder {height:" + ContentScrollHeight + "px;}\
#stage {overflow:hidden;}\
#nav_main {position:absolute;left:" + NavOffSetLeft + "px;top:" + OffSetTop + "px;opacity:0;filter:alpha(opacity=0);}\
.content_text {height:"+ContentTextHeight+"px;}\
#c01 {left:" + (PageWidth * 0.55) + "px;top:" + OffSetTop + "px;}\
-->\
</style>\
");