/* Copyright (c) 2007 Paul Bakaus (paul.bakaus@googlemail.com) and Brandon Aaron (brandon.aaron@gmail.com || http://brandonaaron.net)

 * Dual licensed under the MIT (http://www.opensource.org/licenses/mit-license.php)

 * and GPL (http://www.opensource.org/licenses/gpl-license.php) licenses.

 *

 * $LastChangedDate: 2007-06-22 04:38:37 +0200 (Fr, 22 Jun 2007) $

 * $Rev: 2141 $

 *

 * Version: 1.0b2

 */

(function($){

// store a copy of the core height and width methods

var height = $.fn.height,

    width  = $.fn.width;

$.fn.extend({

	/**

	 * If used on document, returns the document's height (innerHeight)

	 * If used on window, returns the viewport's (window) height

	 * See core docs on height() to see what happens when used on an element.

	 *

	 * @example $("#testdiv").height()

	 * @result 200

	 *

	 * @example $(document).height()

	 * @result 800

	 *

	 * @example $(window).height()

	 * @result 400

	 *

	 * @name height

	 * @type Object

	 * @cat Plugins/Dimensions

	 */

	height: function() {

		if ( this[0] == window )

			return self.innerHeight ||

				$.boxModel && document.documentElement.clientHeight || 

				document.body.clientHeight;

		if ( this[0] == document )

			return Math.max( document.body.scrollHeight, document.body.offsetHeight );

		return height.apply(this, arguments);

	},

	/**

	 * If used on document, returns the document's width (innerWidth)

	 * If used on window, returns the viewport's (window) width

	 * See core docs on height() to see what happens when used on an element.

	 *

	 * @example $("#testdiv").width()

	 * @result 200

	 *

	 * @example $(document).width()

	 * @result 800

	 *

	 * @example $(window).width()

	 * @result 400

	 *

	 * @name width

	 * @type Object

	 * @cat Plugins/Dimensions

	 */

	width: function() {

		if ( this[0] == window )

			return self.innerWidth ||

				$.boxModel && document.documentElement.clientWidth ||

				document.body.clientWidth;

		if ( this[0] == document )

			return Math.max( document.body.scrollWidth, document.body.offsetWidth );

		return width.apply(this, arguments);

	},

	/**

	 * Returns the inner height value (without border) for the first matched element.

	 * If used on document, returns the document's height (innerHeight)

	 * If used on window, returns the viewport's (window) height

	 *

	 * @example $("#testdiv").innerHeight()

	 * @result 800

	 *

	 * @name innerHeight

	 * @type Number

	 * @cat Plugins/Dimensions

	 */

	innerHeight: function() {

		return this[0] == window || this[0] == document ?

			this.height() :

			this.is(':visible') ?

				this[0].offsetHeight - num(this, 'borderTopWidth') - num(this, 'borderBottomWidth') :

				this.height() + num(this, 'paddingTop') + num(this, 'paddingBottom');

	},

	/**

	 * Returns the inner width value (without border) for the first matched element.

	 * If used on document, returns the document's Width (innerWidth)

	 * If used on window, returns the viewport's (window) width

	 *

	 * @example $("#testdiv").innerWidth()

	 * @result 1000

	 *

	 * @name innerWidth

	 * @type Number

	 * @cat Plugins/Dimensions

	 */

	innerWidth: function() {

		return this[0] == window || this[0] == document ?

			this.width() :

			this.is(':visible') ?

				this[0].offsetWidth - num(this, 'borderLeftWidth') - num(this, 'borderRightWidth') :

				this.width() + num(this, 'paddingLeft') + num(this, 'paddingRight');

	},

	/**

	 * Returns the outer height value (including border) for the first matched element.

	 * Cannot be used on document or window.

	 *

	 * @example $("#testdiv").outerHeight()

	 * @result 1000

	 *

	 * @name outerHeight

	 * @type Number

	 * @cat Plugins/Dimensions

	 */

	outerHeight: function() {

		return this[0] == window || this[0] == document ?

			this.height() :

			this.is(':visible') ?

				this[0].offsetHeight :

				this.height() + num(this,'borderTopWidth') + num(this, 'borderBottomWidth') + num(this, 'paddingTop') + num(this, 'paddingBottom');

	},

	/**

	 * Returns the outer width value (including border) for the first matched element.

	 * Cannot be used on document or window.

	 *

	 * @example $("#testdiv").outerHeight()

	 * @result 1000

	 *

	 * @name outerHeight

	 * @type Number

	 * @cat Plugins/Dimensions

	 */

	outerWidth: function() {

		return this[0] == window || this[0] == document ?

			this.width() :

			this.is(':visible') ?

				this[0].offsetWidth :

				this.width() + num(this, 'borderLeftWidth') + num(this, 'borderRightWidth') + num(this, 'paddingLeft') + num(this, 'paddingRight');

	},

	/**

	 * Returns how many pixels the user has scrolled to the right (scrollLeft).

	 * Works on containers with overflow: auto and window/document.

	 *

	 * @example $("#testdiv").scrollLeft()

	 * @result 100

	 *

	 * @name scrollLeft

	 * @type Number

	 * @cat Plugins/Dimensions

	 */

	/**

	 * Sets the scrollLeft property and continues the chain.

	 * Works on containers with overflow: auto and window/document.

	 *

	 * @example $("#testdiv").scrollLeft(10).scrollLeft()

	 * @result 10

	 *

	 * @name scrollLeft

	 * @param Number value A positive number representing the desired scrollLeft.

	 * @type jQuery

	 * @cat Plugins/Dimensions

	 */

	scrollLeft: function(val) {

		if ( val != undefined )

			// set the scroll left

			return this.each(function() {

				if (this == window || this == document)

					window.scrollTo( val, $(window).scrollTop() );

				else

					this.scrollLeft = val;

			});

		// return the scroll left offest in pixels

		if ( this[0] == window || this[0] == document )

			return self.pageXOffset ||

				$.boxModel && document.documentElement.scrollLeft ||

				document.body.scrollLeft;

		return this[0].scrollLeft;

	},

	/**

	 * Returns how many pixels the user has scrolled to the bottom (scrollTop).

	 * Works on containers with overflow: auto and window/document.

	 *

	 * @example $("#testdiv").scrollTop()

	 * @result 100

	 *

	 * @name scrollTop

	 * @type Number

	 * @cat Plugins/Dimensions

	 */

	/**

	 * Sets the scrollTop property and continues the chain.

	 * Works on containers with overflow: auto and window/document.

	 *

	 * @example $("#testdiv").scrollTop(10).scrollTop()

	 * @result 10

	 *

	 * @name scrollTop

	 * @param Number value A positive number representing the desired scrollTop.

	 * @type jQuery

	 * @cat Plugins/Dimensions

	 */

	scrollTop: function(val) {

		if ( val != undefined )

			// set the scroll top

			return this.each(function() {

				if (this == window || this == document)

					window.scrollTo( $(window).scrollLeft(), val );

				else

					this.scrollTop = val;

			});

		// return the scroll top offset in pixels

		if ( this[0] == window || this[0] == document )

			return self.pageYOffset ||

				$.boxModel && document.documentElement.scrollTop ||

				document.body.scrollTop;

		return this[0].scrollTop;

	},

	/** 

	 * Returns the top and left positioned offset in pixels.

	 * The positioned offset is the offset between a positioned

	 * parent and the element itself.

	 *

	 * @example $("#testdiv").position()

	 * @result { top: 100, left: 100 }

	 * 

	 * @name position

	 * @param Map options Optional settings to configure the way the offset is calculated.

	 * @option Boolean margin Should the margin of the element be included in the calculations? False by default.

	 * @option Boolean border Should the border of the element be included in the calculations? False by default.

	 * @option Boolean padding Should the padding of the element be included in the calculations? False by default.

	 * @param Object returnObject An object to store the return value in, so as not to break the chain. If passed in the

	 *                            chain will not be broken and the result will be assigned to this object.

	 * @type Object

	 * @cat Plugins/Dimensions

	 */

	position: function(options, returnObject) {

		var elem = this[0], parent = elem.parentNode, op = elem.offsetParent,

		    options = $.extend({ margin: false, border: false, padding: false, scroll: false }, options || {}),

			x = elem.offsetLeft,

			y = elem.offsetTop, 

			sl = elem.scrollLeft, 

			st = elem.scrollTop;

		// Mozilla and IE do not add the border

		if ($.browser.mozilla || $.browser.msie) {

			// add borders to offset

			x += num(elem, 'borderLeftWidth');

			y += num(elem, 'borderTopWidth');

		}

		if ($.browser.mozilla) {

			do {

				// Mozilla does not add the border for a parent that has overflow set to anything but visible

				if ($.browser.mozilla && parent != elem && $.css(parent, 'overflow') != 'visible') {

					x += num(parent, 'borderLeftWidth');

					y += num(parent, 'borderTopWidth');

				}

				if (parent == op) break; // break if we are already at the offestParent

			} while ((parent = parent.parentNode) && (parent.tagName.toLowerCase() != 'body' || parent.tagName.toLowerCase() != 'html'));

		}

		var returnValue = handleOffsetReturn(elem, options, x, y, sl, st);

		if (returnObject) { $.extend(returnObject, returnValue); return this; }

		else              { return returnValue; }

	},

	/**

	 * Returns the location of the element in pixels from the top left corner of the viewport.

	 *

	 * For accurate readings make sure to use pixel values for margins, borders and padding.

	 * 

	 * Known issues:

	 *  - Issue: A div positioned relative or static without any content before it and its parent will report an offsetTop of 0 in Safari

	 *    Workaround: Place content before the relative div ... and set height and width to 0 and overflow to hidden

	 *

	 * @example $("#testdiv").offset()

	 * @result { top: 100, left: 100, scrollTop: 10, scrollLeft: 10 }

	 *

	 * @example $("#testdiv").offset({ scroll: false })

	 * @result { top: 90, left: 90 }

	 *

	 * @example var offset = {}

	 * $("#testdiv").offset({ scroll: false }, offset)

	 * @result offset = { top: 90, left: 90 }

	 *

	 * @name offset

	 * @param Map options Optional settings to configure the way the offset is calculated.

	 * @option Boolean margin Should the margin of the element be included in the calculations? True by default.

	 * @option Boolean border Should the border of the element be included in the calculations? False by default.

	 * @option Boolean padding Should the padding of the element be included in the calculations? False by default.

	 * @option Boolean scroll Should the scroll offsets of the parent elements be included in the calculations? True by default.

	 *                        When true it adds the totla scroll offets of all parents to the total offset and also adds two properties

	 *                        to the returned object, scrollTop and scrollLeft. 

	 * @options Boolean lite Will use offsetLite instead of offset when set to true. False by default.

	 * @param Object returnObject An object to store the return value in, so as not to break the chain. If passed in the

	 *                            chain will not be broken and the result will be assigned to this object.

	 * @type Object

	 * @cat Plugins/Dimensions

	 */

	offset: function(options, returnObject) {

		var x = 0, y = 0, sl = 0, st = 0,

		    elem = this[0], parent = this[0], op, parPos, elemPos = $.css(elem, 'position'),

		    mo = $.browser.mozilla, ie = $.browser.msie, sf = $.browser.safari, oa = $.browser.opera,

		    absparent = false, relparent = false, 

		    options = $.extend({ margin: true, border: false, padding: false, scroll: true, lite: false }, options || {});

		// Use offsetLite if lite option is true

		if (options.lite) return this.offsetLite(options, returnObject);

		if (elem.tagName.toLowerCase() == 'body') {

			// Safari is the only one to get offsetLeft and offsetTop properties of the body "correct"

			// Except they all mess up when the body is positioned absolute or relative

			x = elem.offsetLeft;

			y = elem.offsetTop;

			// Mozilla ignores margin and subtracts border from body element

			if (mo) {

				x += num(elem, 'marginLeft') + (num(elem, 'borderLeftWidth')*2);

				y += num(elem, 'marginTop')  + (num(elem, 'borderTopWidth') *2);

			} else

			// Opera ignores margin

			if (oa) {

				x += num(elem, 'marginLeft');

				y += num(elem, 'marginTop');

			} else

			// IE does not add the border in Standards Mode

			if (ie && jQuery.boxModel) {

				x += num(elem, 'borderLeftWidth');

				y += num(elem, 'borderTopWidth');

			}

		} else {

			do {

				parPos = $.css(parent, 'position');

				x += parent.offsetLeft;

				y += parent.offsetTop;

				// Mozilla and IE do not add the border

				if (mo || ie) {

					// add borders to offset

					x += num(parent, 'borderLeftWidth');

					y += num(parent, 'borderTopWidth');

					// Mozilla does not include the border on body if an element isn't positioned absolute and is without an absolute parent

					if (mo && parPos == 'absolute') absparent = true;

					// IE does not include the border on the body if an element is position static and without an absolute or relative parent

					if (ie && parPos == 'relative') relparent = true;

				}

				op = parent.offsetParent;

				if (options.scroll || mo) {

					do {

						if (options.scroll) {

							// get scroll offsets

							sl += parent.scrollLeft;

							st += parent.scrollTop;

						}

						// Mozilla does not add the border for a parent that has overflow set to anything but visible

						if (mo && parent != elem && $.css(parent, 'overflow') != 'visible') {

							x += num(parent, 'borderLeftWidth');

							y += num(parent, 'borderTopWidth');

						}

						parent = parent.parentNode;

					} while (parent != op);

				}

				parent = op;

				if (parent.tagName.toLowerCase() == 'body' || parent.tagName.toLowerCase() == 'html') {

					// Safari and IE Standards Mode doesn't add the body margin for elments positioned with static or relative

					if ((sf || (ie && $.boxModel)) && elemPos != 'absolute' && elemPos != 'fixed') {

						x += num(parent, 'marginLeft');

						y += num(parent, 'marginTop');

					}

					// Mozilla does not include the border on body if an element isn't positioned absolute and is without an absolute parent

					// IE does not include the border on the body if an element is positioned static and without an absolute or relative parent

					if ( (mo && !absparent && elemPos != 'fixed') || 

					     (ie && elemPos == 'static' && !relparent) ) {

						x += num(parent, 'borderLeftWidth');

						y += num(parent, 'borderTopWidth');

					}

					break; // Exit the loop

				}

			} while (parent);

		}

		var returnValue = handleOffsetReturn(elem, options, x, y, sl, st);

		if (returnObject) { $.extend(returnObject, returnValue); return this; }

		else              { return returnValue; }

	},

	/**

	 * Returns the location of the element in pixels from the top left corner of the viewport.

	 * This method is much faster than offset but not as accurate. This method can be invoked

	 * by setting the lite option to true in the offset method.

	 *

	 * @name offsetLite

	 * @param Map options Optional settings to configure the way the offset is calculated.

	 * @option Boolean margin Should the margin of the element be included in the calculations? True by default.

	 * @option Boolean border Should the border of the element be included in the calculations? False by default.

	 * @option Boolean padding Should the padding of the element be included in the calculations? False by default.

	 * @option Boolean scroll Should the scroll offsets of the parent elements be included in the calculations? True by default.

	 *                        When true it adds the totla scroll offets of all parents to the total offset and also adds two properties

	 *                        to the returned object, scrollTop and scrollLeft. 

	 * @param Object returnObject An object to store the return value in, so as not to break the chain. If passed in the

	 *                            chain will not be broken and the result will be assigned to this object.

	 * @type Object

	 * @cat Plugins/Dimensions

	 */

	offsetLite: function(options, returnObject) {

		var x = 0, y = 0, sl = 0, st = 0, parent = this[0], op, 

		    options = $.extend({ margin: true, border: false, padding: false, scroll: true }, options || {});

		do {

			x += parent.offsetLeft;

			y += parent.offsetTop;

			op = parent.offsetParent;

			if (options.scroll) {

				// get scroll offsets

				do {

					sl += parent.scrollLeft;

					st += parent.scrollTop;

					parent = parent.parentNode;

				} while(parent != op);

			}

			parent = op;

		} while (parent && parent.tagName.toLowerCase() != 'body' && parent.tagName.toLowerCase() != 'html');

		var returnValue = handleOffsetReturn(this[0], options, x, y, sl, st);

		if (returnObject) { $.extend(returnObject, returnValue); return this; }

		else              { return returnValue; }

	}

});

/**

 * Handles converting a CSS Style into an Integer.

 * @private

 */

var num = function(el, prop) {

	return parseInt($.css(el.jquery?el[0]:el,prop))||0;

};

/**

 * Handles the return value of the offset and offsetLite methods.

 * @private

 */

var handleOffsetReturn = function(elem, options, x, y, sl, st) {

	if ( !options.margin ) {

		x -= num(elem, 'marginLeft');

		y -= num(elem, 'marginTop');

	}

	// Safari and Opera do not add the border for the element

	if ( options.border && ($.browser.safari || $.browser.opera) ) {

		x += num(elem, 'borderLeftWidth');

		y += num(elem, 'borderTopWidth');

	} else if ( !options.border && !($.browser.safari || $.browser.opera) ) {

		x -= num(elem, 'borderLeftWidth');

		y -= num(elem, 'borderTopWidth');

	}

	if ( options.padding ) {

		x += num(elem, 'paddingLeft');

		y += num(elem, 'paddingTop');

	}

	// do not include scroll offset on the element

	if ( options.scroll ) {

		sl -= elem.scrollLeft;

		st -= elem.scrollTop;

	}

	return options.scroll ? { top: y - st, left: x - sl, scrollTop:  st, scrollLeft: sl }

	                      : { top: y, left: x };

};

})(jQuery);