    var strInput = ""
    var count = 0
    function DoIt(value)
     {   
         document.Calculator.Display.value = value
       }

  function DoCode()
   {
       strValue = document.Calculator.Display.value
        parent.frame2.document.close()
        parent.frame2.document.open()
        parent.frame2.document.write(strValue)
   }

   var Text1
   Text1=" <h1>Hello There</h1> \n <h2>Hello There</h2> \n <h3>Hello There</h3> \n <h4>Hello There</h4> \n <h5>Hello There</h5> \n <h6>Hello There</h6>"

   Text2=" <b>Bold Text</b><br /> \n <big>Big Text</big><br /> \n <em>Emphasized Text</em><br /> \n <i>Italic Text</i><br /> \n <small>Small Text</small><br /> \n <strong>Strong Text</strong><br /> \n W<sub>Subscripted Text</sub><br /> \n W<sup>Superscripted Text</sup><br /> \n <del>Deleted Text</del><br /> "

  Text3 = " &lt;  Less Than <br /> \n &nbsp; non-breaking space. <br /> \n &gt; Greater Than <br /> \n &amp;  Ampersand <br /> \n &quot;  Quotation Mark <br/> \n &copy;  Copyright <br /> \n &reg; Registered Trademark <br /> \n &cent;  Cent <br /> \n &trade;  Trade Mark <br /> \n &micro;  Micro <br /> \n &frac12; Fraction 1/2 <br /> \n &frac14; Fraction 1/4"

  Text4 = "<!DOCTYPE Doctype goes here> \n <html xmlns='http://www.w3.org/1999/xhtml'> \n <head> \n <title>A Title is required.</title> \n </head> \n <body> \n <p>All XHTML documents must have a <b>DOCTYPE</b> declaration. The html, head and body elements must be present, and the title must be present inside the head element.  All tags must be in lower case and the document must be well formed.</p>  \n </body> \n </html> \n "

Text5="All XHTML tags must be in lower case.  All elements must be well formed.  This means that there must be a root element, &lt;html&gt; &lt;/html&gt; and the last tag opened must be the first tag closed.  For an empty element such as the &lt;br&gt; <i>line break</i> end it with a space and a forward slash as: &lt;br /&gt;."

 Text6 = "The DOCTYPE declaration should always be the first line in an XHTML document.<p> \n There are three different doctypes: <b>Strict, Transitional, </b>and <b>Frameset</b>. These are: </p> \n \n <!DOCTYPE htmlPUBLIC '-//W3C//DTD XHTML 1.0 Strict//EN' http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd'> \n \n <!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN' 'http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd'> \n \n  <!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Frameset//EN' 'http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd'>"

Text7 = "<input type = 'text' /><br /> \n Your Name: <input type = 'text' /><br /> \n 3 Chr Max: <input type='text' maxlength='3' /><br /> \n State: <input type = 'text' size= '2'  /><br /> \n <input type='text' value='Type in here.' /><br /> \n <input type='text' readonly='readonly' value='This is read only text' /><br /> \n Enter your password: <input type='password' /> \n  <hr /> \n The <i>name</i> attribute gives an identifying name to the text field: <br /> \n <input type='text' name='text1' /><br /> \n <input type='text' name='Email' />"

Text8 = "<textarea></textarea><br /> \n <textarea>Try typing in here.</textarea><br /> \n <textarea rows='5' cols='15'></textarea><br /> \n Instructions: <br /> \n <textarea disabled='disabled'>Here are the instructions.</textarea> "

Text9 = "T1: <input type='checkbox' /><br /> \n T2: <input type='checkbox' checked='checked' /><br /> \n T3: <input type='checkbox' disabled='disabled' /><br /> \n <p>To distinguish one check box from another, use the <i>name</i> attribute: </p> \n Email: <input type='checkbox' name='Em' /><br /> \n Call Me: <input type='checkbox' name='call' />"

 Text10 ="Radio Buttons come in groups.  Only one radio button at a time may be selected in that group.  Each group is identified by having the same identifier for the <i>name</i> attribute.<p> \n Male: <input type='radio' name='S' /><br /> \n Female: <input type='radio' name='S' /><br /> \n Over 18: <br /> \n Yes: <input type='radio' name='Age' /><br /> \n No: <input type='radio' name='Age' /></p> \n The <i>value</i> attribute identifies one radio button from another:<p> \n Button 1: <input type='radio' name='b' value='b1' /><br /> \n Button2 : <input type='radio' name='b' value='b2'' /><br /> \n This button is disabled: <input type='radio' disabled='disabled' /><br /> \n This button is checked: <input type='radio' checked='checked' />"

