//***********************************************************************
//*  																																		*
//*  RidgeRunners Project Site																					*
//*  2007-03-30																													*
//*  Created By:  Micke Nicander Kuwahara																*
//*	 Copyright (C) 2007  Micke Nicander Kuwahara												*
//*  Customer: RidgeRunner	 																						*
//*																																			*
//***********************************************************************

var xmlHttp;
var theMenuNo;

var theTeamMember;
var theNumOfTeamMember;
var theTeamArr = new Array();

var theCompMember;
var theNumOfCompMember;
var theCompArr = new Array();

var theJapMember;
var theNumOfJapMember;
var theJapArr = new Array();

var theProjSection;
var theNewsList;
var theProject;
var theCarrier=-1;
var theCarrier_two=-1;
var currentPos;
var imagearr = new Array();		
var commentarr = new Array();
var theBottom = 240;
var theColorTemplate;
var TheNoOfi;
var TheNoOfip;


//////////////////////////////////////////////////////////////////////////////////////////////////////////////
////// 																																																	//////
////// This function sets the value of the carrier varaible that contains important things which is 		//////
////// needed to remember for time beingdirects us from the menu button to the correct page						  //////
////// 																																																  //////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////
function ReloadPage(whatMenu, whatSection, whatId, whatData)
{ 	
	if(whatMenu != 0 && whatMenu != -1)
	{			
		if(whatSection != -1)
		{
			document.getElementById('RRLMC').value = whatSection;		
		}	
				
		if(whatId != -1)
		{
			document.getElementById('RRCIC').value = whatId;
		}	
		
		if(whatData != -1)
		{
			document.getElementById('RREDC').value = whatData;
		}	
		
		document.getElementById('RRMBC').value = whatMenu;
			
		document.getElementById('RRMenuForm').submit(); 
		document.getElementById('RRMenuForm').reset();		
	}	
}
//////////////////////////////////////////////////////////////////////////////////////////////////////////////



//////////////////////////////////////////////////////////////////////////////////////////////////////////////
////// 																																																	//////
////// This function sets the value of the carrier varaible that contains important things which is 		//////
////// needed to remember for time beingdirects us from the menu button to the correct page						  //////
////// 																																																  //////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////
function setCarrier(whatValue)
{ 	
	theCarrier = whatValue;
}
//////////////////////////////////////////////////////////////////////////////////////////////////////////////



//////////////////////////////////////////////////////////////////////////////////////////////////////////////
////// 																																																	//////
////// This function sets the value of the carrier varaible that contains important things which is 		//////
////// needed to remember for time beingdirects us from the menu button to the correct page						  //////
////// 																																																  //////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////
function setCarrier_Two(whatValue)
{ 	
	theCarrier_two = whatValue;
}
//////////////////////////////////////////////////////////////////////////////////////////////////////////////



//////////////////////////////////////////////////////////////////////////////////////////////////////////////
////// 																																																	//////
////// This function sets the value of the carrier varaible that contains important things which is 		//////
////// needed to remember for time beingdirects us from the menu button to the correct page						  //////
////// 																																																  //////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////
function setProjSection(whatValue)
{ 	
	theProjSection = whatValue;
}
//////////////////////////////////////////////////////////////////////////////////////////////////////////////



//////////////////////////////////////////////////////////////////////////////////////////////////////////////
////// 																																																	//////
////// This function sets the value of the bottom pixel last drawn... 															 		//////
////// 																																																  //////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////
function setBottomValue(whatValue)
{ 	
	if(theBottom < whatValue)
		theBottom = whatValue;
	
	if(whatValue == 0)
		theBottom = whatValue;
}
//////////////////////////////////////////////////////////////////////////////////////////////////////////////



//////////////////////////////////////////////////////////////////////////////////////////////////////////////
////// 																																																	//////
////// This function directs us from the menu button to the correct page															  //////
////// 																																																  //////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////
function openMenuItem(MenuNumber)
{ 	
	theMenuNo = MenuNumber;
	setMenuColor(MenuNumber);
	
	xmlHttp = GetXmlHttpObject();
	if (xmlHttp==null)
	{
		alert ("Browser does not support HTTP Request");
 		return;
 	} 

	var url = "getsitedata.php";
	url = url + "?q=" + MenuNumber;
	url = url + "&sid=" + Math.random();
	xmlHttp.onreadystatechange = stateChanged; 
	xmlHttp.open("GET",url,true);
	xmlHttp.send(null);
}
//////////////////////////////////////////////////////////////////////////////////////////////////////////////



//////////////////////////////////////////////////////////////////////////////////////////////////////////////
////// 																																																	//////
////// This function tries to create an AJAX XmlHtttp object... 																	  		//////
////// it uses different technique depending on browser																								  //////
////// 																																																  //////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////
function GetXmlHttpObject()
{
	var xmlHttp=null;
	try
	{
		// Firefox, Opera 8.0+, Safari
		xmlHttp=new XMLHttpRequest();
	}
	catch (e)
	{
		//Internet Explorer
		try
  	{
  		xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
  	}
 		catch (e)
 		{
 			xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
 		}
 	}

	return xmlHttp;
}
//////////////////////////////////////////////////////////////////////////////////////////////////////////////



//////////////////////////////////////////////////////////////////////////////////////////////////////////////
////// 																																																	//////
////// This function controls where the right side div is according to the size of the browser window   //////
////// and also if the middle div should adjust to the size and stretch
////// 																																																  //////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////
function moveRDivs()
{	
	var vidd = document.body.offsetWidth;	
	
			
	if (vidd < 966)
	{
		document.getElementById("rightdivsFrame").style.left = "726px";
		document.getElementById("contGray").style.left = "726px";
		document.getElementById("theVeryBottomDiv").style.width = "726px";
		if (theMenuNo == 5 || theMenuNo == 10)
			document.getElementById("middlediv1").style.width = "726px";			
	}	
	else if (vidd > 966 && vidd < 1240)
	{
		document.getElementById("rightdivsFrame").style.left = vidd-240 + "px";	
		document.getElementById("contGray").style.left = vidd-240 + "px";	
		document.getElementById("theVeryBottomDiv").style.width = vidd-240 + "px";	
		if (theMenuNo == 5 || theMenuNo == 10)
			document.getElementById("middlediv1").style.width = vidd-240 + "px";
	}	
	else
	{
		document.getElementById("rightdivsFrame").style.left = "1000px";		
		document.getElementById("contGray").style.left = "1000px";		
		document.getElementById("theVeryBottomDiv").style.width = "1000px";
		if (theMenuNo == 5 || theMenuNo == 10)
			document.getElementById("middlediv1").style.width = "1000px";
	}	
		
	if (vidd > 1200)
	{
		if (theMenuNo == 3)
		{
			document.getElementById("middlediv3").style.top = "570px";
			document.getElementById("middlediv3").style.left = "670px"; 			
		}		
		else if (theMenuNo == 4)
		{	
			for(var i=1; i<=TheNoOfi; i++)
			{
				var expprojdivTag = "expidiv" + i;			
				
				var s = Math.floor((i/3)-0.1);
				var t = (i%3)-1;
				if(t==-1)
				{
					t = 2;
				}	
				theTopVal = 570 + ((s)*310);
				theLeftVal = 47 + ((t)*300);
						
				document.getElementById(expprojdivTag).style.top = theTopVal + "px";
				document.getElementById(expprojdivTag).style.left = theLeftVal + "px";
			}	
		}		
		else
		{
			document.getElementById("middlediv3").style.top = "340px";
			document.getElementById("middlediv3").style.left = "670px"; 			
		}
	}	
	else
	{
		if (theMenuNo == 3)
		{
			document.getElementById("middlediv3").style.top = "880px";
			document.getElementById("middlediv3").style.left = "360px"; 						
		}		
		else if (theMenuNo == 4)
		{			
			for(var i=1; i<=TheNoOfi; i++)
			{
				var expprojdivTag = "expidiv" + i;			

				var s = Math.floor((i/2)-0.1);
				var t = (i%2)-1;
				if(t==-1)
				{
					t = 1;
				}	
				theTopVal = 570 + ((s)*310);
				theLeftVal = 47 + ((t)*300);

				document.getElementById(expprojdivTag).style.top = theTopVal + "px";
				document.getElementById(expprojdivTag).style.left = theLeftVal + "px";
			}	
		}		
		else
		{
			document.getElementById("middlediv3").style.top = "650px";
			document.getElementById("middlediv3").style.left = "360px"; 											
		}		
	}			
}
//////////////////////////////////////////////////////////////////////////////////////////////////////////////
	


//////////////////////////////////////////////////////////////////////////////////////////////////////////////
////// 																																																	//////
////// This function change the color of the menu button so we know where we are											  //////
////// 																																																  //////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////
function setMenuColor(MenuNumber)
{	
	var kollmenu = MenuNumber;
	
	if (kollmenu == 20)
	{			
		kollmenu = 9;			
	}
	
	for(var i = 1; i < 10; i++)
	{
		var menuid = "RRMenuLink" + i;
		
		if (i != 2)
		{
			if (i == kollmenu)
			{			
				document.getElementById(menuid).style.color = '#ed1b24';			
			}
			else
			{
				document.getElementById(menuid).style.color = '#5B5B5E';
			}		
		}	
	}	
}
//////////////////////////////////////////////////////////////////////////////////////////////////////////////



