// Copyright 2007 Lawrence Hon

cDate = "date"
cCategory = "category"
cCollection = "collection"

months = "January,February,March,April,May,June,July,August,September,October,November,December";
months = months.split(",");

function GetFriendlyDate(dt) {
	if (dt == "none") return "";

	var year = dt.substring(0, 4);
	var month = dt.substring(4, 6)-1;

	return months[month] + ", " + year;
}

function watch(v) {
	document.write("<b>" + v + "</b>: ");
	eval("document.write(" + v + ")");
	document.write("<br>");
}

function dhtmlLoadScript(url)
{
   var e = document.createElement("script");
   e.src = url;
   e.type="text/javascript";
   document.getElementsByTagName("head")[0].appendChild(e);
}
//dhtmlLoadScript("../../../js/albums.js");

function DrawGallery() {
	//document.write("<script src=\"albums.js\"><\/script>");
//	for (var i=0; i<album.length; i++) {
//		var one = album[i].split("\t");
//		if (location.pathname.indexOf(one[0]) >= 0) {
//			if (one[2].indexOf("--") >= 0) {
//				one[2] = one[2].replace(/\-\-.*/, "");
//				document.write("<a href=\"../../../index.html?collection=" + one[2] + "\">" + one[2] + "</a>");
//			}
//			break;
//		}
//	}
	var temp = document.getElementById("header").innerHTML;
	var collection = "";
	if (temp.indexOf("--") >= 0) {
		var match = /([a-z ]+)--/i.exec(temp)
		collection = "&middot;&nbsp;<a href=\"../../../index.html?collection=" + match[1] + "\">" + match[1] + "</a>";
	}
	document.write("<span style='text-align: left'>Return: " +
		link("../../../index.html", "Home") + collection +
		"</span><br>\n"
	);

	var cols = header.split("\t");
	var cFullsize, cCaption, cThumbnail, cStarred;
	for (var i=0; i<cols.length; i++) {
		switch (cols[i]) {
			case "itemLargeImage":     cFullsize   = i; break;
			case "itemCaption":        cCaption    = i; break;
			case "itemThumbnailImage": cThumbnail  = i; break;
			case "itemStarred":        cStarred    = i; break;
		}
	}

	var cols;
	for (var i=0; i<d.length; i++) {
		cols = d[i].split("\t");
		document.write('<a rel="lightbox[gallery]" href="' + cols[cFullsize] + '" title="' + cols[cCaption] + '"><img src="../../../images/bg' + (cStarred && cols[cStarred] == "*" ? "-star" : "") + '.gif" style="background-image:url(' + cols[cThumbnail] + ')" title="' + cols[cCaption] + '" alt="" /></a>\n');
	}

	document.write("<script src=\"http://js-kit.com/comments.js\"><\/script>");
}

function DrawPreview(dir, thumb, desc) {
	document.write("<table style='float: left' width=280><tr><td><a href=\"" + dir + "\"><img src=\"images/bg.gif\" style=\"background-image:url('" + thumb + "')\"></a></td><td width=100% align=left>" + desc +"</td></tr></table>\n");
}

function GetGallery(dir) {
	if (dir == "2006/060Wedding") {
		return "http://picasaweb.google.com/lawrence.hon";
	}
	return "galleries/" + dir + "/index.html";
}
function GetThumb(dir, thumb) {
	return "galleries/" + dir + "/" + thumb;
}
function link(href, desc) {
	return "<a href=\"" + href + "\">" + desc + "</a>\n";
}