Text11 = "Standard Select Menu: <br /> \n <select> \n <option>First Option</option> \n <option>Second Option</option> \n <option>Third Option </option> \n</select> \n <br />Second Option Pre-Selected:<br /> \n <select> \n <option>First Option</option> \n <option selected='selected'>Second Option</option> \n <option>Third Option </option> \n</select> \n <br />All Options Shown:<br />\n <select size='3'> \n <option>First Option</option> \n <option>Second Option</option> \n <option>Third Option </option> \n</select> \n <br />Allows Multiple Selections [Hold down Shift Key]<br /> \n <select size='4' multiple='multiple'> \n <option>First Option</option> \n <option>Second Option</option> \n <option>Third Option </option> \n</select> \n <br />A Disabled Menu:  \n <select size='3' disabled='disabled'> \n <option>First Option</option> \n <option>Second Option</option> \n <option>Third Option </option> \n</select>"

Text12 = "<input type='button' /><br /> \n <input type='button' value='Click Me!' /><br /> \n <input type='button' value='Test' disabled='disabled' />"

Text13 = "<table border='1'> \n <th>Col 1</th><th>Col 2</th> \n <tr> \n <td>First Item</td><td>Second Item</td> \n </tr> \n <tr> \n <td>Third Item</td><td>Last Item</td> \n </tr> \n </table>"

Text14 = "<b>Column Span Example</b>: <br /> \n <table border='1'> \n <tr> \n <td colspan='2'>Spanning two columns.</td> <td>Item 1</td> \n </tr> \n <tr> \n <td>Item 2</td><td>Item 3</td><td>Item 4</td> \n </tr> \n <tr> \n <td>Item 5</td><td>Item 6 </td><td>Item 7</td> \n </tr> \n <tr> \n </table> \n  <br /><br /> \n <b>Row Span Example</b>: <br /><table border='1'> \n <tr> \n <td rowspan='2'>Spanning <br /> two Rows.</td> <td>Item 1</td><td>Item 2</td> \n </tr> \n <tr> \n <td>Item 3</td><td>Item 4</td> \n </tr> \n <tr> \n <td>Item 5</td><td>Item 6 </td><td>Item 7</td> \n </tr> \n <tr> \n </table> \n  "

Text15 = "<b>Cell Padding</b>: \n <table border='1' cellpadding = '15%'> \n <th>Column 1</th><th>Column 2</th> \n <tr> \n <td>Data Item 1</td><td>Data Item 2</td> \n </tr> \n <tr> \n <td>Data Item 3</td><td>Data Item 4</td> \n </tr> \n </table> \n <br /><br /> \n <b>Cell Spacing</b>: \n <table border='1' cellspacing = '15%'> \n <th>Column 1</th><th>Column 2</th> \n <tr> \n <td>Data Item 1</td><td>Data Item 2</td> \n </tr> \n <tr> \n <td>Data Item 3</td><td>Data Item 4</td> \n </tr> \n </table> \n <br /><br /> \n " 

Text16 = "<table width='75%' height='85%' border = '1'>  \n <tr> \n <td width='25%' height='10%'>Upper Left</td> \n <td>Page Heading</td> \n <td>Upper Right</td> \n </tr> \n <tr> \n <td>Left Side</td><td>This table makes a good layout for a web page.  You can put links on the left, comments on the right, your title on the top, and pictures on the top corners.</td> \n <td width='25%'>Right Side</td> \n </tr> \n </table>"