//////////////////////////////////////////////////////////////////////////////////////////////////////////////
////// 																																																	//////
////// This function runs when the server has returned new data after a menu button has been clicked		//////
////// The function will then display all the data collected into the different frames of the page in 	//////
////// an orderly fashion											  																												//////
////// 																																																  //////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////
function stateChanged() 
{ 
	if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete")
 	{  		
 		clearDivs();
 		
 		xmlDoc = xmlHttp.responseXML; 		
 		 		
		switch(theMenuNo)
		{		
		case 1:				
			document.getElementById("leftdiv1").style.visibility = "visible";
			document.getElementById("leftdiv1").style.zindex = 17;
			document.getElementById("leftdiv1").style.top = "240px";
			document.getElementById("leftdiv1").style.left = "47px";			
			document.getElementById("leftdiv1").innerHTML = xmlDoc.getElementsByTagName("HomeText")[0].childNodes[0].nodeValue;
						
			var htstrlen = Math.round((((xmlDoc.getElementsByTagName("HomeTextLengd")[0].childNodes[0].nodeValue.length)/47)*25)+300);
									 					
			document.getElementById("leftdiv2").style.visibility = "visible"; 					
			document.getElementById("leftdiv2").style.zindex = 17;
			document.getElementById("leftdiv2").style.top = htstrlen + "px";
			document.getElementById("leftdiv2").style.left = "47px"; 					
			document.getElementById("leftdiv2").innerHTML="<img class='basicImg' src='images/" + xmlDoc.getElementsByTagName('HomeDecImg')[0].childNodes[0].nodeValue + "' alt='' width='275' height='210' /> \
						<div class='captionImgName'style='width: 265px;'>&nbsp;</div>";
									
			setBottomValue((htstrlen+210+19));
			
			document.getElementById("middlediv1").style.visibility = "visible";
			document.getElementById("middlediv1").style.zindex = 17;
			document.getElementById("middlediv1").style.top = "240px";
			document.getElementById("middlediv1").style.left = "360px"; 					
			document.getElementById("middlediv1").innerHTML="<p class='headerText'>" + xmlDoc.getElementsByTagName('HomeFeatProjTitl')[0].childNodes[0].nodeValue + "</p>";
			
			
			
			document.getElementById("middlediv2").style.visibility = "visible";
			document.getElementById("middlediv2").style.zindex = 17;
			document.getElementById("middlediv2").style.top = "340px";
			document.getElementById("middlediv2").style.left = "360px"; 								
			document.getElementById("middlediv2").innerHTML=
					"	<a href='javascript:ReloadPage(10, 1, " + xmlDoc.getElementsByTagName('HomeFeatProjID1')[0].childNodes[0].nodeValue + ", 0);'> \
							<img id='midimg1' class='showImg' src='images/" + xmlDoc.getElementsByTagName('HomeFeatProjImg1')[0].childNodes[0].nodeValue + "' alt='' width='275' height='210' \
								onmouseover='indicateOverOut(&quot;midimg1&quot;, &quot;" + xmlDoc.getElementsByTagName('HomeFeatProjImgRoll')[0].childNodes[0].nodeValue + "&quot;);' onmouseout='indicateOverOut(&quot;midimg1&quot;, &quot;" + xmlDoc.getElementsByTagName('HomeFeatProjImg1')[0].childNodes[0].nodeValue + "&quot;);' /> \
						</a> \
						<div class='captionImgName'> \
					"		+ xmlDoc.getElementsByTagName('HomeFeatProjImgName1')[0].childNodes[0].nodeValue + " \
						</div> \
						<div class='captionText'> \
					"		+ xmlDoc.getElementsByTagName('HomeFeatProjImgCap1')[0].childNodes[0].nodeValue + " \
						</div>";
						
						
			var vidd = document.body.offsetWidth;		
			if (vidd > 1200)
			{
				document.getElementById("middlediv3").style.top = "340px";
				document.getElementById("middlediv3").style.left = "670px"; 								
			}	
			else
			{
				document.getElementById("middlediv3").style.top = "650px";
				document.getElementById("middlediv3").style.left = "360px"; 								
			}								
			document.getElementById("middlediv3").style.zindex = 17;	
			document.getElementById("middlediv3").style.visibility = "visible";
			document.getElementById("middlediv3").innerHTML=
					"	<a href='javascript:ReloadPage(10, 1, " + xmlDoc.getElementsByTagName('HomeFeatProjID2')[0].childNodes[0].nodeValue + ", 0);'> \
							<img id='midimg2' class='showImg' src='images/" + xmlDoc.getElementsByTagName('HomeFeatProjImg2')[0].childNodes[0].nodeValue + "' alt='' width='275' height='210' \
								onmouseover='indicateOverOut(&quot;midimg2&quot;, &quot;" + xmlDoc.getElementsByTagName('HomeFeatProjImgRoll')[0].childNodes[0].nodeValue + "&quot;);' onmouseout='indicateOverOut(&quot;midimg2&quot;, &quot;" + xmlDoc.getElementsByTagName('HomeFeatProjImg2')[0].childNodes[0].nodeValue + "&quot;);' /> \
						</a> \
						<div class='captionImgName'> \
					"		+ xmlDoc.getElementsByTagName('HomeFeatProjImgName2')[0].childNodes[0].nodeValue + " \
						</div> \
						<div class='captionText'> \
					"		+ xmlDoc.getElementsByTagName('HomeFeatProjImgCap2')[0].childNodes[0].nodeValue + " \
						</div>";
						
			setBottomValue((650+210+19+58));	  
			
		  break;	  
		
		case 2:			
			document.getElementById("leftdiv1").style.visibility = "visible";
			document.getElementById("leftdiv1").style.zindex = 17;
			document.getElementById("leftdiv1").style.top = "240px";
			document.getElementById("leftdiv1").style.left = "47px";			
			
		  document.getElementById("leftdiv1").innerHTML= 
		  		xmlDoc.getElementsByTagName("HomeText")[0].childNodes[0].nodeValue;		  		
		  		
		  setBottomValue((360));		
		  		
		  break;
		  
		case 3:		  
			var ProjImgCapTxt;
			var ProjImgNameTxt;
		
			document.getElementById("leftdiv1").style.visibility = "visible";
		  document.getElementById("leftdiv1").style.zindex = 17;
			document.getElementById("leftdiv1").style.top = "240px";
			document.getElementById("leftdiv1").style.left = "47px";			
		  document.getElementById("leftdiv1").innerHTML=
					xmlDoc.getElementsByTagName("ProjLocHeader")[0].childNodes[0].nodeValue;						
					
			document.getElementById("leftdiv2").style.visibility = "visible";		
			document.getElementById("leftdiv2").style.zindex = 17;
			document.getElementById("leftdiv2").style.top = "340px";
			document.getElementById("leftdiv2").style.left = "47px"; 					
			document.getElementById("leftdiv2").innerHTML=
						"	<img class='basicImg' id='leftimg1' src='images/" + xmlDoc.getElementsByTagName('ProjLocMapImg')[0].childNodes[0].nodeValue + "' alt='' width='265' height='200' \
									onmouseover='indicateOverOut(&quot;leftimg1&quot;, &quot;" + xmlDoc.getElementsByTagName('ProjLocMapRollImg')[0].childNodes[0].nodeValue + "&quot;);' onmouseout='indicateOverOut(&quot;leftimg1&quot;, &quot;" + xmlDoc.getElementsByTagName('ProjLocMapImg')[0].childNodes[0].nodeValue + "&quot;);' />";
					
			document.getElementById("middlediv1").style.visibility = "visible";
			document.getElementById("middlediv1").style.zindex = 17;
			document.getElementById("middlediv1").style.top = "240px";
			document.getElementById("middlediv1").style.left = "360px";			
			document.getElementById("middlediv1").innerHTML = xmlDoc.getElementsByTagName("ProjHomeText")[0].childNodes[0].nodeValue;
			
			
			nofoi = xmlDoc.getElementsByTagName("numOfExpProj")[0].childNodes[0].nodeValue;			
			TheNoOfip = nofoi;

			var theTopVal, theLeftVal;

			for(var i=1; i<=nofoi; i++)
			{
				var expprojdivTag = "pexpidiv" + i;			
				projIdTag = "ProjID" + i;
				projImgTag = "ProjImg" + i;
				projImgNTag = "ProjImgName" + i;
				projImgCTag = "ProjImgCap" + i;

				if(xmlDoc.getElementsByTagName(projImgCTag)[0].childNodes[0].nodeValue == 0)
				{
					ProjImgCapTxt	= "";
				}
				else
				{
					ProjImgCapTxt	= xmlDoc.getElementsByTagName(projImgCTag)[0].childNodes[0].nodeValue;
				}
				if(xmlDoc.getElementsByTagName(projImgNTag)[0].childNodes[0].nodeValue == 0)
				{
					ProjImgNameTxt	= "";
				}
				else
				{
					ProjImgNameTxt	= xmlDoc.getElementsByTagName(projImgNTag)[0].childNodes[0].nodeValue;
				}

				var vidd = document.body.offsetWidth;		
				var k;
				if (vidd > 1200)
				{
					var s = Math.floor((i/3)-0.1);
					var t = (i%3)-1;
					if(t==-1)
					{
						t = 2;
					}	
					theTopVal = 570 + ((s)*310);
					theLeftVal = 47 + ((t)*300);
					k = 3;
				}	
				else
				{
					var s = Math.floor((i/2)-0.1);
					var t = (i%2)-1;
					if(t==-1)
					{
						t = 1;
					}	
					theTopVal = 570 + ((s)*310);
					theLeftVal = 47 + ((t)*300);
					k = 2;
				}

				document.getElementById(expprojdivTag).style.visibility = "visible";
				document.getElementById(expprojdivTag).style.zindex = 17;
				document.getElementById(expprojdivTag).style.top = theTopVal + "px";
				document.getElementById(expprojdivTag).style.left = theLeftVal + "px";
				document.getElementById(expprojdivTag).innerHTML=
									"	<a href='javascript:ReloadPage(10, 1, " + xmlDoc.getElementsByTagName(projIdTag)[0].childNodes[0].nodeValue + ", 0);'> \
											<img id='expimg" + i + "' class='showImg' src='images/" + xmlDoc.getElementsByTagName(projImgTag)[0].childNodes[0].nodeValue + "' alt='' width='275' height='210' \
												onmouseover='indicateOverOut(&quot;expimg" + i + "&quot;, &quot;" + xmlDoc.getElementsByTagName('ProjImgRoll')[0].childNodes[0].nodeValue + "&quot;);' onmouseout='indicateOverOut(&quot;expimg" + i + "&quot;, &quot;" + xmlDoc.getElementsByTagName(projImgTag)[0].childNodes[0].nodeValue + "&quot;);' /> \
										</a> \
										<div class='captionImgName'> \
									"		+ ProjImgNameTxt + " \
										</div> \
										<div class='captionText'> \
									"		+ ProjImgCapTxt + " \
						</div>";
			}

			setBottomValue((570+((Math.floor(nofoi/k))*310)));
						
		  break;
		  
		case 4:		
			document.getElementById("leftdiv1").style.visibility = "visible";
			document.getElementById("leftdiv1").style.zindex = 17;
			document.getElementById("leftdiv1").style.top = "240px";
			document.getElementById("leftdiv1").style.left = "47px";			
		  	
			var theStr = xmlDoc.getElementsByTagName("ExpHomeText")[0].childNodes[0].nodeValue;						
			var doko = theStr.indexOf("#");
			theStr = theStr.slice(0,doko);
			document.getElementById("leftdiv1").innerHTML= theStr;
			
			document.getElementById("middlediv1").style.visibility = "visible";
			document.getElementById("middlediv1").style.zindex = 17;
			document.getElementById("middlediv1").style.top = "240px";
			document.getElementById("middlediv1").style.left = "360px";			
			
			theStr = xmlDoc.getElementsByTagName("ExpHomeText")[0].childNodes[0].nodeValue;			
			theStr = theStr.slice(doko+1);
			document.getElementById("middlediv1").innerHTML= theStr;
						
			nofoi = xmlDoc.getElementsByTagName("numOfExpProj")[0].childNodes[0].nodeValue;			
			TheNoOfi = nofoi;
						
			var theTopVal, theLeftVal;
			
			for(var i=1; i<=nofoi; i++)
			{
				var expprojdivTag = "expidiv" + i;			
				projIdTag = "ExpID" + i;
				projImgTag = "ExpImg" + i;
				projImgNTag = "ExpImgName" + i;
				projImgCTag = "ExpImgCap" + i;
				
				if(xmlDoc.getElementsByTagName(projImgCTag)[0].childNodes[0].nodeValue == 0)
				{
					ProjImgCapTxt	= "";
				}
				else
				{
					ProjImgCapTxt	= xmlDoc.getElementsByTagName(projImgCTag)[0].childNodes[0].nodeValue;
				}
				if(xmlDoc.getElementsByTagName(projImgNTag)[0].childNodes[0].nodeValue == 0)
				{
					ProjImgNameTxt	= "";
				}
				else
				{
					ProjImgNameTxt	= xmlDoc.getElementsByTagName(projImgNTag)[0].childNodes[0].nodeValue;
				}
				
				var vidd = document.body.offsetWidth;		
				var k;
				if (vidd > 1200)
				{
					var s = Math.floor((i/3)-0.1);
					var t = (i%3)-1;
					if(t==-1)
					{
						t = 2;
					}	
					theTopVal = 570 + ((s)*310);
					theLeftVal = 47 + ((t)*300);
					k = 3;
				}	
				else
				{
					var s = Math.floor((i/2)-0.1);
					var t = (i%2)-1;
					if(t==-1)
					{
						t = 1;
					}	
					theTopVal = 570 + ((s)*310);
					theLeftVal = 47 + ((t)*300);
					k = 2;
				}
												
				document.getElementById(expprojdivTag).style.visibility = "visible";
				document.getElementById(expprojdivTag).style.zindex = 17;
				document.getElementById(expprojdivTag).style.top = theTopVal + "px";
				document.getElementById(expprojdivTag).style.left = theLeftVal + "px";
				document.getElementById(expprojdivTag).innerHTML=
									"	<a href='javascript:ReloadPage(10, 1, " + xmlDoc.getElementsByTagName(projIdTag)[0].childNodes[0].nodeValue + ", 0);'> \
											<img id='expimg" + i + "' class='showImg' src='images/" + xmlDoc.getElementsByTagName(projImgTag)[0].childNodes[0].nodeValue + "' alt='' width='275' height='210' \
												onmouseover='indicateOverOut(&quot;expimg" + i + "&quot;, &quot;" + xmlDoc.getElementsByTagName('ExpImgRoll')[0].childNodes[0].nodeValue + "&quot;);' onmouseout='indicateOverOut(&quot;expimg" + i + "&quot;, &quot;" + xmlDoc.getElementsByTagName(projImgTag)[0].childNodes[0].nodeValue + "&quot;);' /> \
										</a> \
										<div class='captionImgNameOr'> \
									"		+ ProjImgNameTxt + " \
										</div> \
										<div class='captionText'> \
									"		+ ProjImgCapTxt + " \
						</div>";
			}
			
			setBottomValue((570+((Math.floor(nofoi/k))*310)));									
			
		  break;  
		
		case 5:		
			document.getElementById("middlediv1").style.visibility = "visible";
			document.getElementById("middlediv1").style.zindex = 27;
			document.getElementById("middlediv1").style.top = "240px";
			document.getElementById("middlediv1").style.left = "0px";
			var vidd = document.body.offsetWidth;		
			if (vidd > 1240)
				document.getElementById("middlediv1").style.width = "1000px";
			else if (vidd <= 966)
				document.getElementById("middlediv1").style.width = "726px";
			else
				document.getElementById("middlediv1").style.width = vidd-240 + "px";			

			document.getElementById("middlediv1").style.height = "75px";
			document.getElementById("middlediv1").style.background = "#080a09 url(images/news-Header.jpg) no-repeat top right";	
			document.getElementById("middlediv1").innerHTML=					
					"<table border='0' valign='middle'><tr> \
						<td class='headerTextLightwBlBkgAdj'>" + xmlDoc.getElementsByTagName("NewsMainHeader")[0].childNodes[0].nodeValue + "</td> \
					</tr></table>";
										
			document.getElementById("leftdiv2").style.visibility = "visible";
		  document.getElementById("leftdiv2").style.zindex = 17;
			document.getElementById("leftdiv2").style.top = "330px";
			document.getElementById("leftdiv2").style.left = "47px";			
			var rowStr	= "";
			rowStr = rowStr + "	<table id='newsbtnrow' class='simpleNBText' width='200' border='0' cellpadding='0' cellspacing='0'>";
			rowStr = rowStr + "		<tr>"			
			var tagName;
			for (var i=1; i <= 2; i++)
			{
				tagName = "NewsClickThing" + i;	
				rowStr = rowStr + "		<td class='simpleNBText' align='left' valign='bottom'>";
				rowStr = rowStr + "			<a id='newsBtnItem" + i + "' class='simpleNBText' onmouseover='window.status=&quot;&quot;; return true;' href='javascript:ReloadPage(5, " + i + ", -1, -1);'>";
				rowStr = rowStr + 				xmlDoc.getElementsByTagName(tagName)[0].childNodes[0].nodeValue;
				rowStr = rowStr +	"			</a>";
				rowStr = rowStr +	"		</td>";		
			}
			rowStr = rowStr +	"		</tr>";
			rowStr = rowStr +	"	</table>";
			document.getElementById("leftdiv2").innerHTML= rowStr;
			
			var rowStr	= "";
			rowStr = rowStr + "	<table id='newsbtnrowb' class='simpleNBText' width='200' border='0' cellpadding='0' cellspacing='0'>";
			rowStr = rowStr + "		<tr>"			
			var tagName;
			for (var i=1; i <= 2; i++)
			{
				tagName = "NewsClickThing" + i;	
				rowStr = rowStr + "		<td class='simpleNBText' align='left' valign='bottom'>";
				rowStr = rowStr + "			<a id='newsBtnItemb" + i + "' class='simpleNBTextDisable' onmouseover='window.status=&quot;&quot;; return true;' href='javascript:ReloadPage(5, " + i + ", -1, -1);'>";
				rowStr = rowStr + 				xmlDoc.getElementsByTagName(tagName)[0].childNodes[0].nodeValue;
				rowStr = rowStr +	"			</a>";
				rowStr = rowStr +	"		</td>";		
			}
			rowStr = rowStr +	"		</tr>";
			rowStr = rowStr +	"	</table>";			
			document.getElementById("theVeryBottomDiv").innerHTML= rowStr;
			
			document.getElementById("leftdiv3").style.visibility = "visible";
			document.getElementById("leftdiv3").style.zindex = 17;
			document.getElementById("leftdiv3").style.top = "440px";
			document.getElementById("leftdiv3").style.left = "47px";			
			
			setBottomValue((440+40));									
			
			if(theCarrier != -1)			
				openNewsItem(theCarrier);
			else
				openNewsList(theCarrier_two);
			
			theCarrier = -1;
			theCarrier_two = -1;
			
		  break;  
		
		case 6:					
			document.getElementById("leftdiv1").style.visibility = "visible";				
			document.getElementById("leftdiv1").style.zindex = 17;
			document.getElementById("leftdiv1").style.top = "240px";
			document.getElementById("leftdiv1").style.left = "47px";			
			document.getElementById("leftdiv1").innerHTML=
					xmlDoc.getElementsByTagName("TtlText")[0].childNodes[0].nodeValue;						
			
			document.getElementById("leftdiv2").style.visibility = "visible";				
			document.getElementById("leftdiv2").style.zindex = 17;
			document.getElementById("leftdiv2").style.top = "330px";
			document.getElementById("leftdiv2").style.left = "47px";			
						
			document.getElementById("leftdiv3").style.visibility = "visible";				
			document.getElementById("leftdiv3").style.zindex = 17;
			document.getElementById("leftdiv3").style.top = "460px";
			document.getElementById("leftdiv3").style.left = "47px";			
			
			setBottomValue((460));									
						
			document.getElementById("middlediv1").style.visibility = "visible";							
			document.getElementById("middlediv1").style.zindex = 17;
			document.getElementById("middlediv1").style.top = "320px";
			document.getElementById("middlediv1").style.left = "360px";						
			
			var ct = xmlDoc.getElementsByTagName('TeamSize')[0].childNodes[0].nodeValue;
			theNumOfTeamMember = ct;
			var listStr = "";
			var tagName;
			var status;
					
			for(var i=1; i<=ct; i++)	
			{
				listStr = listStr + "<div id='tm" + i + "' class='teamListG' style='top: " + 10*i + "px;' onmouseover='markTmbkg(1, " + i + ");' onmouseout='markTmbkg(0, " + i + ");'>";
				tagName = "TeamStatus" + i;
				status = xmlDoc.getElementsByTagName(tagName)[0].childNodes[0].nodeValue;									
				tagName = "TeamId" + i;	
				theTeamArr[i] = xmlDoc.getElementsByTagName(tagName)[0].childNodes[0].nodeValue;
				listStr = listStr + "<a class='teamListGTxt' href='javascript:ReloadPage(6, 2, " + xmlDoc.getElementsByTagName(tagName)[0].childNodes[0].nodeValue + ", -1);'>";
								
				tagName = "TeamFName" + i;
				listStr = listStr + xmlDoc.getElementsByTagName(tagName)[0].childNodes[0].nodeValue + " ";				
				listStr = listStr + "</a>";
				listStr = listStr + "</div>";
			}
			document.getElementById("middlediv1").innerHTML =	listStr;
						
			document.getElementById("middlediv2").style.visibility = "visible";										
			document.getElementById("middlediv2").style.zindex = 17;	
			var howfar = (ct*40)+320;
			document.getElementById("middlediv2").style.top = howfar + "px";
			document.getElementById("middlediv2").style.left = "360px"; 					
			document.getElementById("middlediv2").innerHTML="<img class='basicImg' src='images/" + xmlDoc.getElementsByTagName('TeamDecImg')[0].childNodes[0].nodeValue + "' alt='' width='275' height='210' /> \
						<div class='captionImgName'style='width: 265px;'>&nbsp;</div>";			
						
			setBottomValue((howfar+210+19));
			
			showTeamMember(theCarrier);
			theCarrier = -1;
						
		  break;  
		  
		case 7:
			document.getElementById("leftdiv1").style.visibility = "visible";										
			document.getElementById("leftdiv1").style.zindex = 17;
			document.getElementById("leftdiv1").style.top = "240px";
			document.getElementById("leftdiv1").style.left = "47px";			
			document.getElementById("leftdiv1").innerHTML=
					xmlDoc.getElementsByTagName("AboutText")[0].childNodes[0].nodeValue;			
						
			document.getElementById("leftdiv2").style.visibility = "visible";													
			document.getElementById("leftdiv2").style.zindex = 17;
			document.getElementById("leftdiv2").style.top = " 320px";		
			document.getElementById("leftdiv2").style.left = "47px";						
						
			setBottomValue((840));									
			
			document.getElementById("middlediv1").style.visibility = "visible";										
			document.getElementById("middlediv1").style.zindex = 17;
			document.getElementById("middlediv1").style.top = "320px";
			document.getElementById("middlediv1").style.left = "360px";						

			var ct = xmlDoc.getElementsByTagName('GroupSize')[0].childNodes[0].nodeValue;
			theNumOfCompMember = ct;
			var listStr = "";
			var tagName;

			for(var i=1; i<=ct; i++)	
			{	
				tagName = "CompanyId" + i;									
				theCompArr[i] = xmlDoc.getElementsByTagName(tagName)[0].childNodes[0].nodeValue;
				listStr = listStr + "<div id='cp" + i + "' class='teamListG' style='top: " + 10*i + "px;' onmouseover='markCpbkg(1, " + i + ");' onmouseout='markCpbkg(0, " + i + ");' >";								
				listStr = listStr + "<a class='teamListGTxt' href='javascript:ReloadPage(7, 2, " + xmlDoc.getElementsByTagName(tagName)[0].childNodes[0].nodeValue + ", -1);'>";
				
				tagName = "CompanyName" + i;
				listStr = listStr + xmlDoc.getElementsByTagName(tagName)[0].childNodes[0].nodeValue + " ";				
				listStr = listStr + "</a>";
				listStr = listStr + "</div>";
			}
			document.getElementById("middlediv1").innerHTML =	listStr;

			document.getElementById("middlediv2").style.visibility = "visible";										
			document.getElementById("middlediv2").style.zindex = 17;	
			var howfar = (ct*40)+320;
			document.getElementById("middlediv2").style.top = howfar + "px";
			document.getElementById("middlediv2").style.left = "360px"; 					
			document.getElementById("middlediv2").innerHTML="<img class='basicImg' src='images/" + xmlDoc.getElementsByTagName('CompanyDecImg1')[0].childNodes[0].nodeValue + "' alt='' width='275' height='210' /> \
						<div class='captionImgName'style='width: 265px;'>&nbsp;</div>";			
						
			document.getElementById("middlediv3").style.visibility = "visible";													
			document.getElementById("middlediv3").style.zindex = 17;	
			var howfar = (ct*40)+570;
			document.getElementById("middlediv3").style.top = howfar + "px";
			document.getElementById("middlediv3").style.left = "360px"; 					
			document.getElementById("middlediv3").innerHTML="<img class='basicImg' src='images/" + xmlDoc.getElementsByTagName('CompanyDecImg2')[0].childNodes[0].nodeValue + "' alt='' width='275' height='210' /> \
						<div class='captionImgName'style='width: 265px;'>&nbsp;</div>";						

			setBottomValue((howfar+210+19));

			showCompMember(theCarrier);
			theCarrier = -1;
						
		  break;  
		  
		case 8:					
			document.getElementById("leftdiv1").style.visibility = "visible";										
			document.getElementById("leftdiv1").style.zindex = 17;
			document.getElementById("leftdiv1").style.top = "240px";
			document.getElementById("leftdiv1").style.left = "47px";			
			document.getElementById("leftdiv1").innerHTML=
						xmlDoc.getElementsByTagName("ContactHeaderText1")[0].childNodes[0].nodeValue;				
						
			document.getElementById("leftdiv2").style.visibility = "hidden";										
			document.getElementById("leftdiv2").style.zindex = 17;
			document.getElementById("leftdiv2").style.top = "740px";
			document.getElementById("leftdiv2").style.left = "47px";			
			document.getElementById("leftdiv2").innerHTML=
						xmlDoc.getElementsByTagName("ContactHeaderText2")[0].childNodes[0].nodeValue;			
						
			setBottomValue((740+25));
			
			document.getElementById("middlediv1").style.visibility = "visible";										
			document.getElementById("middlediv1").style.zindex = 17;
			document.getElementById("middlediv1").style.top = "240px";
			document.getElementById("middlediv1").style.left = "360px";			
			document.getElementById("middlediv1").innerHTML=
			xmlDoc.getElementsByTagName("ContactHeaderText3")[0].childNodes[0].nodeValue;	
			
			document.getElementById("middlediv2").style.visibility = "visible";										
			document.getElementById("middlediv2").style.zindex = 17;
			document.getElementById("middlediv2").style.top = "330px";
			document.getElementById("middlediv2").style.left = "360px";			
			var frmStr	= "";
			frmStr = frmStr + "	<form id='mailform' name='mailform' method='post' action='javascript:sendFormMail(document.getElementById(&quot;nameval&quot;).value, document.getElementById(&quot;mailval&quot;).value, document.getElementById(&quot;phoneval&quot;).value, document.getElementById(&quot;projval&quot;).value, document.getElementById(&quot;subjval&quot;).value, document.getElementById(&quot;messval&quot;).value);'>";
			frmStr = frmStr + "		<table width='270' border='0' cellpadding='0' cellspacing='0'><tr>";
			frmStr = frmStr + "			<td style='height: 40px;'>";
			frmStr = frmStr + "				<input class='formTxtBox' type='text' name='nameval' id='nameval' value='" + xmlDoc.getElementsByTagName('ContactFormThing1')[0].childNodes[0].nodeValue + "' />";
			frmStr = frmStr + "			</td></tr><tr>";
			frmStr = frmStr + "			<td style='height: 20px;'>";
			frmStr = frmStr + "				<input class='formTxtBox' type='text' name='mailval' id='mailval' value='" + xmlDoc.getElementsByTagName('ContactFormThing2')[0].childNodes[0].nodeValue + "' />";
			frmStr = frmStr + "			</td></tr><tr>";
			frmStr = frmStr + "			<td style='height: 40px;'>";
			frmStr = frmStr + "				<input class='formTxtBox' type='text' name='phoneval' id='phoneval' value='" + xmlDoc.getElementsByTagName('ContactFormThing3')[0].childNodes[0].nodeValue + "' />";
			frmStr = frmStr + "			</td></tr><tr>";
			frmStr = frmStr + "			<td style='height: 20px;'>";
			frmStr = frmStr + "				<select class='formListBox' name='projval' id='projval'>";
			frmStr = frmStr + "					<option value='f1'>" + xmlDoc.getElementsByTagName('ContactFormThing4')[0].childNodes[0].nodeValue + "</option>";
			tmax = xmlDoc.getElementsByTagName('ProjListLength')[0].childNodes[0].nodeValue;
			for(var i=1; i<=tmax;	i++)
			{
				ptagna = "projName" + i;
				ptagid = "projID" + i;
				if(theCarrier == xmlDoc.getElementsByTagName(ptagid)[0].childNodes[0].nodeValue)
				{
					frmStr = frmStr + "				<option value='" + xmlDoc.getElementsByTagName(ptagna)[0].childNodes[0].nodeValue + "' selected>" + xmlDoc.getElementsByTagName(ptagna)[0].childNodes[0].nodeValue + "</option>";
					setCarrier(-1);
				}
				else
					frmStr = frmStr + "				<option value='" + xmlDoc.getElementsByTagName(ptagna)[0].childNodes[0].nodeValue + "'>" + xmlDoc.getElementsByTagName(ptagna)[0].childNodes[0].nodeValue + "</option>";
			}						
			frmStr = frmStr + "				</select>";
			frmStr = frmStr + "			</td></tr><tr>";
			frmStr = frmStr + "			<td style='height: 40px;'>";
			frmStr = frmStr + "				<input class='formTxtBox' type='text' name='subjval' id='subjval'  value='" + xmlDoc.getElementsByTagName('ContactFormThing5')[0].childNodes[0].nodeValue + "' />";
			frmStr = frmStr + "			</td></tr><tr>";
			frmStr = frmStr + "			<td style='height: 40px;'>";
			frmStr = frmStr + "				<textarea class='formMemoBox' name='messval' id='messval' col='1' row='1'>" + xmlDoc.getElementsByTagName('ContactFormThing6')[0].childNodes[0].nodeValue + "</textarea>";
			frmStr = frmStr + "			</td></tr><tr>";
			frmStr = frmStr + "			<td style='height: 60px; valign='middle'>";
			frmStr = frmStr + "				<input class='formBtn1' type='submit' name='SendMail' id='SendMail' value='" + xmlDoc.getElementsByTagName('ContactFormThing7')[0].childNodes[0].nodeValue + "'>";
			frmStr = frmStr + "				<img class='basicImg' src='images/space_mini.gif' width='8' height='8' alt='' />";
			frmStr = frmStr + "				<input class='formBtn2' type='reset' name='resetMail' id='resetMail' value='" + xmlDoc.getElementsByTagName('ContactFormThing8')[0].childNodes[0].nodeValue + "'>";
			frmStr = frmStr + "			</td></tr><tr>";
			frmStr = frmStr + "			<td id='infocell' class='simpleText' style='height: 40px;' valign='bottom'>";
			frmStr = frmStr + 				xmlDoc.getElementsByTagName('ContactInfo')[0].childNodes[0].nodeValue;
			frmStr = frmStr + "			</td></tr></table></form>";
			
			document.getElementById("middlediv2").innerHTML = frmStr;
			
			setBottomValue((750));									
			
			theCarrier = -1;
						
		  break;
		  
		case 20:
			document.getElementById("leftdiv1").style.visibility = "visible";										
			document.getElementById("leftdiv1").style.zindex = 17;
			document.getElementById("leftdiv1").style.top = "240px";
			document.getElementById("leftdiv1").style.left = "47px";			
			/*document.getElementById("leftdiv1").innerHTML=
					xmlDoc.getElementsByTagName("AboutText")[0].childNodes[0].nodeValue;			*/
						
			document.getElementById("leftdiv2").style.visibility = "visible";													
			document.getElementById("leftdiv2").style.zindex = 17;
			document.getElementById("leftdiv2").style.top = " 260px";		
			document.getElementById("leftdiv2").style.left = "47px";						
						
			setBottomValue((840));									
			
			document.getElementById("middlediv1").style.visibility = "visible";										
			document.getElementById("middlediv1").style.zindex = 17;
			document.getElementById("middlediv1").style.top = "260px";
			document.getElementById("middlediv1").style.left = "360px";						

			var ct = xmlDoc.getElementsByTagName('GroupSize')[0].childNodes[0].nodeValue;
			theNumOfJapMember = ct;
			var listStr = "";
			var tagName;

			for(var i=1; i<=ct; i++)	
			{	
				tagName = "JId" + i;									
				theJapArr[i] = xmlDoc.getElementsByTagName(tagName)[0].childNodes[0].nodeValue;
				listStr = listStr + "<div id='cp" + i + "' class='teamListG' style='top: " + 10*i + "px;' onmouseover='markJmbkg(1, " + i + ");' onmouseout='markJmbkg(0, " + i + ");' >";								
				listStr = listStr + "<a class='teamListGTxt' href='javascript:ReloadPage(20, 2, " + xmlDoc.getElementsByTagName(tagName)[0].childNodes[0].nodeValue + ", -1);'>";
				
				tagName = "JName" + i;
				listStr = listStr + xmlDoc.getElementsByTagName(tagName)[0].childNodes[0].nodeValue + " ";				
				listStr = listStr + "</a>";
				listStr = listStr + "</div>";
			}
			document.getElementById("middlediv1").innerHTML =	listStr;

			document.getElementById("middlediv2").style.visibility = "visible";										
			document.getElementById("middlediv2").style.zindex = 17;	
			var howfar = (ct*40)+260;
			document.getElementById("middlediv2").style.top = howfar + "px";
			document.getElementById("middlediv2").style.left = "360px"; 					
			document.getElementById("middlediv2").innerHTML="<img class='basicImg' src='images/" + xmlDoc.getElementsByTagName('CompanyDecImg1')[0].childNodes[0].nodeValue + "' alt='' width='275' height='210' /> \
						<div class='captionImgName'style='width: 265px;'>&nbsp;</div>";			
						
			document.getElementById("middlediv3").style.visibility = "visible";													
			document.getElementById("middlediv3").style.zindex = 17;	
			var howfar = (ct*40)+510;
			document.getElementById("middlediv3").style.top = howfar + "px";
			document.getElementById("middlediv3").style.left = "360px"; 					
			document.getElementById("middlediv3").innerHTML="<img class='basicImg' src='images/" + xmlDoc.getElementsByTagName('CompanyDecImg2')[0].childNodes[0].nodeValue + "' alt='' width='275' height='210' /> \
						<div class='captionImgName'style='width: 265px;'>&nbsp;</div>";						

			setBottomValue((howfar+210+19));

			showJapMember(theCarrier);
			theCarrier = -1;
						
		  break;    
		  
		default:		  			
		  break;
		}
		
		setBottomValue(theBottom + 50);
		document.getElementById("theVeryBottomDiv").style.top = theBottom + "px"; 												
		document.getElementById("theVeryBottomDiv").style.visibility = "visible"; 												
		
		setBottomValue(theBottom + 40);
		
		if(theBottom>780)	
			document.getElementById("contGray").style.height = (theBottom-780)+ "px"; 										
		else
			document.getElementById("contGray").style.height = (10)+ "px"; 						
 	}  	 	
}
//////////////////////////////////////////////////////////////////////////////////////////////////////////////



