Subversion Repositories Sites.tela-botanica.org

Rev

Details | Last modification | View Log | RSS feed

Rev Author Line No. Line
434 jpm 1
/**
2
 * jQuery lightBox plugin
3
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
4
 * and adapted to me for use like a plugin from jQuery.
5
 * @name jquery-lightbox-0.4.js
6
 * @author Leandro Vieira Pinho - http://leandrovieira.com
7
 * @version 0.4
8
 * @date November 17, 2007
9
 * @category jQuery plugin
10
 * @copyright (c) 2007 Leandro Vieira Pinho (leandrovieira.com)
11
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
12
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
13
 */
14
 
15
// Offering a Custom Alias suport - More info: http://docs.jquery.com/Plugins/Authoring#Custom_Alias
16
(function($) {
17
	/**
18
	 * $ is an alias to jQuery object
19
	 *
20
	 */
21
	$.fn.lightBox = function(settings) {
22
		// Settings to configure the jQuery lightBox plugin how you like
23
		settings = jQuery.extend({
24
			// Configuration related to overlay
25
			overlayBgColor: 		'#000',		// (string) Background color to overlay; inform a hexadecimal value like: #RRGGBB. Where RR, GG, and BB are the hexadecimal values for the red, green, and blue values of the color.
26
			overlayOpacity:			0.8,		// (integer) Opacity value to overlay; inform: 0.X. Where X are number from 0 to 9
27
			// Configuration related to images
28
			imageLoading:			'actions/galerie/presentation/images/lightbox-ico-loading.gif',		// (string) Path and the name of the loading icon
29
			imageBtnPrev:			'actions/galerie/presentation/images/lightbox-btn-prev.gif',			// (string) Path and the name of the prev button image
30
			imageBtnNext:			'actions/galerie/presentation/images/lightbox-btn-next.gif',			// (string) Path and the name of the next button image
31
			imageBtnClose:			'actions/galerie/presentation/images/lightbox-btn-close.gif',		// (string) Path and the name of the close btn
32
			imageBlank:				'actions/galerie/presentation/images/lightbox-blank.gif',			// (string) Path and the name of a blank image (one pixel)
33
			// Configuration related to container image box
34
			containerBorderSize:	10,			// (integer) If you adjust the padding in the CSS for the container, #lightbox-container-image-box, you will need to update this value
35
			containerResizeSpeed:	400,		// (integer) Specify the resize duration of container image. These number are miliseconds. 400 is default.
36
			// Configuration related to texts in caption. For example: Image 2 of 8. You can alter either "Image" and "of" texts.
37
			txtImage:				'Image',	// (string) Specify text "Image"
38
			txtOf:					'of',		// (string) Specify text "of"
39
			// Configuration related to keyboard navigation
40
			keyToClose:				'c',		// (string) (c = close) Letter to close the jQuery lightBox interface. Beyond this letter, the letter X and the SCAPE key is used to.
41
			keyToPrev:				'p',		// (string) (p = previous) Letter to show the previous image
42
			keyToNext:				'n',		// (string) (n = next) Letter to show the next image.
43
			// Don´t alter these variables in any way
44
			imageArray:				[],
45
			activeImage:			0
46
		},settings);
47
		// Caching the jQuery object with all elements matched
48
		var jQueryMatchedObj = this; // This, in this context, refer to jQuery object
49
		/**
50
		 * Initializing the plugin calling the start function
51
		 *
52
		 * @return boolean false
53
		 */
54
		function _initialize() {
55
			_start(this,jQueryMatchedObj); // This, in this context, refer to object (link) which the user have clicked
56
			return false; // Avoid the browser following the link
57
		}
58
		/**
59
		 * Start the jQuery lightBox plugin
60
		 *
61
		 * @param object objClicked The object (link) whick the user have clicked
62
		 * @param object jQueryMatchedObj The jQuery object with all elements matched
63
		 */
64
		function _start(objClicked,jQueryMatchedObj) {
65
			// Hime some elements to avoid conflict with overlay in IE. These elements appear above the overlay.
66
			$('embed, object, select').css({ 'visibility' : 'hidden' });
67
			// Call the function to create the markup structure; style some elements; assign events in some elements.
68
			_set_interface();
69
			// Unset total images in imageArray
70
			settings.imageArray.length = 0;
71
			// Unset image active information
72
			settings.activeImage = 0;
73
			// We have an image set? Or just an image? Let´s see it.
74
			if ( jQueryMatchedObj.length == 1 ) {
75
				settings.imageArray.push(new Array(objClicked.getAttribute('href'),objClicked.getAttribute('title')));
76
			} else {
77
				// Add an Array (as many as we have), with href and title atributes, inside the Array that storage the images references
78
				for ( var i = 0; i < jQueryMatchedObj.length; i++ ) {
79
					settings.imageArray.push(new Array(jQueryMatchedObj[i].getAttribute('href'),jQueryMatchedObj[i].getAttribute('title')));
80
				}
81
			}
82
			while ( settings.imageArray[settings.activeImage][0] != objClicked.getAttribute('href') ) {
83
				settings.activeImage++;
84
			}
85
			// Call the function that prepares image exibition
86
			_set_image_to_view();
87
		}
88
		/**
89
		 * Create the jQuery lightBox plugin interface
90
		 *
91
		 * The HTML markup will be like that:
92
			<div id="jquery-overlay"></div>
93
			<div id="jquery-lightbox">
94
				<div id="lightbox-container-image-box">
95
					<div id="lightbox-container-image">
96
						<img src="../fotos/XX.jpg" id="lightbox-image">
97
						<div id="lightbox-nav">
98
							<a href="#" id="lightbox-nav-btnPrev"></a>
99
							<a href="#" id="lightbox-nav-btnNext"></a>
100
						</div>
101
						<div id="lightbox-loading">
102
							<a href="#" id="lightbox-loading-link">
103
								<img src="../images/lightbox-ico-loading.gif">
104
							</a>
105
						</div>
106
					</div>
107
				</div>
108
				<div id="lightbox-container-image-data-box">
109
					<div id="lightbox-container-image-data">
110
						<div id="lightbox-image-details">
111
							<span id="lightbox-image-details-caption"></span>
112
							<span id="lightbox-image-details-currentNumber"></span>
113
						</div>
114
						<div id="lightbox-secNav">
115
							<a href="#" id="lightbox-secNav-btnClose">
116
								<img src="../images/lightbox-btn-close.gif">
117
							</a>
118
						</div>
119
					</div>
120
				</div>
121
			</div>
122
		 *
123
		 */
124
		function _set_interface() {
125
			// Apply the HTML markup into body tag
126
			$('body').append('<div id="jquery-overlay"></div><div id="jquery-lightbox"><div id="lightbox-container-image-box"><div id="lightbox-container-image"><img id="lightbox-image"><div style="" id="lightbox-nav"><a href="#" id="lightbox-nav-btnPrev"></a><a href="#" id="lightbox-nav-btnNext"></a></div><div id="lightbox-loading"><a href="#" id="lightbox-loading-link"><img src="' + settings.imageLoading + '"></a></div></div></div><div id="lightbox-container-image-data-box"><div id="lightbox-container-image-data"><div id="lightbox-image-details"><span id="lightbox-image-details-caption"></span><span id="lightbox-image-details-currentNumber"></span></div><div id="lightbox-secNav"><a href="#" id="lightbox-secNav-btnClose"><img src="' + settings.imageBtnClose + '"></a></div></div></div></div>');
127
			// Get page sizes
128
			var arrPageSizes = ___getPageSize();
129
			// Style overlay and show it
130
			$('#jquery-overlay').css({
131
				backgroundColor:	settings.overlayBgColor,
132
				opacity:			settings.overlayOpacity,
133
				width:				arrPageSizes[0],
134
				height:				arrPageSizes[1]
135
			}).fadeIn();
136
			// Get page scroll
137
			var arrPageScroll = ___getPageScroll();
138
			// Calculate top and left offset for the jquery-lightbox div object and show it
139
			$('#jquery-lightbox').css({
140
				top:	arrPageScroll[1] + (arrPageSizes[3] / 10),
141
				left:	arrPageScroll[0]
142
			}).show();
143
			// Assigning click events in elements to close overlay
144
			$('#jquery-overlay,#jquery-lightbox').click(function() {
145
				_finish();
146
			});
147
			// Assign the _finish function to lightbox-loading-link and lightbox-secNav-btnClose objects
148
			$('#lightbox-loading-link,#lightbox-secNav-btnClose').click(function() {
149
				_finish();
150
				return false;
151
			});
152
			// If window was resized, calculate the new overlay dimensions
153
			$(window).resize(function() {
154
				// Get page sizes
155
				var arrPageSizes = ___getPageSize();
156
				// Style overlay and show it
157
				$('#jquery-overlay').css({
158
					width:		arrPageSizes[0],
159
					height:		arrPageSizes[1]
160
				});
161
				// Get page scroll
162
				var arrPageScroll = ___getPageScroll();
163
				// Calculate top and left offset for the jquery-lightbox div object and show it
164
				$('#jquery-lightbox').css({
165
					top:	arrPageScroll[1] + (arrPageSizes[3] / 10),
166
					left:	arrPageScroll[0]
167
				});
168
			});
169
		}
170
		/**
171
		 * Prepares image exibition; doing a image´s preloader to calculate it´s size
172
		 *
173
		 */
174
		function _set_image_to_view() { // show the loading
175
			// Show the loading
176
			$('#lightbox-loading').show();
177
			// Hide some elements
178
			$('#lightbox-image,#lightbox-nav,#lightbox-nav-btnPrev,#lightbox-nav-btnNext,#lightbox-container-image-data-box,#lightbox-image-details-currentNumber').hide();
179
			// Image preload process
180
			var objImagePreloader = new Image();
181
			objImagePreloader.onload = function() {
182
				$('#lightbox-image').attr('src',settings.imageArray[settings.activeImage][0]);
183
				// Perfomance an effect in the image container resizing it
184
				_resize_container_image_box(objImagePreloader.width,objImagePreloader.height);
185
				//	clear onLoad, IE behaves irratically with animated gifs otherwise
186
				objImagePreloader.onload=function(){};
187
			}
188
			objImagePreloader.src = settings.imageArray[settings.activeImage][0];
189
		};
190
		/**
191
		 * Perfomance an effect in the image container resizing it
192
		 *
193
		 * @param integer intImageWidth The image´s width that will be showed
194
		 * @param integer intImageHeight The image´s height that will be showed
195
		 */
196
		function _resize_container_image_box(intImageWidth,intImageHeight) {
197
			// Get current width and height
198
			var intCurrentWidth = $('#lightbox-container-image-box').width();
199
			var intCurrentHeight = $('#lightbox-container-image-box').height();
200
			// Get the width and height of the selected image plus the padding
201
			var intWidth = (intImageWidth + (settings.containerBorderSize * 2)); // Plus the image´s width and the left and right padding value
202
			var intHeight = (intImageHeight + (settings.containerBorderSize * 2)); // Plus the image´s height and the left and right padding value
203
			// Diferences
204
			var intDiffW = intCurrentWidth - intWidth;
205
			var intDiffH = intCurrentHeight - intHeight;
206
			// Perfomance the effect
207
			$('#lightbox-container-image-box').animate({ width: intWidth, height: intHeight },settings.containerResizeSpeed,function() { _show_image(); });
208
			if ( ( intDiffW == 0 ) && ( intDiffH == 0 ) ) {
209
				if ( $.browser.msie ) {
210
					___pause(250);
211
				} else {
212
					___pause(100);
213
				}
214
			}
215
			$('#lightbox-nav-btnPrev,#lightbox-nav-btnNext').css({ height: intImageHeight + (settings.containerBorderSize * 2) });
216
			$('#lightbox-container-image-data-box').css({ width: intImageWidth });
217
		};
218
		/**
219
		 * Show the prepared image
220
		 *
221
		 */
222
		function _show_image() {
223
			$('#lightbox-loading').hide();
224
			$('#lightbox-image').fadeIn(function() {
225
				_show_image_data();
226
				_set_navigation();
227
			});
228
			_preload_neighbor_images();
229
		};
230
		/**
231
		 * Show the image information
232
		 *
233
		 */
234
		function _show_image_data() {
235
			$('#lightbox-container-image-data-box').slideDown('fast');
236
			$('#lightbox-image-details-caption').hide();
237
			if ( settings.imageArray[settings.activeImage][1] ) {
238
				$('#lightbox-image-details-caption').html(settings.imageArray[settings.activeImage][1]).show();
239
			}
240
			// If we have a image set, display 'Image X of X'
241
			if ( settings.imageArray.length > 1 ) {
242
				$('#lightbox-image-details-currentNumber').html(settings.txtImage + ' ' + ( settings.activeImage + 1 ) + ' ' + settings.txtOf + ' ' + settings.imageArray.length).show();
243
			}
244
		}
245
		/**
246
		 * Display the button navigations
247
		 *
248
		 */
249
		function _set_navigation() {
250
			$('#lightbox-nav').show();
251
 
252
			// Instead to define this configuration in CSS file, we define here. And it´s need to IE. Just.
253
			$('#lightbox-nav-btnPrev,#lightbox-nav-btnNext').css({ 'background' : 'transparent url(' + settings.imageBlank + ') no-repeat' });
254
 
255
			// Show the prev button, if not the first image in set
256
			if ( settings.activeImage != 0 ) {
257
				// Show the images button for Next buttons
258
				$('#lightbox-nav-btnPrev').unbind().hover(function() {
259
					$(this).css({ 'background' : 'url(' + settings.imageBtnPrev + ') left 15% no-repeat' });
260
				},function() {
261
					$(this).css({ 'background' : 'transparent url(' + settings.imageBlank + ') no-repeat' });
262
				}).show().bind('click',function() {
263
					settings.activeImage = settings.activeImage - 1;
264
					_set_image_to_view();
265
					return false;
266
				});
267
			}
268
 
269
			// Show the next button, if not the last image in set
270
			if ( settings.activeImage != ( settings.imageArray.length -1 ) ) {
271
				// Show the images button for Next buttons
272
				$('#lightbox-nav-btnNext').unbind().hover(function() {
273
					$(this).css({ 'background' : 'url(' + settings.imageBtnNext + ') right 15% no-repeat' });
274
				},function() {
275
					$(this).css({ 'background' : 'transparent url(' + settings.imageBlank + ') no-repeat' });
276
				}).show().bind('click',function() {
277
					settings.activeImage = settings.activeImage + 1;
278
					_set_image_to_view();
279
					return false;
280
				});
281
			}
282
			// Enable keyboard navigation
283
			_enable_keyboard_navigation();
284
		}
285
		/**
286
		 * Enable a support to keyboard navigation
287
		 *
288
		 */
289
		function _enable_keyboard_navigation() {
290
			$(document).keydown(function(objEvent) {
291
				_keyboard_action(objEvent);
292
			});
293
		}
294
		/**
295
		 * Disable the support to keyboard navigation
296
		 *
297
		 */
298
		function _disable_keyboard_navigation() {
299
			$(document).unbind();
300
		}
301
		/**
302
		 * Perform the keyboard actions
303
		 *
304
		 */
305
		function _keyboard_action(objEvent) {
306
			// To ie
307
			if ( objEvent == null ) {
308
				keycode = event.keyCode;
309
				escapeKey = 27;
310
			// To Mozilla
311
			} else {
312
				keycode = objEvent.keyCode;
313
				escapeKey = objEvent.DOM_VK_ESCAPE;
314
			}
315
			// Get the key in lower case form
316
			key = String.fromCharCode(keycode).toLowerCase();
317
			// Verify the keys to close the ligthBox
318
			if ( ( key == settings.keyToClose ) || ( key == 'x' ) || ( keycode == escapeKey ) ) {
319
				_finish();
320
			}
321
			// Verify the key to show the previous image
322
			if ( ( key == settings.keyToPrev ) || ( keycode == 37 ) ) {
323
				// If we´re not showing the first image, call the previous
324
				if ( settings.activeImage != 0 ) {
325
					settings.activeImage = settings.activeImage - 1;
326
					_set_image_to_view();
327
					_disable_keyboard_navigation();
328
				}
329
			}
330
			// Verify the key to show the next image
331
			if ( ( key == settings.keyToNext ) || ( keycode == 39 ) ) {
332
				// If we´re not showing the last image, call the next
333
				if ( settings.activeImage != ( settings.imageArray.length - 1 ) ) {
334
					settings.activeImage = settings.activeImage + 1;
335
					_set_image_to_view();
336
					_disable_keyboard_navigation();
337
				}
338
			}
339
		}
340
		/**
341
		 * Preload prev and next images being showed
342
		 *
343
		 */
344
		function _preload_neighbor_images() {
345
			if ( (settings.imageArray.length -1) > settings.activeImage ) {
346
				objNext = new Image();
347
				objNext.src = settings.imageArray[settings.activeImage + 1][0];
348
			}
349
			if ( settings.activeImage > 0 ) {
350
				objPrev = new Image();
351
				objPrev.src = settings.imageArray[settings.activeImage -1][0];
352
			}
353
		}
354
		/**
355
		 * Remove jQuery lightBox plugin HTML markup
356
		 *
357
		 */
358
		function _finish() {
359
			$('#jquery-lightbox').remove();
360
			$('#jquery-overlay').fadeOut(function() { $('#jquery-overlay').remove(); });
361
			// Show some elements to avoid conflict with overlay in IE. These elements appear above the overlay.
362
			$('embed, object, select').css({ 'visibility' : 'visible' });
363
		}
364
		/**
365
		 / THIRD FUNCTION
366
		 * getPageSize() by quirksmode.com
367
		 *
368
		 * @return Array Return an array with page width, height and window width, height
369
		 */
370
		function ___getPageSize() {
371
			var xScroll, yScroll;
372
			if (window.innerHeight && window.scrollMaxY) {
373
				xScroll = window.innerWidth + window.scrollMaxX;
374
				yScroll = window.innerHeight + window.scrollMaxY;
375
			} else if (document.body.scrollHeight > document.body.offsetHeight){ // all but Explorer Mac
376
				xScroll = document.body.scrollWidth;
377
				yScroll = document.body.scrollHeight;
378
			} else { // Explorer Mac...would also work in Explorer 6 Strict, Mozilla and Safari
379
				xScroll = document.body.offsetWidth;
380
				yScroll = document.body.offsetHeight;
381
			}
382
			var windowWidth, windowHeight;
383
			if (self.innerHeight) {	// all except Explorer
384
				if(document.documentElement.clientWidth){
385
					windowWidth = document.documentElement.clientWidth;
386
				} else {
387
					windowWidth = self.innerWidth;
388
				}
389
				windowHeight = self.innerHeight;
390
			} else if (document.documentElement && document.documentElement.clientHeight) { // Explorer 6 Strict Mode
391
				windowWidth = document.documentElement.clientWidth;
392
				windowHeight = document.documentElement.clientHeight;
393
			} else if (document.body) { // other Explorers
394
				windowWidth = document.body.clientWidth;
395
				windowHeight = document.body.clientHeight;
396
			}
397
			// for small pages with total height less then height of the viewport
398
			if(yScroll < windowHeight){
399
				pageHeight = windowHeight;
400
			} else {
401
				pageHeight = yScroll;
402
			}
403
			// for small pages with total width less then width of the viewport
404
			if(xScroll < windowWidth){
405
				pageWidth = xScroll;
406
			} else {
407
				pageWidth = windowWidth;
408
			}
409
			arrayPageSize = new Array(pageWidth,pageHeight,windowWidth,windowHeight)
410
			return arrayPageSize;
411
		};
412
		/**
413
		 / THIRD FUNCTION
414
		 * getPageScroll() by quirksmode.com
415
		 *
416
		 * @return Array Return an array with x,y page scroll values.
417
		 */
418
		function ___getPageScroll() {
419
			var xScroll, yScroll;
420
			if (self.pageYOffset) {
421
				yScroll = self.pageYOffset;
422
				xScroll = self.pageXOffset;
423
			} else if (document.documentElement && document.documentElement.scrollTop) {	 // Explorer 6 Strict
424
				yScroll = document.documentElement.scrollTop;
425
				xScroll = document.documentElement.scrollLeft;
426
			} else if (document.body) {// all other Explorers
427
				yScroll = document.body.scrollTop;
428
				xScroll = document.body.scrollLeft;
429
			}
430
			arrayPageScroll = new Array(xScroll,yScroll)
431
			return arrayPageScroll;
432
		};
433
		 /**
434
		  * Stop the code execution from a escified time in milisecond
435
		  *
436
		  */
437
		 function ___pause(ms) {
438
			var date = new Date();
439
			curDate = null;
440
			do { var curDate = new Date(); }
441
			while ( curDate - date < ms);
442
		 };
443
		// Return the jQuery object for chaining. The unbind method is used to avoid click conflict when the plugin is called more than once
444
		return this.unbind('click').click(_initialize);
445
	};
446
})(jQuery); // Call and execute the function immediately passing the jQuery object
447
 
