function generateLayer1() {
	var outputstring = 
		"																																				\n" +
		"	<table cellpadding=\"0\" cellspacing=\"0\" border=\"0\"> 																					\n" +
		"		<tr>																																	\n" +
		"			<td class=\"redseparatorStyle\"><img src=\"/images/clearpixel.gif\" alt=\"\" border=\"0\" width=\"12\" height=\"1\" /></td> 		\n" +
		"			<td>																																\n" +
		"				<table cellpadding=\"0\" cellspacing=\"0\" border=\"0\" class=\"DisplayTable\">													\n" +
		"					<tr>																														\n" +
		"						<td class=\"ProcessItems\">Static Sales Models</td>																		\n" +
		"					</tr>																														\n" +
		"					<tr><td class=\"dottedRowStyle\"><img src=\"/images/clearpixel.gif\" alt=\"\" border=\"0\" width=\"1\" height=\"1\" /></td></tr> 					\n" +
		"					<tr> 																														\n" +
		"						<td class=\"ProcessItems\">Interactive Sales Models</td>																\n" +
		"					</tr>																														\n" +
		"					<tr><td class=\"dottedRowStyle\"><img src=\"/images/clearpixel.gif\" alt=\"\" border=\"0\" width=\"1\" height=\"1\" /></td></tr> 					\n" +
		"					<tr> 																														\n" +
		"						<td class=\"ProcessItems\">Site Plan Models</td>																		\n" +
		"					</tr>																														\n" +
		"					<tr><td class=\"dottedRowStyle\"><img src=\"/images/clearpixel.gif\" alt=\"\" border=\"0\" width=\"1\" height=\"1\" /></td></tr> 					\n" +
		"					<tr> 																														\n" +
		"						<td class=\"ProcessItems\">Topography Models</td>																		\n" +
		"					</tr>																														\n" +
		"				</table>																														\n" +
		"			</td>																																\n" +
		"		</</tr>																																	\n" +
		"	</table>																																	\n" +		
		"																																				\n";
	return outputstring;
}
function generateLayer2() {
	var outputstring = 
		"																																				\n" +
		"	<table cellpadding=\"0\" cellspacing=\"0\" border=\"0\"> 																					\n" +
		"		<tr>																																	\n" +
		"			<td class=\"redseparatorStyle\"><img src=\"/images/clearpixel.gif\" alt=\"\" border=\"0\" width=\"12\" height=\"1\" /></td> 		\n" +
		"			<td>																																\n" +
		"				<table cellpadding=\"0\" cellspacing=\"0\" border=\"0\" class=\"DisplayTable\">													\n" +
		"					<tr>																														\n" +
		"						<td class=\"ProcessItems\">Massing Models</td>																			\n" +
		"					</tr>																														\n" +
		"					<tr><td class=\"dottedRowStyle\"><img src=\"/images/clearpixel.gif\" alt=\"\" border=\"0\" width=\"1\" height=\"1\" /></td></tr> 					\n" +
		"					<tr> 																														\n" +
		"						<td class=\"ProcessItems\">Site Plan Models</td>																		\n" +
		"					</tr>																														\n" +
		"					<tr><td class=\"dottedRowStyle\"><img src=\"/images/clearpixel.gif\" alt=\"\" border=\"0\" width=\"1\" height=\"1\" /></td></tr> 					\n" +
		"					<tr> 																														\n" +
		"						<td class=\"ProcessItems\">Interior / Exterior Only Models</td>															\n" +
		"					</tr>																														\n" +
		"					<tr><td class=\"dottedRowStyle\"><img src=\"/images/clearpixel.gif\" alt=\"\" border=\"0\" width=\"1\" height=\"1\" /></td></tr> 					\n" +
		"					<tr> 																														\n" +
		"						<td class=\"ProcessItems\">Topography Models</td>																		\n" +
		"					</tr>																														\n" +
		"				</table>																														\n" +
		"			</td>																																\n" +
		"		</</tr>																																	\n" +
		"	</table>																																	\n" +		
		"																																				\n";
	return outputstring;
}
function generateLayer3() {
	var outputstring = 
		"																																				\n" +
		"	<table cellpadding=\"0\" cellspacing=\"0\" border=\"0\"> 																					\n" +
		"		<tr>																																	\n" +
		"			<td class=\"redseparatorStyle\"><img src=\"/images/clearpixel.gif\" alt=\"\" border=\"0\" width=\"12\" height=\"1\" /></td> 		\n" +
		"			<td>																																\n" +
		"				<table cellpadding=\"0\" cellspacing=\"0\" border=\"0\" class=\"DisplayTable\">													\n" +
		"					<tr>																														\n" +
		"						<td class=\"ProcessItems\">Powder Printing</td>																			\n" +
		"					</tr>																														\n" +
		"					<tr><td class=\"dottedRowStyle\"><img src=\"/images/clearpixel.gif\" alt=\"\" border=\"0\" width=\"1\" height=\"1\" /></td></tr> 					\n" +
		"					<tr> 																														\n" +
		"						<td class=\"ProcessItems\">Solid Laser Printing</td>																	\n" +
		"					</tr>																														\n" +
		"					<tr><td class=\"dottedRowStyle\"><img src=\"/images/clearpixel.gif\" alt=\"\" border=\"0\" width=\"1\" height=\"1\" /></td></tr> 					\n" +
		"					<tr> 																														\n" +
		"						<td class=\"ProcessItems\">Plastic Extrusion Printing</td>																\n" +
		"					</tr>																														\n" +
		"				</table>																														\n" +
		"			</td>																																\n" +
		"		</</tr>																																	\n" +
		"	</table>																																	\n" +		
		"																																				\n";
	return outputstring;
}
function generateLayer4() {
	var outputstring = 
		"																																				\n" +
		"	<table cellpadding=\"0\" cellspacing=\"0\" border=\"0\"> 																					\n" +
		"		<tr>																																	\n" +
		"			<td class=\"redseparatorStyle\"><img src=\"/images/clearpixel.gif\" alt=\"\" border=\"0\" width=\"12\" height=\"1\" /></td> 		\n" +
		"			<td>																																\n" +
		"				<table cellpadding=\"0\" cellspacing=\"0\" border=\"0\" class=\"DisplayTable\">													\n" +
		"					<tr>																														\n" +
		"						<td class=\"ProcessItems\">Real Models Enable Clear Communication</td>													\n" +
		"					</tr>																														\n" +
		"					<tr><td class=\"dottedRowStyle\"><img src=\"/images/clearpixel.gif\" alt=\"\" border=\"0\" width=\"1\" height=\"1\" /></td></tr> 					\n" +
		"					<tr> 																														\n" +
		"						<td class=\"ProcessItems\">Industry Best Lead Times</td>																\n" +
		"					</tr>																														\n" +
		"					<tr><td class=\"dottedRowStyle\"><img src=\"/images/clearpixel.gif\" alt=\"\" border=\"0\" width=\"1\" height=\"1\" /></td></tr> 					\n" +
		"					<tr> 																														\n" +
		"						<td class=\"ProcessItems\">Innovative Build Processes</td>																\n" +
		"					</tr>																														\n" +
		"				</table>																														\n" +
		"			</td>																																\n" +
		"		</</tr>																																	\n" +
		"	</table>																																	\n" +		
		"																																				\n";
	return outputstring;
}

