var imageNote;
var editing = (document.location.href.indexOf("/members/") > 0);

function InitBrowse() {
	InitImagesPanel(false);
}

function InitImagesPanel(editable) {
	var images = document.getElementById("ImagesPanel").getElementsByTagName("img");
	var max = images.length;
	var maxWidth = (GetWindowSize(false) / 2);

	for (var i=0; i<max; i++) {
		var image = images[i];

		image.onclick = ViewImage;

		if (editable) {
			image.onmouseover = ShowImagePanel;
			image.onmouseout = HideImagePanel;
		}
		else {
			var ttText = "<table style='max-width:" + maxWidth +
				"px'><tr><td class='b'>Author:</td><td>" + image.getAttribute("Author") +
				"</td></tr><tr><td class='b'>Added:</td><td>" + image.getAttribute("DateAdded") +
				"</td></tr><tr><td class='b'>Views:</td><td>" + image.getAttribute("Views") +
				"</td></tr><tr><td class='b'>Comments:</td><td>" + image.getAttribute("Comments") +
				"</td></tr></table>";

			SetupTooltip(image, ttText, 0.1, "Move");
		}
	}
}

function ViewImage(e) {
	if (!e) e = event;
	var image = e.srcElement ? e.srcElement : e.target;
	var imageID = image.getAttribute("ImageID");
	var userID = image.getAttribute("UserID");

	// Open the ViewImage.php page, which displays the image and its caption.
	window.open("/MemberImages/ViewImage.php?UserID=" + userID + "&ImageID=" + imageID,
		"Image" + userID + imageID,
		"top=50px,left=50px,height=300px,width=300px,status=0,toolbar=0,location=0,menubar=0,resizable=1");
}