// 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();

// tab array
var arrBtn = new Array(3);
arrBtn[0]='url(/images/productdetails_titletab.gif) no-repeat';
arrBtn[1]='url(/images/productdetails_titletab02.gif) no-repeat';
arrBtn[2]='url(/images/productdetails_titletab03.gif) no-repeat';

// set the first tab to be in it's active state (when page loads) & tab rollover functions
function defaultTab(tabnum) {
    // first of all find all tab contents and record them
    var divs = document.getElementById("tabcontainer").getElementsByTagName("div");

    // put all tab contents in non-active state
    for (i = 0; i < divs.length; i++) {
	if (divs[i].getAttribute('id')) {
	    divs[i].style.display = 'none';
	    arrLayer.push(divs[i]);
	}
    }   

    // put default tab content in active state
    arrLayer[tabnum].style.display='block';

    // change background and color for default tab
    document.getElementById(arrLayer[tabnum].getAttribute('id') + 'tab').style.background=arrBtn[tabnum];
    document.getElementById(arrLayer[tabnum].getAttribute('id') + 'tablink').style.color = 'white';
}

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

	// show the chosen layer and change bkgd image of corresponding tab to active
	var j = layernum - 1;
	arrLayer[j].style.display = 'block';

	document.getElementById(arrLayer[j].getAttribute('id') + 'tab').style.background = arrBtn[j];
	document.getElementById(arrLayer[j].getAttribute('id') + 'tablink').style.color='white';
}