var ie4 = (document.all) ? true : false;
var ns4 = (document.layers) ? true : false;
var ns6 = (document.getElementById && !document.all) ? true : false;
function hidelayer(lay) {
if (ie4) {document.all[lay].style.visibility = "hidden";}
if (ns4) {document.layers[lay].visibility = "hide";}
if (ns6) {document.getElementById([lay]).style.display = "none";}
}
function showlayer(lay) {
if (ie4) {document.all[lay].style.visibility = "visible";}
if (ns4) {document.layers[lay].visibility = "show";}
if (ns6) {document.getElementById([lay]).style.display = "block";}
}
function writetolayer(lay,txt) {
if (ie4) {
document.all[lay].innerHTML = txt;
}
if (ns4) {
document[lay].document.write(txt);
document[lay].document.close();
}
if (ns6) {
over = document.getElementById([lay]);
range = document.createRange();
range.setStartBefore(over);
domfrag = range.createContextualFragment(txt);
while (over.hasChildNodes()) {
over.removeChild(over.lastChild);
}
over.appendChild(domfrag);
   }
}

// Variable to remember table, row and original 
// colour of previous element. 
var oldRow = { r:null , c:null }; 

// Highlight color (should use CSS) 
var hc = '#FFFFFF'; 
var ht = '#000000';

