[gnomeweb-wml] [projects.gnome.org/yelp] Adding stubs for yelp page



commit a47414ba42b6f72674cdcc8403dcf5f977bd090b
Author: Shaun McCance <shaunm gnome org>
Date:   Fri Dec 10 12:01:31 2010 -0500

    [projects.gnome.org/yelp] Adding stubs for yelp page

 configure.in                                       |    1 +
 projects.gnome.org/Makefile.am                     |    3 +-
 projects.gnome.org/yelp/Makefile.am                |   49 +
 .../yelp/data/images/gnome-favicon.png             |  Bin 0 -> 650 bytes
 .../yelp/data/images/yelp-favicon.png              |  Bin 0 -> 1058 bytes
 .../yelp/data/shadowbox/css/shadowbox-light.css    |  215 ++
 .../yelp/data/shadowbox/css/shadowbox.css          |  215 ++
 .../yelp/data/shadowbox/images/loading-light.gif   |  Bin 0 -> 3208 bytes
 .../yelp/data/shadowbox/images/loading.gif         |  Bin 0 -> 3208 bytes
 .../yelp/data/shadowbox/js/shadowbox-yui.js        |  181 ++
 .../yelp/data/shadowbox/js/shadowbox.js            | 2537 ++++++++++++++++++++
 .../yelp/data/shadowbox/js/yui-utilities.js        |   15 +
 .../yelp/data/themes/yelp/document.all.css         |   44 +
 .../yelp/data/themes/yelp/document.screen.css      |  262 ++
 .../yelp/data/themes/yelp/images/gnome.png         |  Bin 0 -> 4385 bytes
 .../yelp/data/themes/yelp/images/title.png         |  Bin 0 -> 7940 bytes
 .../yelp/data/themes/yelp/images/title.xcf         |  Bin 0 -> 45637 bytes
 .../yelp/data/themes/yelp/images/top-bg.png        |  Bin 0 -> 635 bytes
 .../yelp/data/themes/yelp/images/top-bg.xcf        |  Bin 0 -> 1973 bytes
 projects.gnome.org/yelp/download.shtml             |   12 +
 projects.gnome.org/yelp/footer.shtml               |   15 +
 projects.gnome.org/yelp/header.shtml               |   44 +
 projects.gnome.org/yelp/index.shtml                |   25 +
 23 files changed, 3617 insertions(+), 1 deletions(-)
---
diff --git a/configure.in b/configure.in
index c7d39be..b182f43 100644
--- a/configure.in
+++ b/configure.in
@@ -344,6 +344,7 @@ projects.gnome.org/nautilus-python/documentation/html/Makefile
 projects.gnome.org/nautilus-python/images/Makefile
 projects.gnome.org/nautilus-sound-converter/Makefile
 projects.gnome.org/nautilus-sound-converter/images/Makefile
+projects.gnome.org/yelp/Makefile
 people.gnome.org/Makefile
 ])
 
diff --git a/projects.gnome.org/Makefile.am b/projects.gnome.org/Makefile.am
index 687aee7..85036dc 100644
--- a/projects.gnome.org/Makefile.am
+++ b/projects.gnome.org/Makefile.am
@@ -75,7 +75,8 @@ SUBDIRS = css \
 	postr \
 	gnome-blog      \
         nautilus-python \
-        nautilus-sound-converter
+        nautilus-sound-converter	\
+	yelp
 
 urlpath = 
 