//////////////////////////////////////////////////////////////////////////////////////////////////////////////
////// 																																																	//////
////// This function cleans all the frames of previous content, so there will be no overlaps						//////
////// it also resets them as goes for z index and position																							//////
////// 																																																  //////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////
function clearDivs() 
{
	document.getElementById("leftdiv1").innerHTML="";
	document.getElementById("leftdiv1").style.zindex = -1;
	document.getElementById("leftdiv1").style.visibility = "hidden";
	document.getElementById("leftdiv2").innerHTML="";
	document.getElementById("leftdiv2").style.zindex = -1;
	document.getElementById("leftdiv2").style.visibility = "hidden";
	document.getElementById("leftdiv3").innerHTML="";
	document.getElementById("leftdiv3").style.zindex = -1;
	document.getElementById("leftdiv3").style.visibility = "hidden";
	document.getElementById("leftdiv4").innerHTML="";
	document.getElementById("leftdiv4").style.zindex = -1;
	document.getElementById("leftdiv4").style.visibility = "hidden";
	
	document.getElementById("middlediv1").innerHTML="";
	document.getElementById("middlediv1").style.zindex = -1;
	document.getElementById("middlediv1").style.visibility = "hidden";
	document.getElementById("middlediv2").innerHTML="";
	document.getElementById("middlediv2").style.zindex = -1;
	document.getElementById("middlediv2").style.visibility = "hidden";
	document.getElementById("middlediv3").innerHTML="";
	document.getElementById("middlediv3").style.zindex = -1;
	document.getElementById("middlediv3").style.visibility = "hidden";
	document.getElementById("middlediv4").innerHTML="";
	document.getElementById("middlediv4").style.zindex = -1;
	document.getElementById("middlediv4").style.visibility = "hidden";
}
//////////////////////////////////////////////////////////////////////////////////////////////////////////////



//////////////////////////////////////////////////////////////////////////////////////////////////////////////
////// 																																																	//////
////// This function make an image change to another image																							//////
////// 																																																  //////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////
function indicateOverOut(whatElement, whatImg) 
{	
	var imgstr = "images/" + whatImg;
	document.getElementById(whatElement).src = imgstr;
}
//////////////////////////////////////////////////////////////////////////////////////////////////////////////


//////////////////////////////////////////////////////////////////////////////////////////////////////////////
////// 																																																	//////
////// This function takes us to a chosen project																												//////
////// 																																																  //////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////
function goToProj(whatProj)
{	
	theProject = whatProj;
	theMenuNo = 10;
		
	xmlHttp = GetXmlHttpObject();
	if (xmlHttp==null)
	{
		alert ("Browser does not support HTTP Request");
		return;
	} 

	var url = "getprojectmain.php";
	url = url + "?q=" + whatProj;
	url = url + "&sid=" + Math.random();
	xmlHttp.onreadystatechange = projMChanged;
	xmlHttp.open("GET",url,true);
	xmlHttp.send(null);	
}
//////////////////////////////////////////////////////////////////////////////////////////////////////////////



//////////////////////////////////////////////////////////////////////////////////////////////////////////////
////// 																																																	//////
////// This function takes us to a chosen project	after been chosen in the right hand list, it also     //////
////// marks the chosen project	in that list.																				                    //////
////// 																																																  //////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////
function openProjectItem(whatProj, whatLine)
{	
	goToProj(whatProj);
}
//////////////////////////////////////////////////////////////////////////////////////////////////////////////


//////////////////////////////////////////////////////////////////////////////////////////////////////////////
////// 																																																	//////
////// This function runs when the server has returned new data after a project has been						 		//////
////// clicked	The function will then display all the main data collected into the different frames 		//////
////// of the  page in an orderly fashion											  																				//////
////// 																																																  //////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////
function projMChanged() 
{ 
	if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete")
 	{  		
 		xmlDoc = xmlHttp.responseXML; 		
 				
		clearDivs();	
					
		document.getElementById("middlediv1").style.visibility = "visible";
		document.getElementById("middlediv1").style.zindex = 27;
		document.getElementById("middlediv1").style.top = "240px";
		document.getElementById("middlediv1").style.left = "0px";
		var vidd = document.body.offsetWidth;		
		if (vidd > 1240)
			document.getElementById("middlediv1").style.width = "1000px";
		else if (vidd <= 966)
			document.getElementById("middlediv1").style.width = "726px";
		else
			document.getElementById("middlediv1").style.width = vidd-240 + "px";			
		
		document.getElementById("middlediv1").style.height = "75px";
		document.getElementById("middlediv1").style.background = xmlDoc.getElementsByTagName('ProjAttr8')[0].childNodes[0].nodeValue + " url(images/" + xmlDoc.getElementsByTagName('ProjHeader')[0].childNodes[0].nodeValue + ") no-repeat top right";	
		document.getElementById("middlediv1").innerHTML=
				"<table border='0' valign='middle'><tr> \
					<td class='headerTextLightwBlueBkgAdj'>" + xmlDoc.getElementsByTagName("ProjAttr2")[0].childNodes[0].nodeValue + "</td> \
					</tr></table>";
		
		theColorTemplate = xmlDoc.getElementsByTagName('ProjAttr8')[0].childNodes[0].nodeValue;
				
		document.getElementById("leftdiv2").style.visibility = "visible";
		document.getElementById("leftdiv2").style.zindex = 17;
		document.getElementById("leftdiv2").style.top = "330px";
		document.getElementById("leftdiv2").style.left = "47px";			
		document.getElementById("leftdiv2").style.width = "400px";			
		
		var rowStr	= "";
		rowStr = rowStr + "	<table id='projbtnrow' border='0' cellpadding='0' cellspacing='0'>";
		rowStr = rowStr + "		<tr>"			
		var tagName;
		var testtagName;		
		for (var i=1; i <= 6; i++)
		{
			tagName = "ProjMenuBtn" + i;	
			testtagName = "ProjAttr" + (i+1);	
			txtlen = 60 + ((xmlDoc.getElementsByTagName(tagName)[0].childNodes[0].nodeValue.length)*8);			
			if (i>1)
			{
				if((xmlDoc.getElementsByTagName(testtagName)[0].childNodes[0].nodeValue) == 1)
				{
					rowStr = rowStr + "		<td width='" + txtlen + "' align='left' valign='bottom'>";
					rowStr = rowStr + "			<a id='projBtnItem" + i + "' class='simpleNBTextBlu' onmouseover='window.status=&quot;&quot;; return true;' href='javascript:ReloadPage(10, " + i + ",  " + xmlDoc.getElementsByTagName('ProjAttr1')[0].childNodes[0].nodeValue + ", -5);'>";
					rowStr = rowStr + 				xmlDoc.getElementsByTagName(tagName)[0].childNodes[0].nodeValue;
					rowStr = rowStr +	"			</a>";
					rowStr = rowStr +	"		</td>";		
				}			
				else
				{
					rowStr = rowStr + "		<td width='5' align='left' valign='bottom'>";
					rowStr = rowStr + "			<span id='projBtnItem" + i + "' class='simpleNBTextDisable'>";
					rowStr = rowStr + "				&nbsp;";
					rowStr = rowStr +	"			</span>";
					rowStr = rowStr +	"		</td>";		
				}			
			}
			else
			{
				rowStr = rowStr + "		<td width='" + txtlen + "' align='left' valign='bottom'>";
				rowStr = rowStr + "			<a id='projBtnItem" + i + "' class='simpleNBTextBlu' onmouseover='window.status=&quot;&quot;; return true;' href='javascript:ReloadPage(10, " + i + ",  " + xmlDoc.getElementsByTagName('ProjAttr1')[0].childNodes[0].nodeValue + ", -5);'>";
				rowStr = rowStr + 				xmlDoc.getElementsByTagName(tagName)[0].childNodes[0].nodeValue;
				rowStr = rowStr +	"			</a>";
				rowStr = rowStr +	"		</td>";		
			}
		}	
		rowStr = rowStr +	"		</tr>";
		rowStr = rowStr +	"	</table>";
		document.getElementById("leftdiv2").innerHTML= rowStr;
		
		var rowStr	= "";
		rowStr = rowStr + "	<table id='projbtnrow' border='0' cellpadding='0' cellspacing='0'>";
		rowStr = rowStr + "		<tr>"			
		var tagName;
		var testtagName;		
		for (var i=1; i <= 6; i++)
		{
			tagName = "ProjMenuBtn" + i;	
			testtagName = "ProjAttr" + (i+1);	
			txtlen = 60 + ((xmlDoc.getElementsByTagName(tagName)[0].childNodes[0].nodeValue.length)*8);			
			if (i>1)
			{
				if((xmlDoc.getElementsByTagName(testtagName)[0].childNodes[0].nodeValue) == 1)
				{
					rowStr = rowStr + "		<td class='pushdown' width='" + txtlen + "' align='left' valign='bottom'>";
					rowStr = rowStr + "			<a id='projBtnItemB" + i + "' class='simpleNBTextDisable' onmouseover='window.status=&quot;&quot;; return true;' href='javascript:ReloadPage(10, " + i + ",  " + xmlDoc.getElementsByTagName('ProjAttr1')[0].childNodes[0].nodeValue + ", -5);'>";
					rowStr = rowStr + 				xmlDoc.getElementsByTagName(tagName)[0].childNodes[0].nodeValue;
					rowStr = rowStr +	"			</a>";
					rowStr = rowStr +	"		</td>";		
				}							
				else
				{
					rowStr = rowStr + "		<td width='5' align='left' valign='bottom'>";
					rowStr = rowStr + "			<span id='projBtnItemB" + i + "' class='simpleNBTextDisable'>";
					rowStr = rowStr + "				&nbsp;";
					rowStr = rowStr +	"			</span>";
					rowStr = rowStr +	"		</td>";		
				}			
			}
			else
			{
				rowStr = rowStr + "		<td width='" + txtlen + "' align='left' valign='bottom'>";
				rowStr = rowStr + "			<a id='projBtnItemB" + i + "' class='simpleNBTextDisable' onmouseover='window.status=&quot;&quot;; return true;' href='javascript:ReloadPage(10, " + i + ",  " + xmlDoc.getElementsByTagName('ProjAttr1')[0].childNodes[0].nodeValue + ", -5);'>";
				rowStr = rowStr + 				xmlDoc.getElementsByTagName(tagName)[0].childNodes[0].nodeValue;
				rowStr = rowStr +	"			</a>";
				rowStr = rowStr +	"		</td>";		
			}
		}	
		rowStr = rowStr +	"		</tr>";
		rowStr = rowStr +	"	</table>";
		
		document.getElementById("theVeryBottomDiv").innerHTML= rowStr;
					
		document.getElementById("leftdiv3").style.visibility = "visible";
		document.getElementById("leftdiv3").style.zindex = 17;
		document.getElementById("leftdiv3").style.top = "440px";
		document.getElementById("leftdiv3").style.left = "47px";		
		
		setBottomValue((440+40));
			
		openProjectSection(theProjSection, xmlDoc.getElementsByTagName('ProjAttr1')[0].childNodes[0].nodeValue);
	}	 	
}
//////////////////////////////////////////////////////////////////////////////////////////////////////////////