function highlightRow(r){ 

   // If oldRow has been set, restore previous row 
   if ( oldRow.r ) { 
     oldRow.r.style.backgroundColor = oldRow.c; 
	 oldRow.r.style.color = oldRow.c; 
   } else {
		if (r.id != "Row1") {
			   if ( !document.getElementById || !document.body.style ) {return;} 
			   var s = document.getElementById('tableA').rows; 
			   s.Row1.className = "ProcessItems";
		} else {
			   if ( !document.getElementById || !document.body.style ) {return;} 
			   var s = document.getElementById('tableA').rows; 
			   s.Row1.className = "ProcessSelectedRowStyle";
			   return;
		}
   }

   // If a row was clicked on 
   if ( r && 'tr' == r.nodeName.toLowerCase() ){ 
     // Store reference to row and its colour 
     oldRow.r = r; 
     oldRow.c = r.style.backgroundColor; 
	 
     // Highlight clicked on row 
     r.style.backgroundColor = hc; 
	 r.style.color = ht;

   // Otherwise, reset oldRow values 
   } else { 
     oldRow.r = null; 
     oldRow.c = null; 
   } 
} 

function initTable(t){ 
   if ( !document.getElementById || !document.body.style ) {return;} 
   var r = document.getElementById(t).rows; 
   var i = r.length; 
   while ( i-- ) { 
     r[i].onclick=function(){highlightRow(this);}; 
		if (r[i].id == "Row1") {
			r[i].className = "ProcessSelectedRowStyle";
		}
   } 
} 

function showContent(LayerNumber) {
	showlayer('ContentLayer'); 
		if (LayerNumber == 1) {
			writetolayer('ContentLayer',generateLayer1());
			
			showlayer('Row1Arrow'); writetolayer('Row1Arrow','<strong>&nbsp;&lt;&nbsp;<strong>');
			hidelayer('Row2Arrow');
			hidelayer('Row3Arrow');
			hidelayer('Row4Arrow');
		}
		if (LayerNumber == 2) {
			writetolayer('ContentLayer',generateLayer2());
			
			hidelayer('Row1Arrow');
			showlayer('Row2Arrow'); writetolayer('Row2Arrow','<strong>&nbsp;&lt;&nbsp;<strong>');
			hidelayer('Row3Arrow');
			hidelayer('Row4Arrow');
		}
		if (LayerNumber == 3) {
			writetolayer('ContentLayer',generateLayer3());

			hidelayer('Row1Arrow');
			hidelayer('Row2Arrow');
			showlayer('Row3Arrow'); writetolayer('Row3Arrow','<strong>&nbsp;&lt;&nbsp;<strong>');
			hidelayer('Row4Arrow');
		}
		if (LayerNumber == 4) {
			writetolayer('ContentLayer',generateLayer4());
			
			hidelayer('Row1Arrow');
			hidelayer('Row2Arrow');
			hidelayer('Row3Arrow');
			showlayer('Row4Arrow'); writetolayer('Row4Arrow','<strong>&nbsp;&lt;&nbsp;<strong>');
		}
}

window.onload = function() {initTable('tableA')};