var array2clicked;
var iBox = null;
var lastLink = null;
var lastLevel;
var iBrowserType 
var SubjectId,TopicId,SubTopicId;
var SubLink,TopicLink;
var SubtopicLink='';
var strQuesryString = "";

if (document.getElementById('hdnBrowserType'))
iBrowserType = document.getElementById('hdnBrowserType').value; 

function doSelect(pnLevel, pnItem, sLink, pBanner, pText) {
	var sHTM;
	//**********Daniel
	var sHTM1 = "";
	var sHTM2 = "";
	var sHTM3 = "";

	sHTM = "<ul>";
	//**********Daniel
	sHTM1= "<ul>";
	sHTM2= "<ul>";
	sHTM3= "<ul>";

	if(sLink != null){
		if(lastLink != null){
		if(pnLevel == lastLevel){
				if(lastLevel == 2){
				
					for (i=0; i<arrSubject.length-1; i++){
						lastLink = 'lk2'+ i;
						lastClicked = document.getElementById(lastLink);
						if(lastClicked != null){
							lastClicked.style.backgroundColor = '';
						}
					}
				}else{
					
					lastClicked = document.getElementById(lastLink);
					if(lastClicked != null)
						lastClicked.style.backgroundColor = '';
					
				}
			}else if(pnLevel < lastLevel){
				for (i=0; i<arrSubject.length-1; i++){
						lastLink = 'lk2'+ i;
						lastClicked = document.getElementById(lastLink);
						if(lastClicked != null){
							lastClicked.style.backgroundColor = '';
						}
				}
			}
		}
		
		thisClicked = document.getElementById(sLink);
		
		if(pnLevel == 2){
			//******Daniel
			//This logic is to unselect any previous selections
			for(var i = 0; i < arrSubject.length-1; i++)
			{
				if (document.getElementById('lk2' + i))
				{
					document.getElementById('lk2' + i).style.backgroundColor = '';
				}
			}
			//******End
			if(thisClicked != null)
				thisClicked.style.backgroundColor = box1bg;
			lastLevel = 2;
		}else{
			//******Daniel
			//This logic is to unselect any previous selections
			for(var i = 0; i < arrSubject.length-1; i++)
			{
				if (document.getElementById('lk3' + i))
				{
					document.getElementById('lk3' + i).style.backgroundColor = '';
				}
			}
			//******End
			if(thisClicked != null)
				thisClicked.style.backgroundColor = box2bg;
			lastLevel = 3;
		}
		lastLink = sLink;
	}
	if (pnLevel==2)
	{	
		document.getElementById('hdnSelectedBanner').value=pBanner;
		document.getElementById('hdnSubjectName').value=pText;
		document.getElementById('hdnSubjectId').value  = pnItem;
		SubjectId=pnItem;
		if (sLink!=null) 
		{
			SubLink = sLink;
			if (SubLink != null)
				document.getElementById('hdnSubLink').value =SubLink;
		}	
		
	}		
	else if (pnLevel==3)
	{
		if (document.getElementById('hdnSubjectId').value !='')
		SubjectId = document.getElementById('hdnSubjectId').value;
		if (document.getElementById('hdnSubLink').value !='')
		SubLink = document.getElementById('hdnSubLink').value;
		document.getElementById('hdnTopicName').value=pText;
		TopicId = pnItem;
		if (sLink!=null) TopicLink = sLink;
	}
	
	for (i=0; i<arrSubject.length-1; i++) {
		if(arrSubject[i][2] == "")
		{
			if (arrSubject[i][0] == -1 && pnLevel==1)
			{
				if (iBrowserType == 1){					
						sHTM1 += "<li><a id='lk" + (pnLevel+1) + i + "' href='#' onClick='javascript: doSelect(" + (pnLevel+1) + "," + arrSubject[i][1] + ",&quot;lk" + (pnLevel+1) + i + "&quot;,&quot;" + escape(arrSubject[i][8]) + "&quot;,&quot;" + escape(arrSubject[i][3]) + "&quot;);'>" + arrSubject[i][3] + "</a></li>";
					}
				else{
						sHTM1 += "<li><a id='lk" + (pnLevel+1) + i + "' href='javascript: doSelect(" + (pnLevel+1) + "," + arrSubject[i][1] + ",&quot;lk" + (pnLevel+1) + i + "&quot;,&quot;" + escape(arrSubject[i][8]) + "&quot;,&quot;" + escape(arrSubject[i][3]) + "&quot;);'>" + arrSubject[i][3] + "</a></li>";
					}
					
			}
			else if (arrSubject[i][0] != -1 && arrSubject[i][0] == pnItem)
			{
				if (iBrowserType == 1)
				{
				  	sHTM2 += "<li><a id='lk" + (pnLevel+1) + i + "' href='#' onClick='javascript: doSelect(" + (pnLevel+1) + "," + arrSubject[i][1] + ",&quot;lk" + (pnLevel+1) + i + "&quot;,&quot;&quot;,&quot;" + escape(arrSubject[i][3]) + "&quot;);'>" + arrSubject[i][3] + "</a></li>";
				}
				else
				{
					sHTM2 += "<li><a id='lk" + (pnLevel+1) + i + "' href='javascript: doSelect(" + (pnLevel+1) + "," + arrSubject[i][1] + ",&quot;lk" + (pnLevel+1) + i + "&quot;,&quot;&quot;,&quot;" + escape(arrSubject[i][3]) + "&quot;);'>" + arrSubject[i][3] + "</a></li>";
				}
			}
		}
		else if (arrSubject[i][0] == pnItem)
		{
			if (pnLevel == 3)
			{
			strQuesryString = "";
			strQuesryString = "userstext="+ arrSubject[i][2];
			strQuesryString += "&srchtype=collect";
			strQuesryString += "&dbtype=" + arrSubject[i][6];
			strQuesryString += "&numart=" + arrSubject[i][7];
			strQuesryString += "&respage=reslist";
			strQuesryString += "&ages=9";
			strQuesryString += "&ban=" + document.getElementById('hdnSelectedBanner').value;
			strQuesryString += "&cname=" + arrSubject[i][9];
			strQuesryString += "&collId=" + arrSubject[i][1];
			strQuesryString += "&heading=" + escape(arrSubject[i][3]);
			strQuesryString += "&LL_Subject=" + document.getElementById('hdnSubjectId').value;
			strQuesryString += "&subject=" + escape(document.getElementById('hdnSubjectName').value);
			strQuesryString += "&topic=" + escape(document.getElementById('hdnTopicName').value);
			strQuesryString += "&SubjectId=" + SubjectId;
			strQuesryString += "&TopicId=" + TopicId;
			strQuesryString += "&SubTopicId=" + arrSubject[i][1];
			strQuesryString += "&SubtopicLink=lk4" + i;
			if (SubLink != '')
				strQuesryString += "&SubLink=" + SubLink;
			else
				strQuesryString += "&SubLink=" + document.getElementById('hdnSubLink').value;								
			strQuesryString += "&TopicLink=" + TopicLink;
			sHTM3 += "<li><a id='lk4" + i + "' onclick='javascript: ChangeBkColor(this,false);' href='browseaction.asp?" + strQuesryString + "'>" + arrSubject[i][3] + "</a></li>";			
			
			}
		}
	}	
	sHTM1 += "</ul>";
	sHTM2 += "</ul>";
	sHTM3 += "</ul>";
	//**********End
	sHTM += "</ul>";

	var sTemp = "";
	var sActual="";
	var nLenLink = 0;//sLink.length;
	var nSLinkIndex = 0;
	var strreplace;
	//***Daniel
	if (pnLevel==1)
		{
		document.getElementById('hdnBrowseList1').value  = sHTM1;
		document.getElementById('list01').innerHTML = sHTM1;
		}
	else if (pnLevel==2)
		{
		strreplace = " style='background-color: " + box1bg + "'";
		sTemp = document.getElementById('hdnBrowseList1').value;
		sTemp = sTemp.replace(strreplace,'');
		nLenLink = sLink.length;
		nSLinkIndex = sTemp.indexOf(sLink) + nLenLink + 1;
		sActual = sTemp.substr(0,nSLinkIndex);
		sActual += " style='background-color: " + box1bg + "'";
		sActual += sTemp.substr(nSLinkIndex);
		document.getElementById('hdnBrowseList1').value  = sActual;
		document.getElementById('list0'+pnLevel).innerHTML = sHTM2;
		document.getElementById('hdnBrowseList2').value  = sHTM2;
		}
	else if (pnLevel==3)
		{
		strreplace = " style='background-color: " + box2bg + "'";
		sTemp = document.getElementById('hdnBrowseList2').value;
		sTemp = sTemp.replace(strreplace,'');
		nLenLink = sLink.length;
		nSLinkIndex = sTemp.indexOf(sLink) + nLenLink + 1;
		sActual = sTemp.substr(0,nSLinkIndex);
		sActual += " style='background-color: " + box2bg + "'";
		sActual += sTemp.substr(nSLinkIndex);

		document.getElementById('hdnBrowseList2').value  = sActual; //document.getElementById('list02').innerHTML;
		document.getElementById('list0'+pnLevel).innerHTML = sHTM3;
		document.getElementById('hdnBrowseList3').value  = sHTM3;
		}

	//This is to fix #28279
	document.getElementById('list0'+pnLevel).scrollTop=0;
		
	//***End
	if(iBox == 3){
		if(pnLevel == 2)
		{
			document.getElementById('box02').style.backgroundImage = box02plain;
			document.getElementById('box03').style.backgroundImage = box03;
			document.getElementById('list03').innerHTML = '';
			document.getElementById('list03').style.overflow = 'hidden';
		}
		else if(pnLevel == 3)
		{
			document.getElementById('box03').style.backgroundImage = box03plain;
			document.getElementById('list03').style.overflow = 'auto';
		}
	}
}