//////////////////////////////////////////////////////////////////////////////////////////////////////////////
////// 																																																	//////
////// This function takes us to a chosen project	after been chosen in the right hand list, it also     //////
////// marks the chosen project	in that list.																				                    //////
////// 																																																  //////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////
function openProjectSection(whatBtn, whatProj)
{		
	theProjSection = whatBtn;
	
	document.getElementById("leftdiv3").style.visibility = "hidden";
	document.getElementById("leftdiv3").style.zindex = -1;
	document.getElementById("leftdiv3").innerHTML = "";	
	document.getElementById("leftdiv4").style.visibility = "hidden";
	document.getElementById("leftdiv4").style.zindex = -1;
	document.getElementById("leftdiv4").innerHTML = "";
	document.getElementById("middlediv2").style.visibility = "hidden";
	document.getElementById("middlediv2").style.zindex = -1;
	document.getElementById("middlediv2").innerHTML = "";
	document.getElementById("middlediv3").style.visibility = "hidden";
	document.getElementById("middlediv3").style.zindex = -1;
	document.getElementById("middlediv3").innerHTML = "";
	document.getElementById("middlediv4").style.visibility = "hidden";
	document.getElementById("middlediv4").style.zindex = -1;
	document.getElementById("middlediv4").innerHTML = "";
				
		
	xmlHttp = GetXmlHttpObject();
	if (xmlHttp==null)
	{
		alert ("Browser does not support HTTP Request");
		return;
	} 

	var url = "getprojectsections.php";
	url = url + "?q=" + whatBtn;
	url = url + "&w=" + whatProj;
	url = url + "&sid=" + Math.random();
	xmlHttp.onreadystatechange = pSectionChanged;
	xmlHttp.open("GET",url,true);
	xmlHttp.send(null);	
}
//////////////////////////////////////////////////////////////////////////////////////////////////////////////



//////////////////////////////////////////////////////////////////////////////////////////////////////////////
////// 																																																	//////
////// This function runs when the server has returned new data after a project section has been		 		//////
////// clicked	The function will then display all the data collected into the different frames of the 	//////
////// page in an orderly fashion											  																								//////
////// 																																																  //////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////
function pSectionChanged() 
{ 
	if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete")
 	{  		
 		xmlDoc = xmlHttp.responseXML; 
 		
 		switch (theProjSection)
		{
			case 1:									
				var theIHStr="";		
						
				if(xmlDoc.getElementsByTagName("ProjImgNumber")[0].childNodes[0].nodeValue > 0)		
				{
					document.getElementById("leftdiv3").style.visibility = "visible";
					document.getElementById("leftdiv3").style.zindex = 17;
					document.getElementById("leftdiv3").style.top = "370px";
					document.getElementById("leftdiv3").style.left = "47px";	
					
					theIHStr="";
					var theItag;
					var theNtag;
					var theCtag;
					for(var i = 1; i <= xmlDoc.getElementsByTagName("ProjImgNumber")[0].childNodes[0].nodeValue; i++)
					{
						if(i>1)
							theIHStr = theIHStr + "<br />";
						theItag =	"ProjImgFN" + i;
						theNtag =	"ProjImgN" + i;
						theCtag =	"ProjImgC" + i;
							
						theIHStr = theIHStr + "<img class='showImg' src='images/" + xmlDoc.getElementsByTagName(theItag)[0].childNodes[0].nodeValue + "' alt='' width='275' height='210' />";
						if(xmlDoc.getElementsByTagName("ProjAttr7")[0].childNodes[0].nodeValue > 0 && i == 1)
						{
							theIHStr = theIHStr + "<div class='captionImgName' width: 265px;'>&nbsp;</div>";
							//theIHStr = theIHStr + "<div class='captionImgName' width: 265px;'>" + xmlDoc.getElementsByTagName(theNtag)[0].childNodes[0].nodeValue + "</div>";
							//theIHStr = theIHStr + "<div class='captionText'>"	+ xmlDoc.getElementsByTagName(theCtag)[0].childNodes[0].nodeValue + "</div>";							
						}
						else if(xmlDoc.getElementsByTagName("ProjAttr7")[0].childNodes[0].nodeValue > 0)
						{
							theIHStr = theIHStr + "<div class='captionImgName' width: 265px;'>&nbsp;</div>";
						}
						else
						{
							theIHStr = theIHStr + "<div class='captionImgNameOr' width: 265px;'>&nbsp;</div>";						
						}
					}
					document.getElementById("leftdiv3").innerHTML = theIHStr;
				}
				
				var theHeight = 0;
				if(xmlDoc.getElementsByTagName("ProjAttr10")[0].childNodes[0].nodeValue != 0)
				{
					document.getElementById("leftdiv4").style.visibility = "visible";
					document.getElementById("leftdiv4").style.zindex = 17;
					document.getElementById("leftdiv4").style.top = "900px";
					document.getElementById("leftdiv4").style.left = "47px";	
	
					var theFeatStr = xmlDoc.getElementsByTagName("ProjAttr8")[0].childNodes[0].nodeValue;				
					var noofrows = 0;
					var indx = -2;
					do
					{
						noofrows++;
						indx = theFeatStr.indexOf("%%", indx+2);
					}while(indx != -1)
					theHeight = ((noofrows-1)*28);
					
					theFeatStr = theFeatStr.replace(/%%/gi, "</td></tr><tr><td valign='top'><img class='basicImg' src='images/dot.gif' alt='' width='12' height='12' /></td><td valign='top'>");
					theIHStr = "";
					
					theIHStr = theIHStr + "<div class='featListTtl'>" + xmlDoc.getElementsByTagName("ProjFeatTitle")[0].childNodes[0].nodeValue + "</div>";
					theIHStr = theIHStr + "<div class='featListText' style='height: " + theHeight + "px;'>";
					theIHStr = theIHStr + "<table border='0' cellpadding='0' cellspacing='0'><tr><td colspan='2'>";
					theIHStr = theIHStr + theFeatStr;
					theIHStr = theIHStr + "</td></tr></table>";
					theIHStr = theIHStr + "</div>";								
					document.getElementById("leftdiv4").innerHTML = theIHStr;
				}	
				
				setBottomValue((958+theHeight));
				
				document.getElementById("middlediv2").style.visibility = "visible";
				document.getElementById("middlediv2").style.zindex = 17;
				document.getElementById("middlediv2").style.top = "354px";
				document.getElementById("middlediv2").style.left = "360px";	
				document.getElementById("middlediv2").innerHTML = xmlDoc.getElementsByTagName("ProjAttr9")[0].childNodes[0].nodeValue;
								
				var nextypos = 354;						
				document.getElementById("middlediv4").style.visibility = "visible";
				document.getElementById("middlediv4").style.zindex = 17;
				document.getElementById("middlediv4").style.top = nextypos + "px";
				document.getElementById("middlediv4").style.left = "660px";	
				theIHStr = "";				
				theIHStr = theIHStr + "<table border='0' cellpadding='0' cellspacing='0'><tr>";
				theIHStr = theIHStr + "<td width='30'><a class='noDec' href='javascript:ReloadPage(8, 2, " + theProject + ", -1);' onmouseover='Tip(&quot;Email us about this project&quot;)'>";
				theIHStr = theIHStr + "<img class='basicImg' src='images/" + xmlDoc.getElementsByTagName('ProjMenuBtnImg1')[0].childNodes[0].nodeValue + "' alt='' width='23' height='20' /></a></td>";				
				/*theIHStr = theIHStr + "<td><a class='noDec' href='#'>";
				theIHStr = theIHStr + "<img class='basicImg' src='images/" + xmlDoc.getElementsByTagName('ProjMenuBtnImg2')[0].childNodes[0].nodeValue + "' alt='' width='23' height='20' /></a></td>";
				theIHStr = theIHStr + "<td><a class='noDec' href='#'>";
				theIHStr = theIHStr + "<span class='underlineLink'>" + xmlDoc.getElementsByTagName('ProjMenuBtn2')[0].childNodes[0].nodeValue + "</span></a></td></tr><tr>";				
				theIHStr = theIHStr + "<td><a class='noDec' href='#'>";
				theIHStr = theIHStr + "<img class='basicImg' src='images/" + xmlDoc.getElementsByTagName('ProjMenuBtnImg3')[0].childNodes[0].nodeValue + "' alt='' width='23' height='20' /></a></td>";
				theIHStr = theIHStr + "<td><a class='noDec' href='#'>";
				theIHStr = theIHStr + "<span class='underlineLink'>" + xmlDoc.getElementsByTagName('ProjMenuBtn3')[0].childNodes[0].nodeValue + "</span></a></td>";
				*/
				theIHStr = theIHStr + "</tr></table>";
				
				document.getElementById("middlediv4").innerHTML =	theIHStr;	
				
				setBottomValue((nextypos+60));
								
				break;
				
			case 2:	
				// not yet implmented and designed
				break;
				
			case 3:					
				currentPos = 1;		
				var numofpics = xmlDoc.getElementsByTagName("ProjImgNumber")[0].childNodes[0].nodeValue;
				var theIHStr="";		
				
				for(var i = 1; i <= numofpics; i++)
				{						
					theRtag =	"ProjImgFN" + i;
					theCtag =	"ProjImgC" + i;
					imagearr[i]=xmlDoc.getElementsByTagName(theRtag)[0].childNodes[0].nodeValue;
					if(xmlDoc.getElementsByTagName(theCtag)[0].childNodes[0].nodeValue != 0)
					{
						commentarr[i]=xmlDoc.getElementsByTagName(theCtag)[0].childNodes[0].nodeValue;				
					}
					else
					{
						commentarr[i]="";				
					}
				}
				
				document.getElementById("leftdiv3").style.visibility = "visible";
				document.getElementById("leftdiv3").style.zindex = 17;
				document.getElementById("leftdiv3").style.top = "370px";
				document.getElementById("leftdiv3").style.left = "47px";	

				theIHStr = theIHStr + "<img id='bigImgHolder' class='showImg' src='images/" + xmlDoc.getElementsByTagName('ProjImgFN1')[0].childNodes[0].nodeValue + "' alt='' width='415' height='315' />";
				theIHStr = theIHStr + "<div class='captionImgNameBlue' style='background-color: " + theColorTemplate + "; width: 405px; height: 26px;'>";
				theIHStr = theIHStr + "<table width='395px'><tr><td align='left' width='50%'><a class='noDec' style='color: white;' href='javascript:currentPos--; if(currentPos<1)currentPos=" + numofpics + "; viewGalImage(" + numofpics + ");'>";
				theIHStr = theIHStr + xmlDoc.getElementsByTagName('ProjMenuBtn2')[0].childNodes[0].nodeValue;
				theIHStr = theIHStr + "</a></td><td align='right'><a class='noDec'  style='color: white;' href='javascript:currentPos++; if(currentPos>" + numofpics + ")currentPos=1; viewGalImage(" + numofpics + ");'>";
				theIHStr = theIHStr + xmlDoc.getElementsByTagName('ProjMenuBtn1')[0].childNodes[0].nodeValue;
				theIHStr = theIHStr + "</a></td></tr></table>";
				theIHStr = theIHStr + "</div>";
				
				document.getElementById("leftdiv3").innerHTML = theIHStr;
				
				setBottomValue((370+343+19));
				
				if(numofpics > 1)		
				{
					document.getElementById("leftdiv4").style.visibility = "visible";
					document.getElementById("leftdiv4").style.zindex = 17;
					document.getElementById("leftdiv4").style.top = "760px";
					document.getElementById("leftdiv4").style.left = "47px";	
					document.getElementById("leftdiv4").style.width = "450px";

					theIHStr="<table width='418px' border='0'><tr>";
					var theItag;
					for(var i = 1; i <= numofpics; i++)
					{					
						if(((i-1)%4)==0 && (i-1)!=0)
							theIHStr = theIHStr + "</tr><tr>";

						if (((i-1)%4)==0)
							theIHStr = theIHStr + "<td align='left' width='100'>";
						else if ((i%4)==0)
							theIHStr = theIHStr + "<td align='right' width='100'>";
						else	
							theIHStr = theIHStr + "<td align='center' width='108'>";
							
						theItag =	"ProjImgFN" + i;						
						theIHStr = theIHStr + "<a class='noDec' href='javascript:currentPos=" + i + "; viewGalImage(" + numofpics + ");'>";
						theIHStr = theIHStr + "<img class='showImg' src='images/" + xmlDoc.getElementsByTagName(theItag)[0].childNodes[0].nodeValue + "' alt='' width='80' height='61' />";
						if(i==1)
							theIHStr = theIHStr + "<div id='lowborder" + i + "' class='thumbnailCapsBlu' style='background-color: " + theColorTemplate + ";'>&nbsp;</div>";
						else
							theIHStr = theIHStr + "<div id='lowborder" + i + "' class='thumbnailCaps'>&nbsp;</div></a>";
							
						theIHStr = theIHStr + "</td>";						
					}
					
					if(numofpics%4 != 0)
					{
						for(var ex = 1; ex <= (4-(numofpics%4)); ex++)
						{
							theIHStr = theIHStr + "<td align='left' width='104'>&nbsp;</td>";						
						}
					}
					
					theIHStr = theIHStr + "</tr></table>";
					
					setBottomValue((760+((Math.floor(numofpics/4)+1)*65)));
					
					document.getElementById("leftdiv4").innerHTML = theIHStr;
				}
				
				document.getElementById("middlediv2").style.visibility = "visible";
				document.getElementById("middlediv2").style.zindex = 17;
				document.getElementById("middlediv2").style.top = "380px";
				document.getElementById("middlediv2").style.left = "530px";	
				
				if(xmlDoc.getElementsByTagName("ProjImgC1")[0].childNodes[0].nodeValue != 0)
				{
					document.getElementById("middlediv2").innerHTML = 
						"<span class='simpleText' id='commentbox'>" + xmlDoc.getElementsByTagName("ProjImgC1")[0].childNodes[0].nodeValue + "</span>"
				}
				else
				{
					document.getElementById("middlediv2").innerHTML =  
						"<span class='simpleText' id='commentbox'>&nbsp;</span>"
				}
								
				setBottomValue((380+300));
				
				break;

			case 4:	
				currentPos = 1;		
				var numofpics = xmlDoc.getElementsByTagName("ProjImgNumber")[0].childNodes[0].nodeValue;
				var theIHStr="";		

				for(var i = 1; i <= numofpics; i++)
				{						
					theRtag =	"ProjImgFN" + i;
					theCtag =	"ProjImgC" + i;
					imagearr[i]=xmlDoc.getElementsByTagName(theRtag)[0].childNodes[0].nodeValue;
					if(xmlDoc.getElementsByTagName(theCtag)[0].childNodes[0].nodeValue != 0)
					{
						commentarr[i]=xmlDoc.getElementsByTagName(theCtag)[0].childNodes[0].nodeValue;				
					}
					else
					{
						commentarr[i]="";				
					}
				}

				document.getElementById("leftdiv3").style.visibility = "visible";
				document.getElementById("leftdiv3").style.zindex = 17;
				document.getElementById("leftdiv3").style.top = "370px";
				document.getElementById("leftdiv3").style.left = "47px";	

				theIHStr = theIHStr + "<img id='bigImgHolder' class='showImg' src='images/" + xmlDoc.getElementsByTagName('ProjImgFN1')[0].childNodes[0].nodeValue + "' alt='' width='415' height='315' />";
				theIHStr = theIHStr + "<div class='captionImgNameBlue' style='background-color: " + theColorTemplate + "; width: 405px; height: 26px;'>";
				theIHStr = theIHStr + "<table width='395px'><tr><td align='left' width='50%'><a class='noDec' style='color: white;' href='javascript:currentPos--; if(currentPos<1)currentPos=" + numofpics + "; viewGalImage(" + numofpics + ");'>";
				theIHStr = theIHStr + xmlDoc.getElementsByTagName('ProjMenuBtn2')[0].childNodes[0].nodeValue;
				theIHStr = theIHStr + "</a></td><td align='right'><a class='noDec'  style='color: white;' href='javascript:currentPos++; if(currentPos>" + numofpics + ")currentPos=1; viewGalImage(" + numofpics + ");'>";
				theIHStr = theIHStr + xmlDoc.getElementsByTagName('ProjMenuBtn1')[0].childNodes[0].nodeValue;
				theIHStr = theIHStr + "</a></td></tr></table>";
				theIHStr = theIHStr + "</div>";

				document.getElementById("leftdiv3").innerHTML = theIHStr;

				setBottomValue((370+343+19));

				if(numofpics > 1)		
				{
					document.getElementById("leftdiv4").style.visibility = "visible";
					document.getElementById("leftdiv4").style.zindex = 17;
					document.getElementById("leftdiv4").style.top = "760px";
					document.getElementById("leftdiv4").style.left = "47px";	
					document.getElementById("leftdiv4").style.width = "450px";

					theIHStr="<table width='418px' border='0'><tr>";
					var theItag;
					for(var i = 1; i <= numofpics; i++)
					{					
						if(((i-1)%4)==0 && (i-1)!=0)
							theIHStr = theIHStr + "</tr><tr>";

						if (((i-1)%4)==0)
							theIHStr = theIHStr + "<td align='left' width='104'>";
						else if ((i%4)==0)
							theIHStr = theIHStr + "<td align='right' width='104'>";
						else	
							theIHStr = theIHStr + "<td align='center' width='104'>";

						theItag =	"ProjImgFN" + i;						
						theIHStr = theIHStr + "<a class='noDec' href='javascript:currentPos=" + i + "; viewGalImage(" + numofpics + ");'>";
						theIHStr = theIHStr + "<img class='showImg' src='images/" + xmlDoc.getElementsByTagName(theItag)[0].childNodes[0].nodeValue + "' alt='' width='80' height='61' />";
						if(i==1)
							theIHStr = theIHStr + "<div id='lowborder" + i + "' class='thumbnailCapsBlu' style='background-color: " + theColorTemplate + ";'>&nbsp;</div>";
						else
							theIHStr = theIHStr + "<div id='lowborder" + i + "' class='thumbnailCaps'>&nbsp;</div></a>";

						theIHStr = theIHStr + "</td>";						
					}
					
					if(numofpics%4 != 0)
					{
						for(var ex = 1; ex <= (4-(numofpics%4)); ex++)
						{
							theIHStr = theIHStr + "<td align='left' width='104'>&nbsp;</td>";						
						}
					}
					
					theIHStr = theIHStr + "</tr></table>";

					setBottomValue((760+((Math.floor(numofpics/4)+1)*65)));

					document.getElementById("leftdiv4").innerHTML = theIHStr;
				}

				document.getElementById("middlediv2").style.visibility = "visible";
				document.getElementById("middlediv2").style.zindex = 17;
				document.getElementById("middlediv2").style.top = "380px";
				document.getElementById("middlediv2").style.left = "530px";	
				
				if(xmlDoc.getElementsByTagName("ProjImgC1")[0].childNodes[0].nodeValue != 0)
				{
					document.getElementById("middlediv2").innerHTML = 
						"<span class='simpleText' id='commentbox'>" + xmlDoc.getElementsByTagName("ProjImgC1")[0].childNodes[0].nodeValue + "</span>"
				}
				else
				{
					document.getElementById("middlediv2").innerHTML =  
						"<span class='simpleText' id='commentbox'>&nbsp;</span>"
				}

				setBottomValue((380+300));
				break;	
				
			case 5:	
				currentPos = 1;		
				var numofpics = xmlDoc.getElementsByTagName("ProjImgNumber")[0].childNodes[0].nodeValue;
				var theIHStr="";		

				for(var i = 1; i <= numofpics; i++)
				{						
					theRtag =	"ProjImgFN" + i;
					theCtag =	"ProjImgC" + i;
					imagearr[i]=xmlDoc.getElementsByTagName(theRtag)[0].childNodes[0].nodeValue;
					if(xmlDoc.getElementsByTagName(theCtag)[0].childNodes[0].nodeValue != 0)
					{
						commentarr[i]=xmlDoc.getElementsByTagName(theCtag)[0].childNodes[0].nodeValue;				
					}
					else
					{
						commentarr[i]="";				
					}
				}

				document.getElementById("leftdiv3").style.visibility = "visible";
				document.getElementById("leftdiv3").style.zindex = 17;
				document.getElementById("leftdiv3").style.top = "370px";
				document.getElementById("leftdiv3").style.left = "47px";	

				theIHStr = theIHStr + "<img id='bigImgHolder' class='showImg' src='images/" + xmlDoc.getElementsByTagName('ProjImgFN1')[0].childNodes[0].nodeValue + "' alt='' width='415' height='315' />";
				theIHStr = theIHStr + "<div class='captionImgNameBlue' style='background-color: " + theColorTemplate + "; width: 405px; height: 26px;'>";
				theIHStr = theIHStr + "<table width='395px'><tr><td align='left' width='50%'><a class='noDec' style='color: white;' href='javascript:currentPos--; if(currentPos<1)currentPos=" + numofpics + "; viewGalImage(" + numofpics + ");'>";
				theIHStr = theIHStr + xmlDoc.getElementsByTagName('ProjMenuBtn2')[0].childNodes[0].nodeValue;
				theIHStr = theIHStr + "</a></td><td align='right'><a class='noDec'  style='color: white;' href='javascript:currentPos++; if(currentPos>" + numofpics + ")currentPos=1; viewGalImage(" + numofpics + ");'>";
				theIHStr = theIHStr + xmlDoc.getElementsByTagName('ProjMenuBtn1')[0].childNodes[0].nodeValue;
				theIHStr = theIHStr + "</a></td></tr></table>";
				theIHStr = theIHStr + "</div>";

				setBottomValue((370+343+19));
			
				document.getElementById("leftdiv3").innerHTML = theIHStr;


				if(numofpics > 1)		
				{
					document.getElementById("leftdiv4").style.visibility = "visible";
					document.getElementById("leftdiv4").style.zindex = 17;
					document.getElementById("leftdiv4").style.top = "760px";
					document.getElementById("leftdiv4").style.left = "47px";	
					document.getElementById("leftdiv4").style.width = "450px";

					theIHStr="<table width='418px' border='0'><tr>";
					var theItag;
					for(var i = 1; i <= numofpics; i++)
					{					
						if(((i-1)%4)==0 && (i-1)!=0)
							theIHStr = theIHStr + "</tr><tr>";

						if (((i-1)%4)==0)
							theIHStr = theIHStr + "<td align='left' width='104'>";
						else if ((i%4)==0)
							theIHStr = theIHStr + "<td align='right' width='104'>";
						else	
						theIHStr = theIHStr + "<td align='center' width='104'>";

						theItag =	"ProjImgFN" + i;						
						theIHStr = theIHStr + "<a class='noDec' href='javascript:currentPos=" + i + "; viewGalImage(" + numofpics + ");'>";
						theIHStr = theIHStr + "<img class='showImg' src='images/" + xmlDoc.getElementsByTagName(theItag)[0].childNodes[0].nodeValue + "' alt='' width='80' height='61' />";
						if(i==1)
							theIHStr = theIHStr + "<div id='lowborder" + i + "' class='thumbnailCapsBlu' style='background-color: " + theColorTemplate + ";'>&nbsp;</div>";
						else
							theIHStr = theIHStr + "<div id='lowborder" + i + "' class='thumbnailCaps'>&nbsp;</div></a>";

						theIHStr = theIHStr + "</td>";						
					}
					
					if(numofpics%4 != 0)
					{
						for(var ex = 1; ex <= (4-(numofpics%4)); ex++)
						{
							theIHStr = theIHStr + "<td align='left' width='104'>&nbsp;</td>";						
						}
					}
					
					theIHStr = theIHStr + "</tr></table>";
					
					setBottomValue((760+((Math.floor(numofpics/4)+1)*65)));
					
					document.getElementById("leftdiv4").innerHTML = theIHStr;
				}

				document.getElementById("middlediv2").style.visibility = "visible";
				document.getElementById("middlediv2").style.zindex = 17;
				document.getElementById("middlediv2").style.top = "380px";
				document.getElementById("middlediv2").style.left = "530px";	
				
				if(xmlDoc.getElementsByTagName("ProjImgC1")[0].childNodes[0].nodeValue != 0)
				{
					document.getElementById("middlediv2").innerHTML = 
						"<span class='simpleText' id='commentbox'>" + xmlDoc.getElementsByTagName("ProjImgC1")[0].childNodes[0].nodeValue + "</span>"
				}
				else
				{
					document.getElementById("middlediv2").innerHTML =  
						"<span class='simpleText' id='commentbox'>&nbsp;</span>"
				}
			
				setBottomValue((370+343+19));
				
				break;	
				
			case 6:	
				// not yet implmented and designed
				break;	
			
			default:
		}
 		
 		if(xmlDoc.getElementsByTagName("ProjAttr7")[0].childNodes[0].nodeValue > 0)
			setMenuColor(3);		
		else
			setMenuColor(4);
 		
 		setBottomValue(theBottom + 390);
		document.getElementById("theVeryBottomDiv").style.top = theBottom + "px"; 												
		document.getElementById("theVeryBottomDiv").style.visibility = "visible"; 												
		document.getElementById("theVeryBottomDiv").style.backgroundColor = theColorTemplate; 												

		setBottomValue(theBottom + 30);

		if(theBottom>1058)	
		{
			document.getElementById("contGray").style.height = (theBottom-680)+ "px"; 													
		}	
		else
		{
			document.getElementById("contGray").style.height = 10 + "px"; 						
			document.getElementById("theVeryBottomDiv").style.top = 1058 + "px"; 												
		}	
 		 		
 		
		var theredsucker = "projBtnItem" + theProjSection;
		var theredsucker2 = "projBtnItemB" + theProjSection;
		for(var i = 1; i <= 6; i++)
		{
			var projrowid = "projBtnItem" + i;
			var projrowid2 = "projBtnItemB" + i;
			var testtag = "ProjAttr" + i;
			if(xmlDoc.getElementsByTagName(testtag)[0].childNodes[0].nodeValue == 1)
			{
				document.getElementById(projrowid).style.color = '#00629f';
				document.getElementById(projrowid2).style.color = '#ffffff';
			}	
			else	
			{
				document.getElementById(projrowid).style.color = '#ffffff';
				document.getElementById(projrowid2).style.color = '#ffffff';
			}	
		}		
		
		document.getElementById(theredsucker).style.color = '#ed1b24';									
		document.getElementById(theredsucker2).style.color = '#ed1b24';												
	}	 	
}
//////////////////////////////////////////////////////////////////////////////////////////////////////////////

									

