// initializing i

var i=1;


//this creates the titlebar page.  The variable pagetitle appears in the //titlebar

function loadtitlebar(projectname, pagetitle) {
	var msg2 = '<HTML><HEAD><TITLE>' + projectname + ' Title Page</TITLE>';
	msg2 += '<LINK rel="stylesheet" href="' + csspath + '.css" type="text/css"></HEAD>';
	msg2 += '<BODY CLASS="titlebar"><CENTER><H2 CLASS="titletext">' + pagetitle + '</H2></CENTER>';
	msg2 += '</BODY></HTML>';

	parent.parent.frames[0].document.open();
	parent.parent.frames[0].document.write(msg2);
	parent.parent.frames[0].document.close();
} 


//This creates the navbar page.
//When thumbnails=1, it creates thumbnails in the navbar
//When labels=1, there are labels below the thumbnails

function loadnavbar(rownum, projectname, navlabels, thumbnails, imagelabels, ending){
	var msg = '<HTML><HEAD><TITLE>' + projectname + ' Table</TITLE>';
	msg += '<SCRIPT LANGUAGE="JavaScript1.2" SRC="variables.js"></SCRIPT>';
	msg += '<SCRIPT LANGUAGE="JavaScript1.2" SRC="loadall.js"></SCRIPT>';
	msg += '<LINK rel="stylesheet" href="' + csspath + '.css" type="text/css"></HEAD>';
	msg += '<BODY CLASS="content"><CENTER>&nbsp<BR><P>';
	for (var i = 1; i < rownum+1; i++) {
		if (thumbnails==1) {
			msg += '<P><A HREF="javascript:loadmain(projectname, ' + i + ', mainlabels, imagelabels, ending);">';
			msg += '<IMG SRC="' + projectname + i + '.' + ending + '"';
			msg += 'HEIGHT=50 WIDTH=75></A></P>';
		}
		
		if (navlabels==1) {
			msg += '<P><A HREF="javascript:loadmain(projectname, ' + i + ', mainlabels, imagelabels, ending);">';
			msg += '' + imagelabels[i] + '</A></P><BR>';
		}
	}
	msg += '</CENTER></BODY></HTML>';
	
	parent.frames[0].document.open();
	parent.frames[0].document.write(msg);
	parent.frames[0].document.close();
}


//This creates the mainpage everytime a link on the navbar is clicked.
//It is called when the page is first loaded, with i=1
//Therefore, the first picture is loaded.

function loadmain(projectname, i, mainlabels, imagelabels, ending) {
	if (parent.frames[1].document.images) {
		var msg3 = '<HTML><HEAD><TITLE>' + projectname + ' Main</TITLE>';
		msg3 += '<LINK rel="stylesheet" href="' + csspath + '.css" type="text/css"></HEAD>';
		msg3 += '<BODY CLASS="content"><TABLE HEIGHT=100% WIDTH=100%><TR>';
		msg3 += '<TD ALIGN=CENTER VALIGN=CENTER>';
		msg3 += '<IMG NAME="mainimage" SRC="' + projectname + i + '.' + ending + '"></TD></TR>';

		if (mainlabels==1) {
			msg3 += '<TR><TD ALIGN=CENTER VALIGN=TOP>';
			msg3 += '<H2 CLASS="maintext">' + imagelabels[i] + '</H2>';
			msg3 += '</TD></TR>';
		}

		msg3 += '</TABLE></BODY></HTML>';
		
		parent.frames[1].document.open();
		parent.frames[1].document.write(msg3);
		parent.frames[1].document.close();
	}
}


//This function is called from the main page when the site is first loaded.
//All variables are passed from the main page.

function runall(rownum, projectname, csspath, mainlabels, navlabels, thumbnails, pagetitle, ending, imagelabels) {
	loadtitlebar(projectname, pagetitle);
	loadnavbar(rownum, projectname, navlabels, thumbnails, imagelabels, ending);
	loadmain(projectname, 1, mainlabels, imagelabels, ending);
	
}



