document.open();document.writeln('<div onmouseover="document.getElementById(\'snipt-11429\').style.display = \'block\'; return false;" onmouseout="document.getElementById(\'snipt-11429\').style.display = \'none\'; return false;" style="position: relative;">');document.writeln('<div class="highlight"><pre style="-moz-border-radius: 5px; border-radius: 5px; -webkit-border-radius: 5px; margin: 0; display: block; font: 11px Monaco, monospace !important; padding: 15px; background-color: #1C1C1C; overflow: auto; color: #D0D0D0;"><span style="color: #cd2828; font-weight: normal">&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt;</span>');document.writeln('<span style="color: #6ab825; font-weight: normal">&lt;html</span> <span style="color: #bbbbbb">xmlns=</span><span style="color: #ed9d13">&quot;http://www.w3.org/1999/xhtml&quot;</span> <span style="color: #bbbbbb">xml:lang=</span><span style="color: #ed9d13">&quot;en&quot;</span> <span style="color: #bbbbbb">lang=</span><span style="color: #ed9d13">&quot;en&quot;</span><span style="color: #6ab825; font-weight: normal">&gt;</span>');document.writeln('<span style="color: #6ab825; font-weight: normal">&lt;head&gt;</span>');document.writeln('	<span style="color: #6ab825; font-weight: normal">&lt;meta</span> <span style="color: #bbbbbb">http-equiv=</span><span style="color: #ed9d13">&quot;Content-Type&quot;</span> <span style="color: #bbbbbb">content=</span><span style="color: #ed9d13">&quot;text/html; charset=utf-8&quot;</span><span style="color: #6ab825; font-weight: normal">/&gt;</span>');document.writeln('	<span style="color: #6ab825; font-weight: normal">&lt;title&gt;</span>panels demo page - pkarl.com<span style="color: #6ab825; font-weight: normal">&lt;/title&gt;</span>');document.writeln('	<span style="color: #6ab825; font-weight: normal">&lt;link</span> <span style="color: #bbbbbb">rel=</span><span style="color: #ed9d13">&quot;stylesheet&quot;</span> <span style="color: #bbbbbb">href=</span><span style="color: #ed9d13">&quot;coda-slider-2.0/stylesheets/coda-slider-2.0.css&quot;</span> <span style="color: #bbbbbb">type=</span><span style="color: #ed9d13">&quot;text/css&quot;</span> <span style="color: #bbbbbb">media=</span><span style="color: #ed9d13">&quot;screen&quot;</span> <span style="color: #bbbbbb">title=</span><span style="color: #ed9d13">&quot;no title&quot;</span> <span style="color: #bbbbbb">charset=</span><span style="color: #ed9d13">&quot;utf-8&quot;</span> <span style="color: #6ab825; font-weight: normal">/&gt;</span>');document.writeln('	');document.writeln('	<span style="color: #6ab825; font-weight: normal">&lt;style </span><span style="color: #bbbbbb">rel=</span><span style="color: #ed9d13">&quot;text/stylesheet&quot;</span><span style="color: #6ab825; font-weight: normal">&gt;</span>');document.writeln('		<span style="color: #447fcf; text-decoration: underline">.coda-nav</span> <span style="color: #6ab825; font-weight: normal">a</span> <span style="color: #d0d0d0">{</span> <span style="color: #6ab825; font-weight: normal">margin-right</span><span style="color: #d0d0d0">:</span> <span style="color: #3677a9">1em</span><span style="color: #d0d0d0">;</span> <span style="color: #d0d0d0">}</span>');document.writeln('		<span style="color: #447fcf; text-decoration: underline">.coda-slider</span> <span style="color: #d0d0d0">{</span> <span style="color: #6ab825; font-weight: normal">border</span><span style="color: #d0d0d0">:</span> <span style="color: #3677a9">1px</span> <span style="color: #6ab825; font-weight: normal">solid</span> <span style="color: #3677a9">#bfbfbf</span><span style="color: #d0d0d0">;</span> <span style="color: #d0d0d0">}</span>');document.writeln('	<span style="color: #6ab825; font-weight: normal">&lt;/style&gt;</span>');document.writeln('<span style="color: #6ab825; font-weight: normal">&lt;/head&gt;</span>');document.writeln('<span style="color: #6ab825; font-weight: normal">&lt;body&gt;</span>');document.writeln('');document.writeln('	<span style="color: #6ab825; font-weight: normal">&lt;p</span> <span style="color: #bbbbbb">id=</span><span style="color: #ed9d13">&quot;coda-nav-1&quot;</span> <span style="color: #bbbbbb">class=</span><span style="color: #ed9d13">&quot;coda-nav&quot;</span><span style="color: #6ab825; font-weight: normal">&gt;</span>');document.writeln('		<span style="color: #6ab825; font-weight: normal">&lt;span</span> <span style="color: #bbbbbb">class=</span><span style="color: #ed9d13">&quot;tab1&quot;</span><span style="color: #6ab825; font-weight: normal">&gt;&lt;a</span> <span style="color: #bbbbbb">href=</span><span style="color: #ed9d13">&quot;#1&quot;</span> <span style="color: #bbbbbb">rel=</span><span style="color: #ed9d13">&quot;welcome&quot;</span><span style="color: #6ab825; font-weight: normal">&gt;</span>Welcome<span style="color: #6ab825; font-weight: normal">&lt;/a&gt;&lt;/span&gt;</span>');document.writeln('		<span style="color: #6ab825; font-weight: normal">&lt;span</span> <span style="color: #bbbbbb">class=</span><span style="color: #ed9d13">&quot;tab2&quot;</span><span style="color: #6ab825; font-weight: normal">&gt;&lt;a</span> <span style="color: #bbbbbb">href=</span><span style="color: #ed9d13">&quot;#2&quot;</span> <span style="color: #bbbbbb">rel=</span><span style="color: #ed9d13">&quot;hatstory&quot;</span><span style="color: #6ab825; font-weight: normal">&gt;</span>Hats<span style="color: #6ab825; font-weight: normal">&lt;/a&gt;&lt;/span&gt;</span>');document.writeln('		<span style="color: #6ab825; font-weight: normal">&lt;span</span> <span style="color: #bbbbbb">class=</span><span style="color: #ed9d13">&quot;tab3&quot;</span><span style="color: #6ab825; font-weight: normal">&gt;&lt;a</span> <span style="color: #bbbbbb">href=</span><span style="color: #ed9d13">&quot;#3&quot;</span> <span style="color: #bbbbbb">rel=</span><span style="color: #ed9d13">&quot;annoyed&quot;</span><span style="color: #6ab825; font-weight: normal">&gt;</span>Annoying Things<span style="color: #6ab825; font-weight: normal">&lt;/a&gt;&lt;/span&gt;</span>');document.writeln('		<span style="color: #6ab825; font-weight: normal">&lt;span</span> <span style="color: #bbbbbb">class=</span><span style="color: #ed9d13">&quot;tab4&quot;</span><span style="color: #6ab825; font-weight: normal">&gt;&lt;a</span> <span style="color: #bbbbbb">href=</span><span style="color: #ed9d13">&quot;#4&quot;</span> <span style="color: #bbbbbb">rel=</span><span style="color: #ed9d13">&quot;smelly&quot;</span><span style="color: #6ab825; font-weight: normal">&gt;</span>Smelliness<span style="color: #6ab825; font-weight: normal">&lt;/a&gt;&lt;/span&gt;</span>');document.writeln('	<span style="color: #6ab825; font-weight: normal">&lt;/p&gt;</span>');document.writeln('');document.writeln('	<span style="color: #6ab825; font-weight: normal">&lt;div</span> <span style="color: #bbbbbb">id=</span><span style="color: #ed9d13">&quot;coda-slider-1&quot;</span> <span style="color: #bbbbbb">class=</span><span style="color: #ed9d13">&quot;coda-slider&quot;</span><span style="color: #6ab825; font-weight: normal">&gt;</span>');document.writeln('');document.writeln('		<span style="color: #6ab825; font-weight: normal">&lt;div</span> <span style="color: #bbbbbb">class=</span><span style="color: #ed9d13">&quot;panel&quot;</span><span style="color: #6ab825; font-weight: normal">&gt;</span>');document.writeln('			<span style="color: #6ab825; font-weight: normal">&lt;div</span> <span style="color: #bbbbbb">id=</span><span style="color: #ed9d13">&quot;welcome&quot;</span> <span style="color: #bbbbbb">class=</span><span style="color: #ed9d13">&quot;panel-wrapper&quot;</span><span style="color: #6ab825; font-weight: normal">&gt;</span>');document.writeln('				<span style="color: #6ab825; font-weight: normal">&lt;h1&gt;</span>Welcome Content<span style="color: #6ab825; font-weight: normal">&lt;/h1&gt;</span>');document.writeln('				<span style="color: #6ab825; font-weight: normal">&lt;p&gt;</span>This some slapdash, hot, sassy welcome content<span style="color: #6ab825; font-weight: normal">&lt;/p&gt;</span>');document.writeln('			<span style="color: #6ab825; font-weight: normal">&lt;/div&gt;</span>');document.writeln('		<span style="color: #6ab825; font-weight: normal">&lt;/div&gt;</span>');document.writeln('		');document.writeln('		<span style="color: #6ab825; font-weight: normal">&lt;div</span> <span style="color: #bbbbbb">class=</span><span style="color: #ed9d13">&quot;panel&quot;</span><span style="color: #6ab825; font-weight: normal">&gt;</span>');document.writeln('			<span style="color: #6ab825; font-weight: normal">&lt;div</span> <span style="color: #bbbbbb">id=</span><span style="color: #ed9d13">&quot;hatstory&quot;</span> <span style="color: #bbbbbb">class=</span><span style="color: #ed9d13">&quot;panel-wrapper&quot;</span><span style="color: #6ab825; font-weight: normal">&gt;</span>');document.writeln('				<span style="color: #6ab825; font-weight: normal">&lt;h2&gt;</span>What kind of hat do you have?<span style="color: #6ab825; font-weight: normal">&lt;/h2&gt;</span>');document.writeln('				<span style="color: #6ab825; font-weight: normal">&lt;p&gt;</span>Honestly, I don&#39;t wear hats. They make my hair look flat.<span style="color: #6ab825; font-weight: normal">&lt;/p&gt;</span>');document.writeln('			<span style="color: #6ab825; font-weight: normal">&lt;/div&gt;</span>');document.writeln('		<span style="color: #6ab825; font-weight: normal">&lt;/div&gt;</span>');document.writeln('');document.writeln('		<span style="color: #6ab825; font-weight: normal">&lt;div</span> <span style="color: #bbbbbb">class=</span><span style="color: #ed9d13">&quot;panel&quot;</span><span style="color: #6ab825; font-weight: normal">&gt;</span>');document.writeln('			<span style="color: #6ab825; font-weight: normal">&lt;div</span> <span style="color: #bbbbbb">id=</span><span style="color: #ed9d13">&quot;annoyed&quot;</span> <span style="color: #bbbbbb">class=</span><span style="color: #ed9d13">&quot;panel-wrapper&quot;</span><span style="color: #6ab825; font-weight: normal">&gt;</span>');document.writeln('				<span style="color: #6ab825; font-weight: normal">&lt;h2&gt;</span>These people are annoying<span style="color: #6ab825; font-weight: normal">&lt;/h2&gt;</span>');document.writeln('				<span style="color: #6ab825; font-weight: normal">&lt;p&gt;</span>There are some loud-mouth tweens sitting nearby. Airports can be harsh.<span style="color: #6ab825; font-weight: normal">&lt;/p&gt;</span>');document.writeln('			<span style="color: #6ab825; font-weight: normal">&lt;/div&gt;</span>');document.writeln('		<span style="color: #6ab825; font-weight: normal">&lt;/div&gt;</span>');document.writeln('	');document.writeln('		<span style="color: #6ab825; font-weight: normal">&lt;div</span> <span style="color: #bbbbbb">class=</span><span style="color: #ed9d13">&quot;panel&quot;</span><span style="color: #6ab825; font-weight: normal">&gt;</span>');document.writeln('			<span style="color: #6ab825; font-weight: normal">&lt;div</span> <span style="color: #bbbbbb">id=</span><span style="color: #ed9d13">&quot;smelly&quot;</span> <span style="color: #bbbbbb">class=</span><span style="color: #ed9d13">&quot;panel-wrapper&quot;</span><span style="color: #6ab825; font-weight: normal">&gt;</span>');document.writeln('				<span style="color: #6ab825; font-weight: normal">&lt;h2&gt;</span>What is that smell?<span style="color: #6ab825; font-weight: normal">&lt;/h2&gt;</span>');document.writeln('				<span style="color: #6ab825; font-weight: normal">&lt;p&gt;</span>There&#39;s a smell like, buttered popcorn and ass. It&#39;s rotten.<span style="color: #6ab825; font-weight: normal">&lt;/p&gt;</span>');document.writeln('			<span style="color: #6ab825; font-weight: normal">&lt;/div&gt;</span>');document.writeln('		<span style="color: #6ab825; font-weight: normal">&lt;/div&gt;</span>');document.writeln('');document.writeln('	<span style="color: #6ab825; font-weight: normal">&lt;/div&gt;</span>');document.writeln('');document.writeln('	<span style="color: #6ab825; font-weight: normal">&lt;script </span><span style="color: #bbbbbb">src=</span><span style="color: #ed9d13">&quot;coda-slider-2.0/javascripts/jquery-1.3.2.min.js&quot;</span> <span style="color: #bbbbbb">type=</span><span style="color: #ed9d13">&quot;text/javascript&quot;</span> <span style="color: #bbbbbb">charset=</span><span style="color: #ed9d13">&quot;utf-8&quot;</span><span style="color: #6ab825; font-weight: normal">&gt;&lt;/script&gt;</span>');document.writeln('	<span style="color: #6ab825; font-weight: normal">&lt;script </span><span style="color: #bbbbbb">src=</span><span style="color: #ed9d13">&quot;coda-slider-2.0/javascripts/jquery.coda-slider-2.0.js&quot;</span> <span style="color: #bbbbbb">type=</span><span style="color: #ed9d13">&quot;text/javascript&quot;</span> <span style="color: #bbbbbb">charset=</span><span style="color: #ed9d13">&quot;utf-8&quot;</span><span style="color: #6ab825; font-weight: normal">&gt;&lt;/script&gt;</span>');document.writeln('	<span style="color: #6ab825; font-weight: normal">&lt;script </span><span style="color: #bbbbbb">src=</span><span style="color: #ed9d13">&quot;coda-slider-2.0/javascripts/jquery.easing.1.3.js&quot;</span> <span style="color: #bbbbbb">type=</span><span style="color: #ed9d13">&quot;text/javascript&quot;</span> <span style="color: #bbbbbb">charset=</span><span style="color: #ed9d13">&quot;utf-8&quot;</span><span style="color: #6ab825; font-weight: normal">&gt;&lt;/script&gt;</span>');document.writeln('	<span style="color: #6ab825; font-weight: normal">&lt;script </span><span style="color: #bbbbbb">type=</span><span style="color: #ed9d13">&quot;text/javascript&quot;</span><span style="color: #6ab825; font-weight: normal">&gt;</span>');document.writeln('		<span style="color: #d0d0d0">$().ready(</span><span style="color: #6ab825; font-weight: normal">function</span><span style="color: #d0d0d0">()</span> <span style="color: #d0d0d0">{</span>');document.writeln('			<span style="color: #d0d0d0">$(</span><span style="color: #ed9d13">&#39;#coda-slider-1&#39;</span><span style="color: #d0d0d0">).codaSlider({</span>');document.writeln('				<span style="color: #d0d0d0">autoHeight:</span> <span style="color: #6ab825; font-weight: normal">false</span><span style="color: #d0d0d0">,</span>');document.writeln('				<span style="color: #d0d0d0">dynamicTabs:</span> <span style="color: #6ab825; font-weight: normal">false</span><span style="color: #d0d0d0">,</span> ');document.writeln('				<span style="color: #d0d0d0">dynamicArrows:</span> <span style="color: #6ab825; font-weight: normal">false</span><span style="color: #d0d0d0">,</span>');document.writeln('				<span style="color: #d0d0d0">slideEaseDuration:</span> <span style="color: #3677a9">500</span><span style="color: #d0d0d0">,</span>');document.writeln('			<span style="color: #d0d0d0">});</span>');document.writeln('		<span style="color: #d0d0d0">});</span>');document.writeln('	<span style="color: #6ab825; font-weight: normal">&lt;/script&gt;</span>');document.writeln('');document.writeln('<span style="color: #6ab825; font-weight: normal">&lt;/body&gt;</span>');document.writeln('<span style="color: #6ab825; font-weight: normal">&lt;/html&gt;</span>');document.writeln('</pre></div>');document.writeln('');document.writeln('<div style="background-color: #111; color: #D0D0D0; float: right; padding: 5px 10px; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; font: 11px Arial,Sans-Serif; display: none; position: absolute; bottom: 0; right: 0;" id="snipt-11429">code hosted by <a href="http://snipt.net/pkarl/fulldemo-coda-slider?key=a218c0219a1b4ece6ce492c7a2ceed16" style="color: #0084FF; text-decoration: none;">snipt.net</a></div>');document.writeln('</div>');document.close();