// [k] getElementById wrapper for x-browser comp.
if(document.all && !document.getElementById) {
	document.getElementById = function(id) {
		return document.all[id];
	}
}

// tab counter
tabs = 3;

function objShow(objname) {
	obj = document.getElementById(objname);
	obj.style.visibility = 'visible';
	obj.style.position = '';
	obj.style.left = '';
	obj.style.top = '';
	obj.style.height = '';
	obj.style.width = '';
	obj.style.display = '';
}

function objHide(objname) {
	obj = document.getElementById(objname);
	obj.style.visibility = 'hidden';
	obj.style.position = 'absolute';
	obj.style.left = '0px';
	obj.style.top = '0px';
	obj.style.height = '1px';
	obj.style.width = '1px';
	obj.style.display = 'none';
}
function setStyle(objname, prop, value) {
	var obj = document.getElementById(objname);
	eval("obj.style."+prop+" = '"+value+"';");
}
function selectBox(boxobj) {
	for (var i=0;i<tabs;i++) {
		eval("objHide('box_tab"+i+"');");
	}
	objid = boxobj.id;
	objShow('box_'+objid);
}
function selectTab(tabobj) {
	for (var i=0;i<tabs;i++) {
		eval("setStyle('tab"+i+"', 'backgroundColor', '#ffffff');");
		eval("setStyle('tab"+i+"', 'color', 'black');");
		eval("setStyle('tab"+i+"', 'cursor', 'pointer');");
		eval("setStyle('tab"+i+"', 'fontSize', '14px');");
		eval("setStyle('tab"+i+"', 'fontWeight', 'bold');");
	}
	setStyle(tabobj.id, 'backgroundColor', '#000000');
	setStyle(tabobj.id, 'color', 'white');
	setStyle(tabobj.id, 'cursor', 'default');
	setStyle(tabobj.id, 'fontSize', '24px');
	setStyle(tabobj.id, 'fontWeight', 'normal');
}
pads = 6;

function selectPadBox(boxobj) {
	for (var i=0;i<pads;i++) {
		eval("objHide('box_pad"+i+"');");
	}
	objid = boxobj.id;
	objShow('box_'+objid);
}
function selectPad(padobj) {
	for (var i=0;i<pads;i++) {
		eval("setStyle('pad"+i+"', 'background', '');");
		eval("setStyle('pad"+i+"', 'cursor', 'pointer');");
	}
	setStyle(padobj.id, 'background', 'none;');
	setStyle(padobj.id, 'cursor', 'default');
}