orange-flickr 0.1.0

data/lib/orange-flickr/assets/js/yoxview/lang/ro.js

@@ -0,0 +1,21 @@
+{
+    "Direction" : "ltr",
+    "Close" : "Inchide",
+    "Help" : "Ajutor",
+    "FirstImage" : "Prima imagine",
+    "LastImage" : "Ultima imagine",
+    "StartStopSlideShow" : "Ruleaza/Pauza diaporama",
+    "Pause" : "Pauza",
+    "Play" : "Porneste",
+    "Prev" : "Precedent",
+    "PinInfo" : "Fixeaza info",
+    "UnpinInfo" : "Ascunde info",
+    "Next" : "Urmator",
+    "PrevImage" : "Imaginea precedenta",
+    "NextImage" : "Imaginea urmatoare",
+    "Loading" : "Se incarca",
+    "CloseHelp" : "Inchide ajutorul",  
+    "HelpText" : "Prin galerie se poate naviga folosind tastatura:<br/><br/>SAGETILE STANGA/DREAPTA: Precedenta/Urmatoare<br/>BARA DE SPATIU: Urmatoarea<br/>ENTER: Start/Stop diaporama<br/>ESCAPE: Inchide galeria<br/>HOME/END: Prima/Ultima imagine<br/>H - Acest panou de ajutor",
+    "Slideshow" : "Ruleaza",
+    "OriginalContext": "Vezi in contextul original"
+}

data/lib/orange-flickr/assets/js/yoxview/lang/ru.js

@@ -0,0 +1,21 @@
+{
+    "Direction" : "ltr",
+    "Close" : "Закрыть",
+    "Help" : "Помощь",
+    "FirstImage" : "К первому изображению",
+    "LastImage" : "К последнему изображению",
+    "StartStopSlideShow" : "Начать/Приостановить слайдшоу",
+    "Pause" : "Приостановить",
+    "Play" : "Начать",
+    "Prev" : "Пред.",
+    "PinInfo" : "Pin info",
+    "UnpinInfo" : "Unpin info",
+    "Next" : "Следующая",
+    "PrevImage" : "Предыдущее изображение",
+    "NextImage" : "Следующее изображение",
+    "Loading" : "Загрузка",
+    "CloseHelp" : "Закрыть помощь",  
+    "HelpText" : "Управлять галерей можно с помощью клавиатуры:<br/><br/>ЛЕВАЯ/ПРАВАЯ СТРЕЛОЧКИ: Пред./Следующее<br/>ПРОБЕЛ: Следующее<br/>ENTER: Старт/Стоп слайдшоу<br/>ESCAPE: Закрыть галерею<br/>HOME/END: Первое/Последнее изображение<br/>H - Открыть панель помощи",
+    "Slideshow" : "Начать",
+    "OriginalContext": "View in original context"
+}

data/lib/orange-flickr/assets/js/yoxview/lang/sk.js

@@ -0,0 +1,21 @@
+{
+    "Direction" : "ltr",
+    "Close" : "Zavrieť",
+    "Help" : "Nápoveda",
+    "FirstImage" : "Na prvý obrázok",
+    "LastImage" : "Na posledný obrozek",
+    "StartStopSlideShow" : "Spustiť/Zastaviť prehrávanie",
+    "Pause" : "Zastaviť",
+    "Play" : "Spustiť",
+    "Prev" : "Predchádzajúci",
+    "PinInfo" : "Pin info",
+    "UnpinInfo" : "Unpin info",
+    "Next" : "Nasledujúci",
+    "PrevImage" : "Predchádzajúci obrázok",
+    "NextImage" : "Nasledujúci obrázok",
+    "Loading" : "Nahrávam",
+    "CloseHelp" : "Zavrieť nápovedu",
+    "HelpText" : "Galériu môžete prechádzať pomocou kláves:<br/><br/>ŠÍPKY VĽAVO/VPRAVO: Predchádzajúci/Nasledujúci obrázok<br/>MEDZERNÍK: Ďalší<br/>ENTER: Spustiť/zastaviť prehrávanie<br/>ESC: Zavrieť galériu<br/>HOME/END: Prvý/posledný obrázok<br/>H - Vyvolanie nápovedy",
+    "Slideshow" : "Prehrávanie",
+    "OriginalContext": "Zobraziť v pôvodnom kontexte"
+}

