/* * jquery.tools 1.1.2 - The missing UI library for the Web * * [tools.overlay-1.1.2, tools.overlay.gallery-1.0.0, tools.overlay.apple-1.0.1, tools.expose-1.0.5] * * Copyright (c) 2009 Tero Piirainen * http://flowplayer.org/tools/ * * Dual licensed under MIT and GPL 2+ licenses * http://www.opensource.org/licenses * * ----- * * File generated: Wed Oct 07 13:27:05 GMT+00:00 2009 */ (function(c){c.tools=c.tools||{};c.tools.overlay={version:"1.1.2",addEffect:function(e,f,g){b[e]=[f,g]},conf:{top:"10%",left:"center",absolute:false,speed:"normal",closeSpeed:"fast",effect:"default",close:null,oneInstance:true,closeOnClick:true,closeOnEsc:true,api:false,expose:null,target:null}};var b={};c.tools.overlay.addEffect("default",function(e){this.getOverlay().fadeIn(this.getConf().speed,e)},function(e){this.getOverlay().fadeOut(this.getConf().closeSpeed,e)});var d=[];function a(g,k){var o=this,m=c(this),n=c(window),j,i,h,e=k.expose&&c.tools.expose.version;var f=k.target||g.attr("rel");i=f?c(f):null||g;if(!i.length){throw"Could not find Overlay: "+f}if(g&&g.index(i)==-1){g.click(function(p){o.load(p);return p.preventDefault()})}c.each(k,function(p,q){if(c.isFunction(q)){m.bind(p,q)}});c.extend(o,{load:function(u){if(o.isOpened()){return o}var r=b[k.effect];if(!r){throw'Overlay: cannot find effect : "'+k.effect+'"'}if(k.oneInstance){c.each(d,function(){this.close(u)})}u=u||c.Event();u.type="onBeforeLoad";m.trigger(u);if(u.isDefaultPrevented()){return o}h=true;if(e){i.expose().load(u)}var t=k.top;var s=k.left;var p=i.outerWidth({margin:true});var q=i.outerHeight({margin:true});if(typeof t=="string"){t=t=="center"?Math.max((n.height()-q)/2,0):parseInt(t,10)/100*n.height()}if(s=="center"){s=Math.max((n.width()-p)/2,0)}if(!k.absolute){t+=n.scrollTop();s+=n.scrollLeft()}i.css({top:t,left:s,position:"absolute"});u.type="onStart";m.trigger(u);r[0].call(o,function(){if(h){u.type="onLoad";m.trigger(u)}});if(k.closeOnClick){c(document).bind("click.overlay",function(w){if(!o.isOpened()){return}var v=c(w.target);if(v.parents(i).length>1){return}c.each(d,function(){this.close(w)})})}if(k.closeOnEsc){c(document).unbind("keydown.overlay").bind("keydown.overlay",function(v){if(v.keyCode==27){c.each(d,function(){this.close(v)})}})}return o},close:function(q){if(!o.isOpened()){return o}q=q||c.Event();q.type="onBeforeClose";m.trigger(q);if(q.isDefaultPrevented()){return}h=false;b[k.effect][1].call(o,function(){q.type="onClose";m.trigger(q)});var p=true;c.each(d,function(){if(this.isOpened()){p=false}});if(p){c(document).unbind("click.overlay").unbind("keydown.overlay")}return o},getContent:function(){return i},getOverlay:function(){return i},getTrigger:function(){return g},getClosers:function(){return j},isOpened:function(){return h},getConf:function(){return k},bind:function(p,q){m.bind(p,q);return o},unbind:function(p){m.unbind(p);return o}});c.each("onBeforeLoad,onStart,onLoad,onBeforeClose,onClose".split(","),function(p,q){o[q]=function(r){return o.bind(q,r)}});if(e){if(typeof k.expose=="string"){k.expose={color:k.expose}}c.extend(k.expose,{api:true,closeOnClick:k.closeOnClick,closeOnEsc:false});var l=i.expose(k.expose);l.onBeforeClose(function(p){o.close(p)});o.onClose(function(p){l.close(p)})}j=i.find(k.close||".close");if(!j.length&&!k.close){j=c('
');i.prepend(j)}j.click(function(p){o.close(p)})}c.fn.overlay=function(e){var f=this.eq(typeof e=="number"?e:0).data("overlay");if(f){return f}if(c.isFunction(e)){e={onBeforeLoad:e}}var g=c.extend({},c.tools.overlay.conf);e=c.extend(true,g,e);this.each(function(){f=new a(c(this),e);d.push(f);c(this).data("overlay",f)});return e.api?f:this}})(jQuery); (function(b){var a=b.tools.overlay;a.plugins=a.plugins||{};a.plugins.gallery={version:"1.0.0",conf:{imgId:"img",next:".next",prev:".prev",info:".info",progress:".progress",disabledClass:"disabled",activeClass:"active",opacity:1,speed:"slow",template:"${title} Plakat ${index} von ${total}",autohide:true,preload:true,api:false}};b.fn.gallery=function(d){var o=b.extend({},a.plugins.gallery.conf),m;b.extend(o,d);m=this.overlay();var r=this,j=m.getOverlay(),k=j.find(o.next),g=j.find(o.prev),e=j.find(o.info),c=j.find(o.progress),h=g.add(k).add(e).css({opacity:o.opacity}),s=m.getClosers(),l;function p(u){c.fadeIn();h.hide();s.hide();var t=u.attr("href");var v=new Image();v.onload=function(){c.fadeOut();var y=b("#"+o.imgId,j);if(!y.length){y=b("").attr("id",o.imgId).css("visibility","hidden");j.prepend(y)}y.attr("src",t).css("visibility","hidden");var z=v.width;var A=(b(window).width()-z)/2;l=r.index(r.filter("[href="+t+"]"));r.removeClass(o.activeClass).eq(l).addClass(o.activeClass);var w=o.disabledClass;h.removeClass(w);if(l===0){g.addClass(w)}if(l==r.length-1){k.addClass(w)}var B=o.template.replace("${title}",u.attr("title")||u.data("title")).replace("${index}",l+1).replace("${total}",r.length);var x=parseInt(e.css("paddingLeft"),10)+parseInt(e.css("paddingRight"),10);e.html(B).css({width:z-x});j.animate({width:z,height:v.height,left:A},o.speed,function(){y.hide().css("visibility","visible").fadeIn(function(){if(!o.autohide){h.fadeIn();s.show()}})})};v.onerror=function(){j.fadeIn().html("Cannot find image "+t)};v.src=t;if(o.preload){r.filter(":eq("+(l-1)+"), :eq("+(l+1)+")").each(function(){var w=new Image();w.src=b(this).attr("href")})}}function f(t,u){t.click(function(){if(t.hasClass(o.disabledClass)){return}var v=r.eq(i=l+(u?1:-1));if(v.length){p(v)}})}f(k,true);f(g);b(document).keydown(function(t){if(!j.is(":visible")||t.altKey||t.ctrlKey){return}if(t.keyCode==37||t.keyCode==39){var u=t.keyCode==37?g:k;u.click();return t.preventDefault()}return true});function q(){if(!j.is(":animated")){h.show();s.show()}}if(o.autohide){j.hover(q,function(){h.fadeOut();s.hide()}).mousemove(q)}var n;this.each(function(){var v=b(this),u=b(this).overlay(),t=u;u.onBeforeLoad(function(){p(v)});u.onClose(function(){r.removeClass(o.activeClass)})});return o.api?n:this}})(jQuery); (function(d){var b=d.tools.overlay;b.effects=b.effects||{};b.effects.apple={version:"1.0.1"};d.extend(b.conf,{start:{absolute:true,top:null,left:null},fadeInSpeed:"fast",zIndex:9999});function c(f){var g=f.offset();return[g.top+f.height()/2,g.left+f.width()/2]}var e=function(n){var k=this.getOverlay(),f=this.getConf(),i=this.getTrigger(),q=this,r=k.outerWidth({margin:true}),m=k.data("img");if(!m){var l=k.css("backgroundImage");if(!l){throw"background-image CSS property not set for overlay"}l=l.substring(l.indexOf("(")+1,l.indexOf(")")).replace(/\"/g,"");k.css("backgroundImage","none");m=d('');m.css({border:0,position:"absolute",display:"none"}).width(r);d("body").append(m);k.data("img",m)}var o=d(window),j=f.start.top||Math.round(o.height()/2),h=f.start.left||Math.round(o.width()/2);if(i){var g=c(i);j=g[0];h=g[1]}if(!f.start.absolute){j+=o.scrollTop();h+=o.scrollLeft()}m.css({top:j,left:h,width:0,zIndex:f.zIndex}).show();m.animate({top:k.css("top"),left:k.css("left"),width:r},f.speed,function(){k.css("zIndex",f.zIndex+1).fadeIn(f.fadeInSpeed,function(){if(q.isOpened()&&!d(this).index(k)){n.call()}else{k.hide()}})})};var a=function(f){var h=this.getOverlay(),i=this.getConf(),g=this.getTrigger(),l=i.start.top,k=i.start.left;h.hide();if(g){var j=c(g);l=j[0];k=j[1]}h.data("img").animate({top:l,left:k,width:0},i.closeSpeed,f)};b.addEffect("apple",e,a)})(jQuery); /** * Overlay Gallery plugin, version: 1.0.0 * * Copyright (c) 2009 Tero Piirainen * http://flowplayer.org/tools/overlay.html#gallery * * Dual licensed under MIT and GPL 2+ licenses * http://www.opensource.org/licenses * * Since : July 2009 * Date: ${date} * Revision: ${revision} */ (function($) { // TODO: next(), prev(), getIndex(), onChange event // version number var t = $.tools.overlay; t.plugins = t.plugins || {}; t.plugins.gallery = { version: '1.0.0', conf: { imgId: 'img', next: '.next', prev: '.prev', info: '.info', progress: '.progress', disabledClass: 'disabled', activeClass: 'active', opacity: 1, speed: 'slow', template: '${title} Plakat ${index} von ${total}', autohide: true, preload: true, api: false } }; $.fn.gallery = function(opts) { var conf = $.extend({}, t.plugins.gallery.conf), api; $.extend(conf, opts); // common variables for all gallery images api = this.overlay(); var links = this, overlay = api.getOverlay(), next = overlay.find(conf.next), prev = overlay.find(conf.prev), info = overlay.find(conf.info), progress = overlay.find(conf.progress), els = prev.add(next).add(info).css({opacity: conf.opacity}), close = api.getClosers(), index; //{{{ load function load(el) { progress.fadeIn(); els.hide(); close.hide(); var url = el.attr("href"); // download the image var image = new Image(); image.onload = function() { progress.fadeOut(); // find image inside overlay var img = $("#" + conf.imgId, overlay); // or append it to the overlay if (!img.length) { img = $("").attr("id", conf.imgId).css("visibility", "hidden"); overlay.prepend(img); } // make initially invisible to get it's dimensions img.attr("src", url).css("visibility", "hidden"); // animate overlay to fit the image dimensions var width = image.width; var left = ($(window).width() - width) / 2; // calculate index number index = links.index(links.filter("[href=" +url+ "]")); // activate trigger links.removeClass(conf.activeClass).eq(index).addClass(conf.activeClass); // enable/disable next/prev links var cls = conf.disabledClass; els.removeClass(cls); if (index === 0) { prev.addClass(cls); } if (index == links.length -1) { next.addClass(cls); } // set info text & width var text = conf.template .replace("${title}", el.attr("title") || el.data("title")) .replace("${index}", index + 1) .replace("${total}", links.length); var padd = parseInt(info.css("paddingLeft"), 10) + parseInt(info.css("paddingRight"), 10); info.html(text).css({width: width - padd}); overlay.animate({ width: width, height: image.height, left: left}, conf.speed, function() { // gradually show the image img.hide().css("visibility", "visible").fadeIn(function() { if (!conf.autohide) { els.fadeIn(); close.show(); } }); }); }; image.onerror = function() { overlay.fadeIn().html("Cannot find image " + url); }; image.src = url; if (conf.preload) { links.filter(":eq(" +(index-1)+ "), :eq(" +(index+1)+ ")").each(function() { var img = new Image(); img.src = $(this).attr("href"); }); } } //}}} // function to add click handlers to next/prev links function addClick(el, isNext) { el.click(function() { if (el.hasClass(conf.disabledClass)) { return; } // find the triggering link var trigger = links.eq(i = index + (isNext ? 1 : -1)); // if found load it's href if (trigger.length) { load(trigger); } }); } // assign next/prev click handlers addClick(next, true); addClick(prev); // arrow keys $(document).keydown(function(evt) { if (!overlay.is(":visible") || evt.altKey || evt.ctrlKey) { return; } if (evt.keyCode == 37 || evt.keyCode == 39) { var btn = evt.keyCode == 37 ? prev : next; btn.click(); return evt.preventDefault(); } return true; }); function showEls() { if (!overlay.is(":animated")) { els.show(); close.show(); } } // autohide functionality if (conf.autohide) { overlay.hover(showEls, function() { els.fadeOut(); close.hide(); }).mousemove(showEls); } // load a proper gallery image when overlay trigger is clicked var ret; this.each(function() { var el = $(this), api = $(this).overlay(), ret = api; api.onBeforeLoad(function() { load(el); }); api.onClose(function() { links.removeClass(conf.activeClass); }); }); return conf.api ? ret : this; }; })(jQuery);