// JavaScript Document
function goAjax(url,target,args) {
	var req;
	try {
		req= new XMLHttpRequest();
	} catch (e) {
		try {
			req= new ActiveXObject("Msxml2.XMLHTTP");
		} catch (e) {
			try {
				req = new ActiveXObject("Microsoft.XMLHTTP");
			} catch (e) {
				alert("Your browser not support!");
				return false;
			}
		}
	}

	req.onreadystatechange = function() {
		if (req.readyState == 4 && (req.status == 200 || req.status == 304)) {
			sdp = document.getElementById(target);
			sdp.innerHTML = req.responseText;
			afterEffect();
		}
	};

	req.open("post",url);
	req.setRequestHeader('Content-Type','application/x-www-form-urlencoded; UTF-8');
	req.send(args);
}

var nAfter = 0;
function afterEffect() {
	if (nAfter == 1) {
		bannerInitial();
	}
	nAfter = 0;
}

var lastPage = "";
function goHome() {
	document.getElementById("intro").style.display = "none";
	document.getElementById("content").style.height = "";
	document.getElementById("content").innerHTML = "<div style=\"height:813px\"><div style=\"padding-top:350px\"><img src=\"images/loading.gif\" /></div></div>";
	document.getElementById("soundpad").style.paddingLeft = "0px";
	document.getElementById("cpr").style.display = "";
	if (lastPage == "happen") clearInterval(invBanner);
	goAjax("_ajx_home.php","content","");
	lastPage = "home";
}

function pageChange(page) {
	if (page == "photo") {
		document.getElementById("boxMain").style.width = "1000px";
	}
	else document.getElementById("boxMain").style.width = "840px";
	document.getElementById("content").innerHTML = "<div style=\"height:813px\"><div style=\"padding-top:350px\"><img src=\"images/loading.gif\" /></div></div>";
	if (page == "photo") {
		document.getElementById("content").style.width = "1000px";
	}
	else document.getElementById("content").style.width = "840px";
	if (lastPage == "happen") clearInterval(invBanner);
	if (page == "happen") nAfter = 1;
	goAjax("_ajx_" + page + ".php","content","");
	lastPage = "page";
}

function goContact() {
	f = document.forms["form1"];
	if (f.name.value == "") {
		alert("Please input your name");
		f.name.focus();
	}
	else if (f.email.value == "") {
		alert("Please input your email");
		f.email.focus();
	}
	else if (f.comment.value == "") {
		alert("Please input comment");
		f.comment.focus();
	}
	else if (f.mynum.value == "") {
		alert("Please input required number");
		f.mynum.focus();
	}
	else {
		name = f.name.value;
		email = f.email.value;
		comment = f.comment.value;
		mynum = f.mynum.value;
		document.getElementById("content").innerHTML = "<div style=\"height:813px\"><div style=\"padding-top:350px\"><img src=\"images/loading.gif\" /></div></div>";
		//alert("name=" + f.name.value + "&email=" + f.email.value + "&mynum=" + f.mynum.value + "&comment=" + f.comment.value);
		goAjax("_ajx_contactus.php","content","name=" + name + "&email=" + email + "&mynum=" + mynum + "&comment=" + comment);
		lastPage = "contact";
	}
}

var nHeight = 400;
var nWidth = 700;
var nNumber = 5;
var nSeconds = 5;
var bLock = false;
var invBanner;
var nBannerIndex = 0;
var nPosNow = 0;
var nPosNext = 0;
var colorHover = "#fd672a";

function bannerInitial() {
	area = document.getElementById("areaBtn");
	fr = document.getElementById("frameBanner");
	fr.width = nWidth;
	fr.height = nHeight;
	for (i = 0;i < nNumber;i++) {
		area.innerHTML += "<div id=\"box" + i + "\" class=\"btn_box\" onMouseOver=\"bannerSetLock(true);bannerShowAt(" + i + ")\" onMouseOut=\"bannerSetLock(false)\"><div style=\"padding-top:3px;\">" + (i + 1) + "</div></div>";
	}
	bannerShowAt(0);
	clearInterval(invBanner);
	invBanner = setInterval(bannerNextShow,nSeconds * 1000,null);
}
function bannerShowAt(n) {
	if (n != nBannerIndex) {
		document.getElementById("box" + nBannerIndex).style.backgroundColor = "";
		nBannerIndex = n;
	}
	nPosNext = n * nHeight;
	document.getElementById("box" + n).style.backgroundColor = colorHover;
	bannerChkPos();
}
function bannerSetLock(b) {
	bLock = b;
	clearInterval(invBanner);
	if (!bLock) {
		invBanner = setInterval(bannerNextShow,nSeconds * 1000,null);
	}
}
function bannerNextShow() {
	nNext = nBannerIndex + 1;
	if (nNext >= nNumber) nNext = 0;
	bannerShowAt(nNext);
}
function bannerChkPos() {
	if (nPosNow != nPosNext) {
		howDef = 0;
		if (nPosNow < nPosNext) {
			howDef = nPosNext - nPosNow;
			howDef = Math.floor(howDef / 4);
			if (howDef > 3) {
				nPosNow += howDef;
				if (nPosNow > nPosNext) nPosNow = nPosNext;
			}
			else nPosNow = nPosNext;
		}
		else {
			howDef = nPosNow - nPosNext;
			howDef = Math.floor(howDef / 4);
			if (howDef > 3) {
				nPosNow -= howDef;
				if (nPosNow < nPosNext) nPosNow = nPosNext;
			}
			else nPosNow = nPosNext;
		}
		window.frames["frameBanner"].scrollTo(0,nPosNow);
		setTimeout("bannerChkPos()",20);
	}
}