/******************************************************************************
* project.js                                                                     *
*                                                                             *
* Last update: June 4, 2000.                                                  *
*                                                                             *
******************************************************************************/


//////////////////////////////////////////////////////////////////////////////// 
// Determine browser
////////////////////////////////////////////////////////////////////////////////
var isMinNS4 = (navigator.appName.indexOf("Netscape") >= 0 &&
                parseFloat(navigator.appVersion) >= 4) ? 1 : 0;
var isMinIE4 = (document.all) ? 1 : 0;
var isMinIE5 = (isMinIE4 && navigator.appVersion.indexOf("5.") >= 0) ? 1 : 0;
////////////////////////////////////////////////////////////////////////////////

//////////////////////////////////////////////////////////////////////////////// 
// Change button images and messages 
// for Previous Project, To Metrix, Next Project
////////////////////////////////////////////////////////////////////////////////
function MakeImageArray(n) {
	if (document.images) {
		this.length = n
			for (var i = 0; i<=n; i++) {
				this[i] = new Image()
			}
			return this
	}
}
	
function mover(num) {
	if (document.images) {
		document.images['menu'+num].src = over[num].src;
		document.images['message'].src = message[num].src;
	}
}

function mout(num) {
	if (document.images) {
		document.images['menu'+num].src = off[num].src;
		document.images['message'].src = "blank.gif";
	}
}

if (document.images) { 
	off = new MakeImageArray(3);
	over = new MakeImageArray(3);
	message = new MakeImageArray(3);

	off[0].src = "prevproj.gif";
	off[1].src = "matrix.gif";
	off[2].src = "nextproj.gif";
               
	over[0].src = "prevproj_rev.gif";
	over[1].src = "matrix_rev.gif";
	over[2].src = "nextproj_rev.gif";
               
	message[0].src = "prevproj_text.gif";
	message[1].src = "matrix_text.gif";
	message[2].src = "nextproj_text.gif";
}
//////////////////////////////////////////////////////////////////////////////// 


//////////////////////////////////////////////////////////////////////////////// 
// Display HTML Codes
////////////////////////////////////////////////////////////////////////////////

// Display input text
function display(text) {
	document.write(text);
}

// Display Previous Project, To Metrix, Next Project
function displayMenu(previousProject, nextProject) {
  var str;

  str =	'	  <tr>\n'
	+ '		  	<td width="139" bgcolor="#006666"><table width="139" border="0" cellspacing="0" cellpadding="0">\n'
	+ '			\n<!-- TABLE 05 START; Left Menu - Buttons -->'
	+ '			  <tr>\n  <!-- SPACE -->'
	+ '			  	<td width="139"><img src="blank.gif" width="139" height="5"></td>\n'
	+ '			  </tr>\n'
	+ '			  <tr>\n  <!-- Buttons -->'
	+ '			  	<td width="139" align="center"><a href="'+ previousProject + '.html" onmouseover="mover(0)" \n'
	+ '				onmouseout="mout(0)"><img src="prevproj.gif" width="14" height="17" border="0"\n'
	+ '				name="menu0"></a><a href="../home/index.html" onmouseover="mover(1)" \n'
	+ '				onmouseout="mout(1)"><img src="matrix.gif" width="22" height="17" border="0"\n'
	+ '				name="menu1"></a><a href="'	+ nextProject + '.html" onmouseover="mover(2)" onmouseout="mout(2)"><img \n'
	+ '				src="nextproj.gif" width="13" height="17" border="0" name="menu2"></a></td>\n'
	+ '			  </tr>\n'
	+ '			  <tr>\n  <!-- SPACE -->'
	+ '			  	<td width="139"><img src="blank.gif" width="1" height="5"></td>\n'
	+ '			  </tr>\n'
	+ '			</table></td>\n <!-- TABLE 05 END Left Menu - Buttons -->'
	+ '		  </tr>\n'
	+ '		  <tr>\n	<!-- horizontal Line -->'
	+ '			<td width="139" bgcolor="#66CC33"><img src="blank.gif" width="139" height="1"></td>\n'
	+ '		  </tr>\n'
	+ '		  <tr>\n  <!-- Message; Previous Project, To Matrix, Next Project -->'
	+ '		  	<td width="139" align="center" bgcolor="#006666"><img src="blank.gif" width="1" \n'
	+ '			height="1"><img src="blank.gif" width="92" height="6" name="message"><img src="blank.gif" width="1" \n'
	+ '			height="1"</td>\n'
	+ '		  </tr>\n';
  document.write(str);
}


