/* global OC */
$(document).ready(function () {
	var button;

	if ($('#body-login').length > 0) {
		return true; //deactivate on login page
	}

	function onFileListUpdated() {
		var hasImages = !!$("#fileList").find("tr[data-mime^='image']:first").length;

		button.toggleClass('hidden', !hasImages);
	}
	if ($('#filesApp').val() && $('#isPublic').val()) {

		$('#fileList').on('updated', onFileListUpdated);

		// toggle for opening shared file list as picture view
		// TODO find a way to not need to use inline CSS
		button = $('<div class="button hidden"'
			+'style="position: absolute; right: 0; top: 0; font-weight: normal;">'
				+'<img class="svg" src="' + OC.filePath('core', 'img/actions', 'toggle-pictures.svg') + '"'
				+'alt="' + t('gallery', 'Picture view') + '"'
				+'style="vertical-align: text-top; '
				+'-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); '
				+'filter: alpha(opacity=50); opacity: .5;" />'
			+'</div>');

		button.click( function (event) {
			window.location.href = window.location.href.replace('service=files', 'service=gallery').replace('dir=', 'path=');
		});

		$('#controls').append(button);
	}
});