448
/**
449
 * jQuery SliderViewer Plugin
450
 * @name jquery.slideviewer.1.1.js
451
 * @author Gian Carlo Mingati - http://www.gcmingati.net/wordpress/wp-content/lab/jquery/imagestrip/imageslide-plugin.html
452
 * @version 1.1
453
 * @date October 6, 2007
454
 * @category jQuery plugin
455
 * @copyright (c) 2007 Gian Carlo Mingati (gcmingati.net)
456
 * @license ?
457
 * @example Visit http://www.gcmingati.net/wordpress/wp-content/lab/jquery/imagestrip/imageslide-plugin.html for more informations about this jQuery plugin
458
 */
459
 
460
jQuery(function(){
461
	// Nous cachons les images si le javascript est activé!
462
	jQuery("div.svw").removeClass("galerie");
463
	jQuery("div.svw").css({
464
		'width' : '50px',
465
		'height' : '20px',
466
		'background' : '#fff'
467
		});
468
	jQuery("div.svw ul").css({
469
		'position' : 'relative',
470
		'left' : '-999em'
471
		});
472
	jQuery("div.svw").prepend("<img src='http://www.gcmingati.net/wordpress/wp-content/uploads/svwloader.gif' class='ldrgif' alt='loading...'/ >");
473
});
474
var j = 0;
475
jQuery.fn.slideView = function(settings) {
476
	  settings = jQuery.extend({
477
     easeFunc: "easeInOutExpo", /* <-- easing function names changed in jquery.easing.1.2.js */
478
     easeTime: 750,
479
     toolTip: false
480
  }, settings);
481
	return this.each(function(){
482
		var container = jQuery(this);
483
		container.find("img.ldrgif").remove(); // removes the preloader gif
484
		container.removeClass("svw").addClass("stripViewer");
485
		var pictWidth = container.find("li").find("img").width();
486
		var pictHeight = container.find("li").find("img").height();
487
		var pictEls = container.find("li").size();
488
		var stripViewerWidth = pictWidth*pictEls;
489
		container.find("ul").css("width" , stripViewerWidth); //assegnamo la larghezza alla lista UL
490
		container.css("width" , pictWidth);
491
		container.css("height" , pictHeight);
492
		container.each(function(i) {
493
			jQuery(this).after("<div class='stripTransmitter' id='stripTransmitter" + j + "'><ul><\/ul><\/div>");
494
			jQuery(this).find("li").each(function(n) {
495
						jQuery("div#stripTransmitter" + j + " ul").append("<li><a title='" + jQuery(this).find("img").attr("alt") + "' href='#'>"+(n+1)+"<\/a><\/li>");
496
				});
497
			jQuery("div#stripTransmitter" + j + " a").each(function(z) {
498
				jQuery(this).bind("click", function(){
499
				jQuery(this).addClass("current").parent().parent().find("a").not(jQuery(this)).removeClass("current"); // wow!
500
				var cnt = - (pictWidth*z);
501
				jQuery(this).parent().parent().parent().prev().find("ul").animate({ left: cnt}, settings.easeTime, settings.easeFunc);
502
				return false;
503
				   });
504
				});
505
			jQuery("div#stripTransmitter" + j).css("width" , pictWidth);
506
			jQuery("div#stripTransmitter" + j + " a:eq(0)").addClass("current");
507
			if(settings.toolTip){
508
			container.next(".stripTransmitter ul").find("a").Tooltip({
509
				track: true,
510
				delay: 0,
511
				showURL: false,
512
				showBody: false
513
				});
514
			}
515
			});
516
		j++;
517
  });
518
};
519
 
