function showImage(src, width, height, target) {
	var w = width + 34 * 2;
	var h = height + 34 * 2;
	var n = window.open("", target, "width=" + w + ", height=" + h + ", resizable=yes, scrollbars=yes, status=yes");
	if (n) {
		var t = "";
		t += '<html>';
		t += '<head>';
		t += '<title>' + src + '</title>';
		t += '<style type="text/css">';
		t += 'body { margin: 0; padding: 0; }';
		t += 'table { border-collapse: collapse; height: 100%; width: 100%; }';
		t += 'td { padding: 0; text-align: center; vertical-align: middle; }';
		t += 'img { cursor: pointer; }';
		t += '</style>';
		t += '</head>';
		t += '<body>';
		t += '<table>';
		t += '<tr>';
		t += '<td>';
		t += '<img src="' + src + '" width="' + width + '" height="' + height + '" onClick="self.close(); opener.focus();" />';
		t += '</td>';
		t += '</tr>';
		t += '</table>';
		t += '</body>';
		t += '</html>';
		n.document.open();
		n.document.write(t);
		n.document.close();
		n.focus();
		return false;
	} else {
		return true;
	}
}

function tabSwitch(span) {
	var td = span.parentNode;
	var tr = td.parentNode;
	for (var i = 0; i < tr.childNodes.length; i++) {
		if (tr.childNodes[i].nodeType == 1) {
			var label = tr.childNodes[i];
			var layer = document.getElementById("tab-switch-layer" + label.id.replace("tab-switch-label", ""));
			label.className = label.className.replace(/\s?tab-switch-label-active/, "");
			layer.className = layer.className.replace(/\s?tab-switch-layer-active/, "");
			if (label == td) {
				label.className += " tab-switch-label-active";
				layer.className += " tab-switch-layer-active";
			}
		}
	}
}
