's used to hold the closebox, image, and zoom shadow.
-
- var inBody = document.getElementsByTagName("body").item(0);
-
- // WAIT SPINNER
-
- var inSpinbox = document.createElement("div");
- inSpinbox.setAttribute('id', 'ZoomSpin');
- inSpinbox.style.position = 'absolute';
- inSpinbox.style.left = '10px';
- inSpinbox.style.top = '10px';
- inSpinbox.style.visibility = 'hidden';
- inSpinbox.style.zIndex = '525';
- inBody.insertBefore(inSpinbox, inBody.firstChild);
-
- var inSpinImage = document.createElement("img");
- inSpinImage.setAttribute('id', 'SpinImage');
- inSpinImage.setAttribute('src', zoomImagesURI+'zoom-spin-1.png');
- inSpinbox.appendChild(inSpinImage);
-
- // ZOOM IMAGE
- //
- //
-
- var inZoombox = document.createElement("div");
- inZoombox.setAttribute('id', 'ZoomBox');
-
- inZoombox.style.position = 'absolute';
- inZoombox.style.left = '10px';
- inZoombox.style.top = '10px';
- inZoombox.style.visibility = 'hidden';
- inZoombox.style.zIndex = '499';
-
- inBody.insertBefore(inZoombox, inSpinbox.nextSibling);
-
- var inImage1 = document.createElement("img");
- inImage1.onclick = function (event) { zoomOut(this, event); return false; };
- inImage1.setAttribute('src',zoomImagesURI+'spacer.gif');
- inImage1.setAttribute('id','ZoomImage');
- inImage1.setAttribute('border', '0');
- // inImage1.setAttribute('onMouseOver', 'zoomMouseOver();')
- // inImage1.setAttribute('onMouseOut', 'zoomMouseOut();')
-
- // This must be set first, so we can later test it using webkitBoxShadow.
- inImage1.setAttribute('style', '-webkit-box-shadow: '+shadowSettings+'0.0)');
- inImage1.style.display = 'block';
- inImage1.style.width = '10px';
- inImage1.style.height = '10px';
- inImage1.style.cursor = 'pointer'; // -webkit-zoom-out?
- inZoombox.appendChild(inImage1);
-
- var inClosebox = document.createElement("div");
- inClosebox.setAttribute('id', 'ZoomClose');
- inClosebox.style.position = 'absolute';
-
- // In MSIE, we need to put the close box inside the image.
- // It's 2008 and I'm having to do a browser detect? Sigh.
- if (browserIsIE) {
- inClosebox.style.left = '-1px';
- inClosebox.style.top = '0px';
- } else {
- inClosebox.style.left = '-15px';
- inClosebox.style.top = '-15px';
- }
-
- inClosebox.style.visibility = 'hidden';
- inZoombox.appendChild(inClosebox);
-
- var inImage2 = document.createElement("img");
- inImage2.onclick = function (event) { zoomOut(this, event); return false; };
- inImage2.setAttribute('src',zoomImagesURI+'closebox.png');
- inImage2.setAttribute('width','30');
- inImage2.setAttribute('height','30');
- inImage2.setAttribute('border','0');
- inImage2.style.cursor = 'pointer';
- inClosebox.appendChild(inImage2);
-
- // SHADOW
- // Only draw the table-based shadow if the programatic webkitBoxShadow fails!
- // Also, don't draw it if we're IE -- it wouldn't look quite right anyway.
-
- if (! document.getElementById('ZoomImage').style.webkitBoxShadow && ! browserIsIE) {
-
- // SHADOW BASE
-
- var inFixedBox = document.createElement("div");
- inFixedBox.setAttribute('id', 'ShadowBox');
- inFixedBox.style.position = 'absolute';
- inFixedBox.style.left = '50px';
- inFixedBox.style.top = '50px';
- inFixedBox.style.width = '100px';
- inFixedBox.style.height = '100px';
- inFixedBox.style.visibility = 'hidden';
- inFixedBox.style.zIndex = '498';
- inBody.insertBefore(inFixedBox, inZoombox.nextSibling);
-
- // SHADOW
- // Now, the shadow table. Skip if not compatible, or irrevelant with -box-shadow.
-
- //
X
- //
- //  |
- // |
- //  |
- //
-
- var inShadowTable = document.createElement("table");
- inShadowTable.setAttribute('border', '0');
- inShadowTable.setAttribute('width', '100%');
- inShadowTable.setAttribute('height', '100%');
- inShadowTable.setAttribute('cellpadding', '0');
- inShadowTable.setAttribute('cellspacing', '0');
- inFixedBox.appendChild(inShadowTable);
-
- var inShadowTbody = document.createElement("tbody"); // Needed for IE (for HTML4).
- inShadowTable.appendChild(inShadowTbody);
-
- var inRow1 = document.createElement("tr");
- inRow1.style.height = '25px';
- inShadowTbody.appendChild(inRow1);
-
- var inCol1 = document.createElement("td");
- inCol1.style.width = '27px';
- inRow1.appendChild(inCol1);
- var inShadowImg1 = document.createElement("img");
- inShadowImg1.setAttribute('src', zoomImagesURI+'zoom-shadow1.png');
- inShadowImg1.setAttribute('width', '27');
- inShadowImg1.setAttribute('height', '25');
- inShadowImg1.style.display = 'block';
- inCol1.appendChild(inShadowImg1);
-
- var inCol2 = document.createElement("td");
- inCol2.setAttribute('background', zoomImagesURI+'zoom-shadow2.png');
- inRow1.appendChild(inCol2);
- // inCol2.innerHTML = '![](;
- var inSpacer1 = document.createElement("img");
- inSpacer1.setAttribute()
- // |
- // |
- // |
- //
-
- inRow2 = document.createElement("tr");
- inShadowTbody.appendChild(inRow2);
-
- var inCol4 = document.createElement("td");
- inCol4.setAttribute('background', zoomImagesURI+'zoom-shadow4.png');
- inRow2.appendChild(inCol4);
- // inCol4.innerHTML = ' ';
- var inSpacer2 = document.createElement("img");
- inSpacer2.setAttribute('src',zoomImagesURI+'spacer.gif');
- inSpacer2.setAttribute('height', '1');
- inSpacer2.setAttribute('width', '1');
- inSpacer2.style.display = 'block';
- inCol4.appendChild(inSpacer2);
-
- var inCol5 = document.createElement("td");
- inCol5.setAttribute('bgcolor', '#ffffff');
- inRow2.appendChild(inCol5);
- // inCol5.innerHTML = ' ';
- var inSpacer3 = document.createElement("img");
- inSpacer3.setAttribute('src',zoomImagesURI+'spacer.gif');
- inSpacer3.setAttribute('height', '1');
- inSpacer3.setAttribute('width', '1');
- inSpacer3.style.display = 'block';
- inCol5.appendChild(inSpacer3);
-
- var inCol6 = document.createElement("td");
- inCol6.setAttribute('background', zoomImagesURI+'zoom-shadow5.png');
- inRow2.appendChild(inCol6);
- // inCol6.innerHTML = ' ';
- var inSpacer4 = document.createElement("img");
- inSpacer4.setAttribute('src',zoomImagesURI+'spacer.gif');
- inSpacer4.setAttribute('height', '1');
- inSpacer4.setAttribute('width', '1');
- inSpacer4.style.display = 'block';
- inCol6.appendChild(inSpacer4);
-
- //
- // 
- // | |
- //  |
- //
- //
-
- var inRow3 = document.createElement("tr");
- inRow3.style.height = '26px';
- inShadowTbody.appendChild(inRow3);
-
- var inCol7 = document.createElement("td");
- inCol7.style.width = '27px';
- inRow3.appendChild(inCol7);
- var inShadowImg7 = document.createElement("img");
- inShadowImg7.setAttribute('src', zoomImagesURI+'zoom-shadow6.png');
- inShadowImg7.setAttribute('width', '27');
- inShadowImg7.setAttribute('height', '26');
- inShadowImg7.style.display = 'block';
- inCol7.appendChild(inShadowImg7);
-
- var inCol8 = document.createElement("td");
- inCol8.setAttribute('background', zoomImagesURI+'zoom-shadow7.png');
- inRow3.appendChild(inCol8);
- // inCol8.innerHTML = ' ';
- var inSpacer5 = document.createElement("img");
- inSpacer5.setAttribute('src',zoomImagesURI+'spacer.gif');
- inSpacer5.setAttribute('height', '1');
- inSpacer5.setAttribute('width', '1');
- inSpacer5.style.display = 'block';
- inCol8.appendChild(inSpacer5);
-
- var inCol9 = document.createElement("td");
- inCol9.style.width = '27px';
- inRow3.appendChild(inCol9);
- var inShadowImg9 = document.createElement("img");
- inShadowImg9.setAttribute('src', zoomImagesURI+'zoom-shadow8.png');
- inShadowImg9.setAttribute('width', '27');
- inShadowImg9.setAttribute('height', '26');
- inShadowImg9.style.display = 'block';
- inCol9.appendChild(inShadowImg9);
- }
-
- if (includeCaption) {
-
- // CAPTION
- //
- //
- //
- //
- //  |
- // |
- //  |
- //
- //
- //
-
- var inCapDiv = document.createElement("div");
- inCapDiv.setAttribute('id', 'ZoomCapDiv');
- inCapDiv.style.position = 'absolute';
- inCapDiv.style.visibility = 'hidden';
- inCapDiv.style.marginLeft = 'auto';
- inCapDiv.style.marginRight = 'auto';
- inCapDiv.style.zIndex = '501';
-
- inBody.insertBefore(inCapDiv, inZoombox.nextSibling);
-
- var inCapTable = document.createElement("table");
- inCapTable.setAttribute('border', '0');
- inCapTable.setAttribute('cellPadding', '0'); // Wow. These honestly need to
- inCapTable.setAttribute('cellSpacing', '0'); // be intercapped to work in IE. WTF?
- inCapDiv.appendChild(inCapTable);
-
- var inTbody = document.createElement("tbody"); // Needed for IE (for HTML4).
- inCapTable.appendChild(inTbody);
-
- var inCapRow1 = document.createElement("tr");
- inTbody.appendChild(inCapRow1);
-
- var inCapCol1 = document.createElement("td");
- inCapCol1.setAttribute('align', 'right');
- inCapRow1.appendChild(inCapCol1);
- var inCapImg1 = document.createElement("img");
- inCapImg1.setAttribute('src', zoomImagesURI+'zoom-caption-l.png');
- inCapImg1.setAttribute('width', '13');
- inCapImg1.setAttribute('height', '26');
- inCapImg1.style.display = 'block';
- inCapCol1.appendChild(inCapImg1);
-
- var inCapCol2 = document.createElement("td");
- inCapCol2.setAttribute('background', zoomImagesURI+'zoom-caption-fill.png');
- inCapCol2.setAttribute('id', 'ZoomCaption');
- inCapCol2.setAttribute('valign', 'middle');
- inCapCol2.style.fontSize = '14px';
- inCapCol2.style.fontFamily = 'Helvetica';
- inCapCol2.style.fontWeight = 'bold';
- inCapCol2.style.color = '#ffffff';
- inCapCol2.style.textShadow = '0px 2px 4px #000000';
- inCapCol2.style.whiteSpace = 'nowrap';
- inCapRow1.appendChild(inCapCol2);
-
- var inCapCol3 = document.createElement("td");
- inCapRow1.appendChild(inCapCol3);
- var inCapImg2 = document.createElement("img");
- inCapImg2.setAttribute('src', zoomImagesURI+'zoom-caption-r.png');
- inCapImg2.setAttribute('width', '13');
- inCapImg2.setAttribute('height', '26');
- inCapImg2.style.display = 'block';
- inCapCol3.appendChild(inCapImg2);
- }
-}
\ No newline at end of file
diff --git a/prototype/js/galleria/LICENSE b/prototype/js/galleria/LICENSE
deleted file mode 100644
index a56a176..0000000
--- a/prototype/js/galleria/LICENSE
+++ /dev/null
@@ -1,21 +0,0 @@
-The MIT License
-
-Copyright (c) 2010 Aino http://aino.se
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in
-all copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
-THE SOFTWARE.
\ No newline at end of file
diff --git a/prototype/js/galleria/README.rst b/prototype/js/galleria/README.rst
deleted file mode 100644
index 79d6e8b..0000000
--- a/prototype/js/galleria/README.rst
+++ /dev/null
@@ -1,78 +0,0 @@
-========
-Galleria
-========
-A JavaScript image gallery for the fastidious.
-
-**Update 28/4 - 2010** - We're currently working on releasing Galleria 1.2, along with some comprehensive documentation. Stay tuned!
-
-Features
-========
-
-Creates thumbnails on the fly
------------------------------
-Galleria can create, scale and crop images on the fly, making your gallery layout flexible towards any existing design.
-
-Degrades gracefully
--------------------
-Galleria can use almost any exiting markup to fetch gallery data. If the client does not meet the necessary requirements, the gallery will degrade to it's initial state.
-
-Themed galleries
-----------------
-Galleria uses a convenient Theme API that makes gallery styling and customization a breeze.
-
-Flickr fetcher included
------------------------------
-Use a custom feed from your Flickr account or any other external feed to display images on your web site.
-
-Built for performance
------------------------------
-Galleria is built to perform at it's best regardless of browser environment using clever interpolation methods and jQuery's appraised animations.
-
-
-Basic Usage
-=====
-Include jQuery and Galleria on your web page.
-
-Use the Galleria.loadTheme() to load a Galleria theme::
-
-
-
-You can also load it using the ``src`` attribute::
-
-
-
-Add images
-----------
-There are several ways of adding image data to your gallery, but the simplets way is probably to add some HTML.
-
-Just put the images inside any container on the site::
-
-
-
-
-
-If you want separate thumbnails, just add them as a link::
-
-
-
-
-
-You can also define the images as a JSON array. See the "getting started" doc for more info.
-
-Galleria also provides plugins to fetch image data from other sources like Flickr & SlideShowPro.
-
-Activate Galleria
------------------
-When DOM is ready, you can run Galleria::
-
-
-
-The galleria function takes two arguments, *theme* and *options*. If no theme is specified, the last theme loaded is used. The options argument is an object with Galleria options that you can use. See the options documentation for a complete list.
-
-If you run into problems, try passing ``debug: true`` as an option or set ``Galleria.debug = true`` to trace errors. Good luck!
\ No newline at end of file
diff --git a/prototype/js/galleria/demos/classic-01.html b/prototype/js/galleria/demos/classic-01.html
deleted file mode 100644
index df25a73..0000000
--- a/prototype/js/galleria/demos/classic-01.html
+++ /dev/null
@@ -1,35 +0,0 @@
-
-
-
-
Galleria Classic Theme Demo 01
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/prototype/js/galleria/demos/classic-02.html b/prototype/js/galleria/demos/classic-02.html
deleted file mode 100644
index 1109d4a..0000000
--- a/prototype/js/galleria/demos/classic-02.html
+++ /dev/null
@@ -1,40 +0,0 @@
-
-
-
-
Galleria Classic Theme Demo 02
-
-
-
-
-
-
-
-
The athletes from Sweden entering the stadium at the opening ceremonies of the 2010 Winter Olympics
-
-
The swedish Lion
-
-
Svenska Grammofonstudion, Gothenburg Sweden
-
-
-
-
-
\ No newline at end of file
diff --git a/prototype/js/galleria/demos/classic-03.html b/prototype/js/galleria/demos/classic-03.html
deleted file mode 100644
index 45c170c..0000000
--- a/prototype/js/galleria/demos/classic-03.html
+++ /dev/null
@@ -1,41 +0,0 @@
-
-
-
-
Galleria Classic Theme Demo 03
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/prototype/js/galleria/demos/classic-04.html b/prototype/js/galleria/demos/classic-04.html
deleted file mode 100644
index 25bf8ea..0000000
--- a/prototype/js/galleria/demos/classic-04.html
+++ /dev/null
@@ -1,35 +0,0 @@
-
-
-
-
Galleria Classic Theme Demo 04
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/prototype/js/galleria/demos/fullscreen-01.html b/prototype/js/galleria/demos/fullscreen-01.html
deleted file mode 100644
index 7a28d0c..0000000
--- a/prototype/js/galleria/demos/fullscreen-01.html
+++ /dev/null
@@ -1,37 +0,0 @@
-
-
-
-
Galleria Fullscreen Theme Demo 01
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/prototype/js/galleria/demos/fullscreen-02.html b/prototype/js/galleria/demos/fullscreen-02.html
deleted file mode 100644
index d09ec47..0000000
--- a/prototype/js/galleria/demos/fullscreen-02.html
+++ /dev/null
@@ -1,38 +0,0 @@
-
-
-
-
Galleria Fullscreen Theme Demo 02
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/prototype/js/galleria/demos/fullscreen-03.html b/prototype/js/galleria/demos/fullscreen-03.html
deleted file mode 100644
index 3181bd0..0000000
--- a/prototype/js/galleria/demos/fullscreen-03.html
+++ /dev/null
@@ -1,35 +0,0 @@
-
-
-
-
Galleria Fullscreen Theme Demo 03
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/prototype/js/galleria/demos/lightbox-01.html b/prototype/js/galleria/demos/lightbox-01.html
deleted file mode 100644
index d898b44..0000000
--- a/prototype/js/galleria/demos/lightbox-01.html
+++ /dev/null
@@ -1,30 +0,0 @@
-
-
-
-
Galleria Lightbox Theme Demo 03
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/prototype/js/galleria/demos/lightbox-02.html b/prototype/js/galleria/demos/lightbox-02.html
deleted file mode 100644
index 95c2504..0000000
--- a/prototype/js/galleria/demos/lightbox-02.html
+++ /dev/null
@@ -1,71 +0,0 @@
-
-
-
-
-
Galleria Lightbox Theme Demo 02
-
-
-
-
-
-
-
Using galleria lightbox with content
-
-
- 
-
- You can easilly create a lightbox gallery from linked images inside content. Just pass keep_source: true to galleria, and it will
- keep the content but still activate galleria on the images within the content block. It will add the linked image as image and the link as thumbnail per default. Try clicking the image to the left in this paragraph.
-
-
-
If you have bigger images inside the source area, galleria will include that as well as a clickable image.
- This makes it possible to add a lightbox gallery to any content that has images inside it, linked or not.
-
-
- You can of course add captions anywhere close to the image and include it in galleria using the
data_config option.
-
-
-
A mini-gallery anywhere
-
If you don't pass thumbnails: false you can collect the images and let galleria create a mini-gallery with thumbnails like the one below.
-
-
Code for this gallery:
-
Galleria.loadTheme('../src/themes/lightbox/galleria.lightbox.js');
-$('#galleria').galleria({
- data_source: '#content',
- keep_source: true,
- data_config: function(img) {
- return {
- description: $(img).next('.caption').html()
- }
- }
-});
-
↠back to galleria
-
-
-
-
\ No newline at end of file
diff --git a/prototype/js/galleria/docs/DOM.rst b/prototype/js/galleria/docs/DOM.rst
deleted file mode 100644
index 5b28e60..0000000
--- a/prototype/js/galleria/docs/DOM.rst
+++ /dev/null
@@ -1,82 +0,0 @@
-.. _dom:
-
-===
-DOM
-===
-
-Galleria builds a rich DOM structure for each Gallery. You can access them in the Theme API using ``this.get( ID )`` or ``this.$( IDs )``. Read more about DOM manipulation in the Theme API.
-
-List of elements
-================
-Here is a list of each element in the default Galleria DOM and their layout::
-
- container
- stage
- images
- loader
- counter
- image-nav
- image-nav-right
- image-nav-left
- thumbnails-container
- thumb-nav-left
- thumbnails-list
- thumbnails
- thumb-nav-right
- info
- info-link
- info-text
- info-title
- info-description
- info-author
- info-close
-
-
-HTML structure
-==============
-
-The HTML structure is built with a ``galleria-`` prefix to all classes to ensure CSS encapsulation. The class ``.carousel`` is added to ``thumbnails-container`` if a carousel is present. The ``.disabled`` class is added to ``thumb-nav-left`` and ``thumb-nav-right`` if you are at the end/start of the carousel.
-
-This presentation of the Galleria HTML structure is good to have when building CSS for your custom theme::
-
-
-
-
-
-
![]()
-
-
-
![]()
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
![]()
-
- [...]
-
-
-
-
-
\ No newline at end of file
diff --git a/prototype/js/galleria/docs/flickr.rst b/prototype/js/galleria/docs/flickr.rst
deleted file mode 100644
index e200ba0..0000000
--- a/prototype/js/galleria/docs/flickr.rst
+++ /dev/null
@@ -1,130 +0,0 @@
-.. _flickr:
-
-======
-Flickr Plugin
-======
-
-Galleria comes with a flickr plugin that can be used to fetch images from flickr and display them in your Galleria gallery.
-
-Example usage
-=============
-
-**note:** You must include the flickr plugin script at ``src/plugins/galleria.flickr.js`` to use this plugin.
-
-The following code searches flickr for the string 'butterfly', fetches 40 images in the 'Medium' format and sorts them after "interestingness" (default). When the data is ready, you can pass it into the Galleria constructor like this::
-
- var api_key = 'abc123' // you must have a flickr API key
- var flickr = new Galleria.Flickr(api_key); // initialize the plugin
-
- flickr.search('butterfly', function(data) {
- $('#galleria').galleria({
- data_source: data
- });
- });
-
-You can set options using ``.setOptions()`` or as a second argument to the call::
-
- flickr.setOptions({
- max: 60,
- size: 'medium',
- sort: 'date-posted-desc'
- });
-
- flickr.getSet('72057594078378762', function(data) {
- $('#galleria').galleria({
- source: data
- });
- });
-
-Public methods
-==============
-
-.setOptions( options )
-----------------------
-
- | returns **Galleria.Flickr**
-
-Modifies the default options for ``Galleria.Flickr``. **options** is an Object with your custom options that will override the defaults.
-
-.search(search_string, options, callback)
-----------------------
-
- | returns **Galleria.Flickr**
-
-A helper function for searching Flickr and converting the data to a Galleria-friendly data object.
-
-- **search_string** (String) the term you want to search for.
-- **options** (Object) is the search options object passed to flickr (optional).
-- **callback(data)** (Function) gets called when the data is ready. The first argument is the Galleria-friendly image data object.
-
-.getTags(tags, [options,] callback)
-----------------------
-
- | returns **Galleria.Flickr**
-
-A helper function for searching Flickr for tags and converting the data to a Galleria-friendly data object.
-
-- **tags** (String) a comma-separated string with tags to search for, ex: 'purple,white'.
-- **options** (Object) is the search options object passed to flickr (optional).
-- **callback(data)** (Function) gets called when the data is ready. The first argument is the Galleria-friendly image data object.
-
-.getUser(username, [options,] callback)
-----------------------
-
- | returns **Galleria.Flickr**
-
-Get all pictures from a user's photostream. The username is the same name as in your flickr URL, f.ex if my URL is flickr.com/photos/johndoe/, the user name is 'johndoe'.
-
-- **user** (String) The username as displayed in your Flickr URL, ex: 'johndoe'.
-- **options** (Object) is the search options object passed to flickr (optional).
-- **callback(data)** (Function) gets called when the data is ready. The first argument is the Galleria-friendly image data object.
-
-.getSet(set_id, [options,] callback)
-----------------------
-
- | returns **Galleria.Flickr**
-
-Get all pictures from a specific photoset.
-
-- **set_id** (String) The ID of the photoset (you can grab it from the URL)
-- **options** (Object) is the search options object passed to flickr (optional).
-- **callback(data)** (Function) gets called when the data is ready. The first argument is the Galleria-friendly image data object.
-
-.getGallery(gallery_id, [options,] callback)
-----------------------
-
- | returns **Galleria.Flickr**
-
-Get all pictures from a specific gallery.
-
-- **gallery_id** (String) The ID of the gallery (you can grab it from the URL)
-- **options** (Object) is the search options object passed to flickr (optional).
-- **callback(data)** (Function) gets called when the data is ready. The first argument is the Galleria-friendly image data object.
-
-
-Options
-=======
-
-max
----
-
- | type: **Number**
- | default: **30**
-
-Sets the amount of images that will be fetched (max 100)
-
-size
-------------
-
- | type: **String**
- | default: **'medium'**
-
-This options defines what size the plugin will fetch from flickr. Possible values are 'small', 'medium','big' and 'original'. Note that the 'big' size (1024px wide) is only available if the original size exceeds 1280px wide. If not, 'big' will return the biggest size available. 'original' will always return the biggest image available, but this can slow down performance significantly.
-
-sort
-------------
-
- | type: **String**
- | default: **'interestingness-desc'**
-
-How to sort the images. Available options are: date-posted-asc, date-posted-desc, date-taken-asc, date-taken-desc, interestingness-desc, interestingness-asc, and relevance.
\ No newline at end of file
diff --git a/prototype/js/galleria/docs/getting-started.rst b/prototype/js/galleria/docs/getting-started.rst
deleted file mode 100644
index 943ad3b..0000000
--- a/prototype/js/galleria/docs/getting-started.rst
+++ /dev/null
@@ -1,95 +0,0 @@
-.. _getting_started:
-
-===============
-Getting started
-===============
-
-Requirements
-============
-
-* Get the latest and greatest version of Galleria and jQuery
-* Place the galleria src folder in your project.
-
-Usage
-=====
-Include jQuery and Galleria on your web page.
-
-Use the Galleria.loadTheme() to load a Galleria theme::
-
-
-
-Add images
-----------
-There are several ways of adding image data to your gallery, but the simplets way is probably to add some HTML.
-
-Just put the images inside any container on the site::
-
-
-
-
-
-If you want separate thumbnails, just add them as a link::
-
-
-
-
-
-You can also define the images as a JSON array:
-
- var data = [
- {
- image: 'img1.jpg'
- thumb: 'thumb1.jpg'
- title: 'my first image',
- description: 'Lorem ipsum caption'
- link: 'http://domain.com'
- },
- {
- image: 'img2.jpg'
- thumb: 'thumb2.jpg'
- title: 'my second image',
- description: 'Another caption'
- link: '/path/to/destination.html'
- }
- ];
-
- $('#container').galleria({
- data_source: data
- });
-
-Galleria also provides plugins to fetch image data from other sources like Flickr & SlideShowPro.
-
-Activate Galleria
------------------
-When DOM is ready, you can run Galleria::
-
-
-
-The galleria function takes two arguments, *theme* and *options*. If no theme is specified, the last theme loaded is used. The options argument is an object with Galleria options that you can use. See the options documentation for a complete list.
-
-If you run into problems, try passing ``debug: true`` as an option or set ``Galleria.debug = true`` to trace errors.
-
-More examples
--------------
-With extra options::
-
-
-
-Customize
----------
-The gallery is ready to use. If you wish to add alternative sources of image data or fetch HTML captions, read the Customize gallery data section.
\ No newline at end of file
diff --git a/prototype/js/galleria/docs/history.rst b/prototype/js/galleria/docs/history.rst
deleted file mode 100644
index d7cc540..0000000
--- a/prototype/js/galleria/docs/history.rst
+++ /dev/null
@@ -1,18 +0,0 @@
-.. _history:
-
-======
-History Plugin
-======
-
-Galleria comes with a history plugin that can be used to make permalinks of images.
-This is useful if you have one large gallery, f.ex a fullscreen theme, but it's usefulness is limited if you have more than one gallery on a page.
-The History plugin is a fork of the great jQuery Address Plugin by Rostislav Hristov, adjusted fo fit Galleria.
-
-Example usage
-=============
-
-**note:** You must include the history plugin script at ``src/plugins/galleria.history.js`` to use this plugin.
-
-There is no need for any further initialization. As long as you include the plugin, Galleria will recognize this and automatically add permalinks to all images in the gallery.
-
-It works in all supported browsers by adding #/[index] to the URL.
\ No newline at end of file
diff --git a/prototype/js/galleria/docs/index.rst b/prototype/js/galleria/docs/index.rst
deleted file mode 100644
index 8b52d01..0000000
--- a/prototype/js/galleria/docs/index.rst
+++ /dev/null
@@ -1,15 +0,0 @@
-.. _index:
-
-======================
-Galleria Documentation
-======================
-
-.. rubric:: Everything you need to know about Galleria.
-
-Contents
-========
-
-* :ref:`getting_started`
-* :ref:`options`
-* :ref:`flickr`
-* :ref:`dom`
diff --git a/prototype/js/galleria/docs/options.rst b/prototype/js/galleria/docs/options.rst
deleted file mode 100644
index 5fd8d3a..0000000
--- a/prototype/js/galleria/docs/options.rst
+++ /dev/null
@@ -1,419 +0,0 @@
-.. _options:
-
-=======
-Options
-=======
-
-Galleria options are defined using a flat object during initialization.::
-
- $('#galleria').galleria({
- preload: 3,
- transition: 'fade',
- image_crop: true
- });
-
-**Note:** You can define your own options and set defaults for each theme using the Theme builder API.
-
-Table of contents (in alphabetical order)
-=================
-
-- autoplay
-- carousel
-- carousel_follow
-- carousel_speed
-- carousel_steps
-- data_config
-- data_image_selector
-- data_type
-- data_source
-- debug
-- extend
-- image_crop
-- image_margin
-- keep_source
-- max_scale_ratio
-- on_image
-- popup_links
-- preload
-- queue
-- thumb_crop
-- thumb_margin
-- thumb_quality
-- thumbnails
-- transition
-- transition_speed
-
-
-List of options
-===============
-
-autoplay
---------
-
- | type: **Boolean** or **Number**
- | default: **false**
-
-If ``true``, this will start playing the slideshow with 3 seconds interval (default).
-If you set this to any number, f.ex 4000, it will start playing with that interval (in milliseconds)
-
-*****
-
-carousel
---------
-
- | type: **Boolean**
- | default: **true**
-
-If ``true``, this will activate the carousel when needed. ``false`` will force it to not appear t all.
-
-*****
-
-carousel_follow
----------------
-
- | type: **Boolean**
- | default: **true**
-
-Defines if the the carousel should follow the active image.
-
-*****
-
-carousel_speed
----------------
-
- | type: **Number**
- | default: **200**
-
-The slide speed of the carousel in milliseconds.
-
-*****
-
-carousel_steps
----------------
-
- | type: **Number** or **String**
- | default: **'auto'**
-
-The number of "steps" the carousel will slide when navigating between available thumbnails.
-``'auto'`` will move the carousel as many steps as there are visible thumbnails.
-
-*****
-
-data_config
----------------
-
- | type: **Function**
- | default: **undefined**
-
-This function configures how the data should be extracted from the source. It should return an object that will blend in with the default extractions.
-
-Default extractions from the image_target element:
-..................................................
-
-- **image:** the ``src`` attribute OR parent ``
`` tag's ``href`` attribute (if exists and links to an image)
-- **thumb:** the ``src`` attribute
-- **title:** the ``title`` attribute
-- **description:** the ``alt`` attribute
-- **link:** the ``longdsesc`` attribute
-
-Example on how to alter the extraction logic:
-..............................................
-
-::
-
-
-
-
My picture
-
'img' and there is rarely any reason to change this.
-
-*****
-
-data_source
-------------
-
- | type: **String** or **Array**
- | default: *jQuery target*
-
-This is where Galleria finds the data depending on data_type. It defaults to the target selector, which is the same element that was used in the jQuery plugin.
-
-Example:
-........
-
-::
-
- // Galleria will look for images in '#galleria':
- $('#galleria').galleria();
-
- // Galleria will look for images in '#images'
- // but use '#galleria' as gallery container:
- $('#galleria').galleria({data_source: '#images'});
-
-*****
-
-data_type
----------------
-
- | type: **String**
- | default: **'auto'**
-
-
-The dataType Galleria will use to extract data. Available options are 'json', 'html' or 'auto' (default). There is rarely any reason to change this from auto, but you might encounter a situation where you'd like to force a certain data type.
-
-- **'auto'** means that it will try to detect dataType automatially.
-- **'json'** will force Galleria to treat the source parameter as a JSON data String or Array
-- **'html'** will force Galleria to treat the source parameter as a selector in the DOM where the image data is found.
-
-Example:
-.........
-
-::
-
- // Galleria will use some custom image data:
- var data = [{
- image: 'myimg.jpg'
- }, {
- image: 'myimg2.jpg'
- }];
- $('#galleria').galleria({data_source: data});
-
-*****
-
-debug
-------------
-
- | type: **Boolean**
- | default: *false*
-
-Setting this to ``true`` will throw errors when something is not right. You can also set this globally using ``Galleria.debug = true``.
-
-*****
-
-extend
-------
-
- | type: **Function**
- | default: **undefined**
-
-This function is used to extend the init function of the theme. Use this to quickly add minor customizations to the theme. The first argument is the options object, and the scope is always the Galleria gallery, just like the theme's init() function.
-
-Example on how to add a play link by extending the theme:
-..........................................................
-
-::
-
-
-
-*****
-
-height
-------------
-
- | type: **Number** or **String**
- | default: *undefined*
-
-This will set a height to the gallery, unless you sepcified one in the CSS.
-If you set this to 'undefined' or leave it as it is and no CSS height is set, Galleria will automatically add a 16/9 ratio comapred to the width as a fallback.
-
-*****
-
-image_crop
-----------
-
- | type: **Boolean**
- | default: **false**
-
-Defines how the images will be cropped.
-
-- **true** means that all images will be scaled to fill the stage, centered and cropped.
-- **false** will scale down so the entire image fits.
-
-*****
-
-image_margin
-----------
-
- | type: **Number**
- | default: **0**
-
-Sets a margin between the image and stage.
-
-*****
-
-keep_source
-----------
-
- | type: **Boolean**
- | default: **false**
-
-This sets if the source HTML should be left intact. Setting this to ``true`` will also create clickable images of each image inside the source.
-Useful for building custom thumbnails and still have galleria control the gallery.
-
-*****
-
-max_scale_ratio
-----------
-
- | type: **Number**
- | default: **undefined**
-
-Sets the maximum scale ratio for images. F.ex, if you don't want Galleria to upscale any images, set this to 1. undefined will allow any scaling of the images.
-
-*****
-
-on_image(image, thumbnail)
-----------
-
- | type: **Function**
- | default: **undefined**
-
-Helper event function that triggers when an image is loaded and about to enter the stage.
-This function simplifies the process of adding extra functionality when showing an image without using the extend method och manipulating the theme.
-
-**image** is the main image and **thumbnail** is the active thumbnail.
-
-*****
-
-popup_links
-----------
-
- | type: **Boolean**
- | default: **false**
-
-Setting this to **true** will open any image links in a new window.
-
-*****
-
-preload
---------
-
- | type: **String** or **Number**
- | default: **2**
-
-Defines how many images Galleria should preload in advance. Please note that this only applies when you are using separate thumbnail files. Galleria always cache all preloaded images.
-
-- **2** preloads the next 2 images in line
-- **'all'** forces Galleria to start preloading all images. This may slow down client.
-- **0** will not preload any images
-
-*****
-
-queue
------
-
- | type: **Boolean**
- | default: **true**
-
-Galleria queues all activation clicks (next/prev & thumbnails). You can see this effect when f.ex clicking "next" many times. If you don't want Galleria to queue, set this to **false**.
-
-*****
-
-show
------
-
- | type: **Number**
- | default: **0**
-
-This defines what image index to show at first. If you use the history plugin, a permalink will override this number.
-
-*****
-
-thumb_crop
-----------
-
- | type: **Boolean**
- | default: **true**
-
-Same as **image_crop** but for thumbnails.
-
-*****
-
-thumb_margin
-------------
-
- | type: **Number**
- | default: **0**
-
-Same as **image_margin** but for thumbnails.
-
-*****
-
-thumb_quality
--------------
- | type: **Boolean** or **String**
- | default: **true**
-
-Defines if and how IE should use bicubic image rendering for thumbnails.
-
-- **'auto'** uses high quality if image scaling is moderate.
-- **false** will not use high quality (better performance).
-- **true** will force high quality renedring (can slow down performance)
-
-*****
-
-thumbnails
-----------
-
- | type: **Boolean** or **String**
- | default: **true**
-
-Sets the creation of thumbnails. If false, Galleria will not create thumbnails.
-If you set this to 'empty', Galleria will create empty spans with the className ``img`` instead of thumbnails.
-
-*****
-
-transition
-----------
-
- | type: **Function** or **String**
- | default: **'fade'**
-
-The transition that is used when displaying the images. There are some built-in transitions in Galleria, but you can also create your own using our Transitions API
-
-Built-in transitions
-....................
-
-- **'fade'** fade betweens images
-- **'flash'** fades into background color between images
-- **'slide'** slides the images using the Galleria easing depending on image position
-- **'fadeslide'** fade between images and slide slightly at the same time
-
-*****
-
-transition_speed
-----------------
-
- | type: **Number**
- | default: **400**
-
-The milliseconds used when applying the transition.
-
diff --git a/prototype/js/galleria/docs/slideshowpro.rst b/prototype/js/galleria/docs/slideshowpro.rst
deleted file mode 100644
index cea3833..0000000
--- a/prototype/js/galleria/docs/slideshowpro.rst
+++ /dev/null
@@ -1,33 +0,0 @@
-.. _slideshowpro:
-
-======
-SlideShowPro Plugin
-======
-
-Galleria comes with a SSP plugin that can be used to fetch images from a SlideShowPro gallery and display them in your Galleria gallery.
-
-Example usage
-=============
-
-**note:** You must include the SSP plugin script at ``src/plugins/galleria.ssp.js`` to use this plugin.
-
-The plugin is very simple, just call the Galleria.SSP constructor with the XML file location and the plugin will return a formated galleria data object using YQL::
-
- var xml_file = 'http://domain.com/gallery.xml'
- var ssp = new Galleria.SSP(xml_file); // initialize the plugin
-
- ssp.getAlbum(0, function(data) {
- $('#galleria').galleria({
- data_source: data
- });
- });
-
-Public methods
-==============
-
-.getAlbum( album_index, callback )
-----------------------
-
- | returns **Galleria.SSP**
-
-Grabs album data from the XML. If you have more than one album you can change the index. 0 is the first album. The callback has one argument - the converted Galleria data object. See example above for usage.
\ No newline at end of file
diff --git a/prototype/js/galleria/docs/theme_api.rst b/prototype/js/galleria/docs/theme_api.rst
deleted file mode 100644
index 37bf473..0000000
--- a/prototype/js/galleria/docs/theme_api.rst
+++ /dev/null
@@ -1,383 +0,0 @@
-.. _theme API:
-
-======
-Theme API
-======
-
-Galleria comes with a theme builder API that you can use to create custom themes easily.
-
-The theme is created by adding a theme object to the Galleria namespace and define a init function that contains all theme specific logic.
-
-A sample theme
-==============
-
-A simple theme can be created using ``Galleria.theme.create()`` like this::
-
- Galleria.theme.create({
- name: 'my theme',
- author: 'John Doe, http://example.com',
- version: 1,
- css: 'galleria.my_theme.css',
- defaults: {
- transition: 'fade',
- imagecrop: true,
- my_color: 'yellow'
- },
- init: function(options) {
- this.$('container').css('background-color', options.my_color);
- this.bind(Galleria.LOADSTART, function(e) {
- if (!e.cached) {
- this.$('loader').show();
- }
- });
- this.bind(Galleria.LOADFINISH, function(e) {
- this.$('loader').hide();
- });
- this.show(0);
- }
- });
-
-After the theme is created you can use the theme when calling Galleria. The ``Galleria.theme.create`` function takes one argument – the theme object.
-
-The theme object explained:
----------------------------
-
-- **name** (String) is the name of the theme, f.ex 'classic'
-- **author** (String) is the name of the author
-- **version** (Number) is the current theme version
-- **css** (String) is the CSS file used. The CSS file must be in the same folder as the theme js file
-- **defaults** (Object) sets the default and/or custom options for the theme.
-- **init** (Function) contains all theme-specific logic. The function takes one argument, options, and the this keyword is the gallery instance. The function gets called after the data is fetched and the gallery is fully prepared to run.
-
-The ``init`` function in your theme has access to a number of helpers, functions and events that you can use to customize your theme logic.
-
-Events
-======
-
-You can bind functions to the Galleria events to build custom themes. All callbacks contains an event object as a function argument. The event object is similar to jQuery's event model, except that it adds event.scope that refers to the current gallery scope of each event. Some events will add even further properties to the event object, specified here.
-
-Use ``.bind()`` to listen to the Galleria events. In the callback, the this keyword inside the callback always refers to the same gallery scope. Example::
-
- this.bind(Galleria.THUMBNAIL, function(e) {
- Galleria.log(this); // the gallery scope
- Galleria.log(e) // the event object
- });
-
- this.bind(Galleria.LOADSTART, function(e) {
- if ( !e.cached ) {
- Galleria.log(e.target + ' is not cached. Begin preload...');
- }
- });
-
-Galleria.THUMBNAIL
-------------------
-
-Triggers when a thumbnail is loaded and displayed in Galleria. Adds the following properties to the event object:
-
-- **thumbTarget** (HTML element) The thumbnail IMG element
-- **thumbOrder** (int) the index of the thumbnail, starting at 0
-
-Galleria.LOADSTART
-------------------
-
-Triggers every time Galleria begins loading an image. Adds the following properties to the event object:
-
-- **cached** (boolean) is true if the image is cached (no loading required).
-- **imageTarget** (HTML element) The ``IMG`` element of the currently displayed image before transition.
-- **thumbTarget** (HTML element) The ``IMG`` element of the active thumbnail.
-
-Galleria.LOADFINISH
--------------------
-
-Triggers every time Galleria has finnished loading an image. Adds the following properties to the event object:
-
-- **cached** (boolean) is true if the image is cached (no loading required).
-- **imageTarget** (HTML element) The ``IMG`` element of the now active displayed image after transition.
-- **thumbTarget** (HTML element) The ``IMG`` element of the active thumbnail.
-
-Public methods
-==============
-
-.bind( type, callback )
------------------------
-
- | returns **Galleria**
-
-Binds a callback function to a Galleria event. The callback function contains the event object as the only argument.
-
-Example:
-........
-
-::
-
- this.bind(Galleria.THUMBNAIL, function(e) {
- Galleria.log(e.thumbTarget); // the Image element of the loaded thumbnail
- });
-
-.trigger( type )
------------------
-
- | returns **Galleria**
-
-Manually triggers a Galleria event.
-
-.setCSS( cssText )
-------------------
-
- | returns **Galleria**
-
-Creates a global ``
- 
- 
-
- 
- // 
- // 
- 
-
- You can easilly create a lightbox gallery from linked images inside content. Just pass 
- 
-
2 Comments
---
-
- 
- john
-
- Posted August 6, 2009 at 6:32 am
-
-
-
- -
-
- 
- Daniel
-
- Posted August 17, 2009 at 5:32 pm
-
-
-
-
-This is a really cool site
-Hi man,
-- I love this template, but one question – how do you create the image gallery on it?