';
}
html += '| ' + ' | ' + ' | ' + ' |
| ' + ' | ' +
' title ' +
'' +
' | ' +
'' + ' |
| ' + ' | ' + ' | ' + ' |
Bitte warten...
');
x = 15;
if (pictures != null) {
n = pictures.length;
for (i = 0; i < n; i++) {
picturesize = new Array (pictures[i][1], pictures[i][2]);
thumbnailsize = getthumbnailsize (picturesize, maxthumbnailsize);
wait.start (1);
element = document.createElement ('img');
element.id = i;
element.setAttribute('_pid', pictures[i][0]);
element.alt = '';
element.title = '';
element.className = 'presentationimg';
element.onload = imageloaded;
element.onabort = imageloaded;
element.onerror = imageloaded;
element.onclick = click;
element.ondblclick = click;
element.width = thumbnailsize[0];
element.height = thumbnailsize[1];
element.style.width = thumbnailsize[0]+'px';
element.style.height = thumbnailsize[1]+'px';
element.style.left = x + 'px';
element.style.top = Math.round ((120 - thumbnailsize[1]) / 2) + 'px';
element.src = picurl + thumbnailsize[0] + 'x' + thumbnailsize[1] + '/' + pictures[i][0] + '-' + pictures[i][3] + '.jpg';
container.appendChild (element);
if (pictures[i][0] == pid) currentpicture = i;
x += +thumbnailsize[0] + 6;
}
}
container.insertAdjacentHTML ('beforeend', '');
maxsize = new Array (body.offsetWidth - 160 - 8 + 32, body.offsetHeight - 152 - 30 + 32);
this.zoom (false);
}
this.changeselection = function (newpicture)
{
var np;
var op;
var pic;
var pid;
var i;
np = document.getElementById (newpicture);
op = (initializing ? null : document.getElementById (currentpicture));
if ((op) && (np) && (np != op)) {
op.className = 'presentationimg';
}
if ((np) && (np != op)) {
np.className = 'presentationimgsel';
this.scrolltarget = np.offsetLeft - ((np.parentNode.clientWidth - np.clientWidth) / 2);
if (this.scrolltarget < 0) {
this.scrolltarget = 0;
} else {
i = np.parentNode.scrollWidth - (np.parentNode.clientWidth);
if (this.scrolltarget > i) this.scrolltarget = i;
}
if (initializing) {
np.parentNode.scrollLeft = this.scrolltarget;
initializing = false;
} else {
if (this.scrollinterval == null) {
this.scrollcountdown = 8;
this.scrollinterval = setInterval (scroll, scrollrate);
wait.start (4);
}
}
currentpicture = +newpicture;
i = +np.id;
pictureview.loaddetails();
picturesize = new Array (pictures[i][1], pictures[i][2]);
thumbnailsize = getthumbnailsize (picturesize, maxsize);
wait.start (5);
if (this.oldpicture == null) {
pic = document.createElement ('img');
} else {
wait.stop (5);
pic = this.picture;
}
pic.className = 'presentationpic';
pic.alt = '';
pic.title = '';
pic.onabort = picloaded;
pic.onload = picloaded;
pic.onerror = picloaded;
pic.style.left = '50%';
pic.style.top = '50%';
pic.style.width = thumbnailsize[0] + 'px';
pic.style.height = thumbnailsize[1] + 'px';
pic.style.margin = '-' + (Math.round (thumbnailsize[1] / 2)) + 'px 0px 0px -' + (Math.round (thumbnailsize[0] / 2)) + 'px';
boxcentercontent.appendChild (pic);
boxcentercontent.scrollTop = 0;
pic.setAttribute('_pid', pictures[i][0]);
if (this.picture != pic) {
if (this.oldpicture != null) {
try {
boxcentercontent.removeChild (this.oldpicture);
} catch (exception) {
}
this.oldpicture = null;
}
this.oldpicture = this.picture;
this.picture = pic;
}
pic.src = pic2url + thumbnailsize[0] + 'x' + thumbnailsize[1] + '/' + pictures[i][0] + '-' + pictures[i][3] + '.jpg';
}
}
var click = function ()
{
presentation.changeselection (+this.id);
}
var keydown = function (event)
{
var keycode;
var cancelkey;
var i;
var elem;
if (window.event) event = window.event;
cancelkey = true;
keycode = event.keyCode;
if (event.target) elem = event.target.nodeName; else elem = event.srcElement.nodeName;
switch (keycode) {
case 8: {
toolbar.navigateback();
break;
}
case 27: {
if ((elem == 'INPUT') ||(elem == 'TEXTAREA')) {
cancelkey = false;
} else {
}
break;
}
case 9: {
cancelkey = false;
break;
}
case 13: {
if (event.altKey) {
if (controls.trylock()) { xml.request('picturecomment.xml?aid='+currentalbum+'&pid='+document.getElementById(currentpicture).attributes.getNamedItem('_pid').value+'&desc=1'); }
} else {
if ((elem == 'A') || (elem == 'INPUT') || (elem == 'TEXTAREA')) {
cancelkey = false;
} else {
toolbar.navigateback();
}
}
break;
}
case 32: {
sidebars.showhideall();
break;
}
case 35: {
i = currentpicture + 1;
while (document.getElementById (i)) i++ ;
presentation.changeselection (i-1);
break;
}
case 36: {
presentation.changeselection (0);
break;
}
case 33:
case 37:
case 38: {
presentation.changeselection (currentpicture - 1);
break;
}
case 34:
case 39:
case 40: {
presentation.changeselection (currentpicture + 1);
break;
}
case 107: {
presentation.zoom (true);
break;
}
case 109: {
presentation.zoom (false);
break;
}
default: {
cancelkey = false;
}
}
event.returnValue = !cancelkey;
return (!cancelkey);
}
var scroll = function ()
{
var element;
var d;
var stopscrolling;
var l;
if (presentation.scrollcountdown > 0) {
presentation.scrollcountdown--;
} else {
stopscrolling = true;
try {
element = document.getElementById ('thumbdiv');
if (element) {
l = element.scrollLeft;
d = l - presentation.scrolltarget;
if ((d < -scrollfraction) || (d > scrollfraction)) {
d = Math.round (d / scrollfraction);
element.scrollLeft = l - d;
if (element.scrollLeft == l - d) stopscrolling = false;
}
}
} catch (exception) {
stopscrolling = true;
} finally {
if (stopscrolling) {
try {
element.scrollLeft = presentation.scrolltarget;
} catch (exception) {
} finally {
clearInterval (presentation.scrollinterval);
wait.stop(4);
presentation.scrollinterval = null;
}
}
}
}
}
var mousewheel = function (e)
{
var container;
var delta;
var wheeldelta;
if (window.event) e = window.event;
if (e.wheelDelta) {
wheeldelta = e.wheelDelta / 120;
} else {
wheeldelta = -e.detail / 5;
}
container = document.getElementById ('thumbdiv');
if (container) {
delta = Math.round (wheeldelta * container.clientWidth / 3 * 2);
presentation.scrolltarget = container.scrollLeft - delta;
if (presentation.scrolltarget < 0) {
presentation.scrolltarget = 0;
} else {
i = container.scrollWidth - (container.clientWidth);
if (presentation.scrolltarget > i) presentation.scrolltarget = i;
}
if (presentation.scrollinterval == null) {
presentation.scrollinterval = setInterval (scroll, scrollrate);
wait.start (4);
}
}
}
var picloaded = function ()
{
if (presentation.oldpicture != null) {
try {
boxcentercontent.removeChild (presentation.oldpicture);
} catch (exception) {
}
presentation.oldpicture = null;
}
wait.stop (5);
}
this.zoom = function (plus)
{
var i, n;
n = sizes.length;
if (plus) {
for (i = 0; i < n-1; i++) {
if (sizes[i][0] > maxsize[0]) break;
}
} else {
for (i = n-1; i > 0; i--) {
if ((sizes[i][0] < maxsize[0]) && (sizes[i][1] < maxsize[1])) break;
}
}
maxsize[0] = sizes[i][0];
maxsize[1] = sizes[i][1];
document.getElementById('pdmaxsize').innerHTML = maxsize[0] + ' x ' + maxsize[1] + ' max';
i = currentpicture;
currentpicture = -1;
this.changeselection (i);
}
}
var presentation = new Presentation();
function Previews ()
{
this.submit = function ()
{
var addpictures, removepictures;
var elements;
var i, n;
var inputelement;
addpictures = new Array();
removepictures = new Array();
elements = boxcentercontent.getElementsByTagName('input');
n = elements.length;
for (i = 0; i < n; i++) {
inputelement = elements.item(i);
if (inputelement.type == 'checkbox') {
if (inputelement.checked != inputelement.defaultChecked) {
if (inputelement.checked) {
addpictures.push (+inputelement.value);
} else {
removepictures.push (+inputelement.value);
}
}
}
}
xml.request ('previews.xml?action=submit&aid=' + aeid + '&add=' + addpictures.toString() + '&remove=' + removepictures.toString());
}
this.selectall = function (folderindex, value)
{
var container;
var elements;
var inputelement;
var i, n;
container = document.getElementById ('folder' + folderindex);
elements = container.getElementsByTagName('input');
n = elements.length;
for (i = 0; i < n; i++) {
inputelement = elements.item(i);
if (inputelement.type == 'checkbox') inputelement.checked = value;
}
}
}
var previews = new Previews();
function Sidebars ()
{
var stl;
var stb;
var str;
var hl = false;
var hb = false;
var hr = false;
var maxstep = 8;
var animinterval = null;
var animtimestamp = null;
var hideinterval = null;
var hidetimestamp = null;
var hidebegin = false;
var fraction = 3;
var clickborder = 5;
var hiddenwidth = 7;
this.resize = function (r, b, l)
{
boxcentercontent.style.display = 'none';
boxcentercontent.style.visibility = 'hidden';
boxcentercontent.style.display = 'block';
if (l != null) {
if (l < stl) {
boxbottom.style.left = (hl ? hiddenwidth : l) + 'px';
}
stl = l;
}
if (r != null) {
if (r < str) {
boxbottom.style.right = (hr ? hiddenwidth : r) + 'px';
}
str = r;
}
if (b != null) {
if (b < stb) {
}
stb = b;
}
boxcenter.style.left = (hl ? hiddenwidth : stl) + 'px';
boxcenter.style.right = (hr ? hiddenwidth : str) + 'px';
boxcenter.style.bottom = (hb ? hiddenwidth : stb) + 'px';
if (animinterval == null) sidebars.animate();
}
this.animate = function ()
{
var d;
var complete;
var date;
var n;
date = new Date ();
if (animtimestamp == null) {
animtimestamp = date.valueOf();
} else {
}
animtimestamp = date.valueOf();
complete = true;
if (boxleft.offsetWidth != stl) {
if (boxleftcontent.style.visibility != 'hidden') {
boxleftcontent.style.display = 'none';
boxleftcontent.style.visibility = 'hidden';
boxleftcontent.style.display = 'block';
}
d = stl - boxleft.offsetWidth;
if ((d > -fraction) && (d < fraction)) {
d = (d > 0 ? +1 : -1);
} else {
d = Math.round (d / fraction);
if (d > maxstep) d = maxstep; else if (d < -maxstep) d = -maxstep;
}
boxleft.style.width = (boxleft.offsetWidth + d) + 'px';
if ((hl) || (boxleft.offsetLeft < 0)) boxleft.style.left = (boxleft.offsetLeft - d) + 'px';
complete = false;
} else {
boxleftcontent.style.visibility = '';
}
if (boxright.offsetWidth != str) {
if (boxrightcontent.style.visibility != 'hidden') {
boxrightcontent.style.display = 'none';
boxrightcontent.style.visibility = 'hidden';
boxrightcontent.style.display = 'block';
}
d = str - boxright.offsetWidth;
if ((d > -fraction) && (d < fraction)) {
d = (d > 0 ? +1 : -1);
} else {
d = Math.round (d / fraction);
if (d > maxstep) d = maxstep; else if (d < -maxstep) d = -maxstep;
}
boxright.style.width = (boxright.offsetWidth + d) + 'px';
n = (boxright.parentNode.offsetWidth - boxright.offsetLeft - boxright.offsetWidth);
if ((hr) || (n < 0)) {
boxright.style.right = (n - d) + 'px';
if ((boxright.parentNode.offsetWidth - boxright.offsetLeft - boxright.offsetWidth) != (n - d)) boxright.style.right = (n - d - 1) + 'px';
}
complete = false;
} else {
boxrightcontent.style.visibility = '';
}
if (boxbottom.offsetHeight != stb) {
if (boxbottomcontent.style.visibility != 'hidden') {
boxbottomcontent.style.display = 'none';
boxbottomcontent.style.visibility = 'hidden';
boxbottomcontent.style.display = 'block';
}
d = stb - boxbottom.offsetHeight;
if ((d > -fraction) && (d < fraction)) {
d = (d > 0 ? +1 : -1);
} else {
d = Math.round (d / fraction);
if (d > maxstep) d = maxstep; else if (d < -maxstep) d = -maxstep;
}
boxbottom.style.height = (boxbottom.offsetHeight + d) + 'px';
n = (boxbottom.parentNode.offsetHeight - boxbottom.offsetTop - boxbottom.offsetHeight);
if ((hb) || (n < 0)) {
boxbottom.style.bottom = (n - d) + 'px';
if ((boxbottom.parentNode.offsetHeight - boxbottom.offsetTop - boxbottom.offsetHeight) != (n - d)) boxbottom.style.bottom = (n - d - 1) + 'px';
}
complete = false;
} else {
boxbottomcontent.style.visibility = '';
}
if (!complete) {
animinterval = setTimeout ("sidebars.animate();", 25);
wait.start (3);
} else {
wait.reset (3);
animinterval = null;
animtimestamp = null;
n = boxbottom.parentNode.offsetHeight - boxbottom.offsetTop;
boxbottom.style.right = (hr ? hiddenwidth : boxright.parentNode.offsetWidth - boxright.offsetLeft) + 'px';
boxcentercontent.style.visibility = '';
}
}
this.showhide = function ()
{
var d;
var t;
var complete;
var i;
var n;
var date;
hideinterval = null;
date = new Date ();
if (hidetimestamp == null) {
hidetimestamp = date.valueOf();
} else {
}
hidetimestamp = date.valueOf();
complete = true;
t = false;
if ((hl) && (boxleft.offsetLeft > - (boxleft.offsetWidth - hiddenwidth))) {
t = -(boxleft.offsetWidth - hiddenwidth);
} else if ((!hl) && (boxleft.offsetLeft < 0)) {
t = 0;
}
if (t !== false) {
d = t - boxleft.offsetLeft;
if ((hidebegin) && (d < 0)) {
boxbottom.style.left = hiddenwidth + 'px';
}
if ((d > -fraction) && (d < fraction)) {
d = (d > 0 ? +1 : -1);
} else {
d = Math.round (d / fraction);
if (d > maxstep) d = maxstep; else if (d < -maxstep) d = -maxstep;
}
boxleft.style.left = (boxleft.offsetLeft + d) + 'px';
complete = false;
}
t = false;
if ((hr) && (boxright.offsetLeft < boxright.parentNode.offsetWidth - hiddenwidth)) {
t = (boxright.parentNode.offsetWidth - hiddenwidth);
} else if ((!hr) && (boxright.offsetLeft > boxright.parentNode.offsetWidth - boxright.offsetWidth)) {
t = boxright.parentNode.offsetWidth - boxright.offsetWidth;
}
if (t !== false) {
d = t - boxright.offsetLeft;
if ((hidebegin) && (d > 0)) {
boxbottom.style.right = hiddenwidth + 'px';
}
if ((d > -fraction) && (d < fraction)) {
d = (d > 0 ? +1 : -1);
} else {
d = Math.round (d / fraction);
if (d > maxstep) d = maxstep; else if (d < -maxstep) d = -maxstep;
}
i = boxright.offsetLeft;
n = (boxright.parentNode.offsetWidth - boxright.offsetLeft - boxright.offsetWidth - d);
boxright.style.right = n + 'px';
if (i == boxright.offsetLeft) boxright.style.right = (n - (d > 0 ? +1 : -1)) + 'px';
complete = false;
}
t = false;
if ((hb) && (boxbottom.offsetTop < boxbottom.parentNode.offsetHeight - hiddenwidth)) {
t = (boxbottom.parentNode.offsetHeight - hiddenwidth);
} else if ((!hb) && (boxbottom.offsetTop > boxbottom.parentNode.offsetHeight - boxbottom.offsetHeight)) {
t = boxbottom.parentNode.offsetHeight - boxbottom.offsetHeight;
}
if (t !== false) {
d = t - boxbottom.offsetTop;
if ((d > -fraction) && (d < fraction)) {
d = (d > 0 ? +1 : -1);
} else {
d = Math.round (d / fraction);
if (d > maxstep) d = maxstep; else if (d < -maxstep) d = -maxstep;
}
i = boxbottom.offsetTop;
n = (boxbottom.parentNode.offsetHeight - boxbottom.offsetTop - boxbottom.offsetHeight - d);
boxbottom.style.bottom = n + 'px';
if (i == boxbottom.offsetTop) boxbottom.style.bottom = (n - (d > 0 ? +1 : -1)) + 'px';
complete = false;
}
hidebegin = false;
if (!complete) {
if (hideinterval == null) hideinterval = setTimeout ("sidebars.showhide();", 25);
wait.start (3);
} else {
wait.reset (3);
boxcenter.style.left = (boxleft.offsetLeft + boxleft.offsetWidth) + 'px';
boxcenter.style.right = (boxcenter.parentNode.offsetWidth - boxright.offsetLeft) + 'px';
boxcenter.style.bottom = (boxcenter.parentNode.offsetHeight - boxbottom.offsetTop) + 'px';
boxbottom.style.left = (boxleft.offsetLeft + boxleft.offsetWidth) + 'px';
boxbottom.style.right = (boxbottom.parentNode.offsetWidth - boxright.offsetLeft) + 'px';
hidetimestamp = null;
}
}
this.startshowhide = function ()
{
hidebegin = true;
if (hideinterval == null) hideinterval = setTimeout ("sidebars.showhide();", 25);
}
this.showhideall = function ()
{
if ((!hl) || (!hr) || (!hb)) {
hl = true;
hr = true;
hb = true;
} else {
hl = false;
hr = false;
hb = false;
}
sidebars.startshowhide();
}
this.boxleftclick = function (event)
{
var i;
if (hl) i = hiddenwidth + 2; else i = clickborder;
if (!event) event = window.event;
if (event.clientX - boxleft.offsetLeft >= boxleft.offsetWidth - i) {
hl = !hl;
sidebars.startshowhide();
}
}
this.boxleftmousemove = function (event)
{
var i;
if (hl) i = hiddenwidth + 2; else i = clickborder;
if (!event) event = window.event;
boxleft.style.cursor = ((event.clientX - boxleft.offsetLeft >= boxleft.offsetWidth - i) ? "pointer" : "auto");
}
this.boxrightclick = function (event)
{
var i;
if (hl) i = hiddenwidth + 2; else i = clickborder;
if (!event) event = window.event;
if (event.clientX - boxright.offsetLeft < i) {
hr = !hr;
sidebars.startshowhide();
}
}
this.boxrightmousemove = function (event)
{
var i;
if (hl) i = hiddenwidth + 2; else i = clickborder;
if (!event) event = window.event;
boxright.style.cursor = ((event.clientX - boxright.offsetLeft < i) ? "pointer" : "auto");
}
this.boxbottomclick = function (event)
{
var i;
if (hl) i = hiddenwidth + 2; else i = clickborder;
if (!event) event = window.event;
if (event.clientY - boxbottom.offsetTop < i) {
hb = !hb;
sidebars.startshowhide();
}
}
this.boxbottommousemove = function (event)
{
var i;
if (hl) i = hiddenwidth + 2; else i = clickborder;
if (!event) event = window.event;
boxbottom.style.cursor = ((event.clientY - boxbottom.offsetTop < i) ? "pointer" : "auto");
}
}
var sidebars = new Sidebars();
function State ()
{
this.init = function ()
{
};
}
var state = new State;
function Toolbar ()
{
this.naviback = null;
this.naviforward = null;
this.buttoncount = 0;
this.init = function ()
{
var topleftwidth = 224;
boxtop.insertAdjacentHTML ('beforeend',
''
);
boxtop.insertAdjacentHTML ('beforeend',
'
'
+ ''
+ ''+pngiconstr ('images/help.png', 19, 19, 'vertical-align: middle;')+'Hilfe'
+ ''+pngiconstr ('images/user-3.png', 19, 19, 'vertical-align: middle;')+' '
+ '
'
+ '