// JavaScript Document

// called from home page, this turns on/off elements of the featured products

/* ---- set up layer and button arrays ---- */
// content layer array
var arrLayer=new Array(4);
arrLayer[0]='featurecolumn1';
arrLayer[1]='featurecolumn2';
arrLayer[2]='featurecolumn3';
arrLayer[3]='featurecolumn4';

// tab array
var arrBtn = new Array(4);
arrBtn[0] = new Array(2);
arrBtn[0][0]='tab1';
arrBtn[0][1]='url(/images/feature_bar_tab01.gif) no-repeat';
arrBtn[1] = new Array(2);
arrBtn[1][0]='tab2';
arrBtn[1][1]='url(/images/feature_bar_tab02.gif) no-repeat';
arrBtn[2] = new Array(2);
arrBtn[2][0]='tab3';
arrBtn[2][1]='url(/images/feature_bar_tab03.gif) no-repeat';
arrBtn[3] = new Array(2);
arrBtn[3][0]='tab4';
arrBtn[3][1]='url(/images/feature_bar_tab.gif) no-repeat';


// set the first tab to be in it's active state (when page loads) & tab rollover functions
function defaultTab(){	
	document.getElementById('tab1').style.background = arrBtn[0][1];	
	document.getElementById('tab1Link').style.color = 'white';
	document.getElementById('featurecolumn1').style.display = 'block';
}

function showhidelayer(layernum){	
	// hide all layers and change bkgd image of all tabs to non-active
	var i;
	for (i=0;i<=2;i++){
		if(document.getElementById(arrLayer[i]).style.display == 'block'){
			document.getElementById(arrLayer[i]).style.display = 'none';
			document.getElementById(arrBtn[i][0]).style.background = '';
			document.getElementById(arrBtn[i][0] + 'Link').style.color = '';
		}
	}

	// show the chosen layer and change bkgd image of corresponding tab to active
	var j;
	var j = layernum - 1;
	document.getElementById(arrLayer[j]).style.display = 'block';
	document.getElementById(arrBtn[j][0]).style.background = arrBtn[j][1];
	document.getElementById(arrBtn[j][0] + 'Link').style.color = 'white';
	
	document.getElementById(arrBtn[j][0]).onmouseover = function(){};
	document.getElementById(arrBtn[j][0]).onmouseout = function(){};
}