├── PanoSarek.jpg ├── README ├── ddpanorama.css ├── ddpanorama.fullscreen.js ├── ddpanorama.gensample.js ├── ddpanorama.js ├── ddpanorama.min.js ├── imagesloaded.pkgd.min.js ├── jquery.1.7.1.min.js ├── jquery.ba-outside-events.min.js ├── night3.jpeg ├── recent_full.jpeg ├── sample.basic.html ├── sample.basic2.html ├── sample.drawlabels.html ├── sample.dynamicinteractive.html ├── sample.dynamicsize.html ├── sample.dynamicspeed.html ├── sample.event.html ├── sample.eventredraw.html ├── sample.eventredraw2.html ├── sample.hugesizeimage.html ├── sample.interactive.html ├── sample.loop.html ├── sample.minspeed.html ├── sample.pos.html └── sample.size.html /PanoSarek.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/nicekei/jQuery-html5-canvas-panorama-plugin/c85aa66d0de66e975a5ddebe4bcad8bfa9e7189e/PanoSarek.jpg -------------------------------------------------------------------------------- /README: -------------------------------------------------------------------------------- 1 | jQuery-html5-canvas-panorama-plugin 2 | 3 | From June 11 2012 from Kei Kim(nicekei@gmail.com) 4 | 5 | Added a sample page users can directly view on the net 6 | 7 | Check following pages to see ddpanorama in action: 8 | https://htmlpreview.github.io/?https://github.com/nicekei/jQuery-html5-canvas-panorama-plugin/blob/master/sample.dynamicspeed.html 9 | https://htmlpreview.github.io/?https://github.com/nicekei/jQuery-html5-canvas-panorama-plugin/blob/master/sample.eventredraw2.html (NEW) 10 | https://htmlpreview.github.io/?https://github.com/nicekei/jQuery-html5-canvas-panorama-plugin/blob/master/sample.drawlabels.html (NEW) 11 | https://htmlpreview.github.io/?https://github.com/nicekei/jQuery-html5-canvas-panorama-plugin/blob/master/sample.event.html 12 | https://htmlpreview.github.io/?https://github.com/nicekei/jQuery-html5-canvas-panorama-plugin/blob/master/sample.eventredraw.html 13 | https://htmlpreview.github.io/?https://github.com/nicekei/jQuery-html5-canvas-panorama-plugin/blob/master/sample.dynamicsize.html 14 | https://htmlpreview.github.io/?https://github.com/nicekei/jQuery-html5-canvas-panorama-plugin/blob/master/sample.dynamicinteractive.html 15 | https://htmlpreview.github.io/?https://github.com/nicekei/jQuery-html5-canvas-panorama-plugin/blob/master/sample.pos.html 16 | https://htmlpreview.github.io/?https://github.com/nicekei/jQuery-html5-canvas-panorama-plugin/blob/master/sample.loop.html 17 | https://htmlpreview.github.io/?https://github.com/nicekei/jQuery-html5-canvas-panorama-plugin/blob/master/sample.basic.html 18 | https://htmlpreview.github.io/?https://github.com/nicekei/jQuery-html5-canvas-panorama-plugin/blob/master/sample.minspeed.html 19 | https://htmlpreview.github.io/?https://github.com/nicekei/jQuery-html5-canvas-panorama-plugin/blob/master/sample.size.html 20 | https://htmlpreview.github.io/?https://github.com/nicekei/jQuery-html5-canvas-panorama-plugin/blob/master/sample.interactive.html 21 | 22 | 23 | 1.43 : Fixed a bug firing ddredraw event first when minSpeed exists(!=0) 24 | 1.42 : Fixed scrollX to be always within (-width*0.5, width*0.5) for the looped 25 | image, so that users can more conveniently draw stuffs using this 26 | parameter. 27 | Examples: 28 | ex1) width:100, scrollX:90 -> -10 29 | ex2) width:100, scrollX:-60 -> 40 30 | 31 | Now ddpanorama uses imagesLoaded script to catch the image load event. 32 | As the load event has some drawbacks(https://api.jquery.com/load-event/), 33 | I decided to adapt other method. eg. Prior to this version, applying 34 | ddpanorama after the image is fully loaded was not working well, but it 35 | now just works 36 | 37 | Added html element overlay example. Now you can see other elements 38 | positioned over canvas element. Other way of implementation might be 39 | drawing some texts on canvas and checking if the user clicks one of those 40 | texts’ bounding rectangles, but it would be definitely cumbersome/hard to 41 | predict the final result. 42 | Instead, I positioned already existing handy HTML elements on top of 43 | canvas, so that users can see/control the result beforehand. 44 | 45 | 1.41 : Delayed resizing/attachment after the panorama image is completely 46 | loaded 47 | 1.40 : Now CSS is separated from codes. Note that to work as 48 | before, you need to include "ddpanorama.css" as a stylesheet in your 49 | pages 50 | 51 | Event prefix is changed from "ddpanorama_" to "dd". 52 | eg. ddpanorama_redraw -> ddredraw 53 | 54 | "init" event is added which is called when the canvas is initialized 55 | - a good place to retrieve canvas and apply any additional properties 56 | to it 57 | 58 | In case the interactive flag is turned off, the panning cursor didn't 59 | showup in Webkit browsers(up to 1.31). This is fixed in the current 60 | version. 61 | 62 | Event demo(sample.event.html) code is rewritten. Now you can check 63 | all the event life cycles 64 | ("startmove", "stopmove", "mousedown", "mouseup" events are added) 65 | 66 | Fullscreen demo(sample.dynamicsize.html) code is refactored to show the 67 | demonstration clearly. 68 | Note that the ugly bottom scroll bar is gone by CSS's blessing 69 | (width:100%) 70 | 71 | Redraw event demo(sample.eventredraw.html) shows how to draw something on 72 | top of the panorama 73 | 74 | Refactored codes to support changing "defaults" which decides panoramas' 75 | default parameters 76 | 77 | 78 | 1.31 : Size change is also supported 79 | 1.30 : Support changing panorama parameters after it is created 80 | 1.24 : Fixed a scroll variable becoming NaN issue when load event is fired later 81 | 1.23 : Added startPos parameter. You can specify relative value 82 | to (imageWidth-canvasWidth). So you specify 1.0, you get 83 | the 100% scrolled image 84 | 1.22 : Changed parameter names to reduce ambiguity 85 | loopBounce -> bounce 86 | loopBorderRate -> bounceEdge 87 | loopBorderColor -> bounceEdgeColor 88 | Refactored sample htmls. Made them being generated from parameters. 89 | 1.21 : Added {loop:false} option to support not-wrapped image with a nice 90 | bounce effect 91 | (due to a user request: thanks baloneysandwiches) 92 | Split sample html pages into multiple files to show what it is clearly 93 | in details 94 | 1.12 : Added autoscroll feature(minSpeed parameter) 95 | Added interactive flag(interactive parameter) 96 | Fixed image to canvas converting method. Now use $.after to properly handle 97 | canvas insertion 98 | 1.11 : Fixed scroll popping bug 99 | 1.10 : Fixed event handling bug(mis typo?) 100 | Support resized canvas drawing when height is specified 101 | Fills the black color when canvas image is not loaded yet 102 | Added .loaded parameter to event, users can draw something until the 103 | panorama image is fully loaded 104 | 1.01 : Added event handling support 105 | 1.00 : Started ddpanorama 106 | 107 | 108 | 109 | 110 | Q. Why do you re-create already existing jQuery panorama plugin? 111 | 112 | Yeah, it's another jQuery panorama plugin! 113 | 114 | But the implementation details are quite different. 115 | 116 | As the repo name implies, it internally changes image into html5 canvas. 117 | Users can drag and view 360 degree panorama through the canvas. 118 | 119 | 120 | 121 | Q. Why canvas? Aren't image with css and javascript sufficient? 122 | 123 | Probably correct. I chose html5 canvas for two reasons: 124 | 125 | 1. If we draw things on canvas, we can do pretty cool stuffs with it like applying cool effects on it. 126 | 127 | 2. Drawing things on html5 canvas is fast enough on today's mobile device. 128 | 129 | (I want this plugin get spread :D So I added the last but not least important notes) 130 | 131 | *. It scrolls smoothly(maybe smoother than others) 132 | *. It scrolls like iOS scrollview 133 | 134 | 135 | 136 | Q. So what's the jQuery plugin name? jQuery-html5-canvas-panorama? 137 | 138 | No, that's too long. Because it's jQuery plugin, it should start with "j". 139 | 140 | But I prefer "dd", which means "dance dance". So the name is "ddpanorama" 141 | Strange enough, but this is named after an amateur photograph's blog I love 142 | I want to support that photos being displayed on the web 143 | I'll create a series of tools and plugins to support Let's dance! :D 144 | 145 | 146 | 147 | Q. What is jquery.ba-outside-events? Is it part of the plugin? 148 | 149 | No, absolutely not. It's a prerequisite jQuery plugin which handles outside events ex) outside mouse release event 150 | 151 | It's a simple and works good. The author's page is here(http://benalman.com/projects/jquery-outside-events-plugin/) 152 | 153 | Maybe later it can be included in jQuery itself! Check the new version if you have a time. 154 | 155 | I included "jquery.ba-outside-events.min.js" file in the repository which works currently with ddpanorama. 156 | 157 | 158 | 159 | -------------------------------------------------------------------------------- /ddpanorama.css: -------------------------------------------------------------------------------- 1 | //css snippet from https://github.com/nicekei/jQuery-html5-canvas-panorama-plugin/issues/4 2 | canvas.ddpanorama { 3 | cursor: url(./images/openhand.cur), e-resize// you need a default here for this to work 4 | cursor:-webkit-grab; 5 | cursor: -moz-grab; 6 | cursor: grab; // some future proofing 7 | -webkit-user-select: none; 8 | -webkit-touch-callout: none; 9 | -webkit-user-select: none; 10 | -moz-user-select: none; 11 | -ms-user-select: none; 12 | user-select: none; 13 | } 14 | canvas.ddpanorama:active { 15 | cursor: url(./images/closedhand.cur), e-resize; 16 | cursor: -webkit-grabbing; 17 | cursor: -moz-grabbing; 18 | cursor: grabbing; 19 | } 20 | -------------------------------------------------------------------------------- /ddpanorama.fullscreen.js: -------------------------------------------------------------------------------- 1 | //code snippet from http://www.sitepoint.com/html5-full-screen-api/ 2 | var ddpfx = ["webkit", "moz", "ms", "o", ""]; 3 | function ddRunPrefixMethod(obj, method) { 4 | var p = 0, m, t; 5 | while (p < ddpfx.length && !obj[m]) { 6 | m = method; 7 | if (ddpfx[p] == "") { 8 | m = m.substr(0,1).toLowerCase() + m.substr(1); 9 | } 10 | m = ddpfx[p] + m; 11 | t = typeof obj[m]; 12 | if (t != "undefined") { 13 | //console.log("m:"+m); 14 | ddpfx = [ddpfx[p]]; 15 | return (t == "function" ? obj[m]() : obj[m]); 16 | } 17 | p++; 18 | } 19 | } 20 | 21 | 22 | function ddLaunchFullScreen() { 23 | ddRunPrefixMethod(document.documentElement, "RequestFullScreen"); 24 | } 25 | 26 | function ddFullScreenEnabled() 27 | { 28 | return ddRunPrefixMethod(document, "FullScreen") || ddRunPrefixMethod(document, "IsFullScreen"); 29 | } 30 | 31 | function ddCancelFullScreen() 32 | { 33 | ddRunPrefixMethod(document, "CancelFullScreen"); 34 | } 35 | 36 | function ddBindFullScreenEvent(handler) 37 | { 38 | var screen_change_events = "webkitfullscreenchange mozfullscreenchange fullscreenchange"; 39 | $(document).on(screen_change_events, function () 40 | { 41 | handler(ddFullScreenEnabled()); 42 | }); 43 | } 44 | -------------------------------------------------------------------------------- /ddpanorama.gensample.js: -------------------------------------------------------------------------------- 1 | var panoIndex=0; 2 | var panoDefaultImageName="night3.jpeg"; 3 | function addSamplePano(options) 4 | { 5 | var optionStr; 6 | var src=panoDefaultImageName; 7 | if (arguments.length == 2) 8 | { 9 | src=arguments[0]; 10 | options=arguments[1]; 11 | optionStr=JSON.stringify(options); 12 | } 13 | else if (arguments.length == 3) 14 | { 15 | src=arguments[0]; 16 | options=arguments[1]; 17 | optionStr=arguments[2]; 18 | } 19 | else 20 | { 21 | optionStr=JSON.stringify(options); 22 | } 23 | 24 | 25 | var panoId="pano"+panoIndex; 26 | document.write("

"+ optionStr + "

