numItems = 4;

function showHideText(targetObject,showHide) {
	targetObject.className = showHide;
}

function highlightItem(eventVar) {
	if(!window.event) {
		obj = eventVar.currentTarget.parentNode
	} else {
		obj = window.event.srcElement.parentNode.parentNode
	}
	
	//alert(obj.nodeName);
		for(var i=1;i<=numItems;i++) {
			cnItem = document.getElementById('item'+i);
			if(obj != cnItem && obj.nodeName == 'LI') {
				showHideText(cnItem,'techInactive');
			} else if(obj == cnItem && obj.nodeName == 'LI') {
				showHideText(cnItem,'techActive');
			}
		}

}


function tech_box() {
	
	//check that the tech box container has loaded properly
	
	if(document.getElementById('techBox')) {
		
		first = document.getElementById('item1');
		
		showHideText(first,'techActive');
	
		for(i=1;i<=4;i++) {
			
			el = document.getElementById('item'+i);
			
			if(i != 1) {
			showHideText(el,'techInactive');
			}
			
			el.getElementsByTagName('a')[0].onmouseover = highlightItem;
			
			el.getElementsByTagName('h3')[0].onmouseover = highlightItem;
			el.getElementsByTagName('h3')[0].getElementsByTagName('a')[0].onmouseover = highlightItem;
			el.getElementsByTagName('p')[0].onmouseover = highlightItem;
			//el.getElementsByTagName('a')[0].style.color = "red"
		}
		
		clearInterval(techBoxInt);
	}
}

techBoxInt = setInterval('tech_box()',10);