photofloat/web/js/010-control.js
Jason A. Donenfeld a80528f9d3 Finishing up core.
2011-05-06 07:55:47 -04:00

176 lines
5.7 KiB
JavaScript

$(document).ready(function() {
function cachePath(path) {
if (path == "")
return "root";
if (path[0] == '/')
path = path.substring(1);
return path.replace(/ /g, "_").replace(/\//g, "-");
}
function imagePath(image, path, size, square) {
var suffix;
if (square)
suffix = size.toString() + "s";
else
suffix = size.toString();
return "cache/" + cachePath(path + "/" + image + "_" + suffix + ".jpg");
}
function loadAlbum() {
if (current_album_cache in album_cache) {
albumLoaded(album_cache[current_album_cache]);
return;
}
$("#loading").show();
$.ajax({
type: "GET",
url: "cache/" + current_album_cache + ".json",
error: function() { $(document.body).html("Couldn't fetch it."); },
success: albumLoaded
});
}
function albumLoaded(album) {
$("#loading").hide();
album_cache[cachePath(album.path)] = album;
current_album = album;
if (cachePath(album.path) == current_album_cache)
showAlbum();
if (current_photo_cache != null)
showPhoto();
setTitle();
}
function setTitle() {
var title = "";
var components;
if (current_album.path.length == 0)
components = [document.title];
else {
components = current_album.path.split("/");
components.unshift(document.title);
}
var last = "";
for (var i = 0; i < components.length; ++i) {
if (i)
last += "/" + components[i];
if (i < components.length - 1 || current_photo_cache != null)
title += "<a href=\"#" + (i == 0 ? "" : cachePath(last.substring(1))) + "\">";
title += components[i];
if (i < components.length - 1 || current_photo_cache != null) {
title += "</a>";
title += " &raquo; ";
}
}
if (current_photo_cache != null)
title += current_photo.name;
$("#title").html(title);
}
function showAlbum() {
$("html, body").animate({ scrollTop: 0 }, "slow");
var photos = "";
for (var i = 0; i < current_album.photos.length; ++i)
photos += "<a href=\"#" + current_album_cache + "/" + cachePath(current_album.photos[i].name) + "\"><img id=\"thumb-" + cachePath(current_album.photos[i].name) + "\" src=\"" + imagePath(current_album.photos[i].name, current_album.path, 150, true) + "\" height=\"150\" width=\"150\"></a>";
$("#thumbs").html(photos);
if (current_album.albums.length)
$("#subalbums-title").show();
else
$("#subalbums-title").hide();
var subalbums = "";
for (var i = 0; i < current_album.albums.length; ++i)
subalbums += "<a href=\"#" + cachePath(current_album.path + "/" + current_album.albums[i].path) + "\"><div class=\"album-button\">" + current_album.albums[i].path + "</div></a>";
$("#subalbums").html(subalbums);
$("#album-view").removeClass("photo-view-container");
$("#subalbums").show();
$("#photo-view").hide();
}
function showPhoto() {
currentPhoto();
if (current_photo == null) {
$(document.body).html("Wrong picture.");
return;
}
var maxSize = 640;
var width = current_photo.size[0];
var height = current_photo.size[1];
if (width > height) {
height = height / width * maxSize;
width = maxSize;
} else {
width = width / height * maxSize;
height = maxSize;
}
$("#photo")
.attr("width", width).attr("height", height)
.attr("src", imagePath(current_photo.name, current_album.path, maxSize, false))
.attr("alt", current_photo.name)
.attr("title", current_photo.name);
var nextLink = "#" + current_album_cache + "/" + cachePath(current_album.photos[
(current_photo_index + 1 >= current_album.photos.length) ? 0 : (current_photo_index + 1)
].name);
$("#next-photo").attr("href", nextLink);
$("#next").attr("href", nextLink);
$("#back").attr("href", "#" + current_album_cache + "/" + cachePath(current_album.photos[
(current_photo_index - 1 < 0) ? (current_album.photos.length - 1) : (current_photo_index - 1)
].name));
$("#album-view").addClass("photo-view-container");
$("#subalbums").hide();
$("#photo-view").show();
var thumb = $("#thumb-" + current_photo_cache.replace(/\./g, "\\."));
var scroller = $("#album-view");
scroller.stop();
scroller.animate({ scrollLeft: thumb.position().left + scroller.scrollLeft() - scroller.width() / 2 + thumb.width() / 2 }, "slow");
}
function currentPhoto() {
for (current_photo_index = 0; current_photo_index < current_album.photos.length; ++current_photo_index) {
if (cachePath(current_album.photos[current_photo_index].name) == current_photo_cache)
break;
}
if (current_photo_index >= current_album.photos.length) {
current_photo = null;
current_photo_index = -1;
return;
}
current_photo = current_album.photos[current_photo_index];
}
var current_album_cache = null;
var current_photo_cache = null;
var current_album = null;
var current_photo = null;
var current_photo_index = -1;
var album_cache = new Array();
$(window).hashchange(function() {
var new_album_cache = location.hash.substring(1);
var index = new_album_cache.lastIndexOf("/");
if (index != -1 && index != new_album_cache.length - 1) {
current_photo_cache = new_album_cache.substring(index + 1);
new_album_cache = new_album_cache.substring(0, index);
} else
current_photo_cache = null;
if (!new_album_cache.length)
new_album_cache = cachePath("root");
if (new_album_cache != current_album_cache) {
current_album_cache = new_album_cache;
loadAlbum();
} else if (current_photo_cache != null) {
showAlbum();
showPhoto();
setTitle();
} else {
showAlbum();
setTitle();
}
});
$(window).hashchange();
$(document).keydown(function(e){
if (current_photo_cache == null)
return true;
if (e.keyCode == 39) {
window.location.href = $("#next").attr("href");
return false;
} else if (e.keyCode == 37) {
window.location.href = $("#back").attr("href");
return false;
}
return true;
});
});