<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>KADIMI [Web Dev, SEO, Linux...] &#187; tween</title>
	<atom:link href="http://www.kadimi.com/en/tag/tween/feed" rel="self" type="application/rss+xml" />
	<link>http://www.kadimi.com/en</link>
	<description>Blog &#38; Free Tech Support</description>
	<lastBuildDate>Thu, 02 Sep 2010 21:22:45 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.1</generator>
		<item>
		<title>JavaScript Tween function</title>
		<link>http://www.kadimi.com/en/javascript-tween-function-368</link>
		<comments>http://www.kadimi.com/en/javascript-tween-function-368#comments</comments>
		<pubDate>Thu, 17 Dec 2009 23:59:34 +0000</pubDate>
		<dc:creator>Nabil</dc:creator>
				<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[ease]]></category>
		<category><![CDATA[function]]></category>
		<category><![CDATA[tween]]></category>

		<guid isPermaLink="false">http://www.kadimi.com/en/?p=368</guid>
		<description><![CDATA[This is a small library I wrote for creating simple and complicated easing effects without using JQuery, MooTools or other JS libraries. The library is small 13.4 KB or 5.6 KB compressed, The function can be called as follows: tween(element, property, from, to, duration, [optional] function) Parameters element: The id  of the HTML element you [...]]]></description>
			<content:encoded><![CDATA[<p>This is a small library I wrote for creating simple and complicated easing effects without using JQuery, MooTools or other JS libraries.</p>
<p>The library is small 13.4 KB or 5.6 KB compressed,</p>
<p>The function can be called as follows:</p>
<blockquote><p><code>tween(element, property, from, to, duration, </code><code>[optional] </code><code>function)</code></p></blockquote>
<h2>Parameters</h2>
<p><strong>element</strong>: The id  of the HTML element you want to animate like  &#8220;my_div&#8221;, &#8220;left_sidebar&#8221;, DOM objects are also accepted</p>
<p><strong>property</strong>: The CSS property that you want to animate like &#8220;color&#8221;, background-color&#8221;, &#8220;left&#8221;, &#8220;margin-top&#8221;&#8230;</p>
<p><strong>from</strong>: The initial value, like 0px, top, none, 0.5&#8230;</p>
<p><strong>to</strong>: The final value</p>
<p><strong>duration</strong>: the animation duration in ms</p>
<p><strong>function</strong> (optional): the easing function to use, by default the tween function uses the linear tween, there are nine other functions included (easeInBack, easeOutBack, easeInOutBack, easeInCirc, easeOutCirc, easeInOutCirc, easeInBounce, easeOutBounce &amp; easeInOutBounce)</p>
<h2>Examples</h2>
<p><a href="http://kadimi.com/demo/tween/">Demos available here</a></p>
<h2>Minified version</h2>
<p><a href="http://kadimi.com/demo/tween/tween.js">Function available here</a></p>
<h2>Full version</h2>

<div class="wp_syntax"><div class="code"><pre class="javascript" style="font-family:monospace;"><span style="color: #003366; font-weight: bold;">var</span> fps <span style="color: #339933;">=</span> <span style="color: #CC0000;">40</span><span style="color: #339933;">;</span>
&nbsp;
<span style="color: #003366; font-weight: bold;">var</span> debugging <span style="color: #339933;">=</span> <span style="color: #CC0000;">0</span><span style="color: #339933;">;</span>
<span style="color: #003366; font-weight: bold;">var</span> tw <span style="color: #339933;">=</span> <span style="color: #009900;">&#91;</span><span style="color: #009900;">&#93;</span><span style="color: #339933;">;</span>
<span style="color: #003366; font-weight: bold;">var</span> rand_str <span style="color: #339933;">=</span> generatePassword<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #003366; font-weight: bold;">var</span> float_pcre <span style="color: #339933;">=</span> <span style="color: #003366; font-weight: bold;">new</span> RegExp<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;(<span style="color: #000099; font-weight: bold;">\\</span>+|-)?(<span style="color: #000099; font-weight: bold;">\\</span>d*<span style="color: #000099; font-weight: bold;">\\</span>.)?<span style="color: #000099; font-weight: bold;">\\</span>d+&quot;</span><span style="color: #339933;">,</span><span style="color: #3366CC;">'g'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #003366; font-weight: bold;">var</span> color_at_end <span style="color: #339933;">=</span> <span style="color: #003366; font-weight: bold;">new</span> RegExp<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;[Cc]olor$&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
&nbsp;
<span style="color: #003366; font-weight: bold;">function</span> tween<span style="color: #009900;">&#40;</span>element<span style="color: #339933;">,</span> property<span style="color: #339933;">,</span> from<span style="color: #339933;">,</span> to<span style="color: #339933;">,</span> duration<span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span> 
&nbsp;
	<span style="color: #000066; font-weight: bold;">if</span> <span style="color: #009900;">&#40;</span>arguments.<span style="color: #660066;">length</span> <span style="color: #339933;">&amp;</span>lt<span style="color: #339933;">;</span> <span style="color: #CC0000;">5</span><span style="color: #009900;">&#41;</span> 		<span style="color: #000066; font-weight: bold;">return</span> <span style="color: #003366; font-weight: bold;">false</span><span style="color: #339933;">;</span> 		 	<span style="color: #006600; font-style: italic;">// Let's first remove old tweens from the tw table to gain performance 	if(Math.random()&amp;gt;=0.75){</span>
		<span style="color: #000066; font-weight: bold;">for</span><span style="color: #009900;">&#40;</span><span style="color: #003366; font-weight: bold;">var</span> i<span style="color: #339933;">=</span><span style="color: #CC0000;">0</span><span style="color: #339933;">;</span> i<span style="color: #339933;">&amp;</span>lt<span style="color: #339933;">;=</span>tw<span style="color: #009900;">&#91;</span>tw_id<span style="color: #009900;">&#93;</span><span style="color: #009900;">&#91;</span><span style="color: #3366CC;">&quot;steps&quot;</span><span style="color: #009900;">&#93;</span> <span style="color: #339933;">&amp;</span>amp<span style="color: #339933;">;&amp;</span>amp<span style="color: #339933;">;</span> tw<span style="color: #009900;">&#91;</span>tw_id<span style="color: #009900;">&#93;</span><span style="color: #009900;">&#91;</span><span style="color: #3366CC;">&quot;step&quot;</span><span style="color: #009900;">&#93;</span><span style="color: #339933;">!==</span><span style="color: #CC0000;">0</span> <span style="color: #339933;">&amp;</span>amp<span style="color: #339933;">;&amp;</span>amp<span style="color: #339933;">;</span> tw<span style="color: #009900;">&#91;</span>tw_id<span style="color: #009900;">&#93;</span><span style="color: #009900;">&#91;</span><span style="color: #3366CC;">&quot;status&quot;</span><span style="color: #009900;">&#93;</span> <span style="color: #339933;">===</span> <span style="color: #3366CC;">'playing'</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span> 		<span style="color: #000066; font-weight: bold;">if</span><span style="color: #009900;">&#40;</span>tw<span style="color: #009900;">&#91;</span>tw_id<span style="color: #009900;">&#93;</span><span style="color: #009900;">&#91;</span><span style="color: #3366CC;">&quot;is_color_tween&quot;</span><span style="color: #009900;">&#93;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span> 			<span style="color: #003366; font-weight: bold;">var</span> red 	<span style="color: #339933;">=</span> parseInt<span style="color: #009900;">&#40;</span><span style="color: #000066; font-weight: bold;">eval</span><span style="color: #009900;">&#40;</span>tw<span style="color: #009900;">&#91;</span>tw_id<span style="color: #009900;">&#93;</span><span style="color: #009900;">&#91;</span><span style="color: #3366CC;">&quot;f&quot;</span><span style="color: #009900;">&#93;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#40;</span>tw<span style="color: #009900;">&#91;</span>tw_id<span style="color: #009900;">&#93;</span><span style="color: #009900;">&#91;</span><span style="color: #3366CC;">&quot;step&quot;</span><span style="color: #009900;">&#93;</span><span style="color: #339933;">,</span> parseInt<span style="color: #009900;">&#40;</span>tw<span style="color: #009900;">&#91;</span>tw_id<span style="color: #009900;">&#93;</span><span style="color: #009900;">&#91;</span><span style="color: #3366CC;">&quot;from&quot;</span><span style="color: #009900;">&#93;</span><span style="color: #009900;">&#91;</span><span style="color: #3366CC;">&quot;red&quot;</span><span style="color: #009900;">&#93;</span><span style="color: #009900;">&#41;</span>	<span style="color: #339933;">,</span> parseInt<span style="color: #009900;">&#40;</span>tw<span style="color: #009900;">&#91;</span>tw_id<span style="color: #009900;">&#93;</span><span style="color: #009900;">&#91;</span><span style="color: #3366CC;">&quot;change&quot;</span><span style="color: #009900;">&#93;</span><span style="color: #009900;">&#91;</span><span style="color: #3366CC;">&quot;red&quot;</span><span style="color: #009900;">&#93;</span><span style="color: #009900;">&#41;</span>	<span style="color: #339933;">,</span> tw<span style="color: #009900;">&#91;</span>tw_id<span style="color: #009900;">&#93;</span><span style="color: #009900;">&#91;</span><span style="color: #3366CC;">&quot;steps&quot;</span><span style="color: #009900;">&#93;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> 			<span style="color: #003366; font-weight: bold;">var</span> green 	<span style="color: #339933;">=</span> parseInt<span style="color: #009900;">&#40;</span><span style="color: #000066; font-weight: bold;">eval</span><span style="color: #009900;">&#40;</span>tw<span style="color: #009900;">&#91;</span>tw_id<span style="color: #009900;">&#93;</span><span style="color: #009900;">&#91;</span><span style="color: #3366CC;">&quot;f&quot;</span><span style="color: #009900;">&#93;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#40;</span>tw<span style="color: #009900;">&#91;</span>tw_id<span style="color: #009900;">&#93;</span><span style="color: #009900;">&#91;</span><span style="color: #3366CC;">&quot;step&quot;</span><span style="color: #009900;">&#93;</span><span style="color: #339933;">,</span> parseInt<span style="color: #009900;">&#40;</span>tw<span style="color: #009900;">&#91;</span>tw_id<span style="color: #009900;">&#93;</span><span style="color: #009900;">&#91;</span><span style="color: #3366CC;">&quot;from&quot;</span><span style="color: #009900;">&#93;</span><span style="color: #009900;">&#91;</span><span style="color: #3366CC;">&quot;green&quot;</span><span style="color: #009900;">&#93;</span><span style="color: #009900;">&#41;</span>	<span style="color: #339933;">,</span> parseInt<span style="color: #009900;">&#40;</span>tw<span style="color: #009900;">&#91;</span>tw_id<span style="color: #009900;">&#93;</span><span style="color: #009900;">&#91;</span><span style="color: #3366CC;">&quot;change&quot;</span><span style="color: #009900;">&#93;</span><span style="color: #009900;">&#91;</span><span style="color: #3366CC;">&quot;green&quot;</span><span style="color: #009900;">&#93;</span><span style="color: #009900;">&#41;</span>	<span style="color: #339933;">,</span> tw<span style="color: #009900;">&#91;</span>tw_id<span style="color: #009900;">&#93;</span><span style="color: #009900;">&#91;</span><span style="color: #3366CC;">&quot;steps&quot;</span><span style="color: #009900;">&#93;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> 			<span style="color: #003366; font-weight: bold;">var</span> blue 	<span style="color: #339933;">=</span> parseInt<span style="color: #009900;">&#40;</span><span style="color: #000066; font-weight: bold;">eval</span><span style="color: #009900;">&#40;</span>tw<span style="color: #009900;">&#91;</span>tw_id<span style="color: #009900;">&#93;</span><span style="color: #009900;">&#91;</span><span style="color: #3366CC;">&quot;f&quot;</span><span style="color: #009900;">&#93;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#40;</span>tw<span style="color: #009900;">&#91;</span>tw_id<span style="color: #009900;">&#93;</span><span style="color: #009900;">&#91;</span><span style="color: #3366CC;">&quot;step&quot;</span><span style="color: #009900;">&#93;</span><span style="color: #339933;">,</span> parseInt<span style="color: #009900;">&#40;</span>tw<span style="color: #009900;">&#91;</span>tw_id<span style="color: #009900;">&#93;</span><span style="color: #009900;">&#91;</span><span style="color: #3366CC;">&quot;from&quot;</span><span style="color: #009900;">&#93;</span><span style="color: #009900;">&#91;</span><span style="color: #3366CC;">&quot;blue&quot;</span><span style="color: #009900;">&#93;</span><span style="color: #009900;">&#41;</span>	<span style="color: #339933;">,</span> parseInt<span style="color: #009900;">&#40;</span>tw<span style="color: #009900;">&#91;</span>tw_id<span style="color: #009900;">&#93;</span><span style="color: #009900;">&#91;</span><span style="color: #3366CC;">&quot;change&quot;</span><span style="color: #009900;">&#93;</span><span style="color: #009900;">&#91;</span><span style="color: #3366CC;">&quot;blue&quot;</span><span style="color: #009900;">&#93;</span><span style="color: #009900;">&#41;</span>	<span style="color: #339933;">,</span> tw<span style="color: #009900;">&#91;</span>tw_id<span style="color: #009900;">&#93;</span><span style="color: #009900;">&#91;</span><span style="color: #3366CC;">&quot;steps&quot;</span><span style="color: #009900;">&#93;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> 			tw<span style="color: #009900;">&#91;</span>tw_id<span style="color: #009900;">&#93;</span><span style="color: #009900;">&#91;</span><span style="color: #3366CC;">&quot;ez&quot;</span><span style="color: #009900;">&#93;</span> <span style="color: #339933;">=</span> <span style="color: #3366CC;">&quot;rgb(&quot;</span><span style="color: #339933;">+</span>red<span style="color: #339933;">+</span><span style="color: #3366CC;">&quot;,&quot;</span><span style="color: #339933;">+</span>green<span style="color: #339933;">+</span><span style="color: #3366CC;">&quot;,&quot;</span><span style="color: #339933;">+</span>blue<span style="color: #339933;">+</span><span style="color: #3366CC;">&quot;)&quot;</span><span style="color: #339933;">;</span> 		<span style="color: #009900;">&#125;</span> 		<span style="color: #000066; font-weight: bold;">else</span><span style="color: #009900;">&#123;</span> 			tw<span style="color: #009900;">&#91;</span>tw_id<span style="color: #009900;">&#93;</span><span style="color: #009900;">&#91;</span><span style="color: #3366CC;">&quot;ez&quot;</span><span style="color: #009900;">&#93;</span> <span style="color: #339933;">=</span> parseInt<span style="color: #009900;">&#40;</span><span style="color: #000066; font-weight: bold;">eval</span><span style="color: #009900;">&#40;</span>tw<span style="color: #009900;">&#91;</span>tw_id<span style="color: #009900;">&#93;</span><span style="color: #009900;">&#91;</span><span style="color: #3366CC;">&quot;f&quot;</span><span style="color: #009900;">&#93;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#40;</span>tw<span style="color: #009900;">&#91;</span>tw_id<span style="color: #009900;">&#93;</span><span style="color: #009900;">&#91;</span><span style="color: #3366CC;">&quot;step&quot;</span><span style="color: #009900;">&#93;</span><span style="color: #339933;">,</span> tw<span style="color: #009900;">&#91;</span>tw_id<span style="color: #009900;">&#93;</span><span style="color: #009900;">&#91;</span><span style="color: #3366CC;">&quot;from&quot;</span><span style="color: #009900;">&#93;</span><span style="color: #339933;">,</span> tw<span style="color: #009900;">&#91;</span>tw_id<span style="color: #009900;">&#93;</span><span style="color: #009900;">&#91;</span><span style="color: #3366CC;">&quot;change&quot;</span><span style="color: #009900;">&#93;</span><span style="color: #339933;">,</span> tw<span style="color: #009900;">&#91;</span>tw_id<span style="color: #009900;">&#93;</span><span style="color: #009900;">&#91;</span><span style="color: #3366CC;">&quot;steps&quot;</span><span style="color: #009900;">&#93;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">*</span><span style="color: #CC0000;">100</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">/</span><span style="color: #CC0000;">100</span><span style="color: #339933;">;</span> 			tw<span style="color: #009900;">&#91;</span>tw_id<span style="color: #009900;">&#93;</span><span style="color: #009900;">&#91;</span><span style="color: #3366CC;">&quot;ez&quot;</span><span style="color: #009900;">&#93;</span> <span style="color: #339933;">=</span> tw<span style="color: #009900;">&#91;</span>tw_id<span style="color: #009900;">&#93;</span><span style="color: #009900;">&#91;</span><span style="color: #3366CC;">&quot;prefix&quot;</span><span style="color: #009900;">&#93;</span><span style="color: #339933;">+</span> tw<span style="color: #009900;">&#91;</span>tw_id<span style="color: #009900;">&#93;</span><span style="color: #009900;">&#91;</span><span style="color: #3366CC;">&quot;ez&quot;</span><span style="color: #009900;">&#93;</span> <span style="color: #339933;">+</span> tw<span style="color: #009900;">&#91;</span>tw_id<span style="color: #009900;">&#93;</span><span style="color: #009900;">&#91;</span><span style="color: #3366CC;">&quot;suffix&quot;</span><span style="color: #009900;">&#93;</span><span style="color: #339933;">;</span> 		<span style="color: #009900;">&#125;</span> 		tw<span style="color: #009900;">&#91;</span>tw_id<span style="color: #009900;">&#93;</span><span style="color: #009900;">&#91;</span><span style="color: #3366CC;">&quot;timer&quot;</span><span style="color: #009900;">&#93;</span> <span style="color: #339933;">=</span> setTimeout<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;ease_repeat(&quot;</span><span style="color: #339933;">+</span>tw_id<span style="color: #339933;">+</span><span style="color: #3366CC;">&quot;)&quot;</span><span style="color: #339933;">,</span>tw<span style="color: #009900;">&#91;</span>tw_id<span style="color: #009900;">&#93;</span><span style="color: #009900;">&#91;</span><span style="color: #3366CC;">&quot;interval&quot;</span><span style="color: #009900;">&#93;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> 	<span style="color: #009900;">&#125;</span> 	 	<span style="color: #000066; font-weight: bold;">if</span><span style="color: #009900;">&#40;</span>tw<span style="color: #009900;">&#91;</span>tw_id<span style="color: #009900;">&#93;</span><span style="color: #009900;">&#91;</span><span style="color: #3366CC;">&quot;step&quot;</span><span style="color: #009900;">&#93;</span><span style="color: #339933;">&amp;</span>gt<span style="color: #339933;">;=</span>tw<span style="color: #009900;">&#91;</span>tw_id<span style="color: #009900;">&#93;</span><span style="color: #009900;">&#91;</span><span style="color: #3366CC;">&quot;steps&quot;</span><span style="color: #009900;">&#93;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>
		tw<span style="color: #009900;">&#91;</span>tw_id<span style="color: #009900;">&#93;</span><span style="color: #009900;">&#91;</span><span style="color: #3366CC;">&quot;status&quot;</span><span style="color: #009900;">&#93;</span> <span style="color: #339933;">=</span> <span style="color: #3366CC;">&quot;complete&quot;</span><span style="color: #339933;">;</span>
	<span style="color: #009900;">&#125;</span>
&nbsp;
<span style="color: #009900;">&#125;</span>
&nbsp;
<span style="color: #003366; font-weight: bold;">function</span> ease_repeat<span style="color: #009900;">&#40;</span>tw_id<span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>
	<span style="color: #000066; font-weight: bold;">try</span><span style="color: #009900;">&#123;</span>
		tw<span style="color: #009900;">&#91;</span>tw_id<span style="color: #009900;">&#93;</span><span style="color: #009900;">&#91;</span><span style="color: #3366CC;">&quot;element&quot;</span><span style="color: #009900;">&#93;</span>.<span style="color: #660066;">style</span><span style="color: #009900;">&#91;</span>tw<span style="color: #009900;">&#91;</span>tw_id<span style="color: #009900;">&#93;</span><span style="color: #009900;">&#91;</span><span style="color: #3366CC;">&quot;property&quot;</span><span style="color: #009900;">&#93;</span><span style="color: #009900;">&#93;</span> <span style="color: #339933;">=</span> tw<span style="color: #009900;">&#91;</span>tw_id<span style="color: #009900;">&#93;</span><span style="color: #009900;">&#91;</span><span style="color: #3366CC;">&quot;ez&quot;</span><span style="color: #009900;">&#93;</span><span style="color: #339933;">;</span>
		ease<span style="color: #009900;">&#40;</span>tw_id<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
	<span style="color: #009900;">&#125;</span>
	<span style="color: #000066; font-weight: bold;">catch</span><span style="color: #009900;">&#40;</span>e<span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span><span style="color: #009900;">&#125;</span>
<span style="color: #009900;">&#125;</span>
&nbsp;
<span style="color: #009966; font-style: italic;">/* Keep it simple with these nice functions */</span>
&nbsp;
<span style="color: #003366; font-weight: bold;">function</span> h2d<span style="color: #009900;">&#40;</span>h<span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
	<span style="color: #006600; font-style: italic;">// hex to decimal</span>
	<span style="color: #000066; font-weight: bold;">return</span> parseInt<span style="color: #009900;">&#40;</span>h<span style="color: #339933;">,</span><span style="color: #CC0000;">16</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #009900;">&#125;</span> 
&nbsp;
<span style="color: #003366; font-weight: bold;">function</span> str_replace <span style="color: #009900;">&#40;</span>search<span style="color: #339933;">,</span> replace<span style="color: #339933;">,</span> subject<span style="color: #339933;">,</span> count<span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
	<span style="color: #006600; font-style: italic;">// version: 908.406</span>
	<span style="color: #006600; font-style: italic;">// discuss at: http://phpjs.org/functions/str_replace</span>
&nbsp;
    <span style="color: #003366; font-weight: bold;">var</span> i <span style="color: #339933;">=</span> <span style="color: #CC0000;">0</span><span style="color: #339933;">,</span> j <span style="color: #339933;">=</span> <span style="color: #CC0000;">0</span><span style="color: #339933;">,</span> temp <span style="color: #339933;">=</span> <span style="color: #3366CC;">''</span><span style="color: #339933;">,</span> repl <span style="color: #339933;">=</span> <span style="color: #3366CC;">''</span><span style="color: #339933;">,</span> sl <span style="color: #339933;">=</span> <span style="color: #CC0000;">0</span><span style="color: #339933;">,</span> fl <span style="color: #339933;">=</span> <span style="color: #CC0000;">0</span><span style="color: #339933;">,</span>
  	f <span style="color: #339933;">=</span> <span style="color: #009900;">&#91;</span><span style="color: #009900;">&#93;</span>.<span style="color: #660066;">concat</span><span style="color: #009900;">&#40;</span>search<span style="color: #009900;">&#41;</span><span style="color: #339933;">,</span>
		r <span style="color: #339933;">=</span> <span style="color: #009900;">&#91;</span><span style="color: #009900;">&#93;</span>.<span style="color: #660066;">concat</span><span style="color: #009900;">&#40;</span>replace<span style="color: #009900;">&#41;</span><span style="color: #339933;">,</span>
		s <span style="color: #339933;">=</span> subject<span style="color: #339933;">,</span>
		ra <span style="color: #339933;">=</span> r <span style="color: #000066; font-weight: bold;">instanceof</span> Array<span style="color: #339933;">,</span> sa <span style="color: #339933;">=</span> s <span style="color: #000066; font-weight: bold;">instanceof</span> Array<span style="color: #339933;">;</span>
	s <span style="color: #339933;">=</span> <span style="color: #009900;">&#91;</span><span style="color: #009900;">&#93;</span>.<span style="color: #660066;">concat</span><span style="color: #009900;">&#40;</span>s<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
	<span style="color: #000066; font-weight: bold;">if</span> <span style="color: #009900;">&#40;</span>count<span style="color: #009900;">&#41;</span>
		<span style="color: #000066; font-weight: bold;">this</span>.<span style="color: #660066;">window</span><span style="color: #009900;">&#91;</span>count<span style="color: #009900;">&#93;</span> <span style="color: #339933;">=</span> <span style="color: #CC0000;">0</span><span style="color: #339933;">;</span>
	<span style="color: #000066; font-weight: bold;">for</span> <span style="color: #009900;">&#40;</span>i<span style="color: #339933;">=</span><span style="color: #CC0000;">0</span><span style="color: #339933;">,</span> sl<span style="color: #339933;">=</span>s.<span style="color: #660066;">length</span><span style="color: #339933;">;</span> i <span style="color: #339933;">&amp;</span>lt<span style="color: #339933;">;</span> sl<span style="color: #339933;">;</span> i<span style="color: #339933;">++</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
		<span style="color: #000066; font-weight: bold;">if</span> <span style="color: #009900;">&#40;</span>s<span style="color: #009900;">&#91;</span>i<span style="color: #009900;">&#93;</span> <span style="color: #339933;">===</span> <span style="color: #3366CC;">''</span><span style="color: #009900;">&#41;</span>
			<span style="color: #000066; font-weight: bold;">continue</span><span style="color: #339933;">;</span>
		<span style="color: #000066; font-weight: bold;">for</span> <span style="color: #009900;">&#40;</span>j<span style="color: #339933;">=</span><span style="color: #CC0000;">0</span><span style="color: #339933;">,</span> fl<span style="color: #339933;">=</span>f.<span style="color: #660066;">length</span><span style="color: #339933;">;</span> j <span style="color: #339933;">&amp;</span>lt<span style="color: #339933;">;</span> fl<span style="color: #339933;">;</span> j<span style="color: #339933;">++</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span> 			temp <span style="color: #339933;">=</span> s<span style="color: #009900;">&#91;</span>i<span style="color: #009900;">&#93;</span><span style="color: #339933;">+</span><span style="color: #3366CC;">''</span><span style="color: #339933;">;</span> 			repl <span style="color: #339933;">=</span> ra <span style="color: #339933;">?</span> <span style="color: #009900;">&#40;</span>r<span style="color: #009900;">&#91;</span>j<span style="color: #009900;">&#93;</span> <span style="color: #339933;">!==</span> undefined <span style="color: #339933;">?</span> r<span style="color: #009900;">&#91;</span>j<span style="color: #009900;">&#93;</span> <span style="color: #339933;">:</span> <span style="color: #3366CC;">''</span><span style="color: #009900;">&#41;</span> <span style="color: #339933;">:</span> r<span style="color: #009900;">&#91;</span><span style="color: #CC0000;">0</span><span style="color: #009900;">&#93;</span><span style="color: #339933;">;</span> 			s<span style="color: #009900;">&#91;</span>i<span style="color: #009900;">&#93;</span> <span style="color: #339933;">=</span> <span style="color: #009900;">&#40;</span>temp<span style="color: #009900;">&#41;</span>.<span style="color: #660066;">split</span><span style="color: #009900;">&#40;</span>f<span style="color: #009900;">&#91;</span>j<span style="color: #009900;">&#93;</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">join</span><span style="color: #009900;">&#40;</span>repl<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> 			<span style="color: #000066; font-weight: bold;">if</span> <span style="color: #009900;">&#40;</span>count <span style="color: #339933;">&amp;</span>amp<span style="color: #339933;">;&amp;</span>amp<span style="color: #339933;">;</span> s<span style="color: #009900;">&#91;</span>i<span style="color: #009900;">&#93;</span> <span style="color: #339933;">!==</span> temp<span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span> 				<span style="color: #000066; font-weight: bold;">this</span>.<span style="color: #660066;">window</span><span style="color: #009900;">&#91;</span>count<span style="color: #009900;">&#93;</span> <span style="color: #339933;">+=</span> <span style="color: #009900;">&#40;</span>temp.<span style="color: #660066;">length</span><span style="color: #339933;">-</span>s<span style="color: #009900;">&#91;</span>i<span style="color: #009900;">&#93;</span>.<span style="color: #660066;">length</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">/</span>f<span style="color: #009900;">&#91;</span>j<span style="color: #009900;">&#93;</span>.<span style="color: #660066;">length</span><span style="color: #339933;">;</span><span style="color: #009900;">&#125;</span> 		<span style="color: #009900;">&#125;</span>    <span style="color: #009900;">&#125;</span>     <span style="color: #000066; font-weight: bold;">return</span> sa <span style="color: #339933;">?</span> s <span style="color: #339933;">:</span> s<span style="color: #009900;">&#91;</span><span style="color: #CC0000;">0</span><span style="color: #009900;">&#93;</span><span style="color: #339933;">;</span> <span style="color: #009900;">&#125;</span> <span style="color: #003366; font-weight: bold;">function</span> resolve_element<span style="color: #009900;">&#40;</span>element<span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span> 	<span style="color: #000066; font-weight: bold;">if</span><span style="color: #009900;">&#40;</span><span style="color: #000066; font-weight: bold;">typeof</span><span style="color: #009900;">&#40;</span>element<span style="color: #009900;">&#41;</span> <span style="color: #339933;">==</span> <span style="color: #3366CC;">&quot;object&quot;</span><span style="color: #009900;">&#41;</span> 		<span style="color: #339933;">;</span> 	<span style="color: #000066; font-weight: bold;">else</span> <span style="color: #000066; font-weight: bold;">if</span><span style="color: #009900;">&#40;</span><span style="color: #000066; font-weight: bold;">typeof</span><span style="color: #009900;">&#40;</span>element<span style="color: #009900;">&#41;</span> <span style="color: #339933;">==</span> <span style="color: #3366CC;">&quot;string&quot;</span><span style="color: #009900;">&#41;</span> 		element <span style="color: #339933;">=</span> document.<span style="color: #660066;">getElementById</span><span style="color: #009900;">&#40;</span>element<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> 	<span style="color: #000066; font-weight: bold;">if</span><span style="color: #009900;">&#40;</span>element.<span style="color: #660066;">tagName</span> <span style="color: #339933;">!=</span> <span style="color: #3366CC;">&quot;undefined&quot;</span><span style="color: #009900;">&#41;</span> 		<span style="color: #000066; font-weight: bold;">return</span> element<span style="color: #339933;">;</span> 	<span style="color: #000066; font-weight: bold;">return</span>  <span style="color: #003366; font-weight: bold;">false</span><span style="color: #339933;">;</span> <span style="color: #009900;">&#125;</span> <span style="color: #003366; font-weight: bold;">function</span> resolve_property<span style="color: #009900;">&#40;</span>property<span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>  	<span style="color: #006600; font-style: italic;">//  resolve_property(&quot;-moz-border-radius&quot;) =&amp;gt; &quot;MozBorderRadius&quot;;</span>
	<span style="color: #003366; font-weight: bold;">var</span> matched<span style="color: #339933;">;</span>
	<span style="color: #003366; font-weight: bold;">var</span> dash_letter <span style="color: #339933;">=</span> <span style="color: #003366; font-weight: bold;">new</span> RegExp<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;-[a-z]&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
	<span style="color: #000066; font-weight: bold;">while</span><span style="color: #009900;">&#40;</span><span style="color: #CC0000;">1</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>
		<span style="color: #000066; font-weight: bold;">if</span><span style="color: #009900;">&#40;</span>matched <span style="color: #339933;">=</span> property.<span style="color: #660066;">match</span><span style="color: #009900;">&#40;</span>dash_letter<span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>
		  matched <span style="color: #339933;">=</span> matched.<span style="color: #660066;">toString</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
			property <span style="color: #339933;">=</span> str_replace<span style="color: #009900;">&#40;</span>matched<span style="color: #339933;">,</span> matched.<span style="color: #660066;">charAt</span><span style="color: #009900;">&#40;</span><span style="color: #CC0000;">1</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">toUpperCase</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">,</span> property<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
		<span style="color: #009900;">&#125;</span>
		<span style="color: #000066; font-weight: bold;">else</span>
			<span style="color: #000066; font-weight: bold;">break</span><span style="color: #339933;">;</span>
	<span style="color: #009900;">&#125;</span>
	<span style="color: #000066; font-weight: bold;">return</span> property<span style="color: #339933;">;</span>
<span style="color: #009900;">&#125;</span>
&nbsp;
<span style="color: #003366; font-weight: bold;">function</span> resolve_color<span style="color: #009900;">&#40;</span>color<span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>
	<span style="color: #006600; font-style: italic;">// return an array containing R, G and B values</span>
	<span style="color: #000066; font-weight: bold;">if</span><span style="color: #009900;">&#40;</span>color <span style="color: #339933;">===</span> <span style="color: #3366CC;">'transparent'</span><span style="color: #009900;">&#41;</span><span style="color: #006600; font-style: italic;">// IE (6 and ?)</span>
		color <span style="color: #339933;">=</span> <span style="color: #3366CC;">'#FFF'</span><span style="color: #339933;">;</span>
	<span style="color: #003366; font-weight: bold;">var</span> r<span style="color: #339933;">,</span>g<span style="color: #339933;">,</span>b<span style="color: #339933;">;</span>
	<span style="color: #003366; font-weight: bold;">var</span> hex_color_pcre <span style="color: #339933;">=</span> <span style="color: #003366; font-weight: bold;">new</span> RegExp<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;^#[0-9a-f]{3}([0-9a-f]{3})?$&quot;</span><span style="color: #339933;">,</span><span style="color: #3366CC;">'gi'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
	<span style="color: #003366; font-weight: bold;">var</span> rgb_color_pcre <span style="color: #339933;">=</span> <span style="color: #003366; font-weight: bold;">new</span> RegExp<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;rgb<span style="color: #000099; font-weight: bold;">\\</span>(<span style="color: #000099; font-weight: bold;">\\</span>s*((?:[0-2]?[0-9])?[0-9])<span style="color: #000099; font-weight: bold;">\\</span>s*,<span style="color: #000099; font-weight: bold;">\\</span>s*((?:[0-2]?[0-9])?[0-9])<span style="color: #000099; font-weight: bold;">\\</span>s*,<span style="color: #000099; font-weight: bold;">\\</span>s*((?:[0-2]?[0-9])?[0-9])<span style="color: #000099; font-weight: bold;">\\</span>s*<span style="color: #000099; font-weight: bold;">\\</span>)$&quot;</span><span style="color: #339933;">,</span><span style="color: #3366CC;">'gi'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
	<span style="color: #003366; font-weight: bold;">var</span> rgb_percent_color_pcre <span style="color: #339933;">=</span> <span style="color: #003366; font-weight: bold;">new</span> RegExp<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;rgb<span style="color: #000099; font-weight: bold;">\\</span>(<span style="color: #000099; font-weight: bold;">\\</span>s*((?:[0-1]?[0-9])?[0-9])%<span style="color: #000099; font-weight: bold;">\\</span>s*,<span style="color: #000099; font-weight: bold;">\\</span>s*((?:[0-1]?[0-9])?[0-9])%<span style="color: #000099; font-weight: bold;">\\</span>s*,<span style="color: #000099; font-weight: bold;">\\</span>s*((?:[0-1]?[0-9])?[0-9])%<span style="color: #000099; font-weight: bold;">\\</span>s*<span style="color: #000099; font-weight: bold;">\\</span>)$&quot;</span><span style="color: #339933;">,</span><span style="color: #3366CC;">'gi'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
	<span style="color: #000066; font-weight: bold;">if</span><span style="color: #009900;">&#40;</span>color.<span style="color: #660066;">match</span><span style="color: #009900;">&#40;</span>hex_color_pcre<span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>
		<span style="color: #000066; font-weight: bold;">if</span><span style="color: #009900;">&#40;</span>color.<span style="color: #660066;">length</span> <span style="color: #339933;">==</span> <span style="color: #CC0000;">4</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>
			r  <span style="color: #339933;">=</span> color.<span style="color: #660066;">charAt</span><span style="color: #009900;">&#40;</span><span style="color: #CC0000;">1</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">+</span><span style="color: #3366CC;">&quot;&quot;</span><span style="color: #339933;">+</span>color.<span style="color: #660066;">charAt</span><span style="color: #009900;">&#40;</span><span style="color: #CC0000;">1</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
			g  <span style="color: #339933;">=</span> color.<span style="color: #660066;">charAt</span><span style="color: #009900;">&#40;</span><span style="color: #CC0000;">2</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">+</span><span style="color: #3366CC;">&quot;&quot;</span><span style="color: #339933;">+</span>color.<span style="color: #660066;">charAt</span><span style="color: #009900;">&#40;</span><span style="color: #CC0000;">2</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
			b  <span style="color: #339933;">=</span> color.<span style="color: #660066;">charAt</span><span style="color: #009900;">&#40;</span><span style="color: #CC0000;">3</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">+</span><span style="color: #3366CC;">&quot;&quot;</span><span style="color: #339933;">+</span>color.<span style="color: #660066;">charAt</span><span style="color: #009900;">&#40;</span><span style="color: #CC0000;">3</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
		<span style="color: #009900;">&#125;</span>
		<span style="color: #000066; font-weight: bold;">else</span><span style="color: #009900;">&#123;</span>
			r  <span style="color: #339933;">=</span> color.<span style="color: #660066;">charAt</span><span style="color: #009900;">&#40;</span><span style="color: #CC0000;">1</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">+</span><span style="color: #3366CC;">&quot;&quot;</span><span style="color: #339933;">+</span>color.<span style="color: #660066;">charAt</span><span style="color: #009900;">&#40;</span><span style="color: #CC0000;">2</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
			g  <span style="color: #339933;">=</span> color.<span style="color: #660066;">charAt</span><span style="color: #009900;">&#40;</span><span style="color: #CC0000;">3</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">+</span><span style="color: #3366CC;">&quot;&quot;</span><span style="color: #339933;">+</span>color.<span style="color: #660066;">charAt</span><span style="color: #009900;">&#40;</span><span style="color: #CC0000;">4</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
			b  <span style="color: #339933;">=</span> color.<span style="color: #660066;">charAt</span><span style="color: #009900;">&#40;</span><span style="color: #CC0000;">5</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">+</span><span style="color: #3366CC;">&quot;&quot;</span><span style="color: #339933;">+</span>color.<span style="color: #660066;">charAt</span><span style="color: #009900;">&#40;</span><span style="color: #CC0000;">6</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
		<span style="color: #009900;">&#125;</span>
		r <span style="color: #339933;">=</span> h2d<span style="color: #009900;">&#40;</span>r<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
		g <span style="color: #339933;">=</span> h2d<span style="color: #009900;">&#40;</span>g<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
		b <span style="color: #339933;">=</span> h2d<span style="color: #009900;">&#40;</span>b<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
	<span style="color: #009900;">&#125;</span>
	<span style="color: #000066; font-weight: bold;">else</span> <span style="color: #000066; font-weight: bold;">if</span><span style="color: #009900;">&#40;</span>color.<span style="color: #660066;">match</span><span style="color: #009900;">&#40;</span>rgb_color_pcre<span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>
		r <span style="color: #339933;">=</span> RegExp.$<span style="color: #CC0000;">1</span><span style="color: #339933;">;</span>
		g <span style="color: #339933;">=</span> RegExp.$<span style="color: #CC0000;">2</span><span style="color: #339933;">;</span>
		b <span style="color: #339933;">=</span> RegExp.$<span style="color: #CC0000;">3</span><span style="color: #339933;">;</span>
	<span style="color: #009900;">&#125;</span>
	<span style="color: #000066; font-weight: bold;">else</span> <span style="color: #000066; font-weight: bold;">if</span><span style="color: #009900;">&#40;</span>color.<span style="color: #660066;">match</span><span style="color: #009900;">&#40;</span>rgb_percent_color_pcre<span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>
		r <span style="color: #339933;">=</span> parseInt<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#40;</span>RegExp.$<span style="color: #CC0000;">1</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">*</span><span style="color: #CC0000;">2.55</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
		g <span style="color: #339933;">=</span> parseInt<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#40;</span>RegExp.$<span style="color: #CC0000;">2</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">*</span><span style="color: #CC0000;">2.55</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
		b <span style="color: #339933;">=</span> parseInt<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#40;</span>RegExp.$<span style="color: #CC0000;">3</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">*</span><span style="color: #CC0000;">2.55</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
	<span style="color: #009900;">&#125;</span>
	<span style="color: #000066; font-weight: bold;">else</span>
		<span style="color: #000066; font-weight: bold;">return</span> <span style="color: #003366; font-weight: bold;">false</span><span style="color: #339933;">;</span>
&nbsp;
	<span style="color: #003366; font-weight: bold;">var</span> returned <span style="color: #339933;">=</span><span style="color: #009900;">&#91;</span><span style="color: #009900;">&#93;</span><span style="color: #339933;">;</span>
	returned<span style="color: #009900;">&#91;</span><span style="color: #3366CC;">'red'</span><span style="color: #009900;">&#93;</span> <span style="color: #339933;">=</span> r<span style="color: #339933;">;</span>
	returned<span style="color: #009900;">&#91;</span><span style="color: #3366CC;">'green'</span><span style="color: #009900;">&#93;</span> <span style="color: #339933;">=</span> g<span style="color: #339933;">;</span>
	returned<span style="color: #009900;">&#91;</span><span style="color: #3366CC;">'blue'</span><span style="color: #009900;">&#93;</span> <span style="color: #339933;">=</span> b<span style="color: #339933;">;</span>
	<span style="color: #000066; font-weight: bold;">return</span> returned<span style="color: #339933;">;</span>
<span style="color: #009900;">&#125;</span>
&nbsp;
<span style="color: #003366; font-weight: bold;">function</span> getStyle<span style="color: #009900;">&#40;</span>oElm<span style="color: #339933;">,</span> strCssRule<span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>
	<span style="color: #006600; font-style: italic;">// http://robertnyman.com/2006/04/24/get-the-rendered-style-of-an-element/</span>
	<span style="color: #003366; font-weight: bold;">var</span> strValue <span style="color: #339933;">=</span> <span style="color: #3366CC;">&quot;&quot;</span><span style="color: #339933;">;</span>
	<span style="color: #000066; font-weight: bold;">if</span><span style="color: #009900;">&#40;</span>document.<span style="color: #660066;">defaultView</span> <span style="color: #339933;">&amp;</span>amp<span style="color: #339933;">;&amp;</span>amp<span style="color: #339933;">;</span> document.<span style="color: #660066;">defaultView</span>.<span style="color: #660066;">getComputedStyle</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>
		strValue <span style="color: #339933;">=</span> document.<span style="color: #660066;">defaultView</span>.<span style="color: #660066;">getComputedStyle</span><span style="color: #009900;">&#40;</span>oElm<span style="color: #339933;">,</span> <span style="color: #3366CC;">&quot;&quot;</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">getPropertyValue</span><span style="color: #009900;">&#40;</span>strCssRule<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
	<span style="color: #009900;">&#125;</span>
	<span style="color: #000066; font-weight: bold;">else</span> <span style="color: #000066; font-weight: bold;">if</span><span style="color: #009900;">&#40;</span>oElm.<span style="color: #660066;">currentStyle</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>
		strCssRule <span style="color: #339933;">=</span> strCssRule.<span style="color: #660066;">replace</span><span style="color: #009900;">&#40;</span><span style="color: #009966; font-style: italic;">/\-(\w)/g</span><span style="color: #339933;">,</span> <span style="color: #003366; font-weight: bold;">function</span> <span style="color: #009900;">&#40;</span>strMatch<span style="color: #339933;">,</span> p1<span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>
			<span style="color: #000066; font-weight: bold;">return</span> p1.<span style="color: #660066;">toUpperCase</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
		<span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
		strValue <span style="color: #339933;">=</span> oElm.<span style="color: #660066;">currentStyle</span><span style="color: #009900;">&#91;</span>strCssRule<span style="color: #009900;">&#93;</span><span style="color: #339933;">;</span>
	<span style="color: #009900;">&#125;</span>
	<span style="color: #000066; font-weight: bold;">return</span> strValue<span style="color: #339933;">;</span>
<span style="color: #009900;">&#125;</span>
&nbsp;
<span style="color: #003366; font-weight: bold;">function</span> generatePassword<span style="color: #009900;">&#40;</span>len<span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>
	<span style="color: #006600; font-style: italic;">// http://www.kadimi.com/en/javascript/random-password-string/</span>
	len	<span style="color: #339933;">=</span> parseInt<span style="color: #009900;">&#40;</span>len<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
	<span style="color: #000066; font-weight: bold;">if</span><span style="color: #009900;">&#40;</span><span style="color: #339933;">!</span>len<span style="color: #009900;">&#41;</span>
		len <span style="color: #339933;">=</span> <span style="color: #CC0000;">6</span><span style="color: #339933;">;</span>
	<span style="color: #003366; font-weight: bold;">var</span> password <span style="color: #339933;">=</span> <span style="color: #3366CC;">&quot;&quot;</span><span style="color: #339933;">;</span>
	<span style="color: #003366; font-weight: bold;">var</span> chars    <span style="color: #339933;">=</span> <span style="color: #3366CC;">&quot;0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ&quot;</span><span style="color: #339933;">;</span>
	<span style="color: #003366; font-weight: bold;">var</span> charsN   <span style="color: #339933;">=</span> chars.<span style="color: #660066;">length</span><span style="color: #339933;">;</span>
	<span style="color: #003366; font-weight: bold;">var</span> nextChar<span style="color: #339933;">;</span>
&nbsp;
	<span style="color: #000066; font-weight: bold;">for</span><span style="color: #009900;">&#40;</span>i<span style="color: #339933;">=</span><span style="color: #CC0000;">0</span><span style="color: #339933;">;</span>i<span style="color: #339933;">&amp;</span>lt<span style="color: #339933;">;</span> <span style="color: #CC0000;">0</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
        f_start <span style="color: #339933;">+=</span> f_string.<span style="color: #660066;">length</span><span style="color: #339933;">;</span>
    <span style="color: #009900;">&#125;</span>
&nbsp;
    <span style="color: #000066; font-weight: bold;">if</span> <span style="color: #009900;">&#40;</span>f_length <span style="color: #339933;">==</span> undefined<span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
        f_length <span style="color: #339933;">=</span> f_string.<span style="color: #660066;">length</span><span style="color: #339933;">;</span>
    <span style="color: #009900;">&#125;</span> <span style="color: #000066; font-weight: bold;">else</span> <span style="color: #000066; font-weight: bold;">if</span> <span style="color: #009900;">&#40;</span>f_length <span style="color: #339933;">&amp;</span>lt<span style="color: #339933;">;</span> <span style="color: #CC0000;">0</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>
        f_length <span style="color: #339933;">+=</span> f_string.<span style="color: #660066;">length</span><span style="color: #339933;">;</span>
    <span style="color: #009900;">&#125;</span> <span style="color: #000066; font-weight: bold;">else</span> <span style="color: #009900;">&#123;</span>
        f_length <span style="color: #339933;">+=</span> f_start<span style="color: #339933;">;</span>
    <span style="color: #009900;">&#125;</span>
&nbsp;
    <span style="color: #000066; font-weight: bold;">if</span> <span style="color: #009900;">&#40;</span>f_length <span style="color: #339933;">&amp;</span>lt<span style="color: #339933;">;</span> f_start<span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>         f_length <span style="color: #339933;">=</span> f_start<span style="color: #339933;">;</span>     <span style="color: #009900;">&#125;</span>     <span style="color: #000066; font-weight: bold;">return</span> f_string.<span style="color: #660066;">substring</span><span style="color: #009900;">&#40;</span>f_start<span style="color: #339933;">,</span> f_length<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> <span style="color: #009900;">&#125;</span> <span style="color: #003366; font-weight: bold;">function</span> microtime <span style="color: #009900;">&#40;</span>get_as_float<span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>     <span style="color: #006600; font-style: italic;">// Returns either a string or a float containing the current time in seconds and microseconds       // discuss at: http://phpjs.org/functions/microtime     // +   original by: Paulo Ricardo F. Santos     // *     example 1: timeStamp = microtime(true);     // *     results 1: timeStamp &amp;gt; 1000000000 &amp;amp;&amp;amp; timeStamp &amp;lt; 2000000000</span>
    <span style="color: #003366; font-weight: bold;">var</span> now <span style="color: #339933;">=</span> <span style="color: #003366; font-weight: bold;">new</span> Date<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">getTime</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #339933;">/</span> <span style="color: #CC0000;">1000</span><span style="color: #339933;">;</span>
    <span style="color: #003366; font-weight: bold;">var</span> s <span style="color: #339933;">=</span> parseInt<span style="color: #009900;">&#40;</span>now<span style="color: #339933;">,</span> <span style="color: #CC0000;">10</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
&nbsp;
    <span style="color: #000066; font-weight: bold;">return</span> <span style="color: #009900;">&#40;</span>get_as_float<span style="color: #009900;">&#41;</span> <span style="color: #339933;">?</span> now <span style="color: #339933;">:</span> <span style="color: #009900;">&#40;</span>Math.<span style="color: #660066;">round</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#40;</span>now <span style="color: #339933;">-</span> s<span style="color: #009900;">&#41;</span> <span style="color: #339933;">*</span> <span style="color: #CC0000;">1000</span><span style="color: #009900;">&#41;</span> <span style="color: #339933;">/</span> <span style="color: #CC0000;">1000</span><span style="color: #009900;">&#41;</span> <span style="color: #339933;">+</span> <span style="color: #3366CC;">' '</span> <span style="color: #339933;">+</span> s<span style="color: #339933;">;</span>
<span style="color: #009900;">&#125;</span>
&nbsp;
<span style="color: #006600; font-style: italic;">// My favorite $()</span>
<span style="color: #003366; font-weight: bold;">function</span> $<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
	<span style="color: #006600; font-style: italic;">//http://v3.thewatchmakerproject.com/code/extended-dollar.txt</span>
	<span style="color: #003366; font-weight: bold;">var</span> elements <span style="color: #339933;">=</span> <span style="color: #003366; font-weight: bold;">new</span> Array<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
	<span style="color: #000066; font-weight: bold;">for</span> <span style="color: #009900;">&#40;</span><span style="color: #003366; font-weight: bold;">var</span> i<span style="color: #339933;">=</span><span style="color: #CC0000;">0</span><span style="color: #339933;">,</span>len<span style="color: #339933;">=</span>arguments.<span style="color: #660066;">length</span><span style="color: #339933;">;</span>i<span style="color: #339933;">&amp;</span>lt<span style="color: #339933;">;</span> <span style="color: #CC0000;">1</span><span style="color: #009900;">&#41;</span> <span style="color: #000066; font-weight: bold;">return</span> c<span style="color: #339933;">/</span><span style="color: #CC0000;">2</span><span style="color: #339933;">*</span><span style="color: #009900;">&#40;</span>t<span style="color: #339933;">*</span>t<span style="color: #339933;">*</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#40;</span>s<span style="color: #339933;">*=</span><span style="color: #009900;">&#40;</span><span style="color: #CC0000;">1.525</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">+</span><span style="color: #CC0000;">1</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">*</span>t <span style="color: #339933;">-</span> s<span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span> <span style="color: #339933;">+</span> b<span style="color: #339933;">;</span>
	<span style="color: #000066; font-weight: bold;">return</span> c<span style="color: #339933;">/</span><span style="color: #CC0000;">2</span><span style="color: #339933;">*</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#40;</span>t<span style="color: #339933;">-=</span><span style="color: #CC0000;">2</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">*</span>t<span style="color: #339933;">*</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#40;</span>s<span style="color: #339933;">*=</span><span style="color: #009900;">&#40;</span><span style="color: #CC0000;">1.525</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">+</span><span style="color: #CC0000;">1</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">*</span>t <span style="color: #339933;">+</span> s<span style="color: #009900;">&#41;</span> <span style="color: #339933;">+</span> <span style="color: #CC0000;">2</span><span style="color: #009900;">&#41;</span> <span style="color: #339933;">+</span> b<span style="color: #339933;">;</span>
<span style="color: #009900;">&#125;</span><span style="color: #339933;">;</span>
&nbsp;
<span style="color: #006600; font-style: italic;">//Circulat</span>
easeInCirc <span style="color: #339933;">=</span> <span style="color: #003366; font-weight: bold;">function</span> <span style="color: #009900;">&#40;</span>t<span style="color: #339933;">,</span> b<span style="color: #339933;">,</span> c<span style="color: #339933;">,</span> d<span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
	<span style="color: #000066; font-weight: bold;">return</span> <span style="color: #339933;">-</span>c <span style="color: #339933;">*</span> <span style="color: #009900;">&#40;</span>Math.<span style="color: #660066;">sqrt</span><span style="color: #009900;">&#40;</span><span style="color: #CC0000;">1</span> <span style="color: #339933;">-</span> <span style="color: #009900;">&#40;</span>t<span style="color: #339933;">/=</span>d<span style="color: #009900;">&#41;</span><span style="color: #339933;">*</span>t<span style="color: #009900;">&#41;</span> <span style="color: #339933;">-</span> <span style="color: #CC0000;">1</span><span style="color: #009900;">&#41;</span> <span style="color: #339933;">+</span> b<span style="color: #339933;">;</span>
<span style="color: #009900;">&#125;</span><span style="color: #339933;">;</span>
&nbsp;
easeOutCirc <span style="color: #339933;">=</span> <span style="color: #003366; font-weight: bold;">function</span> <span style="color: #009900;">&#40;</span>t<span style="color: #339933;">,</span> b<span style="color: #339933;">,</span> c<span style="color: #339933;">,</span> d<span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
	<span style="color: #000066; font-weight: bold;">return</span> c <span style="color: #339933;">*</span> Math.<span style="color: #660066;">sqrt</span><span style="color: #009900;">&#40;</span><span style="color: #CC0000;">1</span> <span style="color: #339933;">-</span> <span style="color: #009900;">&#40;</span>t<span style="color: #339933;">=</span>t<span style="color: #339933;">/</span>d<span style="color: #339933;">-</span><span style="color: #CC0000;">1</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">*</span>t<span style="color: #009900;">&#41;</span> <span style="color: #339933;">+</span> b<span style="color: #339933;">;</span>
<span style="color: #009900;">&#125;</span><span style="color: #339933;">;</span>
&nbsp;
easeInOutCirc <span style="color: #339933;">=</span> <span style="color: #003366; font-weight: bold;">function</span> <span style="color: #009900;">&#40;</span>t<span style="color: #339933;">,</span> b<span style="color: #339933;">,</span> c<span style="color: #339933;">,</span> d<span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
	<span style="color: #000066; font-weight: bold;">if</span> <span style="color: #009900;">&#40;</span><span style="color: #009900;">&#40;</span>t<span style="color: #339933;">/=</span>d<span style="color: #339933;">/</span><span style="color: #CC0000;">2</span><span style="color: #009900;">&#41;</span> <span style="color: #339933;">&amp;</span>lt<span style="color: #339933;">;</span> <span style="color: #CC0000;">1</span><span style="color: #009900;">&#41;</span> <span style="color: #000066; font-weight: bold;">return</span> <span style="color: #339933;">-</span>c<span style="color: #339933;">/</span><span style="color: #CC0000;">2</span> <span style="color: #339933;">*</span> <span style="color: #009900;">&#40;</span>Math.<span style="color: #660066;">sqrt</span><span style="color: #009900;">&#40;</span><span style="color: #CC0000;">1</span> <span style="color: #339933;">-</span> t<span style="color: #339933;">*</span>t<span style="color: #009900;">&#41;</span> <span style="color: #339933;">-</span> <span style="color: #CC0000;">1</span><span style="color: #009900;">&#41;</span> <span style="color: #339933;">+</span> b<span style="color: #339933;">;</span>
	<span style="color: #000066; font-weight: bold;">return</span> c<span style="color: #339933;">/</span><span style="color: #CC0000;">2</span> <span style="color: #339933;">*</span> <span style="color: #009900;">&#40;</span>Math.<span style="color: #660066;">sqrt</span><span style="color: #009900;">&#40;</span><span style="color: #CC0000;">1</span> <span style="color: #339933;">-</span> <span style="color: #009900;">&#40;</span>t<span style="color: #339933;">-=</span><span style="color: #CC0000;">2</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">*</span>t<span style="color: #009900;">&#41;</span> <span style="color: #339933;">+</span> <span style="color: #CC0000;">1</span><span style="color: #009900;">&#41;</span> <span style="color: #339933;">+</span> b<span style="color: #339933;">;</span>
<span style="color: #009900;">&#125;</span><span style="color: #339933;">;</span>
&nbsp;
<span style="color: #006600; font-style: italic;">//Bounce</span>
easeInBounce <span style="color: #339933;">=</span> <span style="color: #003366; font-weight: bold;">function</span> <span style="color: #009900;">&#40;</span>t<span style="color: #339933;">,</span> b<span style="color: #339933;">,</span> c<span style="color: #339933;">,</span> d<span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
	<span style="color: #000066; font-weight: bold;">return</span> c <span style="color: #339933;">-</span> easeOutBounce <span style="color: #009900;">&#40;</span>d<span style="color: #339933;">-</span>t<span style="color: #339933;">,</span> <span style="color: #CC0000;">0</span><span style="color: #339933;">,</span> c<span style="color: #339933;">,</span> d<span style="color: #009900;">&#41;</span> <span style="color: #339933;">+</span> b<span style="color: #339933;">;</span>
<span style="color: #009900;">&#125;</span><span style="color: #339933;">;</span>
&nbsp;
easeOutBounce <span style="color: #339933;">=</span> <span style="color: #003366; font-weight: bold;">function</span> <span style="color: #009900;">&#40;</span>t<span style="color: #339933;">,</span> b<span style="color: #339933;">,</span> c<span style="color: #339933;">,</span> d<span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
	<span style="color: #000066; font-weight: bold;">if</span> <span style="color: #009900;">&#40;</span><span style="color: #009900;">&#40;</span>t<span style="color: #339933;">/=</span>d<span style="color: #009900;">&#41;</span> <span style="color: #339933;">&amp;</span>lt<span style="color: #339933;">;</span> <span style="color: #009900;">&#40;</span><span style="color: #CC0000;">1</span><span style="color: #339933;">/</span><span style="color: #CC0000;">2.75</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
		<span style="color: #000066; font-weight: bold;">return</span> c<span style="color: #339933;">*</span><span style="color: #009900;">&#40;</span><span style="color: #CC0000;">7.5625</span><span style="color: #339933;">*</span>t<span style="color: #339933;">*</span>t<span style="color: #009900;">&#41;</span> <span style="color: #339933;">+</span> b<span style="color: #339933;">;</span>
	<span style="color: #009900;">&#125;</span> <span style="color: #000066; font-weight: bold;">else</span> <span style="color: #000066; font-weight: bold;">if</span> <span style="color: #009900;">&#40;</span>t <span style="color: #339933;">&amp;</span>lt<span style="color: #339933;">;</span> <span style="color: #009900;">&#40;</span><span style="color: #CC0000;">2</span><span style="color: #339933;">/</span><span style="color: #CC0000;">2.75</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
		<span style="color: #000066; font-weight: bold;">return</span> c<span style="color: #339933;">*</span><span style="color: #009900;">&#40;</span><span style="color: #CC0000;">7.5625</span><span style="color: #339933;">*</span><span style="color: #009900;">&#40;</span>t<span style="color: #339933;">-=</span><span style="color: #009900;">&#40;</span><span style="color: #CC0000;">1.5</span><span style="color: #339933;">/</span><span style="color: #CC0000;">2.75</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">*</span>t <span style="color: #339933;">+</span> .75<span style="color: #009900;">&#41;</span> <span style="color: #339933;">+</span> b<span style="color: #339933;">;</span>
	<span style="color: #009900;">&#125;</span> <span style="color: #000066; font-weight: bold;">else</span> <span style="color: #000066; font-weight: bold;">if</span> <span style="color: #009900;">&#40;</span>t <span style="color: #339933;">&amp;</span>lt<span style="color: #339933;">;</span> <span style="color: #009900;">&#40;</span><span style="color: #CC0000;">2.5</span><span style="color: #339933;">/</span><span style="color: #CC0000;">2.75</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
		<span style="color: #000066; font-weight: bold;">return</span> c<span style="color: #339933;">*</span><span style="color: #009900;">&#40;</span><span style="color: #CC0000;">7.5625</span><span style="color: #339933;">*</span><span style="color: #009900;">&#40;</span>t<span style="color: #339933;">-=</span><span style="color: #009900;">&#40;</span><span style="color: #CC0000;">2.25</span><span style="color: #339933;">/</span><span style="color: #CC0000;">2.75</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">*</span>t <span style="color: #339933;">+</span> .9375<span style="color: #009900;">&#41;</span> <span style="color: #339933;">+</span> b<span style="color: #339933;">;</span>
	<span style="color: #009900;">&#125;</span> <span style="color: #000066; font-weight: bold;">else</span> <span style="color: #009900;">&#123;</span>
		<span style="color: #000066; font-weight: bold;">return</span> c<span style="color: #339933;">*</span><span style="color: #009900;">&#40;</span><span style="color: #CC0000;">7.5625</span><span style="color: #339933;">*</span><span style="color: #009900;">&#40;</span>t<span style="color: #339933;">-=</span><span style="color: #009900;">&#40;</span><span style="color: #CC0000;">2.625</span><span style="color: #339933;">/</span><span style="color: #CC0000;">2.75</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">*</span>t <span style="color: #339933;">+</span> .984375<span style="color: #009900;">&#41;</span> <span style="color: #339933;">+</span> b<span style="color: #339933;">;</span>
	<span style="color: #009900;">&#125;</span>
<span style="color: #009900;">&#125;</span><span style="color: #339933;">;</span>
easeInOutBounce <span style="color: #339933;">=</span> <span style="color: #003366; font-weight: bold;">function</span> <span style="color: #009900;">&#40;</span>t<span style="color: #339933;">,</span> b<span style="color: #339933;">,</span> c<span style="color: #339933;">,</span> d<span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
	<span style="color: #000066; font-weight: bold;">if</span> <span style="color: #009900;">&#40;</span>t <span style="color: #339933;">&amp;</span>lt<span style="color: #339933;">;</span> d<span style="color: #339933;">/</span><span style="color: #CC0000;">2</span><span style="color: #009900;">&#41;</span> <span style="color: #000066; font-weight: bold;">return</span> easeInBounce <span style="color: #009900;">&#40;</span>t<span style="color: #339933;">*</span><span style="color: #CC0000;">2</span><span style="color: #339933;">,</span> <span style="color: #CC0000;">0</span><span style="color: #339933;">,</span> c<span style="color: #339933;">,</span> d<span style="color: #009900;">&#41;</span> <span style="color: #339933;">*</span> .5 <span style="color: #339933;">+</span> b<span style="color: #339933;">;</span>
	<span style="color: #000066; font-weight: bold;">return</span> easeOutBounce <span style="color: #009900;">&#40;</span>t<span style="color: #339933;">*</span><span style="color: #CC0000;">2</span><span style="color: #339933;">-</span>d<span style="color: #339933;">,</span> <span style="color: #CC0000;">0</span><span style="color: #339933;">,</span> c<span style="color: #339933;">,</span> d<span style="color: #009900;">&#41;</span> <span style="color: #339933;">*</span> .5 <span style="color: #339933;">+</span> c<span style="color: #339933;">*</span>.5 <span style="color: #339933;">+</span> b<span style="color: #339933;">;</span>
<span style="color: #009900;">&#125;</span><span style="color: #339933;">;</span>
<span style="color: #006600; font-style: italic;">//*/</span></pre></div></div>

]]></content:encoded>
			<wfw:commentRss>http://www.kadimi.com/en/javascript-tween-function-368/feed</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
	</channel>
</rss>