data/lib/orange-flickr/assets/js/yoxview/lang/sl.js

@@ -0,0 +1,21 @@
+{
+    "Direction" : "ltr",
+    "Close" : "Zapri",
+    "Help" : "Pomoč",
+    "FirstImage" : "Na prvo sliko",
+    "LastImage" : "Na zadnjo sliko",
+    "StartStopSlideShow" : "Poženi/Ustavi projekcijo",
+    "Pause" : "Ustavi",
+    "Play" : "Predvajaj",
+    "Prev" : "Nazaj",
+    "PinInfo" : "Pin info",
+    "UnpinInfo" : "Unpin info",
+    "Next" : "Naprej",
+    "PrevImage" : "Predhodna slika",
+    "NextImage" : "Naslednja slika",
+    "Loading" : "Nalagam",
+    "CloseHelp" : "Zapri pomoč",
+    "HelpText" : "Med slikami se lahko pomikate z uporabo tipkovnice:<br/><br/>PU&#352;&#268;ICI LEVO/DESNO: Nazaj/Naprej<br/>PRESLEDNICA: Naprej<br/>VNOS: Po&#382;eni/Ustavi projekcijo<br/>ESC: Zapri galerijo<br/>HOME/END: Prva/Zadnja slika<br/>H - Pomo&#269;",
+    "Slideshow" : "Predvajaj",
+    "OriginalContext": "View in original context"
+}

data/lib/orange-flickr/assets/js/yoxview/lang/sv.js

@@ -0,0 +1,21 @@
+{
+    "Direction" : "ltr",
+    "Close" : "Stäng",
+    "Help" : "Hjälp",
+    "FirstImage" : "Till första bilden",
+    "LastImage" : "Till sista bilden",
+    "StartStopSlideShow" : "Spela/Pausa bildspelet", 
+    "Pause" : "Pausa",
+    "Play" : "Bildspel",
+    "Prev" : "Föregående",
+    "PinInfo" : "Pin info",
+    "UnpinInfo" : "Unpin info",
+    "Next" : "Nästa",
+    "PrevImage" : "Föregående bild",
+    "NextImage" : "Nästa bild",
+    "Loading" : "Laddar",
+    "CloseHelp" : "Stäng hjälp",  
+    "HelpText" : "Detta galleri kan navigeras med hjälp av tangentbordet: <br/>VÄNSTER/HÖGER PIL: Tillbaka/Nästa<br/>MELLANSLAG: Nästa bild<br/>ENTER: Starta/pausa bildspelet<br/>ESCAPE: Stäng galleriet<br/>HOME/END: Första/Sista bilden<br/>H - Denna hjälppanel", 
+    "Slideshow" : "Bildspel",
+    "OriginalContext": "View in original context"
+}

data/lib/orange-flickr/assets/js/yoxview/lang/tr.js

@@ -0,0 +1,22 @@
+// Translated by Ugur CELENK
+{
+    "Direction" : "ltr",
+    "Close" : "Kapat",
+    "Help" : "Yardım",
+    "FirstImage" : "İlk resim",
+    "LastImage" : "Son resim",
+    "StartStopSlideShow" : "Başlat/Durdur slayt gösterisi",
+    "Pause" : "Durdur",
+    "Play" : "Başlat",
+    "Prev" : "Önceki",
+    "PinInfo" : "Pin info",
+    "UnpinInfo" : "Unpin info",
+    "Next" : "Sonraki",
+    "PrevImage" : "Önceki resim",
+    "NextImage" : "Sonraki resim",
+    "Loading" : "Yükleniyor",
+    "CloseHelp" : "Yardımı kapat",  
+    "HelpText" : "Galeride klavye kullanarak geçiş yapabilirsiniz:<br/><br/>SOL/SAĞ YÖN TUŞLARI: Önceki/Sonraki<br/>BOŞLUK TUŞU: Sonraki<br/>ENTER: Slayt gösterisi Başlat/Durdur<br/>ESC: Galeriyi kapat<br />HOME/END: İlk/Son resim<br />H - Yardım paneli",
+    "Slideshow" : "Başlat",
+    "OriginalContext": "Orjinal içeriği göster"
+}

