atreides 2.0.3 → 2.0.4

data/lib/assets/javascripts/atreides/galleria/src/themes/classic/galleria.classic.css

@@ -0,0 +1,202 @@
+/*
+ * Galleria Classic Theme
+ * Copyright (c) 2010, Aino
+ * Licensed under the MIT license.
+ */
+ 
+.galleria-container {
+    position: relative;
+    overflow: hidden;
+    background: #fff;
+}
+.galleria-container img {
+    -moz-user-select: none;
+    -webkit-user-select: none;
+    -o-user-select: none;
+}
+.galleria-stage {
+    position: absolute;
+    top: 0px;
+    bottom: 60px;
+    left: 0px;
+    right: 0px;
+    overflow:hidden;
+}
+.galleria-thumbnails-container {
+    height: 50px;
+    bottom: 0;
+    position: absolute;
+    left: 0px;
+    right: 0px;
+    z-index: 2;
+}
+.galleria-carousel .galleria-thumbnails-list {
+    margin-left: 30px;
+    margin-right: 30px;
+}
+.galleria-thumbnails .galleria-image {
+    height: 40px;
+    width: 60px;
+    background: #000;
+    margin: 0 5px 0 0;
+    border: 1px solid #000;;
+    float: left;
+    cursor: pointer;
+}
+.galleria-counter {
+    position: absolute;
+    bottom: 10px;
+    left: 10px;
+    text-align: right;
+    color: #fff;
+    font: normal 11px/1 arial,sans-serif;
+    z-index: 2;
+}
+.galleria-loader {
+    width: 20px;
+    height: 20px;
+    position: absolute;
+    top: 300px;
+    right: 390px;
+    z-index: 2;
+    display: none;
+    background: url(classic-loader.gif) no-repeat 2px 2px;
+}
+.galleria-info {
+    width: 100%;
+    top: 629px;
+    left: 0px;
+    z-index: 2;
+    position: absolute;
+    text-align: center;
+}
+.galleria-info-text {
+    background-color: #fff;
+    padding: 4px;
+    /* IE7 */ zoom:1;
+}
+.galleria-info-title {
+    font: bold 12px/1.1 arial,sans-serif;
+    margin: 0;
+    color: #000;
+}
+.galleria-info-description {
+    font: italic 12px/1.4 georgia,serif;
+    margin: 0;
+    color: #bbb;
+}
+.galleria-info-title+.galleria-info-description {
+    margin-top: 7px;
+}
+.galleria-info-close {
+    width: 9px;
+    height: 9px;
+    position: absolute;
+    top: 5px;
+    right: 5px;
+    background-position: -753px -11px;
+    opacity: .5;
+    filter: alpha(opacity=50);
+    cursor: pointer;
+    display: none;
+}
+.galleria-info-close:hover{
+    opacity:1;
+    filter: alpha(opacity=100);
+}
+.galleria-info-link {
+    background-position: -669px -5px;
+    opacity: .7;
+    filter: alpha(opacity=70);
+    position: absolute;
+    width: 20px;
+    height: 20px;
+    cursor: pointer;
+    background-color: #000;
+    display:none;
+}
+.galleria-info-link:hover {
+    opacity: 1;
+    filter: alpha(opacity=100);
+}
+.galleria-image-nav {
+    position: absolute;
+    top: 50%;
+    margin-top: -62px;
+    width: 100%;
+    height: 62px;
+    left: 0;
+}
+.galleria-image-nav-left,
+.galleria-image-nav-right {
+    opacity: .3;
+    filter: alpha(opacity=30);
+    cursor: pointer;
+    width: 62px;
+    height: 124px;
+    position: absolute;
+    left: 10px;
+    z-index: 2;
+    background-position: 0 46px;
+}
+.galleria-image-nav-right {
+    left: auto;
+    right: 10px;
+    background-position: -254px 46px;
+    z-index: 2;
+}
+.galleria-image-nav-left:hover,
+.galleria-image-nav-right:hover {
+    opacity: 1;
+    filter: alpha(opacity=100);
+}
+.galleria-thumb-nav-left,
+.galleria-thumb-nav-right {
+    cursor: pointer;
+    display: none;
+    background-position: -495px 5px;
+    position: absolute;
+    left: 0;
+    top: 0;
+    height: 40px;
+    width: 23px;
+    z-index: 3;
+    opacity: .8;
+    filter: alpha(opacity=80);
+}
+.galleria-thumb-nav-right {
+    background-position: -578px 5px;
+    border-right: none;
+    right: 0;
+    left: auto;
+}
+.galleria-thumbnails-container .disabled {
+    opacity: .2;
+    filter: alpha(opacity=20);
+    cursor: default;
+}
+.galleria-thumb-nav-left:hover,
+.galleria-thumb-nav-right:hover {
+    opacity: 1;
+    filter: alpha(opacity=100);
+}
+.galleria-thumbnails-container .disabled:hover {
+    opacity: 0.2;
+    filter: alpha(opacity=20);
+    background-color: transparent;
+}
+
+.galleria-carousel .galleria-thumb-nav-left,
+.galleria-carousel .galleria-thumb-nav-right {
+    display: block;
+}
+.galleria-thumb-nav-left,
+.galleria-thumb-nav-right,
+.galleria-info-link,
+.galleria-info-close,
+.galleria-image-nav-left,
+.galleria-image-nav-right {
+    background-image: url(classic-map.png);
+    background-repeat: no-repeat;
+}
+.galleria-thumbnails { margin-left: auto; margin-right: auto; }

