(function() { var mobile = (/iphone|ipod|android|blackberry|mini|windows\sce|palm/i.test(navigator.userAgent.toLowerCase())); var ipad = (/ipad/i.test(navigator.userAgent.toLowerCase())); var t = function(str, data) { // template helper for (var i in data) { str = str.replace(new RegExp('{ ' + i + ' }', 'g'), data[i]); } return str; } // Global options var options = { user: 'user23', album: 'angliya-ukraina-10', title: 'Англия - Украина - 1:0', base_url: 'https://photo.torba.com', css_url: 'https://photo.torba.com/media/lightbox2/light.css?v1', default_size: '128', preview_size: 128, preview_css: 'display:inline; margin:0 3px 0 0; border:1px solid #ccc;', image_size: 1000, image_crop_type: (false) ? 'c': 'f', popup_html: '\u0009\u0009\u003Cdiv id\u003D\u0022torba\u002Dfader\u0022\u003E\u003C/div\u003E\u000A\u0009\u0009\u003Cdiv id\u003D\u0022torba\u002Dlightbox\u0022\u003E\u000A\u0009\u0009\u0009\u003Cdiv class\u003D\u0022torba\u002Dlightbox\u002Dside\u002Dwrap\u0022\u003E\u000A\u0009\u0009\u0009\u0009\u003Cdiv class\u003D\u0022torba\u002Dlightbox\u002Dside\u0022\u003E\u000A\u0009\u0009\u0009\u0009\u0009\u003Cdiv class\u003D\u0022torba\u002Dlightbox\u002Dside\u002Dcont\u0022\u003E\u000A\u0009\u0009\u0009\u0009\u0009\u0009\u003Ca class\u003D\u0022torba\u002Dlightbox\u002Dclose\u0022\u003E\u003C/a\u003E\u000A\u0009\u0009\u0009\u0009\u0009\u0009\u003Cspan class\u003D\u0022torba\u002Dlightbox\u002Dimg\u002Dnum\u0022\u003E\u003C/span\u003E\u000A\u0009\u0009\u0009\u0009\u0009\u0009\u003Cdiv class\u003D\u0022torba\u002Dlightbox\u002Dtitle\u0022\u003E\u003C/div\u003E\u000A\u0009\u0009\u0009\u0009\u0009\u0009\u003Cdiv class\u003D\u0022torba\u002Dlightbox\u002Ddescr\u0022\u003E\u003C/div\u003E\u000A\u0009\u0009\u0009\u0009\u0009\u003C/div\u003E\u000A\u0009\u0009\u0009\u0009\u0009\u003Cdiv class\u003D\u0022torba\u002Dlightbox\u002Dbanner\u0022\u003E\u000A\u0009\u0009\u0009\u0009\u0009\u0009\u003Ciframe id\u003D\u0022torba\u002Dlightbox\u002Diframe\u0022 style\u003D\u0022border: 0\u003B\u0022 width\u003D\u0022300\u0022 height\u003D\u0022610\u0022 src\u003D\u0022https://photo.torba.com/media/lightbox2/banner.html\u0022\u003E\u003C/iframe\u003E\u000A\u0009\u0009\u0009\u0009\u0009\u003C/div\u003E\u000A\u0009\u0009\u0009\u0009\u003C/div\u003E\u000A\u0009\u0009\u0009\u003C/div\u003E\u000A\u0009\u0009\u0009\u003Cdiv class\u003D\u0022torba\u002Dlightbox\u002Dcont\u002Dwrap\u0022\u003E\u000A\u0009\u0009\u0009\u0009\u003Cdiv class\u003D\u0022torba\u002Dlightbox\u002Dcont\u0022\u003E\u000A\u0009\u0009\u0009\u0009\u0009\u003Cimg id\u003D\u0022torba\u002Dlightbox\u002Dimage\u0022 src\u003D\u0022\u0022 alt\u003D\u0022\u0022 /\u003E\u000A\u000A\u0009\u0009\u0009\u0009\u0009\u003Cdiv class\u003D\u0022torba\u002Dlightbox\u002Dnav\u002Dwrap\u0022\u003E\u000A\u0009\u0009\u0009\u0009\u0009\u0009\u003Cdiv class\u003D\u0022torba\u002Dlightbox\u002Dnav\u0022\u003E\u000A\u0009\u0009\u0009\u0009\u0009\u0009\u0009\u003Cspan class\u003D\u0022torba\u002Dlightbox\u002Dnav\u002Dleft\u0022\u003E\u000A\u0009\u0009\u0009\u0009\u0009\u0009\u0009\u0009\u003Cspan class\u003D\u0022torba\u002Dlightbox\u002Dnav\u002Dleft\u002Dshad\u0022\u003E\u000A\u0009\u0009\u0009\u0009\u0009\u0009\u0009\u0009\u0009\u003Cspan class\u003D\u0022torba\u002Dlightbox\u002Dnav\u002Dleft\u002Dimg\u0022\u003E\u003C/span\u003E\u000A\u0009\u0009\u0009\u0009\u0009\u0009\u0009\u0009\u003C/span\u003E\u000A\u0009\u0009\u0009\u0009\u0009\u0009\u0009\u003C/span\u003E\u000A\u0009\u0009\u0009\u0009\u0009\u0009\u0009\u003Cspan class\u003D\u0022torba\u002Dlightbox\u002Dnav\u002Dright\u0022\u003E\u000A\u0009\u0009\u0009\u0009\u0009\u0009\u0009\u0009\u003Cspan class\u003D\u0022torba\u002Dlightbox\u002Dnav\u002Dright\u002Dshad\u0022\u003E\u000A\u0009\u0009\u0009\u0009\u0009\u0009\u0009\u0009\u0009\u003Cspan class\u003D\u0022torba\u002Dlightbox\u002Dnav\u002Dright\u002Dimg\u0022\u003E\u003C/span\u003E\u000A\u0009\u0009\u0009\u0009\u0009\u0009\u0009\u0009\u003C/span\u003E\u000A\u0009\u0009\u0009\u0009\u0009\u0009\u0009\u003C/span\u003E\u000A\u0009\u0009\u0009\u0009\u0009\u0009\u003C/div\u003E\u000A\u0009\u0009\u0009\u0009\u0009\u003C/div\u003E\u000A\u0009\u0009\u0009\u0009\u003C/div\u003E\u000A\u0009\u0009\u0009\u003C/div\u003E\u000A\u0009\u0009\u003C/div\u003E\u000A', url_template: 'user23/angliya-ukraina-10/photo{ number }', url_re: new RegExp('(user\\d+)\/([\\w-]+)\/photo(\\d+)') } // append album container after script document.write(t( '
', {user: options.user, album: options.album} )); // TorbaAlbum class var TorbaAlbum = function(options) { var self = this; self.options = options; self.album_name = self.options.user + '-' + self.options.album; self.init(); } TorbaAlbum.prototype.init = function() { var self = this; // init album container & album wrapper self.album = $('#' + self.album_name); self.album.css({ width: '100%', overflow: 'hidden', margin:'10px 0', position: 'relative' }); self.album_inner = $('div.torba-album-inner', self.album); if (!self.album_inner.length) { self.album.append('
'); self.album_inner = $('div.torba-album-inner', self.album); } self.parse([["/images/shurikdk/c128/FmUfTdojF1zH5IHJiiM7.jpg", ""],["/images/shurikdk/c128/raOtGDCkAoVbOmo1bAn8.jpg", ""],["/images/shurikdk/c128/FClyiaYkx2H3ZHbegWTH.jpg", ""],["/images/shurikdk/c128/6tTWsffYyqUL9uTjeNFV.jpg", ""],["/images/shurikdk/c128/tVatHmtTDgEaTNATlgwB.jpg", ""],["/images/shurikdk/c128/F7b7Y5HqFM0nhaTG1Q17.jpg", ""],["/images/shurikdk/c128/D4a71qfkQZ03pahuLKg4.jpg", ""],["/images/shurikdk/c128/qaNSaUayDSJrpVoGNoUj.jpg", ""],["/images/shurikdk/c128/m3Q8kLoSXgbNieQqsS3l.jpg", ""],["/images/shurikdk/c128/kDavG8ZoOxoBKnEvf242.jpg", ""],["/images/shurikdk/c128/Hts2x5HUZOtBaHYmt0Gu.jpg", ""],["/images/shurikdk/c128/JzK1lSSsfpJrEnqH0XUh.jpg", ""],["/images/shurikdk/c128/d2sJ1r9ffwpF9MerFn8i.jpg", ""],["/images/shurikdk/c128/fTnU0Ob51o0DVPyHvGIP.jpg", ""],["/images/shurikdk/c128/1b2gJmdeF3uJAORKR5O5.jpg", ""],["/images/shurikdk/c128/wJ0LYOdHCMjZReQ0mHss.jpg", ""],["/images/shurikdk/c128/Lc8we3gSHRLKe25sm0WV.jpg", ""],["/images/shurikdk/c128/JNGCScFTqUu4K47Rn4OH.jpg", ""],["/images/shurikdk/c128/0fBxbLGylrZmxtPIJcWx.jpg", ""],["/images/shurikdk/c128/s0NBjgEbQ32y1CacQ1pj.jpg", ""],["/images/shurikdk/c128/Hnw5EolEnfYvC1wl3j4Z.jpg", ""],["/images/shurikdk/c128/zX4XPf48rxwpkh2ekAmL.jpg", ""],["/images/shurikdk/c128/n5aozyMI8gwRUn0H4ve7.jpg", ""],["/images/shurikdk/c128/x7snJOH0kYkcMs0ELJdI.jpg", ""],["/images/shurikdk/c128/vDLKkAGTITHUL3O1tlO0.jpg", ""],["/images/shurikdk/c128/QT5XrOLkcjJ5oPgvaov8.jpg", ""],["/images/shurikdk/c128/lAaAVjgmsxe2Q8uzz4rc.jpg", ""],["/images/shurikdk/c128/BOZnP8cTRqmFzhY0XHeM.jpg", ""],["/images/shurikdk/c128/SZTGGAyzwKUYgjQKa6Ru.jpg", ""],["/images/shurikdk/c128/9HMeCYlE3IL2vYd6jGKv.jpg", ""],["/images/shurikdk/c128/MExJFZOj5YQeyjnJBiZT.jpg", ""],["/images/shurikdk/c128/N2rNLDv35HnBw0aAprHC.jpg", ""],["/images/shurikdk/c128/OfcdqmLMvaHhliCSj7R2.jpg", ""],["/images/shurikdk/c128/wNuWWVoqhD004Do5GHcn.jpg", ""],["/images/shurikdk/c128/EPJX53Hun01C3s1cBOqk.jpg", ""],["/images/shurikdk/c128/VnjDwQfdMCgwpFPekRZ3.jpg", ""],["/images/shurikdk/c128/h7QpVYLiJbWgFuUmak2K.jpg", ""],["/images/shurikdk/c128/SvDxdsZGdIoKM3i5BcI1.jpg", ""],["/images/shurikdk/c128/6YNCX9jVJ3Ks4XMGL3Jq.jpg", ""],["/images/shurikdk/c128/sfSJOY2RQURsS59mcnaM.jpg", ""],["/images/shurikdk/c128/B2JvDBUBe4OsbDg1TibN.jpg", ""],["/images/shurikdk/c128/LFYLavL8wU4sJtlwxx2G.jpg", ""],["/images/shurikdk/c128/93hUfbQB5yseJ7B0M5jH.jpg", ""],["/images/shurikdk/c128/A8vTC9fkm1kd88HwrucN.jpg", ""],["/images/shurikdk/c128/rdGGa1sDvW9PDUsaKv4e.jpg", ""],["/images/shurikdk/c128/uf25C4SFq4fq7UKb9Wbn.jpg", ""],["/images/shurikdk/c128/vzvqeVShvgdSztc8s41g.jpg", ""],["/images/shurikdk/c128/mCdhLmZNGoRXMoUd3ent.jpg", ""],["/images/shurikdk/c128/8xxyMMUhSBZtU1e2FU38.jpg", ""],["/images/shurikdk/c128/FKWliWui7OtR8CWrjCzj.jpg", ""],["/images/shurikdk/c128/jVGnUOFIj8Oglv61hUoy.jpg", ""],["/images/shurikdk/c128/5hPKuFiopRyG1cD93OuO.jpg", ""],["/images/shurikdk/c128/VQuPKftIAtB8I6qmwCjU.jpg", ""],["/images/shurikdk/c128/N5LoazUf0rDSjVrzw1WX.jpg", ""],["/images/shurikdk/c128/sGiz0EEyvQEWwqYw2sov.jpg", ""],["/images/shurikdk/c128/CWwwjVHu2c3vaShFFKzy.jpg", ""],["/images/shurikdk/c128/Tq3y4l1pgvIyTH4T4FCd.jpg", ""],["/images/shurikdk/c128/LSgTN3txrdaQtFLtBHCB.jpg", ""],["/images/shurikdk/c128/y32W1MPSEG1poKGOZp7a.jpg", ""],["/images/shurikdk/c128/IA4Hz1SwKwjefF1z48nZ.jpg", ""],["/images/shurikdk/c128/JjwKZ4n8rkqX8uRAhJaW.jpg", ""],["/images/shurikdk/c128/LFn6um2CyjKipeiYTqtP.jpg", ""],["/images/shurikdk/c128/qgGNDV6WAjL3ZQGNYm1Y.jpg", ""],["/images/shurikdk/c128/6VPuXOc0v0isBiYcpqTl.jpg", ""],["/images/shurikdk/c128/SUH3NaBAHTOe7qyhHPZ2.jpg", ""],["/images/shurikdk/c128/BUrd1sybfzWQka8pZGTE.jpg", ""],["/images/shurikdk/c128/0R8zKdBoXTohmrnGREQg.jpg", ""],["/images/shurikdk/c128/vo3ao5LBnFPKlOckc7aV.jpg", ""],["/images/shurikdk/c128/HQXKZT6VPwCLhRDTzH4L.jpg", ""],["/images/shurikdk/c128/a9CB9iwH9ZZVHuGXV2Fg.jpg", ""],["/images/shurikdk/c128/0iHJsHSTgsj0t8AHm7Jc.jpg", ""],["/images/shurikdk/c128/T4ClCsInrmn0r6gTu9sf.jpg", ""],["/images/shurikdk/c128/Qkvw4lqZopqVKBYzKDFf.jpg", ""],["/images/shurikdk/c128/2aZe04cLcjbjR25WSQfV.jpg", ""],["/images/shurikdk/c128/ieN0FnBePdZp1QqjrFhz.jpg", ""],["/images/shurikdk/c128/Api8YxxpkryFz8YqWMG3.jpg", ""],["/images/shurikdk/c128/EPlqzZrGkycVC2GArntx.jpg", ""],["/images/shurikdk/c128/A6zaz9Mm1Is5aCwOuxlX.jpg", ""],["/images/shurikdk/c128/Z7DQV2MdLYZ5kukTsmUu.jpg", ""],["/images/shurikdk/c128/C2jB4RC5VOunw8UNabTG.jpg", ""],["/images/shurikdk/c128/JhEMcJnvyv9UfFrkjPWU.jpg", ""],["/images/shurikdk/c128/cUJCcDQBcjUKaeYL0Mcw.jpg", ""],["/images/shurikdk/c128/X1lDOePTbRZFM2Z8rzst.jpg", ""],["/images/shurikdk/c128/LdrlqlALBHy1VvTnPO8t.jpg", ""],["/images/shurikdk/c128/dmT4P60bOvr72LcJQGVC.jpg", ""],["/images/shurikdk/c128/36v6u9y3Xb6j97thUSqH.jpg", ""],["/images/shurikdk/c128/SDhfhP86rcRMyoX1gGf3.jpg", ""],["/images/shurikdk/c128/I7H4OhbwKRMsyKSPf3MD.jpg", ""],["/images/shurikdk/c128/dZW4yxgtSCQK6JhrYLCt.jpg", ""],["/images/shurikdk/c128/WlhkEysI9Os7s9lK5Hpk.jpg", ""],["/images/shurikdk/c128/RQf50tZYXE7WTGQxR2gl.jpg", ""]]); } TorbaAlbum.prototype.parse = function(photos) { var self = this; var photos_html = ''; var re = new RegExp('c' + self.options.default_size); var preview_size = 'c' + self.options.preview_size; var image_size = self.options.image_crop_type + self.options.image_size; var gallery_photos = []; // parse photos, generate html for (var i = 0; i < photos.length; i += 1) { // Task #6137 var photo = photos[i]; var title = ''; if (typeof(photo) != 'string') { title = photo[1]; photo = photo[0]; } var template = ' \ { title } \ '; photos_html += t(template, { photo: photo.replace(re, image_size), url: self.options.base_url + photo.replace(re, image_size), title: title, preview_css: self.options.preview_css, preview_url: self.options.base_url + photo.replace(re, preview_size) }); gallery_photos.push(photo.replace(re, image_size)); } // append generated html to album container self.album_inner.html(photos_html); // init gallery if (!mobile) { self.album_inner.find('a').click(function() { self.init_gallery(gallery_photos, $(this).attr('data-src')); return false; }); } var hash = window.location.hash; var result = self.options.url_re.exec(hash); if (result) { // hash requires to init torba album if (result[1] == self.options.user && result[2] == self.options.album) { self.album_inner.find('a').eq(result[3] - 1).click(); } } } TorbaAlbum.prototype.init_gallery = function(gallery_photos, initial_photo) { var self = this; self.index = gallery_photos.indexOf(initial_photo); self.photos = gallery_photos; $('#torba-fader, #torba-lightbox').remove(); $('body').append(self.options.popup_html); self.show(); } TorbaAlbum.prototype.show = function() { var self = this; var photo = self.photos[self.index]; var number = self.index + 1; if (mobile || ipad) { $('.torba-lightbox-nav').show(); } $('#torba-lightbox-iframe').each(function() { $(this).attr({ src: $(this).attr("src") }); }); $('#torba-lightbox-image').attr('src', self.options.base_url + photo); $('span.torba-lightbox-img-num').text( t('{ number } из { count }', { number: number, count: self.photos.length }) ); window.location.hash = t(self.options.url_template, { number: number }); // bind close $('div.torba-lightbox-title').text(self.options.title); $('div.torba-lightbox-descr').text( self.album.find('img').eq(self.index).attr('alt') ); $('a.torba-lightbox-close, #torba-fader').unbind('click').click(function() { $('#torba-fader, #torba-lightbox').remove(); window.location.hash = '!'; return false; }); $(document).unbind('keydown').keydown(function(e) { if (e.keyCode == 27) { $('#torba-fader, #torba-lightbox').remove(); window.location.hash = '!'; return false; } }); $('span.torba-lightbox-nav-left, span.torba-lightbox-nav-right').show(); if (number == 1) { $('span.torba-lightbox-nav-left').hide(); } if (number == self.photos.length) { $('span.torba-lightbox-nav-right').hide(); } // bind move left $('span.torba-lightbox-nav-left').unbind('click').click(function() { self.prev(); return false; }); // bind move right $('span.torba-lightbox-nav-right').unbind('click').click(function() { self.next(); return false; }); } TorbaAlbum.prototype.prev = function() { var self = this; self.index -= 1; self.show(); } TorbaAlbum.prototype.next = function() { var self = this; self.index += 1; self.show(); } $(function() { // Load css $("", { rel: "stylesheet", type: "text/css", href: options.css_url }).appendTo('head'); new TorbaAlbum(options); }); })();