function ToolBar(parent)
{
	Component.call(this, parent, "div");

	this.setStyle("overflow", "visible");

	/**
	 * Spacing in px between the tool groups.
	 * 
	 * @attribute spacing
	 * @type {Number}
	 */
	this.spacing = 10;

	/**
	 * Groups contained inside this tool bar.
	 * 
	 * @attribute groups
	 * @type {Array}
	 */
	this.groups = [];
	
	this.size.y = 45;

	var self = this;

	var tool = this.addGroup();
	this.select = tool.addToggleOption(Locale.select + " (CTRL+1)", Global.FILE_PATH + "icons/tools/select.png", function()
	{
		self.parent.selectTool(SceneEditor.SELECT);
	});
	this.move = tool.addToggleOption(Locale.move + " (CTRL+2)", Global.FILE_PATH + "icons/tools/move.png", function()
	{
		self.parent.selectTool(SceneEditor.MOVE);
	});
	this.scale = tool.addToggleOption(Locale.scale + " (CTRL+3)", Global.FILE_PATH + "icons/tools/resize.png", function()
	{
		self.parent.selectTool(SceneEditor.SCALE);
	});
	this.rotate = tool.addToggleOption(Locale.rotate + " (CTRL+4)", Global.FILE_PATH + "icons/tools/rotate.png", function()
	{
		self.parent.selectTool(SceneEditor.ROTATE);
	});

	var zoom = this.addGroup();
	this.zoom = zoom.addOption(Locale.focusObject + " (CTRL+F)", Global.FILE_PATH + "icons/misc/focus.png", function()
	{
		self.parent.focusObject();
	});

	this.updateGroups();
}
The tool bar is used to store tool groups.

Tools are organized by category, the toolbar size is automatically calculated from the amount of elements.

@class ToolBar
@extends {Component}
@param {Component} parent Parent element.