// JavaScript Document

// Highlight Table Rows


//var target = document.getElementById('detailsTable')
//var rows = target.getElementsByTagName('tr');

function setupHighlight() {
	var target = document.getElementById('detailsTable')
	var rows = target.getElementsByTagName('tr');
	
	for(i = 0; i < rows.length; i++) {
		rows[i].onmouseover = highlight;
		rows[i].onmouseout = normal;
	}	
}

function highlight()	{
	var target = document.getElementById('detailsTable')
	var rows = target.getElementsByTagName('tr');
	var cells = target.getElementsByTagName('td');
	
	this.className = 'rowHighlight';
	var rowCells = this.getElementsByTagName('td')
	for(i = 0; i < rowCells.length; i++) {	
		rowCells[i].style.fontWeight = 'bold';
	}
	
	for(i = 0; i < rows.length; i++) {
		if (rows[i] == this && i > 0) {
			if (rowCells[0].className != 'count') {
				for (x = i; x >= 0; x--) {
					var temprow = rows[x];
					var tempcells = temprow.getElementsByTagName('td');
					if (tempcells[0].className == 'count') {
						highlightParent(rows[x]); break;
					}
				}		
			}
		}
	}
}


function normal() {
	var target = document.getElementById('detailsTable')
	var rows = target.getElementsByTagName('tr');

	this.className = 'rowNormal';
	var rowCells = this.getElementsByTagName('td') 
	for(i = 0; i < rowCells.length; i++) {	
		rowCells[i].style.fontWeight = 'normal';
	}
		
	for(i = 0; i < rows.length; i++) {
		if (rows[i] == this && i > 0) {
			if (rowCells[0].className != 'count') {
				for (x = i; x >= 0; x--) {				
					var temprow = rows[x];
					var tempcells = temprow.getElementsByTagName('td');
					if (tempcells[0].className == 'count rowHighlight') {
						highlightParentOff(rows[x]); break;
					}
				}		
			}
		}	
	}
}

function highlightParent(row) {
	var tempcells = row.getElementsByTagName('td');
	
	tempcells[0].className = 'count rowHighlight';
	tempcells[0].style.fontWeight = 'bold';
	tempcells[1].className = 'title rowHighlight';
	tempcells[1].style.fontWeight = 'bold';
	tempcells[2].className = 'lang rowHighlight';
	tempcells[2].style.fontWeight = 'bold';
	tempcells[3].className = 'holdings rowHighlight';
	tempcells[3].style.fontWeight = 'bold';
}

function highlightParentOff(row) {
	var tempcells = row.getElementsByTagName('td');
	
	tempcells[0].className = 'count';
	tempcells[1].className = 'title';
	tempcells[2].className = 'lang';
	tempcells[3].className = 'holdings';
	tempcells[0].style.fontWeight = 'normal';
	tempcells[1].style.fontWeight = 'normal';
	tempcells[2].style.fontWeight = 'normal';
	tempcells[3].style.fontWeight = 'normal';	
}

function tabs(tab) {
	if(document.getElementById('tabALL').className == 'tabOn') {
		document.getElementById('tabALL').className = 'tabOff';
	}	
	if(document.getElementById('tabDDC').className == 'tabOn') {
		document.getElementById('tabDDC').className = 'tabOff';
	}
	if(document.getElementById('tabLCC').className == 'tabOn') {
		document.getElementById('tabLCC').className = 'tabOff';
	}
	if(document.getElementById('tabNLM').className == 'tabOn') {
		document.getElementById('tabNLM').className = 'tabOff';
	}
	
	document.getElementById('tabLinkALL').className = 'tablinkOff';
	document.getElementById('tabLinkDDC').className = 'tablinkOff';
	document.getElementById('tabLinkLCC').className = 'tablinkOff';
	document.getElementById('tabLinkNLM').className = 'tablinkOff';
	
	document.getElementById('chartALL').style.display = 'none';
	document.getElementById('chartDDC').style.display = 'none';
	document.getElementById('chartLCC').style.display = 'none';
	document.getElementById('chartNLM').style.display = 'none';	
		
	document.getElementById('tab' + tab).className = 'tabOn';
	document.getElementById('tabLink' + tab).className = 'tablinkOn';
	document.getElementById('chart' + tab).style.display = 'block';	
}

function searchTabs(tab) {
	document.getElementById('searchTabBasic').className = 'tabOff';
	document.getElementById('searchTabAdv').className = 'tabOff';
			
	document.getElementById('searchTabLinkBasic').className = 'tablinkOff';
	document.getElementById('searchTabLinkAdv').className = 'tablinkOff';
			
	document.getElementById('searchBasic').style.display = 'none';
	document.getElementById('searchAdv').style.display = 'none';

	document.getElementById('searchTab' + tab).className = 'tabOn';
	document.getElementById('searchTabLink' + tab).className = 'tablinkOn';
	document.getElementById('search' + tab).style.display = 'block';
}

function homeTabs(tab)	{
	document.getElementById('homeTabOCLC').className = 'tabOff';
	document.getElementById('homeTabISBN').className = 'tabOff';
	document.getElementById('homeTabISSN').className = 'tabOff';
	document.getElementById('homeTabLCCN').className = 'tabOff';
	document.getElementById('homeTabUPC').className = 'tabOff';
	document.getElementById('homeTabTA').className = 'tabOff';
	
	document.getElementById('homeTabLinkOCLC').className = 'tablinkOff';
	document.getElementById('homeTabLinkISBN').className = 'tablinkOff';
	document.getElementById('homeTabLinkISSN').className = 'tablinkOff';
	document.getElementById('homeTabLinkLCCN').className = 'tablinkOff';
	document.getElementById('homeTabLinkUPC').className = 'tablinkOff';
	document.getElementById('homeTabLinkTA').className = 'tablinkOff';
			
	document.getElementById('searchOCLC').style.display = 'none';
	document.getElementById('searchISBN').style.display = 'none';
	document.getElementById('searchISSN').style.display = 'none';
	document.getElementById('searchLCCN').style.display = 'none';
	document.getElementById('searchUPC').style.display = 'none';
	document.getElementById('searchTA').style.display = 'none';
	
	/*
	if(tab == 'UPC') {
		document.getElementById('example-upc-img').style.display = 'block';
	} else {
		document.getElementById('example-upc-img').style.display = 'none';
	} */
		
	document.getElementById('homeTab' + tab).className = 'tabOn';
	document.getElementById('homeTabLink' + tab).className = 'tablinkOn';
	document.getElementById('search' + tab).style.display = 'block';	
}
