(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: 'user873',
	album: 'hp-spectre-ssd',
	title: 'HP Spectre SSD',
	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: 'user873/hp-spectre-ssd/photo{ number }',
	url_re: new RegExp('(user\\d+)\/([\\w-]+)\/photo(\\d+)')
}


// append album container after script
document.write(t(
	'<div id="{ user }-{ album }"></div>',
	{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('<div class="torba-album-inner"></div>');
		self.album_inner = $('div.torba-album-inner', self.album);
	}

	self.parse([["/images/4ybalex/c128/PL2eklpeNnY07dHwhq6y.png", ""],["/images/4ybalex/c128/cJPe8AWZe4KIKdvPnQyX.png", ""],["/images/4ybalex/c128/J6OYuT29xOJkNoo0XRuN.png", ""]]);
}

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 = '<a data-src="{ photo }" href="{ url }" title="{ title }"> \
			<img style="{ preview_css }" src="{ preview_url }" alt="{ title }" /> \
		</a>';
		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
	$("<link>", {
		rel: "stylesheet",
		type: "text/css",
		href: options.css_url
	}).appendTo('head');

	new TorbaAlbum(options);
});

})();