').find('.schraffur').css({
width: $(this).find('img')[0].width
});
galleryScrollTo($(this).data('picture-id'), ! animate);
}).unbind('click').bind('click', function () {
$(this).trigger('setCurrent');
}).eq(0).trigger('setCurrent');
$(document).unbind('keyup keydown').bind('keyup keydown', function (e) {
var $curr = $('#thumb-menu .current'),
$target = $(e.target);
if ( ! $target.is(':input')) {
switch (e.which) {
case 38:
if ($curr.prev().size() && e.type == 'keyup') {
$curr.prev().trigger('setCurrent');
}
e.preventDefault();
break;
case 40:
case 32:
if ($curr.next().size() && e.type == 'keyup') {
$curr.next().trigger('setCurrent');
}
e.preventDefault();
break;
}
}
});
$('.jspContainer').unbind('mousewheel.gallery').bind('mousewheel.gallery', function (e) {
var $curr = $('#thumb-menu .current'),
$dest = $curr.next(),
delta = e.wheelDelta || -e.detail;
if (delta > 0) {
$dest = $curr.prev();
}
if ($dest.size()) {
$dest.trigger('setCurrent');
}
e.preventDefault();
});
};
/**
* jQuery Cookie plugin
*
* Copyright (c) 2010 Klaus Hartl (stilbuero.de)
* Dual licensed under the MIT and GPL licenses:
* http://www.opensource.org/licenses/mit-license.php
* http://www.gnu.org/licenses/gpl.html
*
*/
jQuery.cookie = function (key, value, options) {
// key and at least value given, set cookie...
if (arguments.length > 1 && String(value) !== "[object Object]") {
options = jQuery.extend({}, options);
if (value === null || value === undefined) {
options.expires = -1;
}
if (typeof options.expires === 'number') {
var days = options.expires, t = options.expires = new Date();
t.setDate(t.getDate() + days);
}
value = String(value);
return (document.cookie = [
encodeURIComponent(key), '=',
options.raw ? value : encodeURIComponent(value),
options.expires ? '; expires=' + options.expires.toUTCString() : '', // use expires attribute, max-age is not supported by IE
options.path ? '; path=' + options.path : '',
options.domain ? '; domain=' + options.domain : '',
options.secure ? '; secure' : ''
].join(''));
}
// key and possibly options given, get cookie...
options = value || {};
var result, decode = options.raw ? function (s) { return s; } : decodeURIComponent;
return (result = new RegExp('(?:^|; )' + encodeURIComponent(key) + '=([^;]*)').exec(document.cookie)) ? decode(result[1]) : null;
};
//logo animation
eh.logo = function () {
if ( ! $.browser.ipad && ($('#wrapper').hasClass('contact') || $('#wrapper').hasClass('bio') || $('#wrapper').hasClass('news'))) {
return;
}
if ($.browser.ipad && $('#wrapper').hasClass('category')) {
$('#logo').hide();
$('#logo-arrow').show();
showLogo();
return;
}
// on gallery view: logo fadeout, arrow fadein
if ($('#wrapper').hasClass('gallery') || $('#wrapper').hasClass('contact') || $('#wrapper').hasClass('bio') || $('#wrapper').hasClass('news')) {
showArrow();
// on other views vice-versa
} else {
showLogo();
}
};
function showArrow() {
$('header span').delay(eh.delay).fadeOut(eh.speed, function () {
var newLeft = $.browser.ipad ? '-58px' : '-136px';
$(this).parents('header').animate({
left: newLeft
}, eh.speed, function () {
$(this).find('#logo-arrow').fadeIn(eh.speed);
});
});
$.cookie('logo', 'arrow');
}
function showLogo() {
$('#logo-arrow').delay(eh.delay).fadeOut(eh.speed, function () {
$('header').animate({
left: '0px'
}, eh.speed, function () {
$(this).find('#logo').fadeIn(eh.speed);
});
});
$.cookie('logo', 'logo');
}
// maximise gallery image
eh.maximise = function () {
var height = $(window).height() - (105 * 2);
if ($.browser.ipad) {
height = $(window).height() - (85 + 40);
}
var maxWidth = 0;
$('#gallery-pictures img, #gallery-teaser img').each(function () {
if ( ! $(this).parents('#fplayer').size()) {
var img = $(this)[0],
r = img.width / img.height;
if (img.height > height) {
$(this).attr({
height: height,
width: height * r
});
}
$('#gallery-teaser').css({
height: $(this).height(),
width: $(this).width()
});
if (maxWidth < $(this)[0].width) {
maxWidth = $(this)[0].width;
}
if ($(this).parent().find('.pdf-selection')) {
//$(this).parent().find('.pdf-selection span').css('width', $(this)[0].width);
}
}
});
$('#gallery-pictures li').css('width', maxWidth);
var navHeight = $('#nav').height();
if (navHeight > height) {
$('#nav img').each(function () {
var img = $(this)[0];
if ( ! $(this).data('np')) {
$(this).data('np', img.height / navHeight);
}
var r = img.width / img.height,
newHeight = height * $(this).data('np');
$(this).attr({
height: newHeight,
width: newHeight * r
});
var $schraffur = $(this).parents('li').find('.schraffur');
if ($schraffur.size()) {
$schraffur.css({
width: $(this)[0].width
});
}
});
}
};
// menu fade in cycle
eh.menu = function (isPjax) {
var items = $('.gallery-menu li, #thumb-menu li'),
animate = (isPjax === false);
if ( ! animate && ! items.parent().is('#thumb-menu')) {
items.css('left', 0);
} else {
for (k = 0; k < items.length; k++ ) {
$(items[k]).css('opacity', 0).delay(k * 100).animate({
opacity: 1,
left: '0px'
}, eh.speed);
}
}
};
eh.news = function () {
$('.news-gallery').newsGallery();
};
var introResizeTimeout;
eh.intro = function () {
if ( ! $('#intro-schraffur').size()) {
var $schraffur = $('
').appendTo($('#intro-wrap'));
$schraffur.css({
width: $('#intro').width(),
height: $('#intro').height(),
cursor: 'pointer'
}).one('click', function () {
location.href = global.root + '/look/';
});
$('#intro-wrap').css({
width: $('#intro').width(),
height: $('#intro').height()
});
$('#intro-wrap ul').css('width', $('#intro').width());
}
clearTimeout(introResizeTimeout);
introResizeTimeout = setTimeout(function () {
var newWidth = $(window).width(),
newHeight = $(window).height()/* - 32*/;
$('#intro').each(function () {
var maxWidth = newWidth,
maxHeight = newHeight;
if ( ! $(this).data('o')) {
$(this).data('o', { w: $(this).width(), h: $(this).height() });
}
var ratioW = $(this).height() / $(this).width(),
ratioH = $(this).width() / $(this).height(),
newPlayerWidth = maxWidth,
newPlayerHeight = maxWidth * ratioW;
if (newPlayerHeight < maxHeight) {
newPlayerHeight = maxHeight;
newPlayerWidth = newPlayerHeight * ratioH;
}
/*if (newPlayerWidth > $(this).data('o').w) {
newPlayerWidth = $(this).data('o').w;
newPlayerHeight = $(this).data('o').h;
}*/
/*if (maxHeight < newPlayerHeight) {
newPlayerHeight = maxHeight;
newPlayerWidth = newPlayerHeight * ratioH;
}*/
$(this).css({
width: newPlayerWidth,
height: newPlayerHeight,
marginLeft: -(newPlayerWidth / 2),
marginTop: -(newPlayerHeight / 2)
});
$('#intro-schraffur, #intro-wrap').css({
width: newPlayerWidth,
height: newPlayerHeight
});
$('#intro-wrap ul').css('width', newPlayerWidth);
});
}, 50);
};
eh.resizeSelection = function () {
var width = $(window).width() - ($('#nav').outerWidth() + 288 + 45),
maxWidth = 673,
$div = $('.selection #content'),
news = false;
if ($('.news #content').size()) {
if ($.browser.ipad) {
width = parseInt($('#content').css('width'));
}
$div = $('.news #content');
news = true;
}
if (width > maxWidth) {
width = maxWidth;
}
$div.css('width', width);
if (news) {
$('.news-gallery img, .fplayer').each(function () {
if ( ! $(this).data('r')) {
$(this).data('r', $(this).height() / $(this).width());
}
var height = width * $(this).data('r');
if ($(this).is('img')) {
this.width = width;
this.height = height;
} else {
$(this).css({
width: width,
height: height
});
}
if ($(this).parents('li').is('.current') && ! $(this).hasClass('poster')) {
$(this).parents('.news-gallery').css('height', height);
}
});
}
};
var playerResizeTimeout;
eh.resize = function () {
var width = $('#inner-wrap').width(),
newWidth = $(window).width() - (170 * 2),
newHeight = $(window).height() - (105 * 2);
if ($.browser.ipad) {
newWidth += 110;
newHeight = $(window).height() - (85 + 40);
}
$('#fplayer').each(function () {
var $this = $(this);
var maxWidth = $(window).width() - 150,
maxHeight = $(window).height() - (105 + 195);
if ($.browser.ipad) {
maxWidth = $(window).width();
maxHeight = $(window).height();
}
if ( ! $this.data('o')) {
$this.data('o', { w: $this.width(), h: $this.height() });
}
var ratioW = $this.height() / $this.width(),
ratioH = $this.width() / $this.height(),
newPlayerWidth = maxWidth,
newPlayerHeight = maxWidth * ratioW;
if (newPlayerWidth > $this.data('o').w) {
newPlayerWidth = $this.data('o').w;
newPlayerHeight = $this.data('o').h;
}
if (maxHeight < newPlayerHeight) {
newPlayerHeight = maxHeight;
newPlayerWidth = newPlayerHeight * ratioH;
}
$this.css({
width: newPlayerWidth,
height: newPlayerHeight
});
var $img = $this.find('img');
if ($img.size()) {
if ( ! $img.data('r')) {
$img.data('r', $img[0].width / $img[0].height);
}
$img.attr({
height: newPlayerHeight,
width: newPlayerHeight * $img.data('r')
});
$img.css('marginLeft', -($img[0].width / 2));
}
});
var isLook = false;
if ($('.category #content').size()) {
newWidth = $(window).width() - (290 + $('#nav').outerWidth(true));
isLook = true;
if ($.browser.ipad) {
newWidth += 160;
}
}
$('.r').each(function () {
var $img = $(this);
if ( ! $img.data('r')) {
$img.data('r', $img.attr('width') / $img.attr('height'));
$img.data('o', {
width: $img.attr('width'),
height: $img.attr('height')
});
$img.data('p', $img.attr('width') / ($('#content').width() + $('#nav').outerWidth(true)));
}
var newImgWidth = (isLook ? newWidth : (newWidth * $img.data('p'))),
newImgHeight = newImgWidth * ($img.data('o').height / $img.data('o').width);
if ($img.data('o').width < newImgWidth) {
newImgWidth = $img.data('o').width;
newImgHeight = newImgWidth * ($img.data('o').height / $img.data('o').width);
}
$img.attr({
width: newImgWidth,
height: newImgHeight
});
var $schraffur = $img.parents('li').find('.schraffur');
if ($schraffur.size()) {
$schraffur.css({
width: $img[0].width
});
}
});
eh.maximise();
eh.resizeSelection();
$('#thumb-menu .current').trigger('setCurrent');
eh.centerize();
};
//adjust width and height of scrollable content
eh.scrollbar = function () {
$('#wrapper').css({
height: $(window).height() - parseInt($('#wrapper').css('marginTop'))
});
$('#gallery-pictures li').css('height', $('#wrapper').height()).last().css('margin-bottom', 0);
if ( ! $.browser.ipad) {
if ( ! $('#wrapper').data('jsp')) {
$('#wrapper').doScrollbar();
} else {
$('#wrapper').data('jsp').reinitialise();
}
}
$('#wrapper').unbind('jsp-scroll-y').bind('jsp-scroll-y', function (event, scrollPositionY, isAtTop, isAtBottom) {
if ($('#nav').find('#thumb-menu').size()) {
$('#nav').css('marginTop', scrollPositionY);
}
});
};
eh.teaserInterval = 300;
eh.teaserIds = [];
// teaser switch on hover
eh.teaser = function () {
for (var i in eh.teaserInterval) {
clearInterval(eh.teaserInterval[i]);
}
if ($('#gallery-teaser').size()) {
$('#gallery-teaser li:first').addClass('current');
if ( ! $.browser.ipad) {
$('.gallery-menu li:not(.pdf-selection-link)').bind('mouseenter', function () {
$('.gallery-menu .current').removeClass('current');
$(this).addClass('current');
$('#gallery-teaser')
.find('.current').removeClass('current').end()
.find('#gallery-' + $(this).data('gallery-id')).addClass('current');
});
}
$('.teaser-sequenz').each(function () {
var $div = $(this),
$imgs = $('img', $div);
if ($imgs.size() > 1) {
eh.teaserIds.push(setInterval(function () {
var $curr = $imgs.filter('.active'),
$next = $curr.next();
if ( ! $next.size()) {
$next = $imgs.eq(0);
}
$curr.removeClass('active');
$next.addClass('active');
}, eh.teaserInterval));
} else {
$imgs.addClass('active');
}
});
}
};
eh.video = function () {
if ($('#fplayer img').size()) {
var w = $('#fplayer img')[0].width;
$('#fplayer img').css({
marginLeft: -(w / 2)
});
}
};
eh.selection = function () {
if ($('#selection-box').size()) {
$('#selection-box').appendTo($('body')).find(':input').attr('readonly', 'true').click(function () {
this.select();
});
$('.open-link').click(function (e) {
if ($('#selection-box').toggleClass('show').hasClass('show')) {
$(':input', $('#selection-box')).select();
}
e.preventDefault();
});
$('#selection-box .close').click(function () {
$('#selection-box').removeClass('show');
});
}
};
eh.addpdf = function () {
$('.pdf-selection span').hover(function () {
if ($(this).hasClass('added') && ! $(this).parents('#selection-overview').size()) {
$(this).text('remove image');
}
}, function () {
if ($(this).hasClass('added') && ! $(this).parents('#selection-overview').size()) {
$(this).text('safe');
}
}).click(function () {
var id = $(this).parent().parent().attr('id').replace('pic-', ''),
isOverview = $(this).parents('#selection-overview').size() > 0,
isAdded = $(this).hasClass('added'),
$link = $(this);
if ( ! isOverview) {
if (isAdded) {
$link.removeClass('added').text('save image to pdf');
} else {
$link.addClass('added').text('safe').fadeOut(400).fadeIn(200, function(){
$(this).text('safe');
});
}
} else {
$(this).parents('li').fadeOut('fast', function () {
$(this).remove();
});
}
$.post(global.root + '/selection/add/' + id, function (rsp) {
if (rsp == 0) {
$('#pdf').hide();
$('footer').removeClass('selection');
$('.pdf-selection-link').hide();
} else {
$('footer').addClass('selection');
$('#pdf').addClass('current').show();
/*
setTimeout(function () {
$('#pdf').removeClass('current');
}, 1500);
*/
}
$('#pdf .icon-text p').text(rsp + ' image' + (rsp != 1 ? 's' : '') + ' saved');
});
});
};
function touchScroll (id) {
var el=document.getElementById(id);
var scrollStartPos=0;
if (el) {
el.addEventListener("touchstart", function(event) {
scrollStartPos=this.scrollTop+event.touches[0].pageY;
//event.preventDefault();
}, false);
el.addEventListener("touchmove", function(event) {
this.scrollTop=scrollStartPos-event.touches[0].pageY;
event.preventDefault();
}, false);
}
}
eh.ipad = function () {
if ($('#wrapper.gallery').length) {
$('#content').css('height', $(window).height() - 85);
$('#gallery-pictures li').css('height', $('#wrapper').height()).last().css('margin-bottom', 0);
$('#content').touchwipe({
wipeUp: function () {
$('#thumb-menu .current').prev().trigger('setCurrent');
},
wipeDown: function () {
$('#thumb-menu .current').next().trigger('setCurrent');
},
min_move_y: 100
});
} else {
touchScroll('wrapper');
}
window.onorientationchange = function() {
eh.orientation();
};
};
eh.orientation = function () {
var orientation = window.orientation;
switch (orientation) {
case 0:
$('#content').removeClass('landscape');
break;
default:
$('#content').addClass('landscape');
break;
}
eh.resize();
};
//all in one handler
eh.onready = function () {
if ($.browser.ipad) {
eh.orientation();
}
eh.news();
eh.resize();
if ( ! $.browser.ipad) {
eh.scrollbar();
}
eh.teaser();
eh.logo();
eh.footer();
eh.gallery();
eh.video();
eh.addpdf();
eh.selection();
if ($.browser.ipad) {
eh.ipad();
}
};
//success handler for pjax calls
eh.pjax = function (data) {
$('#wrapper')
.removeClass('category')
.removeClass('gallery')
.removeClass('selection')
.removeClass('news')
.removeClass('contact')
.removeClass('bio')
.addClass(data.template);
eh.menu(true);
eh.onready();
};
// dom ready
$(function () {
if ( ! $('.jspPane').size()) {
$('#inner-wrap').wrap('
');
}
// pjax support
$('a:not([href^=http])').pjax('.jspPane', {
dataType: 'json',
success: eh.pjax,
timeout: 30000
});
eh.menu(false);
eh.onready();
});
$(window).resize(function () {
eh.resize();
eh.scrollbar();
});
(function ($) {
$.extend(jQuery.browser, {
ipad : navigator.userAgent.toLowerCase().indexOf('ipad') > -1
});
$.fn.doScrollbar = function () {
if ($('#fplayer, #intro').size()) {
return this;
}
return $(this).jScrollPane({
verticalDragMinHeight: 35,
verticalDragMaxHeight: 35,
hideFocus: true,
animateScroll: true
}).css('overflow', 'visible');
};
$.fn.newsGallery = function () {
return this.each(function () {
// seperator for nav numbers
var sep = '|',
next = '>',
prev = '<',
// set gallery to relative
$gal = $(this).css('position', 'relative'),
$lis = $('li', $(this));
$('li', $(this)).css('position', 'absolute').not(':first-child').css({
/*display: 'none',*/
visibility: 'hidden'/*,
cursor: 'pointer'*/
})/*.click(showNextImage)*/;
// show next image
function showNextImage() {
var $next = $('.current', $gal).next();
if ( ! $next.length) {
$next = $lis.first();
}
setNewCurrent($next);
}
// show previous image
function showPrevImage() {
var $prev = $('.current', $gal).prev();
if (!$prev.length) {
$prev = $lis.last();
}
setNewCurrent($prev);
}
// show specified image on nav click
function showThisImage() {
var num = parseInt($(this).text()),
$li = $lis.eq(num - 1);
if ($li.length) {
setNewCurrent($li);
}
}
// set given $element to current image to show
function setNewCurrent($element) {
var $current = $('.current', $gal);
// reset the height of the gallery
$gal.css('height', $element.height());
$current.hide()/*.fadeOut('fast')*/.removeClass('current');
$element.css({
display: 'none',
visibility: 'visible'
}).show()/*.fadeIn('fast', function () {
//$('#wrapper').doScrollbar();
})*/.addClass('current');
updateGalleryNavigation();
}
// rebuild gallery navigation on every image switch
function updateGalleryNavigation() {
var max = $lis.length,
curIndex = $('.current', $gal).index(),
$navi = $('.galnav', $gal.parent());
if (max == 1) {
return;
}
if ( ! $navi.length) {
$navi = $('
').addClass('galnav').insertAfter($gal);
}
// remove all children
$navi.children().remove();
// build the nav numbers
for (i = 0; i < max; i++) {
var $span = $('
').text(i + 1).addClass('num').css('cursor', 'pointer').click(showThisImage);
// tag current image in nav
if (curIndex == i) {
$span.addClass('curimg');
}
$span.appendTo($navi);
// add the seperator
if (i < (max - 1)) {
$('
').addClass('sep').html(sep).appendTo($navi);
}
}
// build prev and next span
$('
').addClass('prev').css('cursor', 'pointer').html(prev).click(showPrevImage).prependTo($navi);
$('
').addClass('next').css('cursor', 'pointer').html(next).click(showNextImage).appendTo($navi);
}
// show galleries when everything's loaded
//$(window).unbind('load.news').bind('load.news', function () {
// switch to first image
showNextImage();
//});
});
};
})(jQuery);
function galleryScrollTo(id, animate) {
var $element = $('#gallery-pictures #pic-' + id),
index = $element.index();
if (animate) {
$('#gallery-pictures .pdf-selection').fadeOut('fast');
$element.find('.pdf-selection').fadeIn('fast');
}
if ($element.size()) {
if ( ! $.browser.ipad) {
var api = $('#wrapper').data('jsp');
api.scrollToY($element[0].offsetTop, animate);
} else {
var height = $element.parent().find('li:first-child').outerHeight(true);
$('#gallery-pictures').css('margin-top', -(height) * index);
}
}
}
$(function () {
var footerTimer;
$('footer li').bind('mouseenter', function (e) {
var $text = $(this).find('.icon-text'),
$current = $(this).parent().find('.current'),
height = 0;
if ($text.is($current)) {
clearTimeout(footerTimer);
return;
}
$text.show().children().each(function () {
height += parseInt($(this).outerHeight(true));
});
$text.addClass('current').stop(true, true).animate({
height: height
}, 'fast');
$(this).addClass('current');
}).bind('mouseleave', function (e) {
var $li = $(this),
$text = $('.icon-text', $li);
footerTimer = setTimeout(function () {
$text.removeClass('current').css({
height: 0,
display: 'none'
});
if ( ! $li.hasClass('stay')) {
$li.removeClass('current');
}
}, 50);
});
$('footer .icon-text').mouseenter(function () {
clearTimeout(footerTimer);
});
$('#newsletter form').submit(function (e) {
e.preventDefault();
var $form = $(this),
url = $form.attr('action'),
$input = $('input', $form);
// send input data
$.post(url, $form.serialize(), function (rsp) {
if (rsp == 1) {
$input.val('Adresse wurde gespeichert!');
setTimeout(function () {
$input.val('');
}, 2000);
}
});
});
$('#facebook').click(function () {
var url = location.href,
title = document.title;
window.open('http://www.facebook.com/sharer.php?u=' + url + '&t=' + title, "Share on Facebook", "width=400,height=300");
});
$('#twitter').click(function () {
var url = location.href,
title = document.title + ': ' + url;
window.open('http://twitter.com/intent/tweet?status=' + title + '&url=' + url, "Tweet this", "width=400,height=300");
});
});