//////////////////////////////////////////////////////////////////////////////////////////////////////////////
////// 																																																	//////
////// This function takes us to a chosen Team member																										//////
////// 																																																  //////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////
function showTeamMember(whatMember)
{	
	theTeamMember = whatMember;
	
	xmlHttp = GetXmlHttpObject();
	if (xmlHttp==null)
	{
		alert ("Browser does not support HTTP Request");
		return;
	} 

	var url = "getteammember.php";
	url = url + "?q=" + whatMember;
	url = url + "&sid=" + Math.random();
	xmlHttp.onreadystatechange = teamMChanged;
	xmlHttp.open("GET",url,true);
	xmlHttp.send(null);	
}
//////////////////////////////////////////////////////////////////////////////////////////////////////////////



//////////////////////////////////////////////////////////////////////////////////////////////////////////////
////// 																																																	//////
////// This function runs when the server has returned new data after a team member button has been 		//////
////// clicked	The function will then display all the data collected into the different frames of the 	//////
////// page in an orderly fashion											  																								//////
////// 																																																  //////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////
function teamMChanged() 
{ 
	var noOfRows;
		
	if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete")
 	{  		
 		xmlDoc = xmlHttp.responseXML; 		
 				
		document.getElementById("leftdiv2").innerHTML=
					"	<img id='leftimg1' class='showImg' src='images/" + xmlDoc.getElementsByTagName('TeamMemberAttr5')[0].childNodes[0].nodeValue + "' alt='' width='150' height='113' /> \
						<div class='captionImgName' id='leftimg1cap1' style='width: 140px; height: 8px;'>&nbsp;</div> \
						<div id='leftimg1cap2' class='teamImgCaption'><table width='90' height='140' border='0' cellpadding='0' cellspacing='0'><tr> \
							<td class='simpleTextfTeamImg' valign='bottom' style='height: 50%;'> \
					" 		+ xmlDoc.getElementsByTagName('TeamMemberAttr1')[0].childNodes[0].nodeValue + " \
							</td></tr><tr> \
							<td class='highlightTextfTeamImg' valign='bottom' style='height: 50%;'> \
					"			+ xmlDoc.getElementsByTagName('TeamMemberAttr2')[0].childNodes[0].nodeValue + " \
							</td></tr></table> \
						</div>";
		document.getElementById("leftdiv3").innerHTML=xmlDoc.getElementsByTagName('TeamMemberAttr3')[0].childNodes[0].nodeValue;
							
		var lengd = xmlDoc.getElementsByTagName('TeamMemberAttr3')[0].childNodes[0].nodeValue.length;
				
		noOfRows = Math.round(lengd/100);						
		setBottomValue(theBottom + (noOfRows*11));	
		
		theTeamMember = xmlDoc.getElementsByTagName('TeamMemberAttr7')[0].childNodes[0].nodeValue;
	}	
		
	document.getElementById("theVeryBottomDiv").style.top = theBottom + "px"; 												
	document.getElementById("theVeryBottomDiv").style.visibility = "visible"; 												
	document.getElementById("theVeryBottomDiv").style.backgroundColor = "#ffffff"; 												

	setBottomValue(theBottom + 40);

	if(theBottom>780)	
		document.getElementById("contGray").style.height = (theBottom-780)+ "px"; 										
	else
		document.getElementById("contGray").style.height = (10)+ "px"; 						
			
	for(var i = 1; i <= theNumOfTeamMember; i++)
	{
		var projrowid = "tm" + i;		
		if(theTeamArr[i] == theTeamMember)
		{
			document.getElementById(projrowid).style.backgroundColor = '#ed1b24';									
		}	
		else
		{		
			document.getElementById(projrowid).style.backgroundColor = '#575757';		
		}	
	}			
}
//////////////////////////////////////////////////////////////////////////////////////////////////////////////



//////////////////////////////////////////////////////////////////////////////////////////////////////////////
////// 																																																	//////
////// This function takes us to a chosen Company																												//////
////// 																																																  //////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////
function showCompMember(whatCMember)
{	
	theCompMember = whatCMember;
		
	xmlHttp = GetXmlHttpObject();
	if (xmlHttp==null)
	{
		alert ("Browser does not support HTTP Request");
		return;
	} 

	var url = "getcompmember.php";
	url = url + "?q=" + whatCMember;
	url = url + "&sid=" + Math.random();
	xmlHttp.onreadystatechange = compMChanged;
	xmlHttp.open("GET",url,true);
	xmlHttp.send(null);	
}
//////////////////////////////////////////////////////////////////////////////////////////////////////////////



//////////////////////////////////////////////////////////////////////////////////////////////////////////////
////// 																																																	//////
////// This function runs when the server has returned new data after a team member button has been 		//////
////// clicked	The function will then display all the data collected into the different frames of the 	//////
////// page in an orderly fashion											  																								//////
////// 																																																  //////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////
function compMChanged() 
{ 
	if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete")
 	{  		
 		xmlDoc = xmlHttp.responseXML; 		
 			
		document.getElementById("leftdiv2").innerHTML=
				xmlDoc.getElementsByTagName('CompanyMemberAttr2')[0].childNodes[0].nodeValue;								
				
		theCompMember = xmlDoc.getElementsByTagName('CompanyMemberAttr3')[0].childNodes[0].nodeValue;		
	}		
		
	for(var i = 1; i <= theNumOfCompMember; i++)
	{
		var projrowid = "cp" + i;		
		if(theCompArr[i] == theCompMember)
		{
			document.getElementById(projrowid).style.backgroundColor = '#ed1b24';									
		}	
		else
		{		
			document.getElementById(projrowid).style.backgroundColor = '#575757';		
		}	
	}			
}
//////////////////////////////////////////////////////////////////////////////////////////////////////////////