data/lib/orange-flickr/assets/js/yoxview/lang/ua.js

@@ -0,0 +1,21 @@
+{
+    "Direction" : "ltr",
+    "Close" : "Закрити",
+    "Help" : "Допомога",
+    "FirstImage" : "До першого зображення",
+    "LastImage" : "До останнього зображення",
+    "StartStopSlideShow" : "Почати/Призупинити слайдшоу",
+    "Pause" : "Призупинити",
+    "Play" : "Почати",
+    "Prev" : "Попереднє",
+    "PinInfo" : "Pin info",
+    "UnpinInfo" : "Unpin info",
+    "Next" : "Наступне",
+    "PrevImage" : "Попереднє зображення",
+    "NextImage" : "Наступне зображення",
+    "Loading" : "Завантаження",
+    "CloseHelp" : "Закрити допомогу",  
+    "HelpText" : "Керувати галереєю можна за допомогою клавіатури:<br/><br/>ЛІВА/ПРАВА СТРІЛОЧКИ: Попереднє/Наступне<br/>ПРОБІЛ: Наступне<br/>ENTER: Старт/Стоп слайдшоу<br/>ESCAPE: Зачинити галерею<br/>HOME/END: Перше/Останнє зображення<br/>H - Відкрити панель допомоги",
+    "Slideshow" : "Почати",
+    "OriginalContext": "View in original context"
+}

data/lib/orange-flickr/assets/js/yoxview/lang/zh-cn.js

@@ -0,0 +1,21 @@
+{
+    "Direction" : "ltr",
+    "Close" : "关闭",
+    "Help" : "帮助",
+    "FirstImage" : "第一张",
+    "LastImage" : "最后一张",
+    "StartStopSlideShow" : "播放/暂停幻灯片",
+    "Pause" : "暂停",
+    "Play" : "播放",
+    "Prev" : "上一页",
+    "PinInfo" : "Pin info",
+    "UnpinInfo" : "Unpin info",
+    "Next" : "下一页",
+    "PrevImage" : "上一张",
+    "NextImage" : "下一张",
+    "Loading" : "载入中",
+    "CloseHelp" : "关闭帮助",  
+    "HelpText" : "你可以使用键盘进行画廊导航：<br/><br/>左/右箭头： 上一张/下一张<br/>空格键： 下一张<br/>Enter键： 播放/暂停幻灯片<br/>Esc键： 关闭画廊<br/>HOME/END: 第一张/最后一张<br/>H - 帮助面板",
+    "Slideshow" : "播放",
+    "OriginalContext": "在原有范围内查看"
+}

data/lib/orange-flickr/assets/js/yoxview/lang/zh-tw.js

@@ -0,0 +1,21 @@
+{
+   "Direction" : "ltr",
+   "Close" : "關閉",
+   "Help" : "求助",
+   "FirstImage" : "第一張",
+   "LastImage" : "最後一張",
+   "StartStopSlideShow" : "播放/暫停幻燈片",
+   "Pause" : "暫停",
+   "Play" : "播放",
+   "Prev" : "上一頁",
+   "PinInfo" : "Pin info",
+    "UnpinInfo" : "Unpin info",
+   "Next" : "下一頁",
+   "PrevImage" : "上一張",
+   "NextImage" : "下一張",
+   "Loading" : "載入中",
+   "CloseHelp" : "關閉求助",
+   "HelpText" : "你可以使用鍵盤進行畫廊導航：<br/><br/>左/右箭頭： 上一張/下一張<br/>空格鍵： 下一張<br/>Enter鍵： 播放/暫停幻燈片<br/>Esc鍵： 關閉畫廊<br/>HOME/END: 第一張/最後一張<br/>H - 求助面板",
+   "Slideshow" : "輪播",
+   "OriginalContext": "在原有範圍內查看"
+}