//This function is used to highlight the selected item in the third list
function ChangeBkColor(item,SubtopicRequired)
{
	//Keeping this for future purpose, when come back to the browse page from the result page
	SubtopicLink=item.id;
	if (SubtopicRequired)//When calling directly from p_browse/s_browse, then SubtopicRequired will be false
		item.href = item.href + "&SubtopicLink=" + SubtopicLink;
		
	//This logic is to unselect any previous selections
	for(var i = 0; i < arrSubject.length-1; i++)
	{
		if (document.getElementById('lk4' + i))
		{
			document.getElementById('lk4' + i).style.backgroundColor = '';
		}
	}
	if(item != null)
		item.style.backgroundColor=box3bg;
	
	var sTemp = "";
	var sActual="";
	var nLenLink = 0;
	var nSLinkIndex = 0;
	var strreplace;
	
	strreplace = " style='background-color: " + box3bg + "'";
	sTemp = document.getElementById('hdnBrowseList3').value;
	sTemp = sTemp.replace(strreplace,'');
	
	nLenLink = SubtopicLink.length;
	nSLinkIndex = sTemp.indexOf(SubtopicLink) + nLenLink +1;
	sActual = sTemp.substr(0,nSLinkIndex);
	sActual += " style='background-color: " + box3bg + "'";
	sActual += sTemp.substr(nSLinkIndex);
	document.getElementById('hdnBrowseList3').value = sActual; //document.getElementById('list03').innerHTML;
	document.getElementById('list03').innerHTML = sActual;
}

function doStartUp(iNum) {
//	if (document.getElementById('hdnBrowserType'))
//	iBrowserType = document.getElementById('hdnBrowserType').value; 
	iBox = iNum;
	if (document.getElementById('hdnBrowseList1').value=='')
	{
		doSelect(1, 1, null);
	}
	else
	{
		document.getElementById('box02').style.backgroundImage = box02plain;
		document.getElementById('box03').style.backgroundImage = box03plain;
		document.getElementById('list01').innerHTML = document.getElementById('hdnBrowseList1').value;
		document.getElementById('list02').innerHTML = document.getElementById('hdnBrowseList2').value;
		document.getElementById('list03').innerHTML = document.getElementById('hdnBrowseList3').value;
	}
}