520
/**
521
 * jQuery Easing v1.3 - http://gsgd.co.uk/sandbox/jquery/easing/
522
 *
523
 * Uses the built In easIng capabilities added In jQuery 1.1
524
 * to offer multiple easIng options
525
 *
526
 * @copyright (c) 2007 George Smith
527
 * @license Licensed under the MIT License: http://www.opensource.org/licenses/mit-license.php
528
 */
529
 
530
// t: current time, b: begInnIng value, c: change In value, d: duration
531
jQuery.easing['jswing'] = jQuery.easing['swing'];
532
 
533
jQuery.extend( jQuery.easing,
534
{
535
	def: 'easeOutQuad',
536
	swing: function (x, t, b, c, d) {
537
		//alert(jQuery.easing.default);
538
		return jQuery.easing[jQuery.easing.def](x, t, b, c, d);
539
	},
540
	easeInQuad: function (x, t, b, c, d) {
541
		return c*(t/=d)*t + b;
542
	},
543
	easeOutQuad: function (x, t, b, c, d) {
544
		return -c *(t/=d)*(t-2) + b;
545
	},
546
	easeInOutQuad: function (x, t, b, c, d) {
547
		if ((t/=d/2) < 1) return c/2*t*t + b;
548
		return -c/2 * ((--t)*(t-2) - 1) + b;
549
	},
550
	easeInCubic: function (x, t, b, c, d) {
551
		return c*(t/=d)*t*t + b;
552
	},
553
	easeOutCubic: function (x, t, b, c, d) {
554
		return c*((t=t/d-1)*t*t + 1) + b;
555
	},
556
	easeInOutCubic: function (x, t, b, c, d) {
557
		if ((t/=d/2) < 1) return c/2*t*t*t + b;
558
		return c/2*((t-=2)*t*t + 2) + b;
559
	},
560
	easeInQuart: function (x, t, b, c, d) {
561
		return c*(t/=d)*t*t*t + b;
562
	},
563
	easeOutQuart: function (x, t, b, c, d) {
564
		return -c * ((t=t/d-1)*t*t*t - 1) + b;
565
	},
566
	easeInOutQuart: function (x, t, b, c, d) {
567
		if ((t/=d/2) < 1) return c/2*t*t*t*t + b;
568
		return -c/2 * ((t-=2)*t*t*t - 2) + b;
569
	},
570
	easeInQuint: function (x, t, b, c, d) {
571
		return c*(t/=d)*t*t*t*t + b;
572
	},
573
	easeOutQuint: function (x, t, b, c, d) {
574
		return c*((t=t/d-1)*t*t*t*t + 1) + b;
575
	},
576
	easeInOutQuint: function (x, t, b, c, d) {
577
		if ((t/=d/2) < 1) return c/2*t*t*t*t*t + b;
578
		return c/2*((t-=2)*t*t*t*t + 2) + b;
579
	},
580
	easeInSine: function (x, t, b, c, d) {
581
		return -c * Math.cos(t/d * (Math.PI/2)) + c + b;
582
	},
583
	easeOutSine: function (x, t, b, c, d) {
584
		return c * Math.sin(t/d * (Math.PI/2)) + b;
585
	},
586
	easeInOutSine: function (x, t, b, c, d) {
587
		return -c/2 * (Math.cos(Math.PI*t/d) - 1) + b;
588
	},
589
	easeInExpo: function (x, t, b, c, d) {
590
		return (t==0) ? b : c * Math.pow(2, 10 * (t/d - 1)) + b;
591
	},
592
	easeOutExpo: function (x, t, b, c, d) {
593
		return (t==d) ? b+c : c * (-Math.pow(2, -10 * t/d) + 1) + b;
594
	},
595
	easeInOutExpo: function (x, t, b, c, d) {
596
		if (t==0) return b;
597
		if (t==d) return b+c;
598
		if ((t/=d/2) < 1) return c/2 * Math.pow(2, 10 * (t - 1)) + b;
599
		return c/2 * (-Math.pow(2, -10 * --t) + 2) + b;
600
	},
601
	easeInCirc: function (x, t, b, c, d) {
602
		return -c * (Math.sqrt(1 - (t/=d)*t) - 1) + b;
603
	},
604
	easeOutCirc: function (x, t, b, c, d) {
605
		return c * Math.sqrt(1 - (t=t/d-1)*t) + b;
606
	},
607
	easeInOutCirc: function (x, t, b, c, d) {
608
		if ((t/=d/2) < 1) return -c/2 * (Math.sqrt(1 - t*t) - 1) + b;
609
		return c/2 * (Math.sqrt(1 - (t-=2)*t) + 1) + b;
610
	},
611
	easeInElastic: function (x, t, b, c, d) {
612
		var s=1.70158;var p=0;var a=c;
613
		if (t==0) return b;  if ((t/=d)==1) return b+c;  if (!p) p=d*.3;
614
		if (a < Math.abs(c)) { a=c; var s=p/4; }
615
		else var s = p/(2*Math.PI) * Math.asin (c/a);
616
		return -(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b;
617
	},
618
	easeOutElastic: function (x, t, b, c, d) {
619
		var s=1.70158;var p=0;var a=c;
620
		if (t==0) return b;  if ((t/=d)==1) return b+c;  if (!p) p=d*.3;
621
		if (a < Math.abs(c)) { a=c; var s=p/4; }
622
		else var s = p/(2*Math.PI) * Math.asin (c/a);
623
		return a*Math.pow(2,-10*t) * Math.sin( (t*d-s)*(2*Math.PI)/p ) + c + b;
624
	},
625
	easeInOutElastic: function (x, t, b, c, d) {
626
		var s=1.70158;var p=0;var a=c;
627
		if (t==0) return b;  if ((t/=d/2)==2) return b+c;  if (!p) p=d*(.3*1.5);
628
		if (a < Math.abs(c)) { a=c; var s=p/4; }
629
		else var s = p/(2*Math.PI) * Math.asin (c/a);
630
		if (t < 1) return -.5*(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b;
631
		return a*Math.pow(2,-10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )*.5 + c + b;
632
	},
633
	easeInBack: function (x, t, b, c, d, s) {
634
		if (s == undefined) s = 1.70158;
635
		return c*(t/=d)*t*((s+1)*t - s) + b;
636
	},
637
	easeOutBack: function (x, t, b, c, d, s) {
638
		if (s == undefined) s = 1.70158;
639
		return c*((t=t/d-1)*t*((s+1)*t + s) + 1) + b;
640
	},
641
	easeInOutBack: function (x, t, b, c, d, s) {
642
		if (s == undefined) s = 1.70158;
643
		if ((t/=d/2) < 1) return c/2*(t*t*(((s*=(1.525))+1)*t - s)) + b;
644
		return c/2*((t-=2)*t*(((s*=(1.525))+1)*t + s) + 2) + b;
645
	},
646
	easeInBounce: function (x, t, b, c, d) {
647
		return c - jQuery.easing.easeOutBounce (x, d-t, 0, c, d) + b;
648
	},
649
	easeOutBounce: function (x, t, b, c, d) {
650
		if ((t/=d) < (1/2.75)) {
651
			return c*(7.5625*t*t) + b;
652
		} else if (t < (2/2.75)) {
653
			return c*(7.5625*(t-=(1.5/2.75))*t + .75) + b;
654
		} else if (t < (2.5/2.75)) {
655
			return c*(7.5625*(t-=(2.25/2.75))*t + .9375) + b;
656
		} else {
657
			return c*(7.5625*(t-=(2.625/2.75))*t + .984375) + b;
658
		}
659
	},
660
	easeInOutBounce: function (x, t, b, c, d) {
661
		if (t < d/2) return jQuery.easing.easeInBounce (x, t*2, 0, c, d) * .5 + b;
662
		return jQuery.easing.easeOutBounce (x, t*2-d, 0, c, d) * .5 + c*.5 + b;
663
	}
664
});
665
/*
666
 * jQuery Tooltip plugin 1.1
667
 *
668
 * http://bassistance.de/jquery-plugins/jquery-plugin-tooltip/
669
 *
670
 * Copyright (c) 2006 Jörn Zaefferer, Stefan Petre
671
 *
672
 * Dual licensed under the MIT and GPL licenses:
673
 *   http://www.opensource.org/licenses/mit-license.php
674
 *   http://www.gnu.org/licenses/gpl.html
675
 *
676
 * Revision: $Id: jquery.tooltip.js 2237 2007-07-04 19:11:15Z joern.zaefferer $
677
 *
678
 */
679
 
680
/**
681
 * Display a customized tooltip instead of the default one
682
 * for every selected element. The tooltip behaviour mimics
683
 * the default one, but lets you style the tooltip and
684
 * specify the delay before displaying it. In addition, it displays the
685
 * href value, if it is available.
686
 *
687
 * Requires dimensions plugin.
688
 *
689
 * When used on a page with select elements, include the bgiframe plugin. It is used if present.
690
 *
691
 * To style the tooltip, use these selectors in your stylesheet:
692
 *
693
 * #tooltip - The tooltip container
694
 *
695
 * #tooltip h3 - The tooltip title
696
 *
697
 * #tooltip div.body - The tooltip body, shown when using showBody
698
 *
699
 * #tooltip div.url - The tooltip url, shown when using showURL
700
 *
701
 *
702
 * @example $('a, input, img').Tooltip();
703
 * @desc Shows tooltips for anchors, inputs and images, if they have a title
704
 *
705
 * @example $('label').Tooltip({
706
 *   delay: 0,
707
 *   track: true,
708
 *   event: "click"
709
 * });
710
 * @desc Shows tooltips for labels with no delay, tracking mousemovement, displaying the tooltip when the label is clicked.
711
 *
712
 * @example // modify global settings
713
 * $.extend($.fn.Tooltip.defaults, {
714
 * 	track: true,
715
 * 	delay: 0,
716
 * 	showURL: false,
717
 * 	showBody: " - ",
718
 *  fixPNG: true
719
 * });
720
 * // setup fancy tooltips
721
 * $('a.pretty').Tooltip({
722
 * 	 extraClass: "fancy"
723
 * });
724
 $('img.pretty').Tooltip({
725
 * 	 extraClass: "fancy-img",
726
 * });
727
 * @desc This example starts with modifying the global settings, applying them to all following Tooltips; Afterwards, Tooltips for anchors with class pretty are created with an extra class for the Tooltip: "fancy" for anchors, "fancy-img" for images
728
 *
729
 * @param Object settings (optional) Customize your Tooltips
730
 * @option Number delay The number of milliseconds before a tooltip is display. Default: 250
731
 * @option Boolean track If true, let the tooltip track the mousemovement. Default: false
732
 * @option Boolean showURL If true, shows the href or src attribute within p.url. Defaul: true
733
 * @option String showBody If specified, uses the String to split the title, displaying the first part in the h3 tag, all following in the p.body tag, separated with <br/>s. Default: null
734
 * @option String extraClass If specified, adds the class to the tooltip helper. Default: null
735
 * @option Boolean fixPNG If true, fixes transparent PNGs in IE. Default: false
736
 * @option Function bodyHandler If specified its called to format the tooltip-body, hiding the title-part. Default: none
737
 * @option Number top The top-offset for the tooltip position. Default: 15
738
 * @option Number left The left-offset for the tooltip position. Default: 15
739
 *
740
 * @name Tooltip
741
 * @type jQuery
742
 * @cat Plugins/Tooltip
743
 * @author Jörn Zaefferer (http://bassistance.de)
744
 */
745
 
746
/**
747
 * A global flag to disable all tooltips.
748
 *
749
 * @example $("button.openModal").click(function() {
750
 *   $.Tooltip.blocked = true;
751
 *   // do some other stuff, eg. showing a modal dialog
752
 *   $.Tooltip.blocked = false;
753
 * });
754
 *
755
 * @property
756
 * @name $.Tooltip.blocked
757
 * @type Boolean
758
 * @cat Plugins/Tooltip
759
 */
760
 
761
/**
762
 * Global defaults for tooltips. Apply to all calls to the Tooltip plugin after modifying  the defaults.
763
 *
764
 * @example $.extend($.Tooltip.defaults, {
765
 *   track: true,
766
 *   delay: 0
767
 * });
768
 *
769
 * @property
770
 * @name $.Tooltip.defaults
771
 * @type Map
772
 * @cat Plugins/Tooltip
773
 */
774
(function($) {
775
 
776
	// the tooltip element
777
	var helper = {},
778
		// the current tooltipped element
779
		current,
780
		// the title of the current element, used for restoring
781
		title,
782
		// timeout id for delayed tooltips
783
		tID,
784
		// IE 5.5 or 6
785
		IE = $.browser.msie && /MSIE\s(5\.5|6\.)/.test(navigator.userAgent),
786
		// flag for mouse tracking
787
		track = false;
788
 
789
	$.Tooltip = {
790
		blocked: false,
791
		defaults: {
792
			delay: 200,
793
			showURL: true,
794
			extraClass: "",
795
			top: 15,
796
			left: 15
797
		},
798
		block: function() {
799
			$.Tooltip.blocked = !$.Tooltip.blocked;
800
		}
801
	};
802
 
803
	$.fn.extend({
804
		Tooltip: function(settings) {
805
			settings = $.extend({}, $.Tooltip.defaults, settings);
806
			createHelper();
807
			return this.each(function() {
808
					this.tSettings = settings;
809
					// copy tooltip into its own expando and remove the title
810
					this.tooltipText = this.title;
811
					$(this).removeAttr("title");
812
					// also remove alt attribute to prevent default tooltip in IE
813
					this.alt = "";
814
				})
815
				.hover(save, hide)
816
				.click(hide);
817
		},
818
		fixPNG: IE ? function() {
819
			return this.each(function () {
820
				var image = $(this).css('backgroundImage');
821
				if (image.match(/^url\(["']?(.*\.png)["']?\)$/i)) {
822
					image = RegExp.$1;
823
					$(this).css({
824
						'backgroundImage': 'none',
825
						'filter': "progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='" + image + "')"
826
					}).each(function () {
827
						var position = $(this).css('position');
828
						if (position != 'absolute' && position != 'relative')
829
							$(this).css('position', 'relative');
830
					});
831
				}
832
			});
833
		} : function() { return this; },
834
		unfixPNG: IE ? function() {
835
			return this.each(function () {
836
				$(this).css({'filter': '', backgroundImage: ''});
837
			});
838
		} : function() { return this; },
839
		hideWhenEmpty: function() {
840
			return this.each(function() {
841
				$(this)[ $(this).html() ? "show" : "hide" ]();
842
			});
843
		},
844
		url: function() {
845
			return this.attr('href') || this.attr('src');
846
		}
847
	});
848
 
849
	function createHelper() {
850
		// there can be only one tooltip helper
851
		if( helper.parent )
852
			return;
853
		// create the helper, h3 for title, div for url
854
		helper.parent = $('<div id="tooltip"><h3></h3><div class="body"></div><div class="url"></div></div>')
855
			// hide it at first
856
			.hide()
857
			// add to document
858
			.appendTo('body');
859
 
860
		// apply bgiframe if available
861
		if ( $.fn.bgiframe )
862
			helper.parent.bgiframe();
863
 
864
		// save references to title and url elements
865
		helper.title = $('h3', helper.parent);
866
		helper.body = $('div.body', helper.parent);
867
		helper.url = $('div.url', helper.parent);
868
	}
869
 
870
	// main event handler to start showing tooltips
871
	function handle(event) {
872
		// show helper, either with timeout or on instant
873
		if( this.tSettings.delay )
874
			tID = setTimeout(show, this.tSettings.delay);
875
		else
876
			show();
877
 
878
		// if selected, update the helper position when the mouse moves
879
		track = !!this.tSettings.track;
880
		$('body').bind('mousemove', update);
881
 
882
		// update at least once
883
		update(event);
884
	}
885
 
886
	// save elements title before the tooltip is displayed
887
	function save() {
888
		// if this is the current source, or it has no title (occurs with click event), stop
889
		if ( $.Tooltip.blocked || this == current || !this.tooltipText )
890
			return;
891
 
892
		// save current
893
		current = this;
894
		title = this.tooltipText;
895
 
896
		if ( this.tSettings.bodyHandler ) {
897
			helper.title.hide();
898
			helper.body.html( this.tSettings.bodyHandler.call(this) ).show();
899
		} else if ( this.tSettings.showBody ) {
900
			var parts = title.split(this.tSettings.showBody);
901
			helper.title.html(parts.shift()).show();
902
			helper.body.empty();
903
			for(var i = 0, part; part = parts[i]; i++) {
904
				if(i > 0)
905
					helper.body.append("<br/>");
906
				helper.body.append(part);
907
			}
908
			helper.body.hideWhenEmpty();
909
		} else {
910
			helper.title.html(title).show();
911
			helper.body.hide();
912
		}
913
 
914
		// if element has href or src, add and show it, otherwise hide it
915
		if( this.tSettings.showURL && $(this).url() )
916
			helper.url.html( $(this).url().replace('http://', '') ).show();
917
		else
918
			helper.url.hide();
919
 
920
		// add an optional class for this tip
921
		helper.parent.addClass(this.tSettings.extraClass);
922
 
923
		// fix PNG background for IE
924
		if (this.tSettings.fixPNG )
925
			helper.parent.fixPNG();
926
 
927
		handle.apply(this, arguments);
928
	}
929
 
930
	// delete timeout and show helper
931
	function show() {
932
		tID = null;
933
		helper.parent.show();
934
		update();
935
	}
936
 
937
	/**
938
	 * callback for mousemove
939
	 * updates the helper position
940
	 * removes itself when no current element
941
	 */
942
	function update(event)	{
943
		if($.Tooltip.blocked)
944
			return;
945
 
946
		// stop updating when tracking is disabled and the tooltip is visible
947
		if ( !track && helper.parent.is(":visible")) {
948
			$('body').unbind('mousemove', update)
949
		}
950
 
951
		// if no current element is available, remove this listener
952
		if( current == null ) {
953
			$('body').unbind('mousemove', update);
954
			return;
955
		}
956
		var left = helper.parent[0].offsetLeft;
957
		var top = helper.parent[0].offsetTop;
958
		if(event) {
959
			// position the helper 15 pixel to bottom right, starting from mouse position
960
			left = event.pageX + current.tSettings.left;
961
			top = event.pageY + current.tSettings.top;
962
			helper.parent.css({
963
				left: left + 'px',
964
				top: top + 'px'
965
			});
966
		}
967
		var v = viewport(),
968
			h = helper.parent[0];
969
		// check horizontal position
970
		if(v.x + v.cx < h.offsetLeft + h.offsetWidth) {
971
			left -= h.offsetWidth + 20 + current.tSettings.left;
972
			helper.parent.css({left: left + 'px'});
973
		}
974
		// check vertical position
975
		if(v.y + v.cy < h.offsetTop + h.offsetHeight) {
976
			top -= h.offsetHeight + 20 + current.tSettings.top;
977
			helper.parent.css({top: top + 'px'});
978
		}
979
	}
980
 
981
	function viewport() {
982
		return {
983
			x: $(window).scrollLeft(),
984
			y: $(window).scrollTop(),
985
			cx: $(window).width(),
986
			cy: $(window).height()
987
		};
988
	}
989
 
990
	// hide helper and restore added classes and the title
991
	function hide(event) {
992
		if($.Tooltip.blocked)
993
			return;
994
		// clear timeout if possible
995
		if(tID)
996
			clearTimeout(tID);
997
		// no more current element
998
		current = null;
999
 
1000
		helper.parent.hide().removeClass( this.tSettings.extraClass );
1001
 
1002
		if( this.tSettings.fixPNG )
1003
			helper.parent.unfixPNG();
1004
	}
1005
 
1006
})(jQuery);
1007
 
1008
/* Copyright (c) 2007 Paul Bakaus (paul.bakaus@googlemail.com) and Brandon Aaron (brandon.aaron@gmail.com || http://brandonaaron.net)
1009
 * Dual licensed under the MIT (http://www.opensource.org/licenses/mit-license.php)
1010
 * and GPL (http://www.opensource.org/licenses/gpl-license.php) licenses.
1011
 *
1012
 * $LastChangedDate: 2007-06-22 04:38:37 +0200 (Fr, 22 Jun 2007) $
1013
 * $Rev: 2141 $
1014
 *
1015
 * Version: 1.0b2
1016
 */
1017
 
1018
(function($){
1019
 
1020
// store a copy of the core height and width methods
1021
var height = $.fn.height,
1022
    width  = $.fn.width;
1023
 
1024
$.fn.extend({
1025
	/**
1026
	 * If used on document, returns the document's height (innerHeight)
1027
	 * If used on window, returns the viewport's (window) height
1028
	 * See core docs on height() to see what happens when used on an element.
1029
	 *
1030
	 * @example $("#testdiv").height()
1031
	 * @result 200
1032
	 *
1033
	 * @example $(document).height()
1034
	 * @result 800
1035
	 *
1036
	 * @example $(window).height()
1037
	 * @result 400
1038
	 *
1039
	 * @name height
1040
	 * @type Object
1041
	 * @cat Plugins/Dimensions
1042
	 */
1043
	height: function() {
1044
		if ( this[0] == window )
1045
			return self.innerHeight ||
1046
				$.boxModel && document.documentElement.clientHeight ||
1047
				document.body.clientHeight;
1048
 
1049
		if ( this[0] == document )
1050
			return Math.max( document.body.scrollHeight, document.body.offsetHeight );
1051
 
1052
		return height.apply(this, arguments);
1053
	},
1054
 
1055
	/**
1056
	 * If used on document, returns the document's width (innerWidth)
1057
	 * If used on window, returns the viewport's (window) width
1058
	 * See core docs on height() to see what happens when used on an element.
1059
	 *
1060
	 * @example $("#testdiv").width()
1061
	 * @result 200
1062
	 *
1063
	 * @example $(document).width()
1064
	 * @result 800
1065
	 *
1066
	 * @example $(window).width()
1067
	 * @result 400
1068
	 *
1069
	 * @name width
1070
	 * @type Object
1071
	 * @cat Plugins/Dimensions
1072
	 */
1073
	width: function() {
1074
		if ( this[0] == window )
1075
			return self.innerWidth ||
1076
				$.boxModel && document.documentElement.clientWidth ||
1077
				document.body.clientWidth;
1078
 
1079
		if ( this[0] == document )
1080
			return Math.max( document.body.scrollWidth, document.body.offsetWidth );
1081
 
1082
		return width.apply(this, arguments);
1083
	},
1084
 
1085
	/**
1086
	 * Returns the inner height value (without border) for the first matched element.
1087
	 * If used on document, returns the document's height (innerHeight)
1088
	 * If used on window, returns the viewport's (window) height
1089
	 *
1090
	 * @example $("#testdiv").innerHeight()
1091
	 * @result 800
1092
	 *
1093
	 * @name innerHeight
1094
	 * @type Number
1095
	 * @cat Plugins/Dimensions
1096
	 */
1097
	innerHeight: function() {
1098
		return this[0] == window || this[0] == document ?
1099
			this.height() :
1100
			this.is(':visible') ?
1101
				this[0].offsetHeight - num(this, 'borderTopWidth') - num(this, 'borderBottomWidth') :
1102
				this.height() + num(this, 'paddingTop') + num(this, 'paddingBottom');
1103
	},
1104
 
1105
	/**
1106
	 * Returns the inner width value (without border) for the first matched element.
1107
	 * If used on document, returns the document's Width (innerWidth)
1108
	 * If used on window, returns the viewport's (window) width
1109
	 *
1110
	 * @example $("#testdiv").innerWidth()
1111
	 * @result 1000
1112
	 *
1113
	 * @name innerWidth
1114
	 * @type Number
1115
	 * @cat Plugins/Dimensions
1116
	 */
1117
	innerWidth: function() {
1118
		return this[0] == window || this[0] == document ?
1119
			this.width() :
1120
			this.is(':visible') ?
1121
				this[0].offsetWidth - num(this, 'borderLeftWidth') - num(this, 'borderRightWidth') :
1122
				this.width() + num(this, 'paddingLeft') + num(this, 'paddingRight');
1123
	},
1124
 
1125
	/**
1126
	 * Returns the outer height value (including border) for the first matched element.
1127
	 * Cannot be used on document or window.
1128
	 *
1129
	 * @example $("#testdiv").outerHeight()
1130
	 * @result 1000
1131
	 *
1132
	 * @name outerHeight
1133
	 * @type Number
1134
	 * @cat Plugins/Dimensions
1135
	 */
1136
	outerHeight: function() {
1137
		return this[0] == window || this[0] == document ?
1138
			this.height() :
1139
			this.is(':visible') ?
1140
				this[0].offsetHeight :
1141
				this.height() + num(this,'borderTopWidth') + num(this, 'borderBottomWidth') + num(this, 'paddingTop') + num(this, 'paddingBottom');
1142
	},
1143
 
1144
	/**
1145
	 * Returns the outer width value (including border) for the first matched element.
1146
	 * Cannot be used on document or window.
1147
	 *
1148
	 * @example $("#testdiv").outerHeight()
1149
	 * @result 1000
1150
	 *
1151
	 * @name outerHeight
1152
	 * @type Number
1153
	 * @cat Plugins/Dimensions
1154
	 */
1155
	outerWidth: function() {
1156
		return this[0] == window || this[0] == document ?
1157
			this.width() :
1158
			this.is(':visible') ?
1159
				this[0].offsetWidth :
1160
				this.width() + num(this, 'borderLeftWidth') + num(this, 'borderRightWidth') + num(this, 'paddingLeft') + num(this, 'paddingRight');
1161
	},
1162
 
1163
	/**
1164
	 * Returns how many pixels the user has scrolled to the right (scrollLeft).
1165
	 * Works on containers with overflow: auto and window/document.
1166
	 *
1167
	 * @example $("#testdiv").scrollLeft()
1168
	 * @result 100
1169
	 *
1170
	 * @name scrollLeft
1171
	 * @type Number
1172
	 * @cat Plugins/Dimensions
1173
	 */
1174
	/**
1175
	 * Sets the scrollLeft property and continues the chain.
1176
	 * Works on containers with overflow: auto and window/document.
1177
	 *
1178
	 * @example $("#testdiv").scrollLeft(10).scrollLeft()
1179
	 * @result 10
1180
	 *
1181
	 * @name scrollLeft
1182
	 * @param Number value A positive number representing the desired scrollLeft.
1183
	 * @type jQuery
1184
	 * @cat Plugins/Dimensions
1185
	 */
1186
	scrollLeft: function(val) {
1187
		if ( val != undefined )
1188
			// set the scroll left
1189
			return this.each(function() {
1190
				if (this == window || this == document)
1191
					window.scrollTo( val, $(window).scrollTop() );
1192
				else
1193
					this.scrollLeft = val;
1194
			});
1195
 
1196
		// return the scroll left offest in pixels
1197
		if ( this[0] == window || this[0] == document )
1198
			return self.pageXOffset ||
1199
				$.boxModel && document.documentElement.scrollLeft ||
1200
				document.body.scrollLeft;
1201
 
1202
		return this[0].scrollLeft;
1203
	},
1204
 
1205
	/**
1206
	 * Returns how many pixels the user has scrolled to the bottom (scrollTop).
1207
	 * Works on containers with overflow: auto and window/document.
1208
	 *
1209
	 * @example $("#testdiv").scrollTop()
1210
	 * @result 100
1211
	 *
1212
	 * @name scrollTop
1213
	 * @type Number
1214
	 * @cat Plugins/Dimensions
1215
	 */
1216
	/**
1217
	 * Sets the scrollTop property and continues the chain.
1218
	 * Works on containers with overflow: auto and window/document.
1219
	 *
1220
	 * @example $("#testdiv").scrollTop(10).scrollTop()
1221
	 * @result 10
1222
	 *
1223
	 * @name scrollTop
1224
	 * @param Number value A positive number representing the desired scrollTop.
1225
	 * @type jQuery
1226
	 * @cat Plugins/Dimensions
1227
	 */
1228
	scrollTop: function(val) {
1229
		if ( val != undefined )
1230
			// set the scroll top
1231
			return this.each(function() {
1232
				if (this == window || this == document)
1233
					window.scrollTo( $(window).scrollLeft(), val );
1234
				else
1235
					this.scrollTop = val;
1236
			});
1237
 
1238
		// return the scroll top offset in pixels
1239
		if ( this[0] == window || this[0] == document )
1240
			return self.pageYOffset ||
1241
				$.boxModel && document.documentElement.scrollTop ||
1242
				document.body.scrollTop;
1243
 
1244
		return this[0].scrollTop;
1245
	},
1246
 
1247
	/**
1248
	 * Returns the top and left positioned offset in pixels.
1249
	 * The positioned offset is the offset between a positioned
1250
	 * parent and the element itself.
1251
	 *
1252
	 * @example $("#testdiv").position()
1253
	 * @result { top: 100, left: 100 }
1254
	 *
1255
	 * @name position
1256
	 * @param Map options Optional settings to configure the way the offset is calculated.
1257
	 * @option Boolean margin Should the margin of the element be included in the calculations? False by default.
1258
	 * @option Boolean border Should the border of the element be included in the calculations? False by default.
1259
	 * @option Boolean padding Should the padding of the element be included in the calculations? False by default.
1260
	 * @param Object returnObject An object to store the return value in, so as not to break the chain. If passed in the
1261
	 *                            chain will not be broken and the result will be assigned to this object.
1262
	 * @type Object
1263
	 * @cat Plugins/Dimensions
1264
	 */
1265
	position: function(options, returnObject) {
1266
		var elem = this[0], parent = elem.parentNode, op = elem.offsetParent,
1267
		    options = $.extend({ margin: false, border: false, padding: false, scroll: false }, options || {}),
1268
			x = elem.offsetLeft,
1269
			y = elem.offsetTop,
1270
			sl = elem.scrollLeft,
1271
			st = elem.scrollTop;
1272
 
1273
		// Mozilla and IE do not add the border
1274
		if ($.browser.mozilla || $.browser.msie) {
1275
			// add borders to offset
1276
			x += num(elem, 'borderLeftWidth');
1277
			y += num(elem, 'borderTopWidth');
1278
		}
1279
 
1280
		if ($.browser.mozilla) {
1281
			do {
1282
				// Mozilla does not add the border for a parent that has overflow set to anything but visible
1283
				if ($.browser.mozilla && parent != elem && $.css(parent, 'overflow') != 'visible') {
1284
					x += num(parent, 'borderLeftWidth');
1285
					y += num(parent, 'borderTopWidth');
1286
				}
1287
 
1288
				if (parent == op) break; // break if we are already at the offestParent
1289
			} while ((parent = parent.parentNode) && (parent.tagName.toLowerCase() != 'body' || parent.tagName.toLowerCase() != 'html'));
1290
		}
1291
 
1292
		var returnValue = handleOffsetReturn(elem, options, x, y, sl, st);
1293
 
1294
		if (returnObject) { $.extend(returnObject, returnValue); return this; }
1295
		else              { return returnValue; }
1296
	},
1297
 
1298
	/**
1299
	 * Returns the location of the element in pixels from the top left corner of the viewport.
1300
	 *
1301
	 * For accurate readings make sure to use pixel values for margins, borders and padding.
1302
	 *
1303
	 * Known issues:
1304
	 *  - Issue: A div positioned relative or static without any content before it and its parent will report an offsetTop of 0 in Safari
1305
	 *    Workaround: Place content before the relative div ... and set height and width to 0 and overflow to hidden
1306
	 *
1307
	 * @example $("#testdiv").offset()
1308
	 * @result { top: 100, left: 100, scrollTop: 10, scrollLeft: 10 }
1309
	 *
1310
	 * @example $("#testdiv").offset({ scroll: false })
1311
	 * @result { top: 90, left: 90 }
1312
	 *
1313
	 * @example var offset = {}
1314
	 * $("#testdiv").offset({ scroll: false }, offset)
1315
	 * @result offset = { top: 90, left: 90 }
1316
	 *
1317
	 * @name offset
1318
	 * @param Map options Optional settings to configure the way the offset is calculated.
1319
	 * @option Boolean margin Should the margin of the element be included in the calculations? True by default.
1320
	 * @option Boolean border Should the border of the element be included in the calculations? False by default.
1321
	 * @option Boolean padding Should the padding of the element be included in the calculations? False by default.
1322
	 * @option Boolean scroll Should the scroll offsets of the parent elements be included in the calculations? True by default.
1323
	 *                        When true it adds the totla scroll offets of all parents to the total offset and also adds two properties
1324
	 *                        to the returned object, scrollTop and scrollLeft.
1325
	 * @options Boolean lite Will use offsetLite instead of offset when set to true. False by default.
1326
	 * @param Object returnObject An object to store the return value in, so as not to break the chain. If passed in the
1327
	 *                            chain will not be broken and the result will be assigned to this object.
1328
	 * @type Object
1329
	 * @cat Plugins/Dimensions
1330
	 */
1331
	offset: function(options, returnObject) {
1332
		var x = 0, y = 0, sl = 0, st = 0,
1333
		    elem = this[0], parent = this[0], op, parPos, elemPos = $.css(elem, 'position'),
1334
		    mo = $.browser.mozilla, ie = $.browser.msie, sf = $.browser.safari, oa = $.browser.opera,
1335
		    absparent = false, relparent = false,
1336
		    options = $.extend({ margin: true, border: false, padding: false, scroll: true, lite: false }, options || {});
1337
 
1338
		// Use offsetLite if lite option is true
1339
		if (options.lite) return this.offsetLite(options, returnObject);
1340
 
1341
		if (elem.tagName.toLowerCase() == 'body') {
1342
			// Safari is the only one to get offsetLeft and offsetTop properties of the body "correct"
1343
			// Except they all mess up when the body is positioned absolute or relative
1344
			x = elem.offsetLeft;
1345
			y = elem.offsetTop;
1346
			// Mozilla ignores margin and subtracts border from body element
1347
			if (mo) {
1348
				x += num(elem, 'marginLeft') + (num(elem, 'borderLeftWidth')*2);
1349
				y += num(elem, 'marginTop')  + (num(elem, 'borderTopWidth') *2);
1350
			} else
1351
			// Opera ignores margin
1352
			if (oa) {
1353
				x += num(elem, 'marginLeft');
1354
				y += num(elem, 'marginTop');
1355
			} else
1356
			// IE does not add the border in Standards Mode
1357
			if (ie && jQuery.boxModel) {
1358
				x += num(elem, 'borderLeftWidth');
1359
				y += num(elem, 'borderTopWidth');
1360
			}
1361
		} else {
1362
			do {
1363
				parPos = $.css(parent, 'position');
1364
 
1365
				x += parent.offsetLeft;
1366
				y += parent.offsetTop;
1367
 
1368
				// Mozilla and IE do not add the border
1369
				if (mo || ie) {
1370
					// add borders to offset
1371
					x += num(parent, 'borderLeftWidth');
1372
					y += num(parent, 'borderTopWidth');
1373
 
1374
					// Mozilla does not include the border on body if an element isn't positioned absolute and is without an absolute parent
1375
					if (mo && parPos == 'absolute') absparent = true;
1376
					// IE does not include the border on the body if an element is position static and without an absolute or relative parent
1377
					if (ie && parPos == 'relative') relparent = true;
1378
				}
1379
 
1380
				op = parent.offsetParent;
1381
				if (options.scroll || mo) {
1382
					do {
1383
						if (options.scroll) {
1384
							// get scroll offsets
1385
							sl += parent.scrollLeft;
1386
							st += parent.scrollTop;
1387
						}
1388
 
1389
						// Mozilla does not add the border for a parent that has overflow set to anything but visible
1390
						if (mo && parent != elem && $.css(parent, 'overflow') != 'visible') {
1391
							x += num(parent, 'borderLeftWidth');
1392
							y += num(parent, 'borderTopWidth');
1393
						}
1394
 
1395
						parent = parent.parentNode;
1396
					} while (parent != op);
1397
				}
1398
				parent = op;
1399
 
1400
				if (parent.tagName.toLowerCase() == 'body' || parent.tagName.toLowerCase() == 'html') {
1401
					// Safari and IE Standards Mode doesn't add the body margin for elments positioned with static or relative
1402
					if ((sf || (ie && $.boxModel)) && elemPos != 'absolute' && elemPos != 'fixed') {
1403
						x += num(parent, 'marginLeft');
1404
						y += num(parent, 'marginTop');
1405
					}
1406
					// Mozilla does not include the border on body if an element isn't positioned absolute and is without an absolute parent
1407
					// IE does not include the border on the body if an element is positioned static and without an absolute or relative parent
1408
					if ( (mo && !absparent && elemPos != 'fixed') ||
1409
					     (ie && elemPos == 'static' && !relparent) ) {
1410
						x += num(parent, 'borderLeftWidth');
1411
						y += num(parent, 'borderTopWidth');
1412
					}
1413
					break; // Exit the loop
1414
				}
1415
			} while (parent);
1416
		}
1417
 
1418
		var returnValue = handleOffsetReturn(elem, options, x, y, sl, st);
1419
 
1420
		if (returnObject) { $.extend(returnObject, returnValue); return this; }
1421
		else              { return returnValue; }
1422
	},
1423
 
1424
	/**
1425
	 * Returns the location of the element in pixels from the top left corner of the viewport.
1426
	 * This method is much faster than offset but not as accurate. This method can be invoked
1427
	 * by setting the lite option to true in the offset method.
1428
	 *
1429
	 * @name offsetLite
1430
	 * @param Map options Optional settings to configure the way the offset is calculated.
1431
	 * @option Boolean margin Should the margin of the element be included in the calculations? True by default.
1432
	 * @option Boolean border Should the border of the element be included in the calculations? False by default.
1433
	 * @option Boolean padding Should the padding of the element be included in the calculations? False by default.
1434
	 * @option Boolean scroll Should the scroll offsets of the parent elements be included in the calculations? True by default.
1435
	 *                        When true it adds the totla scroll offets of all parents to the total offset and also adds two properties
1436
	 *                        to the returned object, scrollTop and scrollLeft.
1437
	 * @param Object returnObject An object to store the return value in, so as not to break the chain. If passed in the
1438
	 *                            chain will not be broken and the result will be assigned to this object.
1439
	 * @type Object
1440
	 * @cat Plugins/Dimensions
1441
	 */
1442
	offsetLite: function(options, returnObject) {
1443
		var x = 0, y = 0, sl = 0, st = 0, parent = this[0], op,
1444
		    options = $.extend({ margin: true, border: false, padding: false, scroll: true }, options || {});
1445
 
1446
		do {
1447
			x += parent.offsetLeft;
1448
			y += parent.offsetTop;
1449
 
1450
			op = parent.offsetParent;
1451
			if (options.scroll) {
1452
				// get scroll offsets
1453
				do {
1454
					sl += parent.scrollLeft;
1455
					st += parent.scrollTop;
1456
					parent = parent.parentNode;
1457
				} while(parent != op);
1458
			}
1459
			parent = op;
1460
		} while (parent && parent.tagName.toLowerCase() != 'body' && parent.tagName.toLowerCase() != 'html');
1461
 
1462
		var returnValue = handleOffsetReturn(this[0], options, x, y, sl, st);
1463
 
1464
		if (returnObject) { $.extend(returnObject, returnValue); return this; }
1465
		else              { return returnValue; }
1466
	}
1467
});
1468
 
1469
/**
1470
 * Handles converting a CSS Style into an Integer.
1471
 * @private
1472
 */
1473
var num = function(el, prop) {
1474
	return parseInt($.css(el.jquery?el[0]:el,prop))||0;
1475
};
1476
 
1477
/**
1478
 * Handles the return value of the offset and offsetLite methods.
1479
 * @private
1480
 */
1481
var handleOffsetReturn = function(elem, options, x, y, sl, st) {
1482
	if ( !options.margin ) {
1483
		x -= num(elem, 'marginLeft');
1484
		y -= num(elem, 'marginTop');
1485
	}
1486
 
1487
	// Safari and Opera do not add the border for the element
1488
	if ( options.border && ($.browser.safari || $.browser.opera) ) {
1489
		x += num(elem, 'borderLeftWidth');
1490
		y += num(elem, 'borderTopWidth');
1491
	} else if ( !options.border && !($.browser.safari || $.browser.opera) ) {
1492
		x -= num(elem, 'borderLeftWidth');
1493
		y -= num(elem, 'borderTopWidth');
1494
	}
1495
 
1496
	if ( options.padding ) {
1497
		x += num(elem, 'paddingLeft');
1498
		y += num(elem, 'paddingTop');
1499
	}
1500
 
1501
	// do not include scroll offset on the element
1502
	if ( options.scroll ) {
1503
		sl -= elem.scrollLeft;
1504
		st -= elem.scrollTop;
1505
	}
1506
 
1507
	return options.scroll ? { top: y - st, left: x - sl, scrollTop:  st, scrollLeft: sl }
1508
	                      : { top: y, left: x };
1509
};
1510
 
1511
})(jQuery);