(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: 'user1029',
album: 'novyij-bmw-5-serii-sedan',
title: 'Новый BMW 5 серии седан',
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: 'user1029/novyij-bmw-5-serii-sedan/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/kolominov/c128/QO1rI5mw1eBoisQwtded.jpg", ""],["/images/kolominov/c128/VvPrNRFLsxPmwrSFEYQr.jpg", ""],["/images/kolominov/c128/TIaEZStBWnvlsXuCtxbQ.jpg", ""],["/images/kolominov/c128/U62gTOZgmRECxfPbXR9X.jpg", ""],["/images/kolominov/c128/ypqDK500UJZUSnahFDOv.jpg", ""],["/images/kolominov/c128/JR61lmgAuLEiawkzqkNC.jpg", ""],["/images/kolominov/c128/IH8l0oETx3DVqpQzwcDa.jpg", ""],["/images/kolominov/c128/CGUWSAddUWUcC6TCDKCu.jpg", ""],["/images/kolominov/c128/kYVjiXBwOZ2r0imKbSs0.jpg", ""],["/images/kolominov/c128/OOdohc33nfvoV8icBJg3.jpg", ""],["/images/kolominov/c128/F1nEU6C96ANo1Nm8ZLvN.jpg", ""],["/images/kolominov/c128/VEa0Qj98xAFp5arBBTDZ.jpg", ""],["/images/kolominov/c128/j6j9upo1MwBuQPXTcrHr.jpg", ""],["/images/kolominov/c128/z0d4W1f8OiZbobvdiQaH.jpg", ""],["/images/kolominov/c128/7MIwsW6xf3r6pe648zwi.jpg", ""],["/images/kolominov/c128/lgxlHLVunwhBjoF7g4OP.jpg", ""],["/images/kolominov/c128/2HDX4CZVuBXkfnew9nuh.jpg", ""],["/images/kolominov/c128/2vm7MV1DwNJyG4Bt7EwJ.jpg", ""],["/images/kolominov/c128/QkvzW3rEd1UFsDROCqHQ.jpg", ""],["/images/kolominov/c128/qkGGq8LoRGjpVbjvoSL5.jpg", ""],["/images/kolominov/c128/YdXmx0q0OrMrFlffYlPy.jpg", ""],["/images/kolominov/c128/iCBxWtCpqDNA4rcC9CFc.jpg", ""],["/images/kolominov/c128/lzTNTH3ajN2LZRIQNu0u.jpg", ""],["/images/kolominov/c128/a7G0XfMhxc6VsmL2vleY.jpg", ""],["/images/kolominov/c128/ALQXH7Sczp0idmaayrii.jpg", ""],["/images/kolominov/c128/I6pMUfuo9gFzu17psFGK.jpg", ""],["/images/kolominov/c128/J8TWWf2vBYdv4ePa2tJ4.jpg", ""],["/images/kolominov/c128/73sBmgj8ND7EdRfHKqwg.jpg", ""],["/images/kolominov/c128/1oqHpsBGsaHZASRlJdjc.jpg", ""],["/images/kolominov/c128/OTxz0x4CnLF0UcRcAOJK.jpg", ""],["/images/kolominov/c128/UyjMX79nj4qnEiiTwvcS.jpg", ""],["/images/kolominov/c128/yyRS66gmNir2zfZ8bInV.jpg", ""],["/images/kolominov/c128/zcuT1GMs6MQN3QvY1iVh.jpg", ""],["/images/kolominov/c128/Yweyt2pFuQCPAVdZnPEj.jpg", ""],["/images/kolominov/c128/NbrduprBuwMMdOcUljRW.jpg", ""],["/images/kolominov/c128/nZDeyc1MrKPuiy1FtjST.jpg", ""],["/images/kolominov/c128/5ktTvsZQSlt1zJ5wLppU.jpg", ""],["/images/kolominov/c128/zOA3DX4opGbISDBVb5NK.jpg", ""],["/images/kolominov/c128/uzC7fc3AUTwVtxnVuUX2.jpg", ""],["/images/kolominov/c128/ETbvGZbDxSnGHo7jBn3N.jpg", ""],["/images/kolominov/c128/z8yz42mD2wFv5nzcnLnV.jpg", ""],["/images/kolominov/c128/7iPiLb2Kjqk5d1LR8zrC.jpg", ""],["/images/kolominov/c128/u5vKzoWAYZLMhQ2rpYCK.jpg", ""],["/images/kolominov/c128/tR89rII2dG7yNIddvw7R.jpg", ""],["/images/kolominov/c128/PnoL4WHiDuXgwaCX6ypz.jpg", ""],["/images/kolominov/c128/S4INBFOt9ATKjG3OjxrT.jpg", ""],["/images/kolominov/c128/MzjGWT5X3oGwMItKRLnQ.jpg", ""],["/images/kolominov/c128/iqmHh44LNV0Enf6EaHYF.jpg", ""],["/images/kolominov/c128/9PUHRXPLSCy0cE1OwHFx.jpg", ""],["/images/kolominov/c128/1hedM6yMcIxPhAukpshW.jpg", ""],["/images/kolominov/c128/cVTUYM0bTR4XpvSe9mli.jpg", ""],["/images/kolominov/c128/CPN94hTy908Cp37jI5QY.jpg", ""],["/images/kolominov/c128/7uMODpvlqspsarQBV8Ei.jpg", ""],["/images/kolominov/c128/HiqnkjgyHkdsRWEZdzRA.jpg", ""],["/images/kolominov/c128/8yzRrjd6ncq5X0AMR38s.jpg", ""],["/images/kolominov/c128/AugIt3iA7QxxNzCWo1x1.jpg", ""],["/images/kolominov/c128/BtZr8kNfLYjmYfuHtrHg.jpg", ""],["/images/kolominov/c128/tfFwimKkQHaIMq06vWow.jpg", ""],["/images/kolominov/c128/3vO6c1GMo6Rl53Rvehyx.jpg", ""],["/images/kolominov/c128/nKvNoYeQ8gho0qEgYiKx.jpg", ""],["/images/kolominov/c128/5QUxJ5te3nLuROBLy1hH.jpg", ""],["/images/kolominov/c128/0xU21DmuGYGbFSWmhyXk.jpg", ""],["/images/kolominov/c128/DpuluN2SeSznncQZXtZo.jpg", ""],["/images/kolominov/c128/2wtuacnBxuwmIq9oMVPB.jpg", ""],["/images/kolominov/c128/ZmoUMF2lGpj9FTeEk1xc.jpg", ""],["/images/kolominov/c128/ljnkkAgNEEbi3t34WXlr.jpg", ""],["/images/kolominov/c128/lGEKLvMjowsYJ7u9dnOh.jpg", ""],["/images/kolominov/c128/ledeW0sGJvCzH5GS02mU.jpg", ""],["/images/kolominov/c128/b2ICKKSpPGMzzCBH3Lty.jpg", ""],["/images/kolominov/c128/pf9Wqk7AOsGMFtfISIWo.jpg", ""],["/images/kolominov/c128/Gc047E9XF5AHMolz2yXu.jpg", ""],["/images/kolominov/c128/OBQkJly9UGoznOCwxm7k.jpg", ""],["/images/kolominov/c128/64fberpEq0xgkBJa0NkP.jpg", ""],["/images/kolominov/c128/aY1XniE6vFlZOyjBtEYC.jpg", ""],["/images/kolominov/c128/Ofz6CwUMzqiOREVQnsIZ.jpg", ""],["/images/kolominov/c128/z8RWACWdTzRXCiR234ps.jpg", ""],["/images/kolominov/c128/kAFKAXP72by0z0EIsEN5.jpg", ""],["/images/kolominov/c128/SjWg4mwWGLhG5ACVVlMm.jpg", ""],["/images/kolominov/c128/dXUoG8x6JYE8QyWwkyzX.jpg", ""],["/images/kolominov/c128/kVYTGeNGB0QgP7xUZDGS.jpg", ""],["/images/kolominov/c128/jm61hWIIKoFDePZ1TAqy.jpg", ""],["/images/kolominov/c128/mwGU1AOXZVsMJs87nJcx.jpg", ""],["/images/kolominov/c128/fuAKRLQzx61CQNMKwJTx.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 = ' \
\
';
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);
});
})();