// JavaScript Document
	//===================================================
	//Load Products and category xml documents
	//===================================================


	//===================================================
	//Load Products xml doc
	//===================================================
	var notWhitespace =/\S/;
	var clss;

	var xmlDoc;
		if(window.ActiveXObject)
		{
			xmlDoc= new ActiveXObject("Microsoft.XMLDOM");
			xmlDoc.async = false;
			xmlDoc.load("products.xml");
			clss = 'className';
		}
		else if (document.implementation && document.implementation.createDocument)
		{
			xmlDoc = document.implementation.createDocument("","",null);
			xmlDoc.load("products.xml");
			clss ='class';
		}

	//===================================================
	//Load Category xml doc
	//===================================================


var xmlDoc2;
	if(window.ActiveXObject)
	{
		xmlDoc2= new ActiveXObject("Microsoft.XMLDOM");
		xmlDoc2.async = false;
		xmlDoc2.load("categories.xml");


	}
	else if (document.implementation && document.implementation.createDocument)
	{
		xmlDoc2 = document.implementation.createDocument("","",null);
		xmlDoc2.load("categories.xml");
	}

	var breadCrumbTrail;
	var browser = navigator.appName;


	//===================================================
	//Create Section Menu
	//===================================================

function getSections()
{
	var xmlNode2 = xmlDoc2.getElementsByTagName("categories")[0];
	var newTableElement = document.createElement('TABLE');
	newTableElement.setAttribute('cellPadding',5);
	var tempElement = document.createElement('TBODY');
	newTableElement.appendChild(tempElement);
	var tableRow;
	var tableData;
	var tdLink;

	var ctgry;
    //loop through all section elements in the xml document.
	for(ctgry=0;ctgry < xmlNode2.childNodes.length;ctgry++)
	{
		if((xmlNode2.childNodes[ctgry].nodeType==3) && (!notWhitespace.test(xmlNode2.childNodes[ctgry].nodeValue)))
		{
			xmlNode2.removeChild(xmlNode2.childNodes[ctgry]);
			ctgry--;
		}
		else 
		{

		if(xmlNode2.childNodes[ctgry].getAttribute('parent') == 'yes') {
			var textData=document.createTextNode(xmlNode2.childNodes[ctgry].firstChild.nodeValue);
			tableData=document.createElement('TD');
			tdLink=document.createElement('b');
			tdLink.appendChild(textData);
			if (browser.indexOf("Microsoft") >=0 ) 
			{
				tdLink.setAttribute(clss,'sectionsLink');
			}
			else if(browser.indexOf("Netscape") >=0 )
			{
				tdLink.setAttribute('class','sectionsLink');
			}
			tableData.appendChild(tdLink);
			tableRow = document.createElement('TR');
			tableRow.appendChild(tableData);
			tempElement.appendChild(tableRow);
		}
		else if(xmlNode2.childNodes[ctgry].getAttribute('standalone') == 'yes') {
			var textData=document.createTextNode(xmlNode2.childNodes[ctgry].firstChild.nodeValue);
			tableData=document.createElement('TD');
			tdLink=document.createElement('a');
			tdLink.appendChild(textData);
	   	// tdLink.setAttribute('href','javascript:getSectionData("'+xmlNode2.childNodes[ctgry].firstChild.nodeValue+'")');
	   	tdLink.setAttribute('href','itemlist.htm?category='+xmlNode2.childNodes[ctgry].firstChild.nodeValue);
	   	tdLink.setAttribute('style','font-weight: bold');
			if (browser.indexOf("Microsoft") >=0 ) 
			{
				tdLink.setAttribute(clss,'sectionsLink');
			}
			else if(browser.indexOf("Netscape") >=0 )
			{
				tdLink.setAttribute('class','sectionsLink');
			}
			tableData.appendChild(tdLink);
			tableRow = document.createElement('TR');
			tableRow.appendChild(tableData);
			tempElement.appendChild(tableRow);
				
		}
		else {
			var textData=document.createTextNode(xmlNode2.childNodes[ctgry].firstChild.nodeValue);
			tableData=document.createElement('TD');
			tdSpan = document.createElement('span');
			tdSpan.innerHTML = '&nbsp;&nbsp;&nbsp;';
			tdLink=document.createElement('a');
			tdLink.appendChild(textData);
	   	// tdLink.setAttribute('href','javascript:getSectionData("'+xmlNode2.childNodes[ctgry].firstChild.nodeValue+'")');
	   	tdLink.setAttribute('href','itemlist.htm?category='+xmlNode2.childNodes[ctgry].firstChild.nodeValue);
			if (browser.indexOf("Microsoft") >=0 ) 
			{
				tdLink.setAttribute(clss,'sectionsLink');
			}
			else if(browser.indexOf("Netscape") >=0 )
			{
				tdLink.setAttribute('class','sectionsLink');
			}
			tableData.appendChild(tdSpan);
			tableData.appendChild(tdLink);
			tableRow = document.createElement('TR');
			tableRow.appendChild(tableData);
			tempElement.appendChild(tableRow);
		}
		
		//end else
		}
	}
	
			document.getElementById('sections').appendChild(newTableElement);

}