//////////////////////////////////////////////////////////////////////////////////////////////////////////////
////// 																																																	//////
////// This function takes us to a chosen japanese section																							//////
////// 																																																  //////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////
function showJapMember(whatCMember)
{	
	theJapMember = whatCMember;
		
	xmlHttp = GetXmlHttpObject();
	if (xmlHttp==null)
	{
		alert ("Browser does not support HTTP Request");
		return;
	} 

	var url = "getjapmember.php";
	url = url + "?q=" + whatCMember;
	url = url + "&sid=" + Math.random();
	xmlHttp.onreadystatechange = japMChanged;
	xmlHttp.open("GET",url,true);
	xmlHttp.send(null);	
}
//////////////////////////////////////////////////////////////////////////////////////////////////////////////



//////////////////////////////////////////////////////////////////////////////////////////////////////////////
////// 																																																	//////
////// This function runs when the server has returned new data after a japanese section button has been//////
////// clicked	The function will then display all the data collected into the different frames of the 	//////
////// page in an orderly fashion											  																								//////
////// 																																																  //////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////
function japMChanged() 
{ 
	if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete")
 	{  		
 		xmlDoc = xmlHttp.responseXML; 		
 			
		document.getElementById("leftdiv2").innerHTML=
				xmlDoc.getElementsByTagName('JapMemberAttr2')[0].childNodes[0].nodeValue;								
				
		theCompMember = xmlDoc.getElementsByTagName('JapMemberAttr3')[0].childNodes[0].nodeValue;		
	}		
		
	for(var i = 1; i <= theNumOfJapMember; i++)
	{
		var projrowid = "cp" + i;		
		if(theJapArr[i] == theJapMember)
		{
			document.getElementById(projrowid).style.backgroundColor = '#ed1b24';									
		}	
		else
		{		
			document.getElementById(projrowid).style.backgroundColor = '#575757';		
		}	
	}			
}
//////////////////////////////////////////////////////////////////////////////////////////////////////////////



//////////////////////////////////////////////////////////////////////////////////////////////////////////////
////// 																																																	//////
////// This function takes us to a chosen news list																											//////
////// 																																																  //////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////
function openNewsList(whatNewsList)
{	
	document.getElementById("leftdiv3").style.visibility = "hidden";
	document.getElementById("leftdiv3").style.zindex = -1;
	document.getElementById("leftdiv3").innerHTML = "";
	
	for(var i = 1; i <= 2; i++)
	{
		var newsBtnid = "newsBtnItem" + i;

		if (i == whatNewsList)
		{			
			document.getElementById(newsBtnid).style.color = '#ed1b24';			
		}
		else
		{
			document.getElementById(newsBtnid).style.color = '#5B5B5E';
		}		
	}
	
	theNewsList = whatNewsList;
			
	xmlHttp = GetXmlHttpObject();
	if (xmlHttp==null)
	{
		alert ("Browser does not support HTTP Request");
		return;
	} 

	var url = "getnewslists.php";
	url = url + "?q=" + whatNewsList;
	url = url + "&sid=" + Math.random();
	xmlHttp.onreadystatechange = newslistChanged;
	xmlHttp.open("GET",url,true);
	xmlHttp.send(null);	
}
//////////////////////////////////////////////////////////////////////////////////////////////////////////////



//////////////////////////////////////////////////////////////////////////////////////////////////////////////
////// 																																																	//////
////// This function runs when the server has picked a news list in the news page										 		//////
////// The function will then display all the data collected into the different frames of the 					//////
////// page in an orderly fashion											  																								//////
////// 																																																  //////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////
function newslistChanged() 
{ 
	if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete")
 	{  		
 		xmlDoc = xmlHttp.responseXML;
 			
 		switch (theNewsList)
		{
			case 1:					
				document.getElementById("leftdiv3").style.visibility = "visible";
				document.getElementById("leftdiv3").style.zindex = 17;
				document.getElementById("leftdiv3").style.top = "370px";
				document.getElementById("leftdiv3").style.left = "47px";	
								
				var noofnews = xmlDoc.getElementsByTagName("NoOfNews")[0].childNodes[0].nodeValue;
				var thePrntStr = "";
				var firstPos;
				var secondPos;
				var workStr="";
				var workStr_2="";
				var checker;
				
				if(noofnews>0) 
				{
					for(var i=1; i<=noofnews; i++)
					{
						var titletag = "NewsST" + i;
						var timetag = "NewsTime" + i;
						var sumtag = "NewsSum" + i;
						var nidtag = "NewsID" + i;
						var imgtag = "NewsSumImg" + i; 
						var typtag = "NewsType" + i; 
						var pdftag = "NewsPDF" + i; 
						var urltag = "NewsOffsiteURL" + i; 
												
						workStr = xmlDoc.getElementsByTagName(titletag)[0].childNodes[0].nodeValue;				
						checker=0;

						do
						{
							firstPos = workStr.indexOf("<");
							secondPos = workStr.indexOf(">");
							if(firstPos != -1) 
							{
								workStr_2 = workStr.slice(firstPos, (secondPos+1));
								workStr = workStr.replace(workStr_2, "");
							}
							else
							{
								checker = 1;
							}
						}while(checker == 0)

						thePrntStr = thePrntStr + "	<table width='600px' border='0' cellpadding='0' cellspacing='0'>";
						thePrntStr = thePrntStr + "		<tr class='newsTopBorder'>";
						thePrntStr = thePrntStr + "			<td width='420' class='ordinaryNewsTextLightHead' style='padding-left: 10px; width: 420px;' align='left'>" + workStr + "</td>";
						thePrntStr = thePrntStr + "			<td class='simpleMiniText' style='padding-right: 10px;' align='right' width='180'>" + xmlDoc.getElementsByTagName(timetag)[0].childNodes[0].nodeValue +  "</td>";
						thePrntStr = thePrntStr + "		</tr>";			
						thePrntStr = thePrntStr + "		<tr class='ordinaryNewsText'>";
						thePrntStr = thePrntStr + "			<td colspan='2'>";
						thePrntStr = thePrntStr + "				<table width='100%' border='0' cellpadding='0' cellspacing='0'>";
						thePrntStr = thePrntStr + "					<tr>";
						
						if(xmlDoc.getElementsByTagName(imgtag)[0].childNodes[0].nodeValue != 0)
						{
							thePrntStr = thePrntStr + "					<td class='ordinaryNewsText' style='width: 50%;' valign='top'>";
							thePrntStr = thePrntStr + 						xmlDoc.getElementsByTagName(sumtag)[0].childNodes[0].nodeValue;
							thePrntStr = thePrntStr + "					</td>";
							thePrntStr = thePrntStr + "					<td class='ordinaryNewsText' style='width: 50%;' align='right'>";
							thePrntStr = thePrntStr + "						<img class='basicImg' src='images/" + xmlDoc.getElementsByTagName(imgtag)[0].childNodes[0].nodeValue + "' alt='' width='275' height='210' />";																										
							thePrntStr = thePrntStr + "						<div class='captionImgName'style='width: 265px;'>&nbsp;</div>";
							thePrntStr = thePrntStr + "					</td>";
						}
						else
						{
							thePrntStr = thePrntStr + "					<td colspan='2' class='ordinaryNewsText'>";
							thePrntStr = thePrntStr + 						xmlDoc.getElementsByTagName(sumtag)[0].childNodes[0].nodeValue;
							thePrntStr = thePrntStr + "					</td>";
						}	
												
						thePrntStr = thePrntStr + "					</tr>";
						thePrntStr = thePrntStr + "				</table>";
						thePrntStr = thePrntStr + "			</td>";
						thePrntStr = thePrntStr + "		</tr>";	
						thePrntStr = thePrntStr + "		<tr class='ordinaryNewsText'>";
						thePrntStr = thePrntStr + "			<td colspan='2' class='HLNewsText'>";						
						if(xmlDoc.getElementsByTagName(typtag)[0].childNodes[0].nodeValue == 1)
						{
							thePrntStr = thePrntStr + "			<a class='HLNewsText' style='padding-left: 0px;' href='javascript:ReloadPage(5, 5, " + xmlDoc.getElementsByTagName(nidtag)[0].childNodes[0].nodeValue + ", -1);'>";
						}
						else if(xmlDoc.getElementsByTagName(typtag)[0].childNodes[0].nodeValue == 2)
						{
							thePrntStr = thePrntStr + "			<a class='HLNewsText' style='padding-left: 0px;' href='javascript:ReloadPage(5, 5, " + xmlDoc.getElementsByTagName(nidtag)[0].childNodes[0].nodeValue + ", -1);'>";
						}
						else
						{
							thePrntStr = thePrntStr + "			<a class='HLNewsText' style='padding-left: 0px;' href='javascript:ReloadPage(5, 5, " + xmlDoc.getElementsByTagName(nidtag)[0].childNodes[0].nodeValue + ", -1);'>";
						}						
						thePrntStr = thePrntStr + 					xmlDoc.getElementsByTagName("clickBtn")[0].childNodes[0].nodeValue;
						thePrntStr = thePrntStr + "				</a>";
						thePrntStr = thePrntStr + "			</td>";
						thePrntStr = thePrntStr + "		</tr>";
						thePrntStr = thePrntStr + "	</table>";
						thePrntStr = thePrntStr + "	<br />";
					}	
				}
				else
					thePrntStr = thePrntStr + "<div class='ordinaryNewsText'>There are no recent news at the moment</div>";
				
				setBottomValue((370+(noofnews*210)));
				
				document.getElementById("leftdiv3").innerHTML= thePrntStr;
				
				break;

			case 2:	
														
				document.getElementById("leftdiv3").style.visibility = "visible";
				document.getElementById("leftdiv3").style.zindex = 17;
				document.getElementById("leftdiv3").style.top = "345px";
				document.getElementById("leftdiv3").style.left = "47px";	

				var noofnews = xmlDoc.getElementsByTagName("NoOfNews")[0].childNodes[0].nodeValue;
				var thePrntStr = "";
				var firstPos;
				var secondPos;
				var workStr="";
				var workStr_2="";
				var checker;				

				thePrntStr = thePrntStr + "	<table width='630px' border='0' cellpadding='0' cellspacing='0'>";
				thePrntStr = thePrntStr + "		<tr>";
				thePrntStr = thePrntStr + "			<td colspan='2' class='ordinaryNewsText' style='padding-left: 10px; width: 600px;' align='left'>" + xmlDoc.getElementsByTagName("NewsCatExpl")[0].childNodes[0].nodeValue + "</td>";
				thePrntStr = thePrntStr + "			<td width='30'>&nbsp;</td>";
				thePrntStr = thePrntStr + "		</tr>";	
				thePrntStr = thePrntStr + "		<tr>";
				thePrntStr = thePrntStr + "			<td colspan='3'>&nbsp;</td>";						
				thePrntStr = thePrntStr + "		</tr>";	
				
				if(noofnews>0) 
				{
					for(var i=1; i<=noofnews; i++)
					{
						var titletag = "NewsST" + i;
						var timetag = "NewsTime" + i;						
						var nidtag = "NewsID" + i;						
						var cattag = "NewsCat" + i;
						var typtag = "NewsType" + i; 
						var pdftag = "NewsPDF" + i; 
						var urltag = "NewsOffsiteURL" + i; 
						
						workStr = xmlDoc.getElementsByTagName(titletag)[0].childNodes[0].nodeValue;				
						checker=0;

						do
						{
							firstPos = workStr.indexOf("<");
							secondPos = workStr.indexOf(">");
							if(firstPos != -1) 
							{
								workStr_2 = workStr.slice(firstPos, (secondPos+1));
								workStr = workStr.replace(workStr_2, "");
							}
							else
							{
								checker = 1;
							}
						}while(checker == 0)
												
						thePrntStr = thePrntStr + "		<tr>";
						thePrntStr = thePrntStr + "			<td id='NAFholder" + i + "' width='420' style='padding-left: 10px; width: 420px;' align='left'>";						
						if(xmlDoc.getElementsByTagName(typtag)[0].childNodes[0].nodeValue == 1)
						{
							thePrntStr = thePrntStr + "				<a id='NAFXholder" + i + "' class='ordinaryNewsTextDarkHead' style='padding-left: 0px;' href='javascript:ReloadPage(5, 5, " + xmlDoc.getElementsByTagName(nidtag)[0].childNodes[0].nodeValue + ", -1);' onmouseover='markbkg(1, " + i + ");' onmouseout='markbkg(0, " + i + ");'>";
						}
						else if(xmlDoc.getElementsByTagName(typtag)[0].childNodes[0].nodeValue == 2)
						{
							thePrntStr = thePrntStr + "				<a id='NAFXholder" + i + "' class='ordinaryNewsTextDarkHead' style='padding-left: 0px;' href='javascript:ReloadPage(5, 5, " + xmlDoc.getElementsByTagName(nidtag)[0].childNodes[0].nodeValue + ", -1);' onmouseover='markbkg(1, " + i + ");' onmouseout='markbkg(0, " + i + ");'>";							
						}
						else
						{
							thePrntStr = thePrntStr + "				<a id='NAFXholder" + i + "' class='ordinaryNewsTextDarkHead' style='padding-left: 0px;' href='javascript:ReloadPage(5, 5, " + xmlDoc.getElementsByTagName(nidtag)[0].childNodes[0].nodeValue + ", -1);' onmouseover='markbkg(1, " + i + ");' onmouseout='markbkg(0, " + i + ");'>";							
						}
						thePrntStr = thePrntStr + 					workStr;
						thePrntStr = thePrntStr + "				</a>";
						thePrntStr = thePrntStr + "			</td>";
						thePrntStr = thePrntStr + "			<td id='NASholder" + i + "' class='ordinaryNewsTextDarkHead' style='font-size: 11px; padding-right: 10px;' align='right' width='180'>" + xmlDoc.getElementsByTagName(timetag)[0].childNodes[0].nodeValue +  "</td>";
						thePrntStr = thePrntStr + "			<td id='NANholder" + i + "'class='ordinaryNewsTextDarkHead' style='padding-left: 10px;' align='left' width='30'>" + xmlDoc.getElementsByTagName(cattag)[0].childNodes[0].nodeValue +  "</td>";
						thePrntStr = thePrntStr + "		</tr>";			
						thePrntStr = thePrntStr + "		<tr>";
						thePrntStr = thePrntStr + "			<td colspan='3' style='line-height: 4pt; height: 4px;'>&nbsp;</td>";						
						thePrntStr = thePrntStr + "		</tr>";							
					}	
					thePrntStr = thePrntStr + "	</table>";
					thePrntStr = thePrntStr + "	<br />";
				}
				else
					thePrntStr = thePrntStr + "<div class='ordinaryNewsText'>The archive is empty</div>";

				setBottomValue((400+(noofnews*30)));
				
				document.getElementById("leftdiv3").innerHTML= thePrntStr;

				break;

			
			default:
		} 		
		
		setBottomValue(theBottom + 50);
		document.getElementById("theVeryBottomDiv").style.top = theBottom + "px"; 												
		document.getElementById("theVeryBottomDiv").style.visibility = "visible"; 												
		document.getElementById("theVeryBottomDiv").style.backgroundColor = "#000000"; 												
		document.getElementById("theVeryBottomDiv").style.paddingTop = "6px"; 												
		document.getElementById("theVeryBottomDiv").style.height = "24px"; 												
		
		setBottomValue(theBottom + 30);

		if(theBottom>1058)	
		{
			document.getElementById("contGray").style.height = (theBottom-780)+ "px"; 													
		}	
		else
		{
			document.getElementById("contGray").style.height = 10 + "px"; 						
			document.getElementById("theVeryBottomDiv").style.top = 1058 + "px"; 												
		}			
	}	 	
}
//////////////////////////////////////////////////////////////////////////////////////////////////////////////



//////////////////////////////////////////////////////////////////////////////////////////////////////////////
////// 																																																	//////
////// This function sends a form mail																																	//////
////// 																																																  //////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////
function sendFormMail(Mname, Mmejl, Mphone, Mproj, Msubj, Mmess)
{		 
	var alerttxt="";
	var apos = Mmejl.indexOf("@")
	var dotpos = Mmejl.lastIndexOf(".")
	var fail = 0;
	
	if (apos<1||dotpos-apos<2) 
	{
		fail = 1;
		alerttxt = alerttxt + "You have not written any valid e-mail. /// ";
	}
	
	if (Mname==null || Mname=="" || Mname=="name*")
	{
		fail = 1;
		alerttxt = alerttxt + "You have not written any name. /// ";
	}
	
	if (Mmess==null || Mmess=="" || Mmess=="message*")
	{
		fail = 1;
		alerttxt = alerttxt + "You have not written any message. /// ";
	}
		
	if (fail == 1)
	{
		alert(alerttxt);
	}	
	else
	{	
		xmlHttp = GetXmlHttpObject();
		if (xmlHttp==null)
		{
			alert ("Browser does not support HTTP Request");
			return;
		} 
	
		var url = "sendmail.php";
		url = url + "?q=" + Mname;
		url = url + "&w=" + Mmejl;
		url = url + "&a=" + Mphone;
		url = url + "&s=" + Mproj;
		url = url + "&t=" + Msubj;
		url = url + "&m=" + Mmess;
		url = url + "&sid=" + Math.random();
		xmlHttp.onreadystatechange = mailSent;
		xmlHttp.open("GET",url,true);
		xmlHttp.send(null);	
	}	
}
//////////////////////////////////////////////////////////////////////////////////////////////////////////////


