
function selectPhoto2(ev) {
	var targetEl = Event.element(ev);
	var pid = targetEl.getAttribute("alt");
	selectPhoto(pid);
}

function selectFirst() {
		for (var pid in comments) {
			selectPhoto(pid);
			break;
		}
}

function selectPhoto(pid) {
	var pEl = $('big_photo');
	pEl.setAttribute('src', "images/" + pid + ".jpg");
	var picEl = $('pic_comment');
	if (picEl!=null) {
	var comment = comments[pid];
		if (comment != null) {
			var childEls = picEl.childNodes;
			for (var i = childEls.length - 1; i>=0; i--) {
				picEl.removeChild( childEls[i] );
			}
			var lines = comment.split("\n");
			for (var i=0; i<lines.length; i++) {
				if (i>0) {
					var brEl = document.createElement("br");
					picEl.appendChild(brEl);
				}
				var txtNode = document.createTextNode(lines[i]);
				picEl.appendChild(txtNode);
			}
		}
	}
}

//互換性確保のため
function preloadImages() {
	preloadThumbnails()
}

function preloadThumbnails() {
	if (comments != null) {
		var isFirst = true;
		for (var pid in comments) {
			if (isFirst) {
				var path1 = "images/" + pid + ".jpg";
				var img1 = new Image();
				img1.src = path1;
			}
			var path2 = "images/" + pid + "_s.jpg";
			var img2 = new Image();
			img2.src = path2;
			isFirst = false;
		}
	}
}

function preloadPictures() {
	if (comments != null) {
		for (var pid in comments) {
			var path1 = "images/" + pid + ".jpg";
			var img1 = new Image();
			img1.src = path1;
		}
	}
}

function addThumbnails() {
	if (comments != null) {
		var listEl = $("list");
		var childEls = listEl.childNodes;
		for (var i = childEls.length - 1; i>=1; i--) {
			listEl.removeChild( childEls[i] );
		}
		var pid1 = "";
		for (var pid in comments) {
			var comment = comments[pid];
			if (pid1.length == 0) pid1 = pid;
			var newEl = document.createElement("img");
			var path = "images/" + pid + "_s.jpg";
			//var img = new Image();
			//img.src = path;
			newEl.setAttribute("src", path);
			newEl.setAttribute("alt", pid);
			newEl.setAttribute("width", "75");
			newEl.setAttribute("height", "75");
			newEl.setAttribute("border", "0");

			if(newEl.addEventListener) { /* W3C準拠ブラウザ用 */
				newEl.addEventListener("click", selectPhoto2, false);
			} else if(newEl.attachEvent) { /* Internet Explorer用 */
				newEl.attachEvent("onclick", selectPhoto2);
			}
			listEl.appendChild(newEl);
		}
		selectPhoto(pid1);
	}
}

function changeBrand(obj) {
	location.href = "../" + obj.options[obj.selectedIndex].value + "/";
}