//NN finishes loading the page before the category list is populated
//To fix that set a delay on the launching the getSections() function in NN
function lauchSectionMenu()
{

	if (browser.indexOf("Microsoft") >=0 ) 
	{
		//run getsection function immediately
		getSections();
		parseQuerystring();
	}
	else if(browser.indexOf("Netscape") >=0 )
	{
		//delay running getSections 
		window.setTimeout('getSections()',400);
		window.setTimeout('parseQuerystring()',300);

	}
}


	//create trail
	function setCrumbTrail(crumbSection,crumbSubsection)
	{

		breadCrumbTrail = '<img src="images/products/products_header2.jpg"  height="55"><br /> <br /> &nbsp; &nbsp;<a href="itemlist.htm" class="crumbyLink">Main</a> > <a href=itemlist.htm?category='+escape(crumbSection)+' class=crumbyLink>'+crumbSection+'</a> ';
		
		if (crumbSubsection!='')
		{
			breadCrumbTrail= breadCrumbTrail+ ' > '+crumbSubsection;	
		}
		
		breadCrumbTrail+='<br><br>';
		
		document.getElementById('breadcrumb').style.visibility='visible';
		document.getElementById('breadcrumb').innerHTML=breadCrumbTrail;
	}

	var subsectionArray = new Array();
	//j will be increment for each item that matches our section
	var j=0;
	var count=0;
	
	
function isInArray(arrayName,currentCategory)
{
	theCheck = false;
	for(val=0;val<arrayName.length;val++)
	{
		if(arrayName[val]==currentCategory)
		{
			theCheck = true;
		}
	}
	return theCheck;
}



//Searches for the section key in url and finds what value was passed for it. i.e www.url.com?section=Lenses
// loads xml data matching that value.
function parseQuerystring(){
url = window.location.search.substring(1);
	if(url !='')
	{
		value = url.split("=");
		switch(value[0]){
				case 'id':
					getSectionData(unescape(value[1]));
					getProductById(unescape(value[1]));
				break;
				case 'category':
					getSectionData(unescape(value[1]));
				break;
				case 'product_detail':
				
				   //prod details value is equal to a semi colon separated string category:modelno:index
					//split value[1] by the semi colon
					productInfo=value[1].split(":");
					prod_section = unescape(productInfo[0]);
					prod_modelNo = productInfo[1];
					prod_index   = productInfo[2];
					
					setTimeout('getIndividProd("'+prod_section+'","'+prod_modelNo+'",'+prod_index+')',100);
					//getSectionData(unescape(value[1]));
				break;
		}
	}
}

function findReplace(strToSearch,lookup,replaceWith)
{						
	if(strToSearch.indexOf(lookup))
	{
		strToSearch = strToSearch.replace(lookup,replaceWith);
	}
return strToSearch;
}

