<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" media="screen" href="/~d/styles/atom10full.xsl"?><?xml-stylesheet type="text/css" media="screen" href="http://feeds.feedburner.com/~d/styles/itemcontent.css"?><feed xmlns="http://www.w3.org/2005/Atom" xmlns:openSearch="http://a9.com/-/spec/opensearch/1.1/" xmlns:blogger="http://schemas.google.com/blogger/2008" xmlns:georss="http://www.georss.org/georss" xmlns:gd="http://schemas.google.com/g/2005" xmlns:thr="http://purl.org/syndication/thread/1.0" xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0" gd:etag="W/&quot;DkUDRnw6eyp7ImA9WhNTE08.&quot;"><id>tag:blogger.com,1999:blog-8927794127513218467</id><updated>2012-10-15T11:04:37.213-07:00</updated><title>Code Bazaar</title><subtitle type="html">Just A Few Bites Of Code</subtitle><link rel="http://schemas.google.com/g/2005#feed" type="application/atom+xml" href="http://codebazaar.blogspot.com/feeds/posts/default" /><link rel="alternate" type="text/html" href="http://codebazaar.blogspot.com/" /><author><name>Matthias Büchner</name><uri>http://www.blogger.com/profile/03993705703169676412</uri><email>noreply@blogger.com</email><gd:image rel="http://schemas.google.com/g/2005#thumbnail" width="32" height="32" src="http://3.bp.blogspot.com/_qMvPda4aNLU/S6vfmu4TcvI/AAAAAAAAAAM/tCt1QaYg0gM/S220/10000631_BUCHNER_Matthias.JPG" /></author><generator version="7.00" uri="http://www.blogger.com">Blogger</generator><openSearch:totalResults>12</openSearch:totalResults><openSearch:startIndex>1</openSearch:startIndex><openSearch:itemsPerPage>25</openSearch:itemsPerPage><atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="self" type="application/atom+xml" href="http://feeds.feedburner.com/CodeBazaar" /><feedburner:info uri="codebazaar" /><atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="hub" href="http://pubsubhubbub.appspot.com/" /><entry gd:etag="W/&quot;AkUMSX4_cCp7ImA9WhdbF0U.&quot;"><id>tag:blogger.com,1999:blog-8927794127513218467.post-7546925897699243621</id><published>2011-10-16T08:59:00.000-07:00</published><updated>2011-10-16T11:04:48.048-07:00</updated><app:edited xmlns:app="http://www.w3.org/2007/app">2011-10-16T11:04:48.048-07:00</app:edited><title>Neutral or stability shoes? Hack into your running!</title><content type="html">&lt;div class="fb-like" data-href="http://codebazaar.blogspot.com/2011/10/neutral-or-stability-shoes-hack-into.html" data-send="true" data-width="450" data-show-faces="true"&gt;&lt;/div&gt;&lt;br /&gt;
Two month ago, I sprained my ankle. Now that my ankle recovered, I feel comfortable running again. My shoes had about 200 miles on them already so I decided to buy a new pair. I went to &lt;a href="http://www.therunningcompany.net/austin-store-info"&gt;Texas Running Company&lt;/a&gt;&amp;nbsp;and I discovered a very geeky equipment there, and I could not resist to share it on this blog.&lt;br /&gt;
&lt;br /&gt;
I am not an expert in running shoes business but from what I understand there are two types: neutral or stability. Depending on how you run, you will need one or the other. But how do you know which one is good for you? You could ask somebody to run behind you and look, or you can go the techie way. And of course, this is the way I like the best. :)&lt;br /&gt;
&lt;br /&gt;
In the store, they had a camera positioned right behind a treadmill. We recorded 2 short runs (about 30 seconds for each run) and analyzed them. I was honestly very surprised by the results.&lt;br /&gt;
&lt;br /&gt;
The two pictures below shows the two shoe types. On the left, I was trying neutral shoes; on the right it is stability shoes.&lt;br /&gt;
&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;a href="http://4.bp.blogspot.com/-KaZHAtA71_Y/TprhrUL7vqI/AAAAAAAAAJg/pczpMPI85xc/s1600/both-shoes.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="240" src="http://4.bp.blogspot.com/-KaZHAtA71_Y/TprhrUL7vqI/AAAAAAAAAJg/pczpMPI85xc/s640/both-shoes.png" width="640" /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
As you can see, my right ankle bends inward when my feet is landing with the neutral shoes. The technical term for it is actually &lt;a href="http://www.runnersworld.ltd.uk/pronation.htm"&gt;overpronation&lt;/a&gt;.&lt;br /&gt;
&lt;br /&gt;
&lt;div style="text-align: center;"&gt;
Here is the video of the 2 runs.&lt;/div&gt;
&lt;div style="text-align: center;"&gt;
&lt;iframe allowfullscreen="" frameborder="0" height="315" src="http://www.youtube.com/embed/84ccsvzGIfU" width="420"&gt;&lt;/iframe&gt;
&lt;/div&gt;
&lt;div style="text-align: center;"&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div style="text-align: left;"&gt;
Since this is a tech blog, I would like to share how I merge the 2 videos I got from the store. I used &lt;a href="http://avisynth.org/mediawiki/Main_Page"&gt;Avisynth&lt;/a&gt;&amp;nbsp;and &lt;a href="http://www.virtualdub.org/"&gt;VirtualDub&lt;/a&gt; with the following script.&lt;/div&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;pre class="brush:js"&gt;clip1=AVISource("run1.avi").AssumeFPS(5, false)
clip2=AVISource("run2.avi").AssumeFPS(5, false)
StackHorizontal(clip1,clip2)
&lt;/pre&gt;&lt;img src="http://feeds.feedburner.com/~r/CodeBazaar/~4/aeTK6wmmZAQ" height="1" width="1"/&gt;</content><link rel="replies" type="application/atom+xml" href="http://codebazaar.blogspot.com/feeds/7546925897699243621/comments/default" title="Post Comments" /><link rel="replies" type="text/html" href="http://www.blogger.com/comment.g?blogID=8927794127513218467&amp;postID=7546925897699243621&amp;isPopup=true" title="0 Comments" /><link rel="edit" type="application/atom+xml" href="http://www.blogger.com/feeds/8927794127513218467/posts/default/7546925897699243621?v=2" /><link rel="self" type="application/atom+xml" href="http://www.blogger.com/feeds/8927794127513218467/posts/default/7546925897699243621?v=2" /><link rel="alternate" type="text/html" href="http://feedproxy.google.com/~r/CodeBazaar/~3/aeTK6wmmZAQ/neutral-or-stability-shoes-hack-into.html" title="Neutral or stability shoes? Hack into your running!" /><author><name>Matthias Büchner</name><uri>http://www.blogger.com/profile/03993705703169676412</uri><email>noreply@blogger.com</email><gd:image rel="http://schemas.google.com/g/2005#thumbnail" width="32" height="32" src="http://3.bp.blogspot.com/_qMvPda4aNLU/S6vfmu4TcvI/AAAAAAAAAAM/tCt1QaYg0gM/S220/10000631_BUCHNER_Matthias.JPG" /></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://4.bp.blogspot.com/-KaZHAtA71_Y/TprhrUL7vqI/AAAAAAAAAJg/pczpMPI85xc/s72-c/both-shoes.png" height="72" width="72" /><thr:total>0</thr:total><feedburner:origLink>http://codebazaar.blogspot.com/2011/10/neutral-or-stability-shoes-hack-into.html</feedburner:origLink></entry><entry gd:etag="W/&quot;CEINRHc7eSp7ImA9WhdRFUw.&quot;"><id>tag:blogger.com,1999:blog-8927794127513218467.post-3694979386560666072</id><published>2011-08-03T21:41:00.000-07:00</published><updated>2011-08-04T19:49:55.901-07:00</updated><app:edited xmlns:app="http://www.w3.org/2007/app">2011-08-04T19:49:55.901-07:00</app:edited><title>Chessboard picture recognition project - part 1</title><content type="html">&lt;div id="fb-root"&gt;&lt;/div&gt;&lt;script src="http://connect.facebook.net/en_US/all.js#appId=134707656604826&amp;amp;xfbml=1"&gt;&lt;/script&gt;&lt;fb:like href="http://codebazaar.blogspot.com/2011/08/chess-board-recognition-project-part-1.html" send="true" width="450" show_faces="true" font=""&gt;&lt;/fb:like&gt;&lt;br /&gt;
&lt;br /&gt;
Follow the discussion on &lt;a href="http://news.ycombinator.com/item?id=2848516"&gt;YCombinator&lt;/a&gt;.&lt;br /&gt;
&lt;br /&gt;
&lt;div style="text-align: justify;"&gt;I like to play chess. It is challenging, it requires strategic thinking and it is a great way to clear up your mind. I also like to take my time to play it. It can take a day, a week or even a month! One day I took a picture of the game I was playing to help me to think about it later in the day. This picture gave me the idea to write an application that is capable to analyze the game picture and determine the position of each piece on the board. Maybe someday it could even determine the next best move or continue the game online. &lt;/div&gt;&lt;div style="text-align: justify;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div style="text-align: justify;"&gt;I successfully implemented the first part of the application. This blog post describes how this program is working.&lt;/div&gt;&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://3.bp.blogspot.com/-16pKjAFZprk/TjjIvmEVtPI/AAAAAAAAAH0/5sr71k4v5sQ/s1600/4.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="320" src="http://3.bp.blogspot.com/-16pKjAFZprk/TjjIvmEVtPI/AAAAAAAAAH0/5sr71k4v5sQ/s320/4.png" width="240" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;
&lt;div style="text-align: justify;"&gt;The photo on the left is the original picture I worked on.&lt;/div&gt;&lt;div style="text-align: justify;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div style="text-align: justify;"&gt;Since I have never worked on computer vision, I started by reading about it on &lt;a href="http://en.wikipedia.org/wiki/Computer_vision"&gt;wikipedia&lt;/a&gt;. I also found a few student's research papers that put me in the right direction such as &lt;a href="http://homepages.inf.ed.ac.uk/s0346435/projects/chess_project/visual_chess_diss.pdf"&gt;Scott Blunsden's paper&lt;/a&gt; and &lt;a href="http://www.comp.nus.edu.sg/%7Ecs4243/showcase/chess_vision/chess_vision.html"&gt;Chua Huiyan, Le Vinh and Wong Lai Kuan's paper&lt;/a&gt;. &lt;/div&gt;&lt;div style="text-align: justify;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div style="text-align: justify;"&gt;The first step is to find the gridlines of the chessboard. I processed the image with a &lt;a href="http://en.wikipedia.org/wiki/Canny_edge_detector"&gt;Canny edge detector&lt;/a&gt; and then a &lt;a href="http://en.wikipedia.org/wiki/Hough_transform"&gt;Hough line detector&lt;/a&gt;. I found a Java implementation for these algorithms from &lt;a href="http://www.tomgibara.com/computer-vision/"&gt;Tom Gibara's website&lt;/a&gt; and the &lt;a href="http://csb.essex.ac.uk/software/HoughTransform/"&gt;Vision and Synthetic Environments Laboratory's web site&lt;/a&gt;.&lt;/div&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;div style="text-align: justify;"&gt;The picture below on the left is the output of the Canny edge detector. The green lines on the right picture are the result of the Hough line detection.&lt;/div&gt;&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: left;"&gt;&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: left;"&gt;&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: left;"&gt;&lt;a href="http://4.bp.blogspot.com/-HT3fQq8LPek/TjnaoMd2_8I/AAAAAAAAAH8/bBuRsOCNHFA/s1600/canny-4.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="320" src="http://4.bp.blogspot.com/-HT3fQq8LPek/TjnaoMd2_8I/AAAAAAAAAH8/bBuRsOCNHFA/s320/canny-4.png" width="240" /&gt;&lt;/a&gt;&lt;a href="http://1.bp.blogspot.com/-uqFno54ILvI/Tjn12pqIpOI/AAAAAAAAAIU/J1vhfyqW7z0/s1600/hough-4.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="320" src="http://1.bp.blogspot.com/-uqFno54ILvI/Tjn12pqIpOI/AAAAAAAAAIU/J1vhfyqW7z0/s320/hough-4.png" width="240" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;a href="http://1.bp.blogspot.com/-Y8VGfZB-IOk/Tjn2DITOpPI/AAAAAAAAAIY/ZgRUS1NFfS8/s1600/hough-filtered3.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="150" src="http://1.bp.blogspot.com/-Y8VGfZB-IOk/Tjn2DITOpPI/AAAAAAAAAIY/ZgRUS1NFfS8/s200/hough-filtered3.png" width="200" /&gt;&lt;/a&gt;&lt;br /&gt;
&lt;div style="text-align: justify;"&gt;The lines found on the picture above are actually the lines of the chessboard. But in some cases, the objects taken in the picture around the  chessboard can bring some confusion. On the left picture, the chairs  are introducing some lines that are not part of the board. To filter these lines out, I implemented an algorithm to filter 2 larger sets of lines with a 90-degree angle.&lt;/div&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://2.bp.blogspot.com/-_WZpMlpfUR0/Tjn-wPS2T6I/AAAAAAAAAIg/NC-u1YMQlas/s1600/with-intersection-points.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="200" src="http://2.bp.blogspot.com/-_WZpMlpfUR0/Tjn-wPS2T6I/AAAAAAAAAIg/NC-u1YMQlas/s200/with-intersection-points.png" width="150" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;
&lt;div style="text-align: justify;"&gt;Once I got the 2 sets of 9 perpendicular lines, the program finds all the intersection points between these lines on the picture as shown on the picture on the left.&lt;/div&gt;&lt;div style="text-align: justify;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div style="text-align: justify;"&gt;The program then finds the coordinates of each square that forms the chessboard. &lt;/div&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://2.bp.blogspot.com/-IhaHUwtn3IU/Tjoer8Lc0PI/AAAAAAAAAIo/zIHEQgLb5MQ/s1600/chess-board-cut-out.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="180" src="http://2.bp.blogspot.com/-IhaHUwtn3IU/Tjoer8Lc0PI/AAAAAAAAAIo/zIHEQgLb5MQ/s200/chess-board-cut-out.png" width="200" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div style="text-align: justify;"&gt;At this point, I was able to isolate each square and process them separately. For example, the program is able to determine whether each square is white or black by calculating its average color and comparing it to the black and white colors. The results were correct except for one of the square because a piece of the opposite color was standing on it. Since the color of the squares of chessboard alternates, I could easily identify these errors.&lt;/div&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;div style="text-align: justify;"&gt;What's next? I probably completed the easiest part of the project. I expect the chess piece recognition algorithm to be quite complex.&lt;/div&gt;&lt;div style="text-align: justify;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div style="text-align: justify;"&gt;If you have a suggestion to help me finish this app, please leave a comment.&lt;/div&gt;&lt;div style="text-align: justify;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div style="text-align: justify;"&gt;I am working on this project just for fun. If you are interested to see what are the real world applications of computer vision in the game industry, check out this web site: &lt;a href="http://www.sportvision.com/"&gt;http://www.sportvision.com/&lt;/a&gt;.&lt;/div&gt;&lt;img src="http://feeds.feedburner.com/~r/CodeBazaar/~4/_zz6rcBzPuE" height="1" width="1"/&gt;</content><link rel="replies" type="application/atom+xml" href="http://codebazaar.blogspot.com/feeds/3694979386560666072/comments/default" title="Post Comments" /><link rel="replies" type="text/html" href="http://www.blogger.com/comment.g?blogID=8927794127513218467&amp;postID=3694979386560666072&amp;isPopup=true" title="21 Comments" /><link rel="edit" type="application/atom+xml" href="http://www.blogger.com/feeds/8927794127513218467/posts/default/3694979386560666072?v=2" /><link rel="self" type="application/atom+xml" href="http://www.blogger.com/feeds/8927794127513218467/posts/default/3694979386560666072?v=2" /><link rel="alternate" type="text/html" href="http://feedproxy.google.com/~r/CodeBazaar/~3/_zz6rcBzPuE/chess-board-recognition-project-part-1.html" title="Chessboard picture recognition project - part 1" /><author><name>Matthias Büchner</name><uri>http://www.blogger.com/profile/03993705703169676412</uri><email>noreply@blogger.com</email><gd:image rel="http://schemas.google.com/g/2005#thumbnail" width="32" height="32" src="http://3.bp.blogspot.com/_qMvPda4aNLU/S6vfmu4TcvI/AAAAAAAAAAM/tCt1QaYg0gM/S220/10000631_BUCHNER_Matthias.JPG" /></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://3.bp.blogspot.com/-16pKjAFZprk/TjjIvmEVtPI/AAAAAAAAAH0/5sr71k4v5sQ/s72-c/4.png" height="72" width="72" /><thr:total>21</thr:total><georss:featurename>Austin, TX, USA</georss:featurename><georss:point>30.267153 -97.74306079999997</georss:point><georss:box>30.058051 -97.92804229999997 30.476255000000002 -97.55807929999996</georss:box><feedburner:origLink>http://codebazaar.blogspot.com/2011/08/chess-board-recognition-project-part-1.html</feedburner:origLink></entry><entry gd:etag="W/&quot;AkQNRHkzeSp7ImA9WhdSEE8.&quot;"><id>tag:blogger.com,1999:blog-8927794127513218467.post-7313617545406155020</id><published>2011-06-17T17:49:00.000-07:00</published><updated>2011-07-18T15:33:15.781-07:00</updated><app:edited xmlns:app="http://www.w3.org/2007/app">2011-07-18T15:33:15.781-07:00</app:edited><title>Introduction to Metasploit and Armitage</title><content type="html">&lt;div id="fb-root"&gt;&lt;/div&gt;&lt;script src="http://connect.facebook.net/en_US/all.js#appId=134707656604826&amp;amp;xfbml=1"&gt;
&lt;/script&gt;&lt;fb:like font="" href="http://codebazaar.blogspot.com/2011/06/introduction-to-metasploit-and-armitage.html" send="true" show_faces="true" width="450"&gt;&lt;/fb:like&gt;&lt;br /&gt;
Today I had a great half-day training on &lt;a href="http://www.metasploit.com/"&gt;Metasploit&lt;/a&gt; and &lt;a href="http://www.fastandeasyhacking.com/"&gt;Armitage&lt;/a&gt; organized by our local OWASP Austin chapter and hosted by Microsoft. What I learned today was so interesting that I can't resist to share it here.&lt;br /&gt;
&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://4.bp.blogspot.com/-b5j-2oQ7oaw/Tfvbej1Mk4I/AAAAAAAAAF8/YmAsdoQSvnM/s1600/2011-06-17%2B16.54.39.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="300" src="http://4.bp.blogspot.com/-b5j-2oQ7oaw/Tfvbej1Mk4I/AAAAAAAAAF8/YmAsdoQSvnM/s400/2011-06-17%2B16.54.39.jpg" width="400" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div style="text-align: center;"&gt;Raphael Mudge - Designer of Armitage&lt;/div&gt;&lt;br /&gt;
Metasploit is an open source penetration testing framework. It contains a database of exploits, payloads and post modules. The goal of the training was to find an exploit on a remote machine, run a payload through this exploit and execute a post module (which is what you can do after taking control over the victim's machine). Of course, you can find more detail about it on &lt;a href="http://en.wikipedia.org/wiki/Metasploit_Project"&gt;wikipedia&lt;/a&gt;.&lt;br /&gt;
&lt;br /&gt;
Metasploit is a command line tool. To make it easier (and funnier), Raphael Mudge designed Armitage, which is a user interface for Metasploit. Here is how it looks like:&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://2.bp.blogspot.com/-UYC-MGMjNqA/TfvysrtWLBI/AAAAAAAAAGE/9L3soBcctek/s1600/armitage.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="202" src="http://2.bp.blogspot.com/-UYC-MGMjNqA/TfvysrtWLBI/AAAAAAAAAGE/9L3soBcctek/s400/armitage.png" width="400" /&gt;&lt;/a&gt;&lt;/div&gt;Armitage - GUI for Metasploit&lt;br /&gt;
&lt;br /&gt;
When a machine on the network is comprised, Armitage illustrates it as a monitor wrapped into thunder lights. Perfect for a hacker movie:D&lt;br /&gt;
&lt;br /&gt;
Here are the materials we had for this training:&lt;br /&gt;
&lt;ul&gt;&lt;li&gt;The training slides are available &lt;a href="http://www.hick.org/~raffi/austin_slides.pptx"&gt;here&lt;/a&gt;&amp;nbsp;&lt;/li&gt;
&lt;li&gt;The exercises sheet is available at &lt;a href="https://docs.google.com/viewer?a=v&amp;amp;pid=explorer&amp;amp;chrome=true&amp;amp;srcid=0B69eBFipm7NiMWYxNjA4NjEtMTQ5ZC00ZWY5LWJmYjgtOTA3ZTZjZWQ1YWQ3&amp;amp;hl=en_US"&gt;here&lt;/a&gt; &lt;/li&gt;
&lt;li&gt; Metasploit - &lt;a href="http://www.metasploit.com/download/"&gt;http://www.metasploit.com/download/&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;Metasploitable - &lt;a href="http://blog.metasploit.com/2010/05/introducing-metasploitable.html"&gt;http://blog.metasploit.com/2010/05/introducing-metasploitable.html&lt;/a&gt;&amp;nbsp; &lt;/li&gt;
&lt;li&gt;VM Ware player - &lt;a href="http://www.vmware.com/"&gt;http://www.vmware.com/&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;The youtube video below is the screen-cast of the exercises. I show how to setup the lab environment. Then I demonstrate how to use Armitage to find and use an exploit. The video ends with a demonstration of social engineering where the attacker takes full control over the victim's computer.&lt;br /&gt;
&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;iframe allowfullscreen="" frameborder="0" height="344" src="http://www.youtube.com/embed/EmDQnavYFgI?fs=1" width="425"&gt;&lt;/iframe&gt;&lt;/div&gt;&lt;br /&gt;
When I first started Armitage, it could not connect to the database. I had to kill all ruby processes and reconnect again.Once Armitage started, you may be asked to enter your IP address. If you dont you can always set it later by running the following command in the console; it will set a global variable. &lt;br /&gt;
&lt;br /&gt;
&lt;pre class="brush:plain"&gt;setg LHOST 10.10.10.10
&lt;/pre&gt;&lt;br /&gt;
Here are some interesting resources for further reading:&lt;br /&gt;
&lt;ul&gt;&lt;li&gt;&lt;a href="http://www.offensive-security.com/metasploit-unleashed/Metasploit_Unleashed_Information_Security_Training"&gt;offensive-security.com&lt;/a&gt; - online courses on Metasploit&lt;/li&gt;
&lt;li&gt;&lt;a href="http://pentest.cryptocity.net/"&gt;pentest.cryptocity.net&lt;/a&gt; - online courses for Penetration Testing and Vulnerability Analysis currently taught at the Polytechnic Institute of New York University&lt;/li&gt;
&lt;/ul&gt;&lt;img src="http://feeds.feedburner.com/~r/CodeBazaar/~4/B16V26JSJ58" height="1" width="1"/&gt;</content><link rel="replies" type="application/atom+xml" href="http://codebazaar.blogspot.com/feeds/7313617545406155020/comments/default" title="Post Comments" /><link rel="replies" type="text/html" href="http://www.blogger.com/comment.g?blogID=8927794127513218467&amp;postID=7313617545406155020&amp;isPopup=true" title="9 Comments" /><link rel="edit" type="application/atom+xml" href="http://www.blogger.com/feeds/8927794127513218467/posts/default/7313617545406155020?v=2" /><link rel="self" type="application/atom+xml" href="http://www.blogger.com/feeds/8927794127513218467/posts/default/7313617545406155020?v=2" /><link rel="alternate" type="text/html" href="http://feedproxy.google.com/~r/CodeBazaar/~3/B16V26JSJ58/introduction-to-metasploit-and-armitage.html" title="Introduction to Metasploit and Armitage" /><author><name>Matthias Büchner</name><uri>http://www.blogger.com/profile/03993705703169676412</uri><email>noreply@blogger.com</email><gd:image rel="http://schemas.google.com/g/2005#thumbnail" width="32" height="32" src="http://3.bp.blogspot.com/_qMvPda4aNLU/S6vfmu4TcvI/AAAAAAAAAAM/tCt1QaYg0gM/S220/10000631_BUCHNER_Matthias.JPG" /></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://4.bp.blogspot.com/-b5j-2oQ7oaw/Tfvbej1Mk4I/AAAAAAAAAF8/YmAsdoQSvnM/s72-c/2011-06-17%2B16.54.39.jpg" height="72" width="72" /><thr:total>9</thr:total><feedburner:origLink>http://codebazaar.blogspot.com/2011/06/introduction-to-metasploit-and-armitage.html</feedburner:origLink></entry><entry gd:etag="W/&quot;CkAHQXszfyp7ImA9WhZVGEQ.&quot;"><id>tag:blogger.com,1999:blog-8927794127513218467.post-2969295052868542228</id><published>2011-05-31T17:58:00.000-07:00</published><updated>2011-05-31T18:12:10.587-07:00</updated><app:edited xmlns:app="http://www.w3.org/2007/app">2011-05-31T18:12:10.587-07:00</app:edited><title>Visualization of randomness</title><content type="html">&lt;div id="fb-root"&gt;&lt;/div&gt;&lt;script src="http://connect.facebook.net/en_US/all.js#appId=134707656604826&amp;amp;xfbml=1"&gt;&lt;/script&gt;&lt;fb:like href="http://codebazaar.blogspot.com/2011/05/visualization-of-randomness.html" send="true" width="450" show_faces="true" font=""&gt;&lt;/fb:like&gt;&lt;br /&gt;
As I was writing a function to generate random values, I realized it is hard to tell if the implemented function truly generates random values. A unit test can validate the length and the format of the generated values, but not its randomness.&lt;br /&gt;
&lt;br /&gt;
To identify potential implementation flaws in my random generator, I developed the following tool.&lt;br /&gt;
&lt;br /&gt;
&lt;script type="text/javascript" src="https://www.google.com/jsapi"&gt;&lt;/script&gt;&lt;br /&gt;
&lt;script type="text/javascript"&gt;
//Matthias Buchner 2011
//codebazaar.blogspot.com
var RV_RANGE_MIN = 0;
var RV_RANGE_MAX = 10;
var RV_DEFAULT_VALUES_TO_KEEP = 100;

var rvValuesToKeep = RV_DEFAULT_VALUES_TO_KEEP; //null: keep all values, 100: keep the latest 100 values

var rvLineChart = null;

var rvGoogleDataTable = null;

var RandomData = function() {
 this.randomValues = new Array();
 this.allRandomValues = new Array();
 this.currentValueIndex = 0;
 this.randomGeneratorFunction = null;
 
 this.init = function(rgFunc) {
  this.randomGeneratorFunction = rgFunc;
 
  for (var cnt = RV_RANGE_MIN; cnt &lt; RV_RANGE_MAX; cnt ++) {
   this.randomValues[cnt] = 0;
  }

  for (var cnt = RV_RANGE_MIN; cnt &lt; rvValuesToKeep; cnt ++) {
   var rnd = this.randomGeneratorFunction();
   this.allRandomValues[cnt] = rnd;
   this.randomValues[rnd] ++;
  }
 }
 
 this.storeNextValue = function (value) {
  if (rvValuesToKeep == null) {
   this.randomValues[value] += 1;
  } else {
   if (this.currentValueIndex == rvValuesToKeep) {
    this.currentValueIndex = 0;
   }

   this.allRandomValues[this.currentValueIndex] = value;
   this.currentValueIndex++;

   for (var cnt = RV_RANGE_MIN; cnt &lt; RV_RANGE_MAX; cnt ++) {
    this.randomValues[cnt] = 0;
   }

   for (var cnt = RV_RANGE_MIN; cnt &lt; rvValuesToKeep; cnt ++) {
    this.randomValues[ this.allRandomValues[cnt] ] = this.randomValues[ this.allRandomValues[cnt] ] + 1;
   }
  }
 }

 this.generateNewData = function () {
  this.storeNextValue( this.randomGeneratorFunction() );
 }
}

function randomGeneratorUsingFloor() { 
 return Math.floor( Math.random() * RV_RANGE_MAX ); 
}

function randomGeneratorUsingRound() { 
 return Math.round( Math.random() * (RV_RANGE_MAX - 1) ); 
}

var randomDataImpl1 = new RandomData();
randomDataImpl1.init( randomGeneratorUsingFloor );

var randomDataImpl2 = new RandomData();
randomDataImpl2.init( randomGeneratorUsingRound );

// Load the Visualization API and the piechart package.
google.load('visualization', '1', {'packages':['corechart']});

// Set a callback to run when the Google Visualization API is loaded.
google.setOnLoadCallback(drawVisualization);

function update() {  
   randomDataImpl1.generateNewData();
   randomDataImpl2.generateNewData();
    
   for (var cnt = RV_RANGE_MIN; cnt &lt; RV_RANGE_MAX; cnt ++) {
       rvGoogleDataTable.setValue(cnt , 1, this.randomDataImpl1.randomValues[cnt]);
    rvGoogleDataTable.setValue(cnt , 2, this.randomDataImpl2.randomValues[cnt]);
   }

   draw();
 
   setTimeout( "update()", 1 ); 
}

function draw() {
    if (rvLineChart == null) {
       var visualizationElement = document.getElementById('visualization');
       rvLineChart = new google.visualization.LineChart( visualizationElement );
    }
  
    rvLineChart.draw( rvGoogleDataTable, 
                    { curveType: "function", 
                      width: 600, 
                      height: 400,
       title: 'Visualization Of Randomness',
       hAxis: { title: 'Range Of The Random Values Generated' },
       vAxis: { title: 'Number Of Generation' }
                    }
          );
}

function drawVisualization() {
  rvGoogleDataTable = new google.visualization.DataTable();
  
  // Create and populate the rvGoogleDataTable table.
  rvGoogleDataTable.addColumn('string', 'x');
  rvGoogleDataTable.addColumn('number', 'Math.floor');
  rvGoogleDataTable.addColumn('number', 'Math.round');

  for (var cnt = RV_RANGE_MIN; cnt &lt; RV_RANGE_MAX; cnt ++) {
      rvGoogleDataTable.addRow(["" + cnt,  0, 0]);
  }

  // Create and draw the visualization.
  draw();
  update();
}

function startRandomVisualization(keepAllData) {
 if (keepAllData) {
  rvValuesToKeep = null;
 } else {
  rvValuesToKeep = RV_DEFAULT_VALUES_TO_KEEP;
 }
}
&lt;/script&gt;
&lt;div align="center"&gt;
&lt;input type=radio name="keepAllData" value="false" checked=true onClick="startRandomVisualization(false)"/&gt;Keep Last 100 Random Values
&lt;input type=radio name="keepAllData" value="true" onClick="startRandomVisualization(true)"/&gt;Keep All Random Values 
&lt;div id="visualization"&gt;
&lt;/div&gt;&lt;/div&gt;The chart above compares 2 random generators. It shows the frequency for each value generated. By default, the chart keeps the last 100 generated values. You can click on the radio button above the chart to keep track of all generated values.
&lt;br&gt;&lt;br&gt;
What I expect to see from a bad random generator is an uneven distribution of the random values.
&lt;br&gt;&lt;br&gt;
In the example above, I am comparing the 2 following JavaScript random generators. They both generate a random value from 0 to 9.
&lt;pre class="brush:js"&gt;
function randomGeneratorUsingFloor() { 
 return Math.floor( Math.random() * 10 ); 
}

function randomGeneratorUsingRound() { 
 return Math.round( Math.random() * 9 ); 
}
&lt;/pre&gt;Can you spot what is wrong with the second implementation? The numbers 0 and 9 have a smaller chance to be generated compared to the other numbers. If this is not obvious on the chart above, select "Keep All Random Values", it should reveal the issue as shown in the picture below.
&lt;br&gt;&lt;br&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;
&lt;a href="http://3.bp.blogspot.com/-YSRFjR8B3LI/TeGEgAoHBfI/AAAAAAAAAFY/sVYpZ2RVuC8/s1600/random%2Bgenerator%2Bcomparison.png" imageanchor="1" style="margin-left:1em; margin-right:1em"&gt;&lt;img border="0" height="170" width="400" src="http://3.bp.blogspot.com/-YSRFjR8B3LI/TeGEgAoHBfI/AAAAAAAAAFY/sVYpZ2RVuC8/s400/random%2Bgenerator%2Bcomparison.png" /&gt;&lt;/a&gt;&lt;/div&gt;Math.random() generates a number between 0 and 1. The value generated is then multiplied. In the implementation using Math.floor(), all the values between 0 and 0.99.. will result as a 0. In the implementation using Math.round(), only the values between 0 and 0.49.. will result as a 0.
&lt;br&gt;&lt;br&gt;
It appears that this is a common mistake as you can see it on &lt;a href="http://www.google.com/codesearch?hl=en&amp;lr=&amp;q=Math\.round\%28\%29+Math\.random\%28\%29&amp;sbtn=Search"&gt;Google Code Hosting&lt;/a&gt; and &lt;a href="https://github.com/search?type=Code&amp;language=javascript&amp;q=Math.round+Math.random"&gt;GitHub&lt;/a&gt;.
&lt;br&gt;&lt;br&gt;
The test I put in place here is very basic. It exists some advanced work such as the &lt;a href="http://en.wikipedia.org/wiki/Diehard_tests"&gt;Diehard tests&lt;/a&gt;. I also found a very creative randomness visualization on &lt;a href="http://www.random-walk.com/index_en.htm"&gt;random-walk.com&lt;/a&gt;.&lt;img src="http://feeds.feedburner.com/~r/CodeBazaar/~4/-ttcXCKYrJc" height="1" width="1"/&gt;</content><link rel="replies" type="application/atom+xml" href="http://codebazaar.blogspot.com/feeds/2969295052868542228/comments/default" title="Post Comments" /><link rel="replies" type="text/html" href="http://www.blogger.com/comment.g?blogID=8927794127513218467&amp;postID=2969295052868542228&amp;isPopup=true" title="3 Comments" /><link rel="edit" type="application/atom+xml" href="http://www.blogger.com/feeds/8927794127513218467/posts/default/2969295052868542228?v=2" /><link rel="self" type="application/atom+xml" href="http://www.blogger.com/feeds/8927794127513218467/posts/default/2969295052868542228?v=2" /><link rel="alternate" type="text/html" href="http://feedproxy.google.com/~r/CodeBazaar/~3/-ttcXCKYrJc/visualization-of-randomness.html" title="Visualization of randomness" /><author><name>Matthias Büchner</name><uri>http://www.blogger.com/profile/03993705703169676412</uri><email>noreply@blogger.com</email><gd:image rel="http://schemas.google.com/g/2005#thumbnail" width="32" height="32" src="http://3.bp.blogspot.com/_qMvPda4aNLU/S6vfmu4TcvI/AAAAAAAAAAM/tCt1QaYg0gM/S220/10000631_BUCHNER_Matthias.JPG" /></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://3.bp.blogspot.com/-YSRFjR8B3LI/TeGEgAoHBfI/AAAAAAAAAFY/sVYpZ2RVuC8/s72-c/random%2Bgenerator%2Bcomparison.png" height="72" width="72" /><thr:total>3</thr:total><feedburner:origLink>http://codebazaar.blogspot.com/2011/05/visualization-of-randomness.html</feedburner:origLink></entry><entry gd:etag="W/&quot;DUcDRHwyeCp7ImA9WhZXFUg.&quot;"><id>tag:blogger.com,1999:blog-8927794127513218467.post-1115448689832365227</id><published>2011-05-02T21:46:00.000-07:00</published><updated>2011-05-04T17:57:55.290-07:00</updated><app:edited xmlns:app="http://www.w3.org/2007/app">2011-05-04T17:57:55.290-07:00</app:edited><title>Why we need strong p4ssw0rds</title><content type="html">&lt;div id="fb-root"&gt;&lt;/div&gt;&lt;script src="http://connect.facebook.net/en_US/all.js#xfbml=1"&gt;&lt;/script&gt;&lt;fb:like href="http://codebazaar.blogspot.com/2011/05/why-we-need-strong-p4ssw0rds.html" send="true" width="450" show_faces="true" font=""&gt;&lt;/fb:like&gt;&lt;br /&gt;
Back in February 2011, Rick Redman from Korelogic came to present his &lt;a href="https://www.owasp.org/images/a/af/2011-Supercharged-Slides-Redman-OWASP-Feb.pdf"&gt;Supercharged Password Cracking Techniques&lt;/a&gt; at the &lt;a href="http://www.owasp.org/index.php/Austin"&gt;Austin OWASP chapter&lt;/a&gt; monthly meeting.&lt;br /&gt;
&lt;br /&gt;
With these techniques, he was able to crack large password database in a very short time using a tool called &lt;a href="http://www.openwall.com/john/"&gt;John The Ripper&lt;/a&gt;. In this article, I want to present what are these techniques and what we can do to secure our identities online.&lt;br /&gt;
&lt;br /&gt;
In December 2010, the media group Gawker (Gizmodo.com, Lifehacker.com) &lt;a href="http://www.google.com/search?q=gawker+site%3Ainfosecnews.org"&gt;was attacked&lt;/a&gt; and their 750,000-password database was stolen. The passwords were encrypted with the algorithm DES, but it did not prevent them from being cracked. More recently, the &lt;a href="http://www.wired.com/threatlevel/2011/04/sony-says-playstation-credit-cards-were-encrypted/"&gt;Sony's Playstation Network was also being attacked&lt;/a&gt;. More than 75 million passwords, emails, credit card numbers and other personal data have been compromised.&lt;br /&gt;
&lt;br /&gt;
&lt;table&gt;&lt;tr&gt; &lt;td&gt; &lt;a href="http://1.bp.blogspot.com/-jmW4OW9kIHw/TZ0GCZIUl_I/AAAAAAAAAD4/YleAKw-8pPg/s1600/gawker-top-250.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="231" src="http://1.bp.blogspot.com/-jmW4OW9kIHw/TZ0GCZIUl_I/AAAAAAAAAD4/YleAKw-8pPg/s320/gawker-top-250.png" width="320" /&gt;&lt;/a&gt;&lt;/td&gt;  &lt;script type="text/javascript" &gt;
//mootools
var MooTools={version:"1.2.1",build:"0d4845aab3d9a4fdee2f0d4a6dd59210e4b697cf"};var Native=function(k){k=k||{};var a=k.name;var i=k.legacy;var b=k.protect;var c=k.implement;var h=k.generics;var f=k.initialize;var g=k.afterImplement||function(){};var d=f||i;h=h!==false;d.constructor=Native;d.$family={name:"native"};if(i&amp;&amp;f){d.prototype=i.prototype}d.prototype.constructor=d;if(a){var e=a.toLowerCase();d.prototype.$family={name:e};Native.typize(d,e)}var j=function(n,l,o,m){if(!b||m||!n.prototype[l]){n.prototype[l]=o}if(h){Native.genericize(n,l,b)}g.call(n,l,o);return n};d.alias=function(n,l,o){if(typeof n=="string"){if((n=this.prototype[n])){return j(this,l,n,o)}}for(var m in n){this.alias(m,n[m],l)}return this};d.implement=function(m,l,o){if(typeof m=="string"){return j(this,m,l,o)}for(var n in m){j(this,n,m[n],l)}return this};if(c){d.implement(c)}return d};Native.genericize=function(b,c,a){if((!a||!b[c])&amp;&amp;typeof b.prototype[c]=="function"){b[c]=function(){var d=Array.prototype.slice.call(arguments);return b.prototype[c].apply(d.shift(),d)}}};Native.implement=function(d,c){for(var b=0,a=d.length;b&lt;a;b++){d[b].implement(c)}};Native.typize=function(a,b){if(!a.type){a.type=function(c){return($type(c)===b)}}};(function(){var a={Array:Array,Date:Date,Function:Function,Number:Number,RegExp:RegExp,String:String};for(var h in a){new Native({name:h,initialize:a[h],protect:true})}var d={"boolean":Boolean,"native":Native,object:Object};for(var c in d){Native.typize(d[c],c)}var f={Array:["concat","indexOf","join","lastIndexOf","pop","push","reverse","shift","slice","sort","splice","toString","unshift","valueOf"],String:["charAt","charCodeAt","concat","indexOf","lastIndexOf","match","replace","search","slice","split","substr","substring","toLowerCase","toUpperCase","valueOf"]};for(var e in f){for(var b=f[e].length;b--;){Native.genericize(window[e],f[e][b],true)}}})();var Hash=new Native({name:"Hash",initialize:function(a){if($type(a)=="hash"){a=$unlink(a.getClean())}for(var b in a){this[b]=a[b]}return this}});Hash.implement({forEach:function(b,c){for(var a in this){if(this.hasOwnProperty(a)){b.call(c,this[a],a,this)}}},getClean:function(){var b={};for(var a in this){if(this.hasOwnProperty(a)){b[a]=this[a]}}return b},getLength:function(){var b=0;for(var a in this){if(this.hasOwnProperty(a)){b++}}return b}});Hash.alias("forEach","each");Array.implement({forEach:function(c,d){for(var b=0,a=this.length;b&lt;a;b++){c.call(d,this[b],b,this)}}});Array.alias("forEach","each");function $A(c){if(c.item){var d=[];for(var b=0,a=c.length;b&lt;a;b++){d[b]=c[b]}return d}return Array.prototype.slice.call(c)}function $arguments(a){return function(){return arguments[a]}}function $chk(a){return !!(a||a===0)}function $clear(a){clearTimeout(a);clearInterval(a);return null}function $defined(a){return(a!=undefined)}function $each(c,b,d){var a=$type(c);((a=="arguments"||a=="collection"||a=="array")?Array:Hash).each(c,b,d)}function $empty(){}function $extend(c,a){for(var b in (a||{})){c[b]=a[b]}return c}function $H(a){return new Hash(a)}function $lambda(a){return(typeof a=="function")?a:function(){return a}}function $merge(){var e={};for(var d=0,a=arguments.length;d&lt;a;d++){var b=arguments[d];if($type(b)!="object"){continue}for(var c in b){var g=b[c],f=e[c];e[c]=(f&amp;&amp;$type(g)=="object"&amp;&amp;$type(f)=="object")?$merge(f,g):$unlink(g)}}return e}function $pick(){for(var b=0,a=arguments.length;b&lt;a;b++){if(arguments[b]!=undefined){return arguments[b]}}return null}function $random(b,a){return Math.floor(Math.random()*(a-b+1)+b)}function $splat(b){var a=$type(b);return(a)?((a!="array"&amp;&amp;a!="arguments")?[b]:b):[]}var $time=Date.now||function(){return +new Date};function $try(){for(var b=0,a=arguments.length;b&lt;a;b++){try{return arguments[b]()}catch(c){}}return null}function $type(a){if(a==undefined){return false}if(a.$family){return(a.$family.name=="number"&amp;&amp;!isFinite(a))?false:a.$family.name}if(a.nodeName){switch(a.nodeType){case 1:return"element";case 3:return(/\S/).test(a.nodeValue)?"textnode":"whitespace"}}else{if(typeof a.length=="number"){if(a.callee){return"arguments"}else{if(a.item){return"collection"}}}}return typeof a}function $unlink(c){var b;switch($type(c)){case"object":b={};for(var e in c){b[e]=$unlink(c[e])}break;case"hash":b=new Hash(c);break;case"array":b=[];for(var d=0,a=c.length;d&lt;a;d++){b[d]=$unlink(c[d])}break;default:return c}return b}var Browser=$merge({Engine:{name:"unknown",version:0},Platform:{name:(window.orientation!=undefined)?"ipod":(navigator.platform.match(/mac|win|linux/i)||["other"])[0].toLowerCase()},Features:{xpath:!!(document.evaluate),air:!!(window.runtime),query:!!(document.querySelector)},Plugins:{},Engines:{presto:function(){return(!window.opera)?false:((arguments.callee.caller)?960:((document.getElementsByClassName)?950:925))},trident:function(){return(!window.ActiveXObject)?false:((window.XMLHttpRequest)?5:4)},webkit:function(){return(navigator.taintEnabled)?false:((Browser.Features.xpath)?((Browser.Features.query)?525:420):419)},gecko:function(){return(document.getBoxObjectFor==undefined)?false:((document.getElementsByClassName)?19:18)}}},Browser||{});Browser.Platform[Browser.Platform.name]=true;Browser.detect=function(){for(var b in this.Engines){var a=this.Engines[b]();if(a){this.Engine={name:b,version:a};this.Engine[b]=this.Engine[b+a]=true;break}}return{name:b,version:a}};Browser.detect();Browser.Request=function(){return $try(function(){return new XMLHttpRequest()},function(){return new ActiveXObject("MSXML2.XMLHTTP")})};Browser.Features.xhr=!!(Browser.Request());Browser.Plugins.Flash=(function(){var a=($try(function(){return navigator.plugins["Shockwave Flash"].description},function(){return new ActiveXObject("ShockwaveFlash.ShockwaveFlash").GetVariable("$version")})||"0 r0").match(/\d+/g);return{version:parseInt(a[0]||0+"."+a[1]||0),build:parseInt(a[2]||0)}})();function $exec(b){if(!b){return b}if(window.execScript){window.execScript(b)}else{var a=document.createElement("script");a.setAttribute("type","text/javascript");a[(Browser.Engine.webkit&amp;&amp;Browser.Engine.version&lt;420)?"innerText":"text"]=b;document.head.appendChild(a);document.head.removeChild(a)}return b}Native.UID=1;var $uid=(Browser.Engine.trident)?function(a){return(a.uid||(a.uid=[Native.UID++]))[0]}:function(a){return a.uid||(a.uid=Native.UID++)};var Window=new Native({name:"Window",legacy:(Browser.Engine.trident)?null:window.Window,initialize:function(a){$uid(a);if(!a.Element){a.Element=$empty;if(Browser.Engine.webkit){a.document.createElement("iframe")}a.Element.prototype=(Browser.Engine.webkit)?window["[[DOMElement.prototype]]"]:{}}a.document.window=a;return $extend(a,Window.Prototype)},afterImplement:function(b,a){window[b]=Window.Prototype[b]=a}});Window.Prototype={$family:{name:"window"}};new Window(window);var Document=new Native({name:"Document",legacy:(Browser.Engine.trident)?null:window.Document,initialize:function(a){$uid(a);a.head=a.getElementsByTagName("head")[0];a.html=a.getElementsByTagName("html")[0];if(Browser.Engine.trident&amp;&amp;Browser.Engine.version&lt;=4){$try(function(){a.execCommand("BackgroundImageCache",false,true)})}if(Browser.Engine.trident){a.window.attachEvent("onunload",function(){a.window.detachEvent("onunload",arguments.callee);a.head=a.html=a.window=null})}return $extend(a,Document.Prototype)},afterImplement:function(b,a){document[b]=Document.Prototype[b]=a}});Document.Prototype={$family:{name:"document"}};new Document(document);Array.implement({every:function(c,d){for(var b=0,a=this.length;b&lt;a;b++){if(!c.call(d,this[b],b,this)){return false}}return true},filter:function(d,e){var c=[];for(var b=0,a=this.length;b&lt;a;b++){if(d.call(e,this[b],b,this)){c.push(this[b])}}return c},clean:function(){return this.filter($defined)},indexOf:function(c,d){var a=this.length;for(var b=(d&lt;0)?Math.max(0,a+d):d||0;b&lt;a;b++){if(this[b]===c){return b}}return -1},map:function(d,e){var c=[];for(var b=0,a=this.length;b&lt;a;b++){c[b]=d.call(e,this[b],b,this)}return c},some:function(c,d){for(var b=0,a=this.length;b&lt;a;b++){if(c.call(d,this[b],b,this)){return true}}return false},associate:function(c){var d={},b=Math.min(this.length,c.length);for(var a=0;a&lt;b;a++){d[c[a]]=this[a]}return d},link:function(c){var a={};for(var e=0,b=this.length;e&lt;b;e++){for(var d in c){if(c[d](this[e])){a[d]=this[e];delete c[d];break}}}return a},contains:function(a,b){return this.indexOf(a,b)!=-1},extend:function(c){for(var b=0,a=c.length;b&lt;a;b++){this.push(c[b])}return this},getLast:function(){return(this.length)?this[this.length-1]:null},getRandom:function(){return(this.length)?this[$random(0,this.length-1)]:null},include:function(a){if(!this.contains(a)){this.push(a)}return this},combine:function(c){for(var b=0,a=c.length;b&lt;a;b++){this.include(c[b])}return this},erase:function(b){for(var a=this.length;a--;a){if(this[a]===b){this.splice(a,1)}}return this},empty:function(){this.length=0;return this},flatten:function(){var d=[];for(var b=0,a=this.length;b&lt;a;b++){var c=$type(this[b]);if(!c){continue}d=d.concat((c=="array"||c=="collection"||c=="arguments")?Array.flatten(this[b]):this[b])}return d},hexToRgb:function(b){if(this.length!=3){return null}var a=this.map(function(c){if(c.length==1){c+=c}return c.toInt(16)});return(b)?a:"rgb("+a+")"},rgbToHex:function(d){if(this.length&lt;3){return null}if(this.length==4&amp;&amp;this[3]==0&amp;&amp;!d){return"transparent"}var b=[];for(var a=0;a&lt;3;a++){var c=(this[a]-0).toString(16);b.push((c.length==1)?"0"+c:c)}return(d)?b:"#"+b.join("")}});Function.implement({extend:function(a){for(var b in a){this[b]=a[b]}return this},create:function(b){var a=this;b=b||{};return function(d){var c=b.arguments;c=(c!=undefined)?$splat(c):Array.slice(arguments,(b.event)?1:0);if(b.event){c=[d||window.event].extend(c)}var e=function(){return a.apply(b.bind||null,c)};if(b.delay){return setTimeout(e,b.delay)}if(b.periodical){return setInterval(e,b.periodical)}if(b.attempt){return $try(e)}return e()}},run:function(a,b){return this.apply(b,$splat(a))},pass:function(a,b){return this.create({bind:b,arguments:a})},bind:function(b,a){return this.create({bind:b,arguments:a})},bindWithEvent:function(b,a){return this.create({bind:b,arguments:a,event:true})},attempt:function(a,b){return this.create({bind:b,arguments:a,attempt:true})()},delay:function(b,c,a){return this.create({bind:c,arguments:a,delay:b})()},periodical:function(c,b,a){return this.create({bind:b,arguments:a,periodical:c})()}});Number.implement({limit:function(b,a){return Math.min(a,Math.max(b,this))},round:function(a){a=Math.pow(10,a||0);return Math.round(this*a)/a},times:function(b,c){for(var a=0;a&lt;this;a++){b.call(c,a,this)}},toFloat:function(){return parseFloat(this)},toInt:function(a){return parseInt(this,a||10)}});Number.alias("times","each");(function(b){var a={};b.each(function(c){if(!Number[c]){a[c]=function(){return Math[c].apply(null,[this].concat($A(arguments)))}}});Number.implement(a)})(["abs","acos","asin","atan","atan2","ceil","cos","exp","floor","log","max","min","pow","sin","sqrt","tan"]);String.implement({test:function(a,b){return((typeof a=="string")?new RegExp(a,b):a).test(this)},contains:function(a,b){return(b)?(b+this+b).indexOf(b+a+b)&gt;-1:this.indexOf(a)&gt;-1},trim:function(){return this.replace(/^\s+|\s+$/g,"")},clean:function(){return this.replace(/\s+/g," ").trim()},camelCase:function(){return this.replace(/-\D/g,function(a){return a.charAt(1).toUpperCase()})},hyphenate:function(){return this.replace(/[A-Z]/g,function(a){return("-"+a.charAt(0).toLowerCase())})},capitalize:function(){return this.replace(/\b[a-z]/g,function(a){return a.toUpperCase()})},escapeRegExp:function(){return this.replace(/([-.*+?^${}()|[\]\/\\])/g,"\\$1")},toInt:function(a){return parseInt(this,a||10)},toFloat:function(){return parseFloat(this)},hexToRgb:function(b){var a=this.match(/^#?(\w{1,2})(\w{1,2})(\w{1,2})$/);return(a)?a.slice(1).hexToRgb(b):null},rgbToHex:function(b){var a=this.match(/\d{1,3}/g);return(a)?a.rgbToHex(b):null},stripScripts:function(b){var a="";var c=this.replace(/&lt;script[^&gt;]*&gt;([\s\S]*?)&lt;\/script&gt;/gi,function(){a+=arguments[1]+"\n";return""});if(b===true){$exec(a)}else{if($type(b)=="function"){b(a,c)}}return c},substitute:function(a,b){return this.replace(b||(/\\?\{([^{}]+)\}/g),function(d,c){if(d.charAt(0)=="\\"){return d.slice(1)}return(a[c]!=undefined)?a[c]:""})}});Hash.implement({has:Object.prototype.hasOwnProperty,keyOf:function(b){for(var a in this){if(this.hasOwnProperty(a)&amp;&amp;this[a]===b){return a}}return null},hasValue:function(a){return(Hash.keyOf(this,a)!==null)},extend:function(a){Hash.each(a,function(c,b){Hash.set(this,b,c)},this);return this},combine:function(a){Hash.each(a,function(c,b){Hash.include(this,b,c)},this);return this},erase:function(a){if(this.hasOwnProperty(a)){delete this[a]}return this},get:function(a){return(this.hasOwnProperty(a))?this[a]:null},set:function(a,b){if(!this[a]||this.hasOwnProperty(a)){this[a]=b}return this},empty:function(){Hash.each(this,function(b,a){delete this[a]},this);return this},include:function(b,c){var a=this[b];if(a==undefined){this[b]=c}return this},map:function(b,c){var a=new Hash;Hash.each(this,function(e,d){a.set(d,b.call(c,e,d,this))},this);return a},filter:function(b,c){var a=new Hash;Hash.each(this,function(e,d){if(b.call(c,e,d,this)){a.set(d,e)}},this);return a},every:function(b,c){for(var a in this){if(this.hasOwnProperty(a)&amp;&amp;!b.call(c,this[a],a)){return false}}return true},some:function(b,c){for(var a in this){if(this.hasOwnProperty(a)&amp;&amp;b.call(c,this[a],a)){return true}}return false},getKeys:function(){var a=[];Hash.each(this,function(c,b){a.push(b)});return a},getValues:function(){var a=[];Hash.each(this,function(b){a.push(b)});return a},toQueryString:function(a){var b=[];Hash.each(this,function(f,e){if(a){e=a+"["+e+"]"}var d;switch($type(f)){case"object":d=Hash.toQueryString(f,e);break;case"array":var c={};f.each(function(h,g){c[g]=h});d=Hash.toQueryString(c,e);break;default:d=e+"="+encodeURIComponent(f)}if(f!=undefined){b.push(d)}});return b.join("&amp;")}});Hash.alias({keyOf:"indexOf",hasValue:"contains"});var Event=new Native({name:"Event",initialize:function(a,f){f=f||window;var k=f.document;a=a||f.event;if(a.$extended){return a}this.$extended=true;var j=a.type;var g=a.target||a.srcElement;while(g&amp;&amp;g.nodeType==3){g=g.parentNode}if(j.test(/key/)){var b=a.which||a.keyCode;var m=Event.Keys.keyOf(b);if(j=="keydown"){var d=b-111;if(d&gt;0&amp;&amp;d&lt;13){m="f"+d}}m=m||String.fromCharCode(b).toLowerCase()}else{if(j.match(/(click|mouse|menu)/i)){k=(!k.compatMode||k.compatMode=="CSS1Compat")?k.html:k.body;var i={x:a.pageX||a.clientX+k.scrollLeft,y:a.pageY||a.clientY+k.scrollTop};var c={x:(a.pageX)?a.pageX-f.pageXOffset:a.clientX,y:(a.pageY)?a.pageY-f.pageYOffset:a.clientY};if(j.match(/DOMMouseScroll|mousewheel/)){var h=(a.wheelDelta)?a.wheelDelta/120:-(a.detail||0)/3}var e=(a.which==3)||(a.button==2);var l=null;if(j.match(/over|out/)){switch(j){case"mouseover":l=a.relatedTarget||a.fromElement;break;case"mouseout":l=a.relatedTarget||a.toElement}if(!(function(){while(l&amp;&amp;l.nodeType==3){l=l.parentNode}return true}).create({attempt:Browser.Engine.gecko})()){l=false}}}}return $extend(this,{event:a,type:j,page:i,client:c,rightClick:e,wheel:h,relatedTarget:l,target:g,code:b,key:m,shift:a.shiftKey,control:a.ctrlKey,alt:a.altKey,meta:a.metaKey})}});Event.Keys=new Hash({enter:13,up:38,down:40,left:37,right:39,esc:27,space:32,backspace:8,tab:9,"delete":46});Event.implement({stop:function(){return this.stopPropagation().preventDefault()},stopPropagation:function(){if(this.event.stopPropagation){this.event.stopPropagation()}else{this.event.cancelBubble=true}return this},preventDefault:function(){if(this.event.preventDefault){this.event.preventDefault()}else{this.event.returnValue=false}return this}});var Class=new Native({name:"Class",initialize:function(b){b=b||{};var a=function(){for(var e in this){if($type(this[e])!="function"){this[e]=$unlink(this[e])}}this.constructor=a;if(Class.prototyping){return this}var d=(this.initialize)?this.initialize.apply(this,arguments):this;if(this.options&amp;&amp;this.options.initialize){this.options.initialize.call(this)}return d};for(var c in Class.Mutators){if(!b[c]){continue}b=Class.Mutators[c](b,b[c]);delete b[c]}$extend(a,this);a.constructor=Class;a.prototype=b;return a}});Class.Mutators={Extends:function(c,a){Class.prototyping=a.prototype;var b=new a;delete b.parent;b=Class.inherit(b,c);delete Class.prototyping;return b},Implements:function(a,b){$splat(b).each(function(c){Class.prototying=c;$extend(a,($type(c)=="class")?new c:c);delete Class.prototyping});return a}};Class.extend({inherit:function(b,e){var a=arguments.callee.caller;for(var d in e){var c=e[d];var g=b[d];var f=$type(c);if(g&amp;&amp;f=="function"){if(c!=g){if(a){c.__parent=g;b[d]=c}else{Class.override(b,d,c)}}}else{if(f=="object"){b[d]=$merge(g,c)}else{b[d]=c}}}if(a){b.parent=function(){return arguments.callee.caller.__parent.apply(this,arguments)}}return b},override:function(b,a,e){var d=Class.prototyping;if(d&amp;&amp;b[a]!=d[a]){d=null}var c=function(){var f=this.parent;this.parent=d?d[a]:b[a];var g=e.apply(this,arguments);this.parent=f;return g};b[a]=c}});Class.implement({implement:function(){var a=this.prototype;$each(arguments,function(b){Class.inherit(a,b)});return this}});var Chain=new Class({$chain:[],chain:function(){this.$chain.extend(Array.flatten(arguments));return this},callChain:function(){return(this.$chain.length)?this.$chain.shift().apply(this,arguments):false},clearChain:function(){this.$chain.empty();return this}});var Events=new Class({$events:{},addEvent:function(c,b,a){c=Events.removeOn(c);if(b!=$empty){this.$events[c]=this.$events[c]||[];this.$events[c].include(b);if(a){b.internal=true}}return this},addEvents:function(a){for(var b in a){this.addEvent(b,a[b])}return this},fireEvent:function(c,b,a){c=Events.removeOn(c);if(!this.$events||!this.$events[c]){return this}this.$events[c].each(function(d){d.create({bind:this,delay:a,"arguments":b})()},this);return this},removeEvent:function(b,a){b=Events.removeOn(b);if(!this.$events[b]){return this}if(!a.internal){this.$events[b].erase(a)}return this},removeEvents:function(c){if($type(c)=="object"){for(var d in c){this.removeEvent(d,c[d])}return this}if(c){c=Events.removeOn(c)}for(var d in this.$events){if(c&amp;&amp;c!=d){continue}var b=this.$events[d];for(var a=b.length;a--;a){this.removeEvent(d,b[a])}}return this}});Events.removeOn=function(a){return a.replace(/^on([A-Z])/,function(b,c){return c.toLowerCase()})};var Options=new Class({setOptions:function(){this.options=$merge.run([this.options].extend(arguments));if(!this.addEvent){return this}for(var a in this.options){if($type(this.options[a])!="function"||!(/^on[A-Z]/).test(a)){continue}this.addEvent(a,this.options[a]);delete this.options[a]}return this}});var Element=new Native({name:"Element",legacy:window.Element,initialize:function(a,b){var c=Element.Constructors.get(a);if(c){return c(b)}if(typeof a=="string"){return document.newElement(a,b)}return $(a).set(b)},afterImplement:function(a,b){Element.Prototype[a]=b;if(Array[a]){return}Elements.implement(a,function(){var c=[],g=true;for(var e=0,d=this.length;e&lt;d;e++){var f=this[e][a].apply(this[e],arguments);c.push(f);if(g){g=($type(f)=="element")}}return(g)?new Elements(c):c})}});Element.Prototype={$family:{name:"element"}};Element.Constructors=new Hash;var IFrame=new Native({name:"IFrame",generics:false,initialize:function(){var e=Array.link(arguments,{properties:Object.type,iframe:$defined});var c=e.properties||{};var b=$(e.iframe)||false;var d=c.onload||$empty;delete c.onload;c.id=c.name=$pick(c.id,c.name,b.id,b.name,"IFrame_"+$time());b=new Element(b||"iframe",c);var a=function(){var f=$try(function(){return b.contentWindow.location.host});if(f&amp;&amp;f==window.location.host){var g=new Window(b.contentWindow);new Document(b.contentWindow.document);$extend(g.Element.prototype,Element.Prototype)}d.call(b.contentWindow,b.contentWindow.document)};(window.frames[c.id])?a():b.addListener("load",a);return b}});var Elements=new Native({initialize:function(f,b){b=$extend({ddup:true,cash:true},b);f=f||[];if(b.ddup||b.cash){var g={},e=[];for(var c=0,a=f.length;c&lt;a;c++){var d=$.element(f[c],!b.cash);if(b.ddup){if(g[d.uid]){continue}g[d.uid]=true}e.push(d)}f=e}return(b.cash)?$extend(f,this):f}});Elements.implement({filter:function(a,b){if(!a){return this}return new Elements(Array.filter(this,(typeof a=="string")?function(c){return c.match(a)}:a,b))}});Document.implement({newElement:function(a,b){if(Browser.Engine.trident&amp;&amp;b){["name","type","checked"].each(function(c){if(!b[c]){return}a+=" "+c+'="'+b[c]+'"';if(c!="checked"){delete b[c]}});a="&lt;"+a+"&gt;"}return $.element(this.createElement(a)).set(b)},newTextNode:function(a){return this.createTextNode(a)},getDocument:function(){return this},getWindow:function(){return this.window}});Window.implement({$:function(b,c){if(b&amp;&amp;b.$family&amp;&amp;b.uid){return b}var a=$type(b);return($[a])?$[a](b,c,this.document):null},$$:function(a){if(arguments.length==1&amp;&amp;typeof a=="string"){return this.document.getElements(a)}var f=[];var c=Array.flatten(arguments);for(var d=0,b=c.length;d&lt;b;d++){var e=c[d];switch($type(e)){case"element":f.push(e);break;case"string":f.extend(this.document.getElements(e,true))}}return new Elements(f)},getDocument:function(){return this.document},getWindow:function(){return this}});$.string=function(c,b,a){c=a.getElementById(c);return(c)?$.element(c,b):null};$.element=function(a,d){$uid(a);if(!d&amp;&amp;!a.$family&amp;&amp;!(/^object|embed$/i).test(a.tagName)){var b=Element.Prototype;for(var c in b){a[c]=b[c]}}return a};$.object=function(b,c,a){if(b.toElement){return $.element(b.toElement(a),c)}return null};$.textnode=$.whitespace=$.window=$.document=$arguments(0);Native.implement([Element,Document],{getElement:function(a,b){return $(this.getElements(a,true)[0]||null,b)},getElements:function(a,d){a=a.split(",");var c=[];var b=(a.length&gt;1);a.each(function(e){var f=this.getElementsByTagName(e.trim());(b)?c.extend(f):c=f},this);return new Elements(c,{ddup:b,cash:!d})}});(function(){var h={},f={};var i={input:"checked",option:"selected",textarea:(Browser.Engine.webkit&amp;&amp;Browser.Engine.version&lt;420)?"innerHTML":"value"};var c=function(l){return(f[l]||(f[l]={}))};var g=function(n,l){if(!n){return}var m=n.uid;if(Browser.Engine.trident){if(n.clearAttributes){var q=l&amp;&amp;n.cloneNode(false);n.clearAttributes();if(q){n.mergeAttributes(q)}}else{if(n.removeEvents){n.removeEvents()}}if((/object/i).test(n.tagName)){for(var o in n){if(typeof n[o]=="function"){n[o]=$empty}}Element.dispose(n)}}if(!m){return}h[m]=f[m]=null};var d=function(){Hash.each(h,g);if(Browser.Engine.trident){$A(document.getElementsByTagName("object")).each(g)}if(window.CollectGarbage){CollectGarbage()}h=f=null};var j=function(n,l,s,m,p,r){var o=n[s||l];var q=[];while(o){if(o.nodeType==1&amp;&amp;(!m||Element.match(o,m))){if(!p){return $(o,r)}q.push(o)}o=o[l]}return(p)?new Elements(q,{ddup:false,cash:!r}):null};var e={html:"innerHTML","class":"className","for":"htmlFor",text:(Browser.Engine.trident||(Browser.Engine.webkit&amp;&amp;Browser.Engine.version&lt;420))?"innerText":"textContent"};var b=["compact","nowrap","ismap","declare","noshade","checked","disabled","readonly","multiple","selected","noresize","defer"];var k=["value","accessKey","cellPadding","cellSpacing","colSpan","frameBorder","maxLength","readOnly","rowSpan","tabIndex","useMap"];Hash.extend(e,b.associate(b));Hash.extend(e,k.associate(k.map(String.toLowerCase)));var a={before:function(m,l){if(l.parentNode){l.parentNode.insertBefore(m,l)}},after:function(m,l){if(!l.parentNode){return}var n=l.nextSibling;(n)?l.parentNode.insertBefore(m,n):l.parentNode.appendChild(m)},bottom:function(m,l){l.appendChild(m)},top:function(m,l){var n=l.firstChild;(n)?l.insertBefore(m,n):l.appendChild(m)}};a.inside=a.bottom;Hash.each(a,function(l,m){m=m.capitalize();Element.implement("inject"+m,function(n){l(this,$(n,true));return this});Element.implement("grab"+m,function(n){l($(n,true),this);return this})});Element.implement({set:function(o,m){switch($type(o)){case"object":for(var n in o){this.set(n,o[n])}break;case"string":var l=Element.Properties.get(o);(l&amp;&amp;l.set)?l.set.apply(this,Array.slice(arguments,1)):this.setProperty(o,m)}return this},get:function(m){var l=Element.Properties.get(m);return(l&amp;&amp;l.get)?l.get.apply(this,Array.slice(arguments,1)):this.getProperty(m)},erase:function(m){var l=Element.Properties.get(m);(l&amp;&amp;l.erase)?l.erase.apply(this):this.removeProperty(m);return this},setProperty:function(m,n){var l=e[m];if(n==undefined){return this.removeProperty(m)}if(l&amp;&amp;b[m]){n=!!n}(l)?this[l]=n:this.setAttribute(m,""+n);return this},setProperties:function(l){for(var m in l){this.setProperty(m,l[m])}return this},getProperty:function(m){var l=e[m];var n=(l)?this[l]:this.getAttribute(m,2);return(b[m])?!!n:(l)?n:n||null},getProperties:function(){var l=$A(arguments);return l.map(this.getProperty,this).associate(l)},removeProperty:function(m){var l=e[m];(l)?this[l]=(l&amp;&amp;b[m])?false:"":this.removeAttribute(m);return this},removeProperties:function(){Array.each(arguments,this.removeProperty,this);return this},hasClass:function(l){return this.className.contains(l," ")},addClass:function(l){if(!this.hasClass(l)){this.className=(this.className+" "+l).clean()}return this},removeClass:function(l){this.className=this.className.replace(new RegExp("(^|\\s)"+l+"(?:\\s|$)"),"$1");return this},toggleClass:function(l){return this.hasClass(l)?this.removeClass(l):this.addClass(l)},adopt:function(){Array.flatten(arguments).each(function(l){l=$(l,true);if(l){this.appendChild(l)}},this);return this},appendText:function(m,l){return this.grab(this.getDocument().newTextNode(m),l)},grab:function(m,l){a[l||"bottom"]($(m,true),this);return this},inject:function(m,l){a[l||"bottom"](this,$(m,true));return this},replaces:function(l){l=$(l,true);l.parentNode.replaceChild(this,l);return this},wraps:function(m,l){m=$(m,true);return this.replaces(m).grab(m,l)},getPrevious:function(l,m){return j(this,"previousSibling",null,l,false,m)},getAllPrevious:function(l,m){return j(this,"previousSibling",null,l,true,m)},getNext:function(l,m){return j(this,"nextSibling",null,l,false,m)},getAllNext:function(l,m){return j(this,"nextSibling",null,l,true,m)},getFirst:function(l,m){return j(this,"nextSibling","firstChild",l,false,m)},getLast:function(l,m){return j(this,"previousSibling","lastChild",l,false,m)},getParent:function(l,m){return j(this,"parentNode",null,l,false,m)},getParents:function(l,m){return j(this,"parentNode",null,l,true,m)},getChildren:function(l,m){return j(this,"nextSibling","firstChild",l,true,m)},getWindow:function(){return this.ownerDocument.window},getDocument:function(){return this.ownerDocument},getElementById:function(o,n){var m=this.ownerDocument.getElementById(o);if(!m){return null}for(var l=m.parentNode;l!=this;l=l.parentNode){if(!l){return null}}return $.element(m,n)},getSelected:function(){return new Elements($A(this.options).filter(function(l){return l.selected}))},getComputedStyle:function(m){if(this.currentStyle){return this.currentStyle[m.camelCase()]}var l=this.getDocument().defaultView.getComputedStyle(this,null);return(l)?l.getPropertyValue([m.hyphenate()]):null},toQueryString:function(){var l=[];this.getElements("input, select, textarea",true).each(function(m){if(!m.name||m.disabled){return}var n=(m.tagName.toLowerCase()=="select")?Element.getSelected(m).map(function(o){return o.value}):((m.type=="radio"||m.type=="checkbox")&amp;&amp;!m.checked)?null:m.value;$splat(n).each(function(o){if(typeof o!="undefined"){l.push(m.name+"="+encodeURIComponent(o))}})});return l.join("&amp;")},clone:function(o,l){o=o!==false;var r=this.cloneNode(o);var n=function(v,u){if(!l){v.removeAttribute("id")}if(Browser.Engine.trident){v.clearAttributes();v.mergeAttributes(u);v.removeAttribute("uid");if(v.options){var w=v.options,s=u.options;for(var t=w.length;t--;){w[t].selected=s[t].selected}}}var x=i[u.tagName.toLowerCase()];if(x&amp;&amp;u[x]){v[x]=u[x]}};if(o){var p=r.getElementsByTagName("*"),q=this.getElementsByTagName("*");for(var m=p.length;m--;){n(p[m],q[m])}}n(r,this);return $(r)},destroy:function(){Element.empty(this);Element.dispose(this);g(this,true);return null},empty:function(){$A(this.childNodes).each(function(l){Element.destroy(l)});return this},dispose:function(){return(this.parentNode)?this.parentNode.removeChild(this):this},hasChild:function(l){l=$(l,true);if(!l){return false}if(Browser.Engine.webkit&amp;&amp;Browser.Engine.version&lt;420){return $A(this.getElementsByTagName(l.tagName)).contains(l)}return(this.contains)?(this!=l&amp;&amp;this.contains(l)):!!(this.compareDocumentPosition(l)&amp;16)},match:function(l){return(!l||(l==this)||(Element.get(this,"tag")==l))}});Native.implement([Element,Window,Document],{addListener:function(o,n){if(o=="unload"){var l=n,m=this;n=function(){m.removeListener("unload",n);l()}}else{h[this.uid]=this}if(this.addEventListener){this.addEventListener(o,n,false)}else{this.attachEvent("on"+o,n)}return this},removeListener:function(m,l){if(this.removeEventListener){this.removeEventListener(m,l,false)}else{this.detachEvent("on"+m,l)}return this},retrieve:function(m,l){var o=c(this.uid),n=o[m];if(l!=undefined&amp;&amp;n==undefined){n=o[m]=l}return $pick(n)},store:function(m,l){var n=c(this.uid);n[m]=l;return this},eliminate:function(l){var m=c(this.uid);delete m[l];return this}});window.addListener("unload",d)})();Element.Properties=new Hash;Element.Properties.style={set:function(a){this.style.cssText=a},get:function(){return this.style.cssText},erase:function(){this.style.cssText=""}};Element.Properties.tag={get:function(){return this.tagName.toLowerCase()}};Element.Properties.html=(function(){var c=document.createElement("div");var a={table:[1,"&lt;table&gt;","&lt;/table&gt;"],select:[1,"&lt;select&gt;","&lt;/select&gt;"],tbody:[2,"&lt;table&gt;&lt;tbody&gt;","&lt;/tbody&gt;&lt;/table&gt;"],tr:[3,"&lt;table&gt;&lt;tbody&gt;&lt;tr&gt;","&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;"]};a.thead=a.tfoot=a.tbody;var b={set:function(){var e=Array.flatten(arguments).join("");var f=Browser.Engine.trident&amp;&amp;a[this.get("tag")];if(f){var g=c;g.innerHTML=f[1]+e+f[2];for(var d=f[0];d--;){g=g.firstChild}this.empty().adopt(g.childNodes)}else{this.innerHTML=e}}};b.erase=b.set;return b})();if(Browser.Engine.webkit&amp;&amp;Browser.Engine.version&lt;420){Element.Properties.text={get:function(){if(this.innerText){return this.innerText}var a=this.ownerDocument.newElement("div",{html:this.innerHTML}).inject(this.ownerDocument.body);var b=a.innerText;a.destroy();return b}}}Element.Properties.events={set:function(a){this.addEvents(a)}};Native.implement([Element,Window,Document],{addEvent:function(e,g){var h=this.retrieve("events",{});h[e]=h[e]||{keys:[],values:[]};if(h[e].keys.contains(g)){return this}h[e].keys.push(g);var f=e,a=Element.Events.get(e),c=g,i=this;if(a){if(a.onAdd){a.onAdd.call(this,g)}if(a.condition){c=function(j){if(a.condition.call(this,j)){return g.call(this,j)}return true}}f=a.base||f}var d=function(){return g.call(i)};var b=Element.NativeEvents[f];if(b){if(b==2){d=function(j){j=new Event(j,i.getWindow());if(c.call(i,j)===false){j.stop()}}}this.addListener(f,d)}h[e].values.push(d);return this},removeEvent:function(c,b){var a=this.retrieve("events");if(!a||!a[c]){return this}var f=a[c].keys.indexOf(b);if(f==-1){return this}a[c].keys.splice(f,1);var e=a[c].values.splice(f,1)[0];var d=Element.Events.get(c);if(d){if(d.onRemove){d.onRemove.call(this,b)}c=d.base||c}return(Element.NativeEvents[c])?this.removeListener(c,e):this},addEvents:function(a){for(var b in a){this.addEvent(b,a[b])}return this},removeEvents:function(a){if($type(a)=="object"){for(var c in a){this.removeEvent(c,a[c])}return this}var b=this.retrieve("events");if(!b){return this}if(!a){for(var c in b){this.removeEvents(c)}this.eliminate("events")}else{if(b[a]){while(b[a].keys[0]){this.removeEvent(a,b[a].keys[0])}b[a]=null}}return this},fireEvent:function(d,b,a){var c=this.retrieve("events");if(!c||!c[d]){return this}c[d].keys.each(function(e){e.create({bind:this,delay:a,"arguments":b})()},this);return this},cloneEvents:function(d,a){d=$(d);var c=d.retrieve("events");if(!c){return this}if(!a){for(var b in c){this.cloneEvents(d,b)}}else{if(c[a]){c[a].keys.each(function(e){this.addEvent(a,e)},this)}}return this}});Element.NativeEvents={click:2,dblclick:2,mouseup:2,mousedown:2,contextmenu:2,mousewheel:2,DOMMouseScroll:2,mouseover:2,mouseout:2,mousemove:2,selectstart:2,selectend:2,keydown:2,keypress:2,keyup:2,focus:2,blur:2,change:2,reset:2,select:2,submit:2,load:1,unload:1,beforeunload:2,resize:1,move:1,DOMContentLoaded:1,readystatechange:1,error:1,abort:1,scroll:1};(function(){var a=function(b){var c=b.relatedTarget;if(c==undefined){return true}if(c===false){return false}return($type(this)!="document"&amp;&amp;c!=this&amp;&amp;c.prefix!="xul"&amp;&amp;!this.hasChild(c))};Element.Events=new Hash({mouseenter:{base:"mouseover",condition:a},mouseleave:{base:"mouseout",condition:a},mousewheel:{base:(Browser.Engine.gecko)?"DOMMouseScroll":"mousewheel"}})})();Element.Properties.styles={set:function(a){this.setStyles(a)}};Element.Properties.opacity={set:function(a,b){if(!b){if(a==0){if(this.style.visibility!="hidden"){this.style.visibility="hidden"}}else{if(this.style.visibility!="visible"){this.style.visibility="visible"}}}if(!this.currentStyle||!this.currentStyle.hasLayout){this.style.zoom=1}if(Browser.Engine.trident){this.style.filter=(a==1)?"":"alpha(opacity="+a*100+")"}this.style.opacity=a;this.store("opacity",a)},get:function(){return this.retrieve("opacity",1)}};Element.implement({setOpacity:function(a){return this.set("opacity",a,true)},getOpacity:function(){return this.get("opacity")},setStyle:function(b,a){switch(b){case"opacity":return this.set("opacity",parseFloat(a));case"float":b=(Browser.Engine.trident)?"styleFloat":"cssFloat"}b=b.camelCase();if($type(a)!="string"){var c=(Element.Styles.get(b)||"@").split(" ");a=$splat(a).map(function(e,d){if(!c[d]){return""}return($type(e)=="number")?c[d].replace("@",Math.round(e)):e}).join(" ")}else{if(a==String(Number(a))){a=Math.round(a)}}this.style[b]=a;return this},getStyle:function(g){switch(g){case"opacity":return this.get("opacity");case"float":g=(Browser.Engine.trident)?"styleFloat":"cssFloat"}g=g.camelCase();var a=this.style[g];if(!$chk(a)){a=[];for(var f in Element.ShortStyles){if(g!=f){continue}for(var e in Element.ShortStyles[f]){a.push(this.getStyle(e))}return a.join(" ")}a=this.getComputedStyle(g)}if(a){a=String(a);var c=a.match(/rgba?\([\d\s,]+\)/);if(c){a=a.replace(c[0],c[0].rgbToHex())}}if(Browser.Engine.presto||(Browser.Engine.trident&amp;&amp;!$chk(parseInt(a)))){if(g.test(/^(height|width)$/)){var b=(g=="width")?["left","right"]:["top","bottom"],d=0;b.each(function(h){d+=this.getStyle("border-"+h+"-width").toInt()+this.getStyle("padding-"+h).toInt()},this);return this["offset"+g.capitalize()]-d+"px"}if((Browser.Engine.presto)&amp;&amp;String(a).test("px")){return a}if(g.test(/(border(.+)Width|margin|padding)/)){return"0px"}}return a},setStyles:function(b){for(var a in b){this.setStyle(a,b[a])}return this},getStyles:function(){var a={};Array.each(arguments,function(b){a[b]=this.getStyle(b)},this);return a}});Element.Styles=new Hash({left:"@px",top:"@px",bottom:"@px",right:"@px",width:"@px",height:"@px",maxWidth:"@px",maxHeight:"@px",minWidth:"@px",minHeight:"@px",backgroundColor:"rgb(@, @, @)",backgroundPosition:"@px @px",color:"rgb(@, @, @)",fontSize:"@px",letterSpacing:"@px",lineHeight:"@px",clip:"rect(@px @px @px @px)",margin:"@px @px @px @px",padding:"@px @px @px @px",border:"@px @ rgb(@, @, @) @px @ rgb(@, @, @) @px @ rgb(@, @, @)",borderWidth:"@px @px @px @px",borderStyle:"@ @ @ @",borderColor:"rgb(@, @, @) rgb(@, @, @) rgb(@, @, @) rgb(@, @, @)",zIndex:"@",zoom:"@",fontWeight:"@",textIndent:"@px",opacity:"@"});Element.ShortStyles={margin:{},padding:{},border:{},borderWidth:{},borderStyle:{},borderColor:{}};["Top","Right","Bottom","Left"].each(function(g){var f=Element.ShortStyles;var b=Element.Styles;["margin","padding"].each(function(h){var i=h+g;f[h][i]=b[i]="@px"});var e="border"+g;f.border[e]=b[e]="@px @ rgb(@, @, @)";var d=e+"Width",a=e+"Style",c=e+"Color";f[e]={};f.borderWidth[d]=f[e][d]=b[d]="@px";f.borderStyle[a]=f[e][a]=b[a]="@";f.borderColor[c]=f[e][c]=b[c]="rgb(@, @, @)"});(function(){Element.implement({scrollTo:function(h,i){if(b(this)){this.getWindow().scrollTo(h,i)}else{this.scrollLeft=h;this.scrollTop=i}return this},getSize:function(){if(b(this)){return this.getWindow().getSize()}return{x:this.offsetWidth,y:this.offsetHeight}},getScrollSize:function(){if(b(this)){return this.getWindow().getScrollSize()}return{x:this.scrollWidth,y:this.scrollHeight}},getScroll:function(){if(b(this)){return this.getWindow().getScroll()}return{x:this.scrollLeft,y:this.scrollTop}},getScrolls:function(){var i=this,h={x:0,y:0};while(i&amp;&amp;!b(i)){h.x+=i.scrollLeft;h.y+=i.scrollTop;i=i.parentNode}return h},getOffsetParent:function(){var h=this;if(b(h)){return null}if(!Browser.Engine.trident){return h.offsetParent}while((h=h.parentNode)&amp;&amp;!b(h)){if(d(h,"position")!="static"){return h}}return null},getOffsets:function(){if(Browser.Engine.trident){var l=this.getBoundingClientRect(),j=this.getDocument().documentElement;return{x:l.left+j.scrollLeft-j.clientLeft,y:l.top+j.scrollTop-j.clientTop}}var i=this,h={x:0,y:0};if(b(this)){return h}while(i&amp;&amp;!b(i)){h.x+=i.offsetLeft;h.y+=i.offsetTop;if(Browser.Engine.gecko){if(!f(i)){h.x+=c(i);h.y+=g(i)}var k=i.parentNode;if(k&amp;&amp;d(k,"overflow")!="visible"){h.x+=c(k);h.y+=g(k)}}else{if(i!=this&amp;&amp;Browser.Engine.webkit){h.x+=c(i);h.y+=g(i)}}i=i.offsetParent}if(Browser.Engine.gecko&amp;&amp;!f(this)){h.x-=c(this);h.y-=g(this)}return h},getPosition:function(k){if(b(this)){return{x:0,y:0}}var l=this.getOffsets(),i=this.getScrolls();var h={x:l.x-i.x,y:l.y-i.y};var j=(k&amp;&amp;(k=$(k)))?k.getPosition():{x:0,y:0};return{x:h.x-j.x,y:h.y-j.y}},getCoordinates:function(j){if(b(this)){return this.getWindow().getCoordinates()}var h=this.getPosition(j),i=this.getSize();var k={left:h.x,top:h.y,width:i.x,height:i.y};k.right=k.left+k.width;k.bottom=k.top+k.height;return k},computePosition:function(h){return{left:h.x-e(this,"margin-left"),top:h.y-e(this,"margin-top")}},position:function(h){return this.setStyles(this.computePosition(h))}});Native.implement([Document,Window],{getSize:function(){var i=this.getWindow();if(Browser.Engine.presto||Browser.Engine.webkit){return{x:i.innerWidth,y:i.innerHeight}}var h=a(this);return{x:h.clientWidth,y:h.clientHeight}},getScroll:function(){var i=this.getWindow();var h=a(this);return{x:i.pageXOffset||h.scrollLeft,y:i.pageYOffset||h.scrollTop}},getScrollSize:function(){var i=a(this);var h=this.getSize();return{x:Math.max(i.scrollWidth,h.x),y:Math.max(i.scrollHeight,h.y)}},getPosition:function(){return{x:0,y:0}},getCoordinates:function(){var h=this.getSize();return{top:0,left:0,bottom:h.y,right:h.x,height:h.y,width:h.x}}});var d=Element.getComputedStyle;function e(h,i){return d(h,i).toInt()||0}function f(h){return d(h,"-moz-box-sizing")=="border-box"}function g(h){return e(h,"border-top-width")}function c(h){return e(h,"border-left-width")}function b(h){return(/^(?:body|html)$/i).test(h.tagName)}function a(h){var i=h.getDocument();return(!i.compatMode||i.compatMode=="CSS1Compat")?i.html:i.body}})();Native.implement([Window,Document,Element],{getHeight:function(){return this.getSize().y},getWidth:function(){return this.getSize().x},getScrollTop:function(){return this.getScroll().y},getScrollLeft:function(){return this.getScroll().x},getScrollHeight:function(){return this.getScrollSize().y},getScrollWidth:function(){return this.getScrollSize().x},getTop:function(){return this.getPosition().y},getLeft:function(){return this.getPosition().x}});Native.implement([Document,Element],{getElements:function(h,g){h=h.split(",");var c,e={};for(var d=0,b=h.length;d&lt;b;d++){var a=h[d],f=Selectors.Utils.search(this,a,e);if(d!=0&amp;&amp;f.item){f=$A(f)}c=(d==0)?f:(c.item)?$A(c).concat(f):c.concat(f)}return new Elements(c,{ddup:(h.length&gt;1),cash:!g})}});Element.implement({match:function(b){if(!b||(b==this)){return true}var d=Selectors.Utils.parseTagAndID(b);var a=d[0],e=d[1];if(!Selectors.Filters.byID(this,e)||!Selectors.Filters.byTag(this,a)){return false}var c=Selectors.Utils.parseSelector(b);return(c)?Selectors.Utils.filter(this,c,{}):true}});var Selectors={Cache:{nth:{},parsed:{}}};Selectors.RegExps={id:(/#([\w-]+)/),tag:(/^(\w+|\*)/),quick:(/^(\w+|\*)$/),splitter:(/\s*([+&gt;~\s])\s*([a-zA-Z#.*:\[])/g),combined:(/\.([\w-]+)|\[(\w+)(?:([!*^$~|]?=)(["']?)([^\4]*?)\4)?\]|:([\w-]+)(?:\(["']?(.*?)?["']?\)|$)/g)};Selectors.Utils={chk:function(b,c){if(!c){return true}var a=$uid(b);if(!c[a]){return c[a]=true}return false},parseNthArgument:function(h){if(Selectors.Cache.nth[h]){return Selectors.Cache.nth[h]}var e=h.match(/^([+-]?\d*)?([a-z]+)?([+-]?\d*)?$/);if(!e){return false}var g=parseInt(e[1]);var d=(g||g===0)?g:1;var f=e[2]||false;var c=parseInt(e[3])||0;if(d!=0){c--;while(c&lt;1){c+=d}while(c&gt;=d){c-=d}}else{d=c;f="index"}switch(f){case"n":e={a:d,b:c,special:"n"};break;case"odd":e={a:2,b:0,special:"n"};break;case"even":e={a:2,b:1,special:"n"};break;case"first":e={a:0,special:"index"};break;case"last":e={special:"last-child"};break;case"only":e={special:"only-child"};break;default:e={a:(d-1),special:"index"}}return Selectors.Cache.nth[h]=e},parseSelector:function(e){if(Selectors.Cache.parsed[e]){return Selectors.Cache.parsed[e]}var d,h={classes:[],pseudos:[],attributes:[]};while((d=Selectors.RegExps.combined.exec(e))){var i=d[1],g=d[2],f=d[3],b=d[5],c=d[6],j=d[7];if(i){h.classes.push(i)}else{if(c){var a=Selectors.Pseudo.get(c);if(a){h.pseudos.push({parser:a,argument:j})}else{h.attributes.push({name:c,operator:"=",value:j})}}else{if(g){h.attributes.push({name:g,operator:f,value:b})}}}}if(!h.classes.length){delete h.classes}if(!h.attributes.length){delete h.attributes}if(!h.pseudos.length){delete h.pseudos}if(!h.classes&amp;&amp;!h.attributes&amp;&amp;!h.pseudos){h=null}return Selectors.Cache.parsed[e]=h},parseTagAndID:function(b){var a=b.match(Selectors.RegExps.tag);var c=b.match(Selectors.RegExps.id);return[(a)?a[1]:"*",(c)?c[1]:false]},filter:function(f,c,e){var d;if(c.classes){for(d=c.classes.length;d--;d){var g=c.classes[d];if(!Selectors.Filters.byClass(f,g)){return false}}}if(c.attributes){for(d=c.attributes.length;d--;d){var b=c.attributes[d];if(!Selectors.Filters.byAttribute(f,b.name,b.operator,b.value)){return false}}}if(c.pseudos){for(d=c.pseudos.length;d--;d){var a=c.pseudos[d];if(!Selectors.Filters.byPseudo(f,a.parser,a.argument,e)){return false}}}return true},getByTagAndID:function(b,a,d){if(d){var c=(b.getElementById)?b.getElementById(d,true):Element.getElementById(b,d,true);return(c&amp;&amp;Selectors.Filters.byTag(c,a))?[c]:[]}else{return b.getElementsByTagName(a)}},search:function(o,h,t){var b=[];var c=h.trim().replace(Selectors.RegExps.splitter,function(k,j,i){b.push(j);return":)"+i}).split(":)");var p,e,A;for(var z=0,v=c.length;z&lt;v;z++){var y=c[z];if(z==0&amp;&amp;Selectors.RegExps.quick.test(y)){p=o.getElementsByTagName(y);continue}var a=b[z-1];var q=Selectors.Utils.parseTagAndID(y);var B=q[0],r=q[1];if(z==0){p=Selectors.Utils.getByTagAndID(o,B,r)}else{var d={},g=[];for(var x=0,w=p.length;x&lt;w;x++){g=Selectors.Getters[a](g,p[x],B,r,d)}p=g}var f=Selectors.Utils.parseSelector(y);if(f){e=[];for(var u=0,s=p.length;u&lt;s;u++){A=p[u];if(Selectors.Utils.filter(A,f,t)){e.push(A)}}p=e}}return p}};Selectors.Getters={" ":function(h,g,j,a,e){var d=Selectors.Utils.getByTagAndID(g,j,a);for(var c=0,b=d.length;c&lt;b;c++){var f=d[c];if(Selectors.Utils.chk(f,e)){h.push(f)}}return h},"&gt;":function(h,g,j,a,f){var c=Selectors.Utils.getByTagAndID(g,j,a);for(var e=0,d=c.length;e&lt;d;e++){var b=c[e];if(b.parentNode==g&amp;&amp;Selectors.Utils.chk(b,f)){h.push(b)}}return h},"+":function(c,b,a,e,d){while((b=b.nextSibling)){if(b.nodeType==1){if(Selectors.Utils.chk(b,d)&amp;&amp;Selectors.Filters.byTag(b,a)&amp;&amp;Selectors.Filters.byID(b,e)){c.push(b)}break}}return c},"~":function(c,b,a,e,d){while((b=b.nextSibling)){if(b.nodeType==1){if(!Selectors.Utils.chk(b,d)){break}if(Selectors.Filters.byTag(b,a)&amp;&amp;Selectors.Filters.byID(b,e)){c.push(b)}}}return c}};Selectors.Filters={byTag:function(b,a){return(a=="*"||(b.tagName&amp;&amp;b.tagName.toLowerCase()==a))},byID:function(a,b){return(!b||(a.id&amp;&amp;a.id==b))},byClass:function(b,a){return(b.className&amp;&amp;b.className.contains(a," "))},byPseudo:function(a,d,c,b){return d.call(a,c,b)},byAttribute:function(c,d,b,e){var a=Element.prototype.getProperty.call(c,d);if(!a){return(b=="!=")}if(!b||e==undefined){return true}switch(b){case"=":return(a==e);case"*=":return(a.contains(e));case"^=":return(a.substr(0,e.length)==e);case"$=":return(a.substr(a.length-e.length)==e);case"!=":return(a!=e);case"~=":return a.contains(e," ");case"|=":return a.contains(e,"-")}return false}};Selectors.Pseudo=new Hash({checked:function(){return this.checked},empty:function(){return !(this.innerText||this.textContent||"").length},not:function(a){return !Element.match(this,a)},contains:function(a){return(this.innerText||this.textContent||"").contains(a)},"first-child":function(){return Selectors.Pseudo.index.call(this,0)},"last-child":function(){var a=this;while((a=a.nextSibling)){if(a.nodeType==1){return false}}return true},"only-child":function(){var b=this;while((b=b.previousSibling)){if(b.nodeType==1){return false}}var a=this;while((a=a.nextSibling)){if(a.nodeType==1){return false}}return true},"nth-child":function(g,e){g=(g==undefined)?"n":g;var c=Selectors.Utils.parseNthArgument(g);if(c.special!="n"){return Selectors.Pseudo[c.special].call(this,c.a,e)}var f=0;e.positions=e.positions||{};var d=$uid(this);if(!e.positions[d]){var b=this;while((b=b.previousSibling)){if(b.nodeType!=1){continue}f++;var a=e.positions[$uid(b)];if(a!=undefined){f=a+f;break}}e.positions[d]=f}return(e.positions[d]%c.a==c.b)},index:function(a){var b=this,c=0;while((b=b.previousSibling)){if(b.nodeType==1&amp;&amp;++c&gt;a){return false}}return(c==a)},even:function(b,a){return Selectors.Pseudo["nth-child"].call(this,"2n+1",a)},odd:function(b,a){return Selectors.Pseudo["nth-child"].call(this,"2n",a)}});Element.Events.domready={onAdd:function(a){if(Browser.loaded){a.call(this)}}};(function(){var b=function(){if(Browser.loaded){return}Browser.loaded=true;window.fireEvent("domready");document.fireEvent("domready")};if(Browser.Engine.trident){var a=document.createElement("div");(function(){($try(function(){a.doScroll("left");return $(a).inject(document.body).set("html","temp").dispose()}))?b():arguments.callee.delay(50)})()}else{if(Browser.Engine.webkit&amp;&amp;Browser.Engine.version&lt;525){(function(){(["loaded","complete"].contains(document.readyState))?b():arguments.callee.delay(50)})()}else{window.addEvent("load",b);document.addEvent("DOMContentLoaded",b)}}})();var JSON=new Hash({$specialChars:{"\b":"\\b","\t":"\\t","\n":"\\n","\f":"\\f","\r":"\\r",'"':'\\"',"\\":"\\\\"},$replaceChars:function(a){return JSON.$specialChars[a]||"\\u00"+Math.floor(a.charCodeAt()/16).toString(16)+(a.charCodeAt()%16).toString(16)},encode:function(b){switch($type(b)){case"string":return'"'+b.replace(/[\x00-\x1f\\"]/g,JSON.$replaceChars)+'"';case"array":return"["+String(b.map(JSON.encode).filter($defined))+"]";case"object":case"hash":var a=[];Hash.each(b,function(e,d){var c=JSON.encode(e);if(c){a.push(JSON.encode(d)+":"+c)}});return"{"+a+"}";case"number":case"boolean":return String(b);case false:return"null"}return null},decode:function(string,secure){if($type(string)!="string"||!string.length){return null}if(secure&amp;&amp;!(/^[,:{}\[\]0-9.\-+Eaeflnr-u \n\r\t]*$/).test(string.replace(/\\./g,"@").replace(/"[^"\\\n\r]*"/g,""))){return null}return eval("("+string+")")}});Native.implement([Hash,Array,String,Number],{toJSON:function(){return JSON.encode(this)}});var Cookie=new Class({Implements:Options,options:{path:false,domain:false,duration:false,secure:false,document:document},initialize:function(b,a){this.key=b;this.setOptions(a)},write:function(b){b=encodeURIComponent(b);if(this.options.domain){b+="; domain="+this.options.domain}if(this.options.path){b+="; path="+this.options.path}if(this.options.duration){var a=new Date();a.setTime(a.getTime()+this.options.duration*24*60*60*1000);b+="; expires="+a.toGMTString()}if(this.options.secure){b+="; secure"}this.options.document.cookie=this.key+"="+b;return this},read:function(){var a=this.options.document.cookie.match("(?:^|;)\\s*"+this.key.escapeRegExp()+"=([^;]*)");return(a)?decodeURIComponent(a[1]):null},dispose:function(){new Cookie(this.key,$merge(this.options,{duration:-1})).write("");return this}});Cookie.write=function(b,c,a){return new Cookie(b,a).write(c)};Cookie.read=function(a){return new Cookie(a).read()};Cookie.dispose=function(b,a){return new Cookie(b,a).dispose()};var Swiff=new Class({Implements:[Options],options:{id:null,height:1,width:1,container:null,properties:{},params:{quality:"high",allowScriptAccess:"always",wMode:"transparent",swLiveConnect:true},callBacks:{},vars:{}},toElement:function(){return this.object},initialize:function(l,m){this.instance="Swiff_"+$time();this.setOptions(m);m=this.options;var b=this.id=m.id||this.instance;var a=$(m.container);Swiff.CallBacks[this.instance]={};var e=m.params,g=m.vars,f=m.callBacks;var h=$extend({height:m.height,width:m.width},m.properties);var k=this;for(var d in f){Swiff.CallBacks[this.instance][d]=(function(n){return function(){return n.apply(k.object,arguments)}})(f[d]);g[d]="Swiff.CallBacks."+this.instance+"."+d}e.flashVars=Hash.toQueryString(g);if(Browser.Engine.trident){h.classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000";e.movie=l}else{h.type="application/x-shockwave-flash";h.data=l}var j='&lt;object id="'+b+'"';for(var i in h){j+=" "+i+'="'+h[i]+'"'}j+="&gt;";for(var c in e){if(e[c]){j+='&lt;param name="'+c+'" value="'+e[c]+'" /&gt;'}}j+="&lt;/object&gt;";this.object=((a)?a.empty():new Element("div")).set("html",j).firstChild},replaces:function(a){a=$(a,true);a.parentNode.replaceChild(this.toElement(),a);return this},inject:function(a){$(a,true).appendChild(this.toElement());return this},remote:function(){return Swiff.remote.apply(Swiff,[this.toElement()].extend(arguments))}});Swiff.CallBacks={};Swiff.remote=function(obj,fn){var rs=obj.CallFunction('&lt;invoke name="'+fn+'" returntype="javascript"&gt;'+__flash__argumentsToXML(arguments,2)+"&lt;/invoke&gt;");return eval(rs)};var Fx=new Class({Implements:[Chain,Events,Options],options:{fps:50,unit:false,duration:500,link:"ignore"},initialize:function(a){this.subject=this.subject||this;this.setOptions(a);this.options.duration=Fx.Durations[this.options.duration]||this.options.duration.toInt();var b=this.options.wait;if(b===false){this.options.link="cancel"}},getTransition:function(){return function(a){return -(Math.cos(Math.PI*a)-1)/2}},step:function(){var a=$time();if(a&lt;this.time+this.options.duration){var b=this.transition((a-this.time)/this.options.duration);this.set(this.compute(this.from,this.to,b))}else{this.set(this.compute(this.from,this.to,1));this.complete()}},set:function(a){return a},compute:function(c,b,a){return Fx.compute(c,b,a)},check:function(a){if(!this.timer){return true}switch(this.options.link){case"cancel":this.cancel();return true;case"chain":this.chain(a.bind(this,Array.slice(arguments,1)));return false}return false},start:function(b,a){if(!this.check(arguments.callee,b,a)){return this}this.from=b;this.to=a;this.time=0;this.transition=this.getTransition();this.startTimer();this.onStart();return this},complete:function(){if(this.stopTimer()){this.onComplete()}return this},cancel:function(){if(this.stopTimer()){this.onCancel()}return this},onStart:function(){this.fireEvent("start",this.subject)},onComplete:function(){this.fireEvent("complete",this.subject);if(!this.callChain()){this.fireEvent("chainComplete",this.subject)}},onCancel:function(){this.fireEvent("cancel",this.subject).clearChain()},pause:function(){this.stopTimer();return this},resume:function(){this.startTimer();return this},stopTimer:function(){if(!this.timer){return false}this.time=$time()-this.time;this.timer=$clear(this.timer);return true},startTimer:function(){if(this.timer){return false}this.time=$time()-this.time;this.timer=this.step.periodical(Math.round(1000/this.options.fps),this);return true}});Fx.compute=function(c,b,a){return(b-c)*a+c};Fx.Durations={"short":250,normal:500,"long":1000};Fx.CSS=new Class({Extends:Fx,prepare:function(d,e,b){b=$splat(b);var c=b[1];if(!$chk(c)){b[1]=b[0];b[0]=d.getStyle(e)}var a=b.map(this.parse);return{from:a[0],to:a[1]}},parse:function(a){a=$lambda(a)();a=(typeof a=="string")?a.split(" "):$splat(a);return a.map(function(c){c=String(c);var b=false;Fx.CSS.Parsers.each(function(f,e){if(b){return}var d=f.parse(c);if($chk(d)){b={value:d,parser:f}}});b=b||{value:c,parser:Fx.CSS.Parsers.String};return b})},compute:function(d,c,b){var a=[];(Math.min(d.length,c.length)).times(function(e){a.push({value:d[e].parser.compute(d[e].value,c[e].value,b),parser:d[e].parser})});a.$family={name:"fx:css:value"};return a},serve:function(c,b){if($type(c)!="fx:css:value"){c=this.parse(c)}var a=[];c.each(function(d){a=a.concat(d.parser.serve(d.value,b))});return a},render:function(a,d,c,b){a.setStyle(d,this.serve(c,b))},search:function(a){if(Fx.CSS.Cache[a]){return Fx.CSS.Cache[a]}var b={};Array.each(document.styleSheets,function(e,d){var c=e.href;if(c&amp;&amp;c.contains("://")&amp;&amp;!c.contains(document.domain)){return}var f=e.rules||e.cssRules;Array.each(f,function(j,g){if(!j.style){return}var h=(j.selectorText)?j.selectorText.replace(/^\w+/,function(i){return i.toLowerCase()}):null;if(!h||!h.test("^"+a+"$")){return}Element.Styles.each(function(k,i){if(!j.style[i]||Element.ShortStyles[i]){return}k=String(j.style[i]);b[i]=(k.test(/^rgb/))?k.rgbToHex():k})})});return Fx.CSS.Cache[a]=b}});Fx.CSS.Cache={};Fx.CSS.Parsers=new Hash({Color:{parse:function(a){if(a.match(/^#[0-9a-f]{3,6}$/i)){return a.hexToRgb(true)}return((a=a.match(/(\d+),\s*(\d+),\s*(\d+)/)))?[a[1],a[2],a[3]]:false},compute:function(c,b,a){return c.map(function(e,d){return Math.round(Fx.compute(c[d],b[d],a))})},serve:function(a){return a.map(Number)}},Number:{parse:parseFloat,compute:Fx.compute,serve:function(b,a){return(a)?b+a:b}},String:{parse:$lambda(false),compute:$arguments(1),serve:$arguments(0)}});Fx.Tween=new Class({Extends:Fx.CSS,initialize:function(b,a){this.element=this.subject=$(b);this.parent(a)},set:function(b,a){if(arguments.length==1){a=b;b=this.property||this.options.property}this.render(this.element,b,a,this.options.unit);return this},start:function(c,e,d){if(!this.check(arguments.callee,c,e,d)){return this}var b=Array.flatten(arguments);this.property=this.options.property||b.shift();var a=this.prepare(this.element,this.property,b);return this.parent(a.from,a.to)}});Element.Properties.tween={set:function(a){var b=this.retrieve("tween");if(b){b.cancel()}return this.eliminate("tween").store("tween:options",$extend({link:"cancel"},a))},get:function(a){if(a||!this.retrieve("tween")){if(a||!this.retrieve("tween:options")){this.set("tween",a)}this.store("tween",new Fx.Tween(this,this.retrieve("tween:options")))}return this.retrieve("tween")}};Element.implement({tween:function(a,c,b){this.get("tween").start(arguments);return this},fade:function(c){var e=this.get("tween"),d="opacity",a;c=$pick(c,"toggle");switch(c){case"in":e.start(d,1);break;case"out":e.start(d,0);break;case"show":e.set(d,1);break;case"hide":e.set(d,0);break;case"toggle":var b=this.retrieve("fade:flag",this.get("opacity")==1);e.start(d,(b)?0:1);this.store("fade:flag",!b);a=true;break;default:e.start(d,arguments)}if(!a){this.eliminate("fade:flag")}return this},highlight:function(c,a){if(!a){a=this.retrieve("highlight:original",this.getStyle("background-color"));a=(a=="transparent")?"#fff":a}var b=this.get("tween");b.start("background-color",c||"#ffff88",a).chain(function(){this.setStyle("background-color",this.retrieve("highlight:original"));b.callChain()}.bind(this));return this}});Fx.Morph=new Class({Extends:Fx.CSS,initialize:function(b,a){this.element=this.subject=$(b);this.parent(a)},set:function(a){if(typeof a=="string"){a=this.search(a)}for(var b in a){this.render(this.element,b,a[b],this.options.unit)}return this},compute:function(e,d,c){var a={};for(var b in e){a[b]=this.parent(e[b],d[b],c)}return a},start:function(b){if(!this.check(arguments.callee,b)){return this}if(typeof b=="string"){b=this.search(b)}var e={},d={};for(var c in b){var a=this.prepare(this.element,c,b[c]);e[c]=a.from;d[c]=a.to}return this.parent(e,d)}});Element.Properties.morph={set:function(a){var b=this.retrieve("morph");if(b){b.cancel()}return this.eliminate("morph").store("morph:options",$extend({link:"cancel"},a))},get:function(a){if(a||!this.retrieve("morph")){if(a||!this.retrieve("morph:options")){this.set("morph",a)}this.store("morph",new Fx.Morph(this,this.retrieve("morph:options")))}return this.retrieve("morph")}};Element.implement({morph:function(a){this.get("morph").start(a);return this}});Fx.implement({getTransition:function(){var a=this.options.transition||Fx.Transitions.Sine.easeInOut;if(typeof a=="string"){var b=a.split(":");a=Fx.Transitions;a=a[b[0]]||a[b[0].capitalize()];if(b[1]){a=a["ease"+b[1].capitalize()+(b[2]?b[2].capitalize():"")]}}return a}});Fx.Transition=function(b,a){a=$splat(a);return $extend(b,{easeIn:function(c){return b(c,a)},easeOut:function(c){return 1-b(1-c,a)},easeInOut:function(c){return(c&lt;=0.5)?b(2*c,a)/2:(2-b(2*(1-c),a))/2}})};Fx.Transitions=new Hash({linear:$arguments(0)});Fx.Transitions.extend=function(a){for(var b in a){Fx.Transitions[b]=new Fx.Transition(a[b])}};Fx.Transitions.extend({Pow:function(b,a){return Math.pow(b,a[0]||6)},Expo:function(a){return Math.pow(2,8*(a-1))},Circ:function(a){return 1-Math.sin(Math.acos(a))},Sine:function(a){return 1-Math.sin((1-a)*Math.PI/2)},Back:function(b,a){a=a[0]||1.618;return Math.pow(b,2)*((a+1)*b-a)},Bounce:function(f){var e;for(var d=0,c=1;1;d+=c,c/=2){if(f&gt;=(7-4*d)/11){e=c*c-Math.pow((11-6*d-11*f)/4,2);break}}return e},Elastic:function(b,a){return Math.pow(2,10*--b)*Math.cos(20*b*Math.PI*(a[0]||1)/3)}});["Quad","Cubic","Quart","Quint"].each(function(b,a){Fx.Transitions[b]=new Fx.Transition(function(c){return Math.pow(c,[a+2])})});var Request=new Class({Implements:[Chain,Events,Options],options:{url:"",data:"",headers:{"X-Requested-With":"XMLHttpRequest",Accept:"text/javascript, text/html, application/xml, text/xml, */*"},async:true,format:false,method:"post",link:"ignore",isSuccess:null,emulation:true,urlEncoded:true,encoding:"utf-8",evalScripts:false,evalResponse:false},initialize:function(a){this.xhr=new Browser.Request();this.setOptions(a);this.options.isSuccess=this.options.isSuccess||this.isSuccess;this.headers=new Hash(this.options.headers)},onStateChange:function(){if(this.xhr.readyState!=4||!this.running){return}this.running=false;this.status=0;$try(function(){this.status=this.xhr.status}.bind(this));if(this.options.isSuccess.call(this,this.status)){this.response={text:this.xhr.responseText,xml:this.xhr.responseXML};this.success(this.response.text,this.response.xml)}else{this.response={text:null,xml:null};this.failure()}this.xhr.onreadystatechange=$empty},isSuccess:function(){return((this.status&gt;=200)&amp;&amp;(this.status&lt;300))},processScripts:function(a){if(this.options.evalResponse||(/(ecma|java)script/).test(this.getHeader("Content-type"))){return $exec(a)}return a.stripScripts(this.options.evalScripts)},success:function(b,a){this.onSuccess(this.processScripts(b),a)},onSuccess:function(){this.fireEvent("complete",arguments).fireEvent("success",arguments).callChain()},failure:function(){this.onFailure()},onFailure:function(){this.fireEvent("complete").fireEvent("failure",this.xhr)},setHeader:function(a,b){this.headers.set(a,b);return this},getHeader:function(a){return $try(function(){return this.xhr.getResponseHeader(a)}.bind(this))},check:function(a){if(!this.running){return true}switch(this.options.link){case"cancel":this.cancel();return true;case"chain":this.chain(a.bind(this,Array.slice(arguments,1)));return false}return false},send:function(i){if(!this.check(arguments.callee,i)){return this}this.running=true;var g=$type(i);if(g=="string"||g=="element"){i={data:i}}var d=this.options;i=$extend({data:d.data,url:d.url,method:d.method},i);var e=i.data,b=i.url,a=i.method;switch($type(e)){case"element":e=$(e).toQueryString();break;case"object":case"hash":e=Hash.toQueryString(e)}if(this.options.format){var h="format="+this.options.format;e=(e)?h+"&amp;"+e:h}if(this.options.emulation&amp;&amp;["put","delete"].contains(a)){var f="_method="+a;e=(e)?f+"&amp;"+e:f;a="post"}if(this.options.urlEncoded&amp;&amp;a=="post"){var c=(this.options.encoding)?"; charset="+this.options.encoding:"";this.headers.set("Content-type","application/x-www-form-urlencoded"+c)}if(e&amp;&amp;a=="get"){b=b+(b.contains("?")?"&amp;":"?")+e;e=null}this.xhr.open(a.toUpperCase(),b,this.options.async);this.xhr.onreadystatechange=this.onStateChange.bind(this);this.headers.each(function(k,j){try{this.xhr.setRequestHeader(j,k)}catch(l){this.fireEvent("exception",[j,k])}},this);this.fireEvent("request");this.xhr.send(e);if(!this.options.async){this.onStateChange()}return this},cancel:function(){if(!this.running){return this}this.running=false;this.xhr.abort();this.xhr.onreadystatechange=$empty;this.xhr=new Browser.Request();this.fireEvent("cancel");return this}});(function(){var a={};["get","post","put","delete","GET","POST","PUT","DELETE"].each(function(b){a[b]=function(){var c=Array.link(arguments,{url:String.type,data:$defined});return this.send($extend(c,{method:b.toLowerCase()}))}});Request.implement(a)})();Element.Properties.send={set:function(a){var b=this.retrieve("send");if(b){b.cancel()}return this.eliminate("send").store("send:options",$extend({data:this,link:"cancel",method:this.get("method")||"post",url:this.get("action")},a))},get:function(a){if(a||!this.retrieve("send")){if(a||!this.retrieve("send:options")){this.set("send",a)}this.store("send",new Request(this.retrieve("send:options")))}return this.retrieve("send")}};Element.implement({send:function(a){var b=this.get("send");b.send({data:this,url:a||b.options.url});return this}});Request.HTML=new Class({Extends:Request,options:{update:false,evalScripts:true,filter:false},processHTML:function(c){var b=c.match(/&lt;body[^&gt;]*&gt;([\s\S]*?)&lt;\/body&gt;/i);c=(b)?b[1]:c;var a=new Element("div");return $try(function(){var d="&lt;root&gt;"+c+"&lt;/root&gt;",g;if(Browser.Engine.trident){g=new ActiveXObject("Microsoft.XMLDOM");g.async=false;g.loadXML(d)}else{g=new DOMParser().parseFromString(d,"text/xml")}d=g.getElementsByTagName("root")[0];for(var f=0,e=d.childNodes.length;f&lt;e;f++){var h=Element.clone(d.childNodes[f],true,true);if(h){a.grab(h)}}return a})||a.set("html",c)},success:function(d){var c=this.options,b=this.response;b.html=d.stripScripts(function(e){b.javascript=e});var a=this.processHTML(b.html);b.tree=a.childNodes;b.elements=a.getElements("*");if(c.filter){b.tree=b.elements.filter(c.filter)}if(c.update){$(c.update).empty().set("html",b.html)}if(c.evalScripts){$exec(b.javascript)}this.onSuccess(b.tree,b.elements,b.html,b.javascript)}});Element.Properties.load={set:function(a){var b=this.retrieve("load");if(b){b.cancel()}return this.eliminate("load").store("load:options",$extend({data:this,link:"cancel",update:this,method:"get"},a))},get:function(a){if(a||!this.retrieve("load")){if(a||!this.retrieve("load:options")){this.set("load",a)}this.store("load",new Request.HTML(this.retrieve("load:options")))}return this.retrieve("load")}};Element.implement({load:function(){this.get("load").send(Array.link(arguments,{data:Object.type,url:String.type}));return this}});Request.JSON=new Class({Extends:Request,options:{secure:true},initialize:function(a){this.parent(a);this.headers.extend({Accept:"application/json","X-Request":"JSON"})},success:function(a){this.response.json=JSON.decode(a,this.options.secure);this.onSuccess(this.response.json,a)}});
//stratus
var Config={Smallest:8,Biggest:18,Depth:150,Speed:100,Opacity:true,Background:"#fff",Color:"#000000 ",Hover:"#ffdb00",Radius:75,UseFx:false,AnimationTime:25};var SizeRange=Config.Biggest-Config.Smallest;var Radian=Math.PI/180;function invokeLater(a,b){window.addEvent("domready",a.pass([],b))}var s=[],c=[],i=0;while(i&lt;3600){s[i]=Math.sin(i/10*Radian);c[i]=Math.cos(i/10*Radian);i+=1}var Sine=$A(s);var Cosine=$A(c);function sine(a){while(a&lt;0){a+=360}return Sine[Math.round(a*10)%3600]}function cosine(a){return Cosine[Math.round(Math.abs(a)*10)%3600]}var Body;invokeLater(function(){Body=$(document.body)});var Vector=new Class({initialize:function(a,d,b){if(typeof a=="object"){this.set(a.x,a.y,a.z)}else{this.set(a,d,b)}},mult:function(a){this.x*=a;this.y*=a;this.z*=a;return this},sqr:function(){return this.x*this.x+this.y*this.y+this.z*this.z},set:function(a,d,b){this.x=$pick(a,0);this.y=$pick(d,0);this.z=$pick(b,0)},longEnough:function(){return Math.abs(this.x)&gt;0.01||Math.abs(this.y)&gt;0.01||Math.abs(this.z)&gt;0.01},normalize:function(b){var a=Math.sqrt(this.sqr());return this.mult($pick(b,1)/a)}});var ZeroVector=new Vector();var Atractor=new Class({Implements:Options,options:{id:null,position:"",width:200,height:200,top:0,left:0},initialize:function(b){this.setOptions(b||{});this.mouse=new Vector();this.element=$(this.options.id);var f={position:this.options.position,top:this.options.top,left:this.options.left,width:this.options.width,height:this.options.height,background:"transparent"};if(!$defined(this.element)){this.options.id="tagCloudAtr";this.element=new Element("div",{id:this.options.id,styles:f}).inject(Body)}else{this.element.setStyles(f)}this.setOptions($(this.element).getCoordinates());var e=this.options;var a=this.mouse;this.element.addEvent("mousemove",function(g){a.set(((-g.page.y+e.top)*2/e.height+1)*1.8,((g.page.x-e.left)*2/e.width-1)*1.8)});var d=this;this.element.addEvent("mouseenter",function(){d.active=true});this.element.addEvent("mouseleave",function(){d.active=false})},active:false});var __TagId=0;function getTagId(){__TagId+=1;return __TagId}var Tag=new Class({initialize:function(d,b,a){this.id=getTagId();this.title=d;this.rank=($defined(b)&amp;&amp;b&gt;=0)?b:30;if(this.rank&gt;1){this.rank/=100}this.rank=Math.min(this.rank,1);this.url=$pick(a,"#");this.element=new Element("a",{id:"stratusTag"+this.id,href:this.url,"class":"tagClass",html:this.title,styles:{"font-size":this.rank*SizeRange+Config.Smallest+"pt"}}).inject(Body);this.fx=new Fx.Morph(this.element,{duration:Config.AnimationTime,transition:Fx.Transitions.Linear})},position:new Vector()});var commonPasswordArray=["12345","abc123","password","computer","123456","tigger","1234","a1b2c3","qwerty","123","xxx","money","test","carmen","mickey","secret","summer","internet","service"];var TagCloud=new Class({initialize:function(e,b,a){e=e||400;b=b||200;this.radius=$pick(Math.min(e,b)/4.5,Config.Radius);this.uniform=$pick(a,true);this.items=new Array();(commonPasswordArray.length).times(function(f){this.items[f]=new Tag(commonPasswordArray[f],100)},this);var d=".tagClass { position: absolute; padding: 3px; color: "+Config.Color+"; } .tagClass:hover { text-decoration: none; color: "+Config.Hover+"; border: solid 1px "+Config.Hover+"; }";if(!Browser.webkit){new Element("style",{html:d}).inject(document.head,"top")}else{if(!Browser.trident){$$("style")[0].appendText(d)}}this.atractor=new Atractor({id:"atractor",width:e,height:b});this.position=new Vector(this.atractor.options.left+this.atractor.options.width/2-e/4,this.atractor.options.top+this.atractor.options.height/2-b/16);this.distribute()},delta:new Vector(-2,-2),distribute:function(){var g=0,e=0,d=1,f=this.items.length,a=this.radius,b=this.items;while(d&lt;=f){if(this.uniform){g=Math.acos(-1+(2*d-1)/f);e=Math.sqrt(f*Math.PI)*g}else{g=Math.random()*(Math.PI);e=Math.random()*(2*Math.PI)}b[d-1].position.set(a*Math.cos(e)*Math.sin(g),a*Math.sin(e)*Math.sin(g),a*Math.cos(g));d+=1}this.update()},update:function(l){var l=$pick(l,ZeroVector),f=this.items,e=$pick(l.x,0),d=$pick(l.y,0),j=sine(e),k=cosine(e),g=sine(d),h=cosine(d);f.each(function(t){var o=t.position,a=o.x,q=o.y*k+o.z*(-j),m=o.y*j+o.z*k;var r=a*h+m*g,p=q,n=a*(-g)+m*h;o.set(r,p,n);var b=Config.Depth/(Config.Depth+n);if(Config.UseFx){t.fx.start({left:this.position.x+r*b,top:this.position.y+p*b,opacity:Math.max(b-0.7,0)/0.5+0.2,"font-size":(t.rank*b*SizeRange*2+Config.Smallest)+"pt"})}else{t.element.setStyles({left:this.position.x+r*b,top:this.position.y+p*b,opacity:Math.max(b-0.7,0)/0.5+0.2,"font-size":(t.rank*b*SizeRange+Config.Smallest)+"pt"})}},this)},pause:function(){if($defined(this.animation)){$clear(this.animation)}},animate:function(){this.animation=(function(){if(this.atractor.active){var a=this.atractor.mouse;this.delta=a}else{var a=this.delta.mult(0.98)}if(a.longEnough()){this.update(a)}}).periodical(Config.AnimationTime,this)}});invokeLater(function(){try{new TagCloud(600,400).animate()}catch(a){alert(a)}});
&lt;/SCRIPT&gt;
&lt;style type="text/css"&gt;
.tagClass{text-decoration: none;font-family: Sans;font-weight: normal;}
&lt;/style&gt;
&lt;td&gt; &lt;div id="atractor"&gt;

&lt;/div&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;/table&gt;The top left  shows the 250 most commonly used passwords from the Gawker database. I built this word cloud with &lt;a href="http://www.wordle.net/"&gt;wordle.net&lt;/a&gt;. On the right, it is an extract of the password dictionary used by John The Ripper. I built this with &lt;a href="http://student.agh.edu.pl/~fatyga/repos/stratus/example.php"&gt;a JS library called stratus&lt;/a&gt;. If you are currently using one of these passwords for your bank account, you should probably change it quickly! 
&lt;br&gt;&lt;br&gt;
These decrypted real user passwords not only revealed what are the commonly used passwords but also showed that many people are using the same patterns to build their passwords. Knowing these patterns, it is possible to crack passwords in a much shorter time than using a basic brute force technique.
&lt;br&gt;&lt;br&gt;
Here is how you can customize John The Ripper (JTR) to crack encrypted passwords. Please note that I am using an unofficial build of JTR available &lt;a href="http://openwall.info/wiki/john/custom-builds"&gt;here&lt;/a&gt;. First, you need to create a file containing the passwords to crack. In our example, this file is called pwd2crack.txt and here is the file content:
&lt;pre class="brush:text"&gt;
user1:d0763edaa9d9bd2a9516280e9044d885
user2:a8e003b1180fd689f558657079d05f5a
&lt;/pre&gt;The file contains the passwords for 2 users: user1 and user2. The passwords are hashed using the MD5 algorithm. 
&lt;br&gt;&lt;br&gt;
To run John The Ripper, you can use the following command:
&lt;pre class="brush:plain"&gt;
&gt;john --wordlist=password.lst --format=raw-MD5 pwd2crack.txt
Loaded 2 password hashes with no different salts (Raw MD5 [raw-md5 SSE2 16x4])
monkey           (user1)
guesses: 1  time: 0:00:00:00 100.00% (ETA: Mon May  2 22:42:22 2011)  c/s: 469428  trying: trinity - hallo
&lt;/pre&gt;As you can see, JTR was able to crack user1's password almost instantly because "monkey" was in its list of passwords. But JTR was unable to crack user2's password. You can try the default command using the built-in logic to guess the passwords.
&lt;pre class="brush:plain"&gt;
&gt;john --format=raw-MD5 pwd2crack.txt
Loaded 2 password hashes with no different salts (Raw MD5 [raw-md5 SSE2 16x4])
Remaining 1 password hash
guesses: 0  time: 0:00:00:04 (3)  c/s: 195765  trying: 39of - 3ayo
guesses: 0  time: 0:00:00:15 (3)  c/s: 2965K  trying: beteng95 - betel197
guesses: 0  time: 0:00:00:43 (3)  c/s: 5430K  trying: swoji1x - swojsem
guesses: 0  time: 0:00:00:55 (3)  c/s: 5817K  trying: ahabh9 - ahabu2
guesses: 0  time: 0:00:01:08 (3)  c/s: 6052K  trying: luk12ay - luk11io
Session aborted
&lt;/pre&gt;After running this command for a few minutes, my computer got really hot and JTR was still not able to crack user2's password. While JTR is running, press the space bar to print in the console the progress of the operation.
&lt;br&gt;&lt;br&gt;
One of the common patterns for password is to add a date at the end of the password, especially the current year. You can configure JTR to use its password dictionary with "2011" at the end of each entry by adding the following to the file john.ini or john.conf.
&lt;pre class="brush:c"&gt;
[List.External:CustomWithYear2011]
void filter() {
 /* calculate word length */
 int length;
 length = 0;
 while (word[length]) length++;

 word[length] = '2';
 word[length+1] = '0';
 word[length+2] = '1';
 word[length+3] = '1';
 word[length+4] = 0;
}
&lt;/pre&gt;This function, written in C, alters the password to hash before it is compared to the one in pwd2crack.txt. Then you can call JTR with this customization.
&lt;pre class="brush:plain"&gt;
&gt;john.exe --format=raw-MD5 --wordlist=password.lst --external=CustomWithYear2011 pwd2crack.txt
Loaded 2 password hashes with no different salts (Raw MD5 [raw-md5 SSE2 16x4])
Remaining 1 password hash
monkey2011       (user2)
guesses: 1  time: 0:00:00:00 100.00% (ETA: Mon May  2 22:06:09 2011)  c/s: 25600  trying: freedom2011 - barney2011
&lt;/pre&gt;This time JTR was able to crack the second password: monkey2011.
&lt;br&gt;&lt;br&gt;
You can get more details about these techniques on the &lt;a href="http://contest.korelogic.com/rules.html"&gt;Korelogic website&lt;/a&gt;.
&lt;br&gt;&lt;br&gt;
Here are a few tips I would recommend:
&lt;ul&gt;
&lt;li&gt;The passwords protecting your most valuable accounts should not be shared with other website&lt;/li&gt;
&lt;li&gt;Use password that are strong and &lt;a href="http://www.baekdal.com/tips/password-security-usability"&gt;easy to remember&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;If available, use 2-factor authentication (eg: Paypal, Google, World of Warcraft)&lt;/li&gt;
&lt;/ul&gt;If you are responsible of a website, you can:
&lt;ul&gt;
&lt;li&gt;Raise your users awareness (password strength indicator, trainings)&lt;/li&gt;
&lt;li&gt;Use a strong hash algorithm to store the passwords (BlowFish)&lt;/li&gt;
&lt;li&gt;Integrate a second factor of authentication&lt;/li&gt;
&lt;/ul&gt;&lt;img src="http://feeds.feedburner.com/~r/CodeBazaar/~4/oYO--lam8zc" height="1" width="1"/&gt;</content><link rel="replies" type="application/atom+xml" href="http://codebazaar.blogspot.com/feeds/1115448689832365227/comments/default" title="Post Comments" /><link rel="replies" type="text/html" href="http://www.blogger.com/comment.g?blogID=8927794127513218467&amp;postID=1115448689832365227&amp;isPopup=true" title="9 Comments" /><link rel="edit" type="application/atom+xml" href="http://www.blogger.com/feeds/8927794127513218467/posts/default/1115448689832365227?v=2" /><link rel="self" type="application/atom+xml" href="http://www.blogger.com/feeds/8927794127513218467/posts/default/1115448689832365227?v=2" /><link rel="alternate" type="text/html" href="http://feedproxy.google.com/~r/CodeBazaar/~3/oYO--lam8zc/why-we-need-strong-p4ssw0rds.html" title="Why we need strong p4ssw0rds" /><author><name>Matthias Büchner</name><uri>http://www.blogger.com/profile/03993705703169676412</uri><email>noreply@blogger.com</email><gd:image rel="http://schemas.google.com/g/2005#thumbnail" width="32" height="32" src="http://3.bp.blogspot.com/_qMvPda4aNLU/S6vfmu4TcvI/AAAAAAAAAAM/tCt1QaYg0gM/S220/10000631_BUCHNER_Matthias.JPG" /></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://1.bp.blogspot.com/-jmW4OW9kIHw/TZ0GCZIUl_I/AAAAAAAAAD4/YleAKw-8pPg/s72-c/gawker-top-250.png" height="72" width="72" /><thr:total>9</thr:total><feedburner:origLink>http://codebazaar.blogspot.com/2011/05/why-we-need-strong-p4ssw0rds.html</feedburner:origLink></entry><entry gd:etag="W/&quot;AkcMQn06cSp7ImA9WhZRFEw.&quot;"><id>tag:blogger.com,1999:blog-8927794127513218467.post-943676559340316723</id><published>2011-04-09T19:12:00.000-07:00</published><updated>2011-04-09T23:48:03.319-07:00</updated><app:edited xmlns:app="http://www.w3.org/2007/app">2011-04-09T23:48:03.319-07:00</app:edited><title>Get in a hot air balloon ride with Google Street View and Maps API</title><content type="html">&lt;script src="http://connect.facebook.net/en_US/all.js#xfbml=1"&gt;&lt;/script&gt;&lt;fb:like href="http://codebazaar.blogspot.com/2011/04/get-in-hot-air-balloon-ride-with-google.html" show_faces="true" width="450" font=""&gt;&lt;/fb:like&gt;&lt;br /&gt;
I have wanted to experiment the Google Maps API for a long time. So today I used it to create an animation replaying a hot air balloon trip I did in 2009 in Santa Rosa, California.&lt;br /&gt;
&lt;br /&gt;
Before I got into the balloon, I started the &lt;a href="http://mytracks.appspot.com/"&gt;Google MyTracks&lt;/a&gt; application on my phone. It records your GPS coordinates and altitude periodically. I used this data, Google Street View and Maps API to create the following animation.&lt;br /&gt;
&lt;br /&gt;
&lt;input type="button" onClick="startAnimation()" value="Start Animation"&gt;&lt;br /&gt;
&lt;div id="map-canvas" style="width:600px; height:400px"&gt;&lt;/div&gt;&lt;script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"&gt;&lt;/script&gt;&lt;br /&gt;
&lt;script type="text/javascript"&gt;
var MAP_CANVAS_DIV_ID = 'map-canvas';

var TIME_BETWEEN_UPDATES_MAX = 1000; //slow update
var TIME_BETWEEN_UPDATES_MIN = 300;  //fast update

var TAKE_OFF_POV_LIST = [
  {heading:20,  pitch:0,   zoom:4},{heading:20,  pitch:-5,  zoom:3},{heading:20,  pitch:-10, zoom:3},{heading:20,  pitch:-15, zoom:2},{heading:20, pitch:-20, zoom:2},{heading:20, pitch:-25, zoom:1},{heading:20, pitch:-30, zoom:1},{heading:20, pitch:-35, zoom:0},{heading:20, pitch:-40, zoom:0},{heading:20, pitch:-50, zoom:0},{heading:20, pitch:-60, zoom:0},{heading:20, pitch:-70, zoom:0},{heading:20, pitch:-80, zoom:0},{heading:20, pitch:-90, zoom:0},
];

var LLA_LIST= [
  {lg:-122.772163, lt:38.467121},{lg:-122.771675, lt:38.466976},{lg:-122.771484, lt:38.466850},{lg:-122.771400, lt:38.466766},{lg:-122.771362, lt:38.466644},{lg:-122.771255, lt:38.466476},{lg:-122.770973, lt:38.466240},{lg:-122.770546, lt:38.466118},{lg:-122.770493, lt:38.466080},{lg:-122.770317, lt:38.466045},{lg:-122.770218, lt:38.465919},{lg:-122.769943, lt:38.465828},{lg:-122.769608, lt:38.465813},{lg:-122.769341, lt:38.465752},{lg:-122.769211, lt:38.465698},{lg:-122.769173, lt:38.465649},{lg:-122.768806, lt:38.465542},{lg:-122.768677, lt:38.465450},{lg:-122.768578, lt:38.465420},{lg:-122.768555, lt:38.465366},{lg:-122.768265, lt:38.465172},{lg:-122.768082, lt:38.465122},{lg:-122.767906, lt:38.465130},{lg:-122.767807, lt:38.465103},{lg:-122.767776, lt:38.465061},{lg:-122.767792, lt:38.464985},{lg:-122.767723, lt:38.464909},{lg:-122.767708, lt:38.464825},{lg:-122.767471, lt:38.464607},{lg:-122.767303, lt:38.464512},{lg:-122.766640, lt:38.464256},{lg:-122.765892, lt:38.464115},{lg:-122.765556, lt:38.463951},{lg:-122.765106, lt:38.463650},{lg:-122.764442, lt:38.463322},{lg:-122.764153, lt:38.463093},{lg:-122.763969, lt:38.462990},{lg:-122.763786, lt:38.462967},{lg:-122.762344, lt:38.462025},{lg:-122.761871, lt:38.461674},{lg:-122.761208, lt:38.461288},{lg:-122.761009, lt:38.461105},{lg:-122.760544, lt:38.460865},{lg:-122.760155, lt:38.460442},{lg:-122.758858, lt:38.459450},{lg:-122.758034, lt:38.458717},{lg:-122.757828, lt:38.458584},{lg:-122.757706, lt:38.458466},{lg:-122.757515, lt:38.458355},{lg:-122.757408, lt:38.458332},{lg:-122.757294, lt:38.458233},{lg:-122.757011, lt:38.458141},{lg:-122.756775, lt:38.458000},{lg:-122.756523, lt:38.457787},{lg:-122.755623, lt:38.457157},{lg:-122.755074, lt:38.456680},{lg:-122.754410, lt:38.455975},{lg:-122.754082, lt:38.455700},{lg:-122.753883, lt:38.455582},{lg:-122.753586, lt:38.455257},{lg:-122.753189, lt:38.454735},{lg:-122.752846, lt:38.454372},{lg:-122.752342, lt:38.453945},{lg:-122.751938, lt:38.453678},{lg:-122.751343, lt:38.453194},{lg:-122.750679, lt:38.452717},{lg:-122.750252, lt:38.452347},{lg:-122.749603, lt:38.451874},{lg:-122.749390, lt:38.451672},{lg:-122.749130, lt:38.451607},{lg:-122.748878, lt:38.451477},{lg:-122.748840, lt:38.451439},{lg:-122.748871, lt:38.451214},{lg:-122.748734, lt:38.451042},{lg:-122.748695, lt:38.450920},{lg:-122.748627, lt:38.450932},{lg:-122.748566, lt:38.450859},{lg:-122.748184, lt:38.450813}, // top 1 - 77
  {lg:-122.748024, lt:38.450722},{lg:-122.747688, lt:38.450645},{lg:-122.747131, lt:38.450748},{lg:-122.746979, lt:38.450737},{lg:-122.746437, lt:38.450565},{lg:-122.746185, lt:38.450603},{lg:-122.746078, lt:38.450577},{lg:-122.745979, lt:38.450684},{lg:-122.745789, lt:38.450726},{lg:-122.745598, lt:38.450680},{lg:-122.745537, lt:38.450710},{lg:-122.745506, lt:38.450882},{lg:-122.745392, lt:38.451015},{lg:-122.745392, lt:38.451103},{lg:-122.745338, lt:38.451122},{lg:-122.745331, lt:38.451176}, // bottom 1 - 93
  {lg:-122.745285, lt:38.451210},{lg:-122.745399, lt:38.451199},{lg:-122.745407, lt:38.451462},{lg:-122.745453, lt:38.451500},{lg:-122.745537, lt:38.451435},{lg:-122.745583, lt:38.451462},{lg:-122.745682, lt:38.451397},{lg:-122.745644, lt:38.451500},{lg:-122.745522, lt:38.451557},{lg:-122.745445, lt:38.451664},{lg:-122.745430, lt:38.451714},{lg:-122.745506, lt:38.451870},{lg:-122.745506, lt:38.451923},{lg:-122.745407, lt:38.452309},{lg:-122.745461, lt:38.452530},{lg:-122.745636, lt:38.452877},{lg:-122.745697, lt:38.452900}, //110
  {lg:-122.745705, lt:38.452953},{lg:-122.746078, lt:38.453480},{lg:-122.746315, lt:38.453690},{lg:-122.746384, lt:38.453854},{lg:-122.746475, lt:38.453945},{lg:-122.746788, lt:38.454399},{lg:-122.746918, lt:38.454514},{lg:-122.747200, lt:38.454670},{lg:-122.747292, lt:38.454819},{lg:-122.747574, lt:38.454880},{lg:-122.748085, lt:38.455082},{lg:-122.748100, lt:38.455124},{lg:-122.748299, lt:38.455208},{lg:-122.748390, lt:38.455368},{lg:-122.748520, lt:38.455479},{lg:-122.748772, lt:38.455811},{lg:-122.749100, lt:38.456097},{lg:-122.749344, lt:38.456375},{lg:-122.749687, lt:38.456657},{lg:-122.749817, lt:38.456799},{lg:-122.749962, lt:38.456841},{lg:-122.750092, lt:38.456921},{lg:-122.750237, lt:38.457172},{lg:-122.750366, lt:38.457218},{lg:-122.750343, lt:38.457199},{lg:-122.750458, lt:38.457417},{lg:-122.750450, lt:38.457462},{lg:-122.750496, lt:38.457508},{lg:-122.750534, lt:38.457626},{lg:-122.750511, lt:38.457668},{lg:-122.750572, lt:38.457684},{lg:-122.750481, lt:38.457577},{lg:-122.750443, lt:38.457657},{lg:-122.750458, lt:38.457699},{lg:-122.750397, lt:38.457718},{lg:-122.750427, lt:38.457760},{lg:-122.750389, lt:38.457798},{lg:-122.750488, lt:38.457916},{lg:-122.750542, lt:38.458069},{lg:-122.750816, lt:38.458450},{lg:-122.751160, lt:38.458794},{lg:-122.751366, lt:38.458961},{lg:-122.751404, lt:38.459057},{lg:-122.751549, lt:38.459145},{lg:-122.751579, lt:38.459190},{lg:-122.751587, lt:38.459244},{lg:-122.751350, lt:38.459305},{lg:-122.751427, lt:38.459412},{lg:-122.751602, lt:38.459545},{lg:-122.751610, lt:38.459602},{lg:-122.751572, lt:38.459698},{lg:-122.751648, lt:38.459911},{lg:-122.751625, lt:38.460114},{lg:-122.751640, lt:38.460060},{lg:-122.751389, lt:38.460335},{lg:-122.751457, lt:38.460468},{lg:-122.751457, lt:38.460625},{lg:-122.751350, lt:38.460854},{lg:-122.751373, lt:38.460903},{lg:-122.751564, lt:38.460880},{lg:-122.751389, lt:38.461040},{lg:-122.751358, lt:38.461102},{lg:-122.751419, lt:38.461132},{lg:-122.751373, lt:38.461182},{lg:-122.751572, lt:38.461208},{lg:-122.751862, lt:38.461300},{lg:-122.751953, lt:38.461300},{lg:-122.752075, lt:38.461243},{lg:-122.752121, lt:38.461273},{lg:-122.752235, lt:38.461197},{lg:-122.752258, lt:38.461212},{lg:-122.752266, lt:38.461330},{lg:-122.752373, lt:38.461502},{lg:-122.752342, lt:38.461548},{lg:-122.752388, lt:38.461578},{lg:-122.752403, lt:38.461632},{lg:-122.752457, lt:38.461628},{lg:-122.752480, lt:38.461884},{lg:-122.752411, lt:38.462158},{lg:-122.752304, lt:38.462234},{lg:-122.752029, lt:38.462238},{lg:-122.751526, lt:38.462303},{lg:-122.751198, lt:38.462399},{lg:-122.750572, lt:38.462368},{lg:-122.750107, lt:38.462379},{lg:-122.749832, lt:38.462322},{lg:-122.749611, lt:38.462227},{lg:-122.749413, lt:38.462208},{lg:-122.749100, lt:38.462105}, //top 2 - 199
  {lg:-122.748596, lt:38.461899},{lg:-122.748482, lt:38.461815},{lg:-122.748108, lt:38.461685},{lg:-122.746880, lt:38.461411},{lg:-122.746605, lt:38.461304},{lg:-122.746239, lt:38.461090},{lg:-122.745697, lt:38.460987},{lg:-122.745232, lt:38.460842},{lg:-122.744835, lt:38.460682},{lg:-122.744225, lt:38.460484},{lg:-122.742981, lt:38.459980},{lg:-122.742203, lt:38.459713},{lg:-122.741837, lt:38.459610},{lg:-122.740707, lt:38.459503},{lg:-122.740105, lt:38.459373},{lg:-122.739464, lt:38.459187},{lg:-122.738762, lt:38.458855},{lg:-122.737259, lt:38.458424},{lg:-122.735687, lt:38.457897},{lg:-122.735649, lt:38.457985},{lg:-122.735458, lt:38.458096},{lg:-122.735252, lt:38.458084},{lg:-122.735268, lt:38.457989},{lg:-122.735184, lt:38.458023},{lg:-122.735092, lt:38.457943},{lg:-122.735031, lt:38.457829},{lg:-122.735092, lt:38.457668},{lg:-122.735039, lt:38.457687},{lg:-122.734901, lt:38.457581},{lg:-122.734863, lt:38.457546},{lg:-122.734863, lt:38.457443},{lg:-122.734772, lt:38.457401},{lg:-122.734756, lt:38.457310},{lg:-122.734695, lt:38.457275},{lg:-122.734222, lt:38.457500},{lg:-122.734146, lt:38.457520},{lg:-122.733925, lt:38.457481},{lg:-122.733879, lt:38.457520},{lg:-122.733772, lt:38.457481},{lg:-122.732864, lt:38.456966},{lg:-122.732773, lt:38.456875},{lg:-122.732254, lt:38.456558},{lg:-122.731712, lt:38.456284},{lg:-122.731155, lt:38.455910},{lg:-122.729774, lt:38.455284},{lg:-122.729599, lt:38.455177},{lg:-122.728394, lt:38.454765},{lg:-122.727791, lt:38.454590},{lg:-122.726524, lt:38.454079},{lg:-122.725983, lt:38.453934},{lg:-122.725189, lt:38.453545},{lg:-122.724068, lt:38.453033},{lg:-122.723549, lt:38.452717},{lg:-122.723259, lt:38.452812},{lg:-122.723022, lt:38.452785},{lg:-122.722839, lt:38.452717},{lg:-122.722687, lt:38.452728},{lg:-122.722466, lt:38.452812},{lg:-122.722443, lt:38.452919},{lg:-122.722359, lt:38.452991},{lg:-122.722092, lt:38.453033},{lg:-122.721977, lt:38.453079},{lg:-122.721870, lt:38.453033},{lg:-122.721939, lt:38.453209},{lg:-122.721985, lt:38.453217}, //bottom 2
];

var streetViewPanorama;

//see google.maps.MaxZoomService getMaxZoomAtLatLng(latlng:LatLng, callback:function(MaxZoomResult)))

function initialize() {
  
  var mapDiv = document.getElementById(MAP_CANVAS_DIV_ID);
  
  streetViewPanorama = new google.maps.StreetViewPanorama(mapDiv, {
    position: new google.maps.LatLng(LLA_LIST[0].lt, LLA_LIST[0].lg),  pov: TAKE_OFF_POV_LIST[0],  addressControl: false,  zoomControl: false,  scrollwheel: false,  panControl: false,  linksControl: false
  });
}

function startAnimation() {
 moveToNextPOV(0, streetViewPanorama);
}

function moveToNextPOV(cnt, streetViewPanorama) {
  cnt ++;
  if (cnt &gt;= TAKE_OFF_POV_LIST.length ) {
    switchToMap();
  } else {
    streetViewPanorama.setPov(TAKE_OFF_POV_LIST[cnt]);
    window.setTimeout(function(){moveToNextPOV(cnt, streetViewPanorama)}, TIME_BETWEEN_UPDATES_MAX );
  }  
}
                      
function switchToMap() {
  var mapDiv = document.getElementById(MAP_CANVAS_DIV_ID);
    
  var map = new google.maps.Map(mapDiv, {
    center: new google.maps.LatLng(LLA_LIST[0].lt, LLA_LIST[0].lg),  zoom: getZoom(0) ,  mapTypeId: google.maps.MapTypeId.SATELLITE,  disableDefaultUI: true
  });
    
  window.setTimeout(function(){moveToNextLLA(0, map)}, getTimeBetweenAnimation(0) );
}

function moveToNextLLA(cnt, map) {
  cnt ++;
  if (cnt == LLA_LIST.length ) {
    alert("You arrived at destination ;-)");
  } else {
    addLine(cnt, map);
    map.panTo(new google.maps.LatLng(LLA_LIST[cnt].lt, LLA_LIST[cnt].lg));
    map.setZoom( getZoom(cnt) ); 
    window.setTimeout(function(){moveToNextLLA(cnt, map)}, getTimeBetweenAnimation(cnt));
  }  
}
                      
function addLine(cnt, map) {
      
  var lnlPath = [
      new google.maps.LatLng(LLA_LIST[cnt-1].lt, LLA_LIST[cnt-1].lg),    new google.maps.LatLng(LLA_LIST[cnt].lt,   LLA_LIST[cnt].lg)
  ];
    
  var line = new google.maps.Polyline({
    path: lnlPath,  strokeColor: '#ffd700',  strokeOpacity: 0.5,  strokeWeight: 3
  });

  line.setMap(map);
}

function getTimeBetweenAnimation(cnt) {
 var timeBetweenAnimationFrame = 0;
 var coefficient = TIME_BETWEEN_UPDATES_MAX - TIME_BETWEEN_UPDATES_MIN;
 if ( cnt &lt;= 10 ) {
  timeBetweenAnimationFrame = TIME_BETWEEN_UPDATES_MAX - coefficient * (cnt / 10);
 } else if ( cnt &gt;= LLA_LIST.length - 10 ) {
  timeBetweenAnimationFrame = TIME_BETWEEN_UPDATES_MIN + (coefficient * cnt);
 } else {
  timeBetweenAnimationFrame = TIME_BETWEEN_UPDATES_MIN;
 }
 return timeBetweenAnimationFrame;
}

function getZoom(x) {
 if ( 0 &lt;= x &amp;&amp; x &lt;= 77 ) {
  return Math.floor( 20 + (14-20)*(x-0)/(77-0) );
 } else if ( 77 &lt; x &amp;&amp; x &lt;= 93 ) {
  return Math.floor( 14 + (19-14)*(x-77)/(93-77) );
 } else if ( 93 &lt; x &amp;&amp; x &lt;= 199 ) {
  return Math.floor( 19 + (15-19)*(x-93)/(199-93) );
 } else {
  return Math.floor( 15 + (20-15)*(x-199)/(264-199) );
 }
}

initialize();
&lt;/script&gt;

It is fairly easy to start programming with this API. The &lt;a href="http://code.google.com/apis/ajax/playground/?exp=libraries#animate_v3"&gt;Google Code Playground&lt;/a&gt; was a very useful resource of API examples. 

You can find the implementation details in the source code of this page. The following summarizes the main points of the implementation.


The animation is in a DIV element:
&lt;pre class="brush:js"&gt;
&lt;div id="map-canvas" style="width:600px; height:400px"&gt;

&lt;/div&gt;&lt;/pre&gt;The first thing I do in the script is to obtain a JS reference to this object:
&lt;pre class="brush:js"&gt;
  var mapDiv = document.getElementById("map-canvas");
&lt;/pre&gt;Then I instantiate the StreetViewPanorama class with some GPS coordinates:
&lt;pre class="brush:js"&gt;
streetViewPanorama = new google.maps.StreetViewPanorama(
    mapDiv, {
        position: new google.maps.LatLng(
            latitude, 
            longitude,  
            pov: { /*pov stands for point of view*/
                heading:20, /*in degrees, relative to the north*/ 
                pitch:0,   
                zoom:4},
            /* hide all controls */  
            addressControl: false,  
            zoomControl: false,  
            scrollwheel: false,  
            panControl: false,  
            linksControl: false
    });
&lt;/pre&gt;To update the point of view, I call the following method every few milliseconds.
&lt;pre class="brush:js"&gt;
streetViewPanorama.setPov({ heading:20, pitch:0, zoom:4 } );
&lt;/pre&gt;After the hot air balloon takes off, the animation switches to Google Maps.
&lt;pre class="brush:js"&gt;
  var map = new google.maps.Map(mapDiv, {
    center: new google.maps.LatLng(latitude, longitude),
    zoom: 20 ,  
    mapTypeId: google.maps.MapTypeId.SATELLITE,  
    disableDefaultUI: true
  });
&lt;/pre&gt;To move the map and simulate the balloon movement, I call the following methods with new coordinates:
&lt;pre class="brush:js"&gt;
map.panTo( new google.maps.LatLng(latitude, longitude ));
map.setZoom( newZoom );
&lt;/pre&gt;&lt;br /&gt;
The animation is quite shaky. I could actually get a better result using the Google Earth API, but this will be for a later post ;-)&lt;img src="http://feeds.feedburner.com/~r/CodeBazaar/~4/OG1ts8HYyQw" height="1" width="1"/&gt;</content><link rel="replies" type="application/atom+xml" href="http://codebazaar.blogspot.com/feeds/943676559340316723/comments/default" title="Post Comments" /><link rel="replies" type="text/html" href="http://www.blogger.com/comment.g?blogID=8927794127513218467&amp;postID=943676559340316723&amp;isPopup=true" title="0 Comments" /><link rel="edit" type="application/atom+xml" href="http://www.blogger.com/feeds/8927794127513218467/posts/default/943676559340316723?v=2" /><link rel="self" type="application/atom+xml" href="http://www.blogger.com/feeds/8927794127513218467/posts/default/943676559340316723?v=2" /><link rel="alternate" type="text/html" href="http://feedproxy.google.com/~r/CodeBazaar/~3/OG1ts8HYyQw/get-in-hot-air-balloon-ride-with-google.html" title="Get in a hot air balloon ride with Google Street View and Maps API" /><author><name>Matthias Büchner</name><uri>http://www.blogger.com/profile/03993705703169676412</uri><email>noreply@blogger.com</email><gd:image rel="http://schemas.google.com/g/2005#thumbnail" width="32" height="32" src="http://3.bp.blogspot.com/_qMvPda4aNLU/S6vfmu4TcvI/AAAAAAAAAAM/tCt1QaYg0gM/S220/10000631_BUCHNER_Matthias.JPG" /></author><thr:total>0</thr:total><feedburner:origLink>http://codebazaar.blogspot.com/2011/04/get-in-hot-air-balloon-ride-with-google.html</feedburner:origLink></entry><entry gd:etag="W/&quot;C0YMR3s_fip7ImA9WhZREUU.&quot;"><id>tag:blogger.com,1999:blog-8927794127513218467.post-7593397519788569901</id><published>2011-04-04T22:36:00.000-07:00</published><updated>2011-04-07T05:59:46.546-07:00</updated><app:edited xmlns:app="http://www.w3.org/2007/app">2011-04-07T05:59:46.546-07:00</app:edited><title>Analyzing data from Twitter feeds</title><content type="html">&lt;script src="http://connect.facebook.net/en_US/all.js#xfbml=1"&gt;
&lt;/script&gt;&lt;fb:like font="" href="http://codebazaar.blogspot.com/2011/04/analyzing-data-from-twitter-feeds.html" show_faces="true" width="450"&gt;&lt;/fb:like&gt;&lt;br /&gt;
On average &lt;a href="http://blog.twitter.com/2011/03/numbers.html"&gt;1 billion tweets&lt;/a&gt; are being posted per week. This gigantic amount of data represents a great opportunity to analyze live trends and opinions... if you can filter out the data you are looking for. &lt;br /&gt;
&lt;br /&gt;
I attended &lt;a href="http://schedule.sxsw.com/events/event_IAP5656"&gt;a very interesting conference at SXSW&lt;/a&gt; that enticed me to try this out. The idea is to pull some data from social media websites (Twitter in this example) and analyze them.&lt;br /&gt;
&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://3.bp.blogspot.com/-ph_JAYbjqSA/TZMw4lb_M0I/AAAAAAAAADs/HwsiCpDeTT0/s1600/twitterdatacrunching.png" imageanchor="1"&gt;&lt;img border="0" height="64" src="http://3.bp.blogspot.com/-ph_JAYbjqSA/TZMw4lb_M0I/AAAAAAAAADs/HwsiCpDeTT0/s320/twitterdatacrunching.png" width="320" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;
I hacked a little program to download tweets, to store them in a database and to run some basic analysis on these data. It is using &lt;a href="http://twitter4j.org/"&gt;twitter4j&lt;/a&gt; and &lt;a href="http://code.google.com/p/sqlite4java/"&gt;sqlite4java&lt;/a&gt;. The source code is available upon request.&lt;br /&gt;
&lt;br /&gt;
My original plan was to download all tweets posted during the SXSW conference containing the word SXSW. Unfortunately, Twitter limits their search results to 1500 tweets per day, so I was not able to download them all. That's why I decided to narrow my search to all tweets posted during the time of the&amp;nbsp;&lt;a href="http://schedule.sxsw.com/events/event_IAP000264"&gt;final keynote&lt;/a&gt; and at the Austin Convention Center using the GPS coordinates. With these new filters, I was able to retrieve 2600 tweets in 2 days.&lt;br /&gt;
&lt;br /&gt;
First, I counted the numbers of occurrence for each word. After excluding all the common punctuations, prepositions, articles and numbers, I looked at the most common words used in these tweets:&lt;br /&gt;
&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://1.bp.blogspot.com/-GhMnRxp3cVI/TZ21LszPJ9I/AAAAAAAAAEY/4At6QP-sP7M/s1600/twitter_top_20_words.png" imageanchor="1" style=""&gt;&lt;img border="0" height="247" width="400" src="http://1.bp.blogspot.com/-GhMnRxp3cVI/TZ21LszPJ9I/AAAAAAAAAEY/4At6QP-sP7M/s400/twitter_top_20_words.png" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;
The words that are tweeted the most are the users' location (i.e. Austin, Convention, Center), followed by the particulars of the keynote speaker-- Blake Mycoskie.&lt;br /&gt;
&lt;br /&gt;
Only a few words are being tweeted repeatedly. Out of the 4840 words my program counted, 97% of them were used 20 times or less as you can see below.&lt;br /&gt;
&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://3.bp.blogspot.com/-GDyX75k3P7w/TZ204kN5XAI/AAAAAAAAAEQ/NGP--9WO2nU/s1600/twitter_vocabulary_diversity.png" imageanchor="1" style=""&gt;&lt;img border="0" height="247" width="400" src="http://3.bp.blogspot.com/-GDyX75k3P7w/TZ204kN5XAI/AAAAAAAAAEQ/NGP--9WO2nU/s400/twitter_vocabulary_diversity.png" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;
The vocabulary diversity chart above demonstrates that the words occurring more than 20 times are representative of the tweeting trend at that time and place.&lt;br /&gt;
&lt;br /&gt;
At this point, it was still very hard to determine what is the trend/opinion specific to the keynote. The program was still processing many tweets that are not related to the content of the keynote itself. So I decided to add another filter to select only the tweets that contain at least one of the following word: Blake, Mycoskie, TOMS or shoes.&amp;nbsp;I also used &lt;a href="http://wordnetcode.princeton.edu/standoff-files/core-wordnet.txt"&gt;a dictionary of the 5000 most commonly used words&lt;/a&gt; from the Princeton university to filter out the results.&lt;br /&gt;
&lt;br /&gt;
With this new filters, the following words stood out:&lt;br /&gt;
&lt;br /&gt;
&lt;div style="text-align: center;"&gt;&lt;span class="Apple-style-span" style="font-size: large;"&gt;great&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;amazing&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;giving&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;story&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;june&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;1for1&lt;/span&gt;&lt;/div&gt;&lt;div style="text-align: center;"&gt;&lt;span class="Apple-style-span" style="font-size: large;"&gt;&lt;br /&gt;
&lt;/span&gt;&lt;/div&gt;This may be a little simplistic but as a conclusion I would say that the attendees of the keynote speech:&lt;br /&gt;
- enjoyed the speech (great, amazing, story)&lt;br /&gt;
- understood the concept of TOMS business and were willing to share it (giving, 1for1)&lt;br /&gt;
- were excited to share the &lt;a href="http://www.youtube.com/watch?v=PmZ1iEmrExg"&gt;coming announcement on June 7th&lt;/a&gt;&amp;nbsp;(june).&lt;br /&gt;
&lt;br /&gt;
This post is the result of a few long nights of coding and analyzing. There are a lot more advanced works publicly available. You may be interested in the following links:&lt;br /&gt;
&lt;ul&gt;&lt;li&gt; &lt;a href="http://www.hpl.hp.com/research/scl/papers/socialmedia/socialmedia.pdf"&gt;Predicting the Future With Social Media&lt;/a&gt;&lt;br /&gt;
&lt;/li&gt;
&lt;li&gt;&lt;a href="http://www2.selu.edu/Academics/Faculty/aculotta/pubs/culotta10detecting.pdf"&gt;Detecting inﬂuenza outbreaks by analyzing Twitter messages&lt;/a&gt;&lt;br /&gt;
&lt;/li&gt;
&lt;li&gt; &lt;a href="http://www.google.com/search?q=twitter+analyze+filetype:pdf"&gt;... and many more&lt;/a&gt;&lt;br /&gt;
&lt;/li&gt;
&lt;/ul&gt;&lt;img src="http://feeds.feedburner.com/~r/CodeBazaar/~4/CJeU-S6upeQ" height="1" width="1"/&gt;</content><link rel="replies" type="application/atom+xml" href="http://codebazaar.blogspot.com/feeds/7593397519788569901/comments/default" title="Post Comments" /><link rel="replies" type="text/html" href="http://www.blogger.com/comment.g?blogID=8927794127513218467&amp;postID=7593397519788569901&amp;isPopup=true" title="3 Comments" /><link rel="edit" type="application/atom+xml" href="http://www.blogger.com/feeds/8927794127513218467/posts/default/7593397519788569901?v=2" /><link rel="self" type="application/atom+xml" href="http://www.blogger.com/feeds/8927794127513218467/posts/default/7593397519788569901?v=2" /><link rel="alternate" type="text/html" href="http://feedproxy.google.com/~r/CodeBazaar/~3/CJeU-S6upeQ/analyzing-data-from-twitter-feeds.html" title="Analyzing data from Twitter feeds" /><author><name>Matthias Büchner</name><uri>http://www.blogger.com/profile/03993705703169676412</uri><email>noreply@blogger.com</email><gd:image rel="http://schemas.google.com/g/2005#thumbnail" width="32" height="32" src="http://3.bp.blogspot.com/_qMvPda4aNLU/S6vfmu4TcvI/AAAAAAAAAAM/tCt1QaYg0gM/S220/10000631_BUCHNER_Matthias.JPG" /></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://3.bp.blogspot.com/-ph_JAYbjqSA/TZMw4lb_M0I/AAAAAAAAADs/HwsiCpDeTT0/s72-c/twitterdatacrunching.png" height="72" width="72" /><thr:total>3</thr:total><feedburner:origLink>http://codebazaar.blogspot.com/2011/04/analyzing-data-from-twitter-feeds.html</feedburner:origLink></entry><entry gd:etag="W/&quot;C0YNR3g5cCp7ImA9WhZRGE8.&quot;"><id>tag:blogger.com,1999:blog-8927794127513218467.post-5427924902276377227</id><published>2011-03-28T21:58:00.000-07:00</published><updated>2011-04-14T15:46:36.628-07:00</updated><app:edited xmlns:app="http://www.w3.org/2007/app">2011-04-14T15:46:36.628-07:00</app:edited><title>How to automate tasks in Photoshop with JavaScript</title><content type="html">&lt;script src="http://connect.facebook.net/en_US/all.js#xfbml=1"&gt;&lt;/script&gt;&lt;fb:like href="http://codebazaar.blogspot.com/2011/03/how-to-build-animated-gif-with.html" show_faces="true" width="450" font=""&gt;&lt;/fb:like&gt;&lt;br /&gt;
I recently learned it is possible to control Adobe Photophop in JavaScript, so I tried it out! From this article, I hope you will learn how to get started with Photoshop scripting.&lt;br /&gt;
&lt;br /&gt;
Photoshop is able to record your manual actions into a JavaScript. To enable this feature:&lt;br /&gt;
&lt;ul&gt;&lt;li&gt;copy the file ScriptingListenerJS.8LI from C:\Program Files\Adobe\Adobe Photoshop CS5\Scripting\Utilities to C:\Program Files\Adobe\Adobe Photoshop CS5\Plug-ins\Automate&lt;/li&gt;
&lt;li&gt;restart Photoshop&lt;/li&gt;
&lt;li&gt;start manipulating Photoshop&lt;/li&gt;
&lt;/ul&gt;A file ScriptingListenerJS.txt should be created on your Desktop. I opened an image and resized it, here is the script generated:&lt;br /&gt;
&lt;pre class="brush:js"&gt;// =======================================================
var idOpn = charIDToTypeID( "Opn " );
    var desc1 = new ActionDescriptor();
    var idnull = charIDToTypeID( "null" );
    desc1.putPath( idnull, new File( "C:\\codebazaar\\3x3gifmaker\\input\\IMG_5032.JPG" ) );
executeAction( idOpn, desc1, DialogModes.NO );

// =======================================================
var idImgS = charIDToTypeID( "ImgS" );
    var desc2 = new ActionDescriptor();
    var idWdth = charIDToTypeID( "Wdth" );
    var idPxl = charIDToTypeID( "#Pxl" );
    desc2.putUnitDouble( idWdth, idPxl, 3000.000000 );
    var idscaleStyles = stringIDToTypeID( "scaleStyles" );
    desc2.putBoolean( idscaleStyles, true );
    var idCnsP = charIDToTypeID( "CnsP" );
    desc2.putBoolean( idCnsP, true );
    var idIntr = charIDToTypeID( "Intr" );
    var idIntp = charIDToTypeID( "Intp" );
    var idBcbc = charIDToTypeID( "Bcbc" );
    desc2.putEnumerated( idIntr, idIntp, idBcbc );
executeAction( idImgS, desc2, DialogModes.NO );
&lt;/pre&gt;&lt;br /&gt;
A script helps to automate repetitive tasks in Photoshop. You can use the generated code as a starting point to do so.&lt;br /&gt;
&lt;br /&gt;
Adobe also offers an API. For example, I built a script executing the following operations:&lt;br /&gt;
&lt;ul&gt;&lt;li&gt;ask the user to select a folder&lt;/li&gt;
&lt;li&gt;open all the images present in the selected folder&lt;/li&gt;
&lt;li&gt;resize all the images&lt;/li&gt;
&lt;li&gt;copy/cut and paste all the images into different layers&lt;/li&gt;
&lt;li&gt;build a GIF animation &lt;/li&gt;
&lt;/ul&gt;&lt;br /&gt;
The complete script is available for download &lt;a href="http://www.box.net/shared/brg64nd1nv"&gt;here&lt;/a&gt;. &lt;br /&gt;
&lt;br /&gt;
To run the script:&lt;br /&gt;
&lt;ul&gt;&lt;li&gt;open Adobe Extended Toolkit&lt;/li&gt;
&lt;li&gt;in the dropdown menu at the top left of the window, select Adobe Photoshop&lt;/li&gt;
&lt;li&gt;in the menu, select File, then Open and select the script to execute&lt;/li&gt;
&lt;li&gt;in the menu, select Debug, Run (or press F5)&lt;/li&gt;
&lt;li&gt;Photoshop will ask to select a folder containing the images to process&lt;/li&gt;
&lt;li&gt;then you can see Photoshop executing all the tasks coded in the script&lt;/li&gt;
&lt;/ul&gt;&lt;div class="separator" style="clear: both; text-align: left;"&gt;&lt;a href="http://3.bp.blogspot.com/-imXLljfTt1c/TZFkPDGnw1I/AAAAAAAAADc/-M0Rhc6-PmI/s1600/adobe-extended-toolkit-screenshot.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="182" src="http://3.bp.blogspot.com/-imXLljfTt1c/TZFkPDGnw1I/AAAAAAAAADc/-M0Rhc6-PmI/s320/adobe-extended-toolkit-screenshot.png" width="320" /&gt;&lt;/a&gt;This is a screenshot of Adobe Extended Toolkit. It allows you to set breakpoints, view the local variables as you are debugging and inspect the call stack&lt;/div&gt;&lt;p&gt;&amp;nbsp;&lt;/p&gt;I did not find how to automatically set the time interval between each animation frame, so I manually had to do this step and save the animation (File, Save for Web &amp;amp; Device, Save).&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
The following image has been generated by the script.&lt;br /&gt;
&lt;div style="text-align: center;"&gt;&lt;img border="0" src="https://lh3.googleusercontent.com/LFnYccUkziODa2bPr-nB8S5W4dyfBI-avnjTEIeRzmTHI4qLbYYd6Vbflel2A0O0flnkeHjUTVx4_a4IiC9N4BVtvg=s512" /&gt;&lt;/div&gt;The API allows to write a code that is more concise and easier to read than the code generated by Photoshop. In some cases I was not always able to find what method to use from the API to execute a specific action, so I recorded some of these actions and incorporated the generated code into my script.&lt;br /&gt;
&lt;br /&gt;
Here are some web sites I found useful:&lt;br /&gt;
&lt;ul&gt;&lt;li&gt;&lt;a href="http://www.adobe.com/devnet/photoshop/scripting.html"&gt;&lt;b&gt;adobe.com - Photoshop Scripting API and documentation&lt;/b&gt;&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="http://www.adobepress.com/articles/article.asp?p=433750"&gt;&lt;b&gt;adobepress.com - Learn How to Script Adobe Photoshop CS2&lt;/b&gt;&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="http://www.ps-scripts.com/index.html"&gt;&lt;b&gt;ps-scripts.com - The Photoshop Scripting Community&lt;/b&gt;&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="http://photoshoptutorials.ws/photoshop-tutorials/technical/manipulate-an-image-with-scripting.html"&gt;&lt;b&gt;photoshoptutorials.ws - Manipulate an Image with Scripting&lt;/b&gt;&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="http://morris-photographics.com/photoshop/tutorials/index.html"&gt;&lt;b&gt;morris-photographics.com - Trevor Morris - Scripting Photoshop tutorials&lt;/b&gt;&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="http://www.kirupa.com/motiongraphics/ps_scripting.htm"&gt;&lt;b&gt;kirupa.com - Photoshop Scripting tutorials&lt;/b&gt;&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="http://www.mydamnchannel.com/You_Suck_at_Photoshop/Season_1/YouSuckAtPhotoshop1DistortWarpandLayerEffects_1373.aspx"&gt;&lt;b&gt;mydamnchannel.com - You suck at Photoshop&lt;/b&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;&lt;br /&gt;
Also, if you don't get dizzy by looking at this animation, you can try this &lt;a href="http://html5demos.com/video-canvas"&gt;one&lt;/a&gt; made in HTML 5.&lt;img src="http://feeds.feedburner.com/~r/CodeBazaar/~4/YUmw-ds2Od0" height="1" width="1"/&gt;</content><link rel="replies" type="application/atom+xml" href="http://codebazaar.blogspot.com/feeds/5427924902276377227/comments/default" title="Post Comments" /><link rel="replies" type="text/html" href="http://www.blogger.com/comment.g?blogID=8927794127513218467&amp;postID=5427924902276377227&amp;isPopup=true" title="0 Comments" /><link rel="edit" type="application/atom+xml" href="http://www.blogger.com/feeds/8927794127513218467/posts/default/5427924902276377227?v=2" /><link rel="self" type="application/atom+xml" href="http://www.blogger.com/feeds/8927794127513218467/posts/default/5427924902276377227?v=2" /><link rel="alternate" type="text/html" href="http://feedproxy.google.com/~r/CodeBazaar/~3/YUmw-ds2Od0/how-to-build-animated-gif-with.html" title="How to automate tasks in Photoshop with JavaScript" /><author><name>Matthias Büchner</name><uri>http://www.blogger.com/profile/03993705703169676412</uri><email>noreply@blogger.com</email><gd:image rel="http://schemas.google.com/g/2005#thumbnail" width="32" height="32" src="http://3.bp.blogspot.com/_qMvPda4aNLU/S6vfmu4TcvI/AAAAAAAAAAM/tCt1QaYg0gM/S220/10000631_BUCHNER_Matthias.JPG" /></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="http://3.bp.blogspot.com/-imXLljfTt1c/TZFkPDGnw1I/AAAAAAAAADc/-M0Rhc6-PmI/s72-c/adobe-extended-toolkit-screenshot.png" height="72" width="72" /><thr:total>0</thr:total><feedburner:origLink>http://codebazaar.blogspot.com/2011/03/how-to-build-animated-gif-with.html</feedburner:origLink></entry><entry gd:etag="W/&quot;C04GQH06fyp7ImA9WhZSF0g.&quot;"><id>tag:blogger.com,1999:blog-8927794127513218467.post-3729991246812397586</id><published>2010-11-03T17:07:00.000-07:00</published><updated>2011-04-02T06:45:21.317-07:00</updated><app:edited xmlns:app="http://www.w3.org/2007/app">2011-04-02T06:45:21.317-07:00</app:edited><title>Monkey see, GreaseMonkey do!</title><content type="html">&lt;script src="http://connect.facebook.net/en_US/all.js#xfbml=1"&gt;&lt;/script&gt;&lt;fb:like href="http://codebazaar.blogspot.com/2010/11/monkey-see-greasemonkey-do.html" show_faces="true" width="450" font=""&gt;&lt;/fb:like&gt;&lt;br /&gt;
&lt;a href="http://en.wikipedia.org/wiki/Greasemonkey"&gt;&lt;b&gt;GreaseMonkey&lt;/b&gt;&lt;/a&gt; has been around for quite a while, but it is not known as much as it should! Originally, it started as a&lt;span class="Apple-style-span"&gt; &lt;a href="https://addons.mozilla.org/en-US/firefox/addon/748/"&gt;&lt;b&gt;browser extension for Firefox&lt;/b&gt;&lt;/a&gt;&lt;/span&gt;&amp;nbsp;but the userscripts are now&amp;nbsp;natively&amp;nbsp;&lt;a href="http://blog.chromium.org/2010/02/40000-more-extensions.html"&gt;&lt;b&gt;supported in Chrome&lt;/b&gt;&lt;/a&gt;.&lt;br /&gt;
&lt;div&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div&gt;In this video tutorial, I will&amp;nbsp;talk about:&lt;/div&gt;&lt;div&gt;&lt;ul&gt;&lt;li&gt;What GreaseMonkey is&lt;/li&gt;
&lt;li&gt;How I used it&lt;/li&gt;
&lt;li&gt;Fews tips regarding the development of userscript&lt;/li&gt;
&lt;/ul&gt;&lt;/div&gt;&lt;br /&gt;
&lt;div style="text-align: center;"&gt;&lt;object height="344" width="425"&gt;&lt;param name="movie" value="http://www.youtube.com/v/hAeWOOJPp0o?fs=1&amp;amp;hl=en_US"&gt;&lt;/param&gt;&lt;param name="allowFullScreen" value="true"&gt;&lt;/param&gt;&lt;param name="allowscriptaccess" value="always"&gt;&lt;/param&gt;&lt;embed src="http://www.youtube.com/v/hAeWOOJPp0o?fs=1&amp;amp;hl=en_US" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"&gt;&lt;/embed&gt;&lt;/object&gt;&lt;/div&gt;&lt;br /&gt;
The userscript I use as example is available here:&amp;nbsp;&lt;a href="http://userscripts.org/scripts/show/87653"&gt;&lt;b&gt;http://userscripts.org/scripts/show/87653&lt;/b&gt;&lt;/a&gt;. userscript.org hosts about 60,000 userscripts as I am writing this! You can search the best rated or the most downloaded userscripts. The nature of the scripts that are available on this website is very diverse. It ranges from providing cheats on popular Facebook games to enhancing the look of your everyday news website.&lt;img src="http://feeds.feedburner.com/~r/CodeBazaar/~4/Xs2MF9trHWI" height="1" width="1"/&gt;</content><link rel="replies" type="application/atom+xml" href="http://codebazaar.blogspot.com/feeds/3729991246812397586/comments/default" title="Post Comments" /><link rel="replies" type="text/html" href="http://www.blogger.com/comment.g?blogID=8927794127513218467&amp;postID=3729991246812397586&amp;isPopup=true" title="12 Comments" /><link rel="edit" type="application/atom+xml" href="http://www.blogger.com/feeds/8927794127513218467/posts/default/3729991246812397586?v=2" /><link rel="self" type="application/atom+xml" href="http://www.blogger.com/feeds/8927794127513218467/posts/default/3729991246812397586?v=2" /><link rel="alternate" type="text/html" href="http://feedproxy.google.com/~r/CodeBazaar/~3/Xs2MF9trHWI/monkey-see-greasemonkey-do.html" title="Monkey see, GreaseMonkey do!" /><author><name>Matthias Büchner</name><uri>http://www.blogger.com/profile/03993705703169676412</uri><email>noreply@blogger.com</email><gd:image rel="http://schemas.google.com/g/2005#thumbnail" width="32" height="32" src="http://3.bp.blogspot.com/_qMvPda4aNLU/S6vfmu4TcvI/AAAAAAAAAAM/tCt1QaYg0gM/S220/10000631_BUCHNER_Matthias.JPG" /></author><thr:total>12</thr:total><feedburner:origLink>http://codebazaar.blogspot.com/2010/11/monkey-see-greasemonkey-do.html</feedburner:origLink></entry><entry gd:etag="W/&quot;CEcGQ30yfyp7ImA9WhZSF0g.&quot;"><id>tag:blogger.com,1999:blog-8927794127513218467.post-8542083949205204390</id><published>2010-09-02T19:09:00.000-07:00</published><updated>2011-04-02T06:47:02.397-07:00</updated><app:edited xmlns:app="http://www.w3.org/2007/app">2011-04-02T06:47:02.397-07:00</app:edited><title>Two Factor Authentication without the Overhead of Traditional OTP</title><content type="html">&lt;script src="http://connect.facebook.net/en_US/all.js#xfbml=1"&gt;&lt;/script&gt;&lt;fb:like href="http://codebazaar.blogspot.com/2010/09/i-published-with-two-colleagues-from.html" show_faces="true" width="450" font=""&gt;&lt;/fb:like&gt;&lt;br /&gt;
My colleagues and I published a paper where we discussed our design of a two-factor authentication taylored to lower the cost without compromising the security.&lt;br /&gt;
&lt;br /&gt;
Here is the abtract: "&lt;i&gt;This paper describes a simple security architecture that supports two factor authentication for accessing Internet resources. Instead of utilizing the complex traditional OTP frameworks, which can be cumbersome to both deploy and use, we present a software architecture based on a shared knowledge between a token and a remote Internet resource; such as a web server. The confidentiality of this shared knowledge is protected by the smart card embedded in the token. The approach is explained in the context of initial token setup and a practical use-case for two factor online authentication. Despite its simplicity, this software optimization provides a comparable level of security for asserting the identity of users.&lt;/i&gt;"&lt;br /&gt;
&lt;br /&gt;
We presented it at the &lt;a href="http://www.iasted.org/conferences/pastinfo-669.html"&gt;&lt;b&gt;13th IASTED International Conference on Software Engineering and Applications 2009&lt;/b&gt;&lt;/a&gt;&amp;nbsp;&lt;span class="Apple-style-span" style="font-family: Times; font-size: 31px; white-space: nowrap;"&gt;&lt;span style="font-size: 25px;"&gt;&lt;span class="Apple-style-span" style="font-family: 'Times New Roman';"&gt;&lt;span class="Apple-style-span" style="font-size: medium; white-space: normal;"&gt;in Cambridge, MA.&lt;/span&gt;&lt;/span&gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;The full paper is also available on &lt;a href="http://actapress.com/"&gt;&lt;b&gt;actapress.com&lt;/b&gt;&lt;/a&gt;, but it is not free :/&lt;img src="http://feeds.feedburner.com/~r/CodeBazaar/~4/6pUDoK7_FP0" height="1" width="1"/&gt;</content><link rel="replies" type="application/atom+xml" href="http://codebazaar.blogspot.com/feeds/8542083949205204390/comments/default" title="Post Comments" /><link rel="replies" type="text/html" href="http://www.blogger.com/comment.g?blogID=8927794127513218467&amp;postID=8542083949205204390&amp;isPopup=true" title="0 Comments" /><link rel="edit" type="application/atom+xml" href="http://www.blogger.com/feeds/8927794127513218467/posts/default/8542083949205204390?v=2" /><link rel="self" type="application/atom+xml" href="http://www.blogger.com/feeds/8927794127513218467/posts/default/8542083949205204390?v=2" /><link rel="alternate" type="text/html" href="http://feedproxy.google.com/~r/CodeBazaar/~3/6pUDoK7_FP0/i-published-with-two-colleagues-from.html" title="Two Factor Authentication without the Overhead of Traditional OTP" /><author><name>Matthias Büchner</name><uri>http://www.blogger.com/profile/03993705703169676412</uri><email>noreply@blogger.com</email><gd:image rel="http://schemas.google.com/g/2005#thumbnail" width="32" height="32" src="http://3.bp.blogspot.com/_qMvPda4aNLU/S6vfmu4TcvI/AAAAAAAAAAM/tCt1QaYg0gM/S220/10000631_BUCHNER_Matthias.JPG" /></author><thr:total>0</thr:total><feedburner:origLink>http://codebazaar.blogspot.com/2010/09/i-published-with-two-colleagues-from.html</feedburner:origLink></entry><entry gd:etag="W/&quot;CEYFSX0zeCp7ImA9WhZSF0g.&quot;"><id>tag:blogger.com,1999:blog-8927794127513218467.post-1202880205850876720</id><published>2010-09-02T18:50:00.000-07:00</published><updated>2011-04-02T06:48:38.380-07:00</updated><app:edited xmlns:app="http://www.w3.org/2007/app">2011-04-02T06:48:38.380-07:00</app:edited><title>We are featured on the GWT blog!</title><content type="html">&lt;script src="http://connect.facebook.net/en_US/all.js#xfbml=1"&gt;&lt;/script&gt;&lt;fb:like href="http://codebazaar.blogspot.com/2010/09/link-to-my-teams-guest-blog-post-on.html" show_faces="true" width="450" font=""&gt;&lt;/fb:like&gt;&lt;br /&gt;
I met Patrick Chanezon, Google developer advocate, at the &lt;a href="http://www.google.com/events/sxsw2010/hackathon.html"&gt;&lt;b&gt;Google Hackathon in SXSW 2010&lt;/b&gt;&lt;/a&gt;.&amp;nbsp;As a former engineer at Sun, he has a clear understanding of the world of smart card. I showed him my team's work, where we married&lt;b&gt;&lt;span class="Apple-style-span" style="color: white;"&gt; &lt;/span&gt;&lt;/b&gt;&lt;a href="http://code.google.com/webtoolkit/"&gt;&lt;b&gt;GWT&lt;/b&gt;&lt;/a&gt;&amp;nbsp;and smart cards in an innovative application.&lt;br /&gt;
&lt;br /&gt;
Here is a video where Patrick interviewed me to talk about my company &lt;a href="http://gemalto.com/"&gt;&lt;b&gt;Gemalto&lt;/b&gt;&lt;/a&gt;, &amp;nbsp;my team's work and explained how GWT helps us to meet our various project requirements.&lt;br /&gt;
&lt;div style="text-align: center;"&gt;&lt;object height="344" style="background-image: url(http://i2.ytimg.com/vi/uPzuILcsERk/hqdefault.jpg);" width="425"&gt;&lt;param name="movie" value="http://www.youtube.com/v/uPzuILcsERk?fs=1&amp;amp;hl=en_US"&gt;&lt;param name="allowFullScreen" value="true"&gt;&lt;param name="allowscriptaccess" value="always"&gt;&lt;embed src="http://www.youtube.com/v/uPzuILcsERk?fs=1&amp;amp;hl=en_US" width="425" height="344" allowScriptAccess="never" allowFullScreen="true" wmode="transparent" type="application/x-shockwave-flash"&gt;&lt;/embed&gt;&lt;/object&gt;&lt;/div&gt;&lt;br /&gt;
In addition to the video, our team was invited to guest blog on the&lt;span class="Apple-style-span" style="color: white;"&gt; &lt;/span&gt;&lt;a href="http://googlewebtoolkit.blogspot.com/2010/06/todays-guest-blog-post-comes-from.html"&gt;&lt;b&gt;Google GWT blog&lt;/b&gt;&lt;/a&gt;&lt;span class="Apple-style-span" style="color: white;"&gt; &lt;/span&gt;to share more application design and programming tips.&lt;img src="http://feeds.feedburner.com/~r/CodeBazaar/~4/1t6Cs-qQErk" height="1" width="1"/&gt;</content><link rel="replies" type="application/atom+xml" href="http://codebazaar.blogspot.com/feeds/1202880205850876720/comments/default" title="Post Comments" /><link rel="replies" type="text/html" href="http://www.blogger.com/comment.g?blogID=8927794127513218467&amp;postID=1202880205850876720&amp;isPopup=true" title="0 Comments" /><link rel="edit" type="application/atom+xml" href="http://www.blogger.com/feeds/8927794127513218467/posts/default/1202880205850876720?v=2" /><link rel="self" type="application/atom+xml" href="http://www.blogger.com/feeds/8927794127513218467/posts/default/1202880205850876720?v=2" /><link rel="alternate" type="text/html" href="http://feedproxy.google.com/~r/CodeBazaar/~3/1t6Cs-qQErk/link-to-my-teams-guest-blog-post-on.html" title="We are featured on the GWT blog!" /><author><name>Matthias Büchner</name><uri>http://www.blogger.com/profile/03993705703169676412</uri><email>noreply@blogger.com</email><gd:image rel="http://schemas.google.com/g/2005#thumbnail" width="32" height="32" src="http://3.bp.blogspot.com/_qMvPda4aNLU/S6vfmu4TcvI/AAAAAAAAAAM/tCt1QaYg0gM/S220/10000631_BUCHNER_Matthias.JPG" /></author><thr:total>0</thr:total><feedburner:origLink>http://codebazaar.blogspot.com/2010/09/link-to-my-teams-guest-blog-post-on.html</feedburner:origLink></entry><entry gd:etag="W/&quot;CEYARHk5eSp7ImA9WhZSF0g.&quot;"><id>tag:blogger.com,1999:blog-8927794127513218467.post-5617793911753160223</id><published>2010-08-22T14:37:00.000-07:00</published><updated>2011-04-02T06:49:05.721-07:00</updated><app:edited xmlns:app="http://www.w3.org/2007/app">2011-04-02T06:49:05.721-07:00</app:edited><title>Video tutorial for JNI</title><content type="html">&lt;script src="http://connect.facebook.net/en_US/all.js#xfbml=1"&gt;&lt;/script&gt;&lt;fb:like href="http://codebazaar.blogspot.com/2010/08/package-codebazaar.html" show_faces="true" width="450" font=""&gt;&lt;/fb:like&gt;&lt;br /&gt;
&lt;div&gt;JNI (Java Native Interface) allows the communication between a JAVA program and a native program (C, C++). The objective of this first blog post is to give you a quick introduction to this technology. Hopefully, after reading this post and watching the video, you should be able to:&lt;/div&gt;&lt;div&gt;&lt;ul&gt;&lt;li&gt;set up your own environment with Eclipse and Visual Studio&lt;/li&gt;
&lt;li&gt;create a program using JNI&lt;/li&gt;
&lt;li&gt;debug while switching between JAVA and native code&lt;/li&gt;
&lt;li&gt;avoid memory leaks&lt;/li&gt;
&lt;li&gt;understand the risk of JVM crash&lt;/li&gt;
&lt;/ul&gt;&lt;div&gt;&lt;insert&gt;&lt;/insert&gt;&lt;/div&gt;&lt;/div&gt;&lt;div&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div&gt;&lt;br /&gt;
&lt;object height="385" width="480"&gt;&lt;param name="movie" value="http://www.youtube.com/v/vmRUqajLIuM?fs=1&amp;amp;hl=en_US"&gt;&lt;param name="allowFullScreen" value="true"&gt;&lt;param name="allowscriptaccess" value="always"&gt;&lt;embed src="http://www.youtube.com/v/vmRUqajLIuM?fs=1&amp;amp;hl=en_US" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="480" height="385"&gt;&lt;/embed&gt;&lt;/object&gt;&lt;/div&gt;&lt;div&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
I used Eclipse and Microsoft Visual Studio for this demonstration. Eclipse is a popular development IDE for JAVA. You can download it for free on &lt;a href="http://www.eclipse.org/"&gt;&lt;b&gt;http://www.eclipse.org/&lt;/b&gt;&lt;/a&gt;. Visual Studio Express is the free version of Visual Studio and it is available here: &lt;a href="http://www.microsoft.com/express/"&gt;&lt;b&gt;http://www.microsoft.com/express&lt;/b&gt;/&lt;/a&gt;.&lt;/div&gt;&lt;div&gt;&lt;br /&gt;
The example is using two classes Bean and JniExample. JniExample loads the native library (JniExampleLibrary.dll) and exposes the native methods implemented in the DLL. The bean is used to demonstrate how to exchange data through JNI.&lt;/div&gt;&lt;div&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div&gt;We used javah.exe to generate the header file declaring the native methods in the DLL as defined in JniExample.java. The command line is:&lt;span class="Apple-style-span" style="font-family: monospace; font-size: 100%;"&gt;&lt;span class="Apple-style-span" style="font-size: 13px; white-space: pre;"&gt;&lt;span class="Apple-style-span" style="font-family: Georgia, serif; font-size: 130%;"&gt;&lt;span class="Apple-style-span" style="font-size: 16px; white-space: normal;"&gt;&lt;br /&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;pre class="brush:plain"&gt;javah -d C:\codebazaar\JniExample\cpp\JniExample codebazaar.example.JniExample
&lt;/pre&gt;We also used javap.exe to generate the method signatures. The command line is:&lt;br /&gt;
&lt;pre class="brush:plain"&gt;javap -s codebazaar.example.JniExample
&lt;/pre&gt;As your program may evolve, I recommend you to save these commands as external tools in eclipse.&lt;/div&gt;&lt;div&gt;&lt;br /&gt;
To debug the library and the JAVA, in Visual Studio go to Debug, select Attach to Process, find javaw.exe and click on the Attach button.&lt;/div&gt;&lt;br /&gt;
As in any native code, you need to pay a special attention to memory leak. In the case of JNI, the JVM takes care of most of the job. Any instance passed to or returned by the DLL will be freed by the JVM. You need to free a buffer only if it has been allocated outside the JVM.&lt;br /&gt;
&lt;div&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div&gt;Finally, we demonstrated how to get the JVM crash... That was the easy part :D If you are considering communicating with a native library from your web application, you need to realize that a problem in the native library might take the whole server down. As this is not great in term of avaibility, you may consider running the native library on a separate web server.&lt;/div&gt;&lt;div&gt;&lt;div&gt;&lt;br /&gt;
I uploaded all the &lt;a href="http://www.box.net/shared/a22u7f56fe"&gt;&lt;b&gt;source code&lt;/b&gt;&lt;/a&gt; used. But you can view it directly from here:&lt;br /&gt;
&lt;pre class="brush:java"&gt;package codebazaar.example;

public class Bean {
//public members
public String dataString; 
public byte[] dataByteArray;

public Bean() {}

//getters and setters
public String getDataString() {
return dataString;
}

public void setDataString(String dataString) {
this.dataString = dataString;
}

public byte[] getDataByteArray() {
return dataByteArray;
}

public void setDataByteArray(byte[] dataByteArray) {
this.dataByteArray = dataByteArray;
} 

@Override
public String toString(){
String ret = "string = " + dataString;

ret += " / byteArray =";
if ( dataByteArray != null ) {
for ( byte b : dataByteArray) {
ret += " " + b;
}
}

return  ret; 
}
}
&lt;/pre&gt;&lt;br /&gt;
&lt;pre class="brush:java"&gt;package codebazaar.example;

public class JniExample {
static {
System.loadLibrary("JniExampleLibrary");
}

// native methods
/**
* this method calls printSomething
*/
public native void callJavaMethod();

/**
* this method creates an instance of Bean and returns it
*/
public native Bean createAndReturnBean();

/**
* this method takes an instance of Bean as parameter and changes the value of its members
*/
public native void modifyBean(Bean bean);

/**
* this method will the JVM when invoked 
*/
public native void crashTheJvm();

public void printSomething() {
System.out.println("Thanks for watching this video");
}

public void runExample1() {
System.out.println("starting runExample1...");
callJavaMethod();
}

public void runExample2() {
System.out.println("starting runExample2...");

Bean bean = createAndReturnBean();
System.out.println("returned= " + bean.toString());
}

public void runExample3() {
System.out.println("starting runExample3...");

Bean bean = new Bean();
bean.setDataString("hello");

byte[] byteArray = new byte[] { 0x01, 0x02, 0x03 };
bean.setDataByteArray(byteArray);

System.out.println("before: " + bean.toString());
modifyBean(bean);
System.out.println("after: " + bean.toString());
}

public void runExample4() {
System.out.println("starting runExample4...");
crashTheJvm();
}
}
&lt;/pre&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;pre class="brush:java"&gt;package codebazaar.example;

public class Main {

/**
* @param args
*/
public static void main(String[] args) {
System.out.println("Starting JavaMain...");

JniExample jniExample = new JniExample();
jniExample.runExample1();
jniExample.runExample2();
jniExample.runExample3();
jniExample.runExample4();
}

}
&lt;/pre&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;pre class="brush:c++"&gt;/* DO NOT EDIT THIS FILE - it is machine generated */
#include &lt;jni.h&gt;
/* Header for class codebazaar_example_JniExample */

#ifndef _Included_codebazaar_example_JniExample
#define _Included_codebazaar_example_JniExample
#ifdef __cplusplus
extern "C" {
#endif
/*
* Class:     codebazaar_example_JniExample
* Method:    callJavaMethod
* Signature: ()V
*/
JNIEXPORT void JNICALL Java_codebazaar_example_JniExample_callJavaMethod
(JNIEnv *, jobject);

/*
* Class:     codebazaar_example_JniExample
* Method:    createAndReturnBean
* Signature: ()Lcodebazaar/example/Bean;
*/
JNIEXPORT jobject JNICALL Java_codebazaar_example_JniExample_createAndReturnBean
(JNIEnv *, jobject);

/*
* Class:     codebazaar_example_JniExample
* Method:    modifyBean
* Signature: (Lcodebazaar/example/Bean;)V
*/
JNIEXPORT void JNICALL Java_codebazaar_example_JniExample_modifyBean
(JNIEnv *, jobject, jobject);

/*
* Class:     codebazaar_example_JniExample
* Method:    crashTheJvm
* Signature: ()V
*/
JNIEXPORT void JNICALL Java_codebazaar_example_JniExample_crashTheJvm
(JNIEnv *, jobject);

#ifdef __cplusplus
}
#endif
#endif
&lt;/jni.h&gt;&lt;/pre&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;pre class="brush:c++"&gt;#include "codebazaar_example_JniExample.h"
#include &lt;cstring&gt;

JNIEXPORT void JNICALL Java_codebazaar_example_JniExample_callJavaMethod (JNIEnv * env, jobject obj) {
jclass jniExampleCls = env-&amp;gt;GetObjectClass(obj);

jmethodID mid = env-&amp;gt;GetMethodID(jniExampleCls, "printSomething", "()V");

env-&amp;gt;CallVoidMethod(obj, mid);
}

JNIEXPORT jobject JNICALL Java_codebazaar_example_JniExample_createAndReturnBean  (JNIEnv *env, jobject obj) {
jclass beanClass = env-&amp;gt;FindClass("codebazaar/example/Bean");
jmethodID constructorMethodId = env-&amp;gt;GetMethodID(beanClass, "&lt;init&gt;", "()V"); 
jobject bean = env-&amp;gt;NewObject(beanClass, constructorMethodId);

jstring newString = env-&amp;gt;NewStringUTF("this bean has been created in Java_codebazaar_example_JniExample_createAndReturnBean");

jmethodID setStringMid = env-&amp;gt;GetMethodID(beanClass, "setDataString", "(Ljava/lang/String;)V");

env-&amp;gt;CallVoidMethod(bean, setStringMid, newString );

return bean;
}

JNIEXPORT void JNICALL Java_codebazaar_example_JniExample_modifyBean  (JNIEnv *env, jobject obj, jobject bean) {
jclass beanCls = env-&amp;gt;GetObjectClass(bean);

jmethodID setStringMid = env-&amp;gt;GetMethodID(beanCls, "setDataString", "(Ljava/lang/String;)V");

// set the bean member "dataString"
jstring newString = env-&amp;gt;NewStringUTF("world");
env-&amp;gt;CallVoidMethod(bean, setStringMid, newString );

// set the bean member "dataByteArray"
jbyteArray newByteArray = env-&amp;gt;NewByteArray(5);
jbyte buffer[5] = {5,4,3,2,1};
env-&amp;gt;SetByteArrayRegion( newByteArray, 0, 5, buffer);

jmethodID setByteArrayMid = env-&amp;gt;GetMethodID(beanCls, "setDataByteArray", "([B)V");

env-&amp;gt;CallVoidMethod(bean, setByteArrayMid, newByteArray );
}


JNIEXPORT void JNICALL Java_codebazaar_example_JniExample_crashTheJvm (JNIEnv *env, jobject obj) {
//stack overflow - http://en.wikipedia.org/wiki/Stack_overflow
double x[1000000];
}&lt;/init&gt;&lt;/cstring&gt;&lt;/pre&gt;&lt;br /&gt;
&lt;/div&gt;&lt;/div&gt;&lt;br /&gt;
&lt;br /&gt;
UPDATE 04/02/11:&lt;br /&gt;
If you encounter the following error:&lt;br /&gt;
&lt;pre class="brush:plain"&gt;java.lang.UnsatisfiedLinkError: ${path here}/library.dll: This application has failed to start because the application configuration is incorrect. Reinstalling the application may fix this problem
&lt;/pre&gt;I would recommend you to use &lt;a href="http://www.dependencywalker.com/"&gt;Dependency Walker&lt;/a&gt; to verify your DLL can find all its dependencies. If you are missing msvcr90.dll, you may be missing the &lt;a href="http://www.microsoft.com/downloads/en/details.aspx?FamilyID=9b2da534-3e03-4391-8a4d-074b9f2bc1bf&amp;displaylang=en"&gt;Microsoft Redistributable Merge Modules&lt;/a&gt;.&lt;img src="http://feeds.feedburner.com/~r/CodeBazaar/~4/1K4BX8vWLJM" height="1" width="1"/&gt;</content><link rel="replies" type="application/atom+xml" href="http://codebazaar.blogspot.com/feeds/5617793911753160223/comments/default" title="Post Comments" /><link rel="replies" type="text/html" href="http://www.blogger.com/comment.g?blogID=8927794127513218467&amp;postID=5617793911753160223&amp;isPopup=true" title="19 Comments" /><link rel="edit" type="application/atom+xml" href="http://www.blogger.com/feeds/8927794127513218467/posts/default/5617793911753160223?v=2" /><link rel="self" type="application/atom+xml" href="http://www.blogger.com/feeds/8927794127513218467/posts/default/5617793911753160223?v=2" /><link rel="alternate" type="text/html" href="http://feedproxy.google.com/~r/CodeBazaar/~3/1K4BX8vWLJM/package-codebazaar.html" title="Video tutorial for JNI" /><author><name>Matthias Büchner</name><uri>http://www.blogger.com/profile/03993705703169676412</uri><email>noreply@blogger.com</email><gd:image rel="http://schemas.google.com/g/2005#thumbnail" width="32" height="32" src="http://3.bp.blogspot.com/_qMvPda4aNLU/S6vfmu4TcvI/AAAAAAAAAAM/tCt1QaYg0gM/S220/10000631_BUCHNER_Matthias.JPG" /></author><thr:total>19</thr:total><feedburner:origLink>http://codebazaar.blogspot.com/2010/08/package-codebazaar.html</feedburner:origLink></entry></feed>
