var tmpl_onair1girl = '\
<ul class="girl">\
<li class="state"><img src="%{icon_status}" width="85" height="17" alt="%{txt_status}" /></li>\
<li class="new"><img src="%{icon_newface}" width="13" height="14" alt="new" /></li>\
<li class="voice"><img src="%{icon_mic}" width="11" height="11" alt="voice" /></li>\
<li class="pic"><a href="javascript:w=window.open(\'wait.php?id=%{hash}\',\'\',\'scrollbars=yes,width=936,height=740\');w.focus();"><img src="%{girl_photo}" width="120" height="90" alt="girl" /></a></li>\
<li class="name">%{nick_name}</li>\
<li class="mail"><a href="mail02.php?id=%{hash}"><img src="/img/shared/icon_mail.gif" width="16" height="11" alt="mail" /></a></li>\
</ul>\
';
var tmpl_movie1girl = '\
<ul class="girl">\
<li class="state"><img src="%{icon_status}" width="85" height="17" alt="%{txt_status}" /></li>\
<li class="new"><img src="%{icon_newface}" width="13" height="14" alt="new" /></li>\
<li class="voice"><img src="%{icon_mic}" width="11" height="11" alt="voice" /></li>\
<li class="pic"><a href="javascript:w=window.open(\'play_movie.php?id=%{movie_id}\',\'\',\'scrollbars=yes,width=936,height=740\');w.focus();"><img src="%{girl_photo}" width="120" height="90" alt="girl" /></a></li>\
<li class="name">%{nick_name}</li>\
<li class="mail"><a href="mail02.php?id=%{hash}"><img src="/img/shared/icon_mail.gif" width="16" height="11" alt="mail" /></a></li>\
</ul>\
';

var tmpl_online0 = '<p class="nogirl">現在、オンライン中の女性はおりません。</p>';

var tmpl_pickup1girl = '\
<dl>\
<dt><a href="javascript:w=window.open(\'wait.php?id=%{hash}\',\'\',\'scrollbars=yes,width=936,height=740\');w.focus();"><img src="%{girl_photo}" alt="girl" width="70" height="52" /></a></dt>\
<dd><img src="%{icon_status}" width="52" height="8" alt="%{txt_status}" /><br />\
%{nick_name}<br />\
地域：%{area}<br />\
B%{bust} W%{waist} H%{hip}</dd>\
</dl>\
';

function dispOnair(data) {
	var onairbox = document.getElementById("onairbox");
	if (data.length == 0) {
		onairbox.innerHTML = tmpl_online0;
		return;
	}
	for (i = 0; i < data.length; ++i) {
		var p = data[i];
		var params = {
			"hash": p.hash,
			"nick_name": p.nick_name,
			"girl_photo": "/photo_index/" + p.img
		};
		if (!p.chat) {
			params["txt_status"] = "待機中";
			params["icon_status"] = "/img/shared/icon02.gif";
		} else if (p.party) {
			params["txt_status"] = "チャット中";
			params["icon_status"] = "/img/shared/icon01.gif";
		} else {
			params["txt_status"] = "2ショット中";
			params["icon_status"] = "/img/shared/icon03.gif";
		}
		if (p.mic) {
			params["icon_mic"] = "/img/shared/icon_voice.gif";
		} else {
			params["icon_mic"] = "/img/shared/icon_none.gif";
		}
		if (p.newface) {
			params["icon_newface"] = "/img/shared/icon_new.gif";
		} else {
			params["icon_newface"] = "/img/shared/icon_none.gif";
		}
		
		var html = RND(tmpl_onair1girl, params);
		onairbox.innerHTML += html;
	}
}

function reloadGirls() {
	var onairbox = document.getElementById("onairbox");
	onairbox.innerHTML = "";
	var loadgirls = document.getElementById("loadgirls");
	var parent = loadgirls.parentNode;
	parent.removeChild(loadgirls);
	var newele = document.createElement("script");
	newele.type = "text/javascript";
	newele.id = "loadgirls";
	newele.src = "/api/onair_json.php?callback=dispOnair&r=" + Math.random().toString();
	document.body.appendChild(newele);
}

function dispTopics(data) {
	var ele;
	ele = document.getElementById("news_contents");
	ele.innerHTML = data["news"];
	ele = document.getElementById("topic_contents");
	ele.innerHTML = data["topic"];
}