data/lib/orange-flickr/assets/js/yoxview/yox.js

@@ -0,0 +1,179 @@
+Yox = {
+    compare: function(obj1, obj2)
+    {
+        // deep-compare objects:
+        function size(obj)
+        {
+            var size = 0;
+            for (var keyName in obj)
+            {
+                if (keyName != null)
+                    size++;
+            }
+            return size;
+        }
+        
+        if (size(obj1) != size(obj2))
+            return false;
+            
+        for(var keyName in obj1)
+        {
+            var value1 = obj1[keyName];
+            var value2 = obj2[keyName];
+            
+            if (typeof value1 != typeof value2)
+                return false;
+
+            if (value1 && value1.length && (value1[0] !== undefined && value1[0].tagName))
+            {
+                if(!value2 || value2.length != value1.length || !value2[0].tagName || value2[0].tagName != value1[0].tagName)
+                    return false;
+            }
+            else if (typeof value1 == 'function' || typeof value1 == 'object') {
+                var equal = Yox.compare(value1, value2);
+                if (!equal)
+                    return equal;
+            }
+            else if (value1 != value2)
+                return false;
+        }
+        return true;
+    },
+    dataRegex: {
+        picasa: /http:\/\/(www.)?picasaweb\.google\..*/,
+        flickr: /http:\/\/(www.)?flickr.com/,
+        smugmug: /http:\/\/.*\.smugmug.com/
+    },
+    dataSources: [],
+    fitImageSize: function(imageSize, targetSize, enlarge, isFill)
+	{
+		var resultSize = { width: imageSize.width, height: imageSize.height};
+		if ((!enlarge && imageSize.width > targetSize.width) ||
+		    (enlarge && imageSize.width != targetSize.width) )
+		{
+			resultSize.height = Math.round((targetSize.width / imageSize.width) * imageSize.height);
+			resultSize.width = targetSize.width;
+		}
+		
+		if (!isFill && resultSize.height > targetSize.height)
+		{
+			resultSize.width = Math.round((targetSize.height / resultSize.height) * resultSize.width);
+			resultSize.height = targetSize.height;
+		}
+		else if (isFill && (resultSize.height < targetSize.height))
+		{
+			resultSize.height = targetSize.height;
+			resultSize.width = Math.round((targetSize.height / imageSize.height) * imageSize.width);
+		}
+		
+		return resultSize;
+	},
+    getDataSourceName: function(url)
+    {
+        for(dataSourceIndex in Yox.dataRegex)
+        {
+            if(url.match(Yox.dataRegex[dataSourceIndex]))
+                return dataSourceIndex;
+        }
+        return null;
+    },
+    getPath: function(pathRegex)
+    {
+        var scripts = document.getElementsByTagName("script");
+        for(var i=0; i<scripts.length; i++)
+        {
+            var currentScriptSrc = scripts[i].src;
+            var matchPath = currentScriptSrc.match(pathRegex);
+            if (matchPath)
+                return matchPath[1];
+        }
+        
+        return null;
+    },
+	imageRegex: /.*\.(?:jpg|jpeg|gif|png)/i,
+    queryToJson: function(query)
+    {
+        var queryVars = query.split("&");
+        var json = {};
+        jQuery.each(queryVars, function(){
+            var keyValue = this.split("=");
+            json[keyValue[0]] = keyValue[1];
+        });
+        return json;
+    },
+    loadDataSource: function(options, callBack, target)
+    {
+        var self = this;
+        var dataSourceName;
+        if (options.dataUrl)
+        {
+            dataSourceName = Yox.getDataSourceName(options.dataUrl);
+            if (dataSourceName)
+                $.extend(options, { dataSource: dataSourceIndex });
+        }
+        if (options.dataSource && !Yox.dataSources[dataSourceName])
+        {
+            $.ajax({
+                url : options.dataFolder + options.dataSource + ".js", 
+                async : false,
+                dataType : "script",
+                success: function(data){
+                    eval(data);
+                    eval ("Yox.dataSources['" + options.dataSource + "'] = new yox_" + options.dataSource + "();");                      
+                    callBack(target);
+                },
+                error : function(XMLHttpRequest, textStatus, errorThrown)
+                {
+                    console.log(XMLHttpRequest, textStatus, errorThrown);
+                }
+            });
+        }
+        else
+            callBack(target);
+    },
+    Sprites: function(sprites, spritesImage, srcImage)
+    {
+        var cacheImg = new Image();
+        cacheImg.src = spritesImage;
+        this.spritesImage = spritesImage;
+        
+        var currentTop = 0;
+        jQuery.each(sprites, function(i, spriteGroup){
+            spriteGroup.top = currentTop;
+            currentTop += spriteGroup.height;
+        });
+
+        this.getSprite = function(spriteGroup, spriteName, title)
+        {
+            return jQuery("<img/>", {
+                src: srcImage,
+                alt: spriteName,
+				title: title,
+                css: {
+                    width: sprites[spriteGroup].width,
+                    height: sprites[spriteGroup].height,
+                    "background-image": "url(" + spritesImage + ")",
+                    "background-repeat": "no-repeat",
+                    "background-position": this.getBackgroundPosition(spriteGroup, spriteName)
+                }
+            });
+        }
+        this.getBackgroundPosition = function(spriteGroup, spriteName)
+        {
+            var backgroundLeft = jQuery.inArray(spriteName, sprites[spriteGroup].sprites) * (sprites[spriteGroup].width || 0);
+            return "-" + backgroundLeft + "px -" + sprites[spriteGroup].top + "px";
+        }
+    },
+    videoRegex: {
+        youtube: /.*youtube.com\/watch.*(?:v=[^&]+).*/i,
+        vimeo: /vimeo.com\/\d+/i,
+        hulu: /hulu.com\/watch\//i,
+        viddler: /viddler.com\//i,
+        flickr: /.*flickr.com\/.*/i,
+        myspace: /.*vids.myspace.com\/.*/i,
+        qik: /qik.com/i,
+        revision3: /revision3.com/i,
+        dailymotion: /dailymotion.com/i,
+        "5min": /.*5min\.com\/Video/i
+    }
+}

