a:22:{s:9:"#provides";s:25:"dojox.image.MagnifierLite";s:9:"#resource";s:22:"image/MagnifierLite.js";s:9:"#requires";a:1:{i:0;a:3:{i:0;s:6:"common";i:1;s:13:"dijit._Widget";i:2;s:5:"dijit";}}s:25:"dojox.image.MagnifierLite";a:5:{s:4:"type";s:8:"Function";s:6:"chains";a:2:{s:9:"prototype";a:1:{i:0;s:13:"dijit._Widget";}s:4:"call";a:1:{i:0;s:13:"dijit._Widget";}}s:7:"summary";s:51:"Adds magnification on a portion of an image element";s:11:"description";s:359:"An unobtrusive way to add an unstyled overlay
above the srcNode image element. The overlay/glass is a
scaled version of the src image (so larger images sized down
are clearer).

The logic behind requiring the src image to be large is
"it's going to be downloaded, anyway" so this method avoids
having to make thumbnails and 2 http requests among other things.";s:9:"classlike";b:1;}s:35:"dojox.image.MagnifierLite.glassSize";a:3:{s:9:"prototype";s:25:"dojox.image.MagnifierLite";s:4:"type";s:3:"Int";s:7:"summary";s:40:"the width and height of the bounding box";}s:31:"dojox.image.MagnifierLite.scale";a:3:{s:9:"prototype";s:25:"dojox.image.MagnifierLite";s:4:"type";s:7:"Decimal";s:7:"summary";s:36:"the multiplier of the Mangification.";}s:36:"dojox.image.MagnifierLite.postCreate";a:4:{s:9:"prototype";s:25:"dojox.image.MagnifierLite";s:4:"type";s:8:"Function";s:6:"source";s:532:"		this.inherited(arguments);

		
		// images are hard to make into workable templates, so just add outer overlay
		// and skip using dijit._Templated		
		this._adjustScale();
		this._createGlass();

		
		this.connect(this.domNode,"onmouseenter","_showGlass");
		this.connect(this.glassNode,"onmousemove","_placeGlass");
		this.connect(this.img,"onmouseout","_hideGlass");


		// when position of domNode changes, _adjustScale needs to run.
		// window.resize isn't it always, FIXME:
		this.connect(window,"onresize","_adjustScale");";s:7:"summary";s:0:"";}s:38:"dojox.image.MagnifierLite._createGlass";a:5:{s:9:"prototype";s:25:"dojox.image.MagnifierLite";s:4:"type";s:8:"Function";s:6:"source";s:563:"		var node = this.glassNode = dojo.doc.createElement('div');
		this.surfaceNode = node.appendChild(dojo.doc.createElement('div'));
		dojo.addClass(node,"glassNode");
		dojo.body().appendChild(node);
		dojo.style(node,{
			height: this.glassSize + "px",
			width: this.glassSize + "px"
		});

		
		this.img = dojo.clone(this.domNode);
		node.appendChild(this.img);
		// float the image around inside the .glassNode 
		dojo.style(this.img, {
			position: "relative",
			top: 0,
			left: 0,
			width: this._zoomSize.w + "px",
			height: this._zoomSize.h + "px"
		});";s:7:"summary";s:55:"make img and glassNode elements as children of the body";s:7:"private";b:1;}s:38:"dojox.image.MagnifierLite._adjustScale";a:5:{s:9:"prototype";s:25:"dojox.image.MagnifierLite";s:4:"type";s:8:"Function";s:6:"source";s:208:"		this.offset = dojo.coords(this.domNode, true);
		this._imageSize = { w: this.offset.w, h:this.offset.h };
		this._zoomSize = {
			w: this._imageSize.w * this.scale,
			h: this._imageSize.h * this.scale
		};";s:7:"summary";s:48:"update the calculations should this.scale change";s:7:"private";b:1;}s:36:"dojox.image.MagnifierLite._showGlass";a:6:{s:9:"prototype";s:25:"dojox.image.MagnifierLite";s:4:"type";s:8:"Function";s:10:"parameters";a:1:{s:1:"e";a:1:{s:4:"type";s:0:"";}}s:6:"source";s:102:"		this._placeGlass(e);
		dojo.style(this.glassNode, {
			visibility: "visible",
			display:""
		});			";s:7:"summary";s:16:"show the overlay";s:7:"private";b:1;}s:36:"dojox.image.MagnifierLite._hideGlass";a:6:{s:9:"prototype";s:25:"dojox.image.MagnifierLite";s:4:"type";s:8:"Function";s:10:"parameters";a:1:{s:1:"e";a:1:{s:4:"type";s:0:"";}}s:6:"source";s:79:"		dojo.style(this.glassNode, {
			visibility: "hidden",
			display:"none"
		});";s:7:"summary";s:16:"hide the overlay";s:7:"private";b:1;}s:37:"dojox.image.MagnifierLite._placeGlass";a:6:{s:9:"prototype";s:25:"dojox.image.MagnifierLite";s:4:"type";s:8:"Function";s:10:"parameters";a:1:{s:1:"e";a:1:{s:4:"type";s:0:"";}}s:6:"source";s:185:"		this._setImage(e);
		var sub = Math.floor(this.glassSize / 2);
		dojo.style(this.glassNode,{ 
			top: Math.floor(e.pageY - sub) + "px", 
			left:Math.floor(e.pageX - sub) + "px"
		});";s:7:"summary";s:46:"position the overlay centered under the cursor";s:7:"private";b:1;}s:35:"dojox.image.MagnifierLite._setImage";a:6:{s:9:"prototype";s:25:"dojox.image.MagnifierLite";s:4:"type";s:8:"Function";s:10:"parameters";a:1:{s:1:"e";a:1:{s:4:"type";s:0:"";}}s:6:"source";s:314:"		var xOff = (e.pageX - this.offset.l) / this.offset.w;
		var yOff = (e.pageY - this.offset.t) / this.offset.h;
		var x = (this._zoomSize.w * xOff * -1) + (this.glassSize * xOff);
		var y = (this._zoomSize.h * yOff * -1) + (this.glassSize * yOff);
		dojo.style(this.img, {
			top: y + "px",
			left: x + "px"
		});";s:7:"summary";s:76:"set the image's offset in the clipping window relative to the mouse position";s:7:"private";b:1;}s:33:"dojox.image.MagnifierLite.destroy";a:5:{s:9:"prototype";s:25:"dojox.image.MagnifierLite";s:4:"type";s:8:"Function";s:10:"parameters";a:1:{s:8:"finalize";a:1:{s:4:"type";s:0:"";}}s:6:"source";s:60:"		dojo.destroy(this.glassNode);
		this.inherited(arguments);";s:7:"summary";s:0:"";}s:35:"dojox.image.MagnifierLite.glassNode";a:2:{s:8:"instance";s:25:"dojox.image.MagnifierLite";s:7:"summary";s:0:"";}s:37:"dojox.image.MagnifierLite.surfaceNode";a:2:{s:8:"instance";s:25:"dojox.image.MagnifierLite";s:7:"summary";s:0:"";}s:29:"dojox.image.MagnifierLite.img";a:2:{s:8:"instance";s:25:"dojox.image.MagnifierLite";s:7:"summary";s:0:"";}s:32:"dojox.image.MagnifierLite.offset";a:2:{s:8:"instance";s:25:"dojox.image.MagnifierLite";s:7:"summary";s:0:"";}s:36:"dojox.image.MagnifierLite._imageSize";a:3:{s:8:"instance";s:25:"dojox.image.MagnifierLite";s:7:"private";b:1;s:7:"summary";s:0:"";}s:35:"dojox.image.MagnifierLite._zoomSize";a:3:{s:8:"instance";s:25:"dojox.image.MagnifierLite";s:7:"private";b:1;s:7:"summary";s:0:"";}s:11:"dojox.image";a:2:{s:4:"type";s:6:"Object";s:7:"summary";s:0:"";}s:5:"dojox";a:2:{s:4:"type";s:6:"Object";s:7:"summary";s:0:"";}}