var dom = new function() {
	this.get = function(el) {
		if (typeof el == 'string') { // accept object or id
			el = document.getElementById(el);
		}
		return el;
	};

	this.getStyle = function(el, property) {
		var value = null;
		var dv = document.defaultView;

		el = this.get(el);

		if (property == 'opacity' && el.filters) {// IE opacity
			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 ) {  // convert camelCase to hyphen-case
			var converted = '';
			for(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, '').getPropertyValue(converted)) {
				value = dv.getComputedStyle(el, '').getPropertyValue(converted);
			}
		}
		return value;
	};

	this.setStyle = function(el, property, val) {
		el = this.get(el);
		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.getXY = function(el) {
		el = this.get(el);

		// has to be part of document to have pageXY
		if (el.parentNode === null || this.getStyle(el, 'display') == 'none')
			return false;

		var parent = null;
		var pos = [];
		var box;

		if (el.getBoundingClientRect) { // IE
			box = el.getBoundingClientRect();
			var scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
			var scrollLeft = document.documentElement.scrollLeft || document.body.scrollLeft;

			return [box.left + scrollLeft, box.top + scrollTop];
		} else if (document.getBoxObjectFor) { // gecko
			box = document.getBoxObjectFor(el);
			pos = [box.x, box.y];
		} else { // safari/opera
			pos = [el.offsetLeft, el.offsetTop];
			parent = el.offsetParent;
			if (parent != el) {
				while (parent) {
					pos[0] += parent.offsetLeft;
					pos[1] += parent.offsetTop;
					parent = parent.offsetParent;
				}
			}

			// opera & (safari absolute) incorrectly account for body offsetTop
			var ua = navigator.userAgent.toLowerCase();
			if ( ua.indexOf('opera') != -1 || ( ua.indexOf('safari') != -1 && this.getStyle(el, 'position') == 'absolute' ) )
				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;
	};

	this.getX = function(el) {	return this.getXY(el)[0];	};
	this.getY = function(el) {	return this.getXY(el)[1];	};

	this.setXY = function(el, pos, noRetry) {
		el = this.get(el);
		var pageXY = this.getXY(el);
		if (pageXY === false) return false; // has to be part of doc to have pageXY

		if (this.getStyle(el, 'position') == 'static')  this.setStyle(el, 'position', 'relative'); // default to relative

		var delta = [ parseInt( dom.getStyle(el, 'left'), 10 ), parseInt( dom.getStyle(el, 'top'), 10 ) ];

		if ( isNaN(delta[0]) ) delta[0] = 0; // defalts to 'auto'
		if ( isNaN(delta[1]) ) delta[1] = 0;

		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 = this.getXY(el);

		// if retry is true, try one more time if we miss
		if (!noRetry && (newXY[0] != pos[0] || newXY[1] != pos[1]) ) this.setXY(el, pos, true);

		return true;
	};

	this.setX = function(el, x) { return this.setXY(el, [x, null]); };
	this.setY = function(el, y) { return this.setXY(el, [null, y]); };

	this.getClientWidth = function() {
		return ( document.documentElement.offsetWidth || document.body.offsetWidth );
	};
	this.getClientHeight = function() {
		return ( self.innerHeight || document.documentElement.clientHeight || document.body.clientHeight );
	};
};