//////////////////////////////////////////////////////////////////////////////////////////////////////////////
////// 																																																	//////
////// This function runs when the server has sent the mail from the contact form										 		//////
////// The function will then display all the data collected into the different frames of the 					//////
////// page in an orderly fashion											  																								//////
////// 																																																  //////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////
function mailSent() 
{ 
	if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete")
 	{  		
 		xmlDoc = xmlHttp.responseXML;
 			
 		document.getElementById("infocell").innerHTML="Mail has been sent, Thank you!";	
 		
 		document.getElementById("mailform").reset();
	}	 	
}
//////////////////////////////////////////////////////////////////////////////////////////////////////////////



//////////////////////////////////////////////////////////////////////////////////////////////////////////////
////// 																																																	//////
////// This function takes us to the search page																												//////
////// 																																																  //////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////
function openSearchItem(howAdv, searchStr, defaultStr)
{		
	if(defaultStr != "")
		document.getElementById("searchword").value	= defaultStr;
		
	xmlHttp = GetXmlHttpObject();
	if (xmlHttp==null)
	{
		alert ("Browser does not support HTTP Request");
		return;
	} 

	var url = "getsearchresult.php";
	url = url + "?q=" + searchStr;
	url = url + "&sid=" + Math.random();
	xmlHttp.onreadystatechange = searchChanged;
	xmlHttp.open("GET",url,true);
	xmlHttp.send(null);	
}
//////////////////////////////////////////////////////////////////////////////////////////////////////////////



//////////////////////////////////////////////////////////////////////////////////////////////////////////////
////// 																																																	//////
////// This function runs when the server has returned new data after a search has been made						//////
////// The function will then display all the data collected into the different frames of the 					//////
////// page in an orderly fashion											  																								//////
////// 																																																  //////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////
function searchChanged() 
{ 
	if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete")
 	{  		
 		xmlDoc = xmlHttp.responseXML; 
 		
 		clearDivs();
 			
		document.getElementById("leftdiv1").style.visibility = "visible";
		document.getElementById("leftdiv1").style.zindex = 17;
		document.getElementById("leftdiv1").style.top = "240px";
		document.getElementById("leftdiv1").style.left = "47px";			
		document.getElementById("leftdiv1").innerHTML= 
					xmlDoc.getElementsByTagName("ContactHeaderText1")[0].childNodes[0].nodeValue;
				
		document.getElementById("leftdiv2").style.visibility = "visible";										
		document.getElementById("leftdiv2").style.zindex = 17;
		document.getElementById("leftdiv2").style.top = "310px";
		document.getElementById("leftdiv2").style.left = "47px";			
		var frmStr	= "";
		frmStr = frmStr + "	<form id='searchform' name='searchform' method='post' action='javascript:ReloadPage(9, 1, document.getElementById(&quot;searchval&quot;).value, &quot;search...&quot;);'>";
		frmStr = frmStr + "		<table width='270' border='0' cellpadding='0' cellspacing='0'><tr>";
		frmStr = frmStr + "			<td style='height: 40px;'>";
		frmStr = frmStr + "				<input class='formTxtBox2' type='text' name='searchval' id='searchval' value='" + xmlDoc.getElementsByTagName('searchword')[0].childNodes[0].nodeValue + "' onfocus='document.getElementById(&quot;searchval&quot;).value = &quot;&quot;;' />";
		frmStr = frmStr + "			</td></tr>";		
		frmStr = frmStr + "			<tr><td style='height: 35px;'>";
		frmStr = frmStr + "				<select class='formListBox' name='projval' id='projval'>";
		frmStr = frmStr + "					<option value='f1'>" + xmlDoc.getElementsByTagName('SearchFormThing2')[0].childNodes[0].nodeValue + "</option>";
		tmax = xmlDoc.getElementsByTagName('ProjListLength')[0].childNodes[0].nodeValue;
		for(var i=1; i<=tmax;	i++)
		{
			ptagna = "projName" + i;
			ptagid = "projID" + i;
			frmStr = frmStr + "				<option value='" + xmlDoc.getElementsByTagName(ptagna)[0].childNodes[0].nodeValue + "'>" + xmlDoc.getElementsByTagName(ptagna)[0].childNodes[0].nodeValue + "</option>";
		}						
		frmStr = frmStr + "				</select>";
		frmStr = frmStr + "			</td></tr>";						
		
		/*frmStr = frmStr + "			<tr><td style='height: 35px;'>";
		frmStr = frmStr + "				<select class='formListBox' name='locval' id='locval'>";
		frmStr = frmStr + "					<option value='f1'>" + xmlDoc.getElementsByTagName('SearchFormThing3')[0].childNodes[0].nodeValue + "</option>";		
		for(var i=1; i<=3; i++)
		{					
			frmStr = frmStr + "				<option value='undefined'>undefined</option>";
		}						
		frmStr = frmStr + "				</select>";
		frmStr = frmStr + "			</td></tr>";
		frmStr = frmStr + "			<tr><td style='height: 35px;'>";
		frmStr = frmStr + "				<select class='formListBox' name='curval' id='curval'>";
		frmStr = frmStr + "					<option value='f1'>" + xmlDoc.getElementsByTagName('SearchFormThing4')[0].childNodes[0].nodeValue + "</option>";		
		for(var i=1; i<=3; i++)
		{					
			frmStr = frmStr + "				<option value='undefined'>undefined</option>";
		}						
		frmStr = frmStr + "				</select>";
		frmStr = frmStr + "			</td></tr>";		*/
		
		frmStr = frmStr + "			<tr><td style='height: 60px; valign='middle'>";
		frmStr = frmStr + "				<input class='formBtn1_2' type='reset' name='doSearch' id='doSearch' value='" + xmlDoc.getElementsByTagName('SearchFormThing5')[0].childNodes[0].nodeValue + "'>";
		frmStr = frmStr + "				<img class='basicImg' src='images/space_mini.gif' width='8' height='8' alt='' />";
		frmStr = frmStr + "				<input class='formBtn2_2' type='submit' name='resetSearch' id='resetSearch' value='" + xmlDoc.getElementsByTagName('SearchFormThing6')[0].childNodes[0].nodeValue + "'>";
		frmStr = frmStr + "			</td></tr>";		
		frmStr = frmStr + "		</table></form>";

		setBottomValue((310+300));

		document.getElementById("leftdiv2").innerHTML = frmStr;	
		
		document.getElementById("middlediv1").style.visibility = "visible"; 					
		document.getElementById("middlediv1").style.zindex = 17;
		document.getElementById("middlediv1").style.top = "310px";
		document.getElementById("middlediv1").style.left = "360px"; 					
		document.getElementById("middlediv1").innerHTML="<img class='basicImg' src='images/" + xmlDoc.getElementsByTagName('SearchImg')[0].childNodes[0].nodeValue + "' alt='' width='265' height='246' />";		
				
		setBottomValue((310+246));		
		
		if(xmlDoc.getElementsByTagName("noOfTotalHits")[0].childNodes[0].nodeValue != -1)
		{
			document.getElementById("leftdiv3").style.visibility = "visible";
			document.getElementById("leftdiv3").style.zindex = 17;
			document.getElementById("leftdiv3").style.top = "524px";
			document.getElementById("leftdiv3").style.left = "47px";			
			document.getElementById("leftdiv3").innerHTML= 
						xmlDoc.getElementsByTagName("ContactHeaderText2")[0].childNodes[0].nodeValue;
						
			document.getElementById("leftdiv4").style.visibility = "visible";
			document.getElementById("leftdiv4").style.zindex = 17;
			document.getElementById("leftdiv4").style.top = "595px";
			document.getElementById("leftdiv4").style.left = "47px";									
			
			var noofPhits = xmlDoc.getElementsByTagName("noOfPHits")[0].childNodes[0].nodeValue;
			var noofIhits = xmlDoc.getElementsByTagName("noOfIHits")[0].childNodes[0].nodeValue;			
			var noOfNHits = xmlDoc.getElementsByTagName("noOfNHits")[0].childNodes[0].nodeValue;			
			var noOfSHits = xmlDoc.getElementsByTagName("noOfSHits")[0].childNodes[0].nodeValue;			
			var noOfCHits = xmlDoc.getElementsByTagName("noOfCHits")[0].childNodes[0].nodeValue;
			
			var thePrntStr = "";
			var anyRes = 0;
			var theSearchStr = xmlDoc.getElementsByTagName('searchword')[0].childNodes[0].nodeValue;
			
			thePrntStr = thePrntStr + "	<table width='690px' border='0' cellpadding='0' cellspacing='0'>";
						
			var koll; 
			
			if(noofPhits>0) 
			{					
				koll = 0;
				for(var i=1; i<=noofPhits; i++)
				{					
					nametag = "searchResultPN" + i;					
					idtag = "searchResultPID" + i;						
					findtag = "searchResultProjOutputStr" + i;	
					
					if(xmlDoc.getElementsByTagName(findtag)[0].childNodes[0].nodeValue != "0")
					{									
						koll = 1;
						thePrntStr = thePrntStr + "		<tr>";
						thePrntStr = thePrntStr + "			<td class='simpleTextBlue' style='font-weight: 700;'>";
						thePrntStr = thePrntStr + "				Project: ";				
						thePrntStr = thePrntStr + 				xmlDoc.getElementsByTagName(nametag)[0].childNodes[0].nodeValue;
						thePrntStr = thePrntStr +	"			</td>";					
						thePrntStr = thePrntStr + "		</tr>";								
						thePrntStr = thePrntStr + "		<tr>";
						thePrntStr = thePrntStr + "			<td class='simpleTextBlue'>";					
						thePrntStr = thePrntStr + 				xmlDoc.getElementsByTagName(findtag)[0].childNodes[0].nodeValue;
						thePrntStr = thePrntStr +	"			</td>";					
						thePrntStr = thePrntStr + "		</tr>";								
						thePrntStr = thePrntStr + "		<tr>";
						thePrntStr = thePrntStr + "			<td style='height: 30px; valign='top'>";
						thePrntStr = thePrntStr + "				<div class='formBtn1_3'>"
						thePrntStr = thePrntStr + "					<a class='formBtn1_3txt' href='javascript:ReloadPage(10, 1, " + xmlDoc.getElementsByTagName(idtag)[0].childNodes[0].nodeValue + ", 0);'>"
						thePrntStr = thePrntStr + 						xmlDoc.getElementsByTagName('SearchFormThing6')[0].childNodes[0].nodeValue;
						thePrntStr = thePrntStr + "					</a>";
						thePrntStr = thePrntStr + "				</div>"
						thePrntStr = thePrntStr + "			</td>";
						thePrntStr = thePrntStr + "		</tr>";			
						thePrntStr = thePrntStr + "		<tr>";
						thePrntStr = thePrntStr + "			<td style='line-height: 12pt; height: 12px;'>&nbsp;</td>";						
						thePrntStr = thePrntStr + "		</tr>";							
					}
				}
				if(koll != 1)
				{
					noofPhits = 0;
				}
			}	
			
			if(noofIhits>0) 
			{					
				koll = 0;
				for(var i=1; i<=noofIhits; i++)
				{					
					idtag = "searchResultIPID" + i;						
					nametag = "searchResultIPN" + i;						
					findtag = "searchResultImgOutputStr" + i;						
												
					if(xmlDoc.getElementsByTagName(findtag)[0].childNodes[0].nodeValue != "0")
					{									
						koll = 1;
						thePrntStr = thePrntStr + "		<tr>";
						thePrntStr = thePrntStr + "			<td class='simpleTextBlue' style='font-weight: 700;'>";
						thePrntStr = thePrntStr + "				Project: ";
						thePrntStr = thePrntStr + 				xmlDoc.getElementsByTagName(nametag)[0].childNodes[0].nodeValue;
						thePrntStr = thePrntStr +	"			</td>";					
						thePrntStr = thePrntStr + "		</tr>";		
						thePrntStr = thePrntStr + "		<tr>";
						thePrntStr = thePrntStr + "			<td class='simpleTextBlue'>";					
						thePrntStr = thePrntStr + 				xmlDoc.getElementsByTagName(findtag)[0].childNodes[0].nodeValue;
						thePrntStr = thePrntStr +	"			</td>";					
						thePrntStr = thePrntStr + "		</tr>";								
						thePrntStr = thePrntStr + "		<tr>";
						thePrntStr = thePrntStr + "			<td style='height: 30px; valign='top'>";
						thePrntStr = thePrntStr + "				<div class='formBtn1_3'>"
						thePrntStr = thePrntStr + "					<a class='formBtn1_3txt' href='javascript:ReloadPage(10, 1, " + xmlDoc.getElementsByTagName(idtag)[0].childNodes[0].nodeValue + ", 0);'>"
						thePrntStr = thePrntStr + 						xmlDoc.getElementsByTagName('SearchFormThing6')[0].childNodes[0].nodeValue;
						thePrntStr = thePrntStr + "					</a>";
						thePrntStr = thePrntStr + "				</div>"
						thePrntStr = thePrntStr + "			</td>";
						thePrntStr = thePrntStr + "		</tr>";			
						thePrntStr = thePrntStr + "		<tr>";
						thePrntStr = thePrntStr + "			<td style='line-height: 12pt; height: 12px;'>&nbsp;</td>";						
						thePrntStr = thePrntStr + "		</tr>";							
					}
				}
				if(koll != 1)
				{
					noofIhits = 0;
				}
			}	
							
			if(noOfNHits>0) 
			{				
				koll = 0;
				for(var i=1; i<=noOfNHits; i++)
				{					
					idtag = "searchResultNID" + i;											
					titletag = "searchResultNT" + i;		
					timetag = "searchResultNTime" + i;							
					findtag = "searchResultNewsOutputStr" + i;						
															
					if(xmlDoc.getElementsByTagName(findtag)[0].childNodes[0].nodeValue != "0")
					{									
						koll = 1;
						thePrntStr = thePrntStr + "		<tr>";
						thePrntStr = thePrntStr + "			<td class='simpleTextBlue' style='font-weight: 700;'>";
						thePrntStr = thePrntStr + "				News: " + xmlDoc.getElementsByTagName(titletag)[0].childNodes[0].nodeValue + ", " +	xmlDoc.getElementsByTagName(timetag)[0].childNodes[0].nodeValue;
						thePrntStr = thePrntStr +	"			</td>";					
						thePrntStr = thePrntStr + "		</tr>";								
						thePrntStr = thePrntStr + "		<tr>";
						thePrntStr = thePrntStr + "			<td class='simpleTextBlue'>";					
						thePrntStr = thePrntStr + 				xmlDoc.getElementsByTagName(findtag)[0].childNodes[0].nodeValue;
						thePrntStr = thePrntStr +	"			</td>";					
						thePrntStr = thePrntStr + "		</tr>";								
						thePrntStr = thePrntStr + "		<tr>";
						thePrntStr = thePrntStr + "			<td style='height: 30px; valign='top'>";
						thePrntStr = thePrntStr + "				<div class='formBtn1_3'>"
						thePrntStr = thePrntStr + "					<a class='formBtn1_3txt' href='javascript:ReloadPage(5, 5, " + xmlDoc.getElementsByTagName(idtag)[0].childNodes[0].nodeValue + ", -1);'>"
						thePrntStr = thePrntStr + 						xmlDoc.getElementsByTagName('SearchFormThing6')[0].childNodes[0].nodeValue;
						thePrntStr = thePrntStr + "					</a>";
						thePrntStr = thePrntStr + "				</div>"
						thePrntStr = thePrntStr + "			</td>";
						thePrntStr = thePrntStr + "		</tr>";			
						thePrntStr = thePrntStr + "		<tr>";
						thePrntStr = thePrntStr + "			<td style='line-height: 12pt; height: 12px;'>&nbsp;</td>";						
						thePrntStr = thePrntStr + "		</tr>";							
					}	
				}
				if(koll != 1)
				{
					noOfNHits = 0;
				}
			}	
				
			if(noOfSHits>0) 
			{				
				koll = 0;
				for(var i=1; i<=noOfSHits; i++)
				{					
					idtag = "searchResultSID" + i;											
					fntag = "searchResultSFN" + i;											
					findtag = "searchResultTeamOutputStr" + i;						
																
					if(xmlDoc.getElementsByTagName(findtag)[0].childNodes[0].nodeValue != "0")
					{									
						koll = 1;
						thePrntStr = thePrntStr + "		<tr>";
						thePrntStr = thePrntStr + "			<td class='simpleTextBlue' style='font-weight: 700;'>";
						thePrntStr = thePrntStr + "				About: ";
						thePrntStr = thePrntStr + 				xmlDoc.getElementsByTagName(fntag)[0].childNodes[0].nodeValue;
						thePrntStr = thePrntStr +	"			</td>";					
						thePrntStr = thePrntStr + "		</tr>";		
						thePrntStr = thePrntStr + "		<tr>";
						thePrntStr = thePrntStr + "			<td class='simpleTextBlue'>";					
						thePrntStr = thePrntStr + 				xmlDoc.getElementsByTagName(findtag)[0].childNodes[0].nodeValue;
						thePrntStr = thePrntStr +	"			</td>";					
						thePrntStr = thePrntStr + "		</tr>";								
						thePrntStr = thePrntStr + "		<tr>";
						thePrntStr = thePrntStr + "			<td style='height: 30px; valign='top'>";
						thePrntStr = thePrntStr + "				<div class='formBtn1_3'>"
						thePrntStr = thePrntStr + "					<a class='formBtn1_3txt' href='javascript:ReloadPage(6, 2, " + xmlDoc.getElementsByTagName(idtag)[0].childNodes[0].nodeValue + ", -1);'>"
						thePrntStr = thePrntStr + 						xmlDoc.getElementsByTagName('SearchFormThing6')[0].childNodes[0].nodeValue;
						thePrntStr = thePrntStr + "					</a>";
						thePrntStr = thePrntStr + "				</div>"
						thePrntStr = thePrntStr + "			</td>";
						thePrntStr = thePrntStr + "		</tr>";			
						thePrntStr = thePrntStr + "		<tr>";
						thePrntStr = thePrntStr + "			<td style='line-height: 12pt; height: 12px;'>&nbsp;</td>";						
						thePrntStr = thePrntStr + "		</tr>";							
					}
				}
				if(koll != 1)
				{
					noOfSHits = 0;
				}
			}	
			
			if(noOfCHits>0) 
			{
				koll = 0;
				for(var i=1; i<=noOfCHits; i++)
				{					
					idtag = "searchResultCID" + i;											
					nametag = "searchResultCN" + i;							
					findtag = "searchResultCompOutputStr" + i;						

					if(xmlDoc.getElementsByTagName(findtag)[0].childNodes[0].nodeValue != "0")
					{									
						koll = 1;
						thePrntStr = thePrntStr + "		<tr>";
						thePrntStr = thePrntStr + "			<td class='simpleTextBlue' style='font-weight: 700;'>";
						thePrntStr = thePrntStr + "				About: ";
						thePrntStr = thePrntStr + 				xmlDoc.getElementsByTagName(nametag)[0].childNodes[0].nodeValue;
						thePrntStr = thePrntStr +	"			</td>";					
						thePrntStr = thePrntStr + "		</tr>";		
						thePrntStr = thePrntStr + "		<tr>";
						thePrntStr = thePrntStr + "			<td class='simpleTextBlue'>";					
						thePrntStr = thePrntStr + 				xmlDoc.getElementsByTagName(findtag)[0].childNodes[0].nodeValue;
						thePrntStr = thePrntStr +	"			</td>";					
						thePrntStr = thePrntStr + "		</tr>";								
						thePrntStr = thePrntStr + "		<tr>";
						thePrntStr = thePrntStr + "			<td style='height: 30px; valign='top'>";
						thePrntStr = thePrntStr + "				<div class='formBtn1_3'>"
						thePrntStr = thePrntStr + "					<a class='formBtn1_3txt' href='javascript:ReloadPage(7, 2, " + xmlDoc.getElementsByTagName(idtag)[0].childNodes[0].nodeValue + ", -1);'>"
						thePrntStr = thePrntStr + 						xmlDoc.getElementsByTagName('SearchFormThing6')[0].childNodes[0].nodeValue;
						thePrntStr = thePrntStr + "					</a>";
						thePrntStr = thePrntStr + "				</div>"
						thePrntStr = thePrntStr + "			</td>";
						thePrntStr = thePrntStr + "		</tr>";			
						thePrntStr = thePrntStr + "		<tr>";
						thePrntStr = thePrntStr + "			<td style='line-height: 12pt; height: 12px;'>&nbsp;</td>";						
						thePrntStr = thePrntStr + "		</tr>";							
					}
				}
				if(koll != 1)
				{
					noOfCHits = 0;
				}
			}
			
			anyRes = noofPhits + noofIhits + noOfNHits + noOfSHits + noOfCHits;
			if(anyRes == 0)
			{
				thePrntStr = thePrntStr + "	<tr>";
				thePrntStr = thePrntStr + "		<td class='simpleTextBlue'>";
				thePrntStr = thePrntStr + "			No hits on the search for the word " + theSearchStr + ".";
				thePrntStr = thePrntStr + "		</td>";						
				thePrntStr = thePrntStr + "	</tr>";		
			}
			
			thePrntStr = thePrntStr + "	</table>";
			document.getElementById("leftdiv4").innerHTML	= thePrntStr;								
		}
		setBottomValue((670+(xmlDoc.getElementsByTagName("noOfTotalHits")[0].childNodes[0].nodeValue*75)));
	}	 	
}
//////////////////////////////////////////////////////////////////////////////////////////////////////////////