Text18 = "<table width='75%' height='85%' border = '1'>  \n <tr> \n <td width='25%' height='10%'>Upper Left</td> \n <td align='center'>Page Heading</td> \n <td>Upper Right</td> \n </tr> \n <tr> \n <td valign='top'>Left Side</td><td>This table makes a good layout for a web page.  You can put links on the left, comments on the right, your title on the top, and pictures on the top corners.</td> \n <td width='25%' align='right' valign='bottom'>Right Side</td> \n </tr> \n </table>"

Text19 = "<table border='4'> \n <tr> \n <td> \n <h2>Big Text Here.</h2> \n <b>Some bold stuff.</b> \n </td> \n <td> \n <ul>Here is a list. \n <li>Item 1</li> \n <li>Item 2</li> \n <li>Item 3</li> \n </ul> \n </td> \n </tr> \n <tr> \n <td align='center'> \n <table border = '1'>Another Table \n <th>Col 1</th><th>Col 2</th> \n <tr> \n <td>Item 1</td><td>Item2</td> \n </tr> \n <tr> \n <td>Item 3</td><td>Item4</td> \n </tr> \n </table> </td> \n <td> \n <img src='images/image3.gif' align='left'/> <small>Got some cheese Dude?</small> \n </td> \n </tr> \n </table>"

Text20 = "Line breaks are: &ltbr /&gt; <br /> \n Note that since they are empty elements, they must use the / in order to be XHTML compliant. <br /> \n The same is true for a line, such as: <br /> \n <hr /> \n It too is an empty element and must also have the ending \ to be XHTML compliant.  Note that a space is used just before the /.  This is done so the tag is understood in older browsers. <p> \n Note that the <i>paragraph</i> tag is not an empty element and it must use a separate opening and closing tag.</p>  Hope this helps."

Text21 = "<ol> \n <li>First Item on the List</li> \n <li>Second Item on the List</li> \n <li>Last Item on this list</li> \n </ol> \n <ol type='A'> \n <li>First Item on the List</li> \n <li>Second Item on the List</li> \n <li>Last Item on this list</li> \n </ol><ol type='I'> \n <li>First Item on the List</li> \n <li>Second Item on the List</li> \n <li>Last Item on this list</li> \n </ol> <ol type='a'> \n <li>First Item on the List</li> \n <li>Second Item on the List</li> \n <li>Last Item on this list</li> \n </ol> \n </ol> <ol type='i'> \n <li>First Item on the List</li> \n <li>Second Item on the List</li> \n <li>Last Item on this list</li> \n </ol> "

Text22 = "An unordered List: \n <ul>Here is my list: \n <li>Item 1</li> \n <li>Item 2</li> \n <li>Item 3</li> \n </ul> <ul type='square'>Here is my new list: \n <li>Item 1</li> \n <li>Item 2</li> \n <li>Item 3</li> \n </ul> \n <ul type='circle'>Here is my new list: \n <li>Item 1</li> \n <li>Item 2</li> \n <li>Item 3</li> \n </ul>"

Text23="Unordered and nested: \n <ul> \n <li>Item 1</li> \n <li>Item 2</li> \n  <ul> \n  <li>Sub Item1</li> \n  <li>Sub Item2</li> \n  </ul> \n <li>Item 3</li> \n </ul> \n Ordered and nested: \n <ol> \n <li>Item 1</li> \n <li>Item 2</li> \n  <ol> \n  <li>Sub Item1</li> \n  <li>Sub Item2</li> \n  </ol> \n <li>Item 3</li> \n </ol>"

Text24 = "<html> \n <head> \n <title>Color Example</title> \n </head> \n <body bgcolor='blue'> \n Try some different colors for the background.  \n </body> \n <\html>"

Text25 = "<html> \n <head> \n <title>Image Example</title> \n </head> \n <body background='images/smiles.gif'> \n <h2>Try some different images.  Other images available are: image1.gif,  image2.gif,  image3.gif and image4.gif \n </body> \n <\html>"

Text26 = "If you try this link, you will have to close this application and open it again.  We suggest that you try the second link shown here since it uses a new window:<br /> \n <a href = 'http://www.adamsonhouse.com'>Adamson House Link</a><br /> \n A link that shows up in a separate window [you may have to disable your <i>pop-up disabler</i>].<br /> \n <a href='http://www.adamsonhouse.com' target='_blank'>Another Adamson House Link</a>"