diff --git a/projects.gnome.org/yelp/Makefile.am b/projects.gnome.org/yelp/Makefile.am
new file mode 100644
index 0000000..127f690
--- /dev/null
+++ b/projects.gnome.org/yelp/Makefile.am
@@ -0,0 +1,49 @@
+#SUBDIRS=doc data
+
+urlpath = /yelp/
+
+page_SCRIPTS= \
+	index.shtml \
+	download.shtml \
+	header.shtml \
+	footer.shtml \
+	$(NULL)
+
+themedir=$(pagedir)/data/themes/yelp
+theme_DATA = \
+	data/themes/cheese/document.all.css \
+	data/themes/cheese/document.screen.css \
+	$(NULL)
+
+themeimgdir = $(themedir)/images
+themeimg_DATA = \
+	data/themes/cheese/images/title.png \
+	data/themes/cheese/images/gnome.png \
+	data/themes/cheese/images/top-bg.png \
+	$(NULL)
+
+imagesdir = $(pagedir)/data/images
+images_DATA =\
+	data/images/yelp-favicon.png \
+	$(NULL)
+
+shadowboximagesdir = $(pagedir)/data/shadowbox/images
+shadowboximages_DATA =\
+	data/shadowbox/images/loading.gif \
+	data/shadowbox/images/loading-light.gif \
+	$(NULL)
+
+shadowboxcssdir = $(pagedir)/data/shadowbox/css
+shadowboxcss_DATA =\
+	data/shadowbox/css/shadowbox.css \
+	data/shadowbox/css/shadowbox-light.css \
+	$(NULL)
+
+shadowboxjsdir = $(pagedir)/data/shadowbox/js
+shadowboxjs_DATA =\
+	data/shadowbox/js/shadowbox.js \
+	data/shadowbox/js/yui-utilities.js \
+	data/shadowbox/js/shadowbox-yui.js \
+	$(NULL)
+
+include $(top_srcdir)/rules.common
diff --git a/projects.gnome.org/yelp/data/images/gnome-favicon.png b/projects.gnome.org/yelp/data/images/gnome-favicon.png
new file mode 100644
index 0000000..95c4ff6
Binary files /dev/null and b/projects.gnome.org/yelp/data/images/gnome-favicon.png differ
diff --git a/projects.gnome.org/yelp/data/images/yelp-favicon.png b/projects.gnome.org/yelp/data/images/yelp-favicon.png
new file mode 100644
index 0000000..0a986b1
Binary files /dev/null and b/projects.gnome.org/yelp/data/images/yelp-favicon.png differ
diff --git a/projects.gnome.org/yelp/data/shadowbox/css/shadowbox-light.css b/projects.gnome.org/yelp/data/shadowbox/css/shadowbox-light.css
new file mode 100644
index 0000000..7617bbc
--- /dev/null
+++ b/projects.gnome.org/yelp/data/shadowbox/css/shadowbox-light.css
@@ -0,0 +1,215 @@
+/**
+ * The CSS for Shadowbox.
+ *
+ * This file is part of Shadowbox.
+ *
+ * Shadowbox is free software: you can redistribute it and/or modify it under
+ * the terms of the GNU Lesser General Public License as published by the Free
+ * Software Foundation, either version 3 of the License, or (at your option)
+ * any later version.
+ *
+ * Shadowbox is distributed in the hope that it will be useful, but WITHOUT ANY
+ * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS
+ * FOR A PARTICULAR PURPOSE.  See the GNU Lesser General Public License for
+ * more details.
+ *
+ * You should have received a copy of the GNU Lesser General Public License
+ * along with Shadowbox.  If not, see <http://www.gnu.org/licenses/>.
+ *
+ * @author      Michael J. I. Jackson <mjijackson gmail com>
+ * @copyright   2007 Michael J. I. Jackson
+ * @license     http://www.gnu.org/licenses/lgpl-3.0.txt GNU LGPL 3.0
+ * @version     SVN: $Id: shadowbox.js 150 2007-12-04 18:42:03Z michael $
+ */
+
+/*_________________________________________________________________  Overlay  */
+#shadowbox_overlay {
+  visibility: hidden;
+  position: absolute;
+  display: block;
+  margin: 0;
+  padding: 0;
+  top: 0;
+  left: 0;
+  z-index: 998;
+}
+
+/*_______________________________________________________________  Container  */
+#shadowbox_container {
+  position: fixed;
+  height: 0px;
+  width: 100%;
+  margin: 0;
+  padding: 0;
+  top: 0;
+  left: 0;
+  z-index: 999;
+  text-align: center; /* centers in quirks and IE */
+}
+
+/*_______________________________________________________________  Shadowbox  */
+#shadowbox {
+  display: none;
+  visibility: hidden;
+  margin: 0 auto;
+  position: relative;
+  font-family: 'Lucida Grande', Tahoma, sans-serif;
+  text-align: left; /* reset left alignment */
+  /*color: #888;*/
+}
+
+/*___________________________________________________________________  Title  */
+/*
+HTML snapshot:
+<div id="shadowbox_title">
+  <div id="shadowbox_title_inner">Title Here</div>
+</div>
+*/
+#shadowbox_title {
+  height: 30px;
+  padding: 0;
+  overflow: hidden;
+}
+#shadowbox_title_inner {
+  height: 16px;
+  font-size: 16px;
+  line-height: 16px;
+  white-space: nowrap;
+  padding: 10px 0 4px 10px;
+  background-color: #fff;
+  text-transform: lowercase;
+}
+
+/*____________________________________________________________________  Body  */
+/*
+HTML snapsnot:
+<div id="shadowbox_body">
+  <div id="shadowbox_body_inner">
+    <img src="my_image.jpg" id="shadowbox_content" height="350" width="580">
+  </div>
+  <div id="shadowbox_loading">
+    <div id="shadowbox_loading_img"></div>
+    <span><a href="javascript:Shadowbox.close();">Cancel</a></span>
+  </div>
+</div>
+*/
+#shadowbox_body {
+  position: relative;
+  overflow: hidden;
+  margin: 0;
+  padding: 0;
+  border: 10px solid #fff;
+  background-color: #eee;
+}
+#shadowbox_body_inner {
+  position: relative;
+  overflow: hidden;
+}
+#shadowbox_loading {
+  position: absolute;
+  top: 0;
+  left: 0;
+  height: 10000px; /* overflow:hidden will clip this */
+  width: 100%;
+  background-color: #ccc;
+}
+#shadowbox_loading img {
+  float: left;
+  margin: 10px 10px 0 10px;
+}
+#shadowbox_loading span {
+  float: left;
+  margin-top: 16px;
+  font-size: 10px;
+  text-transform: lowercase;
+}
+#shadowbox_loading span a,
+#shadowbox_loading span a:link,
+#shadowbox_loading span a:visited {
+  color: #fff;
+}
+#shadowbox_content.html { /* make html content scrollable */
+  height: 100%;
+  width: 100%;
+  overflow: auto;
+}
+
+/*_________________________________________________________________  Toolbar  */
+/*
+HTML snapshot:
+<div id="shadowbox_toolbar">
+  <div id="shadowbox_toolbar_inner">
+    <div id="shadowbox_nav_close">
+      <a href="javascript:Shadowbox.close();"><span class="shortcut">C</span>lose</a>
+    </div>
+    <div id="shadowbox_nav_next">
+      <a href="javascript:Shadowbox.next();"><span class="shortcut">N</span>ext</a>
+    </div>
+    <div id="shadowbox_nav_previous">
+      <a href="javascript:Shadowbox.previous();"><span class="shortcut">P</span>revious</a>
+    </div>
+    <div id="shadowbox_counter">
+      <a href="javascript:Shadowbox.change(0);">1</a>
+      <a href="javascript:Shadowbox.change(1);" class="shadowbox_counter_current">2</a>
+      <a href="javascript:Shadowbox.change(2);">3</a>
+    </div>
+  </div>
+</div>
+*/
+#shadowbox_toolbar {
+  margin: 0;
+  padding: 0;
+  height: 26px;
+  overflow: hidden;
+}
+#shadowbox_toolbar_inner {
+  height: 26px;
+  background-color: #fff;
+}
+#shadowbox_toolbar_inner div {
+  padding-top: 6px;
+  font-size: 10px;
+  height: 10px;
+  line-height: 10px;
+}
+#shadowbox_toolbar_inner div span.shortcut {
+  text-decoration: underline;
+  font-weight: bold;
+  text-transform: lowercase;
+}
+#shadowbox_toolbar_inner div a {
+  text-decoration: none;
+  color: #000;
+}
+#shadowbox_nav_close,
+#shadowbox_nav_previous,
+#shadowbox_nav_next {
+  float: right;
+  padding-right: 10px;
+}
+#shadowbox_counter {
+  float: left;
+  padding-left: 10px;
+}
+#shadowbox_counter a {
+  padding: 0 4px 0 0;
+}
+#shadowbox_counter a.shadowbox_counter_current {
+  text-decoration: underline;
+  font-weight: bold;
+}
+
+/*________________________________________________________________  Messages  */
+div.shadowbox_message {
+  text-align: center;
+  padding: 10px;
+}
+div.shadowbox_message a:link,
+div.shadowbox_message a:visited {
+  text-decoration: none;
+  color: #bed333;
+}
+div.shadowbox_message a:hover,
+div.shadowbox_message a:focus {
+  text-decoration: underline;
+}
diff --git a/projects.gnome.org/yelp/data/shadowbox/css/shadowbox.css b/projects.gnome.org/yelp/data/shadowbox/css/shadowbox.css
new file mode 100644
index 0000000..4353717
--- /dev/null
+++ b/projects.gnome.org/yelp/data/shadowbox/css/shadowbox.css
@@ -0,0 +1,215 @@
+/**
+ * The CSS for Shadowbox.
+ *
+ * This file is part of Shadowbox.
+ *
+ * Shadowbox is free software: you can redistribute it and/or modify it under
+ * the terms of the GNU Lesser General Public License as published by the Free
+ * Software Foundation, either version 3 of the License, or (at your option)
+ * any later version.
+ *
+ * Shadowbox is distributed in the hope that it will be useful, but WITHOUT ANY
+ * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS
+ * FOR A PARTICULAR PURPOSE.  See the GNU Lesser General Public License for
+ * more details.
+ *
+ * You should have received a copy of the GNU Lesser General Public License
+ * along with Shadowbox.  If not, see <http://www.gnu.org/licenses/>.
+ *
+ * @author      Michael J. I. Jackson <mjijackson gmail com>
+ * @copyright   2007 Michael J. I. Jackson
+ * @license     http://www.gnu.org/licenses/lgpl-3.0.txt GNU LGPL 3.0
+ * @version     SVN: $Id: shadowbox.js 150 2007-12-04 18:42:03Z michael $
+ */
+
+/*_________________________________________________________________  Overlay  */
+#shadowbox_overlay {
+  visibility: hidden;
+  position: absolute;
+  display: block;
+  margin: 0;
+  padding: 0;
+  top: 0;
+  left: 0;
+  z-index: 998;
+}
+
+/*_______________________________________________________________  Container  */
+#shadowbox_container {
+  position: fixed;
+  height: 0px;
+  width: 100%;
+  margin: 0;
+  padding: 0;
+  top: 0;
+  left: 0;
+  z-index: 999;
+  text-align: center; /* centers in quirks and IE */
+}
+
+/*_______________________________________________________________  Shadowbox  */
+#shadowbox {
+  display: none;
+  visibility: hidden;
+  margin: 0 auto;
+  position: relative;
+  font-family: 'Lucida Grande', Tahoma, sans-serif;
+  text-align: left; /* reset left alignment */
+}
+
+/*___________________________________________________________________  Title  */
+/*
+HTML snapshot:
+<div id="shadowbox_title">
+  <div id="shadowbox_title_inner">Title Here</div>
+</div>
+*/
+#shadowbox_title {
+  height: 25px;
+  padding: 0;
+  overflow: hidden;
+}
+#shadowbox_title_inner {
+  height: 16px;
+  font-size: 16px;
+  line-height: 16px;
+  white-space: nowrap;
+  padding: 5px 0 4px 8px;
+  color: #fff;
+}
+
+/*____________________________________________________________________  Body  */
+/*
+HTML snapsnot:
+<div id="shadowbox_body">
+  <div id="shadowbox_body_inner">
+    <img src="my_image.jpg" id="shadowbox_content" height="350" width="580">
+  </div>
+  <div id="shadowbox_loading">
+    <img src="images/loading.gif" alt="loading"></div>
+    <span><a href="javascript:Shadowbox.close();">Cancel</a></span>
+  </div>
+</div>
+*/
+#shadowbox_body {
+  position: relative;
+  overflow: hidden;
+  margin: 0;
+  padding: 0;
+  border: 2px solid #fff;
+  background-color: #000;
+}
+#shadowbox_body_inner {
+  position: relative;
+  overflow: hidden;
+}
+#shadowbox_loading {
+  position: absolute;
+  top: 0;
+  left: 0;
+  height: 10000px; /* overflow:hidden will clip this */
+  width: 100%;
+  background-color: #222;
+}
+#shadowbox_loading img {
+  float: left;
+  margin: 10px 10px 0 10px;
+}
+#shadowbox_loading span {
+  float: left;
+  margin-top: 16px;
+  font-size: 10px;
+  text-transform: lowercase;
+}
+#shadowbox_loading span a,
+#shadowbox_loading span a:link,
+#shadowbox_loading span a:visited {
+  color: #fff;
+}
+
+#shadowbox_content.html { /* make html content scrollable */
+  height: 100%;
+  width: 100%;
+  overflow: auto;
+}
+
+/*_________________________________________________________________  Toolbar  */
+/*
+HTML snapshot:
+<div id="shadowbox_toolbar">
+  <div id="shadowbox_toolbar_inner">
+    <div id="shadowbox_nav_close">
+      <a href="javascript:Shadowbox.close();"><span class="shortcut">C</span>lose</a>
+    </div>
+    <div id="shadowbox_nav_next">
+      <a href="javascript:Shadowbox.next();"><span class="shortcut">N</span>ext</a>
+    </div>
+    <div id="shadowbox_nav_previous">
+      <a href="javascript:Shadowbox.previous();"><span class="shortcut">P</span>revious</a>
+    </div>
+    <div id="shadowbox_counter">
+      <a href="javascript:Shadowbox.change(0);">1</a>
+      <a href="javascript:Shadowbox.change(1);" class="shadowbox_counter_current">2</a>
+      <a href="javascript:Shadowbox.change(2);">3</a>
+    </div>
+  </div>
+</div>
+*/
+#shadowbox_toolbar {
+  margin: 0;
+  padding: 0;
+  height: 20px;
+  overflow: hidden;
+}
+#shadowbox_toolbar_inner {
+  height: 20px;
+  color: #fff;
+}
+#shadowbox_toolbar_inner div {
+  padding-top: 4px;
+  padding-bottom: 2px;
+  font-size: 10px;
+  height: 10px;
+  line-height: 10px;
+}
+#shadowbox_toolbar_inner div span.shortcut {
+  text-decoration: underline;
+  font-weight: bold;
+  text-transform: lowercase;
+}
+#shadowbox_toolbar_inner div a {
+  text-decoration: none;
+  color: #fff;
+}
+#shadowbox_nav_close,
+#shadowbox_nav_previous,
+#shadowbox_nav_next {
+  float: right;
+  padding-right: 10px;
+}
+#shadowbox_counter {
+  float: left;
+  padding-left: 10px;
+}
+#shadowbox_counter a {
+  padding: 0 4px 0 0;
+}
+#shadowbox_counter a.shadowbox_counter_current {
+  text-decoration: underline;
+  font-weight: bold;
+}
+
+/*________________________________________________________________  Messages  */
+div.shadowbox_message {
+  text-align: center;
+  padding: 10px;
+}
+div.shadowbox_message a:link,
+div.shadowbox_message a:visited {
+  text-decoration: none;
+  color: #bed333;
+}
+div.shadowbox_message a:hover,
+div.shadowbox_message a:focus {
+  text-decoration: underline;
+}
diff --git a/projects.gnome.org/yelp/data/shadowbox/images/loading-light.gif b/projects.gnome.org/yelp/data/shadowbox/images/loading-light.gif
new file mode 100644
index 0000000..71ee72d
Binary files /dev/null and b/projects.gnome.org/yelp/data/shadowbox/images/loading-light.gif differ
diff --git a/projects.gnome.org/yelp/data/shadowbox/images/loading.gif b/projects.gnome.org/yelp/data/shadowbox/images/loading.gif
new file mode 100644
index 0000000..fcd3bf0
Binary files /dev/null and b/projects.gnome.org/yelp/data/shadowbox/images/loading.gif differ
diff --git a/projects.gnome.org/yelp/data/shadowbox/js/shadowbox-yui.js b/projects.gnome.org/yelp/data/shadowbox/js/shadowbox-yui.js
new file mode 100644
index 0000000..fc5e808
--- /dev/null
+++ b/projects.gnome.org/yelp/data/shadowbox/js/shadowbox-yui.js
@@ -0,0 +1,181 @@
+/**
+ * An adapter for the Shadowbox media viewer and the Yahoo! User Interface (YUI)
+ * JavaScript library.
+ *
+ * This file is part of Shadowbox.
+ *
+ * Shadowbox is free software: you can redistribute it and/or modify it under
+ * the terms of the GNU Lesser General Public License as published by the Free
+ * Software Foundation, either version 3 of the License, or (at your option)
+ * any later version.
+ *
+ * Shadowbox is distributed in the hope that it will be useful, but WITHOUT ANY
+ * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS
+ * FOR A PARTICULAR PURPOSE.  See the GNU Lesser General Public License for
+ * more details.
+ *
+ * You should have received a copy of the GNU Lesser General Public License
+ * along with Shadowbox.  If not, see <http://www.gnu.org/licenses/>.
+ *
+ * @author      Michael J. I. Jackson <mjijackson gmail com>
+ * @copyright   2007 Michael J. I. Jackson
+ * @license     http://www.gnu.org/licenses/lgpl-3.0.txt GNU LGPL 3.0
+ * @version     SVN: $Id: shadowbox-yui.js 48 2008-01-26 09:58:25Z mjijackson $
+ */
+
+if(typeof YAHOO == 'undefined'){
+    throw 'Unable to load Shadowbox, core YUI utilities (yahoo, dom, event, anim) not found.';
+}
+
+// create the Shadowbox object first
+var Shadowbox = {};
+
+Shadowbox.lib = function(){
+
+    var E = YAHOO.util.Event;
+    var D = YAHOO.util.Dom;
+
+    return {
+
+        /**
+         * Gets the value of the style on the given element.
+         *
+         * @param   {HTMLElement}   el      The DOM element
+         * @param   {String}        style   The name of the style (e.g. margin-top)
+         * @return  {mixed}                 The value of the given style
+         * @public
+         */
+        getStyle: function(el, style){
+            return D.getStyle(el, style);
+        },
+
+        /**
+         * Sets the style on the given element to the given value. May be an
+         * object to specify multiple values.
+         *
+         * @param   {HTMLElement}   el      The DOM element
+         * @param   {String/Object} style   The name of the style to set if a
+         *                                  string, or an object of name =>
+         *                                  value pairs
+         * @param   {String}        value   The value to set the given style to
+         * @return  void
+         * @public
+         */
+        setStyle: function(el, style, value){
+            if(typeof style != 'object'){
+                var temp = {};
+                temp[style] = value;
+                style = temp;
+            }
+            for(var s in style){
+                D.setStyle(el, s, style[s]);
+            }
+        },
+
+        /**
+         * Gets a reference to the given element.
+         *
+         * @param   {String/HTMLElement}    el      The element to fetch
+         * @return  {HTMLElement}                   A reference to the element
+         * @public
+         */
+        get: function(el){
+            return D.get(el);
+        },
+
+        /**
+         * Removes an element from the DOM.
+         *
+         * @param   {HTMLElement}           el      The element to remove
+         * @return  void
+         * @public
+         */
+        remove: function(el){
+            el.parentNode.removeChild(el);
+        },
+
+        /**
+         * Gets the target of the given event. The event object passed will be
+         * the same object that is passed to listeners registered with
+         * addEvent().
+         *
+         * @param   {mixed}                 e       The event object
+         * @return  {HTMLElement}                   The event's target element
+         * @public
+         */
+        getTarget: function(e){
+            return E.getTarget(e.browserEvent || e);
+        },
+
+        /**
+         * Prevents the event's default behavior. The event object passed will
+         * be the same object that is passed to listeners registered with
+         * addEvent().
+         *
+         * @param   {mixed}                 e       The event object
+         * @return  void
+         * @public
+         */
+        preventDefault: function(e){
+            E.preventDefault(e.browserEvent || e);
+        },
+
+        /**
+         * Adds an event listener to the given element. It is expected that this
+         * function will be passed the event as its first argument.
+         *
+         * @param   {HTMLElement}   el          The DOM element to listen to
+         * @param   {String}        name        The name of the event to register
+         *                                      (i.e. 'click', 'scroll', etc.)
+         * @param   {Function}      handler     The event handler function
+         * @return  void
+         * @public
+         */
+        addEvent: function(el, name, handler){
+            E.addListener(el, name, handler);
+        },
+
+        /**
+         * Removes an event listener from the given element.
+         *
+         * @param   {HTMLElement}   el          The DOM element to stop listening to
+         * @param   {String}        name        The name of the event to stop
+         *                                      listening for (i.e. 'click')
+         * @param   {Function}      handler     The event handler function
+         * @return  void
+         * @public
+         */
+        removeEvent: function(el, name, handler){
+            E.removeListener(el, name, handler);
+        },
+
+        /**
+         * Animates numerous styles of the given element. The second parameter
+         * of this function will be an object of the type that is expected by
+         * YAHOO.util.Anim. See http://developer.yahoo.com/yui/docs/YAHOO.util.Anim.html
+         * for more information.
+         *
+         * @param   {HTMLElement}   el          The DOM element to animate
+         * @param   {Object}        obj         The animation attributes/parameters
+         * @param   {Number}        duration    The duration of the animation
+         *                                      (in seconds)
+         * @param   {Function}      callback    A callback function to call when
+         *                                      the animation completes
+         * @return  void
+         * @public
+         */
+        animate: function(el, obj, duration, callback){
+            var anim = new YAHOO.util.Anim(el, obj, duration, YAHOO.util.Easing.easeOut);
+            if(typeof callback == 'function'){
+                var f = function(){
+                    anim.onComplete.unsubscribe(f);
+                    callback.call(anim, anim);
+                };
+                anim.onComplete.subscribe(f, anim, true);
+            }
+            anim.animate();
+        }
+
+    };
+
+}();
diff --git a/projects.gnome.org/yelp/data/shadowbox/js/shadowbox.js b/projects.gnome.org/yelp/data/shadowbox/js/shadowbox.js
new file mode 100644
index 0000000..c829ca5
--- /dev/null
+++ b/projects.gnome.org/yelp/data/shadowbox/js/shadowbox.js
@@ -0,0 +1,2537 @@
+/**
+ * A media-viewer script for web pages that allows content to be viewed without
+ * navigating away from the original linking page.
+ *
+ * This file is part of Shadowbox.
+ *
+ * Shadowbox is free software: you can redistribute it and/or modify it under
+ * the terms of the GNU Lesser General Public License as published by the Free
+ * Software Foundation, either version 3 of the License, or (at your option)
+ * any later version.
+ *
+ * Shadowbox is distributed in the hope that it will be useful, but WITHOUT ANY
+ * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS
+ * FOR A PARTICULAR PURPOSE. See the GNU Lesser General Public License for
+ * more details.
+ *
+ * You should have received a copy of the GNU Lesser General Public License
+ * along with Shadowbox. If not, see <http://www.gnu.org/licenses/>.
+ *
+ * @author      Michael J. I. Jackson <mjijackson gmail com>
+ * @copyright   2007 Michael J. I. Jackson
+ * @license     http://www.gnu.org/licenses/lgpl-3.0.txt GNU LGPL 3.0
+ * @version     SVN: $Id: shadowbox.js 75 2008-02-21 16:51:29Z mjijackson $
+ */
+
+if(typeof Shadowbox == 'undefined'){
+    throw 'Unable to load Shadowbox, no base library adapter found.';
+}
+
+/**
+ * The Shadowbox class. Used to display different media on a web page using a
+ * Lightbox-like effect.
+ *
+ * Useful resources:
+ * - http://www.alistapart.com/articles/byebyeembed
+ * - http://www.w3.org/TR/html401/struct/objects.html
+ * - http://www.dyn-web.com/dhtml/iframes/
+ * - http://support.microsoft.com/kb/316992
+ * - http://www.apple.com/quicktime/player/specs.html
+ * - http://www.howtocreate.co.uk/wrongWithIE/?chapter=navigator.plugins
+ *
+ * @class       Shadowbox
+ * @author      Michael J. I. Jackson <mjijackson gmail com>
+ * @singleton
+ */
+(function(){
+
+    /**
+     * The current version of Shadowbox.
+     *
+     * @property    {String}    version
+     * @private
+     */
+    var version = '1.0';
+
+    /**
+     * Contains the default options for Shadowbox. This object is almost
+     * entirely customizable.
+     *
+     * @property    {Object}    options
+     * @private
+     */
+    var options = {
+
+        /**
+         * A base URL that will be prepended to the loadingImage, flvPlayer, and
+         * overlayBgImage options to save on typing.
+         *
+         * @var     {String}    assetURL
+         */
+        assetURL:           '',
+
+        /**
+         * The path to the image to display while loading.
+         *
+         * @var     {String}    loadingImage
+         */
+        loadingImage:       'images/loading.gif',
+
+        /**
+         * Enable animations.
+         *
+         * @var     {Boolean}   animate
+         */
+        animate:            true,
+
+        /**
+         * Specifies the sequence of the height and width animations. May be
+         * 'wh' (width then height), 'hw' (height then width), or 'sync' (both
+         * at the same time). Of course this will only work if animate is true.
+         *
+         * @var     {String}    animSequence
+         */
+        animSequence:       'wh',
+
+        /**
+         * The path to flvplayer.swf.
+         *
+         * @var     {String}    flvPlayer
+         */
+        flvPlayer:          'flvplayer.swf',
+
+        /**
+         * The background color and opacity of the overlay. Note: When viewing
+         * movie files on FF Mac, the default background image will be used
+         * because that browser has problems displaying movies above layers
+         * that aren't 100% opaque.
+         *
+         * @var     {String}    overlayColor
+         */
+        overlayColor:       '#000',
+
+        /**
+         * The background opacity to use for the overlay.
+         *
+         * @var     {Number}    overlayOpacity
+         */
+        overlayOpacity:     0.85,
+
+        /**
+         * A background image to use for browsers such as FF Mac that don't
+         * support displaying movie content over backgrounds that aren't 100%
+         * opaque.
+         *
+         * @var     {String}    overlayBgImage
+         */
+        overlayBgImage:     'images/overlay-85.png',
+
+        /**
+         * Listen to the overlay for clicks. If the user clicks the overlay,
+         * it will trigger Shadowbox.close().
+         *
+         * @var     {Boolean}   listenOverlay
+         */
+        listenOverlay:      true,
+
+        /**
+         * Automatically play movies.
+         *
+         * @var     {Boolean}   autoplayMovies
+         */
+        autoplayMovies:     true,
+
+        /**
+         * Enable movie controllers on movie players.
+         *
+         * @var     {Boolean}   showMovieControls
+         */
+        showMovieControls:  true,
+
+        /**
+         * The duration of the resizing animations (in seconds).
+         *
+         * @var     {Number}    resizeDuration
+         */
+        resizeDuration:     0.35,
+
+        /**
+         * The duration of the overlay fade animation (in seconds).
+         *
+         * @var     {Number}    fadeDuration
+         */
+        fadeDuration:       0.35,
+
+        /**
+         * Show the navigation controls.
+         *
+         * @var     {Boolean}   displayNav
+         */
+        displayNav:         true,
+
+        /**
+         * Enable continuous galleries. When this is true, users will be able
+         * to skip to the first gallery image from the last using next and vice
+         * versa.
+         *
+         * @var     {Boolean}   continuous
+         */
+        continuous:         false,
+
+        /**
+         * Display the gallery counter.
+         *
+         * @var     {Boolean}   displayCounter
+         */
+        displayCounter:     true,
+
+        /**
+         * This option may be either 'default' or 'skip'. The default counter is
+         * a simple '1 of 5' message. The skip counter displays a link for each
+         * piece in the gallery that enables a user to skip directly to any
+         * piece.
+         *
+         * @var     {String}    counterType
+         */
+        counterType:        'default',
+
+        /**
+         * The amount of padding to maintain around the viewport edge (in
+         * pixels). This only applies when the image is very large and takes up
+         * the entire viewport.
+         *
+         * @var     {Number}    viewportPadding
+         */
+        viewportPadding:    20,
+
+        /**
+         * How to handle images that are too large for the viewport. 'resize'
+         * will resize the image while preserving aspect ratio and display it at
+         * the smaller resolution. 'drag' will display the image at its native
+         * resolution but it will be draggable within the Shadowbox. 'none' will
+         * display the image at its native resolution but it may be cropped.
+         *
+         * @var     {String}    handleLgImages
+         */
+        handleLgImages:     'resize',
+
+        /**
+         * The initial height of Shadowbox (in pixels).
+         *
+         * @var     {Number}    initialHeight
+         */
+        initialHeight:      160,
+
+        /**
+         * The initial width of Shadowbox (in pixels).
+         *
+         * @var     {Number}    initialWidth
+         */
+        initialWidth:       320,
+
+        /**
+         * Enable keyboard control. Note: If you disable the keys, you may want
+         * to change the visual styles for the navigation elements that suggest
+         * keyboard shortcuts.
+         *
+         * @var     {Boolean}   enableKeys
+         */
+        enableKeys:         true,
+
+        /**
+         * The keys used to control Shadowbox. Note: In order to use these,
+         * enableKeys must be true. Key values or key codes may be used.
+         *
+         * @var     {Array}
+         */
+        keysClose:          ['c', 'q', 27], // c, q, or esc
+        keysNext:           ['n', 39],      // n or right arrow
+        keysPrev:           ['p', 37],      // p or left arrow
+
+        /**
+         * A hook function to be fired when Shadowbox opens. The single argument
+         * will be the current gallery element.
+         *
+         * @var     {Function}
+         */
+        onOpen:             null,
+
+        /**
+         * A hook function to be fired when Shadowbox finishes loading its
+         * content. The single argument will be the current gallery element on
+         * display.
+         *
+         * @var     {Function}
+         */
+        onFinish:           null,
+
+        /**
+         * A hook function to be fired when Shadowbox changes from one gallery
+         * element to the next. The single argument will be the current gallery
+         * element that is about to be displayed.
+         *
+         * @var     {Function}
+         */
+        onChange:           null,
+
+        /**
+         * A hook function that will be fired when Shadowbox closes. The single
+         * argument will be the gallery element most recently displayed.
+         *
+         * @var     {Function}
+         */
+        onClose:            null,
+
+        /**
+         * The mode to use when handling unsupported media. May be either
+         * 'remove' or 'link'. If it is 'remove', the unsupported gallery item
+         * will merely be removed from the gallery. If it is the only item in
+         * the gallery, the link will simply be followed. If it is 'link', a
+         * link will be provided to the appropriate plugin page in place of the
+         * gallery element.
+         *
+         * @var     {String}    handleUnsupported
+         */
+        handleUnsupported:  'link',
+
+        /**
+         * Skips calling Shadowbox.setup() in init(). This means that it must
+         * be called later manually.
+         *
+         * @var     {Boolean}   skipSetup
+         */
+        skipSetup:          false,
+
+        /**
+         * Text messages to use for Shadowbox. These are provided so they may be
+         * translated into different languages.
+         *
+         * @var     {Object}    text
+         */
+        text:           {
+
+            cancel:     'Cancel',
+
+            loading:    'loading',
+
+            close:      '<span class="shortcut">C</span>lose',
+
+            next:       '<span class="shortcut">N</span>ext',
+
+            prev:       '<span class="shortcut">P</span>revious',
+
+            errors:     {
+                single: 'You must install the <a href="{0}">{1}</a> browser plugin to view this content.',
+                shared: 'You must install both the <a href="{0}">{1}</a> and <a href="{2}">{3}</a> browser plugins to view this content.',
+                either: 'You must install either the <a href="{0}">{1}</a> or the <a href="{2}">{3}</a> browser plugin to view this content.'
+            }
+
+        },
+
+        /**
+         * An object containing names of plugins and links to their respective
+         * download pages.
+         *
+         * @var     {Object}    errors
+         */
+        errors:         {
+
+            fla:        {
+                name:   'Flash',
+                url:    'http://www.adobe.com/products/flashplayer/'
+            },
+
+            qt:         {
+                name:   'QuickTime',
+                url:    'http://www.apple.com/quicktime/download/'
+            },
+
+            wmp:        {
+                name:   'Windows Media Player',
+                url:    'http://www.microsoft.com/windows/windowsmedia/'
+            },
+
+            f4m:        {
+                name:   'Flip4Mac',
+                url:    'http://www.flip4mac.com/wmv_download.htm'
+            }
+
+        },
+
+        /**
+         * The HTML markup to use for Shadowbox. Note: The script depends on
+         * most of these elements being present, so don't modify this variable
+         * unless you know what you're doing.
+         *
+         * @var     {Object}    skin
+         */
+        skin:           {
+
+            main:       '<div id="shadowbox_overlay"></div>' +
+                        '<div id="shadowbox_container">' +
+                            '<div id="shadowbox">' +
+                                '<div id="shadowbox_title">' +
+                                    '<div id="shadowbox_title_inner"></div>' +
+                                '</div>' +
+                                '<div id="shadowbox_body">' +
+                                    '<div id="shadowbox_body_inner"></div>' +
+                                    '<div id="shadowbox_loading"></div>' +
+                                '</div>' +
+                                '<div id="shadowbox_toolbar">' +
+                                    '<div id="shadowbox_toolbar_inner"></div>' +
+                                '</div>' +
+                            '</div>' +
+                        '</div>',
+
+            loading:    '<img src="{0}" alt="{1}" />' +
+                        '<span><a href="javascript:Shadowbox.close();">{2}</a></span>',
+
+            counter:    '<div id="shadowbox_counter">{0}</div>',
+
+            close:      '<div id="shadowbox_nav_close">' +
+                            '<a href="javascript:Shadowbox.close();">{0}</a>' +
+                        '</div>',
+
+            next:       '<div id="shadowbox_nav_next">' +
+                            '<a href="javascript:Shadowbox.next();">{0}</a>' +
+                        '</div>',
+
+            prev:       '<div id="shadowbox_nav_previous">' +
+                            '<a href="javascript:Shadowbox.previous();">{0}</a>' +
+                        '</div>'
+
+        },
+
+        /**
+         * An object containing arrays of all supported file extensions. Each
+         * property of this object contains an array. If this object is to be
+         * modified, it must be done before calling init().
+         *
+         * - img: Supported image file extensions
+         * - qt: Movie file extensions supported by QuickTime
+         * - wmp: Movie file extensions supported by Windows Media Player
+         * - qtwmp: Movie file extensions supported by both QuickTime and Windows Media Player
+         * - iframe: File extensions that will be display in an iframe
+         *
+         * @var     {Object}    ext
+         */
+        ext:     {
+            img:        ['png', 'jpg', 'jpeg', 'gif', 'bmp'],
+            qt:         ['dv', 'mov', 'moov', 'movie', 'mp4'],
+            wmp:        ['asf', 'wm', 'wmv'],
+            qtwmp:      ['avi', 'mpg', 'mpeg'],
+            iframe:     ['asp', 'aspx', 'cgi', 'cfm', 'htm', 'html', 'pl', 'php',
+                        'php3', 'php4', 'php5', 'phtml', 'rb', 'rhtml', 'shtml',
+                        'txt', 'vbs']
+        }
+
+    };
+
+    /**
+     * Stores the default set of options in case a custom set of options is used
+     * on a link-by-link basis so we can restore them later.
+     *
+     * @property    {Object}    default_options
+     * @private
+     */
+    var default_options = null;
+
+    /**
+     * Shorthand for Shadowbox.lib.
+     *
+     * @property    {Object}        SL
+     * @private
+     */
+    var SL = Shadowbox.lib;
+
+    /**
+     * An object containing some regular expressions we'll need later. Compiled
+     * up front for speed.
+     *
+     * @property    {Object}        RE
+     * @private
+     */
+    var RE = {
+        resize:         /(img|swf|flv)/, // file types to resize
+        overlay:        /(img|iframe|html|inline)/, // content types to not use an overlay image for on FF Mac
+        swf:            /\.swf\s*$/i, // swf file extension
+        flv:            /\.flv\s*$/i, // flv file extension
+        domain:         /:\/\/(.*?)[:\/]/, // domain prefix
+        inline:         /#(.+)$/, // inline element id
+        rel:            /^(light|shadow)box/i, // rel attribute format
+        gallery:        /^(light|shadow)box\[(.*?)\]/i, // rel attribute format for gallery link
+        unsupported:    /^unsupported-(\w+)/, // unsupported media type
+        param:          /\s*([a-z_]*?)\s*=\s*(.+)\s*/, // rel string parameter
+        empty:          /^(?:br|frame|hr|img|input|link|meta|range|spacer|wbr|area|param|col)$/i // elements that don't have children
+    };
+
+    /**
+     * A cache of options for links that have been set up for use with
+     * Shadowbox.
+     *
+     * @property    {Array}         cache
+     * @private
+     */
+    var cache = [];
+
+    /**
+     * An array of pieces currently being viewed. In the case of non-gallery
+     * pieces, this will only hold one object.
+     *
+     * @property    {Array}         current_gallery
+     * @private
+     */
+    var current_gallery;
+
+    /**
+     * The array index of the current_gallery that is currently being viewed.
+     *
+     * @property    {Number}        current
+     * @private
+     */
+    var current;
+
+    /**
+     * Keeps track of the current optimal height of the box. We use this so that
+     * if the user resizes the browser window to get a better view, and we're
+     * currently at a size smaller than the optimal, we can resize easily.
+     *
+     * @see         resizeContent()
+     * @property    {Number}        optimal_height
+     * @private
+     */
+    var optimal_height = options.initialHeight;
+
+    /**
+     * Keeps track of the current optimal width of the box. See optimal_height
+     * explanation (above).
+     *
+     * @property    {Number}        optimal_width
+     * @private
+     */
+    var optimal_width = options.initialWidth;
+
+    /**
+     * Keeps track of the current height of the box. This is useful in drag
+     * calculations.
+     *
+     * @property    {Number}        current_height
+     * @private
+     */
+    var current_height = 0;
+
+    /**
+     * Keeps track of the current width of the box. Useful in drag calculations.
+     *
+     * @property    {Number}        current_width
+     * @private
+     */
+    var current_width = 0;
+
+    /**
+     * Resource used to preload images. It's class-level so that when a new
+     * image is requested, the same resource can be reassigned, cancelling
+     * the original's callback.
+     *
+     * @property    {HTMLElement}   preloader
+     * @private
+     */
+    var preloader;
+
+    /**
+     * Keeps track of whether or not Shadowbox has been initialized. We never
+     * want to initialize twice.
+     *
+     * @property    {Boolean}       initialized
+     * @private
+     */
+    var initialized = false;
+
+    /**
+     * Keeps track of whether or not Shadowbox is activated.
+     *
+     * @property    {Boolean}       activated
+     * @private
+     */
+    var activated = false;
+
+    /**
+     * Keeps track of 4 floating values (x, y, start_x, & start_y) that are used
+     * in the drag calculations.
+     *
+     * @property    {Object}        drag
+     * @private
+     */
+    var drag;
+
+    /**
+     * Holds the draggable element so we don't have to fetch it every time
+     * the mouse moves.
+     *
+     * @property    {HTMLElement}   draggable
+     * @private
+     */
+    var draggable;
+
+    /**
+     * Keeps track of whether or not we're currently using the overlay
+     * background image to display the current gallery. We do this because we
+     * use different methods for fading the overlay in and out. The color fill
+     * overlay fades in and out nicely, but the image overlay stutters. By
+     * keeping track of the type of overlay in use, we don't have to check again
+     * what type of overlay we're using when it's time to get rid of it later.
+     *
+     * @property    {Boolean}       overlay_img_needed
+     * @private
+     */
+    var overlay_img_needed;
+
+    /**
+     * These parameters for simple browser detection. Used in Ext.js.
+     *
+     * @ignore
+     */
+    var ua = navigator.userAgent.toLowerCase();
+    var isStrict = document.compatMode == 'CSS1Compat',
+        isOpera = ua.indexOf("opera") > -1,
+        isIE = ua.indexOf('msie') > -1,
+        isIE7 = ua.indexOf('msie 7') > -1,
+        isBorderBox = isIE && !isStrict,
+        isSafari = (/webkit|khtml/).test(ua),
+        isSafari3 = isSafari && !!(document.evaluate),
+        isGecko = !isSafari && ua.indexOf('gecko') > -1,
+        isWindows = (ua.indexOf('windows') != -1 || ua.indexOf('win32') != -1),
+        isMac = (ua.indexOf('macintosh') != -1 || ua.indexOf('mac os x') != -1),
+        isLinux = (ua.indexOf('linux') != -1);
+
+    /**
+     * Do we need to hack the position to make Shadowbox appear fixed? We could
+     * hack this using CSS, but let's just get over all the hacks and let IE6
+     * users get what they deserve! Down with hacks! Hmm...now that I think
+     * about it, I should just flash all kinds of alerts and annoying popups on
+     * their screens, and then redirect them to some foreign spyware site that
+     * will upload a nasty virus...
+     *
+     * @property    {Boolean}   absolute_pos
+     * @private
+     */
+    var absolute_pos = isIE && !isIE7;
+
+    /**
+     * Contains plugin support information. Each property of this object is a
+     * boolean indicating whether that plugin is supported.
+     *
+     * - fla: Flash player
+     * - qt: QuickTime player
+     * - wmp: Windows Media player
+     * - f4m: Flip4Mac plugin
+     *
+     * @property    {Object}    plugins
+     * @private
+     */
+    var plugins = null;
+
+    // detect plugin support
+    if(navigator.plugins && navigator.plugins.length){
+        var detectPlugin = function(plugin_name){
+            var detected = false;
+            for (var i = 0, len = navigator.plugins.length; i < len; ++i){
+                if(navigator.plugins[i].name.indexOf(plugin_name) > -1){
+                    detected = true;
+                    break;
+                }
+            }
+            return detected;
+        };
+        var f4m = detectPlugin('Flip4Mac');
+        var plugins = {
+            fla:    detectPlugin('Shockwave Flash'),
+            qt:     detectPlugin('QuickTime'),
+            wmp:    !f4m && detectPlugin('Windows Media'), // if it's Flip4Mac, it's not really WMP
+            f4m:    f4m
+        };
+    }else{
+        var detectPlugin = function(plugin_name){
+            var detected = false;
+            try {
+                var axo = new ActiveXObject(plugin_name);
+                if(axo){
+                    detected = true;
+                }
+            } catch (e) {}
+            return detected;
+        };
+        var plugins = {
+            fla:    detectPlugin('ShockwaveFlash.ShockwaveFlash'),
+            qt:     detectPlugin('QuickTime.QuickTime'),
+            wmp:    detectPlugin('wmplayer.ocx'),
+            f4m:    false
+        };
+    }
+
+    /**
+     * Applies all properties of e to o. This function is recursive so that if
+     * any properties of e are themselves objects, those objects will be applied
+     * to objects with the same key that may exist in o.
+     *
+     * @param   {Object}    o       The original object
+     * @param   {Object}    e       The extension object
+     * @return  {Object}            The original object with all properties
+     *                              of the extension object applied (deep)
+     * @private
+     */
+    var apply = function(o, e){
+        for(var p in e) o[p] = e[p];
+        return o;
+    };
+
+    /**
+     * Determines if the given object is an anchor/area element.
+     *
+     * @param   {mixed}     el      The object to check
+     * @return  {Boolean}           True if the object is a link element
+     * @private
+     */
+    var isLink = function(el){
+        return typeof el.tagName == 'string' && (el.tagName.toUpperCase() == 'A' || el.tagName.toUpperCase() == 'AREA');
+    };
+
+    /**
+     * Gets the height of the viewport in pixels. Note: This function includes
+     * scrollbars in Safari 3.
+     *
+     * @return  {Number}        The height of the viewport
+     * @public
+     * @static
+     */
+    SL.getViewportHeight = function(){
+        var height = window.innerHeight; // Safari
+        var mode = document.compatMode;
+        if((mode || isIE) && !isOpera){
+            height = isStrict ? document.documentElement.clientHeight : document.body.clientHeight;
+        }
+        return height;
+    };
+
+    /**
+     * Gets the width of the viewport in pixels. Note: This function includes
+     * scrollbars in Safari 3.
+     *
+     * @return  {Number}        The width of the viewport
+     * @public
+     * @static
+     */
+    SL.getViewportWidth = function(){
+        var width = window.innerWidth; // Safari
+        var mode = document.compatMode;
+        if(mode || isIE){
+            width = isStrict ? document.documentElement.clientWidth : document.body.clientWidth;
+        }
+        return width;
+    };
+
+    /**
+     * Gets the height of the document (body and its margins) in pixels.
+     *
+     * @return  {Number}        The height of the document
+     * @public
+     * @static
+     */
+    SL.getDocumentHeight = function(){
+        var scrollHeight = isStrict ? document.documentElement.scrollHeight : document.body.scrollHeight;
+        return Math.max(scrollHeight, SL.getViewportHeight());
+    };
+
+    /**
+     * Gets the width of the document (body and its margins) in pixels.
+     *
+     * @return  {Number}        The width of the document
+     * @public
+     * @static
+     */
+    SL.getDocumentWidth = function(){
+        var scrollWidth = isStrict ? document.documentElement.scrollWidth : document.body.scrollWidth;
+        return Math.max(scrollWidth, SL.getViewportWidth());
+    };
+
+    /**
+     * A utility function used by the fade functions to clear the opacity
+     * style setting of the given element. Required in some cases for IE.
+     * Based on Ext.Element's clearOpacity.
+     *
+     * @param   {HTMLElement}   el      The DOM element
+     * @return  void
+     * @private
+     */
+    var clearOpacity = function(el){
+        if(isIE){
+            if(typeof el.style.filter == 'string' && (/alpha/i).test(el.style.filter)){
+                el.style.filter = '';
+            }
+        }else{
+            el.style.opacity = '';
+            el.style['-moz-opacity'] = '';
+            el.style['-khtml-opacity'] = '';
+        }
+    };
+
+    /**
+     * Fades the given element from 0 to the specified opacity.
+     *
+     * @param   {HTMLElement}   el              The DOM element to fade
+     * @param   {Number}        endingOpacity   The final opacity to animate to
+     * @param   {Number}        duration        The duration of the animation
+     *                                          (in seconds)
+     * @param   {Function}      callback        A callback function to call
+     *                                          when the animation completes
+     * @return  void
+     * @private
+     */
+    var fadeIn = function(el, endingOpacity, duration, callback){
+        if(options.animate){
+            SL.setStyle(el, 'opacity', 0);
+            el.style.visibility = 'visible';
+            SL.animate(el, {
+                opacity: { to: endingOpacity }
+            }, duration, function(){
+                if(endingOpacity == 1) clearOpacity(el);
+                if(typeof callback == 'function') callback();
+            });
+        }else{
+            if(endingOpacity == 1){
+                clearOpacity(el);
+            }else{
+                SL.setStyle(el, 'opacity', endingOpacity);
+            }
+            el.style.visibility = 'visible';
+            if(typeof callback == 'function') callback();
+        }
+    };
+
+    /**
+     * Fades the given element from its current opacity to 0.
+     *
+     * @param   {HTMLElement}   el          The DOM element to fade
+     * @param   {Number}        duration    The duration of the fade animation
+     * @param   {Function}      callback    A callback function to call when
+     *                                      the animation completes
+     * @return  void
+     * @private
+     */
+    var fadeOut = function(el, duration, callback){
+        var cb = function(){
+            el.style.visibility = 'hidden';
+            clearOpacity(el);
+            if(typeof callback == 'function') callback();
+        };
+        if(options.animate){
+            SL.animate(el, {
+                opacity: { to: 0 }
+            }, duration, cb);
+        }else{
+            cb();
+        }
+    };
+
+    /**
+     * Appends an HTML fragment to the given element.
+     *
+     * @param   {String/HTMLElement}    el      The element to append to
+     * @param   {String}                html    The HTML fragment to use
+     * @return  {HTMLElement}                   The newly appended element
+     * @private
+     */
+    var appendHTML = function(el, html){
+        el = SL.get(el);
+        if(el.insertAdjacentHTML){
+            el.insertAdjacentHTML('BeforeEnd', html);
+            return el.lastChild;
+        }
+        if(el.lastChild){
+            var range = el.ownerDocument.createRange();
+            range.setStartAfter(el.lastChild);
+            var frag = range.createContextualFragment(html);
+            el.appendChild(frag);
+            return el.lastChild;
+        }else{
+            el.innerHTML = html;
+            return el.lastChild;
+        }
+    };
+
+    /**
+     * Overwrites the HTML of the given element.
+     *
+     * @param   {String/HTMLElement}    el      The element to overwrite
+     * @param   {String}                html    The new HTML to use
+     * @return  {HTMLElement}                   The new firstChild element
+     * @private
+     */
+    var overwriteHTML = function(el, html){
+        el = SL.get(el);
+        el.innerHTML = html;
+        return el.firstChild;
+    };
+
+    /**
+     * Gets either the offsetHeight or the height of the given element plus
+     * padding and borders (when offsetHeight is not available). Based on
+     * Ext.Element's getComputedHeight.
+     *
+     * @return  {Number}            The computed height of the element
+     * @private
+     */
+    var getComputedHeight = function(el){
+        var h = Math.max(el.offsetHeight, el.clientHeight);
+        if(!h){
+            h = parseInt(SL.getStyle(el, 'height'), 10) || 0;
+            if(!isBorderBox){
+                h += parseInt(SL.getStyle(el, 'padding-top'), 10)
+                    + parseInt(SL.getStyle(el, 'padding-bottom'), 10)
+                    + parseInt(SL.getStyle(el, 'border-top-width'), 10)
+                    + parseInt(SL.getStyle(el, 'border-bottom-width'), 10);
+            }
+        }
+        return h;
+    };
+
+    /**
+     * Gets either the offsetWidth or the width of the given element plus
+     * padding and borders (when offsetWidth is not available). Based on
+     * Ext.Element's getComputedWidth.
+     *
+     * @return  {Number}            The computed width of the element
+     * @private
+     */
+    var getComputedWidth = function(el){
+        var w = Math.max(el.offsetWidth, el.clientWidth);
+        if(!w){
+            w = parseInt(SL.getStyle(el, 'width'), 10) || 0;
+            if(!isBorderBox){
+                w += parseInt(SL.getStyle(el, 'padding-left'), 10)
+                    + parseInt(SL.getStyle(el, 'padding-right'), 10)
+                    + parseInt(SL.getStyle(el, 'border-left-width'), 10)
+                    + parseInt(SL.getStyle(el, 'border-right-width'), 10);
+            }
+        }
+        return w;
+    };
+
+    /**
+     * Determines the player needed to display the file at the given URL. If
+     * the file type is not supported, the return value will be 'unsupported'.
+     * If the file type is not supported but the correct player can be
+     * determined, the return value will be 'unsupported-*' where * will be the
+     * player abbreviation (e.g. 'qt' = QuickTime).
+     *
+     * @param   {String}        url     The url of the file
+     * @return  {String}                The name of the player to use
+     * @private
+     */
+    var getPlayerType = function(url){
+        if(RE.img.test(url)) return 'img';
+        var match = url.match(RE.domain);
+        var this_domain = match ? document.domain == match[1] : false;
+        if(url.indexOf('#') > -1 && this_domain) return 'inline';
+        var q_index = url.indexOf('?');
+        if(q_index > -1) url = url.substring(0, q_index); // strip query string for player detection purposes
+        if(RE.swf.test(url)) return plugins.fla ? 'swf' : 'unsupported-swf';
+        if(RE.flv.test(url)) return plugins.fla ? 'flv' : 'unsupported-flv';
+        if(RE.qt.test(url)) return plugins.qt ? 'qt' : 'unsupported-qt';
+        if(RE.wmp.test(url)){
+            if(plugins.wmp){
+                return 'wmp';
+            }else if(plugins.f4m){
+                return 'qt';
+            }else{
+                return isMac ? (plugins.qt ? 'unsupported-f4m' : 'unsupported-qtf4m') : 'unsupported-wmp';
+            }
+        }else if(RE.qtwmp.test(url)){
+            if(plugins.qt){
+                return 'qt';
+            }else if(plugins.wmp){
+                return 'wmp';
+            }else{
+                return isMac ? 'unsupported-qt' : 'unsupported-qtwmp';
+            }
+        }else if(!this_domain || RE.iframe.test(url)){
+            return 'iframe';
+        }
+        return 'unsupported';
+    };
+
+    /**
+     * Handles all clicks on links that have been set up to work with Shadowbox
+     * and cancels the default event behavior when appropriate.
+     *
+     * @param   {Event}         ev          The click event object
+     * @return  void
+     * @private
+     */
+    var handleClick = function(ev){
+        // get anchor/area element
+        var link;
+        if(isLink(this)){
+            link = this; // jQuery, Prototype, YUI
+        }else{
+            link = SL.getTarget(ev); // Ext
+            while(!isLink(link) && link.parentNode){
+                link = link.parentNode;
+            }
+        }
+
+        Shadowbox.open(link);
+        if(current_gallery.length) SL.preventDefault(ev);
+    };
+
+    /**
+     * Sets up the current gallery for the given object. Modifies the current
+     * and current_gallery variables to contain the appropriate information.
+     * Also, checks to see if there are any gallery pieces that are not
+     * supported by the client's browser/plugins. If there are, they will be
+     * handled according to the handleUnsupported option.
+     *
+     * @param   {Object}    obj         The content to get the gallery for
+     * @return  void
+     * @private
+     */
+    var setupGallery = function(obj){
+        // create a copy so it doesn't get modified later
+        var copy = apply({}, obj);
+
+        // is it part of a gallery?
+        if(!obj.gallery){ // single item, no gallery
+            current_gallery = [copy];
+            current = 0;
+        }else{
+            current_gallery = []; // clear the current gallery
+            var index, ci;
+            for(var i = 0, len = cache.length; i < len; ++i){
+                ci = cache[i];
+                if(ci.gallery){
+                    if(ci.content == obj.content
+                        && ci.gallery == obj.gallery
+                        && ci.title == obj.title){ // compare content, gallery, & title
+                            index = current_gallery.length; // key element found
+                    }
+                    if(ci.gallery == obj.gallery){
+                        current_gallery.push(apply({}, ci));
+                    }
+                }
+            }
+            // if not found in cache, prepend to front of gallery
+            if(index == null){
+                current_gallery.unshift(copy);
+                index = 0;
+            }
+            current = index;
+        }
+
+        // are any media in the current gallery supported?
+        var match, r;
+        for(var i = 0, len = current_gallery.length; i < len; ++i){
+            r = false;
+            if(current_gallery[i].type == 'unsupported'){ // don't support this at all
+                r = true;
+            }else if(match = RE.unsupported.exec(current_gallery[i].type)){ // handle unsupported elements
+                if(options.handleUnsupported == 'link'){
+                    current_gallery[i].type = 'html';
+                    // generate a link to the appropriate plugin download page(s)
+                    var m;
+                    switch(match[1]){
+                        case 'qtwmp':
+                            m = String.format(options.text.errors.either,
+                                options.errors.qt.url, options.errors.qt.name,
+                                options.errors.wmp.url, options.errors.wmp.name);
+                        break;
+                        case 'qtf4m':
+                            m = String.format(options.text.errors.shared,
+                                options.errors.qt.url, options.errors.qt.name,
+                                options.errors.f4m.url, options.errors.f4m.name);
+                        break;
+                        default:
+                            if(match[1] == 'swf' || match[1] == 'flv') match[1] = 'fla';
+                            m = String.format(options.text.errors.single,
+                                options.errors[match[1]].url, options.errors[match[1]].name);
+                    }
+                    current_gallery[i] = apply(current_gallery[i], {
+                        height:     160, // error messages are short so they
+                        width:      320, // only need a small box to display properly
+                        content:    '<div class="shadowbox_message">' + m + '</div>'
+                    });
+                }else{
+                    r = true;
+                }
+            }else if(current_gallery[i].type == 'inline'){ // handle inline elements
+                // retrieve the innerHTML of the inline element
+                var match = RE.inline.exec(current_gallery[i].content);
+                if(match){
+                    var el;
+                    if(el = SL.get(match[1])){
+                        current_gallery[i].content = el.innerHTML;
+                    }else{
+                        throw 'No element found with id ' + match[1];
+                    }
+                }else{
+                    throw 'No element id found for inline content';
+                }
+            }
+            if(r){
+                // remove the element from the gallery
+                current_gallery.splice(i, 1);
+                if(i < current) --current;
+                --i;
+            }
+        }
+    };
+
+    /**
+     * Hides the title bar and toolbar and populates them with the proper
+     * content.
+     *
+     * @return  void
+     * @private
+     */
+    var buildBars = function(){
+        var link = current_gallery[current];
+        if(!link) return; // nothing to build
+
+        // build the title
+        var title_i = SL.get('shadowbox_title_inner');
+        title_i.innerHTML = (link.title) ? link.title : '';
+        // empty the toolbar
+        var tool_i = SL.get('shadowbox_toolbar_inner');
+        tool_i.innerHTML = '';
+
+        // build the nav
+        if(options.displayNav){
+            tool_i.innerHTML = String.format(options.skin.close, options.text.close);
+            if(current_gallery.length > 1){
+                if(options.continuous){
+                    // show both
+                    appendHTML(tool_i, String.format(options.skin.next, options.text.next));
+                    appendHTML(tool_i, String.format(options.skin.prev, options.text.prev));
+                }else{
+                    // not last in the gallery, show the next link
+                    if((current_gallery.length - 1) > current){
+                        appendHTML(tool_i, String.format(options.skin.next, options.text.next));
+                    }
+                    // not first in the gallery, show the previous link
+                    if(current > 0){
+                        appendHTML(tool_i, String.format(options.skin.prev, options.text.prev));
+                    }
+                }
+            }
+        }
+
+        // build the counter
+        if(current_gallery.length > 1 && options.displayCounter){
+            // append the counter div
+            var counter = '';
+            if(options.counterType == 'skip'){
+                for(var i = 0, len = current_gallery.length; i < len; ++i){
+                    counter += '<a href="javascript:Shadowbox.change(' + i + ');"';
+                    if(i == current){
+                        counter += ' class="shadowbox_counter_current"';
+                    }
+                    counter += '>' + (i + 1) + '</a>';
+                }
+            }else{
+                counter = (current + 1) + ' of ' + current_gallery.length;
+            }
+            appendHTML(tool_i, String.format(options.skin.counter, counter));
+        }
+    };
+
+    /**
+     * Hides the title and tool bars.
+     *
+     * @param   {Function}  callback        A function to call on finish
+     * @return  void
+     * @private
+     */
+    var hideBars = function(callback){
+        var title_m = getComputedHeight(SL.get('shadowbox_title'));
+        var tool_m = 0 - getComputedHeight(SL.get('shadowbox_toolbar'));
+        var title_i = SL.get('shadowbox_title_inner');
+        var tool_i = SL.get('shadowbox_toolbar_inner');
+
+        if(options.animate && callback){
+            // animate the transition
+            SL.animate(title_i, {
+                marginTop: { to: title_m }
+            }, 0.2);
+            SL.animate(tool_i, {
+                marginTop: { to: tool_m }
+            }, 0.2, callback);
+        }else{
+            SL.setStyle(title_i, 'marginTop', title_m + 'px');
+            SL.setStyle(tool_i, 'marginTop', tool_m + 'px');
+        }
+    };
+
+    /**
+     * Shows the title and tool bars.
+     *
+     * @param   {Function}  callback        A callback function to execute after
+     *                                      the animation completes
+     * @return  void
+     * @private
+     */
+    var showBars = function(callback){
+        var title_i = SL.get('shadowbox_title_inner');
+        if(options.animate){
+            if(title_i.innerHTML != ''){
+                SL.animate(title_i, { marginTop: { to: 0 } }, 0.35);
+            }
+            SL.animate(SL.get('shadowbox_toolbar_inner'), {
+                marginTop: { to: 0 }
+            }, 0.35, callback);
+        }else{
+            if(title_i.innerHTML != ''){
+                SL.setStyle(title_i, 'margin-top', '0px');
+            }
+            SL.setStyle(SL.get('shadowbox_toolbar_inner'), 'margin-top', '0px');
+            callback();
+        }
+    };
+
+    /**
+     * Resets the class drag variable.
+     *
+     * @return  void
+     * @private
+     */
+    var resetDrag = function(){
+        drag = {
+            x:          0,
+            y:          0,
+            start_x:    null,
+            start_y:    null
+        };
+    };
+
+    /**
+     * Toggles the drag function on and off.
+     *
+     * @param   {Boolean}   on      True to toggle on, false to toggle off
+     * @return  void
+     * @private
+     */
+    var toggleDrag = function(on){
+        if(on){
+            resetDrag();
+            // add drag layer to prevent browser dragging of actual image
+            var styles = [
+                'position:absolute',
+                'cursor:' + (isGecko ? '-moz-grab' : 'move')
+            ];
+            // make drag layer transparent
+            styles.push(isIE ? 'background-color:#fff;filter:alpha(opacity=0)' : 'background-color:transparent');
+            appendHTML('shadowbox_body_inner', '<div id="shadowbox_drag_layer" style="' + styles.join(';') + '"></div>');
+            SL.addEvent(SL.get('shadowbox_drag_layer'), 'mousedown', listenDrag);
+        }else{
+            var d = SL.get('shadowbox_drag_layer');
+            if(d){
+                SL.removeEvent(d, 'mousedown', listenDrag);
+                SL.remove(d);
+            }
+        }
+    };
+
+    /**
+     * Sets up a drag listener on the document. Called when the mouse button is
+     * pressed (mousedown).
+     *
+     * @param   {mixed}     ev      The mousedown event
+     * @return  void
+     * @private
+     */
+    var listenDrag = function(ev){
+        drag.start_x = ev.clientX;
+        drag.start_y = ev.clientY;
+        draggable = SL.get('shadowbox_content');
+        SL.addEvent(document, 'mousemove', positionDrag);
+        SL.addEvent(document, 'mouseup', unlistenDrag);
+        if(isGecko) SL.setStyle(SL.get('shadowbox_drag_layer'), 'cursor', '-moz-grabbing');
+    };
+
+    /**
+     * Removes the drag listener. Called when the mouse button is released
+     * (mouseup).
+     *
+     * @return  void
+     * @private
+     */
+    var unlistenDrag = function(){
+        SL.removeEvent(document, 'mousemove', positionDrag);
+        SL.removeEvent(document, 'mouseup', unlistenDrag); // clean up
+        if(isGecko) SL.setStyle(SL.get('shadowbox_drag_layer'), 'cursor', '-moz-grab');
+    };
+
+    /**
+     * Positions an oversized image on drag.
+     *
+     * @param   {mixed}     ev      The drag event
+     * @return  void
+     * @private
+     */
+    var positionDrag = function(ev){
+        var move_y = ev.clientY - drag.start_y;
+        drag.start_y = drag.start_y + move_y;
+        drag.y = Math.max(Math.min(0, drag.y + move_y), current_height - optimal_height); // y boundaries
+        SL.setStyle(draggable, 'top', drag.y + 'px');
+        var move_x = ev.clientX - drag.start_x;
+        drag.start_x = drag.start_x + move_x;
+        drag.x = Math.max(Math.min(0, drag.x + move_x), current_width - optimal_width); // x boundaries
+        SL.setStyle(draggable, 'left', drag.x + 'px');
+    };
+
+    /**
+     * Loads the Shadowbox with the current piece.
+     *
+     * @return  void
+     * @private
+     */
+    var loadContent = function(){
+        var obj = current_gallery[current];
+        if(!obj) return; // invalid
+
+        buildBars();
+
+        switch(obj.type){
+            case 'img':
+                // preload the image
+                preloader = new Image();
+                preloader.onload = function(){
+                    // images default to image height and width
+                    var h = obj.height ? parseInt(obj.height, 10) : preloader.height;
+                    var w = obj.width ? parseInt(obj.width, 10) : preloader.width;
+                    resizeContent(h, w, function(dims){
+                        showBars(function(){
+                            setContent({
+                                tag:    'img',
+                                height: dims.i_height,
+                                width:  dims.i_width,
+                                src:    obj.content,
+                                style:  'position:absolute'
+                            });
+                            if(dims.enableDrag && options.handleLgImages == 'drag'){
+                                // listen for drag
+                                toggleDrag(true);
+                                SL.setStyle(SL.get('shadowbox_drag_layer'), {
+                                    height:     dims.i_height + 'px',
+                                    width:      dims.i_width + 'px'
+                                });
+                            }
+                            finishContent();
+                        });
+                    });
+
+                    preloader.onload = function(){}; // clear onload for IE
+                };
+                preloader.src = obj.content;
+            break;
+
+            case 'swf':
+            case 'flv':
+            case 'qt':
+            case 'wmp':
+                var markup = Shadowbox.movieMarkup(obj);
+                resizeContent(markup.height, markup.width, function(){
+                    showBars(function(){
+                        setContent(markup);
+                        finishContent();
+                    });
+                });
+            break;
+
+            case 'iframe':
+                // iframes default to full viewport height and width
+                var h = obj.height ? parseInt(obj.height, 10) : SL.getViewportHeight();
+                var w = obj.width ? parseInt(obj.width, 10) : SL.getViewportWidth();
+                var content = {
+                    tag:            'iframe',
+                    name:           'shadowbox_content',
+                    height:         '100%',
+                    width:          '100%',
+                    frameborder:    '0',
+                    marginwidth:    '0',
+                    marginheight:   '0',
+                    scrolling:      'auto'
+                };
+
+                resizeContent(h, w, function(dims){
+                    showBars(function(){
+                        setContent(content);
+                        var win = (isIE)
+                            ? SL.get('shadowbox_content').contentWindow
+                            : window.frames['shadowbox_content'];
+                        win.location = obj.content;
+                        finishContent();
+                    });
+                });
+            break;
+
+            case 'html':
+            case 'inline':
+                // HTML content defaults to full viewport height and width
+                var h = obj.height ? parseInt(obj.height, 10) : SL.getViewportHeight();
+                var w = obj.width ? parseInt(obj.width, 10) : SL.getViewportWidth();
+                var content = {
+                    tag:    'div',
+                    cls:    'html', /* give special class to make scrollable */
+                    html:   obj.content
+                };
+                resizeContent(h, w, function(){
+                    showBars(function(){
+                        setContent(content);
+                        finishContent();
+                    });
+                });
+            break;
+
+            default:
+                // should never happen
+                throw 'Shadowbox cannot open content of type ' + obj.type;
+        }
+
+        // preload neighboring images
+        if(current_gallery.length > 0){
+            var next = current_gallery[current + 1];
+            if(!next){
+                next = current_gallery[0];
+            }
+            if(next.type == 'img'){
+                var preload_next = new Image();
+                preload_next.src = next.href;
+            }
+
+            var prev = current_gallery[current - 1];
+            if(!prev){
+                prev = current_gallery[current_gallery.length - 1];
+            }
+            if(prev.type == 'img'){
+                var preload_prev = new Image();
+                preload_prev.src = prev.href;
+            }
+        }
+    };
+
+    /**
+     * Removes old content and sets the new content of the Shadowbox.
+     *
+     * @param   {Object}        obj     The content to set (appropriate to pass
+     *                                  directly to Shadowbox.createHTML())
+     * @return  {HTMLElement}           The newly appended element (or null if
+     *                                  none is provided)
+     * @private
+     */
+    var setContent = function(obj){
+        var id = 'shadowbox_content';
+        var content = SL.get(id);
+        if(content){
+            // remove old content first
+            switch(content.tagName.toUpperCase()){
+                case 'OBJECT':
+                    // if we're in a gallery (i.e. changing and there's a new
+                    // object) we want the LAST link object
+                    var link = current_gallery[(obj ? current - 1 : current)];
+                    if(link.type == 'wmp' && isIE){
+                        try{
+                            shadowbox_content.controls.stop(); // stop the movie
+                            shadowbox_content.URL = 'non-existent.wmv'; // force player refresh
+                            window.shadowbox_content = function(){}; // remove from window
+                        }catch(e){}
+                    }else if(link.type == 'qt' && isSafari){
+                        try{
+                            document.shadowbox_content.Stop(); // stop QT movie
+                        }catch(e){}
+                        // stop QT audio stream for movies that have not yet loaded
+                        content.innerHTML = '';
+                        // console.log(document.shadowbox_content);
+                    }
+                    setTimeout(function(){ // using setTimeout prevents browser crashes with WMP
+                        SL.remove(content);
+                    }, 10);
+                break;
+                case 'IFRAME':
+                    SL.remove(content);
+                    if(isGecko) delete window.frames[id]; // needed for Firefox
+                break;
+                default:
+                    SL.remove(content);
+            }
+        }
+        if(obj){
+            if(!obj.id) obj.id = id;
+            return appendHTML('shadowbox_body_inner', Shadowbox.createHTML(obj));
+        }
+        return null;
+    };
+
+    /**
+     * This function is used as the callback after the Shadowbox has been
+     * positioned, resized, and loaded with content.
+     *
+     * @return  void
+     * @private
+     */
+    var finishContent = function(){
+        var obj = current_gallery[current];
+        if(!obj) return; // invalid
+        hideLoading(function(){
+            listenKeyboard(true);
+            // fire onFinish handler
+            if(options.onFinish && typeof options.onFinish == 'function'){
+                options.onFinish(obj);
+            }
+        });
+    };
+
+    /**
+     * Resizes and positions the content box using the given height and width.
+     * If the callback parameter is missing, the transition will not be
+     * animated. If the callback parameter is present, it will be passed the
+     * new calculated dimensions object as its first parameter. Note: the height
+     * and width here should represent the optimal height and width of the box.
+     *
+     * @param   {Function}  callback    A callback function to use when the
+     *                                  resize completes
+     * @return  void
+     * @private
+     */
+    var resizeContent = function(height, width, callback){
+        // update optimal height and width
+        optimal_height = height;
+        optimal_width = width;
+        var resizable = RE.resize.test(current_gallery[current].type);
+        var dims = getDimensions(optimal_height, optimal_width, resizable);
+        if(callback){
+            var cb = function(){ callback(dims); };
+            switch(options.animSequence){
+                case 'hw':
+                    adjustHeight(dims.height, dims.top, true, function(){
+                        adjustWidth(dims.width, true, cb);
+                    });
+                break;
+                case 'wh':
+                    adjustWidth(dims.width, true, function(){
+                        adjustHeight(dims.height, dims.top, true, cb);
+                    });
+                break;
+                default: // sync
+                    adjustWidth(dims.width, true);
+                    adjustHeight(dims.height, dims.top, true, cb);
+            }
+        }else{ // window resize
+            adjustWidth(dims.width, false);
+            adjustHeight(dims.height, dims.top, false);
+            // resize content images & flash in 'resize' mode
+            if(options.handleLgImages == 'resize' && resizable){
+                var content = SL.get('shadowbox_content');
+                if(content){ // may be animating, not present
+                    content.height = dims.i_height;
+                    content.width = dims.i_width;
+                }
+            }
+        }
+    };
+
+    /**
+     * Calculates the dimensions for Shadowbox, taking into account the borders,
+     * margins, and surrounding elements of the shadowbox_body. If the image
+     * is still to large for Shadowbox, and options.handleLgImages is 'resize',
+     * the resized dimensions will be returned (preserving the original aspect
+     * ratio). Otherwise, the originally calculated dimensions will be returned.
+     * The returned object will have the following properties:
+     *
+     * - height: The height to use for shadowbox_body_inner
+     * - width: The width to use for shadowbox
+     * - i_height: The height to use for resizable content
+     * - i_width: The width to use for resizable content
+     * - top: The top to use for shadowbox
+     * - enableDrag: True if dragging should be enabled (image is oversized)
+     *
+     * @param   {Number}    o_height    The optimal height
+     * @param   {Number}    o_width     The optimal width
+     * @param   {Boolean}   resizable   True if the content is able to be
+     *                                  resized. Defaults to false.
+     * @return  {Object}                The resize dimensions (see above)
+     * @private
+     */
+    var getDimensions = function(o_height, o_width, resizable){
+        if(typeof resizable == 'undefined') resizable = false;
+
+        var height = o_height = parseInt(o_height);
+        var width = o_width = parseInt(o_width);
+        var shadowbox_b = SL.get('shadowbox_body');
+
+        // calculate the max height
+        var view_height = SL.getViewportHeight();
+        var extra_height = parseInt(SL.getStyle(shadowbox_b, 'border-top-width'), 10)
+            + parseInt(SL.getStyle(shadowbox_b, 'border-bottom-width'), 10)
+            + parseInt(SL.getStyle(shadowbox_b, 'margin-top'), 10)
+            + parseInt(SL.getStyle(shadowbox_b, 'margin-bottom'), 10)
+            + getComputedHeight(SL.get('shadowbox_title'))
+            + getComputedHeight(SL.get('shadowbox_toolbar'))
+            + (2 * options.viewportPadding);
+        if((height + extra_height) >= view_height){
+            height = view_height - extra_height;
+        }
+
+        // calculate the max width
+        var view_width = SL.getViewportWidth();
+        var extra_body_width = parseInt(SL.getStyle(shadowbox_b, 'border-left-width'), 10)
+            + parseInt(SL.getStyle(shadowbox_b, 'border-right-width'), 10)
+            + parseInt(SL.getStyle(shadowbox_b, 'margin-left'), 10)
+            + parseInt(SL.getStyle(shadowbox_b, 'margin-right'), 10);
+        var extra_width = extra_body_width + (2 * options.viewportPadding);
+        if((width + extra_width) >= view_width){
+            width = view_width - extra_width;
+        }
+
+        // handle oversized images & flash
+        var enableDrag = false;
+        var i_height = o_height;
+        var i_width = o_width;
+        var handle = options.handleLgImages;
+        if(resizable && (handle == 'resize' || handle == 'drag')){
+            var change_h = (o_height - height) / o_height;
+            var change_w = (o_width - width) / o_width;
+            if(handle == 'resize'){
+                if(change_h > change_w){
+                    width = Math.round((o_width / o_height) * height);
+                }else if(change_w > change_h){
+                    height = Math.round((o_height / o_width) * width);
+                }
+                // adjust image height or width accordingly
+                i_width = width;
+                i_height = height;
+            }else{
+                // drag on oversized images only
+                var link = current_gallery[current];
+                if(link) enableDrag = link.type == 'img' && (change_h > 0 || change_w > 0);
+            }
+        }
+
+        return {
+            height: height,
+            width: width + extra_body_width,
+            i_height: i_height,
+            i_width: i_width,
+            top: ((view_height - (height + extra_height)) / 2) + options.viewportPadding,
+            enableDrag: enableDrag
+        };
+    };
+
+    /**
+     * Centers Shadowbox vertically in the viewport. Needs to be called on
+     * scroll in IE6 because it does not support fixed positioning.
+     *
+     * @return  void
+     * @private
+     */
+    var centerVertically = function(){
+        var shadowbox = SL.get('shadowbox');
+        var scroll = document.documentElement.scrollTop;
+        var s_top = scroll + Math.round((SL.getViewportHeight() - (shadowbox.offsetHeight || 0)) / 2);
+        SL.setStyle(shadowbox, 'top', s_top + 'px');
+    };
+
+    /**
+     * Adjusts the height of shadowbox_body_inner and centers Shadowbox
+     * vertically in the viewport.
+     *
+     * @param   {Number}    height      The height of shadowbox_body_inner
+     * @param   {Number}    top         The top of the Shadowbox
+     * @param   {Boolean}   animate     True to animate the transition
+     * @param   {Function}  callback    A callback to use when the animation completes
+     * @return  void
+     * @private
+     */
+    var adjustHeight = function(height, top, animate, callback){
+        height = parseInt(height);
+
+        // update current_height
+        current_height = height;
+
+        // adjust the height
+        var sbi = SL.get('shadowbox_body_inner');
+        if(animate && options.animate){
+            SL.animate(sbi, {
+                height: { to: height }
+            }, options.resizeDuration, callback);
+        }else{
+            SL.setStyle(sbi, 'height', height + 'px');
+            if(typeof callback == 'function') callback();
+        }
+
+        // manually adjust the top because we're using fixed positioning in IE6
+        if(absolute_pos){
+            // listen for scroll so we can adjust
+            centerVertically();
+            SL.addEvent(window, 'scroll', centerVertically);
+
+            // add scroll to top
+            top += document.documentElement.scrollTop;
+        }
+
+        // adjust the top
+        var shadowbox = SL.get('shadowbox');
+        if(animate && options.animate){
+            SL.animate(shadowbox, {
+                top: { to: top }
+            }, options.resizeDuration);
+        }else{
+            SL.setStyle(shadowbox, 'top', top + 'px');
+        }
+    };
+
+    /**
+     * Adjusts the width of shadowbox.
+     *
+     * @param   {Number}    width       The width to use
+     * @param   {Boolean}   animate     True to animate the transition
+     * @param   {Function}  callback    A callback to use when the animation completes
+     * @return  void
+     * @private
+     */
+    var adjustWidth = function(width, animate, callback){
+        width = parseInt(width);
+
+        // update current_width
+        current_width = width;
+
+        var shadowbox = SL.get('shadowbox');
+        if(animate && options.animate){
+            SL.animate(shadowbox, {
+                width: { to: width }
+            }, options.resizeDuration, callback);
+        }else{
+            SL.setStyle(shadowbox, 'width', width + 'px');
+            if(typeof callback == 'function') callback();
+        }
+    };
+
+    /**
+     * Sets up a listener on the document for keystrokes.
+     *
+     * @param   {Boolean}   on      True to enable the listner, false to turn
+     *                              it off
+     * @return  void
+     * @private
+     */
+    var listenKeyboard = function(on){
+        if(!options.enableKeys) return;
+        if(on){
+            document.onkeydown = handleKey;
+        }else{
+            document.onkeydown = '';
+        }
+    };
+
+    /**
+     * Asserts the given key or code is present in the array of valid keys.
+     *
+     * @param   {Array}     valid       An array of valid keys and codes
+     * @param   {String}    key         The character that was pressed
+     * @param   {Number}    code        The key code that was pressed
+     * @return  {Boolean}               True if the key is valid
+     * @private
+     */
+    var assertKey = function(valid, key, code){
+        return (valid.indexOf(key) != -1 || valid.indexOf(code) != -1);
+    };
+
+    /**
+     * A listener function that will act on a key pressed.
+     *
+     * @param   {Event}     e       The event object
+     * @return  void
+     * @private
+     */
+    var handleKey = function(e){
+        var code = e ? e.which : event.keyCode;
+        var key = String.fromCharCode(code).toLowerCase();
+        if(assertKey(options.keysClose, key, code)){
+            Shadowbox.close();
+        }else if(assertKey(options.keysPrev, key, code)){
+            Shadowbox.previous();
+        }else if(assertKey(options.keysNext, key, code)){
+            Shadowbox.next();
+        }
+    };
+
+    /**
+     * Shows and hides elements that are troublesome for modal overlays.
+     *
+     * @param   {Boolean}   on      True to show the elements, false otherwise
+     * @return  void
+     * @private
+     */
+    var toggleTroubleElements = function(on){
+        var vis = (on ? 'visible' : 'hidden');
+        var selects = document.getElementsByTagName('select');
+        for(i = 0, len = selects.length; i < len; ++i){
+            selects[i].style.visibility = vis;
+        }
+        var objects = document.getElementsByTagName('object');
+        for(i = 0, len = objects.length; i < len; ++i){
+            objects[i].style.visibility = vis;
+        }
+        var embeds = document.getElementsByTagName('embed');
+        for(i = 0, len = embeds.length; i < len; ++i){
+            embeds[i].style.visibility = vis;
+        }
+    };
+
+    /**
+     * Fills the Shadowbox with the loading skin.
+     *
+     * @return  void
+     * @private
+     */
+    var showLoading = function(){
+        var loading = SL.get('shadowbox_loading');
+        overwriteHTML(loading, String.format(options.skin.loading,
+            options.assetURL + options.loadingImage,
+            options.text.loading,
+            options.text.cancel));
+        loading.style.visibility = 'visible';
+    };
+
+    /**
+     * Hides the Shadowbox loading skin.
+     *
+     * @param   {Function}  callback        The callback function to call after
+     *                                      hiding the loading skin
+     * @return  void
+     * @private
+     */
+    var hideLoading = function(callback){
+        var t = current_gallery[current].type;
+        var anim = (t == 'img' || t == 'html'); // fade on images & html
+        var loading = SL.get('shadowbox_loading');
+        if(anim){
+            fadeOut(loading, 0.35, callback);
+        }else{
+            loading.style.visibility = 'hidden';
+            callback();
+        }
+    };
+
+    /**
+     * Sets the size of the overlay to the size of the document.
+     *
+     * @return  void
+     * @private
+     */
+    var resizeOverlay = function(){
+        var overlay = SL.get('shadowbox_overlay');
+        SL.setStyle(overlay, {
+            height: '100%',
+            width: '100%'
+        });
+        SL.setStyle(overlay, 'height', SL.getDocumentHeight() + 'px');
+        if(!isSafari3){
+            // Safari3 includes vertical scrollbar in SL.getDocumentWidth()!
+            // Leave overlay width at 100% for now...
+            SL.setStyle(overlay, 'width', SL.getDocumentWidth() + 'px');
+        }
+    };
+
+    /**
+     * Used to determine if the pre-made overlay background image is needed
+     * instead of using the trasparent background overlay. A pre-made background
+     * image is used for all but image pieces in FF Mac because it has problems
+     * displaying correctly if the background layer is not 100% opaque. When
+     * displaying a gallery, if any piece in the gallery meets these criteria,
+     * the pre-made background image will be used.
+     *
+     * @return  {Boolean}       Whether or not an overlay image is needed
+     * @private
+     */
+    var checkOverlayImgNeeded = function(){
+        if(!(isGecko && isMac)) return false;
+        for(var i = 0, len = current_gallery.length; i < len; ++i){
+            if(!RE.overlay.exec(current_gallery[i].type)) return true;
+        }
+        return false;
+    };
+
+    /**
+     * Activates (or deactivates) the Shadowbox overlay. If a callback function
+     * is provided, we know we're activating. Otherwise, deactivate the overlay.
+     *
+     * @param   {Function}  callback    A callback to call after activation
+     * @return  void
+     * @private
+     */
+    var toggleOverlay = function(callback){
+        var overlay = SL.get('shadowbox_overlay');
+        if(overlay_img_needed == null){
+            overlay_img_needed = checkOverlayImgNeeded();
+        }
+
+        if(callback){
+            resizeOverlay(); // size the overlay before showing
+            if(overlay_img_needed){
+                SL.setStyle(overlay, {
+                    visibility:         'visible',
+                    backgroundColor:    'transparent',
+                    backgroundImage:    'url(' + options.assetURL + options.overlayBgImage + ')',
+                    backgroundRepeat:   'repeat',
+                    opacity:            1
+                });
+                callback();
+            }else{
+                SL.setStyle(overlay, {
+                    visibility:         'visible',
+                    backgroundColor:    options.overlayColor,
+                    backgroundImage:    'none'
+                });
+                fadeIn(overlay, options.overlayOpacity, options.fadeDuration,
+                    callback);
+            }
+        }else{
+            if(overlay_img_needed){
+                SL.setStyle(overlay, 'visibility', 'hidden');
+            }else{
+                fadeOut(overlay, options.fadeDuration);
+            }
+
+            // reset for next time
+            overlay_img_needed = null;
+        }
+    };
+
+    /**
+     * Initializes the Shadowbox environment. Appends Shadowbox' HTML to the
+     * document and sets up listeners on the window and overlay element.
+     *
+     * @param   {Object}    opts    The default options to use
+     * @return  void
+     * @public
+     * @static
+     */
+    Shadowbox.init = function(opts){
+        if(initialized) return; // don't initialize twice
+        options = apply(options, opts || {});
+
+        // add markup
+        appendHTML(document.body, options.skin.main);
+
+        // compile file type regular expressions here for speed
+        RE.img = new RegExp('\.(' + options.ext.img.join('|') + ')\s*$', 'i');
+        RE.qt = new RegExp('\.(' + options.ext.qt.join('|') + ')\s*$', 'i');
+        RE.wmp = new RegExp('\.(' + options.ext.wmp.join('|') + ')\s*$', 'i');
+        RE.qtwmp = new RegExp('\.(' + options.ext.qtwmp.join('|') + ')\s*$', 'i');
+        RE.iframe = new RegExp('\.(' + options.ext.iframe.join('|') + ')\s*$', 'i');
+
+        // handle window resize events
+        var id = null;
+        var resize = function(){
+            clearInterval(id);
+            id = null;
+            resizeOverlay();
+            resizeContent(optimal_height, optimal_width);
+        };
+        SL.addEvent(window, 'resize', function(){
+            if(activated){
+                // use event buffering to prevent jerky window resizing
+                if(id){
+                    clearInterval(id);
+                    id = null;
+                }
+                if(!id) id = setInterval(resize, 50);
+            }
+        });
+
+        if(options.listenOverlay){
+            // add a listener to the overlay
+            SL.addEvent(SL.get('shadowbox_overlay'), 'click', Shadowbox.close);
+        }
+
+        // adjust some positioning if needed
+        if(absolute_pos){
+            // give the container absolute positioning
+            SL.setStyle(SL.get('shadowbox_container'), 'position', 'absolute');
+            // give shadowbox_body "layout"...whatever that is
+            SL.setStyle('shadowbox_body', 'zoom', 1);
+            // need to listen to the container element because it covers the top
+            // half of the page
+            SL.addEvent(SL.get('shadowbox_container'), 'click', function(e){
+                var target = SL.getTarget(e);
+                if(target.id && target.id == 'shadowbox_container') Shadowbox.close();
+            });
+        }
+
+        // skip setup, will need to be done manually later
+        if(!options.skipSetup) Shadowbox.setup();
+        initialized = true;
+    };
+
+    /**
+     * Sets up listeners on the given links that will trigger Shadowbox. If no
+     * links are given, this method will set up every anchor element on the page
+     * with the appropriate rel attribute. Note: Because AREA elements do not
+     * support the rel attribute, they must be explicitly passed to this method.
+     *
+     * @param   {Array}     links       An array (or array-like) list of anchor
+     *                                  and/or area elements to set up
+     * @param   {Object}    opts        Some options to use for the given links
+     * @return  void
+     * @public
+     * @static
+     */
+    Shadowbox.setup = function(links, opts){
+        // get links if none specified
+        if(!links){
+            var links = [];
+            var a = document.getElementsByTagName('a'), rel;
+            for(var i = 0, len = a.length; i < len; ++i){
+                rel = a[i].getAttribute('rel');
+                if(rel && RE.rel.test(rel)) links[links.length] = a[i];
+            }
+        }else if(!links.length){
+            links = [links]; // one link
+        }
+
+        var link;
+        for(var i = 0, len = links.length; i < len; ++i){
+            link = links[i];
+            if(typeof link.shadowboxCacheKey == 'undefined'){
+                // assign cache key expando
+                // use integer primitive to avoid memory leak in IE
+                link.shadowboxCacheKey = cache.length;
+                SL.addEvent(link, 'click', handleClick); // add listener
+            }
+            cache[link.shadowboxCacheKey] = this.buildCacheObj(link, opts);
+        }
+    };
+
+    /**
+     * Builds an object from the original link element data to store in cache.
+     * These objects contain (most of) the following keys:
+     *
+     * - el: the link element
+     * - title: the linked file title
+     * - type: the linked file type
+     * - content: the linked file's URL
+     * - gallery: the gallery the file belongs to (optional)
+     * - height: the height of the linked file (only necessary for movies)
+     * - width: the width of the linked file (only necessary for movies)
+     * - options: custom options to use (optional)
+     *
+     * @param   {HTMLElement}   link    The link element to process
+     * @return  {Object}                An object representing the link
+     * @public
+     * @static
+     */
+    Shadowbox.buildCacheObj = function(link, opts){
+        var href = link.href; // don't use getAttribute() here
+        var o = {
+            el:         link,
+            title:      link.getAttribute('title'),
+            type:       getPlayerType(href),
+            options:    apply({}, opts || {}), // break the reference
+            content:    href
+        };
+
+        // remove link-level options from top-level options
+        var opt, l_opts = ['title', 'type', 'height', 'width', 'gallery'];
+        for(var i = 0, len = l_opts.length; i < len; ++i){
+            opt = l_opts[i];
+            if(typeof o.options[opt] != 'undefined'){
+                o[opt] = o.options[opt];
+                delete o.options[opt];
+            }
+        }
+
+        // HTML options always trump JavaScript options, so do these last
+        var rel = link.getAttribute('rel');
+        if(rel){
+            // extract gallery name from shadowbox[name] format
+            var match = rel.match(RE.gallery);
+            if(match) o.gallery = escape(match[2]);
+
+            // other parameters
+            var params = rel.split(';');
+            for(var i = 0, len = params.length; i < len; ++i){
+                match = params[i].match(RE.param);
+                if(match){
+                    if(match[1] == 'options'){
+                        eval('o.options = apply(o.options, ' + match[2] + ')');
+                    }else{
+                        o[match[1]] = match[2];
+                    }
+                }
+            }
+        }
+
+        return o;
+    };
+
+    /**
+     * Applies the given set of options to those currently in use. Note: Options
+     * will be reset on Shadowbox.open() so this function is only useful after
+     * it has already been called (while Shadowbox is open).
+     *
+     * @param   {Object}    opts        The options to apply
+     * @return  void
+     * @public
+     * @static
+     */
+    Shadowbox.applyOptions = function(opts){
+        if(opts){
+            // use apply here to break references
+            default_options = apply({}, options); // store default options
+            options = apply(options, opts); // apply options
+        }
+    };
+
+    /**
+     * Reverts Shadowbox' options to the last default set in use before
+     * Shadowbox.applyOptions() was called.
+     *
+     * @return  void
+     * @public
+     * @static
+     */
+    Shadowbox.revertOptions = function(){
+        if(default_options){
+            options = default_options; // revert to default options
+            default_options = null; // erase for next time
+        }
+    };
+
+    /**
+     * Opens the given object in Shadowbox. This object may be either an
+     * anchor/area element, or an object similar to the one created by
+     * Shadowbox.buildCacheObj().
+     *
+     * @param   {mixed}     obj         The object or link element that defines
+     *                                  what to display
+     * @return  void
+     * @public
+     * @static
+     */
+    Shadowbox.open = function(obj, opts){
+        if(activated) return; // already open
+        activated = true;
+
+        // is it a link?
+        if(isLink(obj)){
+            if(typeof obj.shadowboxCacheKey == 'undefined' || typeof cache[obj.shadowboxCacheKey] == 'undefined'){
+                // link element that hasn't been set up before
+                // create an object on-the-fly
+                obj = this.buildCacheObj(obj, opts);
+            }else{
+                // link element that has been set up before, get from cache
+                obj = cache[obj.shadowboxCacheKey];
+            }
+        }
+
+        this.revertOptions();
+        if(obj.options || opts){
+            // use apply here to break references
+            this.applyOptions(apply(apply({}, obj.options || {}), opts || {}));
+        }
+
+        // update current & current_gallery
+        setupGallery(obj);
+
+        // anything to display?
+        if(current_gallery.length){
+            // fire onOpen hook
+            if(options.onOpen && typeof options.onOpen == 'function'){
+                options.onOpen(obj);
+            }
+
+            // display:block here helps with correct dimension calculations
+            SL.setStyle(SL.get('shadowbox'), 'display', 'block');
+
+            toggleTroubleElements(false);
+            var dims = getDimensions(options.initialHeight, options.initialWidth);
+            adjustHeight(dims.height, dims.top);
+            adjustWidth(dims.width);
+            hideBars(false);
+
+            // show the overlay and load the content
+            toggleOverlay(function(){
+                SL.setStyle(SL.get('shadowbox'), 'visibility', 'visible');
+                showLoading();
+                loadContent();
+            });
+        }
+    };
+
+    /**
+     * Jumps to the piece in the current gallery with index num.
+     *
+     * @param   {Number}    num     The gallery index to view
+     * @return  void
+     * @public
+     * @static
+     */
+    Shadowbox.change = function(num){
+        if(!current_gallery) return; // no current gallery
+        if(!current_gallery[num]){ // index does not exist
+            if(!options.continuous){
+                return;
+            }else{
+                num = (num < 0) ? (current_gallery.length - 1) : 0; // loop
+            }
+        }
+
+        // update current
+        current = num;
+
+        // stop listening for drag
+        toggleDrag(false);
+        // empty the content
+        setContent(null);
+        // turn this back on when done
+        listenKeyboard(false);
+
+        // fire onChange handler
+        if(options.onChange && typeof options.onChange == 'function'){
+            options.onChange(current_gallery[current]);
+        }
+
+        showLoading();
+        hideBars(loadContent);
+    };
+
+    /**
+     * Jumps to the next piece in the gallery.
+     *
+     * @return  {Boolean}       True if the gallery changed to next item, false
+     *                          otherwise
+     * @public
+     * @static
+     */
+    Shadowbox.next = function(){
+        return this.change(current + 1);
+    };
+
+    /**
+     * Jumps to the previous piece in the gallery.
+     *
+     * @return  {Boolean}       True if the gallery changed to previous item,
+     *                          false otherwise
+     * @public
+     * @static
+     */
+    Shadowbox.previous = function(){
+        return this.change(current - 1);
+    };
+
+    /**
+     * Deactivates Shadowbox.
+     *
+     * @return  void
+     * @public
+     * @static
+     */
+    Shadowbox.close = function(){
+        if(!activated) return; // already closed
+
+        // stop listening for keys
+        listenKeyboard(false);
+        // hide
+        SL.setStyle(SL.get('shadowbox'), {
+            display: 'none',
+            visibility: 'hidden'
+        });
+        // stop listening for scroll on IE
+        if(absolute_pos) SL.removeEvent(window, 'scroll', centerVertically);
+        // stop listening for drag
+        toggleDrag(false);
+        // empty the content
+        setContent(null);
+        // prevent old image requests from loading
+        if(preloader){
+            preloader.onload = function(){};
+            preloader = null;
+        }
+        // hide the overlay
+        toggleOverlay(false);
+        // turn on trouble elements
+        toggleTroubleElements(true);
+
+        // fire onClose handler
+        if(options.onClose && typeof options.onClose == 'function'){
+            options.onClose(current_gallery[current]);
+        }
+
+        activated = false;
+    };
+
+    /**
+     * Clears Shadowbox' cache and removes listeners and expandos from all
+     * cached link elements. May be used to completely reset Shadowbox in case
+     * links on a page change.
+     *
+     * @return  void
+     * @public
+     * @static
+     */
+    Shadowbox.clearCache = function(){
+        for(var i = 0, len = cache.length; i < len; ++i){
+            if(cache[i].el){
+                SL.removeEvent(cache[i].el, 'click', handleClick);
+                delete cache[i].shadowboxCacheKey;
+            }
+        }
+        cache = [];
+    };
+
+    /**
+     * Generates the markup necessary to embed the movie file with the given
+     * link element. This markup will be browser-specific. Useful for generating
+     * the media test suite.
+     *
+     * @param   {HTMLElement}   link        The link to the media file
+     * @return  {Object}                    The proper markup to use (see above)
+     * @public
+     * @static
+     */
+    Shadowbox.movieMarkup = function(obj){
+        // movies default to 300x300 pixels
+        var h = obj.height ? parseInt(obj.height, 10) : 300;
+        var w = obj.width ? parseInt(obj.width, 10) : 300;
+
+        var autoplay = options.autoplayMovies;
+        var controls = options.showMovieControls;
+        if(obj.options){
+            if(obj.options.autoplayMovies != null){
+                autoplay = obj.options.autoplayMovies;
+            }
+            if(obj.options.showMovieControls != null){
+                controls = obj.options.showMovieControls;
+            }
+        }
+
+        var markup = {
+            tag:    'object',
+            name:   'shadowbox_content'
+        };
+
+        switch(obj.type){
+            case 'swf':
+                var dims = getDimensions(h, w, true);
+                h = dims.height;
+                w = dims.width;
+                markup.type = 'application/x-shockwave-flash';
+                markup.data = obj.content;
+                markup.children = [
+                    { tag: 'param', name: 'movie', value: obj.content }
+                ];
+            break;
+            case 'flv':
+                autoplay = autoplay ? 'true' : 'false';
+                var showicons = 'false';
+                var a = h/w; // aspect ratio
+                if(controls){
+                    showicons = 'true';
+                    h += 20; // height of JW FLV player controller
+                }
+                var dims = getDimensions(h, h/a, true); // resize
+                h = dims.height;
+                w = (h-(controls?20:0))/a; // maintain aspect ratio
+                var flashvars = [
+                    'file=' + obj.content,
+                    'height=' + h,
+                    'width=' + w,
+                    'autostart=' + autoplay,
+                    'displayheight=' + (h - (controls?20:0)),
+                    'showicons=' + showicons,
+                    'backcolor=0x000000&amp;frontcolor=0xCCCCCC&amp;lightcolor=0x557722'
+                ];
+                markup.type = 'application/x-shockwave-flash';
+                markup.data = options.assetURL + options.flvPlayer;
+                markup.children = [
+                    { tag: 'param', name: 'movie', value: options.assetURL + options.flvPlayer },
+                    { tag: 'param', name: 'flashvars', value: flashvars.join('&amp;') },
+                    { tag: 'param', name: 'allowfullscreen', value: 'true' }
+                ];
+            break;
+            case 'qt':
+                autoplay = autoplay ? 'true' : 'false';
+                if(controls){
+                    controls = 'true';
+                    h += 16; // height of QuickTime controller
+                }else{
+                    controls = 'false';
+                }
+                markup.children = [
+                    { tag: 'param', name: 'src', value: obj.content },
+                    { tag: 'param', name: 'scale', value: 'aspect' },
+                    { tag: 'param', name: 'controller', value: controls },
+                    { tag: 'param', name: 'autoplay', value: autoplay }
+                ];
+                if(isIE){
+                    markup.classid = 'clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B';
+                    markup.codebase = 'http://www.apple.com/qtactivex/qtplugin.cab#version=6,0,2,0';
+                }else{
+                    markup.type = 'video/quicktime';
+                    markup.data = obj.content;
+                }
+            break;
+            case 'wmp':
+                autoplay = autoplay ? 1 : 0;
+                markup.children = [
+                    { tag: 'param', name: 'autostart', value: autoplay }
+                ];
+                if(isIE){
+                    if(controls){
+                        controls = 'full';
+                        h += 70; // height of WMP controller in IE
+                    }else{
+                        controls = 'none';
+                    }
+                    // markup.type = 'application/x-oleobject';
+                    markup.classid = 'clsid:6BF52A52-394A-11d3-B153-00C04F79FAA6';
+                    markup.children[markup.children.length] = { tag: 'param', name: 'url', value: obj.content };
+                    markup.children[markup.children.length] = { tag: 'param', name: 'uimode', value: controls };
+                }else{
+                    if(controls){
+                        controls = 1;
+                        h += 45; // height of WMP controller in non-IE
+                    }else{
+                        controls = 0;
+                    }
+                    markup.type = 'video/x-ms-wmv';
+                    markup.data = obj.content;
+                    markup.children[markup.children.length] = { tag: 'param', name: 'showcontrols', value: controls };
+                }
+            break;
+        }
+
+        markup.height = h; // new height includes controller
+        markup.width = w;
+
+        return markup;
+    };
+
+    /**
+     * Creates an HTML string from an object representing HTML elements. Based
+     * on Ext.DomHelper's createHtml.
+     *
+     * @param   {Object}    obj     The HTML definition object
+     * @return  {String}            An HTML string
+     * @public
+     * @static
+     */
+    Shadowbox.createHTML = function(obj){
+        var html = '<' + obj.tag;
+        for(var attr in obj){
+            if(attr == 'tag' || attr == 'html' || attr == 'children') continue;
+            if(attr == 'cls'){
+                html += ' class="' + obj['cls'] + '"';
+            }else{
+                html += ' ' + attr + '="' + obj[attr] + '"';
+            }
+        }
+        if(RE.empty.test(obj.tag)){
+            html += '/>\n';
+        }else{
+            html += '>\n';
+            var cn = obj.children;
+            if(cn){
+                for(var i = 0, len = cn.length; i < len; ++i){
+                    html += this.createHTML(cn[i]);
+                }
+            }
+            if(obj.html) html += obj.html;
+            html += '</' + obj.tag + '>\n';
+        }
+        return html;
+    };
+
+    /**
+     * Gets an object that lists which plugins are supported by the client. The
+     * keys of this object will be:
+     *
+     * - fla: Adobe Flash Player
+     * - qt: QuickTime Player
+     * - wmp: Windows Media Player
+     * - f4m: Flip4Mac QuickTime Player
+     *
+     * @return  {Object}        The plugins object
+     * @public
+     * @static
+     */
+    Shadowbox.getPlugins = function(){
+        return plugins;
+    };
+
+    /**
+     * Gets the current options object in use.
+     *
+     * @return  {Object}        The options object
+     * @public
+     * @static
+     */
+    Shadowbox.getOptions = function(){
+        return options;
+    };
+
+    /**
+     * Gets the current gallery object.
+     *
+     * @return  {Object}        The current gallery item
+     * @public
+     * @static
+     */
+    Shadowbox.getCurrent = function(){
+        return current_gallery[current];
+    };
+
+    /**
+     * Gets the current version number of Shadowbox.
+     *
+     * @return  {String}        The current version
+     * @public
+     * @static
+     */
+    Shadowbox.getVersion = function(){
+        return version;
+    };
+
+})();
+
+/**
+ * Finds the index of the given object in this array.
+ *
+ * @param   {mixed}     o   The object to search for
+ * @return  {Number}        The index of the given object
+ * @public
+ */
+Array.prototype.indexOf = Array.prototype.indexOf || function(o){
+    for(var i = 0, len = this.length; i < len; ++i){
+        if(this[i] == o) return i;
+    }
+    return -1;
+};
+
+/**
+ * Formats a string with the given parameters. The string for format must have
+ * placeholders that correspond to the numerical index of the arguments passed
+ * in surrounded by curly braces (e.g. 'Some {0} string {1}').
+ *
+ * @param   {String}    format      The string to format
+ * @param   ...                     The parameters to put inside the string
+ * @return  {String}                The string with the specified parameters
+ *                                  replaced
+ * @public
+ * @static
+ */
+String.format = String.format || function(format){
+    var args = Array.prototype.slice.call(arguments, 1);
+    return format.replace(/\{(\d+)\}/g, function(m, i){
+        return args[i];
+    });
+};
diff --git a/projects.gnome.org/yelp/data/shadowbox/js/yui-utilities.js b/projects.gnome.org/yelp/data/shadowbox/js/yui-utilities.js
new file mode 100644
index 0000000..2bb4fb1
--- /dev/null
+++ b/projects.gnome.org/yelp/data/shadowbox/js/yui-utilities.js
@@ -0,0 +1,15 @@
+/*
+Copyright (c) 2007, Yahoo! Inc. All rights reserved.
+Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt
+version: 2.4.1
+
+Note: This file includes yahoo, dom, event, and anim
+
+*/
+if(typeof YAHOO=="undefined"||!YAHOO){var YAHOO={};}YAHOO.namespace=function(){var A=arguments,E=null,C,B,D;for(C=0;C<A.length;C=C+1){D=A[C].split(".");E=YAHOO;for(B=(D[0]=="YAHOO")?1:0;B<D.length;B=B+1){E[D[B]]=E[D[B]]||{};E=E[D[B]];}}return E;};YAHOO.log=function(D,A,C){var B=YAHOO.widget.Logger;if(B&&B.log){return B.log(D,A,C);}else{return false;}};YAHOO.register=function(A,E,D){var I=YAHOO.env.modules;if(!I[A]){I[A]={versions:[],builds:[]};}var B=I[A],H=D.version,G=D.build,F=YAHOO.env.listeners;B.name=A;B.version=H;B.build=G;B.versions.push(H);B.builds.push(G);B.mainClass=E;for(var C=0;C<F.length;C=C+1){F[C](B);}if(E){E.VERSION=H;E.BUILD=G;}else{YAHOO.log("mainClass is undefined for module "+A,"warn");}};YAHOO.env=YAHOO.env||{modules:[],listeners:[]};YAHOO.env.getVersion=function(A){return YAHOO.env.modules[A]||null;};YAHOO.env.ua=function(){var C={ie:0,opera:0,gecko:0,webkit:0,mobile:null};var B=navigator.userAgent,A;if((/KHTML/).test(B)){C.webkit=1;}A=B.match(/AppleWeb
 Kit\/([^\s]*)/);if(A&&A[1]){C.webkit=parseFloat(A[1]);if(/ Mobile\//.test(B)){C.mobile="Apple";}else{A=B.match(/NokiaN[^\/]*/);if(A){C.mobile=A[0];}}}if(!C.webkit){A=B.match(/Opera[\s\/]([^\s]*)/);if(A&&A[1]){C.opera=parseFloat(A[1]);A=B.match(/Opera Mini[^;]*/);if(A){C.mobile=A[0];}}else{A=B.match(/MSIE\s([^;]*)/);if(A&&A[1]){C.ie=parseFloat(A[1]);}else{A=B.match(/Gecko\/([^\s]*)/);if(A){C.gecko=1;A=B.match(/rv:([^\s\)]*)/);if(A&&A[1]){C.gecko=parseFloat(A[1]);}}}}}return C;}();(function(){YAHOO.namespace("util","widget","example");if("undefined"!==typeof YAHOO_config){var B=YAHOO_config.listener,A=YAHOO.env.listeners,D=true,C;if(B){for(C=0;C<A.length;C=C+1){if(A[C]==B){D=false;break;}}if(D){A.push(B);}}}})();YAHOO.lang=YAHOO.lang||{isArray:function(B){if(B){var A=YAHOO.lang;return A.isNumber(B.length)&&A.isFunction(B.splice);}return false;},isBoolean:function(A){return typeof A==="boolean";},isFunction:function(A){return typeof A==="function";},isNull:function(A){return A=
 ==null;},isNumber:function(A){return typeof A==="number"&&isFinite(A);},isObject:function(A){return(A&&(typeof A==="object"||YAHOO.lang.isFunction(A)))||false;},isString:function(A){return typeof A==="string";},isUndefined:function(A){return typeof A==="undefined";},hasOwnProperty:function(A,B){if(Object.prototype.hasOwnProperty){return A.hasOwnProperty(B);}return !YAHOO.lang.isUndefined(A[B])&&A.constructor.prototype[B]!==A[B];},_IEEnumFix:function(C,B){if(YAHOO.env.ua.ie){var E=["toString","valueOf"],A;for(A=0;A<E.length;A=A+1){var F=E[A],D=B[F];if(YAHOO.lang.isFunction(D)&&D!=Object.prototype[F]){C[F]=D;}}}},extend:function(D,E,C){if(!E||!D){throw new Error("YAHOO.lang.extend failed, please check that all dependencies are included.");}var B=function(){};B.prototype=E.prototype;D.prototype=new B();D.prototype.constructor=D;D.superclass=E.prototype;if(E.prototype.constructor==Object.prototype.constructor){E.prototype.constructor=E;}if(C){for(var A in C){D.prototype[A]=C[A];
 }YAHOO.lang._IEEnumFix(D.prototype,C);}},augmentObject:function(E,D){if(!D||!E){throw new Error("Absorb failed, verify dependencies.");}var A=arguments,C,F,B=A[2];if(B&&B!==true){for(C=2;C<A.length;C=C+1){E[A[C]]=D[A[C]];}}else{for(F in D){if(B||!E[F]){E[F]=D[F];}}YAHOO.lang._IEEnumFix(E,D);}},augmentProto:function(D,C){if(!C||!D){throw new Error("Augment failed, verify dependencies.");}var A=[D.prototype,C.prototype];for(var B=2;B<arguments.length;B=B+1){A.push(arguments[B]);}YAHOO.lang.augmentObject.apply(this,A);},dump:function(A,G){var C=YAHOO.lang,D,F,I=[],J="{...}",B="f(){...}",H=", ",E=" => ";if(!C.isObject(A)){return A+"";}else{if(A instanceof Date||("nodeType" in A&&"tagName" in A)){return A;}else{if(C.isFunction(A)){return B;}}}G=(C.isNumber(G))?G:3;if(C.isArray(A)){I.push("[");for(D=0,F=A.length;D<F;D=D+1){if(C.isObject(A[D])){I.push((G>0)?C.dump(A[D],G-1):J);}else{I.push(A[D]);}I.push(H);}if(I.length>1){I.pop();}I.push("]");}else{I.push("{");for(D in A){if(C.hasO
 wnProperty(A,D)){I.push(D+E);if(C.isObject(A[D])){I.push((G>0)?C.dump(A[D],G-1):J);}else{I.push(A[D]);}I.push(H);}}if(I.length>1){I.pop();}I.push("}");}return I.join("");},substitute:function(Q,B,J){var G,F,E,M,N,P,D=YAHOO.lang,L=[],C,H="dump",K=" ",A="{",O="}";for(;;){G=Q.lastIndexOf(A);if(G<0){break;}F=Q.indexOf(O,G);if(G+1>=F){break;}C=Q.substring(G+1,F);M=C;P=null;E=M.indexOf(K);if(E>-1){P=M.substring(E+1);M=M.substring(0,E);}N=B[M];if(J){N=J(M,N,P);}if(D.isObject(N)){if(D.isArray(N)){N=D.dump(N,parseInt(P,10));}else{P=P||"";var I=P.indexOf(H);if(I>-1){P=P.substring(4);}if(N.toString===Object.prototype.toString||I>-1){N=D.dump(N,parseInt(P,10));}else{N=N.toString();}}}else{if(!D.isString(N)&&!D.isNumber(N)){N="~-"+L.length+"-~";L[L.length]=C;}}Q=Q.substring(0,G)+N+Q.substring(F+1);}for(G=L.length-1;G>=0;G=G-1){Q=Q.replace(new RegExp("~-"+G+"-~"),"{"+L[G]+"}","g");}return Q;},trim:function(A){try{return A.replace(/^\s+|\s+$/g,"");}catch(B){return A;}},merge:function(){var
  D={},B=arguments;for(var C=0,A=B.length;C<A;C=C+1){YAHOO.lang.augmentObject(D,B[C],true);}return D;},later:function(H,B,I,D,E){H=H||0;B=B||{};var C=I,G=D,F,A;if(YAHOO.lang.isString(I)){C=B[I];}if(!C){throw new TypeError("method undefined");}if(!YAHOO.lang.isArray(G)){G=[D];}F=function(){C.apply(B,G);};A=(E)?setInterval(F,H):setTimeout(F,H);return{interval:E,cancel:function(){if(this.interval){clearInterval(A);}else{clearTimeout(A);}}};},isValue:function(B){var A=YAHOO.lang;return(A.isObject(B)||A.isString(B)||A.isNumber(B)||A.isBoolean(B));}};YAHOO.util.Lang=YAHOO.lang;YAHOO.lang.augment=YAHOO.lang.augmentProto;YAHOO.augment=YAHOO.lang.augmentProto;YAHOO.extend=YAHOO.lang.extend;YAHOO.register("yahoo",YAHOO,{version:"2.4.1",build:"742"});(function(){var B=YAHOO.util,L,J,H=0,K={},F={},N=window.document;var C=YAHOO.env.ua.opera,M=YAHOO.env.ua.webkit,A=YAHOO.env.ua.gecko,G=YAHOO.env.ua.ie;var E={HYPHEN:/(-[a-z])/i,ROOT_TAG:/^body|html$/i};var O=function(Q){if(!E.HYPHEN.test(Q)
 ){return Q;}if(K[Q]){return K[Q];}var R=Q;while(E.HYPHEN.exec(R)){R=R.replace(RegExp.$1,RegExp.$1.substr(1).toUpperCase());}K[Q]=R;return R;};var P=function(R){var Q=F[R];if(!Q){Q=new RegExp("(?:^|\\s+)"+R+"(?:\\s+|$)");F[R]=Q;}return Q;};if(N.defaultView&&N.defaultView.getComputedStyle){L=function(Q,T){var S=null;if(T=="float"){T="cssFloat";}var R=N.defaultView.getComputedStyle(Q,"");if(R){S=R[O(T)];}return Q.style[T]||S;};}else{if(N.documentElement.currentStyle&&G){L=function(Q,S){switch(O(S)){case"opacity":var U=100;try{U=Q.filters["DXImageTransform.Microsoft.Alpha"].opacity;}catch(T){try{U=Q.filters("alpha").opacity;}catch(T){}}return U/100;case"float":S="styleFloat";default:var R=Q.currentStyle?Q.currentStyle[S]:null;return(Q.style[S]||R);}};}else{L=function(Q,R){return Q.style[R];};}}if(G){J=function(Q,R,S){switch(R){case"opacity":if(YAHOO.lang.isString(Q.style.filter)){Q.style.filter="alpha(opacity="+S*100+")";if(!Q.currentStyle||!Q.currentStyle.hasLayout){Q.style.zoo
 m=1;}}break;case"float":R="styleFloat";default:Q.style[R]=S;}};}else{J=function(Q,R,S){if(R=="float"){R="cssFloat";}Q.style[R]=S;};}var D=function(Q,R){return Q&&Q.nodeType==1&&(!R||R(Q));};YAHOO.util.Dom={get:function(S){if(S&&(S.tagName||S.item)){return S;}if(YAHOO.lang.isString(S)||!S){return N.getElementById(S);}if(S.length!==undefined){var T=[];for(var R=0,Q=S.length;R<Q;++R){T[T.length]=B.Dom.get(S[R]);}return T;}return S;},getStyle:function(Q,S){S=O(S);var R=function(T){return L(T,S);};return B.Dom.batch(Q,R,B.Dom,true);},setStyle:function(Q,S,T){S=O(S);var R=function(U){J(U,S,T);};B.Dom.batch(Q,R,B.Dom,true);},getXY:function(Q){var R=function(S){if((S.parentNode===null||S.offsetParent===null||this.getStyle(S,"display")=="none")&&S!=S.ownerDocument.body){return false;}return I(S);};return B.Dom.batch(Q,R,B.Dom,true);},getX:function(Q){var R=function(S){return B.Dom.getXY(S)[0];};return B.Dom.batch(Q,R,B.Dom,true);},getY:function(Q){var R=function(S){return B.Dom.getXY
 (S)[1];};return B.Dom.batch(Q,R,B.Dom,true);},setXY:function(Q,T,S){var R=function(W){var V=this.getStyle(W,"position");if(V=="static"){this.setStyle(W,"position","relative");V="relative";}var Y=this.getXY(W);if(Y===false){return false;}var X=[parseInt(this.getStyle(W,"left"),10),parseInt(this.getStyle(W,"top"),10)];if(isNaN(X[0])){X[0]=(V=="relative")?0:W.offsetLeft;}if(isNaN(X[1])){X[1]=(V=="relative")?0:W.offsetTop;}if(T[0]!==null){W.style.left=T[0]-Y[0]+X[0]+"px";}if(T[1]!==null){W.style.top=T[1]-Y[1]+X[1]+"px";}if(!S){var U=this.getXY(W);if((T[0]!==null&&U[0]!=T[0])||(T[1]!==null&&U[1]!=T[1])){this.setXY(W,T,true);}}};B.Dom.batch(Q,R,B.Dom,true);},setX:function(R,Q){B.Dom.setXY(R,[Q,null]);},setY:function(Q,R){B.Dom.setXY(Q,[null,R]);},getRegion:function(Q){var R=function(S){if((S.parentNode===null||S.offsetParent===null||this.getStyle(S,"display")=="none")&&S!=N.body){return false;}var T=B.Region.getRegion(S);return T;};return B.Dom.batch(Q,R,B.Dom,true);},getClientWid
 th:function(){return B.Dom.getViewportWidth();},getClientHeight:function(){return B.Dom.getViewportHeight();},getElementsByClassName:function(U,Y,V,W){Y=Y||"*";V=(V)?B.Dom.get(V):null||N;if(!V){return[];}var R=[],Q=V.getElementsByTagName(Y),X=P(U);for(var S=0,T=Q.length;S<T;++S){if(X.test(Q[S].className)){R[R.length]=Q[S];if(W){W.call(Q[S],Q[S]);}}}return R;},hasClass:function(S,R){var Q=P(R);var T=function(U){return Q.test(U.className);};return B.Dom.batch(S,T,B.Dom,true);},addClass:function(R,Q){var S=function(T){if(this.hasClass(T,Q)){return false;}T.className=YAHOO.lang.trim([T.className,Q].join(" "));return true;};return B.Dom.batch(R,S,B.Dom,true);},removeClass:function(S,R){var Q=P(R);var T=function(U){if(!this.hasClass(U,R)){return false;}var V=U.className;U.className=V.replace(Q," ");if(this.hasClass(U,R)){this.removeClass(U,R);}U.className=YAHOO.lang.trim(U.className);return true;};return B.Dom.batch(S,T,B.Dom,true);},replaceClass:function(T,R,Q){if(!Q||R===Q){retu
 rn false;}var S=P(R);var U=function(V){if(!this.hasClass(V,R)){this.addClass(V,Q);return true;}V.className=V.className.replace(S," "+Q+" ");if(this.hasClass(V,R)){this.replaceClass(V,R,Q);}V.className=YAHOO.lang.trim(V.className);return true;};return B.Dom.batch(T,U,B.Dom,true);},generateId:function(Q,S){S=S||"yui-gen";var R=function(T){if(T&&T.id){return T.id;}var U=S+H++;if(T){T.id=U;}return U;};return B.Dom.batch(Q,R,B.Dom,true)||R.apply(B.Dom,arguments);},isAncestor:function(Q,R){Q=B.Dom.get(Q);R=B.Dom.get(R);if(!Q||!R){return false;}if(Q.contains&&R.nodeType&&!M){return Q.contains(R);}else{if(Q.compareDocumentPosition&&R.nodeType){return !!(Q.compareDocumentPosition(R)&16);}else{if(R.nodeType){return !!this.getAncestorBy(R,function(S){return S==Q;});}}}return false;},inDocument:function(Q){return this.isAncestor(N.documentElement,Q);},getElementsBy:function(X,R,S,U){R=R||"*";S=(S)?B.Dom.get(S):null||N;if(!S){return[];}var T=[],W=S.getElementsByTagName(R);for(var V=0,Q=W
 .length;V<Q;++V){if(X(W[V])){T[T.length]=W[V];if(U){U(W[V]);}}}return T;},batch:function(U,X,W,S){U=(U&&(U.tagName||U.item))?U:B.Dom.get(U);if(!U||!X){return false;}var T=(S)?W:window;if(U.tagName||U.length===undefined){return X.call(T,U,W);}var V=[];for(var R=0,Q=U.length;R<Q;++R){V[V.length]=X.call(T,U[R],W);}return V;},getDocumentHeight:function(){var R=(N.compatMode!="CSS1Compat")?N.body.scrollHeight:N.documentElement.scrollHeight;var Q=Math.max(R,B.Dom.getViewportHeight());return Q;},getDocumentWidth:function(){var R=(N.compatMode!="CSS1Compat")?N.body.scrollWidth:N.documentElement.scrollWidth;var Q=Math.max(R,B.Dom.getViewportWidth());return Q;},getViewportHeight:function(){var Q=self.innerHeight;var R=N.compatMode;if((R||G)&&!C){Q=(R=="CSS1Compat")?N.documentElement.clientHeight:N.body.clientHeight;
+}return Q;},getViewportWidth:function(){var Q=self.innerWidth;var R=N.compatMode;if(R||G){Q=(R=="CSS1Compat")?N.documentElement.clientWidth:N.body.clientWidth;}return Q;},getAncestorBy:function(Q,R){while(Q=Q.parentNode){if(D(Q,R)){return Q;}}return null;},getAncestorByClassName:function(R,Q){R=B.Dom.get(R);if(!R){return null;}var S=function(T){return B.Dom.hasClass(T,Q);};return B.Dom.getAncestorBy(R,S);},getAncestorByTagName:function(R,Q){R=B.Dom.get(R);if(!R){return null;}var S=function(T){return T.tagName&&T.tagName.toUpperCase()==Q.toUpperCase();};return B.Dom.getAncestorBy(R,S);},getPreviousSiblingBy:function(Q,R){while(Q){Q=Q.previousSibling;if(D(Q,R)){return Q;}}return null;},getPreviousSibling:function(Q){Q=B.Dom.get(Q);if(!Q){return null;}return B.Dom.getPreviousSiblingBy(Q);},getNextSiblingBy:function(Q,R){while(Q){Q=Q.nextSibling;if(D(Q,R)){return Q;}}return null;},getNextSibling:function(Q){Q=B.Dom.get(Q);if(!Q){return null;}return B.Dom.getNextSiblingBy(Q);},ge
 tFirstChildBy:function(Q,S){var R=(D(Q.firstChild,S))?Q.firstChild:null;return R||B.Dom.getNextSiblingBy(Q.firstChild,S);},getFirstChild:function(Q,R){Q=B.Dom.get(Q);if(!Q){return null;}return B.Dom.getFirstChildBy(Q);},getLastChildBy:function(Q,S){if(!Q){return null;}var R=(D(Q.lastChild,S))?Q.lastChild:null;return R||B.Dom.getPreviousSiblingBy(Q.lastChild,S);},getLastChild:function(Q){Q=B.Dom.get(Q);return B.Dom.getLastChildBy(Q);},getChildrenBy:function(R,T){var S=B.Dom.getFirstChildBy(R,T);var Q=S?[S]:[];B.Dom.getNextSiblingBy(S,function(U){if(!T||T(U)){Q[Q.length]=U;}return false;});return Q;},getChildren:function(Q){Q=B.Dom.get(Q);if(!Q){}return B.Dom.getChildrenBy(Q);},getDocumentScrollLeft:function(Q){Q=Q||N;return Math.max(Q.documentElement.scrollLeft,Q.body.scrollLeft);},getDocumentScrollTop:function(Q){Q=Q||N;return Math.max(Q.documentElement.scrollTop,Q.body.scrollTop);},insertBefore:function(R,Q){R=B.Dom.get(R);Q=B.Dom.get(Q);if(!R||!Q||!Q.parentNode){return nul
 l;}return Q.parentNode.insertBefore(R,Q);},insertAfter:function(R,Q){R=B.Dom.get(R);Q=B.Dom.get(Q);if(!R||!Q||!Q.parentNode){return null;}if(Q.nextSibling){return Q.parentNode.insertBefore(R,Q.nextSibling);}else{return Q.parentNode.appendChild(R);}},getClientRegion:function(){var S=B.Dom.getDocumentScrollTop(),R=B.Dom.getDocumentScrollLeft(),T=B.Dom.getViewportWidth()+R,Q=B.Dom.getViewportHeight()+S;return new B.Region(S,T,Q,R);}};var I=function(){if(N.documentElement.getBoundingClientRect){return function(R){var S=R.getBoundingClientRect();var Q=R.ownerDocument;return[S.left+B.Dom.getDocumentScrollLeft(Q),S.top+B.Dom.getDocumentScrollTop(Q)];};}else{return function(S){var T=[S.offsetLeft,S.offsetTop];var R=S.offsetParent;var Q=(M&&B.Dom.getStyle(S,"position")=="absolute"&&S.offsetParent==S.ownerDocument.body);if(R!=S){while(R){T[0]+=R.offsetLeft;T[1]+=R.offsetTop;if(!Q&&M&&B.Dom.getStyle(R,"position")=="absolute"){Q=true;}R=R.offsetParent;}}if(Q){T[0]-=S.ownerDocument.body.
 offsetLeft;T[1]-=S.ownerDocument.body.offsetTop;}R=S.parentNode;while(R.tagName&&!E.ROOT_TAG.test(R.tagName)){if(B.Dom.getStyle(R,"display").search(/^inline|table-row.*$/i)){T[0]-=R.scrollLeft;T[1]-=R.scrollTop;}R=R.parentNode;}return T;};}}();})();YAHOO.util.Region=function(C,D,A,B){this.top=C;this[1]=C;this.right=D;this.bottom=A;this.left=B;this[0]=B;};YAHOO.util.Region.prototype.contains=function(A){return(A.left>=this.left&&A.right<=this.right&&A.top>=this.top&&A.bottom<=this.bottom);};YAHOO.util.Region.prototype.getArea=function(){return((this.bottom-this.top)*(this.right-this.left));};YAHOO.util.Region.prototype.intersect=function(E){var C=Math.max(this.top,E.top);var D=Math.min(this.right,E.right);var A=Math.min(this.bottom,E.bottom);var B=Math.max(this.left,E.left);if(A>=C&&D>=B){return new YAHOO.util.Region(C,D,A,B);}else{return null;}};YAHOO.util.Region.prototype.union=function(E){var C=Math.min(this.top,E.top);var D=Math.max(this.right,E.right);var A=Math.max(this
 .bottom,E.bottom);var B=Math.min(this.left,E.left);return new YAHOO.util.Region(C,D,A,B);};YAHOO.util.Region.prototype.toString=function(){return("Region {top: "+this.top+", right: "+this.right+", bottom: "+this.bottom+", left: "+this.left+"}");};YAHOO.util.Region.getRegion=function(D){var F=YAHOO.util.Dom.getXY(D);var C=F[1];var E=F[0]+D.offsetWidth;var A=F[1]+D.offsetHeight;var B=F[0];return new YAHOO.util.Region(C,E,A,B);};YAHOO.util.Point=function(A,B){if(YAHOO.lang.isArray(A)){B=A[1];A=A[0];}this.x=this.right=this.left=this[0]=A;this.y=this.top=this.bottom=this[1]=B;};YAHOO.util.Point.prototype=new YAHOO.util.Region();YAHOO.register("dom",YAHOO.util.Dom,{version:"2.4.1",build:"742"});YAHOO.util.CustomEvent=function(D,B,C,A){this.type=D;this.scope=B||window;this.silent=C;this.signature=A||YAHOO.util.CustomEvent.LIST;this.subscribers=[];if(!this.silent){}var E="_YUICEOnSubscribe";if(D!==E){this.subscribeEvent=new YAHOO.util.CustomEvent(E,this,true);}this.lastError=null;};
 YAHOO.util.CustomEvent.LIST=0;YAHOO.util.CustomEvent.FLAT=1;YAHOO.util.CustomEvent.prototype={subscribe:function(B,C,A){if(!B){throw new Error("Invalid callback for subscriber to '"+this.type+"'");}if(this.subscribeEvent){this.subscribeEvent.fire(B,C,A);}this.subscribers.push(new YAHOO.util.Subscriber(B,C,A));},unsubscribe:function(D,F){if(!D){return this.unsubscribeAll();}var E=false;for(var B=0,A=this.subscribers.length;B<A;++B){var C=this.subscribers[B];if(C&&C.contains(D,F)){this._delete(B);E=true;}}return E;},fire:function(){var D=this.subscribers.length;if(!D&&this.silent){return true;}var H=[],F=true,C,I=false;for(C=0;C<arguments.length;++C){H.push(arguments[C]);}if(!this.silent){}for(C=0;C<D;++C){var L=this.subscribers[C];if(!L){I=true;}else{if(!this.silent){}var K=L.getScope(this.scope);if(this.signature==YAHOO.util.CustomEvent.FLAT){var A=null;if(H.length>0){A=H[0];}try{F=L.fn.call(K,A,L.obj);}catch(E){this.lastError=E;}}else{try{F=L.fn.call(K,this.type,H,L.obj);}c
 atch(G){this.lastError=G;}}if(false===F){if(!this.silent){}return false;}}}if(I){var J=[],B=this.subscribers;for(C=0,D=B.length;C<D;C=C+1){J.push(B[C]);}this.subscribers=J;}return true;},unsubscribeAll:function(){for(var B=0,A=this.subscribers.length;B<A;++B){this._delete(A-1-B);}this.subscribers=[];return B;},_delete:function(A){var B=this.subscribers[A];if(B){delete B.fn;delete B.obj;}this.subscribers[A]=null;},toString:function(){return"CustomEvent: '"+this.type+"', scope: "+this.scope;}};YAHOO.util.Subscriber=function(B,C,A){this.fn=B;this.obj=YAHOO.lang.isUndefined(C)?null:C;this.override=A;};YAHOO.util.Subscriber.prototype.getScope=function(A){if(this.override){if(this.override===true){return this.obj;}else{return this.override;}}return A;};YAHOO.util.Subscriber.prototype.contains=function(A,B){if(B){return(this.fn==A&&this.obj==B);}else{return(this.fn==A);}};YAHOO.util.Subscriber.prototype.toString=function(){return"Subscriber { obj: "+this.obj+", override: "+(this.ov
 erride||"no")+" }";};if(!YAHOO.util.Event){YAHOO.util.Event=function(){var H=false;var I=[];var J=[];var G=[];var E=[];var C=0;var F=[];var B=[];var A=0;var D={63232:38,63233:40,63234:37,63235:39,63276:33,63277:34,25:9};return{POLL_RETRYS:4000,POLL_INTERVAL:10,EL:0,TYPE:1,FN:2,WFN:3,UNLOAD_OBJ:3,ADJ_SCOPE:4,OBJ:5,OVERRIDE:6,lastError:null,isSafari:YAHOO.env.ua.webkit,webkit:YAHOO.env.ua.webkit,isIE:YAHOO.env.ua.ie,_interval:null,_dri:null,DOMReady:false,startInterval:function(){if(!this._interval){var K=this;var L=function(){K._tryPreloadAttach();};this._interval=setInterval(L,this.POLL_INTERVAL);}},onAvailable:function(P,M,Q,O,N){var K=(YAHOO.lang.isString(P))?[P]:P;for(var L=0;L<K.length;L=L+1){F.push({id:K[L],fn:M,obj:Q,override:O,checkReady:N});}C=this.POLL_RETRYS;this.startInterval();},onContentReady:function(M,K,N,L){this.onAvailable(M,K,N,L,true);},onDOMReady:function(K,M,L){if(this.DOMReady){setTimeout(function(){var N=window;if(L){if(L===true){N=M;}else{N=L;}}K.call
 (N,"DOMReady",[],M);},0);}else{this.DOMReadyEvent.subscribe(K,M,L);}},addListener:function(M,K,V,Q,L){if(!V||!V.call){return false;}if(this._isValidCollection(M)){var W=true;for(var R=0,T=M.length;R<T;++R){W=this.on(M[R],K,V,Q,L)&&W;}return W;}else{if(YAHOO.lang.isString(M)){var P=this.getEl(M);if(P){M=P;}else{this.onAvailable(M,function(){YAHOO.util.Event.on(M,K,V,Q,L);});return true;}}}if(!M){return false;}if("unload"==K&&Q!==this){J[J.length]=[M,K,V,Q,L];return true;}var Y=M;if(L){if(L===true){Y=Q;}else{Y=L;}}var N=function(Z){return V.call(Y,YAHOO.util.Event.getEvent(Z,M),Q);};var X=[M,K,V,N,Y,Q,L];var S=I.length;I[S]=X;if(this.useLegacyEvent(M,K)){var O=this.getLegacyIndex(M,K);if(O==-1||M!=G[O][0]){O=G.length;B[M.id+K]=O;G[O]=[M,K,M["on"+K]];E[O]=[];M["on"+K]=function(Z){YAHOO.util.Event.fireLegacyEvent(YAHOO.util.Event.getEvent(Z),O);};}E[O].push(X);}else{try{this._simpleAdd(M,K,N,false);}catch(U){this.lastError=U;this.removeListener(M,K,V);return false;}}return true;
 },fireLegacyEvent:function(O,M){var Q=true,K,S,R,T,P;S=E[M];for(var L=0,N=S.length;L<N;++L){R=S[L];if(R&&R[this.WFN]){T=R[this.ADJ_SCOPE];P=R[this.WFN].call(T,O);Q=(Q&&P);}}K=G[M];if(K&&K[2]){K[2](O);}return Q;},getLegacyIndex:function(L,M){var K=this.generateId(L)+M;if(typeof B[K]=="undefined"){return -1;}else{return B[K];}},useLegacyEvent:function(L,M){if(this.webkit&&("click"==M||"dblclick"==M)){var K=parseInt(this.webkit,10);if(!isNaN(K)&&K<418){return true;}}return false;},removeListener:function(L,K,T){var O,R,V;if(typeof L=="string"){L=this.getEl(L);}else{if(this._isValidCollection(L)){var U=true;for(O=0,R=L.length;O<R;++O){U=(this.removeListener(L[O],K,T)&&U);}return U;}}if(!T||!T.call){return this.purgeElement(L,false,K);}if("unload"==K){for(O=0,R=J.length;O<R;O++){V=J[O];if(V&&V[0]==L&&V[1]==K&&V[2]==T){J[O]=null;return true;}}return false;}var P=null;var Q=arguments[3];if("undefined"===typeof Q){Q=this._getCacheIndex(L,K,T);}if(Q>=0){P=I[Q];}if(!L||!P){return fals
 e;}if(this.useLegacyEvent(L,K)){var N=this.getLegacyIndex(L,K);var M=E[N];if(M){for(O=0,R=M.length;O<R;++O){V=M[O];if(V&&V[this.EL]==L&&V[this.TYPE]==K&&V[this.FN]==T){M[O]=null;break;}}}}else{try{this._simpleRemove(L,K,P[this.WFN],false);}catch(S){this.lastError=S;return false;}}delete I[Q][this.WFN];delete I[Q][this.FN];I[Q]=null;return true;},getTarget:function(M,L){var K=M.target||M.srcElement;return this.resolveTextNode(K);},resolveTextNode:function(K){if(K&&3==K.nodeType){return K.parentNode;}else{return K;}},getPageX:function(L){var K=L.pageX;if(!K&&0!==K){K=L.clientX||0;if(this.isIE){K+=this._getScrollLeft();}}return K;},getPageY:function(K){var L=K.pageY;if(!L&&0!==L){L=K.clientY||0;if(this.isIE){L+=this._getScrollTop();}}return L;},getXY:function(K){return[this.getPageX(K),this.getPageY(K)];
+},getRelatedTarget:function(L){var K=L.relatedTarget;if(!K){if(L.type=="mouseout"){K=L.toElement;}else{if(L.type=="mouseover"){K=L.fromElement;}}}return this.resolveTextNode(K);},getTime:function(M){if(!M.time){var L=new Date().getTime();try{M.time=L;}catch(K){this.lastError=K;return L;}}return M.time;},stopEvent:function(K){this.stopPropagation(K);this.preventDefault(K);},stopPropagation:function(K){if(K.stopPropagation){K.stopPropagation();}else{K.cancelBubble=true;}},preventDefault:function(K){if(K.preventDefault){K.preventDefault();}else{K.returnValue=false;}},getEvent:function(M,K){var L=M||window.event;if(!L){var N=this.getEvent.caller;while(N){L=N.arguments[0];if(L&&Event==L.constructor){break;}N=N.caller;}}return L;},getCharCode:function(L){var K=L.keyCode||L.charCode||0;if(YAHOO.env.ua.webkit&&(K in D)){K=D[K];}return K;},_getCacheIndex:function(O,P,N){for(var M=0,L=I.length;M<L;++M){var K=I[M];if(K&&K[this.FN]==N&&K[this.EL]==O&&K[this.TYPE]==P){return M;}}return -
 1;},generateId:function(K){var L=K.id;if(!L){L="yuievtautoid-"+A;++A;K.id=L;}return L;},_isValidCollection:function(L){try{return(L&&typeof L!=="string"&&L.length&&!L.tagName&&!L.alert&&typeof L[0]!=="undefined");}catch(K){return false;}},elCache:{},getEl:function(K){return(typeof K==="string")?document.getElementById(K):K;},clearCache:function(){},DOMReadyEvent:new YAHOO.util.CustomEvent("DOMReady",this),_load:function(L){if(!H){H=true;var K=YAHOO.util.Event;K._ready();K._tryPreloadAttach();}},_ready:function(L){var K=YAHOO.util.Event;if(!K.DOMReady){K.DOMReady=true;K.DOMReadyEvent.fire();K._simpleRemove(document,"DOMContentLoaded",K._ready);}},_tryPreloadAttach:function(){if(this.locked){return false;}if(this.isIE){if(!this.DOMReady){this.startInterval();return false;}}this.locked=true;var P=!H;if(!P){P=(C>0);}var O=[];var Q=function(S,T){var R=S;if(T.override){if(T.override===true){R=T.obj;}else{R=T.override;}}T.fn.call(R,T.obj);};var L,K,N,M;for(L=0,K=F.length;L<K;++L){N
 =F[L];if(N&&!N.checkReady){M=this.getEl(N.id);if(M){Q(M,N);F[L]=null;}else{O.push(N);}}}for(L=0,K=F.length;L<K;++L){N=F[L];if(N&&N.checkReady){M=this.getEl(N.id);if(M){if(H||M.nextSibling){Q(M,N);F[L]=null;}}else{O.push(N);}}}C=(O.length===0)?0:C-1;if(P){this.startInterval();}else{clearInterval(this._interval);this._interval=null;}this.locked=false;return true;},purgeElement:function(O,P,R){var M=(YAHOO.lang.isString(O))?this.getEl(O):O;var Q=this.getListeners(M,R),N,K;if(Q){for(N=0,K=Q.length;N<K;++N){var L=Q[N];this.removeListener(M,L.type,L.fn,L.index);}}if(P&&M&&M.childNodes){for(N=0,K=M.childNodes.length;N<K;++N){this.purgeElement(M.childNodes[N],P,R);}}},getListeners:function(M,K){var P=[],L;if(!K){L=[I,J];}else{if(K==="unload"){L=[J];}else{L=[I];}}var R=(YAHOO.lang.isString(M))?this.getEl(M):M;for(var O=0;O<L.length;O=O+1){var T=L[O];if(T&&T.length>0){for(var Q=0,S=T.length;Q<S;++Q){var N=T[Q];if(N&&N[this.EL]===R&&(!K||K===N[this.TYPE])){P.push({type:N[this.TYPE],fn:
 N[this.FN],obj:N[this.OBJ],adjust:N[this.OVERRIDE],scope:N[this.ADJ_SCOPE],index:Q});}}}}return(P.length)?P:null;},_unload:function(R){var Q=YAHOO.util.Event,O,N,L,K,M;for(O=0,K=J.length;O<K;++O){L=J[O];if(L){var P=window;if(L[Q.ADJ_SCOPE]){if(L[Q.ADJ_SCOPE]===true){P=L[Q.UNLOAD_OBJ];}else{P=L[Q.ADJ_SCOPE];}}L[Q.FN].call(P,Q.getEvent(R,L[Q.EL]),L[Q.UNLOAD_OBJ]);J[O]=null;L=null;P=null;}}J=null;if(YAHOO.env.ua.ie&&I&&I.length>0){N=I.length;while(N){M=N-1;L=I[M];if(L){Q.removeListener(L[Q.EL],L[Q.TYPE],L[Q.FN],M);}N--;}L=null;}G=null;Q._simpleRemove(window,"unload",Q._unload);},_getScrollLeft:function(){return this._getScroll()[1];},_getScrollTop:function(){return this._getScroll()[0];},_getScroll:function(){var K=document.documentElement,L=document.body;if(K&&(K.scrollTop||K.scrollLeft)){return[K.scrollTop,K.scrollLeft];}else{if(L){return[L.scrollTop,L.scrollLeft];}else{return[0,0];}}},regCE:function(){},_simpleAdd:function(){if(window.addEventListener){return function(M,N,L,
 K){M.addEventListener(N,L,(K));};}else{if(window.attachEvent){return function(M,N,L,K){M.attachEvent("on"+N,L);};}else{return function(){};}}}(),_simpleRemove:function(){if(window.removeEventListener){return function(M,N,L,K){M.removeEventListener(N,L,(K));};}else{if(window.detachEvent){return function(L,M,K){L.detachEvent("on"+M,K);};}else{return function(){};}}}()};}();(function(){var A=YAHOO.util.Event;A.on=A.addListener;if(A.isIE){YAHOO.util.Event.onDOMReady(YAHOO.util.Event._tryPreloadAttach,YAHOO.util.Event,true);A._dri=setInterval(function(){var C=document.createElement("p");try{C.doScroll("left");clearInterval(A._dri);A._dri=null;A._ready();C=null;}catch(B){C=null;}},A.POLL_INTERVAL);}else{if(A.webkit){A._dri=setInterval(function(){var B=document.readyState;if("loaded"==B||"complete"==B){clearInterval(A._dri);A._dri=null;A._ready();}},A.POLL_INTERVAL);}else{A._simpleAdd(document,"DOMContentLoaded",A._ready);}}A._simpleAdd(window,"load",A._load);A._simpleAdd(window,"u
 nload",A._unload);A._tryPreloadAttach();})();}YAHOO.util.EventProvider=function(){};YAHOO.util.EventProvider.prototype={__yui_events:null,__yui_subscribers:null,subscribe:function(A,C,F,E){this.__yui_events=this.__yui_events||{};var D=this.__yui_events[A];if(D){D.subscribe(C,F,E);}else{this.__yui_subscribers=this.__yui_subscribers||{};var B=this.__yui_subscribers;if(!B[A]){B[A]=[];}B[A].push({fn:C,obj:F,override:E});}},unsubscribe:function(C,E,G){this.__yui_events=this.__yui_events||{};var A=this.__yui_events;if(C){var F=A[C];if(F){return F.unsubscribe(E,G);}}else{var B=true;for(var D in A){if(YAHOO.lang.hasOwnProperty(A,D)){B=B&&A[D].unsubscribe(E,G);}}return B;}return false;},unsubscribeAll:function(A){return this.unsubscribe(A);},createEvent:function(G,D){this.__yui_events=this.__yui_events||{};var A=D||{};var I=this.__yui_events;if(I[G]){}else{var H=A.scope||this;var E=(A.silent);var B=new YAHOO.util.CustomEvent(G,H,E,YAHOO.util.CustomEvent.FLAT);I[G]=B;if(A.onSubscribeC
 allback){B.subscribeEvent.subscribe(A.onSubscribeCallback);}this.__yui_subscribers=this.__yui_subscribers||{};
+var F=this.__yui_subscribers[G];if(F){for(var C=0;C<F.length;++C){B.subscribe(F[C].fn,F[C].obj,F[C].override);}}}return I[G];},fireEvent:function(E,D,A,C){this.__yui_events=this.__yui_events||{};var G=this.__yui_events[E];if(!G){return null;}var B=[];for(var F=1;F<arguments.length;++F){B.push(arguments[F]);}return G.fire.apply(G,B);},hasEvent:function(A){if(this.__yui_events){if(this.__yui_events[A]){return true;}}return false;}};YAHOO.util.KeyListener=function(A,F,B,C){if(!A){}else{if(!F){}else{if(!B){}}}if(!C){C=YAHOO.util.KeyListener.KEYDOWN;}var D=new YAHOO.util.CustomEvent("keyPressed");this.enabledEvent=new YAHOO.util.CustomEvent("enabled");this.disabledEvent=new YAHOO.util.CustomEvent("disabled");if(typeof A=="string"){A=document.getElementById(A);}if(typeof B=="function"){D.subscribe(B);}else{D.subscribe(B.fn,B.scope,B.correctScope);}function E(J,I){if(!F.shift){F.shift=false;}if(!F.alt){F.alt=false;}if(!F.ctrl){F.ctrl=false;}if(J.shiftKey==F.shift&&J.altKey==F.alt&&
 J.ctrlKey==F.ctrl){var G;if(F.keys instanceof Array){for(var H=0;H<F.keys.length;H++){G=F.keys[H];if(G==J.charCode){D.fire(J.charCode,J);break;}else{if(G==J.keyCode){D.fire(J.keyCode,J);break;}}}}else{G=F.keys;if(G==J.charCode){D.fire(J.charCode,J);}else{if(G==J.keyCode){D.fire(J.keyCode,J);}}}}}this.enable=function(){if(!this.enabled){YAHOO.util.Event.addListener(A,C,E);this.enabledEvent.fire(F);}this.enabled=true;};this.disable=function(){if(this.enabled){YAHOO.util.Event.removeListener(A,C,E);this.disabledEvent.fire(F);}this.enabled=false;};this.toString=function(){return"KeyListener ["+F.keys+"] "+A.tagName+(A.id?"["+A.id+"]":"");};};YAHOO.util.KeyListener.KEYDOWN="keydown";YAHOO.util.KeyListener.KEYUP="keyup";YAHOO.util.KeyListener.KEY={ALT:18,BACK_SPACE:8,CAPS_LOCK:20,CONTROL:17,DELETE:46,DOWN:40,END:35,ENTER:13,ESCAPE:27,HOME:36,LEFT:37,META:224,NUM_LOCK:144,PAGE_DOWN:34,PAGE_UP:33,PAUSE:19,PRINTSCREEN:44,RIGHT:39,SCROLL_LOCK:145,SHIFT:16,SPACE:32,TAB:9,UP:38};YAHOO.r
 egister("event",YAHOO.util.Event,{version:"2.4.1",build:"742"});YAHOO.register("yahoo-dom-event", YAHOO, {version: "2.4.1", build: "742"});
+YAHOO.util.Anim=function(B,A,C,D){if(!B){}this.init(B,A,C,D);};YAHOO.util.Anim.prototype={toString:function(){var A=this.getEl();var B=A.id||A.tagName||A;return("Anim "+B);},patterns:{noNegatives:/width|height|opacity|padding/i,offsetAttribute:/^((width|height)|(top|left))$/,defaultUnit:/width|height|top$|bottom$|left$|right$/i,offsetUnit:/\d+(em|%|en|ex|pt|in|cm|mm|pc)$/i},doMethod:function(A,C,B){return this.method(this.currentFrame,C,B-C,this.totalFrames);},setAttribute:function(A,C,B){if(this.patterns.noNegatives.test(A)){C=(C>0)?C:0;}YAHOO.util.Dom.setStyle(this.getEl(),A,C+B);},getAttribute:function(A){var C=this.getEl();var E=YAHOO.util.Dom.getStyle(C,A);if(E!=="auto"&&!this.patterns.offsetUnit.test(E)){return parseFloat(E);}var B=this.patterns.offsetAttribute.exec(A)||[];var F=!!(B[3]);var D=!!(B[2]);if(D||(YAHOO.util.Dom.getStyle(C,"position")=="absolute"&&F)){E=C["offset"+B[0].charAt(0).toUpperCase()+B[0].substr(1)];}else{E=0;}return E;},getDefaultUnit:function(A){
 if(this.patterns.defaultUnit.test(A)){return"px";}return"";},setRuntimeAttribute:function(B){var G;var C;var D=this.attributes;this.runtimeAttributes[B]={};var F=function(H){return(typeof H!=="undefined");};if(!F(D[B]["to"])&&!F(D[B]["by"])){return false;}G=(F(D[B]["from"]))?D[B]["from"]:this.getAttribute(B);if(F(D[B]["to"])){C=D[B]["to"];}else{if(F(D[B]["by"])){if(G.constructor==Array){C=[];for(var E=0,A=G.length;E<A;++E){C[E]=G[E]+D[B]["by"][E]*1;}}else{C=G+D[B]["by"]*1;}}}this.runtimeAttributes[B].start=G;this.runtimeAttributes[B].end=C;this.runtimeAttributes[B].unit=(F(D[B].unit))?D[B]["unit"]:this.getDefaultUnit(B);return true;},init:function(C,H,G,A){var B=false;var D=null;var F=0;C=YAHOO.util.Dom.get(C);this.attributes=H||{};this.duration=!YAHOO.lang.isUndefined(G)?G:1;this.method=A||YAHOO.util.Easing.easeNone;this.useSeconds=true;this.currentFrame=0;this.totalFrames=YAHOO.util.AnimMgr.fps;this.setEl=function(K){C=YAHOO.util.Dom.get(K);};this.getEl=function(){return C
 ;};this.isAnimated=function(){return B;};this.getStartTime=function(){return D;};this.runtimeAttributes={};this.animate=function(){if(this.isAnimated()){return false;}this.currentFrame=0;this.totalFrames=(this.useSeconds)?Math.ceil(YAHOO.util.AnimMgr.fps*this.duration):this.duration;if(this.duration===0&&this.useSeconds){this.totalFrames=1;}YAHOO.util.AnimMgr.registerElement(this);return true;};this.stop=function(K){if(!this.isAnimated()){return false;}if(K){this.currentFrame=this.totalFrames;this._onTween.fire();}YAHOO.util.AnimMgr.stop(this);};var J=function(){this.onStart.fire();this.runtimeAttributes={};for(var K in this.attributes){this.setRuntimeAttribute(K);}B=true;F=0;D=new Date();};var I=function(){var M={duration:new Date()-this.getStartTime(),currentFrame:this.currentFrame};M.toString=function(){return("duration: "+M.duration+", currentFrame: "+M.currentFrame);};this.onTween.fire(M);var L=this.runtimeAttributes;for(var K in L){this.setAttribute(K,this.doMethod(K,L
 [K].start,L[K].end),L[K].unit);}F+=1;};var E=function(){var K=(new Date()-D)/1000;var L={duration:K,frames:F,fps:F/K};L.toString=function(){return("duration: "+L.duration+", frames: "+L.frames+", fps: "+L.fps);};B=false;F=0;this.onComplete.fire(L);};this._onStart=new YAHOO.util.CustomEvent("_start",this,true);this.onStart=new YAHOO.util.CustomEvent("start",this);this.onTween=new YAHOO.util.CustomEvent("tween",this);this._onTween=new YAHOO.util.CustomEvent("_tween",this,true);this.onComplete=new YAHOO.util.CustomEvent("complete",this);this._onComplete=new YAHOO.util.CustomEvent("_complete",this,true);this._onStart.subscribe(J);this._onTween.subscribe(I);this._onComplete.subscribe(E);}};YAHOO.util.AnimMgr=new function(){var C=null;var B=[];var A=0;this.fps=1000;this.delay=1;this.registerElement=function(F){B[B.length]=F;A+=1;F._onStart.fire();this.start();};this.unRegister=function(G,F){F=F||E(G);if(!G.isAnimated()||F==-1){return false;}G._onComplete.fire();B.splice(F,1);A-=1;
 if(A<=0){this.stop();}return true;};this.start=function(){if(C===null){C=setInterval(this.run,this.delay);}};this.stop=function(H){if(!H){clearInterval(C);for(var G=0,F=B.length;G<F;++G){this.unRegister(B[0],0);}B=[];C=null;A=0;}else{this.unRegister(H);}};this.run=function(){for(var H=0,F=B.length;H<F;++H){var G=B[H];if(!G||!G.isAnimated()){continue;}if(G.currentFrame<G.totalFrames||G.totalFrames===null){G.currentFrame+=1;if(G.useSeconds){D(G);}G._onTween.fire();}else{YAHOO.util.AnimMgr.stop(G,H);}}};var E=function(H){for(var G=0,F=B.length;G<F;++G){if(B[G]==H){return G;}}return -1;};var D=function(G){var J=G.totalFrames;var I=G.currentFrame;var H=(G.currentFrame*G.duration*1000/G.totalFrames);var F=(new Date()-G.getStartTime());var K=0;if(F<G.duration*1000){K=Math.round((F/H-1)*G.currentFrame);}else{K=J-(I+1);}if(K>0&&isFinite(K)){if(G.currentFrame+K>=J){K=J-(I+1);}G.currentFrame+=K;}};};YAHOO.util.Bezier=new function(){this.getPosition=function(E,D){var F=E.length;var C=[]
 ;for(var B=0;B<F;++B){C[B]=[E[B][0],E[B][1]];}for(var A=1;A<F;++A){for(B=0;B<F-A;++B){C[B][0]=(1-D)*C[B][0]+D*C[parseInt(B+1,10)][0];C[B][1]=(1-D)*C[B][1]+D*C[parseInt(B+1,10)][1];}}return[C[0][0],C[0][1]];};};(function(){YAHOO.util.ColorAnim=function(E,D,F,G){YAHOO.util.ColorAnim.superclass.constructor.call(this,E,D,F,G);};YAHOO.extend(YAHOO.util.ColorAnim,YAHOO.util.Anim);var B=YAHOO.util;var C=B.ColorAnim.superclass;var A=B.ColorAnim.prototype;A.toString=function(){var D=this.getEl();var E=D.id||D.tagName;return("ColorAnim "+E);};A.patterns.color=/color$/i;A.patterns.rgb=/^rgb\(([0-9]+)\s*,\s*([0-9]+)\s*,\s*([0-9]+)\)$/i;A.patterns.hex=/^#?([0-9A-F]{2})([0-9A-F]{2})([0-9A-F]{2})$/i;A.patterns.hex3=/^#?([0-9A-F]{1})([0-9A-F]{1})([0-9A-F]{1})$/i;A.patterns.transparent=/^transparent|rgba\(0, 0, 0, 0\)$/;A.parseColor=function(D){if(D.length==3){return D;}var E=this.patterns.hex.exec(D);if(E&&E.length==4){return[parseInt(E[1],16),parseInt(E[2],16),parseInt(E[3],16)];}E=this.pa
 tterns.rgb.exec(D);if(E&&E.length==4){return[parseInt(E[1],10),parseInt(E[2],10),parseInt(E[3],10)];
+}E=this.patterns.hex3.exec(D);if(E&&E.length==4){return[parseInt(E[1]+E[1],16),parseInt(E[2]+E[2],16),parseInt(E[3]+E[3],16)];}return null;};A.getAttribute=function(D){var F=this.getEl();if(this.patterns.color.test(D)){var G=YAHOO.util.Dom.getStyle(F,D);if(this.patterns.transparent.test(G)){var E=F.parentNode;G=B.Dom.getStyle(E,D);while(E&&this.patterns.transparent.test(G)){E=E.parentNode;G=B.Dom.getStyle(E,D);if(E.tagName.toUpperCase()=="HTML"){G="#fff";}}}}else{G=C.getAttribute.call(this,D);}return G;};A.doMethod=function(E,I,F){var H;if(this.patterns.color.test(E)){H=[];for(var G=0,D=I.length;G<D;++G){H[G]=C.doMethod.call(this,E,I[G],F[G]);}H="rgb("+Math.floor(H[0])+","+Math.floor(H[1])+","+Math.floor(H[2])+")";}else{H=C.doMethod.call(this,E,I,F);}return H;};A.setRuntimeAttribute=function(E){C.setRuntimeAttribute.call(this,E);if(this.patterns.color.test(E)){var G=this.attributes;var I=this.parseColor(this.runtimeAttributes[E].start);var F=this.parseColor(this.runtimeAttri
 butes[E].end);if(typeof G[E]["to"]==="undefined"&&typeof G[E]["by"]!=="undefined"){F=this.parseColor(G[E].by);for(var H=0,D=I.length;H<D;++H){F[H]=I[H]+F[H];}}this.runtimeAttributes[E].start=I;this.runtimeAttributes[E].end=F;}};})();YAHOO.util.Easing={easeNone:function(B,A,D,C){return D*B/C+A;},easeIn:function(B,A,D,C){return D*(B/=C)*B+A;},easeOut:function(B,A,D,C){return -D*(B/=C)*(B-2)+A;},easeBoth:function(B,A,D,C){if((B/=C/2)<1){return D/2*B*B+A;}return -D/2*((--B)*(B-2)-1)+A;},easeInStrong:function(B,A,D,C){return D*(B/=C)*B*B*B+A;},easeOutStrong:function(B,A,D,C){return -D*((B=B/C-1)*B*B*B-1)+A;},easeBothStrong:function(B,A,D,C){if((B/=C/2)<1){return D/2*B*B*B*B+A;}return -D/2*((B-=2)*B*B*B-2)+A;},elasticIn:function(C,A,G,F,B,E){if(C==0){return A;}if((C/=F)==1){return A+G;}if(!E){E=F*0.3;}if(!B||B<Math.abs(G)){B=G;var D=E/4;}else{var D=E/(2*Math.PI)*Math.asin(G/B);}return -(B*Math.pow(2,10*(C-=1))*Math.sin((C*F-D)*(2*Math.PI)/E))+A;},elasticOut:function(C,A,G,F,B,E){i
 f(C==0){return A;}if((C/=F)==1){return A+G;}if(!E){E=F*0.3;}if(!B||B<Math.abs(G)){B=G;var D=E/4;}else{var D=E/(2*Math.PI)*Math.asin(G/B);}return B*Math.pow(2,-10*C)*Math.sin((C*F-D)*(2*Math.PI)/E)+G+A;},elasticBoth:function(C,A,G,F,B,E){if(C==0){return A;}if((C/=F/2)==2){return A+G;}if(!E){E=F*(0.3*1.5);}if(!B||B<Math.abs(G)){B=G;var D=E/4;}else{var D=E/(2*Math.PI)*Math.asin(G/B);}if(C<1){return -0.5*(B*Math.pow(2,10*(C-=1))*Math.sin((C*F-D)*(2*Math.PI)/E))+A;}return B*Math.pow(2,-10*(C-=1))*Math.sin((C*F-D)*(2*Math.PI)/E)*0.5+G+A;},backIn:function(B,A,E,D,C){if(typeof C=="undefined"){C=1.70158;}return E*(B/=D)*B*((C+1)*B-C)+A;},backOut:function(B,A,E,D,C){if(typeof C=="undefined"){C=1.70158;}return E*((B=B/D-1)*B*((C+1)*B+C)+1)+A;},backBoth:function(B,A,E,D,C){if(typeof C=="undefined"){C=1.70158;}if((B/=D/2)<1){return E/2*(B*B*(((C*=(1.525))+1)*B-C))+A;}return E/2*((B-=2)*B*(((C*=(1.525))+1)*B+C)+2)+A;},bounceIn:function(B,A,D,C){return D-YAHOO.util.Easing.bounceOut(C-B,0,D
 ,C)+A;},bounceOut:function(B,A,D,C){if((B/=C)<(1/2.75)){return D*(7.5625*B*B)+A;}else{if(B<(2/2.75)){return D*(7.5625*(B-=(1.5/2.75))*B+0.75)+A;}else{if(B<(2.5/2.75)){return D*(7.5625*(B-=(2.25/2.75))*B+0.9375)+A;}}}return D*(7.5625*(B-=(2.625/2.75))*B+0.984375)+A;},bounceBoth:function(B,A,D,C){if(B<C/2){return YAHOO.util.Easing.bounceIn(B*2,0,D,C)*0.5+A;}return YAHOO.util.Easing.bounceOut(B*2-C,0,D,C)*0.5+D*0.5+A;}};(function(){YAHOO.util.Motion=function(G,F,H,I){if(G){YAHOO.util.Motion.superclass.constructor.call(this,G,F,H,I);}};YAHOO.extend(YAHOO.util.Motion,YAHOO.util.ColorAnim);var D=YAHOO.util;var E=D.Motion.superclass;var B=D.Motion.prototype;B.toString=function(){var F=this.getEl();var G=F.id||F.tagName;return("Motion "+G);};B.patterns.points=/^points$/i;B.setAttribute=function(F,H,G){if(this.patterns.points.test(F)){G=G||"px";E.setAttribute.call(this,"left",H[0],G);E.setAttribute.call(this,"top",H[1],G);}else{E.setAttribute.call(this,F,H,G);}};B.getAttribute=functi
 on(F){if(this.patterns.points.test(F)){var G=[E.getAttribute.call(this,"left"),E.getAttribute.call(this,"top")];}else{G=E.getAttribute.call(this,F);}return G;};B.doMethod=function(F,J,G){var I=null;if(this.patterns.points.test(F)){var H=this.method(this.currentFrame,0,100,this.totalFrames)/100;I=D.Bezier.getPosition(this.runtimeAttributes[F],H);}else{I=E.doMethod.call(this,F,J,G);}return I;};B.setRuntimeAttribute=function(O){if(this.patterns.points.test(O)){var G=this.getEl();var I=this.attributes;var F;var K=I["points"]["control"]||[];var H;var L,N;if(K.length>0&&!(K[0] instanceof Array)){K=[K];}else{var J=[];for(L=0,N=K.length;L<N;++L){J[L]=K[L];}K=J;}if(D.Dom.getStyle(G,"position")=="static"){D.Dom.setStyle(G,"position","relative");}if(C(I["points"]["from"])){D.Dom.setXY(G,I["points"]["from"]);}else{D.Dom.setXY(G,D.Dom.getXY(G));}F=this.getAttribute("points");if(C(I["points"]["to"])){H=A.call(this,I["points"]["to"],F);var M=D.Dom.getXY(this.getEl());for(L=0,N=K.length;L<N
 ;++L){K[L]=A.call(this,K[L],F);}}else{if(C(I["points"]["by"])){H=[F[0]+I["points"]["by"][0],F[1]+I["points"]["by"][1]];for(L=0,N=K.length;L<N;++L){K[L]=[F[0]+K[L][0],F[1]+K[L][1]];}}}this.runtimeAttributes[O]=[F];if(K.length>0){this.runtimeAttributes[O]=this.runtimeAttributes[O].concat(K);}this.runtimeAttributes[O][this.runtimeAttributes[O].length]=H;}else{E.setRuntimeAttribute.call(this,O);}};var A=function(F,H){var G=D.Dom.getXY(this.getEl());F=[F[0]-G[0]+H[0],F[1]-G[1]+H[1]];return F;};var C=function(F){return(typeof F!=="undefined");};})();(function(){YAHOO.util.Scroll=function(E,D,F,G){if(E){YAHOO.util.Scroll.superclass.constructor.call(this,E,D,F,G);}};YAHOO.extend(YAHOO.util.Scroll,YAHOO.util.ColorAnim);var B=YAHOO.util;var C=B.Scroll.superclass;var A=B.Scroll.prototype;A.toString=function(){var D=this.getEl();var E=D.id||D.tagName;return("Scroll "+E);};A.doMethod=function(D,G,E){var F=null;if(D=="scroll"){F=[this.method(this.currentFrame,G[0],E[0]-G[0],this.totalFram
 es),this.method(this.currentFrame,G[1],E[1]-G[1],this.totalFrames)];
+}else{F=C.doMethod.call(this,D,G,E);}return F;};A.getAttribute=function(D){var F=null;var E=this.getEl();if(D=="scroll"){F=[E.scrollLeft,E.scrollTop];}else{F=C.getAttribute.call(this,D);}return F;};A.setAttribute=function(D,G,F){var E=this.getEl();if(D=="scroll"){E.scrollLeft=G[0];E.scrollTop=G[1];}else{C.setAttribute.call(this,D,G,F);}};})();YAHOO.register("animation",YAHOO.util.Anim,{version:"2.4.1",build:"742"});
diff --git a/projects.gnome.org/yelp/data/themes/yelp/document.all.css b/projects.gnome.org/yelp/data/themes/yelp/document.all.css
new file mode 100644
index 0000000..d178f8f
--- /dev/null
+++ b/projects.gnome.org/yelp/data/themes/yelp/document.all.css
@@ -0,0 +1,44 @@
+html, body
+{
+  margin: 0;
+  padding: 0;
+  background-color: white;
+  font-family: sans-serif;
+  font-size: small;
+  color: black;
+}
+
+a img
+{
+  border: 0px;
+}
+
+/* Anchors */
+a
+{
+  color: #0000ff;
+}
+
+a:visited
+{
+  color: #551a8b;
+}
+
+a:active
+{
+  color: #ff0000;
+}
+
+p
+{
+  text-align: justify;
+}
+
+#footer
+{
+  font-size: 0.9em;
+  clear: both;
+  padding-top: 3ex;
+  text-align: center;
+  color: grey;
+}
diff --git a/projects.gnome.org/yelp/data/themes/yelp/document.screen.css b/projects.gnome.org/yelp/data/themes/yelp/document.screen.css
new file mode 100644
index 0000000..2556ad1
--- /dev/null
+++ b/projects.gnome.org/yelp/data/themes/yelp/document.screen.css
@@ -0,0 +1,262 @@
+#header
+{
+  background-image: url("images/top-bg.png");
+  background-repeat: repeat-x;
+  margin: 0;
+  padding: 0;
+  height: 96px;
+  overflow: hidden;
+}
+
+#header h1
+{
+  background-image: url("images/title.png");
+  background-repeat: no-repeat;
+  background-position: top right;
+  padding-top: 128px;
+  margin: 0;
+}
+
+#body
+{
+  margin: 0px 10px 0px 10px;
+  line-height: 150%;
+}
+
+#body h2
+{
+  border-bottom: 1px solid #99c;
+  font-size: 120%;
+}
+
+#body h3, #body h3 a
+{
+  font-size: 100%;
+}
+
+#bottom h2, h1
+{
+  border-bottom: 1px solid #99c;
+  margin-top: 2em;
+}
+
+/* menu */
+#menu
+{
+  position: absolute;
+  top: 0px;
+  left: 0px;
+  width: 100%;
+  padding: 0;
+  margin: 0;
+  background-image: url("images/gnome.png");
+  background-repeat: no-repeat;
+  background-position: 1ex 1ex;
+  height: 96px;
+}
+
+#menu h2
+{
+  padding: 0 0 0 0;
+  margin: 0 0 0 0;
+  height: 44px;
+  visibility: hidden;
+}
+
+#menu > ul
+{
+  margin-left: 48px;
+  display: block;
+}
+
+#menu ul ul, #menu li, #menu a
+{
+  display: inline;
+  padding: 0;
+  margin: 0;
+}
+
+#menu .current > a
+{
+  font-weight: bold;
+}
+
+#menu a
+{
+  color: black;
+}
+
+#menu li li:before
+{
+  content: "·";
+  margin: 0.5ex;
+}
+
+#copyright
+{
+  color: gray;
+  clear:both;
+  background:#efefef;
+  padding:10px;
+}
+
+#copyright p
+{
+  text-align:center;
+}
+
+/* three column layout */
+
+#top
+{
+  text-align: center;
+}
+
+#bottom
+{
+  padding-top: 1px;
+  clear: both;
+}
+
+#bottomLeft
+{
+  width: 59%;
+  float: left;
+  margin-left: 2%;
+  margin-right: 5%;
+}
+
+#bottomRight
+{
+  margin-right: 2%;
+  width: 32%;
+  float: left;
+}
+
+#left
+{
+  width:48%;
+  float:left;
+}
+
+#right
+{
+  width:48%;
+  float:right;
+}
+
+#tothearchive
+{
+    font-size: larger;
+    text-decoration: none;
+    font-weight: bold;
+    color: blue;
+    vertical-align: middle;
+    text-align: center;
+    width: 100%;
+    clear: both;
+    margin-bottom: 5px;
+}
+
+#tothearchive a
+{
+    text-decoration: none;
+    color: blue;
+}
+
+div.screenshot
+{
+  width:50%;
+  float:left;
+}
+
+div.code
+{
+  background-color: #e0e0e0;
+  color: #000000;
+  white-space: pre;
+  font-family: monospace;
+}
+
+.download img
+{
+  vertical-align: middle;
+  padding-right: 4px;
+}
+
+.download a
+{
+  text-decoration: none;
+  font-weight: bold;
+  color: blue;
+}
+
+.download p
+{
+  margin-top: 0px;
+  padding-left: 40px;
+}
+
+.download
+{
+  padding-left: 36px;
+  /*border-top: 1px solid #99c;*/
+}
+
+.iconl
+{
+  float:left;
+  margin: 5px 5px 5px 5px;
+}
+
+.iconr
+{
+  float:right;
+  margin: 5px 5px 5px 5px;
+}
+
+.imagel
+{
+  float:left;
+  margin: 5px 2em 5px 0px;
+}
+
+.imager
+{
+  float:right;
+  margin: 5px 0px 5px 2em;
+}
+
+.tour-item
+{
+  width: 40%;
+  float:left;
+  margin-left: 5%;
+  margin-right: 5%;
+}
+
+.clearboth
+{
+  clear: both;
+}
+
+#warningbox
+{
+  background-image:url(../../images/dialog-warning.png);
+  background-repeat:no-repeat;
+  border: solid 1px #4e9a06;
+  background-color:#73d216;
+  background-position:2px 2px;
+  padding:2px;
+  overflow:visible;
+  margin-left: 2em;
+  margin-right: 2em;
+}
+
+#warningbox p
+{
+  margin-left:64px;
+  margin-right:64px;
+  margin-top:10px;
+  margin-bottom:20px;
+}
diff --git a/projects.gnome.org/yelp/data/themes/yelp/images/gnome.png b/projects.gnome.org/yelp/data/themes/yelp/images/gnome.png
new file mode 100644
index 0000000..09a3184
Binary files /dev/null and b/projects.gnome.org/yelp/data/themes/yelp/images/gnome.png differ
diff --git a/projects.gnome.org/yelp/data/themes/yelp/images/title.png b/projects.gnome.org/yelp/data/themes/yelp/images/title.png
new file mode 100644
index 0000000..9acb2df
Binary files /dev/null and b/projects.gnome.org/yelp/data/themes/yelp/images/title.png differ
diff --git a/projects.gnome.org/yelp/data/themes/yelp/images/title.xcf b/projects.gnome.org/yelp/data/themes/yelp/images/title.xcf
new file mode 100644
index 0000000..a9e443f
Binary files /dev/null and b/projects.gnome.org/yelp/data/themes/yelp/images/title.xcf differ
diff --git a/projects.gnome.org/yelp/data/themes/yelp/images/top-bg.png b/projects.gnome.org/yelp/data/themes/yelp/images/top-bg.png
new file mode 100644
index 0000000..7a198d5
Binary files /dev/null and b/projects.gnome.org/yelp/data/themes/yelp/images/top-bg.png differ
diff --git a/projects.gnome.org/yelp/data/themes/yelp/images/top-bg.xcf b/projects.gnome.org/yelp/data/themes/yelp/images/top-bg.xcf
new file mode 100644
index 0000000..300f015
Binary files /dev/null and b/projects.gnome.org/yelp/data/themes/yelp/images/top-bg.xcf differ
diff --git a/projects.gnome.org/yelp/download.shtml b/projects.gnome.org/yelp/download.shtml
new file mode 100644
index 0000000..c56df5f
--- /dev/null
+++ b/projects.gnome.org/yelp/download.shtml
@@ -0,0 +1,12 @@
+<!--#set var="title" value="Download Yelp"-->
+<!--#set var="section" value="download"-->
+<!--#include virtual="header.shtml"-->
+
+    <div id="body">
+
+      <div id="bottom">
+      </div><!-- bottom -->
+    </div><!-- body -->
+
+<!--#set var="parent_file" value="$DOCUMENT_NAME"-->
+<!--#include virtual="footer.shtml"-->
diff --git a/projects.gnome.org/yelp/footer.shtml b/projects.gnome.org/yelp/footer.shtml
new file mode 100644
index 0000000..ed404c2
--- /dev/null
+++ b/projects.gnome.org/yelp/footer.shtml
@@ -0,0 +1,15 @@
+    <div id="copyright">
+      <p>Copyright &copy; 2010 <a href="http://people.gnome.org/~shaunm/";>Shaun McCance</a>
+      <br />
+      This website is based on <a href="http://projects.gnome.org/cheese/";>Cheese</a>'s website by <a href="http://home.cs.tum.edu/~siegel/";>Daniel G. Siegel</a>.
+      <br /> 
+      GNOME and the foot logo are trademarks of the GNOME Foundation.
+      <br />
+      <a href="http://validator.w3.org/check/referer";>Optimized</a> for <a href="http://www.w3.org/";>standards</a>.
+      <br />
+      <!--#config timefmt="%D %X %Z"-->
+      Last Updated: <!--#flastmod virtual="$parent_file"-->
+      </p>
+    </div>
+  </body>
+</html>
diff --git a/projects.gnome.org/yelp/header.shtml b/projects.gnome.org/yelp/header.shtml
new file mode 100644
index 0000000..84e4dcc
--- /dev/null
+++ b/projects.gnome.org/yelp/header.shtml
@@ -0,0 +1,44 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
+  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";>
+
+<html xmlns="http://www.w3.org/1999/xhtml"; xml:lang="en" lang="en">
+  <head>
+    <title><!--#echo var="title"--></title>
+    <link rel="icon" href="data/images/yelp-favicon.png"/>
+    <link rel="stylesheet" media="all" href="data/themes/yelp/document.all.css" title="Gnome"/>
+    <link rel="stylesheet" media="screen" href="data/themes/yelp/document.screen.css" title="Gnome"/>
+    <link rel="stylesheet" media="all" href="data/shadowbox/css/shadowbox.css"/>
+    <script type="text/javascript" src="data/shadowbox/js/yui-utilities.js"></script>
+    <script type="text/javascript" src="data/shadowbox/js/shadowbox-yui.js"></script>
+    <script type="text/javascript" src="data/shadowbox/js/shadowbox.js"></script>
+    <script type="text/javascript"><!--
+    window.onload = function(){
+      var options = {
+        handleUnsupported:  'remove',
+        loadingImage:       'data/shadowbox/images/loading.gif'
+      };
+      Shadowbox.init(options);
+    };
+    --></script>
+
+    <meta name="description" content="Yelp" />
+  </head>
+  <body>
+
+    <div id="header">
+      <h1>Home</h1>
+    </div>
+    <div id="menu">
+      <h2>Menu</h2>
+      <ul>
+        <li><a href="http://www.gnome.org/projects";>GNOME Projects</a>
+          <ul>
+            <!--#if expr='"$section" = "home"'--><li class="current"><!--#else--><li><!--#endif--><a href="index">Home</a> </li>
+            <!--#if expr='"$section" = "download"'--><li class="current"><!--#else--><li><!--#endif--><a href="download">Download</a> </li>
+            <li><a href="http://live.gnome.org/Yelp";>Wiki</a> </li>
+            <li><a target="_blank" href="http://www.gnome.org/friends/";>
+                <img border="0" alt="Become a Friend of GNOME" src="http://www.gnome.org/friends/banners/fog-80x15.png"; style="vertical-align: middle; margin-top: -4px;"/> </a> </li>
+          </ul>
+        </li>
+      </ul>
+    </div>
diff --git a/projects.gnome.org/yelp/index.shtml b/projects.gnome.org/yelp/index.shtml
new file mode 100644
index 0000000..eb56744
--- /dev/null
+++ b/projects.gnome.org/yelp/index.shtml
@@ -0,0 +1,25 @@
+<!--#set var="title" value="Yelp"-->
+<!--#set var="section" value="home"-->
+<!--#include virtual="header.shtml"-->
+
+    <div id="body">
+
+      <div id="top">
+        <a href="tour"><img src="data/images/yelp-big.png" alt="Yelp"/></a>
+      </div><!-- top -->
+
+      <div id="bottom">
+        <div id="bottomLeft">
+
+            <h2>Yelp</h2>
+
+	    <p>Yelp is the documentation viewer and framework used by the
+	      <a href="http://www.gnome.org/";>GNOME</a> desktop environment.</p>
+
+	    <!-- bugs, contact, technologies/overview -->
+        </div>
+      </div><!-- bottom -->
+    </div><!-- body -->
+
+<!--#set var="parent_file" value="$DOCUMENT_NAME"-->
+<!--#include virtual="footer.shtml"-->



[Date Prev][Date Next]   [Thread Prev][Thread Next]   [Thread Index] [Date Index] [Author Index]