<!DOCTYPE html>
<html>
<head>
<title>TreeSize</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name=viewport content="width=device-width, initial-scale=1">
<meta name="robots" content="noindex,follow" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta http-equiv="Pragma" content="no-cache">
<meta http-equiv="Expires" content="-1">
<meta http-equiv="cache-control" content="no-cache" />
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="helpman_settings.js"></script>
<script type="text/javascript" src="helpman_navigation.js"></script>
<script type="text/javascript" src="hmcontextids.js"></script>
<link type="text/css" href="default.css" rel="stylesheet" />
<link type="text/css" href="custom.css" rel="stylesheet" />
<style type="text/css">
html {
overflow: hidden;
}
body {
margin:0;
padding:0;
height:100%;
overflow:hidden;
font-family:"Segoe UI",Arial,Helvetica,sans-serif;
}
table,tr,th {font-family:<%SKIN-FONT-FAMILY%>;}
#hmheadbox {
position: absolute;
left: 0px;
right: 0px;
top: 0px;
height: 50px;
background: #252E30; /* Header blue background */
text-align: center; /* Project title in header centered, for left-align, change to "left" */
vertical-align: top;
}
#hmheadbox a {
display: inline-block;
}
#hmheadbox a.logo { /* Your logo in the top-left corner */
float: left;
max-height: 50px;
width: 155px;
height:50px;
background: url(company-logo.png) left top no-repeat;
float:left;
transition: opacity 1s;
}
#hmheadbox span.title { /* Project title in the header */
display: inline-block;
margin-top: 0.5em;
margin-right: 32px; /* center title in header properly */
padding: 0;
font-size: 1.8em;
font-weight: bold;
color: #252E30;
}
#hmheadbox a.mobilemenu { /* Mobile menu: change background-url to switch color */
float: left;
width: 16px;
height: 16px;
background:url('hm_webhelp_buttons_grey.png') top left no-repeat;
background-position: -112px -39px;
opacity: 0.9;
transition: opacity 0.3s ease;
display: none;
}
#hmheadbox .mobilemenu:hover { /* Mobile menu: orange color on hover */
background-image:url('hm_webhelp_buttons_black.png');
opacity: 1;
}
#hmcontentslider {
position: absolute;
left: 0;
width: 100%;
top: 50px;
bottom: 0;
border-top: thin solid #808080;
}
#hmsplitter {
display: block;
}
#navbar { /* This is the small bar above TOC/index with 3 icons: TOC|Index|Search */
min-height:72px;
max-height:72px;
height: 72px;
background: #F3F3F3;
}
#navbar a { /* Navigation buttons: change background-url to switch color */
display: inline-block;
width: 32px;
height: 32px;
margin: 10px 14px 0 10px;
background:url('hm_webhelp_buttons_grey.png') top left no-repeat;
}
#navbar a:hover {
background:url('hm_webhelp_buttons_black.png') top left no-repeat;
opacity: 1;
}
#navbar a.hmbtntoc { background-position: -32px 0 }
#navbar a.hmbtnindex { background-position: -64px 0 }
#navbar a.hmbtnsearch { background-position: -96px 0 }
#navbar_panel {padding-top:12px;}
#hmnavbox {
position: absolute;
left: 0;
width: 30.0%;
min-width: 100px;
height: 100%;
}
#hmnavframe {
position: absolute;
left: 0;
top: 76px;
right: 0;
bottom: 0;
}
#hmcontentbox {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 30%;
background: #FFF;
border-left: 1px dashed #ccc;
}
iframe { left:0;top:0;width:100%;height:100%;border:none;background:#FFF }
#hmcontentbox iframe { position: absolute }
/* This media query hides the navigation panel when window width <= 760px */
@media only screen and (max-width: 760px) {
#hmheadbox {
font-size: 70%;
}
#hmheadbox a.logo { /* Your logo in the top-left corner */
display: none;
}
#hmcontentslider {
top: 35px; /* when you change the header height, changes this as well */
width: 200%;
left: -100%;
transition: left 0.5s ease;
}
#hmsplitter {
display: none;
}
#hmnavbox {
width: 50%;
left: 0;
}
#hmcontentbox {
width: 50%;
left: 50%;
right: 0;
border: none;
}
#hmheadbox a.mobilemenu {
display: inline-block;
}
#hmheadbox span.title { /* Project title in the header */
margin-right: 0; /* center title in header properly */
}
}
</style>
<script type="text/javascript">
$(document).ready(function(){
$(window).bind("resize", function() {
if (!hmSupportsAbspos()) {
hmNoAbsposResize($("#hmheadbox"), true, false);
hmNoAbsposResize($("#hmnavbox"), false, true);
hmNoAbsposResize($("#hmcontentbox"), true, true);
$(window).trigger("resize");
}
var splitBar = $("#hmsplitter");
var isReduced = ($("body").width() < $("#hmcontentslider").width());
if (isReduced) {
$("#hmnavbox").css({"left": "", "width": "", "right": ""});
$("#hmcontentbox").css({"left": "", "width": "", "right": ""});
$("#hmcontentslider").css({"left": "-100%"});
//when switching to a topic, hide navigation, show topic:
$("#hmcontent").load(function (){ showNav('hide'); });
}
else {
$("#hmcontentslider").css({"left": "0"});
$("#hmcontent").unbind("load");
}
});
hmCreateVSplitter($("#hmnavbox"),$("#hmcontentbox"));
});
function showNav(value) {
var doShow = false;
switch (value) {
case "toggle":
var navPos = $("#hmcontentslider").position();
doShow = (navPos.left != 0);
break;
case "show":
doShow = true;
break;
}
if (doShow) {
$("#hmcontentslider").css({"left": "0"});
}
else {
$("#hmcontentslider").css({"left": "-100%"});
}
}
</script>
</head>
<body>
<!-- Begin of header -->
<div id="hmheadbox">
<a class="mobilemenu" href="javascript:showNav('toggle')" title="Show Navigation"></a>
<a class="logo" href="https://www.jam-software.com" target="_blank"></a>
</div>
<!-- end of header -->
<div id="hmcontentslider">
<div id="hmnavbox">
<!-- buttons to switch navigation panel -->
<div id="navbar">
<div id="navbar_panel">
<a class="hmbtntoc" href="hmcontent.html" title="Table of Contents" target="hmnavigation"></a>
<a class="hmbtnindex" href="hmkwindex.html" title="Keyword Index" target="hmnavigation"></a>
<a class="hmbtnsearch" href="hmftsearch.html" title="Search" target="hmnavigation"></a>
</div>
</div>
<!-- the navigation panel -->
<div id="hmnavframe">
<iframe name="hmnavigation" id="hmnavigation" src="hmcontent.html" seamless="seamless" title="Navigation Pane" frameborder="0"></iframe>
</div>
</div>
<div id="hmcontentbox" >
<script type="text/javascript">
var defaulttopic="overview.html";
var query = window.location.search.substring(1), hash = window.location.hash, xssTest = /'|'|"|"|"|=|=|%27|%22|%3d|:|:|:|=|%3a|3a;|58;|\/|'|"/i, cntxRX = /contextid=\d*/, cntxMatch = cntxRX.exec(query), cntxSrc = "";
if (query != "") {
if (typeof(hmGetContextId) != "undefined") {
if (cntxMatch != null) {
cntxSrc = hmGetContextId(cntxMatch[0]);
};
if (cntxSrc != "") {
defaulttopic = cntxSrc;
} else {
if (!xssTest.test(query) && !xssTest.test(hash))
defaulttopic = query + hash;
}
}
}
document.write('<iframe name="hmcontent" id="hmcontent" src="'+defaulttopic+'" seamless="seamless" title="Content Page" frameborder="0"></iframe>');
</script>
<noscript>
<iframe name="hmcontent" id="hmcontent" src="overview.html" seamless="seamless" title="Content Page" frameborder="0"></iframe>
</noscript>
</div>
</div>
</body>
</html>