// JavaScript Document
function toggleTabs(tab) {
	var tabImages = document.getElementById('prodNav').getElementsByTagName('img');
	var tabDivs = document.getElementById('tabbed-content').getElementsByTagName('div');
	var selTab = document.getElementById(tab+'-tab');
	var selDiv = document.getElementById(tab+'-content');
	
	for (var i = 0; i < tabImages.length; i++) {
		var src = tabImages[i].getAttribute('src');
		var ftype = src.substring(src.lastIndexOf('.'), src.length);
		if  ( tabImages[i].getAttribute('src').indexOf('-sel') != -1) {
			var nuSrc = tabImages[i].getAttribute('src').replace('-sel'+ftype, ftype);
			tabImages[i].setAttribute('src', nuSrc);
		}
	}
	var thsSrc = selTab.getAttribute('src');
	var thsftype = thsSrc.substring(src.lastIndexOf('.'), src.length);
	var selSrc = selTab.getAttribute('src').replace(ftype, '-sel'+ftype);
	selTab.setAttribute('src', selSrc);
	
	for (var i = 0; i < tabDivs.length; i++) {
		if (tabDivs[i].id.indexOf('content') != -1) {
			tabDivs[i].style.display = 'none';
		}
	}
	selDiv.style.display = 'block';
}