//xml nodes have spaces and cause a problem when trying to build links. 
//this function will remove those spaces
function removeSpaces(string) 
{
	var tstring = "";
	string = '' + string;
	splitstring = string.split(" ");
	for(i = 0; i < splitstring.length; i++)
		tstring += splitstring[i];
	return tstring;
}


	
function getSectionData(section)
{

	//===================================================
	//Create table header
	//===================================================

		var newText;
		var newElem;
		var newTableElement;
		var newTableBody;
		var tableRow;
		var xmlNode = xmlDoc.getElementsByTagName("product");
		
		newTableElement=document.createElement('TABLE');
		newTableElement.setAttribute('border','0');
		newTableElement.setAttribute('width','850px');	
		newTableElement.setAttribute('cellSpacing',0);
		//newTableElement.setAttribute('cellPadding',12);
		newTableBody = document.createElement('TBODY');
		newTableElement.appendChild(newTableBody);
		tableRow= document.createElement('TR');

		subsectionArrayCount=new Array();
			//remove childNodes from each product Parent node
			for (i=0;i<4;i++)
			{
		
				if((xmlNode[0].childNodes[i].nodeType==3 && !notWhitespace.test(xmlNode[0].childNodes[i].nodeValue)))
				{
					xmlNode[0].removeChild(xmlNode[0].childNodes[i]);
					i--;
				}
				//alert(i +'|'+ xmlNode.childNodes[i].firstChild.nodeValue);
		
			}

				
				//Model-no
				tableData= document.createElement('TH');
				tableData.setAttribute('width','150px');	
				//newText = document.createTextNode(xmlNode[0].childNodes[0].nodeName);
				newText = document.createTextNode('Model No.');
				tableData.appendChild(newText);
				tableRow.appendChild(tableData);
				
				//Description
				tableData= document.createElement('TH');	
				newText = document.createTextNode(xmlNode[0].childNodes[1].nodeName);
				tableData.appendChild(newText);
				tableRow.appendChild(tableData);
				
			/*	Section;2
				//Sub-section:3
			*/
				//}
	//}
	newTableBody.appendChild(tableRow);
	
	
	//===================================================
	//Create table body content
	//===================================================

	//get count of all product nodes in document.
	for(i=0;i < xmlNode.length;i++)
	{	
		//remove childNodes from each product Parent node
		for(iRow=0;iRow < xmlNode[i].childNodes.length;iRow++)
		{
			
				if((xmlNode[i].childNodes[iRow].nodeType==3 && !notWhitespace.test(xmlNode[i].childNodes[iRow].nodeValue)))
				{
					xmlNode[i].removeChild(xmlNode[i].childNodes[iRow]);
					iRow--;
				}

		}

		//add all subsections into an arary
				//then loop through that array and add the unique ones to another array
				subsectionArray[j]=xmlNode[i].childNodes[3].firstChild.nodeValue;					
				
					//check to see if current subsection is in the array already
									


		//filter by section passed in getSectionData() function 
		if(xmlNode[i].childNodes[2].firstChild.nodeValue==section)
		{
				if(j>0)
				{
						if(subsectionArray[j] == subsectionArray[j-1])
						{
								j=j-1;			
						}//end if
				}
				//j++;

				//Sort by the subsection in the array
				if(subsectionArray[j]==xmlNode[i].childNodes[3].firstChild.nodeValue)
				{
					//Subsection header 
					//store headers in an array. If the current header is already in the array dont create a new table row for it.
					if((isInArray(subsectionArrayCount,xmlNode[i].childNodes[3].firstChild.nodeValue))==false)
					{
						subsectionArrayCount[j]=xmlNode[i].childNodes[3].firstChild.nodeValue;
							
						//Add empty table row for spacing between sub-sections
						tableRow= document.createElement('TR');
						
						tableData= document.createElement('TD');
						tableData.setAttribute('height',30);
						tableData.setAttribute('colSpan','2');
						tableRow.appendChild(tableData);
						newTableBody.appendChild(tableRow);


					//Write out the name of the Sub-section
						tableRow= document.createElement('TR');
						tableRow.className='subCatBgColor';
						tableData= document.createElement('TD');
						tableData.setAttribute('colSpan','2');
			
						newText = document.createTextNode(xmlNode[i].childNodes[3].firstChild.nodeValue);
						tableData.appendChild(newText);
						tableRow.appendChild(tableData);
						newTableBody.appendChild(tableRow);

					}
					//create a new row
						tableRow= document.createElement('TR');
						
						//set the background color for every other row
						if(i%2!=1){
						//tableRow.style.backgroundColor="#cccccc";
						tableRow.className='alernatingBgColor';
						}
			
			
						//add model-no
						tableData= document.createElement('TD');
						tableData.setAttribute('id','tdmodelNo');
						tableData.className='tdLines';	
						newText = document.createTextNode(xmlNode[i].childNodes[0].firstChild.nodeValue);
		
						tdLink=document.createElement('a');
						tdLink.appendChild(newText);
						var subSctn = xmlNode[i].childNodes[0].firstChild.nodeValue;
						
						if (browser.indexOf("Microsoft") >=0 ) 
						{
							tdLink.setAttribute('href','product_detail.htm?product_detail='+section+':'+subSctn+':'+i);
						}
						else if(browser.indexOf("Netscape") >=0 )
						{
							tdLink.setAttribute('href','javascript:getIndividProd("'+section+'","'+subSctn+'",'+i+')');
						}
						tableData.appendChild(tdLink);
		
			//			tableData.appendChild(newText);
						tableRow.appendChild(tableData);
		
			
						//Description
						tableData= document.createElement('TD');
						tableData.className='tdLines';
						tableData.setAttribute('id','tdDescription');	
						decsrip = xmlNode[i].childNodes[1].firstChild.nodeValue;
				
						divText = document.createElement('div');
						divText.innerHTML = findReplace(decsrip,'Windows XP','Windows XP<sup>TM</sup>');
						
						tableData.appendChild(divText);
						tableRow.appendChild(tableData);
						
					//create the new row
					newTableBody.appendChild(tableRow);
					
				}//end sort
			
		}
	
	}



		if(document.all)
		{
			document.all.content.innerHTML="";
		}
		else
		{
			//var child = document.getElementById('content').childNodes.item(1);
			document.getElementById('content').innerHTML="";
		}

	//document.body.appendChild(newTableElement);
	document.getElementById('content').appendChild(newTableElement);

	//hide the div containing the section
	document.getElementById('sections').style.visibility='hidden';
	document.getElementById('sections').innerHTML='';
	//also need to set size of div to 0 to allow 'content' div to expand fully
	document.getElementById('sections').style.width=0;
	document.getElementById('content').style.width=850;

	setCrumbTrail(section,"");
	//alert(document.getElementById('breadcrumb').style.height);
//END getSectionData function	
}


	//===================================================
	//Create inidividual product info page
	//===================================================