//////////////////////////////////////////////////////////////////////////////////////////////////////////////
////// 																																																	//////
////// This function takes us to the chosen news item																										//////
////// 																																																  //////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////
function openNewsItem(whatNews)
{	
	xmlHttp = GetXmlHttpObject();
	
	if (xmlHttp==null)
	{
		alert ("Browser does not support HTTP Request");
		return;
	} 

	var url = "getnewsitem.php";
	url = url + "?q=" + whatNews;
	url = url + "&sid=" + Math.random();
	xmlHttp.onreadystatechange = newsitemChanged;
	xmlHttp.open("GET",url,true);
	xmlHttp.send(null);		
}
//////////////////////////////////////////////////////////////////////////////////////////////////////////////



//////////////////////////////////////////////////////////////////////////////////////////////////////////////
////// 																																																	//////
////// This function runs when the server has returned new data after a news item has been 							//////
////// clicked	The function will then display all the data collected into the different frames of the 	//////
////// page in an orderly fashion											  																								//////
////// 																																																  //////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////
function newsitemChanged() 
{ 
	if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete")
 	{  		
 		xmlDoc = xmlHttp.responseXML; 		
 		
 		document.getElementById("leftdiv3").style.visibility = "hidden";
		document.getElementById("leftdiv3").style.zindex = -1;
		document.getElementById("leftdiv3").innerHTML = "";	
	
 		document.getElementById("leftdiv3").style.visibility = "visible";
		document.getElementById("leftdiv3").style.zindex = 17;
		document.getElementById("leftdiv3").style.top = "370px";
		document.getElementById("leftdiv3").style.left = "47px";	
		
		var thePrntStr = "";
		var firstPos;
		var secondPos;
		var workStr="";
		var workStr_2="";
		var checker;
		var extraH = 0;
		
		workStr = xmlDoc.getElementsByTagName('NewsST')[0].childNodes[0].nodeValue;				
		checker=0;
																						
		do
		{
			firstPos = workStr.indexOf("<");
			secondPos = workStr.indexOf(">");
			if(firstPos != -1) 
			{
				workStr_2 = workStr.slice(firstPos, (secondPos+1));
				workStr = workStr.replace(workStr_2, "");
			}
			else
			{
				checker = 1;
			}
		}while(checker == 0)

		if(xmlDoc.getElementsByTagName('NewsUrl')[0].childNodes[0].nodeValue == 0 && xmlDoc.getElementsByTagName('NewsPdf')[0].childNodes[0].nodeValue == 0)
		{
			thePrntStr = thePrntStr + "	<table width='600px' border='0' cellpadding='0' cellspacing='0'>";
			thePrntStr = thePrntStr + "		<tr class='newsTopBorder'>";
			thePrntStr = thePrntStr + "			<td width='420' class='ordinaryNewsTextLightHead' style='padding-left: 10px; width: 420px;' align='left'>" + workStr + "</td>";
			thePrntStr = thePrntStr + "			<td class='simpleMiniText' style='padding-right: 10px;' align='right' width='180'>" + xmlDoc.getElementsByTagName('NewsTime')[0].childNodes[0].nodeValue +  "</td>";
			thePrntStr = thePrntStr + "		</tr>";			
			thePrntStr = thePrntStr + "		<tr class='ordinaryNewsText'>";
			thePrntStr = thePrntStr + "			<td colspan='2'>";
			thePrntStr = thePrntStr + "				<table width='100%' border='0' cellpadding='0' cellspacing='0'>";

			thePrntStr = thePrntStr + "					<tr>";
			thePrntStr = thePrntStr + "						<td width='320' class='ordinaryNewsText' valign='top'>";
			thePrntStr = thePrntStr + 							xmlDoc.getElementsByTagName('NewsSum')[0].childNodes[0].nodeValue;
			thePrntStr = thePrntStr + "						</td>";
			thePrntStr = thePrntStr + "					</tr>";
			
			if(xmlDoc.getElementsByTagName('NewsSumImg')[0].childNodes[0].nodeValue != 0)
			{
				thePrntStr = thePrntStr + "				<tr>";
				thePrntStr = thePrntStr + "					<td width='280'class='ordinaryNewsText' align='left'>";
				thePrntStr = thePrntStr + "						<img class='basicImg' src='images/" + xmlDoc.getElementsByTagName('NewsSumImg')[0].childNodes[0].nodeValue + "' alt='' width='275' height='210' />";																										
				thePrntStr = thePrntStr + "						<div class='captionImgName'style='width: 265px;'>&nbsp;</div>";
				thePrntStr = thePrntStr + "					</td>";
				thePrntStr = thePrntStr + "				</tr>";
				extraH = extraH + 300;
			}

			thePrntStr = thePrntStr + "					<tr>";
			thePrntStr = thePrntStr + "						<td width='320' class='ordinaryNewsText' valign='top'>";
			thePrntStr = thePrntStr + 							xmlDoc.getElementsByTagName('NewsCont')[0].childNodes[0].nodeValue;
			thePrntStr = thePrntStr + "						</td>";
			thePrntStr = thePrntStr + "					</tr>";
			if(xmlDoc.getElementsByTagName('NewsContImg')[0].childNodes[0].nodeValue != 0)
			{
				thePrntStr = thePrntStr + "				<tr>";
				thePrntStr = thePrntStr + "					<td width='280'class='ordinaryNewsText' align='left'>";
				thePrntStr = thePrntStr + "						<img class='basicImg' src='images/" + xmlDoc.getElementsByTagName('NewsContImg')[0].childNodes[0].nodeValue + "' alt='' width='275' height='210' />";																										
				thePrntStr = thePrntStr + "						<div class='captionImgName'style='width: 265px;'>&nbsp;</div>";
				thePrntStr = thePrntStr + "					</td>";
				thePrntStr = thePrntStr + "				</tr>";
				extraH = extraH + 300;
			}				
			thePrntStr = thePrntStr + "				</table>";
			thePrntStr = thePrntStr + "			</td>";
			thePrntStr = thePrntStr + "		</tr>";			
			thePrntStr = thePrntStr + "	</table>";		

			var lengd = xmlDoc.getElementsByTagName("NewsSum")[0].childNodes[0].nodeValue.length + xmlDoc.getElementsByTagName("NewsCont")[0].childNodes[0].nodeValue.length;
			var noOfRows = Math.round(lengd/50);						
			var nextypos = 370 + (noOfRows*14) + extraH;		

			setBottomValue(nextypos);
		}
		else
		{
			thePrntStr = thePrntStr + "	<table width='640px' border='0' cellpadding='0' cellspacing='0'>";
			thePrntStr = thePrntStr + "		<tr class='newsTopBorder'>";
			thePrntStr = thePrntStr + "			<td width='420' class='ordinaryNewsTextLightHead' style='padding-left: 10px; width: 420px;' align='left'>" + workStr + "</td>";
			thePrntStr = thePrntStr + "			<td class='simpleMiniText' style='padding-right: 10px;' align='right' width='180'>" + xmlDoc.getElementsByTagName('NewsTime')[0].childNodes[0].nodeValue +  "</td>";
			thePrntStr = thePrntStr + "		</tr>";	
			thePrntStr = thePrntStr + "		<tr>";
			thePrntStr = thePrntStr + "			<td colspan=2>";
			
			if(xmlDoc.getElementsByTagName('NewsUrl')[0].childNodes[0].nodeValue != 0)
			{
				thePrntStr = thePrntStr + "<iframe src ='" + xmlDoc.getElementsByTagName('NewsUrl')[0].childNodes[0].nodeValue + "' width='640' height='630'></iframe>";
			}
			else if(xmlDoc.getElementsByTagName('NewsPdf')[0].childNodes[0].nodeValue != 0)
			{
				thePrntStr = thePrntStr + "<iframe src ='news/" + xmlDoc.getElementsByTagName('NewsPdf')[0].childNodes[0].nodeValue + "' width='640' height='630'></iframe>";
			}
			else
			{
				thePrntStr = thePrntStr + "";
			}
			
			thePrntStr = thePrntStr + "			</td>";
			thePrntStr = thePrntStr + "		</tr>";	
			thePrntStr = thePrntStr + "	</table>";
			
			setBottomValue(theBottom + 400);
		}
		
		document.getElementById("leftdiv3").innerHTML = thePrntStr;

		setBottomValue(theBottom + 50);
		document.getElementById("theVeryBottomDiv").style.top = theBottom + "px"; 												
		document.getElementById("theVeryBottomDiv").style.visibility = "visible"; 												
		document.getElementById("theVeryBottomDiv").style.backgroundColor = "#000000"; 												
		document.getElementById("theVeryBottomDiv").style.paddingTop = "6px"; 												
		document.getElementById("theVeryBottomDiv").style.height = "24px"; 			
		
		setBottomValue(theBottom + 30);

		if(theBottom>1058)	
		{
			document.getElementById("contGray").style.height = (theBottom-780)+ "px"; 													
		}	
		else
		{
			document.getElementById("contGray").style.height = 10 + "px"; 						
			document.getElementById("theVeryBottomDiv").style.top = 1058 + "px"; 												
		}			
	}	 	
}
//////////////////////////////////////////////////////////////////////////////////////////////////////////////



//////////////////////////////////////////////////////////////////////////////////////////////////////////////
////// 																																																	//////
////// This function change images in the image gallery	when clicked on next or previous buttons				//////
////// 																																																  //////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////
function viewGalImage(howMany)
{	
	for(var i = 1; i <= howMany; i++)
	{
		var tbid = "lowborder" + i;
		document.getElementById(tbid).style.backgroundColor = '#5B5B5E';			
	}
	tbid = "lowborder" + currentPos;
	document.getElementById(tbid).style.backgroundColor = theColorTemplate;

	var imgstr = "images/" + imagearr[currentPos];
	document.getElementById('bigImgHolder').src = imgstr;	
	document.getElementById("commentbox").innerHTML = commentarr[currentPos];		
}
//////////////////////////////////////////////////////////////////////////////////////////////////////////////



//////////////////////////////////////////////////////////////////////////////////////////////////////////////
////// 																																																	//////
////// This function change the background color of the news archive elements														//////
////// 																																																  //////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////
function markbkg(whatStatus, whatRow)
{	
	var noone = "NAFholder" + whatRow;
	var noone2 = "NAFXholder" + whatRow;
	var notwo = "NASholder" + whatRow;
	var nothree = "NANholder" + whatRow;
	
	if(whatStatus == 1)
	{
		document.getElementById(noone).style.backgroundColor='#ed1b24';
		document.getElementById(noone2).style.color='#ffffff';
		document.getElementById(notwo).style.backgroundColor='#ed1b24';
		document.getElementById(notwo).style.color='#ffffff';
		document.getElementById(nothree).style.backgroundColor='#ed1b24';
		document.getElementById(nothree).style.color='#ffffff';
	}
	else
	{
		document.getElementById(noone).style.backgroundColor='#ffffff';
		document.getElementById(noone2).style.color='#000000';
		document.getElementById(notwo).style.backgroundColor='#ffffff';
		document.getElementById(notwo).style.color='#000000';
		document.getElementById(nothree).style.backgroundColor='#ffffff';
		document.getElementById(nothree).style.color='#000000';
	}	
}
//////////////////////////////////////////////////////////////////////////////////////////////////////////////


//////////////////////////////////////////////////////////////////////////////////////////////////////////////
////// 																																																	//////
////// This function change the background color of the project list elements														//////
////// 																																																  //////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////
function markPbkg(whatStatus, whatRow)
{	
	var noone = "plfr" + whatRow;	
	
	if(whatStatus == 1)
	{
		document.getElementById(noone).style.backgroundColor='#ed1b24';		
	}
	else
	{
		document.getElementById(noone).style.backgroundColor='#262626';		
	}	
}
//////////////////////////////////////////////////////////////////////////////////////////////////////////////


//////////////////////////////////////////////////////////////////////////////////////////////////////////////
////// 																																																	//////
////// This function change the background color of the right side news list elements										//////
////// 																																																  //////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////
function markNwsbkg(whatStatus, whatRow)
{	
	var noone = "ni" + whatRow;	
	
	if(whatStatus == 1)
	{
		document.getElementById(noone).style.borderBottom="thin dotted #ed1b24";		
	}
	else
	{
		document.getElementById(noone).style.borderBottom="0 dotted #dddfe0";
	}	
}
//////////////////////////////////////////////////////////////////////////////////////////////////////////////



//////////////////////////////////////////////////////////////////////////////////////////////////////////////
////// 																																																	//////
////// This function change the background color of the company list elements														//////
////// 																																																  //////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////
function markCpbkg(whatStatus, whatRow)
{	
	if(theCompArr[whatRow] != theCompMember)
	{
		var noone = "cp" + whatRow;	
	
		if(whatStatus == 1)
		{
			document.getElementById(noone).style.backgroundColor='#000000';		
		}
		else
		{
			document.getElementById(noone).style.backgroundColor='#575757';		
		}	
	}	
}
//////////////////////////////////////////////////////////////////////////////////////////////////////////////



//////////////////////////////////////////////////////////////////////////////////////////////////////////////
////// 																																																	//////
////// This function change the background color of the japanese list elements													//////
////// 																																																  //////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////
function markJmbkg(whatStatus, whatRow)
{	
	if(theJapArr[whatRow] != theJapMember)
	{
		var noone = "cp" + whatRow;	
	
		if(whatStatus == 1)
		{
			document.getElementById(noone).style.backgroundColor='#000000';		
		}
		else
		{
			document.getElementById(noone).style.backgroundColor='#575757';		
		}	
	}	
}
//////////////////////////////////////////////////////////////////////////////////////////////////////////////


//////////////////////////////////////////////////////////////////////////////////////////////////////////////
////// 																																																	//////
////// This function change the background color of the company list elements														//////
////// 																																																  //////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////
function markTmbkg(whatStatus, whatRow)
{	
	if(theTeamArr[whatRow] != theTeamMember)
	{
		var noone = "tm" + whatRow;	
	
		if(whatStatus == 1)
		{
			document.getElementById(noone).style.backgroundColor='#000000';		
		}
		else
		{
			document.getElementById(noone).style.backgroundColor='#575757';		
		}	
	}	
}
//////////////////////////////////////////////////////////////////////////////////////////////////////////////