data/lib/assets/javascripts/atreides/galleria/src/themes/classic/galleria.classic.js

@@ -0,0 +1,92 @@
+/*
+ * Galleria Classic Theme v. 1.5 2010-10-28
+ * http://galleria.aino.se
+ *
+ * Copyright (c) 2010, Aino
+ * Licensed under the MIT license.
+ */
+
+(function($) {
+
+Galleria.addTheme({
+    name: 'classic',
+    author: 'Galleria',
+    version: '1.5',
+    css: 'galleria.classic.css',
+    defaults: {
+        show_info: true,
+        show_counter: false,
+        idle_time: 3600000,
+        transition: 'fade',
+        thumb_crop: 'height',
+        data_selector: "a",
+        clicknext: true,
+        data_config: function(a) {
+            // a is now the anchor element
+            // the function should return an object with the new data
+            return {
+                image: $(a).attr('href'), // tell Galleria that the href is the main image,
+                thumb: $(a).find('img').attr('src')
+            };
+        }
+    },
+    init: function(options) {
+        
+        // add some elements
+        this.addElement('info-link','info-close');
+        this.append({
+            'info' : ['info-link','info-close']
+        });
+        
+        // cache some stuff
+        var toggle   = this.$('image-nav-left,image-nav-right,counter'),
+            info     = this.$('info-link,info-close,info-text'),
+            click    = Galleria.TOUCH ? 'touchstart' : 'click';
+        
+        // show loader & counter with opacity
+        this.$('loader,counter').show().css('opacity',.4)
+
+        // some stuff for non-touch browsers
+        if (! Galleria.TOUCH ) {
+            
+            // fade thumbnails
+            this.$('thumbnails').children().hover(function() {
+                $(this).not('.active').children().stop().fadeTo(100, 1);
+            }, function() {
+                $(this).not('.active').children().stop().fadeTo(400, .6);
+            });
+            
+            this.addIdleState( this.get('image-nav-left'), { left:-50 });
+            this.addIdleState( this.get('image-nav-right'), { right:-50 });
+            this.addIdleState( this.get('counter'), { opacity:0 });
+        }
+        
+        // toggle info
+        if ( options._toggle_info ) {
+            info.bind( click, function() {
+                info.toggle();
+            });
+        }
+        
+        // bind some stuff
+        this.bind(Galleria.THUMBNAIL, function(e) {
+            $(e.thumbTarget).parent(':not(.active)').children().css('opacity',.6)
+        });
+        
+        this.bind(Galleria.LOADSTART, function(e) {
+            if (!e.cached) {
+                this.$('loader').show().fadeTo(200, .4);
+            }
+            
+            this.$('info').toggle( this.hasInfo() );
+            
+            $(e.thumbTarget).css('opacity',1).parent().siblings().children().css('opacity',.6);
+        });
+        
+        this.bind(Galleria.LOADFINISH, function(e) {
+            this.$('loader').fadeOut(200);
+        });
+    }
+});
+
+})(jQuery);

data/lib/assets/javascripts/atreides/galleria/src/themes/fullscreen/fullscreen-demo.html

