# Just a simple demo page

## Script references and initialization

    		<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script>
    		<script type="text/javascript" src="Scripts/jquery.beautyOfCode.js"></script>

    		<script type="text/javascript">
    			$.beautyOfCode.init({
    					theme: 'Django',
    				brushes: ['Xml', 'JScript', 'CSharp', 'Plain', 'Php'],
    				ready: function() {
    					$.beautyOfCode.beautifyAll();
    					$("#someCode").beautifyCode('javascript', {gutter:false});
    				}
    			});
    		</script>

## Javascript, explicit, no gutter, highlight

    			// my code
    			var x = "Hello, world!";
    			function juppi() {
    				juppi(); // kill
    			}

    			<pre id="someCode">
    				<code class="boc-highlight[2,4]">
    					// my code
    					var x = "Hello, world!";
    					function juppi() {
    						juppi(); // kill
    					}
    				</code>
    			</pre>

## Html, autofind, start with second line, ruler

    			This is normal text
    			<a>This is bold</a>

    			<pre class="code">
    				<code class="html boc-first-line[2] boc-ruler">
    					This is normal text
    					&lt;a>This is bold&lt;/a>
    				</code>
    			</pre>

## Plain, autofind, smart-tab

    			This is	tabbed
    			This	too

    			<pre class="code">
    				<code class="plain boc-smart-tab">
    					This is	tabbed
    					This	too
    				</code>
    			</pre>

## Php, html-script

    			<strong style="font-weight: normal"><?= str_replace("\n", "<br/>", $var) ?></strong>

    			<pre class="code">
    				<code class="php boc-html-script">
    					&lt;strong style="font-weight: normal">&lt;?= str_replace("\n", "&lt;br/>", $var) ?>&lt;/strong>
     				</code>
    			</pre>

## Using 'code'-tag only

`function(){ alert('hello'); }`

    			<code class="code language-javascript">
    				function(){ alert('hello'); }
    			</code>