var topOff=0;
var topSpace=30;
var subSpace=20;
var subsubSpace=25;

document.write('<td class="site">\
<br>\
<h3 style="position: relative; left: 10px; font-family: Verdana, sans-serif;\
text-decoration: underline">Table of Contents</h3>\
<br>\
<div style="position: relative; left: 10px; top: '+topOff+'px"\
onMouseOver="this.style.textDecoration=\'underline\'; this.style.cursor=\
(navigator.appName == \'Netscape\')? \'pointer\' : \'hand\'"\
onMouseOut="this.style.textDecoration=\'none\'"\
onClick="pushDown1(0);\
window.location.href=\'introduction-1.html\'">0. Introduction</div>\
<div style="position: relative; left: 20px; top: '+(topOff+subSpace)+'px;\
visibility: hidden; line-height: 0%; margin-bottom: 0; margin-top: 0;">\
<a href="introduction-1.html#01Ove"\
onMouseOver="this.style.textDecoration=\'underline\'"\
onMouseOut="this.style.textDecoration=\'none\'">0.1. Overview</a></div>\
<div style="position: relative; left: 20px; top: '+(topOff+2*subSpace)+'px;\
visibility: hidden; line-height: 0%; margin-bottom: 0; margin-top: 0;">\
<a href="introduction-1.html#02Get"\
onMouseOver="this.style.textDecoration=\'underline\'"\
onMouseOut="this.style.textDecoration=\'none\'">0.2. Getting acquainted</a></div>\
\
<div style="position: relative; left: 10px; top: '+(topOff+topSpace)+'px"\
onMouseOver="this.style.textDecoration=\'underline\'; this.style.cursor=\
(navigator.appName == \'Netscape\')? \'pointer\' : \'hand\'"\
onMouseOut="this.style.textDecoration=\'none\'"\
onClick="pushDown1(1);\
window.location.href=\'organicReaction-1.html\'">1. Organic chemistry basics</div>\
<div style="position: relative; left: 20px; top: '+(topOff+topSpace+subSpace)+'px;\
visibility: hidden; line-height: 0%; margin-bottom: 0; margin-top: 0;">\
<a href="organicReaction-1.html#11For"\
onMouseOver="this.style.textDecoration=\'underline\'"\
onMouseOut="this.style.textDecoration=\'none\'">1.1. Formulas</a></div>\
<div style="position: relative; left: 20px; top: '+(topOff+topSpace+2*subSpace)+'px;\
visibility: hidden; line-height: 0%; margin-bottom: 0; margin-top: 0;">\
<a href="organicReaction-2.html#12Rea"\
onMouseOver="this.style.textDecoration=\'underline\'"\
onMouseOut="this.style.textDecoration=\'none\'">1.2. Reactions</a></div>\
<div style="position: relative; left: 20px; top: '+(topOff+topSpace+3*subSpace)+'px;\
visibility: hidden; line-height: 0%; margin-bottom: 0; margin-top: 0;">\
<a href="organicReaction-3.html#13Rea"\
onMouseOver="this.style.textDecoration=\'underline\'"\
onMouseOut="this.style.textDecoration=\'none\'">1.3. Reaction step rules</a></div>\
\
<div style="position: relative; left: 10px; top: '+(topOff+2*topSpace)+'px"\
onMouseOver="this.style.textDecoration=\'underline\'; this.style.cursor=\
(navigator.appName == \'Netscape\')? \'pointer\' : \'hand\'"\
onMouseOut="this.style.textDecoration=\'none\'"\
onClick="pushDown1(2);\
window.location.href=\'installation-1.html\'">2. Installation and start</div>\
<div style="position: relative; left: 20px; top: '+(topOff+2*topSpace+subSpace)+'px;\
visibility: hidden; line-height: 0%; margin-bottom: 0; margin-top: 0;">\
<a href="installation-1.html#21Ins"\
onMouseOver="this.style.textDecoration=\'underline\'"\
onMouseOut="this.style.textDecoration=\'none\'">2.1. Installation</a></div>\
<div style="position: relative; left: 20px; top: '+(topOff+2*topSpace+2*subSpace)+'px;\
visibility: hidden; line-height: 0%; margin-bottom: 0; margin-top: 0;">\
<a href="installation-1.html#22Sta"\
onMouseOver="this.style.textDecoration=\'underline\'"\
onMouseOut="this.style.textDecoration=\'none\'">2.2. Starting the Utility</a></div>\
\
<div style="position: relative; left: 10px; top: '+(topOff+3*topSpace)+'px"\
onMouseOver="this.style.textDecoration=\'underline\'; this.style.cursor=\
(navigator.appName == \'Netscape\')? \'pointer\' : \'hand\'"\
onMouseOut="this.style.textDecoration=\'none\'"\
onClick="pushDown1(3);\
window.location.href=\'computationTool-1.html\'">3. The Computation Tool</div>\
<div style="position: relative; left: 20px; top: '+(topOff+3*topSpace+subSpace)+'px;\
visibility: hidden; line-height: 0%; margin-bottom: 0; margin-top: 0;">\
<a href="computationTool-1.html#31Bas"\
onMouseOver="this.style.textDecoration=\'underline\'"\
onMouseOut="this.style.textDecoration=\'none\'">3.1. Basic facts</a></div>\
<div style="position: relative; left: 20px; top: '+(topOff+3*topSpace+2*subSpace)+'px;\
visibility: hidden; line-height: 0%; margin-bottom: 0; margin-top: 0;">\
<a href="computationTool-2.html#32For"\
onMouseOver="this.style.textDecoration=\'underline\'"\
onMouseOut="this.style.textDecoration=\'none\'">3.2. Format</a></div>\
<div style="position: relative; left: 20px; top: '+(topOff+3*topSpace+3*subSpace)+'px;\
visibility: hidden; line-height: 0%; margin-bottom: 0; margin-top: 0;">\
<a href="computationTool-4.html#33Arg"\
onMouseOver="this.style.textDecoration=\'underline\'"\
onMouseOut="this.style.textDecoration=\'none\'">3.3. Arguments and options</a></div>\
<div style="position: relative; left: 20px; top: '+(topOff+3*topSpace+4*subSpace)+'px;\
visibility: hidden; line-height: 0%; margin-bottom: 0; margin-top: 0;">\
<a href="computationTool-7.html#34Per"\
onMouseOver="this.style.textDecoration=\'underline\'"\
onMouseOut="this.style.textDecoration=\'none\'">3.4. Performance, \
correctness, completeness</a></div>\
\
<div style="position: relative; left: 10px; top: '+(topOff+4*topSpace)+'px"\
onMouseOver="this.style.textDecoration=\'underline\'; this.style.cursor=\
(navigator.appName == \'Netscape\')? \'pointer\' : \'hand\'"\
onMouseOut="this.style.textDecoration=\'none\'"\
onClick="pushDown1(4);\
window.location.href=\'graphicComposer-1.html\'">4. The Graphic Composer</div>\
<div style="position: relative; left: 20px; top: '+(topOff+4*topSpace+subSpace)+'px;\
visibility: hidden; line-height: 0%; margin-bottom: 0; margin-top: 0;"\
onMouseOver="this.style.textDecoration=\'underline\'; this.style.cursor=\
(navigator.appName == \'Netscape\')? \'pointer\' : \'hand\'"\
onMouseOut="this.style.textDecoration=\'none\'"\
onClick="pushDown2(1,4);\
window.location.href=\'graphicComposer-1.html#41Dra\'">4.1. Drawing</a></div>\
<div style="position: relative; left: 30px; top: '+(topOff+4*topSpace+subSpace+subsubSpace)+'px;\
visibility: hidden; line-height: 0%; margin-bottom: 0; margin-top: 0;">\
<a href="graphicComposer-1.html#411Dra"\
onMouseOver="this.style.textDecoration=\'underline\'"\
onMouseOut="this.style.textDecoration=\'none\'">4.1.1. Drawing formulas</a></div>\
<div style="position: relative; left: 30px; top: '+(topOff+4*topSpace+subSpace+2*subsubSpace)+'px;\
visibility: hidden; line-height: 0%; margin-bottom: 0; margin-top: 0;">\
<a href="graphicComposer-2.html#412Dra"\
onMouseOver="this.style.textDecoration=\'underline\'"\
onMouseOut="this.style.textDecoration=\'none\'">4.1.2. Drawing a reaction step rule</a></div>\
<div style="position: relative; left: 30px; top: '+(topOff+4*topSpace+subSpace+3*subsubSpace)+'px;\
visibility: hidden; line-height: 0%; margin-bottom: 0; margin-top: 0;">\
<a href="graphicComposer-6.html#413Che"\
onMouseOver="this.style.textDecoration=\'underline\'"\
onMouseOut="this.style.textDecoration=\'none\'">4.1.3. Checking a rule</a></div>\
<div style="position: relative; left: 30px; top: '+(topOff+4*topSpace+subSpace+4*subsubSpace)+'px;\
visibility: hidden; line-height: 0%; margin-bottom: 0; margin-top: 0;">\
<a href="graphicComposer-7.html#414Rep"\
onMouseOver="this.style.textDecoration=\'underline\'"\
onMouseOut="this.style.textDecoration=\'none\'">4.1.4. Repositioning a symbol or expression, deleting and undoing</a></div>\
<div style="position: relative; left: 30px; top: '+(topOff+4*topSpace+subSpace+5*subsubSpace)+'px;\
visibility: hidden; line-height: 0%; margin-bottom: 0; margin-top: 0;">\
<a href="graphicComposer-8.html#415Red"\
onMouseOver="this.style.textDecoration=\'underline\'"\
onMouseOut="this.style.textDecoration=\'none\'">4.1.5. Redrawing a formula or a reaction step rule</a></div>\
<div style="position: relative; left: 30px; top: '+(topOff+4*topSpace+subSpace+6*subsubSpace)+'px;\
visibility: hidden; line-height: 0%; margin-bottom: 0; margin-top: 0;">\
<a href="graphicComposer-9.html#416Num"\
onMouseOver="this.style.textDecoration=\'underline\'"\
onMouseOut="this.style.textDecoration=\'none\'">4.1.6. Numbering the \
symbols</a></div>\
<div style="position: relative; left: 20px; top: '+(topOff+4*topSpace+2*subSpace)+'px;\
visibility: hidden; line-height: 0%; margin-bottom: 0; margin-top: 0;"\
onMouseOver="this.style.textDecoration=\'underline\'; this.style.cursor=\
(navigator.appName == \'Netscape\')? \'pointer\' : \'hand\'"\
onMouseOut="this.style.textDecoration=\'none\'"\
onClick="pushDown2(2,4);\
window.location.href=\'graphicComposer-10.html#42Sav\'">4.2. Saving and opening</a></div>\
<div style="position: relative; left: 30px; top: '+(topOff+4*topSpace+2*subSpace+subsubSpace)+'px;\
visibility: hidden; line-height: 0%; margin-bottom: 0; margin-top: 0;">\
<a href="graphicComposer-10.html#421Sav"\
onMouseOver="this.style.textDecoration=\'underline\'"\
onMouseOut="this.style.textDecoration=\'none\'">4.2.1. Saving formulas and reaction step rules</a></div>\
<div style="position: relative; left: 30px; top: '+(topOff+4*topSpace+2*subSpace+2*subsubSpace)+'px;\
visibility: hidden; line-height: 0%; margin-bottom: 0; margin-top: 0;">\
<a href="graphicComposer-10.html#422Add"\
onMouseOver="this.style.textDecoration=\'underline\'"\
onMouseOut="this.style.textDecoration=\'none\'">4.2.2. Adding rules to the list</a></div>\
<div style="position: relative; left: 30px; top: '+(topOff+4*topSpace+2*subSpace+3*subsubSpace)+'px;\
visibility: hidden; line-height: 0%; margin-bottom: 0; margin-top: 0;">\
<a href="graphicComposer-11.html#423Ope"\
onMouseOver="this.style.textDecoration=\'underline\'"\
onMouseOut="this.style.textDecoration=\'none\'">4.2.3. Opening formulas and reaction step rules</a></div>\
<div style="position: relative; left: 30px; top: '+(topOff+4*topSpace+2*subSpace+4*subsubSpace)+'px;\
visibility: hidden; line-height: 0%; margin-bottom: 0; margin-top: 0;">\
<a href="graphicComposer-11.html#424Ope"\
onMouseOver="this.style.textDecoration=\'underline\'"\
onMouseOut="this.style.textDecoration=\'none\'">4.2.4. Opening a rule from the list</a></div>\
<div style="position: relative; left: 30px; top: '+(topOff+4*topSpace+2*subSpace+5*subsubSpace)+'px;\
visibility: hidden; line-height: 0%; margin-bottom: 0; margin-top: 0;">\
<a href="graphicComposer-11.html#425Ope"\
onMouseOver="this.style.textDecoration=\'underline\'"\
onMouseOut="this.style.textDecoration=\'none\'">4.2.5. Opening a step in the synthesis</a></div>\
<div style="position: relative; left: 30px; top: '+(topOff+4*topSpace+2*subSpace+6*subsubSpace)+'px;\
visibility: hidden; line-height: 0%; margin-bottom: 0; margin-top: 0;">\
<a href="graphicComposer-11.html#426Ope"\
onMouseOver="this.style.textDecoration=\'underline\'"\
onMouseOut="this.style.textDecoration=\'none\'">4.2.6. Opening a product from the generation</a></div>\
<div style="position: relative; left: 20px; top: '+(topOff+4*topSpace+3*subSpace)+'px;\
visibility: hidden; line-height: 0%; margin-bottom: 0; margin-top: 0;">\
<a href="graphicComposer-12.html#43Set"\
onMouseOver="this.style.textDecoration=\'underline\'"\
onMouseOut="this.style.textDecoration=\'none\'">4.3. Settings</a></div>\
<div style="position: relative; left: 20px; top: '+(topOff+4*topSpace+4*subSpace)+'px;\
visibility: hidden; line-height: 0%; margin-bottom: 0; margin-top: 0;">\
<a href="graphicComposer-12.html#44Pri"\
onMouseOver="this.style.textDecoration=\'underline\'"\
onMouseOut="this.style.textDecoration=\'none\'">4.4. Printing and quitting</a></div>\
\
<div style="position: relative; left: 10px; top: '+(topOff+5*topSpace)+'px"\
onMouseOver="this.style.textDecoration=\'underline\'; this.style.cursor=\
(navigator.appName == \'Netscape\')? \'pointer\' : \'hand\'"\
onMouseOut="this.style.textDecoration=\'none\'"\
onClick="pushDown1(5);\
window.location.href=\'proceedExamples-1.html\'">5. How to proceed with the examples</div>\
<div style="position: relative; left: 20px; top: '+(topOff+5*topSpace+subSpace)+'px;\
visibility: hidden; line-height: 0%; margin-bottom: 0; margin-top: 0;">\
<a href="proceedExamples-2.html#51Syn"\
onMouseOver="this.style.textDecoration=\'underline\'"\
onMouseOut="this.style.textDecoration=\'none\'">5.1. Synthesis of <i style="color: #990000">beta</i>-ionone</a></div>\
<div style="position: relative; left: 20px; top: '+(topOff+5*topSpace+2*subSpace)+'px;\
visibility: hidden; line-height: 0%; margin-bottom: 0; margin-top: 0;">\
<a href="proceedExamples-3.html#52Dec"\
onMouseOver="this.style.textDecoration=\'underline\'"\
onMouseOut="this.style.textDecoration=\'none\'">5.2. Decarboxylation reaction</a></div>\
<div style="position: relative; left: 20px; top: '+(topOff+5*topSpace+3*subSpace)+'px;\
visibility: hidden; line-height: 0%; margin-bottom: 0; margin-top: 0;">\
<a href="proceedExamples-4.html#53Fin"\
onMouseOver="this.style.textDecoration=\'underline\'"\
onMouseOut="this.style.textDecoration=\'none\'">5.3. Final part of Darzens synthesis</a></div>\
<div style="position: relative; left: 20px; top: '+(topOff+5*topSpace+4*subSpace)+'px;\
visibility: hidden; line-height: 0%; margin-bottom: 0; margin-top: 0;">\
<a href="proceedExamples-5.html#54Syn"\
onMouseOver="this.style.textDecoration=\'underline\'"\
onMouseOut="this.style.textDecoration=\'none\'">5.4. Synthesis of lactone</a></div>\
<div style="position: relative; left: 20px; top: '+(topOff+5*topSpace+5*subSpace)+'px;\
visibility: hidden; line-height: 0%; margin-bottom: 0; margin-top: 0;">\
<a href="proceedExamples-6.html#55Rob"\
onMouseOver="this.style.textDecoration=\'underline\'"\
onMouseOut="this.style.textDecoration=\'none\'">5.5. Robinson anellation</a></div>\
<div style="position: relative; left: 20px; top: '+(topOff+5*topSpace+6*subSpace)+'px;\
visibility: hidden; line-height: 0%; margin-bottom: 0; margin-top: 0;">\
<a href="proceedExamples-7.html#56Syn"\
onMouseOver="this.style.textDecoration=\'underline\'"\
onMouseOut="this.style.textDecoration=\'none\'">5.6. Synthesis of lanosterol</a></div>\
<div style="position: relative; left: 20px; top: '+(topOff+5*topSpace+7*subSpace)+'px;\
visibility: hidden; line-height: 0%; margin-bottom: 0; margin-top: 0;">\
<a href="proceedExamples-8.html#57Rad"\
onMouseOver="this.style.textDecoration=\'underline\'"\
onMouseOut="this.style.textDecoration=\'none\'">5.7. Example of a radical reaction</a></div>\
</td>');