<?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>1stwebdesigner - Graphic and Web Design Blog &#187; flash</title>
	<atom:link href="http://www.1stwebdesigner.com/tag/flash/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.1stwebdesigner.com</link>
	<description>1stwebdesigner is a design blog dedicated to bloggers, freelancers, web-developers and designers. Topics focus on web design and inspirational articles.</description>
	<lastBuildDate>Sun, 12 Feb 2012 13:09:13 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>What is the Future of Adobe Flash?</title>
		<link>http://www.1stwebdesigner.com/design/adobe-flash-future/</link>
		<comments>http://www.1stwebdesigner.com/design/adobe-flash-future/#comments</comments>
		<pubDate>Sat, 11 Jun 2011 10:00:35 +0000</pubDate>
		<dc:creator>Rean John Uehara</dc:creator>
				<category><![CDATA[Social Media]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[adobe]]></category>
		<category><![CDATA[flash]]></category>
		<category><![CDATA[future of flash]]></category>
		<category><![CDATA[html5]]></category>
		<category><![CDATA[social media]]></category>
		<category><![CDATA[web]]></category>

		<guid isPermaLink="false">http://www.1stwebdesigner.com/?p=48269</guid>
		<description><![CDATA[The fate of Adobe Flash is in a stir lately. Who wouldn&#8217;t talk about it when two Steve&#8217;s are out there to get it by the neck? Steve Jobs and Steve Ballmer have decided that Flash&#8217;s reign is over. At least in the sense that Microsoft and Apple and other major technology companies have started [...]]]></description>
			<content:encoded><![CDATA[<p>The fate of Adobe Flash is in a stir lately. Who wouldn&#8217;t talk about it when two Steve&#8217;s are out there to get it by the neck? Steve Jobs and Steve Ballmer have decided that Flash&#8217;s reign is over. At least in the sense that Microsoft and Apple and other major technology companies have started shifting from Flash to different platforms.</p>
<p>What&#8217;s in store for developers and users? Users would wonder if they&#8217;re affected by this change. Depending on what they use their devices for, it might make or break a lot of things. Take for example gamers. There are major gaming websites that focus on Flash like Kongregate and Newgrounds, I guess Apple users won&#8217;t be able to play games anymore. For developers, this might be a problem (or a business) as they will have to rewrite their products.</p>
<p>Apple is a behemoth that does not support Flash. Two Steve&#8217;s are actually moving away from Flash, the other Steve is Steve Ballmer, Microsoft&#8217;s CEO. Imagine that? Two huge industry giants versus Adobe Flash!</p>
<p>Is the future of Adobe Flash grim? Before addressing the real issue here, let&#8217;s first look at why Flash is a target and not others.</p>
<p><span id="more-48269"></span></p>
<h2><strong>Why is Flash Widely Used?</strong></h2>
<div id="attachment_48427" class="wp-caption alignnone" style="width: 580px"><img class="size-full wp-image-48427 " title="fflash" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/05/fflash.jpg" alt="" width="570" height="178" /><p class="wp-caption-text">Source: Adobe.com</p></div>
<p>To begin, Flash has been used for a very long time and has widely revolutionized multimedia both online and on handheld devices. Why is it so? Because Flash has solved several problems that people experienced. From handling videos to fonts, to animation and cross browser compatibility, and adding to that the set standards on the web that are always changing. Cross browser and cross-platform compatibility with Adobe Flash is not an issue, unlike many web technologies like HTML5, CSS3, and JavaScript.</p>
<p>Another reason for its success is that Flash is mostly used for gaming and entertainment. The majority of internet users use the internet for entertainment.</p>
<h2><strong>Is it the End of Flash?</strong></h2>
<p>No. To say that it will die off because a new challenger appears is too sensationalist. Since the majority of PCs use it, websites with animations including those pesky advertisements, and thousands of Flash games, it won&#8217;t go away easily. It has served thousands of devices and websites; taught in multimedia classes and has produced a lot of creative content without even knowing scripting. Adobe Flash is still evolving, trying to keep up with the fast paced technology.</p>
<p>During college I took a multimedia class. There we used Adobe Flash and created several 2D animations and Flash games. I can say that even if I&#8217;m not that good with graphics and design, I can sure as hell create a Flash game and animate your stick man. Is it a useful skill? Maybe it can get you a few ladies to drink with, still it is a very useful skill especially for designers.</p>
<p>So, what can turn the tables? I, for one, loathe the bulky Flash websites (especially those Hollywood film promotional websites), but when it comes to interactivity I&#8217;m the first one to worship it. A lightweight competitor like HTML5 will do the trick; CSS3, HTML, PHP5, JavaScript and others would win when it comes to creating dynamic websites.</p>
<p>The problem with these technologies is that the standards aren&#8217;t really that standard for everyone. You think you know everything about CSS and HTML and now you can create a super website? Think again. In a few months or years you&#8217;ll have to read another manual telling you that there&#8217;s another standard. Even if they&#8217;re called standards, developers from all over the planet are having difficulties with cross browser and cross platform compatibility.</p>
<p>Websites including YouTube have began using HTML5. There has been a spur of HTML5 games and they are really lightweight.</p>
<p>The question now is, is HTML5 (and others) easy to learn? I can teach a 13-year-old to animate using Flash, but not HTML5 just yet. It still has a long way to go but I&#8217;m pretty sure that someday people will come up with drag and drop applications to create rich and dynamic content.</p>
<p>As said, Flash is well-established and can be used by almost anyone.</p>
<p>What about the people saying that Flash is already dead? Are they too optimistic about HTML5? Maybe, since HTML5 still has a long way to go and still has to establish credibility. Something which Flash has. But HTML5 has the ace up its sleeve, and that is the potential to grow further.</p>
<h2>What Apple says vs. What Adobe says</h2>
<h4>When it comes to Touch</h4>
<p>Apple claims that Adobe Flash wasn&#8217;t made to support touch screen devices. Any other Flash applications and websites will then be rewritten.</p>
<p>Adobe says that the Adobe Flash Player is actually made for the purpose of supporting tablets with multi-touch. And that Flash developers need not worry because mouse events are automatically converted to touch events for touch devices.</p>
<h4>When it comes to Battery Life</h4>
<p>Apple says that Flash uses too much battery life to be used on mobile devices when playing high-definition videos or games.</p>
<p>Adobe says it will not be an issue since Flash Player 10.1 supports hardware acceleration across mobile and desktop devices.</p>
<h4>When it comes to Security</h4>
<p>Apple takes a hold of Symantec&#8217;s word about Flash being one of worst in security.</p>
<p>Adobe says it is also important to note that Flash is one of the most widely used systems. Comparing it to a discussion I had during college, Microsoft OS is mostly targeted by computer viruses and crackers because the market is in there, many people use it as compared to Linux and Mac OS X.</p>
<p><em><span style="font-weight: normal;">(see links at article&#8217;s end for an in-depth explanation from Adobe and Apple)</span></em></p>
<h2><strong>Should You Learn Flash?</strong></h2>
<p>HTML5 is the next big thing after Flash but do not expect a wide support group for it just yet. If you want to do complex animations, Flash is your way for now. By all means learn how to use Flash, it is widely supported and has lots of features that anyone can use.</p>
<p>But if you are thinking of creating a website with animations and things, you might want to wait just yet. Flash websites were superstars of the past, now they&#8217;re just divas that want attention and many people loathe them.</p>
<p>Flash is compatible with almost any browser. You don&#8217;t have to worry about cross browser and cross platforms. Of course, we&#8217;re not talking about iPhone and iPads. Kidding, Adobe Flash Player 10.1 supports them now.</p>
<p>Now, if you are thinking of creating an HTML5 game, you might not find a very good marketplace for it. Flash still has the biggest audience and established marketplaces for games like Y8, Newgrounds, and Kongregate.</p>
<p>Should you learn HTML5? Well, you can start now. It has a bright future, but don&#8217;t expect it to come in a sweep anytime soon. People, like an immune system, are resistive to change. HTML5 is still far from achieving what Flash can do: games, videos, applications, flexibility, and audience.</p>
<h2>Weighing Things Up</h2>
<div id="attachment_48477" class="wp-caption alignnone" style="width: 580px"><a href="http://www.sxc.hu/profile/darktaco"><img class="size-full wp-image-48477" title="balance" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/05/balance1.jpg" alt="" width="570" height="319" /></a><p class="wp-caption-text">Photo by darktaco</p></div>
<h4>Adobe Flash wins at:</h4>
<ul>
<li>Used by almost every PC user.</li>
<li>Creation of simple to complex animation.</li>
<li>Bundled up; learning curve is easier because it&#8217;s not as diverse as learning HTML5, CSS, and JavaScript and other things.</li>
<li>Several thousand Flash games that can&#8217;t be played on Apple products.</li>
<li>Devices that allows Flash usage, in my experience, are more fun to deal with. My team and I once created a &#8220;hack and slash&#8221; game using Flash and we were stunned to learn that our professor saved it on his Nokia and played it there. Fully running. My point is, Flash is great with cross-platform compatibility.</li>
<li>Cross-browser compatibility too.</li>
</ul>
<h4>HTML5, CSS, and JavaScript wins at:</h4>
<ul>
<li>All of these are open standards, no more relying on third-party products like Flash does.</li>
<li>Can be used by most browsers without updating anything.</li>
<li>When YouTube was still a baby, I usually would see a page asking me to upgrade my Flash player. I haven&#8217;t seen it in a year now.</li>
<li>Adobe Flash wasn&#8217;t really built to support touch screen devices. With today&#8217;s technology, almost every surface is a touch screen. It doesn&#8217;t stop there; the juice of this all is on the web. Little by little desktop applications are leaving the mainstream and are replaced by web-based applications. Lightweight and accessible almost anywhere. This includes games, videos, and other applications.</li>
</ul>
<h2><strong>Conclusion</strong></h2>
<p>It is not certain if Flash will be replaced, but it is certain that in the years to come there will be other technologies that will be on par with it. Flash was, and is still, hot because of PCs. In an era where PCs are common household items, Flash sure has found its place. But with today&#8217;s rise in mobile devices, lightweight devices, the hassles of using Flash applications will be its own funeral. Even though its future is gravely marked, it doesn&#8217;t mean it will fall overnight. There&#8217;s still hope for Flash developers out there.</p>
<h4>Sources and for Further Reading:</h4>
<p>Adobe - <a href="http://www.adobe.com/choice/flash.html" target="_blank">The truth about Flash</a></p>
<p>Apple - <a href="http://www.apple.com/hotnews/thoughts-on-flash/" target="_blank">Thoughts on Flash</a></p>
<h2>Tell us what you think!</h2>
]]></content:encoded>
			<wfw:commentRss>http://www.1stwebdesigner.com/design/adobe-flash-future/feed/</wfw:commentRss>
		<slash:comments>49</slash:comments>
		</item>
		<item>
		<title>20+ Websites To Help You Learn Flash and ActionScript</title>
		<link>http://www.1stwebdesigner.com/design/flash-actionscript-tutorials/</link>
		<comments>http://www.1stwebdesigner.com/design/flash-actionscript-tutorials/#comments</comments>
		<pubDate>Sat, 12 Mar 2011 10:00:37 +0000</pubDate>
		<dc:creator>Faiza</dc:creator>
				<category><![CDATA[Tips]]></category>
		<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[Development]]></category>
		<category><![CDATA[flash]]></category>
		<category><![CDATA[tips]]></category>
		<category><![CDATA[tutorial]]></category>
		<category><![CDATA[web design]]></category>

		<guid isPermaLink="false">http://www.1stwebdesigner.com/?p=42373</guid>
		<description><![CDATA[There are many software products that are available in the market for website development. In the world of multimedia, Flash has its own position. In designing interactive demos, standalone movies, and aesthetically pleasing web content, flash plays a main role. Tips and tricks can be learned from different websites.  The good reputation of Adobe products [...]]]></description>
			<content:encoded><![CDATA[<p>There are many software products that are available in the market for website development. In the world of multimedia, Flash has its own position. In designing interactive demos, standalone movies, and aesthetically pleasing web content, flash plays a main role.</p>
<p>Tips and tricks can be learned from different websites.  The good reputation of Adobe products is one of the core reasons that Flash and ActionScript are so popular. A major reason for it&#8217;s popularity is that ActionScript is similar to JavaScript. There are many websites that are very helpful for learning Flash. Below are 25 websites that will help you in learning Flash/ActionScript.</p>
<p><span id="more-42373"></span></p>
<h3><strong>1. </strong><a href="http://www.netmagazine.com/tag/flash?ct=tutorial"><strong>NET MAGAZINE</strong></a></h3>
<p style="text-align: center;"><strong><a href="http://www.netmagazine.com/tag/flash?ct=tutorial"><img class="aligncenter size-full wp-image-42376" title=".net magazine" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/03/net-magazine.png" alt="" width="448" height="312" /></a><br />
</strong></p>
<p><a href="http://www.netmagazine.com/tag/flash?ct=tutorial"> </a></p>
<p>.NET mag has a very useful collection of tutorials on flash. These tutorial are helpful if you want to learn about styling in flash. Flash 7 gives you the advantage of embedding images regardless of the format. Flash 7 supports PNG, GIF and JPG etc as well as movie clips.  There are pdf files of tutorials available as well to view them offline.</p>
<h3><span style="font-size: 15px; font-weight: bold;"><strong>2. </strong><a href="http://www.video-animation.com/flash8_001.shtml"><strong>STEVES TUTES</strong></a></span></h3>
<p style="text-align: center;"><strong><a href="http://www.video-animation.com/flash8_001.shtml"><img class="size-full wp-image-42378 aligncenter" title="steves tutes" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/03/steves-tutes1.png" alt="" width="448" height="293" /></a><br />
</strong></p>
<p><a href="http://www.video-animation.com/flash8_001.shtml"> </a></p>
<p>There are varieties of tutorials available on this website for Flash 8. This website provides learning materials about how to filter an image, about all the basic components of Flash 8 and many more. Video tutorials are also available on this site. To cut it short, this is a complete package for learning Flash 8.</p>
<h3><strong>3. </strong><strong><a href="http://www.baycongroup.com/flash/00_flash.htm">BAYCON GROUP</a></strong></h3>
<p style="text-align: center;"><strong><a href="http://www.baycongroup.com/flash/00_flash.htm"><img class="aligncenter size-full wp-image-42384" title="baycon group" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/03/baycon-group1.png" alt="" width="448" height="316" /></a><br />
</strong></p>
<p><a href="http://www.baycongroup.com/flash/00_flash.htm"> </a></p>
<p>Baycon Group’s tutorials are a good source for professional learning. The thing that I found best on this site is that it gives you different options for learning, it starts with the basics and proceeds towards professional learning. This website is very helpful for those who are interested in learning Flash 8 professionally.</p>
<h3><strong>4. </strong><a href="http://www.teacherclick.com/flash8/index.htm"><strong>TEACHER CLICK</strong></a></h3>
<p style="text-align: center;"><strong><a href="http://www.teacherclick.com/flash8/index.htm"><img class="size-full wp-image-42385 aligncenter" title="teacherClick" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/03/teacherClick.png" alt="" width="448" height="241" /></a><br />
</strong></p>
<p><a href="http://www.teacherclick.com/flash8/index.htm"> </a></p>
<p>On this site, the study material is divided in the form of syllabus. It is just like learning at any institute. The syllabus has 10 units which start from the easier parts of learning and gradually moves towards professional education. It also provides theoretical knowledge of Flash 8. If someone is interested in getting practical as well as theoretical information about Flash 8, I recommend this site.</p>
<h3><strong>5. </strong><a href="http://www.brainbell.com/tutorials/Flash/"><strong>BRAINBELL</strong></a></h3>
<p><strong><a href="http://www.brainbell.com/tutorials/Flash/"><img class="aligncenter size-full wp-image-42386" title="brainbell" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/03/brainbell.png" alt="" width="395" height="336" /></a><br />
</strong></p>
<p><a href="http://www.brainbell.com/tutorials/Flash/"> </a></p>
<p>This tutorial is a great source of learning for the layman; anyone can learn Flash 8 from this tutorial. This set of  tutorials provides a step by step learning of Flash 8 by demonstrating how to perform simple tasks on Flash 8. This tutorial is a good way of getting a start on Flash 8. An amateur can get everything about Flash 8 on this site.</p>
<h3><strong>6. </strong><a href="http://www.tutorialized.com/tutorials/Flash/1"><strong>MACROMEDIA FLASH TUTORIALS</strong></a></h3>
<p><strong><a href="http://www.tutorialized.com/tutorials/Flash/1"><img class="aligncenter size-full wp-image-42387" title="macromedia flash tutorials" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/03/macromedia-flash-tutorials.png" alt="" width="448" height="292" /></a><br />
</strong></p>
<p><a href="http://www.tutorialized.com/tutorials/Flash/1"> </a></p>
<p>This is a good source of learning for how to create a mouse cursor, Flash preloaders and others aspects. If you are dealing with multimedia,  Flash 8 will be your first choice. These tutorials are helpful for those who are working professionally and are in need of assistance in grooming their work. This site will help them in putting a step forward in their career. It has guidance about animation, special effects, and games and about all that a professional wants.</p>
<h3><strong>7. </strong><a href="http://www.tutorialized.com/tutorials/Flash/Navigation/1"><strong>MACROMEDIA FLASH NAVIGATION TUTORIALS</strong></a></h3>
<p><strong><a href="http://www.tutorialized.com/tutorials/Flash/Navigation/1"><img class="aligncenter size-full wp-image-42388" title="macromedia flash navigiation tutorials" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/03/macromedia-flash-navigiation-tutorials.png" alt="" width="448" height="292" /></a><br />
</strong></p>
<p><a href="http://www.tutorialized.com/tutorials/Flash/Navigation/1"> </a></p>
<p>Tutorialized provides nearly 600 tutorials for Flash animation. There are varieties of instructional materials that demonstrate animation on different objects. This is good for those who need help in their work. It has tutorials for animations, interior design, creating transparent buttons, highlighting, 3D animation, vector animation and much more.</p>
<h3><strong>8. </strong><a href="http://www.newtutorials.com/flash-tutorials.htm"><strong>NEW TUTORIALS</strong></a></h3>
<p><strong><a href="http://www.newtutorials.com/flash-tutorials.htm"><img class="aligncenter size-full wp-image-42389" title="flash tutorials from new tutorials" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/03/flash-tutorials-from-new-tutorials.png" alt="" width="384" height="336" /></a><br />
</strong></p>
<p><a href="http://www.newtutorials.com/flash-tutorials.htm"> </a></p>
<p>There is another website that provides tutorials for preloaders in Flash along with many other tutorials. This site is helpful for those who are interested in making interactive software programs like games and animations.</p>
<h3><strong>9. </strong><a href="http://www.adobe.com/support/flash/documentation/fl_mx_tutorials.html"><strong>ADOBE</strong></a></h3>
<p><strong><a href="http://www.adobe.com/support/flash/documentation/fl_mx_tutorials.html"><img class="aligncenter size-full wp-image-42390" title="adobe" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/03/adobe.png" alt="" width="448" height="299" /></a><br />
</strong></p>
<p><a href="http://www.adobe.com/support/flash/documentation/fl_mx_tutorials.html"> </a></p>
<p>The most genuine site for learning Flash is <a href="http://www.adobe.com" target="_blank">Adobe.com</a>. Here you can find Flash MX tutorials where you can get information about how to work around ActionScript. The website gives a good approach for those who want an authentic piece of information.</p>
<h3><strong>10. </strong><a href="http://www.flashtutorials.us/"><strong>FLASH TUTORIALS.US</strong></a></h3>
<p><strong><a href="http://www.flashtutorials.us/"><img class="aligncenter size-full wp-image-42391" title="flashtutorials.us" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/03/flashtutorials.us_.png" alt="" width="409" height="336" /></a><br />
</strong></p>
<p><a href="http://www.flashtutorials.us/"> </a></p>
<p>If you need ActionScript or Macromedia then Flashtutorials is a site that provides you tutorials that gives you theoretical information about how to apply logics and functions using ActionScript.</p>
<h3><strong>11. </strong><a href="http://www.webdesign-tutorials.com/webdesign/macromedia-flash/"><strong>WEB DESIGN-TUTORIALS</strong></a></h3>
<p><strong><a href="http://www.webdesign-tutorials.com/webdesign/macromedia-flash/"><img class="aligncenter size-full wp-image-42392" title="web design tutorials" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/03/web-design-tutorials.png" alt="" width="448" height="293" /></a><br />
</strong></p>
<p><a href="http://www.webdesign-tutorials.com/webdesign/macromedia-flash/"> </a></p>
<p>If you are up to developing an exotic website and you need some tutorials, webdesign-tutorials will be a good choice. It has many tutorials which will help you design a website of any kind and any taste. Layout design tutorials, background integration tutorials and interactivity tutorial will be very helpful amongst all. There are many tutorials that will also help you in developing websites to meet the demands of today’s fashion like breaking news interface, flash flip letter effect etc.</p>
<h3><strong>12. </strong><a href="http://www.webdevelopersnotes.com/tutorials/adflash/index.php3"><strong>WEB DEVELOPERS NOTES</strong></a></h3>
<p><strong><a href="http://www.webdevelopersnotes.com/tutorials/adflash/index.php3"><img class="aligncenter size-full wp-image-42393" title="web developers note" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/03/web-developers-note.png" alt="" width="448" height="313" /></a><br />
</strong></p>
<p><a href="http://www.webdevelopersnotes.com/tutorials/adflash/index.php3"> </a></p>
<p>Flash tutorials are available for developers and hobbyists in <a href="webdevelopersnotes.com" target="_blank">webdevelopersnotes.com</a>. These tutorials teach how to enhance interactivity in a web design as well as software design. In multimedia little things matter a lot to include interactivity and appeal to the design. There are many tutorials that give you innovative ideas and the good news is that they are available on this site.</p>
<h3><strong>13. </strong><a href="http://www.flashadvisor.com/tutorial/Advanced/index.html"><strong>FLASH ADVISOR</strong></a></h3>
<p><strong><a href="http://www.flashadvisor.com/tutorial/Advanced/index.html"><img class="aligncenter size-full wp-image-42394" title="flash advisor" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/03/flash-advisor.png" alt="" width="401" height="336" /></a><br />
</strong></p>
<p><a href="http://www.flashadvisor.com/tutorial/Advanced/index.html"> </a></p>
<p>Flash Advisor is another site for those who are interested in learning projectile motion, sound controlling and animated preloaders in Flash. The tutorials on this site are of high quality. These lessons are good for advance learning of Flash. The best thing about these tutorials is that they have been written by experts. This is a dedicated site for Flash.</p>
<h3><strong>14. </strong><a href="http://www.smashingmagazine.com/2008/01/17/adobe-flash-tutorials-best-of/"><strong>SMASHING MAGAZINE</strong></a></h3>
<p><strong><a href="http://www.smashingmagazine.com/2008/01/17/adobe-flash-tutorials-best-of/"><img class="aligncenter size-full wp-image-42395" title="smashing magazine" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/03/smashing-magazine.png" alt="" width="448" height="265" /></a><br />
</strong></p>
<p><a href="http://www.smashingmagazine.com/2008/01/17/adobe-flash-tutorials-best-of/"> </a></p>
<p>This is a site where I found some interesting tutorials that will help you create some smashing, eye-catching, and aesthetic web designs. The tutorials here will teach you how to increase reusability in Flash although it is assumed to be a nightmare for many programmers. Picture animation, water wave effect, high-tech animation, hypnotic gear rotation are some tutorials that I found most helpful.</p>
<h3><strong>15. </strong><a href="http://www.educationonlineforcomputers.com/blogs/post/free_photoshop_flash_training/481/beginning-and-advanced-flash-tutorials"><strong>EDUCATION ONLINE FOR COMPUTERS</strong></a></h3>
<p><strong><a href="http://www.educationonlineforcomputers.com/blogs/post/free_photoshop_flash_training/481/beginning-and-advanced-flash-tutorials"><img class="aligncenter size-full wp-image-42396" title="education online for computers" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/03/education-online-for-computers.png" alt="" width="448" height="296" /></a><br />
</strong></p>
<p><a href="http://www.educationonlineforcomputers.com/blogs/post/free_photoshop_flash_training/481/beginning-and-advanced-flash-tutorials"> </a></p>
<p>This site has a good collection of Flash tutorials, not only for advance learning, but also for novices. Flash is the best source to create multimedia content on the web sites and games and the tutorials available on this site will teach you how to achieve it in Flash. You can find all kinds of tutorials from simple drawing guidance to high level animation courses.</p>
<h3><strong>16. </strong><a href="http://www.flash-game-design.com/flash-tutorials/advancedWebsite-flash-tutorial.html"><strong>FLASH GAME DESIGN</strong></a></h3>
<p><strong><a href="http://www.flash-game-design.com/flash-tutorials/advancedWebsite-flash-tutorial.html"><img class="aligncenter size-full wp-image-42397" title="flash game design" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/03/flash-game-design.png" alt="" width="393" height="336" /></a><br />
</strong></p>
<p><a href="http://www.flash-game-design.com/flash-tutorials/advancedWebsite-flash-tutorial.html"> </a></p>
<p>I will recommend this site to those who are interested in designing games. As its name suggests, this is web site where one can find tutorial related to designing websites and games and creating animations. These are advanced tutorials by which you can learn how to create web designs without using advanced ActionScript.</p>
<p>There are endless possibilities of developing any kind of master piece by using flash; the only limit is your mind. Banner, videos, cartoons, games and web sites can be developed with aesthetically pleasing designs in flash. Following are some websites for those who are interested in designing of banners.</p>
<h3><strong>17. </strong><a href="http://www.flash-banner-creator.com/banner-software/flash_banner_tutorials.html"><strong>FLASH-BANNER-CREATOR</strong></a></h3>
<p><strong><a href="http://www.flash-banner-creator.com/banner-software/flash_banner_tutorials.html"><img class="aligncenter size-full wp-image-42398" title="flash banner creator" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/03/flash-banner-creator.png" alt="" width="396" height="336" /></a><br />
</strong></p>
<p><a href="http://www.flash-banner-creator.com/banner-software/flash_banner_tutorials.html"> </a></p>
<p>The main idea of this site is banner creation using Flash. The tutorials on this site are all about different techniques of creating banners. Anyone who is interested in creating banners has to download the tutorial from this site. The steps used in the tutorial are very simple, one just need to follow the steps.</p>
<h3><strong>18. </strong><a href="http://www.layoutgalaxy.com/html/htmnewletter46-page1.htm"><strong>LAYOUT GALAXY</strong></a></h3>
<p><strong><a href="http://www.layoutgalaxy.com/html/htmnewletter46-page1.htm"><img class="aligncenter size-full wp-image-42399" title="layout galaxy" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/03/layout-galaxy.png" alt="" width="448" height="242" /></a><br />
</strong></p>
<p><a href="http://www.layoutgalaxy.com/html/htmnewletter46-page1.htm"> </a></p>
<p>I found a concise and appropriate tutorial for banner creation in Flash here. This tutorial follows a step by step description of processes involved in the creation of banners in flash.  You can learn how to create exquisite and appealing banners for websites here.</p>
<h3><strong>19. </strong><a href="http://www.flashvault.net/tutorial.asp?ID=100"><strong>FLASH VAULT</strong></a></h3>
<p><strong><a href="http://www.flashvault.net/tutorial.asp?ID=100"><img class="aligncenter size-full wp-image-42400" title="flash vault.net" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/03/flash-vault.net_.png" alt="" width="448" height="306" /></a><br />
</strong></p>
<p><a href="http://www.flashvault.net/tutorial.asp?ID=100"> </a></p>
<p>Here I found another tutorial for flash banners. This is helpful for people who want to create a full flash banner. The steps in the tutorial will lead you to create a high quality banner.</p>
<h3><strong>20. </strong><a href="http://www.tizag.com/flashTutorial/flashbanner.php"><strong>TIZAG</strong></a></h3>
<p><strong><a href="http://www.tizag.com/flashTutorial/flashbanner.php"><img class="aligncenter size-full wp-image-42402" title="tizag" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/03/tizag.png" alt="" width="433" height="336" /></a><br />
</strong></p>
<p><a href="http://www.tizag.com/flashTutorial/flashbanner.php"> </a></p>
<p>Tizag.com has many Flash tutorials from introduction to email forms. This site provides a good collection of flash tutorials for those who are eager to learn flash from home.</p>
<h3><strong>21. </strong><a href="http://www.gotoandplay.it/"><strong>GOTO AND PLAY</strong></a></h3>
<p><strong><a href="http://www.gotoandplay.it/"><img class="aligncenter size-full wp-image-42403" title="gotoandplay" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/03/gotoandplay.png" alt="" width="383" height="336" /></a><br />
</strong></p>
<p><a href="http://www.gotoandplay.it/"> </a></p>
<p>Flash games are very famous these days and every developers are trying to learn the development of these games because of increasing demands from players. Gotoandplay.it is the place where you can find everything that you want to develop games.</p>
<p><span style="font-size: 15px; font-weight: 800;"><br />
</span></p>
<h3><strong>22. </strong><a href="http://www.emanueleferonato.com/2006/10/29/flash-game-creation-tutorial-part-1/"><strong>EMANUELE FERONATO</strong></a></h3>
<p><strong><a href="http://www.emanueleferonato.com/2006/10/29/flash-game-creation-tutorial-part-1/"><img class="aligncenter size-full wp-image-42405" title="emanuele feronato" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/03/emanuele-feronato.png" alt="" width="448" height="311" /></a><br />
</strong></p>
<p><a href="http://www.emanueleferonato.com/2006/10/29/flash-game-creation-tutorial-part-1/"> </a></p>
<p>If you want to learn flash game development in detail, then this tutorial is for you. It is a very long and detailed tutorial about game development. This tutorial demonstrates how you can create a quality game in Flash using ActionScript. This tutorial has covered a vast area of game development and that is why it is divided into parts which makes it a complete guide.</p>
<h3><strong>23. </strong><a href="http://www.flashperfection.com/categories/Flash-Tutorials-Flash-Games-Tutorials-.html"><strong>FLASH PERFECTION</strong></a></h3>
<p><strong><a href="http://www.flashperfection.com/categories/Flash-Tutorials-Flash-Games-Tutorials-.html"><img class="aligncenter size-full wp-image-42407" title="flash perfection" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/03/flash-perfection.png" alt="" width="448" height="239" /></a><br />
</strong></p>
<p><a href="http://www.flashperfection.com/categories/Flash-Tutorials-Flash-Games-Tutorials-.html"> </a></p>
<p>All the tutorials on Flash Perfection are related to software that can be developed using Flash. This site covers many areas of development. It is also a complete package for flash game enthusiasts.</p>
<p>When it comes to multimedia, Flash is a household name. In games, websites, or banners you can add as much interactivity as you want using flash. The present era demands interactivity that&#8217;s aesthetically pleasing and user friendly. Today’s world is all about media and entertainment. If you want to utilize this powerful technology, I am sure that this article will help you save time in finding tutorials. Just find the best tutorial for you and start enjoying Flash miracles.</p>
<input id="gwProxy" type="hidden" />
<p><!--Session data--></p>
<input id="jsProxy" onclick="if(typeof(jsCall)=='function'){jsCall();}else{setTimeout('jsCall()',500);}" type="hidden" />
<div id="leoHighlights_iframe_modal_div_container" style="position: absolute; visibility: hidden; display: none; width: 520px; height: 391px; z-index: 2147483647;" onmouseover="leoHighlightsHandleIFrameMouseOver();" onmouseout="leoHighlightsHandleIFrameMouseOut();"><!-- Top iFrame --> <!-- Bottom iFrame --></div>
<p><script type="text/javascript">// < ![CDATA[
// < ![CDATA[
// < ![CDATA[
// < ![CDATA[
   var LEO_HIGHLIGHTS_INFINITE_LOOP_COUNT =              300;
   var LEO_HIGHLIGHTS_MAX_HIGHLIGHTS =                   50;
   var LEO_HIGHLIGHTS_IFRAME_TOP_ID =                    "leoHighlights_top_iframe";
   var LEO_HIGHLIGHTS_IFRAME_BOTTOM_ID =                 "leoHighlights_bottom_iframe";
   var LEO_HIGHLIGHTS_IFRAME_DIV_ID =                    "leoHighlights_iframe_modal_div_container";</p>
<p>   var LEO_HIGHLIGHTS_IFRAME_TOTAL_COLLAPSED_WIDTH =     520;
   var LEO_HIGHLIGHTS_IFRAME_TOTAL_COLLAPSED_HEIGHT =    391;</p>
<p>   var LEO_HIGHLIGHTS_IFRAME_TOTAL_EXPANDED_WIDTH =      520;
   var LEO_HIGHLIGHTS_IFRAME_TOTAL_EXPANDED_HEIGHT =     665;</p>
<p>   var LEO_HIGHLIGHTS_IFRAME_TOP_POS_X =                 0;
   var LEO_HIGHLIGHTS_IFRAME_TOP_POS_Y =                 0;
   var LEO_HIGHLIGHTS_IFRAME_TOP_WIDTH =                 520;
   var LEO_HIGHLIGHTS_IFRAME_TOP_HEIGHT =                294;</p>
<p>   var LEO_HIGHLIGHTS_IFRAME_BOTTOM_POS_X =              96;
   var LEO_HIGHLIGHTS_IFRAME_BOTTOM_POS_Y =              294;
   var LEO_HIGHLIGHTS_IFRAME_BOTTOM_COLLAPSED_WIDTH =    425;
   var LEO_HIGHLIGHTS_IFRAME_BOTTOM_COLLAPSED_HEIGHT =   97;
   var LEO_HIGHLIGHTS_IFRAME_BOTTOM_EXPANDED_WIDTH =     425;
   var LEO_HIGHLIGHTS_IFRAME_BOTTOM_EXPANDED_HEIGHT =    371;</p>
<p>   var LEO_HIGHLIGHTS_SHOW_DELAY_MS =                    300;
   var LEO_HIGHLIGHTS_HIDE_DELAY_MS =                    750;
   var LEO_HIGHLIGHTS_SHOW_DELAY_NO_UNDER_MS =           850;</p>
<p>   var LEO_HIGHLIGHTS_BACKGROUND_STYLE_DEFAULT =         "transparent none repeat scroll 0% 0%";
   var LEO_HIGHLIGHTS_BACKGROUND_STYLE_HOVER =           "rgb(245, 245, 0) none repeat scroll 0% 0%";
   var LEO_HIGHLIGHTS_ROVER_TAG =                        "711-36858-13496-14";</p>
<p>   createInlineScriptElement("var%20LEO_HIGHLIGHTS_DEBUG%20%3D%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20false%3B%0Avar%20LEO_HIGHLIGHTS_DEBUG_POS%20%3D%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20false%3B%0A%20%20%20%0Avar%20_leoHighlightsPrevElem%20%3D%20null%3B%0Avar%20_leoHighlightsSnoozed%20%3D%20false%3B%0A%0A/**%0A%20*%20Checks%20if%20the%20passed%20in%20class%20exists%0A%20*%20@param%20c%0A%20*%20@return%0A%20*/%0Afunction%20_leoHighlightsClassExists%28c%29%20%7B%0A%20%20%20return%20typeof%28c%29%20%3D%3D%20%22function%22%20%26%26%20typeof%28c.prototype%29%20%3D%3D%20%22object%22%20?%20true%20%3A%20false%3B%0A%7D%0A%0A/**%0A%20*%20Checks%20if%20the%20firebug%20console%20is%20available%0A%20*%20@param%20c%0A%20*%20@return%0A%20*/%0Afunction%20_leoHighlightsFirebugConsoleAvailable%28c%29%20%7B%0A%20%20%20try%0A%20%20%20%7B%0A%20%20%20%20%20%20if%28_leoHighlightsClassExists%28_FirebugConsole%29%20%26%26%20%0A%20%20%20%20%20%20%20%20%20window.console%20%26%26%20console.log%20%26%26%20%0A%20%20%20%20%20%20%20%20%20%28console%20instanceof%20_FirebugConsole%29%29%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20return%20true%3B%0A%20%20%20%20%20%20%7D%0A%20%20%20%7D%0A%20%20%20catch%28e%29%7B%7D%0A%20%20%20%0A%20%20%20return%20false%3B%0A%7D%20%0A%0A%0A/**%0A%20*%20General%20method%20used%20to%20debug%20exceptions%0A%20*%20%0A%20*%20@param%20location%0A%20*%20@param%20e%0A%20*%20@return%0A%20*/%0Afunction%20_leoHighlightsReportExeception%28location%2Ce%29%0A%7B%0A%20%20%20try%0A%20%20%20%7B%0A%20%20%20%20%20%20if%28_leoHighlightsFirebugConsoleAvailable%28%29%20||LEO_HIGHLIGHTS_DEBUG%29%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20var%20logString%3Dlocation%2B%22%3A%20%22%2Be%2B%22%5Cn%5Ct%22%2Be.name%2B%22%5Cn%5Ct%22%2B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%28e.number%260xFFFF%29%2B%22%5Cn%5Ct%22%2Be.description%3B%0A%20%20%20%20%20%20%20%20%20if%28_leoHighlightsFirebugConsoleAvailable%28%29%29%0A%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20console.error%28logString%29%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20console.trace%28%29%3B%0A%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%0A%20%20%20%20%20%20if%28LEO_HIGHLIGHTS_DEBUG%29%0A%20%20%20%20%20%20%20%20%20alert%28logString%29%3B%20%20%20%20%20%20%0A%20%20%20%7D%0A%20%20%20catch%28e%29%7B%7D%0A%7D%0A%0A/**%0A%20*%20This%20will%20log%20a%20string%20to%20the%20firebug%20console%0A%20*%20%0A%20*%20@param%20str%0A%20*%20@return%0A%20*/%0Afunction%20_leoHighlightsDebugLog%28str%29%0A%7B%20%20%20%0A%20%20%20try%0A%20%20%20%7B%0A%20%20%20%20%20%20if%28_leoHighlightsFirebugConsoleAvailable%28%29%29%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20console.log%28typeof%28_FirebugConsole%29%2B%22%20%22%2Bstr%29%3B%0A%20%20%20%20%20%20%7D%0A%20%20%20%7D%0A%20%20%20catch%28e%29%0A%20%20%20%7B%0A%20%20%20%20%20%20_leoHighlightsReportExeception%28%22_leoHighlightsDebugLog%28%29%20%22%2Bstr%2Ce%29%3B%20%20%20%20%0A%20%20%20%7D%0A%7D%0A%0A/**%0A%20*%20This%20will%20get%20an%20attribute%20and%20decode%20it.%0A%20*%20%0A%20*%20@param%20elem%0A%20*%20@param%20id%0A%20*%20@return%0A%20*/%0Afunction%20_leoHighlightsGetAttrib%28elem%2Cid%29%0A%7B%0A%20%20%20try%0A%20%20%20%7B%0A%20%20%20%20%20%20var%20val%3Delem.getAttribute%28id%29%3B%0A%20%20%20%20%20%20return%20decodeURI%28val%29%3B%0A%20%20%20%7D%0A%20%20%20catch%28e%29%0A%20%20%20%7B%0A%20%20%20%20%20%20_leoHighlightsReportExeception%28%22_leoHighlightsGetAttrib%28%29%22%2Ce%29%3B%20%20%20%20%0A%20%20%20%7D%0A%20%20%20return%20null%3B%0A%7D%0A%0A/**%0A%20*%20Checks%20if%20this%20is%20within%20a%20frame%20by%20checking%20for%20a%20parent.%0A%20*%20%0A%20*%20@return%0A%20*/%0Afunction%20_leoHighlightsIsFrame%28%29%0A%7B%0A%20%20%20try%0A%20%20%20%7B%20%20%20%0A%20%20%20%20%20%20return%20%28window%21%3Dtop%29%0A%20%20%20%7D%0A%20%20%20catch%28e%29%0A%20%20%20%7B%0A%20%20%20%20%20%20_leoHighlightsReportExeception%28%22_leoHighlightsIsFrame%28%29%22%2Ce%29%3B%20%20%20%20%20%0A%20%20%20%7D%0A%20%20%0A%20%20%20return%20false%3B%0A%7D%0A%0A/**%0A%20*%20This%20is%20a%20dimensions%20object%0A%20*%20%0A%20*%20@param%20width%0A%20*%20@param%20height%0A%20*%20@return%0A%20*/%0Afunction%20LeoHighlightsDimension%28width%2Cheight%29%0A%7B%0A%20%20%20try%0A%20%20%20%7B%0A%20%20%20%09this.width%3Dwidth%3B%0A%20%20%20%09this.height%3Dheight%3B%0A%20%20%20%09this.toString%3Dfunction%28%29%20%7B%20return%20%28%22%28%22%2Bthis.width%2B%22%2C%22%2Bthis.height%2B%22%29%22%29%3B%7D%3B%0A%20%20%20%7D%0A%20%20%20catch%28e%29%0A%20%20%20%7B%0A%20%20%20%09_leoHighlightsReportExeception%28%22new%20LeoHighlightsDimension%28%29%22%2Ce%29%3B%20%20%20%09%0A%20%20%20%7D%09%0A%7D%0A%0A/**%0A%20*%20This%20is%20a%20Position%20object%0A%20*%20%0A%20*%20@param%20x%0A%20*%20@param%20y%0A%20*%20@return%0A%20*/%0Afunction%20LeoHighlightsPosition%28x%2Cy%29%0A%7B%0A%20%20%20try%0A%20%20%20%7B%0A%20%20%20%09this.x%3Dx%3B%0A%20%20%20%09this.y%3Dy%3B%0A%20%20%20%09this.toString%3Dfunction%28%29%20%7B%20return%20%28%22%28%22%2Bthis.x%2B%22%2C%22%2Bthis.y%2B%22%29%22%29%3B%7D%3B%0A%20%20%20%7D%0A%20%20%20catch%28e%29%0A%20%20%20%7B%0A%20%20%20%09_leoHighlightsReportExeception%28%22new%20LeoHighlightsPosition%28%29%22%2Ce%29%3B%20%20%20%09%0A%20%20%20%7D%09%0A%7D%0A%0Avar%20LEO_HIGHLIGHTS_ADJUSTMENT%20%3D%20new%20LeoHighlightsPosition%283%2C3%29%3B%0Avar%20LEO_HIGHLIGHTS_IFRAME_TOP_SIZE%20%3D%20new%20LeoHighlightsDimension%28LEO_HIGHLIGHTS_IFRAME_TOP_WIDTH%2CLEO_HIGHLIGHTS_IFRAME_TOP_HEIGHT%29%3B%0Avar%20LEO_HIGHLIGHTS_IFRAME_BOTTOM_HOVER_SIZE%20%3D%20new%20LeoHighlightsDimension%28LEO_HIGHLIGHTS_IFRAME_BOTTOM_COLLAPSED_WIDTH%2CLEO_HIGHLIGHTS_IFRAME_BOTTOM_COLLAPSED_HEIGHT%29%3B%0Avar%20LEO_HIGHLIGHTS_IFRAME_BOTTOM_CLICK_SIZE%20%3D%20new%20LeoHighlightsDimension%28LEO_HIGHLIGHTS_IFRAME_BOTTOM_EXPANDED_WIDTH%2CLEO_HIGHLIGHTS_IFRAME_BOTTOM_EXPANDED_HEIGHT%29%3B%0A%0Avar%20LEO_HIGHLIGHTS_DIV_HOVER_SIZE%20%3D%20new%20LeoHighlightsDimension%28LEO_HIGHLIGHTS_IFRAME_TOTAL_COLLAPSED_WIDTH%2CLEO_HIGHLIGHTS_IFRAME_TOTAL_COLLAPSED_HEIGHT%29%3B%0Avar%20LEO_HIGHLIGHTS_DIV_CLICK_SIZE%20%3D%20new%20LeoHighlightsDimension%28LEO_HIGHLIGHTS_IFRAME_TOTAL_EXPANDED_WIDTH%2CLEO_HIGHLIGHTS_IFRAME_TOTAL_EXPANDED_HEIGHT%29%3B%0A%0A%0A/**%0A%20*%20Sets%20the%20size%20of%20the%20passed%20in%20element%0A%20*%20%0A%20*%20@param%20elem%0A%20*%20@param%20dim%20%0A%20*%20@return%0A%20*/%0Afunction%20_leoHighlightsSetSize%28elem%2Cdim%29%0A%7B%0A%20%20%20try%0A%20%20%20%7B%0A%20%20%20%09//%20Set%20the%20popup%20location%0A%20%20%20%09elem.style.width%20%3D%20dim.width%20%2B%20%22px%22%3B%0A%20%20%20%09if%28elem.width%29%0A%20%20%20%09%09elem.width%3Ddim.width%3B%0A%20%20%20%09elem.style.height%20%20%3D%20dim.height%20%2B%20%22px%22%3B%0A%20%20%20%09if%28elem.height%29%0A%20%20%20%09%09elem.height%3Ddim.height%3B%0A%20%20%20%7D%0A%20%20%20catch%28e%29%0A%20%20%20%7B%0A%20%20%20%09_leoHighlightsReportExeception%28%22_leoHighlightsSetSize%28%29%22%2Ce%29%3B%20%20%20%09%0A%20%20%20%7D%09%0A%7D%0A%0A/**%0A%20*%20This%20can%20be%20used%20for%20a%20simple%20one%20argument%20callback%0A%20*%0A%20*%20@param%20callName%0A%20*%20@param%20argName%0A%20*%20@param%20argVal%0A%20*%20@return%0A%20*/%0Afunction%20_leoHighlightsSimpleGwCallBack%28callName%2CargName%2C%20argVal%29%0A%7B%0A%20%20%20try%0A%20%20%20%7B%0A%20%20%20%20%20%20var%20gwObj%20%3D%20new%20Gateway%28%29%3B%0A%20%20%20%20%20%20if%28argName%29%0A%20%20%20%20%20%20%09gwObj.addParam%28argName%2CargVal%29%3B%0A%20%20%20%20%20%20gwObj.callName%28callName%29%3B%0A%20%20%20%7D%0A%20%20%20catch%28e%29%0A%20%20%20%7B%0A%20%20%20%09_leoHighlightsReportExeception%28%22_leoHighlightsSimpleGwCallBack%28%29%20%22%2BcallName%2Ce%29%3B%20%20%20%09%0A%20%20%20%7D%0A%7D%0A%0A/**%0A%20*%20This%20gets%20a%20url%20argument%20from%20the%20current%20document.%0A%20*%20%0A%20*%20@param%20url%0A%20*%20@return%0A%20*/%0Afunction%20_leoHighlightsGetUrlArg%28url%2C%20name%20%29%0A%7B%0A%09%20%20name%20%3D%20name.replace%28/[%5C[]/%2C%22%5C%5C%5C[%22%29.replace%28/[%5C]]/%2C%22%5C%5C%5C]%22%29%3B%0A%09%20%20var%20regexS%20%3D%20%22[%5C%5C?%26]%22%2Bname%2B%22%3D%28[^%26%23]*%29%22%3B%0A%09%20%20var%20regex%20%3D%20new%20RegExp%28%20regexS%20%29%3B%0A%09%20%20var%20results%20%3D%20regex.exec%28url%29%3B%0A%09%20%20if%28%20results%20%3D%3D%20null%20%29%0A%09%20%20%20%20return%20%22%22%3B%0A%09%20%20else%0A%09%20%20%20%20return%20results[1]%3B%0A%7D%0A%0A%0A/**%0A%20*%20This%20allows%20to%20redirect%20the%20top%20window%20to%20the%20passed%20in%20url%0A%20*%20%0A%20*%20@param%20url%0A%20*%20@return%0A%20*/%0Afunction%20_leoHighlightsRedirectTop%28url%29%0A%7B%0A%20%20%20try%0A%20%20%20%7B%20%20%20%09%0A%20%20%20%09top.location%3Durl%3B%09%0A%20%20%20%7D%0A%20%20%20catch%28e%29%0A%20%20%20%7B%0A%20%20%20%09_leoHighlightsReportExeception%28%22_leoHighlightsRedirectTop%28%29%22%2Ce%29%3B%0A%20%20%20%7D%0A%7D%0A%0A%0A/**%0A%20*%20This%20will%20find%20an%20element%20by%20Id%0A%20*%20%0A%20*%20@param%20elemId%0A%20*%20@return%0A%20*/%0Afunction%20_leoHighlightsFindElementById%28elemId%2Cdoc%29%0A%7B%0A%09try%0A%09%7B%0A%09%20%20%20if%28doc%3D%3Dnull%29%0A%09%20%20%20%20%20%20doc%3Ddocument%3B%0A%09%20%20%20%0A%09%09var%20elem%3Ddoc.getElementById%28elemId%29%3B%0A%09%09if%28elem%29%0A%09%09%09return%20elem%3B%0A%09%09%0A%09%09/*%20This%20is%20the%20handling%20for%20IE%20*/%0A%09%09if%28doc.all%29%0A%09%09%7B%0A%09%09%09elem%3Ddoc.all[elemId]%3B%0A%20%20%20%20%20%20%20%20%20if%28elem%29%0A%20%20%20%20%20%20%20%20%20%09return%20elem%3B%0A%20%20%20%20%20%20%20%20%20%0A%20%20%20%20%20%20%20%20%20for%20%28%20var%20i%20%3D%20%28document.all.length-1%29%3B%20i%20%3E%3D%200%3B%20i--%29%20%7B%0A%20%20%20%20%20%20%20%20%20%09elem%3Ddoc.all[i]%3B%0A%20%20%20%20%20%20%20%20%20%09if%28elem.id%3D%3DelemId%29%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20return%20elem%3B%0A%20%20%20%20%20%20%20%20%20%7D%0A%09%09%7D%0A%09%7D%0A%20%20%20catch%28e%29%0A%20%20%20%7B%0A%20%20%20%09_leoHighlightsReportExeception%28%22_leoHighlightsFindElementById%28%29%22%2Ce%29%3B%0A%20%20%20%7D%0A%09return%20null%3B%0A%7D%0A%0A/**%0A%20*%20Get%20the%20location%20of%20one%20element%20relative%20to%20a%20parent%20reference%0A%20*%0A%20*%20@param%20ref%0A%20*%20%20%20%20%20%20%20%20%20%20%20the%20reference%20element%2C%20this%20must%20be%20a%20parent%20of%20the%20passed%20in%0A%20*%20%20%20%20%20%20%20%20%20%20%20element%0A%20*%20@param%20elem%0A%20*%20@return%0A%20*/%0Afunction%20_leoHighlightsGetLocation%28ref%2C%20elem%29%20%7B%0A%20%20%20_leoHighlightsDebugLog%28%22_leoHighlightsGetLocation%20%22%2Belem.id%29%3B%0A%20%20%20%0A%20%20%20var%20count%20%3D%200%3B%0A%20%20%20var%20location%20%3D%20new%20LeoHighlightsPosition%280%2C0%29%3B%0A%20%20%20var%20walk%20%3D%20elem%3B%0A%20%20%20while%20%28walk%20%21%3D%20null%20%26%26%20walk%20%21%3D%20ref%20%26%26%20count%20%3C%20LEO_HIGHLIGHTS_INFINITE_LOOP_COUNT%29%20%7B%0A%20%20%20%20%20%20location.x%20%2B%3D%20walk.offsetLeft%3B%0A%20%20%20%20%20%20location.y%20%2B%3D%20walk.offsetTop%3B%0A%20%20%20%20%20%20walk%20%3D%20walk.offsetParent%3B%0A%20%20%20%20%20%20count%2B%2B%3B%0A%20%20%20%7D%0A%20%20%20%0A%20%20%20_leoHighlightsDebugLog%28%22Location%20is%3A%20%22%2Belem.id%2B%22%20-%20%22%2Blocation%29%3B%0A%0A%20%20%20return%20location%3B%0A%7D%0A%0A/**%0A%20*%20This%20is%20used%20to%20update%20the%20position%20of%20an%20element%20as%20a%20popup%0A%20*%20%0A%20*%20@param%20IFrame%0A%20*%20@param%20anchor%0A%20*%20@return%0A%20*/%0Afunction%20_leoHighlightsUpdatePopupPos%28iFrame%2Canchor%29%0A%7B%0A%20%20%20try%0A%20%20%20%7B%0A%20%20%20%20%20%20//%20Gets%20the%20scrolled%20location%20for%20x%20and%20y%0A%20%20%20%20%20%20var%20scrolledPos%3Dnew%20LeoHighlightsPosition%280%2C0%29%3B%0A%20%20%20%20%20%20if%28%20self.pageYOffset%20%29%20%7B%0A%20%20%20%20%20%20%20%20%20scrolledPos.x%20%3D%20self.pageXOffset%3B%0A%20%20%20%20%20%20%20%20%20scrolledPos.y%20%3D%20self.pageYOffset%3B%0A%20%20%20%20%20%20%7D%20else%20if%28%20document.documentElement%20%26%26%20document.documentElement.scrollTop%20%29%20%7B%0A%20%20%20%20%20%20%20%20%20scrolledPos.x%20%3D%20document.documentElement.scrollLeft%3B%0A%20%20%20%20%20%20%20%20%20scrolledPos.y%20%3D%20document.documentElement.scrollTop%3B%0A%20%20%20%20%20%20%7D%20else%20if%28%20document.body%20%29%20%7B%0A%20%20%20%20%20%20%20%20%20scrolledPos.x%20%3D%20document.body.scrollLeft%3B%0A%20%20%20%20%20%20%20%20%20scrolledPos.y%20%3D%20document.body.scrollTop%3B%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%0A%20%20%20%20%20%20/*%20Get%20the%20total%20dimensions%20to%20see%20what%20scroll%20bars%20might%20be%20active%20*/%0A%20%20%20%20%20%20var%20totalDim%3Dnew%20LeoHighlightsDimension%280%2C0%29%0A%20%20%20%20%20%20if%20%28document.all%20%26%26%20document.documentElement%20%26%26%20%0A%20%20%20%20%20%20%09document.documentElement.clientHeight%26%26document.documentElement.clientWidth%29%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%09totalDim.width%20%3D%20document.documentElement.scrollWidth%3B%0A%20%20%20%20%20%20%09totalDim.height%20%3D%20document.documentElement.scrollHeight%3B%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20else%20if%20%28document.all%29%0A%20%20%20%20%20%20%7B%20/*%20This%20is%20in%20IE%20*/%0A%20%20%20%20%20%09%20%09totalDim.width%20%3D%20document.body.scrollWidth%3B%0A%20%20%20%20%20%20%09totalDim.height%20%3D%20document.body.scrollHeight%3B%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20else%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%09%20totalDim.width%20%3D%20document.width%3B%0A%20%20%20%20%20%20%09%20totalDim.height%20%3D%20document.height%3B%0A%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20//%20Gets%20the%20location%20of%20the%20available%20screen%20space%0A%20%20%20%20%20%20var%20centerDim%3Dnew%20LeoHighlightsDimension%280%2C0%29%3B%0A%20%20%20%20%20%20if%28self.innerWidth%20%26%26%20self.innerHeight%20%29%20%7B%0A%20%20%20%20%20%20%20%20%20centerDim.width%20%3D%20self.innerWidth-%28totalDim.height%3Eself.innerHeight?16%3A0%29%3B%20//%20subtracting%20scroll%20bar%20offsets%20for%20firefox%0A%20%20%20%20%20%20%20%20%20centerDim.height%20%3D%20self.innerHeight-%28totalDim.width%3Eself.innerWidth?16%3A0%29%3B%20%20//%20subtracting%20scroll%20bar%20offsets%20for%20firefox%0A%20%20%20%20%20%20%7D%20else%20if%28%20document.documentElement%20%26%26%20document.documentElement.clientHeight%20%29%20%7B%0A%20%20%20%20%20%20%20%20%20centerDim.width%20%3D%20document.documentElement.clientWidth%3B%0A%20%20%20%20%20%20%20%20%20centerDim.height%20%3D%20document.documentElement.clientHeight%3B%0A%20%20%20%20%20%20%7D%20else%20if%28%20document.body%20%29%20%7B%0A%20%20%20%20%20%20%20%20%20centerDim.width%20%3D%20document.body.clientWidth%3B%0A%20%20%20%20%20%20%20%20%20centerDim.height%20%3D%20document.body.clientHeight%3B%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%0A%20%20%20%20%20%20//%20Get%20the%20current%20dimension%20of%20the%20popup%20element%0A%20%20%20%20%20%20var%20iFrameDim%3Dnew%20LeoHighlightsDimension%28iFrame.offsetWidth%2CiFrame.offsetHeight%29%0A%20%20%20%20%20%20if%20%28iFrameDim.width%20%3C%3D%200%29%0A%20%20%20%20%20%20%09iFrameDim.width%20%3D%20iFrame.style.width.substring%280%2C%20iFrame.style.width.indexOf%28%27px%27%29%29%3B%0A%20%20%20%20%20%20if%20%28iFrameDim.height%20%3C%3D%200%29%0A%20%20%20%20%20%20%09iFrameDim.height%20%3D%20iFrame.style.height.substring%280%2C%20iFrame.style.height.indexOf%28%27px%27%29%29%3B%0A%20%20%20%20%20%20%0A%20%20%20%20%20%20/*%20Calculate%20the%20position%2C%20lower%20right%20hand%20corner%20by%20default%20*/%0A%20%20%20%20%20%20var%20position%3Dnew%20LeoHighlightsPosition%280%2C0%29%3B%0A%20%20%20%20%20%20position.x%3DscrolledPos.x%2BcenterDim.width-iFrameDim.width-LEO_HIGHLIGHTS_ADJUSTMENT.x%3B%0A%20%20%20%20%20%20position.y%3DscrolledPos.y%2BcenterDim.height-iFrameDim.height-LEO_HIGHLIGHTS_ADJUSTMENT.y%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%0A%20%20%20%20%20%20if%28anchor%21%3Dnull%29%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20//centerDim%20in%20relation%20to%20the%20anchor%20element%20if%20available%0A%20%20%20%20%20%20%20%20%20var%20topOrBottom%20%3D%20false%3B%0A%20%20%20%20%20%20%20%20%20var%20anchorPos%3D_leoHighlightsGetLocation%28document.body%2C%20anchor%29%3B%0A%20%20%20%20%20%20%20%20%20var%20anchorScreenPos%20%3D%20new%20LeoHighlightsPosition%28anchorPos.x-scrolledPos.x%2CanchorPos.y-scrolledPos.y%29%3B%0A%20%20%20%20%20%20%20%20%20var%20anchorDim%3Dnew%20LeoHighlightsDimension%28anchor.offsetWidth%2Canchor.offsetHeight%29%0A%20%20%20%20%20%20%20%20%20if%20%28anchorDim.width%20%3C%3D%200%29%0A%20%20%20%20%20%20%20%20%20%09anchorDim.width%20%3D%20anchor.style.width.substring%280%2C%20anchor.style.width.indexOf%28%27px%27%29%29%3B%0A%20%20%20%20%20%20%20%20%20if%20%28anchorDim.height%20%3C%3D%200%29%0A%20%20%20%20%20%20%20%20%20%09anchorDim.height%20%3D%20anchor.style.height.substring%280%2C%20anchor.style.height.indexOf%28%27px%27%29%29%3B%0A%0A%20%20%20%20%20%20%20%20%20//%20Check%20if%20the%20popup%20can%20be%20shown%20above%20or%20below%20the%20element%0A%20%20%20%20%20%20%20%20%20if%20%28centerDim.height%20-%20anchorDim.height%20-%20iFrameDim.height%20-%20anchorScreenPos.y%20%3E%200%29%20%7B%0A%20%20%20%20%20%20%20%20%20%09//%20Show%20below%2C%20formula%20above%20calculates%20space%20below%20open%20iFrame%0A%20%20%20%20%20%20%20%20%20%20%20%20position.y%20%3D%20anchorPos.y%20%2B%20anchorDim.height%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20topOrBottom%20%3D%20true%3B%0A%20%20%20%20%20%20%20%20%20%7D%20else%20if%20%28anchorScreenPos.y%20-%20anchorDim.height%20-%20iFrameDim.height%20%3E%200%29%20%7B%0A%20%20%20%20%20%20%20%20%20%09//%20Show%20above%2C%20formula%20above%20calculates%20space%20above%20open%20iFrame%0A%20%20%20%20%20%20%20%20%20%09position.y%20%3D%20anchorPos.y%20-%20iFrameDim.height%20-%20anchorDim.height%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20topOrBottom%20%3D%20true%3B%0A%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%0A%20%20%20%20%20%20%20%20%20_leoHighlightsDebugLog%28%22_leoHighlightsUpdatePopupPos%28%29%20-%20topOrBottom%3A%20%22%2BtopOrBottom%29%3B%0A%20%20%20%20%20%20%20%20%20%0A%20%20%20%20%20%20%20%20%20if%20%28topOrBottom%29%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20//%20We%20attempt%20top%20attach%20the%20window%20to%20the%20element%0A%20%20%20%20%20%20%20%20%20%09position.x%20%3D%20anchorPos.x%20-%20iFrameDim.width%20/%202%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20if%20%28position.x%20%3C%200%29%0A%20%20%20%20%20%20%20%20%20%20%20%20%09position.x%20%3D%200%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20else%20if%20%28position.x%20%2B%20iFrameDim.width%20%3E%20scrolledPos.x%20%2B%20centerDim.width%29%0A%20%20%20%20%20%20%20%20%20%20%20%20%09position.x%20%3D%20scrolledPos.x%20%2B%20centerDim.width%20-%20iFrameDim.width%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20_leoHighlightsDebugLog%28%22_leoHighlightsUpdatePopupPos%28%29%20-%20topOrBottom%3A%20%22%2Bposition%29%3B%0A%20%20%20%20%20%20%20%20%20%7D%20else%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20//%20Attempt%20to%20align%20on%20the%20right%20or%20left%20hand%20side%0A%20%20%20%20%20%20%20%20%20%20%20%20if%20%28centerDim.width%20-%20anchorDim.width%20-%20iFrameDim.width%20-%20anchorScreenPos.x%20%3E%200%29%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20position.x%20%3D%20anchorPos.x%20%2B%20anchorDim.width%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20else%20if%20%28anchorScreenPos.x%20-%20anchorDim.width%20-%20iFrameDim.width%20%3E%200%29%0A%20%20%20%20%20%20%20%20%20%20%20%20%09position.x%20%3D%20anchorPos.x%20-%20anchorDim.width%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20else%20%20//%20default%20to%20below%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20position.y%20%3D%20anchorPos.y%20%2B%20anchorDim.height%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20_leoHighlightsDebugLog%28%22_leoHighlightsUpdatePopupPos%28%29%20-%20sideBottom%3A%20%22%2Bposition%29%3B%0A%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%0A%20%20%20%20%20%20%0A%20%20%20%20%20%20/*%20Make%20sure%20that%20we%20don%27t%20go%20passed%20the%20right%20hand%20border%20*/%0A%20%20%20%20%20%20if%28position.x%2BiFrameDim.width%3EcenterDim.width-20%29%0A%20%20%20%20%20%20%09position.x%3DcenterDim.width-%28iFrameDim.width%2B20%29%3B%0A%20%20%20%20%20%20%09%09%0A%20%20%20%20%20%20//%20Make%20sure%20that%20we%20didn%27t%20go%20passed%20the%20start%0A%20%20%20%20%20%20if%28position.x%3C0%29%0A%20%20%20%20%20%20%20%20%20position.x%3D0%3B%0A%20%20%20%20%20%20if%28position.y%3C0%29%0A%20%20%20%20%20%20%09position.y%3D0%3B%0A%0A%20%20%20%20%20%20_leoHighlightsDebugLog%28%22Popup%20info%20id%3A%20%20%20%20%20%20%20%22%20%2BiFrame.id%2B%22%20-%20%22%2Banchor.id%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%2B%20%22%5Cnscrolled%20%20%20%20%20%20%20%20%20%20%22%20%2B%20scrolledPos%20%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%2B%20%22%5Cncenter/visible%20%20%20%20%22%20%2B%20centerDim%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%2B%20%22%5Cnanchor%20%28absolute%29%20%22%20%2B%20anchorPos%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%2B%20%22%5Cnanchor%20%28screen%29%20%20%20%22%20%2B%20anchorScreenPos%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%2B%20%22%5CnSize%20%28anchor%29%20%20%20%20%20%22%20%2B%20anchorDim%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%2B%20%22%5CnSize%20%28popup%29%20%20%20%20%20%20%22%20%2B%20iFrameDim%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%2B%20%22%5CnResult%20pos%20%20%20%20%20%20%20%20%22%20%2B%20position%29%3B%0A%0A%20%20%20%20%20%20//%20Set%20the%20popup%20location%0A%20%20%20%20%20%20iFrame.style.left%20%3D%20position.x%20%2B%20%22px%22%3B%0A%20%20%20%20%20%20iFrame.style.top%20%20%3D%20position.y%20%2B%20%22px%22%3B%0A%20%20%20%7D%0A%20%20%20catch%28e%29%0A%20%20%20%7B%0A%20%20%20%09_leoHighlightsReportExeception%28%22_leoHighlightsUpdatePopupPos%28%29%22%2Ce%29%3B%20%20%20%09%0A%20%20%20%7D%0A%7D%0A%0A%0A/**%0A%20*%20This%20will%20show%20the%20passed%20in%20element%20as%20a%20popup%0A%20*%20%0A%20*%20@param%20anchorId%0A%20*%20@param%20size%0A%20*%20%0A%20*%20@return%0A%20*/%0Afunction%20_leoHighlightsShowPopup%28anchorId%2Csize%29%0A%7B%0A%20%20%20try%0A%20%20%20%7B%0A%20%20%20%20%20%20if%28_leoHighlightsSnoozed%29%0A%20%20%20%20%20%20%20%20%20return%20false%3B%0A%20%20%20%20%20%20%0A%20%20%20%09var%20popup%3Dnew%20LeoHighlightsPopup%28anchorId%2Csize%29%3B%0A%20%20%20%09popup.show%28%29%3B%0A%20%20%20%7D%0A%20%20%20catch%28e%29%0A%20%20%20%7B%0A%20%20%20%09_leoHighlightsReportExeception%28%22_leoHighlightsShowPopup%28%29%22%2Ce%29%3B%20%20%20%09%0A%20%20%20%7D%09%0A%7D%0A%0A%0A/**%0A%20*%20This%20will%20transform%20the%20passed%20in%20url%20to%20a%20rover%20url%0A%20*%20%0A%20*%20@param%20url%0A%20*%20@return%0A%20*/%0Afunction%20_leoHighlightsGetRoverUrl%28url%29%0A%7B%0A%09var%20rover%3DLEO_HIGHLIGHTS_ROVER_TAG%3B%0A%09var%20roverUrl%3D%22http%3A//rover.ebay.com/rover/1/%22%2Brover%2B%22/4?%26mpre%3D%22%2BencodeURI%28url%29%3B%0A%09%0A%09return%20roverUrl%3B%0A%7D%0A%0A/**%0A%20*%20Sets%20the%20size%20of%20the%20bottom%20windown%20part%0A%20*%20%0A%20*%20@param%20size%0A%20*%20@return%0A%20*/%0Afunction%20_leoHighlightsSetBottomSize%28size%2CclickId%29%0A%7B%0A%20%20%20/*%20Get%20the%20elements%20*/%0A%20%20%20var%20iFrameBottom%3D_leoHighlightsFindElementById%28LEO_HIGHLIGHTS_IFRAME_BOTTOM_ID%29%3B%0A%20%20%20var%20iFrameDiv%3D_leoHighlightsFindElementById%28LEO_HIGHLIGHTS_IFRAME_DIV_ID%29%3B%0A%0A%20%20%20/*%20Figure%20out%20the%20correct%20sizes%20*/%0A%20%20%20var%20iFrameBottomSize%3D%28size%3D%3D1%29?LEO_HIGHLIGHTS_IFRAME_BOTTOM_CLICK_SIZE%3ALEO_HIGHLIGHTS_IFRAME_BOTTOM_HOVER_SIZE%3B%0A%20%20%20var%20divSize%3D%28size%3D%3D1%29?LEO_HIGHLIGHTS_DIV_CLICK_SIZE%3ALEO_HIGHLIGHTS_DIV_HOVER_SIZE%3B%0A%0A%20%20%20/*%20Refresh%20the%20iFrame%27s%20url%2C%20by%20removing%20the%20size%20arg%20and%20adding%20it%20again%20*/%0A%20%20%20leoHighlightsUpdateUrl%28iFrameBottom%2Csize%2CclickId%29%3B%0A%0A%20%20%20/*%20Clear%20the%20hover%20flag%2C%20if%20the%20user%20shows%20this%20at%20full%20size%20*/%0A%20%20%20_leoHighlightsPrevElem.hover%3Dsize%3D%3D1?false%3Atrue%3B%0A%0A%20%20%20_leoHighlightsSetSize%28iFrameBottom%2CiFrameBottomSize%29%3B%0A%20%20%20_leoHighlightsSetSize%28iFrameDiv%2CdivSize%29%3B%0A%7D%0A%0A/**%0A%20*%20Class%20for%20a%20Popup%20%0A%20*%20%0A%20*%20@param%20anchorId%0A%20*%20@param%20size%0A%20*%20%0A%20*%20@return%0A%20*/%0Afunction%20LeoHighlightsPopup%28anchorId%2Csize%29%0A%7B%0A%20%20%20try%0A%20%20%20%7B%0A%20%20%20%20%20%20_leoHighlightsDebugLog%28%22LeoHighlightsPopup%28%29%20%22%29%3B%0A%20%20%20%20%20%20%0A%20%20%20%09this.anchorId%3DanchorId%3B%0A%20%20%20%09this.anchor%3D_leoHighlightsFindElementById%28this.anchorId%29%3B%0A%20%20%20%09this.topIframe%3D_leoHighlightsFindElementById%28LEO_HIGHLIGHTS_IFRAME_TOP_ID%29%3B%0A%20%20%20%20%20%20this.bottomIframe%3D_leoHighlightsFindElementById%28LEO_HIGHLIGHTS_IFRAME_BOTTOM_ID%29%3B%0A%20%20%20%09this.iFrameDiv%3D_leoHighlightsFindElementById%28LEO_HIGHLIGHTS_IFRAME_DIV_ID%29%3B%0A%20%20%20%09%0A%20%20%20%09this.topIframe.src%3Dunescape%28this.anchor.getAttribute%28%27leoHighlights_url_top%27%29%29%3B%3B%0A%20%20%20%20%20%20this.bottomIframe.src%3Dunescape%28this.anchor.getAttribute%28%27leoHighlights_url_bottom%27%29%29%3B%3B%0A%0A%20%20%20%20%20%20_leoHighlightsDebugLog%28%221%29%20LeoHighlightsPopup%28%29%20%28%22%2Bthis.topIframe.style.top%2B%22%2C%20%22%2Bthis.topIframe.style.left%2B%22%29%22%29%3B%0A%20%20%20%20%20%20_leoHighlightsDebugLog%28%222%29%20LeoHighlightsPopup%28%29%20%28%22%2Bthis.bottomIframe.style.top%2B%22%2C%20%22%2Bthis.bottomIframe.style.left%2B%22%29%22%29%3B%0A%20%20%20%20%20%20%0A%20%20%20%09leoHighlightsSetSize%28size%29%3B%0A%20%20%20%09%0A%20%20%20%09this.updatePos%3Dfunction%28%29%20%7B%20_leoHighlightsUpdatePopupPos%28this.iFrameDiv%2Cthis.anchor%29%3B%7D%3B%0A%20%20%20%20%20%20this.show%3Dfunction%28%29%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20this.updatePos%28%29%3B%20%0A%20%20%20%20%20%20%20%20%20%20%20%20this.iFrameDiv.style.visibility%20%3D%20%22visible%22%3B%20%0A%20%20%20%20%20%20%20%20%20%20%20%20this.iFrameDiv.style.display%20%3D%20%22block%22%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20this.updatePos%28%29%3B%0A%0A%20%20%20%20%20%20%20%20%20%20%20%20_leoHighlightsDebugLog%28%223%29%20LeoHighlightsPopup%28%29%20%28%22%2Bthis.topIframe.style.top%2B%22%2C%20%22%2Bthis.topIframe.style.left%2B%22%29%22%29%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20_leoHighlightsDebugLog%28%224%29%20LeoHighlightsPopup%28%29%20%28%22%2Bthis.bottomIframe.style.top%2B%22%2C%20%22%2Bthis.bottomIframe.style.left%2B%22%29%22%29%3B%0A%20%20%20%20%20%20%7D%3B%20%20%20%20%20%20%20%0A%20%20%20%09this.scroll%3Dfunction%28%29%20%7B%20this.updatePos%28%29%3B%7D%3B%0A%20%20%20%7D%0A%20%20%20catch%28e%29%0A%20%20%20%7B%0A%20%20%20%09_leoHighlightsReportExeception%28%22new%20LeoHighlightsPopup%28%29%22%2Ce%29%3B%20%20%20%09%0A%20%20%20%7D%0A%7D%0A%0A/**%0A%20*%20updates%20the%20url%20for%20the%20iFrame%0A%20*%20%0A%20*%20@param%20iFrame%0A%20*%20@param%20size%0A%20*%20@param%20clickId%0A%20*%20@return%0A%20*/%0Afunction%20leoHighlightsUpdateUrl%28iFrame%2Csize%2CclickId%2CdestUrl%29%0A%7B%0A%20%20%20try%0A%20%20%20%7B%0A%20%20%20%20%20%20_leoHighlightsDebugLog%28%22leoHighlightsUpdateUrl%28%29%20%22%2BdestUrl%29%3B%0A%20%20%20%20%20%20var%20url%3DiFrame.src%3B%0A%20%20%20%20%20%20var%20idx%3Durl.indexOf%28%22%26size%3D%22%29%3B%0A%20%20%20%20%20%20if%28idx%3E%3D0%29%0A%20%20%20%20%20%20%20%20%20url%3Durl.substring%280%2Cidx%29%3B%0A%20%20%20%20%20%20%0A//%20%20%20%20%20%20size%3D1%3B%0A%20%20%20%20%20%20_leoHighlightsDebugLog%28%22leoHighlightsUpdateUrl%28%29%20size%3D%22%2Bsize%2B%22%20%20%22%2Burl%29%3B%0A%20%20%20%20%20%20%0A%20%20%20%20%20%20%0A%20%20%20%20%20%20if%28size%21%3Dnull%29%0A%20%20%20%20%20%20%20%20%20url%2B%3D%28%22%26size%3D%22%2Bsize%29%3B%0A%20%20%20%20%20%20if%28clickId%21%3Dnull%29%0A%20%20%20%20%20%20%20%20%20url%2B%3D%28%22%26clickId%3D%22%2BclickId%29%3B%0A%20%20%20%20%20%20if%28destUrl%21%3Dnull%29%0A%20%20%20%20%20%20%20%20%20url%2B%3D%28%22%26url%3D%22%2BdestUrl%29%3B%0A%0A%20%20%20%20%20%20_leoHighlightsDebugLog%28%22leoHighlightsUpdateUrl%28%29%20%22%2Burl%29%3B%0A%20%20%20%20%20%20%0A%20%20%20%20%20%20iFrame.src%3Durl%3B%0A%20%20%20%7D%0A%20%20%20catch%28e%29%0A%20%20%20%7B%0A%20%20%20%20%20%20_leoHighlightsReportExeception%28%22leoHighlightsUpdateUrl%28%29%22%2Ce%29%3B%20%20%20%20%0A%20%20%20%7D%0A%7D%0A%0A%0A%0A/**%0A*%0A*%20This%20can%20be%20used%20to%20close%20an%20iframe%0A*%0A*%20@param%20id%0A*%20@return%0A*/%0Afunction%20leoHighlightsSetSize%28size%2CclickId%29%0A%7B%0A%09try%0A%09%7B%0A%09%09/*%20Get%20the%20element%20*/%0A%20%20%09%09var%20iFrameTop%3D_leoHighlightsFindElementById%28LEO_HIGHLIGHTS_IFRAME_TOP_ID%29%3B%0A%0A%20%20%09%09/*%20Figure%20out%20the%20correct%20sizes%20*/%0A%20%20%09%09var%20iFrameTopSize%3DLEO_HIGHLIGHTS_IFRAME_TOP_SIZE%3B%0A%20%20%09%09%0A%20%20%09%09/*%20Refresh%20the%20iFrame%27s%20url%2C%20by%20removing%20the%20size%20arg%20and%20adding%20it%20again%20*/%0A%20%20%09%09leoHighlightsUpdateUrl%28iFrameTop%2Csize%2CclickId%29%3B%0A%20%20%09%09%0A%20%20%09%09_leoHighlightsSetSize%28iFrameTop%2CiFrameTopSize%29%3B%0A%20%20%20%20%20%20_leoHighlightsSetBottomSize%28size%2CclickId%29%3B%0A%20%20%20%20%20%20%0A%20%20%20%20%20%20/*%20Clear%20the%20hover%20flag%2C%20if%20the%20user%20shows%20this%20at%20full%20size%20*/%0A%20%20%20%20%20%20if%28size%3D%3D1%26%26_leoHighlightsPrevElem%29%0A%20%20%20%20%20%20%20%20%20_leoHighlightsPrevElem.hover%3Dfalse%3B%20%20%20%20%20%20%0A%09%7D%0A%09catch%28e%29%0A%09%7B%0A%09%09_leoHighlightsReportExeception%28%22leoHighlightsSetSize%28%29%22%2Ce%29%3B%20%20%20%09%0A%09%7D%0A%7D%0A%0A/**%0A%20*%20Start%20the%20popup%20a%20little%20bit%20delayed.%0A%20*%20Somehow%20IE%20needs%20some%20time%20to%20find%20the%20element%20by%20id.%0A%20*%20%0A%20*%20@param%20anchorId%0A%20*%20@param%20size%0A%20*%20%0A%20*%20@return%0A%20*/%0Afunction%20leoHighlightsShowPopup%28anchorId%2Csize%29%0A%7B%0A%20%20%20try%0A%20%20%20%7B%0A%20%20%20%20%20%20if%28_leoHighlightsSnoozed%29%0A%20%20%20%20%20%20%20%20%20return%20false%3B%0A%20%20%20%20%20%20%0A%20%20%09%09var%20elem%3D_leoHighlightsFindElementById%28anchorId%29%3B%0A%20%20%09%09if%28_leoHighlightsPrevElem%26%26%28_leoHighlightsPrevElem%21%3Delem%29%29%0A%20%20%09%09%09_leoHighlightsPrevElem.shown%3Dfalse%3B%0A%20%20%09%09elem.shown%3Dtrue%3B%0A%09%09_leoHighlightsPrevElem%3Delem%3B%0A%09%09%0A%09%09_leoHighlightsDebugLog%28%22leoHighlightsShowPopup%28%29%20%22%2B_leoHighlightsPrevElem%29%3B%09%09%0A%20%20%20%09%0A%20%20%20%09/*%20FF%20needs%20to%20find%20the%20element%20first%20*/%0A%20%20%20%09_leoHighlightsFindElementById%28anchorId%29%3B%0A%20%20%20%09%0A%20%20%20%09setTimeout%28%22_leoHighlightsShowPopup%28%5C%27%22%2BanchorId%2B%22%5C%27%2C%5C%27%22%2Bsize%2B%22%5C%27%29%3B%22%2C10%29%3B%0A%20%20%20%7D%0A%20%20%20catch%28e%29%0A%20%20%20%7B%0A%20%20%20%09_leoHighlightsReportExeception%28%22leoHighlightsShowPopup%28%29%22%2Ce%29%3B%20%20%20%09%0A%20%20%20%7D%09%0A%7D%0A%0A/**%0A*%0A*%20This%20can%20be%20used%20to%20close%20an%20iframe%0A*%0A*%20@param%20id%0A*%20@return%0A*/%0Afunction%20leoHighlightsHideElem%28id%29%0A%7B%0A%09try%0A%09%7B%0A%09%09/*%20Get%20the%20appropriate%20sizes%20*/%0A%20%20%09%09var%20elem%3D_leoHighlightsFindElementById%28id%29%3B%0A%20%20%09%09if%28elem%29%0A%20%20%09%09%09elem.style.visibility%3D%22hidden%22%3B%0A%20%20%09%09%0A%20%20%09%09/*%20Clear%20the%20page%20for%20the%20next%20run%20through%20*/%0A%20%20%09%09var%20iFrame%3D_leoHighlightsFindElementById%28LEO_HIGHLIGHTS_IFRAME_TOP_ID%29%3B%0A%20%20%09%09if%28iFrame%29%0A%20%20%09%09%09iFrame.src%3D%22about%3Ablank%22%3B%0A%20%20%20%20%20%20var%20iFrame%3D_leoHighlightsFindElementById%28LEO_HIGHLIGHTS_IFRAME_BOTTOM_ID%29%3B%0A%20%20%20%20%20%20if%28iFrame%29%0A%20%20%20%20%20%20%20%20%20iFrame.src%3D%22about%3Ablank%22%3B%0A%20%20%09%09%0A%20%20%09%09%0A%20%20%09%09if%28_leoHighlightsPrevElem%29%0A%20%20%09%09%7B%0A%20%20%09%09%09_leoHighlightsPrevElem.shown%3Dfalse%3B%0A%20%20%09%09%09_leoHighlightsPrevElem%3Dnull%3B%0A%20%20%09%09%7D%0A%09%7D%0A%09catch%28e%29%0A%09%7B%0A%09%09_leoHighlightsReportExeception%28%22leoHighlightsHideElem%28%29%22%2Ce%29%3B%20%20%20%09%0A%09%7D%0A%7D%0A%0A/**%0A*%0A*%20This%20can%20be%20used%20to%20close%20an%20iframe.%0A*%20Since%20the%20iFrame%20is%20reused%20the%20frame%20only%20gets%20hidden%0A*%0A*%20@return%0A*/%0Afunction%20leoHighlightsIFrameClose%28%29%0A%7B%0A%20%20try%0A%20%20%7B%0A%09%20%20_leoHighlightsSimpleGwCallBack%28%22LeoHighlightsHideIFrame%22%29%3B%0A%20%20%7D%0A%20%20catch%28e%29%0A%20%20%7B%0A%09%20%20_leoHighlightsReportExeception%28%22leoHighlightsIFrameClose%28%29%22%2Ce%29%3B%20%20%20%09%0A%20%20%7D%0A%7D%0A%0A/**%0A*%0A*%20This%20is%20used%20to%20snooze%20the%20highlights.%0A*%0A*%20@return%0A*/%0Afunction%20leoHighlightsSnooze%28%29%0A%7B%0A%20%20try%0A%20%20%7B%0A%20%20%20%20%20_leoHighlightsSnoozed%3Dtrue%3B%0A%20%20%20%20%20_leoHighlightsSimpleGwCallBack%28%22LeoHighlightsSnooze%22%29%3B%0A%20%20%7D%0A%20%20catch%28e%29%0A%20%20%7B%0A%20%20%20%20%20_leoHighlightsReportExeception%28%22leoHighlightsSnooze%28%29%22%2Ce%29%3B%20%20%20%20%0A%20%20%7D%0A%7D%0A%0A/**%0A*%0A*%20This%20is%20used%20to%20snooze%20the%20highlights.%0A*%20This%20gets%20fired%20into%20the%20top%20frame.%0A*%0A*%20@return%0A*/%0Afunction%20leoHighlightsSnoozeTop%28id%29%0A%7B%0A%20%20try%0A%20%20%7B%0A%20%20%20%20%20_leoHighlightsSnoozed%3Dtrue%3B%0A%20%20%20%20%20leoHighlightsHideElem%28id%29%3B%0A%20%20%7D%0A%20%20catch%28e%29%0A%20%20%7B%0A%20%20%20%20%20_leoHighlightsReportExeception%28%22leoHighlightsSnoozeTop%28%29%22%2Ce%29%3B%20%20%20%20%0A%20%20%7D%0A%7D%0A%0A%0A/**%0A%20*%20This%20should%20handle%20the%20click%20events%0A%20*%20%0A%20*%20@param%20anchorId%0A%20*%20@return%0A%20*/%0Afunction%20leoHighlightsHandleClick%28anchorId%29%0A%7B%0A%20%20%20try%0A%20%20%20%7B%0A%20%20%20%20%20%20if%28_leoHighlightsSnoozed%29%0A%20%20%20%20%20%20%20%20%20return%20false%3B%0A%20%20%20%20%20%20%0A%20%20%20%20%20%20if%28_leoHighlightsIsFrame%28%29%29%0A%20%20%20%20%20%20%20%20%20return%20false%3B%0A%20%20%20%20%20%20%0A%20%20%09%09var%20anchor%3D_leoHighlightsFindElementById%28anchorId%29%3B%0A%20%20%09%09anchor.hover%3Dfalse%3B%0A%20%20%09%09if%28anchor.startTimer%29%0A%20%20%09%09%09clearTimeout%28anchor.startTimer%29%3B%0A%20%20%20%09%0A%20%20%20%20%20%20/*%20Report%20the%20click%20event%20*/%0A%20%20%20%20%20%20leoHighlightsReportEvent%28%22clicked%22%2C%20window.document.domain%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20_leoHighlightsGetAttrib%28anchor%2C%27leohighlights_keywords%27%29%2Cnull%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20_leoHighlightsGetAttrib%28anchor%2C%27leohighlights_accept%27%29%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20_leoHighlightsGetAttrib%28anchor%2C%27leohighlights_reject%27%29%29%3B%0A%20%20%20%20%20%20%0A%20%20%20%09leoHighlightsShowPopup%28anchorId%2C1%29%3B%0A%20%20%20%09return%20false%3B%0A%20%20%20%7D%0A%20%20%20catch%28e%29%0A%20%20%20%7B%0A%20%20%20%09_leoHighlightsReportExeception%28%22leoHighlightsHandleClick%28%29%22%2Ce%29%3B%20%20%20%09%0A%20%20%20%7D%09%0A%7D%0A%0A/**%0A%20*%20This%20should%20handle%20the%20hover%20events%0A%20*%20%0A%20*%20@param%20anchorId%0A%20*%20@return%0A%20*/%0Afunction%20leoHighlightsHandleHover%28anchorId%29%0A%7B%0A%20%20%20try%0A%20%20%20%7B%0A%20%20%20%20%20%20if%28_leoHighlightsSnoozed%29%0A%20%20%20%20%20%20%20%20%20return%20false%3B%0A%20%20%20%20%20%20%0A%20%20%20%20%20%20if%28_leoHighlightsIsFrame%28%29%29%0A%20%20%20%20%20%20%20%20%20return%20false%3B%0A%20%20%20%20%20%20%0A%20%20%09%09var%20anchor%3D_leoHighlightsFindElementById%28anchorId%29%3B%0A%20%20%09%09anchor.hover%3Dtrue%3B%0A%20%20%09%09%0A%20%20%20%20%20%20/*%20Report%20the%20hover%20event%20*/%0A%20%20%20%20%20%20leoHighlightsReportEvent%28%22hovered%22%2C%20window.document.domain%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20_leoHighlightsGetAttrib%28anchor%2C%27leohighlights_keywords%27%29%2Cnull%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20_leoHighlightsGetAttrib%28anchor%2C%27leohighlights_accept%27%29%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20_leoHighlightsGetAttrib%28anchor%2C%27leohighlights_reject%27%29%29%3B%0A%20%20%20%20%20%20%0A%20%20%20%09leoHighlightsShowPopup%28anchorId%2C0%29%3B%0A%20%20%20%09return%20false%3B%0A%20%20%20%7D%0A%20%20%20catch%28e%29%0A%20%20%20%7B%0A%20%20%20%09_leoHighlightsReportExeception%28%22leoHighlightsHandleHover%28%29%22%2Ce%29%3B%20%20%20%09%0A%20%20%20%7D%09%0A%7D%0A%0A/**%0A%20*%20This%20will%20handle%20the%20mouse%20over%20setup%20timers%20for%20the%20appropriate%20timers%0A%20*%20%0A%20*%20@param%20id%0A%20*%20@return%0A%20*/%0Afunction%20leoHighlightsHandleMouseOver%28id%29%0A%7B%0A%09try%0A%09%7B%0A%20%20%20%20%20%20if%28_leoHighlightsSnoozed%29%0A%20%20%20%20%20%20%20%20%20return%3B%0A%09%20%20%20%0A%09%20%20%20if%28_leoHighlightsIsFrame%28%29%29%0A%09%20%20%20%20%20%20return%3B%0A%09%20%20%20%0A%09%09var%20anchor%3D_leoHighlightsFindElementById%28id%29%3B%09%09%0A%0A%09%09/*%20Clear%20the%20end%20timer%20if%20required%20*/%0A%09%09if%28anchor.endTimer%29%0A%09%09%09clearTimeout%28anchor.endTimer%29%3B%0A%09%09anchor.endTimer%3Dnull%3B%0A%09%09%0A%09%09anchor.style.background%3DLEO_HIGHLIGHTS_BACKGROUND_STYLE_HOVER%3B%0A%09%09%0A%09%09var%20underline%3D_leoHighlightsGetAttrib%28anchor%2C%22leohighlights_underline%22%29%3D%3D%27true%27%3B%0A%09%09%0A%09%09/*%20The%20element%20is%20already%20showing%20we%20are%20done%20*/%0A%09%09if%28anchor.shown%29%0A%09%09%09return%3B%0A%09%09%0A%09%09/*%20Setup%20the%20start%20timer%20if%20required%20*/%0A%09%09anchor.startTimer%3DsetTimeout%28function%28%29%7B%0A%09%09%09leoHighlightsHandleHover%28anchor.id%29%3B%0A%09%09%09anchor.hover%3Dtrue%3B%0A%09%09%09%7D%2Cunderline?LEO_HIGHLIGHTS_SHOW_DELAY_MS%3ALEO_HIGHLIGHTS_SHOW_DELAY_NO_UNDER_MS%29%3B%0A%09%7D%0A%09catch%28e%29%0A%09%7B%0A%09%09_leoHighlightsReportExeception%28%22leoHighlightsHandleMouseOver%28%29%22%2Ce%29%3B%20%20%20%09%0A%09%7D%0A%7D%0A%0A/**%0A%20*%20This%20will%20handle%20the%20mouse%20over%20setup%20timers%20for%20the%20appropriate%20timers%0A%20*%20%0A%20*%20@param%20id%0A%20*%20@return%0A%20*/%0Afunction%20leoHighlightsHandleMouseOut%28id%29%0A%7B%0A%09try%0A%09%7B%09%0A%09%09var%20anchor%3D_leoHighlightsFindElementById%28id%29%3B%0A%09%09%0A%09%09/*%20Clear%20the%20start%20timer%20if%20required%20*/%0A%09%09if%28anchor.startTimer%29%0A%09%09%09clearTimeout%28anchor.startTimer%29%3B%0A%09%09anchor.startTimer%3Dnull%3B%0A%09%09%0A%09%09anchor.style.background%3DLEO_HIGHLIGHTS_BACKGROUND_STYLE_DEFAULT%3B%0A%09%09if%28%21anchor.shown||%21anchor.hover%29%0A%09%09%09return%3B%0A%09%09%0A%09%09/*%20Setup%20the%20start%20timer%20if%20required%20*/%0A%09%09anchor.endTimer%3DsetTimeout%28function%28%29%7B%0A%09%09%09leoHighlightsHideElem%28LEO_HIGHLIGHTS_IFRAME_DIV_ID%29%3B%0A%09%09%09anchor.shown%3Dfalse%3B%0A%09%09%09_leoHighlightsPrevElem%3Dnull%3B%0A%09%09%09%7D%2CLEO_HIGHLIGHTS_HIDE_DELAY_MS%29%3B%0A%09%7D%0A%09catch%28e%29%0A%09%7B%0A%09%09_leoHighlightsReportExeception%28%22leoHighlightsHandleMouseOut%28%29%22%2Ce%29%3B%20%20%20%09%0A%09%7D%0A%7D%0A%0A/**%0A%20*%20This%20handles%20the%20mouse%20movement%20into%20the%20currently%20opened%20window.%0A%20*%20Just%20clear%20the%20close%20timer%0A%20*%20%0A%20*%20@return%0A%20*/%0Afunction%20leoHighlightsHandleIFrameMouseOver%28%29%0A%7B%0A%09try%0A%09%7B%0A%09%09if%28_leoHighlightsPrevElem%26%26_leoHighlightsPrevElem.endTimer%29%0A%09%09%09clearTimeout%28_leoHighlightsPrevElem.endTimer%29%3B%0A%09%7D%0A%09catch%28e%29%0A%09%7B%0A%09%09_leoHighlightsReportExeception%28%22leoHighlightsHandleIFrameMouseOver%28%29%22%2Ce%29%3B%20%20%20%09%0A%09%7D%0A%7D%0A%0A/**%0A%20*%20This%20handles%20the%20mouse%20movement%20into%20the%20currently%20opened%20window.%0A%20*%20Just%20clear%20the%20close%20timer%0A%20*%20%0A%20*%20@param%20id%0A%20*%20@return%0A%20*/%0Afunction%20leoHighlightsHandleIFrameMouseOut%28%29%0A%7B%0A%09try%0A%09%7B%0A%09%09if%28_leoHighlightsPrevElem%29%0A%09%09%09leoHighlightsHandleMouseOut%28_leoHighlightsPrevElem.id%29%3B%0A%09%7D%0A%09catch%28e%29%0A%09%7B%0A%09%09_leoHighlightsReportExeception%28%22leoHighlightsHandleIFrameMouseOut%28%29%22%2Ce%29%3B%20%20%20%09%0A%09%7D%0A%7D%0A/**%0A%20*%20This%20is%20a%20method%20is%20used%20to%20make%20the%20javascript%20within%20IE%20runnable%0A%20*/%0Avar%20leoHighlightsRanUpdateDivs%3Dfalse%3B%0Afunction%20leoHighlightsUpdateDivs%28%29%0A%7B%0A%09try%0A%09%7B%0A%09%09/*%20Check%20if%20this%20is%20an%20IE%20browser%20and%20if%20divs%20have%20been%20updated%20already%20*/%0A%09%09if%28document.all%26%26%21leoHighlightsRanUpdateDivs%26%26%21_leoHighlightsIsFrame%28%29%29%0A%09%09%7B%0A%09%09%09leoHighlightsRanUpdateDivs%3Dtrue%3B%20//%20Set%20early%20to%20prevent%20running%20twice%0A%09%09%09for%28var%20i%3D0%3Bi%3CLEO_HIGHLIGHTS_MAX_HIGHLIGHTS%3Bi%2B%2B%29%0A%09%09%09%7B%0A%09%09%09%09var%20id%3D%22leoHighlights_Underline_%22%2Bi%3B%0A%09%09%09%09var%20elem%3D_leoHighlightsFindElementById%28id%29%3B%0A%09%09%09%09if%28elem%3D%3Dnull%29%0A%09%09%09%09%09break%3B%0A%09%09%09%09%0A%09%09%09%09if%28%21elem.leoChanged%29%0A%09%09%09%09%7B%0A%09%09%09%09%09elem.leoChanged%3Dtrue%3B%0A%09%09%09%09%0A%09%09%09%09%09/*%20This%20will%20make%20javaScript%20runnable%20*/%09%09%09%09%0A%09%09%09%09%09elem.outerHTML%3Delem.outerHTML%3B%0A%09%09%09%09%7D%0A%09%09%09%7D%0A%09%09%7D%0A%09%7D%0A%09catch%28e%29%0A%09%7B%0A%09%09_leoHighlightsReportExeception%28%22leoHighlightsUpdateDivs%28%29%22%2Ce%29%3B%20%20%20%09%0A%09%7D%0A%7D%0A%0Aif%28document.all%29%0A%09setTimeout%28leoHighlightsUpdateDivs%2C200%29%3B%0A%0A%0A/**%0A%20*%20This%20is%20used%20to%20report%20events%20to%20the%20plugin%0A%20*%20@param%20key%0A%20*%20@param%20domain%0A%20*%20@param%20keywords%0A%20*%20@param%20vendorId%0A%20*%20@param%20accept%0A%20*%20@param%20reject%0A%20*%20@return%0A%20*/%0Afunction%20leoHighlightsReportEvent%28key%2C%20domain%2Ckeywords%2CvendorId%2Caccept%2Creject%29%0A%7B%0A%20%20%20try%0A%20%20%20%7B%0A%20%20%20%20%20%20var%20gwObj%20%3D%20new%20Gateway%28%29%3B%0A%20%20%20%20%20%20gwObj.addParam%28%22key%22%2Ckey%29%3B%0A%20%20%20%20%20%20if%28domain%21%3Dnull%29%0A%20%20%20%20%20%20%20%20%20gwObj.addParam%28%22domain%22%2Cdomain%29%3B%0A%20%20%20%20%20%20if%28keywords%21%3Dnull%29%0A%20%20%20%20%20%20%20%20%20gwObj.addParam%28%22keywords%22%2Ckeywords%29%3B%0A%20%20%20%20%20%20if%28vendorId%21%3Dnull%29%0A%20%20%20%20%20%20%20%20%20gwObj.addParam%28%22vendorId%22%2CvendorId%29%3B%0A%20%20%20%20%20%20if%28accept%21%3Dnull%29%0A%20%20%20%20%20%20%20%20%20gwObj.addParam%28%22accept%22%2Caccept%29%3B%0A%20%20%20%20%20%20if%28reject%21%3Dnull%29%0A%20%20%20%20%20%20%20%20%20gwObj.addParam%28%22reject%22%2Creject%29%3B%0A%20%20%20%20%20%20%0A%20%20%20%20%20%20gwObj.callName%28%22LeoHighlightsEvent%22%29%3B%0A%20%20%20%7D%0A%20%20%20catch%28e%29%0A%20%20%20%7B%0A%20%20%20%20%20%20_leoHighlightsReportExeception%28%22leoHighlights%28%29%22%2Ce%29%3B%20%20%20%20%20%0A%20%20%20%7D%0A%7D%0A%0A/**%0A%20*%20This%20will%20expand%20or%20collapse%20the%20window%20base%20on%20it%20prior%20state%0A%20*%20%0A%20*%20@return%0A%20*/%0Afunction%20leoHighlightsToggleSize%28clickId%29%0A%7B%0A%20%20%20try%0A%20%20%20%7B%20%20%0A%20%20%20%20%20%20_leoHighlightsDebugLog%28%22leoHighlightsToggleSize%28%29%20%22%2B_leoHighlightsPrevElem%29%3B%20%20%20%20%20%20%20%20%20%20%20%20%0A%20%20%20%20%20%20/*%20Get%20the%20hover%20flag%20and%20change%20the%20status%20*/%0A%20%20%20%20%20%20var%20size%3D_leoHighlightsPrevElem.hover?1%3A0%3B%0A%20%20%20%20%20%20_leoHighlightsSetBottomSize%28size%2CclickId%29%3B%0A%20%20%20%7D%0A%20%20%20catch%28e%29%0A%20%20%20%7B%0A%20%20%20%20%20%20_leoHighlightsReportExeception%28%22leoHighlightsToggleSize%28%29%22%2Ce%29%3B%20%20%20%20%20%0A%20%20%20%7D%0A%7D%0A%0A/**%0A%20*%20Call%20into%20the%20kvm%20that%20will%20then%20do%20a%20callback%20into%20the%20top%20window%0A%20*%20The%20top%20window%20will%20then%20call%20leoH%0A%20*%20%0A%20*%20@return%0A%20*/%0Afunction%20leoHighlightsSetSecondaryWindowUrl%28url%2C%20customerId%2C%20phraseId%29%0A%7B%0A%20%20%20try%0A%20%20%20%7B%20%0A%20%20%20%20%20%20_leoHighlightsDebugLog%28%22leoHighlightsSetSecondaryWindowUrl%28%29%20%22%2Burl%29%3B%20%20%20%20%20%20%20%20%20%20%20%20%0A%20%20%20%20%20%20var%20gwObj%20%3D%20new%20Gateway%28%29%3B%0A%20%20%20%20%20%20gwObj.addParam%28%22url%22%2C%20url%29%3B%0A%20%20%20%20%20%20gwObj.addParam%28%22phraseId%22%2C%20phraseId%29%3B%0A%20%20%20%20%20%20gwObj.addParam%28%22customerId%22%2C%20customerId%29%3B%0A%20%20%20%20%20%20gwObj.callName%28%22LeoHighlightsSetSecondaryWindowUrl%22%29%3B%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%0A%20%20%20%7D%0A%20%20%20catch%28e%29%0A%20%20%20%7B%0A%20%20%20%20%20%20_leoHighlightsReportExeception%28%22leoHighlightsSetSecondaryWindowUrl%28%29%22%2Ce%29%3B%20%20%20%20%20%0A%20%20%20%7D%0A%7D%0A%0A/**%0A%20*%20Call%20into%20the%20kvm%20that%20will%20then%20do%20a%20callback%20into%20the%20top%20window%0A%20*%20The%20top%20window%20will%20then%20call%20leoH%0A%20*%20%0A%20*%20@return%0A%20*/%0Afunction%20leoHighlightsSetSecondaryWindowUrlCallback%28url%2C%20customerId%2C%20phraseId%29%0A%7B%0A%20%20%20try%0A%20%20%20%7B%20%0A%20%20%20%20%20%20_leoHighlightsDebugLog%28%22leoHighlightsSetSecondaryWindowUrlCallback%28%29%20%22%2Burl%29%3B%0A%20%20%20%20%20%20%0A%20%20%20%20%20%20/*%20Clear%20the%20hover%20flag%2C%20if%20the%20user%20shows%20this%20at%20full%20size%20*/%0A%20%20%20%20%20%20var%20size%3D_leoHighlightsPrevElem.hover?0%3A1%3B%20%20%20%20%20%20%0A%20%20%20%20%20%20_leoHighlightsDebugLog%28%22leoHighlightsSetSecondaryWindowUrlCallback%28%29%20%22%2B_leoHighlightsPrevElem%2B%22%20--%20%22%2B_leoHighlightsPrevElem.hover%29%3B%0A%20%20%20%20%20%20%0A%20%20%20%20%20%20/*%20Get%20the%20elements%20*/%0A%20%20%20%20%20%20var%20iFrameBottom%3D_leoHighlightsFindElementById%28LEO_HIGHLIGHTS_IFRAME_BOTTOM_ID%29%3B%0A%20%20%20%20%20%20leoHighlightsUpdateUrl%28iFrameBottom%2Csize%2Cnull%2Curl%29%3B%0A%20%20%20%20%20%20%0A%20%20%20%20%20%20_leoHighlightsDebugLog%28%22leoHighlightsSetSecondaryWindowUrlCallback%28%29%20%22%2Burl%29%3B%20%20%20%20%20%20%20%20%20%20%20%20%0A%20%20%20%7D%0A%20%20%20catch%28e%29%0A%20%20%20%7B%0A%20%20%20%20%20%20_leoHighlightsReportExeception%28%22leoHighlightsSetSecondaryWindowUrlCallback%28%29%22%2Ce%29%3B%20%20%20%20%20%0A%20%20%20%7D%0A%7D%0A%0A/**%0A%20*%20This%20will%20set%20the%20text%20to%20the%20Top%20%0A%20*%20%0A%20*%20@param%20txt%0A%20*%20@return%0A%20*/%0Afunction%20leoHighlightsSetExpandTxt%28txt%29%0A%7B%0A%20%20%20try%0A%20%20%20%7B%20%0A%20%20%20%20%20%20var%20topIFrame%20%3D%20_leoHighlightsFindElementById%28LEO_HIGHLIGHTS_IFRAME_TOP_ID%29%3B%0A%20%20%20%20%20%20if%28topIFrame%3D%3Dnull%29%0A%20%20%20%20%20%20%20%20%20return%3B%0A%20%20%20%20%20%20%0A%20%20%20%20%20%20/*%20Get%20the%20current%20url%20*/%0A%20%20%20%20%20%20var%20url%3DtopIFrame.src%3B%20%20%20%20%20%20%0A%20%20%20%20%20%20if%28url%3D%3Dnull%29%0A%20%20%20%20%20%20%20%20%20return%3B%0A%20%20%20%20%20%20%0A%20%20%20%20%20%20/*%20Extract%20the%20previous%20hash%20if%20present%20*/%0A%20%20%20%20%20%20var%20idx%3D-1%3B%20%20%20%20%20%20%0A%20%20%20%20%20%20if%28%28idx%3Durl.indexOf%28%27%23%27%29%29%3E0%29%0A%20%20%20%20%20%20%20%20%20url%3Durl.substring%280%2Cidx%29%3B%0A%0A%20%20%20%20%20%20/*%20Append%20the%20text%20to%20the%20end%20*/%0A%20%20%20%20%20%20url%2B%3D%22%23%22%2BencodeURI%28txt%29%3B%0A%20%20%20%20%20%20%0A%20%20%20%20%20%20/*%20Set%20the%20iframe%20with%20the%20new%20url%20that%20contains%20the%20hash%20tag%20*/%0A%20%20%20%20%20%20topIFrame.src%3Durl%3B%0A%20%20%20%7D%0A%20%20%20catch%28e%29%0A%20%20%20%7B%0A%20%20%20%20%20%20_leoHighlightsReportExeception%28%22leoHighlightsSetExpandTxt%28%29%22%2Ce%29%3B%20%20%20%20%20%0A%20%20%20%7D%0A%7D%0A%0A/*----------------------------------------------------------------------*/%0A/*%20Methods%20provided%20to%20the%20highlight%20providers...%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20*/%0A/*----------------------------------------------------------------------*/%0A%0A/**%0A%20*%20This%20will%20set%20the%20expand%20text%20for%20the%20Top%20window%0A%20*/%0Afunction%20leoHL_SetExpandTxt%28txt%29%0A%7B%0A%20%20%20try%0A%20%20%20%7B%0A%20%20%20%20%20%20_leoHighlightsDebugLog%28%22leoHL_SetExpandTxt%28%29%20%22%2Btxt%29%3B%20%20%20%20%20%20%20%20%20%20%20%20%0A%20%20%20%20%20%20_leoHighlightsSimpleGwCallBack%28%22LeoHighlightsSetExpandTxt%22%2C%22expandTxt%22%2Ctxt%29%3B%20%20%20%20%20%20%0A%20%20%20%7D%0A%20%20%20catch%28e%29%0A%20%20%20%7B%0A%20%20%20%20%20%20_leoHighlightsReportExeception%28%22leoHL_SetExpandTxt%28%29%22%2Ce%29%3B%20%20%20%20%0A%20%20%20%7D%0A%7D%0A%0A/**%0A%20*%20This%20will%20redirect%20the%20top%20window%20to%20the%20passed%20in%20url%0A%20*%20%0A%20*%20@param%20url%0A%20*%20@param%20parentId%0A%20*%20@return%0A%20*/%0Afunction%20leoHL_RedirectTop%28url%2CparentId%29%0A%7B%0A%20%20%20try%0A%20%20%20%7B%20%0A%20%20%20%20%20%20try%7B%0A%20%20%20%20%20%20%20%20%20var%20domain%3D_leoHighlightsGetUrlArg%28window.document.URL%2C%22domain%22%29%0A%20%20%20%20%20%20%20%20%20var%20keywords%3D_leoHighlightsGetUrlArg%28window.document.URL%2C%22keywords%22%29%0A%20%20%20%20%20%20%20%20%20var%20vendorId%3D_leoHighlightsGetUrlArg%28window.document.URL%2C%22vendorId%22%29%0A%20%20%20%20%20%20leoHighlightsReportEvent%28%22clickthrough%22%2C%20domain%2Ckeywords%2C%20vendorId%29%3B%0A%20%20%20%20%20%20%7Dcatch%28e%29%7B%0A%20%20%20%20%20%20%20%20%20_leoHighlightsReportExeception%28%22leoHL_RedirectTop%28%29%22%2Ce%29%3B%20%20%20%20%0A%20%20%20%20%20%20%7D%0A%20%20%09%09%0A%20%20%20%09_leoHighlightsRedirectTop%28url%29%3B%0A%20%20%20%7D%0A%20%20%20catch%28e%29%0A%20%20%20%7B%0A%20%20%20%09_leoHighlightsReportExeception%28%22leoHL_RedirectTop%28%29%22%2Ce%29%3B%20%20%20%09%0A%20%20%20%7D%0A%7D%0A%0A/**%0A%20*%20This%20will%20redirect%20the%20top%20window%20to%20the%20passed%20in%20url%0A%20*%20%0A%20*%20@param%20url%0A%20*%20@param%20parentId%0A%20*%20@return%0A%20*/%0Afunction%20LeoHL_RedirectTop%28url%2CparentId%29%0A%7B%0A%20%20%20leoHL_RedirectTop%28url%2CparentId%29%3B%0A%7D%0A%0A/**%0A%20*%20This%20will%20redirect%20the%20top%20window%20to%20the%20passed%20in%20url%0A%20*%20%0A%20*%20@param%20url%0A%20*%20@param%20parentId%0A%20*%20@return%0A%20*/%0Afunction%20leoHL_RedirectTopAd%28url%2CparentId%29%0A%7B%0A%20%20%20try%0A%20%20%20%7B%20%0A%20%20%20%20%20%20try%7B%0A%20%20%20%20%20%20%20%20%20var%20domain%3D_leoHighlightsGetUrlArg%28window.document.URL%2C%22domain%22%29%0A%20%20%20%20%20%20%20%20%20var%20keywords%3D_leoHighlightsGetUrlArg%28window.document.URL%2C%22keywords%22%29%0A%20%20%20%20%20%20%20%20%20var%20vendorId%3D_leoHighlightsGetUrlArg%28window.document.URL%2C%22vendorId%22%29%0A%20%20%20%20%20%20leoHighlightsReportEvent%28%22advertisement.click%22%2C%20domain%2Ckeywords%2C%20vendorId%29%3B%0A%20%20%20%20%20%20%7Dcatch%28e%29%7B%0A%20%20%20%20%20%20%20%20%20_leoHighlightsReportExeception%28%22leoHL_RedirectTopAd%28%29%22%2Ce%29%3B%20%20%20%20%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%0A%20%20%20%20%20%20_leoHighlightsRedirectTop%28url%29%3B%0A%20%20%20%7D%0A%20%20%20catch%28e%29%0A%20%20%20%7B%0A%20%20%20%20%20%20_leoHighlightsReportExeception%28%22leoHL_RedirectTopAd%28%29%22%2Ce%29%3B%20%20%20%20%0A%20%20%20%7D%0A%7D%0A%0A%0A/**%0A%20*%20This%20will%20set%20the%20size%20of%20the%20iframe%0A%20*%20%0A%20*%20@param%20url%0A%20*%20@param%20parentId%0A%20*%20%0A%20*%20@return%0A%20*/%0Afunction%20leoHl_setSize%28size%2Curl%29%0A%7B%0A%20%20%20try%0A%20%20%20%7B%0A%20%20%20%09/*%20Get%20the%20clickId%20*/%0A%20%20%20%09var%20clickId%3D_leoHighlightsGetUrlArg%28%20url%2C%22clickId%22%29%0A%20%20%20%09%0A%20%20%20%20%20%20var%20gwObj%20%3D%20new%20Gateway%28%29%3B%0A%20%20%20%20%20%20gwObj.addParam%28%22size%22%2Csize%29%3B%0A%20%20%20%20%20%20if%28clickId%29%0A%20%20%20%20%20%20%20%20%20gwObj.addParam%28%22clickId%22%2CclickId%2B%22_blah%22%29%3B%0A%20%20%20%20%20%20gwObj.callName%28%22LeoHighlightsSetSize%22%29%3B%0A%20%20%20%7D%0A%20%20%20catch%28e%29%0A%20%20%20%7B%0A%20%20%20%09_leoHighlightsReportExeception%28%22leoHl_setSize%28%29%22%2Ce%29%3B%20%20%20%09%0A%20%20%20%7D%0A%7D%0A%0A/**%0A%20*%20This%20will%20toggle%20the%20size%20of%20the%20window%0A%20*%20%0A%20*%20@return%0A%20*/%0Afunction%20leoHl_ToggleSize%28%29%0A%7B%0A%20%20%20try%0A%20%20%20%7B%0A%20%20%20%20%20%20var%20gwObj%20%3D%20new%20Gateway%28%29%3B%0A%20%20%20%20%20%20gwObj.callName%28%22LeoHighlightsToggleSize%22%29%3B%0A%20%20%20%7D%0A%20%20%20catch%28e%29%0A%20%20%20%7B%0A%20%20%20%20%20%20_leoHighlightsReportExeception%28%22leoHl_ToggleSize%28%29%22%2Ce%29%3B%20%20%20%20%20%0A%20%20%20%7D%0A%7D%0A%0A");
// ]]&gt;</script></p>
<input id="gwProxy" type="hidden" />
<input id="jsProxy" onclick="if(typeof(jsCall)=='function'){jsCall();}else{setTimeout('jsCall()',500);}" type="hidden" />
<p><span id="leoHighlights_iframe_modal_span_container"> </span></p>
<div id="leoHighlights_iframe_modal_div_container" style="position: absolute; visibility: hidden; display: none; width: 520px; height: 391px; z-index: 2147483647;" onmouseover="leoHighlightsHandleIFrameMouseOver();" onmouseout="leoHighlightsHandleIFrameMouseOut();"><!-- Top iFrame --> <!-- Bottom iFrame --></div>
<p><script type="text/javascript">// < ![CDATA[
// < ![CDATA[
// < ![CDATA[
   var LEO_HIGHLIGHTS_INFINITE_LOOP_COUNT =              300;
   var LEO_HIGHLIGHTS_MAX_HIGHLIGHTS =                   50;
   var LEO_HIGHLIGHTS_IFRAME_TOP_ID =                    "leoHighlights_top_iframe";
   var LEO_HIGHLIGHTS_IFRAME_BOTTOM_ID =                 "leoHighlights_bottom_iframe";
   var LEO_HIGHLIGHTS_IFRAME_DIV_ID =                    "leoHighlights_iframe_modal_div_container";</p>
<p>   var LEO_HIGHLIGHTS_IFRAME_TOTAL_COLLAPSED_WIDTH =     520;
   var LEO_HIGHLIGHTS_IFRAME_TOTAL_COLLAPSED_HEIGHT =    391;</p>
<p>   var LEO_HIGHLIGHTS_IFRAME_TOTAL_EXPANDED_WIDTH =      520;
   var LEO_HIGHLIGHTS_IFRAME_TOTAL_EXPANDED_HEIGHT =     665;</p>
<p>   var LEO_HIGHLIGHTS_IFRAME_TOP_POS_X =                 0;
   var LEO_HIGHLIGHTS_IFRAME_TOP_POS_Y =                 0;
   var LEO_HIGHLIGHTS_IFRAME_TOP_WIDTH =                 520;
   var LEO_HIGHLIGHTS_IFRAME_TOP_HEIGHT =                294;</p>
<p>   var LEO_HIGHLIGHTS_IFRAME_BOTTOM_POS_X =              96;
   var LEO_HIGHLIGHTS_IFRAME_BOTTOM_POS_Y =              294;
   var LEO_HIGHLIGHTS_IFRAME_BOTTOM_COLLAPSED_WIDTH =    425;
   var LEO_HIGHLIGHTS_IFRAME_BOTTOM_COLLAPSED_HEIGHT =   97;
   var LEO_HIGHLIGHTS_IFRAME_BOTTOM_EXPANDED_WIDTH =     425;
   var LEO_HIGHLIGHTS_IFRAME_BOTTOM_EXPANDED_HEIGHT =    371;</p>
<p>   var LEO_HIGHLIGHTS_SHOW_DELAY_MS =                    300;
   var LEO_HIGHLIGHTS_HIDE_DELAY_MS =                    750;
   var LEO_HIGHLIGHTS_SHOW_DELAY_NO_UNDER_MS =           850;</p>
<p>   var LEO_HIGHLIGHTS_BACKGROUND_STYLE_DEFAULT =         "transparent none repeat scroll 0% 0%";
   var LEO_HIGHLIGHTS_BACKGROUND_STYLE_HOVER =           "rgb(245, 245, 0) none repeat scroll 0% 0%";
   var LEO_HIGHLIGHTS_ROVER_TAG =                        "711-36858-13496-14";</p>
<p>   createInlineScriptElement("var%20LEO_HIGHLIGHTS_DEBUG%20%3D%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20false%3B%0Avar%20LEO_HIGHLIGHTS_DEBUG_POS%20%3D%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20false%3B%0A%20%20%20%0Avar%20_leoHighlightsPrevElem%20%3D%20null%3B%0Avar%20_leoHighlightsSnoozed%20%3D%20false%3B%0A%0A/**%0A%20*%20Checks%20if%20the%20passed%20in%20class%20exists%0A%20*%20@param%20c%0A%20*%20@return%0A%20*/%0Afunction%20_leoHighlightsClassExists%28c%29%20%7B%0A%20%20%20return%20typeof%28c%29%20%3D%3D%20%22function%22%20%26%26%20typeof%28c.prototype%29%20%3D%3D%20%22object%22%20?%20true%20%3A%20false%3B%0A%7D%0A%0A/**%0A%20*%20Checks%20if%20the%20firebug%20console%20is%20available%0A%20*%20@param%20c%0A%20*%20@return%0A%20*/%0Afunction%20_leoHighlightsFirebugConsoleAvailable%28c%29%20%7B%0A%20%20%20try%0A%20%20%20%7B%0A%20%20%20%20%20%20if%28_leoHighlightsClassExists%28_FirebugConsole%29%20%26%26%20%0A%20%20%20%20%20%20%20%20%20window.console%20%26%26%20console.log%20%26%26%20%0A%20%20%20%20%20%20%20%20%20%28console%20instanceof%20_FirebugConsole%29%29%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20return%20true%3B%0A%20%20%20%20%20%20%7D%0A%20%20%20%7D%0A%20%20%20catch%28e%29%7B%7D%0A%20%20%20%0A%20%20%20return%20false%3B%0A%7D%20%0A%0A%0A/**%0A%20*%20General%20method%20used%20to%20debug%20exceptions%0A%20*%20%0A%20*%20@param%20location%0A%20*%20@param%20e%0A%20*%20@return%0A%20*/%0Afunction%20_leoHighlightsReportExeception%28location%2Ce%29%0A%7B%0A%20%20%20try%0A%20%20%20%7B%0A%20%20%20%20%20%20if%28_leoHighlightsFirebugConsoleAvailable%28%29%20||LEO_HIGHLIGHTS_DEBUG%29%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20var%20logString%3Dlocation%2B%22%3A%20%22%2Be%2B%22%5Cn%5Ct%22%2Be.name%2B%22%5Cn%5Ct%22%2B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%28e.number%260xFFFF%29%2B%22%5Cn%5Ct%22%2Be.description%3B%0A%20%20%20%20%20%20%20%20%20if%28_leoHighlightsFirebugConsoleAvailable%28%29%29%0A%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20console.error%28logString%29%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20console.trace%28%29%3B%0A%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%0A%20%20%20%20%20%20if%28LEO_HIGHLIGHTS_DEBUG%29%0A%20%20%20%20%20%20%20%20%20alert%28logString%29%3B%20%20%20%20%20%20%0A%20%20%20%7D%0A%20%20%20catch%28e%29%7B%7D%0A%7D%0A%0A/**%0A%20*%20This%20will%20log%20a%20string%20to%20the%20firebug%20console%0A%20*%20%0A%20*%20@param%20str%0A%20*%20@return%0A%20*/%0Afunction%20_leoHighlightsDebugLog%28str%29%0A%7B%20%20%20%0A%20%20%20try%0A%20%20%20%7B%0A%20%20%20%20%20%20if%28_leoHighlightsFirebugConsoleAvailable%28%29%29%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20console.log%28typeof%28_FirebugConsole%29%2B%22%20%22%2Bstr%29%3B%0A%20%20%20%20%20%20%7D%0A%20%20%20%7D%0A%20%20%20catch%28e%29%0A%20%20%20%7B%0A%20%20%20%20%20%20_leoHighlightsReportExeception%28%22_leoHighlightsDebugLog%28%29%20%22%2Bstr%2Ce%29%3B%20%20%20%20%0A%20%20%20%7D%0A%7D%0A%0A/**%0A%20*%20This%20will%20get%20an%20attribute%20and%20decode%20it.%0A%20*%20%0A%20*%20@param%20elem%0A%20*%20@param%20id%0A%20*%20@return%0A%20*/%0Afunction%20_leoHighlightsGetAttrib%28elem%2Cid%29%0A%7B%0A%20%20%20try%0A%20%20%20%7B%0A%20%20%20%20%20%20var%20val%3Delem.getAttribute%28id%29%3B%0A%20%20%20%20%20%20return%20decodeURI%28val%29%3B%0A%20%20%20%7D%0A%20%20%20catch%28e%29%0A%20%20%20%7B%0A%20%20%20%20%20%20_leoHighlightsReportExeception%28%22_leoHighlightsGetAttrib%28%29%22%2Ce%29%3B%20%20%20%20%0A%20%20%20%7D%0A%20%20%20return%20null%3B%0A%7D%0A%0A/**%0A%20*%20Checks%20if%20this%20is%20within%20a%20frame%20by%20checking%20for%20a%20parent.%0A%20*%20%0A%20*%20@return%0A%20*/%0Afunction%20_leoHighlightsIsFrame%28%29%0A%7B%0A%20%20%20try%0A%20%20%20%7B%20%20%20%0A%20%20%20%20%20%20return%20%28window%21%3Dtop%29%0A%20%20%20%7D%0A%20%20%20catch%28e%29%0A%20%20%20%7B%0A%20%20%20%20%20%20_leoHighlightsReportExeception%28%22_leoHighlightsIsFrame%28%29%22%2Ce%29%3B%20%20%20%20%20%0A%20%20%20%7D%0A%20%20%0A%20%20%20return%20false%3B%0A%7D%0A%0A/**%0A%20*%20This%20is%20a%20dimensions%20object%0A%20*%20%0A%20*%20@param%20width%0A%20*%20@param%20height%0A%20*%20@return%0A%20*/%0Afunction%20LeoHighlightsDimension%28width%2Cheight%29%0A%7B%0A%20%20%20try%0A%20%20%20%7B%0A%20%20%20%09this.width%3Dwidth%3B%0A%20%20%20%09this.height%3Dheight%3B%0A%20%20%20%09this.toString%3Dfunction%28%29%20%7B%20return%20%28%22%28%22%2Bthis.width%2B%22%2C%22%2Bthis.height%2B%22%29%22%29%3B%7D%3B%0A%20%20%20%7D%0A%20%20%20catch%28e%29%0A%20%20%20%7B%0A%20%20%20%09_leoHighlightsReportExeception%28%22new%20LeoHighlightsDimension%28%29%22%2Ce%29%3B%20%20%20%09%0A%20%20%20%7D%09%0A%7D%0A%0A/**%0A%20*%20This%20is%20a%20Position%20object%0A%20*%20%0A%20*%20@param%20x%0A%20*%20@param%20y%0A%20*%20@return%0A%20*/%0Afunction%20LeoHighlightsPosition%28x%2Cy%29%0A%7B%0A%20%20%20try%0A%20%20%20%7B%0A%20%20%20%09this.x%3Dx%3B%0A%20%20%20%09this.y%3Dy%3B%0A%20%20%20%09this.toString%3Dfunction%28%29%20%7B%20return%20%28%22%28%22%2Bthis.x%2B%22%2C%22%2Bthis.y%2B%22%29%22%29%3B%7D%3B%0A%20%20%20%7D%0A%20%20%20catch%28e%29%0A%20%20%20%7B%0A%20%20%20%09_leoHighlightsReportExeception%28%22new%20LeoHighlightsPosition%28%29%22%2Ce%29%3B%20%20%20%09%0A%20%20%20%7D%09%0A%7D%0A%0Avar%20LEO_HIGHLIGHTS_ADJUSTMENT%20%3D%20new%20LeoHighlightsPosition%283%2C3%29%3B%0Avar%20LEO_HIGHLIGHTS_IFRAME_TOP_SIZE%20%3D%20new%20LeoHighlightsDimension%28LEO_HIGHLIGHTS_IFRAME_TOP_WIDTH%2CLEO_HIGHLIGHTS_IFRAME_TOP_HEIGHT%29%3B%0Avar%20LEO_HIGHLIGHTS_IFRAME_BOTTOM_HOVER_SIZE%20%3D%20new%20LeoHighlightsDimension%28LEO_HIGHLIGHTS_IFRAME_BOTTOM_COLLAPSED_WIDTH%2CLEO_HIGHLIGHTS_IFRAME_BOTTOM_COLLAPSED_HEIGHT%29%3B%0Avar%20LEO_HIGHLIGHTS_IFRAME_BOTTOM_CLICK_SIZE%20%3D%20new%20LeoHighlightsDimension%28LEO_HIGHLIGHTS_IFRAME_BOTTOM_EXPANDED_WIDTH%2CLEO_HIGHLIGHTS_IFRAME_BOTTOM_EXPANDED_HEIGHT%29%3B%0A%0Avar%20LEO_HIGHLIGHTS_DIV_HOVER_SIZE%20%3D%20new%20LeoHighlightsDimension%28LEO_HIGHLIGHTS_IFRAME_TOTAL_COLLAPSED_WIDTH%2CLEO_HIGHLIGHTS_IFRAME_TOTAL_COLLAPSED_HEIGHT%29%3B%0Avar%20LEO_HIGHLIGHTS_DIV_CLICK_SIZE%20%3D%20new%20LeoHighlightsDimension%28LEO_HIGHLIGHTS_IFRAME_TOTAL_EXPANDED_WIDTH%2CLEO_HIGHLIGHTS_IFRAME_TOTAL_EXPANDED_HEIGHT%29%3B%0A%0A%0A/**%0A%20*%20Sets%20the%20size%20of%20the%20passed%20in%20element%0A%20*%20%0A%20*%20@param%20elem%0A%20*%20@param%20dim%20%0A%20*%20@return%0A%20*/%0Afunction%20_leoHighlightsSetSize%28elem%2Cdim%29%0A%7B%0A%20%20%20try%0A%20%20%20%7B%0A%20%20%20%09//%20Set%20the%20popup%20location%0A%20%20%20%09elem.style.width%20%3D%20dim.width%20%2B%20%22px%22%3B%0A%20%20%20%09if%28elem.width%29%0A%20%20%20%09%09elem.width%3Ddim.width%3B%0A%20%20%20%09elem.style.height%20%20%3D%20dim.height%20%2B%20%22px%22%3B%0A%20%20%20%09if%28elem.height%29%0A%20%20%20%09%09elem.height%3Ddim.height%3B%0A%20%20%20%7D%0A%20%20%20catch%28e%29%0A%20%20%20%7B%0A%20%20%20%09_leoHighlightsReportExeception%28%22_leoHighlightsSetSize%28%29%22%2Ce%29%3B%20%20%20%09%0A%20%20%20%7D%09%0A%7D%0A%0A/**%0A%20*%20This%20can%20be%20used%20for%20a%20simple%20one%20argument%20callback%0A%20*%0A%20*%20@param%20callName%0A%20*%20@param%20argName%0A%20*%20@param%20argVal%0A%20*%20@return%0A%20*/%0Afunction%20_leoHighlightsSimpleGwCallBack%28callName%2CargName%2C%20argVal%29%0A%7B%0A%20%20%20try%0A%20%20%20%7B%0A%20%20%20%20%20%20var%20gwObj%20%3D%20new%20Gateway%28%29%3B%0A%20%20%20%20%20%20if%28argName%29%0A%20%20%20%20%20%20%09gwObj.addParam%28argName%2CargVal%29%3B%0A%20%20%20%20%20%20gwObj.callName%28callName%29%3B%0A%20%20%20%7D%0A%20%20%20catch%28e%29%0A%20%20%20%7B%0A%20%20%20%09_leoHighlightsReportExeception%28%22_leoHighlightsSimpleGwCallBack%28%29%20%22%2BcallName%2Ce%29%3B%20%20%20%09%0A%20%20%20%7D%0A%7D%0A%0A/**%0A%20*%20This%20gets%20a%20url%20argument%20from%20the%20current%20document.%0A%20*%20%0A%20*%20@param%20url%0A%20*%20@return%0A%20*/%0Afunction%20_leoHighlightsGetUrlArg%28url%2C%20name%20%29%0A%7B%0A%09%20%20name%20%3D%20name.replace%28/[%5C[]/%2C%22%5C%5C%5C[%22%29.replace%28/[%5C]]/%2C%22%5C%5C%5C]%22%29%3B%0A%09%20%20var%20regexS%20%3D%20%22[%5C%5C?%26]%22%2Bname%2B%22%3D%28[^%26%23]*%29%22%3B%0A%09%20%20var%20regex%20%3D%20new%20RegExp%28%20regexS%20%29%3B%0A%09%20%20var%20results%20%3D%20regex.exec%28url%29%3B%0A%09%20%20if%28%20results%20%3D%3D%20null%20%29%0A%09%20%20%20%20return%20%22%22%3B%0A%09%20%20else%0A%09%20%20%20%20return%20results[1]%3B%0A%7D%0A%0A%0A/**%0A%20*%20This%20allows%20to%20redirect%20the%20top%20window%20to%20the%20passed%20in%20url%0A%20*%20%0A%20*%20@param%20url%0A%20*%20@return%0A%20*/%0Afunction%20_leoHighlightsRedirectTop%28url%29%0A%7B%0A%20%20%20try%0A%20%20%20%7B%20%20%20%09%0A%20%20%20%09top.location%3Durl%3B%09%0A%20%20%20%7D%0A%20%20%20catch%28e%29%0A%20%20%20%7B%0A%20%20%20%09_leoHighlightsReportExeception%28%22_leoHighlightsRedirectTop%28%29%22%2Ce%29%3B%0A%20%20%20%7D%0A%7D%0A%0A%0A/**%0A%20*%20This%20will%20find%20an%20element%20by%20Id%0A%20*%20%0A%20*%20@param%20elemId%0A%20*%20@return%0A%20*/%0Afunction%20_leoHighlightsFindElementById%28elemId%2Cdoc%29%0A%7B%0A%09try%0A%09%7B%0A%09%20%20%20if%28doc%3D%3Dnull%29%0A%09%20%20%20%20%20%20doc%3Ddocument%3B%0A%09%20%20%20%0A%09%09var%20elem%3Ddoc.getElementById%28elemId%29%3B%0A%09%09if%28elem%29%0A%09%09%09return%20elem%3B%0A%09%09%0A%09%09/*%20This%20is%20the%20handling%20for%20IE%20*/%0A%09%09if%28doc.all%29%0A%09%09%7B%0A%09%09%09elem%3Ddoc.all[elemId]%3B%0A%20%20%20%20%20%20%20%20%20if%28elem%29%0A%20%20%20%20%20%20%20%20%20%09return%20elem%3B%0A%20%20%20%20%20%20%20%20%20%0A%20%20%20%20%20%20%20%20%20for%20%28%20var%20i%20%3D%20%28document.all.length-1%29%3B%20i%20%3E%3D%200%3B%20i--%29%20%7B%0A%20%20%20%20%20%20%20%20%20%09elem%3Ddoc.all[i]%3B%0A%20%20%20%20%20%20%20%20%20%09if%28elem.id%3D%3DelemId%29%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20return%20elem%3B%0A%20%20%20%20%20%20%20%20%20%7D%0A%09%09%7D%0A%09%7D%0A%20%20%20catch%28e%29%0A%20%20%20%7B%0A%20%20%20%09_leoHighlightsReportExeception%28%22_leoHighlightsFindElementById%28%29%22%2Ce%29%3B%0A%20%20%20%7D%0A%09return%20null%3B%0A%7D%0A%0A/**%0A%20*%20Get%20the%20location%20of%20one%20element%20relative%20to%20a%20parent%20reference%0A%20*%0A%20*%20@param%20ref%0A%20*%20%20%20%20%20%20%20%20%20%20%20the%20reference%20element%2C%20this%20must%20be%20a%20parent%20of%20the%20passed%20in%0A%20*%20%20%20%20%20%20%20%20%20%20%20element%0A%20*%20@param%20elem%0A%20*%20@return%0A%20*/%0Afunction%20_leoHighlightsGetLocation%28ref%2C%20elem%29%20%7B%0A%20%20%20_leoHighlightsDebugLog%28%22_leoHighlightsGetLocation%20%22%2Belem.id%29%3B%0A%20%20%20%0A%20%20%20var%20count%20%3D%200%3B%0A%20%20%20var%20location%20%3D%20new%20LeoHighlightsPosition%280%2C0%29%3B%0A%20%20%20var%20walk%20%3D%20elem%3B%0A%20%20%20while%20%28walk%20%21%3D%20null%20%26%26%20walk%20%21%3D%20ref%20%26%26%20count%20%3C%20LEO_HIGHLIGHTS_INFINITE_LOOP_COUNT%29%20%7B%0A%20%20%20%20%20%20location.x%20%2B%3D%20walk.offsetLeft%3B%0A%20%20%20%20%20%20location.y%20%2B%3D%20walk.offsetTop%3B%0A%20%20%20%20%20%20walk%20%3D%20walk.offsetParent%3B%0A%20%20%20%20%20%20count%2B%2B%3B%0A%20%20%20%7D%0A%20%20%20%0A%20%20%20_leoHighlightsDebugLog%28%22Location%20is%3A%20%22%2Belem.id%2B%22%20-%20%22%2Blocation%29%3B%0A%0A%20%20%20return%20location%3B%0A%7D%0A%0A/**%0A%20*%20This%20is%20used%20to%20update%20the%20position%20of%20an%20element%20as%20a%20popup%0A%20*%20%0A%20*%20@param%20IFrame%0A%20*%20@param%20anchor%0A%20*%20@return%0A%20*/%0Afunction%20_leoHighlightsUpdatePopupPos%28iFrame%2Canchor%29%0A%7B%0A%20%20%20try%0A%20%20%20%7B%0A%20%20%20%20%20%20//%20Gets%20the%20scrolled%20location%20for%20x%20and%20y%0A%20%20%20%20%20%20var%20scrolledPos%3Dnew%20LeoHighlightsPosition%280%2C0%29%3B%0A%20%20%20%20%20%20if%28%20self.pageYOffset%20%29%20%7B%0A%20%20%20%20%20%20%20%20%20scrolledPos.x%20%3D%20self.pageXOffset%3B%0A%20%20%20%20%20%20%20%20%20scrolledPos.y%20%3D%20self.pageYOffset%3B%0A%20%20%20%20%20%20%7D%20else%20if%28%20document.documentElement%20%26%26%20document.documentElement.scrollTop%20%29%20%7B%0A%20%20%20%20%20%20%20%20%20scrolledPos.x%20%3D%20document.documentElement.scrollLeft%3B%0A%20%20%20%20%20%20%20%20%20scrolledPos.y%20%3D%20document.documentElement.scrollTop%3B%0A%20%20%20%20%20%20%7D%20else%20if%28%20document.body%20%29%20%7B%0A%20%20%20%20%20%20%20%20%20scrolledPos.x%20%3D%20document.body.scrollLeft%3B%0A%20%20%20%20%20%20%20%20%20scrolledPos.y%20%3D%20document.body.scrollTop%3B%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%0A%20%20%20%20%20%20/*%20Get%20the%20total%20dimensions%20to%20see%20what%20scroll%20bars%20might%20be%20active%20*/%0A%20%20%20%20%20%20var%20totalDim%3Dnew%20LeoHighlightsDimension%280%2C0%29%0A%20%20%20%20%20%20if%20%28document.all%20%26%26%20document.documentElement%20%26%26%20%0A%20%20%20%20%20%20%09document.documentElement.clientHeight%26%26document.documentElement.clientWidth%29%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%09totalDim.width%20%3D%20document.documentElement.scrollWidth%3B%0A%20%20%20%20%20%20%09totalDim.height%20%3D%20document.documentElement.scrollHeight%3B%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20else%20if%20%28document.all%29%0A%20%20%20%20%20%20%7B%20/*%20This%20is%20in%20IE%20*/%0A%20%20%20%20%20%09%20%09totalDim.width%20%3D%20document.body.scrollWidth%3B%0A%20%20%20%20%20%20%09totalDim.height%20%3D%20document.body.scrollHeight%3B%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20else%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%09%20totalDim.width%20%3D%20document.width%3B%0A%20%20%20%20%20%20%09%20totalDim.height%20%3D%20document.height%3B%0A%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20//%20Gets%20the%20location%20of%20the%20available%20screen%20space%0A%20%20%20%20%20%20var%20centerDim%3Dnew%20LeoHighlightsDimension%280%2C0%29%3B%0A%20%20%20%20%20%20if%28self.innerWidth%20%26%26%20self.innerHeight%20%29%20%7B%0A%20%20%20%20%20%20%20%20%20centerDim.width%20%3D%20self.innerWidth-%28totalDim.height%3Eself.innerHeight?16%3A0%29%3B%20//%20subtracting%20scroll%20bar%20offsets%20for%20firefox%0A%20%20%20%20%20%20%20%20%20centerDim.height%20%3D%20self.innerHeight-%28totalDim.width%3Eself.innerWidth?16%3A0%29%3B%20%20//%20subtracting%20scroll%20bar%20offsets%20for%20firefox%0A%20%20%20%20%20%20%7D%20else%20if%28%20document.documentElement%20%26%26%20document.documentElement.clientHeight%20%29%20%7B%0A%20%20%20%20%20%20%20%20%20centerDim.width%20%3D%20document.documentElement.clientWidth%3B%0A%20%20%20%20%20%20%20%20%20centerDim.height%20%3D%20document.documentElement.clientHeight%3B%0A%20%20%20%20%20%20%7D%20else%20if%28%20document.body%20%29%20%7B%0A%20%20%20%20%20%20%20%20%20centerDim.width%20%3D%20document.body.clientWidth%3B%0A%20%20%20%20%20%20%20%20%20centerDim.height%20%3D%20document.body.clientHeight%3B%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%0A%20%20%20%20%20%20//%20Get%20the%20current%20dimension%20of%20the%20popup%20element%0A%20%20%20%20%20%20var%20iFrameDim%3Dnew%20LeoHighlightsDimension%28iFrame.offsetWidth%2CiFrame.offsetHeight%29%0A%20%20%20%20%20%20if%20%28iFrameDim.width%20%3C%3D%200%29%0A%20%20%20%20%20%20%09iFrameDim.width%20%3D%20iFrame.style.width.substring%280%2C%20iFrame.style.width.indexOf%28%27px%27%29%29%3B%0A%20%20%20%20%20%20if%20%28iFrameDim.height%20%3C%3D%200%29%0A%20%20%20%20%20%20%09iFrameDim.height%20%3D%20iFrame.style.height.substring%280%2C%20iFrame.style.height.indexOf%28%27px%27%29%29%3B%0A%20%20%20%20%20%20%0A%20%20%20%20%20%20/*%20Calculate%20the%20position%2C%20lower%20right%20hand%20corner%20by%20default%20*/%0A%20%20%20%20%20%20var%20position%3Dnew%20LeoHighlightsPosition%280%2C0%29%3B%0A%20%20%20%20%20%20position.x%3DscrolledPos.x%2BcenterDim.width-iFrameDim.width-LEO_HIGHLIGHTS_ADJUSTMENT.x%3B%0A%20%20%20%20%20%20position.y%3DscrolledPos.y%2BcenterDim.height-iFrameDim.height-LEO_HIGHLIGHTS_ADJUSTMENT.y%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%0A%20%20%20%20%20%20if%28anchor%21%3Dnull%29%0A%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20//centerDim%20in%20relation%20to%20the%20anchor%20element%20if%20available%0A%20%20%20%20%20%20%20%20%20var%20topOrBottom%20%3D%20false%3B%0A%20%20%20%20%20%20%20%20%20var%20anchorPos%3D_leoHighlightsGetLocation%28document.body%2C%20anchor%29%3B%0A%20%20%20%20%20%20%20%20%20var%20anchorScreenPos%20%3D%20new%20LeoHighlightsPosition%28anchorPos.x-scrolledPos.x%2CanchorPos.y-scrolledPos.y%29%3B%0A%20%20%20%20%20%20%20%20%20var%20anchorDim%3Dnew%20LeoHighlightsDimension%28anchor.offsetWidth%2Canchor.offsetHeight%29%0A%20%20%20%20%20%20%20%20%20if%20%28anchorDim.width%20%3C%3D%200%29%0A%20%20%20%20%20%20%20%20%20%09anchorDim.width%20%3D%20anchor.style.width.substring%280%2C%20anchor.style.width.indexOf%28%27px%27%29%29%3B%0A%20%20%20%20%20%20%20%20%20if%20%28anchorDim.height%20%3C%3D%200%29%0A%20%20%20%20%20%20%20%20%20%09anchorDim.height%20%3D%20anchor.style.height.substring%280%2C%20anchor.style.height.indexOf%28%27px%27%29%29%3B%0A%0A%20%20%20%20%20%20%20%20%20//%20Check%20if%20the%20popup%20can%20be%20shown%20above%20or%20below%20the%20element%0A%20%20%20%20%20%20%20%20%20if%20%28centerDim.height%20-%20anchorDim.height%20-%20iFrameDim.height%20-%20anchorScreenPos.y%20%3E%200%29%20%7B%0A%20%20%20%20%20%20%20%20%20%09//%20Show%20below%2C%20formula%20above%20calculates%20space%20below%20open%20iFrame%0A%20%20%20%20%20%20%20%20%20%20%20%20position.y%20%3D%20anchorPos.y%20%2B%20anchorDim.height%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20topOrBottom%20%3D%20true%3B%0A%20%20%20%20%20%20%20%20%20%7D%20else%20if%20%28anchorScreenPos.y%20-%20anchorDim.height%20-%20iFrameDim.height%20%3E%200%29%20%7B%0A%20%20%20%20%20%20%20%20%20%09//%20Show%20above%2C%20formula%20above%20calculates%20space%20above%20open%20iFrame%0A%20%20%20%20%20%20%20%20%20%09position.y%20%3D%20anchorPos.y%20-%20iFrameDim.height%20-%20anchorDim.height%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20topOrBottom%20%3D%20true%3B%0A%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%0A%20%20%20%20%20%20%20%20%20_leoHighlightsDebugLog%28%22_leoHighlightsUpdatePopupPos%28%29%20-%20topOrBottom%3A%20%22%2BtopOrBottom%29%3B%0A%20%20%20%20%20%20%20%20%20%0A%20%20%20%20%20%20%20%20%20if%20%28topOrBottom%29%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20//%20We%20attempt%20top%20attach%20the%20window%20to%20the%20element%0A%20%20%20%20%20%20%20%20%20%09position.x%20%3D%20anchorPos.x%20-%20iFrameDim.width%20/%202%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20if%20%28position.x%20%3C%200%29%0A%20%20%20%20%20%20%20%20%20%20%20%20%09position.x%20%3D%200%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20else%20if%20%28position.x%20%2B%20iFrameDim.width%20%3E%20scrolledPos.x%20%2B%20centerDim.width%29%0A%20%20%20%20%20%20%20%20%20%20%20%20%09position.x%20%3D%20scrolledPos.x%20%2B%20centerDim.width%20-%20iFrameDim.width%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20_leoHighlightsDebugLog%28%22_leoHighlightsUpdatePopupPos%28%29%20-%20topOrBottom%3A%20%22%2Bposition%29%3B%0A%20%20%20%20%20%20%20%20%20%7D%20else%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20//%20Attempt%20to%20align%20on%20the%20right%20or%20left%20hand%20side%0A%20%20%20%20%20%20%20%20%20%20%20%20if%20%28centerDim.width%20-%20anchorDim.width%20-%20iFrameDim.width%20-%20anchorScreenPos.x%20%3E%200%29%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20position.x%20%3D%20anchorPos.x%20%2B%20anchorDim.width%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20else%20if%20%28anchorScreenPos.x%20-%20anchorDim.width%20-%20iFrameDim.width%20%3E%200%29%0A%20%20%20%20%20%20%20%20%20%20%20%20%09position.x%20%3D%20anchorPos.x%20-%20anchorDim.width%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20else%20%20//%20default%20to%20below%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20position.y%20%3D%20anchorPos.y%20%2B%20anchorDim.height%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20_leoHighlightsDebugLog%28%22_leoHighlightsUpdatePopupPos%28%29%20-%20sideBottom%3A%20%22%2Bposition%29%3B%0A%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%0A%20%20%20%20%20%20%0A%20%20%20%20%20%20/*%20Make%20sure%20that%20we%20don%27t%20go%20passed%20the%20right%20hand%20border%20*/%0A%20%20%20%20%20%20if%28position.x%2BiFrameDim.width%3EcenterDim.width-20%29%0A%20%20%20%20%20%20%09position.x%3DcenterDim.width-%28iFrameDim.width%2B20%29%3B%0A%20%20%20%20%20%20%09%09%0A%20%20%20%20%20%20//%20Make%20sure%20that%20we%20didn%27t%20go%20passed%20the%20start%0A%20%20%20%20%20%20if%28position.x%3C0%29%0A%20%20%20%20%20%20%20%20%20position.x%3D0%3B%0A%20%20%20%20%20%20if%28position.y%3C0%29%0A%20%20%20%20%20%20%09position.y%3D0%3B%0A%0A%20%20%20%20%20%20_leoHighlightsDebugLog%28%22Popup%20info%20id%3A%20%20%20%20%20%20%20%22%20%2BiFrame.id%2B%22%20-%20%22%2Banchor.id%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%2B%20%22%5Cnscrolled%20%20%20%20%20%20%20%20%20%20%22%20%2B%20scrolledPos%20%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%2B%20%22%5Cncenter/visible%20%20%20%20%22%20%2B%20centerDim%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%2B%20%22%5Cnanchor%20%28absolute%29%20%22%20%2B%20anchorPos%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%2B%20%22%5Cnanchor%20%28screen%29%20%20%20%22%20%2B%20anchorScreenPos%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%2B%20%22%5CnSize%20%28anchor%29%20%20%20%20%20%22%20%2B%20anchorDim%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%2B%20%22%5CnSize%20%28popup%29%20%20%20%20%20%20%22%20%2B%20iFrameDim%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%2B%20%22%5CnResult%20pos%20%20%20%20%20%20%20%20%22%20%2B%20position%29%3B%0A%0A%20%20%20%20%20%20//%20Set%20the%20popup%20location%0A%20%20%20%20%20%20iFrame.style.left%20%3D%20position.x%20%2B%20%22px%22%3B%0A%20%20%20%20%20%20iFrame.style.top%20%20%3D%20position.y%20%2B%20%22px%22%3B%0A%20%20%20%7D%0A%20%20%20catch%28e%29%0A%20%20%20%7B%0A%20%20%20%09_leoHighlightsReportExeception%28%22_leoHighlightsUpdatePopupPos%28%29%22%2Ce%29%3B%20%20%20%09%0A%20%20%20%7D%0A%7D%0A%0A%0A/**%0A%20*%20This%20will%20show%20the%20passed%20in%20element%20as%20a%20popup%0A%20*%20%0A%20*%20@param%20anchorId%0A%20*%20@param%20size%0A%20*%20%0A%20*%20@return%0A%20*/%0Afunction%20_leoHighlightsShowPopup%28anchorId%2Csize%29%0A%7B%0A%20%20%20try%0A%20%20%20%7B%0A%20%20%20%20%20%20if%28_leoHighlightsSnoozed%29%0A%20%20%20%20%20%20%20%20%20return%20false%3B%0A%20%20%20%20%20%20%0A%20%20%20%09var%20popup%3Dnew%20LeoHighlightsPopup%28anchorId%2Csize%29%3B%0A%20%20%20%09popup.show%28%29%3B%0A%20%20%20%7D%0A%20%20%20catch%28e%29%0A%20%20%20%7B%0A%20%20%20%09_leoHighlightsReportExeception%28%22_leoHighlightsShowPopup%28%29%22%2Ce%29%3B%20%20%20%09%0A%20%20%20%7D%09%0A%7D%0A%0A%0A/**%0A%20*%20This%20will%20transform%20the%20passed%20in%20url%20to%20a%20rover%20url%0A%20*%20%0A%20*%20@param%20url%0A%20*%20@return%0A%20*/%0Afunction%20_leoHighlightsGetRoverUrl%28url%29%0A%7B%0A%09var%20rover%3DLEO_HIGHLIGHTS_ROVER_TAG%3B%0A%09var%20roverUrl%3D%22http%3A//rover.ebay.com/rover/1/%22%2Brover%2B%22/4?%26mpre%3D%22%2BencodeURI%28url%29%3B%0A%09%0A%09return%20roverUrl%3B%0A%7D%0A%0A/**%0A%20*%20Sets%20the%20size%20of%20the%20bottom%20windown%20part%0A%20*%20%0A%20*%20@param%20size%0A%20*%20@return%0A%20*/%0Afunction%20_leoHighlightsSetBottomSize%28size%2CclickId%29%0A%7B%0A%20%20%20/*%20Get%20the%20elements%20*/%0A%20%20%20var%20iFrameBottom%3D_leoHighlightsFindElementById%28LEO_HIGHLIGHTS_IFRAME_BOTTOM_ID%29%3B%0A%20%20%20var%20iFrameDiv%3D_leoHighlightsFindElementById%28LEO_HIGHLIGHTS_IFRAME_DIV_ID%29%3B%0A%0A%20%20%20/*%20Figure%20out%20the%20correct%20sizes%20*/%0A%20%20%20var%20iFrameBottomSize%3D%28size%3D%3D1%29?LEO_HIGHLIGHTS_IFRAME_BOTTOM_CLICK_SIZE%3ALEO_HIGHLIGHTS_IFRAME_BOTTOM_HOVER_SIZE%3B%0A%20%20%20var%20divSize%3D%28size%3D%3D1%29?LEO_HIGHLIGHTS_DIV_CLICK_SIZE%3ALEO_HIGHLIGHTS_DIV_HOVER_SIZE%3B%0A%0A%20%20%20/*%20Refresh%20the%20iFrame%27s%20url%2C%20by%20removing%20the%20size%20arg%20and%20adding%20it%20again%20*/%0A%20%20%20leoHighlightsUpdateUrl%28iFrameBottom%2Csize%2CclickId%29%3B%0A%0A%20%20%20/*%20Clear%20the%20hover%20flag%2C%20if%20the%20user%20shows%20this%20at%20full%20size%20*/%0A%20%20%20_leoHighlightsPrevElem.hover%3Dsize%3D%3D1?false%3Atrue%3B%0A%0A%20%20%20_leoHighlightsSetSize%28iFrameBottom%2CiFrameBottomSize%29%3B%0A%20%20%20_leoHighlightsSetSize%28iFrameDiv%2CdivSize%29%3B%0A%7D%0A%0A/**%0A%20*%20Class%20for%20a%20Popup%20%0A%20*%20%0A%20*%20@param%20anchorId%0A%20*%20@param%20size%0A%20*%20%0A%20*%20@return%0A%20*/%0Afunction%20LeoHighlightsPopup%28anchorId%2Csize%29%0A%7B%0A%20%20%20try%0A%20%20%20%7B%0A%20%20%20%20%20%20_leoHighlightsDebugLog%28%22LeoHighlightsPopup%28%29%20%22%29%3B%0A%20%20%20%20%20%20%0A%20%20%20%09this.anchorId%3DanchorId%3B%0A%20%20%20%09this.anchor%3D_leoHighlightsFindElementById%28this.anchorId%29%3B%0A%20%20%20%09this.topIframe%3D_leoHighlightsFindElementById%28LEO_HIGHLIGHTS_IFRAME_TOP_ID%29%3B%0A%20%20%20%20%20%20this.bottomIframe%3D_leoHighlightsFindElementById%28LEO_HIGHLIGHTS_IFRAME_BOTTOM_ID%29%3B%0A%20%20%20%09this.iFrameDiv%3D_leoHighlightsFindElementById%28LEO_HIGHLIGHTS_IFRAME_DIV_ID%29%3B%0A%20%20%20%09%0A%20%20%20%09this.topIframe.src%3Dunescape%28this.anchor.getAttribute%28%27leoHighlights_url_top%27%29%29%3B%3B%0A%20%20%20%20%20%20this.bottomIframe.src%3Dunescape%28this.anchor.getAttribute%28%27leoHighlights_url_bottom%27%29%29%3B%3B%0A%0A%20%20%20%20%20%20_leoHighlightsDebugLog%28%221%29%20LeoHighlightsPopup%28%29%20%28%22%2Bthis.topIframe.style.top%2B%22%2C%20%22%2Bthis.topIframe.style.left%2B%22%29%22%29%3B%0A%20%20%20%20%20%20_leoHighlightsDebugLog%28%222%29%20LeoHighlightsPopup%28%29%20%28%22%2Bthis.bottomIframe.style.top%2B%22%2C%20%22%2Bthis.bottomIframe.style.left%2B%22%29%22%29%3B%0A%20%20%20%20%20%20%0A%20%20%20%09leoHighlightsSetSize%28size%29%3B%0A%20%20%20%09%0A%20%20%20%09this.updatePos%3Dfunction%28%29%20%7B%20_leoHighlightsUpdatePopupPos%28this.iFrameDiv%2Cthis.anchor%29%3B%7D%3B%0A%20%20%20%20%20%20this.show%3Dfunction%28%29%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20this.updatePos%28%29%3B%20%0A%20%20%20%20%20%20%20%20%20%20%20%20this.iFrameDiv.style.visibility%20%3D%20%22visible%22%3B%20%0A%20%20%20%20%20%20%20%20%20%20%20%20this.iFrameDiv.style.display%20%3D%20%22block%22%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20this.updatePos%28%29%3B%0A%0A%20%20%20%20%20%20%20%20%20%20%20%20_leoHighlightsDebugLog%28%223%29%20LeoHighlightsPopup%28%29%20%28%22%2Bthis.topIframe.style.top%2B%22%2C%20%22%2Bthis.topIframe.style.left%2B%22%29%22%29%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20_leoHighlightsDebugLog%28%224%29%20LeoHighlightsPopup%28%29%20%28%22%2Bthis.bottomIframe.style.top%2B%22%2C%20%22%2Bthis.bottomIframe.style.left%2B%22%29%22%29%3B%0A%20%20%20%20%20%20%7D%3B%20%20%20%20%20%20%20%0A%20%20%20%09this.scroll%3Dfunction%28%29%20%7B%20this.updatePos%28%29%3B%7D%3B%0A%20%20%20%7D%0A%20%20%20catch%28e%29%0A%20%20%20%7B%0A%20%20%20%09_leoHighlightsReportExeception%28%22new%20LeoHighlightsPopup%28%29%22%2Ce%29%3B%20%20%20%09%0A%20%20%20%7D%0A%7D%0A%0A/**%0A%20*%20updates%20the%20url%20for%20the%20iFrame%0A%20*%20%0A%20*%20@param%20iFrame%0A%20*%20@param%20size%0A%20*%20@param%20clickId%0A%20*%20@return%0A%20*/%0Afunction%20leoHighlightsUpdateUrl%28iFrame%2Csize%2CclickId%2CdestUrl%29%0A%7B%0A%20%20%20try%0A%20%20%20%7B%0A%20%20%20%20%20%20_leoHighlightsDebugLog%28%22leoHighlightsUpdateUrl%28%29%20%22%2BdestUrl%29%3B%0A%20%20%20%20%20%20var%20url%3DiFrame.src%3B%0A%20%20%20%20%20%20var%20idx%3Durl.indexOf%28%22%26size%3D%22%29%3B%0A%20%20%20%20%20%20if%28idx%3E%3D0%29%0A%20%20%20%20%20%20%20%20%20url%3Durl.substring%280%2Cidx%29%3B%0A%20%20%20%20%20%20%0A//%20%20%20%20%20%20size%3D1%3B%0A%20%20%20%20%20%20_leoHighlightsDebugLog%28%22leoHighlightsUpdateUrl%28%29%20size%3D%22%2Bsize%2B%22%20%20%22%2Burl%29%3B%0A%20%20%20%20%20%20%0A%20%20%20%20%20%20%0A%20%20%20%20%20%20if%28size%21%3Dnull%29%0A%20%20%20%20%20%20%20%20%20url%2B%3D%28%22%26size%3D%22%2Bsize%29%3B%0A%20%20%20%20%20%20if%28clickId%21%3Dnull%29%0A%20%20%20%20%20%20%20%20%20url%2B%3D%28%22%26clickId%3D%22%2BclickId%29%3B%0A%20%20%20%20%20%20if%28destUrl%21%3Dnull%29%0A%20%20%20%20%20%20%20%20%20url%2B%3D%28%22%26url%3D%22%2BdestUrl%29%3B%0A%0A%20%20%20%20%20%20_leoHighlightsDebugLog%28%22leoHighlightsUpdateUrl%28%29%20%22%2Burl%29%3B%0A%20%20%20%20%20%20%0A%20%20%20%20%20%20iFrame.src%3Durl%3B%0A%20%20%20%7D%0A%20%20%20catch%28e%29%0A%20%20%20%7B%0A%20%20%20%20%20%20_leoHighlightsReportExeception%28%22leoHighlightsUpdateUrl%28%29%22%2Ce%29%3B%20%20%20%20%0A%20%20%20%7D%0A%7D%0A%0A%0A%0A/**%0A*%0A*%20This%20can%20be%20used%20to%20close%20an%20iframe%0A*%0A*%20@param%20id%0A*%20@return%0A*/%0Afunction%20leoHighlightsSetSize%28size%2CclickId%29%0A%7B%0A%09try%0A%09%7B%0A%09%09/*%20Get%20the%20element%20*/%0A%20%20%09%09var%20iFrameTop%3D_leoHighlightsFindElementById%28LEO_HIGHLIGHTS_IFRAME_TOP_ID%29%3B%0A%0A%20%20%09%09/*%20Figure%20out%20the%20correct%20sizes%20*/%0A%20%20%09%09var%20iFrameTopSize%3DLEO_HIGHLIGHTS_IFRAME_TOP_SIZE%3B%0A%20%20%09%09%0A%20%20%09%09/*%20Refresh%20the%20iFrame%27s%20url%2C%20by%20removing%20the%20size%20arg%20and%20adding%20it%20again%20*/%0A%20%20%09%09leoHighlightsUpdateUrl%28iFrameTop%2Csize%2CclickId%29%3B%0A%20%20%09%09%0A%20%20%09%09_leoHighlightsSetSize%28iFrameTop%2CiFrameTopSize%29%3B%0A%20%20%20%20%20%20_leoHighlightsSetBottomSize%28size%2CclickId%29%3B%0A%20%20%20%20%20%20%0A%20%20%20%20%20%20/*%20Clear%20the%20hover%20flag%2C%20if%20the%20user%20shows%20this%20at%20full%20size%20*/%0A%20%20%20%20%20%20if%28size%3D%3D1%26%26_leoHighlightsPrevElem%29%0A%20%20%20%20%20%20%20%20%20_leoHighlightsPrevElem.hover%3Dfalse%3B%20%20%20%20%20%20%0A%09%7D%0A%09catch%28e%29%0A%09%7B%0A%09%09_leoHighlightsReportExeception%28%22leoHighlightsSetSize%28%29%22%2Ce%29%3B%20%20%20%09%0A%09%7D%0A%7D%0A%0A/**%0A%20*%20Start%20the%20popup%20a%20little%20bit%20delayed.%0A%20*%20Somehow%20IE%20needs%20some%20time%20to%20find%20the%20element%20by%20id.%0A%20*%20%0A%20*%20@param%20anchorId%0A%20*%20@param%20size%0A%20*%20%0A%20*%20@return%0A%20*/%0Afunction%20leoHighlightsShowPopup%28anchorId%2Csize%29%0A%7B%0A%20%20%20try%0A%20%20%20%7B%0A%20%20%20%20%20%20if%28_leoHighlightsSnoozed%29%0A%20%20%20%20%20%20%20%20%20return%20false%3B%0A%20%20%20%20%20%20%0A%20%20%09%09var%20elem%3D_leoHighlightsFindElementById%28anchorId%29%3B%0A%20%20%09%09if%28_leoHighlightsPrevElem%26%26%28_leoHighlightsPrevElem%21%3Delem%29%29%0A%20%20%09%09%09_leoHighlightsPrevElem.shown%3Dfalse%3B%0A%20%20%09%09elem.shown%3Dtrue%3B%0A%09%09_leoHighlightsPrevElem%3Delem%3B%0A%09%09%0A%09%09_leoHighlightsDebugLog%28%22leoHighlightsShowPopup%28%29%20%22%2B_leoHighlightsPrevElem%29%3B%09%09%0A%20%20%20%09%0A%20%20%20%09/*%20FF%20needs%20to%20find%20the%20element%20first%20*/%0A%20%20%20%09_leoHighlightsFindElementById%28anchorId%29%3B%0A%20%20%20%09%0A%20%20%20%09setTimeout%28%22_leoHighlightsShowPopup%28%5C%27%22%2BanchorId%2B%22%5C%27%2C%5C%27%22%2Bsize%2B%22%5C%27%29%3B%22%2C10%29%3B%0A%20%20%20%7D%0A%20%20%20catch%28e%29%0A%20%20%20%7B%0A%20%20%20%09_leoHighlightsReportExeception%28%22leoHighlightsShowPopup%28%29%22%2Ce%29%3B%20%20%20%09%0A%20%20%20%7D%09%0A%7D%0A%0A/**%0A*%0A*%20This%20can%20be%20used%20to%20close%20an%20iframe%0A*%0A*%20@param%20id%0A*%20@return%0A*/%0Afunction%20leoHighlightsHideElem%28id%29%0A%7B%0A%09try%0A%09%7B%0A%09%09/*%20Get%20the%20appropriate%20sizes%20*/%0A%20%20%09%09var%20elem%3D_leoHighlightsFindElementById%28id%29%3B%0A%20%20%09%09if%28elem%29%0A%20%20%09%09%09elem.style.visibility%3D%22hidden%22%3B%0A%20%20%09%09%0A%20%20%09%09/*%20Clear%20the%20page%20for%20the%20next%20run%20through%20*/%0A%20%20%09%09var%20iFrame%3D_leoHighlightsFindElementById%28LEO_HIGHLIGHTS_IFRAME_TOP_ID%29%3B%0A%20%20%09%09if%28iFrame%29%0A%20%20%09%09%09iFrame.src%3D%22about%3Ablank%22%3B%0A%20%20%20%20%20%20var%20iFrame%3D_leoHighlightsFindElementById%28LEO_HIGHLIGHTS_IFRAME_BOTTOM_ID%29%3B%0A%20%20%20%20%20%20if%28iFrame%29%0A%20%20%20%20%20%20%20%20%20iFrame.src%3D%22about%3Ablank%22%3B%0A%20%20%09%09%0A%20%20%09%09%0A%20%20%09%09if%28_leoHighlightsPrevElem%29%0A%20%20%09%09%7B%0A%20%20%09%09%09_leoHighlightsPrevElem.shown%3Dfalse%3B%0A%20%20%09%09%09_leoHighlightsPrevElem%3Dnull%3B%0A%20%20%09%09%7D%0A%09%7D%0A%09catch%28e%29%0A%09%7B%0A%09%09_leoHighlightsReportExeception%28%22leoHighlightsHideElem%28%29%22%2Ce%29%3B%20%20%20%09%0A%09%7D%0A%7D%0A%0A/**%0A*%0A*%20This%20can%20be%20used%20to%20close%20an%20iframe.%0A*%20Since%20the%20iFrame%20is%20reused%20the%20frame%20only%20gets%20hidden%0A*%0A*%20@return%0A*/%0Afunction%20leoHighlightsIFrameClose%28%29%0A%7B%0A%20%20try%0A%20%20%7B%0A%09%20%20_leoHighlightsSimpleGwCallBack%28%22LeoHighlightsHideIFrame%22%29%3B%0A%20%20%7D%0A%20%20catch%28e%29%0A%20%20%7B%0A%09%20%20_leoHighlightsReportExeception%28%22leoHighlightsIFrameClose%28%29%22%2Ce%29%3B%20%20%20%09%0A%20%20%7D%0A%7D%0A%0A/**%0A*%0A*%20This%20is%20used%20to%20snooze%20the%20highlights.%0A*%0A*%20@return%0A*/%0Afunction%20leoHighlightsSnooze%28%29%0A%7B%0A%20%20try%0A%20%20%7B%0A%20%20%20%20%20_leoHighlightsSnoozed%3Dtrue%3B%0A%20%20%20%20%20_leoHighlightsSimpleGwCallBack%28%22LeoHighlightsSnooze%22%29%3B%0A%20%20%7D%0A%20%20catch%28e%29%0A%20%20%7B%0A%20%20%20%20%20_leoHighlightsReportExeception%28%22leoHighlightsSnooze%28%29%22%2Ce%29%3B%20%20%20%20%0A%20%20%7D%0A%7D%0A%0A/**%0A*%0A*%20This%20is%20used%20to%20snooze%20the%20highlights.%0A*%20This%20gets%20fired%20into%20the%20top%20frame.%0A*%0A*%20@return%0A*/%0Afunction%20leoHighlightsSnoozeTop%28id%29%0A%7B%0A%20%20try%0A%20%20%7B%0A%20%20%20%20%20_leoHighlightsSnoozed%3Dtrue%3B%0A%20%20%20%20%20leoHighlightsHideElem%28id%29%3B%0A%20%20%7D%0A%20%20catch%28e%29%0A%20%20%7B%0A%20%20%20%20%20_leoHighlightsReportExeception%28%22leoHighlightsSnoozeTop%28%29%22%2Ce%29%3B%20%20%20%20%0A%20%20%7D%0A%7D%0A%0A%0A/**%0A%20*%20This%20should%20handle%20the%20click%20events%0A%20*%20%0A%20*%20@param%20anchorId%0A%20*%20@return%0A%20*/%0Afunction%20leoHighlightsHandleClick%28anchorId%29%0A%7B%0A%20%20%20try%0A%20%20%20%7B%0A%20%20%20%20%20%20if%28_leoHighlightsSnoozed%29%0A%20%20%20%20%20%20%20%20%20return%20false%3B%0A%20%20%20%20%20%20%0A%20%20%20%20%20%20if%28_leoHighlightsIsFrame%28%29%29%0A%20%20%20%20%20%20%20%20%20return%20false%3B%0A%20%20%20%20%20%20%0A%20%20%09%09var%20anchor%3D_leoHighlightsFindElementById%28anchorId%29%3B%0A%20%20%09%09anchor.hover%3Dfalse%3B%0A%20%20%09%09if%28anchor.startTimer%29%0A%20%20%09%09%09clearTimeout%28anchor.startTimer%29%3B%0A%20%20%20%09%0A%20%20%20%20%20%20/*%20Report%20the%20click%20event%20*/%0A%20%20%20%20%20%20leoHighlightsReportEvent%28%22clicked%22%2C%20window.document.domain%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20_leoHighlightsGetAttrib%28anchor%2C%27leohighlights_keywords%27%29%2Cnull%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20_leoHighlightsGetAttrib%28anchor%2C%27leohighlights_accept%27%29%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20_leoHighlightsGetAttrib%28anchor%2C%27leohighlights_reject%27%29%29%3B%0A%20%20%20%20%20%20%0A%20%20%20%09leoHighlightsShowPopup%28anchorId%2C1%29%3B%0A%20%20%20%09return%20false%3B%0A%20%20%20%7D%0A%20%20%20catch%28e%29%0A%20%20%20%7B%0A%20%20%20%09_leoHighlightsReportExeception%28%22leoHighlightsHandleClick%28%29%22%2Ce%29%3B%20%20%20%09%0A%20%20%20%7D%09%0A%7D%0A%0A/**%0A%20*%20This%20should%20handle%20the%20hover%20events%0A%20*%20%0A%20*%20@param%20anchorId%0A%20*%20@return%0A%20*/%0Afunction%20leoHighlightsHandleHover%28anchorId%29%0A%7B%0A%20%20%20try%0A%20%20%20%7B%0A%20%20%20%20%20%20if%28_leoHighlightsSnoozed%29%0A%20%20%20%20%20%20%20%20%20return%20false%3B%0A%20%20%20%20%20%20%0A%20%20%20%20%20%20if%28_leoHighlightsIsFrame%28%29%29%0A%20%20%20%20%20%20%20%20%20return%20false%3B%0A%20%20%20%20%20%20%0A%20%20%09%09var%20anchor%3D_leoHighlightsFindElementById%28anchorId%29%3B%0A%20%20%09%09anchor.hover%3Dtrue%3B%0A%20%20%09%09%0A%20%20%20%20%20%20/*%20Report%20the%20hover%20event%20*/%0A%20%20%20%20%20%20leoHighlightsReportEvent%28%22hovered%22%2C%20window.document.domain%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20_leoHighlightsGetAttrib%28anchor%2C%27leohighlights_keywords%27%29%2Cnull%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20_leoHighlightsGetAttrib%28anchor%2C%27leohighlights_accept%27%29%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20_leoHighlightsGetAttrib%28anchor%2C%27leohighlights_reject%27%29%29%3B%0A%20%20%20%20%20%20%0A%20%20%20%09leoHighlightsShowPopup%28anchorId%2C0%29%3B%0A%20%20%20%09return%20false%3B%0A%20%20%20%7D%0A%20%20%20catch%28e%29%0A%20%20%20%7B%0A%20%20%20%09_leoHighlightsReportExeception%28%22leoHighlightsHandleHover%28%29%22%2Ce%29%3B%20%20%20%09%0A%20%20%20%7D%09%0A%7D%0A%0A/**%0A%20*%20This%20will%20handle%20the%20mouse%20over%20setup%20timers%20for%20the%20appropriate%20timers%0A%20*%20%0A%20*%20@param%20id%0A%20*%20@return%0A%20*/%0Afunction%20leoHighlightsHandleMouseOver%28id%29%0A%7B%0A%09try%0A%09%7B%0A%20%20%20%20%20%20if%28_leoHighlightsSnoozed%29%0A%20%20%20%20%20%20%20%20%20return%3B%0A%09%20%20%20%0A%09%20%20%20if%28_leoHighlightsIsFrame%28%29%29%0A%09%20%20%20%20%20%20return%3B%0A%09%20%20%20%0A%09%09var%20anchor%3D_leoHighlightsFindElementById%28id%29%3B%09%09%0A%0A%09%09/*%20Clear%20the%20end%20timer%20if%20required%20*/%0A%09%09if%28anchor.endTimer%29%0A%09%09%09clearTimeout%28anchor.endTimer%29%3B%0A%09%09anchor.endTimer%3Dnull%3B%0A%09%09%0A%09%09anchor.style.background%3DLEO_HIGHLIGHTS_BACKGROUND_STYLE_HOVER%3B%0A%09%09%0A%09%09var%20underline%3D_leoHighlightsGetAttrib%28anchor%2C%22leohighlights_underline%22%29%3D%3D%27true%27%3B%0A%09%09%0A%09%09/*%20The%20element%20is%20already%20showing%20we%20are%20done%20*/%0A%09%09if%28anchor.shown%29%0A%09%09%09return%3B%0A%09%09%0A%09%09/*%20Setup%20the%20start%20timer%20if%20required%20*/%0A%09%09anchor.startTimer%3DsetTimeout%28function%28%29%7B%0A%09%09%09leoHighlightsHandleHover%28anchor.id%29%3B%0A%09%09%09anchor.hover%3Dtrue%3B%0A%09%09%09%7D%2Cunderline?LEO_HIGHLIGHTS_SHOW_DELAY_MS%3ALEO_HIGHLIGHTS_SHOW_DELAY_NO_UNDER_MS%29%3B%0A%09%7D%0A%09catch%28e%29%0A%09%7B%0A%09%09_leoHighlightsReportExeception%28%22leoHighlightsHandleMouseOver%28%29%22%2Ce%29%3B%20%20%20%09%0A%09%7D%0A%7D%0A%0A/**%0A%20*%20This%20will%20handle%20the%20mouse%20over%20setup%20timers%20for%20the%20appropriate%20timers%0A%20*%20%0A%20*%20@param%20id%0A%20*%20@return%0A%20*/%0Afunction%20leoHighlightsHandleMouseOut%28id%29%0A%7B%0A%09try%0A%09%7B%09%0A%09%09var%20anchor%3D_leoHighlightsFindElementById%28id%29%3B%0A%09%09%0A%09%09/*%20Clear%20the%20start%20timer%20if%20required%20*/%0A%09%09if%28anchor.startTimer%29%0A%09%09%09clearTimeout%28anchor.startTimer%29%3B%0A%09%09anchor.startTimer%3Dnull%3B%0A%09%09%0A%09%09anchor.style.background%3DLEO_HIGHLIGHTS_BACKGROUND_STYLE_DEFAULT%3B%0A%09%09if%28%21anchor.shown||%21anchor.hover%29%0A%09%09%09return%3B%0A%09%09%0A%09%09/*%20Setup%20the%20start%20timer%20if%20required%20*/%0A%09%09anchor.endTimer%3DsetTimeout%28function%28%29%7B%0A%09%09%09leoHighlightsHideElem%28LEO_HIGHLIGHTS_IFRAME_DIV_ID%29%3B%0A%09%09%09anchor.shown%3Dfalse%3B%0A%09%09%09_leoHighlightsPrevElem%3Dnull%3B%0A%09%09%09%7D%2CLEO_HIGHLIGHTS_HIDE_DELAY_MS%29%3B%0A%09%7D%0A%09catch%28e%29%0A%09%7B%0A%09%09_leoHighlightsReportExeception%28%22leoHighlightsHandleMouseOut%28%29%22%2Ce%29%3B%20%20%20%09%0A%09%7D%0A%7D%0A%0A/**%0A%20*%20This%20handles%20the%20mouse%20movement%20into%20the%20currently%20opened%20window.%0A%20*%20Just%20clear%20the%20close%20timer%0A%20*%20%0A%20*%20@return%0A%20*/%0Afunction%20leoHighlightsHandleIFrameMouseOver%28%29%0A%7B%0A%09try%0A%09%7B%0A%09%09if%28_leoHighlightsPrevElem%26%26_leoHighlightsPrevElem.endTimer%29%0A%09%09%09clearTimeout%28_leoHighlightsPrevElem.endTimer%29%3B%0A%09%7D%0A%09catch%28e%29%0A%09%7B%0A%09%09_leoHighlightsReportExeception%28%22leoHighlightsHandleIFrameMouseOver%28%29%22%2Ce%29%3B%20%20%20%09%0A%09%7D%0A%7D%0A%0A/**%0A%20*%20This%20handles%20the%20mouse%20movement%20into%20the%20currently%20opened%20window.%0A%20*%20Just%20clear%20the%20close%20timer%0A%20*%20%0A%20*%20@param%20id%0A%20*%20@return%0A%20*/%0Afunction%20leoHighlightsHandleIFrameMouseOut%28%29%0A%7B%0A%09try%0A%09%7B%0A%09%09if%28_leoHighlightsPrevElem%29%0A%09%09%09leoHighlightsHandleMouseOut%28_leoHighlightsPrevElem.id%29%3B%0A%09%7D%0A%09catch%28e%29%0A%09%7B%0A%09%09_leoHighlightsReportExeception%28%22leoHighlightsHandleIFrameMouseOut%28%29%22%2Ce%29%3B%20%20%20%09%0A%09%7D%0A%7D%0A/**%0A%20*%20This%20is%20a%20method%20is%20used%20to%20make%20the%20javascript%20within%20IE%20runnable%0A%20*/%0Avar%20leoHighlightsRanUpdateDivs%3Dfalse%3B%0Afunction%20leoHighlightsUpdateDivs%28%29%0A%7B%0A%09try%0A%09%7B%0A%09%09/*%20Check%20if%20this%20is%20an%20IE%20browser%20and%20if%20divs%20have%20been%20updated%20already%20*/%0A%09%09if%28document.all%26%26%21leoHighlightsRanUpdateDivs%26%26%21_leoHighlightsIsFrame%28%29%29%0A%09%09%7B%0A%09%09%09leoHighlightsRanUpdateDivs%3Dtrue%3B%20//%20Set%20early%20to%20prevent%20running%20twice%0A%09%09%09for%28var%20i%3D0%3Bi%3CLEO_HIGHLIGHTS_MAX_HIGHLIGHTS%3Bi%2B%2B%29%0A%09%09%09%7B%0A%09%09%09%09var%20id%3D%22leoHighlights_Underline_%22%2Bi%3B%0A%09%09%09%09var%20elem%3D_leoHighlightsFindElementById%28id%29%3B%0A%09%09%09%09if%28elem%3D%3Dnull%29%0A%09%09%09%09%09break%3B%0A%09%09%09%09%0A%09%09%09%09if%28%21elem.leoChanged%29%0A%09%09%09%09%7B%0A%09%09%09%09%09elem.leoChanged%3Dtrue%3B%0A%09%09%09%09%0A%09%09%09%09%09/*%20This%20will%20make%20javaScript%20runnable%20*/%09%09%09%09%0A%09%09%09%09%09elem.outerHTML%3Delem.outerHTML%3B%0A%09%09%09%09%7D%0A%09%09%09%7D%0A%09%09%7D%0A%09%7D%0A%09catch%28e%29%0A%09%7B%0A%09%09_leoHighlightsReportExeception%28%22leoHighlightsUpdateDivs%28%29%22%2Ce%29%3B%20%20%20%09%0A%09%7D%0A%7D%0A%0Aif%28document.all%29%0A%09setTimeout%28leoHighlightsUpdateDivs%2C200%29%3B%0A%0A%0A/**%0A%20*%20This%20is%20used%20to%20report%20events%20to%20the%20plugin%0A%20*%20@param%20key%0A%20*%20@param%20domain%0A%20*%20@param%20keywords%0A%20*%20@param%20vendorId%0A%20*%20@param%20accept%0A%20*%20@param%20reject%0A%20*%20@return%0A%20*/%0Afunction%20leoHighlightsReportEvent%28key%2C%20domain%2Ckeywords%2CvendorId%2Caccept%2Creject%29%0A%7B%0A%20%20%20try%0A%20%20%20%7B%0A%20%20%20%20%20%20var%20gwObj%20%3D%20new%20Gateway%28%29%3B%0A%20%20%20%20%20%20gwObj.addParam%28%22key%22%2Ckey%29%3B%0A%20%20%20%20%20%20if%28domain%21%3Dnull%29%0A%20%20%20%20%20%20%20%20%20gwObj.addParam%28%22domain%22%2Cdomain%29%3B%0A%20%20%20%20%20%20if%28keywords%21%3Dnull%29%0A%20%20%20%20%20%20%20%20%20gwObj.addParam%28%22keywords%22%2Ckeywords%29%3B%0A%20%20%20%20%20%20if%28vendorId%21%3Dnull%29%0A%20%20%20%20%20%20%20%20%20gwObj.addParam%28%22vendorId%22%2CvendorId%29%3B%0A%20%20%20%20%20%20if%28accept%21%3Dnull%29%0A%20%20%20%20%20%20%20%20%20gwObj.addParam%28%22accept%22%2Caccept%29%3B%0A%20%20%20%20%20%20if%28reject%21%3Dnull%29%0A%20%20%20%20%20%20%20%20%20gwObj.addParam%28%22reject%22%2Creject%29%3B%0A%20%20%20%20%20%20%0A%20%20%20%20%20%20gwObj.callName%28%22LeoHighlightsEvent%22%29%3B%0A%20%20%20%7D%0A%20%20%20catch%28e%29%0A%20%20%20%7B%0A%20%20%20%20%20%20_leoHighlightsReportExeception%28%22leoHighlights%28%29%22%2Ce%29%3B%20%20%20%20%20%0A%20%20%20%7D%0A%7D%0A%0A/**%0A%20*%20This%20will%20expand%20or%20collapse%20the%20window%20base%20on%20it%20prior%20state%0A%20*%20%0A%20*%20@return%0A%20*/%0Afunction%20leoHighlightsToggleSize%28clickId%29%0A%7B%0A%20%20%20try%0A%20%20%20%7B%20%20%0A%20%20%20%20%20%20_leoHighlightsDebugLog%28%22leoHighlightsToggleSize%28%29%20%22%2B_leoHighlightsPrevElem%29%3B%20%20%20%20%20%20%20%20%20%20%20%20%0A%20%20%20%20%20%20/*%20Get%20the%20hover%20flag%20and%20change%20the%20status%20*/%0A%20%20%20%20%20%20var%20size%3D_leoHighlightsPrevElem.hover?1%3A0%3B%0A%20%20%20%20%20%20_leoHighlightsSetBottomSize%28size%2CclickId%29%3B%0A%20%20%20%7D%0A%20%20%20catch%28e%29%0A%20%20%20%7B%0A%20%20%20%20%20%20_leoHighlightsReportExeception%28%22leoHighlightsToggleSize%28%29%22%2Ce%29%3B%20%20%20%20%20%0A%20%20%20%7D%0A%7D%0A%0A/**%0A%20*%20Call%20into%20the%20kvm%20that%20will%20then%20do%20a%20callback%20into%20the%20top%20window%0A%20*%20The%20top%20window%20will%20then%20call%20leoH%0A%20*%20%0A%20*%20@return%0A%20*/%0Afunction%20leoHighlightsSetSecondaryWindowUrl%28url%2C%20customerId%2C%20phraseId%29%0A%7B%0A%20%20%20try%0A%20%20%20%7B%20%0A%20%20%20%20%20%20_leoHighlightsDebugLog%28%22leoHighlightsSetSecondaryWindowUrl%28%29%20%22%2Burl%29%3B%20%20%20%20%20%20%20%20%20%20%20%20%0A%20%20%20%20%20%20var%20gwObj%20%3D%20new%20Gateway%28%29%3B%0A%20%20%20%20%20%20gwObj.addParam%28%22url%22%2C%20url%29%3B%0A%20%20%20%20%20%20gwObj.addParam%28%22phraseId%22%2C%20phraseId%29%3B%0A%20%20%20%20%20%20gwObj.addParam%28%22customerId%22%2C%20customerId%29%3B%0A%20%20%20%20%20%20gwObj.callName%28%22LeoHighlightsSetSecondaryWindowUrl%22%29%3B%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%0A%20%20%20%7D%0A%20%20%20catch%28e%29%0A%20%20%20%7B%0A%20%20%20%20%20%20_leoHighlightsReportExeception%28%22leoHighlightsSetSecondaryWindowUrl%28%29%22%2Ce%29%3B%20%20%20%20%20%0A%20%20%20%7D%0A%7D%0A%0A/**%0A%20*%20Call%20into%20the%20kvm%20that%20will%20then%20do%20a%20callback%20into%20the%20top%20window%0A%20*%20The%20top%20window%20will%20then%20call%20leoH%0A%20*%20%0A%20*%20@return%0A%20*/%0Afunction%20leoHighlightsSetSecondaryWindowUrlCallback%28url%2C%20customerId%2C%20phraseId%29%0A%7B%0A%20%20%20try%0A%20%20%20%7B%20%0A%20%20%20%20%20%20_leoHighlightsDebugLog%28%22leoHighlightsSetSecondaryWindowUrlCallback%28%29%20%22%2Burl%29%3B%0A%20%20%20%20%20%20%0A%20%20%20%20%20%20/*%20Clear%20the%20hover%20flag%2C%20if%20the%20user%20shows%20this%20at%20full%20size%20*/%0A%20%20%20%20%20%20var%20size%3D_leoHighlightsPrevElem.hover?0%3A1%3B%20%20%20%20%20%20%0A%20%20%20%20%20%20_leoHighlightsDebugLog%28%22leoHighlightsSetSecondaryWindowUrlCallback%28%29%20%22%2B_leoHighlightsPrevElem%2B%22%20--%20%22%2B_leoHighlightsPrevElem.hover%29%3B%0A%20%20%20%20%20%20%0A%20%20%20%20%20%20/*%20Get%20the%20elements%20*/%0A%20%20%20%20%20%20var%20iFrameBottom%3D_leoHighlightsFindElementById%28LEO_HIGHLIGHTS_IFRAME_BOTTOM_ID%29%3B%0A%20%20%20%20%20%20leoHighlightsUpdateUrl%28iFrameBottom%2Csize%2Cnull%2Curl%29%3B%0A%20%20%20%20%20%20%0A%20%20%20%20%20%20_leoHighlightsDebugLog%28%22leoHighlightsSetSecondaryWindowUrlCallback%28%29%20%22%2Burl%29%3B%20%20%20%20%20%20%20%20%20%20%20%20%0A%20%20%20%7D%0A%20%20%20catch%28e%29%0A%20%20%20%7B%0A%20%20%20%20%20%20_leoHighlightsReportExeception%28%22leoHighlightsSetSecondaryWindowUrlCallback%28%29%22%2Ce%29%3B%20%20%20%20%20%0A%20%20%20%7D%0A%7D%0A%0A/**%0A%20*%20This%20will%20set%20the%20text%20to%20the%20Top%20%0A%20*%20%0A%20*%20@param%20txt%0A%20*%20@return%0A%20*/%0Afunction%20leoHighlightsSetExpandTxt%28txt%29%0A%7B%0A%20%20%20try%0A%20%20%20%7B%20%0A%20%20%20%20%20%20var%20topIFrame%20%3D%20_leoHighlightsFindElementById%28LEO_HIGHLIGHTS_IFRAME_TOP_ID%29%3B%0A%20%20%20%20%20%20if%28topIFrame%3D%3Dnull%29%0A%20%20%20%20%20%20%20%20%20return%3B%0A%20%20%20%20%20%20%0A%20%20%20%20%20%20/*%20Get%20the%20current%20url%20*/%0A%20%20%20%20%20%20var%20url%3DtopIFrame.src%3B%20%20%20%20%20%20%0A%20%20%20%20%20%20if%28url%3D%3Dnull%29%0A%20%20%20%20%20%20%20%20%20return%3B%0A%20%20%20%20%20%20%0A%20%20%20%20%20%20/*%20Extract%20the%20previous%20hash%20if%20present%20*/%0A%20%20%20%20%20%20var%20idx%3D-1%3B%20%20%20%20%20%20%0A%20%20%20%20%20%20if%28%28idx%3Durl.indexOf%28%27%23%27%29%29%3E0%29%0A%20%20%20%20%20%20%20%20%20url%3Durl.substring%280%2Cidx%29%3B%0A%0A%20%20%20%20%20%20/*%20Append%20the%20text%20to%20the%20end%20*/%0A%20%20%20%20%20%20url%2B%3D%22%23%22%2BencodeURI%28txt%29%3B%0A%20%20%20%20%20%20%0A%20%20%20%20%20%20/*%20Set%20the%20iframe%20with%20the%20new%20url%20that%20contains%20the%20hash%20tag%20*/%0A%20%20%20%20%20%20topIFrame.src%3Durl%3B%0A%20%20%20%7D%0A%20%20%20catch%28e%29%0A%20%20%20%7B%0A%20%20%20%20%20%20_leoHighlightsReportExeception%28%22leoHighlightsSetExpandTxt%28%29%22%2Ce%29%3B%20%20%20%20%20%0A%20%20%20%7D%0A%7D%0A%0A/*----------------------------------------------------------------------*/%0A/*%20Methods%20provided%20to%20the%20highlight%20providers...%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20*/%0A/*----------------------------------------------------------------------*/%0A%0A/**%0A%20*%20This%20will%20set%20the%20expand%20text%20for%20the%20Top%20window%0A%20*/%0Afunction%20leoHL_SetExpandTxt%28txt%29%0A%7B%0A%20%20%20try%0A%20%20%20%7B%0A%20%20%20%20%20%20_leoHighlightsDebugLog%28%22leoHL_SetExpandTxt%28%29%20%22%2Btxt%29%3B%20%20%20%20%20%20%20%20%20%20%20%20%0A%20%20%20%20%20%20_leoHighlightsSimpleGwCallBack%28%22LeoHighlightsSetExpandTxt%22%2C%22expandTxt%22%2Ctxt%29%3B%20%20%20%20%20%20%0A%20%20%20%7D%0A%20%20%20catch%28e%29%0A%20%20%20%7B%0A%20%20%20%20%20%20_leoHighlightsReportExeception%28%22leoHL_SetExpandTxt%28%29%22%2Ce%29%3B%20%20%20%20%0A%20%20%20%7D%0A%7D%0A%0A/**%0A%20*%20This%20will%20redirect%20the%20top%20window%20to%20the%20passed%20in%20url%0A%20*%20%0A%20*%20@param%20url%0A%20*%20@param%20parentId%0A%20*%20@return%0A%20*/%0Afunction%20leoHL_RedirectTop%28url%2CparentId%29%0A%7B%0A%20%20%20try%0A%20%20%20%7B%20%0A%20%20%20%20%20%20try%7B%0A%20%20%20%20%20%20%20%20%20var%20domain%3D_leoHighlightsGetUrlArg%28window.document.URL%2C%22domain%22%29%0A%20%20%20%20%20%20%20%20%20var%20keywords%3D_leoHighlightsGetUrlArg%28window.document.URL%2C%22keywords%22%29%0A%20%20%20%20%20%20%20%20%20var%20vendorId%3D_leoHighlightsGetUrlArg%28window.document.URL%2C%22vendorId%22%29%0A%20%20%20%20%20%20leoHighlightsReportEvent%28%22clickthrough%22%2C%20domain%2Ckeywords%2C%20vendorId%29%3B%0A%20%20%20%20%20%20%7Dcatch%28e%29%7B%0A%20%20%20%20%20%20%20%20%20_leoHighlightsReportExeception%28%22leoHL_RedirectTop%28%29%22%2Ce%29%3B%20%20%20%20%0A%20%20%20%20%20%20%7D%0A%20%20%09%09%0A%20%20%20%09_leoHighlightsRedirectTop%28url%29%3B%0A%20%20%20%7D%0A%20%20%20catch%28e%29%0A%20%20%20%7B%0A%20%20%20%09_leoHighlightsReportExeception%28%22leoHL_RedirectTop%28%29%22%2Ce%29%3B%20%20%20%09%0A%20%20%20%7D%0A%7D%0A%0A/**%0A%20*%20This%20will%20redirect%20the%20top%20window%20to%20the%20passed%20in%20url%0A%20*%20%0A%20*%20@param%20url%0A%20*%20@param%20parentId%0A%20*%20@return%0A%20*/%0Afunction%20LeoHL_RedirectTop%28url%2CparentId%29%0A%7B%0A%20%20%20leoHL_RedirectTop%28url%2CparentId%29%3B%0A%7D%0A%0A/**%0A%20*%20This%20will%20redirect%20the%20top%20window%20to%20the%20passed%20in%20url%0A%20*%20%0A%20*%20@param%20url%0A%20*%20@param%20parentId%0A%20*%20@return%0A%20*/%0Afunction%20leoHL_RedirectTopAd%28url%2CparentId%29%0A%7B%0A%20%20%20try%0A%20%20%20%7B%20%0A%20%20%20%20%20%20try%7B%0A%20%20%20%20%20%20%20%20%20var%20domain%3D_leoHighlightsGetUrlArg%28window.document.URL%2C%22domain%22%29%0A%20%20%20%20%20%20%20%20%20var%20keywords%3D_leoHighlightsGetUrlArg%28window.document.URL%2C%22keywords%22%29%0A%20%20%20%20%20%20%20%20%20var%20vendorId%3D_leoHighlightsGetUrlArg%28window.document.URL%2C%22vendorId%22%29%0A%20%20%20%20%20%20leoHighlightsReportEvent%28%22advertisement.click%22%2C%20domain%2Ckeywords%2C%20vendorId%29%3B%0A%20%20%20%20%20%20%7Dcatch%28e%29%7B%0A%20%20%20%20%20%20%20%20%20_leoHighlightsReportExeception%28%22leoHL_RedirectTopAd%28%29%22%2Ce%29%3B%20%20%20%20%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%0A%20%20%20%20%20%20_leoHighlightsRedirectTop%28url%29%3B%0A%20%20%20%7D%0A%20%20%20catch%28e%29%0A%20%20%20%7B%0A%20%20%20%20%20%20_leoHighlightsReportExeception%28%22leoHL_RedirectTopAd%28%29%22%2Ce%29%3B%20%20%20%20%0A%20%20%20%7D%0A%7D%0A%0A%0A/**%0A%20*%20This%20will%20set%20the%20size%20of%20the%20iframe%0A%20*%20%0A%20*%20@param%20url%0A%20*%20@param%20parentId%0A%20*%20%0A%20*%20@return%0A%20*/%0Afunction%20leoHl_setSize%28size%2Curl%29%0A%7B%0A%20%20%20try%0A%20%20%20%7B%0A%20%20%20%09/*%20Get%20the%20clickId%20*/%0A%20%20%20%09var%20clickId%3D_leoHighlightsGetUrlArg%28%20url%2C%22clickId%22%29%0A%20%20%20%09%0A%20%20%20%20%20%20var%20gwObj%20%3D%20new%20Gateway%28%29%3B%0A%20%20%20%20%20%20gwObj.addParam%28%22size%22%2Csize%29%3B%0A%20%20%20%20%20%20if%28clickId%29%0A%20%20%20%20%20%20%20%20%20gwObj.addParam%28%22clickId%22%2CclickId%2B%22_blah%22%29%3B%0A%20%20%20%20%20%20gwObj.callName%28%22LeoHighlightsSetSize%22%29%3B%0A%20%20%20%7D%0A%20%20%20catch%28e%29%0A%20%20%20%7B%0A%20%20%20%09_leoHighlightsReportExeception%28%22leoHl_setSize%28%29%22%2Ce%29%3B%20%20%20%09%0A%20%20%20%7D%0A%7D%0A%0A/**%0A%20*%20This%20will%20toggle%20the%20size%20of%20the%20window%0A%20*%20%0A%20*%20@return%0A%20*/%0Afunction%20leoHl_ToggleSize%28%29%0A%7B%0A%20%20%20try%0A%20%20%20%7B%0A%20%20%20%20%20%20var%20gwObj%20%3D%20new%20Gateway%28%29%3B%0A%20%20%20%20%20%20gwObj.callName%28%22LeoHighlightsToggleSize%22%29%3B%0A%20%20%20%7D%0A%20%20%20catch%28e%29%0A%20%20%20%7B%0A%20%20%20%20%20%20_leoHighlightsReportExeception%28%22leoHl_ToggleSize%28%29%22%2Ce%29%3B%20%20%20%20%20%0A%20%20%20%7D%0A%7D%0A%0A");
// ]]&gt;</script></p>
]]></content:encoded>
			<wfw:commentRss>http://www.1stwebdesigner.com/design/flash-actionscript-tutorials/feed/</wfw:commentRss>
		<slash:comments>17</slash:comments>
		</item>
		<item>
		<title>61 Unusual Navigation Menus In CSS, Flash And JavaScript</title>
		<link>http://www.1stwebdesigner.com/inspiration/unusual-navigation-menu/</link>
		<comments>http://www.1stwebdesigner.com/inspiration/unusual-navigation-menu/#comments</comments>
		<pubDate>Fri, 29 Oct 2010 21:00:28 +0000</pubDate>
		<dc:creator>Jane Bernardo</dc:creator>
				<category><![CDATA[Inspiration]]></category>
		<category><![CDATA[Coding]]></category>
		<category><![CDATA[flash]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[menu]]></category>
		<category><![CDATA[navigation]]></category>
		<category><![CDATA[webdesign]]></category>

		<guid isPermaLink="false">http://www.1stwebdesigner.com/?p=29878</guid>
		<description><![CDATA[What is one of the aspect of a website that always needed? It is the navigation menu. Navigation menu is a useful part of  the website because it leads the user to different part of the website. Interaction to the website is the main use of the navigation menu.More and more great looking and user-friendly [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.1stwebdesigner.com/inspiration/unusual-navigation-menu/"><img class="alignleft size-full wp-image-29262" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/bigthumbs/new-ones/navigation-preview_small.jpg" alt="" width="150" height="150" /></a> <span style="font-family: Arial;">What is one of the aspect of a website that always needed? It is the navigation menu. <strong>Navigation menu</strong> is a useful part of  the website because it leads the user to different part of the website. Interaction to the website is the main use of the navigation menu.More and more great looking and user-friendly navigation menus are being created that gives  life to the websites. </span></p>
<p><span style="font-family: Arial;">I&#8217;ll be featuring 61 great looking and really unusual navigation menus which are CSS-based design solutions, JavaScript-based menus and Flash-designs.<span id="more-29878"></span></span><br />
<strong><span style="text-decoration: underline;"><span style="font-family: Arial;"> </span></span></strong></p>
<h2><strong><span style="text-decoration: underline;">CSS &#8211; Based Navigation Menu</span></strong></h2>
<p><strong> </strong></p>
<p><strong> </strong></p>
<p><strong>1. <a href="http://www.loodo.com.br/" target="_blank">Loodo.com</a></strong></p>
<p>Casino-like game or snakes and ladders with the touch of colorful menu.</p>
<p><a href="http://www.loodo.com.br/" target="_blank"><img class="alignbottom size-full wp-image-29436" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/10/navigation-menu-css-loodo.jpg" alt="" width="570" height="150" /></a></p>
<p><strong>2. <a href="http://www.change.org/" target="_blank">Change.org</a></strong></p>
<p>The calmness of the choice of color with the emboss feeling of the menu to reveal the submenus is a great choice for its advocacy change.</p>
<p><a href="http://www.change.org/" target="_blank"><img class="alignbottom size-full wp-image-29438" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/10/navigation-menu-css-change.jpg" alt="" width="570" height="150" /></a></p>
<p><strong>3. <a href="http://acko.net/" target="_blank">Acko.net</a></strong></p>
<p>Steven Wittens gives us another perspective or view of this menu.</p>
<p><a href="http://acko.net/" target="_blank"><img class="alignbottom size-full wp-image-29440" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/10/navigation-menu-css-acko.jpg" alt="" width="570" height="150" /></a></p>
<p><strong>4. <a href="http://www.uxbooth.com/" target="_blank">UXBooth.com</a></strong></p>
<p>UX Booth uses stylish yet simple menu.</p>
<p><a href="http://www.uxbooth.com/"><img class="alignbottom size-full wp-image-29445" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/10/navigation-menu-css-uxbooth.jpg" alt="" width="570" height="150" /></a></p>
<p><strong>5. <a href="http://macrabbit.com/" target="_blank">MacRabbit.com</a></strong></p>
<p>MacRabbit uses a mac os or apple concept to its design.</p>
<p><a href="http://macrabbit.com/" target="_blank"><img class="alignbottom size-full wp-image-29446" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/10/navigation-menu-css-mcrabbit.jpg" alt="" width="570" height="150" /></a></p>
<p><strong>6. <a href="http://www.joyent.com/" target="_blank">Joyent.com</a></strong></p>
<p>Joyent uses simple, business looking menu that offers their works.</p>
<p><a href="http://www.joyent.com/" target="_blank"><img class="alignbottom size-full wp-image-29448" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/10/navigation-menu-css-joyent.jpg" alt="" width="570" height="150" /></a></p>
<p><strong>7. <a href="http://www.nopokographics.com/english/" target="_blank">Nopoko Graphics</a></strong></p>
<p>Elegance and simplicity of this portfolio gives you.</p>
<p><a href="http://www.nopokographics.com/english/" target="_blank"><img class="alignbottom size-full wp-image-29450" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/10/navigation-menu-css-nopographics.jpg" alt="" width="570" height="150" /></a></p>
<p><strong>8.  <a href="http://www.icondesigner.net/" target="_blank">Icon Designer.com</a></strong></p>
<p>Large images-based menu that will attract and will draw users attention. Not the usual menu that you see.</p>
<p><a href="http://www.icondesigner.net/"><img class="alignbottom size-full wp-image-29451" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/10/navigation-menu-css-icondesigner.jpg" alt="" width="570" height="250" /></a></p>
<p><strong>9. <a href="http://designsensory.com/" target="_blank">Designsensory.com</a></strong></p>
<p>Drop down navigation that uses two colors that presents the active link to the passive one.</p>
<p><a href="http://designsensory.com/"><img class="alignbottom size-full wp-image-29453" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/10/navigation-menu-css-designsensory.jpg" alt="" width="570" height="150" /></a></p>
<p><strong>10.<a href="http://www.smallstone.com/index.php"> Smallstone.com</a></strong></p>
<p>Small Stone recordings, a U.S. record label, uses a radio-like or  that so-called a the so-called <em>Space Echo</em> Roland SE-201 menu.</p>
<p><a href="http://www.smallstone.com/index.php"><img class="alignbottom size-full wp-image-29454" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/10/navigation-menu-css-smallstone.jpg" alt="" width="570" height="250" /></a></p>
<p><strong>11. <a href="http://tnvacation.com/" target="_blank">TNVacation</a></strong></p>
<p>Feel of country or map-like that will let you travel to the whole website.</p>
<p><a href="http://tnvacation.com/" target="_blank"><img class="alignbottom size-full wp-image-29872" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/10/css-based-navigation-menu-tennessee.jpg" alt="" width="570" height="150" /></a></p>
<p><strong>12. <a href="http://aclevertwist.com/" target="_blank">Clever Twist </a></strong></p>
<p>Rounded, apple application-like menu that offers application for your iPhones.</p>
<p><a href="http://aclevertwist.com/"><img class="alignbottom size-full wp-image-29457" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/10/navigation-menu-css-clevertwist.jpg" alt="" width="570" height="150" /></a></p>
<p><strong>13. <a href="http://clearleft.com/" target="_blank">Clear Left</a></strong></p>
<p>Clearleft uses a calendar concept that makes a what-to-do stuff on a particular day feel.</p>
<p><a href="http://clearleft.com/"><img class="alignbottom size-full wp-image-29458" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/10/navigation-menu-css-clearleft.jpg" alt="" width="570" height="150" /></a></p>
<p><strong>14. <a href="http://www.tulumarka.com/galerije" target="_blank">Tulumarka</a></strong></p>
<p>Pressed looking  to see the selected menu.</p>
<p><a href="http://www.tulumarka.com/galerije" target="_blank"><img class="alignbottom size-full wp-image-29459" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/10/navigation-menu-css-tulumarka.jpg" alt="" width="570" height="150" /></a></p>
<p style="text-align: left;"><strong>15. <a href="http://arstechnica.com/" target="_blank">Ars Technica</a></strong></p>
<p style="text-align: left;">Menu pressed reveals a submenu. Dark yet simple feel.</p>
<p style="text-align: left;"><a href="http://arstechnica.com/"><img class="alignbottom size-full wp-image-29462" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/10/navigation-menu-css-arstechnica.jpg" alt="" width="570" height="150" /></a></p>
<p style="text-align: left;"><strong>16. <a href="http://www.45royale.com/about/" target="_blank">45royale inc.</a></strong></p>
<p style="text-align: left;">Nice hover effects  with this simple and clean menu.</p>
<p style="text-align: left;"><a href="http://www.45royale.com/about/"><img class="alignbottom size-full wp-image-29464" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/10/navigation-menu-css-45royale.jpg" alt="" width="570" height="150" /></a></p>
<p style="text-align: left;"><strong>17. <a href="http://www.cssbeauty.com/" target="_blank">CSS Beauty</a></strong></p>
<p style="text-align: left;">The size of the letters are so cute and  not usual but that&#8217;s what will caught your attention.</p>
<p style="text-align: left;"><a href="http://www.cssbeauty.com/"><img class="alignbottom size-full wp-image-29465" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/10/navigation-menu-css-cssbeauty.jpg" alt="" width="570" height="150" /></a></p>
<p style="text-align: left;"><strong>18. <a href="http://designintellection.com/portfolio/" target="_blank">Design Intellection</a></strong></p>
<p style="text-align: left;">A good way to use a block navigation that shows an effective  hover effects.</p>
<p style="text-align: left;"><a href="http://designintellection.com/portfolio/"><img class="alignbottom size-full wp-image-29468" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/10/navigation-menu-css-designintellection.jpg" alt="" width="570" height="150" /></a></p>
<p style="text-align: left;"><strong>19. <a href="http://microformats.org/" target="_blank">Microformats</a></strong></p>
<p style="text-align: left;">Leaf like plus the cool green color that suits into your eyes. From green to black that gives you on what menu you are.</p>
<p style="text-align: left;"><a href="http://microformats.org/"><img class="alignbottom size-full wp-image-29471" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/10/navigation-menu-css-microformats.jpg" alt="" width="570" height="150" /></a></p>
<p style="text-align: left;"><strong>20. <a href="http://www.ronnypries.de/#all" target="_blank">ronnypries.de</a></strong></p>
<p style="text-align: left;">One of the best concept is to use a floor plan to navigate your users to the entire website is what Ronny Pries did.</p>
<p style="text-align: left;"><a href="http://www.ronnypries.de/#all"><img class="alingnbottom size-full wp-image-29473" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/10/navigation-menu-css-ronnie.jpg" alt="" width="570" height="150" /></a></p>
<p style="text-align: left;"><strong>21. <a href="http://www.tvrdek.cz/en" target="_blank">Jiri Tvrdek</a></strong></p>
<p style="text-align: left;">Fruit bearing tree is one of the creative way to use a navigation menu.  It is like your harvesting a fruit and lead you to the taste or the content of the website.</p>
<p style="text-align: left;"><a href="http://www.tvrdek.cz/en"><img class="alignbottom size-full wp-image-29478" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/10/navigation-menu-css-tvdrek.jpg" alt="" width="570" height="150" /></a></p>
<p style="text-align: left;"><strong>22. <a href="http://www.mattdempsey.com/" target="_blank">Matt Dempsey</a></strong></p>
<p style="text-align: left;">Brush strokes with the interchange of the colors over choosing a menu is what  Matt Dempsey did.</p>
<p style="text-align: left;"><a href="http://www.mattdempsey.com/"><img class="alignbottom size-full wp-image-29479" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/10/navigation-menu-css-matt.jpg" alt="" width="570" height="150" /></a></p>
<p style="text-align: left;"><strong>23. <a href="http://www.cognigencorp.com/" target="_blank">Cognigen</a></strong></p>
<p style="text-align: left;">Presents a pressed and clear view of the navigation.</p>
<p style="text-align: left;"><a href="http://www.cognigencorp.com/"><img class="alignbottom size-full wp-image-29480" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/10/navigation-menu-css-cognigen.jpg" alt="" width="570" height="150" /></a></p>
<p><strong>24. <a href="http://www.districtsolutions.co.uk/candidates/" target="_blank">District Solutions</a></strong></p>
<p><a href="http://www.districtsolutions.co.uk/candidates/" target="_blank"></a>Vertical tab that looks like a folder that really works on this website.  Rarely use but really great to work with.</p>
<p style="text-align: left;"><a href="http://www.districtsolutions.co.uk/candidates/"><img class="alignbottom size-full wp-image-29481" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/10/navigation-menu-css-districtsolution.jpg" alt="" width="570" height="700" /></a></p>
<p style="text-align: left;"><strong>25. <a href="http://www.jeffsarmiento.com/" target="_blank">Jeff Sarmiento</a></strong></p>
<p style="text-align: left;">Sloping Navigation that creates a creativity and a punk style looking menu that Jeff Sarmiento used.</p>
<p style="text-align: left;"><a href="http://www.jeffsarmiento.com/"><img class="alignbottom size-full wp-image-29483" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/10/navigation-menu-css-jeff.jpg" alt="" width="570" height="350" /></a></p>
<p style="text-align: left;"><strong>26.<a href="http://www.racket.net.au/" target="_blank"> Racket</a></strong></p>
<p style="text-align: left;">It is like a hierarchy of menu up to its roots.  One of a kind navigation that added to the creativity of the website.</p>
<p style="text-align: left;"><a href="http://www.racket.net.au/"><img class="alignbottom size-full wp-image-29484" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/10/navigation-menu-css-racket.jpg" alt="" width="570" height="250" /></a></p>
<p style="text-align: left;"><strong>27. <a href="http://dfw-upa.org/" target="_blank">DFW</a></strong></p>
<p style="text-align: left;">Icons gives emphasis on the interaction to the menu.</p>
<p style="text-align: left;"><a href="http://dfw-upa.org/"><img class="alignbottom size-full wp-image-29486" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/10/navigation-menu-css-dfw.jpg" alt="" width="570" height="150" /></a></p>
<p style="text-align: left;">
<h2><span style="text-decoration: underline;">Flash based Navigation Menu</span></h2>
<p><strong>28. </strong><a href="http://iipvapi.com/" target="_blank"><strong>Iipvapi</strong><br />
</a></p>
<p>Photo clipping navigation menu with touch of hover color effects used in a Photo Clipping path services.</p>
<p><a href="http://iipvapi.com/"><img class="alignbottom size-full wp-image-29715" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/10/flash-based-navigation-menu-iipvapi.jpg" alt="" width="570" height="250" /></a></p>
<p><strong>29. </strong><a href="http://moodstream.gettyimages.com/" target="_blank"><strong>Moodstream | Getty Image</strong><br />
</a></p>
<p>It is designed to squeeze your creative juices<a href="http://moodstream.gettyimages.com/" target="_blank"> </a>by tweaking the mood sliders navigation.</p>
<p><a href="http://moodstream.gettyimages.com/"><img class="alignbottom size-full wp-image-29718" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/10/flash-based-navigation-menu-moodstream.jpg" alt="" width="570" height="450" /></a>.</p>
<p><strong>30. </strong><a href="http://www.notforgottenmovie.com/" target="_blank"><strong>Not Forgotten &#8211; The Movie</strong><br />
</a></p>
<p>Devilish, freaky and rise to the dead theme of the navigations presented into <a href="http://www.notforgottenmovie.com/" target="_blank"> </a>tarot-like cards.  The card will be put in fire if you clicked on it.</p>
<p><a href="http://www.notforgottenmovie.com/" target="_blank"><img class="alginbottom size-full wp-image-29722" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/10/flash-based-navigation-menu-forgotten.jpg" alt="" width="570" height="450" /></a></p>
<p><strong>31.</strong><a href="http://waterlife.nfb.ca/" target="_blank"><strong>Waterlife</strong><br />
</a></p>
<p>The fluid navigation menu that brings you to the motion of a lake.</p>
<p><a href="http://waterlife.nfb.ca/" target="_blank"><img class="alignbottom size-full wp-image-29724" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/10/flash-based-navigation-menu-waterlife.jpg" alt="" width="570" height="450" /></a></p>
<p><strong>32. </strong><a href="http://www.narrowdesign.com/" target="_blank"><strong>Nick Jones</strong><br />
</a></p>
<p>Nick Jones uses a simple yet dynamic navigation for his portfolio. It&#8217;s like pulling things up and down.</p>
<p><a href="http://www.narrowdesign.com/" target="_blank"><img class="alignbottom size-full wp-image-29723" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/10/flash-based-navigation-menu-nickjones.jpg" alt="" width="570" height="450" /></a></p>
<p><strong>33. </strong><a href="http://www.marcecko.com/#/?query=08c77e3874039c55254ad8118086b967" target="_blank"><strong>Marc Ecko</strong><br />
</a></p>
<p>Marc Ecko presents an art gallery navigation that lets visitors to  tour for  art and philosophy.</p>
<p><a href="http://www.marcecko.com/#/?query=08c77e3874039c55254ad8118086b967"><img class="alignbottom size-full wp-image-29729" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/10/flash-based-navigation-menu-marcecho.jpg" alt="" width="570" height="450" /></a></p>
<p><strong>34. </strong><a href="http://www.hbo.com/" target="_blank"><strong>HBO</strong><br />
</a></p>
<p>HBO , a tv-movie network, creates an interactive selection of movies for its navigation.</p>
<p><a href="http://www.hbo.com/"><img class="alignbottom size-full wp-image-29735" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/10/flash-based-navigation-menu-hbo.jpg" alt="" width="570" height="250" /></a></p>
<p><strong>35. </strong><a href="http://www.gotmilk.com/#/gotmilkbrand/" target="_blank"><strong>Got Milk?</strong><br />
</a></p>
<p>An interesting navigation in a ribbon with a simple hover effect. When an icon hovered, the content menu is presented.</p>
<p><a href="http://www.gotmilk.com/#/gotmilkbrand/"><img class="alignbottom size-full wp-image-29741" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/10/flash-based-navigation-menu-gotmilk.jpg" alt="" width="570" height="150" /></a></p>
<p><strong>36. </strong><a href="http://www.agencynet.com/" target="_blank"><strong>AgencyNet</strong><br />
</a></p>
<p>Stunning and amazing navigation design studio based in New York City, NY and Fort Lauderdale, FL.</p>
<p><a href="http://www.agencynet.com/"><img class="alignbottom size-full wp-image-29744" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/10/flash-based-navigation-menu-agencynet.jpg" alt="" width="570" height="570" /></a></p>
<p><strong>37. </strong><a href="http://www.2advanced.com/" target="_blank"><strong>2Advanced Studios</strong><br />
</a></p>
<p>Stylish neo ancient navigation design with a background mural that leads us to another world.</p>
<p><a href="http://www.2advanced.com/"><img class="alignbottom size-full wp-image-29753" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/10/flash-based-navigation-menu-2advanced.jpg" alt="" width="570" height="250" /></a></p>
<p><strong>38. </strong><a href="http://www.nickad.com/" target="_blank"><strong>NickAD</strong><br />
</a></p>
<p>Nick Ad uses a flexible but easy to use navigation. The stars that changes to a navigation when it clicks anywhere in the page.</p>
<p><a href="http://www.nickad.com/"><img class="alignbottom size-full wp-image-29757" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/10/flash-based-navigation-menu-nickad.jpg" alt="" width="570" height="150" /></a></p>
<p><strong>39. </strong><a href="http://okaydave.com/" target="_blank"><strong>Dave Werner</strong><br />
</a></p>
<p>A creative person uses his own works to lead the users on his portfolio.</p>
<p><a href="http://okaydave.com/"><img class="alignbottom size-full wp-image-29761" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/10/flash-based-navigation-menu-dave.jpg" alt="" width="570" height="400" /></a></p>
<p><strong>40. <a href="http://www.sectionseven.com/index2.html" target="_blank">Section Seven Inc</a>.</strong></p>
<p>Section Seven has a colorful pamphlet like navigation with a sub menu written on it.</p>
<p><a href="http://www.sectionseven.com/index2.html"><img class="alignbottom size-full wp-image-29764" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/10/flash-based-navigation-menu-sectionseven.jpg" alt="" width="570" height="400" /></a></p>
<p><strong>41. </strong><a href="http://www.cathybeck.com/" target="_blank"><strong>Cathy Beck</strong><br />
</a></p>
<p>A navigation that open and close like a scroll when choosing a menu.</p>
<p><a href="http://www.cathybeck.com/"><img class="alignbottom size-full wp-image-29777" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/10/flash-based-navigation-menu-cathy.jpg" alt="" width="570" height="150" /></a></p>
<p><strong>42. </strong><a href="http://www.beside.ca/" target="_blank"><strong>Beside</strong><br />
</a></p>
<p>Beside uses a rainbow navigation that puts your colorful fantasies.</p>
<p><a href="http://www.beside.ca/"><img class="alignbottom size-full wp-image-29779" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/10/flash-based-navigation-menu-besides.jpg" alt="" width="570" height="250" /></a></p>
<p><strong>43. </strong><a href="http://www.christiansparrow.com/" target="_blank"><strong>Christian Sparrow</strong><br />
</a></p>
<p>A cardboard concept of its portfolio. The navigation hovers a pencil-like drawing.</p>
<p><a href="http://www.christiansparrow.com/"><img class="alignbottom size-full wp-image-29781" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/10/flash-based-navigation-christian.jpg" alt="" width="570" height="150" /></a></p>
<p><strong>44. </strong><a href="http://www.enila.fr/" target="_blank"><strong>Enila.fr</strong><br />
</a></p>
<p>Small squares that put together that acts as the navigation and collaboration of works.</p>
<p><a href="http://www.enila.fr/"><img class="alignbottom size-full wp-image-29783" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/10/flash-based-navigation-menu-enila.jpg" alt="" width="570" height="400" /></a></p>
<p><strong>45. </strong><a href="http://www.havaianas.com/#" target="_blank"><strong>Havaianas</strong><br />
</a></p>
<p>A colorful map that has the touch of the slipper texture that Havaianas proud about.</p>
<p><a href="http://www.havaianas.com/#"><img class="alignbottom size-full wp-image-29784" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/10/flash-based-navigation-menu-havaianas.jpg" alt="" width="570" height="400" /></a></p>
<p><strong>46. </strong><a href="http://www.sqcircle.com/" target="_blank"><strong>Square Circle</strong><br />
</a></p>
<p>A table filled with stuffs that are related to the menu such as telephone for contact us, magazine for portfolio, newspaper for news and others. Real thing that use for navigation is a great thing.</p>
<p><a href="http://www.sqcircle.com/"><img class="alignbottom size-full wp-image-29785" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/10/flash-based-navigation-menu-square.jpg" alt="" width="570" height="570" /></a></p>
<p><strong>47. </strong><a href="http://www.tbwahakuhodo.co.jp/" target="_blank"><strong>TBWA\HAKUHODO</strong><br />
</a></p>
<p>A great, artistic scenario use for navigation. Every element is a wonderful piece that gives life to the website. Rarely used but magnificent.</p>
<p><a href="http://www.tbwahakuhodo.co.jp/"><img class="alignbottom size-full wp-image-29787" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/10/flash-based-navigation-menu-tb.jpg" alt="" width="570" height="570" /></a></p>
<p><strong><br />
</strong></p>
<h2><strong><span style="text-decoration: underline;">JavaScript &#8211; Based Navigation Menu</span></strong></h2>
<p><strong> </strong></p>
<p><strong> </strong><a href="http://www.tbwahakuhodo.co.jp/"></a></p>
<p><strong> </strong></p>
<p><strong>48. </strong><a href="http://agamicreative.com/" target="_blank"><strong>Agami Creative</strong><br />
</a></p>
<p>Simple and eye pleasing of this navigation with the touch of  paint colors.</p>
<p><a href="http://agamicreative.com/about/"><img class="alignbottom size-full wp-image-29795" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/10/javascript-based-navigation-menu-agami.jpg" alt="" width="570" height="150" /></a></p>
<p><strong>49. </strong><a href="http://dragoninteractive.com/" target="_blank"><strong> Dragon Interactive</strong><br />
</a></p>
<p>It looks like the navigation is made up of Flash but it&#8217;s not.  Clean, cool and stylish navigation with a hover effects of colors that made this navigation really pretty.</p>
<p><a href="http://dragoninteractive.com/"><img class="alignbottom size-full wp-image-29797" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/10/javascript-based-navigation-menu-dragon.jpg" alt="" width="570" height="150" /></a></p>
<p><strong>50. </strong><a href="http://www.whitehouse.gov/" target="_blank"><strong>The White House</strong><br />
</a></p>
<p>White House really holds up a lot of information for the public. It is easily manage with this drop down menu to contain all the contents.</p>
<p><a href="http://www.whitehouse.gov/"><img class="alignbottom size-full wp-image-29798" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/10/javascript-based-navigation-menu-whitehouse.jpg" alt="" width="570" height="350" /></a></p>
<p><strong>51. </strong><a href="http://www.ericj.se/" target="_blank"><strong>Eric Johansson</strong><br />
</a></p>
<p>Eric Johansson uses a JavaScript sliding menu to travel on it&#8217;s website.</p>
<p><a href="http://www.ericj.se/"><img class="alignbottom size-full wp-image-29801" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/10/javascript-based-navigation-menu-eric.jpg" alt="" width="570" height="570" /></a></p>
<p><strong>51. </strong><a href="http://www.helmy-bern.cz/" target="_blank"><strong>Helmy Bern</strong><br />
</a></p>
<p>The navigation layout is in a grunge theme that also has a jQuery drop down effects.</p>
<p><a href="http://www.helmy-bern.cz/"><img class="alignbottom size-full wp-image-29806" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/10/javascript-based-navigation-menu-helmy.jpg" alt="" width="570" height="150" /></a></p>
<p><strong>52. </strong><a href="http://www.netdreams.co.uk/index.php/what-we-do/web-services/" target="_blank"><strong>Internet Dreams</strong><br />
</a></p>
<p>The creative hover effect is not usual but it gives a distinguish look over what menu users choose in.</p>
<p><a href="http://www.netdreams.co.uk/index.php/what-we-do/web-services/"><img class="alignbottom size-full wp-image-29813" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/10/javascript-based-navigation-menu-netdreams.jpg" alt="" width="570" height="150" /></a></p>
<p><strong>53.</strong><a href="http://www.panic.com/coda/" target="_blank"><strong> Panic -Coda</strong><br />
</a></p>
<p>Familiar and popular icons were used to navigate users easily.</p>
<p><a href="http://www.panic.com/coda/"><img class="alignbottom size-full wp-image-29817" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/10/javascript-based-navigation-menu-coda.jpg" alt="" width="570" height="150" /></a></p>
<p><strong>54. </strong><a href="http://www.taptaptap.com/" target="_blank"><strong>TapTapTap</strong><br />
</a></p>
<p>Restaurant menu-like navigation is really great. I really love this navigation because of its simplicity yet creative design.</p>
<p><a href="http://www.taptaptap.com/"><img class="alignbottom size-full wp-image-29820" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/10/javascript-based-navigation-menu-tap.jpg" alt="" width="570" height="570" /></a></p>
<p><strong>55. </strong><a href="http://www.arcinspirations.com/kobe/" target="_blank"><strong>Kobe</strong><br />
</a></p>
<p>This navigation uses a scroll to and scroll in plugin to create  an interesting transitions.</p>
<p><a href="http://www.arcinspirations.com/kobe"><img class="alignbottom size-full wp-image-29830" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/10/javascript-based-navigation-menu-kobe.jpg" alt="" width="570" height="150" /></a></p>
<p><strong>56. </strong><a href="http://bloghelpr.us/" target="_blank"><strong>BlogHelpr</strong><br />
</a></p>
<p>Floater design to use for navigation. It is the creative way to save the person in swimming into the website.</p>
<p><a href="http://bloghelpr.us/"><img class="alignbottom size-full wp-image-29833" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/10/javascript-based-navigation-menu-bloghelper.jpg" alt="" width="570" height="300" /></a></p>
<p><strong>57. </strong><a href="http://eyedraw.eu/" target="_blank"><strong>EyeDraw</strong><br />
</a></p>
<p>EyeDraw uses an expanding images whenever you hover the mouse over the menu.</p>
<p><a href="http://eyedraw.eu/"><img class="alignbottom size-full wp-image-29838" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/10/javascript-based-navigation-menu-eyedraw.jpg" alt="" width="570" height="400" /></a></p>
<p><strong>58. </strong><a href="http://www.andreashinkel.com/" target="_blank"><strong>Andreas Hinkel</strong><br />
</a></p>
<p>Andreas Hinkel uses Polaroid navigation for the animation effect.</p>
<p><a href="http://www.andreashinkel.com/deutsch/home/home.html"><img class="alignbottom size-full wp-image-29845" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/10/javascript-based-navigation-menu-adreas.jpg" alt="" width="570" height="400" /></a></p>
<p><strong>59. </strong><a href="http://www.museugulbenkian.org/eng/#archive/month/" target="_blank"><strong>Museu Gulbenkian</strong><br />
</a></p>
<p>The drag dock  navigation in the bottom is a great way to reveal and hide the menu and submenus.</p>
<p><a href="http://www.museugulbenkian.org/eng/#archive/month/"><img class="alignbottom size-full wp-image-29851" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/10/javascript-based-navigation-menu-museu.jpg" alt="" width="570" height="350" /></a></p>
<p><strong>60. </strong><a href="http://www.sapphiresound.ca/" target="_blank"><strong>Sapphire Sound</strong><br />
</a></p>
<p>The thumbnail used as a menu that has caption effect, custom scroll bar, and you also can see the fading, sliding animation.</p>
<p><a href="http://www.sapphiresound.ca/"><img class="alignbottom size-full wp-image-29852" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/10/javascript-based-navigation-menu-sapphiresound.jpg" alt="" width="570" height="350" /></a></p>
<p><strong>61. </strong><a href="http://www.slicemachine.com/" target="_blank"><strong>Design Slicing</strong><br />
</a></p>
<p>Transition effects is what  I really like on this navigation. The menu are set of questions that when hover are given answers.</p>
<p><a href="http://www.slicemachine.com/"><img class="alignbottom size-full wp-image-29854" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/10/javascript-based-navigation-menu-slicemachine.jpg" alt="" width="570" height="350" /></a></p>
<p>These are few navigation menu design that you can work out on your website but be sure that you don&#8217;t want to get lost in the design and interactivity aspect of your navigation. Let your users be guided on the navigation you choose to deal with.</p>
<p><span style="text-decoration: underline;"><br />
</span><span style="text-decoration: underline;"> </span></p>
]]></content:encoded>
			<wfw:commentRss>http://www.1stwebdesigner.com/inspiration/unusual-navigation-menu/feed/</wfw:commentRss>
		<slash:comments>15</slash:comments>
		</item>
		<item>
		<title>40 Creative Flash Preloaders for your Inspiration</title>
		<link>http://www.1stwebdesigner.com/inspiration/creative-flash-preloaders/</link>
		<comments>http://www.1stwebdesigner.com/inspiration/creative-flash-preloaders/#comments</comments>
		<pubDate>Fri, 27 Aug 2010 21:00:49 +0000</pubDate>
		<dc:creator>Taimur Asghar</dc:creator>
				<category><![CDATA[Inspiration]]></category>
		<category><![CDATA[flash]]></category>
		<category><![CDATA[Preloaders]]></category>
		<category><![CDATA[showcase]]></category>
		<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://www.1stwebdesigner.com/?p=23356</guid>
		<description><![CDATA[Use of Flash in a website means heavy use of animation, images, videos and sound effects, this is why they take lot of time to load, therefore users must have abundance of tolerance and patience . Although many users know about the loading procedure of flash sites but some of them don’t, so to eliminate [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.1stwebdesigner.com/inspiration/creative-flash-preloaders/"><img class="size-full wp-image-23359 alignleft" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/08/flash-preloads.jpg" alt="" width="150" height="150" /></a>Use of Flash in a website means heavy use of animation, images, videos and sound effects, this is why they take lot of time to load, therefore users must have abundance of tolerance and patience . Although many users know about the loading procedure of flash sites but some of them don’t, so to eliminate this confusion designers use preload feature in flash websites.</p>
<p>Preloader is what you see before the main page appears. It can be done by simple bars or counters or percentage signs, but to make website interactive and stand out designers develop and implement creative ideas of making preloads.<span id="more-23356"></span> Today we have compiled some examples of creative flash preloads for your inspiration and enhance your imagination and creativity.</p>
<h2>1. <a href="http://www.happyingreenville.com/">Happy Greenville</a></h2>
<h2><a href="http://www.happyingreenville.com/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/08/St.jpg" border="0" alt="St" width="570" height="350" /></a></h2>
<h2>2. <a href="http://www.adeight.nl/">Ad Eight</a></h2>
<h2><a href="http://www.adeight.nl/"><img style="border-width: 0px;" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/08/AdEightawesomeflashpreloads.jpg" border="0" alt="Ad Eight-awesome-flash-preloads" width="570" height="350" /></a></h2>
<h2>3. <a href="http://laplanete.sldimension.com/">Agence Secondlife</a></h2>
<h2><a href="http://laplanete.sldimension.com/"><img style="border-width: 0px;" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/08/AgenceSecondlifeawesomeflashpreloads.jpg" border="0" alt="Agence-Secondlife-awesome-flash-preloads" width="570" height="350" /></a></h2>
<h2>4. <a href="http://antpaw.org/">Antpaw</a></h2>
<h2><a href="http://antpaw.org/"><img style="border-width: 0px;" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/08/antpawawesomeflashpreloads.jpg" border="0" alt="antpaw-awesome-flash-preloads" width="570" height="350" /></a></h2>
<h2>5. <a href="http://www.bartleboglehegarty.com/">BBH</a></h2>
<h2><a href="http://www.bartleboglehegarty.com/"><img style="border-width: 0px;" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/08/BBHawesomeflashpreloads.jpg" border="0" alt="BBH-awesome-flash-preloads" width="570" height="350" /></a></h2>
<h2>6. <a href="http://www.btob.es/">BTOB</a></h2>
<h2><a href="http://www.btob.es/"><img style="border-width: 0px;" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/08/BTOBawesomeflashpreloads.jpg" border="0" alt="BTOB-awesome-flash-preloads" width="570" height="350" /></a></h2>
<h2>7. <a href="http://www.bunker.hr/">Bunker</a></h2>
<h2><a href="http://www.bunker.hr/"><img style="border-width: 0px;" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/08/Bunkerawesomeflashpreloads.jpg" border="0" alt="Bunker-awesome-flash-preloads" width="570" height="350" /></a></h2>
<h2>8. <a href="http://www.zunejourney.net/">ZUNE</a></h2>
<h2><a href="http://www.zunejourney.net/"><img style="border-width: 0px;" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/08/ZUNE.jpg" border="0" alt="ZUNE" width="570" height="350" /></a></h2>
<h2>9. <a href="http://www.limbus.fr/">Limbus Studio</a></h2>
<h2><a href="http://www.limbus.fr/"><img style="border-width: 0px;" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/08/LIMBUSSTUDIO.jpg" border="0" alt="LIMBUS STUDIO" width="570" height="350" /></a></h2>
<h2>10. <a href="http://www.elipseagency.com/agency.html">Elipse Agency</a></h2>
<h2><a href="http://www.elipseagency.com/agency.html"><img style="border-width: 0px;" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/08/ElipseAgencyawesomeflashpreloads.jpg" border="0" alt="Elipse Agency-awesome-flash-preloads" width="570" height="350" /></a></h2>
<h2>11. <a href="http://okaydave.com/">Dave Werner&#8217;s Portfolio</a></h2>
<h2><a href="http://okaydave.com/"><img style="border-width: 0px;" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/08/DaveWernersPortfolio2006awesomeflashpreloads.jpg" border="0" alt="Dave Werner's Portfolio 2006-awesome-flash-preloads" width="570" height="350" /></a></h2>
<h2>12. <a href="http://food.barba.ru/">Food of the Food</a></h2>
<h2><a href="http://food.barba.ru/"><img style="border-width: 0px;" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/08/FoodoftheFood.jpg" border="0" alt="Food of the Food" width="570" height="350" /></a></h2>
<h2>13. <a href="http://www.oopsdesign.ca/flash/index.html">Oops! Design Inc.</a></h2>
<h2><a href="http://www.oopsdesign.ca/flash/index.html"><img style="border-width: 0px;" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/08/OopsDesignInc.jpg" border="0" alt="Oops! Design Inc." width="570" height="350" /></a></h2>
<h2>14. <a href="http://www.xixinobanho.org.br/">XIXI NO BANHO</a></h2>
<h2><a href="http://www.xixinobanho.org.br/"><img style="border-width: 0px;" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/08/XIXINOBANHO.jpg" border="0" alt="XIXI NO BANHO" width="570" height="350" /></a></h2>
<h2>15. <a href="http://www.pienozvaigzdes.lt/index.php?act=intro">AB &#8220;Pieno žvaigždės&#8221;</a></h2>
<h2><a href="http://www.pienozvaigzdes.lt/index.php?act=intro"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/08/ABawesomeflashpreloads.jpg" border="0" alt="AB-awesome-flash-preloads" width="570" height="350" /></a></h2>
<h2>16. <a href="http://zzz.drinkzzz.com/">ZZZ</a></h2>
<h2><a href="http://zzz.drinkzzz.com/"><img style="border-width: 0px;" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/08/ZZZ.jpg" border="0" alt="ZZZ" width="570" height="350" /></a></h2>
<h2>17. <a href="http://devotchka.net/">DeVotchKa</a></h2>
<h2><a href="http://devotchka.net/"><img style="border-width: 0px;" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/08/DeVotchKaawesomeflashpreloads.jpg" border="0" alt="DeVotchKa-awesome-flash-preloads" width="570" height="350" /></a></h2>
<h2>18. <a href="http://www.starbuckscoffeeathome.com/">Starbucks Coffee</a></h2>
<h2><a href="http://www.starbuckscoffeeathome.com/"><img style="border-width: 0px;" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/08/StarbucksCoffee.jpg" border="0" alt="Starbucks Coffee" width="570" height="350" /></a></h2>
<h2>19. <a href="http://www.sir-patroclo.com/">Sir-Patroclo</a></h2>
<h2><a href="http://www.sir-patroclo.com/"><img style="border-width: 0px;" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/08/SirPatroclo.jpg" border="0" alt="Sir-Patroclo" width="574" height="354" /></a></h2>
<h2>20. <a href="http://www.sourcebits.com/tangleddecals/">Sourcebits TangledDecals</a></h2>
<h2><a href="http://www.sourcebits.com/tangleddecals/"><img style="border-width: 0px;" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/08/SourcebitsTangledDecals.jpg" border="0" alt="Sourcebits TangledDecals" width="574" height="354" /></a></h2>
<h2>21. <a href="http://www.yesmiss.it/">YESS MISS</a></h2>
<h2><a href="http://www.yesmiss.it/"><img style="border-width: 0px;" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/08/YESSMISS.jpg" border="0" alt="YESS MISS" width="574" height="354" /></a></h2>
<h2>22. <a href="http://mellowmushroom.com/index.php">Mellow Mushroom Pizza Bakers</a></h2>
<h2><a href="http://mellowmushroom.com/index.php"><img style="border-width: 0px;" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/08/MellowMushroomPizzaBakers.jpg" border="0" alt="Mellow Mushroom Pizza Bakers" width="574" height="354" /></a></h2>
<h2>23. <a href="http://www.mariafilo.com.br/verao2011/">Maria Filó</a></h2>
<h2><a href="http://www.mariafilo.com.br/verao2011/"><img style="border-width: 0px;" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/08/MariaFil.jpg" border="0" alt="Maria Filó" width="574" height="354" /></a></h2>
<h2>24. <a href="http://porliniers.com/">Por Liniers</a></h2>
<h2><a href="http://porliniers.com/"><img style="border-width: 0px;" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/08/PorLiniers.jpg" border="0" alt="Por Liniers" width="574" height="354" /></a></h2>
<h2>25. <a href="http://www.frontierroom.com/">Frontier Room</a></h2>
<h2><a href="http://www.frontierroom.com/"><img style="border-width: 0px;" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/08/FrontierRoom.jpg" border="0" alt="Frontier Room" width="574" height="354" /></a></h2>
<h2>26. <a href="http://www.redbullsoapboxracer.com/">Red Bull Soapbox Racer</a></h2>
<h2><a href="http://www.redbullsoapboxracer.com/"><img style="border: 0px;" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/08/RedBullSoapboxRacer.jpg" border="0" alt="Red Bull Soapbox Racer" width="574" height="354" /></a></h2>
<h2>27. <a href="http://waterlife.nfb.ca/">WATERLIFE</a></h2>
<h2><a href="http://waterlife.nfb.ca/"><img style="border-width: 0px;" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/08/WATERLIFE.jpg" border="0" alt="WATERLIFE" width="574" height="354" /></a></h2>
<h2>28. <a href="http://www.vdiazphoto.com/">Vicente Díaz Peñas</a></h2>
<h2><a href="http://www.vdiazphoto.com/"><img style="border-width: 0px;" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/08/VicenteDazPeas.jpg" border="0" alt="Vicente Díaz Peñas" width="574" height="354" /></a></h2>
<h2>29. <a href="http://www.galaicofolia.com/">Galaicofolia</a></h2>
<h2><a href="http://www.galaicofolia.com/"><img style="border: 0px;" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/08/Galaicofolia.jpg" border="0" alt="Galaicofolia" width="574" height="354" /></a></h2>
<h2>30. <a href="http://www.through-my-eyes.fr/">David Ohana</a></h2>
<h2><a href="http://www.through-my-eyes.fr/"><img style="border-width: 0px;" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/08/DavidOhanaawesomeflashpreloads.jpg" border="0" alt="David Ohana-awesome-flash-preloads" width="574" height="354" /></a></h2>
<h2>31. <a href="http://www.crittercreative.com/#/help">Critter Creative</a></h2>
<h2><a href="http://www.crittercreative.com/#/help"><img style="border: 0px;" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/08/CritterCreativeawesomeflashpreloads.jpg" border="0" alt="Critter Creative-awesome-flash-preloads" width="574" height="354" /></a></h2>
<h2>32. <a href="http://concept007.ru/#/005">CONCEPT 007 / 005</a></h2>
<h2><a href="http://concept007.ru/#/005"><img style="border: 0px;" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/08/CONCEPT007awesomeflashpreloads.jpg" border="0" alt="CONCEPT 007-awesome-flash-preloads" width="574" height="354" /></a></h2>
<h2>33. <a href="http://www.dissident-wear.com/">Dissident-wear</a></h2>
<h2><a href="http://www.dissident-wear.com/"><img style="border: 0px;" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/08/Dissidentwear.jpg" border="0" alt="Dissident-wear" width="574" height="354" /></a></h2>
<h2>34. <a href="http://www.mynthon.com/en">Mynthon Kaira Ice Fishing Game</a></h2>
<h2><a href="http://www.mynthon.com/en"><img style="border: 0px;" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/08/MynthonKairaIceFishingGame.jpg" border="0" alt="Mynthon Kaira Ice Fishing Game" width="574" height="354" /></a></h2>
<h2>35. <a href="http://www.zeebee.co.uk/#/HOME">ZEEBEE VISUAL COMMUNICATIONS</a></h2>
<h2><a href="http://www.zeebee.co.uk/#/HOME"><img style="border: 0px;" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/08/ZEEBEEVISUALCOMMUNICATIONS.jpg" border="0" alt="ZEEBEE VISUAL COMMUNICATIONS" width="574" height="354" /></a></h2>
<h2>36. <a href="http://hf3.coca-cola.com/">Coca-Cola Happiness Factory</a></h2>
<h2><a href="http://hf3.coca-cola.com/"><img style="border: 0px;" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/08/CocaColaHappinessFactoryawesomeflashpreloads.jpg" border="0" alt="Coca-Cola Happiness Factory-awesome-flash-preloads" width="574" height="354" /></a></h2>
<h2>37. <a href="http://www.flashcomponents.net/component/sleepy_animated_preload.html">Sleepy animated preload!</a></h2>
<h2><a href="http://www.flashcomponents.net/component/sleepy_animated_preload.html"><img style="border: 0px;" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/08/Sleepyanimatedpreload.jpg" border="0" alt="Sleepy animated preload!" width="574" height="354" /></a></h2>
<h2>38. <a href="http://www.sazacat.net/sito/sito.html">Sazacat Portfolio</a></h2>
<h2><a href="http://www.sazacat.net/sito/sito.html"><img style="border: 0px;" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/08/SazacatPortfolio.jpg" border="0" alt="Sazacat Portfolio" width="574" height="354" /></a></h2>
<h2>39. <a href="http://www.cheeseandburger.com/">Cheese &amp; Burger Society</a></h2>
<h2><a href="http://www.cheeseandburger.com/"><img style="border: 0px;" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/08/CheeseBurgerSocietyawesomeflashpreloads.jpg" border="0" alt="Cheese &amp; Burger Society-awesome-flash-preloads" width="574" height="354" /></a></h2>
<h2>40. <a href="http://www.corny.de/">Corny</a></h2>
<h2><a href="http://www.corny.de/"><img style="border: 0px;" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/08/Cornyawesomeflashpreloads.jpg" border="0" alt="Corny-awesome-flash-preloads" width="574" height="354" /></a></h2>
]]></content:encoded>
			<wfw:commentRss>http://www.1stwebdesigner.com/inspiration/creative-flash-preloaders/feed/</wfw:commentRss>
		<slash:comments>22</slash:comments>
		</item>
		<item>
		<title>35 Professionally Made Flash Websites for Your Inspiration</title>
		<link>http://www.1stwebdesigner.com/inspiration/professionally-made-flash-websites-inspiration/</link>
		<comments>http://www.1stwebdesigner.com/inspiration/professionally-made-flash-websites-inspiration/#comments</comments>
		<pubDate>Thu, 27 May 2010 21:00:18 +0000</pubDate>
		<dc:creator>Tina Zennand</dc:creator>
				<category><![CDATA[Inspiration]]></category>
		<category><![CDATA[flash]]></category>
		<category><![CDATA[showcase]]></category>
		<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://www.1stwebdesigner.com/?p=14510</guid>
		<description><![CDATA[Since Flash came into our life, there have always been &#8220;two camps&#8221;: Flash-lovers and Flash-haters. All of the &#8220;lovers&#8221; and &#8220;haters&#8221; have their own reasons of loving or hating it.  As for me, all the disputes on this theme have no sense, until we&#8217;ve got a really worthy substitute for Flash. There are tons of [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.1stwebdesigner.com/inspiration/professionally-made-flash-websites-inspiration/" target="_self"><img class="size-full wp-image-17134 alignleft" title="title-flash-websites-inspiration" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/05/title-flash-websites-inspiration.jpg" alt="" width="150" height="150" /></a>Since Flash came into our life, there have always been &#8220;two camps&#8221;: Flash-lovers and Flash-haters. All of the &#8220;lovers&#8221; and &#8220;haters&#8221; have their own reasons of loving or hating it.  As for me, all the disputes on this theme have no sense, until we&#8217;ve got a really worthy substitute for Flash.</p>
<p>There are tons of information written on the subjects &#8220;to use or not to use&#8230;&#8221;, &#8220;advantages and disadvantages&#8230;”, etc. I think it&#8217;s not the point Flash is good or bad, &#8211; it just certainly has its place &#8211; that&#8217;s it.<span id="more-14510"></span> And the &#8220;members&#8221; of the “two camps” should understand that there is nothing to argue about. If you are a photographer or designer and you need motion, interactivity, &#8211; Flash will definitely be the right choice. If you wish to express your originality, with Flash you will achieve that. But if your website is about delivering straight up information, then CSS/(X)HTML will work good for you. In other words, HTML is great for informative websites, and Flash is perfect for creating unforgettable effects.</p>
<p>Since I myself am a little partial to Flash, this showcase will not be devoted to “the best HTML websites”:)</p>
<p>The Flash websites I have selected for this post are all professionally developed; they are not only visually attractive, but are also functionally correct, load in a few seconds and disprove most of the existing <strong>mistaken opinions</strong> as for Flash that have been spread around, i.e.:</p>
<ol>
<li>All Flash websites load slowly;</li>
<li>All Flash websites have long loading intros;</li>
<li>It’s impossible to use SWFWheel on Flash websites;</li>
<li>You cannot select and copy the text content on Flash websites;</li>
<li>All Flash websites have music blaring starting automatically;</li>
<li>Flash websites are bad for SEO (<a title="SEO Guide" href="http://www.flashmoto.com/blog/project-news/seo-guide-optimize-your-flash-cms-website/" target="_blank">be sure it is a myth</a>);</li>
<li> It’s impossible to use the “back” button; etc.</li>
</ol>
<p>So, view the showcase and draw a conclusion yourself…</p>
<h2>1. <a title="Lyndonwade" href="http://lyndonwade.com/" target="_blank">Lyndon Wade</a></h2>
<p style="text-align: center;"><a title="Lyndonwade" href="http://lyndonwade.com/" target="_blank"><img class="size-full wp-image-14511 aligncenter" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/05/lyndonwade.jpg" alt="" width="570" height="367" /></a></p>
<p style="text-align: center;">
<h2>2. <a title="Myorangebox" href="http://www.myorangebox.com/#selected%20projects" target="_blank">Myorangebox</a></h2>
<p style="text-align: center;"><a title="Myorangebox" href="http://www.myorangebox.com/#selected%20projects" target="_blank"><img class="size-full wp-image-14512 aligncenter" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/05/myorb.jpg" alt="" width="570" height="460" /></a></p>
<p style="text-align: center;">
<h2>3. <a title="Skive" href="http://skive.co.uk/#" target="_blank">Skive</a></h2>
<p style="text-align: center;"><a title="Skive" href="http://skive.co.uk/#" target="_blank"><img class="size-full wp-image-14513 aligncenter" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/05/skive.jpg" alt="" width="570" height="360" /></a></p>
<p style="text-align: center;">
<h2>4. <a title="Achtung" href="http://www.achtung.nl/" target="_blank">Achtung</a></h2>
<p style="text-align: center;"><a title="Achtung" href="http://www.achtung.nl/" target="_blank"><img class="size-full wp-image-14514 aligncenter" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/05/achtung.jpg" alt="" width="570" height="372" /></a></p>
<p style="text-align: center;">
<h2>5. <a title="4060" href="http://www.4060.com.ar/" target="_blank">4060</a></h2>
<p style="text-align: center;"><a title="4060" href="http://www.4060.com.ar/" target="_blank"><img class="size-full wp-image-14515 aligncenter" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/05/4060.jpg" alt="" width="570" height="355" /></a></p>
<p style="text-align: center;">
<h2>6. <a title="Estudiocora" href="http://www.estudiocora.com/" target="_blank">Estudiocora</a></h2>
<p style="text-align: center;"><a title="Estudiocora" href="http://www.estudiocora.com/" target="_blank"><img class="size-full wp-image-14516 aligncenter" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/05/estudiocora.jpg" alt="" width="570" height="397" /></a></p>
<p style="text-align: center;">
<h2>7. <a title="Restatemedia" href="http://www.restatemedia.com/" target="_blank">Restatemedia</a></h2>
<p style="text-align: center;"><a title="Restatemedia" href="http://www.restatemedia.com/" target="_blank"><img class="size-full wp-image-14517 aligncenter" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/05/restatemedia.jpg" alt="" width="570" height="349" /></a></p>
<p style="text-align: center;">
<h2>8. <a title="Pabloalfieri" href="http://www.pabloalfieri.com/" target="_blank">Pabloalfieri</a></h2>
<p style="text-align: center;"><a title="Pabloalfieri" href="http://www.pabloalfieri.com/" target="_blank"><img class="size-full wp-image-14518 aligncenter" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/05/pabloalfieri.jpg" alt="" width="570" height="368" /></a></p>
<p style="text-align: center;">
<h2>9. <a title="Marijaivkovic" href="http://www.marijaivkovic.com/#/home/" target="_blank">Marija Ivkovic</a></h2>
<p style="text-align: center;"><a title="Marijaivkovic" href="http://www.marijaivkovic.com/#/home/" target="_blank"><img class="size-full wp-image-14519 aligncenter" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/05/marijaivkovic.jpg" alt="" width="570" height="289" /></a></p>
<p style="text-align: center;">
<h2>10. <a title="D10studio" href="http://www.d10studio.com.mx/home.php" target="_blank">D10studio</a></h2>
<p style="text-align: center;"><a title="D10studio" href="http://www.d10studio.com.mx/home.php" target="_blank"><img class="size-full wp-image-14520 aligncenter" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/05/d10studio.jpg" alt="" width="570" height="396" /></a></p>
<p style="text-align: center;">
<h2>11. <a title="Bluecollaragency" href="http://www.bluecollaragency.com/" target="_blank">Bluecollaragency</a></h2>
<p style="text-align: center;"><a title="Bluecollaragency" href="http://www.bluecollaragency.com/" target="_blank"><img class="size-full wp-image-14521 aligncenter" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/05/bluecollaragency.jpg" alt="" width="570" height="384" /></a></p>
<p style="text-align: center;">
<h2>12. <a title="Pepperworks" href="http://www.pepperworks.pl/#/home" target="_blank">Pepperworks</a></h2>
<p style="text-align: center;"><a title="Pepperworks" href="http://www.pepperworks.pl/#/home" target="_blank"><img class="size-full wp-image-14522 aligncenter" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/05/pepperworks.jpg" alt="" width="570" height="371" /></a></p>
<p style="text-align: center;">
<h2>13. <a title="Mediosyproyectos" href="http://www.mediosyproyectos.com/" target="_blank">Mediosyproyectos</a></h2>
<p style="text-align: center;"><a title="Mediosyproyectos" href="http://www.mediosyproyectos.com/" target="_blank"><img class="size-full wp-image-14523 aligncenter" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/05/mediosyproyectos.jpg" alt="" width="570" height="373" /></a></p>
<p style="text-align: center;">
<h2>14. <a title="Ozanakoglu" href="http://www.ozanakoglu.com/" target="_blank">Ozanakoglu</a></h2>
<p style="text-align: center;"><a title="Ozanakoglu" href="http://www.ozanakoglu.com/" target="_blank"><img class="size-full wp-image-14524 aligncenter" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/05/ozanakoglu.jpg" alt="" width="570" height="393" /></a></p>
<p style="text-align: center;">
<h2>15. <a title="Meghanfredrich" href="http://www.meghanfredrich.com/" target="_blank">Meghanfredrich</a></h2>
<p style="text-align: center;"><a title="Meghanfredrich" href="http://www.meghanfredrich.com/" target="_blank"><img class="size-full wp-image-14525 aligncenter" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/05/meghanfredrich.jpg" alt="" width="570" height="404" /></a></p>
<p style="text-align: center;">
<h2>16. <a title="Opcd" href="http://www.opcd.net/#/langholtsrett/" target="_blank">Thomas Spiessens</a></h2>
<p style="text-align: center;"><a title="Opcd" href="http://www.opcd.net/#/langholtsrett/" target="_blank"><img class="size-full wp-image-14526 aligncenter" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/05/opcd.jpg" alt="" width="570" height="359" /></a></p>
<p style="text-align: center;">
<h2>17. <a title="Marcoszender" href="http://www.marcoszender.com/" target="_blank">Marcoszender</a></h2>
<p style="text-align: center;"><a title="Marcoszender" href="http://www.marcoszender.com/" target="_blank"><img class="size-full wp-image-14527 aligncenter" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/05/marcoszender.jpg" alt="" width="570" height="399" /></a></p>
<p style="text-align: center;">
<h2>18. <a title="Carolina Garcia" href="http://www.carolina-garcia.com/" target="_blank">Carolina Garcia</a></h2>
<p style="text-align: center;"><a title="Carolina Garcia" href="http://www.carolina-garcia.com/" target="_blank"><img class="size-full wp-image-14528 aligncenter" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/05/carolina_garcia.jpg" alt="" width="570" height="352" /></a></p>
<p style="text-align: center;">
<h2>19. <a title="Vanio Ivanov" href="http://www.vanio.no-frost.net/" target="_blank">Vanio Ivanov</a></h2>
<p style="text-align: center;"><a title="Vanio Ivanov" href="http://www.vanio.no-frost.net/" target="_blank"><img class="size-full wp-image-14529 aligncenter" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/05/vanio.jpg" alt="" width="570" height="381" /></a></p>
<p style="text-align: center;">
<h2>20. <a title="Ian Wharton" href="http://www.ianwharton.com/" target="_blank">Ian Wharton</a></h2>
<p style="text-align: center;"><a title="Ian Wharton" href="http://www.ianwharton.com/" target="_blank"><img class="size-full wp-image-14530 aligncenter" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/05/ianwharton.jpg" alt="" width="570" height="388" /></a></p>
<p style="text-align: center;">
<h2>21. <a title="Mymediaisrich" href="http://www.mymediaisrich.com/#/home" target="_blank">Mymediaisrich</a></h2>
<p style="text-align: center;"><a title="Mymediaisrich" href="http://www.mymediaisrich.com/#/home" target="_blank"><img class="size-full wp-image-14531 aligncenter" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/05/mymediaisrich.jpg" alt="" width="570" height="356" /></a></p>
<p style="text-align: center;">
<h2>22. <a title="Workingelement" href="http://www.workingelement.com/" target="_blank">Workingelement</a></h2>
<p style="text-align: center;"><a title="Workingelement" href="http://www.workingelement.com/" target="_blank"><img class="size-full wp-image-14532 aligncenter" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/05/workingelement.jpg" alt="" width="570" height="370" /></a></p>
<p style="text-align: center;">
<h2>23. <a title="Superreal" href="http://www.superreal.de/#/start/" target="_blank">Superreal</a></h2>
<p style="text-align: center;"><a title="Superreal" href="http://www.superreal.de/#/start/" target="_blank"><img class="size-full wp-image-14533 aligncenter" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/05/superreal.jpg" alt="" width="570" height="385" /></a></p>
<p style="text-align: center;">
<h2>24. <a title="Dikstudio" href="http://www.dikstudio.net/" target="_blank">Dikstudio</a></h2>
<p style="text-align: center;"><a title="Dikstudio" href="http://www.dikstudio.net/" target="_blank"><img class="size-full wp-image-14534 aligncenter" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/05/dikstudio.jpg" alt="" width="570" height="375" /></a></p>
<p style="text-align: center;">
<p style="text-align: center;">
<h2>25. <a title="Christiansparrow" href="http://www.christiansparrow.com/" target="_blank">Christiansparrow</a></h2>
<p style="text-align: center;"><a title="Christiansparrow" href="http://www.christiansparrow.com/" target="_blank"><img class="size-full wp-image-14535 aligncenter" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/05/christiansparrow.jpg" alt="" width="570" height="388" /></a></p>
<p style="text-align: center;">
<h2>26. <a title="Formag" href="http://www.formag.sk/" target="_blank">Formag</a></h2>
<p style="text-align: center;"><a title="Formag" href="http://www.formag.sk/" target="_blank"><img class="size-full wp-image-14536 aligncenter" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/05/formag.jpg" alt="" width="570" height="384" /></a></p>
<p style="text-align: center;">
<h2>27. <a title="Grey" href="http://www.grey.co.uk/" target="_blank">Grey</a></h2>
<h2 style="text-align: center;"><a title="Grey" href="http://www.grey.co.uk/" target="_blank"><img class="size-full wp-image-14537 aligncenter" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/05/grey.jpg" alt="" width="570" height="325" /></a></h2>
<h2>28. <a title="Arqandgraph" href="http://www.arqandgraph.com/" target="_blank">Arqandgraph</a></h2>
<p style="text-align: center;"><a title="Arqandgraph" href="http://www.arqandgraph.com/" target="_blank"><img class="size-full wp-image-14538 aligncenter" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/05/arqandgraph.jpg" alt="" width="570" height="372" /></a></p>
<p style="text-align: center;">
<h2>29. <a title="Ars Thanea" href="http://www.arsthanea.com/" target="_blank">Ars Thanea</a></h2>
<p style="text-align: center;"><a title="Ars Thanea" href="http://www.arsthanea.com/" target="_blank"><img class="size-full wp-image-14539 aligncenter" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/05/arsthanea.jpg" alt="" width="570" height="369" /></a></p>
<p style="text-align: center;">
<h2>30. <a title="Formtroopers" href="http://www.formtroopers.com/" target="_blank">Formtroopers</a></h2>
<p style="text-align: center;"><a title="Formtroopers" href="http://www.formtroopers.com/" target="_blank"><img class="size-full wp-image-14540 aligncenter" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/05/formtroopers.jpg" alt="" width="570" height="354" /></a></p>
<p style="text-align: center;">
<h2>31. <a title="Imnotanaddict" href="http://www.imnotanaddict.com/" target="_blank">Imnotanaddict</a></h2>
<p style="text-align: center;"><a title="Imnotanaddict" href="http://www.imnotanaddict.com/" target="_blank"><img class="size-full wp-image-14541 aligncenter" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/05/imnotanaddict.jpg" alt="" width="570" height="421" /></a></p>
<p style="text-align: center;">
<h2>32. <a title="Zum Kuckuck" href="http://www.zumkuckuck.com/de/index.html" target="_blank">Zum Kuckuck</a></h2>
<p style="text-align: center;"><a title="Zum Kuckuck" href="http://www.zumkuckuck.com/de/index.html" target="_blank"><img class="size-full wp-image-14542 aligncenter" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/05/zumkuckuck.jpg" alt="" width="570" height="417" /></a></p>
<p style="text-align: center;">
<h2>33. <a title="Tecknosfera" href="http://www.tecknosfera.com/#/parque-faunia" target="_blank">Tecknosfera</a></h2>
<p style="text-align: center;"><a title="Tecknosfera" href="http://www.tecknosfera.com/#/parque-faunia" target="_blank"><img class="size-full wp-image-14544 aligncenter" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/05/tecknosfera1.jpg" alt="" width="570" height="438" /></a></p>
<p style="text-align: center;">
<p style="text-align: center;">
<h2>34. <a title="Oneover" href="http://www.oneover.com/" target="_blank">Jon Ruppel</a></h2>
<p style="text-align: center;"><a title="Oneover" href="http://www.oneover.com/" target="_blank"><img class="size-full wp-image-14545 aligncenter" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/05/oneover.jpg" alt="" width="570" height="429" /></a></p>
<p style="text-align: center;">
<h2>35. <a title="Greydient" href="http://www.greydient.com/" target="_blank">Greydient</a></h2>
<p style="text-align: center;"><a title="Greydient" href="http://www.greydient.com/" target="_blank"><img class="size-full wp-image-14546 aligncenter" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/05/greyfident.jpg" alt="" width="570" height="380" /></a></p>
<p style="text-align: center;">
<p>Of course, it doesn’t mean that the whole internet should be Flash, but without it everything would be so boring! What do you think?</p>
<p style="text-align: left;">
]]></content:encoded>
			<wfw:commentRss>http://www.1stwebdesigner.com/inspiration/professionally-made-flash-websites-inspiration/feed/</wfw:commentRss>
		<slash:comments>10</slash:comments>
		</item>
		<item>
		<title>An Indepth Review of 9 Best Flash CMS Solutions</title>
		<link>http://www.1stwebdesigner.com/freebies/an-indepth-review-of-9-best-flash-cms-solutions/</link>
		<comments>http://www.1stwebdesigner.com/freebies/an-indepth-review-of-9-best-flash-cms-solutions/#comments</comments>
		<pubDate>Tue, 18 May 2010 10:14:47 +0000</pubDate>
		<dc:creator>Anastasia Miles</dc:creator>
				<category><![CDATA[Freebies]]></category>
		<category><![CDATA[cms]]></category>
		<category><![CDATA[flash]]></category>
		<category><![CDATA[review]]></category>
		<category><![CDATA[softwares]]></category>
		<category><![CDATA[tools]]></category>
		<category><![CDATA[webdesign]]></category>

		<guid isPermaLink="false">http://www.1stwebdesigner.com/?p=13939</guid>
		<description><![CDATA[Flash templates are getting more and more popular these days and though beautiful outside, they can be a real disaster inside. While most of the template companies state that their templates are easy to manage and update, customizing the ready-made template can be a tough task for you. How to ensure that you won&#8217;t have [...]]]></description>
			<content:encoded><![CDATA[<p>Flash templates are getting more and more popular these days and though beautiful outside, they can be a real disaster inside. While most of the template companies state that their templates are easy to manage and update, customizing the ready-made template can be a tough task for you. How to ensure that you won&#8217;t have to dive into the flash code, Action Script or spend hundreds of dollars on a web developer to customize the template for you? This post is meant to give you a helping hand in the world of various flash templates and flash systems so if you consider creating your website from the flash template and want it to be real easy and affordable this post is for you.<span id="more-13939"></span></p>
<p>First of all and if you have never seen Adobe Flash, do not try to convince yourself that you can manage it. Yes, you can probably learn some simple things from YouTube tutorials, but the flash templates of the new generation are much more than just a number or links, images and text blocks. So what&#8217;s the solution if you are a flash fan and dream of an awesome interactive flash template?</p>
<h2>Flash Content Management System.</h2>
<p>What&#8217;s a flash content management system or simply flash CMS? That&#8217;s a system that helps you manage your flash website without actual source files editing. The CMS based flash template usually consists of the 3 main sections: the design skin- that works like the shell for the content, the core- the codes and programmed functions, and the website content- that can be stored in the database or external txt/xml files. The content management system in simple words is an administrative interface where you can enter the content in a convenient, intuitive, friendly manner without going into any codes and this content will show up on the website in the real time.</p>
<p>So Flash CMS seems to be a really cool solution but can you build your website using its functionality if you are not a flash developer? The answer is obviously no. There have been lots of Flash CMS solutions reviews recently but they are useless for the regular users as most of us simply don&#8217;t know where and how to implement them. That&#8217;s why I have decided to create a review of Flash CMS templates solutions presently available on the market, the solutions that will allow you build your new flash website quickly, easily at without additional costs.</p>
<h2><a href="http://www.wix.com">1. Wix Site Builder</a></h2>
<p><a href="http://www.wix.com"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/05/wix.jpg" alt="" width="570" height="306" /></a></p>
<p>If you have ever been looking for a free flash website you might have been on a Wix site and even considered using their builder to create your free flash website. Guys at Wix have a huge number of nicely designed templates and working with the Wix system is a real pleasure. It takes just a few minutes to sign up with them, choose the template and proceed to the editing interface. Editing the template reminds more of a fun game with big iconed tools :) You can change texts and fonts, you can add photos, videos and music and create nice galleries. You can also view your website online on the link like this one <a href="http://www.wix.com/adzyasan/anastasia">http://www.wix.com/adzyasan/anastasia</a> and it&#8217;s also for free.</p>
<p>If you want more features than the free version of Wix allows you can sign up for a premium account (<strong>starting from $4.95/month</strong>) and use your own domain name, remove Wix ads and logo from your website.</p>
<h2></h2>
<h2><a href="http://www.readyphotosite.com">2. ReadyPhotoSite Flash CMS</a></h2>
<p><a href="http://www.readyphotosite.com"><img class=" size-full wp-image-13963" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/05/readyphotosite.jpg" alt="" width="570" height="270" /></a></p>
<p>Initially developed for photographers community, ReadyPhotoSite CMS can be used to create any type of website, from business to entertainment sites. The product is available in 4 packages:</p>
<ul>
<li>Basic- for business websites;</li>
<li>Creative- for photography websites and personal portfolios;</li>
<li>Ecommerce- for online flash stores;</li>
<li>Premium- includes the design .fla files allowing to make modifications not available from the admin area.</li>
</ul>
<p>The modules presented in ReadyPhotoSite CMS include:</p>
<ul>
<li>General website settings (logo, menu, copyright etc);</li>
<li>Meta-data manager;</li>
<li>Photo gallery (unlimited number of photo galleries);</li>
<li>Video gallery (unlimited number of video galleries);</li>
<li>Slideshow creator;</li>
<li>Mp3 tracks editor;</li>
<li>News section;</li>
<li>Events editor;</li>
<li>Password protected galleries;</li>
<li>Shopping cart and online store.</li>
</ul>
<p><strong>The pricing for ReadyPhotoSite websites depends on functionality.</strong> The basic package is $149, creative $159, ecommerce- $199 and premium package is $250.</p>
<p>The collection presently includes 10 templates and several new templates are added monthly. The templates do not require database to store info. All the texts, paths to the files and parameters are stored in the external XML files used by the system. The system is skin based but there are certain design restrictions applied for every template and thus changing one design to the other might be not a good idea. Deep linking technology makes ReadyPhotoSite websites search engine friendly and lets your reference the difference sections of your flash website as if it was simple clean HTML.</p>
<p><strong>View <a href="http://www.readyphotosite.com/products.php">ReadyPhotoSite templates</a></strong> <strong>View <a href="http://www.readyphotosite.com/demo/ecommerce/admin/">admin area demo </a> </strong></p>
<h2><a href="http://fancycms.com">3. Fancy CMS</a></h2>
<p><a href="http://fancycms.com"><img class=" size-full wp-image-13964" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/05/fancy-cms.jpg" alt="" width="570" height="406" /></a></p>
<p>Fancy CMS is a new promising flash content management system that seems to be still in development. They have triumphantly launched their first template and promise more to come shortly. As a fresh developing product Fancy CMS might also be interesting for flash developers as there&#8217;s a beta version of Fancy Flash CMS Core available for free. One oops- the admin area is not available yet so if you decide to download the templates be ready to edit the info directly in the xml files.</p>
<p>Among the interesting features of Fancy Flash CMS are:</p>
<ul>
<li>Rich content pages with 2-level menus;</li>
<li>Flash blog;</li>
<li>e-commerce shopping cart,</li>
<li>Option to change the pages design and layout;</li>
<li>Video, Image &amp; Sound Galleries.</li>
</ul>
<p>The system is skin based so you can easily change skins to newer design versions. At the moment the system is <strong>free</strong>.</p>
<p><strong><a href="http://fancycms.com/free-flash-cms/">Download Free Fancy CMS </a></strong></p>
<h2><a href="http://www.flashmoto.com">4. FlashMoto CMS</a></h2>
<p><img class=" size-full wp-image-13965" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/05/flashmoto1.jpg" alt="" width="570" height="267" /></p>
<p>Loved by flash developers the FlashMoto CMS has the widest range of functionality possible. There&#8217;s an option to edit the core of the system, add new modules and widgets and create separate projects based on the FlashMoto CMS. However when it comes to website management it gets complicated for most of us&#8230; since there are too many options available. Certain functionality limitations would guarantee that design look and feel remains stylish and professional but this in not the case when you can play around with almost every element and then can&#8217;t set it back to default position. Yet, we have to admit that FlashMoto CMS is a powerful engine, though (and in the consent of our theme today) oriented more on developers than end users. What&#8217;s really cool about this CMS is the Multilingual Control Panel supporting 12 languages.</p>
<p>Among the features of the FlashMoto CMS you will find:</p>
<ul>
<li>Interface to update general settings like logo, menu, company name etc;</li>
<li>Ability to add unlimited number of pages in a rich WYSIWYG editing environment;</li>
<li>Media Library &amp; Preload Item option;</li>
<li>News module, Video &amp; Image Gallery ;</li>
<li>Video and MP3 player.</li>
</ul>
<p>While the admin area works smooth I can&#8217;t call it intuitive though this can be a matter of time and getting used to things. People logging in for the first time to WordPress or Oscommerce admin area might be feeling kinda lost as well :)</p>
<p>The templates cost around <strong>$250</strong> and are all designed in the up-to-date clean style which makes the offer even more attractive.</p>
<p>There&#8217;s an interesting fact that FlashMint and FlashMoto which are supposed to be competitors have recently signed an <a href="http://www.flashmint.com/wp/2010/04/flashmint-flashmoto/">agreement</a> where FlashMint will be developing templates based on FlashMoto CMS.</p>
<p><strong>View <a href="http://templates.flashmoto.com/">FlashMoto CMS templates</a></strong> <strong>View <a href="http://www.flashmoto.com/demo/">admin area demo</a> </strong></p>
<h2><a href="http://www.flashmint.com">5. Mint Editor</a></h2>
<p><a href="http://www.flashmint.com"><img class=" size-full wp-image-13967" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/05/mint-editor-full.png" alt="" width="570" height="290" /></a></p>
<p>Mint editor is another flash website management product created by www.flashmint.com. This is not a standalone product or system but rather a management interface allowing to easily update info on the flash templates via simple admin area. While opened in Mint Editor, the template is represented as a structured combination of various flash components, with a separate set of configuration settings for each of them. The list of components include:</p>
<ul>
<li>Audio gallery;</li>
<li>Image gallery;</li>
<li>Video gallery;</li>
<li>Slideshow;</li>
<li>Dynamic news;</li>
<li>Dynamic text page;</li>
<li>Contact section.</li>
</ul>
<p>Mint Editor is probably the <strong>cheapest solution</strong> of that kind presented on the market. Mint Editor templates <strong>cost $50</strong> and are hand-coded for a certain appropriate design.</p>
<h2><a href="http://auroraflash.org">6. AuroraFlash Site Builder</a></h2>
<p><a href="http://auroraflash.org"><img class=" size-full wp-image-13978" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/05/aurora.jpg" alt="" width="570" height="267" /></a></p>
<p>In simple words AuroraFlash site builder is your desktop flash WYSIWYG editor allowing to build fantastic flash websites without any special skills and within 30 minutes. The concept is very simple and the editor works as a candy. All you have to do is download the editor and auto install it on your computer in several simple clicks. After that the program will offer you choose the template to work with from the number of default designs and the interface will load.</p>
<p>The components presented in default free templates include:</p>
<ul>
<li>Text pages;</li>
<li>News;</li>
<li>Photo gallery;</li>
<li>Contact section.</li>
</ul>
<p>There&#8217;s a <a href="http://auroraflash.org/downloads/pack1.zip">set of flash templates</a> you can download directly from the website absolutely for free and use it for creating of your personal website, however if you plan creating a project for your customer based on AuroraFlash website builder be sure to read the <a href="http://auroraflash.org/blog/?p=175">licensing terms</a>.</p>
<h2><a href=" http://www.yooba.com">7. Yooba Flash CMS</a></h2>
<p><strong>Developer:</strong></p>
<p><a href=" http://www.yooba.com"><img class=" size-full wp-image-13968" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/05/yooba.jpg" alt="" width="570" height="331" /></a></p>
<p>Yooba Flash CMS is a tool for creating simple flash animated websites in the Yooba environment. That&#8217;s a hosted solution so in order to manage your website you have to login to the membership area on the Yooba website. Before starting on the project you&#8217;ll have to prepare the design of your new web page and save all the elements as separate images that then will be uploaded to your Yooba interface. The nice feature about Yooba is that they offer simple website visitors stats.</p>
<p>The price of Yooba is somewhat high- <strong>€40 per slot a month</strong> and you have to build the design on your own. Yooba is not a CMS in the usual understanding however it allows to create animated websites with easy and without flash or any other special knowledge.</p>
<h2>8. <a href="http://www.flashmint.com">FlashMint CMS v3</a></h2>
<p><a href="http://www.flashmint.com"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/05/cmsv3.jpg" alt="" width="570" height="299" /></a></p>
<p>FlashMint is a leading provider of Flash CMS Templates. They have CMS v1, CMS v2 and CMS v3 templates presented in their collection. While the first two versions of FlashMint content management system where pretty primitive, version 3 looks cool. There&#8217;s a nice intuitive admin area and the administration interface allows to perform the following basic actions:</p>
<ul>
<li>Upload your logo; add company name;</li>
<li>Upload website background image;</li>
<li>Change company name and menu colors.</li>
</ul>
<p>As every content management system FlashMint CMS v3 allows:</p>
<ul>
<li>Create unlimited number of text pages;</li>
<li>Rearrange the order of the menu tabs.</li>
</ul>
<p>FlashMint CMS v3 was developed mainly as the content management system for portfolios and photography websites hence the following features:</p>
<ul>
<li>Unlimited number of photo galleries;</li>
<li>Photo controls for the website visitors;</li>
<li>Photo search;</li>
<li></li>
<li>Unlimited number of video galleries;</li>
<li>Slideshow creator.</li>
</ul>
<p>Other modules presented in FlashMint CMS v3 include news editor, events editor, mp3 track editor, meta tags section. There are 30 beautiful flash templates to choose from, no special server requirements and no complicated installation. The system is not skin based, so every template is developed separately.</p>
<p><strong>Template price: $204-215</strong></p>
<h2><a href=" http://templateaction.com">9. TemplateAction Flash CMS</a></h2>
<p><strong>Developer:</strong></p>
<p><img class=" size-full wp-image-13970" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/05/TemplateAction.jpg" alt="" width="570" height="306" /></p>
<p>According to TemplateAction team, TemplateAction website templates are fully customizable and editable via an extensive control panel. The admin area allows:</p>
<ul>
<li>Rename pages, edit and format texts;</li>
<li>Add links, add/remove/change images;</li>
<li>Change the video background.</li>
</ul>
<p>Compared to other Flash CMS system reviewed above, TemplateAction CMS doesn&#8217;t have an advanced functionality but it&#8217;s quite enough for a simple flash business or personal website. There are 17 nice templates presently available and the price is fair- <strong>$89</strong> only. There&#8217;s a admin panel demo available on <a href="http://templateaction.com/flash-cms-demo">YouTube</a> so you have a good chance to review the functionality before making your choice of the CMS based flash template and placing the order.</p>
<p>In conclusion I&#8217;d like to say that it&#8217;s only up to you what system to choose for creating and managing your flash website but let me give you some advice.</p>
<ol>
<li>Check the admin panel demo before making the purchase and make sure that it&#8217;s convenient for you. Don&#8217;t trust the words, test it.</li>
<li>Think what features you need and what you don&#8217;t- you don&#8217;t have to pay for the stuff that you don&#8217;t need.</li>
<li>Make your decision based on your template type. If you are a photographer- you&#8217;ll need photo and video galleries as well as your own domain name for brand recognition. Wix templates will work for a personal hobby website but you have to be more thoughtful when choosing a flash solution for your company business website.</li>
<li>Avoid all the templates with huge/complex animations. This websites will not only work slowly but can make the browser and computer freeze.</li>
</ol>
<p>Feel free to share your thoughts. All the best guys! Have a great day and see you soon again :)</p>
]]></content:encoded>
			<wfw:commentRss>http://www.1stwebdesigner.com/freebies/an-indepth-review-of-9-best-flash-cms-solutions/feed/</wfw:commentRss>
		<slash:comments>8</slash:comments>
		</item>
		<item>
		<title>60 Interactive, 3D And Astonishing Webdesigns Created In Flash</title>
		<link>http://www.1stwebdesigner.com/inspiration/interactive-3d-webdesigns-flash/</link>
		<comments>http://www.1stwebdesigner.com/inspiration/interactive-3d-webdesigns-flash/#comments</comments>
		<pubDate>Tue, 23 Feb 2010 11:00:01 +0000</pubDate>
		<dc:creator>Dainis Graveris</dc:creator>
				<category><![CDATA[Inspiration]]></category>
		<category><![CDATA[Web Interfaces]]></category>
		<category><![CDATA[3D]]></category>
		<category><![CDATA[adobe]]></category>
		<category><![CDATA[flash]]></category>
		<category><![CDATA[interactive]]></category>
		<category><![CDATA[webdesign]]></category>
		<category><![CDATA[webdev]]></category>

		<guid isPermaLink="false">http://www.1stwebdesigner.com/?p=5732</guid>
		<description><![CDATA[Advances in web technologies has paved the way for multimedia to go far beyond traditional means. Web browsing experience has been drastically improved with creative designs, 3D, mouse interaction, fun games, videos, sound, and astonishing animations, created on Flash platform. It makes extraordinary multimedia experience that attracts visitors. Below is the 60 collection of the [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.1stwebdesigner.com/inspiration/interactive-3d-webdesigns-flash" target="_self"><img class="alignleft" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/02/60-interactive-flash-designs/title-awesome-flash-website.jpg" border="0" alt="Title-awesome-flash-website" /></a>Advances in web technologies has paved the way for multimedia to go far beyond traditional means. Web browsing experience has been drastically improved with creative designs, 3D, mouse interaction, fun games, videos, sound, and astonishing animations, created on Flash platform. It makes extraordinary multimedia experience that attracts visitors.<span id="more-5732"></span></p>
<p>Below is the 60 collection of the most inspiring Flash websites with ever-increasing innovations. As with globalization, you will get to see unique creation from different parts of the world. So, check them out!</p>
<h2><a href="http://www.koflash.com/twigital">1. Twigital</a></h2>
<p>Twigital is an interactive 3D twitter visualisation created for Flash on the Beach and London Digital Week.</p>
<p><a href="http://www.koflash.com/twigital"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/02/60-interactive-flash-designs/twigital-awesome-flash-website.jpg" alt="" width="570" height="427" /></a></p>
<h2><a href="http://www.nck.co.il/">2. NcK Design</a></h2>
<p>NcK Design – Flash 3D Portfolio</p>
<p><a href="http://www.nck.co.il/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/02/60-interactive-flash-designs/nck-design-awesome-flash-website.jpg" alt="" width="570" height="427" /></a></p>
<h2><a href="http://www.nissan.co.uk/">3. Nissan Cars UK</a></h2>
<p>Discover the Nissan range of vehicles: city cars, crossovers, 4×4s, SUVs, sports cars and commercial vehicles.</p>
<p><a href="http://www.nissan.co.uk/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/02/60-interactive-flash-designs/nissan-cars-uk-awesome-flash-website.jpg" alt="" width="570" height="427" /></a></p>
<h2><a href="http://www.campari.com/">4. Campri</a></h2>
<p>The brand new Campari website, all about making cocktails, sharing Red Passion around the world, the new calendar and its testimonial, the brand identity and communication.</p>
<p><a href="http://www.campari.com/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/02/60-interactive-flash-designs/campari-awesome-flash-website.jpg" alt="" width="570" height="427" /></a></p>
<h2><a href="http://www.meintru3d.com/">5. Me InTru 3D</a></h2>
<p>MeInTru3D InTur™3D Intel Advergame.</p>
<p><a href="http://www.meintru3d.com/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/02/60-interactive-flash-designs/meintru3d-awesome-flash-website.jpg" alt="" width="570" height="427" /></a></p>
<h2><a href="http://www.shanemielke.com/projects/ford-2010mustang">6. Ford 2010 Mustang</a></h2>
<p>The 2010 Ford Mustang Unleashed – Watch Videos, view interior and exterior photos, view specifications, build and price your custom Mustang and more.</p>
<p><a href="http://www.shanemielke.com/projects/ford-2010mustang"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/02/60-interactive-flash-designs/mustang-2010-awesome-flash-website.jpg" alt="" width="570" height="427" /></a></p>
<h2><a href="http://www.vb2.com.ec/">7. VB2</a></h2>
<p><a href="http://www.vb2.com.ec/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/02/60-interactive-flash-designs/vb2-awesome-flash-website.jpg" alt="" width="570" height="427" /></a></p>
<h2><a href="http://www.michaelewing.co.uk/100bestfilms">8. 100 Best Films</a></h2>
<p>100 Best Films – animated 3D boxes using Papervision3D engine.</p>
<p><a href="http://www.michaelewing.co.uk/100bestfilms"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/02/60-interactive-flash-designs/100-best-films-awesome-flash-website.jpg" alt="" width="570" height="427" /></a></p>
<h2><a href="http://dan0.net/">9. Dan0</a></h2>
<p>Portfolio of Daniel M. C.</p>
<p><a href="http://dan0.net/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/02/60-interactive-flash-designs/dan0-awesome-flash-website.jpg" alt="" width="570" height="427" /></a></p>
<h2><a href="http://www.koflash.com/audi-vdt">10. Audi VDT</a></h2>
<p><a href="http://www.koflash.com/audi-vdt"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/02/60-interactive-flash-designs/audi-awesome-flash-website.jpg" alt="" width="570" height="427" /></a></p>
<h2><a href="http://www.nike.com/jumpman23/aj2010">11. Air Jordan 2010</a></h2>
<p><a href="http://www.nike.com/jumpman23/aj2010"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/02/60-interactive-flash-designs/air-jordan-awesome-flash-website.jpg" alt="" width="570" height="427" /></a></p>
<h2><a href="http://www.new-peugeot.com/">12. New Peugeot</a></h2>
<p>Peugeot Motion &amp; Emotion.</p>
<h2><a href="http://www.new-peugeot.com/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/02/60-interactive-flash-designs/Peugeot-awesome-flash-website.jpg" alt="" width="570" height="427" /></a></h2>
<h2><a href="http://www.koflash.com/drawn">13. Drawn</a></h2>
<p>Online demo of amazing casual game – Drawn: The Painted Tower, with unique levels.*unofficial*</p>
<h2><a href="http://www.koflash.com/drawn"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/02/60-interactive-flash-designs/Drawn-The-Painted-Tower-awesome-flash-website.jpg" alt="" width="570" height="427" /></a></h2>
<h2><a href="http://www.operationdairy.com/">14. Operation: Dairy</a></h2>
<p>Operation: Dairy – Dairy Education Game from the Mid-Atlantic Dairy Association.</p>
<p><a href="http://www.operationdairy.com/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/02/60-interactive-flash-designs/dairy-education-game-awesome-flash-website.jpg" alt="" width="570" height="427" /></a></p>
<h2><a href="http://www.koflash.com/sobe">15. SoBe</a></h2>
<p>Experience how SoBe defines zero inhibitions and learn more about latest zero calorie flavors from Sobe.</p>
<p><a href="http://www.koflash.com/sobe"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/02/60-interactive-flash-designs/sobe-awesome-flash-website.jpg" alt="" width="570" height="427" /></a></p>
<h2><a href="http://www.transformersgame.com/">16. Transformers: Revenge of the Fallen</a></h2>
<p>Transformers: Revenge of the fallen game for Xbox 360, Playstation 3, Nintendo Wii, and PC.</p>
<p><a href="http://www.transformersgame.com/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/02/60-interactive-flash-designs/transformers-awesome-flash-website.jpg" alt="" width="570" height="427" /></a></p>
<h2><a href="http://www.endlesseye.com/">17. Endless Eye</a></h2>
<p>Endless Eye is a Chicago-based video production and post production company that strives to cultivate socially informative media.</p>
<p><a href="http://www.endlesseye.com/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/02/60-interactive-flash-designs/endless-eye-awesome-flash-website.jpg" alt="" width="570" height="427" /></a></p>
<h2><a href="http://www.koflash.com/scion-xpressionism">18. Scion xPressionism</a></h2>
<p>Custom Scion Designs – A unique Scion application that allows users the ability to customize their Scion paint, patterns, decals, spoilers, rims, light kits, and more.</p>
<p><a href="http://www.koflash.com/scion-xpressionism"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/02/60-interactive-flash-designs/scion-xpressionism-awesome-flash-website.jpg" alt="" width="570" height="427" /></a></p>
<h2><a href="http://www.bigbossstudio.com/">19. big boss studio</a></h2>
<p>Agency specializing in the design and implementation of digital strategies.</p>
<p><a href="http://www.bigbossstudio.com/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/02/60-interactive-flash-designs/big-boss-awesome-flash-website.jpg" alt="" width="570" height="427" /></a></p>
<h2><a href="http://www.007thevideogame.com/">20. Quantum of Solace</a></h2>
<p>James Bond 007, Quantum of Solace is a first-person shooter (third-person shooter for PlayStation 2) video game based on the films Casino Royale and Quantum of Solace.</p>
<p><a href="http://www.007thevideogame.com/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/02/60-interactive-flash-designs/Quantum-of-Solace-awesome-flash-website.jpg" alt="" width="570" height="427" /></a></p>
<h2><a href="http://www.dedone.com.br/">21. Gráfica Dedone</a></h2>
<p><a href="http://www.dedone.com.br/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/02/60-interactive-flash-designs/Grafica-Dedone-awesome-flash-website.jpg" alt="" width="570" height="427" /></a></p>
<h2><a href="http://standard.co.jp/">22. Standard Advertising</a></h2>
<p><span id="result_box"><span title="スタンダード通信社、LOWE TOKYO、Standard Creativeのウェブサイトです。">Standard agency, LOWE TOKYO, Standard Creative is a web site. </span><span title="東京都港区。">Minato-ku, Tokyo. </span><span title="マーケティングやコミュニケーション戦略の企画・制作・実施。">Planning, production, marketing and communication strategy implementation. </span></span></p>
<p><a href="http://standard.co.jp/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/02/60-interactive-flash-designs/Standard-Advertising-awesome-flash-website.jpg" alt="" width="570" height="427" /></a></p>
<h2><a href="http://www.koflash.com/fwaphoto">23. FWAPhoto</a></h2>
<p>One Photo a Day.</p>
<p><a href="http://www.koflash.com/fwaphoto"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/02/60-interactive-flash-designs/fwa-photo-awesome-flash-website.jpg" alt="" width="570" height="427" /></a></p>
<h2><a href="http://www.neostream.com/">24. Neostream Interactive</a></h2>
<p>Serious multimedia company.</p>
<p><a href="http://www.neostream.com/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/02/60-interactive-flash-designs/neostream-awesome-flash-website.jpg" alt="" width="570" height="427" /></a></p>
<h2><a href="http://www.theturn.tv/">25. The Turn</a></h2>
<p>Theturn.tv is an interactive site framing the music and visual work of Fredo Viola.</p>
<p><a href="http://www.theturn.tv/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/02/60-interactive-flash-designs/the-turn-awesome-flash-website.jpg" alt="" width="570" height="427" /></a></p>
<h2><a href="http://www.koflash.com/fat-man-collective">26. Fat-Man Collective</a></h2>
<p>Thinkers. Designers. Developers.</p>
<p><a href="http://www.koflash.com/fat-man-collective"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/02/60-interactive-flash-designs/fat-man-collective-awesome-flash-website.jpg" alt="" width="570" height="427" /></a></p>
<h2><a href="http://www.salinas-rio.com.br/inverno2009">27. salinas</a></h2>
<p>Spring/Summer 2009 fashion shows.</p>
<p><a href="http://www.salinas-rio.com.br/inverno2009"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/02/60-interactive-flash-designs/salinas-awesome-flash-website.jpg" alt="" width="570" height="427" /></a></p>
<h2><a href="http://www.extrememusic.com/">28. ExtremeMusic</a></h2>
<p>Class A Production Music Library, A Site For Sore Ears, the worldwide production music unit of Sony/ATV Music Publishing Sony.</p>
<p><a href="http://www.extrememusic.com/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/02/60-interactive-flash-designs/ExtremeMusic-awesome-flash-website.jpg" alt="" width="570" height="427" /></a></p>
<h2><a href="http://www.koflash.com/vegaone">29. Vegaone</a></h2>
<p>Beautiful illustrations, artworks, and wallpapers.</p>
<p><a href="http://www.koflash.com/vegaone"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/02/60-interactive-flash-designs/vegaone-awesome-flash-website.jpg" alt="" width="570" height="427" /></a></p>
<h2><a href="http://www.t2.tv/t2">30. T2</a></h2>
<p>Motion Graphics Studio with videos.</p>
<p><a href="http://www.t2.tv/t2"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/02/60-interactive-flash-designs/T2-awesome-flash-website.jpg" alt="" width="570" height="427" /></a></p>
<h1><a href="http://www.wallysite.com/">31. Wally</a></h1>
<p>The White Wall.</p>
<h2><a href="http://www.wallysite.com/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/02/60-interactive-flash-designs/wally-awesome-flash-website.jpg" alt="" width="570" height="427" /></a></h2>
<h2><a href="http://www.koflash.com/virtual-center">32. Virtual Center</a></h2>
<p>Virtual Center for Contemporary Art “Signs of the Times” in Torun. It is a 3D website where you can walk around in the building.</p>
<p><a href="http://www.koflash.com/virtual-center"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/02/60-interactive-flash-designs/Wirtualne-awesome-flash-website.jpg" alt="" width="570" height="427" /></a></p>
<h2><a href="http://www.koflash.com/honda-pilot">33. Honda Pilot</a></h2>
<p>The Honda Pilot – Powerfully efficient. See photos, compare specs and learn more about the versatile features of Honda’s crossover SUV.</p>
<p><a href="http://www.koflash.com/honda-pilot"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/02/60-interactive-flash-designs/honda-pilot-awesome-flash-website.jpg" alt="" width="570" height="427" /></a></p>
<h2><a href="http://www.mariokart.com/wii/launch">34. Mario Kart Wii</a></h2>
<p>Mario Kart Wii is a racing game developed by Nintendo Entertainment Analysis and Development and published by Nintendo for the Wii console. The game was released worldwide throughout April 2008.</p>
<p><a href="http://www.mariokart.com/wii/launch"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/02/60-interactive-flash-designs/Mario-Kart-awesome-flash-website.jpg" alt="" width="570" height="427" /></a></p>
<h2><a href="http://thebigpicture.x3studios.com/">35. The Big Picture</a></h2>
<p>The Big Picture is an anniversary project of X3, which depicts 7 years of the studio’s life in 2400 images of the work, awards, projects, innitiatives, offices, parties and team.</p>
<p><a href="http://thebigpicture.x3studios.com/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/02/60-interactive-flash-designs/big-picture-awesome-flash-website.jpg" alt="" width="570" height="427" /></a></p>
<h2><a href="http://www.lacostered.com/">36. Lacoste Red</a></h2>
<p>Enter the LACOSTE Red! party. Discover the new Lacoste Collection by Christophe Lemaire. Cool fashion, sneakers, super slim fits, colorful styles, 60’s inspired.</p>
<p><a href="http://www.lacostered.com/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/02/60-interactive-flash-designs/lacoste-awesome-flash-website.jpg" alt="" width="570" height="427" /></a></p>
<h2><a href="https://www.masterbeat.com/">37. Masterbeat</a></h2>
<p>Web’s newest music superstore featuring MP3 downloads of the hottest tracks from major &amp; independent artists &amp; labels including exclusive DJ remixes.</p>
<p><a href="https://www.masterbeat.com/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/02/60-interactive-flash-designs/masterbeat-awesome-flash-website.jpg" alt="" width="570" height="427" /></a></p>
<h2><a href="http://www.landofthelost.net/index.html">38. Land of the Lost</a></h2>
<p>Land of the Lost (2009). Directed by Brad Silberling. Casted by Will Ferrell, Anna Friel, Danny McBride, Jorma Taccone.</p>
<p><a href="http://www.landofthelost.net/index.html"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/02/60-interactive-flash-designs/Land-of-the-Lost-awesome-flash-website.jpg" alt="" width="570" height="427" /></a></p>
<h2><a href="http://www.konami-piecewalker.jp/">39. PIECE WALKER</a></h2>
<p><a href="http://www.konami-piecewalker.jp/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/02/60-interactive-flash-designs/peace-walker-awesome-flash-website.jpg" alt="" width="570" height="427" /></a></p>
<h2><a href="http://www.koflash.com/teamgeist">40. Teamgeist</a></h2>
<p>Every Team needs a jersey with a story. A graphic novel game that reveals the true value of the German National Team jersey.</p>
<p><a href="http://www.koflash.com/teamgeist"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/02/60-interactive-flash-designs/Teamgeist-awesome-flash-website.jpg" alt="" width="570" height="427" /></a></p>
<h2><a href="http://www.les-meningo.fr/">41. LES MÉNINGO</a></h2>
<p>LES MÉNINGO – Mission Megapolis</p>
<p><a href="http://www.les-meningo.fr/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/02/60-interactive-flash-designs/les-meningo-awesome-flash-website.jpg" alt="" width="570" height="427" /></a></p>
<h2><a href="http://www.gtiproject.com/">42. GTI Project</a></h2>
<p>The GTI Project celebrates the car and its history. Delivering an amazing race experience on the secret GTI interactive Scalectrix test track. Volkswagen UK.</p>
<p><a href="http://www.gtiproject.com/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/02/60-interactive-flash-designs/GTI-Project-awesome-flash-website.jpg" alt="" width="570" height="427" /></a></p>
<h2><a href="http://www.strongesttruck.com/">43. Volvo FH16 700</a></h2>
<p><a href="http://www.strongesttruck.com/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/02/60-interactive-flash-designs/Volvo-FH16-awesome-flash-website.jpg" alt="" width="570" height="427" /></a></p>
<h2><a href="http://www.annicktremblay.com/">44. Annick Tremblay</a></h2>
<p>Freelance Industrial Designer for 3D Modeling, Realistic Color Renderings, Technical Plans for Production, Prototypes, Conception with production in mind.</p>
<p><a href="http://www.annicktremblay.com/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/02/60-interactive-flash-designs/annick-tremblay-awesome-flash-website.jpg" alt="" width="570" height="427" /></a></p>
<h2><a href="http://www.seankingston.com/virtual-sean">45. Virtual Sean</a></h2>
<p>Sean Kingston Sing Along with Lil Sean Karaoke.</p>
<p><a href="http://www.seankingston.com/virtual-sean"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/02/60-interactive-flash-designs/Sean-Kingston-awesome-flash-website.jpg" alt="" width="570" height="427" /></a></p>
<h2><a href="http://realcasual.com.ua/">46. Real Casual</a></h2>
<p><a href="http://realcasual.com.ua/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/02/60-interactive-flash-designs/Real-Casual-awesome-flash-website.jpg" alt="" width="570" height="427" /></a></p>
<h2><a href="http://www.koflash.com/herbal-essences-spice">47. Herbal Essences Spice</a></h2>
<p>Herbal Essences Spice – Sensuously Smooth Shampoo and Conditioner for Dry / Damaged Hair with Blackberry, Avocado and Mango extracts. Discover the mystical treasures of the East for opulent, sensuously-smooth hair!</p>
<p><a href="http://www.koflash.com/herbal-essences-spice"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/02/60-interactive-flash-designs/Herbal-Essences-Spice-awesome-flash-website.jpg" alt="" width="570" height="427" /></a></p>
<h2><a href="http://www.saveyoursensible.com/">48. Neglected Sensibles Shelter</a></h2>
<p>Neglected Sensibles Shelter: Meet your Sensible and start rebuilding the bridge of kindness you burnt so long ago.</p>
<p><a href="http://www.saveyoursensible.com/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/02/60-interactive-flash-designs/Neglected-Sensibles-Shelter-awesome-flash-website.jpg" alt="" width="570" height="427" /></a></p>
<h2><a href="http://www.smetana.net/">49. ANDREAS SMETANA</a></h2>
<p>ANDREAS SMETANA – Photographer from Australia.</p>
<p><a href="http://www.smetana.net/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/02/60-interactive-flash-designs/smetana-awesome-flash-website.jpg" alt="" width="570" height="427" /></a></p>
<h2><a href="http://www.koflash.com/cheese-and-burger">50. Cheese and Burger</a></h2>
<p>We are the Cheese &amp; Burger Society. We believe that cheese is the Grand Poo-bah of every cheeseburger grilled at a backyard barbecue or flame-broiled at a roadside diner. But not just any slice of cheese, Wisconsin Cheese. So join us as we celebrate the greatest cheeseburgers ever made.</p>
<p><a href="http://www.koflash.com/cheese-and-burger"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/02/60-interactive-flash-designs/Cheese-and-Burger-awesome-flash-website.jpg" alt="" width="570" height="427" /></a></p>
<h2><a href="http://www.bendziuba.com/">51. Ben Dziuba</a></h2>
<p>Ben Dziuba is a freelance Art Director, Designer and Flash Developer based in New York City offering Flash design and web design, both on-site and remotely. Official Website.</p>
<p><a href="http://www.bendziuba.com/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/02/60-interactive-flash-designs/bendziuba-awesome-flash-website.jpg" alt="" width="570" height="427" /></a></p>
<h2><a href="http://iondrimbafilho.com/">52. Ion Drimba Filho</a></h2>
<p>Personal portfolio of Ion Drimba Filho presented in 3D cube.</p>
<p><a href="http://iondrimbafilho.com/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/02/60-interactive-flash-designs/ion-drimba-filho-awesome-flash-website.jpg" alt="" width="570" height="427" /></a></p>
<h2><a href="http://www.koflash.com/corny">53. Corny</a></h2>
<p>Corny, the delicious meaty bolt. From natural ingredients and with lots of chocolate – delicious for energy to keep going!</p>
<p><a href="http://www.koflash.com/corny"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/02/60-interactive-flash-designs/corny-awesome-flash-website.jpg" alt="" width="570" height="427" /></a></p>
<h2><a href="http://www.oasisforfun.com/">54. Oasis For Fun</a></h2>
<p>With Oasis, enter into the adventure and go in search of … Source: Find all Oasis products, fruits Oasis, Oasis commercials, the goodies and win prizes.</p>
<p><a href="http://www.oasisforfun.com/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/02/60-interactive-flash-designs/oasis-awesome-flash-website.jpg" alt="" width="570" height="427" /></a></p>
<h2><a href="http://www.goodlifediner.com/">55. THE DINER</a></h2>
<p>Classic American dining served with classic cocktails and endless coffee. Open every day of the week for breakfast, lunch &amp; dinner. With five locations across london; Camden, Islington, Kensal Rise, Shoreditch, Soho.</p>
<p><a href="http://www.goodlifediner.com/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/02/60-interactive-flash-designs/The-Diner-awesome-flash-website.jpg" alt="" width="570" height="427" /></a></p>
<h2><a href="http://www.premiyum.se/">56. Premiyum</a></h2>
<p>Premium site – Confectionery.</p>
<p><a href="http://www.premiyum.se/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/02/60-interactive-flash-designs/Premiyum-awesome-flash-website.jpg" alt="" width="570" height="427" /></a></p>
<h2><a href="http://www.koflash.com/tati">57. Tati</a></h2>
<p><em>Tati Celebrate on Orange Cinega of June 21 to 26</em><br />
To explore the universe of Jacques Tati with special programming on Orange Cinega of May 21 to 26 films, documentaries and interviews, and participation of the heirs of the spirit Tati Makeieff Macha, Jerome Deschamps and Pierre Etaix.</p>
<p><a href="http://www.koflash.com/tati"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/02/60-interactive-flash-designs/tati-awesome-flash-website.jpg" alt="" width="570" height="427" /></a></p>
<h2><a href="http://www.leafalegacy.ca/">58. Leaf A Legacy</a></h2>
<p>For Cancer Research in BC (British Columbia, Canada) – Signals Design Group.</p>
<p>Add your leaf to this growing tree with a donation to the BC Cancer Foundation. As the tree flourishes, so too will the fight against cancer. Tell your story – leaf a legacy – and help build a future free from cancer.</p>
<p><a href="http://www.leafalegacy.ca/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/02/60-interactive-flash-designs/Leaf-A-Legacy-awesome-flash-website.jpg" alt="" width="570" height="427" /></a></p>
<h2><a href="http://a-mused.com/">59. Maria Lebesheva</a></h2>
<p>Photographer’s site.</p>
<p><a href="http://a-mused.com/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/02/60-interactive-flash-designs/a-mused-awesome-flash-website.jpg" alt="" width="570" height="427" /></a></p>
<h2><a href="http://www.lavillita.com.mx/d2dqueso/index.html">60. D2D Queso</a></h2>
<p>Cheese Fingers (D2D Cheese) are strange creatures “Little Village” brings you from afar … An island full of mysteries and characters that will blow your imagination. Being an adventurer is not always easy, but with cunning and enthusiasm you will discover the secret in it.</p>
<p><a href="http://www.lavillita.com.mx/d2dqueso/index.html"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/02/60-interactive-flash-designs/D2D-Queso-awesome-flash-website.jpg" alt="" width="570" height="427" /></a></p>
<p>That is it for now, if you want to get more of these kind of sites, I suggest you to head to <a href="http://www.koflash.com/">KoFlash website</a> for some more Flash related inspiration!</p>
<p>I love their selections and works there:</p>
<p><span style="color: #0066cc;"><a href="http://www.koflash.com/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/02/60-interactive-flash-designs/koflash-inspiration-awesome-flash-website.jpg" border="0" alt="Koflash-inspiration-awesome-flash-website" /></a></span><a href="http://www.koflash.com/"></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.1stwebdesigner.com/inspiration/interactive-3d-webdesigns-flash/feed/</wfw:commentRss>
		<slash:comments>9</slash:comments>
		</item>
		<item>
		<title>50 Superb 3D Flash Websites You Must See!!!</title>
		<link>http://www.1stwebdesigner.com/inspiration/superb-3d-flash-websites/</link>
		<comments>http://www.1stwebdesigner.com/inspiration/superb-3d-flash-websites/#comments</comments>
		<pubDate>Thu, 07 Jan 2010 13:25:32 +0000</pubDate>
		<dc:creator>Peteris Kelle</dc:creator>
				<category><![CDATA[Inspiration]]></category>
		<category><![CDATA[Web Interfaces]]></category>
		<category><![CDATA[3D]]></category>
		<category><![CDATA[flash]]></category>
		<category><![CDATA[showcase]]></category>
		<category><![CDATA[web]]></category>
		<category><![CDATA[web design]]></category>
		<category><![CDATA[webdesign]]></category>

		<guid isPermaLink="false">http://www.1stwebdesigner.com/?p=4489</guid>
		<description><![CDATA[It&#8217;s not a secret that Flash websites can be considered as a different kind of art in website community because of their limitless animations and stunning designs. Flash websites can also be divided in two groups: 2D and 3D Flash websites. This showcase will consist from 50 3D Flash websites, which really stood out from [...]]]></description>
			<content:encoded><![CDATA[<p>It&#8217;s not a secret that Flash websites can be considered as a different kind of art in website community because of their limitless animations and stunning designs. Flash websites can also be divided in two groups: 2D and 3D Flash websites.</p>
<p>This showcase will consist from 50 3D Flash websites, which really stood out from crowd, have received unique attention and got awards! Don&#8217;t think this is just another list &#8211; you&#8217;ll find here endless inspiration in these websites, where each one of them is a huge masterpiece!</p>
<p><span id="more-4489"></span></p>
<h2><a href="http://www.embraceyourelement.com/" target="_blank">1. Element</a></h2>
<p>Hard to describe how cool this website is! Very stylish intro and superb 3D animations combined with great looking website.</p>
<p><a href="http://www.embraceyourelement.com/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/01/3d-flash-webdesigns/embraceyourelement-3d-flash-inspiration-webdesign.jpg" alt="embraceyourelement-day-3d-flash-inspiration-webdesign" width="570" height="435" /></a></p>
<h2><a href="http://ge.ecomagination.com/smartgrid/#/landing_page" target="_blank">2. Ge</a></h2>
<p>Cool website with beautiful 3D objects and animations. Every page has its own good looking 3D objects.</p>
<p><a href="http://ge.ecomagination.com/smartgrid/#/landing_page"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/01/3d-flash-webdesigns/ge-3d-flash-inspiration-webdesign.jpg" alt="ge-3d-flash-inspiration-webdesign" width="570" height="349" /></a></p>
<h2><a href="http://www.emergence-day.com/" target="_blank">3. Gears Of War &#8211; Emergence Day</a></h2>
<p>Brilliant peace of art! Massive 3D scene with animations. Beautifully made 3D fade-in, fade-out transitions for every page.</p>
<p><a href="http://www.emergence-day.com/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/01/3d-flash-webdesigns/emergence-day-3d-flash-inspiration-webdesign.jpg" alt="emergence-day-3d-flash-inspiration-webdesign" width="570" height="291" /></a></p>
<h2><a href="http://www.audi.com/a6" target="_blank">4. Audi A6</a></h2>
<p>Simple but very good looking website with 3D menu and 3D transitions.</p>
<p><a href="http://www.audi.com/a6"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/01/3d-flash-webdesigns/audi-3d-flash-inspiration-webdesign.jpg" alt="audi-3d-flash-inspiration-webdesign" width="570" height="306" /></a></p>
<h2><a href="http://www.summerfestival.be/" target="_blank">5. Summer Festival</a></h2>
<p>Good looking website with fantastic 3D balloons and stunning animations. And also it has a great feature &#8211; if you just wait for some time and do nothing, then after some period of time a jet-man will run out of fuel and will fall from the sky with interesting animation. This website was awarded as &#8220;site of the day&#8221; on FWA.</p>
<p><a href="http://www.summerfestival.be/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/01/3d-flash-webdesigns/summerfestival-3d-flash-inspiration-webdesign.jpg" alt="summerfestival-3d-flash-inspiration-webdesign" width="570" height="370" /></a></p>
<h2><a href="http://www.coke.pl/" target="_blank">6. Coca Cola</a></h2>
<p>What&#8217;s that? Hey, it&#8217;s Coca Cola! Very creative website which consists of many different sub-websites where every website is different from each other with its own style, design and animation.</p>
<p><a href="http://www.coke.pl/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/01/3d-flash-webdesigns/coke-3d-flash-inspiration-webdesign.jpg" alt="coke-3d-flash-inspiration-webdesign" width="570" height="436" /></a></p>
<h2><a href="http://www.optuswhalesong.com.au/" target="_blank">7. Optus Whale Song</a></h2>
<p>Beautifully made website. Great underwater 3D scene. This website was awarded as &#8220;site of the day&#8221; on FWA.</p>
<p><a href="http://www.optuswhalesong.com.au/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/01/3d-flash-webdesigns/optuswhalesong-3d-flash-inspiration-webdesign.jpg" alt="optuswhalesong-3d-flash-inspiration-webdesign" width="570" height="389" /></a></p>
<h2><a href="http://www.martiniasti.com/" target="_blank">8. Martini Asti</a></h2>
<p>Very classy website with 3D graphics and animations. Also it has cool 3D transitions.</p>
<p><a href="http://www.martiniasti.com/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/01/3d-flash-webdesigns/martiniasti-3d-flash-inspiration-webdesign.jpg" alt="martiniasti-3d-flash-inspiration-webdesign" width="570" height="380" /></a></p>
<h2><a href="http://www.whitevoid.com/" target="_blank">9. White Void</a></h2>
<p>Very beautifully made 3D menu. This 3D portfolio is very good representation of the style called &#8220;minimalism&#8221;.</p>
<p><a href="http://www.whitevoid.com/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/01/3d-flash-webdesigns/whitevoid-3d-flash-inspiration-webdesign.jpg" alt="whitevoid-3d-flash-inspiration-webdesign" width="570" height="305" /></a></p>
<h2><a href="http://www.ecodazoo.com/" target="_blank">10. The Eco Zoo</a></h2>
<p>Well made 3D website. This website consists not only of some 3D elements but whole website is like a 3D world and almost every animation is in 3D. Good work.</p>
<p><a href="http://www.ecodazoo.com/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/01/3d-flash-webdesigns/ecodazoo-3d-flash-inspiration-webdesign.jpg" alt="ecodazoo-3d-flash-inspiration-webdesign" width="570" height="314" /></a></p>
<h2><a href="http://www.premiyum.se/" target="_blank">11. Premiyum</a></h2>
<p>Beautiful 3D website with great 3D effects. Fantastic. This website was awarded as &#8220;site of the day&#8221; on FWA.</p>
<p><a href="http://www.premiyum.se/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/01/3d-flash-webdesigns/premiyum-3d-flash-inspiration-webdesign.jpg" alt="premiyum-3d-flash-inspiration-webdesign" width="570" height="388" /></a></p>
<h2><a href="http://www.gettheglass.com/" target="_blank">12. Get the Glass</a></h2>
<p>Interesting Flash website with brilliant Flash intro which has tons of 3D elements.</p>
<p><a href="http://www.gettheglass.com/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/01/3d-flash-webdesigns/gettheglass-3d-flash-inspiration-webdesign.jpg" alt="gettheglass-3d-flash-inspiration-webdesign" width="570" height="441" /></a></p>
<h2><a href="http://www.sensisoft.com/" target="_blank">13. Sensi Soft</a></h2>
<p>Beautiful work with beautiful 3D scene and animations. Consists of many different 3D scenes where each scene is like a different period of time.</p>
<p><a href="http://www.sensisoft.com/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/01/3d-flash-webdesigns/sensisoft-3d-flash-inspiration-webdesign.jpg" alt="sensisoft-3d-flash-inspiration-webdesign" width="570" height="347" /></a></p>
<h2><a href="http://www.plantate.net/" target="_blank">14. Plantate</a></h2>
<p>Beautiful and cartoon style website. A 3D planet in the middle of website which you can rotate using your mouse.</p>
<p><a href="http://www.plantate.net/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/01/3d-flash-webdesigns/plantate-3d-flash-inspiration-webdesign.jpg" alt="plantate-3d-flash-inspiration-webdesign" width="570" height="398" /></a></p>
<h2></h2>
<h2></h2>
<h2></h2>
<h2></h2>
<h2></h2>
<h2></h2>
<h2><div id="adsenseads" style="margin:0 15px"><script type="text/javascript"><!--
							google_ad_client = "ca-pub-2552502674694369";
							google_ad_slot = "1448631891";
							google_ad_width = 300;
							google_ad_height = 250;
							//-->
							</script>
							<script type="text/javascript"
							src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
							</script><script type="text/javascript"><!--
				google_ad_client = "ca-pub-2538875746173404";
				/* 300x250, created 3/9/09 */
				google_ad_slot = "5916600540";
				google_ad_width = 300;
				google_ad_height = 250;
				//-->
				</script>
				<script type="text/javascript"
				src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
				</script></div></h2>
<h2><a href="http://www.soft.se/" target="_blank">15. Soft Whiteroom</a></h2>
<p>Beautiful website. Everything is in 3D and very nicely responds to mouse movements.</p>
<p><a href="http://www.soft.se/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/01/3d-flash-webdesigns/soft-3d-flash-inspiration-webdesign.jpg" alt="soft-3d-flash-inspiration-webdesign" width="570" height="363" /></a></p>
<h2><a href="http://www.ha-py.com/island/" target="_blank">16. Ha-py Island</a></h2>
<p>Very cheerful website. Whole website is in 3D where you can walk around with bear. It feels like you are playing some 3D game. This website was awarded as &#8220;site of the day&#8221; on FWA.</p>
<p><a href="http://www.ha-py.com/island/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/01/3d-flash-webdesigns/ha-py-3d-flash-inspiration-webdesign.jpg" alt="ha-py-3d-flash-inspiration-webdesign" width="570" height="404" /></a></p>
<h2><a href="http://www.hatica.com/" target="_blank">17. Hatica</a></h2>
<p>Beautiful and simple website with 3D object in the middle of website.</p>
<p><a href="http://www.hatica.com/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/01/3d-flash-webdesigns/hatica-3d-flash-inspiration-webdesign.jpg" alt="hatica-3d-flash-inspiration-webdesign" width="570" height="307" /></a></p>
<h2><a href="http://www.theeggrepublic.com/" target="_blank">18. The Egg Republic</a></h2>
<p>Beautifully made website. It has great 3D animations and transitions from one page to another. It&#8217;s also great that every page responds to movements of your mouse. This website was awarded as &#8220;site of the day&#8221; on FWA.</p>
<p><a href="http://www.theeggrepublic.com/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/01/3d-flash-webdesigns/theeggrepublic-3d-flash-inspiration-webdesign.jpg" alt="theeggrepublic-3d-flash-inspiration-webdesign" width="570" height="396" /></a></p>
<h2><a href="http://www.iamunique.com.au/" target="_blank">19. Foxtel I am uniQue</a></h2>
<p>Social networking website where you can create your own unique 3D portrait. Fantastic idea with great work of 3D.</p>
<p><a href="http://www.iamunique.com.au/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/01/3d-flash-webdesigns/iamunique-3d-flash-inspiration-webdesign.jpg" alt="iamunique-3d-flash-inspiration-webdesign" width="570" height="386" /></a></p>
<h2><a href="http://cortexdesign.de/" target="_blank">20. Cortex Design</a></h2>
<p>Good looking 3D photo gallery with beautiful reflections. Just clean and simple.</p>
<p><a href="http://cortexdesign.de/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/01/3d-flash-webdesigns/cortexdesign-3d-flash-inspiration-webdesign.jpg" alt="cortexdesign-3d-flash-inspiration-webdesign" width="570" height="375" /></a></p>
<h2><a href="http://www.the-morph.com/" target="_blank">21. The Morph</a></h2>
<p>This website is brilliant! Turn on your webcam and see how all 3D objects follow your motions. Or if you don&#8217;t have a webcam then this website also responds to movements of your mouse.</p>
<p><a href="http://www.the-morph.com/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/01/3d-flash-webdesigns/the-morph-3d-flash-inspiration-webdesign.jpg" alt="the-morph-3d-flash-inspiration-webdesign" width="570" height="389" /></a></p>
<h2><a href="http://www.twistanddrink.com/" target="_blank">22. Twist and Drink</a></h2>
<p>Cartoon style 3D website with mini games and that kind of stuff for children. Very well made, amazing!</p>
<p><a href="http://www.twistanddrink.com/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/01/3d-flash-webdesigns/twistanddrink-3d-flash-inspiration-webdesign.jpg" alt="twistanddrink-3d-flash-inspiration-webdesign" width="570" height="339" /></a></p>
<h2><a href="http://www.chuyue.net/v5/" target="_blank">23. Chuyue</a></h2>
<p>Great piece of work! Beautifully made 3D menu and animations. You can even choose 4 types of 3D menu layout.</p>
<p><a href="http://www.chuyue.net/v5/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/01/3d-flash-webdesigns/chuyue-3d-flash-inspiration-webdesign.jpg" alt="chuyue-3d-flash-inspiration-webdesign" width="570" height="414" /></a></p>
<h2><a href="http://www.adenek.com/" target="_blank">24. Mr A</a></h2>
<p>Very cool website with awesome 3D work. Great 3D reflections and effects and there is also a mini game in the background of this website.</p>
<p><a href="http://www.adenek.com/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/01/3d-flash-webdesigns/adenek-3d-flash-inspiration-webdesign.jpg" alt="adenek-3d-flash-inspiration-webdesign" width="570" height="349" /></a></p>
<h2><a href="http://www.dasai.es/" target="_blank">25. Dasai</a></h2>
<p>A simple website with 3D navigation menu as a planet. Good use of Papervision3D.</p>
<p><a href="http://www.dasai.es/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/01/3d-flash-webdesigns/dasai-3d-flash-inspiration-webdesign.jpg" alt="dasai-3d-flash-inspiration-webdesign" width="570" height="419" /></a></p>
<h2><a href="http://www.orange.com/sirius/lacollection/printemps_ete09/index_en.html" target="_blank">26. Orange</a></h2>
<p>Great piece of work. Everything is in 3D. You walk from one page (room) to another. Well made 3D animations.</p>
<p><a href="http://www.orange.com/sirius/lacollection/printemps_ete09/index_en.html"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/01/3d-flash-webdesigns/orange-3d-flash-inspiration-webdesign.jpg" alt="orange-3d-flash-inspiration-webdesign" width="570" height="339" /></a></p>
<h2><a href="http://www.tbc.us/" target="_blank">27. TBC</a></h2>
<p>Very simple website with pretty cool 3D menu as a library. And also it has a cool animation when you choose something in this 3D menu.</p>
<p><a href="http://www.tbc.us/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/01/3d-flash-webdesigns/tbc-3d-flash-inspiration-webdesign.jpg" alt="tbc-3d-flash-inspiration-webdesign" width="570" height="456" /></a></p>
<h2><a href="ttp://www.newworkcity.com.au/" target="_blank">28. New Work City</a></h2>
<p>Pretty interesting corporate website with some 3D animations. It also has a stunning design. Great work. <a href="http://www.newworkcity.com.au/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/01/3d-flash-webdesigns/newworkcity-3d-flash-inspiration-webdesign.jpg" alt="newworkcity-day-3d-flash-inspiration-webdesign" width="570" height="437" /></a></p>
<h2><a href="http://www.offthestreetclub.org/" target="_blank">29. Off The Street Club</a></h2>
<p>Interesting website with many 3D objects which can be rotated. <a href="http://www.offthestreetclub.org/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/01/3d-flash-webdesigns/offthestreetclub-3d-flash-inspiration-webdesign.jpg" alt="offthestreetclub-3d-flash-inspiration-webdesign" width="570" height="293" /></a></p>
<h2><a href="http://www.eightinteractive.com/" target="_blank">30. Eight Interactive Studio</a></h2>
<p>Just clean and simple website with 3D animations, beautiful!</p>
<p><a href="http://www.eightinteractive.com/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/01/3d-flash-webdesigns/eightinteractive-3d-flash-inspiration-webdesign.jpg" alt="eightinteractive-3d-flash-inspiration-webdesign" width="570" height="386" /></a></p>
<h2><a href="http://ecsw.pl/" target="_blank">31. Ecsw</a></h2>
<p>Great 3D website with cool Flash intro, and one of the coolest 3D features this website has, is that you can walk around the building by yourself.</p>
<p><a href="http://ecsw.pl/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/01/3d-flash-webdesigns/ecsw-3d-flash-inspiration-webdesign.jpg" alt="ecsw-3d-flash-inspiration-webdesign" width="570" height="351" /></a></p>
<h2><a href="http://www.zeebee.co.uk/" target="_blank">32. Zeebee visual communications</a></h2>
<p>A small website with 3D effects which looks brilliant. This website was awarded as &#8220;site of the day&#8221; on FWA.</p>
<p><a href="http://www.zeebee.co.uk/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/01/3d-flash-webdesigns/zeebee-3d-flash-inspiration-webdesign.jpg" alt="zeebee-3d-flash-inspiration-webdesign" width="570" height="385" /></a></p>
<h2><a href="http://thinkingspace.economist.com/" target="_blank">33. Thinking Space</a></h2>
<p>Flash website which has a menu with very interesting 3D effect. Good looking 3D transitions.</p>
<p><a href="http://thinkingspace.economist.com/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/01/3d-flash-webdesigns/thinkingspace-3d-flash-inspiration-webdesign.jpg" alt="thinkingspace-3d-flash-inspiration-webdesign" width="570" height="352" /></a></p>
<h2><a href="http://s19382.gridserver.com/" target="_blank">34. Domenico Tedone design</a></h2>
<p>Clean and simple 3D website. Very well made. This website was awarded as &#8220;site of the day&#8221; on FWA.</p>
<p><a href="http://s19382.gridserver.com/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/01/3d-flash-webdesigns/s19382-3d-flash-inspiration-webdesign.jpg" alt="s19382-3d-flash-inspiration-webdesign" width="570" height="436" /></a></p>
<h2><a href="http://www.silenzio.fr/" target="_blank">35. Silenzio</a></h2>
<p>This is like a 3D movie library with beautiful 3D transitions. Every animation is very smooth. Good work.</p>
<p><a href="http://www.silenzio.fr/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/01/3d-flash-webdesigns/silenzio-3d-flash-inspiration-webdesign.jpg" alt="silenzio-3d-flash-inspiration-webdesign" width="570" height="388" /></a></p>
<h2><a href="http://www.philterdesign.com/" target="_blank">36. Philter Design</a></h2>
<p>Simple and clean 3D website.</p>
<p><a href="http://www.philterdesign.com/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/01/3d-flash-webdesigns/philterdesign-3d-flash-inspiration-webdesign.jpg" alt="philterdesign-3d-flash-inspiration-webdesign" width="570" height="369" /></a></p>
<h2><div id="adsenseads" style="margin:0 15px"><script type="text/javascript"><!--
							google_ad_client = "ca-pub-2552502674694369";
							google_ad_slot = "1448631891";
							google_ad_width = 300;
							google_ad_height = 250;
							//-->
							</script>
							<script type="text/javascript"
							src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
							</script><script type="text/javascript"><!--
				google_ad_client = "ca-pub-2538875746173404";
				/* 300x250, created 3/9/09 */
				google_ad_slot = "5916600540";
				google_ad_width = 300;
				google_ad_height = 250;
				//-->
				</script>
				<script type="text/javascript"
				src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
				</script></div><a href="http://www.rulethestars.com/" target="_blank"></p>
<p>37. Rule the Stars</a></h2>
<p>Interesting way of how to draw something &#8211; draw it in the sky with stars! Great 3D work. Can also be like a nice little present for your girlfriend/boyfriend (your drawing of course) &#8211; she/he will like it, I promise. This website was awarded as &#8220;site of the day&#8221; on FWA.</p>
<p><a href="http://www.rulethestars.com/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/01/3d-flash-webdesigns/rulethestars-3d-flash-inspiration-webdesign.jpg" alt="rulethestars-3d-flash-inspiration-webdesign" width="570" height="389" /></a></p>
<h2><a href="http://www.lbiatlanta.com/" target="_blank">38. LBi Atlanta</a></h2>
<p>Good looking website with very cool 3D navigation menu. Just hit &#8220;Browse&#8221; on the right side of the website to see 3D navigation menu.</p>
<p><a href="http://www.lbiatlanta.com/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/01/3d-flash-webdesigns/lbiatlanta-3d-flash-inspiration-webdesign.jpg" alt="lbiatlanta-3d-flash-inspiration-webdesign" width="570" height="408" /></a></p>
<h2><a href="http://www.3spin.de/" target="_blank">39. 3spin</a></h2>
<p>Very good looking website with awesome 3D navigation menu where you fly from one page to another.</p>
<p><a href="http://www.3spin.de/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/01/3d-flash-webdesigns/3spin-3d-flash-inspiration-webdesign.jpg" alt="3spin-3d-flash-inspiration-webdesign" width="570" height="371" /></a></p>
<h2><a href="http://www.comcasttown.com/" target="_blank">40. Comcast Town</a></h2>
<p>Very big and cheerful flash website with many interesting 3D elements.</p>
<p><a href="http://www.comcasttown.com/" target="_blann"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/01/3d-flash-webdesigns/comcast-3d-flash-inspiration-webdesign.jpg" alt="comcast-3d-flash-inspiration-webdesign" width="570" height="432" /></a></p>
<h2><a href="http://www.fendi.com/" target="_blank">41. Fendi</a></h2>
<p>Website with 3D photo gallery. Looks very good.</p>
<p><a href="http://www.fendi.com/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/01/3d-flash-webdesigns/fendi-3d-flash-inspiration-webdesign.jpg" alt="fendi-3d-flash-inspiration-webdesign" width="570" height="398" /></a></p>
<h2><a href="http://www.roca.com/meridian/" target="_blank">42. Roca Meridian</a></h2>
<p>Cleand and simple website in 3D cube.</p>
<p><a href="http://www.roca.com/meridian/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/01/3d-flash-webdesigns/roca-3d-flash-inspiration-webdesign.jpg" alt="roca-3d-flash-inspiration-webdesign" width="570" height="382" /></a></p>
<h2><a href="http://www.aircanada.com/en/environment/index_flash.html" target="_blank">43. Air Canada Leaveless</a></h2>
<p>Beautiful corporate style website with some 3D elements. Very smooth 3D animations, for example, smooth animation when the card flips over.</p>
<p><a href="http://www.aircanada.com/en/environment/index_flash.html"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/01/3d-flash-webdesigns/aircanada-3d-flash-inspiration-webdesign.jpg" alt="aircanada-3d-flash-inspiration-webdesign" width="570" height="394" /></a></p>
<h2><a href="http://www.grillhelden.ch/" target="_blank">44. Grillhelden</a></h2>
<p>Website with 3D background which responds to mouse movements. Good looking website with greeat use of Papervision3D.</p>
<p><a href="http://www.grillhelden.ch/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/01/3d-flash-webdesigns/grillhelden-3d-flash-inspiration-webdesign.jpg" alt="grillhelden-3d-flash-inspiration-webdesign" width="570" height="397" /></a></p>
<h2><a href="http://www.13flo.com/" target="_blank">45. 13flo</a></h2>
<p>Good looking website with 3D menu. You can choose 4 different layouts of this menu.</p>
<p><a href="http://www.13flo.com/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/01/3d-flash-webdesigns/13flo-3d-flash-inspiration-webdesign.jpg" alt="13flo-3d-flash-inspiration-webdesign" width="570" height="348" /></a></p>
<h2><a href="http://k2.inavi.com/" target="_blank">46. Inavi 3D</a></h2>
<p>Great piece of work. Almost whole scene is in 3D with awesome 3D transitions.</p>
<p><a href="http://k2.inavi.com/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/01/3d-flash-webdesigns/k2-3d-flash-inspiration-webdesign.jpg" alt="k2-3d-flash-inspiration-webdesign" width="570" height="353" /></a></p>
<h2><a href="http://njoore.com/" target="_blank">47. Njoore</a></h2>
<p>Completely 3D website with very cool and entertaining loading as a mini game. I really enjoyed this little cheerful mini game. This website was awarded as &#8220;site of the day&#8221; on FWA.</p>
<p><a href="http://njoore.com/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/01/3d-flash-webdesigns/njoore-3d-flash-inspiration-webdesign.jpg" alt="njoore-3d-flash-inspiration-webdesign" width="570" height="382" /></a></p>
<h2><a href="http://www.cristof-echard.fr/" target="_blank">48. Cristof Echard</a></h2>
<p>Portfolio website with beautiful 3D transition effects.</p>
<p><a href="http://www.cristof-echard.fr/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/01/3d-flash-webdesigns/cristof-echard-3d-flash-inspiration-webdesign.jpg" alt="cristof-echard-3d-flash-inspiration-webdesign" width="570" height="388" /></a></p>
<h2><a href="http://www.x-prime.com/" target="_blank">49. X-Prime</a></h2>
<p>Very cool Flash website with 3D elements. It has an interesting 3D menu.</p>
<p><a href="http://www.x-prime.com/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/01/3d-flash-webdesigns/x-prime-3d-flash-inspiration-webdesign.jpg" alt="x-prime-3d-flash-inspiration-webdesign" width="570" height="413" /></a></p>
<h2><a href="http://snakeflash.com/wordsgame/" target="_blank">50. 3 Words Game</a></h2>
<p>Very cool 3D navigation menu. You can choose even a layout of this menu.</p>
<p><a href="http://snakeflash.com/wordsgame/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/01/3d-flash-webdesigns/snakeflash-3d-flash-inspiration-webdesign.jpg" alt="snakeflash-3d-flash-inspiration-webdesign" width="570" height="382" /></a></p>
<p>If you enjoyed this article, maybe you will interested also in previous Flash showcase article as well -<a href="http://www.1stwebdesigner.com/inspiration/50-gorgeous-flash-websites-you-definitely-should-see/" target="_self"> 50 Gorgeous Flash Websites You Definitely Should See</a>!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.1stwebdesigner.com/inspiration/superb-3d-flash-websites/feed/</wfw:commentRss>
		<slash:comments>45</slash:comments>
		</item>
		<item>
		<title>50 Gorgeous Flash Websites You Definitely Should See</title>
		<link>http://www.1stwebdesigner.com/inspiration/50-gorgeous-flash-websites-you-definitely-should-see/</link>
		<comments>http://www.1stwebdesigner.com/inspiration/50-gorgeous-flash-websites-you-definitely-should-see/#comments</comments>
		<pubDate>Wed, 05 Aug 2009 14:57:34 +0000</pubDate>
		<dc:creator>Dainis Graveris</dc:creator>
				<category><![CDATA[Inspiration]]></category>
		<category><![CDATA[Web Interfaces]]></category>
		<category><![CDATA[cool]]></category>
		<category><![CDATA[digital]]></category>
		<category><![CDATA[flash]]></category>
		<category><![CDATA[gallery]]></category>
		<category><![CDATA[portfolio]]></category>
		<category><![CDATA[web design]]></category>
		<category><![CDATA[webdesign]]></category>

		<guid isPermaLink="false">http://www.1stwebdesigner.com/?p=3941</guid>
		<description><![CDATA[Oh well, it is time for yet another inspirational post, this time I am featuring really creative and inspiring flash websites. Such websites never stop to surprise, because really there are almost no limitations, you can do and create everything there with action-script, animation, include videos and also create really interactive designs or even games! [...]]]></description>
			<content:encoded><![CDATA[<p><span class="drop-cap">O</span>h well, it is time for yet another inspirational post, this time I am featuring really creative and inspiring flash websites. Such websites never stop to surprise, because really there are almost no limitations, you can do and create everything there with action-script, animation, include videos and also create really interactive designs or even games!</p>
<p>I got really amazed what can be done with Flash and how limitless possibilities are. You also may notice there are a lot of design, development and interactive agencies in this article, but that&#8217;s really self explaining &#8211; creative souls and agencies really offer the greatest creativity, because on their own designs they really have no limits. Enjoy!<span id="more-3941"></span></p>
<h2>1. <a href="http://www.saizenmedia.com" target="_blank">Saizen Media Studios</a></h2>
<p>Excellent digital artwork and animation &#8211; dreamy scene!</p>
<p><a href="http://www.saizenmedia.com" target="_blank"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2009/08/50-flash-webdesigns/saizen-creative-flash-webdesign-inspiration.jpg" alt="saizen-creative-flash-webdesign-inspiration" width="570" height="400" /></a></p>
<h2>2.<a href="http://www.drawingart.org/" target="_blank">DrawingArt &#8211; WebDesign and Development Studio</a></h2>
<p>One of my favorite designs &#8211; check it out to understand why!</p>
<h2><a><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2009/08/50-flash-webdesigns/drawingart-creative-flash-webdesign-inspiration.jpg" alt="drawingart-creative-flash-webdesign-inspiration" width="570" height="400" /></a></h2>
<h2>3. <a href="http://www.sectionseven.com/" target="_blank">Section Seven</a></h2>
<p>Seriously check out this creative design and development website &#8211; you gonna love this &#8211; so elegant!</p>
<p><a href="http://www.sectionseven.com/" target="_blank"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2009/08/50-flash-webdesigns/section-seven-creative-flash-webdesign-inspiration.jpg" alt="section-seven-creative-flash-webdesign-inspiration" width="570" height="400" /></a></p>
<h2>4.<a href="http://www.semisture.com/" target="_blank">Semisture Webdesign</a></h2>
<p><a href="http://www.semisture.com/" target="_blank"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2009/08/50-flash-webdesigns/semisture-creative-flash-webdesign-inspiration.jpg" alt="semisture-creative-flash-webdesign-inspiration" width="570" height="400" /></a></p>
<p>Very creative and beautiful animation saturated webdesign, note interesting flash preloader and line animations when sections loads at first.</p>
<p><a href="http://www.semisture.com/" target="_blank"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2009/08/50-flash-webdesigns/semisture-2-creative-flash-webdesign-inspiration.jpg" alt="semisture-2-creative-flash-webdesign-inspiration" width="570" height="400" /></a></p>
<h2>5. <a href="http://www.fl-2.com/" target="_blank">Fl-2 Interactive Agency</a></h2>
<p>Beautiful typography and mouse hover effects, award winning website.</p>
<p><a href="http://www.fl-2.com/" target="_blank"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2009/08/50-flash-webdesigns/fl2-creative-flash-webdesign-inspiration.jpg" alt="fl2-creative-flash-webdesign-inspiration" width="570" height="400" /></a></p>
<h2>6. <a href="http://lecaid.com/" target="_blank">Lecaid Design Studio</a></h2>
<p><a href="http://lecaid.com/" target="_blank"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2009/08/50-flash-webdesigns/lecaid-creative-flash-webdesign-inspiration.jpg" alt="lecaid-creative-flash-webdesign-inspiration" width="570" height="400" /></a></p>
<h2>7. <a href="http://www.esj.com.au/" target="_blank">Esj * Com * AU</a></h2>
<p>Sticky, sticky, very sticky website!</p>
<p><a href="http://www.esj.com.au/" target="_blank"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2009/08/50-flash-webdesigns/esj-creative-flash-webdesign-inspiration.jpg" alt="esj-creative-flash-webdesign-inspiration" width="570" height="400" /></a></p>
<h2>8. <a href="http://recom-cgi.de/" target="_blank">Recom CGI</a></h2>
<p>Very nice loading effects &#8211; on images, text animation while loading the page &#8211; indeed beautiful work!</p>
<p><a href="http://recom-cgi.de/" target="_blank"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2009/08/50-flash-webdesigns/recom-creative-flash-webdesign-inspiration.jpg" alt="recom-creative-flash-webdesign-inspiration" width="570" height="400" /></a></p>
<h2>9. <a href="http://millice.co.uk/" target="_blank">Millice &#8211; Cyril Louis</a></h2>
<p>Elegant and light Cyril Louis website, nothing more, nothing less.</p>
<p><a href="http://millice.co.uk/" target="_blank"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2009/08/50-flash-webdesigns/millice-creative-flash-webdesign-inspiration.jpg" alt="millice-creative-flash-webdesign-inspiration" width="570" height="400" /></a></p>
<h2>10. <a href="http://www.hypr.com/" target="_blank">HYPR &#8211; Interactive and Creative Design Studio</a></h2>
<p>Indeed interactive and unique approach.</p>
<p><a href="http://www.hypr.com/" target="_blank"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2009/08/50-flash-webdesigns/hypr-creative-flash-webdesign-inspiration.jpg" alt="hypr-creative-flash-webdesign-inspiration" width="570" height="400" /></a></p>
<h2>11. <a href="http://www.twist-cube.com/" target="_blank">TwistCube</a></h2>
<p>A lot of twisting cubes and elegant approach in this website.</p>
<p><a href="http://www.twist-cube.com/" target="_blank"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2009/08/50-flash-webdesigns/twist-cube-creative-flash-webdesign-inspiration.jpg" alt="twist-cube-creative-flash-webdesign-inspiration" width="570" height="400" /></a></p>
<h2>12. <a href="http://www.goforchange.pl/" target="_blank">Go For Change</a></h2>
<p>Interactive and creative design company encouraging you to go for change!</p>
<p><a href="http://www.goforchange.pl/" target="_blank"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2009/08/50-flash-webdesigns/go-for-change-creative-flash-webdesign-inspiration.jpg" alt="go-for-change-creative-flash-webdesign-inspiration" width="570" height="400" /></a></p>
<h2>13.<a href="http://www.johnwrightphoto.com/" target="_blank">John Wright Photo</a></h2>
<p>Very clean, subtle and professional photography website design, just seems very harmonic and elegant!</p>
<p><a href="http://www.johnwrightphoto.com/" target="_blank"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2009/08/50-flash-webdesigns/john-right-photo-creative-flash-webdesign-inspiration.jpg" alt="john-right-photo-creative-flash-webdesign-inspiration" width="570" height="400" /></a></p>
<h2>14.<a href="http://www.timothy-hogan.com/" target="_blank">Timothy Hogan Photography</a></h2>
<p>This is one more beautiful photography flash webdesign, but this one stands out with really huge photographies in full screen leaving everything else in shadow. But photography is his profession, author really shows quality of his works here.</p>
<p><a href="http://www.timothy-hogan.com/" target="_blank"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2009/08/50-flash-webdesigns/timothy-hogan-photography-creative-flash-webdesign-inspiration.jpg" alt="timothy-hogan-photography-creative-flash-webdesign-inspiration" width="570" height="400" /></a></p>
<h2>15.<a href="http://www.ls5.de/" target="_blank">LS5 Design Agency</a></h2>
<p>Extremely creative design agency with really a lot of animation going on their website, get cocktail of all the best features!</p>
<p><a href="http://www.ls5.de/" target="_blank"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2009/08/50-flash-webdesigns/ls5-creative-flash-webdesign-inspiration.jpg" alt="ls5-creative-flash-webdesign-inspiration" width="570" height="400" /></a></p>
<h2>16.<a href="http://soytuaire.labuat.com/" target="_blank"> SoyTuaire Labuat</a></h2>
<p>This interactive website gave very strange and inspiring satisfaction feeling!</p>
<p><a href="http://soytuaire.labuat.com/" target="_blank"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2009/08/50-flash-webdesigns/soytuare-labuat-creative-flash-webdesign-inspiration.jpg" alt="soytuare-labuat-creative-flash-webdesign-inspiration" width="570" height="400" /></a></p>
<h2>17. <a href="http://www.matthiasdittrich.com/" target="_blank">Mattthias Dittrich &#8211; Interaction Design Portfolio</a></h2>
<p>Beautiful interactive 3D environment and animation.</p>
<p><a href="http://www.matthiasdittrich.com/" target="_blank"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2009/08/50-flash-webdesigns/matthias-dittrich-creative-flash-webdesign-inspiration.jpg" alt="matthias-dittrich-creative-flash-webdesign-inspiration" width="570" height="400" /></a></p>
<h2>18. <a href="http://www.msichicago.org/" target="_blank">Museum of Science and Industry</a></h2>
<p>So cute preloader &#8211; really made me smile!</p>
<p><a href="http://www.msichicago.org/" target="_blank"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2009/08/50-flash-webdesigns/msichicago-preoloader-creative-flash-webdesign-inspiration.jpg" alt="msichicago-preoloader-creative-flash-webdesign-inspiration" width="570" height="350" /></a></p>
<p>Very catching game with scientific taste!</p>
<p><a href="http://www.msichicago.org/" target="_blank"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2009/08/50-flash-webdesigns/msichicago-creative-flash-webdesign-inspiration.jpg" alt="msichicago-creative-flash-webdesign-inspiration" width="570" height="350" /></a></p>
<h2>19. <a href="http://www.parasol-island.com/" target="_blank">Parasol Island &#8211; Film Animation Interactive</a></h2>
<p>Company specializing in film animation industry, check out their videos there not only webdesign!</p>
<p><a href="http://www.parasol-island.com/" target="_blank"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2009/08/50-flash-webdesigns/parasol-island-creative-flash-webdesign-inspiration.jpg" alt="parasol-island-creative-flash-webdesign-inspiration" width="570" height="350" /></a></p>
<h2>20.<a href="http://www.unouplus.com/" target="_blank">Unouplus</a></h2>
<p>Private web-designer and art director flash website with interesting design and subtle animation.</p>
<p><a href="http://www.unouplus.com/" target="_blank"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2009/08/50-flash-webdesigns/unouplus-creative-flash-webdesign-inspiration.jpg" alt="unouplus-creative-flash-webdesign-inspiration" width="570" height="400" /></a></p>
<h2>21.<a href="http://multiadaptor.com/" target="_blank">MultiAdaptor: Branding &amp; Identify Systems</a></h2>
<p>Colorful branding website with subtle, but cool animation, i think this is very good way to display text and finished works!</p>
<p><a href="http://multiadaptor.com/" target="_blank"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2009/08/50-flash-webdesigns/multiadaptor-creative-flash-webdesign-inspiration.jpg" alt="multiadaptor-creative-flash-webdesign-inspiration" width="570" height="400" /></a></p>
<h2>22. <a href="http://www.chemicalbox.com/" target="_blank">Chemical Box</a></h2>
<p>Interesting animation effects, mouse hover their logo to create each letter colorful!</p>
<p><a href="http://www.chemicalbox.com/" target="_blank"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2009/08/50-flash-webdesigns/chemical-box-creative-flash-webdesign-inspiration.jpg" alt="chemical-box-creative-flash-webdesign-inspiration" width="570" height="400" /></a></p>
<h2>23.<a href="http://www.hellomonday.net/" target="_blank">Hello Monday</a></h2>
<p>Award winning website, voted as one of the best websites in 2008 &#8211; unique project display here and beautiful animation.</p>
<p><a href="http://www.hellomonday.net/" target="_blank"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2009/08/50-flash-webdesigns/hello-monday-creative-flash-webdesign-inspiration.jpg" alt="hello-monday-creative-flash-webdesign-inspiration" width="570" height="400" /></a></p>
<h2>24. <a href="http://www.blancfonce.fr/" target="_blank">Blanc Fonce</a></h2>
<p>I would describe this site as simple elegance!</p>
<p><a href="http://www.blancfonce.fr/" target="_blank"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2009/08/50-flash-webdesigns/blanc-fonce-creative-flash-webdesign-inspiration.jpg" alt="blanc-fonce-creative-flash-webdesign-inspiration" width="570" height="400" /></a></p>
<h2><div id="adsenseads" style="margin:0 15px"><script type="text/javascript"><!--
							google_ad_client = "ca-pub-2552502674694369";
							google_ad_slot = "1448631891";
							google_ad_width = 300;
							google_ad_height = 250;
							//-->
							</script>
							<script type="text/javascript"
							src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
							</script><script type="text/javascript"><!--
				google_ad_client = "ca-pub-2538875746173404";
				/* 300x250, created 3/9/09 */
				google_ad_slot = "5916600540";
				google_ad_width = 300;
				google_ad_height = 250;
				//-->
				</script>
				<script type="text/javascript"
				src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
				</script></div></h2>
<h2>25. <a href="http://www.2advanced.com/" target="_blank">2Advanced Studios</a></h2>
<p>Browse through sections and you&#8217;ll notice website is full with beautiful digital artworks and animations showing their skill on every step!</p>
<p><a href="http://www.2advanced.com/" target="_blank"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2009/08/50-flash-webdesigns/2advanced-studio-creative-flash-webdesign-inspiration.jpg" alt="2advanced-studio-creative-flash-webdesign-inspiration" width="570" height="400" /></a></p>
<h2>26.<a href="http://mnatwork.com/" target="_blank">Magnetic North &#8211; An Interactive design company</a></h2>
<p>One more award winning website &#8211; draw and discover yourself what&#8217;s on the site!</p>
<p><a href="http://mnatwork.com/" target="_blank"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2009/08/50-flash-webdesigns/magnetic-north-creative-flash-webdesign-inspiration.jpg" alt="magnetic-north-creative-flash-webdesign-inspiration" width="570" height="400" /></a></p>
<p><a href="http://mnatwork.com/" target="_blank"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2009/08/50-flash-webdesigns/magnetic-north-creative-2-flash-webdesign-inspiration.jpg" alt="magnetic-north-creative-2-flash-webdesign-inspiration" width="570" height="400" /></a></p>
<h2>27. <a href="http://in2media.com/" target="_blank">In2Media &#8211; Digital Agency</a></h2>
<p>Great typography, background animation,preloader and really good color schemes throughout whole website!</p>
<p><a href="http://in2media.com/" target="_blank"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2009/08/50-flash-webdesigns/in2media-creative-flash-webdesign-inspiration.jpg" alt="in2media-creative-flash-webdesign-inspiration" width="570" height="400" /></a></p>
<h2>28. <a href="http://www.cartelle.nl/" target="_blank">Cartelle &#8211; Interactive Studio</a></h2>
<p>Very inspiring &#8211; share the beat!</p>
<h2><a href="http://www.cartelle.nl/" target="_blank"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2009/08/50-flash-webdesigns/cartelle-creative-flash-webdesign-inspiration.jpg" alt="cartelle-creative-flash-webdesign-inspiration" width="570" height="350" /></a></h2>
<h2>29.<a href="http://www.progettystudio.com/" target="_blank">Progetty Studio</a></h2>
<p>Crazy design in totally good way!</p>
<p><a href="http://www.progettystudio.com/" target="_blank"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2009/08/50-flash-webdesigns/progetty-studio-creative-flash-webdesign-inspiration.jpg" alt="progetty-studio-creative-flash-webdesign-inspiration" width="570" height="400" /></a></p>
<h2>30.<a href="http://www.narrowdesign.com/" target="_blank">Narrow Design</a></h2>
<p>Interesting approach how to display many projects vertically in nice timeline. I just love that white grunge background.</p>
<p><a href="http://www.narrowdesign.com/" target="_blank"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2009/08/50-flash-webdesigns/narrow-design-creative-flash-webdesign-inspiration.jpg" alt="narrow-design-creative-flash-webdesign-inspiration" width="570" height="400" /></a></p>
<h2>31.<a href="http://www.yodabaz.com/" target="_blank">Yodabaz &#8211; Fresh Webdesign</a></h2>
<p>Interesting 3D text approach and in background is going on animation where author just moves all the time creating interesting feeling.</p>
<p><a href="http://www.yodabaz.com/" target="_blank"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2009/08/50-flash-webdesigns/yodabaz-creative-flash-webdesign-inspiration.jpg" alt="yodabaz-creative-flash-webdesign-inspiration" width="570" height="400" /></a></p>
<h2>32.<a href="http://www.aialagarcia.com.br/" target="_blank">Aiala Garcia &#8211; Art Director and Webdesigner</a></h2>
<p>Beautiful colors and elegant sliding effects displaying all the finished projects and everything else in one page!</p>
<p><a href="http://www.aialagarcia.com.br/" target="_blank"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2009/08/50-flash-webdesigns/aiala-garcia-creative-flash-webdesign-inspiration.jpg" alt="aiala-garcia-creative-flash-webdesign-inspiration" width="570" height="400" /></a></p>
<h2>33.<a href="http://www.mis-architecture.co.uk" target="_blank">PMA &#8211; Projects</a></h2>
<p>Nice 3D effects going on in background which are by the way all the finished projects &#8211; impressive.</p>
<p><a href="http://www.mis-architecture.co.uk" target="_blank"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2009/08/50-flash-webdesigns/miss-architecture-creative-flash-webdesign-inspiration.jpg" alt="miss-architecture-creative-flash-webdesign-inspiration" width="570" height="400" /></a></p>
<h2>34. <a href="http://www.mcinen.net/" target="_blank">Mcinen</a></h2>
<p>Clean and elegant design company&#8217;s website!</p>
<h2><a href="http://www.mcinen.net/" target="_blank"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2009/08/50-flash-webdesigns/mcinen-creative-flash-webdesign-inspiration.jpg" alt="mcinen-creative-flash-webdesign-inspiration" width="570" height="400" /></a></h2>
<h2>35. <a href="http://www.speakvisual.com" target="_blank">Nvidia Speak Visual</a></h2>
<p>Nvidia website is full of beautiful effects, I enjoy the most creative spotlight section, where people tell about their passions and feelings working at Nvidia, creative facial videos.</p>
<p><a href="http://www.speakvisual.com" target="_blank"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2009/08/50-flash-webdesigns/nvidia-speak-visual-creative-flash-webdesign-inspiration.jpg" alt="nvidia-speak-visual-creative-flash-webdesign-inspiration" width="570" height="400" /></a></p>
<h2>36. <a href="http://okaydave.com/" target="_blank">Okay Dave &#8211; Dave Werner Portfolio</a></h2>
<p>Really unique website board which is designer Dave Werner&#8217;s home site.</p>
<h2><a href="http://okaydave.com/" target="_blank"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2009/08/50-flash-webdesigns/dave-werner-creative-flash-webdesign-inspiration.jpg" alt="dave-werner-creative-flash-webdesign-inspiration" width="570" height="400" /></a></h2>
<h2>37. <a href="http://www.michaelkelleyphotos.com/" target="_blank">Michael Kelley Photography</a></h2>
<p>Simply gorgeous and elegant photography website</p>
<p><a href="http://www.michaelkelleyphotos.com/" target="_blank"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2009/08/50-flash-webdesigns/michael-kelley-town-creative-flash-webdesign-inspiration.jpg" alt="michael-kelley-town-creative-flash-webdesign-inspiration" width="570" height="400" /></a></p>
<h2>38. <a href="http://www.maven-interactive.com/" target="_blank">Maven Interactive</a></h2>
<p>Very unique portfolio page though actually I enjoy whole website from start to finish!</p>
<p><a href="http://www.maven-interactive.com/" target="_blank"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2009/08/50-flash-webdesigns/maven-interactive-creative-flash-webdesign-inspiration.jpg" alt="maven-interactive-creative-flash-webdesign-inspiration" width="570" height="400" /></a></p>
<h2>39. <a href="http://www.unit9.com/creativemind/" target="_blank">Unit 9 &#8211; The Creative Mind</a></h2>
<p>Truly amazing website!</p>
<p><a href="http://www.unit9.com/creativemind/" target="_blank"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2009/08/50-flash-webdesigns/unit9-creative-mind-flash-webdesign-inspiration.jpg" alt="unit9-creative-mind-flash-webdesign-inspiration" width="570" height="400" /></a></p>
<h2>40. <a href="http://www.creaktif.com/" target="_blank">CreakTif!</a></h2>
<p>Website built in one very interesting kind of house!</p>
<p><a href="http://www.creaktif.com/" target="_blank"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2009/08/50-flash-webdesigns/creaktif-creative-flash-webdesign-inspiration.jpg" alt="creaktif-creative-flash-webdesign-inspiration" width="570" height="400" /></a></p>
<h2>41. <a href="http://www.experience159.com/" target="_blank">Experience 159 &#8211; Alfa Romeo</a></h2>
<p>Very exclusive Alfa Romeo car company&#8217;s website.</p>
<p><a href="http://www.experience159.com/" target="_blank"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2009/08/50-flash-webdesigns/experience-159-creative-flash-webdesign-inspiration.jpg" alt="experience-159-creative-flash-webdesign-inspiration" width="570" height="400" /></a></p>
<p>Really amazing mouse hover effects &#8211; try them out!</p>
<p><a href="http://www.experience159.com/" target="_blank"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2009/08/50-flash-webdesigns/experience-159-alfa-romeo-creative-flash-webdesign-inspiration.jpg" alt="experience-159-alfa-romeo-creative-flash-webdesign-inspiration" width="570" height="400" /></a></p>
<h2></h2>
<h2>42. <a href="http://www.nike.com/nikelab/" target="_blank">NikeLab</a></h2>
<p>Almost all big companies have created beautiful website, Nike is no exception, check it out!</p>
<p><a href="http://www.nike.com/nikelab/" target="_blank"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2009/08/50-flash-webdesigns/nikelab-creative-flash-webdesign-inspiration.jpg" alt="nikelab-creative-flash-webdesign-inspiration" width="570" height="400" /></a></p>
<h2>43. <a href="http://promotions.bankofamerica.com/mbc/" target="_blank">Morris Code</a></h2>
<p>From design point of view sketching preloader was the one, which cached my interest!</p>
<p><a href="http://promotions.bankofamerica.com/mbc/" target="_blank"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2009/08/50-flash-webdesigns/morris-code-creative-flash-webdesign-inspiration.jpg" alt="morris-code-creative-flash-webdesign-inspiration" width="570" height="400" /></a></p>
<h2>44. <a href="http://www.cocacolazero.com/" target="_blank">CocaCola Zero</a></h2>
<p>Maybe I am not so big fan of CocaCola, but I totally love their website! Cannot even describe how elegant it is!</p>
<p><a href="http://www.cocacolazero.com/" target="_blank"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2009/08/50-flash-webdesigns/cocacola-zero-creative-flash-webdesign-inspiration.jpg" alt="cocacola-zero-creative-flash-webdesign-inspiration" width="570" height="400" /></a></p>
<h2>45. <a href="http://www.coca-cola.com/template1/index.jsp?locale=en_US&amp;site=../happiness_factory/index.html" target="_blank">CocaCola Hapiness Factory</a></h2>
<p>I am sure you have seen creative video advertisements in cinemas, this is original website created like interactive game!</p>
<p><a href="http://www.coca-cola.com/template1/index.jsp?locale=en_US&amp;site=../happiness_factory/index.html" target="_blank"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2009/08/50-flash-webdesigns/cocacola-hapiness-factory-creative-flash-webdesign-inspiration.jpg" alt="cocacola-hapiness-factory-creative-flash-webdesign-inspiration" width="570" height="400" /></a></p>
<h2>46. <a href="http://www.livingsasquatch.com/" target="_blank">Living Sasquatch</a></h2>
<p>Website preloader is really stunning like whole website design!</p>
<p><a href="http://www.livingsasquatch.com/" target="_blank"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2009/08/50-flash-webdesigns/living-sasquatch-creative-flash-webdesign-inspiration.jpg" alt="living-sasquatch-creative-flash-webdesign-inspiration" width="570" height="400" /></a></p>
<h2>47. <a href="http://www.comcasttown.com/" target="_blank">Comcast Town</a></h2>
<p>Just sit back and be inspired! Excellent 3D work has been done here!</p>
<h2><a href="http://www.comcasttown.com/" target="_blank"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2009/08/50-flash-webdesigns/comcast-town-creative-flash-webdesign-inspiration.jpg" alt="comcast-town-creative-flash-webdesign-inspiration" width="570" height="400" /></a></h2>
<h2></h2>
<h2>48. <a href="http://madeforeachother.com/" target="_blank">MadeForEachOther</a></h2>
<p>Very interactive illustrated and animated design! I typed &#8220;1stwebdesigner&#8221; in love letter to get nice effect!</p>
<h2><a href="http://madeforeachother.com/" target="_blank"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2009/08/50-flash-webdesigns/madeforeachother-creative-flash-webdesign-inspiration.jpg" alt="madeforeachother-creative-flash-webdesign-inspiration" width="570" height="400" /></a></h2>
<h2>49.<a href="http://www.feedyourego.co.za/" target="_blank"> Feed Your Ego</a></h2>
<p>Very strong and powerful website, interesting game and interesting ego customization options.</p>
<h2><a href="http://www.feedyourego.co.za/" target="_blank"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2009/08/50-flash-webdesigns/feed-your-ego-creative-flash-webdesign-inspiration.jpg" alt="feed-your-ego-creative-flash-webdesign-inspiration" width="570" height="400" /></a></h2>
<h2>50. <a href="http://www.bebopjeans.com/" target="_blank">BePop Jeans</a></h2>
<p>Huge vector artwork and animation effects has been added to this site, lovely.</p>
<p><a href="http://www.bebopjeans.com/" target="_blank"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2009/08/50-flash-webdesigns/bepop-jeans-creative-flash-webdesign-inspiration.jpg" alt="bepop-jeans-creative-flash-webdesign-inspiration" width="570" height="400" /></a></p>
<p>If You enjoyed this article, consider reading more inspirational articles:</p>
<ul>
<li>
<div><a href="http://www.1stwebdesigner.com/resources/30-sources-to-get-your-web-design-inspiration/" target="_blank">30 Sources To Get Your Web Design Inspiration</a></div>
</li>
<li>
<div><a href="http://www.1stwebdesigner.com/inspiration/30-creative-and-eye-catching-web-designer-portfolios/" target="_blank">30 Creative And Eye-Catching Web Designer Portfolios</a></div>
</li>
<li>
<div><a href="http://www.1stwebdesigner.com/inspiration/46-sites-to-get-inspired-and-familiar-with-hand-drawing-style/" target="_blank">46 Sites To Get Inspired And Familiar With Hand Drawing Style</a></div>
</li>
<li>
<div><a href="http://www.1stwebdesigner.com/inspiration/55-really-creative-and-unique-blog-design-showcase-inspiration/" target="_blank">55 Really Creative And Unique Blog Design Showcase: Inspiration</a></div>
</li>
<li>
<div><a href="http://www.1stwebdesigner.com/development/beautiful-gradient-effects-on-web-design-research-part-2/" target="_blank">Beautiful Gradient Effects On Web design – Research: Part 2</a></div>
</li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.1stwebdesigner.com/inspiration/50-gorgeous-flash-websites-you-definitely-should-see/feed/</wfw:commentRss>
		<slash:comments>63</slash:comments>
		</item>
		<item>
		<title>30 Sources To Get Your Web Design Inspiration</title>
		<link>http://www.1stwebdesigner.com/freebies/30-sources-to-get-your-web-design-inspiration/</link>
		<comments>http://www.1stwebdesigner.com/freebies/30-sources-to-get-your-web-design-inspiration/#comments</comments>
		<pubDate>Sat, 08 Nov 2008 22:50:45 +0000</pubDate>
		<dc:creator>Dainis Graveris</dc:creator>
				<category><![CDATA[Freebies]]></category>
		<category><![CDATA[Inspiration]]></category>
		<category><![CDATA[Coding]]></category>
		<category><![CDATA[flash]]></category>
		<category><![CDATA[gallery]]></category>
		<category><![CDATA[showcase]]></category>
		<category><![CDATA[web]]></category>
		<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://www.1stwebdesigner.com/?p=1879</guid>
		<description><![CDATA[If You are developing web designs, then You know there is times when You struggle without any ideas. That&#8217;s the time when these web sites becomes handy. I collected nice list with some of the most known web gallery sites showcasing and listing well design sites into different categories, letting You to promote and demote [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.1stwebdesigner.com/resources/30-sources-to-get-your-web-design-inspiration" target="_self"><img style="border-right: 0px; border-top: 0px; margin: 0px 7px 7px; border-left: 0px; border-bottom: 0px" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2008/11/title-webdesign.jpg" border="0" alt="title-webdesign" width="150" height="150" align="left" /></a>If You are developing web designs, then You know there is times when You struggle without any ideas. That&#8217;s the time when these web sites becomes handy. I collected nice list with some of the most known web gallery sites showcasing and listing well design sites into different categories, letting You to promote and demote all designs.</p>
<p>Every site is a little bit different, so make sure to check everyone of these and pick up Your most favorite ones. Hope this list will help to get Your inspiration back.</p>
<p><span id="more-1879"></span></p>
<p><a href="http://bestwebgallery.com/" target="_blank">BestWebGallery</a></p>
<p>Best Web Gallery is an inspirational gallery site collecting a wide range of quality design websites (Flash &amp; CSS).</p>
<p><a href="http://bestwebgallery.com/" target="_blank"><img style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2008/11/bestwebgallery.jpg" border="0" alt="bestwebgallery" width="430" height="90" /></a></p>
<p><a href="http://www.webcreme.com/" target="_blank">Webcreme</a></p>
<p>Get Your web inspiration in this great site, overall 313 pages with amazing designs.</p>
<p><a href="http://www.webcreme.com/" target="_blank"><img style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2008/11/web-creme.jpg" border="0" alt="web-creme" width="430" height="90" /></a></p>
<p><a href="http://www.thebestdesigns.com/" target="_blank">TheBestWebDesign</a></p>
<p>This site collects the best Flash and CSS web sites from around the world. Web sites are categorized by CSS or Flash and also by different elements of the design, so You can find and get the best out of it.</p>
<p><a href="http://www.thebestdesigns.com/" target="_blank"><img style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2008/11/thebestdesigns.jpg" border="0" alt="thebestdesigns" width="430" height="90" /></a></p>
<p><a href="http://commandshift3.com/" target="_blank">CommandShift3</a></p>
<p>Vote for sites like Hot or Not &#8211; You are always presented with screenshots of two websites side by side. Click on the screenshot of the site You like the best, the page reloads and You can continue to vote again and again &#8211; in neverending way. And in the final You can check out the best site &#8211; weekly, monthly, all-time best and worst ever, You can also browse winners by tag.</p>
<p><a href="http://commandshift3.com/" target="_blank"><img style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2008/11/commandshift.jpg" border="0" alt="commandshift" width="430" height="90" /></a></p>
<p><a href="http://www.cssimport.com/" target="_blank">CSSImport</a></p>
<p>CSSImport has been collecting new web sites from year 2005, check out archive page to get overview about each month. Pretty huge collection can be be found there.</p>
<p><a href="http://www.cssimport.com/" target="_blank"><img style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2008/11/cssimport.jpg" border="0" alt="cssimport" width="430" height="90" /></a></p>
<p><a href="http://cssremix.com/" target="_blank">CSSRemix</a></p>
<p>CSSRemix collects the best designed web 2.0 sites, with more than 14 thousand RSS subscribers.</p>
<p>Currently site is undergoing maintenance, but check out this site later.</p>
<p><a href="http://cssremix.com/" target="_blank"><img style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2008/11/cssremix.jpg" border="0" alt="cssremix" width="430" height="90" /></a></p>
<p><a href="http://cssmania.com/" target="_blank">CSSMania</a></p>
<p>CSSMania is one of the most popular CSS-based and regularly updated sites with more than 14,700 RSS subscribers. All sites are organized in really detailed topics, also listed by countries and much more, currently there are more than 12,000 web site collection.</p>
<p><a href="http://cssmania.com/" target="_blank"><img style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2008/11/cssmania.jpg" border="0" alt="cssmania" width="430" height="90" /></a></p>
<p><a href="http://welovewp.com/" target="_blank">WeLoveWP</a></p>
<p>Very well designed web site showcasing just WordPress based sites.</p>
<p><a href="http://welovewp.com/" target="_blank"><img style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2008/11/welovewp.jpg" border="0" alt="welovewp" width="430" height="90" /></a></p>
<p><a href="http://www.designsnack.com/" target="_blank">DesignSnack</a></p>
<p>DesignSnack site features XHTML/CSS and Flash web designs, categorized by categories &#8211; You can browse designs even by color.</p>
<p><a href="http://www.designsnack.com/" target="_blank"><img style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2008/11/designsnack.jpg" border="0" alt="designsnack" width="430" height="90" /></a></p>
<p><a href="http://www.csszengarden.com/" target="_blank">CSSZenGarden</a></p>
<p>This is really popular CSS-based site &#8211; the code always remains the same, You switch only external .css file &#8211; amazing to see what people can do just by coding CSS. Really inspiring selection!</p>
<p><a href="http://www.csszengarden.com/" target="_blank"><img style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2008/11/zengarden.jpg" border="0" alt="zengarden" width="430" height="90" /></a></p>
<p><a href="http://www.cssbeauty.com/" target="_blank">CSSBeauty</a></p>
<p>Get inspired in this popular site &#8211; really wide selection with CSS based sites.</p>
<p><a href="http://www.cssbeauty.com/" target="_blank"><img style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2008/11/cssbeauty.jpg" border="0" alt="cssbeauty" width="430" height="90" /></a></p>
<p><a href="http://www.unmatchedstyle.com/" target="_blank">Unmatched Style</a></p>
<p>Unmatched Style is a constantly growing community dedicated to acknowledging those who have made exceptionally gorgeous web sites using Cascading Style Sheets and web standards. By recognizing these exceptionally beautiful designs, other designers and businesses can get inspired and find a direction they may wish to take with their own web sites.</p>
<p><a href="http://www.unmatchedstyle.com/" target="_blank"><img style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2008/11/unmatched.jpg" border="0" alt="unmatched" width="430" height="90" /></a></p>
<p><a href="http://www.inspirationfolder.com/" target="_blank">InspirationalFolder</a></p>
<p>Over 20,000 designs to jump-start Your inspiration!</p>
<p><a href="http://www.inspirationfolder.com/" target="_blank"><img style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2008/11/inspirationfolder.jpg" border="0" alt="inspirationfolder" width="430" height="90" /></a></p>
<p><a href="http://www.linkcreme.com/" target="_blank">LinkCreme</a></p>
<p>LinkCreme is a gallery with beautiful CSS and flash sites. Showcasing the best designs only &#8211; at least they say it about themselves.</p>
<p><a href="http://www.linkcreme.com/" target="_blank"><img style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2008/11/linkcreme.jpg" border="0" alt="linkcreme" width="430" height="90" /></a></p>
<p><a href="http://www.edustyle.net/" target="_blank">EduStyle</a></p>
<p>EduStyle is a web design gallery dedicated to higher education websites and powered by higher education web design professionals. Users submit, review, and comment on sites they like (or don&#8217;t like). The aim is for higher ed web professionals to learn from and be inspired by the work of their peer.</p>
<p><a href="http://www.edustyle.net/" target="_blank"><img style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2008/11/edustyle.jpg" border="0" alt="edustyle" width="430" height="90" /></a></p>
<p><a href="http://designshack.co.uk/" target="_blank">DesignShack</a></p>
<p>Not like other CSS repositories. Site only offers he cream of great design, filtering through lots of the redesigns that occur every day across the Internet, and cataloging the greatest projects out there, priding themselves on having a huge selection of inspiring sites &#8211; perfect for getting that spark of creativity going again.</p>
<p><a href="http://designshack.co.uk/" target="_blank"><img style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2008/11/designshack.jpg" border="0" alt="designshack" width="430" height="90" /></a></p>
<p><a href="http://www.csstux.com/" target="_blank">CSSTux</a></p>
<p>Site collecting the best dressed sites on the web.</p>
<p><a href="http://www.csstux.com/" target="_blank"><img style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2008/11/csstux.jpg" border="0" alt="csstux" width="430" height="194" /></a></p>
<p><a href="http://www.cssbloom.net/" target="_blank">CSSBloom</a></p>
<p>Slowly this site collects more and more great web designs. Make sure to check out this site too.</p>
<p><a href="http://www.cssbloom.net/" target="_blank"><img style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2008/11/cssbloom.jpg" border="0" alt="cssbloom" width="430" height="312" /></a></p>
<p><a href="http://www.cssheaven.com/" target="_blank">CSSHeaven</a></p>
<p>CSS Heaven is all about Fresh and innovative CSS / XHTML web designs submitted by web designers from around the world.</p>
<p><a href="http://www.cssheaven.com/" target="_blank"><img style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2008/11/cssheaven.jpg" border="0" alt="cssheaven" width="430" height="238" /></a></p>
<p><a href="http://www.mostinspired.com" target="_blank">MostInspired</a></p>
<p>This is one of the network sites, there are also sites like MostSliced, MostHired, MostPreviewed, MostSported and MostListed. There are more than 20,000 web designs You can inspire from. Check out &#8220;Sites&#8221; section.</p>
<p><a href="http://www.mostinspired.com" target="_blank"><img style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2008/11/mostinspired.jpg" border="0" alt="mostinspired" width="430" height="262" /></a></p>
<p><a href="http://www.uniquecss.com/" target="_blank">UniqueCSS</a></p>
<p>UniqueCSS.com is a CSS gallery featuring some of the most unique CSS designs on the web.Every month, talented CSS designers submit their websites for review by a group of judges. These judges select seven finalists to be featured on the Unique CSS homepage.</p>
<p><a href="http://www.uniquecss.com/" target="_blank"><img style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2008/11/uniquecss.jpg" border="0" alt="uniquecss" width="430" height="244" /></a></p>
<p><a href="http://www.coolhomepages.com/" target="_blank">CoolHomePages</a></p>
<p>Huge list of design resources, there are even descriptions about each site telling what it&#8217;s about.</p>
<p><a href="http://www.coolhomepages.com/" target="_blank"><img style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2008/11/coolhomepages.jpg" border="0" alt="coolhomepages" width="430" height="263" /></a></p>
<p><a href="http://www.botwg.com/" target="_blank">Botwg (Best Of The Web Gallery)</a></p>
<p>Botwg showcases few more unique designs.</p>
<p><a href="http://www.botwg.com/" target="_blank"><img style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2008/11/botw.jpg" border="0" alt="botw" width="430" height="226" /></a></p>
<p><a href="http://www.ucreative.com/" target="_blank">UCreative</a></p>
<p>U-Creative is a design gallery. Create a graphic design portfolio, submit your designs and rate other graphic design work, great inspiration place.</p>
<p><a href="http://www.ucreative.com/" target="_blank"><img style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2008/11/ucreative.jpg" border="0" alt="ucreative" width="430" height="248" /></a></p>
<p><a href="http://www.faveup.com/" target="_blank">FaveUp</a></p>
<p>Faveup is a simple gallery of inspirational design. Everybody gets designer&#8217;s block sometimes so it&#8217;s nice to have somewhere to go to get your creative juices flowing again. Faveup also gives credit where credit is due, rewarding great design with the respect and linkage it deserves. There are even more sections &#8211; logos, business cards, flash websites and CSS websites,</p>
<p><a href="http://www.faveup.com/" target="_blank"><img style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2008/11/faveup.jpg" border="0" alt="faveup" width="430" height="227" /></a></p>
<p><a href="http://www.designflood.com/" target="_blank">DesignFlood</a></p>
<p>One more site collecting and showcasing unique and really well-design web sites. Vote every web-site from 1-9 score, there are no perfect 10 rating, because there are no website, which can be really perfect. Sort sites by newest, oldest, highest rated and lowest rated.</p>
<p><a href="http://www.designflood.com/" target="_blank"><img style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2008/11/designflood.jpg" border="0" alt="designflood" width="430" height="248" /></a></p>
<p><a href="http://www.cssnature.org/" target="_blank">CSSNature</a></p>
<p>CSS Nature is a showcase of well designed eco green and organic CSS based web site designs.</p>
<p><a href="http://www.cssnature.org/" target="_blank"><img style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2008/11/cssnature.jpg" border="0" alt="cssnature" width="430" height="225" /></a></p>
<p><a href="http://csscreme.com/" target="_blank">CSSCreme</a></p>
<p>CSSCreme is a free gallery of great sites, encouraging people to create beautiful original sites based on CSS technology.<a href="http://csscreme.com/" target="_blank"><img style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2008/11/csscreme.jpg" border="0" alt="csscreme" width="430" height="265" /></a></p>
<p><a href="http://styleboost.com/" target="_blank">StyleBoost</a></p>
<p>Styleboost is a gallery for showcasing beautiful web sites. It has been around since January 2001 and is created, designed and maintained by Johan Bakken.</p>
<p><a href="http://styleboost.com/" target="_blank"><img style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2008/11/styleboost.jpg" border="0" alt="styleboost" width="430" height="238" /></a></p>
<p><a href="http://www.cssartillery.com/" target="_blank">CSSArtilery</a></p>
<p>CSSArtillery, showcase of web standards state-of-the-art &amp; inspirational websites from all around the globe.</p>
<p><a href="http://www.cssartillery.com/" target="_blank"><img style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2008/11/cssartilery.jpg" border="0" alt="cssartilery" width="430" height="247" /></a></p>
<p>Where do You get Your web design inspiration from? Share with us in the comments to evolve our community!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.1stwebdesigner.com/freebies/30-sources-to-get-your-web-design-inspiration/feed/</wfw:commentRss>
		<slash:comments>35</slash:comments>
		</item>
	</channel>
</rss>

