Weblabor

Function.prototype.extend=function (fragment)
{
	for (var i in fragment)
	{
		if (fragment.hasOwnProperty(i))
		{
			this.prototype[i]=fragment[i];
		}
	}
	return this;
};

Function.prototype.bind=function (context)
{
	var method=this;
	return function ()
	{
		return method.apply(context,arguments);
	};
};

(function ()
{
	var Node=function (element)
	{
		this.element=element;
	};
	Node.extend(
	{
		getElementById: function (id)
		{
			return new Node(this.element.getElementById(id));
		},
		getElementsByTagName: function (tagName)
		{
			return new NodeList(this.element.getElementsByTagName(tagName));
		},
		getElementsByClassName: function (className)
		{
			return this.getElementsByTagName("*").getElementsByClassName(className);
		},
		invoke: function (method)
		{
			method.call(this);
			return this;
		},
		getAttribute: function (name)
		{
			return this.element.getAttribute(name);
		}
	});



	var NodeList=function (array)
	{
		this.source=[];
		if (array)
		{
			this.addAll(array);
		}
	};
	NodeList.extend(
	{
		addAll: function (array)
		{
			for (var i=0,l=array.length; i<l; ++i)
			{
				this.add(new Node(array[i]));
			}
			return this;
		},
		add: function (node)
		{
			this.source[this.source.length]=node;
			return this;
		},
		contract: function (test)
		{
			var result=new NodeList();
			for (var i=0,l=this.source.length; i<l; ++i)
			{
				var node=this.source[i]
				if (test.call(node))
				{
					result.add(node);
				}
			}
			return result;
		},
		getElementById: function (id)
		{
			return this.contract(function ()
			{
				return this.element.id==id;
			});
		},
		getElementsByTagName: function (tagName)
		{
			if (tagName=="*")
			{
				return this;
			}
			this.contract(function ()
			{
				return this.element.tagName==tagName;
			});
		},
		getElementsByClassName: function (className)
		{
			var pattern=new RegExp(
				"\\b"+
					"(?:"+
					(
						(arguments.length>1)
							?Array.prototype.join.call(arguments,"|")
							:className
					)+
					")"+
				"\\b",
				"i"
			);
			return this.contract(function ()
			{
				return pattern.test(this.element.className);
			});
		},
		invoke: function (method)
		{
			for (var i=0,l=this.source.length; i<l; ++i)
			{
				method.call(this.source[i]);
			}
			return this;
		}
	});

	var NodeFragment=
	{
		listen: function (type,callback)
		{
			return this.invoke(function ()
			{
				var listener=callback.bind(this);
				if (this.element.attachEvent)
				{
					this.element.attachEvent("on"+type,listener);
				}
				else
				{
					this.element.addEventListener(type,listener,false);
				}
			});
		},
		style: function (s)
		{
			return this.invoke(function ()
			{
				for (var i in s)
				{
					if (s.hasOwnProperty(i))
					{
						this.element.style[i]=s[i];
					}
				}
			});
		},
		html: function (html)
		{
			if (typeof(html)=="string")
			{
				return this.invoke(function ()
				{
					this.element.innerHTML=html;
				});
			}
			else if (this instanceof Node)
			{
				return this.element.innerHTML;
			}
		}
	};

	Node.extend(NodeFragment);
	NodeList.extend(NodeFragment);
	
	$=function (element)
	{
		return new Node(
			typeof(element)=="string"
			?document.getElementById(element)
			:element
		);
	};
})();