var panelSectionOptions =
	{
		className: 'panelSection',
		element: undefined
	}
	

	function panelSection(panel, options)
	{
		options = this.inheriteOptions.call(options, panelSectionOptions);
		
		if(options.element)
		{
			var element = options.element;
		}
		else
		{
			var element = document.createElement('div');
			$(panel.element).append(element);
		}

		this.element = element;
		$(element).addClass(options.className);

		panelSection.parentClass.constructor.call(this, element);
	}

	extend(panelSection, control);

	panelSection.prototype.setContent = function(content)
	{
		$(this.element).append(content);
	}

	var panelOptions =
	{
		className: 'panel',
		element: undefined
	}

	function panel(options)
	{
		options = this.inheriteOptions.call(options, panelOptions);

		if(options.element)
		{
			var element = options.element;
		}
		else
		{
			var element = document.createElement('div');
			$("body").append(element);
			$(element).hide();
		}

		this.element = element;

		$(element).addClass(options.className);

		panel.parentClass.constructor.call(this, element);
	}

	extend(panel, control);

	panel.prototype.element;

	panel.prototype.addSection = function(options)
	{
		return new panelSection(this, options);
	}

/*
	jQuery.fn.panel = function(options)
	{
		var elements = this.get();
		for(var i = 0; i < elements.length; i++)
		{
			options.element = elements[i];
			var menu = new panel(options)
		}

		return menu; // ?
	}
*/