var panels = new Array('panel1', 'panel2', 'panel3', 'panel4');
var panelimgs = new Array('tabimg1', 'tabimg2', 'tabimg3', 'tabimg4');
var panelimgsoff = new Array('panel1off', 'panel2off', 'panel3off', 'panel4off');
var panelimgson = new Array('panel1on', 'panel2on', 'panel3on', 'panel4on');
var selectedTab = null;
function showPanel(tab, name)
{
	for(i = 0; i < panels.length; i++){
		document.getElementById(panels[i]).style.display = (name == panels[i]) ? 'block':'none';
		if (tab == panelimgs[i]){
			if (document.getElementById(panelimgs[i])){
				document.getElementById(panelimgs[i]).src = eval(panelimgson[i]).src;
			}
		}else {
			if (document.getElementById(panelimgs[i])) {
				document.getElementById(panelimgs[i]).src = eval(panelimgsoff[i]).src;
			}
		}
	}
	return false;
}

function preload(name,dir,image) {
	eval(
		name + "on = new Image();" + 
		name + "on.src = \"" + dir + image + "_on.gif\";" + 
		name + "off = new Image();" + 
		name + "off.src = \"" + dir + image + "_off.gif\";"
	);
}