//   Thumbnail Roll Overs   //
function initRollovers() {
	if (!document.getElementById) return
	
	var aPreLoad = new Array();
	var sTempSrc;
	var aImages = document.getElementsByTagName('img');

	for (var i = 0; i < aImages.length; i++) {		
		if (aImages[i].className == 'imgover') {
			var src = aImages[i].getAttribute('src');
			var ftype = src.substring(src.lastIndexOf('.'), src.length);
			var hsrc = src.replace(ftype, '-on'+ftype);

			aImages[i].setAttribute('hsrc', hsrc);
			
			aPreLoad[i] = new Image();
			aPreLoad[i].src = hsrc;
			
			aImages[i].onmouseover = function() {
				sTempSrc = this.getAttribute('src');
				this.setAttribute('src', this.getAttribute('hsrc'));
			}	
			
			aImages[i].onmouseout = function() {
				if (!sTempSrc) sTempSrc = this.getAttribute('src').replace('-on'+ftype, ftype);
				this.setAttribute('src', sTempSrc);
			}
		}
	}
}
window.onload = initRollovers;

function toggleTabs(tab) {
	var tabImages = document.getElementById('prodNav').getElementsByTagName('img');
	var tabDivs = document.getElementById('prodContent').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';

}