')
+ .css({
+ position: 'absolute',
+ width: iconSize + 'px',
+ height: Math.round(iconSize / 2) + 'px'
+ })
+ .appendTo($reflection),
+
+ $text = Ox.Element()
+ .addClass('OxTextPage')
+ .css({
+ position: 'absolute',
+ left: margin + (iconSize == 256 ? 256 : iconWidth) + margin + 'px',
+ top: margin + 'px',
+ right: margin + statisticsWidth + margin + 'px'
+ })
+ .appendTo($info),
+
+ $alternativeTitles,
+
+ $minutes,
+
+ $imdb,
+
+ $links,
+
+ $descriptions,
+
+ $statistics = $('
')
+ .css({
+ position: 'absolute',
+ width: statisticsWidth + 'px',
+ top: margin + 'px',
+ right: margin + 'px'
+ })
+ .appendTo($info),
+
+ $capabilities;
+
+ [$options, $edit].forEach(function($element) {
+ $element.find('input').css({
+ borderWidth: 0,
+ borderRadius: 0,
+ padding: '3px'
+ });
+ });
+
+ // Title -------------------------------------------------------------------
+
+ $('
')
+ .css({
+ marginTop: '-2px'
+ })
+ .append(
+ Ox.EditableContent({
+ clickLink: pandora.clickLink,
+ editable: canEdit,
+ format: function(value) {
+ return formatTitle(value);
+ },
+ tooltip: canEdit ? pandora.getEditTooltip() : '',
+ value: data.title
+ })
+ .css({
+ marginBottom: '-3px',
+ fontWeight: 'bold',
+ fontSize: '13px'
+ })
+ .bindEvent({
+ submit: function(event) {
+ editMetadata('title', event.value);
+ }
+ })
+ )
+ .appendTo($text);
+
+ // Director ----------------------------------------------------------------
+
+ if (data.director || canEdit) {
+ $('
')
+ .css({
+ marginTop: '2px'
+ })
+ .append(
+ Ox.EditableContent({
+ clickLink: pandora.clickLink,
+ editable: canEdit,
+ format: function(value) {
+ return formatLink(value.split(', '), 'name');
+ },
+ placeholder: formatLight(Ox._('Unknown Director')),
+ tooltip: canEdit ? pandora.getEditTooltip() : '',
+ value: data.director ? data.director.join(', ') : ''
+ })
+ .css({
+ marginBottom: '-3px',
+ fontWeight: 'bold',
+ fontSize: '13px'
+ })
+ .bindEvent({
+ submit: function(event) {
+ editMetadata('director', event.value);
+ }
+ })
+ )
+ .appendTo($text);
+ }
+
+ // Groups ------------------------------------------------------------------
+
+ renderGroup(['alternativeTitles']);
+
+ renderGroup(['country', 'year', 'language', 'runtime', 'color', 'sound']);
+
+ renderGroup(['productionCompany']);
+
+ renderGroup([
+ 'producer', 'codirector', 'writer', 'cinematographer', 'editor',
+ 'composer', 'lyricist'
+ ]);
+
+ renderGroup(['actor']);
+
+ renderGroup(canSeeAllMetadata ? ['genre', 'keyword'] : ['genre']);
+
+ renderGroup(['imdbId', 'links']);
+
+ if (canEdit) {
+ updateIMDb();
+ }
+
+ // Summary -----------------------------------------------------------------
+
+ if (data.summary || canEdit) {
+ Ox.EditableContent({
+ clickLink: pandora.clickLink,
+ collapseToEnd: false,
+ editable: canEdit,
+ format: function(value) {
+ return value.replace(
+ /
').attr({id: 'descriptions'}).appendTo($text);
+
+ renderDescriptions();
+
+ $('
').css({height: '16px'}).appendTo($text);
+
+ // Duration, Aspect Ratio --------------------------------------------------
+
+ ['duration', 'aspectratio'].forEach(function(key) {
+ var itemKey = Ox.getObjectById(pandora.site.itemKeys, key),
+ value = data[key] || 0;
+ $('
')
+ .css({marginBottom: '4px'})
+ .append(formatKey(itemKey.title, 'statistics'))
+ .append(
+ Ox.Theme.formatColor(null, 'gradient')
+ .css({textAlign: 'right'})
+ .html(
+ Ox['format' + Ox.toTitleCase(itemKey.format.type)]
+ .apply(null, [value].concat(itemKey.format.args))
+ )
+ )
+ .appendTo($statistics);
+ });
+
+ // Hue, Saturation, Lightness, Volume --------------------------------------
+
+ ['hue', 'saturation', 'lightness', 'volume'].forEach(function(key) {
+ var value = data[key] || 0;
+ $('
')
+ .css({marginBottom: '4px'})
+ .append(formatKey(key, 'statistics'))
+ .append(
+ Ox.Theme.formatColor(value, key == 'volume' ? 'lightness' : key)
+ .css({textAlign: 'right'})
+ )
+ .appendTo($statistics);
+ });
+
+ // Cuts per Minute, Words per Minute ---------------------------------------
+
+ ['cutsperminute', 'wordsperminute'].forEach(function(key) {
+ var value = data[key] || 0;
+ $('
')
+ .css({marginBottom: '4px'})
+ .append(
+ formatKey(Ox.toTitleCase(key.slice(0, -9)) + ' per Minute', 'statistics')
+ )
+ .append(
+ Ox.Theme.formatColor(null, 'gradient')
+ .css({textAlign: 'right'})
+ .html(Ox.formatNumber(value, 3))
+ )
+ .appendTo($statistics);
+ });
+
+ // Rights Level ------------------------------------------------------------
+
+ var $rightsLevel = $('
');
+ $('
')
+ .css({marginBottom: '4px'})
+ .append(formatKey('Rights Level', 'statistics'))
+ .append($rightsLevel)
+ .appendTo($statistics);
+ renderRightsLevel();
+
+ // Comments ----------------------------------------------------------------
+
+ if (canEdit) {
+ $('
')
+ .css({marginBottom: '4px'})
+ .append(
+ formatKey('Comments', 'statistics').options({
+ tooltip: Ox._('Only {0} can see and edit these comments', [
+ Object.keys(pandora.site.capabilities.canEditMetadata).map(function(level, i) {
+ return (
+ i == 0 ? ''
+ : i < Ox.len(pandora.site.capabilities.canEditMetadata) - 1 ? ', '
+ : ' ' + Ox._('and') + ' '
+ ) + Ox.toTitleCase(level)
+ }).join('')])
+ })
+ )
+ .append(
+ Ox.EditableContent({
+ clickLink: pandora.clickLink,
+ placeholder: formatLight(Ox._('No comments')),
+ tooltip: pandora.getEditTooltip(),
+ type: 'textarea',
+ value: data.comments || '',
+ width: 128
+ })
+ .bindEvent({
+ submit: function(event) {
+ pandora.api.edit({
+ id: data.id,
+ comments: event.value
+ }, function(result) {
+ // ...
+ });
+ }
+ })
+ )
+ .appendTo($statistics);
+ }
+
+ $('
').css({height: '16px'}).appendTo($statistics);
+
+ function editMetadata(key, value) {
+ if (value != data[key]) {
+ var edit = {id: data.id};
+ if (key == 'alternativeTitles') {
+ edit[key] = value ? Ox.decodeHTMLEntities(value).split('; ').map(function(value) {
+ return [Ox.encodeHTMLEntities(value), []];
+ }) : [];
+ data[key] = edit[key];
+ $alternativeTitles.html(formatKey(key));
+ } else if (key == 'year') {
+ edit[key] = value ? parseInt(value) : '';
+ } else if (key == 'runtime') {
+ edit[key] = value ? parseInt(value) * 60 : '';
+ $minutes[value ? 'show' : 'hide']();
+ } else if (listKeys.indexOf(key) > -1) {
+ edit[key] = value ? value.split(', ') : [];
+ } else if (specialListKeys.indexOf(key) > -1) {
+ edit[key] = value
+ ? Ox.decodeHTMLEntities(value).split('; ').map(Ox.encodeHTMLEntities)
+ : [];
+ } else {
+ edit[key] = value;
+ }
+ pandora.api.edit(edit, function(result) {
+ var src;
+ data[key] = result.data[key];
+ if (result.data.id != data.id) {
+ Ox.Request.clearCache(); // fixme: too much
+ pandora.UI.set({item: result.data.id});
+ pandora.$ui.browser.value(data.id, 'id', result.data.id);
+ }
+ pandora.updateItemContext();
+ pandora.$ui.browser.value(result.data.id, key, result.data[key]);
+ if (
+ Ox.contains(['title', 'director', 'year'], key)
+ && ui.icons == 'posters'
+ ) {
+ src = pandora.getMediaURL('/' + data.id + '/poster512.jpg?' + Ox.uid());
+ $icon.attr({src: src});
+ $reflectionIcon.attr({src: src});
+ }
+ if (Ox.contains(nameKeys, key)) {
+ data['namedescription'] = result.data['namedescription'];
+ descriptions.names = getNames();
+ renderDescriptions();
+ } else if (key == 'productionCompany') {
+ data['productionCompanydescription'] = result.data['productionCompanydescription'];
+ descriptions.studios = getStudios();
+ renderDescriptions();
+ } else if (key == 'imdbId') {
+ updateIMDb();
+ }
+ });
+ }
+ }
+
+ function formatKey(key, mode) {
+ var item = Ox.getObjectById(pandora.site.itemKeys, key);
+ key = Ox._(item ? item.title : key);
+ mode = mode || 'text';
+ if (key == 'alternativeTitles') {
+ key = Ox._('Alternative Title' + (
+ data.alternativeTitles && data.alternativeTitles.length == 1 ? '' : 's'
+ ));
+ } else if (key == 'keyword') {
+ key = 'keywords'
+ }
+ return mode == 'text'
+ ? '' + Ox.toTitleCase(key) + ': '
+ : mode == 'description'
+ ? Ox.toTitleCase(key)
+ : Ox.Element()
+ .css({marginBottom: '4px', fontWeight: 'bold'})
+ .html(Ox.toTitleCase(key).replace(' Per ', ' per '));
+ }
+
+ function formatLight(str) {
+ return '' + str + '';
+ }
+
+ function formatLink(value, key) {
+ return (Ox.isArray(value) ? value : [value]).map(function(value) {
+ return key
+ ? '' + value + ''
+ : value;
+ }).join(Ox.contains(specialListKeys, key) ? '; ' : ', ');
+ }
+
+ function formatTitle(title) {
+ var match = /(.+) (\(S\d{2}(E\d{2})?\))/.exec(title);
+ if (match) {
+ title = formatLink(match[1], 'title') + ' '
+ + formatLight(match[2])
+ + title.substr(match[0].length);
+ }
+ return title + (
+ data.originalTitle && data.originalTitle != title
+ ? ' ' + formatLight('(' + data.originalTitle + ')') : ''
+ );
+ }
+
+ function formatValue(key, value) {
+ var ret;
+ if (key == 'year') {
+ ret = formatLink(value, 'year');
+ } else if (key == 'links') {
+ ret = value.split(', ').map(function(link) {
+ return '' + Ox.parseURL(link).host + '';
+ }).join(', ');
+
+ } else if (nameKeys.indexOf(key) > -1) {
+ ret = formatLink(value.split(', '), 'name');
+ } else if (listKeys.indexOf(key) > -1) {
+ ret = formatLink(value.split(', '), key);
+ } else if (specialListKeys.indexOf(key) > -1) {
+ ret = formatLink(
+ Ox.decodeHTMLEntities(value).split('; ').map(Ox.encodeHTMLEntities),
+ key
+ );
+ } else if (key == 'imdbId') {
+ ret = '' + value + '';
+ } else {
+ ret = value;
+ }
+ return ret;
+ }
+
+ function getFilmography(key, value, roles, callback) {
+ var keys = ['id', 'title', 'year'].concat(
+ key == 'name' ? nameKeys : []
+ );
+ pandora.api.find({
+ keys: keys,
+ query: {
+ conditions: [{key: key, operator: '==', value: value}],
+ operator: '&'
+ },
+ sort: [
+ {key: 'year', operator: '+'},
+ {key: 'title', operator: '+'},
+ {key: 'director', operator: '+'}
+ ],
+ range: [0, 1000000]
+ }, function(result) {
+ var $element = Ox.Element(''),
+ items = {};
+ if (result.data.items) {
+ result.data.items.forEach(function(item) {
+ var year = item.year || Ox._('Unknown Year');
+ if (key == 'name' && result.data.items.length > 1) {
+ item.roles = nameKeys.filter(function(nameKey) {
+ return Ox.contains(item[nameKey], value);
+ });
+ if (roles.length == 1 && Ox.isEqual(item.roles, roles)) {
+ delete item.roles;
+ } else {
+ item.roles = item.roles.map(function(nameKey) {
+ return Ox.getObjectById(pandora.site.itemKeys, nameKey).title;
+ });
+ }
+ }
+ if (!items[year]) {
+ items[year] = [];
+ }
+ items[year].push(item);
+ });
+ }
+ $element.html(
+ Object.keys(items).sort().map(function(year) {
+ return '' + year + ': ' + items[year].map(function(item) {
+ return '' + item.title + ''
+ + (item.roles ? ' (' + item.roles.join(', ') + ')' : '');
+ }).join(', ');
+ }).join(', ')
+ );
+ pandora.createLinks($element);
+ callback($element);
+ });
+ }
+
+ function getNames() {
+ var names = [];
+ nameKeys.forEach(function(key) {
+ data[key] && data[key].forEach(function(name) {
+ var index = Ox.indexOf(names, function(value) {
+ return value.name == name;
+ });
+ if (index == -1) {
+ names.push({
+ name: name,
+ keys: [key],
+ description: data.namedescription
+ ? data.namedescription[name]
+ : void 0
+ });
+ } else {
+ names[index].keys.push(key);
+ }
+ });
+ });
+ return names;
+ }
+
+ function getRightsLevelElement(rightsLevel) {
+ return Ox.Theme.formatColorLevel(
+ rightsLevel,
+ pandora.site.rightsLevels.map(function(rightsLevel) {
+ return Ox._(rightsLevel.name);
+ })
+ );
+ }
+
+ function getStudios() {
+ var studios = [];
+ if (data.productionCompany) {
+ data.productionCompany.forEach(function(studio) {
+ studios.push({
+ name: studio,
+ keys: ['productionCompany'],
+ description: data.productionCompanydescription
+ ? data.productionCompanydescription[studio]
+ : void 0
+ });
+ });
+ }
+ return studios;
+ }
+
+ function getValue(key, value) {
+ return !value ? ''
+ : key == 'alternativeTitles' ? value.map(function(value) {
+ return value[0];
+ }).join('; ')
+ : key == 'runtime' ? Math.round(value / 60)
+ : Ox.contains(listKeys, key) ? value.join(', ')
+ : Ox.contains(specialListKeys, key) ? value.join('; ')
+ : value;
+ }
+
+ function renderCapabilities(rightsLevel) {
+ var capabilities = [].concat(
+ canEdit ? [{name: 'canSeeItem', symbol: 'Find'}] : [],
+ [
+ {name: 'canPlayClips', symbol: 'PlayInToOut'},
+ {name: 'canPlayVideo', symbol: 'Play'},
+ {name: 'canDownloadVideo', symbol: 'Download'}
+ ]
+ ),
+ userLevels = canEdit ? pandora.site.userLevels : [pandora.user.level];
+ $capabilities.empty();
+ userLevels.forEach(function(userLevel, i) {
+ var $element,
+ $line = $('
')
+ .css({
+ height: '16px',
+ marginBottom: '4px'
+ })
+ .appendTo($capabilities);
+ if (canEdit) {
+ $element = Ox.Theme.formatColorLevel(i, userLevels.map(function(userLevel) {
+ return Ox._(Ox.toTitleCase(userLevel));
+ }), [0, 240]);
+ Ox.Label({
+ textAlign: 'center',
+ title: Ox._(Ox.toTitleCase(userLevel)),
+ width: 60
+ })
+ .addClass('OxColor OxColorGradient')
+ .css({
+ float: 'left',
+ height: '12px',
+ paddingTop: '2px',
+ background: $element.css('background'),
+ fontSize: '8px',
+ color: $element.css('color')
+ })
+ .data({OxColor: $element.data('OxColor')})
+ .appendTo($line);
+ }
+ capabilities.forEach(function(capability) {
+ var hasCapability = pandora.site.capabilities[capability.name][userLevel] >= rightsLevel,
+ $element = Ox.Theme.formatColorLevel(hasCapability, ['', '']);
+ Ox.Button({
+ tooltip: Ox._('{0} '
+ + (hasCapability ? 'can' : 'can\'t') + ' '
+ + Ox.toSlashes(capability.name)
+ .split('/').slice(1).join(' ')
+ .toLowerCase()
+ .replace('see item', 'see the item')
+ .replace('play video', 'play the full video')
+ .replace('download video', 'download the video'),
+ [canEdit ? Ox._(Ox.toTitleCase(userLevel)) : Ox._('You')]),
+ title: capability.symbol,
+ type: 'image'
+ })
+ .addClass('OxColor OxColorGradient')
+ .css({background: $element.css('background')})
+ .css('margin' + (canEdit ? 'Left' : 'Right'), '4px')
+ .data({OxColor: $element.data('OxColor')})
+ .appendTo($line);
+ });
+ if (!canEdit) {
+ Ox.Button({
+ title: Ox._('Help'),
+ tooltip: Ox._('About Rights'),
+ type: 'image'
+ })
+ .css({marginLeft: '52px'})
+ .bindEvent({
+ click: function() {
+ pandora.UI.set({page: 'rights'});
+ }
+ })
+ .appendTo($line);
+ }
+ });
+ }
+
+ function renderDescriptions() {
+ $descriptions.empty();
+ ['studios', 'names'].forEach(function(key) {
+ descriptions[key].forEach(function(value) {
+ if (canEdit || value.description) {
+ var filmography = key == 'studios' ? Ox._('Films') : Ox._('Filmography'),
+ $name = Ox.Element()
+ .addClass('OxSelectable')
+ .css(css)
+ .css({marginTop: '12px', fontWeight: 'bold'})
+ .html(
+ formatLink(
+ value.name,
+ key == 'studios' ? 'productionCompany' : 'name'
+ ) + ' (' + value.keys.map(function(key) {
+ return formatKey(key, 'description');
+ }).join(', ') + ') - '
+ )
+ .appendTo($descriptions),
+ $link = $('')
+ .addClass('OxLink')
+ .css({fontWeight: 'bold'})
+ .html(Ox._('Show {0}', [filmography]))
+ .one({
+ click: function() {
+ $link.removeClass('OxLink')
+ .html(Ox._('Loading {0}...', [filmography]));
+ getFilmography(
+ key == 'studios' ? 'productionCompany' : 'name',
+ value.name,
+ value.keys,
+ function($element) {
+ $link.addClass('OxLink')
+ .html(Ox._('Hide {0}', [filmography]))
+ .on({
+ click: function() {
+ if (Ox.startsWith($link.html(), Ox._('Show'))) {
+ $link.html(Ox._('Hide {0}', [filmography]));
+ $text.show();
+ } else {
+ $link.html(Ox._('Show {0}', [filmography]));
+ $text.hide();
+ }
+ }
+ });
+ $text.append($element).show();
+ }
+ );
+ }
+ })
+ .appendTo($name),
+ $text = $('
')
+ .addClass('OxSelectable')
+ .css(css)
+ .hide()
+ .appendTo($descriptions);
+ pandora.createLinks($name);
+ Ox.EditableContent({
+ clickLink: pandora.clickLink,
+ editable: canEdit,
+ format: function(value) {
+ return value.replace(
+ /![]()
').addClass('OxSelectable').css(css);
+ keys.forEach(function(key, i) {
+ if (canEdit || data[key]) {
+ if ($element.children().length) {
+ $('').html('; ').appendTo($element);
+ }
+ if (key == 'alternativeTitles') {
+ $alternativeTitles = $('')
+ .html(formatKey(key))
+ .appendTo($element);
+ } else {
+ $('')
+ .html(formatKey(key))
+ .appendTo($element);
+ }
+ Ox.EditableContent({
+ clickLink: pandora.clickLink,
+ format: function(value) {
+ return formatValue(key, value);
+ },
+ placeholder: formatLight(Ox._('unknown')),
+ tooltip: canEdit ? pandora.getEditTooltip() : '',
+ value: getValue(key, data[key])
+ })
+ .bindEvent({
+ edit: function() {
+ key == 'runtime' && $minutes.show();
+ },
+ submit: function(data) {
+ if (key == 'encyclopedia') {
+ data.value = ['Index', 'Summary'].indexOf(data.value) > -1
+ ? data.value
+ : '';
+ this.options({
+ value: data.value
+ });
+ }
+
+ editMetadata(key, data.value);
+ }
+ })
+ .appendTo($element);
+ if (key == 'runtime') {
+ $minutes = $('')
+ .html(' min')
+ [data.runtime ? 'show' : 'hide']()
+ .appendTo($element);
+ } else if (key == 'imdbId') {
+ $imdb = Ox.Element('')
+ .appendTo($element);
+ pandora.createLinks($imdb);
+ }
+ }
+ });
+ $element.appendTo($text);
+ }
+ }
+
+ function renderRightsLevel() {
+ var $rightsLevelElement = getRightsLevelElement(data.rightslevel),
+ $rightsLevelSelect;
+ $rightsLevel.empty();
+ if (canEdit) {
+ $rightsLevelSelect = Ox.Select({
+ items: pandora.site.rightsLevels.map(function(rightsLevel, i) {
+ return {
+ id: i,
+ title: Ox._(rightsLevel.name),
+ disabled: !isCopyrighted && rightsLevel.name == 'Under Copyright'
+ || isCopyrighted && rightsLevel.name == 'Out of Copyright'
+ };
+ }),
+ width: 128,
+ value: data.rightslevel
+ })
+ .addClass('OxColor OxColorGradient')
+ .css({
+ marginBottom: '4px',
+ background: $rightsLevelElement.css('background')
+ })
+ .data({OxColor: $rightsLevelElement.data('OxColor')})
+ .bindEvent({
+ change: function(event) {
+ var rightsLevel = event.value;
+ $rightsLevelElement = getRightsLevelElement(rightsLevel);
+ $rightsLevelSelect
+ .css({background: $rightsLevelElement.css('background')})
+ .data({OxColor: $rightsLevelElement.data('OxColor')})
+ renderCapabilities(rightsLevel);
+ pandora.api.edit({id: data.id, rightslevel: rightsLevel}, function(result) {
+ // ...
+ });
+ }
+ })
+ .appendTo($rightsLevel);
+ } else {
+ $rightsLevelElement
+ .css({
+ marginBottom: '4px'
+ })
+ .appendTo($rightsLevel);
+ }
+ $capabilities = $('
').appendTo($rightsLevel);
+ renderCapabilities(data.rightslevel);
+ }
+
+ function toggleIconSize() {
+ iconSize = iconSize == 256 ? 512 : 256;
+ iconWidth = iconRatio > 1 ? iconSize : Math.round(iconSize * iconRatio);
+ iconHeight = iconRatio < 1 ? iconSize : Math.round(iconSize / iconRatio);
+ iconLeft = iconSize == 256 ? Math.floor((iconSize - iconWidth) / 2) : 0,
+ borderRadius = ui.icons == 'posters' ? 0 : iconSize / 8;
+ $icon.animate({
+ left: margin + iconLeft + 'px',
+ width: iconWidth + 'px',
+ height: iconHeight + 'px',
+ borderRadius: borderRadius + 'px'
+ }, 250);
+ $reflection.animate({
+ top: margin + iconHeight + 'px',
+ width: iconSize + 'px',
+ height: iconSize / 2 + 'px'
+ }, 250);
+ $reflectionIcon.animate({
+ left: iconLeft + 'px',
+ width: iconWidth + 'px',
+ height: iconHeight + 'px',
+ borderRadius: borderRadius + 'px'
+ }, 250);
+ $reflectionGradient.animate({
+ width: iconSize + 'px',
+ height: iconSize / 2 + 'px'
+ }, 250);
+ $text.animate({
+ left: margin + (iconSize == 256 ? 256 : iconWidth) + margin + 'px'
+ }, 250);
+ pandora.UI.set({infoIconSize: iconSize});
+ }
+
+ function updateIMDb() {
+ if (data.imdbId) {
+ pandora.api.find({
+ query: {
+ conditions: [{key: 'imdbId', operator: '==', value: data.imdbId}]
+ }
+ }, function(result) {
+ if (result.data.items == 1) {
+ $imdb.empty();
+ } else {
+ $imdb.html(
+ ' ('
+ + result.data.items + ' '
+ + pandora.site.itemName.plural.toLowerCase()
+ + ' ' + Ox._('with the same IMDb ID') + ')'
+ );
+ }
+ });
+ } else {
+ $imdb.empty();
+ }
+ }
+
+ that.reload = function() {
+ var src = pandora.getMediaURL('/' + data.id + '/' + (
+ ui.icons == 'posters' ? 'poster' : 'icon'
+ ) + '512.jpg?' + Ox.uid());
+ $icon.attr({src: src});
+ $reflectionIcon.attr({src: src});
+ iconSize = iconSize == 256 ? 512 : 256;
+ iconRatio = ui.icons == 'posters'
+ ? (ui.showSitePosters ? pandora.site.posters.ratio : data.posterRatio) : 1;
+ toggleIconSize();
+ };
+
+ that.resizeElement = function() {
+ // overwrite splitpanel resize
+ };
+
+ that.bindEvent({
+ mousedown: function() {
+ setTimeout(function() {
+ !Ox.Focus.focusedElementIsInput() && that.gainFocus();
+ });
+ },
+ pandora_icons: that.reload,
+ pandora_showsiteposters: function() {
+ ui.icons == 'posters' && that.reload();
+ }
+ });
+
+ return that;
+
+};