var current = 'index';
var LoadFlag = 0;

query = document.location.search.replace("?","");
if (query == "signbook"){ view(signbook); }

window.onload = function(){
	var files = new Array();
	files = [
		"info_on.gif", "archives_on.gif", "bookmark_on.gif", "signbook_on.gif", "log_on.gif",
		"info.gif", "archives.gif", "bookmark.gif", "signbook.gif", "log.gif"
	];
	var pre_img = new Array();
	for(var i = 0; i < files.length; i++){
		pre_img[i] = new Image();
		pre_img[i].src = 'img/' + files[i];
	}
	
	query = document.location.search.replace("?","");
	if (query != ""){ view(query); }
	
	var rootNode = document.getElementById("top");
	var imgTag = rootNode.getElementsByTagName("img");
	for(var i = 2; i < imgTag.length; i+=2){
		if (i == 8){ continue; }
		imgTag[i].onmouseover = function(){
			this.src = this.src.split(".gif")[0] + "_on.gif";
		}
		imgTag[i].onmouseout = function(){
			this.src = this.src.split("_on.gif")[0] + ".gif";
		}
	}
	
	var formNode = document.getElementById("form");
	var inputTag = formNode.getElementsByTagName("input");
	for(var j = 0; j < inputTag.length; j++){
		inputTag[j].onmouseover = function(){
			this.style.backgroundColor = "#444455";
		}
		inputTag[j].onmouseout = function(){
			this.style.backgroundColor = "transparent";
		}
	}
}

function view(id){
	var disp = document.getElementById(id).style.display;
	
	if(id != current){
		if(disp != "none" || disp != ""){
			if((id == "log") && (LoadFlag != 1)){
				LogDisp();
			}
			document.getElementById(id).style.display = "block";
		}
		
		document.getElementById(current).style.display = "none";
		current = id;
	}
}

//Log•\ˇ¦—p

function LogDisp(){
	var obj = createXMLHttpRequest();
	obj.open('GET', 'log.xml', true);
	obj.send('');
	LoadFlag = 1;
}

function createXMLHttpRequest(){
	var XMLHttpObj = null;
	try{
		XMLHttpObj = new XMLHttpRequest();
	}catch(e){
		try{
			XMLHttpObj = new ActiveXObject("Msxm12.XMLHTTP");
		}catch(e){
			try{
				XMLHttpObj = new ActiveXObject("Microsoft.XMLHTTP");
			}catch(e){
				return null;
			}
		}
	}
	
	if (XMLHttpObj) XMLHttpObj.onreadystatechange = function(){
		if (XMLHttpObj.readyState == 4){
			if (XMLHttpObj.status == 200){
				var xml = XMLHttpObj.responseXML;
				var res = xml.documentElement.firstChild.nodeValue;
				document.getElementById("Field").innerHTML = res;
				log_unload_flag = null;
			}else{
				document.getElementById("Field").innerHTML = "Error:" + XMLHttpObj.status;
			}
		}else{
			document.getElementById("Field").innerHTML = "Loading...";
		}
	}
	
	return XMLHttpObj;
}