var pageFan = 1;

function addFavorite() {
	var req = createHttpRequest();
	if (req == null) return false;
	req.onreadystatechange = function() {
		if (req.readyState == 4) {
			if (req.responseText && req.responseText == "COMPLETE") {
				var favcon = $("favcon");
				if (favcon) {
					favcon.style.display = "none";
				}
				loadFan();
				alert("お気に入りに追加しました");
			}
			$("favorite").disabled = false;
		}
	}
	req.open("GET", "http://" + location.hostname + "/ajax/favorite.php" + 
					"?section=" + $("section").value +
					"&thread=" + $("number").value +
					"&member=" + $("member").value
			, true);
	req.send(null);
}
/*
function addFan(xml) {
	var fans = $("fans");
	var maxPages = xml.getElementsByTagName("maxpage");
	var maxPage = maxPages[0].firstChild.nodeValue;
	var pages = xml.getElementsByTagName("page");
	pageFan = pages[0].firstChild.nodeValue;
	if (maxPage == 0) {
		fans.style.display = "none";
		return;
	}
	var counts = xml.getElementsByTagName("count");
	var count = counts[0].firstChild.nodeValue;
	var fansCount = $("fans_count");
	dropChild(fansCount);
	fansCount.appendChild($T(" [" + count + "人]"));
	var fansBody = $("fans_body");
	dropChild(fansBody);
	var numbers = xml.getElementsByTagName("number");
	var nicknames = xml.getElementsByTagName("nickname");
	var icons = xml.getElementsByTagName("icon");
	for (var i = 0; i < numbers.length; i++) {
		var number = numbers[i].firstChild.nodeValue;
		var nickname = nicknames[i].firstChild.nodeValue;
		var icon = icons[i].firstChild.nodeValue;
		var fan = $E("div");
		fan.className = "fan";
		var img = $E("img");
		if (icon == 0) {
			img.src = "http://www.livetown.jp/image/profiles.gif";
		} else {
			var timeStamp = new Date().getTime();
			img.src = "http://www.livetown.jp/updir/" + number + "s.jpg?" + timeStamp;
		}
		fan.appendChild(img); 
		fan.appendChild($E("br"));
		var a = $E("a");
		a.href = "http://community.livetown.jp/members/friend010.php?owner=" + number;
		a.title = nickname;
		a.appendChild($T(nickname.substr(0, 8)));
		fan.appendChild(a);
		fansBody.appendChild(fan);
	}
	var clear = $E("div");
	clear.className = "clear";
	fansBody.appendChild(clear);
	var fansTail = $("fans_tail");
	if (pageFan > 1 || pageFan < maxPage) {
		var fansPrev = $("fans_prev");
		if (pageFan > 1) {
			fansPrev.style.visibility = "visible";
		} else {
			fansPrev.style.visibility = "hidden";
		}	
		var fansNext = $("fans_next");
		if (pageFan < maxPage) {
			fansNext.style.visibility = "visible";
		} else {
			fansNext.style.visibility = "hidden";
		}
		fansTail.style.display = "block";
	}	
	fans.style.display = "block";
}
*/

function addFan(xml) {
	var fans = $("fans");
	var maxPages = xml.getElementsByTagName("maxpage");
	var maxPage = maxPages[0].firstChild.nodeValue;
	var pages = xml.getElementsByTagName("page");
	pageFan = pages[0].firstChild.nodeValue;
	if (maxPage == 0) {
		fans.style.display = "none";
		return;
	}
	var counts = xml.getElementsByTagName("count");
	var count = counts[0].firstChild.nodeValue;
	var fansCount = $("fans_count");
	dropChild(fansCount);
	fansCount.appendChild($T(" [" + count + "人]"));
	var fansBody = $("fans_body");
	dropChild(fansBody);
	var numbers = xml.getElementsByTagName("number");
	var nicknames = xml.getElementsByTagName("nickname");
	var icons = xml.getElementsByTagName("icon");
	for (var i = 0; i < numbers.length; i++) {
		var number = numbers[i].firstChild.nodeValue;
		var nickname = nicknames[i].firstChild.nodeValue;
		var icon = icons[i].firstChild.nodeValue;
		var fan = $E("table");
		var tbody = $E("tbody");
		var tr = $E("tr");
		var th = $E("th");
		var td = $E("td");
		var img = $E("img");
		fan.className = "products";
		if (icon == 0) {
			img.src = "http://www.livetown.jp/image/profiles.gif";
		} else {
			var timeStamp = new Date().getTime();
			img.src = "http://www.livetown.jp/updir/" + number + "s.jpg?" + timeStamp;
		}
		th.appendChild(img); 
		var a = $E("a");
		a.href = "http://community.livetown.jp/members/friend010.php?owner=" + number;
		a.title = nickname;
		a.appendChild($T(nickname.substr(0, 8)));
		td.appendChild(a);
		tr.appendChild(th);
		tr.appendChild(td);
		tbody.appendChild(tr);
		fan.appendChild(tbody);
		fansBody.appendChild(fan);
	}
	var clear = $E("div");
	clear.className = "clear";
	fansBody.appendChild(clear);
	var fansTail = $("fans_tail");
	if (pageFan > 1 || pageFan < maxPage) {
		var fansPrev = $("fans_prev");
		if (pageFan > 1) {
			fansPrev.style.visibility = "visible";
		} else {
			fansPrev.style.visibility = "hidden";
		}	
		var fansNext = $("fans_next");
		if (pageFan < maxPage) {
			fansNext.style.visibility = "visible";
		} else {
			fansNext.style.visibility = "hidden";
		}
		fansTail.style.display = "block";
	}	
	fans.style.display = "block";
}

function loadFan() {
	$("fans_tail").style.display = "none";
	var req = createHttpRequest();
	if (req == null) return false;
	req.onreadystatechange = function() {
		if (req.readyState == 4 && req.responseText) {
			addFan(req.responseXML);	
		}
	}
	req.open("GET", "http://" + location.hostname + "/ajax/fan_load.php" + 
					"?section=" + $("section").value +
					"&thread=" + $("number").value +
					"&page=" + pageFan
			, true);
	req.send(null);
}

function previousPageFan() {
	pageFan--;
	dropChild($("fans_body"));
	loadFan();
}

function nextPageFan() {
	pageFan++;
	dropChild($("fans_body"));
	loadFan();
}