Text27 =  "<a href='videos/Video.mov'>Play Video</a><br /> \n Basic Image Link: \n <img src='images/smiles.gif' /><br /> \n Image link with the alt tag [roll mouse over the image]<br /> \n <img src='images/smiles.gif' alt='Here are Larry, Harry, and Moe.' /><br /> \n An animated Gif: <img src='images/happy.gif' /><br /> \n Other images you can try are: image1.gif, image2.gif, image3.gif, image4.gif and beer.gif <br /> \n "

Text28 = "<b>A really cool site [we think!]:</b><br /><br /> \n <a href='http://www.adamsonhouse.com' target = '_blank'><img src='images/ahlogo.gif'></a><br /> \n \n Other images you can try are: image1.gif, image2.gif, image3.gif, image4.gif and beer.gif <br /> \n "



Text29 = "A simple example: <br /> \n <a href='mailto:tomA@adamsonhouse.com'>Email Me</a> \n <br /><br />  \n A more complex example: <br /> \n <a href='mailto:tomA@adamsonhouse.com?cc=harry.s@snhu.edu&bcc=larry.s@microsoft.com&subject=Oraclator%20Use&body=Use%20the%20XHTML%20Oricalator.%20Its%20Great!'>Send mail!</a> \n <br /> \n Note that you should use the %20 for spaces to insure that your text is displayed correctly."

Text30 = "<html> \n  <head> \n    <title>Background Sounds</title> \n    <bgsound src='Sounds/Sprng_01.mid' loop='infinite'> \n  </head> \n  <body> \n   <ul> Other Sounds available: \n     <li>Fall_01.mid</li> \n    <li>Spng_01.mid</li> \n    <li>Sumer_01.mid</li> \n   </ul> \n  </body> \n </html> "

Text31 = "<html> \n  <head> \n  <title>External Linking</title> \n<link rel='stylesheet' type='text/css' href = 'styles/style1.css' /> \n  </head> \n  <body> \n  <h1>External Links</h1> \n <h2>To an external stylesheet.</h2> \n  <ul>Other Style Sheets to Try <li>Style2.css</li> \n <li>Style3.css</li> \n </ul> \n  </body> \n </html>"

Text32 = "<h2>Search Engines that will accept your URL</h2> \n <ul> \n  <li><b>Yahoo!</b><br /> \n  <a href='http://docs.yahoo.com/info/suggest/' target='_blank'>http://docs.yahoo.com/info/suggest/</a></li> \n <li><b>Altavista</b><br /> \n <a href='http://www.altavista.com/sites/search/addurl' target='_blank'>http://www.altavista.com/sites/search/addurl</a></li> \n <li><b>Webcrawler</b><br /> \n  <a href='http://www.webcrawler.com/Help/GetListed/AddURLS.html' target='_blank'>http://www.webcrawler.com/Help/GetListed/AddURLS.html</a></li> \n   <li><b>HotBot</b><br /> \n  <a href='http://hotbot.lycos.com/addurl.asp' target='_blank'>http://hotbot.lycos.com/addurl.asp</a></li> \n  <li><b>Lycos</b><br /> \n   <a href='http://www.lycos.com/addasite.html' target='_blank'>http://www.lycos.com/addasite.html</a></li> \n  <li><b>LookSmart</b><br /> \n   <a href='http://aboutus.looksmart.com/' target='_blank'>http://aboutus.looksmart.com/</a></li> \n   <li><b>Google</b><br /> \n  <a href='http://www.google.com/addurl.html' target='_blank'>http://www.google.com/addurl.html</a></li> \n   <li><b>AllTheWeb</b><br /> \n  <a target='_blank' href='http://www.alltheweb.com/add_url.php'>http://www.alltheweb.com/add_url.php</a></li> \n  <li><b>LookSeek</b><br /> \n <a target='_blank' href='http://www.lookseek.com'>http://www.lookseek.com</a></li> \n <li><b>Dogpile</b><br /> \n  <a target='_blank' href='http://www.dogpile.com'>http://www.dogpile.com</a></li> \n <li><b>MetaCrawler</b><br /> \n <a target='_blank' href='http://www.metacrawler.com'>http://www.metacrawler.com</a></li> \n  <li><b>Dmoz</b><br /> \n  <a target='_blank' href='http://www.dmoz.org/add.html'> \n  http://www.dmoz.org/add.html</a></li> \n </ul>"

