/* Copyright (c) 2006, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt */YAHOO.util.Dom = function() { var ua = navigator.userAgent.toLowerCase(); var id_counter = 0; return { get: function(el) { if (typeof el != 'string' && !(el instanceof Array)) { return el; } if (typeof el == 'string') { return document.getElementById(el); } else { var collection = []; for (var i = 0, len = el.length; i < len; ++i) { collection[collection.length] = this.get(el[i]); } return collection; } return null; }, getStyle: function(el, property) { var f = function(el, self) { var value = null; var dv = document.defaultView; if (property == 'opacity' && el.filters) { value = 1; try { value = el.filters.item('DXImageTransform.Microsoft.Alpha').opacity / 100; } catch (e) { try { value = el.filters.item('alpha').opacity / 100; } catch (e) { } } } else if (el.style[property]) { value = el.style[property]; } else if (el.currentStyle && el.currentStyle[property]) { value = el.currentStyle[property]; } else if (dv && dv.getComputedStyle) { var converted = ''; for (var i = 0, len = property.length; i < len; ++i) { if (property.charAt(i) == property.charAt(i).toUpperCase()) { converted = converted + '-' + property.charAt(i).toLowerCase(); } else { converted = converted + property.charAt(i); } } if (dv.getComputedStyle(el, '') && dv.getComputedStyle(el, '').getPropertyValue(converted)) { value = dv.getComputedStyle(el, '').getPropertyValue(converted); } } return value; }; return this.batch(el, f, this); }, setStyle: function(el, property, val) { var f = function(el, self) { switch (property) { case 'opacity': if (el.filters) { el.style.filter = 'alpha(opacity=' + val * 100 + ')'; if (!el.currentStyle.hasLayout) { el.style.zoom = 1; } } else { el.style.opacity = val; el.style['-moz-opacity'] = val; el.style['-khtml-opacity'] = val; } break; default: el.style[property] = val; } }; this.batch(el, f, this); }, getXY: function(el) { var f = function(el, self) { if (el.parentNode === null || self.getStyle(el, 'display') == 'none') { return false; } var parent = null; var pos = []; var box; if (el.getBoundingClientRect) { box = el.getBoundingClientRect(); Math.max(document.documentElement.scrollTop, document.body.scrollTop); var scrollTop = Math.max(document.documentElement.scrollTop, document.body.scrollTop); var scrollLeft = Math.max(document.documentElement.scrollLeft, document.body.scrollLeft); return [box.left + scrollLeft, box.top + scrollTop]; } else if (document.getBoxObjectFor) { box = document.getBoxObjectFor(el); pos = [box.x, box.y]; } else { pos = [el.offsetLeft, el.offsetTop]; parent = el.offsetParent; if (parent != el) { while (parent) { pos[0] += parent.offsetLeft; pos[1] += parent.offsetTop; parent = parent.offsetParent; } } if (ua.indexOf('opera') != -1 || (ua.indexOf('safari') != -1 && self.getStyle(el, 'position') == 'absolute')) { pos[0] -= document.body.offsetLeft; pos[1] -= document.body.offsetTop; } } if (el.parentNode) { parent = el.parentNode; } else { parent = null; } while (parent && parent.tagName != 'BODY' && parent.tagName != 'HTML') { pos[0] -= parent.scrollLeft; pos[1] -= parent.scrollTop; if (parent.parentNode) { parent = parent.parentNode; } else { parent = null; } } return pos; }; return this.batch(el, f, this); }, getX: function(el) { return this.getXY(el)[0]; }, getY: function(el) { return this.getXY(el)[1]; }, setXY: function(el, pos, noRetry) { var f = function(el, self) { var style_pos = self.getStyle(el, 'position'); if (style_pos == 'static') { self.setStyle(el, 'position', 'relative'); style_pos = 'relative'; } var pageXY = YAHOO.util.Dom.getXY(el); if (pageXY === false) { return false; } var delta = [parseInt(YAHOO.util.Dom.getStyle(el, 'left'), 10), parseInt(YAHOO.util.Dom.getStyle(el, 'top'), 10)]; if (isNaN(delta[0])) { delta[0] = (style_pos == 'relative') ? 0 : el.offsetLeft; } if (isNaN(delta[1])) { delta[1] = (style_pos == 'relative') ? 0 : el.offsetTop; } if (pos[0] !== null) { el.style.left = pos[0] - pageXY[0] + delta[0] + 'px'; } if (pos[1] !== null) { el.style.top = pos[1] - pageXY[1] + delta[1] + 'px'; } var newXY = self.getXY(el); if (!noRetry && (newXY[0] != pos[0] || newXY[1] != pos[1])) { var retry = function() { YAHOO.util.Dom.setXY(el, pos, true); }; setTimeout(retry, 0); } }; this.batch(el, f, this); }, setX: function(el, x) { this.setXY(el, [x, null]); }, setY: function(el, y) { this.setXY(el, [null, y]); }, getRegion: function(el) { var f = function(el, self) { return new YAHOO.util.Region.getRegion(el); }; return this.batch(el, f, this); }, getClientWidth: function() { return (document.documentElement.offsetWidth || document.body.offsetWidth); }, getClientHeight: function() { return (self.innerHeight || document.documentElement.clientHeight || document.body.clientHeight); }, getElementsByClassName: function(className, tag, root) { var re = new RegExp('(?:^|\\s+)' + className + '(?:\\s+|$)'); var method = function(el) { return re.test(el['className']); }; return this.getElementsBy(method, tag, root); }, hasClass: function(el, className) { var f = function(el, self) { var re = new RegExp('(?:^|\\s+)' + className + '(?:\\s+|$)'); return re.test(el['className']); }; return this.batch(el, f, this); }, addClass: function(el, className) { var f = function(el, self) { if (self.hasClass(el, className)) { return; } el['className'] = [el['className'], className].join(' '); }; this.batch(el, f, this); }, removeClass: function(el, className) { var f = function(el, self) { if (!self.hasClass(el, className)) { return; } var re = new RegExp('(?:^|\\s+)' + className + '(?:\\s+|$)', 'g'); var c = el['className']; el['className'] = c.replace(re, ' '); }; this.batch(el, f, this); }, replaceClass: function(el, oldClassName, newClassName) { var f = function(el, self) { self.removeClass(el, oldClassName); self.addClass(el, newClassName); }; this.batch(el, f, this); }, generateId: function(el, prefix) { prefix = prefix || 'yui-gen'; var f = function(el, self) { el = el || {}; if (!el.id) { el.id = prefix + id_counter++; } return el.id; }; return this.batch(el, f, this); }, isAncestor: function(haystack, needle) { haystack = this.get(haystack); if (!haystack || !needle) { return false; } var f = function(needle, self) { if (haystack.contains && ua.indexOf('safari') < 0) { return haystack.contains(needle); } else if (haystack.compareDocumentPosition) { return !!(haystack.compareDocumentPosition(needle) & 16); } else { var parent = needle.parentNode; while (parent) { if (parent == haystack) { return true; } else if (parent.tagName == 'HTML') { return false; } parent = parent.parentNode; } return false; } }; return this.batch(needle, f, this); }, inDocument: function(el) { var f = function(el, self) { return self.isAncestor(document.documentElement, el); }; return this.batch(el, f, this); }, getElementsBy: function(method, tag, root) { tag = tag || '*'; root = this.get(root) || document; var nodes = []; var elements = root.getElementsByTagName(tag); for (var i = 0, len = elements.length; i < len; ++i) { if (method(elements[i])) { nodes[nodes.length] = elements[i]; } } return nodes; }, batch: function(el, method, o) { el = this.get(el); if (!el || !el.length) { return method(el, o); } var collection = []; for (var i = 0, len = el.length; i < len; ++i) { collection[collection.length] = method(el[i], o); } return collection; } }; } (); YAHOO.util.Region = function(t, r, b, l) { this.top = t; this.right = r; this.bottom = b; this.left = l; }; YAHOO.util.Region.prototype.contains = function(region) { return (region.left >= this.left && region.right <= this.right && region.top >= this.top && region.bottom <= this.bottom); }; YAHOO.util.Region.prototype.getArea = function() { return ((this.bottom - this.top) * (this.right - this.left)); }; YAHOO.util.Region.prototype.intersect = function(region) { var t = Math.max(this.top, region.top); var r = Math.min(this.right, region.right); var b = Math.min(this.bottom, region.bottom); var l = Math.max(this.left, region.left); if (b >= t && r >= l) { return new YAHOO.util.Region(t, r, b, l); } else { return null; } }; YAHOO.util.Region.prototype.union = function(region) { var t = Math.min(this.top, region.top); var r = Math.max(this.right, region.right); var b = Math.max(this.bottom, region.bottom); var l = Math.min(this.left, region.left); return new YAHOO.util.Region(t, r, b, l); }; YAHOO.util.Region.prototype.toString = function() { return ("Region {" + "  t: " + this.top + ", r: " + this.right + ", b: " + this.bottom + ", l: " + this.left + "}"); }; YAHOO.util.Region.getRegion = function(el) { var p = YAHOO.util.Dom.getXY(el); var t = p[1]; var r = p[0] + el.offsetWidth; var b = p[1] + el.offsetHeight; var l = p[0]; return new YAHOO.util.Region(t, r, b, l); }; YAHOO.util.Point = function(x, y) { this.x = x; this.y = y; this.top = y; this.right = x; this.bottom = y; this.left = x; }; YAHOO.util.Point.prototype = new YAHOO.util.Region();