function getProductById(id) {
		var xmlNode;
		var elements = xmlDoc.getElementsByTagName("product");
		var modelNo, section;

		for(i=0; i<elements.length; i++) {
			xmlNode = elements[i];
			if(xmlNode.getAttribute('id') == id) {
				props = xmlNode.childNodes;	
				modelNo = props[0].firstChild.nodeValue;
				section = props[2].firstChild.nodeValue;

				getIndividProd(section, modelNo, i);
				break;
			}
		}
}

function getIndividProd(section,modelNo,index)
{
		var newText;
		var newElem;
		var newTableElement;
		var newTableBody;
		var tableRow;
		var xmlNode = xmlDoc.getElementsByTagName("product")[index];
		
		//Create a table and fill selected product info
		newTableElement=document.createElement('TABLE');
		newTableElement.setAttribute('border','0');
		newTableElement.setAttribute('width','100%');
		newTableElement.setAttribute('cellSpacing',0);
		newTableBody = document.createElement('TBODY');
		newTableElement.appendChild(newTableBody);

		
		
				
		//create appropriate links for each row unless value is n/a. Then just leave as text
		function populateTable(row,label,folder,extension)
		{
			
			try
			{
					t=true;
											
					if(xmlNode.childNodes[row].firstChild.nodeValue.indexOf("n/a")==-1)
					{
						t=false;
					}
					
					if(t==false)
					{
							//Create row
							tableRow= document.createElement('TR');
						
							tableData= document.createElement('TD');
							
							tableData.setAttribute(clss,'tdLinesIndividProd');
							newText=document.createTextNode(label);
							tableData.setAttribute('align','right');
							tableData.appendChild(newText);
							tableRow.appendChild(tableData);
				
							tableData= document.createElement('TD');
							tableData.setAttribute(clss,'leftPadding');	
							newText = document.createTextNode(xmlNode.childNodes[row].firstChild.nodeValue);
				
							
							//if the value is N/A dont create a link
							if(xmlNode.childNodes[row].firstChild.nodeValue.indexOf("n/a")==-1)
							{
										tdLink=document.createElement('a');
										tdLink.setAttribute('target','_blank');
				
										tdLink.appendChild(newText);
										
										url=folder+'/'+xmlNode.childNodes[row].firstChild.nodeValue+extension;
										url=removeSpaces(url);
										
										tdLink.setAttribute('href',url);
										tableData.appendChild(tdLink);
				
							}
							else
							{
										tableData.appendChild(newText);	
							}
							
							//append the data for the first and second column to the table row			
							tableRow.appendChild(tableData);
							
							if(row%2==1)
							{
								tableRow.className='alernatingBgColor';
							}
							
							//append the table row to the table body
							newTableBody.appendChild(tableRow);
					//end if block
					}
		
		//end try
		}
		catch(exception)
		{
			if(exception.description==null)
			{
				//alert("Error is "+ exception.message);
				return;
			}
			else
			{
				//alert("Error is "+ exception.description);
				return;
			}
		}

	//end populate table function
	}


		//filter by section passed in the function 
		if(xmlNode.childNodes[2].firstChild.nodeValue==section)
		{
			//filter also by the model-no passed in the function
			if(xmlNode.childNodes[0].firstChild.nodeValue==modelNo)
			{

				tableRow= document.createElement('TR');			
				//===================================			
				//CREATE TD FOR THE TITLE
				//===================================
				tableData= document.createElement('TD');
				tableData.setAttribute('colSpan','3');
				tableData.setAttribute('align','center');
				tableData.className='itemDetailHeader';
				//section	
				newText=document.createTextNode(xmlNode.childNodes[2].firstChild.nodeValue);
				tableData.appendChild(newText);

				//add the two TD we created to the table row			
				tableRow.appendChild(tableData);
				newTableBody.appendChild(tableRow);


				//===================================			
				//CREATE TR FOR THE sub-section
				//===================================
				tableRow= document.createElement('TR');			
				tableData= document.createElement('TD');
				tableData.setAttribute('colSpan','3');
				tableData.setAttribute('align','center');
				tableData.className='itemDetailSubHeader';
				//section	
				newText=document.createTextNode(xmlNode.childNodes[3].firstChild.nodeValue);
				tableData.appendChild(newText);

				//add the two TD we created to the table row			
				tableRow.appendChild(tableData);
				newTableBody.appendChild(tableRow);




				tableRow= document.createElement('TR');			
				tableRow.setAttribute('vAlign','top');

		

				//===================================			
				//CREATE TD FOR THE DATA
				//===================================
				tableData= document.createElement('TD');
				tableData.setAttribute('bgColor','white');
				
				
				//===============================================================
				//Description:1
				//===============================================================
				//Create TD for column name name
				tableRow= document.createElement('TR');
				tableRow.className='alernatingBgColor';
				//tableData= document.createElement('TD');
				//tableData.setAttribute('width','180');
	
				//newText=document.createTextNode(xmlNode.childNodes[1].nodeName);
				//newText=document.createTextNode('Product Image');
				//tableData.appendChild(newText);
				
				//point to the thumbnail of the image
				imgNode=xmlNode.childNodes[5].firstChild.nodeValue;
				imgNode=removeSpaces(imgNode);

						//if an image name is present show the image	
						if(imgNode.indexOf("n/a")==-1)
						{
			
							imgUrl='images_thumbs/'+imgNode+'.jpg';
							img=document.createElement('img');
							img.setAttribute('border','0')
							img.src=imgUrl;
							
							//link the thumbnail to function that will pop up larger image
							imgLink=document.createElement('a');
							imgLink.appendChild(img);
							imgLink.setAttribute('href',"images_large/"+imgNode+".jpg");
							imgLink.setAttribute('target','_blank');
							//add image with link to the table				
							tableData.appendChild(imgLink);
							htmlTag = document.createElement('br');	
							tableData.appendChild(htmlTag);
							clickToEnlargeText = document.createTextNode('[+]Click to Enlarge');
							tableData.setAttribute('align','center');
							tableData.appendChild(clickToEnlargeText);
						}
						//show noimage.jpg if no image is present
						else
						{
							imgUrl='images_thumbs/noimage.jpg';
							img=document.createElement('img');
							img.setAttribute('border','0')
							img.src=imgUrl;
							tableData.appendChild(img);
						}

				tableRow.appendChild(tableData);
				


				//Create td with values
			    tableData= document.createElement('TD');	
				newText = xmlNode.childNodes[1].firstChild.nodeValue;
										
						//ad TM symbol for any instance of Windows XP
						divText = document.createElement('div');
						divText.innerHTML = findReplace(newText,'Windows XP','Windows XP<sup>TM</sup>');
					
				tableData.appendChild(divText);
				
				//tableData.appendChild(newText);
				//add the two TD we created to the table row			
				tableRow.appendChild(tableData);
				//Add the table row to the table
				newTableBody.appendChild(tableRow);
				//===============================================================
				//End Description
				//===============================================================
								
						//Add empty table row for spacing after image row
						tableRow= document.createElement('TR');
						
						tableData= document.createElement('TD');
						tableData.setAttribute('height',20);
						tableData.setAttribute('colSpan','2');
						tableRow.appendChild(tableData);
						newTableBody.appendChild(tableRow);

				//Sub Section: 3
	
			
				//===============================================================
				//Model No: 0
				//===============================================================	
				tableRow= document.createElement('TR');
				tableData= document.createElement('TD');
				tableData.setAttribute(clss,'special1');	
				newText=document.createTextNode('Model No.');
				tableData.setAttribute('align','right');
				tableData.appendChild(newText);
				tableRow.appendChild(tableData);

			    tableData= document.createElement('TD');	
				newText = document.createTextNode(xmlNode.childNodes[0].firstChild.nodeValue);
				tableData.setAttribute('align','left');
				tableData.setAttribute(clss,'special2');
				tableData.appendChild(newText);			
				tableRow.appendChild(tableData);
				newTableBody.appendChild(tableRow);
				//===============================================================
				//End Sub - Section
				//===============================================================	

				//===============================================================
				//product-code: 4
				//===============================================================	
				tableRow= document.createElement('TR');

				tableRow.className='alernatingBgColor';
				tableData= document.createElement('TD');
				tableData.setAttribute(clss,'tdLinesIndividProd');	
				newText=document.createTextNode('Product Code');
				tableData.setAttribute('align','right');
				tableData.appendChild(newText);
				tableRow.appendChild(tableData);

			    tableData= document.createElement('TD');
				tableData.setAttribute(clss,'leftPadding');	
				newText = document.createTextNode(xmlNode.childNodes[4].firstChild.nodeValue);
				tableData.appendChild(newText);			
				tableRow.appendChild(tableData);

				newTableBody.appendChild(tableRow);
				//===============================================================
				//End product-code
				//===============================================================	

				//===============================================================
				//Quick_Guide: 6
				//===============================================================			
				populateTable(6,'Quick Guides','quick_guides','.pdf');

				//===============================================================
				//Data_Sheet: 7
				//===============================================================	
				populateTable(7,'Data Sheets','data_sheet','.pdf');

				//===============================================================
				//Specification: 8
				//===============================================================	
				populateTable(8,'Specifications','specifications','.pdf');


				//===============================================================
				//IP_Specification: 20
				//===============================================================	
				populateTable(20,'IP Specification','ip_specification','.pdf');


				//===============================================================
				//A_and_E_Spec:9 
				//===============================================================	
				populateTable(9,'AE Specs','AEspecs','.rtf');
				
				
				//===============================================================
				//A_and_E_IP_Spec: 21
				//===============================================================	
				populateTable(21,'AE IP Specs','AEspecs','.rtf');
				

				//===============================================================
				//Installation_and_Operation:10
				//===============================================================	
				populateTable(10,'Installation and Operation Manual','IandO','.pdf');

				//===============================================================
				//Software_Manual:11
				//===============================================================	
				populateTable(11,'Software Manual','software_manual','.pdf');

				//===============================================================
				//Driver_Manual: 12
				//===============================================================	
				populateTable(12,'Driver Manual','driver_manual','.pdf');

				//===============================================================
				//Programming_Manual: 13
				//===============================================================	
				populateTable(13,'Programming','programming','.pdf');

				//===============================================================
				//Host_Protocol: 14
				//===============================================================	
				populateTable(14,'Host Protocol','host_protocol','.pdf');

				//===============================================================
				//Interface_Manual:15
				//===============================================================	
				populateTable(15,'Interface Manual','interface_manual','.pdf');

				//===============================================================
				//Configurator_Program:16
				//===============================================================	
				populateTable(16,'Configurator Program','configurator_program','.pdf');

				//===============================================================
				//Configurator_Install:17
				//===============================================================	
				populateTable(17,'Configurator Install','configurator_install','.pdf');

				//===============================================================
				//Flash_Upgrade:18
				//===============================================================	
				populateTable(18,'Flash Upgrade','flash_upgrade','.pdf');

				//===============================================================
				//Direct_Control:19
				//===============================================================	
				populateTable(19,'Direct Control','direct_control','.pdf');

				//===============================================================
				//ViconNet_3_Spec: 22
				//===============================================================	
				populateTable(22,'Specs using ViconNet 5','specifications','.pdf');

				//===============================================================
				//ViconNet_4_Spec: 23
				//===============================================================	
				populateTable(23,'Specs using ViconNet 4','specifications','.pdf');

				//===============================================================
				//ViconNet_3_AE_Spec: 24
				//===============================================================	
				populateTable(24,'AE Specs using ViconNet 3','AEspecs','.rtf');

				//===============================================================
				//ViconNet_4_AE_Spec: 25
				//===============================================================	
				populateTable(25,'AE Specs using ViconNet 4','AEspecs','.rtf');

				//===============================================================
				//ViconNet_3_Manual: 26
				//===============================================================	
				populateTable(26,'Manual using ViconNet 3','IandO','.pdf');

				//===============================================================
				//ViconNet_4_Manual: 27
				//===============================================================	
				populateTable(27,'Manual using ViconNet 4','IandO','.pdf');

				//===============================================================
				//ViconNet_3_SW_Manual: 28
				//===============================================================	
				populateTable(28,'SW Manual using ViconNet 3','software_manual','.pdf');

				//===============================================================
				//ViconNet_4_Manual: 29
				//===============================================================	
				populateTable(29,'SW Manual using ViconNet 4','software_manual','.pdf');



				
				//Add the table row to the table
				newTableBody.appendChild(tableRow);
				//===============================================================
				//End Image
				//===============================================================
			
			



			//end if statement for given model No
			}
		//end if statement for particular section
		}
	
	//end for loop for all elements in selected node
//	}


		if(document.all)
		{
			document.all.content.innerHTML="";
		}
		else
		{
			var child = document.getElementById('content').childNodes.item(0);
			document.getElementById('content').removeChild(child);
		}

	document.getElementById('content').appendChild(newTableElement);
	
		//hide the div containing the section
	document.getElementById('sections').style.visibility='hidden';
	document.getElementById('sections').innerHTML='';
	//also need to set size of div to 0 to allow 'content' div to expand fully
	document.getElementById('sections').style.width=0;
	document.getElementById('content').style.width=850;

	
	//crumb trail
	setCrumbTrail(section,modelNo);
//END getIndiviProd() function
}