var ProjectsPerPage=5
var StartingPoint=projectsArray.length-1
var ActivePage=1
var Sort="new"
var TotalProjects=projectsArray.length
var qs = new Querystring

if (qs.contains("ActivePage")) {
	ProjectsPerPage=eval(qs.get("ProjectsPerPage"))
	StartingPoint=eval(qs.get("StartingPoint"))
	ActivePage=eval(qs.get("ActivePage"))
	Sort=qs.get("Sort")
}

function BuildPage() {
	var strHTML=""

	if (Sort=="old") {
		for (i=StartingPoint; i<StartingPoint+ProjectsPerPage; i++) {
			if (i==TotalProjects) break
			strHTML+="<div class='project'>"
			+ "<div class='title'>" + projectsArray[i][0] + "</div>"
			+ "<table><tr>"

			if (projectsArray[i][2]=="")
				strHTML+="<td class='thumb'><a target='_blank' href='photoviewer.htm?pic=photos/"+projectsArray[i][1]+"'><img border='0' src='photos/thumbs/" + projectsArray[i][1] + "' width='150'></a><br><a target='_blank' href='photoviewer.htm?pic=photos/"+projectsArray[i][1]+"' class='link'>Click for larger picture</a></td>"
			else
				strHTML+="<td class='thumb'><a target='_blank' href='" + projectsArray[i][2] + "'><img border='0' src='photos/thumbs/" + projectsArray[i][1] + "' width='150'></a><br><a href='" + projectsArray[i][2] + "' class='link'>Click for more pictures</a></td>"			

			strHTML+="<td class='desc'>" + projectsArray[i][3] + "</td>"
			+ "</tr></table>"
			+ "</div>"
		}
	}
	else {
		for (i=StartingPoint; i>StartingPoint-ProjectsPerPage; i--) {
			if (i<0) break
			strHTML+="<div class='project'>"
			+ "<div class='title'>" + projectsArray[i][0] + "</div>"
			+ "<table><tr>"

			if (projectsArray[i][2]=="")
				strHTML+="<td class='thumb'><a target='_blank' href='photoviewer.htm?pic=photos/"+projectsArray[i][1]+"'><img border='0' src='photos/thumbs/" + projectsArray[i][1] + "' width='150'></a><br><a target='_blank' href='photoviewer.htm?pic=photos/"+projectsArray[i][1]+"' class='link'>Click for larger picture</a></td>"
			else
				strHTML+="<td class='thumb'><a target='_blank' href='" + projectsArray[i][2] + "'><img border='0' src='photos/thumbs/" + projectsArray[i][1] + "' width='150'></a><br><a href='" + projectsArray[i][2] + "' class='link'>Click for more pictures</a></td>"			

			strHTML+="<td class='desc'>" + projectsArray[i][3] + "</td>"
			+ "</tr></table>"
			+ "</div>"
		}
	}

	// Make the last page longer if there is only one project on the last page.  Add more <br>'s as needed.
	if (projectsArray.length%ProjectsPerPage==1 && ProjectsPerPage==5 && ActivePage==Math.ceil(TotalProjects/ProjectsPerPage))
		strHTML += "<br><br><br><br><br><br><br><br>"
	document.write (strHTML)
}


function BuildTabs() {
	var numtabs = Math.ceil(TotalProjects/ProjectsPerPage)
	var strHTML=""
	
	if (Sort=="old") {
		for (i=1; i<numtabs; i++) {
			if (i==ActivePage)
				thestatus="active"
			else
				thestatus="inactive"
				
			strHTML +="<div class='"+thestatus+"' onclick=location.href='index.htm?ProjectsPerPage="+ProjectsPerPage+"&StartingPoint="+eval(i*ProjectsPerPage-ProjectsPerPage)+"&ActivePage="+i+"&Sort="+Sort+"'>Projects " + eval(i * ProjectsPerPage - ProjectsPerPage + 1) + "-" + i * ProjectsPerPage + "</div>"
		}
			if (numtabs==ActivePage)
				thestatus="active"
			else
				thestatus="inactive"
		strHTML +="<div class='"+thestatus+"' onclick=location.href='index.htm?ProjectsPerPage="+ProjectsPerPage+"&StartingPoint="+eval(i*ProjectsPerPage-ProjectsPerPage)+"&ActivePage="+i+"&Sort="+Sort+"'>Projects " + eval(numtabs * ProjectsPerPage - ProjectsPerPage + 1) + "-" + TotalProjects + "</div>"
	}
	else {
		for (i=1; i<numtabs; i++) {
			if (i==ActivePage)
				thestatus="active"
			else
				thestatus="inactive"
				
		
			strHTML +="<div class='"+thestatus+"' onclick=location.href='index.htm?ProjectsPerPage="+ProjectsPerPage+"&StartingPoint="+eval(TotalProjects-1-(i*ProjectsPerPage-ProjectsPerPage))+"&ActivePage="+i+"&Sort="+Sort+"'>Projects " + eval(i * ProjectsPerPage - ProjectsPerPage + 1) + "-" + i * ProjectsPerPage + "</div>"
		}
			if (numtabs==ActivePage)
				thestatus="active"
			else
				thestatus="inactive"
		strHTML +="<div class='"+thestatus+"' onclick=location.href='index.htm?ProjectsPerPage="+ProjectsPerPage+"&StartingPoint="+eval(TotalProjects-1-(i*ProjectsPerPage-ProjectsPerPage))+"&ActivePage="+i+"&Sort="+Sort+"'>Projects " + eval(numtabs * ProjectsPerPage - ProjectsPerPage + 1) + "-" + TotalProjects + "</div>"
	}	
	
	document.write (strHTML)
}

function filter(show, sort) {
	sort=="new" ? Start=projectsArray.length-1 : Start=0
	location.href="index.htm?ProjectsPerPage="+show+"&StartingPoint="+Start+"&ActivePage=1&Sort="+sort
}