function PageInitialize() {

	strCode = document.getElementById("SHOP_CODE").value;
	strName = GetCookie('LIVE' + strCode + 'CHAT');

	if (strName != '' && strName != '##LOGOUT##') {
		document.getElementById("login-before").style.display = 'none';
		document.getElementById("login-after").style.display = 'inline';
	
		document.getElementById("USER_NAME").innerHTML = strName;
		document.getElementById("NAME").value = strName;
		document.getElementById("COMMENT").value = "";
		document.getElementById("COMMENT").focus();
	}
	else {
		document.getElementById("login-before").style.display = 'inline';
		document.getElementById("login-after").style.display = 'none';
	}
}

function GetCookie(key){
	var tmp = document.cookie + ";";
	var index1 = tmp.indexOf(key, 0);
	if(index1 != -1){
		tmp = tmp.substring(index1,tmp.length);
		var index2 = tmp.indexOf("=",0) + 1;
		var index3 = tmp.indexOf(";",index2);
		return(unescape(tmp.substring(index2,index3)));
	}
	return("");
}

function SetCookie(key, val){
	//document.cookie = key + "=" + escape(val) + ";expires=Fri, 31-Dec-2030 23:59:59;";
	document.cookie = key + "=" + escape(val) + ";";
}

function on_loadedXML(obj) {
	var res = obj.responseXML;
	resHTML = chgXML2HTML(res);
	//alert(resHTML);
	document.getElementById("loaded").innerHTML=resHTML;
}
function loadFile(url) {
	sendRequest(on_loadedXML, '', 'GET', url, true, true);
}
function chgXML2HTML(xdoc) {
	var count = xdoc.getElementsByTagName("count");
	var log = xdoc.getElementsByTagName("log");
	var name = xdoc.getElementsByTagName("name");
	var comment = xdoc.getElementsByTagName("comment");
	var color = xdoc.getElementsByTagName("color");
	var time = xdoc.getElementsByTagName("time");
	var ip = xdoc.getElementsByTagName("ip");
	
	if (count.length == 1) {
		if (count[0].firstChild == null) {
			strCount = '';
		}
		else {
			strCount = count[0].firstChild.nodeValue;
		}
		document.getElementById("count").innerHTML = '<p>接続数：' + strCount + '</p>';
	}
	
	html = '';
	for (i = 0; i < log.length; i++) {
		if (name[i].firstChild == null) {
			strName = '';
		}
		else {
			strName = name[i].firstChild.nodeValue;
		}
		if (comment[i].firstChild == null) {
			strComment = '';
		}
		else {
			strComment = comment[i].firstChild.nodeValue;
		}
		if (color[i].firstChild == null) {
			strColor2 = '';
		}
		else {
			strColor2 = color[i].firstChild.nodeValue;
		}
		if (time[i].firstChild == null) {
			strTime = '';
		}
		else {
			strTime = time[i].firstChild.nodeValue;
		}
		if (ip[i].firstChild == null) {
			strIP = '';
		}
		else {
			strIP = ip[i].firstChild.nodeValue;
		}

		strName = strName.replace(/&/g, '&amp;');
		strName = strName.replace(/\"/g, '&quot;');
		strName = strName.replace(/</g, '&lt;');
		strName = strName.replace(/>/g, '&gt;');
		
		strComment = strComment.replace(/&/g, '&amp;');
		strComment = strComment.replace(/\"/g, '&quot;');
		strComment = strComment.replace(/</g, '&lt;');
		strComment = strComment.replace(/>/g, '&gt;');

		html += '<p class="' + strColor2 + '">' + strName + ' &gt; ' + strComment + '</br>';
		html += '<span class="chat-time">(' + strTime + ') ' + strIP + '</span></p>';
	}
	return html;
}

function SubmitEnter(evt, url, url2){
	evt = (evt) ? evt : event; 
	var charCode=(evt.charCode) ? evt.charCode : 
		((evt.which) ? evt.which : evt.keyCode);
	if ( Number(charCode) == 13 || Number(charCode) == 3) {
		sendData(url, url2);
	}
}
function sendLogin(url, url2) {
	var d=[];
	var strName = document.getElementById("LOGIN_NAME").value;
	
	if (strName != '') {
		d['code'] = document.getElementById("code").value;
		d['name'] = "管理者";
		d['comment'] = strName + " さんが入室しました。";
		d['color'] = "text-master";
		SetCookie('LIVE' + d['code'] + 'CHAT', strName);

		document.getElementById("login-before").style.display = 'none';
		document.getElementById("login-after").style.display = 'inline';
	
		document.getElementById("USER_NAME").innerHTML = strName;
		document.getElementById("NAME").value = strName;
		document.getElementById("COMMENT").value = "";
		document.getElementById("COMMENT").focus();
		sendRequest(ErrorCheck, d, 'POST', url, false, true);
	}
	else {
		alert('名前を入力してください');
	}
}
function sendLogout(url, url2) {
	var d=[];
	var strName = document.getElementById("NAME").value;
	
	d['code'] = document.getElementById("code").value;
	d['name'] = "管理者";
	d['comment'] = strName + " さんが退室しました。";
	d['color'] = "text-master";

	SetCookie('LIVE' + d['code'] + 'CHAT', '##LOGOUT##');

	document.getElementById("login-before").style.display = 'inline';
	document.getElementById("login-after").style.display = 'none';

	document.getElementById("USER_NAME").innerHTML = "";
	document.getElementById("NAME").value = "";
	document.getElementById("COMMENT").value = "";
	sendRequest(ErrorCheck, d, 'POST', url, false, true);
}
function sendData(url, url2) {
	var d=[];
	d['code'] = document.getElementById("code").value;
	d['name'] = document.getElementById("NAME").value;
	d['comment'] = document.getElementById("COMMENT").value;
	d['color'] = document.getElementById("COLOR").value;
	
	if (d['comment'] != '') {
		document.getElementById("COMMENT").value = "";
		document.getElementById("COMMENT").focus();
		sendRequest(ErrorCheck, d, 'POST', url, false, true);
	}
	sendRequest(on_loadedXML, '', 'GET', url2, true, true);
}


function ErrorCheck(obj) {
	var res = obj.responseText;
	if (res != null && res != '') {
		alert(res);
	}
	else {
	
	}
}

myNowCnt = 0;                        // 現在表示している画像番号
function ErrorImg(){                 // 定期的に画像を更新する関数
	strImgUrl = document.getElementById("IMG_SERVER_URL").value;
	document.myFormImg.src = strImgUrl + 'offline.jpg';  // 次の画像を表示する
}
function myChange(url, imgurl, code){                 // 定期的に画像を更新する関数
	objDate = new Date();
	intKey = objDate.getTime();
	intYear = objDate.getYear();
	if (intYear < 2000) {
		intYear += 1900;
	}
	strMin = "00" + objDate.getMinutes();
	strSec = "00" + objDate.getSeconds();
	strMin = strMin.substr(strMin.length-2, 2);
	strSec = strSec.substr(strSec.length-2, 2);
	
	strUrl = document.getElementById("HTTP_ROOT_DIR").value;
	strImgUrl = document.getElementById("IMG_SERVER_URL").value;
	strCode = document.getElementById("SHOP_CODE").value;
	strFtp = document.getElementById("USER_DIR").value;
	strOnline = document.getElementById("ONLINE").value;
	
	if (strOnline == '1') {
		strDate = intYear + '/' + (objDate.getMonth()+1) + '/' + objDate.getDate() + ' ' + objDate.getHours() + ':' + strMin + ':' + strSec;
		document.myFormImg.src = strImgUrl + strFtp + '/live.jpg?' + intKey;  // 次の画像を表示する
		document.getElementById("clock").innerHTML = '<p>' + strDate + '</p>';
	}
	setTimeout( "myChange()" , 5000 );           // 5秒周期に画像を更新する


	strData = '&key=' + intKey;
	sendRequest(on_loadedXML, strData, 'GET', strUrl + '/log_xml/' + strCode, true, true);

}

function PlusFace() {
	strFace = document.getElementById("face").value;
	document.getElementById("COMMENT").value += strFace;
	document.getElementById("COMMENT").focus();
}
function SetColor(val) {
	document.getElementById("COLOR").value = val;
}