tag:blogger.com,1999:blog-70651914022401843072024-03-13T19:31:24.095-07:00School Library Learning 2.0An online learning program for CSLA members and friends.Unknownnoreply@blogger.comBlogger28125tag:blogger.com,1999:blog-7065191402240184307.post-53081082895068829872007-02-27T12:24:00.001-08:002012-01-09T20:48:05.620-08:00The 23 Things<strong>Welcome to School Library Learning 2.0. </strong><br />
This tutorial is brought to you by the <a href="http://csla.net/"><b>California School Library Association</b></a> (CSLA) 2.0 Team. You will learn the tools of the new Internet: Web 2.0 tools that are bringing our kids in touch with the entire world through social networking, wikis, video, podcasting, and gaming sites. The CSLA 2.0 team encourages you to take time to explore and enjoy. Read on! <em><strong>Registration occurs <span class="Apple-style-span" style="font-size: x-large;">after</span> you have completed the first three "Things." </strong></em><br />
<span style="font-size: 78%;"><br /></span>There are 23 "<em>Things"</em> for you to complete. There are many places for you to explore, experiment with, and think about creative ways to use this in your library or to collaborate with classroom teachers. There is no deadline and this course will remain online through the 2011-2012 school year. If you are not yet a member, we invite you to <a href="http://csla.net/"><b>join</b></a><span style="font-size: 85%;"><span style="font-size: 100%;">.</span> <span style="color: #000066;"><em>[Note: Are you a classroom teacher? Check out <a href="http://clovis23things.pbworks.com/w/page/16042632/ClassroomLrng2-0"><b>Classroom Learning 2.0</b>.</a>]</em></span></span><span style="font-size: 78%;"><br /></span><strong><br />Tutorial Format:</strong><br />
<span style="font-family: arial; font-size: 85%;">Each week begins with a brief explanation of a new web 2.0 topic, followed by Discovery Exercises. </span><br />
<span style="font-family: arial; font-size: 85%;"><br /></span><br />
<span style="font-family: arial; font-size: 85%;">These exercises give you the background you need to understand the tools you're learning about. </span><br />
<span style="font-family: arial; font-size: 85%;"><br /></span><br />
<span style="font-family: arial; font-size: 85%;">After the Discovery Exercises, you'll find a <em>Thing</em> -- activity -- to complete. </span><br />
<span style="font-family: arial; font-size: 85%;"><br /></span><br />
<span style="font-family: arial; font-size: 85%;">Then you comment or "post" to your online log (Blog.) You will learn how to set up a blog. A blog is a tool to communicate your thoughts, new found skills, ideas, questions, and favorite websites. </span><br />
<span style="font-family: arial; font-size: 85%;"><br /></span><br />
<span style="font-family: arial; font-size: 85%;">You'll receive feedback and encouragement from the CSLA 2.0 Team and other participants. It's your space! If you wish, you can register for </span><a href="http://schoollibrarylearning2.blogspot.com/2007/02/about.html"><span style="font-family: arial; font-size: 85%;">Continuing Education </span></a><span style="font-size: 85%;"><span style="font-family: arial;">units. </span></span><br />
<span class="Apple-style-span" style="font-family: arial;"><span class="Apple-style-span" style="font-size: 14px;"><br /></span></span>The course is full of LINKS (<i>gently move your mouse over the page and you will see them</i>). The links below will take you to each week's specific lesson. For example, the first link takes you to the "ABOUT" page.<br />
<div>
<br />
<strong>Week 1:</strong><br />
1. Please begin by reading this blog & find out <a href="http://schoollibrarylearning2.blogspot.com/2007/02/about.html"><strong>about</strong></a> the program.<br />
2. Discover a few <a href="http://schoollibrarylearning2.blogspot.com/2007/02/2-week-1-lifelong-learning-habits.html"><strong>pointers from lifelong learners</strong></a> and learn how to nurture your own learning process.<br />
<br />
<strong>Week 2: Blogging</strong><br />
3. <a href="http://schoollibrarylearning2.blogspot.com/2007/02/3-week-2-create-your-own-blog-avatar.html"><strong>Set up your own blog</strong></a> , add your first post, add an avatar.<br />
4. <a href="http://schoollibrarylearning2.blogspot.com/2007/02/4-week2-register-your-blog-with-school.html"><strong>Register your blog</strong> </a>and begin your Learning 2.0 journey.<br />
<br />
<strong>Week 3: Photos & Images</strong><br />
5. <a href="http://schoollibrarylearning2.blogspot.com/2007/02/5-week-3-explore-flickr-and-learn-about.html"><strong>Explore Flickr</strong></a> and learn about this popular image hosting site.<br />
6. Have some Flickr fun and discover some <a href="http://schoollibrarylearning2.blogspot.com/2007/02/6-week-3-flickr-fun-mashups-and-3rd.html"><strong>Flickr mashups & 3rd party sites</strong></a>.<br />
7. Create a <a href="http://schoollibrarylearning2.blogspot.com/2007/02/7-week-3-create-blog-post-about.html"><strong>blog post about anything technology related</strong></a> that interests you this week.<br />
<br />
<strong>Week 4: RSS & Newsreaders</strong><br />
8. Learn about <a href="http://schoollibrarylearning2.blogspot.com/2007/02/8-week-4-learn-about-rss-feeds-and-set.html"><strong>RSS feeds and set up your own Bloglines newsreader account</strong></a>.<br />
9. Locate a <a href="http://schoollibrarylearning2.blogspot.com/2007/02/9-week-4-locate-few-useful-school.html"><strong>few useful library related blogs and/or news feeds</strong></a>.<br />
<br />
<span style="color: black;"><strong>Week 5: Play Week</strong></span><br />
10. Play around with with an <a href="http://schoollibrarylearning2.blogspot.com/2007/02/10-week-5-play-around-with-online-image.html"><strong>online image generator</strong></a>.<br />
11. Explore <a href="http://schoollibrarylearning2.blogspot.com/2007/02/11-week-5-explore-any-site-from-web-20.html"><strong>any site from the Web 2.0 awards list</strong></a>, play with it and write a blog post about your findings.<br />
12. <a href="http://schoollibrarylearning2.blogspot.com/2007/02/12-week-5-roll-your-own-search-tool.html"><strong>Fun 'n' Games</strong></a>.<br />
<br />
<strong>Week 6: Tagging, Folksonomies & Technorati</strong><br />
13. Learn about <a href="http://schoollibrarylearning2.blogspot.com/2007/02/13-week-6-learn-about-tagging-and.html"><strong>tagging and discover Del.icio.us</strong></a> (a social bookmarking site)<br />
14. Explore <a href="http://schoollibrarylearning2.blogspot.com/2007/02/14-week-6-explore-technorati-and-learn.html"><strong>Technorati and learn how tags</strong></a> work with blog posts.<br />
15. Read a few perspectives on <a href="http://schoollibrarylearning2.blogspot.com/2007/02/15-week-6-read-some-perspectives-on-web.html"><strong>Web 2.0, Library 2.0 and the future of libraries</strong></a> and blog your thoughts.<br />
<br />
<strong>Week 7: Wikis</strong><br />
16. Learn <a href="http://schoollibrarylearning2.blogspot.com/2007/02/16-week-7-learn-about-wikis-and.html"><strong>about wikis and discover some innovative ways</strong></a> that libraries are using them.<br />
17. Add an entry to the <a href="http://schoollibrarylearning2.blogspot.com/2007/02/17-week-7-add-entry-to-csla2007.html"><strong>Learning 2.0 SandBox wiki</strong></a>.<br />
<br />
<strong>Week 8: Online Applications & Tools</strong><br />
18. Take a look at some <a href="http://schoollibrarylearning2.blogspot.com/2007/02/18-week-8-take-look-at-online.html"><strong>online productivity (word processing, spreadsheet) tools</strong></a>.<br />
19. Take a look at <a href="http://schoollibrarylearning2.blogspot.com/2007/02/19-week-8-check-out-librarything.html"><strong>LibraryThing and catalog some of your favorite books</strong></a>.<br />
<br />
<strong>Week 9: Podcasts, Video & Downloadable Audio</strong><br />
20. Discover <a href="http://schoollibrarylearning2.blogspot.com/2007/02/20-week-9-discover-youtube-and-few.html"><strong>YouTube and a few sites</strong></a> that allow users to upload and share videos.<br />
21. <a href="http://schoollibrarylearning2.blogspot.com/2007/02/21-week-9-podcasts-you-dont-need-ipod.html"><strong>Podcasts</strong> </a>(You don’t need an iPod!)<br />
22. <a href="http://schoollibrarylearning2.blogspot.com/2007/02/22-week-9-explore-ebooks-and-audio.html"><strong>eBooks and Audio eBooks</strong> </a><br />
23. <a href="http://schoollibrarylearning2.blogspot.com/2007/02/23-week-9-summarize-your-thoughts-about.html"><strong>Summarize your thoughts about this program</strong></a>.<br />
Copyright, Creative Commons, and CONGRATULATIONS!</div>
<div>
<br /></div>
<div>
<span class="Apple-style-span" style="color: #666666; font-size: small;">NOTE: Many items on this tutorial are LINKED to other pages. If you are reading this online, gently move your mouse over the page to see LINKED items. If you are reading a printed version, be sure to also check online for links.</span></div>Unknownnoreply@blogger.comtag:blogger.com,1999:blog-7065191402240184307.post-5824407160158839602007-02-24T10:01:00.001-08:002011-11-23T11:42:24.348-08:002.0 PartnersSome school districts, county offices of education, other organizations and states use the School Library Learning 2.0 course as a part of their own professional development efforts. If your organization would like to be a "2.0 Partner" in learning,<span style="font-weight: bold;"> </span><a href="mailto:CSLA2team@yahoo.com" style="font-weight: bold;">let us know</a>.<br />
<ul>
<li><em><span style="font-size: 85%;">One district used the "summer 2.0 fun" program as a foundation for offering the online program to classroom teachers during the following school year. In that case, district middle and high school technology representatives (about 20, mostly Library Media Teachers) participated in the summer program as a way to build their technology leadership and become 2.0 coaches at their schools.</span></em></li>
</ul>
<span style="font-size: 130%;">Top 10 Benefits. </span>The tutorial is:<br />
<ol>
<li><span style="color: #cc0000;"><strong>An introduction to web 2.0 applications </strong></span><span style="color: black;">and </span><strong><span style="color: #cc0000;">K-12 curriculum connections</span></strong>. </li>
<br />
<li><span style="color: #cc0000;"><strong>Free</strong>.</span> Partners can use their <span style="font-style: italic;">own resources</span> to encourage participation or recognize those who successfully complete the 23 THINGS. "Resources" mean your own virtual 2.0 cheerleaders, prizes, time, and recognition.</li>
<br />
<li><span style="color: #cc0000;"><strong>Strengthens district library and ed tech support teams.</strong></span> Most districts have a tech team (i.e., Educational Technology Coaches, Tech Facilitators, Technology Action Team, and so on) that can take the course first and then offer the course to classroom teachers and the broader school community. </li>
<br />
<li><span style="color: #cc0000; font-weight: bold;">A</span><span style="color: #cc0000;"><span style="color: #cc0000; font-weight: bold;">ddresses </span><strong>district Library and Technology Plan training or professional development goals</strong></span> (i.e., Administrator training AB 43o Module III, E-RATE.)</li>
<br />
<li><span style="color: #cc0000; font-weight: bold;">Addresses </span><strong><span style="color: #cc0000;">school goals related to WASC, School Site Improvement, and digital literacy goals.</span></strong> </li>
<br />
<li><strong><span style="color: #cc0000;">Increases creativity and collaboration among faculty and staff.</span></strong> </li>
<br />
<li>Provides for <span style="color: #cc0000;"><strong>optional CE units</strong></span>, which helps educators reach a higher pay level. Students are expected to spend a minimum of 36 hours on the course over a 9-week period. This averages 2-4 hours/week and will vary depending on student level of web 2.0 experience and interest." </li>
<br />
<li><span style="color: #cc0000;"><strong>A good way to introduce and build use of a district's own blog and wiki applications</strong></span> (instead of Blogger, WordPress, TypePad, or other) as a professional development and district-wide communication tool. </li>
<br />
<li>An opportunity to <span style="color: #cc0000;"><strong>expand communication channels</strong></span> among students, teachers, and the school community.</li>
<br />
<li><span style="color: #cc0000;"><strong>Fun. You have "permission" to have fun!</strong></span></li>
</ol>
<span style="font-size: 130%;">2.0 Partners.</span> The following is a sample of school districts and state associations that notified the CSLA 2.0 Team that they offered School Library Learning 2.0 as a professional development course:<br />
<ul>
<li>Berkeley USD</li>
<li>Clovis USD</li>
<li><a href="http://ctapcl2.blogspot.com/">CTAP Region I</a></li>
<li>CTAP Region IV</li>
<li>Davis Joint Unified School District</li>
<li>Fresno Unified School District</li>
<li>Sacramento City Unified School District</li>
<li>Carondelet High School</li>
<li>Adams 12 FiveStar School District (Colorado) </li>
<li>Washington Library Media Association (WLMA)</li>
<li><a href="http://paweb20.blogspot.com/">Pennsylvania Department of Education School Library Services and the Pennsylvania School Library Association (PSLA)</a></li>
<li><a href="http://mslaschoolibrary20.blogspot.com/">Massachusetts School Library Association (MSLA)</a></li>
<li>Region One Education Service Center - an extension of the Texas Education Agency</li>
<li>Clarkson Secondary School, Mississauga, Ontario, CANADA</li>
<li><a href="http://oelma-nw.blogspot.com/" style="font-weight: bold;">Ohio Educational Library Media Association Northwest Region</a></li>
</ul>
<br />Unknownnoreply@blogger.comtag:blogger.com,1999:blog-7065191402240184307.post-34610508094347830372007-02-20T22:25:00.000-08:002010-04-13T15:54:52.942-07:00Weekly tipsGet Ready! Bookmark (or save as a "favorite") the web address or URL for the School Library Learning 2.0 online training program, <a href="http://schoollibrarylearning2.csla.net/">http://schoollibrarylearning2.csla.net</a><br /><br />From time to time, you will receive a "comment" on your blog that will cheer you on or give suggestions.<br /><br /><strong>Week 1 Tips:</strong><br />1. Read the <a href="http://schoollibrarylearning2.blogspot.com/2007/02/about.html">ABOUT</a> page. It has answers to frequently asked questions. You may want to refer back to this page from time to time as you work through the weekly lessons.<br /><br />2. All of the lessons or "exercises" are on one page. Each lesson is also its own entry so you can click on a lesson title to be directed to its own page.<br /><br />3. You may find it helpful or more fun to get yourself a buddy or bunch of buddies to explore the lessons with you. Working as a group, you can better cheer one another along or share discoveries.<br /><br />4. Throughout the course, we encourage comments and feedback. Your participation is key to the success of this and future programs.<br /><br />5. Each lesson is relatively short, particularly the first week's lesson. You will NOT be graded!<br /><br />This program emphasizes and include <span style="COLOR: rgb(204,0,0)">curriculum connections</span>. Explore, have fun, and enjoy the lessons. You must complete the entire course if you want to receive special recognition by CSLA. So, fasten your seatbelt, grab your mouse, and blast off !<br /><br /><strong>Week 2 Tips:</strong><br />1. Get yourself a small notebook or secret place to keep track of your passwords and logins.<br /><br />2. You may encounter frustration as you set up your blog. The Blogger software interface is not particularly intuitive. Ask a colleague or one of us to help you if you get stuck. Try to get as far as you can by yourself. <span style="COLOR: rgb(204,0,0)">Remember this is about self-discovery and self-learning.</span><br /><br />3. Privacy -- You may be concerned about privacy issues. When you create your blog, you may use any name you wish and reveal nothing about yourself. Look at some of the blogs already created. Try to guess who some of them are! The CSLA 2.0 Team will know your real identity because you must send us an email in order for us to track your progress. When the program is over, you have the option to delete your blog.<br /><br />4. Signing On - If you create your blog in Blogger, you will always sign on as NEW BLOGGER. Follow the BIG ORANGE ARROW in the middle of your computer screen that says "Create your blog now" Then you will create a Google account which is simply any email address you choose that already exists such as, your work email address, a Yahoo email address, etc.<br /><br />5. Once you create your blog, you may choose to change font, font size, add photos to your blog posts, photo of your avatar or other character on your main page, etc. Avoid <strong>black</strong> as a background -- hard on readers' eyes and printer ink! Much of these changes are done in the LAYOUT section.<br /><br />6. Please remember your email, password and the blog URL you create. That is your responsibility. See tip #1 about a password notebook or secret place. Be creative or funny or whatever with your blog title. Don't you just love "Below Approach" or "Crowe's Nest."<br /><br />7. Entries -- Please clearly identify which <span style="COLOR: rgb(204,0,0)">WEEK</span> and which <span style="COLOR: rgb(204,0,0)">THING</span> you are doing in a blog entry. This will make life easier for the CSLA 2.0 Team as it tracks your progress. It will also make your blog a much more useful reference tool for you.<br /><br /><strong>Week 3 Tips:</strong><br />1. Please remember to do the exercises and clearly label blog entries that are related to the exercises (<span style="COLOR: rgb(204,0,0)">WEEK 2, #3</span> <span style="COLOR: rgb(204,0,0)">First Post,</span> for example.)<br /><br />2. If you haven't already, add a photo to a blog entry. When you are in the COMPOSE mode of a POST, there are icons/symbols for Bold (B), T (Text color), etc. There is also one for inserting/uploading a picture or photo. Check it out. Photos can also be added to your template by using the Page Elements in the Layout section. Several of you have already figured out how to add photos, particularly for your profile photo. Keep the creativity and fun coming. This is a fun fun fun week!<br /><br />3. This is a good time to add "Word verification for comments." Here's how:<br /><p>-- Go to your blog. Sign in.</p><p>-- Click on "CUSTOMIZE." Go to "SETTINGS." Go to "COMMENTS"</p><p>-- One of the choices under "COMMENTS" (near bottom of page) is SHOW or HIDE "WORD VERIFICATION." Select "yes, show word verification for comments."</p><p>4. <span style="font-family:Arial;font-size:100%;">Blogger uses an automated classifier. Automatic spam detection is inherently fuzzy, and occasionally a blog is flagged incorrectly. If you get an email from from Blogspot saying: "<span style="FONT-STYLE: italic">Your blog at: [your Blog url] has been identified as a potential spam blog.To correct this, please request a review by filling out the form at: [ Their url]</span>"Don't panic! Follow the instructions in the email and all will be fixed.</span><br /><br /><strong></strong></p><p><strong>Week 4 Tips:</strong><br />1. It is not too late to participate in this course. Exercises are short and fun.<br /><br />2. To register your blog with the California School Library Association, please <a href="http://lime.forest.net/schoollibrary/Librarian_2_0/FMPro?-db=Librarian_2_0.fp5&-lay=Proposal&amp;-format=new.htm&-view">click here</a> with blog title and URL. This is how we know you are participating, how we are able to track you and give you special recognition upon completion of all the exercises.<br /><br />3. Did you know that you have some word processing capabilities when composing a blog post? Notice the tool bar with icons for bold, linking, adding images, font size and color, etc. Ask your colleagues or contact the <a href="mailto:CSLA2team@yahoo.com">CSLA 2.0 Team </a>if you have questions. <span style="COLOR: rgb(204,0,0)">Remember this is about self-discovery and self-learning, so first give it your best problem solving effort. </span><br /><br />4. If you encounter log-in problems with Blogger, it may be Blogger and not you. The application has been known to be problematic. Try again or let the <a href="mailto:CSLA2team@yahoo.com">CSLA 2.0 Team</a> know.<br /><br />5. As a reminder, Blogger is not the only blogging software but it is free. Wordpress is an option. At least one of our CSLA 2.0 Team uses Wordpress. See this <a href="http://m1llion.wordpress.com/">blog</a>.<br /><br />6. You will learn about RSS readers, in particular, Bloglines. By the way, Google Reader is another option and preferred by some people.<br /><br />7. We appreciate the feedback from you!<br /><br /><strong>Week 5 Tips:</strong><br />1. We're loving your blog titles! Check out your fellow participants' blogs and cheer them on by posting a "comment" to one of their posts.<br /><br />2. You are doing a fabulous job with prose and photos!<br /><br /><strong>Week 6 Tips:</strong><br />1. By now, some of you might be feeling a bit overwhelmed with your regular job duties or entertaining summertime house guests, and feel that you don't have time for the School Library Learning 2.0 weekly lessons.<br /><br />2. <span style="COLOR: rgb(204,0,0)">You have time.</span> You'll find that some of the lessons go faster than you expected. And some go slower. Most are pretty fun though!<br /><br />3. You do not have to create a Flickr account to download an image from Flickr for the image exercises.<br /><br />4. Doing the tutorials or reading the resources suggested for each lesson really helps to prepare you to do the exercises.<br /><br />5. You don't have to like or embrace or adopt any of the tools you are learning about. Remember <span style="COLOR: rgb(204,0,0)">this program is about exploring and being exposed to emerging technologies and to get you thinking about the tools for professional and personal use.</span> The CSLA 2.0 Team is enjoying reading your observations in your blog posts about the tools. We learn a lot from each and every participant. Thanks for sharing your discoveries and curriculum connections.<br /><br /><strong>Week 7 Tips:</strong><br />1. You probably already know a bit about wikis especially if you know about Wikipedia, the community built <a href="http://www.wikipedia.org/">encyclopedia.</a> Most California cities, airports, mountains, parks, etc. have an entry in Wikipedia. Actually, come to think of it -- what doesn't... Search to see what is entered for "teacher librarian."<br /><br />2. One of the driving forces for why wikis are so popular is the idea that communities of people with a vested interested or expertise in a topic work together to create content. You are an author who may write and edit material just as you do with your personal blog.<br /><br />3. Ah, the downside to wikis .... is the information accurate? Is it reliable? Is it current? Is it a good example for teaching students the concept of "verify."<br /><br />4. Look at your co-workers' blogs and leave them comments. We bet you'll learn from what they have written besides being entertained with super prose and photos.<br /><br /><strong>Week 8-9 Tips:</strong><br />1. Some of you are having problems making your Bloglines reader public. First, this is completely optional. If you choose to make it available: How to find your public Bloglines URL: 1. Click on the Share tab within your Bloglines account:2. Scroll down the right screen pane and locate the public URL or To share your blogroll, log into your Bloglines account. Then, click on "Account" in the upper right corner. Click on "Blog Settings," in the middle near the top. Type in a user name if you haven't yet. For "Show my Blogroll" click next to "Yes, publish my blogroll." Click "Save changes."<br /><br />2. Rollyo - adding a search roll to your blog is completely optional. However, if you choose to do so: In Rollyo you can add the search roll you create to your blog by going to the "tools" link at the top of the page. Click on "Put a Rollyo Searchbox on your site." Scroll down to where you see three grayish boxes in columns. In the "Searchrolls" box click on the searchroll that you want to add to your blog. Click on the right facing arrow to add it to the "Searchbox Rolls"column. Select the style of searchbox you want. There is a preview on the right when you choose the various types. In the far right column, titled "Copy and Paste Code," highlight all the text in the white box. You can just click in the box and then press CTRL+A. Copy this code (CTRL+C). Log into Blogger and go to the layout page for your blog. Click on "Add a page element" wherever you want the search box to appear. In the box that pops up, find where it says "HTML/JavaScript" and click on "add to blog." Enter a title, then paste (CTRL+V) the code into the content box. Click "save changes." Preview the layout and be sure to save the changes before you leave the layout screen.<br /><br />3. If you aren't able to finish in time or for those who weren't able to participate, the blog will remain online indefinitely for further self-discovery opportunities. This course is for you to learn and grow on. Best wishes.</p>Unknownnoreply@blogger.comtag:blogger.com,1999:blog-7065191402240184307.post-69101402421886203202007-02-20T22:13:00.000-08:002010-04-13T15:43:55.374-07:00Participants<strong>School Library Learning 2.0 Participants (Blogs)</strong><br />Listed on the lower right side column are the blog names of registered participants in CSLA's School Library Learning 2.0 program. For the purposes of this program, only the names are listed. Participants may choose to reveal or conceal their identity themselves as they wish through their blogs.<br /><br /><strong>"Test Drivers" and the CSLA 2.0 Team*</strong><br /><span style="font-size:85%;"><span style="font-size:100%;">Below are the original CSLA "Test Drivers" from around the state. Many thanks go to these volunteers who worked through the course on weekends and late at night so they could recommend clearer instructions, alert us to non-working links, and share their curriculum connections ideas. As CSLA "Test Drivers" completed the program, they became guides-on-the-sides to "cheer on" participants this summer. They also became members of the original CSLA 2.0 Team. In fact, all <strong>CSLA members who successfully complete the program join the CSLA 2.0 Team</strong> -- How hip is that? </span></span><br /><span style="font-size:85%;"><span style="font-size:100%;"></span></span><br /><span style="font-size:85%;"><span style="font-size:100%;">CSLA 2.0 Team Leaders Connie Williams and Jackie Siminitus give special thanks to the following CSLA members: </span>Doug Achterman,* </span><span style="font-size:85%;">Diane Alexander, Jamie Boston,* </span><span style="font-size:85%;">Andrea Catania, Rob Darrow,* Liz Dodds,* </span><span style="font-size:85%;">K.E. Hones, </span><span style="font-size:85%;">Thomas Kaun, Teresa Lai*, </span><span style="font-size:85%;">Judith Martin, </span><span style="font-size:85%;">Maria Petropulos, </span><span style="font-size:85%;">Jane Ritter, </span><span style="font-size:85%;">Robert Skapura, </span><span style="font-size:85%;">Deb Stanley, </span><span style="font-size:85%;">Alison Steinberg, Susan Thompson</span> ... and their avatars!<br /><br /><strong>Congratulations to the original 60-member CSLA 2.0 Team<br /></strong>They completed the "summer 2.0 fun" course by September 1, 2007 and then became mentors and cheerleaders for all those who came after them.<br /><span style="font-size:85%;"><br />1. </span><a href="http://www.blogger.com/Alex-CSLA.blogspot.com"><span style="font-size:85%;">Alex-CSLA</span></a><span style="font-size:85%;"><br />2. </span><a href="http://www.bloglines.com/myblogs_display?sub=49039698&site=10825554"><span style="font-size:85%;">BalerLibrary2.0 </span></a><span style="font-size:85%;"><br />3. </span><a href="http://www.bloglines.com/myblogs_display?sub=50725358&site=11362530"><span style="font-size:85%;">Bibliomaniac </span></a><span style="font-size:85%;"><br />4. </span><a href="http://www.bloglines.com/myblogs_display?sub=50236860&site=8287624"><span style="font-size:85%;">California Dreamin' by Rob Darrow </span></a><span style="font-size:85%;"><br />5. </span><a href="http://www.bloglines.com/myblogs_display?sub=48587939&site=10686019"><span style="font-size:85%;">Continuing Education! </span></a><span style="font-size:85%;"><br />6. </span><a href="http://www.bloglines.com/myblogs_display?sub=52072713&site=11761907"><span style="font-size:85%;">dejongsplace </span></a><span style="font-size:85%;"><br />7. </span><a href="http://www.bloglines.com/myblogs_display?sub=52071383&site=11761493"><span style="font-size:85%;">Happy Trails </span></a><span style="font-size:85%;"><br />8. </span><a href="http://www.bloglines.com/myblogs_display?sub=50640668&site=11338260"><span style="font-size:85%;">Helen's World </span></a><span style="font-size:85%;"><br />9. </span><a href="http://www.bloglines.com/myblogs_display?sub=51915012&site=11716578"><span style="font-size:85%;">Joan's School Library Learning </span></a><span style="font-size:85%;"><br />10. </span><a href="http://www.bloglines.com/myblogs_display?sub=50050380&site=11156696"><span style="font-size:85%;">Let's Blog! Let's Podcast! </span></a><span style="font-size:85%;"><br />11. </span><a href="http://www.bloglines.com/myblogs_display?sub=48587971&site=10686024"><span style="font-size:85%;">Library 2.0 test drive </span></a><span style="font-size:85%;"><br />12. </span><a href="http://www.bloglines.com/myblogs_display?sub=48587757&site=10685929"><span style="font-size:85%;">Library Learner </span></a><span style="font-size:85%;"><br />13. </span><a href="http://www.bloglines.com/myblogs_display?sub=52912470&site=12007124"><span style="font-size:85%;">Library Information Science </span></a><span style="font-size:85%;"><br />14. </span><a href="http://www.bloglines.com/myblogs_display?sub=48587782&site=10355762"><span style="font-size:85%;">M1llion school library ideas </span></a><span style="font-size:85%;"><br />15. </span><a href="http://www.bloglines.com/myblogs_display?sub=50235592&site=9257899"><span style="font-size:85%;">2CoolTools </span></a><br /><span style="font-size:85%;">16. </span><a href="http://www.bloglines.com/myblogs_display?sub=52628295&site=11926012"><span style="font-size:85%;">Napa High Books </span></a><br /><span style="font-size:85%;">17. </span><a href="http://www.bloglines.com/myblogs_display?sub=51666786&site=11643258"><span style="font-size:85%;">OC Libraryland </span></a><span style="font-size:85%;"><br />18. </span><a href="http://www.bloglines.com/myblogs_display?sub=50945828&site=11429918"><span style="font-size:85%;">PageSpace </span></a><span style="font-size:85%;"><br />19. </span><a href="http://www.bloglines.com/myblogs_display?sub=52980556&site=12029456"><span style="font-size:85%;">whats up </span></a><span style="font-size:85%;"><br />20. </span><a href="http://www.bloglines.com/myblogs_display?sub=52384904&site=11855877"><span style="font-size:85%;">redwoodlmt2 </span></a><span style="font-size:85%;"><br />21. </span><a href="http://www.bloglines.com/myblogs_display?sub=52615385&site=11921545"><span style="font-size:85%;">Goddess of Books </span></a><span style="font-size:85%;"><br />22. </span><a href="http://www.bloglines.com/myblogs_display?sub=52385030&site=11855908"><span style="font-size:85%;">Resliblearning </span></a><span style="font-size:85%;"><br />23. </span><a href="http://www.bloglines.com/myblogs_display?sub=52385114&site=11855939"><span style="font-size:85%;">kangaLMT2 </span></a><span style="font-size:85%;"><br />24. </span><a href="http://www.bloglines.com/myblogs_display?sub=53642878&site=12228399"><span style="font-size:85%;">Library Blog </span></a><span style="font-size:85%;"><br />25. </span><a href="http://www.bloglines.com/myblogs_display?sub=51880776&site=11706182"><span style="font-size:85%;">Learning4library </span></a><span style="font-size:85%;"><br />26. </span><a href="http://www.bloglines.com/myblogs_display?sub=52883020&site=11998835"><span style="font-size:85%;">Springaheadlibrary2 </span></a><span style="font-size:85%;"><br />27. </span><a href="http://www.bloglines.com/myblogs_display?sub=52750051&site=11958291"><span style="font-size:85%;">Bibliotecaria's Musings </span></a><span style="font-size:85%;"><br />28. </span><a href="http://www.bloglines.com/myblogs_display?sub=52562837&site=11906492"><span style="font-size:85%;">Book-Case </span></a><span style="font-size:85%;"><br />29. </span><a title="CSULBcybrarian: 0 unread, 0 kept new" href="http://www.bloglines.com/myblogs_display?sub=55883716&site=12844099" target="basefrm"><span style="font-size:85%;">CSULBcybrarian (0) (0)</span></a><br /><span style="font-size:85%;">30. </span><a href="http://www.bloglines.com/myblogs_display?sub=53108393&site=12066991"><span style="font-size:85%;">TufRookie </span></a><span style="font-size:85%;"><br />31. </span><a href="http://www.bloglines.com/myblogs_display?sub=52633799&site=11927328"><span style="font-size:85%;">library lady log lmt2 </span></a><span style="font-size:85%;"><br />32. </span><a href="http://www.bloglines.com/myblogs_display?sub=54768043&site=12541639"><span style="font-size:85%;">Stacks and Beyond </span></a><span style="font-size:85%;"><br />33. </span><a href="http://www.bloglines.com/myblogs_display?sub=51409893&site=11566980"><span style="font-size:85%;">Our Library Moves Forward </span></a><span style="font-size:85%;"><br />34. </span><a href="http://www.bloglines.com/myblogs_display?sub=51690392&site=11650528"><span style="font-size:85%;">Life-Long Learning </span></a><span style="font-size:85%;"><br />35. </span><a href="http://www.bloglines.com/myblogs_display?sub=52083193&site=11765343"><span style="font-size:85%;">One Step Ahead </span></a><span style="font-size:85%;"><br />36. </span><a href="http://www.bloglines.com/myblogs_display?sub=52074776&site=11762687"><span style="font-size:85%;">Web 2.0 Newbie </span></a><span style="font-size:85%;"><br />37. </span><a href="http://www.bloglines.com/myblogs_display?sub=51635030&site=11633937"><span style="font-size:85%;">Queen's Quarters </span></a><span style="font-size:85%;"><br />38. </span><a href="http://www.bloglines.com/myblogs_display?sub=49912922&site=11112837"><span style="font-size:85%;">LMT Techie in Progress </span></a><span style="font-size:85%;"><br />39. </span><a href="http://www.bloglines.com/myblogs_display?sub=52386026&site=11856251"><span style="font-size:85%;">elmolibrary2 </span></a><span style="font-size:85%;"><br />40. </span><a href="http://www.bloglines.com/myblogs_display?sub=49699092&site=11046948"><span style="font-size:85%;">The Inquiring LMT </span></a><span style="font-size:85%;"><br />41. </span><a href="http://www.bloglines.com/myblogs_display?sub=51769241&site=11674454"><span style="font-size:85%;">Harboring thoughts </span></a><span style="font-size:85%;"><br />42. </span><a href="http://www.bloglines.com/myblogs_display?sub=50638832&site=11337620"><span style="font-size:85%;">Road Reader </span></a><span style="font-size:85%;"><br />43. </span><a href="http://www.bloglines.com/myblogs_display?sub=51857343&site=11699003"><span style="font-size:85%;">Cardinal Reader </span></a><span style="font-size:85%;"><br />44. </span><a href="http://www.bloglines.com/myblogs_display?sub=52614986&site=11921390"><span style="font-size:85%;">Becca's path </span></a><span style="font-size:85%;"><br />45. </span><a href="http://www.bloglines.com/myblogs_display?sub=53401884&site=12154263"><span style="font-size:85%;">Book Lover 2.0 </span></a><span style="font-size:85%;"><br />46. </span><a href="http://www.bloglines.com/myblogs_display?sub=52828870&site=11981250"><span style="font-size:85%;">Jane the Librarian </span></a><span style="font-size:85%;"><br />47. </span><a href="http://www.bloglines.com/myblogs_display?sub=52383526&site=11855564"><span style="font-size:85%;">KidsBooksblog </span></a><span style="font-size:85%;"><br />48. </span><a href="http://www.bloglines.com/myblogs_display?sub=55009391&site=12608197"><span style="font-size:85%;">Book Diva 1 </span></a><span style="font-size:85%;"><br />49. </span><a href="http://www.bloglines.com/myblogs_display?sub=50762518&site=11373998"><span style="font-size:85%;">DebD at Ustach </span></a><span style="font-size:85%;"><br />50. </span><a href="http://www.bloglines.com/myblogs_display?sub=51746826&site=11668288"><span style="font-size:85%;">Dragon Lady </span></a><span style="font-size:85%;"><br />51. </span><a href="http://www.bloglines.com/myblogs_display?sub=52820668&site=11978566"><span style="font-size:85%;">DebD at Ustach </span></a><span style="font-size:85%;"><br />52. </span><a href="http://www.bloglines.com/myblogs_display?sub=54250290&site=12395670"><span style="font-size:85%;">learningtrek </span></a><span style="font-size:85%;"><br />53. </span><a href="http://www.bloglines.com/myblogs_display?sub=51354011&site=11548816"><span style="font-size:85%;">Ms Mac, Library Lady </span></a><span style="font-size:85%;"><br />54. </span><a href="http://www.bloglines.com/myblogs_display?sub=51103988&site=11477149"><span style="font-size:85%;">Bookapalooza! </span></a><span style="font-size:85%;"><br />55. </span><a href="http://www.bloglines.com/myblogs_display?sub=55705467&site=12804473"><span style="font-size:85%;">OWElibrary2 </span></a><span style="font-size:85%;"><br />56. </span><a href="http://www.bloglines.com/myblogs_display?sub=53559401&site=12205921"><span style="font-size:85%;">Comet librarian LMT2 </span></a><br /><span style="font-size:85%;">57. </span><a href="http://www.bloglines.com/myblogs_display?sub=51769734&site=11674592"><span style="font-size:85%;">newstuff4libr </span></a><span style="font-size:85%;"><br />58. </span><a href="http://www.bloglines.com/myblogs_display?sub=52814045&site=11976531"><span style="font-size:85%;">2 Roads Taken </span></a><span style="font-size:85%;"><br />59. </span><a href="http://www.bloglines.com/myblogs_display?sub=52385352&site=11855999"><span style="font-size:85%;">libraryslim </span></a><span style="font-size:85%;"><br />60. </span><a href="http://www.bloglines.com/myblogs_display?sub=50985270&site=11441827"><span style="font-size:85%;">librarycard </span></a><br /><span style="font-size:85%;">NOTE: The above list represents “test drivers,” “early birds,” “late comers,” and all CSLA member bloggers in between who successfully completed School Library Learning 2.0 by the end of summer 2007. Since then, the course has been offered in 2008, 2009, and 2010.<br /></span><br /><embed style="WIDTH: 400px; HEIGHT: 300px" name="flashticker" type="application/x-shockwave-flash" align="middle" src="http://widget-22.slide.com/widgets/slideticker.swf" quality="high" scale="noscale" salign="l" wmode="transparent" flashvars="cy=bb&il=1&channel=288230376158315042&site=widget-22.slide.com"></embed><br /><br /><br /><br /><br /><br /><div style="TEXT-ALIGN: left; WIDTH: 400px"><a href="http://www.slide.com/pivot?ad=1&tt=1&sk=0&amp;cy=bb&th=0&id=288230376158315042&map=1" target="_blank"><img border="0" src="http://widget-22.slide.com/p1/288230376158315042/bb_t001_v000_a001_f00/images/xslide1.gif" /></a> <a href="http://www.slide.com/pivot?ad=1&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;tt=1&sk=0&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;cy=bb&th=0&id=288230376158315042&map=2" target="_blank"><img border="0" src="http://widget-22.slide.com/p2/288230376158315042/bb_t001_v000_a001_f00/images/xslide2.gif" /></a></div>Unknownnoreply@blogger.comtag:blogger.com,1999:blog-7065191402240184307.post-41104607562772951372007-02-20T20:52:00.000-08:002012-01-07T20:28:52.796-08:00AboutThis blog has been set-up as part of the CSLA <span style="font-weight: bold;">School Library Learning 2.0</span> program to encourage all of us to experiment and learn about the new and emerging technologies that are reshaping the context of information on the Internet today. The CSLA 2.0 Team <a href="http://creativecommons.org/licenses/by-nc-nd/3.0/" style="font-weight: bold;">modified</a> The <a href="http://plcmcl2-things.blogspot.com/" style="font-weight: bold;">Learning 2.0 program</a> designed by Helene Blowers, Technology Director, Public Library of Charlotte & Mecklenburg County and is loosely based upon <a href="http://stephenslighthouse.sirsi.com/archives/2006/08/very_cool_libra.html" style="font-weight: bold;">Stephen Abram's article</a>, 43 Things I (or You) might want to do this year (Information Outlook - February 2006) and the website <a href="http://www.43things.com/">43 Things</a>. We also drew heavily from the<span style="font-weight: bold;"> </span><a href="http://sjlibrarylearning2.blogspot.com/" style="font-weight: bold;">sjlibrarylearning2 program</a>. What is very special about <span style="font-weight: bold;">School Library Learning 2.0</span> is that it has curriculum connections and offers suggestions for ways to incorporate these tools into your classroom and teacher collaborations. We offer ideas to "jump start" your thinking and hope you will share your ideas as you learn how to use web 2.0 tools. The design of this online program was completely built on Web 2.0 technologies that are freely available on the Internet. These sites include: <a href="http://www.blogger.com/" style="font-weight: bold;">Blogger</a>, <a href="http://www.flickr.com/" style="font-weight: bold;">Flickr</a>, <a href="http://www.youtube.com/" style="font-weight: bold;">YouTube</a>, <a href="http://www.pbwiki.com/" style="font-weight: bold;">PBWorks,</a> <a href="http://www.bloglines.com/" style="font-weight: bold;">Bloglines</a>, and many more!<br />
<br />
<a href="http://www.blogger.com/post-edit.g?blogID=7065191402240184307&postID=4110460756277295137&from=pencil" name="faq"><b>Frequently Asked Questions:</b></a><br />
<b>1. How does this online learning program work?</b> This is a self-discovery program which encourages participants to take control of their own learning and to utilize their lifelong learning skills through exploration and play. CSLA members and colleagues are encouraged to work together and share with each other their discoveries, techniques, and "how to's" both in person and through their blogs. This course is web-based and not tied to any particular computer. In fact, you may want to work at home or at a public library if your school Internet filtering software blocks too many blog or multimedia sites. Or, if you need higher speed Internet access.<br />
<br />
<b>2. Is this program open to all CSLA members or just some?</b> This program is open to all CSLA Members and their colleagues. CSLA member participants who complete the entire course will receive special recognition. If you are not yet a member of CSLA, you are welcome to participate. Better yet, we invite you to <a href="http://www.csla.net/"><b>join CSLA</b></a>.<br />
<br />
<span style="font-size: 85%;">Are you from "out-of-state" but want to join in on California's 2.0 fun? You are welcome to register as a non-member, but unless you also join the California School Library Association, our CSLA 2.0 Team will not be able to provide recognition or individual attention such as "cheering" and other comments as you work your way through the 9-week course. See also "<a href="http://schoollibrarylearning2.blogspot.com/2007/02/exercises_24.html" style="font-weight: bold;">2.0 Partners</a>."</span><br />
<span style="font-size: 85%;"><br /></span><br />
<b>3. How long do I have to complete the program?</b> The 9-week program will remain online throughout the 2011-2012 school year. You are expected to work on an exercise each week. However, you may work ahead or take a week off here and there. It is up to you! This course is web based and not tied to your computer at work. We will keep the course online through the school year so you can invite your colleagues to take the course and you can cheer them along. Our goal is to move all educators into the 21st century.<br />
<br />
<b>4. How do I track my progress for the 23 Things?</b> You will be asked to make a log (a "blog") to track your progress. Please use your blog to write your reactions to the lessons and add any ideas you may have on how to use web 2.0 tools for yourself and your school. This is YOUR time to experiment, have fun, and learn at your own pace. Web 2.0 is here....and now, so are we! To the right, see a list of blogs of participants.<br />
<br />
<span style="color: #990000;"><span style="color: #003300;"><span style="color: black;">Recommended way to track: <b>Include WEEK # and THING # in the heading of each post</b>. It will help you and the CSLA 2.0 Team track your progress. It is also real helpful when you want to refer back or add something new on a specific topic or tool</span>.</span></span><br />
<span style="color: #990000;"><span style="color: #003300;"><br /></span></span><br />
<b>5. Can we get Continuing Education credits for the course?</b> Yes! Fresno Pacific University offers (2) continuing education credits for this program. If you register for C.E. units, you will need to complete The 23 Things, the Discovery Exercises, and get ideas from the <span style="color: #ff6600;"><b>Curriculum Connections</b></span> wiki.<br />
<br />
The Fresno Pacific University Center for Professional Development offers professional development courses that are designed for students who have baccalaureate degrees and appropriate teaching credentials. These courses are post-Baccalaureate, professional development units that are not part of a degree program, but are designed in collaboration with school districts to meet specific staff development needs. Students should seek approval of appropriate district or college officials before enrolling in these courses to satisfy any degree, state credential, or local school district requirements. The FPU transcript legend reads as follows for workshops: "University credit offered through the Center for Professional Development for workshops and conferences."<br />
<br />
<b>Course # is</b> <b>IND 1150</b>. Cost is $230.00 for two units of credit. Participants can register for these units. Students are expected to spend a minimum of 36 hours on the course over a 9 week period. This averages 2-4 hours/week and will vary depending on student level of web 2.0 experience and interest.<br />
<br />
Tips for signing up for these units:<br />
A) <b>AFTER you <a href="http://lime.forest.net/schoollibrary/Librarian_2_0/FMPro?-db=Librarian_2_0.fp5&-lay=Proposal&-format=new.htm&-view"><span style="font-size: 130%;">register with CSLA</span></a></b>, get your credit card handy and <span style="font-size: 130%;">go to </span><a href="http://www.fresno.edu/admissions/professional_development/workshops/"><b><span style="font-size: 130%;">Fresno Pacific's website</span></b></a><b>.</b><br />
<ul>
<li>Under the heading “Professional Development Workshops,” click on the link that says “Register online” (this will open another window.)</li>
<li>Fill in your information and at the bottom, use the pull down menu and select “School Library Learning 2.0”</li>
</ul>
B) <b><span style="font-size: 130%;">Once registered, please send an email to </span></b><a href="mailto:liz.dodds@gmail.com" rel="nofollow" style="background-color: yellow;" target="_blank" title="mailto:Robdarrow@cusd.com" ymailto="mailto:liz.dodds@gmail.com"><span lang="EN" style="color: black; font-family: Verdana; font-size: 10pt;"></span></a><a href="mailto:liz.dodds@gmail.com">liz.dodds@gmail.com</a><b> with “FPU School Library Learning 2.0 units” in the subject line.</b> (Liz will be your primary “online instructor” to verify work completed.)<br />
C) You will receive further instructions regarding what needs to be done to verify your work towards these units (this additional work will be completed online via Moodle, an online course management system).<br />
D) Fresno Pacific will mail you a letter verifying that you have completed these (2) units. If you need an official transcript, you may request one by mailing in the form (with a fee) found at: <a href="http://www.fresno.edu/registrar/transcripts/" target="blank" title="http://www.fresno.edu/registrar/transcripts/">www.fresno.edu/registrar/transcripts/</a>.<br />
<br />
Further questions about these units should be directed to Liz Dodds at<span class="Apple-style-span" style="color: blue;"> </span><a href="mailto:liz.dodds@gmail.com"><span class="Apple-style-span" style="color: blue;">liz.dodds@gmail.com</span><span class="Apple-style-span" style="color: #ffff33;"> </span></a>. Questions about the online registration should be directed to Fresno Pacific Center for Professional Development at 559-453-2043 or 800-372-5505.<br />
<br />
<b>6. What are "Curriculum connections"?</b> Curriculum connections are the ideas that participants develop throughout the course. We ask everyone to think of ways to use each of these 2.0 tools in their own library and classroom. We are especially looking for ways to create dynamic collaborations with teacher librarians and classroom teachers. We have created a <a href="http://calcurriculum.pbwiki.com/" style="font-weight: bold;">curriculum wiki</a>. At the end of the course, you will have a lot of ideas to use and share.<br />
<br />
<b>7. WEEK 7 is Wiki Week.</b> We have created a <b><a href="http://calcurriculum.pbwiki.com/">California 2.0 Curriculum Connections</a></b> wiki especially for you, so when you learn a new 2.0 application and use it in a special way for your school library or a classroom collaboration, you can add and share that "2.0 Best Practice." Participants are welcome to contribute to the wiki as they move through the 9-week course, or can wait until WEEK 7. It is your choice. Just "copy and paste" your applications into the <a href="http://calcurriculum.pbwiki.com/" style="font-weight: bold;">wiki</a>. <span style="font-weight: bold;">The magic password is "library."</span><br />
<br />
<b>8. Are training classes offered to show CSLA members how to do this?</b> No, this is a self-directed learning program. We will provide helpful hints, encouraging words, and post comments from time to time. You are encouraged to be resourceful and to find a co-worker or another staff member who can help. Be sure to share your knowledge and expertise too! The <a href="mailto:CSLA2team@yahoo.com" style="font-weight: bold;">CSLA 2.0 Team</a> will be available by e-mail to answer your questions.<br />
<br />
<b></b><br />
<b>9. Is there any tech support?</b> What tech support do you have now? At work? At home? At your local coffee shop or library? If you run into difficulties, ask the <a href="mailto:CSLA2team@yahoo.com" style="font-weight: bold;">CSLA 2.0 Team</a>. We can assist you with the course, but not your computer or Internet connection.<br />
<br />
<b></b><br />
<b>10. Why Do This? </b>Web 2.0 is a phrase that was coined in 2004. It refers to the fact that the Internet is now an interactive medium rather than a ‘place’ to go to get information. Since it is the young (and young entrepreneurs) who are flocking to these Web 2.0 sites, it is important that those of us who work in school libraries should be up-to-date with the latest trends in education and technology and learn how they can be utilized within our school libraries.<br />
<br />
In April 2007, at the Computers in Libraries Conference the keynote speaker was <a href="http://www.pewinternet.org/Experts/Lee-Rainie.aspx" style="font-weight: bold;">Lee Rainie</a>, Founding Director of the Pew Internet and American Life Project The title of his keynote was: “Web 2.0 and What it Means to Libraries.” In this presentation, he spoke about six “hallmarks” of the Web 2.0 world that matter to libraries. These hallmarks outline the important fact that more and more Internet users are using the Internet to make connections, contributing their ‘know-how’ and customizing their experiences on the web.<br />
<ul>
<li><span style="font-size: 85%;">#1: The Internet has become the computer; </span></li>
<li><span style="font-size: 85%;">#2: Tens of millions of Americans, especially the young, are creating and sharing content online; </span></li>
<li><span style="font-size: 85%;">#3: Even more Internet users are accessing the content created by others; </span></li>
<li><span style="font-size: 85%;">#4: Many are sharing what they know and what they feel online and that is building conversations and communities; </span></li>
<li><span style="font-size: 85%;">#5: Tens of thousands are contributing their know-how and/or their processing power to the online commons; </span></li>
<li><span style="font-size: 85%;">#6: Online Americans are customizing their online experiences thanks to Web 2.0 tools.</span></li>
</ul>
It is because of these “hallmarks” that the CSLA 2.0 Team offers this fun professional development tutorial for you!<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-bmWmt_66EbQ/Ts_0RS6e5DI/AAAAAAAAKec/43G0qPyFSl0/s1600/avt_568f0dc03061054deeb8195f8c93b74f_large.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="200" src="http://1.bp.blogspot.com/-bmWmt_66EbQ/Ts_0RS6e5DI/AAAAAAAAKec/43G0qPyFSl0/s200/avt_568f0dc03061054deeb8195f8c93b74f_large.jpg" width="127" /></a></div>
<b>11. Who are members of the CSLA 2.0 Team?<span class="Apple-style-span" style="font-family: inherit;"> </span></b><span class="Apple-style-span" style="background-color: white;"><span class="Apple-style-span" style="font-family: inherit;"><a href="mailto:liz.dodds@gmail.com">Liz Dodds</a> is the Lead for SLL2.0 -- both the basic (free) and the Continuing Education (CUE) version through Fresno Pacific University.</span></span><span class="Apple-style-span" style="font-family: inherit;"><span class="Apple-style-span" style="font-family: inherit;"> </span><span class="Apple-style-span" style="background-color: white;">In 2007, the original team leads were <a href="mailto:chwms@mac.com">Connie Williams</a> and <a href="mailto:csla2team@yahoo.com">Jackie Siminitus</a></span></span>. Initially, a small number of CSLA members were invited to join the CSLA 2.0 Team, in order to "test drive" the program and recommend relevant school library web 2.0 sites and activities. A larger team of "test drivers" were then invited to work through the full School Library Learning 2.0 program in order to provide feedback on ease-of-use, additional school library ideas, and how to best market the summer program. <b>All CSLA members who successfully "test drive" or complete School Library Learning 2.0 become members of the ever-growing CSLA 2.0 Team.</b><br />
Jackie in her virtual library. Connie & little dog Lucy visiting a classroom.<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/_W1WDLV9e818/ReLxav-cXEI/AAAAAAAAAIk/JnkMbe_GtXI/s1600-h/CSLA+Avatar+Connie.png" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5035852775210900546" src="http://3.bp.blogspot.com/_W1WDLV9e818/ReLxav-cXEI/AAAAAAAAAIk/JnkMbe_GtXI/s200/CSLA+Avatar+Connie.png" style="float: right; margin: 0px 0px 10px 10px;" /></a></div>
<a href="http://3.bp.blogspot.com/_W1WDLV9e818/ReLw_v-cXDI/AAAAAAAAAIc/UWK7l3yEgqs/s1600-h/AvatarLibrarian.bmp" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5035852311354432562" src="http://3.bp.blogspot.com/_W1WDLV9e818/ReLw_v-cXDI/AAAAAAAAAIc/UWK7l3yEgqs/s200/AvatarLibrarian.bmp" style="float: left; margin: 0px 10px 10px 0px;" /></a>Unknownnoreply@blogger.comtag:blogger.com,1999:blog-7065191402240184307.post-32184555362320924752007-02-19T21:27:00.000-08:002010-04-12T21:49:39.605-07:00#23 (WEEK 9) Copyright, Creative Commons, and Congratulations!Putting the ‘social’ into social networks allows us to freely exchange information. But with the free exchange of information comes the responsibility of how we share it, and how we give credit to the author of that information. Check out this <a style="font-weight: bold;" href="http://www.youtube.com/watch?v=CJn_jC4FNDo">video</a>, “A Fair(y) Use Tale” and learn some history of copyright.<br /><embed src="http://www.youtube.com/v/CJn_jC4FNDo&rel=" type="application/x-shockwave-flash" wmode="transparent" height="355" width="425"></embed><br /><br />In the school library and classroom, we are often faced with copyright challenges of when it is acceptable to copy something and how much of an item [book, website, music, video, etc.] we can copy. Faced with declining budgets and little time, we are tempted to make the copies. But with the advent of file sharing, downloading, and RSS, we must acknowledge and teach the ethics of information gathering and sharing.<br /><br /><a style="font-weight: bold;" href="http://creativecommons.org/about/">Creative Commons</a> is a copyright license that allows us to choose to share our intellectual property. This course is designed under a Creative Commons license and is an example of how one can take a piece of information or a product and re-work it to make it fit your needs. By acknowledging the original authors, they have given permission for you to share. One place for good information about what's going on with the Creative Commons is <a class="external" title="http://www.lessig.org/blog/" href="http://www.lessig.org/blog/" target="blank" rel="nofollow"><span style="font-weight: bold;">Lawrence Lessig's blog</span>.</a> Better yet, listen to Lawrence Lessig's presentation on "<a style="font-weight: bold;" href="http://www.ted.com/talks/larry_lessig_says_the_law_is_strangling_creativity.html">Laws that Choke Creativity</a>." Lessig is one of the Creative Commons developers and a Stanford University professor.<br /><p><strong>Discovery Exercise:</strong> </p><ul><li>Go to the home page (or right sidebar) of this tutorial and find an example or attribution that shows this program has been modified from it's original. </li></ul><p><strong>Discovery Resources: </strong><br /></p><ul><li>Online <a style="font-weight: bold;" href="http://www.law.duke.edu/cspd/comics/digital.php">copyright comic book</a> developed by students at Duke University Law School.</li><li><a style="font-weight: bold;" href="http://www.creativecommons.org/">Creative Commons</a> website.</li><li><a style="font-weight: bold;" href="http://www.debaird.net/blendededunet/2007/07/creative-common.html">“Wanna Work Together?</a>” YouTube video about Creative Commons.</li><li>California Technology Assistance Project, Region IV cybersafety website. Still good, although CTAP4 has closed down! See <a style="font-weight: bold;" href="http://www.ctap4.org/cybersafety/ip.htm">Piracy</a>.</li></ul><p><strong><span style="font-size:180%;">Congratulations!!</span></strong> You’ve reached the 23rd thing. Give yourself a pat on the back for completing the program. You are now an official member of the large and growing CSLA 2.0 Team.<br /><br />Please give us your feedback on your experience by completing this <a href="http://www.quia.com/sv/118894.html"><strong>online survey</strong></a> and by reflecting on your learning journey by posting a few thoughts. Here are some questions to prompt you: <img id="BLOGGER_PHOTO_ID_5095632856381847842" style="margin: 0px 0px 10px 10px; float: right;" alt="" src="http://1.bp.blogspot.com/_W1WDLV9e818/RrdTFcZy-SI/AAAAAAAAAOk/X982ja-cTM0/s200/2.0+Team+BLUE+RIBBON.jpg" border="0" height="148" width="147" /></p><ol><li>What were your favorite discoveries or exercises on this learning journey?<br /></li><li>How has this program assisted or affected your lifelong learning goals?<br /></li><li>Were there any take-a-ways or unexpected outcomes from this program that surprised you?<br /></li><li>What could we do differently to improve upon this program’s format or concept?<br /></li><li>If we offered another discovery program like this in the future, would you choose to participate? In response to earlier requests, we created the shorter but Oh-So-Important tutorial for you on <a href="http://discoveringat.csla.net/"><span style="font-weight: bold;">Discovering Assistive Technology</span></a>. Sign up right away!<br /></li><li>How would you describe your learning experience in ONE WORD or in ONE SENTENCE, so we could use your words to promote CSLA learning activities? <a href="http://twitter.com/"><span style="font-weight: bold;">Twitter</span></a> is an ideal way to send out a 140-character "cheer" or to amplify announcements and direct readers to more detailed information. Sign up and give us your 140-character "<a href="http://twitter.com/"><span style="font-weight: bold;">tweet</span></a>"! In fact, send a tweet to <a style="font-weight: bold;" href="http://twitter.com/4Libraries">@4Libraries</a> to alert us that you've started to sing!<br /></li></ol>We hope this is not the end of our learning journey together, but the start of something amazing …such as:<br /><ul><li>maintain your blog as your educational journal on new technology and curriculum connections.<br /></li><li>add your blog address (URL) to your e-mail signature line<br /></li><li>re-purpose it as your school library blog</li><li>share it with your colleagues and administrators</li><li>start a NEW blog or WIKI -- you are now a pro!</li><li>Offer <a style="font-weight: bold;" href="http://classroomlearning2.csla.net/">Classroom Learning 2.0</a> to your classroom colleagues -- what a great way to learn and grow and "build community". Another option is to offer students <a style="font-weight: bold;" href="http://mslearning2.csla.net/">Learning 2.0</a> for teens.<br /></li></ul><span style="color: rgb(153, 51, 0); font-weight: bold;">Suggested "tags" or labels:<span style="color: rgb(0, 0, 0);"> Creative Commons, CSLA 2.0 Team, School Library Learning 2.0, Twitter</span><span style="color: rgb(0, 0, 0);"> </span></span>Unknownnoreply@blogger.comtag:blogger.com,1999:blog-7065191402240184307.post-71460069035205911782007-02-19T21:25:00.000-08:002010-04-12T15:17:25.430-07:00#22 (WEEK 9) Explore eBooks and Audio eBooksFor this thing, you will explore where you can get free ebooks and get an idea of the types of titles you can find here. Take a look around and locate a few titles of interest. <a href="http://2.bp.blogspot.com/_W1WDLV9e818/RrdSMsZy-RI/AAAAAAAAAOc/gMWv33Os6zE/s1600-h/audio+ebook+ICON.gif"><img id="BLOGGER_PHOTO_ID_5095631881424271634" style="float: left; margin: 0px 10px 10px 0px;" alt="" src="http://2.bp.blogspot.com/_W1WDLV9e818/RrdSMsZy-RI/AAAAAAAAAOc/gMWv33Os6zE/s200/audio+ebook+ICON.gif" border="0" /></a>Many school and public libraries have audiobook and ebook collections, so check what they have in their collections. Audiobooks are popular for English Language Learners (ELL), Special Education students, athletes, as well as students who enjoy a good story during a long walk or ride home or while waiting for their ride. There are a number of commercial audiobook and ebook sources, and many of these companies have exhibits at library conferences.<br /><br /><strong>Discovery Exercises:</strong><br />1. Explore <a style="font-weight: bold;" href="http://www.worldebookfair.com/">World eBook Fair' site</a> for FREE downloads from the Gutenberg Project. Michael Hart, Founder of the Gutenberg Project gives you this hint: Start with <a style="font-weight: bold;" href="http://worldebookfair.org/Collections.htm">"Browse Collections</a>". I recommend the <a style="font-weight: bold;" href="http://worldebookfair.org/Childrens_eBooks.htm">Children's eBooks</a> Collection or <a style="font-weight: bold;" href="http://worldlibrary.net/KidsPage.htm">Kid's Page</a>. [<span style="font-style: italic;">Note: it is free to look at the catalogs and cover images, but there is now a modest annual individual or group membership fee for actually opening a book and reading it.</span>] Next, explore the <a style="font-weight: bold;" href="http://www.gutenberg.org/wiki/Main_Page">Gutenberg Project</a> itself and download books for free -- no fee, but a request for a donation. Compare the two sites.<br />2. Create a blog post about your findings.<br /><br /><strong>Discovery Resources:</strong><br /><div><div><ol><li><a style="font-weight: bold;" href="http://librivox.org/">LibriVox</a>, audiobook versions of copyright-free books from the Gutenberg Project. Read by volunteers. Started in August 2005 by Hugh McGuire. Check it out! </li><li><a style="font-weight: bold;" href="http://www.bl.uk/onlinegallery/ttp/ttpbooks.html">British Library Online Gallery</a> includes digitized original classics. An audio feature allows a visitor to have the book read aloud. Don't miss the original version of Lewis Carroll's Alice's Adventures Under Ground. Mozart's Musical Diary includes 75 audio excerpts. Take the <a style="font-weight: bold;" href="http://www.bl.uk/onlinegallery/highlights/highlights.html">tour</a> and encourage your students and colleagues to do so too! This resource is AMAZING.</li><li>Check out "<a style="font-weight: bold;" href="http://www.friedbeef.com/2007/04/09/best-places-to-get-free-books-the-ultimate-guide/">Best Places to Get Free Books</a>" -- not fancy. </li><li><a style="font-weight: bold;" href="http://onlinebooks.library.upenn.edu/">The Online Books Place</a> - University of Penn</li><li><a style="font-weight: bold;" href="http://www.readprint.com/">Read. Print</a>. Online books, poems -- nice site!<br /></li></ol><strong><span style="color: rgb(204, 102, 0);">Curriculum Connections:</span></strong><br /><ul><li><strong><span style="color: rgb(204, 102, 0);">Idea #1: Introduce your students to one or more of the free, online ebook sites. Have them discuss which site, which book most interested them and why.<br /></span></strong></li><br /><li><span style="color: rgb(204, 102, 0);"><strong>Idea #2: Give students a choice of 5-10 eBooks to read or listen to, then report on the book and their experience using new (non-print) media.</strong><br /></span></li></ul><span style="color: rgb(153, 51, 0); font-weight: bold;">Suggested "tags" or labels:<span style="color: rgb(0, 0, 0);"> audio, eBooks</span><span style="color: rgb(0, 0, 0);"> </span></span></div></div>Unknownnoreply@blogger.comtag:blogger.com,1999:blog-7065191402240184307.post-42486773931481177222007-02-19T21:20:00.000-08:002010-06-01T09:07:22.908-07:00#21 (WEEK 9) Podcasts (No iPod Needed)<a href="http://3.bp.blogspot.com/_W1WDLV9e818/RrdQ68Zy-OI/AAAAAAAAAOE/LmHciu8cM1g/s1600-h/podcast+ICON.gif"><img id="BLOGGER_PHOTO_ID_5095630476969965794" style="margin: 0px 10px 10px 0px; float: left;" alt="" src="http://3.bp.blogspot.com/_W1WDLV9e818/RrdQ68Zy-OI/AAAAAAAAAOE/LmHciu8cM1g/s200/podcast+ICON.gif" border="0" height="41" width="51" /></a>The word podcast is used to refer to a non-musical audio or video broadcast that is distributed over the Internet. What differentiates a podcast from regular streaming audio or video is that the delivery method for podcasts is often done automatically through RSS (really simple syndication).<br /><br />In 2005, "podcast" was named the "<a style="font-weight: bold;" href="http://www.oup.com/us/brochure/NOAD_podcast/?view=usa">word of the year</a>" by New Oxford American Dictionary and with the growth of podcasting over the last year and a half; it’s easy to see why. Podcasts take many forms, from short 1-10 minutes commentaries to much longer in person interviews or panel group discussions. There’s a podcast out there for just about every interest area and the best part about this technology is that <strong>you don’t have to have an iPod or a MP3 player</strong> to access them. Since podcasts use the MP3 file format, a popular compressed format for audio files, you really just need a PC (or portal device) with headphones or a speaker.<br /><br /><a style="font-weight: bold;" href="http://www.apple.com/itunes/">iTunes</a>, the free downloadable application created by Apple is the directory finding service most associated with podcasts, but if you don’t have iTunes installed there are still plenty of options.<br /><br />For this discovery exercise, participants are asked to take a look at some popular podcast directory tools. Do some exploring on your own and locate a podcast that is of interest to you. Once found, you can easily pull the RSS feed into your blog reader (i.e., <a style="font-weight: bold;" href="http://www.bloglines.com/">Bloglines</a> or <a style="font-weight: bold;" href="http://www.google.com/reader/view/">Google Reader</a>) account as well, so that when new casts become available you’ll be automatically notified of their existence.<br /><br /><strong>Discovery Exercises: </strong><br /><ol><li>Take a look at one or two of the podcast directories listed and see if you can find a podcast that interests you. See if you can find some interesting library related podcasts here like book review podcasts or library news. </li><li>Add the RSS feed for a podcast to your blog reader account. </li><li>Listen to the audio journal, "<a style="font-weight: bold;" href="http://csla.net/audio">Circulate This: Stories From the School Library</a>". How will you use it? Who will you share it with?<br /></li><li>Create a blog post about your discovery process. Did you find anything useful here? </li></ol><strong>Discovery Resources:</strong><br /><ul><li><a style="font-weight: bold;" href="http://odeo.com/">Odeo</a> - Find. Play. Enjoy.<br /></li><li>There are many, many podcast directory and finding tools out there. Here are just three of the more popular ones that don’t, like iTunes, require a software download:</li><li style="font-weight: bold;"><a href="http://podcast.com/">Podcast.com</a></li><li style="font-weight: bold;"><a href="http://podcastalley.com/">Podcastalley.com</a></li><li>See also <a style="font-weight: bold;" href="http://www.epnweb.org/">Educational Podcast Directory</a></li></ul><strong></strong><strong><span style="color: rgb(204, 102, 0);">Curriculum Connections:</span></strong><br /><ul><li style="color: rgb(153, 51, 0);"><strong><span style="color: rgb(204, 102, 0);">Idea #1: Interview candidates for local office, or town officials about top issues in your community.</span></strong></li><li style="color: rgb(153, 51, 0);"><span style="color: rgb(204, 102, 0);"><strong>Idea #2: Create a daily school news podcast, including an issue of the day</strong> such as copyright/music downloading/file sharing, Internet safety tips, or newest web 2.0 applications.</span></li><li style="color: rgb(204, 102, 0);"><strong>Idea #3:</strong> <span style="font-weight: bold;">Create oral history podcasts</span>. Allow students to take home voice recorders to tape family members stories. </li><li style="color: rgb(204, 102, 0);"><strong>Idea #4:</strong> <span style="font-weight: bold;">Create a tour of the school for new students</span>. This is an excellent job for an activities / leadership class.</li><li><span style="color: rgb(204, 102, 0);"><span style="font-weight: bold; color: rgb(204, 102, 0);">Idea #5: Collect student and faculty "I love the school library because..." stories</span><span style="color: rgb(204, 102, 0);">.</span><br /></span></li></ul><p></p><p>Do you want to learn how to be a podcaster ? (Here are optional Resources for those who want to learn to create podcasts)<br /></p><ul><li style="font-weight: bold;"><a href="http://computer.howstuffworks.com/how-to-podcast.htm">Podcasts: How Things Work </a></li><li><a href="http://www.how-to-podcast-tutorial.com/00-podcast-tutorial-four-ps.htm"></a><a style="font-weight: bold;" href="http://radio.about.com/od/podcastin1/a/aa030805a.htm">How to Create Your Own Podcast</a><br /></li></ul><p><span style="color: rgb(153, 51, 0); font-weight: bold;">Suggested "tags" or labels:<span style="color: rgb(0, 0, 0);"> podcasts, audio</span><span style="color: rgb(0, 0, 0);"> </span></span></p>Unknownnoreply@blogger.comtag:blogger.com,1999:blog-7065191402240184307.post-59521395639219953812007-02-19T21:15:00.000-08:002010-08-16T09:24:28.159-07:0020 (WEEK 9) Discover YouTube and a few sites that allow ussers to upload and share videosOnline video hosting sites have exploded allowing users to easily upload and share videos on the web. Among all the <a style="font-weight: bold;" href="http://www.econsultant.com/web2/videos-hosting-sharing-searching-services.html">web 2.0 players</a> in this area, <a style="font-weight: bold;" href="http://youtube.com/">YouTube</a> is top dog serving up over 1 million video views a day and allowing users not only to upload their own video content easily, but also embed clips into their own sites easily.<br /><br />Do some searching around YouTube yourself and see what the site has to offer. You'll find everything from <a style="font-weight: bold;" href="http://www.youtube.com/watch?v=iPPBnciNAqI">1970s TV commercials</a> to the quiet-but-fun <a style="font-weight: bold;" href="http://www.youtube.com/watch?v=cwihz7iZlx0">library dominos</a>, <a style="font-weight: bold;" href="http://www.youtube.com/watch?v=t21spTUxO6g&feature=player_embedded">T</a><a href="http://www.youtube.com/watch?v=t21spTUxO6g&feature=player_embedded"><span style="font-weight: bold;">he Silent Crisis </span><span>(low literacy)</span></a>, and the powerful music video <a style="font-weight: bold;" href="http://advocate4libraries.blogspot.com/2010/02/gotta-keep-reading-music-video.html">Gotta Keep Reading</a>. See also:<br /><ul><li style="font-weight: bold;"><a href="http://www.youtube.com/watch?v=xFAWR6hzZek">Introducing the Book</a></li><li style="font-weight: bold;"><a href="http://www.youtube.com/watch?v=NLlGopyXT_g">Web 2.0 (The Machine is Us/ing Us)</a></li><li style="font-weight: bold;"><a href="http://www.youtube.com/user/Socialnomics09#p/a">Socialnomics (Social Media Revolution)</a><br /></li><li style="font-weight: bold;"><a href="http://www.youtube.com/watch?v=ZblrRs3fkSU">Library 2.0 Manifesto</a></li><li style="font-weight: bold;"><a href="http://www.youtube.com/watch?v=Td922l0NoDQ&mode=related&search=">March of the Librarians</a></li><li style="font-weight: bold;"><a href="http://advocate4libraries.blogspot.com/2009/10/ill-fight-you-for-library-youtube-video.html">I'll Fight You For The Library</a><br /></li><li>Search posts tagged "YouTube" on<span style="font-weight: bold;"> <a href="http://advocate4libraries.blogspot.com/search/label/YouTube">Library Advocate blog</a><br /></span></li></ul>Of course, <em>like any free site you’ll also find a lot stuff not worth watching </em>too. But that doesn’t mean you shouldn’t explore and see for yourself what the site has too offer. If your school district blocks YouTube, search from your home or local public library (take earphones).<br /><br /><strong>Discovery Exercise:</strong><br /><ol><li>Explore YouTube & find a video worth adding as an entry in your blog.</li><li>Create a blog post about your experience. What did you like or dislike about the site and why did you choose the video that you did? Can you see any features or components of the site that might be interesting if they were applied to library websites? </li><li>Check out <a href="http://www.animoto.com/"><span style="font-weight: bold;">Animoto</span></a>, an easy-to-make music video site. [See <a style="font-weight: bold;" href="http://advocate4libraries.blogspot.com/2007/09/california-20-team-animoto.html">our first try</a>...and the one Napa's Kate MacMillan created for her <a style="font-weight: bold;" href="http://animoto.com/play/e5lR6WyLvvDLydYiD1yo9Q?autostart=true">Athletes as Readers and Leaders</a> program.]<br /></li></ol><p>OPTIONAL: Try placing the video inside your blog using the copy and paste "embed" code.<br /></p><p><strong>Discovery Resources:</strong></p><p>Other popular video hosting sites:</p><ul><li style="font-weight: bold;"><a href="http://video.google.com/">Google videos</a></li><li style="font-weight: bold;"><a href="http://www.teachertube.com/">TeacherTube</a></li><li style="font-weight: bold;"><a href="http://video.yahoo.com/">Yahoo Videos</a></li><li><a style="font-weight: bold;" href="http://www.vimeo.com/">Vimeo</a><br /></li><li style="font-weight: bold;"><a href="http://business2.blogs.com/business2blog/2006/08/the_webs_top_vi.html">Others - top video sites list</a></li></ul><p><strong><span style="color: rgb(204, 102, 0);">Curriculum Connections:</span></strong></p><span style="color: rgb(204, 102, 0);"><strong>Idea #1: Have students or student teams create project presentations using music videos with <a href="http://www.animoto.com/">Animoto</a>. Projects could be book reports, short stories, poems. They should have a title, a mix of images and words, and tell a story. Let kids be creative and have an online project to share with family and friends.<br /><br />Idea #2: Show students examples of videos, such as the ones above, and have a discussion on what kind of video they would like to make or be a part of -- such as the "Gotta Keep Reading" music video.<br /></strong></span><p>NOTE: <strong>Videos, like music downloads, are bandwidth hogs</strong>. It is recommended that you complete this exercise during light Internet usage times.</p><p><span style="color: rgb(153, 51, 0); font-weight: bold;">Suggested "tags" or labels:<span style="color: rgb(0, 0, 0);"> YouTube, streaming video, music videos, library videos</span><span style="color: rgb(0, 0, 0);"> </span></span></p><input id="gwProxy" type="hidden"><!--Session data--><input onclick="if(typeof(jsCall)=='function'){jsCall();}else{setTimeout('jsCall()',500);}" id="jsProxy" type="hidden"><div id="refHTML"></div>Unknownnoreply@blogger.comtag:blogger.com,1999:blog-7065191402240184307.post-21383534429256578222007-02-19T21:10:00.000-08:002010-05-31T21:46:59.870-07:00#19 (WEEK 8) Check out LibraryThing<a href="http://3.bp.blogspot.com/_W1WDLV9e818/Rd00Y_-cW8I/AAAAAAAAAHI/FHQVhULFdKQ/s1600-h/LibraryThing+logo.gif"><img id="BLOGGER_PHOTO_ID_5034237562564926402" style="float: left; margin: 0px 10px 10px 0px;" alt="" src="http://3.bp.blogspot.com/_W1WDLV9e818/Rd00Y_-cW8I/AAAAAAAAAHI/FHQVhULFdKQ/s200/LibraryThing+logo.gif" border="0" /></a>Are you a booklover or cataloger at heart?<br />Do you enjoy finding lost and forgotten gems on the shelf to read?<br />Then <a style="font-weight: bold;" href="http://www.librarything.com/">LibraryThing</a> may be just the tool for you. Developed for booklovers, this online tool not only allows you to easily create an online catalog of your own, it also connects you to other people who have similar libraries and reading tastes. Add a book to your catalog by just entering the title (it’s so easy that you don’t even need to know MARC format) or connect with other users through your similar reading tastes. There are lots of ways to use <a style="font-weight: bold;" href="http://www.librarything.com/">LibraryThing</a>. You can even view your books on a <a style="font-weight: bold;" href="http://www.librarything.com/catalog.php?view=Livia_Llewellyn&shelf=shelf">virtual shelf</a>, add a widget to display titles that are in your catalog, or install a <a style="font-weight: bold;" href="http://www.librarything.com/blog/2006/08/search-your-librarything-from-your_02.php" target="_blank">LT Search box</a> on your blog. Founder Tim Spalding says that LibraryAnywhere is in the testing phase (winter 2010) and will soon be offered to libraries so they can provide mobile access to the library catalog.<br /><br />Not just for personal collections, libraries have started using <a style="font-weight: bold;" href="http://www.librarything.com/">LibraryThing</a> as well. “Small libraries are using LibraryThing to catalog their collections. Libraries are using the <a style="font-weight: bold;" href="http://www.librarything.com/extras.php">LibraryThing widget</a> on their web pages to recommend books and list new titles.” Being a non-commercial site makes <a style="font-weight: bold;" href="http://www.librarything.com/">LibraryThing</a> a good option for libraries. <a style="font-weight: bold;" href="http://www.librarything.com/">LibraryThing</a> is exploring relationships with libraries, to offer non-commercially motivated recommendations and other social data. See also a blog comment by the <a style="font-weight: bold;" href="http://librarianinblack.typepad.com/librarianinblack/2008/03/librarything-lo.html">Librarian-in-Black</a>.<br /><br />So why not join the ranks and create your own library online. With over 95,000 registered users (LibraryThing also has group forum for <a style="font-weight: bold;" href="http://www.librarything.com/groups/librarianswholibrar" target="_blank">librarians</a>) and 6.7 million books cataloged, you’re bound to discover something new. Before you commit to LibraryThing, be sure to explore Shelfari and Visual Bookshelf (Facebook).<br /><br /><strong>Discovery Exercise: </strong><br />1. Take a <a style="font-weight: bold;" href="http://www.librarything.com/tour/" target="_blank">LibraryThing</a><a style="font-weight: bold;" href="http://www.librarything.com/tour/"> TOUR</a> and create an account.<br />2. Add a least 5 books to your library, write a short review, add tags.<br />3. <a style="font-weight: bold;" href="http://www.librarything.com/catalog/CSLA2Team">CSLA members contributed book recommendations</a> for fiction with main or supporting characters with disabilities. We added those books to a LibraryThing collection for the CSLA tutorial "<a style="font-weight: bold;" href="http://discoveringat.csla.net/">Discovering Assistive Technology</a>". Check it out.<br />4. Blog about your findings and be sure to link to your LibraryThing catalog. How popular were your books? Did you find any discussions about your favorites?<strong> </strong><br /><strong></strong><br /><strong>Discovery Resources:</strong><br /><ul><li><a style="font-weight: bold;" href="http://www.librarything.com/about.php" target="_blank">About LibraryThing</a></li><li><a style="font-weight: bold;" href="http://www.librarything.com/blog/" target="_blank">LibraryThing blog</a> (updates & news)</li><li><a style="font-weight: bold;" href="http://www.librarything.com/thingology/">Thingology blog</a> (“LibraryThing's ideas blog, on the philosophy and methods of tags, libraries and suchnot.”)</li><li><a style="font-weight: bold;" href="http://www.bowker.com/index.php/component/content/article/552">How libraries are using LibraryThing</a> (Bowker)</li><li><a style="font-weight: bold;" href="http://www.shelfari.com/">Shelfari</a> -- a similar program</li><li><a style="font-weight: bold;" href="http://www.facebook.com/apps/application.php?id=2481647302#%21/apps/application.php?id=2481647302&v=info">Visual Bookshelf</a> -- A Facebook application<br /></li></ul><br /><span style="font-weight: bold;">Some Libraries using LibraryThing:</span><br /><ul><li><a style="font-weight: bold;" href="http://www.creston.lib.ia.us/">Creston Public Library</a></li><li><a style="font-weight: bold;" href="http://www.swcciowa.edu/LRC/LRC.html">Southwestern Community College LRC</a> (Random books from the library)</li><li><a style="font-weight: bold;" href="http://www.alatechsource.org/blog/2010/03/librarything-delivers-mobile-access-to-library-catalogs.html">Mobile access to library catalogs</a> (news from ALA Mid-winter Meeting 2010)<br /></li></ul><a href="http://www.librarything.com/catalog.php?view=wastatelib&sort=stampREV"></a><br /><strong><span style="color: rgb(204, 102, 0);">Curriculum Connections:</span></strong><br /><ul><li><span style="color: rgb(204, 102, 0);"><strong>Idea #1: Have your students count all the books in their house (see Curriculum Connection idea for THING #18), then create a LibraryThing catalog of at least 25 books.</strong><br /></span></li><li><span style="color: rgb(204, 102, 0);"><span style="font-weight: bold;">Idea #2: Students could make a LibraryThing catalog of the classroom book collection</span>.</span></li></ul><span style="color: rgb(153, 51, 0); font-weight: bold;">Suggested "tags" or labels:<span style="color: rgb(0, 0, 0);"> Librarything, books and reading</span><span style="color: rgb(0, 0, 0);"> </span></span>Unknownnoreply@blogger.comtag:blogger.com,1999:blog-7065191402240184307.post-65511167266340879242007-02-19T21:07:00.000-08:002010-04-11T19:37:23.464-07:00#18 (WEEK 8) Take a look at online productivity tools (word processing, spreadsheets, and more)One major benefit to web-based applications is that they eliminate the need to worry about different software versions or file types as you email documents or move from PC to PC. Another bonus is that they easily accommodate collaboration by allowing multiple users to edit the same file (with versioning) and provide users the ability to easily save and convert documents as multiple file types (including HTML and pdf). And, you can even use many of these tools, such as <a style="font-weight: bold;" href="http://www.zohowriter.com/">Zoho Writer</a> and <a style="font-weight: bold;" href="https://www.google.com/accounts/ServiceLogin?service=writely&passive=true&continue=http%3A%2F%2Fdocs.google.com%2F&ltmpl=WR_tmp_2_lfty&nui=1">Google Docs</a> (Formerly known as Writely) to author and publish posts to your blog. Another new free and open productivity suite is <a style="font-weight: bold;" href="http://www.openoffice.org/">OpenOffice.com</a>.<br /><br />It’s this type of integration with other Web 2.0 tools that also makes web-based apps so appealing. For this discovery exercise, you are asked to take a look at a web-based word processing tool called <a style="font-weight: bold;" href="http://www.zohowriter.com/">Zoho Writer</a>, create a simple document and then document your discoveries in your blog. If you are up to the challenge, you might even export your document as an HTML file or publish it through Zoho to your blog. With Zoho and web-based applications, the possibilities are endless.<br /><br /><strong>Discovery Exercise:<br /></strong>1. Create a free account for yourself in <a style="font-weight: bold;" href="http://www.zohowriter.com/">Zoho Writer</a><br />2. Explore the site and create a test document or two.<br />3. Try out <a style="font-weight: bold;" href="http://www.zohowriter.com/">Zoho Writer’s</a> features and create a blog post about your discoveries.<br />4. Check out the <a style="font-weight: bold;" href="http://www.youtube.com/watch?v=fD-4FRTzxkI">Google Sites</a> tutorial. Compare the two or more free office productivity tools. There is a lot of competition!<br /><br />Optional: If you’re up for the challenge, try using Zoho’s publish options to post to your blog.<br />* Note: You can also explore <a style="font-weight: bold;" href="http://www.writely.com/">Google Docs</a> (formerly known as Writely), Google's online word processing, as an option for this exercise. All these tools keep getting better and better. Be sure to also explore <a style="font-weight: bold;" href="http://openoffice.org/">OpenOffice.org</a> because it is popular with netbook users who do not want to buy a commercial product for working offline and can simply download the free software.<br /><br />BTW: Here’s a Zoho-created <a style="font-weight: bold;" href="http://writer.zoho.com/public/jeanmh16/zoho-benefits">document</a> (viewable as a webpage) about some of the beneficial features of Zoho.<br /><br /><strong>Discovery Resources:</strong><br />Here is a short list of <a style="font-weight: bold;" href="http://www.zohowriter.com/public/c6J71Xb9695i0e061reK6S0C0b7V/Web-based-Appplications">web-based productivity applications</a> – Note: This list was authored in ZohoWriter and exported as HTML.<br /><br /><span style="color: rgb(153, 51, 0);"><strong>Curriculum Connections: </strong></span><br /><span style="color: rgb(153, 51, 0);"><strong></strong><ul><li><strong>Idea #1: Have your students count all the books in their house</strong> (not including cook books). Have them sort them any way they want to (fiction/nonfiction, subject, sports, size, color -- their choice) <strong>and list these on a spreadsheet. </strong>[Note: you may want to limit the books to 200.] In the library, students could go online to a shared spreadsheet to tally up the total number of books and divide by the number of students in the class to get an average. Have a class discussion. This is ideal for a class or library display for Open House" when parents visit and learn. Another good time for this project is before the end of a semester, so you can encourage students to read for pleasure during the holidays. [See research article on <a style="font-weight: bold;" href="http://www.accessbooks.net/sites/default/files/press/emergencylibrarian.pdf">elementary schools</a> and <a style="font-weight: bold;" href="http://www.miller-mccune.com/culture-society/home-libraries-provide-huge-educational-advantage-14212/">college</a>].<br /></li></ul></span><p><span style="color: rgb(153, 51, 0); font-weight: bold;">Suggested "tags" or labels:<span style="color: rgb(0, 0, 0);"> <span style="color: rgb(0, 0, 0);">productivity</span></span></span><br /><span style="color: rgb(102, 0, 0);font-size:85%;" >[Note: Remember to include WEEK# and THING# in your heading posts.]</span></p>Unknownnoreply@blogger.comtag:blogger.com,1999:blog-7065191402240184307.post-8021854844838701632007-02-19T20:53:00.000-08:002010-04-11T11:29:23.448-07:00#17 (Week 7) Add an entry to "Sandbox" Wiki<p>A sandbox is a term that wikis often use to describe the area of a website that should be used for pure play, so for this discovery and exploration exercise, go to the <a style="font-weight: bold;" href="http://calcurriculum.pbwiki.com/SandBox">sandbox portion</a> of the California Curriculum Connections wiki -- go ahead and play! <span style="font-weight: bold;">The magic password is "library."</span><br /><br /><strong>Discovery Exercise:</strong><br />1. Visit the <a style="font-weight: bold;" href="http://calcurriculum.pbwiki.com/">California Curriculum Connections wiki</a>, play in the sandbox, then go to a page devoted to one or more of the topics covered in the 9 weeks of the School Library Learning 2.0 course. Add a new curriculum idea.<br /></p><p>2. Create a post in your blog about the experience. How might you use wikis? </p><p><span style="color: rgb(204, 102, 0);"><strong><span style="color: rgb(0, 0, 0);"></span></strong></span></p><p><span style="color: rgb(204, 102, 0);"><strong><span style="color: rgb(0, 0, 0);">Discovery Resources:</span> </strong></span></p><ul><li><span style="color: rgb(204, 102, 0);"><a href="http://pbwiki.com/tour/1.html">PB Works Tour</a> - Find out how this collaborative tool can be used </span></li><li><span style="color: rgb(204, 102, 0);"><a href="http://pbwiki.com/videos/">PBWorks Video Gallery</a> - Short videos of PBworks features </span></li><li><span style="color: rgb(204, 102, 0);"><a href="http://pbwikicentral.pbwiki.com/PBwikiTips">PB Works Tips</a> </span></li><li><span style="color: rgb(204, 102, 0);"><a href="http://webtools4u2use.wikispaces.com/"><strong><span style="color: rgb(0, 0, 153);">WebTools4U2Use</span></strong></a> - a <a style="font-weight: bold;" href="http://www.wikispaces.com/">wikispaces</a> wiki of educational uses of web 2.0 tools</span></li></ul><p><span style="color: rgb(204, 102, 0);"><strong></strong></span></p><p><span style="color: rgb(204, 102, 0);"><strong>Curriculum Connection:</strong></span></p><ol><li><span style="color: rgb(204, 102, 0);"><strong>Idea #1: </strong>Select one of your favorite curriculum ideas from your own blog. "Copy and paste" it to the </span><a href="http://calcurriculum.pbwiki.com/"><span style="color: rgb(204, 102, 0);"><span style="font-weight: bold;">California 2.0 Curriculum Connections</span> </span></a><span style="color: rgb(204, 102, 0);">wiki. Password is "library."</span></li><li><span style="color: rgb(204, 102, 0);"><strong>Idea #2:</strong> <span style="font-weight: bold;">Start a wiki for or with your students. </span>First, visit the <a style="font-weight: bold;" href="http://calcurriculum.pbwiki.com/">California Curriculum Connections wiki</a><span style="font-weight: bold;"> </span>and look at the section devoted to wikis to get or enhance an idea from that page. Remember, the password is "library."<br /></span></li></ol><p><span style="color: rgb(153, 51, 0); font-weight: bold;">Suggested "tags" or labels:<span style="color: rgb(0, 0, 0);"> <span style="color: rgb(0, 0, 0);">wiki</span></span></span></p><p><span style="color: rgb(153, 51, 0); font-weight: bold;"><span style="color: rgb(0, 0, 0);"><span style="color: rgb(0, 0, 0);"></span></span></span><br /><a href="http://2.bp.blogspot.com/_W1WDLV9e818/Rd0z3v-cW7I/AAAAAAAAAG8/xAbfz4w7qjk/s1600-h/pbwiki+feedlogo.gif"><img id="BLOGGER_PHOTO_ID_5034236991334276018" style="float: left; margin: 0px 10px 10px 0px;" alt="" src="http://2.bp.blogspot.com/_W1WDLV9e818/Rd0z3v-cW7I/AAAAAAAAAG8/xAbfz4w7qjk/s200/pbwiki+feedlogo.gif" border="0" /></a><span style="font-size:85%;">*NOTE: The CSLA2007 conference wiki and the California 2.0 Curriculum Connections wiki were created using the free version of the Bay Area based </span><a href="http://pbwiki.com/"><span style="font-size:85%;">PBWiki</span></a><span style="font-size:85%;">, a tool that lets you create webpages that anyone can edit. Since then, PBWiki changed its name to PBWORKS.<br /></span></p>Unknownnoreply@blogger.comtag:blogger.com,1999:blog-7065191402240184307.post-53705107813297246472007-02-19T20:45:00.000-08:002010-06-04T08:22:56.079-07:00#16 (WEEK 7) Learn about wikis and discover some innovative ways that libraries are using themA wiki is a collaborative website and authoring <leo_highlight style="border-bottom: 2px solid rgb(255, 255, 150); background-color: transparent; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0% 50%; -moz-background-size: auto auto; cursor: pointer; display: inline; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;" id="leoHighlights_Underline_0" onclick="leoHighlightsHandleClick('leoHighlights_Underline_0')" onmouseover="leoHighlightsHandleMouseOver('leoHighlights_Underline_0')" onmouseout="leoHighlightsHandleMouseOut('leoHighlights_Underline_0')" leohighlights_keywords="tool" leohighlights_url_top="http%3A//shortcuts.thebrowserhighlighter.com/leonardo/plugin/highlights/3_1/tbh_highlightsTop.jsp?keywords%3Dtool%26domain%3Dwww.blogger.com" leohighlights_url_bottom="http%3A//shortcuts.thebrowserhighlighter.com/leonardo/plugin/highlights/3_1/tbh_highlightsBottom.jsp?keywords%3Dtool%26domain%3Dwww.blogger.com" leohighlights_underline="true">tool</leo_highlight> that allows users to easily add, remove and edit content. <a style="font-weight: bold;" href="http://en.wikipedia.org/wiki/Main_Page" target="_blank">Wikipedia</a>, the online open-community encyclopedia, is the largest and perhaps the most well known of these knowledge sharing tools, but with benefits that wikis provide the use and popularity of these tools is exploding. Other popular wiki tools are <a style="font-weight: bold;" href="http://pbworks.com/">PBworks</a> (originally Peanut Butter Wiki or PBWiki), <a style="font-weight: bold;" href="http://www.wikispaces.com/">Wikispaces</a> and <a style="font-weight: bold;" href="http://www.wikispaces.com/site/for/teachers">Wikispaces for Educators</a>, <a style="font-weight: bold;" href="http://www.k12hsn.org/calaxy/">California K12HSN Calaxy wiki</a>, and many <a style="font-weight: bold;" href="http://www.wikimatrix.org/">more</a>.<br /><br />The word, "wiki" is the Hawaiian word for "quick-quick" or hurry. Some of the benefits that make the use of wikis so attractive are:<br /><ul><li>Anyone (registered or unregistered, if unrestricted) can add, edit or delete content.</li><li>Tracking tools within wikis allow you to easily keep up on what been changed and by whom.</li><li>Earlier versions of a page can be rolled back and viewed when needed.</li><li>Users do not need to know HTML programming language in order to apply styles to text or add and edit content. Very nice! In most cases simple syntax structure is used.<br /></li></ul><p>As the use of wikis has grown over the last few years, libraries all over the country have begun to use them to collaborate and share knowledge. Among their applications are pathfinder or subject guide wikis, book review wikis, ALA and CSLA conference wikis and more. </p><p><br /><strong>Discovery Exercise:<br /></strong>1. For this discovery exercise, take a look at some library wikis and blog about your findings. Many have been created and stay in use, while others fall to the wayside once it's usefulness is over -- like a specific project or event. Here are a few examples to get you started:<br /></p><ul><li><a style="font-weight: bold;" href="http://www.libraryforlife.org/subjectguides/index.php/Main_Page" target="_blank">SJCPL Subject Guides</a> – a pathfinder wiki developed by the St. Joseph County Public Library system.</li><li><a style="font-weight: bold;" href="http://riyl.wikispaces.com/">Read If You Like</a> wiki by Heather Gruenthal</li><li><a style="font-weight: bold;" href="http://booklovers.pbwiki.com/Princeton%20Public%20Library" target="_blank">Book Lovers Wiki</a> - developed by the Princeton Public Library.</li><li style="font-weight: bold;"><a href="http://libsuccess.org/" target="_blank">Library Success: A best practices wiki</a></li><li><a style="font-weight: bold;" href="http://csla2007wiki.pbwiki.com/">CSLA Conference wiki</a> – an example of a wiki created to support a specific event.</li><li><a style="font-weight: bold;" href="http://albystaff.pbwiki.com/">The Albany County Public Library Staff wiki</a> – an example of a wiki created for library staff to document procedures.</li><li style="font-weight: bold;"><a href="http://www.blogwithoutalibrary.net/links/index.php?title=Welcome_to_the_Blogging_Libraries_Wiki">Library Bloggers Wiki</a></li><li style="font-weight: bold;"><a href="http://westwood.wikispaces.com/">Sample school wiki</a></li><li style="font-weight: bold;"><a style="color: rgb(0, 0, 0);" href="http://bhsenglish10.wikispaces.com/">Sample Literary Circle Wiki (10th Grade English)</a></li><li style="font-weight: bold;"><a href="http://www.ahistoryteacher.com/%7Eahistory/apwhreview/index.php?titile=main_Page">Sample AP World History Wiki</a> </li><li style="font-weight: bold;"><span style="color: rgb(51, 51, 255);">h</span><a href="http://teacherlibrarianwiki.pbwiki.com/">ttp://teacherlibrarianwiki.pbwiki.com/</a> </li><li style="font-weight: bold;"><a href="http://educators.pbwiki.com/">pbwiki for educators and librarians</a></li><li>Other <a style="font-weight: bold;" href="http://www.libsuccess.org/index.php?title=Wikis#Examples_and_Information" target="_blank">library wiki examples</a> such as library instruction.</li></ul><p></p><p>2. Create a blog post about your findings. What did you find interesting? What types of applications within libraries and schools might work well with a wiki? </p><p></p><p><strong><span style="color: rgb(204, 102, 0);"><span style="color: rgb(0, 0, 0);"></span></span></strong></p><p><strong><span style="color: rgb(204, 102, 0);"><span style="color: rgb(0, 0, 0);">Discovery Resources:</span> </span></strong></p><p><span style="color: rgb(204, 102, 0);"><span style="color: rgb(0, 0, 0);">Use these resources to learn more about wikis:</span> </span></p><ul><li><span style="color: rgb(204, 102, 0);"><strong></strong><a href="http://plcmccore.blogspot.com/2006/04/wiki-wiki-wiki.html"><strong>Wiki, wiki, wiki</strong></a> <span style="color: rgb(0, 0, 0);">- from the Core Competency blog of the Public Library of Charlotte-Mecklenburg County.</span><strong></strong></span></li><li><span style="color: rgb(204, 102, 0);"><strong></strong><a href="http://meredith.wolfwater.com/cil06/" target="_blank"><strong>Wikis: A Beginner’s Look</strong></a> <span style="color: rgb(0, 0, 0);">– an excellent short slide presentation that offers a short introduction and examples.</span><strong></strong></span></li><li><span style="color: rgb(204, 102, 0);"><strong></strong><a href="http://www.libsuccess.org/index.php?title=What_is_a_Wiki" target="_blank"><strong>What is a Wiki?</strong></a> <span style="color: rgb(0, 0, 0);">– Library Success wiki presentation.</span><strong></strong></span></li><li><span style="color: rgb(204, 102, 0);"><strong></strong><a href="http://webjunction.org/do/DisplayContent?id=11264" target="_blank"><strong>Using Wikis to Create Online Communities</strong></a> </span><span style="color: rgb(0, 0, 0);">– a good overview of what a wiki is and how it can be used in libraries.</span></li></ul><p><strong><span style="color: rgb(204, 102, 0);"></span></strong></p><p><strong><span style="color: rgb(204, 102, 0);"></span></strong></p><p><strong><span style="color: rgb(204, 102, 0);">Curriculum Connections:</span></strong></p><p><span style="color: rgb(153, 51, 0);">Wikis can be made for any classroom!</span> </p><ul><li><span style="color: rgb(204, 102, 0);"><strong>Idea #1: Collaborative note-taking.</strong> Students pitch in and add a fact or two about a topic. Teachers can encourage students to include opinions, challenges, and appropriate criticism. Students would then write essays using only these notes. Make sure that each addition includes a citation to website, book, or database, including page numbers so that it can be checked.</span></li><li><strong><span style="color: rgb(204, 102, 0);">Idea #2: History. Students can compile a wiki of famous artists, architects, writers, and other key historical figures from a city, state, or country. Each student could create a page or contribute a specific section to each page. </span></strong></li><li><span style="color: rgb(204, 102, 0);"><strong>Idea #3: Create "top 10" lists and supporting material.</strong> This could include scientists and their discoveries, top writers and their books, ... you get the idea. One list per wiki page.<br /></span></li><li><strong><span style="color: rgb(204, 102, 0);">Idea #4: Mission trading cards (see Week 3), once completed, could be added to a class wiki.</span></strong> </li></ul><p></p><p>So what's in a wiki? Find out by doing some exploring on your own.<br /></p><span style="color: rgb(102, 0, 0);font-size:85%;" ></span><p><span style="color: rgb(153, 51, 0); font-weight: bold;">Suggested "tags" or labels: <span style="color: rgb(0, 0, 0);">wiki, wikipedia</span><span style="color: rgb(0, 0, 0);"> </span></span></p><p><span style="color: rgb(102, 0, 0);font-size:85%;" >[Note: Please remember to include WEEK# and THING# in your heading posts.]</span></p><input id="gwProxy" type="hidden"><!--Session data--><input onclick="jsCall();" id="jsProxy" type="hidden"><div id="refHTML"></div><span id="leoHighlights_iframe_modal_span_container"><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 --> <iframe id="leoHighlights_top_iframe" name="leoHighlights_top_iframe" title="leoHighlights_top_iframe" src="about:blank" vspace="0" hspace="0" marginwidth="0" marginheight="0" allowtransparency="true" style="position: absolute; top: 0px; left: 0px; width: 520px; height: 294px; z-index: 2147483647;" scrolling="no" frameborder="0" height="294" width="520"> </iframe> <!-- Bottom iFrame --> <iframe id="leoHighlights_bottom_iframe" name="leoHighlights_bottom_iframe" title="leoHighlights_bottom_iframe" src="about:blank" vspace="0" hspace="0" marginwidth="0" marginheight="0" allowtransparency="true" style="position: absolute; top: 294px; left: 96px; z-index: 2147483647;" scrolling="no" frameborder="0" height="" width=""> </iframe> </div> <script defer="defer" type="text/javascript"> 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"; var LEO_HIGHLIGHTS_IFRAME_TOTAL_COLLAPSED_WIDTH = 520; var LEO_HIGHLIGHTS_IFRAME_TOTAL_COLLAPSED_HEIGHT = 391; var LEO_HIGHLIGHTS_IFRAME_TOTAL_EXPANDED_WIDTH = 520; var LEO_HIGHLIGHTS_IFRAME_TOTAL_EXPANDED_HEIGHT = 665; 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; 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; var LEO_HIGHLIGHTS_SHOW_DELAY_MS = 300; var LEO_HIGHLIGHTS_HIDE_DELAY_MS = 750; 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"; 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%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+%22%3A%20%22+e+%22%5Cn%5Ct%22+e.name+%22%5Cn%5Ct%22+%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+%22%5Cn%5Ct%22+e.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+%22%20%22+str%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+str%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*%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+this.width+%22%2C%22+this.height+%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+this.x+%22%2C%22+this.y+%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+%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+%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+callName%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+name+%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+elem.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+%3D%20walk.offsetLeft%3B%0A%20%20%20%20%20%20location.y%20+%3D%20walk.offsetTop%3B%0A%20%20%20%20%20%20walk%20%3D%20walk.offsetParent%3B%0A%20%20%20%20%20%20count++%3B%0A%20%20%20%7D%0A%20%20%20%0A%20%20%20_leoHighlightsDebugLog%28%22Location%20is%3A%20%22+elem.id+%22%20-%20%22+location%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+centerDim.width-iFrameDim.width-LEO_HIGHLIGHTS_ADJUSTMENT.x%3B%0A%20%20%20%20%20%20position.y%3DscrolledPos.y+centerDim.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+%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+topOrBottom%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+%20iFrameDim.width%20%3E%20scrolledPos.x%20+%20centerDim.width%29%0A%20%20%20%20%20%20%20%20%20%20%20%20%09position.x%20%3D%20scrolledPos.x%20+%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+position%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+%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+%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+position%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+iFrameDim.width%3EcenterDim.width-20%29%0A%20%20%20%20%20%20%09position.x%3DcenterDim.width-%28iFrameDim.width+20%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+iFrame.id+%22%20-%20%22+anchor.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+%20%22%5Cnscrolled%20%20%20%20%20%20%20%20%20%20%22%20+%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+%20%22%5Cncenter/visible%20%20%20%20%22%20+%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+%20%22%5Cnanchor%20%28absolute%29%20%22%20+%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+%20%22%5Cnanchor%20%28screen%29%20%20%20%22%20+%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+%20%22%5CnSize%20%28anchor%29%20%20%20%20%20%22%20+%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+%20%22%5CnSize%20%28popup%29%20%20%20%20%20%20%22%20+%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+%20%22%5CnResult%20pos%20%20%20%20%20%20%20%20%22%20+%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+%20%22px%22%3B%0A%20%20%20%20%20%20iFrame.style.top%20%20%3D%20position.y%20+%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%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+rover+%22/4?%26mpre%3D%22+encodeURI%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/**%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+this.topIframe.style.top+%22%2C%20%22+this.topIframe.style.left+%22%29%22%29%3B%0A%20%20%20%20%20%20_leoHighlightsDebugLog%28%222%29%20LeoHighlightsPopup%28%29%20%28%22+this.bottomIframe.style.top+%22%2C%20%22+this.bottomIframe.style.left+%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%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+this.topIframe.style.top+%22%2C%20%22+this.topIframe.style.left+%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+this.bottomIframe.style.top+%22%2C%20%22+this.bottomIframe.style.left+%22%29%22%29%3B%0A%20%20%20%20%20%20%7D%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+destUrl%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+size+%22%20%20%22+url%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+%3D%28%22%26size%3D%22+size%29%3B%0A%20%20%20%20%20%20if%28clickId%21%3Dnull%29%0A%20%20%20%20%20%20%20%20%20url+%3D%28%22%26clickId%3D%22+clickId%29%3B%0A%20%20%20%20%20%20if%28destUrl%21%3Dnull%29%0A%20%20%20%20%20%20%20%20%20url+%3D%28%22%26url%3D%22+destUrl%29%3B%0A%0A%20%20%20%20%20%20_leoHighlightsDebugLog%28%22leoHighlightsUpdateUrl%28%29%20%22+url%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%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+_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+anchorId+%22%5C%27%2C%5C%27%22+size+%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%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%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%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%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%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%2C%0A%09%09%09LEO_HIGHLIGHTS_SHOW_DELAY_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%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++%29%0A%09%09%09%7B%0A%09%09%09%09var%20id%3D%22leoHighlights_Underline_%22+i%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+_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+url%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+url%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+_leoHighlightsPrevElem+%22%20--%20%22+_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+url%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+%3D%22%23%22+encodeURI%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+txt%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+%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"); </script> </span>Unknownnoreply@blogger.comtag:blogger.com,1999:blog-7065191402240184307.post-27830549353782018882007-02-19T20:41:00.000-08:002011-02-12T13:53:40.659-08:00#15 (WEEK 6) Read some perspectives on Web 2.0. Future of LibrariesLibrary 2.0 is term used to describe a new set of concepts for developing and delivering library services in the 21st century. The name, as you may guess, is an extension of Web 2.0 and shares many of its same philosophies and concepts including harnessing the user in both design and implementation of services, embracing constant change as a development cycle over the traditional notion of upgrades, and reworking library services to meet the users in their space, as opposed to ours (libraries, school libraries.)<br />
<br />
Many have argued that the notion of Library 2.0 is more than just a term used to describe concepts that merely revolve around the use of <leo_highlight id="leoHighlights_Underline_0" leohighlights_keywords="technology" leohighlights_underline="true" leohighlights_url_bottom="http%3A//shortcuts.thebrowserhighlighter.com/leonardo/plugin/highlights/3_1/tbh_highlightsBottom.jsp?keywords%3Dtechnology%26domain%3Dwww.blogger.com" leohighlights_url_top="http%3A//shortcuts.thebrowserhighlighter.com/leonardo/plugin/highlights/3_1/tbh_highlightsTop.jsp?keywords%3Dtechnology%26domain%3Dwww.blogger.com" onclick="leoHighlightsHandleClick('leoHighlights_Underline_0')" onmouseout="leoHighlightsHandleMouseOut('leoHighlights_Underline_0')" onmouseover="leoHighlightsHandleMouseOver('leoHighlights_Underline_0')" style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-size: auto auto; background-attachment: scroll; background-color: transparent; background-image: none; background-position: 0% 50%; background-repeat: repeat; border-bottom: 2px solid rgb(255, 255, 150); cursor: pointer; display: inline;">technology</leo_highlight>; it also a term that can be used to describe both physical and mindset changes that are occurring within libraries to make our spaces and services more user-centric and inviting. Others within the profession have asserted that <b>libraries have always been 2.0</b>: collaborative, customer friendly, and welcoming. But no matter which side of the debate proponents fall, both sides agree that libraries of tomorrow, even five or ten years from now, will look substantially different from libraries today!<br />
<br />
<b>Discovery Exercise:</b><br />
<ol><li>Read two or three of the perspectives on Library 2.0 from the list below. Create a blog post about your thoughts on any one of these. How will you share what you learn with others at your school or district?</li>
<li>Library 2.0 - It's many things to many people. What does it mean to you? What does it mean for school libraries? How will you explain it to your school community? What are other words to describe web 2.0 or library 2.0 -- tools for 21st century learning and teaching? Will you refer to the CSLA's <a href="http://csla.net/bestsellers" style="font-weight: bold;">"Best Sellers" Campaign for Strong School Libraries</a> handouts?</li>
<li>Go online and look at the program titles for your state or national library conference. Count how many are about using new media, social networking, web 2.0 or other <leo_highlight id="leoHighlights_Underline_1" leohighlights_keywords="technology" leohighlights_underline="true" leohighlights_url_bottom="http%3A//shortcuts.thebrowserhighlighter.com/leonardo/plugin/highlights/3_1/tbh_highlightsBottom.jsp?keywords%3Dtechnology%26domain%3Dwww.blogger.com" leohighlights_url_top="http%3A//shortcuts.thebrowserhighlighter.com/leonardo/plugin/highlights/3_1/tbh_highlightsTop.jsp?keywords%3Dtechnology%26domain%3Dwww.blogger.com" onclick="leoHighlightsHandleClick('leoHighlights_Underline_1')" onmouseout="leoHighlightsHandleMouseOut('leoHighlights_Underline_1')" onmouseover="leoHighlightsHandleMouseOver('leoHighlights_Underline_1')" style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-size: auto auto; background-attachment: scroll; background-color: transparent; background-image: none; background-position: 0% 50%; background-repeat: repeat; border-bottom: 2px solid rgb(255, 255, 150); cursor: pointer; display: inline;">technology</leo_highlight>. What are their titles? What are the program descriptions. Create a blog post about what you see other librarians presenting on, and which program you'd most like to attend and why.<br />
</li>
</ol><b>Discovery Resources:</b><br />
<ul><li><a href="http://net.educause.edu/ir/library/pdf/HR2011.pdf"><b>The Horizons Report</b></a> - Annual report by higher education on the top applications of emerging technologies to teaching, learning, and creative expression. "Must" reading.</li>
<li>See also the <a href="http://wp.nmc.org/horizon-k12-2010/" style="font-weight: bold;">Horizons Report: K-12 Edition</a>.<br />
</li>
<li><a href="http://www.oclc.org/nextspace/" style="font-weight: bold;">OCLC Next Space</a> Blog and Newsletter – First read <a href="http://www.oclc.org/nextspace/002/1.htm" style="font-weight: bold;">Web 2.0: Where will the next generation of the web it take libraries?</a>. Then read Tom Story's last article (January 2010) <a href="http://www.oclc.org/nextspace/014/1.htm" style="font-weight: bold;">The Ripple Effect</a><a href="http://www.oclc.org/nextspace/014/1.htm" style="font-weight: bold;">: Pt 2, Widening the Library's Circle of Influence</a>.<br />
</li>
</ul><span style="font-weight: bold;">Five Perspectives: </span><br />
(<span style="font-style: italic;">Note: The term Library 2.0 is getting to be "old hat" for librarians that have used web 2.0 tools for the past 3-5 years. Read these to catch up to those librarians who have a few years' head start.</span>)<br />
<ul><li><a href="http://www.oclc.org/nextspace/007/1.htm" style="font-weight: bold;">Libraries and Social Networking</a><br />
</li>
<li><a href="http://www.oclc.org/nextspace/002/2.htm" style="font-weight: bold;">Away from Icebergs</a></li>
<li><a href="http://www.oclc.org/nextspace/002/3.htm" style="font-weight: bold;">Into a new world of librarianship </a></li>
<li><a href="http://www.oclc.org/nextspace/002/4.htm" style="font-weight: bold;">To more powerful ways to cooperate</a></li>
<li><a href="http://www.oclc.org/nextspace/002/5.htm" style="font-weight: bold;">To better bibliographic services </a></li>
<li><a href="http://www.oclc.org/nextspace/002/6.htm" style="font-weight: bold;">To a temporary place in time</a></li>
<li><a href="http://en.wikipedia.org/wiki/Library_2.0" style="font-weight: bold;">Wikipedia – Library 2.0</a><a href="http://en.wikipedia.org/wiki/Library_2.0#References"> </a>(list of references from Wikipedia - needs updating!)<a href="http://www.nmc.org/pdf/2008-Horizon-Report.pdf"><b></b></a></li>
</ul><span style="color: #993300;"><b>Curriculum Connections:</b></span><br />
<span style="color: #993300;"><b>Idea #1: Work with classroom teachers to see which ones have student projects related to "issues of the day", "writing a controversial essay", "Science Fiction or Future Fact?", or journalism. </b></span><span style="color: #993300;">Be sure to refer to the <a href="http://www.cde.ca.gov/be/st/ss/index.asp">curriculum content standard</a> and/or <a href="http://www.cde.ca.gov/ci/cr/lb/">Model School Library Content Standard</a> addressed by the project.<br />
</span><span style="color: #993300; font-weight: bold;"><br />
Idea #2: </span><span style="color: #993300; font-weight: bold;">Use the </span><a href="http://www.nmc.org/publications/2010-horizon-report" style="color: #993300; font-weight: bold;">HORIZON REPORT</a><span style="color: #993300; font-weight: bold;"> and have students compare <leo_highlight id="leoHighlights_Underline_2" leohighlights_keywords="technology" leohighlights_underline="true" leohighlights_url_bottom="http%3A//shortcuts.thebrowserhighlighter.com/leonardo/plugin/highlights/3_1/tbh_highlightsBottom.jsp?keywords%3Dtechnology%26domain%3Dwww.blogger.com" leohighlights_url_top="http%3A//shortcuts.thebrowserhighlighter.com/leonardo/plugin/highlights/3_1/tbh_highlightsTop.jsp?keywords%3Dtechnology%26domain%3Dwww.blogger.com" onclick="leoHighlightsHandleClick('leoHighlights_Underline_2')" onmouseout="leoHighlightsHandleMouseOut('leoHighlights_Underline_2')" onmouseover="leoHighlightsHandleMouseOver('leoHighlights_Underline_2')" style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-size: auto auto; background-attachment: scroll; background-color: transparent; background-image: none; background-position: 0% 50%; background-repeat: repeat; border-bottom: 2px solid rgb(255, 255, 150); cursor: pointer; display: inline;">technology</leo_highlight> applications for the current year and past 2-3 years. </span><span style="color: #993300;">How many application expectations were "spot on", "fizzled out" or were "left in the dust" of other more compelling or better marketed applications, and how many applications changed significantly due to how students used it? Arrange for the students to present their findings at a school board meeting or library special event.</span><br />
<br />
<b>We hope you're enjoying all the exercises you've done so far. Keep having fun exploring and thinking about Web 2.0/Library 2.0/School Library 2.0<br />
<br />
</b><span style="color: #993300; font-weight: bold;">Suggested "tags" or labels:<span style="color: black;"> <leo_highlight id="leoHighlights_Underline_3" leohighlights_keywords="technology" leohighlights_underline="true" leohighlights_url_bottom="http%3A//shortcuts.thebrowserhighlighter.com/leonardo/plugin/highlights/3_1/tbh_highlightsBottom.jsp?keywords%3Dtechnology%26domain%3Dwww.blogger.com" leohighlights_url_top="http%3A//shortcuts.thebrowserhighlighter.com/leonardo/plugin/highlights/3_1/tbh_highlightsTop.jsp?keywords%3Dtechnology%26domain%3Dwww.blogger.com" onclick="leoHighlightsHandleClick('leoHighlights_Underline_3')" onmouseout="leoHighlightsHandleMouseOut('leoHighlights_Underline_3')" onmouseover="leoHighlightsHandleMouseOver('leoHighlights_Underline_3')" style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-size: auto auto; background-attachment: scroll; background-color: transparent; background-image: none; background-position: 0% 0%; background-repeat: repeat; cursor: pointer; display: inline;"></leo_highlight>technology trends, web 2.0, Library 2.0, new media</span></span><input id="gwProxy" type="hidden" /><input id="jsProxy" onclick="jsCall();" type="hidden" /><br />
<div id="refHTML"></div><span id="leoHighlights_iframe_modal_span_container"><div id="leoHighlights_iframe_modal_div_container" onmouseout="leoHighlightsHandleIFrameMouseOut();" onmouseover="leoHighlightsHandleIFrameMouseOver();" style="display: none; height: 391px; position: absolute; visibility: hidden; width: 520px; z-index: 2147483647;"><iframe allowtransparency="true" frameborder="0" height="294" hspace="0" id="leoHighlights_top_iframe" marginheight="0" marginwidth="0" name="leoHighlights_top_iframe" scrolling="no" src="about:blank" style="height: 294px; left: 0px; position: absolute; top: 0px; width: 520px; z-index: 2147483647;" title="leoHighlights_top_iframe" vspace="0" width="520"></iframe> <iframe allowtransparency="true" frameborder="0" height="" hspace="0" id="leoHighlights_bottom_iframe" marginheight="0" marginwidth="0" name="leoHighlights_bottom_iframe" scrolling="no" src="about:blank" style="left: 96px; position: absolute; top: 294px; z-index: 2147483647;" title="leoHighlights_bottom_iframe" vspace="0" width=""></iframe> </div><script defer="defer" type="text/javascript">
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"; var LEO_HIGHLIGHTS_IFRAME_TOTAL_COLLAPSED_WIDTH = 520; var LEO_HIGHLIGHTS_IFRAME_TOTAL_COLLAPSED_HEIGHT = 391; var LEO_HIGHLIGHTS_IFRAME_TOTAL_EXPANDED_WIDTH = 520; var LEO_HIGHLIGHTS_IFRAME_TOTAL_EXPANDED_HEIGHT = 665; 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; 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; var LEO_HIGHLIGHTS_SHOW_DELAY_MS = 300; var LEO_HIGHLIGHTS_HIDE_DELAY_MS = 750; 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"; 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%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+%22%3A%20%22+e+%22%5Cn%5Ct%22+e.name+%22%5Cn%5Ct%22+%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+%22%5Cn%5Ct%22+e.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+%22%20%22+str%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+str%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*%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+this.width+%22%2C%22+this.height+%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+this.x+%22%2C%22+this.y+%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+%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+%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+callName%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+name+%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+elem.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+%3D%20walk.offsetLeft%3B%0A%20%20%20%20%20%20location.y%20+%3D%20walk.offsetTop%3B%0A%20%20%20%20%20%20walk%20%3D%20walk.offsetParent%3B%0A%20%20%20%20%20%20count++%3B%0A%20%20%20%7D%0A%20%20%20%0A%20%20%20_leoHighlightsDebugLog%28%22Location%20is%3A%20%22+elem.id+%22%20-%20%22+location%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+centerDim.width-iFrameDim.width-LEO_HIGHLIGHTS_ADJUSTMENT.x%3B%0A%20%20%20%20%20%20position.y%3DscrolledPos.y+centerDim.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+%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+topOrBottom%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+%20iFrameDim.width%20%3E%20scrolledPos.x%20+%20centerDim.width%29%0A%20%20%20%20%20%20%20%20%20%20%20%20%09position.x%20%3D%20scrolledPos.x%20+%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+position%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+%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+%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+position%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+iFrameDim.width%3EcenterDim.width-20%29%0A%20%20%20%20%20%20%09position.x%3DcenterDim.width-%28iFrameDim.width+20%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+iFrame.id+%22%20-%20%22+anchor.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+%20%22%5Cnscrolled%20%20%20%20%20%20%20%20%20%20%22%20+%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+%20%22%5Cncenter/visible%20%20%20%20%22%20+%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+%20%22%5Cnanchor%20%28absolute%29%20%22%20+%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+%20%22%5Cnanchor%20%28screen%29%20%20%20%22%20+%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+%20%22%5CnSize%20%28anchor%29%20%20%20%20%20%22%20+%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+%20%22%5CnSize%20%28popup%29%20%20%20%20%20%20%22%20+%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+%20%22%5CnResult%20pos%20%20%20%20%20%20%20%20%22%20+%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+%20%22px%22%3B%0A%20%20%20%20%20%20iFrame.style.top%20%20%3D%20position.y%20+%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%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+rover+%22/4?%26mpre%3D%22+encodeURI%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/**%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+this.topIframe.style.top+%22%2C%20%22+this.topIframe.style.left+%22%29%22%29%3B%0A%20%20%20%20%20%20_leoHighlightsDebugLog%28%222%29%20LeoHighlightsPopup%28%29%20%28%22+this.bottomIframe.style.top+%22%2C%20%22+this.bottomIframe.style.left+%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%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+this.topIframe.style.top+%22%2C%20%22+this.topIframe.style.left+%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+this.bottomIframe.style.top+%22%2C%20%22+this.bottomIframe.style.left+%22%29%22%29%3B%0A%20%20%20%20%20%20%7D%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+destUrl%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+size+%22%20%20%22+url%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+%3D%28%22%26size%3D%22+size%29%3B%0A%20%20%20%20%20%20if%28clickId%21%3Dnull%29%0A%20%20%20%20%20%20%20%20%20url+%3D%28%22%26clickId%3D%22+clickId%29%3B%0A%20%20%20%20%20%20if%28destUrl%21%3Dnull%29%0A%20%20%20%20%20%20%20%20%20url+%3D%28%22%26url%3D%22+destUrl%29%3B%0A%0A%20%20%20%20%20%20_leoHighlightsDebugLog%28%22leoHighlightsUpdateUrl%28%29%20%22+url%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%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+_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+anchorId+%22%5C%27%2C%5C%27%22+size+%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%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%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%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%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%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%2C%0A%09%09%09LEO_HIGHLIGHTS_SHOW_DELAY_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%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++%29%0A%09%09%09%7B%0A%09%09%09%09var%20id%3D%22leoHighlights_Underline_%22+i%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+_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+url%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+url%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+_leoHighlightsPrevElem+%22%20--%20%22+_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+url%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+%3D%22%23%22+encodeURI%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+txt%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+%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");
</script> </span>Unknownnoreply@blogger.comtag:blogger.com,1999:blog-7065191402240184307.post-87179878461346949252007-02-19T20:36:00.000-08:002010-05-31T15:40:19.852-07:00#14 (WEEK 6) Technorati, Tags, and SEO<a href="http://3.bp.blogspot.com/_W1WDLV9e818/Rd0zQ_-cW6I/AAAAAAAAAGw/kFV-7kuQI88/s1600-h/Technorati+logo_reverse_md.gif"><img id="BLOGGER_PHOTO_ID_5034236325614345122" style="float: left; margin: 0px 10px 10px 0px;" alt="" src="http://3.bp.blogspot.com/_W1WDLV9e818/Rd0zQ_-cW6I/AAAAAAAAAGw/kFV-7kuQI88/s200/Technorati+logo_reverse_md.gif" border="0" /></a> <div>So now that you’ve been blogging for awhile, you might be wondering just how big is the blogosphere? According to San Francisco-based <a style="font-weight: bold;" href="http://www.technorati.com/">Technorati</a>, the leading search tool and authority for blogs, there are “<a href="http://technorati.com/about/"></a>over 175,000 new blogs (that’s just blogs) every day. Bloggers update their blogs regularly to the tune of over 1.6 million posts per day, or over 18 updates a second.” Technorati is a real-time search engine that tracks 62.5+ million blogs and probably a billion or more links. Learn more amazing things about <a style="font-weight: bold;" href="http://websearch.about.com/od/enginesanddirectories/a/technorati.htm">Technorati on About.Com </a><br /><br />Yes, these numbers are astounding, but as you’ve already seen for yourselves, <span style="font-style: italic;">blogging is so easy</span> that these publishing tools are being taken advantage of by almost every industry, including and especially libraries and librarians.<br /><br />So how do you get your blog listed as part of the blogosphere and how can you tag your posts with keywords to make them more findable through a Technorati or other online search? The answer to the first question is that your blog is probably already being captured by Technorati due to the fact that you’re already using <a style="font-weight: bold;" href="http://www.blogger.com/">Blogger</a>, the most popular blogging tool. But if you want to join the party and have your blog officially listed on Technorati and also take advantage of the watchlist and other features, you’ll need to <a style="font-weight: bold;" href="http://www.technorati.com/signup/">claim</a> your blog yourself. Technorati will pick up your blog "tags" or key words when it spiders (or <a style="font-weight: bold;" href="http://en.wikipedia.org/wiki/Web_crawler">web crawls</a>) your site.<br /><br />There are a lot of features in Technorati including the capability to search for keywords in blog posts, search for entire blog posts that have been tagged with a certain keyword, limit a search by language, or search for blogs that have been registered and tagged as whole blogs about a certain subject (like photography or libraries).<br /><br /><strong>Discovery Exercise:</strong></div><p>1. Take a look at <a style="font-weight: bold;" href="http://technorati.com/">Technorati</a> and do a keyword search for “School Library Learning 2.0” in Blog posts, in the POSTS and in the BLOGS Directory. Are the results different? Do the same using <a style="font-weight: bold;" href="http://blogsearch.google.com/">Google Blogsearch</a>. Do the same search using Internet search engines like <a style="font-weight: bold;" href="http://google.com/">Google</a>, <a style="font-weight: bold;" href="http://www.bing.com/">Bing</a>, <a style="font-weight: bold;" href="http://www.ask.com/">Ask</a>, <a style="font-weight: bold;" href="http://www.yahoo.com/">Yahoo!</a>. How do their results compare?<br /></p><p>2. Explore <a style="font-weight: bold;" href="http://www.technorati.com/pop/">popular blog, searches and tags</a>. Is anything interesting or surprising in your results?</p><p>3. Create a blog post about your discoveries on this site. </p><p>4. Now that we’ve worked with tags in <a style="font-weight: bold;" href="http://www.blogger.com/">Blogger</a>, <a style="font-weight: bold;" href="http://www.flickr.com/">Flickr</a>, <a style="font-weight: bold;" href="http://delicious.com/">Delicious</a>, and <a style="font-weight: bold;" href="http://technorati.com/">Technorati</a>, what are your thoughts about tagging? What are its advantages? What are its disadvantages? <span style="font-style: italic;">How can you use tags and other tricks to better promote school library issues or the School Library Learning 2.0 tutorial?</span></p><p><strong>Discovery Resources:</strong></p><ul><li><a href="http://technorati.com/weblog/2006/07/110.html"><strong>Technorati Tour</strong></a> – videocast of new features & new look </li><li>Technorati <a href="http://www.technorati.com/discover/"><strong>Discover</strong></a> & <a href="http://www.technorati.com/pop/"><strong>Popular</strong></a> features</li><li><strong><a href="http://websearch.about.com/od/keywordsandphrases/a/titleseo.htm">Role of tags in SEO</a><span style="font-weight: normal;"> (search engine optimization)</span></strong></li><li><a style="font-weight: bold;" href="http://www.seo-writer.com/reprint/top-seo-tips.html">SEO Tips</a> - Get a sense of how to get your blog or website "seen". Familiarize yourself with Search Engine Optimization.<br /></li></ul><p><span style="color: rgb(153, 51, 0);"><strong>Curriculum Connections:</strong></span></p><p><span style="color: rgb(153, 51, 0);"><strong>Idea #1: Use these tools to locate blogs and other sites relating to voting/elections, school funding, childhood obesity, or other issues.</strong></span></p><p><span style="color: rgb(153, 51, 0);"><strong>Idea #2: </strong></span><span style="color: rgb(153, 51, 0); font-weight: bold;">Identify a half dozen blogs for students to learn about and then have them make a graph to compare Technorati versus the broader search engines. Be sure to refer to the <a href="http://www.cde.ca.gov/be/st/ss/index.asp">curriculum content standard</a> and/or <a href="http://www.cde.ca.gov/ci/cr/lb/">Model School Library Content Standard</a> addressed by the project.</span></p><p><span style="color: rgb(153, 51, 0); font-weight: bold;">Suggested "tags" or labels: <span style="color: rgb(0, 0, 0);">Technorati, blogs, tags, SEO-search engine optimization</span><span style="color: rgb(0, 0, 0);"> </span></span></p>Unknownnoreply@blogger.comtag:blogger.com,1999:blog-7065191402240184307.post-16856910975964432992007-02-19T20:30:00.000-08:002010-05-31T14:38:49.115-07:00#13 (WEEK 6) Learn about tagging and discover Del.icio.us (a social bookmarking site)<p><a href="http://en.wikipedia.org/wiki/Tags" target="_blank"><b></b></a>Tagging is an open and informal method of categorizing that allows users to associate keywords with online content (webpages, pictures & posts). Unlike traditional library subject cataloging, which follows a strict set of guidelines (e.g., <a style="font-weight: bold;" href="http://authorities.loc.gov/">Library of Congress subject headings</a>), tagging is completely unstructured and freeform, allowing users to create connections between data in any way they want. <span style="font-style: italic;">As soon as you created your own blog, you've been adding a tag or two, haven't you?</span><br /><br />In the past few weeks, we’ve already explored one site – <a href="http://www.flickr.com/" target="_blank"><b>Flickr</b></a> - that allows users to take advantage of tagging and in week 3 many of you even used a common tag to create an association between photos that we individually uploaded. This week, in addition to exploring <a href="http://www.technorati.com/"><b>Technorati</b></a> and <a href="http://ww.librarything.com/"><b>LibraryThing</b> </a>tagging, we also want to take a look at the popular social bookmarking site <b><a href="http://delicious.com/">Delicious</a></b>.<br /><br />Why social bookmarking? Well, have you checked your list of favorites or bookmarks on your Internet browser lately? If you’re like me, your favorites list may need some pruning or organization. Or, if you don’t happen to be on your regular computer, how do you even remember all the sites you’ve bookmarked? Those of us who have a library full of computers -- or a school district full of libraries filled with computer workstations -- would like to update only one list of favorite websites.<br /><br /><a href="http://1.bp.blogspot.com/_W1WDLV9e818/Rd0ynf-cW5I/AAAAAAAAAGk/LmycnlJMQho/s1600-h/delicious+logo.jpg"><img id="BLOGGER_PHOTO_ID_5034235612649773970" style="margin: 0px 10px 10px 0px; float: left;" alt="" src="http://1.bp.blogspot.com/_W1WDLV9e818/Rd0ynf-cW5I/AAAAAAAAAGk/LmycnlJMQho/s200/delicious%2Blogo.jpg" border="0" /></a><a href="http://delicious.com/"><b>Delicious</b></a> is a social bookmarking manager which allows you to bookmark a web page and add tags to categorize your bookmarks.<br /><br />Many users find that the real power of <a href="http://delicious.com/"><b>Delicious</b></a> is in the social networking aspect, which allows you to see how other users have tagged similar links and also discover other websites that may be of interest to you. You can think of it as peering into another users’ filing cabinet, but with this powerful bookmarking tool each user's filing cabinet helps to build an expansive knowledge network. For this discovery exercise, you are asked to take a look at <a href="http://delicious.com/"><b>Delicious</b></a> and learn about this popular bookmarking tool.<br /><br /><strong>Discovery Exercise:<br /></strong>1. View the <a href="http://www.youtube.com/watch?v=yyAEn2cwaJ8" target="_blank"><b>Delicious tutoria</b><span style="font-weight: bold;">l</span></a> by Santa Cruz Public Library to get a good overview of its features. Santa Cruz librarians created several tutorials to support its 23 Things program, which was embraced by the public, school, and university librarians.</p><div align="left">2. Take a look around <a href="http://delicious.com/"><b>Delicious</b></a> using the <a href="http://del.icio.us/SJLibraryLearning2"><b>SJLibraryLearning2</b></a> account that was created for this exercise. Note: In this account you will find lots of resources that have been highlighted or used throughout the course of the Learning 2.0 program. You can keep up to date with what's added by subscribing to the RSS feed.</div><br /><div align="left">3. Explore the site options and try clicking on a bookmark that has also been bookmarked by a lot of other users. Can you see the comments they added about this bookmark or the tags they used to categorize this reference?</div><br /><div align="left">4. Create a blog post about your experience and thoughts about this tool. Can you see the potential of this tool for research assistance? Or just as an easy way to create bookmarks that can be accessed from anywhere-in-the-world? How can libraries take advantage of social bookmarking sites?<br /></div><br /><div align="left"><strong>OPTIONAL:</strong> If you’re up to the challenge, create a <a href="http://delicious.com/"><b>Delicious</b></a> account for yourself and discover how this useful bookmarking tool can replace your traditional browser bookmark list. You might even want to explore Delicious’ <a href="http://del.icio.us/help/networkbadges"><span style="font-weight: bold;">network badge</span>.</a> (Psst! see it over there at the end of the navigation sidebar.) </div><div align="left"><br />Note: If you do setup a <a href="http://delicious.com/"><b>Delicious</b></a> account, here’s a quick word about the Buttons. On a PC that has the toolbars locked down, these will install as options in your browser bookmarks. Use the “Post to my Delicious” link to add the current webpage to your account (you may need to log in). Use the “My Delicious” link to view your online account.<br /><br /></div><div align="left"></div><div align="left"><strong>Discovery Resources:</strong></div><div align="left"><ul><li><b>Common Craft tutorial on <a href="http://www.commoncraft.com/bookmarking-plain-english">Delicious and social bookmarking</a>.</b></li><li><b><span class="Apple-style-span" style="font-weight: normal;"><b><span class="Apple-style-span" style="font-weight: normal;"><b><span class="Apple-style-span" style="font-weight: normal;"><b><span class="Apple-style-span" style="font-weight: normal;"><b><span class="Apple-style-span" style="font-weight: normal;"><b><span class="Apple-style-span" style="font-weight: normal;">Web 2.0 Library Website <a href="http://www.libsite.org/"><b>Recommendations Site</b></a>.</span></b></span></b></span></b></span></b></span></b></span></b></li><li><b><span class="Apple-style-span" style="font-weight: normal;"><b><span class="Apple-style-span" style="font-weight: normal;"><b><span class="Apple-style-span" style="font-weight: normal;"><b><span class="Apple-style-span" style="font-weight: normal;"><b><span class="Apple-style-span" style="font-weight: normal;"><b><span class="Apple-style-span" style="font-weight: normal;">See also <a style="font-weight: bold;" href="http://www.diigo.com/">diigo</a> as an alternative to <b><a href="http://delicious.com/">Delicious</a></b></span></b></span></b></span></b></span></b></span></b></span></b></li></ul></div><div align="left"><p><span style="color: rgb(153, 51, 0);"><strong>CURRICULUM CONNECTIONS</strong></span><span style="color: rgb(153, 51, 0);"><br /></span></p><span style="color: rgb(153, 51, 0);"><ol><li><strong>IDEA #1:</strong> Search Delicious to find links for student assignments.<br /></li><li><strong>IDEA #2:</strong> Create your own Delicious or Diigo bookmarks for various subjects/resources to use with student assignments. Have your students create their own Delicious or Diigo bookmarks and tags for their research projects.</li></ol></span><span style="color: rgb(153, 51, 0); font-weight: bold;">Suggested "tags" or labels:<span style="color: rgb(0, 0, 0);"> tags, Delicious, bookmarks</span></span><br /><span style="color: rgb(153, 0, 0);font-size:85%;" >[Note: Please remember to include WEEK# and THING# in your heading posts.]</span></div>Unknownnoreply@blogger.comtag:blogger.com,1999:blog-7065191402240184307.post-70455331737792821892007-02-19T20:25:00.000-08:002011-10-02T17:41:36.543-07:00#12 (WEEK 5) Fun 'n' GamesLet's top off Fun Week with a few games and clever tools that you can use for fun or for getting attention. There are lots and lots of fun and useful web 2.0 tools, as you have now discovered.<br /><br /><a href="http://1.bp.blogspot.com/_W1WDLV9e818/RrdQWcZy-NI/AAAAAAAAAN8/g7OUihW2BLE/s1600-h/ROLLYO+image.gif"><img id="BLOGGER_PHOTO_ID_5095629849904740562" style="float: left; margin: 0px 10px 10px 0px;" alt="" src="http://1.bp.blogspot.com/_W1WDLV9e818/RrdQWcZy-NI/AAAAAAAAAN8/g7OUihW2BLE/s200/ROLLYO+image.gif" border="0" /></a>Here's a fun tool that is not for everyone -- you either love it or not! You just never know when this little tool might come in handy. Do you have a group of websites that are your favorites? Or a set of online resources that are similar that you frequently use to answer homework or reference questions? Well, <a href="http://www.rollyo.com/" target="_blank"><b>Rollyo</b></a> might be the tool for you. Rollyo allows you to create your own search tool for the just the websites you know and trust. Take a look at some of these search rolls that have already been created:<br /><ul><li><a href="http://rollyo.com/onfire4jc/public_domain_ebooks/" target="_blank"><b>Public Domain e-Books Search</b></a></li><li><a href="http://rollyo.com/byblos/rare_book_library_search/" target="_blank"><b>Rare Book Library Search</b></a></li><li><b><a href="http://rollyo.com/kizuki-sama/quick_quotes_search/" target="_blank">Quick Quotes</a> </b><br /></li><li>Explore other rolls <a href="http://rollyo.com/explore.html" target="_blank"><b>here</b>.</a></li></ul><span style="font-weight: bold; color: rgb(0, 153, 0);font-size:180%;" >WORDLE.</span> Have you seen T-shirts and posters that have word images -- like a heart shape filled with a bunch of love-happiness-sweet words of different sizes and colors? Want to create your own word cloud? Try <a href="http://www.wordle.net/"><span style="font-weight: bold;">WORDLE</span></a>. It is fun, but also is very practical. You can either enter a list of words OR copy and paste a document or paragraph. Try entering the school or district policy or mission statement and see what words "stand out" and which ones don't. It can be enlightening, for example, if words like "students" are missing but other words stand out -- see which words are largest -- they are the words most frequently used. Here is an example using wordle.net , where we've copied the words from the CSLA.net website, pasted the words into WORDLE, edited it to make it horizontal and black-white-gray in color, then saved to the gallery and captured the html to embed below. [WORDLE images require users to reference the site (wordle.net) and carry a Creative Commons license. <a style="border: 0pt none ! important;" rel="license" href="http://creativecommons.org/licenses/by/3.0/us/"><img alt="Creative Commons License" style="border: 0pt none; margin: 0pt ! important;" src="http://i.creativecommons.org/l/by/3.0/us/80x15.png" /></a> ] Below is a tiny version, but you can see which words stand out!<br /><br /><a href="http://www.wordle.net/show/wrdl/1919050/CSLA_homepage" title="Wordle: CSLA homepage"><img src="http://www.wordle.net/thumb/wrdl/1919050/CSLA_homepage" alt="Wordle: CSLA homepage" style="padding: 4px; border: 1px solid rgb(221, 221, 221);" /></a><br /><br /><a href="http://www.travelpod.com/traveler-iq"><span style="font-size:180%;"><span style="font-weight: bold;">Traveler IQ Challenge</span></span></a><span style="font-size:180%;">.</span> Want students to get an A++ in geography? Give them the <a style="font-weight: bold;" href="http://www.travelpod.com/traveler-iq">Traveler IQ Challenge</a>. But first, try it yourself and test your knowledge of names and places! Free challenges you can play include:<br /><table style="padding: 10px; border: 0pt none; width: 100%;"><tbody><tr><td style="font-size: 10pt;">» <a href="http://www.travelpod.com/traveler-iq/game1">World</a></td><td style="font-size: 10pt;"><b>» <a href="http://www.travelpod.com/traveler-iq/northamerica">North America</a></b></td></tr><tr><td style="font-size: 10pt;">» <a href="http://www.travelpod.com/traveler-iq/europe">Europe</a></td><td style="font-size: 10pt;">» <a href="http://www.travelpod.com/traveler-iq/worldcapitals">World Capitals</a></td></tr><tr><td style="font-size: 10pt;">» <a href="http://www.travelpod.com/traveler-iq/canada">Canada</a></td><td style="font-size: 10pt;">» <a href="http://www.travelpod.com/traveler-iq/asia">Asia</a></td></tr><tr><td style="font-size: 10pt;">» <a href="http://www.travelpod.com/traveler-iq/unesco">UNESCO Sites</a></td><td style="font-size: 10pt;">» <a href="http://www.travelpod.com/traveler-iq/africa">Africa</a></td></tr><tr><td style="font-size: 10pt;">» <a href="http://www.travelpod.com/traveler-iq/centralsouthamerica">Latin America</a></td><td style="font-size: 10pt;">» <a href="http://www.travelpod.com/traveler-iq/oceania">Oceania/Australasia</a></td></tr><tr><td style="font-size: 10pt;">» <a href="http://www.travelpod.com/traveler-iq/flags">Flags of the World</a></td><td style="font-size: 10pt;">» <a href="http://www.travelpod.com/traveler-iq/worldphotos">Photos of the World</a></td></tr><tr><td style="font-size: 10pt;">» <a href="http://www.travelpod.com/traveler-iq/usa">USA Challenge</a></td><td style="font-size: 10pt;">» <a href="http://www.travelpod.com/traveler-iq/amazingrace">Amazing Race</a></td></tr></tbody></table><br /><a href="http://www.ala.org/ala/aboutala/offices/publishing/graphics/READ_Mini_Posters.cfm"><span style="font-weight: bold; color: rgb(204, 0, 0);font-size:180%;" >Mini-READ Poster Image Generator</span></a>. ALA Graphics makes it easy to create miniture READ posters. Create one for yourself and invite others to join in on the fun. Use a digital camera for taking photos of teachers or teachers holding a favorite book. Then create a mini-READ poster for them. Students would love it too -- but be sure you have parental permission! Some librarians use this image for their school blogs.<br /><br /><strong>Discovery Exercise:</strong> <div><ol><li>Explore <a href="http://www.rollyo.com/"><b>Rollyo</b></a> and create an account for yourself. </li><br /><li>Create a <a href="http://www.rollyo.com/createroll.html"><b>search roll</b></a> for any subject you like. OPTIONAL: Add your searchroll to your blog using the "<a href="http://www.rollyo.com/searchbox.html"><b>Create a Searchbox</b></a>" tool. Select...Reference. Search The Web</li><br /><li>Create a post in your blog about your experience and link to your search roll. Can you see a potential use for tools like this?</li></ol><strong>Discovery Resources:<br /></strong><ul><li><a style="font-weight: bold;" href="http://freerice.com/">FreeRice.com</a> -- an addicting online game that helps feed the hungry while increasing your knowledge. For each correct answer, 10 grains of rice are donated by sponsors to the United Nations World Food Program.</li><li><a style="font-weight: bold;" href="http://www.ala.org/ala/aboutala/offices/publishing/graphics/READ_Mini_Posters.cfm">ALA Graphics</a>. Free mini-READ posters.<br /></li></ul><span style="color: rgb(153, 51, 0); font-weight: bold;"><br />Curriculum Connections</span><span style="font-weight: bold;">:</span><br /><ol><li><span style="color: rgb(153, 51, 0);">Have students "copy" their book report, essay, music lyrics, political speech, or other classroom assignment. Then have students "paste" it into WORDLE. Ask them to review which words are largest and to discuss if those are the top words or messages that they want to emphasize. If it is their writing, does it make them want to consider editing their paper? If it is someone else's writing, such as a political speech, does a tool like WORDLE give new meaning or insight?</span></li><li><span style="color: rgb(153, 51, 0);">Challenge students to Traveler IQ. Offer students your library world globe as a study tool. </span><span style="color: rgb(153, 51, 0);">This game is ideal for students to increase their world view.</span></li></ol><p><span style="color: rgb(153, 51, 0); font-weight: bold;">Suggested "tags" or labels: <span style="color: rgb(0, 0, 0);">search engines, WORDLE,</span><br /></span></p></div>Unknownnoreply@blogger.comtag:blogger.com,1999:blog-7065191402240184307.post-2225010929668892632007-02-19T20:16:00.000-08:002011-10-02T17:35:50.619-07:00#11 (WEEK 5) Explore Web 2.0 award-winning applicationsThroughout the course of this Learning 2.0 program we’ve explored just a small sampling of the new Internet technologies and websites that are empowering users with the ability to create and share content. But given time there are so many more we could explore! There are hundreds of Web 2.0 tools, with only a handful emerging as market dominators. And although time will only tell which of these new collaborative, social networking and information tools will remain on top, one thing is for sure, they're not going to go away anytime soon.<br /><br />For this discovery exercise, participants are asked to select any site from this list of <a href="http://www.ala.org/ala/mgrps/divs/aasl/guidelinesandstandards/bestlist/bestwebsitestop25.cfm"><span style="text-decoration: underline;"><span style="font-weight: bold;">AASL Best Websites for Teaching and Learning</span></span></a> and explore it. With so many to choose from, it might be handy to first select a category that interests you (like Books or Personal Organization) and then select a tool/site to explore. Be careful to select a tool that is Free and that doesn't require a plug-in or download. The majority of these are free, so this shouldn’t be a problem. <div><br /></div><div>One site that became popular is the social networking site called <strong><a href="http://www.ning.com/">Ning</a></strong>. With Ning, you can set up your own social network such as an after school or book club. This used to be free, but to curb misuse of the network it will eliminate anonymity by requiring a small service fee for educators, individuals, and small non-profits. To learn more about Ning, check out one of the librarian or school related groups such as: <a href="http://library20.ning.com/"><b>Library 2.0</b></a>,<b><a href="http://alamembers.ning.com/?xp_search=american+library+association&xp_search_page=1&xp_search_pos=3"> </a></b><a href="http://teacherlibrarian.ning.com/"><b>Teacher-Librarian</b></a>, or <a href="http://community.cue.org/"><b>Computer-Using Educators</b></a>. Of course, there is intense competition with other social networking sites like <b><a href="http://www.facebook.com/">Facebook</a>,</b> one of the largest social networks. Many CSLA members have personal Facebook accounts for networking with friends and family. Public and commercial organizations also have Facebook accounts.<br /><br />It is more and more common for an organization to have a Facebook and <a style="font-weight: bold;" href="http://twitter.com/">Twitter</a> account in addition to its website because it is an easy way to instantly update or provide new information from anywhere, anytime. There are "share" applications that automatically post your Facebook message to your Twitter (and other social networking sites) so you only need to post once to communicate your message. To see an example of the "ShareThis" feature, see <a style="font-weight: bold;" href="http://advocate4libraries.blogspot.com/">Advocate4Libraries</a> and look at the bottom of each post for a green icon. "<a style="font-weight: bold;" href="http://sharethis.com/">ShareThis</a>" automatically re-posts to the author's Facebook and Twitter accounts. Readers can move their computer mouse over the icon and a pop-up menu appears with options for the reader to also "Share with Friends" via Facebook, Twitter, e-mail, Google Buzz, Blogger, MySpace, Digg, LinkedIn, Text, and more. Get the idea?<br /></div><div><p><strong>Discovery Exercise:</strong></p><ol><li>Select any site/tool from the list of <a href="http://www.ala.org/ala/mgrps/divs/aasl/guidelinesandstandards/bestlist/bestwebsitestop25.cfm"><span style="text-decoration: underline;"><span style="font-weight: bold;">AASL Best Websites for Teaching and Learning</span></span></a> .</li><li>Explore the site you selected. </li><li>Create a post about your discovery. What did you like or dislike about the tool? What were the site’s useful features? Could you see any applications for its use in a library setting?</li><li>Join a <span style="font-weight: bold;"><a href="http://ning.com/">Ning</a></span> network or search for an interesting <a href="http://facebook.com/"><b>Facebook</b></a> page, like <a href="http://www.facebook.com/profile.php?id=100000792471523&ref=ts"><b>CSLA</b></a></li></ol><p>Web 2.0 – with so much to explore, just start with ONE. :)<br />We hope you're having fun with the exercises.</p><p><span style="color: rgb(153, 51, 0); font-weight: bold;">Suggested "tags" or labels:<span style="color: rgb(0, 0, 0);"> web 2.0 awards, technology trends<br /></span></span></p></div>Unknownnoreply@blogger.comtag:blogger.com,1999:blog-7065191402240184307.post-28362966398006578252007-02-19T20:08:00.000-08:002010-04-11T08:16:21.678-07:00#10 (WEEK 5) Play around with online image generatorsGenerators? No, I’m not talking about those gas powered back-up things. The generators I’m talking about are websites that allow you to easily manipulate images. See examples: <img id="BLOGGER_PHOTO_ID_5034230776516598642" style="float: right; margin: 0px 0px 10px 10px;" alt="" src="http://3.bp.blogspot.com/_W1WDLV9e818/Rd0uN_-cW3I/AAAAAAAAAGM/G-CTTKpTXjs/s200/HEART+LearningLibrary+2.0.jpg" border="0" height="156" width="152" /><br /><a href="http://3.bp.blogspot.com/_Aw5Z4kgdAFU/RYcdPc4ET9I/AAAAAAAAACA/yrSwFZfL4jo/s1600-h/beach+sj+learning+2.jpg"></a><br /><strong>For this discovery exercise, we want you to have even more fun than you're already having!</strong> Find a few fun image or text generators to play around with and write a post in your blog about one of your favorites and the display the result. Often adding the image you mocked up to your blog is as simple as copying and pasting code that the page provides. If not, you may just need to right click on the image and then save it to your hard drive before using Blogger’s image button to add it to your post. If you’re having difficulty getting your image added to a post in your blog, ask a colleague for help or your CSLA 2.0 Team.<br /><br /><strong>Discovery Exercise:</strong> <a href="http://4.bp.blogspot.com/_W1WDLV9e818/Rd0uqP-cW4I/AAAAAAAAAGU/W5nEoGW8cts/s1600-h/ticket+TOUGH+LibraryLearning+2.0.jpg"><img id="BLOGGER_PHOTO_ID_5034231261847903106" style="float: right; margin: 0px 0px 10px 10px; width: 191px; height: 160px;" alt="" src="http://4.bp.blogspot.com/_W1WDLV9e818/Rd0uqP-cW4I/AAAAAAAAAGU/W5nEoGW8cts/s200/ticket+TOUGH+LibraryLearning+2.0.jpg" border="0" height="151" width="193" /></a><br />1. Play around with some image generators and find one that you like.<br />2. Post the result of your discovery process in your blog.<br />Note: Be sure to include a link to the image generator itself, so other participants can discover it too. Take some time and have fun with this exercise. And remember to be tasteful too!<br />* Images created with <a href="http://bighugelabs.com/flickr/"><b>FD Toys</b></a>, <a href="http://www.comicstripgenerator.com/maker.asp"><b>Comic Strip Generator</b></a>, <a href="http://www.imagechef.com/"><b>Image Chef</b></a><b>.</b><br /><br /><strong>Discovery Resources:</strong><br />.The <a href="http://generatorblog.blogspot.com/"><b>Generator Blog </b></a><a href="http://www.bighugelabs.com/flickr/"><b>FD Flickr Toys</b></a><br />.Also try searching for online generators, text generators or image generators such as <a href="http://www.comicstripgenerator.com/maker.asp"><b>Comic Strip Generator</b></a>, <a href="http://www.imagechef.com/"><b>Image Chef</b></a>. For kids, <a href="http://www.readwritethink.org/files/resources/interactives/comic/"><b>ReadWriteThink comic creator</b></a> tool.<br /><br /><span style="color: rgb(204, 102, 0);"><strong>Curriculum Connections:</strong><br /></span><span style="color: rgb(204, 102, 0);"></span><span style="color: rgb(204, 102, 0);"></span><ul><li><span style="color: rgb(204, 102, 0);"><strong>Idea #1: Image generators: Show how to make an eye-catching image to use as interesting story starters.</strong> For example: using the star image on Hollywood Boulevard, a teacher or student could add the name of a character, a famous person, or any name. The students could make up a story about how that person got his/her very own star on the Hollywood walk of fame. </span></li><li><span style="color: rgb(204, 102, 0);"><strong>Idea #2: Use comic strip generator to make cartoon directions</strong> - students and fellow educators might follow THOSE directions!!</span></li><li><span style="color: rgb(204, 102, 0);"><strong>Idea #3: Generate an image for your library website, newsletter, or bulletin board</strong>.</span></li></ul><p><span style="color: rgb(153, 51, 0); font-weight: bold;">Suggested "tags" or labels:<span style="color: rgb(0, 0, 0);"> images, image generators<br /></span></span></p><p><span style="color: rgb(153, 0, 0);font-size:85%;" >[Note: Please remember to include WEEK# and THING# in your heading posts.]</span></p>Unknownnoreply@blogger.comtag:blogger.com,1999:blog-7065191402240184307.post-44707352960171724682007-02-19T20:02:00.000-08:002010-08-23T10:34:46.655-07:00#9 (WEEK 4) Locate a few useful School Library related blogs and/or news feedsNow that you have an RSS Reader (your <a href="http://www.bloglines.com/"><b>Bloglines</b></a> or <b><a href="http://www.google.com/reader">Google Reader</a></b> account), you can begin adding other feeds that interest you. There are several ways you can locate RSS feeds: <br />
<ul><li>When visiting your favorite websites -- look for RSS<a href="http://photos1.blogger.com/blogger/589/502/1600/rss.0.jpg"> <b>feed icons</b></a> that indicate the website provides it. Often a feed icon will be diplayed somewhere in the navigation of the site. </li>
<li>Use <a href="http://www.bloglines.com/search"><b>Blogline's Search tool</b></a> - Bloglines recently expanded search tool lets you search for news feeds in addition to posts, citations and the web. Use the Search for Feeds option to locate RSS feeds you might be interested in. </li>
<li>Check out the top "Edublog" <a href="http://edublogawards.com/"><b>award-winning blog</b><b>s</b></a> and wiki list of <b><a href="http://www.blogwithoutalibrary.net/links/index.php?title=School_libraries">school library blog</a></b><b><a href="http://www.blogwithoutalibrary.net/links/index.php?title=School_libraries">s</a></b>.<br />
</li>
</ul><b>Other Search tools that can help you find feeds:</b><br />
<a href="http://www.feedster.com/"><b></b></a> <a href="http://www.topix.net/"><b>Topix.net</b></a> - This search tool allows you to locate recent newsfeed items based upon keyword or phrase searching. The tool focuses specifically on news and media outlets RSS feeds for information, not weblogs<br />
<a href="http://www.syndic8.com/"><b>Syndic8.com</b></a> - Syndic8 is an open directory of RSS feeds that contains thousands of RSS feeds that users have submitted.<br />
<a href="http://www.technorati.com/"><b>Technorati</b></a> - Technorati is a popular blog finding tool that lets you search for blogs. Since RSS feeds are inherent to all blogging tools, Technorati Blog Search can help you find RSS feeds for topic specific blogs you may be interested in. <br />
<a href="http://blogsearch.google.com/"><b>Google Blog Search</b></a> - See what appears when you search "CSLA" or <span class="Apple-style-span" style="color: #333333; font-family: Arial,Helvetica,sans-serif; white-space: pre;"><span class="Apple-style-span" style="color: black; font-family: Georgia,serif; white-space: normal;"><span class="Apple-style-span" style="font-size: medium;">"school library learning 2.0"</span></span></span><br />
<a href="http://www.blogpulse.com/conversation"><b>Blog Pulse</b></a> - Tracks conversations. For example, try putting either "school library learning 2.0" or the URL<span class="Apple-style-span" style="font-size: medium;"> (</span><span class="Apple-style-span" style="color: #333333; font-family: Arial,Helvetica,sans-serif; white-space: pre;"><span class="Apple-style-span" style="font-size: medium;">http://schoollibrarylearning2.csla.net</span><span class="Apple-style-span" style="color: black; font-family: Georgia,serif; white-space: normal;"><span class="Apple-style-span" style="font-size: medium;">) to see who is talking about us recently.</span></span></span><br />
<br />
<b>Discovery Exercise</b>: <br />
<ol><li>Explore some of the search tools noted above that can help you locate some news feeds.</li>
<li>Create a blog post about your experience. Don't know what to blog about? Here some questions to think about ...Which method of finding feeds did you find easiest to use? Which Search tool was the easiest for you? Which was more confusing? What kind of unuseful feeds did you find in your travels? Or what kind of unusual ones did you find? What other tools or ways did you find to locate newsfeeds? </li>
</ol><span style="color: #993300; font-weight: bold;">Suggested "tags" or labels: RSS, news feeds<br />
</span>Unknownnoreply@blogger.comtag:blogger.com,1999:blog-7065191402240184307.post-27414001554919668182007-02-19T19:48:00.000-08:002012-01-09T20:37:04.238-08:00#8 (Week 4) Learn about RSS feeds and set up a blog reader accountMake Life “really simple” with RSS & a news reader.<br />
<br />
You’ve heard of RSS? You’ve seen those small funny tags on websites? You’ve heard<a href="http://4.bp.blogspot.com/_W1WDLV9e818/Rd0o1P-cW1I/AAAAAAAAAF0/RJEFfpd4npo/s1600-h/rss+icon.jpg"><img alt="" border="0" height="145" id="BLOGGER_PHOTO_ID_5034224853756697426" src="http://4.bp.blogspot.com/_W1WDLV9e818/Rd0o1P-cW1I/AAAAAAAAAF0/RJEFfpd4npo/s200/rss+icon.jpg" style="float: right; height: 127px; margin: 0px 0px 10px 10px; width: 125px;" width="151" /></a> co-workers and acquaintances swear by it, but still have no idea what RSS is? Well don’t worry, you’re still in the majority, but this is changing rapidly. In the information world, RSS is not only revolutionizing the way news, media and content creators share information, but it also is swiftly changing the way everyday users are consuming information.<br />
<br />
<a href="http://en.wikipedia.org/wiki/RSS_%28file_format%29" target="_blank"><b>RSS</b></a> stands for “Really Simple Syndication” and is a file format for delivering regularly updated information over the web. Just think about the websites and news information sources you visit everyday. It takes time to visit those sites and scour the ad-filled and image-heavy pages for just the text you want to read, doesn’t it? Watch this <b><a href="http://blip.tv/file/213765/">video at BlipTV</a></b>.<br />
<br />
Now imagine if you could visit all those information sources and web pages in just one place and all at the same time … without being bombarded with advertising… without having to search for new information on the page you’d already seen or read before… and without having to consume a lot of time visiting each site individually. Would that be valuable to you? Well, it’s available now through a newsreader and RSS. This week’s discovery exercises focus on learning about RSS news feeds and what free tools you can use to do this.<br />
<br />
<b>Discovery Exercise:</b><br />
1. Follow these discovery exercises to set up your own, personalized RSS feed reader. Learn about the difference between RSS feed readers, Bloglines, and Google Reader.<br />
2. Create a free "RSS aggregator" account from either <a href="http://www.bloglines.com/"><b>Bloglines</b></a> or <a href="http://www.google.com/reader"><b>Google Reader</b></a> and subscribe to at least 5 newsfeeds to your reader. <span style="font-size: 85%;">[BLOGLINES. Here are the steps for creating an account in BLOGLINES. </span><span style="font-size: 85%;">See also a short video on </span><a href="http://www.youtube.com/watch?v=pKGz-y_SGL4"><span style="font-size: 85%;">YouTube on how to add feeds</span></a><span style="font-size: 85%;"> ; GOOGLE READER. You may prefer to set up an RSS aggregator in </span><a href="http://www.google.com/reader"><span style="font-size: 85%;">Google Reader</span></a><span style="font-size: 85%;">. Tutorials include: </span><a href="http://prezi.com/a6g5cucyti_9/google-reader-tour/"><span style="font-size: 85%;">Google Reader Tour</span></a><span style="font-size: 85%;">, video tutorial</span><a href="http://www.capturetheconversation.com/internet-marketing-training/google-reader"><span style="font-size: 85%;">#1</span></a><span style="font-size: 85%;"> or </span><a href="http://www.andywibbels.com/flash/google_reader.htm"><span style="font-size: 85%;">#2</span></a><span style="font-size: 85%;">.]</span><a href="http://www.youtube.com/watch?v=pKGz-y_SGL4"><br /></a>3. Create a post in your blog about this exercise. Don’t know what to blog about? Think about these questions: What do you like about RSS and newsreaders? How do you think you might be able to use this technology in your school or personal life? How can libraries use RSS or take advantage of this new technology? Optional: If you're up to the challenge, you can provide the URL address to your public bloglines account (find where to find this below)<br />
<b></b><br />
<b>Newsfeeds to add to your reader:</b><br />
(pick at least one)<br />
<br />
<br />
<br />
<li>Reader’s Club <b><a href="http://www.readersclub.org/rss.asp">new review feeds</a></b></li>
<br />
<br />
<br />
<br />
<li><b> <a href="http://2cooltools.blogspot.com/">2CoolTools</a> (Jackie Siminitus' blog)</b></li>
<br />
<br />
<br />
<br />
<li><b><a href="http://tomlmt2.blogspot.com/">My Continuing Education</a> (Tom Kaun's)</b></li>
<br />
<br />
<br />
<br />
<li><a href="http://www.unshelved.com/"><b>Unshelved</b></a> - Library cartoon feed</li>
<br />
<br />
<br />
<br />
<li><a href="http://mabryonline.org/"><b>Maybry Middle Schoo</b>l</a>, Georgia - example RSS feed</li>
<br />
<br />
<br />
<br />
<li><a href="http://www.westwoodschools.org/"><b>Westwood School</b></a>, Georgia - example RSS Calendar Feed</li>
<br />
<br />
<ul></ul>
<b>Discovery Resources:</b><br />
<ul>
<li><span class="Apple-style-span" style="font-weight: bold;"><a href="http://teacherlibrarian.ning.com/video/video/show?id=672799:Video:13511">What is RSS</a>? Video by Common Craft.</span></li>
<li><b><a href="http://www.problogger.net/archives/2007/02/06/how-to-make-your-rss-feeds-pop/">How to Make your RSS Feeds Pop</a>! Check your local newspaper and discover if they have an RSS feed you can subscribe to.</b></li>
<li><b>Additional Bloglines news feed <a href="http://photos1.blogger.com/blogger/589/502/1600/additionalinfo.1.jpg">subcription information</a> · Your co-workers or members of the Virtual Services Task Group - tap into their knowledge and experience with RSS feeds and readers. </b></li>
</ul>
<b>How to find your public Bloglines URL:</b><br />
<a href="http://2.bp.blogspot.com/_W1WDLV9e818/Rd0rBv-cW2I/AAAAAAAAAGA/OsZaBn433kk/s1600-h/bloglinesshare.jpg"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5034227267528317794" src="http://2.bp.blogspot.com/_W1WDLV9e818/Rd0rBv-cW2I/AAAAAAAAAGA/OsZaBn433kk/s200/bloglinesshare.jpg" style="float: right; margin: 0px 0px 10px 10px;" /></a><br />
<br />
<br />
<br />
1. Click on the Share tab within your Bloglines account:<br />
2. Scroll down the right screen pane and locate the public URL.<br />
Why have a public account? To share blog rolls with others, of course. <i>This is how we keep track of School Library Learning 2.0 participants -- see list on right sidebar. ----></i><br />
<span style="color: #993300; font-weight: bold;">Suggested "tags" or labels:<span style="color: black;"> RSS, news feeds</span></span>Unknownnoreply@blogger.comtag:blogger.com,1999:blog-7065191402240184307.post-26308032456190796242007-02-19T19:39:00.000-08:002010-04-11T08:11:28.933-07:00#7 (WEEK 3) Create a blog post about anything technology-related that interests you this weekSimply blog about anything technology related. Yes, it can be <i>anything</i> that relates to technology! You just need to share a few thoughts. For example:<br /><blockquote><i>"I like digital cameras because it's much easier to share photos with family and friends now that I have a Flickr account". </i></blockquote><blockquote><i>"Skype lets me talk with friends through computers". </i></blockquote><blockquote><i>"Technology advancements for music and medical equipment are amazing! Video Games, iTunes, iPods, iPADs, FLIP video, GPS navigational systems, Flatscreen televisions, etc."</i></blockquote><span style="color: rgb(204, 102, 0);"><strong>Curriculum Connections:</strong></span><br /><ul><li><span style="color: rgb(204, 102, 0);"><strong>Idea #1:</strong> Never miss an opportunity to share and discuss issues related to technology such as Internet safety & ethics, censorship, plagiarism, copyright, and library collection development.</span></li><li><span class="Apple-style-span" style="color: rgb(204, 102, 0);"><b>Idea #2: </b>Ask students what technology device (cell phone, video game system) or app (application) is their favorite and why. Learn from our kids! </span></li></ul><p>PS: Add at least one comment to another participant's blog. That's what online communities are all about - connecting and communication. CHEER and otherwise encourage your CSLA colleagues :)<br /></p><p><span style="color: rgb(153, 51, 0); font-weight: bold;">Suggested "tags" or labels:<span style="color: rgb(0, 0, 0);"> technology trends<br /></span></span></p>Unknownnoreply@blogger.comtag:blogger.com,1999:blog-7065191402240184307.post-28475191995645946552007-02-19T19:29:00.000-08:002010-04-11T08:10:14.921-07:00#6 (WEEK 3) Flickr fun, mashups, and 3rd party sitesLike many web 2.0 sites, <a href="http://www.flickr.com/services/" target="_blank"><b>Flickr has encouraged other people to build their own online applications</b></a> using images found on the site. Through the use of APIs (application programming interfaces), many people have created third party tools and <a href="http://en.wikipedia.org/wiki/Mashup_%28web_application_hybrid%29" target="_blank"><b>mashups</b></a>* that use Flickr images. Here is just a sampling of a few …<br /><br />· <a href="http://www.mappr.com/" target="_blank"><b>Mappr</b></a> - takes Flickr images and allows you to paste them on a map<br />· <a href="http://www.krazydad.com/colrpickr/" target="_blank"><b>Flickr Color Pickr</b></a> - lets you find public photos in Flickr that match a specific color.<br />· <a href="http://www.deviousgelatin.com/montager/image.php" target="_blank"><b>Montagr</b></a> – create a photo mosaics from photos found on Flickr.<br />Discover more <a href="http://www.flickr.com/services/" target="_blank"><b>mashups</b></a>, <a href="http://www.flickrbits.com/#webapps" target="_blank"><b>web apps</b></a>, and <a href="http://www.quickonlinetips.com/archives/2005/03/great-flickr-tools-collection/"><b>Flickr tools</b></a>.<br /><br /><strong>Discovery Exercise:</strong><br />Your discovery exercise for this “thing” is to: Explore some of the fun Flickr mashups and 3rd party tools that are out there. Create a blog post about one that intrigues you. You might want to check out <a href="http://flagrantdisregard.com/flickr/" target="_blank"><b>FD Toys</b></a>’ <a href="http://flagrantdisregard.com/flickr/deck.php" target="_blank"><b>Trading Card Maker</b></a>. There’s a ton of librarians out there that have created their own <a href="http://www.flickr.com/photos/tags/librariantradingcard/clusters/" target="_blank"><b>Librarian Trading Card</b></a>. So have fun discovering and exploring some neat little apps. If you are up to the challenge while you’re at it, create a <a href="http://flagrantdisregard.com/flickr/deck.php"><b>trading card</b></a> of your own. :) or a movie poster or magazine cover from this <a href="http://bighugelabs.com/flickr/"><b>Flickr site</b>.</a>* Mashup Note: <a href="http://en.wikipedia.org/wiki/Mashup_%28web_application_hybrid%29"><b>Wikipedi</b><b>a</b></a> offers some great articles that explain mashups. Basically they are hybrid web applications that take features from one application (like Flickr) and mash it up with another (like a map) In this example, you get <a href="http://mappr.com/"><b>Mappr</b></a> (<a href="http://mappr.com/"><b>http://mappr.com</b></a>)<br /><br /><p><strong><span style="color: rgb(204, 102, 0);">Curriculum Connections: </span></strong></p><ul><li><span style="color: rgb(204, 102, 0);"><strong>Idea #1: Use Flickr toys to make a magazine cover. </strong>Many classes make their own magazine. This would be perfect! Example for covers: "Crusade Times," "Heading West," or "Genetics Today." Students could create a magazine cover and headlines for a famous person, historical event, or story character. <i>Your students could also add a subtitle that refers to the </i><a href="http://www.cde.ca.gov/be/st/ss/index.asp"><b><i>curriculum content standard</i></b></a><i> or </i><a href="http://www.cde.ca.gov/ci/cr/lb/"><b><i>Model School Library Content Standard</i></b></a><i> addressed by the project so your students could "send a message" to parents and administrators.</i></span></li><li><span style="color: rgb(204, 102, 0);"><strong>Idea #2: Create trading card sets.</strong> Liven up 5th grade mission projects, annual "animal" or "state" reports, and other topics that are ripe for change. Each student could create a card or student groups could design their own trading card pack. Trading the cards can be a fun game, but they can also be useful</span><span style="color: rgb(204, 102, 0);"> for recommended reading, books, illustrators, authors, and historical bios/dates. How would you use them? How about using them as </span><span style="color: rgb(204, 102, 0);">Flash cards for vocabulary, periodical table, foreign language or ELL. <i>[Consider engaging your parent-teacher organization or SITE Council in a project like this, as it is a fun way to increase student academic achievement.]</i></span></li></ul><span style="color: rgb(153, 51, 0); font-weight: bold;">Suggested "tags" or labels:<span style="color: rgb(0, 0, 0);"> Flickr, images, trading cards<br /></span></span>Unknownnoreply@blogger.comtag:blogger.com,1999:blog-7065191402240184307.post-30562899909785190632007-02-19T19:20:00.000-08:002012-01-09T20:05:56.304-08:00#5 (WEEK 3) Explore Flickr and learn about this popular image hosting sitePhoto sharing websites have been around since the 90s, but it took a small startup site called <a href="http://www.flickr.com/"><b>Flickr</b></a> (now owned by Yahoo) to catapult the idea of “sharing” into a full blown online community. Flickr uses "tags" or what we would call keywords to help identify and search for photos.<br />
<br />
For this discovery exercise, you are asked to take a good look at Flickr and discover what this site has to offer. Find out how <a href="http://www.flickr.com/help/tags/#37"><b>tags</b></a> work, what <a href="http://www.flickr.com/help/groups"><b>groups</b></a> are, and all the neat things that people and other <a href="http://www.flickr.com/search/groups/?q=libraries"><b>libraries</b></a> are creating thanks to Flickr.<br />
<br />
<strong>Discovery Exercise:</strong><br />
In this discovery exercise, you have two options…<br />
a. Take a good look around Flickr and discover an interesting image that you want to blog about. Be sure to include either a link to the image or if you create a Flickr account, you can use <a href="http://www.flickr.com/help/blogging/"><b>Flickr's blogging tool</b></a> to add the image in your post. <br />
<div>
<br />
--OR--</div>
<div>
<br />
b. If you are up to an easy challenge ... create a Free account in <a href="http://www.flickr.com/"><b>Flickr</b></a> and use your location's digital camera to capture a few pictures of something in your school library. Upload these to your Flickr account and tag at least one of the images “<a href="http://www.flickr.com/photos/60818559@N00/" target="_blank"><b>School Library Learning 2.0</b></a>” and mark it "public". Then create a post in your blog about your photo and experience. Be sure to include the image in your post. Once you have a Flickr account, you have two options for doing this; through <a href="http://www.flickr.com/help/blogging/"><b>Flickr's blogging tool</b></a> or using <a href="http://support.google.com/blogger/bin/answer.py?hl=en&answer=41641">Blogger's <b>photo upload feature</b></a><span id="goog_1620338341"></span><span id="goog_1620338342"></span><a href="http://www.blogger.com/"></a>. So go ahead, explore the site and have some Flickr photo fun and if you're interested in looking at other photo hosting sites, check out <a href="http://picasaweb.google.com/"><b>Picasa Web Albums</b> </a>from Google, Apple's <a href="http://www.apple.com/ilife/iphoto/"><b>iPhoto</b></a>, <a href="http://www.shutterfly.com/"><b>Shutterfly</b></a>, and <a href="http://www.smugmug.com/"><b>Smugmug</b></a>. You may already have a favorite photo sharing service.<br />
PS: A quick word about photo posting etiquette - When posting identifiable photos of other people (especially minors) get the person's permission before posting their photo in a publicly accessible place like Flickr. Never upload pictures that weren't taken by you unless you have the photographer's consent and always give credit when you include photos taken by someone else in your blog.<br />
<br />
<strong>Discovery Resources:</strong><br />
· <a href="http://www.flickr.com/learn_more.gne"><b>Flickr Learn More tou</b>r</a> (6 steps)<br />
· <a href="http://www.indezine.com/mediamazine/2006/05/flickr-tutorials-series.html"><b>Mediamazine Flickr Tutorials</b></a><br />
· Flickr: <a href="http://www.flickr.com/photos/tags/"><b>Popular tags</b></a> <a href="http://www.flickr.com/explore/interesting/7days/"><b>Interesting- Last 7 days</b></a><br />
· <a href="http://www.flickr.com/services/"><b>Flickr Services</b></a> (3rd party applications & mashups).<br />
· <a href="http://www.flickr.com/groups/365libs/"><b>365 Days of Library Picture</b>s</a> in Flickr.<br />
<br />
<span style="color: #993300; font-weight: bold;">Suggested "tags" or labels:<span style="color: black;"> Flickr, images</span></span><br />
<span style="color: #660000; font-size: 85%;">[Note: Please remember to include WEEK# and THING# in your heading posts.]</span> </div>Unknownnoreply@blogger.comtag:blogger.com,1999:blog-7065191402240184307.post-67872753138206796792007-02-19T19:07:00.000-08:002012-01-09T19:52:21.201-08:00#4 (WEEK 2) Register your blog with ... School Library Learning 2.0If you’ve made it this far, you already have three items or “things” completed of the ’23 Things.’ <strong>We hope you are enjoying the adventure so far and having fun. Remember to share with colleagues knowledge or experience that may help them out if they get stuck or vice versa!</strong><br />
<br />
Now it is time to register your blog with the CSLA 2.0 Team and record your progress on each of the ‘23 things’ on your blog. Reminder: Clearly identify each WEEK and each exercise (THING) in your entries. <strong>So, here’s Thing #4 – <span style="color: #cc0000; font-size: large;">Register your blog below</span>.</strong><br />
<br />
Remember … your blog address is in the format <a href="http://insertname.blogspot.com/">http://insertname.blogspot.com/</a><br />
<iframe frameborder="0" height="759" marginheight="0" marginwidth="0" src="https://docs.google.com/spreadsheet/embeddedform?formkey=dFBPRzlNZjRhbVl5YnRmTmxiSGo3MFE6MQ" width="760">&amp;lt;p&amp;gt;&amp;amp;amp;amp;amp;lt;p&amp;amp;amp;amp;amp;gt;Loading...&amp;amp;amp;amp;amp;lt;/p&amp;amp;amp;amp;amp;gt;&amp;lt;/p&amp;gt;</iframe>
It’s really that easy and just think, now there’s only 19 more things to go. :)<br />
<br />
<span style="color: #993300;"><strong>Curriculum Connections</strong></span><br />
<ol>
<li><span style="color: #993300;"><strong>Idea #1: A blog is an excellent forum for discussion of issues.</strong> Create one for the next school, local, state, or national election and discuss the issues of the day.</span></li>
<li><span style="color: #993300;"><strong>Idea #2: A book discussion blog is a library favorite.</strong> Start one today and then branch out into other topics such as pro/con topics of interest, student opinion surveys, or campus activity discussions. </span></li>
</ol>Unknownnoreply@blogger.com