data/lib/orange-flickr/assets/js/yoxview/yox.min.js

@@ -0,0 +1 @@
+Yox={compare:function(b,c){function d(g){var h=0;for(var i in g)i!=null&&h++;return h}if(d(b)!=d(c))return false;for(var f in b){var a=b[f],e=c[f];if(typeof a!=typeof e)return false;if(a&&a.length&&a[0]!==undefined&&a[0].tagName){if(!e||e.length!=a.length||!e[0].tagName||e[0].tagName!=a[0].tagName)return false}else if(typeof a=="function"||typeof a=="object"){a=Yox.compare(a,e);if(!a)return a}else if(a!=e)return false}return true},dataRegex:{picasa:/http:\/\/(www.)?picasaweb\.google\..*/,flickr:/http:\/\/(www.)?flickr.com/, smugmug:/http:\/\/.*\.smugmug.com/},dataSources:[],fitImageSize:function(b,c,d,f){var a={width:b.width,height:b.height};if(!d&&b.width>c.width||d&&b.width!=c.width){a.height=Math.round(c.width/b.width*b.height);a.width=c.width}if(!f&&a.height>c.height){a.width=Math.round(c.height/a.height*a.width);a.height=c.height}else if(f&&a.height<c.height){a.height=c.height;a.width=Math.round(c.height/b.height*b.width)}return a},getDataSourceName:function(b){for(dataSourceIndex in Yox.dataRegex)if(b.match(Yox.dataRegex[dataSourceIndex]))return dataSourceIndex; return null},getPath:function(b){for(var c=document.getElementsByTagName("script"),d=0;d<c.length;d++){var f=c[d].src.match(b);if(f)return f[1]}return null},imageRegex:/.*\.(?:jpg|jpeg|gif|png)/i,queryToJson:function(b){b=b.split("&");var c={};jQuery.each(b,function(){var d=this.split("=");c[d[0]]=d[1]});return c},loadDataSource:function(b,c,d){var f;if(b.dataUrl)(f=Yox.getDataSourceName(b.dataUrl))&&$.extend(b,{dataSource:dataSourceIndex});b.dataSource&&!Yox.dataSources[f]?$.ajax({url:b.dataFolder+ b.dataSource+".js",async:false,dataType:"script",success:function(a){eval(a);eval("Yox.dataSources['"+b.dataSource+"'] = new yox_"+b.dataSource+"();");c(d)},error:function(a,e,g){console.log(a,e,g)}}):c(d)},Sprites:function(b,c,d){this.spritesImage=(new Image).src=c;var f=0;jQuery.each(b,function(a,e){e.top=f;f+=e.height});this.getSprite=function(a,e,g){return jQuery("<img/>",{src:d,alt:e,title:g,css:{width:b[a].width,height:b[a].height,"background-image":"url("+c+")","background-repeat":"no-repeat", "background-position":this.getBackgroundPosition(a,e)}})};this.getBackgroundPosition=function(a,e){return"-"+jQuery.inArray(e,b[a].sprites)*(b[a].width||0)+"px -"+b[a].top+"px"}},videoRegex:{youtube:/.*youtube.com\/watch.*(?:v=[^&]+).*/i,vimeo:/vimeo.com\/\d+/i,hulu:/hulu.com\/watch\//i,viddler:/viddler.com\//i,flickr:/.*flickr.com\/.*/i,myspace:/.*vids.myspace.com\/.*/i,qik:/qik.com/i,revision3:/revision3.com/i,dailymotion:/dailymotion.com/i,"5min":/.*5min\.com\/Video/i}};

data/lib/orange-flickr/assets/js/yoxview/yoxview-init.js

@@ -0,0 +1,47 @@
+var _yoxviewPath = getYoxviewPath();
+
+var cssLink = parent.document.createElement("link");
+cssLink.setAttribute("rel", "Stylesheet");
+cssLink.setAttribute("type", "text/css");
+cssLink.setAttribute("href", _yoxviewPath + "yoxview.css");
+parent.document.getElementsByTagName("head")[0].appendChild(cssLink);
+
+function LoadScript( url )
+{
+	document.write( '<scr' + 'ipt type="text/javascript" src="' + url + '"><\/scr' + 'ipt>' ) ;
+}
+
+var jQueryIsLoaded = typeof jQuery != "undefined";
+
+if (!jQueryIsLoaded)
+    LoadScript("http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js");
+    
+if (!jQueryIsLoaded || !jQuery().jsonp)
+    LoadScript(_yoxviewPath + "jquery.jsonp-1.0.4.min.js");
+    
+if (!jQueryIsLoaded || !jQuery().everyTime)
+    LoadScript(_yoxviewPath + "jquery.timers-1.2.min.js");
+
+if (typeof Yox == "undefined")
+    LoadScript(_yoxviewPath + "yox.min.js");
+
+if (!jQueryIsLoaded || !jQuery().yoxthumbs)
+    LoadScript(_yoxviewPath + "jquery.yoxthumbs.min.js");
+    
+LoadScript(_yoxviewPath + "jquery.yoxview-1.98.min.js");
+
+function getYoxviewPath()
+{
+    var scripts = document.getElementsByTagName("script");
+    var regex = /(.*\/)yoxview-init\.js/i;
+    for(var i=0; i<scripts.length; i++)
+    {
+        var currentScriptSrc = scripts[i].src;
+        if (currentScriptSrc.match(regex))
+            return currentScriptSrc.match(regex)[1];
+    }
+    
+    return null;
+}
+// Remove the next line's comment to apply yoxview without knowing jQuery to all containers with class 'yoxview':
+//LoadScript(_yoxviewPath + "yoxview-nojquery.js"); 

data/lib/orange-flickr/assets/js/yoxview/yoxview-nojquery.js

@@ -0,0 +1,5 @@
+jQuery(document).ready(function($){
+    // Uncomment the following line if you use an additional Javascript library (likr Prototype, for example) in the same page as YoxView:
+    // jQuery.noConflict();
+    $(".yoxview").yoxview();
+});

data/lib/orange-flickr/assets/js/yoxview/yoxview.css

@@ -0,0 +1,218 @@
+/* YoxView v1.92 CSS file */
+#yoxview .yoxview_bottom{ bottom: 0; }
+#yoxview .yoxview_right{ float: right; }
+#yoxview .yoxview_left{ float: left; }
+
+#yoxview
+{
+	position: absolute;
+	font-family: Arial, Sans-Serif;
+	z-index: 999;
+	border: solid 1px #999;
+	overflow: hidden;
+	font-size: 10pt;
+}
+#yoxview a img{ border: none; }
+#yoxview a:focus{ outline: none; }
+#yoxview div.yoxview_imgPanel{ position: absolute; top: 0; left: 0; }
+#yoxview div.yoxview_imgPanel div.yoxview_mediaPanel
+{ 
+	position: absolute; 
+	top: 0; left: 0; 
+	background: #191919; 
+	width: 100%; 
+	height: 100% 
+}
+#yoxview .yoxview_ctlBtn
+{
+	position: absolute; 
+	z-index: 3;
+	display: block;
+	text-decoration: none;
+	outline: none;
+	width: 50%;
+	height: 100%;
+}
+#yoxview .yoxview_ctlBtn img
+{
+	position: absolute;
+	border: none;
+	top: 50%;
+	margin-top: -22px;
+}
+#yoxview a.yoxview_ctlBtn:focus, #yoxview a.yoxview_ctlBtn:active{ outline: none; outline: none;}
+#yoxview .yoxview_notification
+{
+	width: 59px; 
+	height: 59px; 
+	position: absolute; 
+	top: 50%; 
+	left: 50%; 
+	margin-top: -30px;
+	margin-left: -30px;
+	z-index: 4;
+	opacity: 0.6;
+	filter: alpha(opacity=60);
+}
+
+#yoxview #yoxview_ajaxLoader img
+{
+	padding: 13px;
+}
+#yoxview .yoxview_popupBarPanel
+{
+	position: absolute;
+	z-index: 4;
+	min-height: 70px;
+	width: 100%;
+	right: 0;
+}
+#yoxview #yoxview_menuPanel
+{ 
+	width: 150px; 
+	height: 42px; 
+	padding-top: 0px;
+	padding-right: 9px;
+	position: absolute; 
+	right: 0;
+	background-image: url(images/sprites.png); 
+	background-repeat: no-repeat;
+	top: -42px;
+}
+
+#yoxview #yoxview_menuPanel a
+{ 
+	display: block; 
+	width: 45px; 
+	float: right; 
+	text-align: center; 
+	font-size: 0.8em; 
+	position: relative;
+	margin-top: -5px;
+	padding-bottom: 13px;
+	text-decoration: none;
+	font-family: Arial, Sans-Serif;
+}
+#yoxview #yoxview_menuPanel a span{ color: White; display: block; margin-bottom: 3px;  }
+#yoxview #yoxview_menuPanel a.last{ margin-left: 0; }
+#yoxview #yoxview_menuPanel a:focus{ outline: none; }
+#yoxview #yoxview_infoPanel
+{
+	position: absolute;
+	bottom: 0;
+	width: 100%;
+	height: 0;
+}
+#yoxview #yoxview_infoPanelBack
+{
+	position: absolute;
+	width: 100%;
+	height: 100%;
+	z-index: 1;
+	left: 0;
+	top: 0;
+}
+#yoxview #yoxview_infoPanelContent
+{
+	position: absolute;
+	width: 100%;
+	z-index: 2;
+	top: 0;
+	left: 0;
+	color: White;
+}
+#yoxview #yoxview_infoPanelContent span#yoxview_count
+{
+	display: block;
+	width: 55px;
+	font-size: 0.8em;
+	float: left;
+	text-align: center;
+	padding-top: 8px;
+	color: #bbb;
+}
+#yoxview #yoxview_infoPanelContent #yoxview_infoText
+{
+	margin: 0 55px;
+	font-size: 12pt;
+	padding: 5px 0;
+}
+#yoxview #yoxview_infoPanelContent #yoxview_infoText #yoxview_infoTextDescription
+{
+	margin-top: 1em;
+	font-size: 10pt;
+	padding-bottom: 0.5em;
+	max-height: 200px;
+	overflow: auto;
+	padding-right: 10px;
+}
+#yoxview #yoxview_infoPanelContent #yoxview_infoText a{ color: #a7d557; text-decoration: none; outline: none; }
+#yoxview #yoxview_infoPanelContent #yoxview_infoText a:hover{ color: #d5eeaa }
+#yoxview #yoxview_infoPanel a.yoxviewInfoLink
+{
+	display: none;
+	opacity: 0.8;
+	float: right;
+	margin-right: 5px;
+	margin-top: 5px;
+}
+#yoxview #yoxview_infoPanel a.yoxviewInfoLink:hover{ opacity: 1 }
+#yoxview #yoxview_helpPanel
+{
+	display: none;
+	width: 201px;
+	height: 312px;
+	position: absolute;
+	top: 50%;
+	left: 50%;
+	margin-top: -171px;
+	margin-left: -111px;
+	z-index: 5;
+	color: White;
+	padding: 20px;
+	padding-top: 10px;
+	cursor: pointer;
+}
+#yoxview #yoxview_helpPanel h1{ font-family: Arial Black, Arial, Sans-Serif; font-size: 1em; }
+#yoxview #yoxview_helpPanel p{ margin-top: 80px; }
+#yoxview #yoxview_helpPanel span#yoxview_closeHelp{ display: block; position: absolute; bottom: 20px; left: 0; text-align: center; width: 100%; }
+#yoxview .yoxview_error
+{
+	display: block;
+	text-align: center;
+	color: White;
+	font-family: Arial, Sans-Serif;
+	font-size: 14pt;
+	top: 41%;
+	width: 100%;
+	height: 20%;
+	position: absolute;
+	padding: 10px;
+}
+#yoxview .yoxview_error .errorUrl
+{
+	font-size: 10pt;
+}
+#yoxview .yoxview_top{ top: 0; width: 50%; }
+
+.yoxview-thumbnails a
+{
+	float: left;
+	margin: 4px;
+	/* For thumbnails opacity: */
+	opacity: 0.8;
+	filter: alpha(opacity=80);
+}
+.yoxview-thumbnails a:hover
+{
+	/* For thumbnails opacity: */
+	opacity: 1;
+	filter: alpha(opacity=100);
+}
+.yoxview-thumbnails a img
+{ 
+	/* Set white borders around the thumbnails, instead of the browser's default Blue: */
+	border: solid 1px #ffffff;
+}
+.yoxview-thumbnails-details{ margin-bottom: 1em; }
+.yoxview-thumbnails-details h2{ margin-bottom: 0; padding: 0; font-size: 1.2em; font-weight: bold;}