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=\'organicReactionWeb-1.html\'">1. Organic chemistry basics</div>\
<div style="position: relative; left: 20px; top: '+(topOff+subSpace)+'px;\
visibility: hidden; line-height: 0%; margin-bottom: 0; margin-top: 0;">\
<a href="organicReactionWeb-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+2*subSpace)+'px;\
visibility: hidden; line-height: 0%; margin-bottom: 0; margin-top: 0;">\
<a href="organicReactionWeb-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+3*subSpace)+'px;\
visibility: hidden; line-height: 0%; margin-bottom: 0; margin-top: 0;">\
<a href="organicReactionWeb-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+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=\'computationToolWeb-1.html\'">2. The Computation Tool</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="computationToolWeb-1.html#21Bas"\
onMouseOver="this.style.textDecoration=\'underline\'"\
onMouseOut="this.style.textDecoration=\'none\'">2.1. Basic facts</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="computationToolWeb-2.html#22Opt"\
onMouseOver="this.style.textDecoration=\'underline\'"\
onMouseOut="this.style.textDecoration=\'none\'">2.2. Options</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="computationToolWeb-5.html#23Per"\
onMouseOver="this.style.textDecoration=\'underline\'"\
onMouseOut="this.style.textDecoration=\'none\'">2.3. Performance, \
correctness, completeness</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=\'graphicComposerWeb-1.html\'">3. The Graphic Composer</div>\
<div style="position: relative; left: 20px; top: '+(topOff+2*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,2);\
window.location.href=\'graphicComposerWeb-1.html#31Dra\'">3.1. Drawing</a></div>\
<div style="position: relative; left: 30px; top: '+(topOff+2*topSpace+subSpace+subsubSpace)+'px;\
visibility: hidden; line-height: 0%; margin-bottom: 0; margin-top: 0;">\
<a href="graphicComposerWeb-1.html#311Dra"\
onMouseOver="this.style.textDecoration=\'underline\'"\
onMouseOut="this.style.textDecoration=\'none\'">3.1.1. Drawing formulas</a></div>\
<div style="position: relative; left: 30px; top: '+(topOff+2*topSpace+subSpace+2*subsubSpace)+'px;\
visibility: hidden; line-height: 0%; margin-bottom: 0; margin-top: 0;">\
<a href="graphicComposerWeb-2.html#312Dra"\
onMouseOver="this.style.textDecoration=\'underline\'"\
onMouseOut="this.style.textDecoration=\'none\'">3.1.2. Drawing a reaction step rule</a></div>\
<div style="position: relative; left: 30px; top: '+(topOff+2*topSpace+subSpace+3*subsubSpace)+'px;\
visibility: hidden; line-height: 0%; margin-bottom: 0; margin-top: 0;">\
<a href="graphicComposerWeb-6.html#313Che"\
onMouseOver="this.style.textDecoration=\'underline\'"\
onMouseOut="this.style.textDecoration=\'none\'">3.1.3. Checking a rule</a></div>\
<div style="position: relative; left: 30px; top: '+(topOff+2*topSpace+subSpace+4*subsubSpace)+'px;\
visibility: hidden; line-height: 0%; margin-bottom: 0; margin-top: 0;">\
<a href="graphicComposerWeb-7.html#314Rep"\
onMouseOver="this.style.textDecoration=\'underline\'"\
onMouseOut="this.style.textDecoration=\'none\'">3.1.4. Repositioning a symbol or expression, deleting and undoing</a></div>\
<div style="position: relative; left: 30px; top: '+(topOff+2*topSpace+subSpace+5*subsubSpace)+'px;\
visibility: hidden; line-height: 0%; margin-bottom: 0; margin-top: 0;">\
<a href="graphicComposerWeb-8.html#315Red"\
onMouseOver="this.style.textDecoration=\'underline\'"\
onMouseOut="this.style.textDecoration=\'none\'">3.1.5. Redrawing a formula or a reaction step rule</a></div>\
<div style="position: relative; left: 30px; top: '+(topOff+2*topSpace+subSpace+6*subsubSpace)+'px;\
visibility: hidden; line-height: 0%; margin-bottom: 0; margin-top: 0;">\
<a href="graphicComposerWeb-9.html#316Num"\
onMouseOver="this.style.textDecoration=\'underline\'"\
onMouseOut="this.style.textDecoration=\'none\'">3.1.6. Numbering the \
symbols</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;"\
onMouseOver="this.style.textDecoration=\'underline\'; this.style.cursor=\
(navigator.appName == \'Netscape\')? \'pointer\' : \'hand\'"\
onMouseOut="this.style.textDecoration=\'none\'"\
onClick="pushDown2(2,2);\
window.location.href=\'graphicComposerWeb-10.html#32Sav\'">3.2. Saving and opening</a></div>\
<div style="position: relative; left: 30px; top: '+(topOff+2*topSpace+2*subSpace+subsubSpace)+'px;\
visibility: hidden; line-height: 0%; margin-bottom: 0; margin-top: 0;">\
<a href="graphicComposerWeb-10.html#321Sav"\
onMouseOver="this.style.textDecoration=\'underline\'"\
onMouseOut="this.style.textDecoration=\'none\'">3.2.1. Saving the start and searched compounds</a></div>\
<div style="position: relative; left: 30px; top: '+(topOff+2*topSpace+2*subSpace+2*subsubSpace)+'px;\
visibility: hidden; line-height: 0%; margin-bottom: 0; margin-top: 0;">\
<a href="graphicComposerWeb-10.html#322Add"\
onMouseOver="this.style.textDecoration=\'underline\'"\
onMouseOut="this.style.textDecoration=\'none\'">3.2.2. Adding rules to the list</a></div>\
<div style="position: relative; left: 30px; top: '+(topOff+2*topSpace+2*subSpace+3*subsubSpace)+'px;\
visibility: hidden; line-height: 0%; margin-bottom: 0; margin-top: 0;">\
<a href="graphicComposerWeb-10.html#323Emp"\
onMouseOver="this.style.textDecoration=\'underline\'"\
onMouseOut="this.style.textDecoration=\'none\'">3.2.3. Emptying the list of rules</a></div>\
<div style="position: relative; left: 30px; top: '+(topOff+2*topSpace+2*subSpace+4*subsubSpace)+'px;\
visibility: hidden; line-height: 0%; margin-bottom: 0; margin-top: 0;">\
<a href="graphicComposerWeb-11.html#324Ope"\
onMouseOver="this.style.textDecoration=\'underline\'"\
onMouseOut="this.style.textDecoration=\'none\'">3.2.4. Opening the start and searched compounds</a></div>\
<div style="position: relative; left: 30px; top: '+(topOff+2*topSpace+2*subSpace+5*subsubSpace)+'px;\
visibility: hidden; line-height: 0%; margin-bottom: 0; margin-top: 0;">\
<a href="graphicComposerWeb-11.html#325Ope"\
onMouseOver="this.style.textDecoration=\'underline\'"\
onMouseOut="this.style.textDecoration=\'none\'">3.2.5. Opening a rule from the preprepared list</a></div>\
<div style="position: relative; left: 30px; top: '+(topOff+2*topSpace+2*subSpace+6*subsubSpace)+'px;\
visibility: hidden; line-height: 0%; margin-bottom: 0; margin-top: 0;">\
<a href="graphicComposerWeb-11.html#326Ope"\
onMouseOver="this.style.textDecoration=\'underline\'"\
onMouseOut="this.style.textDecoration=\'none\'">3.2.6. Opening a rule from the list</a></div>\
<div style="position: relative; left: 30px; top: '+(topOff+2*topSpace+2*subSpace+7*subsubSpace)+'px;\
visibility: hidden; line-height: 0%; margin-bottom: 0; margin-top: 0;">\
<a href="graphicComposerWeb-11.html#327Ope"\
onMouseOver="this.style.textDecoration=\'underline\'"\
onMouseOut="this.style.textDecoration=\'none\'">3.2.7. Opening a step in the synthesis</a></div>\
<div style="position: relative; left: 20px; top: '+(topOff+2*topSpace+3*subSpace)+'px;\
visibility: hidden; line-height: 0%; margin-bottom: 0; margin-top: 0;">\
<a href="graphicComposerWeb-12.html#33Set"\
onMouseOver="this.style.textDecoration=\'underline\'"\
onMouseOut="this.style.textDecoration=\'none\'">3.3. Settings</a></div>\
<div style="position: relative; left: 20px; top: '+(topOff+2*topSpace+4*subSpace)+'px;\
visibility: hidden; line-height: 0%; margin-bottom: 0; margin-top: 0;">\
<a href="graphicComposerWeb-12.html#34Qui"\
onMouseOver="this.style.textDecoration=\'underline\'"\
onMouseOut="this.style.textDecoration=\'none\'">3.4. Quitting</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=\'proceedExamplesWeb-1.html\'">4. How to proceed with the examples</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="proceedExamplesWeb-2.html#41Syn"\
onMouseOver="this.style.textDecoration=\'underline\'"\
onMouseOut="this.style.textDecoration=\'none\'">4.1. Synthesis of <i style="color: #990000">beta</i>-ionone</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="proceedExamplesWeb-3.html#42Dec"\
onMouseOver="this.style.textDecoration=\'underline\'"\
onMouseOut="this.style.textDecoration=\'none\'">4.2. Decarboxylation reaction</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="proceedExamplesWeb-4.html#43Fin"\
onMouseOver="this.style.textDecoration=\'underline\'"\
onMouseOut="this.style.textDecoration=\'none\'">4.3. Final part of Darzens synthesis</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="proceedExamplesWeb-5.html#44Syn"\
onMouseOver="this.style.textDecoration=\'underline\'"\
onMouseOut="this.style.textDecoration=\'none\'">4.4. Synthesis of lactone</a></div>\
<div style="position: relative; left: 20px; top: '+(topOff+3*topSpace+5*subSpace)+'px;\
visibility: hidden; line-height: 0%; margin-bottom: 0; margin-top: 0;">\
<a href="proceedExamplesWeb-6.html#45Rob"\
onMouseOver="this.style.textDecoration=\'underline\'"\
onMouseOut="this.style.textDecoration=\'none\'">4.5. Robinson anellation</a></div>\
<div style="position: relative; left: 20px; top: '+(topOff+3*topSpace+6*subSpace)+'px;\
visibility: hidden; line-height: 0%; margin-bottom: 0; margin-top: 0;">\
<a href="proceedExamplesWeb-7.html#46Syn"\
onMouseOver="this.style.textDecoration=\'underline\'"\
onMouseOut="this.style.textDecoration=\'none\'">4.6. Synthesis of lanosterol</a></div>\
<div style="position: relative; left: 20px; top: '+(topOff+3*topSpace+7*subSpace)+'px;\
visibility: hidden; line-height: 0%; margin-bottom: 0; margin-top: 0;">\
<a href="proceedExamplesWeb-8.html#47Rad"\
onMouseOver="this.style.textDecoration=\'underline\'"\
onMouseOut="this.style.textDecoration=\'none\'">4.7. Example of a radical reaction</a></div>\
</td>');