addListenerToEvent(window,'onload','product_onload()');

function product_onload(e) {
	// unhide information tab bar
	document.getElementById('informationselector').style.display='block';
	// and hide information divs other than description
	document.getElementById('ingredients').style.display='none';
	document.getElementById('benefits').style.display='none';
	document.getElementById('related-articles').style.display='none';

	// unhide tools tab bar
	document.getElementById('toolselector').style.display='block';
	// and hide information divs other than reviews
	//document.getElementById('reviews').style.display='none';
	document.getElementById('review').style.display='none';
	document.getElementById('q-and-a').style.display='none';
	document.getElementById('tell-a-friend').style.display='none';

	return false;
	}

function toggleinformation(reveal) {
	// show div of id $div, hide the rest of class 'information'
	if (revealdiv=document.getElementById(reveal)) {
		// get the divs to hide
		var divs=getElementsByClassName('information', 'div', document.getElementById('information'));
		for(var i=0; i<divs.length; i++){
			div=divs[i];
			if (div!=revealdiv) div.style.display='none';
		}
		
		revealdiv.style.display='block';
		
		if (revealtab=document.getElementById('tab-'+reveal)) {
			var tabs=getElementsByClassName('focussed', 'li', document.getElementById('informationselector'));
			for(var i=0; i<tabs.length; i++){
				tab=tabs[i];
				if (tab!=revealtab) tab.className='';
			}
			revealtab.className='focussed';
		}
	}
	return false;
}

function toggletool(reveal) {
	// show div of id $div, hide the rest of class 'tools'
	if (revealdiv=document.getElementById(reveal)) {
		// get the divs to hide
		var divs=getElementsByClassName('tools', 'div', document.getElementById('tools'));
		for(var i=0; i<divs.length; i++){
			//alert('div id:'+div.id);
			div=divs[i];
			if (div!=revealdiv) div.style.display='none';
			}
		revealdiv.style.display='block';
		if (revealtab=document.getElementById('tab-'+reveal)) {
			var tabs=getElementsByClassName('focussed', 'li', document.getElementById('toolselector'));
			for(var i=0; i<tabs.length; i++){
				tab=tabs[i];
				if (tab!=revealtab) tab.className='';
				}
			revealtab.className='focussed';
			}
		}
	return false;
	}