// Display Main Image
function displayMainImage(dir, filename) {

	var str;

	str =	'	  <tr>\n'
		+ '		  	<td width="264"><img src="' + dir + '/' + filename + '.jpg" width="264" height="198"></td>\n'
		+ '		  	<td width="1" bgcolor="#66CC33"><img src="blank.gif" width="1" height="198"></td>\n'
		+ '		  </tr>\n';
  	document.write(str);

}


// Display Back or Next button
function backORnext(backpage, nextpage) {
	var str;

	if( backpage == "0") {
	str = 	'<img src="blank.gif" width="38" height="11" border="0"><img src="blank.gif" width="50" height="15"><a \n'
			+ '				href="' + nextpage +'.html"><img src="nextpage.gif" width="37" height="11" border="0"></a>';
	}
	
	if( nextpage == "0" ) {
	str = 	'<a href="' + backpage + '.html"><img src="backpage.gif" width="38" height="11" border="0"></a><img \n'
			+ '				src="blank.gif" width="50" height="15"><img src="blank.gif" width="37" height="11" border="0">';
	}

	if( (backpage == "0") && (nextpage == "0") ) {
	str = 	'<img src="blank.gif" width="38" height="11" border="0"><img \n'
			+ '				src="blank.gif" width="50" height="15"><img src="blank.gif" width="37" height="11" border="0">';
	}

	if( (backpage != "0") && (nextpage != "0") ) {
	str = 	'<a href="' + backpage + '.html"><img src="backpage.gif" width="38" height="11" border="0"></a><img \n'
			+ '				src="blank.gif" width="50" height="15"><a href="' + nextpage + '.html"><img src="nextpage.gif" \n'
			+ '				width="37" height="11" border="0"></a>';
	}

  	document.write(str);
}

// Display 5 thumbnails
function display5Thumbnails(dir) {
  var str;

  str =	'		  <tr>\n <!-- Thumbnails with vertical bars -->'
	+ '		  		<td width="568"align="center" ><table width="568" border="0" cellspacing="0" cellpadding="0">\n'
	+ '				\n<!-- TABLE 12 START; Thumbnails images with vertical bars -->'
	+ '				  <tr>\n'
	+ '				  	<td width="2"><img src="blank.gif" width="2" height="83"></td>\n'
	+ '			  		<td width="110"><img src="' + dir + '/' + dir + '_1t.jpg" width="110" height="83"></td>\n'
	+ '				  	<td width="5"><img src="blank.gif" width="5" height="83"></td>\n'
	+ '				  	<td width="1" bgcolor="#66CC33"><img src="blank.gif" width="1" height="83"></td>\n'
	+ '				  	<td width="5"><img src="blank.gif" width="5" height="83"></td>\n'
	+ '				  	<td width="110"><img src="'	+ dir + '/' + dir + '_2t.jpg" width="110" height="83"></td>\n'
	+ '			  		<td width="5"><img src="blank.gif" width="5" height="83"></td>\n'
	+ '			  		<td width="1" bgcolor="#66CC33"><img src="blank.gif" width="1" height="83"></td>\n'
	+ '				  	<td width="5"><img src="blank.gif" width="5" height="83"></td>\n'
	+ '				  	<td width="110"><img src="'	+ dir + '/' + dir + '_3t.jpg" width="110" height="83"></td>\n'
	+ '				  	<td width="5"><img src="blank.gif" width="5" height="83"></td>\n'
	+ '				  	<td width="1" bgcolor="#66CC33"><img src="blank.gif" width="1" height="83"></td>\n'
	+ '				  	<td width="5"><img src="blank.gif" width="5" height="83"></td>\n'
	+ '		  			<td width="110"><img src="'	+ dir + '/' + dir + '_4t.jpg" width="110" height="83"></td>\n'
	+ '				  	<td width="5"><img src="blank.gif" width="5" height="83"></td>\n'
	+ '				  	<td width="1" bgcolor="#66CC33"><img src="blank.gif" width="1" height="83"></td>\n'
	+ '				  	<td width="5"><img src="blank.gif" width="5" height="83"></td>\n'
	+ '		  			<td width="110"><img src="'	+ dir + '/' + dir + '_5t.jpg" width="110" height="83"></td>\n'
	+ '				  	<td width="2"><img src="blank.gif" width="2" height="83"></td>\n'
	+ '				  </tr>\n'
	+ '				</table></td>\n <!-- TABLE 12 END; Thumbnails images with vertical bars -->'
	+ '			  </tr>\n';

  document.write(str);
}
////////////////////////////////////////////////////////////////////////////////