<!DOCTYPE html>
<html>
<head>
<title>Bruke TreeSize > TreeSize-visningene > Diagram</title>
<meta name=viewport content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="generator" content="Help & Manual" />
<meta name="keywords" content="søylediagram,diagrammer,diagram,kakediagram,trekart" />
<meta name="description" content="TreeSize kan visualisere mappeinformasjon i flere forskjellige typer diagrammer. Informasjonen er basert på den for øyeblikket aktive visningsmodusen på TreeSize. Det finnes..." />
<link type="text/css" href="default.css" rel="stylesheet" />
<link type="text/css" href="custom.css" rel="stylesheet" />
<style TYPE="text/css" media="screen">
html, body { margin:0;
padding:0;
background: #FFF;
font-family:"Segoe UI",Arial,Helvetica,sans-serif;
}
table,tr,th {font-family:"Segoe UI",Arial,Helvetica,sans-serif;}
div#printheader { display: none; }
#idheader {
width:100%;
height:auto;
padding: 0;
margin: 0;
position: fixed;
top: 0;
z-index: 2;
}
/* The "min-height" for "#idheader table" ensures that the (blue) header of the topic
has at least the same height as the header of the navigation panel left of it */
#idheader table {min-height: 72px; background: #F3F3F3;}
#idheader h1 { color: #252E30; }
#idnav {
text-align: right;
width: 126px;
vertical-align: middle;
}
#idnav a { text-decoration: none }
#idnav span {
display: inline-block;
width: 24px;
height: 24px;
margin-left: 4px;
background:url('hm_webhelp_buttons_white.png') top left no-repeat;
}
#idnav a span {
background-image:url('hm_webhelp_buttons_grey.png');
}
#idnav a span:hover {
background-image:url('hm_webhelp_buttons_black.png');
}
#idnav span.hmbtnprev { background-position: 0 -32px }
#idnav span.hmbtnnext { background-position: -24px -32px }
#idnav span.hmbtntop { background-position: -48px -32px }
#idnav span.hmbtntoggle { width: 20px; background-position: -70px -32px }
#idnav span.hmbtnprint { background-position: -88px -32px }
#callout-table, #overview-table {display:block; position:relative; top:0; left:0;}
#callout-icon {display:block; position:absolute; top:-11px; left:-11px;}
#callout-icon-flag {display:block; position:absolute; top:-11px; left:-8px;}
#callout-table a {text-decoration: none; color: blue;}
#callout-table a:visited {text-decoration: none; color: blue;}
#overview-table a {text-decoration: none; color: black;}
#overview-table a:visited {text-decoration: none; color: black;}
#callout-table a:hover, #overview-table a:hover {text-decoration: underline;}
p.help-url { margin: 20px 0 5px 0; text-align: center; font-size: 80%; text-decoration: none }
#switchtoggles { text-align: right; padding: 0 2px 0 0; font-size: 90%; }
.sync-toc { color: #252E30; font-size: 8pt; font-weight: bold; display: none; }
.sync-toc a { color: #252E30; text-decoration: none; font-weight: bold;}
.sync-toc a:visited { color: #252E30; }
.sync-toc a:hover { text-decoration: underline; }
a.hmanchor { display: inline-block; margin-top: 4em; padding-top: 4em }
</style>
<style TYPE="text/css" media="print">
div#idheader, img.dropdown-toggle-icon, p.help-url { display:none }
</style>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="helpman_settings.js"></script>
<script type="text/javascript" src="helpman_topicinit.js"></script>
<script type="text/javascript">
HMSyncTOC("index.html", "charts.html");
</script>
<script type="text/javascript" src="highlight.js"></script>
<script type="text/javascript">
$(document).ready(function(){highlight();});
</script>
</head>
<body>
<div id="printheader"><h1 class="p_Heading1"><span class="f_Heading1">Diagram</span></h1>
</div>
<div id="idheader">
<div id="idheaderbg">
<table style="width:100%;border:none;margin:0px;" cellspacing="0" cellpadding="0">
<tr>
<td class="topichead" style="text-align:left; vertical-align:bottom">
<p class="sync-toc"><< <a rel="nofollow" href="index.html?charts.html" target="_top">Click to Display Table of Contents</a> >></p>
<p class="crumbs"><b>Navigation:</b>
<a href="using_treesize.html">Bruke TreeSize</a> > <a href="treesize_views.html">TreeSize-visningene</a> ></p>
<h1 class="p_Heading1"><span class="f_Heading1">Diagram</span></h1>
</td>
<td class="topichead" id="idnav">
<a href="treesize_views.html" title="Previous Topic"><span class="hmbtnprev"></span></a>
<a href="treesize_views.html" title="Parent Chapter"><span class="hmbtntop"></span></a>
<a href="details.html" title="Next Topic"><span class="hmbtnnext"></span></a>
</td>
</tr>
</table>
</div>
</div>
<div id="idcontent"><div id="innerdiv">
<!-- Ask Internet Explorer 6.users to update their obsolete and dangerous browser -->
<!--[if lt IE 7]><div style=' clear: both; height: 59px; padding:0 0 0 15px; position: relative;'><a href="http://windows.microsoft.com/en-US/internet-explorer/products/ie/home?ocid=ie6_countdown_bannercode"><img src="http://storage.ie6countdown.com/assets/100/images/banners/warning_bar_0000_us.jpg" border="0" height="42" width="820" alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today." /></a></div><![endif]-->
<!--ZOOMRESTART-->
<p class="p_Normal">TreeSize kan <span style="font-weight: bold;">visualisere mappeinformasjon</span> i flere forskjellige typer diagrammer. Informasjonen er basert på den for øyeblikket aktive <a href="view_menu.html" class="topiclink">visningsmodusen</a> på TreeSize. Det finnes tre grunnleggende typer diagrammer, nemlig</p>
<p class="p_Normal" style="text-indent: 0; padding-left: 13px; margin-left: 0;"><span class="f_Normal" style="font-family: Arial,'Lucida Sans Unicode','Lucida Grande','Lucida Sans';display:inline-block;width:13px;margin-left:-13px">•</span><a href="charts.html#piechart" class="topiclink">Kakediagram</a></p>
<p class="p_Normal" style="text-indent: 0; padding-left: 13px; margin-left: 0;"><span class="f_Normal" style="font-family: Arial,'Lucida Sans Unicode','Lucida Grande','Lucida Sans';display:inline-block;width:13px;margin-left:-13px">•</span><a href="charts.html#barchart" class="topiclink">Søylediagram</a></p>
<p class="p_Normal" style="text-indent: 0; padding-left: 13px; margin-left: 0;"><span class="f_Normal" style="font-family: Arial,'Lucida Sans Unicode','Lucida Grande','Lucida Sans';display:inline-block;width:13px;margin-left:-13px">•</span><a href="charts.html#treemap" class="topiclink">Trediagram</a></p>
<p class="p_Normal"> </p>
<p class="p_Normal"><a id="ribbontabchart" class="hmanchor"></a><span style="font-weight: bold;">Kontekst-fanen: Diagram</span></p>
<p class="p_Normal">Merk: En kontekstfane aktiveres når du velger Diagram-visningen. Her kan du manipulere diagrammene på flere måter, for eksempel zoome, slå på eller av rutenettlinjene, bytte mellom 2D- og 3D-modus, endre farger osv. Ved hjelp av fanen kan du også kopiere det aktuelle diagrammet til utklippstavlen eller lagre det som en fil.</p>
<p class="p_Normal">Flere alternativer for å individualisere diagrammene er tilgjengelige i <a href="optionsdialog-charts.html" class="topiclink">dialogboksen Alternativer</a>.</p>
<p class="p_Normal">Noen elementer er bare tilgjengelige for visse typer diagrammer (f.eks. "Detaljnivå" bare for "trekart"-diagrammer).</p>
<p class="p_Normal"><img alt="TreeSize-MainWindow_RibbonTab_Chart" width="1278" height="147" style="margin:0;width:1278px;height:147px;border:none" src="treesize-mainwindow_ribbontab_chart.png"/></p>
<p class="p_Normal"> <br />
Følgende kommandoer er vanligvis tilgjengelige for alle katalogdiagrammer:</p>
<div style="text-align: left; text-indent: 0; padding: 0 0 0 0; margin: 0 0 0 0;"><table style="border:none; border-spacing:0;">
<tr>
<td style="vertical-align:top; width:218px; padding:0; border:none"><h3 class="p_Heading3"><span class="f_Heading3">Kakediagram</span></h3>
</td>
<td style="vertical-align:top; width:643px; padding:0; border:none"><p class="p_Normal">Bytter til visning av kakediagram.</p>
</td>
</tr>
<tr>
<td style="vertical-align:top; width:218px; padding:0; border:none"><h3 class="p_Heading3"><span class="f_Heading3">Søylediagram</span></h3>
</td>
<td style="vertical-align:top; width:643px; padding:0; border:none"><p class="p_Normal">Bytter til stolpediagramvisning.</p>
</td>
</tr>
<tr>
<td style="vertical-align:top; width:218px; padding:0; border:none"><h3 class="p_Heading3"><span class="f_Heading3">Treemap-diagram</span></h3>
</td>
<td style="vertical-align:top; width:643px; padding:0; border:none"><p class="p_Normal">Bytter til hierarkisk diagramvisning.</p>
</td>
</tr>
<tr>
<td style="vertical-align:top; width:218px; padding:0; border:none"><h3 class="p_Heading3"><span class="f_Heading3"> </span></h3>
</td>
<td style="vertical-align:top; width:643px; padding:0; border:none"><br />
</td>
</tr>
<tr>
<td style="vertical-align:top; width:218px; padding:0; border:none"><h3 class="p_Heading3"><span class="f_Heading3">Eksporter diagram</span></h3>
</td>
<td style="vertical-align:top; width:643px; padding:0; border:none"><p class="p_Normal">Lagrer det aktuelle diagrammet som en grafisk fil.</p>
</td>
</tr>
<tr>
<td style="vertical-align:top; width:218px; padding:0; border:none"><h3 class="p_Heading3"><span class="f_Heading3">Send e-post</span></h3>
</td>
<td style="vertical-align:top; width:643px; padding:0; border:none"><p class="p_Normal">Eksporterer det gjeldende diagrammet og sender det via e-post. Du kan konfigurere e-postinnstillingene i dialogboksen for alternativer.</p>
</td>
</tr>
<tr>
<td style="vertical-align:top; width:218px; padding:0; border:none"><h3 class="p_Heading3"><span class="f_Heading3">Kopier diagram til utklippstavlen</span></h3>
</td>
<td style="vertical-align:top; width:643px; padding:0; border:none"><p class="p_Normal">Kopierer det aktuelle diagrammet til utklippstavlen (kan limes inn i andre programmer).</p>
</td>
</tr>
<tr>
<td style="vertical-align:top; width:218px; padding:0; border:none"><h3 class="p_Heading3"><span class="f_Heading3">Skriv ut høyre rute</span></h3>
</td>
<td style="vertical-align:top; width:643px; padding:0; border:none"><p class="p_Normal">Skriver ut det gjeldende diagrammet.</p>
</td>
</tr>
<tr>
<td style="vertical-align:top; width:218px; padding:0; border:none"><h3 class="p_Heading3"><span class="f_Heading3"> </span></h3>
</td>
<td style="vertical-align:top; width:643px; padding:0; border:none"><br />
</td>
</tr>
<tr>
<td style="vertical-align:top; width:218px; padding:0; border:none"><h3 class="p_Heading3"><a id="colorpicker" class="hmanchor"></a><span class="f_Heading3">Farge</span></h3>
</td>
<td style="vertical-align:top; width:643px; padding:0; border:none"><p class="p_Normal">Bruk fargevelgeren til å velge en farge for diagrammet nedenfor: Velg en farge, og klikk deretter på den delen av kaken som fargen skal brukes på.</p>
</td>
</tr>
<tr>
<td style="vertical-align:top; width:218px; padding:0; border:none"><h3 class="p_Heading3"><span class="f_Heading3"> </span></h3>
</td>
<td style="vertical-align:top; width:643px; padding:0; border:none"><br />
</td>
</tr>
<tr>
<td style="vertical-align:top; width:218px; padding:0; border:none"><h3 class="p_Heading3"><span class="f_Heading3">Vis diagram i 3D</span></h3>
</td>
<td style="vertical-align:top; width:643px; padding:0; border:none"><p class="p_Normal">Vis diagrammet i 3D eller 2D.</p>
</td>
</tr>
<tr>
<td style="vertical-align:top; width:218px; padding:0; border:none"><h3 class="p_Heading3"><span class="f_Heading3"> </span></h3>
</td>
<td style="vertical-align:top; width:643px; padding:0; border:none"><br />
</td>
</tr>
<tr>
<td style="vertical-align:top; width:218px; padding:0; border:none"><h3 class="p_Heading3"><span class="f_Heading3">Zoom inn</span></h3>
</td>
<td style="vertical-align:top; width:643px; padding:0; border:none"><p class="p_Normal">Zoomer inn på diagrammet.</p>
</td>
</tr>
<tr>
<td style="vertical-align:top; width:218px; padding:0; border:none"><h3 class="p_Heading3"><span class="f_Heading3">Zoom ut</span></h3>
</td>
<td style="vertical-align:top; width:643px; padding:0; border:none"><p class="p_Normal">Zoomer ut av diagrammet.</p>
</td>
</tr>
<tr>
<td style="vertical-align:top; width:218px; padding:0; border:none"><h3 class="p_Heading3"><span class="f_Heading3">Zoom 100</span></h3>
</td>
<td style="vertical-align:top; width:643px; padding:0; border:none"><p class="p_Normal">Tilbakestiller zoom til 100 %.</p>
</td>
</tr>
</table>
</div>
<p class="p_Normal">Avhengig av hvilken type diagram som vises, finnes det flere tilgjengelige alternativer:</p>
<p class="p_Normal">For kakediagrammer:</p>
<div style="text-align: justify; text-indent: 0; padding: 0 0 0 0; margin: 0 0 10px 0;"><table style="border:none; border-spacing:0;">
<tr>
<td style="vertical-align:top; width:218px; padding:0; border:none"><h3 class="p_Heading3"><span class="f_Heading3">Vis ledig plass</span></h3>
</td>
<td style="vertical-align:top; width:643px; padding:0; border:none"><p class="p_Normal">Viser ledig plass på en stasjon som en ekstra skive.</p>
</td>
</tr>
</table>
</div>
<p class="p_Normal">For søylediagrammer:</p>
<div style="text-align: justify; text-indent: 0; padding: 0 0 0 0; margin: 0 0 10px 0;"><table style="border:none; border-spacing:0;">
<tr>
<td style="vertical-align:top; width:218px; padding:0; border:none"><h3 class="p_Heading3"><span class="f_Heading3">Vis rutenett</span></h3>
</td>
<td style="vertical-align:top; width:643px; padding:0; border:none"><p class="p_Normal">Vis eller skjul rutenettlinjer for dette diagrammet.</p>
</td>
</tr>
</table>
</div>
<p class="p_Normal">For trediagrammet:</p>
<div style="text-align: justify; text-indent: 0; padding: 0 0 0 0; margin: 0 0 10px 0;"><table style="border:none; border-spacing:0;">
<tr>
<td style="vertical-align:top; width:218px; padding:0; border:none"><h3 class="p_Heading3"><a id="levelofdetail" class="hmanchor"></a><span class="f_Heading3">Detaljnivå</span></h3>
</td>
<td style="vertical-align:top; width:643px; padding:0; border:none"><p class="p_Normal">Endre detaljnivået for trediagrammet.</p>
</td>
</tr>
<tr>
<td style="vertical-align:top; width:218px; padding:0; border:none"><h3 class="p_Heading3"><span class="f_Heading3">Vis ledig plass</span></h3>
</td>
<td style="vertical-align:top; width:643px; padding:0; border:none"><p class="p_Normal">Vis ledig plass på en stasjon som en egen flis.</p>
</td>
</tr>
<tr>
<td style="vertical-align:top; width:218px; padding:0; border:none"><h3 class="p_Heading3"><span class="f_Heading3">Inkluderte elementer</span></h3>
</td>
<td style="vertical-align:top; width:643px; padding:0; border:none"><p class="p_Normal">I trediagrammet kan du angi hvilke elementer som skal inkluderes i diagrammet. Størrelsen på hver flis representerer størrelsen på det aktuelle elementet (vanligvis den oppsummerte størrelsen på filene som inngår), akkurat som for mapper.</p>
<p class="p_Normal">Hvis du aktiverer mer enn én type elementer som skal inkluderes, oppstår det en hierarkisk struktur: Hver fil tilhører en filtype, hver filtype tilhører en filgruppe, og hver gruppe tilhører en mappe.</p>
<p class="p_Normal">Tegnforklaringen i diagrammet tilpasses til de valgte elementene.</p>
<p class="p_Normal">Det finnes flere tilgjengelige alternativer:</p>
</td>
</tr>
<tr>
<td style="vertical-align:top; width:218px; padding:0; border:none"><h3 class="p_Heading3"><span class="f_Heading3">Vis enkeltfiler</span></h3>
</td>
<td style="vertical-align:top; width:643px; padding:0; border:none"><p class="p_Normal">Inkluder en egen flis for hver fil.</p>
</td>
</tr>
<tr>
<td style="vertical-align:top; width:218px; padding:0; border:none"><h3 class="p_Heading3"><span class="f_Heading3">Vis utvidelser</span></h3>
</td>
<td style="vertical-align:top; width:643px; padding:0; border:none"><p class="p_Normal">Inkluderer en egen flis for hver filtype som finnes i en mappe.</p>
</td>
</tr>
<tr>
<td style="vertical-align:top; width:218px; padding:0; border:none"><h3 class="p_Heading3"><span class="f_Heading3">Vis filtypegrupper</span></h3>
</td>
<td style="vertical-align:top; width:643px; padding:0; border:none"><p class="p_Normal">Inkluder en egen flis for hver <a href="optionsdialog-file_groups.html" class="topiclink">filtypegruppe</a>som finnes i en mappe.</p>
</td>
</tr>
</table>
</div>
<h2 class="p_Heading2"><a id="contextmenu" class="hmanchor"></a><span class="f_Heading2">Kontekstmeny</span></h2>
<p class="p_Normal">Når du høyreklikker på et diagram, vises en popup-meny med tilleggsfunksjoner, for eksempel for å åpne det tilsvarende elementet i Windows Utforsker.</p>
<p class="p_Normal"> </p>
<h2 class="p_Heading2"><a id="piechart" class="hmanchor"></a><span class="f_Heading2">Kakediagram</span></h2>
<p class="p_Normal">Kakediagrammet viser den relative andelen av hver undermappe i det valgte elementet i <a href="directorytree.html" class="topiclink">katalogtreet</a>. </p>
<p class="p_Normal">Diagrammet inneholder navnet på hver mappe, størrelsen (eller allokert plass, eller antall filer; for mer informasjon, se <a href="view_menu.html" class="topiclink">visningsmodus</a>) og prosentverdien. Små mapper kan oppsummeres i et utsnitt kalt "Annet". </p>
<p class="p_Normal">Hvis roten til en stasjon vises i et kakediagram og du har byttet til modusen "Allokert plass", vil den ledige plassen på denne stasjonen også vises som en del av kaken. Denne funksjonen kan slås av eller på i alternativmenyen. Kakediagrammet viser den ledige plassen som en skive blant de andre og beregner prosentandelen på riktig måte (i forhold til de andre), slik at prosentverdien kan avvike fra "% ledig"-verdien for stasjonen hvis TreeSize ikke har sett alle filene.</p>
<p class="p_Normal">Hvis du holder musepekeren over et utsnitt, vises detaljert informasjon om den tilhørende mappen, og hvis du dobbeltklikker, går du inn i den valgte mappen. </p>
<p class="p_Normal">Dobbeltklikker du på et utsnitt, vises kakediagramvisningen for den valgte mappen. Hvis det klikkede utsnittet representerer en fil, vil den bli kjørt. Høyreklikk på et utsnitt for å utføre filoperasjoner som å slette, kopiere, lime inn, egenskaper osv. Hvis du vil administrere flere mapper samtidig, holder du shift-tasten nede mens du velger de ønskede segmentene i diagrammet.</p>
<p class="p_Normal"><img alt="TreeSize-MainWindow_Chart" width="616" height="596" style="margin:0;width:616px;height:596px;border:none" src="treesize-mainwindow_chart.png"/></p>
<p class="p_Normal"> </p>
<p class="p_Normal">Vær oppmerksom på at kakediagrammet ikke bare visualiserer størrelsen på hver undermappe i det valgte elementet i katalogtreet, men også fordelingen av<span style="font-weight: bold;">filtyper</span> og til og med fil- og mappeeiere (<span style="font-weight: bold;">brukerstatistikk</span> ). Du kan endre typen kakediagram ved å klikke på rullegardinpilen rett ved siden av bildeteksten på Ribbon-knappen (se bildet nedenfor).</p>
<p class="p_Normal"><img alt="TreeSize-MainWindow_PieChart_Types" width="390" height="360" style="margin:0;width:390px;height:360px;border:none" src="treesize-mainwindow_piechart_types.png"/></p>
<p class="p_Normal"> </p>
<h2 class="p_Heading2"><a id="barchart" class="hmanchor"></a><span class="f_Heading2">Søylediagram</span></h2>
<p class="p_Normal">Søylediagrammet visualiserer mappestørrelser i form av horisontale søyler. Rutenettlinjer i bakgrunnen av diagrammet gjør det enkelt å fastslå mappestørrelser og sammenligne hver mappe med andre mapper på samme katalognivå. I likhet med kakediagrammet kan du holde musepekeren over en søyle for å få opp mer detaljert informasjon om den aktuelle mappen. Dobbeltklikker du på en søyle, vises søylediagramvisningen for den valgte mappen.</p>
<p class="p_Normal"><img alt="TreeSize-MainWindow_BarChart" width="616" height="596" style="margin:0;width:616px;height:596px;border:none" src="treesize-mainwindow_barchart.png"/></p>
<p class="p_Normal"> </p>
<h2 class="p_Heading2"><a id="treemap" class="hmanchor"></a><span class="f_Heading2">Treemap-diagram</span></h2>
<p class="p_Normal">Trediagrammet er et hierarkisk diagram som kan visualisere størrelsen på hver undermappe (ikke bare direkte underordnede mapper) i en valgt kataloggren. </p>
<p class="p_Normal">Hver mappe vises som et rektangel. Rektangelets areal representerer størrelsen på den aktuelle mappen. Rektanglene til undermappene er plassert inne i rektangelet til den overordnede mappen. <span class="f_News">Hvis en mappe ikke har noen undermapper og filtypestatistikken ble aktivert under skanningen, vises filtypene nå som underelementer.</span></p>
<p class="p_Normal">Fargen på rektangelets flate angir katalognivået. Fargene varierer fra en mørkere blå (kataloger på øverste nivå) til en lysere blå (kataloger med et dypt filsystemnivå). Disse fargene kan justeres ved hjelp av <a href="charts.html#colorpicker" class="topiclink">fargevelgeren</a> i kontekstfanen. I kontekstmenyen i trediagrammet kan du også bruke et forhåndsdefinert fargeskjema. De viste rektanglene må ha en minimumsstørrelse for å vises. Du kan tilpasse denne minimumsverdien ved hjelp av <a href="charts.html#levelofdetail" class="topiclink">detaljnivået</a> i kontekstfanen. Hvis denne verdien er liten, kan diagrammet se veldig komplekst og forvirrende ut. </p>
<p class="p_Normal">Hvis du plasserer musepekeren over diagrammet, får du opp et verktøytips med informasjon om katalogen som musepekeren svever over. Hvisdu dobbeltklikker på en av rektanglene, navigerer du til den tilsvarende <a href="directorytree.html" class="topiclink">katalogen</a>i <a href="directorytree.html" class="topiclink">katalogtreet</a>. Det er mulig å dra og slippe i trediagrammet.</p>
<p class="p_Normal"><img alt="TreeSize-MainWindow_TreeMap" width="616" height="596" style="margin:0;width:616px;height:596px;border:none" src="treesize-mainwindow_treemap.png"/></p>
<!--ZOOMSTOP-->
</div></div>
<script type="text/javascript">
$(document).ready(function(){
$(window).bind('resize', function() {
var y = $('#idheader').height();
$('#idcontent').css('margin-top', y);
var par = window.parent;
if ($( par ).width() <= $( window ).width()+20) {
$('#idheader').css('position', 'relative');
$('#idcontent').css('margin-top', 0);
$('#idbacktotop').css('display', 'block');
$('.hmanchor').css('margin-top', -20);
$('.hmanchor').css('padding-top', 20);
}
else {
$('#idheader').css('position', 'fixed');
$('#idcontent').css('margin-top', $('#idheader').height());
$('#idbacktotop').css('display', 'none');
$('.hmanchor').css('margin-top', -y-20);
$('.hmanchor').css('padding-top', y+20);
}
});
if (/touch/i.test(navigator.userAgent)) {
$("a#printbuttonlink").hide();
$("div#idnav").css("width","126px");
}
$(window).resize(); //trigger event for initially small displays
});
if ((!parent.hmNavigationFrame) && (parent.location) && (parent.location.href)) { $('.sync-toc').show();$('p.crumbs').hide();}
</script>
</body>
</html>