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

<channel>
	<title>i-create &#124; therefore-i am &#187; JSON</title>
	<atom:link href="http://i-create.org/tag/json/feed/" rel="self" type="application/rss+xml" />
	<link>http://i-create.org</link>
	<description>i-create &#124; therefore i-am &#124; a blog about opensource technology and rich internet applications</description>
	<lastBuildDate>Thu, 05 Aug 2010 04:19:15 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.1</generator>
		<item>
		<title>Next Chapter</title>
		<link>http://i-create.org/2010/03/28/next-chapter/</link>
		<comments>http://i-create.org/2010/03/28/next-chapter/#comments</comments>
		<pubDate>Mon, 29 Mar 2010 03:54:12 +0000</pubDate>
		<dc:creator>Brendon Smith</dc:creator>
				<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[MashUp]]></category>
		<category><![CDATA[i-create]]></category>
		<category><![CDATA[AJAX]]></category>
		<category><![CDATA[JQuery]]></category>
		<category><![CDATA[JSON]]></category>
		<category><![CDATA[Processing]]></category>
		<category><![CDATA[ProcessingJS]]></category>
		<category><![CDATA[Yahoo Pipes]]></category>

		<guid isPermaLink="false">http://i-create.org/?p=769</guid>
		<description><![CDATA[Well the good news is I am officially a Rich Internet Application Developer! So I will mainly be focusing on creating reusable controls with JavaScript and ActionScript for the retail store Hayneedle! I will miss working with all the wonderful developers at infoGroup. I was fortunate enough to start their as a Graphical User Interface [...]]]></description>
			<content:encoded><![CDATA[<p>Well the good news is I am officially a Rich Internet Application Developer!  So I will mainly be focusing on creating reusable controls with JavaScript and ActionScript for the retail store <a href="http://i-create.org/wp-content/plugins/feed-statistics.php?url=aHR0cDovL3d3dy5oYXluZWVkbGUuY29tLz9zb3VyY2U9Z29vZ2xlYXcmIzAzODtrd2lkPWhheW5lZWRsZSYjMDM4O3RpZD1leGFjdA==" title=\"Hayneedle\" target=\"_blank\">Hayneedle</a>!  I will miss working with all the wonderful developers at <a href="http://i-create.org/wp-content/plugins/feed-statistics.php?url=aHR0cDovL2luZm9ncm91cC5jb20v" title=\"infoGroup\" target=\"_blank\">infoGroup</a>.  I was fortunate enough to start their as a Graphical User Interface Developer and end as a Software Engineer.  I have learned a tremendous amount from working at infoGroup and will miss all of them.  I will also never forget all the knowledge they shared with me.  C# is an awesome language and so is Ruby on Rails!  I will continue to use both in the future!  While working at infoGroup I worked on numerous projects 2 newer versions of Salesgenie.com and one entirely new product SalesDesk a real-time CRM.   I utilized <a href="http://i-create.org/wp-content/plugins/feed-statistics.php?url=aHR0cDovL2pxdWVyeS5jb20v" title=\"jQuery\" target=\"_blank\">jQuery</a>, CSS, ASP.NET 2.0, ASP.NET 3.5 (MVC), and Ruby on Rails.  I will continue to learn and use new languages at my new post at Hayneedle I will be using ColdFusion, JavaScript, and ActionScript.  I think it will be fun to have a change of pace and I am really excited to be a part of their development / user experience group!  I believe this job will enable me to use my creative side a little more; so I think that will be enjoyable and I think I will learn a tremendous amount by working with the new team they are an extremely innovative group.  It is always good to challenge yourself and change things, and have new experiences, I will miss infoGroup.  This month I have been extremely busy I am currently working with two clients in the Omaha Metro area and I will be teaming up with <a href="http://i-create.org/wp-content/plugins/feed-statistics.php?url=aHR0cDovL21pbm9yd2hpdGVzdHVkaW9zLmNvbS9ibG9nLw==" title=\"MinorWhiteStudios\" target=\"_blank\">MinorWhiteStudios</a> on future projects so I am excited to be working with them.  I believe they are the best photographers / designers in town.  I hadn&#8217;t talked to Scott in years and it was nice of him to call me.  His whole team is extremely creative and I belive I will also learn a great deal working with them!</p>
<p>I have really been sitting around and reading a great deal at home.  I don&#8217;t get out much anymore.  I find myself playing with new technologies on my off time.  I have also been working on a game for a client of mine and hopefully I can have a demo of that soon!  Lately I have been playing around with <a href="http://i-create.org/wp-content/plugins/feed-statistics.php?url=aHR0cDovL3Byb2Nlc3Npbmdqcy5vcmcv" title=\"ProcessingJS\" target=\"_blank\">ProcessingJS</a> and here is a new experiment.  This example uses a font from <a href="http://i-create.org/wp-content/plugins/feed-statistics.php?url=aHR0cDovL3d3dy5kYWZvbnQuY29tL2xhdXJlbi10aG9tcHNvbi5kMTk5Nw==" title=\"DaFont\" target=\"_blank\">DaFont</a>.  This example also borrows from this <a href="http://i-create.org/wp-content/plugins/feed-statistics.php?url=aHR0cDovL3Byb2Nlc3Npbmdqcy5vcmcvc291cmNlL2NhbnZhcy10ZXh0LWxpbmtzL2NhbnZhcy10ZXh0LWxpbmsuaHRtbA==" title=\"processin link example\" target=\"_blank\">example</a> thanks to <a href="http://i-create.org/wp-content/plugins/feed-statistics.php?url=aHR0cDovL2h5cGVyLW1ldHJpeC5jb20=" title=\"@F1LT3R\" target=\"_blank\">@F1LT3R</a> for sharing this example.  You know it&#8217;s fun using Processing with jQuery I will continue to watch and play with this framework because its fun:)</p>
<p><a href="http://i-create.org/wp-content/plugins/feed-statistics.php?url=aHR0cDovL2ktY3JlYXRlLm9yZy9KYXZhU2NyaXB0L3Byb2Nlc3NpbkpTX1lhaG9vUGlwZXMveWFob29QaXBlLmh0bWw=" target=\"_blank\" title=\"ProcessingJS and jQuery Simple MashUp\" ><img src="/JavaScript/processinJS_YahooPipes/processingMashUp.jpg" title="Processing JS mashUp using JSON and Yahoo Pipes" /></a></p>

<div class="wp_syntax"><div class="code"><pre class="javascript" style="font-family:monospace;"><span style="color: #003366; font-weight: bold;">var</span> jData<span style="color: #339933;">;</span>
<span style="color: #003366; font-weight: bold;">var</span> objClik <span style="color: #339933;">=</span> <span style="color: #003366; font-weight: bold;">new</span> Array<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #003366; font-weight: bold;">var</span> colorPool <span style="color: #339933;">=</span> <span style="color: #003366; font-weight: bold;">new</span> Array<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;#075997&quot;</span><span style="color: #339933;">,</span><span style="color: #3366CC;">&quot;#079714&quot;</span><span style="color: #339933;">,</span><span style="color: #3366CC;">&quot;#970744&quot;</span><span style="color: #339933;">,</span><span style="color: #3366CC;">&quot;#079792&quot;</span><span style="color: #339933;">,</span><span style="color: #3366CC;">&quot;#970769&quot;</span><span style="color: #339933;">,</span><span style="color: #3366CC;">&quot;#078497&quot;</span><span style="color: #339933;">,</span> <span style="color: #3366CC;">&quot;#970718&quot;</span><span style="color: #339933;">,</span> <span style="color: #3366CC;">&quot;#075197&quot;</span><span style="color: #339933;">,</span> <span style="color: #3366CC;">&quot;#079733&quot;</span><span style="color: #339933;">,</span><span style="color: #3366CC;">&quot;#079707&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #003366; font-weight: bold;">function</span> loadFeed<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>
	jQuery.<span style="color: #660066;">getJSON</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;http://pipes.yahoo.com/pipes/pipe.run?_id=2432dea4d4d6afa353c425dc5e542fb4&amp;_render=json&amp;_callback=?&quot;</span><span style="color: #339933;">,</span> <span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span>json<span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
	jData <span style="color: #339933;">=</span> json<span style="color: #339933;">;</span>
	jQuery<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'#YahooPipe'</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">width</span><span style="color: #009900;">&#40;</span>jQuery<span style="color: #009900;">&#40;</span>window<span style="color: #009900;">&#41;</span>.<span style="color: #660066;">width</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
	jQuery<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'#YahooPipe'</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">height</span><span style="color: #009900;">&#40;</span>jQuery<span style="color: #009900;">&#40;</span>window<span style="color: #009900;">&#41;</span>.<span style="color: #660066;">height</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
	loadProcessing<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #009900;">&#125;</span>
jQuery<span style="color: #009900;">&#40;</span>document<span style="color: #009900;">&#41;</span>.<span style="color: #660066;">ready</span><span style="color: #009900;">&#40;</span><span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span> 
<span style="color: #000066; font-weight: bold;">try</span><span style="color: #009900;">&#123;</span>
<span style="color: #000066; font-weight: bold;">if</span><span style="color: #009900;">&#40;</span><span style="color: #339933;">!</span>jQuery.<span style="color: #660066;">browser</span>.<span style="color: #660066;">msie</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>
loadFeed<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #009900;">&#125;</span><span style="color: #000066; font-weight: bold;">else</span><span style="color: #009900;">&#123;</span>
	jQuery<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'#result'</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">text</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;Sorry you are using Internet Explorer an inferior browser please utilize a next generation browser like FireFox, Chrome, or Safari!&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #009900;">&#125;</span>
<span style="color: #009900;">&#125;</span><span style="color: #000066; font-weight: bold;">catch</span><span style="color: #009900;">&#40;</span>err<span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>
	jQuery<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'#result'</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">text</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;Sorry Pipe Failed to Load Please refresh and try again:)&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #009900;">&#125;</span>
<span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
&nbsp;
<span style="color: #003366; font-weight: bold;">function</span> loadProcessing<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>
		<span style="color: #003366; font-weight: bold;">var</span> script <span style="color: #339933;">=</span> document.<span style="color: #660066;">getElementById</span><span style="color: #009900;">&#40;</span> <span style="color: #3366CC;">'linkScript'</span> <span style="color: #009900;">&#41;</span>.<span style="color: #660066;">text</span><span style="color: #339933;">;</span>
		<span style="color: #003366; font-weight: bold;">var</span> canvas <span style="color: #339933;">=</span> document.<span style="color: #660066;">getElementById</span><span style="color: #009900;">&#40;</span> <span style="color: #3366CC;">'YahooPipe'</span> <span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
		Processing<span style="color: #009900;">&#40;</span>canvas<span style="color: #339933;">,</span> script<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
	<span style="color: #009900;">&#125;</span>
&nbsp;
&nbsp;
<span style="color: #000066; font-weight: bold;">void</span> setup<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span>
<span style="color: #009900;">&#123;</span>
  strokeWeight<span style="color: #009900;">&#40;</span><span style="color: #CC0000;">0</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
  noStroke<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
  size<span style="color: #009900;">&#40;</span>jQuery<span style="color: #009900;">&#40;</span>window<span style="color: #009900;">&#41;</span>.<span style="color: #660066;">width</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">,</span>jQuery<span style="color: #009900;">&#40;</span>window<span style="color: #009900;">&#41;</span>.<span style="color: #660066;">height</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
  background<span style="color: #009900;">&#40;</span><span style="color: #CC0000;">255</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
  smooth<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #009900;">&#125;</span>
PFont font <span style="color: #339933;">=</span> loadFont<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;Champagne_Limousines.svg&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #000066; font-weight: bold;">void</span> draw<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> 
<span style="color: #009900;">&#123;</span>
  <span style="color: #000066; font-weight: bold;">for</span><span style="color: #009900;">&#40;</span>i <span style="color: #339933;">=</span> <span style="color: #CC0000;">0</span><span style="color: #339933;">;</span> i <span style="color: #339933;">&lt;</span> jData.<span style="color: #660066;">value</span>.<span style="color: #660066;">items</span>.<span style="color: #660066;">length</span><span style="color: #339933;">;</span> i<span style="color: #339933;">++</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>
  int pointX <span style="color: #339933;">=</span> random<span style="color: #009900;">&#40;</span><span style="color: #CC0000;">0</span><span style="color: #339933;">,</span>jQuery<span style="color: #009900;">&#40;</span>window<span style="color: #009900;">&#41;</span>.<span style="color: #660066;">width</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
  int pointY <span style="color: #339933;">=</span> random<span style="color: #009900;">&#40;</span><span style="color: #CC0000;">0</span><span style="color: #339933;">,</span>jQuery<span style="color: #009900;">&#40;</span>window<span style="color: #009900;">&#41;</span>.<span style="color: #660066;">height</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
  int fSize <span style="color: #339933;">=</span> random<span style="color: #009900;">&#40;</span><span style="color: #CC0000;">30</span><span style="color: #339933;">,</span><span style="color: #CC0000;">65</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
  objClik.<span style="color: #660066;">push</span><span style="color: #009900;">&#40;</span><span style="color: #003366; font-weight: bold;">new</span> alinked<span style="color: #009900;">&#40;</span>pointX<span style="color: #339933;">,</span>pointY<span style="color: #339933;">,</span>fSize<span style="color: #339933;">,</span>jData.<span style="color: #660066;">value</span>.<span style="color: #660066;">items</span><span style="color: #009900;">&#91;</span>i<span style="color: #009900;">&#93;</span>.<span style="color: #660066;">link</span><span style="color: #339933;">,</span> jData.<span style="color: #660066;">value</span>.<span style="color: #660066;">items</span><span style="color: #009900;">&#91;</span>i<span style="color: #009900;">&#93;</span>.<span style="color: #660066;">title</span><span style="color: #339933;">,</span> colorPool<span style="color: #009900;">&#91;</span>Math.<span style="color: #660066;">floor</span><span style="color: #009900;">&#40;</span>Math.<span style="color: #660066;">random</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #339933;">*</span> colorPool.<span style="color: #660066;">length</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#93;</span><span style="color: #339933;">,</span>colorPool<span style="color: #009900;">&#91;</span>Math.<span style="color: #660066;">floor</span><span style="color: #009900;">&#40;</span>Math.<span style="color: #660066;">random</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #339933;">*</span> colorPool.<span style="color: #660066;">length</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#93;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> 
&nbsp;
  <span style="color: #009900;">&#125;</span>
  forLinks<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'render'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
  exit<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #009900;">&#125;</span>
&nbsp;
&nbsp;
<span style="color: #000066; font-weight: bold;">void</span> forLinks<span style="color: #009900;">&#40;</span>mode<span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>
  <span style="color: #000066; font-weight: bold;">for</span><span style="color: #009900;">&#40;</span>int i<span style="color: #339933;">=</span><span style="color: #CC0000;">0</span><span style="color: #339933;">;</span>i <span style="color: #339933;">&lt;</span> objClik.<span style="color: #660066;">length</span><span style="color: #339933;">;</span> i<span style="color: #339933;">++</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>
    t<span style="color: #339933;">=</span>objClik<span style="color: #009900;">&#91;</span>i<span style="color: #009900;">&#93;</span><span style="color: #339933;">;</span>
    <span style="color: #000066; font-weight: bold;">switch</span><span style="color: #009900;">&#40;</span>mode<span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>
      <span style="color: #000066; font-weight: bold;">case</span> <span style="color: #3366CC;">'render'</span><span style="color: #339933;">:</span>objClik<span style="color: #009900;">&#91;</span>i<span style="color: #009900;">&#93;</span>.<span style="color: #660066;">render</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>break<span style="color: #339933;">;</span>
      <span style="color: #000066; font-weight: bold;">case</span> <span style="color: #3366CC;">'detect'</span><span style="color: #339933;">:</span>
        mouseX <span style="color: #339933;">&gt;</span> objClik<span style="color: #009900;">&#91;</span>i<span style="color: #009900;">&#93;</span>.<span style="color: #660066;">x</span> <span style="color: #339933;">&amp;&amp;</span>   
        mouseY <span style="color: #339933;">&gt;</span> objClik<span style="color: #009900;">&#91;</span>i<span style="color: #009900;">&#93;</span>.<span style="color: #660066;">y</span> <span style="color: #339933;">&amp;&amp;</span>
        mouseY <span style="color: #339933;">&lt;</span> objClik<span style="color: #009900;">&#91;</span>i<span style="color: #009900;">&#93;</span>.<span style="color: #660066;">y</span><span style="color: #339933;">+</span>t.<span style="color: #660066;">size</span> <span style="color: #339933;">&amp;&amp;</span>
        mouseX <span style="color: #339933;">&lt;</span> objClik<span style="color: #009900;">&#91;</span>i<span style="color: #009900;">&#93;</span>.<span style="color: #660066;">x</span><span style="color: #339933;">+</span>t.<span style="color: #660066;">anchorWidth</span><span style="color: #339933;">?</span>
          objClik<span style="color: #009900;">&#91;</span>i<span style="color: #009900;">&#93;</span>.<span style="color: #660066;">rollOver</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">:</span>
          objClik<span style="color: #009900;">&#91;</span>i<span style="color: #009900;">&#93;</span>.<span style="color: #660066;">rollOut</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
        <span style="color: #000066; font-weight: bold;">break</span><span style="color: #339933;">;</span>
      <span style="color: #000066; font-weight: bold;">case</span> <span style="color: #3366CC;">'clicks'</span><span style="color: #339933;">:</span>objClik<span style="color: #009900;">&#91;</span>i<span style="color: #009900;">&#93;</span>.<span style="color: #660066;">mouseOver</span><span style="color: #339933;">?</span>objClik<span style="color: #009900;">&#91;</span>i<span style="color: #009900;">&#93;</span>.<span style="color: #660066;">clicked</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">:</span><span style="color: #CC0000;">0</span><span style="color: #339933;">;</span>
    <span style="color: #009900;">&#125;</span>
  <span style="color: #009900;">&#125;</span>
<span style="color: #009900;">&#125;</span>
&nbsp;
<span style="color: #000066; font-weight: bold;">void</span> mouseMoved<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>forLinks<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'detect'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span><span style="color: #009900;">&#125;</span>
<span style="color: #000066; font-weight: bold;">void</span> mouseClicked<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>forLinks<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'clicks'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span><span style="color: #009900;">&#125;</span>
&nbsp;
<span style="color: #003366; font-weight: bold;">class</span> alinked<span style="color: #009900;">&#123;</span>
  boolean mouseOver<span style="color: #339933;">;</span>
  color current_col<span style="color: #339933;">;</span>
  float anchorWidth<span style="color: #339933;">;</span>
  alinked<span style="color: #009900;">&#40;</span>float x<span style="color: #339933;">,</span> float y<span style="color: #339933;">,</span> float size<span style="color: #339933;">,</span> String href<span style="color: #339933;">,</span>String anchor<span style="color: #339933;">,</span> Color text_col<span style="color: #339933;">,</span> Color hover_col<span style="color: #009900;">&#41;</span>
  <span style="color: #009900;">&#123;</span>
    href<span style="color: #339933;">=</span>href<span style="color: #339933;">;</span>    
    anchor<span style="color: #339933;">=</span>anchor<span style="color: #339933;">;</span>    
    <span style="color: #000066; font-weight: bold;">this</span>.<span style="color: #660066;">size</span><span style="color: #339933;">=</span>size<span style="color: #339933;">;</span>
    <span style="color: #000066; font-weight: bold;">this</span>.<span style="color: #660066;">x</span><span style="color: #339933;">=</span>x<span style="color: #339933;">,</span><span style="color: #000066; font-weight: bold;">this</span>.<span style="color: #660066;">y</span><span style="color: #339933;">=</span>y<span style="color: #339933;">;</span>
    text_col<span style="color: #339933;">=</span>text_col<span style="color: #339933;">;</span>
    hover_col<span style="color: #339933;">=</span>hover_col<span style="color: #339933;">;</span>
    current_col<span style="color: #339933;">=</span>text_col<span style="color: #339933;">;</span>
    mouseOver<span style="color: #339933;">=</span><span style="color: #003366; font-weight: bold;">false</span><span style="color: #339933;">;</span>    
  <span style="color: #009900;">&#125;</span>
  <span style="color: #000066; font-weight: bold;">void</span> render<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>
    anchorWidth<span style="color: #339933;">=</span>font.<span style="color: #660066;">width</span><span style="color: #009900;">&#40;</span>anchor<span style="color: #009900;">&#41;</span><span style="color: #339933;">*</span>size<span style="color: #339933;">;</span>    
    clear<span style="color: #009900;">&#40;</span>x<span style="color: #339933;">,</span>y<span style="color: #339933;">,</span>anchorWidth<span style="color: #339933;">,</span>size<span style="color: #339933;">+</span><span style="color: #CC0000;">4</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
    textFont<span style="color: #009900;">&#40;</span>font<span style="color: #339933;">,</span>size<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
    fill<span style="color: #009900;">&#40;</span>current_col<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
    mouseOver<span style="color: #339933;">?</span>rect<span style="color: #009900;">&#40;</span>x<span style="color: #339933;">,</span>y<span style="color: #339933;">+</span>size<span style="color: #339933;">+</span><span style="color: #CC0000;">2</span><span style="color: #339933;">,</span>anchorWidth<span style="color: #339933;">,</span><span style="color: #CC0000;">1</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">:</span><span style="color: #CC0000;">0</span><span style="color: #339933;">;</span>
    text<span style="color: #009900;">&#40;</span>anchor<span style="color: #339933;">,</span>x<span style="color: #339933;">,</span>y<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>    
  <span style="color: #009900;">&#125;</span>
  <span style="color: #000066; font-weight: bold;">void</span> rollOver<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>
    <span style="color: #000066; font-weight: bold;">if</span><span style="color: #009900;">&#40;</span><span style="color: #339933;">!</span>mouseOver<span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>      
      mouseOver<span style="color: #339933;">=</span><span style="color: #003366; font-weight: bold;">true</span><span style="color: #339933;">;</span>
      cursor<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'pointer'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
      current_col<span style="color: #339933;">=</span>hover_col<span style="color: #339933;">;</span>
      render<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
    <span style="color: #009900;">&#125;</span>
  <span style="color: #009900;">&#125;</span>
  <span style="color: #000066; font-weight: bold;">void</span> rollOut<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>
    <span style="color: #000066; font-weight: bold;">if</span><span style="color: #009900;">&#40;</span>mouseOver<span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>
      mouseOver<span style="color: #339933;">=</span><span style="color: #003366; font-weight: bold;">false</span><span style="color: #339933;">;</span>
      cursor<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'auto'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
      current_col<span style="color: #339933;">=</span>text_col<span style="color: #339933;">;</span>
      render<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
    <span style="color: #009900;">&#125;</span>
  <span style="color: #009900;">&#125;</span>
  <span style="color: #000066; font-weight: bold;">void</span> clicked<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>
    link<span style="color: #009900;">&#40;</span>href<span style="color: #339933;">,</span> <span style="color: #3366CC;">&quot;_blank&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
  <span style="color: #009900;">&#125;</span>
<span style="color: #009900;">&#125;</span></pre></div></div>

<p><a href="http://i-create.org/wp-content/plugins/feed-statistics.php?url=aHR0cDovL2ktY3JlYXRlLm9yZy9KYXZhU2NyaXB0L3Byb2Nlc3NpbkpTX1lhaG9vUGlwZXMveWFob29QaXBlLmh0bWw=" target=\"_blank\" title=\"ProcessingJS and jQuery Simple MashUp\" >Launch Example</a> / <a href="http://i-create.org/wp-content/plugins/feed-statistics.php?url=aHR0cDovL2ktY3JlYXRlLm9yZy9KYXZhU2NyaXB0L3Byb2Nlc3NpbkpTX1lhaG9vUGlwZXMuemlw" target=\"_blank\" title=\"ProcessingJS and jQuery Simple MashUp Code Download\" >Download Example</a></p>
<p>This experiment simply grabs a yahoo pipe parses the JSON and then adds the links to the Canvas tag.  It is really amazing to see all the progress of HTML5 and all the cool new JavaScript libraries.  Please note internet explorer users will not be able to view this example because IE does not support the Canvas tag:(.  Sometimes I have also noticed it fails to capture the JSON but I have a try catch so it should tell you to try again.  I am not going to add a JAVA version of this project simply because I don&#8217;t have time too right now. I noticed ProcessingJS is now supporting some of the 3D functions of Processing (JAVA) I haven&#8217;t had time to play with them lately but I will make a data mashup with it as soon as I can find the time.  I am also still working on my new Portfolio the never ending project maybe within the next two weeks I will actually post it!  I am looking forward to <a href="http://i-create.org/wp-content/plugins/feed-statistics.php?url=aHR0cDovL2NzNS5vcmcv" title=\"CS5!\" target=\"_blank\">CS5</a> and purchasing Flash Builder 4!   I have also noticed that with libraries like <a href="http://i-create.org/wp-content/plugins/feed-statistics.php?url=aHR0cDovL3NjcmlwdHkyLmNvbS8=" title=\"Scripty2\" target=\"_blank\">Scripty2</a> it might be a fun to port over some Flash Games (AS2) utilize JavaScript so they can be enjoyed with out a plugin!</p>
<p><a href="http://i-create.org/wp-content/plugins/feed-statistics.php?url=aHR0cDovL3d3dy5icmlnaHRodWIuY29tL2h1YmZvbGlvL21hdHRoZXctY2FzcGVyc29uL2Jsb2cvYXJjaGl2ZS8yMDA5LzA3LzA4L2ZsYXNoLWFuZC1qYXZhc2NyaXB0LTNkLXdpdGgtc2FuZHktaHguYXNweA==" title=\"Sandy3D haXe 2 JavaScript Examples\" target=\"_blank\">Sandy3D haXe 2 JavaScript Examples</a><br />
<a href="http://i-create.org/wp-content/plugins/feed-statistics.php?url=aHR0cDovL3d3dy5hbnNjYW1vYmlsZS5jb20vY29yb25hLw==" title=\"Corona SDK \" target=\"_blank\">Corona SDK </a><br />
<a href="http://i-create.org/wp-content/plugins/feed-statistics.php?url=aHR0cDovL3d3dy5zcHJvdXRjb3JlLmNvbS8=" title=\"SproutCore JavaScript FrameWork\" target=\"_blank\">SproutCore JavaScript FrameWork</a><br />
<a href="http://i-create.org/wp-content/plugins/feed-statistics.php?url=aHR0cDovL3NjcmlwdHkyLmNvbS8=" title=\"Scripty2 JavaScript Framework\" target=\"_blank\">Scripty2</a><br />
<a href="http://i-create.org/wp-content/plugins/feed-statistics.php?url=aHR0cDovL3d3dy5zdHVkZW50Lmt1bGV1dmVuLmJlL35tMDIxNjkyMi9DRy9yYXljYXN0aW5nLmh0bWw=" title=\"Excellent C++ RayCaster Example\" target=\"_blank\">Excellent C++ RayCaster Example</a><br />
<a href="http://i-create.org/wp-content/plugins/feed-statistics.php?url=aHR0cDovL2FqYXhuYS5jb2RlcGxleC5jb20v" title=\"Ajax RayCaster Example\" target=\"_blank\">Ajax RayCaster Example</a><br />
<a href="http://i-create.org/wp-content/plugins/feed-statistics.php?url=aHR0cDovL3JheWNhc3RlcnguY29kZXBsZXguY29tLw==" title=\"XNA C# RayCaster\" target=\"_blank\">XNA C# RayCaster</a></p>
 <img src="http://i-create.org/wp-content/plugins/feed-statistics.php?view=1&post_id=769" width="1" height="1" style="display: none;" /><a class="a2a_dd addtoany_share_save" href="http://www.addtoany.com/share_save?linkurl=http%3A%2F%2Fi-create.org%2F2010%2F03%2F28%2Fnext-chapter%2F&amp;linkname=Next%20Chapter"><img src="http://i-create.org/wp-content/plugins/add-to-any/share_save_171_16.png" width="171" height="16" alt="Share/Bookmark"/></a>]]></content:encoded>
			<wfw:commentRss>http://i-create.org/2010/03/28/next-chapter/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>When Pigs Fly With jQuery</title>
		<link>http://i-create.org/2009/12/08/when-pigs-fly-with-jquery/</link>
		<comments>http://i-create.org/2009/12/08/when-pigs-fly-with-jquery/#comments</comments>
		<pubDate>Wed, 09 Dec 2009 02:37:27 +0000</pubDate>
		<dc:creator>Brendon Smith</dc:creator>
				<category><![CDATA[MashUp]]></category>
		<category><![CDATA[Web 3.0]]></category>
		<category><![CDATA[i-create]]></category>
		<category><![CDATA[Experiment]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[JSON]]></category>
		<category><![CDATA[Yahoo Pipes]]></category>

		<guid isPermaLink="false">http://i-create.org/?p=708</guid>
		<description><![CDATA[Here is yet another tutorial. This tutorial demonstrates numerous JQuery methods: Show how to embed a font. How to use offset() on divs to get the divs position to pass to another item. How to use JSON with jQuery. How to pull Twitter Searches How to consume Yahoo Pipes JSON. How to parse content and [...]]]></description>
			<content:encoded><![CDATA[<p>Here is yet another tutorial.  This tutorial demonstrates numerous JQuery methods:</p>
<ol>
<li>Show how to embed a font.</li>
<li>How to use offset() on divs to get the divs position to pass to another item.</li>
<li>How to use JSON with jQuery.</li>
<li>How to pull Twitter Searches</li>
<li>How to consume Yahoo Pipes JSON.</li>
<li>How to parse content and only display a series of Images tags in JSON content.</li>
<li>How to animate using jQuery.</li>
<li>How to export Yahoo Pipes KML and Render.</li>
</ol>
<p><a href="http://i-create.org/wp-content/plugins/feed-statistics.php?url=aHR0cDovL2ktY3JlYXRlLm9yZy9KYXZhU2NyaXB0L3NjOU5ld3Mv" title=\"Click here to Launch Finished Project\" target=\"_blank\">Click here to Launch Finished Project</a></p>
<p><a href="http://i-create.org/wp-content/plugins/feed-statistics.php?url=aHR0cDovL2ktY3JlYXRlLm9yZy9KYXZhU2NyaXB0L3lhaG9vUGlwZXNKc29uLnppcA==" title=\"Yahoo Pipes and JSON Project Download Code\" target=\"_blank\">Click here to download all associated Code</a></p>
<p><a href="http://i-create.org/wp-content/plugins/feed-statistics.php?url=aHR0cDovL2ktY3JlYXRlLm9yZy9KYXZhU2NyaXB0L3NjOU5ld3Mv" title=\"Click here to Launch Finished Project\" target=\"_blank\"><img src="http://i-create.org/JavaScript/sc9News/whenPigsFly.jpg" alt="When Pigs Fly" /> </a></p>

<div class="wp_syntax"><div class="code"><pre class="javascript" style="font-family:monospace;">&nbsp;
        <span style="color: #003366; font-weight: bold;">var</span> flickrDescription <span style="color: #339933;">=</span> <span style="color: #003366; font-weight: bold;">new</span> Array<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
        <span style="color: #003366; font-weight: bold;">var</span> arrayTwit <span style="color: #339933;">=</span> <span style="color: #003366; font-weight: bold;">new</span> Array<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
        <span style="color: #003366; font-weight: bold;">var</span> twitSearch <span style="color: #339933;">=</span> <span style="color: #003366; font-weight: bold;">new</span> Object<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
        <span style="color: #003366; font-weight: bold;">var</span> map<span style="color: #339933;">;</span>
        <span style="color: #003366; font-weight: bold;">var</span> geoXml<span style="color: #339933;">;</span>
        <span style="color: #003366; font-weight: bold;">function</span> myFeedObject<span style="color: #009900;">&#40;</span>packPipe<span style="color: #339933;">,</span> location<span style="color: #339933;">,</span> type<span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
            <span style="color: #000066; font-weight: bold;">this</span>.<span style="color: #660066;">descList</span> <span style="color: #339933;">=</span> <span style="color: #003366; font-weight: bold;">new</span> Array<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
            <span style="color: #000066; font-weight: bold;">this</span>.<span style="color: #660066;">itemList</span> <span style="color: #339933;">=</span> <span style="color: #3366CC;">&quot;&quot;</span><span style="color: #339933;">;</span>
            <span style="color: #000066; font-weight: bold;">this</span>.<span style="color: #660066;">type</span> <span style="color: #339933;">=</span> type<span style="color: #339933;">;</span>
            fireUpYahooPipe<span style="color: #009900;">&#40;</span><span style="color: #000066; font-weight: bold;">this</span><span style="color: #339933;">,</span> packPipe<span style="color: #339933;">,</span> location<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
        <span style="color: #009900;">&#125;</span>
&nbsp;
        <span style="color: #003366; font-weight: bold;">function</span> output_feed_items<span style="color: #009900;">&#40;</span>obj<span style="color: #339933;">,</span> json<span style="color: #339933;">,</span> location<span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
            <span style="color: #003366; font-weight: bold;">var</span> heading <span style="color: #339933;">=</span> <span style="color: #3366CC;">'&lt;h3&gt;'</span> <span style="color: #339933;">+</span> json.<span style="color: #660066;">value</span>.<span style="color: #660066;">title</span> <span style="color: #339933;">+</span> <span style="color: #3366CC;">'&lt;/h3&gt;'</span><span style="color: #339933;">;</span>
            <span style="color: #000066; font-weight: bold;">for</span> <span style="color: #009900;">&#40;</span>i <span style="color: #339933;">=</span> <span style="color: #CC0000;">0</span><span style="color: #339933;">;</span> i <span style="color: #339933;">&lt;</span> json.<span style="color: #660066;">count</span><span style="color: #339933;">;</span> i<span style="color: #339933;">++</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
                <span style="color: #000066; font-weight: bold;">if</span> <span style="color: #009900;">&#40;</span>obj.<span style="color: #660066;">type</span> <span style="color: #339933;">==</span> <span style="color: #3366CC;">&quot;generic&quot;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
                    obj.<span style="color: #660066;">itemList</span> <span style="color: #339933;">+=</span> make_feed_item<span style="color: #009900;">&#40;</span>obj<span style="color: #339933;">,</span> json.<span style="color: #660066;">value</span>.<span style="color: #660066;">items</span><span style="color: #009900;">&#91;</span>i<span style="color: #009900;">&#93;</span><span style="color: #339933;">,</span> i<span style="color: #339933;">,</span> location<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
                <span style="color: #009900;">&#125;</span> <span style="color: #000066; font-weight: bold;">else</span> <span style="color: #009900;">&#123;</span>
                    <span style="color: #003366; font-weight: bold;">var</span> ypipeImage <span style="color: #339933;">=</span> json.<span style="color: #660066;">value</span>.<span style="color: #660066;">items</span><span style="color: #009900;">&#91;</span>i<span style="color: #009900;">&#93;</span>.<span style="color: #660066;">description</span><span style="color: #339933;">;</span>
                    ypipeImage <span style="color: #339933;">=</span> $<span style="color: #009900;">&#40;</span>ypipeImage<span style="color: #009900;">&#41;</span>.<span style="color: #660066;">find</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'img'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
                    <span style="color: #000066; font-weight: bold;">try</span> <span style="color: #009900;">&#123;</span>
                        <span style="color: #003366; font-weight: bold;">var</span> ypipeOBJ <span style="color: #339933;">=</span> <span style="color: #003366; font-weight: bold;">new</span> Object<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
                        <span style="color: #003366; font-weight: bold;">var</span> myReg <span style="color: #339933;">=</span> <span style="color: #009966; font-style: italic;">/cdn.c.ooyala.com/</span><span style="color: #339933;">;</span>
                        <span style="color: #003366; font-weight: bold;">var</span> myQuestion <span style="color: #339933;">=</span> ypipeImage<span style="color: #009900;">&#91;</span><span style="color: #CC0000;">0</span><span style="color: #009900;">&#93;</span>.<span style="color: #660066;">src</span><span style="color: #339933;">;</span>
                        <span style="color: #003366; font-weight: bold;">var</span> myResult <span style="color: #339933;">=</span> myQuestion.<span style="color: #660066;">match</span><span style="color: #009900;">&#40;</span>myReg<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
                        <span style="color: #000066; font-weight: bold;">if</span> <span style="color: #009900;">&#40;</span>myResult <span style="color: #339933;">==</span> <span style="color: #003366; font-weight: bold;">null</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
                            ypipeOBJ.<span style="color: #660066;">image</span> <span style="color: #339933;">=</span> ypipeImage<span style="color: #009900;">&#91;</span><span style="color: #CC0000;">0</span><span style="color: #009900;">&#93;</span>.<span style="color: #660066;">src</span><span style="color: #339933;">;</span>
                            ypipeOBJ.<span style="color: #660066;">linked</span> <span style="color: #339933;">=</span> json.<span style="color: #660066;">value</span>.<span style="color: #660066;">items</span><span style="color: #009900;">&#91;</span>i<span style="color: #009900;">&#93;</span>.<span style="color: #660066;">link</span><span style="color: #339933;">;</span>
                            obj.<span style="color: #660066;">itemList</span> <span style="color: #339933;">+=</span> make_feed_item_images<span style="color: #009900;">&#40;</span>obj<span style="color: #339933;">,</span> ypipeOBJ<span style="color: #339933;">,</span> i<span style="color: #339933;">,</span> location<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
                        <span style="color: #009900;">&#125;</span> <span style="color: #000066; font-weight: bold;">else</span> <span style="color: #009900;">&#123;</span>
                            ypipeOBJ.<span style="color: #660066;">image</span> <span style="color: #339933;">=</span> <span style="color: #003366; font-weight: bold;">null</span><span style="color: #339933;">;</span>
                        <span style="color: #009900;">&#125;</span>
                    <span style="color: #009900;">&#125;</span>
                    <span style="color: #000066; font-weight: bold;">catch</span> <span style="color: #009900;">&#40;</span>err<span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
                        <span style="color: #006600; font-style: italic;">//console.log(err + &quot;Lame&quot;);</span>
                    <span style="color: #009900;">&#125;</span>
                <span style="color: #009900;">&#125;</span>
                obj.<span style="color: #660066;">descList</span>.<span style="color: #660066;">push</span><span style="color: #009900;">&#40;</span>make_feed_desc<span style="color: #009900;">&#40;</span>obj<span style="color: #339933;">,</span> json.<span style="color: #660066;">value</span>.<span style="color: #660066;">items</span><span style="color: #009900;">&#91;</span>i<span style="color: #009900;">&#93;</span><span style="color: #339933;">,</span> i<span style="color: #339933;">,</span> location<span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
            <span style="color: #009900;">&#125;</span>
            <span style="color: #000066; font-weight: bold;">return</span> obj.<span style="color: #660066;">itemList</span><span style="color: #339933;">;</span>
        <span style="color: #009900;">&#125;</span>
        <span style="color: #003366; font-weight: bold;">function</span> make_feed_item_images<span style="color: #009900;">&#40;</span>obj<span style="color: #339933;">,</span> <span style="color: #000066; font-weight: bold;">item</span><span style="color: #339933;">,</span> item_id<span style="color: #339933;">,</span> location<span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
            <span style="color: #003366; font-weight: bold;">var</span> Quo <span style="color: #339933;">=</span> <span style="color: #3366CC;">&quot;<span style="color: #000099; font-weight: bold;">\'</span>&quot;</span><span style="color: #339933;">;</span>
            <span style="color: #000066; font-weight: bold;">return</span> <span style="color: #3366CC;">'&lt;div id=&quot;heading-'</span> <span style="color: #339933;">+</span> item_id <span style="color: #339933;">+</span> <span style="color: #3366CC;">&quot;_&quot;</span> <span style="color: #339933;">+</span> location <span style="color: #339933;">+</span> <span style="color: #3366CC;">'&quot; style=&quot;float:left&quot;&gt;'</span> <span style="color: #339933;">+</span>
      <span style="color: #3366CC;">'&lt;a href=&quot;'</span> <span style="color: #339933;">+</span> <span style="color: #000066; font-weight: bold;">item</span>.<span style="color: #660066;">linked</span> <span style="color: #339933;">+</span> <span style="color: #3366CC;">'&quot; target=&quot;_blank&quot; onMouseover=&quot;toggle_feed_desc('</span> <span style="color: #339933;">+</span> location <span style="color: #339933;">+</span> <span style="color: #3366CC;">' ,'</span> <span style="color: #339933;">+</span> item_id <span style="color: #339933;">+</span> <span style="color: #3366CC;">', '</span> <span style="color: #339933;">+</span> Quo <span style="color: #339933;">+</span> location <span style="color: #339933;">+</span> Quo <span style="color: #339933;">+</span> <span style="color: #3366CC;">' );&quot; onMouseout=&quot;goHide('</span> <span style="color: #339933;">+</span> Quo <span style="color: #339933;">+</span> location <span style="color: #339933;">+</span> Quo <span style="color: #339933;">+</span> <span style="color: #3366CC;">' ,'</span> <span style="color: #339933;">+</span> item_id <span style="color: #339933;">+</span> <span style="color: #3366CC;">', '</span> <span style="color: #339933;">+</span> Quo <span style="color: #339933;">+</span> location <span style="color: #339933;">+</span> Quo <span style="color: #339933;">+</span> <span style="color: #3366CC;">' )&quot;&gt;&lt;img src=<span style="color: #000099; font-weight: bold;">\&quot;</span>'</span> <span style="color: #339933;">+</span>
      <span style="color: #000066; font-weight: bold;">item</span>.<span style="color: #660066;">image</span> <span style="color: #339933;">+</span> <span style="color: #3366CC;">'<span style="color: #000099; font-weight: bold;">\&quot;</span>/&gt;&lt;/a&gt;&lt;/div&gt;'</span><span style="color: #339933;">;</span>
        <span style="color: #009900;">&#125;</span>
        <span style="color: #003366; font-weight: bold;">function</span> make_feed_item<span style="color: #009900;">&#40;</span>obj<span style="color: #339933;">,</span> <span style="color: #000066; font-weight: bold;">item</span><span style="color: #339933;">,</span> item_id<span style="color: #339933;">,</span> location<span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
            <span style="color: #003366; font-weight: bold;">var</span> Quo <span style="color: #339933;">=</span> <span style="color: #3366CC;">&quot;<span style="color: #000099; font-weight: bold;">\'</span>&quot;</span><span style="color: #339933;">;</span>
            <span style="color: #000066; font-weight: bold;">return</span> <span style="color: #3366CC;">'&lt;li id=&quot;li&quot; class=&quot;ui-state-default&quot;&gt;&lt;h4 id=&quot;heading-'</span> <span style="color: #339933;">+</span> item_id <span style="color: #339933;">+</span> <span style="color: #3366CC;">&quot;_&quot;</span> <span style="color: #339933;">+</span> location <span style="color: #339933;">+</span> <span style="color: #3366CC;">'&quot;&gt;'</span> <span style="color: #339933;">+</span>
      <span style="color: #3366CC;">'&lt;a href=&quot;'</span> <span style="color: #339933;">+</span> <span style="color: #000066; font-weight: bold;">item</span>.<span style="color: #660066;">link</span> <span style="color: #339933;">+</span> <span style="color: #3366CC;">'&quot; target=&quot;_blank&quot; style=&quot;color:#0E1836;&quot; onMouseover=&quot;toggle_feed_desc('</span> <span style="color: #339933;">+</span> location <span style="color: #339933;">+</span> <span style="color: #3366CC;">' ,'</span> <span style="color: #339933;">+</span> item_id <span style="color: #339933;">+</span> <span style="color: #3366CC;">', '</span> <span style="color: #339933;">+</span> Quo <span style="color: #339933;">+</span> location <span style="color: #339933;">+</span> Quo <span style="color: #339933;">+</span> <span style="color: #3366CC;">' );&quot; onMouseout=&quot;goHide('</span> <span style="color: #339933;">+</span> Quo <span style="color: #339933;">+</span> location <span style="color: #339933;">+</span> Quo <span style="color: #339933;">+</span> <span style="color: #3366CC;">' ,'</span> <span style="color: #339933;">+</span> item_id <span style="color: #339933;">+</span> <span style="color: #3366CC;">', '</span> <span style="color: #339933;">+</span> Quo <span style="color: #339933;">+</span> location <span style="color: #339933;">+</span> Quo <span style="color: #339933;">+</span> <span style="color: #3366CC;">' )&quot;&gt;'</span> <span style="color: #339933;">+</span>
      <span style="color: #000066; font-weight: bold;">item</span>.<span style="color: #660066;">title</span> <span style="color: #339933;">+</span> <span style="color: #3366CC;">'&lt;/a&gt;&lt;/h4&gt;&lt;/li&gt;'</span><span style="color: #339933;">;</span>
        <span style="color: #009900;">&#125;</span>
        <span style="color: #003366; font-weight: bold;">function</span> goHide<span style="color: #009900;">&#40;</span>obj<span style="color: #339933;">,</span> item_id<span style="color: #339933;">,</span> location<span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
            <span style="color: #003366; font-weight: bold;">var</span> myDescription <span style="color: #339933;">=</span> <span style="color: #3366CC;">&quot;#desc-&quot;</span><span style="color: #339933;">;</span>
            $<span style="color: #009900;">&#40;</span>myDescription <span style="color: #339933;">+</span> item_id <span style="color: #339933;">+</span> <span style="color: #3366CC;">&quot;_&quot;</span> <span style="color: #339933;">+</span> location<span style="color: #009900;">&#41;</span>.<span style="color: #660066;">css</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'display'</span><span style="color: #339933;">,</span> <span style="color: #3366CC;">'none'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
        <span style="color: #009900;">&#125;</span>
        <span style="color: #003366; font-weight: bold;">function</span> make_feed_desc<span style="color: #009900;">&#40;</span>obj<span style="color: #339933;">,</span> <span style="color: #000066; font-weight: bold;">item</span><span style="color: #339933;">,</span> item_id<span style="color: #339933;">,</span> location<span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
            <span style="color: #003366; font-weight: bold;">var</span> desc_info <span style="color: #339933;">=</span> <span style="color: #3366CC;">'&lt;span=&quot;item-submitted&quot;&gt;Published: '</span> <span style="color: #339933;">+</span> <span style="color: #000066; font-weight: bold;">item</span>.<span style="color: #660066;">pubDate</span> <span style="color: #339933;">+</span> <span style="color: #3366CC;">'&lt;/span&gt;'</span><span style="color: #339933;">;</span>
            <span style="color: #003366; font-weight: bold;">var</span> desc_info <span style="color: #339933;">=</span> <span style="color: #3366CC;">'&lt;div class=&quot;item-info&quot;&gt;'</span> <span style="color: #339933;">+</span> desc_info <span style="color: #339933;">+</span> <span style="color: #3366CC;">'&lt;/div&gt;'</span><span style="color: #339933;">;</span>
            <span style="color: #000066; font-weight: bold;">if</span> <span style="color: #009900;">&#40;</span>obj.<span style="color: #660066;">type</span> <span style="color: #339933;">==</span> <span style="color: #3366CC;">&quot;images&quot;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
                <span style="color: #000066; font-weight: bold;">return</span> <span style="color: #3366CC;">'&lt;div class=&quot;hoverY&quot; id=&quot;desc-'</span> <span style="color: #339933;">+</span> item_id <span style="color: #339933;">+</span> <span style="color: #3366CC;">&quot;_&quot;</span> <span style="color: #339933;">+</span> location <span style="color: #339933;">+</span> <span style="color: #3366CC;">'&quot;&gt;'</span> <span style="color: #339933;">+</span>
    desc_info <span style="color: #339933;">+</span> <span style="color: #000066; font-weight: bold;">item</span>.<span style="color: #660066;">description</span> <span style="color: #339933;">+</span> <span style="color: #3366CC;">'&lt;/div&gt;'</span><span style="color: #339933;">;</span>
            <span style="color: #009900;">&#125;</span> <span style="color: #000066; font-weight: bold;">else</span> <span style="color: #009900;">&#123;</span>
                <span style="color: #000066; font-weight: bold;">return</span> <span style="color: #3366CC;">'&lt;div class=&quot;hover&quot; id=&quot;desc-'</span> <span style="color: #339933;">+</span> item_id <span style="color: #339933;">+</span> <span style="color: #3366CC;">&quot;_&quot;</span> <span style="color: #339933;">+</span> location <span style="color: #339933;">+</span> <span style="color: #3366CC;">'&quot;&gt;&lt;div class=&quot;arrowUp&quot;&gt;&lt;div class=&quot;arrowUp2&quot;&gt;&lt;/div&gt;&lt;/div&gt;'</span> <span style="color: #339933;">+</span>
    desc_info <span style="color: #339933;">+</span> <span style="color: #000066; font-weight: bold;">item</span>.<span style="color: #660066;">description</span> <span style="color: #339933;">+</span> <span style="color: #3366CC;">'&lt;/div&gt;'</span><span style="color: #339933;">;</span>
            <span style="color: #009900;">&#125;</span>
        <span style="color: #009900;">&#125;</span>
&nbsp;
        <span style="color: #003366; font-weight: bold;">function</span> toggle_feed_desc<span style="color: #009900;">&#40;</span>obj<span style="color: #339933;">,</span> item_id<span style="color: #339933;">,</span> location<span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
            <span style="color: #003366; font-weight: bold;">var</span> heading <span style="color: #339933;">=</span> <span style="color: #3366CC;">'#heading-'</span> <span style="color: #339933;">+</span> item_id <span style="color: #339933;">+</span> <span style="color: #3366CC;">&quot;_&quot;</span> <span style="color: #339933;">+</span> location<span style="color: #339933;">;</span>
            <span style="color: #003366; font-weight: bold;">var</span> desc <span style="color: #339933;">=</span> <span style="color: #3366CC;">'#desc-'</span> <span style="color: #339933;">+</span> item_id <span style="color: #339933;">+</span> <span style="color: #3366CC;">&quot;_&quot;</span> <span style="color: #339933;">+</span> location<span style="color: #339933;">;</span>
            <span style="color: #000066; font-weight: bold;">if</span> <span style="color: #009900;">&#40;</span>obj.<span style="color: #660066;">type</span> <span style="color: #339933;">==</span> <span style="color: #3366CC;">&quot;images&quot;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
                <span style="color: #006600; font-style: italic;">//Pay attention the code below automagically gets the dom x and y to set the item_div x,y :)</span>
                <span style="color: #003366; font-weight: bold;">var</span> x <span style="color: #339933;">=</span> $<span style="color: #009900;">&#40;</span>heading<span style="color: #009900;">&#41;</span>.<span style="color: #660066;">offset</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">left</span><span style="color: #339933;">;</span>
                <span style="color: #003366; font-weight: bold;">var</span> y <span style="color: #339933;">=</span> <span style="color: #CC0000;">80</span><span style="color: #339933;">;</span>
                <span style="color: #003366; font-weight: bold;">var</span> wi <span style="color: #339933;">=</span> x <span style="color: #339933;">/</span> <span style="color: #CC0000;">2</span><span style="color: #339933;">;</span>
                x <span style="color: #339933;">=</span> x <span style="color: #339933;">-</span> wi<span style="color: #339933;">;</span>
                <span style="color: #003366; font-weight: bold;">var</span> item_div <span style="color: #339933;">=</span> obj.<span style="color: #660066;">descList</span><span style="color: #009900;">&#91;</span>item_id<span style="color: #009900;">&#93;</span> <span style="color: #339933;">+</span> <span style="color: #3366CC;">&quot;_&quot;</span> <span style="color: #339933;">+</span> location<span style="color: #339933;">;</span>
                $<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'#contentForVideo'</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">append</span><span style="color: #009900;">&#40;</span>obj.<span style="color: #660066;">descList</span><span style="color: #009900;">&#91;</span>item_id<span style="color: #009900;">&#93;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
            <span style="color: #009900;">&#125;</span> <span style="color: #000066; font-weight: bold;">else</span> <span style="color: #009900;">&#123;</span>
                $<span style="color: #009900;">&#40;</span>heading<span style="color: #009900;">&#41;</span>.<span style="color: #660066;">after</span><span style="color: #009900;">&#40;</span>obj.<span style="color: #660066;">descList</span><span style="color: #009900;">&#91;</span>item_id<span style="color: #009900;">&#93;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
            <span style="color: #009900;">&#125;</span>
        <span style="color: #009900;">&#125;</span>
        <span style="color: #003366; font-weight: bold;">function</span> twitterSearch<span style="color: #009900;">&#40;</span>searchTag<span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
            $<span style="color: #009900;">&#40;</span>document<span style="color: #009900;">&#41;</span>.<span style="color: #660066;">ready</span><span style="color: #009900;">&#40;</span><span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
                $.<span style="color: #660066;">getJSON</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;http://search.twitter.com/search.json?q=&quot;</span> <span style="color: #339933;">+</span> searchTag <span style="color: #339933;">+</span> <span style="color: #3366CC;">&quot;&amp;callback=?&quot;</span><span style="color: #339933;">,</span>
        <span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span>data<span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
            $.<span style="color: #660066;">each</span><span style="color: #009900;">&#40;</span>data.<span style="color: #660066;">results</span><span style="color: #339933;">,</span> <span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span>i<span style="color: #339933;">,</span> <span style="color: #000066; font-weight: bold;">item</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
                twitSeach <span style="color: #339933;">=</span> <span style="color: #000066; font-weight: bold;">item</span><span style="color: #339933;">;</span>
                arrayTwit.<span style="color: #660066;">push</span><span style="color: #009900;">&#40;</span>twitSeach<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
            <span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
            whenPigsFly<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
        <span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
            <span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
        <span style="color: #009900;">&#125;</span>
        <span style="color: #003366; font-weight: bold;">function</span> fireUpYahooPipe<span style="color: #009900;">&#40;</span>obj<span style="color: #339933;">,</span> packPipe<span style="color: #339933;">,</span> location<span style="color: #339933;">,</span> type<span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
            $<span style="color: #009900;">&#40;</span>document<span style="color: #009900;">&#41;</span>.<span style="color: #660066;">ready</span><span style="color: #009900;">&#40;</span><span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
                <span style="color: #003366; font-weight: bold;">var</span> content <span style="color: #339933;">=</span> <span style="color: #3366CC;">&quot;&quot;</span><span style="color: #339933;">;</span>
                $.<span style="color: #660066;">getJSON</span><span style="color: #009900;">&#40;</span>packPipe<span style="color: #339933;">,</span>
   <span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span>json<span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
       <span style="color: #000066; font-weight: bold;">if</span> <span style="color: #009900;">&#40;</span>json.<span style="color: #660066;">count</span> <span style="color: #339933;">&gt;</span> <span style="color: #CC0000;">0</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
           content <span style="color: #339933;">=</span> output_feed_items<span style="color: #009900;">&#40;</span>obj<span style="color: #339933;">,</span> json<span style="color: #339933;">,</span> location<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
           $<span style="color: #009900;">&#40;</span><span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
               $<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;#&quot;</span> <span style="color: #339933;">+</span> location<span style="color: #009900;">&#41;</span>.<span style="color: #660066;">sortable</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
               $<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;#&quot;</span> <span style="color: #339933;">+</span> location<span style="color: #009900;">&#41;</span>.<span style="color: #660066;">disableSelection</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
           <span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
       <span style="color: #009900;">&#125;</span> <span style="color: #000066; font-weight: bold;">else</span> <span style="color: #009900;">&#123;</span>
           content <span style="color: #339933;">=</span> <span style="color: #3366CC;">&quot;The request did not return results.&quot;</span><span style="color: #339933;">;</span>
       <span style="color: #009900;">&#125;</span>
       $<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;#ldr&quot;</span> <span style="color: #339933;">+</span> location<span style="color: #009900;">&#41;</span>.<span style="color: #660066;">remove</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
       $<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;#&quot;</span> <span style="color: #339933;">+</span> location<span style="color: #009900;">&#41;</span>.<span style="color: #660066;">html</span><span style="color: #009900;">&#40;</span>content<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
   <span style="color: #009900;">&#125;</span>
  <span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
            <span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
        <span style="color: #009900;">&#125;</span>
&nbsp;
        <span style="color: #003366; font-weight: bold;">function</span> myFlickerImages<span style="color: #009900;">&#40;</span>tag<span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
            $<span style="color: #009900;">&#40;</span>document<span style="color: #009900;">&#41;</span>.<span style="color: #660066;">ready</span><span style="color: #009900;">&#40;</span><span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
                $.<span style="color: #660066;">getJSON</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;http://api.flickr.com/services/feeds/photos_public.gne?tags=&quot;</span> <span style="color: #339933;">+</span> tag <span style="color: #339933;">+</span> <span style="color: #3366CC;">&quot;&amp;tagmode=any&amp;format=json&amp;jsoncallback=?&quot;</span><span style="color: #339933;">,</span>
        <span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span>data<span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
            <span style="color: #000066; font-weight: bold;">for</span> <span style="color: #009900;">&#40;</span>i <span style="color: #339933;">=</span> <span style="color: #CC0000;">0</span><span style="color: #339933;">;</span> i <span style="color: #339933;">&lt;</span> <span style="color: #CC0000;">10</span><span style="color: #339933;">;</span> i<span style="color: #339933;">++</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
                $<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;&lt;img id ='img&quot;</span> <span style="color: #339933;">+</span> i <span style="color: #339933;">+</span> <span style="color: #3366CC;">&quot;' /&gt;&quot;</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">attr</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;src&quot;</span><span style="color: #339933;">,</span> data.<span style="color: #660066;">items</span><span style="color: #009900;">&#91;</span>i<span style="color: #009900;">&#93;</span>.<span style="color: #660066;">media</span>.<span style="color: #660066;">m</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">appendTo</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;#public_images&quot;</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">wrap</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;&lt;a id='aimg&quot;</span> <span style="color: #339933;">+</span> i <span style="color: #339933;">+</span> <span style="color: #3366CC;">&quot;' href='&quot;</span> <span style="color: #339933;">+</span> data.<span style="color: #660066;">items</span><span style="color: #009900;">&#91;</span>i<span style="color: #009900;">&#93;</span>.<span style="color: #660066;">link</span> <span style="color: #339933;">+</span> <span style="color: #3366CC;">&quot;' target='_blank' onMouseover='toggle_flickr_desc(&quot;</span> <span style="color: #339933;">+</span> i <span style="color: #339933;">+</span> <span style="color: #3366CC;">&quot;)' onMouseout='goHideFlickr(&quot;</span> <span style="color: #339933;">+</span> i <span style="color: #339933;">+</span> <span style="color: #3366CC;">&quot;)'&gt;&lt;/a&gt;&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
                <span style="color: #003366; font-weight: bold;">var</span> myFlickerDes <span style="color: #339933;">=</span> make_flickr_desc<span style="color: #009900;">&#40;</span>data.<span style="color: #660066;">items</span><span style="color: #009900;">&#91;</span>i<span style="color: #009900;">&#93;</span><span style="color: #339933;">,</span> i<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
                flickrDescription.<span style="color: #660066;">push</span><span style="color: #009900;">&#40;</span>myFlickerDes<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
            <span style="color: #009900;">&#125;</span>
        <span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
            <span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
        <span style="color: #009900;">&#125;</span>
&nbsp;
        <span style="color: #003366; font-weight: bold;">function</span> make_scrollController<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
            $<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'newsContainer'</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">after</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'&lt;div id=&quot;ScrollerContoller&quot; &gt;&lt;span id=&quot;Go&quot; style=&quot;color:#fff; cursor:pointer; font-weight:bold;float:left;&quot; onclick=&quot;goMove(<span style="color: #000099; font-weight: bold;">\'</span>+=210px<span style="color: #000099; font-weight: bold;">\'</span>);&quot;/&amp;uarr;&lt;/span&gt;&lt;span style=&quot;color:#fff; cursor:pointer; font-weight:bold; float:left;&quot; onclick=&quot;goMove(<span style="color: #000099; font-weight: bold;">\'</span>-=210px<span style="color: #000099; font-weight: bold;">\'</span>);&quot;/&gt;&amp;darr;&lt;/span&gt;&lt;/div&gt;'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
        <span style="color: #009900;">&#125;</span>
&nbsp;
        <span style="color: #003366; font-weight: bold;">function</span> make_flickr_desc<span style="color: #009900;">&#40;</span>data<span style="color: #339933;">,</span> i<span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
            <span style="color: #003366; font-weight: bold;">var</span> desc_info <span style="color: #339933;">=</span> <span style="color: #3366CC;">'&lt;span=&quot;item-submitted&quot;&gt;Title: '</span> <span style="color: #339933;">+</span> data.<span style="color: #660066;">title</span> <span style="color: #339933;">+</span> <span style="color: #3366CC;">'&lt;/span&gt;'</span><span style="color: #339933;">;</span>
            <span style="color: #003366; font-weight: bold;">var</span> desc_info <span style="color: #339933;">=</span> <span style="color: #3366CC;">'&lt;div class=&quot;item-info&quot;&gt;'</span> <span style="color: #339933;">+</span> desc_info <span style="color: #339933;">+</span> <span style="color: #3366CC;">'&lt;/div&gt;'</span><span style="color: #339933;">;</span>
            <span style="color: #000066; font-weight: bold;">return</span> <span style="color: #3366CC;">'&lt;div class=&quot;hoverF imgNone&quot; id=&quot;desc-'</span> <span style="color: #339933;">+</span> i <span style="color: #339933;">+</span> <span style="color: #3366CC;">'&quot;&gt;&lt;div class=&quot;arrowUp&quot;&gt;&lt;div class=&quot;arrowUp2&quot;&gt; &lt;/div&gt;&lt;/div&gt;'</span> <span style="color: #339933;">+</span>
    desc_info <span style="color: #339933;">+</span> data.<span style="color: #660066;">description</span> <span style="color: #339933;">+</span> <span style="color: #3366CC;">'&lt;/div&gt;'</span><span style="color: #339933;">;</span>
        <span style="color: #009900;">&#125;</span>
&nbsp;
        <span style="color: #003366; font-weight: bold;">function</span> toggle_flickr_desc<span style="color: #009900;">&#40;</span>i<span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
            <span style="color: #003366; font-weight: bold;">var</span> heading <span style="color: #339933;">=</span> <span style="color: #3366CC;">'#img'</span> <span style="color: #339933;">+</span> i<span style="color: #339933;">;</span>
            <span style="color: #006600; font-style: italic;">//Pay attention the code below automagically gets the dom x and y to set the item_div x,y :)</span>
            <span style="color: #003366; font-weight: bold;">var</span> x <span style="color: #339933;">=</span> $<span style="color: #009900;">&#40;</span>heading<span style="color: #009900;">&#41;</span>.<span style="color: #660066;">offset</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">left</span><span style="color: #339933;">;</span>
            <span style="color: #003366; font-weight: bold;">var</span> y <span style="color: #339933;">=</span> $<span style="color: #009900;">&#40;</span>heading<span style="color: #009900;">&#41;</span>.<span style="color: #660066;">offset</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">top</span><span style="color: #339933;">;</span>
            y <span style="color: #339933;">=</span> y <span style="color: #339933;">+</span> <span style="color: #CC0000;">160</span><span style="color: #339933;">;</span>
            <span style="color: #003366; font-weight: bold;">var</span> item_div <span style="color: #339933;">=</span> <span style="color: #3366CC;">'div#desc-'</span> <span style="color: #339933;">+</span> i<span style="color: #339933;">;</span>
            $<span style="color: #009900;">&#40;</span>heading<span style="color: #009900;">&#41;</span>.<span style="color: #660066;">after</span><span style="color: #009900;">&#40;</span>flickrDescription<span style="color: #009900;">&#91;</span>i<span style="color: #009900;">&#93;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
            $<span style="color: #009900;">&#40;</span>item_div<span style="color: #009900;">&#41;</span>.<span style="color: #660066;">css</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'left'</span><span style="color: #339933;">,</span> x<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
            $<span style="color: #009900;">&#40;</span>item_div<span style="color: #009900;">&#41;</span>.<span style="color: #660066;">css</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'top'</span><span style="color: #339933;">,</span> y<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
        <span style="color: #009900;">&#125;</span>
&nbsp;
        <span style="color: #003366; font-weight: bold;">function</span> goHideFlickr<span style="color: #009900;">&#40;</span>i<span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
            <span style="color: #003366; font-weight: bold;">var</span> myDescription <span style="color: #339933;">=</span> <span style="color: #3366CC;">&quot;#desc-&quot;</span><span style="color: #339933;">;</span>
            $<span style="color: #009900;">&#40;</span>myDescription <span style="color: #339933;">+</span> i<span style="color: #009900;">&#41;</span>.<span style="color: #660066;">css</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'display'</span><span style="color: #339933;">,</span> <span style="color: #3366CC;">'none'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
        <span style="color: #009900;">&#125;</span>
&nbsp;
&nbsp;
        <span style="color: #003366; font-weight: bold;">function</span> goMove<span style="color: #009900;">&#40;</span>goDirection<span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
            $<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'#videoYoutube'</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">css</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'width'</span><span style="color: #339933;">,</span> <span style="color: #3366CC;">'880px'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
            $<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'#videoYoutube'</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">css</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'position'</span><span style="color: #339933;">,</span> <span style="color: #3366CC;">'absolute'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
            $<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;#videoYoutube&quot;</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">animate</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#123;</span> <span style="color: #3366CC;">&quot;top&quot;</span><span style="color: #339933;">:</span> goDirection <span style="color: #009900;">&#125;</span><span style="color: #339933;">,</span> <span style="color: #3366CC;">&quot;slow&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
        <span style="color: #009900;">&#125;</span>
&nbsp;
        <span style="color: #003366; font-weight: bold;">function</span> whenPigsFly<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
            <span style="color: #003366; font-weight: bold;">var</span> randomPiggyNote <span style="color: #339933;">=</span> Math.<span style="color: #660066;">floor</span><span style="color: #009900;">&#40;</span>Math.<span style="color: #660066;">random</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #339933;">*</span> arrayTwit.<span style="color: #660066;">length</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
            <span style="color: #003366; font-weight: bold;">var</span> randomY <span style="color: #339933;">=</span> Math.<span style="color: #660066;">floor</span><span style="color: #009900;">&#40;</span>Math.<span style="color: #660066;">random</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #339933;">*</span> <span style="color: #CC0000;">60</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
            <span style="color: #003366; font-weight: bold;">var</span> piggy <span style="color: #339933;">=</span> <span style="color: #3366CC;">'&lt;div id=&quot;divPigsFlying&quot; onMouseOver=&quot;stopFlyingPig();&quot; onMouseOut=&quot;continueFlyingPig();&quot; &gt;&lt;div&gt;&lt;a id=&quot;twitLink&quot; href=&quot;&quot; target=&quot;_blank&quot; style=&quot;color:#fff&quot;&gt;&lt;div id=&quot;divPiggContent&quot; style=&quot;height:40px; display:inline-block; font-weight:1.4em; color:#0E1836; border:none;&quot;  &gt;&lt;/div&gt;&lt;img class=&quot;pigsFly&quot; src=&quot;images/when_pigs_fly.png&quot; style=&quot;border:none;&quot; /&gt;&lt;/a&gt;&lt;/div&gt;&lt;/div&gt;'</span><span style="color: #339933;">;</span>
            $<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'#divWhenPigsFly'</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">html</span><span style="color: #009900;">&#40;</span>piggy<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
            <span style="color: #003366; font-weight: bold;">var</span> goLink <span style="color: #339933;">=</span> <span style="color: #3366CC;">&quot;http://twitter.com/&quot;</span> <span style="color: #339933;">+</span> arrayTwit<span style="color: #009900;">&#91;</span>randomPiggyNote<span style="color: #009900;">&#93;</span>.<span style="color: #660066;">from_user</span><span style="color: #339933;">;</span>
            $<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'#twitLink'</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">attr</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'href'</span><span style="color: #339933;">,</span> goLink<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
            <span style="color: #003366; font-weight: bold;">var</span> HowFatisThePig <span style="color: #339933;">=</span> $<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'#divPigsFlying'</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">width</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
            <span style="color: #003366; font-weight: bold;">var</span> myPiggyStartLocation <span style="color: #339933;">=</span> <span style="color: #CC0000;">0</span> <span style="color: #339933;">-</span> HowFatisThePig<span style="color: #339933;">;</span>
            $<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'#divPigsFlying'</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">css</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'left'</span><span style="color: #339933;">,</span> myPiggyStartLocation<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
            $<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'#divPigsFlying'</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">css</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'top'</span><span style="color: #339933;">,</span> randomY<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
            $<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'#divPiggContent'</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">append</span><span style="color: #009900;">&#40;</span>arrayTwit<span style="color: #009900;">&#91;</span>randomPiggyNote<span style="color: #009900;">&#93;</span>.<span style="color: #660066;">text</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
            $<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'#divPigsFlying'</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">fadeIn</span><span style="color: #009900;">&#40;</span><span style="color: #CC0000;">1000</span><span style="color: #339933;">,</span> <span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
                <span style="color: #003366; font-weight: bold;">var</span> left <span style="color: #339933;">=</span> $<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'#divPigsFlying'</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">offset</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">left</span><span style="color: #339933;">;</span>
                <span style="color: #003366; font-weight: bold;">var</span> goDistance <span style="color: #339933;">=</span> window.<span style="color: #660066;">innerWidth</span><span style="color: #339933;">;</span>
                left <span style="color: #339933;">=</span> left <span style="color: #339933;">+</span> <span style="color: #CC0000;">900</span><span style="color: #339933;">;</span>
                $<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'#divPigsFlying'</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">css</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'position'</span><span style="color: #339933;">,</span> <span style="color: #3366CC;">'absolute'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
                $<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'#divPigsFlying'</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">animate</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#123;</span> left<span style="color: #339933;">:</span> goDistance <span style="color: #009900;">&#125;</span><span style="color: #339933;">,</span> <span style="color: #CC0000;">20000</span><span style="color: #339933;">,</span> <span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
                    $<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'#divPigsFlying'</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">fadeOut</span><span style="color: #009900;">&#40;</span><span style="color: #CC0000;">1000</span><span style="color: #339933;">,</span> <span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span> whenPigsFly<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> <span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
                <span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
            <span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
        <span style="color: #009900;">&#125;</span>
&nbsp;
        <span style="color: #003366; font-weight: bold;">function</span> stopFlyingPig<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
            $<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'#divPigsFlying'</span><span style="color: #009900;">&#41;</span>.<span style="color: #000066;">stop</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
        <span style="color: #009900;">&#125;</span>
&nbsp;
        <span style="color: #003366; font-weight: bold;">function</span> continueFlyingPig<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
            <span style="color: #003366; font-weight: bold;">var</span> goDistance <span style="color: #339933;">=</span> window.<span style="color: #660066;">innerWidth</span><span style="color: #339933;">;</span>
            $<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'#divPigsFlying'</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">animate</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#123;</span> left<span style="color: #339933;">:</span> goDistance <span style="color: #009900;">&#125;</span><span style="color: #339933;">,</span> <span style="color: #CC0000;">20000</span><span style="color: #339933;">,</span> <span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
                $<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'#divPigsFlying'</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">fadeOut</span><span style="color: #009900;">&#40;</span><span style="color: #CC0000;">1000</span><span style="color: #339933;">,</span> <span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span> whenPigsFly<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> <span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
            <span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
        <span style="color: #009900;">&#125;</span>
&nbsp;
        <span style="color: #003366; font-weight: bold;">function</span> goSearch<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
            <span style="color: #003366; font-weight: bold;">var</span> Quo <span style="color: #339933;">=</span> <span style="color: #3366CC;">'<span style="color: #000099; font-weight: bold;">\&quot;</span>'</span><span style="color: #339933;">;</span>
            $<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'#public_images'</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">html</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">''</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
            <span style="color: #003366; font-weight: bold;">var</span> content <span style="color: #339933;">=</span> $<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'#Search'</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">val</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
            videoYoutube <span style="color: #339933;">=</span> <span style="color: #003366; font-weight: bold;">new</span> myFeedObject<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'http://pipes.yahoo.com/pipes/pipe.run?Search='</span> <span style="color: #339933;">+</span> content <span style="color: #339933;">+</span> <span style="color: #3366CC;">'&amp;_id=aE4GjZv63BGt4u90l7okhQ&amp;_render=json&amp;_callback=?'</span><span style="color: #339933;">,</span> <span style="color: #3366CC;">'videoYoutube'</span><span style="color: #339933;">,</span> <span style="color: #3366CC;">'images'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
            myFlickerImages<span style="color: #009900;">&#40;</span>content<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
            twitterSearch<span style="color: #009900;">&#40;</span>content<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
            $<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'#geoCodeNewsMain'</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">html</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">''</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
            loadGmap<span style="color: #009900;">&#40;</span>content<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
        <span style="color: #009900;">&#125;</span>
&nbsp;
        <span style="color: #003366; font-weight: bold;">function</span> loadGmap<span style="color: #009900;">&#40;</span>content<span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
            <span style="color: #000066; font-weight: bold;">if</span> <span style="color: #009900;">&#40;</span>GBrowserIsCompatible<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
                map <span style="color: #339933;">=</span> <span style="color: #003366; font-weight: bold;">new</span> GMap2<span style="color: #009900;">&#40;</span>document.<span style="color: #660066;">getElementById</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;geoCodeNewsMain&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
                geoXml <span style="color: #339933;">=</span> <span style="color: #003366; font-weight: bold;">new</span> GGeoXml<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;http://pipes.yahoo.com/pipes/pipe.run?_id=5157b1e8036007e4334fd092860f7372&amp;_render=kml&amp;textinput1=&quot;</span> <span style="color: #339933;">+</span> content<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
                map.<span style="color: #660066;">setCenter</span><span style="color: #009900;">&#40;</span><span style="color: #003366; font-weight: bold;">new</span> GLatLng<span style="color: #009900;">&#40;</span><span style="color: #CC0000;">0</span><span style="color: #339933;">,</span> <span style="color: #CC0000;">0</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">,</span> <span style="color: #CC0000;">1</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
                map.<span style="color: #660066;">addOverlay</span><span style="color: #009900;">&#40;</span>geoXml<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
            <span style="color: #009900;">&#125;</span>
        <span style="color: #009900;">&#125;</span>
&nbsp;
        <span style="color: #006600; font-style: italic;">// Note it is important to name the location the same as the ul id and object name the same because I use location to send the toggle object look at the code. http://pipes.yahoo.com/pipes/pipe.run?Search=generative+art&amp;_id=aE4GjZv63BGt4u90l7okhQ&amp;_render=json</span>
&nbsp;
        AdobeNews <span style="color: #339933;">=</span> <span style="color: #003366; font-weight: bold;">new</span> myFeedObject<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'http://pipes.yahoo.com/pipes/pipe.run?_id=af4c93eb0e4fd18859cc9ab840c5f745&amp;_render=json&amp;_callback=?'</span><span style="color: #339933;">,</span> <span style="color: #3366CC;">'AdobeNews'</span><span style="color: #339933;">,</span> <span style="color: #3366CC;">'generic'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
        riaNews <span style="color: #339933;">=</span> <span style="color: #003366; font-weight: bold;">new</span> myFeedObject<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'http://pipes.yahoo.com/pipes/pipe.run?_id=f207a19ea9a846e4ca242c5239a0d0df&amp;_render=json&amp;_callback=?'</span><span style="color: #339933;">,</span> <span style="color: #3366CC;">'riaNews'</span><span style="color: #339933;">,</span> <span style="color: #3366CC;">'generic'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
        MSDNNews <span style="color: #339933;">=</span> <span style="color: #003366; font-weight: bold;">new</span> myFeedObject<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'http://pipes.yahoo.com/pipes/pipe.run?_id=8250c5383b9990d7c8b0ef8129d820db&amp;_render=json&amp;_callback=?'</span><span style="color: #339933;">,</span> <span style="color: #3366CC;">'MSDNNews'</span><span style="color: #339933;">,</span> <span style="color: #3366CC;">'generic'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
        videoYoutube <span style="color: #339933;">=</span> <span style="color: #003366; font-weight: bold;">new</span> myFeedObject<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'http://pipes.yahoo.com/pipes/pipe.run?Search=art&amp;_id=aE4GjZv63BGt4u90l7okhQ&amp;_render=json&amp;_callback=?'</span><span style="color: #339933;">,</span> <span style="color: #3366CC;">'videoYoutube'</span><span style="color: #339933;">,</span> <span style="color: #3366CC;">'images'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
		worldNews <span style="color: #339933;">=</span> <span style="color: #003366; font-weight: bold;">new</span> myFeedObject<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'http://pipes.yahoo.com/pipes/pipe.run?_id=e946b09b5c463a833d53699438633056&amp;_render=json&amp;_callback=?'</span><span style="color: #339933;">,</span> <span style="color: #3366CC;">'worldNews'</span><span style="color: #339933;">,</span> <span style="color: #3366CC;">'generic'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
		blogSphere <span style="color: #339933;">=</span> <span style="color: #003366; font-weight: bold;">new</span> myFeedObject<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'http://pipes.yahoo.com/pipes/pipe.run?_id=8f6ff698cbc6531b78bd76aa12850541&amp;_render=json&amp;delmax=10&amp;diggmin=200&amp;redmax=10&amp;slashmin=100&amp;trunc=50&amp;_callback=?'</span><span style="color: #339933;">,</span> <span style="color: #3366CC;">'blogSphere'</span><span style="color: #339933;">,</span> <span style="color: #3366CC;">'generic'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
		OpenCourse <span style="color: #339933;">=</span> <span style="color: #003366; font-weight: bold;">new</span> myFeedObject<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'http://pipes.yahoo.com/pipes/pipe.run?_id=fc65cd7d5080b4e32744fd730d49bfff&amp;_render=json&amp;_callback=?'</span><span style="color: #339933;">,</span> <span style="color: #3366CC;">'OpenCourse'</span><span style="color: #339933;">,</span> <span style="color: #3366CC;">'generic'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
&nbsp;
&nbsp;
        myFlickerImages<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;art&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
        $<span style="color: #009900;">&#40;</span>document<span style="color: #009900;">&#41;</span>.<span style="color: #660066;">ready</span><span style="color: #009900;">&#40;</span><span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
            twitterSearch<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;when pigs fly&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
            loadGmap<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;war&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
        <span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span></pre></div></div>

<p>JavaScript is becoming more and more important on front end interfaces these days and it is essential for front end developers to utilize jQuery.  JavaScript used to be such a hassle but with jQuery it becomes extremely easy to utilize and manage.  This example shows a twitter search that has been animated as a banner of flying pigs( everyone enjoys flying pigs).  It also demonstrates Yahoo Pipes json feeds etc..  When I started creating this example I first searched to see what was out their in the wild and I found this post <a href="http://i-create.org/wp-content/plugins/feed-statistics.php?url=aHR0cDovL3d3dy5zZW8tZXhwZXJ0LWJsb2cuY29tL2Jsb2cvcGFyc2luZy15YWhvby1waXBlcy1qc29uLWZlZWRzLXdpdGgtanF1ZXJ5" target=\"_blank\"  title=\"Parsing Yahoo Pipes With jQuery - by Ramiro Gómez\">Parsing Yahoo Pipes With jQuery &#8211; by Ramiro Gómez</a> .  I liked the example but I of course had to modify it and make it a little more reusable.  Hopefully the seo-expert will like the changes.  Anyone reading this post that is not familiar with <a href="http://i-create.org/wp-content/plugins/feed-statistics.php?url=aHR0cDovL3BpcGVzLnlhaG9vLmNvbS9waXBlcy8=" title=\"Yahoo Pipes\" target=\"_blank\">Yahoo Pipes</a> should know this about pipes.  Yahoo Pipes allows its users to quickly make mashups on the web and then redistribute them to web pages by embedding them, sending RSS feeds and JSON.  Yahoo Pipes is also intesting because it kind of serves as a cloud based middle-ware to create other applications.  You don&#8217;t have to keep the pipe you create on a yahoo site you can also incorporate these feeds into various wordpress pages, durpal pages, etc..  Yahoo Pipes while it might sound complex it is actually very simple to use.  The pipe IDE is all visually rendered for the user and you can rapidly mash information on the web.  JavaScript Object Notation is easy when using jQuery; I believe many people get frustrated with JavaScript because it can be challenging to debug.  I would heavily recommend <a href="http://i-create.org/wp-content/plugins/feed-statistics.php?url=aHR0cDovL2dldGZpcmVidWcuY29tLw==" title=\"firebug\">Firebug</a> on Firefox it really helps to demystify JavaScript it allows developers to easily debug their code, add watches, and utilize a console window.  If you are a more visual person than it might benefit you to print out the JSON object with PHP the way seo-expert shows other wise just use Firebug.  Feel free to download the example and use it or modify it.  I also found it exceptionally easy to use the built in jQuery animation methods.  I used them in this sample to fly pigs across the screen and also scroll th div that is filled with images from a yahoo pipe.  I have also been looking into <a href="http://i-create.org/wp-content/plugins/feed-statistics.php?url=aHR0cDovL2QuaGF0ZW5hLm5lLmpwL3NlY29uZGxpZmUvMjAwNzA5MjMvMTE5MDQ4MjM5Mw==" title=\"JsTweener\" target=\"_blank\">JsTweener</a> if I can do something that is more like a flash animation I will do it.  It seems to me the animation easing effects are not as easy to use as they are with flash but then again flash has numerous tween libraries.  I do belive we will only see more of JavaScript libraries in the future that are based off of existing code libraries that many people currently use.  I guess an obvious benefit of using something like JS Tweener is I am already familiar with the syntax and would save myself a Google search.  I also added a twitter search to this project that pull the results when pigs fly (Note when you hover over the pig it stops).  You will notice that a pig flys by on an occasion and has the related twitter post trailing.  When the user hits search it also fetches new JSON feeds for the video, flickr and Twitter feeds.  Play around with it.  I also used type select a library that allows you to embed fonts.  I embedded a font but that font is not available in the download because I had to pay for the font.  I highly recommend checking out <a href="http://i-create.org/wp-content/plugins/feed-statistics.php?url=aHR0cDovL3d3dy50eXBlc2VsZWN0Lm9yZy8=" target=\"_blank\" title=\"Type Select\" >Type Select</a> for embedding fonts it seemed to work out for me just fine.  I have noticed on various platforms I get different results.  Vista IE works/ Firefox doesn&#8217;t etc.. Apple just works hmm go figure.  I also noticed sometimes the Twitter Search Pipe Fails this is because Twitter goes down sometimes hence the service breaks may be I should have wrapped it in a try catch oh well.  I had a fun time putting this together and managed to teach myself a little more about jQuery it makes JavaScript easy!</p>
<p>You can also find numerous videos on how to use Yahoo Pipes here is one of those videos by Scott Has a Mac:<br />
<object width="325" height="244"><param name="movie" value="http://www.youtube.com/v/nPHBKnkCtfA&#038;hl=en_US&#038;fs=1&#038;"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/nPHBKnkCtfA&#038;hl=en_US&#038;fs=1&#038;" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="325" height="244"></embed></object></p>
<p>Long story short check out Yahoo Pipes you can manipulate information easily and visualize it rapidly.</p>
<p>I think the future of JavaScript will be interesting I am also looking forward to utilizing haXe to convert some flash libraries to JavaScript. <a href="http://i-create.org/wp-content/plugins/feed-statistics.php?url=aHR0cDovL3d3dy5jaHJvbWVleHBlcmltZW50cy5jb20vZGV0YWlsLzNkLWphdmFzY3JpcHQtd2l0aC1zYW5keS1oeC8=" title=\"3D JavaScript with Sandy-HX\" target=\"_blank\">Check out this experiment on Chrome Experiment</a> they used <a href="http://i-create.org/wp-content/plugins/feed-statistics.php?url=aHR0cDovL2hheGUub3JnLw==" title=\"haXe\" target=\"_blank\">haXe</a> to convert Sandy3D to JavaScript. Please Note You have to view this with a <a href="http://i-create.org/wp-content/plugins/feed-statistics.php?url=aHR0cDovL3d3dy5nb29nbGUuY29tL2Nocm9tZQ==" title=\"Chrome Browser\" target=\"_blank\">Chrome Browser</a>.  I am also very curious to see the results.  I believe haXe will be an interesting platform I think it could expand by adding support for C# and JAVA.  I think then it would be used more and I know they have plans to add support for java at least that is what they were doing at Google summer of code.  I think it is interesting that haXe is not about the runtime but utilizing the language of choice and then targeting a runtime this I believe is a <a href="http://i-create.org/wp-content/plugins/feed-statistics.php?url=aHR0cDovL2VuLndpa2lwZWRpYS5vcmcvd2lraS9QYXJhZGlnbV9zaGlmdA==" title=\"paradigm shift\" target=\"_blank\">paradigm shift</a>.  Traditionally platforms are built around the runtime and not the opposite way around.  I don&#8217;t mind JavaScript but I really like Flash and Silverlight you can count on the same experience across multiple platforms the truth is not of course the same for JavaScript because it is dependent on the browser rendering / JavaScript engine.  jQuery really speeds up development and makes JavaScript more like other programing languages.</p>
<p>Links:<br />
<a href="http://i-create.org/wp-content/plugins/feed-statistics.php?url=aHR0cDovL2Jsb2cubmloaWxvZ2ljLmRrLw==" title=\"Cool JavaScript Experiments by nihilogic\" target=\"_blank\">Cool JavaScript Experiments by nihilogic</a><br />
<a href="http://i-create.org/wp-content/plugins/feed-statistics.php?url=aHR0cDovL3d3dy5jaHJvbWVleHBlcmltZW50cy5jb20=" title=\"Chrome Experiments\" target=\"_blank\">Chrome Experiments</a><br />
<a href="http://i-create.org/wp-content/plugins/feed-statistics.php?url=aHR0cDovL3BpcGVzLnlhaG9vLmNvbS9waXBlcy8=" title=\"Yahoo Pipes MashUp Creator\" target=\"_blank\">Yahoo Pipes MashUp Creator</a><br />
<a href="http://i-create.org/wp-content/plugins/feed-statistics.php?url=aHR0cDovL3d3dy5zZW8tZXhwZXJ0LWJsb2cuY29tL2Jsb2cvcGFyc2luZy15YWhvby1waXBlcy1qc29uLWZlZWRzLXdpdGgtanF1ZXJ5" target=\"_blank\"  title=\"Parsing Yahoo Pipes With jQuery - by Ramiro Gómez\">Parsing Yahoo Pipes With jQuery &#8211; by Ramiro Gómez</a><br />
<a href="http://i-create.org/wp-content/plugins/feed-statistics.php?url=aHR0cDovL2pxdWVyeS5jb20v" title=\"jQuery\" target=\"_blank\">jQuery</a><br />
<a href="http://i-create.org/wp-content/plugins/feed-statistics.php?url=aHR0cDovL2Fyc3RlY2huaWNhLmNvbS93ZWIvbmV3cy8yMDA5LzEyL2NvbW1vbmpzLWVmZm9ydC1zZXRzLWphdmFzY3JpcHQtb24tcGF0aC1mb3Itd29ybGQtZG9taW5hdGlvbi5hcnM=" title=\"Future of JavaScript?\" target=\"_blank\">Future of JavaScript?</a></p>
<p>Other Cool JavaScript Libraries:<br />
<a href="http://i-create.org/wp-content/plugins/feed-statistics.php?url=aHR0cDovL21vb3Rvb2xzLm5ldC8=" title=\"Moo Tools\" target=\"_blank\">Moo Tools</a><br />
<a href="http://i-create.org/wp-content/plugins/feed-statistics.php?url=aHR0cDovL3d3dy5wcm90b3R5cGVqcy5vcmcv" title=\"ProtoType\" target=\"_blank\">ProtoType</a><br />
<a href="http://i-create.org/wp-content/plugins/feed-statistics.php?url=aHR0cDovL2RlYW5tLmdpdGh1Yi5jb20vcHJlM2Qv" title=\"Pre3d\" target=\"_blank\">Pre3d</a><br />
<a href="http://i-create.org/wp-content/plugins/feed-statistics.php?url=aHR0cDovL3Byb2Nlc3Npbmdqcy5vcmcv" title=\"ProcessingJS\" target=\"_blank\">ProcessingJS</a><br />
<a href="http://i-create.org/wp-content/plugins/feed-statistics.php?url=aHR0cDovL2QuaGF0ZW5hLm5lLmpwL3NlY29uZGxpZmUvMjAwNzA5MjMvMTE5MDQ4MjM5Mw==" title=\"JsTweener\" target=\"_blank\">JsTweener</a><br />
<a href="http://i-create.org/wp-content/plugins/feed-statistics.php?url=aHR0cDovL3d3dy50eXBlc2VsZWN0Lm9yZy8=" target=\"_blank\" title=\"Type Select\" >Type Select</a></p>
<p>This Project&#8217;s Associated Files<br />
<a href="http://i-create.org/wp-content/plugins/feed-statistics.php?url=aHR0cDovL2ktY3JlYXRlLm9yZy9KYXZhU2NyaXB0L3NjOU5ld3Mv" title=\"Click here to Launch Finished Project\" target=\"_blank\">Click here to Launch Finished Project</a><br />
<a href="http://i-create.org/wp-content/plugins/feed-statistics.php?url=aHR0cDovL2ktY3JlYXRlLm9yZy9KYXZhU2NyaXB0L3NjOU5ld3MveWFob29QaXBlc0pzb24uemlw" title=\"Yahoo Pipes and JSON Project Download Code\" target=\"_blank\">Click here to download all associated Code</a></p>
 <img src="http://i-create.org/wp-content/plugins/feed-statistics.php?view=1&post_id=708" width="1" height="1" style="display: none;" /><a class="a2a_dd addtoany_share_save" href="http://www.addtoany.com/share_save?linkurl=http%3A%2F%2Fi-create.org%2F2009%2F12%2F08%2Fwhen-pigs-fly-with-jquery%2F&amp;linkname=When%20Pigs%20Fly%20With%20jQuery"><img src="http://i-create.org/wp-content/plugins/add-to-any/share_save_171_16.png" width="171" height="16" alt="Share/Bookmark"/></a>]]></content:encoded>
			<wfw:commentRss>http://i-create.org/2009/12/08/when-pigs-fly-with-jquery/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Yahoo Pipes RSS &amp; JSON ActionScript Revisited</title>
		<link>http://i-create.org/2009/07/19/yahoo-pipes-rss-json-actionscript-revisited/</link>
		<comments>http://i-create.org/2009/07/19/yahoo-pipes-rss-json-actionscript-revisited/#comments</comments>
		<pubDate>Sun, 19 Jul 2009 19:36:40 +0000</pubDate>
		<dc:creator>Brendon Smith</dc:creator>
				<category><![CDATA[ActionScript]]></category>
		<category><![CDATA[MashUp]]></category>
		<category><![CDATA[as3]]></category>
		<category><![CDATA[JSON]]></category>
		<category><![CDATA[XML]]></category>
		<category><![CDATA[Yahoo Pipes]]></category>

		<guid isPermaLink="false">http://i-create.org/2009/07/19/yahoo-pipes-rss-json-actionscript-revisited/</guid>
		<description><![CDATA[A while ago I gave a quick example that showed how to use Flex with Yahoo Pipes I also showed how to parse RSS and JSON with ActionScript. Today I will show you a modification I have made. I have constructed a Class file that wraps all the functionality of the creation of RSS / [...]]]></description>
			<content:encoded><![CDATA[<p>A while ago I gave a quick example that showed how to use Flex with Yahoo Pipes I also showed how to parse RSS and JSON with ActionScript.  Today I will show you a modification I have made.  I have constructed a Class file that wraps all the functionality of the creation of RSS / JSON for me and I just need to initialize the class give it a name a and a feed to parse and bam that&#8217;s it I am done.  The class constructs all the data all the users has to do is place the data in a text area, etc..  Ridiculously easy too use semi-stupid human proof.  I will still be re-factoring this code but you can see the obvious advantages of this method vs the previous.</p>
<p>Wrapper Class:</p>

<div class="wp_syntax"><div class="code"><pre class="actionscript" style="font-family:monospace;">package  
<span style="color: #66cc66;">&#123;</span>
	<span style="color: #0066CC;">import</span> SearchLocator;
	<span style="color: #0066CC;">import</span> mx.<span style="color: #006600;">core</span>.<span style="color: #006600;">Application</span>;
	<span style="color: #0066CC;">import</span> mx.<span style="color: #006600;">utils</span>.<span style="color: #006600;">ObjectUtil</span>;
	<span style="color: #0066CC;">import</span> mx.<span style="color: #006600;">rpc</span>.<span style="color: #006600;">events</span>.<span style="color: #006600;">ResultEvent</span>;
	<span style="color: #0066CC;">import</span> com.<span style="color: #006600;">adobe</span>.<span style="color: #006600;">utils</span>.<span style="color: #006600;">XMLUtil</span>;
	<span style="color: #0066CC;">import</span> com.<span style="color: #006600;">adobe</span>.<span style="color: #006600;">serialization</span>.<span style="color: #006600;">json</span>.<span style="color: #006600;">JSON</span>;
	<span style="color: #0066CC;">import</span> com.<span style="color: #006600;">adobe</span>.<span style="color: #0066CC;">xml</span>.<span style="color: #006600;">syndication</span>.<span style="color: #006600;">rss</span>.<span style="color: #006600;">Item20</span>;
	<span style="color: #0066CC;">import</span> com.<span style="color: #006600;">adobe</span>.<span style="color: #0066CC;">xml</span>.<span style="color: #006600;">syndication</span>.<span style="color: #006600;">rss</span>.<span style="color: #006600;">RSS20</span>;
	<span style="color: #0066CC;">import</span> nl.<span style="color: #006600;">demonsters</span>.<span style="color: #006600;">debugger</span>.<span style="color: #006600;">MonsterDebugger</span>;
	<span style="color: #0066CC;">import</span> flash.<span style="color: #006600;">events</span>.<span style="color: #006600;">Event</span>;
	<span style="color: #0066CC;">import</span> flash.<span style="color: #006600;">events</span>.<span style="color: #006600;">IOErrorEvent</span>;
	<span style="color: #0066CC;">import</span> flash.<span style="color: #006600;">events</span>.<span style="color: #006600;">EventDispatcher</span>;
	<span style="color: #0066CC;">import</span> flash.<span style="color: #006600;">events</span>.<span style="color: #006600;">SecurityErrorEvent</span>;
	<span style="color: #0066CC;">import</span> flash.<span style="color: #006600;">net</span>.<span style="color: #006600;">URLLoader</span>;
	<span style="color: #0066CC;">import</span> flash.<span style="color: #006600;">net</span>.<span style="color: #006600;">URLRequest</span>;
	<span style="color: #0066CC;">import</span> flash.<span style="color: #006600;">net</span>.<span style="color: #006600;">navigateToURL</span>;
	<span style="color: #0066CC;">import</span> flash.<span style="color: #006600;">net</span>.<span style="color: #006600;">URLRequestMethod</span>;
&nbsp;
	<span style="color: #66cc66;">&#91;</span>Event<span style="color: #66cc66;">&#40;</span><span style="color: #ff0000;">&quot;myRSSevent&quot;</span>, <span style="color: #ff0000;">&quot;flash.events.Event&quot;</span><span style="color: #66cc66;">&#41;</span><span style="color: #66cc66;">&#93;</span>
	<span style="color: #66cc66;">&#91;</span>Event<span style="color: #66cc66;">&#40;</span><span style="color: #ff0000;">&quot;myRSSURL&quot;</span>, <span style="color: #ff0000;">&quot;flash.events.Event&quot;</span><span style="color: #66cc66;">&#41;</span><span style="color: #66cc66;">&#93;</span>
	<span style="color: #66cc66;">&#91;</span>Bindable<span style="color: #66cc66;">&#93;</span>
	<span style="color: #808080; font-style: italic;">/**
	 * ...
	 * @author Brendon Smith
	 */</span>
	<span style="color: #0066CC;">public</span> <span style="color: #000000; font-weight: bold;">class</span> RSSJSONW  <span style="color: #0066CC;">extends</span> EventDispatcher
	<span style="color: #66cc66;">&#123;</span>
		<span style="color: #0066CC;">static</span> <span style="color: #0066CC;">public</span> <span style="color: #000000; font-weight: bold;">var</span> _instance:RSSJSONW;
		<span style="color: #0066CC;">public</span> <span style="color: #000000; font-weight: bold;">var</span> RSS_URL:<span style="color: #0066CC;">String</span> = <span style="color: #000000; font-weight: bold;">new</span> <span style="color: #0066CC;">String</span><span style="color: #66cc66;">&#40;</span><span style="color: #ff0000;">&quot;myRSSURL&quot;</span><span style="color: #66cc66;">&#41;</span>;
		<span style="color: #0066CC;">public</span> <span style="color: #000000; font-weight: bold;">var</span> loader:URLLoader;	
		<span style="color: #0066CC;">public</span> <span style="color: #000000; font-weight: bold;">var</span> loader1:URLLoader;
		<span style="color: #0066CC;">public</span> <span style="color: #000000; font-weight: bold;">var</span> loader2:URLLoader;
		<span style="color: #0066CC;">public</span> <span style="color: #000000; font-weight: bold;">var</span> window_id:<span style="color: #0066CC;">String</span>;
		<span style="color: #0066CC;">public</span> <span style="color: #000000; font-weight: bold;">var</span> window_render:<span style="color: #0066CC;">String</span>;
		<span style="color: #0066CC;">public</span> <span style="color: #000000; font-weight: bold;">var</span> outXML:XMLList;
		<span style="color: #0066CC;">static</span> <span style="color: #0066CC;">public</span> <span style="color: #000000; font-weight: bold;">var</span> <span style="color: #0066CC;">data</span>:<span style="color: #0066CC;">String</span> = <span style="color: #000000; font-weight: bold;">new</span> <span style="color: #0066CC;">String</span><span style="color: #66cc66;">&#40;</span><span style="color: #ff0000;">&quot;myRSSevent&quot;</span><span style="color: #66cc66;">&#41;</span>;
		<span style="color: #0066CC;">public</span> <span style="color: #000000; font-weight: bold;">var</span> _data:<span style="color: #0066CC;">String</span> = <span style="color: #000000; font-weight: bold;">new</span> <span style="color: #0066CC;">String</span><span style="color: #66cc66;">&#40;</span><span style="color: #ff0000;">&quot;&quot;</span><span style="color: #66cc66;">&#41;</span>;
		<span style="color: #0066CC;">public</span> <span style="color: #000000; font-weight: bold;">var</span> rss:RSS20;
		<span style="color: #0066CC;">public</span> <span style="color: #000000; font-weight: bold;">var</span> body:XMLList;
		<span style="color: #0066CC;">static</span> <span style="color: #0066CC;">public</span> <span style="color: #000000; font-weight: bold;">var</span> IsReady:<span style="color: #0066CC;">String</span> = <span style="color: #000000; font-weight: bold;">new</span> <span style="color: #0066CC;">String</span><span style="color: #66cc66;">&#40;</span><span style="color: #ff0000;">&quot;IsReady&quot;</span><span style="color: #66cc66;">&#41;</span>;
		<span style="color: #0066CC;">public</span> <span style="color: #000000; font-weight: bold;">var</span> _IsReady:<span style="color: #0066CC;">String</span> = <span style="color: #000000; font-weight: bold;">new</span> <span style="color: #0066CC;">String</span><span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>;
		<span style="color: #0066CC;">public</span> <span style="color: #000000; font-weight: bold;">var</span> d:MonsterDebugger = <span style="color: #000000; font-weight: bold;">new</span> MonsterDebugger<span style="color: #66cc66;">&#40;</span><span style="color: #0066CC;">this</span><span style="color: #66cc66;">&#41;</span>;	
		<span style="color: #0066CC;">public</span> <span style="color: #000000; font-weight: bold;">var</span> check:<span style="color: #0066CC;">int</span> = <span style="color: #cc66cc;">0</span>;
		<span style="color: #0066CC;">static</span> <span style="color: #0066CC;">public</span> <span style="color: #000000; font-weight: bold;">var</span> txtURL:<span style="color: #0066CC;">String</span> = <span style="color: #ff0000;">&quot;myUrl&quot;</span>;
		<span style="color: #0066CC;">public</span> <span style="color: #000000; font-weight: bold;">var</span> _txtURL:<span style="color: #0066CC;">String</span> = <span style="color: #ff0000;">&quot;txtURL&quot;</span>;
&nbsp;
		<span style="color: #0066CC;">public</span> <span style="color: #000000; font-weight: bold;">function</span> RSSJSONW<span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span> 
		<span style="color: #66cc66;">&#123;</span>
			init<span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>;
		<span style="color: #66cc66;">&#125;</span>
		<span style="color: #0066CC;">private</span> <span style="color: #000000; font-weight: bold;">function</span> init<span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>:<span style="color: #0066CC;">void</span>
		<span style="color: #66cc66;">&#123;</span>
&nbsp;
		<span style="color: #66cc66;">&#125;</span>
&nbsp;
		<span style="color: #0066CC;">static</span> <span style="color: #0066CC;">public</span> <span style="color: #000000; font-weight: bold;">function</span> getInstance<span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>:RSSJSONW
		<span style="color: #66cc66;">&#123;</span>
			<span style="color: #b1b100;">if</span><span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">!</span>_instance<span style="color: #66cc66;">&#41;</span>
			<span style="color: #66cc66;">&#123;</span>
				_instance = <span style="color: #000000; font-weight: bold;">new</span> RSSJSONW<span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>;
			<span style="color: #66cc66;">&#125;</span>
			<span style="color: #b1b100;">return</span> _instance;
		<span style="color: #66cc66;">&#125;</span>
		<span style="color: #0066CC;">public</span> <span style="color: #000000; font-weight: bold;">function</span> <span style="color: #0066CC;">get</span> txtURL<span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>:<span style="color: #0066CC;">String</span>
		<span style="color: #66cc66;">&#123;</span>
			<span style="color: #b1b100;">return</span> _txtURL;
&nbsp;
		<span style="color: #66cc66;">&#125;</span>
		<span style="color: #0066CC;">public</span> <span style="color: #000000; font-weight: bold;">function</span> <span style="color: #0066CC;">set</span> txtTermURL<span style="color: #66cc66;">&#40;</span>p_value:<span style="color: #0066CC;">String</span><span style="color: #66cc66;">&#41;</span>:<span style="color: #0066CC;">void</span>
		<span style="color: #66cc66;">&#123;</span>
			_txtURL = p_value;
			RSS_URL = _txtURL;
			dispatchEvent<span style="color: #66cc66;">&#40;</span><span style="color: #000000; font-weight: bold;">new</span> Event<span style="color: #66cc66;">&#40;</span>txtURL<span style="color: #66cc66;">&#41;</span><span style="color: #66cc66;">&#41;</span>;
		<span style="color: #66cc66;">&#125;</span>
		<span style="color: #0066CC;">public</span> <span style="color: #000000; font-weight: bold;">function</span> <span style="color: #0066CC;">get</span> IsReady<span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>:<span style="color: #0066CC;">String</span>
		<span style="color: #66cc66;">&#123;</span>
			<span style="color: #b1b100;">return</span> _IsReady;
&nbsp;
		<span style="color: #66cc66;">&#125;</span>
		<span style="color: #0066CC;">public</span> <span style="color: #000000; font-weight: bold;">function</span> <span style="color: #0066CC;">set</span> IsReadyTerm<span style="color: #66cc66;">&#40;</span>p_value:<span style="color: #0066CC;">String</span><span style="color: #66cc66;">&#41;</span>:<span style="color: #0066CC;">void</span>
		<span style="color: #66cc66;">&#123;</span>
			_IsReady = p_value;
			dispatchEvent<span style="color: #66cc66;">&#40;</span><span style="color: #000000; font-weight: bold;">new</span> Event<span style="color: #66cc66;">&#40;</span>IsReady<span style="color: #66cc66;">&#41;</span><span style="color: #66cc66;">&#41;</span>;
		<span style="color: #66cc66;">&#125;</span>
		<span style="color: #0066CC;">public</span> <span style="color: #000000; font-weight: bold;">function</span> <span style="color: #0066CC;">get</span> <span style="color: #0066CC;">data</span><span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>:<span style="color: #0066CC;">String</span>
		<span style="color: #66cc66;">&#123;</span>
			<span style="color: #b1b100;">return</span> _data;
&nbsp;
		<span style="color: #66cc66;">&#125;</span>
		<span style="color: #0066CC;">public</span> <span style="color: #000000; font-weight: bold;">function</span> <span style="color: #0066CC;">set</span> varDataTerm<span style="color: #66cc66;">&#40;</span>p_value:<span style="color: #0066CC;">String</span><span style="color: #66cc66;">&#41;</span>:<span style="color: #0066CC;">void</span>
		<span style="color: #66cc66;">&#123;</span>
			_data = p_value;
			dispatchEvent<span style="color: #66cc66;">&#40;</span><span style="color: #000000; font-weight: bold;">new</span> Event<span style="color: #66cc66;">&#40;</span><span style="color: #0066CC;">data</span><span style="color: #66cc66;">&#41;</span><span style="color: #66cc66;">&#41;</span>;
		<span style="color: #66cc66;">&#125;</span>
		<span style="color: #0066CC;">public</span> <span style="color: #000000; font-weight: bold;">function</span> <span style="color: #0066CC;">onXML</span><span style="color: #66cc66;">&#40;</span>RSS_URL:<span style="color: #0066CC;">String</span><span style="color: #66cc66;">&#41;</span>:<span style="color: #0066CC;">void</span>
		<span style="color: #66cc66;">&#123;</span>
			check = <span style="color: #cc66cc;">1</span>;
			loader = <span style="color: #000000; font-weight: bold;">new</span> URLLoader<span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>;
			<span style="color: #000000; font-weight: bold;">var</span> request:URLRequest = <span style="color: #000000; font-weight: bold;">new</span> URLRequest<span style="color: #66cc66;">&#40;</span>RSS_URL<span style="color: #66cc66;">&#41;</span>;
			request.<span style="color: #006600;">method</span> = URLRequestMethod.<span style="color: #0066CC;">GET</span>;
&nbsp;
			<span style="color: #808080; font-style: italic;">//listen for when the data loads</span>
			<span style="color: #0066CC;">try</span>
				<span style="color: #66cc66;">&#123;</span>
				loader.<span style="color: #006600;">addEventListener</span><span style="color: #66cc66;">&#40;</span>Event.<span style="color: #006600;">COMPLETE</span>, onDataLoad<span style="color: #66cc66;">&#41;</span>;
				<span style="color: #808080; font-style: italic;">//load the feed data</span>
				loader.<span style="color: #0066CC;">load</span><span style="color: #66cc66;">&#40;</span>request<span style="color: #66cc66;">&#41;</span>;
				<span style="color: #66cc66;">&#125;</span>
			<span style="color: #0066CC;">catch</span><span style="color: #66cc66;">&#40;</span><span style="color: #0066CC;">e</span>:<span style="color: #0066CC;">Error</span><span style="color: #66cc66;">&#41;</span>
			<span style="color: #66cc66;">&#123;</span>
				<span style="color: #0066CC;">trace</span><span style="color: #66cc66;">&#40;</span><span style="color: #ff0000;">&quot;Error: &quot;</span> + <span style="color: #0066CC;">e</span>.<span style="color: #0066CC;">message</span><span style="color: #66cc66;">&#41;</span>;
			<span style="color: #66cc66;">&#125;</span>
		<span style="color: #66cc66;">&#125;</span>
&nbsp;
		<span style="color: #0066CC;">public</span> <span style="color: #000000; font-weight: bold;">function</span> onJSON<span style="color: #66cc66;">&#40;</span>RSS_URL:<span style="color: #0066CC;">String</span><span style="color: #66cc66;">&#41;</span>:<span style="color: #0066CC;">void</span>
		<span style="color: #66cc66;">&#123;</span>
		loader1 = <span style="color: #000000; font-weight: bold;">new</span> URLLoader<span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>;
		<span style="color: #000000; font-weight: bold;">var</span> request:URLRequest = <span style="color: #000000; font-weight: bold;">new</span> URLRequest<span style="color: #66cc66;">&#40;</span>RSS_URL<span style="color: #66cc66;">&#41;</span>;
		request.<span style="color: #006600;">method</span> = URLRequestMethod.<span style="color: #0066CC;">GET</span>;
		<span style="color: #808080; font-style: italic;">//load the feed data</span>
		<span style="color: #808080; font-style: italic;">//listen for when the data loads</span>
		<span style="color: #0066CC;">try</span>
			<span style="color: #66cc66;">&#123;</span>
				loader1.<span style="color: #0066CC;">load</span><span style="color: #66cc66;">&#40;</span>request<span style="color: #66cc66;">&#41;</span>;
				loader1.<span style="color: #006600;">addEventListener</span><span style="color: #66cc66;">&#40;</span>Event.<span style="color: #006600;">COMPLETE</span>, onDataJSON<span style="color: #66cc66;">&#41;</span>;
				<span style="color: #808080; font-style: italic;">//load the feed data</span>
			<span style="color: #66cc66;">&#125;</span>
		<span style="color: #0066CC;">catch</span><span style="color: #66cc66;">&#40;</span><span style="color: #0066CC;">e</span>:<span style="color: #0066CC;">Error</span><span style="color: #66cc66;">&#41;</span>
			<span style="color: #66cc66;">&#123;</span>
				<span style="color: #0066CC;">trace</span><span style="color: #66cc66;">&#40;</span><span style="color: #ff0000;">&quot;Error: &quot;</span> + <span style="color: #0066CC;">e</span>.<span style="color: #0066CC;">message</span><span style="color: #66cc66;">&#41;</span>;
			<span style="color: #66cc66;">&#125;</span>
	<span style="color: #66cc66;">&#125;</span>
&nbsp;
	<span style="color: #808080; font-style: italic;">//called once the data has loaded from the feed</span>
	<span style="color: #0066CC;">public</span> <span style="color: #000000; font-weight: bold;">function</span> onDataLoad<span style="color: #66cc66;">&#40;</span><span style="color: #0066CC;">e</span>:Event<span style="color: #66cc66;">&#41;</span>:<span style="color: #0066CC;">void</span>
	<span style="color: #66cc66;">&#123;</span>
		<span style="color: #808080; font-style: italic;">//get the raw string data from the feed</span>
		<span style="color: #000000; font-weight: bold;">var</span> rawRSS:<span style="color: #0066CC;">String</span> = URLLoader<span style="color: #66cc66;">&#40;</span><span style="color: #0066CC;">e</span>.<span style="color: #0066CC;">target</span><span style="color: #66cc66;">&#41;</span>.<span style="color: #0066CC;">data</span>;
		<span style="color: #808080; font-style: italic;">//parse it as RSS</span>
		parseRSS<span style="color: #66cc66;">&#40;</span>rawRSS<span style="color: #66cc66;">&#41;</span>;
	<span style="color: #66cc66;">&#125;</span>
	<span style="color: #0066CC;">public</span> <span style="color: #000000; font-weight: bold;">function</span> onDataJSON<span style="color: #66cc66;">&#40;</span><span style="color: #0066CC;">e</span>:Event<span style="color: #66cc66;">&#41;</span>:<span style="color: #0066CC;">void</span>
	<span style="color: #66cc66;">&#123;</span>
		<span style="color: #0066CC;">try</span>
			<span style="color: #66cc66;">&#123;</span>
				<span style="color: #000000; font-weight: bold;">var</span> rawJSON:<span style="color: #0066CC;">Object</span> = JSON.<span style="color: #006600;">decode</span><span style="color: #66cc66;">&#40;</span>loader1.<span style="color: #0066CC;">data</span><span style="color: #66cc66;">&#41;</span>;
				parseJSON<span style="color: #66cc66;">&#40;</span>rawJSON<span style="color: #66cc66;">&#41;</span>;
				<span style="color: #808080; font-style: italic;">//load the feed data</span>
			<span style="color: #66cc66;">&#125;</span>
		<span style="color: #0066CC;">catch</span><span style="color: #66cc66;">&#40;</span><span style="color: #0066CC;">e</span>:<span style="color: #0066CC;">Error</span><span style="color: #66cc66;">&#41;</span>
			<span style="color: #66cc66;">&#123;</span>
				<span style="color: #0066CC;">trace</span><span style="color: #66cc66;">&#40;</span><span style="color: #ff0000;">&quot;Error: &quot;</span> + <span style="color: #0066CC;">e</span>.<span style="color: #0066CC;">message</span><span style="color: #66cc66;">&#41;</span>;
			<span style="color: #66cc66;">&#125;</span>
			<span style="color: #808080; font-style: italic;">//parse it as RSS</span>
	<span style="color: #66cc66;">&#125;</span>
&nbsp;
	<span style="color: #0066CC;">public</span> <span style="color: #000000; font-weight: bold;">function</span> parseJSON<span style="color: #66cc66;">&#40;</span>data1:<span style="color: #0066CC;">Object</span><span style="color: #66cc66;">&#41;</span>:<span style="color: #0066CC;">void</span>
	<span style="color: #66cc66;">&#123;</span>
		<span style="color: #808080; font-style: italic;">//parse the raw rss data</span>
		<span style="color: #000000; font-weight: bold;">var</span> Items:<span style="color: #0066CC;">Object</span> = data1;
		<span style="color: #808080; font-style: italic;">//var data:String;</span>
		<span style="color: #808080; font-style: italic;">//get all of the items within the feed</span>
		<span style="color: #000000; font-weight: bold;">var</span> itemsJSON:<span style="color: #0066CC;">Array</span> = Items.<span style="color: #006600;">value</span>.<span style="color: #006600;">items</span>;
		<span style="color: #808080; font-style: italic;">//loop through each item in the feed</span>
		<span style="color: #000000; font-weight: bold;">var</span> outXML:XMLList = <span style="color: #000000; font-weight: bold;">new</span> XMLList<span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>
		<span style="color: #b1b100;">for</span> <span style="color: #66cc66;">&#40;</span><span style="color: #000000; font-weight: bold;">var</span> i:<span style="color: #0066CC;">int</span> = <span style="color: #cc66cc;">0</span>; i <span style="color: #66cc66;">&lt;</span> itemsJSON.<span style="color: #0066CC;">length</span>; i++ <span style="color: #66cc66;">&#41;</span>
		<span style="color: #66cc66;">&#123;</span>
			<span style="color: #b1b100;">if</span> <span style="color: #66cc66;">&#40;</span>Items.<span style="color: #006600;">value</span>.<span style="color: #006600;">items</span><span style="color: #66cc66;">&#91;</span>i<span style="color: #66cc66;">&#93;</span>.<span style="color: #006600;">title</span> <span style="color: #66cc66;">!</span>= <span style="color: #000000; font-weight: bold;">null</span> <span style="color: #66cc66;">&amp;&amp;</span> Items.<span style="color: #006600;">value</span>.<span style="color: #006600;">items</span><span style="color: #66cc66;">&#91;</span>i<span style="color: #66cc66;">&#93;</span>.<span style="color: #006600;">description</span> <span style="color: #66cc66;">!</span>= <span style="color: #000000; font-weight: bold;">null</span> <span style="color: #66cc66;">&amp;&amp;</span> Items.<span style="color: #006600;">value</span>.<span style="color: #006600;">items</span><span style="color: #66cc66;">&#91;</span>i<span style="color: #66cc66;">&#93;</span>.<span style="color: #006600;">link</span> <span style="color: #66cc66;">!</span>= <span style="color: #000000; font-weight: bold;">null</span><span style="color: #66cc66;">&#41;</span>
			<span style="color: #66cc66;">&#123;</span>
				<span style="color: #000000; font-weight: bold;">var</span> itemTitle:<span style="color: #0066CC;">String</span> = Items.<span style="color: #006600;">value</span>.<span style="color: #006600;">items</span><span style="color: #66cc66;">&#91;</span>i<span style="color: #66cc66;">&#93;</span>.<span style="color: #006600;">title</span>.<span style="color: #0066CC;">toString</span><span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>;
				<span style="color: #000000; font-weight: bold;">var</span> itemDescription:<span style="color: #0066CC;">String</span> = Items.<span style="color: #006600;">value</span>.<span style="color: #006600;">items</span><span style="color: #66cc66;">&#91;</span>i<span style="color: #66cc66;">&#93;</span>.<span style="color: #006600;">description</span>.<span style="color: #0066CC;">toString</span><span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>;
				<span style="color: #000000; font-weight: bold;">var</span> itemLink:<span style="color: #0066CC;">String</span> = Items.<span style="color: #006600;">value</span>.<span style="color: #006600;">items</span><span style="color: #66cc66;">&#91;</span>i<span style="color: #66cc66;">&#93;</span>.<span style="color: #006600;">link</span>.<span style="color: #0066CC;">toString</span><span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>;
				outXML += buildItemHTML<span style="color: #66cc66;">&#40;</span>itemTitle, itemDescription, itemLink<span style="color: #66cc66;">&#41;</span>;
			<span style="color: #66cc66;">&#125;</span>
		<span style="color: #66cc66;">&#125;</span>
	_data = outXML.<span style="color: #006600;">toXMLString</span><span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>;
	IsReadyTerm = <span style="color: #ff0000;">&quot;true&quot;</span>;
	<span style="color: #66cc66;">&#125;</span>
&nbsp;
	<span style="color: #808080; font-style: italic;">//parses RSS 2.0 feed and prints out the feed titles into</span>
	<span style="color: #808080; font-style: italic;">//the text area</span>
	<span style="color: #0066CC;">public</span> <span style="color: #000000; font-weight: bold;">function</span> parseRSS<span style="color: #66cc66;">&#40;</span><span style="color: #0066CC;">data</span>:<span style="color: #0066CC;">String</span><span style="color: #66cc66;">&#41;</span>:<span style="color: #0066CC;">void</span>
	<span style="color: #66cc66;">&#123;</span>
		<span style="color: #808080; font-style: italic;">//XMLSyndicationLibrary does not validate that the data contains valid</span>
		<span style="color: #808080; font-style: italic;">//XML, so you need to validate that the data is valid XML.</span>
		<span style="color: #808080; font-style: italic;">//We use the XMLUtil.isValidXML API from the corelib library.</span>
		<span style="color: #808080; font-style: italic;">//create RSS20 instance</span>
		<span style="color: #000000; font-weight: bold;">var</span> rss:RSS20 = <span style="color: #000000; font-weight: bold;">new</span> RSS20<span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>;
		<span style="color: #808080; font-style: italic;">//parse the raw rss data</span>
		rss.<span style="color: #006600;">parse</span><span style="color: #66cc66;">&#40;</span><span style="color: #0066CC;">data</span><span style="color: #66cc66;">&#41;</span>;
		<span style="color: #808080; font-style: italic;">//get all of the items within the feed</span>
		<span style="color: #000000; font-weight: bold;">var</span> items:<span style="color: #0066CC;">Array</span> = rss.<span style="color: #006600;">items</span>;
		<span style="color: #808080; font-style: italic;">//loop through each item in the feed</span>
		<span style="color: #000000; font-weight: bold;">var</span> outXML:XMLList = <span style="color: #000000; font-weight: bold;">new</span> XMLList<span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>
		<span style="color: #b1b100;">for</span> each<span style="color: #66cc66;">&#40;</span><span style="color: #000000; font-weight: bold;">var</span> item:Item20 <span style="color: #b1b100;">in</span> items<span style="color: #66cc66;">&#41;</span>
			<span style="color: #66cc66;">&#123;</span>
				<span style="color: #808080; font-style: italic;">//print out the title of each item</span>
				<span style="color: #000000; font-weight: bold;">var</span> itemTitle:<span style="color: #0066CC;">String</span> = item.<span style="color: #006600;">title</span>.<span style="color: #0066CC;">toString</span><span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>;
				<span style="color: #000000; font-weight: bold;">var</span> itemDescription:<span style="color: #0066CC;">String</span> = item.<span style="color: #006600;">description</span>.<span style="color: #0066CC;">toString</span><span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>;
				<span style="color: #000000; font-weight: bold;">var</span> itemLink:<span style="color: #0066CC;">String</span> = item.<span style="color: #006600;">link</span>.<span style="color: #0066CC;">toString</span><span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>;
				outXML += buildItemHTML<span style="color: #66cc66;">&#40;</span>itemTitle, itemDescription, itemLink<span style="color: #66cc66;">&#41;</span>;
			<span style="color: #66cc66;">&#125;</span>
		_data = outXML.<span style="color: #006600;">toXMLString</span><span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>;
		check = <span style="color: #cc66cc;">0</span>;
		IsReadyTerm = <span style="color: #ff0000;">&quot;true&quot;</span>;
	<span style="color: #66cc66;">&#125;</span>
&nbsp;
	<span style="color: #0066CC;">public</span> <span style="color: #000000; font-weight: bold;">function</span> buildItemHTML<span style="color: #66cc66;">&#40;</span>itemTitle:<span style="color: #0066CC;">String</span>, itemDescription:<span style="color: #0066CC;">String</span>, itemLink:<span style="color: #0066CC;">String</span><span style="color: #66cc66;">&#41;</span>:XMLList
	<span style="color: #66cc66;">&#123;</span>
		<span style="color: #b1b100;">if</span> <span style="color: #66cc66;">&#40;</span>itemTitle <span style="color: #66cc66;">!</span>= <span style="color: #000000; font-weight: bold;">null</span> <span style="color: #66cc66;">&amp;&amp;</span> itemDescription <span style="color: #66cc66;">!</span>= <span style="color: #000000; font-weight: bold;">null</span> <span style="color: #66cc66;">&amp;&amp;</span> itemLink <span style="color: #66cc66;">!</span>= <span style="color: #000000; font-weight: bold;">null</span><span style="color: #66cc66;">&#41;</span>
		<span style="color: #66cc66;">&#123;</span>
			<span style="color: #000000; font-weight: bold;">default</span> <span style="color: #0066CC;">xml</span> namespace = <span style="color: #000000; font-weight: bold;">new</span> Namespace<span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>;
			<span style="color: #000000; font-weight: bold;">var</span> body:XMLList = <span style="color: #000000; font-weight: bold;">new</span> XMLList<span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>;
			body += <span style="color: #000000; font-weight: bold;">new</span> <span style="color: #0066CC;">XML</span><span style="color: #66cc66;">&#40;</span><span style="color: #ff0000;">&quot;&lt;b&gt;&quot;</span> + itemTitle + <span style="color: #ff0000;">&quot;&lt;/b&gt;&quot;</span><span style="color: #66cc66;">&#41;</span>;
		<span style="color: #0066CC;">try</span>
		<span style="color: #66cc66;">&#123;</span>
			<span style="color: #000000; font-weight: bold;">var</span> p:<span style="color: #0066CC;">XML</span> = <span style="color: #66cc66;">&lt;</span> description <span style="color: #66cc66;">&gt;</span> <span style="color: #66cc66;">&#123;</span> <span style="color: #000000; font-weight: bold;">new</span> <span style="color: #0066CC;">XML</span><span style="color: #66cc66;">&#40;</span><span style="color: #ff0000;">&quot;&lt;p&gt;&quot;</span> + itemDescription + <span style="color: #ff0000;">&quot;&lt;/p&gt;&quot;</span><span style="color: #66cc66;">&#41;</span> <span style="color: #66cc66;">&#125;</span><span style="color: #66cc66;">&lt;/</span>description<span style="color: #66cc66;">&gt;</span>;
		<span style="color: #66cc66;">&#125;</span>
		<span style="color: #0066CC;">catch</span> <span style="color: #66cc66;">&#40;</span><span style="color: #0066CC;">e</span>:<span style="color: #0066CC;">Error</span><span style="color: #66cc66;">&#41;</span>
		<span style="color: #66cc66;">&#123;</span>
			<span style="color: #0066CC;">trace</span><span style="color: #66cc66;">&#40;</span><span style="color: #ff0000;">&quot;Error: &quot;</span> + <span style="color: #0066CC;">e</span>.<span style="color: #0066CC;">message</span><span style="color: #66cc66;">&#41;</span>;
			p = <span style="color: #66cc66;">&lt;</span> description <span style="color: #66cc66;">&gt;</span> <span style="color: #66cc66;">&#123;</span> <span style="color: #000000; font-weight: bold;">new</span> <span style="color: #0066CC;">XML</span><span style="color: #66cc66;">&#40;</span><span style="color: #ff0000;">&quot;&lt;p&gt;&quot;</span> + <span style="color: #ff0000;">&quot;Their has been an error&quot;</span> + <span style="color: #ff0000;">&quot;&lt;/p&gt;&quot;</span><span style="color: #66cc66;">&#41;</span> <span style="color: #66cc66;">&#125;</span><span style="color: #66cc66;">&lt;/</span>description<span style="color: #66cc66;">&gt;</span>;
		<span style="color: #66cc66;">&#125;</span>
			<span style="color: #000000; font-weight: bold;">var</span> link:<span style="color: #0066CC;">XML</span> = <span style="color: #66cc66;">&lt;</span>a<span style="color: #66cc66;">&gt;&lt;/</span>a<span style="color: #66cc66;">&gt;</span>;
			link.<span style="color: #66cc66;">@</span>href = itemLink;
			link.<span style="color: #0066CC;">font</span>.<span style="color: #66cc66;">@</span><span style="color: #0066CC;">color</span> = <span style="color: #ff0000;">&quot;#990000&quot;</span>; 
			link.<span style="color: #0066CC;">font</span> = <span style="color: #ff0000;">&quot;More...&quot;</span>;
			p.<span style="color: #0066CC;">appendChild</span><span style="color: #66cc66;">&#40;</span>link<span style="color: #66cc66;">&#41;</span>;
			body += p;
		<span style="color: #66cc66;">&#125;</span>
	<span style="color: #b1b100;">return</span> body;
	<span style="color: #66cc66;">&#125;</span>
&nbsp;
	<span style="color: #66cc66;">&#125;</span>
&nbsp;
<span style="color: #66cc66;">&#125;</span></pre></div></div>

<p><a class=\"thickbox\" title=\"Flex Version JSON / RSS Reader\" href="http://i-create.org/wp-content/plugins/feed-statistics.php?url=L3NpbXBsZVJTU0ZsZXgvaW5kZXguaHRtbD9LZWVwVGhpcz10cnVlJiMwMzg7P1RCX2lmcmFtZT10cnVlJiMwMzg7aGVpZ2h0PTYwMCYjMDM4O3dpZHRoPTkyNA=="><img src="/simpleRSSFlex.jpg" title="simpleRSS/JSON in Flex" alt="simpleRSS/JSON in Flex" /></a><br />
<a href="http://i-create.org/wp-content/plugins/feed-statistics.php?url=L2ZsZXhQaXBlcy56aXA=" target=\"_blank\" title=\"Flex Yahoo Pipes and Code\">Download Example Code</a></p>
<p>Example Usage:</p>

<div class="wp_syntax"><div class="code"><pre class="actionscript" style="font-family:monospace;"><span style="color: #66cc66;">&#91;</span>Bindable<span style="color: #66cc66;">&#93;</span><span style="color: #0066CC;">public</span> <span style="color: #000000; font-weight: bold;">var</span> myRSS:RSSJSONW = <span style="color: #000000; font-weight: bold;">new</span> RSSJSONW<span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>;
<span style="color: #0066CC;">public</span> <span style="color: #000000; font-weight: bold;">var</span> myTimer:Timer = <span style="color: #000000; font-weight: bold;">new</span> Timer<span style="color: #66cc66;">&#40;</span><span style="color: #cc66cc;">40</span><span style="color: #66cc66;">&#41;</span>;
<span style="color: #0066CC;">public</span> <span style="color: #000000; font-weight: bold;">function</span> rss1Init<span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>:<span style="color: #0066CC;">void</span>
			<span style="color: #66cc66;">&#123;</span>
				loaderMovContainer.<span style="color: #0066CC;">visible</span> = <span style="color: #000000; font-weight: bold;">true</span>;
				outputFieldContainer.<span style="color: #0066CC;">visible</span> = <span style="color: #000000; font-weight: bold;">false</span>;
				myRSS._txtURL = <span style="color: #ff0000;">&quot;http://life.brendonsmith.com/feed&quot;</span>;
				myRSS.<span style="color: #0066CC;">onXML</span><span style="color: #66cc66;">&#40;</span>myRSS._txtURL<span style="color: #66cc66;">&#41;</span>;
				myTimer.<span style="color: #006600;">addEventListener</span><span style="color: #66cc66;">&#40;</span><span style="color: #ff0000;">&quot;timer&quot;</span>, timedFunction<span style="color: #66cc66;">&#41;</span>;
				myTimer.<span style="color: #0066CC;">start</span><span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>;
			<span style="color: #66cc66;">&#125;</span>
<span style="color: #0066CC;">public</span> <span style="color: #000000; font-weight: bold;">function</span> timedFunction<span style="color: #66cc66;">&#40;</span>eventArgs:TimerEvent<span style="color: #66cc66;">&#41;</span>:<span style="color: #0066CC;">void</span>
			<span style="color: #66cc66;">&#123;</span>
				<span style="color: #b1b100;">if</span> <span style="color: #66cc66;">&#40;</span>myRSS._IsReady == <span style="color: #ff0000;">&quot;true&quot;</span><span style="color: #66cc66;">&#41;</span>
				<span style="color: #66cc66;">&#123;</span>
					myTimer.<span style="color: #0066CC;">stop</span><span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>;	
					loaderMovContainer.<span style="color: #0066CC;">visible</span> = <span style="color: #000000; font-weight: bold;">false</span>;
					loaderMovContainer.<span style="color: #0066CC;">height</span> = <span style="color: #cc66cc;">0</span>;
					loaderMovContainer.<span style="color: #0066CC;">width</span> = <span style="color: #cc66cc;">0</span>;
					outputFieldContainer.<span style="color: #0066CC;">visible</span> = <span style="color: #000000; font-weight: bold;">true</span>; 
					outputField.<span style="color: #0066CC;">htmlText</span> = myRSS._data;
				<span style="color: #66cc66;">&#125;</span>
			<span style="color: #66cc66;">&#125;</span></pre></div></div>

 <img src="http://i-create.org/wp-content/plugins/feed-statistics.php?view=1&post_id=639" width="1" height="1" style="display: none;" /><a class="a2a_dd addtoany_share_save" href="http://www.addtoany.com/share_save?linkurl=http%3A%2F%2Fi-create.org%2F2009%2F07%2F19%2Fyahoo-pipes-rss-json-actionscript-revisited%2F&amp;linkname=Yahoo%20Pipes%20RSS%20%26%23038%3B%20JSON%20ActionScript%20Revisited"><img src="http://i-create.org/wp-content/plugins/add-to-any/share_save_171_16.png" width="171" height="16" alt="Share/Bookmark"/></a>]]></content:encoded>
			<wfw:commentRss>http://i-create.org/2009/07/19/yahoo-pipes-rss-json-actionscript-revisited/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Fun with Yahoo! Pipes JSON &#8211; C# &#8211; ActionScript3</title>
		<link>http://i-create.org/2009/05/25/fun-with-yahoo-pipes-json-c-actionscript3/</link>
		<comments>http://i-create.org/2009/05/25/fun-with-yahoo-pipes-json-c-actionscript3/#comments</comments>
		<pubDate>Tue, 26 May 2009 01:58:18 +0000</pubDate>
		<dc:creator>Brendon Smith</dc:creator>
				<category><![CDATA[.net]]></category>
		<category><![CDATA[ActionScript]]></category>
		<category><![CDATA[Silverlight]]></category>
		<category><![CDATA[i-create]]></category>
		<category><![CDATA[C#]]></category>
		<category><![CDATA[JSON]]></category>
		<category><![CDATA[Yahoo Pipes]]></category>

		<guid isPermaLink="false">http://i-create.org/?p=516</guid>
		<description><![CDATA[What are yahoo pipes and why should I care? Yahoo! Pipes is a web application from Yahoo! that provides a graphical user interface for building data mashups that aggregate web feeds, web pages, and other services, creating Web-based apps from various sources, and publishing those apps. The site works by letting users &#8220;pipe&#8221; information from [...]]]></description>
			<content:encoded><![CDATA[<p>What are yahoo pipes and why should I care?  <a href="http://i-create.org/wp-content/plugins/feed-statistics.php?url=aHR0cDovL2VuLndpa2lwZWRpYS5vcmcvd2lraS9ZYWhvb19waXBlcw==" title=\"What are Yahoo! Pipes\" target=\"_blank\">Yahoo! Pipes</a> is a web application from Yahoo! that provides a graphical user interface for building data mashups that aggregate web feeds, web pages, and other services, creating Web-based apps from various sources, and publishing those apps. The site works by letting users &#8220;pipe&#8221; information from different sources and then set up rules for how that content should be modified (e.g. filtering). A typical example is New York Times through Flickr, a pipe which takes The New York Times RSS feed and adds a photo from Flickr based on the keywords of each item. The site is currently in beta. &#8211; Wikipedia</p>
<p><a href="http://i-create.org/wp-content/plugins/feed-statistics.php?url=aHR0cDovL3BpcGVzLnlhaG9vLmNvbS9zZWFjbG91ZDk=" title=\"Check out my Pipes\" target=\"_blank\"><img src="/logo_yahooPipes.gif" alt="SeaCloud9 Pipes" style="float:left" width="119" height="45" /></a>  Yahoo pipes is an excellent tool for remixing the web into the way your would prefer the web to be.  You can use pipes to sort out information what kind of information?  Just about anything that is out there and free.  So this naturally can come in handy.  For example maybe I want to find a <a href="http://i-create.org/wp-content/plugins/feed-statistics.php?url=aHR0cDovL3BpcGVzLnlhaG9vLmNvbS9waXBlcy9waXBlLmluZm8/X2lkPTFhNjY1NGE0MWExMTZlYjcyMjg4OWZlZWVlMDViYmU3" title=\"Video Search\" target=\"_blank\">video</a> I can make a pipe to search multiple websites like college humor, metacafe, or youtube all at once.  You could also create a pipe to find all the homes that are <a href="http://i-create.org/wp-content/plugins/feed-statistics.php?url=aHR0cDovL3BpcGVzLnlhaG9vLmNvbS9waXBlcy9waXBlLmluZm8/X2lkPTJkMDk3MDVhN2EzZDE5ZjQ5Y2NmZTZmZDg4ZDBlYmVh" title=\"foreclosure maps\" target=\"_blank\">being foreclosed</a> in a given area the uses are only limited to your own imagination.  This information comes to the end user in a variety of formats like <a href="http://i-create.org/wp-content/plugins/feed-statistics.php?url=aHR0cDovL2VuLndpa2lwZWRpYS5vcmcvd2lraS9Sc3M=" title=\"Real Simple Syndicate\" target=\"_blank\">RSS</a>, <a href="http://i-create.org/wp-content/plugins/feed-statistics.php?url=aHR0cDovL2VuLndpa2lwZWRpYS5vcmcvd2lraS9BVE9N" title=\"ATOM Format\" target=\"_blank\">ATOM</a>, or <a href="http://i-create.org/wp-content/plugins/feed-statistics.php?url=aHR0cDovL2VuLndpa2lwZWRpYS5vcmcvd2lraS9KU09O" title=\"JavaScript Object Notation\" target=\"_blank\">JSON</a>.  Yahoo Pipes is only one example of many MashUp tools currently available on the web. You can also create mashups from scratch using libraries like <a href="http://i-create.org/wp-content/plugins/feed-statistics.php?url=aHR0cDovL2VuLndpa2lwZWRpYS5vcmcvd2lraS9DVVJM" title=\"cURL\" target=\"_blank\">cURL</a> etc..<br/><br/>In this tutorial I will show you how to create an RSS/JSON reader in both C# and actionscript 3 with Silverlight and Flex skins.  Silverlight and Flash/Flex are both RIA technologies and this is a field that will be extremely useful as far as the future of web applications are concerned.  These technologies allow developer to make desktop applications, mobile applications, and web applications  so you can imagine how useful it truly is to be versed with utilizing these technologies. My reason for doing this tutorial is simple to have fun.  One of the neat things that yahoo pipes allows you to do with Yahoo Pipes is sort the information based on criteria that is displayed on the <a href="http://i-create.org/wp-content/plugins/feed-statistics.php?url=aHR0cDovL2VuLndpa2lwZWRpYS5vcmcvd2lraS9RdWVyeV9zdHJpbmc=" title=\"What is a Query String\" target=\"_blank\">query string</a> so I also have one example where the user can search for a video etc..  by typing a query into the textbox and hitting search pretty easy.  Both of the examples will be re-factored but all can be used with minor tweaking of the code and like I said I just wanted to have fun so you can feel free to download the exampls and do whatever you want with them.  These are simple examples just to display how to use JSON w/ Yahoo Pipes.  The C# code has references (using statements) that are not required.  I simply haven&#8217;t had time to remove them I wanted to use Silverlight3 play with the 3D capabilities and themeing.  I also need to place in a little regexp to clean up the search string that is sent to Yahoo Pipes for example a space would be %20 but hey you know I don&#8217;t want to give away everything now do I.  Also the flex example will wreck if you click on too many tabs to begin with this is a known issue I plan on creating classes out of both that create the text area element and have getter and setter.</p>
<p><a class=\"thickbox\" title=\"Silverlight 3 Version JSON / RSS Reader\" href="http://i-create.org/wp-content/plugins/feed-statistics.php?url=L3NpbXBsZVJTUy9zaW1wbGVSU1MuaHRtbD9LZWVwVGhpcz10cnVlJiMwMzg7P1RCX2lmcmFtZT10cnVlJiMwMzg7aGVpZ2h0PTYwMCYjMDM4O3dpZHRoPTkyNA=="><img src="/simpleRSS.jpg" title="simpleRSS/JSON in Flex" alt="simpleRSS/JSON in Silverlight3" /></a></p>

<div class="wp_syntax"><div class="code"><pre class="csharp" style="font-family:monospace;"><span style="color: #0600FF;">using</span> <span style="color: #008080;">System</span><span style="color: #008000;">;</span>
<span style="color: #0600FF;">using</span> <span style="color: #008080;">System.Text</span><span style="color: #008000;">;</span>
<span style="color: #0600FF;">using</span> <span style="color: #008080;">System.Json</span><span style="color: #008000;">;</span>
<span style="color: #0600FF;">using</span> <span style="color: #008080;">System.Collections</span><span style="color: #008000;">;</span>
<span style="color: #0600FF;">using</span> <span style="color: #008080;">System.Collections.Generic</span><span style="color: #008000;">;</span>
<span style="color: #0600FF;">using</span> <span style="color: #008080;">System.ServiceModel.Syndication</span><span style="color: #008000;">;</span>
<span style="color: #0600FF;">using</span> <span style="color: #008080;">System.Collections.ObjectModel</span><span style="color: #008000;">;</span>
<span style="color: #0600FF;">using</span> <span style="color: #008080;">System.Text.RegularExpressions</span><span style="color: #008000;">;</span>
<span style="color: #0600FF;">using</span> <span style="color: #008080;">System.Linq</span><span style="color: #008000;">;</span>
<span style="color: #0600FF;">using</span> <span style="color: #008080;">System.Xml</span><span style="color: #008000;">;</span>
<span style="color: #0600FF;">using</span> <span style="color: #008080;">System.Xml.Linq</span><span style="color: #008000;">;</span>
<span style="color: #0600FF;">using</span> <span style="color: #008080;">System.Net</span><span style="color: #008000;">;</span>
<span style="color: #0600FF;">using</span> <span style="color: #008080;">System.Windows</span><span style="color: #008000;">;</span>
<span style="color: #0600FF;">using</span> <span style="color: #008080;">System.Windows.Controls</span><span style="color: #008000;">;</span>
<span style="color: #0600FF;">using</span> <span style="color: #008080;">System.Windows.Controls.Primitives</span><span style="color: #008000;">;</span>
<span style="color: #0600FF;">using</span> <span style="color: #008080;">System.Windows.Data</span><span style="color: #008000;">;</span>
<span style="color: #0600FF;">using</span> <span style="color: #008080;">System.Windows.Documents</span><span style="color: #008000;">;</span>
<span style="color: #0600FF;">using</span> <span style="color: #008080;">System.Windows.Input</span><span style="color: #008000;">;</span>
<span style="color: #0600FF;">using</span> <span style="color: #008080;">System.Windows.Media</span><span style="color: #008000;">;</span>
<span style="color: #0600FF;">using</span> <span style="color: #008080;">System.Windows.Media.Animation</span><span style="color: #008000;">;</span>
<span style="color: #0600FF;">using</span> <span style="color: #008080;">System.Windows.Shapes</span><span style="color: #008000;">;</span>
<span style="color: #0600FF;">using</span> <span style="color: #008080;">System.Data.Services.Client</span><span style="color: #008000;">;</span>
<span style="color: #0600FF;">using</span> <span style="color: #008080;">System.Threading</span><span style="color: #008000;">;</span>
<span style="color: #0600FF;">using</span> <span style="color: #008080;">System.Windows.Browser</span><span style="color: #008000;">;</span>
<span style="color: #0600FF;">using</span> <span style="color: #008080;">System.IO</span><span style="color: #008000;">;</span>
<span style="color: #0600FF;">using</span> <span style="color: #008080;">System.Windows.Controls.Theming</span><span style="color: #008000;">;</span>
<span style="color: #0600FF;">using</span> <span style="color: #008080;">System.Runtime.Serialization.Json</span><span style="color: #008000;">;</span>
<span style="color: #0600FF;">using</span> <span style="color: #008080;">Newtonsoft.Json</span><span style="color: #008000;">;</span>
<span style="color: #0600FF;">using</span> <span style="color: #008080;">Newtonsoft.Json.Linq</span><span style="color: #008000;">;</span>
<span style="color: #0600FF;">namespace</span> myFeedReader
<span style="color: #000000;">&#123;</span>
    <span style="color: #0600FF;">public</span> <span style="color: #0600FF;">partial</span> <span style="color: #FF0000;">class</span> Page <span style="color: #008000;">:</span> UserControl
    <span style="color: #000000;">&#123;</span>
        <span style="color: #0600FF;">public</span> <span style="color: #FF0000;">string</span> myURL<span style="color: #008000;">;</span>
        <span style="color: #0600FF;">public</span> <span style="color: #FF0000;">string</span> pipeOut <span style="color: #008000;">=</span> <span style="color: #666666;">&quot;&quot;</span><span style="color: #008000;">;</span>
        <span style="color: #0600FF;">public</span> <span style="color: #FF0000;">string</span> pipeTitle <span style="color: #008000;">=</span> <span style="color: #666666;">&quot;&quot;</span><span style="color: #008000;">;</span>
        <span style="color: #0600FF;">public</span> <span style="color: #FF0000;">string</span> returnString <span style="color: #008000;">=</span> <span style="color: #666666;">&quot;&quot;</span><span style="color: #008000;">;</span>
        <span style="color: #0600FF;">public</span> <span style="color: #FF0000;">string</span> pipeLinkedUP<span style="color: #008000;">;</span>
        <span style="color: #0600FF;">public</span> SearchLocator model <span style="color: #008000;">=</span> <span style="color: #008000;">new</span> SearchLocator<span style="color: #000000;">&#40;</span><span style="color: #000000;">&#41;</span><span style="color: #008000;">;</span>
        <span style="color: #0600FF;">public</span> IAsyncResult asyncResult<span style="color: #008000;">;</span>
        <span style="color: #0600FF;">public</span> <span style="color: #FF0000;">string</span> myJSONText <span style="color: #008000;">=</span> <span style="color: #666666;">&quot;&quot;</span><span style="color: #008000;">;</span>
        <span style="color: #0600FF;">public</span> <span style="color: #FF0000;">string</span> SearchVideo_URL <span style="color: #008000;">=</span> <span style="color: #666666;">&quot;&quot;</span><span style="color: #008000;">;</span>
        <span style="color: #0600FF;">public</span> <span style="color: #FF0000;">string</span> myJSONOUT<span style="color: #008000;">;</span>
        <span style="color: #0600FF;">public</span> DataContractJsonSerializer json <span style="color: #008000;">=</span> <span style="color: #008000;">new</span> DataContractJsonSerializer<span style="color: #000000;">&#40;</span><span style="color: #008000;">typeof</span><span style="color: #000000;">&#40;</span>JsonFeed<span style="color: #000000;">&#41;</span><span style="color: #000000;">&#41;</span><span style="color: #008000;">;</span>
        WebClient client <span style="color: #008000;">=</span> <span style="color: #008000;">new</span> WebClient<span style="color: #000000;">&#40;</span><span style="color: #000000;">&#41;</span><span style="color: #008000;">;</span>
        <span style="color: #0600FF;">public</span> Page<span style="color: #000000;">&#40;</span><span style="color: #000000;">&#41;</span>
        <span style="color: #000000;">&#123;</span>
&nbsp;
            InitializeComponent<span style="color: #000000;">&#40;</span><span style="color: #000000;">&#41;</span><span style="color: #008000;">;</span>
&nbsp;
            XDocument feedXML<span style="color: #008000;">;</span>
            feedXML <span style="color: #008000;">=</span> XDocument.<span style="color: #0000FF;">Load</span><span style="color: #000000;">&#40;</span><span style="color: #666666;">&quot;Feeds.xml&quot;</span><span style="color: #000000;">&#41;</span><span style="color: #008000;">;</span>
            var feeds <span style="color: #008000;">=</span> from feed <span style="color: #0600FF;">in</span> feedXML.<span style="color: #0000FF;">Descendants</span><span style="color: #000000;">&#40;</span><span style="color: #666666;">&quot;Feed&quot;</span><span style="color: #000000;">&#41;</span> where feed.<span style="color: #0000FF;">Attribute</span><span style="color: #000000;">&#40;</span><span style="color: #666666;">&quot;status&quot;</span><span style="color: #000000;">&#41;</span> <span style="color: #008000;">==</span> <span style="color: #0600FF;">null</span> <span style="color: #008000;">||</span> feed.<span style="color: #0000FF;">Attribute</span><span style="color: #000000;">&#40;</span><span style="color: #666666;">&quot;status&quot;</span><span style="color: #000000;">&#41;</span>.<span style="color: #0000FF;">Value</span> <span style="color: #008000;">!=</span> <span style="color: #666666;">&quot;disabled&quot;</span> select <span style="color: #008000;">new</span> FeedDefinition <span style="color: #000000;">&#123;</span> Name <span style="color: #008000;">=</span> feed.<span style="color: #0000FF;">Element</span><span style="color: #000000;">&#40;</span><span style="color: #666666;">&quot;Name&quot;</span><span style="color: #000000;">&#41;</span>.<span style="color: #0000FF;">Value</span>, Url <span style="color: #008000;">=</span> feed.<span style="color: #0000FF;">Element</span><span style="color: #000000;">&#40;</span><span style="color: #666666;">&quot;Url&quot;</span><span style="color: #000000;">&#41;</span>.<span style="color: #0000FF;">Value</span> <span style="color: #000000;">&#125;</span><span style="color: #008000;">;</span>
            <span style="color: #0600FF;">foreach</span> <span style="color: #000000;">&#40;</span>var feed <span style="color: #0600FF;">in</span> feeds<span style="color: #000000;">&#41;</span>
            <span style="color: #000000;">&#123;</span>
                feed.<span style="color: #0000FF;">Name</span>.<span style="color: #0000FF;">ToString</span><span style="color: #000000;">&#40;</span><span style="color: #000000;">&#41;</span><span style="color: #008000;">;</span>
                feed.<span style="color: #0000FF;">Url</span>.<span style="color: #0000FF;">ToString</span><span style="color: #000000;">&#40;</span><span style="color: #000000;">&#41;</span><span style="color: #008000;">;</span>
            <span style="color: #000000;">&#125;</span>
            ddlFeeds.<span style="color: #0000FF;">ItemsSource</span> <span style="color: #008000;">=</span> feeds<span style="color: #008000;">;</span>
            myURL <span style="color: #008000;">=</span> <span style="color: #666666;">&quot;http://feeds.wired.com/wired/index?format=xml&quot;</span><span style="color: #008000;">;</span>
            BuildJson<span style="color: #000000;">&#40;</span><span style="color: #666666;">&quot;http://pipes.yahooapis.com/pipes/pipe.run?Search=adobe&amp;_id=aE4GjZv63BGt4u90l7okhQ&amp;_render=json&quot;</span>, <span style="color: #666666;">&quot;1&quot;</span><span style="color: #000000;">&#41;</span><span style="color: #008000;">;</span>
            <span style="color: #008080; font-style: italic;">// Make HTTP request to get feed</span>
            WebClient client <span style="color: #008000;">=</span> <span style="color: #008000;">new</span> WebClient<span style="color: #000000;">&#40;</span><span style="color: #000000;">&#41;</span><span style="color: #008000;">;</span>
            client.<span style="color: #0000FF;">OpenReadCompleted</span> <span style="color: #008000;">+=</span> <span style="color: #008000;">new</span> OpenReadCompletedEventHandler<span style="color: #000000;">&#40;</span>client_OpenReadCompleted<span style="color: #000000;">&#41;</span><span style="color: #008000;">;</span>
            client.<span style="color: #0000FF;">OpenReadAsync</span><span style="color: #000000;">&#40;</span><span style="color: #008000;">new</span> Uri<span style="color: #000000;">&#40;</span>myURL<span style="color: #000000;">&#41;</span><span style="color: #000000;">&#41;</span><span style="color: #008000;">;</span>
        <span style="color: #000000;">&#125;</span>
        <span style="color: #0600FF;">public</span> <span style="color: #0600FF;">void</span> ResponseHandler<span style="color: #000000;">&#40;</span>IAsyncResult asyncResult<span style="color: #000000;">&#41;</span>
        <span style="color: #000000;">&#123;</span>
            HttpWebRequest request <span style="color: #008000;">=</span> <span style="color: #000000;">&#40;</span>HttpWebRequest<span style="color: #000000;">&#41;</span>asyncResult.<span style="color: #0000FF;">AsyncState</span><span style="color: #008000;">;</span>
            HttpWebResponse response <span style="color: #008000;">=</span> <span style="color: #000000;">&#40;</span>HttpWebResponse<span style="color: #000000;">&#41;</span>request.<span style="color: #0000FF;">EndGetResponse</span><span style="color: #000000;">&#40;</span>asyncResult<span style="color: #000000;">&#41;</span><span style="color: #008000;">;</span>
&nbsp;
            <span style="color: #0600FF;">if</span> <span style="color: #000000;">&#40;</span>response.<span style="color: #0000FF;">StatusCode</span> <span style="color: #008000;">==</span> HttpStatusCode.<span style="color: #0000FF;">OK</span><span style="color: #000000;">&#41;</span>
            <span style="color: #000000;">&#123;</span>
                var jsonFeed <span style="color: #008000;">=</span> json.<span style="color: #0000FF;">ReadObject</span><span style="color: #000000;">&#40;</span>response.<span style="color: #0000FF;">GetResponseStream</span><span style="color: #000000;">&#40;</span><span style="color: #000000;">&#41;</span><span style="color: #000000;">&#41;</span> <span style="color: #0600FF;">as</span> JsonFeed<span style="color: #008000;">;</span>
                PipeOutput mypipe <span style="color: #008000;">=</span> <span style="color: #008000;">new</span> PipeOutput<span style="color: #000000;">&#40;</span><span style="color: #000000;">&#41;</span><span style="color: #008000;">;</span>
                <span style="color: #FF0000;">int</span> HiNum <span style="color: #008000;">=</span> jsonFeed.<span style="color: #0000FF;">value</span>.<span style="color: #0000FF;">items</span>.<span style="color: #0000FF;">Length</span> <span style="color: #008000;">-</span> <span style="color: #FF0000;">2</span><span style="color: #008000;">;</span>
                <span style="color: #0600FF;">for</span> <span style="color: #000000;">&#40;</span><span style="color: #FF0000;">int</span> i <span style="color: #008000;">=</span> <span style="color: #FF0000;">0</span><span style="color: #008000;">;</span> i <span style="color: #008000;">&lt;=</span> HiNum<span style="color: #008000;">;</span> i<span style="color: #008000;">++</span><span style="color: #000000;">&#41;</span>
                <span style="color: #000000;">&#123;</span>
                    var item <span style="color: #008000;">=</span> jsonFeed.<span style="color: #0000FF;">value</span>.<span style="color: #0000FF;">items</span><span style="color: #000000;">&#91;</span>i<span style="color: #000000;">&#93;</span><span style="color: #008000;">;</span>
                    <span style="color: #0600FF;">if</span> <span style="color: #000000;">&#40;</span>item.<span style="color: #0000FF;">description</span> <span style="color: #008000;">!=</span> <span style="color: #0600FF;">null</span> <span style="color: #008000;">&amp;&amp;</span> item.<span style="color: #0000FF;">title</span> <span style="color: #008000;">!=</span> <span style="color: #0600FF;">null</span> <span style="color: #008000;">&amp;&amp;</span> item.<span style="color: #0000FF;">link</span> <span style="color: #008000;">!=</span> <span style="color: #0600FF;">null</span><span style="color: #000000;">&#41;</span>
                    <span style="color: #000000;">&#123;</span>
&nbsp;
                        <span style="color: #0600FF;">this</span>.<span style="color: #0000FF;">Dispatcher</span>.<span style="color: #0000FF;">BeginInvoke</span><span style="color: #000000;">&#40;</span><span style="color: #FF0000;">delegate</span><span style="color: #000000;">&#40;</span><span style="color: #000000;">&#41;</span>
                        <span style="color: #000000;">&#123;</span>
                            pipeOut <span style="color: #008000;">=</span> item.<span style="color: #0000FF;">description</span>.<span style="color: #0000FF;">ToString</span><span style="color: #000000;">&#40;</span><span style="color: #000000;">&#41;</span><span style="color: #008000;">;</span>
                            pipeLinkedUP <span style="color: #008000;">=</span> item.<span style="color: #0000FF;">link</span>.<span style="color: #0000FF;">ToString</span><span style="color: #000000;">&#40;</span><span style="color: #000000;">&#41;</span><span style="color: #008000;">;</span>
                            pipeTitle <span style="color: #008000;">=</span> item.<span style="color: #0000FF;">title</span>.<span style="color: #0000FF;">ToString</span><span style="color: #000000;">&#40;</span><span style="color: #000000;">&#41;</span><span style="color: #008000;">;</span>
                            returnString <span style="color: #008000;">=</span> Regex.<span style="color: #0000FF;">Replace</span><span style="color: #000000;">&#40;</span>pipeOut <span style="color: #0600FF;">as</span> <span style="color: #FF0000;">string</span>, <span style="color: #666666;">&quot;&lt;.*?&gt;&quot;</span>, <span style="color: #666666;">&quot;&quot;</span><span style="color: #000000;">&#41;</span><span style="color: #008000;">;</span>
                            returnString <span style="color: #008000;">=</span> Regex.<span style="color: #0000FF;">Replace</span><span style="color: #000000;">&#40;</span>returnString, <span style="color: #666666;">@&quot;\n+\s+&quot;</span>, <span style="color: #666666;">&quot;<span style="color: #008080; font-weight: bold;">\n</span><span style="color: #008080; font-weight: bold;">\n</span>&quot;</span><span style="color: #000000;">&#41;</span><span style="color: #008000;">;</span>
                            returnString <span style="color: #008000;">=</span> HttpUtility.<span style="color: #0000FF;">HtmlDecode</span><span style="color: #000000;">&#40;</span>returnString<span style="color: #000000;">&#41;</span><span style="color: #008000;">;</span>
                            TextBlock myPipeText <span style="color: #008000;">=</span> <span style="color: #008000;">new</span> TextBlock<span style="color: #000000;">&#40;</span><span style="color: #000000;">&#41;</span><span style="color: #008000;">;</span>
                            HyperlinkButton myPipeLink1 <span style="color: #008000;">=</span> <span style="color: #008000;">new</span> HyperlinkButton<span style="color: #000000;">&#40;</span><span style="color: #000000;">&#41;</span><span style="color: #008000;">;</span>
                            myPipeText.<span style="color: #0000FF;">Foreground</span> <span style="color: #008000;">=</span> <span style="color: #008000;">new</span> SolidColorBrush<span style="color: #000000;">&#40;</span>Colors.<span style="color: #0000FF;">White</span><span style="color: #000000;">&#41;</span><span style="color: #008000;">;</span>
                            myPipeLink1.<span style="color: #0000FF;">Content</span> <span style="color: #008000;">=</span> pipeTitle<span style="color: #008000;">;</span>
                            myPipeLink1.<span style="color: #0000FF;">NavigateUri</span> <span style="color: #008000;">=</span> <span style="color: #008000;">new</span> Uri<span style="color: #000000;">&#40;</span>pipeLinkedUP<span style="color: #000000;">&#41;</span><span style="color: #008000;">;</span>
                            myPipeLink1.<span style="color: #0000FF;">VerticalAlignment</span> <span style="color: #008000;">=</span> VerticalAlignment.<span style="color: #0000FF;">Top</span><span style="color: #008000;">;</span>
                            myPipeLink1.<span style="color: #0000FF;">HorizontalAlignment</span> <span style="color: #008000;">=</span> HorizontalAlignment.<span style="color: #0000FF;">Left</span><span style="color: #008000;">;</span>
                            myPipeLink1.<span style="color: #0000FF;">TargetName</span> <span style="color: #008000;">=</span> <span style="color: #666666;">&quot;_blank&quot;</span><span style="color: #008000;">;</span>
                            myPipeText.<span style="color: #0000FF;">Width</span> <span style="color: #008000;">=</span> <span style="color: #FF0000;">400</span><span style="color: #008000;">;</span>
                            myPipeText.<span style="color: #0000FF;">VerticalAlignment</span> <span style="color: #008000;">=</span> VerticalAlignment.<span style="color: #0000FF;">Top</span><span style="color: #008000;">;</span>
                            myPipeText.<span style="color: #0000FF;">HorizontalAlignment</span> <span style="color: #008000;">=</span> HorizontalAlignment.<span style="color: #0000FF;">Left</span><span style="color: #008000;">;</span>
                            myPipeText.<span style="color: #0000FF;">MinHeight</span> <span style="color: #008000;">=</span> <span style="color: #FF0000;">60</span><span style="color: #008000;">;</span>
                            myPipeText.<span style="color: #0000FF;">MaxHeight</span> <span style="color: #008000;">=</span> <span style="color: #FF0000;">1000</span><span style="color: #008000;">;</span>
                            myPipeText.<span style="color: #0000FF;">Margin</span> <span style="color: #008000;">=</span> <span style="color: #008000;">new</span> Thickness<span style="color: #000000;">&#40;</span><span style="color: #FF0000;">0</span><span style="color: #000000;">&#41;</span><span style="color: #008000;">;</span>
                            myPipeText.<span style="color: #0000FF;">TextWrapping</span> <span style="color: #008000;">=</span> TextWrapping.<span style="color: #0000FF;">Wrap</span><span style="color: #008000;">;</span>
                            myPipeText.<span style="color: #0000FF;">Text</span> <span style="color: #008000;">=</span> returnString<span style="color: #008000;">;</span>
                            <span style="color: #0600FF;">if</span> <span style="color: #000000;">&#40;</span>myJSONText <span style="color: #008000;">==</span> <span style="color: #666666;">&quot;1&quot;</span><span style="color: #000000;">&#41;</span>
                            <span style="color: #000000;">&#123;</span>
&nbsp;
                                pipeContent.<span style="color: #0000FF;">Children</span>.<span style="color: #0000FF;">Add</span><span style="color: #000000;">&#40;</span>myPipeLink1<span style="color: #000000;">&#41;</span><span style="color: #008000;">;</span>
                                pipeContent.<span style="color: #0000FF;">Children</span>.<span style="color: #0000FF;">Add</span><span style="color: #000000;">&#40;</span>myPipeText<span style="color: #000000;">&#41;</span><span style="color: #008000;">;</span>
                                txtLoader1.<span style="color: #0000FF;">Visibility</span> <span style="color: #008000;">=</span> Visibility.<span style="color: #0000FF;">Collapsed</span><span style="color: #008000;">;</span>
                                scl1.<span style="color: #0000FF;">Visibility</span> <span style="color: #008000;">=</span> Visibility.<span style="color: #0000FF;">Visible</span><span style="color: #008000;">;</span>
                                pipeContent.<span style="color: #0000FF;">Visibility</span> <span style="color: #008000;">=</span> Visibility.<span style="color: #0000FF;">Visible</span><span style="color: #008000;">;</span>
                                pipeContent.<span style="color: #0000FF;">MaxHeight</span> <span style="color: #008000;">=</span> <span style="color: #FF0000;">300</span><span style="color: #008000;">;</span>
&nbsp;
                            <span style="color: #000000;">&#125;</span>
                            <span style="color: #0600FF;">if</span> <span style="color: #000000;">&#40;</span>myJSONText <span style="color: #008000;">==</span> <span style="color: #666666;">&quot;2&quot;</span><span style="color: #000000;">&#41;</span>
                            <span style="color: #000000;">&#123;</span>
                                pipeContent.<span style="color: #0000FF;">Children</span>.<span style="color: #0000FF;">Add</span><span style="color: #000000;">&#40;</span>myPipeLink1<span style="color: #000000;">&#41;</span><span style="color: #008000;">;</span>
                                pipeContent.<span style="color: #0000FF;">Children</span>.<span style="color: #0000FF;">Add</span><span style="color: #000000;">&#40;</span>myPipeText<span style="color: #000000;">&#41;</span><span style="color: #008000;">;</span>
                                txtLoader1.<span style="color: #0000FF;">Visibility</span> <span style="color: #008000;">=</span> Visibility.<span style="color: #0000FF;">Collapsed</span><span style="color: #008000;">;</span>
                                scl1.<span style="color: #0000FF;">Visibility</span> <span style="color: #008000;">=</span> Visibility.<span style="color: #0000FF;">Visible</span><span style="color: #008000;">;</span>
                                pipeContent.<span style="color: #0000FF;">Visibility</span> <span style="color: #008000;">=</span> Visibility.<span style="color: #0000FF;">Visible</span><span style="color: #008000;">;</span>
                            <span style="color: #000000;">&#125;</span>
                            <span style="color: #0600FF;">if</span> <span style="color: #000000;">&#40;</span>myJSONText <span style="color: #008000;">==</span> <span style="color: #666666;">&quot;3&quot;</span><span style="color: #000000;">&#41;</span>
                            <span style="color: #000000;">&#123;</span>
                                pipeContent1.<span style="color: #0000FF;">Children</span>.<span style="color: #0000FF;">Add</span><span style="color: #000000;">&#40;</span>myPipeLink1<span style="color: #000000;">&#41;</span><span style="color: #008000;">;</span>
                                pipeContent1.<span style="color: #0000FF;">Children</span>.<span style="color: #0000FF;">Add</span><span style="color: #000000;">&#40;</span>myPipeText<span style="color: #000000;">&#41;</span><span style="color: #008000;">;</span>
                                txtLoader2.<span style="color: #0000FF;">Visibility</span> <span style="color: #008000;">=</span> Visibility.<span style="color: #0000FF;">Collapsed</span><span style="color: #008000;">;</span>
                                scl2.<span style="color: #0000FF;">Visibility</span> <span style="color: #008000;">=</span> Visibility.<span style="color: #0000FF;">Visible</span><span style="color: #008000;">;</span>
                                pipeContent1.<span style="color: #0000FF;">Visibility</span> <span style="color: #008000;">=</span> Visibility.<span style="color: #0000FF;">Visible</span><span style="color: #008000;">;</span>
&nbsp;
                            <span style="color: #000000;">&#125;</span>
                            <span style="color: #0600FF;">if</span> <span style="color: #000000;">&#40;</span>myJSONText <span style="color: #008000;">==</span> <span style="color: #666666;">&quot;4&quot;</span><span style="color: #000000;">&#41;</span>
                            <span style="color: #000000;">&#123;</span>
                                pipeContent2.<span style="color: #0000FF;">Children</span>.<span style="color: #0000FF;">Add</span><span style="color: #000000;">&#40;</span>myPipeLink1<span style="color: #000000;">&#41;</span><span style="color: #008000;">;</span>
                                pipeContent2.<span style="color: #0000FF;">Children</span>.<span style="color: #0000FF;">Add</span><span style="color: #000000;">&#40;</span>myPipeText<span style="color: #000000;">&#41;</span><span style="color: #008000;">;</span>
                                txtLoader3.<span style="color: #0000FF;">Visibility</span> <span style="color: #008000;">=</span> Visibility.<span style="color: #0000FF;">Collapsed</span><span style="color: #008000;">;</span>
                                scl3.<span style="color: #0000FF;">Visibility</span> <span style="color: #008000;">=</span> Visibility.<span style="color: #0000FF;">Visible</span><span style="color: #008000;">;</span>
                                pipeContent2.<span style="color: #0000FF;">Visibility</span> <span style="color: #008000;">=</span> Visibility.<span style="color: #0000FF;">Visible</span><span style="color: #008000;">;</span>
                                cnvVideo.<span style="color: #0000FF;">Visibility</span> <span style="color: #008000;">=</span> Visibility.<span style="color: #0000FF;">Visible</span><span style="color: #008000;">;</span>
                                txtLoader4.<span style="color: #0000FF;">Visibility</span> <span style="color: #008000;">=</span> Visibility.<span style="color: #0000FF;">Collapsed</span><span style="color: #008000;">;</span>
&nbsp;
                            <span style="color: #000000;">&#125;</span>
                            <span style="color: #0600FF;">if</span> <span style="color: #000000;">&#40;</span>myJSONText <span style="color: #008000;">==</span> <span style="color: #666666;">&quot;5&quot;</span><span style="color: #000000;">&#41;</span>
                            <span style="color: #000000;">&#123;</span>
                                txtLoader4.<span style="color: #0000FF;">Visibility</span> <span style="color: #008000;">=</span> Visibility.<span style="color: #0000FF;">Collapsed</span><span style="color: #008000;">;</span>
                                cnvVideo.<span style="color: #0000FF;">Visibility</span> <span style="color: #008000;">=</span> Visibility.<span style="color: #0000FF;">Visible</span><span style="color: #008000;">;</span>
                                pipeContent3.<span style="color: #0000FF;">Children</span>.<span style="color: #0000FF;">Add</span><span style="color: #000000;">&#40;</span>myPipeLink1<span style="color: #000000;">&#41;</span><span style="color: #008000;">;</span>
                                pipeContent3.<span style="color: #0000FF;">Children</span>.<span style="color: #0000FF;">Add</span><span style="color: #000000;">&#40;</span>myPipeText<span style="color: #000000;">&#41;</span><span style="color: #008000;">;</span>
                                pipeContent3.<span style="color: #0000FF;">Visibility</span> <span style="color: #008000;">=</span> Visibility.<span style="color: #0000FF;">Visible</span><span style="color: #008000;">;</span>
                                videoContent.<span style="color: #0000FF;">Visibility</span> <span style="color: #008000;">=</span> Visibility.<span style="color: #0000FF;">Visible</span><span style="color: #008000;">;</span>
                                txtLoader5.<span style="color: #0000FF;">Visibility</span> <span style="color: #008000;">=</span> Visibility.<span style="color: #0000FF;">Collapsed</span><span style="color: #008000;">;</span>
                            <span style="color: #000000;">&#125;</span>
&nbsp;
                        <span style="color: #000000;">&#125;</span><span style="color: #000000;">&#41;</span><span style="color: #008000;">;</span>
&nbsp;
                    <span style="color: #000000;">&#125;</span>
                <span style="color: #000000;">&#125;</span>
&nbsp;
            <span style="color: #000000;">&#125;</span>
            <span style="color: #008080; font-style: italic;">//This is a hack that will be taken out later.</span>
            <span style="color: #0600FF;">if</span> <span style="color: #000000;">&#40;</span>myJSONText <span style="color: #008000;">==</span> <span style="color: #666666;">&quot;3&quot;</span><span style="color: #000000;">&#41;</span>
            <span style="color: #000000;">&#123;</span>
                BuildJson<span style="color: #000000;">&#40;</span><span style="color: #666666;">&quot;http://pipes.yahooapis.com/pipes/pipe.run?Search=Rich%20Internet%20Applications&amp;_id=aE4GjZv63BGt4u90l7okhQ&amp;_render=json&quot;</span>, <span style="color: #666666;">&quot;4&quot;</span><span style="color: #000000;">&#41;</span><span style="color: #008000;">;</span>
                Console.<span style="color: #0000FF;">WriteLine</span><span style="color: #000000;">&#40;</span><span style="color: #666666;">&quot;I was executed&quot;</span><span style="color: #000000;">&#41;</span><span style="color: #008000;">;</span>
            <span style="color: #000000;">&#125;</span>
            <span style="color: #0600FF;">if</span> <span style="color: #000000;">&#40;</span>myJSONText <span style="color: #008000;">==</span> <span style="color: #666666;">&quot;2&quot;</span><span style="color: #000000;">&#41;</span>
            <span style="color: #000000;">&#123;</span>
                BuildJson<span style="color: #000000;">&#40;</span><span style="color: #666666;">&quot;http://pipes.yahooapis.com/pipes/pipe.run?Search=Rich%20Internet%20Applications&amp;_id=aE4GjZv63BGt4u90l7okhQ&amp;_render=json&quot;</span>, <span style="color: #666666;">&quot;3&quot;</span><span style="color: #000000;">&#41;</span><span style="color: #008000;">;</span>
            <span style="color: #000000;">&#125;</span>
            <span style="color: #0600FF;">if</span> <span style="color: #000000;">&#40;</span>myJSONText <span style="color: #008000;">==</span> <span style="color: #666666;">&quot;1&quot;</span><span style="color: #000000;">&#41;</span>
            <span style="color: #000000;">&#123;</span>
                BuildJson<span style="color: #000000;">&#40;</span><span style="color: #666666;">&quot;http://pipes.yahooapis.com/pipes/pipe.run?Search=SilverLight&amp;_id=aE4GjZv63BGt4u90l7okhQ&amp;_render=json&quot;</span>, <span style="color: #666666;">&quot;2&quot;</span><span style="color: #000000;">&#41;</span><span style="color: #008000;">;</span>
            <span style="color: #000000;">&#125;</span>
        <span style="color: #000000;">&#125;</span>
&nbsp;
&nbsp;
&nbsp;
        <span style="color: #0600FF;">public</span> <span style="color: #FF0000;">class</span> PipeResponse
        <span style="color: #000000;">&#123;</span>
            <span style="color: #0600FF;">public</span> <span style="color: #FF0000;">string</span> myJSONOUT<span style="color: #008000;">;</span>
        <span style="color: #000000;">&#125;</span>
        <span style="color: #0600FF;">public</span> <span style="color: #0600FF;">void</span> BuildJson<span style="color: #000000;">&#40;</span><span style="color: #FF0000;">string</span> myJSON, <span style="color: #FF0000;">string</span> test<span style="color: #000000;">&#41;</span>
        <span style="color: #000000;">&#123;</span>
            myJSONText <span style="color: #008000;">=</span> test<span style="color: #008000;">;</span>
            <span style="color: #0600FF;">try</span>
            <span style="color: #000000;">&#123;</span>
                HttpWebRequest request <span style="color: #008000;">=</span> <span style="color: #000000;">&#40;</span>HttpWebRequest<span style="color: #000000;">&#41;</span>HttpWebRequest.<span style="color: #0000FF;">Create</span><span style="color: #000000;">&#40;</span><span style="color: #008000;">new</span> Uri<span style="color: #000000;">&#40;</span>myJSON<span style="color: #000000;">&#41;</span><span style="color: #000000;">&#41;</span><span style="color: #008000;">;</span>
                Console.<span style="color: #0000FF;">Write</span><span style="color: #000000;">&#40;</span>myJSON<span style="color: #000000;">&#41;</span><span style="color: #008000;">;</span>
                asyncResult <span style="color: #008000;">=</span> request.<span style="color: #0000FF;">BeginGetResponse</span><span style="color: #000000;">&#40;</span><span style="color: #008000;">new</span> AsyncCallback<span style="color: #000000;">&#40;</span>ResponseHandler<span style="color: #000000;">&#41;</span>, request<span style="color: #000000;">&#41;</span><span style="color: #008000;">;</span>
            <span style="color: #000000;">&#125;</span>
            <span style="color: #0600FF;">catch</span><span style="color: #000000;">&#40;</span>Exception e<span style="color: #000000;">&#41;</span>
            <span style="color: #000000;">&#123;</span>
                Console.<span style="color: #0000FF;">Write</span><span style="color: #000000;">&#40;</span>e<span style="color: #000000;">&#41;</span><span style="color: #008000;">;</span>
            <span style="color: #000000;">&#125;</span>
&nbsp;
&nbsp;
        <span style="color: #000000;">&#125;</span>
&nbsp;
        <span style="color: #0600FF;">private</span> <span style="color: #0600FF;">void</span> Button_Click<span style="color: #000000;">&#40;</span><span style="color: #FF0000;">object</span> sender, RoutedEventArgs e<span style="color: #000000;">&#41;</span>
        <span style="color: #000000;">&#123;</span>
            itemsList.<span style="color: #0000FF;">Visibility</span> <span style="color: #008000;">=</span> Visibility.<span style="color: #0000FF;">Collapsed</span><span style="color: #008000;">;</span>
            itemContent.<span style="color: #0000FF;">Visibility</span> <span style="color: #008000;">=</span> Visibility.<span style="color: #0000FF;">Collapsed</span><span style="color: #008000;">;</span>
            <span style="color: #FF0000;">object</span> myFeed <span style="color: #008000;">=</span> ddlFeeds.<span style="color: #0000FF;">SelectedItem</span><span style="color: #008000;">;</span>
            FeedDefinition MyFeed <span style="color: #008000;">=</span> <span style="color: #008000;">new</span> FeedDefinition<span style="color: #000000;">&#40;</span><span style="color: #000000;">&#41;</span><span style="color: #008000;">;</span>
            MyFeed <span style="color: #008000;">=</span> myFeed <span style="color: #0600FF;">as</span> FeedDefinition<span style="color: #008000;">;</span>
            myURL <span style="color: #008000;">=</span> MyFeed.<span style="color: #0000FF;">Url</span><span style="color: #008000;">;</span>
            <span style="color: #008080; font-style: italic;">// Make HTTP request to get feed</span>
            WebClient client <span style="color: #008000;">=</span> <span style="color: #008000;">new</span> WebClient<span style="color: #000000;">&#40;</span><span style="color: #000000;">&#41;</span><span style="color: #008000;">;</span>
            client.<span style="color: #0000FF;">OpenReadCompleted</span> <span style="color: #008000;">+=</span> <span style="color: #008000;">new</span> OpenReadCompletedEventHandler<span style="color: #000000;">&#40;</span>client_OpenReadCompleted<span style="color: #000000;">&#41;</span><span style="color: #008000;">;</span>
            client.<span style="color: #0000FF;">OpenReadAsync</span><span style="color: #000000;">&#40;</span><span style="color: #008000;">new</span> Uri<span style="color: #000000;">&#40;</span>myURL<span style="color: #000000;">&#41;</span><span style="color: #000000;">&#41;</span><span style="color: #008000;">;</span>
        <span style="color: #000000;">&#125;</span>
&nbsp;
        <span style="color: #0600FF;">private</span> <span style="color: #0600FF;">void</span> Button_ClickVideo<span style="color: #000000;">&#40;</span><span style="color: #FF0000;">object</span> sender, RoutedEventArgs e<span style="color: #000000;">&#41;</span>
        <span style="color: #000000;">&#123;</span>
            model.<span style="color: #0000FF;">searchTerm</span> <span style="color: #008000;">=</span> txtSearch.<span style="color: #0000FF;">Text</span>.<span style="color: #0000FF;">ToString</span><span style="color: #000000;">&#40;</span><span style="color: #000000;">&#41;</span><span style="color: #008000;">;</span>
            SearchVideo_URL <span style="color: #008000;">=</span> <span style="color: #666666;">&quot;http://pipes.yahooapis.com/pipes/pipe.run?Search=&quot;</span> <span style="color: #008000;">+</span> model.<span style="color: #0000FF;">searchTerm</span> <span style="color: #008000;">+</span> <span style="color: #666666;">&quot;&amp;_id=aE4GjZv63BGt4u90l7okhQ&amp;_render=json&quot;</span><span style="color: #008000;">;</span>
            BuildJson<span style="color: #000000;">&#40;</span>SearchVideo_URL, <span style="color: #666666;">&quot;5&quot;</span><span style="color: #000000;">&#41;</span><span style="color: #008000;">;</span>
            txtLoader5.<span style="color: #0000FF;">Visibility</span> <span style="color: #008000;">=</span> Visibility.<span style="color: #0000FF;">Visible</span><span style="color: #008000;">;</span>
        <span style="color: #000000;">&#125;</span>
&nbsp;
        <span style="color: #0600FF;">void</span> client_OpenReadCompleted<span style="color: #000000;">&#40;</span><span style="color: #FF0000;">object</span> sender, OpenReadCompletedEventArgs e<span style="color: #000000;">&#41;</span>
        <span style="color: #000000;">&#123;</span>
            <span style="color: #0600FF;">if</span> <span style="color: #000000;">&#40;</span>e.<span style="color: #0000FF;">Error</span> <span style="color: #008000;">==</span> <span style="color: #0600FF;">null</span><span style="color: #000000;">&#41;</span>
            <span style="color: #000000;">&#123;</span>
                <span style="color: #008080; font-style: italic;">// Load feed into SyndicationFeed</span>
                XmlReader reader <span style="color: #008000;">=</span> XmlReader.<span style="color: #0000FF;">Create</span><span style="color: #000000;">&#40;</span>e.<span style="color: #0000FF;">Result</span><span style="color: #000000;">&#41;</span><span style="color: #008000;">;</span>
                SyndicationFeed feed <span style="color: #008000;">=</span> SyndicationFeed.<span style="color: #0000FF;">Load</span><span style="color: #000000;">&#40;</span>reader<span style="color: #000000;">&#41;</span><span style="color: #008000;">;</span>
                <span style="color: #008080; font-style: italic;">// Set up databinding</span>
                itemsList.<span style="color: #0000FF;">DataContext</span> <span style="color: #008000;">=</span> <span style="color: #000000;">&#40;</span>feed <span style="color: #0600FF;">as</span> SyndicationFeed<span style="color: #000000;">&#41;</span>.<span style="color: #0000FF;">Items</span><span style="color: #008000;">;</span>
                itemsList.<span style="color: #0000FF;">Visibility</span> <span style="color: #008000;">=</span> Visibility.<span style="color: #0000FF;">Visible</span><span style="color: #008000;">;</span>
            <span style="color: #000000;">&#125;</span>
&nbsp;
        <span style="color: #000000;">&#125;</span>
&nbsp;
        <span style="color: #0600FF;">private</span> <span style="color: #0600FF;">void</span> itemsList_SelectionChanged<span style="color: #000000;">&#40;</span><span style="color: #FF0000;">object</span> sender, SelectionChangedEventArgs e<span style="color: #000000;">&#41;</span>
        <span style="color: #000000;">&#123;</span>
            itemContent.<span style="color: #0000FF;">Visibility</span> <span style="color: #008000;">=</span> Visibility.<span style="color: #0000FF;">Visible</span><span style="color: #008000;">;</span>
            <span style="color: #008080; font-style: italic;">// Set up databinding for detail view</span>
            itemContent.<span style="color: #0000FF;">DataContext</span> <span style="color: #008000;">=</span> <span style="color: #000000;">&#40;</span>sender <span style="color: #0600FF;">as</span> ListBox<span style="color: #000000;">&#41;</span>.<span style="color: #0000FF;">SelectedItem</span> <span style="color: #0600FF;">as</span> SyndicationItem<span style="color: #008000;">;</span>
        <span style="color: #000000;">&#125;</span>
&nbsp;
    <span style="color: #000000;">&#125;</span>
&nbsp;
    <span style="color: #008080; font-style: italic;">// Helper classes to clean up and shape received data for UI databinding</span>
    <span style="color: #0600FF;">public</span> <span style="color: #FF0000;">class</span> HtmlSanitizer <span style="color: #008000;">:</span> IValueConverter
    <span style="color: #000000;">&#123;</span>
&nbsp;
        <span style="color: #0600FF;">public</span> <span style="color: #FF0000;">object</span> Convert<span style="color: #000000;">&#40;</span><span style="color: #FF0000;">object</span> value, Type targetType, <span style="color: #FF0000;">object</span> parameter, <span style="color: #000000;">System.<span style="color: #0000FF;">Globalization</span></span>.<span style="color: #0000FF;">CultureInfo</span> culture<span style="color: #000000;">&#41;</span>
        <span style="color: #000000;">&#123;</span>
            <span style="color: #008080; font-style: italic;">// Remove HTML tags and empty newlines and spaces</span>
            <span style="color: #FF0000;">string</span> returnString <span style="color: #008000;">=</span> Regex.<span style="color: #0000FF;">Replace</span><span style="color: #000000;">&#40;</span>value <span style="color: #0600FF;">as</span> <span style="color: #FF0000;">string</span>, <span style="color: #666666;">&quot;&lt;.*?&gt;&quot;</span>, <span style="color: #666666;">&quot;&quot;</span><span style="color: #000000;">&#41;</span><span style="color: #008000;">;</span>
            returnString <span style="color: #008000;">=</span> Regex.<span style="color: #0000FF;">Replace</span><span style="color: #000000;">&#40;</span>returnString, <span style="color: #666666;">@&quot;\n+\s+&quot;</span>, <span style="color: #666666;">&quot;<span style="color: #008080; font-weight: bold;">\n</span><span style="color: #008080; font-weight: bold;">\n</span>&quot;</span><span style="color: #000000;">&#41;</span><span style="color: #008000;">;</span>
            <span style="color: #008080; font-style: italic;">// Decode HTML entities</span>
            returnString <span style="color: #008000;">=</span> HttpUtility.<span style="color: #0000FF;">HtmlDecode</span><span style="color: #000000;">&#40;</span>returnString<span style="color: #000000;">&#41;</span><span style="color: #008000;">;</span>
            <span style="color: #0600FF;">return</span> returnString<span style="color: #008000;">;</span>
        <span style="color: #000000;">&#125;</span>
&nbsp;
        <span style="color: #0600FF;">public</span> <span style="color: #FF0000;">object</span> ConvertBack<span style="color: #000000;">&#40;</span><span style="color: #FF0000;">object</span> value, Type targetType, <span style="color: #FF0000;">object</span> parameter, <span style="color: #000000;">System.<span style="color: #0000FF;">Globalization</span></span>.<span style="color: #0000FF;">CultureInfo</span> culture<span style="color: #000000;">&#41;</span>
        <span style="color: #000000;">&#123;</span>
            <span style="color: #0600FF;">throw</span> <span style="color: #008000;">new</span> NotImplementedException<span style="color: #000000;">&#40;</span><span style="color: #000000;">&#41;</span><span style="color: #008000;">;</span>
        <span style="color: #000000;">&#125;</span>
    <span style="color: #000000;">&#125;</span>
&nbsp;
    <span style="color: #0600FF;">public</span> <span style="color: #FF0000;">class</span> LinkFormatter <span style="color: #008000;">:</span> IValueConverter
    <span style="color: #000000;">&#123;</span>
&nbsp;
        <span style="color: #0600FF;">public</span> <span style="color: #FF0000;">object</span> Convert<span style="color: #000000;">&#40;</span><span style="color: #FF0000;">object</span> value, Type targetType, <span style="color: #FF0000;">object</span> parameter, <span style="color: #000000;">System.<span style="color: #0000FF;">Globalization</span></span>.<span style="color: #0000FF;">CultureInfo</span> culture<span style="color: #000000;">&#41;</span>
        <span style="color: #000000;">&#123;</span>
            <span style="color: #0600FF;">return</span> <span style="color: #000000;">&#40;</span><span style="color: #000000;">&#40;</span>Collection<span style="color: #008000;">&lt;</span>SyndicationLink<span style="color: #008000;">&gt;</span><span style="color: #000000;">&#41;</span>value<span style="color: #000000;">&#41;</span>.<span style="color: #0000FF;">FirstOrDefault</span><span style="color: #000000;">&#40;</span><span style="color: #000000;">&#41;</span>.<span style="color: #0000FF;">Uri</span><span style="color: #008000;">;</span>
        <span style="color: #000000;">&#125;</span>
&nbsp;
        <span style="color: #0600FF;">public</span> <span style="color: #FF0000;">object</span> ConvertBack<span style="color: #000000;">&#40;</span><span style="color: #FF0000;">object</span> value, Type targetType, <span style="color: #FF0000;">object</span> parameter, <span style="color: #000000;">System.<span style="color: #0000FF;">Globalization</span></span>.<span style="color: #0000FF;">CultureInfo</span> culture<span style="color: #000000;">&#41;</span>
        <span style="color: #000000;">&#123;</span>
            <span style="color: #0600FF;">throw</span> <span style="color: #008000;">new</span> NotImplementedException<span style="color: #000000;">&#40;</span><span style="color: #000000;">&#41;</span><span style="color: #008000;">;</span>
        <span style="color: #000000;">&#125;</span>
    <span style="color: #000000;">&#125;</span>
    <span style="color: #0600FF;">public</span> <span style="color: #FF0000;">class</span> JsonFeed
    <span style="color: #000000;">&#123;</span>
        <span style="color: #0600FF;">public</span> PipeResponseValue value <span style="color: #000000;">&#123;</span> get<span style="color: #008000;">;</span> set<span style="color: #008000;">;</span> <span style="color: #000000;">&#125;</span>
&nbsp;
    <span style="color: #000000;">&#125;</span>
    <span style="color: #0600FF;">public</span> <span style="color: #FF0000;">class</span> PipeResponseValue
    <span style="color: #000000;">&#123;</span>
        <span style="color: #0600FF;">public</span> Pipe<span style="color: #000000;">&#91;</span><span style="color: #000000;">&#93;</span> items<span style="color: #008000;">;</span>
    <span style="color: #000000;">&#125;</span>
    <span style="color: #0600FF;">public</span> <span style="color: #FF0000;">class</span> Pipe
    <span style="color: #000000;">&#123;</span>
        <span style="color: #0600FF;">public</span> <span style="color: #FF0000;">string</span> title <span style="color: #000000;">&#123;</span> get<span style="color: #008000;">;</span> set<span style="color: #008000;">;</span> <span style="color: #000000;">&#125;</span>
        <span style="color: #0600FF;">public</span> <span style="color: #FF0000;">string</span> link <span style="color: #000000;">&#123;</span> get<span style="color: #008000;">;</span> set<span style="color: #008000;">;</span> <span style="color: #000000;">&#125;</span>
        <span style="color: #0600FF;">public</span> <span style="color: #FF0000;">string</span> description <span style="color: #000000;">&#123;</span> get<span style="color: #008000;">;</span> set<span style="color: #008000;">;</span> <span style="color: #000000;">&#125;</span>
    <span style="color: #000000;">&#125;</span>
    <span style="color: #0600FF;">public</span> <span style="color: #FF0000;">class</span> PipeOutput
    <span style="color: #000000;">&#123;</span>
        <span style="color: #0600FF;">public</span> <span style="color: #FF0000;">string</span> output <span style="color: #000000;">&#123;</span> get<span style="color: #008000;">;</span> set<span style="color: #008000;">;</span> <span style="color: #000000;">&#125;</span>
        <span style="color: #0600FF;">public</span> <span style="color: #FF0000;">object</span> image <span style="color: #000000;">&#123;</span> get<span style="color: #008000;">;</span> set<span style="color: #008000;">;</span> <span style="color: #000000;">&#125;</span>
        <span style="color: #0600FF;">public</span> Uri pipeLink <span style="color: #000000;">&#123;</span> get<span style="color: #008000;">;</span> set<span style="color: #008000;">;</span> <span style="color: #000000;">&#125;</span>
        <span style="color: #0600FF;">public</span> <span style="color: #FF0000;">object</span> pipetitle <span style="color: #000000;">&#123;</span> get<span style="color: #008000;">;</span> set<span style="color: #008000;">;</span> <span style="color: #000000;">&#125;</span>
    <span style="color: #000000;">&#125;</span>
&nbsp;
&nbsp;
<span style="color: #000000;">&#125;</span></pre></div></div>

<p><a class=\"thickbox\" title=\"Flex Version JSON / RSS Reader\" href="http://i-create.org/wp-content/plugins/feed-statistics.php?url=L3NpbXBsZVJTU0ZsZXgvaW5kZXguaHRtbD9LZWVwVGhpcz10cnVlJiMwMzg7P1RCX2lmcmFtZT10cnVlJiMwMzg7aGVpZ2h0PTYwMCYjMDM4O3dpZHRoPTkyNA=="><img src="/simpleRSSFlex.jpg" title="simpleRSS/JSON in Flex" alt="simpleRSS/JSON in Flex" /></a></p>

<div class="wp_syntax"><div class="code"><pre class="actionscript" style="font-family:monospace;"><span style="color: #0066CC;">import</span> mx.<span style="color: #006600;">containers</span>.<span style="color: #006600;">HBox</span>;
<span style="color: #0066CC;">import</span> SearchLocator;
<span style="color: #0066CC;">import</span> mx.<span style="color: #006600;">core</span>.<span style="color: #006600;">Application</span>;
<span style="color: #0066CC;">import</span> mx.<span style="color: #006600;">utils</span>.<span style="color: #006600;">ObjectUtil</span>;
<span style="color: #0066CC;">import</span> mx.<span style="color: #006600;">rpc</span>.<span style="color: #006600;">events</span>.<span style="color: #006600;">ResultEvent</span>;
<span style="color: #0066CC;">import</span> com.<span style="color: #006600;">adobe</span>.<span style="color: #006600;">utils</span>.<span style="color: #006600;">XMLUtil</span>;
<span style="color: #0066CC;">import</span> com.<span style="color: #006600;">adobe</span>.<span style="color: #006600;">serialization</span>.<span style="color: #006600;">json</span>.<span style="color: #006600;">JSON</span>;
<span style="color: #0066CC;">import</span> com.<span style="color: #006600;">adobe</span>.<span style="color: #0066CC;">xml</span>.<span style="color: #006600;">syndication</span>.<span style="color: #006600;">rss</span>.<span style="color: #006600;">Item20</span>;
<span style="color: #0066CC;">import</span> com.<span style="color: #006600;">adobe</span>.<span style="color: #0066CC;">xml</span>.<span style="color: #006600;">syndication</span>.<span style="color: #006600;">rss</span>.<span style="color: #006600;">RSS20</span>;
<span style="color: #0066CC;">import</span> nl.<span style="color: #006600;">demonsters</span>.<span style="color: #006600;">debugger</span>.<span style="color: #006600;">MonsterDebugger</span>;
<span style="color: #0066CC;">import</span> flash.<span style="color: #006600;">events</span>.<span style="color: #006600;">Event</span>;
<span style="color: #0066CC;">import</span> flash.<span style="color: #006600;">events</span>.<span style="color: #006600;">IOErrorEvent</span>;
<span style="color: #0066CC;">import</span> flash.<span style="color: #006600;">events</span>.<span style="color: #006600;">EventDispatcher</span>;
<span style="color: #0066CC;">import</span> flash.<span style="color: #006600;">events</span>.<span style="color: #006600;">SecurityErrorEvent</span>;
<span style="color: #0066CC;">import</span> flash.<span style="color: #006600;">net</span>.<span style="color: #006600;">URLLoader</span>;
<span style="color: #0066CC;">import</span> flash.<span style="color: #006600;">net</span>.<span style="color: #006600;">URLRequest</span>;
<span style="color: #0066CC;">import</span> flash.<span style="color: #006600;">net</span>.<span style="color: #006600;">navigateToURL</span>;
<span style="color: #0066CC;">import</span> flash.<span style="color: #006600;">net</span>.<span style="color: #006600;">URLRequestMethod</span>;
Security.<span style="color: #006600;">loadPolicyFile</span><span style="color: #66cc66;">&#40;</span><span style="color: #ff0000;">&quot;http://life.brendonsmith.com/public/crossdomain.xml&quot;</span><span style="color: #66cc66;">&#41;</span>;
Security.<span style="color: #006600;">loadPolicyFile</span><span style="color: #66cc66;">&#40;</span><span style="color: #ff0000;">&quot;http://pipes.yahooapis.com/crossdomain.xml&quot;</span><span style="color: #66cc66;">&#41;</span>;
Security.<span style="color: #006600;">loadPolicyFile</span><span style="color: #66cc66;">&#40;</span><span style="color: #ff0000;">&quot;http://seacloud9.org/crossdomain.xml&quot;</span><span style="color: #66cc66;">&#41;</span>;
Security.<span style="color: #0066CC;">allowInsecureDomain</span><span style="color: #66cc66;">&#40;</span><span style="color: #ff0000;">&quot;*&quot;</span><span style="color: #66cc66;">&#41;</span>;
Security.<span style="color: #0066CC;">allowDomain</span><span style="color: #66cc66;">&#40;</span><span style="color: #ff0000;">&quot;*&quot;</span><span style="color: #66cc66;">&#41;</span>;
<span style="color: #0066CC;">public</span> <span style="color: #000000; font-weight: bold;">var</span> RSS_URL:<span style="color: #0066CC;">String</span> = <span style="color: #000000; font-weight: bold;">new</span> <span style="color: #0066CC;">String</span><span style="color: #66cc66;">&#40;</span><span style="color: #ff0000;">&quot;&quot;</span><span style="color: #66cc66;">&#41;</span>;
<span style="color: #0066CC;">public</span> <span style="color: #000000; font-weight: bold;">var</span> loader:URLLoader;	
<span style="color: #0066CC;">public</span> <span style="color: #000000; font-weight: bold;">var</span> loader1:URLLoader;
<span style="color: #0066CC;">public</span> <span style="color: #000000; font-weight: bold;">var</span> loader2:URLLoader;
<span style="color: #0066CC;">public</span> <span style="color: #000000; font-weight: bold;">var</span> window_id:<span style="color: #0066CC;">String</span>;
<span style="color: #0066CC;">public</span> <span style="color: #000000; font-weight: bold;">var</span> window_render:<span style="color: #0066CC;">String</span>;
<span style="color: #0066CC;">public</span> <span style="color: #000000; font-weight: bold;">var</span> outXML:XMLList;
<span style="color: #0066CC;">public</span> <span style="color: #000000; font-weight: bold;">var</span> rss:RSS20;
<span style="color: #0066CC;">public</span> <span style="color: #000000; font-weight: bold;">var</span> body:XMLList;
<span style="color: #0066CC;">public</span> <span style="color: #000000; font-weight: bold;">var</span> d:MonsterDebugger = <span style="color: #000000; font-weight: bold;">new</span> MonsterDebugger<span style="color: #66cc66;">&#40;</span><span style="color: #0066CC;">this</span><span style="color: #66cc66;">&#41;</span>;	
<span style="color: #0066CC;">public</span> <span style="color: #000000; font-weight: bold;">var</span> check:<span style="color: #0066CC;">int</span> = <span style="color: #cc66cc;">0</span>;
<span style="color: #0066CC;">public</span> <span style="color: #000000; font-weight: bold;">function</span> init<span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>:<span style="color: #0066CC;">void</span>
<span style="color: #66cc66;">&#123;</span>
	loaderMovContainer.<span style="color: #0066CC;">visible</span> = <span style="color: #000000; font-weight: bold;">true</span>;
	outputFieldContainer.<span style="color: #0066CC;">visible</span> = <span style="color: #000000; font-weight: bold;">false</span>;
	<span style="color: #0066CC;">onXML</span><span style="color: #66cc66;">&#40;</span><span style="color: #ff0000;">'http://life.brendonsmith.com/feed'</span>, <span style="color: #ff0000;">'one'</span><span style="color: #66cc66;">&#41;</span>;
&nbsp;
&nbsp;
<span style="color: #66cc66;">&#125;</span>
<span style="color: #0066CC;">public</span> <span style="color: #000000; font-weight: bold;">function</span> onSearchVideo<span style="color: #66cc66;">&#40;</span>p_event:MouseEvent=<span style="color: #000000; font-weight: bold;">null</span><span style="color: #66cc66;">&#41;</span>:<span style="color: #0066CC;">void</span>
<span style="color: #66cc66;">&#123;</span>
	RSS_URL = <span style="color: #ff0000;">&quot;http://pipes.yahooapis.com/pipes/pipe.run?Search=&quot;</span> + SearchLocator._instance.<span style="color: #006600;">searchTerm</span> + <span style="color: #ff0000;">&quot;&amp;_id=aE4GjZv63BGt4u90l7okhQ&amp;_render=json&quot;</span>;
	<span style="color: #0066CC;">trace</span><span style="color: #66cc66;">&#40;</span>SearchLocator._instance.<span style="color: #006600;">searchTerm</span> + <span style="color: #ff0000;">&quot;Search Run&quot;</span><span style="color: #66cc66;">&#41;</span>;
	window_render = <span style="color: #ff0000;">&quot;four&quot;</span>;
	loader1 = <span style="color: #000000; font-weight: bold;">new</span> URLLoader<span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>;
	window_id = window_render;
	<span style="color: #000000; font-weight: bold;">var</span> request:URLRequest = <span style="color: #000000; font-weight: bold;">new</span> URLRequest<span style="color: #66cc66;">&#40;</span>RSS_URL<span style="color: #66cc66;">&#41;</span>;
	request.<span style="color: #006600;">method</span> = URLRequestMethod.<span style="color: #0066CC;">GET</span>;
	<span style="color: #808080; font-style: italic;">//load the feed data</span>
	<span style="color: #808080; font-style: italic;">//listen for when the data loads	</span>
	<span style="color: #0066CC;">try</span>
	<span style="color: #66cc66;">&#123;</span>
	loader1.<span style="color: #0066CC;">load</span><span style="color: #66cc66;">&#40;</span>request<span style="color: #66cc66;">&#41;</span>;
	loader1.<span style="color: #006600;">addEventListener</span><span style="color: #66cc66;">&#40;</span>Event.<span style="color: #006600;">COMPLETE</span>, onDataJSON<span style="color: #66cc66;">&#41;</span>;
	<span style="color: #808080; font-style: italic;">//load the feed data</span>
&nbsp;
	<span style="color: #66cc66;">&#125;</span>
	<span style="color: #0066CC;">catch</span><span style="color: #66cc66;">&#40;</span><span style="color: #0066CC;">e</span>:<span style="color: #0066CC;">Error</span><span style="color: #66cc66;">&#41;</span>
	<span style="color: #66cc66;">&#123;</span>
		<span style="color: #0066CC;">trace</span><span style="color: #66cc66;">&#40;</span><span style="color: #ff0000;">&quot;Error: &quot;</span> + <span style="color: #0066CC;">e</span>.<span style="color: #0066CC;">message</span><span style="color: #66cc66;">&#41;</span>;
	<span style="color: #66cc66;">&#125;</span>
	<span style="color: #0066CC;">trace</span><span style="color: #66cc66;">&#40;</span><span style="color: #ff0000;">&quot;Search Excuted&quot;</span><span style="color: #66cc66;">&#41;</span>;
<span style="color: #66cc66;">&#125;</span>
<span style="color: #0066CC;">public</span> <span style="color: #000000; font-weight: bold;">function</span> <span style="color: #0066CC;">onXML</span><span style="color: #66cc66;">&#40;</span>RSS_URL:<span style="color: #0066CC;">String</span>, window_render:<span style="color: #0066CC;">String</span><span style="color: #66cc66;">&#41;</span>:<span style="color: #0066CC;">void</span>
<span style="color: #66cc66;">&#123;</span>
check = <span style="color: #cc66cc;">1</span>;
loader = <span style="color: #000000; font-weight: bold;">new</span> URLLoader<span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>;
window_id = window_render;
<span style="color: #000000; font-weight: bold;">var</span> request:URLRequest = <span style="color: #000000; font-weight: bold;">new</span> URLRequest<span style="color: #66cc66;">&#40;</span>RSS_URL<span style="color: #66cc66;">&#41;</span>;
request.<span style="color: #006600;">method</span> = URLRequestMethod.<span style="color: #0066CC;">GET</span>;
&nbsp;
<span style="color: #808080; font-style: italic;">//listen for when the data loads</span>
	<span style="color: #0066CC;">try</span>
	<span style="color: #66cc66;">&#123;</span>
	loader.<span style="color: #006600;">addEventListener</span><span style="color: #66cc66;">&#40;</span>Event.<span style="color: #006600;">COMPLETE</span>, onDataLoad<span style="color: #66cc66;">&#41;</span>;
	<span style="color: #808080; font-style: italic;">//load the feed data</span>
	loader.<span style="color: #0066CC;">load</span><span style="color: #66cc66;">&#40;</span>request<span style="color: #66cc66;">&#41;</span>;
	<span style="color: #66cc66;">&#125;</span>
	<span style="color: #0066CC;">catch</span><span style="color: #66cc66;">&#40;</span><span style="color: #0066CC;">e</span>:<span style="color: #0066CC;">Error</span><span style="color: #66cc66;">&#41;</span>
	<span style="color: #66cc66;">&#123;</span>
		<span style="color: #0066CC;">trace</span><span style="color: #66cc66;">&#40;</span><span style="color: #ff0000;">&quot;Error: &quot;</span> + <span style="color: #0066CC;">e</span>.<span style="color: #0066CC;">message</span><span style="color: #66cc66;">&#41;</span>;
	<span style="color: #66cc66;">&#125;</span>
<span style="color: #66cc66;">&#125;</span>
&nbsp;
<span style="color: #0066CC;">public</span> <span style="color: #000000; font-weight: bold;">function</span> onJSON<span style="color: #66cc66;">&#40;</span>RSS_URL:<span style="color: #0066CC;">String</span>, window_render:<span style="color: #0066CC;">String</span><span style="color: #66cc66;">&#41;</span>:<span style="color: #0066CC;">void</span>
<span style="color: #66cc66;">&#123;</span>
&nbsp;
loader1 = <span style="color: #000000; font-weight: bold;">new</span> URLLoader<span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>;
window_id = window_render;
<span style="color: #000000; font-weight: bold;">var</span> request:URLRequest = <span style="color: #000000; font-weight: bold;">new</span> URLRequest<span style="color: #66cc66;">&#40;</span>RSS_URL<span style="color: #66cc66;">&#41;</span>;
request.<span style="color: #006600;">method</span> = URLRequestMethod.<span style="color: #0066CC;">GET</span>;
<span style="color: #808080; font-style: italic;">//load the feed data</span>
<span style="color: #808080; font-style: italic;">//listen for when the data loads</span>
	<span style="color: #0066CC;">try</span>
	<span style="color: #66cc66;">&#123;</span>
	loader1.<span style="color: #0066CC;">load</span><span style="color: #66cc66;">&#40;</span>request<span style="color: #66cc66;">&#41;</span>;
	loader1.<span style="color: #006600;">addEventListener</span><span style="color: #66cc66;">&#40;</span>Event.<span style="color: #006600;">COMPLETE</span>, onDataJSON<span style="color: #66cc66;">&#41;</span>;
	<span style="color: #808080; font-style: italic;">//load the feed data</span>
	<span style="color: #66cc66;">&#125;</span>
	<span style="color: #0066CC;">catch</span><span style="color: #66cc66;">&#40;</span><span style="color: #0066CC;">e</span>:<span style="color: #0066CC;">Error</span><span style="color: #66cc66;">&#41;</span>
	<span style="color: #66cc66;">&#123;</span>
		<span style="color: #0066CC;">trace</span><span style="color: #66cc66;">&#40;</span><span style="color: #ff0000;">&quot;Error: &quot;</span> + <span style="color: #0066CC;">e</span>.<span style="color: #0066CC;">message</span><span style="color: #66cc66;">&#41;</span>;
	<span style="color: #66cc66;">&#125;</span>
&nbsp;
<span style="color: #66cc66;">&#125;</span>
&nbsp;
<span style="color: #808080; font-style: italic;">//called once the data has loaded from the feed</span>
<span style="color: #0066CC;">public</span> <span style="color: #000000; font-weight: bold;">function</span> onDataLoad<span style="color: #66cc66;">&#40;</span><span style="color: #0066CC;">e</span>:Event<span style="color: #66cc66;">&#41;</span>:<span style="color: #0066CC;">void</span>
<span style="color: #66cc66;">&#123;</span>
<span style="color: #808080; font-style: italic;">//get the raw string data from the feed</span>
<span style="color: #000000; font-weight: bold;">var</span> rawRSS:<span style="color: #0066CC;">String</span> = URLLoader<span style="color: #66cc66;">&#40;</span><span style="color: #0066CC;">e</span>.<span style="color: #0066CC;">target</span><span style="color: #66cc66;">&#41;</span>.<span style="color: #0066CC;">data</span>;
<span style="color: #808080; font-style: italic;">//parse it as RSS</span>
parseRSS<span style="color: #66cc66;">&#40;</span>rawRSS<span style="color: #66cc66;">&#41;</span>;
<span style="color: #66cc66;">&#125;</span>
<span style="color: #0066CC;">public</span> <span style="color: #000000; font-weight: bold;">function</span> onDataJSON<span style="color: #66cc66;">&#40;</span><span style="color: #0066CC;">e</span>:Event<span style="color: #66cc66;">&#41;</span>:<span style="color: #0066CC;">void</span>
<span style="color: #66cc66;">&#123;</span>
	<span style="color: #0066CC;">try</span>
	<span style="color: #66cc66;">&#123;</span>
	<span style="color: #000000; font-weight: bold;">var</span> rawJSON:<span style="color: #0066CC;">Object</span> = JSON.<span style="color: #006600;">decode</span><span style="color: #66cc66;">&#40;</span>loader1.<span style="color: #0066CC;">data</span><span style="color: #66cc66;">&#41;</span>;
	parseJSON<span style="color: #66cc66;">&#40;</span>rawJSON<span style="color: #66cc66;">&#41;</span>;
	<span style="color: #808080; font-style: italic;">//load the feed data</span>
	<span style="color: #66cc66;">&#125;</span>
	<span style="color: #0066CC;">catch</span><span style="color: #66cc66;">&#40;</span><span style="color: #0066CC;">e</span>:<span style="color: #0066CC;">Error</span><span style="color: #66cc66;">&#41;</span>
	<span style="color: #66cc66;">&#123;</span>
		<span style="color: #0066CC;">trace</span><span style="color: #66cc66;">&#40;</span><span style="color: #ff0000;">&quot;Error: &quot;</span> + <span style="color: #0066CC;">e</span>.<span style="color: #0066CC;">message</span><span style="color: #66cc66;">&#41;</span>;
	<span style="color: #66cc66;">&#125;</span>
<span style="color: #808080; font-style: italic;">//parse it as RSS</span>
<span style="color: #66cc66;">&#125;</span>
<span style="color: #0066CC;">public</span> <span style="color: #000000; font-weight: bold;">function</span> parseJSON<span style="color: #66cc66;">&#40;</span>data1:<span style="color: #0066CC;">Object</span><span style="color: #66cc66;">&#41;</span>:<span style="color: #0066CC;">void</span>
<span style="color: #66cc66;">&#123;</span>
<span style="color: #808080; font-style: italic;">//parse the raw rss data</span>
<span style="color: #000000; font-weight: bold;">var</span> Items:<span style="color: #0066CC;">Object</span> = data1;
<span style="color: #000000; font-weight: bold;">var</span> <span style="color: #0066CC;">data</span>:<span style="color: #0066CC;">String</span>;
<span style="color: #808080; font-style: italic;">//get all of the items within the feed</span>
<span style="color: #0066CC;">trace</span><span style="color: #66cc66;">&#40;</span>Items.<span style="color: #006600;">value</span>.<span style="color: #006600;">items</span><span style="color: #66cc66;">&#41;</span>;
<span style="color: #000000; font-weight: bold;">var</span> itemsJSON:<span style="color: #0066CC;">Array</span> = Items.<span style="color: #006600;">value</span>.<span style="color: #006600;">items</span>;
<span style="color: #808080; font-style: italic;">//loop through each item in the feed</span>
<span style="color: #000000; font-weight: bold;">var</span> outXML:XMLList = <span style="color: #000000; font-weight: bold;">new</span> XMLList<span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>
<span style="color: #0066CC;">trace</span><span style="color: #66cc66;">&#40;</span>itemsJSON<span style="color: #66cc66;">&#41;</span>;
<span style="color: #b1b100;">for</span> <span style="color: #66cc66;">&#40;</span><span style="color: #000000; font-weight: bold;">var</span> i:<span style="color: #0066CC;">int</span> = <span style="color: #cc66cc;">0</span>; i <span style="color: #66cc66;">&lt;</span> itemsJSON.<span style="color: #0066CC;">length</span>; i++ <span style="color: #66cc66;">&#41;</span>
<span style="color: #66cc66;">&#123;</span>
		<span style="color: #b1b100;">if</span> <span style="color: #66cc66;">&#40;</span>Items.<span style="color: #006600;">value</span>.<span style="color: #006600;">items</span><span style="color: #66cc66;">&#91;</span>i<span style="color: #66cc66;">&#93;</span>.<span style="color: #006600;">title</span> <span style="color: #66cc66;">!</span>= <span style="color: #000000; font-weight: bold;">null</span> <span style="color: #66cc66;">&amp;&amp;</span> Items.<span style="color: #006600;">value</span>.<span style="color: #006600;">items</span><span style="color: #66cc66;">&#91;</span>i<span style="color: #66cc66;">&#93;</span>.<span style="color: #006600;">description</span> <span style="color: #66cc66;">!</span>= <span style="color: #000000; font-weight: bold;">null</span> <span style="color: #66cc66;">&amp;&amp;</span> Items.<span style="color: #006600;">value</span>.<span style="color: #006600;">items</span><span style="color: #66cc66;">&#91;</span>i<span style="color: #66cc66;">&#93;</span>.<span style="color: #006600;">link</span> <span style="color: #66cc66;">!</span>= <span style="color: #000000; font-weight: bold;">null</span><span style="color: #66cc66;">&#41;</span>
		<span style="color: #66cc66;">&#123;</span>
		<span style="color: #000000; font-weight: bold;">var</span> itemTitle:<span style="color: #0066CC;">String</span> = Items.<span style="color: #006600;">value</span>.<span style="color: #006600;">items</span><span style="color: #66cc66;">&#91;</span>i<span style="color: #66cc66;">&#93;</span>.<span style="color: #006600;">title</span>.<span style="color: #0066CC;">toString</span><span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>;
		<span style="color: #000000; font-weight: bold;">var</span> itemDescription:<span style="color: #0066CC;">String</span> = Items.<span style="color: #006600;">value</span>.<span style="color: #006600;">items</span><span style="color: #66cc66;">&#91;</span>i<span style="color: #66cc66;">&#93;</span>.<span style="color: #006600;">description</span>.<span style="color: #0066CC;">toString</span><span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>;
		<span style="color: #000000; font-weight: bold;">var</span> itemLink:<span style="color: #0066CC;">String</span> = Items.<span style="color: #006600;">value</span>.<span style="color: #006600;">items</span><span style="color: #66cc66;">&#91;</span>i<span style="color: #66cc66;">&#93;</span>.<span style="color: #006600;">link</span>.<span style="color: #0066CC;">toString</span><span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>;
		<span style="color: #0066CC;">trace</span><span style="color: #66cc66;">&#40;</span>itemLink<span style="color: #66cc66;">&#41;</span>; 
		<span style="color: #0066CC;">trace</span><span style="color: #66cc66;">&#40;</span>itemDescription<span style="color: #66cc66;">&#41;</span>;
		outXML += buildItemHTML<span style="color: #66cc66;">&#40;</span>itemTitle, itemDescription, itemLink<span style="color: #66cc66;">&#41;</span>;
		<span style="color: #66cc66;">&#125;</span>
<span style="color: #66cc66;">&#125;</span>
	<span style="color: #0066CC;">data</span> = outXML.<span style="color: #006600;">toXMLString</span><span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>;
	<span style="color: #b1b100;">switch</span><span style="color: #66cc66;">&#40;</span><span style="color: #0066CC;">String</span><span style="color: #66cc66;">&#40;</span>window_id<span style="color: #66cc66;">&#41;</span><span style="color: #66cc66;">&#41;</span>
				<span style="color: #66cc66;">&#123;</span>
					<span style="color: #b1b100;">case</span> <span style="color: #ff0000;">'one'</span>:
					outputField.<span style="color: #0066CC;">htmlText</span>  = <span style="color: #0066CC;">data</span>;
					<span style="color: #b1b100;">break</span>;
					<span style="color: #b1b100;">case</span> <span style="color: #ff0000;">'two'</span>:
					loaderMovContainer1.<span style="color: #0066CC;">visible</span> = <span style="color: #000000; font-weight: bold;">false</span>;
					model.<span style="color: #006600;">visiblityOne</span> = <span style="color: #000000; font-weight: bold;">true</span>;
					loaderMovContainer1.<span style="color: #0066CC;">height</span> = <span style="color: #cc66cc;">0</span>;
					loaderMovContainer1.<span style="color: #0066CC;">width</span> = <span style="color: #cc66cc;">0</span>;
					outputField1.<span style="color: #0066CC;">htmlText</span>  = <span style="color: #0066CC;">data</span>;
					<span style="color: #b1b100;">break</span>;
					<span style="color: #b1b100;">case</span> <span style="color: #ff0000;">'three'</span>:
					outputField2.<span style="color: #0066CC;">htmlText</span>  = <span style="color: #0066CC;">data</span>;
					<span style="color: #b1b100;">break</span>;
					<span style="color: #b1b100;">case</span> <span style="color: #ff0000;">'four'</span>:
					outputFieldVideoSearch.<span style="color: #0066CC;">htmlText</span>  = <span style="color: #0066CC;">data</span>;
					<span style="color: #b1b100;">break</span>;
				<span style="color: #66cc66;">&#125;</span>
&nbsp;
<span style="color: #66cc66;">&#125;</span>
<span style="color: #808080; font-style: italic;">//parses RSS 2.0 feed and prints out the feed titles into</span>
<span style="color: #808080; font-style: italic;">//the text area</span>
<span style="color: #0066CC;">public</span> <span style="color: #000000; font-weight: bold;">function</span> parseRSS<span style="color: #66cc66;">&#40;</span><span style="color: #0066CC;">data</span>:<span style="color: #0066CC;">String</span><span style="color: #66cc66;">&#41;</span>:<span style="color: #0066CC;">void</span>
<span style="color: #66cc66;">&#123;</span>
<span style="color: #808080; font-style: italic;">//XMLSyndicationLibrary does not validate that the data contains valid</span>
<span style="color: #808080; font-style: italic;">//XML, so you need to validate that the data is valid XML.</span>
<span style="color: #808080; font-style: italic;">//We use the XMLUtil.isValidXML API from the corelib library.</span>
<span style="color: #808080; font-style: italic;">//create RSS20 instance</span>
<span style="color: #000000; font-weight: bold;">var</span> rss:RSS20 = <span style="color: #000000; font-weight: bold;">new</span> RSS20<span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>;
<span style="color: #808080; font-style: italic;">//parse the raw rss data</span>
rss.<span style="color: #006600;">parse</span><span style="color: #66cc66;">&#40;</span><span style="color: #0066CC;">data</span><span style="color: #66cc66;">&#41;</span>;
<span style="color: #808080; font-style: italic;">//get all of the items within the feed</span>
<span style="color: #000000; font-weight: bold;">var</span> items:<span style="color: #0066CC;">Array</span> = rss.<span style="color: #006600;">items</span>;
<span style="color: #808080; font-style: italic;">//loop through each item in the feed</span>
<span style="color: #000000; font-weight: bold;">var</span> outXML:XMLList = <span style="color: #000000; font-weight: bold;">new</span> XMLList<span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>
<span style="color: #b1b100;">for</span> each<span style="color: #66cc66;">&#40;</span><span style="color: #000000; font-weight: bold;">var</span> item:Item20 <span style="color: #b1b100;">in</span> items<span style="color: #66cc66;">&#41;</span>
<span style="color: #66cc66;">&#123;</span>
<span style="color: #808080; font-style: italic;">//print out the title of each item</span>
		<span style="color: #000000; font-weight: bold;">var</span> itemTitle:<span style="color: #0066CC;">String</span> = item.<span style="color: #006600;">title</span>.<span style="color: #0066CC;">toString</span><span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>;
		<span style="color: #000000; font-weight: bold;">var</span> itemDescription:<span style="color: #0066CC;">String</span> = item.<span style="color: #006600;">description</span>.<span style="color: #0066CC;">toString</span><span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>;
		<span style="color: #000000; font-weight: bold;">var</span> itemLink:<span style="color: #0066CC;">String</span> = item.<span style="color: #006600;">link</span>.<span style="color: #0066CC;">toString</span><span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>;
		<span style="color: #0066CC;">trace</span><span style="color: #66cc66;">&#40;</span>itemLink<span style="color: #66cc66;">&#41;</span>; 
		<span style="color: #0066CC;">trace</span><span style="color: #66cc66;">&#40;</span>itemDescription<span style="color: #66cc66;">&#41;</span>;
		outXML += buildItemHTML<span style="color: #66cc66;">&#40;</span>itemTitle, itemDescription, itemLink<span style="color: #66cc66;">&#41;</span>;
<span style="color: #66cc66;">&#125;</span>
	<span style="color: #0066CC;">data</span> = outXML.<span style="color: #006600;">toXMLString</span><span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>;
	check = <span style="color: #cc66cc;">0</span>;
	<span style="color: #b1b100;">switch</span><span style="color: #66cc66;">&#40;</span><span style="color: #0066CC;">String</span><span style="color: #66cc66;">&#40;</span>window_id<span style="color: #66cc66;">&#41;</span><span style="color: #66cc66;">&#41;</span>
				<span style="color: #66cc66;">&#123;</span>
					<span style="color: #b1b100;">case</span> <span style="color: #ff0000;">'one'</span>:
					loaderMovContainer.<span style="color: #0066CC;">visible</span> = <span style="color: #000000; font-weight: bold;">false</span>;
					loaderMovContainer.<span style="color: #0066CC;">height</span> = <span style="color: #cc66cc;">0</span>;
					loaderMovContainer.<span style="color: #0066CC;">width</span> = <span style="color: #cc66cc;">0</span>;
					outputFieldContainer.<span style="color: #0066CC;">visible</span> = <span style="color: #000000; font-weight: bold;">true</span>;
					outputField.<span style="color: #0066CC;">htmlText</span>  = <span style="color: #0066CC;">data</span>;
					<span style="color: #b1b100;">break</span>;
					<span style="color: #b1b100;">case</span> <span style="color: #ff0000;">'two'</span>:
					outputField1.<span style="color: #0066CC;">htmlText</span>  = <span style="color: #0066CC;">data</span>;
					<span style="color: #b1b100;">break</span>;
					<span style="color: #b1b100;">case</span> <span style="color: #ff0000;">'three'</span>:
					loaderMovContainer2.<span style="color: #0066CC;">visible</span> = <span style="color: #000000; font-weight: bold;">false</span>;
					model.<span style="color: #006600;">visiblityTwo</span> = <span style="color: #000000; font-weight: bold;">true</span>;
					loaderMovContainer2.<span style="color: #0066CC;">height</span> = <span style="color: #cc66cc;">0</span>;
					loaderMovContainer.<span style="color: #0066CC;">width</span> = <span style="color: #cc66cc;">0</span>;
					outputField2.<span style="color: #0066CC;">htmlText</span>  = <span style="color: #0066CC;">data</span>;
					<span style="color: #b1b100;">break</span>;
				<span style="color: #66cc66;">&#125;</span>
<span style="color: #66cc66;">&#125;</span>
<span style="color: #0066CC;">public</span> <span style="color: #000000; font-weight: bold;">function</span> buildItemHTML<span style="color: #66cc66;">&#40;</span>itemTitle:<span style="color: #0066CC;">String</span>, itemDescription:<span style="color: #0066CC;">String</span>, itemLink:<span style="color: #0066CC;">String</span><span style="color: #66cc66;">&#41;</span>:XMLList
<span style="color: #66cc66;">&#123;</span>
	<span style="color: #b1b100;">if</span> <span style="color: #66cc66;">&#40;</span>itemTitle <span style="color: #66cc66;">!</span>= <span style="color: #000000; font-weight: bold;">null</span> <span style="color: #66cc66;">&amp;&amp;</span> itemDescription <span style="color: #66cc66;">!</span>= <span style="color: #000000; font-weight: bold;">null</span> <span style="color: #66cc66;">&amp;&amp;</span> itemLink <span style="color: #66cc66;">!</span>= <span style="color: #000000; font-weight: bold;">null</span><span style="color: #66cc66;">&#41;</span>
	<span style="color: #66cc66;">&#123;</span>
	<span style="color: #000000; font-weight: bold;">default</span> <span style="color: #0066CC;">xml</span> namespace = <span style="color: #000000; font-weight: bold;">new</span> Namespace<span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>;
	<span style="color: #000000; font-weight: bold;">var</span> body:XMLList = <span style="color: #000000; font-weight: bold;">new</span> XMLList<span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>;
	body += <span style="color: #000000; font-weight: bold;">new</span> <span style="color: #0066CC;">XML</span><span style="color: #66cc66;">&#40;</span><span style="color: #ff0000;">&quot;&lt;b&gt;&quot;</span> + itemTitle + <span style="color: #ff0000;">&quot;&lt;/b&gt;&quot;</span><span style="color: #66cc66;">&#41;</span>;
	<span style="color: #0066CC;">try</span>
	<span style="color: #66cc66;">&#123;</span>
	<span style="color: #000000; font-weight: bold;">var</span> p:<span style="color: #0066CC;">XML</span> = <span style="color: #66cc66;">&lt;</span> description <span style="color: #66cc66;">&gt;</span> <span style="color: #66cc66;">&#123;</span> <span style="color: #000000; font-weight: bold;">new</span> <span style="color: #0066CC;">XML</span><span style="color: #66cc66;">&#40;</span><span style="color: #ff0000;">&quot;&lt;p&gt;&quot;</span> + itemDescription + <span style="color: #ff0000;">&quot;&lt;/p&gt;&quot;</span><span style="color: #66cc66;">&#41;</span> <span style="color: #66cc66;">&#125;</span><span style="color: #66cc66;">&lt;/</span>description<span style="color: #66cc66;">&gt;</span>;
	<span style="color: #66cc66;">&#125;</span>
	<span style="color: #0066CC;">catch</span> <span style="color: #66cc66;">&#40;</span><span style="color: #0066CC;">e</span>:<span style="color: #0066CC;">Error</span><span style="color: #66cc66;">&#41;</span>
	<span style="color: #66cc66;">&#123;</span>
		<span style="color: #0066CC;">trace</span><span style="color: #66cc66;">&#40;</span><span style="color: #ff0000;">&quot;Error: &quot;</span> + <span style="color: #0066CC;">e</span>.<span style="color: #0066CC;">message</span><span style="color: #66cc66;">&#41;</span>;
		p = <span style="color: #66cc66;">&lt;</span> description <span style="color: #66cc66;">&gt;</span> <span style="color: #66cc66;">&#123;</span> <span style="color: #000000; font-weight: bold;">new</span> <span style="color: #0066CC;">XML</span><span style="color: #66cc66;">&#40;</span><span style="color: #ff0000;">&quot;&lt;p&gt;&quot;</span> + <span style="color: #ff0000;">&quot;Their has been an error&quot;</span> + <span style="color: #ff0000;">&quot;&lt;/p&gt;&quot;</span><span style="color: #66cc66;">&#41;</span> <span style="color: #66cc66;">&#125;</span><span style="color: #66cc66;">&lt;/</span>description<span style="color: #66cc66;">&gt;</span>;
	<span style="color: #66cc66;">&#125;</span>
	<span style="color: #000000; font-weight: bold;">var</span> link:<span style="color: #0066CC;">XML</span> = <span style="color: #66cc66;">&lt;</span>a<span style="color: #66cc66;">&gt;&lt;/</span>a<span style="color: #66cc66;">&gt;</span>;
	link.<span style="color: #66cc66;">@</span>href = itemLink;
	link.<span style="color: #0066CC;">font</span>.<span style="color: #66cc66;">@</span><span style="color: #0066CC;">color</span> = <span style="color: #ff0000;">&quot;#990000&quot;</span>; 
	link.<span style="color: #0066CC;">font</span> = <span style="color: #ff0000;">&quot;More...&quot;</span>;
	p.<span style="color: #0066CC;">appendChild</span><span style="color: #66cc66;">&#40;</span>link<span style="color: #66cc66;">&#41;</span>;
	body += p;
	<span style="color: #0066CC;">trace</span><span style="color: #66cc66;">&#40;</span>body<span style="color: #66cc66;">&#41;</span>;
	<span style="color: #66cc66;">&#125;</span>
	<span style="color: #b1b100;">return</span> body;
<span style="color: #66cc66;">&#125;</span></pre></div></div>

<p>Live Examples<br /><a class=\"thickbox\" title=\"Flex Version JSON / RSS Reader\" href="http://i-create.org/wp-content/plugins/feed-statistics.php?url=L3NpbXBsZVJTU0ZsZXgvaW5kZXguaHRtbD9LZWVwVGhpcz10cnVlJiMwMzg7P1RCX2lmcmFtZT10cnVlJiMwMzg7aGVpZ2h0PTYwMCYjMDM4O3dpZHRoPTkyNA==">Flex JSON / RSS example using Yahoo Pipes</a><br/><a class=\"thickbox\" title=\"Flex Version JSON / RSS Reader\" href="http://i-create.org/wp-content/plugins/feed-statistics.php?url=L3NpbXBsZVJTUy9zaW1wbGVSU1MuaHRtbD9LZWVwVGhpcz10cnVlJiMwMzg7P1RCX2lmcmFtZT10cnVlJiMwMzg7aGVpZ2h0PTYwMCYjMDM4O3dpZHRoPTkyNA==">Silverlight JSON / RSS example using Yahoo Pipes</a></p>
<p>Download<br /><a href="http://i-create.org/wp-content/plugins/feed-statistics.php?url=L2RvY2thYmxlZmxleC56aXA=" title=\"Flex JSON RSS Yahoo Pipe Example Source\" target=\"_blank\" />Flex Example</a><br /><a href="http://i-create.org/wp-content/plugins/feed-statistics.php?url=L3NpbXBsZVJTU1NpbHZlcmxpZ2h0My56aXA=" title=\"Silverlight JSON RSS Yahoo Pipe Example Source\" target=\"_blank\" />Silverlight3 Example</a></p>
 <img src="http://i-create.org/wp-content/plugins/feed-statistics.php?view=1&post_id=516" width="1" height="1" style="display: none;" /><a class="a2a_dd addtoany_share_save" href="http://www.addtoany.com/share_save?linkurl=http%3A%2F%2Fi-create.org%2F2009%2F05%2F25%2Ffun-with-yahoo-pipes-json-c-actionscript3%2F&amp;linkname=Fun%20with%20Yahoo%21%20Pipes%20JSON%20%26%238211%3B%20C%23%20%26%238211%3B%20ActionScript3"><img src="http://i-create.org/wp-content/plugins/add-to-any/share_save_171_16.png" width="171" height="16" alt="Share/Bookmark"/></a>]]></content:encoded>
			<wfw:commentRss>http://i-create.org/2009/05/25/fun-with-yahoo-pipes-json-c-actionscript3/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>
