1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78

/**
 * ColourPicker 1.0
 *
 * Centers all matched elements using position: fixed (no IE)
 *
 * Usage: jQuery('div.img-overlay').center();
 *
 * @class center
 *
 * Copyright (c) 2008 Andreas Lagerkvist (andreaslagerkvist.com)
 * Released under a GNU General Public License v3 (http://creativecommons.org/licenses/by/3.0/)
 */
jQuery.fn.center = function() {
	// Always return each...
	return this.each(function() {
		var t = jQuery(this);

		// Set position to other than 'static' so element shrink-wraps and width/height is calculated properly
		t.css({position: 'fixed'});

		// Why are there no jQuery.fn.outerWidth/Height:s?
		var w = t.width(), 
			h = t.height(), 
			lrPadding = parseInt(t.css('paddingLeft'), 10) + parseInt(t.css('paddingRight'), 10), 
			lrBorder = parseInt(t.css('borderLeftWidth'), 10) + parseInt(t.css('borderRightWidth'), 10), 
			tbPadding = parseInt(t.css('paddingTop'), 10) + parseInt(t.css('paddingBottom'), 10), 
			tbBorder = parseInt(t.css('borderTopWidth'), 10) + parseInt(t.css('borderBottomWidth'), 10), 
			leftMargin = (w + lrPadding + lrBorder) / 2;
			topMargin = (h + tbPadding + tbBorder) / 2;

		t.css({
			position: 'fixed', 
			left: '50%', 
			top: '50%', 
			marginLeft: '-' +leftMargin +'px', 
			marginTop: '-' +topMargin +'px', 
			zIndex: '99'
		});

		/* Use this code if you care about IE<7, this requires the dimensions plug-in tho
		// Calculate left and top pos values
		var leftPos = (jQuery(window).width() - jQuery(this).outerWidth()) / 2 + jQuery(window).scrollLeft(), 
			topPos = (jQuery(window).height() - jQuery(this).outerHeight()) / 2 + jQuery(window).scrollTop();

		// Make sure element is not out of bounds
		leftPos = (leftPos < 0) ? 0 : leftPos;
		topPos = (topPos < 0) ? 0 : topPos;

		jQuery(this).css({left: leftPos +'px', top: topPos +'px', zIndex: '1000'});
		*/
	});
};
/*
// If dimensions plug-in isn't available
// Why is there no jQuery.fn.outerWidth bundled with jQuery?
if(!jQuery.fn.outerWidth) {
	jQuery.fn.outerWidth = function() {
		var t = jQuery(this[0]), 
			w = t.width(), 
			lrPadding = parseInt(t.css('paddingLeft'), 10) + parseInt(t.css('paddingRight'), 10), 
			lrBorder = parseInt(t.css('borderLeftWidth'), 10) + parseInt(t.css('borderRightWidth'), 10);

		return w + lrPadding + lrBorder;
	};
}
if(!jQuery.fn.outerHeight) {
	jQuery.fn.outerHeight = function() {
		return this.each(function() {
			var t = jQuery(this)[0], 
				h = t.height(), 
				tbPadding = parseInt(t.css('paddingTop'), 10) + parseInt(t.css('paddingBottom'), 10), 
				tbBorder = parseInt(t.css('borderTopWidth'), 10) + parseInt(t.css('borderBottomWidth'), 10);

			return h + tbPadding + tbBorder;
		});
	};
}
*/