"); 27 | document.write(''); 28 | jQuery(function(){jQuery("#"+panoId).ddpanorama(options);}); 29 | ++panoIndex; 30 | } 31 | 32 | function setDefaultImagePano(img) 33 | { 34 | panoDefaultImageName=img; 35 | } -------------------------------------------------------------------------------- /ddpanorama.js: -------------------------------------------------------------------------------- 1 | /* 2 | * ddpanorama - jQuery plugin version 1.43 3 | * Copyright (c) Tiny Studio (http://tinystudio.iptime.org/) 4 | * Dual licensed under the MIT (http://www.opensource.org/licenses/mit-license.php) 5 | * and GPL (http://www.opensource.org/licenses/gpl-license.php) licenses. 6 | * Date: 2014/09/17 11:57:29 KST 7 | */ 8 | 9 | 10 | (function($) { 11 | var ddpanoramas = { 12 | animations : [], 13 | timerId : -1, 14 | max_speed : 43000, 15 | drag_constant : 1.6, 16 | cursorX : 0, 17 | cursorY : 0, 18 | currentTime : (new Date()).getTime() 19 | } 20 | // ddpanoramas.timerIdCursor=window.setInterval(function() 21 | // { 22 | // }, 1000/10 23 | // ); 24 | ddpanoramas.timerId = window.setInterval(function() { 25 | for ( var i = 0; i < ddpanoramas.animations.length; ++i) { 26 | ddpanoramas.animations[i].update(); 27 | } 28 | 29 | }, 1000 / 30); 30 | 31 | ddpanoramas.mousedown = function(x, y) { 32 | ddpanoramas.cursorXOld = ddpanoramas.cursorX = x; 33 | ddpanoramas.cursorYOld = ddpanoramas.cursorY = y; 34 | ddpanoramas.speedX = 0; 35 | } 36 | 37 | ddpanoramas.mousemove = function(x, y) { 38 | ddpanoramas.cursorXOld = ddpanoramas.cursorX; 39 | ddpanoramas.cursorYOld = ddpanoramas.cursorY; 40 | ddpanoramas.cursorX = x; 41 | ddpanoramas.cursorY = y; 42 | var currentTime = (new Date()).getTime(); 43 | var dt = (currentTime - ddpanoramas.currentTime) / 1000; 44 | ddpanoramas.currentTime = currentTime; 45 | ddpanoramas.speedX = (ddpanoramas.cursorX - ddpanoramas.cursorXOld) 46 | / dt; 47 | if (ddpanoramas.speedX > ddpanoramas.max_speed) 48 | ddpanoramas.speedX = ddpanoramas.max_speed 49 | if (ddpanoramas.speedX < -ddpanoramas.max_speed) 50 | ddpanoramas.speedX = -ddpanoramas.max_speed 51 | 52 | } 53 | 54 | ddpanoramas.event_prefix="dd"; 55 | 56 | $(document).bind("mousemove", function(event) { 57 | ddpanoramas.mousemove(event.pageX, event.pageY); 58 | 59 | }); 60 | 61 | $(document).bind( 62 | "touchmove", 63 | function(event) { 64 | ddpanoramas.mousemove(event.originalEvent.touches[0].pageX, 65 | event.originalEvent.touches[0].pageY); 66 | }); 67 | 68 | $(document).bind( 69 | "touchstart", 70 | function(event) { 71 | ddpanoramas.mousedown(event.originalEvent.touches[0].pageX, 72 | event.originalEvent.touches[0].pageY); 73 | }); 74 | $(document).bind("mousedown", function(event) { 75 | ddpanoramas.mousedown(event.pageX, event.pageY); 76 | }); 77 | 78 | $.fn.ddpanorama = function(params) {//ddpanorama 79 | //clone input parameters to prevent not intended side effects eg. overwritting user parameters 80 | params = $.extend( true, {}, $.fn.ddpanorama.defaults, params ); 81 | var hasSizeParameter=false; 82 | for (var key in params) 83 | { 84 | //console.log("key:"+key); 85 | if (key=="width" || key=="height" || key=="ratio") 86 | { 87 | hasSizeParameter=true; 88 | break; 89 | } 90 | } 91 | return this.each(function() { 92 | if ($(this).data('ddpanorama') != null) 93 | { 94 | if (params != null) 95 | { 96 | var o=$(this).data('ddpanorama'); 97 | if (hasSizeParameter) 98 | { 99 | if (o.params.hasOwnProperty("width")) 100 | { 101 | delete o.params.width; 102 | //console.log("remove width"); 103 | } 104 | if (o.params.hasOwnProperty("height")) 105 | { 106 | delete o.params.height; 107 | //console.log("remove height"); 108 | } 109 | if (o.params.hasOwnProperty("ratio")) 110 | { 111 | delete o.params.ratio; 112 | //console.log("remove ratio"); 113 | } 114 | //console.log("hasSizeParameter"); 115 | } 116 | for (var key in params) 117 | { 118 | o.params[key]=params[key]; 119 | //console.log("copying key "+key); 120 | } 121 | //check if one of the size parameter is specified 122 | //if this is the case, we need to drop old size parameters 123 | 124 | if (o.params.minSpeed != 0) 125 | { 126 | o.add(); 127 | } 128 | o.bindevent(); 129 | o.resize(); 130 | } 131 | 132 | return; 133 | } 134 | 135 | var img = $(this);//document.createElement("img"); 136 | 137 | var canvas = document.createElement("canvas"); 138 | var o = { 139 | img : img, 140 | canvas : canvas, 141 | mousedown : false, 142 | draw_scale : 1.0 143 | }; 144 | $(this).css('display', 'none'); 145 | 146 | o.params = params; 147 | if (o.params == null) 148 | o.params = {}; 149 | //console.log("o.params:" + o.params); 150 | o.notifyStartMove=function() 151 | { 152 | if (this.startmovecalled != true) 153 | { 154 | this.startmovecalled=true; 155 | var scrollX = $(this.canvas).prop("scrollX"); 156 | var width = $(this.img).get()[0].naturalWidth; 157 | $(this.img).trigger( 158 | jQuery.Event(ddpanoramas.event_prefix+"startmove", { 159 | canvas : this.canvas, 160 | scrollX : scrollX, 161 | width : width 162 | })); 163 | } 164 | } 165 | 166 | o.add = function() { 167 | $(canvas).prop("updateTime", (new Date()).getTime()); 168 | var index = ddpanoramas.animations.indexOf(this); 169 | if (index < 0) { 170 | ddpanoramas.animations.push(this); 171 | this.notifyStartMove(); 172 | } 173 | } 174 | o.remove = function() { 175 | var index = ddpanoramas.animations.indexOf(this); 176 | if (index >= 0) 177 | { 178 | var scrollX = $(this.canvas).prop("scrollX"); 179 | var width = $(this.img).get()[0].naturalWidth; 180 | 181 | $(this.img).trigger( 182 | jQuery.Event(ddpanoramas.event_prefix+"stopmove", { 183 | canvas : this.canvas, 184 | scrollX : scrollX, 185 | width : width 186 | })); 187 | this.startmovecalled=false; 188 | ddpanoramas.animations.splice(index, 1); 189 | } 190 | } 191 | o.setScrollX = function(scrollX) { 192 | //console.log("setScrollX:"+scrollX); 193 | var width = $(this.img).get()[0].naturalWidth; 194 | //console.log("setScrollX - width:"+width); 195 | if (isNaN(width) == false && width != 0) 196 | { 197 | var scrollXScale=scrollX / this.draw_scale; 198 | if (this.params.loop) 199 | { 200 | while (scrollXScale < -width) 201 | scrollXScale += width; 202 | while (scrollXScale >= width) 203 | scrollXScale -= width; 204 | 205 | if (Math.abs(scrollXScale + width) < Math.abs(scrollXScale)) 206 | { 207 | scrollXScale += width; 208 | } 209 | if (Math.abs(scrollXScale - width) < Math.abs(scrollXScale)) 210 | { 211 | scrollXScale -= width; 212 | } 213 | 214 | } 215 | else 216 | { 217 | if (scrollXScale > this.bounceBorder) scrollXScale = this.bounceBorder; 218 | if (scrollXScale < this.widthScaled-width-this.bounceBorder) scrollXScale = this.widthScaled-width-this.bounceBorder; 219 | } 220 | scrollX=scrollXScale * this.draw_scale; 221 | $(this.canvas).prop("scrollX", scrollX); 222 | } 223 | // console.log("scrollX:"+scrollX+",width:"+width); 224 | return scrollX; 225 | } 226 | o.scrollTo = function(pageX) { 227 | 228 | var mousedownScrollX = $(this.canvas).prop("mousedownScrollX"); 229 | if (mousedownScrollX == null) return; 230 | var width = $(img).get()[0].naturalWidth; 231 | this.setScrollX(mousedownScrollX + pageX - $(this.canvas).prop("mousedownPageX")); 232 | } 233 | 234 | o.update = function() { 235 | var currentTime = (new Date()).getTime(); 236 | var oldTime = $(this.canvas).prop("updateTime"); 237 | if (oldTime == null) 238 | oldTime = currentTime; 239 | $(this.canvas).prop("updateTime", currentTime); 240 | var dt = (currentTime - oldTime) / 1000; 241 | 242 | var scrollX = $(this.canvas).prop("scrollX"); 243 | 244 | var speedX = $(this.canvas).prop("speedX"); 245 | var ctx = this.canvas.getContext('2d'); 246 | var width = $(this.img).get()[0].naturalWidth;//width(); 247 | scrollX += dt * speedX; 248 | scrollX=this.setScrollX(scrollX); 249 | 250 | var bounceForce=0; 251 | if (this.params.loop==false) 252 | { 253 | var scrollXScale=scrollX / this.draw_scale; 254 | if (this.bounceActive) 255 | { 256 | if (scrollXScale > 0) 257 | { 258 | if (speedX > 0) 259 | { 260 | speedX=0; 261 | } 262 | bounceForce=-scrollXScale*this.params.bounceSpringConst; 263 | } 264 | else if (scrollXScale < this.widthScaled-width) 265 | { 266 | if (speedX < 0) 267 | { 268 | speedX=0; 269 | } 270 | bounceForce=(this.widthScaled-width-scrollXScale) * this.params.bounceSpringConst; 271 | } 272 | } 273 | } 274 | 275 | 276 | //linear drag 277 | 278 | 279 | 280 | 281 | //out of bound speed decay 282 | if (this.params.loop == false && this.params.bounce) 283 | { 284 | //to quickly approach bounce edge line 285 | var dt_force=dt*2.5; 286 | if (scrollXScale >= 0) 287 | { 288 | var s=scrollXScale; 289 | var r=s/this.bounceBorder; 290 | 291 | if (s >= 0) 292 | { 293 | if (speedX < 0) 294 | { 295 | speedX *= r; 296 | 297 | } 298 | } 299 | 300 | speedX += bounceForce * dt_force; 301 | } 302 | 303 | else if (this.widthScaled-width-scrollXScale >= 0) 304 | { 305 | var s=this.widthScaled-width - scrollXScale; 306 | var r=s/this.bounceBorder; 307 | 308 | if (s >= 0) 309 | { 310 | if (speedX > 0) 311 | { 312 | speedX *= r; 313 | 314 | } 315 | } 316 | speedX += bounceForce * dt_force; 317 | 318 | } 319 | } 320 | speedX += ddpanoramas.drag_constant * (this.params.minSpeed-speedX) * dt; 321 | $(this.canvas).prop("speedX", speedX); 322 | 323 | 324 | this.redraw(); 325 | if (Math.abs(speedX) < 1 && this.params.minSpeed == 0 && Math.abs(bounceForce) < 3) { 326 | this.stop(); 327 | this.remove(); 328 | } 329 | } 330 | o.stop = function() { 331 | $(this.canvas).prop("speedX", 0); 332 | //console.log("o.stop"); 333 | } 334 | 335 | o.redraw = function() { 336 | var width = $(this.img).get()[0].naturalWidth;//width(); 337 | var ctx = this.canvas.getContext('2d'); 338 | var scrollX = $(this.canvas).prop("scrollX"); 339 | 340 | 341 | //console.log("scrollX:"+scrollX); 342 | //console.log("this.draw_scale:"+this.draw_scale); 343 | var speedX = $(this.canvas).prop("speedX"); 344 | 345 | 346 | scrollX /= this.draw_scale; 347 | var loaded=false; 348 | if (isNaN(width) == false && width != 0) 349 | { 350 | $(this.canvas).prop("forceX", 0); 351 | var imgDOM = this.img.get()[0]; 352 | //console.log("this.draw_scale:"+this.draw_scale); 353 | ctx.setTransform(this.draw_scale, 0, 0, this.draw_scale, 0, 0); 354 | 355 | if (this.params.loop) 356 | { 357 | ctx.drawImage(imgDOM, (scrollX), 0); 358 | ctx.drawImage(imgDOM, (scrollX + width), 0); 359 | ctx.drawImage(imgDOM, (scrollX - width), 0); 360 | //console.log("imgDOM(1):"+imgDOM); 361 | //console.log("scrollX(1):"+scrollX); 362 | //console.log("scrollX + width(1):"+scrollX + width); 363 | } 364 | else 365 | { 366 | 367 | ctx.drawImage(imgDOM, (scrollX), 0); 368 | ctx.fillStyle=this.params.bounceEdgeColor; 369 | ctx.fillRect(0,0,scrollX, this.canvas.height/this.draw_scale); 370 | ctx.fillRect(width + scrollX ,0,this.bounceBorder, this.canvas.height/this.draw_scale); 371 | //console.log("scrollX(2):"+scrollX); 372 | //console.log("scrollX + width(2):"+scrollX + width); 373 | 374 | } 375 | // $(this.canvas).prop("scrollX",scrollX * this.draw_scale ); 376 | loaded=true; 377 | } else { 378 | ctx.setTransform(1, 0, 0, 1, 0, 0); 379 | ctx.fillStyle="#000000"; 380 | ctx.fillRect(0,0,this.canvas.width, this.canvas.height); 381 | } 382 | 383 | $(this.img).trigger( 384 | jQuery.Event(ddpanoramas.event_prefix+"redraw", { 385 | canvas : this.canvas, 386 | scrollX : scrollX, 387 | width : width, 388 | speed : $(this.canvas).prop("speedX") / ddpanoramas.max_speed, 389 | loaded : loaded 390 | })); 391 | } 392 | 393 | o.onmousedown = function(pageX) { 394 | // console.log("mousedown"); 395 | var o = this; 396 | var canvas = this.canvas; 397 | this.mousedown = true; 398 | var scrollX = $(this.canvas).prop("scrollX"); 399 | $(canvas).prop("speedX", 0); 400 | $(canvas).focus(); 401 | this.remove(); 402 | this.stop(); 403 | $(canvas).prop("mousedownPageX", pageX); 404 | $(canvas).prop("mousedownScrollX", $(canvas).prop("scrollX")); 405 | $(canvas).prop("updateTime", (new Date()).getTime()); 406 | this.old_onselectstart=document.onselectstart; 407 | document.onselectstart=function(){return false;}; 408 | var scrollX = $(this.canvas).prop("scrollX"); 409 | var width = $(this.img).get()[0].naturalWidth; 410 | 411 | $(this.img).trigger( 412 | jQuery.Event(ddpanoramas.event_prefix+"mousedown", { 413 | canvas : this.canvas, 414 | scrollX : scrollX, 415 | width : width 416 | })); 417 | 418 | this.notifyStartMove(); 419 | } 420 | 421 | o.resize = function() { 422 | var img = this.img; 423 | var canvas = this.canvas; 424 | var naturalWidth=img.get()[0].naturalWidth; 425 | var naturalHeight=img.get()[0].naturalHeight; 426 | var width = naturalWidth; 427 | var height = naturalHeight; //height(); 428 | console.log("resize.naturalWidth:"+naturalWidth); 429 | console.log("resize.naturalHeight:"+naturalHeight); 430 | if (this.params.hasOwnProperty("height")) 431 | { 432 | //console.log("height:"+this.params.height); 433 | height = this.params.height; 434 | } 435 | 436 | if (this.params.hasOwnProperty("ratio")) 437 | { 438 | //console.log("ratio:"+this.params.ratio); 439 | if (this.params.hasOwnProperty("width")) 440 | { 441 | width = this.params.width; 442 | height = width * this.params.ratio; 443 | } 444 | else 445 | { 446 | width = height / this.params.ratio; 447 | } 448 | } 449 | else if (this.params.hasOwnProperty("width")) 450 | { 451 | width = this.params.width; 452 | } 453 | //console.log("width:"+width); 454 | if (naturalHeight != 0) 455 | this.draw_scale = height / naturalHeight; 456 | else 457 | this.draw_scale = 1.0; 458 | 459 | if (this.params.hasOwnProperty("startPos")) 460 | { 461 | //console.log("naturalWidth:"+naturalWidth); 462 | //console.log("width:"+width); 463 | this.setScrollX( naturalWidth * -this.params.startPos * this.draw_scale + width); 464 | } 465 | 466 | $(canvas).attr('width', width); 467 | $(canvas).attr('height', height); 468 | this.widthScaled = this.canvas.width / this.draw_scale; 469 | this.bounceActive=this.params.bounce; 470 | if (this.params.bounce) 471 | { 472 | var bounceEdge=this.params.bounceEdge; 473 | this.bounceBorder=this.canvas.width * bounceEdge / this.draw_scale; 474 | if ( this.bounceBorder < 1) 475 | { 476 | this.bounceActive=false; 477 | } 478 | } 479 | else 480 | { 481 | this.bounceBorder=0; 482 | } 483 | //console.log("this.bounceBorder:"+this.bounceBorder); 484 | $(img).trigger(jQuery.Event(ddpanoramas.event_prefix+"resize", {canvas : canvas, width:naturalWidth})); 485 | //console.log("this:"+this); 486 | //calling immediately after size event is sometimes problematic in chrome 487 | //this.add(); 488 | if (this.loaded) this.redraw(); 489 | } 490 | 491 | 492 | $(this).data('ddpanorama', o); 493 | $(canvas).data('ddpanorama', o); 494 | $(canvas).prop("scrollX", 0); 495 | $(canvas).prop("speedX", 0); 496 | 497 | var mouseup = function(event) { 498 | var o = $(this).data('ddpanorama'); 499 | if (o.mousedown == false) 500 | return; 501 | o.mousedown = false; 502 | o.add(); 503 | $(canvas).prop("updateTime", (new Date()).getTime()); 504 | $(canvas).prop("speedX", ddpanoramas.speedX); 505 | $(canvas).prop("mousedownScrollX", null); 506 | document.onselectstart=this.old_onselectstart; 507 | //console.log("mouseup:speedX:"+speedX); 508 | var scrollX = $(canvas).prop("scrollX"); 509 | var width = $(o.img).get()[0].naturalWidth; 510 | 511 | $(o.img).trigger( 512 | jQuery.Event(ddpanoramas.event_prefix+"mouseup", { 513 | canvas : canvas, 514 | scrollX : scrollX, 515 | width : width 516 | })); 517 | 518 | }; 519 | 520 | o.bindevent = function() 521 | { 522 | var o = this; 523 | var canvas = this.canvas; 524 | $(canvas).unbind("mousedown"); 525 | $(canvas).unbind("mouseup"); 526 | $(canvas).unbind("mouseupoutside") 527 | $(canvas).unbind("mousemove"); 528 | $(canvas).unbind("contextmenu"); 529 | $(canvas).unbind("touchstart"); 530 | $(canvas).unbind("touchmove"); 531 | $(canvas).unbind("touchend"); 532 | if (this.params.interactive) 533 | { 534 | $(canvas).bind("mousedown", function(event) { 535 | var o = $(this).data('ddpanorama'); 536 | o.onmousedown(event.pageX); 537 | }); 538 | 539 | $(canvas).bind("mouseup", mouseup) 540 | $(canvas).bind("mouseupoutside", mouseup); 541 | //$(canvas).bind("onselectstart", function (){return false;}); 542 | 543 | $(canvas).bind("mousemove", function(event) { 544 | var pageX = event.pageX; 545 | var o = $(this).data('ddpanorama'); 546 | if (o.mousedown == false) 547 | return; 548 | o.scrollTo(pageX); 549 | o.redraw(); 550 | }); 551 | $(canvas).bind("contextmenu", function(event) { 552 | event.preventDefault(); 553 | return false; 554 | }); 555 | $(canvas).bind("touchstart", function(event) { 556 | var o = $(this).data('ddpanorama'); 557 | o.onmousedown(event.originalEvent.touches[0].pageX); 558 | 559 | }); 560 | $(canvas).bind("touchmove", function(event) { 561 | //document.write(); 562 | //console.log("touchmove"); 563 | event.preventDefault(); 564 | var o = $(this).data('ddpanorama'); 565 | if (o.mousedown == false) 566 | return false; 567 | var pageX = event.originalEvent.touches[0].pageX; 568 | o.scrollTo(pageX); 569 | o.redraw(); 570 | return true; 571 | }); 572 | $(canvas).bind("touchend", mouseup); 573 | } 574 | else 575 | { 576 | var mouseupdummy=function(event){ 577 | if (o.mousedown == false) return; 578 | o.mousedown = false; 579 | document.onselectstart=this.old_onselectstart; 580 | } 581 | $(canvas).bind("mousedown",function(event){ 582 | this.old_onselectstart=document.onselectstart; 583 | document.onselectstart=function(){return false;}; 584 | o.mousedown=true; 585 | }); 586 | $(canvas).bind("mouseup",mouseupdummy); 587 | $(canvas).bind("mouseupoutside",mouseupdummy) 588 | 589 | } 590 | } 591 | 592 | 593 | 594 | 595 | o.bindevent(); 596 | //o.resize(); 597 | $(canvas).addClass("ddpanorama"); 598 | o.loaded=false; 599 | 600 | 601 | 602 | $(this).imagesLoaded(function(){ 603 | var width = $(img).get()[0].naturalWidth; 604 | img.after(canvas); 605 | $(img).trigger(jQuery.Event(ddpanoramas.event_prefix+"init", {canvas : canvas, width:width})); 606 | o.resize(); 607 | o.redraw(); 608 | o.loaded=true; 609 | if (params.minSpeed != 0) 610 | { 611 | o.add(); 612 | } 613 | 614 | 615 | }); 616 | }); 617 | }//ddpanorama; 618 | 619 | $.fn.ddpanorama.defaults = { 620 | interactive:true, 621 | minSpeed:0, 622 | loop:true, 623 | bounce:true, 624 | bounceEdge:0.8, 625 | bounceEdgeColor:"#000000", 626 | bounceSpringConst:15 627 | }; 628 | })(jQuery); 629 | -------------------------------------------------------------------------------- /ddpanorama.min.js: -------------------------------------------------------------------------------- 1 | /* 2 | * ddpanorama - jQuery plugin version 1.43 3 | * Copyright (c) Tiny Studio (http://tinystudio.iptime.org/) 4 | * Dual licensed under the MIT (http://www.opensource.org/licenses/mit-license.php) 5 | * and GPL (http://www.opensource.org/licenses/gpl-license.php) licenses. 6 | * Date: 2014/09/17 11:57:29 KST 7 | */ 8 | 9 | (function(e){var t={animations:[],timerId:-1,max_speed:43e3,drag_constant:1.6,cursorX:0,cursorY:0,currentTime:(new Date).getTime()};t.timerId=window.setInterval(function(){for(var e=0;et.max_speed)t.speedX=t.max_speed;if(t.speedX<-t.max_speed)t.speedX=-t.max_speed};t.event_prefix="dd";e(document).bind("mousemove",function(e){t.mousemove(e.pageX,e.pageY)});e(document).bind("touchmove",function(e){t.mousemove(e.originalEvent.touches[0].pageX,e.originalEvent.touches[0].pageY)});e(document).bind("touchstart",function(e){t.mousedown(e.originalEvent.touches[0].pageX,e.originalEvent.touches[0].pageY)});e(document).bind("mousedown",function(e){t.mousedown(e.pageX,e.pageY)});e.fn.ddpanorama=function(n){n=e.extend(true,{},e.fn.ddpanorama.defaults,n);var r=false;for(var i in n){if(i=="width"||i=="height"||i=="ratio"){r=true;break}}return this.each(function(){if(e(this).data("ddpanorama")!=null){if(n!=null){var i=e(this).data("ddpanorama");if(r){if(i.params.hasOwnProperty("width")){delete i.params.width}if(i.params.hasOwnProperty("height")){delete i.params.height}if(i.params.hasOwnProperty("ratio")){delete i.params.ratio}}for(var s in n){i.params[s]=n[s]}if(i.params.minSpeed!=0){i.add()}i.bindevent();i.resize()}return}var o=e(this);var u=document.createElement("canvas");var i={img:o,canvas:u,mousedown:false,draw_scale:1};e(this).css("display","none");i.params=n;if(i.params==null)i.params={};i.notifyStartMove=function(){if(this.startmovecalled!=true){this.startmovecalled=true;var n=e(this.canvas).prop("scrollX");var r=e(this.img).get()[0].naturalWidth;e(this.img).trigger(jQuery.Event(t.event_prefix+"startmove",{canvas:this.canvas,scrollX:n,width:r}))}};i.add=function(){e(u).prop("updateTime",(new Date).getTime());var n=t.animations.indexOf(this);if(n<0){t.animations.push(this);this.notifyStartMove()}};i.remove=function(){var n=t.animations.indexOf(this);if(n>=0){var r=e(this.canvas).prop("scrollX");var i=e(this.img).get()[0].naturalWidth;e(this.img).trigger(jQuery.Event(t.event_prefix+"stopmove",{canvas:this.canvas,scrollX:r,width:i}));this.startmovecalled=false;t.animations.splice(n,1)}};i.setScrollX=function(t){var n=e(this.img).get()[0].naturalWidth;if(isNaN(n)==false&&n!=0){var r=t/this.draw_scale;if(this.params.loop){while(r<-n)r+=n;while(r>=n)r-=n;if(Math.abs(r+n)this.bounceBorder)r=this.bounceBorder;if(r0){if(o>0){o=0}f=-l*this.params.bounceSpringConst}else if(l=0){var h=l;var p=h/this.bounceBorder;if(h>=0){if(o<0){o*=p}}o+=f*c}else if(this.widthScaled-a-l>=0){var h=this.widthScaled-a-l;var p=h/this.bounceBorder;if(h>=0){if(o>0){o*=p}}o+=f*c}}o+=t.drag_constant*(this.params.minSpeed-o)*i;e(this.canvas).prop("speedX",o);this.redraw();if(Math.abs(o)<1&&this.params.minSpeed==0&&Math.abs(f)<3){this.stop();this.remove()}};i.stop=function(){e(this.canvas).prop("speedX",0)};i.redraw=function(){var n=e(this.img).get()[0].naturalWidth;var r=this.canvas.getContext("2d");var i=e(this.canvas).prop("scrollX");var s=e(this.canvas).prop("speedX");i/=this.draw_scale;var o=false;if(isNaN(n)==false&&n!=0){e(this.canvas).prop("forceX",0);var u=this.img.get()[0];r.setTransform(this.draw_scale,0,0,this.draw_scale,0,0);if(this.params.loop){r.drawImage(u,i,0);r.drawImage(u,i+n,0);r.drawImage(u,i-n,0)}else{r.drawImage(u,i,0);r.fillStyle=this.params.bounceEdgeColor;r.fillRect(0,0,i,this.canvas.height/this.draw_scale);r.fillRect(n+i,0,this.bounceBorder,this.canvas.height/this.draw_scale)}o=true}else{r.setTransform(1,0,0,1,0,0);r.fillStyle="#000000";r.fillRect(0,0,this.canvas.width,this.canvas.height)}e(this.img).trigger(jQuery.Event(t.event_prefix+"redraw",{canvas:this.canvas,scrollX:i,width:n,speed:e(this.canvas).prop("speedX")/t.max_speed,loaded:o}))};i.onmousedown=function(n){var r=this;var i=this.canvas;this.mousedown=true;var s=e(this.canvas).prop("scrollX");e(i).prop("speedX",0);e(i).focus();this.remove();this.stop();e(i).prop("mousedownPageX",n);e(i).prop("mousedownScrollX",e(i).prop("scrollX"));e(i).prop("updateTime",(new Date).getTime());this.old_onselectstart=document.onselectstart;document.onselectstart=function(){return false};var s=e(this.canvas).prop("scrollX");var o=e(this.img).get()[0].naturalWidth;e(this.img).trigger(jQuery.Event(t.event_prefix+"mousedown",{canvas:this.canvas,scrollX:s,width:o}));this.notifyStartMove()};i.resize=function(){var n=this.img;var r=this.canvas;var i=n.get()[0].naturalWidth;var s=n.get()[0].naturalHeight;var o=i;var u=s;console.log("resize.naturalWidth:"+i);console.log("resize.naturalHeight:"+s);if(this.params.hasOwnProperty("height")){u=this.params.height}if(this.params.hasOwnProperty("ratio")){if(this.params.hasOwnProperty("width")){o=this.params.width;u=o*this.params.ratio}else{o=u/this.params.ratio}}else if(this.params.hasOwnProperty("width")){o=this.params.width}if(s!=0)this.draw_scale=u/s;else this.draw_scale=1;if(this.params.hasOwnProperty("startPos")){this.setScrollX(i*-this.params.startPos*this.draw_scale+o)}e(r).attr("width",o);e(r).attr("height",u);this.widthScaled=this.canvas.width/this.draw_scale;this.bounceActive=this.params.bounce;if(this.params.bounce){var a=this.params.bounceEdge;this.bounceBorder=this.canvas.width*a/this.draw_scale;if(this.bounceBorder<1){this.bounceActive=false}}else{this.bounceBorder=0}e(n).trigger(jQuery.Event(t.event_prefix+"resize",{canvas:r,width:i}));if(this.loaded)this.redraw()};e(this).data("ddpanorama",i);e(u).data("ddpanorama",i);e(u).prop("scrollX",0);e(u).prop("speedX",0);var a=function(n){var r=e(this).data("ddpanorama");if(r.mousedown==false)return;r.mousedown=false;r.add();e(u).prop("updateTime",(new Date).getTime());e(u).prop("speedX",t.speedX);e(u).prop("mousedownScrollX",null);document.onselectstart=this.old_onselectstart;var i=e(u).prop("scrollX");var s=e(r.img).get()[0].naturalWidth;e(r.img).trigger(jQuery.Event(t.event_prefix+"mouseup",{canvas:u,scrollX:i,width:s}))};i.bindevent=function(){var t=this;var n=this.canvas;e(n).unbind("mousedown");e(n).unbind("mouseup");e(n).unbind("mouseupoutside");e(n).unbind("mousemove");e(n).unbind("contextmenu");e(n).unbind("touchstart");e(n).unbind("touchmove");e(n).unbind("touchend");if(this.params.interactive){e(n).bind("mousedown",function(t){var n=e(this).data("ddpanorama");n.onmousedown(t.pageX)});e(n).bind("mouseup",a);e(n).bind("mouseupoutside",a);e(n).bind("mousemove",function(t){var n=t.pageX;var r=e(this).data("ddpanorama");if(r.mousedown==false)return;r.scrollTo(n);r.redraw()});e(n).bind("contextmenu",function(e){e.preventDefault();return false});e(n).bind("touchstart",function(t){var n=e(this).data("ddpanorama");n.onmousedown(t.originalEvent.touches[0].pageX)});e(n).bind("touchmove",function(t){t.preventDefault();var n=e(this).data("ddpanorama");if(n.mousedown==false)return false;var r=t.originalEvent.touches[0].pageX;n.scrollTo(r);n.redraw();return true});e(n).bind("touchend",a)}else{var r=function(e){if(t.mousedown==false)return;t.mousedown=false;document.onselectstart=this.old_onselectstart};e(n).bind("mousedown",function(e){this.old_onselectstart=document.onselectstart;document.onselectstart=function(){return false};t.mousedown=true});e(n).bind("mouseup",r);e(n).bind("mouseupoutside",r)}};i.bindevent();e(u).addClass("ddpanorama");i.loaded=false;e(this).imagesLoaded(function(){var r=e(o).get()[0].naturalWidth;o.after(u);e(o).trigger(jQuery.Event(t.event_prefix+"init",{canvas:u,width:r}));i.resize();i.redraw();i.loaded=true;if(n.minSpeed!=0){i.add()}})})};e.fn.ddpanorama.defaults={interactive:true,minSpeed:0,loop:true,bounce:true,bounceEdge:.8,bounceEdgeColor:"#000000",bounceSpringConst:15}})(jQuery) -------------------------------------------------------------------------------- /imagesloaded.pkgd.min.js: -------------------------------------------------------------------------------- 1 | /*! 2 | * imagesLoaded PACKAGED v3.1.4 3 | * JavaScript is all like "You images are done yet or what?" 4 | * MIT License 5 | */ 6 | 7 | (function(){function e(){}function t(e,t){for(var n=e.length;n--;)if(e[n].listener===t)return n;return-1}function n(e){return function(){return this[e].apply(this,arguments)}}var i=e.prototype,r=this,o=r.EventEmitter;i.getListeners=function(e){var t,n,i=this._getEvents();if("object"==typeof e){t={};for(n in i)i.hasOwnProperty(n)&&e.test(n)&&(t[n]=i[n])}else t=i[e]||(i[e]=[]);return t},i.flattenListeners=function(e){var t,n=[];for(t=0;e.length>t;t+=1)n.push(e[t].listener);return n},i.getListenersAsObject=function(e){var t,n=this.getListeners(e);return n instanceof Array&&(t={},t[e]=n),t||n},i.addListener=function(e,n){var i,r=this.getListenersAsObject(e),o="object"==typeof n;for(i in r)r.hasOwnProperty(i)&&-1===t(r[i],n)&&r[i].push(o?n:{listener:n,once:!1});return this},i.on=n("addListener"),i.addOnceListener=function(e,t){return this.addListener(e,{listener:t,once:!0})},i.once=n("addOnceListener"),i.defineEvent=function(e){return this.getListeners(e),this},i.defineEvents=function(e){for(var t=0;e.length>t;t+=1)this.defineEvent(e[t]);return this},i.removeListener=function(e,n){var i,r,o=this.getListenersAsObject(e);for(r in o)o.hasOwnProperty(r)&&(i=t(o[r],n),-1!==i&&o[r].splice(i,1));return this},i.off=n("removeListener"),i.addListeners=function(e,t){return this.manipulateListeners(!1,e,t)},i.removeListeners=function(e,t){return this.manipulateListeners(!0,e,t)},i.manipulateListeners=function(e,t,n){var i,r,o=e?this.removeListener:this.addListener,s=e?this.removeListeners:this.addListeners;if("object"!=typeof t||t instanceof RegExp)for(i=n.length;i--;)o.call(this,t,n[i]);else for(i in t)t.hasOwnProperty(i)&&(r=t[i])&&("function"==typeof r?o.call(this,i,r):s.call(this,i,r));return this},i.removeEvent=function(e){var t,n=typeof e,i=this._getEvents();if("string"===n)delete i[e];else if("object"===n)for(t in i)i.hasOwnProperty(t)&&e.test(t)&&delete i[t];else delete this._events;return this},i.removeAllListeners=n("removeEvent"),i.emitEvent=function(e,t){var n,i,r,o,s=this.getListenersAsObject(e);for(r in s)if(s.hasOwnProperty(r))for(i=s[r].length;i--;)n=s[r][i],n.once===!0&&this.removeListener(e,n.listener),o=n.listener.apply(this,t||[]),o===this._getOnceReturnValue()&&this.removeListener(e,n.listener);return this},i.trigger=n("emitEvent"),i.emit=function(e){var t=Array.prototype.slice.call(arguments,1);return this.emitEvent(e,t)},i.setOnceReturnValue=function(e){return this._onceReturnValue=e,this},i._getOnceReturnValue=function(){return this.hasOwnProperty("_onceReturnValue")?this._onceReturnValue:!0},i._getEvents=function(){return this._events||(this._events={})},e.noConflict=function(){return r.EventEmitter=o,e},"function"==typeof define&&define.amd?define("eventEmitter/EventEmitter",[],function(){return e}):"object"==typeof module&&module.exports?module.exports=e:this.EventEmitter=e}).call(this),function(e){function t(t){var n=e.event;return n.target=n.target||n.srcElement||t,n}var n=document.documentElement,i=function(){};n.addEventListener?i=function(e,t,n){e.addEventListener(t,n,!1)}:n.attachEvent&&(i=function(e,n,i){e[n+i]=i.handleEvent?function(){var n=t(e);i.handleEvent.call(i,n)}:function(){var n=t(e);i.call(e,n)},e.attachEvent("on"+n,e[n+i])});var r=function(){};n.removeEventListener?r=function(e,t,n){e.removeEventListener(t,n,!1)}:n.detachEvent&&(r=function(e,t,n){e.detachEvent("on"+t,e[t+n]);try{delete e[t+n]}catch(i){e[t+n]=void 0}});var o={bind:i,unbind:r};"function"==typeof define&&define.amd?define("eventie/eventie",o):e.eventie=o}(this),function(e,t){"function"==typeof define&&define.amd?define(["eventEmitter/EventEmitter","eventie/eventie"],function(n,i){return t(e,n,i)}):"object"==typeof exports?module.exports=t(e,require("eventEmitter"),require("eventie")):e.imagesLoaded=t(e,e.EventEmitter,e.eventie)}(this,function(e,t,n){function i(e,t){for(var n in t)e[n]=t[n];return e}function r(e){return"[object Array]"===d.call(e)}function o(e){var t=[];if(r(e))t=e;else if("number"==typeof e.length)for(var n=0,i=e.length;i>n;n++)t.push(e[n]);else t.push(e);return t}function s(e,t,n){if(!(this instanceof s))return new s(e,t);"string"==typeof e&&(e=document.querySelectorAll(e)),this.elements=o(e),this.options=i({},this.options),"function"==typeof t?n=t:i(this.options,t),n&&this.on("always",n),this.getImages(),a&&(this.jqDeferred=new a.Deferred);var r=this;setTimeout(function(){r.check()})}function c(e){this.img=e}function f(e){this.src=e,v[e]=this}var a=e.jQuery,u=e.console,h=u!==void 0,d=Object.prototype.toString;s.prototype=new t,s.prototype.options={},s.prototype.getImages=function(){this.images=[];for(var e=0,t=this.elements.length;t>e;e++){var n=this.elements[e];"IMG"===n.nodeName&&this.addImage(n);for(var i=n.querySelectorAll("img"),r=0,o=i.length;o>r;r++){var s=i[r];this.addImage(s)}}},s.prototype.addImage=function(e){var t=new c(e);this.images.push(t)},s.prototype.check=function(){function e(e,r){return t.options.debug&&h&&u.log("confirm",e,r),t.progress(e),n++,n===i&&t.complete(),!0}var t=this,n=0,i=this.images.length;if(this.hasAnyBroken=!1,!i)return this.complete(),void 0;for(var r=0;i>r;r++){var o=this.images[r];o.on("confirm",e),o.check()}},s.prototype.progress=function(e){this.hasAnyBroken=this.hasAnyBroken||!e.isLoaded;var t=this;setTimeout(function(){t.emit("progress",t,e),t.jqDeferred&&t.jqDeferred.notify&&t.jqDeferred.notify(t,e)})},s.prototype.complete=function(){var e=this.hasAnyBroken?"fail":"done";this.isComplete=!0;var t=this;setTimeout(function(){if(t.emit(e,t),t.emit("always",t),t.jqDeferred){var n=t.hasAnyBroken?"reject":"resolve";t.jqDeferred[n](t)}})},a&&(a.fn.imagesLoaded=function(e,t){var n=new s(this,e,t);return n.jqDeferred.promise(a(this))}),c.prototype=new t,c.prototype.check=function(){var e=v[this.img.src]||new f(this.img.src);if(e.isConfirmed)return this.confirm(e.isLoaded,"cached was confirmed"),void 0;if(this.img.complete&&void 0!==this.img.naturalWidth)return this.confirm(0!==this.img.naturalWidth,"naturalWidth"),void 0;var t=this;e.on("confirm",function(e,n){return t.confirm(e.isLoaded,n),!0}),e.check()},c.prototype.confirm=function(e,t){this.isLoaded=e,this.emit("confirm",this,t)};var v={};return f.prototype=new t,f.prototype.check=function(){if(!this.isChecked){var e=new Image;n.bind(e,"load",this),n.bind(e,"error",this),e.src=this.src,this.isChecked=!0}},f.prototype.handleEvent=function(e){var t="on"+e.type;this[t]&&this[t](e)},f.prototype.onload=function(e){this.confirm(!0,"onload"),this.unbindProxyEvents(e)},f.prototype.onerror=function(e){this.confirm(!1,"onerror"),this.unbindProxyEvents(e)},f.prototype.confirm=function(e,t){this.isConfirmed=!0,this.isLoaded=e,this.emit("confirm",this,t)},f.prototype.unbindProxyEvents=function(e){n.unbind(e.target,"load",this),n.unbind(e.target,"error",this)},s}); -------------------------------------------------------------------------------- /jquery.1.7.1.min.js: -------------------------------------------------------------------------------- 1 | /*! jQuery v1.7.1 jquery.com | jquery.org/license */ 2 | (function(a,b){function cy(a){return f.isWindow(a)?a:a.nodeType===9?a.defaultView||a.parentWindow:!1}function cv(a){if(!ck[a]){var b=c.body,d=f("<"+a+">").appendTo(b),e=d.css("display");d.remove();if(e==="none"||e===""){cl||(cl=c.createElement("iframe"),cl.frameBorder=cl.width=cl.height=0),b.appendChild(cl);if(!cm||!cl.createElement)cm=(cl.contentWindow||cl.contentDocument).document,cm.write((c.compatMode==="CSS1Compat"?"":"")+""),cm.close();d=cm.createElement(a),cm.body.appendChild(d),e=f.css(d,"display"),b.removeChild(cl)}ck[a]=e}return ck[a]}function cu(a,b){var c={};f.each(cq.concat.apply([],cq.slice(0,b)),function(){c[this]=a});return c}function ct(){cr=b}function cs(){setTimeout(ct,0);return cr=f.now()}function cj(){try{return new a.ActiveXObject("Microsoft.XMLHTTP")}catch(b){}}function ci(){try{return new a.XMLHttpRequest}catch(b){}}function cc(a,c){a.dataFilter&&(c=a.dataFilter(c,a.dataType));var d=a.dataTypes,e={},g,h,i=d.length,j,k=d[0],l,m,n,o,p;for(g=1;g0){if(c!=="border")for(;g=0===c})}function S(a){return!a||!a.parentNode||a.parentNode.nodeType===11}function K(){return!0}function J(){return!1}function n(a,b,c){var d=b+"defer",e=b+"queue",g=b+"mark",h=f._data(a,d);h&&(c==="queue"||!f._data(a,e))&&(c==="mark"||!f._data(a,g))&&setTimeout(function(){!f._data(a,e)&&!f._data(a,g)&&(f.removeData(a,d,!0),h.fire())},0)}function m(a){for(var b in a){if(b==="data"&&f.isEmptyObject(a[b]))continue;if(b!=="toJSON")return!1}return!0}function l(a,c,d){if(d===b&&a.nodeType===1){var e="data-"+c.replace(k,"-$1").toLowerCase();d=a.getAttribute(e);if(typeof d=="string"){try{d=d==="true"?!0:d==="false"?!1:d==="null"?null:f.isNumeric(d)?parseFloat(d):j.test(d)?f.parseJSON(d):d}catch(g){}f.data(a,c,d)}else d=b}return d}function h(a){var b=g[a]={},c,d;a=a.split(/\s+/);for(c=0,d=a.length;c)[^>]*$|#([\w\-]*)$)/,j=/\S/,k=/^\s+/,l=/\s+$/,m=/^<(\w+)\s*\/?>(?:<\/\1>)?$/,n=/^[\],:{}\s]*$/,o=/\\(?:["\\\/bfnrt]|u[0-9a-fA-F]{4})/g,p=/"[^"\\\n\r]*"|true|false|null|-?\d+(?:\.\d*)?(?:[eE][+\-]?\d+)?/g,q=/(?:^|:|,)(?:\s*\[)+/g,r=/(webkit)[ \/]([\w.]+)/,s=/(opera)(?:.*version)?[ \/]([\w.]+)/,t=/(msie) ([\w.]+)/,u=/(mozilla)(?:.*? rv:([\w.]+))?/,v=/-([a-z]|[0-9])/ig,w=/^-ms-/,x=function(a,b){return(b+"").toUpperCase()},y=d.userAgent,z,A,B,C=Object.prototype.toString,D=Object.prototype.hasOwnProperty,E=Array.prototype.push,F=Array.prototype.slice,G=String.prototype.trim,H=Array.prototype.indexOf,I={};e.fn=e.prototype={constructor:e,init:function(a,d,f){var g,h,j,k;if(!a)return this;if(a.nodeType){this.context=this[0]=a,this.length=1;return this}if(a==="body"&&!d&&c.body){this.context=c,this[0]=c.body,this.selector=a,this.length=1;return this}if(typeof a=="string"){a.charAt(0)!=="<"||a.charAt(a.length-1)!==">"||a.length<3?g=i.exec(a):g=[null,a,null];if(g&&(g[1]||!d)){if(g[1]){d=d instanceof e?d[0]:d,k=d?d.ownerDocument||d:c,j=m.exec(a),j?e.isPlainObject(d)?(a=[c.createElement(j[1])],e.fn.attr.call(a,d,!0)):a=[k.createElement(j[1])]:(j=e.buildFragment([g[1]],[k]),a=(j.cacheable?e.clone(j.fragment):j.fragment).childNodes);return e.merge(this,a)}h=c.getElementById(g[2]);if(h&&h.parentNode){if(h.id!==g[2])return f.find(a);this.length=1,this[0]=h}this.context=c,this.selector=a;return this}return!d||d.jquery?(d||f).find(a):this.constructor(d).find(a)}if(e.isFunction(a))return f.ready(a);a.selector!==b&&(this.selector=a.selector,this.context=a.context);return e.makeArray(a,this)},selector:"",jquery:"1.7.1",length:0,size:function(){return this.length},toArray:function(){return F.call(this,0)},get:function(a){return a==null?this.toArray():a<0?this[this.length+a]:this[a]},pushStack:function(a,b,c){var d=this.constructor();e.isArray(a)?E.apply(d,a):e.merge(d,a),d.prevObject=this,d.context=this.context,b==="find"?d.selector=this.selector+(this.selector?" ":"")+c:b&&(d.selector=this.selector+"."+b+"("+c+")");return d},each:function(a,b){return e.each(this,a,b)},ready:function(a){e.bindReady(),A.add(a);return this},eq:function(a){a=+a;return a===-1?this.slice(a):this.slice(a,a+1)},first:function(){return this.eq(0)},last:function(){return this.eq(-1)},slice:function(){return this.pushStack(F.apply(this,arguments),"slice",F.call(arguments).join(","))},map:function(a){return this.pushStack(e.map(this,function(b,c){return a.call(b,c,b)}))},end:function(){return this.prevObject||this.constructor(null)},push:E,sort:[].sort,splice:[].splice},e.fn.init.prototype=e.fn,e.extend=e.fn.extend=function(){var a,c,d,f,g,h,i=arguments[0]||{},j=1,k=arguments.length,l=!1;typeof i=="boolean"&&(l=i,i=arguments[1]||{},j=2),typeof i!="object"&&!e.isFunction(i)&&(i={}),k===j&&(i=this,--j);for(;j0)return;A.fireWith(c,[e]),e.fn.trigger&&e(c).trigger("ready").off("ready")}},bindReady:function(){if(!A){A=e.Callbacks("once memory");if(c.readyState==="complete")return setTimeout(e.ready,1);if(c.addEventListener)c.addEventListener("DOMContentLoaded",B,!1),a.addEventListener("load",e.ready,!1);else if(c.attachEvent){c.attachEvent("onreadystatechange",B),a.attachEvent("onload",e.ready);var b=!1;try{b=a.frameElement==null}catch(d){}c.documentElement.doScroll&&b&&J()}}},isFunction:function(a){return e.type(a)==="function"},isArray:Array.isArray||function(a){return e.type(a)==="array"},isWindow:function(a){return a&&typeof a=="object"&&"setInterval"in a},isNumeric:function(a){return!isNaN(parseFloat(a))&&isFinite(a)},type:function(a){return a==null?String(a):I[C.call(a)]||"object"},isPlainObject:function(a){if(!a||e.type(a)!=="object"||a.nodeType||e.isWindow(a))return!1;try{if(a.constructor&&!D.call(a,"constructor")&&!D.call(a.constructor.prototype,"isPrototypeOf"))return!1}catch(c){return!1}var d;for(d in a);return d===b||D.call(a,d)},isEmptyObject:function(a){for(var b in a)return!1;return!0},error:function(a){throw new Error(a)},parseJSON:function(b){if(typeof b!="string"||!b)return null;b=e.trim(b);if(a.JSON&&a.JSON.parse)return a.JSON.parse(b);if(n.test(b.replace(o,"@").replace(p,"]").replace(q,"")))return(new Function("return "+b))();e.error("Invalid JSON: "+b)},parseXML:function(c){var d,f;try{a.DOMParser?(f=new DOMParser,d=f.parseFromString(c,"text/xml")):(d=new ActiveXObject("Microsoft.XMLDOM"),d.async="false",d.loadXML(c))}catch(g){d=b}(!d||!d.documentElement||d.getElementsByTagName("parsererror").length)&&e.error("Invalid XML: "+c);return d},noop:function(){},globalEval:function(b){b&&j.test(b)&&(a.execScript||function(b){a.eval.call(a,b)})(b)},camelCase:function(a){return a.replace(w,"ms-").replace(v,x)},nodeName:function(a,b){return a.nodeName&&a.nodeName.toUpperCase()===b.toUpperCase()},each:function(a,c,d){var f,g=0,h=a.length,i=h===b||e.isFunction(a);if(d){if(i){for(f in a)if(c.apply(a[f],d)===!1)break}else for(;g0&&a[0]&&a[j-1]||j===0||e.isArray(a));if(k)for(;i1?i.call(arguments,0):b,j.notifyWith(k,e)}}function l(a){return function(c){b[a]=arguments.length>1?i.call(arguments,0):c,--g||j.resolveWith(j,b)}}var b=i.call(arguments,0),c=0,d=b.length,e=Array(d),g=d,h=d,j=d<=1&&a&&f.isFunction(a.promise)?a:f.Deferred(),k=j.promise();if(d>1){for(;c
a",d=q.getElementsByTagName("*"),e=q.getElementsByTagName("a")[0];if(!d||!d.length||!e)return{};g=c.createElement("select"),h=g.appendChild(c.createElement("option")),i=q.getElementsByTagName("input")[0],b={leadingWhitespace:q.firstChild.nodeType===3,tbody:!q.getElementsByTagName("tbody").length,htmlSerialize:!!q.getElementsByTagName("link").length,style:/top/.test(e.getAttribute("style")),hrefNormalized:e.getAttribute("href")==="/a",opacity:/^0.55/.test(e.style.opacity),cssFloat:!!e.style.cssFloat,checkOn:i.value==="on",optSelected:h.selected,getSetAttribute:q.className!=="t",enctype:!!c.createElement("form").enctype,html5Clone:c.createElement("nav").cloneNode(!0).outerHTML!=="<:nav>",submitBubbles:!0,changeBubbles:!0,focusinBubbles:!1,deleteExpando:!0,noCloneEvent:!0,inlineBlockNeedsLayout:!1,shrinkWrapBlocks:!1,reliableMarginRight:!0},i.checked=!0,b.noCloneChecked=i.cloneNode(!0).checked,g.disabled=!0,b.optDisabled=!h.disabled;try{delete q.test}catch(s){b.deleteExpando=!1}!q.addEventListener&&q.attachEvent&&q.fireEvent&&(q.attachEvent("onclick",function(){b.noCloneEvent=!1}),q.cloneNode(!0).fireEvent("onclick")),i=c.createElement("input"),i.value="t",i.setAttribute("type","radio"),b.radioValue=i.value==="t",i.setAttribute("checked","checked"),q.appendChild(i),k=c.createDocumentFragment(),k.appendChild(q.lastChild),b.checkClone=k.cloneNode(!0).cloneNode(!0).lastChild.checked,b.appendChecked=i.checked,k.removeChild(i),k.appendChild(q),q.innerHTML="",a.getComputedStyle&&(j=c.createElement("div"),j.style.width="0",j.style.marginRight="0",q.style.width="2px",q.appendChild(j),b.reliableMarginRight=(parseInt((a.getComputedStyle(j,null)||{marginRight:0}).marginRight,10)||0)===0);if(q.attachEvent)for(o in{submit:1,change:1,focusin:1})n="on"+o,p=n in q,p||(q.setAttribute(n,"return;"),p=typeof q[n]=="function"),b[o+"Bubbles"]=p;k.removeChild(q),k=g=h=j=q=i=null,f(function(){var a,d,e,g,h,i,j,k,m,n,o,r=c.getElementsByTagName("body")[0];!r||(j=1,k="position:absolute;top:0;left:0;width:1px;height:1px;margin:0;",m="visibility:hidden;border:0;",n="style='"+k+"border:5px solid #000;padding:0;'",o="
"+""+"
",a=c.createElement("div"),a.style.cssText=m+"width:0;height:0;position:static;top:0;margin-top:"+j+"px",r.insertBefore(a,r.firstChild),q=c.createElement("div"),a.appendChild(q),q.innerHTML="
t
",l=q.getElementsByTagName("td"),p=l[0].offsetHeight===0,l[0].style.display="",l[1].style.display="none",b.reliableHiddenOffsets=p&&l[0].offsetHeight===0,q.innerHTML="",q.style.width=q.style.paddingLeft="1px",f.boxModel=b.boxModel=q.offsetWidth===2,typeof q.style.zoom!="undefined"&&(q.style.display="inline",q.style.zoom=1,b.inlineBlockNeedsLayout=q.offsetWidth===2,q.style.display="",q.innerHTML="
",b.shrinkWrapBlocks=q.offsetWidth!==2),q.style.cssText=k+m,q.innerHTML=o,d=q.firstChild,e=d.firstChild,h=d.nextSibling.firstChild.firstChild,i={doesNotAddBorder:e.offsetTop!==5,doesAddBorderForTableAndCells:h.offsetTop===5},e.style.position="fixed",e.style.top="20px",i.fixedPosition=e.offsetTop===20||e.offsetTop===15,e.style.position=e.style.top="",d.style.overflow="hidden",d.style.position="relative",i.subtractsBorderForOverflowNotVisible=e.offsetTop===-5,i.doesNotIncludeMarginInBodyOffset=r.offsetTop!==j,r.removeChild(a),q=a=null,f.extend(b,i))});return b}();var j=/^(?:\{.*\}|\[.*\])$/,k=/([A-Z])/g;f.extend({cache:{},uuid:0,expando:"jQuery"+(f.fn.jquery+Math.random()).replace(/\D/g,""),noData:{embed:!0,object:"clsid:D27CDB6E-AE6D-11cf-96B8-444553540000",applet:!0},hasData:function(a){a=a.nodeType?f.cache[a[f.expando]]:a[f.expando];return!!a&&!m(a)},data:function(a,c,d,e){if(!!f.acceptData(a)){var g,h,i,j=f.expando,k=typeof c=="string",l=a.nodeType,m=l?f.cache:a,n=l?a[j]:a[j]&&j,o=c==="events";if((!n||!m[n]||!o&&!e&&!m[n].data)&&k&&d===b)return;n||(l?a[j]=n=++f.uuid:n=j),m[n]||(m[n]={},l||(m[n].toJSON=f.noop));if(typeof c=="object"||typeof c=="function")e?m[n]=f.extend(m[n],c):m[n].data=f.extend(m[n].data,c);g=h=m[n],e||(h.data||(h.data={}),h=h.data),d!==b&&(h[f.camelCase(c)]=d);if(o&&!h[c])return g.events;k?(i=h[c],i==null&&(i=h[f.camelCase(c)])):i=h;return i}},removeData:function(a,b,c){if(!!f.acceptData(a)){var d,e,g,h=f.expando,i=a.nodeType,j=i?f.cache:a,k=i?a[h]:h;if(!j[k])return;if(b){d=c?j[k]:j[k].data;if(d){f.isArray(b)||(b in d?b=[b]:(b=f.camelCase(b),b in d?b=[b]:b=b.split(" ")));for(e=0,g=b.length;e-1)return!0;return!1},val:function(a){var c,d,e,g=this[0];{if(!!arguments.length){e=f.isFunction(a);return this.each(function(d){var g=f(this),h;if(this.nodeType===1){e?h=a.call(this,d,g.val()):h=a,h==null?h="":typeof h=="number"?h+="":f.isArray(h)&&(h=f.map(h,function(a){return a==null?"":a+""})),c=f.valHooks[this.nodeName.toLowerCase()]||f.valHooks[this.type];if(!c||!("set"in c)||c.set(this,h,"value")===b)this.value=h}})}if(g){c=f.valHooks[g.nodeName.toLowerCase()]||f.valHooks[g.type];if(c&&"get"in c&&(d=c.get(g,"value"))!==b)return d;d=g.value;return typeof d=="string"?d.replace(q,""):d==null?"":d}}}}),f.extend({valHooks:{option:{get:function(a){var b=a.attributes.value;return!b||b.specified?a.value:a.text}},select:{get:function(a){var b,c,d,e,g=a.selectedIndex,h=[],i=a.options,j=a.type==="select-one";if(g<0)return null;c=j?g:0,d=j?g+1:i.length;for(;c=0}),c.length||(a.selectedIndex=-1);return c}}},attrFn:{val:!0,css:!0,html:!0,text:!0,data:!0,width:!0,height:!0,offset:!0},attr:function(a,c,d,e){var g,h,i,j=a.nodeType;if(!!a&&j!==3&&j!==8&&j!==2){if(e&&c in f.attrFn)return f(a)[c](d);if(typeof a.getAttribute=="undefined")return f.prop(a,c,d);i=j!==1||!f.isXMLDoc(a),i&&(c=c.toLowerCase(),h=f.attrHooks[c]||(u.test(c)?x:w));if(d!==b){if(d===null){f.removeAttr(a,c);return}if(h&&"set"in h&&i&&(g=h.set(a,d,c))!==b)return g;a.setAttribute(c,""+d);return d}if(h&&"get"in h&&i&&(g=h.get(a,c))!==null)return g;g=a.getAttribute(c);return g===null?b:g}},removeAttr:function(a,b){var c,d,e,g,h=0;if(b&&a.nodeType===1){d=b.toLowerCase().split(p),g=d.length;for(;h=0}})});var z=/^(?:textarea|input|select)$/i,A=/^([^\.]*)?(?:\.(.+))?$/,B=/\bhover(\.\S+)?\b/,C=/^key/,D=/^(?:mouse|contextmenu)|click/,E=/^(?:focusinfocus|focusoutblur)$/,F=/^(\w*)(?:#([\w\-]+))?(?:\.([\w\-]+))?$/,G=function(a){var b=F.exec(a);b&&(b[1]=(b[1]||"").toLowerCase(),b[3]=b[3]&&new RegExp("(?:^|\\s)"+b[3]+"(?:\\s|$)"));return b},H=function(a,b){var c=a.attributes||{};return(!b[1]||a.nodeName.toLowerCase()===b[1])&&(!b[2]||(c.id||{}).value===b[2])&&(!b[3]||b[3].test((c["class"]||{}).value))},I=function(a){return f.event.special.hover?a:a.replace(B,"mouseenter$1 mouseleave$1")}; 3 | f.event={add:function(a,c,d,e,g){var h,i,j,k,l,m,n,o,p,q,r,s;if(!(a.nodeType===3||a.nodeType===8||!c||!d||!(h=f._data(a)))){d.handler&&(p=d,d=p.handler),d.guid||(d.guid=f.guid++),j=h.events,j||(h.events=j={}),i=h.handle,i||(h.handle=i=function(a){return typeof f!="undefined"&&(!a||f.event.triggered!==a.type)?f.event.dispatch.apply(i.elem,arguments):b},i.elem=a),c=f.trim(I(c)).split(" ");for(k=0;k=0&&(h=h.slice(0,-1),k=!0),h.indexOf(".")>=0&&(i=h.split("."),h=i.shift(),i.sort());if((!e||f.event.customEvent[h])&&!f.event.global[h])return;c=typeof c=="object"?c[f.expando]?c:new f.Event(h,c):new f.Event(h),c.type=h,c.isTrigger=!0,c.exclusive=k,c.namespace=i.join("."),c.namespace_re=c.namespace?new RegExp("(^|\\.)"+i.join("\\.(?:.*\\.)?")+"(\\.|$)"):null,o=h.indexOf(":")<0?"on"+h:"";if(!e){j=f.cache;for(l in j)j[l].events&&j[l].events[h]&&f.event.trigger(c,d,j[l].handle.elem,!0);return}c.result=b,c.target||(c.target=e),d=d!=null?f.makeArray(d):[],d.unshift(c),p=f.event.special[h]||{};if(p.trigger&&p.trigger.apply(e,d)===!1)return;r=[[e,p.bindType||h]];if(!g&&!p.noBubble&&!f.isWindow(e)){s=p.delegateType||h,m=E.test(s+h)?e:e.parentNode,n=null;for(;m;m=m.parentNode)r.push([m,s]),n=m;n&&n===e.ownerDocument&&r.push([n.defaultView||n.parentWindow||a,s])}for(l=0;le&&i.push({elem:this,matches:d.slice(e)});for(j=0;j0?this.on(b,null,a,c):this.trigger(b)},f.attrFn&&(f.attrFn[b]=!0),C.test(b)&&(f.event.fixHooks[b]=f.event.keyHooks),D.test(b)&&(f.event.fixHooks[b]=f.event.mouseHooks)}),function(){function x(a,b,c,e,f,g){for(var h=0,i=e.length;h0){k=j;break}}j=j[a]}e[h]=k}}}function w(a,b,c,e,f,g){for(var h=0,i=e.length;h+~,(\[\\]+)+|[>+~])(\s*,\s*)?((?:.|\r|\n)*)/g,d="sizcache"+(Math.random()+"").replace(".",""),e=0,g=Object.prototype.toString,h=!1,i=!0,j=/\\/g,k=/\r\n/g,l=/\W/;[0,0].sort(function(){i=!1;return 0});var m=function(b,d,e,f){e=e||[],d=d||c;var h=d;if(d.nodeType!==1&&d.nodeType!==9)return[];if(!b||typeof b!="string")return e;var i,j,k,l,n,q,r,t,u=!0,v=m.isXML(d),w=[],x=b;do{a.exec(""),i=a.exec(x);if(i){x=i[3],w.push(i[1]);if(i[2]){l=i[3];break}}}while(i);if(w.length>1&&p.exec(b))if(w.length===2&&o.relative[w[0]])j=y(w[0]+w[1],d,f);else{j=o.relative[w[0]]?[d]:m(w.shift(),d);while(w.length)b=w.shift(),o.relative[b]&&(b+=w.shift()),j=y(b,j,f)}else{!f&&w.length>1&&d.nodeType===9&&!v&&o.match.ID.test(w[0])&&!o.match.ID.test(w[w.length-1])&&(n=m.find(w.shift(),d,v),d=n.expr?m.filter(n.expr,n.set)[0]:n.set[0]);if(d){n=f?{expr:w.pop(),set:s(f)}:m.find(w.pop(),w.length===1&&(w[0]==="~"||w[0]==="+")&&d.parentNode?d.parentNode:d,v),j=n.expr?m.filter(n.expr,n.set):n.set,w.length>0?k=s(j):u=!1;while(w.length)q=w.pop(),r=q,o.relative[q]?r=w.pop():q="",r==null&&(r=d),o.relative[q](k,r,v)}else k=w=[]}k||(k=j),k||m.error(q||b);if(g.call(k)==="[object Array]")if(!u)e.push.apply(e,k);else if(d&&d.nodeType===1)for(t=0;k[t]!=null;t++)k[t]&&(k[t]===!0||k[t].nodeType===1&&m.contains(d,k[t]))&&e.push(j[t]);else for(t=0;k[t]!=null;t++)k[t]&&k[t].nodeType===1&&e.push(j[t]);else s(k,e);l&&(m(l,h,e,f),m.uniqueSort(e));return e};m.uniqueSort=function(a){if(u){h=i,a.sort(u);if(h)for(var b=1;b0},m.find=function(a,b,c){var d,e,f,g,h,i;if(!a)return[];for(e=0,f=o.order.length;e":function(a,b){var c,d=typeof b=="string",e=0,f=a.length;if(d&&!l.test(b)){b=b.toLowerCase();for(;e=0)?c||d.push(h):c&&(b[g]=!1));return!1},ID:function(a){return a[1].replace(j,"")},TAG:function(a,b){return a[1].replace(j,"").toLowerCase()},CHILD:function(a){if(a[1]==="nth"){a[2]||m.error(a[0]),a[2]=a[2].replace(/^\+|\s*/g,"");var b=/(-?)(\d*)(?:n([+\-]?\d*))?/.exec(a[2]==="even"&&"2n"||a[2]==="odd"&&"2n+1"||!/\D/.test(a[2])&&"0n+"+a[2]||a[2]);a[2]=b[1]+(b[2]||1)-0,a[3]=b[3]-0}else a[2]&&m.error(a[0]);a[0]=e++;return a},ATTR:function(a,b,c,d,e,f){var g=a[1]=a[1].replace(j,"");!f&&o.attrMap[g]&&(a[1]=o.attrMap[g]),a[4]=(a[4]||a[5]||"").replace(j,""),a[2]==="~="&&(a[4]=" "+a[4]+" ");return a},PSEUDO:function(b,c,d,e,f){if(b[1]==="not")if((a.exec(b[3])||"").length>1||/^\w/.test(b[3]))b[3]=m(b[3],null,null,c);else{var g=m.filter(b[3],c,d,!0^f);d||e.push.apply(e,g);return!1}else if(o.match.POS.test(b[0])||o.match.CHILD.test(b[0]))return!0;return b},POS:function(a){a.unshift(!0);return a}},filters:{enabled:function(a){return a.disabled===!1&&a.type!=="hidden"},disabled:function(a){return a.disabled===!0},checked:function(a){return a.checked===!0},selected:function(a){a.parentNode&&a.parentNode.selectedIndex;return a.selected===!0},parent:function(a){return!!a.firstChild},empty:function(a){return!a.firstChild},has:function(a,b,c){return!!m(c[3],a).length},header:function(a){return/h\d/i.test(a.nodeName)},text:function(a){var b=a.getAttribute("type"),c=a.type;return a.nodeName.toLowerCase()==="input"&&"text"===c&&(b===c||b===null)},radio:function(a){return a.nodeName.toLowerCase()==="input"&&"radio"===a.type},checkbox:function(a){return a.nodeName.toLowerCase()==="input"&&"checkbox"===a.type},file:function(a){return a.nodeName.toLowerCase()==="input"&&"file"===a.type},password:function(a){return a.nodeName.toLowerCase()==="input"&&"password"===a.type},submit:function(a){var b=a.nodeName.toLowerCase();return(b==="input"||b==="button")&&"submit"===a.type},image:function(a){return a.nodeName.toLowerCase()==="input"&&"image"===a.type},reset:function(a){var b=a.nodeName.toLowerCase();return(b==="input"||b==="button")&&"reset"===a.type},button:function(a){var b=a.nodeName.toLowerCase();return b==="input"&&"button"===a.type||b==="button"},input:function(a){return/input|select|textarea|button/i.test(a.nodeName)},focus:function(a){return a===a.ownerDocument.activeElement}},setFilters:{first:function(a,b){return b===0},last:function(a,b,c,d){return b===d.length-1},even:function(a,b){return b%2===0},odd:function(a,b){return b%2===1},lt:function(a,b,c){return bc[3]-0},nth:function(a,b,c){return c[3]-0===b},eq:function(a,b,c){return c[3]-0===b}},filter:{PSEUDO:function(a,b,c,d){var e=b[1],f=o.filters[e];if(f)return f(a,c,b,d);if(e==="contains")return(a.textContent||a.innerText||n([a])||"").indexOf(b[3])>=0;if(e==="not"){var g=b[3];for(var h=0,i=g.length;h=0}},ID:function(a,b){return a.nodeType===1&&a.getAttribute("id")===b},TAG:function(a,b){return b==="*"&&a.nodeType===1||!!a.nodeName&&a.nodeName.toLowerCase()===b},CLASS:function(a,b){return(" "+(a.className||a.getAttribute("class"))+" ").indexOf(b)>-1},ATTR:function(a,b){var c=b[1],d=m.attr?m.attr(a,c):o.attrHandle[c]?o.attrHandle[c](a):a[c]!=null?a[c]:a.getAttribute(c),e=d+"",f=b[2],g=b[4];return d==null?f==="!=":!f&&m.attr?d!=null:f==="="?e===g:f==="*="?e.indexOf(g)>=0:f==="~="?(" "+e+" ").indexOf(g)>=0:g?f==="!="?e!==g:f==="^="?e.indexOf(g)===0:f==="$="?e.substr(e.length-g.length)===g:f==="|="?e===g||e.substr(0,g.length+1)===g+"-":!1:e&&d!==!1},POS:function(a,b,c,d){var e=b[2],f=o.setFilters[e];if(f)return f(a,c,b,d)}}},p=o.match.POS,q=function(a,b){return"\\"+(b-0+1)};for(var r in o.match)o.match[r]=new RegExp(o.match[r].source+/(?![^\[]*\])(?![^\(]*\))/.source),o.leftMatch[r]=new RegExp(/(^(?:.|\r|\n)*?)/.source+o.match[r].source.replace(/\\(\d+)/g,q));var s=function(a,b){a=Array.prototype.slice.call(a,0);if(b){b.push.apply(b,a);return b}return a};try{Array.prototype.slice.call(c.documentElement.childNodes,0)[0].nodeType}catch(t){s=function(a,b){var c=0,d=b||[];if(g.call(a)==="[object Array]")Array.prototype.push.apply(d,a);else if(typeof a.length=="number")for(var e=a.length;c",e.insertBefore(a,e.firstChild),c.getElementById(d)&&(o.find.ID=function(a,c,d){if(typeof c.getElementById!="undefined"&&!d){var e=c.getElementById(a[1]);return e?e.id===a[1]||typeof e.getAttributeNode!="undefined"&&e.getAttributeNode("id").nodeValue===a[1]?[e]:b:[]}},o.filter.ID=function(a,b){var c=typeof a.getAttributeNode!="undefined"&&a.getAttributeNode("id");return a.nodeType===1&&c&&c.nodeValue===b}),e.removeChild(a),e=a=null}(),function(){var a=c.createElement("div");a.appendChild(c.createComment("")),a.getElementsByTagName("*").length>0&&(o.find.TAG=function(a,b){var c=b.getElementsByTagName(a[1]);if(a[1]==="*"){var d=[];for(var e=0;c[e];e++)c[e].nodeType===1&&d.push(c[e]);c=d}return c}),a.innerHTML="",a.firstChild&&typeof a.firstChild.getAttribute!="undefined"&&a.firstChild.getAttribute("href")!=="#"&&(o.attrHandle.href=function(a){return a.getAttribute("href",2)}),a=null}(),c.querySelectorAll&&function(){var a=m,b=c.createElement("div"),d="__sizzle__";b.innerHTML="

";if(!b.querySelectorAll||b.querySelectorAll(".TEST").length!==0){m=function(b,e,f,g){e=e||c;if(!g&&!m.isXML(e)){var h=/^(\w+$)|^\.([\w\-]+$)|^#([\w\-]+$)/.exec(b);if(h&&(e.nodeType===1||e.nodeType===9)){if(h[1])return s(e.getElementsByTagName(b),f);if(h[2]&&o.find.CLASS&&e.getElementsByClassName)return s(e.getElementsByClassName(h[2]),f)}if(e.nodeType===9){if(b==="body"&&e.body)return s([e.body],f);if(h&&h[3]){var i=e.getElementById(h[3]);if(!i||!i.parentNode)return s([],f);if(i.id===h[3])return s([i],f)}try{return s(e.querySelectorAll(b),f)}catch(j){}}else if(e.nodeType===1&&e.nodeName.toLowerCase()!=="object"){var k=e,l=e.getAttribute("id"),n=l||d,p=e.parentNode,q=/^\s*[+~]/.test(b);l?n=n.replace(/'/g,"\\$&"):e.setAttribute("id",n),q&&p&&(e=e.parentNode);try{if(!q||p)return s(e.querySelectorAll("[id='"+n+"'] "+b),f)}catch(r){}finally{l||k.removeAttribute("id")}}}return a(b,e,f,g)};for(var e in a)m[e]=a[e];b=null}}(),function(){var a=c.documentElement,b=a.matchesSelector||a.mozMatchesSelector||a.webkitMatchesSelector||a.msMatchesSelector;if(b){var d=!b.call(c.createElement("div"),"div"),e=!1;try{b.call(c.documentElement,"[test!='']:sizzle")}catch(f){e=!0}m.matchesSelector=function(a,c){c=c.replace(/\=\s*([^'"\]]*)\s*\]/g,"='$1']");if(!m.isXML(a))try{if(e||!o.match.PSEUDO.test(c)&&!/!=/.test(c)){var f=b.call(a,c);if(f||!d||a.document&&a.document.nodeType!==11)return f}}catch(g){}return m(c,null,null,[a]).length>0}}}(),function(){var a=c.createElement("div");a.innerHTML="
";if(!!a.getElementsByClassName&&a.getElementsByClassName("e").length!==0){a.lastChild.className="e";if(a.getElementsByClassName("e").length===1)return;o.order.splice(1,0,"CLASS"),o.find.CLASS=function(a,b,c){if(typeof b.getElementsByClassName!="undefined"&&!c)return b.getElementsByClassName(a[1])},a=null}}(),c.documentElement.contains?m.contains=function(a,b){return a!==b&&(a.contains?a.contains(b):!0)}:c.documentElement.compareDocumentPosition?m.contains=function(a,b){return!!(a.compareDocumentPosition(b)&16)}:m.contains=function(){return!1},m.isXML=function(a){var b=(a?a.ownerDocument||a:0).documentElement;return b?b.nodeName!=="HTML":!1};var y=function(a,b,c){var d,e=[],f="",g=b.nodeType?[b]:b;while(d=o.match.PSEUDO.exec(a))f+=d[0],a=a.replace(o.match.PSEUDO,"");a=o.relative[a]?a+"*":a;for(var h=0,i=g.length;h0)for(h=g;h=0:f.filter(a,this).length>0:this.filter(a).length>0)},closest:function(a,b){var c=[],d,e,g=this[0];if(f.isArray(a)){var h=1;while(g&&g.ownerDocument&&g!==b){for(d=0;d-1:f.find.matchesSelector(g,a)){c.push(g);break}g=g.parentNode;if(!g||!g.ownerDocument||g===b||g.nodeType===11)break}}c=c.length>1?f.unique(c):c;return this.pushStack(c,"closest",a)},index:function(a){if(!a)return this[0]&&this[0].parentNode?this.prevAll().length:-1;if(typeof a=="string")return f.inArray(this[0],f(a));return f.inArray(a.jquery?a[0]:a,this)},add:function(a,b){var c=typeof a=="string"?f(a,b):f.makeArray(a&&a.nodeType?[a]:a),d=f.merge(this.get(),c);return this.pushStack(S(c[0])||S(d[0])?d:f.unique(d))},andSelf:function(){return this.add(this.prevObject)}}),f.each({parent:function(a){var b=a.parentNode;return b&&b.nodeType!==11?b:null},parents:function(a){return f.dir(a,"parentNode")},parentsUntil:function(a,b,c){return f.dir(a,"parentNode",c)},next:function(a){return f.nth(a,2,"nextSibling")},prev:function(a){return f.nth(a,2,"previousSibling")},nextAll:function(a){return f.dir(a,"nextSibling")},prevAll:function(a){return f.dir(a,"previousSibling")},nextUntil:function(a,b,c){return f.dir(a,"nextSibling",c)},prevUntil:function(a,b,c){return f.dir(a,"previousSibling",c)},siblings:function(a){return f.sibling(a.parentNode.firstChild,a)},children:function(a){return f.sibling(a.firstChild)},contents:function(a){return f.nodeName(a,"iframe")?a.contentDocument||a.contentWindow.document:f.makeArray(a.childNodes)}},function(a,b){f.fn[a]=function(c,d){var e=f.map(this,b,c);L.test(a)||(d=c),d&&typeof d=="string"&&(e=f.filter(d,e)),e=this.length>1&&!R[a]?f.unique(e):e,(this.length>1||N.test(d))&&M.test(a)&&(e=e.reverse());return this.pushStack(e,a,P.call(arguments).join(","))}}),f.extend({filter:function(a,b,c){c&&(a=":not("+a+")");return b.length===1?f.find.matchesSelector(b[0],a)?[b[0]]:[]:f.find.matches(a,b)},dir:function(a,c,d){var e=[],g=a[c];while(g&&g.nodeType!==9&&(d===b||g.nodeType!==1||!f(g).is(d)))g.nodeType===1&&e.push(g),g=g[c];return e},nth:function(a,b,c,d){b=b||1;var e=0;for(;a;a=a[c])if(a.nodeType===1&&++e===b)break;return a},sibling:function(a,b){var c=[];for(;a;a=a.nextSibling)a.nodeType===1&&a!==b&&c.push(a);return c}});var V="abbr|article|aside|audio|canvas|datalist|details|figcaption|figure|footer|header|hgroup|mark|meter|nav|output|progress|section|summary|time|video",W=/ jQuery\d+="(?:\d+|null)"/g,X=/^\s+/,Y=/<(?!area|br|col|embed|hr|img|input|link|meta|param)(([\w:]+)[^>]*)\/>/ig,Z=/<([\w:]+)/,$=/",""],legend:[1,"
","
"],thead:[1,"","
"],tr:[2,"","
"],td:[3,"","
"],col:[2,"","
"],area:[1,"",""],_default:[0,"",""]},bh=U(c);bg.optgroup=bg.option,bg.tbody=bg.tfoot=bg.colgroup=bg.caption=bg.thead,bg.th=bg.td,f.support.htmlSerialize||(bg._default=[1,"div
","
"]),f.fn.extend({text:function(a){if(f.isFunction(a))return this.each(function(b){var c=f(this);c.text(a.call(this,b,c.text()))});if(typeof a!="object"&&a!==b)return this.empty().append((this[0]&&this[0].ownerDocument||c).createTextNode(a));return f.text(this)},wrapAll:function(a){if(f.isFunction(a))return this.each(function(b){f(this).wrapAll(a.call(this,b))});if(this[0]){var b=f(a,this[0].ownerDocument).eq(0).clone(!0);this[0].parentNode&&b.insertBefore(this[0]),b.map(function(){var a=this;while(a.firstChild&&a.firstChild.nodeType===1)a=a.firstChild;return a}).append(this)}return this},wrapInner:function(a){if(f.isFunction(a))return this.each(function(b){f(this).wrapInner(a.call(this,b))});return this.each(function(){var b=f(this),c=b.contents();c.length?c.wrapAll(a):b.append(a)})},wrap:function(a){var b=f.isFunction(a);return this.each(function(c){f(this).wrapAll(b?a.call(this,c):a)})},unwrap:function(){return this.parent().each(function(){f.nodeName(this,"body")||f(this).replaceWith(this.childNodes)}).end()},append:function(){return this.domManip(arguments,!0,function(a){this.nodeType===1&&this.appendChild(a)})},prepend:function(){return this.domManip(arguments,!0,function(a){this.nodeType===1&&this.insertBefore(a,this.firstChild)})},before:function(){if(this[0]&&this[0].parentNode)return this.domManip(arguments,!1,function(a){this.parentNode.insertBefore(a,this)});if(arguments.length){var a=f.clean(arguments);a.push.apply(a,this.toArray());return this.pushStack(a,"before",arguments)}},after:function(){if(this[0]&&this[0].parentNode)return this.domManip(arguments,!1,function(a){this.parentNode.insertBefore(a,this.nextSibling)});if(arguments.length){var a=this.pushStack(this,"after",arguments);a.push.apply(a,f.clean(arguments));return a}},remove:function(a,b){for(var c=0,d;(d=this[c])!=null;c++)if(!a||f.filter(a,[d]).length)!b&&d.nodeType===1&&(f.cleanData(d.getElementsByTagName("*")),f.cleanData([d])),d.parentNode&&d.parentNode.removeChild(d);return this},empty:function() 4 | {for(var a=0,b;(b=this[a])!=null;a++){b.nodeType===1&&f.cleanData(b.getElementsByTagName("*"));while(b.firstChild)b.removeChild(b.firstChild)}return this},clone:function(a,b){a=a==null?!1:a,b=b==null?a:b;return this.map(function(){return f.clone(this,a,b)})},html:function(a){if(a===b)return this[0]&&this[0].nodeType===1?this[0].innerHTML.replace(W,""):null;if(typeof a=="string"&&!ba.test(a)&&(f.support.leadingWhitespace||!X.test(a))&&!bg[(Z.exec(a)||["",""])[1].toLowerCase()]){a=a.replace(Y,"<$1>");try{for(var c=0,d=this.length;c1&&l0?this.clone(!0):this).get();f(e[h])[b](j),d=d.concat(j)}return this.pushStack(d,a,e.selector)}}),f.extend({clone:function(a,b,c){var d,e,g,h=f.support.html5Clone||!bc.test("<"+a.nodeName)?a.cloneNode(!0):bo(a);if((!f.support.noCloneEvent||!f.support.noCloneChecked)&&(a.nodeType===1||a.nodeType===11)&&!f.isXMLDoc(a)){bk(a,h),d=bl(a),e=bl(h);for(g=0;d[g];++g)e[g]&&bk(d[g],e[g])}if(b){bj(a,h);if(c){d=bl(a),e=bl(h);for(g=0;d[g];++g)bj(d[g],e[g])}}d=e=null;return h},clean:function(a,b,d,e){var g;b=b||c,typeof b.createElement=="undefined"&&(b=b.ownerDocument||b[0]&&b[0].ownerDocument||c);var h=[],i;for(var j=0,k;(k=a[j])!=null;j++){typeof k=="number"&&(k+="");if(!k)continue;if(typeof k=="string")if(!_.test(k))k=b.createTextNode(k);else{k=k.replace(Y,"<$1>");var l=(Z.exec(k)||["",""])[1].toLowerCase(),m=bg[l]||bg._default,n=m[0],o=b.createElement("div");b===c?bh.appendChild(o):U(b).appendChild(o),o.innerHTML=m[1]+k+m[2];while(n--)o=o.lastChild;if(!f.support.tbody){var p=$.test(k),q=l==="table"&&!p?o.firstChild&&o.firstChild.childNodes:m[1]===""&&!p?o.childNodes:[];for(i=q.length-1;i>=0;--i)f.nodeName(q[i],"tbody")&&!q[i].childNodes.length&&q[i].parentNode.removeChild(q[i])}!f.support.leadingWhitespace&&X.test(k)&&o.insertBefore(b.createTextNode(X.exec(k)[0]),o.firstChild),k=o.childNodes}var r;if(!f.support.appendChecked)if(k[0]&&typeof (r=k.length)=="number")for(i=0;i=0)return b+"px"}}}),f.support.opacity||(f.cssHooks.opacity={get:function(a,b){return br.test((b&&a.currentStyle?a.currentStyle.filter:a.style.filter)||"")?parseFloat(RegExp.$1)/100+"":b?"1":""},set:function(a,b){var c=a.style,d=a.currentStyle,e=f.isNumeric(b)?"alpha(opacity="+b*100+")":"",g=d&&d.filter||c.filter||"";c.zoom=1;if(b>=1&&f.trim(g.replace(bq,""))===""){c.removeAttribute("filter");if(d&&!d.filter)return}c.filter=bq.test(g)?g.replace(bq,e):g+" "+e}}),f(function(){f.support.reliableMarginRight||(f.cssHooks.marginRight={get:function(a,b){var c;f.swap(a,{display:"inline-block"},function(){b?c=bz(a,"margin-right","marginRight"):c=a.style.marginRight});return c}})}),c.defaultView&&c.defaultView.getComputedStyle&&(bA=function(a,b){var c,d,e;b=b.replace(bs,"-$1").toLowerCase(),(d=a.ownerDocument.defaultView)&&(e=d.getComputedStyle(a,null))&&(c=e.getPropertyValue(b),c===""&&!f.contains(a.ownerDocument.documentElement,a)&&(c=f.style(a,b)));return c}),c.documentElement.currentStyle&&(bB=function(a,b){var c,d,e,f=a.currentStyle&&a.currentStyle[b],g=a.style;f===null&&g&&(e=g[b])&&(f=e),!bt.test(f)&&bu.test(f)&&(c=g.left,d=a.runtimeStyle&&a.runtimeStyle.left,d&&(a.runtimeStyle.left=a.currentStyle.left),g.left=b==="fontSize"?"1em":f||0,f=g.pixelLeft+"px",g.left=c,d&&(a.runtimeStyle.left=d));return f===""?"auto":f}),bz=bA||bB,f.expr&&f.expr.filters&&(f.expr.filters.hidden=function(a){var b=a.offsetWidth,c=a.offsetHeight;return b===0&&c===0||!f.support.reliableHiddenOffsets&&(a.style&&a.style.display||f.css(a,"display"))==="none"},f.expr.filters.visible=function(a){return!f.expr.filters.hidden(a)});var bD=/%20/g,bE=/\[\]$/,bF=/\r?\n/g,bG=/#.*$/,bH=/^(.*?):[ \t]*([^\r\n]*)\r?$/mg,bI=/^(?:color|date|datetime|datetime-local|email|hidden|month|number|password|range|search|tel|text|time|url|week)$/i,bJ=/^(?:about|app|app\-storage|.+\-extension|file|res|widget):$/,bK=/^(?:GET|HEAD)$/,bL=/^\/\//,bM=/\?/,bN=/)<[^<]*)*<\/script>/gi,bO=/^(?:select|textarea)/i,bP=/\s+/,bQ=/([?&])_=[^&]*/,bR=/^([\w\+\.\-]+:)(?:\/\/([^\/?#:]*)(?::(\d+))?)?/,bS=f.fn.load,bT={},bU={},bV,bW,bX=["*/"]+["*"];try{bV=e.href}catch(bY){bV=c.createElement("a"),bV.href="",bV=bV.href}bW=bR.exec(bV.toLowerCase())||[],f.fn.extend({load:function(a,c,d){if(typeof a!="string"&&bS)return bS.apply(this,arguments);if(!this.length)return this;var e=a.indexOf(" ");if(e>=0){var g=a.slice(e,a.length);a=a.slice(0,e)}var h="GET";c&&(f.isFunction(c)?(d=c,c=b):typeof c=="object"&&(c=f.param(c,f.ajaxSettings.traditional),h="POST"));var i=this;f.ajax({url:a,type:h,dataType:"html",data:c,complete:function(a,b,c){c=a.responseText,a.isResolved()&&(a.done(function(a){c=a}),i.html(g?f("
").append(c.replace(bN,"")).find(g):c)),d&&i.each(d,[c,b,a])}});return this},serialize:function(){return f.param(this.serializeArray())},serializeArray:function(){return this.map(function(){return this.elements?f.makeArray(this.elements):this}).filter(function(){return this.name&&!this.disabled&&(this.checked||bO.test(this.nodeName)||bI.test(this.type))}).map(function(a,b){var c=f(this).val();return c==null?null:f.isArray(c)?f.map(c,function(a,c){return{name:b.name,value:a.replace(bF,"\r\n")}}):{name:b.name,value:c.replace(bF,"\r\n")}}).get()}}),f.each("ajaxStart ajaxStop ajaxComplete ajaxError ajaxSuccess ajaxSend".split(" "),function(a,b){f.fn[b]=function(a){return this.on(b,a)}}),f.each(["get","post"],function(a,c){f[c]=function(a,d,e,g){f.isFunction(d)&&(g=g||e,e=d,d=b);return f.ajax({type:c,url:a,data:d,success:e,dataType:g})}}),f.extend({getScript:function(a,c){return f.get(a,b,c,"script")},getJSON:function(a,b,c){return f.get(a,b,c,"json")},ajaxSetup:function(a,b){b?b_(a,f.ajaxSettings):(b=a,a=f.ajaxSettings),b_(a,b);return a},ajaxSettings:{url:bV,isLocal:bJ.test(bW[1]),global:!0,type:"GET",contentType:"application/x-www-form-urlencoded",processData:!0,async:!0,accepts:{xml:"application/xml, text/xml",html:"text/html",text:"text/plain",json:"application/json, text/javascript","*":bX},contents:{xml:/xml/,html:/html/,json:/json/},responseFields:{xml:"responseXML",text:"responseText"},converters:{"* text":a.String,"text html":!0,"text json":f.parseJSON,"text xml":f.parseXML},flatOptions:{context:!0,url:!0}},ajaxPrefilter:bZ(bT),ajaxTransport:bZ(bU),ajax:function(a,c){function w(a,c,l,m){if(s!==2){s=2,q&&clearTimeout(q),p=b,n=m||"",v.readyState=a>0?4:0;var o,r,u,w=c,x=l?cb(d,v,l):b,y,z;if(a>=200&&a<300||a===304){if(d.ifModified){if(y=v.getResponseHeader("Last-Modified"))f.lastModified[k]=y;if(z=v.getResponseHeader("Etag"))f.etag[k]=z}if(a===304)w="notmodified",o=!0;else try{r=cc(d,x),w="success",o=!0}catch(A){w="parsererror",u=A}}else{u=w;if(!w||a)w="error",a<0&&(a=0)}v.status=a,v.statusText=""+(c||w),o?h.resolveWith(e,[r,w,v]):h.rejectWith(e,[v,w,u]),v.statusCode(j),j=b,t&&g.trigger("ajax"+(o?"Success":"Error"),[v,d,o?r:u]),i.fireWith(e,[v,w]),t&&(g.trigger("ajaxComplete",[v,d]),--f.active||f.event.trigger("ajaxStop"))}}typeof a=="object"&&(c=a,a=b),c=c||{};var d=f.ajaxSetup({},c),e=d.context||d,g=e!==d&&(e.nodeType||e instanceof f)?f(e):f.event,h=f.Deferred(),i=f.Callbacks("once memory"),j=d.statusCode||{},k,l={},m={},n,o,p,q,r,s=0,t,u,v={readyState:0,setRequestHeader:function(a,b){if(!s){var c=a.toLowerCase();a=m[c]=m[c]||a,l[a]=b}return this},getAllResponseHeaders:function(){return s===2?n:null},getResponseHeader:function(a){var c;if(s===2){if(!o){o={};while(c=bH.exec(n))o[c[1].toLowerCase()]=c[2]}c=o[a.toLowerCase()]}return c===b?null:c},overrideMimeType:function(a){s||(d.mimeType=a);return this},abort:function(a){a=a||"abort",p&&p.abort(a),w(0,a);return this}};h.promise(v),v.success=v.done,v.error=v.fail,v.complete=i.add,v.statusCode=function(a){if(a){var b;if(s<2)for(b in a)j[b]=[j[b],a[b]];else b=a[v.status],v.then(b,b)}return this},d.url=((a||d.url)+"").replace(bG,"").replace(bL,bW[1]+"//"),d.dataTypes=f.trim(d.dataType||"*").toLowerCase().split(bP),d.crossDomain==null&&(r=bR.exec(d.url.toLowerCase()),d.crossDomain=!(!r||r[1]==bW[1]&&r[2]==bW[2]&&(r[3]||(r[1]==="http:"?80:443))==(bW[3]||(bW[1]==="http:"?80:443)))),d.data&&d.processData&&typeof d.data!="string"&&(d.data=f.param(d.data,d.traditional)),b$(bT,d,c,v);if(s===2)return!1;t=d.global,d.type=d.type.toUpperCase(),d.hasContent=!bK.test(d.type),t&&f.active++===0&&f.event.trigger("ajaxStart");if(!d.hasContent){d.data&&(d.url+=(bM.test(d.url)?"&":"?")+d.data,delete d.data),k=d.url;if(d.cache===!1){var x=f.now(),y=d.url.replace(bQ,"$1_="+x);d.url=y+(y===d.url?(bM.test(d.url)?"&":"?")+"_="+x:"")}}(d.data&&d.hasContent&&d.contentType!==!1||c.contentType)&&v.setRequestHeader("Content-Type",d.contentType),d.ifModified&&(k=k||d.url,f.lastModified[k]&&v.setRequestHeader("If-Modified-Since",f.lastModified[k]),f.etag[k]&&v.setRequestHeader("If-None-Match",f.etag[k])),v.setRequestHeader("Accept",d.dataTypes[0]&&d.accepts[d.dataTypes[0]]?d.accepts[d.dataTypes[0]]+(d.dataTypes[0]!=="*"?", "+bX+"; q=0.01":""):d.accepts["*"]);for(u in d.headers)v.setRequestHeader(u,d.headers[u]);if(d.beforeSend&&(d.beforeSend.call(e,v,d)===!1||s===2)){v.abort();return!1}for(u in{success:1,error:1,complete:1})v[u](d[u]);p=b$(bU,d,c,v);if(!p)w(-1,"No Transport");else{v.readyState=1,t&&g.trigger("ajaxSend",[v,d]),d.async&&d.timeout>0&&(q=setTimeout(function(){v.abort("timeout")},d.timeout));try{s=1,p.send(l,w)}catch(z){if(s<2)w(-1,z);else throw z}}return v},param:function(a,c){var d=[],e=function(a,b){b=f.isFunction(b)?b():b,d[d.length]=encodeURIComponent(a)+"="+encodeURIComponent(b)};c===b&&(c=f.ajaxSettings.traditional);if(f.isArray(a)||a.jquery&&!f.isPlainObject(a))f.each(a,function(){e(this.name,this.value)});else for(var g in a)ca(g,a[g],c,e);return d.join("&").replace(bD,"+")}}),f.extend({active:0,lastModified:{},etag:{}});var cd=f.now(),ce=/(\=)\?(&|$)|\?\?/i;f.ajaxSetup({jsonp:"callback",jsonpCallback:function(){return f.expando+"_"+cd++}}),f.ajaxPrefilter("json jsonp",function(b,c,d){var e=b.contentType==="application/x-www-form-urlencoded"&&typeof b.data=="string";if(b.dataTypes[0]==="jsonp"||b.jsonp!==!1&&(ce.test(b.url)||e&&ce.test(b.data))){var g,h=b.jsonpCallback=f.isFunction(b.jsonpCallback)?b.jsonpCallback():b.jsonpCallback,i=a[h],j=b.url,k=b.data,l="$1"+h+"$2";b.jsonp!==!1&&(j=j.replace(ce,l),b.url===j&&(e&&(k=k.replace(ce,l)),b.data===k&&(j+=(/\?/.test(j)?"&":"?")+b.jsonp+"="+h))),b.url=j,b.data=k,a[h]=function(a){g=[a]},d.always(function(){a[h]=i,g&&f.isFunction(i)&&a[h](g[0])}),b.converters["script json"]=function(){g||f.error(h+" was not called");return g[0]},b.dataTypes[0]="json";return"script"}}),f.ajaxSetup({accepts:{script:"text/javascript, application/javascript, application/ecmascript, application/x-ecmascript"},contents:{script:/javascript|ecmascript/},converters:{"text script":function(a){f.globalEval(a);return a}}}),f.ajaxPrefilter("script",function(a){a.cache===b&&(a.cache=!1),a.crossDomain&&(a.type="GET",a.global=!1)}),f.ajaxTransport("script",function(a){if(a.crossDomain){var d,e=c.head||c.getElementsByTagName("head")[0]||c.documentElement;return{send:function(f,g){d=c.createElement("script"),d.async="async",a.scriptCharset&&(d.charset=a.scriptCharset),d.src=a.url,d.onload=d.onreadystatechange=function(a,c){if(c||!d.readyState||/loaded|complete/.test(d.readyState))d.onload=d.onreadystatechange=null,e&&d.parentNode&&e.removeChild(d),d=b,c||g(200,"success")},e.insertBefore(d,e.firstChild)},abort:function(){d&&d.onload(0,1)}}}});var cf=a.ActiveXObject?function(){for(var a in ch)ch[a](0,1)}:!1,cg=0,ch;f.ajaxSettings.xhr=a.ActiveXObject?function(){return!this.isLocal&&ci()||cj()}:ci,function(a){f.extend(f.support,{ajax:!!a,cors:!!a&&"withCredentials"in a})}(f.ajaxSettings.xhr()),f.support.ajax&&f.ajaxTransport(function(c){if(!c.crossDomain||f.support.cors){var d;return{send:function(e,g){var h=c.xhr(),i,j;c.username?h.open(c.type,c.url,c.async,c.username,c.password):h.open(c.type,c.url,c.async);if(c.xhrFields)for(j in c.xhrFields)h[j]=c.xhrFields[j];c.mimeType&&h.overrideMimeType&&h.overrideMimeType(c.mimeType),!c.crossDomain&&!e["X-Requested-With"]&&(e["X-Requested-With"]="XMLHttpRequest");try{for(j in e)h.setRequestHeader(j,e[j])}catch(k){}h.send(c.hasContent&&c.data||null),d=function(a,e){var j,k,l,m,n;try{if(d&&(e||h.readyState===4)){d=b,i&&(h.onreadystatechange=f.noop,cf&&delete ch[i]);if(e)h.readyState!==4&&h.abort();else{j=h.status,l=h.getAllResponseHeaders(),m={},n=h.responseXML,n&&n.documentElement&&(m.xml=n),m.text=h.responseText;try{k=h.statusText}catch(o){k=""}!j&&c.isLocal&&!c.crossDomain?j=m.text?200:404:j===1223&&(j=204)}}}catch(p){e||g(-1,p)}m&&g(j,k,m,l)},!c.async||h.readyState===4?d():(i=++cg,cf&&(ch||(ch={},f(a).unload(cf)),ch[i]=d),h.onreadystatechange=d)},abort:function(){d&&d(0,1)}}}});var ck={},cl,cm,cn=/^(?:toggle|show|hide)$/,co=/^([+\-]=)?([\d+.\-]+)([a-z%]*)$/i,cp,cq=[["height","marginTop","marginBottom","paddingTop","paddingBottom"],["width","marginLeft","marginRight","paddingLeft","paddingRight"],["opacity"]],cr;f.fn.extend({show:function(a,b,c){var d,e;if(a||a===0)return this.animate(cu("show",3),a,b,c);for(var g=0,h=this.length;g=i.duration+this.startTime){this.now=this.end,this.pos=this.state=1,this.update(),i.animatedProperties[this.prop]=!0;for(b in i.animatedProperties)i.animatedProperties[b]!==!0&&(g=!1);if(g){i.overflow!=null&&!f.support.shrinkWrapBlocks&&f.each(["","X","Y"],function(a,b){h.style["overflow"+b]=i.overflow[a]}),i.hide&&f(h).hide();if(i.hide||i.show)for(b in i.animatedProperties)f.style(h,b,i.orig[b]),f.removeData(h,"fxshow"+b,!0),f.removeData(h,"toggle"+b,!0);d=i.complete,d&&(i.complete=!1,d.call(h))}return!1}i.duration==Infinity?this.now=e:(c=e-this.startTime,this.state=c/i.duration,this.pos=f.easing[i.animatedProperties[this.prop]](this.state,c,0,1,i.duration),this.now=this.start+(this.end-this.start)*this.pos),this.update();return!0}},f.extend(f.fx,{tick:function(){var a,b=f.timers,c=0;for(;c-1,k={},l={},m,n;j?(l=e.position(),m=l.top,n=l.left):(m=parseFloat(h)||0,n=parseFloat(i)||0),f.isFunction(b)&&(b=b.call(a,c,g)),b.top!=null&&(k.top=b.top-g.top+m),b.left!=null&&(k.left=b.left-g.left+n),"using"in b?b.using.call(a,k):e.css(k)}},f.fn.extend({position:function(){if(!this[0])return null;var a=this[0],b=this.offsetParent(),c=this.offset(),d=cx.test(b[0].nodeName)?{top:0,left:0}:b.offset();c.top-=parseFloat(f.css(a,"marginTop"))||0,c.left-=parseFloat(f.css(a,"marginLeft"))||0,d.top+=parseFloat(f.css(b[0],"borderTopWidth"))||0,d.left+=parseFloat(f.css(b[0],"borderLeftWidth"))||0;return{top:c.top-d.top,left:c.left-d.left}},offsetParent:function(){return this.map(function(){var a=this.offsetParent||c.body;while(a&&!cx.test(a.nodeName)&&f.css(a,"position")==="static")a=a.offsetParent;return a})}}),f.each(["Left","Top"],function(a,c){var d="scroll"+c;f.fn[d]=function(c){var e,g;if(c===b){e=this[0];if(!e)return null;g=cy(e);return g?"pageXOffset"in g?g[a?"pageYOffset":"pageXOffset"]:f.support.boxModel&&g.document.documentElement[d]||g.document.body[d]:e[d]}return this.each(function(){g=cy(this),g?g.scrollTo(a?f(g).scrollLeft():c,a?c:f(g).scrollTop()):this[d]=c})}}),f.each(["Height","Width"],function(a,c){var d=c.toLowerCase();f.fn["inner"+c]=function(){var a=this[0];return a?a.style?parseFloat(f.css(a,d,"padding")):this[d]():null},f.fn["outer"+c]=function(a){var b=this[0];return b?b.style?parseFloat(f.css(b,d,a?"margin":"border")):this[d]():null},f.fn[d]=function(a){var e=this[0];if(!e)return a==null?null:this;if(f.isFunction(a))return this.each(function(b){var c=f(this);c[d](a.call(this,b,c[d]()))});if(f.isWindow(e)){var g=e.document.documentElement["client"+c],h=e.document.body;return e.document.compatMode==="CSS1Compat"&&g||h&&h["client"+c]||g}if(e.nodeType===9)return Math.max(e.documentElement["client"+c],e.body["scroll"+c],e.documentElement["scroll"+c],e.body["offset"+c],e.documentElement["offset"+c]);if(a===b){var i=f.css(e,d),j=parseFloat(i);return f.isNumeric(j)?j:i}return this.css(d,typeof a=="string"?a:a+"px")}}),a.jQuery=a.$=f,typeof define=="function"&&define.amd&&define.amd.jQuery&&define("jquery",[],function(){return f})})(window); -------------------------------------------------------------------------------- /jquery.ba-outside-events.min.js: -------------------------------------------------------------------------------- 1 | /* 2 | * jQuery outside events - v1.1 - 3/16/2010 3 | * http://benalman.com/projects/jquery-outside-events-plugin/ 4 | * 5 | * Copyright (c) 2010 "Cowboy" Ben Alman 6 | * Dual licensed under the MIT and GPL licenses. 7 | * http://benalman.com/about/license/ 8 | */ 9 | (function($,c,b){$.map("click dblclick mousemove mousedown mouseup mouseover mouseout change select submit keydown keypress keyup".split(" "),function(d){a(d)});a("focusin","focus"+b);a("focusout","blur"+b);$.addOutsideEvent=a;function a(g,e){e=e||g+b;var d=$(),h=g+"."+e+"-special-event";$.event.special[e]={setup:function(){d=d.add(this);if(d.length===1){$(c).bind(h,f)}},teardown:function(){d=d.not(this);if(d.length===0){$(c).unbind(h)}},add:function(i){var j=i.handler;i.handler=function(l,k){l.target=k;j.apply(this,arguments)}}};function f(i){$(d).each(function(){var j=$(this);if(this!==i.target&&!j.has(i.target).length){j.triggerHandler(e,[i.target])}})}}})(jQuery,document,"outside"); -------------------------------------------------------------------------------- /night3.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/nicekei/jQuery-html5-canvas-panorama-plugin/c85aa66d0de66e975a5ddebe4bcad8bfa9e7189e/night3.jpeg -------------------------------------------------------------------------------- /recent_full.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/nicekei/jQuery-html5-canvas-panorama-plugin/c85aa66d0de66e975a5ddebe4bcad8bfa9e7189e/recent_full.jpeg -------------------------------------------------------------------------------- /sample.basic.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 19 | 20 | -------------------------------------------------------------------------------- /sample.basic2.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 18 | 19 | -------------------------------------------------------------------------------- /sample.drawlabels.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 | 14 | 43 |
44 |
45 | 46 | 90 | 91 | -------------------------------------------------------------------------------- /sample.dynamicinteractive.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 | 14 | 15 | 35 | 36 | -------------------------------------------------------------------------------- /sample.dynamicsize.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 |
14 | 15 | 16 | 17 | 81 | 82 | -------------------------------------------------------------------------------- /sample.dynamicspeed.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 | 14 | 15 | 16 | 39 | 40 | -------------------------------------------------------------------------------- /sample.event.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 |
13 | 76 | 77 | -------------------------------------------------------------------------------- /sample.eventredraw.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 32 | 33 | -------------------------------------------------------------------------------- /sample.eventredraw2.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | Double click to put a mark
12 | 13 | 14 | 64 | 65 | -------------------------------------------------------------------------------- /sample.hugesizeimage.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 15 | (a huge sized image) 16 | 17 | -------------------------------------------------------------------------------- /sample.interactive.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 17 | 18 | -------------------------------------------------------------------------------- /sample.loop.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 19 | 20 | -------------------------------------------------------------------------------- /sample.minspeed.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 16 | 17 | 18 | -------------------------------------------------------------------------------- /sample.pos.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 19 | 20 | -------------------------------------------------------------------------------- /sample.size.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 18 | 19 | 20 | --------------------------------------------------------------------------------