digilib: client/digitallibrary/jquery/jquery.digilib.birdseye.js annotate

annotate client/digitallibrary/jquery/jquery.digilib.birdseye.js @ 786:912519475259 jquery

documentation for new plugin api in jquery-digilib-plugin.txt. more steps towards plugification of birdseye view.

author	robcast
date	Fri, 18 Feb 2011 15:16:30 +0100
parents	966d5c938b4c
children	040e9bc1602e

rev	line source
784 966d5c938b4c first step to birdseye view as a plugin. robcast parents: diff changeset	1 /** required digilib geometry plugin
966d5c938b4c first step to birdseye view as a plugin. robcast parents: diff changeset	2 */
966d5c938b4c first step to birdseye view as a plugin. robcast parents: diff changeset	3
966d5c938b4c first step to birdseye view as a plugin. robcast parents: diff changeset	4 (function($) {
966d5c938b4c first step to birdseye view as a plugin. robcast parents: diff changeset	5
966d5c938b4c first step to birdseye view as a plugin. robcast parents: diff changeset	6 // affine geometry plugin stub
966d5c938b4c first step to birdseye view as a plugin. robcast parents: diff changeset	7 var geom;
966d5c938b4c first step to birdseye view as a plugin. robcast parents: diff changeset	8
966d5c938b4c first step to birdseye view as a plugin. robcast parents: diff changeset	9 var FULL_AREA;
966d5c938b4c first step to birdseye view as a plugin. robcast parents: diff changeset	10
786 912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	11 var buttons = {
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	12 bird : {
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	13 onclick : "showBirdDiv",
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	14 tooltip : "show bird's eye view",
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	15 icon : "birds-eye.png"
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	16 }
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	17 };
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	18
784 966d5c938b4c first step to birdseye view as a plugin. robcast parents: diff changeset	19 var actions = {
786 912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	20 // event handler: toggles the visibility of the bird's eye window
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	21 showBirdDiv : function (data, show) {
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	22 var settings = data.settings;
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	23 if (data.$birdDiv == null) {
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	24 // no bird div -> create
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	25 setupBirdDiv(data);
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	26 }
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	27 var on = showDiv(settings.isBirdDivVisible, data.$birdDiv, show);
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	28 settings.isBirdDivVisible = on;
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	29 highlightButtons(data, 'bird', on);
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	30 updateBirdDiv(data);
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	31 storeOptions(data);
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	32 }
784 966d5c938b4c first step to birdseye view as a plugin. robcast parents: diff changeset	33 };
966d5c938b4c first step to birdseye view as a plugin. robcast parents: diff changeset	34
786 912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	35 // plugin initialization called by digilib on plugin object.
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	36 var install = function() {
784 966d5c938b4c first step to birdseye view as a plugin. robcast parents: diff changeset	37 // import geometry classes
786 912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	38 geom = this.fn.geometry;
784 966d5c938b4c first step to birdseye view as a plugin. robcast parents: diff changeset	39 FULL_AREA = digilib.fn.FULL_AREA;
966d5c938b4c first step to birdseye view as a plugin. robcast parents: diff changeset	40 // TODO: add actions
966d5c938b4c first step to birdseye view as a plugin. robcast parents: diff changeset	41 // TODO: add buttons
966d5c938b4c first step to birdseye view as a plugin. robcast parents: diff changeset	42 // TODO: add event handlers
966d5c938b4c first step to birdseye view as a plugin. robcast parents: diff changeset	43 };
966d5c938b4c first step to birdseye view as a plugin. robcast parents: diff changeset	44
966d5c938b4c first step to birdseye view as a plugin. robcast parents: diff changeset	45
786 912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	46 // returns URL for bird's eye view image
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	47 var getBirdImgUrl = function (data, moreParams) {
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	48 var settings = data.settings;
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	49 var birdDivOptions = {
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	50 dw : settings.birdDivWidth,
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	51 dh : settings.birdDivHeight
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	52 };
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	53 var birdSettings = $.extend({}, settings, birdDivOptions);
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	54 // use only the relevant parameters
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	55 if (moreParams == null) {
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	56 var params = getParamString(birdSettings, settings.birdDivParams, defaults);
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	57 } else {
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	58 // filter scaler flags
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	59 if (birdSettings.mo != null) {
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	60 var mo = '';
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	61 if (data.scalerFlags.hmir != null) {
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	62 mo += 'hmir,';
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	63 }
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	64 if (data.scalerFlags.vmir != null) {
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	65 mo += 'vmir';
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	66 }
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	67 birdSettings.mo = mo;
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	68 }
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	69 var params = getParamString(birdSettings,
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	70 settings.birdDivParams.concat(moreParams), defaults);
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	71 }
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	72 var url = settings.scalerBaseUrl + '?' + params;
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	73 return url;
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	74 };
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	75
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	76 // creates HTML structure for the bird's eye view in elem
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	77 var setupBirdDiv = function (data) {
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	78 var $elem = data.$elem;
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	79 // the bird's eye div
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	80 var $birdDiv = $('<div class="birdview" style="display:none"/>');
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	81 // the detail indicator frame
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	82 var $birdZoom = $('<div class="birdzoom" style="display:none; background-color:transparent;"/>');
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	83 // the small image
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	84 var $birdImg = $('<img class="birdimg"/>');
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	85 data.$birdDiv = $birdDiv;
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	86 data.$birdZoom = $birdZoom;
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	87 data.$birdImg = $birdImg;
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	88 $elem.append($birdDiv);
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	89 $birdDiv.append($birdZoom);
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	90 $birdDiv.append($birdImg);
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	91 // $birdZoom.css(data.settings.birdIndicatorStyle);
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	92 var birdUrl = getBirdImgUrl(data);
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	93 $birdImg.load(birdImgLoadedHandler(data));
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	94 $birdImg.error(function () {console.error("error loading birdview image");});
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	95 $birdImg.attr('src', birdUrl);
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	96 };
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	97
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	98 // update bird's eye view
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	99 var updateBirdDiv = function (data) {
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	100 if (!data.settings.isBirdDivVisible) return;
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	101 var $birdImg = data.$birdImg;
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	102 var oldsrc = $birdImg.attr('src');
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	103 var newsrc = getBirdImgUrl(data);
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	104 if (oldsrc !== newsrc) {
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	105 $birdImg.attr('src', newsrc);
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	106 // onload handler re-renders
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	107 } else {
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	108 // re-render
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	109 renderBirdArea(data);
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	110 // enable click and drag
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	111 setupBirdDrag(data);
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	112 }
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	113 };
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	114
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	115 // returns function for load event of bird's eye view img
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	116 var birdImgLoadedHandler = function (data) {
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	117 return function () {
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	118 var $birdImg = $(this);
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	119 var birdRect = geom.rectangle($birdImg);
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	120 console.debug("birdImg loaded!", $birdImg, "rect=", birdRect, "data=", data);
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	121 if (birdRect.width === 0) {
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	122 // malheureusement IE7 calls load handler when there is no size info yet
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	123 setTimeout(function () { $birdImg.triggerHandler('load'); }, 200);
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	124 }
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	125 // update display (zoom area indicator)
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	126 updateDisplay(data);
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	127 };
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	128 };
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	129
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	130 // show zoom area indicator on bird's eye view
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	131 var renderBirdArea = function (data) {
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	132 if (data.$birdImg == null \|\| ! data.$birdImg.get(0).complete) return;
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	133 var $birdZoom = data.$birdZoom;
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	134 var zoomArea = data.zoomArea;
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	135 var normalSize = isFullArea(zoomArea);
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	136 if (normalSize) {
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	137 $birdZoom.hide();
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	138 return;
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	139 } else {
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	140 $birdZoom.show();
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	141 }
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	142 // create Transform from current area and picsize
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	143 data.birdTrafo = getImgTrafo(data.$birdImg, FULL_AREA);
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	144 var zoomRect = data.birdTrafo.transform(zoomArea);
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	145 console.debug("renderBirdArea:", zoomRect, "zoomArea:", zoomArea, "$birdTrafo:", data.birdTrafo);
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	146 // acount for border width
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	147 var bw = getBorderWidth($birdZoom);
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	148 zoomRect.addPosition({x : -bw, y : -bw});
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	149 if (data.settings.interactionMode === 'fullscreen') {
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	150 // no animation for fullscreen
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	151 zoomRect.adjustDiv($birdZoom);
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	152 } else {
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	153 // nice animation for embedded mode :-)
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	154 // correct offsetParent because animate doesn't use offset
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	155 var ppos = $birdZoom.offsetParent().offset();
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	156 var dest = {
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	157 left : (zoomRect.x - ppos.left) + 'px',
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	158 top : (zoomRect.y - ppos.top) + 'px',
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	159 width : zoomRect.width,
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	160 height : zoomRect.height
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	161 };
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	162 $birdZoom.animate(dest);
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	163 }
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	164 };
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	165
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	166 // bird's eye view zoom area click and drag handler
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	167 var setupBirdDrag = function(data) {
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	168 var $birdImg = data.$birdImg;
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	169 var $birdZoom = data.$birdZoom;
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	170 var $document = $(document);
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	171 var $scaler = data.$scaler;
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	172 var startPos, newRect, birdImgRect, birdZoomRect, fullRect, scalerPos;
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	173 var bw = getBorderWidth($birdZoom);
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	174
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	175 // mousedown handler: start dragging bird zoom to a new position
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	176 var birdZoomStartDrag = function(evt) {
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	177 startPos = geom.position(evt);
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	178 // position may have changed
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	179 data.birdTrafo = getImgTrafo($birdImg, FULL_AREA);
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	180 birdImgRect = geom.rectangle($birdImg);
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	181 birdZoomRect = geom.rectangle($birdZoom);
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	182 scalerPos = geom.position($scaler);
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	183 newRect = null;
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	184 fullRect = setZoomBG(data); // setup zoom background image
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	185 $document.bind("mousemove.dlBirdMove", birdZoomMove);
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	186 $document.bind("mouseup.dlBirdMove", birdZoomEndDrag);
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	187 return false;
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	188 };
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	189
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	190 // mousemove handler: drag
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	191 var birdZoomMove = function(evt) {
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	192 var pos = geom.position(evt);
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	193 var delta = startPos.delta(pos);
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	194 // move birdZoom div, keeping size
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	195 newRect = birdZoomRect.copy();
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	196 newRect.addPosition(delta);
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	197 newRect.stayInside(birdImgRect);
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	198 // reflect birdview zoom position in scaler image
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	199 var area = data.birdTrafo.invtransform(newRect);
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	200 var imgArea = data.imgTrafo.transform(area);
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	201 var offset = imgArea.getPosition().neg();
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	202 offset.add(scalerPos);
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	203 if (fullRect) {
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	204 var bgPos = fullRect.getPosition().add(offset);
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	205 } else {
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	206 var bgPos = offset;
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	207 }
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	208 // move the background image to the new position
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	209 data.$scaler.css({
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	210 'background-position' : bgPos.x + "px " + bgPos.y + "px"
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	211 });
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	212 // acount for border width
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	213 newRect.addPosition({x : -bw, y : -bw});
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	214 newRect.adjustDiv($birdZoom);
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	215 return false;
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	216 };
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	217
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	218 // mouseup handler: reload page
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	219 var birdZoomEndDrag = function(evt) {
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	220 var settings = data.settings;
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	221 $document.unbind("mousemove.dlBirdMove", birdZoomMove);
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	222 $document.unbind("mouseup.dlBirdMove", birdZoomEndDrag);
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	223 if (newRect == null) {
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	224 // no movement happened - set center to click position
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	225 startPos = birdZoomRect.getCenter();
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	226 birdZoomMove(evt);
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	227 }
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	228 // ugly, but needed to prevent double border width compensation
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	229 newRect.addPosition({x : bw, y : bw});
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	230 var newArea = data.birdTrafo.invtransform(newRect);
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	231 data.zoomArea = newArea;
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	232 redisplay(data);
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	233 return false;
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	234 };
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	235
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	236 // clear old handler
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	237 $document.unbind(".dlBirdMove");
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	238 $birdImg.unbind(".dlBirdMove");
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	239 $birdZoom.unbind(".dlBirdMove");
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	240 if (! isFullArea(data.zoomArea)) {
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	241 // set new handler
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	242 $birdImg.bind("mousedown.dlBirdMove", birdZoomStartDrag);
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	243 $birdZoom.bind("mousedown.dlBirdMove", birdZoomStartDrag);
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	244 }
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	245 };
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	246
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	247 // move bird zoom indicator to reflect zoomed detail area
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	248 var setBirdZoom = function(data, rect) {
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	249 var part = data.imgTrafo.invtransform(rect);
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	250 // area = FULL_AREA.fit(part); // no, we want to see where we transcend the borders
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	251 birdTrafo = getImgTrafo(data.$birdImg, FULL_AREA);
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	252 var birdRect = birdTrafo.transform(part);
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	253 var $birdZoom = data.$birdZoom;
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	254 // acount for border width
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	255 var bw = getBorderWidth($birdZoom);
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	256 birdRect.addPosition({x : -bw, y : -bw});
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	257 birdRect.adjustDiv(data.$birdZoom);
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	258 };
912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	259
784 966d5c938b4c first step to birdseye view as a plugin. robcast parents: diff changeset	260 // plugin object with name and init
966d5c938b4c first step to birdseye view as a plugin. robcast parents: diff changeset	261 // shared objects filled by digilib on registration
966d5c938b4c first step to birdseye view as a plugin. robcast parents: diff changeset	262 var digilib = {
966d5c938b4c first step to birdseye view as a plugin. robcast parents: diff changeset	263 name : 'birdseye',
786 912519475259 documentation for new plugin api in jquery-digilib-plugin.txt. robcast parents: 784 diff changeset	264 install : install,
784 966d5c938b4c first step to birdseye view as a plugin. robcast parents: diff changeset	265 buttons : {},
966d5c938b4c first step to birdseye view as a plugin. robcast parents: diff changeset	266 actions : {},
966d5c938b4c first step to birdseye view as a plugin. robcast parents: diff changeset	267 fn : {},
966d5c938b4c first step to birdseye view as a plugin. robcast parents: diff changeset	268 plugins : {}
966d5c938b4c first step to birdseye view as a plugin. robcast parents: diff changeset	269 };
966d5c938b4c first step to birdseye view as a plugin. robcast parents: diff changeset	270
966d5c938b4c first step to birdseye view as a plugin. robcast parents: diff changeset	271 if ($.fn.digilib == null) {
966d5c938b4c first step to birdseye view as a plugin. robcast parents: diff changeset	272 $.error("jquery.digilib.birdview must be loaded after jquery.digilib!");
966d5c938b4c first step to birdseye view as a plugin. robcast parents: diff changeset	273 } else {
966d5c938b4c first step to birdseye view as a plugin. robcast parents: diff changeset	274 $.fn.digilib('plugin', digilib);
966d5c938b4c first step to birdseye view as a plugin. robcast parents: diff changeset	275 }
966d5c938b4c first step to birdseye view as a plugin. robcast parents: diff changeset	276 })(jQuery);