function make1SmallGirl(data) {
	var params = {
		"hash": data.hash,
		"nick_name": data.nick_name,
		"girl_photo": "/photo_index2/" + data.img,
		"area": data.area,
		"bust": data.bust,
		"waist": data.waist,
		"hip": data.hip
	};
	if (data.chat && data.party) {
		params["txt_status"] = "online";
		params["icon_status"] = "/img/right/state_party.jpg";
	} else if (data.party) {
		params["txt_status"] = "online";
		params["icon_status"] = "/img/right/state_wait.jpg";
	} else if (data.chat) {
		params["txt_status"] = "online";
		params["icon_status"] = "/img/right/state_2shot.jpg";
	} else {
		params["txt_status"] = "offline";
		params["icon_status"] = "/img/right/state_offline.jpg";
	}
	return RND(tmpl_pickup1girl, params);
}

function dispPickupGirls(data) {
	var elebox = document.getElementById("pickupgirlsbox");
	for (i = 0; i < data.length; ++i) {
		elebox.innerHTML += make1SmallGirl(data[i]);
	}
}

function dispRecent(data) {
	var elebox = document.getElementById("recentbox");
	for (i = 0; i < data.length; ++i) {
		elebox.innerHTML += make1SmallGirl(data[i]);
	}
}

function make1IchioshiGirl(data, tmpl, offline_img) {
	var params = {
		"hash": data.hash,
		"nick_name": data.nick_name,
		"girl_photo": "/photo_index/" + data.img
	};
	if (!data.online) {
		params["txt_status"] = "オフライン";
		params["icon_status"] = offline_img;
	} else if (!data.chat) {
		params["txt_status"] = "待機中";
		params["icon_status"] = "/img/shared/icon02.gif";
	} else if (data.party) {
		params["txt_status"] = "チャット中";
		params["icon_status"] = "/img/shared/icon01.gif";
	} else {
		params["txt_status"] = "2ショット中";
		params["icon_status"] = "/img/shared/icon03.gif";
	}
	if (data.mic) {
		params["icon_mic"] = "/img/shared/icon_voice.gif";
	} else {
		params["icon_mic"] = "/img/shared/icon_none.gif";
	}
	if (data.newface) {
		params["icon_newface"] = "/img/shared/icon_new.gif";
	} else {
		params["icon_newface"] = "/img/shared/icon_none.gif";
	}
	
	return RND(tmpl, params);
}

function dispIchioshi(data) {
	var onairbox = document.getElementById("ichioshibox");
	if (data.length == 0) {
		onairbox.innerHTML = tmpl_online0;
		return;
	}
	for (i = 0; i < data.length; ++i) {
		onairbox.innerHTML += make1IchioshiGirl(data[i], tmpl_onair1girl, "/img/shared/icon05.gif");
	}
}

function dispNewgirl(data) {
	var onairbox = document.getElementById("newgirlbox");
	if (data.length == 0) {
		onairbox.innerHTML = tmpl_online0;
		return;
	}
	for (i = 0; i < data.length; ++i) {
		onairbox.innerHTML += make1IchioshiGirl(data[i], tmpl_onair1girl, "/img/shared/icon07.gif");
	}
}

function dispMovieGirl(data) {
	var onairbox = document.getElementById("moviegirlbox");
	if (data.length == 0) {
		onairbox.innerHTML = tmpl_online0;
		return;
	}
	for (i = 0; i < data.length; ++i) {
		var p = data[i];
		var params = {
			"hash": p.hash,
			"nick_name": p.nick_name,
			"girl_photo": "/photo_index/" + p.img,
			"movie_id": p.movie_id
		};
		if (!p.online) {
			params["txt_status"] = "オフライン";
			params["icon_status"] = "/img/shared/icon06.gif";
		} else if (!p.chat) {
			params["txt_status"] = "待機中";
			params["icon_status"] = "/img/shared/icon02.gif";
		} else if (p.party) {
			params["txt_status"] = "チャット中";
			params["icon_status"] = "/img/shared/icon01.gif";
		} else {
			params["txt_status"] = "2ショット中";
			params["icon_status"] = "/img/shared/icon03.gif";
		}
		if (p.mic) {
			params["icon_mic"] = "/img/shared/icon_voice.gif";
		} else {
			params["icon_mic"] = "/img/shared/icon_none.gif";
		}
		if (p.newface) {
			params["icon_newface"] = "/img/shared/icon_new.gif";
		} else {
			params["icon_newface"] = "/img/shared/icon_none.gif";
		}
		onairbox.innerHTML += RND(tmpl_movie1girl, params);
	}
}