Text33 = "Some search engines on the WWW will use the name and content attributes of the meta tag to index your pages.<br /> \n \n The Meta Tags appear in the &lt;head&gt; section of your document: \n <html> \n <head> \n <title>Meta Example</title> \n  <meta name='description' content='The famous Adamson House XHTML Oraclator!' /> \n <meta name='keywords' content='XHTML, Oraclator, XHTML Oraclator, XHTML Resources, HTML' /> \n </head> \n <body> \n The first Meta Tag defined a description of the document.<br /> The second Meta Tag defines keywords used in your page. \n </body> \n </html>"

Text34 = "This is an <b>inline</b> frame.  It causes a linked document to appear within you page.<br /> \n Not supported by all browsers. \n <iframe src='http://www.adamsonhouse.com' height='50%' width='100%'></iframe>"

Text35 = "<p style='font-family:arial; font-size:60%; color:blue'> \n The <b>&lt;font&gt;</b> tag is deprecated in the latest versions of HTML (HTML 4 and XHTML). </p> \n <p style='font-family:verdana; font-size:120%; color:red'> The World Wide Web Consortium (W3C) has removed the &lt;font&gt; tag from its recommendations. In future versions of HTML, style sheets (CSS) will be used to define the layout and display properties of HTML elements. </p>"

Text36 = "<html> \n  <head> \n  <title>Media Types</title> \n  <link rel='stylesheet' type='text/css' media='screen' href='screenmedia.css' /> \n <link rel='stylesheet' type='text/css' media='print' href='printmedia.css' /> \n <link rel='stylesheet' type='text/css' media='aural' href='soundmedia.css' /> \n  <link rel='stylesheet' type='text/css' media='braile' href='brailmedia.css' /> \n  <link rel='stylesheet' type='text/css' media='embossed' href='embosseddmedia.css' /> \n <link rel='stylesheet' type='text/css' media='handheld' href='handheldmedia.css' /> \n  <link rel='stylesheet' type='text/css' media='projection' href='projectionmedia.css' /> \n <link rel='stylesheet' type='text/css' media='screen' href='screenmedia.css' /> \n  <link rel='stylesheet' type='text/css' media='tv' href='TVmedia.css' /> \n <link rel='stylesheet' type='text/css' media='all' href='All.css' /> \n</head> \n <body>  \n  <ul><h3> Media Descriptors </h3> \n <li><b>Aural:</b> Style is intended for speech synthesizers.</li> \n  <li><b>Braile:</b>  Style is intended for braile tactile feedback devices.  \n <li><b>Embossed:</b>  Style is intended for paginated braille printers.</li> \n <li><b>Handheld:</b>  Style is intended for handheld devices.</li> \n <li><b>Print:</b>  Style is intended for paginated media such as the printed page.</i> \n  <li><b>Projection:</b>  The style is intended for projectors and printing to film sildes and transparencies. \n  <li><b>Screen:</b>  The style is intended for color computer screens.</li><li><b>TV:</b>  The style is intended for television-type devices.</li> \n  </ul> \n </body> \n </html>"

Text37 = "<frameset rows='15%, 70%, 15%'> \n  <frame src = 'frames/frame1.htm' /> \n  <frameset cols='25%, 50%, 25%'> \n  <frame src ='frames/frame2.htm' /> \n   <frame src='http://www.adamsonhouse.com' /> \n   <frame src='frames/frame3.htm' /> \n </frameset> \n  <frame src='frames/topside.htm'  /> \n </frameset>"



     function writeFrame(strDisplay)
      {
            parent.frame2.document.close()
            parent.frame2.document.open()
            parent.frame2.document.write(strDisplay)
            parent.frame1.DoIt(strDisplay)
       }