var OptionBox = Class.create(Component, {
	gotoPage: function(page){
		return xajax.request({xjxfun: this.name + "AxGotoPage"}, {parameters: [page], mode: "synchronous"});		
	},
	toggleOptionExpanded: function(option, image1, image2){
		var parentNode = option.parentNode.parentNode;

		for (var i = 0; i < parentNode.childNodes.length; i++)
		{
			if (parentNode.childNodes[i].id)
			{
				var child = $(parentNode.childNodes[i].id);
				if (child.getAttribute('parent') == option.id)
				{
					if ($(child).visible())
						$(child).hide();
					else $(child).show();
				}
			}
		}
	
		for (var i = 0; i < option.childNodes.length; i++)
		{
			if (option.childNodes[i].className == 'optionBoxOptionImage')
			{
				option.childNodes[i].childNodes[0].src = (option.childNodes[i].childNodes[0].src.search(image1) != -1 ? image2 : image1);
				break;
			}
		}
	
		return true;
	}
});