@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html lang="sv">
+    <head>
+        <title>Galleria Fullscreen Theme Demo 01</title>
+        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
+        <script src="../../galleria.js"></script>
+        <script src="../../plugins/galleria.flickr.js"></script>
+        <style>
+        body{background:#000;}
+        </style>
+    </head>
+<body>
+    <div id="galleria">
+    	<img alt="Squirrel! That is all." src="http://upload.wikimedia.org/wikipedia/commons/thumb/0/02/Eichh%C3%B6rnchen_D%C3%BCsseldorf_Hofgarten_edit.jpg/800px-Eichh%C3%B6rnchen_D%C3%BCsseldorf_Hofgarten_edit.jpg">
+        <img src="http://upload.wikimedia.org/wikipedia/commons/thumb/f/f8/Sea-otter-morro-bay_13.jpg/800px-Sea-otter-morro-bay_13.jpg">
+        <img src="http://upload.wikimedia.org/wikipedia/commons/thumb/7/70/Kuznetsk_Alatau_3.jpg/500px-Kuznetsk_Alatau_3.jpg">
+        <img alt="Strawberries, yum yum! Shiny red" src="http://upload.wikimedia.org/wikipedia/commons/thumb/d/de/Basket_of_strawberries_red_accent.jpg/500px-Basket_of_strawberries_red_accent.jpg">
+        <img src="http://upload.wikimedia.org/wikipedia/commons/2/2d/Ns1-unsharp.jpg">
+        <img src="http://upload.wikimedia.org/wikipedia/commons/thumb/6/67/Laser_effects.jpg/500px-Laser_effects.jpg">
+        <img src="http://upload.wikimedia.org/wikipedia/commons/thumb/1/1b/PizBernina3.jpg/500px-PizBernina3.jpg">
+        <img src="http://upload.wikimedia.org/wikipedia/commons/thumb/4/47/La_Galera_2.jpg/500px-La_Galera_2.jpg">
+        <img src="http://upload.wikimedia.org/wikipedia/commons/thumb/9/92/Costa_rica_santa_elena_skywalk.jpg/500px-Costa_rica_santa_elena_skywalk.jpg">
+        <img src="http://upload.wikimedia.org/wikipedia/commons/thumb/b/b2/Smoky_forest.jpg/500px-Smoky_forest.jpg">
+        <img src="http://upload.wikimedia.org/wikipedia/commons/thumb/a/a9/Alcea_rosea_and_blue_sky.jpg/500px-Alcea_rosea_and_blue_sky.jpg">
+    </div>
+    <script>
+    // Load theme
+    Galleria.loadTheme('galleria.fullscreen.js');
+    
+    $('#galleria').galleria();
+
+    </script>
+    </body>
+</html>

data/lib/assets/javascripts/atreides/galleria/src/themes/fullscreen/galleria.fullscreen.css

@@ -0,0 +1,46 @@
+html,body{background:#fff;}
+/*.galleria-container{height:75%;overflow:hidden;position:fixed;top:85;left:0;width:100%;background:#fff;z-index:10000;}*/
+.galleria-container{height:auto;overflow:hidden;position:fixed;top:102px;bottom:100px;left:0;width:100%;background:#fff;z-index:10000;visibility:hidden;}
+.galleria-container img{-moz-user-select:none;-webkit-user-select:none;-o-user-select:none}
+.galleria-stage{width:100%;height:100%;position:absolute;}
+.galleria-thumbnails-container{position:absolute;bottom:0;z-index:2;padding-top:16px;width:100%;}
+.galleria-thumbnails-tab{opacity:.7;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";filter:alpha(opacity=70);
+    position:absolute;left:50%;margin-left:-50px;top:0;height:16px;width:100px;background:#fff url(up.gif) no-repeat 50% 5px;cursor:pointer;
+    -moz-border-radius-topleft:4px;-moz-border-radius-topright:4px;-webkit-border-top-right-radius:4px;-webkit-border-top-left-radius:4px}
+    
+.galleria-thumbnails-tab:hover{opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);}
+.galleria-thumbnails-tab.open,
+.galleria-thumbnails-tab.open:hover{background-image:url(down.gif);opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);}
+.galleria-thumbnails{background:#fff;overflow:hidden;}
+.galleria-thumbnails-list{background:#fff;padding-top:5px;padding-bottom:5px;overflow:hidden;}
+.galleria-thumbnails .galleria-image{width:80px;height:50px;float:left;cursor:pointer;margin-right:5px;}
+.galleria-thumbnails .galleria-image img{background:#fff;}
+.galleria-thumbnails .active{cursor:default;}
+.galleria-carousel .galleria-thumbnails-list{border-left:30px solid #fff;border-right:30px solid #fff;}
+.galleria-image-nav{width:100%;height:100%;position:absolute;top:0;left:0;z-index:2;}
+/*.galleria-image-nav-right,
+.galleria-image-nav-left{width:100px;right:0;top:0;height:100%;background: url(r.png) no-repeat 50% 50%;position:absolute;cursor:pointer;z-index:3000;opacity:.8;}*/
+.galleria-image-nav-right,
+.galleria-image-nav-left{width:100px;height:96%;background: url(r2.png) no-repeat 50% 50%;;cursor:pointer;float:right;margin-right:-42px;}
+.galleria-image-nav-left{background-image:url(l2.png);float:left;margin-right:0px;margin-left:-42px;}
+.galleria-loader{width:30px;height:30px;background:#fff url(loader.gif) no-repeat 50% 50%;position:absolute;top:50%;left:50%;margin-top:-15px;margin-left:-15px;z-index:3;}
+
+.galleria-info{z-index:4;font:11px/1.4 arial,sans-serif;text-shadow:rgba(0,0,0,.2) 1px 1px 1px;color:#fff;position:absolute;top:0;width:100%;
+    border-top:2px solid #fff;display:none;text-align:center;padding:10px 0;background:rgba(0,0,0,.4);}
+.galleria-info-text{width:50%;margin:0 auto;}
+.galleria-info-title{font-weight:bold;}
+
+.galleria-thumb-nav-left,
+.galleria-thumb-nav-right{cursor:pointer;display:none;background:url(p.gif) no-repeat 50% 50%;position:absolute;left:5px;top:21px;bottom:5px;width:20px;z-index:3;
+    opacity:.8;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";filter:alpha(opacity=80);}
+    
+.galleria-thumb-nav-right{background-image:url(n.gif);left:auto;right:5px;}
+.galleria-carousel .galleria-thumb-nav-left,
+.galleria-carousel .galleria-thumb-nav-right{display:block;}
+.galleria-carousel .galleria-thumb-nav-left:hover,
+.galleria-carousel .galleria-thumb-nav-right:hover{background-color:#222;}
+.galleria-thumb-nav-left.disabled,
+.galleria-thumb-nav-right.disabled,
+.galleria-thumb-nav-left.disabled:hover,
+.galleria-thumb-nav-right.disabled:hover{opacity:.2;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";filter:alpha(opacity=20);cursor:default;}
+.galleria-thumbnails { margin-left: auto; margin-right: auto; }

data/lib/assets/javascripts/atreides/galleria/src/themes/fullscreen/galleria.fullscreen.js

@@ -0,0 +1,193 @@
+/*
+ * Galleria Fullscreen Theme v. 2.2 2010-10-28
+ * http://galleria.aino.se
+ *
+ * Copyright (c) 2010, Aino
+ * Licensed under the MIT license.
+ */
+
+(function($) {
+
+Galleria.addTheme({
+    name: 'fullscreen',
+    author: 'Galleria',
+    version: '2.2',
+    css: 'galleria.fullscreen.css',
+    defaults: {
+        data_selector: "a",
+        data_config: function(a) {
+            // a is now the anchor element
+            // the function should return an object with the new data
+            return {
+                image: $(a).attr('href'), // tell Galleria that the href is the main image,
+                thumb: $(a).find('img').attr('src')
+            };
+        },
+        thumb_crop: 'height',
+        // set this to false if you want to keep the thumbnails:
+        _hide_dock: false,
+        // set this to true if you want to shrink the carousel when clicking a thumbnail:
+        _close_on_click: false
+    },
+    init: function(options) {
+
+        this.addElement('thumbnails-tab');
+        this.appendChild('thumbnails-container', 'thumbnails-tab');
+
+        var tab      = this.$('thumbnails-tab'),
+            loader   = this.$('loader'),
+            thumbs   = this.$('thumbnails-container'),
+            list     = this.$('thumbnails-list'),
+            infotext = this.$('info-text'),
+            info     = this.$('info'),
+            OPEN     = !options._hide_dock,
+            POS      = 0,
+            CLICK    = Galleria.TOUCH ? 'touchstart' : 'click';
+
+        if (Galleria.IE) {
+            this.addElement('iefix');
+            this.appendChild('container', 'iefix');
+            this.$('iefix').css({
+                zIndex: 3,
+                position: 'absolute',
+                backgroundColor: '#000',
+                opacity: .4
+            });
+        }
+
+        if ( options.thumbnails === false ) {
+            thumbs.hide();
+        }
+
+        var fixCaption = this.proxy(function(img) {
+
+            if (!(img || img.width)) {
+                return;
+            }
+            var w = Math.min(img.width, $(window).width());
+            infotext.width(w - 40);
+            if (Galleria.IE && this.getOptions('show_info')) {
+                this.$('iefix').width(info.outerWidth()).height(info.outerHeight());
+            }
+        });
+        this.bind(Galleria.RESCALE, function() {
+            POS = this.getStageHeight() - tab.height() - 2;
+            thumbs.css('top', OPEN ? POS - list.outerHeight() + 2 : POS);
+            var img = this.getActiveImage();
+            if (img) {
+                fixCaption(img);
+            }
+        });
+
+        this.bind(Galleria.LOADSTART, function(e) {
+            if (!e.cached) {
+                loader.show().fadeTo(100, 1);
+            }
+            $(e.thumbTarget).css('opacity', 1).parent().siblings().children().css('opacity', .6);
+        });
+
+        this.bind(Galleria.LOADFINISH, function(e) {
+            loader.fadeOut(300);
+            this.$('info, iefix').toggle(this.hasInfo());
+        });
+
+        this.bind(Galleria.IMAGE, function(e) {
+            fixCaption(e.imageTarget);
+            $('#img_title').text(function() {
+              var info = $('.galleria-info-title').text()
+              if (info != "") {
+                return info;
+              } else {
+                return (Galleria.get(0).getIndex() + 1);
+              }
+            });
+            
+            // $('.galleria-image-nav-right, .galleria-image-nav-left').stop().delay(1000).animate({opacity: 0}, 600);
+        });
+
+        this.bind(Galleria.THUMBNAIL, function(e) {
+            $(e.thumbTarget).parent(':not(.active)').children().css('opacity', .6);
+            $(e.thumbTarget).click(function() {
+                if (OPEN && options._close_on_click) {
+                    tab.click();
+                }
+            });
+        });
+
+        this.trigger(Galleria.RESCALE);
+
+        this.addIdleState(thumbs, { opacity: 0 });
+        this.addIdleState(this.get('info'), { opacity: 0 });
+
+        if (Galleria.IE) {
+            this.addIdleState(this.get('iefix'), { opacity: 0 });
+        }
+         
+        // this.$('image-nav-left, image-nav-right').css('opacity', 1).hover(function() {
+        //     $(this).animate({opacity: 1}, 100);
+        // }, function() {
+        //     $(this).animate({opacity: 0});
+        // }).show();
+
+        if (options._hide_dock) {
+            tab.click(this.proxy(function() {
+                tab.toggleClass('open', !OPEN);
+                if (!OPEN) {
+                    thumbs.animate({
+                        top: POS - list.outerHeight() + 2
+                    }, 400, 'galleria');
+                } else {
+                    thumbs.animate({
+                        top: POS
+                    }, 400, 'galleria');
+                }
+                OPEN = !OPEN;
+            }));
+        } else {
+            this.bind(Galleria.THUMBNAIL, function() {
+                thumbs.css('top', POS - list.outerHeight() + 2);
+            });
+            tab.css('visibility', 'hidden');
+        }
+
+        this.$('thumbnails').children().hover(function() {
+            $(this).not('.active').children().stop().fadeTo(100, 1);
+        }, function() {
+            $(this).not('.active').children().stop().fadeTo(400, .6);
+        });
+        
+        $('.galleria-image-nav-right, .galleria-image-nav-left').hover(function() {
+          $('.galleria-image-nav-right, .galleria-image-nav-left').stop().animate({opacity: 1}, "fast");
+          console.log("ENTER");
+        },
+        function () {
+          $('.galleria-image-nav-right, .galleria-image-nav-left').stop().animate({opacity: .4}, 600);
+          console.log("LEAVE");
+        });
+
+        this.enterFullscreen();
+        this.attachKeyboard({
+            escape: function(e) {
+                return false;
+            },
+            up: function(e) {
+                if (!OPEN) {
+                    tab.click();
+                }
+                e.preventDefault();
+            },
+            down: function(e) {
+                if (OPEN) {
+                    tab.click();
+                }
+                e.preventDefault();
+            }
+        });
+        $('.galleria-image-nav').children().wrapAll('<div class="img-nav-container" />');
+        $('.galleria-image-nav-right, .galleria-image-nav-left').stop().delay(3000).animate({opacity: .4}, 600);
+        $('.galleria-container').css('min-height', '430px');
+        $('.galleria-container').css('visibility', 'visible');
+    }
+});
+
+})(jQuery);