function DrawIndex() {
	var paramDate, paramCategory, paramCollection;
	var friendlyDate;

	if (location.search.length > 1) {
		// parse params
		var i, params, key, value, pos;

		strParam = unescape(location.search.substring(1,location.search.length));

		params = strParam.split("&");
		for (i=0; i<params.length; i++) {
			pos = params[i].indexOf("=");
			if (pos != -1) {
				key = params[i].substr(0, pos);
				value = params[i].substr(pos+1);
				
				if (key == cDate) paramDate = value;
				else if (key == cCategory) paramCategory = value;
				else if (key == cCollection) paramCollection = value;
			}
		}
	}

	if (album.length == 0) {
		document.write("album not found");
		return;
	}

	//document.getElementById("header").innerHTML = "<h1>YOYOYOYO</h1>";

	document.write("<div style='text-align: left'> Browse: " + 
		link("index.html", "Recent") + "&nbsp;&middot;&nbsp;" +
		link("index.html?category=Travel", "Travel") + "&nbsp;&middot;&nbsp;" +
		link("index.html?category=Day Hikes", "Day Hikes") + "&nbsp;&middot;&nbsp;" +
		link("index.html?category=Multiday Hikes", "Multiday Hikes") + "&nbsp;&middot;&nbsp;" +
		link("index.html?category=Weddings", "Weddings") + "&nbsp;&middot;&nbsp;" +
		link("index.html?category=Portfolio", "Portfolio") + "<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;" +
		link("index.html?date=2007", "2007") + "&nbsp;&middot;&nbsp;" +
		link("index.html?date=2006", "2006") + "&nbsp;&middot;&nbsp;" +
		link("index.html?date=2005", "2005") + "&nbsp;&middot;&nbsp;" +
		link("index.html?date=2004", "2004") + "&nbsp;&middot;&nbsp;" +
		link("index.html?date=2003", "2003") + "&nbsp;&middot;&nbsp;" +
		link("index.html?date=2002", "2002") + "&nbsp;&middot;&nbsp;" +
		link("index.html?date=2001", "2001") + "&nbsp;&middot;&nbsp;" +
		link("index.html?date=2000", "2000") + "&nbsp;&middot;&nbsp;" +
		link("index.html?date=1999", "1999") + "&nbsp;&middot;&nbsp;" +
		link("index.html?date=1997", "1997") +
		"</div>\n"
	);
	if (paramDate) {
		document.getElementById("header").innerHTML = "<h1>" + paramDate + "</h1>";
		for (i=0; i<album.length; i++) {
			one = album[i].split("\t");

			if (one[1].substr(0, paramDate.length) == paramDate) {
				thumb = one[3];
				dir = GetGallery(one[0]);

				// check if part of collection
				if (one[2].indexOf("--") >= 0) {
					if (!one[4]) continue;
					one[2] = one[2].replace(/\-\-.*/, "");
					cols = one[4].split(":");
					if (cols.length > 1) {
						//desc = one[2].replace(/\-\-.*/, "");
						thumb = cols[1];
						one[2] = one[2].replace(/\-\-.*/, "");
						dir = "index.html?collection=" + one[2]
					} else continue;
				}
				DrawPreview(dir, GetThumb(one[0], thumb), one[2] + "<br>" + GetFriendlyDate(one[1]));

				//dt = GetFriendlyDate(one[1]);
				//if (dt != friendlyDate) {
				//	document.write("<div style=\"clear: left; text-align: left; border-bottom-style: solid\">" + dt + "</div>");
				//	friendlyDate = dt;
				//}
				//DrawPreview(GetGallery(one[0]), GetThumb(one[0], one[3]), one[2]);
				//DrawPreview(GetGallery(one[0]), GetThumb(one[0], one[3]), one[2] + "<br>" + GetFriendlyDate(one[1]));
				
				//one[2] = one[2].replace("--", " &#8212; ");
				//document.write("<table style='float: left' width=280><tr><td><a href=\'galleries/"+one[0]+"/index.html'><img src=\"images/bg.gif\" style=\"background-image:url('galleries/"+one[0]+ "/" + one[3] + "')\"></a></td><td width=100% align=left>" + one[2] +"</td></tr></table>\n");
			}
		}
		document.write("<div style=\"clear: left\"></div>");


	} else if (paramCollection) {
		first = true;
		for (i=0; i<album.length; i++) {
			one = album[i].split("\t");

			if (one[2].substr(0, paramCollection.length) == paramCollection) {
				if (first) {
					document.getElementById("header").innerHTML = "<h1>" + paramCollection + "</h1>" +
						"<div style=\"text-align: left\">" + GetFriendlyDate(one[1]) + "</div>";
					first = false;
				}
				desc = one[2].substr(paramCollection.length+2);
				DrawPreview(GetGallery(one[0]), GetThumb(one[0], one[3]), desc);
			}
		}
		document.write("<div style=\"clear: left\"></div>");
		document.write("<div id=\"js-kit-comments\" path=\"/collection/" + paramCollection + "\"></div>");
		document.write("<script src=\"http://js-kit.com/comments.js\"><\/script>");
	} else if (paramCategory) {
		document.getElementById("header").innerHTML = "<h1>" + paramCategory + "</h1>";
		for (i=0; i<album.length; i++) {
			one = album[i].split("\t");

			if (!one[4]) continue;
			cols = one[4].split(":");
			if (cols[0] == paramCategory) {
				if (cols.length > 1) {
					//desc = one[2].replace(/\-\-.*/, "");
					thumb = cols[1];
					one[2] = one[2].replace(/\-\-.*/, "");
					dir = "index.html?collection=" + one[2]
				} else {
					thumb = one[3];
					dir = GetGallery(one[0]);
				}
				if (paramCategory == "Portfolio") dir = dir.replace(/\/index\.html/, "/slideshow.html")
				DrawPreview(dir, GetThumb(one[0], thumb), one[2] + "<br>" + GetFriendlyDate(one[1]));
			}
		}
		document.write("<div style=\"clear: left\"></div>");
		document.write("<div id=\"js-kit-comments\" path=\"/category/" + paramCategory + "\"></div>");
		document.write("<script src=\"http://js-kit.com/comments.js\"><\/script>");
	} else { // recent
		album.reverse();
		document.getElementById("header").innerHTML = "<h1>Recent Pictures</h1>";
		count = 1;
		for (i=0; i<album.length; i++) {
			one = album[i].split("\t");
			dir = GetGallery(one[0]);

			if (dir.indexOf("portfolio") >= 0) continue;

			// check if part of collection
			if (one[2].indexOf("--") >= 0) {
				if (!one[4]) continue;
				one[2] = one[2].replace(/\-\-.*/, "");
				cols = one[4].split(":");
				if (cols.length > 1) {
					//desc = one[2].replace(/\-\-.*/, "");
					thumb = cols[1];
					one[2] = one[2].replace(/\-\-.*/, "");
					dir = "index.html?collection=" + one[2]
				} else continue;
			}
			
			DrawPreview(dir, GetThumb(one[0], one[3]), one[2] + "<br>" + GetFriendlyDate(one[1]));

			if (count++ >= 10) break;
		}
		document.write("<div style=\"clear: left\"></div>");
	}		

}