commit e3a05cb1bc0182f5749f0866c8d9570d090ee552
Author: sojamo <andi@sojamo.de>
Date:   Tue Jul 22 14:12:30 2014 +0800

    moving repository from google code to github.

diff --git a/.buildpath b/.buildpath
new file mode 100644
index 0000000..5fc1f8e
--- /dev/null
+++ b/.buildpath
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<buildpath>
+	<buildpathentry kind="src" path="src"/>
+	<buildpathentry kind="con" path="org.eclipse.dltk.mod.launching.INTERPRETER_CONTAINER"/>
+	<buildpathentry kind="con" path="org.eclipse.vjet.eclipse.core.JSNATIVE_CONTAINER/JS Native Types"/>
+	<buildpathentry kind="con" path="org.eclipse.vjet.eclipse.core.BROWSER_CONTAINER/Browser SDK"/>
+</buildpath>
diff --git a/.classpath b/.classpath
new file mode 100644
index 0000000..c00c3d4
--- /dev/null
+++ b/.classpath
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<classpath>
+	<classpathentry kind="src" path="src"/>
+	<classpathentry kind="con" path="org.eclipse.jdt.launching.JRE_CONTAINER/org.eclipse.jdt.internal.debug.ui.launcher.StandardVMType/JavaSE-1.6"/>
+	<classpathentry kind="lib" path="/Users/andreasschlegel/Documents/workspace/libs/core.jar"/>
+	<classpathentry kind="output" path="bin"/>
+</classpath>
diff --git a/.externalToolBuilders/cp5-build.launch b/.externalToolBuilders/cp5-build.launch
new file mode 100644
index 0000000..b444e7c
--- /dev/null
+++ b/.externalToolBuilders/cp5-build.launch
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<launchConfiguration type="org.eclipse.ui.externaltools.ProgramBuilderLaunchConfigurationType">
+<booleanAttribute key="org.eclipse.debug.ui.ATTR_LAUNCH_IN_BACKGROUND" value="false"/>
+<stringAttribute key="org.eclipse.ui.externaltools.ATTR_LOCATION" value="${workspace_loc:/controlp5/resources/jar.sh}"/>
+<stringAttribute key="org.eclipse.ui.externaltools.ATTR_RUN_BUILD_KINDS" value="full,incremental,auto,"/>
+<booleanAttribute key="org.eclipse.ui.externaltools.ATTR_TRIGGERS_CONFIGURED" value="true"/>
+</launchConfiguration>
diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..9d82a80
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,6 @@
+/bin/
+/distribution/src/
+/distribution/tmp/
+/distribution/web/
+/src-js/
+.svn/
diff --git a/.project b/.project
new file mode 100644
index 0000000..f480853
--- /dev/null
+++ b/.project
@@ -0,0 +1,33 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<projectDescription>
+	<name>controlp5</name>
+	<comment></comment>
+	<projects>
+	</projects>
+	<buildSpec>
+		<buildCommand>
+			<name>org.eclipse.vjet.eclipse.core.builder</name>
+			<arguments>
+			</arguments>
+		</buildCommand>
+		<buildCommand>
+			<name>org.eclipse.jdt.core.javabuilder</name>
+			<arguments>
+			</arguments>
+		</buildCommand>
+		<buildCommand>
+			<name>org.eclipse.ui.externaltools.ExternalToolBuilder</name>
+			<triggers>auto,full,incremental,</triggers>
+			<arguments>
+				<dictionary>
+					<key>LaunchConfigHandle</key>
+					<value>&lt;project&gt;/.externalToolBuilders/cp5-build.launch</value>
+				</dictionary>
+			</arguments>
+		</buildCommand>
+	</buildSpec>
+	<natures>
+		<nature>org.eclipse.vjet.core.nature</nature>
+		<nature>org.eclipse.jdt.core.javanature</nature>
+	</natures>
+</projectDescription>
diff --git a/.settings/org.eclipse.jdt.core.prefs b/.settings/org.eclipse.jdt.core.prefs
new file mode 100644
index 0000000..a3e53a2
--- /dev/null
+++ b/.settings/org.eclipse.jdt.core.prefs
@@ -0,0 +1,291 @@
+eclipse.preferences.version=1
+org.eclipse.jdt.core.compiler.codegen.inlineJsrBytecode=enabled
+org.eclipse.jdt.core.compiler.codegen.targetPlatform=1.6
+org.eclipse.jdt.core.compiler.codegen.unusedLocal=preserve
+org.eclipse.jdt.core.compiler.compliance=1.6
+org.eclipse.jdt.core.compiler.debug.lineNumber=generate
+org.eclipse.jdt.core.compiler.debug.localVariable=generate
+org.eclipse.jdt.core.compiler.debug.sourceFile=generate
+org.eclipse.jdt.core.compiler.problem.assertIdentifier=error
+org.eclipse.jdt.core.compiler.problem.enumIdentifier=error
+org.eclipse.jdt.core.compiler.source=1.6
+org.eclipse.jdt.core.formatter.align_type_members_on_columns=false
+org.eclipse.jdt.core.formatter.alignment_for_arguments_in_allocation_expression=16
+org.eclipse.jdt.core.formatter.alignment_for_arguments_in_annotation=0
+org.eclipse.jdt.core.formatter.alignment_for_arguments_in_enum_constant=16
+org.eclipse.jdt.core.formatter.alignment_for_arguments_in_explicit_constructor_call=16
+org.eclipse.jdt.core.formatter.alignment_for_arguments_in_method_invocation=16
+org.eclipse.jdt.core.formatter.alignment_for_arguments_in_qualified_allocation_expression=16
+org.eclipse.jdt.core.formatter.alignment_for_assignment=0
+org.eclipse.jdt.core.formatter.alignment_for_binary_expression=16
+org.eclipse.jdt.core.formatter.alignment_for_compact_if=16
+org.eclipse.jdt.core.formatter.alignment_for_conditional_expression=80
+org.eclipse.jdt.core.formatter.alignment_for_enum_constants=0
+org.eclipse.jdt.core.formatter.alignment_for_expressions_in_array_initializer=16
+org.eclipse.jdt.core.formatter.alignment_for_method_declaration=0
+org.eclipse.jdt.core.formatter.alignment_for_multiple_fields=16
+org.eclipse.jdt.core.formatter.alignment_for_parameters_in_constructor_declaration=0
+org.eclipse.jdt.core.formatter.alignment_for_parameters_in_method_declaration=0
+org.eclipse.jdt.core.formatter.alignment_for_resources_in_try=80
+org.eclipse.jdt.core.formatter.alignment_for_selector_in_method_invocation=16
+org.eclipse.jdt.core.formatter.alignment_for_superclass_in_type_declaration=0
+org.eclipse.jdt.core.formatter.alignment_for_superinterfaces_in_enum_declaration=16
+org.eclipse.jdt.core.formatter.alignment_for_superinterfaces_in_type_declaration=0
+org.eclipse.jdt.core.formatter.alignment_for_throws_clause_in_constructor_declaration=0
+org.eclipse.jdt.core.formatter.alignment_for_throws_clause_in_method_declaration=0
+org.eclipse.jdt.core.formatter.alignment_for_union_type_in_multicatch=16
+org.eclipse.jdt.core.formatter.blank_lines_after_imports=1
+org.eclipse.jdt.core.formatter.blank_lines_after_package=1
+org.eclipse.jdt.core.formatter.blank_lines_before_field=0
+org.eclipse.jdt.core.formatter.blank_lines_before_first_class_body_declaration=0
+org.eclipse.jdt.core.formatter.blank_lines_before_imports=1
+org.eclipse.jdt.core.formatter.blank_lines_before_member_type=1
+org.eclipse.jdt.core.formatter.blank_lines_before_method=1
+org.eclipse.jdt.core.formatter.blank_lines_before_new_chunk=1
+org.eclipse.jdt.core.formatter.blank_lines_before_package=0
+org.eclipse.jdt.core.formatter.blank_lines_between_import_groups=1
+org.eclipse.jdt.core.formatter.blank_lines_between_type_declarations=1
+org.eclipse.jdt.core.formatter.brace_position_for_annotation_type_declaration=end_of_line
+org.eclipse.jdt.core.formatter.brace_position_for_anonymous_type_declaration=end_of_line
+org.eclipse.jdt.core.formatter.brace_position_for_array_initializer=end_of_line
+org.eclipse.jdt.core.formatter.brace_position_for_block=end_of_line
+org.eclipse.jdt.core.formatter.brace_position_for_block_in_case=end_of_line
+org.eclipse.jdt.core.formatter.brace_position_for_constructor_declaration=end_of_line
+org.eclipse.jdt.core.formatter.brace_position_for_enum_constant=end_of_line
+org.eclipse.jdt.core.formatter.brace_position_for_enum_declaration=end_of_line
+org.eclipse.jdt.core.formatter.brace_position_for_method_declaration=end_of_line
+org.eclipse.jdt.core.formatter.brace_position_for_switch=end_of_line
+org.eclipse.jdt.core.formatter.brace_position_for_type_declaration=end_of_line
+org.eclipse.jdt.core.formatter.comment.clear_blank_lines_in_block_comment=false
+org.eclipse.jdt.core.formatter.comment.clear_blank_lines_in_javadoc_comment=false
+org.eclipse.jdt.core.formatter.comment.format_block_comments=true
+org.eclipse.jdt.core.formatter.comment.format_header=true
+org.eclipse.jdt.core.formatter.comment.format_html=true
+org.eclipse.jdt.core.formatter.comment.format_javadoc_comments=false
+org.eclipse.jdt.core.formatter.comment.format_line_comments=false
+org.eclipse.jdt.core.formatter.comment.format_source_code=true
+org.eclipse.jdt.core.formatter.comment.indent_parameter_description=false
+org.eclipse.jdt.core.formatter.comment.indent_root_tags=true
+org.eclipse.jdt.core.formatter.comment.insert_new_line_before_root_tags=insert
+org.eclipse.jdt.core.formatter.comment.insert_new_line_for_parameter=insert
+org.eclipse.jdt.core.formatter.comment.line_length=140
+org.eclipse.jdt.core.formatter.comment.new_lines_at_block_boundaries=false
+org.eclipse.jdt.core.formatter.comment.new_lines_at_javadoc_boundaries=true
+org.eclipse.jdt.core.formatter.comment.preserve_white_space_between_code_and_line_comments=true
+org.eclipse.jdt.core.formatter.compact_else_if=true
+org.eclipse.jdt.core.formatter.continuation_indentation=2
+org.eclipse.jdt.core.formatter.continuation_indentation_for_array_initializer=2
+org.eclipse.jdt.core.formatter.disabling_tag=@formatter\:off
+org.eclipse.jdt.core.formatter.enabling_tag=@formatter\:on
+org.eclipse.jdt.core.formatter.format_guardian_clause_on_one_line=false
+org.eclipse.jdt.core.formatter.format_line_comment_starting_on_first_column=true
+org.eclipse.jdt.core.formatter.indent_body_declarations_compare_to_annotation_declaration_header=true
+org.eclipse.jdt.core.formatter.indent_body_declarations_compare_to_enum_constant_header=true
+org.eclipse.jdt.core.formatter.indent_body_declarations_compare_to_enum_declaration_header=true
+org.eclipse.jdt.core.formatter.indent_body_declarations_compare_to_type_header=true
+org.eclipse.jdt.core.formatter.indent_breaks_compare_to_cases=true
+org.eclipse.jdt.core.formatter.indent_empty_lines=false
+org.eclipse.jdt.core.formatter.indent_statements_compare_to_block=true
+org.eclipse.jdt.core.formatter.indent_statements_compare_to_body=true
+org.eclipse.jdt.core.formatter.indent_switchstatements_compare_to_cases=true
+org.eclipse.jdt.core.formatter.indent_switchstatements_compare_to_switch=false
+org.eclipse.jdt.core.formatter.indentation.size=4
+org.eclipse.jdt.core.formatter.insert_new_line_after_annotation_on_field=do not insert
+org.eclipse.jdt.core.formatter.insert_new_line_after_annotation_on_local_variable=do not insert
+org.eclipse.jdt.core.formatter.insert_new_line_after_annotation_on_method=do not insert
+org.eclipse.jdt.core.formatter.insert_new_line_after_annotation_on_package=do not insert
+org.eclipse.jdt.core.formatter.insert_new_line_after_annotation_on_parameter=do not insert
+org.eclipse.jdt.core.formatter.insert_new_line_after_annotation_on_type=do not insert
+org.eclipse.jdt.core.formatter.insert_new_line_after_label=do not insert
+org.eclipse.jdt.core.formatter.insert_new_line_after_opening_brace_in_array_initializer=do not insert
+org.eclipse.jdt.core.formatter.insert_new_line_at_end_of_file_if_missing=do not insert
+org.eclipse.jdt.core.formatter.insert_new_line_before_catch_in_try_statement=do not insert
+org.eclipse.jdt.core.formatter.insert_new_line_before_closing_brace_in_array_initializer=do not insert
+org.eclipse.jdt.core.formatter.insert_new_line_before_else_in_if_statement=do not insert
+org.eclipse.jdt.core.formatter.insert_new_line_before_finally_in_try_statement=do not insert
+org.eclipse.jdt.core.formatter.insert_new_line_before_while_in_do_statement=do not insert
+org.eclipse.jdt.core.formatter.insert_new_line_in_empty_annotation_declaration=insert
+org.eclipse.jdt.core.formatter.insert_new_line_in_empty_anonymous_type_declaration=insert
+org.eclipse.jdt.core.formatter.insert_new_line_in_empty_block=do not insert
+org.eclipse.jdt.core.formatter.insert_new_line_in_empty_enum_constant=insert
+org.eclipse.jdt.core.formatter.insert_new_line_in_empty_enum_declaration=insert
+org.eclipse.jdt.core.formatter.insert_new_line_in_empty_method_body=insert
+org.eclipse.jdt.core.formatter.insert_new_line_in_empty_type_declaration=do not insert
+org.eclipse.jdt.core.formatter.insert_space_after_and_in_type_parameter=insert
+org.eclipse.jdt.core.formatter.insert_space_after_assignment_operator=insert
+org.eclipse.jdt.core.formatter.insert_space_after_at_in_annotation=do not insert
+org.eclipse.jdt.core.formatter.insert_space_after_at_in_annotation_type_declaration=do not insert
+org.eclipse.jdt.core.formatter.insert_space_after_binary_operator=insert
+org.eclipse.jdt.core.formatter.insert_space_after_closing_angle_bracket_in_type_arguments=insert
+org.eclipse.jdt.core.formatter.insert_space_after_closing_angle_bracket_in_type_parameters=insert
+org.eclipse.jdt.core.formatter.insert_space_after_closing_brace_in_block=insert
+org.eclipse.jdt.core.formatter.insert_space_after_closing_paren_in_cast=insert
+org.eclipse.jdt.core.formatter.insert_space_after_colon_in_assert=insert
+org.eclipse.jdt.core.formatter.insert_space_after_colon_in_case=insert
+org.eclipse.jdt.core.formatter.insert_space_after_colon_in_conditional=insert
+org.eclipse.jdt.core.formatter.insert_space_after_colon_in_for=insert
+org.eclipse.jdt.core.formatter.insert_space_after_colon_in_labeled_statement=insert
+org.eclipse.jdt.core.formatter.insert_space_after_comma_in_allocation_expression=insert
+org.eclipse.jdt.core.formatter.insert_space_after_comma_in_annotation=insert
+org.eclipse.jdt.core.formatter.insert_space_after_comma_in_array_initializer=insert
+org.eclipse.jdt.core.formatter.insert_space_after_comma_in_constructor_declaration_parameters=insert
+org.eclipse.jdt.core.formatter.insert_space_after_comma_in_constructor_declaration_throws=insert
+org.eclipse.jdt.core.formatter.insert_space_after_comma_in_enum_constant_arguments=insert
+org.eclipse.jdt.core.formatter.insert_space_after_comma_in_enum_declarations=insert
+org.eclipse.jdt.core.formatter.insert_space_after_comma_in_explicitconstructorcall_arguments=insert
+org.eclipse.jdt.core.formatter.insert_space_after_comma_in_for_increments=insert
+org.eclipse.jdt.core.formatter.insert_space_after_comma_in_for_inits=insert
+org.eclipse.jdt.core.formatter.insert_space_after_comma_in_method_declaration_parameters=insert
+org.eclipse.jdt.core.formatter.insert_space_after_comma_in_method_declaration_throws=insert
+org.eclipse.jdt.core.formatter.insert_space_after_comma_in_method_invocation_arguments=insert
+org.eclipse.jdt.core.formatter.insert_space_after_comma_in_multiple_field_declarations=insert
+org.eclipse.jdt.core.formatter.insert_space_after_comma_in_multiple_local_declarations=insert
+org.eclipse.jdt.core.formatter.insert_space_after_comma_in_parameterized_type_reference=insert
+org.eclipse.jdt.core.formatter.insert_space_after_comma_in_superinterfaces=insert
+org.eclipse.jdt.core.formatter.insert_space_after_comma_in_type_arguments=insert
+org.eclipse.jdt.core.formatter.insert_space_after_comma_in_type_parameters=insert
+org.eclipse.jdt.core.formatter.insert_space_after_ellipsis=insert
+org.eclipse.jdt.core.formatter.insert_space_after_opening_angle_bracket_in_parameterized_type_reference=insert
+org.eclipse.jdt.core.formatter.insert_space_after_opening_angle_bracket_in_type_arguments=insert
+org.eclipse.jdt.core.formatter.insert_space_after_opening_angle_bracket_in_type_parameters=insert
+org.eclipse.jdt.core.formatter.insert_space_after_opening_brace_in_array_initializer=insert
+org.eclipse.jdt.core.formatter.insert_space_after_opening_bracket_in_array_allocation_expression=insert
+org.eclipse.jdt.core.formatter.insert_space_after_opening_bracket_in_array_reference=insert
+org.eclipse.jdt.core.formatter.insert_space_after_opening_paren_in_annotation=insert
+org.eclipse.jdt.core.formatter.insert_space_after_opening_paren_in_cast=insert
+org.eclipse.jdt.core.formatter.insert_space_after_opening_paren_in_catch=insert
+org.eclipse.jdt.core.formatter.insert_space_after_opening_paren_in_constructor_declaration=insert
+org.eclipse.jdt.core.formatter.insert_space_after_opening_paren_in_enum_constant=do not insert
+org.eclipse.jdt.core.formatter.insert_space_after_opening_paren_in_for=insert
+org.eclipse.jdt.core.formatter.insert_space_after_opening_paren_in_if=insert
+org.eclipse.jdt.core.formatter.insert_space_after_opening_paren_in_method_declaration=insert
+org.eclipse.jdt.core.formatter.insert_space_after_opening_paren_in_method_invocation=insert
+org.eclipse.jdt.core.formatter.insert_space_after_opening_paren_in_parenthesized_expression=insert
+org.eclipse.jdt.core.formatter.insert_space_after_opening_paren_in_switch=insert
+org.eclipse.jdt.core.formatter.insert_space_after_opening_paren_in_synchronized=insert
+org.eclipse.jdt.core.formatter.insert_space_after_opening_paren_in_try=insert
+org.eclipse.jdt.core.formatter.insert_space_after_opening_paren_in_while=insert
+org.eclipse.jdt.core.formatter.insert_space_after_postfix_operator=do not insert
+org.eclipse.jdt.core.formatter.insert_space_after_prefix_operator=do not insert
+org.eclipse.jdt.core.formatter.insert_space_after_question_in_conditional=insert
+org.eclipse.jdt.core.formatter.insert_space_after_question_in_wildcard=do not insert
+org.eclipse.jdt.core.formatter.insert_space_after_semicolon_in_for=insert
+org.eclipse.jdt.core.formatter.insert_space_after_semicolon_in_try_resources=insert
+org.eclipse.jdt.core.formatter.insert_space_after_unary_operator=do not insert
+org.eclipse.jdt.core.formatter.insert_space_before_and_in_type_parameter=insert
+org.eclipse.jdt.core.formatter.insert_space_before_assignment_operator=insert
+org.eclipse.jdt.core.formatter.insert_space_before_at_in_annotation_type_declaration=insert
+org.eclipse.jdt.core.formatter.insert_space_before_binary_operator=insert
+org.eclipse.jdt.core.formatter.insert_space_before_closing_angle_bracket_in_parameterized_type_reference=insert
+org.eclipse.jdt.core.formatter.insert_space_before_closing_angle_bracket_in_type_arguments=insert
+org.eclipse.jdt.core.formatter.insert_space_before_closing_angle_bracket_in_type_parameters=insert
+org.eclipse.jdt.core.formatter.insert_space_before_closing_brace_in_array_initializer=insert
+org.eclipse.jdt.core.formatter.insert_space_before_closing_bracket_in_array_allocation_expression=insert
+org.eclipse.jdt.core.formatter.insert_space_before_closing_bracket_in_array_reference=insert
+org.eclipse.jdt.core.formatter.insert_space_before_closing_paren_in_annotation=insert
+org.eclipse.jdt.core.formatter.insert_space_before_closing_paren_in_cast=insert
+org.eclipse.jdt.core.formatter.insert_space_before_closing_paren_in_catch=insert
+org.eclipse.jdt.core.formatter.insert_space_before_closing_paren_in_constructor_declaration=insert
+org.eclipse.jdt.core.formatter.insert_space_before_closing_paren_in_enum_constant=do not insert
+org.eclipse.jdt.core.formatter.insert_space_before_closing_paren_in_for=insert
+org.eclipse.jdt.core.formatter.insert_space_before_closing_paren_in_if=insert
+org.eclipse.jdt.core.formatter.insert_space_before_closing_paren_in_method_declaration=insert
+org.eclipse.jdt.core.formatter.insert_space_before_closing_paren_in_method_invocation=insert
+org.eclipse.jdt.core.formatter.insert_space_before_closing_paren_in_parenthesized_expression=insert
+org.eclipse.jdt.core.formatter.insert_space_before_closing_paren_in_switch=insert
+org.eclipse.jdt.core.formatter.insert_space_before_closing_paren_in_synchronized=insert
+org.eclipse.jdt.core.formatter.insert_space_before_closing_paren_in_try=insert
+org.eclipse.jdt.core.formatter.insert_space_before_closing_paren_in_while=insert
+org.eclipse.jdt.core.formatter.insert_space_before_colon_in_assert=insert
+org.eclipse.jdt.core.formatter.insert_space_before_colon_in_case=do not insert
+org.eclipse.jdt.core.formatter.insert_space_before_colon_in_conditional=insert
+org.eclipse.jdt.core.formatter.insert_space_before_colon_in_default=do not insert
+org.eclipse.jdt.core.formatter.insert_space_before_colon_in_for=insert
+org.eclipse.jdt.core.formatter.insert_space_before_colon_in_labeled_statement=do not insert
+org.eclipse.jdt.core.formatter.insert_space_before_comma_in_allocation_expression=insert
+org.eclipse.jdt.core.formatter.insert_space_before_comma_in_annotation=insert
+org.eclipse.jdt.core.formatter.insert_space_before_comma_in_array_initializer=insert
+org.eclipse.jdt.core.formatter.insert_space_before_comma_in_constructor_declaration_parameters=insert
+org.eclipse.jdt.core.formatter.insert_space_before_comma_in_constructor_declaration_throws=do not insert
+org.eclipse.jdt.core.formatter.insert_space_before_comma_in_enum_constant_arguments=do not insert
+org.eclipse.jdt.core.formatter.insert_space_before_comma_in_enum_declarations=do not insert
+org.eclipse.jdt.core.formatter.insert_space_before_comma_in_explicitconstructorcall_arguments=insert
+org.eclipse.jdt.core.formatter.insert_space_before_comma_in_for_increments=insert
+org.eclipse.jdt.core.formatter.insert_space_before_comma_in_for_inits=insert
+org.eclipse.jdt.core.formatter.insert_space_before_comma_in_method_declaration_parameters=insert
+org.eclipse.jdt.core.formatter.insert_space_before_comma_in_method_declaration_throws=insert
+org.eclipse.jdt.core.formatter.insert_space_before_comma_in_method_invocation_arguments=insert
+org.eclipse.jdt.core.formatter.insert_space_before_comma_in_multiple_field_declarations=insert
+org.eclipse.jdt.core.formatter.insert_space_before_comma_in_multiple_local_declarations=insert
+org.eclipse.jdt.core.formatter.insert_space_before_comma_in_parameterized_type_reference=insert
+org.eclipse.jdt.core.formatter.insert_space_before_comma_in_superinterfaces=insert
+org.eclipse.jdt.core.formatter.insert_space_before_comma_in_type_arguments=insert
+org.eclipse.jdt.core.formatter.insert_space_before_comma_in_type_parameters=insert
+org.eclipse.jdt.core.formatter.insert_space_before_ellipsis=insert
+org.eclipse.jdt.core.formatter.insert_space_before_opening_angle_bracket_in_parameterized_type_reference=do not insert
+org.eclipse.jdt.core.formatter.insert_space_before_opening_angle_bracket_in_type_arguments=do not insert
+org.eclipse.jdt.core.formatter.insert_space_before_opening_angle_bracket_in_type_parameters=do not insert
+org.eclipse.jdt.core.formatter.insert_space_before_opening_brace_in_annotation_type_declaration=insert
+org.eclipse.jdt.core.formatter.insert_space_before_opening_brace_in_anonymous_type_declaration=insert
+org.eclipse.jdt.core.formatter.insert_space_before_opening_brace_in_array_initializer=insert
+org.eclipse.jdt.core.formatter.insert_space_before_opening_brace_in_block=insert
+org.eclipse.jdt.core.formatter.insert_space_before_opening_brace_in_constructor_declaration=insert
+org.eclipse.jdt.core.formatter.insert_space_before_opening_brace_in_enum_constant=insert
+org.eclipse.jdt.core.formatter.insert_space_before_opening_brace_in_enum_declaration=insert
+org.eclipse.jdt.core.formatter.insert_space_before_opening_brace_in_method_declaration=insert
+org.eclipse.jdt.core.formatter.insert_space_before_opening_brace_in_switch=insert
+org.eclipse.jdt.core.formatter.insert_space_before_opening_brace_in_type_declaration=insert
+org.eclipse.jdt.core.formatter.insert_space_before_opening_bracket_in_array_allocation_expression=do not insert
+org.eclipse.jdt.core.formatter.insert_space_before_opening_bracket_in_array_reference=do not insert
+org.eclipse.jdt.core.formatter.insert_space_before_opening_bracket_in_array_type_reference=do not insert
+org.eclipse.jdt.core.formatter.insert_space_before_opening_paren_in_annotation=do not insert
+org.eclipse.jdt.core.formatter.insert_space_before_opening_paren_in_annotation_type_member_declaration=do not insert
+org.eclipse.jdt.core.formatter.insert_space_before_opening_paren_in_catch=insert
+org.eclipse.jdt.core.formatter.insert_space_before_opening_paren_in_constructor_declaration=do not insert
+org.eclipse.jdt.core.formatter.insert_space_before_opening_paren_in_enum_constant=do not insert
+org.eclipse.jdt.core.formatter.insert_space_before_opening_paren_in_for=insert
+org.eclipse.jdt.core.formatter.insert_space_before_opening_paren_in_if=insert
+org.eclipse.jdt.core.formatter.insert_space_before_opening_paren_in_method_declaration=do not insert
+org.eclipse.jdt.core.formatter.insert_space_before_opening_paren_in_method_invocation=do not insert
+org.eclipse.jdt.core.formatter.insert_space_before_opening_paren_in_parenthesized_expression=insert
+org.eclipse.jdt.core.formatter.insert_space_before_opening_paren_in_switch=insert
+org.eclipse.jdt.core.formatter.insert_space_before_opening_paren_in_synchronized=insert
+org.eclipse.jdt.core.formatter.insert_space_before_opening_paren_in_try=insert
+org.eclipse.jdt.core.formatter.insert_space_before_opening_paren_in_while=insert
+org.eclipse.jdt.core.formatter.insert_space_before_parenthesized_expression_in_return=insert
+org.eclipse.jdt.core.formatter.insert_space_before_parenthesized_expression_in_throw=insert
+org.eclipse.jdt.core.formatter.insert_space_before_postfix_operator=do not insert
+org.eclipse.jdt.core.formatter.insert_space_before_prefix_operator=insert
+org.eclipse.jdt.core.formatter.insert_space_before_question_in_conditional=insert
+org.eclipse.jdt.core.formatter.insert_space_before_question_in_wildcard=do not insert
+org.eclipse.jdt.core.formatter.insert_space_before_semicolon=do not insert
+org.eclipse.jdt.core.formatter.insert_space_before_semicolon_in_for=insert
+org.eclipse.jdt.core.formatter.insert_space_before_semicolon_in_try_resources=do not insert
+org.eclipse.jdt.core.formatter.insert_space_before_unary_operator=do not insert
+org.eclipse.jdt.core.formatter.insert_space_between_brackets_in_array_type_reference=do not insert
+org.eclipse.jdt.core.formatter.insert_space_between_empty_braces_in_array_initializer=insert
+org.eclipse.jdt.core.formatter.insert_space_between_empty_brackets_in_array_allocation_expression=do not insert
+org.eclipse.jdt.core.formatter.insert_space_between_empty_parens_in_annotation_type_member_declaration=do not insert
+org.eclipse.jdt.core.formatter.insert_space_between_empty_parens_in_constructor_declaration=insert
+org.eclipse.jdt.core.formatter.insert_space_between_empty_parens_in_enum_constant=do not insert
+org.eclipse.jdt.core.formatter.insert_space_between_empty_parens_in_method_declaration=insert
+org.eclipse.jdt.core.formatter.insert_space_between_empty_parens_in_method_invocation=insert
+org.eclipse.jdt.core.formatter.join_lines_in_comments=false
+org.eclipse.jdt.core.formatter.join_wrapped_lines=true
+org.eclipse.jdt.core.formatter.keep_else_statement_on_same_line=false
+org.eclipse.jdt.core.formatter.keep_empty_array_initializer_on_one_line=false
+org.eclipse.jdt.core.formatter.keep_imple_if_on_one_line=false
+org.eclipse.jdt.core.formatter.keep_then_statement_on_same_line=false
+org.eclipse.jdt.core.formatter.lineSplit=250
+org.eclipse.jdt.core.formatter.never_indent_block_comments_on_first_column=false
+org.eclipse.jdt.core.formatter.never_indent_line_comments_on_first_column=false
+org.eclipse.jdt.core.formatter.number_of_blank_lines_at_beginning_of_method_body=0
+org.eclipse.jdt.core.formatter.number_of_empty_lines_to_preserve=1
+org.eclipse.jdt.core.formatter.put_empty_statement_on_new_line=true
+org.eclipse.jdt.core.formatter.tabulation.char=tab
+org.eclipse.jdt.core.formatter.tabulation.size=2
+org.eclipse.jdt.core.formatter.use_on_off_tags=false
+org.eclipse.jdt.core.formatter.use_tabs_only_for_leading_indentations=true
+org.eclipse.jdt.core.formatter.wrap_before_binary_operator=true
+org.eclipse.jdt.core.formatter.wrap_before_or_operator_multicatch=true
+org.eclipse.jdt.core.formatter.wrap_outer_expressions_when_nested=true
diff --git a/.settings/org.eclipse.jdt.ui.prefs b/.settings/org.eclipse.jdt.ui.prefs
new file mode 100644
index 0000000..f41123e
--- /dev/null
+++ b/.settings/org.eclipse.jdt.ui.prefs
@@ -0,0 +1,3 @@
+eclipse.preferences.version=1
+formatter_profile=_sojamo
+formatter_settings_version=12
diff --git a/.settings/org.eclipse.vjet.eclipse.core.prefs b/.settings/org.eclipse.vjet.eclipse.core.prefs
new file mode 100644
index 0000000..6e8a644
--- /dev/null
+++ b/.settings/org.eclipse.vjet.eclipse.core.prefs
@@ -0,0 +1,2 @@
+eclipse.preferences.version=1
+initialized_project_from_v4classpath=true
diff --git a/README.md b/README.md
new file mode 100644
index 0000000..9a2d88f
--- /dev/null
+++ b/README.md
@@ -0,0 +1,67 @@
+# ControlP5
+
+ControlP5 is a library written by Andreas Schlegel for the programming environment [processing](http://www.processing.org). ControlP5 is a GUI and controller library for processing that can be used in authoring, application mode. 
+
+The range of available controllers includes Slider, Button, Toggle, Knob, Textfield, RadioButton, Checkbox, Lists amongst others. These controllers can be easily added to a processing sketch, or displayed inside a separate control window. They can be organized in tabs or groups as well as rendered into PGraphics buffers. The state of a controller can be saved to file in JSON format.
+
+
+## Getting Started
+
+To get started, a simple example that will create a slider and automatically link its value to variable v1.
+
+```java
+
+	import controlP5.*;
+
+	ControlP5 cp5;
+	int v1;
+
+	void setup() {
+		size(400,400);  
+		noStroke();
+		cp5 = new ControlP5(this);
+		cp5.addSlider("v1")
+		   .setPosition(40,40)
+		   .setSize(200,20)
+		   .setRange(100,300)
+		   .setValue(250)
+		   .setColorCaptionLabel(0xff111111);
+	}
+
+	void draw() {
+		background(0xffdddddd);
+		pushMatrix();
+		fill(0xffffdc00);
+		rect(v1,100,60,200);
+		fill(0xff01ff70);
+		rect(40,v1,320,40);
+		translate(200,200);
+		rotate(map(v1,100,300,-PI,PI));
+		fill(0xff39cccc);
+		rect(0,0,100,100);
+		popMatrix();
+	}
+```
+
+
+
+## History
+
+ControlP5 is a project that started in 2006 as a very simple UI for controlling Processing parameters for better debugging, testing and interaction purposes. Starting from only 3 controllers its controller base has grown up to around 30 controllers and over 70 examples. A history of controlP5 versions is available at [google code downloads](https://code.google.com/p/controlp5/downloads/list?can=1&q=&colspec=Filename+Summary+Uploaded+ReleaseDate+Size+DownloadCount). This library has been widely used by processing user in academic, research and professional environments for prototyping and tool development.
+
+
+### Why is controlP5's source code so convoluted and bloated 
+
+ControlP5 has been in development for over 9 years and started as a small GUI library for Processing. Over the years both Processing and ControlP5 have grown substantially and as part of that journey many changes have been applied to both. From a ControlP5 perspective some changes were due to changes made to Processing's API and source code, other changes were due to additional controller implementations, extended functionality, user feedback and reuqests. Since writing controlP5 from scratch was a learning process for myself in itself, a proper initial strategy for the software architecture of the library was missing. When it became apparent that a proper architecture would have made the development much easier and comfortable it was already too late, I had to comply to the piles of code I had created. Would I do things differently now? yes I would. 
+
+
+## Font rendering
+
+Why is the bit-font so blurry? it used to be crisp. Let me blame this on the OpenGL texture rendering. If you have a suggestion or a simple and easy to implement solution, please let me know inside the issues section.
+
+
+
+## Javascript
+
+Currently there is no javascript version of ControlP5, though I had started implementing a slimmed down version for processing.js but since it is currently unclear which javascript version - processing.js or p5.js - will become the default js version of processing, controlP5.js is on hold. There is a tendency that p5.js will become the primary javascript environment 
+
diff --git a/distribution/library/controlP5.jar b/distribution/library/controlP5.jar
new file mode 100644
index 0000000..46ca82d
Binary files /dev/null and b/distribution/library/controlP5.jar differ
diff --git a/distribution/library/controlP5.js b/distribution/library/controlP5.js
new file mode 100644
index 0000000..e2edb02
--- /dev/null
+++ b/distribution/library/controlP5.js
@@ -0,0 +1,1159 @@
+
+(function(){
+
+		var initializing = false, fnTest = /xyz/.test(function(){xyz;}) ? /\b_super\b/ : /.*/;
+		// The base Class implementation (does nothing)
+		this.Class = function(){};
+		// Create a new Class that inherits from this class
+		Class.extend = function(prop) {
+			var _super = this.prototype;
+			// Instantiate a base class (but only create the instance,
+			// don't run the init constructor)
+			initializing = true;
+			var prototype = new this();
+			initializing = false;
+			// Copy the properties over onto the new prototype
+			for (var name in prop) {
+			// Check if we're overwriting an existing function
+				prototype[name] = typeof prop[name] == "function" && 
+				typeof _super[name] == "function" && fnTest.test(prop[name]) ?
+				(function(name, fn){
+					return function() {
+						var tmp = this._super;
+						// Add a new ._super() method that is the same method
+						// but on the super-class
+						this._super = _super[name];
+						// The method only need to be bound temporarily, so we
+						// remove it when we're done executing
+						var ret = fn.apply(this, arguments);        
+						this._super = tmp;
+						return ret;
+					};
+				})(name, prop[name]) :
+				prop[name];
+			}
+
+			// The dummy class constructor
+			function Class() {
+			// All construction is actually done in the init method
+				if ( !initializing && this.init )
+					this.init.apply(this, arguments);
+			}
+	    
+	    	// Populate our constructed prototype object
+			Class.prototype = prototype;
+	    
+	    	// Enforce the constructor to be what we expect
+	    	Class.prototype.constructor = Class;
+	
+			// And make this class extendable
+			Class.extend = arguments.callee;
+			return Class;
+		};
+	})();
+
+if(!C) {
+
+	var C = (function() {
+
+		var cp5;
+
+
+		// this is taken from processing.js
+		// -------------------------------------
+		var stylePaddingLeft, stylePaddingTop, styleBorderLeft, styleBorderTop;
+
+		var setStyleValues = function ( curElement ) {
+			if ( document.defaultView && document.defaultView.getComputedStyle ) {
+				var style = document.defaultView.getComputedStyle(curElement, null);
+			    stylePaddingLeft = parseInt( style['paddingLeft'], 10 ) || 0;
+			    stylePaddingTop = parseInt( style['paddingTop'], 10 ) || 0;
+			    styleBorderLeft = parseInt( style['borderLeftWidth'], 10 ) || 0;
+			    styleBorderTop = parseInt( style['borderTopWidth'], 10 ) || 0;
+			}
+		}
+
+		function calculateOffset(curElement, event) {
+
+	      var element = curElement , offsetX = 0 , offsetY = 0;
+	
+	      // Find element offset
+	      if (element.offsetParent) {
+	        do {
+	          offsetX += element.offsetLeft;
+	          offsetY += element.offsetTop;
+	        } while (!!(element = element.offsetParent));
+	      }
+	
+	      // Find Scroll offset
+	      element = curElement;
+	      do {
+	        offsetX -= element.scrollLeft || 0;
+	        offsetY -= element.scrollTop || 0;
+	      } while (!!(element = element.parentNode));
+	
+	      // Add padding and border style widths to offset
+	      offsetX += stylePaddingLeft;
+	      offsetY += stylePaddingTop;
+	
+	      offsetX += styleBorderLeft;
+	      offsetY += styleBorderTop;
+	
+	      // Take into account any scrolling done
+	      offsetX += window.pageXOffset;
+	      offsetY += window.pageYOffset;
+	
+			return {X:offsetX, Y:offsetY};
+	    }
+		// -------------------------------------
+		
+		
+		var addEventListenerImpl = function( target, event, callback ) {
+	        if ( 'addEventListener' in target ) {
+	            target.addEventListener( event, callback );
+	        } else {
+	            var originalEvent = target["on"+event];
+	            target["on"+event] = function ( evt ) {
+	                var bubble = callback.apply( evt.target, [evt] );
+	                if ( originalEvent ) originalEvent.apply( target, [evt] );
+	                return bubble;
+	            };
+	        }
+	    };
+
+	    var opts;
+
+		var C = function() {
+
+			opts = arguments[ 0 ];
+
+	        this.target = opts.target;
+
+        	setStyleValues( this.target );
+
+        	this.pointer = { x: 0 , y: 0 , px: 0 , py: 0 , dx: 0 , dy: 0 };
+
+			this.controllers = []; /* all controllers including groups */
+
+			this.root = new Root();
+
+			this.fontsize = 10;
+
+			this.papplet = opts.papplet;
+
+			this.font = this.papplet.createFont( "" , this.fontsize );
+			
+			this.target.addEventListener('mousewheel',function(event){
+    			event.preventDefault();
+    			return false;
+				}, false);
+
+			if ( this.papplet && 'draw' in this.papplet ) {
+				var drawStored = this.papplet.draw;
+				this.papplet.draw = (function( ia , pa , ds ){
+					return function(){
+						ia.preDraw( pa );
+						ds.apply( pa );
+						ia.postDraw( pa );
+					};
+				})( this , this.papplet , drawStored );
+			}
+
+        	var events = [
+            	"mousemove", "mousedown", "mouseup", "click", "dblclick", 
+            	"mouseover", "mouseout", "mouseenter", "mouseleave", "mousewheel",
+				"DOMMouseScroll", "keydown" , "keyup", "keypress"
+        	];
+        	
+        	var eventDests = {
+            	"mousemove": "mouseMoved",
+            	"mousedown": "mousePressed",
+            	"dblclick": "mouseDoubleClicked",
+            	"mouseup": "mouseReleased",
+				"mousewheel": "mouseScrolled",
+				"DOMMouseScroll": "mouseScrolled",
+				"keypress": "keyPressed",
+				"keydown": "keyDown",
+				"keyup": "keyReleased"
+        	};
+
+        	for ( var e in events ) {
+
+            	(function( control , target , event , m ){
+
+	                addEventListenerImpl( target , event , function( evt ) {
+
+						var offset = calculateOffset( target, evt );
+
+						control.pointer.px = control.pointer.x ; control.pointer.py = control.pointer.y ;
+
+						control.pointer.x = evt.pageX - offset.X ; control.pointer.y = evt.pageY - offset.Y ;						
+
+						control.pointer.dx = control.pointer.x - control.pointer.px ; control.pointer.dy = control.pointer.y - control.pointer.py ;
+
+						var collection = [ ];
+
+						traverse( collection , control.root.children , 0 , 0 , control.pointer.x , control.pointer.y );
+						
+						/* TODO 
+						 * when mouse is dragged outside of a controller and passes through another controller, this controller gets activated.
+						 * to avoid this behavior, only register the dragged controller when traversing and ignore all others.
+						 */
+
+						if(evt instanceof KeyboardEvent) {
+							/* key events */
+							for(c in control.controllers) {
+								if ( m in control.controllers[ c ] ) {
+									control.controllers[ c ][ m ]( evt );
+								}
+							}
+						} else if (evt instanceof MouseEvent){
+						/* mouse events */
+							//for(item in collection) {
+								if(collection.length > 0) {
+									var item = collection.pop();							
+									var c = item.controller.name;
+									if ( m in control.controllers[ c ] ) {	
+										var pointer = { 	type: m,
+															ax: control.pointer.x , 
+															ay: control.pointer.y , 
+															apx: control.pointer.px ,  
+															apy: control.pointer.py , 
+															rx: item.x , 
+															ry: item.y , 
+															dx: control.pointer.dx ,  
+															dy: control.pointer.dy 
+														}
+
+										control.controllers[ c ][ m ]( pointer );
+										control.controllers[ c ]['callback'].map( function( item ) { if(m==item.ev) { item.fn( pointer )} } );
+										collection = [];
+									}
+
+									if (evt instanceof WheelEvent) { /* Chrome */
+										/* http://phrogz.net/JS/wheeldelta.html */
+										console.log( "mouseWheel event detected (1) : " + evt +" / "+ c );
+									}
+								}
+							//}
+							
+						} else {
+							if (evt instanceof WheelEvent) { /* Safari */
+								/* http://phrogz.net/JS/wheeldelta.html */
+								if(collection.length > 0 ) {
+									var item = collection.pop();							
+									var c = item.controller.name;
+									console.log( "mouseWheel event detected (2) : " + evt +" / "+c);
+								}
+							}
+						}
+						// else if (evt instanceof TouchEvent){
+						// 	/* tbd, does cause a breakpoint in Safari */
+						// }
+                	});
+            	})( this , this.target , events[ e ] , eventDests[ events[ e ] ] );
+        	}
+
+        	var inside = function( mx , my , x0 , y0 , x1 , y1 ) { return ( mx > x0 && mx < x1 && my > y0 && my < y1 ); }
+
+        	var traverse = function( col , a , x0 , y0 , mx , my ) {
+        			for(c in a) {
+	        			var x = x0 + a[ c ].x;
+    	    			var y = y0 + a[ c ].y;
+        				var b =  ( !a[ c ].state.visible ) ? false : inside( mx , my , x , y + a[ c ].yoff , x + a[ c ].getWidth() , y + a[ c ].getHeight() );
+        				b = ( a[ c ].state.active ) ? true : b;
+        				if( b ) { col.push( { controller: a[ c ], x: mx - x, y: my - y } ) };
+        				if(a[ c ].state.open ) { traverse( col ,  a[ c ].children , x , y , mx , my ); }	
+        			}
+        	}
+			
+			
+        	this.add = function( c ) {
+            	this.controllers[ c.name ] = c ;
+            	c.parent = this.root;
+            	this.root.children.push( c );
+            	return c;
+	        }
+
+	        this.remove = function( c ) {
+	        	c.parent.remove( c );
+	        	this.controllers.splice( this.controllers.indexOf( c ) , 1 );
+            	return this;
+	        }
+
+			this.draw = 	function ( papplet ) {  }
+			this.preDraw = 	function ( papplet ) { }
+			this.postDraw = function ( papplet ) { papplet.textFont( this.font ); this.root.draw( papplet ); }
+		}
+
+		C.papplet = function ( ) { return cp5.papplet; }
+        C.font = 	function ( ) { return cp5.font; }
+		C.pointer = function ( c ) { return cp5.pointer; }		
+		C.add = 	function ( c ) { return cp5.add( c ); }
+        C.get = 	function ( c ) { return cp5.controllers[ c ]; }
+        
+        C.remove = 	function ( c ) { return cp5.remove( c ); }
+        C.test = 	function ( m , v ) { var target = opts.papplet; C.invoke( target , m , v ); }
+        C.event = 	function ( ev ) { var target = opts.papplet; var method = 'controlEvent'; C.invoke( target , method , ev ) ; }
+		C.make = 	function ( t ) { cp5 = new C({ target: t.externals.canvas, papplet: t }); }
+        C.invoke = 	function ( target , method , event ) {
+        	if( ! ( target == undefined ) ) {
+        		if ( ! ( target[method] == undefined ) ) {
+        			if(event==undefined) {
+						target[method]( );
+        			} else {
+        				target[method](event);
+        			}
+        		}
+        	}
+        }
+
+	return C;
+})();
+	
+	
+	var CENTER			= 3
+	var LEFT			= 37
+	var RIGHT			= 39
+	var TOP				= 101
+	var BOTTOM			= 102
+	var BASELINE		= 0
+	var UP 				= 38
+	var DOWN 			= 40
+	var LEFT_OUTSIDE 	= 10
+	var RIGHT_OUTSIDE 	= 11
+	var TOP_OUTSIDE 	= 12
+	var BOTTOM_OUTSIDE 	= 13
+
+	var clip 		= function ( theValue , theMin , theMax ) { return theValue < theMin ? theMin : ( theValue > theMax ? theMax : theValue ); }
+	var norm 		= function ( theValue , theStart , theStop ) { return ( theValue - theStart ) / ( theStop - theStart ); }
+	var map 		= function ( theValue ,theStart0 , theStop0 , theStart1 , theStop1 ) { return theStart1 + ( theStop1 - theStart1 ) * ( ( theValue - theStart0 ) / ( theStop0 - theStart0 ) ); }
+	var constrain 	= function ( theValue , theStart0 , theStop0 , theStart1 , theStop1 ) { return clip( map( theValue , theStart0 , theStop0 , theStart1 , theStop1 ) , theStart1 , theStop1 ); }
+	var remove 		= function ( theArray , theItem ) { if( theArray.indexOf( theItem ) > -1 ) { theArray.splice(theArray.indexOf( theItem ) , 1 ); } }
+	var add 		= function ( theArray , theItem ) { theArray.push( theItem ); }
+
+	/* Root */
+
+	var Root = Class.extend({
+		children: [ ]
+		, x: 0
+		, y: 0
+		, draw: 	function ( p ) { p.pushStyle(); for ( var c in this.children ) { this.children[ c ].draw( p ); }; p.popStyle();	 }
+		, remove: 	function ( elem ) { this.children.splice( this.children.indexOf( elem ) , 1 ); }
+	});
+
+		
+	/* ControlListener */
+	var ControlListener = Class.extend({
+		controlEvent: function( l ) { }
+	});
+
+		
+	/* ControlView */
+	var ControllerView = Class.extend({
+		display: function( p , c ) { }
+	});
+
+	/* Label */
+	var Label = Class.extend({
+		alignX: LEFT
+		, alignY: CENTER
+		, text: ""
+		, x: 0
+		, y: 0
+		, init: function( theIndex ) { this.margin = {top:0, right:0, bottom:0, left:0 }  }
+		, align: function( x , y ) { this.alignX = x; this.alignY = y; return this; }
+		, set: function( s ) { this.setText( s ); return this; }
+		, setText: function( s ) { this.text = s; return this; }
+		, getText: function( s ) { return this.text; }
+		, setMargin: function( which , value ) { this.margin[which] = value; console.log(this.margin); return this; }
+		, draw: function( p , c ) { 
+
+			var x = 0
+			var ax = this.alignX
+			switch(this.alignX) {
+				case(CENTER) : x = c.getWidth() / 2; break;
+				case(RIGHT_OUTSIDE) : ax = LEFT; x = c.getWidth() + this.margin.left; break;
+				case(RIGHT) : x = c.getWidth() - this.margin.right; break;
+				case(LEFT_OUTSIDE) : ax = RIGHT; x = - this.margin.right; break;
+				case(LEFT) : x = this.margin.left; break;
+			}
+
+			var y = 0;
+			var ay = this.alignY;
+			switch(this.alignY) {
+				case(CENTER) : y = c.getHeight() / 2; break;
+				case(BOTTOM_OUTSIDE) : ay = TOP; y = c.getHeight() + this.margin.bottom; break;
+				case(BOTTOM) : y = c.getHeight() - this.margin.bottom; break;
+				case(TOP_OUTSIDE) : ay = BOTTOM; y = this.margin.top; break;
+				case(TOP) : y = this.margin.top; break;
+			}
+
+
+			txtalign( p , this.getText() , x , y , ax , ay  );
+		}
+	});
+
+	/* Controller */
+	var Controller = Class.extend({
+		init: function( theIndex ) {
+			this.view 				= new ControllerView();
+			this.event 				= { };
+			this.x 					= 0;
+			this.y 					= 0; 
+			this.yoff 				= 0; /* necessary for groups, the group's bar is in the negative for the y position */
+			this.value 				= 0;
+			this.name 				= theIndex;
+			this.label 				= theIndex;
+			this.decimalPrecision 	= 1
+			this.valueLabel 		= new Label().set( theIndex )
+			this.captionLabel 		= new Label().set( theIndex )
+			this.state 				= { broadcast: 	true
+										, inside: 	false 
+										, visible: 	true
+										, active: 	false
+										, pressed: 	false
+										, dragged: 	false 
+										, open: 	true
+									}
+
+			this.color 				= { colorBackground: 		0xff003652
+										, colorForeground: 		0xff009bd7
+										, colorActive: 			0xff00c5ff
+										, colorCaptionLabel: 	0xffffffff
+										, colorValueLabel: 		0xffffffff
+									}				
+
+			this.event 				= { onLeave: 	 		function( c , pointer ) { } 
+									  , onEnter:  			function( c , pointer ) { } 
+									  , onMove:  			function( c , pointer ) { } 
+									  , onStartDrag:  		function( c , pointer ) { } 
+									  , onDrag:  			function( c , pointer ) { } 
+									  , onEndDrag:  		function( c , pointer ) { } 
+									  , onPress: 			function( c , pointer ) { } 
+									  , onRelease: 			function( c , pointer ) { } 
+									  , onReleaseOutside: 	function( c , pointer ) { }
+									  , onWheel: 			function( c , pointer ) { } 
+									}
+
+			this.callback 			= [ ];
+
+			this.listeners 			= [ ];
+
+			this.children 			= [ ];
+
+			this.parent 			= undefined;
+
+			this.id 				= -1;
+
+			this.setup( );
+
+		} 
+
+		, draw: function( p ) {
+			if(this.state.visible) { 
+				p.pushMatrix( );
+				p.pushStyle();
+				p.translate( this.x , this.y ); 
+				this.view.display( p , this );
+				if(this.state.open) {	
+					for( var c in this.children ) { this.children[ c ].draw( p ); }
+				}
+				p.popStyle();
+				p.popMatrix( ); 
+			}
+		}
+		, broadcast: function ( ) { 
+			if( this.state.broadcast ) { 
+				var ev = new ControlEvent( this ); 
+				C.event( ev ); 
+				C.test( this.getName() , this.getValue() ); 
+				this.listeners.map( function( item ) { C.invoke( item , 'controlEvent' , ev ) } ); 
+			} 
+		}
+		, addCallback:			function ( c , ev , fn ) { this.callback.push( {'c':c , 'ev':ev , 'fn':fn } ); return this; }
+		, addListener: 			function( l ) { add( this.listeners , l ); return this; }
+		, removeListener: 		function( l ) { remove( this.listeners , l ); return this; }
+		, setup:  				function ( ) { }
+		, setPosition: 			function ( theX , theY ) { this.x = theX; this.y = theY; return this; }
+		, setSize: 				function ( theW , theH ) { this.setWidth( theW ); this.setHeight( theH ); return this; }
+		, setWidth: 			function ( theW ) { this.width = theW; return this; }
+		, setHeight: 			function ( theH ) { this.height = theH; return this; }
+		, setCaptionLabel: 		function ( theString ) { this.label = theString; return this; }
+		, inside: 				function ( theX0 , theY0 ) { return (theX0 >= 0 && theX0 <= ( this.getWidth( ) )  && theY0 >= 0 + this.yoff && theY0 <= ( this.getHeight( ) ) ) ; }
+		, setColorActive: 		function ( theCol ) { this.color.colorActive = theCol; return this; }
+		, setColorBackground: 	function ( theCol ) { this.color.colorBackground = theCol; return this;}
+		, setColorForeground: 	function ( theCol ) { this.color.colorForeground = theCol; return this; }
+		, setColorCaptionLabel: function ( theCol ) { this.color.colorCaptionLabel = theCol; return this; }
+		, setColorValueLabel: 	function ( theCol ) { this.color.colorValueLabel = theCol; return this; }
+		, getColor: 			function ( ) { return this.color; }
+		, getId: 				function ( ) { return this.id; }
+		, getName: 				function ( ) { return this.name; }
+		, getValue: 			function ( ) { return this.value; }
+		, getWidth: 			function ( ) { return this.width; }
+		, getHeight: 			function ( ) { return this.height; }
+		, getDecimalPrecision: 	function ( ) { return this.decimalPrecision; } 
+		, getView: 				function ( ) { return this.view; }
+		, setValue: 			function ( val ) { this.value = val; return this; }
+		, setVisible: 			function ( b ) { this.state.visible = ( b == true ) ? true : false ; return this; } 
+		, setDecimalPrecision: 	function ( i ) { this.decimalPrecision = i; } 
+		, setId: 				function ( theId ) { this.id = theId; return this; } 
+		, moveTo: 				function ( theParent ) { this.parent.remove( this ); this.parent = theParent; theParent.children.push( this ) ; return this; }
+		, remove: 				function ( theElement ) { this.children.splice(this.children.indexOf( theElement ), 1); }
+		, hide: 				function ( ) { this.state.visible = false; return this; }
+		, show: 				function ( ) { this.state.visible = true; return this; }
+		, setCaptionLabel: 		function ( theLabel ) { this.captionLabel.set( theLabel ); return this; }
+		, setBroadcast: 		function ( b ) { this.state.broadcast = (b === true) ? true : false; return this; } 
+		, setView: 				function ( theView ) { this.view = theView; return this; }
+		, remove: 				function ( ) { C.remove( this ); } 
+		, isVisible: 			function ( ) { return this.state.visible; } 
+		, mousePressed: 		function ( pointer ) { this.event.onPress( this , pointer ); this.state.pressed = true ; }
+		, mouseReleased: 		function ( pointer ) { if( this.state.dragged ) { this.onEndDrag( pointer ) } else { this.event.onRelease( this , pointer ); }; if(!this.state.inside) { this.event.onReleaseOutside( this , pointer ); this.state.active = false; }  this.state.dragged = false ; this.state.pressed = false ;  }
+		, onDrag: 				function ( pointer ) { if( !this.state.dragged ) { this.onStartDrag( pointer ) }; this.event.onDrag( this , pointer ); this.state.dragged = true ; }
+		, onMove: 				function ( pointer ) { this.event.onMove( this , pointer ); }
+		, onStartDrag: 			function ( pointer ) { this.event.onStartDrag( this , pointer ); }
+		, onEndDrag: 			function ( pointer ) { this.event.onEndDrag( this , pointer ); }
+		, onEnter: 				function ( pointer ) { this.event.onEnter( this , pointer ); }
+		, onLeave: 				function ( pointer ) { this.event.onLeave( this , pointer ); }
+		, mouseMoved: 			function ( pointer ) {
+			this.state.inside = this.inside( pointer.rx , pointer.ry );
+			this.onMove( pointer );
+			if ( this.state.active && this.state.pressed ) {
+				this.onDrag( pointer );
+			} else {
+				if ( this.state.active != this.state.inside ) { if ( this.state.active ) {  this.onLeave( pointer ); } else { this.onEnter( pointer ); } }
+				this.state.active = this.state.inside;
+			}
+		} 
+		, setImage: 			function( ) { console.log("setImage is not implemented for this controller."); }
+		, setView: 				function ( theView ) { return this; }
+	});
+	
+
+	/* Slider */
+	var Slider = Controller.extend({
+		normalized: 0
+		, min: 0
+		, max: 100
+		, setup: function( ) { 
+
+			this.captionLabel.align( RIGHT_OUTSIDE , CENTER ).setMargin('left' , 4 );
+
+			this.valueLabel.align( LEFT , CENTER ).setMargin( 'left' , 4 );
+
+			this.view.display = function( p , c ) {
+				p.noStroke(); 
+				p.fill( c.color.colorBackground ); 
+				p.rect( 0 , 0 , c.getWidth( ) , c.getHeight( ) ); 
+				p.noStroke(); 
+				p.fill( c.state.inside | c.state.dragged ? c.color.colorActive : c.color.colorForeground ); 
+				p.rect( 0 , 0 , c.getWidth( ) * c.normalized , c.getHeight( ) );
+				p.fill( c.color.colorValueLabel );
+				c.valueLabel.set( c.getValue().toFixed( c.getDecimalPrecision( ) ) );
+				c.valueLabel.draw( p , c );
+				p.fill( c.color.colorCaptionLabel ); 
+				c.captionLabel.draw( p , c );
+			}
+
+			this.event['onPress'] = function( c , pointer ) { 
+				c.normalized = constrain( pointer.rx, 0 , c.getWidth( ) , 0 , 1 ) ;
+				c.state.active = true ; 
+				c.broadcast( ); 
+			}
+
+			this.event['onDrag'] = 	function( c , pointer ) { 
+				c.normalized = constrain( pointer.rx , 0 , c.getWidth( ) , 0 , 1 ) ; 
+				c.broadcast( ) ; 
+			}
+		}
+		
+		, getValue: function ( ) { return map( this.normalized , 0 , 1 , this.min , this.max ) ; }
+		, setRange: function ( theMin , theMax ) { this.min = theMin ; this.max = theMax ; return this ; }
+	});
+	
+
+	/* Button */
+	var Button = Controller.extend({
+
+		setup: function( ) {
+
+			this.view.display = function( p , c ) {
+				p.noStroke( ); 
+				p.fill( c.state.inside |  c.state.dragged ? ( c.state.pressed |  c.state.dragged ? c.color.colorActive : c.color.colorForeground ) : c.color.colorBackground ); 
+				p.rect( 0 , 0 , c.getWidth( ) , c.getHeight( ) );
+			
+				p.fill( c.color.colorCaptionLabel ); 
+				txtalign( p , c.label.toUpperCase() , c.getWidth() / 2 , c.getHeight() / 2 , p.CENTER , p.CENTER );
+			}
+
+			this.event['onPress'] = function( c , pointer ) { c.broadcast( ); }
+		}
+		, setImage: function ( img ) {
+			this.setSize( img.width , img.height );
+			this.view['image'] = function( p , c ) { if( c.getWidth( )==0 ) { c.setSize( img0.width , img0.height ); } p.image(img, 0 , 0); } 
+			this.seq = [ 'image' ];
+
+		} 
+		, setImages: function ( img0, img1, img2 ) {
+			this.setSize( img0.width , img0.height );
+			this.view.display = function( p , c ) {
+				if( c.getWidth( )==0 ) { c.setSize( img0.width , img0.height ); }
+				if( c.state.active ) { if(c.state.pressed) { p.image( img2 , 0 , 0 ); } else { p.image( img1 , 0 , 0 ); } } else { p.image( img0 , 0 , 0 ); }
+			}
+		}
+	});
+
+
+	/* Toggle */
+	var Toggle = Button.extend({
+
+		setup: function( ) {
+
+			this.value = 0;
+
+			this.captionLabel.align( CENTER , CENTER );
+
+			this.view.display = function( p , c ) {
+				p.noStroke( ); 
+				p.fill( ( c.getValue() == 0 ) ? c.state.inside ? c.color.colorForeground : c.color.colorBackground : c.color.colorActive ); 
+				p.rect( 0 , 0 , c.getWidth( ) , c.getHeight( ) ); 
+
+				p.fill( c.color.colorCaptionLabel ); 
+				c.captionLabel.draw( p , c );
+			}
+
+			this.event['onPress'] = function( c , pointer ) { 
+				c.setValue( (c.getValue() == 0) ? 1 : 0 ) ; 
+				c.broadcast( ); 
+			}
+		}
+	});
+
+
+	/* Bang */
+	var Bang = Button.extend({
+
+		setup: function( ) {
+
+			this.value = undefined;
+
+			this.view.display = function( p , c ) {
+				p.noStroke( ); 
+				p.fill( ( c.state.pressed ) ? c.color.colorActive : c.color.colorBackground ); 
+				p.rect( 0 , 0 , c.getWidth( ) , c.getHeight( ) ); 
+			
+				p.fill( c.color.colorCaptionLabel ); 
+				txtalign(p, c.label , c.getWidth() / 2 , c.getHeight() / 2 , p.CENTER , p.CENTER );
+			}
+
+			this.event['onPress'] = function( c , pointer ) {
+				c.broadcast( ); 
+			}
+		}	
+	});
+
+
+	/* Numberbox */
+	var Numberbox = Controller.extend({
+		min: -100
+		, max: 100
+		, setup: function( ) {
+
+			this.value = 0;
+
+			this.view.display = function( p , c ) {
+				p.noStroke( ); 
+				p.fill( c.color.colorBackground ); 
+				p.rect( 0 , 0 , c.getWidth( ) , c.getHeight( ) ); 
+				p.fill( ( c.state.pressed ) ? c.color.colorActive : c.color.colorForeground );
+				var h = c.getHeight() / 2;
+				p.triangle( 0 , h - 6 , 6 , h , 0 , h + 6 );
+			
+				p.fill( c.color.colorValueLabel ); 
+				c.valueLabel.set( c.getValue().toFixed( c.getDecimalPrecision( ) ) );
+				c.valueLabel.draw( p , c );
+			
+				p.fill( c.color.colorCaptionLabel ); 
+				c.captionLabel.draw( p , c );
+			}
+
+			this.event['onPress'] = function( c , pointer ) {
+				c.broadcast( ); 
+			}
+
+			this.event['onDrag'] = 	function( c , pointer ) { 
+				c.value += pointer.dy;
+				c.value = Math.min( c.max , Math.max( c.min , c.value ) );
+				c.broadcast( ) ; 
+			}
+		}
+		
+		, setRange: function ( theMin , theMax ) { this.min = theMin ; this.max = theMax ; return this ; }	
+	});
+
+
+
+	/* Slider2D */
+	var Slider2D = Controller.extend({
+		cursorX: 0
+		, cursorY: 0
+		, cursorWidth: 10
+		, cursorHeight: 10
+		, isCrosshairs: true
+		, minX: 0
+		, minY: 0
+		, maxX: 100
+		, maxY: 100
+		, setup: function( ) {
+
+			this.value = 0;
+
+			this.view.display = function( p , c ) {
+				p.noStroke( ); 
+				p.fill( c.color.colorBackground ); 
+				p.rect( 0 , 0 , c.getWidth( ) , c.getHeight( ) ); 
+			
+				p.noStroke( ); 
+				p.fill( c.state.dragged ? c.color.colorActive : c.color.colorForeground ); 
+				p.rect( c.cursorX , c.cursorY , c.cursorWidth , c.cursorHeight ); 
+			
+				p.fill( c.color.colorValueLabel ); 
+				c.valueLabel.set( c.getValue()['x'].toFixed( c.getDecimalPrecision( ) ) );
+				c.valueLabel.draw( p , c );
+			
+				p.fill( c.color.colorCaptionLabel ); 
+				c.captionLabel.draw( p , c );
+			}
+
+			this.event['onPress'] = function( c , pointer ) {
+				//this.event['onDrag']( c, pointer );
+			}
+
+			this.event['onDrag'] = 	function( c , pointer ) { 
+				c.cursorX = Math.max( 0, Math.min( pointer.rx , c.getWidth() - c.cursorWidth ) );
+				c.cursorY = Math.max( 0, Math.min( pointer.ry , c.getHeight() - c.cursorHeight ) );
+				c.broadcast( ) ; 
+			}
+		}
+		, getValue: function( ) {return { 'x' : map( this.cursorX , 0 , this.getWidth()-this.cursorWidth , this.minX , this.maxX ) , 'y' : map( this.cursorY , 0 , this.getHeight()-this.cursorHeight , this.minY , this.maxY) }; }
+		, setRange: function( theMinX , theMaxX , theMinY , theMaxY ) { this.minX = theMinX ; this.maxX = theMaxX ; this.minY = theMinY ; this.maxY = theMaxY ; return this ; }
+		, setMinX: function( theMinX ) { this.minX = theMinX; return this; }
+		, setMinY: function( theMinY ) { this.minY = theMinY; return this; }
+		, setMaxX: function( theMaxX ) { this.maxX = theMaxX; return this; }
+		, setMaxY: function( theMaxY ) { this.maxY = theMaxY; return this; }
+		, getMinX: function( ) { return this.minX; }
+		, getMinY: function( ) { return this.minY; }
+		, getMaxX: function( ) { return this.maxX; }
+		, getMaxY: function( ) { return this.maxY; }
+		, getCursorX: function( ) { return this.cursorX; }
+		, getCursorY: function( ) { return this.cursorY; }
+		, getCursorWidth: function( ) { return this.cursorWidth; }
+		, getCursorHeight: function( ) { return this.cursorHeight; }
+		, disableCrosshair: function( ) { this.isCrosshairs = false; return this; }
+		, enableCrosshair: function( ) { this.isCrosshairs = true; return this; }
+	});
+
+
+
+	var Knob = Controller.extend({
+		normalized: 0
+		, min: 0
+		, max: 100
+		, startAngle: Math.PI / 2 + Math.PI * 0.25
+		, angleRange:  Math.PI + Math.PI / 2
+		, setup: function( ) {
+
+			this.view.display = function( p , c ) {
+
+				p.noStroke( ); 
+				p.ellipseMode(p.CENTER);
+				p.fill( c.color.colorBackground ); 
+				p.ellipse( c.getWidth( ) / 2 , c.getHeight( ) / 2 , c.getWidth( ) , c.getHeight( ) );
+
+				p.fill( ( c.state.pressed ) ? c.color.colorActive : c.color.colorForeground );
+				p.arc( c.getWidth( ) / 2 , c.getHeight( ) / 2 , c.getWidth( ) , c.getHeight( ) , c.startAngle , c.startAngle + c.angleRange * 0.01 ); 
+				p.arc( c.getWidth( ) / 2 , c.getHeight( ) / 2 , c.getWidth( ) , c.getHeight( ) , c.startAngle , c.startAngle + map( c.normalized , 0 , 1 , 0 , c.angleRange ) ); 
+				p.fill( c.color.colorBackground ); 
+				p.ellipse( c.getWidth( ) / 2 , c.getHeight( ) / 2 , c.getWidth( ) * 0.75 , c.getHeight( ) * 0.75 ); 
+
+				p.fill( c.color.colorCaptionLabel ); 
+				txtalign(p, c.getValue().toFixed( c.getDecimalPrecision( ) ) , c.getWidth() / 2 , c.getHeight() / 2 , p.CENTER , p.CENTER );
+			
+				p.fill( c.color.colorValueLabel ); 
+				txtalign(p, c.label , c.getWidth() / 2 , c.getHeight() + 2 , p.CENTER , p.TOP );
+			}
+
+			this.event['onPress'] = function( c , pointer ) { 
+				c.normalized = constrain( pointer.rx, 0 , c.getWidth( ) , 0 , 1 ) ;
+				c.state.active = true ; 
+				c.broadcast( ); 
+			}
+
+			this.event['onDrag'] = 	function( c , pointer ) { 
+				c.normalized = constrain( pointer.rx , 0 , c.getWidth( ) , 0 , 1 ) ; 
+				c.broadcast( ) ; 
+			}
+
+		}
+		, setRadius: function( theRadius ) { this.setSize( theRadius * 2 , theRadius * 2 ); return this; }
+		, getValue: function ( ) { return map( this.normalized , 0 , 1 , this.min , this.max ) ; }
+		, setRange: function ( theMin , theMax ) { this.min = theMin ; this.max = theMax ; return this ; }	
+	});
+
+
+	/* Listbox */
+
+	var ListBox = Controller.extend( {
+
+		setup: function( ) {
+
+			this.state.open 	= true;
+			this.barHeight 		= 20;
+			this.items 			= [ ];
+			this.itemHeight 	= 30;
+			this.itemHover 		= -1;
+			this.itemIndex 		= 0;
+			this.itemRange 		= 6;
+
+
+			for(var i = 0 ; i<100;i++ ) {
+				this.items.push("item "+i);
+			}
+
+
+
+			var listboxitem = function ( p , c , i ) {
+				p.fill( c.color.colorBackground , (i==c.itemHover ? 255 : 120 ) );
+				p.rect( 0 , 0 , c.getWidth( ), c.itemHeight - 1 );
+				p.fill( c.color.colorCaptionLabel );
+				p.text( c.items[ i ] , 4 , 20 );
+			}
+
+			this.view.display = function( p , c ) {
+
+				p.noStroke( ); 
+				p.fill( c.color.colorBackground );
+				p.rect( 0 , 0 , c.getWidth( ) , c.barHeight );
+			
+				p.fill( c.color.colorForeground );
+				p.pushMatrix();
+				p.translate( c.getWidth( ) - 8 , c.barHeight / 2  -2 );
+				if( c.state.open ) { p.triangle( -3 , 0 , 3 , 0 , 0 , 3 ); } else { p.triangle( -3 , 3 , 3 , 3 , 0 , 0 ); }
+				p.popMatrix();
+			
+				p.fill( 255 ); 
+				txt(p, c.label , 4 , 15 ); /* TODO */
+			
+				if( c.state.open ) {
+					p.fill( c.color.colorBackground , 120 );
+					p.rect( 0 , c.barHeight , c.width , c.getHeight( ) - c.barHeight );
+					p.pushMatrix();
+					p.translate( 0 , c.barHeight + 1 );
+					for(var i = c.itemIndex; i < ( c.itemIndex + c.itemRange ) ; i++ ) {
+						listboxitem( p , c , i );
+						p.translate( 0 , c.itemHeight );
+					}
+					p.popMatrix( );
+				}
+			
+				if(c.state.active && c.state.open) {
+					p.fill( c.color.colorForeground , 120 );
+					p.pushMatrix();
+					p.translate( c.width - 8 , c.barHeight + 4 );
+					var len = 20;
+					var pos = Math.floor( map( c.itemIndex, 0, c.items.length, 0, c.getHeight( ) - c.barHeight - len ) );
+					p.rect( 0 , pos , 4, len );
+					p.popMatrix();
+				}
+			}
+
+			
+			this.event['onRelease'] = function( c , pointer ) { 
+				var n = Math.floor( ( pointer.ry - c.barHeight ) / c.itemHeight );
+				if( n == -1 ) { c.state.open = !c.state.open; c.height = c.state.open ? c.barHeight + c.itemRange * c.itemHeight : c.barHeight; }
+				c.setValue( c.itemIndex + n );
+				c.broadcast( );
+			}
+
+			this.event['onDrag'] = function( c , pointer ) {
+				c.itemIndex += pointer.dy * 0.5;
+				c.itemIndex = Math.floor( Math.max( 0 , Math.min(c.itemIndex, c.items.length - c.itemRange ) ) );
+				c.itemHover = -1;
+			}
+
+			this.event['onLeave'] = function( c , pointer ) { c.itemHover = -1; }
+
+			this.event['onEnter'] = this.event['onMove'] = this.event['onEndDrag'] = function( c , pointer ) {
+				var n = Math.floor( ( pointer.ry - c.barHeight ) / c.itemHeight );
+				c.itemHover = c.itemIndex + n ;
+			}
+
+		}
+		, setHeight: function( h ) { this.height = this.barHeight + this.itemRange * this.itemHeight; }
+	});
+
+	/* Textfield */
+
+	var Textfield = Controller.extend({
+		
+		strindex : 0
+
+		, setup: function( ) {
+
+			this.text = "";
+
+			this.strindex = 0;
+
+			this.captionLabel.align(LEFT , BOTTOM_OUTSIDE).setMargin('left' , 0 )
+
+			this.valueLabel.setMargin('left' , 4 ).setMargin('right' , 4 )
+
+			this.view.display = function( p , c ) {
+				p.noStroke( );
+				p.fill( c.state.active ? c.color.colorActive : c.color.colorForeground );
+				p.rect( 0 , 0 , c.getWidth( ) , c.getHeight( ) );
+				p.fill( c.color.colorBackground );
+				p.rect( 1 , 1 , c.getWidth( ) - 2 , c.getHeight( ) - 2 );
+			
+				p.fill( c.color.colorCaptionLabel );
+				c.captionLabel.draw( p , c );
+			
+				
+				var t = c.text;
+				n = 0;	
+
+				while(p.textWidth( t ) > ( c.getWidth() - ( c.valueLabel.margin.left + c.valueLabel.margin.right ) ) ) {
+					n++; t = t.substring(1, t.length);
+				}
+
+				c.valueLabel.set( t );
+				p.fill( c.color.colorValueLabel );
+				c.valueLabel.draw( p , c );
+
+			}
+
+		} 
+		, keyPressed: function ( theKeyEvent ) { 
+			if(this.state.active) {
+				switch(theKeyEvent.keyCode) {
+					case(13):  this.broadcast(); this.text = ""; this.strindex = 0; break;
+					default: this.text += String.fromCharCode( theKeyEvent.charCode ); this.strindex++; break;
+				}
+			}
+		}
+		, keyDown: function ( theKeyEvent ) { 
+			if(this.state.active) {
+				switch(theKeyEvent.keyCode) {
+					/* delete is not working in Safari */
+					case(8): this.text = this.text.slice(0, Math.max( 0 , this.strindex-1 ) ) + this.text.slice(this.strindex, this.text.len);  this.strindex--; this.strindex = Math.max( 0 , this.strindex); break;
+					case(37): this.strindex--; this.strindex = Math.max( 0 , this.strindex ); break;
+					case(39): this.strindex++; this.strindex = Math.min( this.text.length , this.strindex ); break;
+				}
+			}
+		}
+		, mouseMoved: 		function ( pointer ) { } 
+		, mousePressed: 	function ( pointer ) { this.state.active = true ; this.state.pressed = true; }
+		, mouseReleased: 	function ( pointer ) { this.color.colorForeground = 0xff009bd7 ; this.state.active = this.inside( pointer.rx , pointer.ry ) ? this.state.active : false ; this.state.pressed = false ; }		
+
+	});
+	
+	var CheckBox = Controller.extend({
+		spacingRow: 1
+		, spacingColumn: 1
+		, itemsPerRow: -1
+		, isMultipleChoice: false
+		, itemHeight: 9
+		, itemWidth: 9
+		, items: [ ]
+		, setup: function( ) {
+
+			this.addItem( "a" , "b" );
+
+		} 
+		, sayHello: function( ) {
+			console.log("hello..");
+		}
+		, addItem: function( theName , theValue ) {
+			var target = this;
+			var t = C.add( new Toggle( this.name+"-"+theName ).setSize( this.itemWidth , this.itemHeight ).setPosition( 0 , 0 ) ).setCaptionLabel( theName );
+			t.captionLabel.align( RIGHT_OUTSIDE , CENTER ).margin.left = 4;
+			t.addCallback( t , 'mouseReleased' , function( ev ) { target.sayHello(); } );
+			t.moveTo( this );
+			return this;
+		}
+	});
+
+	var Group = Controller.extend({
+
+		setup: function( ) {
+
+			this.state.open = true;
+
+			this.barHeight = 20;
+
+			this.yoff = -this.barHeight;
+
+			this.captionLabel.align( LEFT , TOP ).setMargin('left' , 4 ).setMargin( 'top' , -this.barHeight + 4 );
+
+
+			this.view.display = function( p , c ) {
+				if( c.state.open ) {
+					p.fill(c.color.colorBackground , 100);
+					p.noStroke();
+					p.rect(0 , 0 , c.getWidth() , c.getHeight() );
+				}
+			
+				p.noStroke( ); 
+				p.fill( c.color.colorBackground );
+				p.rect( 0 , -c.barHeight , c.getWidth() , c.barHeight );
+			
+				p.fill( c.color.colorForeground );
+				p.pushMatrix();
+				p.translate( c.width - 8 , -c.barHeight / 2  -2 );
+				if( c.state.open ) { p.triangle( -3 , 0 , 3 , 0 , 0 , 3 ); } else { p.triangle( -3 , 3 , 3 , 3 , 0 , 0 ); }
+				p.popMatrix();
+			
+				p.fill( this.colorCaptionLabel ); 
+				c.captionLabel.draw( p , c );
+			}
+
+			this.event['onRelease'] = 	function( c , pointer ) {  c.state.open = pointer.ry >= 0 ^ !c.state.open;  }
+			this.event['onDrag'] = 		function( c , pointer ) {  c.x += pointer.dx; c.y += pointer.dy; }
+		}
+		, getHeight: function() { return (this.state.open ? this.height : 0 ); }
+	});
+
+	
+
+	// DropdownList, ListBox
+	// Tab, Group
+	// Slider2D
+	// Textfield
+	// Range
+	// CheckBox, RadioButton
+	// Numberbox
+
+	// Callback
+	// ControllerPlug
+	// ControllerView
+	// Canvas
+
+	var ControlEvent = Class.extend({
+		c: undefined
+		, init: 			function ( c ) { this.c = c; } 
+		, getValue: 		function ( ) { return this.c.getValue(); }
+		, getController: 	function ( ) { return this.c; }
+		, getGroup: 		function ( ) { return this.c; }
+		, getName: 			function ( ) { return this.c.getName( ); }
+		, getId: 			function ( ) { return this.c.getId( ); }
+		, isFrom: 			function ( cc ) {  if(C.get( cc ) !== undefined ) { return C.get( cc ).getName( ) === this.c.getName( ); } return this.c === cc;  }
+	});
+
+
+	var ControlP5 = Class.extend({
+	
+		init: 					function ( t ) { C.make( t ); } 
+		, addSlider: 			function ( theIndex ) { return C.add( new Slider( theIndex ).setPosition( 0 , 0 ).setSize( 100 , 15 ) ); } 
+		, addButton: 			function ( theIndex ) { return C.add( new Button( theIndex ).setPosition( 0 , 0 ).setSize( 50 , 30 ) ); } 
+		, addBang: 				function ( theIndex ) { return C.add( new Bang( theIndex ).setPosition( 0 , 0 ).setSize( 50 , 30 ) ); }
+		, addToggle: 			function ( theIndex ) { return C.add( new Toggle( theIndex ).setPosition( 0 , 0 ).setSize( 40 , 20 ) ); }  
+		, addNumberbox: 		function ( theIndex ) { return C.add( new Numberbox( theIndex ).setPosition( 0 , 0 ).setSize( 100 , 20 ) ); }  
+		, addRange: 			function ( theIndex ) { } /* TODO */
+		, addKnob: 				function ( theIndex ) { return C.add( new Knob( theIndex ).setPosition( 0 , 0 ).setSize( 40 , 40 ) ); }  
+		, addSlider2D: 			function ( theIndex ) { return C.add( new Slider2D( theIndex ).setPosition( 0 , 0 ).setSize( 50 , 50 ) ); }  
+		, addTextfield: 		function ( theIndex ) { return C.add( new Textfield( theIndex ).setPosition( 0 , 0 ).setSize( 200 , 20 ) ); }
+		, addRadioButton: 		function ( theIndex ) { } /* TODO */
+		, addCheckBox: 			function ( theIndex ) { return C.add( new CheckBox( theIndex ).setPosition( 0 , 0 ).setSize( 200 , 20 ) ); }
+		, addTab: 				function ( theIndex ) { } /* TODO */
+		, addGroup: 			function ( theIndex ) { return C.add( new Group( theIndex ).setPosition( 0 , 0 ).setSize( 200 , 200 ) ); }  
+		, addDropdownList: 		function ( theIndex ) { } /* TODO */
+		, addListBox: 			function ( theIndex ) { return C.add( new ListBox( theIndex ).setPosition( 0 , 0 ).setSize( 200 , 185 ) ); }
+		, addCanvas: 			function ( theIndex ) { } /* TODO */
+		, get: 					function ( theIndex ) { return C.get( theIndex ); }
+		, getAll: 				function ( ) { return C.get( ).controllers; }
+		, getAll: 				function ( theType ) { /* returns a list of all registered controllers of type theType */ }
+		, getFont: 				function ( ) { return C.get( ).font; }
+		, getListener: 			function ( theIndex )  { } /* TODO */
+		, getValue: 			function ( theIndex ) {return C.get( theIndex ).getValue( ); } 
+		, isAutoDraw: 			function ( ) { return true; }
+		, isMouseOver: 			function ( ) { return false; }
+		, isMouseOver: 			function ( theController ) { return false; }
+		, isMoveable: 			function ( ) { return true ;}
+		, isShortcuts: 			function ( ) { return false; } 
+		, addCallback: 			function ( theListener ) { }
+		, addCanvas: 			function ( theCanvas ) { } 
+		, remove: 				function ( theIndex ) { } 
+		, removeCallback: 		function ( theController ) { } 
+		, removeCanvas: 		function ( theCanvas ) { } 
+		, removeListener: 		function ( theListener ) { }  
+		, setBroadcast: 		function ( b ) { } 
+		, setMoveable: 			function ( b ) { } 
+		, setFont: 				function ( thePFont ) { C.get( ).font = thePFont; return this; }
+		, setFont: 				function ( thePFont , theFontsize ) { C.get( ).font = thePFont; C.get( ).fontsize = theFontsize; return this; }
+		, setColor: 			function ( theColor ) { return this; }
+		, setColorActive: 		function ( theColor ) { return this; }
+		, setColorBackground: 	function ( theColor ) { return this; }
+		, setColorCaptionLabel: function ( theColor ) { return this; }
+		, setColorForeground: 	function ( theColor ) { return this; }
+		, setColorValueLabel: 	function ( theColor ) { return this; }
+		, disableShortcuts: 	function ( ) { return this; }
+		, enableShortcuts: 		function ( ) { return this; }
+		, hide: 				function ( ) { return this; } 
+		, show: 				function ( ) { return this; } 
+		, setAutoDraw: 			function ( b ) { return this; } 
+	});
+
+	
+	var txtboxed = function( p , theText , theX , theY , theAlignX , theAlignY , theW , theH ) {
+		p.pushMatrix( );
+		p.translate( theX , theY );
+		p.textAlign( theAlignX , theAlignY );
+		p.text( theText , 0 , 0 , theW , theH );
+		p.popMatrix() ;
+	}
+
+
+
+	var txtalign = function( p , theText , theX , theY , theAlignX , theAlignY ) {
+		p.pushMatrix( );
+		p.translate( theX , theY );
+		p.textAlign( theAlignX , theAlignY );
+		p.text( theText , 0 , 0 );
+		p.popMatrix() ;
+	}
+
+
+
+	var txt = function(  p , theText , theX , theY ) {
+		p.pushMatrix( );
+		p.translate( theX , theY );
+		p.text( theText , 0 , 0 );
+		p.popMatrix() ;
+	}
+	
+
+};
+
+
+
+// function numDecimals(x) {
+//     x = x.toString();
+//     if (x.indexOf('.') > -1) {
+//       return x.length - x.indexOf('.') - 1;
+//     } else {
+//       return 0;
+//     }
+//   }
+
+
+//, setSize: 			function ( theW, theH ) { this.buffer = C.papplet( ).createGraphics( theW - 8 , theH); return this._super(theW, theH); } 
+
+				// c.buffer.beginDraw();
+				// c.buffer.background( c.colorBackground );
+				// c.buffer.smooth();
+				// c.buffer.textFont( C.font( ));
+				// var off = -p.max( 0 , p.textWidth( c.text ) - c.buffer.width );
+				// c.buffer.fill( 255 );
+				// c.buffer.text(c.text ,  off , c.height/2 + 5 );
+				// c.buffer.endDraw();
+				// p.image(c.buffer, 4 , 0 );
\ No newline at end of file
diff --git a/examples/controllers/ControlP5ButtonBar/ControlP5ButtonBar.pde b/examples/controllers/ControlP5ButtonBar/ControlP5ButtonBar.pde
new file mode 100644
index 0000000..3c8d457
--- /dev/null
+++ b/examples/controllers/ControlP5ButtonBar/ControlP5ButtonBar.pde
@@ -0,0 +1,44 @@
+/**
+ * ControlP5 ButtonBar
+ * 
+ * work-in-progress
+ *
+ * by Andreas Schlegel, 2012
+ * www.sojamo.de/libraries/controlp5
+ *
+ */
+ 
+
+import controlP5.*;
+
+ControlP5 cp5;
+
+
+void setup() {
+  size(400, 400);
+  cp5 = new ControlP5(this);
+  ButtonBar b = cp5.addButtonBar("bar")
+     .setPosition(0, 0)
+     .setSize(400, 20)
+     .addItems(split("a b c d e f g h i j"," "))
+     ;
+     println(b.getItem("a"));
+  b.changeItem("a","text","first");
+  b.changeItem("b","text","second");
+  b.changeItem("c","text","third");
+  b.onMove(new CallbackListener(){
+    public void controlEvent(CallbackEvent ev) {
+      ButtonBar bar = (ButtonBar)ev.getController();
+      println("hello ",bar.hover());
+    }
+  });
+}
+
+void bar(int n) {
+  println("bar clicked, item-value:", n);
+}
+
+void draw() {
+  background(220);
+}
+
diff --git a/examples/controllers/ControlP5ColorWheel/ControlP5ColorWheel.pde b/examples/controllers/ControlP5ColorWheel/ControlP5ColorWheel.pde
new file mode 100644
index 0000000..17befc6
--- /dev/null
+++ b/examples/controllers/ControlP5ColorWheel/ControlP5ColorWheel.pde
@@ -0,0 +1,175 @@
+/**
+ * ColorWheel is working but still under development as of 22.April 2014.
+ * for API see source code of controlP5/ColorWheel.java
+*/
+
+import controlP5.*;
+
+ControlP5 cp5;
+
+void setup() {
+  size(500, 500);
+  cp5 = new ControlP5( this );
+  cp5.printPublicMethodsFor(ColorWheel.class);
+  cp5.addColorWheel("c" , 250 , 10 , 200 ).setRGB(color(128,0,255));
+  noStroke();
+}
+  
+int c = color(100);
+
+void draw() {  
+  background(50);
+  fill( c );
+  rect(0,240,width,200);
+ println(cp5.get(ColorWheel.class,"c").getRGB()); 
+}
+
+
+/**
+* ControlP5 ColorWheel
+*
+*
+* find a list of public methods available for the ColorWheel Controller
+* at the bottom of this sketch.
+*
+* by Andreas Schlegel, 2012
+* www.sojamo.de/libraries/controlp5
+*
+*/
+
+/*
+a list of all methods available for the ColorWheel Controller
+use ControlP5.printPublicMethodsFor(ColorWheel.class);
+to print the following list into the console.
+
+You can find further details about class ColorWheel in the javadoc.
+
+Format:
+ClassName : returnType methodName(parameter type)
+
+controlP5.ColorWheel : ColorWheel setAlpha(int) 
+controlP5.ColorWheel : ColorWheel setHSL(double, double, double) 
+controlP5.ColorWheel : ColorWheel setRGB(int) 
+controlP5.ColorWheel : double[] RGBtoHSL(int) 
+controlP5.ColorWheel : double[] RGBtoHSL(int, int, int) 
+controlP5.ColorWheel : int HSLtoRGB(double, double, double) 
+controlP5.ColorWheel : int HSLtoRGB(double[]) 
+controlP5.ColorWheel : int HSVtoRGB(double, double, double) 
+controlP5.ColorWheel : int HSVtoRGB(double[]) 
+controlP5.ColorWheel : int a() 
+controlP5.ColorWheel : int b() 
+controlP5.ColorWheel : int g() 
+controlP5.ColorWheel : int r()
+controlP5.ColorWheel : int getRGB()
+controlP5.ColorWheel : void setHue(double) 
+controlP5.ColorWheel : void setLightness(double) 
+controlP5.ColorWheel : void setSaturation(double) 
+controlP5.Controller : CColor getColor() 
+controlP5.Controller : ColorWheel addCallback(CallbackListener) 
+controlP5.Controller : ColorWheel addListener(ControlListener) 
+controlP5.Controller : ColorWheel align(int, int, int, int) 
+controlP5.Controller : ColorWheel bringToFront() 
+controlP5.Controller : ColorWheel bringToFront(ControllerInterface) 
+controlP5.Controller : ColorWheel hide() 
+controlP5.Controller : ColorWheel linebreak() 
+controlP5.Controller : ColorWheel listen(boolean) 
+controlP5.Controller : ColorWheel lock() 
+controlP5.Controller : ColorWheel plugTo(Object) 
+controlP5.Controller : ColorWheel plugTo(Object, String) 
+controlP5.Controller : ColorWheel plugTo(Object[]) 
+controlP5.Controller : ColorWheel plugTo(Object[], String) 
+controlP5.Controller : ColorWheel registerProperty(String) 
+controlP5.Controller : ColorWheel registerProperty(String, String) 
+controlP5.Controller : ColorWheel registerTooltip(String) 
+controlP5.Controller : ColorWheel removeBehavior() 
+controlP5.Controller : ColorWheel removeCallback() 
+controlP5.Controller : ColorWheel removeCallback(CallbackListener) 
+controlP5.Controller : ColorWheel removeListener(ControlListener) 
+controlP5.Controller : ColorWheel removeProperty(String) 
+controlP5.Controller : ColorWheel removeProperty(String, String) 
+controlP5.Controller : ColorWheel setArrayValue(float[]) 
+controlP5.Controller : ColorWheel setArrayValue(int, float) 
+controlP5.Controller : ColorWheel setBehavior(ControlBehavior) 
+controlP5.Controller : ColorWheel setBroadcast(boolean) 
+controlP5.Controller : ColorWheel setCaptionLabel(String) 
+controlP5.Controller : ColorWheel setColor(CColor) 
+controlP5.Controller : ColorWheel setColorActive(int) 
+controlP5.Controller : ColorWheel setColorBackground(int) 
+controlP5.Controller : ColorWheel setColorCaptionLabel(int) 
+controlP5.Controller : ColorWheel setColorForeground(int) 
+controlP5.Controller : ColorWheel setColorValueLabel(int) 
+controlP5.Controller : ColorWheel setDecimalPrecision(int) 
+controlP5.Controller : ColorWheel setDefaultValue(float) 
+controlP5.Controller : ColorWheel setHeight(int) 
+controlP5.Controller : ColorWheel setId(int) 
+controlP5.Controller : ColorWheel setLabelVisible(boolean) 
+controlP5.Controller : ColorWheel setLock(boolean) 
+controlP5.Controller : ColorWheel setMax(float) 
+controlP5.Controller : ColorWheel setMin(float) 
+controlP5.Controller : ColorWheel setMouseOver(boolean) 
+controlP5.Controller : ColorWheel setMoveable(boolean) 
+controlP5.Controller : ColorWheel setPosition(PVector) 
+controlP5.Controller : ColorWheel setPosition(float, float) 
+controlP5.Controller : ColorWheel setSize(PImage) 
+controlP5.Controller : ColorWheel setSize(int, int) 
+controlP5.Controller : ColorWheel setStringValue(String) 
+controlP5.Controller : ColorWheel setUpdate(boolean) 
+controlP5.Controller : ColorWheel setValue(float) 
+controlP5.Controller : ColorWheel setValueLabel(String) 
+controlP5.Controller : ColorWheel setValueSelf(float) 
+controlP5.Controller : ColorWheel setView(ControllerView) 
+controlP5.Controller : ColorWheel setVisible(boolean) 
+controlP5.Controller : ColorWheel setWidth(int) 
+controlP5.Controller : ColorWheel show() 
+controlP5.Controller : ColorWheel unlock() 
+controlP5.Controller : ColorWheel unplugFrom(Object) 
+controlP5.Controller : ColorWheel unplugFrom(Object[]) 
+controlP5.Controller : ColorWheel unregisterTooltip() 
+controlP5.Controller : ColorWheel update() 
+controlP5.Controller : ColorWheel updateSize() 
+controlP5.Controller : ControlBehavior getBehavior() 
+controlP5.Controller : ControlWindow getControlWindow() 
+controlP5.Controller : ControlWindow getWindow() 
+controlP5.Controller : ControllerProperty getProperty(String) 
+controlP5.Controller : ControllerProperty getProperty(String, String) 
+controlP5.Controller : ControllerView getView() 
+controlP5.Controller : Label getCaptionLabel() 
+controlP5.Controller : Label getValueLabel() 
+controlP5.Controller : List getControllerPlugList() 
+controlP5.Controller : PVector getAbsolutePosition() 
+controlP5.Controller : PVector getPosition() 
+controlP5.Controller : Pointer getPointer() 
+controlP5.Controller : String getAddress() 
+controlP5.Controller : String getInfo() 
+controlP5.Controller : String getName() 
+controlP5.Controller : String getStringValue() 
+controlP5.Controller : String toString() 
+controlP5.Controller : Tab getTab() 
+controlP5.Controller : boolean isActive() 
+controlP5.Controller : boolean isBroadcast() 
+controlP5.Controller : boolean isInside() 
+controlP5.Controller : boolean isLabelVisible() 
+controlP5.Controller : boolean isListening() 
+controlP5.Controller : boolean isLock() 
+controlP5.Controller : boolean isMouseOver() 
+controlP5.Controller : boolean isMousePressed() 
+controlP5.Controller : boolean isMoveable() 
+controlP5.Controller : boolean isUpdate() 
+controlP5.Controller : boolean isVisible() 
+controlP5.Controller : float getArrayValue(int) 
+controlP5.Controller : float getDefaultValue() 
+controlP5.Controller : float getMax() 
+controlP5.Controller : float getMin() 
+controlP5.Controller : float getValue() 
+controlP5.Controller : float[] getArrayValue() 
+controlP5.Controller : int getDecimalPrecision() 
+controlP5.Controller : int getHeight() 
+controlP5.Controller : int getId() 
+controlP5.Controller : int getWidth() 
+controlP5.Controller : int listenerSize() 
+controlP5.Controller : void remove() 
+controlP5.Controller : void setView(ControllerView, int) 
+java.lang.Object : String toString() 
+java.lang.Object : boolean equals(Object) 
+*/
+  
diff --git a/examples/controllers/ControlP5accordion/ControlP5accordion.pde b/examples/controllers/ControlP5accordion/ControlP5accordion.pde
new file mode 100644
index 0000000..9749bd5
--- /dev/null
+++ b/examples/controllers/ControlP5accordion/ControlP5accordion.pde
@@ -0,0 +1,271 @@
+/**
+ * ControlP5 Accordion
+ * arrange controller groups in an accordion like style.
+ *
+ * find a list of public methods available for the Accordion Controller 
+ * at the bottom of this sketch. In the example below 3 groups with controllers
+ * are created and added to an accordion controller. Furthermore several key 
+ * combinations are mapped to control individual settings of the accordion.
+ * An accordion comes in 2 modes, Accordion.SINGLE and Accordion.MULTI where the 
+ * latter allows to open multiple groups of an accordion and the SINGLE mode only
+ * allows 1 group to be opened at a time.  
+ *
+ * by Andreas Schlegel, 2012
+ * www.sojamo.de/libraries/controlp5
+ *
+ */
+
+import controlP5.*;
+
+ControlP5 cp5;
+
+Accordion accordion;
+
+color c = color(0, 160, 100);
+
+void setup() {
+  size(400, 600);
+  noStroke();
+  smooth();
+  gui();
+}
+
+void gui() {
+  
+  cp5 = new ControlP5(this);
+  
+  // group number 1, contains 2 bangs
+  Group g1 = cp5.addGroup("myGroup1")
+                .setBackgroundColor(color(0, 64))
+                .setBackgroundHeight(150)
+                ;
+  
+  cp5.addBang("bang")
+     .setPosition(10,20)
+     .setSize(100,100)
+     .moveTo(g1)
+     .plugTo(this,"shuffle");
+     ;
+     
+  // group number 2, contains a radiobutton
+  Group g2 = cp5.addGroup("myGroup2")
+                .setBackgroundColor(color(0, 64))
+                .setBackgroundHeight(150)
+                ;
+  
+  cp5.addRadioButton("radio")
+     .setPosition(10,20)
+     .setItemWidth(20)
+     .setItemHeight(20)
+     .addItem("black", 0)
+     .addItem("red", 1)
+     .addItem("green", 2)
+     .addItem("blue", 3)
+     .addItem("grey", 4)
+     .setColorLabel(color(255))
+     .activate(2)
+     .moveTo(g2)
+     ;
+
+  // group number 3, contains a bang and a slider
+  Group g3 = cp5.addGroup("myGroup3")
+                .setBackgroundColor(color(0, 64))
+                .setBackgroundHeight(150)
+                ;
+  
+  cp5.addBang("shuffle")
+     .setPosition(10,20)
+     .setSize(40,50)
+     .moveTo(g3)
+     ;
+     
+  cp5.addSlider("hello")
+     .setPosition(60,20)
+     .setSize(100,20)
+     .setRange(100,500)
+     .setValue(100)
+     .moveTo(g3)
+     ;
+     
+  cp5.addSlider("world")
+     .setPosition(60,50)
+     .setSize(100,20)
+     .setRange(100,500)
+     .setValue(200)
+     .moveTo(g3)
+     ;
+
+  // create a new accordion
+  // add g1, g2, and g3 to the accordion.
+  accordion = cp5.addAccordion("acc")
+                 .setPosition(40,40)
+                 .setWidth(200)
+                 .addItem(g1)
+                 .addItem(g2)
+                 .addItem(g3)
+                 ;
+                 
+  cp5.mapKeyFor(new ControlKey() {public void keyEvent() {accordion.open(0,1,2);}}, 'o');
+  cp5.mapKeyFor(new ControlKey() {public void keyEvent() {accordion.close(0,1,2);}}, 'c');
+  cp5.mapKeyFor(new ControlKey() {public void keyEvent() {accordion.setWidth(300);}}, '1');
+  cp5.mapKeyFor(new ControlKey() {public void keyEvent() {accordion.setPosition(0,0);accordion.setItemHeight(190);}}, '2'); 
+  cp5.mapKeyFor(new ControlKey() {public void keyEvent() {accordion.setCollapseMode(ControlP5.ALL);}}, '3');
+  cp5.mapKeyFor(new ControlKey() {public void keyEvent() {accordion.setCollapseMode(ControlP5.SINGLE);}}, '4');
+  cp5.mapKeyFor(new ControlKey() {public void keyEvent() {cp5.remove("myGroup1");}}, '0');
+  
+  accordion.open(0,1,2);
+  
+  // use Accordion.MULTI to allow multiple group 
+  // to be open at a time.
+  accordion.setCollapseMode(Accordion.MULTI);
+  
+  // when in SINGLE mode, only 1 accordion  
+  // group can be open at a time.  
+  // accordion.setCollapseMode(Accordion.SINGLE);
+}
+  
+
+void radio(int theC) {
+  switch(theC) {
+    case(0):c=color(0,200);break;
+    case(1):c=color(255,0,0,200);break;
+    case(2):c=color(0, 200, 140,200);break;
+    case(3):c=color(0, 128, 255,200);break;
+    case(4):c=color(50,128);break;
+  }
+} 
+
+
+void shuffle() {
+  c = color(random(255),random(255),random(255),random(128,255));
+}
+
+
+void draw() {
+  background(220);
+  
+  fill(c);
+  
+  float s1 = cp5.getController("hello").getValue();
+  ellipse(200,400,s1,s1);
+  
+  float s2 = cp5.getController("world").getValue();
+  ellipse(300,100,s2,s2);
+}
+
+
+
+
+
+/*
+a list of all methods available for the Accordion Controller
+use ControlP5.printPublicMethodsFor(Accordion.class);
+to print the following list into the console.
+
+You can find further details about class Accordion in the javadoc.
+
+Format:
+ClassName : returnType methodName(parameter type)
+
+
+controlP5.Accordion : Accordion addItem(ControlGroup) 
+controlP5.Accordion : Accordion remove(ControllerInterface) 
+controlP5.Accordion : Accordion removeItem(ControlGroup) 
+controlP5.Accordion : Accordion setItemHeight(int) 
+controlP5.Accordion : Accordion setMinItemHeight(int) 
+controlP5.Accordion : Accordion setWidth(int) 
+controlP5.Accordion : Accordion updateItems() 
+controlP5.Accordion : int getItemHeight() 
+controlP5.Accordion : int getMinItemHeight() 
+controlP5.ControlGroup : Accordion activateEvent(boolean) 
+controlP5.ControlGroup : Accordion addListener(ControlListener) 
+controlP5.ControlGroup : Accordion hideBar() 
+controlP5.ControlGroup : Accordion removeListener(ControlListener) 
+controlP5.ControlGroup : Accordion setBackgroundColor(int) 
+controlP5.ControlGroup : Accordion setBackgroundHeight(int) 
+controlP5.ControlGroup : Accordion setBarHeight(int) 
+controlP5.ControlGroup : Accordion showBar() 
+controlP5.ControlGroup : Accordion updateInternalEvents(PApplet) 
+controlP5.ControlGroup : String getInfo() 
+controlP5.ControlGroup : String toString() 
+controlP5.ControlGroup : boolean isBarVisible() 
+controlP5.ControlGroup : int getBackgroundHeight() 
+controlP5.ControlGroup : int getBarHeight() 
+controlP5.ControlGroup : int listenerSize() 
+controlP5.ControllerGroup : Accordion add(ControllerInterface) 
+controlP5.ControllerGroup : Accordion bringToFront() 
+controlP5.ControllerGroup : Accordion bringToFront(ControllerInterface) 
+controlP5.ControllerGroup : Accordion close() 
+controlP5.ControllerGroup : Accordion disableCollapse() 
+controlP5.ControllerGroup : Accordion enableCollapse() 
+controlP5.ControllerGroup : Accordion hide() 
+controlP5.ControllerGroup : Accordion moveTo(ControlWindow) 
+controlP5.ControllerGroup : Accordion moveTo(PApplet) 
+controlP5.ControllerGroup : Accordion open() 
+controlP5.ControllerGroup : Accordion registerProperty(String) 
+controlP5.ControllerGroup : Accordion registerProperty(String, String) 
+controlP5.ControllerGroup : Accordion remove(CDrawable) 
+controlP5.ControllerGroup : Accordion remove(ControllerInterface) 
+controlP5.ControllerGroup : Accordion removeCanvas(ControlWindowCanvas) 
+controlP5.ControllerGroup : Accordion removeProperty(String) 
+controlP5.ControllerGroup : Accordion removeProperty(String, String) 
+controlP5.ControllerGroup : Accordion setAddress(String) 
+controlP5.ControllerGroup : Accordion setArrayValue(float[]) 
+controlP5.ControllerGroup : Accordion setColor(CColor) 
+controlP5.ControllerGroup : Accordion setColorActive(int) 
+controlP5.ControllerGroup : Accordion setColorBackground(int) 
+controlP5.ControllerGroup : Accordion setColorForeground(int) 
+controlP5.ControllerGroup : Accordion setColorLabel(int) 
+controlP5.ControllerGroup : Accordion setColorValue(int) 
+controlP5.ControllerGroup : Accordion setHeight(int) 
+controlP5.ControllerGroup : Accordion setId(int) 
+controlP5.ControllerGroup : Accordion setLabel(String) 
+controlP5.ControllerGroup : Accordion setMouseOver(boolean) 
+controlP5.ControllerGroup : Accordion setMoveable(boolean) 
+controlP5.ControllerGroup : Accordion setOpen(boolean) 
+controlP5.ControllerGroup : Accordion setPosition(PVector) 
+controlP5.ControllerGroup : Accordion setPosition(float, float) 
+controlP5.ControllerGroup : Accordion setStringValue(String) 
+controlP5.ControllerGroup : Accordion setUpdate(boolean) 
+controlP5.ControllerGroup : Accordion setValue(float) 
+controlP5.ControllerGroup : Accordion setVisible(boolean) 
+controlP5.ControllerGroup : Accordion setWidth(int) 
+controlP5.ControllerGroup : Accordion show() 
+controlP5.ControllerGroup : Accordion update() 
+controlP5.ControllerGroup : Accordion updateAbsolutePosition() 
+controlP5.ControllerGroup : CColor getColor() 
+controlP5.ControllerGroup : ControlWindow getWindow() 
+controlP5.ControllerGroup : ControlWindowCanvas addCanvas(ControlWindowCanvas) 
+controlP5.ControllerGroup : Controller getController(String) 
+controlP5.ControllerGroup : ControllerProperty getProperty(String) 
+controlP5.ControllerGroup : ControllerProperty getProperty(String, String) 
+controlP5.ControllerGroup : Label getCaptionLabel() 
+controlP5.ControllerGroup : Label getValueLabel() 
+controlP5.ControllerGroup : PVector getPosition() 
+controlP5.ControllerGroup : String getAddress() 
+controlP5.ControllerGroup : String getInfo() 
+controlP5.ControllerGroup : String getName() 
+controlP5.ControllerGroup : String getStringValue() 
+controlP5.ControllerGroup : String toString() 
+controlP5.ControllerGroup : Tab getTab() 
+controlP5.ControllerGroup : boolean isCollapse() 
+controlP5.ControllerGroup : boolean isMouseOver() 
+controlP5.ControllerGroup : boolean isMoveable() 
+controlP5.ControllerGroup : boolean isOpen() 
+controlP5.ControllerGroup : boolean isUpdate() 
+controlP5.ControllerGroup : boolean isVisible() 
+controlP5.ControllerGroup : boolean setMousePressed(boolean) 
+controlP5.ControllerGroup : float getValue() 
+controlP5.ControllerGroup : float[] getArrayValue() 
+controlP5.ControllerGroup : int getHeight() 
+controlP5.ControllerGroup : int getId() 
+controlP5.ControllerGroup : int getWidth() 
+controlP5.ControllerGroup : void remove() 
+java.lang.Object : String toString() 
+java.lang.Object : boolean equals(Object) 
+
+
+*/
+
+
+
diff --git a/examples/controllers/ControlP5bang/ControlP5bang.pde b/examples/controllers/ControlP5bang/ControlP5bang.pde
new file mode 100644
index 0000000..8c3f156
--- /dev/null
+++ b/examples/controllers/ControlP5bang/ControlP5bang.pde
@@ -0,0 +1,206 @@
+/**
+ * ControlP5 Bang
+ * A bang triggers an event that can be received by a function named after the bang.
+ * By default a bang is triggered when pressed, this can be changed to 'release' 
+ * using theBang.setTriggerEvent(Bang.RELEASE).
+ *
+ * find a list of public methods available for the Bang Controller 
+ * at the bottom of this sketch.
+ *
+ * by Andreas Schlegel, 2012
+ * www.sojamo.de/libraries/controlp5
+ * 
+ */
+
+import controlP5.*;
+
+ControlP5 cp5;
+
+int myColorBackground = color(0, 0, 0);
+
+color[] col = new color[] {
+  color(100), color(150), color(200), color(250)
+};
+
+
+void setup() {
+  size(400, 600);
+  noStroke();
+  cp5 = new ControlP5(this);
+  for (int i=0;i<col.length;i++) {
+    cp5.addBang("bang"+i)
+       .setPosition(40+i*80, 200)
+       .setSize(40, 40)
+       .setId(i)
+       ;
+  }
+  
+  // change the trigger event, by default it is PRESSED.
+  cp5.addBang("bang")
+     .setPosition(40, 300)
+     .setSize(280, 40)
+     .setTriggerEvent(Bang.RELEASE)
+     .setLabel("changeBackground")
+     ;
+           
+}
+
+void draw() {
+  background(myColorBackground);
+  for (int i=0;i<col.length;i++) {
+    fill(col[i]);
+    rect(40+i*80, 50, 40, 80);
+  }
+}
+
+
+public void bang() {
+  int theColor = (int)random(255);
+  myColorBackground = color(theColor);
+  println("### bang(). a bang event. setting background to "+theColor);
+}
+
+public void controlEvent(ControlEvent theEvent) {
+  for (int i=0;i<col.length;i++) {
+    if (theEvent.getController().getName().equals("bang"+i)) {
+      col[i] = color(random(255));
+    }
+  }
+  
+  println(
+  "## controlEvent / id:"+theEvent.controller().getId()+
+    " / name:"+theEvent.controller().getName()+
+    " / value:"+theEvent.controller().getValue()
+    );
+}
+
+
+/*
+a list of all methods available for the Bang Controller
+use ControlP5.printPublicMethodsFor(Bang.class);
+to print the following list into the console.
+
+You can find further details about class Bang in the javadoc.
+
+Format:
+ClassName : returnType methodName(parameter type)
+
+
+controlP5.Bang : Bang setTriggerEvent(int) 
+controlP5.Bang : Bang setValue(float) 
+controlP5.Bang : Bang update() 
+controlP5.Bang : String getInfo() 
+controlP5.Bang : String toString() 
+controlP5.Bang : int getTriggerEvent() 
+controlP5.Controller : Bang addCallback(CallbackListener) 
+controlP5.Controller : Bang addListener(ControlListener) 
+controlP5.Controller : Bang bringToFront() 
+controlP5.Controller : Bang bringToFront(ControllerInterface) 
+controlP5.Controller : Bang hide() 
+controlP5.Controller : Bang linebreak() 
+controlP5.Controller : Bang listen(boolean) 
+controlP5.Controller : Bang lock() 
+controlP5.Controller : Bang plugTo(Object) 
+controlP5.Controller : Bang plugTo(Object, String) 
+controlP5.Controller : Bang plugTo(Object[]) 
+controlP5.Controller : Bang plugTo(Object[], String) 
+controlP5.Controller : Bang registerProperty(String) 
+controlP5.Controller : Bang registerProperty(String, String) 
+controlP5.Controller : Bang registerTooltip(String) 
+controlP5.Controller : Bang removeBehavior() 
+controlP5.Controller : Bang removeCallback() 
+controlP5.Controller : Bang removeCallback(CallbackListener) 
+controlP5.Controller : Bang removeListener(ControlListener) 
+controlP5.Controller : Bang removeProperty(String) 
+controlP5.Controller : Bang removeProperty(String, String) 
+controlP5.Controller : Bang setArrayValue(float[]) 
+controlP5.Controller : Bang setArrayValue(int, float) 
+controlP5.Controller : Bang setBehavior(ControlBehavior) 
+controlP5.Controller : Bang setBroadcast(boolean) 
+controlP5.Controller : Bang setCaptionLabel(String) 
+controlP5.Controller : Bang setColor(CColor) 
+controlP5.Controller : Bang setColorActive(int) 
+controlP5.Controller : Bang setColorBackground(int) 
+controlP5.Controller : Bang setColorCaptionLabel(int) 
+controlP5.Controller : Bang setColorForeground(int) 
+controlP5.Controller : Bang setColorValueLabel(int) 
+controlP5.Controller : Bang setDecimalPrecision(int) 
+controlP5.Controller : Bang setDefaultValue(float) 
+controlP5.Controller : Bang setHeight(int) 
+controlP5.Controller : Bang setId(int) 
+controlP5.Controller : Bang setImages(PImage, PImage, PImage) 
+controlP5.Controller : Bang setImages(PImage, PImage, PImage, PImage) 
+controlP5.Controller : Bang setLabelVisible(boolean) 
+controlP5.Controller : Bang setLock(boolean) 
+controlP5.Controller : Bang setMax(float) 
+controlP5.Controller : Bang setMin(float) 
+controlP5.Controller : Bang setMouseOver(boolean) 
+controlP5.Controller : Bang setMoveable(boolean) 
+controlP5.Controller : Bang setPosition(PVector) 
+controlP5.Controller : Bang setPosition(float, float) 
+controlP5.Controller : Bang setSize(PImage) 
+controlP5.Controller : Bang setSize(int, int) 
+controlP5.Controller : Bang setStringValue(String) 
+controlP5.Controller : Bang setUpdate(boolean) 
+controlP5.Controller : Bang setValueLabel(String) 
+controlP5.Controller : Bang setView(ControllerView) 
+controlP5.Controller : Bang setVisible(boolean) 
+controlP5.Controller : Bang setWidth(int) 
+controlP5.Controller : Bang show() 
+controlP5.Controller : Bang unlock() 
+controlP5.Controller : Bang unplugFrom(Object) 
+controlP5.Controller : Bang unplugFrom(Object[]) 
+controlP5.Controller : Bang unregisterTooltip() 
+controlP5.Controller : Bang update() 
+controlP5.Controller : Bang updateSize() 
+controlP5.Controller : CColor getColor() 
+controlP5.Controller : ControlBehavior getBehavior() 
+controlP5.Controller : ControlWindow getControlWindow() 
+controlP5.Controller : ControlWindow getWindow() 
+controlP5.Controller : ControllerProperty getProperty(String) 
+controlP5.Controller : ControllerProperty getProperty(String, String) 
+controlP5.Controller : Label getCaptionLabel() 
+controlP5.Controller : Label getValueLabel() 
+controlP5.Controller : List getControllerPlugList() 
+controlP5.Controller : PImage setImage(PImage) 
+controlP5.Controller : PImage setImage(PImage, int) 
+controlP5.Controller : PVector getAbsolutePosition() 
+controlP5.Controller : PVector getPosition() 
+controlP5.Controller : String getAddress() 
+controlP5.Controller : String getInfo() 
+controlP5.Controller : String getName() 
+controlP5.Controller : String getStringValue() 
+controlP5.Controller : String toString() 
+controlP5.Controller : Tab getTab() 
+controlP5.Controller : boolean isActive() 
+controlP5.Controller : boolean isBroadcast() 
+controlP5.Controller : boolean isInside() 
+controlP5.Controller : boolean isLabelVisible() 
+controlP5.Controller : boolean isListening() 
+controlP5.Controller : boolean isLock() 
+controlP5.Controller : boolean isMouseOver() 
+controlP5.Controller : boolean isMousePressed() 
+controlP5.Controller : boolean isMoveable() 
+controlP5.Controller : boolean isUpdate() 
+controlP5.Controller : boolean isVisible() 
+controlP5.Controller : float getArrayValue(int) 
+controlP5.Controller : float getDefaultValue() 
+controlP5.Controller : float getMax() 
+controlP5.Controller : float getMin() 
+controlP5.Controller : float getValue() 
+controlP5.Controller : float[] getArrayValue() 
+controlP5.Controller : int getDecimalPrecision() 
+controlP5.Controller : int getHeight() 
+controlP5.Controller : int getId() 
+controlP5.Controller : int getWidth() 
+controlP5.Controller : int listenerSize() 
+controlP5.Controller : void remove() 
+controlP5.Controller : void setView(ControllerView, int) 
+java.lang.Object : String toString() 
+java.lang.Object : boolean equals(Object) 
+
+
+*/
+
+
+
diff --git a/examples/controllers/ControlP5button/ControlP5button.pde b/examples/controllers/ControlP5button/ControlP5button.pde
new file mode 100644
index 0000000..3336422
--- /dev/null
+++ b/examples/controllers/ControlP5button/ControlP5button.pde
@@ -0,0 +1,241 @@
+/**
+ * ControlP5 Button
+ * this example shows how to create buttons with controlP5.
+ * 
+ * find a list of public methods available for the Button Controller 
+ * at the bottom of this sketch's source code
+ *
+ * by Andreas Schlegel, 2012
+ * www.sojamo.de/libraries/controlp5
+ *
+ */
+ 
+import controlP5.*;
+
+ControlP5 cp5;
+
+int myColor = color(255);
+
+int c1,c2;
+
+float n,n1;
+
+
+void setup() {
+  size(400,600);
+  noStroke();
+  cp5 = new ControlP5(this);
+  
+  // create a new button with name 'buttonA'
+  cp5.addButton("colorA")
+     .setValue(0)
+     .setPosition(100,100)
+     .setSize(200,19)
+     ;
+  
+  // and add another 2 buttons
+  cp5.addButton("colorB")
+     .setValue(100)
+     .setPosition(100,120)
+     .setSize(200,19)
+     ;
+     
+  cp5.addButton("colorC")
+     .setPosition(100,140)
+     .setSize(200,19)
+     .setValue(0)
+     ;
+
+  PImage[] imgs = {loadImage("button_a.png"),loadImage("button_b.png"),loadImage("button_c.png")};
+  cp5.addButton("play")
+     .setValue(128)
+     .setPosition(140,300)
+     .setImages(imgs)
+     .updateSize()
+     ;
+     
+  cp5.addButton("playAgain")
+     .setValue(128)
+     .setPosition(210,300)
+     .setImages(imgs)
+     .updateSize()
+     ;
+
+}
+
+void draw() {
+  background(myColor);
+  myColor = lerpColor(c1,c2,n);
+  n += (1-n)* 0.1; 
+}
+
+public void controlEvent(ControlEvent theEvent) {
+  println(theEvent.getController().getName());
+  n = 0;
+}
+
+// function colorA will receive changes from 
+// controller with name colorA
+public void colorA(int theValue) {
+  println("a button event from colorA: "+theValue);
+  c1 = c2;
+  c2 = color(0,160,100);
+}
+
+// function colorB will receive changes from 
+// controller with name colorB
+public void colorB(int theValue) {
+  println("a button event from colorB: "+theValue);
+  c1 = c2;
+  c2 = color(150,0,0);
+}
+
+// function colorC will receive changes from 
+// controller with name colorC
+public void colorC(int theValue) {
+  println("a button event from colorC: "+theValue);
+  c1 = c2;
+  c2 = color(255,255,0);
+}
+
+public void play(int theValue) {
+  println("a button event from buttonB: "+theValue);
+  c1 = c2;
+  c2 = color(0,0,0);
+}
+
+
+/*
+a list of all methods available for the Button Controller
+use ControlP5.printPublicMethodsFor(Button.class);
+to print the following list into the console.
+
+You can find further details about class Button in the javadoc.
+
+Format:
+ClassName : returnType methodName(parameter type)
+
+
+controlP5.Button : Button activateBy(int) 
+controlP5.Button : Button setOff() 
+controlP5.Button : Button setOn() 
+controlP5.Button : Button setSwitch(boolean) 
+controlP5.Button : Button setValue(float) 
+controlP5.Button : Button update() 
+controlP5.Button : String getInfo() 
+controlP5.Button : String toString() 
+controlP5.Button : boolean getBooleanValue() 
+controlP5.Button : boolean isOn() 
+controlP5.Button : boolean isPressed() 
+controlP5.Controller : Button addCallback(CallbackListener) 
+controlP5.Controller : Button addListener(ControlListener) 
+controlP5.Controller : Button bringToFront() 
+controlP5.Controller : Button bringToFront(ControllerInterface) 
+controlP5.Controller : Button hide() 
+controlP5.Controller : Button linebreak() 
+controlP5.Controller : Button listen(boolean) 
+controlP5.Controller : Button lock() 
+controlP5.Controller : Button plugTo(Object) 
+controlP5.Controller : Button plugTo(Object, String) 
+controlP5.Controller : Button plugTo(Object[]) 
+controlP5.Controller : Button plugTo(Object[], String) 
+controlP5.Controller : Button registerProperty(String) 
+controlP5.Controller : Button registerProperty(String, String) 
+controlP5.Controller : Button registerTooltip(String) 
+controlP5.Controller : Button removeBehavior() 
+controlP5.Controller : Button removeCallback() 
+controlP5.Controller : Button removeCallback(CallbackListener) 
+controlP5.Controller : Button removeListener(ControlListener) 
+controlP5.Controller : Button removeProperty(String) 
+controlP5.Controller : Button removeProperty(String, String) 
+controlP5.Controller : Button setArrayValue(float[]) 
+controlP5.Controller : Button setArrayValue(int, float) 
+controlP5.Controller : Button setBehavior(ControlBehavior) 
+controlP5.Controller : Button setBroadcast(boolean) 
+controlP5.Controller : Button setCaptionLabel(String) 
+controlP5.Controller : Button setColor(CColor) 
+controlP5.Controller : Button setColorActive(int) 
+controlP5.Controller : Button setColorBackground(int) 
+controlP5.Controller : Button setColorCaptionLabel(int) 
+controlP5.Controller : Button setColorForeground(int) 
+controlP5.Controller : Button setColorValueLabel(int) 
+controlP5.Controller : Button setDecimalPrecision(int) 
+controlP5.Controller : Button setDefaultValue(float) 
+controlP5.Controller : Button setHeight(int) 
+controlP5.Controller : Button setId(int) 
+controlP5.Controller : Button setImages(PImage, PImage, PImage) 
+controlP5.Controller : Button setImages(PImage, PImage, PImage, PImage) 
+controlP5.Controller : Button setLabelVisible(boolean) 
+controlP5.Controller : Button setLock(boolean) 
+controlP5.Controller : Button setMax(float) 
+controlP5.Controller : Button setMin(float) 
+controlP5.Controller : Button setMouseOver(boolean) 
+controlP5.Controller : Button setMoveable(boolean) 
+controlP5.Controller : Button setPosition(PVector) 
+controlP5.Controller : Button setPosition(float, float) 
+controlP5.Controller : Button setSize(PImage) 
+controlP5.Controller : Button setSize(int, int) 
+controlP5.Controller : Button setStringValue(String) 
+controlP5.Controller : Button setUpdate(boolean) 
+controlP5.Controller : Button setValueLabel(String) 
+controlP5.Controller : Button setView(ControllerView) 
+controlP5.Controller : Button setVisible(boolean) 
+controlP5.Controller : Button setWidth(int) 
+controlP5.Controller : Button show() 
+controlP5.Controller : Button unlock() 
+controlP5.Controller : Button unplugFrom(Object) 
+controlP5.Controller : Button unplugFrom(Object[]) 
+controlP5.Controller : Button unregisterTooltip() 
+controlP5.Controller : Button update() 
+controlP5.Controller : Button updateSize() 
+controlP5.Controller : CColor getColor() 
+controlP5.Controller : ControlBehavior getBehavior() 
+controlP5.Controller : ControlWindow getControlWindow() 
+controlP5.Controller : ControlWindow getWindow() 
+controlP5.Controller : ControllerProperty getProperty(String) 
+controlP5.Controller : ControllerProperty getProperty(String, String) 
+controlP5.Controller : Label getCaptionLabel() 
+controlP5.Controller : Label getValueLabel() 
+controlP5.Controller : List getControllerPlugList() 
+controlP5.Controller : PImage setImage(PImage) 
+controlP5.Controller : PImage setImage(PImage, int) 
+controlP5.Controller : PVector getAbsolutePosition() 
+controlP5.Controller : PVector getPosition() 
+controlP5.Controller : String getAddress() 
+controlP5.Controller : String getInfo() 
+controlP5.Controller : String getName() 
+controlP5.Controller : String getStringValue() 
+controlP5.Controller : String toString() 
+controlP5.Controller : Tab getTab() 
+controlP5.Controller : boolean isActive() 
+controlP5.Controller : boolean isBroadcast() 
+controlP5.Controller : boolean isInside() 
+controlP5.Controller : boolean isLabelVisible() 
+controlP5.Controller : boolean isListening() 
+controlP5.Controller : boolean isLock() 
+controlP5.Controller : boolean isMouseOver() 
+controlP5.Controller : boolean isMousePressed() 
+controlP5.Controller : boolean isMoveable() 
+controlP5.Controller : boolean isUpdate() 
+controlP5.Controller : boolean isVisible() 
+controlP5.Controller : float getArrayValue(int) 
+controlP5.Controller : float getDefaultValue() 
+controlP5.Controller : float getMax() 
+controlP5.Controller : float getMin() 
+controlP5.Controller : float getValue() 
+controlP5.Controller : float[] getArrayValue() 
+controlP5.Controller : int getDecimalPrecision() 
+controlP5.Controller : int getHeight() 
+controlP5.Controller : int getId() 
+controlP5.Controller : int getWidth() 
+controlP5.Controller : int listenerSize() 
+controlP5.Controller : void remove() 
+controlP5.Controller : void setView(ControllerView, int) 
+java.lang.Object : String toString() 
+java.lang.Object : boolean equals(Object) 
+
+
+*/
+
+
+
diff --git a/examples/controllers/ControlP5button/data/button_a.png b/examples/controllers/ControlP5button/data/button_a.png
new file mode 100644
index 0000000..73f7e6e
Binary files /dev/null and b/examples/controllers/ControlP5button/data/button_a.png differ
diff --git a/examples/controllers/ControlP5button/data/button_b.png b/examples/controllers/ControlP5button/data/button_b.png
new file mode 100644
index 0000000..8b52af8
Binary files /dev/null and b/examples/controllers/ControlP5button/data/button_b.png differ
diff --git a/examples/controllers/ControlP5button/data/button_c.png b/examples/controllers/ControlP5button/data/button_c.png
new file mode 100644
index 0000000..8571661
Binary files /dev/null and b/examples/controllers/ControlP5button/data/button_c.png differ
diff --git a/examples/controllers/ControlP5canvas/ControlP5canvas.pde b/examples/controllers/ControlP5canvas/ControlP5canvas.pde
new file mode 100644
index 0000000..520bfc2
--- /dev/null
+++ b/examples/controllers/ControlP5canvas/ControlP5canvas.pde
@@ -0,0 +1,85 @@
+/**
+ * ControlP5 Canvas
+ * The ControlWindowCanvas allow you to add custom graphics to 
+ * the default controlP5 renderer or a controlWindow rednerer.
+ *
+ * find a list of public methods available for the Canvas Controller 
+ * at the bottom of this sketch's source code
+ *
+ * by Andreas Schlegel, 2011
+ * www.sojamo.de/libraries/controlp5
+ * 
+ */
+
+
+import controlP5.*;
+
+ControlP5 cp5;
+
+ControlWindow controlWindow;
+
+Canvas cc;
+
+// MyCanvas, your Canvas render class
+class MyCanvas extends Canvas {
+
+  int y;
+  int mx = 0;
+  int my = 0;
+  public void setup(PGraphics pg) {
+    y = 200;
+  }  
+
+  public void update(PApplet p) {
+    mx = p.mouseX;
+    my = p.mouseY;
+  }
+
+  public void draw(PGraphics pg) {
+    // renders a square with randomly changing colors
+    // make changes here.
+    pg.fill(100);
+    pg.rect(mx-20, y-20, 240, 30);
+    pg.fill(255);
+    pg.text("This text is drawn by MyCanvas", mx,y);
+  }
+}
+
+
+void setup() {
+  size(400, 400);
+  frameRate(30);
+  cp5 = new ControlP5(this);
+
+  // create a control window canvas and add it to
+  // the previously created control window.  
+  cc = new MyCanvas();
+  cc.pre(); // use cc.post(); to draw on top of existing controllers.
+  cp5.addCanvas(cc); // add the canvas to cp5
+}
+
+void draw() {
+  background(0);
+  fill(60);
+  rect(100, 100, 200, 200);
+}
+
+
+/*
+ a list of all methods available for the ControlWindowCanvas Controller
+ use ControlP5.printPublicMethodsFor(Canvas.class);
+ to print the following list into the console.
+ 
+ You can find further details about class Canvas in the javadoc.
+ 
+ Format:
+ ClassName : returnType methodName(parameter type)
+ 
+ controlP5.Canvas : void moveTo(ControlWindow) 
+ controlP5.Canvas : void setup(PApplet) 
+ controlP5.Canvas : void draw(PApplet) 
+ java.lang.Object : String toString() 
+ java.lang.Object : boolean equals(Object) 
+ */
+ 
+ 
diff --git a/examples/controllers/ControlP5chart/ControlP5chart.pde b/examples/controllers/ControlP5chart/ControlP5chart.pde
new file mode 100644
index 0000000..1eafb5e
--- /dev/null
+++ b/examples/controllers/ControlP5chart/ControlP5chart.pde
@@ -0,0 +1,222 @@
+/**
+* ControlP5 Chart
+*
+* find a list of public methods available for the Chart Controller
+* at the bottom of this sketch.
+*
+* by Andreas Schlegel, 2012
+* www.sojamo.de/libraries/controlp5
+*
+*/
+
+
+import controlP5.*;
+
+ControlP5 cp5;
+
+Chart myChart;
+
+void setup() {
+  size(400, 700);
+  smooth();
+  cp5 = new ControlP5(this);
+  cp5.printPublicMethodsFor(Chart.class);
+  myChart = cp5.addChart("hello")
+               .setPosition(50, 50)
+               .setSize(200, 200)
+               .setRange(-20, 20)
+               .setView(Chart.BAR) // use Chart.LINE, Chart.PIE, Chart.AREA, Chart.BAR_CENTERED
+               ;
+
+  myChart.getColor().setBackground(color(255, 100));
+
+
+  myChart.addDataSet("world");
+  myChart.setColors("world", color(255,0,255),color(255,0,0));
+  myChart.setData("world", new float[4]);
+
+  myChart.setStrokeWeight(1.5);
+
+  myChart.addDataSet("earth");
+  myChart.setColors("earth", color(255), color(0, 255, 0));
+  myChart.updateData("earth", 1, 2, 10, 3);
+
+}
+
+
+void draw() {
+  background(0);
+  // unshift: add data from left to right (first in)
+  myChart.unshift("world", (sin(frameCount*0.01)*10));
+  
+  // push: add data from right to left (last in)
+  myChart.push("earth", (sin(frameCount*0.1)*10));
+}
+
+
+
+
+
+
+
+/*
+a list of all methods available for the Chart Controller
+use ControlP5.printPublicMethodsFor(Chart.class);
+to print the following list into the console.
+
+You can find further details about class Chart in the javadoc.
+
+Format:
+ClassName : returnType methodName(parameter type)
+
+
+controlP5.Chart : Chart addData(ChartData) 
+controlP5.Chart : Chart addData(ChartDataSet, float) 
+controlP5.Chart : Chart addData(String, ChartData) 
+controlP5.Chart : Chart addData(String, float) 
+controlP5.Chart : Chart addData(float) 
+controlP5.Chart : Chart addDataSet(String) 
+controlP5.Chart : Chart addFirst(String, float) 
+controlP5.Chart : Chart addFirst(float) 
+controlP5.Chart : Chart removeData(ChartData) 
+controlP5.Chart : Chart removeData(String, ChartData) 
+controlP5.Chart : Chart removeData(String, int) 
+controlP5.Chart : Chart removeData(int) 
+controlP5.Chart : Chart removeDataSet(String) 
+controlP5.Chart : Chart removeLast() 
+controlP5.Chart : Chart removeLast(String) 
+controlP5.Chart : Chart setData(String, int, ChartData) 
+controlP5.Chart : Chart setData(int, ChartData) 
+controlP5.Chart : Chart setDataSet(ChartDataSet) 
+controlP5.Chart : Chart setDataSet(String, ChartDataSet) 
+controlP5.Chart : Chart setRange(float, float) 
+controlP5.Chart : Chart setResolution(int) 
+controlP5.Chart : Chart setStrokeWeight(float) 
+controlP5.Chart : Chart setValue(float) 
+controlP5.Chart : Chart setView(int) 
+controlP5.Chart : Chart unshift(String, float) 
+controlP5.Chart : Chart unshift(float) 
+controlP5.Chart : ChartData getData(String, int) 
+controlP5.Chart : ChartDataSet getDataSet(String) 
+controlP5.Chart : LinkedHashMap getDataSet() 
+controlP5.Chart : String getInfo() 
+controlP5.Chart : String toString() 
+controlP5.Chart : float getStrokeWeight() 
+controlP5.Chart : float[] getValuesFrom(String) 
+controlP5.Chart : int getResolution() 
+controlP5.Chart : int size() 
+controlP5.Chart : void onEnter() 
+controlP5.Chart : void onLeave() 
+controlP5.Controller : CColor getColor() 
+controlP5.Controller : Chart addCallback(CallbackListener) 
+controlP5.Controller : Chart addListener(ControlListener) 
+controlP5.Controller : Chart align(int, int, int, int) 
+controlP5.Controller : Chart bringToFront() 
+controlP5.Controller : Chart bringToFront(ControllerInterface) 
+controlP5.Controller : Chart hide() 
+controlP5.Controller : Chart linebreak() 
+controlP5.Controller : Chart listen(boolean) 
+controlP5.Controller : Chart lock() 
+controlP5.Controller : Chart plugTo(Object) 
+controlP5.Controller : Chart plugTo(Object, String) 
+controlP5.Controller : Chart plugTo(Object[]) 
+controlP5.Controller : Chart plugTo(Object[], String) 
+controlP5.Controller : Chart registerProperty(String) 
+controlP5.Controller : Chart registerProperty(String, String) 
+controlP5.Controller : Chart registerTooltip(String) 
+controlP5.Controller : Chart removeBehavior() 
+controlP5.Controller : Chart removeCallback() 
+controlP5.Controller : Chart removeCallback(CallbackListener) 
+controlP5.Controller : Chart removeListener(ControlListener) 
+controlP5.Controller : Chart removeProperty(String) 
+controlP5.Controller : Chart removeProperty(String, String) 
+controlP5.Controller : Chart setArrayValue(float[]) 
+controlP5.Controller : Chart setArrayValue(int, float) 
+controlP5.Controller : Chart setBehavior(ControlBehavior) 
+controlP5.Controller : Chart setBroadcast(boolean) 
+controlP5.Controller : Chart setCaptionLabel(String) 
+controlP5.Controller : Chart setColor(CColor) 
+controlP5.Controller : Chart setColorActive(int) 
+controlP5.Controller : Chart setColorBackground(int) 
+controlP5.Controller : Chart setColorCaptionLabel(int) 
+controlP5.Controller : Chart setColorForeground(int) 
+controlP5.Controller : Chart setColorValueLabel(int) 
+controlP5.Controller : Chart setDecimalPrecision(int) 
+controlP5.Controller : Chart setDefaultValue(float) 
+controlP5.Controller : Chart setHeight(int) 
+controlP5.Controller : Chart setId(int) 
+controlP5.Controller : Chart setImages(PImage, PImage, PImage) 
+controlP5.Controller : Chart setImages(PImage, PImage, PImage, PImage) 
+controlP5.Controller : Chart setLabelVisible(boolean) 
+controlP5.Controller : Chart setLock(boolean) 
+controlP5.Controller : Chart setMax(float) 
+controlP5.Controller : Chart setMin(float) 
+controlP5.Controller : Chart setMouseOver(boolean) 
+controlP5.Controller : Chart setMoveable(boolean) 
+controlP5.Controller : Chart setPosition(PVector) 
+controlP5.Controller : Chart setPosition(float, float) 
+controlP5.Controller : Chart setSize(PImage) 
+controlP5.Controller : Chart setSize(int, int) 
+controlP5.Controller : Chart setStringValue(String) 
+controlP5.Controller : Chart setUpdate(boolean) 
+controlP5.Controller : Chart setValueLabel(String) 
+controlP5.Controller : Chart setView(ControllerView) 
+controlP5.Controller : Chart setVisible(boolean) 
+controlP5.Controller : Chart setWidth(int) 
+controlP5.Controller : Chart show() 
+controlP5.Controller : Chart unlock() 
+controlP5.Controller : Chart unplugFrom(Object) 
+controlP5.Controller : Chart unplugFrom(Object[]) 
+controlP5.Controller : Chart unregisterTooltip() 
+controlP5.Controller : Chart update() 
+controlP5.Controller : Chart updateSize() 
+controlP5.Controller : ControlBehavior getBehavior() 
+controlP5.Controller : ControlWindow getControlWindow() 
+controlP5.Controller : ControlWindow getWindow() 
+controlP5.Controller : ControllerProperty getProperty(String) 
+controlP5.Controller : ControllerProperty getProperty(String, String) 
+controlP5.Controller : Label getCaptionLabel() 
+controlP5.Controller : Label getValueLabel() 
+controlP5.Controller : List getControllerPlugList() 
+controlP5.Controller : PImage setImage(PImage) 
+controlP5.Controller : PImage setImage(PImage, int) 
+controlP5.Controller : PVector getAbsolutePosition() 
+controlP5.Controller : PVector getPosition() 
+controlP5.Controller : String getAddress() 
+controlP5.Controller : String getInfo() 
+controlP5.Controller : String getName() 
+controlP5.Controller : String getStringValue() 
+controlP5.Controller : String toString() 
+controlP5.Controller : Tab getTab() 
+controlP5.Controller : boolean isActive() 
+controlP5.Controller : boolean isBroadcast() 
+controlP5.Controller : boolean isInside() 
+controlP5.Controller : boolean isLabelVisible() 
+controlP5.Controller : boolean isListening() 
+controlP5.Controller : boolean isLock() 
+controlP5.Controller : boolean isMouseOver() 
+controlP5.Controller : boolean isMousePressed() 
+controlP5.Controller : boolean isMoveable() 
+controlP5.Controller : boolean isUpdate() 
+controlP5.Controller : boolean isVisible() 
+controlP5.Controller : float getArrayValue(int) 
+controlP5.Controller : float getDefaultValue() 
+controlP5.Controller : float getMax() 
+controlP5.Controller : float getMin() 
+controlP5.Controller : float getValue() 
+controlP5.Controller : float[] getArrayValue() 
+controlP5.Controller : int getDecimalPrecision() 
+controlP5.Controller : int getHeight() 
+controlP5.Controller : int getId() 
+controlP5.Controller : int getWidth() 
+controlP5.Controller : int listenerSize() 
+controlP5.Controller : void remove() 
+controlP5.Controller : void setView(ControllerView, int) 
+java.lang.Object : String toString() 
+java.lang.Object : boolean equals(Object) 
+
+
+*/
+
+
+
diff --git a/examples/controllers/ControlP5checkBox/ControlP5checkBox.pde b/examples/controllers/ControlP5checkBox/ControlP5checkBox.pde
new file mode 100644
index 0000000..02e1fc6
--- /dev/null
+++ b/examples/controllers/ControlP5checkBox/ControlP5checkBox.pde
@@ -0,0 +1,227 @@
+/**
+ * ControlP5 Checkbox
+ * an example demonstrating the use of a checkbox in controlP5. 
+ * CheckBox extends the RadioButton class.
+ * to control a checkbox use: 
+ * activate(), deactivate(), activateAll(), deactivateAll(), toggle(), getState()
+ *
+ * find a list of public methods available for the Checkbox Controller 
+ * at the bottom of this sketch's source code
+ *
+ * by Andreas Schlegel, 2012
+ * www.sojamo.de/libraries/controlP5
+ *
+ */
+
+
+import controlP5.*;
+
+ControlP5 cp5;
+
+CheckBox checkbox;
+
+int myColorBackground;
+
+void setup() {
+  size(700, 400);
+  smooth();
+  cp5 = new ControlP5(this);
+  checkbox = cp5.addCheckBox("checkBox")
+                .setPosition(100, 200)
+                .setSize(40, 40)
+                .setItemsPerRow(3)
+                .setSpacingColumn(30)
+                .setSpacingRow(20)
+                .addItem("0", 0)
+                .addItem("50", 50)
+                .addItem("100", 100)
+                .addItem("150", 150)
+                .addItem("200", 200)
+                .addItem("255", 255)
+                ;
+}
+
+void keyPressed() {
+  if (key==' ') {
+    checkbox.deactivateAll();
+  } 
+  else {
+    for (int i=0;i<6;i++) {
+      // check if key 0-5 have been pressed and toggle
+      // the checkbox item accordingly.
+      if (keyCode==(48 + i)) { 
+        // the index of checkbox items start at 0
+        checkbox.toggle(i);
+        println("toggle "+checkbox.getItem(i).getName());
+        // also see 
+        // checkbox.activate(index);
+        // checkbox.deactivate(index);
+      }
+    }
+  }
+}
+
+void draw() {
+  background(170);
+  pushMatrix();
+  translate(width/2 + 200, height/2);
+  stroke(255);
+  strokeWeight(2);
+  fill(myColorBackground);
+  ellipse(0,0,200,200);
+  popMatrix();
+}
+
+void controlEvent(ControlEvent theEvent) {
+  if (theEvent.isFrom(checkbox)) {
+    myColorBackground = 0;
+    print("got an event from "+checkbox.getName()+"\t\n");
+    // checkbox uses arrayValue to store the state of 
+    // individual checkbox-items. usage:
+    println(checkbox.getArrayValue());
+    int col = 0;
+    for (int i=0;i<checkbox.getArrayValue().length;i++) {
+      int n = (int)checkbox.getArrayValue()[i];
+      print(n);
+      if(n==1) {
+        myColorBackground += checkbox.getItem(i).internalValue();
+      }
+    }
+    println();    
+  }
+}
+
+void checkBox(float[] a) {
+  println(a);
+}
+
+
+/*
+a list of all methods available for the CheckBox Controller
+use ControlP5.printPublicMethodsFor(CheckBox.class);
+to print the following list into the console.
+
+You can find further details about class CheckBox in the javadoc.
+
+Format:
+ClassName : returnType methodName(parameter type)
+
+
+controlP5.CheckBox : CheckBox addItem(String, float) 
+controlP5.CheckBox : CheckBox addItem(Toggle, float) 
+controlP5.CheckBox : CheckBox deactivateAll() 
+controlP5.CheckBox : CheckBox hideLabels() 
+controlP5.CheckBox : CheckBox removeItem(String) 
+controlP5.CheckBox : CheckBox setArrayValue(float[]) 
+controlP5.CheckBox : CheckBox setColorLabels(int) 
+controlP5.CheckBox : CheckBox setImage(PImage) 
+controlP5.CheckBox : CheckBox setImage(PImage, int) 
+controlP5.CheckBox : CheckBox setImages(PImage, PImage, PImage) 
+controlP5.CheckBox : CheckBox setItemHeight(int) 
+controlP5.CheckBox : CheckBox setItemWidth(int) 
+controlP5.CheckBox : CheckBox setItemsPerRow(int) 
+controlP5.CheckBox : CheckBox setNoneSelectedAllowed(boolean) 
+controlP5.CheckBox : CheckBox setSize(PImage) 
+controlP5.CheckBox : CheckBox setSize(int, int) 
+controlP5.CheckBox : CheckBox setSpacingColumn(int) 
+controlP5.CheckBox : CheckBox setSpacingRow(int) 
+controlP5.CheckBox : CheckBox showLabels() 
+controlP5.CheckBox : String getInfo() 
+controlP5.CheckBox : String toString() 
+controlP5.CheckBox : Toggle getItem(int)
+controlP5.CheckBox : List getItems()
+controlP5.CheckBox : boolean getState(String) 
+controlP5.CheckBox : boolean getState(int) 
+controlP5.CheckBox : void updateLayout() 
+controlP5.ControlGroup : CheckBox activateEvent(boolean) 
+controlP5.ControlGroup : CheckBox addListener(ControlListener) 
+controlP5.ControlGroup : CheckBox hideBar() 
+controlP5.ControlGroup : CheckBox removeListener(ControlListener) 
+controlP5.ControlGroup : CheckBox setBackgroundColor(int) 
+controlP5.ControlGroup : CheckBox setBackgroundHeight(int) 
+controlP5.ControlGroup : CheckBox setBarHeight(int) 
+controlP5.ControlGroup : CheckBox showBar() 
+controlP5.ControlGroup : CheckBox updateInternalEvents(PApplet) 
+controlP5.ControlGroup : String getInfo() 
+controlP5.ControlGroup : String toString() 
+controlP5.ControlGroup : boolean isBarVisible() 
+controlP5.ControlGroup : int getBackgroundHeight() 
+controlP5.ControlGroup : int getBarHeight() 
+controlP5.ControlGroup : int listenerSize() 
+controlP5.ControllerGroup : CColor getColor() 
+controlP5.ControllerGroup : CheckBox add(ControllerInterface) 
+controlP5.ControllerGroup : CheckBox bringToFront() 
+controlP5.ControllerGroup : CheckBox bringToFront(ControllerInterface) 
+controlP5.ControllerGroup : CheckBox close() 
+controlP5.ControllerGroup : CheckBox disableCollapse() 
+controlP5.ControllerGroup : CheckBox enableCollapse() 
+controlP5.ControllerGroup : CheckBox hide() 
+controlP5.ControllerGroup : CheckBox moveTo(ControlWindow) 
+controlP5.ControllerGroup : CheckBox moveTo(PApplet) 
+controlP5.ControllerGroup : CheckBox open() 
+controlP5.ControllerGroup : CheckBox registerProperty(String) 
+controlP5.ControllerGroup : CheckBox registerProperty(String, String) 
+controlP5.ControllerGroup : CheckBox remove(CDrawable) 
+controlP5.ControllerGroup : CheckBox remove(ControllerInterface) 
+controlP5.ControllerGroup : CheckBox removeCanvas(ControlWindowCanvas) 
+controlP5.ControllerGroup : CheckBox removeProperty(String) 
+controlP5.ControllerGroup : CheckBox removeProperty(String, String) 
+controlP5.ControllerGroup : CheckBox setAddress(String) 
+controlP5.ControllerGroup : CheckBox setArrayValue(float[]) 
+controlP5.ControllerGroup : CheckBox setColor(CColor) 
+controlP5.ControllerGroup : CheckBox setColorActive(int) 
+controlP5.ControllerGroup : CheckBox setColorBackground(int) 
+controlP5.ControllerGroup : CheckBox setColorForeground(int) 
+controlP5.ControllerGroup : CheckBox setColorLabel(int) 
+controlP5.ControllerGroup : CheckBox setColorValue(int) 
+controlP5.ControllerGroup : CheckBox setHeight(int) 
+controlP5.ControllerGroup : CheckBox setId(int) 
+controlP5.ControllerGroup : CheckBox setLabel(String) 
+controlP5.ControllerGroup : CheckBox setMouseOver(boolean) 
+controlP5.ControllerGroup : CheckBox setMoveable(boolean) 
+controlP5.ControllerGroup : CheckBox setOpen(boolean) 
+controlP5.ControllerGroup : CheckBox setPosition(PVector) 
+controlP5.ControllerGroup : CheckBox setPosition(float, float) 
+controlP5.ControllerGroup : CheckBox setStringValue(String) 
+controlP5.ControllerGroup : CheckBox setUpdate(boolean) 
+controlP5.ControllerGroup : CheckBox setValue(float) 
+controlP5.ControllerGroup : CheckBox setVisible(boolean) 
+controlP5.ControllerGroup : CheckBox setWidth(int) 
+controlP5.ControllerGroup : CheckBox show() 
+controlP5.ControllerGroup : CheckBox update() 
+controlP5.ControllerGroup : CheckBox updateAbsolutePosition() 
+controlP5.ControllerGroup : ControlWindow getWindow() 
+controlP5.ControllerGroup : ControlWindowCanvas addCanvas(ControlWindowCanvas) 
+controlP5.ControllerGroup : Controller getController(String) 
+controlP5.ControllerGroup : ControllerProperty getProperty(String) 
+controlP5.ControllerGroup : ControllerProperty getProperty(String, String) 
+controlP5.ControllerGroup : Label getCaptionLabel() 
+controlP5.ControllerGroup : Label getValueLabel() 
+controlP5.ControllerGroup : PVector getPosition() 
+controlP5.ControllerGroup : String getAddress() 
+controlP5.ControllerGroup : String getInfo() 
+controlP5.ControllerGroup : String getName() 
+controlP5.ControllerGroup : String getStringValue() 
+controlP5.ControllerGroup : String toString() 
+controlP5.ControllerGroup : Tab getTab() 
+controlP5.ControllerGroup : boolean isCollapse() 
+controlP5.ControllerGroup : boolean isMouseOver() 
+controlP5.ControllerGroup : boolean isMoveable() 
+controlP5.ControllerGroup : boolean isOpen() 
+controlP5.ControllerGroup : boolean isUpdate() 
+controlP5.ControllerGroup : boolean isVisible() 
+controlP5.ControllerGroup : boolean setMousePressed(boolean) 
+controlP5.ControllerGroup : float getValue() 
+controlP5.ControllerGroup : float[] getArrayValue() 
+controlP5.ControllerGroup : int getHeight() 
+controlP5.ControllerGroup : int getId() 
+controlP5.ControllerGroup : int getWidth() 
+controlP5.ControllerGroup : void remove() 
+java.lang.Object : String toString() 
+java.lang.Object : boolean equals(Object) 
+
+
+*/
+
+
+
diff --git a/examples/controllers/ControlP5colorPicker/ControlP5colorPicker.pde b/examples/controllers/ControlP5colorPicker/ControlP5colorPicker.pde
new file mode 100644
index 0000000..fd4ed83
--- /dev/null
+++ b/examples/controllers/ControlP5colorPicker/ControlP5colorPicker.pde
@@ -0,0 +1,175 @@
+/**
+ * ControlP5 Color picker. a simple color picker, 
+ * 4 horizontal sliders controlling the RGBA channels of a color.
+ * to grab the current color value, use function getColorValue() of
+ * the color picker.
+ *
+ * find a list of public methods available for the ColorPicker Controller 
+ * at the bottom of this sketch's source code
+ *
+ * by Andreas Schlegel, 2012
+ * www.sojamo.de/libraries/controlP5
+ *
+ */
+import controlP5.*;
+
+ControlP5 cp5;
+
+ColorPicker cp;
+
+void setup() {
+  size(400, 600);
+  noStroke();
+  cp5 = new ControlP5(this);
+  cp = cp5.addColorPicker("picker")
+          .setPosition(60, 100)
+          .setColorValue(color(255, 128, 0, 128))
+          ;
+}
+
+void draw() {
+  background(cp.getColorValue());
+  fill(0, 80);
+  rect(50, 90, 275, 80);
+}
+
+public void controlEvent(ControlEvent c) {
+  // when a value change from a ColorPicker is received, extract the ARGB values
+  // from the controller's array value
+  if(c.isFrom(cp)) {
+    int r = int(c.getArrayValue(0));
+    int g = int(c.getArrayValue(1));
+    int b = int(c.getArrayValue(2));
+    int a = int(c.getArrayValue(3));
+    color col = color(r,g,b,a);
+    println("event\talpha:"+a+"\tred:"+r+"\tgreen:"+g+"\tblue:"+b+"\tcol"+col);
+  }
+}
+
+// color information from ColorPicker 'picker' are forwarded to the picker(int) function
+void picker(int col) {
+  println("picker\talpha:"+alpha(col)+"\tred:"+red(col)+"\tgreen:"+green(col)+"\tblue:"+blue(col)+"\tcol"+col);
+}
+
+
+void keyPressed() {
+  switch(key) {
+    case('1'):
+    // method A to change color
+    cp.setArrayValue(new float[] {120, 0, 120, 255});
+    break;
+    case('2'):
+    // method B to change color
+    cp.setColorValue(color(255, 0, 0, 255));
+    break;
+  }
+}
+
+
+
+
+/*
+ a list of all methods available for the ColorPicker Controller
+ use ControlP5.printPublicMethodsFor(ColorPicker.class);
+ to print the following list into the console.
+ 
+ You can find further details about class ColorPicker in the javadoc.
+ 
+ Format:
+ ClassName : returnType methodName(parameter type)
+ 
+ 
+ controlP5.ColorPicker : ColorPicker setArrayValue(float[]) 
+ controlP5.ColorPicker : ColorPicker setColorValue(int)
+ controlP5.ColorPicker : String getInfo() 
+ controlP5.ColorPicker : int getColorValue() 
+ controlP5.ControlGroup : ColorPicker activateEvent(boolean) 
+ controlP5.ControlGroup : ColorPicker addListener(ControlListener) 
+ controlP5.ControlGroup : ColorPicker hideBar() 
+ controlP5.ControlGroup : ColorPicker removeListener(ControlListener) 
+ controlP5.ControlGroup : ColorPicker setBackgroundColor(int) 
+ controlP5.ControlGroup : ColorPicker setBackgroundHeight(int) 
+ controlP5.ControlGroup : ColorPicker setBarHeight(int) 
+ controlP5.ControlGroup : ColorPicker showBar() 
+ controlP5.ControlGroup : ColorPicker updateInternalEvents(PApplet) 
+ controlP5.ControlGroup : String getInfo() 
+ controlP5.ControlGroup : String toString() 
+ controlP5.ControlGroup : boolean isBarVisible() 
+ controlP5.ControlGroup : int getBackgroundHeight() 
+ controlP5.ControlGroup : int getBarHeight() 
+ controlP5.ControlGroup : int listenerSize() 
+ controlP5.ControllerGroup : CColor getColor() 
+ controlP5.ControllerGroup : ColorPicker add(ControllerInterface) 
+ controlP5.ControllerGroup : ColorPicker bringToFront() 
+ controlP5.ControllerGroup : ColorPicker bringToFront(ControllerInterface) 
+ controlP5.ControllerGroup : ColorPicker close() 
+ controlP5.ControllerGroup : ColorPicker disableCollapse() 
+ controlP5.ControllerGroup : ColorPicker enableCollapse() 
+ controlP5.ControllerGroup : ColorPicker hide() 
+ controlP5.ControllerGroup : ColorPicker moveTo(ControlWindow) 
+ controlP5.ControllerGroup : ColorPicker moveTo(PApplet) 
+ controlP5.ControllerGroup : ColorPicker open() 
+ controlP5.ControllerGroup : ColorPicker registerProperty(String) 
+ controlP5.ControllerGroup : ColorPicker registerProperty(String, String) 
+ controlP5.ControllerGroup : ColorPicker remove(CDrawable) 
+ controlP5.ControllerGroup : ColorPicker remove(ControllerInterface) 
+ controlP5.ControllerGroup : ColorPicker removeCanvas(ControlWindowCanvas) 
+ controlP5.ControllerGroup : ColorPicker removeProperty(String) 
+ controlP5.ControllerGroup : ColorPicker removeProperty(String, String) 
+ controlP5.ControllerGroup : ColorPicker setAddress(String) 
+ controlP5.ControllerGroup : ColorPicker setArrayValue(float[]) 
+ controlP5.ControllerGroup : ColorPicker setColor(CColor) 
+ controlP5.ControllerGroup : ColorPicker setColorActive(int) 
+ controlP5.ControllerGroup : ColorPicker setColorBackground(int) 
+ controlP5.ControllerGroup : ColorPicker setColorForeground(int) 
+ controlP5.ControllerGroup : ColorPicker setColorLabel(int) 
+ controlP5.ControllerGroup : ColorPicker setColorValue(int) 
+ controlP5.ControllerGroup : ColorPicker setHeight(int) 
+ controlP5.ControllerGroup : ColorPicker setId(int) 
+ controlP5.ControllerGroup : ColorPicker setLabel(String) 
+ controlP5.ControllerGroup : ColorPicker setMouseOver(boolean) 
+ controlP5.ControllerGroup : ColorPicker setMoveable(boolean) 
+ controlP5.ControllerGroup : ColorPicker setOpen(boolean) 
+ controlP5.ControllerGroup : ColorPicker setPosition(PVector) 
+ controlP5.ControllerGroup : ColorPicker setPosition(float, float) 
+ controlP5.ControllerGroup : ColorPicker setStringValue(String) 
+ controlP5.ControllerGroup : ColorPicker setUpdate(boolean) 
+ controlP5.ControllerGroup : ColorPicker setValue(float) 
+ controlP5.ControllerGroup : ColorPicker setVisible(boolean) 
+ controlP5.ControllerGroup : ColorPicker setWidth(int) 
+ controlP5.ControllerGroup : ColorPicker show() 
+ controlP5.ControllerGroup : ColorPicker update() 
+ controlP5.ControllerGroup : ColorPicker updateAbsolutePosition() 
+ controlP5.ControllerGroup : ControlWindow getWindow() 
+ controlP5.ControllerGroup : ControlWindowCanvas addCanvas(ControlWindowCanvas) 
+ controlP5.ControllerGroup : Controller getController(String) 
+ controlP5.ControllerGroup : ControllerProperty getProperty(String) 
+ controlP5.ControllerGroup : ControllerProperty getProperty(String, String) 
+ controlP5.ControllerGroup : Label getCaptionLabel() 
+ controlP5.ControllerGroup : Label getValueLabel() 
+ controlP5.ControllerGroup : PVector getPosition() 
+ controlP5.ControllerGroup : String getAddress() 
+ controlP5.ControllerGroup : String getInfo() 
+ controlP5.ControllerGroup : String getName() 
+ controlP5.ControllerGroup : String getStringValue() 
+ controlP5.ControllerGroup : String toString() 
+ controlP5.ControllerGroup : Tab getTab() 
+ controlP5.ControllerGroup : boolean isCollapse() 
+ controlP5.ControllerGroup : boolean isMouseOver() 
+ controlP5.ControllerGroup : boolean isMoveable() 
+ controlP5.ControllerGroup : boolean isOpen() 
+ controlP5.ControllerGroup : boolean isUpdate() 
+ controlP5.ControllerGroup : boolean isVisible() 
+ controlP5.ControllerGroup : boolean setMousePressed(boolean) 
+ controlP5.ControllerGroup : float getValue() 
+ controlP5.ControllerGroup : float[] getArrayValue() 
+ controlP5.ControllerGroup : int getHeight() 
+ controlP5.ControllerGroup : int getId() 
+ controlP5.ControllerGroup : int getWidth() 
+ controlP5.ControllerGroup : void remove() 
+ java.lang.Object : String toString() 
+ java.lang.Object : boolean equals(Object) 
+ 
+ 
+ 
+ */
diff --git a/examples/controllers/ControlP5dropdownList/ControlP5dropdownList.pde b/examples/controllers/ControlP5dropdownList/ControlP5dropdownList.pde
new file mode 100644
index 0000000..b06992d
--- /dev/null
+++ b/examples/controllers/ControlP5dropdownList/ControlP5dropdownList.pde
@@ -0,0 +1,272 @@
+/**
+ * Control5 DropdownList
+ * A dropdownList controller, extends the ListBox controller.
+ * the most recently selected dropdownlist item is displayed inside
+ * the menu bar of the DropdownList.
+ *
+ * find a list of public methods available for the DropdownList Controller 
+ * at the bottom of this sketch's source code
+ *
+ * DEPRECATED, use ScrollableList instead.
+ *
+ * by andreas schlegel, 2012
+ * www.sojamo.de/libraries/controlp5
+ */
+
+import controlP5.*;
+
+ControlP5 cp5;
+
+DropdownList d1, d2;
+
+int cnt = 0;
+
+void setup() {
+  size(700, 400 );
+  cp5 = new ControlP5(this);
+  
+  // DropdownList is DEPRECATED, 
+  // use ScrollableList instead, 
+  // see example ControlP5scrollableList
+  
+  
+  
+  
+  
+  
+  
+  
+  
+  
+  
+  
+  
+  // create a DropdownList, 
+  d1 = cp5.addDropdownList("myList-d1")
+          .setPosition(100, 100)
+          ;
+          
+  customize(d1); // customize the first list
+  
+  // create a second DropdownList
+  d2 = cp5.addDropdownList("myList-d2")
+          .setPosition(400, 100)
+          .setSize(200,200)
+          ;
+  
+  customize(d2); // customize the second list
+  d2.setIndex(10);
+}
+
+
+void customize(DropdownList ddl) {
+  // a convenience function to customize a DropdownList
+  ddl.setBackgroundColor(color(190));
+  ddl.setItemHeight(20);
+  ddl.setBarHeight(15);
+  ddl.getCaptionLabel().set("dropdown");
+  ddl.getCaptionLabel().style().marginTop = 3;
+  ddl.getCaptionLabel().style().marginLeft = 3;
+  ddl.getValueLabel().style().marginTop = 3;
+  for (int i=0;i<40;i++) {
+    ddl.addItem("item "+i, i);
+  }
+  //ddl.scroll(0);
+  ddl.setColorBackground(color(60));
+  ddl.setColorActive(color(255, 128));
+}
+
+
+
+void keyPressed() {
+  // some key events to change the properties of DropdownList d1
+  if (key=='1') {
+    // set the height of a pulldown menu, should always be a multiple of itemHeight
+    d1.setHeight(210);
+  } 
+  else if (key=='2') {
+    // set the height of a pulldown menu, should always be a multiple of itemHeight
+    d1.setHeight(120);
+  }
+  else if (key=='3') {
+    // set the height of a pulldown menu item, should always be a fraction of the pulldown menu
+    d1.setItemHeight(30);
+  } 
+  else if (key=='4') {
+    // set the height of a pulldown menu item, should always be a fraction of the pulldown menu
+    d1.setItemHeight(12);
+    d1.setBackgroundColor(color(255));
+  } 
+  else if (key=='5') {
+    // add new items to the pulldown menu
+    int n = (int)(random(100000));
+    d1.addItem("item "+n, n);
+  } 
+  else if (key=='6') {
+    // remove items from the pulldown menu  by name
+    d1.removeItem("item "+cnt);
+    cnt++;
+  }
+  else if (key=='7') {
+    d1.clear();
+  }
+}
+
+void controlEvent(ControlEvent theEvent) {
+  // DropdownList is of type ControlGroup.
+  // A controlEvent will be triggered from inside the ControlGroup class.
+  // therefore you need to check the originator of the Event with
+  // if (theEvent.isGroup())
+  // to avoid an error message thrown by controlP5.
+
+  if (theEvent.isGroup()) {
+    // check if the Event was triggered from a ControlGroup
+    println("event from group : "+theEvent.getGroup().getValue()+" from "+theEvent.getGroup());
+  } 
+  else if (theEvent.isController()) {
+    println("event from controller : "+theEvent.getController().getValue()+" from "+theEvent.getController());
+  }
+}
+
+void draw() {
+  background(128);
+}
+
+/* 
+ a list of all methods available for the DropdownList Controller
+ use ControlP5.printPublicMethodsFor(DropdownList.class);
+ to print the following list into the console.
+ 
+ You can find further details about DropdownList in the javadoc.
+ 
+ Format: returnType methodName(parameterType)
+ 
+ controlP5.DropdownList : ControllerGroup setValue(float) 
+ controlP5.DropdownList : float getValue() 
+ controlP5.ListBox : ControllerInterface setColorActive(int) 
+ controlP5.ListBox : ControllerInterface setColorBackground(int) 
+ controlP5.ListBox : ControllerInterface setColorForeground(int) 
+ controlP5.ListBox : ControllerInterface setColorLabel(int) 
+ controlP5.ListBox : ControllerInterface setColorValue(int) 
+ controlP5.ListBox : ListBox setHeight(int) 
+ controlP5.ListBox : ListBox setWidth(int) 
+ controlP5.ListBox : ListBox toUpperCase(boolean) 
+ controlP5.ListBox : ListBoxItem addItem(String, int) 
+ controlP5.ListBox : ListBoxItem item(Controller) 
+ controlP5.ListBox : ListBoxItem item(String) 
+ controlP5.ListBox : ListBoxItem item(int) 
+ controlP5.ListBox : String[][] getListBoxItems() 
+ controlP5.ListBox : boolean isScrollbarVisible() 
+ controlP5.ListBox : float getScrollPosition() 
+ controlP5.ListBox : void actAsPulldownMenu(boolean) 
+ controlP5.ListBox : void addItems(List) 
+ controlP5.ListBox : void addItems(List, int) 
+ controlP5.ListBox : void addItems(String[]) 
+ controlP5.ListBox : void clear() 
+ controlP5.ListBox : void controlEvent(ControlEvent) 
+ controlP5.ListBox : void hideScrollbar() 
+ controlP5.ListBox : void keyEvent(KeyEvent) 
+ controlP5.ListBox : void removeItem(String) 
+ controlP5.ListBox : void scroll(float) 
+ controlP5.ListBox : void scrolled(int) 
+ controlP5.ListBox : void setItemHeight(int) 
+ controlP5.ListBox : void setListBoxItems(String[][]) 
+ controlP5.ListBox : void showScrollbar() 
+ controlP5.ListBox : void updateListBoxItems() 
+ controlP5.ControlGroup : ControlGroup activateEvent(boolean) 
+ controlP5.ControlGroup : String info() 
+ controlP5.ControlGroup : String stringValue() 
+ controlP5.ControlGroup : String toString() 
+ controlP5.ControlGroup : boolean isBarVisible() 
+ controlP5.ControlGroup : int getBackgroundHeight() 
+ controlP5.ControlGroup : int getBarHeight() 
+ controlP5.ControlGroup : int listenerSize() 
+ controlP5.ControlGroup : void addCloseButton() 
+ controlP5.ControlGroup : void addListener(ControlListener) 
+ controlP5.ControlGroup : void controlEvent(ControlEvent) 
+ controlP5.ControlGroup : void hideBar() 
+ controlP5.ControlGroup : void mousePressed() 
+ controlP5.ControlGroup : void removeCloseButton() 
+ controlP5.ControlGroup : void removeListener(ControlListener) 
+ controlP5.ControlGroup : void setBackgroundColor(int) 
+ controlP5.ControlGroup : void setBackgroundHeight(int) 
+ controlP5.ControlGroup : void setBarHeight(int) 
+ controlP5.ControlGroup : void showBar() 
+ controlP5.ControllerGroup : CColor getColor() 
+ controlP5.ControllerGroup : ControlWindow getWindow() 
+ controlP5.ControllerGroup : ControlWindowCanvas addCanvas(ControlWindowCanvas) 
+ controlP5.ControllerGroup : Controller getController(String) 
+ controlP5.ControllerGroup : ControllerGroup setHeight(int) 
+ controlP5.ControllerGroup : ControllerGroup setValue(float) 
+ controlP5.ControllerGroup : ControllerGroup setWidth(int) 
+ controlP5.ControllerGroup : ControllerInterface add(ControllerInterface) 
+ controlP5.ControllerGroup : ControllerInterface hide() 
+ controlP5.ControllerGroup : ControllerInterface moveTo(ControlGroup, Tab, ControlWindow) 
+ controlP5.ControllerGroup : ControllerInterface registerProperty(String) 
+ controlP5.ControllerGroup : ControllerInterface registerProperty(String, String) 
+ controlP5.ControllerGroup : ControllerInterface remove(ControllerInterface) 
+ controlP5.ControllerGroup : ControllerInterface removeProperty(String) 
+ controlP5.ControllerGroup : ControllerInterface removeProperty(String, String) 
+ controlP5.ControllerGroup : ControllerInterface setColor(CColor) 
+ controlP5.ControllerGroup : ControllerInterface setColorActive(int) 
+ controlP5.ControllerGroup : ControllerInterface setColorBackground(int) 
+ controlP5.ControllerGroup : ControllerInterface setColorForeground(int) 
+ controlP5.ControllerGroup : ControllerInterface setColorLabel(int) 
+ controlP5.ControllerGroup : ControllerInterface setColorValue(int) 
+ controlP5.ControllerGroup : ControllerInterface setId(int) 
+ controlP5.ControllerGroup : ControllerInterface setLabel(String) 
+ controlP5.ControllerGroup : ControllerInterface show() 
+ controlP5.ControllerGroup : ControllerProperty getProperty(String) 
+ controlP5.ControllerGroup : ControllerProperty getProperty(String, String) 
+ controlP5.ControllerGroup : Label captionLabel() 
+ controlP5.ControllerGroup : Label valueLabel() 
+ controlP5.ControllerGroup : PVector getAbsolutePosition() 
+ controlP5.ControllerGroup : PVector getPosition() 
+ controlP5.ControllerGroup : String getName() 
+ controlP5.ControllerGroup : String getStringValue() 
+ controlP5.ControllerGroup : String info() 
+ controlP5.ControllerGroup : String toString() 
+ controlP5.ControllerGroup : Tab getTab() 
+ controlP5.ControllerGroup : boolean isCollapse() 
+ controlP5.ControllerGroup : boolean isMoveable() 
+ controlP5.ControllerGroup : boolean isOpen() 
+ controlP5.ControllerGroup : boolean isUpdate() 
+ controlP5.ControllerGroup : boolean isVisible() 
+ controlP5.ControllerGroup : boolean setMousePressed(boolean) 
+ controlP5.ControllerGroup : float getValue() 
+ controlP5.ControllerGroup : float[] getArrayValue() 
+ controlP5.ControllerGroup : int getHeight() 
+ controlP5.ControllerGroup : int getId() 
+ controlP5.ControllerGroup : int getWidth() 
+ controlP5.ControllerGroup : void close() 
+ controlP5.ControllerGroup : void disableCollapse() 
+ controlP5.ControllerGroup : void enableCollapse() 
+ controlP5.ControllerGroup : void moveTo(ControlGroup) 
+ controlP5.ControllerGroup : void moveTo(ControlWindow) 
+ controlP5.ControllerGroup : void moveTo(ControlWindow, String) 
+ controlP5.ControllerGroup : void moveTo(String) 
+ controlP5.ControllerGroup : void moveTo(String, ControlWindow) 
+ controlP5.ControllerGroup : void moveTo(Tab) 
+ controlP5.ControllerGroup : void moveTo(Tab, ControlWindow) 
+ controlP5.ControllerGroup : void open() 
+ controlP5.ControllerGroup : void remove() 
+ controlP5.ControllerGroup : void remove(CDrawable) 
+ controlP5.ControllerGroup : void removeCanvas(ControlWindowCanvas) 
+ controlP5.ControllerGroup : void setAbsolutePosition(PVector) 
+ controlP5.ControllerGroup : void setArrayValue(float[]) 
+ controlP5.ControllerGroup : void setGroup(ControllerGroup) 
+ controlP5.ControllerGroup : void setGroup(String) 
+ controlP5.ControllerGroup : void setMoveable(boolean) 
+ controlP5.ControllerGroup : void setOpen(boolean) 
+ controlP5.ControllerGroup : void setPosition(PVector) 
+ controlP5.ControllerGroup : void setPosition(float, float) 
+ controlP5.ControllerGroup : void setTab(ControlWindow, String) 
+ controlP5.ControllerGroup : void setTab(String) 
+ controlP5.ControllerGroup : void setTab(Tab) 
+ controlP5.ControllerGroup : void setUpdate(boolean) 
+ controlP5.ControllerGroup : void setVisible(boolean) 
+ controlP5.ControllerGroup : void update() 
+ controlP5.ControllerGroup : void updateAbsolutePosition() 
+ java.lang.Object : String toString() 
+ java.lang.Object : boolean equals(Object) 
+ */
diff --git a/examples/controllers/ControlP5group/ControlP5group.pde b/examples/controllers/ControlP5group/ControlP5group.pde
new file mode 100644
index 0000000..360b0d3
--- /dev/null
+++ b/examples/controllers/ControlP5group/ControlP5group.pde
@@ -0,0 +1,223 @@
+/**
+* ControlP5 Group
+*
+*
+* find a list of public methods available for the Group Controller
+* at the bottom of this sketch.
+*
+* by Andreas Schlegel, 2012
+* www.sojamo.de/libraries/controlp5
+*
+*/
+
+
+import controlP5.*;
+
+ControlP5 cp5;
+
+void setup() {  
+  size(800,400);
+
+  cp5 = new ControlP5(this);
+  
+  Group g1 = cp5.addGroup("g1")
+                .setPosition(100,100)
+                .setBackgroundHeight(100)
+                .setBackgroundColor(color(255,50))
+                ;
+                     
+  cp5.addBang("A-1")
+     .setPosition(10,20)
+     .setSize(80,20)
+     .setGroup(g1)
+     ;
+          
+  cp5.addBang("A-2")
+     .setPosition(10,60)
+     .setSize(80,20)
+     .setGroup(g1)
+     ;
+     
+  
+  Group g2 = cp5.addGroup("g2")
+                .setPosition(250,100)
+                .setWidth(300)
+                .activateEvent(true)
+                .setBackgroundColor(color(255,80))
+                .setBackgroundHeight(100)
+                .setLabel("Hello World.")
+                ;
+  
+  cp5.addSlider("S-1")
+     .setPosition(80,10)
+     .setSize(180,9)
+     .setGroup(g2)
+     ;
+     
+  cp5.addSlider("S-2")
+     .setPosition(80,20)
+     .setSize(180,9)
+     .setGroup(g2)
+     ;
+     
+  cp5.addRadioButton("radio")
+     .setPosition(10,10)
+     .setSize(20,9)
+     .addItem("black",0)
+     .addItem("red",1)
+     .addItem("green",2)
+     .addItem("blue",3)
+     .addItem("grey",4)
+     .setGroup(g2)
+     ;
+     
+  Group g3 = cp5.addGroup("g3")
+                .setPosition(600,100)
+                .setSize(150,200)
+                .setBackgroundColor(color(255,100))
+                ;
+                
+  
+  cp5.addScrollableList("list")
+     .setPosition(10,10)
+     .setSize(130,100)
+     .setGroup(g3)
+     .addItems(java.util.Arrays.asList("a","b","c","d","e","f","g"))
+     ;
+}
+
+
+void draw() {
+  background(0);
+}
+
+
+void controlEvent(ControlEvent theEvent) {
+  if(theEvent.isGroup()) {
+    println("got an event from group "
+            +theEvent.getGroup().getName()
+            +", isOpen? "+theEvent.getGroup().isOpen()
+            );
+            
+  } else if (theEvent.isController()){
+    println("got something from a controller "
+            +theEvent.getController().getName()
+            );
+  }
+}
+
+
+void keyPressed() {
+  if(key==' ') {
+    if(cp5.getGroup("g1")!=null) {
+      cp5.getGroup("g1").remove();
+    }
+  }
+}
+
+
+
+
+/*
+a list of all methods available for the Group Controller
+use ControlP5.printPublicMethodsFor(Group.class);
+to print the following list into the console.
+
+You can find further details about class Group in the javadoc.
+
+Format:
+ClassName : returnType methodName(parameter type)
+
+
+controlP5.ControlGroup : Group activateEvent(boolean) 
+controlP5.ControlGroup : Group addListener(ControlListener) 
+controlP5.ControlGroup : Group hideBar() 
+controlP5.ControlGroup : Group removeListener(ControlListener) 
+controlP5.ControlGroup : Group setBackgroundColor(int) 
+controlP5.ControlGroup : Group setBackgroundHeight(int) 
+controlP5.ControlGroup : Group setBarHeight(int) 
+controlP5.ControlGroup : Group showBar() 
+controlP5.ControlGroup : Group updateInternalEvents(PApplet) 
+controlP5.ControlGroup : String getInfo() 
+controlP5.ControlGroup : String toString() 
+controlP5.ControlGroup : boolean isBarVisible() 
+controlP5.ControlGroup : int getBackgroundHeight() 
+controlP5.ControlGroup : int getBarHeight() 
+controlP5.ControlGroup : int listenerSize() 
+controlP5.ControllerGroup : CColor getColor() 
+controlP5.ControllerGroup : ControlWindow getWindow() 
+controlP5.ControllerGroup : ControlWindowCanvas addCanvas(ControlWindowCanvas) 
+controlP5.ControllerGroup : Controller getController(String) 
+controlP5.ControllerGroup : ControllerProperty getProperty(String) 
+controlP5.ControllerGroup : ControllerProperty getProperty(String, String) 
+controlP5.ControllerGroup : Group add(ControllerInterface) 
+controlP5.ControllerGroup : Group bringToFront() 
+controlP5.ControllerGroup : Group bringToFront(ControllerInterface) 
+controlP5.ControllerGroup : Group close() 
+controlP5.ControllerGroup : Group disableCollapse() 
+controlP5.ControllerGroup : Group enableCollapse() 
+controlP5.ControllerGroup : Group hide() 
+controlP5.ControllerGroup : Group moveTo(ControlWindow) 
+controlP5.ControllerGroup : Group moveTo(PApplet) 
+controlP5.ControllerGroup : Group open() 
+controlP5.ControllerGroup : Group registerProperty(String) 
+controlP5.ControllerGroup : Group registerProperty(String, String) 
+controlP5.ControllerGroup : Group remove(CDrawable) 
+controlP5.ControllerGroup : Group remove(ControllerInterface) 
+controlP5.ControllerGroup : Group removeCanvas(ControlWindowCanvas) 
+controlP5.ControllerGroup : Group removeProperty(String) 
+controlP5.ControllerGroup : Group removeProperty(String, String) 
+controlP5.ControllerGroup : Group setAddress(String) 
+controlP5.ControllerGroup : Group setArrayValue(float[]) 
+controlP5.ControllerGroup : Group setColor(CColor) 
+controlP5.ControllerGroup : Group setColorActive(int) 
+controlP5.ControllerGroup : Group setColorBackground(int) 
+controlP5.ControllerGroup : Group setColorForeground(int) 
+controlP5.ControllerGroup : Group setColorLabel(int) 
+controlP5.ControllerGroup : Group setColorValue(int) 
+controlP5.ControllerGroup : Group setHeight(int) 
+controlP5.ControllerGroup : Group setId(int) 
+controlP5.ControllerGroup : Group setLabel(String) 
+controlP5.ControllerGroup : Group setMouseOver(boolean) 
+controlP5.ControllerGroup : Group setMoveable(boolean) 
+controlP5.ControllerGroup : Group setOpen(boolean) 
+controlP5.ControllerGroup : Group setPosition(PVector) 
+controlP5.ControllerGroup : Group setPosition(float, float) 
+controlP5.ControllerGroup : Group setStringValue(String) 
+controlP5.ControllerGroup : Group setUpdate(boolean) 
+controlP5.ControllerGroup : Group setValue(float) 
+controlP5.ControllerGroup : Group setVisible(boolean) 
+controlP5.ControllerGroup : Group setWidth(int) 
+controlP5.ControllerGroup : Group show() 
+controlP5.ControllerGroup : Group update() 
+controlP5.ControllerGroup : Group updateAbsolutePosition() 
+controlP5.ControllerGroup : Label getCaptionLabel() 
+controlP5.ControllerGroup : Label getValueLabel() 
+controlP5.ControllerGroup : PVector getPosition() 
+controlP5.ControllerGroup : String getAddress() 
+controlP5.ControllerGroup : String getInfo() 
+controlP5.ControllerGroup : String getName() 
+controlP5.ControllerGroup : String getStringValue() 
+controlP5.ControllerGroup : String toString() 
+controlP5.ControllerGroup : Tab getTab() 
+controlP5.ControllerGroup : boolean isCollapse() 
+controlP5.ControllerGroup : boolean isMouseOver() 
+controlP5.ControllerGroup : boolean isMoveable() 
+controlP5.ControllerGroup : boolean isOpen() 
+controlP5.ControllerGroup : boolean isUpdate() 
+controlP5.ControllerGroup : boolean isVisible() 
+controlP5.ControllerGroup : boolean setMousePressed(boolean) 
+controlP5.ControllerGroup : float getValue() 
+controlP5.ControllerGroup : float[] getArrayValue() 
+controlP5.ControllerGroup : int getHeight() 
+controlP5.ControllerGroup : int getId() 
+controlP5.ControllerGroup : int getWidth() 
+controlP5.ControllerGroup : void remove() 
+java.lang.Object : String toString() 
+java.lang.Object : boolean equals(Object) 
+
+
+*/
+
+
+
diff --git a/examples/controllers/ControlP5knob/ControlP5knob.pde b/examples/controllers/ControlP5knob/ControlP5knob.pde
new file mode 100644
index 0000000..9e28117
--- /dev/null
+++ b/examples/controllers/ControlP5knob/ControlP5knob.pde
@@ -0,0 +1,233 @@
+/**
+* ControlP5 Knob
+*
+*
+* find a list of public methods available for the Knob Controller
+* at the bottom of this sketch.
+*
+* by Andreas Schlegel, 2012
+* www.sojamo.de/libraries/controlp5
+*
+*/
+
+import controlP5.*;
+
+
+ControlP5 cp5;
+
+int myColorBackground = color(0,0,0);
+int knobValue = 100;
+
+Knob myKnobA;
+Knob myKnobB;
+
+void setup() {
+  size(700,400);
+  smooth();
+  noStroke();
+  
+  cp5 = new ControlP5(this);
+  
+  myKnobA = cp5.addKnob("knob")
+               .setRange(0,255)
+               .setValue(50)
+               .setPosition(100,70)
+               .setRadius(50)
+               .setDragDirection(Knob.VERTICAL)
+               ;
+                     
+  myKnobB = cp5.addKnob("knobValue")
+               .setRange(0,255)
+               .setValue(220)
+               .setPosition(100,210)
+               .setRadius(50)
+               .setNumberOfTickMarks(10)
+               .setTickMarkLength(4)
+               .snapToTickMarks(true)
+               .setColorForeground(color(255))
+               .setColorBackground(color(0, 160, 100))
+               .setColorActive(color(255,255,0))
+               .setDragDirection(Knob.HORIZONTAL)
+               ;
+}
+
+void draw() {
+  background(myColorBackground);
+  fill(knobValue);
+  rect(0,height/2,width,height/2);
+  fill(0,100);
+  rect(80,40,140,320);
+}
+
+
+void knob(int theValue) {
+  myColorBackground = color(theValue);
+  println("a knob event. setting background to "+theValue);
+}
+
+
+void keyPressed() {
+  switch(key) {
+    case('1'):myKnobA.setValue(180);break;
+    case('2'):myKnobB.setConstrained(false).hideTickMarks().snapToTickMarks(false);break;
+    case('3'):myKnobA.shuffle();myKnobB.shuffle();break;
+  }
+  
+}
+
+/*
+a list of all methods available for the Knob Controller
+use ControlP5.printPublicMethodsFor(Knob.class);
+to print the following list into the console.
+
+You can find further details about class Knob in the javadoc.
+
+Format:
+ClassName : returnType methodName(parameter type)
+ 
+controlP5.Knob : Knob setConstrained(boolean) 
+controlP5.Knob : Knob setDragDirection(int) 
+controlP5.Knob : Knob setMax(float) 
+controlP5.Knob : Knob setMin(float) 
+controlP5.Knob : Knob setNumberOfTickMarks(int) 
+controlP5.Knob : Knob setRadius(float) 
+controlP5.Knob : Knob setRange(float) 
+controlP5.Knob : Knob setResolution(float) 
+controlP5.Knob : Knob setScrollSensitivity(float) 
+controlP5.Knob : Knob setSensitivity(float) 
+controlP5.Knob : Knob setShowRange(boolean) 
+controlP5.Knob : Knob setStartAngle(float) 
+controlP5.Knob : Knob setTickMarkLength(int) 
+controlP5.Knob : Knob setTickMarkWeight(float) 
+controlP5.Knob : Knob setValue(float) 
+controlP5.Knob : Knob setViewStyle(int) 
+controlP5.Knob : Knob showTickMarks(boolean) 
+controlP5.Knob : Knob shuffle() 
+controlP5.Knob : Knob snapToTickMarks(boolean) 
+controlP5.Knob : Knob update() 
+controlP5.Knob : boolean isConstrained() 
+controlP5.Knob : boolean isShowRange() 
+controlP5.Knob : boolean isShowTickMarks() 
+controlP5.Knob : float getAngle() 
+controlP5.Knob : float getRadius() 
+controlP5.Knob : float getRange() 
+controlP5.Knob : float getResolution() 
+controlP5.Knob : float getStartAngle() 
+controlP5.Knob : float getTickMarkWeight() 
+controlP5.Knob : float getValue() 
+controlP5.Knob : int getDragDirection() 
+controlP5.Knob : int getNumberOfTickMarks() 
+controlP5.Knob : int getTickMarkLength() 
+controlP5.Knob : int getViewStyle() 
+controlP5.Controller : CColor getColor() 
+controlP5.Controller : ControlBehavior getBehavior() 
+controlP5.Controller : ControlWindow getControlWindow() 
+controlP5.Controller : ControlWindow getWindow() 
+controlP5.Controller : ControllerProperty getProperty(String) 
+controlP5.Controller : ControllerProperty getProperty(String, String) 
+controlP5.Controller : Knob addCallback(CallbackListener) 
+controlP5.Controller : Knob addListener(ControlListener) 
+controlP5.Controller : Knob bringToFront() 
+controlP5.Controller : Knob bringToFront(ControllerInterface) 
+controlP5.Controller : Knob hide() 
+controlP5.Controller : Knob linebreak() 
+controlP5.Controller : Knob listen(boolean) 
+controlP5.Controller : Knob lock() 
+controlP5.Controller : Knob plugTo(Object) 
+controlP5.Controller : Knob plugTo(Object, String) 
+controlP5.Controller : Knob plugTo(Object[]) 
+controlP5.Controller : Knob plugTo(Object[], String) 
+controlP5.Controller : Knob registerProperty(String) 
+controlP5.Controller : Knob registerProperty(String, String) 
+controlP5.Controller : Knob registerTooltip(String) 
+controlP5.Controller : Knob removeBehavior() 
+controlP5.Controller : Knob removeCallback() 
+controlP5.Controller : Knob removeCallback(CallbackListener) 
+controlP5.Controller : Knob removeListener(ControlListener) 
+controlP5.Controller : Knob removeProperty(String) 
+controlP5.Controller : Knob removeProperty(String, String) 
+controlP5.Controller : Knob setArrayValue(float[]) 
+controlP5.Controller : Knob setArrayValue(int, float) 
+controlP5.Controller : Knob setBehavior(ControlBehavior) 
+controlP5.Controller : Knob setBroadcast(boolean) 
+controlP5.Controller : Knob setCaptionLabel(String) 
+controlP5.Controller : Knob setColor(CColor) 
+controlP5.Controller : Knob setColorActive(int) 
+controlP5.Controller : Knob setColorBackground(int) 
+controlP5.Controller : Knob setColorCaptionLabel(int) 
+controlP5.Controller : Knob setColorForeground(int) 
+controlP5.Controller : Knob setColorValueLabel(int) 
+controlP5.Controller : Knob setDecimalPrecision(int) 
+controlP5.Controller : Knob setDefaultValue(float) 
+controlP5.Controller : Knob setHeight(int) 
+controlP5.Controller : Knob setId(int) 
+controlP5.Controller : Knob setImages(PImage, PImage, PImage) 
+controlP5.Controller : Knob setImages(PImage, PImage, PImage, PImage) 
+controlP5.Controller : Knob setLabelVisible(boolean) 
+controlP5.Controller : Knob setLock(boolean) 
+controlP5.Controller : Knob setMax(float) 
+controlP5.Controller : Knob setMin(float) 
+controlP5.Controller : Knob setMouseOver(boolean) 
+controlP5.Controller : Knob setMoveable(boolean) 
+controlP5.Controller : Knob setPosition(PVector) 
+controlP5.Controller : Knob setPosition(float, float) 
+controlP5.Controller : Knob setSize(PImage) 
+controlP5.Controller : Knob setSize(int, int) 
+controlP5.Controller : Knob setStringValue(String) 
+controlP5.Controller : Knob setUpdate(boolean) 
+controlP5.Controller : Knob setValueLabel(String) 
+controlP5.Controller : Knob setView(ControllerView) 
+controlP5.Controller : Knob setVisible(boolean) 
+controlP5.Controller : Knob setWidth(int) 
+controlP5.Controller : Knob show() 
+controlP5.Controller : Knob unlock() 
+controlP5.Controller : Knob unplugFrom(Object) 
+controlP5.Controller : Knob unplugFrom(Object[]) 
+controlP5.Controller : Knob unregisterTooltip() 
+controlP5.Controller : Knob update() 
+controlP5.Controller : Knob updateSize() 
+controlP5.Controller : Label getCaptionLabel() 
+controlP5.Controller : Label getValueLabel() 
+controlP5.Controller : List getControllerPlugList() 
+controlP5.Controller : PImage setImage(PImage) 
+controlP5.Controller : PImage setImage(PImage, int) 
+controlP5.Controller : PVector getAbsolutePosition() 
+controlP5.Controller : PVector getPosition() 
+controlP5.Controller : String getAddress() 
+controlP5.Controller : String getInfo() 
+controlP5.Controller : String getName() 
+controlP5.Controller : String getStringValue() 
+controlP5.Controller : String toString() 
+controlP5.Controller : Tab getTab() 
+controlP5.Controller : boolean isActive() 
+controlP5.Controller : boolean isBroadcast() 
+controlP5.Controller : boolean isInside() 
+controlP5.Controller : boolean isLabelVisible() 
+controlP5.Controller : boolean isListening() 
+controlP5.Controller : boolean isLock() 
+controlP5.Controller : boolean isMouseOver() 
+controlP5.Controller : boolean isMousePressed() 
+controlP5.Controller : boolean isMoveable() 
+controlP5.Controller : boolean isUpdate() 
+controlP5.Controller : boolean isVisible() 
+controlP5.Controller : float getArrayValue(int) 
+controlP5.Controller : float getDefaultValue() 
+controlP5.Controller : float getMax() 
+controlP5.Controller : float getMin() 
+controlP5.Controller : float getValue() 
+controlP5.Controller : float[] getArrayValue() 
+controlP5.Controller : int getDecimalPrecision() 
+controlP5.Controller : int getHeight() 
+controlP5.Controller : int getId() 
+controlP5.Controller : int getWidth() 
+controlP5.Controller : int listenerSize() 
+controlP5.Controller : void remove() 
+controlP5.Controller : void setView(ControllerView, int) 
+java.lang.Object : String toString() 
+java.lang.Object : boolean equals(Object) 
+
+
+*/
+
+
+
diff --git a/examples/controllers/ControlP5listBox/ControlP5listBox.pde b/examples/controllers/ControlP5listBox/ControlP5listBox.pde
new file mode 100644
index 0000000..d89994c
--- /dev/null
+++ b/examples/controllers/ControlP5listBox/ControlP5listBox.pde
@@ -0,0 +1,266 @@
+/**
+* ControlP5 ListBox
+*
+* find a list of public methods available for the ListBox Controller
+* at the bottom of this sketch.
+* use the scrollwheel, up or down cursors to scroll through 
+* a listbox when hovering with the mouse.
+*
+* DEPRECATED, use ScrollableList instead.
+*
+* by Andreas Schlegel, 2012
+* www.sojamo.de/libraries/controlp5
+*
+*/
+
+
+import controlP5.*;
+
+ControlP5 cp5;
+
+ListBox l;
+
+int cnt = 0;
+
+void setup() {
+  
+  size(700, 400);
+  cp5 = new ControlP5(this);
+  
+  // ListBox is DEPRECATED, 
+  // use ScrollableList instead, 
+  // see example ControlP5scrollableList
+  
+  
+  
+  
+  
+  
+  
+  
+  
+  
+  
+  
+  
+  
+  
+  
+  l = cp5.addListBox("myList")
+         .setPosition(100, 100)
+         .setSize(120, 120)
+         .setItemHeight(15)
+         .setBarHeight(15)
+         .setColorBackground(color(255, 128))
+         .setColorActive(color(0))
+         .setColorForeground(color(255, 100,0))
+         ;
+
+  l.getCaptionLabel().toUpperCase(true);
+  l.getCaptionLabel().set("A Listbox");
+  l.getCaptionLabel().setColor(0xffff0000);
+  l.getCaptionLabel().style().marginTop = 3;
+  l.getValueLabel().style().marginTop = 3;
+  
+  for (int i=0;i<80;i++) {
+    ListBoxItem lbi = l.addItem("item "+i, i);
+    lbi.setColorBackground(0xffff0000);
+  }
+  
+}
+
+void keyPressed() {
+  if (key=='0') {
+    // will activate the listbox item with value 5
+    l.setValue(5);
+  }
+  if (key=='1') {
+    // set the height of a listBox should always be a multiple of itemHeight
+    l.setHeight(210);
+  } 
+  else if (key=='2') {
+    // set the height of a listBox should always be a multiple of itemHeight
+    l.setHeight(120);
+  } 
+  else if (key=='3') {
+    // set the width of a listBox
+    l.setWidth(200);
+  }
+  else if (key=='i') {
+    // set the height of a listBoxItem, should always be a fraction of the listBox
+    l.setItemHeight(30);
+  } 
+  else if (key=='u') {
+    // set the height of a listBoxItem, should always be a fraction of the listBox
+    l.setItemHeight(10);
+    l.setBackgroundColor(color(100, 0, 0));
+  } 
+  else if (key=='a') {
+    int n = (int)(random(100000));
+    l.addItem("item "+n, n);
+  } 
+  else if (key=='d') {
+    l.removeItem("item "+cnt);
+    cnt++;
+  } else if (key=='c') {
+    l.clear();
+  }
+}
+
+void controlEvent(ControlEvent theEvent) {
+  // ListBox is if type ControlGroup.
+  // 1 controlEvent will be executed, where the event
+  // originates from a ControlGroup. therefore
+  // you need to check the Event with
+  // if (theEvent.isGroup())
+  // to avoid an error message from controlP5.
+
+  if (theEvent.isGroup()) {
+    // an event from a group e.g. scrollList
+    println(theEvent.getGroup().getValue()+" from "+theEvent.getGroup());
+  }
+  
+  if(theEvent.isGroup() && theEvent.getName().equals("myList")){
+    int test = (int)theEvent.getGroup().getValue();
+    println("test "+test);
+}
+}
+
+void draw() {
+  background(128);
+  // scroll the scroll List according to the mouseX position
+  // when holding down SPACE.
+  if (keyPressed && key==' ') {
+    //l.scroll(mouseX/((float)width)); // scroll taks values between 0 and 1
+  }
+  if (keyPressed && key==' ') {
+    l.setWidth(mouseX);
+  }
+}
+
+
+
+/*
+a list of all methods available for the ListBox Controller
+use ControlP5.printPublicMethodsFor(ListBox.class);
+to print the following list into the console.
+
+You can find further details about class ListBox in the javadoc.
+
+Format:
+ClassName : returnType methodName(parameter type)
+
+
+controlP5.ControlGroup : ControlGroup activateEvent(boolean) 
+controlP5.ControlGroup : ControlGroup addListener(ControlListener) 
+controlP5.ControlGroup : ControlGroup hideBar() 
+controlP5.ControlGroup : ControlGroup removeListener(ControlListener) 
+controlP5.ControlGroup : ControlGroup setBackgroundColor(int) 
+controlP5.ControlGroup : ControlGroup setBackgroundHeight(int) 
+controlP5.ControlGroup : ControlGroup setBarHeight(int) 
+controlP5.ControlGroup : ControlGroup showBar() 
+controlP5.ControlGroup : ControllerGroup updateInternalEvents(PApplet) 
+controlP5.ControlGroup : String info() 
+controlP5.ControlGroup : String toString() 
+controlP5.ControlGroup : boolean isBarVisible() 
+controlP5.ControlGroup : int getBackgroundHeight() 
+controlP5.ControlGroup : int getBarHeight() 
+controlP5.ControlGroup : int listenerSize() 
+controlP5.ControllerGroup : CColor getColor() 
+controlP5.ControllerGroup : ControlWindow getWindow() 
+controlP5.ControllerGroup : ControlWindowCanvas addCanvas(ControlWindowCanvas) 
+controlP5.ControllerGroup : Controller getController(String) 
+controlP5.ControllerGroup : ControllerGroup add(ControllerInterface) 
+controlP5.ControllerGroup : ControllerGroup close() 
+controlP5.ControllerGroup : ControllerGroup disableCollapse() 
+controlP5.ControllerGroup : ControllerGroup enableCollapse() 
+controlP5.ControllerGroup : ControllerGroup hide() 
+controlP5.ControllerGroup : ControllerGroup moveTo(ControlWindow) 
+controlP5.ControllerGroup : ControllerGroup open() 
+controlP5.ControllerGroup : ControllerGroup registerProperty(String) 
+controlP5.ControllerGroup : ControllerGroup registerProperty(String, String) 
+controlP5.ControllerGroup : ControllerGroup remove(CDrawable) 
+controlP5.ControllerGroup : ControllerGroup remove(ControllerInterface) 
+controlP5.ControllerGroup : ControllerGroup removeCanvas(ControlWindowCanvas) 
+controlP5.ControllerGroup : ControllerGroup removeProperty(String) 
+controlP5.ControllerGroup : ControllerGroup removeProperty(String, String) 
+controlP5.ControllerGroup : ControllerGroup setAddress(String) 
+controlP5.ControllerGroup : ControllerGroup setArrayValue(float[]) 
+controlP5.ControllerGroup : ControllerGroup setColor(CColor) 
+controlP5.ControllerGroup : ControllerGroup setColorActive(int) 
+controlP5.ControllerGroup : ControllerGroup setColorBackground(int) 
+controlP5.ControllerGroup : ControllerGroup setColorForeground(int) 
+controlP5.ControllerGroup : ControllerGroup setColorLabel(int) 
+controlP5.ControllerGroup : ControllerGroup setColorValue(int) 
+controlP5.ControllerGroup : ControllerGroup setHeight(int) 
+controlP5.ControllerGroup : ControllerGroup setId(int) 
+controlP5.ControllerGroup : ControllerGroup setLabel(String) 
+controlP5.ControllerGroup : ControllerGroup setMoveable(boolean) 
+controlP5.ControllerGroup : ControllerGroup setOpen(boolean) 
+controlP5.ControllerGroup : ControllerGroup setPosition(PVector) 
+controlP5.ControllerGroup : ControllerGroup setPosition(float, float) 
+controlP5.ControllerGroup : ControllerGroup setStringValue(String) 
+controlP5.ControllerGroup : ControllerGroup setUpdate(boolean) 
+controlP5.ControllerGroup : ControllerGroup setValue(float) 
+controlP5.ControllerGroup : ControllerGroup setVisible(boolean) 
+controlP5.ControllerGroup : ControllerGroup setWidth(int) 
+controlP5.ControllerGroup : ControllerGroup show() 
+controlP5.ControllerGroup : ControllerGroup update() 
+controlP5.ControllerGroup : ControllerGroup updateAbsolutePosition() 
+controlP5.ControllerGroup : ControllerProperty getProperty(String) 
+controlP5.ControllerGroup : ControllerProperty getProperty(String, String) 
+controlP5.ControllerGroup : Label captionLabel() 
+controlP5.ControllerGroup : Label valueLabel() 
+controlP5.ControllerGroup : PVector getPosition() 
+controlP5.ControllerGroup : String getAddress() 
+controlP5.ControllerGroup : String getName() 
+controlP5.ControllerGroup : String getStringValue() 
+controlP5.ControllerGroup : String info() 
+controlP5.ControllerGroup : String toString() 
+controlP5.ControllerGroup : Tab getTab() 
+controlP5.ControllerGroup : boolean isCollapse() 
+controlP5.ControllerGroup : boolean isMouseOver() 
+controlP5.ControllerGroup : boolean isMoveable() 
+controlP5.ControllerGroup : boolean isOpen() 
+controlP5.ControllerGroup : boolean isUpdate() 
+controlP5.ControllerGroup : boolean isVisible() 
+controlP5.ControllerGroup : boolean setMousePressed(boolean) 
+controlP5.ControllerGroup : float getValue() 
+controlP5.ControllerGroup : float[] getArrayValue() 
+controlP5.ControllerGroup : int getHeight() 
+controlP5.ControllerGroup : int getId() 
+controlP5.ControllerGroup : int getWidth() 
+controlP5.ControllerGroup : void remove() 
+controlP5.ListBox : ListBox actAsPulldownMenu(boolean) 
+controlP5.ListBox : ListBox addItems(List) 
+controlP5.ListBox : ListBox addItems(List, int) 
+controlP5.ListBox : ListBox addItems(String[]) 
+controlP5.ListBox : ListBox clear() 
+controlP5.ListBox : ListBox hideScrollbar() 
+controlP5.ListBox : ListBox removeItem(String) 
+controlP5.ListBox : ListBox scroll(float) 
+controlP5.ListBox : ListBox setColorActive(int) 
+controlP5.ListBox : ListBox setColorBackground(int) 
+controlP5.ListBox : ListBox setColorForeground(int) 
+controlP5.ListBox : ListBox setColorLabel(int) 
+controlP5.ListBox : ListBox setHeight(int) 
+controlP5.ListBox : ListBox setItemHeight(int) 
+controlP5.ListBox : ListBox setListBoxItems(String[][]) 
+controlP5.ListBox : ListBox setWidth(int) 
+controlP5.ListBox : ListBox showScrollbar() 
+controlP5.ListBox : ListBox toUpperCase(boolean) 
+controlP5.ListBox : ListBoxItem addItem(String, int) 
+controlP5.ListBox : ListBoxItem getItem(Controller) 
+controlP5.ListBox : ListBoxItem getItem(String) 
+controlP5.ListBox : ListBoxItem getItem(int) 
+controlP5.ListBox : String[][] getListBoxItems() 
+controlP5.ListBox : boolean isScrollbarVisible() 
+java.lang.Object : String toString() 
+java.lang.Object : String toString() 
+java.lang.Object : boolean equals(Object) 
+
+
+*/
+
+
+
diff --git a/examples/controllers/ControlP5matrix/ControlP5matrix.pde b/examples/controllers/ControlP5matrix/ControlP5matrix.pde
new file mode 100644
index 0000000..7af6b17
--- /dev/null
+++ b/examples/controllers/ControlP5matrix/ControlP5matrix.pde
@@ -0,0 +1,268 @@
+/**
+ * ControlP5 Matrix
+ *
+ * A matrix can be used for example as a sequencer, a drum machine.
+ *
+ * find a list of public methods available for the Matrix Controller
+ * at the bottom of this sketch.
+ *
+ * by Andreas Schlegel, 2012
+ * www.sojamo.de/libraries/controlp5
+ *
+ */
+
+import controlP5.*;
+
+ControlP5 cp5;
+
+Dong[][] d;
+int nx = 10;
+int ny = 10;
+
+void setup() {
+  size(700, 400);
+
+  cp5 = new ControlP5(this);
+
+  cp5.addMatrix("myMatrix")
+     .setPosition(50, 100)
+     .setSize(200, 200)
+     .setGrid(nx, ny)
+     .setGap(10, 1)
+     .setInterval(200)
+     .setMode(ControlP5.MULTIPLES)
+     .setColorBackground(color(120))
+     .setBackground(color(40))
+     ;
+  
+  cp5.getController("myMatrix").getCaptionLabel().alignX(CENTER);
+  
+  // use setMode to change the cell-activation which by 
+  // default is ControlP5.SINGLE_ROW, 1 active cell per row, 
+  // but can be changed to ControlP5.SINGLE_COLUMN or 
+  // ControlP5.MULTIPLES
+
+    d = new Dong[nx][ny];
+  for (int x = 0;x<nx;x++) {
+    for (int y = 0;y<ny;y++) {
+      d[x][y] = new Dong();
+    }
+  }  
+  noStroke();
+  smooth();
+}
+
+
+void draw() {
+  background(0);
+  fill(255, 100);
+  pushMatrix();
+  translate(width/2 + 150, height/2);
+  rotate(frameCount*0.001);
+  for (int x = 0;x<nx;x++) {
+    for (int y = 0;y<ny;y++) {
+      d[x][y].display();
+    }
+  }
+  popMatrix();
+}
+
+
+void myMatrix(int theX, int theY) {
+  println("got it: "+theX+", "+theY);
+  d[theX][theY].update();
+}
+
+
+void keyPressed() {
+  if (key=='1') {
+    cp5.get(Matrix.class, "myMatrix").set(0, 0, true);
+  } 
+  else if (key=='2') {
+    cp5.get(Matrix.class, "myMatrix").set(0, 1, true);
+  }  
+  else if (key=='3') {
+    cp5.get(Matrix.class, "myMatrix").trigger(0);
+  }
+  else if (key=='p') {
+    if (cp5.get(Matrix.class, "myMatrix").isPlaying()) {
+      cp5.get(Matrix.class, "myMatrix").pause();
+    } 
+    else {
+      cp5.get(Matrix.class, "myMatrix").play();
+    }
+  }  
+  else if (key=='0') {
+    cp5.get(Matrix.class, "myMatrix").clear();
+  }
+}
+
+void controlEvent(ControlEvent theEvent) {
+}
+
+
+class Dong {
+  float x, y;
+  float s0, s1;
+
+  Dong() {
+    float f= random(-PI, PI);
+    x = cos(f)*random(100, 150);
+    y = sin(f)*random(100, 150);
+    s0 = random(2, 10);
+  }
+
+  void display() {
+    s1 += (s0-s1)*0.1;
+    ellipse(x, y, s1, s1);
+  }
+
+  void update() {
+    s1 = 50;
+  }
+}
+
+
+
+/*
+a list of all methods available for the Matrix Controller
+ use ControlP5.printPublicMethodsFor(Matrix.class);
+ to print the following list into the console.
+ 
+ You can find further details about class Matrix in the javadoc.
+ 
+ Format:
+ ClassName : returnType methodName(parameter type)
+ 
+ controlP5.Matrix : Matrix clear()
+ controlP5.Matrix : Matrix isPlaying() 
+ controlP5.Matrix : Matrix pause() 
+ controlP5.Matrix : Matrix play() 
+ controlP5.Matrix : Matrix plugTo(Object) 
+ controlP5.Matrix : Matrix plugTo(Object, String) 
+ controlP5.Matrix : Matrix set(int, int, boolean) 
+ controlP5.Matrix : Matrix setCells(int[][]) 
+ controlP5.Matrix : Matrix setGap(int, int) 
+ controlP5.Matrix : Matrix setGrid(int, int) 
+ controlP5.Matrix : Matrix setInterval(int) 
+ controlP5.Matrix : Matrix setMode(int) 
+ controlP5.Matrix : Matrix setValue(float) 
+ controlP5.Matrix : Matrix stop()
+ controlP5.Matrix : Matrix trigger(int) 
+ controlP5.Matrix : Matrix update() 
+ controlP5.Matrix : boolean get(int, int) 
+ controlP5.Matrix : int getInterval() 
+ controlP5.Matrix : int getMode() 
+ controlP5.Matrix : int[][] getCells() 
+ controlP5.Matrix : void remove() 
+ controlP5.Controller : CColor getColor() 
+ controlP5.Controller : ControlBehavior getBehavior() 
+ controlP5.Controller : ControlWindow getControlWindow() 
+ controlP5.Controller : ControlWindow getWindow() 
+ controlP5.Controller : ControllerProperty getProperty(String) 
+ controlP5.Controller : ControllerProperty getProperty(String, String) 
+ controlP5.Controller : Label getCaptionLabel() 
+ controlP5.Controller : Label getValueLabel() 
+ controlP5.Controller : List getControllerPlugList() 
+ controlP5.Controller : Matrix addCallback(CallbackListener) 
+ controlP5.Controller : Matrix addListener(ControlListener) 
+ controlP5.Controller : Matrix align(int, int, int, int) 
+ controlP5.Controller : Matrix bringToFront() 
+ controlP5.Controller : Matrix bringToFront(ControllerInterface) 
+ controlP5.Controller : Matrix hide() 
+ controlP5.Controller : Matrix linebreak() 
+ controlP5.Controller : Matrix listen(boolean) 
+ controlP5.Controller : Matrix lock() 
+ controlP5.Controller : Matrix plugTo(Object) 
+ controlP5.Controller : Matrix plugTo(Object, String) 
+ controlP5.Controller : Matrix plugTo(Object[]) 
+ controlP5.Controller : Matrix plugTo(Object[], String) 
+ controlP5.Controller : Matrix registerProperty(String) 
+ controlP5.Controller : Matrix registerProperty(String, String) 
+ controlP5.Controller : Matrix registerTooltip(String) 
+ controlP5.Controller : Matrix removeBehavior() 
+ controlP5.Controller : Matrix removeCallback() 
+ controlP5.Controller : Matrix removeCallback(CallbackListener) 
+ controlP5.Controller : Matrix removeListener(ControlListener) 
+ controlP5.Controller : Matrix removeProperty(String) 
+ controlP5.Controller : Matrix removeProperty(String, String) 
+ controlP5.Controller : Matrix setArrayValue(float[]) 
+ controlP5.Controller : Matrix setArrayValue(int, float) 
+ controlP5.Controller : Matrix setBehavior(ControlBehavior) 
+ controlP5.Controller : Matrix setBroadcast(boolean) 
+ controlP5.Controller : Matrix setCaptionLabel(String) 
+ controlP5.Controller : Matrix setColor(CColor) 
+ controlP5.Controller : Matrix setColorActive(int) 
+ controlP5.Controller : Matrix setColorBackground(int) 
+ controlP5.Controller : Matrix setColorCaptionLabel(int) 
+ controlP5.Controller : Matrix setColorForeground(int) 
+ controlP5.Controller : Matrix setColorValueLabel(int) 
+ controlP5.Controller : Matrix setDecimalPrecision(int) 
+ controlP5.Controller : Matrix setDefaultValue(float) 
+ controlP5.Controller : Matrix setHeight(int) 
+ controlP5.Controller : Matrix setId(int) 
+ controlP5.Controller : Matrix setImage(PImage) 
+ controlP5.Controller : Matrix setImage(PImage, int) 
+ controlP5.Controller : Matrix setImages(PImage, PImage, PImage) 
+ controlP5.Controller : Matrix setImages(PImage, PImage, PImage, PImage) 
+ controlP5.Controller : Matrix setLabelVisible(boolean) 
+ controlP5.Controller : Matrix setLock(boolean) 
+ controlP5.Controller : Matrix setMax(float) 
+ controlP5.Controller : Matrix setMin(float) 
+ controlP5.Controller : Matrix setMouseOver(boolean) 
+ controlP5.Controller : Matrix setMoveable(boolean) 
+ controlP5.Controller : Matrix setPosition(PVector) 
+ controlP5.Controller : Matrix setPosition(float, float) 
+ controlP5.Controller : Matrix setSize(PImage) 
+ controlP5.Controller : Matrix setSize(int, int) 
+ controlP5.Controller : Matrix setStringValue(String) 
+ controlP5.Controller : Matrix setUpdate(boolean) 
+ controlP5.Controller : Matrix setValue(float) 
+ controlP5.Controller : Matrix setValueLabel(String) 
+ controlP5.Controller : Matrix setView(ControllerView) 
+ controlP5.Controller : Matrix setVisible(boolean) 
+ controlP5.Controller : Matrix setWidth(int) 
+ controlP5.Controller : Matrix show() 
+ controlP5.Controller : Matrix unlock() 
+ controlP5.Controller : Matrix unplugFrom(Object) 
+ controlP5.Controller : Matrix unplugFrom(Object[]) 
+ controlP5.Controller : Matrix unregisterTooltip() 
+ controlP5.Controller : Matrix update() 
+ controlP5.Controller : Matrix updateSize() 
+ controlP5.Controller : PVector getAbsolutePosition() 
+ controlP5.Controller : PVector getPosition() 
+ controlP5.Controller : String getAddress() 
+ controlP5.Controller : String getInfo() 
+ controlP5.Controller : String getName() 
+ controlP5.Controller : String getStringValue() 
+ controlP5.Controller : String toString() 
+ controlP5.Controller : Tab getTab() 
+ controlP5.Controller : boolean isActive() 
+ controlP5.Controller : boolean isBroadcast() 
+ controlP5.Controller : boolean isInside() 
+ controlP5.Controller : boolean isLabelVisible() 
+ controlP5.Controller : boolean isListening() 
+ controlP5.Controller : boolean isLock() 
+ controlP5.Controller : boolean isMouseOver() 
+ controlP5.Controller : boolean isMousePressed() 
+ controlP5.Controller : boolean isMoveable() 
+ controlP5.Controller : boolean isUpdate() 
+ controlP5.Controller : boolean isVisible() 
+ controlP5.Controller : float getArrayValue(int) 
+ controlP5.Controller : float getDefaultValue() 
+ controlP5.Controller : float getMax() 
+ controlP5.Controller : float getMin() 
+ controlP5.Controller : float getValue() 
+ controlP5.Controller : float[] getArrayValue() 
+ controlP5.Controller : int getDecimalPrecision() 
+ controlP5.Controller : int getHeight() 
+ controlP5.Controller : int getId() 
+ controlP5.Controller : int getWidth() 
+ controlP5.Controller : int listenerSize() 
+ controlP5.Controller : void remove() 
+ controlP5.Controller : void setView(ControllerView, int) 
+ java.lang.Object : String toString() 
+ java.lang.Object : boolean equals(Object) 
+ 
+ 
+ */
diff --git a/examples/controllers/ControlP5multilist/ControlP5multiList.pde b/examples/controllers/ControlP5multilist/ControlP5multiList.pde
new file mode 100644
index 0000000..8b923f0
--- /dev/null
+++ b/examples/controllers/ControlP5multilist/ControlP5multiList.pde
@@ -0,0 +1,101 @@
+/**
+ * ControlP5 MultiList
+ * by andreas schlegel, 2009
+ *
+ * broken with version 2.2.1+
+ */
+
+import controlP5.*;
+
+ControlP5 controlP5;
+MultiList l;
+
+void setup() {
+  size(700,400);
+  frameRate(30);
+  controlP5 = new ControlP5(this);
+  
+  // sorry, MultiList is currently broken.
+  
+  
+  
+  
+  
+  
+  
+  
+  
+  
+  
+  
+  
+  
+  
+  
+  // add a multiList to controlP5.
+  // elements of the list have default dimensions
+  // here, a width of 100 and a height of 12
+  l = controlP5.addMultiList("myList",20,20,100,12);
+  
+  // create a multiListButton which we will use to
+  // add new buttons to the multilist
+  MultiListButton b;
+  b = l.add("level1",1);
+  
+  // add items to a sublist of button "level1"
+  b.add("level11",11).setLabel("level1 item1");
+  b.add("level12",12).setLabel("level1 item2");
+
+  b = l.add("level2",2);
+  
+  int cnt = 100;
+  
+  // add some more sublists.
+  for(int i=0;i<10;i++) {
+    MultiListButton c = b.add("level2"+(i+1),20+i+1);
+    c.setLabel("level2 item"+(i+1));
+    c.setColorBackground(color(64 + 18*i,0,0));
+    
+    if(i==4) {
+    // changing the width and the height of a button
+    // will be inherited by its sublists.
+    c.setWidth(100);
+    c.setHeight(20);
+    }
+    cnt++;
+    
+    if(i==4) {
+      for(int j=0;j<10;j++) {
+        cnt++;
+        MultiListButton d;
+        d = c.add("level2"+i+""+j,250+j+1);
+        d.setLabel("level2 item"+(i+1)+" "+"item"+(j+1));
+        d.setColorBackground(color(64 + 18*j,(64 + 18*j)/2,0));
+        d.setId(cnt);
+        d.setWidth(200);
+      }
+    }
+  }
+  
+  MultiListButton cc = (MultiListButton)controlP5.getController("level21");
+  cc.setHeight(40);
+}
+
+
+void controlEvent(ControlEvent theEvent) {
+  println(theEvent.getController().getName()+" = "+theEvent.value());  
+  // uncomment the line below to remove a multilist item when clicked.
+  // theEvent.controller().remove();
+}
+
+
+void draw() {
+  background(0);
+}
+
+void keyPressed() {
+  if(controlP5.getController("level23")!=null) {
+    println("removing multilist button level23.");
+    controlP5.getController("level23").remove();
+  }
+}
diff --git a/examples/controllers/ControlP5numberbox/ControlP5numberbox.pde b/examples/controllers/ControlP5numberbox/ControlP5numberbox.pde
new file mode 100644
index 0000000..7dab36b
--- /dev/null
+++ b/examples/controllers/ControlP5numberbox/ControlP5numberbox.pde
@@ -0,0 +1,188 @@
+/**
+* ControlP5 Numberbox
+*
+*
+* find a list of public methods available for the Numberbox Controller
+* at the bottom of this sketch.
+*
+* by Andreas Schlegel, 2012
+* www.sojamo.de/libraries/controlp5
+*
+*/
+
+import controlP5.*;
+
+ControlP5 cp5;
+
+int myColorBackground = color(0,0,0);
+
+public float numberboxValue = 100;
+
+void setup() {
+  size(700,400);
+  noStroke();
+  cp5 = new ControlP5(this);
+  
+  cp5.addNumberbox("numberbox")
+     .setPosition(100,160)
+     .setSize(100,14)
+     .setScrollSensitivity(1.1)
+     .setValue(50)
+     ;
+  
+
+  cp5.addNumberbox("numberboxValue")
+     .setPosition(100,200)
+     .setSize(100,14)
+     .setRange(0,200)
+     .setMultiplier(0.1) // set the sensitifity of the numberbox
+     .setDirection(Controller.HORIZONTAL) // change the control direction to left/right
+     .setValue(100)
+     ;
+  
+}
+
+void draw() {
+  background(myColorBackground);
+  fill(numberboxValue);
+  rect(0,0,width,100);
+}
+
+void numberbox(int theColor) {
+  myColorBackground = color(theColor);
+  println("a numberbox event. setting background to "+theColor);
+}
+
+
+
+/*
+a list of all methods available for the Numberbox Controller
+use ControlP5.printPublicMethodsFor(Numberbox.class);
+to print the following list into the console.
+
+You can find further details about class Numberbox in the javadoc.
+
+Format:
+ClassName : returnType methodName(parameter type)
+
+controlP5.Numberbox : Numberbox linebreak() 
+controlP5.Numberbox : Numberbox setDirection(int) 
+controlP5.Numberbox : Numberbox setMultiplier(float) 
+controlP5.Numberbox : Numberbox setRange(float, float) 
+controlP5.Numberbox : Numberbox setScrollSensitivity(float) 
+controlP5.Numberbox : Numberbox setValue(float) 
+controlP5.Numberbox : Numberbox shuffle() 
+controlP5.Numberbox : Numberbox update() 
+controlP5.Numberbox : float getMultiplier() 
+controlP5.Controller : CColor getColor() 
+controlP5.Controller : ControlBehavior getBehavior() 
+controlP5.Controller : ControlWindow getControlWindow() 
+controlP5.Controller : ControlWindow getWindow() 
+controlP5.Controller : ControllerProperty getProperty(String) 
+controlP5.Controller : ControllerProperty getProperty(String, String) 
+controlP5.Controller : Label getCaptionLabel() 
+controlP5.Controller : Label getValueLabel() 
+controlP5.Controller : List getControllerPlugList() 
+controlP5.Controller : Numberbox addCallback(CallbackListener) 
+controlP5.Controller : Numberbox addListener(ControlListener) 
+controlP5.Controller : Numberbox bringToFront() 
+controlP5.Controller : Numberbox bringToFront(ControllerInterface) 
+controlP5.Controller : Numberbox hide() 
+controlP5.Controller : Numberbox linebreak() 
+controlP5.Controller : Numberbox listen(boolean) 
+controlP5.Controller : Numberbox lock() 
+controlP5.Controller : Numberbox plugTo(Object) 
+controlP5.Controller : Numberbox plugTo(Object, String) 
+controlP5.Controller : Numberbox plugTo(Object[]) 
+controlP5.Controller : Numberbox plugTo(Object[], String) 
+controlP5.Controller : Numberbox registerProperty(String) 
+controlP5.Controller : Numberbox registerProperty(String, String) 
+controlP5.Controller : Numberbox registerTooltip(String) 
+controlP5.Controller : Numberbox removeBehavior() 
+controlP5.Controller : Numberbox removeCallback() 
+controlP5.Controller : Numberbox removeCallback(CallbackListener) 
+controlP5.Controller : Numberbox removeListener(ControlListener) 
+controlP5.Controller : Numberbox removeProperty(String) 
+controlP5.Controller : Numberbox removeProperty(String, String) 
+controlP5.Controller : Numberbox setArrayValue(float[]) 
+controlP5.Controller : Numberbox setArrayValue(int, float) 
+controlP5.Controller : Numberbox setBehavior(ControlBehavior) 
+controlP5.Controller : Numberbox setBroadcast(boolean) 
+controlP5.Controller : Numberbox setCaptionLabel(String) 
+controlP5.Controller : Numberbox setColor(CColor) 
+controlP5.Controller : Numberbox setColorActive(int) 
+controlP5.Controller : Numberbox setColorBackground(int) 
+controlP5.Controller : Numberbox setColorCaptionLabel(int) 
+controlP5.Controller : Numberbox setColorForeground(int) 
+controlP5.Controller : Numberbox setColorValueLabel(int) 
+controlP5.Controller : Numberbox setDecimalPrecision(int) 
+controlP5.Controller : Numberbox setDefaultValue(float) 
+controlP5.Controller : Numberbox setHeight(int) 
+controlP5.Controller : Numberbox setId(int) 
+controlP5.Controller : Numberbox setImages(PImage, PImage, PImage) 
+controlP5.Controller : Numberbox setImages(PImage, PImage, PImage, PImage) 
+controlP5.Controller : Numberbox setLabelVisible(boolean) 
+controlP5.Controller : Numberbox setLock(boolean) 
+controlP5.Controller : Numberbox setMax(float) 
+controlP5.Controller : Numberbox setMin(float) 
+controlP5.Controller : Numberbox setMouseOver(boolean) 
+controlP5.Controller : Numberbox setMoveable(boolean) 
+controlP5.Controller : Numberbox setPosition(PVector) 
+controlP5.Controller : Numberbox setPosition(float, float) 
+controlP5.Controller : Numberbox setSize(PImage) 
+controlP5.Controller : Numberbox setSize(int, int) 
+controlP5.Controller : Numberbox setStringValue(String) 
+controlP5.Controller : Numberbox setUpdate(boolean) 
+controlP5.Controller : Numberbox setValueLabel(String) 
+controlP5.Controller : Numberbox setView(ControllerView) 
+controlP5.Controller : Numberbox setVisible(boolean) 
+controlP5.Controller : Numberbox setWidth(int) 
+controlP5.Controller : Numberbox show() 
+controlP5.Controller : Numberbox unlock() 
+controlP5.Controller : Numberbox unplugFrom(Object) 
+controlP5.Controller : Numberbox unplugFrom(Object[]) 
+controlP5.Controller : Numberbox unregisterTooltip() 
+controlP5.Controller : Numberbox update() 
+controlP5.Controller : Numberbox updateSize() 
+controlP5.Controller : PImage setImage(PImage) 
+controlP5.Controller : PImage setImage(PImage, int) 
+controlP5.Controller : PVector getAbsolutePosition() 
+controlP5.Controller : PVector getPosition() 
+controlP5.Controller : String getAddress() 
+controlP5.Controller : String getInfo() 
+controlP5.Controller : String getName() 
+controlP5.Controller : String getStringValue() 
+controlP5.Controller : String toString() 
+controlP5.Controller : Tab getTab() 
+controlP5.Controller : boolean isActive() 
+controlP5.Controller : boolean isBroadcast() 
+controlP5.Controller : boolean isInside() 
+controlP5.Controller : boolean isLabelVisible() 
+controlP5.Controller : boolean isListening() 
+controlP5.Controller : boolean isLock() 
+controlP5.Controller : boolean isMouseOver() 
+controlP5.Controller : boolean isMousePressed() 
+controlP5.Controller : boolean isMoveable() 
+controlP5.Controller : boolean isUpdate() 
+controlP5.Controller : boolean isVisible() 
+controlP5.Controller : float getArrayValue(int) 
+controlP5.Controller : float getDefaultValue() 
+controlP5.Controller : float getMax() 
+controlP5.Controller : float getMin() 
+controlP5.Controller : float getValue() 
+controlP5.Controller : float[] getArrayValue() 
+controlP5.Controller : int getDecimalPrecision() 
+controlP5.Controller : int getHeight() 
+controlP5.Controller : int getId() 
+controlP5.Controller : int getWidth() 
+controlP5.Controller : int listenerSize() 
+controlP5.Controller : void remove() 
+controlP5.Controller : void setView(ControllerView, int)   
+java.lang.Object : String toString() 
+java.lang.Object : boolean equals(Object) 
+
+
+*/
+
+
+
diff --git a/examples/controllers/ControlP5properties/ControlP5properties.pde b/examples/controllers/ControlP5properties/ControlP5properties.pde
new file mode 100644
index 0000000..0154273
--- /dev/null
+++ b/examples/controllers/ControlP5properties/ControlP5properties.pde
@@ -0,0 +1,163 @@
+/**
+ * ControlP5 Properties 
+ *
+ *
+ * saves controller values to a properties-file
+ * loads controller values from a properties-file
+ *
+ * Properties will only save values not the Controller itself.
+ * 
+ * Also take a look at the use/ControlP5snapshot example to 
+ * save controller values to memory.
+ *
+ * Use ControllerProperties to load and save serialized controller properties 
+ * to a properties file. 
+ * The controllers implementing save/load properties so far are 
+ * Slider, Knob, Numberbox, Toggle, Checkbox, RadioButton, Textlabel, 
+ * Matrix, Range, Textarea, ListBox, Dropdown, ColorPicker. 
+ * Properties are currently saved in the java serialization format.
+ *
+ * saveProperties(String theFilename) and loadProperties(String theFilename) 
+ * by default properties will be saved to your sketch folder as controlP5.ser
+ * if that file already exists it will be overwritten. for custom property files
+ * see the comments inside keyPressed() below.
+ *
+ * find a list of public methods available for the ControllerProperties class 
+ * at the bottom of this sketch's source code
+ *
+ * default properties load/save key combinations are 
+ * alt+shift+l to load properties
+ * alt+shift+s to save properties
+ *
+ * by andreas schlegel, 2012
+ * www.sojamo.de/libraries/controlp5
+ *
+ */
+
+import controlP5.*;
+
+ControlP5 cp5;
+public int myColor = color(0, 0, 0);
+
+public int sliderValue = 100;
+public int sliderTicks1 = 100;
+public int sliderTicks2 = 30;
+
+
+void setup() {
+  size(700, 400);
+  noStroke();
+  
+  cp5 = new ControlP5(this);
+  
+  cp5.addSlider("slider")
+     .setBroadcast(false)
+     .setRange(0, 200)
+     .setPosition(20, 100)
+     .setSize(10, 100)
+     .setBroadcast(true)
+     .setValue(100)
+     ;
+  
+  cp5.addSlider("sliderTicks1")
+     .setRange(0, 255)
+     .setPosition(100, 100)
+     .setSize(10, 100)
+     .setNumberOfTickMarks(5)
+     ;
+
+  cp5.addSlider("sliderValue")
+     .setRange(0, 255)
+     .setValue(128)
+     .setPosition(200, 180)
+     .setSize(100, 10)
+     ;
+     
+  cp5.addSlider("sliderTicks2")
+     .setRange(0, 255)
+     .setValue(128)
+     .setPosition(200, 220)
+     .setSize(100, 10)
+     .setNumberOfTickMarks(7)
+     .setSliderMode(Slider.FLEXIBLE)
+     ;
+     
+}
+
+void draw() {
+  background(sliderTicks1);
+
+  fill(sliderValue);
+  rect(0, 0, width, 100);
+
+  fill(myColor);
+  rect(0, 300, width, 70);
+
+  fill(sliderTicks2);
+  rect(0, 370, width, 30);
+}
+
+public void slider(float theColor) {
+  myColor = color(theColor);
+  println("a slider event. setting background to "+theColor);
+}
+
+void keyPressed() {
+  // default properties load/save key combinations are 
+  // alt+shift+l to load properties
+  // alt+shift+s to save properties
+  if (key=='1') {
+    cp5.saveProperties(("hello.properties"));
+  } 
+  else if (key=='2') {
+    cp5.loadProperties(("hello.properties"));
+  }
+}
+
+/*
+a list of all methods available for the ControllerProperties Controller
+use ControlP5.printPublicMethodsFor(ControllerProperties.class);
+to print the following list into the console.
+
+You can find further details about class ControllerProperties in the javadoc.
+
+Format:
+ClassName : returnType methodName(parameter type)
+
+
+controlP5.ControllerProperties : ArrayList getSnapshotIndices() 
+controlP5.ControllerProperties : ControllerProperties addSet(String) 
+controlP5.ControllerProperties : ControllerProperties delete(ControllerProperty) 
+controlP5.ControllerProperties : ControllerProperties getSnapshot(String) 
+controlP5.ControllerProperties : ControllerProperties move(ControllerInterface, String, String) 
+controlP5.ControllerProperties : ControllerProperties move(ControllerProperty, String, String) 
+controlP5.ControllerProperties : ControllerProperties only(ControllerProperty, String) 
+controlP5.ControllerProperties : ControllerProperties print() 
+controlP5.ControllerProperties : ControllerProperties register(ControllerInterface, String) 
+controlP5.ControllerProperties : ControllerProperties remove(ControllerInterface) 
+controlP5.ControllerProperties : ControllerProperties remove(ControllerInterface, String) 
+controlP5.ControllerProperties : ControllerProperties remove(ControllerInterface, String, String) 
+controlP5.ControllerProperties : ControllerProperties removeSnapshot(String) 
+controlP5.ControllerProperties : ControllerProperties saveSnapshot(String) 
+controlP5.ControllerProperties : ControllerProperties saveSnapshotAs(String, String) 
+controlP5.ControllerProperties : ControllerProperties setSnapshot(String) 
+controlP5.ControllerProperties : ControllerProperties updateSnapshot(String) 
+controlP5.ControllerProperties : ControllerProperty getProperty(ControllerInterface, String) 
+controlP5.ControllerProperties : ControllerProperty getProperty(ControllerInterface, String, String) 
+controlP5.ControllerProperties : ControllerProperty register(ControllerInterface, String, String) 
+controlP5.ControllerProperties : HashSet getPropertySet(ControllerInterface) 
+controlP5.ControllerProperties : List get(ControllerInterface) 
+controlP5.ControllerProperties : Map get() 
+controlP5.ControllerProperties : String toString() 
+controlP5.ControllerProperties : boolean load() 
+controlP5.ControllerProperties : boolean load(String) 
+controlP5.ControllerProperties : boolean save() 
+controlP5.ControllerProperties : boolean saveAs(String) 
+controlP5.ControllerProperties : void setFormat(Format) 
+java.lang.Object : String toString() 
+java.lang.Object : boolean equals(Object) 
+
+
+*/
+
+
diff --git a/examples/controllers/ControlP5properties/hello.properties.json b/examples/controllers/ControlP5properties/hello.properties.json
new file mode 100644
index 0000000..7e9611f
--- /dev/null
+++ b/examples/controllers/ControlP5properties/hello.properties.json
@@ -0,0 +1,22 @@
+{
+  "/sliderValue": {
+    "min": 0,
+    "max": 255,
+    "value": 128
+  },
+  "/slider": {
+    "min": 0,
+    "max": 200,
+    "value": 100
+  },
+  "/sliderTicks1": {
+    "min": 0,
+    "max": 255,
+    "value": 127.5
+  },
+  "/sliderTicks2": {
+    "min": 0,
+    "max": 255,
+    "value": 127.5
+  }
+}
\ No newline at end of file
diff --git a/examples/controllers/ControlP5radioButton/ControlP5radioButton.pde b/examples/controllers/ControlP5radioButton/ControlP5radioButton.pde
new file mode 100644
index 0000000..ffc342a
--- /dev/null
+++ b/examples/controllers/ControlP5radioButton/ControlP5radioButton.pde
@@ -0,0 +1,216 @@
+/**
+* ControlP5 RadioButton
+*
+*
+* find a list of public methods available for the RadioButton Controller
+* at the bottom of this sketch.
+*
+* by Andreas Schlegel, 2012
+* www.sojamo.de/libraries/controlp5
+*
+*/
+
+
+import controlP5.*;
+
+ControlP5 cp5;
+
+int myColorBackground = color(0,0,0);
+
+RadioButton r;
+
+void setup() {
+  size(700,400);
+  
+  cp5 = new ControlP5(this);
+  r = cp5.addRadioButton("radioButton")
+         .setPosition(20,160)
+         .setSize(40,20)
+         .setColorForeground(color(120))
+         .setColorActive(color(255))
+         .setColorLabel(color(255))
+         .setItemsPerRow(5)
+         .setSpacingColumn(50)
+         .addItem("50",1)
+         .addItem("100",2)
+         .addItem("150",3)
+         .addItem("200",4)
+         .addItem("250",5)
+         ;
+     
+     for(Toggle t:r.getItems()) {
+       t.getCaptionLabel().setColorBackground(color(255,80));
+       t.getCaptionLabel().style().moveMargin(-7,0,0,-3);
+       t.getCaptionLabel().style().movePadding(7,0,0,3);
+       t.getCaptionLabel().style().backgroundWidth = 45;
+       t.getCaptionLabel().style().backgroundHeight = 13;
+     }
+}
+
+
+void draw() {
+  background(myColorBackground);
+}
+
+
+void keyPressed() {
+  switch(key) {
+    case('0'): r.deactivateAll(); break;
+    case('1'): r.activate(0); break;
+    case('2'): r.activate(1); break;
+    case('3'): r.activate(2); break;
+    case('4'): r.activate(3); break;
+    case('5'): r.activate(4); break;
+  }
+  
+}
+
+void controlEvent(ControlEvent theEvent) {
+  if(theEvent.isFrom(r)) {
+    print("got an event from "+theEvent.getName()+"\t");
+    for(int i=0;i<theEvent.getGroup().getArrayValue().length;i++) {
+      print(int(theEvent.getGroup().getArrayValue()[i]));
+    }
+    println("\t "+theEvent.getValue());
+    myColorBackground = color(int(theEvent.getGroup().getValue()*50),0,0);
+  }
+}
+
+void radioButton(int a) {
+  println("a radio Button event: "+a);
+}
+
+/*
+a list of all methods available for the RadioButton Controller
+use ControlP5.printPublicMethodsFor(RadioButton.class);
+to print the following list into the console.
+
+You can find further details about class RadioButton in the javadoc.
+
+Format:
+ClassName : returnType methodName(parameter type)
+
+controlP5.RadioButton : List getItems() 
+controlP5.RadioButton : RadioButton activate(String) 
+controlP5.RadioButton : RadioButton activate(int) 
+controlP5.RadioButton : RadioButton addItem(String, float) 
+controlP5.RadioButton : RadioButton addItem(Toggle, float) 
+controlP5.RadioButton : RadioButton deactivate(String) 
+controlP5.RadioButton : RadioButton deactivate(int) 
+controlP5.RadioButton : RadioButton deactivateAll() 
+controlP5.RadioButton : RadioButton hideLabels() 
+controlP5.RadioButton : RadioButton removeItem(String) 
+controlP5.RadioButton : RadioButton setArrayValue(float[]) 
+controlP5.RadioButton : RadioButton setColorLabels(int) 
+controlP5.RadioButton : RadioButton setImage(PImage) 
+controlP5.RadioButton : RadioButton setImage(PImage, int) 
+controlP5.RadioButton : RadioButton setImages(PImage, PImage, PImage) 
+controlP5.RadioButton : RadioButton setItemHeight(int) 
+controlP5.RadioButton : RadioButton setItemWidth(int) 
+controlP5.RadioButton : RadioButton setItemsPerRow(int) 
+controlP5.RadioButton : RadioButton setNoneSelectedAllowed(boolean) 
+controlP5.RadioButton : RadioButton setSize(PImage) 
+controlP5.RadioButton : RadioButton setSize(int, int) 
+controlP5.RadioButton : RadioButton setSpacingColumn(int) 
+controlP5.RadioButton : RadioButton setSpacingRow(int) 
+controlP5.RadioButton : RadioButton showLabels() 
+controlP5.RadioButton : RadioButton toUpperCase(boolean) 
+controlP5.RadioButton : RadioButton toggle(int) 
+controlP5.RadioButton : String getInfo() 
+controlP5.RadioButton : Toggle getItem(int) 
+controlP5.RadioButton : boolean getState(String) 
+controlP5.RadioButton : boolean getState(int) 
+controlP5.RadioButton : void updateLayout() 
+controlP5.ControlGroup : RadioButton activateEvent(boolean) 
+controlP5.ControlGroup : RadioButton addListener(ControlListener) 
+controlP5.ControlGroup : RadioButton hideBar() 
+controlP5.ControlGroup : RadioButton removeListener(ControlListener) 
+controlP5.ControlGroup : RadioButton setBackgroundColor(int) 
+controlP5.ControlGroup : RadioButton setBackgroundHeight(int) 
+controlP5.ControlGroup : RadioButton setBarHeight(int) 
+controlP5.ControlGroup : RadioButton showBar() 
+controlP5.ControlGroup : RadioButton updateInternalEvents(PApplet) 
+controlP5.ControlGroup : String getInfo() 
+controlP5.ControlGroup : String toString() 
+controlP5.ControlGroup : boolean isBarVisible() 
+controlP5.ControlGroup : int getBackgroundHeight() 
+controlP5.ControlGroup : int getBarHeight() 
+controlP5.ControlGroup : int listenerSize() 
+controlP5.ControllerGroup : CColor getColor() 
+controlP5.ControllerGroup : ControlWindow getWindow() 
+controlP5.ControllerGroup : ControlWindowCanvas addCanvas(ControlWindowCanvas) 
+controlP5.ControllerGroup : Controller getController(String) 
+controlP5.ControllerGroup : ControllerProperty getProperty(String) 
+controlP5.ControllerGroup : ControllerProperty getProperty(String, String) 
+controlP5.ControllerGroup : Label getCaptionLabel() 
+controlP5.ControllerGroup : Label getValueLabel() 
+controlP5.ControllerGroup : PVector getPosition() 
+controlP5.ControllerGroup : RadioButton add(ControllerInterface) 
+controlP5.ControllerGroup : RadioButton bringToFront() 
+controlP5.ControllerGroup : RadioButton bringToFront(ControllerInterface) 
+controlP5.ControllerGroup : RadioButton close() 
+controlP5.ControllerGroup : RadioButton disableCollapse() 
+controlP5.ControllerGroup : RadioButton enableCollapse() 
+controlP5.ControllerGroup : RadioButton hide() 
+controlP5.ControllerGroup : RadioButton moveTo(ControlWindow) 
+controlP5.ControllerGroup : RadioButton moveTo(PApplet) 
+controlP5.ControllerGroup : RadioButton open() 
+controlP5.ControllerGroup : RadioButton registerProperty(String) 
+controlP5.ControllerGroup : RadioButton registerProperty(String, String) 
+controlP5.ControllerGroup : RadioButton remove(CDrawable) 
+controlP5.ControllerGroup : RadioButton remove(ControllerInterface) 
+controlP5.ControllerGroup : RadioButton removeCanvas(ControlWindowCanvas) 
+controlP5.ControllerGroup : RadioButton removeProperty(String) 
+controlP5.ControllerGroup : RadioButton removeProperty(String, String) 
+controlP5.ControllerGroup : RadioButton setAddress(String) 
+controlP5.ControllerGroup : RadioButton setArrayValue(float[]) 
+controlP5.ControllerGroup : RadioButton setColor(CColor) 
+controlP5.ControllerGroup : RadioButton setColorActive(int) 
+controlP5.ControllerGroup : RadioButton setColorBackground(int) 
+controlP5.ControllerGroup : RadioButton setColorForeground(int) 
+controlP5.ControllerGroup : RadioButton setColorLabel(int) 
+controlP5.ControllerGroup : RadioButton setColorValue(int) 
+controlP5.ControllerGroup : RadioButton setHeight(int) 
+controlP5.ControllerGroup : RadioButton setId(int) 
+controlP5.ControllerGroup : RadioButton setLabel(String) 
+controlP5.ControllerGroup : RadioButton setMouseOver(boolean) 
+controlP5.ControllerGroup : RadioButton setMoveable(boolean) 
+controlP5.ControllerGroup : RadioButton setOpen(boolean) 
+controlP5.ControllerGroup : RadioButton setPosition(PVector) 
+controlP5.ControllerGroup : RadioButton setPosition(float, float) 
+controlP5.ControllerGroup : RadioButton setStringValue(String) 
+controlP5.ControllerGroup : RadioButton setUpdate(boolean) 
+controlP5.ControllerGroup : RadioButton setValue(float) 
+controlP5.ControllerGroup : RadioButton setVisible(boolean) 
+controlP5.ControllerGroup : RadioButton setWidth(int) 
+controlP5.ControllerGroup : RadioButton show() 
+controlP5.ControllerGroup : RadioButton update() 
+controlP5.ControllerGroup : RadioButton updateAbsolutePosition() 
+controlP5.ControllerGroup : String getAddress() 
+controlP5.ControllerGroup : String getInfo() 
+controlP5.ControllerGroup : String getName() 
+controlP5.ControllerGroup : String getStringValue() 
+controlP5.ControllerGroup : String toString() 
+controlP5.ControllerGroup : Tab getTab() 
+controlP5.ControllerGroup : boolean isCollapse() 
+controlP5.ControllerGroup : boolean isMouseOver() 
+controlP5.ControllerGroup : boolean isMoveable() 
+controlP5.ControllerGroup : boolean isOpen() 
+controlP5.ControllerGroup : boolean isUpdate() 
+controlP5.ControllerGroup : boolean isVisible() 
+controlP5.ControllerGroup : boolean setMousePressed(boolean) 
+controlP5.ControllerGroup : float getValue() 
+controlP5.ControllerGroup : float[] getArrayValue() 
+controlP5.ControllerGroup : int getHeight() 
+controlP5.ControllerGroup : int getId() 
+controlP5.ControllerGroup : int getWidth() 
+controlP5.ControllerGroup : void remove() 
+java.lang.Object : String toString() 
+java.lang.Object : boolean equals(Object) 
+
+
+*/
+
+
+
+
diff --git a/examples/controllers/ControlP5range/ControlP5range.pde b/examples/controllers/ControlP5range/ControlP5range.pde
new file mode 100644
index 0000000..9b1623c
--- /dev/null
+++ b/examples/controllers/ControlP5range/ControlP5range.pde
@@ -0,0 +1,219 @@
+/**
+* ControlP5 Range
+*
+* find a list of public methods available for the Range Controller
+* at the bottom of this sketch.
+*
+* by Andreas Schlegel, 2012
+* www.sojamo.de/libraries/controlp5
+*
+*/
+
+
+import controlP5.*;
+
+ControlP5 cp5;
+
+int myColorBackground = color(0,0,0);
+
+int colorMin = 100;
+
+int colorMax = 100;
+
+Range range;
+
+void setup() {
+  size(700,400);
+  cp5 = new ControlP5(this);
+  range = cp5.addRange("rangeController")
+             // disable broadcasting since setRange and setRangeValues will trigger an event
+             .setBroadcast(false) 
+             .setPosition(50,50)
+             .setSize(400,40)
+             .setHandleSize(20)
+             .setRange(0,255)
+             .setRangeValues(50,100)
+             // after the initialization we turn broadcast back on again
+             .setBroadcast(true)
+             .setColorForeground(color(255,40))
+             .setColorBackground(color(255,40))  
+             ;
+             
+  noStroke();             
+}
+
+void draw() {
+  background(colorMax);
+  fill(colorMin);
+  rect(0,0,width,height/2);
+}
+
+void controlEvent(ControlEvent theControlEvent) {
+  if(theControlEvent.isFrom("rangeController")) {
+    // min and max values are stored in an array.
+    // access this array with controller().arrayValue().
+    // min is at index 0, max is at index 1.
+    colorMin = int(theControlEvent.getController().getArrayValue(0));
+    colorMax = int(theControlEvent.getController().getArrayValue(1));
+    println("range update, done.");
+  }
+  
+}
+
+
+void keyPressed() {
+  switch(key) {
+    case('1'):range.setLowValue(0);break;
+    case('2'):range.setLowValue(100);break;
+    case('3'):range.setHighValue(120);break;
+    case('4'):range.setHighValue(200);break;
+    case('5'):range.setRangeValues(40,60);break;
+  }
+}
+
+
+/*
+a list of all methods available for the Range Controller
+use ControlP5.printPublicMethodsFor(Range.class);
+to print the following list into the console.
+
+You can find further details about class Range in the javadoc.
+
+Format:
+ClassName : returnType methodName(parameter type)
+
+
+controlP5.Range : Range setArrayValue(float[]) 
+controlP5.Range : Range setColorCaptionLabel(int) 
+controlP5.Range : Range setColorTickMark(int) 
+controlP5.Range : Range setColorValueLabel(int) 
+controlP5.Range : Range setHandleSize(int) 
+controlP5.Range : Range setHeight(int) 
+controlP5.Range : Range setHighValue(float) 
+controlP5.Range : Range setHighValueLabel(String) 
+controlP5.Range : Range setLowValue(float) 
+controlP5.Range : Range setLowValueLabel(String) 
+controlP5.Range : Range setMax(float) 
+controlP5.Range : Range setMin(float) 
+controlP5.Range : Range setNumberOfTickMarks(int) 
+controlP5.Range : Range setRange(float, float) 
+controlP5.Range : Range setRangeValues(float, float) 
+controlP5.Range : Range setWidth(int) 
+controlP5.Range : Range showTickMarks(boolean) 
+controlP5.Range : Range snapToTickMarks(boolean)
+controlP5.Range : ArrayList getTickMarks() 
+controlP5.Range : float getHighValue() 
+controlP5.Range : float getLowValue() 
+controlP5.Range : float[] getArrayValue()
+controlP5.Controller : CColor getColor() 
+controlP5.Controller : ControlBehavior getBehavior() 
+controlP5.Controller : ControlWindow getControlWindow() 
+controlP5.Controller : ControlWindow getWindow() 
+controlP5.Controller : ControllerProperty getProperty(String) 
+controlP5.Controller : ControllerProperty getProperty(String, String) 
+controlP5.Controller : Label getCaptionLabel() 
+controlP5.Controller : Label getValueLabel() 
+controlP5.Controller : List getControllerPlugList() 
+controlP5.Controller : PImage setImage(PImage) 
+controlP5.Controller : PImage setImage(PImage, int) 
+controlP5.Controller : PVector getAbsolutePosition() 
+controlP5.Controller : PVector getPosition() 
+controlP5.Controller : Range addCallback(CallbackListener) 
+controlP5.Controller : Range addListener(ControlListener) 
+controlP5.Controller : Range bringToFront() 
+controlP5.Controller : Range bringToFront(ControllerInterface) 
+controlP5.Controller : Range hide() 
+controlP5.Controller : Range linebreak() 
+controlP5.Controller : Range listen(boolean) 
+controlP5.Controller : Range lock() 
+controlP5.Controller : Range plugTo(Object) 
+controlP5.Controller : Range plugTo(Object, String) 
+controlP5.Controller : Range plugTo(Object[]) 
+controlP5.Controller : Range plugTo(Object[], String) 
+controlP5.Controller : Range registerProperty(String) 
+controlP5.Controller : Range registerProperty(String, String) 
+controlP5.Controller : Range registerTooltip(String) 
+controlP5.Controller : Range removeBehavior() 
+controlP5.Controller : Range removeCallback() 
+controlP5.Controller : Range removeCallback(CallbackListener) 
+controlP5.Controller : Range removeListener(ControlListener) 
+controlP5.Controller : Range removeProperty(String) 
+controlP5.Controller : Range removeProperty(String, String) 
+controlP5.Controller : Range setArrayValue(float[]) 
+controlP5.Controller : Range setArrayValue(int, float) 
+controlP5.Controller : Range setBehavior(ControlBehavior) 
+controlP5.Controller : Range setBroadcast(boolean) 
+controlP5.Controller : Range setCaptionLabel(String) 
+controlP5.Controller : Range setColor(CColor) 
+controlP5.Controller : Range setColorActive(int) 
+controlP5.Controller : Range setColorBackground(int) 
+controlP5.Controller : Range setColorCaptionLabel(int) 
+controlP5.Controller : Range setColorForeground(int) 
+controlP5.Controller : Range setColorValueLabel(int) 
+controlP5.Controller : Range setDecimalPrecision(int) 
+controlP5.Controller : Range setDefaultValue(float) 
+controlP5.Controller : Range setHeight(int) 
+controlP5.Controller : Range setId(int) 
+controlP5.Controller : Range setImages(PImage, PImage, PImage) 
+controlP5.Controller : Range setImages(PImage, PImage, PImage, PImage) 
+controlP5.Controller : Range setLabelVisible(boolean) 
+controlP5.Controller : Range setLock(boolean) 
+controlP5.Controller : Range setMax(float) 
+controlP5.Controller : Range setMin(float) 
+controlP5.Controller : Range setMouseOver(boolean) 
+controlP5.Controller : Range setMoveable(boolean) 
+controlP5.Controller : Range setPosition(PVector) 
+controlP5.Controller : Range setPosition(float, float) 
+controlP5.Controller : Range setSize(PImage) 
+controlP5.Controller : Range setSize(int, int) 
+controlP5.Controller : Range setStringValue(String) 
+controlP5.Controller : Range setUpdate(boolean) 
+controlP5.Controller : Range setValueLabel(String) 
+controlP5.Controller : Range setView(ControllerView) 
+controlP5.Controller : Range setVisible(boolean) 
+controlP5.Controller : Range setWidth(int) 
+controlP5.Controller : Range show() 
+controlP5.Controller : Range unlock() 
+controlP5.Controller : Range unplugFrom(Object) 
+controlP5.Controller : Range unplugFrom(Object[]) 
+controlP5.Controller : Range unregisterTooltip() 
+controlP5.Controller : Range update() 
+controlP5.Controller : Range updateSize() 
+controlP5.Controller : String getAddress() 
+controlP5.Controller : String getInfo() 
+controlP5.Controller : String getName() 
+controlP5.Controller : String getStringValue() 
+controlP5.Controller : String toString() 
+controlP5.Controller : Tab getTab() 
+controlP5.Controller : boolean isActive() 
+controlP5.Controller : boolean isBroadcast() 
+controlP5.Controller : boolean isInside() 
+controlP5.Controller : boolean isLabelVisible() 
+controlP5.Controller : boolean isListening() 
+controlP5.Controller : boolean isLock() 
+controlP5.Controller : boolean isMouseOver() 
+controlP5.Controller : boolean isMousePressed() 
+controlP5.Controller : boolean isMoveable() 
+controlP5.Controller : boolean isUpdate() 
+controlP5.Controller : boolean isVisible() 
+controlP5.Controller : float getArrayValue(int) 
+controlP5.Controller : float getDefaultValue() 
+controlP5.Controller : float getMax() 
+controlP5.Controller : float getMin() 
+controlP5.Controller : float getValue() 
+controlP5.Controller : float[] getArrayValue() 
+controlP5.Controller : int getDecimalPrecision() 
+controlP5.Controller : int getHeight() 
+controlP5.Controller : int getId() 
+controlP5.Controller : int getWidth() 
+controlP5.Controller : int listenerSize() 
+controlP5.Controller : void remove() 
+controlP5.Controller : void setView(ControllerView, int) 
+java.lang.Object : String toString() 
+java.lang.Object : boolean equals(Object) 
+
+
+*/
+
+
+
diff --git a/examples/controllers/ControlP5scrollableList/ControlP5scrollableList.pde b/examples/controllers/ControlP5scrollableList/ControlP5scrollableList.pde
new file mode 100644
index 0000000..b639f31
--- /dev/null
+++ b/examples/controllers/ControlP5scrollableList/ControlP5scrollableList.pde
@@ -0,0 +1,83 @@
+/**
+ * ControlP5 ScrollableList
+ *
+ * replaces DropdownList and and ListBox. 
+ * List can be scrolled by dragging the list or using the scroll-wheel. 
+ *
+ * by Andreas Schlegel, 2014
+ * www.sojamo.de/libraries/controlp5
+ *
+ */
+
+
+import controlP5.*;
+import java.util.*;
+
+
+ControlP5 cp5;
+
+void setup() {
+  size(400, 400);
+  cp5 = new ControlP5(this);
+  List l = Arrays.asList("a", "b", "c", "d", "e", "f", "g", "h");
+  /* add a ScrollableList, by default it behaves like a DropdownList */
+  cp5.addScrollableList("dropdown")
+     .setPosition(100, 100)
+     .setSize(200, 100)
+     .setBarHeight(20)
+     .setItemHeight(20)
+     .addItems(l)
+     // .setType(ScrollableList.LIST) // currently supported DROPDOWN and LIST
+     ;
+     
+     
+}
+
+void draw() {
+  background(240);
+}
+
+void dropdown(int n) {
+  /* request the selected item based on index n */
+  println(n, cp5.get(ScrollableList.class, "dropdown").getItem(n));
+  
+  /* here an item is stored as a Map  with the following key-value pairs:
+   * name, the given name of the item
+   * text, the given text of the item by default the same as name
+   * value, the given value of the item, can be changed by using .getItem(n).put("value", "abc"); a value here is of type Object therefore can be anything
+   * color, the given color of the item, how to change, see below
+   * view, a customizable view, is of type CDrawable 
+   */
+  
+   CColor c = new CColor();
+  c.setBackground(color(255,0,0));
+  cp5.get(ScrollableList.class, "dropdown").getItem(n).put("color", c);
+  
+}
+
+void keyPressed() {
+  switch(key) {
+    case('1'):
+    /* make the ScrollableList behave like a ListBox */
+    cp5.get(ScrollableList.class, "dropdown").setType(ControlP5.LIST);
+    break;
+    case('2'):
+    /* make the ScrollableList behave like a DropdownList */
+    cp5.get(ScrollableList.class, "dropdown").setType(ControlP5.DROPDOWN);
+    break;
+    case('3'):
+    /*change content of the ScrollableList */
+    List l = Arrays.asList("a-1", "b-1", "c-1", "d-1", "e-1", "f-1", "g-1", "h-1", "i-1", "j-1", "k-1");
+    cp5.get(ScrollableList.class, "dropdown").setItems(l);
+    break;
+    case('4'):
+    /* remove an item from the ScrollableList */
+    cp5.get(ScrollableList.class, "dropdown").removeItem("k-1");
+    break;
+    case('5'):
+    /* clear the ScrollableList */
+    cp5.get(ScrollableList.class, "dropdown").clear();
+    break;
+  }
+}
+
diff --git a/examples/controllers/ControlP5slider/ControlP5slider.pde b/examples/controllers/ControlP5slider/ControlP5slider.pde
new file mode 100644
index 0000000..8f50411
--- /dev/null
+++ b/examples/controllers/ControlP5slider/ControlP5slider.pde
@@ -0,0 +1,269 @@
+/**
+ * ControlP5 Slider. Horizontal and vertical sliders, 
+ * with and without tick marks and snap-to-tick behavior.
+ * by andreas schlegel, 2010
+ */
+
+/**
+* ControlP5 Slider
+*
+* Horizontal and vertical sliders, 
+* With and without tick marks and snap-to-tick behavior.
+*
+* find a list of public methods available for the Slider Controller
+* at the bottom of this sketch.
+*
+* by Andreas Schlegel, 2012
+* www.sojamo.de/libraries/controlp5
+*
+*/
+
+import controlP5.*;
+
+ControlP5 cp5;
+int myColor = color(0,0,0);
+
+int sliderValue = 100;
+int sliderTicks1 = 100;
+int sliderTicks2 = 30;
+Slider abc;
+
+void setup() {
+  size(700,400);
+  noStroke();
+  cp5 = new ControlP5(this);
+  
+  // add a horizontal sliders, the value of this slider will be linked
+  // to variable 'sliderValue' 
+  cp5.addSlider("sliderValue")
+     .setPosition(100,50)
+     .setRange(0,255)
+     ;
+  
+  // create another slider with tick marks, now without
+  // default value, the initial value will be set according to
+  // the value of variable sliderTicks2 then.
+  cp5.addSlider("sliderTicks1")
+     .setPosition(100,140)
+     .setSize(20,100)
+     .setRange(0,255)
+     .setNumberOfTickMarks(5)
+     ;
+     
+     
+  // add a vertical slider
+  cp5.addSlider("slider")
+     .setPosition(100,305)
+     .setSize(200,20)
+     .setRange(0,200)
+     .setValue(128)
+     ;
+  
+  // reposition the Label for controller 'slider'
+  cp5.getController("slider").getValueLabel().align(ControlP5.LEFT, ControlP5.BOTTOM_OUTSIDE).setPaddingX(0);
+  cp5.getController("slider").getCaptionLabel().align(ControlP5.RIGHT, ControlP5.BOTTOM_OUTSIDE).setPaddingX(0);
+  
+
+  cp5.addSlider("sliderTicks2")
+     .setPosition(100,370)
+     .setWidth(400)
+     .setRange(255,0) // values can range from big to small as well
+     .setValue(128)
+     .setNumberOfTickMarks(7)
+     .setSliderMode(Slider.FLEXIBLE)
+     ;
+  // use Slider.FIX or Slider.FLEXIBLE to change the slider handle
+  // by default it is Slider.FIX
+  
+
+}
+
+void draw() {
+  background(sliderTicks1);
+
+  fill(sliderValue);
+  rect(0,0,width,100);
+  
+  fill(myColor);
+  rect(0,280,width,70);
+  
+  fill(sliderTicks2);
+  rect(0,350,width,50);
+}
+
+void slider(float theColor) {
+  myColor = color(theColor);
+  println("a slider event. setting background to "+theColor);
+}
+
+
+
+
+
+
+
+
+
+
+
+
+/**
+* ControlP5 Slider
+*
+*
+* find a list of public methods available for the Slider Controller
+* at the bottom of this sketch.
+*
+* by Andreas Schlegel, 2012
+* www.sojamo.de/libraries/controlp5
+*
+*/
+
+/*
+a list of all methods available for the Slider Controller
+use ControlP5.printPublicMethodsFor(Slider.class);
+to print the following list into the console.
+
+You can find further details about class Slider in the javadoc.
+
+Format:
+ClassName : returnType methodName(parameter type)
+
+controlP5.Slider : ArrayList getTickMarks() 
+controlP5.Slider : Slider setColorTickMark(int) 
+controlP5.Slider : Slider setHandleSize(int) 
+controlP5.Slider : Slider setHeight(int) 
+controlP5.Slider : Slider setMax(float) 
+controlP5.Slider : Slider setMin(float) 
+controlP5.Slider : Slider setNumberOfTickMarks(int) 
+controlP5.Slider : Slider setRange(float, float) 
+controlP5.Slider : Slider setScrollSensitivity(float) 
+controlP5.Slider : Slider setSize(int, int) 
+controlP5.Slider : Slider setSliderMode(int) 
+controlP5.Slider : Slider setTriggerEvent(int) 
+controlP5.Slider : Slider setValue(float) 
+controlP5.Slider : Slider setWidth(int) 
+controlP5.Slider : Slider showTickMarks(boolean) 
+controlP5.Slider : Slider shuffle() 
+controlP5.Slider : Slider snapToTickMarks(boolean) 
+controlP5.Slider : Slider update() 
+controlP5.Slider : TickMark getTickMark(int) 
+controlP5.Slider : float getValue() 
+controlP5.Slider : float getValuePosition() 
+controlP5.Slider : int getDirection() 
+controlP5.Slider : int getHandleSize() 
+controlP5.Slider : int getNumberOfTickMarks() 
+controlP5.Slider : int getSliderMode() 
+controlP5.Slider : int getTriggerEvent() 
+controlP5.Controller : CColor getColor() 
+controlP5.Controller : ControlBehavior getBehavior() 
+controlP5.Controller : ControlWindow getControlWindow() 
+controlP5.Controller : ControlWindow getWindow() 
+controlP5.Controller : ControllerProperty getProperty(String) 
+controlP5.Controller : ControllerProperty getProperty(String, String) 
+controlP5.Controller : Label getCaptionLabel() 
+controlP5.Controller : Label getValueLabel() 
+controlP5.Controller : List getControllerPlugList() 
+controlP5.Controller : PImage setImage(PImage) 
+controlP5.Controller : PImage setImage(PImage, int) 
+controlP5.Controller : PVector getAbsolutePosition() 
+controlP5.Controller : PVector getPosition() 
+controlP5.Controller : Slider addCallback(CallbackListener) 
+controlP5.Controller : Slider addListener(ControlListener) 
+controlP5.Controller : Slider bringToFront() 
+controlP5.Controller : Slider bringToFront(ControllerInterface) 
+controlP5.Controller : Slider hide() 
+controlP5.Controller : Slider linebreak() 
+controlP5.Controller : Slider listen(boolean) 
+controlP5.Controller : Slider lock() 
+controlP5.Controller : Slider plugTo(Object) 
+controlP5.Controller : Slider plugTo(Object, String) 
+controlP5.Controller : Slider plugTo(Object[]) 
+controlP5.Controller : Slider plugTo(Object[], String) 
+controlP5.Controller : Slider registerProperty(String) 
+controlP5.Controller : Slider registerProperty(String, String) 
+controlP5.Controller : Slider registerTooltip(String) 
+controlP5.Controller : Slider removeBehavior() 
+controlP5.Controller : Slider removeCallback() 
+controlP5.Controller : Slider removeCallback(CallbackListener) 
+controlP5.Controller : Slider removeListener(ControlListener) 
+controlP5.Controller : Slider removeProperty(String) 
+controlP5.Controller : Slider removeProperty(String, String) 
+controlP5.Controller : Slider setArrayValue(float[]) 
+controlP5.Controller : Slider setArrayValue(int, float) 
+controlP5.Controller : Slider setBehavior(ControlBehavior) 
+controlP5.Controller : Slider setBroadcast(boolean) 
+controlP5.Controller : Slider setCaptionLabel(String) 
+controlP5.Controller : Slider setColor(CColor) 
+controlP5.Controller : Slider setColorActive(int) 
+controlP5.Controller : Slider setColorBackground(int) 
+controlP5.Controller : Slider setColorCaptionLabel(int) 
+controlP5.Controller : Slider setColorForeground(int) 
+controlP5.Controller : Slider setColorValueLabel(int) 
+controlP5.Controller : Slider setDecimalPrecision(int) 
+controlP5.Controller : Slider setDefaultValue(float) 
+controlP5.Controller : Slider setHeight(int) 
+controlP5.Controller : Slider setId(int) 
+controlP5.Controller : Slider setImages(PImage, PImage, PImage) 
+controlP5.Controller : Slider setImages(PImage, PImage, PImage, PImage) 
+controlP5.Controller : Slider setLabelVisible(boolean) 
+controlP5.Controller : Slider setLock(boolean) 
+controlP5.Controller : Slider setMax(float) 
+controlP5.Controller : Slider setMin(float) 
+controlP5.Controller : Slider setMouseOver(boolean) 
+controlP5.Controller : Slider setMoveable(boolean) 
+controlP5.Controller : Slider setPosition(PVector) 
+controlP5.Controller : Slider setPosition(float, float) 
+controlP5.Controller : Slider setSize(PImage) 
+controlP5.Controller : Slider setSize(int, int) 
+controlP5.Controller : Slider setStringValue(String) 
+controlP5.Controller : Slider setUpdate(boolean) 
+controlP5.Controller : Slider setValueLabel(String) 
+controlP5.Controller : Slider setView(ControllerView) 
+controlP5.Controller : Slider setVisible(boolean) 
+controlP5.Controller : Slider setWidth(int) 
+controlP5.Controller : Slider show() 
+controlP5.Controller : Slider unlock() 
+controlP5.Controller : Slider unplugFrom(Object) 
+controlP5.Controller : Slider unplugFrom(Object[]) 
+controlP5.Controller : Slider unregisterTooltip() 
+controlP5.Controller : Slider update() 
+controlP5.Controller : Slider updateSize() 
+controlP5.Controller : String getAddress() 
+controlP5.Controller : String getInfo() 
+controlP5.Controller : String getName() 
+controlP5.Controller : String getStringValue() 
+controlP5.Controller : String toString() 
+controlP5.Controller : Tab getTab() 
+controlP5.Controller : boolean isActive() 
+controlP5.Controller : boolean isBroadcast() 
+controlP5.Controller : boolean isInside() 
+controlP5.Controller : boolean isLabelVisible() 
+controlP5.Controller : boolean isListening() 
+controlP5.Controller : boolean isLock() 
+controlP5.Controller : boolean isMouseOver() 
+controlP5.Controller : boolean isMousePressed() 
+controlP5.Controller : boolean isMoveable() 
+controlP5.Controller : boolean isUpdate() 
+controlP5.Controller : boolean isVisible() 
+controlP5.Controller : float getArrayValue(int) 
+controlP5.Controller : float getDefaultValue() 
+controlP5.Controller : float getMax() 
+controlP5.Controller : float getMin() 
+controlP5.Controller : float getValue() 
+controlP5.Controller : float[] getArrayValue() 
+controlP5.Controller : int getDecimalPrecision() 
+controlP5.Controller : int getHeight() 
+controlP5.Controller : int getId() 
+controlP5.Controller : int getWidth() 
+controlP5.Controller : int listenerSize() 
+controlP5.Controller : void remove() 
+controlP5.Controller : void setView(ControllerView, int) 
+java.lang.Object : String toString() 
+java.lang.Object : boolean equals(Object) 
+
+
+*/
+
+
+
diff --git a/examples/controllers/ControlP5slider2D/ControlP5slider2D.pde b/examples/controllers/ControlP5slider2D/ControlP5slider2D.pde
new file mode 100644
index 0000000..7a4a075
--- /dev/null
+++ b/examples/controllers/ControlP5slider2D/ControlP5slider2D.pde
@@ -0,0 +1,207 @@
+/**
+* ControlP5 Slider2D
+*
+*
+* find a list of public methods available for the Slider2D Controller
+* at the bottom of this sketch.
+*
+* by Andreas Schlegel, 2012
+* www.sojamo.de/libraries/controlp5
+*
+*/
+
+import controlP5.*;
+
+ControlP5 cp5;
+
+Slider2D s;
+
+void setup() {
+  size(700,400);
+  cp5 = new ControlP5(this);
+  s = cp5.addSlider2D("wave")
+         .setPosition(30,40)
+         .setSize(100,100)
+         .setArrayValue(new float[] {50, 50})
+         //.disableCrosshair()
+         ;
+         
+  smooth();
+}
+
+float cnt;
+void draw() {
+  background(0);
+  pushMatrix();
+  translate(160,140);
+  noStroke();
+  fill(50);
+  rect(0, -100, 400,200);
+  strokeWeight(1);
+  line(0,0,200, 0);
+  stroke(255);
+  
+  for(int i=1;i<400;i++) {
+    float y0 = cos(map(i-1,0,s.getArrayValue()[0],-PI,PI)) * s.getArrayValue()[1]; 
+    float y1 = cos(map(i,0,s.getArrayValue()[0],-PI,PI)) * s.getArrayValue()[1];
+    line((i-1),y0,i,y1);
+  }
+  
+  popMatrix();
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+/*
+a list of all methods available for the Slider2D Controller
+use ControlP5.printPublicMethodsFor(Slider2D.class);
+to print the following list into the console.
+
+You can find further details about class Slider2D in the javadoc.
+
+Format:
+ClassName : returnType methodName(parameter type)
+
+controlP5.Slider2D : Slider2D enableCrosshair()
+controlP5.Slider2D : Slider2D disableCrosshair()
+controlP5.Slider2D : Slider2D setArrayValue(float[]) 
+controlP5.Slider2D : Slider2D setMaxX(float) 
+controlP5.Slider2D : Slider2D setMaxY(float) 
+controlP5.Slider2D : Slider2D setMinX(float) 
+controlP5.Slider2D : Slider2D setMinY(float) 
+controlP5.Slider2D : Slider2D setValue(float) 
+controlP5.Slider2D : Slider2D shuffle() 
+controlP5.Slider2D : float getCursorHeight() 
+controlP5.Slider2D : float getCursorWidth() 
+controlP5.Slider2D : float getCursorX() 
+controlP5.Slider2D : float getCursorY() 
+controlP5.Slider2D : float getMaxX() 
+controlP5.Slider2D : float getMaxY() 
+controlP5.Slider2D : float getMinX() 
+controlP5.Slider2D : float getMinY() 
+controlP5.Slider2D : float[] getArrayValue() 
+controlP5.Slider2D : void setValueLabelSeparator(String) 
+controlP5.Controller : CColor getColor() 
+controlP5.Controller : ControlBehavior getBehavior() 
+controlP5.Controller : ControlWindow getControlWindow() 
+controlP5.Controller : ControlWindow getWindow() 
+controlP5.Controller : ControllerProperty getProperty(String) 
+controlP5.Controller : ControllerProperty getProperty(String, String) 
+controlP5.Controller : Label getCaptionLabel() 
+controlP5.Controller : Label getValueLabel() 
+controlP5.Controller : List getControllerPlugList() 
+controlP5.Controller : PImage setImage(PImage) 
+controlP5.Controller : PImage setImage(PImage, int) 
+controlP5.Controller : PVector getAbsolutePosition() 
+controlP5.Controller : PVector getPosition() 
+controlP5.Controller : Slider2D addCallback(CallbackListener) 
+controlP5.Controller : Slider2D addListener(ControlListener) 
+controlP5.Controller : Slider2D bringToFront() 
+controlP5.Controller : Slider2D bringToFront(ControllerInterface) 
+controlP5.Controller : Slider2D hide() 
+controlP5.Controller : Slider2D linebreak() 
+controlP5.Controller : Slider2D listen(boolean) 
+controlP5.Controller : Slider2D lock() 
+controlP5.Controller : Slider2D plugTo(Object) 
+controlP5.Controller : Slider2D plugTo(Object, String) 
+controlP5.Controller : Slider2D plugTo(Object[]) 
+controlP5.Controller : Slider2D plugTo(Object[], String) 
+controlP5.Controller : Slider2D registerProperty(String) 
+controlP5.Controller : Slider2D registerProperty(String, String) 
+controlP5.Controller : Slider2D registerTooltip(String) 
+controlP5.Controller : Slider2D removeBehavior() 
+controlP5.Controller : Slider2D removeCallback() 
+controlP5.Controller : Slider2D removeCallback(CallbackListener) 
+controlP5.Controller : Slider2D removeListener(ControlListener) 
+controlP5.Controller : Slider2D removeProperty(String) 
+controlP5.Controller : Slider2D removeProperty(String, String) 
+controlP5.Controller : Slider2D setArrayValue(float[]) 
+controlP5.Controller : Slider2D setArrayValue(int, float) 
+controlP5.Controller : Slider2D setBehavior(ControlBehavior) 
+controlP5.Controller : Slider2D setBroadcast(boolean) 
+controlP5.Controller : Slider2D setCaptionLabel(String) 
+controlP5.Controller : Slider2D setColor(CColor) 
+controlP5.Controller : Slider2D setColorActive(int) 
+controlP5.Controller : Slider2D setColorBackground(int) 
+controlP5.Controller : Slider2D setColorCaptionLabel(int) 
+controlP5.Controller : Slider2D setColorForeground(int) 
+controlP5.Controller : Slider2D setColorValueLabel(int) 
+controlP5.Controller : Slider2D setDecimalPrecision(int) 
+controlP5.Controller : Slider2D setDefaultValue(float) 
+controlP5.Controller : Slider2D setHeight(int) 
+controlP5.Controller : Slider2D setId(int) 
+controlP5.Controller : Slider2D setImages(PImage, PImage, PImage) 
+controlP5.Controller : Slider2D setImages(PImage, PImage, PImage, PImage) 
+controlP5.Controller : Slider2D setLabelVisible(boolean) 
+controlP5.Controller : Slider2D setLock(boolean) 
+controlP5.Controller : Slider2D setMax(float) 
+controlP5.Controller : Slider2D setMin(float) 
+controlP5.Controller : Slider2D setMouseOver(boolean) 
+controlP5.Controller : Slider2D setMoveable(boolean) 
+controlP5.Controller : Slider2D setPosition(PVector) 
+controlP5.Controller : Slider2D setPosition(float, float) 
+controlP5.Controller : Slider2D setSize(PImage) 
+controlP5.Controller : Slider2D setSize(int, int) 
+controlP5.Controller : Slider2D setStringValue(String) 
+controlP5.Controller : Slider2D setUpdate(boolean) 
+controlP5.Controller : Slider2D setValueLabel(String) 
+controlP5.Controller : Slider2D setView(ControllerView) 
+controlP5.Controller : Slider2D setVisible(boolean) 
+controlP5.Controller : Slider2D setWidth(int) 
+controlP5.Controller : Slider2D show() 
+controlP5.Controller : Slider2D unlock() 
+controlP5.Controller : Slider2D unplugFrom(Object) 
+controlP5.Controller : Slider2D unplugFrom(Object[]) 
+controlP5.Controller : Slider2D unregisterTooltip() 
+controlP5.Controller : Slider2D update() 
+controlP5.Controller : Slider2D updateSize() 
+controlP5.Controller : String getAddress() 
+controlP5.Controller : String getInfo() 
+controlP5.Controller : String getName() 
+controlP5.Controller : String getStringValue() 
+controlP5.Controller : String toString() 
+controlP5.Controller : Tab getTab() 
+controlP5.Controller : boolean isActive() 
+controlP5.Controller : boolean isBroadcast() 
+controlP5.Controller : boolean isInside() 
+controlP5.Controller : boolean isLabelVisible() 
+controlP5.Controller : boolean isListening() 
+controlP5.Controller : boolean isLock() 
+controlP5.Controller : boolean isMouseOver() 
+controlP5.Controller : boolean isMousePressed() 
+controlP5.Controller : boolean isMoveable() 
+controlP5.Controller : boolean isUpdate() 
+controlP5.Controller : boolean isVisible() 
+controlP5.Controller : float getArrayValue(int) 
+controlP5.Controller : float getDefaultValue() 
+controlP5.Controller : float getMax() 
+controlP5.Controller : float getMin() 
+controlP5.Controller : float getValue() 
+controlP5.Controller : float[] getArrayValue() 
+controlP5.Controller : int getDecimalPrecision() 
+controlP5.Controller : int getHeight() 
+controlP5.Controller : int getId() 
+controlP5.Controller : int getWidth() 
+controlP5.Controller : int listenerSize() 
+controlP5.Controller : void remove() 
+controlP5.Controller : void setView(ControllerView, int) 
+java.lang.Object : String toString() 
+java.lang.Object : boolean equals(Object) 
+
+
+*/
+
+
+
diff --git a/examples/controllers/ControlP5tab/ControlP5tab.pde b/examples/controllers/ControlP5tab/ControlP5tab.pde
new file mode 100644
index 0000000..9fac520
--- /dev/null
+++ b/examples/controllers/ControlP5tab/ControlP5tab.pde
@@ -0,0 +1,220 @@
+/**
+* ControlP5 Tab
+*
+*
+* find a list of public methods available for the Tab Controller
+* at the bottom of this sketch.
+*
+* by Andreas Schlegel, 2012
+* www.sojamo.de/libraries/controlp5
+*
+*/
+
+import controlP5.*;
+
+ControlP5 cp5;
+
+int myColorBackground = color(128);
+
+int sliderValue = 100;
+
+void setup() {
+  size(700,400);
+  noStroke();
+  cp5 = new ControlP5(this);
+  
+  // By default all controllers are stored inside Tab 'default' 
+  // add a second tab with name 'extra'
+  
+  cp5.addTab("extra")
+     .setColorBackground(color(0, 160, 100))
+     .setColorLabel(color(255))
+     .setColorActive(color(255,128,0))
+     ;
+     
+  // if you want to receive a controlEvent when
+  // a  tab is clicked, use activeEvent(true)
+  
+  cp5.getTab("default")
+     .activateEvent(true)
+     .setLabel("my default tab")
+     .setId(1)
+     ;
+
+  cp5.getTab("extra")
+     .activateEvent(true)
+     .setId(2)
+     ;
+
+  
+  // create a few controllers
+  
+  cp5.addButton("button")
+     .setBroadcast(false)
+     .setPosition(100,100)
+     .setSize(80,40)
+     .setValue(1)
+     .setBroadcast(true)
+     .getCaptionLabel().align(CENTER,CENTER)
+     ;
+     
+  cp5.addButton("buttonValue")
+     .setBroadcast(false)
+     .setPosition(220,100)
+     .setSize(80,40)
+     .setValue(2)
+     .setBroadcast(true)
+     .getCaptionLabel().align(CENTER,CENTER)
+     ;
+  
+  cp5.addSlider("slider")
+     .setBroadcast(false)
+     .setRange(100,200)
+     .setValue(128)
+     .setPosition(100,160)
+     .setSize(200,20)
+     .setBroadcast(true)
+     ;
+     
+  cp5.addSlider("sliderValue")
+     .setBroadcast(false)
+     .setRange(0,255)
+     .setValue(128)
+     .setPosition(100,200)
+     .setSize(200,20)
+     .setBroadcast(true)
+     ;
+     
+  // arrange controller in separate tabs
+  
+  cp5.getController("sliderValue").moveTo("extra");
+  cp5.getController("slider").moveTo("global");
+  
+  // Tab 'global' is a tab that lies on top of any 
+  // other tab and is always visible
+  
+}
+
+void draw() {
+  background(myColorBackground);
+  fill(sliderValue);
+  rect(0,0,width,100);
+}
+
+void controlEvent(ControlEvent theControlEvent) {
+  if (theControlEvent.isTab()) {
+    println("got an event from tab : "+theControlEvent.getTab().getName()+" with id "+theControlEvent.getTab().getId());
+  }
+}
+
+void slider(int theColor) {
+  myColorBackground = color(theColor);
+  println("a slider event. setting background to "+theColor);
+}
+
+
+void keyPressed() {
+  if(keyCode==TAB) {
+    cp5.getTab("extra").bringToFront();
+  }
+}
+
+/*
+a list of all methods available for the Tab Controller
+use ControlP5.printPublicMethodsFor(Tab.class);
+to print the following list into the console.
+
+You can find further details about class Tab in the javadoc.
+
+Format:
+ClassName : returnType methodName(parameter type)
+
+controlP5.Tab : String getStringValue() 
+controlP5.Tab : Tab activateEvent(boolean) 
+controlP5.Tab : Tab bringToFront() 
+controlP5.Tab : Tab moveTo(ControlWindow) 
+controlP5.Tab : Tab setActive(boolean) 
+controlP5.Tab : Tab setHeight(int) 
+controlP5.Tab : Tab setLabel(String) 
+controlP5.Tab : Tab setValue(float) 
+controlP5.Tab : Tab setWidth(int) 
+controlP5.Tab : float getValue() 
+controlP5.ControllerGroup : CColor getColor() 
+controlP5.ControllerGroup : ControlWindow getWindow() 
+controlP5.ControllerGroup : ControlWindowCanvas addCanvas(ControlWindowCanvas) 
+controlP5.ControllerGroup : Controller getController(String) 
+controlP5.ControllerGroup : ControllerProperty getProperty(String) 
+controlP5.ControllerGroup : ControllerProperty getProperty(String, String) 
+controlP5.ControllerGroup : Label getCaptionLabel() 
+controlP5.ControllerGroup : Label getValueLabel() 
+controlP5.ControllerGroup : PVector getPosition() 
+controlP5.ControllerGroup : String getAddress() 
+controlP5.ControllerGroup : String getInfo() 
+controlP5.ControllerGroup : String getName() 
+controlP5.ControllerGroup : String getStringValue() 
+controlP5.ControllerGroup : String toString() 
+controlP5.ControllerGroup : Tab add(ControllerInterface) 
+controlP5.ControllerGroup : Tab bringToFront() 
+controlP5.ControllerGroup : Tab bringToFront(ControllerInterface) 
+controlP5.ControllerGroup : Tab close() 
+controlP5.ControllerGroup : Tab disableCollapse() 
+controlP5.ControllerGroup : Tab enableCollapse() 
+controlP5.ControllerGroup : Tab getTab() 
+controlP5.ControllerGroup : Tab hide() 
+controlP5.ControllerGroup : Tab moveTo(ControlWindow) 
+controlP5.ControllerGroup : Tab moveTo(PApplet) 
+controlP5.ControllerGroup : Tab open() 
+controlP5.ControllerGroup : Tab registerProperty(String) 
+controlP5.ControllerGroup : Tab registerProperty(String, String) 
+controlP5.ControllerGroup : Tab remove(CDrawable) 
+controlP5.ControllerGroup : Tab remove(ControllerInterface) 
+controlP5.ControllerGroup : Tab removeCanvas(ControlWindowCanvas) 
+controlP5.ControllerGroup : Tab removeProperty(String) 
+controlP5.ControllerGroup : Tab removeProperty(String, String) 
+controlP5.ControllerGroup : Tab setAddress(String) 
+controlP5.ControllerGroup : Tab setArrayValue(float[]) 
+controlP5.ControllerGroup : Tab setColor(CColor) 
+controlP5.ControllerGroup : Tab setColorActive(int) 
+controlP5.ControllerGroup : Tab setColorBackground(int) 
+controlP5.ControllerGroup : Tab setColorForeground(int) 
+controlP5.ControllerGroup : Tab setColorLabel(int) 
+controlP5.ControllerGroup : Tab setColorValue(int) 
+controlP5.ControllerGroup : Tab setHeight(int) 
+controlP5.ControllerGroup : Tab setId(int) 
+controlP5.ControllerGroup : Tab setLabel(String) 
+controlP5.ControllerGroup : Tab setMouseOver(boolean) 
+controlP5.ControllerGroup : Tab setMoveable(boolean) 
+controlP5.ControllerGroup : Tab setOpen(boolean) 
+controlP5.ControllerGroup : Tab setPosition(PVector) 
+controlP5.ControllerGroup : Tab setPosition(float, float) 
+controlP5.ControllerGroup : Tab setStringValue(String) 
+controlP5.ControllerGroup : Tab setUpdate(boolean) 
+controlP5.ControllerGroup : Tab setValue(float) 
+controlP5.ControllerGroup : Tab setVisible(boolean) 
+controlP5.ControllerGroup : Tab setWidth(int) 
+controlP5.ControllerGroup : Tab show() 
+controlP5.ControllerGroup : Tab update() 
+controlP5.ControllerGroup : Tab updateAbsolutePosition() 
+controlP5.ControllerGroup : boolean isCollapse() 
+controlP5.ControllerGroup : boolean isMouseOver() 
+controlP5.ControllerGroup : boolean isMoveable() 
+controlP5.ControllerGroup : boolean isOpen() 
+controlP5.ControllerGroup : boolean isUpdate() 
+controlP5.ControllerGroup : boolean isVisible() 
+controlP5.ControllerGroup : boolean setMousePressed(boolean) 
+controlP5.ControllerGroup : float getValue() 
+controlP5.ControllerGroup : float[] getArrayValue() 
+controlP5.ControllerGroup : int getHeight() 
+controlP5.ControllerGroup : int getId() 
+controlP5.ControllerGroup : int getWidth() 
+controlP5.ControllerGroup : void remove() 
+java.lang.Object : String toString() 
+java.lang.Object : boolean equals(Object) 
+
+
+*/
+
+
+
+
+
diff --git a/examples/controllers/ControlP5textarea/ControlP5textarea.pde b/examples/controllers/ControlP5textarea/ControlP5textarea.pde
new file mode 100644
index 0000000..79ad73d
--- /dev/null
+++ b/examples/controllers/ControlP5textarea/ControlP5textarea.pde
@@ -0,0 +1,211 @@
+/**
+* ControlP5 Textarea
+*
+*
+* find a list of public methods available for the Textarea Controller
+* at the bottom of this sketch.
+*
+* by Andreas Schlegel, 2012
+* www.sojamo.de/libraries/controlp5
+*
+*/
+
+import controlP5.*;
+
+ControlP5 cp5;
+Textarea myTextarea;
+
+void setup() {
+  size(700,400);
+  cp5 = new ControlP5(this);
+  
+  myTextarea = cp5.addTextarea("txt")
+                  .setPosition(100,100)
+                  .setSize(200,200)
+                  .setFont(createFont("arial",12))
+                  .setLineHeight(14)
+                  .setColor(color(128))
+                  .setColorBackground(color(255,100))
+                  .setColorForeground(color(255,100));
+                  ;
+  myTextarea.setText("Lorem Ipsum is simply dummy text of the printing and typesetting"
+                    +" industry. Lorem Ipsum has been the industry's standard dummy text"
+                    +" ever since the 1500s, when an unknown printer took a galley of type"
+                    +" and scrambled it to make a type specimen book. It has survived not"
+                    +" only five centuries, but also the leap into electronic typesetting,"
+                    +" remaining essentially unchanged. It was popularised in the 1960s"
+                    +" with the release of Letraset sheets containing Lorem Ipsum passages,"
+                    +" and more recently with desktop publishing software like Aldus"
+                    +" PageMaker including versions of Lorem Ipsum."
+                    );
+    
+  cp5.addSlider("changeWidth")
+     .setRange(100,400)
+     .setValue(200)
+     .setPosition(100,20)
+     .setSize(100,19)
+     ;
+     
+  cp5.addSlider("changeHeight")
+     .setRange(100,400)
+     .setValue(200)
+     .setPosition(100,40)
+     .setSize(100,19)
+     ;
+  
+}
+
+
+void keyPressed() {
+  if(key=='r') {
+    myTextarea.setText("Lorem ipsum dolor sit amet, consectetur adipiscing elit."
+                      +" Quisque sed velit nec eros scelerisque adipiscing vitae eu sem."
+                      +" Quisque malesuada interdum lectus. Pellentesque pellentesque molestie"
+                      +" vestibulum. Maecenas ultricies, neque at porttitor lacinia, tellus enim"
+                      +" suscipit tortor, ut dapibus orci lorem non ipsum. Mauris ut velit velit."
+                      +" Fusce at purus in augue semper tincidunt imperdiet sit amet eros."
+                      +" Vestibulum nunc diam, fringilla vitae tristique ut, viverra ut felis."
+                      +" Proin aliquet turpis ornare leo aliquam dapibus. Integer dui nisi, condimentum"
+                      +" ut sagittis non, fringilla vestibulum sapien. Sed ullamcorper libero et massa"
+                      +" congue in facilisis mauris lobortis. Fusce cursus risus sit amet leo imperdiet"
+                      +" lacinia faucibus turpis tempus. Pellentesque pellentesque augue sed purus varius"
+                      +" sed volutpat dui rhoncus. Lorem ipsum dolor sit amet, consectetur adipiscing elit"
+                      );
+                      
+  } else if(key=='c') {
+    myTextarea.setColor(0xffffffff);
+  }
+}
+void draw() {
+  background(0);
+  if(keyPressed && key==' ') {
+    myTextarea.scroll((float)mouseX/(float)width);
+  }
+  if(keyPressed && key=='l') {
+    myTextarea.setLineHeight(mouseY);
+  }
+}
+
+void changeWidth(int theValue) {
+  myTextarea.setWidth(theValue);
+}
+
+void changeHeight(int theValue) {
+  myTextarea.setHeight(theValue);
+}
+
+
+
+
+/*
+a list of all methods available for the Textarea Controller
+use ControlP5.printPublicMethodsFor(Textarea.class);
+to print the following list into the console.
+
+You can find further details about class Textarea in the javadoc.
+
+Format:
+ClassName : returnType methodName(parameter type)
+
+controlP5.Textarea : Label getValueLabel() 
+controlP5.Textarea : String getStringValue() 
+controlP5.Textarea : String getText() 
+controlP5.Textarea : Textarea disableColorBackground() 
+controlP5.Textarea : Textarea enableColorBackground() 
+controlP5.Textarea : Textarea hideScrollbar() 
+controlP5.Textarea : Textarea scroll(float) 
+controlP5.Textarea : Textarea setBorderColor(int) 
+controlP5.Textarea : Textarea setColor(int) 
+controlP5.Textarea : Textarea setColorBackground(int) 
+controlP5.Textarea : Textarea setFont(ControlFont) 
+controlP5.Textarea : Textarea setFont(PFont) 
+controlP5.Textarea : Textarea setFont(int) 
+controlP5.Textarea : Textarea setHeight(int) 
+controlP5.Textarea : Textarea setLineHeight(int) 
+controlP5.Textarea : Textarea setScrollActive(int) 
+controlP5.Textarea : Textarea setScrollBackground(int) 
+controlP5.Textarea : Textarea setScrollForeground(int) 
+controlP5.Textarea : Textarea setSize(int, int) 
+controlP5.Textarea : Textarea setText(String) 
+controlP5.Textarea : Textarea setWidth(int) 
+controlP5.Textarea : Textarea showScrollbar() 
+controlP5.Textarea : boolean isScrollable() 
+controlP5.Textarea : float getValue() 
+controlP5.Textarea : void controlEvent(ControlEvent) 
+controlP5.ControllerGroup : CColor getColor() 
+controlP5.ControllerGroup : ControlWindow getWindow() 
+controlP5.ControllerGroup : ControlWindowCanvas addCanvas(ControlWindowCanvas) 
+controlP5.ControllerGroup : Controller getController(String) 
+controlP5.ControllerGroup : ControllerProperty getProperty(String) 
+controlP5.ControllerGroup : ControllerProperty getProperty(String, String) 
+controlP5.ControllerGroup : Label getCaptionLabel() 
+controlP5.ControllerGroup : Label getValueLabel() 
+controlP5.ControllerGroup : PVector getPosition() 
+controlP5.ControllerGroup : String getAddress() 
+controlP5.ControllerGroup : String getInfo() 
+controlP5.ControllerGroup : String getName() 
+controlP5.ControllerGroup : String getStringValue() 
+controlP5.ControllerGroup : String toString() 
+controlP5.ControllerGroup : Tab getTab() 
+controlP5.ControllerGroup : Textarea add(ControllerInterface) 
+controlP5.ControllerGroup : Textarea bringToFront() 
+controlP5.ControllerGroup : Textarea bringToFront(ControllerInterface) 
+controlP5.ControllerGroup : Textarea close() 
+controlP5.ControllerGroup : Textarea disableCollapse() 
+controlP5.ControllerGroup : Textarea enableCollapse() 
+controlP5.ControllerGroup : Textarea hide() 
+controlP5.ControllerGroup : Textarea moveTo(ControlWindow) 
+controlP5.ControllerGroup : Textarea moveTo(PApplet) 
+controlP5.ControllerGroup : Textarea open() 
+controlP5.ControllerGroup : Textarea registerProperty(String) 
+controlP5.ControllerGroup : Textarea registerProperty(String, String) 
+controlP5.ControllerGroup : Textarea remove(CDrawable) 
+controlP5.ControllerGroup : Textarea remove(ControllerInterface) 
+controlP5.ControllerGroup : Textarea removeCanvas(ControlWindowCanvas) 
+controlP5.ControllerGroup : Textarea removeProperty(String) 
+controlP5.ControllerGroup : Textarea removeProperty(String, String) 
+controlP5.ControllerGroup : Textarea setAddress(String) 
+controlP5.ControllerGroup : Textarea setArrayValue(float[]) 
+controlP5.ControllerGroup : Textarea setColor(CColor) 
+controlP5.ControllerGroup : Textarea setColorActive(int) 
+controlP5.ControllerGroup : Textarea setColorBackground(int) 
+controlP5.ControllerGroup : Textarea setColorForeground(int) 
+controlP5.ControllerGroup : Textarea setColorLabel(int) 
+controlP5.ControllerGroup : Textarea setColorValue(int) 
+controlP5.ControllerGroup : Textarea setHeight(int) 
+controlP5.ControllerGroup : Textarea setId(int) 
+controlP5.ControllerGroup : Textarea setLabel(String) 
+controlP5.ControllerGroup : Textarea setMouseOver(boolean) 
+controlP5.ControllerGroup : Textarea setMoveable(boolean) 
+controlP5.ControllerGroup : Textarea setOpen(boolean) 
+controlP5.ControllerGroup : Textarea setPosition(PVector) 
+controlP5.ControllerGroup : Textarea setPosition(float, float) 
+controlP5.ControllerGroup : Textarea setStringValue(String) 
+controlP5.ControllerGroup : Textarea setUpdate(boolean) 
+controlP5.ControllerGroup : Textarea setValue(float) 
+controlP5.ControllerGroup : Textarea setVisible(boolean) 
+controlP5.ControllerGroup : Textarea setWidth(int) 
+controlP5.ControllerGroup : Textarea show() 
+controlP5.ControllerGroup : Textarea update() 
+controlP5.ControllerGroup : Textarea updateAbsolutePosition() 
+controlP5.ControllerGroup : boolean isCollapse() 
+controlP5.ControllerGroup : boolean isMouseOver() 
+controlP5.ControllerGroup : boolean isMoveable() 
+controlP5.ControllerGroup : boolean isOpen() 
+controlP5.ControllerGroup : boolean isUpdate() 
+controlP5.ControllerGroup : boolean isVisible() 
+controlP5.ControllerGroup : boolean setMousePressed(boolean) 
+controlP5.ControllerGroup : float getValue() 
+controlP5.ControllerGroup : float[] getArrayValue() 
+controlP5.ControllerGroup : int getHeight() 
+controlP5.ControllerGroup : int getId() 
+controlP5.ControllerGroup : int getWidth() 
+controlP5.ControllerGroup : void remove() 
+java.lang.Object : String toString() 
+java.lang.Object : boolean equals(Object) 
+
+
+*/
+
+
+
diff --git a/examples/controllers/ControlP5textfield/ControlP5textfield.pde b/examples/controllers/ControlP5textfield/ControlP5textfield.pde
new file mode 100644
index 0000000..b5c491b
--- /dev/null
+++ b/examples/controllers/ControlP5textfield/ControlP5textfield.pde
@@ -0,0 +1,220 @@
+/**
+* ControlP5 Textfield
+*
+*
+* find a list of public methods available for the Textfield Controller
+* at the bottom of this sketch.
+*
+* by Andreas Schlegel, 2012
+* www.sojamo.de/libraries/controlp5
+*
+*/
+
+
+import controlP5.*;
+
+ControlP5 cp5;
+
+String textValue = "";
+
+void setup() {
+  size(700,400);
+  
+  PFont font = createFont("arial",20);
+  
+  cp5 = new ControlP5(this);
+  
+  cp5.addTextfield("input")
+     .setPosition(20,100)
+     .setSize(200,40)
+     .setFont(font)
+     .setFocus(true)
+     .setColor(color(255,0,0))
+     ;
+                 
+  cp5.addTextfield("textValue")
+     .setPosition(20,170)
+     .setSize(200,40)
+     .setFont(createFont("arial",20))
+     .setAutoClear(false)
+     ;
+       
+  cp5.addBang("clear")
+     .setPosition(240,170)
+     .setSize(80,40)
+     .getCaptionLabel().align(ControlP5.CENTER, ControlP5.CENTER)
+     ;    
+  
+  cp5.addTextfield("default")
+     .setPosition(20,350)
+     .setAutoClear(false)
+     ;
+     
+  textFont(font);
+}
+
+void draw() {
+  background(0);
+  fill(255);
+  text(cp5.get(Textfield.class,"input").getText(), 360,130);
+  text(textValue, 360,180);
+}
+
+public void clear() {
+  cp5.get(Textfield.class,"textValue").clear();
+}
+
+void controlEvent(ControlEvent theEvent) {
+  if(theEvent.isAssignableFrom(Textfield.class)) {
+    println("controlEvent: accessing a string from controller '"
+            +theEvent.getName()+"': "
+            +theEvent.getStringValue()
+            );
+  }
+}
+
+
+public void input(String theText) {
+  // automatically receives results from controller input
+  println("a textfield event for controller 'input' : "+theText);
+}
+
+
+
+
+/*
+a list of all methods available for the Textfield Controller
+use ControlP5.printPublicMethodsFor(Textfield.class);
+to print the following list into the console.
+
+You can find further details about class Textfield in the javadoc.
+
+Format:
+ClassName : returnType methodName(parameter type)
+
+controlP5.Textfield : String getText() 
+controlP5.Textfield : Textfield clear() 
+controlP5.Textfield : Textfield keepFocus(boolean) 
+controlP5.Textfield : Textfield setAutoClear(boolean) 
+controlP5.Textfield : Textfield setFocus(boolean) 
+controlP5.Textfield : Textfield setFont(ControlFont) 
+controlP5.Textfield : Textfield setFont(PFont) 
+controlP5.Textfield : Textfield setFont(int) 
+controlP5.Textfield : Textfield setText(String) 
+controlP5.Textfield : Textfield setValue(String) 
+controlP5.Textfield : Textfield setValue(float) 
+controlP5.Textfield : boolean isAutoClear() 
+controlP5.Textfield : int getIndex() 
+controlP5.Textfield : void draw(PApplet) 
+controlP5.Textfield : void keyEvent(KeyEvent) 
+controlP5.Textfield : void setInputFilter(int) 
+controlP5.Textfield : void setPasswordMode(boolean) 
+controlP5.Controller : CColor getColor() 
+controlP5.Controller : ControlBehavior getBehavior() 
+controlP5.Controller : ControlWindow getControlWindow() 
+controlP5.Controller : ControlWindow getWindow() 
+controlP5.Controller : ControllerProperty getProperty(String) 
+controlP5.Controller : ControllerProperty getProperty(String, String) 
+controlP5.Controller : Label getCaptionLabel() 
+controlP5.Controller : Label getValueLabel() 
+controlP5.Controller : List getControllerPlugList() 
+controlP5.Controller : PImage setImage(PImage) 
+controlP5.Controller : PImage setImage(PImage, int) 
+controlP5.Controller : PVector getAbsolutePosition() 
+controlP5.Controller : PVector getPosition() 
+controlP5.Controller : String getAddress() 
+controlP5.Controller : String getInfo() 
+controlP5.Controller : String getName() 
+controlP5.Controller : String getStringValue() 
+controlP5.Controller : String toString() 
+controlP5.Controller : Tab getTab() 
+controlP5.Controller : Textfield addCallback(CallbackListener) 
+controlP5.Controller : Textfield addListener(ControlListener) 
+controlP5.Controller : Textfield bringToFront() 
+controlP5.Controller : Textfield bringToFront(ControllerInterface) 
+controlP5.Controller : Textfield hide() 
+controlP5.Controller : Textfield linebreak() 
+controlP5.Controller : Textfield listen(boolean) 
+controlP5.Controller : Textfield lock() 
+controlP5.Controller : Textfield plugTo(Object) 
+controlP5.Controller : Textfield plugTo(Object, String) 
+controlP5.Controller : Textfield plugTo(Object[]) 
+controlP5.Controller : Textfield plugTo(Object[], String) 
+controlP5.Controller : Textfield registerProperty(String) 
+controlP5.Controller : Textfield registerProperty(String, String) 
+controlP5.Controller : Textfield registerTooltip(String) 
+controlP5.Controller : Textfield removeBehavior() 
+controlP5.Controller : Textfield removeCallback() 
+controlP5.Controller : Textfield removeCallback(CallbackListener) 
+controlP5.Controller : Textfield removeListener(ControlListener) 
+controlP5.Controller : Textfield removeProperty(String) 
+controlP5.Controller : Textfield removeProperty(String, String) 
+controlP5.Controller : Textfield setArrayValue(float[]) 
+controlP5.Controller : Textfield setArrayValue(int, float) 
+controlP5.Controller : Textfield setBehavior(ControlBehavior) 
+controlP5.Controller : Textfield setBroadcast(boolean) 
+controlP5.Controller : Textfield setCaptionLabel(String) 
+controlP5.Controller : Textfield setColor(CColor) 
+controlP5.Controller : Textfield setColorActive(int) 
+controlP5.Controller : Textfield setColorBackground(int) 
+controlP5.Controller : Textfield setColorCaptionLabel(int) 
+controlP5.Controller : Textfield setColorForeground(int) 
+controlP5.Controller : Textfield setColorValueLabel(int) 
+controlP5.Controller : Textfield setDecimalPrecision(int) 
+controlP5.Controller : Textfield setDefaultValue(float) 
+controlP5.Controller : Textfield setHeight(int) 
+controlP5.Controller : Textfield setId(int) 
+controlP5.Controller : Textfield setImages(PImage, PImage, PImage) 
+controlP5.Controller : Textfield setImages(PImage, PImage, PImage, PImage) 
+controlP5.Controller : Textfield setLabelVisible(boolean) 
+controlP5.Controller : Textfield setLock(boolean) 
+controlP5.Controller : Textfield setMax(float) 
+controlP5.Controller : Textfield setMin(float) 
+controlP5.Controller : Textfield setMouseOver(boolean) 
+controlP5.Controller : Textfield setMoveable(boolean) 
+controlP5.Controller : Textfield setPosition(PVector) 
+controlP5.Controller : Textfield setPosition(float, float) 
+controlP5.Controller : Textfield setSize(PImage) 
+controlP5.Controller : Textfield setSize(int, int) 
+controlP5.Controller : Textfield setStringValue(String) 
+controlP5.Controller : Textfield setUpdate(boolean) 
+controlP5.Controller : Textfield setValueLabel(String) 
+controlP5.Controller : Textfield setView(ControllerView) 
+controlP5.Controller : Textfield setVisible(boolean) 
+controlP5.Controller : Textfield setWidth(int) 
+controlP5.Controller : Textfield show() 
+controlP5.Controller : Textfield unlock() 
+controlP5.Controller : Textfield unplugFrom(Object) 
+controlP5.Controller : Textfield unplugFrom(Object[]) 
+controlP5.Controller : Textfield unregisterTooltip() 
+controlP5.Controller : Textfield update() 
+controlP5.Controller : Textfield updateSize() 
+controlP5.Controller : boolean isActive() 
+controlP5.Controller : boolean isBroadcast() 
+controlP5.Controller : boolean isInside() 
+controlP5.Controller : boolean isLabelVisible() 
+controlP5.Controller : boolean isListening() 
+controlP5.Controller : boolean isLock() 
+controlP5.Controller : boolean isMouseOver() 
+controlP5.Controller : boolean isMousePressed() 
+controlP5.Controller : boolean isMoveable() 
+controlP5.Controller : boolean isUpdate() 
+controlP5.Controller : boolean isVisible() 
+controlP5.Controller : float getArrayValue(int) 
+controlP5.Controller : float getDefaultValue() 
+controlP5.Controller : float getMax() 
+controlP5.Controller : float getMin() 
+controlP5.Controller : float getValue() 
+controlP5.Controller : float[] getArrayValue() 
+controlP5.Controller : int getDecimalPrecision() 
+controlP5.Controller : int getHeight() 
+controlP5.Controller : int getId() 
+controlP5.Controller : int getWidth() 
+controlP5.Controller : int listenerSize() 
+controlP5.Controller : void remove() 
+controlP5.Controller : void setView(ControllerView, int) 
+java.lang.Object : String toString() 
+java.lang.Object : boolean equals(Object) 
+
+
+*/
diff --git a/examples/controllers/ControlP5textlabel/ControlP5Textlabel.pde b/examples/controllers/ControlP5textlabel/ControlP5Textlabel.pde
new file mode 100644
index 0000000..54347e0
--- /dev/null
+++ b/examples/controllers/ControlP5textlabel/ControlP5Textlabel.pde
@@ -0,0 +1,181 @@
+/**
+* ControlP5 Textlabel
+*
+*
+* find a list of public methods available for the Textlabel Controller
+* at the bottom of this sketch.
+*
+* by Andreas Schlegel, 2012
+* www.sojamo.de/libraries/controlp5
+*
+*/
+
+import controlP5.*;
+
+ControlP5 cp5;
+
+Textlabel myTextlabelA;
+Textlabel myTextlabelB;
+
+void setup() {
+  size(700,400);
+  cp5 = new ControlP5(this);
+  
+  myTextlabelA = cp5.addTextlabel("label")
+                    .setText("A single ControlP5 textlabel, in yellow.")
+                    .setPosition(100,50)
+                    .setColorValue(0xffffff00)
+                    .setFont(createFont("Georgia",20))
+                    ;
+                    
+  myTextlabelB = new Textlabel(cp5,"Another textlabel, not created through ControlP5 needs to be rendered separately by calling Textlabel.draw(PApplet).",100,100,400,200);
+
+}
+
+
+
+void draw() {
+  background(0);
+  myTextlabelB.draw(this); 
+}
+
+
+
+/*
+a list of all methods available for the Textlabel Controller
+use ControlP5.printPublicMethodsFor(Textlabel.class);
+to print the following list into the console.
+
+You can find further details about class Textlabel in the javadoc.
+
+Format:
+ClassName : returnType methodName(parameter type)
+
+controlP5.Textlabel : Label get() 
+controlP5.Textlabel : Textlabel setColor(int) 
+controlP5.Textlabel : Textlabel setFont(ControlFont) 
+controlP5.Textlabel : Textlabel setFont(PFont) 
+controlP5.Textlabel : Textlabel setFont(int) 
+controlP5.Textlabel : Textlabel setHeight(int) 
+controlP5.Textlabel : Textlabel setLetterSpacing(int) 
+controlP5.Textlabel : Textlabel setMultiline(boolean) 
+controlP5.Textlabel : Textlabel setStringValue(String) 
+controlP5.Textlabel : Textlabel setText(String) 
+controlP5.Textlabel : Textlabel setValue(String) 
+controlP5.Textlabel : Textlabel setValue(float) 
+controlP5.Textlabel : Textlabel setWidth(int) 
+controlP5.Textlabel : void draw() 
+controlP5.Textlabel : void draw(PApplet) 
+controlP5.Textlabel : void draw(int, int) 
+controlP5.Controller : CColor getColor() 
+controlP5.Controller : ControlBehavior getBehavior() 
+controlP5.Controller : ControlWindow getControlWindow() 
+controlP5.Controller : ControlWindow getWindow() 
+controlP5.Controller : ControllerProperty getProperty(String) 
+controlP5.Controller : ControllerProperty getProperty(String, String) 
+controlP5.Controller : Label getCaptionLabel() 
+controlP5.Controller : Label getValueLabel() 
+controlP5.Controller : List getControllerPlugList() 
+controlP5.Controller : PImage setImage(PImage) 
+controlP5.Controller : PImage setImage(PImage, int) 
+controlP5.Controller : PVector getAbsolutePosition() 
+controlP5.Controller : PVector getPosition() 
+controlP5.Controller : String getAddress() 
+controlP5.Controller : String getInfo() 
+controlP5.Controller : String getName() 
+controlP5.Controller : String getStringValue() 
+controlP5.Controller : String toString() 
+controlP5.Controller : Tab getTab() 
+controlP5.Controller : Textlabel addCallback(CallbackListener) 
+controlP5.Controller : Textlabel addListener(ControlListener) 
+controlP5.Controller : Textlabel bringToFront() 
+controlP5.Controller : Textlabel bringToFront(ControllerInterface) 
+controlP5.Controller : Textlabel hide() 
+controlP5.Controller : Textlabel linebreak() 
+controlP5.Controller : Textlabel listen(boolean) 
+controlP5.Controller : Textlabel lock() 
+controlP5.Controller : Textlabel plugTo(Object) 
+controlP5.Controller : Textlabel plugTo(Object, String) 
+controlP5.Controller : Textlabel plugTo(Object[]) 
+controlP5.Controller : Textlabel plugTo(Object[], String) 
+controlP5.Controller : Textlabel registerProperty(String) 
+controlP5.Controller : Textlabel registerProperty(String, String) 
+controlP5.Controller : Textlabel registerTooltip(String) 
+controlP5.Controller : Textlabel removeBehavior() 
+controlP5.Controller : Textlabel removeCallback() 
+controlP5.Controller : Textlabel removeCallback(CallbackListener) 
+controlP5.Controller : Textlabel removeListener(ControlListener) 
+controlP5.Controller : Textlabel removeProperty(String) 
+controlP5.Controller : Textlabel removeProperty(String, String) 
+controlP5.Controller : Textlabel setArrayValue(float[]) 
+controlP5.Controller : Textlabel setArrayValue(int, float) 
+controlP5.Controller : Textlabel setBehavior(ControlBehavior) 
+controlP5.Controller : Textlabel setBroadcast(boolean) 
+controlP5.Controller : Textlabel setCaptionLabel(String) 
+controlP5.Controller : Textlabel setColor(CColor) 
+controlP5.Controller : Textlabel setColorActive(int) 
+controlP5.Controller : Textlabel setColorBackground(int) 
+controlP5.Controller : Textlabel setColorCaptionLabel(int) 
+controlP5.Controller : Textlabel setColorForeground(int) 
+controlP5.Controller : Textlabel setColorValueLabel(int) 
+controlP5.Controller : Textlabel setDecimalPrecision(int) 
+controlP5.Controller : Textlabel setDefaultValue(float) 
+controlP5.Controller : Textlabel setHeight(int) 
+controlP5.Controller : Textlabel setId(int) 
+controlP5.Controller : Textlabel setImages(PImage, PImage, PImage) 
+controlP5.Controller : Textlabel setImages(PImage, PImage, PImage, PImage) 
+controlP5.Controller : Textlabel setLabelVisible(boolean) 
+controlP5.Controller : Textlabel setLock(boolean) 
+controlP5.Controller : Textlabel setMax(float) 
+controlP5.Controller : Textlabel setMin(float) 
+controlP5.Controller : Textlabel setMouseOver(boolean) 
+controlP5.Controller : Textlabel setMoveable(boolean) 
+controlP5.Controller : Textlabel setPosition(PVector) 
+controlP5.Controller : Textlabel setPosition(float, float) 
+controlP5.Controller : Textlabel setSize(PImage) 
+controlP5.Controller : Textlabel setSize(int, int) 
+controlP5.Controller : Textlabel setStringValue(String) 
+controlP5.Controller : Textlabel setUpdate(boolean) 
+controlP5.Controller : Textlabel setValueLabel(String) 
+controlP5.Controller : Textlabel setView(ControllerView) 
+controlP5.Controller : Textlabel setVisible(boolean) 
+controlP5.Controller : Textlabel setWidth(int) 
+controlP5.Controller : Textlabel show() 
+controlP5.Controller : Textlabel unlock() 
+controlP5.Controller : Textlabel unplugFrom(Object) 
+controlP5.Controller : Textlabel unplugFrom(Object[]) 
+controlP5.Controller : Textlabel unregisterTooltip() 
+controlP5.Controller : Textlabel update() 
+controlP5.Controller : Textlabel updateSize() 
+controlP5.Controller : boolean isActive() 
+controlP5.Controller : boolean isBroadcast() 
+controlP5.Controller : boolean isInside() 
+controlP5.Controller : boolean isLabelVisible() 
+controlP5.Controller : boolean isListening() 
+controlP5.Controller : boolean isLock() 
+controlP5.Controller : boolean isMouseOver() 
+controlP5.Controller : boolean isMousePressed() 
+controlP5.Controller : boolean isMoveable() 
+controlP5.Controller : boolean isUpdate() 
+controlP5.Controller : boolean isVisible() 
+controlP5.Controller : float getArrayValue(int) 
+controlP5.Controller : float getDefaultValue() 
+controlP5.Controller : float getMax() 
+controlP5.Controller : float getMin() 
+controlP5.Controller : float getValue() 
+controlP5.Controller : float[] getArrayValue() 
+controlP5.Controller : int getDecimalPrecision() 
+controlP5.Controller : int getHeight() 
+controlP5.Controller : int getId() 
+controlP5.Controller : int getWidth() 
+controlP5.Controller : int listenerSize() 
+controlP5.Controller : void remove() 
+controlP5.Controller : void setView(ControllerView, int) 
+java.lang.Object : String toString() 
+java.lang.Object : boolean equals(Object) 
+
+
+*/
+
+
+
diff --git a/examples/controllers/ControlP5timer/ControlP5timer.pde b/examples/controllers/ControlP5timer/ControlP5timer.pde
new file mode 100644
index 0000000..d4f2d0f
--- /dev/null
+++ b/examples/controllers/ControlP5timer/ControlP5timer.pde
@@ -0,0 +1,32 @@
+/**
+ * ControlP5 Timer
+ * by andreas schlegel, 2009
+ */
+
+import controlP5.*;
+
+ControlP5 cp5;
+ControlTimer c;
+Textlabel t;
+
+void setup() {
+  size(400,400);
+  frameRate(30);
+  cp5 = new ControlP5(this);
+  c = new ControlTimer();
+  t = new Textlabel(cp5,"--",100,100);
+  c.setSpeedOfTime(1);
+}
+
+
+void draw() {
+  background(0);
+  t.setValue(c.toString());
+  t.draw(this);
+  t.setPosition(mouseX, mouseY);
+}
+
+
+void mousePressed() {
+  c.reset();
+}
diff --git a/examples/controllers/ControlP5toggle/ControlP5toggle.pde b/examples/controllers/ControlP5toggle/ControlP5toggle.pde
new file mode 100644
index 0000000..da52423
--- /dev/null
+++ b/examples/controllers/ControlP5toggle/ControlP5toggle.pde
@@ -0,0 +1,206 @@
+
+/**
+* ControlP5 Toggle
+*
+*
+* find a list of public methods available for the Toggle Controller
+* at the bottom of this sketch.
+*
+* by Andreas Schlegel, 2011
+* www.sojamo.de/libraries/controlp5
+*
+*/
+
+
+import controlP5.*;
+
+ControlP5 cp5;
+
+int col = color(255);
+
+boolean toggleValue = false;
+
+void setup() {
+  size(400,400);
+  smooth();
+  cp5 = new ControlP5(this);
+  
+  // create a toggle
+  cp5.addToggle("toggleValue")
+     .setPosition(40,100)
+     .setSize(50,20)
+     ;
+  
+  // create a toggle and change the default look to a (on/off) switch look
+  cp5.addToggle("toggle")
+     .setPosition(40,250)
+     .setSize(50,20)
+     .setValue(true)
+     .setMode(ControlP5.SWITCH)
+     ;
+     
+}
+  
+
+void draw() {
+  background(0);
+  
+  pushMatrix();
+  
+  if(toggleValue==true) {
+    fill(255,255,220);
+  } else {
+    fill(128,128,110);
+  }
+  translate(280,100);
+  ellipse(0,0,100,100);
+  
+  
+  translate(0,150);
+  fill(col);
+  ellipse(0,0,40,40);
+  
+  popMatrix();
+}
+
+
+
+void toggle(boolean theFlag) {
+  if(theFlag==true) {
+    col = color(255);
+  } else {
+    col = color(100);
+  }
+  println("a toggle event.");
+}
+
+
+
+
+
+
+/*
+a list of all methods available for the Toggle Controller
+use ControlP5.printPublicMethodsFor(Toggle.class);
+to print the following list into the console.
+
+You can find further details about class Toggle in the javadoc.
+
+Format:
+ClassName : returnType methodName(parameter type)
+
+
+controlP5.Toggle : Toggle setMode(int) 
+controlP5.Toggle : Toggle setState(boolean) 
+controlP5.Toggle : Toggle setValue(boolean) 
+controlP5.Toggle : Toggle setValue(float) 
+controlP5.Toggle : Toggle toggle() 
+controlP5.Toggle : Toggle update() 
+controlP5.Toggle : boolean getState() 
+controlP5.Controller : CColor getColor() 
+controlP5.Controller : ControlBehavior getBehavior() 
+controlP5.Controller : ControlWindow getControlWindow() 
+controlP5.Controller : ControlWindow getWindow() 
+controlP5.Controller : Controller addCallback(CallbackListener) 
+controlP5.Controller : Controller addListener(ControlListener) 
+controlP5.Controller : Controller hide() 
+controlP5.Controller : Controller linebreak() 
+controlP5.Controller : Controller listen(boolean) 
+controlP5.Controller : Controller lock() 
+controlP5.Controller : Controller plugTo(Object) 
+controlP5.Controller : Controller plugTo(Object, String) 
+controlP5.Controller : Controller plugTo(Object[]) 
+controlP5.Controller : Controller plugTo(Object[], String) 
+controlP5.Controller : Controller registerProperty(String) 
+controlP5.Controller : Controller registerProperty(String, String) 
+controlP5.Controller : Controller registerTooltip(String) 
+controlP5.Controller : Controller removeBehavior() 
+controlP5.Controller : Controller removeCallback() 
+controlP5.Controller : Controller removeCallback(CallbackListener) 
+controlP5.Controller : Controller removeListener(ControlListener) 
+controlP5.Controller : Controller removeProperty(String) 
+controlP5.Controller : Controller removeProperty(String, String) 
+controlP5.Controller : Controller setArrayValue(float[]) 
+controlP5.Controller : Controller setArrayValue(int, float) 
+controlP5.Controller : Controller setBehavior(ControlBehavior) 
+controlP5.Controller : Controller setBroadcast(boolean) 
+controlP5.Controller : Controller setCaptionLabel(String) 
+controlP5.Controller : Controller setColor(CColor) 
+controlP5.Controller : Controller setColorActive(int) 
+controlP5.Controller : Controller setColorBackground(int) 
+controlP5.Controller : Controller setColorCaptionLabel(int) 
+controlP5.Controller : Controller setColorForeground(int) 
+controlP5.Controller : Controller setColorValueLabel(int) 
+controlP5.Controller : Controller setDecimalPrecision(int) 
+controlP5.Controller : Controller setDefaultValue(float) 
+controlP5.Controller : Controller setDisplay(ControllerDisplay) 
+controlP5.Controller : Controller setHeight(int) 
+controlP5.Controller : Controller setId(int) 
+controlP5.Controller : Controller setImages(PImage, PImage, PImage) 
+controlP5.Controller : Controller setImages(PImage, PImage, PImage, PImage) 
+controlP5.Controller : Controller setLabelVisible(boolean) 
+controlP5.Controller : Controller setLock(boolean) 
+controlP5.Controller : Controller setMax(float) 
+controlP5.Controller : Controller setMin(float) 
+controlP5.Controller : Controller setMoveable(boolean) 
+controlP5.Controller : Controller setPosition(PVector) 
+controlP5.Controller : Controller setPosition(float, float) 
+controlP5.Controller : Controller setSize(PImage) 
+controlP5.Controller : Controller setSize(int, int) 
+controlP5.Controller : Controller setStringValue(String) 
+controlP5.Controller : Controller setUpdate(boolean) 
+controlP5.Controller : Controller setValueLabel(String) 
+controlP5.Controller : Controller setVisible(boolean) 
+controlP5.Controller : Controller setWidth(int) 
+controlP5.Controller : Controller show() 
+controlP5.Controller : Controller unlock() 
+controlP5.Controller : Controller unplugFrom(Object) 
+controlP5.Controller : Controller unplugFrom(Object[]) 
+controlP5.Controller : Controller unregisterTooltip() 
+controlP5.Controller : Controller update() 
+controlP5.Controller : Controller updateSize() 
+controlP5.Controller : ControllerProperty getProperty(String) 
+controlP5.Controller : ControllerProperty getProperty(String, String) 
+controlP5.Controller : Label getCaptionLabel() 
+controlP5.Controller : Label getValueLabel() 
+controlP5.Controller : List getControllerPlugList() 
+controlP5.Controller : PImage setImage(PImage) 
+controlP5.Controller : PImage setImage(PImage, int) 
+controlP5.Controller : PVector getAbsolutePosition() 
+controlP5.Controller : PVector getPosition() 
+controlP5.Controller : String getAddress() 
+controlP5.Controller : String getInfo() 
+controlP5.Controller : String getLabel() 
+controlP5.Controller : String getName() 
+controlP5.Controller : String getStringValue() 
+controlP5.Controller : String toString() 
+controlP5.Controller : Tab getTab() 
+controlP5.Controller : boolean isActive() 
+controlP5.Controller : boolean isBroadcast() 
+controlP5.Controller : boolean isInside() 
+controlP5.Controller : boolean isListening() 
+controlP5.Controller : boolean isLock() 
+controlP5.Controller : boolean isMouseOver() 
+controlP5.Controller : boolean isMousePressed() 
+controlP5.Controller : boolean isMoveable() 
+controlP5.Controller : boolean isUpdate() 
+controlP5.Controller : boolean isVisible() 
+controlP5.Controller : float getArrayValue(int) 
+controlP5.Controller : float getDefaultValue() 
+controlP5.Controller : float getMax() 
+controlP5.Controller : float getMin() 
+controlP5.Controller : float getValue() 
+controlP5.Controller : float[] getArrayValue() 
+controlP5.Controller : int getHeight() 
+controlP5.Controller : int getId() 
+controlP5.Controller : int getWidth() 
+controlP5.Controller : int listenerSize() 
+controlP5.Controller : void remove() 
+controlP5.Controller : void setDisplay(ControllerDisplay, int) 
+java.lang.Object : String toString() 
+java.lang.Object : boolean equals(Object) 
+
+
+*/
+
+
diff --git a/examples/controllers/ControlP5tooltip/ControlP5tooltip.pde b/examples/controllers/ControlP5tooltip/ControlP5tooltip.pde
new file mode 100644
index 0000000..334c4ec
--- /dev/null
+++ b/examples/controllers/ControlP5tooltip/ControlP5tooltip.pde
@@ -0,0 +1,112 @@
+  /**
+* ControlP5 Tooltip
+*
+* add a tooltip to a controller.
+* hover your mouse on top of a slider in the example and wait 
+* for 1 second for the tooltip to appear.
+*
+* find a list of public methods available for the Tooltip Controller
+* at the bottom of this sketch.
+*
+* NOTE: currently does not work for custom PGraphics context
+*
+* by Andreas Schlegel, 2011
+* www.sojamo.de/libraries/controlp5
+*
+*/
+
+import controlP5.*;
+
+
+ControlP5 cp5;
+
+float s1 = 20, s2 = 100;
+
+void setup() {
+  size(700,400);
+  cp5 = new ControlP5(this);
+  
+  
+  
+  
+  
+  // sorry, Tooltip is currently not working
+  
+  
+  
+  
+  
+  
+  
+  
+  
+  
+  
+  
+  
+  
+  
+  
+  cp5.begin(100,100);
+  cp5.addSlider("s1",10,200).linebreak();
+  cp5.addSlider("s2",0,150);
+  cp5.end();
+  
+  cp5.getTooltip().setDelay(500);
+  cp5.getTooltip().register("s1","Changes the size of the ellipse.");
+  cp5.getTooltip().register("s2","Changes the Background");
+  
+  smooth();
+  noStroke();
+}
+
+
+void keyPressed() {
+  println("unregistering the tooltip for s2");
+  cp5.getTooltip().unregister("s2");
+}
+void draw() {
+  background(s2);
+  fill(255,100);
+  ellipse(width/2, height/2, s1,s1);
+}
+
+
+
+/*
+a list of all methods available for the Tooltip Controller
+use ControlP5.printPublicMethodsFor(Tooltip.class);
+to print the following list into the console.
+
+You can find further details about class Tooltip in the javadoc.
+
+Format:
+ClassName : returnType methodName(parameter type)
+
+
+controlP5.Tooltip : Label getLabel() 
+controlP5.Tooltip : Tooltip disable() 
+controlP5.Tooltip : Tooltip enable() 
+controlP5.Tooltip : Tooltip register(Controller, String) 
+controlP5.Tooltip : Tooltip register(String, String) 
+controlP5.Tooltip : Tooltip setAlpha(int) 
+controlP5.Tooltip : Tooltip setBorder(int) 
+controlP5.Tooltip : Tooltip setColorBackground(int) 
+controlP5.Tooltip : Tooltip setColorLabel(int) 
+controlP5.Tooltip : Tooltip setDelay(long) 
+controlP5.Tooltip : Tooltip setDisplay(ControllerDisplay) 
+controlP5.Tooltip : Tooltip setHeight(int) 
+controlP5.Tooltip : Tooltip setLabel(Label) 
+controlP5.Tooltip : Tooltip setPositionOffset(float, float) 
+controlP5.Tooltip : Tooltip setWidth(int) 
+controlP5.Tooltip : Tooltip unregister(Controller) 
+controlP5.Tooltip : Tooltip unregister(String) 
+controlP5.Tooltip : boolean isEnabled() 
+controlP5.Tooltip : int getBorder() 
+java.lang.Object : String toString() 
+java.lang.Object : boolean equals(Object) 
+
+*/
+
+
+
diff --git a/examples/controllers/ControlP5window/ControlP5window.pde b/examples/controllers/ControlP5window/ControlP5window.pde
new file mode 100644
index 0000000..27e6a7d
--- /dev/null
+++ b/examples/controllers/ControlP5window/ControlP5window.pde
@@ -0,0 +1,82 @@
+/**
+ * ControlP5 ControlWindow
+ * by andreas schlegel, 2012
+ */
+
+import controlP5.*;
+
+ControlP5 cp5;
+
+int myColorBackground = color(0, 0, 0);
+
+ControlWindow controlWindow;
+
+public int sliderValue = 40;
+
+void setup() {
+  size(700, 400);  
+
+  cp5 = new ControlP5(this);
+
+
+// PLEASE READ
+// 
+// With controlP5 2.0 the ControlWindow has been removed, 
+// please see the changelog.txt for details. 
+// Instead, see the extra/ControlP5frame example for 
+// a ControlWindow alternative.
+
+
+
+
+
+
+
+
+
+
+
+//  controlWindow = cp5.addControlWindow("controlP5window", 100, 100, 400, 200)
+//    .hideCoordinates()
+//    .setBackground(color(40))
+//    ;
+
+  cp5.addSlider("sliderValue")
+     .setRange(0, 255)
+     .setPosition(40, 40)
+     .setSize(200, 29)
+     //.moveTo(controlWindow)
+     ;
+}
+
+
+void draw() {
+  background(sliderValue);
+}
+
+void myTextfield(String theValue) {
+  println(theValue);
+}
+
+void myWindowTextfield(String theValue) {
+  println("from controlWindow: "+theValue);
+}
+
+void keyPressed() {
+  // if (key==',') cp5.window("controlP5window").hide();
+  // if (key=='.') cp5.window("controlP5window").show();
+  // controlWindow = controlP5.addControlWindow("controlP5window2",600,100,400,200);
+  // controlP5.controller("sliderValue1").moveTo(controlWindow);
+
+  // if (key=='d') {
+  //   if (controlWindow.isUndecorated()) {
+  //     controlWindow.setUndecorated(false);
+  //   } else {
+  //     controlWindow.setUndecorated(true);
+  //   }
+  // }
+  // if (key=='t') {
+  //   controlWindow.toggleUndecorated();
+  // }
+}
+
diff --git a/examples/experimental/ControlP5CustomMatrix/ControlP5CustomMatrix.pde b/examples/experimental/ControlP5CustomMatrix/ControlP5CustomMatrix.pde
new file mode 100644
index 0000000..7a4f4d0
--- /dev/null
+++ b/examples/experimental/ControlP5CustomMatrix/ControlP5CustomMatrix.pde
@@ -0,0 +1,99 @@
+import controlP5.*;
+
+ControlP5 cp5;
+
+void setup() {
+  size(400, 400);
+  cp5 = new ControlP5(this);
+  int x = 20;
+  int y = 8; 
+  // init our CustomMatrix
+  CustomMatrix m = new CustomMatrix(cp5, "matrix");
+  // set parameters for our CustomMatrix
+  m.setPosition(50, 100)
+  .setSize(200, 200)
+  .setInterval(200)
+  .setGrid(x,y)
+  .setMode(ControlP5.MULTIPLES)
+  .setColorBackground(color(120))
+  .setBackground(color(40));
+  
+  // initialize the presets for the CustomMatrix
+  m.initPresets();
+  
+}
+
+void draw() {
+  background(0);
+}
+
+// function called by our CustomMatrix with name matrix
+public void matrix(int x, int y) {
+  println("trigger", x, y);
+}
+
+
+// extend the Matrix class since we need to override the Matrix's sequencer
+class CustomMatrix extends Matrix {
+  
+  // add a list to store some presets
+  ArrayList<int[][]> presets = new ArrayList<int[][]>();
+  int currentPreset = 0;
+  Thread update;
+
+  CustomMatrix(ControlP5 cp5, String theName) {
+    super(cp5, theName);
+    stop(); // stop the default sequencer and
+    // create our custom sequencer thread. Here we 
+    // check if the sequencer has reached the end and if so
+    // we updated to the next preset.
+    update = new Thread(theName) {
+      public void run( ) {
+        while ( true ) {
+          cnt++;
+          cnt %= _myCellX;
+          if (cnt==0) {
+            // we reached the end and go back to start and 
+            // update the preset 
+            next();
+          }
+          trigger(cnt);
+          try {
+            sleep( _myInterval );
+          } 
+          catch ( InterruptedException e ) {
+          }
+        }
+      }
+    };
+    update.start();
+  }
+  
+  
+  void next() {
+    currentPreset++;
+    currentPreset %= presets.size();
+    setCells(presets.get(currentPreset));
+  }
+
+  // initialize some random presets.
+  void initPresets() {
+    for (int i=0;i<4;i++) {
+      presets.add(createPreset(_myCellX, _myCellY));
+    }
+    setCells(presets.get(0));
+  }
+  
+  // create a random preset
+  int[][] createPreset(int theX, int theY) {
+    int[][] preset = new int[theX][theY];
+    for (int x=0;x<theX;x++) {
+      for (int y=0;y<theY;y++) {
+        preset[x][y] = random(1)>0.5 ? 1:0;
+      }
+    }
+    return preset;
+  }
+  
+}
+
diff --git a/examples/experimental/ControlP5MenuList/ControlP5MenuList.pde b/examples/experimental/ControlP5MenuList/ControlP5MenuList.pde
new file mode 100644
index 0000000..651c1e2
--- /dev/null
+++ b/examples/experimental/ControlP5MenuList/ControlP5MenuList.pde
@@ -0,0 +1,187 @@
+
+/**
+ * ControlP5 MenuList
+ * 
+ * A custom Controller, a scrollable Menu List, using a PGraphics buffer.
+ * Allows custom designs for List Item.
+ *
+ * by Andreas Schlegel, 2013
+ * www.sojamo.de/libraries/controlp5
+ *
+ */
+ 
+import controlP5.*;
+import static controlP5.ControlP5.*;
+import java.util.*;
+import java.util.Map.Entry;
+
+
+ControlP5 cp5;
+
+PFont f1, f2;
+void setup() {
+  size(800, 500, P3D );
+  f1 = createFont("Helvetica", 20);
+  f2 = createFont("Helvetica", 12);
+
+  cp5 = new ControlP5( this );
+  
+  
+  /* create a custom MenuList with name menu, notice that function 
+   * menu will be called when a menu item has been clicked.
+   */
+  MenuList m = new MenuList( cp5, "menu", 200, 368 );
+  
+  m.setPosition(40, 40);
+  // add some items to our menuList
+  for (int i=0;i<100;i++) {
+    m.addItem(makeItem("headline-"+i, "subline", "some copy lorem ipsum ", createImage(50, 50, RGB)));
+  }
+}
+
+/* a convenience function to build a map that contains our key-value pairs which we will 
+ * then use to render each item of the menuList.
+ */
+Map<String, Object> makeItem(String theHeadline, String theSubline, String theCopy, PImage theImage) {
+  Map m = new HashMap<String, Object>();
+  m.put("headline", theHeadline);
+  m.put("subline", theSubline);
+  m.put("copy", theCopy);
+  m.put("image", theImage);
+  return m;
+}
+
+void menu(int i) {
+  println("got some menu event from item with index "+i);
+}
+
+public void controlEvent(ControlEvent theEvent) {
+  if(theEvent.isFrom("menu")){
+    Map m = ((MenuList)theEvent.getController()).getItem(int(theEvent.getValue()));
+    println("got a menu event from item : "+m);
+  }
+}
+
+void draw() {
+  background( 40 );
+}
+
+
+/* A custom Controller that implements a scrollable menuList. Here the controller 
+ * uses a PGraphics element to render customizable list items. The menuList can be scrolled
+ * using the scroll-wheel, touchpad, or mouse-drag. Items are triggered by a click. clicking 
+ * the scrollbar to the right makes the list scroll to the item correspoinding to the 
+ * click-location. 
+ */ 
+class MenuList extends Controller<MenuList> {
+
+  float pos, npos;
+  int itemHeight = 100;
+  int scrollerLength = 40;
+  List< Map<String, Object>> items = new ArrayList< Map<String, Object>>();
+  PGraphics menu;
+  boolean updateMenu;
+
+  MenuList(ControlP5 c, String theName, int theWidth, int theHeight) {
+    super( c, theName, 0, 0, theWidth, theHeight );
+    c.register( this );
+    menu = createGraphics(getWidth(), getHeight() );
+
+    setView(new ControllerView<MenuList>() {
+
+      public void display(PGraphics pg, MenuList t ) {
+        if (updateMenu) {
+          updateMenu();
+        }
+        if (inside() ) {
+          menu.beginDraw();
+          int len = -(itemHeight * items.size()) + getHeight();
+          int ty = int(map(pos, len, 0, getHeight() - scrollerLength - 2, 2 ) );
+          menu.fill(255 );
+          menu.rect(getWidth()-4, ty, 4, scrollerLength );
+          menu.endDraw();
+        }
+        pg.image(menu, 0, 0);
+      }
+    }
+    );
+    updateMenu();
+  }
+
+  /* only update the image buffer when necessary - to save some resources */
+  void updateMenu() {
+    int len = -(itemHeight * items.size()) + getHeight();
+    npos = constrain(npos, len, 0);
+    pos += (npos - pos) * 0.1;
+    menu.beginDraw();
+    menu.noStroke();
+    menu.background(255, 64 );
+    menu.textFont(cp5.getFont().getFont());
+    menu.pushMatrix();
+    menu.translate( 0, pos );
+    menu.pushMatrix();
+
+    int i0 = PApplet.max( 0, int(map(-pos, 0, itemHeight * items.size(), 0, items.size())));
+    int range = ceil((float(getHeight())/float(itemHeight))+1);
+    int i1 = PApplet.min( items.size(), i0 + range );
+
+    menu.translate(0, i0*itemHeight);
+
+    for (int i=i0;i<i1;i++) {
+      Map m = items.get(i);
+      menu.fill(255, 100);
+      menu.rect(0, 0, getWidth(), itemHeight-1 );
+      menu.fill(255);
+      menu.textFont(f1);
+      menu.text(m.get("headline").toString(), 10, 20 );
+      menu.textFont(f2);
+      menu.textLeading(12);
+      menu.text(m.get("subline").toString(), 10, 35 );
+      menu.text(m.get("copy").toString(), 10, 50, 120, 50 );
+      menu.image(((PImage)m.get("image")), 140, 10, 50, 50 );
+      menu.translate( 0, itemHeight );
+    }
+    menu.popMatrix();
+    menu.popMatrix();
+    menu.endDraw();
+    updateMenu = abs(npos-pos)>0.01 ? true:false;
+  }
+  
+  /* when detecting a click, check if the click happend to the far right, if yes, scroll to that position, 
+   * otherwise do whatever this item of the list is supposed to do.
+   */
+  public void onClick() {
+    if (getPointer().x()>getWidth()-10) {
+      npos= -map(getPointer().y(), 0, getHeight(), 0, items.size()*itemHeight);
+      updateMenu = true;
+    } 
+    else {
+      int len = itemHeight * items.size();
+      int index = int( map( getPointer().y() - pos, 0, len, 0, items.size() ) ) ;
+      setValue(index);
+    }
+  }
+  
+  public void onMove() {
+  }
+
+  public void onDrag() {
+    npos += getPointer().dy() * 2;
+    updateMenu = true;
+  } 
+
+  public void onScroll(int n) {
+    npos += ( n * 4 );
+    updateMenu = true;
+  }
+
+  void addItem(Map<String, Object> m) {
+    items.add(m);
+    updateMenu = true;
+  }
+  
+  Map<String,Object> getItem(int theIndex) {
+    return items.get(theIndex);
+  }
+}
+
diff --git a/examples/experimental/ControlP5SliderList/ControlP5SliderList.pde b/examples/experimental/ControlP5SliderList/ControlP5SliderList.pde
new file mode 100644
index 0000000..5413cfb
--- /dev/null
+++ b/examples/experimental/ControlP5SliderList/ControlP5SliderList.pde
@@ -0,0 +1,257 @@
+
+/**
+ * ControlP5 SilderList
+ * 
+ * A custom Controller, a scrollable Menu List, using a PGraphics buffer.
+ * Allows custom designs for List Item.
+ * 
+ * you will need a controlP5 version >= 2.1.5
+ * you can download a copy from 
+ * http://sojamo.de/files/archive/controlP5-2.1.5.zip
+ *
+ * by Andreas Schlegel, 2013
+ * www.sojamo.de/libraries/controlp5
+ *
+ */
+
+import controlP5.*;
+import java.util.*;
+
+
+ControlP5 cp5;
+
+PFont f1;
+int NUM = 100;
+float[] rotation = new float[NUM];
+
+
+void setup() {
+  size(800, 500 ,P3D);
+  f1 = createFont("Helvetica", 12);
+
+  cp5 = new ControlP5( this );
+
+
+  // create a custom SilderList with name menu, notice that function 
+  // menu will be called when a menu item has been clicked.
+
+  SilderList m = new SilderList( cp5, "menu", 250, 350 );
+
+  m.setPosition(40, 40);
+  // add some items to our SilderList
+  for (int i=0;i<NUM;i++) {
+    m.addItem(makeItem("slider-"+i, 0, -PI, PI ));
+  }
+}
+
+// a convenience function to build a map that contains our key-value  
+// pairs which we will then use to render each item of the SilderList.
+//
+Map<String, Object> makeItem(String theLabel, float theValue, float theMin, float theMax) {
+  Map m = new HashMap<String, Object>();
+  m.put("label", theLabel);
+  m.put("sliderValue", theValue);
+  m.put("sliderValueMin", theMin);
+  m.put("sliderValueMax", theMax);
+  return m;
+}
+
+void menu(int i) {
+  println("got some slider-list event from item with index "+i);
+}
+
+public void controlEvent(ControlEvent theEvent) {
+  if (theEvent.isFrom("menu")) {
+    int index = int(theEvent.getValue());
+    Map m = ((SilderList)theEvent.getController()).getItem(index);
+    println("got a slider event from item : "+m);
+    rotation[index] = f(m.get("sliderValue"));
+  }
+}
+
+void draw() {
+  background( 255 );
+  fill(0, 128, 255);
+  noStroke();
+  pushMatrix();
+  translate(width/2, 50 );
+  for (int i=0;i<NUM;i++) {
+    pushMatrix();
+    translate((i%10)*35, int(i/10)*35);
+    rotate(rotation[i]);
+    rect(0, 0, 20, 20);
+    popMatrix();
+  }
+  popMatrix();
+}
+
+
+// A custom Controller that implements a scrollable SilderList.  
+// Here the controller uses a PGraphics element to render customizable 
+// list items. The SilderList can be scrolled using the scroll-wheel,  
+// touchpad, or mouse-drag. Slider are triggered by a press or drag.  
+// clicking the scrollbar to the right makes the list scroll to the item  
+// correspoinding to the click-location.  
+ 
+class SilderList extends Controller<SilderList> {
+
+  float pos, npos;
+  int itemHeight = 60;
+  int scrollerLength = 40;
+  int sliderWidth = 150;
+  int sliderHeight = 15;
+  int sliderX = 10;
+  int sliderY = 25;
+
+  int dragMode = 0;
+  int dragIndex = -1;
+
+  List< Map<String, Object>> items = new ArrayList< Map<String, Object>>();
+  PGraphics menu;
+  boolean updateMenu;
+
+  SilderList(ControlP5 c, String theName, int theWidth, int theHeight) {
+    super( c, theName, 0, 0, theWidth, theHeight );
+    c.register( this );
+    menu = createGraphics(getWidth(), getHeight());
+
+    setView(new ControllerView<SilderList>() {
+
+      public void display(PGraphics pg, SilderList t ) {
+        if (updateMenu) {
+          updateMenu();
+        }
+        if (inside() ) { // draw scrollbar
+          menu.beginDraw();
+          int len = -(itemHeight * items.size()) + getHeight();
+          int ty = int(map(pos, len, 0, getHeight() - scrollerLength - 2, 2 ) );
+          menu.fill( 128 );
+          menu.rect(getWidth()-6, ty, 4, scrollerLength );
+          menu.endDraw();
+        }
+        pg.image(menu, 0, 0);
+      }
+    }
+    );
+    updateMenu();
+  }
+
+  // only update the image buffer when necessary - to save some resources
+  void updateMenu() {
+    int len = -(itemHeight * items.size()) + getHeight();
+    npos = constrain(npos, len, 0);
+    pos += (npos - pos) * 0.1;
+
+    /// draw the SliderList
+    menu.beginDraw();
+    menu.noStroke();
+    menu.background(240);
+    menu.textFont(cp5.getFont().getFont());
+    menu.pushMatrix();
+    menu.translate( 0, int(pos) );
+    menu.pushMatrix();
+
+    int i0 = PApplet.max( 0, int(map(-pos, 0, itemHeight * items.size(), 0, items.size())));
+    int range = ceil((float(getHeight())/float(itemHeight))+1);
+    int i1 = PApplet.min( items.size(), i0 + range );
+
+    menu.translate(0, i0*itemHeight);
+
+    for (int i=i0;i<i1;i++) {
+      Map m = items.get(i);
+      menu.noStroke();
+      menu.fill(200);
+      menu.rect(0, itemHeight-1, getWidth(), 1 );
+      menu.fill(150);
+      // uncomment the following line to use a different font than the default controlP5 font
+      //menu.textFont(f1); 
+      String txt = String.format("%s   %.2f", m.get("label").toString().toUpperCase(), f(items.get(i).get("sliderValue")));
+      menu.text(txt, 10, 20 );
+      menu.fill(255);
+      menu.rect(sliderX, sliderY, sliderWidth, sliderHeight);
+      menu.fill(100, 230, 128);
+      float min = f(items.get(i).get("sliderValueMin"));
+      float max = f(items.get(i).get("sliderValueMax"));
+      float val = f(items.get(i).get("sliderValue"));
+      menu.rect(sliderX, sliderY, map(val, min, max, 0, sliderWidth), sliderHeight);
+      menu.translate( 0, itemHeight );
+    }
+    menu.popMatrix();
+    menu.popMatrix();
+    menu.endDraw();
+    updateMenu = abs(npos-pos)>0.01 ? true:false;
+  }
+
+  // when detecting a click, check if the click happend to the far right,  
+  // if yes, scroll to that position, otherwise do whatever this item of 
+  // the list is supposed to do.
+  public void onClick() {
+    if (getPointer().x()>getWidth()-10) {
+      npos= -map(getPointer().y(), 0, getHeight(), 0, items.size()*itemHeight);
+      updateMenu = true;
+    }
+  }
+
+
+  public void onPress() {
+    int x = getPointer().x();
+    int y = (int)(getPointer().y()-pos)%itemHeight;
+    boolean withinSlider = within(x, y, sliderX, sliderY, sliderWidth, sliderHeight); 
+    dragMode =  withinSlider ? 2:1;
+    if (dragMode==2) {
+      dragIndex = getIndex();
+      float min = f(items.get(dragIndex).get("sliderValueMin"));
+      float max = f(items.get(dragIndex).get("sliderValueMax"));
+      float val = constrain(map(getPointer().x()-sliderX, 0, sliderWidth, min, max), min, max);
+      items.get(dragIndex).put("sliderValue", val);
+      setValue(dragIndex);
+    }
+    updateMenu = true;
+  }
+
+  public void onDrag() {
+    switch(dragMode) {
+      case(1): // drag and scroll the list
+      npos += getPointer().dy() * 2;
+      updateMenu = true;
+      break;
+      case(2): // drag slider
+      float min = f(items.get(dragIndex).get("sliderValueMin"));
+      float max = f(items.get(dragIndex).get("sliderValueMax"));
+      float val = constrain(map(getPointer().x()-sliderX, 0, sliderWidth, min, max), min, max);
+      items.get(dragIndex).put("sliderValue", val);
+      setValue(dragIndex);
+      updateMenu = true;
+      break;
+    }
+  } 
+
+  public void onScroll(int n) {
+    npos += ( n * 4 );
+    updateMenu = true;
+  }
+
+  void addItem(Map<String, Object> m) {
+    items.add(m);
+    updateMenu = true;
+  }
+
+  Map<String, Object> getItem(int theIndex) {
+    return items.get(theIndex);
+  }
+
+  private int getIndex() {
+    int len = itemHeight * items.size();
+    int index = int( map( getPointer().y() - pos, 0, len, 0, items.size() ) ) ;
+    return index;
+  }
+}
+
+public static float f( Object o ) {
+  return ( o instanceof Number ) ? ( ( Number ) o ).floatValue( ) : Float.MIN_VALUE;
+}
+
+public static boolean within(int theX, int theY, int theX1, int theY1, int theW1, int theH1) {
+  return (theX>theX1 && theX<theX1+theW1 && theY>theY1 && theY<theY1+theH1);
+}
+
diff --git a/examples/experimental/ControlP5editableNumberbox/ControlP5editableNumberbox.pde b/examples/experimental/ControlP5editableNumberbox/ControlP5editableNumberbox.pde
new file mode 100644
index 0000000..67f6a66
--- /dev/null
+++ b/examples/experimental/ControlP5editableNumberbox/ControlP5editableNumberbox.pde
@@ -0,0 +1,112 @@
+import controlP5.*;
+
+// Editable Numberbox for ControlP5
+
+ControlP5 cp5;
+
+void setup() {
+  size(400, 400);
+  cp5 = new ControlP5(this);
+
+  Numberbox n = cp5.addNumberbox("numbers")
+                   .setSize(100, 20)
+                   .setPosition(100, 100)
+                   .setValue(0)
+                   ;
+                   
+  makeEditable( n );                   
+}
+
+
+void draw() {
+  background(0);
+}
+
+
+// function that will be called when controller 'numbers' changes
+public void numbers(float f) {
+  println("received "+f+" from Numberbox numbers ");
+}
+
+
+void makeEditable( Numberbox n ) {
+  // allows the user to click a numberbox and type in a number which is confirmed with RETURN
+  
+   
+  final NumberboxInput nin = new NumberboxInput( n ); // custom input handler for the numberbox
+  
+  // control the active-status of the input handler when releasing the mouse button inside 
+  // the numberbox. deactivate input handler when mouse leaves.
+  n.onClick(new CallbackListener() {
+    public void controlEvent(CallbackEvent theEvent) {
+      nin.setActive( true ); 
+    }
+  }
+  ).onLeave(new CallbackListener() {
+    public void controlEvent(CallbackEvent theEvent) {
+      nin.setActive( false ); nin.submit();
+    }
+  });
+}
+
+
+
+// input handler for a Numberbox that allows the user to 
+// key in numbers with the keyboard to change the value of the numberbox
+
+public class NumberboxInput {
+
+  String text = "";
+
+  Numberbox n;
+
+  boolean active;
+
+  
+  NumberboxInput(Numberbox theNumberbox) {
+    n = theNumberbox;
+    registerMethod("keyEvent", this );
+  }
+
+  public void keyEvent(KeyEvent k) {
+    // only process key event if input is active 
+    if (k.getAction()==KeyEvent.PRESS && active) {
+      if (k.getKey()=='\n') { // confirm input with enter
+        submit();
+        return;
+      } else if(k.getKeyCode()==BACKSPACE) { 
+        text = text.isEmpty() ? "":text.substring(0, text.length()-1);
+        //text = ""; // clear all text with backspace
+      }
+      else if(k.getKey()<255) {
+        // check if the input is a valid (decimal) number
+        final String regex = "\\d+([.]\\d{0,2})?";
+        String s = text + k.getKey();
+        if ( java.util.regex.Pattern.matches(regex, s ) ) {
+          text += k.getKey();
+        }
+      }
+      n.getValueLabel().setText(this.text);
+    }
+  }
+
+  public void setActive(boolean b) {
+    active = b;
+    if(active) {
+      n.getValueLabel().setText("");
+      text = ""; 
+    }
+  }
+  
+  public void submit() {
+    if (!text.isEmpty()) {
+      n.setValue( float( text ) );
+      text = "";
+    } 
+    else {
+      n.getValueLabel().setText(""+n.getValue());
+    }
+  }
+}
+
+
diff --git a/examples/experimental/ControlP5graphics/ControlP5graphics.pde b/examples/experimental/ControlP5graphics/ControlP5graphics.pde
new file mode 100644
index 0000000..9605a25
--- /dev/null
+++ b/examples/experimental/ControlP5graphics/ControlP5graphics.pde
@@ -0,0 +1,50 @@
+/**
+ * ControlP5 ControlP5graphics
+ * 
+ * shows you how to render controlP5 instances into a PGraphics buffer.
+ *
+ */
+
+import controlP5.*;
+
+ControlP5 c1 , c2;
+PGraphics panel1 , panel2;
+
+void setup() {
+  size( 1024, 500 ,P3D  );
+  
+  /* create 2 buffers */
+  panel1 = createGraphics( 200 , height/2 );
+  panel2 = createGraphics( 200 , height/2 );
+  
+  /* create the first instance of ControlP5 which will be rendered into panel1 */
+  c1 = new ControlP5( this );
+  c1.enableShortcuts();
+  c1.setBackground( color( 0 , 50 ) );
+  c1.addButton("hello").setSize(200,20).setPosition( 0 , 0 );
+  c1.addButton("world").setSize(200,100).setPosition( 0 , 70 );
+  c1.addSlider("slider").setSize(50,20).setPosition( 0 , 40 );
+  c1.setGraphics( panel1 , 0 , 0 );
+  
+  /* create the second instance of ControlP5 which will be rendered into panel2 */
+  c2 = new ControlP5( this );
+  c2.enableShortcuts();
+  c2.setBackground( color( 0 , 50 ) );
+  c2.addButton("hello").setSize(200,20).setPosition( 0 , 0 );
+  c2.addButton("world").setSize(200,100).setPosition( 0 , 70 );
+  c2.addSlider("slider").setSize(50,20).setPosition( 0 , 40 );
+  c2.setGraphics( panel2 , 220 , 0 );
+  
+}
+
+
+void draw() {
+  background( 100 , 0 , 0 );
+  /* to change location, un-comment line below */
+  // c1.setGraphics( panel1 , int(sin(frameCount*0.1) * 100) , 0 );
+}
+
+
+void controlEvent( ControlEvent ce) {
+  println(ce);
+}
diff --git a/examples/experimental/MidiMapper/MidiMapper.pde b/examples/experimental/MidiMapper/MidiMapper.pde
new file mode 100644
index 0000000..1bbce64
--- /dev/null
+++ b/examples/experimental/MidiMapper/MidiMapper.pde
@@ -0,0 +1,123 @@
+
+
+/**
+ * ControlP5 MidiMapper
+ * 
+ * Maps midi input to controlP5 controllers. 
+ * This will eventually result in a library. 
+ *
+ * by Andreas Schlegel, 2013
+ * www.sojamo.de/libraries/controlp5
+ *
+ */
+ 
+import java.util.HashMap;
+import java.util.Map;
+import controlP5.*;
+import javax.sound.midi.Receiver;
+import javax.sound.midi.MidiMessage;
+
+ControlP5 cp5;
+
+Map<String, String> midimapper = new HashMap<String, String>();
+
+void setup() {
+
+  size( 600, 400 );
+  
+  cp5 = new ControlP5( this );
+
+  cp5.begin(cp5.addTab("a"));
+  cp5.addSlider("a-1").setPosition(20, 120).setSize(200, 20);
+  cp5.addSlider("a-2").setPosition(20, 160).setSize(200, 20);
+  cp5.addSlider("a-3").setPosition(20, 200).setSize(200, 20);
+  cp5.addToggle("a-4").setPosition(280, 120).setSize(100, 20);
+  cp5.addButton("a-5").setPosition(280, 160).setSize(100, 20);
+  cp5.addBang("a-6").setPosition(280, 200).setSize(100, 20);
+  cp5.end();
+  
+  cp5.begin(cp5.addTab("b"));
+  cp5.addSlider("b-1").setPosition(20, 120).setSize(200, 20);
+  cp5.addSlider("b-2").setPosition(20, 160).setSize(200, 20);
+  cp5.addSlider("b-3").setPosition(20, 200).setSize(200, 20);
+  cp5.end();
+  
+  final String device = "SLIDER/KNOB";
+  
+  //midimapper.clear();
+  
+  midimapper.put( ref( device, 0 ), "a-1" );
+  midimapper.put( ref( device, 1 ), "a-2" );
+  midimapper.put( ref( device, 2 ), "a-3" );
+  midimapper.put( ref( device, 32 ), "a-4" );
+  midimapper.put( ref( device, 48 ), "a-5" );
+  midimapper.put( ref( device, 64 ), "a-6" );
+
+  midimapper.put( ref( device, 16 ), "b-1" );
+  midimapper.put( ref( device, 17 ), "b-2" );
+  midimapper.put( ref( device, 18 ), "b-3" );
+
+  boolean DEBUG = false;
+
+  if (DEBUG) {
+    new MidiSimple( device );
+  } 
+  else {
+    new MidiSimple( device , new Receiver() {
+
+      @Override public void send( MidiMessage msg, long timeStamp ) {
+
+        byte[] b = msg.getMessage();
+
+        if ( b[ 0 ] != -48 ) {
+
+          Object index = ( midimapper.get( ref( device , b[ 1 ] ) ) );
+
+          if ( index != null ) {
+
+            Controller c = cp5.getController(index.toString());
+            if (c instanceof Slider ) {  
+              float min = c.getMin();
+              float max = c.getMax();
+              c.setValue(map(b[ 2 ], 0, 127, min, max) );
+            }  else if ( c instanceof Button ) {
+              if ( b[ 2 ] > 0 ) {
+                c.setValue( c.getValue( ) );
+                c.setColorBackground( 0xff08a2cf );
+              } else {
+                c.setColorBackground( 0xff003652 );
+              }
+            } else if ( c instanceof Bang ) {
+              if ( b[ 2 ] > 0 ) {
+                c.setValue( c.getValue( ) );
+                c.setColorForeground( 0xff08a2cf );
+              } else {
+                c.setColorForeground( 0xff00698c );
+              }
+            } else if ( c instanceof Toggle ) {
+              if ( b[ 2 ] > 0 ) {
+                ( ( Toggle ) c ).toggle( );
+              }
+            }
+          }
+        }
+      }
+
+      @Override public void close( ) {
+      }
+    }
+    );
+  }
+}
+
+
+String ref(String theDevice, int theIndex) {
+  return theDevice+"-"+theIndex;
+}
+
+
+void draw() {
+  background( 0 );
+}
+
+
diff --git a/examples/experimental/MidiMapper/MidiSimple.java b/examples/experimental/MidiMapper/MidiSimple.java
new file mode 100644
index 0000000..f23252f
--- /dev/null
+++ b/examples/experimental/MidiMapper/MidiSimple.java
@@ -0,0 +1,107 @@
+import java.util.HashMap;
+import java.util.Map;
+
+import javax.sound.midi.MidiDevice;
+import javax.sound.midi.MidiMessage;
+import javax.sound.midi.MidiSystem;
+import javax.sound.midi.MidiUnavailableException;
+import javax.sound.midi.Receiver;
+import javax.sound.midi.Transmitter;
+
+public class MidiSimple {
+
+  public MidiSimple( String theDeviceName , Receiver theReceiver ) {
+
+    MidiDevice.Info[] aInfos = MidiSystem.getMidiDeviceInfo();
+    for ( int i = 0; i < aInfos.length; i++ ) {
+      try {
+        MidiDevice device = MidiSystem.getMidiDevice( aInfos[ i ] );
+        boolean bAllowsInput = ( device.getMaxTransmitters() != 0 );
+        boolean bAllowsOutput = ( device.getMaxReceivers() != 0 );
+        System.out.println( "" + i + "  " + ( bAllowsInput ? "IN " : "   " ) + ( bAllowsOutput ? "OUT " : "    " ) + aInfos[ i ].getName() + ", " + aInfos[ i ].getVendor() + ", "
+          + aInfos[ i ].getVersion() + ", " + aInfos[ i ].getDescription() );
+      } 
+      catch ( MidiUnavailableException e ) {
+        // device is obviously not available...
+        // out(e);
+      }
+    }
+    
+    try {
+      MidiDevice device;
+      device = MidiSystem.getMidiDevice( getMidiDeviceInfo( theDeviceName, false ) );
+      device.open();
+      Transmitter conTrans = device.getTransmitter();
+      conTrans.setReceiver( theReceiver );
+    } 
+    catch ( MidiUnavailableException e ) {
+      // TODO Auto-generated catch block
+      e.printStackTrace();
+    } catch (NullPointerException e) {
+      System.out.println("No Midi device ( "+theDeviceName+" ) is available.");
+    }
+    
+  }
+  
+  public MidiSimple( String theDeviceName ) {
+    new MidiSimple(theDeviceName , new MidiInputReceiver( theDeviceName ) );
+  }
+  
+
+  public MidiDevice.Info getMidiDeviceInfo( String strDeviceName, boolean bForOutput ) {
+    MidiDevice.Info[] aInfos = MidiSystem.getMidiDeviceInfo();
+    for ( int i = 0; i < aInfos.length; i++ ) {
+      if ( aInfos[ i ].getName().equals( strDeviceName ) ) {
+        try {
+          MidiDevice device = MidiSystem.getMidiDevice( aInfos[ i ] );
+          boolean bAllowsInput = ( device.getMaxTransmitters() != 0 );
+          boolean bAllowsOutput = ( device.getMaxReceivers() != 0 );
+          if ( ( bAllowsOutput && bForOutput ) || ( bAllowsInput && !bForOutput ) ) {
+            return aInfos[ i ];
+          }
+        } 
+        catch ( MidiUnavailableException e ) {
+          // TODO:
+        }
+      }
+    }
+    return null;
+  }
+
+  class MidiInputReceiver implements Receiver {
+    public String name;
+    Map< Byte, String > commandMap = new HashMap< Byte, String >();
+
+    public MidiInputReceiver( String name ) {
+      this.name = name;
+      commandMap.put( ( byte ) -112, "Note On" );
+      commandMap.put( ( byte ) -128, "Note Off" );
+      commandMap.put( ( byte ) -48, "Channel Pressure" );
+      commandMap.put( ( byte ) -80, "Continuous Controller" );
+    }
+
+    public void send( MidiMessage msg, long timeStamp ) {
+      System.out.println( "midi received (" + name + ")" );
+      System.out.println( "Timestamp: " + timeStamp );
+      byte[] b = msg.getMessage();
+
+      if ( b[ 0 ] != -48 ) {
+        // System.out.println("Message length: " + msg.getLength());
+        System.out.println( "Note command: " + commandMap.get( b[ 0 ] ) );
+        System.out.println( "Which note: " + b[ 1 ] );
+        System.out.println( "Note pressure: " + b[ 2 ] );
+        System.out.println( "---------------------" );
+      } 
+      else {
+        // System.out.println("Message length: " + msg.getLength());
+        System.out.println( "Note command: " + commandMap.get( b[ 0 ] ) );
+        System.out.println( "Note Pressure: " + b[ 1 ] );
+        System.out.println( "---------------------" );
+      }
+    }
+
+    public void close( ) {
+    }
+  }
+}
+
diff --git a/examples/extra/ControlP5AutoDetectFields/ControlP5AutoDetectFields.pde b/examples/extra/ControlP5AutoDetectFields/ControlP5AutoDetectFields.pde
new file mode 100644
index 0000000..bd405bb
--- /dev/null
+++ b/examples/extra/ControlP5AutoDetectFields/ControlP5AutoDetectFields.pde
@@ -0,0 +1,58 @@
+/**
+ * ControlP5 Autodetect Fields
+ *
+ * test sketch, controller values will automatically be set 
+ * to its corresponding sketch fields.
+ *
+ * by Andreas Schlegel, 2011
+ * www.sojamo.de/libraries/controlp5
+ *
+ */
+
+
+import controlP5.*;
+
+int s1 = 50;
+int s2 = 50;
+
+int nb1 = 50;
+int nb2 = 50;
+
+int k1 = 50;
+int k2 = 50;
+
+boolean t1 = false;
+boolean t2 = false;
+
+int r1 = 20;
+int r2 = 50;
+
+void setup() {
+  size(400,400);
+  ControlP5 cp5 = new ControlP5(this);
+  cp5.addSlider("s1",10,150,10,10,100,15).setLabel("50");
+  cp5.addSlider("s2",10,150,20,150,10,100,15).setLabel("20");
+  
+  cp5.addNumberbox("nb1",10,50,100,15).setLabel("50");
+  cp5.addNumberbox("nb2",20,150,50,100,15).setLabel("20");
+  
+  cp5.addKnob("k1",10,150,10,150,50).setLabel("50");
+  cp5.addKnob("k2",10,150,20,150,150,50).setLabel("20");
+  
+  cp5.addToggle("t1",10,240,100,15).setLabel("false");
+  cp5.addToggle("t2",true,150,240,100,15).setLabel("true");
+  
+  cp5.addButton("b1",50,10,280,100,15).setLabel("50");
+  cp5.addButton("b2",20,150,280,100,15).setLabel("20");
+  
+  cp5.addRange("r1",10,150,r1,r2,10,320,100,15).setLabel("50");
+  
+}
+
+void draw() {
+  background(0);
+}
+
+void controlEvent(ControlEvent c) {
+  println(c.getValue());
+}
diff --git a/examples/extra/ControlP5ControllerInsideClass/ControlP5ControllerInsideClass.pde b/examples/extra/ControlP5ControllerInsideClass/ControlP5ControllerInsideClass.pde
new file mode 100644
index 0000000..5213218
--- /dev/null
+++ b/examples/extra/ControlP5ControllerInsideClass/ControlP5ControllerInsideClass.pde
@@ -0,0 +1,31 @@
+import controlP5.*;
+
+ControlP5 cp5;
+Test t;
+void setup() {
+  cp5 = new ControlP5( this );
+  t = new Test( "test" );
+}
+
+void draw() {
+  println( t.value );
+}
+
+class Test {
+
+  int value;
+
+  Test( String thePrefix ) {
+    cp5.addSlider( "value-"+thePrefix )
+       .setRange( 0, 255 )
+       .plugTo( this, "setValue" )
+       .setValue( 127 )
+       .setLabel("value")
+       ;
+  }
+
+  void setValue(int theValue) {
+    value = theValue;
+  }
+}
+
diff --git a/examples/extra/ControlP5canvasDrawIntoCanvas/ControlP5canvasDrawIntoCanvas.pde b/examples/extra/ControlP5canvasDrawIntoCanvas/ControlP5canvasDrawIntoCanvas.pde
new file mode 100644
index 0000000..5b9f962
--- /dev/null
+++ b/examples/extra/ControlP5canvasDrawIntoCanvas/ControlP5canvasDrawIntoCanvas.pde
@@ -0,0 +1,72 @@
+/**
+ * ControlP5 DrawIntoCanvas
+ *
+ * this example demonstrates how to draw into a Canvas. 
+ * Click and drag the mouse to show and draw into the Canvas.
+ *
+ * by Andreas Schlegel, 2011
+ * www.sojamo.de/libraries/controlp5
+ *
+ */
+ 
+import controlP5.*;
+
+ControlP5 cp5;
+
+Canvas cc;
+
+// your controlWindowCanvas class
+class MyCanvas extends Canvas {
+  
+  boolean mousePressed;
+  int mouseX, mouseY;
+  public void update(PApplet theApplet) {
+    mousePressed = theApplet.mousePressed;
+    mouseX = theApplet.mouseX;
+    mouseY = theApplet.mouseY;
+  }
+  
+  public void draw(PGraphics theApplet) {
+    theApplet.background(255);
+     // a rectangle will be drawn if the mouse has been
+    // pressed inside the main sketch window.
+    // mousePressed here refers to the mousePressed
+    // variable of your main sketch
+    if(mousePressed) {
+      theApplet.fill(255,0,0);
+      theApplet.rect(10,10,100,100);
+      theApplet.fill(0);
+      theApplet.ellipse(mouseX,mouseY,20,20);
+    }
+    // will draw a rectangle into the controlWindow
+    // if the mouse has been pressed inside the controlWindow itself.
+    // theApplet.mousePressed here refers to the
+    // mousePressed variable of the controlWindow.
+    if(mousePressed) {
+      theApplet.fill(0);
+      theApplet.rect(10,10,100,100);
+      theApplet.fill(255,0,0);
+      theApplet.ellipse(mouseX,mouseY,20,20);
+    }
+    
+  }
+
+}
+
+
+void setup() {
+  size(400,400);
+  frameRate(30);
+  cp5 = new ControlP5(this);
+
+  cc = new MyCanvas();
+  cc.pre();
+  cp5.addCanvas(cc);
+
+}
+
+void draw(){
+  background(0);
+}
+
+
diff --git a/examples/extra/ControlP5console/ControlP5console.pde b/examples/extra/ControlP5console/ControlP5console.pde
new file mode 100644
index 0000000..c5b5f38
--- /dev/null
+++ b/examples/extra/ControlP5console/ControlP5console.pde
@@ -0,0 +1,71 @@
+/**
+ * ControlP5 Println
+ *
+ *
+ * a console like textarea which captures the output from the System.out stream
+ *
+ * by Andreas Schlegel, 2012
+ * www.sojamo.de/libraries/controlp5
+ *
+ */
+
+import controlP5.*;
+
+ControlP5 cp5;
+
+Textarea myTextarea;
+
+int c = 0;
+
+Println console;
+
+void setup() {
+  size(700, 400);
+  cp5 = new ControlP5(this);
+  cp5.enableShortcuts();
+  frameRate(50);
+  myTextarea = cp5.addTextarea("txt")
+                  .setPosition(100, 100)
+                  .setSize(200, 200)
+                  .setFont(createFont("", 10))
+                  .setLineHeight(14)
+                  .setColor(color(200))
+                  .setColorBackground(color(0, 100))
+                  .setColorForeground(color(255, 100));
+  ;
+
+  console = cp5.addConsole(myTextarea);//
+}
+
+
+void draw() {
+  background(128);
+  noStroke();
+  ellipseMode(CENTER);
+  float n = sin(frameCount*0.01)*300;
+  fill(110, 255,220);  
+  ellipse(width/2, height/2, n , n);
+  
+  println(frameCount+"\t"+String.format("%.2f", frameRate)+"\t"+String.format("%.2f", n));
+}
+
+void keyPressed() {
+  switch(key) {
+    case('1'):
+    console.pause();
+    break;
+    case('2'):
+    console.play();
+    break;
+    case('3'):
+    console.setMax(8);
+    break;
+    case('4'):
+    console.setMax(-1);
+    break;
+    case('5'):
+    console.clear();
+    break;
+  }
+}
+
diff --git a/examples/extra/ControlP5controllerOnTop3D/ControlP5controllerOnTop3D.pde b/examples/extra/ControlP5controllerOnTop3D/ControlP5controllerOnTop3D.pde
new file mode 100644
index 0000000..cd28d9d
--- /dev/null
+++ b/examples/extra/ControlP5controllerOnTop3D/ControlP5controllerOnTop3D.pde
@@ -0,0 +1,148 @@
+/**
+ * ControlP5 Controller on top of 3D
+ * demonstrates how to use controlP5 controllers on top of a 
+ * OpenGL 3D scene.
+ *
+ * by Andreas Schlegel, 2011
+ * www.sojamo.de/libraries/controlP5
+ *
+ */
+
+
+
+import controlP5.*;
+import processing.opengl.*;
+
+ControlP5 cp5;
+ControlGroup messageBox;
+int messageBoxResult = -1;
+String messageBoxString = "";
+float t;
+
+void setup() {
+  size(640,480,P3D);
+  cp5 = new ControlP5(this);
+  noStroke();
+  createMessageBox();
+  Button b = cp5.addButton("toggleBox",1,20,20,100,20);
+  b.setLabel("Toggle Box");
+  textFont(createFont("",30));
+}
+
+
+void draw() {
+  hint(ENABLE_DEPTH_TEST);
+  pushMatrix();
+  if(messageBox.isVisible()) {
+    background(128);
+  } else {
+    background(0);
+    fill(255);
+    text(messageBoxString,20,height-40);
+  }
+  
+  translate(width/2,height/2,mouseX);
+  rotateY(t+=0.1);
+  fill(255);
+  rect(-50,-50,100,100);
+  popMatrix();
+  hint(DISABLE_DEPTH_TEST);
+  // in case yo uare using the camera or you have 
+  // changed the default camera setting, reset the camera
+  // to default by uncommenting the following line.
+  // camera();
+}
+
+
+
+void toggleBox(int theValue) {
+  if(messageBox.isVisible()) {
+    messageBox.hide();
+  } else {
+    messageBox.show();
+  }
+}
+
+
+void createMessageBox() {
+  // create a group to store the messageBox elements
+  messageBox = cp5.addGroup("messageBox",width/2 - 150,100,300);
+  messageBox.setBackgroundHeight(120);
+  messageBox.setBackgroundColor(color(0,100));
+  messageBox.hideBar();
+  
+  // add a TextLabel to the messageBox.
+  Textlabel l = cp5.addTextlabel("messageBoxLabel","Some MessageBox text goes here.",20,20);
+  l.moveTo(messageBox);
+  
+  // add a textfield-controller with named-id inputbox
+  // this controller will be linked to function inputbox() below.
+  Textfield f = cp5.addTextfield("inputbox",20,36,260,20);
+  f.getCaptionLabel().setVisible(false);
+  f.moveTo(messageBox);
+  f.setColorForeground(color(20));
+  f.setColorBackground(color(20));
+  f.setColorActive(color(100));
+  // add the OK button to the messageBox.
+  // the name of the button corresponds to function buttonOK
+  // below and will be triggered when pressing the button.
+  Button b1 = cp5.addButton("buttonOK",0,65,80,80,24);
+  b1.moveTo(messageBox);
+  b1.setColorBackground(color(40));
+  b1.setColorActive(color(20));
+  // by default setValue would trigger function buttonOK, 
+  // therefore we disable the broadcasting before setting
+  // the value and enable broadcasting again afterwards.
+  // same applies to the cancel button below.
+  b1.setBroadcast(false); 
+  b1.setValue(1);
+  b1.setBroadcast(true);
+  b1.setCaptionLabel("OK");
+  // centering of a label needs to be done manually 
+  // with marginTop and marginLeft
+  //b1.captionLabel().style().marginTop = -2;
+  //b1.captionLabel().style().marginLeft = 26;
+  
+  // add the Cancel button to the messageBox. 
+  // the name of the button corresponds to function buttonCancel
+  // below and will be triggered when pressing the button.
+  Button b2 = cp5.addButton("buttonCancel",0,155,80,80,24);
+  b2.moveTo(messageBox);
+  b2.setBroadcast(false);
+  b2.setValue(0);
+  b2.setBroadcast(true);
+  b2.setCaptionLabel("Cancel");
+  b2.setColorBackground(color(40));
+  b2.setColorActive(color(20));
+  //b2.captionLabel().toUpperCase(false);
+  // centering of a label needs to be done manually 
+  // with marginTop and marginLeft
+  //b2.captionLabel().style().marginTop = -2;
+  //b2.captionLabel().style().marginLeft = 16;
+}
+
+// function buttonOK will be triggered when pressing
+// the OK button of the messageBox.
+void buttonOK(int theValue) {
+  println("a button event from button OK.");
+  messageBoxString = ((Textfield)cp5.getController("inputbox")).getText();
+  messageBoxResult = theValue;
+  messageBox.hide();
+}
+
+
+// function buttonCancel will be triggered when pressing
+// the Cancel button of the messageBox.
+void buttonCancel(int theValue) {
+  println("a button event from button Cancel.");
+  messageBoxResult = theValue;
+  messageBox.hide();
+}
+
+// inputbox is called whenever RETURN has been pressed 
+// in textfield-controller inputbox 
+void inputbox(String theString) {
+  println("got something from the inputbox : "+theString);
+  messageBoxString = theString;
+  messageBox.hide();
+}
diff --git a/examples/extra/ControlP5frame/ControlP5frame.pde b/examples/extra/ControlP5frame/ControlP5frame.pde
new file mode 100644
index 0000000..0b597ac
--- /dev/null
+++ b/examples/extra/ControlP5frame/ControlP5frame.pde
@@ -0,0 +1,98 @@
+/**
+ * ControlP5 Controlframe
+ * with controlP5 2.0 all java.awt dependencies have been removed
+ * as a consequence the option to display controllers in a separate
+ * window had to be removed as well. 
+ * this example shows you how to create a java.awt.frame and use controlP5
+ *
+ * by Andreas Schlegel, 2012
+ * www.sojamo.de/libraries/controlp5
+ *
+ */
+
+import java.awt.Frame;
+import java.awt.BorderLayout;
+import controlP5.*;
+
+private ControlP5 cp5;
+
+ControlFrame cf;
+
+int def;
+
+void setup() {
+  size(400, 400);
+  cp5 = new ControlP5(this);
+  
+  // by calling function addControlFrame() a
+  // new frame is created and an instance of class
+  // ControlFrame is instanziated.
+  cf = addControlFrame("extra", 200,200);
+
+  // add Controllers to the 'extra' Frame inside 
+  // the ControlFrame class setup() method below.
+  
+  
+}
+
+void draw() {
+  background(def);
+}
+
+ControlFrame addControlFrame(String theName, int theWidth, int theHeight) {
+  Frame f = new Frame(theName);
+  ControlFrame p = new ControlFrame(this, theWidth, theHeight);
+  f.add(p);
+  p.init();
+  f.setTitle(theName);
+  f.setSize(p.w, p.h);
+  f.setLocation(100, 100);
+  f.setResizable(false);
+  f.setVisible(true);
+  return p;
+}
+
+
+// the ControlFrame class extends PApplet, so we 
+// are creating a new processing applet inside a
+// new frame with a controlP5 object loaded
+public class ControlFrame extends PApplet {
+
+  int w, h;
+
+  int abc = 100;
+  
+  public void setup() {
+    size(w, h);
+    frameRate(25);
+    cp5 = new ControlP5(this);
+    cp5.addSlider("abc").setRange(0, 255).setPosition(10,10);
+    cp5.addSlider("def").plugTo(parent,"def").setRange(0, 255).setPosition(10,30);
+  }
+
+  public void draw() {
+      background(abc);
+  }
+  
+  private ControlFrame() {
+  }
+
+  public ControlFrame(Object theParent, int theWidth, int theHeight) {
+    parent = theParent;
+    w = theWidth;
+    h = theHeight;
+  }
+
+
+  public ControlP5 control() {
+    return cp5;
+  }
+  
+  
+  ControlP5 cp5;
+
+  Object parent;
+
+  
+}
+
diff --git a/examples/extra/ControlP5frameRate/ControlP5frameRate.pde b/examples/extra/ControlP5frameRate/ControlP5frameRate.pde
new file mode 100644
index 0000000..f956e3d
--- /dev/null
+++ b/examples/extra/ControlP5frameRate/ControlP5frameRate.pde
@@ -0,0 +1,28 @@
+/**
+ * ControlP5 FrameRate
+ *
+ *
+ * uses a textlabel to display the current or average 
+ * framerate of the sketch.
+ *
+ * by Andreas Schlegel, 2012
+ * www.sojamo.de/libraries/controlp5
+ *
+ */
+
+
+import controlP5.*;
+
+ControlP5 cp5;
+
+void setup() {
+  size(400,500);
+  frameRate(60);
+  cp5 = new ControlP5(this);
+  cp5.addFrameRate().setInterval(10).setPosition(0,height - 10);
+  
+}
+
+void draw() {
+  background(129);
+}
diff --git a/examples/extra/ControlP5frames/ControlP5frames.pde b/examples/extra/ControlP5frames/ControlP5frames.pde
new file mode 100644
index 0000000..1c1979d
--- /dev/null
+++ b/examples/extra/ControlP5frames/ControlP5frames.pde
@@ -0,0 +1,134 @@
+
+import java.awt.*;
+import java.awt.event.*;
+import controlP5.*;
+
+private ControlP5 cp5;
+
+ControlFrame cf1, cf2;
+
+int bgColor;
+
+void setup() {
+  size(400, 400 ,P3D );
+  /* add a controlP5 instance for the main sketch window (not required for other ControlFrames to work) */
+  cp5 = new ControlP5( this );
+  cp5.addSlider( "s2" );
+
+
+  /* Add a controlframe */
+
+  cf1 = addControlFrame( "hello", 200, 200, 20, 20, color( 100 ) );
+
+  // add a slider with an EventListener. When dragging the slider, 
+  // variable bgColor will change accordingly. 
+  cf1.control().addSlider( "s1" ).setRange( 0, 255 ).addListener( new ControlListener() {
+    public void controlEvent( ControlEvent ev ) {
+      bgColor = color( ev.getValue() );
+    }
+  }
+  );
+
+
+  /* Add a second controlframe */
+
+  cf2 = addControlFrame( "world", 200, 200, 20, 240, color( 100 ) );
+
+  // add a button with an EventListener. When releasing the button, 
+  // variable bgColor will change to color( 255 );  
+  cf2.control().addButton( "b1" ).addListener( new ControlListener() {
+    public void controlEvent( ControlEvent ev ) {
+      bgColor = color( 255 );
+    }
+  }
+  );
+
+  cf2.control().addButton( "b2" ).addListener( new ControlListener() {
+    public void controlEvent(ControlEvent ev) {
+      bgColor = color( random( 255 ), random( 255 ), random( 255 ) );
+    }
+  }
+  );
+}
+
+void draw() {
+  background( bgColor );
+}
+
+
+/* no changes required below */
+
+
+ControlFrame addControlFrame(String theName, int theWidth, int theHeight) {
+  return addControlFrame(theName, theWidth, theHeight, 100, 100, color( 0 ) );
+}
+
+ControlFrame addControlFrame(String theName, int theWidth, int theHeight, int theX, int theY, int theColor ) {
+  final Frame f = new Frame( theName );
+  final ControlFrame p = new ControlFrame( this, theWidth, theHeight, theColor );
+
+  f.add( p );
+  p.init();
+  f.setTitle(theName);
+  f.setSize( p.w, p.h );
+  f.setLocation( theX, theY );
+  f.addWindowListener( new WindowAdapter() {
+    @Override
+      public void windowClosing(WindowEvent we) {
+      p.dispose();
+      f.dispose();
+    }
+  } 
+  );
+  f.setResizable( false );
+  f.setVisible( true );
+  // sleep a little bit to allow p to call setup.
+  // otherwise a nullpointerexception might be caused.
+  try {
+    Thread.sleep( 100 );
+  } 
+  catch(Exception e) {
+  }
+  return p;
+}
+
+
+// the ControlFrame class extends PApplet, so we 
+// are creating a new processing applet inside a
+// new frame with a controlP5 object loaded
+public class ControlFrame extends PApplet {
+
+  int w, h;
+
+  int bg;
+
+  public void setup() {
+    size(w, h);
+    frameRate(25);
+    cp5 = new ControlP5( this );
+  }
+
+  public void draw() {
+    background( bg );
+  }
+
+  private ControlFrame() {
+  }
+
+  public ControlFrame(Object theParent, int theWidth, int theHeight, int theColor) {
+    parent = theParent;
+    w = theWidth;
+    h = theHeight;
+    bg = theColor;
+  }
+
+
+  public ControlP5 control() {
+    return this.cp5;
+  }
+
+  ControlP5 cp5;
+
+  Object parent;
+}
+
diff --git a/examples/extra/ControlP5groupCanvas/ControlP5groupCanvas.pde b/examples/extra/ControlP5groupCanvas/ControlP5groupCanvas.pde
new file mode 100644
index 0000000..73c2bb7
--- /dev/null
+++ b/examples/extra/ControlP5groupCanvas/ControlP5groupCanvas.pde
@@ -0,0 +1,51 @@
+/**
+ * ControlP5 Canvas
+ *
+ * by andreas schlegel, 2011
+ * www.sojamo.de/libraries/controlp5
+ * 
+ */
+ 
+import controlP5.*;
+  
+ControlP5 cp5;
+  
+void setup() {
+  size(400,600);
+  smooth();
+  
+  cp5 = new ControlP5(this);
+  cp5.addGroup("myGroup")
+     .setLabel("Testing Canvas")
+     .setPosition(100,200)
+     .setWidth(200)
+     .addCanvas(new TestCanvas())
+     ;
+}
+
+void draw() {
+  background(0);
+}
+
+
+class TestCanvas extends Canvas {
+  
+  float n;
+  float a;
+  
+  public void setup(PGraphics pg) {
+    println("starting a test canvas.");
+    n = 1;
+  }
+  public void draw(PGraphics pg) {
+    n += 0.01;
+    pg.ellipseMode(CENTER);
+    pg.fill(lerpColor(color(0,100,200),color(0,200,100),map(sin(n),-1,1,0,1)));
+    pg.rect(0,0,200,200);
+    pg.fill(255,150);
+    a+=0.01;
+    ellipse(100,100,abs(sin(a)*150),abs(sin(a)*150));
+    ellipse(40,40,abs(sin(a+0.5)*50),abs(sin(a+0.5)*50));
+    ellipse(60,140,abs(cos(a)*80),abs(cos(a)*80));
+  }
+}
diff --git a/examples/extra/ControlP5imageButton/ControlP5imageButton.pde b/examples/extra/ControlP5imageButton/ControlP5imageButton.pde
new file mode 100644
index 0000000..309ea21
--- /dev/null
+++ b/examples/extra/ControlP5imageButton/ControlP5imageButton.pde
@@ -0,0 +1,38 @@
+import controlP5.*;
+
+ControlP5 cp5;
+
+int myColor = color(0);
+
+
+void setup() {
+  size(400,600);
+  cp5 = new ControlP5(this);
+  
+  // replace the default controlP5 button with an image.
+  // button.setImages(defaultImage, rolloverImage, pressedImage);
+  // use button.updateSize() to adjust the size of the button and 
+  // resize to the dimensions of the defaultImage
+  
+  cp5.addButton("buttonA")
+     .setPosition(175,275)
+     .setImages(loadImage("Arrow-Left.png"), loadImage("Arrow-Right.png"), loadImage("Refresh.png"))
+     .updateSize();
+}
+
+void draw() {
+  background(myColor);
+}
+
+public void controlEvent(ControlEvent theEvent) {
+  println(theEvent.getController().getName());
+  
+}
+
+// function buttonA will receive changes from 
+// controller with name buttonA
+public void buttonA(int theValue) {
+  println("a button event from buttonA: "+theValue);
+  myColor = color(128);
+}
+
diff --git a/examples/extra/ControlP5imageButton/data/Arrow-Left.png b/examples/extra/ControlP5imageButton/data/Arrow-Left.png
new file mode 100755
index 0000000..33ab6ee
Binary files /dev/null and b/examples/extra/ControlP5imageButton/data/Arrow-Left.png differ
diff --git a/examples/extra/ControlP5imageButton/data/Arrow-Right.png b/examples/extra/ControlP5imageButton/data/Arrow-Right.png
new file mode 100755
index 0000000..5afff9b
Binary files /dev/null and b/examples/extra/ControlP5imageButton/data/Arrow-Right.png differ
diff --git a/examples/extra/ControlP5imageButton/data/Refresh.png b/examples/extra/ControlP5imageButton/data/Refresh.png
new file mode 100755
index 0000000..6582a31
Binary files /dev/null and b/examples/extra/ControlP5imageButton/data/Refresh.png differ
diff --git a/examples/extra/ControlP5key/ControlP5key.pde b/examples/extra/ControlP5key/ControlP5key.pde
new file mode 100644
index 0000000..095b7e4
--- /dev/null
+++ b/examples/extra/ControlP5key/ControlP5key.pde
@@ -0,0 +1,50 @@
+/**
+ * ControlP5 ControlKey
+ * use ControlKeys to map key combinations to particular events.
+ * multi-keypress supported.
+ *
+ * by Andreas Schlegel, 2012
+ * www.sojamo.de/libraries/controlp5
+ *
+ */
+
+import controlP5.*;
+
+ControlP5 cp5;
+
+int col;
+int colEllipse;
+boolean visible;
+
+void setup() {
+  size(400, 600);
+  smooth();
+  noStroke();
+  col = color(0);
+  colEllipse = color(0,255,90);  
+  cp5 = new ControlP5(this);
+  
+  // press key 1 to change background to white             
+  cp5.mapKeyFor(new ControlKey() {public void keyEvent() {col = color(255);}}, '1');
+  
+  // press key 2 to change background to black
+  cp5.mapKeyFor(new ControlKey() {public void keyEvent() {col = color(0);}}, '2');
+  
+  // press key 1 and ALT to make circles visible
+  cp5.mapKeyFor(new ControlKey() {public void keyEvent() {visible = true;}}, ALT,'1');
+  
+  // press key 2 and ALT to hide circles
+  cp5.mapKeyFor(new ControlKey() {public void keyEvent() {visible = false;}}, ALT,'2');
+
+  // press key 1 and ALT and SHIFT to change the color of circles
+  cp5.mapKeyFor(new ControlKey() {public void keyEvent() {colEllipse = color(random(255));}}, ALT,'1',SHIFT);  
+}
+  
+void draw() {
+  background(col);
+  if(visible) {
+    fill(colEllipse);
+    ellipse(100,100,50,50);
+    ellipse(150,400,200,200);
+  } 
+}
diff --git a/examples/extra/ControlP5listBoxClear/ControlP5listBoxClear.pde b/examples/extra/ControlP5listBoxClear/ControlP5listBoxClear.pde
new file mode 100644
index 0000000..177d019
--- /dev/null
+++ b/examples/extra/ControlP5listBoxClear/ControlP5listBoxClear.pde
@@ -0,0 +1,74 @@
+import controlP5.*;
+
+String[][] s = new String[3][];
+ControlP5 controlP5;
+ListBox l;
+
+void setup() {
+  size(400,400);
+  controlP5 = new ControlP5(this);
+  l = controlP5.addListBox("myList",100,100,120,150);
+  // l.actAsPulldownMenu(true);
+  l.setItemHeight(23);
+  
+  
+  s[0] = new String[] {
+    "a","b","c","d"
+  };
+  s[1] = new String[] {
+    "a","b","c","d","e","f","g","h","i","j","k","l","m","n"
+  };
+  s[2] = new String[] {
+    "l","m","n"
+  };
+  
+  for(int i=0;i<s[1].length;i++) {
+    l.addItem(s[1][i],i);
+  }
+}
+
+
+void draw() {
+  background(0);
+}
+
+void keyPressed() {
+
+  switch(key) {
+    case('1'):
+    println("changing list to items of group 1");
+    l.clear();
+    for(int i=0;i<s[0].length;i++) {
+      // using bit shifting to store 2 values in 1 int
+      int n = 0;
+      n = n | 1 << 8;  
+      n = n | i << 0; 
+      l.addItem("1-"+s[0][i],n);
+    }
+    break;
+    case('2'):
+    println("changing list to items of group 2");
+    l.clear();
+    for(int i=0;i<s[1].length;i++) {
+      // useing bit shifting to store 2 values in 1 int
+      int n = 0;
+      n = n | 2 << 8;  
+      n = n | i << 0; 
+      l.addItem("2-"+s[1][i],n);
+    }
+    break;
+  }
+}
+
+void myList(int theValue) {
+  println("from myList "+theValue);
+}
+
+
+void controlEvent(ControlEvent theEvent) {
+  if(theEvent.isGroup()) {
+  print("> "+theEvent.getGroup().getValue());
+  int n = int(theEvent.getGroup().getValue());
+  println("\t\t group:"+(n >> 8 & 0xff)+", item:"+(n >> 0 & 0xff));
+  }
+}
diff --git a/examples/extra/ControlP5mouseWheel/ControlP5mouseWheel.pde b/examples/extra/ControlP5mouseWheel/ControlP5mouseWheel.pde
new file mode 100644
index 0000000..74904e8
--- /dev/null
+++ b/examples/extra/ControlP5mouseWheel/ControlP5mouseWheel.pde
@@ -0,0 +1,94 @@
+/**
+ * ControlP5 KeyEventAndWheel
+ *
+ * with controlP5 2.0 all java.awt dependencies have been removed
+ * as a consequence the option to use the MouseWheel for some controllers
+ * has been removed. But the following example shows how to manually add
+ * the mouseWheel support.
+ *
+ * With early versions of the processing 2.0 beta releases the keyEvent forwarding
+ * does not work as expected and needs to be forwarded manually. 
+ *
+ * by Andreas Schlegel, 2012
+ * www.sojamo.de/libraries/controlp5
+ *
+ */
+
+
+import controlP5.*;
+import java.util.*;
+
+ControlP5 cp5;
+
+void setup() {
+  size(700, 300);
+  cp5 = new ControlP5(this);
+
+
+  cp5.addNumberbox("numberbox")
+     .setPosition(20, 20)
+     .setSize(100, 20)
+     ;
+
+  cp5.addSlider("slider")
+     .setPosition(20, 70)
+     .setSize(200, 20)
+     ;
+
+  cp5.addKnob("knob")
+     .setPosition(20, 120)
+     .setRadius(50)
+     ;
+
+  List<String> drops = new ArrayList<String>();
+  for(int i=0;i<100;i++) {
+    drops.add("item "+i);
+  }
+  
+  cp5.addDropdownList("drop")
+     .setPosition(300, 30)
+     .setWidth(200)
+     .addItems(drops)
+     ;
+  
+  cp5.addListBox("list")
+     .setPosition(520, 30)
+     .setSize(150,200)
+     .addItems(drops)
+     ;
+     
+  cp5.addTextarea("area")
+     .setPosition(300, 150)
+     .setSize(200,100)
+     .setLineHeight(10)
+     .setText("Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam feugiat porttitor tempus. Donec hendrerit aliquam mauris, a interdum ante pellentesque et. In dui erat, condimentum et sodales eget, scelerisque quis libero. Nam non nibh vitae enim auctor fringilla sit amet quis magna. Quisque ultricies mi at arcu vulputate imperdiet tristique purus adipiscing. Maecenas pretium odio ac leo aliquam id commodo nulla eleifend. Aenean in pharetra mauris. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla suscipit, nisl vitae eleifend tincidunt, dolor justo sollicitudin nunc, sit amet rhoncus odio purus eu purus. Cras bibendum placerat elementum. Donec in lorem libero. Praesent auctor, felis quis volutpat facilisis, neque turpis tempor nisi, interdum viverra enim purus vel mi. Nam faucibus accumsan lorem, convallis consectetur elit vulputate ut.");
+     ;
+  // add mousewheel support, now hover the slide with your mouse
+  // and use the mousewheel (or trackpad on a macbook) to change the 
+  // value of the slider.   
+  addMouseWheelListener();
+}
+
+
+void draw() {
+  background(0);
+} 
+
+
+void controlEvent(ControlEvent event) {
+  println(event);
+}
+
+// When working in desktop mode, you can add mousewheel support for 
+// controlP5 by using java.awt.event.MouseWheelListener and 
+// java.awt.event.MouseWheelEvent
+
+void addMouseWheelListener() {
+  frame.addMouseWheelListener(new java.awt.event.MouseWheelListener() {
+    public void mouseWheelMoved(java.awt.event.MouseWheelEvent e) {
+      cp5.setMouseWheelRotation(e.getWheelRotation());
+    }
+  }
+  );
+}
+
diff --git a/examples/extra/ControlP5pointer/ControlP5pointer.pde b/examples/extra/ControlP5pointer/ControlP5pointer.pde
new file mode 100644
index 0000000..4b7cb65
--- /dev/null
+++ b/examples/extra/ControlP5pointer/ControlP5pointer.pde
@@ -0,0 +1,57 @@
+/**
+* ControlP5 Pointer
+*
+* Default mouse actions use the Pointer class to trigger events.
+* you can manipulate the x and y fields of the Pointer class
+* for customizing input events for example when using a 
+* different input than the mouse.
+* Here in this example the mouse coordiates are reveresed.
+*
+* by Andreas Schlegel, 2012
+* www.sojamo.de/libraries/controlp5
+*
+*/
+
+import controlP5.*;
+
+ControlP5 cp5;
+
+void setup() {
+  size(400, 600);
+
+  cp5 = new ControlP5(this);
+  // disable outodraw because we want to draw our 
+  // custom cursor on to of controlP5
+  cp5.setAutoDraw(false);
+  
+  cp5.addSlider("hello", 0, 100, 50, 40, 40, 100, 20);
+  
+  // enable the pointer (and disable the mouse as input) 
+  cp5.getPointer().enable();
+  cp5.getPointer().set(width/2, height/2);
+}
+
+
+void draw() {
+  background(cp5.get("hello").getValue());
+  // first draw controlP5
+  cp5.draw();
+  
+  // the draw our pointer
+  cp5.getPointer().set(width - mouseX, height - mouseY);
+  pushMatrix();
+  translate(cp5.getPointer().getX(), cp5.getPointer().getY());
+  stroke(255);
+  line(-10,0,10,0);
+  line(0,-10,0,10);
+  popMatrix();
+  println(cp5.isMouseOver());
+}
+
+void mousePressed() {
+  cp5.getPointer().pressed();
+}
+
+void mouseReleased() {
+  cp5.getPointer().released();
+}
diff --git a/examples/extra/ControlP5propertiesSets/ControlP5propertiesSets.pde b/examples/extra/ControlP5propertiesSets/ControlP5propertiesSets.pde
new file mode 100644
index 0000000..17e21a9
--- /dev/null
+++ b/examples/extra/ControlP5propertiesSets/ControlP5propertiesSets.pde
@@ -0,0 +1,134 @@
+/**
+ * ControlP5 properties sets.
+ *
+ * saves/loads controller values into/from properties-file.
+ * this example shows how to make property sets of controllers that can be loaded and
+ * saved individually. By default property files come in a serialized format 
+ * with a .ser extension.
+ *
+ *
+ * default properties load/save key combinations are 
+ * alt+shift+l to load properties
+ * alt+shift+s to save properties
+ *
+ *
+ * find a list of public methods available for the ControllerPropererties Controller 
+ * at the bottom of this sketch's source code
+ *
+ * by andreas schlegel, 2011
+ * www.sojamo.de/libraries/controlp5
+ * 
+ */
+
+import controlP5.*;
+
+ControlP5 cp5;
+
+public int slider1 = 32;
+public int slider2 = 64;
+public int slider3 = 128;
+public int slider4 = 255;
+
+
+void setup() {
+  size(400, 600);
+  cp5 = new ControlP5(this);
+  
+  // add a vertical slider
+  cp5.addSlider("slider1", 0, 255, 20, 100, 128, 20);
+  cp5.addSlider("slider2", 0, 255, 20, 150, 128, 20);
+  cp5.addSlider("slider3", 0, 255, 20, 200, 128, 20);
+  cp5.addSlider("slider4", 0, 255, 20, 250, 128, 20);
+
+  cp5.addButton("b1", 0, 20, 350, 80, 12).setCaptionLabel("save setA");
+  cp5.addButton("b2", 0, 101, 350, 80, 12).setCaptionLabel("load setA").setColorBackground(color(0, 100, 50));
+
+  cp5.addButton("b3", 0, 200, 350, 80, 12).setCaptionLabel("save default");
+  cp5.addButton("b4", 0, 281, 350, 80, 12).setCaptionLabel("load default").setColorBackground(color(0, 100, 50));
+
+  
+  // add a new properties set 'setA'
+  cp5.getProperties().addSet("setA");
+
+  // move controller 'slider' from the default set to setA
+  // the 3 parameters read like this: move controller(1) from set(2) to set(3) 
+  cp5.getProperties().move(cp5.getController("slider1"), "default", "setA");
+  // use copy instead of move to register 'slider' with both sets (default and setA)
+
+  // prints the current list of properties registered and the set(s) they belong to 
+  cp5.getProperties().print();
+  
+  /* by default properties are saved in JSON format, if you want to change to the old default (java's serialized format), un-comment line below*/
+  // cp5.getProperties().setFormat(ControlP5.SERIALIZED);
+}
+
+void draw() {
+  background(0);
+
+  fill(slider1);
+  rect(250, 100, 100, 20);
+
+  fill(slider2);
+  rect(250, 150, 100, 20);
+
+  fill(slider3);
+  rect(250, 200, 100, 20);
+
+  fill(slider4);
+  rect(250, 250, 100, 20);
+}
+
+void b1(float v) {
+  cp5.saveProperties("setA", "setA");
+}
+
+void b2(float v) {
+  cp5.loadProperties(("setA"));
+}
+
+void b3(float v) {
+  cp5.saveProperties("default", "default");
+}
+
+void b4(float v) {
+  cp5.loadProperties(("default.json"));
+}
+
+
+
+
+
+/*
+
+ a list of all methods available for the ControllerProperties class
+ use ControlP5.printPublicMethodsFor(ControllerProperties.class);
+ to print the following list into the console.
+ 
+ You can find further details about class ControllerProperties in the javadoc.
+ 
+ Format:
+ ClassName : returnType methodName(parameter type)
+ 
+controlP5.ControllerProperties : ControllerProperties remove(ControllerInterface) 
+controlP5.ControllerProperties : ControllerProperties remove(ControllerInterface, String) 
+controlP5.ControllerProperties : ControllerProperties remove(ControllerInterface, String, String) 
+controlP5.ControllerProperties : ControllerProperty getProperty(ControllerInterface, String) 
+controlP5.ControllerProperties : ControllerProperty getProperty(ControllerInterface, String, String) 
+controlP5.ControllerProperties : ControllerProperty register(ControllerInterface, String) 
+controlP5.ControllerProperties : ControllerProperty register(ControllerInterface, String, String) 
+controlP5.ControllerProperties : HashSet addSet(String) 
+controlP5.ControllerProperties : HashSet getPropertySet(ControllerInterface) 
+controlP5.ControllerProperties : List get(ControllerInterface) 
+controlP5.ControllerProperties : Map get() 
+controlP5.ControllerProperties : String toString() 
+controlP5.ControllerProperties : boolean load() 
+controlP5.ControllerProperties : boolean load(String) 
+controlP5.ControllerProperties : void delete(ControllerProperty) 
+controlP5.ControllerProperties : void move(ControllerInterface, String, String) 
+controlP5.ControllerProperties : void move(ControllerProperty, String, String) 
+controlP5.ControllerProperties : void only(ControllerProperty, String) 
+controlP5.ControllerProperties : void print() 
+controlP5.ControllerProperties : void setFormat(Format) 
+java.lang.Object : String toString() 
+java.lang.Object : boolean equals(Object) 
+*/
diff --git a/examples/extra/ControlP5propertiesSets/default.json b/examples/extra/ControlP5propertiesSets/default.json
new file mode 100644
index 0000000..01a3398
--- /dev/null
+++ b/examples/extra/ControlP5propertiesSets/default.json
@@ -0,0 +1,17 @@
+{
+  "/slider3": {
+    "min": 0,
+    "max": 255,
+    "value": 0
+  },
+  "/slider2": {
+    "min": 0,
+    "max": 255,
+    "value": 0
+  },
+  "/slider4": {
+    "min": 0,
+    "max": 255,
+    "value": 0
+  }
+}
\ No newline at end of file
diff --git a/examples/extra/ControlP5propertiesSets/setA.json b/examples/extra/ControlP5propertiesSets/setA.json
new file mode 100644
index 0000000..8a50c9b
--- /dev/null
+++ b/examples/extra/ControlP5propertiesSets/setA.json
@@ -0,0 +1,5 @@
+{"/slider1": {
+  "min": 0,
+  "max": 255,
+  "value": 255
+}}
\ No newline at end of file
diff --git a/examples/extra/ControlP5renderIntoPGraphics/ControlP5renderIntoPGraphics.pde b/examples/extra/ControlP5renderIntoPGraphics/ControlP5renderIntoPGraphics.pde
new file mode 100644
index 0000000..0c11bc9
--- /dev/null
+++ b/examples/extra/ControlP5renderIntoPGraphics/ControlP5renderIntoPGraphics.pde
@@ -0,0 +1,51 @@
+/**
+* ControlP5 RenderIntoPGraphics
+*
+*
+* experimental
+*
+* by Andreas Schlegel, 2013
+* www.sojamo.de/libraries/controlp5
+*
+*/
+
+
+import controlP5.*;
+
+ControlP5 c1 , c2;
+PGraphics panel1 , panel2;
+
+void setup() {
+  size( 1024, 500 , P3D ); // 
+  panel1 = createGraphics( 200 , height/2 );
+  panel2 = createGraphics( 200 , height/2 );
+  c1 = new ControlP5( this );
+  c1.enableShortcuts();
+  c1.setBackground( color( 0 , 50 ) );
+  c1.addButton("hello").setSize(200,20).setPosition( 0 , 0 );
+  c1.addButton("world").setSize(200,100).setPosition( 0 , 70 );
+  c1.addSlider("slider").setSize(50,20).setPosition( 0 , 40 );
+  c1.setGraphics( panel1 , 0 , 0 );
+  
+  c2 = new ControlP5( this );
+  c2.enableShortcuts();
+  c2.setBackground( color( 0 , 50 ) );
+  c2.addButton("hello").setSize(200,20).setPosition( 0 , 0 );
+  c2.addButton("world").setSize(200,100).setPosition( 0 , 70 );
+  c2.addSlider("slider").setSize(50,20).setPosition( 0 , 40 );
+  c2.setGraphics( panel2 , 220 , 0 );
+  
+}
+
+
+void draw() {
+  background( 100 , 0 , 0 );
+  
+  /* TODO update mouseevent when using setGraphics */
+  c1.setGraphics( panel1 , 100 + int(sin(frameCount*0.1) * 100) , 250 );
+}
+
+
+void controlEvent( ControlEvent ce) {
+  println(ce);
+}
diff --git a/examples/extra/ControlP5style/ControlP5style.pde b/examples/extra/ControlP5style/ControlP5style.pde
new file mode 100644
index 0000000..01147c0
--- /dev/null
+++ b/examples/extra/ControlP5style/ControlP5style.pde
@@ -0,0 +1,110 @@
+/**
+* ControlP5 ControllerStyle
+*
+*
+* find a list of public methods available for the ControllerStyle Controller
+* at the bottom of this sketch.
+*
+* by Andreas Schlegel, 2011
+* www.sojamo.de/libraries/controlp5
+*
+*/
+
+import controlP5.*;
+
+ControlP5 cp5;
+
+float v1 = 50, v2 = 100, v3 = 100, v4 = 100;
+
+void setup() {
+  size(400,600);
+  smooth();
+  noStroke();
+  cp5 = new ControlP5(this);
+  
+  cp5.begin(100,100);
+  cp5.addSlider("v1",0,255).linebreak();
+  cp5.addSlider("v2",0,200).linebreak();
+  cp5.addSlider("v3",0,300).linebreak();
+  cp5.addSlider("v4",0,400);
+  cp5.end();
+  
+  // change the caption label for controller v1 and apply styles
+  cp5.getController("v1").setCaptionLabel("Background");
+  style("v1");
+  
+  // change the caption label for controller v2 and apply styles
+  cp5.getController("v2").setCaptionLabel("Ellipse A");
+  style("v2");
+  
+  // change the caption label for controller v3 and apply styles
+  cp5.getController("v3").setCaptionLabel("Ellipse B");
+  style("v3");
+  
+  // change the caption label for controller v3 and apply styles
+  cp5.getController("v4").setCaptionLabel("Ellipse C");
+  style("v4");
+  
+  
+}
+
+void style(String theControllerName) {
+  Controller c = cp5.getController(theControllerName);
+  // adjust the height of the controller
+  c.setHeight(15);
+  
+  // add some padding to the caption label background
+  c.getCaptionLabel().getStyle().setPadding(4,4,3,4);
+  
+  // shift the caption label up by 4px
+  c.getCaptionLabel().getStyle().setMargin(-4,0,0,0); 
+  
+  // set the background color of the caption label
+  c.getCaptionLabel().setColorBackground(color(10,20,30,140));
+}
+
+void draw() {
+  background(v1);
+  fill(255,255,220,100);
+  ellipse(width/2-100, height/2-100,v2 + 50,v2 + 50);
+  ellipse(width/2+100, height/2,v3,v3);
+  ellipse(width/2, height/2+100,v4,v4);
+}
+
+
+
+/*
+a list of all methods available for the ControllerStyle Controller
+use ControlP5.printPublicMethodsFor(ControllerStyle.class);
+to print the following list into the console.
+
+You can find further details about class ControllerStyle in the javadoc.
+
+Format:
+ClassName : returnType methodName(parameter type)
+
+
+
+
+controlP5.ControllerStyle : ControllerStyle margin(int) 
+controlP5.ControllerStyle : ControllerStyle margin(int, int, int, int) 
+controlP5.ControllerStyle : ControllerStyle moveMargin(int, int, int, int) 
+controlP5.ControllerStyle : ControllerStyle movePadding(int, int, int, int) 
+controlP5.ControllerStyle : ControllerStyle padding(int) 
+controlP5.ControllerStyle : ControllerStyle padding(int, int, int, int) 
+controlP5.ControllerStyle : ControllerStyle setMargin(int, int, int, int) 
+controlP5.ControllerStyle : ControllerStyle setMarginBottom(int) 
+controlP5.ControllerStyle : ControllerStyle setMarginLeft(int) 
+controlP5.ControllerStyle : ControllerStyle setMarginRight(int) 
+controlP5.ControllerStyle : ControllerStyle setMarginTop(int) 
+controlP5.ControllerStyle : ControllerStyle setPadding(int, int, int, int) 
+controlP5.ControllerStyle : ControllerStyle setPaddingBottom(int) 
+controlP5.ControllerStyle : ControllerStyle setPaddingLeft(int) 
+controlP5.ControllerStyle : ControllerStyle setPaddingRight(int) 
+controlP5.ControllerStyle : ControllerStyle setPaddingTop(int) 
+java.lang.Object : String toString() 
+java.lang.Object : boolean equals(Object) 
+
+
+*/
+
diff --git a/examples/extra/ControlP5textfieldAdvanced/ControlP5textfieldAdvanced.pde b/examples/extra/ControlP5textfieldAdvanced/ControlP5textfieldAdvanced.pde
new file mode 100644
index 0000000..61899bd
--- /dev/null
+++ b/examples/extra/ControlP5textfieldAdvanced/ControlP5textfieldAdvanced.pde
@@ -0,0 +1,114 @@
+/**
+ * ControlP5 textfield (advanced)
+ *
+ * demonstrates how to use keepFocus, setText, getText, getTextList,
+ * clear, setAutoClear, isAutoClear and submit.
+ *
+ * by andreas schlegel, 2012
+ * www.sojamo.de/libraries/controlp5
+ * 
+ */
+
+import controlP5.*;
+
+ControlP5 cp5;
+
+String textValue = "";
+
+Textfield myTextfield;
+
+void setup() {
+  size(400, 600);
+
+  cp5 = new ControlP5(this);
+  myTextfield = cp5.addTextfield("textinput")
+                   .setPosition(100, 200)
+                   .setSize(200, 20)
+                   .setFocus(true)
+                   ;
+
+  cp5.addTextfield("textValue")
+     .setPosition(100, 300)
+     .setSize(200, 20)
+     ;
+
+  // use setAutoClear(true/false) to clear a textfield or keep text displayed in
+  // a textfield after pressing return.
+  myTextfield.setAutoClear(true).keepFocus(true);
+
+  cp5.addButton("clear", 0, 20, 200, 70, 20);
+  cp5.addButton("submit", 0, 310, 200, 60, 20);
+  cp5.addButton("performTextfieldActions", 0, 20, 100, 150, 20);
+  cp5.addToggle("toggleAutoClear", true, 180, 100, 90, 20).setCaptionLabel("Auto Clear");
+  cp5.addToggle("toggleKeepFocus", true, 280, 100, 90, 20).setCaptionLabel("Keep Focus");
+
+  
+}
+
+void draw() {
+  background(0);
+}
+
+void toggleAutoClear(boolean theFlag) {
+  myTextfield.setAutoClear(theFlag);
+}
+
+void toggleKeepFocus(boolean theFlag) {
+  myTextfield.keepFocus(theFlag);
+}
+
+void clear(int theValue) {
+  myTextfield.clear();
+}
+
+void submit(int theValue) {
+  myTextfield.submit();
+}
+
+
+void controlEvent(ControlEvent theEvent) {
+  if (theEvent.isAssignableFrom(Textfield.class)) {
+    Textfield t = (Textfield)theEvent.getController();
+
+    println("controlEvent: accessing a string from controller '"
+      +t.getName()+"': "+t.getStringValue()
+      );
+
+    // Textfield.isAutoClear() must be true
+    print("controlEvent: trying to setText, ");
+
+    t.setText("controlEvent: changing text.");
+    if (t.isAutoClear()==false) {
+      println(" success!");
+    } 
+    else {
+      println(" but Textfield.isAutoClear() is false, could not setText here.");
+    }
+  }
+}
+
+void performTextfieldActions() {
+  println("\n");
+  // Textfield.getText();
+  println("the current text of myTextfield: "+myTextfield.getText());
+  println("the current value of textValue: "+textValue);
+  // Textfield.setText();
+  myTextfield.setText("changed the text of a textfield");
+  println("changing text of myTextfield to: "+myTextfield.getText());
+  // Textfield.getTextList();
+  println("the textlist of myTextfield has "+myTextfield.getTextList().length+" items.");
+  for (int i=0;i<myTextfield.getTextList().length;i++) {
+    println("\t"+myTextfield.getTextList()[i]);
+  }
+  println("\n");
+}
+
+
+
+
+public void textinput(String theText) {
+  // receiving text from controller textinput
+  println("a textfield event for controller 'textinput': "+theText);
+}
+
+
diff --git a/examples/extra/ControlP5withPeasyCam/ControlP5withPeasyCam.pde b/examples/extra/ControlP5withPeasyCam/ControlP5withPeasyCam.pde
new file mode 100644
index 0000000..52d1108
--- /dev/null
+++ b/examples/extra/ControlP5withPeasyCam/ControlP5withPeasyCam.pde
@@ -0,0 +1,58 @@
+/**
+ * ControlP5 with PeasyCam support. tested with peasy 0.8.2
+ *
+ * by jeffg 2011
+ */
+ 
+import peasy.*;
+import controlP5.*;
+import processing.opengl.*;
+
+PeasyCam cam;
+ControlP5 cp5;
+
+int buttonValue = 1;
+
+int myColor = color(255, 0, 0);
+
+void setup() {
+  size(400, 400, OPENGL);
+  cam = new PeasyCam(this, 100);
+  cp5 = new ControlP5(this);
+  cp5.addButton("button", 10, 100, 60, 80, 20).setId(1);
+  cp5.addButton("buttonValue", 4, 100, 90, 80, 20).setId(2);
+  cp5.setAutoDraw(false);
+}
+void draw() {
+
+  background(0);
+  fill(myColor);
+  box(30);
+  pushMatrix();
+  translate(0, 0, 20);
+  fill(0, 0, 255);
+  box(5);
+  popMatrix();
+  // makes the gui stay on top of elements
+  // drawn before.
+ 
+  gui();
+  
+}
+
+void gui() {
+  hint(DISABLE_DEPTH_TEST);
+  cam.beginHUD();
+  cp5.draw();
+  cam.endHUD();
+  hint(ENABLE_DEPTH_TEST);
+}
+
+void controlEvent(ControlEvent theEvent) {
+  println(theEvent.getController().getId());
+}
+
+void button(float theValue) {
+  myColor = color(random(255), random(255), random(255));
+  println("a button event. "+theValue);
+}
diff --git a/examples/use/ControlP5annotation/ControlP5annotation.pde b/examples/use/ControlP5annotation/ControlP5annotation.pde
new file mode 100644
index 0000000..f2ac635
--- /dev/null
+++ b/examples/use/ControlP5annotation/ControlP5annotation.pde
@@ -0,0 +1,166 @@
+/**
+ * ControlP5 Annotation
+ *
+ * Lately annotation support has been added to processing. 
+ * Making use of annotations to create controllers is a great strategy i learned
+ * from Karsten Schmidt's (toxi) cp5magic library. 
+ * Loving the simplicity of annotations and how it is aplied with cp5magic,
+ * i had to include it into controlp5 and the following example 
+ * shows how to use annotations with controlp5. 
+ *
+ * Annotations can be applied to variables and functions of the main program 
+ * as well as individual classes. More details are included in the comments below.
+ *
+ * by Andreas Schlegel, 2012
+ * www.sojamo.de/libraries/controlp5
+ *
+ */
+import controlP5.*;
+
+ControlP5 cp5;
+
+TestControl tc1, tc2;
+
+Tab extraTab;
+
+// create controllers using the ControlElement annotation
+// by default a slider is created for int and float 
+// values will range from 0-100 by default
+// default attributes are x,y and label
+@ControlElement (x=10, y=80)
+int n = 20;
+
+// to customize a controller with a CoontrolElement use the
+// properties attribute. values passed using properties have a key and a value
+// here the key corresponds with a function found within a controller which 
+// starts with set followed by the name of the key. the value is then applied accordingly.
+// e.g. min=10 will translate to controller.setMin(10)
+@ControlElement (properties = { "min=0", "max=255", "type=numberbox", "height=10", "width=50"} , x=10, y=40, label="Change Background")
+float m = 40;
+
+
+void setup() {
+  size(600, 400);
+  noStroke();
+
+  cp5 = new ControlP5(this);
+  
+  // Annotations:
+  // addControllersFor(PApplet) checks the main sketch for 
+  // annotations and adds controllers accordingly.
+  cp5.addControllersFor(this);
+  
+  
+  
+  
+  extraTab = cp5.addTab("extra");
+
+  // create an instance of class testControl
+  tc1 = new TestControl();
+
+  // addControllersFor cycles throught object tc1
+  // and assigns controllers according to available annotations.
+  // an address will be assigned to these controllers, in the example
+  // below the address is /world and the individual controllers can be 
+  // accessed adding a / and the controller's name 
+  // e.g. variable x
+  // /world/x
+  cp5.addControllersFor("world", tc1);
+
+  // set the Position of controllers contained within object tc1
+  cp5.setPosition(10, 150, tc1);
+
+
+  // a more advanced example of using functions with ControllerObjects
+  tc2 = new TestControl();
+  CColor col = new CColor();
+  col.setActive(color(0, 200, 100));
+  
+  cp5.addControllersFor("hello", tc2)
+     .setPosition(200, 150, tc2)
+     .moveTo(extraTab, tc2)
+     .setColor(col, tc2);
+     
+  cp5.getController("s", tc2)
+     .setStringValue("Second Control"); 
+  
+  // with listening turned on, a controller can listen to changes made to its connected variable 
+  // here the controller will listen to variable x of object tc2
+  cp5.getController("x", tc2).listen(true);
+
+
+  // (uncomment line below) print the a map of all available controller addresses
+  // cp5.printControllerMap();
+
+  // (uncomment line below) access a controller via its address:
+  // println(cp5.getController("/world/x").getInfo());
+}
+
+
+
+void draw() {
+  background(m);
+
+  pushMatrix();  
+  if (tc1.b) {
+    fill(tc1.x);
+    translate(10, tc1.y);
+    rect(0, 300, 100, 20);
+  }
+  popMatrix();
+  fill(255);
+  text(tc1.in,400,100,150,300);
+  
+  
+  pushMatrix();
+  if (tc2.b) {
+    fill(tc2.x);
+    translate(200, tc2.y);
+    for (int i=0;i<1;i++) {
+      rect(0, 300, 100, 20);
+    }
+  }
+  popMatrix();
+  fill(255);
+  text(tc2.in,400,300,150,300);
+  
+  // the variable x of object tt is controlled by the main program,
+  // the matching controller will update accordingly since it is 
+  // listening for changes.
+  tc2.x = (int)random(100);
+
+  
+}
+
+
+public class TestControl {
+
+  @ControlElement (properties = { "min=0", "max=255" }, x=0, y=0, label="Brightness")
+    public int x = 100;
+
+  @ControlElement (x=0, y=14, label="Y-Position")
+    public float y = 0;
+
+  @ControlElement (x=0, y=40, label="show")
+    public boolean b = true;
+
+  @ControlElement (x=50, y=40)
+    public void toggle(boolean b) {
+      println("hello world");
+    }
+
+  @ControlElement (x=0, y=-20, label="Control", properties = { "type=textlabel"})
+    String s;
+
+  @ControlElement (x=0, y=100, label="Type here")
+    String in = "";
+    
+  @ControlElement (x=200, y=25, properties = {"type=list", "items=hello, world, how are you"}, label="Sample-list") 
+    public void a(int val) {  
+      println(val);
+    }
+}
+
+
+
+
diff --git a/examples/use/ControlP5basics/ControlP5basics.pde b/examples/use/ControlP5basics/ControlP5basics.pde
new file mode 100644
index 0000000..66f6987
--- /dev/null
+++ b/examples/use/ControlP5basics/ControlP5basics.pde
@@ -0,0 +1,92 @@
+/**
+ * ControlP5 Basics
+ *
+ * The following example demonstrates the basic use of controlP5.<br />
+ * After initializing controlP5 you can add controllers to controlP5.
+ * Here we use three numberboxes, one slider and one textfield.
+ * The numberbox with name numberboxC will trigger function numberboxC()
+ * in the example below. Whenever controlP5 detects a function in your 
+ * sketch that corresponds to the name of a controller, it will forward
+ * an event to that function. Any event triggered by a controller 
+ * will be forwarded to function controlEvent in your sketch.
+ * related examples ControlP5numberbox, ControlP5slider, ControlP5textfield
+ * 
+ * by Andreas Schlegel, 2011
+ * www.sojamo.de/libraries/controlp5
+ *
+ */
+
+
+import controlP5.*;
+
+ControlP5 cp5;
+public int myColorRect = 200;
+public int myColorBackground = 100;
+
+void setup() {
+  size(400, 400);
+  noStroke();
+  
+  cp5 = new ControlP5(this);
+
+  // create a slider
+  // parameters:
+  // name, minValue, maxValue, defaultValue, x, y, width, height
+  cp5.addSlider("sliderA", 100, 200, 100, 100, 260, 100, 14);
+
+
+  // create 3 numberboxes and assign an id for each
+  cp5.addNumberbox("numberboxA", myColorRect, 100, 140, 100, 14).setId(1);
+  cp5.addNumberbox("numberboxB", myColorBackground, 100, 180, 100, 14).setId(2);
+  cp5.addNumberbox("numberboxC", 0, 100, 220, 100, 14).setId(3);
+
+
+  // create a texfield
+  cp5.addTextfield("textA", 100, 290, 100, 20);
+
+  // change individual settings for a controller
+  cp5.getController("numberboxA").setMax(255);
+  cp5.getController("numberboxA").setMin(0);
+}
+
+void draw() {
+  background(myColorBackground);
+  fill(myColorRect);
+  rect(0, 0, width, 100);
+}
+
+
+// events from controller numberboxC are received here
+public void numberboxC(int theValue) {
+  println("### got an event from numberboxC : "+theValue);
+}
+
+
+// an event from slider sliderA will change the value of textfield textA here
+public void sliderA(int theValue) {
+  Textfield txt = ((Textfield)cp5.getController("textA"));
+  txt.setValue(""+theValue);
+}
+
+
+// for every change (a textfield event confirmed with a return) in textfield textA,
+// function textA will be invoked
+public void textA(String theValue) {
+  println("### got an event from textA : "+theValue);
+}
+
+
+// function controlEvent will be invoked with every value change 
+// in any registered controller
+public void controlEvent(ControlEvent theEvent) {
+  println("got a control event from controller with id "+theEvent.getId());
+  switch(theEvent.getId()) {
+    case(1): // numberboxA is registered with id 1
+    myColorRect = (int)(theEvent.getController().getValue());
+    break;
+    case(2):  // numberboxB is registered with id 2
+    myColorBackground = (int)(theEvent.getController().getValue());
+    break;
+  }
+}
+
diff --git a/examples/use/ControlP5beginEnd/ControlP5beginEnd.pde b/examples/use/ControlP5beginEnd/ControlP5beginEnd.pde
new file mode 100644
index 0000000..954ddd2
--- /dev/null
+++ b/examples/use/ControlP5beginEnd/ControlP5beginEnd.pde
@@ -0,0 +1 @@
+// TBD
diff --git a/examples/use/ControlP5behavior/ControlP5behavior.pde b/examples/use/ControlP5behavior/ControlP5behavior.pde
new file mode 100644
index 0000000..6f76b82
--- /dev/null
+++ b/examples/use/ControlP5behavior/ControlP5behavior.pde
@@ -0,0 +1,125 @@
+/**
+ * ControlP5 Behavior 
+ * ControlBehavior is an abstract class that can be extended using your 
+ * custom control behaviors. What is a control behavior? Control Behaviors
+ * allow you to automate and dynamically change the state or value of a
+ * controller. One behavior per controller is currently supported. i case you
+ * need to use more that one bahavior, the implementation has to happen
+ * on your side - inside your control behavior.
+ *
+ * find a list of public methods available for the ControlBehavior Controller 
+ * at the bottom of this sketch.
+ *
+ * by Andreas Schlegel, 2012
+ * www.sojamo.de/libraries/controlp5
+ *
+ */
+
+import controlP5.*;
+
+
+ControlP5 cp5;
+
+int myColorBackground = color(0, 0, 0);
+
+public int sliderValue = 100;
+
+void setup() {
+  size(400, 400);
+  noStroke();
+
+  cp5 = new ControlP5(this);
+  cp5.addSlider("sliderValue")
+     .setRange(0,255)
+     .setValue(128)
+     .setPosition(100, 50 + height/2)
+     .setSize(40, 100);
+     
+  cp5.addSlider("slider")
+     .setRange(100, 255)
+     .setValue(128)
+     .setPosition(100, 50)
+     .setSize(100, 40);
+     
+
+  cp5.addBang("bang")
+     .setPosition(40, 50 + height/2)
+     .setSize(40, 40);
+     
+  // add a custom ControlBehavior to controller bang,
+  // class TimerEvent is included in this sketch at the bottom
+  // and extends abstract class ControlBehavior.
+  cp5.getController("bang").setBehavior(new TimedEvent());
+
+  // use an anonymous class of type ControlBehavior.
+  cp5.getController("slider").setBehavior(new ControlBehavior() {
+    float a = 0;
+    public void update() { 
+      setValue(sin(a += 0.1) * 50  + 150);
+    }
+  }
+  );
+}
+
+void draw() {
+  background(myColorBackground);
+  fill(sliderValue);
+  rect(0, 0, width, height/2);
+}
+
+void slider(float theColor) {
+  myColorBackground = color(theColor);
+  println("# a slider event. setting background to "+theColor);
+}
+
+public void bang() {
+  println("# an event received from controller bang.");
+  // a bang will set the value of controller sliderValue
+  // to a random number between 0 and 255.
+  cp5.getController("sliderValue").setValue(random(0, 255));
+}
+
+// custom ControlBehavior
+class TimedEvent extends ControlBehavior {
+  long myTime;
+  int interval = 200;
+
+  public TimedEvent() { 
+    reset();
+  }
+  void reset() { 
+    myTime = millis() + interval;
+  }
+
+  public void update() {
+    if (millis()>myTime) { 
+      setValue(1); 
+      reset();
+    }
+  }
+}
+
+
+
+
+/*
+a list of all methods available for the ControlBehavior Controller
+use ControlP5.printPublicMethodsFor(ControlBehavior.class);
+to print the following list into the console.
+
+You can find further details about class ControlBehavior in the javadoc.
+
+Format:
+ClassName : returnType methodName(parameter type)
+
+
+controlP5.ControlBehavior : Controller controller() 
+controlP5.ControlBehavior : boolean isActive() 
+controlP5.ControlBehavior : void setActive(boolean) 
+controlP5.ControlBehavior : void setValue(float) 
+java.lang.Object : String toString() 
+java.lang.Object : boolean equals(Object) 
+
+
+*/
+
diff --git a/examples/use/ControlP5callback/ControlP5callback.pde b/examples/use/ControlP5callback/ControlP5callback.pde
new file mode 100644
index 0000000..aad21b0
--- /dev/null
+++ b/examples/use/ControlP5callback/ControlP5callback.pde
@@ -0,0 +1,191 @@
+/**
+ * ControlP5 Callback
+ *
+ * The following example demonstrates the CallbackListener and CallbackEvent. 
+ * Here additional information about each available slider will be show when
+ * hovering the controller with the mouse. The info will fade out when leaving
+ * the controller. 
+ *
+ * When hovering a controller, the mouse pointer will change as well.
+ * 
+ * find a list of public methods available for the CallbackEvent Controller
+ * at the bottom of this sketch.
+ *
+ * by Andreas Schlegel, 2012
+ * www.sojamo.de/libraries/controlp5
+ *
+ */
+
+import controlP5.*;
+
+ControlP5 cp5;
+Slider s1, s2;
+Info info;
+CallbackListener cb;
+
+void setup() {
+  size(800, 400);
+
+  cp5 = new ControlP5(this);
+
+  
+  // create a new instance of class Info
+  // info will be used to display a controller's information and
+  // will fade in when a CallbackEvent is invoked.
+  info = new Info();
+
+
+  // add 2 sliders
+  s1 = cp5.addSlider("hello")
+          .setRange(0, 100)
+          .setValue(50)
+          .setPosition(40, 40)
+          .setSize(100, 20);
+          
+  s2 = cp5.addSlider("world")
+          .setRange(0, 100)
+          .setValue(10)
+          .setPosition(40, 70)
+          .setSize(100, 20);
+
+
+  // the following CallbackListener will listen to any controlP5 
+  // action such as enter, leave, pressed, released, releasedoutside, broadcast
+  // see static variables starting with ACTION_ inside class controlP5.ControlP5Constants
+
+  cb = new CallbackListener() {
+    public void controlEvent(CallbackEvent theEvent) {
+      switch(theEvent.getAction()) {
+        case(ControlP5.ACTION_ENTER):
+        info.n = 1;
+        info.label.setText(theEvent.getController().getInfo());
+        cursor(HAND);
+        break;
+        case(ControlP5.ACTION_LEAVE):
+        case(ControlP5.ACTION_RELEASEDOUTSIDE):
+        info.n = 0;
+        cursor(ARROW);
+        break;
+      }
+    }
+  };
+
+  // add the above callback to controlP5
+  cp5.addCallback(cb);
+
+  // add another callback to slider s1, callback event will only be invoked for this 
+  // particular controller.
+  s1.addCallback(new CallbackListener() {
+    public void controlEvent(CallbackEvent theEvent) {
+      if (theEvent.getAction()==ControlP5.ACTION_BROADCAST) {
+        s2.setValue(s2.getMax() - s1.getValue());
+      }
+    }
+  }
+  );
+}
+
+void draw() {
+  background(0);
+  info.update();
+}
+
+
+void controlEvent(ControlEvent theEvent) {
+  println("Got a ControlEvent for "+theEvent.name()+" = "+theEvent.value());
+  info.label.setText(theEvent.getController().getInfo());
+}
+
+void keyPressed() {
+  // uncomment the line below to remove callback cb from controlP5
+  // when a key is pressed.
+  //controlP5.removeCallback(cb);
+}
+
+// controlEvent(CallbackEvent) is called whenever a callback 
+// has been triggered. controlEvent(CallbackEvent) is detected by 
+// controlP5 automatically.
+void controlEvent(CallbackEvent theEvent) {
+  if (theEvent.getController().equals(s2)) {
+    switch(theEvent.getAction()) {
+      case(ControlP5.ACTION_ENTER): 
+      println("Action:ENTER");
+      break;
+      case(ControlP5.ACTION_LEAVE): 
+      println("Action:LEAVE");
+      break;
+      case(ControlP5.ACTION_PRESSED): 
+      println("Action:PRESSED");
+      break;
+      case(ControlP5.ACTION_RELEASED): 
+      println("Action:RELEASED");
+      break;
+      case(ControlP5.ACTION_RELEASEDOUTSIDE): 
+      println("Action:RELEASED OUTSIDE");
+      break;
+      case(ControlP5.ACTION_BROADCAST): 
+      println("Action:BROADCAST");
+      break;
+    }
+  }
+}
+
+
+
+class Info {
+  float a;
+  float n = 0;
+  String txt = "";
+  Textarea label;
+  
+  Info() {
+    label = cp5.addTextarea("Hello\nWorld")
+               .setSize(200,200)
+               .setPosition(300,40)
+               .setColor(color(255))
+               .setColorBackground(color(100,0))
+               .setLineHeight(12);
+                   
+  }
+  
+  void update() {
+    a += (n-a)*0.1;
+    label.setColorBackground(color(100,255*a));
+  }
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+/*
+a list of all methods available for the CallbackEvent Controller
+ use ControlP5.printPublicMethodsFor(CallbackEvent.class);
+ to print the following list into the console.
+ 
+ You can find further details about class CallbackEvent in the javadoc.
+ 
+ Format:
+ ClassName : returnType methodName(parameter type)
+ 
+ 
+ controlP5.CallbackEvent : Controller getController() 
+ controlP5.CallbackEvent : int getAction() 
+ java.lang.Object : String toString() 
+ java.lang.Object : boolean equals(Object) 
+ 
+ 
+ */
+
+
+
diff --git a/examples/use/ControlP5controlEvent/ControlP5controlEvent.pde b/examples/use/ControlP5controlEvent/ControlP5controlEvent.pde
new file mode 100644
index 0000000..b7b44df
--- /dev/null
+++ b/examples/use/ControlP5controlEvent/ControlP5controlEvent.pde
@@ -0,0 +1,112 @@
+/**
+ * ControlP5 ControlEvent.
+ * every control event is automatically forwarded to the function controlEvent(ControlEvent)
+ * inside a sketch if such function is available. For further details about the API of 
+ * the ControlEvent class, please refer to the documentation.
+ *
+ *
+ * find a list of public methods available for ControlEvent
+ * at the bottom of this sketch's source code
+ *
+ * by Andreas Schlegel, 2012
+ * www.sojamo.de/libraries/controlP5
+ *
+ */
+
+import controlP5.*;
+
+ControlP5 cp5;
+
+public int myColorRect1 = 200;
+
+public int myColorRect2 = 100;
+
+
+void setup() {
+  size(400, 400);
+  noStroke();
+  
+  cp5 = new ControlP5(this);
+  cp5.addNumberbox("n1")
+     .setValue(myColorRect1)
+     .setPosition(20, 20)
+     .setSize(100, 20)
+     .setMin(0)
+     .setMax(255)
+     .setId(1);
+     
+  cp5.addNumberbox("n2")
+     .setValue(myColorRect2)
+     .setPosition(20, 60)
+     .setSize(100, 20)
+     .setMin(0)
+     .setMax(255)
+     .setId(2);
+     
+  cp5.addTextfield("n3")
+     .setPosition(20, 100)
+     .setSize(100, 20)
+     .setId(3);
+     
+}
+
+void draw() {
+  background(ControlP5.MAROON);
+  fill(ControlP5.RED, myColorRect1);
+  rect(140, 20, 240, 170);
+  fill(ControlP5.FUCHSIA, myColorRect2);
+  rect(140, 210, 240, 170);
+}
+
+
+void controlEvent(ControlEvent theEvent) {
+  println("got a control event from controller with id "+theEvent.getController().getId());
+  
+  if (theEvent.isFrom(cp5.getController("n1"))) {
+    println("this event was triggered by Controller n1");
+  }
+  
+  switch(theEvent.getController().getId()) {
+    case(1):
+    myColorRect1 = (int)(theEvent.getController().getValue());
+    break;
+    case(2):
+    myColorRect2 = (int)(theEvent.getController().getValue());
+    break;
+    case(3):
+    println(theEvent.getController().getStringValue());
+    break;
+  }
+}
+
+
+/*
+ a list of all methods available for ControlEvent
+ use ControlP5.printPublicMethodsFor(ControlEvent.class);
+ to print the following list into the console.
+ 
+ You can find further details about class ControlEvent in the javadoc.
+ 
+ Format:
+ ClassName : returnType methodName(parameter type)
+ 
+ controlP5.ControlEvent : ControlGroup getGroup() 
+ controlP5.ControlEvent : Controller getController() 
+ controlP5.ControlEvent : String getLabel() 
+ controlP5.ControlEvent : String getName() 
+ controlP5.ControlEvent : String getStringValue() 
+ controlP5.ControlEvent : Tab getTab() 
+ controlP5.ControlEvent : boolean isController() 
+ controlP5.ControlEvent : boolean isFrom(ControllerInterface) 
+ controlP5.ControlEvent : boolean isFrom(String) 
+ controlP5.ControlEvent : boolean isGroup() 
+ controlP5.ControlEvent : boolean isTab() 
+ controlP5.ControlEvent : float getValue() 
+ controlP5.ControlEvent : float[] getArrayValue() 
+ controlP5.ControlEvent : int getId() 
+ controlP5.ControlEvent : int getType() 
+ java.lang.Object : String toString() 
+ java.lang.Object : boolean equals(Object) 
+ */
+ 
+ 
diff --git a/examples/use/ControlP5controlFont/ControlP5controlFont.pde b/examples/use/ControlP5controlFont/ControlP5controlFont.pde
new file mode 100644
index 0000000..3f14de9
--- /dev/null
+++ b/examples/use/ControlP5controlFont/ControlP5controlFont.pde
@@ -0,0 +1,100 @@
+/**
+ * ControlP5 controlFont. 
+ *
+ * this example shows how to create a button with controlP5 (1), how to
+ * load and use a PFont with controlP5 (2), apply a ControlFont to
+ * the caption label of a button (3), and adjust the location of a
+ * caption label using the style() property of a controller.
+ * 
+ * by andreas schlegel, 2012
+ */
+import controlP5.*;
+
+ControlP5 cp5;
+
+controlP5.Button b;
+
+int buttonValue = 1;
+
+boolean isOpen;
+
+int myColorBackground = color(0,0,0);
+
+
+void setup() {
+  size(700,400);
+  smooth();
+  
+  cp5 = new ControlP5(this);
+  // (1)
+  // create some controllers
+  cp5.addButton("button")
+     .setValue(10)
+     .setPosition(20,20)
+     .setSize(100,50)
+     .setId(1);
+     
+  b = cp5.addButton("buttonValue")
+         .setValue(4)
+         .setPosition(100,190)
+         .setSize(200,200)
+         .setId(2);
+  
+  // (2)
+  // load a new font. ControlFont is a wrapper for processing's PFont
+  // with processing 1.1 ControlFont.setSmooth() is not supported anymore.
+  // to display a font as smooth or non-smooth, use true/false as 3rd parameter
+  // when creating a PFont:
+  
+  PFont pfont = createFont("Arial",20,true); // use true/false for smooth/no-smooth
+  ControlFont font = new ControlFont(pfont,241);
+ 
+  
+
+  // (3)
+  // change the font and content of the captionlabels 
+  // for both buttons create earlier.
+  cp5.getController("button")
+     .getCaptionLabel()
+     .setFont(font)
+     .toUpperCase(false)
+     .setSize(24)
+     ;
+     
+  b.getCaptionLabel()
+   .setFont(font)
+   .setSize(50)
+   .toUpperCase(false)
+   .setText("hello")
+   ;
+//  
+  // (4)
+  // adjust the location of a catiption label using the 
+  // style property of a controller.
+  b.getCaptionLabel().getStyle().marginLeft = 20;
+  b.getCaptionLabel().getStyle().marginTop = 40;
+
+}
+
+void draw() {
+  background(ControlP5.SILVER);
+  // animate button b
+  float x = b.x(b.getPosition());
+  x += ((isOpen==true ? 0:-200) - x) * 0.2;;
+  float y = b.y(b.getPosition());
+  b.setPosition(x,y);
+}
+
+public void controlEvent(ControlEvent theEvent) {
+  println(theEvent.getController().getId());
+}
+
+public void button(float theValue) {
+  println("a button event. "+theValue);
+  isOpen = !isOpen;
+  cp5.getController("button").setCaptionLabel((isOpen==true) ? "close":"open");
+}
+
+
+
+
diff --git a/examples/use/ControlP5customView/ControlP5customView.pde b/examples/use/ControlP5customView/ControlP5customView.pde
new file mode 100644
index 0000000..4db2e6f
--- /dev/null
+++ b/examples/use/ControlP5customView/ControlP5customView.pde
@@ -0,0 +1,101 @@
+/**
+* ControlP5 Custom View
+*
+*
+* find a list of public methods available for the ControllerDisplay Controller
+* at the bottom of this sketch.
+*
+* by Andreas Schlegel, 2012
+* www.sojamo.de/libraries/controlp5
+*
+*/
+
+
+import controlP5.*;
+
+
+ControlP5 cp5;
+
+
+void setup() {
+  size(400, 400);
+  smooth();
+  cp5 = new ControlP5(this);
+  cp5.addButton("hello")
+     .setPosition(50, 100)
+     .setSize(150,150)
+     .setView(new CircularButton())
+     ;
+     
+  cp5.addButton("world")
+     .setPosition(250, 100)
+     .setSize(50,50)
+     .setView(new CircularButton())
+     ;
+}
+
+
+void draw() {
+  background(ControlP5.BLACK);
+}
+
+public void hello(int theValue) {
+  println("Hello pressed");
+}
+
+public void world(int theValue) {
+  println("World pressed");
+}
+
+/**
+ * to define a custom View for a controller use the ContollerView<T> interface
+ * T here must be replace by the name of the Controller class your custom View will be 
+ * applied to. In our example T is replace by Button since we are aplpying the View 
+ * to the Button instance create in setup. The ControllerView interface requires
+ * you to implement the display(PApplet, T) method. Same here, T must be replaced by
+ * the Controller class you are designing the custom view for, for us this is the 
+ * Button class. 
+ */
+ 
+class CircularButton implements ControllerView<Button> {
+
+  public void display(PGraphics theApplet, Button theButton) {
+    theApplet.pushMatrix();
+    if (theButton.isInside()) {
+      if (theButton.isPressed()) { // button is pressed
+        theApplet.fill(ControlP5.LIME);
+      }  else { // mouse hovers the button
+        theApplet.fill(ControlP5.YELLOW);
+      }
+    } else { // the mouse is located outside the button area
+      theApplet.fill(ControlP5.GREEN);
+    }
+    
+    theApplet.ellipse(0, 0, theButton.getWidth(), theButton.getHeight());
+    
+    // center the caption label 
+    int x = theButton.getWidth()/2 - theButton.getCaptionLabel().getWidth()/2;
+    int y = theButton.getHeight()/2 - theButton.getCaptionLabel().getHeight()/2;
+    
+    translate(x, y);
+    theButton.getCaptionLabel().draw(theApplet);
+    
+    theApplet.popMatrix();
+  }
+}
+
+
+/*
+a list of all methods available for the ControllerView Controller
+use ControlP5.printPublicMethodsFor(ControllerView.class);
+to print the following list into the console.
+
+You can find further details about class ControllerView in the javadoc.
+
+Format:
+ClassName : returnType methodName(parameter type)
+
+controlP5.ControllerView : void display(PApplet, T)
+
+*/
+
diff --git a/examples/use/ControlP5extendController/ControlP5extendController.pde b/examples/use/ControlP5extendController/ControlP5extendController.pde
new file mode 100644
index 0000000..4999901
--- /dev/null
+++ b/examples/use/ControlP5extendController/ControlP5extendController.pde
@@ -0,0 +1,163 @@
+/**
+ * ControlP5 extending Controllers
+ *
+ * the following example shows how to extend the Controller class to 
+ * create customizable Controllers. You can either extend the Controller class itself,
+ * or any class that extends Controller itself like the Slider, Button, DropdownList, etc. 
+ * 
+ * How to:
+ *
+ * 1) do a super call to the convenience constructor requiring 
+ * 2 parameter (ControlP5 instance, name)  
+ *
+ * 2) the Controller class has a set of empty methods that allow you to capture
+ * inputs from the mouse including 
+ * onEnter(), onLeave(), onPress(), onRelease(), onClick(), onScroll(int), onDrag()
+ * These you can override and include functionality as needed.
+ *
+ * 3) use method getPointer() to return the local (relative) 
+ * xy-coordinates of the controller
+ *  
+ * 4) after instantiation custom controllers are treated the same 
+ * as default controlP5 controllers.
+ *  
+ * by Andreas Schlegel, 2012
+ * www.sojamo.de/libraries/controlp5
+ *
+ */
+
+import controlP5.*;
+
+ControlP5 cp5;
+PApplet p;
+
+void setup() {
+  size(400, 400);
+  cp5 = new ControlP5(this);
+  
+  // create 2 groups to show nesting of custom controllers and
+  //   
+  Group g1 = cp5.addGroup("a").setPosition(0,100).setWidth(180);
+  Group g2 = cp5.addGroup("b").setPosition(0,10).setWidth(180);
+  g2.moveTo(g1);
+  
+  // create 2 custom Controllers from class MyButton
+  // MyButton extends Controller and inherits all methods accordingly.
+  new MyButton(cp5, "b1").setPosition(0, 0).setSize(180, 200).moveTo(g2);
+  new MyButton(cp5, "b2").setPosition(205, 15).setSize(180, 200);
+  
+}
+
+
+void draw() {
+  background(0);
+}
+
+// b1 will be called from Controller b1
+public void b1(float theValue) {
+  println("yay button "+theValue);
+}
+
+public void controlEvent(ControlEvent theEvent) {
+  println("controlEvent : "+theEvent);
+}
+
+
+// Create a custom Controller, please not that 
+// MyButton extends Controller<MyButton>, <MyButton>
+// is an indicator for the super class about the type of 
+// custom controller to be created.
+
+class MyButton extends Controller<MyButton> {
+
+  int current = 0xffff0000;
+
+  float a = 128;
+  
+  float na;
+  
+  int y;
+  
+  // use the convenience constructor of super class Controller
+  // MyButton will automatically registered and move to the 
+  // default controlP5 tab.
+  
+  MyButton(ControlP5 cp5, String theName) {
+    super(cp5, theName);
+    
+    // replace the default view with a custom view.
+    setView(new ControllerView() {
+      public void display(PGraphics p, Object b) {
+        // draw button background
+        na += (a-na) * 0.1; 
+        p.fill(current,na);
+        p.rect(0, 0, getWidth(), getHeight());
+        
+        // draw horizontal line which can be moved on the x-axis 
+        // using the scroll wheel. 
+        p.fill(0,255,0);
+        p.rect(0,y,width,10);
+        
+        // draw the custom label 
+        p.fill(128);
+        translate(0,getHeight()+14);
+        p.text(getName(),0,0);
+        p.text(getName(),0,0);
+        
+      }
+    }
+    );
+  }
+
+  // override various input methods for mouse input control
+  void onEnter() {
+    cursor(HAND);
+    println("enter");
+    a = 255;
+  }
+  
+  void onScroll(int n) {
+    println("scrolling");
+    y -= n;
+    y = constrain(y,0,getHeight()-10);
+  }
+  
+  void onPress() {
+    println("press");
+    current = 0xffffff00;
+  }
+  
+  void onClick() {
+    Pointer p1 = getPointer();
+    println("clicked at "+p1.x()+", "+p1.y());
+    current = 0xffffff00;
+    setValue(y);
+  }
+
+  void onRelease() {
+    println("release");
+    current = 0xffffffff;
+  }
+  
+  void onMove() {
+    println("moving "+this+" "+_myControlWindow.getMouseOverList());
+  }
+
+  void onDrag() {
+    current = 0xff0000ff;
+    Pointer p1 = getPointer();
+    float dif = dist(p1.px(),p1.py(),p1.x(),p1.y());
+    println("dragging at "+p1.x()+", "+p1.y()+" "+dif);
+  }
+  
+  void onReleaseOutside() {
+    onLeave();
+  }
+
+  void onLeave() {
+    println("leave");
+    cursor(ARROW);
+    a = 128;
+  }
+}
+
diff --git a/examples/use/ControlP5listenerForSingleController/ControlP5listenerForSingleController.pde b/examples/use/ControlP5listenerForSingleController/ControlP5listenerForSingleController.pde
new file mode 100644
index 0000000..b01891e
--- /dev/null
+++ b/examples/use/ControlP5listenerForSingleController/ControlP5listenerForSingleController.pde
@@ -0,0 +1,47 @@
+/**
+ * ControlP5 Listener.
+ * the ControlListener interface can be used to implement a custom 
+ * ControlListener which listens for incoming ControlEvent from specific
+ * controller(s). MyControlListener in the example below listens to
+ * ControlEvents coming in from controller 'mySlider'.
+ *
+ * by andreas schlegel, 2012
+ */
+import controlP5.*;
+
+ControlP5 cp5;
+MyControlListener myListener;
+
+void setup() {
+  size(700,400);
+
+
+  cp5 = new ControlP5(this);
+  cp5.setColor(ControlP5.THEME_RED);  
+  
+  cp5.addSlider("mySlider")
+     .setRange(100,200)
+     .setValue(140)
+     .setPosition(200,200)
+     .setSize(200,20);
+  
+  myListener = new MyControlListener();
+  
+  cp5.getController("mySlider").addListener(myListener);
+}
+
+void draw() {
+  background(myListener.col);  
+}
+
+
+class MyControlListener implements ControlListener {
+  int col;
+  public void controlEvent(ControlEvent theEvent) {
+    println("i got an event from mySlider, " +
+            "changing background color to "+
+            theEvent.getController().getValue());
+    col = (int)theEvent.getController().getValue();
+  }
+
+}
diff --git a/examples/use/ControlP5mouseover/ControlP5mouseover.pde b/examples/use/ControlP5mouseover/ControlP5mouseover.pde
new file mode 100644
index 0000000..89184ca
--- /dev/null
+++ b/examples/use/ControlP5mouseover/ControlP5mouseover.pde
@@ -0,0 +1,98 @@
+
+/**
+* ControlP5 Mouseover
+*
+*
+* this example demonstrates the use of the mouseover methods 
+* isMouseOver(), getMouseOverList()
+*
+* by Andreas Schlegel, 2012
+* www.sojamo.de/libraries/controlp5
+*
+*/
+
+
+import controlP5.*;
+
+ControlP5 cp5;
+
+public int slider1 = 64;
+public int slider2 = 128;
+
+
+void setup() {
+  size(700, 400);
+  smooth(8);
+  cp5 = new ControlP5(this);
+
+  cp5.addSlider("slider1", 0, 255, 20, 100, 128, 20);
+  cp5.addSlider("slider2", 0, 255, 20, 150, 128, 20);
+
+  ScrollableList l = cp5.addScrollableList("myList", 250, 260, 200, 80);
+  for (int i=0;i<80;i++) {
+    l.addItem("item "+i, i);
+  }
+  
+  cp5.addButton("b1", 0, 20, 350, 80, 20);
+  cp5.addButton("b2", 0, 101, 350, 80, 20);
+
+}
+
+color hover = color(0, 230, 150);
+
+void draw() {
+  background(ControlP5.BLACK);
+  // check if the mouse is inside of any of the controllers 
+  // displayed in the main window
+  if(cp5.isMouseOver()) {
+    fill(hover);
+  } else {
+    fill(128);
+  }
+  
+  ellipse(45,50,50,50);
+  
+  // check if the mouse is hovering controller slider1 and set the color accordingly
+  fill(cp5.isMouseOver(cp5.getController("slider1")) ? hover:color(slider1));
+  rect(250, 100, 200, 20);
+  
+  
+  fill(cp5.isMouseOver(cp5.getController("slider2")) ? hover:color(slider2));
+  rect(250, 150, 200, 20);
+  
+  fill(cp5.isMouseOver(cp5.getController("b1")) ? hover:color(128));
+  ellipse(30, 330, 20, 20);
+  
+  fill(cp5.isMouseOver(cp5.getController("b2")) ? hover:color(128));
+  ellipse(110, 330, 20, 20);
+  
+  fill(cp5.isMouseOver(cp5.getController("myList")) ? hover:color(128));
+  ellipse(260, 230, 20, 20);
+  
+}
+
+
+void mousePressed() {
+  // print the current mouseoverlist on mouse pressed
+  print("The Current mouseoverlist:\t");
+  println(cp5.getWindow().getMouseOverList());
+}
+
+
+/*
+a list of all methods available for the ControlP5 Controller
+use ControlP5.printPublicMethodsFor(ControlP5.class);
+to print the full list into the console.
+
+You can find further details about class ControlP5 in the javadoc.
+
+Format:
+ClassName : returnType methodName(parameter type)
+
+controlP5.ControlP5 : List getMouseOverList() 
+controlP5.ControlP5 : boolean isMouseOver() 
+controlP5.ControlP5 : boolean isMouseOver(ControllerInterface) 
+
+*/
+
+
diff --git a/examples/use/ControlP5plugTo/ControlP5plugTo.pde b/examples/use/ControlP5plugTo/ControlP5plugTo.pde
new file mode 100644
index 0000000..a6441fd
--- /dev/null
+++ b/examples/use/ControlP5plugTo/ControlP5plugTo.pde
@@ -0,0 +1,109 @@
+/**
+* ControlP5 plugTo
+*
+* This example demonstrate how to use the plugTo method to
+* connect a controller to a field or method of a particular object.
+* 
+*
+* find a list of public methods available for the ControlP5 Controller
+* at the bottom of this sketch.
+*
+* by Andreas Schlegel, 2011
+* www.sojamo.de/libraries/controlp5
+*
+*/
+
+import controlP5.*;
+import processing.opengl.*;
+
+ControlP5 controlP5;
+
+Test[] testarray;
+
+Test test;
+
+Button b;
+
+int cnt;
+
+void setup() {
+  size(600,400);
+  smooth();
+  test = new Test(50);
+  testarray = new Test[10];
+  for(int i=0;i<10;i++) {
+    testarray[i] = new Test(200 + i*20);
+  }
+  
+  controlP5 = new ControlP5(this);
+  
+  controlP5.begin(100,20);
+  
+  b = controlP5.addButton("trigger",1);
+  b.setColorBackground(ControlP5.RED);
+  
+  controlP5.addButton("plug",2);
+  controlP5.addButton("unplug",3);
+  
+  // b is a button previously added to controlP5 with name 'trigger'
+  // controlP5 no tries to find a field or method inside object test
+  // in order to connect controller 'trigger' with test.trigger()
+  b.plugTo(test);
+  controlP5.end();
+}
+
+// connects controller 'trigger' with objects of type Test contained 
+// inside arrat testarray
+void plug(int theValue) {
+   b.plugTo(testarray);
+   b.setColorBackground(ControlP5.GREEN);
+   println("plugging controller b1 to array 'testarray' and variable 'test'.");
+}
+
+// disconnects controller 'trigger' from objects of type Test stored 
+// inside array testarray
+void unplug(int theValue) {
+  b.unplugFrom(testarray);
+  b.setColorBackground(ControlP5.RED);
+  println("removing array 'testarray' and variable 'test' from controller b1.");
+}
+
+
+void draw() {
+  background(0);
+  fill(255);
+  for(int i=0;i<10;i++) {
+    testarray[i].display();
+  }
+  test.display();
+  cnt++;
+  if(cnt%30 == 0) {
+    controlP5.getController("trigger").update();
+  }
+}
+
+
+class Test {
+  float n0 = 0; 
+  float n1 = 1; 
+  float x;
+  
+  Test(float theX) {
+    x = theX;
+  } 
+  
+  void trigger(int theValue) {
+    n1 = random(100);
+  }
+  
+  void display() {
+    n0 += (n1-n0) * 0.1;
+    rect(x,200,10,n0);
+  }
+
+  void controlEvent(ControlEvent theEvent) {
+    //println("\t\t b1 event sub \n\n");
+  }
+}
+
+
diff --git a/examples/use/ControlP5propertiesCustom/ControlP5propertiesCustom.pde b/examples/use/ControlP5propertiesCustom/ControlP5propertiesCustom.pde
new file mode 100644
index 0000000..3929af4
--- /dev/null
+++ b/examples/use/ControlP5propertiesCustom/ControlP5propertiesCustom.pde
@@ -0,0 +1,106 @@
+/**
+ * ControlP5 properties example (see keyPressed).
+ * by andreas schlegel, 2011
+ *
+ * status: experimental
+ * saves/loads controller values into/from a properties-file 
+ * by default properties will be saved in a serialized format and use the .ser extension.
+ *
+ * taken from the changelog;
+ * adding saveProperties(String) and loadProperties(String) to 
+ * save and load serialized controller properties. 
+ * The range of controllers implementing save/load properties currently includes
+ * Slider, Knob, Numberbox, Toggle, Checkbox, RadioButton, Textlabel, Matrix,Range, 
+ * textarea, ListBox, Dropdown, colorPicker. 
+ * Properties are currently saved in the java serialization 
+ * format but xml and possibly json alternatives are being worked on.
+ *
+ *
+ * default properties load/save key combinations are 
+ * alt+shift+l to load properties
+ * alt+shift+s to save properties
+ *
+ */
+
+import controlP5.*;
+
+ControlP5 cp5;
+public int myColor = color(0,0,0);
+
+public int sliderValue = 100;
+public int sliderTicks1 = 100;
+public int sliderTicks2 = 30;
+
+
+void setup() {
+  size(400,400);
+  cp5 = new ControlP5(this);
+  noStroke();
+  // add a vertical slider
+  cp5.addSlider("slider")
+  .setRange(0,200)
+  .setValue(128)
+  .setPosition(20,100)
+  .setSize(20,100)
+  ;
+  // create another slider with tick marks, now without
+  // default value, the initial value will be set according th
+  // the value of variable sliderTicks2 then.
+  cp5.addSlider("sliderTicks1")
+     .setRange(0,255)
+     .setPosition(100,100)
+     .setSize(20,100)
+     .setNumberOfTickMarks(5)
+     ;
+  
+  
+  // add horizontal sliders
+  cp5.addSlider("sliderValue")
+     .setRange(0,255)
+     .setValue(128)
+     .setPosition(200,180)
+     .setSize(100,20)
+     ;
+  
+  cp5.addSlider("sliderTicks2")
+     .setRange(0,255)
+     .setValue(128)
+     .setPosition(200,220)
+     .setSize(100,20)
+     .setNumberOfTickMarks(7)
+     .setSliderMode(Slider.FLEXIBLE);
+     ;   
+  // use Slider.FIX or Slider.FLEXIBLE to change the slider handle
+  // by default it is Slider.FIX
+  
+}
+
+void draw() {
+  background(sliderTicks1);
+  
+  fill(sliderValue);
+  rect(0,0,width,100);
+  
+  fill(myColor);
+  rect(0,300,width,70);
+  
+  fill(sliderTicks2);
+  rect(0,370,width,30);
+}
+
+public void slider(float theColor) {
+  myColor = color(theColor);
+  println("a slider event. setting background to "+theColor);
+}
+
+void keyPressed() {
+  // default properties load/save key combinations are 
+  // alt+shift+l to load properties
+  // alt+shift+s to save properties
+  if(key=='1') {
+    cp5.saveProperties(("hello.json"));
+  } else if(key=='2') {
+    cp5.loadProperties(("hello.json"));
+  }
+}
+
diff --git a/examples/use/ControlP5propertiesCustom/hello.json b/examples/use/ControlP5propertiesCustom/hello.json
new file mode 100644
index 0000000..78d173d
--- /dev/null
+++ b/examples/use/ControlP5propertiesCustom/hello.json
@@ -0,0 +1,22 @@
+{
+  "/sliderValue": {
+    "min": 0,
+    "max": 255,
+    "value": 128
+  },
+  "/slider": {
+    "min": 0,
+    "max": 200,
+    "value": 128
+  },
+  "/sliderTicks1": {
+    "min": 0,
+    "max": 255,
+    "value": 127.5
+  },
+  "/sliderTicks2": {
+    "min": 0,
+    "max": 255,
+    "value": 127.5
+  }
+}
\ No newline at end of file
diff --git a/examples/use/ControlP5quick/ControlP5quick.pde b/examples/use/ControlP5quick/ControlP5quick.pde
new file mode 100644
index 0000000..e54eeb1
--- /dev/null
+++ b/examples/use/ControlP5quick/ControlP5quick.pde
@@ -0,0 +1,94 @@
+/**
+ * ControlP5 quick
+ *
+ * this example demonstrates how to quickly add Controllers such as
+ * Button, Slider,Toggle and Numberbox to a sketch without having to set
+ * positions, this is done automatically by cp5.
+ * controllers will be aligned horizontally - .linebreak() will
+ * force the next controller to the next line.
+ * the example shows as well how to link variables and functions to
+ * a controller. this is done by assigning the name of the variable
+ * or function to a controller.  
+ *
+ * by Andreas Schlegel, 2012
+ * www.sojamo.de/libraries/controlp5
+ *
+ */
+
+
+// ControlP5quick
+// this example demonstrates how to quickly add Controllers such as
+// Button, Slider,Toggle and Numberbox to a sketch without having to set
+// positions, this is done automatically by cp5.
+// controllers will be aligned horizontally - .linebreak() will
+// force the next controller to the next line.
+// the example shows as well how to link variables and functions to
+// a controller. this is done by assigning the name of the variable
+// or function to a controller.
+//
+// by andreas schlegel 2010
+//
+
+import controlP5.*;
+
+ControlP5 cp5;
+
+float s1 = 5;
+float s2 = 2;
+boolean t1 = true;
+boolean t2 = true;
+boolean t3 = true;
+boolean t4 = true;
+float n1 = 100;
+int n2 = 50;
+
+void setup() {
+  size(600,400);
+  noStroke();
+  cp5 = new ControlP5(this);
+  cp5.addButton("b1",1);
+  cp5.addButton("b2",2);
+  cp5.addButton("b3",3);
+  cp5.addButton("b4",4).linebreak();
+  cp5.addSlider("s1",0,10);
+  cp5.addSlider("s2",0,10).linebreak();
+  cp5.addButton("b5");
+  cp5.addToggle("t1");
+  cp5.addToggle("t2");
+  cp5.addToggle("t3");
+  cp5.addToggle("t4").linebreak();
+  cp5.addNumberbox("n1");
+  cp5.addNumberbox("n2");
+}
+
+void draw() {
+  background(0);
+  if(t1) {
+    fill(s1*25);
+    rect(0,200,150,height);
+  }
+  if(t2) {
+    fill(s2*25);
+    rect(150,200,150,height);
+  }
+  if(t3) {
+    fill(n1);
+    rect(300,200,150,height);
+  }
+  if(t4) {
+    fill(n2);
+    rect(450,200,150,height);
+  }
+}
+
+void b1(int theN) {
+  println(theN);
+}
+
+void b2(int theN) {
+  println(theN);
+}
+
+
+
+
diff --git a/examples/use/ControlP5sliderSetValue/ControlP5sliderSetValue.pde b/examples/use/ControlP5sliderSetValue/ControlP5sliderSetValue.pde
new file mode 100644
index 0000000..54b0aab
--- /dev/null
+++ b/examples/use/ControlP5sliderSetValue/ControlP5sliderSetValue.pde
@@ -0,0 +1,54 @@
+/**
+ * ControlP5 Slider set value
+ * changes the value of a slider on keyPressed
+ *
+ * by Andreas Schlegel, 2012
+ * www.sojamo.de/libraries/controlP5
+ *
+ */
+ 
+import controlP5.*;
+
+
+ControlP5 cp5;
+
+int myColorBackground = color(0,0,0);
+
+int sliderValue = 100;
+
+void setup() {
+  size(400,400);
+  noStroke();
+  cp5 = new ControlP5(this);
+
+  cp5.addSlider("sliderValue")
+     .setRange(100,200)
+     .setValue(120)
+     .setPosition(100,200)
+     .setSize(100,10)
+     ;
+
+  
+  cp5.addSlider("slider")
+     .setRange(100,200)
+     .setValue(128)
+     .setPosition(100,160)
+     .setSize(100,10);
+     
+}
+
+void draw() {
+  background(myColorBackground);
+  fill(sliderValue);
+  rect(0,0,width,100);
+}
+
+void slider(int theColor) {
+  myColorBackground = color(theColor);
+  println("a slider event. setting background to "+theColor);
+  cp5.getController("sliderValue").setValue(theColor);
+}
+
+void keyPressed() {
+  cp5.getController("sliderValue").setValue(150);
+}
diff --git a/examples/use/ControlP5snapshot/ControlP5snapshot.pde b/examples/use/ControlP5snapshot/ControlP5snapshot.pde
new file mode 100644
index 0000000..2bf5613
--- /dev/null
+++ b/examples/use/ControlP5snapshot/ControlP5snapshot.pde
@@ -0,0 +1,163 @@
+/**
+ * ControlP5 snapshot
+ *
+ * this example shows how to use the snapshot methods for ControllerProperties.
+ * Snapshots allow you to save controller states in memory, recall, save and remove them.
+ *
+ * find a list of public methods available for the ControllerProperties Controller
+ * at the bottom of this sketch.
+ *
+ * by Andreas Schlegel, 2012
+ * www.sojamo.de/libraries/controlp5
+ *
+ */
+
+
+
+
+
+import controlP5.*;
+ControlP5 cp5;
+
+public float n = 50;
+public float s = 10;
+public float k = 100;
+
+void setup() {
+  size(400, 400);
+  smooth();
+  cp5 = new ControlP5(this);
+
+  cp5.addNumberbox("n")
+  .setPosition(10, 10)
+  .setSize(42, 16)
+  .setMultiplier(0.1)
+  .setRange(10,60)
+  .setValue(20)
+  ;
+
+  cp5.addSlider("s")
+  .setPosition(10, 100)
+  .setSize(100, 20)
+  .setScrollSensitivity(0.01)
+  .setRange(60,140)
+  .setValue(100)
+  ;
+  
+
+  cp5.addKnob("k")
+  .setPosition(200, 100)
+  .setRadius(50)
+  .setScrollSensitivity(0.001)
+  .setMin(60)
+  .setMax(140)
+  .setDisplayStyle(Controller.ARC)
+  ;
+
+  cp5.addRange("r")
+  .setPosition(10,200)
+  .setSize(100,20)
+  .setRange(0, 200)
+  .setRangeValues(50,100)
+  ;
+} 
+
+
+void draw() {
+  background(0);
+}
+
+
+void keyPressed() {
+  switch(key) {
+    case('1'):
+    cp5.getProperties().setSnapshot("hello1");
+    break;
+    case('2'):
+    cp5.getProperties().setSnapshot("hello2");
+    break;
+    case('3'):
+    cp5.getProperties().setSnapshot("hello3");
+    break;
+
+    case('a'):
+    cp5.getProperties().getSnapshot("hello1");
+    break;
+    case('s'):
+    cp5.getProperties().getSnapshot("hello2");
+    break;
+    case('d'):
+    cp5.getProperties().getSnapshot("hello3");
+    break;
+    
+    case('z'):
+    cp5.getProperties().removeSnapshot("hello1");
+    break;
+    case('x'):
+    cp5.getProperties().removeSnapshot("hello2");
+    break;
+    case('c'):
+    cp5.getProperties().removeSnapshot("hello3");
+    break;
+    
+    case('i'):
+    cp5.getProperties().saveSnapshot("hello1");
+    break;
+    case('o'):
+    cp5.getProperties().load("hello1.ser");
+    break;
+  }
+
+  println(cp5.getProperties().getSnapshotIndices());
+}
+
+
+
+/*
+a list of all methods available for the ControllerProperties Controller
+use ControlP5.printPublicMethodsFor(ControllerProperties.class);
+to print the following list into the console.
+
+You can find further details about class ControllerProperties in the javadoc.
+
+Format:
+ClassName : returnType methodName(parameter type)
+
+
+controlP5.ControllerProperties : ArrayList getSnapshotIndices() 
+controlP5.ControllerProperties : ControllerProperties addSet(String) 
+controlP5.ControllerProperties : ControllerProperties delete(ControllerProperty) 
+controlP5.ControllerProperties : ControllerProperties getSnapshot(String) 
+controlP5.ControllerProperties : ControllerProperties move(ControllerInterface, String, String) 
+controlP5.ControllerProperties : ControllerProperties move(ControllerProperty, String, String) 
+controlP5.ControllerProperties : ControllerProperties only(ControllerProperty, String) 
+controlP5.ControllerProperties : ControllerProperties print() 
+controlP5.ControllerProperties : ControllerProperties register(ControllerInterface, String) 
+controlP5.ControllerProperties : ControllerProperties remove(ControllerInterface) 
+controlP5.ControllerProperties : ControllerProperties remove(ControllerInterface, String) 
+controlP5.ControllerProperties : ControllerProperties remove(ControllerInterface, String, String) 
+controlP5.ControllerProperties : ControllerProperties removeSnapshot(String) 
+controlP5.ControllerProperties : ControllerProperties saveSnapshot(String) 
+controlP5.ControllerProperties : ControllerProperties saveSnapshotAs(String, String) 
+controlP5.ControllerProperties : ControllerProperties setSnapshot(String) 
+controlP5.ControllerProperties : ControllerProperties updateSnapshot(String) 
+controlP5.ControllerProperties : ControllerProperty getProperty(ControllerInterface, String) 
+controlP5.ControllerProperties : ControllerProperty getProperty(ControllerInterface, String, String) 
+controlP5.ControllerProperties : ControllerProperty register(ControllerInterface, String, String) 
+controlP5.ControllerProperties : HashSet getPropertySet(ControllerInterface) 
+controlP5.ControllerProperties : List get(ControllerInterface) 
+controlP5.ControllerProperties : Map get() 
+controlP5.ControllerProperties : String toString() 
+controlP5.ControllerProperties : boolean load() 
+controlP5.ControllerProperties : boolean load(String) 
+controlP5.ControllerProperties : boolean save() 
+controlP5.ControllerProperties : boolean saveAs(String) 
+controlP5.ControllerProperties : void setFormat(Format) 
+java.lang.Object : String toString() 
+java.lang.Object : boolean equals(Object) 
+
+
+*/
+
+
+
diff --git a/examples/use/ControlP5workingWithIDs/ControlP5workingWithIDs.pde b/examples/use/ControlP5workingWithIDs/ControlP5workingWithIDs.pde
new file mode 100644
index 0000000..f3410d2
--- /dev/null
+++ b/examples/use/ControlP5workingWithIDs/ControlP5workingWithIDs.pde
@@ -0,0 +1,62 @@
+/**
+ * controlP5workingWithIDs by andreas schlegel
+ * an example to show how to distinguish controllers by IDs.
+ * further information in the documentation folder provided in the controlP5 folder.
+ * controlP5 website at http://www.sojamo.de/controlP5
+ */
+
+import controlP5.*;
+
+ControlP5 cp5;
+
+public int myColorRect = 200;
+
+public int myColorBackground = 40;
+
+
+void setup() {
+  size(400,400);
+  
+  noStroke();
+  
+  /* new instance of ControlP5 */
+  cp5 = new ControlP5(this);
+  /* add 2 controllers and give each of them a unique id. */
+  cp5.addNumberbox("numberbox1")
+     .setPosition(100,160)
+     .setSize(100,14)
+     .setId(1)
+     .setValue(myColorRect);
+     
+  cp5.addSlider("slider1")
+     .setRange(10,200)
+     .setValue(myColorBackground)
+     .setPosition(100,220)
+     .setSize(100,10)
+     .setId(2);
+}
+
+void draw() {
+  background(myColorBackground);
+  fill(myColorRect);
+  rect(0,0,width,100);
+}
+
+
+void controlEvent(ControlEvent theEvent) {
+  /* events triggered by controllers are automatically forwarded to 
+     the controlEvent method. by checking the id of a controller one can distinguish
+     which of the controllers has been changed.
+  */
+  println("got a control event from controller with id "+theEvent.getController().getId());
+  switch(theEvent.getController().getId()) {
+    case(1):
+    /* controller numberbox1 with id 1 */
+    myColorRect = (int)theEvent.getValue();
+    break;
+    case(2):
+    /* controller slider1 with id 2 */
+    myColorBackground = (int)theEvent.getValue();
+    break;  
+  }
+}
diff --git a/reference/allclasses-frame.html b/reference/allclasses-frame.html
new file mode 100644
index 0000000..e479b91
--- /dev/null
+++ b/reference/allclasses-frame.html
@@ -0,0 +1,85 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
+<!-- NewPage -->
+<html lang="en">
+<head>
+<!-- Generated by javadoc (version 1.7.0_51) on Sun Apr 27 21:39:48 SGT 2014 -->
+<title>All Classes (Javadocs: controlP5)</title>
+<meta name="date" content="2014-04-27">
+<link rel="stylesheet" type="text/css" href="stylesheet.css" title="Style">
+</head>
+<body>
+<h1 class="bar">All Classes</h1>
+<div class="indexContainer">
+<ul>
+<li><a href="controlP5/Accordion.html" title="class in controlP5" target="classFrame">Accordion</a></li>
+<li><a href="controlP5/Bang.html" title="class in controlP5" target="classFrame">Bang</a></li>
+<li><a href="controlP5/BitFont.html" title="class in controlP5" target="classFrame">BitFont</a></li>
+<li><a href="controlP5/BoundingBox.html" title="class in controlP5" target="classFrame">BoundingBox</a></li>
+<li><a href="controlP5/Button.html" title="class in controlP5" target="classFrame">Button</a></li>
+<li><a href="controlP5/CallbackEvent.html" title="class in controlP5" target="classFrame">CallbackEvent</a></li>
+<li><a href="controlP5/CallbackListener.html" title="interface in controlP5" target="classFrame"><i>CallbackListener</i></a></li>
+<li><a href="controlP5/Canvas.html" title="class in controlP5" target="classFrame">Canvas</a></li>
+<li><a href="controlP5/CColor.html" title="class in controlP5" target="classFrame">CColor</a></li>
+<li><a href="controlP5/CDrawable.html" title="interface in controlP5" target="classFrame"><i>CDrawable</i></a></li>
+<li><a href="controlP5/Chart.html" title="class in controlP5" target="classFrame">Chart</a></li>
+<li><a href="controlP5/ChartData.html" title="class in controlP5" target="classFrame">ChartData</a></li>
+<li><a href="controlP5/ChartDataSet.html" title="class in controlP5" target="classFrame">ChartDataSet</a></li>
+<li><a href="controlP5/CheckBox.html" title="class in controlP5" target="classFrame">CheckBox</a></li>
+<li><a href="controlP5/ColorPicker.html" title="class in controlP5" target="classFrame">ColorPicker</a></li>
+<li><a href="controlP5/ColorWheel.html" title="class in controlP5" target="classFrame">ColorWheel</a></li>
+<li><a href="controlP5/ControlBehavior.html" title="class in controlP5" target="classFrame">ControlBehavior</a></li>
+<li><a href="controlP5/ControlBroadcaster.html" title="class in controlP5" target="classFrame">ControlBroadcaster</a></li>
+<li><a href="controlP5/ControlElement.html" title="annotation in controlP5" target="classFrame">ControlElement</a></li>
+<li><a href="controlP5/ControlEvent.html" title="class in controlP5" target="classFrame">ControlEvent</a></li>
+<li><a href="controlP5/ControlFont.html" title="class in controlP5" target="classFrame">ControlFont</a></li>
+<li><a href="controlP5/ControlGroup.html" title="class in controlP5" target="classFrame">ControlGroup</a></li>
+<li><a href="controlP5/ControlKey.html" title="interface in controlP5" target="classFrame"><i>ControlKey</i></a></li>
+<li><a href="controlP5/Controller.html" title="class in controlP5" target="classFrame">Controller</a></li>
+<li><a href="controlP5/ControllerGroup.html" title="class in controlP5" target="classFrame">ControllerGroup</a></li>
+<li><a href="controlP5/ControllerInterface.html" title="interface in controlP5" target="classFrame"><i>ControllerInterface</i></a></li>
+<li><a href="controlP5/ControllerList.html" title="class in controlP5" target="classFrame">ControllerList</a></li>
+<li><a href="controlP5/ControllerPlug.html" title="class in controlP5" target="classFrame">ControllerPlug</a></li>
+<li><a href="controlP5/ControllerProperties.html" title="class in controlP5" target="classFrame">ControllerProperties</a></li>
+<li><a href="controlP5/ControllerProperty.html" title="class in controlP5" target="classFrame">ControllerProperty</a></li>
+<li><a href="controlP5/ControllerStyle.html" title="class in controlP5" target="classFrame">ControllerStyle</a></li>
+<li><a href="controlP5/ControllerView.html" title="interface in controlP5" target="classFrame"><i>ControllerView</i></a></li>
+<li><a href="controlP5/ControlListener.html" title="interface in controlP5" target="classFrame"><i>ControlListener</i></a></li>
+<li><a href="controlP5/ControlP5.html" title="class in controlP5" target="classFrame">ControlP5</a></li>
+<li><a href="controlP5/ControlP5Base.html" title="class in controlP5" target="classFrame">ControlP5Base</a></li>
+<li><a href="controlP5/ControlP5Constants.html" title="interface in controlP5" target="classFrame"><i>ControlP5Constants</i></a></li>
+<li><a href="controlP5/ControlP5Legacy.html" title="class in controlP5" target="classFrame">ControlP5Legacy</a></li>
+<li><a href="controlP5/ControlTimer.html" title="class in controlP5" target="classFrame">ControlTimer</a></li>
+<li><a href="controlP5/ControlWindow.html" title="class in controlP5" target="classFrame">ControlWindow</a></li>
+<li><a href="controlP5/CP.html" title="class in controlP5" target="classFrame">CP</a></li>
+<li><a href="controlP5/DropdownList.html" title="class in controlP5" target="classFrame">DropdownList</a></li>
+<li><a href="controlP5/FrameRate.html" title="class in controlP5" target="classFrame">FrameRate</a></li>
+<li><a href="controlP5/Group.html" title="class in controlP5" target="classFrame">Group</a></li>
+<li><a href="controlP5/Knob.html" title="class in controlP5" target="classFrame">Knob</a></li>
+<li><a href="controlP5/Label.html" title="class in controlP5" target="classFrame">Label</a></li>
+<li><a href="controlP5/ListBox.html" title="class in controlP5" target="classFrame">ListBox</a></li>
+<li><a href="controlP5/ListBoxItem.html" title="class in controlP5" target="classFrame">ListBoxItem</a></li>
+<li><a href="controlP5/Matrix.html" title="class in controlP5" target="classFrame">Matrix</a></li>
+<li><a href="controlP5/MultiList.html" title="class in controlP5" target="classFrame">MultiList</a></li>
+<li><a href="controlP5/MultiListButton.html" title="class in controlP5" target="classFrame">MultiListButton</a></li>
+<li><a href="controlP5/Numberbox.html" title="class in controlP5" target="classFrame">Numberbox</a></li>
+<li><a href="controlP5/Pointer.html" title="interface in controlP5" target="classFrame"><i>Pointer</i></a></li>
+<li><a href="controlP5/Println.html" title="class in controlP5" target="classFrame">Println</a></li>
+<li><a href="controlP5/Radio.html" title="class in controlP5" target="classFrame">Radio</a></li>
+<li><a href="controlP5/RadioButton.html" title="class in controlP5" target="classFrame">RadioButton</a></li>
+<li><a href="controlP5/Range.html" title="class in controlP5" target="classFrame">Range</a></li>
+<li><a href="controlP5/ScrollableList.html" title="class in controlP5" target="classFrame">ScrollableList</a></li>
+<li><a href="controlP5/ScrollableList.ScrollableListView.html" title="class in controlP5" target="classFrame">ScrollableList.ScrollableListView</a></li>
+<li><a href="controlP5/Slider.html" title="class in controlP5" target="classFrame">Slider</a></li>
+<li><a href="controlP5/Slider2D.html" title="class in controlP5" target="classFrame">Slider2D</a></li>
+<li><a href="controlP5/Tab.html" title="class in controlP5" target="classFrame">Tab</a></li>
+<li><a href="controlP5/Textarea.html" title="class in controlP5" target="classFrame">Textarea</a></li>
+<li><a href="controlP5/Textfield.html" title="class in controlP5" target="classFrame">Textfield</a></li>
+<li><a href="controlP5/Textfield.InputFilter.html" title="enum in controlP5" target="classFrame">Textfield.InputFilter</a></li>
+<li><a href="controlP5/Textlabel.html" title="class in controlP5" target="classFrame">Textlabel</a></li>
+<li><a href="controlP5/TickMark.html" title="class in controlP5" target="classFrame">TickMark</a></li>
+<li><a href="controlP5/Toggle.html" title="class in controlP5" target="classFrame">Toggle</a></li>
+<li><a href="controlP5/Tooltip.html" title="class in controlP5" target="classFrame">Tooltip</a></li>
+</ul>
+</div>
+</body>
+</html>
diff --git a/reference/allclasses-noframe.html b/reference/allclasses-noframe.html
new file mode 100644
index 0000000..b680a62
--- /dev/null
+++ b/reference/allclasses-noframe.html
@@ -0,0 +1,85 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
+<!-- NewPage -->
+<html lang="en">
+<head>
+<!-- Generated by javadoc (version 1.7.0_51) on Sun Apr 27 21:39:48 SGT 2014 -->
+<title>All Classes (Javadocs: controlP5)</title>
+<meta name="date" content="2014-04-27">
+<link rel="stylesheet" type="text/css" href="stylesheet.css" title="Style">
+</head>
+<body>
+<h1 class="bar">All Classes</h1>
+<div class="indexContainer">
+<ul>
+<li><a href="controlP5/Accordion.html" title="class in controlP5">Accordion</a></li>
+<li><a href="controlP5/Bang.html" title="class in controlP5">Bang</a></li>
+<li><a href="controlP5/BitFont.html" title="class in controlP5">BitFont</a></li>
+<li><a href="controlP5/BoundingBox.html" title="class in controlP5">BoundingBox</a></li>
+<li><a href="controlP5/Button.html" title="class in controlP5">Button</a></li>
+<li><a href="controlP5/CallbackEvent.html" title="class in controlP5">CallbackEvent</a></li>
+<li><a href="controlP5/CallbackListener.html" title="interface in controlP5"><i>CallbackListener</i></a></li>
+<li><a href="controlP5/Canvas.html" title="class in controlP5">Canvas</a></li>
+<li><a href="controlP5/CColor.html" title="class in controlP5">CColor</a></li>
+<li><a href="controlP5/CDrawable.html" title="interface in controlP5"><i>CDrawable</i></a></li>
+<li><a href="controlP5/Chart.html" title="class in controlP5">Chart</a></li>
+<li><a href="controlP5/ChartData.html" title="class in controlP5">ChartData</a></li>
+<li><a href="controlP5/ChartDataSet.html" title="class in controlP5">ChartDataSet</a></li>
+<li><a href="controlP5/CheckBox.html" title="class in controlP5">CheckBox</a></li>
+<li><a href="controlP5/ColorPicker.html" title="class in controlP5">ColorPicker</a></li>
+<li><a href="controlP5/ColorWheel.html" title="class in controlP5">ColorWheel</a></li>
+<li><a href="controlP5/ControlBehavior.html" title="class in controlP5">ControlBehavior</a></li>
+<li><a href="controlP5/ControlBroadcaster.html" title="class in controlP5">ControlBroadcaster</a></li>
+<li><a href="controlP5/ControlElement.html" title="annotation in controlP5">ControlElement</a></li>
+<li><a href="controlP5/ControlEvent.html" title="class in controlP5">ControlEvent</a></li>
+<li><a href="controlP5/ControlFont.html" title="class in controlP5">ControlFont</a></li>
+<li><a href="controlP5/ControlGroup.html" title="class in controlP5">ControlGroup</a></li>
+<li><a href="controlP5/ControlKey.html" title="interface in controlP5"><i>ControlKey</i></a></li>
+<li><a href="controlP5/Controller.html" title="class in controlP5">Controller</a></li>
+<li><a href="controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a></li>
+<li><a href="controlP5/ControllerInterface.html" title="interface in controlP5"><i>ControllerInterface</i></a></li>
+<li><a href="controlP5/ControllerList.html" title="class in controlP5">ControllerList</a></li>
+<li><a href="controlP5/ControllerPlug.html" title="class in controlP5">ControllerPlug</a></li>
+<li><a href="controlP5/ControllerProperties.html" title="class in controlP5">ControllerProperties</a></li>
+<li><a href="controlP5/ControllerProperty.html" title="class in controlP5">ControllerProperty</a></li>
+<li><a href="controlP5/ControllerStyle.html" title="class in controlP5">ControllerStyle</a></li>
+<li><a href="controlP5/ControllerView.html" title="interface in controlP5"><i>ControllerView</i></a></li>
+<li><a href="controlP5/ControlListener.html" title="interface in controlP5"><i>ControlListener</i></a></li>
+<li><a href="controlP5/ControlP5.html" title="class in controlP5">ControlP5</a></li>
+<li><a href="controlP5/ControlP5Base.html" title="class in controlP5">ControlP5Base</a></li>
+<li><a href="controlP5/ControlP5Constants.html" title="interface in controlP5"><i>ControlP5Constants</i></a></li>
+<li><a href="controlP5/ControlP5Legacy.html" title="class in controlP5">ControlP5Legacy</a></li>
+<li><a href="controlP5/ControlTimer.html" title="class in controlP5">ControlTimer</a></li>
+<li><a href="controlP5/ControlWindow.html" title="class in controlP5">ControlWindow</a></li>
+<li><a href="controlP5/CP.html" title="class in controlP5">CP</a></li>
+<li><a href="controlP5/DropdownList.html" title="class in controlP5">DropdownList</a></li>
+<li><a href="controlP5/FrameRate.html" title="class in controlP5">FrameRate</a></li>
+<li><a href="controlP5/Group.html" title="class in controlP5">Group</a></li>
+<li><a href="controlP5/Knob.html" title="class in controlP5">Knob</a></li>
+<li><a href="controlP5/Label.html" title="class in controlP5">Label</a></li>
+<li><a href="controlP5/ListBox.html" title="class in controlP5">ListBox</a></li>
+<li><a href="controlP5/ListBoxItem.html" title="class in controlP5">ListBoxItem</a></li>
+<li><a href="controlP5/Matrix.html" title="class in controlP5">Matrix</a></li>
+<li><a href="controlP5/MultiList.html" title="class in controlP5">MultiList</a></li>
+<li><a href="controlP5/MultiListButton.html" title="class in controlP5">MultiListButton</a></li>
+<li><a href="controlP5/Numberbox.html" title="class in controlP5">Numberbox</a></li>
+<li><a href="controlP5/Pointer.html" title="interface in controlP5"><i>Pointer</i></a></li>
+<li><a href="controlP5/Println.html" title="class in controlP5">Println</a></li>
+<li><a href="controlP5/Radio.html" title="class in controlP5">Radio</a></li>
+<li><a href="controlP5/RadioButton.html" title="class in controlP5">RadioButton</a></li>
+<li><a href="controlP5/Range.html" title="class in controlP5">Range</a></li>
+<li><a href="controlP5/ScrollableList.html" title="class in controlP5">ScrollableList</a></li>
+<li><a href="controlP5/ScrollableList.ScrollableListView.html" title="class in controlP5">ScrollableList.ScrollableListView</a></li>
+<li><a href="controlP5/Slider.html" title="class in controlP5">Slider</a></li>
+<li><a href="controlP5/Slider2D.html" title="class in controlP5">Slider2D</a></li>
+<li><a href="controlP5/Tab.html" title="class in controlP5">Tab</a></li>
+<li><a href="controlP5/Textarea.html" title="class in controlP5">Textarea</a></li>
+<li><a href="controlP5/Textfield.html" title="class in controlP5">Textfield</a></li>
+<li><a href="controlP5/Textfield.InputFilter.html" title="enum in controlP5">Textfield.InputFilter</a></li>
+<li><a href="controlP5/Textlabel.html" title="class in controlP5">Textlabel</a></li>
+<li><a href="controlP5/TickMark.html" title="class in controlP5">TickMark</a></li>
+<li><a href="controlP5/Toggle.html" title="class in controlP5">Toggle</a></li>
+<li><a href="controlP5/Tooltip.html" title="class in controlP5">Tooltip</a></li>
+</ul>
+</div>
+</body>
+</html>
diff --git a/reference/constant-values.html b/reference/constant-values.html
new file mode 100644
index 0000000..ffe6217
--- /dev/null
+++ b/reference/constant-values.html
@@ -0,0 +1,1189 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
+<!-- NewPage -->
+<html lang="en">
+<head>
+<!-- Generated by javadoc (version 1.7.0_51) on Sun Apr 27 21:39:48 SGT 2014 -->
+<title>Constant Field Values (Javadocs: controlP5)</title>
+<meta name="date" content="2014-04-27">
+<link rel="stylesheet" type="text/css" href="stylesheet.css" title="Style">
+</head>
+<body>
+<script type="text/javascript"><!--
+    if (location.href.indexOf('is-external=true') == -1) {
+        parent.document.title="Constant Field Values (Javadocs: controlP5)";
+    }
+//-->
+</script>
+<noscript>
+<div>JavaScript is disabled on your browser.</div>
+</noscript>
+<!-- ========= START OF TOP NAVBAR ======= -->
+<div class="topNav"><a name="navbar_top">
+<!--   -->
+</a><a href="#skip-navbar_top" title="Skip navigation links"></a><a name="navbar_top_firstrow">
+<!--   -->
+</a>
+<ul class="navList" title="Navigation">
+<li><a href="controlP5/package-summary.html">Package</a></li>
+<li>Class</li>
+<li><a href="overview-tree.html">Tree</a></li>
+<li><a href="index-all.html">Index</a></li>
+<li><a href="help-doc.html">Help</a></li>
+</ul>
+</div>
+<div class="subNav">
+<ul class="navList">
+<li>Prev</li>
+<li>Next</li>
+</ul>
+<ul class="navList">
+<li><a href="index.html?constant-values.html" target="_top">Frames</a></li>
+<li><a href="constant-values.html" target="_top">No Frames</a></li>
+</ul>
+<ul class="navList" id="allclasses_navbar_top">
+<li><a href="allclasses-noframe.html">All Classes</a></li>
+</ul>
+<div>
+<script type="text/javascript"><!--
+  allClassesLink = document.getElementById("allclasses_navbar_top");
+  if(window==top) {
+    allClassesLink.style.display = "block";
+  }
+  else {
+    allClassesLink.style.display = "none";
+  }
+  //-->
+</script>
+</div>
+<a name="skip-navbar_top">
+<!--   -->
+</a></div>
+<!-- ========= END OF TOP NAVBAR ========= -->
+<div class="header">
+<h1 title="Constant Field Values" class="title">Constant Field Values</h1>
+<h2 title="Contents">Contents</h2>
+<ul>
+<li><a href="#controlP5">controlP5.*</a></li>
+</ul>
+</div>
+<div class="constantValuesContainer"><a name="controlP5">
+<!--   -->
+</a>
+<h2 title="controlP5">controlP5.*</h2>
+<ul class="blockList">
+<li class="blockList">
+<table border="0" cellpadding="3" cellspacing="0" summary="Constant Field Values table, listing constant fields, and values">
+<caption><span>controlP5.<a href="controlP5/BitFont.html" title="class in controlP5">BitFont</a></span><span class="tabEnd">&nbsp;</span></caption>
+<tr>
+<th class="colFirst" scope="col">Modifier and Type</th>
+<th scope="col">Constant Field</th>
+<th class="colLast" scope="col">Value</th>
+</tr>
+<tbody>
+<tr class="altColor">
+<td class="colFirst"><a name="controlP5.BitFont.grixelbase64">
+<!--   -->
+</a><code>public&nbsp;static&nbsp;final&nbsp;java.lang.String</code></td>
+<td><code><a href="controlP5/BitFont.html#grixelbase64">grixelbase64</a></code></td>
+<td class="colLast"><code>"AnoADABgACAFAgQICAoIAgQEBgYDBQIKCQMICAgICAcICAIDBQYFBwkICAgIBwcICAYHCAcJCAgICAgICAgICggICAQKBAQHBAcHBwcHBQcHAgUHBAoHBwcHBgcGBwcKBwcHBQIFCAJAJeIjkENBAAAAQHzk4wPz5/Pz8QEAAB4ePj8+Pz6fX9AHCgoECvL58fnx+QsKiigo6C8CIAEIIAAAARwgEAoEAAAAAAAABAAAAAAAICIAAZVIUiERBQEAAIAIWlAQSkAQKCgIICCEhAQFBQUFAgFBBCgoMGwoKCgoKAghKCiioCCgEIAKQIAAAAQIgAAgEAAAAAAAABAAAAAAAICIsAUEfwlCRBCkEAAAIUhAQCQBAaCgIEAAAcoUFBQQFAgEBBGgoECpoqCgoKAAhKCgiEREQIIAAgAAAgAQIAACgEAAAAAAAABAAAAAAAAAIrIBEIgkgBBBEEEAAIIgAQGJ/ARAgoKS+AioVFBQQFAgEBBEgEICmZKCgoKCAhCCgiKioIAIBAgA4Pl4fJ7n+YRC8c7H8/F5ni8UiigU+okIAEAg4gOBA0HfhwcEguTDEwL0g/DxAwFAoFJ/PwFBv1/eHwH6CASKCgoKCvJBCAqKCAEBISAgAAAoFAqFQigUikREoVAoFISEUCgiSQgSQgAAgQgSAlEEEQQACAhSANAfUBAhCAiIj2BKBQUFBAUCQUEEKCQQKCzoJ+gHCCEoKCIKBIIAgQAAvlAg9AuhUOgREYVCoVBgEEKhiBghhIgAAAB/SITEEKQQABAgSAFAIEBBhCAgQABByBMUFBAUCAQFEaGgQKCgoICgECCEIJGIRBAEAggCAIRCgVAghEKhSEQUCoVCAUYIhSJihAgiAgAAiCQJFUMQAAgggCAFBIEEBRGCghACAkBAUFBQUCAQFESEggKBgoICkoKCEIIoIgpCCAhACAAQCoVCoRAKhUIRUSgUCgUhISSJSBISiAgAQCDiE4gTQQAgUAB89OcD4uND8PFJAAAEfkE/Pj++gF/Q5wn6BQryCfAJ8kHwQXAnCOEvACIAgM/j8XiCLxQKWUQhz8cXeDgPw52Q7yciAAAAAAIAANgAQAAAAAAAAAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAAAAgAAAAAAAAAAgAPg4AcAAAAAACAACAAAAAABEAAAAAAAACAAawAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAB4ABgAAAAABEAAAAAAAAB4AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA="</code></td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><a name="controlP5.BitFont.standard56base64">
+<!--   -->
+</a><code>public&nbsp;static&nbsp;final&nbsp;java.lang.String</code></td>
+<td><code><a href="controlP5/BitFont.html#standard56base64">standard56base64</a></code></td>
+<td class="colLast"><code>"AeYACQBgACAEAgQGBggHAgMDBgYDBQIFBgMGBgYGBgYGBgIDBAYEBggGBgYGBgYGBgIGBgUIBgYGBgYGBgYGCAYGBgMFAwYHAwUFBQUFAwUFAgMFAggFBQUFBAQEBQUIBQUFBAMEBQKgUgghRwoBAIAcOQ7yOZ/jAADAAXAe5/k+JwqKQlDkPM7jfFGUFEXfwghAQAAICIQUAgAAAAABAAAAQAkVqBSvJFJUEQCQaFHEBBEURQAAiDiiKIqCIIqCkjAWRVEURUQUJUURFCEFIBAAAgEBhAAAAABAAAAAAEikBIIvkFAQOQQAJBIEKU8ARVGiLyCRKAqiIAiioCJUTVEURQERRUmKgkQoAsAd40zcSambY447u5SSUnoSAYBAcRBMRNWHh4iEMAn0II4HBBAk6XuC6HmyL2gISVX0RI9DREoSQRAhAgBIKaW0lFIpKaWUIiSlpJRQhAAg+CCSFBFBACAiEdAHRUgEgfiIqIqiIAqCKAoqQlAWBVEBEZGSpBBCiAAAUgrpJaU0SkoppRBJKckkIxEAAJRHKkIEEACESEKERBERRUEAAVKiKIqCIIqKkhAURUGUREREJEVEECQAgJRSCkkplZJSSilIUkpKKUgEAAKFCHGhAIBAwdHnII5DOA4iIAiB6HGeL3CinOgFRU7gRA7hEDYR8QUJ+MEd40xcSqmkZI6LEWdsknsSAQAAAAAAAAAgAAAAAAAAAACAAACAAwAAAAAAAAAAAAAAQAAAAAAAAAADAwAAAAAABBAAAICAAAAAAIAAJQAAAAAAAAAABAAAAAAAAAAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAwAACAAAgIAAAAAAYAAA="</code></td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><a name="controlP5.BitFont.standard58base64">
+<!--   -->
+</a><code>public&nbsp;static&nbsp;final&nbsp;java.lang.String</code></td>
+<td><code><a href="controlP5/BitFont.html#standard58base64">standard58base64</a></code></td>
+<td class="colLast"><code>"AakACQBgACAEAgQGBggGAgMDBAYDBAIGBQMFBQUFBQUFBQICBAUEBQgFBQUFBQUFBQIFBQQGBQUFBQUFBAUGCAUGBQMFAwYGAwQEBAQEBAQEAgQEAgYEBAQEAwQEBAQGBAQEBAIEBQKgUgghIaUAAIiRMeiZZwwAAANgjjnvmRRKESVzzDGXoqQUvYURQCCAQCCSCAAAAAgAAABEqECleCVFkRAAiLSUWEgoJQAAiSOllEJIKVRiSymllCRFSSlCEVIAQQBBQAARAAAAEAAAACQpgeALJASiIwAQSQipE1BKRS+QSEohhRBSqES1UkopSIqSkkIiFAGwEZOwSaplZGx2VVXVSQIAgeIgSETy4RCSCEnoEONAgJCkd0I6p73QiKilk46RpCQZQoQIAFBVVVOVVFVVVUKqqiqKCACCDyKpiIoAICQJ9FAiCUE8ElUphRRCSqESUUohJSRJSUpECBEAoCrqoiqZqqqqiFRVUiIJAADKI5UQASEgSAoJpSRSCgECUlJKKYSUSiWilEJKSRKRlIgQJABAVVVEVVJVVVUhqaqqQhIACBQixEIBQFBg9AwyRhhDBEIIpGPOCyZl0kXJBJOMGMImEW9owAcbMQmrpKpKxjJiopQdFQAAAAAAAABAAAAAAAAAAIAAAOAAAAAAAAAAAAAACAAAAAAAAAAAAAAAAAQIAAAEAQAAAAIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABAgAAAgCAAAAAgAA"</code></td>
+</tr>
+</tbody>
+</table>
+</li>
+<li class="blockList">
+<table border="0" cellpadding="3" cellspacing="0" summary="Constant Field Values table, listing constant fields, and values">
+<caption><span>controlP5.<a href="controlP5/Canvas.html" title="class in controlP5">Canvas</a></span><span class="tabEnd">&nbsp;</span></caption>
+<tr>
+<th class="colFirst" scope="col">Modifier and Type</th>
+<th scope="col">Constant Field</th>
+<th class="colLast" scope="col">Value</th>
+</tr>
+<tbody>
+<tr class="altColor">
+<td class="colFirst"><a name="controlP5.Canvas.POST">
+<!--   -->
+</a><code>public&nbsp;static&nbsp;final&nbsp;int</code></td>
+<td><code><a href="controlP5/Canvas.html#POST">POST</a></code></td>
+<td class="colLast"><code>1</code></td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><a name="controlP5.Canvas.PRE">
+<!--   -->
+</a><code>public&nbsp;static&nbsp;final&nbsp;int</code></td>
+<td><code><a href="controlP5/Canvas.html#PRE">PRE</a></code></td>
+<td class="colLast"><code>0</code></td>
+</tr>
+</tbody>
+</table>
+</li>
+<li class="blockList">
+<table border="0" cellpadding="3" cellspacing="0" summary="Constant Field Values table, listing constant fields, and values">
+<caption><span>controlP5.<a href="controlP5/Chart.html" title="class in controlP5">Chart</a></span><span class="tabEnd">&nbsp;</span></caption>
+<tr>
+<th class="colFirst" scope="col">Modifier and Type</th>
+<th scope="col">Constant Field</th>
+<th class="colLast" scope="col">Value</th>
+</tr>
+<tbody>
+<tr class="altColor">
+<td class="colFirst"><a name="controlP5.Chart.AREA">
+<!--   -->
+</a><code>public&nbsp;static&nbsp;final&nbsp;int</code></td>
+<td><code><a href="controlP5/Chart.html#AREA">AREA</a></code></td>
+<td class="colLast"><code>5</code></td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><a name="controlP5.Chart.BAR">
+<!--   -->
+</a><code>public&nbsp;static&nbsp;final&nbsp;int</code></td>
+<td><code><a href="controlP5/Chart.html#BAR">BAR</a></code></td>
+<td class="colLast"><code>1</code></td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><a name="controlP5.Chart.BAR_CENTERED">
+<!--   -->
+</a><code>public&nbsp;static&nbsp;final&nbsp;int</code></td>
+<td><code><a href="controlP5/Chart.html#BAR_CENTERED">BAR_CENTERED</a></code></td>
+<td class="colLast"><code>2</code></td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><a name="controlP5.Chart.HISTOGRAM">
+<!--   -->
+</a><code>public&nbsp;static&nbsp;final&nbsp;int</code></td>
+<td><code><a href="controlP5/Chart.html#HISTOGRAM">HISTOGRAM</a></code></td>
+<td class="colLast"><code>3</code></td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><a name="controlP5.Chart.LINE">
+<!--   -->
+</a><code>public&nbsp;static&nbsp;final&nbsp;int</code></td>
+<td><code><a href="controlP5/Chart.html#LINE">LINE</a></code></td>
+<td class="colLast"><code>0</code></td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><a name="controlP5.Chart.PIE">
+<!--   -->
+</a><code>public&nbsp;static&nbsp;final&nbsp;int</code></td>
+<td><code><a href="controlP5/Chart.html#PIE">PIE</a></code></td>
+<td class="colLast"><code>4</code></td>
+</tr>
+</tbody>
+</table>
+</li>
+<li class="blockList">
+<table border="0" cellpadding="3" cellspacing="0" summary="Constant Field Values table, listing constant fields, and values">
+<caption><span>controlP5.<a href="controlP5/ControllerProperties.html" title="class in controlP5">ControllerProperties</a></span><span class="tabEnd">&nbsp;</span></caption>
+<tr>
+<th class="colFirst" scope="col">Modifier and Type</th>
+<th scope="col">Constant Field</th>
+<th class="colLast" scope="col">Value</th>
+</tr>
+<tbody>
+<tr class="altColor">
+<td class="colFirst"><a name="controlP5.ControllerProperties.CLOSE">
+<!--   -->
+</a><code>public&nbsp;static&nbsp;final&nbsp;int</code></td>
+<td><code><a href="controlP5/ControllerProperties.html#CLOSE">CLOSE</a></code></td>
+<td class="colLast"><code>1</code></td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><a name="controlP5.ControllerProperties.OPEN">
+<!--   -->
+</a><code>public&nbsp;static&nbsp;final&nbsp;int</code></td>
+<td><code><a href="controlP5/ControllerProperties.html#OPEN">OPEN</a></code></td>
+<td class="colLast"><code>0</code></td>
+</tr>
+</tbody>
+</table>
+</li>
+<li class="blockList">
+<table border="0" cellpadding="3" cellspacing="0" summary="Constant Field Values table, listing constant fields, and values">
+<caption><span>controlP5.<a href="controlP5/ControlP5.html" title="class in controlP5">ControlP5</a></span><span class="tabEnd">&nbsp;</span></caption>
+<tr>
+<th class="colFirst" scope="col">Modifier and Type</th>
+<th scope="col">Constant Field</th>
+<th class="colLast" scope="col">Value</th>
+</tr>
+<tbody>
+<tr class="altColor">
+<td class="colFirst"><a name="controlP5.ControlP5.VERSION">
+<!--   -->
+</a><code>public&nbsp;static&nbsp;final&nbsp;java.lang.String</code></td>
+<td><code><a href="controlP5/ControlP5.html#VERSION">VERSION</a></code></td>
+<td class="colLast"><code>"2.1.6"</code></td>
+</tr>
+</tbody>
+</table>
+</li>
+<li class="blockList">
+<table border="0" cellpadding="3" cellspacing="0" summary="Constant Field Values table, listing constant fields, and values">
+<caption><span>controlP5.<a href="controlP5/ControlP5Constants.html" title="interface in controlP5">ControlP5Constants</a></span><span class="tabEnd">&nbsp;</span></caption>
+<tr>
+<th class="colFirst" scope="col">Modifier and Type</th>
+<th scope="col">Constant Field</th>
+<th class="colLast" scope="col">Value</th>
+</tr>
+<tbody>
+<tr class="altColor">
+<td class="colFirst"><a name="controlP5.ControlP5Constants.ACTION_BROADCAST">
+<!--   -->
+</a><code>public&nbsp;static&nbsp;final&nbsp;int</code></td>
+<td><code><a href="controlP5/ControlP5Constants.html#ACTION_BROADCAST">ACTION_BROADCAST</a></code></td>
+<td class="colLast"><code>100</code></td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><a name="controlP5.ControlP5Constants.ACTION_CLICK">
+<!--   -->
+</a><code>public&nbsp;static&nbsp;final&nbsp;int</code></td>
+<td><code><a href="controlP5/ControlP5Constants.html#ACTION_CLICK">ACTION_CLICK</a></code></td>
+<td class="colLast"><code>3</code></td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><a name="controlP5.ControlP5Constants.ACTION_DRAG">
+<!--   -->
+</a><code>public&nbsp;static&nbsp;final&nbsp;int</code></td>
+<td><code><a href="controlP5/ControlP5Constants.html#ACTION_DRAG">ACTION_DRAG</a></code></td>
+<td class="colLast"><code>4</code></td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><a name="controlP5.ControlP5Constants.ACTION_ENTER">
+<!--   -->
+</a><code>public&nbsp;static&nbsp;final&nbsp;int</code></td>
+<td><code><a href="controlP5/ControlP5Constants.html#ACTION_ENTER">ACTION_ENTER</a></code></td>
+<td class="colLast"><code>6</code></td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><a name="controlP5.ControlP5Constants.ACTION_EXIT">
+<!--   -->
+</a><code>public&nbsp;static&nbsp;final&nbsp;int</code></td>
+<td><code><a href="controlP5/ControlP5Constants.html#ACTION_EXIT">ACTION_EXIT</a></code></td>
+<td class="colLast"><code>7</code></td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><a name="controlP5.ControlP5Constants.ACTION_LEAVE">
+<!--   -->
+</a><code>public&nbsp;static&nbsp;final&nbsp;int</code></td>
+<td><code><a href="controlP5/ControlP5Constants.html#ACTION_LEAVE">ACTION_LEAVE</a></code></td>
+<td class="colLast"><code>7</code></td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><a name="controlP5.ControlP5Constants.ACTION_MOVE">
+<!--   -->
+</a><code>public&nbsp;static&nbsp;final&nbsp;int</code></td>
+<td><code><a href="controlP5/ControlP5Constants.html#ACTION_MOVE">ACTION_MOVE</a></code></td>
+<td class="colLast"><code>5</code></td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><a name="controlP5.ControlP5Constants.ACTION_PRESS">
+<!--   -->
+</a><code>public&nbsp;static&nbsp;final&nbsp;int</code></td>
+<td><code><a href="controlP5/ControlP5Constants.html#ACTION_PRESS">ACTION_PRESS</a></code></td>
+<td class="colLast"><code>1</code></td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><a name="controlP5.ControlP5Constants.ACTION_PRESSED">
+<!--   -->
+</a><code>public&nbsp;static&nbsp;final&nbsp;int</code></td>
+<td><code><a href="controlP5/ControlP5Constants.html#ACTION_PRESSED">ACTION_PRESSED</a></code></td>
+<td class="colLast"><code>1</code></td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><a name="controlP5.ControlP5Constants.ACTION_RELEASE">
+<!--   -->
+</a><code>public&nbsp;static&nbsp;final&nbsp;int</code></td>
+<td><code><a href="controlP5/ControlP5Constants.html#ACTION_RELEASE">ACTION_RELEASE</a></code></td>
+<td class="colLast"><code>2</code></td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><a name="controlP5.ControlP5Constants.ACTION_RELEASED">
+<!--   -->
+</a><code>public&nbsp;static&nbsp;final&nbsp;int</code></td>
+<td><code><a href="controlP5/ControlP5Constants.html#ACTION_RELEASED">ACTION_RELEASED</a></code></td>
+<td class="colLast"><code>2</code></td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><a name="controlP5.ControlP5Constants.ACTION_RELEASEDOUTSIDE">
+<!--   -->
+</a><code>public&nbsp;static&nbsp;final&nbsp;int</code></td>
+<td><code><a href="controlP5/ControlP5Constants.html#ACTION_RELEASEDOUTSIDE">ACTION_RELEASEDOUTSIDE</a></code></td>
+<td class="colLast"><code>9</code></td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><a name="controlP5.ControlP5Constants.ACTION_WHEEL">
+<!--   -->
+</a><code>public&nbsp;static&nbsp;final&nbsp;int</code></td>
+<td><code><a href="controlP5/ControlP5Constants.html#ACTION_WHEEL">ACTION_WHEEL</a></code></td>
+<td class="colLast"><code>8</code></td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><a name="controlP5.ControlP5Constants.ACTIVE">
+<!--   -->
+</a><code>public&nbsp;static&nbsp;final&nbsp;int</code></td>
+<td><code><a href="controlP5/ControlP5Constants.html#ACTIVE">ACTIVE</a></code></td>
+<td class="colLast"><code>2</code></td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><a name="controlP5.ControlP5Constants.ALL">
+<!--   -->
+</a><code>public&nbsp;static&nbsp;final&nbsp;int</code></td>
+<td><code><a href="controlP5/ControlP5Constants.html#ALL">ALL</a></code></td>
+<td class="colLast"><code>1</code></td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><a name="controlP5.ControlP5Constants.ALT">
+<!--   -->
+</a><code>public&nbsp;static&nbsp;final&nbsp;int</code></td>
+<td><code><a href="controlP5/ControlP5Constants.html#ALT">ALT</a></code></td>
+<td class="colLast"><code>18</code></td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><a name="controlP5.ControlP5Constants.AQUA">
+<!--   -->
+</a><code>public&nbsp;static&nbsp;final&nbsp;int</code></td>
+<td><code><a href="controlP5/ControlP5Constants.html#AQUA">AQUA</a></code></td>
+<td class="colLast"><code>-8397825</code></td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><a name="controlP5.ControlP5Constants.ARC">
+<!--   -->
+</a><code>public&nbsp;static&nbsp;final&nbsp;int</code></td>
+<td><code><a href="controlP5/ControlP5Constants.html#ARC">ARC</a></code></td>
+<td class="colLast"><code>3</code></td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><a name="controlP5.ControlP5Constants.ARRAY">
+<!--   -->
+</a><code>public&nbsp;static&nbsp;final&nbsp;int</code></td>
+<td><code><a href="controlP5/ControlP5Constants.html#ARRAY">ARRAY</a></code></td>
+<td class="colLast"><code>5</code></td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><a name="controlP5.ControlP5Constants.BACKSPACE">
+<!--   -->
+</a><code>public&nbsp;static&nbsp;final&nbsp;int</code></td>
+<td><code><a href="controlP5/ControlP5Constants.html#BACKSPACE">BACKSPACE</a></code></td>
+<td class="colLast"><code>8</code></td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><a name="controlP5.ControlP5Constants.BASELINE">
+<!--   -->
+</a><code>public&nbsp;static&nbsp;final&nbsp;int</code></td>
+<td><code><a href="controlP5/ControlP5Constants.html#BASELINE">BASELINE</a></code></td>
+<td class="colLast"><code>0</code></td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><a name="controlP5.ControlP5Constants.BITFONT">
+<!--   -->
+</a><code>public&nbsp;static&nbsp;final&nbsp;int</code></td>
+<td><code><a href="controlP5/ControlP5Constants.html#BITFONT">BITFONT</a></code></td>
+<td class="colLast"><code>100</code></td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><a name="controlP5.ControlP5Constants.BLACK">
+<!--   -->
+</a><code>public&nbsp;static&nbsp;final&nbsp;int</code></td>
+<td><code><a href="controlP5/ControlP5Constants.html#BLACK">BLACK</a></code></td>
+<td class="colLast"><code>-15658735</code></td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><a name="controlP5.ControlP5Constants.BLUE">
+<!--   -->
+</a><code>public&nbsp;static&nbsp;final&nbsp;int</code></td>
+<td><code><a href="controlP5/ControlP5Constants.html#BLUE">BLUE</a></code></td>
+<td class="colLast"><code>-16747303</code></td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><a name="controlP5.ControlP5Constants.BOOLEAN">
+<!--   -->
+</a><code>public&nbsp;static&nbsp;final&nbsp;int</code></td>
+<td><code><a href="controlP5/ControlP5Constants.html#BOOLEAN">BOOLEAN</a></code></td>
+<td class="colLast"><code>3</code></td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><a name="controlP5.ControlP5Constants.BOTTOM">
+<!--   -->
+</a><code>public&nbsp;static&nbsp;final&nbsp;int</code></td>
+<td><code><a href="controlP5/ControlP5Constants.html#BOTTOM">BOTTOM</a></code></td>
+<td class="colLast"><code>102</code></td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><a name="controlP5.ControlP5Constants.BOTTOM_OUTSIDE">
+<!--   -->
+</a><code>public&nbsp;static&nbsp;final&nbsp;int</code></td>
+<td><code><a href="controlP5/ControlP5Constants.html#BOTTOM_OUTSIDE">BOTTOM_OUTSIDE</a></code></td>
+<td class="colLast"><code>13</code></td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><a name="controlP5.ControlP5Constants.CAPTIONLABEL">
+<!--   -->
+</a><code>public&nbsp;static&nbsp;final&nbsp;int</code></td>
+<td><code><a href="controlP5/ControlP5Constants.html#CAPTIONLABEL">CAPTIONLABEL</a></code></td>
+<td class="colLast"><code>0</code></td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><a name="controlP5.ControlP5Constants.CENTER">
+<!--   -->
+</a><code>public&nbsp;static&nbsp;final&nbsp;int</code></td>
+<td><code><a href="controlP5/ControlP5Constants.html#CENTER">CENTER</a></code></td>
+<td class="colLast"><code>3</code></td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><a name="controlP5.ControlP5Constants.CHECKBOX">
+<!--   -->
+</a><code>public&nbsp;static&nbsp;final&nbsp;int</code></td>
+<td><code><a href="controlP5/ControlP5Constants.html#CHECKBOX">CHECKBOX</a></code></td>
+<td class="colLast"><code>2</code></td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><a name="controlP5.ControlP5Constants.COMMANDKEY">
+<!--   -->
+</a><code>public&nbsp;static&nbsp;final&nbsp;int</code></td>
+<td><code><a href="controlP5/ControlP5Constants.html#COMMANDKEY">COMMANDKEY</a></code></td>
+<td class="colLast"><code>157</code></td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><a name="controlP5.ControlP5Constants.CONTROL">
+<!--   -->
+</a><code>public&nbsp;static&nbsp;final&nbsp;int</code></td>
+<td><code><a href="controlP5/ControlP5Constants.html#CONTROL">CONTROL</a></code></td>
+<td class="colLast"><code>17</code></td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><a name="controlP5.ControlP5Constants.CUSTOM">
+<!--   -->
+</a><code>public&nbsp;static&nbsp;final&nbsp;int</code></td>
+<td><code><a href="controlP5/ControlP5Constants.html#CUSTOM">CUSTOM</a></code></td>
+<td class="colLast"><code>3</code></td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><a name="controlP5.ControlP5Constants.DECREASE">
+<!--   -->
+</a><code>public&nbsp;static&nbsp;final&nbsp;char</code></td>
+<td><code><a href="controlP5/ControlP5Constants.html#DECREASE">DECREASE</a></code></td>
+<td class="colLast"><code>40</code></td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><a name="controlP5.ControlP5Constants.DEFAULT">
+<!--   -->
+</a><code>public&nbsp;static&nbsp;final&nbsp;int</code></td>
+<td><code><a href="controlP5/ControlP5Constants.html#DEFAULT">DEFAULT</a></code></td>
+<td class="colLast"><code>0</code></td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><a name="controlP5.ControlP5Constants.DELETE">
+<!--   -->
+</a><code>public&nbsp;static&nbsp;final&nbsp;int</code></td>
+<td><code><a href="controlP5/ControlP5Constants.html#DELETE">DELETE</a></code></td>
+<td class="colLast"><code>127</code></td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><a name="controlP5.ControlP5Constants.DONE">
+<!--   -->
+</a><code>public&nbsp;static&nbsp;final&nbsp;int</code></td>
+<td><code><a href="controlP5/ControlP5Constants.html#DONE">DONE</a></code></td>
+<td class="colLast"><code>6</code></td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><a name="controlP5.ControlP5Constants.DOWN">
+<!--   -->
+</a><code>public&nbsp;static&nbsp;final&nbsp;int</code></td>
+<td><code><a href="controlP5/ControlP5Constants.html#DOWN">DOWN</a></code></td>
+<td class="colLast"><code>40</code></td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><a name="controlP5.ControlP5Constants.DROPDOWN">
+<!--   -->
+</a><code>public&nbsp;static&nbsp;final&nbsp;int</code></td>
+<td><code><a href="controlP5/ControlP5Constants.html#DROPDOWN">DROPDOWN</a></code></td>
+<td class="colLast"><code>1</code></td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><a name="controlP5.ControlP5Constants.ELLIPSE">
+<!--   -->
+</a><code>public&nbsp;static&nbsp;final&nbsp;int</code></td>
+<td><code><a href="controlP5/ControlP5Constants.html#ELLIPSE">ELLIPSE</a></code></td>
+<td class="colLast"><code>2</code></td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><a name="controlP5.ControlP5Constants.ENTER">
+<!--   -->
+</a><code>public&nbsp;static&nbsp;final&nbsp;int</code></td>
+<td><code><a href="controlP5/ControlP5Constants.html#ENTER">ENTER</a></code></td>
+<td class="colLast"><code>10</code></td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><a name="controlP5.ControlP5Constants.ESCAPE">
+<!--   -->
+</a><code>public&nbsp;static&nbsp;final&nbsp;int</code></td>
+<td><code><a href="controlP5/ControlP5Constants.html#ESCAPE">ESCAPE</a></code></td>
+<td class="colLast"><code>27</code></td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><a name="controlP5.ControlP5Constants.EVENT">
+<!--   -->
+</a><code>public&nbsp;static&nbsp;final&nbsp;int</code></td>
+<td><code><a href="controlP5/ControlP5Constants.html#EVENT">EVENT</a></code></td>
+<td class="colLast"><code>2</code></td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><a name="controlP5.ControlP5Constants.eventMethod">
+<!--   -->
+</a><code>public&nbsp;static&nbsp;final&nbsp;java.lang.String</code></td>
+<td><code><a href="controlP5/ControlP5Constants.html#eventMethod">eventMethod</a></code></td>
+<td class="colLast"><code>"controlEvent"</code></td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><a name="controlP5.ControlP5Constants.FADEIN">
+<!--   -->
+</a><code>public&nbsp;static&nbsp;final&nbsp;int</code></td>
+<td><code><a href="controlP5/ControlP5Constants.html#FADEIN">FADEIN</a></code></td>
+<td class="colLast"><code>3</code></td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><a name="controlP5.ControlP5Constants.FADEOUT">
+<!--   -->
+</a><code>public&nbsp;static&nbsp;final&nbsp;int</code></td>
+<td><code><a href="controlP5/ControlP5Constants.html#FADEOUT">FADEOUT</a></code></td>
+<td class="colLast"><code>5</code></td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><a name="controlP5.ControlP5Constants.FIELD">
+<!--   -->
+</a><code>public&nbsp;static&nbsp;final&nbsp;int</code></td>
+<td><code><a href="controlP5/ControlP5Constants.html#FIELD">FIELD</a></code></td>
+<td class="colLast"><code>1</code></td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><a name="controlP5.ControlP5Constants.FLOAT">
+<!--   -->
+</a><code>public&nbsp;static&nbsp;final&nbsp;int</code></td>
+<td><code><a href="controlP5/ControlP5Constants.html#FLOAT">FLOAT</a></code></td>
+<td class="colLast"><code>2</code></td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><a name="controlP5.ControlP5Constants.FUCHSIA">
+<!--   -->
+</a><code>public&nbsp;static&nbsp;final&nbsp;int</code></td>
+<td><code><a href="controlP5/ControlP5Constants.html#FUCHSIA">FUCHSIA</a></code></td>
+<td class="colLast"><code>-1043778</code></td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><a name="controlP5.ControlP5Constants.GRAY">
+<!--   -->
+</a><code>public&nbsp;static&nbsp;final&nbsp;int</code></td>
+<td><code><a href="controlP5/ControlP5Constants.html#GRAY">GRAY</a></code></td>
+<td class="colLast"><code>-5592406</code></td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><a name="controlP5.ControlP5Constants.GREEN">
+<!--   -->
+</a><code>public&nbsp;static&nbsp;final&nbsp;int</code></td>
+<td><code><a href="controlP5/ControlP5Constants.html#GREEN">GREEN</a></code></td>
+<td class="colLast"><code>-13710272</code></td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><a name="controlP5.ControlP5Constants.grixel">
+<!--   -->
+</a><code>public&nbsp;static&nbsp;final&nbsp;int</code></td>
+<td><code><a href="controlP5/ControlP5Constants.html#grixel">grixel</a></code></td>
+<td class="colLast"><code>3</code></td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><a name="controlP5.ControlP5Constants.HALF_PI">
+<!--   -->
+</a><code>public&nbsp;static&nbsp;final&nbsp;float</code></td>
+<td><code><a href="controlP5/ControlP5Constants.html#HALF_PI">HALF_PI</a></code></td>
+<td class="colLast"><code>1.5707963705062866f</code></td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><a name="controlP5.ControlP5Constants.HIDE">
+<!--   -->
+</a><code>public&nbsp;static&nbsp;final&nbsp;char</code></td>
+<td><code><a href="controlP5/ControlP5Constants.html#HIDE">HIDE</a></code></td>
+<td class="colLast"><code>72</code></td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><a name="controlP5.ControlP5Constants.HIGHLIGHT">
+<!--   -->
+</a><code>public&nbsp;static&nbsp;final&nbsp;int</code></td>
+<td><code><a href="controlP5/ControlP5Constants.html#HIGHLIGHT">HIGHLIGHT</a></code></td>
+<td class="colLast"><code>3</code></td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><a name="controlP5.ControlP5Constants.HORIZONTAL">
+<!--   -->
+</a><code>public&nbsp;static&nbsp;final&nbsp;int</code></td>
+<td><code><a href="controlP5/ControlP5Constants.html#HORIZONTAL">HORIZONTAL</a></code></td>
+<td class="colLast"><code>0</code></td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><a name="controlP5.ControlP5Constants.IDLE">
+<!--   -->
+</a><code>public&nbsp;static&nbsp;final&nbsp;int</code></td>
+<td><code><a href="controlP5/ControlP5Constants.html#IDLE">IDLE</a></code></td>
+<td class="colLast"><code>4</code></td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><a name="controlP5.ControlP5Constants.IMAGE">
+<!--   -->
+</a><code>public&nbsp;static&nbsp;final&nbsp;int</code></td>
+<td><code><a href="controlP5/ControlP5Constants.html#IMAGE">IMAGE</a></code></td>
+<td class="colLast"><code>1</code></td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><a name="controlP5.ControlP5Constants.INACTIVE">
+<!--   -->
+</a><code>public&nbsp;static&nbsp;final&nbsp;int</code></td>
+<td><code><a href="controlP5/ControlP5Constants.html#INACTIVE">INACTIVE</a></code></td>
+<td class="colLast"><code>0</code></td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><a name="controlP5.ControlP5Constants.INCREASE">
+<!--   -->
+</a><code>public&nbsp;static&nbsp;final&nbsp;char</code></td>
+<td><code><a href="controlP5/ControlP5Constants.html#INCREASE">INCREASE</a></code></td>
+<td class="colLast"><code>38</code></td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><a name="controlP5.ControlP5Constants.INTEGER">
+<!--   -->
+</a><code>public&nbsp;static&nbsp;final&nbsp;int</code></td>
+<td><code><a href="controlP5/ControlP5Constants.html#INTEGER">INTEGER</a></code></td>
+<td class="colLast"><code>1</code></td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><a name="controlP5.ControlP5Constants.INVALID">
+<!--   -->
+</a><code>public&nbsp;static&nbsp;final&nbsp;int</code></td>
+<td><code><a href="controlP5/ControlP5Constants.html#INVALID">INVALID</a></code></td>
+<td class="colLast"><code>-1</code></td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><a name="controlP5.ControlP5Constants.J2D">
+<!--   -->
+</a><code>public&nbsp;static&nbsp;final&nbsp;int</code></td>
+<td><code><a href="controlP5/ControlP5Constants.html#J2D">J2D</a></code></td>
+<td class="colLast"><code>1</code></td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><a name="controlP5.ControlP5Constants.KEYCONTROL">
+<!--   -->
+</a><code>public&nbsp;static&nbsp;final&nbsp;char</code></td>
+<td><code><a href="controlP5/ControlP5Constants.html#KEYCONTROL">KEYCONTROL</a></code></td>
+<td class="colLast"><code>75</code></td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><a name="controlP5.ControlP5Constants.LEFT">
+<!--   -->
+</a><code>public&nbsp;static&nbsp;final&nbsp;int</code></td>
+<td><code><a href="controlP5/ControlP5Constants.html#LEFT">LEFT</a></code></td>
+<td class="colLast"><code>37</code></td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><a name="controlP5.ControlP5Constants.LEFT_OUTSIDE">
+<!--   -->
+</a><code>public&nbsp;static&nbsp;final&nbsp;int</code></td>
+<td><code><a href="controlP5/ControlP5Constants.html#LEFT_OUTSIDE">LEFT_OUTSIDE</a></code></td>
+<td class="colLast"><code>10</code></td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><a name="controlP5.ControlP5Constants.LIME">
+<!--   -->
+</a><code>public&nbsp;static&nbsp;final&nbsp;int</code></td>
+<td><code><a href="controlP5/ControlP5Constants.html#LIME">LIME</a></code></td>
+<td class="colLast"><code>-16646288</code></td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><a name="controlP5.ControlP5Constants.LINE">
+<!--   -->
+</a><code>public&nbsp;static&nbsp;final&nbsp;int</code></td>
+<td><code><a href="controlP5/ControlP5Constants.html#LINE">LINE</a></code></td>
+<td class="colLast"><code>1</code></td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><a name="controlP5.ControlP5Constants.LIST">
+<!--   -->
+</a><code>public&nbsp;static&nbsp;final&nbsp;int</code></td>
+<td><code><a href="controlP5/ControlP5Constants.html#LIST">LIST</a></code></td>
+<td class="colLast"><code>0</code></td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><a name="controlP5.ControlP5Constants.LOAD">
+<!--   -->
+</a><code>public&nbsp;static&nbsp;final&nbsp;char</code></td>
+<td><code><a href="controlP5/ControlP5Constants.html#LOAD">LOAD</a></code></td>
+<td class="colLast"><code>76</code></td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><a name="controlP5.ControlP5Constants.MAROON">
+<!--   -->
+</a><code>public&nbsp;static&nbsp;final&nbsp;int</code></td>
+<td><code><a href="controlP5/ControlP5Constants.html#MAROON">MAROON</a></code></td>
+<td class="colLast"><code>-8055733</code></td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><a name="controlP5.ControlP5Constants.MENU">
+<!--   -->
+</a><code>public&nbsp;static&nbsp;final&nbsp;char</code></td>
+<td><code><a href="controlP5/ControlP5Constants.html#MENU">MENU</a></code></td>
+<td class="colLast"><code>77</code></td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><a name="controlP5.ControlP5Constants.METHOD">
+<!--   -->
+</a><code>public&nbsp;static&nbsp;final&nbsp;int</code></td>
+<td><code><a href="controlP5/ControlP5Constants.html#METHOD">METHOD</a></code></td>
+<td class="colLast"><code>0</code></td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><a name="controlP5.ControlP5Constants.MOVE">
+<!--   -->
+</a><code>public&nbsp;static&nbsp;final&nbsp;int</code></td>
+<td><code><a href="controlP5/ControlP5Constants.html#MOVE">MOVE</a></code></td>
+<td class="colLast"><code>0</code></td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><a name="controlP5.ControlP5Constants.MULTI">
+<!--   -->
+</a><code>public&nbsp;static&nbsp;final&nbsp;int</code></td>
+<td><code><a href="controlP5/ControlP5Constants.html#MULTI">MULTI</a></code></td>
+<td class="colLast"><code>1</code></td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><a name="controlP5.ControlP5Constants.MULTIPLES">
+<!--   -->
+</a><code>public&nbsp;static&nbsp;final&nbsp;int</code></td>
+<td><code><a href="controlP5/ControlP5Constants.html#MULTIPLES">MULTIPLES</a></code></td>
+<td class="colLast"><code>2</code></td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><a name="controlP5.ControlP5Constants.NAVY">
+<!--   -->
+</a><code>public&nbsp;static&nbsp;final&nbsp;int</code></td>
+<td><code><a href="controlP5/ControlP5Constants.html#NAVY">NAVY</a></code></td>
+<td class="colLast"><code>-16769217</code></td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><a name="controlP5.ControlP5Constants.OLIVE">
+<!--   -->
+</a><code>public&nbsp;static&nbsp;final&nbsp;int</code></td>
+<td><code><a href="controlP5/ControlP5Constants.html#OLIVE">OLIVE</a></code></td>
+<td class="colLast"><code>-12740240</code></td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><a name="controlP5.ControlP5Constants.ORANGE">
+<!--   -->
+</a><code>public&nbsp;static&nbsp;final&nbsp;int</code></td>
+<td><code><a href="controlP5/ControlP5Constants.html#ORANGE">ORANGE</a></code></td>
+<td class="colLast"><code>-31461</code></td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><a name="controlP5.ControlP5Constants.OVER">
+<!--   -->
+</a><code>public&nbsp;static&nbsp;final&nbsp;int</code></td>
+<td><code><a href="controlP5/ControlP5Constants.html#OVER">OVER</a></code></td>
+<td class="colLast"><code>1</code></td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><a name="controlP5.ControlP5Constants.P2D">
+<!--   -->
+</a><code>public&nbsp;static&nbsp;final&nbsp;int</code></td>
+<td><code><a href="controlP5/ControlP5Constants.html#P2D">P2D</a></code></td>
+<td class="colLast"><code>2</code></td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><a name="controlP5.ControlP5Constants.P3D">
+<!--   -->
+</a><code>public&nbsp;static&nbsp;final&nbsp;int</code></td>
+<td><code><a href="controlP5/ControlP5Constants.html#P3D">P3D</a></code></td>
+<td class="colLast"><code>3</code></td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><a name="controlP5.ControlP5Constants.PI">
+<!--   -->
+</a><code>public&nbsp;static&nbsp;final&nbsp;float</code></td>
+<td><code><a href="controlP5/ControlP5Constants.html#PI">PI</a></code></td>
+<td class="colLast"><code>3.1415927410125732f</code></td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><a name="controlP5.ControlP5Constants.PRESSED">
+<!--   -->
+</a><code>public&nbsp;static&nbsp;final&nbsp;int</code></td>
+<td><code><a href="controlP5/ControlP5Constants.html#PRESSED">PRESSED</a></code></td>
+<td class="colLast"><code>2</code></td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><a name="controlP5.ControlP5Constants.PRINT">
+<!--   -->
+</a><code>public&nbsp;static&nbsp;final&nbsp;char</code></td>
+<td><code><a href="controlP5/ControlP5Constants.html#PRINT">PRINT</a></code></td>
+<td class="colLast"><code>32</code></td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><a name="controlP5.ControlP5Constants.PURPLE">
+<!--   -->
+</a><code>public&nbsp;static&nbsp;final&nbsp;int</code></td>
+<td><code><a href="controlP5/ControlP5Constants.html#PURPLE">PURPLE</a></code></td>
+<td class="colLast"><code>-5173815</code></td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><a name="controlP5.ControlP5Constants.RED">
+<!--   -->
+</a><code>public&nbsp;static&nbsp;final&nbsp;int</code></td>
+<td><code><a href="controlP5/ControlP5Constants.html#RED">RED</a></code></td>
+<td class="colLast"><code>-48842</code></td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><a name="controlP5.ControlP5Constants.RELEASE">
+<!--   -->
+</a><code>public&nbsp;static&nbsp;final&nbsp;int</code></td>
+<td><code><a href="controlP5/ControlP5Constants.html#RELEASE">RELEASE</a></code></td>
+<td class="colLast"><code>1</code></td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><a name="controlP5.ControlP5Constants.RESET">
+<!--   -->
+</a><code>public&nbsp;static&nbsp;final&nbsp;char</code></td>
+<td><code><a href="controlP5/ControlP5Constants.html#RESET">RESET</a></code></td>
+<td class="colLast"><code>82</code></td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><a name="controlP5.ControlP5Constants.RIGHT">
+<!--   -->
+</a><code>public&nbsp;static&nbsp;final&nbsp;int</code></td>
+<td><code><a href="controlP5/ControlP5Constants.html#RIGHT">RIGHT</a></code></td>
+<td class="colLast"><code>39</code></td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><a name="controlP5.ControlP5Constants.RIGHT_OUTSIDE">
+<!--   -->
+</a><code>public&nbsp;static&nbsp;final&nbsp;int</code></td>
+<td><code><a href="controlP5/ControlP5Constants.html#RIGHT_OUTSIDE">RIGHT_OUTSIDE</a></code></td>
+<td class="colLast"><code>11</code></td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><a name="controlP5.ControlP5Constants.SAVE">
+<!--   -->
+</a><code>public&nbsp;static&nbsp;final&nbsp;char</code></td>
+<td><code><a href="controlP5/ControlP5Constants.html#SAVE">SAVE</a></code></td>
+<td class="colLast"><code>83</code></td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><a name="controlP5.ControlP5Constants.SHIFT">
+<!--   -->
+</a><code>public&nbsp;static&nbsp;final&nbsp;int</code></td>
+<td><code><a href="controlP5/ControlP5Constants.html#SHIFT">SHIFT</a></code></td>
+<td class="colLast"><code>16</code></td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><a name="controlP5.ControlP5Constants.SILVER">
+<!--   -->
+</a><code>public&nbsp;static&nbsp;final&nbsp;int</code></td>
+<td><code><a href="controlP5/ControlP5Constants.html#SILVER">SILVER</a></code></td>
+<td class="colLast"><code>-2236963</code></td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><a name="controlP5.ControlP5Constants.SINGLE">
+<!--   -->
+</a><code>public&nbsp;static&nbsp;final&nbsp;int</code></td>
+<td><code><a href="controlP5/ControlP5Constants.html#SINGLE">SINGLE</a></code></td>
+<td class="colLast"><code>0</code></td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><a name="controlP5.ControlP5Constants.SINGLE_COLUMN">
+<!--   -->
+</a><code>public&nbsp;static&nbsp;final&nbsp;int</code></td>
+<td><code><a href="controlP5/ControlP5Constants.html#SINGLE_COLUMN">SINGLE_COLUMN</a></code></td>
+<td class="colLast"><code>0</code></td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><a name="controlP5.ControlP5Constants.SINGLE_ROW">
+<!--   -->
+</a><code>public&nbsp;static&nbsp;final&nbsp;int</code></td>
+<td><code><a href="controlP5/ControlP5Constants.html#SINGLE_ROW">SINGLE_ROW</a></code></td>
+<td class="colLast"><code>1</code></td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><a name="controlP5.ControlP5Constants.SPRITE">
+<!--   -->
+</a><code>public&nbsp;static&nbsp;final&nbsp;int</code></td>
+<td><code><a href="controlP5/ControlP5Constants.html#SPRITE">SPRITE</a></code></td>
+<td class="colLast"><code>2</code></td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><a name="controlP5.ControlP5Constants.standard56">
+<!--   -->
+</a><code>public&nbsp;static&nbsp;final&nbsp;int</code></td>
+<td><code><a href="controlP5/ControlP5Constants.html#standard56">standard56</a></code></td>
+<td class="colLast"><code>1</code></td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><a name="controlP5.ControlP5Constants.standard58">
+<!--   -->
+</a><code>public&nbsp;static&nbsp;final&nbsp;int</code></td>
+<td><code><a href="controlP5/ControlP5Constants.html#standard58">standard58</a></code></td>
+<td class="colLast"><code>0</code></td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><a name="controlP5.ControlP5Constants.STRING">
+<!--   -->
+</a><code>public&nbsp;static&nbsp;final&nbsp;int</code></td>
+<td><code><a href="controlP5/ControlP5Constants.html#STRING">STRING</a></code></td>
+<td class="colLast"><code>4</code></td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><a name="controlP5.ControlP5Constants.SWITCH">
+<!--   -->
+</a><code>public&nbsp;static&nbsp;final&nbsp;int</code></td>
+<td><code><a href="controlP5/ControlP5Constants.html#SWITCH">SWITCH</a></code></td>
+<td class="colLast"><code>100</code></td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><a name="controlP5.ControlP5Constants.SWITCH_BACK">
+<!--   -->
+</a><code>public&nbsp;static&nbsp;final&nbsp;char</code></td>
+<td><code><a href="controlP5/ControlP5Constants.html#SWITCH_BACK">SWITCH_BACK</a></code></td>
+<td class="colLast"><code>39</code></td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><a name="controlP5.ControlP5Constants.SWITCH_FORE">
+<!--   -->
+</a><code>public&nbsp;static&nbsp;final&nbsp;char</code></td>
+<td><code><a href="controlP5/ControlP5Constants.html#SWITCH_FORE">SWITCH_FORE</a></code></td>
+<td class="colLast"><code>37</code></td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><a name="controlP5.ControlP5Constants.synt24">
+<!--   -->
+</a><code>public&nbsp;static&nbsp;final&nbsp;int</code></td>
+<td><code><a href="controlP5/ControlP5Constants.html#synt24">synt24</a></code></td>
+<td class="colLast"><code>2</code></td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><a name="controlP5.ControlP5Constants.TAB">
+<!--   -->
+</a><code>public&nbsp;static&nbsp;final&nbsp;int</code></td>
+<td><code><a href="controlP5/ControlP5Constants.html#TAB">TAB</a></code></td>
+<td class="colLast"><code>9</code></td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><a name="controlP5.ControlP5Constants.TEAL">
+<!--   -->
+</a><code>public&nbsp;static&nbsp;final&nbsp;int</code></td>
+<td><code><a href="controlP5/ControlP5Constants.html#TEAL">TEAL</a></code></td>
+<td class="colLast"><code>-12989236</code></td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><a name="controlP5.ControlP5Constants.TOP">
+<!--   -->
+</a><code>public&nbsp;static&nbsp;final&nbsp;int</code></td>
+<td><code><a href="controlP5/ControlP5Constants.html#TOP">TOP</a></code></td>
+<td class="colLast"><code>101</code></td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><a name="controlP5.ControlP5Constants.TOP_OUTSIDE">
+<!--   -->
+</a><code>public&nbsp;static&nbsp;final&nbsp;int</code></td>
+<td><code><a href="controlP5/ControlP5Constants.html#TOP_OUTSIDE">TOP_OUTSIDE</a></code></td>
+<td class="colLast"><code>12</code></td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><a name="controlP5.ControlP5Constants.TRANSITION_WAIT_FADEIN">
+<!--   -->
+</a><code>public&nbsp;static&nbsp;final&nbsp;int</code></td>
+<td><code><a href="controlP5/ControlP5Constants.html#TRANSITION_WAIT_FADEIN">TRANSITION_WAIT_FADEIN</a></code></td>
+<td class="colLast"><code>2</code></td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><a name="controlP5.ControlP5Constants.TREE">
+<!--   -->
+</a><code>public&nbsp;static&nbsp;final&nbsp;int</code></td>
+<td><code><a href="controlP5/ControlP5Constants.html#TREE">TREE</a></code></td>
+<td class="colLast"><code>3</code></td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><a name="controlP5.ControlP5Constants.TWO_PI">
+<!--   -->
+</a><code>public&nbsp;static&nbsp;final&nbsp;float</code></td>
+<td><code><a href="controlP5/ControlP5Constants.html#TWO_PI">TWO_PI</a></code></td>
+<td class="colLast"><code>6.2831854820251465f</code></td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><a name="controlP5.ControlP5Constants.UP">
+<!--   -->
+</a><code>public&nbsp;static&nbsp;final&nbsp;int</code></td>
+<td><code><a href="controlP5/ControlP5Constants.html#UP">UP</a></code></td>
+<td class="colLast"><code>38</code></td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><a name="controlP5.ControlP5Constants.VALUELABEL">
+<!--   -->
+</a><code>public&nbsp;static&nbsp;final&nbsp;int</code></td>
+<td><code><a href="controlP5/ControlP5Constants.html#VALUELABEL">VALUELABEL</a></code></td>
+<td class="colLast"><code>1</code></td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><a name="controlP5.ControlP5Constants.VERBOSE">
+<!--   -->
+</a><code>public&nbsp;static&nbsp;final&nbsp;boolean</code></td>
+<td><code><a href="controlP5/ControlP5Constants.html#VERBOSE">VERBOSE</a></code></td>
+<td class="colLast"><code>false</code></td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><a name="controlP5.ControlP5Constants.VERTICAL">
+<!--   -->
+</a><code>public&nbsp;static&nbsp;final&nbsp;int</code></td>
+<td><code><a href="controlP5/ControlP5Constants.html#VERTICAL">VERTICAL</a></code></td>
+<td class="colLast"><code>1</code></td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><a name="controlP5.ControlP5Constants.WAIT">
+<!--   -->
+</a><code>public&nbsp;static&nbsp;final&nbsp;int</code></td>
+<td><code><a href="controlP5/ControlP5Constants.html#WAIT">WAIT</a></code></td>
+<td class="colLast"><code>1</code></td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><a name="controlP5.ControlP5Constants.WHITE">
+<!--   -->
+</a><code>public&nbsp;static&nbsp;final&nbsp;int</code></td>
+<td><code><a href="controlP5/ControlP5Constants.html#WHITE">WHITE</a></code></td>
+<td class="colLast"><code>-1</code></td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><a name="controlP5.ControlP5Constants.YELLOW">
+<!--   -->
+</a><code>public&nbsp;static&nbsp;final&nbsp;int</code></td>
+<td><code><a href="controlP5/ControlP5Constants.html#YELLOW">YELLOW</a></code></td>
+<td class="colLast"><code>-9216</code></td>
+</tr>
+</tbody>
+</table>
+</li>
+<li class="blockList">
+<table border="0" cellpadding="3" cellspacing="0" summary="Constant Field Values table, listing constant fields, and values">
+<caption><span>controlP5.<a href="controlP5/ScrollableList.html" title="class in controlP5">ScrollableList</a></span><span class="tabEnd">&nbsp;</span></caption>
+<tr>
+<th class="colFirst" scope="col">Modifier and Type</th>
+<th scope="col">Constant Field</th>
+<th class="colLast" scope="col">Value</th>
+</tr>
+<tbody>
+<tr class="altColor">
+<td class="colFirst"><a name="controlP5.ScrollableList.CHECKBOX">
+<!--   -->
+</a><code>public&nbsp;static&nbsp;final&nbsp;int</code></td>
+<td><code><a href="controlP5/ScrollableList.html#CHECKBOX">CHECKBOX</a></code></td>
+<td class="colLast"><code>2</code></td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><a name="controlP5.ScrollableList.DROPDOWN">
+<!--   -->
+</a><code>public&nbsp;static&nbsp;final&nbsp;int</code></td>
+<td><code><a href="controlP5/ScrollableList.html#DROPDOWN">DROPDOWN</a></code></td>
+<td class="colLast"><code>1</code></td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><a name="controlP5.ScrollableList.LIST">
+<!--   -->
+</a><code>public&nbsp;static&nbsp;final&nbsp;int</code></td>
+<td><code><a href="controlP5/ScrollableList.html#LIST">LIST</a></code></td>
+<td class="colLast"><code>0</code></td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><a name="controlP5.ScrollableList.TREE">
+<!--   -->
+</a><code>public&nbsp;static&nbsp;final&nbsp;int</code></td>
+<td><code><a href="controlP5/ScrollableList.html#TREE">TREE</a></code></td>
+<td class="colLast"><code>3</code></td>
+</tr>
+</tbody>
+</table>
+</li>
+<li class="blockList">
+<table border="0" cellpadding="3" cellspacing="0" summary="Constant Field Values table, listing constant fields, and values">
+<caption><span>controlP5.<a href="controlP5/Slider.html" title="class in controlP5">Slider</a></span><span class="tabEnd">&nbsp;</span></caption>
+<tr>
+<th class="colFirst" scope="col">Modifier and Type</th>
+<th scope="col">Constant Field</th>
+<th class="colLast" scope="col">Value</th>
+</tr>
+<tbody>
+<tr class="altColor">
+<td class="colFirst"><a name="controlP5.Slider.FIX">
+<!--   -->
+</a><code>public&nbsp;static&nbsp;final&nbsp;int</code></td>
+<td><code><a href="controlP5/Slider.html#FIX">FIX</a></code></td>
+<td class="colLast"><code>1</code></td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><a name="controlP5.Slider.FLEXIBLE">
+<!--   -->
+</a><code>public&nbsp;static&nbsp;final&nbsp;int</code></td>
+<td><code><a href="controlP5/Slider.html#FLEXIBLE">FLEXIBLE</a></code></td>
+<td class="colLast"><code>0</code></td>
+</tr>
+</tbody>
+</table>
+</li>
+</ul>
+</div>
+<!-- ======= START OF BOTTOM NAVBAR ====== -->
+<div class="bottomNav"><a name="navbar_bottom">
+<!--   -->
+</a><a href="#skip-navbar_bottom" title="Skip navigation links"></a><a name="navbar_bottom_firstrow">
+<!--   -->
+</a>
+<ul class="navList" title="Navigation">
+<li><a href="controlP5/package-summary.html">Package</a></li>
+<li>Class</li>
+<li><a href="overview-tree.html">Tree</a></li>
+<li><a href="index-all.html">Index</a></li>
+<li><a href="help-doc.html">Help</a></li>
+</ul>
+</div>
+<div class="subNav">
+<ul class="navList">
+<li>Prev</li>
+<li>Next</li>
+</ul>
+<ul class="navList">
+<li><a href="index.html?constant-values.html" target="_top">Frames</a></li>
+<li><a href="constant-values.html" target="_top">No Frames</a></li>
+</ul>
+<ul class="navList" id="allclasses_navbar_bottom">
+<li><a href="allclasses-noframe.html">All Classes</a></li>
+</ul>
+<div>
+<script type="text/javascript"><!--
+  allClassesLink = document.getElementById("allclasses_navbar_bottom");
+  if(window==top) {
+    allClassesLink.style.display = "block";
+  }
+  else {
+    allClassesLink.style.display = "none";
+  }
+  //-->
+</script>
+</div>
+<a name="skip-navbar_bottom">
+<!--   -->
+</a></div>
+<!-- ======== END OF BOTTOM NAVBAR ======= -->
+<p class="legalCopy"><small>processing library controlP5 by Andreas Schlegel. (c) 2006-2014</small></p>
+</body>
+</html>
diff --git a/reference/controlP5/Accordion.html b/reference/controlP5/Accordion.html
new file mode 100644
index 0000000..1561add
--- /dev/null
+++ b/reference/controlP5/Accordion.html
@@ -0,0 +1,994 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
+<!-- NewPage -->
+<html lang="en">
+<head>
+<!-- Generated by javadoc (version 1.7.0_51) on Sun Apr 27 21:39:45 SGT 2014 -->
+<title>Accordion (Javadocs: controlP5)</title>
+<meta name="date" content="2014-04-27">
+<link rel="stylesheet" type="text/css" href="../stylesheet.css" title="Style">
+</head>
+<body>
+<script type="text/javascript"><!--
+    if (location.href.indexOf('is-external=true') == -1) {
+        parent.document.title="Accordion (Javadocs: controlP5)";
+    }
+//-->
+</script>
+<noscript>
+<div>JavaScript is disabled on your browser.</div>
+</noscript>
+<!-- ========= START OF TOP NAVBAR ======= -->
+<div class="topNav"><a name="navbar_top">
+<!--   -->
+</a><a href="#skip-navbar_top" title="Skip navigation links"></a><a name="navbar_top_firstrow">
+<!--   -->
+</a>
+<ul class="navList" title="Navigation">
+<li><a href="../controlP5/package-summary.html">Package</a></li>
+<li class="navBarCell1Rev">Class</li>
+<li><a href="package-tree.html">Tree</a></li>
+<li><a href="../index-all.html">Index</a></li>
+<li><a href="../help-doc.html">Help</a></li>
+</ul>
+</div>
+<div class="subNav">
+<ul class="navList">
+<li>Prev Class</li>
+<li><a href="../controlP5/Bang.html" title="class in controlP5"><span class="strong">Next Class</span></a></li>
+</ul>
+<ul class="navList">
+<li><a href="../index.html?controlP5/Accordion.html" target="_top">Frames</a></li>
+<li><a href="Accordion.html" target="_top">No Frames</a></li>
+</ul>
+<ul class="navList" id="allclasses_navbar_top">
+<li><a href="../allclasses-noframe.html">All Classes</a></li>
+</ul>
+<div>
+<script type="text/javascript"><!--
+  allClassesLink = document.getElementById("allclasses_navbar_top");
+  if(window==top) {
+    allClassesLink.style.display = "block";
+  }
+  else {
+    allClassesLink.style.display = "none";
+  }
+  //-->
+</script>
+</div>
+<div>
+<ul class="subNavList">
+<li>Summary:&nbsp;</li>
+<li>Nested&nbsp;|&nbsp;</li>
+<li>Field&nbsp;|&nbsp;</li>
+<li><a href="#constructor_summary">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_summary">Method</a></li>
+</ul>
+<ul class="subNavList">
+<li>Detail:&nbsp;</li>
+<li>Field&nbsp;|&nbsp;</li>
+<li><a href="#constructor_detail">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_detail">Method</a></li>
+</ul>
+</div>
+<a name="skip-navbar_top">
+<!--   -->
+</a></div>
+<!-- ========= END OF TOP NAVBAR ========= -->
+<!-- ======== START OF CLASS DATA ======== -->
+<div class="header">
+<div class="subTitle">controlP5</div>
+<h2 title="Class Accordion" class="title">Class Accordion</h2>
+</div>
+<div class="contentContainer">
+<ul class="inheritance">
+<li>java.lang.Object</li>
+<li>
+<ul class="inheritance">
+<li><a href="../controlP5/ControllerGroup.html" title="class in controlP5">controlP5.ControllerGroup</a>&lt;T&gt;</li>
+<li>
+<ul class="inheritance">
+<li><a href="../controlP5/ControlGroup.html" title="class in controlP5">controlP5.ControlGroup</a>&lt;<a href="../controlP5/Accordion.html" title="class in controlP5">Accordion</a>&gt;</li>
+<li>
+<ul class="inheritance">
+<li>controlP5.Accordion</li>
+</ul>
+</li>
+</ul>
+</li>
+</ul>
+</li>
+</ul>
+<div class="description">
+<ul class="blockList">
+<li class="blockList">
+<dl>
+<dt>All Implemented Interfaces:</dt>
+<dd><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/Accordion.html" title="class in controlP5">Accordion</a>&gt;, <a href="../controlP5/ControlListener.html" title="interface in controlP5">ControlListener</a>, <a href="../controlP5/ControlP5Constants.html" title="interface in controlP5">ControlP5Constants</a></dd>
+</dl>
+<hr>
+<br>
+<pre>public class <span class="strong">Accordion</span>
+extends <a href="../controlP5/ControlGroup.html" title="class in controlP5">ControlGroup</a>&lt;<a href="../controlP5/Accordion.html" title="class in controlP5">Accordion</a>&gt;</pre>
+<div class="block"><p>
+ The Accordion is a list of ControlGroups which can be expanded and collapsed. Only one item can
+ be open at a time.
+ </p></div>
+<dl><dt><span class="strong">See Also:</span></dt><dd><a href="../controlP5/ControllerGroup.html" title="class in controlP5"><code>ControllerGroup</code></a>, 
+<a href="../controlP5/ControlGroup.html" title="class in controlP5"><code>ControlGroup</code></a></dd><script type="text/javascript">
+<!--
+document.getElementsByTagName('html')[0].className = 'isjs';function toggle(dt) { var display, dd=dt; do{ dd = dd.nextSibling } while(dd.tagName!='DD'); toOpen =!dd.style.display;dd.style.display = toOpen? 'block':''; dt.getElementsByTagName('span')[0].innerHTML  = toOpen? '-':'+' ; }
+-->
+</script>
+<div id="test" class="toggleList"><dl><dt onclick="toggle(this);"><span>+</span>Example</dt><dd><code><pre>/**
+ * ControlP5 Accordion
+ * arrange controller groups in an accordion like style.
+ *
+ * find a list of public methods available for the Accordion Controller 
+ * at the bottom of this sketch. In the example below 3 groups with controllers
+ * are created and added to an accordion controller. Furthermore several key 
+ * combinations are mapped to control individual settings of the accordion.
+ * An accordion comes in 2 modes, Accordion.SINGLE and Accordion.MULTI where the 
+ * latter allows to open multiple groups of an accordion and the SINGLE mode only
+ * allows 1 group to be opened at a time.  
+ *
+ * by Andreas Schlegel, 2012
+ * www.sojamo.de/libraries/controlp5
+ *
+ */
+
+import controlP5.*;
+
+ControlP5 cp5;
+
+Accordion accordion;
+
+color c = color(0, 160, 100);
+
+void setup() {
+  size(400, 600);
+  noStroke();
+  smooth();
+  gui();
+}
+
+void gui() {
+  
+  cp5 = new ControlP5(this);
+  
+  // group number 1, contains 2 bangs
+  Group g1 = cp5.addGroup("myGroup1")
+                .setBackgroundColor(color(0, 64))
+                .setBackgroundHeight(150)
+                ;
+  
+  cp5.addBang("bang")
+     .setPosition(10,20)
+     .setSize(100,100)
+     .moveTo(g1)
+     .plugTo(this,"shuffle");
+     ;
+     
+  // group number 2, contains a radiobutton
+  Group g2 = cp5.addGroup("myGroup2")
+                .setBackgroundColor(color(0, 64))
+                .setBackgroundHeight(150)
+                ;
+  
+  cp5.addRadioButton("radio")
+     .setPosition(10,20)
+     .setItemWidth(20)
+     .setItemHeight(20)
+     .addItem("black", 0)
+     .addItem("red", 1)
+     .addItem("green", 2)
+     .addItem("blue", 3)
+     .addItem("grey", 4)
+     .setColorLabel(color(255))
+     .activate(2)
+     .moveTo(g2)
+     ;
+
+  // group number 3, contains a bang and a slider
+  Group g3 = cp5.addGroup("myGroup3")
+                .setBackgroundColor(color(0, 64))
+                .setBackgroundHeight(150)
+                ;
+  
+  cp5.addBang("shuffle")
+     .setPosition(10,20)
+     .setSize(40,50)
+     .moveTo(g3)
+     ;
+     
+  cp5.addSlider("hello")
+     .setPosition(60,20)
+     .setSize(100,20)
+     .setRange(100,500)
+     .setValue(100)
+     .moveTo(g3)
+     ;
+     
+  cp5.addSlider("world")
+     .setPosition(60,50)
+     .setSize(100,20)
+     .setRange(100,500)
+     .setValue(200)
+     .moveTo(g3)
+     ;
+
+  // create a new accordion
+  // add g1, g2, and g3 to the accordion.
+  accordion = cp5.addAccordion("acc")
+                 .setPosition(40,40)
+                 .setWidth(200)
+                 .addItem(g1)
+                 .addItem(g2)
+                 .addItem(g3)
+                 ;
+                 
+  cp5.mapKeyFor(new ControlKey() {public void keyEvent() {accordion.open(0,1,2);}}, 'o');
+  cp5.mapKeyFor(new ControlKey() {public void keyEvent() {accordion.close(0,1,2);}}, 'c');
+  cp5.mapKeyFor(new ControlKey() {public void keyEvent() {accordion.setWidth(300);}}, '1');
+  cp5.mapKeyFor(new ControlKey() {public void keyEvent() {accordion.setPosition(0,0);accordion.setItemHeight(190);}}, '2'); 
+  cp5.mapKeyFor(new ControlKey() {public void keyEvent() {accordion.setCollapseMode(ControlP5.ALL);}}, '3');
+  cp5.mapKeyFor(new ControlKey() {public void keyEvent() {accordion.setCollapseMode(ControlP5.SINGLE);}}, '4');
+  cp5.mapKeyFor(new ControlKey() {public void keyEvent() {cp5.remove("myGroup1");}}, '0');
+  
+  accordion.open(0,1,2);
+  
+  // use Accordion.MULTI to allow multiple group 
+  // to be open at a time.
+  accordion.setCollapseMode(Accordion.MULTI);
+  
+  // when in SINGLE mode, only 1 accordion  
+  // group can be open at a time.  
+  // accordion.setCollapseMode(Accordion.SINGLE);
+}
+  
+
+void radio(int theC) {
+  switch(theC) {
+    case(0):c=color(0,200);break;
+    case(1):c=color(255,0,0,200);break;
+    case(2):c=color(0, 200, 140,200);break;
+    case(3):c=color(0, 128, 255,200);break;
+    case(4):c=color(50,128);break;
+  }
+} 
+
+
+void shuffle() {
+  c = color(random(255),random(255),random(255),random(128,255));
+}
+
+
+void draw() {
+  background(220);
+  
+  fill(c);
+  
+  float s1 = cp5.getController("hello").getValue();
+  ellipse(200,400,s1,s1);
+  
+  float s2 = cp5.getController("world").getValue();
+  ellipse(300,100,s2,s2);
+}
+
+
+
+
+
+/*
+a list of all methods available for the Accordion Controller
+use ControlP5.printPublicMethodsFor(Accordion.class);
+to print the following list into the console.
+
+You can find further details about class Accordion in the javadoc.
+
+Format:
+ClassName : returnType methodName(parameter type)
+
+
+controlP5.Accordion : Accordion addItem(ControlGroup) 
+controlP5.Accordion : Accordion remove(ControllerInterface) 
+controlP5.Accordion : Accordion removeItem(ControlGroup) 
+controlP5.Accordion : Accordion setItemHeight(int) 
+controlP5.Accordion : Accordion setMinItemHeight(int) 
+controlP5.Accordion : Accordion setWidth(int) 
+controlP5.Accordion : Accordion updateItems() 
+controlP5.Accordion : int getItemHeight() 
+controlP5.Accordion : int getMinItemHeight() 
+controlP5.ControlGroup : Accordion activateEvent(boolean) 
+controlP5.ControlGroup : Accordion addListener(ControlListener) 
+controlP5.ControlGroup : Accordion hideBar() 
+controlP5.ControlGroup : Accordion removeListener(ControlListener) 
+controlP5.ControlGroup : Accordion setBackgroundColor(int) 
+controlP5.ControlGroup : Accordion setBackgroundHeight(int) 
+controlP5.ControlGroup : Accordion setBarHeight(int) 
+controlP5.ControlGroup : Accordion showBar() 
+controlP5.ControlGroup : Accordion updateInternalEvents(PApplet) 
+controlP5.ControlGroup : String getInfo() 
+controlP5.ControlGroup : String toString() 
+controlP5.ControlGroup : boolean isBarVisible() 
+controlP5.ControlGroup : int getBackgroundHeight() 
+controlP5.ControlGroup : int getBarHeight() 
+controlP5.ControlGroup : int listenerSize() 
+controlP5.ControllerGroup : Accordion add(ControllerInterface) 
+controlP5.ControllerGroup : Accordion bringToFront() 
+controlP5.ControllerGroup : Accordion bringToFront(ControllerInterface) 
+controlP5.ControllerGroup : Accordion close() 
+controlP5.ControllerGroup : Accordion disableCollapse() 
+controlP5.ControllerGroup : Accordion enableCollapse() 
+controlP5.ControllerGroup : Accordion hide() 
+controlP5.ControllerGroup : Accordion moveTo(ControlWindow) 
+controlP5.ControllerGroup : Accordion moveTo(PApplet) 
+controlP5.ControllerGroup : Accordion open() 
+controlP5.ControllerGroup : Accordion registerProperty(String) 
+controlP5.ControllerGroup : Accordion registerProperty(String, String) 
+controlP5.ControllerGroup : Accordion remove(CDrawable) 
+controlP5.ControllerGroup : Accordion remove(ControllerInterface) 
+controlP5.ControllerGroup : Accordion removeCanvas(ControlWindowCanvas) 
+controlP5.ControllerGroup : Accordion removeProperty(String) 
+controlP5.ControllerGroup : Accordion removeProperty(String, String) 
+controlP5.ControllerGroup : Accordion setAddress(String) 
+controlP5.ControllerGroup : Accordion setArrayValue(float[]) 
+controlP5.ControllerGroup : Accordion setColor(CColor) 
+controlP5.ControllerGroup : Accordion setColorActive(int) 
+controlP5.ControllerGroup : Accordion setColorBackground(int) 
+controlP5.ControllerGroup : Accordion setColorForeground(int) 
+controlP5.ControllerGroup : Accordion setColorLabel(int) 
+controlP5.ControllerGroup : Accordion setColorValue(int) 
+controlP5.ControllerGroup : Accordion setHeight(int) 
+controlP5.ControllerGroup : Accordion setId(int) 
+controlP5.ControllerGroup : Accordion setLabel(String) 
+controlP5.ControllerGroup : Accordion setMouseOver(boolean) 
+controlP5.ControllerGroup : Accordion setMoveable(boolean) 
+controlP5.ControllerGroup : Accordion setOpen(boolean) 
+controlP5.ControllerGroup : Accordion setPosition(PVector) 
+controlP5.ControllerGroup : Accordion setPosition(float, float) 
+controlP5.ControllerGroup : Accordion setStringValue(String) 
+controlP5.ControllerGroup : Accordion setUpdate(boolean) 
+controlP5.ControllerGroup : Accordion setValue(float) 
+controlP5.ControllerGroup : Accordion setVisible(boolean) 
+controlP5.ControllerGroup : Accordion setWidth(int) 
+controlP5.ControllerGroup : Accordion show() 
+controlP5.ControllerGroup : Accordion update() 
+controlP5.ControllerGroup : Accordion updateAbsolutePosition() 
+controlP5.ControllerGroup : CColor getColor() 
+controlP5.ControllerGroup : ControlWindow getWindow() 
+controlP5.ControllerGroup : ControlWindowCanvas addCanvas(ControlWindowCanvas) 
+controlP5.ControllerGroup : Controller getController(String) 
+controlP5.ControllerGroup : ControllerProperty getProperty(String) 
+controlP5.ControllerGroup : ControllerProperty getProperty(String, String) 
+controlP5.ControllerGroup : Label getCaptionLabel() 
+controlP5.ControllerGroup : Label getValueLabel() 
+controlP5.ControllerGroup : PVector getPosition() 
+controlP5.ControllerGroup : String getAddress() 
+controlP5.ControllerGroup : String getInfo() 
+controlP5.ControllerGroup : String getName() 
+controlP5.ControllerGroup : String getStringValue() 
+controlP5.ControllerGroup : String toString() 
+controlP5.ControllerGroup : Tab getTab() 
+controlP5.ControllerGroup : boolean isCollapse() 
+controlP5.ControllerGroup : boolean isMouseOver() 
+controlP5.ControllerGroup : boolean isMoveable() 
+controlP5.ControllerGroup : boolean isOpen() 
+controlP5.ControllerGroup : boolean isUpdate() 
+controlP5.ControllerGroup : boolean isVisible() 
+controlP5.ControllerGroup : boolean setMousePressed(boolean) 
+controlP5.ControllerGroup : float getValue() 
+controlP5.ControllerGroup : float[] getArrayValue() 
+controlP5.ControllerGroup : int getHeight() 
+controlP5.ControllerGroup : int getId() 
+controlP5.ControllerGroup : int getWidth() 
+controlP5.ControllerGroup : void remove() 
+java.lang.Object : String toString() 
+java.lang.Object : boolean equals(Object) 
+
+
+*/
+
+
+
+</pre></code></dd></dl></div></dl>
+</li>
+</ul>
+</div>
+<div class="summary">
+<ul class="blockList">
+<li class="blockList">
+<!-- =========== FIELD SUMMARY =========== -->
+<ul class="blockList">
+<li class="blockList"><a name="field_summary">
+<!--   -->
+</a>
+<h3>Field Summary</h3>
+<ul class="blockList">
+<li class="blockList"><a name="fields_inherited_from_class_controlP5.ControlP5Constants">
+<!--   -->
+</a>
+<h3>Fields inherited from interface&nbsp;controlP5.<a href="../controlP5/ControlP5Constants.html" title="interface in controlP5">ControlP5Constants</a></h3>
+<code><a href="../controlP5/ControlP5Constants.html#acceptClassList">acceptClassList</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_BROADCAST">ACTION_BROADCAST</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_CLICK">ACTION_CLICK</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_DRAG">ACTION_DRAG</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_ENTER">ACTION_ENTER</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_EXIT">ACTION_EXIT</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_LEAVE">ACTION_LEAVE</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_MOVE">ACTION_MOVE</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_PRESS">ACTION_PRESS</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_PRESSED">ACTION_PRESSED</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_RELEASE">ACTION_RELEASE</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_RELEASED">ACTION_RELEASED</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_RELEASEDOUTSIDE">ACTION_RELEASEDOUTSIDE</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_WHEEL">ACTION_WHEEL</a>, <a href="../controlP5/ControlP5Constants.html#ACTIVE">ACTIVE</a>, <a href="../controlP5/ControlP5Constants.html#ALL">ALL</a>, <a href="../controlP5/ControlP5Constants.html#ALT">ALT</a>, <a href="../controlP5/ControlP5Constants.html#AQUA">AQUA</a>, <a href="../controlP5/ControlP5Constants.html#ARC">ARC</a>, <a href="../controlP5/ControlP5Constants.html#ARRAY">ARRAY</a>, <a href="../controlP5/ControlP5Constants.html#BACKSPACE">BACKSPACE</a>, <a href="../controlP5/ControlP5Constants.html#BASELINE">BASELINE</a>, <a href="../controlP5/ControlP5Constants.html#BITFONT">BITFONT</a>, <a href="../controlP5/ControlP5Constants.html#BLACK">BLACK</a>, <a href="../controlP5/ControlP5Constants.html#BLUE">BLUE</a>, <a href="../controlP5/ControlP5Constants.html#BOOLEAN">BOOLEAN</a>, <a href="../controlP5/ControlP5Constants.html#BOTTOM">BOTTOM</a>, <a href="../controlP5/ControlP5Constants.html#BOTTOM_OUTSIDE">BOTTOM_OUTSIDE</a>, <a href="../controlP5/ControlP5Constants.html#CAPTIONLABEL">CAPTIONLABEL</a>, <a href="../controlP5/ControlP5Constants.html#CENTER">CENTER</a>, <a href="../controlP5/ControlP5Constants.html#CHECKBOX">CHECKBOX</a>, <a href="../controlP5/ControlP5Constants.html#COMMANDKEY">COMMANDKEY</a>, <a href="../controlP5/ControlP5Constants.html#CONTROL">CONTROL</a>, <a href="../controlP5/ControlP5Constants.html#controlEventClass">controlEventClass</a>, <a href="../controlP5/ControlP5Constants.html#CUSTOM">CUSTOM</a>, <a href="../controlP5/ControlP5Constants.html#DECREASE">DECREASE</a>, <a href="../controlP5/ControlP5Constants.html#DEFAULT">DEFAULT</a>, <a href="../controlP5/ControlP5Constants.html#DELETE">DELETE</a>, <a href="../controlP5/ControlP5Constants.html#DONE">DONE</a>, <a href="../controlP5/ControlP5Constants.html#DOWN">DOWN</a>, <a href="../controlP5/ControlP5Constants.html#DROPDOWN">DROPDOWN</a>, <a href="../controlP5/ControlP5Constants.html#ELLIPSE">ELLIPSE</a>, <a href="../controlP5/ControlP5Constants.html#ENTER">ENTER</a>, <a href="../controlP5/ControlP5Constants.html#ESCAPE">ESCAPE</a>, <a href="../controlP5/ControlP5Constants.html#EVENT">EVENT</a>, <a href="../controlP5/ControlP5Constants.html#eventMethod">eventMethod</a>, <a href="../controlP5/ControlP5Constants.html#FADEIN">FADEIN</a>, <a href="../controlP5/ControlP5Constants.html#FADEOUT">FADEOUT</a>, <a href="../controlP5/ControlP5Constants.html#FIELD">FIELD</a>, <a href="../controlP5/ControlP5Constants.html#FLOAT">FLOAT</a>, <a href="../controlP5/ControlP5Constants.html#FUCHSIA">FUCHSIA</a>, <a href="../controlP5/ControlP5Constants.html#GRAY">GRAY</a>, <a href="../controlP5/ControlP5Constants.html#GREEN">GREEN</a>, <a href="../controlP5/ControlP5Constants.html#grixel">grixel</a>, <a href="../controlP5/ControlP5Constants.html#HALF_PI">HALF_PI</a>, <a href="../controlP5/ControlP5Constants.html#HIDE">HIDE</a>, <a href="../controlP5/ControlP5Constants.html#HIGHLIGHT">HIGHLIGHT</a>, <a href="../controlP5/ControlP5Constants.html#HORIZONTAL">HORIZONTAL</a>, <a href="../controlP5/ControlP5Constants.html#IDLE">IDLE</a>, <a href="../controlP5/ControlP5Constants.html#IMAGE">IMAGE</a>, <a href="../controlP5/ControlP5Constants.html#INACTIVE">INACTIVE</a>, <a href="../controlP5/ControlP5Constants.html#INCREASE">INCREASE</a>, <a href="../controlP5/ControlP5Constants.html#INTEGER">INTEGER</a>, <a href="../controlP5/ControlP5Constants.html#INVALID">INVALID</a>, <a href="../controlP5/ControlP5Constants.html#J2D">J2D</a>, <a href="../controlP5/ControlP5Constants.html#KEYCONTROL">KEYCONTROL</a>, <a href="../controlP5/ControlP5Constants.html#LEFT">LEFT</a>, <a href="../controlP5/ControlP5Constants.html#LEFT_OUTSIDE">LEFT_OUTSIDE</a>, <a href="../controlP5/ControlP5Constants.html#LIME">LIME</a>, <a href="../controlP5/ControlP5Constants.html#LINE">LINE</a>, <a href="../controlP5/ControlP5Constants.html#LIST">LIST</a>, <a href="../controlP5/ControlP5Constants.html#LOAD">LOAD</a>, <a href="../controlP5/ControlP5Constants.html#MAROON">MAROON</a>, <a href="../controlP5/ControlP5Constants.html#MENU">MENU</a>, <a href="../controlP5/ControlP5Constants.html#METHOD">METHOD</a>, <a href="../controlP5/ControlP5Constants.html#MOVE">MOVE</a>, <a href="../controlP5/ControlP5Constants.html#MULTI">MULTI</a>, <a href="../controlP5/ControlP5Constants.html#MULTIPLES">MULTIPLES</a>, <a href="../controlP5/ControlP5Constants.html#NAVY">NAVY</a>, <a href="../controlP5/ControlP5Constants.html#OLIVE">OLIVE</a>, <a href="../controlP5/ControlP5Constants.html#ORANGE">ORANGE</a>, <a href="../controlP5/ControlP5Constants.html#OVER">OVER</a>, <a href="../controlP5/ControlP5Constants.html#P2D">P2D</a>, <a href="../controlP5/ControlP5Constants.html#P3D">P3D</a>, <a href="../controlP5/ControlP5Constants.html#PI">PI</a>, <a href="../controlP5/ControlP5Constants.html#PRESSED">PRESSED</a>, <a href="../controlP5/ControlP5Constants.html#PRINT">PRINT</a>, <a href="../controlP5/ControlP5Constants.html#PURPLE">PURPLE</a>, <a href="../controlP5/ControlP5Constants.html#RED">RED</a>, <a href="../controlP5/ControlP5Constants.html#RELEASE">RELEASE</a>, <a href="../controlP5/ControlP5Constants.html#RESET">RESET</a>, <a href="../controlP5/ControlP5Constants.html#RIGHT">RIGHT</a>, <a href="../controlP5/ControlP5Constants.html#RIGHT_OUTSIDE">RIGHT_OUTSIDE</a>, <a href="../controlP5/ControlP5Constants.html#SAVE">SAVE</a>, <a href="../controlP5/ControlP5Constants.html#SHIFT">SHIFT</a>, <a href="../controlP5/ControlP5Constants.html#SILVER">SILVER</a>, <a href="../controlP5/ControlP5Constants.html#SINGLE">SINGLE</a>, <a href="../controlP5/ControlP5Constants.html#SINGLE_COLUMN">SINGLE_COLUMN</a>, <a href="../controlP5/ControlP5Constants.html#SINGLE_ROW">SINGLE_ROW</a>, <a href="../controlP5/ControlP5Constants.html#SPRITE">SPRITE</a>, <a href="../controlP5/ControlP5Constants.html#standard56">standard56</a>, <a href="../controlP5/ControlP5Constants.html#standard58">standard58</a>, <a href="../controlP5/ControlP5Constants.html#STRING">STRING</a>, <a href="../controlP5/ControlP5Constants.html#SWITCH">SWITCH</a>, <a href="../controlP5/ControlP5Constants.html#SWITCH_BACK">SWITCH_BACK</a>, <a href="../controlP5/ControlP5Constants.html#SWITCH_FORE">SWITCH_FORE</a>, <a href="../controlP5/ControlP5Constants.html#synt24">synt24</a>, <a href="../controlP5/ControlP5Constants.html#TAB">TAB</a>, <a href="../controlP5/ControlP5Constants.html#TEAL">TEAL</a>, <a href="../controlP5/ControlP5Constants.html#THEME_A">THEME_A</a>, <a href="../controlP5/ControlP5Constants.html#THEME_CP52014">THEME_CP52014</a>, <a href="../controlP5/ControlP5Constants.html#THEME_CP5BLUE">THEME_CP5BLUE</a>, <a href="../controlP5/ControlP5Constants.html#THEME_RED">THEME_RED</a>, <a href="../controlP5/ControlP5Constants.html#THEME_RETRO">THEME_RETRO</a>, <a href="../controlP5/ControlP5Constants.html#THEME_WHITE">THEME_WHITE</a>, <a href="../controlP5/ControlP5Constants.html#TOP">TOP</a>, <a href="../controlP5/ControlP5Constants.html#TOP_OUTSIDE">TOP_OUTSIDE</a>, <a href="../controlP5/ControlP5Constants.html#TRANSITION_WAIT_FADEIN">TRANSITION_WAIT_FADEIN</a>, <a href="../controlP5/ControlP5Constants.html#TREE">TREE</a>, <a href="../controlP5/ControlP5Constants.html#TWO_PI">TWO_PI</a>, <a href="../controlP5/ControlP5Constants.html#UP">UP</a>, <a href="../controlP5/ControlP5Constants.html#VALUELABEL">VALUELABEL</a>, <a href="../controlP5/ControlP5Constants.html#VERBOSE">VERBOSE</a>, <a href="../controlP5/ControlP5Constants.html#VERTICAL">VERTICAL</a>, <a href="../controlP5/ControlP5Constants.html#WAIT">WAIT</a>, <a href="../controlP5/ControlP5Constants.html#WHITE">WHITE</a>, <a href="../controlP5/ControlP5Constants.html#YELLOW">YELLOW</a></code></li>
+</ul>
+</li>
+</ul>
+<!-- ======== CONSTRUCTOR SUMMARY ======== -->
+<ul class="blockList">
+<li class="blockList"><a name="constructor_summary">
+<!--   -->
+</a>
+<h3>Constructor Summary</h3>
+<table class="overviewSummary" border="0" cellpadding="3" cellspacing="0" summary="Constructor Summary table, listing constructors, and an explanation">
+<caption><span>Constructors</span><span class="tabEnd">&nbsp;</span></caption>
+<tr>
+<th class="colOne" scope="col">Constructor and Description</th>
+</tr>
+<tr class="altColor">
+<td class="colOne"><code><strong><a href="../controlP5/Accordion.html#Accordion(controlP5.ControlP5, java.lang.String)">Accordion</a></strong>(<a href="../controlP5/ControlP5.html" title="class in controlP5">ControlP5</a>&nbsp;theControlP5,
+         java.lang.String&nbsp;theName)</code>
+<div class="block">Convenience constructor to extend Accordion.</div>
+</td>
+</tr>
+</table>
+</li>
+</ul>
+<!-- ========== METHOD SUMMARY =========== -->
+<ul class="blockList">
+<li class="blockList"><a name="method_summary">
+<!--   -->
+</a>
+<h3>Method Summary</h3>
+<table class="overviewSummary" border="0" cellpadding="3" cellspacing="0" summary="Method Summary table, listing methods, and an explanation">
+<caption><span>Methods</span><span class="tabEnd">&nbsp;</span></caption>
+<tr>
+<th class="colFirst" scope="col">Modifier and Type</th>
+<th class="colLast" scope="col">Method and Description</th>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Accordion.html" title="class in controlP5">Accordion</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Accordion.html#addItem(controlP5.ControlGroup)">addItem</a></strong>(<a href="../controlP5/ControlGroup.html" title="class in controlP5">ControlGroup</a>&lt;?&gt;&nbsp;theGroup)</code>
+<div class="block">Adds items of type ControlGroup to the Accordion, only ControlGroups can be added.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Accordion.html" title="class in controlP5">Accordion</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Accordion.html#close()">close</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Accordion.html" title="class in controlP5">Accordion</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Accordion.html#close(int...)">close</a></strong>(int...&nbsp;theId)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>void</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Accordion.html#controlEvent(controlP5.ControlEvent)">controlEvent</a></strong>(<a href="../controlP5/ControlEvent.html" title="class in controlP5">ControlEvent</a>&nbsp;theEvent)</code>
+<div class="block">controlEvent is called by controlP5's ControlBroadcaster to inform available listeners about
+ value changes.</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Accordion.html#getItemHeight()">getItemHeight</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Accordion.html#getMinItemHeight()">getMinItemHeight</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Accordion.html" title="class in controlP5">Accordion</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Accordion.html#open()">open</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Accordion.html" title="class in controlP5">Accordion</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Accordion.html#open(int...)">open</a></strong>(int...&nbsp;theId)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Accordion.html" title="class in controlP5">Accordion</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Accordion.html#remove(controlP5.ControllerInterface)">remove</a></strong>(<a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;?&gt;&nbsp;theGroup)</code>
+<div class="block">Removes a ControlGroup from the accordion AND from controlP5 remove(ControllerInterface
+ theGroup) overwrites it's super method.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Accordion.html" title="class in controlP5">Accordion</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Accordion.html#removeItem(controlP5.ControlGroup)">removeItem</a></strong>(<a href="../controlP5/ControlGroup.html" title="class in controlP5">ControlGroup</a>&lt;?&gt;&nbsp;theGroup)</code>
+<div class="block">Removes a ControlGroup from the accordion and puts it back into the default tab of controlP5.</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Accordion.html" title="class in controlP5">Accordion</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Accordion.html#setCollapseMode(int)">setCollapseMode</a></strong>(int&nbsp;theMode)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Accordion.html" title="class in controlP5">Accordion</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Accordion.html#setItemHeight(int)">setItemHeight</a></strong>(int&nbsp;theHeight)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Accordion.html" title="class in controlP5">Accordion</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Accordion.html#setMinItemHeight(int)">setMinItemHeight</a></strong>(int&nbsp;theHeight)</code>
+<div class="block">Sets the minimum height of a collapsed item, default value is 100.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Accordion.html" title="class in controlP5">Accordion</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Accordion.html#setWidth(int)">setWidth</a></strong>(int&nbsp;theWidth)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Accordion.html" title="class in controlP5">Accordion</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Accordion.html#updateItems()">updateItems</a></strong>()</code>
+<div class="block">UpdateItems is called when changes such as remove, change of height is performed on an
+ accordion.</div>
+</td>
+</tr>
+</table>
+<ul class="blockList">
+<li class="blockList"><a name="methods_inherited_from_class_controlP5.ControlGroup">
+<!--   -->
+</a>
+<h3>Methods inherited from class&nbsp;controlP5.<a href="../controlP5/ControlGroup.html" title="class in controlP5">ControlGroup</a></h3>
+<code><a href="../controlP5/ControlGroup.html#activateEvent(boolean)">activateEvent</a>, <a href="../controlP5/ControlGroup.html#addListener(controlP5.ControlListener)">addListener</a>, <a href="../controlP5/ControlGroup.html#getBackgroundHeight()">getBackgroundHeight</a>, <a href="../controlP5/ControlGroup.html#getBarHeight()">getBarHeight</a>, <a href="../controlP5/ControlGroup.html#getInfo()">getInfo</a>, <a href="../controlP5/ControlGroup.html#listenerSize()">listenerSize</a>, <a href="../controlP5/ControlGroup.html#mousePressed()">mousePressed</a>, <a href="../controlP5/ControlGroup.html#removeListener(controlP5.ControlListener)">removeListener</a>, <a href="../controlP5/ControlGroup.html#setBackgroundColor(int)">setBackgroundColor</a>, <a href="../controlP5/ControlGroup.html#setBackgroundHeight(int)">setBackgroundHeight</a>, <a href="../controlP5/ControlGroup.html#setBarHeight(int)">setBarHeight</a>, <a href="../controlP5/ControlGroup.html#setSize(int, int)">setSize</a>, <a href="../controlP5/ControlGroup.html#stringValue()">stringValue</a>, <a href="../controlP5/ControlGroup.html#toString()">toString</a>, <a href="../controlP5/ControlGroup.html#updateInternalEvents(processing.core.PApplet)">updateInternalEvents</a></code></li>
+</ul>
+<ul class="blockList">
+<li class="blockList"><a name="methods_inherited_from_class_controlP5.ControllerGroup">
+<!--   -->
+</a>
+<h3>Methods inherited from class&nbsp;controlP5.<a href="../controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a></h3>
+<code><a href="../controlP5/ControllerGroup.html#absolutePosition()">absolutePosition</a>, <a href="../controlP5/ControllerGroup.html#add(controlP5.ControllerInterface)">add</a>, <a href="../controlP5/ControllerGroup.html#addCanvas(controlP5.Canvas)">addCanvas</a>, <a href="../controlP5/ControllerGroup.html#addCloseButton()">addCloseButton</a>, <a href="../controlP5/ControllerGroup.html#addDrawable(controlP5.CDrawable)">addDrawable</a>, <a href="../controlP5/ControllerGroup.html#arrayValue()">arrayValue</a>, <a href="../controlP5/ControllerGroup.html#bringToFront()">bringToFront</a>, <a href="../controlP5/ControllerGroup.html#bringToFront(controlP5.ControllerInterface)">bringToFront</a>, <a href="../controlP5/ControllerGroup.html#color()">color</a>, <a href="../controlP5/ControllerGroup.html#continuousUpdateEvents()">continuousUpdateEvents</a>, <a href="../controlP5/ControllerGroup.html#controller(java.lang.String)">controller</a>, <a href="../controlP5/ControllerGroup.html#disableCollapse()">disableCollapse</a>, <a href="../controlP5/ControllerGroup.html#draw(processing.core.PGraphics)">draw</a>, <a href="../controlP5/ControllerGroup.html#enableCollapse()">enableCollapse</a>, <a href="../controlP5/ControllerGroup.html#getAbsolutePosition()">getAbsolutePosition</a>, <a href="../controlP5/ControllerGroup.html#getAddress()">getAddress</a>, <a href="../controlP5/ControllerGroup.html#getArrayValue()">getArrayValue</a>, <a href="../controlP5/ControllerGroup.html#getArrayValue(int)">getArrayValue</a>, <a href="../controlP5/ControllerGroup.html#getCaptionLabel()">getCaptionLabel</a>, <a href="../controlP5/ControllerGroup.html#getColor()">getColor</a>, <a href="../controlP5/ControllerGroup.html#getController(java.lang.String)">getController</a>, <a href="../controlP5/ControllerGroup.html#getHeight()">getHeight</a>, <a href="../controlP5/ControllerGroup.html#getId()">getId</a>, <a href="../controlP5/ControllerGroup.html#getName()">getName</a>, <a href="../controlP5/ControllerGroup.html#getParent()">getParent</a>, <a href="../controlP5/ControllerGroup.html#getPickingColor()">getPickingColor</a>, <a href="../controlP5/ControllerGroup.html#getPosition()">getPosition</a>, <a href="../controlP5/ControllerGroup.html#getProperty(java.lang.String)">getProperty</a>, <a href="../controlP5/ControllerGroup.html#getProperty(java.lang.String, java.lang.String)">getProperty</a>, <a href="../controlP5/ControllerGroup.html#getStringValue()">getStringValue</a>, <a href="../controlP5/ControllerGroup.html#getTab()">getTab</a>, <a href="../controlP5/ControllerGroup.html#getValue()">getValue</a>, <a href="../controlP5/ControllerGroup.html#getValueLabel()">getValueLabel</a>, <a href="../controlP5/ControllerGroup.html#getWidth()">getWidth</a>, <a href="../controlP5/ControllerGroup.html#getWindow()">getWindow</a>, <a href="../controlP5/ControllerGroup.html#hide()">hide</a>, <a href="../controlP5/ControllerGroup.html#hideArrow()">hideArrow</a>, <a href="../controlP5/ControllerGroup.html#hideBar()">hideBar</a>, <a href="../controlP5/ControllerGroup.html#id()">id</a>, <a href="../controlP5/ControllerGroup.html#init()">init</a>, <a href="../controlP5/ControllerGroup.html#isBarVisible()">isBarVisible</a>, <a href="../controlP5/ControllerGroup.html#isCollapse()">isCollapse</a>, <a href="../controlP5/ControllerGroup.html#isMouseOver()">isMouseOver</a>, <a href="../controlP5/ControllerGroup.html#isMoveable()">isMoveable</a>, <a href="../controlP5/ControllerGroup.html#isOpen()">isOpen</a>, <a href="../controlP5/ControllerGroup.html#isUpdate()">isUpdate</a>, <a href="../controlP5/ControllerGroup.html#isVisible()">isVisible</a>, <a href="../controlP5/ControllerGroup.html#keyEvent(processing.event.KeyEvent)">keyEvent</a>, <a href="../controlP5/ControllerGroup.html#moveTo(controlP5.ControllerGroup)">moveTo</a>, <a href="../controlP5/ControllerGroup.html#moveTo(controlP5.ControllerGroup, controlP5.Tab, controlP5.ControlWindow)">moveTo</a>, <a href="../controlP5/ControllerGroup.html#moveTo(controlP5.ControlWindow)">moveTo</a>, <a href="../controlP5/ControllerGroup.html#moveTo(controlP5.ControlWindow, java.lang.String)">moveTo</a>, <a href="../controlP5/ControllerGroup.html#moveTo(processing.core.PApplet)">moveTo</a>, <a href="../controlP5/ControllerGroup.html#moveTo(java.lang.String)">moveTo</a>, <a href="../controlP5/ControllerGroup.html#moveTo(java.lang.String, controlP5.ControlWindow)">moveTo</a>, <a href="../controlP5/ControllerGroup.html#moveTo(controlP5.Tab)">moveTo</a>, <a href="../controlP5/ControllerGroup.html#moveTo(controlP5.Tab, controlP5.ControlWindow)">moveTo</a>, <a href="../controlP5/ControllerGroup.html#name()">name</a>, <a href="../controlP5/ControllerGroup.html#parent()">parent</a>, <a href="../controlP5/ControllerGroup.html#position()">position</a>, <a href="../controlP5/ControllerGroup.html#registerProperty(java.lang.String)">registerProperty</a>, <a href="../controlP5/ControllerGroup.html#registerProperty(java.lang.String, java.lang.String)">registerProperty</a>, <a href="../controlP5/ControllerGroup.html#remove()">remove</a>, <a href="../controlP5/ControllerGroup.html#remove(controlP5.CDrawable)">remove</a>, <a href="../controlP5/ControllerGroup.html#removeCanvas(controlP5.Canvas)">removeCanvas</a>, <a href="../controlP5/ControllerGroup.html#removeCloseButton()">removeCloseButton</a>, <a href="../controlP5/ControllerGroup.html#removeProperty(java.lang.String)">removeProperty</a>, <a href="../controlP5/ControllerGroup.html#removeProperty(java.lang.String, java.lang.String)">removeProperty</a>, <a href="../controlP5/ControllerGroup.html#setAbsolutePosition(processing.core.PVector)">setAbsolutePosition</a>, <a href="../controlP5/ControllerGroup.html#setAddress(java.lang.String)">setAddress</a>, <a href="../controlP5/ControllerGroup.html#setArrayValue(float[])">setArrayValue</a>, <a href="../controlP5/ControllerGroup.html#setArrayValue(int, float)">setArrayValue</a>, <a href="../controlP5/ControllerGroup.html#setCaptionLabel(java.lang.String)">setCaptionLabel</a>, <a href="../controlP5/ControllerGroup.html#setColor(controlP5.CColor)">setColor</a>, <a href="../controlP5/ControllerGroup.html#setColorActive(int)">setColorActive</a>, <a href="../controlP5/ControllerGroup.html#setColorBackground(int)">setColorBackground</a>, <a href="../controlP5/ControllerGroup.html#setColorForeground(int)">setColorForeground</a>, <a href="../controlP5/ControllerGroup.html#setColorLabel(int)">setColorLabel</a>, <a href="../controlP5/ControllerGroup.html#setColorValue(int)">setColorValue</a>, <a href="../controlP5/ControllerGroup.html#setGroup(controlP5.ControllerGroup)">setGroup</a>, <a href="../controlP5/ControllerGroup.html#setGroup(java.lang.String)">setGroup</a>, <a href="../controlP5/ControllerGroup.html#setHeight(int)">setHeight</a>, <a href="../controlP5/ControllerGroup.html#setId(int)">setId</a>, <a href="../controlP5/ControllerGroup.html#setLabel(java.lang.String)">setLabel</a>, <a href="../controlP5/ControllerGroup.html#setMouseOver(boolean)">setMouseOver</a>, <a href="../controlP5/ControllerGroup.html#setMousePressed(boolean)">setMousePressed</a>, <a href="../controlP5/ControllerGroup.html#setMoveable(boolean)">setMoveable</a>, <a href="../controlP5/ControllerGroup.html#setOpen(boolean)">setOpen</a>, <a href="../controlP5/ControllerGroup.html#setPosition(float, float)">setPosition</a>, <a href="../controlP5/ControllerGroup.html#setPosition(processing.core.PVector)">setPosition</a>, <a href="../controlP5/ControllerGroup.html#setStringValue(java.lang.String)">setStringValue</a>, <a href="../controlP5/ControllerGroup.html#setTab(controlP5.ControlWindow, java.lang.String)">setTab</a>, <a href="../controlP5/ControllerGroup.html#setTab(java.lang.String)">setTab</a>, <a href="../controlP5/ControllerGroup.html#setTab(controlP5.Tab)">setTab</a>, <a href="../controlP5/ControllerGroup.html#setTitle(java.lang.String)">setTitle</a>, <a href="../controlP5/ControllerGroup.html#setUpdate(boolean)">setUpdate</a>, <a href="../controlP5/ControllerGroup.html#setValue(float)">setValue</a>, <a href="../controlP5/ControllerGroup.html#setVisible(boolean)">setVisible</a>, <a href="../controlP5/ControllerGroup.html#show()">show</a>, <a href="../controlP5/ControllerGroup.html#showArrow()">showArrow</a>, <a href="../controlP5/ControllerGroup.html#showBar()">showBar</a>, <a href="../controlP5/ControllerGroup.html#update()">update</a>, <a href="../controlP5/ControllerGroup.html#updateAbsolutePosition()">updateAbsolutePosition</a>, <a href="../controlP5/ControllerGroup.html#updateEvents()">updateEvents</a>, <a href="../controlP5/ControllerGroup.html#value()">value</a></code></li>
+</ul>
+<ul class="blockList">
+<li class="blockList"><a name="methods_inherited_from_class_java.lang.Object">
+<!--   -->
+</a>
+<h3>Methods inherited from class&nbsp;java.lang.Object</h3>
+<code>equals, getClass, hashCode, notify, notifyAll, wait, wait, wait</code></li>
+</ul>
+</li>
+</ul>
+</li>
+</ul>
+</div>
+<div class="details">
+<ul class="blockList">
+<li class="blockList">
+<!-- ========= CONSTRUCTOR DETAIL ======== -->
+<ul class="blockList">
+<li class="blockList"><a name="constructor_detail">
+<!--   -->
+</a>
+<h3>Constructor Detail</h3>
+<a name="Accordion(controlP5.ControlP5, java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockListLast">
+<li class="blockList">
+<h4>Accordion</h4>
+<pre>public&nbsp;Accordion(<a href="../controlP5/ControlP5.html" title="class in controlP5">ControlP5</a>&nbsp;theControlP5,
+         java.lang.String&nbsp;theName)</pre>
+<div class="block">Convenience constructor to extend Accordion.</div>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theControlP5</code> - </dd><dd><code>theName</code> - </dd><script type="text/javascript">
+<!--
+document.getElementsByTagName('html')[0].className = 'isjs';function toggle(dt) { var display, dd=dt; do{ dd = dd.nextSibling } while(dd.tagName!='DD'); toOpen =!dd.style.display;dd.style.display = toOpen? 'block':''; dt.getElementsByTagName('span')[0].innerHTML  = toOpen? '-':'+' ; }
+-->
+</script>
+<div id="test" class="toggleList"><dl><dt onclick="toggle(this);"><span>+</span>Example</dt><dd><code><pre>/**
+ * ControlP5 extending Controllers
+ *
+ * the following example shows how to extend the Controller class to 
+ * create customizable Controllers. You can either extend the Controller class itself,
+ * or any class that extends Controller itself like the Slider, Button, DropdownList, etc. 
+ * 
+ * How to:
+ *
+ * 1) do a super call to the convenience constructor requiring 
+ * 2 parameter (ControlP5 instance, name)  
+ *
+ * 2) the Controller class has a set of empty methods that allow you to capture
+ * inputs from the mouse including 
+ * onEnter(), onLeave(), onPress(), onRelease(), onClick(), onScroll(int), onDrag()
+ * These you can override and include functionality as needed.
+ *
+ * 3) use method getPointer() to return the local (relative) 
+ * xy-coordinates of the controller
+ *  
+ * 4) after instantiation custom controllers are treated the same 
+ * as default controlP5 controllers.
+ *  
+ * by Andreas Schlegel, 2012
+ * www.sojamo.de/libraries/controlp5
+ *
+ */
+
+import controlP5.*;
+
+ControlP5 cp5;
+PApplet p;
+
+void setup() {
+  size(400, 400);
+  cp5 = new ControlP5(this);
+  
+  // create 2 groups to show nesting of custom controllers and
+  //   
+  Group g1 = cp5.addGroup("a").setPosition(0,100).setWidth(180);
+  Group g2 = cp5.addGroup("b").setPosition(0,10).setWidth(180);
+  g2.moveTo(g1);
+  
+  // create 2 custom Controllers from class MyButton
+  // MyButton extends Controller and inherits all methods accordingly.
+  new MyButton(cp5, "b1").setPosition(0, 0).setSize(180, 200).moveTo(g2);
+  new MyButton(cp5, "b2").setPosition(205, 15).setSize(180, 200);
+  
+}
+
+
+void draw() {
+  background(0);
+}
+
+// b1 will be called from Controller b1
+public void b1(float theValue) {
+  println("yay button "+theValue);
+}
+
+public void controlEvent(ControlEvent theEvent) {
+  println("controlEvent : "+theEvent);
+}
+
+
+// Create a custom Controller, please not that 
+// MyButton extends Controller<MyButton>, <MyButton>
+// is an indicator for the super class about the type of 
+// custom controller to be created.
+
+class MyButton extends Controller<MyButton> {
+
+  int current = 0xffff0000;
+
+  float a = 128;
+  
+  float na;
+  
+  int y;
+  
+  // use the convenience constructor of super class Controller
+  // MyButton will automatically registered and move to the 
+  // default controlP5 tab.
+  
+  MyButton(ControlP5 cp5, String theName) {
+    super(cp5, theName);
+    
+    // replace the default view with a custom view.
+    setView(new ControllerView() {
+      public void display(PApplet p, Object b) {
+        // draw button background
+        na += (a-na) * 0.1; 
+        p.fill(current,na);
+        p.rect(0, 0, getWidth(), getHeight());
+        
+        // draw horizontal line which can be moved on the x-axis 
+        // using the scroll wheel. 
+        p.fill(0,255,0);
+        p.rect(0,y,width,10);
+        
+        // draw the custom label 
+        p.fill(128);
+        translate(0,getHeight()+14);
+        p.text(getName(),0,0);
+        p.text(getName(),0,0);
+        
+      }
+    }
+    );
+  }
+
+  // override various input methods for mouse input control
+  void onEnter() {
+    cursor(HAND);
+    println("enter");
+    a = 255;
+  }
+  
+  void onScroll(int n) {
+    println("scrolling");
+    y -= n;
+    y = constrain(y,0,getHeight()-10);
+  }
+  
+  void onPress() {
+    println("press");
+    current = 0xffffff00;
+  }
+  
+  void onClick() {
+    Pointer p1 = getPointer();
+    println("clicked at "+p1.x()+", "+p1.y());
+    current = 0xffffff00;
+    setValue(y);
+  }
+
+  void onRelease() {
+    println("release");
+    current = 0xffffffff;
+  }
+  
+  void onMove() {
+    println("moving "+this+" "+_myControlWindow.getMouseOverList());
+  }
+
+  void onDrag() {
+    current = 0xff0000ff;
+    Pointer p1 = getPointer();
+    float dif = dist(p1.px(),p1.py(),p1.x(),p1.y());
+    println("dragging at "+p1.x()+", "+p1.y()+" "+dif);
+  }
+  
+  void onReleaseOutside() {
+    onLeave();
+  }
+
+  void onLeave() {
+    println("leave");
+    cursor(ARROW);
+    a = 128;
+  }
+}
+
+</pre></code></dd></dl></div></dl>
+</li>
+</ul>
+</li>
+</ul>
+<!-- ============ METHOD DETAIL ========== -->
+<ul class="blockList">
+<li class="blockList"><a name="method_detail">
+<!--   -->
+</a>
+<h3>Method Detail</h3>
+<a name="addItem(controlP5.ControlGroup)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>addItem</h4>
+<pre>public&nbsp;<a href="../controlP5/Accordion.html" title="class in controlP5">Accordion</a>&nbsp;addItem(<a href="../controlP5/ControlGroup.html" title="class in controlP5">ControlGroup</a>&lt;?&gt;&nbsp;theGroup)</pre>
+<div class="block">Adds items of type ControlGroup to the Accordion, only ControlGroups can be added.</div>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theGroup</code> - </dd>
+<dt><span class="strong">Returns:</span></dt><dd>Accordion</dd></dl>
+</li>
+</ul>
+<a name="close()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>close</h4>
+<pre>public&nbsp;<a href="../controlP5/Accordion.html" title="class in controlP5">Accordion</a>&nbsp;close()</pre>
+<dl>
+<dt><strong>Overrides:</strong></dt>
+<dd><code><a href="../controlP5/ControllerGroup.html#close()">close</a></code>&nbsp;in class&nbsp;<code><a href="../controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a>&lt;<a href="../controlP5/Accordion.html" title="class in controlP5">Accordion</a>&gt;</code></dd>
+</dl>
+</li>
+</ul>
+<a name="close(int...)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>close</h4>
+<pre>public&nbsp;<a href="../controlP5/Accordion.html" title="class in controlP5">Accordion</a>&nbsp;close(int...&nbsp;theId)</pre>
+</li>
+</ul>
+<a name="controlEvent(controlP5.ControlEvent)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>controlEvent</h4>
+<pre>public&nbsp;void&nbsp;controlEvent(<a href="../controlP5/ControlEvent.html" title="class in controlP5">ControlEvent</a>&nbsp;theEvent)</pre>
+<div class="block"><strong>Description copied from interface:&nbsp;<code><a href="../controlP5/ControlListener.html#controlEvent(controlP5.ControlEvent)">ControlListener</a></code></strong></div>
+<div class="block">controlEvent is called by controlP5's ControlBroadcaster to inform available listeners about
+ value changes. Use the CallbackListener to get informed when actions such as pressed,
+ release, drag, etc are performed.</div>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControlListener.html#controlEvent(controlP5.ControlEvent)">controlEvent</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControlListener.html" title="interface in controlP5">ControlListener</a></code></dd>
+<dt><strong>Overrides:</strong></dt>
+<dd><code><a href="../controlP5/ControlGroup.html#controlEvent(controlP5.ControlEvent)">controlEvent</a></code>&nbsp;in class&nbsp;<code><a href="../controlP5/ControlGroup.html" title="class in controlP5">ControlGroup</a>&lt;<a href="../controlP5/Accordion.html" title="class in controlP5">Accordion</a>&gt;</code></dd>
+<dt><span class="strong">Parameters:</span></dt><dd><code>theEvent</code> - ControlEvent</dd><dt><span class="strong">See Also:</span></dt><dd><a href="../controlP5/CallbackListener.html" title="interface in controlP5"><code>CallbackListener</code></a>, 
+<a href="../controlP5/CallbackEvent.html" title="class in controlP5"><code>CallbackEvent</code></a></dd></dl>
+</li>
+</ul>
+<a name="getItemHeight()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getItemHeight</h4>
+<pre>public&nbsp;int&nbsp;getItemHeight()</pre>
+</li>
+</ul>
+<a name="getMinItemHeight()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getMinItemHeight</h4>
+<pre>public&nbsp;int&nbsp;getMinItemHeight()</pre>
+</li>
+</ul>
+<a name="open()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>open</h4>
+<pre>public&nbsp;<a href="../controlP5/Accordion.html" title="class in controlP5">Accordion</a>&nbsp;open()</pre>
+<dl>
+<dt><strong>Overrides:</strong></dt>
+<dd><code><a href="../controlP5/ControllerGroup.html#open()">open</a></code>&nbsp;in class&nbsp;<code><a href="../controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a>&lt;<a href="../controlP5/Accordion.html" title="class in controlP5">Accordion</a>&gt;</code></dd>
+</dl>
+</li>
+</ul>
+<a name="open(int...)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>open</h4>
+<pre>public&nbsp;<a href="../controlP5/Accordion.html" title="class in controlP5">Accordion</a>&nbsp;open(int...&nbsp;theId)</pre>
+</li>
+</ul>
+<a name="remove(controlP5.ControllerInterface)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>remove</h4>
+<pre>public&nbsp;<a href="../controlP5/Accordion.html" title="class in controlP5">Accordion</a>&nbsp;remove(<a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;?&gt;&nbsp;theGroup)</pre>
+<div class="block">Removes a ControlGroup from the accordion AND from controlP5 remove(ControllerInterface
+ theGroup) overwrites it's super method. if you want to remove a ControlGroup only from the
+ accordion, use removeItem(ControlGroup).</div>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerInterface.html#remove(controlP5.ControllerInterface)">remove</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/Accordion.html" title="class in controlP5">Accordion</a>&gt;</code></dd>
+<dt><strong>Overrides:</strong></dt>
+<dd><code><a href="../controlP5/ControllerGroup.html#remove(controlP5.ControllerInterface)">remove</a></code>&nbsp;in class&nbsp;<code><a href="../controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a>&lt;<a href="../controlP5/Accordion.html" title="class in controlP5">Accordion</a>&gt;</code></dd>
+<dt><span class="strong">Parameters:</span></dt><dd><code>theGroup</code> - ControllerInterface</dd>
+<dt><span class="strong">Returns:</span></dt><dd>ControllerInterface</dd><dt><span class="strong">See Also:</span></dt><dd><a href="../controlP5/Accordion.html#removeItem(controlP5.ControlGroup)"><code>removeItem(ControlGroup)</code></a></dd></dl>
+</li>
+</ul>
+<a name="removeItem(controlP5.ControlGroup)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>removeItem</h4>
+<pre>public&nbsp;<a href="../controlP5/Accordion.html" title="class in controlP5">Accordion</a>&nbsp;removeItem(<a href="../controlP5/ControlGroup.html" title="class in controlP5">ControlGroup</a>&lt;?&gt;&nbsp;theGroup)</pre>
+<div class="block">Removes a ControlGroup from the accordion and puts it back into the default tab of controlP5.
+ if you dont have access to a ControlGroup via a variable, use
+ controlP5.group("theNameOfTheGroup") which will return a</div>
+<dl><dt><span class="strong">Returns:</span></dt><dd>Accordion</dd></dl>
+</li>
+</ul>
+<a name="setCollapseMode(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setCollapseMode</h4>
+<pre>public&nbsp;<a href="../controlP5/Accordion.html" title="class in controlP5">Accordion</a>&nbsp;setCollapseMode(int&nbsp;theMode)</pre>
+</li>
+</ul>
+<a name="setItemHeight(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setItemHeight</h4>
+<pre>public&nbsp;<a href="../controlP5/Accordion.html" title="class in controlP5">Accordion</a>&nbsp;setItemHeight(int&nbsp;theHeight)</pre>
+</li>
+</ul>
+<a name="setMinItemHeight(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setMinItemHeight</h4>
+<pre>public&nbsp;<a href="../controlP5/Accordion.html" title="class in controlP5">Accordion</a>&nbsp;setMinItemHeight(int&nbsp;theHeight)</pre>
+<div class="block">Sets the minimum height of a collapsed item, default value is 100.</div>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theHeight</code> - </dd>
+<dt><span class="strong">Returns:</span></dt><dd>Accordion</dd></dl>
+</li>
+</ul>
+<a name="setWidth(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setWidth</h4>
+<pre>public&nbsp;<a href="../controlP5/Accordion.html" title="class in controlP5">Accordion</a>&nbsp;setWidth(int&nbsp;theWidth)</pre>
+<dl>
+<dt><strong>Overrides:</strong></dt>
+<dd><code><a href="../controlP5/ControllerGroup.html#setWidth(int)">setWidth</a></code>&nbsp;in class&nbsp;<code><a href="../controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a>&lt;<a href="../controlP5/Accordion.html" title="class in controlP5">Accordion</a>&gt;</code></dd>
+<dt><span class="strong">Returns:</span></dt><dd>ControllerGroup</dd></dl>
+</li>
+</ul>
+<a name="updateItems()">
+<!--   -->
+</a>
+<ul class="blockListLast">
+<li class="blockList">
+<h4>updateItems</h4>
+<pre>public&nbsp;<a href="../controlP5/Accordion.html" title="class in controlP5">Accordion</a>&nbsp;updateItems()</pre>
+<div class="block">UpdateItems is called when changes such as remove, change of height is performed on an
+ accordion. updateItems() is called automatically for such cases, but by calling updateItems
+ manually an update will be forced.</div>
+<dl><dt><span class="strong">Returns:</span></dt><dd>Accordion</dd></dl>
+</li>
+</ul>
+</li>
+</ul>
+</li>
+</ul>
+</div>
+</div>
+<!-- ========= END OF CLASS DATA ========= -->
+<!-- ======= START OF BOTTOM NAVBAR ====== -->
+<div class="bottomNav"><a name="navbar_bottom">
+<!--   -->
+</a><a href="#skip-navbar_bottom" title="Skip navigation links"></a><a name="navbar_bottom_firstrow">
+<!--   -->
+</a>
+<ul class="navList" title="Navigation">
+<li><a href="../controlP5/package-summary.html">Package</a></li>
+<li class="navBarCell1Rev">Class</li>
+<li><a href="package-tree.html">Tree</a></li>
+<li><a href="../index-all.html">Index</a></li>
+<li><a href="../help-doc.html">Help</a></li>
+</ul>
+</div>
+<div class="subNav">
+<ul class="navList">
+<li>Prev Class</li>
+<li><a href="../controlP5/Bang.html" title="class in controlP5"><span class="strong">Next Class</span></a></li>
+</ul>
+<ul class="navList">
+<li><a href="../index.html?controlP5/Accordion.html" target="_top">Frames</a></li>
+<li><a href="Accordion.html" target="_top">No Frames</a></li>
+</ul>
+<ul class="navList" id="allclasses_navbar_bottom">
+<li><a href="../allclasses-noframe.html">All Classes</a></li>
+</ul>
+<div>
+<script type="text/javascript"><!--
+  allClassesLink = document.getElementById("allclasses_navbar_bottom");
+  if(window==top) {
+    allClassesLink.style.display = "block";
+  }
+  else {
+    allClassesLink.style.display = "none";
+  }
+  //-->
+</script>
+</div>
+<div>
+<ul class="subNavList">
+<li>Summary:&nbsp;</li>
+<li>Nested&nbsp;|&nbsp;</li>
+<li>Field&nbsp;|&nbsp;</li>
+<li><a href="#constructor_summary">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_summary">Method</a></li>
+</ul>
+<ul class="subNavList">
+<li>Detail:&nbsp;</li>
+<li>Field&nbsp;|&nbsp;</li>
+<li><a href="#constructor_detail">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_detail">Method</a></li>
+</ul>
+</div>
+<a name="skip-navbar_bottom">
+<!--   -->
+</a></div>
+<!-- ======== END OF BOTTOM NAVBAR ======= -->
+<p class="legalCopy"><small>processing library controlP5 by Andreas Schlegel. (c) 2006-2014</small></p>
+</body>
+</html>
diff --git a/reference/controlP5/Bang.html b/reference/controlP5/Bang.html
new file mode 100644
index 0000000..cf15b45
--- /dev/null
+++ b/reference/controlP5/Bang.html
@@ -0,0 +1,817 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
+<!-- NewPage -->
+<html lang="en">
+<head>
+<!-- Generated by javadoc (version 1.7.0_51) on Sun Apr 27 21:39:46 SGT 2014 -->
+<title>Bang (Javadocs: controlP5)</title>
+<meta name="date" content="2014-04-27">
+<link rel="stylesheet" type="text/css" href="../stylesheet.css" title="Style">
+</head>
+<body>
+<script type="text/javascript"><!--
+    if (location.href.indexOf('is-external=true') == -1) {
+        parent.document.title="Bang (Javadocs: controlP5)";
+    }
+//-->
+</script>
+<noscript>
+<div>JavaScript is disabled on your browser.</div>
+</noscript>
+<!-- ========= START OF TOP NAVBAR ======= -->
+<div class="topNav"><a name="navbar_top">
+<!--   -->
+</a><a href="#skip-navbar_top" title="Skip navigation links"></a><a name="navbar_top_firstrow">
+<!--   -->
+</a>
+<ul class="navList" title="Navigation">
+<li><a href="../controlP5/package-summary.html">Package</a></li>
+<li class="navBarCell1Rev">Class</li>
+<li><a href="package-tree.html">Tree</a></li>
+<li><a href="../index-all.html">Index</a></li>
+<li><a href="../help-doc.html">Help</a></li>
+</ul>
+</div>
+<div class="subNav">
+<ul class="navList">
+<li><a href="../controlP5/Accordion.html" title="class in controlP5"><span class="strong">Prev Class</span></a></li>
+<li><a href="../controlP5/BitFont.html" title="class in controlP5"><span class="strong">Next Class</span></a></li>
+</ul>
+<ul class="navList">
+<li><a href="../index.html?controlP5/Bang.html" target="_top">Frames</a></li>
+<li><a href="Bang.html" target="_top">No Frames</a></li>
+</ul>
+<ul class="navList" id="allclasses_navbar_top">
+<li><a href="../allclasses-noframe.html">All Classes</a></li>
+</ul>
+<div>
+<script type="text/javascript"><!--
+  allClassesLink = document.getElementById("allclasses_navbar_top");
+  if(window==top) {
+    allClassesLink.style.display = "block";
+  }
+  else {
+    allClassesLink.style.display = "none";
+  }
+  //-->
+</script>
+</div>
+<div>
+<ul class="subNavList">
+<li>Summary:&nbsp;</li>
+<li>Nested&nbsp;|&nbsp;</li>
+<li><a href="#fields_inherited_from_class_controlP5.Controller">Field</a>&nbsp;|&nbsp;</li>
+<li><a href="#constructor_summary">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_summary">Method</a></li>
+</ul>
+<ul class="subNavList">
+<li>Detail:&nbsp;</li>
+<li>Field&nbsp;|&nbsp;</li>
+<li><a href="#constructor_detail">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_detail">Method</a></li>
+</ul>
+</div>
+<a name="skip-navbar_top">
+<!--   -->
+</a></div>
+<!-- ========= END OF TOP NAVBAR ========= -->
+<!-- ======== START OF CLASS DATA ======== -->
+<div class="header">
+<div class="subTitle">controlP5</div>
+<h2 title="Class Bang" class="title">Class Bang</h2>
+</div>
+<div class="contentContainer">
+<ul class="inheritance">
+<li>java.lang.Object</li>
+<li>
+<ul class="inheritance">
+<li><a href="../controlP5/Controller.html" title="class in controlP5">controlP5.Controller</a>&lt;<a href="../controlP5/Bang.html" title="class in controlP5">Bang</a>&gt;</li>
+<li>
+<ul class="inheritance">
+<li>controlP5.Bang</li>
+</ul>
+</li>
+</ul>
+</li>
+</ul>
+<div class="description">
+<ul class="blockList">
+<li class="blockList">
+<dl>
+<dt>All Implemented Interfaces:</dt>
+<dd><a href="../controlP5/CDrawable.html" title="interface in controlP5">CDrawable</a>, <a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/Bang.html" title="class in controlP5">Bang</a>&gt;, <a href="../controlP5/ControlP5Constants.html" title="interface in controlP5">ControlP5Constants</a></dd>
+</dl>
+<hr>
+<br>
+<pre>public class <span class="strong">Bang</span>
+extends <a href="../controlP5/Controller.html" title="class in controlP5">Controller</a>&lt;<a href="../controlP5/Bang.html" title="class in controlP5">Bang</a>&gt;</pre>
+<div class="block"><p>
+ The Bang controller triggers an event when pressed. A bang can only be assigned to a function in
+ your program but not to a field like other controllers. Bang extends superclass Controller, for a
+ full documentation see the <a href="../controlP5/Controller.html" title="class in controlP5"><code>Controller</code></a> reference.
+ </p></div>
+<dl><script type="text/javascript">
+<!--
+document.getElementsByTagName('html')[0].className = 'isjs';function toggle(dt) { var display, dd=dt; do{ dd = dd.nextSibling } while(dd.tagName!='DD'); toOpen =!dd.style.display;dd.style.display = toOpen? 'block':''; dt.getElementsByTagName('span')[0].innerHTML  = toOpen? '-':'+' ; }
+-->
+</script>
+<div id="test" class="toggleList"><dl><dt onclick="toggle(this);"><span>+</span>Example</dt><dd><code><pre>/**
+ * ControlP5 Bang
+ * A bang triggers an event that can be received by a function named after the bang.
+ * By default a bang is triggered when pressed, this can be changed to 'release' 
+ * using theBang.setTriggerEvent(Bang.RELEASE).
+ *
+ * find a list of public methods available for the Bang Controller 
+ * at the bottom of this sketch.
+ *
+ * by Andreas Schlegel, 2012
+ * www.sojamo.de/libraries/controlp5
+ * 
+ */
+
+import controlP5.*;
+
+ControlP5 cp5;
+
+int myColorBackground = color(0, 0, 0);
+
+color[] col = new color[] {
+  color(100), color(150), color(200), color(250)
+};
+
+
+void setup() {
+  size(400, 600);
+  noStroke();
+  cp5 = new ControlP5(this);
+  for (int i=0;i<col.length;i++) {
+    cp5.addBang("bang"+i)
+       .setPosition(40+i*80, 200)
+       .setSize(40, 40)
+       .setId(i)
+       ;
+  }
+  
+  // change the trigger event, by default it is PRESSED.
+  cp5.addBang("bang")
+     .setPosition(40, 300)
+     .setSize(280, 40)
+     .setTriggerEvent(Bang.RELEASE)
+     .setLabel("changeBackground")
+     ;
+           
+}
+
+void draw() {
+  background(myColorBackground);
+  for (int i=0;i<col.length;i++) {
+    fill(col[i]);
+    rect(40+i*80, 50, 40, 80);
+  }
+}
+
+
+public void bang() {
+  int theColor = (int)random(255);
+  myColorBackground = color(theColor);
+  println("### bang(). a bang event. setting background to "+theColor);
+}
+
+public void controlEvent(ControlEvent theEvent) {
+  for (int i=0;i<col.length;i++) {
+    if (theEvent.getController().getName().equals("bang"+i)) {
+      col[i] = color(random(255));
+    }
+  }
+  
+  println(
+  "## controlEvent / id:"+theEvent.controller().id()+
+    " / name:"+theEvent.controller().name()+
+    " / label:"+theEvent.controller().label()+
+    " / value:"+theEvent.controller().value()
+    );
+}
+
+
+/*
+a list of all methods available for the Bang Controller
+use ControlP5.printPublicMethodsFor(Bang.class);
+to print the following list into the console.
+
+You can find further details about class Bang in the javadoc.
+
+Format:
+ClassName : returnType methodName(parameter type)
+
+
+controlP5.Bang : Bang setTriggerEvent(int) 
+controlP5.Bang : Bang setValue(float) 
+controlP5.Bang : Bang update() 
+controlP5.Bang : String getInfo() 
+controlP5.Bang : String toString() 
+controlP5.Bang : int getTriggerEvent() 
+controlP5.Controller : Bang addCallback(CallbackListener) 
+controlP5.Controller : Bang addListener(ControlListener) 
+controlP5.Controller : Bang bringToFront() 
+controlP5.Controller : Bang bringToFront(ControllerInterface) 
+controlP5.Controller : Bang hide() 
+controlP5.Controller : Bang linebreak() 
+controlP5.Controller : Bang listen(boolean) 
+controlP5.Controller : Bang lock() 
+controlP5.Controller : Bang plugTo(Object) 
+controlP5.Controller : Bang plugTo(Object, String) 
+controlP5.Controller : Bang plugTo(Object[]) 
+controlP5.Controller : Bang plugTo(Object[], String) 
+controlP5.Controller : Bang registerProperty(String) 
+controlP5.Controller : Bang registerProperty(String, String) 
+controlP5.Controller : Bang registerTooltip(String) 
+controlP5.Controller : Bang removeBehavior() 
+controlP5.Controller : Bang removeCallback() 
+controlP5.Controller : Bang removeCallback(CallbackListener) 
+controlP5.Controller : Bang removeListener(ControlListener) 
+controlP5.Controller : Bang removeProperty(String) 
+controlP5.Controller : Bang removeProperty(String, String) 
+controlP5.Controller : Bang setArrayValue(float[]) 
+controlP5.Controller : Bang setArrayValue(int, float) 
+controlP5.Controller : Bang setBehavior(ControlBehavior) 
+controlP5.Controller : Bang setBroadcast(boolean) 
+controlP5.Controller : Bang setCaptionLabel(String) 
+controlP5.Controller : Bang setColor(CColor) 
+controlP5.Controller : Bang setColorActive(int) 
+controlP5.Controller : Bang setColorBackground(int) 
+controlP5.Controller : Bang setColorCaptionLabel(int) 
+controlP5.Controller : Bang setColorForeground(int) 
+controlP5.Controller : Bang setColorValueLabel(int) 
+controlP5.Controller : Bang setDecimalPrecision(int) 
+controlP5.Controller : Bang setDefaultValue(float) 
+controlP5.Controller : Bang setHeight(int) 
+controlP5.Controller : Bang setId(int) 
+controlP5.Controller : Bang setImages(PImage, PImage, PImage) 
+controlP5.Controller : Bang setImages(PImage, PImage, PImage, PImage) 
+controlP5.Controller : Bang setLabelVisible(boolean) 
+controlP5.Controller : Bang setLock(boolean) 
+controlP5.Controller : Bang setMax(float) 
+controlP5.Controller : Bang setMin(float) 
+controlP5.Controller : Bang setMouseOver(boolean) 
+controlP5.Controller : Bang setMoveable(boolean) 
+controlP5.Controller : Bang setPosition(PVector) 
+controlP5.Controller : Bang setPosition(float, float) 
+controlP5.Controller : Bang setSize(PImage) 
+controlP5.Controller : Bang setSize(int, int) 
+controlP5.Controller : Bang setStringValue(String) 
+controlP5.Controller : Bang setUpdate(boolean) 
+controlP5.Controller : Bang setValueLabel(String) 
+controlP5.Controller : Bang setView(ControllerView) 
+controlP5.Controller : Bang setVisible(boolean) 
+controlP5.Controller : Bang setWidth(int) 
+controlP5.Controller : Bang show() 
+controlP5.Controller : Bang unlock() 
+controlP5.Controller : Bang unplugFrom(Object) 
+controlP5.Controller : Bang unplugFrom(Object[]) 
+controlP5.Controller : Bang unregisterTooltip() 
+controlP5.Controller : Bang update() 
+controlP5.Controller : Bang updateSize() 
+controlP5.Controller : CColor getColor() 
+controlP5.Controller : ControlBehavior getBehavior() 
+controlP5.Controller : ControlWindow getControlWindow() 
+controlP5.Controller : ControlWindow getWindow() 
+controlP5.Controller : ControllerProperty getProperty(String) 
+controlP5.Controller : ControllerProperty getProperty(String, String) 
+controlP5.Controller : Label getCaptionLabel() 
+controlP5.Controller : Label getValueLabel() 
+controlP5.Controller : List getControllerPlugList() 
+controlP5.Controller : PImage setImage(PImage) 
+controlP5.Controller : PImage setImage(PImage, int) 
+controlP5.Controller : PVector getAbsolutePosition() 
+controlP5.Controller : PVector getPosition() 
+controlP5.Controller : String getAddress() 
+controlP5.Controller : String getInfo() 
+controlP5.Controller : String getName() 
+controlP5.Controller : String getStringValue() 
+controlP5.Controller : String toString() 
+controlP5.Controller : Tab getTab() 
+controlP5.Controller : boolean isActive() 
+controlP5.Controller : boolean isBroadcast() 
+controlP5.Controller : boolean isInside() 
+controlP5.Controller : boolean isLabelVisible() 
+controlP5.Controller : boolean isListening() 
+controlP5.Controller : boolean isLock() 
+controlP5.Controller : boolean isMouseOver() 
+controlP5.Controller : boolean isMousePressed() 
+controlP5.Controller : boolean isMoveable() 
+controlP5.Controller : boolean isUpdate() 
+controlP5.Controller : boolean isVisible() 
+controlP5.Controller : float getArrayValue(int) 
+controlP5.Controller : float getDefaultValue() 
+controlP5.Controller : float getMax() 
+controlP5.Controller : float getMin() 
+controlP5.Controller : float getValue() 
+controlP5.Controller : float[] getArrayValue() 
+controlP5.Controller : int getDecimalPrecision() 
+controlP5.Controller : int getHeight() 
+controlP5.Controller : int getId() 
+controlP5.Controller : int getWidth() 
+controlP5.Controller : int listenerSize() 
+controlP5.Controller : void remove() 
+controlP5.Controller : void setView(ControllerView, int) 
+java.lang.Object : String toString() 
+java.lang.Object : boolean equals(Object) 
+
+
+*/
+
+
+
+</pre></code></dd></dl></div></dl>
+</li>
+</ul>
+</div>
+<div class="summary">
+<ul class="blockList">
+<li class="blockList">
+<!-- =========== FIELD SUMMARY =========== -->
+<ul class="blockList">
+<li class="blockList"><a name="field_summary">
+<!--   -->
+</a>
+<h3>Field Summary</h3>
+<ul class="blockList">
+<li class="blockList"><a name="fields_inherited_from_class_controlP5.Controller">
+<!--   -->
+</a>
+<h3>Fields inherited from class&nbsp;controlP5.<a href="../controlP5/Controller.html" title="class in controlP5">Controller</a></h3>
+<code><a href="../controlP5/Controller.html#autoHeight">autoHeight</a>, <a href="../controlP5/Controller.html#autoSpacing">autoSpacing</a>, <a href="../controlP5/Controller.html#autoWidth">autoWidth</a></code></li>
+</ul>
+<ul class="blockList">
+<li class="blockList"><a name="fields_inherited_from_class_controlP5.ControlP5Constants">
+<!--   -->
+</a>
+<h3>Fields inherited from interface&nbsp;controlP5.<a href="../controlP5/ControlP5Constants.html" title="interface in controlP5">ControlP5Constants</a></h3>
+<code><a href="../controlP5/ControlP5Constants.html#acceptClassList">acceptClassList</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_BROADCAST">ACTION_BROADCAST</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_CLICK">ACTION_CLICK</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_DRAG">ACTION_DRAG</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_ENTER">ACTION_ENTER</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_EXIT">ACTION_EXIT</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_LEAVE">ACTION_LEAVE</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_MOVE">ACTION_MOVE</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_PRESS">ACTION_PRESS</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_PRESSED">ACTION_PRESSED</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_RELEASE">ACTION_RELEASE</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_RELEASED">ACTION_RELEASED</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_RELEASEDOUTSIDE">ACTION_RELEASEDOUTSIDE</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_WHEEL">ACTION_WHEEL</a>, <a href="../controlP5/ControlP5Constants.html#ACTIVE">ACTIVE</a>, <a href="../controlP5/ControlP5Constants.html#ALL">ALL</a>, <a href="../controlP5/ControlP5Constants.html#ALT">ALT</a>, <a href="../controlP5/ControlP5Constants.html#AQUA">AQUA</a>, <a href="../controlP5/ControlP5Constants.html#ARC">ARC</a>, <a href="../controlP5/ControlP5Constants.html#ARRAY">ARRAY</a>, <a href="../controlP5/ControlP5Constants.html#BACKSPACE">BACKSPACE</a>, <a href="../controlP5/ControlP5Constants.html#BASELINE">BASELINE</a>, <a href="../controlP5/ControlP5Constants.html#BITFONT">BITFONT</a>, <a href="../controlP5/ControlP5Constants.html#BLACK">BLACK</a>, <a href="../controlP5/ControlP5Constants.html#BLUE">BLUE</a>, <a href="../controlP5/ControlP5Constants.html#BOOLEAN">BOOLEAN</a>, <a href="../controlP5/ControlP5Constants.html#BOTTOM">BOTTOM</a>, <a href="../controlP5/ControlP5Constants.html#BOTTOM_OUTSIDE">BOTTOM_OUTSIDE</a>, <a href="../controlP5/ControlP5Constants.html#CAPTIONLABEL">CAPTIONLABEL</a>, <a href="../controlP5/ControlP5Constants.html#CENTER">CENTER</a>, <a href="../controlP5/ControlP5Constants.html#CHECKBOX">CHECKBOX</a>, <a href="../controlP5/ControlP5Constants.html#COMMANDKEY">COMMANDKEY</a>, <a href="../controlP5/ControlP5Constants.html#CONTROL">CONTROL</a>, <a href="../controlP5/ControlP5Constants.html#controlEventClass">controlEventClass</a>, <a href="../controlP5/ControlP5Constants.html#CUSTOM">CUSTOM</a>, <a href="../controlP5/ControlP5Constants.html#DECREASE">DECREASE</a>, <a href="../controlP5/ControlP5Constants.html#DEFAULT">DEFAULT</a>, <a href="../controlP5/ControlP5Constants.html#DELETE">DELETE</a>, <a href="../controlP5/ControlP5Constants.html#DONE">DONE</a>, <a href="../controlP5/ControlP5Constants.html#DOWN">DOWN</a>, <a href="../controlP5/ControlP5Constants.html#DROPDOWN">DROPDOWN</a>, <a href="../controlP5/ControlP5Constants.html#ELLIPSE">ELLIPSE</a>, <a href="../controlP5/ControlP5Constants.html#ENTER">ENTER</a>, <a href="../controlP5/ControlP5Constants.html#ESCAPE">ESCAPE</a>, <a href="../controlP5/ControlP5Constants.html#EVENT">EVENT</a>, <a href="../controlP5/ControlP5Constants.html#eventMethod">eventMethod</a>, <a href="../controlP5/ControlP5Constants.html#FADEIN">FADEIN</a>, <a href="../controlP5/ControlP5Constants.html#FADEOUT">FADEOUT</a>, <a href="../controlP5/ControlP5Constants.html#FIELD">FIELD</a>, <a href="../controlP5/ControlP5Constants.html#FLOAT">FLOAT</a>, <a href="../controlP5/ControlP5Constants.html#FUCHSIA">FUCHSIA</a>, <a href="../controlP5/ControlP5Constants.html#GRAY">GRAY</a>, <a href="../controlP5/ControlP5Constants.html#GREEN">GREEN</a>, <a href="../controlP5/ControlP5Constants.html#grixel">grixel</a>, <a href="../controlP5/ControlP5Constants.html#HALF_PI">HALF_PI</a>, <a href="../controlP5/ControlP5Constants.html#HIDE">HIDE</a>, <a href="../controlP5/ControlP5Constants.html#HIGHLIGHT">HIGHLIGHT</a>, <a href="../controlP5/ControlP5Constants.html#HORIZONTAL">HORIZONTAL</a>, <a href="../controlP5/ControlP5Constants.html#IDLE">IDLE</a>, <a href="../controlP5/ControlP5Constants.html#IMAGE">IMAGE</a>, <a href="../controlP5/ControlP5Constants.html#INACTIVE">INACTIVE</a>, <a href="../controlP5/ControlP5Constants.html#INCREASE">INCREASE</a>, <a href="../controlP5/ControlP5Constants.html#INTEGER">INTEGER</a>, <a href="../controlP5/ControlP5Constants.html#INVALID">INVALID</a>, <a href="../controlP5/ControlP5Constants.html#J2D">J2D</a>, <a href="../controlP5/ControlP5Constants.html#KEYCONTROL">KEYCONTROL</a>, <a href="../controlP5/ControlP5Constants.html#LEFT">LEFT</a>, <a href="../controlP5/ControlP5Constants.html#LEFT_OUTSIDE">LEFT_OUTSIDE</a>, <a href="../controlP5/ControlP5Constants.html#LIME">LIME</a>, <a href="../controlP5/ControlP5Constants.html#LINE">LINE</a>, <a href="../controlP5/ControlP5Constants.html#LIST">LIST</a>, <a href="../controlP5/ControlP5Constants.html#LOAD">LOAD</a>, <a href="../controlP5/ControlP5Constants.html#MAROON">MAROON</a>, <a href="../controlP5/ControlP5Constants.html#MENU">MENU</a>, <a href="../controlP5/ControlP5Constants.html#METHOD">METHOD</a>, <a href="../controlP5/ControlP5Constants.html#MOVE">MOVE</a>, <a href="../controlP5/ControlP5Constants.html#MULTI">MULTI</a>, <a href="../controlP5/ControlP5Constants.html#MULTIPLES">MULTIPLES</a>, <a href="../controlP5/ControlP5Constants.html#NAVY">NAVY</a>, <a href="../controlP5/ControlP5Constants.html#OLIVE">OLIVE</a>, <a href="../controlP5/ControlP5Constants.html#ORANGE">ORANGE</a>, <a href="../controlP5/ControlP5Constants.html#OVER">OVER</a>, <a href="../controlP5/ControlP5Constants.html#P2D">P2D</a>, <a href="../controlP5/ControlP5Constants.html#P3D">P3D</a>, <a href="../controlP5/ControlP5Constants.html#PI">PI</a>, <a href="../controlP5/ControlP5Constants.html#PRESSED">PRESSED</a>, <a href="../controlP5/ControlP5Constants.html#PRINT">PRINT</a>, <a href="../controlP5/ControlP5Constants.html#PURPLE">PURPLE</a>, <a href="../controlP5/ControlP5Constants.html#RED">RED</a>, <a href="../controlP5/ControlP5Constants.html#RELEASE">RELEASE</a>, <a href="../controlP5/ControlP5Constants.html#RESET">RESET</a>, <a href="../controlP5/ControlP5Constants.html#RIGHT">RIGHT</a>, <a href="../controlP5/ControlP5Constants.html#RIGHT_OUTSIDE">RIGHT_OUTSIDE</a>, <a href="../controlP5/ControlP5Constants.html#SAVE">SAVE</a>, <a href="../controlP5/ControlP5Constants.html#SHIFT">SHIFT</a>, <a href="../controlP5/ControlP5Constants.html#SILVER">SILVER</a>, <a href="../controlP5/ControlP5Constants.html#SINGLE">SINGLE</a>, <a href="../controlP5/ControlP5Constants.html#SINGLE_COLUMN">SINGLE_COLUMN</a>, <a href="../controlP5/ControlP5Constants.html#SINGLE_ROW">SINGLE_ROW</a>, <a href="../controlP5/ControlP5Constants.html#SPRITE">SPRITE</a>, <a href="../controlP5/ControlP5Constants.html#standard56">standard56</a>, <a href="../controlP5/ControlP5Constants.html#standard58">standard58</a>, <a href="../controlP5/ControlP5Constants.html#STRING">STRING</a>, <a href="../controlP5/ControlP5Constants.html#SWITCH">SWITCH</a>, <a href="../controlP5/ControlP5Constants.html#SWITCH_BACK">SWITCH_BACK</a>, <a href="../controlP5/ControlP5Constants.html#SWITCH_FORE">SWITCH_FORE</a>, <a href="../controlP5/ControlP5Constants.html#synt24">synt24</a>, <a href="../controlP5/ControlP5Constants.html#TAB">TAB</a>, <a href="../controlP5/ControlP5Constants.html#TEAL">TEAL</a>, <a href="../controlP5/ControlP5Constants.html#THEME_A">THEME_A</a>, <a href="../controlP5/ControlP5Constants.html#THEME_CP52014">THEME_CP52014</a>, <a href="../controlP5/ControlP5Constants.html#THEME_CP5BLUE">THEME_CP5BLUE</a>, <a href="../controlP5/ControlP5Constants.html#THEME_RED">THEME_RED</a>, <a href="../controlP5/ControlP5Constants.html#THEME_RETRO">THEME_RETRO</a>, <a href="../controlP5/ControlP5Constants.html#THEME_WHITE">THEME_WHITE</a>, <a href="../controlP5/ControlP5Constants.html#TOP">TOP</a>, <a href="../controlP5/ControlP5Constants.html#TOP_OUTSIDE">TOP_OUTSIDE</a>, <a href="../controlP5/ControlP5Constants.html#TRANSITION_WAIT_FADEIN">TRANSITION_WAIT_FADEIN</a>, <a href="../controlP5/ControlP5Constants.html#TREE">TREE</a>, <a href="../controlP5/ControlP5Constants.html#TWO_PI">TWO_PI</a>, <a href="../controlP5/ControlP5Constants.html#UP">UP</a>, <a href="../controlP5/ControlP5Constants.html#VALUELABEL">VALUELABEL</a>, <a href="../controlP5/ControlP5Constants.html#VERBOSE">VERBOSE</a>, <a href="../controlP5/ControlP5Constants.html#VERTICAL">VERTICAL</a>, <a href="../controlP5/ControlP5Constants.html#WAIT">WAIT</a>, <a href="../controlP5/ControlP5Constants.html#WHITE">WHITE</a>, <a href="../controlP5/ControlP5Constants.html#YELLOW">YELLOW</a></code></li>
+</ul>
+</li>
+</ul>
+<!-- ======== CONSTRUCTOR SUMMARY ======== -->
+<ul class="blockList">
+<li class="blockList"><a name="constructor_summary">
+<!--   -->
+</a>
+<h3>Constructor Summary</h3>
+<table class="overviewSummary" border="0" cellpadding="3" cellspacing="0" summary="Constructor Summary table, listing constructors, and an explanation">
+<caption><span>Constructors</span><span class="tabEnd">&nbsp;</span></caption>
+<tr>
+<th class="colOne" scope="col">Constructor and Description</th>
+</tr>
+<tr class="altColor">
+<td class="colOne"><code><strong><a href="../controlP5/Bang.html#Bang(controlP5.ControlP5, java.lang.String)">Bang</a></strong>(<a href="../controlP5/ControlP5.html" title="class in controlP5">ControlP5</a>&nbsp;theControlP5,
+    java.lang.String&nbsp;theName)</code>
+<div class="block">Convenience constructor to extend Bang.</div>
+</td>
+</tr>
+</table>
+</li>
+</ul>
+<!-- ========== METHOD SUMMARY =========== -->
+<ul class="blockList">
+<li class="blockList"><a name="method_summary">
+<!--   -->
+</a>
+<h3>Method Summary</h3>
+<table class="overviewSummary" border="0" cellpadding="3" cellspacing="0" summary="Method Summary table, listing methods, and an explanation">
+<caption><span>Methods</span><span class="tabEnd">&nbsp;</span></caption>
+<tr>
+<th class="colFirst" scope="col">Modifier and Type</th>
+<th class="colLast" scope="col">Method and Description</th>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>java.lang.String</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Bang.html#getInfo()">getInfo</a></strong>()</code></td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Bang.html#getTriggerEvent()">getTriggerEvent</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Bang.html" title="class in controlP5">Bang</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Bang.html#setTriggerEvent(int)">setTriggerEvent</a></strong>(int&nbsp;theEventID)</code>
+<div class="block">By default a bang is triggered when the mouse is pressed.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Bang.html" title="class in controlP5">Bang</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Bang.html#setValue(float)">setValue</a></strong>(float&nbsp;theValue)</code>
+<div class="block">Sets the value of the bang controller.</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>java.lang.String</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Bang.html#toString()">toString</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Bang.html" title="class in controlP5">Bang</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Bang.html#update()">update</a></strong>()</code>
+<div class="block">updates the value of the controller without having to set the value explicitly.</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Bang.html" title="class in controlP5">Bang</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Bang.html#updateDisplayMode(int)">updateDisplayMode</a></strong>(int&nbsp;theMode)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Bang.html" title="class in controlP5">Bang</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Bang.html#updateViewMode(int)">updateViewMode</a></strong>(int&nbsp;theMode)</code>&nbsp;</td>
+</tr>
+</table>
+<ul class="blockList">
+<li class="blockList"><a name="methods_inherited_from_class_controlP5.Controller">
+<!--   -->
+</a>
+<h3>Methods inherited from class&nbsp;controlP5.<a href="../controlP5/Controller.html" title="class in controlP5">Controller</a></h3>
+<code><a href="../controlP5/Controller.html#add(controlP5.ControllerInterface)">add</a>, <a href="../controlP5/Controller.html#addCallback(controlP5.CallbackListener)">addCallback</a>, <a href="../controlP5/Controller.html#addListener(controlP5.ControlListener)">addListener</a>, <a href="../controlP5/Controller.html#align(int, int, int, int)">align</a>, <a href="../controlP5/Controller.html#bringToFront()">bringToFront</a>, <a href="../controlP5/Controller.html#bringToFront(controlP5.ControllerInterface)">bringToFront</a>, <a href="../controlP5/Controller.html#changeValue(float)">changeValue</a>, <a href="../controlP5/Controller.html#continuousUpdateEvents()">continuousUpdateEvents</a>, <a href="../controlP5/Controller.html#draw(processing.core.PGraphics)">draw</a>, <a href="../controlP5/Controller.html#getAbsolutePosition()">getAbsolutePosition</a>, <a href="../controlP5/Controller.html#getAddress()">getAddress</a>, <a href="../controlP5/Controller.html#getArrayValue()">getArrayValue</a>, <a href="../controlP5/Controller.html#getArrayValue(int)">getArrayValue</a>, <a href="../controlP5/Controller.html#getBehavior()">getBehavior</a>, <a href="../controlP5/Controller.html#getCaptionLabel()">getCaptionLabel</a>, <a href="../controlP5/Controller.html#getColor()">getColor</a>, <a href="../controlP5/Controller.html#getControllerPlugList()">getControllerPlugList</a>, <a href="../controlP5/Controller.html#getControlWindow()">getControlWindow</a>, <a href="../controlP5/Controller.html#getDecimalPrecision()">getDecimalPrecision</a>, <a href="../controlP5/Controller.html#getDefaultValue()">getDefaultValue</a>, <a href="../controlP5/Controller.html#getHeight()">getHeight</a>, <a href="../controlP5/Controller.html#getId()">getId</a>, <a href="../controlP5/Controller.html#getLabel()">getLabel</a>, <a href="../controlP5/Controller.html#getMax()">getMax</a>, <a href="../controlP5/Controller.html#getMin()">getMin</a>, <a href="../controlP5/Controller.html#getName()">getName</a>, <a href="../controlP5/Controller.html#getParent()">getParent</a>, <a href="../controlP5/Controller.html#getPickingColor()">getPickingColor</a>, <a href="../controlP5/Controller.html#getPointer()">getPointer</a>, <a href="../controlP5/Controller.html#getPosition()">getPosition</a>, <a href="../controlP5/Controller.html#getProperty(java.lang.String)">getProperty</a>, <a href="../controlP5/Controller.html#getProperty(java.lang.String, java.lang.String)">getProperty</a>, <a href="../controlP5/Controller.html#getStringValue()">getStringValue</a>, <a href="../controlP5/Controller.html#getTab()">getTab</a>, <a href="../controlP5/Controller.html#getValue()">getValue</a>, <a href="../controlP5/Controller.html#getValueLabel()">getValueLabel</a>, <a href="../controlP5/Controller.html#getView()">getView</a>, <a href="../controlP5/Controller.html#getWidth()">getWidth</a>, <a href="../controlP5/Controller.html#getWindow()">getWindow</a>, <a href="../controlP5/Controller.html#hide()">hide</a>, <a href="../controlP5/Controller.html#init()">init</a>, <a href="../controlP5/Controller.html#isActive()">isActive</a>, <a href="../controlP5/Controller.html#isBroadcast()">isBroadcast</a>, <a href="../controlP5/Controller.html#isInside()">isInside</a>, <a href="../controlP5/Controller.html#isLabelVisible()">isLabelVisible</a>, <a href="../controlP5/Controller.html#isListening()">isListening</a>, <a href="../controlP5/Controller.html#isLock()">isLock</a>, <a href="../controlP5/Controller.html#isMouseOver()">isMouseOver</a>, <a href="../controlP5/Controller.html#isMousePressed()">isMousePressed</a>, <a href="../controlP5/Controller.html#isMoveable()">isMoveable</a>, <a href="../controlP5/Controller.html#isUpdate()">isUpdate</a>, <a href="../controlP5/Controller.html#isUserInteraction()">isUserInteraction</a>, <a href="../controlP5/Controller.html#isVisible()">isVisible</a>, <a href="../controlP5/Controller.html#keyEvent(processing.event.KeyEvent)">keyEvent</a>, <a href="../controlP5/Controller.html#linebreak()">linebreak</a>, <a href="../controlP5/Controller.html#listen(boolean)">listen</a>, <a href="../controlP5/Controller.html#listenerSize()">listenerSize</a>, <a href="../controlP5/Controller.html#lock()">lock</a>, <a href="../controlP5/Controller.html#moveTo(controlP5.ControlGroup)">moveTo</a>, <a href="../controlP5/Controller.html#moveTo(controlP5.ControllerGroup)">moveTo</a>, <a href="../controlP5/Controller.html#moveTo(controlP5.ControllerGroup, controlP5.Tab, controlP5.ControlWindow)">moveTo</a>, <a href="../controlP5/Controller.html#moveTo(controlP5.ControlWindow)">moveTo</a>, <a href="../controlP5/Controller.html#moveTo(controlP5.ControlWindow, java.lang.String)">moveTo</a>, <a href="../controlP5/Controller.html#moveTo(processing.core.PApplet)">moveTo</a>, <a href="../controlP5/Controller.html#moveTo(processing.core.PApplet, java.lang.String)">moveTo</a>, <a href="../controlP5/Controller.html#moveTo(java.lang.String)">moveTo</a>, <a href="../controlP5/Controller.html#moveTo(controlP5.Tab)">moveTo</a>, <a href="../controlP5/Controller.html#plugTo(java.lang.Object)">plugTo</a>, <a href="../controlP5/Controller.html#plugTo(java.lang.Object[])">plugTo</a>, <a href="../controlP5/Controller.html#plugTo(java.lang.Object[], java.lang.String)">plugTo</a>, <a href="../controlP5/Controller.html#plugTo(java.lang.Object, java.lang.String)">plugTo</a>, <a href="../controlP5/Controller.html#registerProperty(java.lang.String)">registerProperty</a>, <a href="../controlP5/Controller.html#registerProperty(java.lang.String, java.lang.String)">registerProperty</a>, <a href="../controlP5/Controller.html#registerTooltip(java.lang.String)">registerTooltip</a>, <a href="../controlP5/Controller.html#remove()">remove</a>, <a href="../controlP5/Controller.html#remove(controlP5.ControllerInterface)">remove</a>, <a href="../controlP5/Controller.html#removeBehavior()">removeBehavior</a>, <a href="../controlP5/Controller.html#removeCallback()">removeCallback</a>, <a href="../controlP5/Controller.html#removeCallback(controlP5.CallbackListener)">removeCallback</a>, <a href="../controlP5/Controller.html#removeListener(controlP5.ControlListener)">removeListener</a>, <a href="../controlP5/Controller.html#removeProperty(java.lang.String)">removeProperty</a>, <a href="../controlP5/Controller.html#removeProperty(java.lang.String, java.lang.String)">removeProperty</a>, <a href="../controlP5/Controller.html#setAbsolutePosition(processing.core.PVector)">setAbsolutePosition</a>, <a href="../controlP5/Controller.html#setAddress(java.lang.String)">setAddress</a>, <a href="../controlP5/Controller.html#setArrayValue(float[])">setArrayValue</a>, <a href="../controlP5/Controller.html#setArrayValue(int, float)">setArrayValue</a>, <a href="../controlP5/Controller.html#setBehavior(controlP5.ControlBehavior)">setBehavior</a>, <a href="../controlP5/Controller.html#setBroadcast(boolean)">setBroadcast</a>, <a href="../controlP5/Controller.html#setCaptionLabel(java.lang.String)">setCaptionLabel</a>, <a href="../controlP5/Controller.html#setColor(controlP5.CColor)">setColor</a>, <a href="../controlP5/Controller.html#setColorActive(int)">setColorActive</a>, <a href="../controlP5/Controller.html#setColorBackground(int)">setColorBackground</a>, <a href="../controlP5/Controller.html#setColorCaptionLabel(int)">setColorCaptionLabel</a>, <a href="../controlP5/Controller.html#setColorForeground(int)">setColorForeground</a>, <a href="../controlP5/Controller.html#setColorValueLabel(int)">setColorValueLabel</a>, <a href="../controlP5/Controller.html#setDecimalPrecision(int)">setDecimalPrecision</a>, <a href="../controlP5/Controller.html#setDefaultValue(float)">setDefaultValue</a>, <a href="../controlP5/Controller.html#setGroup(controlP5.ControllerGroup)">setGroup</a>, <a href="../controlP5/Controller.html#setGroup(java.lang.String)">setGroup</a>, <a href="../controlP5/Controller.html#setHeight(int)">setHeight</a>, <a href="../controlP5/Controller.html#setId(int)">setId</a>, <a href="../controlP5/Controller.html#setImage(processing.core.PImage)">setImage</a>, <a href="../controlP5/Controller.html#setImage(processing.core.PImage, int)">setImage</a>, <a href="../controlP5/Controller.html#setImages(processing.core.PImage...)">setImages</a>, <a href="../controlP5/Controller.html#setImages(processing.core.PImage, processing.core.PImage, processing.core.PImage)">setImages</a>, <a href="../controlP5/Controller.html#setImages(processing.core.PImage, processing.core.PImage, processing.core.PImage, processing.core.PImage)">setImages</a>, <a href="../controlP5/Controller.html#setLabelVisible(boolean)">setLabelVisible</a>, <a href="../controlP5/Controller.html#setLock(boolean)">setLock</a>, <a href="../controlP5/Controller.html#setMax(float)">setMax</a>, <a href="../controlP5/Controller.html#setMin(float)">setMin</a>, <a href="../controlP5/Controller.html#setMouseOver(boolean)">setMouseOver</a>, <a href="../controlP5/Controller.html#setMousePressed(boolean)">setMousePressed</a>, <a href="../controlP5/Controller.html#setMoveable(boolean)">setMoveable</a>, <a href="../controlP5/Controller.html#setParent(controlP5.ControllerInterface)">setParent</a>, <a href="../controlP5/Controller.html#setPosition(float, float)">setPosition</a>, <a href="../controlP5/Controller.html#setPosition(processing.core.PVector)">setPosition</a>, <a href="../controlP5/Controller.html#setSize(int, int)">setSize</a>, <a href="../controlP5/Controller.html#setSize(processing.core.PImage)">setSize</a>, <a href="../controlP5/Controller.html#setStringValue(java.lang.String)">setStringValue</a>, <a href="../controlP5/Controller.html#setTab(controlP5.ControlWindow, java.lang.String)">setTab</a>, <a href="../controlP5/Controller.html#setTab(java.lang.String)">setTab</a>, <a href="../controlP5/Controller.html#setUpdate(boolean)">setUpdate</a>, <a href="../controlP5/Controller.html#setUserInteraction(boolean)">setUserInteraction</a>, <a href="../controlP5/Controller.html#setValueLabel(java.lang.String)">setValueLabel</a>, <a href="../controlP5/Controller.html#setValueSelf(float)">setValueSelf</a>, <a href="../controlP5/Controller.html#setView(controlP5.ControllerView)">setView</a>, <a href="../controlP5/Controller.html#setView(controlP5.ControllerView, int)">setView</a>, <a href="../controlP5/Controller.html#setVisible(boolean)">setVisible</a>, <a href="../controlP5/Controller.html#setWidth(int)">setWidth</a>, <a href="../controlP5/Controller.html#show()">show</a>, <a href="../controlP5/Controller.html#unlock()">unlock</a>, <a href="../controlP5/Controller.html#unplugFrom(java.lang.Object)">unplugFrom</a>, <a href="../controlP5/Controller.html#unplugFrom(java.lang.Object[])">unplugFrom</a>, <a href="../controlP5/Controller.html#unregisterTooltip()">unregisterTooltip</a>, <a href="../controlP5/Controller.html#updateAbsolutePosition()">updateAbsolutePosition</a>, <a href="../controlP5/Controller.html#updateEvents()">updateEvents</a>, <a href="../controlP5/Controller.html#updateInternalEvents(processing.core.PApplet)">updateInternalEvents</a>, <a href="../controlP5/Controller.html#updateSize()">updateSize</a></code></li>
+</ul>
+<ul class="blockList">
+<li class="blockList"><a name="methods_inherited_from_class_java.lang.Object">
+<!--   -->
+</a>
+<h3>Methods inherited from class&nbsp;java.lang.Object</h3>
+<code>equals, getClass, hashCode, notify, notifyAll, wait, wait, wait</code></li>
+</ul>
+<ul class="blockList">
+<li class="blockList"><a name="methods_inherited_from_class_controlP5.ControllerInterface">
+<!--   -->
+</a>
+<h3>Methods inherited from interface&nbsp;controlP5.<a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a></h3>
+<code><a href="../controlP5/ControllerInterface.html#parent()">parent</a>, <a href="../controlP5/ControllerInterface.html#setColorLabel(int)">setColorLabel</a>, <a href="../controlP5/ControllerInterface.html#setColorValue(int)">setColorValue</a>, <a href="../controlP5/ControllerInterface.html#setLabel(java.lang.String)">setLabel</a></code></li>
+</ul>
+</li>
+</ul>
+</li>
+</ul>
+</div>
+<div class="details">
+<ul class="blockList">
+<li class="blockList">
+<!-- ========= CONSTRUCTOR DETAIL ======== -->
+<ul class="blockList">
+<li class="blockList"><a name="constructor_detail">
+<!--   -->
+</a>
+<h3>Constructor Detail</h3>
+<a name="Bang(controlP5.ControlP5, java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockListLast">
+<li class="blockList">
+<h4>Bang</h4>
+<pre>public&nbsp;Bang(<a href="../controlP5/ControlP5.html" title="class in controlP5">ControlP5</a>&nbsp;theControlP5,
+    java.lang.String&nbsp;theName)</pre>
+<div class="block">Convenience constructor to extend Bang.</div>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theControlP5</code> - </dd><dd><code>theName</code> - </dd><script type="text/javascript">
+<!--
+document.getElementsByTagName('html')[0].className = 'isjs';function toggle(dt) { var display, dd=dt; do{ dd = dd.nextSibling } while(dd.tagName!='DD'); toOpen =!dd.style.display;dd.style.display = toOpen? 'block':''; dt.getElementsByTagName('span')[0].innerHTML  = toOpen? '-':'+' ; }
+-->
+</script>
+<div id="test" class="toggleList"><dl><dt onclick="toggle(this);"><span>+</span>Example</dt><dd><code><pre>/**
+ * ControlP5 extending Controllers
+ *
+ * the following example shows how to extend the Controller class to 
+ * create customizable Controllers. You can either extend the Controller class itself,
+ * or any class that extends Controller itself like the Slider, Button, DropdownList, etc. 
+ * 
+ * How to:
+ *
+ * 1) do a super call to the convenience constructor requiring 
+ * 2 parameter (ControlP5 instance, name)  
+ *
+ * 2) the Controller class has a set of empty methods that allow you to capture
+ * inputs from the mouse including 
+ * onEnter(), onLeave(), onPress(), onRelease(), onClick(), onScroll(int), onDrag()
+ * These you can override and include functionality as needed.
+ *
+ * 3) use method getPointer() to return the local (relative) 
+ * xy-coordinates of the controller
+ *  
+ * 4) after instantiation custom controllers are treated the same 
+ * as default controlP5 controllers.
+ *  
+ * by Andreas Schlegel, 2012
+ * www.sojamo.de/libraries/controlp5
+ *
+ */
+
+import controlP5.*;
+
+ControlP5 cp5;
+PApplet p;
+
+void setup() {
+  size(400, 400);
+  cp5 = new ControlP5(this);
+  
+  // create 2 groups to show nesting of custom controllers and
+  //   
+  Group g1 = cp5.addGroup("a").setPosition(0,100).setWidth(180);
+  Group g2 = cp5.addGroup("b").setPosition(0,10).setWidth(180);
+  g2.moveTo(g1);
+  
+  // create 2 custom Controllers from class MyButton
+  // MyButton extends Controller and inherits all methods accordingly.
+  new MyButton(cp5, "b1").setPosition(0, 0).setSize(180, 200).moveTo(g2);
+  new MyButton(cp5, "b2").setPosition(205, 15).setSize(180, 200);
+  
+}
+
+
+void draw() {
+  background(0);
+}
+
+// b1 will be called from Controller b1
+public void b1(float theValue) {
+  println("yay button "+theValue);
+}
+
+public void controlEvent(ControlEvent theEvent) {
+  println("controlEvent : "+theEvent);
+}
+
+
+// Create a custom Controller, please not that 
+// MyButton extends Controller<MyButton>, <MyButton>
+// is an indicator for the super class about the type of 
+// custom controller to be created.
+
+class MyButton extends Controller<MyButton> {
+
+  int current = 0xffff0000;
+
+  float a = 128;
+  
+  float na;
+  
+  int y;
+  
+  // use the convenience constructor of super class Controller
+  // MyButton will automatically registered and move to the 
+  // default controlP5 tab.
+  
+  MyButton(ControlP5 cp5, String theName) {
+    super(cp5, theName);
+    
+    // replace the default view with a custom view.
+    setView(new ControllerView() {
+      public void display(PApplet p, Object b) {
+        // draw button background
+        na += (a-na) * 0.1; 
+        p.fill(current,na);
+        p.rect(0, 0, getWidth(), getHeight());
+        
+        // draw horizontal line which can be moved on the x-axis 
+        // using the scroll wheel. 
+        p.fill(0,255,0);
+        p.rect(0,y,width,10);
+        
+        // draw the custom label 
+        p.fill(128);
+        translate(0,getHeight()+14);
+        p.text(getName(),0,0);
+        p.text(getName(),0,0);
+        
+      }
+    }
+    );
+  }
+
+  // override various input methods for mouse input control
+  void onEnter() {
+    cursor(HAND);
+    println("enter");
+    a = 255;
+  }
+  
+  void onScroll(int n) {
+    println("scrolling");
+    y -= n;
+    y = constrain(y,0,getHeight()-10);
+  }
+  
+  void onPress() {
+    println("press");
+    current = 0xffffff00;
+  }
+  
+  void onClick() {
+    Pointer p1 = getPointer();
+    println("clicked at "+p1.x()+", "+p1.y());
+    current = 0xffffff00;
+    setValue(y);
+  }
+
+  void onRelease() {
+    println("release");
+    current = 0xffffffff;
+  }
+  
+  void onMove() {
+    println("moving "+this+" "+_myControlWindow.getMouseOverList());
+  }
+
+  void onDrag() {
+    current = 0xff0000ff;
+    Pointer p1 = getPointer();
+    float dif = dist(p1.px(),p1.py(),p1.x(),p1.y());
+    println("dragging at "+p1.x()+", "+p1.y()+" "+dif);
+  }
+  
+  void onReleaseOutside() {
+    onLeave();
+  }
+
+  void onLeave() {
+    println("leave");
+    cursor(ARROW);
+    a = 128;
+  }
+}
+
+</pre></code></dd></dl></div></dl>
+</li>
+</ul>
+</li>
+</ul>
+<!-- ============ METHOD DETAIL ========== -->
+<ul class="blockList">
+<li class="blockList"><a name="method_detail">
+<!--   -->
+</a>
+<h3>Method Detail</h3>
+<a name="getInfo()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getInfo</h4>
+<pre>public&nbsp;java.lang.String&nbsp;getInfo()</pre>
+<dl>
+<dt><strong>Overrides:</strong></dt>
+<dd><code><a href="../controlP5/Controller.html#getInfo()">getInfo</a></code>&nbsp;in class&nbsp;<code><a href="../controlP5/Controller.html" title="class in controlP5">Controller</a>&lt;<a href="../controlP5/Bang.html" title="class in controlP5">Bang</a>&gt;</code></dd>
+<dt><span class="strong">Returns:</span></dt><dd>String</dd></dl>
+</li>
+</ul>
+<a name="getTriggerEvent()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getTriggerEvent</h4>
+<pre>public&nbsp;int&nbsp;getTriggerEvent()</pre>
+</li>
+</ul>
+<a name="setTriggerEvent(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setTriggerEvent</h4>
+<pre>public&nbsp;<a href="../controlP5/Bang.html" title="class in controlP5">Bang</a>&nbsp;setTriggerEvent(int&nbsp;theEventID)</pre>
+<div class="block">By default a bang is triggered when the mouse is pressed. use setTriggerEvent(Bang.PRESSED)
+ or setTriggerEvent(Bang.RELEASE) to define the action for triggering a bang. currently only
+ Bang.PRESSED and Bang.RELEASE are supported.</div>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theEventID</code> - </dd>
+<dt><span class="strong">Returns:</span></dt><dd>Bang</dd></dl>
+</li>
+</ul>
+<a name="setValue(float)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setValue</h4>
+<pre>public&nbsp;<a href="../controlP5/Bang.html" title="class in controlP5">Bang</a>&nbsp;setValue(float&nbsp;theValue)</pre>
+<div class="block">Sets the value of the bang controller. since bang can be true or false, false=0 and true=1</div>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerInterface.html#setValue(float)">setValue</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/Bang.html" title="class in controlP5">Bang</a>&gt;</code></dd>
+<dt><strong>Overrides:</strong></dt>
+<dd><code><a href="../controlP5/Controller.html#setValue(float)">setValue</a></code>&nbsp;in class&nbsp;<code><a href="../controlP5/Controller.html" title="class in controlP5">Controller</a>&lt;<a href="../controlP5/Bang.html" title="class in controlP5">Bang</a>&gt;</code></dd>
+<dt><span class="strong">Parameters:</span></dt><dd><code>theValue</code> - float</dd>
+<dt><span class="strong">Returns:</span></dt><dd>Bang</dd></dl>
+</li>
+</ul>
+<a name="toString()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>toString</h4>
+<pre>public&nbsp;java.lang.String&nbsp;toString()</pre>
+<dl>
+<dt><strong>Overrides:</strong></dt>
+<dd><code><a href="../controlP5/Controller.html#toString()">toString</a></code>&nbsp;in class&nbsp;<code><a href="../controlP5/Controller.html" title="class in controlP5">Controller</a>&lt;<a href="../controlP5/Bang.html" title="class in controlP5">Bang</a>&gt;</code></dd>
+</dl>
+</li>
+</ul>
+<a name="update()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>update</h4>
+<pre>public&nbsp;<a href="../controlP5/Bang.html" title="class in controlP5">Bang</a>&nbsp;update()</pre>
+<div class="block"><strong>Description copied from class:&nbsp;<code><a href="../controlP5/Controller.html#update()">Controller</a></code></strong></div>
+<div class="block">updates the value of the controller without having to set the value explicitly. update does
+ not visually update the controller. the updating status can be set with setUpdate(true/false)
+ and checked with isUpdate().</div>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerInterface.html#update()">update</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/Bang.html" title="class in controlP5">Bang</a>&gt;</code></dd>
+<dt><strong>Overrides:</strong></dt>
+<dd><code><a href="../controlP5/Controller.html#update()">update</a></code>&nbsp;in class&nbsp;<code><a href="../controlP5/Controller.html" title="class in controlP5">Controller</a>&lt;<a href="../controlP5/Bang.html" title="class in controlP5">Bang</a>&gt;</code></dd>
+<dt><span class="strong">Returns:</span></dt><dd>Controller</dd><dt><span class="strong">See Also:</span></dt><dd><a href="../controlP5/Controller.html#setUpdate(boolean)"><code>Controller.setUpdate(boolean)</code></a>, 
+<a href="../controlP5/Controller.html#isUpdate()"><code>Controller.isUpdate()</code></a></dd></dl>
+</li>
+</ul>
+<a name="updateDisplayMode(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>updateDisplayMode</h4>
+<pre>public&nbsp;<a href="../controlP5/Bang.html" title="class in controlP5">Bang</a>&nbsp;updateDisplayMode(int&nbsp;theMode)</pre>
+</li>
+</ul>
+<a name="updateViewMode(int)">
+<!--   -->
+</a>
+<ul class="blockListLast">
+<li class="blockList">
+<h4>updateViewMode</h4>
+<pre>public&nbsp;<a href="../controlP5/Bang.html" title="class in controlP5">Bang</a>&nbsp;updateViewMode(int&nbsp;theMode)</pre>
+</li>
+</ul>
+</li>
+</ul>
+</li>
+</ul>
+</div>
+</div>
+<!-- ========= END OF CLASS DATA ========= -->
+<!-- ======= START OF BOTTOM NAVBAR ====== -->
+<div class="bottomNav"><a name="navbar_bottom">
+<!--   -->
+</a><a href="#skip-navbar_bottom" title="Skip navigation links"></a><a name="navbar_bottom_firstrow">
+<!--   -->
+</a>
+<ul class="navList" title="Navigation">
+<li><a href="../controlP5/package-summary.html">Package</a></li>
+<li class="navBarCell1Rev">Class</li>
+<li><a href="package-tree.html">Tree</a></li>
+<li><a href="../index-all.html">Index</a></li>
+<li><a href="../help-doc.html">Help</a></li>
+</ul>
+</div>
+<div class="subNav">
+<ul class="navList">
+<li><a href="../controlP5/Accordion.html" title="class in controlP5"><span class="strong">Prev Class</span></a></li>
+<li><a href="../controlP5/BitFont.html" title="class in controlP5"><span class="strong">Next Class</span></a></li>
+</ul>
+<ul class="navList">
+<li><a href="../index.html?controlP5/Bang.html" target="_top">Frames</a></li>
+<li><a href="Bang.html" target="_top">No Frames</a></li>
+</ul>
+<ul class="navList" id="allclasses_navbar_bottom">
+<li><a href="../allclasses-noframe.html">All Classes</a></li>
+</ul>
+<div>
+<script type="text/javascript"><!--
+  allClassesLink = document.getElementById("allclasses_navbar_bottom");
+  if(window==top) {
+    allClassesLink.style.display = "block";
+  }
+  else {
+    allClassesLink.style.display = "none";
+  }
+  //-->
+</script>
+</div>
+<div>
+<ul class="subNavList">
+<li>Summary:&nbsp;</li>
+<li>Nested&nbsp;|&nbsp;</li>
+<li><a href="#fields_inherited_from_class_controlP5.Controller">Field</a>&nbsp;|&nbsp;</li>
+<li><a href="#constructor_summary">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_summary">Method</a></li>
+</ul>
+<ul class="subNavList">
+<li>Detail:&nbsp;</li>
+<li>Field&nbsp;|&nbsp;</li>
+<li><a href="#constructor_detail">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_detail">Method</a></li>
+</ul>
+</div>
+<a name="skip-navbar_bottom">
+<!--   -->
+</a></div>
+<!-- ======== END OF BOTTOM NAVBAR ======= -->
+<p class="legalCopy"><small>processing library controlP5 by Andreas Schlegel. (c) 2006-2014</small></p>
+</body>
+</html>
diff --git a/reference/controlP5/BitFont.html b/reference/controlP5/BitFont.html
new file mode 100644
index 0000000..8b7a7af
--- /dev/null
+++ b/reference/controlP5/BitFont.html
@@ -0,0 +1,378 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
+<!-- NewPage -->
+<html lang="en">
+<head>
+<!-- Generated by javadoc (version 1.7.0_51) on Sun Apr 27 21:39:46 SGT 2014 -->
+<title>BitFont (Javadocs: controlP5)</title>
+<meta name="date" content="2014-04-27">
+<link rel="stylesheet" type="text/css" href="../stylesheet.css" title="Style">
+</head>
+<body>
+<script type="text/javascript"><!--
+    if (location.href.indexOf('is-external=true') == -1) {
+        parent.document.title="BitFont (Javadocs: controlP5)";
+    }
+//-->
+</script>
+<noscript>
+<div>JavaScript is disabled on your browser.</div>
+</noscript>
+<!-- ========= START OF TOP NAVBAR ======= -->
+<div class="topNav"><a name="navbar_top">
+<!--   -->
+</a><a href="#skip-navbar_top" title="Skip navigation links"></a><a name="navbar_top_firstrow">
+<!--   -->
+</a>
+<ul class="navList" title="Navigation">
+<li><a href="../controlP5/package-summary.html">Package</a></li>
+<li class="navBarCell1Rev">Class</li>
+<li><a href="package-tree.html">Tree</a></li>
+<li><a href="../index-all.html">Index</a></li>
+<li><a href="../help-doc.html">Help</a></li>
+</ul>
+</div>
+<div class="subNav">
+<ul class="navList">
+<li><a href="../controlP5/Bang.html" title="class in controlP5"><span class="strong">Prev Class</span></a></li>
+<li><a href="../controlP5/BoundingBox.html" title="class in controlP5"><span class="strong">Next Class</span></a></li>
+</ul>
+<ul class="navList">
+<li><a href="../index.html?controlP5/BitFont.html" target="_top">Frames</a></li>
+<li><a href="BitFont.html" target="_top">No Frames</a></li>
+</ul>
+<ul class="navList" id="allclasses_navbar_top">
+<li><a href="../allclasses-noframe.html">All Classes</a></li>
+</ul>
+<div>
+<script type="text/javascript"><!--
+  allClassesLink = document.getElementById("allclasses_navbar_top");
+  if(window==top) {
+    allClassesLink.style.display = "block";
+  }
+  else {
+    allClassesLink.style.display = "none";
+  }
+  //-->
+</script>
+</div>
+<div>
+<ul class="subNavList">
+<li>Summary:&nbsp;</li>
+<li><a href="#nested_classes_inherited_from_class_processing.core.PFont">Nested</a>&nbsp;|&nbsp;</li>
+<li><a href="#field_summary">Field</a>&nbsp;|&nbsp;</li>
+<li><a href="#constructor_summary">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_summary">Method</a></li>
+</ul>
+<ul class="subNavList">
+<li>Detail:&nbsp;</li>
+<li><a href="#field_detail">Field</a>&nbsp;|&nbsp;</li>
+<li><a href="#constructor_detail">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_detail">Method</a></li>
+</ul>
+</div>
+<a name="skip-navbar_top">
+<!--   -->
+</a></div>
+<!-- ========= END OF TOP NAVBAR ========= -->
+<!-- ======== START OF CLASS DATA ======== -->
+<div class="header">
+<div class="subTitle">controlP5</div>
+<h2 title="Class BitFont" class="title">Class BitFont</h2>
+</div>
+<div class="contentContainer">
+<ul class="inheritance">
+<li>java.lang.Object</li>
+<li>
+<ul class="inheritance">
+<li>processing.core.PFont</li>
+<li>
+<ul class="inheritance">
+<li>controlP5.BitFont</li>
+</ul>
+</li>
+</ul>
+</li>
+</ul>
+<div class="description">
+<ul class="blockList">
+<li class="blockList">
+<dl>
+<dt>All Implemented Interfaces:</dt>
+<dd>processing.core.PConstants</dd>
+</dl>
+<hr>
+<br>
+<pre>public class <span class="strong">BitFont</span>
+extends processing.core.PFont</pre>
+</li>
+</ul>
+</div>
+<div class="summary">
+<ul class="blockList">
+<li class="blockList">
+<!-- ======== NESTED CLASS SUMMARY ======== -->
+<ul class="blockList">
+<li class="blockList"><a name="nested_class_summary">
+<!--   -->
+</a>
+<h3>Nested Class Summary</h3>
+<ul class="blockList">
+<li class="blockList"><a name="nested_classes_inherited_from_class_processing.core.PFont">
+<!--   -->
+</a>
+<h3>Nested classes/interfaces inherited from class&nbsp;processing.core.PFont</h3>
+<code>processing.core.PFont.Glyph</code></li>
+</ul>
+</li>
+</ul>
+<!-- =========== FIELD SUMMARY =========== -->
+<ul class="blockList">
+<li class="blockList"><a name="field_summary">
+<!--   -->
+</a>
+<h3>Field Summary</h3>
+<table class="overviewSummary" border="0" cellpadding="3" cellspacing="0" summary="Field Summary table, listing fields, and an explanation">
+<caption><span>Fields</span><span class="tabEnd">&nbsp;</span></caption>
+<tr>
+<th class="colFirst" scope="col">Modifier and Type</th>
+<th class="colLast" scope="col">Field and Description</th>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>static int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/BitFont.html#defaultChar">defaultChar</a></strong></code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>static java.lang.String</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/BitFont.html#grixelbase64">grixelbase64</a></strong></code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>static java.lang.String</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/BitFont.html#standard56base64">standard56base64</a></strong></code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>static java.lang.String</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/BitFont.html#standard58base64">standard58base64</a></strong></code>&nbsp;</td>
+</tr>
+</table>
+<ul class="blockList">
+<li class="blockList"><a name="fields_inherited_from_class_processing.core.PFont">
+<!--   -->
+</a>
+<h3>Fields inherited from class&nbsp;processing.core.PFont</h3>
+<code>CHARSET</code></li>
+</ul>
+<ul class="blockList">
+<li class="blockList"><a name="fields_inherited_from_class_processing.core.PConstants">
+<!--   -->
+</a>
+<h3>Fields inherited from interface&nbsp;processing.core.PConstants</h3>
+<code>ADD, ALPHA, ALT, AMBIENT, ARC, ARGB, ARROW, BACKSPACE, BASELINE, BEVEL, BEZIER_VERTEX, BLEND, BLUR, BOTTOM, BOX, BREAK, BURN, CENTER, CHATTER, CHORD, CLAMP, CLOSE, CODED, COMPLAINT, CONTROL, CORNER, CORNERS, CROSS, CURVE_VERTEX, CUSTOM, DARKEST, DEG_TO_RAD, DELETE, DIAMETER, DIFFERENCE, DILATE, DIRECTIONAL, DISABLE_DEPTH_MASK, DISABLE_DEPTH_SORT, DISABLE_DEPTH_TEST, DISABLE_NATIVE_FONTS, DISABLE_OPENGL_ERRORS, DISABLE_OPTIMIZED_STROKE, DISABLE_RETINA_PIXELS, DISABLE_STROKE_PERSPECTIVE, DISABLE_STROKE_PURE, DISABLE_TEXTURE_MIPMAPS, DODGE, DOWN, DXF, ELLIPSE, ENABLE_DEPTH_MASK, ENABLE_DEPTH_SORT, ENABLE_DEPTH_TEST, ENABLE_NATIVE_FONTS, ENABLE_OPENGL_ERRORS, ENABLE_OPTIMIZED_STROKE, ENABLE_RETINA_PIXELS, ENABLE_STROKE_PERSPECTIVE, ENABLE_STROKE_PURE, ENABLE_TEXTURE_MIPMAPS, ENTER, EPSILON, ERODE, ERROR_BACKGROUND_IMAGE_FORMAT, ERROR_BACKGROUND_IMAGE_SIZE, ERROR_PUSHMATRIX_OVERFLOW, ERROR_PUSHMATRIX_UNDERFLOW, ERROR_TEXTFONT_NULL_PFONT, ESC, EXCLUSION, GIF, GRAY, GROUP, HALF_PI, HAND, HARD_LIGHT, HINT_COUNT, HSB, IMAGE, INVERT, JAVA2D, JPEG, LANDSCAPE, LEFT, LIGHTEST, LINE, LINE_LOOP, LINE_STRIP, LINES, LINUX, MACOSX, MAX_FLOAT, MAX_INT, MIN_FLOAT, MIN_INT, MITER, MODEL, MODELVIEW, MOVE, MULTIPLY, NORMAL, OPAQUE, OPEN, OPENGL, ORTHOGRAPHIC, OTHER, OVERLAY, P2D, P3D, PATH, PDF, PERSPECTIVE, PI, PIE, platformNames, POINT, POINTS, POLYGON, PORTRAIT, POSTERIZE, PROBLEM, PROJECT, PROJECTION, QUAD, QUAD_BEZIER_VERTEX, QUAD_STRIP, QUADS, QUARTER_PI, RAD_TO_DEG, RADIUS, RECT, REPEAT, REPLACE, RETURN, RGB, RIGHT, ROUND, SCREEN, SHAPE, SHIFT, SOFT_LIGHT, SPHERE, SPOT, SQUARE, SUBTRACT, TAB, TARGA, TAU, TEXT, THIRD_PI, THRESHOLD, TIFF, TOP, TRIANGLE, TRIANGLE_FAN, TRIANGLE_STRIP, TRIANGLES, TWO_PI, UP, VERTEX, WAIT, WHITESPACE, WINDOWS, X, Y, Z</code></li>
+</ul>
+</li>
+</ul>
+<!-- ======== CONSTRUCTOR SUMMARY ======== -->
+<ul class="blockList">
+<li class="blockList"><a name="constructor_summary">
+<!--   -->
+</a>
+<h3>Constructor Summary</h3>
+<table class="overviewSummary" border="0" cellpadding="3" cellspacing="0" summary="Constructor Summary table, listing constructors, and an explanation">
+<caption><span>Constructors</span><span class="tabEnd">&nbsp;</span></caption>
+<tr>
+<th class="colOne" scope="col">Constructor and Description</th>
+</tr>
+<tr class="altColor">
+<td class="colOne"><code><strong><a href="../controlP5/BitFont.html#BitFont(byte[])">BitFont</a></strong>(byte[]&nbsp;theBytes)</code>&nbsp;</td>
+</tr>
+</table>
+</li>
+</ul>
+<!-- ========== METHOD SUMMARY =========== -->
+<ul class="blockList">
+<li class="blockList"><a name="method_summary">
+<!--   -->
+</a>
+<h3>Method Summary</h3>
+<table class="overviewSummary" border="0" cellpadding="3" cellspacing="0" summary="Method Summary table, listing methods, and an explanation">
+<caption><span>Methods</span><span class="tabEnd">&nbsp;</span></caption>
+<tr>
+<th class="colFirst" scope="col">Modifier and Type</th>
+<th class="colLast" scope="col">Method and Description</th>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>processing.core.PFont.Glyph</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/BitFont.html#getGlyph(char)">getGlyph</a></strong>(char&nbsp;c)</code>&nbsp;</td>
+</tr>
+</table>
+<ul class="blockList">
+<li class="blockList"><a name="methods_inherited_from_class_processing.core.PFont">
+<!--   -->
+</a>
+<h3>Methods inherited from class&nbsp;processing.core.PFont</h3>
+<code>ascent, descent, findFont, findNative, getFont, getGlyph, getGlyphCount, getName, getNative, getPostScriptName, getSize, isStream, kern, list, loadFonts, save, setNative, setSubsetting, width</code></li>
+</ul>
+<ul class="blockList">
+<li class="blockList"><a name="methods_inherited_from_class_java.lang.Object">
+<!--   -->
+</a>
+<h3>Methods inherited from class&nbsp;java.lang.Object</h3>
+<code>equals, getClass, hashCode, notify, notifyAll, toString, wait, wait, wait</code></li>
+</ul>
+</li>
+</ul>
+</li>
+</ul>
+</div>
+<div class="details">
+<ul class="blockList">
+<li class="blockList">
+<!-- ============ FIELD DETAIL =========== -->
+<ul class="blockList">
+<li class="blockList"><a name="field_detail">
+<!--   -->
+</a>
+<h3>Field Detail</h3>
+<a name="defaultChar">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>defaultChar</h4>
+<pre>public static&nbsp;int defaultChar</pre>
+</li>
+</ul>
+<a name="grixelbase64">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>grixelbase64</h4>
+<pre>public static final&nbsp;java.lang.String grixelbase64</pre>
+<dl><dt><span class="strong">See Also:</span></dt><dd><a href="../constant-values.html#controlP5.BitFont.grixelbase64">Constant Field Values</a></dd></dl>
+</li>
+</ul>
+<a name="standard56base64">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>standard56base64</h4>
+<pre>public static final&nbsp;java.lang.String standard56base64</pre>
+<dl><dt><span class="strong">See Also:</span></dt><dd><a href="../constant-values.html#controlP5.BitFont.standard56base64">Constant Field Values</a></dd></dl>
+</li>
+</ul>
+<a name="standard58base64">
+<!--   -->
+</a>
+<ul class="blockListLast">
+<li class="blockList">
+<h4>standard58base64</h4>
+<pre>public static final&nbsp;java.lang.String standard58base64</pre>
+<dl><dt><span class="strong">See Also:</span></dt><dd><a href="../constant-values.html#controlP5.BitFont.standard58base64">Constant Field Values</a></dd></dl>
+</li>
+</ul>
+</li>
+</ul>
+<!-- ========= CONSTRUCTOR DETAIL ======== -->
+<ul class="blockList">
+<li class="blockList"><a name="constructor_detail">
+<!--   -->
+</a>
+<h3>Constructor Detail</h3>
+<a name="BitFont(byte[])">
+<!--   -->
+</a>
+<ul class="blockListLast">
+<li class="blockList">
+<h4>BitFont</h4>
+<pre>public&nbsp;BitFont(byte[]&nbsp;theBytes)</pre>
+</li>
+</ul>
+</li>
+</ul>
+<!-- ============ METHOD DETAIL ========== -->
+<ul class="blockList">
+<li class="blockList"><a name="method_detail">
+<!--   -->
+</a>
+<h3>Method Detail</h3>
+<a name="getGlyph(char)">
+<!--   -->
+</a>
+<ul class="blockListLast">
+<li class="blockList">
+<h4>getGlyph</h4>
+<pre>public&nbsp;processing.core.PFont.Glyph&nbsp;getGlyph(char&nbsp;c)</pre>
+<dl>
+<dt><strong>Overrides:</strong></dt>
+<dd><code>getGlyph</code>&nbsp;in class&nbsp;<code>processing.core.PFont</code></dd>
+</dl>
+</li>
+</ul>
+</li>
+</ul>
+</li>
+</ul>
+</div>
+</div>
+<!-- ========= END OF CLASS DATA ========= -->
+<!-- ======= START OF BOTTOM NAVBAR ====== -->
+<div class="bottomNav"><a name="navbar_bottom">
+<!--   -->
+</a><a href="#skip-navbar_bottom" title="Skip navigation links"></a><a name="navbar_bottom_firstrow">
+<!--   -->
+</a>
+<ul class="navList" title="Navigation">
+<li><a href="../controlP5/package-summary.html">Package</a></li>
+<li class="navBarCell1Rev">Class</li>
+<li><a href="package-tree.html">Tree</a></li>
+<li><a href="../index-all.html">Index</a></li>
+<li><a href="../help-doc.html">Help</a></li>
+</ul>
+</div>
+<div class="subNav">
+<ul class="navList">
+<li><a href="../controlP5/Bang.html" title="class in controlP5"><span class="strong">Prev Class</span></a></li>
+<li><a href="../controlP5/BoundingBox.html" title="class in controlP5"><span class="strong">Next Class</span></a></li>
+</ul>
+<ul class="navList">
+<li><a href="../index.html?controlP5/BitFont.html" target="_top">Frames</a></li>
+<li><a href="BitFont.html" target="_top">No Frames</a></li>
+</ul>
+<ul class="navList" id="allclasses_navbar_bottom">
+<li><a href="../allclasses-noframe.html">All Classes</a></li>
+</ul>
+<div>
+<script type="text/javascript"><!--
+  allClassesLink = document.getElementById("allclasses_navbar_bottom");
+  if(window==top) {
+    allClassesLink.style.display = "block";
+  }
+  else {
+    allClassesLink.style.display = "none";
+  }
+  //-->
+</script>
+</div>
+<div>
+<ul class="subNavList">
+<li>Summary:&nbsp;</li>
+<li><a href="#nested_classes_inherited_from_class_processing.core.PFont">Nested</a>&nbsp;|&nbsp;</li>
+<li><a href="#field_summary">Field</a>&nbsp;|&nbsp;</li>
+<li><a href="#constructor_summary">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_summary">Method</a></li>
+</ul>
+<ul class="subNavList">
+<li>Detail:&nbsp;</li>
+<li><a href="#field_detail">Field</a>&nbsp;|&nbsp;</li>
+<li><a href="#constructor_detail">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_detail">Method</a></li>
+</ul>
+</div>
+<a name="skip-navbar_bottom">
+<!--   -->
+</a></div>
+<!-- ======== END OF BOTTOM NAVBAR ======= -->
+<p class="legalCopy"><small>processing library controlP5 by Andreas Schlegel. (c) 2006-2014</small></p>
+</body>
+</html>
diff --git a/reference/controlP5/BoundingBox.html b/reference/controlP5/BoundingBox.html
new file mode 100644
index 0000000..3a4a5c2
--- /dev/null
+++ b/reference/controlP5/BoundingBox.html
@@ -0,0 +1,337 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
+<!-- NewPage -->
+<html lang="en">
+<head>
+<!-- Generated by javadoc (version 1.7.0_51) on Sun Apr 27 21:39:46 SGT 2014 -->
+<title>BoundingBox (Javadocs: controlP5)</title>
+<meta name="date" content="2014-04-27">
+<link rel="stylesheet" type="text/css" href="../stylesheet.css" title="Style">
+</head>
+<body>
+<script type="text/javascript"><!--
+    if (location.href.indexOf('is-external=true') == -1) {
+        parent.document.title="BoundingBox (Javadocs: controlP5)";
+    }
+//-->
+</script>
+<noscript>
+<div>JavaScript is disabled on your browser.</div>
+</noscript>
+<!-- ========= START OF TOP NAVBAR ======= -->
+<div class="topNav"><a name="navbar_top">
+<!--   -->
+</a><a href="#skip-navbar_top" title="Skip navigation links"></a><a name="navbar_top_firstrow">
+<!--   -->
+</a>
+<ul class="navList" title="Navigation">
+<li><a href="../controlP5/package-summary.html">Package</a></li>
+<li class="navBarCell1Rev">Class</li>
+<li><a href="package-tree.html">Tree</a></li>
+<li><a href="../index-all.html">Index</a></li>
+<li><a href="../help-doc.html">Help</a></li>
+</ul>
+</div>
+<div class="subNav">
+<ul class="navList">
+<li><a href="../controlP5/BitFont.html" title="class in controlP5"><span class="strong">Prev Class</span></a></li>
+<li><a href="../controlP5/Button.html" title="class in controlP5"><span class="strong">Next Class</span></a></li>
+</ul>
+<ul class="navList">
+<li><a href="../index.html?controlP5/BoundingBox.html" target="_top">Frames</a></li>
+<li><a href="BoundingBox.html" target="_top">No Frames</a></li>
+</ul>
+<ul class="navList" id="allclasses_navbar_top">
+<li><a href="../allclasses-noframe.html">All Classes</a></li>
+</ul>
+<div>
+<script type="text/javascript"><!--
+  allClassesLink = document.getElementById("allclasses_navbar_top");
+  if(window==top) {
+    allClassesLink.style.display = "block";
+  }
+  else {
+    allClassesLink.style.display = "none";
+  }
+  //-->
+</script>
+</div>
+<div>
+<ul class="subNavList">
+<li>Summary:&nbsp;</li>
+<li>Nested&nbsp;|&nbsp;</li>
+<li><a href="#fields_inherited_from_class_controlP5.Controller">Field</a>&nbsp;|&nbsp;</li>
+<li><a href="#constructor_summary">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_summary">Method</a></li>
+</ul>
+<ul class="subNavList">
+<li>Detail:&nbsp;</li>
+<li>Field&nbsp;|&nbsp;</li>
+<li><a href="#constructor_detail">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_detail">Method</a></li>
+</ul>
+</div>
+<a name="skip-navbar_top">
+<!--   -->
+</a></div>
+<!-- ========= END OF TOP NAVBAR ========= -->
+<!-- ======== START OF CLASS DATA ======== -->
+<div class="header">
+<div class="subTitle">controlP5</div>
+<h2 title="Class BoundingBox" class="title">Class BoundingBox</h2>
+</div>
+<div class="contentContainer">
+<ul class="inheritance">
+<li>java.lang.Object</li>
+<li>
+<ul class="inheritance">
+<li><a href="../controlP5/Controller.html" title="class in controlP5">controlP5.Controller</a>&lt;<a href="../controlP5/BoundingBox.html" title="class in controlP5">BoundingBox</a>&gt;</li>
+<li>
+<ul class="inheritance">
+<li>controlP5.BoundingBox</li>
+</ul>
+</li>
+</ul>
+</li>
+</ul>
+<div class="description">
+<ul class="blockList">
+<li class="blockList">
+<dl>
+<dt>All Implemented Interfaces:</dt>
+<dd><a href="../controlP5/CDrawable.html" title="interface in controlP5">CDrawable</a>, <a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/BoundingBox.html" title="class in controlP5">BoundingBox</a>&gt;, <a href="../controlP5/ControlP5Constants.html" title="interface in controlP5">ControlP5Constants</a></dd>
+</dl>
+<hr>
+<br>
+<pre>public class <span class="strong">BoundingBox</span>
+extends <a href="../controlP5/Controller.html" title="class in controlP5">Controller</a>&lt;<a href="../controlP5/BoundingBox.html" title="class in controlP5">BoundingBox</a>&gt;</pre>
+</li>
+</ul>
+</div>
+<div class="summary">
+<ul class="blockList">
+<li class="blockList">
+<!-- =========== FIELD SUMMARY =========== -->
+<ul class="blockList">
+<li class="blockList"><a name="field_summary">
+<!--   -->
+</a>
+<h3>Field Summary</h3>
+<ul class="blockList">
+<li class="blockList"><a name="fields_inherited_from_class_controlP5.Controller">
+<!--   -->
+</a>
+<h3>Fields inherited from class&nbsp;controlP5.<a href="../controlP5/Controller.html" title="class in controlP5">Controller</a></h3>
+<code><a href="../controlP5/Controller.html#autoHeight">autoHeight</a>, <a href="../controlP5/Controller.html#autoSpacing">autoSpacing</a>, <a href="../controlP5/Controller.html#autoWidth">autoWidth</a></code></li>
+</ul>
+<ul class="blockList">
+<li class="blockList"><a name="fields_inherited_from_class_controlP5.ControlP5Constants">
+<!--   -->
+</a>
+<h3>Fields inherited from interface&nbsp;controlP5.<a href="../controlP5/ControlP5Constants.html" title="interface in controlP5">ControlP5Constants</a></h3>
+<code><a href="../controlP5/ControlP5Constants.html#acceptClassList">acceptClassList</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_BROADCAST">ACTION_BROADCAST</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_CLICK">ACTION_CLICK</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_DRAG">ACTION_DRAG</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_ENTER">ACTION_ENTER</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_EXIT">ACTION_EXIT</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_LEAVE">ACTION_LEAVE</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_MOVE">ACTION_MOVE</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_PRESS">ACTION_PRESS</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_PRESSED">ACTION_PRESSED</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_RELEASE">ACTION_RELEASE</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_RELEASED">ACTION_RELEASED</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_RELEASEDOUTSIDE">ACTION_RELEASEDOUTSIDE</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_WHEEL">ACTION_WHEEL</a>, <a href="../controlP5/ControlP5Constants.html#ACTIVE">ACTIVE</a>, <a href="../controlP5/ControlP5Constants.html#ALL">ALL</a>, <a href="../controlP5/ControlP5Constants.html#ALT">ALT</a>, <a href="../controlP5/ControlP5Constants.html#AQUA">AQUA</a>, <a href="../controlP5/ControlP5Constants.html#ARC">ARC</a>, <a href="../controlP5/ControlP5Constants.html#ARRAY">ARRAY</a>, <a href="../controlP5/ControlP5Constants.html#BACKSPACE">BACKSPACE</a>, <a href="../controlP5/ControlP5Constants.html#BASELINE">BASELINE</a>, <a href="../controlP5/ControlP5Constants.html#BITFONT">BITFONT</a>, <a href="../controlP5/ControlP5Constants.html#BLACK">BLACK</a>, <a href="../controlP5/ControlP5Constants.html#BLUE">BLUE</a>, <a href="../controlP5/ControlP5Constants.html#BOOLEAN">BOOLEAN</a>, <a href="../controlP5/ControlP5Constants.html#BOTTOM">BOTTOM</a>, <a href="../controlP5/ControlP5Constants.html#BOTTOM_OUTSIDE">BOTTOM_OUTSIDE</a>, <a href="../controlP5/ControlP5Constants.html#CAPTIONLABEL">CAPTIONLABEL</a>, <a href="../controlP5/ControlP5Constants.html#CENTER">CENTER</a>, <a href="../controlP5/ControlP5Constants.html#CHECKBOX">CHECKBOX</a>, <a href="../controlP5/ControlP5Constants.html#COMMANDKEY">COMMANDKEY</a>, <a href="../controlP5/ControlP5Constants.html#CONTROL">CONTROL</a>, <a href="../controlP5/ControlP5Constants.html#controlEventClass">controlEventClass</a>, <a href="../controlP5/ControlP5Constants.html#CUSTOM">CUSTOM</a>, <a href="../controlP5/ControlP5Constants.html#DECREASE">DECREASE</a>, <a href="../controlP5/ControlP5Constants.html#DEFAULT">DEFAULT</a>, <a href="../controlP5/ControlP5Constants.html#DELETE">DELETE</a>, <a href="../controlP5/ControlP5Constants.html#DONE">DONE</a>, <a href="../controlP5/ControlP5Constants.html#DOWN">DOWN</a>, <a href="../controlP5/ControlP5Constants.html#DROPDOWN">DROPDOWN</a>, <a href="../controlP5/ControlP5Constants.html#ELLIPSE">ELLIPSE</a>, <a href="../controlP5/ControlP5Constants.html#ENTER">ENTER</a>, <a href="../controlP5/ControlP5Constants.html#ESCAPE">ESCAPE</a>, <a href="../controlP5/ControlP5Constants.html#EVENT">EVENT</a>, <a href="../controlP5/ControlP5Constants.html#eventMethod">eventMethod</a>, <a href="../controlP5/ControlP5Constants.html#FADEIN">FADEIN</a>, <a href="../controlP5/ControlP5Constants.html#FADEOUT">FADEOUT</a>, <a href="../controlP5/ControlP5Constants.html#FIELD">FIELD</a>, <a href="../controlP5/ControlP5Constants.html#FLOAT">FLOAT</a>, <a href="../controlP5/ControlP5Constants.html#FUCHSIA">FUCHSIA</a>, <a href="../controlP5/ControlP5Constants.html#GRAY">GRAY</a>, <a href="../controlP5/ControlP5Constants.html#GREEN">GREEN</a>, <a href="../controlP5/ControlP5Constants.html#grixel">grixel</a>, <a href="../controlP5/ControlP5Constants.html#HALF_PI">HALF_PI</a>, <a href="../controlP5/ControlP5Constants.html#HIDE">HIDE</a>, <a href="../controlP5/ControlP5Constants.html#HIGHLIGHT">HIGHLIGHT</a>, <a href="../controlP5/ControlP5Constants.html#HORIZONTAL">HORIZONTAL</a>, <a href="../controlP5/ControlP5Constants.html#IDLE">IDLE</a>, <a href="../controlP5/ControlP5Constants.html#IMAGE">IMAGE</a>, <a href="../controlP5/ControlP5Constants.html#INACTIVE">INACTIVE</a>, <a href="../controlP5/ControlP5Constants.html#INCREASE">INCREASE</a>, <a href="../controlP5/ControlP5Constants.html#INTEGER">INTEGER</a>, <a href="../controlP5/ControlP5Constants.html#INVALID">INVALID</a>, <a href="../controlP5/ControlP5Constants.html#J2D">J2D</a>, <a href="../controlP5/ControlP5Constants.html#KEYCONTROL">KEYCONTROL</a>, <a href="../controlP5/ControlP5Constants.html#LEFT">LEFT</a>, <a href="../controlP5/ControlP5Constants.html#LEFT_OUTSIDE">LEFT_OUTSIDE</a>, <a href="../controlP5/ControlP5Constants.html#LIME">LIME</a>, <a href="../controlP5/ControlP5Constants.html#LINE">LINE</a>, <a href="../controlP5/ControlP5Constants.html#LIST">LIST</a>, <a href="../controlP5/ControlP5Constants.html#LOAD">LOAD</a>, <a href="../controlP5/ControlP5Constants.html#MAROON">MAROON</a>, <a href="../controlP5/ControlP5Constants.html#MENU">MENU</a>, <a href="../controlP5/ControlP5Constants.html#METHOD">METHOD</a>, <a href="../controlP5/ControlP5Constants.html#MOVE">MOVE</a>, <a href="../controlP5/ControlP5Constants.html#MULTI">MULTI</a>, <a href="../controlP5/ControlP5Constants.html#MULTIPLES">MULTIPLES</a>, <a href="../controlP5/ControlP5Constants.html#NAVY">NAVY</a>, <a href="../controlP5/ControlP5Constants.html#OLIVE">OLIVE</a>, <a href="../controlP5/ControlP5Constants.html#ORANGE">ORANGE</a>, <a href="../controlP5/ControlP5Constants.html#OVER">OVER</a>, <a href="../controlP5/ControlP5Constants.html#P2D">P2D</a>, <a href="../controlP5/ControlP5Constants.html#P3D">P3D</a>, <a href="../controlP5/ControlP5Constants.html#PI">PI</a>, <a href="../controlP5/ControlP5Constants.html#PRESSED">PRESSED</a>, <a href="../controlP5/ControlP5Constants.html#PRINT">PRINT</a>, <a href="../controlP5/ControlP5Constants.html#PURPLE">PURPLE</a>, <a href="../controlP5/ControlP5Constants.html#RED">RED</a>, <a href="../controlP5/ControlP5Constants.html#RELEASE">RELEASE</a>, <a href="../controlP5/ControlP5Constants.html#RESET">RESET</a>, <a href="../controlP5/ControlP5Constants.html#RIGHT">RIGHT</a>, <a href="../controlP5/ControlP5Constants.html#RIGHT_OUTSIDE">RIGHT_OUTSIDE</a>, <a href="../controlP5/ControlP5Constants.html#SAVE">SAVE</a>, <a href="../controlP5/ControlP5Constants.html#SHIFT">SHIFT</a>, <a href="../controlP5/ControlP5Constants.html#SILVER">SILVER</a>, <a href="../controlP5/ControlP5Constants.html#SINGLE">SINGLE</a>, <a href="../controlP5/ControlP5Constants.html#SINGLE_COLUMN">SINGLE_COLUMN</a>, <a href="../controlP5/ControlP5Constants.html#SINGLE_ROW">SINGLE_ROW</a>, <a href="../controlP5/ControlP5Constants.html#SPRITE">SPRITE</a>, <a href="../controlP5/ControlP5Constants.html#standard56">standard56</a>, <a href="../controlP5/ControlP5Constants.html#standard58">standard58</a>, <a href="../controlP5/ControlP5Constants.html#STRING">STRING</a>, <a href="../controlP5/ControlP5Constants.html#SWITCH">SWITCH</a>, <a href="../controlP5/ControlP5Constants.html#SWITCH_BACK">SWITCH_BACK</a>, <a href="../controlP5/ControlP5Constants.html#SWITCH_FORE">SWITCH_FORE</a>, <a href="../controlP5/ControlP5Constants.html#synt24">synt24</a>, <a href="../controlP5/ControlP5Constants.html#TAB">TAB</a>, <a href="../controlP5/ControlP5Constants.html#TEAL">TEAL</a>, <a href="../controlP5/ControlP5Constants.html#THEME_A">THEME_A</a>, <a href="../controlP5/ControlP5Constants.html#THEME_CP52014">THEME_CP52014</a>, <a href="../controlP5/ControlP5Constants.html#THEME_CP5BLUE">THEME_CP5BLUE</a>, <a href="../controlP5/ControlP5Constants.html#THEME_RED">THEME_RED</a>, <a href="../controlP5/ControlP5Constants.html#THEME_RETRO">THEME_RETRO</a>, <a href="../controlP5/ControlP5Constants.html#THEME_WHITE">THEME_WHITE</a>, <a href="../controlP5/ControlP5Constants.html#TOP">TOP</a>, <a href="../controlP5/ControlP5Constants.html#TOP_OUTSIDE">TOP_OUTSIDE</a>, <a href="../controlP5/ControlP5Constants.html#TRANSITION_WAIT_FADEIN">TRANSITION_WAIT_FADEIN</a>, <a href="../controlP5/ControlP5Constants.html#TREE">TREE</a>, <a href="../controlP5/ControlP5Constants.html#TWO_PI">TWO_PI</a>, <a href="../controlP5/ControlP5Constants.html#UP">UP</a>, <a href="../controlP5/ControlP5Constants.html#VALUELABEL">VALUELABEL</a>, <a href="../controlP5/ControlP5Constants.html#VERBOSE">VERBOSE</a>, <a href="../controlP5/ControlP5Constants.html#VERTICAL">VERTICAL</a>, <a href="../controlP5/ControlP5Constants.html#WAIT">WAIT</a>, <a href="../controlP5/ControlP5Constants.html#WHITE">WHITE</a>, <a href="../controlP5/ControlP5Constants.html#YELLOW">YELLOW</a></code></li>
+</ul>
+</li>
+</ul>
+<!-- ======== CONSTRUCTOR SUMMARY ======== -->
+<ul class="blockList">
+<li class="blockList"><a name="constructor_summary">
+<!--   -->
+</a>
+<h3>Constructor Summary</h3>
+<table class="overviewSummary" border="0" cellpadding="3" cellspacing="0" summary="Constructor Summary table, listing constructors, and an explanation">
+<caption><span>Constructors</span><span class="tabEnd">&nbsp;</span></caption>
+<tr>
+<th class="colOne" scope="col">Constructor and Description</th>
+</tr>
+<tr class="altColor">
+<td class="colOne"><code><strong><a href="../controlP5/BoundingBox.html#BoundingBox(controlP5.ControlP5, java.lang.String)">BoundingBox</a></strong>(<a href="../controlP5/ControlP5.html" title="class in controlP5">ControlP5</a>&nbsp;theControlP5,
+           java.lang.String&nbsp;theName)</code>&nbsp;</td>
+</tr>
+</table>
+</li>
+</ul>
+<!-- ========== METHOD SUMMARY =========== -->
+<ul class="blockList">
+<li class="blockList"><a name="method_summary">
+<!--   -->
+</a>
+<h3>Method Summary</h3>
+<table class="overviewSummary" border="0" cellpadding="3" cellspacing="0" summary="Method Summary table, listing methods, and an explanation">
+<caption><span>Methods</span><span class="tabEnd">&nbsp;</span></caption>
+<tr>
+<th class="colFirst" scope="col">Modifier and Type</th>
+<th class="colLast" scope="col">Method and Description</th>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>void</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/BoundingBox.html#onDrag()">onDrag</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>void</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/BoundingBox.html#onEndDrag()">onEndDrag</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>void</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/BoundingBox.html#onStartDrag()">onStartDrag</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/BoundingBox.html" title="class in controlP5">BoundingBox</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/BoundingBox.html#updateViewMode(int)">updateViewMode</a></strong>(int&nbsp;theMode)</code>&nbsp;</td>
+</tr>
+</table>
+<ul class="blockList">
+<li class="blockList"><a name="methods_inherited_from_class_controlP5.Controller">
+<!--   -->
+</a>
+<h3>Methods inherited from class&nbsp;controlP5.<a href="../controlP5/Controller.html" title="class in controlP5">Controller</a></h3>
+<code><a href="../controlP5/Controller.html#add(controlP5.ControllerInterface)">add</a>, <a href="../controlP5/Controller.html#addCallback(controlP5.CallbackListener)">addCallback</a>, <a href="../controlP5/Controller.html#addListener(controlP5.ControlListener)">addListener</a>, <a href="../controlP5/Controller.html#align(int, int, int, int)">align</a>, <a href="../controlP5/Controller.html#bringToFront()">bringToFront</a>, <a href="../controlP5/Controller.html#bringToFront(controlP5.ControllerInterface)">bringToFront</a>, <a href="../controlP5/Controller.html#changeValue(float)">changeValue</a>, <a href="../controlP5/Controller.html#continuousUpdateEvents()">continuousUpdateEvents</a>, <a href="../controlP5/Controller.html#draw(processing.core.PGraphics)">draw</a>, <a href="../controlP5/Controller.html#getAbsolutePosition()">getAbsolutePosition</a>, <a href="../controlP5/Controller.html#getAddress()">getAddress</a>, <a href="../controlP5/Controller.html#getArrayValue()">getArrayValue</a>, <a href="../controlP5/Controller.html#getArrayValue(int)">getArrayValue</a>, <a href="../controlP5/Controller.html#getBehavior()">getBehavior</a>, <a href="../controlP5/Controller.html#getCaptionLabel()">getCaptionLabel</a>, <a href="../controlP5/Controller.html#getColor()">getColor</a>, <a href="../controlP5/Controller.html#getControllerPlugList()">getControllerPlugList</a>, <a href="../controlP5/Controller.html#getControlWindow()">getControlWindow</a>, <a href="../controlP5/Controller.html#getDecimalPrecision()">getDecimalPrecision</a>, <a href="../controlP5/Controller.html#getDefaultValue()">getDefaultValue</a>, <a href="../controlP5/Controller.html#getHeight()">getHeight</a>, <a href="../controlP5/Controller.html#getId()">getId</a>, <a href="../controlP5/Controller.html#getInfo()">getInfo</a>, <a href="../controlP5/Controller.html#getLabel()">getLabel</a>, <a href="../controlP5/Controller.html#getMax()">getMax</a>, <a href="../controlP5/Controller.html#getMin()">getMin</a>, <a href="../controlP5/Controller.html#getName()">getName</a>, <a href="../controlP5/Controller.html#getParent()">getParent</a>, <a href="../controlP5/Controller.html#getPickingColor()">getPickingColor</a>, <a href="../controlP5/Controller.html#getPointer()">getPointer</a>, <a href="../controlP5/Controller.html#getPosition()">getPosition</a>, <a href="../controlP5/Controller.html#getProperty(java.lang.String)">getProperty</a>, <a href="../controlP5/Controller.html#getProperty(java.lang.String, java.lang.String)">getProperty</a>, <a href="../controlP5/Controller.html#getStringValue()">getStringValue</a>, <a href="../controlP5/Controller.html#getTab()">getTab</a>, <a href="../controlP5/Controller.html#getValue()">getValue</a>, <a href="../controlP5/Controller.html#getValueLabel()">getValueLabel</a>, <a href="../controlP5/Controller.html#getView()">getView</a>, <a href="../controlP5/Controller.html#getWidth()">getWidth</a>, <a href="../controlP5/Controller.html#getWindow()">getWindow</a>, <a href="../controlP5/Controller.html#hide()">hide</a>, <a href="../controlP5/Controller.html#init()">init</a>, <a href="../controlP5/Controller.html#isActive()">isActive</a>, <a href="../controlP5/Controller.html#isBroadcast()">isBroadcast</a>, <a href="../controlP5/Controller.html#isInside()">isInside</a>, <a href="../controlP5/Controller.html#isLabelVisible()">isLabelVisible</a>, <a href="../controlP5/Controller.html#isListening()">isListening</a>, <a href="../controlP5/Controller.html#isLock()">isLock</a>, <a href="../controlP5/Controller.html#isMouseOver()">isMouseOver</a>, <a href="../controlP5/Controller.html#isMousePressed()">isMousePressed</a>, <a href="../controlP5/Controller.html#isMoveable()">isMoveable</a>, <a href="../controlP5/Controller.html#isUpdate()">isUpdate</a>, <a href="../controlP5/Controller.html#isUserInteraction()">isUserInteraction</a>, <a href="../controlP5/Controller.html#isVisible()">isVisible</a>, <a href="../controlP5/Controller.html#keyEvent(processing.event.KeyEvent)">keyEvent</a>, <a href="../controlP5/Controller.html#linebreak()">linebreak</a>, <a href="../controlP5/Controller.html#listen(boolean)">listen</a>, <a href="../controlP5/Controller.html#listenerSize()">listenerSize</a>, <a href="../controlP5/Controller.html#lock()">lock</a>, <a href="../controlP5/Controller.html#moveTo(controlP5.ControlGroup)">moveTo</a>, <a href="../controlP5/Controller.html#moveTo(controlP5.ControllerGroup)">moveTo</a>, <a href="../controlP5/Controller.html#moveTo(controlP5.ControllerGroup, controlP5.Tab, controlP5.ControlWindow)">moveTo</a>, <a href="../controlP5/Controller.html#moveTo(controlP5.ControlWindow)">moveTo</a>, <a href="../controlP5/Controller.html#moveTo(controlP5.ControlWindow, java.lang.String)">moveTo</a>, <a href="../controlP5/Controller.html#moveTo(processing.core.PApplet)">moveTo</a>, <a href="../controlP5/Controller.html#moveTo(processing.core.PApplet, java.lang.String)">moveTo</a>, <a href="../controlP5/Controller.html#moveTo(java.lang.String)">moveTo</a>, <a href="../controlP5/Controller.html#moveTo(controlP5.Tab)">moveTo</a>, <a href="../controlP5/Controller.html#plugTo(java.lang.Object)">plugTo</a>, <a href="../controlP5/Controller.html#plugTo(java.lang.Object[])">plugTo</a>, <a href="../controlP5/Controller.html#plugTo(java.lang.Object[], java.lang.String)">plugTo</a>, <a href="../controlP5/Controller.html#plugTo(java.lang.Object, java.lang.String)">plugTo</a>, <a href="../controlP5/Controller.html#registerProperty(java.lang.String)">registerProperty</a>, <a href="../controlP5/Controller.html#registerProperty(java.lang.String, java.lang.String)">registerProperty</a>, <a href="../controlP5/Controller.html#registerTooltip(java.lang.String)">registerTooltip</a>, <a href="../controlP5/Controller.html#remove()">remove</a>, <a href="../controlP5/Controller.html#remove(controlP5.ControllerInterface)">remove</a>, <a href="../controlP5/Controller.html#removeBehavior()">removeBehavior</a>, <a href="../controlP5/Controller.html#removeCallback()">removeCallback</a>, <a href="../controlP5/Controller.html#removeCallback(controlP5.CallbackListener)">removeCallback</a>, <a href="../controlP5/Controller.html#removeListener(controlP5.ControlListener)">removeListener</a>, <a href="../controlP5/Controller.html#removeProperty(java.lang.String)">removeProperty</a>, <a href="../controlP5/Controller.html#removeProperty(java.lang.String, java.lang.String)">removeProperty</a>, <a href="../controlP5/Controller.html#setAbsolutePosition(processing.core.PVector)">setAbsolutePosition</a>, <a href="../controlP5/Controller.html#setAddress(java.lang.String)">setAddress</a>, <a href="../controlP5/Controller.html#setArrayValue(float[])">setArrayValue</a>, <a href="../controlP5/Controller.html#setArrayValue(int, float)">setArrayValue</a>, <a href="../controlP5/Controller.html#setBehavior(controlP5.ControlBehavior)">setBehavior</a>, <a href="../controlP5/Controller.html#setBroadcast(boolean)">setBroadcast</a>, <a href="../controlP5/Controller.html#setCaptionLabel(java.lang.String)">setCaptionLabel</a>, <a href="../controlP5/Controller.html#setColor(controlP5.CColor)">setColor</a>, <a href="../controlP5/Controller.html#setColorActive(int)">setColorActive</a>, <a href="../controlP5/Controller.html#setColorBackground(int)">setColorBackground</a>, <a href="../controlP5/Controller.html#setColorCaptionLabel(int)">setColorCaptionLabel</a>, <a href="../controlP5/Controller.html#setColorForeground(int)">setColorForeground</a>, <a href="../controlP5/Controller.html#setColorValueLabel(int)">setColorValueLabel</a>, <a href="../controlP5/Controller.html#setDecimalPrecision(int)">setDecimalPrecision</a>, <a href="../controlP5/Controller.html#setDefaultValue(float)">setDefaultValue</a>, <a href="../controlP5/Controller.html#setGroup(controlP5.ControllerGroup)">setGroup</a>, <a href="../controlP5/Controller.html#setGroup(java.lang.String)">setGroup</a>, <a href="../controlP5/Controller.html#setHeight(int)">setHeight</a>, <a href="../controlP5/Controller.html#setId(int)">setId</a>, <a href="../controlP5/Controller.html#setImage(processing.core.PImage)">setImage</a>, <a href="../controlP5/Controller.html#setImage(processing.core.PImage, int)">setImage</a>, <a href="../controlP5/Controller.html#setImages(processing.core.PImage...)">setImages</a>, <a href="../controlP5/Controller.html#setImages(processing.core.PImage, processing.core.PImage, processing.core.PImage)">setImages</a>, <a href="../controlP5/Controller.html#setImages(processing.core.PImage, processing.core.PImage, processing.core.PImage, processing.core.PImage)">setImages</a>, <a href="../controlP5/Controller.html#setLabelVisible(boolean)">setLabelVisible</a>, <a href="../controlP5/Controller.html#setLock(boolean)">setLock</a>, <a href="../controlP5/Controller.html#setMax(float)">setMax</a>, <a href="../controlP5/Controller.html#setMin(float)">setMin</a>, <a href="../controlP5/Controller.html#setMouseOver(boolean)">setMouseOver</a>, <a href="../controlP5/Controller.html#setMousePressed(boolean)">setMousePressed</a>, <a href="../controlP5/Controller.html#setMoveable(boolean)">setMoveable</a>, <a href="../controlP5/Controller.html#setParent(controlP5.ControllerInterface)">setParent</a>, <a href="../controlP5/Controller.html#setPosition(float, float)">setPosition</a>, <a href="../controlP5/Controller.html#setPosition(processing.core.PVector)">setPosition</a>, <a href="../controlP5/Controller.html#setSize(int, int)">setSize</a>, <a href="../controlP5/Controller.html#setSize(processing.core.PImage)">setSize</a>, <a href="../controlP5/Controller.html#setStringValue(java.lang.String)">setStringValue</a>, <a href="../controlP5/Controller.html#setTab(controlP5.ControlWindow, java.lang.String)">setTab</a>, <a href="../controlP5/Controller.html#setTab(java.lang.String)">setTab</a>, <a href="../controlP5/Controller.html#setUpdate(boolean)">setUpdate</a>, <a href="../controlP5/Controller.html#setUserInteraction(boolean)">setUserInteraction</a>, <a href="../controlP5/Controller.html#setValue(float)">setValue</a>, <a href="../controlP5/Controller.html#setValueLabel(java.lang.String)">setValueLabel</a>, <a href="../controlP5/Controller.html#setValueSelf(float)">setValueSelf</a>, <a href="../controlP5/Controller.html#setView(controlP5.ControllerView)">setView</a>, <a href="../controlP5/Controller.html#setView(controlP5.ControllerView, int)">setView</a>, <a href="../controlP5/Controller.html#setVisible(boolean)">setVisible</a>, <a href="../controlP5/Controller.html#setWidth(int)">setWidth</a>, <a href="../controlP5/Controller.html#show()">show</a>, <a href="../controlP5/Controller.html#toString()">toString</a>, <a href="../controlP5/Controller.html#unlock()">unlock</a>, <a href="../controlP5/Controller.html#unplugFrom(java.lang.Object)">unplugFrom</a>, <a href="../controlP5/Controller.html#unplugFrom(java.lang.Object[])">unplugFrom</a>, <a href="../controlP5/Controller.html#unregisterTooltip()">unregisterTooltip</a>, <a href="../controlP5/Controller.html#update()">update</a>, <a href="../controlP5/Controller.html#updateAbsolutePosition()">updateAbsolutePosition</a>, <a href="../controlP5/Controller.html#updateEvents()">updateEvents</a>, <a href="../controlP5/Controller.html#updateInternalEvents(processing.core.PApplet)">updateInternalEvents</a>, <a href="../controlP5/Controller.html#updateSize()">updateSize</a></code></li>
+</ul>
+<ul class="blockList">
+<li class="blockList"><a name="methods_inherited_from_class_java.lang.Object">
+<!--   -->
+</a>
+<h3>Methods inherited from class&nbsp;java.lang.Object</h3>
+<code>equals, getClass, hashCode, notify, notifyAll, wait, wait, wait</code></li>
+</ul>
+<ul class="blockList">
+<li class="blockList"><a name="methods_inherited_from_class_controlP5.ControllerInterface">
+<!--   -->
+</a>
+<h3>Methods inherited from interface&nbsp;controlP5.<a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a></h3>
+<code><a href="../controlP5/ControllerInterface.html#parent()">parent</a>, <a href="../controlP5/ControllerInterface.html#setColorLabel(int)">setColorLabel</a>, <a href="../controlP5/ControllerInterface.html#setColorValue(int)">setColorValue</a>, <a href="../controlP5/ControllerInterface.html#setLabel(java.lang.String)">setLabel</a></code></li>
+</ul>
+</li>
+</ul>
+</li>
+</ul>
+</div>
+<div class="details">
+<ul class="blockList">
+<li class="blockList">
+<!-- ========= CONSTRUCTOR DETAIL ======== -->
+<ul class="blockList">
+<li class="blockList"><a name="constructor_detail">
+<!--   -->
+</a>
+<h3>Constructor Detail</h3>
+<a name="BoundingBox(controlP5.ControlP5, java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockListLast">
+<li class="blockList">
+<h4>BoundingBox</h4>
+<pre>public&nbsp;BoundingBox(<a href="../controlP5/ControlP5.html" title="class in controlP5">ControlP5</a>&nbsp;theControlP5,
+           java.lang.String&nbsp;theName)</pre>
+</li>
+</ul>
+</li>
+</ul>
+<!-- ============ METHOD DETAIL ========== -->
+<ul class="blockList">
+<li class="blockList"><a name="method_detail">
+<!--   -->
+</a>
+<h3>Method Detail</h3>
+<a name="onDrag()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>onDrag</h4>
+<pre>public&nbsp;void&nbsp;onDrag()</pre>
+</li>
+</ul>
+<a name="onEndDrag()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>onEndDrag</h4>
+<pre>public&nbsp;void&nbsp;onEndDrag()</pre>
+</li>
+</ul>
+<a name="onStartDrag()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>onStartDrag</h4>
+<pre>public&nbsp;void&nbsp;onStartDrag()</pre>
+</li>
+</ul>
+<a name="updateViewMode(int)">
+<!--   -->
+</a>
+<ul class="blockListLast">
+<li class="blockList">
+<h4>updateViewMode</h4>
+<pre>public&nbsp;<a href="../controlP5/BoundingBox.html" title="class in controlP5">BoundingBox</a>&nbsp;updateViewMode(int&nbsp;theMode)</pre>
+</li>
+</ul>
+</li>
+</ul>
+</li>
+</ul>
+</div>
+</div>
+<!-- ========= END OF CLASS DATA ========= -->
+<!-- ======= START OF BOTTOM NAVBAR ====== -->
+<div class="bottomNav"><a name="navbar_bottom">
+<!--   -->
+</a><a href="#skip-navbar_bottom" title="Skip navigation links"></a><a name="navbar_bottom_firstrow">
+<!--   -->
+</a>
+<ul class="navList" title="Navigation">
+<li><a href="../controlP5/package-summary.html">Package</a></li>
+<li class="navBarCell1Rev">Class</li>
+<li><a href="package-tree.html">Tree</a></li>
+<li><a href="../index-all.html">Index</a></li>
+<li><a href="../help-doc.html">Help</a></li>
+</ul>
+</div>
+<div class="subNav">
+<ul class="navList">
+<li><a href="../controlP5/BitFont.html" title="class in controlP5"><span class="strong">Prev Class</span></a></li>
+<li><a href="../controlP5/Button.html" title="class in controlP5"><span class="strong">Next Class</span></a></li>
+</ul>
+<ul class="navList">
+<li><a href="../index.html?controlP5/BoundingBox.html" target="_top">Frames</a></li>
+<li><a href="BoundingBox.html" target="_top">No Frames</a></li>
+</ul>
+<ul class="navList" id="allclasses_navbar_bottom">
+<li><a href="../allclasses-noframe.html">All Classes</a></li>
+</ul>
+<div>
+<script type="text/javascript"><!--
+  allClassesLink = document.getElementById("allclasses_navbar_bottom");
+  if(window==top) {
+    allClassesLink.style.display = "block";
+  }
+  else {
+    allClassesLink.style.display = "none";
+  }
+  //-->
+</script>
+</div>
+<div>
+<ul class="subNavList">
+<li>Summary:&nbsp;</li>
+<li>Nested&nbsp;|&nbsp;</li>
+<li><a href="#fields_inherited_from_class_controlP5.Controller">Field</a>&nbsp;|&nbsp;</li>
+<li><a href="#constructor_summary">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_summary">Method</a></li>
+</ul>
+<ul class="subNavList">
+<li>Detail:&nbsp;</li>
+<li>Field&nbsp;|&nbsp;</li>
+<li><a href="#constructor_detail">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_detail">Method</a></li>
+</ul>
+</div>
+<a name="skip-navbar_bottom">
+<!--   -->
+</a></div>
+<!-- ======== END OF BOTTOM NAVBAR ======= -->
+<p class="legalCopy"><small>processing library controlP5 by Andreas Schlegel. (c) 2006-2014</small></p>
+</body>
+</html>
diff --git a/reference/controlP5/Button.html b/reference/controlP5/Button.html
new file mode 100644
index 0000000..1913fde
--- /dev/null
+++ b/reference/controlP5/Button.html
@@ -0,0 +1,1026 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
+<!-- NewPage -->
+<html lang="en">
+<head>
+<!-- Generated by javadoc (version 1.7.0_51) on Sun Apr 27 21:39:46 SGT 2014 -->
+<title>Button (Javadocs: controlP5)</title>
+<meta name="date" content="2014-04-27">
+<link rel="stylesheet" type="text/css" href="../stylesheet.css" title="Style">
+</head>
+<body>
+<script type="text/javascript"><!--
+    if (location.href.indexOf('is-external=true') == -1) {
+        parent.document.title="Button (Javadocs: controlP5)";
+    }
+//-->
+</script>
+<noscript>
+<div>JavaScript is disabled on your browser.</div>
+</noscript>
+<!-- ========= START OF TOP NAVBAR ======= -->
+<div class="topNav"><a name="navbar_top">
+<!--   -->
+</a><a href="#skip-navbar_top" title="Skip navigation links"></a><a name="navbar_top_firstrow">
+<!--   -->
+</a>
+<ul class="navList" title="Navigation">
+<li><a href="../controlP5/package-summary.html">Package</a></li>
+<li class="navBarCell1Rev">Class</li>
+<li><a href="package-tree.html">Tree</a></li>
+<li><a href="../index-all.html">Index</a></li>
+<li><a href="../help-doc.html">Help</a></li>
+</ul>
+</div>
+<div class="subNav">
+<ul class="navList">
+<li><a href="../controlP5/BoundingBox.html" title="class in controlP5"><span class="strong">Prev Class</span></a></li>
+<li><a href="../controlP5/CallbackEvent.html" title="class in controlP5"><span class="strong">Next Class</span></a></li>
+</ul>
+<ul class="navList">
+<li><a href="../index.html?controlP5/Button.html" target="_top">Frames</a></li>
+<li><a href="Button.html" target="_top">No Frames</a></li>
+</ul>
+<ul class="navList" id="allclasses_navbar_top">
+<li><a href="../allclasses-noframe.html">All Classes</a></li>
+</ul>
+<div>
+<script type="text/javascript"><!--
+  allClassesLink = document.getElementById("allclasses_navbar_top");
+  if(window==top) {
+    allClassesLink.style.display = "block";
+  }
+  else {
+    allClassesLink.style.display = "none";
+  }
+  //-->
+</script>
+</div>
+<div>
+<ul class="subNavList">
+<li>Summary:&nbsp;</li>
+<li>Nested&nbsp;|&nbsp;</li>
+<li><a href="#field_summary">Field</a>&nbsp;|&nbsp;</li>
+<li><a href="#constructor_summary">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_summary">Method</a></li>
+</ul>
+<ul class="subNavList">
+<li>Detail:&nbsp;</li>
+<li><a href="#field_detail">Field</a>&nbsp;|&nbsp;</li>
+<li><a href="#constructor_detail">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_detail">Method</a></li>
+</ul>
+</div>
+<a name="skip-navbar_top">
+<!--   -->
+</a></div>
+<!-- ========= END OF TOP NAVBAR ========= -->
+<!-- ======== START OF CLASS DATA ======== -->
+<div class="header">
+<div class="subTitle">controlP5</div>
+<h2 title="Class Button" class="title">Class Button</h2>
+</div>
+<div class="contentContainer">
+<ul class="inheritance">
+<li>java.lang.Object</li>
+<li>
+<ul class="inheritance">
+<li><a href="../controlP5/Controller.html" title="class in controlP5">controlP5.Controller</a>&lt;<a href="../controlP5/Button.html" title="class in controlP5">Button</a>&gt;</li>
+<li>
+<ul class="inheritance">
+<li>controlP5.Button</li>
+</ul>
+</li>
+</ul>
+</li>
+</ul>
+<div class="description">
+<ul class="blockList">
+<li class="blockList">
+<dl>
+<dt>All Implemented Interfaces:</dt>
+<dd><a href="../controlP5/CDrawable.html" title="interface in controlP5">CDrawable</a>, <a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/Button.html" title="class in controlP5">Button</a>&gt;, <a href="../controlP5/ControlP5Constants.html" title="interface in controlP5">ControlP5Constants</a></dd>
+</dl>
+<dl>
+<dt>Direct Known Subclasses:</dt>
+<dd><a href="../controlP5/MultiListButton.html" title="class in controlP5">MultiListButton</a></dd>
+</dl>
+<hr>
+<br>
+<pre>public class <span class="strong">Button</span>
+extends <a href="../controlP5/Controller.html" title="class in controlP5">Controller</a>&lt;<a href="../controlP5/Button.html" title="class in controlP5">Button</a>&gt;</pre>
+<div class="block"><p>
+ A button triggers an event after it has been release. Events can be linked to functions and
+ fields inside your program/sketch. for a full documentation of this controller see the
+ <a href="../controlP5/Controller.html" title="class in controlP5"><code>Controller</code></a> class.
+ </p></div>
+<dl><script type="text/javascript">
+<!--
+document.getElementsByTagName('html')[0].className = 'isjs';function toggle(dt) { var display, dd=dt; do{ dd = dd.nextSibling } while(dd.tagName!='DD'); toOpen =!dd.style.display;dd.style.display = toOpen? 'block':''; dt.getElementsByTagName('span')[0].innerHTML  = toOpen? '-':'+' ; }
+-->
+</script>
+<div id="test" class="toggleList"><dl><dt onclick="toggle(this);"><span>+</span>Example</dt><dd><code><pre>/**
+ * ControlP5 Button
+ * this example shows how to create buttons with controlP5.
+ * 
+ * find a list of public methods available for the Button Controller 
+ * at the bottom of this sketch's source code
+ *
+ * by Andreas Schlegel, 2012
+ * www.sojamo.de/libraries/controlp5
+ *
+ */
+ 
+import controlP5.*;
+
+ControlP5 cp5;
+
+int myColor = color(255);
+
+int c1,c2;
+
+float n,n1;
+
+
+void setup() {
+  size(400,600);
+  noStroke();
+  cp5 = new ControlP5(this);
+  
+  // create a new button with name 'buttonA'
+  cp5.addButton("colorA")
+     .setValue(0)
+     .setPosition(100,100)
+     .setSize(200,19)
+     ;
+  
+  // and add another 2 buttons
+  cp5.addButton("colorB")
+     .setValue(100)
+     .setPosition(100,120)
+     .setSize(200,19)
+     ;
+     
+  cp5.addButton("colorC")
+     .setPosition(100,140)
+     .setSize(200,19)
+     .setValue(0)
+     ;
+
+  PImage[] imgs = {loadImage("button_a.png"),loadImage("button_b.png"),loadImage("button_c.png")};
+  cp5.addButton("play")
+     .setValue(128)
+     .setPosition(140,300)
+     .setImages(imgs)
+     .updateSize()
+     ;
+     
+  cp5.addButton("playAgain")
+     .setValue(128)
+     .setPosition(210,300)
+     .setImages(imgs)
+     .updateSize()
+     ;
+
+}
+
+void draw() {
+  background(myColor);
+  myColor = lerpColor(c1,c2,n);
+  n += (1-n)* 0.1; 
+}
+
+public void controlEvent(ControlEvent theEvent) {
+  println(theEvent.getController().getName());
+  n = 0;
+}
+
+// function colorA will receive changes from 
+// controller with name colorA
+public void colorA(int theValue) {
+  println("a button event from colorA: "+theValue);
+  c1 = c2;
+  c2 = color(0,160,100);
+}
+
+// function colorB will receive changes from 
+// controller with name colorB
+public void colorB(int theValue) {
+  println("a button event from colorB: "+theValue);
+  c1 = c2;
+  c2 = color(150,0,0);
+}
+
+// function colorC will receive changes from 
+// controller with name colorC
+public void colorC(int theValue) {
+  println("a button event from colorC: "+theValue);
+  c1 = c2;
+  c2 = color(255,255,0);
+}
+
+public void play(int theValue) {
+  println("a button event from buttonB: "+theValue);
+  c1 = c2;
+  c2 = color(0,0,0);
+}
+
+
+/*
+a list of all methods available for the Button Controller
+use ControlP5.printPublicMethodsFor(Button.class);
+to print the following list into the console.
+
+You can find further details about class Button in the javadoc.
+
+Format:
+ClassName : returnType methodName(parameter type)
+
+
+controlP5.Button : Button activateBy(int) 
+controlP5.Button : Button setOff() 
+controlP5.Button : Button setOn() 
+controlP5.Button : Button setSwitch(boolean) 
+controlP5.Button : Button setValue(float) 
+controlP5.Button : Button update() 
+controlP5.Button : String getInfo() 
+controlP5.Button : String toString() 
+controlP5.Button : boolean getBooleanValue() 
+controlP5.Button : boolean isOn() 
+controlP5.Button : boolean isPressed() 
+controlP5.Controller : Button addCallback(CallbackListener) 
+controlP5.Controller : Button addListener(ControlListener) 
+controlP5.Controller : Button bringToFront() 
+controlP5.Controller : Button bringToFront(ControllerInterface) 
+controlP5.Controller : Button hide() 
+controlP5.Controller : Button linebreak() 
+controlP5.Controller : Button listen(boolean) 
+controlP5.Controller : Button lock() 
+controlP5.Controller : Button plugTo(Object) 
+controlP5.Controller : Button plugTo(Object, String) 
+controlP5.Controller : Button plugTo(Object[]) 
+controlP5.Controller : Button plugTo(Object[], String) 
+controlP5.Controller : Button registerProperty(String) 
+controlP5.Controller : Button registerProperty(String, String) 
+controlP5.Controller : Button registerTooltip(String) 
+controlP5.Controller : Button removeBehavior() 
+controlP5.Controller : Button removeCallback() 
+controlP5.Controller : Button removeCallback(CallbackListener) 
+controlP5.Controller : Button removeListener(ControlListener) 
+controlP5.Controller : Button removeProperty(String) 
+controlP5.Controller : Button removeProperty(String, String) 
+controlP5.Controller : Button setArrayValue(float[]) 
+controlP5.Controller : Button setArrayValue(int, float) 
+controlP5.Controller : Button setBehavior(ControlBehavior) 
+controlP5.Controller : Button setBroadcast(boolean) 
+controlP5.Controller : Button setCaptionLabel(String) 
+controlP5.Controller : Button setColor(CColor) 
+controlP5.Controller : Button setColorActive(int) 
+controlP5.Controller : Button setColorBackground(int) 
+controlP5.Controller : Button setColorCaptionLabel(int) 
+controlP5.Controller : Button setColorForeground(int) 
+controlP5.Controller : Button setColorValueLabel(int) 
+controlP5.Controller : Button setDecimalPrecision(int) 
+controlP5.Controller : Button setDefaultValue(float) 
+controlP5.Controller : Button setHeight(int) 
+controlP5.Controller : Button setId(int) 
+controlP5.Controller : Button setImages(PImage, PImage, PImage) 
+controlP5.Controller : Button setImages(PImage, PImage, PImage, PImage) 
+controlP5.Controller : Button setLabelVisible(boolean) 
+controlP5.Controller : Button setLock(boolean) 
+controlP5.Controller : Button setMax(float) 
+controlP5.Controller : Button setMin(float) 
+controlP5.Controller : Button setMouseOver(boolean) 
+controlP5.Controller : Button setMoveable(boolean) 
+controlP5.Controller : Button setPosition(PVector) 
+controlP5.Controller : Button setPosition(float, float) 
+controlP5.Controller : Button setSize(PImage) 
+controlP5.Controller : Button setSize(int, int) 
+controlP5.Controller : Button setStringValue(String) 
+controlP5.Controller : Button setUpdate(boolean) 
+controlP5.Controller : Button setValueLabel(String) 
+controlP5.Controller : Button setView(ControllerView) 
+controlP5.Controller : Button setVisible(boolean) 
+controlP5.Controller : Button setWidth(int) 
+controlP5.Controller : Button show() 
+controlP5.Controller : Button unlock() 
+controlP5.Controller : Button unplugFrom(Object) 
+controlP5.Controller : Button unplugFrom(Object[]) 
+controlP5.Controller : Button unregisterTooltip() 
+controlP5.Controller : Button update() 
+controlP5.Controller : Button updateSize() 
+controlP5.Controller : CColor getColor() 
+controlP5.Controller : ControlBehavior getBehavior() 
+controlP5.Controller : ControlWindow getControlWindow() 
+controlP5.Controller : ControlWindow getWindow() 
+controlP5.Controller : ControllerProperty getProperty(String) 
+controlP5.Controller : ControllerProperty getProperty(String, String) 
+controlP5.Controller : Label getCaptionLabel() 
+controlP5.Controller : Label getValueLabel() 
+controlP5.Controller : List getControllerPlugList() 
+controlP5.Controller : PImage setImage(PImage) 
+controlP5.Controller : PImage setImage(PImage, int) 
+controlP5.Controller : PVector getAbsolutePosition() 
+controlP5.Controller : PVector getPosition() 
+controlP5.Controller : String getAddress() 
+controlP5.Controller : String getInfo() 
+controlP5.Controller : String getName() 
+controlP5.Controller : String getStringValue() 
+controlP5.Controller : String toString() 
+controlP5.Controller : Tab getTab() 
+controlP5.Controller : boolean isActive() 
+controlP5.Controller : boolean isBroadcast() 
+controlP5.Controller : boolean isInside() 
+controlP5.Controller : boolean isLabelVisible() 
+controlP5.Controller : boolean isListening() 
+controlP5.Controller : boolean isLock() 
+controlP5.Controller : boolean isMouseOver() 
+controlP5.Controller : boolean isMousePressed() 
+controlP5.Controller : boolean isMoveable() 
+controlP5.Controller : boolean isUpdate() 
+controlP5.Controller : boolean isVisible() 
+controlP5.Controller : float getArrayValue(int) 
+controlP5.Controller : float getDefaultValue() 
+controlP5.Controller : float getMax() 
+controlP5.Controller : float getMin() 
+controlP5.Controller : float getValue() 
+controlP5.Controller : float[] getArrayValue() 
+controlP5.Controller : int getDecimalPrecision() 
+controlP5.Controller : int getHeight() 
+controlP5.Controller : int getId() 
+controlP5.Controller : int getWidth() 
+controlP5.Controller : int listenerSize() 
+controlP5.Controller : void remove() 
+controlP5.Controller : void setView(ControllerView, int) 
+java.lang.Object : String toString() 
+java.lang.Object : boolean equals(Object) 
+
+
+*/
+
+
+
+</pre></code></dd></dl></div></dl>
+</li>
+</ul>
+</div>
+<div class="summary">
+<ul class="blockList">
+<li class="blockList">
+<!-- =========== FIELD SUMMARY =========== -->
+<ul class="blockList">
+<li class="blockList"><a name="field_summary">
+<!--   -->
+</a>
+<h3>Field Summary</h3>
+<table class="overviewSummary" border="0" cellpadding="3" cellspacing="0" summary="Field Summary table, listing fields, and an explanation">
+<caption><span>Fields</span><span class="tabEnd">&nbsp;</span></caption>
+<tr>
+<th class="colFirst" scope="col">Modifier and Type</th>
+<th class="colLast" scope="col">Field and Description</th>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>static int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Button.html#autoHeight">autoHeight</a></strong></code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>static int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Button.html#autoWidth">autoWidth</a></strong></code>&nbsp;</td>
+</tr>
+</table>
+<ul class="blockList">
+<li class="blockList"><a name="fields_inherited_from_class_controlP5.Controller">
+<!--   -->
+</a>
+<h3>Fields inherited from class&nbsp;controlP5.<a href="../controlP5/Controller.html" title="class in controlP5">Controller</a></h3>
+<code><a href="../controlP5/Controller.html#autoSpacing">autoSpacing</a></code></li>
+</ul>
+<ul class="blockList">
+<li class="blockList"><a name="fields_inherited_from_class_controlP5.ControlP5Constants">
+<!--   -->
+</a>
+<h3>Fields inherited from interface&nbsp;controlP5.<a href="../controlP5/ControlP5Constants.html" title="interface in controlP5">ControlP5Constants</a></h3>
+<code><a href="../controlP5/ControlP5Constants.html#acceptClassList">acceptClassList</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_BROADCAST">ACTION_BROADCAST</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_CLICK">ACTION_CLICK</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_DRAG">ACTION_DRAG</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_ENTER">ACTION_ENTER</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_EXIT">ACTION_EXIT</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_LEAVE">ACTION_LEAVE</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_MOVE">ACTION_MOVE</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_PRESS">ACTION_PRESS</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_PRESSED">ACTION_PRESSED</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_RELEASE">ACTION_RELEASE</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_RELEASED">ACTION_RELEASED</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_RELEASEDOUTSIDE">ACTION_RELEASEDOUTSIDE</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_WHEEL">ACTION_WHEEL</a>, <a href="../controlP5/ControlP5Constants.html#ACTIVE">ACTIVE</a>, <a href="../controlP5/ControlP5Constants.html#ALL">ALL</a>, <a href="../controlP5/ControlP5Constants.html#ALT">ALT</a>, <a href="../controlP5/ControlP5Constants.html#AQUA">AQUA</a>, <a href="../controlP5/ControlP5Constants.html#ARC">ARC</a>, <a href="../controlP5/ControlP5Constants.html#ARRAY">ARRAY</a>, <a href="../controlP5/ControlP5Constants.html#BACKSPACE">BACKSPACE</a>, <a href="../controlP5/ControlP5Constants.html#BASELINE">BASELINE</a>, <a href="../controlP5/ControlP5Constants.html#BITFONT">BITFONT</a>, <a href="../controlP5/ControlP5Constants.html#BLACK">BLACK</a>, <a href="../controlP5/ControlP5Constants.html#BLUE">BLUE</a>, <a href="../controlP5/ControlP5Constants.html#BOOLEAN">BOOLEAN</a>, <a href="../controlP5/ControlP5Constants.html#BOTTOM">BOTTOM</a>, <a href="../controlP5/ControlP5Constants.html#BOTTOM_OUTSIDE">BOTTOM_OUTSIDE</a>, <a href="../controlP5/ControlP5Constants.html#CAPTIONLABEL">CAPTIONLABEL</a>, <a href="../controlP5/ControlP5Constants.html#CENTER">CENTER</a>, <a href="../controlP5/ControlP5Constants.html#CHECKBOX">CHECKBOX</a>, <a href="../controlP5/ControlP5Constants.html#COMMANDKEY">COMMANDKEY</a>, <a href="../controlP5/ControlP5Constants.html#CONTROL">CONTROL</a>, <a href="../controlP5/ControlP5Constants.html#controlEventClass">controlEventClass</a>, <a href="../controlP5/ControlP5Constants.html#CUSTOM">CUSTOM</a>, <a href="../controlP5/ControlP5Constants.html#DECREASE">DECREASE</a>, <a href="../controlP5/ControlP5Constants.html#DEFAULT">DEFAULT</a>, <a href="../controlP5/ControlP5Constants.html#DELETE">DELETE</a>, <a href="../controlP5/ControlP5Constants.html#DONE">DONE</a>, <a href="../controlP5/ControlP5Constants.html#DOWN">DOWN</a>, <a href="../controlP5/ControlP5Constants.html#DROPDOWN">DROPDOWN</a>, <a href="../controlP5/ControlP5Constants.html#ELLIPSE">ELLIPSE</a>, <a href="../controlP5/ControlP5Constants.html#ENTER">ENTER</a>, <a href="../controlP5/ControlP5Constants.html#ESCAPE">ESCAPE</a>, <a href="../controlP5/ControlP5Constants.html#EVENT">EVENT</a>, <a href="../controlP5/ControlP5Constants.html#eventMethod">eventMethod</a>, <a href="../controlP5/ControlP5Constants.html#FADEIN">FADEIN</a>, <a href="../controlP5/ControlP5Constants.html#FADEOUT">FADEOUT</a>, <a href="../controlP5/ControlP5Constants.html#FIELD">FIELD</a>, <a href="../controlP5/ControlP5Constants.html#FLOAT">FLOAT</a>, <a href="../controlP5/ControlP5Constants.html#FUCHSIA">FUCHSIA</a>, <a href="../controlP5/ControlP5Constants.html#GRAY">GRAY</a>, <a href="../controlP5/ControlP5Constants.html#GREEN">GREEN</a>, <a href="../controlP5/ControlP5Constants.html#grixel">grixel</a>, <a href="../controlP5/ControlP5Constants.html#HALF_PI">HALF_PI</a>, <a href="../controlP5/ControlP5Constants.html#HIDE">HIDE</a>, <a href="../controlP5/ControlP5Constants.html#HIGHLIGHT">HIGHLIGHT</a>, <a href="../controlP5/ControlP5Constants.html#HORIZONTAL">HORIZONTAL</a>, <a href="../controlP5/ControlP5Constants.html#IDLE">IDLE</a>, <a href="../controlP5/ControlP5Constants.html#IMAGE">IMAGE</a>, <a href="../controlP5/ControlP5Constants.html#INACTIVE">INACTIVE</a>, <a href="../controlP5/ControlP5Constants.html#INCREASE">INCREASE</a>, <a href="../controlP5/ControlP5Constants.html#INTEGER">INTEGER</a>, <a href="../controlP5/ControlP5Constants.html#INVALID">INVALID</a>, <a href="../controlP5/ControlP5Constants.html#J2D">J2D</a>, <a href="../controlP5/ControlP5Constants.html#KEYCONTROL">KEYCONTROL</a>, <a href="../controlP5/ControlP5Constants.html#LEFT">LEFT</a>, <a href="../controlP5/ControlP5Constants.html#LEFT_OUTSIDE">LEFT_OUTSIDE</a>, <a href="../controlP5/ControlP5Constants.html#LIME">LIME</a>, <a href="../controlP5/ControlP5Constants.html#LINE">LINE</a>, <a href="../controlP5/ControlP5Constants.html#LIST">LIST</a>, <a href="../controlP5/ControlP5Constants.html#LOAD">LOAD</a>, <a href="../controlP5/ControlP5Constants.html#MAROON">MAROON</a>, <a href="../controlP5/ControlP5Constants.html#MENU">MENU</a>, <a href="../controlP5/ControlP5Constants.html#METHOD">METHOD</a>, <a href="../controlP5/ControlP5Constants.html#MOVE">MOVE</a>, <a href="../controlP5/ControlP5Constants.html#MULTI">MULTI</a>, <a href="../controlP5/ControlP5Constants.html#MULTIPLES">MULTIPLES</a>, <a href="../controlP5/ControlP5Constants.html#NAVY">NAVY</a>, <a href="../controlP5/ControlP5Constants.html#OLIVE">OLIVE</a>, <a href="../controlP5/ControlP5Constants.html#ORANGE">ORANGE</a>, <a href="../controlP5/ControlP5Constants.html#OVER">OVER</a>, <a href="../controlP5/ControlP5Constants.html#P2D">P2D</a>, <a href="../controlP5/ControlP5Constants.html#P3D">P3D</a>, <a href="../controlP5/ControlP5Constants.html#PI">PI</a>, <a href="../controlP5/ControlP5Constants.html#PRESSED">PRESSED</a>, <a href="../controlP5/ControlP5Constants.html#PRINT">PRINT</a>, <a href="../controlP5/ControlP5Constants.html#PURPLE">PURPLE</a>, <a href="../controlP5/ControlP5Constants.html#RED">RED</a>, <a href="../controlP5/ControlP5Constants.html#RELEASE">RELEASE</a>, <a href="../controlP5/ControlP5Constants.html#RESET">RESET</a>, <a href="../controlP5/ControlP5Constants.html#RIGHT">RIGHT</a>, <a href="../controlP5/ControlP5Constants.html#RIGHT_OUTSIDE">RIGHT_OUTSIDE</a>, <a href="../controlP5/ControlP5Constants.html#SAVE">SAVE</a>, <a href="../controlP5/ControlP5Constants.html#SHIFT">SHIFT</a>, <a href="../controlP5/ControlP5Constants.html#SILVER">SILVER</a>, <a href="../controlP5/ControlP5Constants.html#SINGLE">SINGLE</a>, <a href="../controlP5/ControlP5Constants.html#SINGLE_COLUMN">SINGLE_COLUMN</a>, <a href="../controlP5/ControlP5Constants.html#SINGLE_ROW">SINGLE_ROW</a>, <a href="../controlP5/ControlP5Constants.html#SPRITE">SPRITE</a>, <a href="../controlP5/ControlP5Constants.html#standard56">standard56</a>, <a href="../controlP5/ControlP5Constants.html#standard58">standard58</a>, <a href="../controlP5/ControlP5Constants.html#STRING">STRING</a>, <a href="../controlP5/ControlP5Constants.html#SWITCH">SWITCH</a>, <a href="../controlP5/ControlP5Constants.html#SWITCH_BACK">SWITCH_BACK</a>, <a href="../controlP5/ControlP5Constants.html#SWITCH_FORE">SWITCH_FORE</a>, <a href="../controlP5/ControlP5Constants.html#synt24">synt24</a>, <a href="../controlP5/ControlP5Constants.html#TAB">TAB</a>, <a href="../controlP5/ControlP5Constants.html#TEAL">TEAL</a>, <a href="../controlP5/ControlP5Constants.html#THEME_A">THEME_A</a>, <a href="../controlP5/ControlP5Constants.html#THEME_CP52014">THEME_CP52014</a>, <a href="../controlP5/ControlP5Constants.html#THEME_CP5BLUE">THEME_CP5BLUE</a>, <a href="../controlP5/ControlP5Constants.html#THEME_RED">THEME_RED</a>, <a href="../controlP5/ControlP5Constants.html#THEME_RETRO">THEME_RETRO</a>, <a href="../controlP5/ControlP5Constants.html#THEME_WHITE">THEME_WHITE</a>, <a href="../controlP5/ControlP5Constants.html#TOP">TOP</a>, <a href="../controlP5/ControlP5Constants.html#TOP_OUTSIDE">TOP_OUTSIDE</a>, <a href="../controlP5/ControlP5Constants.html#TRANSITION_WAIT_FADEIN">TRANSITION_WAIT_FADEIN</a>, <a href="../controlP5/ControlP5Constants.html#TREE">TREE</a>, <a href="../controlP5/ControlP5Constants.html#TWO_PI">TWO_PI</a>, <a href="../controlP5/ControlP5Constants.html#UP">UP</a>, <a href="../controlP5/ControlP5Constants.html#VALUELABEL">VALUELABEL</a>, <a href="../controlP5/ControlP5Constants.html#VERBOSE">VERBOSE</a>, <a href="../controlP5/ControlP5Constants.html#VERTICAL">VERTICAL</a>, <a href="../controlP5/ControlP5Constants.html#WAIT">WAIT</a>, <a href="../controlP5/ControlP5Constants.html#WHITE">WHITE</a>, <a href="../controlP5/ControlP5Constants.html#YELLOW">YELLOW</a></code></li>
+</ul>
+</li>
+</ul>
+<!-- ======== CONSTRUCTOR SUMMARY ======== -->
+<ul class="blockList">
+<li class="blockList"><a name="constructor_summary">
+<!--   -->
+</a>
+<h3>Constructor Summary</h3>
+<table class="overviewSummary" border="0" cellpadding="3" cellspacing="0" summary="Constructor Summary table, listing constructors, and an explanation">
+<caption><span>Constructors</span><span class="tabEnd">&nbsp;</span></caption>
+<tr>
+<th class="colOne" scope="col">Constructor and Description</th>
+</tr>
+<tr class="altColor">
+<td class="colOne"><code><strong><a href="../controlP5/Button.html#Button()">Button</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colOne"><code><strong><a href="../controlP5/Button.html#Button(controlP5.ControlP5, java.lang.String)">Button</a></strong>(<a href="../controlP5/ControlP5.html" title="class in controlP5">ControlP5</a>&nbsp;theControlP5,
+      java.lang.String&nbsp;theName)</code>
+<div class="block">Convenience constructor to extend Button.</div>
+</td>
+</tr>
+</table>
+</li>
+</ul>
+<!-- ========== METHOD SUMMARY =========== -->
+<ul class="blockList">
+<li class="blockList"><a name="method_summary">
+<!--   -->
+</a>
+<h3>Method Summary</h3>
+<table class="overviewSummary" border="0" cellpadding="3" cellspacing="0" summary="Method Summary table, listing methods, and an explanation">
+<caption><span>Methods</span><span class="tabEnd">&nbsp;</span></caption>
+<tr>
+<th class="colFirst" scope="col">Modifier and Type</th>
+<th class="colLast" scope="col">Method and Description</th>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Button.html" title="class in controlP5">Button</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Button.html#activateBy(int)">activateBy</a></strong>(int&nbsp;theValue)</code>
+<div class="block">A button can be activated by a mouse PRESSED or mouse RELEASE.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>boolean</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Button.html#getBooleanValue()">getBooleanValue</a></strong>()</code>
+<div class="block">Returns true or false and indicates the switch state of the button.</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>java.lang.String</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Button.html#getInfo()">getInfo</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>boolean</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Button.html#isOn()">isOn</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>boolean</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Button.html#isPressed()">isPressed</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>void</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Button.html#mousePressed()">mousePressed</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>void</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Button.html#mouseReleased()">mouseReleased</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>void</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Button.html#mouseReleasedOutside()">mouseReleasedOutside</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Button.html" title="class in controlP5">Button</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Button.html#setOff()">setOff</a></strong>()</code>
+<div class="block">If the button acts as a switch, setOff will turn off the switch.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Button.html" title="class in controlP5">Button</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Button.html#setOn()">setOn</a></strong>()</code>
+<div class="block">If the button acts as a switch, setOn will turn on the switch.</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Button.html" title="class in controlP5">Button</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Button.html#setSwitch(boolean)">setSwitch</a></strong>(boolean&nbsp;theFlag)</code>
+<div class="block">Turns a button into a switch, or use a Toggle instead.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Button.html" title="class in controlP5">Button</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Button.html#setValue(float)">setValue</a></strong>(float&nbsp;theValue)</code></td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>java.lang.String</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Button.html#toString()">toString</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Button.html" title="class in controlP5">Button</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Button.html#update()">update</a></strong>()</code>
+<div class="block">updates the value of the controller without having to set the value explicitly.</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Button.html" title="class in controlP5">Button</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Button.html#updateDisplayMode(int)">updateDisplayMode</a></strong>(int&nbsp;theMode)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Button.html" title="class in controlP5">Button</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Button.html#updateViewMode(int)">updateViewMode</a></strong>(int&nbsp;theMode)</code>&nbsp;</td>
+</tr>
+</table>
+<ul class="blockList">
+<li class="blockList"><a name="methods_inherited_from_class_controlP5.Controller">
+<!--   -->
+</a>
+<h3>Methods inherited from class&nbsp;controlP5.<a href="../controlP5/Controller.html" title="class in controlP5">Controller</a></h3>
+<code><a href="../controlP5/Controller.html#add(controlP5.ControllerInterface)">add</a>, <a href="../controlP5/Controller.html#addCallback(controlP5.CallbackListener)">addCallback</a>, <a href="../controlP5/Controller.html#addListener(controlP5.ControlListener)">addListener</a>, <a href="../controlP5/Controller.html#align(int, int, int, int)">align</a>, <a href="../controlP5/Controller.html#bringToFront()">bringToFront</a>, <a href="../controlP5/Controller.html#bringToFront(controlP5.ControllerInterface)">bringToFront</a>, <a href="../controlP5/Controller.html#changeValue(float)">changeValue</a>, <a href="../controlP5/Controller.html#continuousUpdateEvents()">continuousUpdateEvents</a>, <a href="../controlP5/Controller.html#draw(processing.core.PGraphics)">draw</a>, <a href="../controlP5/Controller.html#getAbsolutePosition()">getAbsolutePosition</a>, <a href="../controlP5/Controller.html#getAddress()">getAddress</a>, <a href="../controlP5/Controller.html#getArrayValue()">getArrayValue</a>, <a href="../controlP5/Controller.html#getArrayValue(int)">getArrayValue</a>, <a href="../controlP5/Controller.html#getBehavior()">getBehavior</a>, <a href="../controlP5/Controller.html#getCaptionLabel()">getCaptionLabel</a>, <a href="../controlP5/Controller.html#getColor()">getColor</a>, <a href="../controlP5/Controller.html#getControllerPlugList()">getControllerPlugList</a>, <a href="../controlP5/Controller.html#getControlWindow()">getControlWindow</a>, <a href="../controlP5/Controller.html#getDecimalPrecision()">getDecimalPrecision</a>, <a href="../controlP5/Controller.html#getDefaultValue()">getDefaultValue</a>, <a href="../controlP5/Controller.html#getHeight()">getHeight</a>, <a href="../controlP5/Controller.html#getId()">getId</a>, <a href="../controlP5/Controller.html#getLabel()">getLabel</a>, <a href="../controlP5/Controller.html#getMax()">getMax</a>, <a href="../controlP5/Controller.html#getMin()">getMin</a>, <a href="../controlP5/Controller.html#getName()">getName</a>, <a href="../controlP5/Controller.html#getParent()">getParent</a>, <a href="../controlP5/Controller.html#getPickingColor()">getPickingColor</a>, <a href="../controlP5/Controller.html#getPointer()">getPointer</a>, <a href="../controlP5/Controller.html#getPosition()">getPosition</a>, <a href="../controlP5/Controller.html#getProperty(java.lang.String)">getProperty</a>, <a href="../controlP5/Controller.html#getProperty(java.lang.String, java.lang.String)">getProperty</a>, <a href="../controlP5/Controller.html#getStringValue()">getStringValue</a>, <a href="../controlP5/Controller.html#getTab()">getTab</a>, <a href="../controlP5/Controller.html#getValue()">getValue</a>, <a href="../controlP5/Controller.html#getValueLabel()">getValueLabel</a>, <a href="../controlP5/Controller.html#getView()">getView</a>, <a href="../controlP5/Controller.html#getWidth()">getWidth</a>, <a href="../controlP5/Controller.html#getWindow()">getWindow</a>, <a href="../controlP5/Controller.html#hide()">hide</a>, <a href="../controlP5/Controller.html#init()">init</a>, <a href="../controlP5/Controller.html#isActive()">isActive</a>, <a href="../controlP5/Controller.html#isBroadcast()">isBroadcast</a>, <a href="../controlP5/Controller.html#isInside()">isInside</a>, <a href="../controlP5/Controller.html#isLabelVisible()">isLabelVisible</a>, <a href="../controlP5/Controller.html#isListening()">isListening</a>, <a href="../controlP5/Controller.html#isLock()">isLock</a>, <a href="../controlP5/Controller.html#isMouseOver()">isMouseOver</a>, <a href="../controlP5/Controller.html#isMousePressed()">isMousePressed</a>, <a href="../controlP5/Controller.html#isMoveable()">isMoveable</a>, <a href="../controlP5/Controller.html#isUpdate()">isUpdate</a>, <a href="../controlP5/Controller.html#isUserInteraction()">isUserInteraction</a>, <a href="../controlP5/Controller.html#isVisible()">isVisible</a>, <a href="../controlP5/Controller.html#keyEvent(processing.event.KeyEvent)">keyEvent</a>, <a href="../controlP5/Controller.html#linebreak()">linebreak</a>, <a href="../controlP5/Controller.html#listen(boolean)">listen</a>, <a href="../controlP5/Controller.html#listenerSize()">listenerSize</a>, <a href="../controlP5/Controller.html#lock()">lock</a>, <a href="../controlP5/Controller.html#moveTo(controlP5.ControlGroup)">moveTo</a>, <a href="../controlP5/Controller.html#moveTo(controlP5.ControllerGroup)">moveTo</a>, <a href="../controlP5/Controller.html#moveTo(controlP5.ControllerGroup, controlP5.Tab, controlP5.ControlWindow)">moveTo</a>, <a href="../controlP5/Controller.html#moveTo(controlP5.ControlWindow)">moveTo</a>, <a href="../controlP5/Controller.html#moveTo(controlP5.ControlWindow, java.lang.String)">moveTo</a>, <a href="../controlP5/Controller.html#moveTo(processing.core.PApplet)">moveTo</a>, <a href="../controlP5/Controller.html#moveTo(processing.core.PApplet, java.lang.String)">moveTo</a>, <a href="../controlP5/Controller.html#moveTo(java.lang.String)">moveTo</a>, <a href="../controlP5/Controller.html#moveTo(controlP5.Tab)">moveTo</a>, <a href="../controlP5/Controller.html#plugTo(java.lang.Object)">plugTo</a>, <a href="../controlP5/Controller.html#plugTo(java.lang.Object[])">plugTo</a>, <a href="../controlP5/Controller.html#plugTo(java.lang.Object[], java.lang.String)">plugTo</a>, <a href="../controlP5/Controller.html#plugTo(java.lang.Object, java.lang.String)">plugTo</a>, <a href="../controlP5/Controller.html#registerProperty(java.lang.String)">registerProperty</a>, <a href="../controlP5/Controller.html#registerProperty(java.lang.String, java.lang.String)">registerProperty</a>, <a href="../controlP5/Controller.html#registerTooltip(java.lang.String)">registerTooltip</a>, <a href="../controlP5/Controller.html#remove()">remove</a>, <a href="../controlP5/Controller.html#remove(controlP5.ControllerInterface)">remove</a>, <a href="../controlP5/Controller.html#removeBehavior()">removeBehavior</a>, <a href="../controlP5/Controller.html#removeCallback()">removeCallback</a>, <a href="../controlP5/Controller.html#removeCallback(controlP5.CallbackListener)">removeCallback</a>, <a href="../controlP5/Controller.html#removeListener(controlP5.ControlListener)">removeListener</a>, <a href="../controlP5/Controller.html#removeProperty(java.lang.String)">removeProperty</a>, <a href="../controlP5/Controller.html#removeProperty(java.lang.String, java.lang.String)">removeProperty</a>, <a href="../controlP5/Controller.html#setAbsolutePosition(processing.core.PVector)">setAbsolutePosition</a>, <a href="../controlP5/Controller.html#setAddress(java.lang.String)">setAddress</a>, <a href="../controlP5/Controller.html#setArrayValue(float[])">setArrayValue</a>, <a href="../controlP5/Controller.html#setArrayValue(int, float)">setArrayValue</a>, <a href="../controlP5/Controller.html#setBehavior(controlP5.ControlBehavior)">setBehavior</a>, <a href="../controlP5/Controller.html#setBroadcast(boolean)">setBroadcast</a>, <a href="../controlP5/Controller.html#setCaptionLabel(java.lang.String)">setCaptionLabel</a>, <a href="../controlP5/Controller.html#setColor(controlP5.CColor)">setColor</a>, <a href="../controlP5/Controller.html#setColorActive(int)">setColorActive</a>, <a href="../controlP5/Controller.html#setColorBackground(int)">setColorBackground</a>, <a href="../controlP5/Controller.html#setColorCaptionLabel(int)">setColorCaptionLabel</a>, <a href="../controlP5/Controller.html#setColorForeground(int)">setColorForeground</a>, <a href="../controlP5/Controller.html#setColorValueLabel(int)">setColorValueLabel</a>, <a href="../controlP5/Controller.html#setDecimalPrecision(int)">setDecimalPrecision</a>, <a href="../controlP5/Controller.html#setDefaultValue(float)">setDefaultValue</a>, <a href="../controlP5/Controller.html#setGroup(controlP5.ControllerGroup)">setGroup</a>, <a href="../controlP5/Controller.html#setGroup(java.lang.String)">setGroup</a>, <a href="../controlP5/Controller.html#setHeight(int)">setHeight</a>, <a href="../controlP5/Controller.html#setId(int)">setId</a>, <a href="../controlP5/Controller.html#setImage(processing.core.PImage)">setImage</a>, <a href="../controlP5/Controller.html#setImage(processing.core.PImage, int)">setImage</a>, <a href="../controlP5/Controller.html#setImages(processing.core.PImage...)">setImages</a>, <a href="../controlP5/Controller.html#setImages(processing.core.PImage, processing.core.PImage, processing.core.PImage)">setImages</a>, <a href="../controlP5/Controller.html#setImages(processing.core.PImage, processing.core.PImage, processing.core.PImage, processing.core.PImage)">setImages</a>, <a href="../controlP5/Controller.html#setLabelVisible(boolean)">setLabelVisible</a>, <a href="../controlP5/Controller.html#setLock(boolean)">setLock</a>, <a href="../controlP5/Controller.html#setMax(float)">setMax</a>, <a href="../controlP5/Controller.html#setMin(float)">setMin</a>, <a href="../controlP5/Controller.html#setMouseOver(boolean)">setMouseOver</a>, <a href="../controlP5/Controller.html#setMousePressed(boolean)">setMousePressed</a>, <a href="../controlP5/Controller.html#setMoveable(boolean)">setMoveable</a>, <a href="../controlP5/Controller.html#setParent(controlP5.ControllerInterface)">setParent</a>, <a href="../controlP5/Controller.html#setPosition(float, float)">setPosition</a>, <a href="../controlP5/Controller.html#setPosition(processing.core.PVector)">setPosition</a>, <a href="../controlP5/Controller.html#setSize(int, int)">setSize</a>, <a href="../controlP5/Controller.html#setSize(processing.core.PImage)">setSize</a>, <a href="../controlP5/Controller.html#setStringValue(java.lang.String)">setStringValue</a>, <a href="../controlP5/Controller.html#setTab(controlP5.ControlWindow, java.lang.String)">setTab</a>, <a href="../controlP5/Controller.html#setTab(java.lang.String)">setTab</a>, <a href="../controlP5/Controller.html#setUpdate(boolean)">setUpdate</a>, <a href="../controlP5/Controller.html#setUserInteraction(boolean)">setUserInteraction</a>, <a href="../controlP5/Controller.html#setValueLabel(java.lang.String)">setValueLabel</a>, <a href="../controlP5/Controller.html#setValueSelf(float)">setValueSelf</a>, <a href="../controlP5/Controller.html#setView(controlP5.ControllerView)">setView</a>, <a href="../controlP5/Controller.html#setView(controlP5.ControllerView, int)">setView</a>, <a href="../controlP5/Controller.html#setVisible(boolean)">setVisible</a>, <a href="../controlP5/Controller.html#setWidth(int)">setWidth</a>, <a href="../controlP5/Controller.html#show()">show</a>, <a href="../controlP5/Controller.html#unlock()">unlock</a>, <a href="../controlP5/Controller.html#unplugFrom(java.lang.Object)">unplugFrom</a>, <a href="../controlP5/Controller.html#unplugFrom(java.lang.Object[])">unplugFrom</a>, <a href="../controlP5/Controller.html#unregisterTooltip()">unregisterTooltip</a>, <a href="../controlP5/Controller.html#updateAbsolutePosition()">updateAbsolutePosition</a>, <a href="../controlP5/Controller.html#updateEvents()">updateEvents</a>, <a href="../controlP5/Controller.html#updateInternalEvents(processing.core.PApplet)">updateInternalEvents</a>, <a href="../controlP5/Controller.html#updateSize()">updateSize</a></code></li>
+</ul>
+<ul class="blockList">
+<li class="blockList"><a name="methods_inherited_from_class_java.lang.Object">
+<!--   -->
+</a>
+<h3>Methods inherited from class&nbsp;java.lang.Object</h3>
+<code>equals, getClass, hashCode, notify, notifyAll, wait, wait, wait</code></li>
+</ul>
+<ul class="blockList">
+<li class="blockList"><a name="methods_inherited_from_class_controlP5.ControllerInterface">
+<!--   -->
+</a>
+<h3>Methods inherited from interface&nbsp;controlP5.<a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a></h3>
+<code><a href="../controlP5/ControllerInterface.html#parent()">parent</a>, <a href="../controlP5/ControllerInterface.html#setColorLabel(int)">setColorLabel</a>, <a href="../controlP5/ControllerInterface.html#setColorValue(int)">setColorValue</a>, <a href="../controlP5/ControllerInterface.html#setLabel(java.lang.String)">setLabel</a></code></li>
+</ul>
+</li>
+</ul>
+</li>
+</ul>
+</div>
+<div class="details">
+<ul class="blockList">
+<li class="blockList">
+<!-- ============ FIELD DETAIL =========== -->
+<ul class="blockList">
+<li class="blockList"><a name="field_detail">
+<!--   -->
+</a>
+<h3>Field Detail</h3>
+<a name="autoHeight">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>autoHeight</h4>
+<pre>public static&nbsp;int autoHeight</pre>
+</li>
+</ul>
+<a name="autoWidth">
+<!--   -->
+</a>
+<ul class="blockListLast">
+<li class="blockList">
+<h4>autoWidth</h4>
+<pre>public static&nbsp;int autoWidth</pre>
+</li>
+</ul>
+</li>
+</ul>
+<!-- ========= CONSTRUCTOR DETAIL ======== -->
+<ul class="blockList">
+<li class="blockList"><a name="constructor_detail">
+<!--   -->
+</a>
+<h3>Constructor Detail</h3>
+<a name="Button()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>Button</h4>
+<pre>public&nbsp;Button()</pre>
+</li>
+</ul>
+<a name="Button(controlP5.ControlP5, java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockListLast">
+<li class="blockList">
+<h4>Button</h4>
+<pre>public&nbsp;Button(<a href="../controlP5/ControlP5.html" title="class in controlP5">ControlP5</a>&nbsp;theControlP5,
+      java.lang.String&nbsp;theName)</pre>
+<div class="block">Convenience constructor to extend Button.</div>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theControlP5</code> - </dd><dd><code>theName</code> - </dd><script type="text/javascript">
+<!--
+document.getElementsByTagName('html')[0].className = 'isjs';function toggle(dt) { var display, dd=dt; do{ dd = dd.nextSibling } while(dd.tagName!='DD'); toOpen =!dd.style.display;dd.style.display = toOpen? 'block':''; dt.getElementsByTagName('span')[0].innerHTML  = toOpen? '-':'+' ; }
+-->
+</script>
+<div id="test" class="toggleList"><dl><dt onclick="toggle(this);"><span>+</span>Example</dt><dd><code><pre>/**
+ * ControlP5 extending Controllers
+ *
+ * the following example shows how to extend the Controller class to 
+ * create customizable Controllers. You can either extend the Controller class itself,
+ * or any class that extends Controller itself like the Slider, Button, DropdownList, etc. 
+ * 
+ * How to:
+ *
+ * 1) do a super call to the convenience constructor requiring 
+ * 2 parameter (ControlP5 instance, name)  
+ *
+ * 2) the Controller class has a set of empty methods that allow you to capture
+ * inputs from the mouse including 
+ * onEnter(), onLeave(), onPress(), onRelease(), onClick(), onScroll(int), onDrag()
+ * These you can override and include functionality as needed.
+ *
+ * 3) use method getPointer() to return the local (relative) 
+ * xy-coordinates of the controller
+ *  
+ * 4) after instantiation custom controllers are treated the same 
+ * as default controlP5 controllers.
+ *  
+ * by Andreas Schlegel, 2012
+ * www.sojamo.de/libraries/controlp5
+ *
+ */
+
+import controlP5.*;
+
+ControlP5 cp5;
+PApplet p;
+
+void setup() {
+  size(400, 400);
+  cp5 = new ControlP5(this);
+  
+  // create 2 groups to show nesting of custom controllers and
+  //   
+  Group g1 = cp5.addGroup("a").setPosition(0,100).setWidth(180);
+  Group g2 = cp5.addGroup("b").setPosition(0,10).setWidth(180);
+  g2.moveTo(g1);
+  
+  // create 2 custom Controllers from class MyButton
+  // MyButton extends Controller and inherits all methods accordingly.
+  new MyButton(cp5, "b1").setPosition(0, 0).setSize(180, 200).moveTo(g2);
+  new MyButton(cp5, "b2").setPosition(205, 15).setSize(180, 200);
+  
+}
+
+
+void draw() {
+  background(0);
+}
+
+// b1 will be called from Controller b1
+public void b1(float theValue) {
+  println("yay button "+theValue);
+}
+
+public void controlEvent(ControlEvent theEvent) {
+  println("controlEvent : "+theEvent);
+}
+
+
+// Create a custom Controller, please not that 
+// MyButton extends Controller<MyButton>, <MyButton>
+// is an indicator for the super class about the type of 
+// custom controller to be created.
+
+class MyButton extends Controller<MyButton> {
+
+  int current = 0xffff0000;
+
+  float a = 128;
+  
+  float na;
+  
+  int y;
+  
+  // use the convenience constructor of super class Controller
+  // MyButton will automatically registered and move to the 
+  // default controlP5 tab.
+  
+  MyButton(ControlP5 cp5, String theName) {
+    super(cp5, theName);
+    
+    // replace the default view with a custom view.
+    setView(new ControllerView() {
+      public void display(PApplet p, Object b) {
+        // draw button background
+        na += (a-na) * 0.1; 
+        p.fill(current,na);
+        p.rect(0, 0, getWidth(), getHeight());
+        
+        // draw horizontal line which can be moved on the x-axis 
+        // using the scroll wheel. 
+        p.fill(0,255,0);
+        p.rect(0,y,width,10);
+        
+        // draw the custom label 
+        p.fill(128);
+        translate(0,getHeight()+14);
+        p.text(getName(),0,0);
+        p.text(getName(),0,0);
+        
+      }
+    }
+    );
+  }
+
+  // override various input methods for mouse input control
+  void onEnter() {
+    cursor(HAND);
+    println("enter");
+    a = 255;
+  }
+  
+  void onScroll(int n) {
+    println("scrolling");
+    y -= n;
+    y = constrain(y,0,getHeight()-10);
+  }
+  
+  void onPress() {
+    println("press");
+    current = 0xffffff00;
+  }
+  
+  void onClick() {
+    Pointer p1 = getPointer();
+    println("clicked at "+p1.x()+", "+p1.y());
+    current = 0xffffff00;
+    setValue(y);
+  }
+
+  void onRelease() {
+    println("release");
+    current = 0xffffffff;
+  }
+  
+  void onMove() {
+    println("moving "+this+" "+_myControlWindow.getMouseOverList());
+  }
+
+  void onDrag() {
+    current = 0xff0000ff;
+    Pointer p1 = getPointer();
+    float dif = dist(p1.px(),p1.py(),p1.x(),p1.y());
+    println("dragging at "+p1.x()+", "+p1.y()+" "+dif);
+  }
+  
+  void onReleaseOutside() {
+    onLeave();
+  }
+
+  void onLeave() {
+    println("leave");
+    cursor(ARROW);
+    a = 128;
+  }
+}
+
+</pre></code></dd></dl></div></dl>
+</li>
+</ul>
+</li>
+</ul>
+<!-- ============ METHOD DETAIL ========== -->
+<ul class="blockList">
+<li class="blockList"><a name="method_detail">
+<!--   -->
+</a>
+<h3>Method Detail</h3>
+<a name="activateBy(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>activateBy</h4>
+<pre>public&nbsp;<a href="../controlP5/Button.html" title="class in controlP5">Button</a>&nbsp;activateBy(int&nbsp;theValue)</pre>
+<div class="block">A button can be activated by a mouse PRESSED or mouse RELEASE. Default value is RELEASE.</div>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theValue</code> - use ControlP5.PRESSED or ControlP5.RELEASE as parameter</dd>
+<dt><span class="strong">Returns:</span></dt><dd>Button</dd></dl>
+</li>
+</ul>
+<a name="getBooleanValue()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getBooleanValue</h4>
+<pre>public&nbsp;boolean&nbsp;getBooleanValue()</pre>
+<div class="block">Returns true or false and indicates the switch state of the button. <a href="../controlP5/Button.html#setSwitch(boolean)"><code>setSwitch</code></a> should have been set before.</div>
+<dl><dt><span class="strong">Returns:</span></dt><dd>boolean</dd><dt><span class="strong">See Also:</span></dt><dd><a href="../controlP5/Button.html#setSwitch(boolean)"><code>setSwitch(boolean)</code></a></dd></dl>
+</li>
+</ul>
+<a name="getInfo()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getInfo</h4>
+<pre>public&nbsp;java.lang.String&nbsp;getInfo()</pre>
+<dl>
+<dt><strong>Overrides:</strong></dt>
+<dd><code><a href="../controlP5/Controller.html#getInfo()">getInfo</a></code>&nbsp;in class&nbsp;<code><a href="../controlP5/Controller.html" title="class in controlP5">Controller</a>&lt;<a href="../controlP5/Button.html" title="class in controlP5">Button</a>&gt;</code></dd>
+<dt><span class="strong">Returns:</span></dt><dd>String</dd></dl>
+</li>
+</ul>
+<a name="isOn()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>isOn</h4>
+<pre>public&nbsp;boolean&nbsp;isOn()</pre>
+<dl><dt><span class="strong">Returns:</span></dt><dd>boolean</dd></dl>
+</li>
+</ul>
+<a name="isPressed()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>isPressed</h4>
+<pre>public&nbsp;boolean&nbsp;isPressed()</pre>
+<dl><dt><span class="strong">Returns:</span></dt><dd>boolean</dd></dl>
+</li>
+</ul>
+<a name="mousePressed()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>mousePressed</h4>
+<pre>public&nbsp;void&nbsp;mousePressed()</pre>
+</li>
+</ul>
+<a name="mouseReleased()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>mouseReleased</h4>
+<pre>public&nbsp;void&nbsp;mouseReleased()</pre>
+</li>
+</ul>
+<a name="mouseReleasedOutside()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>mouseReleasedOutside</h4>
+<pre>public&nbsp;void&nbsp;mouseReleasedOutside()</pre>
+</li>
+</ul>
+<a name="setOff()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setOff</h4>
+<pre>public&nbsp;<a href="../controlP5/Button.html" title="class in controlP5">Button</a>&nbsp;setOff()</pre>
+<div class="block">If the button acts as a switch, setOff will turn off the switch. Use
+ <a href="../controlP5/Button.html#setSwitch(boolean)"><code>setSwitch</code></a> to turn a Button into a Switch.</div>
+<dl><dt><span class="strong">Returns:</span></dt><dd>Button</dd></dl>
+</li>
+</ul>
+<a name="setOn()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setOn</h4>
+<pre>public&nbsp;<a href="../controlP5/Button.html" title="class in controlP5">Button</a>&nbsp;setOn()</pre>
+<div class="block">If the button acts as a switch, setOn will turn on the switch. Use
+ <a href="../controlP5/Button.html#setSwitch(boolean)"><code>setSwitch</code></a> to turn a Button into a Switch.</div>
+<dl><dt><span class="strong">Returns:</span></dt><dd>Button</dd></dl>
+</li>
+</ul>
+<a name="setSwitch(boolean)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setSwitch</h4>
+<pre>public&nbsp;<a href="../controlP5/Button.html" title="class in controlP5">Button</a>&nbsp;setSwitch(boolean&nbsp;theFlag)</pre>
+<div class="block">Turns a button into a switch, or use a Toggle instead.</div>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theFlag</code> - turns the button into a switch when true</dd>
+<dt><span class="strong">Returns:</span></dt><dd>Button</dd><dt><span class="strong">See Also:</span></dt><dd><a href="../controlP5/Toggle.html" title="class in controlP5"><code>Toggle</code></a></dd></dl>
+</li>
+</ul>
+<a name="setValue(float)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setValue</h4>
+<pre>public&nbsp;<a href="../controlP5/Button.html" title="class in controlP5">Button</a>&nbsp;setValue(float&nbsp;theValue)</pre>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerInterface.html#setValue(float)">setValue</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/Button.html" title="class in controlP5">Button</a>&gt;</code></dd>
+<dt><strong>Overrides:</strong></dt>
+<dd><code><a href="../controlP5/Controller.html#setValue(float)">setValue</a></code>&nbsp;in class&nbsp;<code><a href="../controlP5/Controller.html" title="class in controlP5">Controller</a>&lt;<a href="../controlP5/Button.html" title="class in controlP5">Button</a>&gt;</code></dd>
+<dt><span class="strong">Parameters:</span></dt><dd><code>theValue</code> - float</dd></dl>
+</li>
+</ul>
+<a name="toString()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>toString</h4>
+<pre>public&nbsp;java.lang.String&nbsp;toString()</pre>
+<dl>
+<dt><strong>Overrides:</strong></dt>
+<dd><code><a href="../controlP5/Controller.html#toString()">toString</a></code>&nbsp;in class&nbsp;<code><a href="../controlP5/Controller.html" title="class in controlP5">Controller</a>&lt;<a href="../controlP5/Button.html" title="class in controlP5">Button</a>&gt;</code></dd>
+</dl>
+</li>
+</ul>
+<a name="update()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>update</h4>
+<pre>public&nbsp;<a href="../controlP5/Button.html" title="class in controlP5">Button</a>&nbsp;update()</pre>
+<div class="block">updates the value of the controller without having to set the value explicitly. update does
+ not visually update the controller. the updating status can be set with setUpdate(true/false)
+ and checked with isUpdate().</div>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerInterface.html#update()">update</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/Button.html" title="class in controlP5">Button</a>&gt;</code></dd>
+<dt><strong>Overrides:</strong></dt>
+<dd><code><a href="../controlP5/Controller.html#update()">update</a></code>&nbsp;in class&nbsp;<code><a href="../controlP5/Controller.html" title="class in controlP5">Controller</a>&lt;<a href="../controlP5/Button.html" title="class in controlP5">Button</a>&gt;</code></dd>
+<dt><span class="strong">Returns:</span></dt><dd>Controller</dd><dt><span class="strong">See Also:</span></dt><dd><a href="../controlP5/Controller.html#setUpdate(boolean)"><code>Controller.setUpdate(boolean)</code></a>, 
+<a href="../controlP5/Controller.html#isUpdate()"><code>Controller.isUpdate()</code></a></dd></dl>
+</li>
+</ul>
+<a name="updateDisplayMode(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>updateDisplayMode</h4>
+<pre>public&nbsp;<a href="../controlP5/Button.html" title="class in controlP5">Button</a>&nbsp;updateDisplayMode(int&nbsp;theMode)</pre>
+</li>
+</ul>
+<a name="updateViewMode(int)">
+<!--   -->
+</a>
+<ul class="blockListLast">
+<li class="blockList">
+<h4>updateViewMode</h4>
+<pre>public&nbsp;<a href="../controlP5/Button.html" title="class in controlP5">Button</a>&nbsp;updateViewMode(int&nbsp;theMode)</pre>
+</li>
+</ul>
+</li>
+</ul>
+</li>
+</ul>
+</div>
+</div>
+<!-- ========= END OF CLASS DATA ========= -->
+<!-- ======= START OF BOTTOM NAVBAR ====== -->
+<div class="bottomNav"><a name="navbar_bottom">
+<!--   -->
+</a><a href="#skip-navbar_bottom" title="Skip navigation links"></a><a name="navbar_bottom_firstrow">
+<!--   -->
+</a>
+<ul class="navList" title="Navigation">
+<li><a href="../controlP5/package-summary.html">Package</a></li>
+<li class="navBarCell1Rev">Class</li>
+<li><a href="package-tree.html">Tree</a></li>
+<li><a href="../index-all.html">Index</a></li>
+<li><a href="../help-doc.html">Help</a></li>
+</ul>
+</div>
+<div class="subNav">
+<ul class="navList">
+<li><a href="../controlP5/BoundingBox.html" title="class in controlP5"><span class="strong">Prev Class</span></a></li>
+<li><a href="../controlP5/CallbackEvent.html" title="class in controlP5"><span class="strong">Next Class</span></a></li>
+</ul>
+<ul class="navList">
+<li><a href="../index.html?controlP5/Button.html" target="_top">Frames</a></li>
+<li><a href="Button.html" target="_top">No Frames</a></li>
+</ul>
+<ul class="navList" id="allclasses_navbar_bottom">
+<li><a href="../allclasses-noframe.html">All Classes</a></li>
+</ul>
+<div>
+<script type="text/javascript"><!--
+  allClassesLink = document.getElementById("allclasses_navbar_bottom");
+  if(window==top) {
+    allClassesLink.style.display = "block";
+  }
+  else {
+    allClassesLink.style.display = "none";
+  }
+  //-->
+</script>
+</div>
+<div>
+<ul class="subNavList">
+<li>Summary:&nbsp;</li>
+<li>Nested&nbsp;|&nbsp;</li>
+<li><a href="#field_summary">Field</a>&nbsp;|&nbsp;</li>
+<li><a href="#constructor_summary">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_summary">Method</a></li>
+</ul>
+<ul class="subNavList">
+<li>Detail:&nbsp;</li>
+<li><a href="#field_detail">Field</a>&nbsp;|&nbsp;</li>
+<li><a href="#constructor_detail">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_detail">Method</a></li>
+</ul>
+</div>
+<a name="skip-navbar_bottom">
+<!--   -->
+</a></div>
+<!-- ======== END OF BOTTOM NAVBAR ======= -->
+<p class="legalCopy"><small>processing library controlP5 by Andreas Schlegel. (c) 2006-2014</small></p>
+</body>
+</html>
diff --git a/reference/controlP5/CColor.html b/reference/controlP5/CColor.html
new file mode 100644
index 0000000..78f6865
--- /dev/null
+++ b/reference/controlP5/CColor.html
@@ -0,0 +1,486 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
+<!-- NewPage -->
+<html lang="en">
+<head>
+<!-- Generated by javadoc (version 1.7.0_51) on Sun Apr 27 21:39:46 SGT 2014 -->
+<title>CColor (Javadocs: controlP5)</title>
+<meta name="date" content="2014-04-27">
+<link rel="stylesheet" type="text/css" href="../stylesheet.css" title="Style">
+</head>
+<body>
+<script type="text/javascript"><!--
+    if (location.href.indexOf('is-external=true') == -1) {
+        parent.document.title="CColor (Javadocs: controlP5)";
+    }
+//-->
+</script>
+<noscript>
+<div>JavaScript is disabled on your browser.</div>
+</noscript>
+<!-- ========= START OF TOP NAVBAR ======= -->
+<div class="topNav"><a name="navbar_top">
+<!--   -->
+</a><a href="#skip-navbar_top" title="Skip navigation links"></a><a name="navbar_top_firstrow">
+<!--   -->
+</a>
+<ul class="navList" title="Navigation">
+<li><a href="../controlP5/package-summary.html">Package</a></li>
+<li class="navBarCell1Rev">Class</li>
+<li><a href="package-tree.html">Tree</a></li>
+<li><a href="../index-all.html">Index</a></li>
+<li><a href="../help-doc.html">Help</a></li>
+</ul>
+</div>
+<div class="subNav">
+<ul class="navList">
+<li><a href="../controlP5/Canvas.html" title="class in controlP5"><span class="strong">Prev Class</span></a></li>
+<li><a href="../controlP5/CDrawable.html" title="interface in controlP5"><span class="strong">Next Class</span></a></li>
+</ul>
+<ul class="navList">
+<li><a href="../index.html?controlP5/CColor.html" target="_top">Frames</a></li>
+<li><a href="CColor.html" target="_top">No Frames</a></li>
+</ul>
+<ul class="navList" id="allclasses_navbar_top">
+<li><a href="../allclasses-noframe.html">All Classes</a></li>
+</ul>
+<div>
+<script type="text/javascript"><!--
+  allClassesLink = document.getElementById("allclasses_navbar_top");
+  if(window==top) {
+    allClassesLink.style.display = "block";
+  }
+  else {
+    allClassesLink.style.display = "none";
+  }
+  //-->
+</script>
+</div>
+<div>
+<ul class="subNavList">
+<li>Summary:&nbsp;</li>
+<li>Nested&nbsp;|&nbsp;</li>
+<li>Field&nbsp;|&nbsp;</li>
+<li><a href="#constructor_summary">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_summary">Method</a></li>
+</ul>
+<ul class="subNavList">
+<li>Detail:&nbsp;</li>
+<li>Field&nbsp;|&nbsp;</li>
+<li><a href="#constructor_detail">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_detail">Method</a></li>
+</ul>
+</div>
+<a name="skip-navbar_top">
+<!--   -->
+</a></div>
+<!-- ========= END OF TOP NAVBAR ========= -->
+<!-- ======== START OF CLASS DATA ======== -->
+<div class="header">
+<div class="subTitle">controlP5</div>
+<h2 title="Class CColor" class="title">Class CColor</h2>
+</div>
+<div class="contentContainer">
+<ul class="inheritance">
+<li>java.lang.Object</li>
+<li>
+<ul class="inheritance">
+<li>controlP5.CColor</li>
+</ul>
+</li>
+</ul>
+<div class="description">
+<ul class="blockList">
+<li class="blockList">
+<dl>
+<dt>All Implemented Interfaces:</dt>
+<dd>java.io.Serializable</dd>
+</dl>
+<hr>
+<br>
+<pre>public class <span class="strong">CColor</span>
+extends java.lang.Object
+implements java.io.Serializable</pre>
+<div class="block">A CColor instance contains the colors of a controller including the foreground-, background-,
+ active-, captionlabel- and valuelabel-colors.</div>
+<dl><dt><span class="strong">See Also:</span></dt><dd><a href="../serialized-form.html#controlP5.CColor">Serialized Form</a></dd></dl>
+</li>
+</ul>
+</div>
+<div class="summary">
+<ul class="blockList">
+<li class="blockList">
+<!-- ======== CONSTRUCTOR SUMMARY ======== -->
+<ul class="blockList">
+<li class="blockList"><a name="constructor_summary">
+<!--   -->
+</a>
+<h3>Constructor Summary</h3>
+<table class="overviewSummary" border="0" cellpadding="3" cellspacing="0" summary="Constructor Summary table, listing constructors, and an explanation">
+<caption><span>Constructors</span><span class="tabEnd">&nbsp;</span></caption>
+<tr>
+<th class="colOne" scope="col">Constructor and Description</th>
+</tr>
+<tr class="altColor">
+<td class="colOne"><code><strong><a href="../controlP5/CColor.html#CColor()">CColor</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colOne"><code><strong><a href="../controlP5/CColor.html#CColor(controlP5.CColor)">CColor</a></strong>(<a href="../controlP5/CColor.html" title="class in controlP5">CColor</a>&nbsp;theColor)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colOne"><code><strong><a href="../controlP5/CColor.html#CColor(int, int, int, int, int)">CColor</a></strong>(int&nbsp;cfg,
+      int&nbsp;cbg,
+      int&nbsp;cactive,
+      int&nbsp;ccl,
+      int&nbsp;cvl)</code>&nbsp;</td>
+</tr>
+</table>
+</li>
+</ul>
+<!-- ========== METHOD SUMMARY =========== -->
+<ul class="blockList">
+<li class="blockList"><a name="method_summary">
+<!--   -->
+</a>
+<h3>Method Summary</h3>
+<table class="overviewSummary" border="0" cellpadding="3" cellspacing="0" summary="Method Summary table, listing methods, and an explanation">
+<caption><span>Methods</span><span class="tabEnd">&nbsp;</span></caption>
+<tr>
+<th class="colFirst" scope="col">Modifier and Type</th>
+<th class="colLast" scope="col">Method and Description</th>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>boolean</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/CColor.html#equals(java.lang.Object)">equals</a></strong>(java.lang.Object&nbsp;o)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/CColor.html#getActive()">getActive</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/CColor.html#getAlpha()">getAlpha</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/CColor.html#getBackground()">getBackground</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/CColor.html#getCaptionLabel()">getCaptionLabel</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/CColor.html#getForeground()">getForeground</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/CColor.html#getValueLabel()">getValueLabel</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/CColor.html#hashCode()">hashCode</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/CColor.html" title="class in controlP5">CColor</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/CColor.html#setActive(int)">setActive</a></strong>(int&nbsp;theColor)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/CColor.html" title="class in controlP5">CColor</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/CColor.html#setAlpha(int)">setAlpha</a></strong>(int&nbsp;theAlpha)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/CColor.html" title="class in controlP5">CColor</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/CColor.html#setBackground(int)">setBackground</a></strong>(int&nbsp;theColor)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/CColor.html" title="class in controlP5">CColor</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/CColor.html#setCaptionLabel(int)">setCaptionLabel</a></strong>(int&nbsp;theColor)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/CColor.html" title="class in controlP5">CColor</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/CColor.html#setForeground(int)">setForeground</a></strong>(int&nbsp;theColor)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/CColor.html" title="class in controlP5">CColor</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/CColor.html#setValueLabel(int)">setValueLabel</a></strong>(int&nbsp;theColor)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>java.lang.String</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/CColor.html#toString()">toString</a></strong>()</code>&nbsp;</td>
+</tr>
+</table>
+<ul class="blockList">
+<li class="blockList"><a name="methods_inherited_from_class_java.lang.Object">
+<!--   -->
+</a>
+<h3>Methods inherited from class&nbsp;java.lang.Object</h3>
+<code>getClass, notify, notifyAll, wait, wait, wait</code></li>
+</ul>
+</li>
+</ul>
+</li>
+</ul>
+</div>
+<div class="details">
+<ul class="blockList">
+<li class="blockList">
+<!-- ========= CONSTRUCTOR DETAIL ======== -->
+<ul class="blockList">
+<li class="blockList"><a name="constructor_detail">
+<!--   -->
+</a>
+<h3>Constructor Detail</h3>
+<a name="CColor()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>CColor</h4>
+<pre>public&nbsp;CColor()</pre>
+</li>
+</ul>
+<a name="CColor(controlP5.CColor)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>CColor</h4>
+<pre>public&nbsp;CColor(<a href="../controlP5/CColor.html" title="class in controlP5">CColor</a>&nbsp;theColor)</pre>
+</li>
+</ul>
+<a name="CColor(int, int, int, int, int)">
+<!--   -->
+</a>
+<ul class="blockListLast">
+<li class="blockList">
+<h4>CColor</h4>
+<pre>public&nbsp;CColor(int&nbsp;cfg,
+      int&nbsp;cbg,
+      int&nbsp;cactive,
+      int&nbsp;ccl,
+      int&nbsp;cvl)</pre>
+</li>
+</ul>
+</li>
+</ul>
+<!-- ============ METHOD DETAIL ========== -->
+<ul class="blockList">
+<li class="blockList"><a name="method_detail">
+<!--   -->
+</a>
+<h3>Method Detail</h3>
+<a name="equals(java.lang.Object)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>equals</h4>
+<pre>public&nbsp;boolean&nbsp;equals(java.lang.Object&nbsp;o)</pre>
+<dl>
+<dt><strong>Overrides:</strong></dt>
+<dd><code>equals</code>&nbsp;in class&nbsp;<code>java.lang.Object</code></dd>
+</dl>
+</li>
+</ul>
+<a name="getActive()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getActive</h4>
+<pre>public&nbsp;int&nbsp;getActive()</pre>
+</li>
+</ul>
+<a name="getAlpha()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getAlpha</h4>
+<pre>public&nbsp;int&nbsp;getAlpha()</pre>
+</li>
+</ul>
+<a name="getBackground()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getBackground</h4>
+<pre>public&nbsp;int&nbsp;getBackground()</pre>
+</li>
+</ul>
+<a name="getCaptionLabel()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getCaptionLabel</h4>
+<pre>public&nbsp;int&nbsp;getCaptionLabel()</pre>
+</li>
+</ul>
+<a name="getForeground()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getForeground</h4>
+<pre>public&nbsp;int&nbsp;getForeground()</pre>
+</li>
+</ul>
+<a name="getValueLabel()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getValueLabel</h4>
+<pre>public&nbsp;int&nbsp;getValueLabel()</pre>
+</li>
+</ul>
+<a name="hashCode()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>hashCode</h4>
+<pre>public&nbsp;int&nbsp;hashCode()</pre>
+<dl>
+<dt><strong>Overrides:</strong></dt>
+<dd><code>hashCode</code>&nbsp;in class&nbsp;<code>java.lang.Object</code></dd>
+</dl>
+</li>
+</ul>
+<a name="setActive(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setActive</h4>
+<pre>public&nbsp;<a href="../controlP5/CColor.html" title="class in controlP5">CColor</a>&nbsp;setActive(int&nbsp;theColor)</pre>
+</li>
+</ul>
+<a name="setAlpha(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setAlpha</h4>
+<pre>public&nbsp;<a href="../controlP5/CColor.html" title="class in controlP5">CColor</a>&nbsp;setAlpha(int&nbsp;theAlpha)</pre>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theAlpha</code> - </dd></dl>
+</li>
+</ul>
+<a name="setBackground(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setBackground</h4>
+<pre>public&nbsp;<a href="../controlP5/CColor.html" title="class in controlP5">CColor</a>&nbsp;setBackground(int&nbsp;theColor)</pre>
+</li>
+</ul>
+<a name="setCaptionLabel(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setCaptionLabel</h4>
+<pre>public&nbsp;<a href="../controlP5/CColor.html" title="class in controlP5">CColor</a>&nbsp;setCaptionLabel(int&nbsp;theColor)</pre>
+</li>
+</ul>
+<a name="setForeground(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setForeground</h4>
+<pre>public&nbsp;<a href="../controlP5/CColor.html" title="class in controlP5">CColor</a>&nbsp;setForeground(int&nbsp;theColor)</pre>
+</li>
+</ul>
+<a name="setValueLabel(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setValueLabel</h4>
+<pre>public&nbsp;<a href="../controlP5/CColor.html" title="class in controlP5">CColor</a>&nbsp;setValueLabel(int&nbsp;theColor)</pre>
+</li>
+</ul>
+<a name="toString()">
+<!--   -->
+</a>
+<ul class="blockListLast">
+<li class="blockList">
+<h4>toString</h4>
+<pre>public&nbsp;java.lang.String&nbsp;toString()</pre>
+<dl>
+<dt><strong>Overrides:</strong></dt>
+<dd><code>toString</code>&nbsp;in class&nbsp;<code>java.lang.Object</code></dd>
+</dl>
+</li>
+</ul>
+</li>
+</ul>
+</li>
+</ul>
+</div>
+</div>
+<!-- ========= END OF CLASS DATA ========= -->
+<!-- ======= START OF BOTTOM NAVBAR ====== -->
+<div class="bottomNav"><a name="navbar_bottom">
+<!--   -->
+</a><a href="#skip-navbar_bottom" title="Skip navigation links"></a><a name="navbar_bottom_firstrow">
+<!--   -->
+</a>
+<ul class="navList" title="Navigation">
+<li><a href="../controlP5/package-summary.html">Package</a></li>
+<li class="navBarCell1Rev">Class</li>
+<li><a href="package-tree.html">Tree</a></li>
+<li><a href="../index-all.html">Index</a></li>
+<li><a href="../help-doc.html">Help</a></li>
+</ul>
+</div>
+<div class="subNav">
+<ul class="navList">
+<li><a href="../controlP5/Canvas.html" title="class in controlP5"><span class="strong">Prev Class</span></a></li>
+<li><a href="../controlP5/CDrawable.html" title="interface in controlP5"><span class="strong">Next Class</span></a></li>
+</ul>
+<ul class="navList">
+<li><a href="../index.html?controlP5/CColor.html" target="_top">Frames</a></li>
+<li><a href="CColor.html" target="_top">No Frames</a></li>
+</ul>
+<ul class="navList" id="allclasses_navbar_bottom">
+<li><a href="../allclasses-noframe.html">All Classes</a></li>
+</ul>
+<div>
+<script type="text/javascript"><!--
+  allClassesLink = document.getElementById("allclasses_navbar_bottom");
+  if(window==top) {
+    allClassesLink.style.display = "block";
+  }
+  else {
+    allClassesLink.style.display = "none";
+  }
+  //-->
+</script>
+</div>
+<div>
+<ul class="subNavList">
+<li>Summary:&nbsp;</li>
+<li>Nested&nbsp;|&nbsp;</li>
+<li>Field&nbsp;|&nbsp;</li>
+<li><a href="#constructor_summary">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_summary">Method</a></li>
+</ul>
+<ul class="subNavList">
+<li>Detail:&nbsp;</li>
+<li>Field&nbsp;|&nbsp;</li>
+<li><a href="#constructor_detail">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_detail">Method</a></li>
+</ul>
+</div>
+<a name="skip-navbar_bottom">
+<!--   -->
+</a></div>
+<!-- ======== END OF BOTTOM NAVBAR ======= -->
+<p class="legalCopy"><small>processing library controlP5 by Andreas Schlegel. (c) 2006-2014</small></p>
+</body>
+</html>
diff --git a/reference/controlP5/CDrawable.html b/reference/controlP5/CDrawable.html
new file mode 100644
index 0000000..0509071
--- /dev/null
+++ b/reference/controlP5/CDrawable.html
@@ -0,0 +1,206 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
+<!-- NewPage -->
+<html lang="en">
+<head>
+<!-- Generated by javadoc (version 1.7.0_51) on Sun Apr 27 21:39:46 SGT 2014 -->
+<title>CDrawable (Javadocs: controlP5)</title>
+<meta name="date" content="2014-04-27">
+<link rel="stylesheet" type="text/css" href="../stylesheet.css" title="Style">
+</head>
+<body>
+<script type="text/javascript"><!--
+    if (location.href.indexOf('is-external=true') == -1) {
+        parent.document.title="CDrawable (Javadocs: controlP5)";
+    }
+//-->
+</script>
+<noscript>
+<div>JavaScript is disabled on your browser.</div>
+</noscript>
+<!-- ========= START OF TOP NAVBAR ======= -->
+<div class="topNav"><a name="navbar_top">
+<!--   -->
+</a><a href="#skip-navbar_top" title="Skip navigation links"></a><a name="navbar_top_firstrow">
+<!--   -->
+</a>
+<ul class="navList" title="Navigation">
+<li><a href="../controlP5/package-summary.html">Package</a></li>
+<li class="navBarCell1Rev">Class</li>
+<li><a href="package-tree.html">Tree</a></li>
+<li><a href="../index-all.html">Index</a></li>
+<li><a href="../help-doc.html">Help</a></li>
+</ul>
+</div>
+<div class="subNav">
+<ul class="navList">
+<li><a href="../controlP5/CColor.html" title="class in controlP5"><span class="strong">Prev Class</span></a></li>
+<li><a href="../controlP5/Chart.html" title="class in controlP5"><span class="strong">Next Class</span></a></li>
+</ul>
+<ul class="navList">
+<li><a href="../index.html?controlP5/CDrawable.html" target="_top">Frames</a></li>
+<li><a href="CDrawable.html" target="_top">No Frames</a></li>
+</ul>
+<ul class="navList" id="allclasses_navbar_top">
+<li><a href="../allclasses-noframe.html">All Classes</a></li>
+</ul>
+<div>
+<script type="text/javascript"><!--
+  allClassesLink = document.getElementById("allclasses_navbar_top");
+  if(window==top) {
+    allClassesLink.style.display = "block";
+  }
+  else {
+    allClassesLink.style.display = "none";
+  }
+  //-->
+</script>
+</div>
+<div>
+<ul class="subNavList">
+<li>Summary:&nbsp;</li>
+<li>Nested&nbsp;|&nbsp;</li>
+<li>Field&nbsp;|&nbsp;</li>
+<li>Constr&nbsp;|&nbsp;</li>
+<li><a href="#method_summary">Method</a></li>
+</ul>
+<ul class="subNavList">
+<li>Detail:&nbsp;</li>
+<li>Field&nbsp;|&nbsp;</li>
+<li>Constr&nbsp;|&nbsp;</li>
+<li><a href="#method_detail">Method</a></li>
+</ul>
+</div>
+<a name="skip-navbar_top">
+<!--   -->
+</a></div>
+<!-- ========= END OF TOP NAVBAR ========= -->
+<!-- ======== START OF CLASS DATA ======== -->
+<div class="header">
+<div class="subTitle">controlP5</div>
+<h2 title="Interface CDrawable" class="title">Interface CDrawable</h2>
+</div>
+<div class="contentContainer">
+<div class="description">
+<ul class="blockList">
+<li class="blockList">
+<dl>
+<dt>All Known Implementing Classes:</dt>
+<dd><a href="../controlP5/Bang.html" title="class in controlP5">Bang</a>, <a href="../controlP5/BoundingBox.html" title="class in controlP5">BoundingBox</a>, <a href="../controlP5/Button.html" title="class in controlP5">Button</a>, <a href="../controlP5/Chart.html" title="class in controlP5">Chart</a>, <a href="../controlP5/ColorWheel.html" title="class in controlP5">ColorWheel</a>, <a href="../controlP5/Controller.html" title="class in controlP5">Controller</a>, <a href="../controlP5/FrameRate.html" title="class in controlP5">FrameRate</a>, <a href="../controlP5/Knob.html" title="class in controlP5">Knob</a>, <a href="../controlP5/Label.html" title="class in controlP5">Label</a>, <a href="../controlP5/Matrix.html" title="class in controlP5">Matrix</a>, <a href="../controlP5/MultiList.html" title="class in controlP5">MultiList</a>, <a href="../controlP5/MultiListButton.html" title="class in controlP5">MultiListButton</a>, <a href="../controlP5/Numberbox.html" title="class in controlP5">Numberbox</a>, <a href="../controlP5/Range.html" title="class in controlP5">Range</a>, <a href="../controlP5/ScrollableList.html" title="class in controlP5">ScrollableList</a>, <a href="../controlP5/Slider.html" title="class in controlP5">Slider</a>, <a href="../controlP5/Slider2D.html" title="class in controlP5">Slider2D</a>, <a href="../controlP5/Textfield.html" title="class in controlP5">Textfield</a>, <a href="../controlP5/Textlabel.html" title="class in controlP5">Textlabel</a>, <a href="../controlP5/TickMark.html" title="class in controlP5">TickMark</a>, <a href="../controlP5/Toggle.html" title="class in controlP5">Toggle</a></dd>
+</dl>
+<hr>
+<br>
+<pre>public interface <span class="strong">CDrawable</span></pre>
+<div class="block">The CDrawable interface is used to draw controllers, primarily for internal use.</div>
+</li>
+</ul>
+</div>
+<div class="summary">
+<ul class="blockList">
+<li class="blockList">
+<!-- ========== METHOD SUMMARY =========== -->
+<ul class="blockList">
+<li class="blockList"><a name="method_summary">
+<!--   -->
+</a>
+<h3>Method Summary</h3>
+<table class="overviewSummary" border="0" cellpadding="3" cellspacing="0" summary="Method Summary table, listing methods, and an explanation">
+<caption><span>Methods</span><span class="tabEnd">&nbsp;</span></caption>
+<tr>
+<th class="colFirst" scope="col">Modifier and Type</th>
+<th class="colLast" scope="col">Method and Description</th>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>void</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/CDrawable.html#draw(processing.core.PGraphics)">draw</a></strong>(processing.core.PGraphics&nbsp;theGraphics)</code>&nbsp;</td>
+</tr>
+</table>
+</li>
+</ul>
+</li>
+</ul>
+</div>
+<div class="details">
+<ul class="blockList">
+<li class="blockList">
+<!-- ============ METHOD DETAIL ========== -->
+<ul class="blockList">
+<li class="blockList"><a name="method_detail">
+<!--   -->
+</a>
+<h3>Method Detail</h3>
+<a name="draw(processing.core.PGraphics)">
+<!--   -->
+</a>
+<ul class="blockListLast">
+<li class="blockList">
+<h4>draw</h4>
+<pre>void&nbsp;draw(processing.core.PGraphics&nbsp;theGraphics)</pre>
+</li>
+</ul>
+</li>
+</ul>
+</li>
+</ul>
+</div>
+</div>
+<!-- ========= END OF CLASS DATA ========= -->
+<!-- ======= START OF BOTTOM NAVBAR ====== -->
+<div class="bottomNav"><a name="navbar_bottom">
+<!--   -->
+</a><a href="#skip-navbar_bottom" title="Skip navigation links"></a><a name="navbar_bottom_firstrow">
+<!--   -->
+</a>
+<ul class="navList" title="Navigation">
+<li><a href="../controlP5/package-summary.html">Package</a></li>
+<li class="navBarCell1Rev">Class</li>
+<li><a href="package-tree.html">Tree</a></li>
+<li><a href="../index-all.html">Index</a></li>
+<li><a href="../help-doc.html">Help</a></li>
+</ul>
+</div>
+<div class="subNav">
+<ul class="navList">
+<li><a href="../controlP5/CColor.html" title="class in controlP5"><span class="strong">Prev Class</span></a></li>
+<li><a href="../controlP5/Chart.html" title="class in controlP5"><span class="strong">Next Class</span></a></li>
+</ul>
+<ul class="navList">
+<li><a href="../index.html?controlP5/CDrawable.html" target="_top">Frames</a></li>
+<li><a href="CDrawable.html" target="_top">No Frames</a></li>
+</ul>
+<ul class="navList" id="allclasses_navbar_bottom">
+<li><a href="../allclasses-noframe.html">All Classes</a></li>
+</ul>
+<div>
+<script type="text/javascript"><!--
+  allClassesLink = document.getElementById("allclasses_navbar_bottom");
+  if(window==top) {
+    allClassesLink.style.display = "block";
+  }
+  else {
+    allClassesLink.style.display = "none";
+  }
+  //-->
+</script>
+</div>
+<div>
+<ul class="subNavList">
+<li>Summary:&nbsp;</li>
+<li>Nested&nbsp;|&nbsp;</li>
+<li>Field&nbsp;|&nbsp;</li>
+<li>Constr&nbsp;|&nbsp;</li>
+<li><a href="#method_summary">Method</a></li>
+</ul>
+<ul class="subNavList">
+<li>Detail:&nbsp;</li>
+<li>Field&nbsp;|&nbsp;</li>
+<li>Constr&nbsp;|&nbsp;</li>
+<li><a href="#method_detail">Method</a></li>
+</ul>
+</div>
+<a name="skip-navbar_bottom">
+<!--   -->
+</a></div>
+<!-- ======== END OF BOTTOM NAVBAR ======= -->
+<p class="legalCopy"><small>processing library controlP5 by Andreas Schlegel. (c) 2006-2014</small></p>
+</body>
+</html>
diff --git a/reference/controlP5/CP.html b/reference/controlP5/CP.html
new file mode 100644
index 0000000..78fecc3
--- /dev/null
+++ b/reference/controlP5/CP.html
@@ -0,0 +1,481 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
+<!-- NewPage -->
+<html lang="en">
+<head>
+<!-- Generated by javadoc (version 1.7.0_51) on Sun Apr 27 21:39:47 SGT 2014 -->
+<title>CP (Javadocs: controlP5)</title>
+<meta name="date" content="2014-04-27">
+<link rel="stylesheet" type="text/css" href="../stylesheet.css" title="Style">
+</head>
+<body>
+<script type="text/javascript"><!--
+    if (location.href.indexOf('is-external=true') == -1) {
+        parent.document.title="CP (Javadocs: controlP5)";
+    }
+//-->
+</script>
+<noscript>
+<div>JavaScript is disabled on your browser.</div>
+</noscript>
+<!-- ========= START OF TOP NAVBAR ======= -->
+<div class="topNav"><a name="navbar_top">
+<!--   -->
+</a><a href="#skip-navbar_top" title="Skip navigation links"></a><a name="navbar_top_firstrow">
+<!--   -->
+</a>
+<ul class="navList" title="Navigation">
+<li><a href="../controlP5/package-summary.html">Package</a></li>
+<li class="navBarCell1Rev">Class</li>
+<li><a href="package-tree.html">Tree</a></li>
+<li><a href="../index-all.html">Index</a></li>
+<li><a href="../help-doc.html">Help</a></li>
+</ul>
+</div>
+<div class="subNav">
+<ul class="navList">
+<li>Prev Class</li>
+<li><a href="../controlP5/DropdownList.html" title="class in controlP5"><span class="strong">Next Class</span></a></li>
+</ul>
+<ul class="navList">
+<li><a href="../index.html?controlP5/CP.html" target="_top">Frames</a></li>
+<li><a href="CP.html" target="_top">No Frames</a></li>
+</ul>
+<ul class="navList" id="allclasses_navbar_top">
+<li><a href="../allclasses-noframe.html">All Classes</a></li>
+</ul>
+<div>
+<script type="text/javascript"><!--
+  allClassesLink = document.getElementById("allclasses_navbar_top");
+  if(window==top) {
+    allClassesLink.style.display = "block";
+  }
+  else {
+    allClassesLink.style.display = "none";
+  }
+  //-->
+</script>
+</div>
+<div>
+<ul class="subNavList">
+<li>Summary:&nbsp;</li>
+<li>Nested&nbsp;|&nbsp;</li>
+<li>Field&nbsp;|&nbsp;</li>
+<li><a href="#constructor_summary">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_summary">Method</a></li>
+</ul>
+<ul class="subNavList">
+<li>Detail:&nbsp;</li>
+<li>Field&nbsp;|&nbsp;</li>
+<li><a href="#constructor_detail">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_detail">Method</a></li>
+</ul>
+</div>
+<a name="skip-navbar_top">
+<!--   -->
+</a></div>
+<!-- ========= END OF TOP NAVBAR ========= -->
+<!-- ======== START OF CLASS DATA ======== -->
+<div class="header">
+<div class="subTitle">controlP5</div>
+<h2 title="Class CP" class="title">Class CP</h2>
+</div>
+<div class="contentContainer">
+<ul class="inheritance">
+<li>java.lang.Object</li>
+<li>
+<ul class="inheritance">
+<li>controlP5.CP</li>
+</ul>
+</li>
+</ul>
+<div class="description">
+<ul class="blockList">
+<li class="blockList">
+<hr>
+<br>
+<pre>public class <span class="strong">CP</span>
+extends java.lang.Object</pre>
+</li>
+</ul>
+</div>
+<div class="summary">
+<ul class="blockList">
+<li class="blockList">
+<!-- ======== CONSTRUCTOR SUMMARY ======== -->
+<ul class="blockList">
+<li class="blockList"><a name="constructor_summary">
+<!--   -->
+</a>
+<h3>Constructor Summary</h3>
+<table class="overviewSummary" border="0" cellpadding="3" cellspacing="0" summary="Constructor Summary table, listing constructors, and an explanation">
+<caption><span>Constructors</span><span class="tabEnd">&nbsp;</span></caption>
+<tr>
+<th class="colOne" scope="col">Constructor and Description</th>
+</tr>
+<tr class="altColor">
+<td class="colOne"><code><strong><a href="../controlP5/CP.html#CP()">CP</a></strong>()</code>&nbsp;</td>
+</tr>
+</table>
+</li>
+</ul>
+<!-- ========== METHOD SUMMARY =========== -->
+<ul class="blockList">
+<li class="blockList"><a name="method_summary">
+<!--   -->
+</a>
+<h3>Method Summary</h3>
+<table class="overviewSummary" border="0" cellpadding="3" cellspacing="0" summary="Method Summary table, listing methods, and an explanation">
+<caption><span>Methods</span><span class="tabEnd">&nbsp;</span></caption>
+<tr>
+<th class="colFirst" scope="col">Modifier and Type</th>
+<th class="colLast" scope="col">Method and Description</th>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>static java.lang.String</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/CP.html#arrayToString(java.lang.Object)">arrayToString</a></strong>(java.lang.Object&nbsp;aArray)</code>
+<div class="block">* Convenience method for producing a simple textual representation of an array.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>static int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/CP.html#byteArrayToInt(byte[])">byteArrayToInt</a></strong>(byte[]&nbsp;b)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>static byte[]</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/CP.html#decodeBase64(java.lang.String)">decodeBase64</a></strong>(java.lang.String&nbsp;base64)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>static java.lang.String</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/CP.html#encodeBase64(byte[])">encodeBase64</a></strong>(byte[]&nbsp;raw)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>static java.lang.String</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/CP.html#forHTMLTag(java.lang.String)">forHTMLTag</a></strong>(java.lang.String&nbsp;aTagFragment)</code>
+<div class="block">borrowed from http://www.javapractices.com/Topic96.cjp</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>static java.lang.String</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/CP.html#forURL(java.lang.String)">forURL</a></strong>(java.lang.String&nbsp;aURLFragment)</code>
+<div class="block">borrowed from http://www.javapractices.com/Topic96.cjp</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>static int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/CP.html#getBit(int, int)">getBit</a></strong>(int&nbsp;theByte,
+      int&nbsp;theIndex)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>static boolean</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/CP.html#inside(int[], float, float)">inside</a></strong>(int[]&nbsp;theRect,
+      float&nbsp;theX,
+      float&nbsp;theY)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>static boolean</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/CP.html#inside(int[], processing.core.PVector)">inside</a></strong>(int[]&nbsp;theRect,
+      processing.core.PVector&nbsp;theVector)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>static byte[]</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/CP.html#intToByteArray(int)">intToByteArray</a></strong>(int&nbsp;a)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>static java.lang.String</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/CP.html#intToString(int)">intToString</a></strong>(int&nbsp;theInt)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>static int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/CP.html#parseHex(java.lang.String)">parseHex</a></strong>(java.lang.String&nbsp;theHex)</code>
+<div class="block">convert a hex number into an int</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>static java.lang.String</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/CP.html#replace(java.lang.String, java.lang.String, java.lang.String)">replace</a></strong>(java.lang.String&nbsp;theSourceString,
+       java.lang.String&nbsp;theSearchForString,
+       java.lang.String&nbsp;theReplaceString)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>static byte</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/CP.html#setHigh(byte, int)">setHigh</a></strong>(byte&nbsp;theByte,
+       int&nbsp;theIndex)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>static byte</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/CP.html#setLow(byte, int)">setLow</a></strong>(byte&nbsp;theByte,
+      int&nbsp;theIndex)</code>&nbsp;</td>
+</tr>
+</table>
+<ul class="blockList">
+<li class="blockList"><a name="methods_inherited_from_class_java.lang.Object">
+<!--   -->
+</a>
+<h3>Methods inherited from class&nbsp;java.lang.Object</h3>
+<code>equals, getClass, hashCode, notify, notifyAll, toString, wait, wait, wait</code></li>
+</ul>
+</li>
+</ul>
+</li>
+</ul>
+</div>
+<div class="details">
+<ul class="blockList">
+<li class="blockList">
+<!-- ========= CONSTRUCTOR DETAIL ======== -->
+<ul class="blockList">
+<li class="blockList"><a name="constructor_detail">
+<!--   -->
+</a>
+<h3>Constructor Detail</h3>
+<a name="CP()">
+<!--   -->
+</a>
+<ul class="blockListLast">
+<li class="blockList">
+<h4>CP</h4>
+<pre>public&nbsp;CP()</pre>
+</li>
+</ul>
+</li>
+</ul>
+<!-- ============ METHOD DETAIL ========== -->
+<ul class="blockList">
+<li class="blockList"><a name="method_detail">
+<!--   -->
+</a>
+<h3>Method Detail</h3>
+<a name="arrayToString(java.lang.Object)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>arrayToString</h4>
+<pre>public static&nbsp;java.lang.String&nbsp;arrayToString(java.lang.Object&nbsp;aArray)</pre>
+<div class="block">* Convenience method for producing a simple textual representation of an array.
+ 
+ <P>
+ The format of the returned <code>String</code> is the same as
+ <code>AbstractCollection.toString</code>:
+ <ul>
+ <li>non-empty array: [blah, blah]
+ <li>empty array: []
+ <li>null array: null
+ </ul>
+ 
+ 
+ <code>aArray</code> is a possibly-null array whose elements are primitives or objects; arrays
+ of arrays are also valid, in which case <code>aArray</code> is rendered in a nested,
+ recursive fashion.</div>
+</li>
+</ul>
+<a name="byteArrayToInt(byte[])">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>byteArrayToInt</h4>
+<pre>public static&nbsp;int&nbsp;byteArrayToInt(byte[]&nbsp;b)</pre>
+</li>
+</ul>
+<a name="decodeBase64(java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>decodeBase64</h4>
+<pre>public static&nbsp;byte[]&nbsp;decodeBase64(java.lang.String&nbsp;base64)</pre>
+</li>
+</ul>
+<a name="encodeBase64(byte[])">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>encodeBase64</h4>
+<pre>public static&nbsp;java.lang.String&nbsp;encodeBase64(byte[]&nbsp;raw)</pre>
+</li>
+</ul>
+<a name="forHTMLTag(java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>forHTMLTag</h4>
+<pre>public static&nbsp;java.lang.String&nbsp;forHTMLTag(java.lang.String&nbsp;aTagFragment)</pre>
+<div class="block">borrowed from http://www.javapractices.com/Topic96.cjp</div>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>aTagFragment</code> - String</dd>
+<dt><span class="strong">Returns:</span></dt><dd>String</dd></dl>
+</li>
+</ul>
+<a name="forURL(java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>forURL</h4>
+<pre>public static&nbsp;java.lang.String&nbsp;forURL(java.lang.String&nbsp;aURLFragment)</pre>
+<div class="block">borrowed from http://www.javapractices.com/Topic96.cjp</div>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>aURLFragment</code> - String</dd>
+<dt><span class="strong">Returns:</span></dt><dd>String</dd></dl>
+</li>
+</ul>
+<a name="getBit(int, int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getBit</h4>
+<pre>public static&nbsp;int&nbsp;getBit(int&nbsp;theByte,
+         int&nbsp;theIndex)</pre>
+</li>
+</ul>
+<a name="inside(int[], float, float)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>inside</h4>
+<pre>public static&nbsp;boolean&nbsp;inside(int[]&nbsp;theRect,
+             float&nbsp;theX,
+             float&nbsp;theY)</pre>
+</li>
+</ul>
+<a name="inside(int[], processing.core.PVector)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>inside</h4>
+<pre>public static&nbsp;boolean&nbsp;inside(int[]&nbsp;theRect,
+             processing.core.PVector&nbsp;theVector)</pre>
+</li>
+</ul>
+<a name="intToByteArray(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>intToByteArray</h4>
+<pre>public static&nbsp;byte[]&nbsp;intToByteArray(int&nbsp;a)</pre>
+</li>
+</ul>
+<a name="intToString(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>intToString</h4>
+<pre>public static&nbsp;java.lang.String&nbsp;intToString(int&nbsp;theInt)</pre>
+</li>
+</ul>
+<a name="parseHex(java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>parseHex</h4>
+<pre>public static&nbsp;int&nbsp;parseHex(java.lang.String&nbsp;theHex)</pre>
+<div class="block">convert a hex number into an int</div>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theHex</code> - </dd>
+<dt><span class="strong">Returns:</span></dt><dd></dd></dl>
+</li>
+</ul>
+<a name="replace(java.lang.String, java.lang.String, java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>replace</h4>
+<pre>public static&nbsp;java.lang.String&nbsp;replace(java.lang.String&nbsp;theSourceString,
+                       java.lang.String&nbsp;theSearchForString,
+                       java.lang.String&nbsp;theReplaceString)</pre>
+</li>
+</ul>
+<a name="setHigh(byte, int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setHigh</h4>
+<pre>public static&nbsp;byte&nbsp;setHigh(byte&nbsp;theByte,
+           int&nbsp;theIndex)</pre>
+</li>
+</ul>
+<a name="setLow(byte, int)">
+<!--   -->
+</a>
+<ul class="blockListLast">
+<li class="blockList">
+<h4>setLow</h4>
+<pre>public static&nbsp;byte&nbsp;setLow(byte&nbsp;theByte,
+          int&nbsp;theIndex)</pre>
+</li>
+</ul>
+</li>
+</ul>
+</li>
+</ul>
+</div>
+</div>
+<!-- ========= END OF CLASS DATA ========= -->
+<!-- ======= START OF BOTTOM NAVBAR ====== -->
+<div class="bottomNav"><a name="navbar_bottom">
+<!--   -->
+</a><a href="#skip-navbar_bottom" title="Skip navigation links"></a><a name="navbar_bottom_firstrow">
+<!--   -->
+</a>
+<ul class="navList" title="Navigation">
+<li><a href="../controlP5/package-summary.html">Package</a></li>
+<li class="navBarCell1Rev">Class</li>
+<li><a href="package-tree.html">Tree</a></li>
+<li><a href="../index-all.html">Index</a></li>
+<li><a href="../help-doc.html">Help</a></li>
+</ul>
+</div>
+<div class="subNav">
+<ul class="navList">
+<li>Prev Class</li>
+<li><a href="../controlP5/DropdownList.html" title="class in controlP5"><span class="strong">Next Class</span></a></li>
+</ul>
+<ul class="navList">
+<li><a href="../index.html?controlP5/CP.html" target="_top">Frames</a></li>
+<li><a href="CP.html" target="_top">No Frames</a></li>
+</ul>
+<ul class="navList" id="allclasses_navbar_bottom">
+<li><a href="../allclasses-noframe.html">All Classes</a></li>
+</ul>
+<div>
+<script type="text/javascript"><!--
+  allClassesLink = document.getElementById("allclasses_navbar_bottom");
+  if(window==top) {
+    allClassesLink.style.display = "block";
+  }
+  else {
+    allClassesLink.style.display = "none";
+  }
+  //-->
+</script>
+</div>
+<div>
+<ul class="subNavList">
+<li>Summary:&nbsp;</li>
+<li>Nested&nbsp;|&nbsp;</li>
+<li>Field&nbsp;|&nbsp;</li>
+<li><a href="#constructor_summary">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_summary">Method</a></li>
+</ul>
+<ul class="subNavList">
+<li>Detail:&nbsp;</li>
+<li>Field&nbsp;|&nbsp;</li>
+<li><a href="#constructor_detail">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_detail">Method</a></li>
+</ul>
+</div>
+<a name="skip-navbar_bottom">
+<!--   -->
+</a></div>
+<!-- ======== END OF BOTTOM NAVBAR ======= -->
+<p class="legalCopy"><small>processing library controlP5 by Andreas Schlegel. (c) 2006-2014</small></p>
+</body>
+</html>
diff --git a/reference/controlP5/CallbackEvent.html b/reference/controlP5/CallbackEvent.html
new file mode 100644
index 0000000..e72680c
--- /dev/null
+++ b/reference/controlP5/CallbackEvent.html
@@ -0,0 +1,438 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
+<!-- NewPage -->
+<html lang="en">
+<head>
+<!-- Generated by javadoc (version 1.7.0_51) on Sun Apr 27 21:39:46 SGT 2014 -->
+<title>CallbackEvent (Javadocs: controlP5)</title>
+<meta name="date" content="2014-04-27">
+<link rel="stylesheet" type="text/css" href="../stylesheet.css" title="Style">
+</head>
+<body>
+<script type="text/javascript"><!--
+    if (location.href.indexOf('is-external=true') == -1) {
+        parent.document.title="CallbackEvent (Javadocs: controlP5)";
+    }
+//-->
+</script>
+<noscript>
+<div>JavaScript is disabled on your browser.</div>
+</noscript>
+<!-- ========= START OF TOP NAVBAR ======= -->
+<div class="topNav"><a name="navbar_top">
+<!--   -->
+</a><a href="#skip-navbar_top" title="Skip navigation links"></a><a name="navbar_top_firstrow">
+<!--   -->
+</a>
+<ul class="navList" title="Navigation">
+<li><a href="../controlP5/package-summary.html">Package</a></li>
+<li class="navBarCell1Rev">Class</li>
+<li><a href="package-tree.html">Tree</a></li>
+<li><a href="../index-all.html">Index</a></li>
+<li><a href="../help-doc.html">Help</a></li>
+</ul>
+</div>
+<div class="subNav">
+<ul class="navList">
+<li><a href="../controlP5/Button.html" title="class in controlP5"><span class="strong">Prev Class</span></a></li>
+<li><a href="../controlP5/CallbackListener.html" title="interface in controlP5"><span class="strong">Next Class</span></a></li>
+</ul>
+<ul class="navList">
+<li><a href="../index.html?controlP5/CallbackEvent.html" target="_top">Frames</a></li>
+<li><a href="CallbackEvent.html" target="_top">No Frames</a></li>
+</ul>
+<ul class="navList" id="allclasses_navbar_top">
+<li><a href="../allclasses-noframe.html">All Classes</a></li>
+</ul>
+<div>
+<script type="text/javascript"><!--
+  allClassesLink = document.getElementById("allclasses_navbar_top");
+  if(window==top) {
+    allClassesLink.style.display = "block";
+  }
+  else {
+    allClassesLink.style.display = "none";
+  }
+  //-->
+</script>
+</div>
+<div>
+<ul class="subNavList">
+<li>Summary:&nbsp;</li>
+<li>Nested&nbsp;|&nbsp;</li>
+<li>Field&nbsp;|&nbsp;</li>
+<li>Constr&nbsp;|&nbsp;</li>
+<li><a href="#method_summary">Method</a></li>
+</ul>
+<ul class="subNavList">
+<li>Detail:&nbsp;</li>
+<li>Field&nbsp;|&nbsp;</li>
+<li>Constr&nbsp;|&nbsp;</li>
+<li><a href="#method_detail">Method</a></li>
+</ul>
+</div>
+<a name="skip-navbar_top">
+<!--   -->
+</a></div>
+<!-- ========= END OF TOP NAVBAR ========= -->
+<!-- ======== START OF CLASS DATA ======== -->
+<div class="header">
+<div class="subTitle">controlP5</div>
+<h2 title="Class CallbackEvent" class="title">Class CallbackEvent</h2>
+</div>
+<div class="contentContainer">
+<ul class="inheritance">
+<li>java.lang.Object</li>
+<li>
+<ul class="inheritance">
+<li>controlP5.CallbackEvent</li>
+</ul>
+</li>
+</ul>
+<div class="description">
+<ul class="blockList">
+<li class="blockList">
+<hr>
+<br>
+<pre>public class <span class="strong">CallbackEvent</span>
+extends java.lang.Object</pre>
+<div class="block"><p>
+ A CallbackEvent is send when a controller action such as enter, leave, press, etc has occurs.
+ </p></div>
+<dl><script type="text/javascript">
+<!--
+document.getElementsByTagName('html')[0].className = 'isjs';function toggle(dt) { var display, dd=dt; do{ dd = dd.nextSibling } while(dd.tagName!='DD'); toOpen =!dd.style.display;dd.style.display = toOpen? 'block':''; dt.getElementsByTagName('span')[0].innerHTML  = toOpen? '-':'+' ; }
+-->
+</script>
+<div id="test" class="toggleList"><dl><dt onclick="toggle(this);"><span>+</span>Example</dt><dd><code><pre>/**
+ * ControlP5 Callback
+ *
+ * The following example demonstrates the CallbackListener and CallbackEvent. 
+ * Here additional information about each available slider will be show when
+ * hovering the controller with the mouse. The info will fade out when leaving
+ * the controller. 
+ *
+ * When hovering a controller, the mouse pointer will change as well.
+ * 
+ * find a list of public methods available for the CallbackEvent Controller
+ * at the bottom of this sketch.
+ *
+ * by Andreas Schlegel, 2012
+ * www.sojamo.de/libraries/controlp5
+ *
+ */
+
+import controlP5.*;
+
+ControlP5 cp5;
+Slider s1, s2;
+Info info;
+CallbackListener cb;
+
+void setup() {
+  size(800, 400);
+
+  cp5 = new ControlP5(this);
+
+  
+  // create a new instance of class Info
+  // info will be used to display a controller's information and
+  // will fade in when a CallbackEvent is invoked.
+  info = new Info();
+
+
+  // add 2 sliders
+  s1 = cp5.addSlider("hello")
+          .setRange(0, 100)
+          .setValue(50)
+          .setPosition(40, 40)
+          .setSize(100, 20);
+          
+  s2 = cp5.addSlider("world")
+          .setRange(0, 100)
+          .setValue(10)
+          .setPosition(40, 70)
+          .setSize(100, 20);
+
+
+  // the following CallbackListener will listen to any controlP5 
+  // action such as enter, leave, pressed, released, releasedoutside, broadcast
+  // see static variables starting with ACTION_ inside class controlP5.ControlP5Constants
+
+  cb = new CallbackListener() {
+    public void controlEvent(CallbackEvent theEvent) {
+      switch(theEvent.getAction()) {
+        case(ControlP5.ACTION_ENTER):
+        info.n = 1;
+        info.label.setText(theEvent.getController().getInfo());
+        cursor(HAND);
+        break;
+        case(ControlP5.ACTION_LEAVE):
+        case(ControlP5.ACTION_RELEASEDOUTSIDE):
+        info.n = 0;
+        cursor(ARROW);
+        break;
+      }
+    }
+  };
+
+  // add the above callback to controlP5
+  cp5.addCallback(cb);
+
+  // add another callback to slider s1, callback event will only be invoked for this 
+  // particular controller.
+  s1.addCallback(new CallbackListener() {
+    public void controlEvent(CallbackEvent theEvent) {
+      if (theEvent.getAction()==ControlP5.ACTION_BROADCAST) {
+        s2.setValue(s2.getMax() - s1.getValue());
+      }
+    }
+  }
+  );
+}
+
+void draw() {
+  background(0);
+  info.update();
+}
+
+
+void controlEvent(ControlEvent theEvent) {
+  println("Got a ControlEvent for "+theEvent.name()+" = "+theEvent.value());
+  info.label.setText(theEvent.getController().getInfo());
+}
+
+void keyPressed() {
+  // uncomment the line below to remove callback cb from controlP5
+  // when a key is pressed.
+  //controlP5.removeCallback(cb);
+}
+
+// controlEvent(CallbackEvent) is called whenever a callback 
+// has been triggered. controlEvent(CallbackEvent) is detected by 
+// controlP5 automatically.
+void controlEvent(CallbackEvent theEvent) {
+  if (theEvent.getController().equals(s2)) {
+    switch(theEvent.getAction()) {
+      case(ControlP5.ACTION_ENTER): 
+      println("Action:ENTER");
+      break;
+      case(ControlP5.ACTION_LEAVE): 
+      println("Action:LEAVE");
+      break;
+      case(ControlP5.ACTION_PRESSED): 
+      println("Action:PRESSED");
+      break;
+      case(ControlP5.ACTION_RELEASED): 
+      println("Action:RELEASED");
+      break;
+      case(ControlP5.ACTION_RELEASEDOUTSIDE): 
+      println("Action:RELEASED OUTSIDE");
+      break;
+      case(ControlP5.ACTION_BROADCAST): 
+      println("Action:BROADCAST");
+      break;
+    }
+  }
+}
+
+
+
+class Info {
+  float a;
+  float n = 0;
+  String txt = "";
+  Textarea label;
+  
+  Info() {
+    label = cp5.addTextarea("Hello\nWorld")
+               .setSize(200,200)
+               .setPosition(300,40)
+               .setColor(color(255))
+               .setColorBackground(color(100,0))
+               .setLineHeight(12);
+                   
+  }
+  
+  void update() {
+    a += (n-a)*0.1;
+    label.setColorBackground(color(100,255*a));
+  }
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+/*
+a list of all methods available for the CallbackEvent Controller
+ use ControlP5.printPublicMethodsFor(CallbackEvent.class);
+ to print the following list into the console.
+ 
+ You can find further details about class CallbackEvent in the javadoc.
+ 
+ Format:
+ ClassName : returnType methodName(parameter type)
+ 
+ 
+ controlP5.CallbackEvent : Controller getController() 
+ controlP5.CallbackEvent : int getAction() 
+ java.lang.Object : String toString() 
+ java.lang.Object : boolean equals(Object) 
+ 
+ 
+ */
+
+
+
+</pre></code></dd></dl></div></dl>
+</li>
+</ul>
+</div>
+<div class="summary">
+<ul class="blockList">
+<li class="blockList">
+<!-- ========== METHOD SUMMARY =========== -->
+<ul class="blockList">
+<li class="blockList"><a name="method_summary">
+<!--   -->
+</a>
+<h3>Method Summary</h3>
+<table class="overviewSummary" border="0" cellpadding="3" cellspacing="0" summary="Method Summary table, listing methods, and an explanation">
+<caption><span>Methods</span><span class="tabEnd">&nbsp;</span></caption>
+<tr>
+<th class="colFirst" scope="col">Modifier and Type</th>
+<th class="colLast" scope="col">Method and Description</th>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/CallbackEvent.html#getAction()">getAction</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Controller.html" title="class in controlP5">Controller</a>&lt;?&gt;</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/CallbackEvent.html#getController()">getController</a></strong>()</code>
+<div class="block">Returns the Controller that triggered the Callback Event.</div>
+</td>
+</tr>
+</table>
+<ul class="blockList">
+<li class="blockList"><a name="methods_inherited_from_class_java.lang.Object">
+<!--   -->
+</a>
+<h3>Methods inherited from class&nbsp;java.lang.Object</h3>
+<code>equals, getClass, hashCode, notify, notifyAll, toString, wait, wait, wait</code></li>
+</ul>
+</li>
+</ul>
+</li>
+</ul>
+</div>
+<div class="details">
+<ul class="blockList">
+<li class="blockList">
+<!-- ============ METHOD DETAIL ========== -->
+<ul class="blockList">
+<li class="blockList"><a name="method_detail">
+<!--   -->
+</a>
+<h3>Method Detail</h3>
+<a name="getAction()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getAction</h4>
+<pre>public&nbsp;int&nbsp;getAction()</pre>
+<dl><dt><span class="strong">Returns:</span></dt><dd>int Returns an int value of either one of the following static variables
+         ControlP5.ACTION_PRESSED, ControlP5.ACTION_ENTER, ControlP5.ACTION_LEAVE,
+         ControlP5.ACTION_RELEASED, ControlP5.ACTION_RELEASEDOUTSIDE,
+         ControlP5.ACTION_BROADCAST</dd></dl>
+</li>
+</ul>
+<a name="getController()">
+<!--   -->
+</a>
+<ul class="blockListLast">
+<li class="blockList">
+<h4>getController</h4>
+<pre>public&nbsp;<a href="../controlP5/Controller.html" title="class in controlP5">Controller</a>&lt;?&gt;&nbsp;getController()</pre>
+<div class="block">Returns the Controller that triggered the Callback Event.</div>
+<dl><dt><span class="strong">Returns:</span></dt><dd>Controller</dd></dl>
+</li>
+</ul>
+</li>
+</ul>
+</li>
+</ul>
+</div>
+</div>
+<!-- ========= END OF CLASS DATA ========= -->
+<!-- ======= START OF BOTTOM NAVBAR ====== -->
+<div class="bottomNav"><a name="navbar_bottom">
+<!--   -->
+</a><a href="#skip-navbar_bottom" title="Skip navigation links"></a><a name="navbar_bottom_firstrow">
+<!--   -->
+</a>
+<ul class="navList" title="Navigation">
+<li><a href="../controlP5/package-summary.html">Package</a></li>
+<li class="navBarCell1Rev">Class</li>
+<li><a href="package-tree.html">Tree</a></li>
+<li><a href="../index-all.html">Index</a></li>
+<li><a href="../help-doc.html">Help</a></li>
+</ul>
+</div>
+<div class="subNav">
+<ul class="navList">
+<li><a href="../controlP5/Button.html" title="class in controlP5"><span class="strong">Prev Class</span></a></li>
+<li><a href="../controlP5/CallbackListener.html" title="interface in controlP5"><span class="strong">Next Class</span></a></li>
+</ul>
+<ul class="navList">
+<li><a href="../index.html?controlP5/CallbackEvent.html" target="_top">Frames</a></li>
+<li><a href="CallbackEvent.html" target="_top">No Frames</a></li>
+</ul>
+<ul class="navList" id="allclasses_navbar_bottom">
+<li><a href="../allclasses-noframe.html">All Classes</a></li>
+</ul>
+<div>
+<script type="text/javascript"><!--
+  allClassesLink = document.getElementById("allclasses_navbar_bottom");
+  if(window==top) {
+    allClassesLink.style.display = "block";
+  }
+  else {
+    allClassesLink.style.display = "none";
+  }
+  //-->
+</script>
+</div>
+<div>
+<ul class="subNavList">
+<li>Summary:&nbsp;</li>
+<li>Nested&nbsp;|&nbsp;</li>
+<li>Field&nbsp;|&nbsp;</li>
+<li>Constr&nbsp;|&nbsp;</li>
+<li><a href="#method_summary">Method</a></li>
+</ul>
+<ul class="subNavList">
+<li>Detail:&nbsp;</li>
+<li>Field&nbsp;|&nbsp;</li>
+<li>Constr&nbsp;|&nbsp;</li>
+<li><a href="#method_detail">Method</a></li>
+</ul>
+</div>
+<a name="skip-navbar_bottom">
+<!--   -->
+</a></div>
+<!-- ======== END OF BOTTOM NAVBAR ======= -->
+<p class="legalCopy"><small>processing library controlP5 by Andreas Schlegel. (c) 2006-2014</small></p>
+</body>
+</html>
diff --git a/reference/controlP5/CallbackListener.html b/reference/controlP5/CallbackListener.html
new file mode 100644
index 0000000..74c0a2b
--- /dev/null
+++ b/reference/controlP5/CallbackListener.html
@@ -0,0 +1,402 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
+<!-- NewPage -->
+<html lang="en">
+<head>
+<!-- Generated by javadoc (version 1.7.0_51) on Sun Apr 27 21:39:46 SGT 2014 -->
+<title>CallbackListener (Javadocs: controlP5)</title>
+<meta name="date" content="2014-04-27">
+<link rel="stylesheet" type="text/css" href="../stylesheet.css" title="Style">
+</head>
+<body>
+<script type="text/javascript"><!--
+    if (location.href.indexOf('is-external=true') == -1) {
+        parent.document.title="CallbackListener (Javadocs: controlP5)";
+    }
+//-->
+</script>
+<noscript>
+<div>JavaScript is disabled on your browser.</div>
+</noscript>
+<!-- ========= START OF TOP NAVBAR ======= -->
+<div class="topNav"><a name="navbar_top">
+<!--   -->
+</a><a href="#skip-navbar_top" title="Skip navigation links"></a><a name="navbar_top_firstrow">
+<!--   -->
+</a>
+<ul class="navList" title="Navigation">
+<li><a href="../controlP5/package-summary.html">Package</a></li>
+<li class="navBarCell1Rev">Class</li>
+<li><a href="package-tree.html">Tree</a></li>
+<li><a href="../index-all.html">Index</a></li>
+<li><a href="../help-doc.html">Help</a></li>
+</ul>
+</div>
+<div class="subNav">
+<ul class="navList">
+<li><a href="../controlP5/CallbackEvent.html" title="class in controlP5"><span class="strong">Prev Class</span></a></li>
+<li><a href="../controlP5/Canvas.html" title="class in controlP5"><span class="strong">Next Class</span></a></li>
+</ul>
+<ul class="navList">
+<li><a href="../index.html?controlP5/CallbackListener.html" target="_top">Frames</a></li>
+<li><a href="CallbackListener.html" target="_top">No Frames</a></li>
+</ul>
+<ul class="navList" id="allclasses_navbar_top">
+<li><a href="../allclasses-noframe.html">All Classes</a></li>
+</ul>
+<div>
+<script type="text/javascript"><!--
+  allClassesLink = document.getElementById("allclasses_navbar_top");
+  if(window==top) {
+    allClassesLink.style.display = "block";
+  }
+  else {
+    allClassesLink.style.display = "none";
+  }
+  //-->
+</script>
+</div>
+<div>
+<ul class="subNavList">
+<li>Summary:&nbsp;</li>
+<li>Nested&nbsp;|&nbsp;</li>
+<li>Field&nbsp;|&nbsp;</li>
+<li>Constr&nbsp;|&nbsp;</li>
+<li><a href="#method_summary">Method</a></li>
+</ul>
+<ul class="subNavList">
+<li>Detail:&nbsp;</li>
+<li>Field&nbsp;|&nbsp;</li>
+<li>Constr&nbsp;|&nbsp;</li>
+<li><a href="#method_detail">Method</a></li>
+</ul>
+</div>
+<a name="skip-navbar_top">
+<!--   -->
+</a></div>
+<!-- ========= END OF TOP NAVBAR ========= -->
+<!-- ======== START OF CLASS DATA ======== -->
+<div class="header">
+<div class="subTitle">controlP5</div>
+<h2 title="Interface CallbackListener" class="title">Interface CallbackListener</h2>
+</div>
+<div class="contentContainer">
+<div class="description">
+<ul class="blockList">
+<li class="blockList">
+<hr>
+<br>
+<pre>public interface <span class="strong">CallbackListener</span></pre>
+<div class="block"><p>
+ Use a CallbackListener to listen for controller related actions such as pressed, released, etc.
+ Callbacks cn be added via the ControlP5.addCallback() methods.
+ </p></div>
+<dl><dt><span class="strong">See Also:</span></dt><dd><a href="../controlP5/ControlP5.html#addCallback(controlP5.CallbackListener)"><code>ControlP5.addCallback(CallbackListener)</code></a></dd><script type="text/javascript">
+<!--
+document.getElementsByTagName('html')[0].className = 'isjs';function toggle(dt) { var display, dd=dt; do{ dd = dd.nextSibling } while(dd.tagName!='DD'); toOpen =!dd.style.display;dd.style.display = toOpen? 'block':''; dt.getElementsByTagName('span')[0].innerHTML  = toOpen? '-':'+' ; }
+-->
+</script>
+<div id="test" class="toggleList"><dl><dt onclick="toggle(this);"><span>+</span>Example</dt><dd><code><pre>/**
+ * ControlP5 Callback
+ *
+ * The following example demonstrates the CallbackListener and CallbackEvent. 
+ * Here additional information about each available slider will be show when
+ * hovering the controller with the mouse. The info will fade out when leaving
+ * the controller. 
+ *
+ * When hovering a controller, the mouse pointer will change as well.
+ * 
+ * find a list of public methods available for the CallbackEvent Controller
+ * at the bottom of this sketch.
+ *
+ * by Andreas Schlegel, 2012
+ * www.sojamo.de/libraries/controlp5
+ *
+ */
+
+import controlP5.*;
+
+ControlP5 cp5;
+Slider s1, s2;
+Info info;
+CallbackListener cb;
+
+void setup() {
+  size(800, 400);
+
+  cp5 = new ControlP5(this);
+
+  
+  // create a new instance of class Info
+  // info will be used to display a controller's information and
+  // will fade in when a CallbackEvent is invoked.
+  info = new Info();
+
+
+  // add 2 sliders
+  s1 = cp5.addSlider("hello")
+          .setRange(0, 100)
+          .setValue(50)
+          .setPosition(40, 40)
+          .setSize(100, 20);
+          
+  s2 = cp5.addSlider("world")
+          .setRange(0, 100)
+          .setValue(10)
+          .setPosition(40, 70)
+          .setSize(100, 20);
+
+
+  // the following CallbackListener will listen to any controlP5 
+  // action such as enter, leave, pressed, released, releasedoutside, broadcast
+  // see static variables starting with ACTION_ inside class controlP5.ControlP5Constants
+
+  cb = new CallbackListener() {
+    public void controlEvent(CallbackEvent theEvent) {
+      switch(theEvent.getAction()) {
+        case(ControlP5.ACTION_ENTER):
+        info.n = 1;
+        info.label.setText(theEvent.getController().getInfo());
+        cursor(HAND);
+        break;
+        case(ControlP5.ACTION_LEAVE):
+        case(ControlP5.ACTION_RELEASEDOUTSIDE):
+        info.n = 0;
+        cursor(ARROW);
+        break;
+      }
+    }
+  };
+
+  // add the above callback to controlP5
+  cp5.addCallback(cb);
+
+  // add another callback to slider s1, callback event will only be invoked for this 
+  // particular controller.
+  s1.addCallback(new CallbackListener() {
+    public void controlEvent(CallbackEvent theEvent) {
+      if (theEvent.getAction()==ControlP5.ACTION_BROADCAST) {
+        s2.setValue(s2.getMax() - s1.getValue());
+      }
+    }
+  }
+  );
+}
+
+void draw() {
+  background(0);
+  info.update();
+}
+
+
+void controlEvent(ControlEvent theEvent) {
+  println("Got a ControlEvent for "+theEvent.name()+" = "+theEvent.value());
+  info.label.setText(theEvent.getController().getInfo());
+}
+
+void keyPressed() {
+  // uncomment the line below to remove callback cb from controlP5
+  // when a key is pressed.
+  //controlP5.removeCallback(cb);
+}
+
+// controlEvent(CallbackEvent) is called whenever a callback 
+// has been triggered. controlEvent(CallbackEvent) is detected by 
+// controlP5 automatically.
+void controlEvent(CallbackEvent theEvent) {
+  if (theEvent.getController().equals(s2)) {
+    switch(theEvent.getAction()) {
+      case(ControlP5.ACTION_ENTER): 
+      println("Action:ENTER");
+      break;
+      case(ControlP5.ACTION_LEAVE): 
+      println("Action:LEAVE");
+      break;
+      case(ControlP5.ACTION_PRESSED): 
+      println("Action:PRESSED");
+      break;
+      case(ControlP5.ACTION_RELEASED): 
+      println("Action:RELEASED");
+      break;
+      case(ControlP5.ACTION_RELEASEDOUTSIDE): 
+      println("Action:RELEASED OUTSIDE");
+      break;
+      case(ControlP5.ACTION_BROADCAST): 
+      println("Action:BROADCAST");
+      break;
+    }
+  }
+}
+
+
+
+class Info {
+  float a;
+  float n = 0;
+  String txt = "";
+  Textarea label;
+  
+  Info() {
+    label = cp5.addTextarea("Hello\nWorld")
+               .setSize(200,200)
+               .setPosition(300,40)
+               .setColor(color(255))
+               .setColorBackground(color(100,0))
+               .setLineHeight(12);
+                   
+  }
+  
+  void update() {
+    a += (n-a)*0.1;
+    label.setColorBackground(color(100,255*a));
+  }
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+/*
+a list of all methods available for the CallbackEvent Controller
+ use ControlP5.printPublicMethodsFor(CallbackEvent.class);
+ to print the following list into the console.
+ 
+ You can find further details about class CallbackEvent in the javadoc.
+ 
+ Format:
+ ClassName : returnType methodName(parameter type)
+ 
+ 
+ controlP5.CallbackEvent : Controller getController() 
+ controlP5.CallbackEvent : int getAction() 
+ java.lang.Object : String toString() 
+ java.lang.Object : boolean equals(Object) 
+ 
+ 
+ */
+
+
+
+</pre></code></dd></dl></div></dl>
+</li>
+</ul>
+</div>
+<div class="summary">
+<ul class="blockList">
+<li class="blockList">
+<!-- ========== METHOD SUMMARY =========== -->
+<ul class="blockList">
+<li class="blockList"><a name="method_summary">
+<!--   -->
+</a>
+<h3>Method Summary</h3>
+<table class="overviewSummary" border="0" cellpadding="3" cellspacing="0" summary="Method Summary table, listing methods, and an explanation">
+<caption><span>Methods</span><span class="tabEnd">&nbsp;</span></caption>
+<tr>
+<th class="colFirst" scope="col">Modifier and Type</th>
+<th class="colLast" scope="col">Method and Description</th>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>void</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/CallbackListener.html#controlEvent(controlP5.CallbackEvent)">controlEvent</a></strong>(<a href="../controlP5/CallbackEvent.html" title="class in controlP5">CallbackEvent</a>&nbsp;theEvent)</code>&nbsp;</td>
+</tr>
+</table>
+</li>
+</ul>
+</li>
+</ul>
+</div>
+<div class="details">
+<ul class="blockList">
+<li class="blockList">
+<!-- ============ METHOD DETAIL ========== -->
+<ul class="blockList">
+<li class="blockList"><a name="method_detail">
+<!--   -->
+</a>
+<h3>Method Detail</h3>
+<a name="controlEvent(controlP5.CallbackEvent)">
+<!--   -->
+</a>
+<ul class="blockListLast">
+<li class="blockList">
+<h4>controlEvent</h4>
+<pre>void&nbsp;controlEvent(<a href="../controlP5/CallbackEvent.html" title="class in controlP5">CallbackEvent</a>&nbsp;theEvent)</pre>
+</li>
+</ul>
+</li>
+</ul>
+</li>
+</ul>
+</div>
+</div>
+<!-- ========= END OF CLASS DATA ========= -->
+<!-- ======= START OF BOTTOM NAVBAR ====== -->
+<div class="bottomNav"><a name="navbar_bottom">
+<!--   -->
+</a><a href="#skip-navbar_bottom" title="Skip navigation links"></a><a name="navbar_bottom_firstrow">
+<!--   -->
+</a>
+<ul class="navList" title="Navigation">
+<li><a href="../controlP5/package-summary.html">Package</a></li>
+<li class="navBarCell1Rev">Class</li>
+<li><a href="package-tree.html">Tree</a></li>
+<li><a href="../index-all.html">Index</a></li>
+<li><a href="../help-doc.html">Help</a></li>
+</ul>
+</div>
+<div class="subNav">
+<ul class="navList">
+<li><a href="../controlP5/CallbackEvent.html" title="class in controlP5"><span class="strong">Prev Class</span></a></li>
+<li><a href="../controlP5/Canvas.html" title="class in controlP5"><span class="strong">Next Class</span></a></li>
+</ul>
+<ul class="navList">
+<li><a href="../index.html?controlP5/CallbackListener.html" target="_top">Frames</a></li>
+<li><a href="CallbackListener.html" target="_top">No Frames</a></li>
+</ul>
+<ul class="navList" id="allclasses_navbar_bottom">
+<li><a href="../allclasses-noframe.html">All Classes</a></li>
+</ul>
+<div>
+<script type="text/javascript"><!--
+  allClassesLink = document.getElementById("allclasses_navbar_bottom");
+  if(window==top) {
+    allClassesLink.style.display = "block";
+  }
+  else {
+    allClassesLink.style.display = "none";
+  }
+  //-->
+</script>
+</div>
+<div>
+<ul class="subNavList">
+<li>Summary:&nbsp;</li>
+<li>Nested&nbsp;|&nbsp;</li>
+<li>Field&nbsp;|&nbsp;</li>
+<li>Constr&nbsp;|&nbsp;</li>
+<li><a href="#method_summary">Method</a></li>
+</ul>
+<ul class="subNavList">
+<li>Detail:&nbsp;</li>
+<li>Field&nbsp;|&nbsp;</li>
+<li>Constr&nbsp;|&nbsp;</li>
+<li><a href="#method_detail">Method</a></li>
+</ul>
+</div>
+<a name="skip-navbar_bottom">
+<!--   -->
+</a></div>
+<!-- ======== END OF BOTTOM NAVBAR ======= -->
+<p class="legalCopy"><small>processing library controlP5 by Andreas Schlegel. (c) 2006-2014</small></p>
+</body>
+</html>
diff --git a/reference/controlP5/Canvas.html b/reference/controlP5/Canvas.html
new file mode 100644
index 0000000..b9c192b
--- /dev/null
+++ b/reference/controlP5/Canvas.html
@@ -0,0 +1,526 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
+<!-- NewPage -->
+<html lang="en">
+<head>
+<!-- Generated by javadoc (version 1.7.0_51) on Sun Apr 27 21:39:46 SGT 2014 -->
+<title>Canvas (Javadocs: controlP5)</title>
+<meta name="date" content="2014-04-27">
+<link rel="stylesheet" type="text/css" href="../stylesheet.css" title="Style">
+</head>
+<body>
+<script type="text/javascript"><!--
+    if (location.href.indexOf('is-external=true') == -1) {
+        parent.document.title="Canvas (Javadocs: controlP5)";
+    }
+//-->
+</script>
+<noscript>
+<div>JavaScript is disabled on your browser.</div>
+</noscript>
+<!-- ========= START OF TOP NAVBAR ======= -->
+<div class="topNav"><a name="navbar_top">
+<!--   -->
+</a><a href="#skip-navbar_top" title="Skip navigation links"></a><a name="navbar_top_firstrow">
+<!--   -->
+</a>
+<ul class="navList" title="Navigation">
+<li><a href="../controlP5/package-summary.html">Package</a></li>
+<li class="navBarCell1Rev">Class</li>
+<li><a href="package-tree.html">Tree</a></li>
+<li><a href="../index-all.html">Index</a></li>
+<li><a href="../help-doc.html">Help</a></li>
+</ul>
+</div>
+<div class="subNav">
+<ul class="navList">
+<li><a href="../controlP5/CallbackListener.html" title="interface in controlP5"><span class="strong">Prev Class</span></a></li>
+<li><a href="../controlP5/CColor.html" title="class in controlP5"><span class="strong">Next Class</span></a></li>
+</ul>
+<ul class="navList">
+<li><a href="../index.html?controlP5/Canvas.html" target="_top">Frames</a></li>
+<li><a href="Canvas.html" target="_top">No Frames</a></li>
+</ul>
+<ul class="navList" id="allclasses_navbar_top">
+<li><a href="../allclasses-noframe.html">All Classes</a></li>
+</ul>
+<div>
+<script type="text/javascript"><!--
+  allClassesLink = document.getElementById("allclasses_navbar_top");
+  if(window==top) {
+    allClassesLink.style.display = "block";
+  }
+  else {
+    allClassesLink.style.display = "none";
+  }
+  //-->
+</script>
+</div>
+<div>
+<ul class="subNavList">
+<li>Summary:&nbsp;</li>
+<li>Nested&nbsp;|&nbsp;</li>
+<li><a href="#field_summary">Field</a>&nbsp;|&nbsp;</li>
+<li><a href="#constructor_summary">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_summary">Method</a></li>
+</ul>
+<ul class="subNavList">
+<li>Detail:&nbsp;</li>
+<li><a href="#field_detail">Field</a>&nbsp;|&nbsp;</li>
+<li><a href="#constructor_detail">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_detail">Method</a></li>
+</ul>
+</div>
+<a name="skip-navbar_top">
+<!--   -->
+</a></div>
+<!-- ========= END OF TOP NAVBAR ========= -->
+<!-- ======== START OF CLASS DATA ======== -->
+<div class="header">
+<div class="subTitle">controlP5</div>
+<h2 title="Class Canvas" class="title">Class Canvas</h2>
+</div>
+<div class="contentContainer">
+<ul class="inheritance">
+<li>java.lang.Object</li>
+<li>
+<ul class="inheritance">
+<li>controlP5.Canvas</li>
+</ul>
+</li>
+</ul>
+<div class="description">
+<ul class="blockList">
+<li class="blockList">
+<hr>
+<br>
+<pre>public abstract class <span class="strong">Canvas</span>
+extends java.lang.Object</pre>
+<div class="block">Use a Canvas to draw custom graphics into a control
+ window or the default sketch window.
+ 
+ The Canvas is an abstract class and must be extended by
+ your custom Canvas class, see the ControlP5canvas example
+ for details.</div>
+<dl><script type="text/javascript">
+<!--
+document.getElementsByTagName('html')[0].className = 'isjs';function toggle(dt) { var display, dd=dt; do{ dd = dd.nextSibling } while(dd.tagName!='DD'); toOpen =!dd.style.display;dd.style.display = toOpen? 'block':''; dt.getElementsByTagName('span')[0].innerHTML  = toOpen? '-':'+' ; }
+-->
+</script>
+<div id="test" class="toggleList"><dl><dt onclick="toggle(this);"><span>+</span>Example</dt><dd><code><pre>/**
+ * ControlP5 Canvas
+ * The ControlWindowCanvas allow you to add custom graphics to 
+ * the default controlP5 renderer or a controlWindow rednerer.
+ *
+ * find a list of public methods available for the Canvas Controller 
+ * at the bottom of this sketch's source code
+ *
+ * by Andreas Schlegel, 2011
+ * www.sojamo.de/libraries/controlp5
+ * 
+ */
+
+
+import controlP5.*;
+
+ControlP5 cp5;
+
+ControlWindow controlWindow;
+
+Canvas cc;
+
+// MyCanvas, your Canvas render class
+class MyCanvas extends Canvas {
+
+  int y;
+  int mx = 0;
+  int my = 0;
+  public void setup(PGraphics pg) {
+    y = 200;
+  }  
+
+  public void update(PApplet p) {
+    mx = p.mouseX;
+    my = p.mouseY;
+  }
+
+  public void draw(PGraphics pg) {
+    // renders a square with randomly changing colors
+    // make changes here.
+    pg.fill(100);
+    pg.rect(mx-20, y-20, 240, 30);
+    pg.fill(255);
+    pg.text("This text is drawn by MyCanvas", mx,y);
+  }
+}
+
+
+void setup() {
+  size(400, 400);
+  frameRate(30);
+  cp5 = new ControlP5(this);
+
+  // create a control window canvas and add it to
+  // the previously created control window.  
+  cc = new MyCanvas();
+  cc.pre(); // use cc.post(); to draw on top of existing controllers.
+  cp5.addCanvas(cc); // add the canvas to cp5
+}
+
+void draw() {
+  background(0);
+  fill(60);
+  rect(100, 100, 200, 200);
+}
+
+
+/*
+ a list of all methods available for the ControlWindowCanvas Controller
+ use ControlP5.printPublicMethodsFor(Canvas.class);
+ to print the following list into the console.
+ 
+ You can find further details about class Canvas in the javadoc.
+ 
+ Format:
+ ClassName : returnType methodName(parameter type)
+ 
+ controlP5.Canvas : void moveTo(ControlWindow) 
+ controlP5.Canvas : void setup(PApplet) 
+ controlP5.Canvas : void draw(PApplet) 
+ java.lang.Object : String toString() 
+ java.lang.Object : boolean equals(Object) 
+ */
+ 
+ 
+</pre></code></dd></dl></div></dl>
+</li>
+</ul>
+</div>
+<div class="summary">
+<ul class="blockList">
+<li class="blockList">
+<!-- =========== FIELD SUMMARY =========== -->
+<ul class="blockList">
+<li class="blockList"><a name="field_summary">
+<!--   -->
+</a>
+<h3>Field Summary</h3>
+<table class="overviewSummary" border="0" cellpadding="3" cellspacing="0" summary="Field Summary table, listing fields, and an explanation">
+<caption><span>Fields</span><span class="tabEnd">&nbsp;</span></caption>
+<tr>
+<th class="colFirst" scope="col">Modifier and Type</th>
+<th class="colLast" scope="col">Field and Description</th>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>static int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Canvas.html#POST">POST</a></strong></code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>static int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Canvas.html#PRE">PRE</a></strong></code>&nbsp;</td>
+</tr>
+</table>
+</li>
+</ul>
+<!-- ======== CONSTRUCTOR SUMMARY ======== -->
+<ul class="blockList">
+<li class="blockList"><a name="constructor_summary">
+<!--   -->
+</a>
+<h3>Constructor Summary</h3>
+<table class="overviewSummary" border="0" cellpadding="3" cellspacing="0" summary="Constructor Summary table, listing constructors, and an explanation">
+<caption><span>Constructors</span><span class="tabEnd">&nbsp;</span></caption>
+<tr>
+<th class="colOne" scope="col">Constructor and Description</th>
+</tr>
+<tr class="altColor">
+<td class="colOne"><code><strong><a href="../controlP5/Canvas.html#Canvas()">Canvas</a></strong>()</code>&nbsp;</td>
+</tr>
+</table>
+</li>
+</ul>
+<!-- ========== METHOD SUMMARY =========== -->
+<ul class="blockList">
+<li class="blockList"><a name="method_summary">
+<!--   -->
+</a>
+<h3>Method Summary</h3>
+<table class="overviewSummary" border="0" cellpadding="3" cellspacing="0" summary="Method Summary table, listing methods, and an explanation">
+<caption><span>Methods</span><span class="tabEnd">&nbsp;</span></caption>
+<tr>
+<th class="colFirst" scope="col">Modifier and Type</th>
+<th class="colLast" scope="col">Method and Description</th>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>abstract void</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Canvas.html#draw(processing.core.PGraphics)">draw</a></strong>(processing.core.PGraphics&nbsp;theGraphics)</code>
+<div class="block">controlWindowCanvas is an abstract class and
+ therefore needs to be extended by your class.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Canvas.html#mode()">mode</a></strong>()</code>
+<div class="block">get the drawing mode of a Canvas.</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>void</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Canvas.html#moveTo(controlP5.ControlWindow)">moveTo</a></strong>(<a href="../controlP5/ControlWindow.html" title="class in controlP5">ControlWindow</a>&nbsp;theControlWindow)</code>
+<div class="block">move a canvas to another controlWindow</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>void</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Canvas.html#post()">post</a></strong>()</code>
+<div class="block">set the drawing mode to POST.</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>void</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Canvas.html#pre()">pre</a></strong>()</code>
+<div class="block">set the drawing mode to PRE.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>void</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Canvas.html#setMode(int)">setMode</a></strong>(int&nbsp;theMode)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>void</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Canvas.html#setup(processing.core.PGraphics)">setup</a></strong>(processing.core.PGraphics&nbsp;theGraphics)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>void</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Canvas.html#update(processing.core.PApplet)">update</a></strong>(processing.core.PApplet&nbsp;theApplet)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/ControlWindow.html" title="class in controlP5">ControlWindow</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Canvas.html#window()">window</a></strong>()</code>&nbsp;</td>
+</tr>
+</table>
+<ul class="blockList">
+<li class="blockList"><a name="methods_inherited_from_class_java.lang.Object">
+<!--   -->
+</a>
+<h3>Methods inherited from class&nbsp;java.lang.Object</h3>
+<code>equals, getClass, hashCode, notify, notifyAll, toString, wait, wait, wait</code></li>
+</ul>
+</li>
+</ul>
+</li>
+</ul>
+</div>
+<div class="details">
+<ul class="blockList">
+<li class="blockList">
+<!-- ============ FIELD DETAIL =========== -->
+<ul class="blockList">
+<li class="blockList"><a name="field_detail">
+<!--   -->
+</a>
+<h3>Field Detail</h3>
+<a name="POST">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>POST</h4>
+<pre>public static final&nbsp;int POST</pre>
+<dl><dt><span class="strong">See Also:</span></dt><dd><a href="../constant-values.html#controlP5.Canvas.POST">Constant Field Values</a></dd></dl>
+</li>
+</ul>
+<a name="PRE">
+<!--   -->
+</a>
+<ul class="blockListLast">
+<li class="blockList">
+<h4>PRE</h4>
+<pre>public static final&nbsp;int PRE</pre>
+<dl><dt><span class="strong">See Also:</span></dt><dd><a href="../constant-values.html#controlP5.Canvas.PRE">Constant Field Values</a></dd></dl>
+</li>
+</ul>
+</li>
+</ul>
+<!-- ========= CONSTRUCTOR DETAIL ======== -->
+<ul class="blockList">
+<li class="blockList"><a name="constructor_detail">
+<!--   -->
+</a>
+<h3>Constructor Detail</h3>
+<a name="Canvas()">
+<!--   -->
+</a>
+<ul class="blockListLast">
+<li class="blockList">
+<h4>Canvas</h4>
+<pre>public&nbsp;Canvas()</pre>
+</li>
+</ul>
+</li>
+</ul>
+<!-- ============ METHOD DETAIL ========== -->
+<ul class="blockList">
+<li class="blockList"><a name="method_detail">
+<!--   -->
+</a>
+<h3>Method Detail</h3>
+<a name="draw(processing.core.PGraphics)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>draw</h4>
+<pre>public abstract&nbsp;void&nbsp;draw(processing.core.PGraphics&nbsp;theGraphics)</pre>
+<div class="block">controlWindowCanvas is an abstract class and
+ therefore needs to be extended by your class.
+ draw(PApplet theApplet) is the only method that needs
+ to be overwritten.</div>
+</li>
+</ul>
+<a name="mode()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>mode</h4>
+<pre>public final&nbsp;int&nbsp;mode()</pre>
+<div class="block">get the drawing mode of a Canvas. this can be PRE or
+ POST.</div>
+<dl><dt><span class="strong">Returns:</span></dt><dd></dd></dl>
+</li>
+</ul>
+<a name="moveTo(controlP5.ControlWindow)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>moveTo</h4>
+<pre>public&nbsp;void&nbsp;moveTo(<a href="../controlP5/ControlWindow.html" title="class in controlP5">ControlWindow</a>&nbsp;theControlWindow)</pre>
+<div class="block">move a canvas to another controlWindow</div>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theControlWindow</code> - </dd></dl>
+</li>
+</ul>
+<a name="post()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>post</h4>
+<pre>public final&nbsp;void&nbsp;post()</pre>
+<div class="block">set the drawing mode to POST.</div>
+</li>
+</ul>
+<a name="pre()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>pre</h4>
+<pre>public final&nbsp;void&nbsp;pre()</pre>
+<div class="block">set the drawing mode to PRE. PRE is the default.</div>
+</li>
+</ul>
+<a name="setMode(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setMode</h4>
+<pre>public final&nbsp;void&nbsp;setMode(int&nbsp;theMode)</pre>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theMode</code> - </dd></dl>
+</li>
+</ul>
+<a name="setup(processing.core.PGraphics)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setup</h4>
+<pre>public&nbsp;void&nbsp;setup(processing.core.PGraphics&nbsp;theGraphics)</pre>
+</li>
+</ul>
+<a name="update(processing.core.PApplet)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>update</h4>
+<pre>public&nbsp;void&nbsp;update(processing.core.PApplet&nbsp;theApplet)</pre>
+</li>
+</ul>
+<a name="window()">
+<!--   -->
+</a>
+<ul class="blockListLast">
+<li class="blockList">
+<h4>window</h4>
+<pre>public final&nbsp;<a href="../controlP5/ControlWindow.html" title="class in controlP5">ControlWindow</a>&nbsp;window()</pre>
+</li>
+</ul>
+</li>
+</ul>
+</li>
+</ul>
+</div>
+</div>
+<!-- ========= END OF CLASS DATA ========= -->
+<!-- ======= START OF BOTTOM NAVBAR ====== -->
+<div class="bottomNav"><a name="navbar_bottom">
+<!--   -->
+</a><a href="#skip-navbar_bottom" title="Skip navigation links"></a><a name="navbar_bottom_firstrow">
+<!--   -->
+</a>
+<ul class="navList" title="Navigation">
+<li><a href="../controlP5/package-summary.html">Package</a></li>
+<li class="navBarCell1Rev">Class</li>
+<li><a href="package-tree.html">Tree</a></li>
+<li><a href="../index-all.html">Index</a></li>
+<li><a href="../help-doc.html">Help</a></li>
+</ul>
+</div>
+<div class="subNav">
+<ul class="navList">
+<li><a href="../controlP5/CallbackListener.html" title="interface in controlP5"><span class="strong">Prev Class</span></a></li>
+<li><a href="../controlP5/CColor.html" title="class in controlP5"><span class="strong">Next Class</span></a></li>
+</ul>
+<ul class="navList">
+<li><a href="../index.html?controlP5/Canvas.html" target="_top">Frames</a></li>
+<li><a href="Canvas.html" target="_top">No Frames</a></li>
+</ul>
+<ul class="navList" id="allclasses_navbar_bottom">
+<li><a href="../allclasses-noframe.html">All Classes</a></li>
+</ul>
+<div>
+<script type="text/javascript"><!--
+  allClassesLink = document.getElementById("allclasses_navbar_bottom");
+  if(window==top) {
+    allClassesLink.style.display = "block";
+  }
+  else {
+    allClassesLink.style.display = "none";
+  }
+  //-->
+</script>
+</div>
+<div>
+<ul class="subNavList">
+<li>Summary:&nbsp;</li>
+<li>Nested&nbsp;|&nbsp;</li>
+<li><a href="#field_summary">Field</a>&nbsp;|&nbsp;</li>
+<li><a href="#constructor_summary">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_summary">Method</a></li>
+</ul>
+<ul class="subNavList">
+<li>Detail:&nbsp;</li>
+<li><a href="#field_detail">Field</a>&nbsp;|&nbsp;</li>
+<li><a href="#constructor_detail">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_detail">Method</a></li>
+</ul>
+</div>
+<a name="skip-navbar_bottom">
+<!--   -->
+</a></div>
+<!-- ======== END OF BOTTOM NAVBAR ======= -->
+<p class="legalCopy"><small>processing library controlP5 by Andreas Schlegel. (c) 2006-2014</small></p>
+</body>
+</html>
diff --git a/reference/controlP5/Chart.ChartViewArea.html b/reference/controlP5/Chart.ChartViewArea.html
new file mode 100644
index 0000000..3de7992
--- /dev/null
+++ b/reference/controlP5/Chart.ChartViewArea.html
@@ -0,0 +1,272 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
+<!-- NewPage -->
+<html lang="en">
+<head>
+<!-- Generated by javadoc (version 1.7.0_51) on Sun Apr 27 21:39:46 SGT 2014 -->
+<title>Chart.ChartViewArea (Javadocs: controlP5)</title>
+<meta name="date" content="2014-04-27">
+<link rel="stylesheet" type="text/css" href="../stylesheet.css" title="Style">
+</head>
+<body>
+<script type="text/javascript"><!--
+    if (location.href.indexOf('is-external=true') == -1) {
+        parent.document.title="Chart.ChartViewArea (Javadocs: controlP5)";
+    }
+//-->
+</script>
+<noscript>
+<div>JavaScript is disabled on your browser.</div>
+</noscript>
+<!-- ========= START OF TOP NAVBAR ======= -->
+<div class="topNav"><a name="navbar_top">
+<!--   -->
+</a><a href="#skip-navbar_top" title="Skip navigation links"></a><a name="navbar_top_firstrow">
+<!--   -->
+</a>
+<ul class="navList" title="Navigation">
+<li><a href="../controlP5/package-summary.html">Package</a></li>
+<li class="navBarCell1Rev">Class</li>
+<li><a href="package-tree.html">Tree</a></li>
+<li><a href="../index-all.html">Index</a></li>
+<li><a href="../help-doc.html">Help</a></li>
+</ul>
+</div>
+<div class="subNav">
+<ul class="navList">
+<li><a href="../controlP5/Chart.html" title="class in controlP5"><span class="strong">Prev Class</span></a></li>
+<li><a href="../controlP5/Chart.ChartViewBar.html" title="class in controlP5"><span class="strong">Next Class</span></a></li>
+</ul>
+<ul class="navList">
+<li><a href="../index.html?controlP5/Chart.ChartViewArea.html" target="_top">Frames</a></li>
+<li><a href="Chart.ChartViewArea.html" target="_top">No Frames</a></li>
+</ul>
+<ul class="navList" id="allclasses_navbar_top">
+<li><a href="../allclasses-noframe.html">All Classes</a></li>
+</ul>
+<div>
+<script type="text/javascript"><!--
+  allClassesLink = document.getElementById("allclasses_navbar_top");
+  if(window==top) {
+    allClassesLink.style.display = "block";
+  }
+  else {
+    allClassesLink.style.display = "none";
+  }
+  //-->
+</script>
+</div>
+<div>
+<ul class="subNavList">
+<li>Summary:&nbsp;</li>
+<li>Nested&nbsp;|&nbsp;</li>
+<li>Field&nbsp;|&nbsp;</li>
+<li><a href="#constructor_summary">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_summary">Method</a></li>
+</ul>
+<ul class="subNavList">
+<li>Detail:&nbsp;</li>
+<li>Field&nbsp;|&nbsp;</li>
+<li><a href="#constructor_detail">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_detail">Method</a></li>
+</ul>
+</div>
+<a name="skip-navbar_top">
+<!--   -->
+</a></div>
+<!-- ========= END OF TOP NAVBAR ========= -->
+<!-- ======== START OF CLASS DATA ======== -->
+<div class="header">
+<div class="subTitle">controlP5</div>
+<h2 title="Class Chart.ChartViewArea" class="title">Class Chart.ChartViewArea</h2>
+</div>
+<div class="contentContainer">
+<ul class="inheritance">
+<li>java.lang.Object</li>
+<li>
+<ul class="inheritance">
+<li>controlP5.Chart.ChartViewArea</li>
+</ul>
+</li>
+</ul>
+<div class="description">
+<ul class="blockList">
+<li class="blockList">
+<dl>
+<dt>All Implemented Interfaces:</dt>
+<dd><a href="../controlP5/ControllerView.html" title="interface in controlP5">ControllerView</a>&lt;<a href="../controlP5/Chart.html" title="class in controlP5">Chart</a>&gt;</dd>
+</dl>
+<dl>
+<dt>Enclosing class:</dt>
+<dd><a href="../controlP5/Chart.html" title="class in controlP5">Chart</a></dd>
+</dl>
+<hr>
+<br>
+<pre>public class <span class="strong">Chart.ChartViewArea</span>
+extends java.lang.Object
+implements <a href="../controlP5/ControllerView.html" title="interface in controlP5">ControllerView</a>&lt;<a href="../controlP5/Chart.html" title="class in controlP5">Chart</a>&gt;</pre>
+</li>
+</ul>
+</div>
+<div class="summary">
+<ul class="blockList">
+<li class="blockList">
+<!-- ======== CONSTRUCTOR SUMMARY ======== -->
+<ul class="blockList">
+<li class="blockList"><a name="constructor_summary">
+<!--   -->
+</a>
+<h3>Constructor Summary</h3>
+<table class="overviewSummary" border="0" cellpadding="3" cellspacing="0" summary="Constructor Summary table, listing constructors, and an explanation">
+<caption><span>Constructors</span><span class="tabEnd">&nbsp;</span></caption>
+<tr>
+<th class="colOne" scope="col">Constructor and Description</th>
+</tr>
+<tr class="altColor">
+<td class="colOne"><code><strong><a href="../controlP5/Chart.ChartViewArea.html#Chart.ChartViewArea()">Chart.ChartViewArea</a></strong>()</code>&nbsp;</td>
+</tr>
+</table>
+</li>
+</ul>
+<!-- ========== METHOD SUMMARY =========== -->
+<ul class="blockList">
+<li class="blockList"><a name="method_summary">
+<!--   -->
+</a>
+<h3>Method Summary</h3>
+<table class="overviewSummary" border="0" cellpadding="3" cellspacing="0" summary="Method Summary table, listing methods, and an explanation">
+<caption><span>Methods</span><span class="tabEnd">&nbsp;</span></caption>
+<tr>
+<th class="colFirst" scope="col">Modifier and Type</th>
+<th class="colLast" scope="col">Method and Description</th>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>void</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Chart.ChartViewArea.html#display(processing.core.PGraphics, controlP5.Chart)">display</a></strong>(processing.core.PGraphics&nbsp;theGraphics,
+       <a href="../controlP5/Chart.html" title="class in controlP5">Chart</a>&nbsp;theController)</code>
+<div class="block">draws your custom controllers.</div>
+</td>
+</tr>
+</table>
+<ul class="blockList">
+<li class="blockList"><a name="methods_inherited_from_class_java.lang.Object">
+<!--   -->
+</a>
+<h3>Methods inherited from class&nbsp;java.lang.Object</h3>
+<code>equals, getClass, hashCode, notify, notifyAll, toString, wait, wait, wait</code></li>
+</ul>
+</li>
+</ul>
+</li>
+</ul>
+</div>
+<div class="details">
+<ul class="blockList">
+<li class="blockList">
+<!-- ========= CONSTRUCTOR DETAIL ======== -->
+<ul class="blockList">
+<li class="blockList"><a name="constructor_detail">
+<!--   -->
+</a>
+<h3>Constructor Detail</h3>
+<a name="Chart.ChartViewArea()">
+<!--   -->
+</a>
+<ul class="blockListLast">
+<li class="blockList">
+<h4>Chart.ChartViewArea</h4>
+<pre>public&nbsp;Chart.ChartViewArea()</pre>
+</li>
+</ul>
+</li>
+</ul>
+<!-- ============ METHOD DETAIL ========== -->
+<ul class="blockList">
+<li class="blockList"><a name="method_detail">
+<!--   -->
+</a>
+<h3>Method Detail</h3>
+<a name="display(processing.core.PGraphics, controlP5.Chart)">
+<!--   -->
+</a>
+<ul class="blockListLast">
+<li class="blockList">
+<h4>display</h4>
+<pre>public&nbsp;void&nbsp;display(processing.core.PGraphics&nbsp;theGraphics,
+           <a href="../controlP5/Chart.html" title="class in controlP5">Chart</a>&nbsp;theController)</pre>
+<div class="block"><strong>Description copied from interface:&nbsp;<code><a href="../controlP5/ControllerView.html#display(processing.core.PGraphics, T)">ControllerView</a></code></strong></div>
+<div class="block">draws your custom controllers. display() will be called by a controller's draw() function and
+ will pass a reference of PApplet as well as the Controller itself to your custom display
+ class.</div>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerView.html#display(processing.core.PGraphics, T)">display</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerView.html" title="interface in controlP5">ControllerView</a>&lt;<a href="../controlP5/Chart.html" title="class in controlP5">Chart</a>&gt;</code></dd>
+</dl>
+</li>
+</ul>
+</li>
+</ul>
+</li>
+</ul>
+</div>
+</div>
+<!-- ========= END OF CLASS DATA ========= -->
+<!-- ======= START OF BOTTOM NAVBAR ====== -->
+<div class="bottomNav"><a name="navbar_bottom">
+<!--   -->
+</a><a href="#skip-navbar_bottom" title="Skip navigation links"></a><a name="navbar_bottom_firstrow">
+<!--   -->
+</a>
+<ul class="navList" title="Navigation">
+<li><a href="../controlP5/package-summary.html">Package</a></li>
+<li class="navBarCell1Rev">Class</li>
+<li><a href="package-tree.html">Tree</a></li>
+<li><a href="../index-all.html">Index</a></li>
+<li><a href="../help-doc.html">Help</a></li>
+</ul>
+</div>
+<div class="subNav">
+<ul class="navList">
+<li><a href="../controlP5/Chart.html" title="class in controlP5"><span class="strong">Prev Class</span></a></li>
+<li><a href="../controlP5/Chart.ChartViewBar.html" title="class in controlP5"><span class="strong">Next Class</span></a></li>
+</ul>
+<ul class="navList">
+<li><a href="../index.html?controlP5/Chart.ChartViewArea.html" target="_top">Frames</a></li>
+<li><a href="Chart.ChartViewArea.html" target="_top">No Frames</a></li>
+</ul>
+<ul class="navList" id="allclasses_navbar_bottom">
+<li><a href="../allclasses-noframe.html">All Classes</a></li>
+</ul>
+<div>
+<script type="text/javascript"><!--
+  allClassesLink = document.getElementById("allclasses_navbar_bottom");
+  if(window==top) {
+    allClassesLink.style.display = "block";
+  }
+  else {
+    allClassesLink.style.display = "none";
+  }
+  //-->
+</script>
+</div>
+<div>
+<ul class="subNavList">
+<li>Summary:&nbsp;</li>
+<li>Nested&nbsp;|&nbsp;</li>
+<li>Field&nbsp;|&nbsp;</li>
+<li><a href="#constructor_summary">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_summary">Method</a></li>
+</ul>
+<ul class="subNavList">
+<li>Detail:&nbsp;</li>
+<li>Field&nbsp;|&nbsp;</li>
+<li><a href="#constructor_detail">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_detail">Method</a></li>
+</ul>
+</div>
+<a name="skip-navbar_bottom">
+<!--   -->
+</a></div>
+<!-- ======== END OF BOTTOM NAVBAR ======= -->
+<p class="legalCopy"><small>processing library controlP5 by Andreas Schlegel. (c) 2006-2014</small></p>
+</body>
+</html>
diff --git a/reference/controlP5/Chart.ChartViewBar.html b/reference/controlP5/Chart.ChartViewBar.html
new file mode 100644
index 0000000..26358b5
--- /dev/null
+++ b/reference/controlP5/Chart.ChartViewBar.html
@@ -0,0 +1,272 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
+<!-- NewPage -->
+<html lang="en">
+<head>
+<!-- Generated by javadoc (version 1.7.0_51) on Sun Apr 27 21:39:46 SGT 2014 -->
+<title>Chart.ChartViewBar (Javadocs: controlP5)</title>
+<meta name="date" content="2014-04-27">
+<link rel="stylesheet" type="text/css" href="../stylesheet.css" title="Style">
+</head>
+<body>
+<script type="text/javascript"><!--
+    if (location.href.indexOf('is-external=true') == -1) {
+        parent.document.title="Chart.ChartViewBar (Javadocs: controlP5)";
+    }
+//-->
+</script>
+<noscript>
+<div>JavaScript is disabled on your browser.</div>
+</noscript>
+<!-- ========= START OF TOP NAVBAR ======= -->
+<div class="topNav"><a name="navbar_top">
+<!--   -->
+</a><a href="#skip-navbar_top" title="Skip navigation links"></a><a name="navbar_top_firstrow">
+<!--   -->
+</a>
+<ul class="navList" title="Navigation">
+<li><a href="../controlP5/package-summary.html">Package</a></li>
+<li class="navBarCell1Rev">Class</li>
+<li><a href="package-tree.html">Tree</a></li>
+<li><a href="../index-all.html">Index</a></li>
+<li><a href="../help-doc.html">Help</a></li>
+</ul>
+</div>
+<div class="subNav">
+<ul class="navList">
+<li><a href="../controlP5/Chart.ChartViewArea.html" title="class in controlP5"><span class="strong">Prev Class</span></a></li>
+<li><a href="../controlP5/Chart.ChartViewBarCentered.html" title="class in controlP5"><span class="strong">Next Class</span></a></li>
+</ul>
+<ul class="navList">
+<li><a href="../index.html?controlP5/Chart.ChartViewBar.html" target="_top">Frames</a></li>
+<li><a href="Chart.ChartViewBar.html" target="_top">No Frames</a></li>
+</ul>
+<ul class="navList" id="allclasses_navbar_top">
+<li><a href="../allclasses-noframe.html">All Classes</a></li>
+</ul>
+<div>
+<script type="text/javascript"><!--
+  allClassesLink = document.getElementById("allclasses_navbar_top");
+  if(window==top) {
+    allClassesLink.style.display = "block";
+  }
+  else {
+    allClassesLink.style.display = "none";
+  }
+  //-->
+</script>
+</div>
+<div>
+<ul class="subNavList">
+<li>Summary:&nbsp;</li>
+<li>Nested&nbsp;|&nbsp;</li>
+<li>Field&nbsp;|&nbsp;</li>
+<li><a href="#constructor_summary">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_summary">Method</a></li>
+</ul>
+<ul class="subNavList">
+<li>Detail:&nbsp;</li>
+<li>Field&nbsp;|&nbsp;</li>
+<li><a href="#constructor_detail">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_detail">Method</a></li>
+</ul>
+</div>
+<a name="skip-navbar_top">
+<!--   -->
+</a></div>
+<!-- ========= END OF TOP NAVBAR ========= -->
+<!-- ======== START OF CLASS DATA ======== -->
+<div class="header">
+<div class="subTitle">controlP5</div>
+<h2 title="Class Chart.ChartViewBar" class="title">Class Chart.ChartViewBar</h2>
+</div>
+<div class="contentContainer">
+<ul class="inheritance">
+<li>java.lang.Object</li>
+<li>
+<ul class="inheritance">
+<li>controlP5.Chart.ChartViewBar</li>
+</ul>
+</li>
+</ul>
+<div class="description">
+<ul class="blockList">
+<li class="blockList">
+<dl>
+<dt>All Implemented Interfaces:</dt>
+<dd><a href="../controlP5/ControllerView.html" title="interface in controlP5">ControllerView</a>&lt;<a href="../controlP5/Chart.html" title="class in controlP5">Chart</a>&gt;</dd>
+</dl>
+<dl>
+<dt>Enclosing class:</dt>
+<dd><a href="../controlP5/Chart.html" title="class in controlP5">Chart</a></dd>
+</dl>
+<hr>
+<br>
+<pre>public class <span class="strong">Chart.ChartViewBar</span>
+extends java.lang.Object
+implements <a href="../controlP5/ControllerView.html" title="interface in controlP5">ControllerView</a>&lt;<a href="../controlP5/Chart.html" title="class in controlP5">Chart</a>&gt;</pre>
+</li>
+</ul>
+</div>
+<div class="summary">
+<ul class="blockList">
+<li class="blockList">
+<!-- ======== CONSTRUCTOR SUMMARY ======== -->
+<ul class="blockList">
+<li class="blockList"><a name="constructor_summary">
+<!--   -->
+</a>
+<h3>Constructor Summary</h3>
+<table class="overviewSummary" border="0" cellpadding="3" cellspacing="0" summary="Constructor Summary table, listing constructors, and an explanation">
+<caption><span>Constructors</span><span class="tabEnd">&nbsp;</span></caption>
+<tr>
+<th class="colOne" scope="col">Constructor and Description</th>
+</tr>
+<tr class="altColor">
+<td class="colOne"><code><strong><a href="../controlP5/Chart.ChartViewBar.html#Chart.ChartViewBar()">Chart.ChartViewBar</a></strong>()</code>&nbsp;</td>
+</tr>
+</table>
+</li>
+</ul>
+<!-- ========== METHOD SUMMARY =========== -->
+<ul class="blockList">
+<li class="blockList"><a name="method_summary">
+<!--   -->
+</a>
+<h3>Method Summary</h3>
+<table class="overviewSummary" border="0" cellpadding="3" cellspacing="0" summary="Method Summary table, listing methods, and an explanation">
+<caption><span>Methods</span><span class="tabEnd">&nbsp;</span></caption>
+<tr>
+<th class="colFirst" scope="col">Modifier and Type</th>
+<th class="colLast" scope="col">Method and Description</th>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>void</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Chart.ChartViewBar.html#display(processing.core.PGraphics, controlP5.Chart)">display</a></strong>(processing.core.PGraphics&nbsp;theGraphics,
+       <a href="../controlP5/Chart.html" title="class in controlP5">Chart</a>&nbsp;theController)</code>
+<div class="block">draws your custom controllers.</div>
+</td>
+</tr>
+</table>
+<ul class="blockList">
+<li class="blockList"><a name="methods_inherited_from_class_java.lang.Object">
+<!--   -->
+</a>
+<h3>Methods inherited from class&nbsp;java.lang.Object</h3>
+<code>equals, getClass, hashCode, notify, notifyAll, toString, wait, wait, wait</code></li>
+</ul>
+</li>
+</ul>
+</li>
+</ul>
+</div>
+<div class="details">
+<ul class="blockList">
+<li class="blockList">
+<!-- ========= CONSTRUCTOR DETAIL ======== -->
+<ul class="blockList">
+<li class="blockList"><a name="constructor_detail">
+<!--   -->
+</a>
+<h3>Constructor Detail</h3>
+<a name="Chart.ChartViewBar()">
+<!--   -->
+</a>
+<ul class="blockListLast">
+<li class="blockList">
+<h4>Chart.ChartViewBar</h4>
+<pre>public&nbsp;Chart.ChartViewBar()</pre>
+</li>
+</ul>
+</li>
+</ul>
+<!-- ============ METHOD DETAIL ========== -->
+<ul class="blockList">
+<li class="blockList"><a name="method_detail">
+<!--   -->
+</a>
+<h3>Method Detail</h3>
+<a name="display(processing.core.PGraphics, controlP5.Chart)">
+<!--   -->
+</a>
+<ul class="blockListLast">
+<li class="blockList">
+<h4>display</h4>
+<pre>public&nbsp;void&nbsp;display(processing.core.PGraphics&nbsp;theGraphics,
+           <a href="../controlP5/Chart.html" title="class in controlP5">Chart</a>&nbsp;theController)</pre>
+<div class="block"><strong>Description copied from interface:&nbsp;<code><a href="../controlP5/ControllerView.html#display(processing.core.PGraphics, T)">ControllerView</a></code></strong></div>
+<div class="block">draws your custom controllers. display() will be called by a controller's draw() function and
+ will pass a reference of PApplet as well as the Controller itself to your custom display
+ class.</div>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerView.html#display(processing.core.PGraphics, T)">display</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerView.html" title="interface in controlP5">ControllerView</a>&lt;<a href="../controlP5/Chart.html" title="class in controlP5">Chart</a>&gt;</code></dd>
+</dl>
+</li>
+</ul>
+</li>
+</ul>
+</li>
+</ul>
+</div>
+</div>
+<!-- ========= END OF CLASS DATA ========= -->
+<!-- ======= START OF BOTTOM NAVBAR ====== -->
+<div class="bottomNav"><a name="navbar_bottom">
+<!--   -->
+</a><a href="#skip-navbar_bottom" title="Skip navigation links"></a><a name="navbar_bottom_firstrow">
+<!--   -->
+</a>
+<ul class="navList" title="Navigation">
+<li><a href="../controlP5/package-summary.html">Package</a></li>
+<li class="navBarCell1Rev">Class</li>
+<li><a href="package-tree.html">Tree</a></li>
+<li><a href="../index-all.html">Index</a></li>
+<li><a href="../help-doc.html">Help</a></li>
+</ul>
+</div>
+<div class="subNav">
+<ul class="navList">
+<li><a href="../controlP5/Chart.ChartViewArea.html" title="class in controlP5"><span class="strong">Prev Class</span></a></li>
+<li><a href="../controlP5/Chart.ChartViewBarCentered.html" title="class in controlP5"><span class="strong">Next Class</span></a></li>
+</ul>
+<ul class="navList">
+<li><a href="../index.html?controlP5/Chart.ChartViewBar.html" target="_top">Frames</a></li>
+<li><a href="Chart.ChartViewBar.html" target="_top">No Frames</a></li>
+</ul>
+<ul class="navList" id="allclasses_navbar_bottom">
+<li><a href="../allclasses-noframe.html">All Classes</a></li>
+</ul>
+<div>
+<script type="text/javascript"><!--
+  allClassesLink = document.getElementById("allclasses_navbar_bottom");
+  if(window==top) {
+    allClassesLink.style.display = "block";
+  }
+  else {
+    allClassesLink.style.display = "none";
+  }
+  //-->
+</script>
+</div>
+<div>
+<ul class="subNavList">
+<li>Summary:&nbsp;</li>
+<li>Nested&nbsp;|&nbsp;</li>
+<li>Field&nbsp;|&nbsp;</li>
+<li><a href="#constructor_summary">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_summary">Method</a></li>
+</ul>
+<ul class="subNavList">
+<li>Detail:&nbsp;</li>
+<li>Field&nbsp;|&nbsp;</li>
+<li><a href="#constructor_detail">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_detail">Method</a></li>
+</ul>
+</div>
+<a name="skip-navbar_bottom">
+<!--   -->
+</a></div>
+<!-- ======== END OF BOTTOM NAVBAR ======= -->
+<p class="legalCopy"><small>processing library controlP5 by Andreas Schlegel. (c) 2006-2014</small></p>
+</body>
+</html>
diff --git a/reference/controlP5/Chart.ChartViewBarCentered.html b/reference/controlP5/Chart.ChartViewBarCentered.html
new file mode 100644
index 0000000..430ff12
--- /dev/null
+++ b/reference/controlP5/Chart.ChartViewBarCentered.html
@@ -0,0 +1,272 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
+<!-- NewPage -->
+<html lang="en">
+<head>
+<!-- Generated by javadoc (version 1.7.0_51) on Sun Apr 27 21:39:46 SGT 2014 -->
+<title>Chart.ChartViewBarCentered (Javadocs: controlP5)</title>
+<meta name="date" content="2014-04-27">
+<link rel="stylesheet" type="text/css" href="../stylesheet.css" title="Style">
+</head>
+<body>
+<script type="text/javascript"><!--
+    if (location.href.indexOf('is-external=true') == -1) {
+        parent.document.title="Chart.ChartViewBarCentered (Javadocs: controlP5)";
+    }
+//-->
+</script>
+<noscript>
+<div>JavaScript is disabled on your browser.</div>
+</noscript>
+<!-- ========= START OF TOP NAVBAR ======= -->
+<div class="topNav"><a name="navbar_top">
+<!--   -->
+</a><a href="#skip-navbar_top" title="Skip navigation links"></a><a name="navbar_top_firstrow">
+<!--   -->
+</a>
+<ul class="navList" title="Navigation">
+<li><a href="../controlP5/package-summary.html">Package</a></li>
+<li class="navBarCell1Rev">Class</li>
+<li><a href="package-tree.html">Tree</a></li>
+<li><a href="../index-all.html">Index</a></li>
+<li><a href="../help-doc.html">Help</a></li>
+</ul>
+</div>
+<div class="subNav">
+<ul class="navList">
+<li><a href="../controlP5/Chart.ChartViewBar.html" title="class in controlP5"><span class="strong">Prev Class</span></a></li>
+<li><a href="../controlP5/Chart.ChartViewLine.html" title="class in controlP5"><span class="strong">Next Class</span></a></li>
+</ul>
+<ul class="navList">
+<li><a href="../index.html?controlP5/Chart.ChartViewBarCentered.html" target="_top">Frames</a></li>
+<li><a href="Chart.ChartViewBarCentered.html" target="_top">No Frames</a></li>
+</ul>
+<ul class="navList" id="allclasses_navbar_top">
+<li><a href="../allclasses-noframe.html">All Classes</a></li>
+</ul>
+<div>
+<script type="text/javascript"><!--
+  allClassesLink = document.getElementById("allclasses_navbar_top");
+  if(window==top) {
+    allClassesLink.style.display = "block";
+  }
+  else {
+    allClassesLink.style.display = "none";
+  }
+  //-->
+</script>
+</div>
+<div>
+<ul class="subNavList">
+<li>Summary:&nbsp;</li>
+<li>Nested&nbsp;|&nbsp;</li>
+<li>Field&nbsp;|&nbsp;</li>
+<li><a href="#constructor_summary">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_summary">Method</a></li>
+</ul>
+<ul class="subNavList">
+<li>Detail:&nbsp;</li>
+<li>Field&nbsp;|&nbsp;</li>
+<li><a href="#constructor_detail">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_detail">Method</a></li>
+</ul>
+</div>
+<a name="skip-navbar_top">
+<!--   -->
+</a></div>
+<!-- ========= END OF TOP NAVBAR ========= -->
+<!-- ======== START OF CLASS DATA ======== -->
+<div class="header">
+<div class="subTitle">controlP5</div>
+<h2 title="Class Chart.ChartViewBarCentered" class="title">Class Chart.ChartViewBarCentered</h2>
+</div>
+<div class="contentContainer">
+<ul class="inheritance">
+<li>java.lang.Object</li>
+<li>
+<ul class="inheritance">
+<li>controlP5.Chart.ChartViewBarCentered</li>
+</ul>
+</li>
+</ul>
+<div class="description">
+<ul class="blockList">
+<li class="blockList">
+<dl>
+<dt>All Implemented Interfaces:</dt>
+<dd><a href="../controlP5/ControllerView.html" title="interface in controlP5">ControllerView</a>&lt;<a href="../controlP5/Chart.html" title="class in controlP5">Chart</a>&gt;</dd>
+</dl>
+<dl>
+<dt>Enclosing class:</dt>
+<dd><a href="../controlP5/Chart.html" title="class in controlP5">Chart</a></dd>
+</dl>
+<hr>
+<br>
+<pre>public class <span class="strong">Chart.ChartViewBarCentered</span>
+extends java.lang.Object
+implements <a href="../controlP5/ControllerView.html" title="interface in controlP5">ControllerView</a>&lt;<a href="../controlP5/Chart.html" title="class in controlP5">Chart</a>&gt;</pre>
+</li>
+</ul>
+</div>
+<div class="summary">
+<ul class="blockList">
+<li class="blockList">
+<!-- ======== CONSTRUCTOR SUMMARY ======== -->
+<ul class="blockList">
+<li class="blockList"><a name="constructor_summary">
+<!--   -->
+</a>
+<h3>Constructor Summary</h3>
+<table class="overviewSummary" border="0" cellpadding="3" cellspacing="0" summary="Constructor Summary table, listing constructors, and an explanation">
+<caption><span>Constructors</span><span class="tabEnd">&nbsp;</span></caption>
+<tr>
+<th class="colOne" scope="col">Constructor and Description</th>
+</tr>
+<tr class="altColor">
+<td class="colOne"><code><strong><a href="../controlP5/Chart.ChartViewBarCentered.html#Chart.ChartViewBarCentered()">Chart.ChartViewBarCentered</a></strong>()</code>&nbsp;</td>
+</tr>
+</table>
+</li>
+</ul>
+<!-- ========== METHOD SUMMARY =========== -->
+<ul class="blockList">
+<li class="blockList"><a name="method_summary">
+<!--   -->
+</a>
+<h3>Method Summary</h3>
+<table class="overviewSummary" border="0" cellpadding="3" cellspacing="0" summary="Method Summary table, listing methods, and an explanation">
+<caption><span>Methods</span><span class="tabEnd">&nbsp;</span></caption>
+<tr>
+<th class="colFirst" scope="col">Modifier and Type</th>
+<th class="colLast" scope="col">Method and Description</th>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>void</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Chart.ChartViewBarCentered.html#display(processing.core.PGraphics, controlP5.Chart)">display</a></strong>(processing.core.PGraphics&nbsp;theGraphics,
+       <a href="../controlP5/Chart.html" title="class in controlP5">Chart</a>&nbsp;theController)</code>
+<div class="block">draws your custom controllers.</div>
+</td>
+</tr>
+</table>
+<ul class="blockList">
+<li class="blockList"><a name="methods_inherited_from_class_java.lang.Object">
+<!--   -->
+</a>
+<h3>Methods inherited from class&nbsp;java.lang.Object</h3>
+<code>equals, getClass, hashCode, notify, notifyAll, toString, wait, wait, wait</code></li>
+</ul>
+</li>
+</ul>
+</li>
+</ul>
+</div>
+<div class="details">
+<ul class="blockList">
+<li class="blockList">
+<!-- ========= CONSTRUCTOR DETAIL ======== -->
+<ul class="blockList">
+<li class="blockList"><a name="constructor_detail">
+<!--   -->
+</a>
+<h3>Constructor Detail</h3>
+<a name="Chart.ChartViewBarCentered()">
+<!--   -->
+</a>
+<ul class="blockListLast">
+<li class="blockList">
+<h4>Chart.ChartViewBarCentered</h4>
+<pre>public&nbsp;Chart.ChartViewBarCentered()</pre>
+</li>
+</ul>
+</li>
+</ul>
+<!-- ============ METHOD DETAIL ========== -->
+<ul class="blockList">
+<li class="blockList"><a name="method_detail">
+<!--   -->
+</a>
+<h3>Method Detail</h3>
+<a name="display(processing.core.PGraphics, controlP5.Chart)">
+<!--   -->
+</a>
+<ul class="blockListLast">
+<li class="blockList">
+<h4>display</h4>
+<pre>public&nbsp;void&nbsp;display(processing.core.PGraphics&nbsp;theGraphics,
+           <a href="../controlP5/Chart.html" title="class in controlP5">Chart</a>&nbsp;theController)</pre>
+<div class="block"><strong>Description copied from interface:&nbsp;<code><a href="../controlP5/ControllerView.html#display(processing.core.PGraphics, T)">ControllerView</a></code></strong></div>
+<div class="block">draws your custom controllers. display() will be called by a controller's draw() function and
+ will pass a reference of PApplet as well as the Controller itself to your custom display
+ class.</div>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerView.html#display(processing.core.PGraphics, T)">display</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerView.html" title="interface in controlP5">ControllerView</a>&lt;<a href="../controlP5/Chart.html" title="class in controlP5">Chart</a>&gt;</code></dd>
+</dl>
+</li>
+</ul>
+</li>
+</ul>
+</li>
+</ul>
+</div>
+</div>
+<!-- ========= END OF CLASS DATA ========= -->
+<!-- ======= START OF BOTTOM NAVBAR ====== -->
+<div class="bottomNav"><a name="navbar_bottom">
+<!--   -->
+</a><a href="#skip-navbar_bottom" title="Skip navigation links"></a><a name="navbar_bottom_firstrow">
+<!--   -->
+</a>
+<ul class="navList" title="Navigation">
+<li><a href="../controlP5/package-summary.html">Package</a></li>
+<li class="navBarCell1Rev">Class</li>
+<li><a href="package-tree.html">Tree</a></li>
+<li><a href="../index-all.html">Index</a></li>
+<li><a href="../help-doc.html">Help</a></li>
+</ul>
+</div>
+<div class="subNav">
+<ul class="navList">
+<li><a href="../controlP5/Chart.ChartViewBar.html" title="class in controlP5"><span class="strong">Prev Class</span></a></li>
+<li><a href="../controlP5/Chart.ChartViewLine.html" title="class in controlP5"><span class="strong">Next Class</span></a></li>
+</ul>
+<ul class="navList">
+<li><a href="../index.html?controlP5/Chart.ChartViewBarCentered.html" target="_top">Frames</a></li>
+<li><a href="Chart.ChartViewBarCentered.html" target="_top">No Frames</a></li>
+</ul>
+<ul class="navList" id="allclasses_navbar_bottom">
+<li><a href="../allclasses-noframe.html">All Classes</a></li>
+</ul>
+<div>
+<script type="text/javascript"><!--
+  allClassesLink = document.getElementById("allclasses_navbar_bottom");
+  if(window==top) {
+    allClassesLink.style.display = "block";
+  }
+  else {
+    allClassesLink.style.display = "none";
+  }
+  //-->
+</script>
+</div>
+<div>
+<ul class="subNavList">
+<li>Summary:&nbsp;</li>
+<li>Nested&nbsp;|&nbsp;</li>
+<li>Field&nbsp;|&nbsp;</li>
+<li><a href="#constructor_summary">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_summary">Method</a></li>
+</ul>
+<ul class="subNavList">
+<li>Detail:&nbsp;</li>
+<li>Field&nbsp;|&nbsp;</li>
+<li><a href="#constructor_detail">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_detail">Method</a></li>
+</ul>
+</div>
+<a name="skip-navbar_bottom">
+<!--   -->
+</a></div>
+<!-- ======== END OF BOTTOM NAVBAR ======= -->
+<p class="legalCopy"><small>processing library controlP5 by Andreas Schlegel. (c) 2006-2014</small></p>
+</body>
+</html>
diff --git a/reference/controlP5/Chart.ChartViewLine.html b/reference/controlP5/Chart.ChartViewLine.html
new file mode 100644
index 0000000..b0aa2b0
--- /dev/null
+++ b/reference/controlP5/Chart.ChartViewLine.html
@@ -0,0 +1,272 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
+<!-- NewPage -->
+<html lang="en">
+<head>
+<!-- Generated by javadoc (version 1.7.0_51) on Sun Apr 27 21:39:46 SGT 2014 -->
+<title>Chart.ChartViewLine (Javadocs: controlP5)</title>
+<meta name="date" content="2014-04-27">
+<link rel="stylesheet" type="text/css" href="../stylesheet.css" title="Style">
+</head>
+<body>
+<script type="text/javascript"><!--
+    if (location.href.indexOf('is-external=true') == -1) {
+        parent.document.title="Chart.ChartViewLine (Javadocs: controlP5)";
+    }
+//-->
+</script>
+<noscript>
+<div>JavaScript is disabled on your browser.</div>
+</noscript>
+<!-- ========= START OF TOP NAVBAR ======= -->
+<div class="topNav"><a name="navbar_top">
+<!--   -->
+</a><a href="#skip-navbar_top" title="Skip navigation links"></a><a name="navbar_top_firstrow">
+<!--   -->
+</a>
+<ul class="navList" title="Navigation">
+<li><a href="../controlP5/package-summary.html">Package</a></li>
+<li class="navBarCell1Rev">Class</li>
+<li><a href="package-tree.html">Tree</a></li>
+<li><a href="../index-all.html">Index</a></li>
+<li><a href="../help-doc.html">Help</a></li>
+</ul>
+</div>
+<div class="subNav">
+<ul class="navList">
+<li><a href="../controlP5/Chart.ChartViewBarCentered.html" title="class in controlP5"><span class="strong">Prev Class</span></a></li>
+<li><a href="../controlP5/Chart.ChartViewPie.html" title="class in controlP5"><span class="strong">Next Class</span></a></li>
+</ul>
+<ul class="navList">
+<li><a href="../index.html?controlP5/Chart.ChartViewLine.html" target="_top">Frames</a></li>
+<li><a href="Chart.ChartViewLine.html" target="_top">No Frames</a></li>
+</ul>
+<ul class="navList" id="allclasses_navbar_top">
+<li><a href="../allclasses-noframe.html">All Classes</a></li>
+</ul>
+<div>
+<script type="text/javascript"><!--
+  allClassesLink = document.getElementById("allclasses_navbar_top");
+  if(window==top) {
+    allClassesLink.style.display = "block";
+  }
+  else {
+    allClassesLink.style.display = "none";
+  }
+  //-->
+</script>
+</div>
+<div>
+<ul class="subNavList">
+<li>Summary:&nbsp;</li>
+<li>Nested&nbsp;|&nbsp;</li>
+<li>Field&nbsp;|&nbsp;</li>
+<li><a href="#constructor_summary">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_summary">Method</a></li>
+</ul>
+<ul class="subNavList">
+<li>Detail:&nbsp;</li>
+<li>Field&nbsp;|&nbsp;</li>
+<li><a href="#constructor_detail">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_detail">Method</a></li>
+</ul>
+</div>
+<a name="skip-navbar_top">
+<!--   -->
+</a></div>
+<!-- ========= END OF TOP NAVBAR ========= -->
+<!-- ======== START OF CLASS DATA ======== -->
+<div class="header">
+<div class="subTitle">controlP5</div>
+<h2 title="Class Chart.ChartViewLine" class="title">Class Chart.ChartViewLine</h2>
+</div>
+<div class="contentContainer">
+<ul class="inheritance">
+<li>java.lang.Object</li>
+<li>
+<ul class="inheritance">
+<li>controlP5.Chart.ChartViewLine</li>
+</ul>
+</li>
+</ul>
+<div class="description">
+<ul class="blockList">
+<li class="blockList">
+<dl>
+<dt>All Implemented Interfaces:</dt>
+<dd><a href="../controlP5/ControllerView.html" title="interface in controlP5">ControllerView</a>&lt;<a href="../controlP5/Chart.html" title="class in controlP5">Chart</a>&gt;</dd>
+</dl>
+<dl>
+<dt>Enclosing class:</dt>
+<dd><a href="../controlP5/Chart.html" title="class in controlP5">Chart</a></dd>
+</dl>
+<hr>
+<br>
+<pre>public class <span class="strong">Chart.ChartViewLine</span>
+extends java.lang.Object
+implements <a href="../controlP5/ControllerView.html" title="interface in controlP5">ControllerView</a>&lt;<a href="../controlP5/Chart.html" title="class in controlP5">Chart</a>&gt;</pre>
+</li>
+</ul>
+</div>
+<div class="summary">
+<ul class="blockList">
+<li class="blockList">
+<!-- ======== CONSTRUCTOR SUMMARY ======== -->
+<ul class="blockList">
+<li class="blockList"><a name="constructor_summary">
+<!--   -->
+</a>
+<h3>Constructor Summary</h3>
+<table class="overviewSummary" border="0" cellpadding="3" cellspacing="0" summary="Constructor Summary table, listing constructors, and an explanation">
+<caption><span>Constructors</span><span class="tabEnd">&nbsp;</span></caption>
+<tr>
+<th class="colOne" scope="col">Constructor and Description</th>
+</tr>
+<tr class="altColor">
+<td class="colOne"><code><strong><a href="../controlP5/Chart.ChartViewLine.html#Chart.ChartViewLine()">Chart.ChartViewLine</a></strong>()</code>&nbsp;</td>
+</tr>
+</table>
+</li>
+</ul>
+<!-- ========== METHOD SUMMARY =========== -->
+<ul class="blockList">
+<li class="blockList"><a name="method_summary">
+<!--   -->
+</a>
+<h3>Method Summary</h3>
+<table class="overviewSummary" border="0" cellpadding="3" cellspacing="0" summary="Method Summary table, listing methods, and an explanation">
+<caption><span>Methods</span><span class="tabEnd">&nbsp;</span></caption>
+<tr>
+<th class="colFirst" scope="col">Modifier and Type</th>
+<th class="colLast" scope="col">Method and Description</th>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>void</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Chart.ChartViewLine.html#display(processing.core.PGraphics, controlP5.Chart)">display</a></strong>(processing.core.PGraphics&nbsp;theGraphics,
+       <a href="../controlP5/Chart.html" title="class in controlP5">Chart</a>&nbsp;theController)</code>
+<div class="block">draws your custom controllers.</div>
+</td>
+</tr>
+</table>
+<ul class="blockList">
+<li class="blockList"><a name="methods_inherited_from_class_java.lang.Object">
+<!--   -->
+</a>
+<h3>Methods inherited from class&nbsp;java.lang.Object</h3>
+<code>equals, getClass, hashCode, notify, notifyAll, toString, wait, wait, wait</code></li>
+</ul>
+</li>
+</ul>
+</li>
+</ul>
+</div>
+<div class="details">
+<ul class="blockList">
+<li class="blockList">
+<!-- ========= CONSTRUCTOR DETAIL ======== -->
+<ul class="blockList">
+<li class="blockList"><a name="constructor_detail">
+<!--   -->
+</a>
+<h3>Constructor Detail</h3>
+<a name="Chart.ChartViewLine()">
+<!--   -->
+</a>
+<ul class="blockListLast">
+<li class="blockList">
+<h4>Chart.ChartViewLine</h4>
+<pre>public&nbsp;Chart.ChartViewLine()</pre>
+</li>
+</ul>
+</li>
+</ul>
+<!-- ============ METHOD DETAIL ========== -->
+<ul class="blockList">
+<li class="blockList"><a name="method_detail">
+<!--   -->
+</a>
+<h3>Method Detail</h3>
+<a name="display(processing.core.PGraphics, controlP5.Chart)">
+<!--   -->
+</a>
+<ul class="blockListLast">
+<li class="blockList">
+<h4>display</h4>
+<pre>public&nbsp;void&nbsp;display(processing.core.PGraphics&nbsp;theGraphics,
+           <a href="../controlP5/Chart.html" title="class in controlP5">Chart</a>&nbsp;theController)</pre>
+<div class="block"><strong>Description copied from interface:&nbsp;<code><a href="../controlP5/ControllerView.html#display(processing.core.PGraphics, T)">ControllerView</a></code></strong></div>
+<div class="block">draws your custom controllers. display() will be called by a controller's draw() function and
+ will pass a reference of PApplet as well as the Controller itself to your custom display
+ class.</div>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerView.html#display(processing.core.PGraphics, T)">display</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerView.html" title="interface in controlP5">ControllerView</a>&lt;<a href="../controlP5/Chart.html" title="class in controlP5">Chart</a>&gt;</code></dd>
+</dl>
+</li>
+</ul>
+</li>
+</ul>
+</li>
+</ul>
+</div>
+</div>
+<!-- ========= END OF CLASS DATA ========= -->
+<!-- ======= START OF BOTTOM NAVBAR ====== -->
+<div class="bottomNav"><a name="navbar_bottom">
+<!--   -->
+</a><a href="#skip-navbar_bottom" title="Skip navigation links"></a><a name="navbar_bottom_firstrow">
+<!--   -->
+</a>
+<ul class="navList" title="Navigation">
+<li><a href="../controlP5/package-summary.html">Package</a></li>
+<li class="navBarCell1Rev">Class</li>
+<li><a href="package-tree.html">Tree</a></li>
+<li><a href="../index-all.html">Index</a></li>
+<li><a href="../help-doc.html">Help</a></li>
+</ul>
+</div>
+<div class="subNav">
+<ul class="navList">
+<li><a href="../controlP5/Chart.ChartViewBarCentered.html" title="class in controlP5"><span class="strong">Prev Class</span></a></li>
+<li><a href="../controlP5/Chart.ChartViewPie.html" title="class in controlP5"><span class="strong">Next Class</span></a></li>
+</ul>
+<ul class="navList">
+<li><a href="../index.html?controlP5/Chart.ChartViewLine.html" target="_top">Frames</a></li>
+<li><a href="Chart.ChartViewLine.html" target="_top">No Frames</a></li>
+</ul>
+<ul class="navList" id="allclasses_navbar_bottom">
+<li><a href="../allclasses-noframe.html">All Classes</a></li>
+</ul>
+<div>
+<script type="text/javascript"><!--
+  allClassesLink = document.getElementById("allclasses_navbar_bottom");
+  if(window==top) {
+    allClassesLink.style.display = "block";
+  }
+  else {
+    allClassesLink.style.display = "none";
+  }
+  //-->
+</script>
+</div>
+<div>
+<ul class="subNavList">
+<li>Summary:&nbsp;</li>
+<li>Nested&nbsp;|&nbsp;</li>
+<li>Field&nbsp;|&nbsp;</li>
+<li><a href="#constructor_summary">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_summary">Method</a></li>
+</ul>
+<ul class="subNavList">
+<li>Detail:&nbsp;</li>
+<li>Field&nbsp;|&nbsp;</li>
+<li><a href="#constructor_detail">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_detail">Method</a></li>
+</ul>
+</div>
+<a name="skip-navbar_bottom">
+<!--   -->
+</a></div>
+<!-- ======== END OF BOTTOM NAVBAR ======= -->
+<p class="legalCopy"><small>processing library controlP5 by Andreas Schlegel. (c) 2006-2014</small></p>
+</body>
+</html>
diff --git a/reference/controlP5/Chart.ChartViewPie.html b/reference/controlP5/Chart.ChartViewPie.html
new file mode 100644
index 0000000..2c3f552
--- /dev/null
+++ b/reference/controlP5/Chart.ChartViewPie.html
@@ -0,0 +1,272 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
+<!-- NewPage -->
+<html lang="en">
+<head>
+<!-- Generated by javadoc (version 1.7.0_51) on Sun Apr 27 21:39:46 SGT 2014 -->
+<title>Chart.ChartViewPie (Javadocs: controlP5)</title>
+<meta name="date" content="2014-04-27">
+<link rel="stylesheet" type="text/css" href="../stylesheet.css" title="Style">
+</head>
+<body>
+<script type="text/javascript"><!--
+    if (location.href.indexOf('is-external=true') == -1) {
+        parent.document.title="Chart.ChartViewPie (Javadocs: controlP5)";
+    }
+//-->
+</script>
+<noscript>
+<div>JavaScript is disabled on your browser.</div>
+</noscript>
+<!-- ========= START OF TOP NAVBAR ======= -->
+<div class="topNav"><a name="navbar_top">
+<!--   -->
+</a><a href="#skip-navbar_top" title="Skip navigation links"></a><a name="navbar_top_firstrow">
+<!--   -->
+</a>
+<ul class="navList" title="Navigation">
+<li><a href="../controlP5/package-summary.html">Package</a></li>
+<li class="navBarCell1Rev">Class</li>
+<li><a href="package-tree.html">Tree</a></li>
+<li><a href="../index-all.html">Index</a></li>
+<li><a href="../help-doc.html">Help</a></li>
+</ul>
+</div>
+<div class="subNav">
+<ul class="navList">
+<li><a href="../controlP5/Chart.ChartViewLine.html" title="class in controlP5"><span class="strong">Prev Class</span></a></li>
+<li><a href="../controlP5/ChartData.html" title="class in controlP5"><span class="strong">Next Class</span></a></li>
+</ul>
+<ul class="navList">
+<li><a href="../index.html?controlP5/Chart.ChartViewPie.html" target="_top">Frames</a></li>
+<li><a href="Chart.ChartViewPie.html" target="_top">No Frames</a></li>
+</ul>
+<ul class="navList" id="allclasses_navbar_top">
+<li><a href="../allclasses-noframe.html">All Classes</a></li>
+</ul>
+<div>
+<script type="text/javascript"><!--
+  allClassesLink = document.getElementById("allclasses_navbar_top");
+  if(window==top) {
+    allClassesLink.style.display = "block";
+  }
+  else {
+    allClassesLink.style.display = "none";
+  }
+  //-->
+</script>
+</div>
+<div>
+<ul class="subNavList">
+<li>Summary:&nbsp;</li>
+<li>Nested&nbsp;|&nbsp;</li>
+<li>Field&nbsp;|&nbsp;</li>
+<li><a href="#constructor_summary">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_summary">Method</a></li>
+</ul>
+<ul class="subNavList">
+<li>Detail:&nbsp;</li>
+<li>Field&nbsp;|&nbsp;</li>
+<li><a href="#constructor_detail">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_detail">Method</a></li>
+</ul>
+</div>
+<a name="skip-navbar_top">
+<!--   -->
+</a></div>
+<!-- ========= END OF TOP NAVBAR ========= -->
+<!-- ======== START OF CLASS DATA ======== -->
+<div class="header">
+<div class="subTitle">controlP5</div>
+<h2 title="Class Chart.ChartViewPie" class="title">Class Chart.ChartViewPie</h2>
+</div>
+<div class="contentContainer">
+<ul class="inheritance">
+<li>java.lang.Object</li>
+<li>
+<ul class="inheritance">
+<li>controlP5.Chart.ChartViewPie</li>
+</ul>
+</li>
+</ul>
+<div class="description">
+<ul class="blockList">
+<li class="blockList">
+<dl>
+<dt>All Implemented Interfaces:</dt>
+<dd><a href="../controlP5/ControllerView.html" title="interface in controlP5">ControllerView</a>&lt;<a href="../controlP5/Chart.html" title="class in controlP5">Chart</a>&gt;</dd>
+</dl>
+<dl>
+<dt>Enclosing class:</dt>
+<dd><a href="../controlP5/Chart.html" title="class in controlP5">Chart</a></dd>
+</dl>
+<hr>
+<br>
+<pre>public class <span class="strong">Chart.ChartViewPie</span>
+extends java.lang.Object
+implements <a href="../controlP5/ControllerView.html" title="interface in controlP5">ControllerView</a>&lt;<a href="../controlP5/Chart.html" title="class in controlP5">Chart</a>&gt;</pre>
+</li>
+</ul>
+</div>
+<div class="summary">
+<ul class="blockList">
+<li class="blockList">
+<!-- ======== CONSTRUCTOR SUMMARY ======== -->
+<ul class="blockList">
+<li class="blockList"><a name="constructor_summary">
+<!--   -->
+</a>
+<h3>Constructor Summary</h3>
+<table class="overviewSummary" border="0" cellpadding="3" cellspacing="0" summary="Constructor Summary table, listing constructors, and an explanation">
+<caption><span>Constructors</span><span class="tabEnd">&nbsp;</span></caption>
+<tr>
+<th class="colOne" scope="col">Constructor and Description</th>
+</tr>
+<tr class="altColor">
+<td class="colOne"><code><strong><a href="../controlP5/Chart.ChartViewPie.html#Chart.ChartViewPie()">Chart.ChartViewPie</a></strong>()</code>&nbsp;</td>
+</tr>
+</table>
+</li>
+</ul>
+<!-- ========== METHOD SUMMARY =========== -->
+<ul class="blockList">
+<li class="blockList"><a name="method_summary">
+<!--   -->
+</a>
+<h3>Method Summary</h3>
+<table class="overviewSummary" border="0" cellpadding="3" cellspacing="0" summary="Method Summary table, listing methods, and an explanation">
+<caption><span>Methods</span><span class="tabEnd">&nbsp;</span></caption>
+<tr>
+<th class="colFirst" scope="col">Modifier and Type</th>
+<th class="colLast" scope="col">Method and Description</th>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>void</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Chart.ChartViewPie.html#display(processing.core.PGraphics, controlP5.Chart)">display</a></strong>(processing.core.PGraphics&nbsp;theGraphics,
+       <a href="../controlP5/Chart.html" title="class in controlP5">Chart</a>&nbsp;theController)</code>
+<div class="block">draws your custom controllers.</div>
+</td>
+</tr>
+</table>
+<ul class="blockList">
+<li class="blockList"><a name="methods_inherited_from_class_java.lang.Object">
+<!--   -->
+</a>
+<h3>Methods inherited from class&nbsp;java.lang.Object</h3>
+<code>equals, getClass, hashCode, notify, notifyAll, toString, wait, wait, wait</code></li>
+</ul>
+</li>
+</ul>
+</li>
+</ul>
+</div>
+<div class="details">
+<ul class="blockList">
+<li class="blockList">
+<!-- ========= CONSTRUCTOR DETAIL ======== -->
+<ul class="blockList">
+<li class="blockList"><a name="constructor_detail">
+<!--   -->
+</a>
+<h3>Constructor Detail</h3>
+<a name="Chart.ChartViewPie()">
+<!--   -->
+</a>
+<ul class="blockListLast">
+<li class="blockList">
+<h4>Chart.ChartViewPie</h4>
+<pre>public&nbsp;Chart.ChartViewPie()</pre>
+</li>
+</ul>
+</li>
+</ul>
+<!-- ============ METHOD DETAIL ========== -->
+<ul class="blockList">
+<li class="blockList"><a name="method_detail">
+<!--   -->
+</a>
+<h3>Method Detail</h3>
+<a name="display(processing.core.PGraphics, controlP5.Chart)">
+<!--   -->
+</a>
+<ul class="blockListLast">
+<li class="blockList">
+<h4>display</h4>
+<pre>public&nbsp;void&nbsp;display(processing.core.PGraphics&nbsp;theGraphics,
+           <a href="../controlP5/Chart.html" title="class in controlP5">Chart</a>&nbsp;theController)</pre>
+<div class="block"><strong>Description copied from interface:&nbsp;<code><a href="../controlP5/ControllerView.html#display(processing.core.PGraphics, T)">ControllerView</a></code></strong></div>
+<div class="block">draws your custom controllers. display() will be called by a controller's draw() function and
+ will pass a reference of PApplet as well as the Controller itself to your custom display
+ class.</div>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerView.html#display(processing.core.PGraphics, T)">display</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerView.html" title="interface in controlP5">ControllerView</a>&lt;<a href="../controlP5/Chart.html" title="class in controlP5">Chart</a>&gt;</code></dd>
+</dl>
+</li>
+</ul>
+</li>
+</ul>
+</li>
+</ul>
+</div>
+</div>
+<!-- ========= END OF CLASS DATA ========= -->
+<!-- ======= START OF BOTTOM NAVBAR ====== -->
+<div class="bottomNav"><a name="navbar_bottom">
+<!--   -->
+</a><a href="#skip-navbar_bottom" title="Skip navigation links"></a><a name="navbar_bottom_firstrow">
+<!--   -->
+</a>
+<ul class="navList" title="Navigation">
+<li><a href="../controlP5/package-summary.html">Package</a></li>
+<li class="navBarCell1Rev">Class</li>
+<li><a href="package-tree.html">Tree</a></li>
+<li><a href="../index-all.html">Index</a></li>
+<li><a href="../help-doc.html">Help</a></li>
+</ul>
+</div>
+<div class="subNav">
+<ul class="navList">
+<li><a href="../controlP5/Chart.ChartViewLine.html" title="class in controlP5"><span class="strong">Prev Class</span></a></li>
+<li><a href="../controlP5/ChartData.html" title="class in controlP5"><span class="strong">Next Class</span></a></li>
+</ul>
+<ul class="navList">
+<li><a href="../index.html?controlP5/Chart.ChartViewPie.html" target="_top">Frames</a></li>
+<li><a href="Chart.ChartViewPie.html" target="_top">No Frames</a></li>
+</ul>
+<ul class="navList" id="allclasses_navbar_bottom">
+<li><a href="../allclasses-noframe.html">All Classes</a></li>
+</ul>
+<div>
+<script type="text/javascript"><!--
+  allClassesLink = document.getElementById("allclasses_navbar_bottom");
+  if(window==top) {
+    allClassesLink.style.display = "block";
+  }
+  else {
+    allClassesLink.style.display = "none";
+  }
+  //-->
+</script>
+</div>
+<div>
+<ul class="subNavList">
+<li>Summary:&nbsp;</li>
+<li>Nested&nbsp;|&nbsp;</li>
+<li>Field&nbsp;|&nbsp;</li>
+<li><a href="#constructor_summary">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_summary">Method</a></li>
+</ul>
+<ul class="subNavList">
+<li>Detail:&nbsp;</li>
+<li>Field&nbsp;|&nbsp;</li>
+<li><a href="#constructor_detail">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_detail">Method</a></li>
+</ul>
+</div>
+<a name="skip-navbar_bottom">
+<!--   -->
+</a></div>
+<!-- ======== END OF BOTTOM NAVBAR ======= -->
+<p class="legalCopy"><small>processing library controlP5 by Andreas Schlegel. (c) 2006-2014</small></p>
+</body>
+</html>
diff --git a/reference/controlP5/Chart.html b/reference/controlP5/Chart.html
new file mode 100644
index 0000000..855cae2
--- /dev/null
+++ b/reference/controlP5/Chart.html
@@ -0,0 +1,1529 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
+<!-- NewPage -->
+<html lang="en">
+<head>
+<!-- Generated by javadoc (version 1.7.0_51) on Sun Apr 27 21:39:46 SGT 2014 -->
+<title>Chart (Javadocs: controlP5)</title>
+<meta name="date" content="2014-04-27">
+<link rel="stylesheet" type="text/css" href="../stylesheet.css" title="Style">
+</head>
+<body>
+<script type="text/javascript"><!--
+    if (location.href.indexOf('is-external=true') == -1) {
+        parent.document.title="Chart (Javadocs: controlP5)";
+    }
+//-->
+</script>
+<noscript>
+<div>JavaScript is disabled on your browser.</div>
+</noscript>
+<!-- ========= START OF TOP NAVBAR ======= -->
+<div class="topNav"><a name="navbar_top">
+<!--   -->
+</a><a href="#skip-navbar_top" title="Skip navigation links"></a><a name="navbar_top_firstrow">
+<!--   -->
+</a>
+<ul class="navList" title="Navigation">
+<li><a href="../controlP5/package-summary.html">Package</a></li>
+<li class="navBarCell1Rev">Class</li>
+<li><a href="package-tree.html">Tree</a></li>
+<li><a href="../index-all.html">Index</a></li>
+<li><a href="../help-doc.html">Help</a></li>
+</ul>
+</div>
+<div class="subNav">
+<ul class="navList">
+<li><a href="../controlP5/CDrawable.html" title="interface in controlP5"><span class="strong">Prev Class</span></a></li>
+<li><a href="../controlP5/Chart.ChartViewArea.html" title="class in controlP5"><span class="strong">Next Class</span></a></li>
+</ul>
+<ul class="navList">
+<li><a href="../index.html?controlP5/Chart.html" target="_top">Frames</a></li>
+<li><a href="Chart.html" target="_top">No Frames</a></li>
+</ul>
+<ul class="navList" id="allclasses_navbar_top">
+<li><a href="../allclasses-noframe.html">All Classes</a></li>
+</ul>
+<div>
+<script type="text/javascript"><!--
+  allClassesLink = document.getElementById("allclasses_navbar_top");
+  if(window==top) {
+    allClassesLink.style.display = "block";
+  }
+  else {
+    allClassesLink.style.display = "none";
+  }
+  //-->
+</script>
+</div>
+<div>
+<ul class="subNavList">
+<li>Summary:&nbsp;</li>
+<li><a href="#nested_class_summary">Nested</a>&nbsp;|&nbsp;</li>
+<li><a href="#field_summary">Field</a>&nbsp;|&nbsp;</li>
+<li><a href="#constructor_summary">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_summary">Method</a></li>
+</ul>
+<ul class="subNavList">
+<li>Detail:&nbsp;</li>
+<li><a href="#field_detail">Field</a>&nbsp;|&nbsp;</li>
+<li><a href="#constructor_detail">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_detail">Method</a></li>
+</ul>
+</div>
+<a name="skip-navbar_top">
+<!--   -->
+</a></div>
+<!-- ========= END OF TOP NAVBAR ========= -->
+<!-- ======== START OF CLASS DATA ======== -->
+<div class="header">
+<div class="subTitle">controlP5</div>
+<h2 title="Class Chart" class="title">Class Chart</h2>
+</div>
+<div class="contentContainer">
+<ul class="inheritance">
+<li>java.lang.Object</li>
+<li>
+<ul class="inheritance">
+<li><a href="../controlP5/Controller.html" title="class in controlP5">controlP5.Controller</a>&lt;<a href="../controlP5/Chart.html" title="class in controlP5">Chart</a>&gt;</li>
+<li>
+<ul class="inheritance">
+<li>controlP5.Chart</li>
+</ul>
+</li>
+</ul>
+</li>
+</ul>
+<div class="description">
+<ul class="blockList">
+<li class="blockList">
+<dl>
+<dt>All Implemented Interfaces:</dt>
+<dd><a href="../controlP5/CDrawable.html" title="interface in controlP5">CDrawable</a>, <a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/Chart.html" title="class in controlP5">Chart</a>&gt;, <a href="../controlP5/ControlP5Constants.html" title="interface in controlP5">ControlP5Constants</a></dd>
+</dl>
+<hr>
+<br>
+<pre>public class <span class="strong">Chart</span>
+extends <a href="../controlP5/Controller.html" title="class in controlP5">Controller</a>&lt;<a href="../controlP5/Chart.html" title="class in controlP5">Chart</a>&gt;</pre>
+<div class="block">Use charts to display float array data as line chart, yet experimental, but see the
+ ControlP5chart example for more details.</div>
+<dl><script type="text/javascript">
+<!--
+document.getElementsByTagName('html')[0].className = 'isjs';function toggle(dt) { var display, dd=dt; do{ dd = dd.nextSibling } while(dd.tagName!='DD'); toOpen =!dd.style.display;dd.style.display = toOpen? 'block':''; dt.getElementsByTagName('span')[0].innerHTML  = toOpen? '-':'+' ; }
+-->
+</script>
+<div id="test" class="toggleList"><dl><dt onclick="toggle(this);"><span>+</span>Example</dt><dd><code><pre>/**
+* ControlP5 Chart
+*
+* find a list of public methods available for the Chart Controller
+* at the bottom of this sketch.
+*
+* by Andreas Schlegel, 2012
+* www.sojamo.de/libraries/controlp5
+*
+*/
+
+
+import controlP5.*;
+
+ControlP5 cp5;
+
+Chart myChart;
+
+void setup() {
+  size(400, 700);
+  smooth();
+  cp5 = new ControlP5(this);
+  cp5.printPublicMethodsFor(Chart.class);
+  myChart = cp5.addChart("hello")
+               .setPosition(50, 50)
+               .setSize(200, 200)
+               .setRange(-20, 20)
+               .setView(Chart.BAR) // use Chart.LINE, Chart.PIE, Chart.AREA, Chart.BAR_CENTERED
+               ;
+
+  myChart.getColor().setBackground(color(255, 100));
+
+
+  myChart.addDataSet("world");
+  myChart.setColors("world", color(255,0,255),color(255,0,0));
+  myChart.setData("world", new float[4]);
+
+  myChart.setStrokeWeight(1.5);
+
+  myChart.addDataSet("earth");
+  myChart.setColors("earth", color(255), color(0, 255, 0));
+  myChart.updateData("earth", 1, 2, 10, 3);
+
+}
+
+
+void draw() {
+  background(0);
+  // unshift: add data from left to right (first in)
+  myChart.unshift("world", (sin(frameCount*0.01)*10));
+  
+  // push: add data from right to left (last in)
+  myChart.push("earth", (sin(frameCount*0.1)*10));
+}
+
+
+
+
+
+
+
+/*
+a list of all methods available for the Chart Controller
+use ControlP5.printPublicMethodsFor(Chart.class);
+to print the following list into the console.
+
+You can find further details about class Chart in the javadoc.
+
+Format:
+ClassName : returnType methodName(parameter type)
+
+
+controlP5.Chart : Chart addData(ChartData) 
+controlP5.Chart : Chart addData(ChartDataSet, float) 
+controlP5.Chart : Chart addData(String, ChartData) 
+controlP5.Chart : Chart addData(String, float) 
+controlP5.Chart : Chart addData(float) 
+controlP5.Chart : Chart addDataSet(String) 
+controlP5.Chart : Chart addFirst(String, float) 
+controlP5.Chart : Chart addFirst(float) 
+controlP5.Chart : Chart removeData(ChartData) 
+controlP5.Chart : Chart removeData(String, ChartData) 
+controlP5.Chart : Chart removeData(String, int) 
+controlP5.Chart : Chart removeData(int) 
+controlP5.Chart : Chart removeDataSet(String) 
+controlP5.Chart : Chart removeLast() 
+controlP5.Chart : Chart removeLast(String) 
+controlP5.Chart : Chart setData(String, int, ChartData) 
+controlP5.Chart : Chart setData(int, ChartData) 
+controlP5.Chart : Chart setDataSet(ChartDataSet) 
+controlP5.Chart : Chart setDataSet(String, ChartDataSet) 
+controlP5.Chart : Chart setRange(float, float) 
+controlP5.Chart : Chart setResolution(int) 
+controlP5.Chart : Chart setStrokeWeight(float) 
+controlP5.Chart : Chart setValue(float) 
+controlP5.Chart : Chart setView(int) 
+controlP5.Chart : Chart unshift(String, float) 
+controlP5.Chart : Chart unshift(float) 
+controlP5.Chart : ChartData getData(String, int) 
+controlP5.Chart : ChartDataSet getDataSet(String) 
+controlP5.Chart : LinkedHashMap getDataSet() 
+controlP5.Chart : String getInfo() 
+controlP5.Chart : String toString() 
+controlP5.Chart : float getStrokeWeight() 
+controlP5.Chart : float[] getValuesFrom(String) 
+controlP5.Chart : int getResolution() 
+controlP5.Chart : int size() 
+controlP5.Chart : void onEnter() 
+controlP5.Chart : void onLeave() 
+controlP5.Controller : CColor getColor() 
+controlP5.Controller : Chart addCallback(CallbackListener) 
+controlP5.Controller : Chart addListener(ControlListener) 
+controlP5.Controller : Chart align(int, int, int, int) 
+controlP5.Controller : Chart bringToFront() 
+controlP5.Controller : Chart bringToFront(ControllerInterface) 
+controlP5.Controller : Chart hide() 
+controlP5.Controller : Chart linebreak() 
+controlP5.Controller : Chart listen(boolean) 
+controlP5.Controller : Chart lock() 
+controlP5.Controller : Chart plugTo(Object) 
+controlP5.Controller : Chart plugTo(Object, String) 
+controlP5.Controller : Chart plugTo(Object[]) 
+controlP5.Controller : Chart plugTo(Object[], String) 
+controlP5.Controller : Chart registerProperty(String) 
+controlP5.Controller : Chart registerProperty(String, String) 
+controlP5.Controller : Chart registerTooltip(String) 
+controlP5.Controller : Chart removeBehavior() 
+controlP5.Controller : Chart removeCallback() 
+controlP5.Controller : Chart removeCallback(CallbackListener) 
+controlP5.Controller : Chart removeListener(ControlListener) 
+controlP5.Controller : Chart removeProperty(String) 
+controlP5.Controller : Chart removeProperty(String, String) 
+controlP5.Controller : Chart setArrayValue(float[]) 
+controlP5.Controller : Chart setArrayValue(int, float) 
+controlP5.Controller : Chart setBehavior(ControlBehavior) 
+controlP5.Controller : Chart setBroadcast(boolean) 
+controlP5.Controller : Chart setCaptionLabel(String) 
+controlP5.Controller : Chart setColor(CColor) 
+controlP5.Controller : Chart setColorActive(int) 
+controlP5.Controller : Chart setColorBackground(int) 
+controlP5.Controller : Chart setColorCaptionLabel(int) 
+controlP5.Controller : Chart setColorForeground(int) 
+controlP5.Controller : Chart setColorValueLabel(int) 
+controlP5.Controller : Chart setDecimalPrecision(int) 
+controlP5.Controller : Chart setDefaultValue(float) 
+controlP5.Controller : Chart setHeight(int) 
+controlP5.Controller : Chart setId(int) 
+controlP5.Controller : Chart setImages(PImage, PImage, PImage) 
+controlP5.Controller : Chart setImages(PImage, PImage, PImage, PImage) 
+controlP5.Controller : Chart setLabelVisible(boolean) 
+controlP5.Controller : Chart setLock(boolean) 
+controlP5.Controller : Chart setMax(float) 
+controlP5.Controller : Chart setMin(float) 
+controlP5.Controller : Chart setMouseOver(boolean) 
+controlP5.Controller : Chart setMoveable(boolean) 
+controlP5.Controller : Chart setPosition(PVector) 
+controlP5.Controller : Chart setPosition(float, float) 
+controlP5.Controller : Chart setSize(PImage) 
+controlP5.Controller : Chart setSize(int, int) 
+controlP5.Controller : Chart setStringValue(String) 
+controlP5.Controller : Chart setUpdate(boolean) 
+controlP5.Controller : Chart setValueLabel(String) 
+controlP5.Controller : Chart setView(ControllerView) 
+controlP5.Controller : Chart setVisible(boolean) 
+controlP5.Controller : Chart setWidth(int) 
+controlP5.Controller : Chart show() 
+controlP5.Controller : Chart unlock() 
+controlP5.Controller : Chart unplugFrom(Object) 
+controlP5.Controller : Chart unplugFrom(Object[]) 
+controlP5.Controller : Chart unregisterTooltip() 
+controlP5.Controller : Chart update() 
+controlP5.Controller : Chart updateSize() 
+controlP5.Controller : ControlBehavior getBehavior() 
+controlP5.Controller : ControlWindow getControlWindow() 
+controlP5.Controller : ControlWindow getWindow() 
+controlP5.Controller : ControllerProperty getProperty(String) 
+controlP5.Controller : ControllerProperty getProperty(String, String) 
+controlP5.Controller : Label getCaptionLabel() 
+controlP5.Controller : Label getValueLabel() 
+controlP5.Controller : List getControllerPlugList() 
+controlP5.Controller : PImage setImage(PImage) 
+controlP5.Controller : PImage setImage(PImage, int) 
+controlP5.Controller : PVector getAbsolutePosition() 
+controlP5.Controller : PVector getPosition() 
+controlP5.Controller : String getAddress() 
+controlP5.Controller : String getInfo() 
+controlP5.Controller : String getName() 
+controlP5.Controller : String getStringValue() 
+controlP5.Controller : String toString() 
+controlP5.Controller : Tab getTab() 
+controlP5.Controller : boolean isActive() 
+controlP5.Controller : boolean isBroadcast() 
+controlP5.Controller : boolean isInside() 
+controlP5.Controller : boolean isLabelVisible() 
+controlP5.Controller : boolean isListening() 
+controlP5.Controller : boolean isLock() 
+controlP5.Controller : boolean isMouseOver() 
+controlP5.Controller : boolean isMousePressed() 
+controlP5.Controller : boolean isMoveable() 
+controlP5.Controller : boolean isUpdate() 
+controlP5.Controller : boolean isVisible() 
+controlP5.Controller : float getArrayValue(int) 
+controlP5.Controller : float getDefaultValue() 
+controlP5.Controller : float getMax() 
+controlP5.Controller : float getMin() 
+controlP5.Controller : float getValue() 
+controlP5.Controller : float[] getArrayValue() 
+controlP5.Controller : int getDecimalPrecision() 
+controlP5.Controller : int getHeight() 
+controlP5.Controller : int getId() 
+controlP5.Controller : int getWidth() 
+controlP5.Controller : int listenerSize() 
+controlP5.Controller : void remove() 
+controlP5.Controller : void setView(ControllerView, int) 
+java.lang.Object : String toString() 
+java.lang.Object : boolean equals(Object) 
+
+
+*/
+
+
+
+</pre></code></dd></dl></div></dl>
+</li>
+</ul>
+</div>
+<div class="summary">
+<ul class="blockList">
+<li class="blockList">
+<!-- ======== NESTED CLASS SUMMARY ======== -->
+<ul class="blockList">
+<li class="blockList"><a name="nested_class_summary">
+<!--   -->
+</a>
+<h3>Nested Class Summary</h3>
+<table class="overviewSummary" border="0" cellpadding="3" cellspacing="0" summary="Nested Class Summary table, listing nested classes, and an explanation">
+<caption><span>Nested Classes</span><span class="tabEnd">&nbsp;</span></caption>
+<tr>
+<th class="colFirst" scope="col">Modifier and Type</th>
+<th class="colLast" scope="col">Class and Description</th>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>class&nbsp;</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Chart.ChartViewArea.html" title="class in controlP5">Chart.ChartViewArea</a></strong></code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>class&nbsp;</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Chart.ChartViewBar.html" title="class in controlP5">Chart.ChartViewBar</a></strong></code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>class&nbsp;</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Chart.ChartViewBarCentered.html" title="class in controlP5">Chart.ChartViewBarCentered</a></strong></code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>class&nbsp;</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Chart.ChartViewLine.html" title="class in controlP5">Chart.ChartViewLine</a></strong></code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>class&nbsp;</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Chart.ChartViewPie.html" title="class in controlP5">Chart.ChartViewPie</a></strong></code>&nbsp;</td>
+</tr>
+</table>
+</li>
+</ul>
+<!-- =========== FIELD SUMMARY =========== -->
+<ul class="blockList">
+<li class="blockList"><a name="field_summary">
+<!--   -->
+</a>
+<h3>Field Summary</h3>
+<table class="overviewSummary" border="0" cellpadding="3" cellspacing="0" summary="Field Summary table, listing fields, and an explanation">
+<caption><span>Fields</span><span class="tabEnd">&nbsp;</span></caption>
+<tr>
+<th class="colFirst" scope="col">Modifier and Type</th>
+<th class="colLast" scope="col">Field and Description</th>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>static int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Chart.html#AREA">AREA</a></strong></code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>static int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Chart.html#BAR">BAR</a></strong></code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>static int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Chart.html#BAR_CENTERED">BAR_CENTERED</a></strong></code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>static int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Chart.html#HISTOGRAM">HISTOGRAM</a></strong></code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>static int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Chart.html#LINE">LINE</a></strong></code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>static int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Chart.html#PIE">PIE</a></strong></code>&nbsp;</td>
+</tr>
+</table>
+<ul class="blockList">
+<li class="blockList"><a name="fields_inherited_from_class_controlP5.Controller">
+<!--   -->
+</a>
+<h3>Fields inherited from class&nbsp;controlP5.<a href="../controlP5/Controller.html" title="class in controlP5">Controller</a></h3>
+<code><a href="../controlP5/Controller.html#autoHeight">autoHeight</a>, <a href="../controlP5/Controller.html#autoSpacing">autoSpacing</a>, <a href="../controlP5/Controller.html#autoWidth">autoWidth</a></code></li>
+</ul>
+<ul class="blockList">
+<li class="blockList"><a name="fields_inherited_from_class_controlP5.ControlP5Constants">
+<!--   -->
+</a>
+<h3>Fields inherited from interface&nbsp;controlP5.<a href="../controlP5/ControlP5Constants.html" title="interface in controlP5">ControlP5Constants</a></h3>
+<code><a href="../controlP5/ControlP5Constants.html#acceptClassList">acceptClassList</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_BROADCAST">ACTION_BROADCAST</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_CLICK">ACTION_CLICK</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_DRAG">ACTION_DRAG</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_ENTER">ACTION_ENTER</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_EXIT">ACTION_EXIT</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_LEAVE">ACTION_LEAVE</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_MOVE">ACTION_MOVE</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_PRESS">ACTION_PRESS</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_PRESSED">ACTION_PRESSED</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_RELEASE">ACTION_RELEASE</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_RELEASED">ACTION_RELEASED</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_RELEASEDOUTSIDE">ACTION_RELEASEDOUTSIDE</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_WHEEL">ACTION_WHEEL</a>, <a href="../controlP5/ControlP5Constants.html#ACTIVE">ACTIVE</a>, <a href="../controlP5/ControlP5Constants.html#ALL">ALL</a>, <a href="../controlP5/ControlP5Constants.html#ALT">ALT</a>, <a href="../controlP5/ControlP5Constants.html#AQUA">AQUA</a>, <a href="../controlP5/ControlP5Constants.html#ARC">ARC</a>, <a href="../controlP5/ControlP5Constants.html#ARRAY">ARRAY</a>, <a href="../controlP5/ControlP5Constants.html#BACKSPACE">BACKSPACE</a>, <a href="../controlP5/ControlP5Constants.html#BASELINE">BASELINE</a>, <a href="../controlP5/ControlP5Constants.html#BITFONT">BITFONT</a>, <a href="../controlP5/ControlP5Constants.html#BLACK">BLACK</a>, <a href="../controlP5/ControlP5Constants.html#BLUE">BLUE</a>, <a href="../controlP5/ControlP5Constants.html#BOOLEAN">BOOLEAN</a>, <a href="../controlP5/ControlP5Constants.html#BOTTOM">BOTTOM</a>, <a href="../controlP5/ControlP5Constants.html#BOTTOM_OUTSIDE">BOTTOM_OUTSIDE</a>, <a href="../controlP5/ControlP5Constants.html#CAPTIONLABEL">CAPTIONLABEL</a>, <a href="../controlP5/ControlP5Constants.html#CENTER">CENTER</a>, <a href="../controlP5/ControlP5Constants.html#CHECKBOX">CHECKBOX</a>, <a href="../controlP5/ControlP5Constants.html#COMMANDKEY">COMMANDKEY</a>, <a href="../controlP5/ControlP5Constants.html#CONTROL">CONTROL</a>, <a href="../controlP5/ControlP5Constants.html#controlEventClass">controlEventClass</a>, <a href="../controlP5/ControlP5Constants.html#CUSTOM">CUSTOM</a>, <a href="../controlP5/ControlP5Constants.html#DECREASE">DECREASE</a>, <a href="../controlP5/ControlP5Constants.html#DEFAULT">DEFAULT</a>, <a href="../controlP5/ControlP5Constants.html#DELETE">DELETE</a>, <a href="../controlP5/ControlP5Constants.html#DONE">DONE</a>, <a href="../controlP5/ControlP5Constants.html#DOWN">DOWN</a>, <a href="../controlP5/ControlP5Constants.html#DROPDOWN">DROPDOWN</a>, <a href="../controlP5/ControlP5Constants.html#ELLIPSE">ELLIPSE</a>, <a href="../controlP5/ControlP5Constants.html#ENTER">ENTER</a>, <a href="../controlP5/ControlP5Constants.html#ESCAPE">ESCAPE</a>, <a href="../controlP5/ControlP5Constants.html#EVENT">EVENT</a>, <a href="../controlP5/ControlP5Constants.html#eventMethod">eventMethod</a>, <a href="../controlP5/ControlP5Constants.html#FADEIN">FADEIN</a>, <a href="../controlP5/ControlP5Constants.html#FADEOUT">FADEOUT</a>, <a href="../controlP5/ControlP5Constants.html#FIELD">FIELD</a>, <a href="../controlP5/ControlP5Constants.html#FLOAT">FLOAT</a>, <a href="../controlP5/ControlP5Constants.html#FUCHSIA">FUCHSIA</a>, <a href="../controlP5/ControlP5Constants.html#GRAY">GRAY</a>, <a href="../controlP5/ControlP5Constants.html#GREEN">GREEN</a>, <a href="../controlP5/ControlP5Constants.html#grixel">grixel</a>, <a href="../controlP5/ControlP5Constants.html#HALF_PI">HALF_PI</a>, <a href="../controlP5/ControlP5Constants.html#HIDE">HIDE</a>, <a href="../controlP5/ControlP5Constants.html#HIGHLIGHT">HIGHLIGHT</a>, <a href="../controlP5/ControlP5Constants.html#HORIZONTAL">HORIZONTAL</a>, <a href="../controlP5/ControlP5Constants.html#IDLE">IDLE</a>, <a href="../controlP5/ControlP5Constants.html#IMAGE">IMAGE</a>, <a href="../controlP5/ControlP5Constants.html#INACTIVE">INACTIVE</a>, <a href="../controlP5/ControlP5Constants.html#INCREASE">INCREASE</a>, <a href="../controlP5/ControlP5Constants.html#INTEGER">INTEGER</a>, <a href="../controlP5/ControlP5Constants.html#INVALID">INVALID</a>, <a href="../controlP5/ControlP5Constants.html#J2D">J2D</a>, <a href="../controlP5/ControlP5Constants.html#KEYCONTROL">KEYCONTROL</a>, <a href="../controlP5/ControlP5Constants.html#LEFT">LEFT</a>, <a href="../controlP5/ControlP5Constants.html#LEFT_OUTSIDE">LEFT_OUTSIDE</a>, <a href="../controlP5/ControlP5Constants.html#LIME">LIME</a>, <a href="../controlP5/ControlP5Constants.html#LIST">LIST</a>, <a href="../controlP5/ControlP5Constants.html#LOAD">LOAD</a>, <a href="../controlP5/ControlP5Constants.html#MAROON">MAROON</a>, <a href="../controlP5/ControlP5Constants.html#MENU">MENU</a>, <a href="../controlP5/ControlP5Constants.html#METHOD">METHOD</a>, <a href="../controlP5/ControlP5Constants.html#MOVE">MOVE</a>, <a href="../controlP5/ControlP5Constants.html#MULTI">MULTI</a>, <a href="../controlP5/ControlP5Constants.html#MULTIPLES">MULTIPLES</a>, <a href="../controlP5/ControlP5Constants.html#NAVY">NAVY</a>, <a href="../controlP5/ControlP5Constants.html#OLIVE">OLIVE</a>, <a href="../controlP5/ControlP5Constants.html#ORANGE">ORANGE</a>, <a href="../controlP5/ControlP5Constants.html#OVER">OVER</a>, <a href="../controlP5/ControlP5Constants.html#P2D">P2D</a>, <a href="../controlP5/ControlP5Constants.html#P3D">P3D</a>, <a href="../controlP5/ControlP5Constants.html#PI">PI</a>, <a href="../controlP5/ControlP5Constants.html#PRESSED">PRESSED</a>, <a href="../controlP5/ControlP5Constants.html#PRINT">PRINT</a>, <a href="../controlP5/ControlP5Constants.html#PURPLE">PURPLE</a>, <a href="../controlP5/ControlP5Constants.html#RED">RED</a>, <a href="../controlP5/ControlP5Constants.html#RELEASE">RELEASE</a>, <a href="../controlP5/ControlP5Constants.html#RESET">RESET</a>, <a href="../controlP5/ControlP5Constants.html#RIGHT">RIGHT</a>, <a href="../controlP5/ControlP5Constants.html#RIGHT_OUTSIDE">RIGHT_OUTSIDE</a>, <a href="../controlP5/ControlP5Constants.html#SAVE">SAVE</a>, <a href="../controlP5/ControlP5Constants.html#SHIFT">SHIFT</a>, <a href="../controlP5/ControlP5Constants.html#SILVER">SILVER</a>, <a href="../controlP5/ControlP5Constants.html#SINGLE">SINGLE</a>, <a href="../controlP5/ControlP5Constants.html#SINGLE_COLUMN">SINGLE_COLUMN</a>, <a href="../controlP5/ControlP5Constants.html#SINGLE_ROW">SINGLE_ROW</a>, <a href="../controlP5/ControlP5Constants.html#SPRITE">SPRITE</a>, <a href="../controlP5/ControlP5Constants.html#standard56">standard56</a>, <a href="../controlP5/ControlP5Constants.html#standard58">standard58</a>, <a href="../controlP5/ControlP5Constants.html#STRING">STRING</a>, <a href="../controlP5/ControlP5Constants.html#SWITCH">SWITCH</a>, <a href="../controlP5/ControlP5Constants.html#SWITCH_BACK">SWITCH_BACK</a>, <a href="../controlP5/ControlP5Constants.html#SWITCH_FORE">SWITCH_FORE</a>, <a href="../controlP5/ControlP5Constants.html#synt24">synt24</a>, <a href="../controlP5/ControlP5Constants.html#TAB">TAB</a>, <a href="../controlP5/ControlP5Constants.html#TEAL">TEAL</a>, <a href="../controlP5/ControlP5Constants.html#THEME_A">THEME_A</a>, <a href="../controlP5/ControlP5Constants.html#THEME_CP52014">THEME_CP52014</a>, <a href="../controlP5/ControlP5Constants.html#THEME_CP5BLUE">THEME_CP5BLUE</a>, <a href="../controlP5/ControlP5Constants.html#THEME_RED">THEME_RED</a>, <a href="../controlP5/ControlP5Constants.html#THEME_RETRO">THEME_RETRO</a>, <a href="../controlP5/ControlP5Constants.html#THEME_WHITE">THEME_WHITE</a>, <a href="../controlP5/ControlP5Constants.html#TOP">TOP</a>, <a href="../controlP5/ControlP5Constants.html#TOP_OUTSIDE">TOP_OUTSIDE</a>, <a href="../controlP5/ControlP5Constants.html#TRANSITION_WAIT_FADEIN">TRANSITION_WAIT_FADEIN</a>, <a href="../controlP5/ControlP5Constants.html#TREE">TREE</a>, <a href="../controlP5/ControlP5Constants.html#TWO_PI">TWO_PI</a>, <a href="../controlP5/ControlP5Constants.html#UP">UP</a>, <a href="../controlP5/ControlP5Constants.html#VALUELABEL">VALUELABEL</a>, <a href="../controlP5/ControlP5Constants.html#VERBOSE">VERBOSE</a>, <a href="../controlP5/ControlP5Constants.html#VERTICAL">VERTICAL</a>, <a href="../controlP5/ControlP5Constants.html#WAIT">WAIT</a>, <a href="../controlP5/ControlP5Constants.html#WHITE">WHITE</a>, <a href="../controlP5/ControlP5Constants.html#YELLOW">YELLOW</a></code></li>
+</ul>
+</li>
+</ul>
+<!-- ======== CONSTRUCTOR SUMMARY ======== -->
+<ul class="blockList">
+<li class="blockList"><a name="constructor_summary">
+<!--   -->
+</a>
+<h3>Constructor Summary</h3>
+<table class="overviewSummary" border="0" cellpadding="3" cellspacing="0" summary="Constructor Summary table, listing constructors, and an explanation">
+<caption><span>Constructors</span><span class="tabEnd">&nbsp;</span></caption>
+<tr>
+<th class="colOne" scope="col">Constructor and Description</th>
+</tr>
+<tr class="altColor">
+<td class="colOne"><code><strong><a href="../controlP5/Chart.html#Chart(controlP5.ControlP5, java.lang.String)">Chart</a></strong>(<a href="../controlP5/ControlP5.html" title="class in controlP5">ControlP5</a>&nbsp;theControlP5,
+     java.lang.String&nbsp;theName)</code>
+<div class="block">Convenience constructor to extend Chart.</div>
+</td>
+</tr>
+</table>
+</li>
+</ul>
+<!-- ========== METHOD SUMMARY =========== -->
+<ul class="blockList">
+<li class="blockList"><a name="method_summary">
+<!--   -->
+</a>
+<h3>Method Summary</h3>
+<table class="overviewSummary" border="0" cellpadding="3" cellspacing="0" summary="Method Summary table, listing methods, and an explanation">
+<caption><span>Methods</span><span class="tabEnd">&nbsp;</span></caption>
+<tr>
+<th class="colFirst" scope="col">Modifier and Type</th>
+<th class="colLast" scope="col">Method and Description</th>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Chart.html" title="class in controlP5">Chart</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Chart.html#addData(controlP5.ChartData)">addData</a></strong>(<a href="../controlP5/ChartData.html" title="class in controlP5">ChartData</a>&nbsp;theItem)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Chart.html" title="class in controlP5">Chart</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Chart.html#addData(controlP5.ChartDataSet, float)">addData</a></strong>(<a href="../controlP5/ChartDataSet.html" title="class in controlP5">ChartDataSet</a>&nbsp;theChartData,
+       float&nbsp;theValue)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Chart.html" title="class in controlP5">Chart</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Chart.html#addData(float)">addData</a></strong>(float&nbsp;theValue)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Chart.html" title="class in controlP5">Chart</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Chart.html#addData(java.lang.String, controlP5.ChartData)">addData</a></strong>(java.lang.String&nbsp;theSetIndex,
+       <a href="../controlP5/ChartData.html" title="class in controlP5">ChartData</a>&nbsp;theItem)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Chart.html" title="class in controlP5">Chart</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Chart.html#addData(java.lang.String, float)">addData</a></strong>(java.lang.String&nbsp;theSetIndex,
+       float&nbsp;theValue)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Chart.html" title="class in controlP5">Chart</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Chart.html#addDataSet(java.lang.String)">addDataSet</a></strong>(java.lang.String&nbsp;theName)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Chart.html" title="class in controlP5">Chart</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Chart.html#addFirst(float)">addFirst</a></strong>(float&nbsp;theValue)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Chart.html" title="class in controlP5">Chart</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Chart.html#addFirst(java.lang.String, float)">addFirst</a></strong>(java.lang.String&nbsp;theSetIndex,
+        float&nbsp;theValue)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Chart.html" title="class in controlP5">Chart</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Chart.html#addLast(float)">addLast</a></strong>(float&nbsp;theValue)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Chart.html" title="class in controlP5">Chart</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Chart.html#addLast(java.lang.String, float)">addLast</a></strong>(java.lang.String&nbsp;theSetIndex,
+       float&nbsp;theValue)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/ChartData.html" title="class in controlP5">ChartData</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Chart.html#getData(java.lang.String, int)">getData</a></strong>(java.lang.String&nbsp;theIndex,
+       int&nbsp;theItemIndex)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>java.util.LinkedHashMap&lt;java.lang.String,<a href="../controlP5/ChartDataSet.html" title="class in controlP5">ChartDataSet</a>&gt;</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Chart.html#getDataSet()">getDataSet</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/ChartDataSet.html" title="class in controlP5">ChartDataSet</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Chart.html#getDataSet(java.lang.String)">getDataSet</a></strong>(java.lang.String&nbsp;theIndex)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>java.lang.String</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Chart.html#getInfo()">getInfo</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Chart.html#getResolution()">getResolution</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>float</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Chart.html#getStrokeWeight()">getStrokeWeight</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>float[]</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Chart.html#getValuesFrom(java.lang.String)">getValuesFrom</a></strong>(java.lang.String&nbsp;theIndex)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>void</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Chart.html#onEnter()">onEnter</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>void</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Chart.html#onLeave()">onLeave</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Chart.html" title="class in controlP5">Chart</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Chart.html#push(float)">push</a></strong>(float&nbsp;theValue)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Chart.html" title="class in controlP5">Chart</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Chart.html#push(java.lang.String, float)">push</a></strong>(java.lang.String&nbsp;theSetIndex,
+    float&nbsp;theValue)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Chart.html" title="class in controlP5">Chart</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Chart.html#removeData(controlP5.ChartData)">removeData</a></strong>(<a href="../controlP5/ChartData.html" title="class in controlP5">ChartData</a>&nbsp;theItem)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Chart.html" title="class in controlP5">Chart</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Chart.html#removeData(int)">removeData</a></strong>(int&nbsp;theItemIndex)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Chart.html" title="class in controlP5">Chart</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Chart.html#removeData(java.lang.String, controlP5.ChartData)">removeData</a></strong>(java.lang.String&nbsp;theSetIndex,
+          <a href="../controlP5/ChartData.html" title="class in controlP5">ChartData</a>&nbsp;theItem)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Chart.html" title="class in controlP5">Chart</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Chart.html#removeData(java.lang.String, int)">removeData</a></strong>(java.lang.String&nbsp;theSetIndex,
+          int&nbsp;theItemIndex)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Chart.html" title="class in controlP5">Chart</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Chart.html#removeDataSet(java.lang.String)">removeDataSet</a></strong>(java.lang.String&nbsp;theIndex)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Chart.html" title="class in controlP5">Chart</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Chart.html#removeFirst()">removeFirst</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Chart.html" title="class in controlP5">Chart</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Chart.html#removeFirst(java.lang.String)">removeFirst</a></strong>(java.lang.String&nbsp;theSetIndex)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Chart.html" title="class in controlP5">Chart</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Chart.html#removeLast()">removeLast</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Chart.html" title="class in controlP5">Chart</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Chart.html#removeLast(java.lang.String)">removeLast</a></strong>(java.lang.String&nbsp;theSetIndex)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Chart.html" title="class in controlP5">Chart</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Chart.html#setColors(java.lang.String, int...)">setColors</a></strong>(java.lang.String&nbsp;theSetIndex,
+         int...&nbsp;theColors)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Chart.html" title="class in controlP5">Chart</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Chart.html#setData(float...)">setData</a></strong>(float...&nbsp;theValues)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Chart.html" title="class in controlP5">Chart</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Chart.html#setData(int, controlP5.ChartData)">setData</a></strong>(int&nbsp;theItemIndex,
+       <a href="../controlP5/ChartData.html" title="class in controlP5">ChartData</a>&nbsp;theItem)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Chart.html" title="class in controlP5">Chart</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Chart.html#setData(java.lang.String, float...)">setData</a></strong>(java.lang.String&nbsp;theSetIndex,
+       float...&nbsp;theValues)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Chart.html" title="class in controlP5">Chart</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Chart.html#setData(java.lang.String, int, controlP5.ChartData)">setData</a></strong>(java.lang.String&nbsp;theSetItem,
+       int&nbsp;theItemIndex,
+       <a href="../controlP5/ChartData.html" title="class in controlP5">ChartData</a>&nbsp;theItem)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Chart.html" title="class in controlP5">Chart</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Chart.html#setDataSet(controlP5.ChartDataSet)">setDataSet</a></strong>(<a href="../controlP5/ChartDataSet.html" title="class in controlP5">ChartDataSet</a>&nbsp;theItems)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Chart.html" title="class in controlP5">Chart</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Chart.html#setDataSet(java.lang.String, controlP5.ChartDataSet)">setDataSet</a></strong>(java.lang.String&nbsp;theSetIndex,
+          <a href="../controlP5/ChartDataSet.html" title="class in controlP5">ChartDataSet</a>&nbsp;theChartData)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Chart.html" title="class in controlP5">Chart</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Chart.html#setRange(float, float)">setRange</a></strong>(float&nbsp;theMin,
+        float&nbsp;theMax)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Chart.html" title="class in controlP5">Chart</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Chart.html#setResolution(int)">setResolution</a></strong>(int&nbsp;theValue)</code>
+<div class="block">?</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Chart.html" title="class in controlP5">Chart</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Chart.html#setStrokeWeight(float)">setStrokeWeight</a></strong>(float&nbsp;theWeight)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Chart.html" title="class in controlP5">Chart</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Chart.html#setValue(float)">setValue</a></strong>(float&nbsp;theValue)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Chart.html" title="class in controlP5">Chart</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Chart.html#setView(int)">setView</a></strong>(int&nbsp;theType)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Chart.html#size()">size</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>java.lang.String</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Chart.html#toString()">toString</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Chart.html" title="class in controlP5">Chart</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Chart.html#unshift(float)">unshift</a></strong>(float&nbsp;theValue)</code>
+<div class="block">adds a new float at the beginning of the data set.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Chart.html" title="class in controlP5">Chart</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Chart.html#unshift(java.lang.String, float)">unshift</a></strong>(java.lang.String&nbsp;theSetIndex,
+       float&nbsp;theValue)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Chart.html" title="class in controlP5">Chart</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Chart.html#updateData(float...)">updateData</a></strong>(float...&nbsp;theValues)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Chart.html" title="class in controlP5">Chart</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Chart.html#updateData(java.lang.String, float...)">updateData</a></strong>(java.lang.String&nbsp;theSetIndex,
+          float...&nbsp;theValues)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Chart.html" title="class in controlP5">Chart</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Chart.html#updateDisplayMode(int)">updateDisplayMode</a></strong>(int&nbsp;theMode)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Chart.html" title="class in controlP5">Chart</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Chart.html#updateViewMode(int)">updateViewMode</a></strong>(int&nbsp;theMode)</code>&nbsp;</td>
+</tr>
+</table>
+<ul class="blockList">
+<li class="blockList"><a name="methods_inherited_from_class_controlP5.Controller">
+<!--   -->
+</a>
+<h3>Methods inherited from class&nbsp;controlP5.<a href="../controlP5/Controller.html" title="class in controlP5">Controller</a></h3>
+<code><a href="../controlP5/Controller.html#add(controlP5.ControllerInterface)">add</a>, <a href="../controlP5/Controller.html#addCallback(controlP5.CallbackListener)">addCallback</a>, <a href="../controlP5/Controller.html#addListener(controlP5.ControlListener)">addListener</a>, <a href="../controlP5/Controller.html#align(int, int, int, int)">align</a>, <a href="../controlP5/Controller.html#bringToFront()">bringToFront</a>, <a href="../controlP5/Controller.html#bringToFront(controlP5.ControllerInterface)">bringToFront</a>, <a href="../controlP5/Controller.html#changeValue(float)">changeValue</a>, <a href="../controlP5/Controller.html#continuousUpdateEvents()">continuousUpdateEvents</a>, <a href="../controlP5/Controller.html#draw(processing.core.PGraphics)">draw</a>, <a href="../controlP5/Controller.html#getAbsolutePosition()">getAbsolutePosition</a>, <a href="../controlP5/Controller.html#getAddress()">getAddress</a>, <a href="../controlP5/Controller.html#getArrayValue()">getArrayValue</a>, <a href="../controlP5/Controller.html#getArrayValue(int)">getArrayValue</a>, <a href="../controlP5/Controller.html#getBehavior()">getBehavior</a>, <a href="../controlP5/Controller.html#getCaptionLabel()">getCaptionLabel</a>, <a href="../controlP5/Controller.html#getColor()">getColor</a>, <a href="../controlP5/Controller.html#getControllerPlugList()">getControllerPlugList</a>, <a href="../controlP5/Controller.html#getControlWindow()">getControlWindow</a>, <a href="../controlP5/Controller.html#getDecimalPrecision()">getDecimalPrecision</a>, <a href="../controlP5/Controller.html#getDefaultValue()">getDefaultValue</a>, <a href="../controlP5/Controller.html#getHeight()">getHeight</a>, <a href="../controlP5/Controller.html#getId()">getId</a>, <a href="../controlP5/Controller.html#getLabel()">getLabel</a>, <a href="../controlP5/Controller.html#getMax()">getMax</a>, <a href="../controlP5/Controller.html#getMin()">getMin</a>, <a href="../controlP5/Controller.html#getName()">getName</a>, <a href="../controlP5/Controller.html#getParent()">getParent</a>, <a href="../controlP5/Controller.html#getPickingColor()">getPickingColor</a>, <a href="../controlP5/Controller.html#getPointer()">getPointer</a>, <a href="../controlP5/Controller.html#getPosition()">getPosition</a>, <a href="../controlP5/Controller.html#getProperty(java.lang.String)">getProperty</a>, <a href="../controlP5/Controller.html#getProperty(java.lang.String, java.lang.String)">getProperty</a>, <a href="../controlP5/Controller.html#getStringValue()">getStringValue</a>, <a href="../controlP5/Controller.html#getTab()">getTab</a>, <a href="../controlP5/Controller.html#getValue()">getValue</a>, <a href="../controlP5/Controller.html#getValueLabel()">getValueLabel</a>, <a href="../controlP5/Controller.html#getView()">getView</a>, <a href="../controlP5/Controller.html#getWidth()">getWidth</a>, <a href="../controlP5/Controller.html#getWindow()">getWindow</a>, <a href="../controlP5/Controller.html#hide()">hide</a>, <a href="../controlP5/Controller.html#init()">init</a>, <a href="../controlP5/Controller.html#isActive()">isActive</a>, <a href="../controlP5/Controller.html#isBroadcast()">isBroadcast</a>, <a href="../controlP5/Controller.html#isInside()">isInside</a>, <a href="../controlP5/Controller.html#isLabelVisible()">isLabelVisible</a>, <a href="../controlP5/Controller.html#isListening()">isListening</a>, <a href="../controlP5/Controller.html#isLock()">isLock</a>, <a href="../controlP5/Controller.html#isMouseOver()">isMouseOver</a>, <a href="../controlP5/Controller.html#isMousePressed()">isMousePressed</a>, <a href="../controlP5/Controller.html#isMoveable()">isMoveable</a>, <a href="../controlP5/Controller.html#isUpdate()">isUpdate</a>, <a href="../controlP5/Controller.html#isUserInteraction()">isUserInteraction</a>, <a href="../controlP5/Controller.html#isVisible()">isVisible</a>, <a href="../controlP5/Controller.html#keyEvent(processing.event.KeyEvent)">keyEvent</a>, <a href="../controlP5/Controller.html#linebreak()">linebreak</a>, <a href="../controlP5/Controller.html#listen(boolean)">listen</a>, <a href="../controlP5/Controller.html#listenerSize()">listenerSize</a>, <a href="../controlP5/Controller.html#lock()">lock</a>, <a href="../controlP5/Controller.html#moveTo(controlP5.ControlGroup)">moveTo</a>, <a href="../controlP5/Controller.html#moveTo(controlP5.ControllerGroup)">moveTo</a>, <a href="../controlP5/Controller.html#moveTo(controlP5.ControllerGroup, controlP5.Tab, controlP5.ControlWindow)">moveTo</a>, <a href="../controlP5/Controller.html#moveTo(controlP5.ControlWindow)">moveTo</a>, <a href="../controlP5/Controller.html#moveTo(controlP5.ControlWindow, java.lang.String)">moveTo</a>, <a href="../controlP5/Controller.html#moveTo(processing.core.PApplet)">moveTo</a>, <a href="../controlP5/Controller.html#moveTo(processing.core.PApplet, java.lang.String)">moveTo</a>, <a href="../controlP5/Controller.html#moveTo(java.lang.String)">moveTo</a>, <a href="../controlP5/Controller.html#moveTo(controlP5.Tab)">moveTo</a>, <a href="../controlP5/Controller.html#plugTo(java.lang.Object)">plugTo</a>, <a href="../controlP5/Controller.html#plugTo(java.lang.Object[])">plugTo</a>, <a href="../controlP5/Controller.html#plugTo(java.lang.Object[], java.lang.String)">plugTo</a>, <a href="../controlP5/Controller.html#plugTo(java.lang.Object, java.lang.String)">plugTo</a>, <a href="../controlP5/Controller.html#registerProperty(java.lang.String)">registerProperty</a>, <a href="../controlP5/Controller.html#registerProperty(java.lang.String, java.lang.String)">registerProperty</a>, <a href="../controlP5/Controller.html#registerTooltip(java.lang.String)">registerTooltip</a>, <a href="../controlP5/Controller.html#remove()">remove</a>, <a href="../controlP5/Controller.html#remove(controlP5.ControllerInterface)">remove</a>, <a href="../controlP5/Controller.html#removeBehavior()">removeBehavior</a>, <a href="../controlP5/Controller.html#removeCallback()">removeCallback</a>, <a href="../controlP5/Controller.html#removeCallback(controlP5.CallbackListener)">removeCallback</a>, <a href="../controlP5/Controller.html#removeListener(controlP5.ControlListener)">removeListener</a>, <a href="../controlP5/Controller.html#removeProperty(java.lang.String)">removeProperty</a>, <a href="../controlP5/Controller.html#removeProperty(java.lang.String, java.lang.String)">removeProperty</a>, <a href="../controlP5/Controller.html#setAbsolutePosition(processing.core.PVector)">setAbsolutePosition</a>, <a href="../controlP5/Controller.html#setAddress(java.lang.String)">setAddress</a>, <a href="../controlP5/Controller.html#setArrayValue(float[])">setArrayValue</a>, <a href="../controlP5/Controller.html#setArrayValue(int, float)">setArrayValue</a>, <a href="../controlP5/Controller.html#setBehavior(controlP5.ControlBehavior)">setBehavior</a>, <a href="../controlP5/Controller.html#setBroadcast(boolean)">setBroadcast</a>, <a href="../controlP5/Controller.html#setCaptionLabel(java.lang.String)">setCaptionLabel</a>, <a href="../controlP5/Controller.html#setColor(controlP5.CColor)">setColor</a>, <a href="../controlP5/Controller.html#setColorActive(int)">setColorActive</a>, <a href="../controlP5/Controller.html#setColorBackground(int)">setColorBackground</a>, <a href="../controlP5/Controller.html#setColorCaptionLabel(int)">setColorCaptionLabel</a>, <a href="../controlP5/Controller.html#setColorForeground(int)">setColorForeground</a>, <a href="../controlP5/Controller.html#setColorValueLabel(int)">setColorValueLabel</a>, <a href="../controlP5/Controller.html#setDecimalPrecision(int)">setDecimalPrecision</a>, <a href="../controlP5/Controller.html#setDefaultValue(float)">setDefaultValue</a>, <a href="../controlP5/Controller.html#setGroup(controlP5.ControllerGroup)">setGroup</a>, <a href="../controlP5/Controller.html#setGroup(java.lang.String)">setGroup</a>, <a href="../controlP5/Controller.html#setHeight(int)">setHeight</a>, <a href="../controlP5/Controller.html#setId(int)">setId</a>, <a href="../controlP5/Controller.html#setImage(processing.core.PImage)">setImage</a>, <a href="../controlP5/Controller.html#setImage(processing.core.PImage, int)">setImage</a>, <a href="../controlP5/Controller.html#setImages(processing.core.PImage...)">setImages</a>, <a href="../controlP5/Controller.html#setImages(processing.core.PImage, processing.core.PImage, processing.core.PImage)">setImages</a>, <a href="../controlP5/Controller.html#setImages(processing.core.PImage, processing.core.PImage, processing.core.PImage, processing.core.PImage)">setImages</a>, <a href="../controlP5/Controller.html#setLabelVisible(boolean)">setLabelVisible</a>, <a href="../controlP5/Controller.html#setLock(boolean)">setLock</a>, <a href="../controlP5/Controller.html#setMax(float)">setMax</a>, <a href="../controlP5/Controller.html#setMin(float)">setMin</a>, <a href="../controlP5/Controller.html#setMouseOver(boolean)">setMouseOver</a>, <a href="../controlP5/Controller.html#setMousePressed(boolean)">setMousePressed</a>, <a href="../controlP5/Controller.html#setMoveable(boolean)">setMoveable</a>, <a href="../controlP5/Controller.html#setParent(controlP5.ControllerInterface)">setParent</a>, <a href="../controlP5/Controller.html#setPosition(float, float)">setPosition</a>, <a href="../controlP5/Controller.html#setPosition(processing.core.PVector)">setPosition</a>, <a href="../controlP5/Controller.html#setSize(int, int)">setSize</a>, <a href="../controlP5/Controller.html#setSize(processing.core.PImage)">setSize</a>, <a href="../controlP5/Controller.html#setStringValue(java.lang.String)">setStringValue</a>, <a href="../controlP5/Controller.html#setTab(controlP5.ControlWindow, java.lang.String)">setTab</a>, <a href="../controlP5/Controller.html#setTab(java.lang.String)">setTab</a>, <a href="../controlP5/Controller.html#setUpdate(boolean)">setUpdate</a>, <a href="../controlP5/Controller.html#setUserInteraction(boolean)">setUserInteraction</a>, <a href="../controlP5/Controller.html#setValueLabel(java.lang.String)">setValueLabel</a>, <a href="../controlP5/Controller.html#setValueSelf(float)">setValueSelf</a>, <a href="../controlP5/Controller.html#setView(controlP5.ControllerView)">setView</a>, <a href="../controlP5/Controller.html#setView(controlP5.ControllerView, int)">setView</a>, <a href="../controlP5/Controller.html#setVisible(boolean)">setVisible</a>, <a href="../controlP5/Controller.html#setWidth(int)">setWidth</a>, <a href="../controlP5/Controller.html#show()">show</a>, <a href="../controlP5/Controller.html#unlock()">unlock</a>, <a href="../controlP5/Controller.html#unplugFrom(java.lang.Object)">unplugFrom</a>, <a href="../controlP5/Controller.html#unplugFrom(java.lang.Object[])">unplugFrom</a>, <a href="../controlP5/Controller.html#unregisterTooltip()">unregisterTooltip</a>, <a href="../controlP5/Controller.html#update()">update</a>, <a href="../controlP5/Controller.html#updateAbsolutePosition()">updateAbsolutePosition</a>, <a href="../controlP5/Controller.html#updateEvents()">updateEvents</a>, <a href="../controlP5/Controller.html#updateInternalEvents(processing.core.PApplet)">updateInternalEvents</a>, <a href="../controlP5/Controller.html#updateSize()">updateSize</a></code></li>
+</ul>
+<ul class="blockList">
+<li class="blockList"><a name="methods_inherited_from_class_java.lang.Object">
+<!--   -->
+</a>
+<h3>Methods inherited from class&nbsp;java.lang.Object</h3>
+<code>equals, getClass, hashCode, notify, notifyAll, wait, wait, wait</code></li>
+</ul>
+<ul class="blockList">
+<li class="blockList"><a name="methods_inherited_from_class_controlP5.ControllerInterface">
+<!--   -->
+</a>
+<h3>Methods inherited from interface&nbsp;controlP5.<a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a></h3>
+<code><a href="../controlP5/ControllerInterface.html#parent()">parent</a>, <a href="../controlP5/ControllerInterface.html#setColorLabel(int)">setColorLabel</a>, <a href="../controlP5/ControllerInterface.html#setColorValue(int)">setColorValue</a>, <a href="../controlP5/ControllerInterface.html#setLabel(java.lang.String)">setLabel</a></code></li>
+</ul>
+</li>
+</ul>
+</li>
+</ul>
+</div>
+<div class="details">
+<ul class="blockList">
+<li class="blockList">
+<!-- ============ FIELD DETAIL =========== -->
+<ul class="blockList">
+<li class="blockList"><a name="field_detail">
+<!--   -->
+</a>
+<h3>Field Detail</h3>
+<a name="AREA">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>AREA</h4>
+<pre>public static final&nbsp;int AREA</pre>
+<dl><dt><span class="strong">See Also:</span></dt><dd><a href="../constant-values.html#controlP5.Chart.AREA">Constant Field Values</a></dd></dl>
+</li>
+</ul>
+<a name="BAR">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>BAR</h4>
+<pre>public static final&nbsp;int BAR</pre>
+<dl><dt><span class="strong">See Also:</span></dt><dd><a href="../constant-values.html#controlP5.Chart.BAR">Constant Field Values</a></dd></dl>
+</li>
+</ul>
+<a name="BAR_CENTERED">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>BAR_CENTERED</h4>
+<pre>public static final&nbsp;int BAR_CENTERED</pre>
+<dl><dt><span class="strong">See Also:</span></dt><dd><a href="../constant-values.html#controlP5.Chart.BAR_CENTERED">Constant Field Values</a></dd></dl>
+</li>
+</ul>
+<a name="HISTOGRAM">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>HISTOGRAM</h4>
+<pre>public static final&nbsp;int HISTOGRAM</pre>
+<dl><dt><span class="strong">See Also:</span></dt><dd><a href="../constant-values.html#controlP5.Chart.HISTOGRAM">Constant Field Values</a></dd></dl>
+</li>
+</ul>
+<a name="LINE">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>LINE</h4>
+<pre>public static final&nbsp;int LINE</pre>
+<dl><dt><span class="strong">See Also:</span></dt><dd><a href="../constant-values.html#controlP5.Chart.LINE">Constant Field Values</a></dd></dl>
+</li>
+</ul>
+<a name="PIE">
+<!--   -->
+</a>
+<ul class="blockListLast">
+<li class="blockList">
+<h4>PIE</h4>
+<pre>public static final&nbsp;int PIE</pre>
+<dl><dt><span class="strong">See Also:</span></dt><dd><a href="../constant-values.html#controlP5.Chart.PIE">Constant Field Values</a></dd></dl>
+</li>
+</ul>
+</li>
+</ul>
+<!-- ========= CONSTRUCTOR DETAIL ======== -->
+<ul class="blockList">
+<li class="blockList"><a name="constructor_detail">
+<!--   -->
+</a>
+<h3>Constructor Detail</h3>
+<a name="Chart(controlP5.ControlP5, java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockListLast">
+<li class="blockList">
+<h4>Chart</h4>
+<pre>public&nbsp;Chart(<a href="../controlP5/ControlP5.html" title="class in controlP5">ControlP5</a>&nbsp;theControlP5,
+     java.lang.String&nbsp;theName)</pre>
+<div class="block">Convenience constructor to extend Chart.</div>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theControlP5</code> - </dd><dd><code>theName</code> - </dd><script type="text/javascript">
+<!--
+document.getElementsByTagName('html')[0].className = 'isjs';function toggle(dt) { var display, dd=dt; do{ dd = dd.nextSibling } while(dd.tagName!='DD'); toOpen =!dd.style.display;dd.style.display = toOpen? 'block':''; dt.getElementsByTagName('span')[0].innerHTML  = toOpen? '-':'+' ; }
+-->
+</script>
+<div id="test" class="toggleList"><dl><dt onclick="toggle(this);"><span>+</span>Example</dt><dd><code><pre>/**
+ * ControlP5 extending Controllers
+ *
+ * the following example shows how to extend the Controller class to 
+ * create customizable Controllers. You can either extend the Controller class itself,
+ * or any class that extends Controller itself like the Slider, Button, DropdownList, etc. 
+ * 
+ * How to:
+ *
+ * 1) do a super call to the convenience constructor requiring 
+ * 2 parameter (ControlP5 instance, name)  
+ *
+ * 2) the Controller class has a set of empty methods that allow you to capture
+ * inputs from the mouse including 
+ * onEnter(), onLeave(), onPress(), onRelease(), onClick(), onScroll(int), onDrag()
+ * These you can override and include functionality as needed.
+ *
+ * 3) use method getPointer() to return the local (relative) 
+ * xy-coordinates of the controller
+ *  
+ * 4) after instantiation custom controllers are treated the same 
+ * as default controlP5 controllers.
+ *  
+ * by Andreas Schlegel, 2012
+ * www.sojamo.de/libraries/controlp5
+ *
+ */
+
+import controlP5.*;
+
+ControlP5 cp5;
+PApplet p;
+
+void setup() {
+  size(400, 400);
+  cp5 = new ControlP5(this);
+  
+  // create 2 groups to show nesting of custom controllers and
+  //   
+  Group g1 = cp5.addGroup("a").setPosition(0,100).setWidth(180);
+  Group g2 = cp5.addGroup("b").setPosition(0,10).setWidth(180);
+  g2.moveTo(g1);
+  
+  // create 2 custom Controllers from class MyButton
+  // MyButton extends Controller and inherits all methods accordingly.
+  new MyButton(cp5, "b1").setPosition(0, 0).setSize(180, 200).moveTo(g2);
+  new MyButton(cp5, "b2").setPosition(205, 15).setSize(180, 200);
+  
+}
+
+
+void draw() {
+  background(0);
+}
+
+// b1 will be called from Controller b1
+public void b1(float theValue) {
+  println("yay button "+theValue);
+}
+
+public void controlEvent(ControlEvent theEvent) {
+  println("controlEvent : "+theEvent);
+}
+
+
+// Create a custom Controller, please not that 
+// MyButton extends Controller<MyButton>, <MyButton>
+// is an indicator for the super class about the type of 
+// custom controller to be created.
+
+class MyButton extends Controller<MyButton> {
+
+  int current = 0xffff0000;
+
+  float a = 128;
+  
+  float na;
+  
+  int y;
+  
+  // use the convenience constructor of super class Controller
+  // MyButton will automatically registered and move to the 
+  // default controlP5 tab.
+  
+  MyButton(ControlP5 cp5, String theName) {
+    super(cp5, theName);
+    
+    // replace the default view with a custom view.
+    setView(new ControllerView() {
+      public void display(PApplet p, Object b) {
+        // draw button background
+        na += (a-na) * 0.1; 
+        p.fill(current,na);
+        p.rect(0, 0, getWidth(), getHeight());
+        
+        // draw horizontal line which can be moved on the x-axis 
+        // using the scroll wheel. 
+        p.fill(0,255,0);
+        p.rect(0,y,width,10);
+        
+        // draw the custom label 
+        p.fill(128);
+        translate(0,getHeight()+14);
+        p.text(getName(),0,0);
+        p.text(getName(),0,0);
+        
+      }
+    }
+    );
+  }
+
+  // override various input methods for mouse input control
+  void onEnter() {
+    cursor(HAND);
+    println("enter");
+    a = 255;
+  }
+  
+  void onScroll(int n) {
+    println("scrolling");
+    y -= n;
+    y = constrain(y,0,getHeight()-10);
+  }
+  
+  void onPress() {
+    println("press");
+    current = 0xffffff00;
+  }
+  
+  void onClick() {
+    Pointer p1 = getPointer();
+    println("clicked at "+p1.x()+", "+p1.y());
+    current = 0xffffff00;
+    setValue(y);
+  }
+
+  void onRelease() {
+    println("release");
+    current = 0xffffffff;
+  }
+  
+  void onMove() {
+    println("moving "+this+" "+_myControlWindow.getMouseOverList());
+  }
+
+  void onDrag() {
+    current = 0xff0000ff;
+    Pointer p1 = getPointer();
+    float dif = dist(p1.px(),p1.py(),p1.x(),p1.y());
+    println("dragging at "+p1.x()+", "+p1.y()+" "+dif);
+  }
+  
+  void onReleaseOutside() {
+    onLeave();
+  }
+
+  void onLeave() {
+    println("leave");
+    cursor(ARROW);
+    a = 128;
+  }
+}
+
+</pre></code></dd></dl></div></dl>
+</li>
+</ul>
+</li>
+</ul>
+<!-- ============ METHOD DETAIL ========== -->
+<ul class="blockList">
+<li class="blockList"><a name="method_detail">
+<!--   -->
+</a>
+<h3>Method Detail</h3>
+<a name="addData(controlP5.ChartData)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>addData</h4>
+<pre>public&nbsp;<a href="../controlP5/Chart.html" title="class in controlP5">Chart</a>&nbsp;addData(<a href="../controlP5/ChartData.html" title="class in controlP5">ChartData</a>&nbsp;theItem)</pre>
+</li>
+</ul>
+<a name="addData(controlP5.ChartDataSet, float)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>addData</h4>
+<pre>public&nbsp;<a href="../controlP5/Chart.html" title="class in controlP5">Chart</a>&nbsp;addData(<a href="../controlP5/ChartDataSet.html" title="class in controlP5">ChartDataSet</a>&nbsp;theChartData,
+            float&nbsp;theValue)</pre>
+</li>
+</ul>
+<a name="addData(float)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>addData</h4>
+<pre>public&nbsp;<a href="../controlP5/Chart.html" title="class in controlP5">Chart</a>&nbsp;addData(float&nbsp;theValue)</pre>
+</li>
+</ul>
+<a name="addData(java.lang.String, controlP5.ChartData)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>addData</h4>
+<pre>public&nbsp;<a href="../controlP5/Chart.html" title="class in controlP5">Chart</a>&nbsp;addData(java.lang.String&nbsp;theSetIndex,
+            <a href="../controlP5/ChartData.html" title="class in controlP5">ChartData</a>&nbsp;theItem)</pre>
+</li>
+</ul>
+<a name="addData(java.lang.String, float)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>addData</h4>
+<pre>public&nbsp;<a href="../controlP5/Chart.html" title="class in controlP5">Chart</a>&nbsp;addData(java.lang.String&nbsp;theSetIndex,
+            float&nbsp;theValue)</pre>
+</li>
+</ul>
+<a name="addDataSet(java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>addDataSet</h4>
+<pre>public&nbsp;<a href="../controlP5/Chart.html" title="class in controlP5">Chart</a>&nbsp;addDataSet(java.lang.String&nbsp;theName)</pre>
+</li>
+</ul>
+<a name="addFirst(float)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>addFirst</h4>
+<pre>public&nbsp;<a href="../controlP5/Chart.html" title="class in controlP5">Chart</a>&nbsp;addFirst(float&nbsp;theValue)</pre>
+</li>
+</ul>
+<a name="addFirst(java.lang.String, float)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>addFirst</h4>
+<pre>public&nbsp;<a href="../controlP5/Chart.html" title="class in controlP5">Chart</a>&nbsp;addFirst(java.lang.String&nbsp;theSetIndex,
+             float&nbsp;theValue)</pre>
+</li>
+</ul>
+<a name="addLast(float)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>addLast</h4>
+<pre>public&nbsp;<a href="../controlP5/Chart.html" title="class in controlP5">Chart</a>&nbsp;addLast(float&nbsp;theValue)</pre>
+</li>
+</ul>
+<a name="addLast(java.lang.String, float)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>addLast</h4>
+<pre>public&nbsp;<a href="../controlP5/Chart.html" title="class in controlP5">Chart</a>&nbsp;addLast(java.lang.String&nbsp;theSetIndex,
+            float&nbsp;theValue)</pre>
+</li>
+</ul>
+<a name="getData(java.lang.String, int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getData</h4>
+<pre>public&nbsp;<a href="../controlP5/ChartData.html" title="class in controlP5">ChartData</a>&nbsp;getData(java.lang.String&nbsp;theIndex,
+                int&nbsp;theItemIndex)</pre>
+</li>
+</ul>
+<a name="getDataSet()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getDataSet</h4>
+<pre>public&nbsp;java.util.LinkedHashMap&lt;java.lang.String,<a href="../controlP5/ChartDataSet.html" title="class in controlP5">ChartDataSet</a>&gt;&nbsp;getDataSet()</pre>
+</li>
+</ul>
+<a name="getDataSet(java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getDataSet</h4>
+<pre>public&nbsp;<a href="../controlP5/ChartDataSet.html" title="class in controlP5">ChartDataSet</a>&nbsp;getDataSet(java.lang.String&nbsp;theIndex)</pre>
+</li>
+</ul>
+<a name="getInfo()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getInfo</h4>
+<pre>public&nbsp;java.lang.String&nbsp;getInfo()</pre>
+<dl>
+<dt><strong>Overrides:</strong></dt>
+<dd><code><a href="../controlP5/Controller.html#getInfo()">getInfo</a></code>&nbsp;in class&nbsp;<code><a href="../controlP5/Controller.html" title="class in controlP5">Controller</a>&lt;<a href="../controlP5/Chart.html" title="class in controlP5">Chart</a>&gt;</code></dd>
+<dt><span class="strong">Returns:</span></dt><dd>String</dd></dl>
+</li>
+</ul>
+<a name="getResolution()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getResolution</h4>
+<pre>public&nbsp;int&nbsp;getResolution()</pre>
+</li>
+</ul>
+<a name="getStrokeWeight()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getStrokeWeight</h4>
+<pre>public&nbsp;float&nbsp;getStrokeWeight()</pre>
+</li>
+</ul>
+<a name="getValuesFrom(java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getValuesFrom</h4>
+<pre>public&nbsp;float[]&nbsp;getValuesFrom(java.lang.String&nbsp;theIndex)</pre>
+</li>
+</ul>
+<a name="onEnter()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>onEnter</h4>
+<pre>public&nbsp;void&nbsp;onEnter()</pre>
+</li>
+</ul>
+<a name="onLeave()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>onLeave</h4>
+<pre>public&nbsp;void&nbsp;onLeave()</pre>
+</li>
+</ul>
+<a name="push(float)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>push</h4>
+<pre>public&nbsp;<a href="../controlP5/Chart.html" title="class in controlP5">Chart</a>&nbsp;push(float&nbsp;theValue)</pre>
+</li>
+</ul>
+<a name="push(java.lang.String, float)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>push</h4>
+<pre>public&nbsp;<a href="../controlP5/Chart.html" title="class in controlP5">Chart</a>&nbsp;push(java.lang.String&nbsp;theSetIndex,
+         float&nbsp;theValue)</pre>
+</li>
+</ul>
+<a name="removeData(controlP5.ChartData)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>removeData</h4>
+<pre>public&nbsp;<a href="../controlP5/Chart.html" title="class in controlP5">Chart</a>&nbsp;removeData(<a href="../controlP5/ChartData.html" title="class in controlP5">ChartData</a>&nbsp;theItem)</pre>
+</li>
+</ul>
+<a name="removeData(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>removeData</h4>
+<pre>public&nbsp;<a href="../controlP5/Chart.html" title="class in controlP5">Chart</a>&nbsp;removeData(int&nbsp;theItemIndex)</pre>
+</li>
+</ul>
+<a name="removeData(java.lang.String, controlP5.ChartData)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>removeData</h4>
+<pre>public&nbsp;<a href="../controlP5/Chart.html" title="class in controlP5">Chart</a>&nbsp;removeData(java.lang.String&nbsp;theSetIndex,
+               <a href="../controlP5/ChartData.html" title="class in controlP5">ChartData</a>&nbsp;theItem)</pre>
+</li>
+</ul>
+<a name="removeData(java.lang.String, int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>removeData</h4>
+<pre>public&nbsp;<a href="../controlP5/Chart.html" title="class in controlP5">Chart</a>&nbsp;removeData(java.lang.String&nbsp;theSetIndex,
+               int&nbsp;theItemIndex)</pre>
+</li>
+</ul>
+<a name="removeDataSet(java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>removeDataSet</h4>
+<pre>public&nbsp;<a href="../controlP5/Chart.html" title="class in controlP5">Chart</a>&nbsp;removeDataSet(java.lang.String&nbsp;theIndex)</pre>
+</li>
+</ul>
+<a name="removeFirst()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>removeFirst</h4>
+<pre>public&nbsp;<a href="../controlP5/Chart.html" title="class in controlP5">Chart</a>&nbsp;removeFirst()</pre>
+</li>
+</ul>
+<a name="removeFirst(java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>removeFirst</h4>
+<pre>public&nbsp;<a href="../controlP5/Chart.html" title="class in controlP5">Chart</a>&nbsp;removeFirst(java.lang.String&nbsp;theSetIndex)</pre>
+</li>
+</ul>
+<a name="removeLast()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>removeLast</h4>
+<pre>public&nbsp;<a href="../controlP5/Chart.html" title="class in controlP5">Chart</a>&nbsp;removeLast()</pre>
+</li>
+</ul>
+<a name="removeLast(java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>removeLast</h4>
+<pre>public&nbsp;<a href="../controlP5/Chart.html" title="class in controlP5">Chart</a>&nbsp;removeLast(java.lang.String&nbsp;theSetIndex)</pre>
+</li>
+</ul>
+<a name="setColors(java.lang.String, int...)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setColors</h4>
+<pre>public&nbsp;<a href="../controlP5/Chart.html" title="class in controlP5">Chart</a>&nbsp;setColors(java.lang.String&nbsp;theSetIndex,
+              int...&nbsp;theColors)</pre>
+</li>
+</ul>
+<a name="setData(float...)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setData</h4>
+<pre>public&nbsp;<a href="../controlP5/Chart.html" title="class in controlP5">Chart</a>&nbsp;setData(float...&nbsp;theValues)</pre>
+</li>
+</ul>
+<a name="setData(int, controlP5.ChartData)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setData</h4>
+<pre>public&nbsp;<a href="../controlP5/Chart.html" title="class in controlP5">Chart</a>&nbsp;setData(int&nbsp;theItemIndex,
+            <a href="../controlP5/ChartData.html" title="class in controlP5">ChartData</a>&nbsp;theItem)</pre>
+</li>
+</ul>
+<a name="setData(java.lang.String, float...)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setData</h4>
+<pre>public&nbsp;<a href="../controlP5/Chart.html" title="class in controlP5">Chart</a>&nbsp;setData(java.lang.String&nbsp;theSetIndex,
+            float...&nbsp;theValues)</pre>
+</li>
+</ul>
+<a name="setData(java.lang.String, int, controlP5.ChartData)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setData</h4>
+<pre>public&nbsp;<a href="../controlP5/Chart.html" title="class in controlP5">Chart</a>&nbsp;setData(java.lang.String&nbsp;theSetItem,
+            int&nbsp;theItemIndex,
+            <a href="../controlP5/ChartData.html" title="class in controlP5">ChartData</a>&nbsp;theItem)</pre>
+</li>
+</ul>
+<a name="setDataSet(controlP5.ChartDataSet)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setDataSet</h4>
+<pre>public&nbsp;<a href="../controlP5/Chart.html" title="class in controlP5">Chart</a>&nbsp;setDataSet(<a href="../controlP5/ChartDataSet.html" title="class in controlP5">ChartDataSet</a>&nbsp;theItems)</pre>
+</li>
+</ul>
+<a name="setDataSet(java.lang.String, controlP5.ChartDataSet)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setDataSet</h4>
+<pre>public&nbsp;<a href="../controlP5/Chart.html" title="class in controlP5">Chart</a>&nbsp;setDataSet(java.lang.String&nbsp;theSetIndex,
+               <a href="../controlP5/ChartDataSet.html" title="class in controlP5">ChartDataSet</a>&nbsp;theChartData)</pre>
+</li>
+</ul>
+<a name="setRange(float, float)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setRange</h4>
+<pre>public&nbsp;<a href="../controlP5/Chart.html" title="class in controlP5">Chart</a>&nbsp;setRange(float&nbsp;theMin,
+             float&nbsp;theMax)</pre>
+</li>
+</ul>
+<a name="setResolution(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setResolution</h4>
+<pre>public&nbsp;<a href="../controlP5/Chart.html" title="class in controlP5">Chart</a>&nbsp;setResolution(int&nbsp;theValue)</pre>
+<div class="block">?</div>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theValue</code> - </dd>
+<dt><span class="strong">Returns:</span></dt><dd></dd></dl>
+</li>
+</ul>
+<a name="setStrokeWeight(float)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setStrokeWeight</h4>
+<pre>public&nbsp;<a href="../controlP5/Chart.html" title="class in controlP5">Chart</a>&nbsp;setStrokeWeight(float&nbsp;theWeight)</pre>
+</li>
+</ul>
+<a name="setValue(float)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setValue</h4>
+<pre>public&nbsp;<a href="../controlP5/Chart.html" title="class in controlP5">Chart</a>&nbsp;setValue(float&nbsp;theValue)</pre>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerInterface.html#setValue(float)">setValue</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/Chart.html" title="class in controlP5">Chart</a>&gt;</code></dd>
+<dt><strong>Overrides:</strong></dt>
+<dd><code><a href="../controlP5/Controller.html#setValue(float)">setValue</a></code>&nbsp;in class&nbsp;<code><a href="../controlP5/Controller.html" title="class in controlP5">Controller</a>&lt;<a href="../controlP5/Chart.html" title="class in controlP5">Chart</a>&gt;</code></dd>
+<dt><span class="strong">Parameters:</span></dt><dd><code>theValue</code> - float</dd></dl>
+</li>
+</ul>
+<a name="setView(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setView</h4>
+<pre>public&nbsp;<a href="../controlP5/Chart.html" title="class in controlP5">Chart</a>&nbsp;setView(int&nbsp;theType)</pre>
+</li>
+</ul>
+<a name="size()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>size</h4>
+<pre>public&nbsp;int&nbsp;size()</pre>
+</li>
+</ul>
+<a name="toString()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>toString</h4>
+<pre>public&nbsp;java.lang.String&nbsp;toString()</pre>
+<dl>
+<dt><strong>Overrides:</strong></dt>
+<dd><code><a href="../controlP5/Controller.html#toString()">toString</a></code>&nbsp;in class&nbsp;<code><a href="../controlP5/Controller.html" title="class in controlP5">Controller</a>&lt;<a href="../controlP5/Chart.html" title="class in controlP5">Chart</a>&gt;</code></dd>
+</dl>
+</li>
+</ul>
+<a name="unshift(float)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>unshift</h4>
+<pre>public&nbsp;<a href="../controlP5/Chart.html" title="class in controlP5">Chart</a>&nbsp;unshift(float&nbsp;theValue)</pre>
+<div class="block">adds a new float at the beginning of the data set.</div>
+</li>
+</ul>
+<a name="unshift(java.lang.String, float)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>unshift</h4>
+<pre>public&nbsp;<a href="../controlP5/Chart.html" title="class in controlP5">Chart</a>&nbsp;unshift(java.lang.String&nbsp;theSetIndex,
+            float&nbsp;theValue)</pre>
+</li>
+</ul>
+<a name="updateData(float...)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>updateData</h4>
+<pre>public&nbsp;<a href="../controlP5/Chart.html" title="class in controlP5">Chart</a>&nbsp;updateData(float...&nbsp;theValues)</pre>
+</li>
+</ul>
+<a name="updateData(java.lang.String, float...)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>updateData</h4>
+<pre>public&nbsp;<a href="../controlP5/Chart.html" title="class in controlP5">Chart</a>&nbsp;updateData(java.lang.String&nbsp;theSetIndex,
+               float...&nbsp;theValues)</pre>
+</li>
+</ul>
+<a name="updateDisplayMode(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>updateDisplayMode</h4>
+<pre>public&nbsp;<a href="../controlP5/Chart.html" title="class in controlP5">Chart</a>&nbsp;updateDisplayMode(int&nbsp;theMode)</pre>
+</li>
+</ul>
+<a name="updateViewMode(int)">
+<!--   -->
+</a>
+<ul class="blockListLast">
+<li class="blockList">
+<h4>updateViewMode</h4>
+<pre>public&nbsp;<a href="../controlP5/Chart.html" title="class in controlP5">Chart</a>&nbsp;updateViewMode(int&nbsp;theMode)</pre>
+</li>
+</ul>
+</li>
+</ul>
+</li>
+</ul>
+</div>
+</div>
+<!-- ========= END OF CLASS DATA ========= -->
+<!-- ======= START OF BOTTOM NAVBAR ====== -->
+<div class="bottomNav"><a name="navbar_bottom">
+<!--   -->
+</a><a href="#skip-navbar_bottom" title="Skip navigation links"></a><a name="navbar_bottom_firstrow">
+<!--   -->
+</a>
+<ul class="navList" title="Navigation">
+<li><a href="../controlP5/package-summary.html">Package</a></li>
+<li class="navBarCell1Rev">Class</li>
+<li><a href="package-tree.html">Tree</a></li>
+<li><a href="../index-all.html">Index</a></li>
+<li><a href="../help-doc.html">Help</a></li>
+</ul>
+</div>
+<div class="subNav">
+<ul class="navList">
+<li><a href="../controlP5/CDrawable.html" title="interface in controlP5"><span class="strong">Prev Class</span></a></li>
+<li><a href="../controlP5/Chart.ChartViewArea.html" title="class in controlP5"><span class="strong">Next Class</span></a></li>
+</ul>
+<ul class="navList">
+<li><a href="../index.html?controlP5/Chart.html" target="_top">Frames</a></li>
+<li><a href="Chart.html" target="_top">No Frames</a></li>
+</ul>
+<ul class="navList" id="allclasses_navbar_bottom">
+<li><a href="../allclasses-noframe.html">All Classes</a></li>
+</ul>
+<div>
+<script type="text/javascript"><!--
+  allClassesLink = document.getElementById("allclasses_navbar_bottom");
+  if(window==top) {
+    allClassesLink.style.display = "block";
+  }
+  else {
+    allClassesLink.style.display = "none";
+  }
+  //-->
+</script>
+</div>
+<div>
+<ul class="subNavList">
+<li>Summary:&nbsp;</li>
+<li><a href="#nested_class_summary">Nested</a>&nbsp;|&nbsp;</li>
+<li><a href="#field_summary">Field</a>&nbsp;|&nbsp;</li>
+<li><a href="#constructor_summary">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_summary">Method</a></li>
+</ul>
+<ul class="subNavList">
+<li>Detail:&nbsp;</li>
+<li><a href="#field_detail">Field</a>&nbsp;|&nbsp;</li>
+<li><a href="#constructor_detail">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_detail">Method</a></li>
+</ul>
+</div>
+<a name="skip-navbar_bottom">
+<!--   -->
+</a></div>
+<!-- ======== END OF BOTTOM NAVBAR ======= -->
+<p class="legalCopy"><small>processing library controlP5 by Andreas Schlegel. (c) 2006-2014</small></p>
+</body>
+</html>
diff --git a/reference/controlP5/ChartData.html b/reference/controlP5/ChartData.html
new file mode 100644
index 0000000..2a22bac
--- /dev/null
+++ b/reference/controlP5/ChartData.html
@@ -0,0 +1,331 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
+<!-- NewPage -->
+<html lang="en">
+<head>
+<!-- Generated by javadoc (version 1.7.0_51) on Sun Apr 27 21:39:46 SGT 2014 -->
+<title>ChartData (Javadocs: controlP5)</title>
+<meta name="date" content="2014-04-27">
+<link rel="stylesheet" type="text/css" href="../stylesheet.css" title="Style">
+</head>
+<body>
+<script type="text/javascript"><!--
+    if (location.href.indexOf('is-external=true') == -1) {
+        parent.document.title="ChartData (Javadocs: controlP5)";
+    }
+//-->
+</script>
+<noscript>
+<div>JavaScript is disabled on your browser.</div>
+</noscript>
+<!-- ========= START OF TOP NAVBAR ======= -->
+<div class="topNav"><a name="navbar_top">
+<!--   -->
+</a><a href="#skip-navbar_top" title="Skip navigation links"></a><a name="navbar_top_firstrow">
+<!--   -->
+</a>
+<ul class="navList" title="Navigation">
+<li><a href="../controlP5/package-summary.html">Package</a></li>
+<li class="navBarCell1Rev">Class</li>
+<li><a href="package-tree.html">Tree</a></li>
+<li><a href="../index-all.html">Index</a></li>
+<li><a href="../help-doc.html">Help</a></li>
+</ul>
+</div>
+<div class="subNav">
+<ul class="navList">
+<li><a href="../controlP5/Chart.ChartViewPie.html" title="class in controlP5"><span class="strong">Prev Class</span></a></li>
+<li><a href="../controlP5/ChartDataSet.html" title="class in controlP5"><span class="strong">Next Class</span></a></li>
+</ul>
+<ul class="navList">
+<li><a href="../index.html?controlP5/ChartData.html" target="_top">Frames</a></li>
+<li><a href="ChartData.html" target="_top">No Frames</a></li>
+</ul>
+<ul class="navList" id="allclasses_navbar_top">
+<li><a href="../allclasses-noframe.html">All Classes</a></li>
+</ul>
+<div>
+<script type="text/javascript"><!--
+  allClassesLink = document.getElementById("allclasses_navbar_top");
+  if(window==top) {
+    allClassesLink.style.display = "block";
+  }
+  else {
+    allClassesLink.style.display = "none";
+  }
+  //-->
+</script>
+</div>
+<div>
+<ul class="subNavList">
+<li>Summary:&nbsp;</li>
+<li>Nested&nbsp;|&nbsp;</li>
+<li>Field&nbsp;|&nbsp;</li>
+<li><a href="#constructor_summary">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_summary">Method</a></li>
+</ul>
+<ul class="subNavList">
+<li>Detail:&nbsp;</li>
+<li>Field&nbsp;|&nbsp;</li>
+<li><a href="#constructor_detail">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_detail">Method</a></li>
+</ul>
+</div>
+<a name="skip-navbar_top">
+<!--   -->
+</a></div>
+<!-- ========= END OF TOP NAVBAR ========= -->
+<!-- ======== START OF CLASS DATA ======== -->
+<div class="header">
+<div class="subTitle">controlP5</div>
+<h2 title="Class ChartData" class="title">Class ChartData</h2>
+</div>
+<div class="contentContainer">
+<ul class="inheritance">
+<li>java.lang.Object</li>
+<li>
+<ul class="inheritance">
+<li>controlP5.ChartData</li>
+</ul>
+</li>
+</ul>
+<div class="description">
+<ul class="blockList">
+<li class="blockList">
+<hr>
+<br>
+<pre>public class <span class="strong">ChartData</span>
+extends java.lang.Object</pre>
+<div class="block">Used by Chart, single chart data is stored here including value, (label) text, and color.</div>
+</li>
+</ul>
+</div>
+<div class="summary">
+<ul class="blockList">
+<li class="blockList">
+<!-- ======== CONSTRUCTOR SUMMARY ======== -->
+<ul class="blockList">
+<li class="blockList"><a name="constructor_summary">
+<!--   -->
+</a>
+<h3>Constructor Summary</h3>
+<table class="overviewSummary" border="0" cellpadding="3" cellspacing="0" summary="Constructor Summary table, listing constructors, and an explanation">
+<caption><span>Constructors</span><span class="tabEnd">&nbsp;</span></caption>
+<tr>
+<th class="colOne" scope="col">Constructor and Description</th>
+</tr>
+<tr class="altColor">
+<td class="colOne"><code><strong><a href="../controlP5/ChartData.html#ChartData(float)">ChartData</a></strong>(float&nbsp;theValue)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colOne"><code><strong><a href="../controlP5/ChartData.html#ChartData(float, java.lang.String)">ChartData</a></strong>(float&nbsp;theValue,
+         java.lang.String&nbsp;theText)</code>&nbsp;</td>
+</tr>
+</table>
+</li>
+</ul>
+<!-- ========== METHOD SUMMARY =========== -->
+<ul class="blockList">
+<li class="blockList"><a name="method_summary">
+<!--   -->
+</a>
+<h3>Method Summary</h3>
+<table class="overviewSummary" border="0" cellpadding="3" cellspacing="0" summary="Method Summary table, listing methods, and an explanation">
+<caption><span>Methods</span><span class="tabEnd">&nbsp;</span></caption>
+<tr>
+<th class="colFirst" scope="col">Modifier and Type</th>
+<th class="colLast" scope="col">Method and Description</th>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ChartData.html#getColor()">getColor</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>java.lang.String</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ChartData.html#getText()">getText</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>float</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ChartData.html#getValue()">getValue</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>void</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ChartData.html#setColor(int)">setColor</a></strong>(int&nbsp;theColor)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>void</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ChartData.html#setText(java.lang.String)">setText</a></strong>(java.lang.String&nbsp;theText)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>void</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ChartData.html#setValue(float)">setValue</a></strong>(float&nbsp;theValue)</code>&nbsp;</td>
+</tr>
+</table>
+<ul class="blockList">
+<li class="blockList"><a name="methods_inherited_from_class_java.lang.Object">
+<!--   -->
+</a>
+<h3>Methods inherited from class&nbsp;java.lang.Object</h3>
+<code>equals, getClass, hashCode, notify, notifyAll, toString, wait, wait, wait</code></li>
+</ul>
+</li>
+</ul>
+</li>
+</ul>
+</div>
+<div class="details">
+<ul class="blockList">
+<li class="blockList">
+<!-- ========= CONSTRUCTOR DETAIL ======== -->
+<ul class="blockList">
+<li class="blockList"><a name="constructor_detail">
+<!--   -->
+</a>
+<h3>Constructor Detail</h3>
+<a name="ChartData(float)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>ChartData</h4>
+<pre>public&nbsp;ChartData(float&nbsp;theValue)</pre>
+</li>
+</ul>
+<a name="ChartData(float, java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockListLast">
+<li class="blockList">
+<h4>ChartData</h4>
+<pre>public&nbsp;ChartData(float&nbsp;theValue,
+         java.lang.String&nbsp;theText)</pre>
+</li>
+</ul>
+</li>
+</ul>
+<!-- ============ METHOD DETAIL ========== -->
+<ul class="blockList">
+<li class="blockList"><a name="method_detail">
+<!--   -->
+</a>
+<h3>Method Detail</h3>
+<a name="getColor()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getColor</h4>
+<pre>public&nbsp;int&nbsp;getColor()</pre>
+</li>
+</ul>
+<a name="getText()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getText</h4>
+<pre>public&nbsp;java.lang.String&nbsp;getText()</pre>
+</li>
+</ul>
+<a name="getValue()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getValue</h4>
+<pre>public&nbsp;float&nbsp;getValue()</pre>
+</li>
+</ul>
+<a name="setColor(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setColor</h4>
+<pre>public&nbsp;void&nbsp;setColor(int&nbsp;theColor)</pre>
+</li>
+</ul>
+<a name="setText(java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setText</h4>
+<pre>public&nbsp;void&nbsp;setText(java.lang.String&nbsp;theText)</pre>
+</li>
+</ul>
+<a name="setValue(float)">
+<!--   -->
+</a>
+<ul class="blockListLast">
+<li class="blockList">
+<h4>setValue</h4>
+<pre>public&nbsp;void&nbsp;setValue(float&nbsp;theValue)</pre>
+</li>
+</ul>
+</li>
+</ul>
+</li>
+</ul>
+</div>
+</div>
+<!-- ========= END OF CLASS DATA ========= -->
+<!-- ======= START OF BOTTOM NAVBAR ====== -->
+<div class="bottomNav"><a name="navbar_bottom">
+<!--   -->
+</a><a href="#skip-navbar_bottom" title="Skip navigation links"></a><a name="navbar_bottom_firstrow">
+<!--   -->
+</a>
+<ul class="navList" title="Navigation">
+<li><a href="../controlP5/package-summary.html">Package</a></li>
+<li class="navBarCell1Rev">Class</li>
+<li><a href="package-tree.html">Tree</a></li>
+<li><a href="../index-all.html">Index</a></li>
+<li><a href="../help-doc.html">Help</a></li>
+</ul>
+</div>
+<div class="subNav">
+<ul class="navList">
+<li><a href="../controlP5/Chart.ChartViewPie.html" title="class in controlP5"><span class="strong">Prev Class</span></a></li>
+<li><a href="../controlP5/ChartDataSet.html" title="class in controlP5"><span class="strong">Next Class</span></a></li>
+</ul>
+<ul class="navList">
+<li><a href="../index.html?controlP5/ChartData.html" target="_top">Frames</a></li>
+<li><a href="ChartData.html" target="_top">No Frames</a></li>
+</ul>
+<ul class="navList" id="allclasses_navbar_bottom">
+<li><a href="../allclasses-noframe.html">All Classes</a></li>
+</ul>
+<div>
+<script type="text/javascript"><!--
+  allClassesLink = document.getElementById("allclasses_navbar_bottom");
+  if(window==top) {
+    allClassesLink.style.display = "block";
+  }
+  else {
+    allClassesLink.style.display = "none";
+  }
+  //-->
+</script>
+</div>
+<div>
+<ul class="subNavList">
+<li>Summary:&nbsp;</li>
+<li>Nested&nbsp;|&nbsp;</li>
+<li>Field&nbsp;|&nbsp;</li>
+<li><a href="#constructor_summary">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_summary">Method</a></li>
+</ul>
+<ul class="subNavList">
+<li>Detail:&nbsp;</li>
+<li>Field&nbsp;|&nbsp;</li>
+<li><a href="#constructor_detail">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_detail">Method</a></li>
+</ul>
+</div>
+<a name="skip-navbar_bottom">
+<!--   -->
+</a></div>
+<!-- ======== END OF BOTTOM NAVBAR ======= -->
+<p class="legalCopy"><small>processing library controlP5 by Andreas Schlegel. (c) 2006-2014</small></p>
+</body>
+</html>
diff --git a/reference/controlP5/ChartDataSet.html b/reference/controlP5/ChartDataSet.html
new file mode 100644
index 0000000..491cf3a
--- /dev/null
+++ b/reference/controlP5/ChartDataSet.html
@@ -0,0 +1,378 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
+<!-- NewPage -->
+<html lang="en">
+<head>
+<!-- Generated by javadoc (version 1.7.0_51) on Sun Apr 27 21:39:46 SGT 2014 -->
+<title>ChartDataSet (Javadocs: controlP5)</title>
+<meta name="date" content="2014-04-27">
+<link rel="stylesheet" type="text/css" href="../stylesheet.css" title="Style">
+</head>
+<body>
+<script type="text/javascript"><!--
+    if (location.href.indexOf('is-external=true') == -1) {
+        parent.document.title="ChartDataSet (Javadocs: controlP5)";
+    }
+//-->
+</script>
+<noscript>
+<div>JavaScript is disabled on your browser.</div>
+</noscript>
+<!-- ========= START OF TOP NAVBAR ======= -->
+<div class="topNav"><a name="navbar_top">
+<!--   -->
+</a><a href="#skip-navbar_top" title="Skip navigation links"></a><a name="navbar_top_firstrow">
+<!--   -->
+</a>
+<ul class="navList" title="Navigation">
+<li><a href="../controlP5/package-summary.html">Package</a></li>
+<li class="navBarCell1Rev">Class</li>
+<li><a href="package-tree.html">Tree</a></li>
+<li><a href="../index-all.html">Index</a></li>
+<li><a href="../help-doc.html">Help</a></li>
+</ul>
+</div>
+<div class="subNav">
+<ul class="navList">
+<li><a href="../controlP5/ChartData.html" title="class in controlP5"><span class="strong">Prev Class</span></a></li>
+<li><a href="../controlP5/CheckBox.html" title="class in controlP5"><span class="strong">Next Class</span></a></li>
+</ul>
+<ul class="navList">
+<li><a href="../index.html?controlP5/ChartDataSet.html" target="_top">Frames</a></li>
+<li><a href="ChartDataSet.html" target="_top">No Frames</a></li>
+</ul>
+<ul class="navList" id="allclasses_navbar_top">
+<li><a href="../allclasses-noframe.html">All Classes</a></li>
+</ul>
+<div>
+<script type="text/javascript"><!--
+  allClassesLink = document.getElementById("allclasses_navbar_top");
+  if(window==top) {
+    allClassesLink.style.display = "block";
+  }
+  else {
+    allClassesLink.style.display = "none";
+  }
+  //-->
+</script>
+</div>
+<div>
+<ul class="subNavList">
+<li>Summary:&nbsp;</li>
+<li>Nested&nbsp;|&nbsp;</li>
+<li>Field&nbsp;|&nbsp;</li>
+<li><a href="#constructor_summary">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_summary">Method</a></li>
+</ul>
+<ul class="subNavList">
+<li>Detail:&nbsp;</li>
+<li>Field&nbsp;|&nbsp;</li>
+<li><a href="#constructor_detail">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_detail">Method</a></li>
+</ul>
+</div>
+<a name="skip-navbar_top">
+<!--   -->
+</a></div>
+<!-- ========= END OF TOP NAVBAR ========= -->
+<!-- ======== START OF CLASS DATA ======== -->
+<div class="header">
+<div class="subTitle">controlP5</div>
+<h2 title="Class ChartDataSet" class="title">Class ChartDataSet</h2>
+</div>
+<div class="contentContainer">
+<ul class="inheritance">
+<li>java.lang.Object</li>
+<li>
+<ul class="inheritance">
+<li>java.util.AbstractCollection&lt;E&gt;</li>
+<li>
+<ul class="inheritance">
+<li>java.util.AbstractList&lt;E&gt;</li>
+<li>
+<ul class="inheritance">
+<li>java.util.ArrayList&lt;<a href="../controlP5/ChartData.html" title="class in controlP5">ChartData</a>&gt;</li>
+<li>
+<ul class="inheritance">
+<li>controlP5.ChartDataSet</li>
+</ul>
+</li>
+</ul>
+</li>
+</ul>
+</li>
+</ul>
+</li>
+</ul>
+<div class="description">
+<ul class="blockList">
+<li class="blockList">
+<dl>
+<dt>All Implemented Interfaces:</dt>
+<dd>java.io.Serializable, java.lang.Cloneable, java.lang.Iterable&lt;<a href="../controlP5/ChartData.html" title="class in controlP5">ChartData</a>&gt;, java.util.Collection&lt;<a href="../controlP5/ChartData.html" title="class in controlP5">ChartData</a>&gt;, java.util.List&lt;<a href="../controlP5/ChartData.html" title="class in controlP5">ChartData</a>&gt;, java.util.RandomAccess</dd>
+</dl>
+<hr>
+<br>
+<pre>public class <span class="strong">ChartDataSet</span>
+extends java.util.ArrayList&lt;<a href="../controlP5/ChartData.html" title="class in controlP5">ChartData</a>&gt;</pre>
+<div class="block">Used by Chart, a chart data set is a container to store chart data.</div>
+<dl><dt><span class="strong">See Also:</span></dt><dd><a href="../serialized-form.html#controlP5.ChartDataSet">Serialized Form</a></dd></dl>
+</li>
+</ul>
+</div>
+<div class="summary">
+<ul class="blockList">
+<li class="blockList">
+<!-- ======== CONSTRUCTOR SUMMARY ======== -->
+<ul class="blockList">
+<li class="blockList"><a name="constructor_summary">
+<!--   -->
+</a>
+<h3>Constructor Summary</h3>
+<table class="overviewSummary" border="0" cellpadding="3" cellspacing="0" summary="Constructor Summary table, listing constructors, and an explanation">
+<caption><span>Constructors</span><span class="tabEnd">&nbsp;</span></caption>
+<tr>
+<th class="colOne" scope="col">Constructor and Description</th>
+</tr>
+<tr class="altColor">
+<td class="colOne"><code><strong><a href="../controlP5/ChartDataSet.html#ChartDataSet(java.lang.String)">ChartDataSet</a></strong>(java.lang.String&nbsp;theName)</code>&nbsp;</td>
+</tr>
+</table>
+</li>
+</ul>
+<!-- ========== METHOD SUMMARY =========== -->
+<ul class="blockList">
+<li class="blockList"><a name="method_summary">
+<!--   -->
+</a>
+<h3>Method Summary</h3>
+<table class="overviewSummary" border="0" cellpadding="3" cellspacing="0" summary="Method Summary table, listing methods, and an explanation">
+<caption><span>Methods</span><span class="tabEnd">&nbsp;</span></caption>
+<tr>
+<th class="colFirst" scope="col">Modifier and Type</th>
+<th class="colLast" scope="col">Method and Description</th>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/CColor.html" title="class in controlP5">CColor</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ChartDataSet.html#getColor()">getColor</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ChartDataSet.html#getColor(int)">getColor</a></strong>(int&nbsp;theIndex)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>int[]</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ChartDataSet.html#getColors()">getColors</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>float</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ChartDataSet.html#getStrokeWeight()">getStrokeWeight</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>float[]</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ChartDataSet.html#getValues()">getValues</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/ChartDataSet.html" title="class in controlP5">ChartDataSet</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ChartDataSet.html#setColors(int...)">setColors</a></strong>(int...&nbsp;theColors)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/ChartDataSet.html" title="class in controlP5">ChartDataSet</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ChartDataSet.html#setStrokeWeight(float)">setStrokeWeight</a></strong>(float&nbsp;theStrokeWeight)</code>&nbsp;</td>
+</tr>
+</table>
+<ul class="blockList">
+<li class="blockList"><a name="methods_inherited_from_class_java.util.ArrayList">
+<!--   -->
+</a>
+<h3>Methods inherited from class&nbsp;java.util.ArrayList</h3>
+<code>add, add, addAll, addAll, clear, clone, contains, ensureCapacity, get, indexOf, isEmpty, iterator, lastIndexOf, listIterator, listIterator, remove, remove, removeAll, retainAll, set, size, subList, toArray, toArray, trimToSize</code></li>
+</ul>
+<ul class="blockList">
+<li class="blockList"><a name="methods_inherited_from_class_java.util.AbstractList">
+<!--   -->
+</a>
+<h3>Methods inherited from class&nbsp;java.util.AbstractList</h3>
+<code>equals, hashCode</code></li>
+</ul>
+<ul class="blockList">
+<li class="blockList"><a name="methods_inherited_from_class_java.util.AbstractCollection">
+<!--   -->
+</a>
+<h3>Methods inherited from class&nbsp;java.util.AbstractCollection</h3>
+<code>containsAll, toString</code></li>
+</ul>
+<ul class="blockList">
+<li class="blockList"><a name="methods_inherited_from_class_java.lang.Object">
+<!--   -->
+</a>
+<h3>Methods inherited from class&nbsp;java.lang.Object</h3>
+<code>getClass, notify, notifyAll, wait, wait, wait</code></li>
+</ul>
+<ul class="blockList">
+<li class="blockList"><a name="methods_inherited_from_class_java.util.List">
+<!--   -->
+</a>
+<h3>Methods inherited from interface&nbsp;java.util.List</h3>
+<code>containsAll, equals, hashCode</code></li>
+</ul>
+</li>
+</ul>
+</li>
+</ul>
+</div>
+<div class="details">
+<ul class="blockList">
+<li class="blockList">
+<!-- ========= CONSTRUCTOR DETAIL ======== -->
+<ul class="blockList">
+<li class="blockList"><a name="constructor_detail">
+<!--   -->
+</a>
+<h3>Constructor Detail</h3>
+<a name="ChartDataSet(java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockListLast">
+<li class="blockList">
+<h4>ChartDataSet</h4>
+<pre>public&nbsp;ChartDataSet(java.lang.String&nbsp;theName)</pre>
+</li>
+</ul>
+</li>
+</ul>
+<!-- ============ METHOD DETAIL ========== -->
+<ul class="blockList">
+<li class="blockList"><a name="method_detail">
+<!--   -->
+</a>
+<h3>Method Detail</h3>
+<a name="getColor()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getColor</h4>
+<pre>public&nbsp;<a href="../controlP5/CColor.html" title="class in controlP5">CColor</a>&nbsp;getColor()</pre>
+</li>
+</ul>
+<a name="getColor(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getColor</h4>
+<pre>public&nbsp;int&nbsp;getColor(int&nbsp;theIndex)</pre>
+</li>
+</ul>
+<a name="getColors()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getColors</h4>
+<pre>public&nbsp;int[]&nbsp;getColors()</pre>
+</li>
+</ul>
+<a name="getStrokeWeight()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getStrokeWeight</h4>
+<pre>public&nbsp;float&nbsp;getStrokeWeight()</pre>
+</li>
+</ul>
+<a name="getValues()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getValues</h4>
+<pre>public&nbsp;float[]&nbsp;getValues()</pre>
+</li>
+</ul>
+<a name="setColors(int...)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setColors</h4>
+<pre>public&nbsp;<a href="../controlP5/ChartDataSet.html" title="class in controlP5">ChartDataSet</a>&nbsp;setColors(int...&nbsp;theColors)</pre>
+</li>
+</ul>
+<a name="setStrokeWeight(float)">
+<!--   -->
+</a>
+<ul class="blockListLast">
+<li class="blockList">
+<h4>setStrokeWeight</h4>
+<pre>public&nbsp;<a href="../controlP5/ChartDataSet.html" title="class in controlP5">ChartDataSet</a>&nbsp;setStrokeWeight(float&nbsp;theStrokeWeight)</pre>
+</li>
+</ul>
+</li>
+</ul>
+</li>
+</ul>
+</div>
+</div>
+<!-- ========= END OF CLASS DATA ========= -->
+<!-- ======= START OF BOTTOM NAVBAR ====== -->
+<div class="bottomNav"><a name="navbar_bottom">
+<!--   -->
+</a><a href="#skip-navbar_bottom" title="Skip navigation links"></a><a name="navbar_bottom_firstrow">
+<!--   -->
+</a>
+<ul class="navList" title="Navigation">
+<li><a href="../controlP5/package-summary.html">Package</a></li>
+<li class="navBarCell1Rev">Class</li>
+<li><a href="package-tree.html">Tree</a></li>
+<li><a href="../index-all.html">Index</a></li>
+<li><a href="../help-doc.html">Help</a></li>
+</ul>
+</div>
+<div class="subNav">
+<ul class="navList">
+<li><a href="../controlP5/ChartData.html" title="class in controlP5"><span class="strong">Prev Class</span></a></li>
+<li><a href="../controlP5/CheckBox.html" title="class in controlP5"><span class="strong">Next Class</span></a></li>
+</ul>
+<ul class="navList">
+<li><a href="../index.html?controlP5/ChartDataSet.html" target="_top">Frames</a></li>
+<li><a href="ChartDataSet.html" target="_top">No Frames</a></li>
+</ul>
+<ul class="navList" id="allclasses_navbar_bottom">
+<li><a href="../allclasses-noframe.html">All Classes</a></li>
+</ul>
+<div>
+<script type="text/javascript"><!--
+  allClassesLink = document.getElementById("allclasses_navbar_bottom");
+  if(window==top) {
+    allClassesLink.style.display = "block";
+  }
+  else {
+    allClassesLink.style.display = "none";
+  }
+  //-->
+</script>
+</div>
+<div>
+<ul class="subNavList">
+<li>Summary:&nbsp;</li>
+<li>Nested&nbsp;|&nbsp;</li>
+<li>Field&nbsp;|&nbsp;</li>
+<li><a href="#constructor_summary">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_summary">Method</a></li>
+</ul>
+<ul class="subNavList">
+<li>Detail:&nbsp;</li>
+<li>Field&nbsp;|&nbsp;</li>
+<li><a href="#constructor_detail">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_detail">Method</a></li>
+</ul>
+</div>
+<a name="skip-navbar_bottom">
+<!--   -->
+</a></div>
+<!-- ======== END OF BOTTOM NAVBAR ======= -->
+<p class="legalCopy"><small>processing library controlP5 by Andreas Schlegel. (c) 2006-2014</small></p>
+</body>
+</html>
diff --git a/reference/controlP5/CheckBox.html b/reference/controlP5/CheckBox.html
new file mode 100644
index 0000000..ba76473
--- /dev/null
+++ b/reference/controlP5/CheckBox.html
@@ -0,0 +1,1321 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
+<!-- NewPage -->
+<html lang="en">
+<head>
+<!-- Generated by javadoc (version 1.7.0_51) on Sun Apr 27 21:39:46 SGT 2014 -->
+<title>CheckBox (Javadocs: controlP5)</title>
+<meta name="date" content="2014-04-27">
+<link rel="stylesheet" type="text/css" href="../stylesheet.css" title="Style">
+</head>
+<body>
+<script type="text/javascript"><!--
+    if (location.href.indexOf('is-external=true') == -1) {
+        parent.document.title="CheckBox (Javadocs: controlP5)";
+    }
+//-->
+</script>
+<noscript>
+<div>JavaScript is disabled on your browser.</div>
+</noscript>
+<!-- ========= START OF TOP NAVBAR ======= -->
+<div class="topNav"><a name="navbar_top">
+<!--   -->
+</a><a href="#skip-navbar_top" title="Skip navigation links"></a><a name="navbar_top_firstrow">
+<!--   -->
+</a>
+<ul class="navList" title="Navigation">
+<li><a href="../controlP5/package-summary.html">Package</a></li>
+<li class="navBarCell1Rev">Class</li>
+<li><a href="package-tree.html">Tree</a></li>
+<li><a href="../index-all.html">Index</a></li>
+<li><a href="../help-doc.html">Help</a></li>
+</ul>
+</div>
+<div class="subNav">
+<ul class="navList">
+<li><a href="../controlP5/ChartDataSet.html" title="class in controlP5"><span class="strong">Prev Class</span></a></li>
+<li><a href="../controlP5/ColorPicker.html" title="class in controlP5"><span class="strong">Next Class</span></a></li>
+</ul>
+<ul class="navList">
+<li><a href="../index.html?controlP5/CheckBox.html" target="_top">Frames</a></li>
+<li><a href="CheckBox.html" target="_top">No Frames</a></li>
+</ul>
+<ul class="navList" id="allclasses_navbar_top">
+<li><a href="../allclasses-noframe.html">All Classes</a></li>
+</ul>
+<div>
+<script type="text/javascript"><!--
+  allClassesLink = document.getElementById("allclasses_navbar_top");
+  if(window==top) {
+    allClassesLink.style.display = "block";
+  }
+  else {
+    allClassesLink.style.display = "none";
+  }
+  //-->
+</script>
+</div>
+<div>
+<ul class="subNavList">
+<li>Summary:&nbsp;</li>
+<li>Nested&nbsp;|&nbsp;</li>
+<li>Field&nbsp;|&nbsp;</li>
+<li><a href="#constructor_summary">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_summary">Method</a></li>
+</ul>
+<ul class="subNavList">
+<li>Detail:&nbsp;</li>
+<li>Field&nbsp;|&nbsp;</li>
+<li><a href="#constructor_detail">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_detail">Method</a></li>
+</ul>
+</div>
+<a name="skip-navbar_top">
+<!--   -->
+</a></div>
+<!-- ========= END OF TOP NAVBAR ========= -->
+<!-- ======== START OF CLASS DATA ======== -->
+<div class="header">
+<div class="subTitle">controlP5</div>
+<h2 title="Class CheckBox" class="title">Class CheckBox</h2>
+</div>
+<div class="contentContainer">
+<ul class="inheritance">
+<li>java.lang.Object</li>
+<li>
+<ul class="inheritance">
+<li><a href="../controlP5/ControllerGroup.html" title="class in controlP5">controlP5.ControllerGroup</a>&lt;T&gt;</li>
+<li>
+<ul class="inheritance">
+<li><a href="../controlP5/ControlGroup.html" title="class in controlP5">controlP5.ControlGroup</a>&lt;<a href="../controlP5/CheckBox.html" title="class in controlP5">CheckBox</a>&gt;</li>
+<li>
+<ul class="inheritance">
+<li>controlP5.CheckBox</li>
+</ul>
+</li>
+</ul>
+</li>
+</ul>
+</li>
+</ul>
+<div class="description">
+<ul class="blockList">
+<li class="blockList">
+<dl>
+<dt>All Implemented Interfaces:</dt>
+<dd><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/CheckBox.html" title="class in controlP5">CheckBox</a>&gt;, <a href="../controlP5/ControlListener.html" title="interface in controlP5">ControlListener</a>, <a href="../controlP5/ControlP5Constants.html" title="interface in controlP5">ControlP5Constants</a></dd>
+</dl>
+<hr>
+<br>
+<pre>public class <span class="strong">CheckBox</span>
+extends <a href="../controlP5/ControlGroup.html" title="class in controlP5">ControlGroup</a>&lt;<a href="../controlP5/CheckBox.html" title="class in controlP5">CheckBox</a>&gt;</pre>
+<div class="block">A multiple-choice radioButton. items are added to a checkBox and can be organized in rows and
+ columns. items of a checkBox are of type Toggle.</div>
+<dl><dt><span class="strong">See Also:</span></dt><dd><a href="../controlP5/Toggle.html" title="class in controlP5"><code>Toggle</code></a></dd><script type="text/javascript">
+<!--
+document.getElementsByTagName('html')[0].className = 'isjs';function toggle(dt) { var display, dd=dt; do{ dd = dd.nextSibling } while(dd.tagName!='DD'); toOpen =!dd.style.display;dd.style.display = toOpen? 'block':''; dt.getElementsByTagName('span')[0].innerHTML  = toOpen? '-':'+' ; }
+-->
+</script>
+<div id="test" class="toggleList"><dl><dt onclick="toggle(this);"><span>+</span>Example</dt><dd><code><pre>/**
+ * ControlP5 Checkbox
+ * an example demonstrating the use of a checkbox in controlP5. 
+ * CheckBox extends the RadioButton class.
+ * to control a checkbox use: 
+ * activate(), deactivate(), activateAll(), deactivateAll(), toggle(), getState()
+ *
+ * find a list of public methods available for the Checkbox Controller 
+ * at the bottom of this sketch's source code
+ *
+ * by Andreas Schlegel, 2012
+ * www.sojamo.de/libraries/controlP5
+ *
+ */
+
+
+import controlP5.*;
+
+ControlP5 cp5;
+
+CheckBox checkbox;
+
+int myColorBackground;
+
+void setup() {
+  size(700, 400);
+  smooth();
+  cp5 = new ControlP5(this);
+  checkbox = cp5.addCheckBox("checkBox")
+                .setPosition(100, 200)
+                .setSize(40, 40)
+                .setItemsPerRow(3)
+                .setSpacingColumn(30)
+                .setSpacingRow(20)
+                .addItem("0", 0)
+                .addItem("50", 50)
+                .addItem("100", 100)
+                .addItem("150", 150)
+                .addItem("200", 200)
+                .addItem("255", 255)
+                ;
+}
+
+void keyPressed() {
+  if (key==' ') {
+    checkbox.deactivateAll();
+  } 
+  else {
+    for (int i=0;i<6;i++) {
+      // check if key 0-5 have been pressed and toggle
+      // the checkbox item accordingly.
+      if (keyCode==(48 + i)) { 
+        // the index of checkbox items start at 0
+        checkbox.toggle(i);
+        println("toggle "+checkbox.getItem(i).name());
+        // also see 
+        // checkbox.activate(index);
+        // checkbox.deactivate(index);
+      }
+    }
+  }
+}
+
+void draw() {
+  background(170);
+  pushMatrix();
+  translate(width/2 + 200, height/2);
+  stroke(255);
+  strokeWeight(2);
+  fill(myColorBackground);
+  ellipse(0,0,200,200);
+  popMatrix();
+}
+
+void controlEvent(ControlEvent theEvent) {
+  if (theEvent.isFrom(checkbox)) {
+    myColorBackground = 0;
+    print("got an event from "+checkbox.getName()+"\t\n");
+    // checkbox uses arrayValue to store the state of 
+    // individual checkbox-items. usage:
+    println(checkbox.getArrayValue());
+    int col = 0;
+    for (int i=0;i<checkbox.getArrayValue().length;i++) {
+      int n = (int)checkbox.getArrayValue()[i];
+      print(n);
+      if(n==1) {
+        myColorBackground += checkbox.getItem(i).internalValue();
+      }
+    }
+    println();    
+  }
+}
+
+void checkBox(float[] a) {
+  println(a);
+}
+
+
+/*
+a list of all methods available for the CheckBox Controller
+use ControlP5.printPublicMethodsFor(CheckBox.class);
+to print the following list into the console.
+
+You can find further details about class CheckBox in the javadoc.
+
+Format:
+ClassName : returnType methodName(parameter type)
+
+
+controlP5.CheckBox : CheckBox addItem(String, float) 
+controlP5.CheckBox : CheckBox addItem(Toggle, float) 
+controlP5.CheckBox : CheckBox deactivateAll() 
+controlP5.CheckBox : CheckBox hideLabels() 
+controlP5.CheckBox : CheckBox removeItem(String) 
+controlP5.CheckBox : CheckBox setArrayValue(float[]) 
+controlP5.CheckBox : CheckBox setColorLabels(int) 
+controlP5.CheckBox : CheckBox setImage(PImage) 
+controlP5.CheckBox : CheckBox setImage(PImage, int) 
+controlP5.CheckBox : CheckBox setImages(PImage, PImage, PImage) 
+controlP5.CheckBox : CheckBox setItemHeight(int) 
+controlP5.CheckBox : CheckBox setItemWidth(int) 
+controlP5.CheckBox : CheckBox setItemsPerRow(int) 
+controlP5.CheckBox : CheckBox setNoneSelectedAllowed(boolean) 
+controlP5.CheckBox : CheckBox setSize(PImage) 
+controlP5.CheckBox : CheckBox setSize(int, int) 
+controlP5.CheckBox : CheckBox setSpacingColumn(int) 
+controlP5.CheckBox : CheckBox setSpacingRow(int) 
+controlP5.CheckBox : CheckBox showLabels() 
+controlP5.CheckBox : String getInfo() 
+controlP5.CheckBox : String toString() 
+controlP5.CheckBox : Toggle getItem(int)
+controlP5.CheckBox : List getItems()
+controlP5.CheckBox : boolean getState(String) 
+controlP5.CheckBox : boolean getState(int) 
+controlP5.CheckBox : void updateLayout() 
+controlP5.ControlGroup : CheckBox activateEvent(boolean) 
+controlP5.ControlGroup : CheckBox addListener(ControlListener) 
+controlP5.ControlGroup : CheckBox hideBar() 
+controlP5.ControlGroup : CheckBox removeListener(ControlListener) 
+controlP5.ControlGroup : CheckBox setBackgroundColor(int) 
+controlP5.ControlGroup : CheckBox setBackgroundHeight(int) 
+controlP5.ControlGroup : CheckBox setBarHeight(int) 
+controlP5.ControlGroup : CheckBox showBar() 
+controlP5.ControlGroup : CheckBox updateInternalEvents(PApplet) 
+controlP5.ControlGroup : String getInfo() 
+controlP5.ControlGroup : String toString() 
+controlP5.ControlGroup : boolean isBarVisible() 
+controlP5.ControlGroup : int getBackgroundHeight() 
+controlP5.ControlGroup : int getBarHeight() 
+controlP5.ControlGroup : int listenerSize() 
+controlP5.ControllerGroup : CColor getColor() 
+controlP5.ControllerGroup : CheckBox add(ControllerInterface) 
+controlP5.ControllerGroup : CheckBox bringToFront() 
+controlP5.ControllerGroup : CheckBox bringToFront(ControllerInterface) 
+controlP5.ControllerGroup : CheckBox close() 
+controlP5.ControllerGroup : CheckBox disableCollapse() 
+controlP5.ControllerGroup : CheckBox enableCollapse() 
+controlP5.ControllerGroup : CheckBox hide() 
+controlP5.ControllerGroup : CheckBox moveTo(ControlWindow) 
+controlP5.ControllerGroup : CheckBox moveTo(PApplet) 
+controlP5.ControllerGroup : CheckBox open() 
+controlP5.ControllerGroup : CheckBox registerProperty(String) 
+controlP5.ControllerGroup : CheckBox registerProperty(String, String) 
+controlP5.ControllerGroup : CheckBox remove(CDrawable) 
+controlP5.ControllerGroup : CheckBox remove(ControllerInterface) 
+controlP5.ControllerGroup : CheckBox removeCanvas(ControlWindowCanvas) 
+controlP5.ControllerGroup : CheckBox removeProperty(String) 
+controlP5.ControllerGroup : CheckBox removeProperty(String, String) 
+controlP5.ControllerGroup : CheckBox setAddress(String) 
+controlP5.ControllerGroup : CheckBox setArrayValue(float[]) 
+controlP5.ControllerGroup : CheckBox setColor(CColor) 
+controlP5.ControllerGroup : CheckBox setColorActive(int) 
+controlP5.ControllerGroup : CheckBox setColorBackground(int) 
+controlP5.ControllerGroup : CheckBox setColorForeground(int) 
+controlP5.ControllerGroup : CheckBox setColorLabel(int) 
+controlP5.ControllerGroup : CheckBox setColorValue(int) 
+controlP5.ControllerGroup : CheckBox setHeight(int) 
+controlP5.ControllerGroup : CheckBox setId(int) 
+controlP5.ControllerGroup : CheckBox setLabel(String) 
+controlP5.ControllerGroup : CheckBox setMouseOver(boolean) 
+controlP5.ControllerGroup : CheckBox setMoveable(boolean) 
+controlP5.ControllerGroup : CheckBox setOpen(boolean) 
+controlP5.ControllerGroup : CheckBox setPosition(PVector) 
+controlP5.ControllerGroup : CheckBox setPosition(float, float) 
+controlP5.ControllerGroup : CheckBox setStringValue(String) 
+controlP5.ControllerGroup : CheckBox setUpdate(boolean) 
+controlP5.ControllerGroup : CheckBox setValue(float) 
+controlP5.ControllerGroup : CheckBox setVisible(boolean) 
+controlP5.ControllerGroup : CheckBox setWidth(int) 
+controlP5.ControllerGroup : CheckBox show() 
+controlP5.ControllerGroup : CheckBox update() 
+controlP5.ControllerGroup : CheckBox updateAbsolutePosition() 
+controlP5.ControllerGroup : ControlWindow getWindow() 
+controlP5.ControllerGroup : ControlWindowCanvas addCanvas(ControlWindowCanvas) 
+controlP5.ControllerGroup : Controller getController(String) 
+controlP5.ControllerGroup : ControllerProperty getProperty(String) 
+controlP5.ControllerGroup : ControllerProperty getProperty(String, String) 
+controlP5.ControllerGroup : Label getCaptionLabel() 
+controlP5.ControllerGroup : Label getValueLabel() 
+controlP5.ControllerGroup : PVector getPosition() 
+controlP5.ControllerGroup : String getAddress() 
+controlP5.ControllerGroup : String getInfo() 
+controlP5.ControllerGroup : String getName() 
+controlP5.ControllerGroup : String getStringValue() 
+controlP5.ControllerGroup : String toString() 
+controlP5.ControllerGroup : Tab getTab() 
+controlP5.ControllerGroup : boolean isCollapse() 
+controlP5.ControllerGroup : boolean isMouseOver() 
+controlP5.ControllerGroup : boolean isMoveable() 
+controlP5.ControllerGroup : boolean isOpen() 
+controlP5.ControllerGroup : boolean isUpdate() 
+controlP5.ControllerGroup : boolean isVisible() 
+controlP5.ControllerGroup : boolean setMousePressed(boolean) 
+controlP5.ControllerGroup : float getValue() 
+controlP5.ControllerGroup : float[] getArrayValue() 
+controlP5.ControllerGroup : int getHeight() 
+controlP5.ControllerGroup : int getId() 
+controlP5.ControllerGroup : int getWidth() 
+controlP5.ControllerGroup : void remove() 
+java.lang.Object : String toString() 
+java.lang.Object : boolean equals(Object) 
+
+
+*/
+
+
+
+</pre></code></dd></dl></div></dl>
+</li>
+</ul>
+</div>
+<div class="summary">
+<ul class="blockList">
+<li class="blockList">
+<!-- =========== FIELD SUMMARY =========== -->
+<ul class="blockList">
+<li class="blockList"><a name="field_summary">
+<!--   -->
+</a>
+<h3>Field Summary</h3>
+<ul class="blockList">
+<li class="blockList"><a name="fields_inherited_from_class_controlP5.ControlP5Constants">
+<!--   -->
+</a>
+<h3>Fields inherited from interface&nbsp;controlP5.<a href="../controlP5/ControlP5Constants.html" title="interface in controlP5">ControlP5Constants</a></h3>
+<code><a href="../controlP5/ControlP5Constants.html#acceptClassList">acceptClassList</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_BROADCAST">ACTION_BROADCAST</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_CLICK">ACTION_CLICK</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_DRAG">ACTION_DRAG</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_ENTER">ACTION_ENTER</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_EXIT">ACTION_EXIT</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_LEAVE">ACTION_LEAVE</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_MOVE">ACTION_MOVE</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_PRESS">ACTION_PRESS</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_PRESSED">ACTION_PRESSED</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_RELEASE">ACTION_RELEASE</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_RELEASED">ACTION_RELEASED</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_RELEASEDOUTSIDE">ACTION_RELEASEDOUTSIDE</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_WHEEL">ACTION_WHEEL</a>, <a href="../controlP5/ControlP5Constants.html#ACTIVE">ACTIVE</a>, <a href="../controlP5/ControlP5Constants.html#ALL">ALL</a>, <a href="../controlP5/ControlP5Constants.html#ALT">ALT</a>, <a href="../controlP5/ControlP5Constants.html#AQUA">AQUA</a>, <a href="../controlP5/ControlP5Constants.html#ARC">ARC</a>, <a href="../controlP5/ControlP5Constants.html#ARRAY">ARRAY</a>, <a href="../controlP5/ControlP5Constants.html#BACKSPACE">BACKSPACE</a>, <a href="../controlP5/ControlP5Constants.html#BASELINE">BASELINE</a>, <a href="../controlP5/ControlP5Constants.html#BITFONT">BITFONT</a>, <a href="../controlP5/ControlP5Constants.html#BLACK">BLACK</a>, <a href="../controlP5/ControlP5Constants.html#BLUE">BLUE</a>, <a href="../controlP5/ControlP5Constants.html#BOOLEAN">BOOLEAN</a>, <a href="../controlP5/ControlP5Constants.html#BOTTOM">BOTTOM</a>, <a href="../controlP5/ControlP5Constants.html#BOTTOM_OUTSIDE">BOTTOM_OUTSIDE</a>, <a href="../controlP5/ControlP5Constants.html#CAPTIONLABEL">CAPTIONLABEL</a>, <a href="../controlP5/ControlP5Constants.html#CENTER">CENTER</a>, <a href="../controlP5/ControlP5Constants.html#CHECKBOX">CHECKBOX</a>, <a href="../controlP5/ControlP5Constants.html#COMMANDKEY">COMMANDKEY</a>, <a href="../controlP5/ControlP5Constants.html#CONTROL">CONTROL</a>, <a href="../controlP5/ControlP5Constants.html#controlEventClass">controlEventClass</a>, <a href="../controlP5/ControlP5Constants.html#CUSTOM">CUSTOM</a>, <a href="../controlP5/ControlP5Constants.html#DECREASE">DECREASE</a>, <a href="../controlP5/ControlP5Constants.html#DEFAULT">DEFAULT</a>, <a href="../controlP5/ControlP5Constants.html#DELETE">DELETE</a>, <a href="../controlP5/ControlP5Constants.html#DONE">DONE</a>, <a href="../controlP5/ControlP5Constants.html#DOWN">DOWN</a>, <a href="../controlP5/ControlP5Constants.html#DROPDOWN">DROPDOWN</a>, <a href="../controlP5/ControlP5Constants.html#ELLIPSE">ELLIPSE</a>, <a href="../controlP5/ControlP5Constants.html#ENTER">ENTER</a>, <a href="../controlP5/ControlP5Constants.html#ESCAPE">ESCAPE</a>, <a href="../controlP5/ControlP5Constants.html#EVENT">EVENT</a>, <a href="../controlP5/ControlP5Constants.html#eventMethod">eventMethod</a>, <a href="../controlP5/ControlP5Constants.html#FADEIN">FADEIN</a>, <a href="../controlP5/ControlP5Constants.html#FADEOUT">FADEOUT</a>, <a href="../controlP5/ControlP5Constants.html#FIELD">FIELD</a>, <a href="../controlP5/ControlP5Constants.html#FLOAT">FLOAT</a>, <a href="../controlP5/ControlP5Constants.html#FUCHSIA">FUCHSIA</a>, <a href="../controlP5/ControlP5Constants.html#GRAY">GRAY</a>, <a href="../controlP5/ControlP5Constants.html#GREEN">GREEN</a>, <a href="../controlP5/ControlP5Constants.html#grixel">grixel</a>, <a href="../controlP5/ControlP5Constants.html#HALF_PI">HALF_PI</a>, <a href="../controlP5/ControlP5Constants.html#HIDE">HIDE</a>, <a href="../controlP5/ControlP5Constants.html#HIGHLIGHT">HIGHLIGHT</a>, <a href="../controlP5/ControlP5Constants.html#HORIZONTAL">HORIZONTAL</a>, <a href="../controlP5/ControlP5Constants.html#IDLE">IDLE</a>, <a href="../controlP5/ControlP5Constants.html#IMAGE">IMAGE</a>, <a href="../controlP5/ControlP5Constants.html#INACTIVE">INACTIVE</a>, <a href="../controlP5/ControlP5Constants.html#INCREASE">INCREASE</a>, <a href="../controlP5/ControlP5Constants.html#INTEGER">INTEGER</a>, <a href="../controlP5/ControlP5Constants.html#INVALID">INVALID</a>, <a href="../controlP5/ControlP5Constants.html#J2D">J2D</a>, <a href="../controlP5/ControlP5Constants.html#KEYCONTROL">KEYCONTROL</a>, <a href="../controlP5/ControlP5Constants.html#LEFT">LEFT</a>, <a href="../controlP5/ControlP5Constants.html#LEFT_OUTSIDE">LEFT_OUTSIDE</a>, <a href="../controlP5/ControlP5Constants.html#LIME">LIME</a>, <a href="../controlP5/ControlP5Constants.html#LINE">LINE</a>, <a href="../controlP5/ControlP5Constants.html#LIST">LIST</a>, <a href="../controlP5/ControlP5Constants.html#LOAD">LOAD</a>, <a href="../controlP5/ControlP5Constants.html#MAROON">MAROON</a>, <a href="../controlP5/ControlP5Constants.html#MENU">MENU</a>, <a href="../controlP5/ControlP5Constants.html#METHOD">METHOD</a>, <a href="../controlP5/ControlP5Constants.html#MOVE">MOVE</a>, <a href="../controlP5/ControlP5Constants.html#MULTI">MULTI</a>, <a href="../controlP5/ControlP5Constants.html#MULTIPLES">MULTIPLES</a>, <a href="../controlP5/ControlP5Constants.html#NAVY">NAVY</a>, <a href="../controlP5/ControlP5Constants.html#OLIVE">OLIVE</a>, <a href="../controlP5/ControlP5Constants.html#ORANGE">ORANGE</a>, <a href="../controlP5/ControlP5Constants.html#OVER">OVER</a>, <a href="../controlP5/ControlP5Constants.html#P2D">P2D</a>, <a href="../controlP5/ControlP5Constants.html#P3D">P3D</a>, <a href="../controlP5/ControlP5Constants.html#PI">PI</a>, <a href="../controlP5/ControlP5Constants.html#PRESSED">PRESSED</a>, <a href="../controlP5/ControlP5Constants.html#PRINT">PRINT</a>, <a href="../controlP5/ControlP5Constants.html#PURPLE">PURPLE</a>, <a href="../controlP5/ControlP5Constants.html#RED">RED</a>, <a href="../controlP5/ControlP5Constants.html#RELEASE">RELEASE</a>, <a href="../controlP5/ControlP5Constants.html#RESET">RESET</a>, <a href="../controlP5/ControlP5Constants.html#RIGHT">RIGHT</a>, <a href="../controlP5/ControlP5Constants.html#RIGHT_OUTSIDE">RIGHT_OUTSIDE</a>, <a href="../controlP5/ControlP5Constants.html#SAVE">SAVE</a>, <a href="../controlP5/ControlP5Constants.html#SHIFT">SHIFT</a>, <a href="../controlP5/ControlP5Constants.html#SILVER">SILVER</a>, <a href="../controlP5/ControlP5Constants.html#SINGLE">SINGLE</a>, <a href="../controlP5/ControlP5Constants.html#SINGLE_COLUMN">SINGLE_COLUMN</a>, <a href="../controlP5/ControlP5Constants.html#SINGLE_ROW">SINGLE_ROW</a>, <a href="../controlP5/ControlP5Constants.html#SPRITE">SPRITE</a>, <a href="../controlP5/ControlP5Constants.html#standard56">standard56</a>, <a href="../controlP5/ControlP5Constants.html#standard58">standard58</a>, <a href="../controlP5/ControlP5Constants.html#STRING">STRING</a>, <a href="../controlP5/ControlP5Constants.html#SWITCH">SWITCH</a>, <a href="../controlP5/ControlP5Constants.html#SWITCH_BACK">SWITCH_BACK</a>, <a href="../controlP5/ControlP5Constants.html#SWITCH_FORE">SWITCH_FORE</a>, <a href="../controlP5/ControlP5Constants.html#synt24">synt24</a>, <a href="../controlP5/ControlP5Constants.html#TAB">TAB</a>, <a href="../controlP5/ControlP5Constants.html#TEAL">TEAL</a>, <a href="../controlP5/ControlP5Constants.html#THEME_A">THEME_A</a>, <a href="../controlP5/ControlP5Constants.html#THEME_CP52014">THEME_CP52014</a>, <a href="../controlP5/ControlP5Constants.html#THEME_CP5BLUE">THEME_CP5BLUE</a>, <a href="../controlP5/ControlP5Constants.html#THEME_RED">THEME_RED</a>, <a href="../controlP5/ControlP5Constants.html#THEME_RETRO">THEME_RETRO</a>, <a href="../controlP5/ControlP5Constants.html#THEME_WHITE">THEME_WHITE</a>, <a href="../controlP5/ControlP5Constants.html#TOP">TOP</a>, <a href="../controlP5/ControlP5Constants.html#TOP_OUTSIDE">TOP_OUTSIDE</a>, <a href="../controlP5/ControlP5Constants.html#TRANSITION_WAIT_FADEIN">TRANSITION_WAIT_FADEIN</a>, <a href="../controlP5/ControlP5Constants.html#TREE">TREE</a>, <a href="../controlP5/ControlP5Constants.html#TWO_PI">TWO_PI</a>, <a href="../controlP5/ControlP5Constants.html#UP">UP</a>, <a href="../controlP5/ControlP5Constants.html#VALUELABEL">VALUELABEL</a>, <a href="../controlP5/ControlP5Constants.html#VERBOSE">VERBOSE</a>, <a href="../controlP5/ControlP5Constants.html#VERTICAL">VERTICAL</a>, <a href="../controlP5/ControlP5Constants.html#WAIT">WAIT</a>, <a href="../controlP5/ControlP5Constants.html#WHITE">WHITE</a>, <a href="../controlP5/ControlP5Constants.html#YELLOW">YELLOW</a></code></li>
+</ul>
+</li>
+</ul>
+<!-- ======== CONSTRUCTOR SUMMARY ======== -->
+<ul class="blockList">
+<li class="blockList"><a name="constructor_summary">
+<!--   -->
+</a>
+<h3>Constructor Summary</h3>
+<table class="overviewSummary" border="0" cellpadding="3" cellspacing="0" summary="Constructor Summary table, listing constructors, and an explanation">
+<caption><span>Constructors</span><span class="tabEnd">&nbsp;</span></caption>
+<tr>
+<th class="colOne" scope="col">Constructor and Description</th>
+</tr>
+<tr class="altColor">
+<td class="colOne"><code><strong><a href="../controlP5/CheckBox.html#CheckBox(controlP5.ControlP5, controlP5.ControllerGroup, java.lang.String, int, int)">CheckBox</a></strong>(<a href="../controlP5/ControlP5.html" title="class in controlP5">ControlP5</a>&nbsp;theControlP5,
+        <a href="../controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a>&lt;?&gt;&nbsp;theParent,
+        java.lang.String&nbsp;theName,
+        int&nbsp;theX,
+        int&nbsp;theY)</code>
+<div class="block">A CheckBox should only be added to controlP5 by using controlP5.addCheckBox()</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colOne"><code><strong><a href="../controlP5/CheckBox.html#CheckBox(controlP5.ControlP5, java.lang.String)">CheckBox</a></strong>(<a href="../controlP5/ControlP5.html" title="class in controlP5">ControlP5</a>&nbsp;theControlP5,
+        java.lang.String&nbsp;theName)</code>
+<div class="block">Convenience constructor to extend CheckBox.</div>
+</td>
+</tr>
+</table>
+</li>
+</ul>
+<!-- ========== METHOD SUMMARY =========== -->
+<ul class="blockList">
+<li class="blockList"><a name="method_summary">
+<!--   -->
+</a>
+<h3>Method Summary</h3>
+<table class="overviewSummary" border="0" cellpadding="3" cellspacing="0" summary="Method Summary table, listing methods, and an explanation">
+<caption><span>Methods</span><span class="tabEnd">&nbsp;</span></caption>
+<tr>
+<th class="colFirst" scope="col">Modifier and Type</th>
+<th class="colLast" scope="col">Method and Description</th>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/CheckBox.html" title="class in controlP5">CheckBox</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/CheckBox.html#activate(int)">activate</a></strong>(int&nbsp;theIndex)</code>
+<div class="block">Activates a single checkbox item by index</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/CheckBox.html" title="class in controlP5">CheckBox</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/CheckBox.html#activate(java.lang.String)">activate</a></strong>(java.lang.String&nbsp;theName)</code>
+<div class="block">Activates a single checkbox item by name</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/CheckBox.html" title="class in controlP5">CheckBox</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/CheckBox.html#activateAll()">activateAll</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/CheckBox.html" title="class in controlP5">CheckBox</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/CheckBox.html#addItem(java.lang.String, float)">addItem</a></strong>(java.lang.String&nbsp;theName,
+       float&nbsp;theValue)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/CheckBox.html" title="class in controlP5">CheckBox</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/CheckBox.html#addItem(controlP5.Toggle, float)">addItem</a></strong>(<a href="../controlP5/Toggle.html" title="class in controlP5">Toggle</a>&nbsp;theToggle,
+       float&nbsp;theValue)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>void</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/CheckBox.html#controlEvent(controlP5.ControlEvent)">controlEvent</a></strong>(<a href="../controlP5/ControlEvent.html" title="class in controlP5">ControlEvent</a>&nbsp;theEvent)</code>
+<div class="block">controlEvent is called by controlP5's ControlBroadcaster to inform available listeners about
+ value changes.</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/CheckBox.html" title="class in controlP5">CheckBox</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/CheckBox.html#deactivate(int)">deactivate</a></strong>(int&nbsp;theIndex)</code>
+<div class="block">deactivate a single checkbox item by index</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/CheckBox.html" title="class in controlP5">CheckBox</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/CheckBox.html#deactivate(java.lang.String)">deactivate</a></strong>(java.lang.String&nbsp;theName)</code>
+<div class="block">Deactivates a single checkbox item by name</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/CheckBox.html" title="class in controlP5">CheckBox</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/CheckBox.html#deactivateAll()">deactivateAll</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>java.lang.String</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/CheckBox.html#getInfo()">getInfo</a></strong>()</code></td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Toggle.html" title="class in controlP5">Toggle</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/CheckBox.html#getItem(int)">getItem</a></strong>(int&nbsp;theIndex)</code>
+<div class="block">Gets a radio button item by index.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>java.util.List&lt;<a href="../controlP5/Toggle.html" title="class in controlP5">Toggle</a>&gt;</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/CheckBox.html#getItems()">getItems</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>boolean</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/CheckBox.html#getState(int)">getState</a></strong>(int&nbsp;theIndex)</code>
+<div class="block">Gets the state of an item - this can be true (for on) or false (for off) - by index.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>boolean</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/CheckBox.html#getState(java.lang.String)">getState</a></strong>(java.lang.String&nbsp;theName)</code>
+<div class="block">Gets the state of an item - this can be true (for on) or false (for off) - by name.</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/CheckBox.html" title="class in controlP5">CheckBox</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/CheckBox.html#hideLabels()">hideLabels</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/CheckBox.html" title="class in controlP5">CheckBox</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/CheckBox.html#plugTo(java.lang.Object)">plugTo</a></strong>(java.lang.Object&nbsp;theObject)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/CheckBox.html" title="class in controlP5">CheckBox</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/CheckBox.html#plugTo(java.lang.Object, java.lang.String)">plugTo</a></strong>(java.lang.Object&nbsp;theObject,
+      java.lang.String&nbsp;thePlugName)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/CheckBox.html" title="class in controlP5">CheckBox</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/CheckBox.html#removeItem(java.lang.String)">removeItem</a></strong>(java.lang.String&nbsp;theName)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/CheckBox.html" title="class in controlP5">CheckBox</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/CheckBox.html#setArrayValue(float[])">setArrayValue</a></strong>(float[]&nbsp;theArray)</code>
+<div class="block">Sets the value for all CheckBox items according to the values of the array passed on.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/CheckBox.html" title="class in controlP5">CheckBox</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/CheckBox.html#setColorLabels(int)">setColorLabels</a></strong>(int&nbsp;theColor)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/CheckBox.html" title="class in controlP5">CheckBox</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/CheckBox.html#setImage(processing.core.PImage)">setImage</a></strong>(processing.core.PImage&nbsp;theImage)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/CheckBox.html" title="class in controlP5">CheckBox</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/CheckBox.html#setImage(processing.core.PImage, int)">setImage</a></strong>(processing.core.PImage&nbsp;theImage,
+        int&nbsp;theState)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/CheckBox.html" title="class in controlP5">CheckBox</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/CheckBox.html#setImages(processing.core.PImage, processing.core.PImage, processing.core.PImage)">setImages</a></strong>(processing.core.PImage&nbsp;theDefaultImage,
+         processing.core.PImage&nbsp;theOverImage,
+         processing.core.PImage&nbsp;theActiveImage)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/CheckBox.html" title="class in controlP5">CheckBox</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/CheckBox.html#setItemHeight(int)">setItemHeight</a></strong>(int&nbsp;theItemHeight)</code>
+<div class="block">set the height of a radioButton/checkBox item.</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/CheckBox.html" title="class in controlP5">CheckBox</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/CheckBox.html#setItemsPerRow(int)">setItemsPerRow</a></strong>(int&nbsp;theValue)</code>
+<div class="block">Items of a radioButton or a checkBox are organized in columns and rows.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/CheckBox.html" title="class in controlP5">CheckBox</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/CheckBox.html#setItemWidth(int)">setItemWidth</a></strong>(int&nbsp;theItemWidth)</code>
+<div class="block">set the width of a radioButton/checkBox item.</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/CheckBox.html" title="class in controlP5">CheckBox</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/CheckBox.html#setNoneSelectedAllowed(boolean)">setNoneSelectedAllowed</a></strong>(boolean&nbsp;theValue)</code>
+<div class="block">In order to always have 1 item selected, use setNoneSelectedAllowed(false), by default this
+ is true.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/CheckBox.html" title="class in controlP5">CheckBox</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/CheckBox.html#setSize(int, int)">setSize</a></strong>(int&nbsp;theWidth,
+       int&nbsp;theHeight)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/CheckBox.html" title="class in controlP5">CheckBox</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/CheckBox.html#setSize(processing.core.PImage)">setSize</a></strong>(processing.core.PImage&nbsp;theImage)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/CheckBox.html" title="class in controlP5">CheckBox</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/CheckBox.html#setSpacingColumn(int)">setSpacingColumn</a></strong>(int&nbsp;theSpacing)</code>
+<div class="block">Sets the spacing in pixels between columns.</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/CheckBox.html" title="class in controlP5">CheckBox</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/CheckBox.html#setSpacingRow(int)">setSpacingRow</a></strong>(int&nbsp;theSpacing)</code>
+<div class="block">Sets the spacing in pixels between rows.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/CheckBox.html" title="class in controlP5">CheckBox</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/CheckBox.html#showLabels()">showLabels</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/CheckBox.html" title="class in controlP5">CheckBox</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/CheckBox.html#toggle(int)">toggle</a></strong>(int&nbsp;theIndex)</code>
+<div class="block">toggle a single checkbox item by index</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>void</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/CheckBox.html#toggle(java.lang.String)">toggle</a></strong>(java.lang.String&nbsp;theName)</code>
+<div class="block">deactivate a single checkbox item by name</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>java.lang.String</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/CheckBox.html#toString()">toString</a></strong>()</code></td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/CheckBox.html" title="class in controlP5">CheckBox</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/CheckBox.html#toUpperCase(boolean)">toUpperCase</a></strong>(boolean&nbsp;theValue)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>void</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/CheckBox.html#updateLayout()">updateLayout</a></strong>()</code>&nbsp;</td>
+</tr>
+</table>
+<ul class="blockList">
+<li class="blockList"><a name="methods_inherited_from_class_controlP5.ControlGroup">
+<!--   -->
+</a>
+<h3>Methods inherited from class&nbsp;controlP5.<a href="../controlP5/ControlGroup.html" title="class in controlP5">ControlGroup</a></h3>
+<code><a href="../controlP5/ControlGroup.html#activateEvent(boolean)">activateEvent</a>, <a href="../controlP5/ControlGroup.html#addListener(controlP5.ControlListener)">addListener</a>, <a href="../controlP5/ControlGroup.html#getBackgroundHeight()">getBackgroundHeight</a>, <a href="../controlP5/ControlGroup.html#getBarHeight()">getBarHeight</a>, <a href="../controlP5/ControlGroup.html#listenerSize()">listenerSize</a>, <a href="../controlP5/ControlGroup.html#mousePressed()">mousePressed</a>, <a href="../controlP5/ControlGroup.html#removeListener(controlP5.ControlListener)">removeListener</a>, <a href="../controlP5/ControlGroup.html#setBackgroundColor(int)">setBackgroundColor</a>, <a href="../controlP5/ControlGroup.html#setBackgroundHeight(int)">setBackgroundHeight</a>, <a href="../controlP5/ControlGroup.html#setBarHeight(int)">setBarHeight</a>, <a href="../controlP5/ControlGroup.html#stringValue()">stringValue</a>, <a href="../controlP5/ControlGroup.html#updateInternalEvents(processing.core.PApplet)">updateInternalEvents</a></code></li>
+</ul>
+<ul class="blockList">
+<li class="blockList"><a name="methods_inherited_from_class_controlP5.ControllerGroup">
+<!--   -->
+</a>
+<h3>Methods inherited from class&nbsp;controlP5.<a href="../controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a></h3>
+<code><a href="../controlP5/ControllerGroup.html#absolutePosition()">absolutePosition</a>, <a href="../controlP5/ControllerGroup.html#add(controlP5.ControllerInterface)">add</a>, <a href="../controlP5/ControllerGroup.html#addCanvas(controlP5.Canvas)">addCanvas</a>, <a href="../controlP5/ControllerGroup.html#addCloseButton()">addCloseButton</a>, <a href="../controlP5/ControllerGroup.html#addDrawable(controlP5.CDrawable)">addDrawable</a>, <a href="../controlP5/ControllerGroup.html#arrayValue()">arrayValue</a>, <a href="../controlP5/ControllerGroup.html#bringToFront()">bringToFront</a>, <a href="../controlP5/ControllerGroup.html#bringToFront(controlP5.ControllerInterface)">bringToFront</a>, <a href="../controlP5/ControllerGroup.html#close()">close</a>, <a href="../controlP5/ControllerGroup.html#color()">color</a>, <a href="../controlP5/ControllerGroup.html#continuousUpdateEvents()">continuousUpdateEvents</a>, <a href="../controlP5/ControllerGroup.html#controller(java.lang.String)">controller</a>, <a href="../controlP5/ControllerGroup.html#disableCollapse()">disableCollapse</a>, <a href="../controlP5/ControllerGroup.html#draw(processing.core.PGraphics)">draw</a>, <a href="../controlP5/ControllerGroup.html#enableCollapse()">enableCollapse</a>, <a href="../controlP5/ControllerGroup.html#getAbsolutePosition()">getAbsolutePosition</a>, <a href="../controlP5/ControllerGroup.html#getAddress()">getAddress</a>, <a href="../controlP5/ControllerGroup.html#getArrayValue()">getArrayValue</a>, <a href="../controlP5/ControllerGroup.html#getArrayValue(int)">getArrayValue</a>, <a href="../controlP5/ControllerGroup.html#getCaptionLabel()">getCaptionLabel</a>, <a href="../controlP5/ControllerGroup.html#getColor()">getColor</a>, <a href="../controlP5/ControllerGroup.html#getController(java.lang.String)">getController</a>, <a href="../controlP5/ControllerGroup.html#getHeight()">getHeight</a>, <a href="../controlP5/ControllerGroup.html#getId()">getId</a>, <a href="../controlP5/ControllerGroup.html#getName()">getName</a>, <a href="../controlP5/ControllerGroup.html#getParent()">getParent</a>, <a href="../controlP5/ControllerGroup.html#getPickingColor()">getPickingColor</a>, <a href="../controlP5/ControllerGroup.html#getPosition()">getPosition</a>, <a href="../controlP5/ControllerGroup.html#getProperty(java.lang.String)">getProperty</a>, <a href="../controlP5/ControllerGroup.html#getProperty(java.lang.String, java.lang.String)">getProperty</a>, <a href="../controlP5/ControllerGroup.html#getStringValue()">getStringValue</a>, <a href="../controlP5/ControllerGroup.html#getTab()">getTab</a>, <a href="../controlP5/ControllerGroup.html#getValue()">getValue</a>, <a href="../controlP5/ControllerGroup.html#getValueLabel()">getValueLabel</a>, <a href="../controlP5/ControllerGroup.html#getWidth()">getWidth</a>, <a href="../controlP5/ControllerGroup.html#getWindow()">getWindow</a>, <a href="../controlP5/ControllerGroup.html#hide()">hide</a>, <a href="../controlP5/ControllerGroup.html#hideArrow()">hideArrow</a>, <a href="../controlP5/ControllerGroup.html#hideBar()">hideBar</a>, <a href="../controlP5/ControllerGroup.html#id()">id</a>, <a href="../controlP5/ControllerGroup.html#init()">init</a>, <a href="../controlP5/ControllerGroup.html#isBarVisible()">isBarVisible</a>, <a href="../controlP5/ControllerGroup.html#isCollapse()">isCollapse</a>, <a href="../controlP5/ControllerGroup.html#isMouseOver()">isMouseOver</a>, <a href="../controlP5/ControllerGroup.html#isMoveable()">isMoveable</a>, <a href="../controlP5/ControllerGroup.html#isOpen()">isOpen</a>, <a href="../controlP5/ControllerGroup.html#isUpdate()">isUpdate</a>, <a href="../controlP5/ControllerGroup.html#isVisible()">isVisible</a>, <a href="../controlP5/ControllerGroup.html#keyEvent(processing.event.KeyEvent)">keyEvent</a>, <a href="../controlP5/ControllerGroup.html#moveTo(controlP5.ControllerGroup)">moveTo</a>, <a href="../controlP5/ControllerGroup.html#moveTo(controlP5.ControllerGroup, controlP5.Tab, controlP5.ControlWindow)">moveTo</a>, <a href="../controlP5/ControllerGroup.html#moveTo(controlP5.ControlWindow)">moveTo</a>, <a href="../controlP5/ControllerGroup.html#moveTo(controlP5.ControlWindow, java.lang.String)">moveTo</a>, <a href="../controlP5/ControllerGroup.html#moveTo(processing.core.PApplet)">moveTo</a>, <a href="../controlP5/ControllerGroup.html#moveTo(java.lang.String)">moveTo</a>, <a href="../controlP5/ControllerGroup.html#moveTo(java.lang.String, controlP5.ControlWindow)">moveTo</a>, <a href="../controlP5/ControllerGroup.html#moveTo(controlP5.Tab)">moveTo</a>, <a href="../controlP5/ControllerGroup.html#moveTo(controlP5.Tab, controlP5.ControlWindow)">moveTo</a>, <a href="../controlP5/ControllerGroup.html#name()">name</a>, <a href="../controlP5/ControllerGroup.html#open()">open</a>, <a href="../controlP5/ControllerGroup.html#parent()">parent</a>, <a href="../controlP5/ControllerGroup.html#position()">position</a>, <a href="../controlP5/ControllerGroup.html#registerProperty(java.lang.String)">registerProperty</a>, <a href="../controlP5/ControllerGroup.html#registerProperty(java.lang.String, java.lang.String)">registerProperty</a>, <a href="../controlP5/ControllerGroup.html#remove()">remove</a>, <a href="../controlP5/ControllerGroup.html#remove(controlP5.CDrawable)">remove</a>, <a href="../controlP5/ControllerGroup.html#remove(controlP5.ControllerInterface)">remove</a>, <a href="../controlP5/ControllerGroup.html#removeCanvas(controlP5.Canvas)">removeCanvas</a>, <a href="../controlP5/ControllerGroup.html#removeCloseButton()">removeCloseButton</a>, <a href="../controlP5/ControllerGroup.html#removeProperty(java.lang.String)">removeProperty</a>, <a href="../controlP5/ControllerGroup.html#removeProperty(java.lang.String, java.lang.String)">removeProperty</a>, <a href="../controlP5/ControllerGroup.html#setAbsolutePosition(processing.core.PVector)">setAbsolutePosition</a>, <a href="../controlP5/ControllerGroup.html#setAddress(java.lang.String)">setAddress</a>, <a href="../controlP5/ControllerGroup.html#setArrayValue(int, float)">setArrayValue</a>, <a href="../controlP5/ControllerGroup.html#setCaptionLabel(java.lang.String)">setCaptionLabel</a>, <a href="../controlP5/ControllerGroup.html#setColor(controlP5.CColor)">setColor</a>, <a href="../controlP5/ControllerGroup.html#setColorActive(int)">setColorActive</a>, <a href="../controlP5/ControllerGroup.html#setColorBackground(int)">setColorBackground</a>, <a href="../controlP5/ControllerGroup.html#setColorForeground(int)">setColorForeground</a>, <a href="../controlP5/ControllerGroup.html#setColorLabel(int)">setColorLabel</a>, <a href="../controlP5/ControllerGroup.html#setColorValue(int)">setColorValue</a>, <a href="../controlP5/ControllerGroup.html#setGroup(controlP5.ControllerGroup)">setGroup</a>, <a href="../controlP5/ControllerGroup.html#setGroup(java.lang.String)">setGroup</a>, <a href="../controlP5/ControllerGroup.html#setHeight(int)">setHeight</a>, <a href="../controlP5/ControllerGroup.html#setId(int)">setId</a>, <a href="../controlP5/ControllerGroup.html#setLabel(java.lang.String)">setLabel</a>, <a href="../controlP5/ControllerGroup.html#setMouseOver(boolean)">setMouseOver</a>, <a href="../controlP5/ControllerGroup.html#setMousePressed(boolean)">setMousePressed</a>, <a href="../controlP5/ControllerGroup.html#setMoveable(boolean)">setMoveable</a>, <a href="../controlP5/ControllerGroup.html#setOpen(boolean)">setOpen</a>, <a href="../controlP5/ControllerGroup.html#setPosition(float, float)">setPosition</a>, <a href="../controlP5/ControllerGroup.html#setPosition(processing.core.PVector)">setPosition</a>, <a href="../controlP5/ControllerGroup.html#setStringValue(java.lang.String)">setStringValue</a>, <a href="../controlP5/ControllerGroup.html#setTab(controlP5.ControlWindow, java.lang.String)">setTab</a>, <a href="../controlP5/ControllerGroup.html#setTab(java.lang.String)">setTab</a>, <a href="../controlP5/ControllerGroup.html#setTab(controlP5.Tab)">setTab</a>, <a href="../controlP5/ControllerGroup.html#setTitle(java.lang.String)">setTitle</a>, <a href="../controlP5/ControllerGroup.html#setUpdate(boolean)">setUpdate</a>, <a href="../controlP5/ControllerGroup.html#setValue(float)">setValue</a>, <a href="../controlP5/ControllerGroup.html#setVisible(boolean)">setVisible</a>, <a href="../controlP5/ControllerGroup.html#setWidth(int)">setWidth</a>, <a href="../controlP5/ControllerGroup.html#show()">show</a>, <a href="../controlP5/ControllerGroup.html#showArrow()">showArrow</a>, <a href="../controlP5/ControllerGroup.html#showBar()">showBar</a>, <a href="../controlP5/ControllerGroup.html#update()">update</a>, <a href="../controlP5/ControllerGroup.html#updateAbsolutePosition()">updateAbsolutePosition</a>, <a href="../controlP5/ControllerGroup.html#updateEvents()">updateEvents</a>, <a href="../controlP5/ControllerGroup.html#value()">value</a></code></li>
+</ul>
+<ul class="blockList">
+<li class="blockList"><a name="methods_inherited_from_class_java.lang.Object">
+<!--   -->
+</a>
+<h3>Methods inherited from class&nbsp;java.lang.Object</h3>
+<code>equals, getClass, hashCode, notify, notifyAll, wait, wait, wait</code></li>
+</ul>
+</li>
+</ul>
+</li>
+</ul>
+</div>
+<div class="details">
+<ul class="blockList">
+<li class="blockList">
+<!-- ========= CONSTRUCTOR DETAIL ======== -->
+<ul class="blockList">
+<li class="blockList"><a name="constructor_detail">
+<!--   -->
+</a>
+<h3>Constructor Detail</h3>
+<a name="CheckBox(controlP5.ControlP5, controlP5.ControllerGroup, java.lang.String, int, int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>CheckBox</h4>
+<pre>public&nbsp;CheckBox(<a href="../controlP5/ControlP5.html" title="class in controlP5">ControlP5</a>&nbsp;theControlP5,
+        <a href="../controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a>&lt;?&gt;&nbsp;theParent,
+        java.lang.String&nbsp;theName,
+        int&nbsp;theX,
+        int&nbsp;theY)</pre>
+<div class="block">A CheckBox should only be added to controlP5 by using controlP5.addCheckBox()</div>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theControlP5</code> - </dd><dd><code>theParent</code> - </dd><dd><code>theName</code> - </dd><dd><code>theX</code> - </dd><dd><code>theY</code> - </dd></dl>
+</li>
+</ul>
+<a name="CheckBox(controlP5.ControlP5, java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockListLast">
+<li class="blockList">
+<h4>CheckBox</h4>
+<pre>public&nbsp;CheckBox(<a href="../controlP5/ControlP5.html" title="class in controlP5">ControlP5</a>&nbsp;theControlP5,
+        java.lang.String&nbsp;theName)</pre>
+<div class="block">Convenience constructor to extend CheckBox.</div>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theControlP5</code> - </dd><dd><code>theName</code> - </dd><script type="text/javascript">
+<!--
+document.getElementsByTagName('html')[0].className = 'isjs';function toggle(dt) { var display, dd=dt; do{ dd = dd.nextSibling } while(dd.tagName!='DD'); toOpen =!dd.style.display;dd.style.display = toOpen? 'block':''; dt.getElementsByTagName('span')[0].innerHTML  = toOpen? '-':'+' ; }
+-->
+</script>
+<div id="test" class="toggleList"><dl><dt onclick="toggle(this);"><span>+</span>Example</dt><dd><code><pre>/**
+ * ControlP5 extending Controllers
+ *
+ * the following example shows how to extend the Controller class to 
+ * create customizable Controllers. You can either extend the Controller class itself,
+ * or any class that extends Controller itself like the Slider, Button, DropdownList, etc. 
+ * 
+ * How to:
+ *
+ * 1) do a super call to the convenience constructor requiring 
+ * 2 parameter (ControlP5 instance, name)  
+ *
+ * 2) the Controller class has a set of empty methods that allow you to capture
+ * inputs from the mouse including 
+ * onEnter(), onLeave(), onPress(), onRelease(), onClick(), onScroll(int), onDrag()
+ * These you can override and include functionality as needed.
+ *
+ * 3) use method getPointer() to return the local (relative) 
+ * xy-coordinates of the controller
+ *  
+ * 4) after instantiation custom controllers are treated the same 
+ * as default controlP5 controllers.
+ *  
+ * by Andreas Schlegel, 2012
+ * www.sojamo.de/libraries/controlp5
+ *
+ */
+
+import controlP5.*;
+
+ControlP5 cp5;
+PApplet p;
+
+void setup() {
+  size(400, 400);
+  cp5 = new ControlP5(this);
+  
+  // create 2 groups to show nesting of custom controllers and
+  //   
+  Group g1 = cp5.addGroup("a").setPosition(0,100).setWidth(180);
+  Group g2 = cp5.addGroup("b").setPosition(0,10).setWidth(180);
+  g2.moveTo(g1);
+  
+  // create 2 custom Controllers from class MyButton
+  // MyButton extends Controller and inherits all methods accordingly.
+  new MyButton(cp5, "b1").setPosition(0, 0).setSize(180, 200).moveTo(g2);
+  new MyButton(cp5, "b2").setPosition(205, 15).setSize(180, 200);
+  
+}
+
+
+void draw() {
+  background(0);
+}
+
+// b1 will be called from Controller b1
+public void b1(float theValue) {
+  println("yay button "+theValue);
+}
+
+public void controlEvent(ControlEvent theEvent) {
+  println("controlEvent : "+theEvent);
+}
+
+
+// Create a custom Controller, please not that 
+// MyButton extends Controller<MyButton>, <MyButton>
+// is an indicator for the super class about the type of 
+// custom controller to be created.
+
+class MyButton extends Controller<MyButton> {
+
+  int current = 0xffff0000;
+
+  float a = 128;
+  
+  float na;
+  
+  int y;
+  
+  // use the convenience constructor of super class Controller
+  // MyButton will automatically registered and move to the 
+  // default controlP5 tab.
+  
+  MyButton(ControlP5 cp5, String theName) {
+    super(cp5, theName);
+    
+    // replace the default view with a custom view.
+    setView(new ControllerView() {
+      public void display(PApplet p, Object b) {
+        // draw button background
+        na += (a-na) * 0.1; 
+        p.fill(current,na);
+        p.rect(0, 0, getWidth(), getHeight());
+        
+        // draw horizontal line which can be moved on the x-axis 
+        // using the scroll wheel. 
+        p.fill(0,255,0);
+        p.rect(0,y,width,10);
+        
+        // draw the custom label 
+        p.fill(128);
+        translate(0,getHeight()+14);
+        p.text(getName(),0,0);
+        p.text(getName(),0,0);
+        
+      }
+    }
+    );
+  }
+
+  // override various input methods for mouse input control
+  void onEnter() {
+    cursor(HAND);
+    println("enter");
+    a = 255;
+  }
+  
+  void onScroll(int n) {
+    println("scrolling");
+    y -= n;
+    y = constrain(y,0,getHeight()-10);
+  }
+  
+  void onPress() {
+    println("press");
+    current = 0xffffff00;
+  }
+  
+  void onClick() {
+    Pointer p1 = getPointer();
+    println("clicked at "+p1.x()+", "+p1.y());
+    current = 0xffffff00;
+    setValue(y);
+  }
+
+  void onRelease() {
+    println("release");
+    current = 0xffffffff;
+  }
+  
+  void onMove() {
+    println("moving "+this+" "+_myControlWindow.getMouseOverList());
+  }
+
+  void onDrag() {
+    current = 0xff0000ff;
+    Pointer p1 = getPointer();
+    float dif = dist(p1.px(),p1.py(),p1.x(),p1.y());
+    println("dragging at "+p1.x()+", "+p1.y()+" "+dif);
+  }
+  
+  void onReleaseOutside() {
+    onLeave();
+  }
+
+  void onLeave() {
+    println("leave");
+    cursor(ARROW);
+    a = 128;
+  }
+}
+
+</pre></code></dd></dl></div></dl>
+</li>
+</ul>
+</li>
+</ul>
+<!-- ============ METHOD DETAIL ========== -->
+<ul class="blockList">
+<li class="blockList"><a name="method_detail">
+<!--   -->
+</a>
+<h3>Method Detail</h3>
+<a name="activate(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>activate</h4>
+<pre>public final&nbsp;<a href="../controlP5/CheckBox.html" title="class in controlP5">CheckBox</a>&nbsp;activate(int&nbsp;theIndex)</pre>
+<div class="block">Activates a single checkbox item by index</div>
+</li>
+</ul>
+<a name="activate(java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>activate</h4>
+<pre>public final&nbsp;<a href="../controlP5/CheckBox.html" title="class in controlP5">CheckBox</a>&nbsp;activate(java.lang.String&nbsp;theName)</pre>
+<div class="block">Activates a single checkbox item by name</div>
+</li>
+</ul>
+<a name="activateAll()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>activateAll</h4>
+<pre>public final&nbsp;<a href="../controlP5/CheckBox.html" title="class in controlP5">CheckBox</a>&nbsp;activateAll()</pre>
+</li>
+</ul>
+<a name="addItem(java.lang.String, float)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>addItem</h4>
+<pre>public&nbsp;<a href="../controlP5/CheckBox.html" title="class in controlP5">CheckBox</a>&nbsp;addItem(java.lang.String&nbsp;theName,
+               float&nbsp;theValue)</pre>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theName</code> - </dd><dd><code>theValue</code> - </dd>
+<dt><span class="strong">Returns:</span></dt><dd></dd></dl>
+</li>
+</ul>
+<a name="addItem(controlP5.Toggle, float)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>addItem</h4>
+<pre>public&nbsp;<a href="../controlP5/CheckBox.html" title="class in controlP5">CheckBox</a>&nbsp;addItem(<a href="../controlP5/Toggle.html" title="class in controlP5">Toggle</a>&nbsp;theToggle,
+               float&nbsp;theValue)</pre>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theToggle</code> - </dd><dd><code>theValue</code> - </dd>
+<dt><span class="strong">Returns:</span></dt><dd></dd></dl>
+</li>
+</ul>
+<a name="controlEvent(controlP5.ControlEvent)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>controlEvent</h4>
+<pre>public&nbsp;void&nbsp;controlEvent(<a href="../controlP5/ControlEvent.html" title="class in controlP5">ControlEvent</a>&nbsp;theEvent)</pre>
+<div class="block">controlEvent is called by controlP5's ControlBroadcaster to inform available listeners about
+ value changes. Use the CallbackListener to get informed when actions such as pressed,
+ release, drag, etc are performed.</div>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControlListener.html#controlEvent(controlP5.ControlEvent)">controlEvent</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControlListener.html" title="interface in controlP5">ControlListener</a></code></dd>
+<dt><strong>Overrides:</strong></dt>
+<dd><code><a href="../controlP5/ControlGroup.html#controlEvent(controlP5.ControlEvent)">controlEvent</a></code>&nbsp;in class&nbsp;<code><a href="../controlP5/ControlGroup.html" title="class in controlP5">ControlGroup</a>&lt;<a href="../controlP5/CheckBox.html" title="class in controlP5">CheckBox</a>&gt;</code></dd>
+<dt><span class="strong">Parameters:</span></dt><dd><code>theEvent</code> - ControlEvent</dd><dt><span class="strong">See Also:</span></dt><dd><a href="../controlP5/CallbackListener.html" title="interface in controlP5"><code>CallbackListener</code></a>, 
+<a href="../controlP5/CallbackEvent.html" title="class in controlP5"><code>CallbackEvent</code></a></dd></dl>
+</li>
+</ul>
+<a name="deactivate(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>deactivate</h4>
+<pre>public final&nbsp;<a href="../controlP5/CheckBox.html" title="class in controlP5">CheckBox</a>&nbsp;deactivate(int&nbsp;theIndex)</pre>
+<div class="block">deactivate a single checkbox item by index</div>
+</li>
+</ul>
+<a name="deactivate(java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>deactivate</h4>
+<pre>public final&nbsp;<a href="../controlP5/CheckBox.html" title="class in controlP5">CheckBox</a>&nbsp;deactivate(java.lang.String&nbsp;theName)</pre>
+<div class="block">Deactivates a single checkbox item by name</div>
+</li>
+</ul>
+<a name="deactivateAll()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>deactivateAll</h4>
+<pre>public&nbsp;<a href="../controlP5/CheckBox.html" title="class in controlP5">CheckBox</a>&nbsp;deactivateAll()</pre>
+</li>
+</ul>
+<a name="getInfo()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getInfo</h4>
+<pre>public&nbsp;java.lang.String&nbsp;getInfo()</pre>
+<div class="block"><strong>Description copied from class:&nbsp;<code><a href="../controlP5/ControlGroup.html#getInfo()">ControlGroup</a></code></strong></div>
+<dl>
+<dt><strong>Overrides:</strong></dt>
+<dd><code><a href="../controlP5/ControlGroup.html#getInfo()">getInfo</a></code>&nbsp;in class&nbsp;<code><a href="../controlP5/ControlGroup.html" title="class in controlP5">ControlGroup</a>&lt;<a href="../controlP5/CheckBox.html" title="class in controlP5">CheckBox</a>&gt;</code></dd>
+</dl>
+</li>
+</ul>
+<a name="getItem(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getItem</h4>
+<pre>public&nbsp;<a href="../controlP5/Toggle.html" title="class in controlP5">Toggle</a>&nbsp;getItem(int&nbsp;theIndex)</pre>
+<div class="block">Gets a radio button item by index.</div>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theIndex</code> - </dd>
+<dt><span class="strong">Returns:</span></dt><dd>Toggle</dd></dl>
+</li>
+</ul>
+<a name="getItems()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getItems</h4>
+<pre>public&nbsp;java.util.List&lt;<a href="../controlP5/Toggle.html" title="class in controlP5">Toggle</a>&gt;&nbsp;getItems()</pre>
+</li>
+</ul>
+<a name="getState(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getState</h4>
+<pre>public&nbsp;boolean&nbsp;getState(int&nbsp;theIndex)</pre>
+<div class="block">Gets the state of an item - this can be true (for on) or false (for off) - by index.</div>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theIndex</code> - </dd>
+<dt><span class="strong">Returns:</span></dt><dd>boolean</dd></dl>
+</li>
+</ul>
+<a name="getState(java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getState</h4>
+<pre>public&nbsp;boolean&nbsp;getState(java.lang.String&nbsp;theName)</pre>
+<div class="block">Gets the state of an item - this can be true (for on) or false (for off) - by name.</div>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theName</code> - </dd>
+<dt><span class="strong">Returns:</span></dt><dd></dd></dl>
+</li>
+</ul>
+<a name="hideLabels()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>hideLabels</h4>
+<pre>public&nbsp;<a href="../controlP5/CheckBox.html" title="class in controlP5">CheckBox</a>&nbsp;hideLabels()</pre>
+</li>
+</ul>
+<a name="plugTo(java.lang.Object)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>plugTo</h4>
+<pre>public&nbsp;<a href="../controlP5/CheckBox.html" title="class in controlP5">CheckBox</a>&nbsp;plugTo(java.lang.Object&nbsp;theObject)</pre>
+</li>
+</ul>
+<a name="plugTo(java.lang.Object, java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>plugTo</h4>
+<pre>public&nbsp;<a href="../controlP5/CheckBox.html" title="class in controlP5">CheckBox</a>&nbsp;plugTo(java.lang.Object&nbsp;theObject,
+              java.lang.String&nbsp;thePlugName)</pre>
+</li>
+</ul>
+<a name="removeItem(java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>removeItem</h4>
+<pre>public&nbsp;<a href="../controlP5/CheckBox.html" title="class in controlP5">CheckBox</a>&nbsp;removeItem(java.lang.String&nbsp;theName)</pre>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theName</code> - </dd></dl>
+</li>
+</ul>
+<a name="setArrayValue(float[])">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setArrayValue</h4>
+<pre>public&nbsp;<a href="../controlP5/CheckBox.html" title="class in controlP5">CheckBox</a>&nbsp;setArrayValue(float[]&nbsp;theArray)</pre>
+<div class="block">Sets the value for all CheckBox items according to the values of the array passed on. 0 will
+ turn off an item, any other value will turn it on.</div>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerInterface.html#setArrayValue(float[])">setArrayValue</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/CheckBox.html" title="class in controlP5">CheckBox</a>&gt;</code></dd>
+<dt><strong>Overrides:</strong></dt>
+<dd><code><a href="../controlP5/ControllerGroup.html#setArrayValue(float[])">setArrayValue</a></code>&nbsp;in class&nbsp;<code><a href="../controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a>&lt;<a href="../controlP5/CheckBox.html" title="class in controlP5">CheckBox</a>&gt;</code></dd>
+<dt><span class="strong">Returns:</span></dt><dd>ControllerGroup</dd></dl>
+</li>
+</ul>
+<a name="setColorLabels(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setColorLabels</h4>
+<pre>public&nbsp;<a href="../controlP5/CheckBox.html" title="class in controlP5">CheckBox</a>&nbsp;setColorLabels(int&nbsp;theColor)</pre>
+</li>
+</ul>
+<a name="setImage(processing.core.PImage)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setImage</h4>
+<pre>public&nbsp;<a href="../controlP5/CheckBox.html" title="class in controlP5">CheckBox</a>&nbsp;setImage(processing.core.PImage&nbsp;theImage)</pre>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theImage</code> - </dd></dl>
+</li>
+</ul>
+<a name="setImage(processing.core.PImage, int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setImage</h4>
+<pre>public&nbsp;<a href="../controlP5/CheckBox.html" title="class in controlP5">CheckBox</a>&nbsp;setImage(processing.core.PImage&nbsp;theImage,
+                int&nbsp;theState)</pre>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theImage</code> - </dd><dd><code>theState</code> - use Controller.DEFAULT (background), or Controller.OVER (foreground), or
+            Controller.ACTIVE (active)</dd>
+<dt><span class="strong">Returns:</span></dt><dd></dd></dl>
+</li>
+</ul>
+<a name="setImages(processing.core.PImage, processing.core.PImage, processing.core.PImage)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setImages</h4>
+<pre>public&nbsp;<a href="../controlP5/CheckBox.html" title="class in controlP5">CheckBox</a>&nbsp;setImages(processing.core.PImage&nbsp;theDefaultImage,
+                 processing.core.PImage&nbsp;theOverImage,
+                 processing.core.PImage&nbsp;theActiveImage)</pre>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theDefaultImage</code> - </dd><dd><code>theOverImage</code> - </dd><dd><code>theActiveImage</code> - </dd>
+<dt><span class="strong">Returns:</span></dt><dd>CheckBox</dd></dl>
+</li>
+</ul>
+<a name="setItemHeight(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setItemHeight</h4>
+<pre>public&nbsp;<a href="../controlP5/CheckBox.html" title="class in controlP5">CheckBox</a>&nbsp;setItemHeight(int&nbsp;theItemHeight)</pre>
+<div class="block">set the height of a radioButton/checkBox item. by default the height is 11px. in order to
+ recognize a custom height, the itemHeight has to be set before adding items to a
+ radioButton/checkBox.</div>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theItemHeight</code> - </dd></dl>
+</li>
+</ul>
+<a name="setItemsPerRow(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setItemsPerRow</h4>
+<pre>public&nbsp;<a href="../controlP5/CheckBox.html" title="class in controlP5">CheckBox</a>&nbsp;setItemsPerRow(int&nbsp;theValue)</pre>
+<div class="block">Items of a radioButton or a checkBox are organized in columns and rows. SetItemsPerRow sets
+ the limit of items per row. items exceeding the limit will be pushed to the next row.</div>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theValue</code> - </dd></dl>
+</li>
+</ul>
+<a name="setItemWidth(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setItemWidth</h4>
+<pre>public&nbsp;<a href="../controlP5/CheckBox.html" title="class in controlP5">CheckBox</a>&nbsp;setItemWidth(int&nbsp;theItemWidth)</pre>
+<div class="block">set the width of a radioButton/checkBox item. by default the width is 11px. in order to
+ recognize a custom width, the itemWidth has to be set before adding items to a
+ radioButton/checkBox.</div>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theItemWidth</code> - </dd></dl>
+</li>
+</ul>
+<a name="setNoneSelectedAllowed(boolean)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setNoneSelectedAllowed</h4>
+<pre>public&nbsp;<a href="../controlP5/CheckBox.html" title="class in controlP5">CheckBox</a>&nbsp;setNoneSelectedAllowed(boolean&nbsp;theValue)</pre>
+<div class="block">In order to always have 1 item selected, use setNoneSelectedAllowed(false), by default this
+ is true. setNoneSelectedAllowed does not apply when in multipleChoice mode.</div>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theValue</code> - </dd></dl>
+</li>
+</ul>
+<a name="setSize(int, int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setSize</h4>
+<pre>public&nbsp;<a href="../controlP5/CheckBox.html" title="class in controlP5">CheckBox</a>&nbsp;setSize(int&nbsp;theWidth,
+               int&nbsp;theHeight)</pre>
+<dl>
+<dt><strong>Overrides:</strong></dt>
+<dd><code><a href="../controlP5/ControlGroup.html#setSize(int, int)">setSize</a></code>&nbsp;in class&nbsp;<code><a href="../controlP5/ControlGroup.html" title="class in controlP5">ControlGroup</a>&lt;<a href="../controlP5/CheckBox.html" title="class in controlP5">CheckBox</a>&gt;</code></dd>
+</dl>
+</li>
+</ul>
+<a name="setSize(processing.core.PImage)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setSize</h4>
+<pre>public&nbsp;<a href="../controlP5/CheckBox.html" title="class in controlP5">CheckBox</a>&nbsp;setSize(processing.core.PImage&nbsp;theImage)</pre>
+</li>
+</ul>
+<a name="setSpacingColumn(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setSpacingColumn</h4>
+<pre>public&nbsp;<a href="../controlP5/CheckBox.html" title="class in controlP5">CheckBox</a>&nbsp;setSpacingColumn(int&nbsp;theSpacing)</pre>
+<div class="block">Sets the spacing in pixels between columns.</div>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theSpacing</code> - </dd></dl>
+</li>
+</ul>
+<a name="setSpacingRow(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setSpacingRow</h4>
+<pre>public&nbsp;<a href="../controlP5/CheckBox.html" title="class in controlP5">CheckBox</a>&nbsp;setSpacingRow(int&nbsp;theSpacing)</pre>
+<div class="block">Sets the spacing in pixels between rows.</div>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theSpacing</code> - </dd></dl>
+</li>
+</ul>
+<a name="showLabels()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>showLabels</h4>
+<pre>public&nbsp;<a href="../controlP5/CheckBox.html" title="class in controlP5">CheckBox</a>&nbsp;showLabels()</pre>
+</li>
+</ul>
+<a name="toggle(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>toggle</h4>
+<pre>public final&nbsp;<a href="../controlP5/CheckBox.html" title="class in controlP5">CheckBox</a>&nbsp;toggle(int&nbsp;theIndex)</pre>
+<div class="block">toggle a single checkbox item by index</div>
+</li>
+</ul>
+<a name="toggle(java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>toggle</h4>
+<pre>public final&nbsp;void&nbsp;toggle(java.lang.String&nbsp;theName)</pre>
+<div class="block">deactivate a single checkbox item by name</div>
+</li>
+</ul>
+<a name="toString()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>toString</h4>
+<pre>public&nbsp;java.lang.String&nbsp;toString()</pre>
+<div class="block"><strong>Description copied from class:&nbsp;<code><a href="../controlP5/ControlGroup.html#toString()">ControlGroup</a></code></strong></div>
+<dl>
+<dt><strong>Overrides:</strong></dt>
+<dd><code><a href="../controlP5/ControlGroup.html#toString()">toString</a></code>&nbsp;in class&nbsp;<code><a href="../controlP5/ControlGroup.html" title="class in controlP5">ControlGroup</a>&lt;<a href="../controlP5/CheckBox.html" title="class in controlP5">CheckBox</a>&gt;</code></dd>
+</dl>
+</li>
+</ul>
+<a name="toUpperCase(boolean)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>toUpperCase</h4>
+<pre>public&nbsp;<a href="../controlP5/CheckBox.html" title="class in controlP5">CheckBox</a>&nbsp;toUpperCase(boolean&nbsp;theValue)</pre>
+</li>
+</ul>
+<a name="updateLayout()">
+<!--   -->
+</a>
+<ul class="blockListLast">
+<li class="blockList">
+<h4>updateLayout</h4>
+<pre>public&nbsp;void&nbsp;updateLayout()</pre>
+</li>
+</ul>
+</li>
+</ul>
+</li>
+</ul>
+</div>
+</div>
+<!-- ========= END OF CLASS DATA ========= -->
+<!-- ======= START OF BOTTOM NAVBAR ====== -->
+<div class="bottomNav"><a name="navbar_bottom">
+<!--   -->
+</a><a href="#skip-navbar_bottom" title="Skip navigation links"></a><a name="navbar_bottom_firstrow">
+<!--   -->
+</a>
+<ul class="navList" title="Navigation">
+<li><a href="../controlP5/package-summary.html">Package</a></li>
+<li class="navBarCell1Rev">Class</li>
+<li><a href="package-tree.html">Tree</a></li>
+<li><a href="../index-all.html">Index</a></li>
+<li><a href="../help-doc.html">Help</a></li>
+</ul>
+</div>
+<div class="subNav">
+<ul class="navList">
+<li><a href="../controlP5/ChartDataSet.html" title="class in controlP5"><span class="strong">Prev Class</span></a></li>
+<li><a href="../controlP5/ColorPicker.html" title="class in controlP5"><span class="strong">Next Class</span></a></li>
+</ul>
+<ul class="navList">
+<li><a href="../index.html?controlP5/CheckBox.html" target="_top">Frames</a></li>
+<li><a href="CheckBox.html" target="_top">No Frames</a></li>
+</ul>
+<ul class="navList" id="allclasses_navbar_bottom">
+<li><a href="../allclasses-noframe.html">All Classes</a></li>
+</ul>
+<div>
+<script type="text/javascript"><!--
+  allClassesLink = document.getElementById("allclasses_navbar_bottom");
+  if(window==top) {
+    allClassesLink.style.display = "block";
+  }
+  else {
+    allClassesLink.style.display = "none";
+  }
+  //-->
+</script>
+</div>
+<div>
+<ul class="subNavList">
+<li>Summary:&nbsp;</li>
+<li>Nested&nbsp;|&nbsp;</li>
+<li>Field&nbsp;|&nbsp;</li>
+<li><a href="#constructor_summary">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_summary">Method</a></li>
+</ul>
+<ul class="subNavList">
+<li>Detail:&nbsp;</li>
+<li>Field&nbsp;|&nbsp;</li>
+<li><a href="#constructor_detail">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_detail">Method</a></li>
+</ul>
+</div>
+<a name="skip-navbar_bottom">
+<!--   -->
+</a></div>
+<!-- ======== END OF BOTTOM NAVBAR ======= -->
+<p class="legalCopy"><small>processing library controlP5 by Andreas Schlegel. (c) 2006-2014</small></p>
+</body>
+</html>
diff --git a/reference/controlP5/ColorPicker.html b/reference/controlP5/ColorPicker.html
new file mode 100644
index 0000000..b5cabed
--- /dev/null
+++ b/reference/controlP5/ColorPicker.html
@@ -0,0 +1,764 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
+<!-- NewPage -->
+<html lang="en">
+<head>
+<!-- Generated by javadoc (version 1.7.0_51) on Sun Apr 27 21:39:46 SGT 2014 -->
+<title>ColorPicker (Javadocs: controlP5)</title>
+<meta name="date" content="2014-04-27">
+<link rel="stylesheet" type="text/css" href="../stylesheet.css" title="Style">
+</head>
+<body>
+<script type="text/javascript"><!--
+    if (location.href.indexOf('is-external=true') == -1) {
+        parent.document.title="ColorPicker (Javadocs: controlP5)";
+    }
+//-->
+</script>
+<noscript>
+<div>JavaScript is disabled on your browser.</div>
+</noscript>
+<!-- ========= START OF TOP NAVBAR ======= -->
+<div class="topNav"><a name="navbar_top">
+<!--   -->
+</a><a href="#skip-navbar_top" title="Skip navigation links"></a><a name="navbar_top_firstrow">
+<!--   -->
+</a>
+<ul class="navList" title="Navigation">
+<li><a href="../controlP5/package-summary.html">Package</a></li>
+<li class="navBarCell1Rev">Class</li>
+<li><a href="package-tree.html">Tree</a></li>
+<li><a href="../index-all.html">Index</a></li>
+<li><a href="../help-doc.html">Help</a></li>
+</ul>
+</div>
+<div class="subNav">
+<ul class="navList">
+<li><a href="../controlP5/CheckBox.html" title="class in controlP5"><span class="strong">Prev Class</span></a></li>
+<li><a href="../controlP5/ColorWheel.html" title="class in controlP5"><span class="strong">Next Class</span></a></li>
+</ul>
+<ul class="navList">
+<li><a href="../index.html?controlP5/ColorPicker.html" target="_top">Frames</a></li>
+<li><a href="ColorPicker.html" target="_top">No Frames</a></li>
+</ul>
+<ul class="navList" id="allclasses_navbar_top">
+<li><a href="../allclasses-noframe.html">All Classes</a></li>
+</ul>
+<div>
+<script type="text/javascript"><!--
+  allClassesLink = document.getElementById("allclasses_navbar_top");
+  if(window==top) {
+    allClassesLink.style.display = "block";
+  }
+  else {
+    allClassesLink.style.display = "none";
+  }
+  //-->
+</script>
+</div>
+<div>
+<ul class="subNavList">
+<li>Summary:&nbsp;</li>
+<li>Nested&nbsp;|&nbsp;</li>
+<li>Field&nbsp;|&nbsp;</li>
+<li><a href="#constructor_summary">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_summary">Method</a></li>
+</ul>
+<ul class="subNavList">
+<li>Detail:&nbsp;</li>
+<li>Field&nbsp;|&nbsp;</li>
+<li><a href="#constructor_detail">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_detail">Method</a></li>
+</ul>
+</div>
+<a name="skip-navbar_top">
+<!--   -->
+</a></div>
+<!-- ========= END OF TOP NAVBAR ========= -->
+<!-- ======== START OF CLASS DATA ======== -->
+<div class="header">
+<div class="subTitle">controlP5</div>
+<h2 title="Class ColorPicker" class="title">Class ColorPicker</h2>
+</div>
+<div class="contentContainer">
+<ul class="inheritance">
+<li>java.lang.Object</li>
+<li>
+<ul class="inheritance">
+<li><a href="../controlP5/ControllerGroup.html" title="class in controlP5">controlP5.ControllerGroup</a>&lt;T&gt;</li>
+<li>
+<ul class="inheritance">
+<li><a href="../controlP5/ControlGroup.html" title="class in controlP5">controlP5.ControlGroup</a>&lt;<a href="../controlP5/ColorPicker.html" title="class in controlP5">ColorPicker</a>&gt;</li>
+<li>
+<ul class="inheritance">
+<li>controlP5.ColorPicker</li>
+</ul>
+</li>
+</ul>
+</li>
+</ul>
+</li>
+</ul>
+<div class="description">
+<ul class="blockList">
+<li class="blockList">
+<dl>
+<dt>All Implemented Interfaces:</dt>
+<dd><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/ColorPicker.html" title="class in controlP5">ColorPicker</a>&gt;, <a href="../controlP5/ControlListener.html" title="interface in controlP5">ControlListener</a>, <a href="../controlP5/ControlP5Constants.html" title="interface in controlP5">ControlP5Constants</a></dd>
+</dl>
+<hr>
+<br>
+<pre>public class <span class="strong">ColorPicker</span>
+extends <a href="../controlP5/ControlGroup.html" title="class in controlP5">ControlGroup</a>&lt;<a href="../controlP5/ColorPicker.html" title="class in controlP5">ColorPicker</a>&gt;</pre>
+<div class="block">A simple color picker using sliders to adjust RGBA values.</div>
+<dl><script type="text/javascript">
+<!--
+document.getElementsByTagName('html')[0].className = 'isjs';function toggle(dt) { var display, dd=dt; do{ dd = dd.nextSibling } while(dd.tagName!='DD'); toOpen =!dd.style.display;dd.style.display = toOpen? 'block':''; dt.getElementsByTagName('span')[0].innerHTML  = toOpen? '-':'+' ; }
+-->
+</script>
+<div id="test" class="toggleList"><dl><dt onclick="toggle(this);"><span>+</span>Example</dt><dd><code><pre>/**
+ * ControlP5 Color picker. a simple color picker, 
+ * 4 horizontal sliders controlling the RGBA channels of a color.
+ * to grab the current color value, use function getColorValue() of
+ * the color picker.
+ *
+ * find a list of public methods available for the ColorPicker Controller 
+ * at the bottom of this sketch's source code
+ *
+ * by Andreas Schlegel, 2012
+ * www.sojamo.de/libraries/controlP5
+ *
+ */
+import controlP5.*;
+
+ControlP5 cp5;
+
+ColorPicker cp;
+
+void setup() {
+  size(400, 600);
+  noStroke();
+  cp5 = new ControlP5(this);
+  cp = cp5.addColorPicker("picker")
+          .setPosition(60, 100)
+          .setColorValue(color(255, 128, 0, 128))
+          ;
+}
+
+void draw() {
+  background(cp.getColorValue());
+  fill(0, 80);
+  rect(50, 90, 275, 80);
+}
+
+public void controlEvent(ControlEvent c) {
+  // when a value change from a ColorPicker is received, extract the ARGB values
+  // from the controller's array value
+  if(c.isFrom(cp)) {
+    int r = int(c.getArrayValue(0));
+    int g = int(c.getArrayValue(1));
+    int b = int(c.getArrayValue(2));
+    int a = int(c.getArrayValue(3));
+    color col = color(r,g,b,a);
+    println("event\talpha:"+a+"\tred:"+r+"\tgreen:"+g+"\tblue:"+b+"\tcol"+col);
+  }
+}
+
+// color information from ColorPicker 'picker' are forwarded to the picker(int) function
+void picker(int col) {
+  println("picker\talpha:"+alpha(col)+"\tred:"+red(col)+"\tgreen:"+green(col)+"\tblue:"+blue(col)+"\tcol"+col);
+}
+
+
+void keyPressed() {
+  switch(key) {
+    case('1'):
+    // method A to change color
+    cp.setArrayValue(new float[] {120, 0, 120, 255});
+    break;
+    case('2'):
+    // method B to change color
+    cp.setColorValue(color(255, 0, 0, 255));
+    break;
+  }
+}
+
+
+
+
+/*
+ a list of all methods available for the ColorPicker Controller
+ use ControlP5.printPublicMethodsFor(ColorPicker.class);
+ to print the following list into the console.
+ 
+ You can find further details about class ColorPicker in the javadoc.
+ 
+ Format:
+ ClassName : returnType methodName(parameter type)
+ 
+ 
+ controlP5.ColorPicker : ColorPicker setArrayValue(float[]) 
+ controlP5.ColorPicker : ColorPicker setColorValue(int)
+ controlP5.ColorPicker : String getInfo() 
+ controlP5.ColorPicker : int getColorValue() 
+ controlP5.ControlGroup : ColorPicker activateEvent(boolean) 
+ controlP5.ControlGroup : ColorPicker addListener(ControlListener) 
+ controlP5.ControlGroup : ColorPicker hideBar() 
+ controlP5.ControlGroup : ColorPicker removeListener(ControlListener) 
+ controlP5.ControlGroup : ColorPicker setBackgroundColor(int) 
+ controlP5.ControlGroup : ColorPicker setBackgroundHeight(int) 
+ controlP5.ControlGroup : ColorPicker setBarHeight(int) 
+ controlP5.ControlGroup : ColorPicker showBar() 
+ controlP5.ControlGroup : ColorPicker updateInternalEvents(PApplet) 
+ controlP5.ControlGroup : String getInfo() 
+ controlP5.ControlGroup : String toString() 
+ controlP5.ControlGroup : boolean isBarVisible() 
+ controlP5.ControlGroup : int getBackgroundHeight() 
+ controlP5.ControlGroup : int getBarHeight() 
+ controlP5.ControlGroup : int listenerSize() 
+ controlP5.ControllerGroup : CColor getColor() 
+ controlP5.ControllerGroup : ColorPicker add(ControllerInterface) 
+ controlP5.ControllerGroup : ColorPicker bringToFront() 
+ controlP5.ControllerGroup : ColorPicker bringToFront(ControllerInterface) 
+ controlP5.ControllerGroup : ColorPicker close() 
+ controlP5.ControllerGroup : ColorPicker disableCollapse() 
+ controlP5.ControllerGroup : ColorPicker enableCollapse() 
+ controlP5.ControllerGroup : ColorPicker hide() 
+ controlP5.ControllerGroup : ColorPicker moveTo(ControlWindow) 
+ controlP5.ControllerGroup : ColorPicker moveTo(PApplet) 
+ controlP5.ControllerGroup : ColorPicker open() 
+ controlP5.ControllerGroup : ColorPicker registerProperty(String) 
+ controlP5.ControllerGroup : ColorPicker registerProperty(String, String) 
+ controlP5.ControllerGroup : ColorPicker remove(CDrawable) 
+ controlP5.ControllerGroup : ColorPicker remove(ControllerInterface) 
+ controlP5.ControllerGroup : ColorPicker removeCanvas(ControlWindowCanvas) 
+ controlP5.ControllerGroup : ColorPicker removeProperty(String) 
+ controlP5.ControllerGroup : ColorPicker removeProperty(String, String) 
+ controlP5.ControllerGroup : ColorPicker setAddress(String) 
+ controlP5.ControllerGroup : ColorPicker setArrayValue(float[]) 
+ controlP5.ControllerGroup : ColorPicker setColor(CColor) 
+ controlP5.ControllerGroup : ColorPicker setColorActive(int) 
+ controlP5.ControllerGroup : ColorPicker setColorBackground(int) 
+ controlP5.ControllerGroup : ColorPicker setColorForeground(int) 
+ controlP5.ControllerGroup : ColorPicker setColorLabel(int) 
+ controlP5.ControllerGroup : ColorPicker setColorValue(int) 
+ controlP5.ControllerGroup : ColorPicker setHeight(int) 
+ controlP5.ControllerGroup : ColorPicker setId(int) 
+ controlP5.ControllerGroup : ColorPicker setLabel(String) 
+ controlP5.ControllerGroup : ColorPicker setMouseOver(boolean) 
+ controlP5.ControllerGroup : ColorPicker setMoveable(boolean) 
+ controlP5.ControllerGroup : ColorPicker setOpen(boolean) 
+ controlP5.ControllerGroup : ColorPicker setPosition(PVector) 
+ controlP5.ControllerGroup : ColorPicker setPosition(float, float) 
+ controlP5.ControllerGroup : ColorPicker setStringValue(String) 
+ controlP5.ControllerGroup : ColorPicker setUpdate(boolean) 
+ controlP5.ControllerGroup : ColorPicker setValue(float) 
+ controlP5.ControllerGroup : ColorPicker setVisible(boolean) 
+ controlP5.ControllerGroup : ColorPicker setWidth(int) 
+ controlP5.ControllerGroup : ColorPicker show() 
+ controlP5.ControllerGroup : ColorPicker update() 
+ controlP5.ControllerGroup : ColorPicker updateAbsolutePosition() 
+ controlP5.ControllerGroup : ControlWindow getWindow() 
+ controlP5.ControllerGroup : ControlWindowCanvas addCanvas(ControlWindowCanvas) 
+ controlP5.ControllerGroup : Controller getController(String) 
+ controlP5.ControllerGroup : ControllerProperty getProperty(String) 
+ controlP5.ControllerGroup : ControllerProperty getProperty(String, String) 
+ controlP5.ControllerGroup : Label getCaptionLabel() 
+ controlP5.ControllerGroup : Label getValueLabel() 
+ controlP5.ControllerGroup : PVector getPosition() 
+ controlP5.ControllerGroup : String getAddress() 
+ controlP5.ControllerGroup : String getInfo() 
+ controlP5.ControllerGroup : String getName() 
+ controlP5.ControllerGroup : String getStringValue() 
+ controlP5.ControllerGroup : String toString() 
+ controlP5.ControllerGroup : Tab getTab() 
+ controlP5.ControllerGroup : boolean isCollapse() 
+ controlP5.ControllerGroup : boolean isMouseOver() 
+ controlP5.ControllerGroup : boolean isMoveable() 
+ controlP5.ControllerGroup : boolean isOpen() 
+ controlP5.ControllerGroup : boolean isUpdate() 
+ controlP5.ControllerGroup : boolean isVisible() 
+ controlP5.ControllerGroup : boolean setMousePressed(boolean) 
+ controlP5.ControllerGroup : float getValue() 
+ controlP5.ControllerGroup : float[] getArrayValue() 
+ controlP5.ControllerGroup : int getHeight() 
+ controlP5.ControllerGroup : int getId() 
+ controlP5.ControllerGroup : int getWidth() 
+ controlP5.ControllerGroup : void remove() 
+ java.lang.Object : String toString() 
+ java.lang.Object : boolean equals(Object) 
+ 
+ 
+ 
+ */
+</pre></code></dd></dl></div></dl>
+</li>
+</ul>
+</div>
+<div class="summary">
+<ul class="blockList">
+<li class="blockList">
+<!-- =========== FIELD SUMMARY =========== -->
+<ul class="blockList">
+<li class="blockList"><a name="field_summary">
+<!--   -->
+</a>
+<h3>Field Summary</h3>
+<ul class="blockList">
+<li class="blockList"><a name="fields_inherited_from_class_controlP5.ControlP5Constants">
+<!--   -->
+</a>
+<h3>Fields inherited from interface&nbsp;controlP5.<a href="../controlP5/ControlP5Constants.html" title="interface in controlP5">ControlP5Constants</a></h3>
+<code><a href="../controlP5/ControlP5Constants.html#acceptClassList">acceptClassList</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_BROADCAST">ACTION_BROADCAST</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_CLICK">ACTION_CLICK</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_DRAG">ACTION_DRAG</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_ENTER">ACTION_ENTER</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_EXIT">ACTION_EXIT</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_LEAVE">ACTION_LEAVE</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_MOVE">ACTION_MOVE</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_PRESS">ACTION_PRESS</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_PRESSED">ACTION_PRESSED</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_RELEASE">ACTION_RELEASE</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_RELEASED">ACTION_RELEASED</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_RELEASEDOUTSIDE">ACTION_RELEASEDOUTSIDE</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_WHEEL">ACTION_WHEEL</a>, <a href="../controlP5/ControlP5Constants.html#ACTIVE">ACTIVE</a>, <a href="../controlP5/ControlP5Constants.html#ALL">ALL</a>, <a href="../controlP5/ControlP5Constants.html#ALT">ALT</a>, <a href="../controlP5/ControlP5Constants.html#AQUA">AQUA</a>, <a href="../controlP5/ControlP5Constants.html#ARC">ARC</a>, <a href="../controlP5/ControlP5Constants.html#ARRAY">ARRAY</a>, <a href="../controlP5/ControlP5Constants.html#BACKSPACE">BACKSPACE</a>, <a href="../controlP5/ControlP5Constants.html#BASELINE">BASELINE</a>, <a href="../controlP5/ControlP5Constants.html#BITFONT">BITFONT</a>, <a href="../controlP5/ControlP5Constants.html#BLACK">BLACK</a>, <a href="../controlP5/ControlP5Constants.html#BLUE">BLUE</a>, <a href="../controlP5/ControlP5Constants.html#BOOLEAN">BOOLEAN</a>, <a href="../controlP5/ControlP5Constants.html#BOTTOM">BOTTOM</a>, <a href="../controlP5/ControlP5Constants.html#BOTTOM_OUTSIDE">BOTTOM_OUTSIDE</a>, <a href="../controlP5/ControlP5Constants.html#CAPTIONLABEL">CAPTIONLABEL</a>, <a href="../controlP5/ControlP5Constants.html#CENTER">CENTER</a>, <a href="../controlP5/ControlP5Constants.html#CHECKBOX">CHECKBOX</a>, <a href="../controlP5/ControlP5Constants.html#COMMANDKEY">COMMANDKEY</a>, <a href="../controlP5/ControlP5Constants.html#CONTROL">CONTROL</a>, <a href="../controlP5/ControlP5Constants.html#controlEventClass">controlEventClass</a>, <a href="../controlP5/ControlP5Constants.html#CUSTOM">CUSTOM</a>, <a href="../controlP5/ControlP5Constants.html#DECREASE">DECREASE</a>, <a href="../controlP5/ControlP5Constants.html#DEFAULT">DEFAULT</a>, <a href="../controlP5/ControlP5Constants.html#DELETE">DELETE</a>, <a href="../controlP5/ControlP5Constants.html#DONE">DONE</a>, <a href="../controlP5/ControlP5Constants.html#DOWN">DOWN</a>, <a href="../controlP5/ControlP5Constants.html#DROPDOWN">DROPDOWN</a>, <a href="../controlP5/ControlP5Constants.html#ELLIPSE">ELLIPSE</a>, <a href="../controlP5/ControlP5Constants.html#ENTER">ENTER</a>, <a href="../controlP5/ControlP5Constants.html#ESCAPE">ESCAPE</a>, <a href="../controlP5/ControlP5Constants.html#EVENT">EVENT</a>, <a href="../controlP5/ControlP5Constants.html#eventMethod">eventMethod</a>, <a href="../controlP5/ControlP5Constants.html#FADEIN">FADEIN</a>, <a href="../controlP5/ControlP5Constants.html#FADEOUT">FADEOUT</a>, <a href="../controlP5/ControlP5Constants.html#FIELD">FIELD</a>, <a href="../controlP5/ControlP5Constants.html#FLOAT">FLOAT</a>, <a href="../controlP5/ControlP5Constants.html#FUCHSIA">FUCHSIA</a>, <a href="../controlP5/ControlP5Constants.html#GRAY">GRAY</a>, <a href="../controlP5/ControlP5Constants.html#GREEN">GREEN</a>, <a href="../controlP5/ControlP5Constants.html#grixel">grixel</a>, <a href="../controlP5/ControlP5Constants.html#HALF_PI">HALF_PI</a>, <a href="../controlP5/ControlP5Constants.html#HIDE">HIDE</a>, <a href="../controlP5/ControlP5Constants.html#HIGHLIGHT">HIGHLIGHT</a>, <a href="../controlP5/ControlP5Constants.html#HORIZONTAL">HORIZONTAL</a>, <a href="../controlP5/ControlP5Constants.html#IDLE">IDLE</a>, <a href="../controlP5/ControlP5Constants.html#IMAGE">IMAGE</a>, <a href="../controlP5/ControlP5Constants.html#INACTIVE">INACTIVE</a>, <a href="../controlP5/ControlP5Constants.html#INCREASE">INCREASE</a>, <a href="../controlP5/ControlP5Constants.html#INTEGER">INTEGER</a>, <a href="../controlP5/ControlP5Constants.html#INVALID">INVALID</a>, <a href="../controlP5/ControlP5Constants.html#J2D">J2D</a>, <a href="../controlP5/ControlP5Constants.html#KEYCONTROL">KEYCONTROL</a>, <a href="../controlP5/ControlP5Constants.html#LEFT">LEFT</a>, <a href="../controlP5/ControlP5Constants.html#LEFT_OUTSIDE">LEFT_OUTSIDE</a>, <a href="../controlP5/ControlP5Constants.html#LIME">LIME</a>, <a href="../controlP5/ControlP5Constants.html#LINE">LINE</a>, <a href="../controlP5/ControlP5Constants.html#LIST">LIST</a>, <a href="../controlP5/ControlP5Constants.html#LOAD">LOAD</a>, <a href="../controlP5/ControlP5Constants.html#MAROON">MAROON</a>, <a href="../controlP5/ControlP5Constants.html#MENU">MENU</a>, <a href="../controlP5/ControlP5Constants.html#METHOD">METHOD</a>, <a href="../controlP5/ControlP5Constants.html#MOVE">MOVE</a>, <a href="../controlP5/ControlP5Constants.html#MULTI">MULTI</a>, <a href="../controlP5/ControlP5Constants.html#MULTIPLES">MULTIPLES</a>, <a href="../controlP5/ControlP5Constants.html#NAVY">NAVY</a>, <a href="../controlP5/ControlP5Constants.html#OLIVE">OLIVE</a>, <a href="../controlP5/ControlP5Constants.html#ORANGE">ORANGE</a>, <a href="../controlP5/ControlP5Constants.html#OVER">OVER</a>, <a href="../controlP5/ControlP5Constants.html#P2D">P2D</a>, <a href="../controlP5/ControlP5Constants.html#P3D">P3D</a>, <a href="../controlP5/ControlP5Constants.html#PI">PI</a>, <a href="../controlP5/ControlP5Constants.html#PRESSED">PRESSED</a>, <a href="../controlP5/ControlP5Constants.html#PRINT">PRINT</a>, <a href="../controlP5/ControlP5Constants.html#PURPLE">PURPLE</a>, <a href="../controlP5/ControlP5Constants.html#RED">RED</a>, <a href="../controlP5/ControlP5Constants.html#RELEASE">RELEASE</a>, <a href="../controlP5/ControlP5Constants.html#RESET">RESET</a>, <a href="../controlP5/ControlP5Constants.html#RIGHT">RIGHT</a>, <a href="../controlP5/ControlP5Constants.html#RIGHT_OUTSIDE">RIGHT_OUTSIDE</a>, <a href="../controlP5/ControlP5Constants.html#SAVE">SAVE</a>, <a href="../controlP5/ControlP5Constants.html#SHIFT">SHIFT</a>, <a href="../controlP5/ControlP5Constants.html#SILVER">SILVER</a>, <a href="../controlP5/ControlP5Constants.html#SINGLE">SINGLE</a>, <a href="../controlP5/ControlP5Constants.html#SINGLE_COLUMN">SINGLE_COLUMN</a>, <a href="../controlP5/ControlP5Constants.html#SINGLE_ROW">SINGLE_ROW</a>, <a href="../controlP5/ControlP5Constants.html#SPRITE">SPRITE</a>, <a href="../controlP5/ControlP5Constants.html#standard56">standard56</a>, <a href="../controlP5/ControlP5Constants.html#standard58">standard58</a>, <a href="../controlP5/ControlP5Constants.html#STRING">STRING</a>, <a href="../controlP5/ControlP5Constants.html#SWITCH">SWITCH</a>, <a href="../controlP5/ControlP5Constants.html#SWITCH_BACK">SWITCH_BACK</a>, <a href="../controlP5/ControlP5Constants.html#SWITCH_FORE">SWITCH_FORE</a>, <a href="../controlP5/ControlP5Constants.html#synt24">synt24</a>, <a href="../controlP5/ControlP5Constants.html#TAB">TAB</a>, <a href="../controlP5/ControlP5Constants.html#TEAL">TEAL</a>, <a href="../controlP5/ControlP5Constants.html#THEME_A">THEME_A</a>, <a href="../controlP5/ControlP5Constants.html#THEME_CP52014">THEME_CP52014</a>, <a href="../controlP5/ControlP5Constants.html#THEME_CP5BLUE">THEME_CP5BLUE</a>, <a href="../controlP5/ControlP5Constants.html#THEME_RED">THEME_RED</a>, <a href="../controlP5/ControlP5Constants.html#THEME_RETRO">THEME_RETRO</a>, <a href="../controlP5/ControlP5Constants.html#THEME_WHITE">THEME_WHITE</a>, <a href="../controlP5/ControlP5Constants.html#TOP">TOP</a>, <a href="../controlP5/ControlP5Constants.html#TOP_OUTSIDE">TOP_OUTSIDE</a>, <a href="../controlP5/ControlP5Constants.html#TRANSITION_WAIT_FADEIN">TRANSITION_WAIT_FADEIN</a>, <a href="../controlP5/ControlP5Constants.html#TREE">TREE</a>, <a href="../controlP5/ControlP5Constants.html#TWO_PI">TWO_PI</a>, <a href="../controlP5/ControlP5Constants.html#UP">UP</a>, <a href="../controlP5/ControlP5Constants.html#VALUELABEL">VALUELABEL</a>, <a href="../controlP5/ControlP5Constants.html#VERBOSE">VERBOSE</a>, <a href="../controlP5/ControlP5Constants.html#VERTICAL">VERTICAL</a>, <a href="../controlP5/ControlP5Constants.html#WAIT">WAIT</a>, <a href="../controlP5/ControlP5Constants.html#WHITE">WHITE</a>, <a href="../controlP5/ControlP5Constants.html#YELLOW">YELLOW</a></code></li>
+</ul>
+</li>
+</ul>
+<!-- ======== CONSTRUCTOR SUMMARY ======== -->
+<ul class="blockList">
+<li class="blockList"><a name="constructor_summary">
+<!--   -->
+</a>
+<h3>Constructor Summary</h3>
+<table class="overviewSummary" border="0" cellpadding="3" cellspacing="0" summary="Constructor Summary table, listing constructors, and an explanation">
+<caption><span>Constructors</span><span class="tabEnd">&nbsp;</span></caption>
+<tr>
+<th class="colOne" scope="col">Constructor and Description</th>
+</tr>
+<tr class="altColor">
+<td class="colOne"><code><strong><a href="../controlP5/ColorPicker.html#ColorPicker(controlP5.ControlP5, java.lang.String)">ColorPicker</a></strong>(<a href="../controlP5/ControlP5.html" title="class in controlP5">ControlP5</a>&nbsp;theControlP5,
+           java.lang.String&nbsp;theName)</code>
+<div class="block">Convenience constructor to extend ColorPicker.</div>
+</td>
+</tr>
+</table>
+</li>
+</ul>
+<!-- ========== METHOD SUMMARY =========== -->
+<ul class="blockList">
+<li class="blockList"><a name="method_summary">
+<!--   -->
+</a>
+<h3>Method Summary</h3>
+<table class="overviewSummary" border="0" cellpadding="3" cellspacing="0" summary="Method Summary table, listing methods, and an explanation">
+<caption><span>Methods</span><span class="tabEnd">&nbsp;</span></caption>
+<tr>
+<th class="colFirst" scope="col">Modifier and Type</th>
+<th class="colLast" scope="col">Method and Description</th>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>void</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ColorPicker.html#controlEvent(controlP5.ControlEvent)">controlEvent</a></strong>(<a href="../controlP5/ControlEvent.html" title="class in controlP5">ControlEvent</a>&nbsp;theEvent)</code>
+<div class="block">controlEvent is called by controlP5's ControlBroadcaster to inform available listeners about
+ value changes.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ColorPicker.html#getColorValue()">getColorValue</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>java.lang.String</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ColorPicker.html#getInfo()">getInfo</a></strong>()</code></td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/ColorPicker.html" title="class in controlP5">ColorPicker</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ColorPicker.html#plugTo(java.lang.Object)">plugTo</a></strong>(java.lang.Object&nbsp;theObject)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/ColorPicker.html" title="class in controlP5">ColorPicker</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ColorPicker.html#plugTo(java.lang.Object, java.lang.String)">plugTo</a></strong>(java.lang.Object&nbsp;theObject,
+      java.lang.String&nbsp;thePlugName)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/ColorPicker.html" title="class in controlP5">ColorPicker</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ColorPicker.html#setArrayValue(float[])">setArrayValue</a></strong>(float[]&nbsp;theArray)</code>
+<div class="block">Requires an array of size 4 for RGBA</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/ColorPicker.html" title="class in controlP5">ColorPicker</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ColorPicker.html#setColorValue(int)">setColorValue</a></strong>(int&nbsp;theColor)</code></td>
+</tr>
+</table>
+<ul class="blockList">
+<li class="blockList"><a name="methods_inherited_from_class_controlP5.ControlGroup">
+<!--   -->
+</a>
+<h3>Methods inherited from class&nbsp;controlP5.<a href="../controlP5/ControlGroup.html" title="class in controlP5">ControlGroup</a></h3>
+<code><a href="../controlP5/ControlGroup.html#activateEvent(boolean)">activateEvent</a>, <a href="../controlP5/ControlGroup.html#addListener(controlP5.ControlListener)">addListener</a>, <a href="../controlP5/ControlGroup.html#getBackgroundHeight()">getBackgroundHeight</a>, <a href="../controlP5/ControlGroup.html#getBarHeight()">getBarHeight</a>, <a href="../controlP5/ControlGroup.html#listenerSize()">listenerSize</a>, <a href="../controlP5/ControlGroup.html#mousePressed()">mousePressed</a>, <a href="../controlP5/ControlGroup.html#removeListener(controlP5.ControlListener)">removeListener</a>, <a href="../controlP5/ControlGroup.html#setBackgroundColor(int)">setBackgroundColor</a>, <a href="../controlP5/ControlGroup.html#setBackgroundHeight(int)">setBackgroundHeight</a>, <a href="../controlP5/ControlGroup.html#setBarHeight(int)">setBarHeight</a>, <a href="../controlP5/ControlGroup.html#setSize(int, int)">setSize</a>, <a href="../controlP5/ControlGroup.html#stringValue()">stringValue</a>, <a href="../controlP5/ControlGroup.html#toString()">toString</a>, <a href="../controlP5/ControlGroup.html#updateInternalEvents(processing.core.PApplet)">updateInternalEvents</a></code></li>
+</ul>
+<ul class="blockList">
+<li class="blockList"><a name="methods_inherited_from_class_controlP5.ControllerGroup">
+<!--   -->
+</a>
+<h3>Methods inherited from class&nbsp;controlP5.<a href="../controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a></h3>
+<code><a href="../controlP5/ControllerGroup.html#absolutePosition()">absolutePosition</a>, <a href="../controlP5/ControllerGroup.html#add(controlP5.ControllerInterface)">add</a>, <a href="../controlP5/ControllerGroup.html#addCanvas(controlP5.Canvas)">addCanvas</a>, <a href="../controlP5/ControllerGroup.html#addCloseButton()">addCloseButton</a>, <a href="../controlP5/ControllerGroup.html#addDrawable(controlP5.CDrawable)">addDrawable</a>, <a href="../controlP5/ControllerGroup.html#arrayValue()">arrayValue</a>, <a href="../controlP5/ControllerGroup.html#bringToFront()">bringToFront</a>, <a href="../controlP5/ControllerGroup.html#bringToFront(controlP5.ControllerInterface)">bringToFront</a>, <a href="../controlP5/ControllerGroup.html#close()">close</a>, <a href="../controlP5/ControllerGroup.html#color()">color</a>, <a href="../controlP5/ControllerGroup.html#continuousUpdateEvents()">continuousUpdateEvents</a>, <a href="../controlP5/ControllerGroup.html#controller(java.lang.String)">controller</a>, <a href="../controlP5/ControllerGroup.html#disableCollapse()">disableCollapse</a>, <a href="../controlP5/ControllerGroup.html#draw(processing.core.PGraphics)">draw</a>, <a href="../controlP5/ControllerGroup.html#enableCollapse()">enableCollapse</a>, <a href="../controlP5/ControllerGroup.html#getAbsolutePosition()">getAbsolutePosition</a>, <a href="../controlP5/ControllerGroup.html#getAddress()">getAddress</a>, <a href="../controlP5/ControllerGroup.html#getArrayValue()">getArrayValue</a>, <a href="../controlP5/ControllerGroup.html#getArrayValue(int)">getArrayValue</a>, <a href="../controlP5/ControllerGroup.html#getCaptionLabel()">getCaptionLabel</a>, <a href="../controlP5/ControllerGroup.html#getColor()">getColor</a>, <a href="../controlP5/ControllerGroup.html#getController(java.lang.String)">getController</a>, <a href="../controlP5/ControllerGroup.html#getHeight()">getHeight</a>, <a href="../controlP5/ControllerGroup.html#getId()">getId</a>, <a href="../controlP5/ControllerGroup.html#getName()">getName</a>, <a href="../controlP5/ControllerGroup.html#getParent()">getParent</a>, <a href="../controlP5/ControllerGroup.html#getPickingColor()">getPickingColor</a>, <a href="../controlP5/ControllerGroup.html#getPosition()">getPosition</a>, <a href="../controlP5/ControllerGroup.html#getProperty(java.lang.String)">getProperty</a>, <a href="../controlP5/ControllerGroup.html#getProperty(java.lang.String, java.lang.String)">getProperty</a>, <a href="../controlP5/ControllerGroup.html#getStringValue()">getStringValue</a>, <a href="../controlP5/ControllerGroup.html#getTab()">getTab</a>, <a href="../controlP5/ControllerGroup.html#getValue()">getValue</a>, <a href="../controlP5/ControllerGroup.html#getValueLabel()">getValueLabel</a>, <a href="../controlP5/ControllerGroup.html#getWidth()">getWidth</a>, <a href="../controlP5/ControllerGroup.html#getWindow()">getWindow</a>, <a href="../controlP5/ControllerGroup.html#hide()">hide</a>, <a href="../controlP5/ControllerGroup.html#hideArrow()">hideArrow</a>, <a href="../controlP5/ControllerGroup.html#hideBar()">hideBar</a>, <a href="../controlP5/ControllerGroup.html#id()">id</a>, <a href="../controlP5/ControllerGroup.html#init()">init</a>, <a href="../controlP5/ControllerGroup.html#isBarVisible()">isBarVisible</a>, <a href="../controlP5/ControllerGroup.html#isCollapse()">isCollapse</a>, <a href="../controlP5/ControllerGroup.html#isMouseOver()">isMouseOver</a>, <a href="../controlP5/ControllerGroup.html#isMoveable()">isMoveable</a>, <a href="../controlP5/ControllerGroup.html#isOpen()">isOpen</a>, <a href="../controlP5/ControllerGroup.html#isUpdate()">isUpdate</a>, <a href="../controlP5/ControllerGroup.html#isVisible()">isVisible</a>, <a href="../controlP5/ControllerGroup.html#keyEvent(processing.event.KeyEvent)">keyEvent</a>, <a href="../controlP5/ControllerGroup.html#moveTo(controlP5.ControllerGroup)">moveTo</a>, <a href="../controlP5/ControllerGroup.html#moveTo(controlP5.ControllerGroup, controlP5.Tab, controlP5.ControlWindow)">moveTo</a>, <a href="../controlP5/ControllerGroup.html#moveTo(controlP5.ControlWindow)">moveTo</a>, <a href="../controlP5/ControllerGroup.html#moveTo(controlP5.ControlWindow, java.lang.String)">moveTo</a>, <a href="../controlP5/ControllerGroup.html#moveTo(processing.core.PApplet)">moveTo</a>, <a href="../controlP5/ControllerGroup.html#moveTo(java.lang.String)">moveTo</a>, <a href="../controlP5/ControllerGroup.html#moveTo(java.lang.String, controlP5.ControlWindow)">moveTo</a>, <a href="../controlP5/ControllerGroup.html#moveTo(controlP5.Tab)">moveTo</a>, <a href="../controlP5/ControllerGroup.html#moveTo(controlP5.Tab, controlP5.ControlWindow)">moveTo</a>, <a href="../controlP5/ControllerGroup.html#name()">name</a>, <a href="../controlP5/ControllerGroup.html#open()">open</a>, <a href="../controlP5/ControllerGroup.html#parent()">parent</a>, <a href="../controlP5/ControllerGroup.html#position()">position</a>, <a href="../controlP5/ControllerGroup.html#registerProperty(java.lang.String)">registerProperty</a>, <a href="../controlP5/ControllerGroup.html#registerProperty(java.lang.String, java.lang.String)">registerProperty</a>, <a href="../controlP5/ControllerGroup.html#remove()">remove</a>, <a href="../controlP5/ControllerGroup.html#remove(controlP5.CDrawable)">remove</a>, <a href="../controlP5/ControllerGroup.html#remove(controlP5.ControllerInterface)">remove</a>, <a href="../controlP5/ControllerGroup.html#removeCanvas(controlP5.Canvas)">removeCanvas</a>, <a href="../controlP5/ControllerGroup.html#removeCloseButton()">removeCloseButton</a>, <a href="../controlP5/ControllerGroup.html#removeProperty(java.lang.String)">removeProperty</a>, <a href="../controlP5/ControllerGroup.html#removeProperty(java.lang.String, java.lang.String)">removeProperty</a>, <a href="../controlP5/ControllerGroup.html#setAbsolutePosition(processing.core.PVector)">setAbsolutePosition</a>, <a href="../controlP5/ControllerGroup.html#setAddress(java.lang.String)">setAddress</a>, <a href="../controlP5/ControllerGroup.html#setArrayValue(int, float)">setArrayValue</a>, <a href="../controlP5/ControllerGroup.html#setCaptionLabel(java.lang.String)">setCaptionLabel</a>, <a href="../controlP5/ControllerGroup.html#setColor(controlP5.CColor)">setColor</a>, <a href="../controlP5/ControllerGroup.html#setColorActive(int)">setColorActive</a>, <a href="../controlP5/ControllerGroup.html#setColorBackground(int)">setColorBackground</a>, <a href="../controlP5/ControllerGroup.html#setColorForeground(int)">setColorForeground</a>, <a href="../controlP5/ControllerGroup.html#setColorLabel(int)">setColorLabel</a>, <a href="../controlP5/ControllerGroup.html#setGroup(controlP5.ControllerGroup)">setGroup</a>, <a href="../controlP5/ControllerGroup.html#setGroup(java.lang.String)">setGroup</a>, <a href="../controlP5/ControllerGroup.html#setHeight(int)">setHeight</a>, <a href="../controlP5/ControllerGroup.html#setId(int)">setId</a>, <a href="../controlP5/ControllerGroup.html#setLabel(java.lang.String)">setLabel</a>, <a href="../controlP5/ControllerGroup.html#setMouseOver(boolean)">setMouseOver</a>, <a href="../controlP5/ControllerGroup.html#setMousePressed(boolean)">setMousePressed</a>, <a href="../controlP5/ControllerGroup.html#setMoveable(boolean)">setMoveable</a>, <a href="../controlP5/ControllerGroup.html#setOpen(boolean)">setOpen</a>, <a href="../controlP5/ControllerGroup.html#setPosition(float, float)">setPosition</a>, <a href="../controlP5/ControllerGroup.html#setPosition(processing.core.PVector)">setPosition</a>, <a href="../controlP5/ControllerGroup.html#setStringValue(java.lang.String)">setStringValue</a>, <a href="../controlP5/ControllerGroup.html#setTab(controlP5.ControlWindow, java.lang.String)">setTab</a>, <a href="../controlP5/ControllerGroup.html#setTab(java.lang.String)">setTab</a>, <a href="../controlP5/ControllerGroup.html#setTab(controlP5.Tab)">setTab</a>, <a href="../controlP5/ControllerGroup.html#setTitle(java.lang.String)">setTitle</a>, <a href="../controlP5/ControllerGroup.html#setUpdate(boolean)">setUpdate</a>, <a href="../controlP5/ControllerGroup.html#setValue(float)">setValue</a>, <a href="../controlP5/ControllerGroup.html#setVisible(boolean)">setVisible</a>, <a href="../controlP5/ControllerGroup.html#setWidth(int)">setWidth</a>, <a href="../controlP5/ControllerGroup.html#show()">show</a>, <a href="../controlP5/ControllerGroup.html#showArrow()">showArrow</a>, <a href="../controlP5/ControllerGroup.html#showBar()">showBar</a>, <a href="../controlP5/ControllerGroup.html#update()">update</a>, <a href="../controlP5/ControllerGroup.html#updateAbsolutePosition()">updateAbsolutePosition</a>, <a href="../controlP5/ControllerGroup.html#updateEvents()">updateEvents</a>, <a href="../controlP5/ControllerGroup.html#value()">value</a></code></li>
+</ul>
+<ul class="blockList">
+<li class="blockList"><a name="methods_inherited_from_class_java.lang.Object">
+<!--   -->
+</a>
+<h3>Methods inherited from class&nbsp;java.lang.Object</h3>
+<code>equals, getClass, hashCode, notify, notifyAll, wait, wait, wait</code></li>
+</ul>
+</li>
+</ul>
+</li>
+</ul>
+</div>
+<div class="details">
+<ul class="blockList">
+<li class="blockList">
+<!-- ========= CONSTRUCTOR DETAIL ======== -->
+<ul class="blockList">
+<li class="blockList"><a name="constructor_detail">
+<!--   -->
+</a>
+<h3>Constructor Detail</h3>
+<a name="ColorPicker(controlP5.ControlP5, java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockListLast">
+<li class="blockList">
+<h4>ColorPicker</h4>
+<pre>public&nbsp;ColorPicker(<a href="../controlP5/ControlP5.html" title="class in controlP5">ControlP5</a>&nbsp;theControlP5,
+           java.lang.String&nbsp;theName)</pre>
+<div class="block">Convenience constructor to extend ColorPicker.</div>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theControlP5</code> - </dd><dd><code>theName</code> - </dd><script type="text/javascript">
+<!--
+document.getElementsByTagName('html')[0].className = 'isjs';function toggle(dt) { var display, dd=dt; do{ dd = dd.nextSibling } while(dd.tagName!='DD'); toOpen =!dd.style.display;dd.style.display = toOpen? 'block':''; dt.getElementsByTagName('span')[0].innerHTML  = toOpen? '-':'+' ; }
+-->
+</script>
+<div id="test" class="toggleList"><dl><dt onclick="toggle(this);"><span>+</span>Example</dt><dd><code><pre>/**
+ * ControlP5 extending Controllers
+ *
+ * the following example shows how to extend the Controller class to 
+ * create customizable Controllers. You can either extend the Controller class itself,
+ * or any class that extends Controller itself like the Slider, Button, DropdownList, etc. 
+ * 
+ * How to:
+ *
+ * 1) do a super call to the convenience constructor requiring 
+ * 2 parameter (ControlP5 instance, name)  
+ *
+ * 2) the Controller class has a set of empty methods that allow you to capture
+ * inputs from the mouse including 
+ * onEnter(), onLeave(), onPress(), onRelease(), onClick(), onScroll(int), onDrag()
+ * These you can override and include functionality as needed.
+ *
+ * 3) use method getPointer() to return the local (relative) 
+ * xy-coordinates of the controller
+ *  
+ * 4) after instantiation custom controllers are treated the same 
+ * as default controlP5 controllers.
+ *  
+ * by Andreas Schlegel, 2012
+ * www.sojamo.de/libraries/controlp5
+ *
+ */
+
+import controlP5.*;
+
+ControlP5 cp5;
+PApplet p;
+
+void setup() {
+  size(400, 400);
+  cp5 = new ControlP5(this);
+  
+  // create 2 groups to show nesting of custom controllers and
+  //   
+  Group g1 = cp5.addGroup("a").setPosition(0,100).setWidth(180);
+  Group g2 = cp5.addGroup("b").setPosition(0,10).setWidth(180);
+  g2.moveTo(g1);
+  
+  // create 2 custom Controllers from class MyButton
+  // MyButton extends Controller and inherits all methods accordingly.
+  new MyButton(cp5, "b1").setPosition(0, 0).setSize(180, 200).moveTo(g2);
+  new MyButton(cp5, "b2").setPosition(205, 15).setSize(180, 200);
+  
+}
+
+
+void draw() {
+  background(0);
+}
+
+// b1 will be called from Controller b1
+public void b1(float theValue) {
+  println("yay button "+theValue);
+}
+
+public void controlEvent(ControlEvent theEvent) {
+  println("controlEvent : "+theEvent);
+}
+
+
+// Create a custom Controller, please not that 
+// MyButton extends Controller<MyButton>, <MyButton>
+// is an indicator for the super class about the type of 
+// custom controller to be created.
+
+class MyButton extends Controller<MyButton> {
+
+  int current = 0xffff0000;
+
+  float a = 128;
+  
+  float na;
+  
+  int y;
+  
+  // use the convenience constructor of super class Controller
+  // MyButton will automatically registered and move to the 
+  // default controlP5 tab.
+  
+  MyButton(ControlP5 cp5, String theName) {
+    super(cp5, theName);
+    
+    // replace the default view with a custom view.
+    setView(new ControllerView() {
+      public void display(PApplet p, Object b) {
+        // draw button background
+        na += (a-na) * 0.1; 
+        p.fill(current,na);
+        p.rect(0, 0, getWidth(), getHeight());
+        
+        // draw horizontal line which can be moved on the x-axis 
+        // using the scroll wheel. 
+        p.fill(0,255,0);
+        p.rect(0,y,width,10);
+        
+        // draw the custom label 
+        p.fill(128);
+        translate(0,getHeight()+14);
+        p.text(getName(),0,0);
+        p.text(getName(),0,0);
+        
+      }
+    }
+    );
+  }
+
+  // override various input methods for mouse input control
+  void onEnter() {
+    cursor(HAND);
+    println("enter");
+    a = 255;
+  }
+  
+  void onScroll(int n) {
+    println("scrolling");
+    y -= n;
+    y = constrain(y,0,getHeight()-10);
+  }
+  
+  void onPress() {
+    println("press");
+    current = 0xffffff00;
+  }
+  
+  void onClick() {
+    Pointer p1 = getPointer();
+    println("clicked at "+p1.x()+", "+p1.y());
+    current = 0xffffff00;
+    setValue(y);
+  }
+
+  void onRelease() {
+    println("release");
+    current = 0xffffffff;
+  }
+  
+  void onMove() {
+    println("moving "+this+" "+_myControlWindow.getMouseOverList());
+  }
+
+  void onDrag() {
+    current = 0xff0000ff;
+    Pointer p1 = getPointer();
+    float dif = dist(p1.px(),p1.py(),p1.x(),p1.y());
+    println("dragging at "+p1.x()+", "+p1.y()+" "+dif);
+  }
+  
+  void onReleaseOutside() {
+    onLeave();
+  }
+
+  void onLeave() {
+    println("leave");
+    cursor(ARROW);
+    a = 128;
+  }
+}
+
+</pre></code></dd></dl></div></dl>
+</li>
+</ul>
+</li>
+</ul>
+<!-- ============ METHOD DETAIL ========== -->
+<ul class="blockList">
+<li class="blockList"><a name="method_detail">
+<!--   -->
+</a>
+<h3>Method Detail</h3>
+<a name="controlEvent(controlP5.ControlEvent)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>controlEvent</h4>
+<pre>public&nbsp;void&nbsp;controlEvent(<a href="../controlP5/ControlEvent.html" title="class in controlP5">ControlEvent</a>&nbsp;theEvent)</pre>
+<div class="block"><strong>Description copied from interface:&nbsp;<code><a href="../controlP5/ControlListener.html#controlEvent(controlP5.ControlEvent)">ControlListener</a></code></strong></div>
+<div class="block">controlEvent is called by controlP5's ControlBroadcaster to inform available listeners about
+ value changes. Use the CallbackListener to get informed when actions such as pressed,
+ release, drag, etc are performed.</div>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControlListener.html#controlEvent(controlP5.ControlEvent)">controlEvent</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControlListener.html" title="interface in controlP5">ControlListener</a></code></dd>
+<dt><strong>Overrides:</strong></dt>
+<dd><code><a href="../controlP5/ControlGroup.html#controlEvent(controlP5.ControlEvent)">controlEvent</a></code>&nbsp;in class&nbsp;<code><a href="../controlP5/ControlGroup.html" title="class in controlP5">ControlGroup</a>&lt;<a href="../controlP5/ColorPicker.html" title="class in controlP5">ColorPicker</a>&gt;</code></dd>
+<dt><span class="strong">Parameters:</span></dt><dd><code>theEvent</code> - ControlEvent</dd><dt><span class="strong">See Also:</span></dt><dd><a href="../controlP5/CallbackListener.html" title="interface in controlP5"><code>CallbackListener</code></a>, 
+<a href="../controlP5/CallbackEvent.html" title="class in controlP5"><code>CallbackEvent</code></a></dd></dl>
+</li>
+</ul>
+<a name="getColorValue()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getColorValue</h4>
+<pre>public&nbsp;int&nbsp;getColorValue()</pre>
+</li>
+</ul>
+<a name="getInfo()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getInfo</h4>
+<pre>public&nbsp;java.lang.String&nbsp;getInfo()</pre>
+<div class="block"><strong>Description copied from class:&nbsp;<code><a href="../controlP5/ControlGroup.html#getInfo()">ControlGroup</a></code></strong></div>
+<dl>
+<dt><strong>Overrides:</strong></dt>
+<dd><code><a href="../controlP5/ControlGroup.html#getInfo()">getInfo</a></code>&nbsp;in class&nbsp;<code><a href="../controlP5/ControlGroup.html" title="class in controlP5">ControlGroup</a>&lt;<a href="../controlP5/ColorPicker.html" title="class in controlP5">ColorPicker</a>&gt;</code></dd>
+</dl>
+</li>
+</ul>
+<a name="plugTo(java.lang.Object)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>plugTo</h4>
+<pre>public&nbsp;<a href="../controlP5/ColorPicker.html" title="class in controlP5">ColorPicker</a>&nbsp;plugTo(java.lang.Object&nbsp;theObject)</pre>
+</li>
+</ul>
+<a name="plugTo(java.lang.Object, java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>plugTo</h4>
+<pre>public&nbsp;<a href="../controlP5/ColorPicker.html" title="class in controlP5">ColorPicker</a>&nbsp;plugTo(java.lang.Object&nbsp;theObject,
+                 java.lang.String&nbsp;thePlugName)</pre>
+</li>
+</ul>
+<a name="setArrayValue(float[])">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setArrayValue</h4>
+<pre>public&nbsp;<a href="../controlP5/ColorPicker.html" title="class in controlP5">ColorPicker</a>&nbsp;setArrayValue(float[]&nbsp;theArray)</pre>
+<div class="block">Requires an array of size 4 for RGBA</div>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerInterface.html#setArrayValue(float[])">setArrayValue</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/ColorPicker.html" title="class in controlP5">ColorPicker</a>&gt;</code></dd>
+<dt><strong>Overrides:</strong></dt>
+<dd><code><a href="../controlP5/ControllerGroup.html#setArrayValue(float[])">setArrayValue</a></code>&nbsp;in class&nbsp;<code><a href="../controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a>&lt;<a href="../controlP5/ColorPicker.html" title="class in controlP5">ColorPicker</a>&gt;</code></dd>
+<dt><span class="strong">Returns:</span></dt><dd>ColorPicker</dd></dl>
+</li>
+</ul>
+<a name="setColorValue(int)">
+<!--   -->
+</a>
+<ul class="blockListLast">
+<li class="blockList">
+<h4>setColorValue</h4>
+<pre>public&nbsp;<a href="../controlP5/ColorPicker.html" title="class in controlP5">ColorPicker</a>&nbsp;setColorValue(int&nbsp;theColor)</pre>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerInterface.html#setColorValue(int)">setColorValue</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/ColorPicker.html" title="class in controlP5">ColorPicker</a>&gt;</code></dd>
+<dt><strong>Overrides:</strong></dt>
+<dd><code><a href="../controlP5/ControllerGroup.html#setColorValue(int)">setColorValue</a></code>&nbsp;in class&nbsp;<code><a href="../controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a>&lt;<a href="../controlP5/ColorPicker.html" title="class in controlP5">ColorPicker</a>&gt;</code></dd>
+</dl>
+</li>
+</ul>
+</li>
+</ul>
+</li>
+</ul>
+</div>
+</div>
+<!-- ========= END OF CLASS DATA ========= -->
+<!-- ======= START OF BOTTOM NAVBAR ====== -->
+<div class="bottomNav"><a name="navbar_bottom">
+<!--   -->
+</a><a href="#skip-navbar_bottom" title="Skip navigation links"></a><a name="navbar_bottom_firstrow">
+<!--   -->
+</a>
+<ul class="navList" title="Navigation">
+<li><a href="../controlP5/package-summary.html">Package</a></li>
+<li class="navBarCell1Rev">Class</li>
+<li><a href="package-tree.html">Tree</a></li>
+<li><a href="../index-all.html">Index</a></li>
+<li><a href="../help-doc.html">Help</a></li>
+</ul>
+</div>
+<div class="subNav">
+<ul class="navList">
+<li><a href="../controlP5/CheckBox.html" title="class in controlP5"><span class="strong">Prev Class</span></a></li>
+<li><a href="../controlP5/ColorWheel.html" title="class in controlP5"><span class="strong">Next Class</span></a></li>
+</ul>
+<ul class="navList">
+<li><a href="../index.html?controlP5/ColorPicker.html" target="_top">Frames</a></li>
+<li><a href="ColorPicker.html" target="_top">No Frames</a></li>
+</ul>
+<ul class="navList" id="allclasses_navbar_bottom">
+<li><a href="../allclasses-noframe.html">All Classes</a></li>
+</ul>
+<div>
+<script type="text/javascript"><!--
+  allClassesLink = document.getElementById("allclasses_navbar_bottom");
+  if(window==top) {
+    allClassesLink.style.display = "block";
+  }
+  else {
+    allClassesLink.style.display = "none";
+  }
+  //-->
+</script>
+</div>
+<div>
+<ul class="subNavList">
+<li>Summary:&nbsp;</li>
+<li>Nested&nbsp;|&nbsp;</li>
+<li>Field&nbsp;|&nbsp;</li>
+<li><a href="#constructor_summary">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_summary">Method</a></li>
+</ul>
+<ul class="subNavList">
+<li>Detail:&nbsp;</li>
+<li>Field&nbsp;|&nbsp;</li>
+<li><a href="#constructor_detail">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_detail">Method</a></li>
+</ul>
+</div>
+<a name="skip-navbar_bottom">
+<!--   -->
+</a></div>
+<!-- ======== END OF BOTTOM NAVBAR ======= -->
+<p class="legalCopy"><small>processing library controlP5 by Andreas Schlegel. (c) 2006-2014</small></p>
+</body>
+</html>
diff --git a/reference/controlP5/ColorWheel.html b/reference/controlP5/ColorWheel.html
new file mode 100644
index 0000000..97406b4
--- /dev/null
+++ b/reference/controlP5/ColorWheel.html
@@ -0,0 +1,688 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
+<!-- NewPage -->
+<html lang="en">
+<head>
+<!-- Generated by javadoc (version 1.7.0_51) on Sun Apr 27 21:39:46 SGT 2014 -->
+<title>ColorWheel (Javadocs: controlP5)</title>
+<meta name="date" content="2014-04-27">
+<link rel="stylesheet" type="text/css" href="../stylesheet.css" title="Style">
+</head>
+<body>
+<script type="text/javascript"><!--
+    if (location.href.indexOf('is-external=true') == -1) {
+        parent.document.title="ColorWheel (Javadocs: controlP5)";
+    }
+//-->
+</script>
+<noscript>
+<div>JavaScript is disabled on your browser.</div>
+</noscript>
+<!-- ========= START OF TOP NAVBAR ======= -->
+<div class="topNav"><a name="navbar_top">
+<!--   -->
+</a><a href="#skip-navbar_top" title="Skip navigation links"></a><a name="navbar_top_firstrow">
+<!--   -->
+</a>
+<ul class="navList" title="Navigation">
+<li><a href="../controlP5/package-summary.html">Package</a></li>
+<li class="navBarCell1Rev">Class</li>
+<li><a href="package-tree.html">Tree</a></li>
+<li><a href="../index-all.html">Index</a></li>
+<li><a href="../help-doc.html">Help</a></li>
+</ul>
+</div>
+<div class="subNav">
+<ul class="navList">
+<li><a href="../controlP5/ColorPicker.html" title="class in controlP5"><span class="strong">Prev Class</span></a></li>
+<li><a href="../controlP5/ControlBehavior.html" title="class in controlP5"><span class="strong">Next Class</span></a></li>
+</ul>
+<ul class="navList">
+<li><a href="../index.html?controlP5/ColorWheel.html" target="_top">Frames</a></li>
+<li><a href="ColorWheel.html" target="_top">No Frames</a></li>
+</ul>
+<ul class="navList" id="allclasses_navbar_top">
+<li><a href="../allclasses-noframe.html">All Classes</a></li>
+</ul>
+<div>
+<script type="text/javascript"><!--
+  allClassesLink = document.getElementById("allclasses_navbar_top");
+  if(window==top) {
+    allClassesLink.style.display = "block";
+  }
+  else {
+    allClassesLink.style.display = "none";
+  }
+  //-->
+</script>
+</div>
+<div>
+<ul class="subNavList">
+<li>Summary:&nbsp;</li>
+<li>Nested&nbsp;|&nbsp;</li>
+<li><a href="#fields_inherited_from_class_controlP5.Controller">Field</a>&nbsp;|&nbsp;</li>
+<li><a href="#constructor_summary">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_summary">Method</a></li>
+</ul>
+<ul class="subNavList">
+<li>Detail:&nbsp;</li>
+<li>Field&nbsp;|&nbsp;</li>
+<li><a href="#constructor_detail">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_detail">Method</a></li>
+</ul>
+</div>
+<a name="skip-navbar_top">
+<!--   -->
+</a></div>
+<!-- ========= END OF TOP NAVBAR ========= -->
+<!-- ======== START OF CLASS DATA ======== -->
+<div class="header">
+<div class="subTitle">controlP5</div>
+<h2 title="Class ColorWheel" class="title">Class ColorWheel</h2>
+</div>
+<div class="contentContainer">
+<ul class="inheritance">
+<li>java.lang.Object</li>
+<li>
+<ul class="inheritance">
+<li><a href="../controlP5/Controller.html" title="class in controlP5">controlP5.Controller</a>&lt;<a href="../controlP5/ColorWheel.html" title="class in controlP5">ColorWheel</a>&gt;</li>
+<li>
+<ul class="inheritance">
+<li>controlP5.ColorWheel</li>
+</ul>
+</li>
+</ul>
+</li>
+</ul>
+<div class="description">
+<ul class="blockList">
+<li class="blockList">
+<dl>
+<dt>All Implemented Interfaces:</dt>
+<dd><a href="../controlP5/CDrawable.html" title="interface in controlP5">CDrawable</a>, <a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/ColorWheel.html" title="class in controlP5">ColorWheel</a>&gt;, <a href="../controlP5/ControlP5Constants.html" title="interface in controlP5">ControlP5Constants</a></dd>
+</dl>
+<hr>
+<br>
+<pre>public class <span class="strong">ColorWheel</span>
+extends <a href="../controlP5/Controller.html" title="class in controlP5">Controller</a>&lt;<a href="../controlP5/ColorWheel.html" title="class in controlP5">ColorWheel</a>&gt;</pre>
+</li>
+</ul>
+</div>
+<div class="summary">
+<ul class="blockList">
+<li class="blockList">
+<!-- =========== FIELD SUMMARY =========== -->
+<ul class="blockList">
+<li class="blockList"><a name="field_summary">
+<!--   -->
+</a>
+<h3>Field Summary</h3>
+<ul class="blockList">
+<li class="blockList"><a name="fields_inherited_from_class_controlP5.Controller">
+<!--   -->
+</a>
+<h3>Fields inherited from class&nbsp;controlP5.<a href="../controlP5/Controller.html" title="class in controlP5">Controller</a></h3>
+<code><a href="../controlP5/Controller.html#autoHeight">autoHeight</a>, <a href="../controlP5/Controller.html#autoSpacing">autoSpacing</a>, <a href="../controlP5/Controller.html#autoWidth">autoWidth</a></code></li>
+</ul>
+<ul class="blockList">
+<li class="blockList"><a name="fields_inherited_from_class_controlP5.ControlP5Constants">
+<!--   -->
+</a>
+<h3>Fields inherited from interface&nbsp;controlP5.<a href="../controlP5/ControlP5Constants.html" title="interface in controlP5">ControlP5Constants</a></h3>
+<code><a href="../controlP5/ControlP5Constants.html#acceptClassList">acceptClassList</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_BROADCAST">ACTION_BROADCAST</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_CLICK">ACTION_CLICK</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_DRAG">ACTION_DRAG</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_ENTER">ACTION_ENTER</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_EXIT">ACTION_EXIT</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_LEAVE">ACTION_LEAVE</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_MOVE">ACTION_MOVE</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_PRESS">ACTION_PRESS</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_PRESSED">ACTION_PRESSED</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_RELEASE">ACTION_RELEASE</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_RELEASED">ACTION_RELEASED</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_RELEASEDOUTSIDE">ACTION_RELEASEDOUTSIDE</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_WHEEL">ACTION_WHEEL</a>, <a href="../controlP5/ControlP5Constants.html#ACTIVE">ACTIVE</a>, <a href="../controlP5/ControlP5Constants.html#ALL">ALL</a>, <a href="../controlP5/ControlP5Constants.html#ALT">ALT</a>, <a href="../controlP5/ControlP5Constants.html#AQUA">AQUA</a>, <a href="../controlP5/ControlP5Constants.html#ARC">ARC</a>, <a href="../controlP5/ControlP5Constants.html#ARRAY">ARRAY</a>, <a href="../controlP5/ControlP5Constants.html#BACKSPACE">BACKSPACE</a>, <a href="../controlP5/ControlP5Constants.html#BASELINE">BASELINE</a>, <a href="../controlP5/ControlP5Constants.html#BITFONT">BITFONT</a>, <a href="../controlP5/ControlP5Constants.html#BLACK">BLACK</a>, <a href="../controlP5/ControlP5Constants.html#BLUE">BLUE</a>, <a href="../controlP5/ControlP5Constants.html#BOOLEAN">BOOLEAN</a>, <a href="../controlP5/ControlP5Constants.html#BOTTOM">BOTTOM</a>, <a href="../controlP5/ControlP5Constants.html#BOTTOM_OUTSIDE">BOTTOM_OUTSIDE</a>, <a href="../controlP5/ControlP5Constants.html#CAPTIONLABEL">CAPTIONLABEL</a>, <a href="../controlP5/ControlP5Constants.html#CENTER">CENTER</a>, <a href="../controlP5/ControlP5Constants.html#CHECKBOX">CHECKBOX</a>, <a href="../controlP5/ControlP5Constants.html#COMMANDKEY">COMMANDKEY</a>, <a href="../controlP5/ControlP5Constants.html#CONTROL">CONTROL</a>, <a href="../controlP5/ControlP5Constants.html#controlEventClass">controlEventClass</a>, <a href="../controlP5/ControlP5Constants.html#CUSTOM">CUSTOM</a>, <a href="../controlP5/ControlP5Constants.html#DECREASE">DECREASE</a>, <a href="../controlP5/ControlP5Constants.html#DEFAULT">DEFAULT</a>, <a href="../controlP5/ControlP5Constants.html#DELETE">DELETE</a>, <a href="../controlP5/ControlP5Constants.html#DONE">DONE</a>, <a href="../controlP5/ControlP5Constants.html#DOWN">DOWN</a>, <a href="../controlP5/ControlP5Constants.html#DROPDOWN">DROPDOWN</a>, <a href="../controlP5/ControlP5Constants.html#ELLIPSE">ELLIPSE</a>, <a href="../controlP5/ControlP5Constants.html#ENTER">ENTER</a>, <a href="../controlP5/ControlP5Constants.html#ESCAPE">ESCAPE</a>, <a href="../controlP5/ControlP5Constants.html#EVENT">EVENT</a>, <a href="../controlP5/ControlP5Constants.html#eventMethod">eventMethod</a>, <a href="../controlP5/ControlP5Constants.html#FADEIN">FADEIN</a>, <a href="../controlP5/ControlP5Constants.html#FADEOUT">FADEOUT</a>, <a href="../controlP5/ControlP5Constants.html#FIELD">FIELD</a>, <a href="../controlP5/ControlP5Constants.html#FLOAT">FLOAT</a>, <a href="../controlP5/ControlP5Constants.html#FUCHSIA">FUCHSIA</a>, <a href="../controlP5/ControlP5Constants.html#GRAY">GRAY</a>, <a href="../controlP5/ControlP5Constants.html#GREEN">GREEN</a>, <a href="../controlP5/ControlP5Constants.html#grixel">grixel</a>, <a href="../controlP5/ControlP5Constants.html#HALF_PI">HALF_PI</a>, <a href="../controlP5/ControlP5Constants.html#HIDE">HIDE</a>, <a href="../controlP5/ControlP5Constants.html#HIGHLIGHT">HIGHLIGHT</a>, <a href="../controlP5/ControlP5Constants.html#HORIZONTAL">HORIZONTAL</a>, <a href="../controlP5/ControlP5Constants.html#IDLE">IDLE</a>, <a href="../controlP5/ControlP5Constants.html#IMAGE">IMAGE</a>, <a href="../controlP5/ControlP5Constants.html#INACTIVE">INACTIVE</a>, <a href="../controlP5/ControlP5Constants.html#INCREASE">INCREASE</a>, <a href="../controlP5/ControlP5Constants.html#INTEGER">INTEGER</a>, <a href="../controlP5/ControlP5Constants.html#INVALID">INVALID</a>, <a href="../controlP5/ControlP5Constants.html#J2D">J2D</a>, <a href="../controlP5/ControlP5Constants.html#KEYCONTROL">KEYCONTROL</a>, <a href="../controlP5/ControlP5Constants.html#LEFT">LEFT</a>, <a href="../controlP5/ControlP5Constants.html#LEFT_OUTSIDE">LEFT_OUTSIDE</a>, <a href="../controlP5/ControlP5Constants.html#LIME">LIME</a>, <a href="../controlP5/ControlP5Constants.html#LINE">LINE</a>, <a href="../controlP5/ControlP5Constants.html#LIST">LIST</a>, <a href="../controlP5/ControlP5Constants.html#LOAD">LOAD</a>, <a href="../controlP5/ControlP5Constants.html#MAROON">MAROON</a>, <a href="../controlP5/ControlP5Constants.html#MENU">MENU</a>, <a href="../controlP5/ControlP5Constants.html#METHOD">METHOD</a>, <a href="../controlP5/ControlP5Constants.html#MOVE">MOVE</a>, <a href="../controlP5/ControlP5Constants.html#MULTI">MULTI</a>, <a href="../controlP5/ControlP5Constants.html#MULTIPLES">MULTIPLES</a>, <a href="../controlP5/ControlP5Constants.html#NAVY">NAVY</a>, <a href="../controlP5/ControlP5Constants.html#OLIVE">OLIVE</a>, <a href="../controlP5/ControlP5Constants.html#ORANGE">ORANGE</a>, <a href="../controlP5/ControlP5Constants.html#OVER">OVER</a>, <a href="../controlP5/ControlP5Constants.html#P2D">P2D</a>, <a href="../controlP5/ControlP5Constants.html#P3D">P3D</a>, <a href="../controlP5/ControlP5Constants.html#PI">PI</a>, <a href="../controlP5/ControlP5Constants.html#PRESSED">PRESSED</a>, <a href="../controlP5/ControlP5Constants.html#PRINT">PRINT</a>, <a href="../controlP5/ControlP5Constants.html#PURPLE">PURPLE</a>, <a href="../controlP5/ControlP5Constants.html#RED">RED</a>, <a href="../controlP5/ControlP5Constants.html#RELEASE">RELEASE</a>, <a href="../controlP5/ControlP5Constants.html#RESET">RESET</a>, <a href="../controlP5/ControlP5Constants.html#RIGHT">RIGHT</a>, <a href="../controlP5/ControlP5Constants.html#RIGHT_OUTSIDE">RIGHT_OUTSIDE</a>, <a href="../controlP5/ControlP5Constants.html#SAVE">SAVE</a>, <a href="../controlP5/ControlP5Constants.html#SHIFT">SHIFT</a>, <a href="../controlP5/ControlP5Constants.html#SILVER">SILVER</a>, <a href="../controlP5/ControlP5Constants.html#SINGLE">SINGLE</a>, <a href="../controlP5/ControlP5Constants.html#SINGLE_COLUMN">SINGLE_COLUMN</a>, <a href="../controlP5/ControlP5Constants.html#SINGLE_ROW">SINGLE_ROW</a>, <a href="../controlP5/ControlP5Constants.html#SPRITE">SPRITE</a>, <a href="../controlP5/ControlP5Constants.html#standard56">standard56</a>, <a href="../controlP5/ControlP5Constants.html#standard58">standard58</a>, <a href="../controlP5/ControlP5Constants.html#STRING">STRING</a>, <a href="../controlP5/ControlP5Constants.html#SWITCH">SWITCH</a>, <a href="../controlP5/ControlP5Constants.html#SWITCH_BACK">SWITCH_BACK</a>, <a href="../controlP5/ControlP5Constants.html#SWITCH_FORE">SWITCH_FORE</a>, <a href="../controlP5/ControlP5Constants.html#synt24">synt24</a>, <a href="../controlP5/ControlP5Constants.html#TAB">TAB</a>, <a href="../controlP5/ControlP5Constants.html#TEAL">TEAL</a>, <a href="../controlP5/ControlP5Constants.html#THEME_A">THEME_A</a>, <a href="../controlP5/ControlP5Constants.html#THEME_CP52014">THEME_CP52014</a>, <a href="../controlP5/ControlP5Constants.html#THEME_CP5BLUE">THEME_CP5BLUE</a>, <a href="../controlP5/ControlP5Constants.html#THEME_RED">THEME_RED</a>, <a href="../controlP5/ControlP5Constants.html#THEME_RETRO">THEME_RETRO</a>, <a href="../controlP5/ControlP5Constants.html#THEME_WHITE">THEME_WHITE</a>, <a href="../controlP5/ControlP5Constants.html#TOP">TOP</a>, <a href="../controlP5/ControlP5Constants.html#TOP_OUTSIDE">TOP_OUTSIDE</a>, <a href="../controlP5/ControlP5Constants.html#TRANSITION_WAIT_FADEIN">TRANSITION_WAIT_FADEIN</a>, <a href="../controlP5/ControlP5Constants.html#TREE">TREE</a>, <a href="../controlP5/ControlP5Constants.html#TWO_PI">TWO_PI</a>, <a href="../controlP5/ControlP5Constants.html#UP">UP</a>, <a href="../controlP5/ControlP5Constants.html#VALUELABEL">VALUELABEL</a>, <a href="../controlP5/ControlP5Constants.html#VERBOSE">VERBOSE</a>, <a href="../controlP5/ControlP5Constants.html#VERTICAL">VERTICAL</a>, <a href="../controlP5/ControlP5Constants.html#WAIT">WAIT</a>, <a href="../controlP5/ControlP5Constants.html#WHITE">WHITE</a>, <a href="../controlP5/ControlP5Constants.html#YELLOW">YELLOW</a></code></li>
+</ul>
+</li>
+</ul>
+<!-- ======== CONSTRUCTOR SUMMARY ======== -->
+<ul class="blockList">
+<li class="blockList"><a name="constructor_summary">
+<!--   -->
+</a>
+<h3>Constructor Summary</h3>
+<table class="overviewSummary" border="0" cellpadding="3" cellspacing="0" summary="Constructor Summary table, listing constructors, and an explanation">
+<caption><span>Constructors</span><span class="tabEnd">&nbsp;</span></caption>
+<tr>
+<th class="colOne" scope="col">Constructor and Description</th>
+</tr>
+<tr class="altColor">
+<td class="colOne"><code><strong><a href="../controlP5/ColorWheel.html#ColorWheel(controlP5.ControlP5, controlP5.ControllerGroup, java.lang.String, int, int, int, int)">ColorWheel</a></strong>(<a href="../controlP5/ControlP5.html" title="class in controlP5">ControlP5</a>&nbsp;theControlP5,
+          <a href="../controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a>&lt;?&gt;&nbsp;theParent,
+          java.lang.String&nbsp;theName,
+          int&nbsp;theX,
+          int&nbsp;theY,
+          int&nbsp;theWidth,
+          int&nbsp;theHeight)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colOne"><code><strong><a href="../controlP5/ColorWheel.html#ColorWheel(controlP5.ControlP5, java.lang.String)">ColorWheel</a></strong>(<a href="../controlP5/ControlP5.html" title="class in controlP5">ControlP5</a>&nbsp;theControlP5,
+          java.lang.String&nbsp;theName)</code>&nbsp;</td>
+</tr>
+</table>
+</li>
+</ul>
+<!-- ========== METHOD SUMMARY =========== -->
+<ul class="blockList">
+<li class="blockList"><a name="method_summary">
+<!--   -->
+</a>
+<h3>Method Summary</h3>
+<table class="overviewSummary" border="0" cellpadding="3" cellspacing="0" summary="Method Summary table, listing methods, and an explanation">
+<caption><span>Methods</span><span class="tabEnd">&nbsp;</span></caption>
+<tr>
+<th class="colFirst" scope="col">Modifier and Type</th>
+<th class="colLast" scope="col">Method and Description</th>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ColorWheel.html#a()">a</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ColorWheel.html#b()">b</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ColorWheel.html#g()">g</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ColorWheel.html#getRGB()">getRGB</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ColorWheel.html#HSLtoRGB(double[])">HSLtoRGB</a></strong>(double[]&nbsp;theHSL)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ColorWheel.html#HSLtoRGB(double, double, double)">HSLtoRGB</a></strong>(double&nbsp;h,
+        double&nbsp;s,
+        double&nbsp;l)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ColorWheel.html#HSVtoRGB(double[])">HSVtoRGB</a></strong>(double[]&nbsp;hsv)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ColorWheel.html#HSVtoRGB(double, double, double)">HSVtoRGB</a></strong>(double&nbsp;H,
+        double&nbsp;S,
+        double&nbsp;V)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>void</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ColorWheel.html#onDrag()">onDrag</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>void</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ColorWheel.html#onEndDrag()">onEndDrag</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>void</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ColorWheel.html#onPress()">onPress</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>void</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ColorWheel.html#onRelease()">onRelease</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>void</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ColorWheel.html#onStartDrag()">onStartDrag</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ColorWheel.html#r()">r</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>double[]</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ColorWheel.html#RGBtoHSL(int)">RGBtoHSL</a></strong>(int&nbsp;theRGB)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>double[]</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ColorWheel.html#RGBtoHSL(int, int, int)">RGBtoHSL</a></strong>(int&nbsp;theR,
+        int&nbsp;theG,
+        int&nbsp;theB)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>double[]</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ColorWheel.html#RGBtoHSV(int)">RGBtoHSV</a></strong>(int&nbsp;c)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>double[]</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ColorWheel.html#RGBtoHSV(int, int, double)">RGBtoHSV</a></strong>(int&nbsp;theR,
+        int&nbsp;theG,
+        double&nbsp;theB)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/ColorWheel.html" title="class in controlP5">ColorWheel</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ColorWheel.html#scrolled(int)">scrolled</a></strong>(int&nbsp;theRotationValue)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/ColorWheel.html" title="class in controlP5">ColorWheel</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ColorWheel.html#setAlpha(int)">setAlpha</a></strong>(int&nbsp;theAlpha)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/ColorWheel.html" title="class in controlP5">ColorWheel</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ColorWheel.html#setHSL(double, double, double)">setHSL</a></strong>(double&nbsp;theH,
+      double&nbsp;theS,
+      double&nbsp;theL)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>void</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ColorWheel.html#setHue(double)">setHue</a></strong>(double&nbsp;theH)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>void</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ColorWheel.html#setLightness(double)">setLightness</a></strong>(double&nbsp;theL)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/ColorWheel.html" title="class in controlP5">ColorWheel</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ColorWheel.html#setRGB(int)">setRGB</a></strong>(int&nbsp;theColor)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>void</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ColorWheel.html#setSaturation(double)">setSaturation</a></strong>(double&nbsp;theS)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/ColorWheel.html" title="class in controlP5">ColorWheel</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ColorWheel.html#updateDisplayMode(int)">updateDisplayMode</a></strong>(int&nbsp;theMode)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/ColorWheel.html" title="class in controlP5">ColorWheel</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ColorWheel.html#updateViewMode(int)">updateViewMode</a></strong>(int&nbsp;theMode)</code>&nbsp;</td>
+</tr>
+</table>
+<ul class="blockList">
+<li class="blockList"><a name="methods_inherited_from_class_controlP5.Controller">
+<!--   -->
+</a>
+<h3>Methods inherited from class&nbsp;controlP5.<a href="../controlP5/Controller.html" title="class in controlP5">Controller</a></h3>
+<code><a href="../controlP5/Controller.html#add(controlP5.ControllerInterface)">add</a>, <a href="../controlP5/Controller.html#addCallback(controlP5.CallbackListener)">addCallback</a>, <a href="../controlP5/Controller.html#addListener(controlP5.ControlListener)">addListener</a>, <a href="../controlP5/Controller.html#align(int, int, int, int)">align</a>, <a href="../controlP5/Controller.html#bringToFront()">bringToFront</a>, <a href="../controlP5/Controller.html#bringToFront(controlP5.ControllerInterface)">bringToFront</a>, <a href="../controlP5/Controller.html#changeValue(float)">changeValue</a>, <a href="../controlP5/Controller.html#continuousUpdateEvents()">continuousUpdateEvents</a>, <a href="../controlP5/Controller.html#draw(processing.core.PGraphics)">draw</a>, <a href="../controlP5/Controller.html#getAbsolutePosition()">getAbsolutePosition</a>, <a href="../controlP5/Controller.html#getAddress()">getAddress</a>, <a href="../controlP5/Controller.html#getArrayValue()">getArrayValue</a>, <a href="../controlP5/Controller.html#getArrayValue(int)">getArrayValue</a>, <a href="../controlP5/Controller.html#getBehavior()">getBehavior</a>, <a href="../controlP5/Controller.html#getCaptionLabel()">getCaptionLabel</a>, <a href="../controlP5/Controller.html#getColor()">getColor</a>, <a href="../controlP5/Controller.html#getControllerPlugList()">getControllerPlugList</a>, <a href="../controlP5/Controller.html#getControlWindow()">getControlWindow</a>, <a href="../controlP5/Controller.html#getDecimalPrecision()">getDecimalPrecision</a>, <a href="../controlP5/Controller.html#getDefaultValue()">getDefaultValue</a>, <a href="../controlP5/Controller.html#getHeight()">getHeight</a>, <a href="../controlP5/Controller.html#getId()">getId</a>, <a href="../controlP5/Controller.html#getInfo()">getInfo</a>, <a href="../controlP5/Controller.html#getLabel()">getLabel</a>, <a href="../controlP5/Controller.html#getMax()">getMax</a>, <a href="../controlP5/Controller.html#getMin()">getMin</a>, <a href="../controlP5/Controller.html#getName()">getName</a>, <a href="../controlP5/Controller.html#getParent()">getParent</a>, <a href="../controlP5/Controller.html#getPickingColor()">getPickingColor</a>, <a href="../controlP5/Controller.html#getPointer()">getPointer</a>, <a href="../controlP5/Controller.html#getPosition()">getPosition</a>, <a href="../controlP5/Controller.html#getProperty(java.lang.String)">getProperty</a>, <a href="../controlP5/Controller.html#getProperty(java.lang.String, java.lang.String)">getProperty</a>, <a href="../controlP5/Controller.html#getStringValue()">getStringValue</a>, <a href="../controlP5/Controller.html#getTab()">getTab</a>, <a href="../controlP5/Controller.html#getValue()">getValue</a>, <a href="../controlP5/Controller.html#getValueLabel()">getValueLabel</a>, <a href="../controlP5/Controller.html#getView()">getView</a>, <a href="../controlP5/Controller.html#getWidth()">getWidth</a>, <a href="../controlP5/Controller.html#getWindow()">getWindow</a>, <a href="../controlP5/Controller.html#hide()">hide</a>, <a href="../controlP5/Controller.html#init()">init</a>, <a href="../controlP5/Controller.html#isActive()">isActive</a>, <a href="../controlP5/Controller.html#isBroadcast()">isBroadcast</a>, <a href="../controlP5/Controller.html#isInside()">isInside</a>, <a href="../controlP5/Controller.html#isLabelVisible()">isLabelVisible</a>, <a href="../controlP5/Controller.html#isListening()">isListening</a>, <a href="../controlP5/Controller.html#isLock()">isLock</a>, <a href="../controlP5/Controller.html#isMouseOver()">isMouseOver</a>, <a href="../controlP5/Controller.html#isMousePressed()">isMousePressed</a>, <a href="../controlP5/Controller.html#isMoveable()">isMoveable</a>, <a href="../controlP5/Controller.html#isUpdate()">isUpdate</a>, <a href="../controlP5/Controller.html#isUserInteraction()">isUserInteraction</a>, <a href="../controlP5/Controller.html#isVisible()">isVisible</a>, <a href="../controlP5/Controller.html#keyEvent(processing.event.KeyEvent)">keyEvent</a>, <a href="../controlP5/Controller.html#linebreak()">linebreak</a>, <a href="../controlP5/Controller.html#listen(boolean)">listen</a>, <a href="../controlP5/Controller.html#listenerSize()">listenerSize</a>, <a href="../controlP5/Controller.html#lock()">lock</a>, <a href="../controlP5/Controller.html#moveTo(controlP5.ControlGroup)">moveTo</a>, <a href="../controlP5/Controller.html#moveTo(controlP5.ControllerGroup)">moveTo</a>, <a href="../controlP5/Controller.html#moveTo(controlP5.ControllerGroup, controlP5.Tab, controlP5.ControlWindow)">moveTo</a>, <a href="../controlP5/Controller.html#moveTo(controlP5.ControlWindow)">moveTo</a>, <a href="../controlP5/Controller.html#moveTo(controlP5.ControlWindow, java.lang.String)">moveTo</a>, <a href="../controlP5/Controller.html#moveTo(processing.core.PApplet)">moveTo</a>, <a href="../controlP5/Controller.html#moveTo(processing.core.PApplet, java.lang.String)">moveTo</a>, <a href="../controlP5/Controller.html#moveTo(java.lang.String)">moveTo</a>, <a href="../controlP5/Controller.html#moveTo(controlP5.Tab)">moveTo</a>, <a href="../controlP5/Controller.html#plugTo(java.lang.Object)">plugTo</a>, <a href="../controlP5/Controller.html#plugTo(java.lang.Object[])">plugTo</a>, <a href="../controlP5/Controller.html#plugTo(java.lang.Object[], java.lang.String)">plugTo</a>, <a href="../controlP5/Controller.html#plugTo(java.lang.Object, java.lang.String)">plugTo</a>, <a href="../controlP5/Controller.html#registerProperty(java.lang.String)">registerProperty</a>, <a href="../controlP5/Controller.html#registerProperty(java.lang.String, java.lang.String)">registerProperty</a>, <a href="../controlP5/Controller.html#registerTooltip(java.lang.String)">registerTooltip</a>, <a href="../controlP5/Controller.html#remove()">remove</a>, <a href="../controlP5/Controller.html#remove(controlP5.ControllerInterface)">remove</a>, <a href="../controlP5/Controller.html#removeBehavior()">removeBehavior</a>, <a href="../controlP5/Controller.html#removeCallback()">removeCallback</a>, <a href="../controlP5/Controller.html#removeCallback(controlP5.CallbackListener)">removeCallback</a>, <a href="../controlP5/Controller.html#removeListener(controlP5.ControlListener)">removeListener</a>, <a href="../controlP5/Controller.html#removeProperty(java.lang.String)">removeProperty</a>, <a href="../controlP5/Controller.html#removeProperty(java.lang.String, java.lang.String)">removeProperty</a>, <a href="../controlP5/Controller.html#setAbsolutePosition(processing.core.PVector)">setAbsolutePosition</a>, <a href="../controlP5/Controller.html#setAddress(java.lang.String)">setAddress</a>, <a href="../controlP5/Controller.html#setArrayValue(float[])">setArrayValue</a>, <a href="../controlP5/Controller.html#setArrayValue(int, float)">setArrayValue</a>, <a href="../controlP5/Controller.html#setBehavior(controlP5.ControlBehavior)">setBehavior</a>, <a href="../controlP5/Controller.html#setBroadcast(boolean)">setBroadcast</a>, <a href="../controlP5/Controller.html#setCaptionLabel(java.lang.String)">setCaptionLabel</a>, <a href="../controlP5/Controller.html#setColor(controlP5.CColor)">setColor</a>, <a href="../controlP5/Controller.html#setColorActive(int)">setColorActive</a>, <a href="../controlP5/Controller.html#setColorBackground(int)">setColorBackground</a>, <a href="../controlP5/Controller.html#setColorCaptionLabel(int)">setColorCaptionLabel</a>, <a href="../controlP5/Controller.html#setColorForeground(int)">setColorForeground</a>, <a href="../controlP5/Controller.html#setColorValueLabel(int)">setColorValueLabel</a>, <a href="../controlP5/Controller.html#setDecimalPrecision(int)">setDecimalPrecision</a>, <a href="../controlP5/Controller.html#setDefaultValue(float)">setDefaultValue</a>, <a href="../controlP5/Controller.html#setGroup(controlP5.ControllerGroup)">setGroup</a>, <a href="../controlP5/Controller.html#setGroup(java.lang.String)">setGroup</a>, <a href="../controlP5/Controller.html#setHeight(int)">setHeight</a>, <a href="../controlP5/Controller.html#setId(int)">setId</a>, <a href="../controlP5/Controller.html#setImage(processing.core.PImage)">setImage</a>, <a href="../controlP5/Controller.html#setImage(processing.core.PImage, int)">setImage</a>, <a href="../controlP5/Controller.html#setImages(processing.core.PImage...)">setImages</a>, <a href="../controlP5/Controller.html#setImages(processing.core.PImage, processing.core.PImage, processing.core.PImage)">setImages</a>, <a href="../controlP5/Controller.html#setImages(processing.core.PImage, processing.core.PImage, processing.core.PImage, processing.core.PImage)">setImages</a>, <a href="../controlP5/Controller.html#setLabelVisible(boolean)">setLabelVisible</a>, <a href="../controlP5/Controller.html#setLock(boolean)">setLock</a>, <a href="../controlP5/Controller.html#setMax(float)">setMax</a>, <a href="../controlP5/Controller.html#setMin(float)">setMin</a>, <a href="../controlP5/Controller.html#setMouseOver(boolean)">setMouseOver</a>, <a href="../controlP5/Controller.html#setMousePressed(boolean)">setMousePressed</a>, <a href="../controlP5/Controller.html#setMoveable(boolean)">setMoveable</a>, <a href="../controlP5/Controller.html#setParent(controlP5.ControllerInterface)">setParent</a>, <a href="../controlP5/Controller.html#setPosition(float, float)">setPosition</a>, <a href="../controlP5/Controller.html#setPosition(processing.core.PVector)">setPosition</a>, <a href="../controlP5/Controller.html#setSize(int, int)">setSize</a>, <a href="../controlP5/Controller.html#setSize(processing.core.PImage)">setSize</a>, <a href="../controlP5/Controller.html#setStringValue(java.lang.String)">setStringValue</a>, <a href="../controlP5/Controller.html#setTab(controlP5.ControlWindow, java.lang.String)">setTab</a>, <a href="../controlP5/Controller.html#setTab(java.lang.String)">setTab</a>, <a href="../controlP5/Controller.html#setUpdate(boolean)">setUpdate</a>, <a href="../controlP5/Controller.html#setUserInteraction(boolean)">setUserInteraction</a>, <a href="../controlP5/Controller.html#setValue(float)">setValue</a>, <a href="../controlP5/Controller.html#setValueLabel(java.lang.String)">setValueLabel</a>, <a href="../controlP5/Controller.html#setValueSelf(float)">setValueSelf</a>, <a href="../controlP5/Controller.html#setView(controlP5.ControllerView)">setView</a>, <a href="../controlP5/Controller.html#setView(controlP5.ControllerView, int)">setView</a>, <a href="../controlP5/Controller.html#setVisible(boolean)">setVisible</a>, <a href="../controlP5/Controller.html#setWidth(int)">setWidth</a>, <a href="../controlP5/Controller.html#show()">show</a>, <a href="../controlP5/Controller.html#toString()">toString</a>, <a href="../controlP5/Controller.html#unlock()">unlock</a>, <a href="../controlP5/Controller.html#unplugFrom(java.lang.Object)">unplugFrom</a>, <a href="../controlP5/Controller.html#unplugFrom(java.lang.Object[])">unplugFrom</a>, <a href="../controlP5/Controller.html#unregisterTooltip()">unregisterTooltip</a>, <a href="../controlP5/Controller.html#update()">update</a>, <a href="../controlP5/Controller.html#updateAbsolutePosition()">updateAbsolutePosition</a>, <a href="../controlP5/Controller.html#updateEvents()">updateEvents</a>, <a href="../controlP5/Controller.html#updateInternalEvents(processing.core.PApplet)">updateInternalEvents</a>, <a href="../controlP5/Controller.html#updateSize()">updateSize</a></code></li>
+</ul>
+<ul class="blockList">
+<li class="blockList"><a name="methods_inherited_from_class_java.lang.Object">
+<!--   -->
+</a>
+<h3>Methods inherited from class&nbsp;java.lang.Object</h3>
+<code>equals, getClass, hashCode, notify, notifyAll, wait, wait, wait</code></li>
+</ul>
+<ul class="blockList">
+<li class="blockList"><a name="methods_inherited_from_class_controlP5.ControllerInterface">
+<!--   -->
+</a>
+<h3>Methods inherited from interface&nbsp;controlP5.<a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a></h3>
+<code><a href="../controlP5/ControllerInterface.html#parent()">parent</a>, <a href="../controlP5/ControllerInterface.html#setColorLabel(int)">setColorLabel</a>, <a href="../controlP5/ControllerInterface.html#setColorValue(int)">setColorValue</a>, <a href="../controlP5/ControllerInterface.html#setLabel(java.lang.String)">setLabel</a></code></li>
+</ul>
+</li>
+</ul>
+</li>
+</ul>
+</div>
+<div class="details">
+<ul class="blockList">
+<li class="blockList">
+<!-- ========= CONSTRUCTOR DETAIL ======== -->
+<ul class="blockList">
+<li class="blockList"><a name="constructor_detail">
+<!--   -->
+</a>
+<h3>Constructor Detail</h3>
+<a name="ColorWheel(controlP5.ControlP5, controlP5.ControllerGroup, java.lang.String, int, int, int, int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>ColorWheel</h4>
+<pre>public&nbsp;ColorWheel(<a href="../controlP5/ControlP5.html" title="class in controlP5">ControlP5</a>&nbsp;theControlP5,
+          <a href="../controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a>&lt;?&gt;&nbsp;theParent,
+          java.lang.String&nbsp;theName,
+          int&nbsp;theX,
+          int&nbsp;theY,
+          int&nbsp;theWidth,
+          int&nbsp;theHeight)</pre>
+</li>
+</ul>
+<a name="ColorWheel(controlP5.ControlP5, java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockListLast">
+<li class="blockList">
+<h4>ColorWheel</h4>
+<pre>public&nbsp;ColorWheel(<a href="../controlP5/ControlP5.html" title="class in controlP5">ControlP5</a>&nbsp;theControlP5,
+          java.lang.String&nbsp;theName)</pre>
+</li>
+</ul>
+</li>
+</ul>
+<!-- ============ METHOD DETAIL ========== -->
+<ul class="blockList">
+<li class="blockList"><a name="method_detail">
+<!--   -->
+</a>
+<h3>Method Detail</h3>
+<a name="a()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>a</h4>
+<pre>public&nbsp;int&nbsp;a()</pre>
+</li>
+</ul>
+<a name="b()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>b</h4>
+<pre>public&nbsp;int&nbsp;b()</pre>
+</li>
+</ul>
+<a name="g()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>g</h4>
+<pre>public&nbsp;int&nbsp;g()</pre>
+</li>
+</ul>
+<a name="getRGB()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getRGB</h4>
+<pre>public&nbsp;int&nbsp;getRGB()</pre>
+</li>
+</ul>
+<a name="HSLtoRGB(double[])">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>HSLtoRGB</h4>
+<pre>public&nbsp;int&nbsp;HSLtoRGB(double[]&nbsp;theHSL)</pre>
+</li>
+</ul>
+<a name="HSLtoRGB(double, double, double)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>HSLtoRGB</h4>
+<pre>public&nbsp;int&nbsp;HSLtoRGB(double&nbsp;h,
+           double&nbsp;s,
+           double&nbsp;l)</pre>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>h</code> - value between 0 and 360</dd><dd><code>s</code> - value between 0 and 100</dd><dd><code>l)</code> - value between 0 and 100</dd><dd><code>alpha</code> - value between 0 and 1</dd>
+<dt><span class="strong">Returns:</span></dt><dd></dd></dl>
+</li>
+</ul>
+<a name="HSVtoRGB(double[])">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>HSVtoRGB</h4>
+<pre>public&nbsp;int&nbsp;HSVtoRGB(double[]&nbsp;hsv)</pre>
+</li>
+</ul>
+<a name="HSVtoRGB(double, double, double)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>HSVtoRGB</h4>
+<pre>public&nbsp;int&nbsp;HSVtoRGB(double&nbsp;H,
+           double&nbsp;S,
+           double&nbsp;V)</pre>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>H</code> - value between 0-1</dd><dd><code>S</code> - value between 0-1</dd><dd><code>V</code> - value between 0-1</dd>
+<dt><span class="strong">Returns:</span></dt><dd>int</dd></dl>
+</li>
+</ul>
+<a name="onDrag()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>onDrag</h4>
+<pre>public&nbsp;void&nbsp;onDrag()</pre>
+</li>
+</ul>
+<a name="onEndDrag()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>onEndDrag</h4>
+<pre>public&nbsp;void&nbsp;onEndDrag()</pre>
+</li>
+</ul>
+<a name="onPress()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>onPress</h4>
+<pre>public&nbsp;void&nbsp;onPress()</pre>
+</li>
+</ul>
+<a name="onRelease()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>onRelease</h4>
+<pre>public&nbsp;void&nbsp;onRelease()</pre>
+</li>
+</ul>
+<a name="onStartDrag()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>onStartDrag</h4>
+<pre>public&nbsp;void&nbsp;onStartDrag()</pre>
+</li>
+</ul>
+<a name="r()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>r</h4>
+<pre>public&nbsp;int&nbsp;r()</pre>
+</li>
+</ul>
+<a name="RGBtoHSL(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>RGBtoHSL</h4>
+<pre>public&nbsp;double[]&nbsp;RGBtoHSL(int&nbsp;theRGB)</pre>
+</li>
+</ul>
+<a name="RGBtoHSL(int, int, int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>RGBtoHSL</h4>
+<pre>public&nbsp;double[]&nbsp;RGBtoHSL(int&nbsp;theR,
+                int&nbsp;theG,
+                int&nbsp;theB)</pre>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theR</code> - value between 0 and 255</dd><dd><code>theG</code> - value between 0 and 255</dd><dd><code>theB</code> - value between 0 and 255</dd>
+<dt><span class="strong">Returns:</span></dt><dd>double[] values h,s,l are between 0-1</dd></dl>
+</li>
+</ul>
+<a name="RGBtoHSV(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>RGBtoHSV</h4>
+<pre>public final&nbsp;double[]&nbsp;RGBtoHSV(int&nbsp;c)</pre>
+</li>
+</ul>
+<a name="RGBtoHSV(int, int, double)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>RGBtoHSV</h4>
+<pre>public final&nbsp;double[]&nbsp;RGBtoHSV(int&nbsp;theR,
+                int&nbsp;theG,
+                double&nbsp;theB)</pre>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theR</code> - value between 0 and 255</dd><dd><code>theG</code> - value between 0 and 255</dd><dd><code>theB</code> - value between 0 and 255</dd>
+<dt><span class="strong">Returns:</span></dt><dd>hsv [ hue (0-1) sat (0-1) val (0-1) ]</dd></dl>
+</li>
+</ul>
+<a name="scrolled(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>scrolled</h4>
+<pre>public&nbsp;<a href="../controlP5/ColorWheel.html" title="class in controlP5">ColorWheel</a>&nbsp;scrolled(int&nbsp;theRotationValue)</pre>
+</li>
+</ul>
+<a name="setAlpha(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setAlpha</h4>
+<pre>public&nbsp;<a href="../controlP5/ColorWheel.html" title="class in controlP5">ColorWheel</a>&nbsp;setAlpha(int&nbsp;theAlpha)</pre>
+</li>
+</ul>
+<a name="setHSL(double, double, double)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setHSL</h4>
+<pre>public&nbsp;<a href="../controlP5/ColorWheel.html" title="class in controlP5">ColorWheel</a>&nbsp;setHSL(double&nbsp;theH,
+                double&nbsp;theS,
+                double&nbsp;theL)</pre>
+</li>
+</ul>
+<a name="setHue(double)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setHue</h4>
+<pre>public&nbsp;void&nbsp;setHue(double&nbsp;theH)</pre>
+</li>
+</ul>
+<a name="setLightness(double)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setLightness</h4>
+<pre>public&nbsp;void&nbsp;setLightness(double&nbsp;theL)</pre>
+</li>
+</ul>
+<a name="setRGB(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setRGB</h4>
+<pre>public&nbsp;<a href="../controlP5/ColorWheel.html" title="class in controlP5">ColorWheel</a>&nbsp;setRGB(int&nbsp;theColor)</pre>
+</li>
+</ul>
+<a name="setSaturation(double)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setSaturation</h4>
+<pre>public&nbsp;void&nbsp;setSaturation(double&nbsp;theS)</pre>
+</li>
+</ul>
+<a name="updateDisplayMode(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>updateDisplayMode</h4>
+<pre>public&nbsp;<a href="../controlP5/ColorWheel.html" title="class in controlP5">ColorWheel</a>&nbsp;updateDisplayMode(int&nbsp;theMode)</pre>
+</li>
+</ul>
+<a name="updateViewMode(int)">
+<!--   -->
+</a>
+<ul class="blockListLast">
+<li class="blockList">
+<h4>updateViewMode</h4>
+<pre>public&nbsp;<a href="../controlP5/ColorWheel.html" title="class in controlP5">ColorWheel</a>&nbsp;updateViewMode(int&nbsp;theMode)</pre>
+</li>
+</ul>
+</li>
+</ul>
+</li>
+</ul>
+</div>
+</div>
+<!-- ========= END OF CLASS DATA ========= -->
+<!-- ======= START OF BOTTOM NAVBAR ====== -->
+<div class="bottomNav"><a name="navbar_bottom">
+<!--   -->
+</a><a href="#skip-navbar_bottom" title="Skip navigation links"></a><a name="navbar_bottom_firstrow">
+<!--   -->
+</a>
+<ul class="navList" title="Navigation">
+<li><a href="../controlP5/package-summary.html">Package</a></li>
+<li class="navBarCell1Rev">Class</li>
+<li><a href="package-tree.html">Tree</a></li>
+<li><a href="../index-all.html">Index</a></li>
+<li><a href="../help-doc.html">Help</a></li>
+</ul>
+</div>
+<div class="subNav">
+<ul class="navList">
+<li><a href="../controlP5/ColorPicker.html" title="class in controlP5"><span class="strong">Prev Class</span></a></li>
+<li><a href="../controlP5/ControlBehavior.html" title="class in controlP5"><span class="strong">Next Class</span></a></li>
+</ul>
+<ul class="navList">
+<li><a href="../index.html?controlP5/ColorWheel.html" target="_top">Frames</a></li>
+<li><a href="ColorWheel.html" target="_top">No Frames</a></li>
+</ul>
+<ul class="navList" id="allclasses_navbar_bottom">
+<li><a href="../allclasses-noframe.html">All Classes</a></li>
+</ul>
+<div>
+<script type="text/javascript"><!--
+  allClassesLink = document.getElementById("allclasses_navbar_bottom");
+  if(window==top) {
+    allClassesLink.style.display = "block";
+  }
+  else {
+    allClassesLink.style.display = "none";
+  }
+  //-->
+</script>
+</div>
+<div>
+<ul class="subNavList">
+<li>Summary:&nbsp;</li>
+<li>Nested&nbsp;|&nbsp;</li>
+<li><a href="#fields_inherited_from_class_controlP5.Controller">Field</a>&nbsp;|&nbsp;</li>
+<li><a href="#constructor_summary">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_summary">Method</a></li>
+</ul>
+<ul class="subNavList">
+<li>Detail:&nbsp;</li>
+<li>Field&nbsp;|&nbsp;</li>
+<li><a href="#constructor_detail">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_detail">Method</a></li>
+</ul>
+</div>
+<a name="skip-navbar_bottom">
+<!--   -->
+</a></div>
+<!-- ======== END OF BOTTOM NAVBAR ======= -->
+<p class="legalCopy"><small>processing library controlP5 by Andreas Schlegel. (c) 2006-2014</small></p>
+</body>
+</html>
diff --git a/reference/controlP5/ControlBehavior.html b/reference/controlP5/ControlBehavior.html
new file mode 100644
index 0000000..fcc4c73
--- /dev/null
+++ b/reference/controlP5/ControlBehavior.html
@@ -0,0 +1,501 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
+<!-- NewPage -->
+<html lang="en">
+<head>
+<!-- Generated by javadoc (version 1.7.0_51) on Sun Apr 27 21:39:46 SGT 2014 -->
+<title>ControlBehavior (Javadocs: controlP5)</title>
+<meta name="date" content="2014-04-27">
+<link rel="stylesheet" type="text/css" href="../stylesheet.css" title="Style">
+</head>
+<body>
+<script type="text/javascript"><!--
+    if (location.href.indexOf('is-external=true') == -1) {
+        parent.document.title="ControlBehavior (Javadocs: controlP5)";
+    }
+//-->
+</script>
+<noscript>
+<div>JavaScript is disabled on your browser.</div>
+</noscript>
+<!-- ========= START OF TOP NAVBAR ======= -->
+<div class="topNav"><a name="navbar_top">
+<!--   -->
+</a><a href="#skip-navbar_top" title="Skip navigation links"></a><a name="navbar_top_firstrow">
+<!--   -->
+</a>
+<ul class="navList" title="Navigation">
+<li><a href="../controlP5/package-summary.html">Package</a></li>
+<li class="navBarCell1Rev">Class</li>
+<li><a href="package-tree.html">Tree</a></li>
+<li><a href="../index-all.html">Index</a></li>
+<li><a href="../help-doc.html">Help</a></li>
+</ul>
+</div>
+<div class="subNav">
+<ul class="navList">
+<li><a href="../controlP5/ColorWheel.html" title="class in controlP5"><span class="strong">Prev Class</span></a></li>
+<li><a href="../controlP5/ControlBroadcaster.html" title="class in controlP5"><span class="strong">Next Class</span></a></li>
+</ul>
+<ul class="navList">
+<li><a href="../index.html?controlP5/ControlBehavior.html" target="_top">Frames</a></li>
+<li><a href="ControlBehavior.html" target="_top">No Frames</a></li>
+</ul>
+<ul class="navList" id="allclasses_navbar_top">
+<li><a href="../allclasses-noframe.html">All Classes</a></li>
+</ul>
+<div>
+<script type="text/javascript"><!--
+  allClassesLink = document.getElementById("allclasses_navbar_top");
+  if(window==top) {
+    allClassesLink.style.display = "block";
+  }
+  else {
+    allClassesLink.style.display = "none";
+  }
+  //-->
+</script>
+</div>
+<div>
+<ul class="subNavList">
+<li>Summary:&nbsp;</li>
+<li>Nested&nbsp;|&nbsp;</li>
+<li>Field&nbsp;|&nbsp;</li>
+<li><a href="#constructor_summary">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_summary">Method</a></li>
+</ul>
+<ul class="subNavList">
+<li>Detail:&nbsp;</li>
+<li>Field&nbsp;|&nbsp;</li>
+<li><a href="#constructor_detail">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_detail">Method</a></li>
+</ul>
+</div>
+<a name="skip-navbar_top">
+<!--   -->
+</a></div>
+<!-- ========= END OF TOP NAVBAR ========= -->
+<!-- ======== START OF CLASS DATA ======== -->
+<div class="header">
+<div class="subTitle">controlP5</div>
+<h2 title="Class ControlBehavior" class="title">Class ControlBehavior</h2>
+</div>
+<div class="contentContainer">
+<ul class="inheritance">
+<li>java.lang.Object</li>
+<li>
+<ul class="inheritance">
+<li>controlP5.ControlBehavior</li>
+</ul>
+</li>
+</ul>
+<div class="description">
+<ul class="blockList">
+<li class="blockList">
+<hr>
+<br>
+<pre>public abstract class <span class="strong">ControlBehavior</span>
+extends java.lang.Object</pre>
+<div class="block">The abstract class control behavior allows you to add custom behavior to controllers. Since it is
+ an abstract class it must be extended and method update() must be implemented in your custom
+ control behavior. how to use ControlBehavior please see the ControlP5behavior example in the
+ examples folder.</div>
+<dl><script type="text/javascript">
+<!--
+document.getElementsByTagName('html')[0].className = 'isjs';function toggle(dt) { var display, dd=dt; do{ dd = dd.nextSibling } while(dd.tagName!='DD'); toOpen =!dd.style.display;dd.style.display = toOpen? 'block':''; dt.getElementsByTagName('span')[0].innerHTML  = toOpen? '-':'+' ; }
+-->
+</script>
+<div id="test" class="toggleList"><dl><dt onclick="toggle(this);"><span>+</span>Example</dt><dd><code><pre>/**
+ * ControlP5 Behavior 
+ * ControlBehavior is an abstract class that can be extended using your 
+ * custom control behaviors. What is a control behavior? Control Behaviors
+ * allow you to automate and dynamically change the state or value of a
+ * controller. One behavior per controller is currently supported. i case you
+ * need to use more that one bahavior, the implementation has to happen
+ * on your side - inside your control behavior.
+ *
+ * find a list of public methods available for the ControlBehavior Controller 
+ * at the bottom of this sketch.
+ *
+ * by Andreas Schlegel, 2012
+ * www.sojamo.de/libraries/controlp5
+ *
+ */
+
+import controlP5.*;
+
+
+ControlP5 cp5;
+
+int myColorBackground = color(0, 0, 0);
+
+public int sliderValue = 100;
+
+void setup() {
+  size(400, 400);
+  noStroke();
+
+  cp5 = new ControlP5(this);
+  cp5.addSlider("sliderValue")
+     .setRange(0,255)
+     .setValue(128)
+     .setPosition(100, 50 + height/2)
+     .setSize(40, 100);
+     
+  cp5.addSlider("slider")
+     .setRange(100, 255)
+     .setValue(128)
+     .setPosition(100, 50)
+     .setSize(100, 40);
+     
+
+  cp5.addBang("bang")
+     .setPosition(40, 50 + height/2)
+     .setSize(40, 40);
+     
+  // add a custom ControlBehavior to controller bang,
+  // class TimerEvent is included in this sketch at the bottom
+  // and extends abstract class ControlBehavior.
+  cp5.getController("bang").setBehavior(new TimedEvent());
+
+  // use an anonymous class of type ControlBehavior.
+  cp5.getController("slider").setBehavior(new ControlBehavior() {
+    float a = 0;
+    public void update() { 
+      setValue(sin(a += 0.1) * 50  + 150);
+    }
+  }
+  );
+}
+
+void draw() {
+  background(myColorBackground);
+  fill(sliderValue);
+  rect(0, 0, width, height/2);
+}
+
+void slider(float theColor) {
+  myColorBackground = color(theColor);
+  println("# a slider event. setting background to "+theColor);
+}
+
+public void bang() {
+  println("# an event received from controller bang.");
+  // a bang will set the value of controller sliderValue
+  // to a random number between 0 and 255.
+  cp5.getController("sliderValue").setValue(random(0, 255));
+}
+
+// custom ControlBehavior
+class TimedEvent extends ControlBehavior {
+  long myTime;
+  int interval = 200;
+
+  public TimedEvent() { 
+    reset();
+  }
+  void reset() { 
+    myTime = millis() + interval;
+  }
+
+  public void update() {
+    if (millis()>myTime) { 
+      setValue(1); 
+      reset();
+    }
+  }
+}
+
+
+
+
+/*
+a list of all methods available for the ControlBehavior Controller
+use ControlP5.printPublicMethodsFor(ControlBehavior.class);
+to print the following list into the console.
+
+You can find further details about class ControlBehavior in the javadoc.
+
+Format:
+ClassName : returnType methodName(parameter type)
+
+
+controlP5.ControlBehavior : Controller controller() 
+controlP5.ControlBehavior : boolean isActive() 
+controlP5.ControlBehavior : void setActive(boolean) 
+controlP5.ControlBehavior : void setValue(float) 
+java.lang.Object : String toString() 
+java.lang.Object : boolean equals(Object) 
+
+
+*/
+
+</pre></code></dd></dl></div></dl>
+</li>
+</ul>
+</div>
+<div class="summary">
+<ul class="blockList">
+<li class="blockList">
+<!-- ======== CONSTRUCTOR SUMMARY ======== -->
+<ul class="blockList">
+<li class="blockList"><a name="constructor_summary">
+<!--   -->
+</a>
+<h3>Constructor Summary</h3>
+<table class="overviewSummary" border="0" cellpadding="3" cellspacing="0" summary="Constructor Summary table, listing constructors, and an explanation">
+<caption><span>Constructors</span><span class="tabEnd">&nbsp;</span></caption>
+<tr>
+<th class="colOne" scope="col">Constructor and Description</th>
+</tr>
+<tr class="altColor">
+<td class="colOne"><code><strong><a href="../controlP5/ControlBehavior.html#ControlBehavior()">ControlBehavior</a></strong>()</code>&nbsp;</td>
+</tr>
+</table>
+</li>
+</ul>
+<!-- ========== METHOD SUMMARY =========== -->
+<ul class="blockList">
+<li class="blockList"><a name="method_summary">
+<!--   -->
+</a>
+<h3>Method Summary</h3>
+<table class="overviewSummary" border="0" cellpadding="3" cellspacing="0" summary="Method Summary table, listing methods, and an explanation">
+<caption><span>Methods</span><span class="tabEnd">&nbsp;</span></caption>
+<tr>
+<th class="colFirst" scope="col">Modifier and Type</th>
+<th class="colLast" scope="col">Method and Description</th>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Controller.html" title="class in controlP5">Controller</a>&lt;?&gt;</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlBehavior.html#controller()">controller</a></strong>()</code>
+<div class="block"><strong>Deprecated.</strong>&nbsp;</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Controller.html" title="class in controlP5">Controller</a>&lt;?&gt;</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlBehavior.html#getController()">getController</a></strong>()</code>
+<div class="block">Returns the controller this behavior is connected to.</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>float</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlBehavior.html#getValue()">getValue</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>boolean</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlBehavior.html#isActive()">isActive</a></strong>()</code>
+<div class="block">check if the behavior is active or not.</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>void</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlBehavior.html#setActive(boolean)">setActive</a></strong>(boolean&nbsp;theFlag)</code>
+<div class="block">(de)activate the behavior.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>void</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlBehavior.html#setValue(float)">setValue</a></strong>(float&nbsp;theValue)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>abstract void</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlBehavior.html#update()">update</a></strong>()</code>
+<div class="block">When extending ControlBehavior, update() has to be overridden.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>float</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlBehavior.html#value()">value</a></strong>()</code>
+<div class="block"><strong>Deprecated.</strong>&nbsp;</div>
+</td>
+</tr>
+</table>
+<ul class="blockList">
+<li class="blockList"><a name="methods_inherited_from_class_java.lang.Object">
+<!--   -->
+</a>
+<h3>Methods inherited from class&nbsp;java.lang.Object</h3>
+<code>equals, getClass, hashCode, notify, notifyAll, toString, wait, wait, wait</code></li>
+</ul>
+</li>
+</ul>
+</li>
+</ul>
+</div>
+<div class="details">
+<ul class="blockList">
+<li class="blockList">
+<!-- ========= CONSTRUCTOR DETAIL ======== -->
+<ul class="blockList">
+<li class="blockList"><a name="constructor_detail">
+<!--   -->
+</a>
+<h3>Constructor Detail</h3>
+<a name="ControlBehavior()">
+<!--   -->
+</a>
+<ul class="blockListLast">
+<li class="blockList">
+<h4>ControlBehavior</h4>
+<pre>public&nbsp;ControlBehavior()</pre>
+</li>
+</ul>
+</li>
+</ul>
+<!-- ============ METHOD DETAIL ========== -->
+<ul class="blockList">
+<li class="blockList"><a name="method_detail">
+<!--   -->
+</a>
+<h3>Method Detail</h3>
+<a name="controller()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>controller</h4>
+<pre>@Deprecated
+public&nbsp;<a href="../controlP5/Controller.html" title="class in controlP5">Controller</a>&lt;?&gt;&nbsp;controller()</pre>
+<div class="block"><span class="strong">Deprecated.</span>&nbsp;</div>
+</li>
+</ul>
+<a name="getController()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getController</h4>
+<pre>public&nbsp;<a href="../controlP5/Controller.html" title="class in controlP5">Controller</a>&lt;?&gt;&nbsp;getController()</pre>
+<div class="block">Returns the controller this behavior is connected to.</div>
+<dl><dt><span class="strong">Returns:</span></dt><dd>Controller</dd></dl>
+</li>
+</ul>
+<a name="getValue()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getValue</h4>
+<pre>public&nbsp;float&nbsp;getValue()</pre>
+</li>
+</ul>
+<a name="isActive()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>isActive</h4>
+<pre>public&nbsp;boolean&nbsp;isActive()</pre>
+<div class="block">check if the behavior is active or not.</div>
+<dl><dt><span class="strong">Returns:</span></dt><dd>boolean</dd></dl>
+</li>
+</ul>
+<a name="setActive(boolean)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setActive</h4>
+<pre>public&nbsp;void&nbsp;setActive(boolean&nbsp;theFlag)</pre>
+<div class="block">(de)activate the behavior.</div>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theFlag</code> - boolean</dd></dl>
+</li>
+</ul>
+<a name="setValue(float)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setValue</h4>
+<pre>public&nbsp;void&nbsp;setValue(float&nbsp;theValue)</pre>
+</li>
+</ul>
+<a name="update()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>update</h4>
+<pre>public abstract&nbsp;void&nbsp;update()</pre>
+<div class="block">When extending ControlBehavior, update() has to be overridden.</div>
+</li>
+</ul>
+<a name="value()">
+<!--   -->
+</a>
+<ul class="blockListLast">
+<li class="blockList">
+<h4>value</h4>
+<pre>@Deprecated
+public&nbsp;float&nbsp;value()</pre>
+<div class="block"><span class="strong">Deprecated.</span>&nbsp;</div>
+<dl><dt><span class="strong">Returns:</span></dt><dd></dd></dl>
+</li>
+</ul>
+</li>
+</ul>
+</li>
+</ul>
+</div>
+</div>
+<!-- ========= END OF CLASS DATA ========= -->
+<!-- ======= START OF BOTTOM NAVBAR ====== -->
+<div class="bottomNav"><a name="navbar_bottom">
+<!--   -->
+</a><a href="#skip-navbar_bottom" title="Skip navigation links"></a><a name="navbar_bottom_firstrow">
+<!--   -->
+</a>
+<ul class="navList" title="Navigation">
+<li><a href="../controlP5/package-summary.html">Package</a></li>
+<li class="navBarCell1Rev">Class</li>
+<li><a href="package-tree.html">Tree</a></li>
+<li><a href="../index-all.html">Index</a></li>
+<li><a href="../help-doc.html">Help</a></li>
+</ul>
+</div>
+<div class="subNav">
+<ul class="navList">
+<li><a href="../controlP5/ColorWheel.html" title="class in controlP5"><span class="strong">Prev Class</span></a></li>
+<li><a href="../controlP5/ControlBroadcaster.html" title="class in controlP5"><span class="strong">Next Class</span></a></li>
+</ul>
+<ul class="navList">
+<li><a href="../index.html?controlP5/ControlBehavior.html" target="_top">Frames</a></li>
+<li><a href="ControlBehavior.html" target="_top">No Frames</a></li>
+</ul>
+<ul class="navList" id="allclasses_navbar_bottom">
+<li><a href="../allclasses-noframe.html">All Classes</a></li>
+</ul>
+<div>
+<script type="text/javascript"><!--
+  allClassesLink = document.getElementById("allclasses_navbar_bottom");
+  if(window==top) {
+    allClassesLink.style.display = "block";
+  }
+  else {
+    allClassesLink.style.display = "none";
+  }
+  //-->
+</script>
+</div>
+<div>
+<ul class="subNavList">
+<li>Summary:&nbsp;</li>
+<li>Nested&nbsp;|&nbsp;</li>
+<li>Field&nbsp;|&nbsp;</li>
+<li><a href="#constructor_summary">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_summary">Method</a></li>
+</ul>
+<ul class="subNavList">
+<li>Detail:&nbsp;</li>
+<li>Field&nbsp;|&nbsp;</li>
+<li><a href="#constructor_detail">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_detail">Method</a></li>
+</ul>
+</div>
+<a name="skip-navbar_bottom">
+<!--   -->
+</a></div>
+<!-- ======== END OF BOTTOM NAVBAR ======= -->
+<p class="legalCopy"><small>processing library controlP5 by Andreas Schlegel. (c) 2006-2014</small></p>
+</body>
+</html>
diff --git a/reference/controlP5/ControlBroadcaster.html b/reference/controlP5/ControlBroadcaster.html
new file mode 100644
index 0000000..931e455
--- /dev/null
+++ b/reference/controlP5/ControlBroadcaster.html
@@ -0,0 +1,452 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
+<!-- NewPage -->
+<html lang="en">
+<head>
+<!-- Generated by javadoc (version 1.7.0_51) on Sun Apr 27 21:39:46 SGT 2014 -->
+<title>ControlBroadcaster (Javadocs: controlP5)</title>
+<meta name="date" content="2014-04-27">
+<link rel="stylesheet" type="text/css" href="../stylesheet.css" title="Style">
+</head>
+<body>
+<script type="text/javascript"><!--
+    if (location.href.indexOf('is-external=true') == -1) {
+        parent.document.title="ControlBroadcaster (Javadocs: controlP5)";
+    }
+//-->
+</script>
+<noscript>
+<div>JavaScript is disabled on your browser.</div>
+</noscript>
+<!-- ========= START OF TOP NAVBAR ======= -->
+<div class="topNav"><a name="navbar_top">
+<!--   -->
+</a><a href="#skip-navbar_top" title="Skip navigation links"></a><a name="navbar_top_firstrow">
+<!--   -->
+</a>
+<ul class="navList" title="Navigation">
+<li><a href="../controlP5/package-summary.html">Package</a></li>
+<li class="navBarCell1Rev">Class</li>
+<li><a href="package-tree.html">Tree</a></li>
+<li><a href="../index-all.html">Index</a></li>
+<li><a href="../help-doc.html">Help</a></li>
+</ul>
+</div>
+<div class="subNav">
+<ul class="navList">
+<li><a href="../controlP5/ControlBehavior.html" title="class in controlP5"><span class="strong">Prev Class</span></a></li>
+<li><a href="../controlP5/ControlElement.html" title="annotation in controlP5"><span class="strong">Next Class</span></a></li>
+</ul>
+<ul class="navList">
+<li><a href="../index.html?controlP5/ControlBroadcaster.html" target="_top">Frames</a></li>
+<li><a href="ControlBroadcaster.html" target="_top">No Frames</a></li>
+</ul>
+<ul class="navList" id="allclasses_navbar_top">
+<li><a href="../allclasses-noframe.html">All Classes</a></li>
+</ul>
+<div>
+<script type="text/javascript"><!--
+  allClassesLink = document.getElementById("allclasses_navbar_top");
+  if(window==top) {
+    allClassesLink.style.display = "block";
+  }
+  else {
+    allClassesLink.style.display = "none";
+  }
+  //-->
+</script>
+</div>
+<div>
+<ul class="subNavList">
+<li>Summary:&nbsp;</li>
+<li>Nested&nbsp;|&nbsp;</li>
+<li>Field&nbsp;|&nbsp;</li>
+<li>Constr&nbsp;|&nbsp;</li>
+<li><a href="#method_summary">Method</a></li>
+</ul>
+<ul class="subNavList">
+<li>Detail:&nbsp;</li>
+<li>Field&nbsp;|&nbsp;</li>
+<li>Constr&nbsp;|&nbsp;</li>
+<li><a href="#method_detail">Method</a></li>
+</ul>
+</div>
+<a name="skip-navbar_top">
+<!--   -->
+</a></div>
+<!-- ========= END OF TOP NAVBAR ========= -->
+<!-- ======== START OF CLASS DATA ======== -->
+<div class="header">
+<div class="subTitle">controlP5</div>
+<h2 title="Class ControlBroadcaster" class="title">Class ControlBroadcaster</h2>
+</div>
+<div class="contentContainer">
+<ul class="inheritance">
+<li>java.lang.Object</li>
+<li>
+<ul class="inheritance">
+<li>controlP5.ControlBroadcaster</li>
+</ul>
+</li>
+</ul>
+<div class="description">
+<ul class="blockList">
+<li class="blockList">
+<hr>
+<br>
+<pre>public class <span class="strong">ControlBroadcaster</span>
+extends java.lang.Object</pre>
+<div class="block">The ControlBroadcaster handles all controller value changes and distributes them accordingly to
+ its listeners. The ControlBroadcaster is primarily for internal use only but can be accessed
+ through an instance of the ControlP5 class. Instead of accessing the ControlBroadcaster directly,
+ use the convenience methods available from the ControlP5 class.</div>
+<dl><dt><span class="strong">See Also:</span></dt><dd><a href="../controlP5/ControlP5.html#getControlBroadcaster()"><code>ControlP5.getControlBroadcaster()</code></a></dd></dl>
+</li>
+</ul>
+</div>
+<div class="summary">
+<ul class="blockList">
+<li class="blockList">
+<!-- ========== METHOD SUMMARY =========== -->
+<ul class="blockList">
+<li class="blockList"><a name="method_summary">
+<!--   -->
+</a>
+<h3>Method Summary</h3>
+<table class="overviewSummary" border="0" cellpadding="3" cellspacing="0" summary="Method Summary table, listing methods, and an explanation">
+<caption><span>Methods</span><span class="tabEnd">&nbsp;</span></caption>
+<tr>
+<th class="colFirst" scope="col">Modifier and Type</th>
+<th class="colLast" scope="col">Method and Description</th>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/ControlBroadcaster.html" title="class in controlP5">ControlBroadcaster</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlBroadcaster.html#addCallback(controlP5.CallbackListener...)">addCallback</a></strong>(<a href="../controlP5/CallbackListener.html" title="interface in controlP5">CallbackListener</a>...&nbsp;theListeners)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/ControlBroadcaster.html" title="class in controlP5">ControlBroadcaster</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlBroadcaster.html#addCallback(controlP5.CallbackListener)">addCallback</a></strong>(<a href="../controlP5/CallbackListener.html" title="interface in controlP5">CallbackListener</a>&nbsp;theListener)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>void</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlBroadcaster.html#addCallback(controlP5.CallbackListener, controlP5.Controller...)">addCallback</a></strong>(<a href="../controlP5/CallbackListener.html" title="interface in controlP5">CallbackListener</a>&nbsp;theListener,
+           <a href="../controlP5/Controller.html" title="class in controlP5">Controller</a>&lt;?&gt;...&nbsp;theController)</code>
+<div class="block">Adds a CallbackListener for a list of controllers.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/ControlBroadcaster.html" title="class in controlP5">ControlBroadcaster</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlBroadcaster.html#addListener(controlP5.ControlListener...)">addListener</a></strong>(<a href="../controlP5/ControlListener.html" title="interface in controlP5">ControlListener</a>...&nbsp;theListeners)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/ControlBroadcaster.html" title="class in controlP5">ControlBroadcaster</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlBroadcaster.html#broadcast(controlP5.ControlEvent, int)">broadcast</a></strong>(<a href="../controlP5/ControlEvent.html" title="class in controlP5">ControlEvent</a>&nbsp;theControlEvent,
+         int&nbsp;theType)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/ControlListener.html" title="interface in controlP5">ControlListener</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlBroadcaster.html#getListener(int)">getListener</a></strong>(int&nbsp;theIndex)</code>
+<div class="block">Returns a ControlListener by index</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>static void</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlBroadcaster.html#ignoreErrorMessage(boolean)">ignoreErrorMessage</a></strong>(boolean&nbsp;theFlag)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlBroadcaster.html#listenerSize()">listenerSize</a></strong>()</code>
+<div class="block">Returns the size of the ControlListener list</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/ControlBroadcaster.html" title="class in controlP5">ControlBroadcaster</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlBroadcaster.html#plug(java.lang.Object, controlP5.Controller, java.lang.String)">plug</a></strong>(java.lang.Object&nbsp;theObject,
+    <a href="../controlP5/Controller.html" title="class in controlP5">Controller</a>&lt;?&gt;&nbsp;theController,
+    java.lang.String&nbsp;theTargetMethod)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/ControlBroadcaster.html" title="class in controlP5">ControlBroadcaster</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlBroadcaster.html#plug(java.lang.Object, java.lang.String, java.lang.String)">plug</a></strong>(java.lang.Object&nbsp;theObject,
+    java.lang.String&nbsp;theControllerName,
+    java.lang.String&nbsp;theTargetMethod)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>void</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlBroadcaster.html#plug(java.lang.String, java.lang.String)">plug</a></strong>(java.lang.String&nbsp;theControllerName,
+    java.lang.String&nbsp;theTargetMethod)</code>
+<div class="block"><strong>Deprecated.</strong>&nbsp;</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/ControlBroadcaster.html" title="class in controlP5">ControlBroadcaster</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlBroadcaster.html#removeCallback(controlP5.CallbackListener...)">removeCallback</a></strong>(<a href="../controlP5/CallbackListener.html" title="interface in controlP5">CallbackListener</a>...&nbsp;theListeners)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/ControlBroadcaster.html" title="class in controlP5">ControlBroadcaster</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlBroadcaster.html#removeCallback(controlP5.CallbackListener)">removeCallback</a></strong>(<a href="../controlP5/CallbackListener.html" title="interface in controlP5">CallbackListener</a>&nbsp;theListener)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/ControlBroadcaster.html" title="class in controlP5">ControlBroadcaster</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlBroadcaster.html#removeCallback(controlP5.Controller...)">removeCallback</a></strong>(<a href="../controlP5/Controller.html" title="class in controlP5">Controller</a>&lt;?&gt;...&nbsp;theControllers)</code>
+<div class="block">Removes a CallbackListener for a particular controller</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/ControlBroadcaster.html" title="class in controlP5">ControlBroadcaster</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlBroadcaster.html#removeListener(controlP5.ControlListener...)">removeListener</a></strong>(<a href="../controlP5/ControlListener.html" title="interface in controlP5">ControlListener</a>...&nbsp;theListeners)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>static void</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlBroadcaster.html#setPrintStackTrace(boolean)">setPrintStackTrace</a></strong>(boolean&nbsp;theFlag)</code>&nbsp;</td>
+</tr>
+</table>
+<ul class="blockList">
+<li class="blockList"><a name="methods_inherited_from_class_java.lang.Object">
+<!--   -->
+</a>
+<h3>Methods inherited from class&nbsp;java.lang.Object</h3>
+<code>equals, getClass, hashCode, notify, notifyAll, toString, wait, wait, wait</code></li>
+</ul>
+</li>
+</ul>
+</li>
+</ul>
+</div>
+<div class="details">
+<ul class="blockList">
+<li class="blockList">
+<!-- ============ METHOD DETAIL ========== -->
+<ul class="blockList">
+<li class="blockList"><a name="method_detail">
+<!--   -->
+</a>
+<h3>Method Detail</h3>
+<a name="addCallback(controlP5.CallbackListener...)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>addCallback</h4>
+<pre>public&nbsp;<a href="../controlP5/ControlBroadcaster.html" title="class in controlP5">ControlBroadcaster</a>&nbsp;addCallback(<a href="../controlP5/CallbackListener.html" title="interface in controlP5">CallbackListener</a>...&nbsp;theListeners)</pre>
+</li>
+</ul>
+<a name="addCallback(controlP5.CallbackListener)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>addCallback</h4>
+<pre>public&nbsp;<a href="../controlP5/ControlBroadcaster.html" title="class in controlP5">ControlBroadcaster</a>&nbsp;addCallback(<a href="../controlP5/CallbackListener.html" title="interface in controlP5">CallbackListener</a>&nbsp;theListener)</pre>
+</li>
+</ul>
+<a name="addCallback(controlP5.CallbackListener, controlP5.Controller...)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>addCallback</h4>
+<pre>public&nbsp;void&nbsp;addCallback(<a href="../controlP5/CallbackListener.html" title="interface in controlP5">CallbackListener</a>&nbsp;theListener,
+               <a href="../controlP5/Controller.html" title="class in controlP5">Controller</a>&lt;?&gt;...&nbsp;theController)</pre>
+<div class="block">Adds a CallbackListener for a list of controllers.</div>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theListener</code> - </dd><dd><code>theController</code> - </dd></dl>
+</li>
+</ul>
+<a name="addListener(controlP5.ControlListener...)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>addListener</h4>
+<pre>public&nbsp;<a href="../controlP5/ControlBroadcaster.html" title="class in controlP5">ControlBroadcaster</a>&nbsp;addListener(<a href="../controlP5/ControlListener.html" title="interface in controlP5">ControlListener</a>...&nbsp;theListeners)</pre>
+</li>
+</ul>
+<a name="broadcast(controlP5.ControlEvent, int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>broadcast</h4>
+<pre>public&nbsp;<a href="../controlP5/ControlBroadcaster.html" title="class in controlP5">ControlBroadcaster</a>&nbsp;broadcast(<a href="../controlP5/ControlEvent.html" title="class in controlP5">ControlEvent</a>&nbsp;theControlEvent,
+                           int&nbsp;theType)</pre>
+</li>
+</ul>
+<a name="getListener(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getListener</h4>
+<pre>public&nbsp;<a href="../controlP5/ControlListener.html" title="interface in controlP5">ControlListener</a>&nbsp;getListener(int&nbsp;theIndex)</pre>
+<div class="block">Returns a ControlListener by index</div>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theIndex</code> - </dd>
+<dt><span class="strong">Returns:</span></dt><dd></dd></dl>
+</li>
+</ul>
+<a name="ignoreErrorMessage(boolean)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>ignoreErrorMessage</h4>
+<pre>public static&nbsp;void&nbsp;ignoreErrorMessage(boolean&nbsp;theFlag)</pre>
+</li>
+</ul>
+<a name="listenerSize()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>listenerSize</h4>
+<pre>public&nbsp;int&nbsp;listenerSize()</pre>
+<div class="block">Returns the size of the ControlListener list</div>
+<dl><dt><span class="strong">Returns:</span></dt><dd></dd></dl>
+</li>
+</ul>
+<a name="plug(java.lang.Object, controlP5.Controller, java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>plug</h4>
+<pre>public&nbsp;<a href="../controlP5/ControlBroadcaster.html" title="class in controlP5">ControlBroadcaster</a>&nbsp;plug(java.lang.Object&nbsp;theObject,
+                      <a href="../controlP5/Controller.html" title="class in controlP5">Controller</a>&lt;?&gt;&nbsp;theController,
+                      java.lang.String&nbsp;theTargetMethod)</pre>
+</li>
+</ul>
+<a name="plug(java.lang.Object, java.lang.String, java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>plug</h4>
+<pre>public&nbsp;<a href="../controlP5/ControlBroadcaster.html" title="class in controlP5">ControlBroadcaster</a>&nbsp;plug(java.lang.Object&nbsp;theObject,
+                      java.lang.String&nbsp;theControllerName,
+                      java.lang.String&nbsp;theTargetMethod)</pre>
+</li>
+</ul>
+<a name="plug(java.lang.String, java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>plug</h4>
+<pre>@Deprecated
+public&nbsp;void&nbsp;plug(java.lang.String&nbsp;theControllerName,
+                   java.lang.String&nbsp;theTargetMethod)</pre>
+<div class="block"><span class="strong">Deprecated.</span>&nbsp;</div>
+</li>
+</ul>
+<a name="removeCallback(controlP5.CallbackListener...)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>removeCallback</h4>
+<pre>public&nbsp;<a href="../controlP5/ControlBroadcaster.html" title="class in controlP5">ControlBroadcaster</a>&nbsp;removeCallback(<a href="../controlP5/CallbackListener.html" title="interface in controlP5">CallbackListener</a>...&nbsp;theListeners)</pre>
+</li>
+</ul>
+<a name="removeCallback(controlP5.CallbackListener)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>removeCallback</h4>
+<pre>public&nbsp;<a href="../controlP5/ControlBroadcaster.html" title="class in controlP5">ControlBroadcaster</a>&nbsp;removeCallback(<a href="../controlP5/CallbackListener.html" title="interface in controlP5">CallbackListener</a>&nbsp;theListener)</pre>
+</li>
+</ul>
+<a name="removeCallback(controlP5.Controller...)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>removeCallback</h4>
+<pre>public&nbsp;<a href="../controlP5/ControlBroadcaster.html" title="class in controlP5">ControlBroadcaster</a>&nbsp;removeCallback(<a href="../controlP5/Controller.html" title="class in controlP5">Controller</a>&lt;?&gt;...&nbsp;theControllers)</pre>
+<div class="block">Removes a CallbackListener for a particular controller</div>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theController</code> - </dd></dl>
+</li>
+</ul>
+<a name="removeListener(controlP5.ControlListener...)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>removeListener</h4>
+<pre>public&nbsp;<a href="../controlP5/ControlBroadcaster.html" title="class in controlP5">ControlBroadcaster</a>&nbsp;removeListener(<a href="../controlP5/ControlListener.html" title="interface in controlP5">ControlListener</a>...&nbsp;theListeners)</pre>
+</li>
+</ul>
+<a name="setPrintStackTrace(boolean)">
+<!--   -->
+</a>
+<ul class="blockListLast">
+<li class="blockList">
+<h4>setPrintStackTrace</h4>
+<pre>public static&nbsp;void&nbsp;setPrintStackTrace(boolean&nbsp;theFlag)</pre>
+</li>
+</ul>
+</li>
+</ul>
+</li>
+</ul>
+</div>
+</div>
+<!-- ========= END OF CLASS DATA ========= -->
+<!-- ======= START OF BOTTOM NAVBAR ====== -->
+<div class="bottomNav"><a name="navbar_bottom">
+<!--   -->
+</a><a href="#skip-navbar_bottom" title="Skip navigation links"></a><a name="navbar_bottom_firstrow">
+<!--   -->
+</a>
+<ul class="navList" title="Navigation">
+<li><a href="../controlP5/package-summary.html">Package</a></li>
+<li class="navBarCell1Rev">Class</li>
+<li><a href="package-tree.html">Tree</a></li>
+<li><a href="../index-all.html">Index</a></li>
+<li><a href="../help-doc.html">Help</a></li>
+</ul>
+</div>
+<div class="subNav">
+<ul class="navList">
+<li><a href="../controlP5/ControlBehavior.html" title="class in controlP5"><span class="strong">Prev Class</span></a></li>
+<li><a href="../controlP5/ControlElement.html" title="annotation in controlP5"><span class="strong">Next Class</span></a></li>
+</ul>
+<ul class="navList">
+<li><a href="../index.html?controlP5/ControlBroadcaster.html" target="_top">Frames</a></li>
+<li><a href="ControlBroadcaster.html" target="_top">No Frames</a></li>
+</ul>
+<ul class="navList" id="allclasses_navbar_bottom">
+<li><a href="../allclasses-noframe.html">All Classes</a></li>
+</ul>
+<div>
+<script type="text/javascript"><!--
+  allClassesLink = document.getElementById("allclasses_navbar_bottom");
+  if(window==top) {
+    allClassesLink.style.display = "block";
+  }
+  else {
+    allClassesLink.style.display = "none";
+  }
+  //-->
+</script>
+</div>
+<div>
+<ul class="subNavList">
+<li>Summary:&nbsp;</li>
+<li>Nested&nbsp;|&nbsp;</li>
+<li>Field&nbsp;|&nbsp;</li>
+<li>Constr&nbsp;|&nbsp;</li>
+<li><a href="#method_summary">Method</a></li>
+</ul>
+<ul class="subNavList">
+<li>Detail:&nbsp;</li>
+<li>Field&nbsp;|&nbsp;</li>
+<li>Constr&nbsp;|&nbsp;</li>
+<li><a href="#method_detail">Method</a></li>
+</ul>
+</div>
+<a name="skip-navbar_bottom">
+<!--   -->
+</a></div>
+<!-- ======== END OF BOTTOM NAVBAR ======= -->
+<p class="legalCopy"><small>processing library controlP5 by Andreas Schlegel. (c) 2006-2014</small></p>
+</body>
+</html>
diff --git a/reference/controlP5/ControlElement.html b/reference/controlP5/ControlElement.html
new file mode 100644
index 0000000..0bd5250
--- /dev/null
+++ b/reference/controlP5/ControlElement.html
@@ -0,0 +1,423 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
+<!-- NewPage -->
+<html lang="en">
+<head>
+<!-- Generated by javadoc (version 1.7.0_51) on Sun Apr 27 21:39:46 SGT 2014 -->
+<title>ControlElement (Javadocs: controlP5)</title>
+<meta name="date" content="2014-04-27">
+<link rel="stylesheet" type="text/css" href="../stylesheet.css" title="Style">
+</head>
+<body>
+<script type="text/javascript"><!--
+    if (location.href.indexOf('is-external=true') == -1) {
+        parent.document.title="ControlElement (Javadocs: controlP5)";
+    }
+//-->
+</script>
+<noscript>
+<div>JavaScript is disabled on your browser.</div>
+</noscript>
+<!-- ========= START OF TOP NAVBAR ======= -->
+<div class="topNav"><a name="navbar_top">
+<!--   -->
+</a><a href="#skip-navbar_top" title="Skip navigation links"></a><a name="navbar_top_firstrow">
+<!--   -->
+</a>
+<ul class="navList" title="Navigation">
+<li><a href="../controlP5/package-summary.html">Package</a></li>
+<li class="navBarCell1Rev">Class</li>
+<li><a href="package-tree.html">Tree</a></li>
+<li><a href="../index-all.html">Index</a></li>
+<li><a href="../help-doc.html">Help</a></li>
+</ul>
+</div>
+<div class="subNav">
+<ul class="navList">
+<li><a href="../controlP5/ControlBroadcaster.html" title="class in controlP5"><span class="strong">Prev Class</span></a></li>
+<li><a href="../controlP5/ControlEvent.html" title="class in controlP5"><span class="strong">Next Class</span></a></li>
+</ul>
+<ul class="navList">
+<li><a href="../index.html?controlP5/ControlElement.html" target="_top">Frames</a></li>
+<li><a href="ControlElement.html" target="_top">No Frames</a></li>
+</ul>
+<ul class="navList" id="allclasses_navbar_top">
+<li><a href="../allclasses-noframe.html">All Classes</a></li>
+</ul>
+<div>
+<script type="text/javascript"><!--
+  allClassesLink = document.getElementById("allclasses_navbar_top");
+  if(window==top) {
+    allClassesLink.style.display = "block";
+  }
+  else {
+    allClassesLink.style.display = "none";
+  }
+  //-->
+</script>
+</div>
+<div>
+<ul class="subNavList">
+<li>Summary:&nbsp;</li>
+<li>Required&nbsp;|&nbsp;</li>
+<li><a href="#annotation_type_optional_element_summary">Optional</a></li>
+</ul>
+<ul class="subNavList">
+<li>Detail:&nbsp;</li>
+<li><a href="#annotation_type_element_detail">Element</a></li>
+</ul>
+</div>
+<a name="skip-navbar_top">
+<!--   -->
+</a></div>
+<!-- ========= END OF TOP NAVBAR ========= -->
+<!-- ======== START OF CLASS DATA ======== -->
+<div class="header">
+<div class="subTitle">controlP5</div>
+<h2 title="Annotation Type ControlElement" class="title">Annotation Type ControlElement</h2>
+</div>
+<div class="contentContainer">
+<div class="description">
+<ul class="blockList">
+<li class="blockList">
+<hr>
+<br>
+<pre>@Retention(value=RUNTIME)
+public @interface <span class="strong">ControlElement</span></pre>
+<div class="block">Used for automated controller creation using annotations. Very much inspired by Karsten Schmidt's
+ (toxi) cp5magic</div>
+<dl><script type="text/javascript">
+<!--
+document.getElementsByTagName('html')[0].className = 'isjs';function toggle(dt) { var display, dd=dt; do{ dd = dd.nextSibling } while(dd.tagName!='DD'); toOpen =!dd.style.display;dd.style.display = toOpen? 'block':''; dt.getElementsByTagName('span')[0].innerHTML  = toOpen? '-':'+' ; }
+-->
+</script>
+<div id="test" class="toggleList"><dl><dt onclick="toggle(this);"><span>+</span>Example</dt><dd><code><pre>/**
+ * ControlP5 Annotation
+ *
+ * Lately annotation support has been added to processing. 
+ * Making use of annotations to create controllers is a great strategy i learned
+ * from Karsten Schmidt's (toxi) cp5magic library. 
+ * Loving the simplicity of annotations and how it is aplied with cp5magic,
+ * i had to include it into controlp5 and the following example 
+ * shows how to use annotations with controlp5. 
+ *
+ * Annotations can be applied to variables and functions of the main program 
+ * as well as individual classes. More details are included in the comments below.
+ *
+ * by Andreas Schlegel, 2012
+ * www.sojamo.de/libraries/controlp5
+ *
+ */
+import controlP5.*;
+
+ControlP5 cp5;
+
+TestControl tc1, tc2;
+
+Tab extraTab;
+
+// create controllers using the ControlElement annotation
+// by default a slider is created for int and float 
+// values will range from 0-100 by default
+// default attributes are x,y and label
+@ControlElement (x=10, y=80)
+int n = 20;
+
+// to customize a controller with a CoontrolElement use the
+// properties attribute. values passed using properties have a key and a value
+// here the key corresponds with a function found within a controller which 
+// starts with set followed by the name of the key. the value is then applied accordingly.
+// e.g. min=10 will translate to controller.setMin(10)
+@ControlElement (properties = { "min=0", "max=255", "type=numberbox", "height=10", "width=50"} , x=10, y=40, label="Change Background")
+float m = 40;
+
+
+void setup() {
+  size(600, 400);
+  noStroke();
+
+  cp5 = new ControlP5(this);
+  
+  // Annotations:
+  // addControllersFor(PApplet) checks the main sketch for 
+  // annotations and adds controllers accordingly.
+  cp5.addControllersFor(this);
+  
+  
+  
+  
+  extraTab = cp5.addTab("extra");
+
+  // create an instance of class testControl
+  tc1 = new TestControl();
+
+  // addControllersFor cycles throught object tc1
+  // and assigns controllers according to available annotations.
+  // an address will be assigned to these controllers, in the example
+  // below the address is /world and the individual controllers can be 
+  // accessed adding a / and the controller's name 
+  // e.g. variable x
+  // /world/x
+  cp5.addControllersFor("world", tc1);
+
+  // set the Position of controllers contained within object tc1
+  cp5.setPosition(10, 150, tc1);
+
+
+  // a more advanced example of using functions with ControllerObjects
+  tc2 = new TestControl();
+  CColor col = new CColor();
+  col.setActive(color(0, 200, 100));
+  
+  cp5.addControllersFor("hello", tc2)
+     .setPosition(200, 150, tc2)
+     .moveTo(extraTab, tc2)
+     .setColor(col, tc2);
+     
+  cp5.getController("s", tc2)
+     .setStringValue("Second Control"); 
+  
+  // with listening turned on, a controller can listen to changes made to its connected variable 
+  // here the controller will listen to variable x of object tc2
+  cp5.getController("x", tc2).listen(true);
+
+
+  // (uncomment line below) print the a map of all available controller addresses
+  // cp5.printControllerMap();
+
+  // (uncomment line below) access a controller via its address:
+  // println(cp5.getController("/world/x").getInfo());
+}
+
+
+
+void draw() {
+  background(m);
+
+  pushMatrix();  
+  if (tc1.b) {
+    fill(tc1.x);
+    translate(10, tc1.y);
+    rect(0, 300, 100, 20);
+  }
+  popMatrix();
+  fill(255);
+  text(tc1.in,400,100,150,300);
+  
+  
+  pushMatrix();
+  if (tc2.b) {
+    fill(tc2.x);
+    translate(200, tc2.y);
+    for (int i=0;i<1;i++) {
+      rect(0, 300, 100, 20);
+    }
+  }
+  popMatrix();
+  fill(255);
+  text(tc2.in,400,300,150,300);
+  
+  // the variable x of object tt is controlled by the main program,
+  // the matching controller will update accordingly since it is 
+  // listening for changes.
+  tc2.x = (int)random(100);
+
+  
+}
+
+
+public class TestControl {
+
+  @ControlElement (properties = { "min=0", "max=255" }, x=0, y=0, label="Brightness")
+    public int x = 100;
+
+  @ControlElement (x=0, y=14, label="Y-Position")
+    public float y = 0;
+
+  @ControlElement (x=0, y=40, label="show")
+    public boolean b = true;
+
+  @ControlElement (x=50, y=40)
+    public void toggle(boolean b) {
+      println("hello world");
+    }
+
+  @ControlElement (x=0, y=-20, label="Control", properties = { "type=textlabel"})
+    String s;
+
+  @ControlElement (x=0, y=100, label="Type here")
+    String in = "";
+    
+  @ControlElement (x=200, y=25, properties = {"type=list", "items=hello, world, how are you"}, label="Sample-list") 
+    public void a(int val) {  
+      println(val);
+    }
+}
+
+
+
+
+</pre></code></dd></dl></div></dl>
+</li>
+</ul>
+</div>
+<div class="summary">
+<ul class="blockList">
+<li class="blockList">
+<!-- =========== ANNOTATION TYPE OPTIONAL MEMBER SUMMARY =========== -->
+<ul class="blockList">
+<li class="blockList"><a name="annotation_type_optional_element_summary">
+<!--   -->
+</a>
+<h3>Optional Element Summary</h3>
+<table class="overviewSummary" border="0" cellpadding="3" cellspacing="0" summary="Optional Element Summary table, listing optional elements, and an explanation">
+<caption><span>Optional Elements</span><span class="tabEnd">&nbsp;</span></caption>
+<tr>
+<th class="colFirst" scope="col">Modifier and Type</th>
+<th class="colLast" scope="col">Optional Element and Description</th>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>java.lang.String</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlElement.html#label()">label</a></strong></code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>java.lang.String[]</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlElement.html#properties()">properties</a></strong></code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlElement.html#x()">x</a></strong></code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlElement.html#y()">y</a></strong></code>&nbsp;</td>
+</tr>
+</table>
+</li>
+</ul>
+</li>
+</ul>
+</div>
+<div class="details">
+<ul class="blockList">
+<li class="blockList">
+<!-- ============ ANNOTATION TYPE MEMBER DETAIL =========== -->
+<ul class="blockList">
+<li class="blockList"><a name="annotation_type_element_detail">
+<!--   -->
+</a>
+<h3>Element Detail</h3>
+<a name="label()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>label</h4>
+<pre>public abstract&nbsp;java.lang.String&nbsp;label</pre>
+<dl>
+<dt>Default:</dt>
+<dd>""</dd>
+</dl>
+</li>
+</ul>
+<a name="properties()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>properties</h4>
+<pre>public abstract&nbsp;java.lang.String[]&nbsp;properties</pre>
+<dl>
+<dt>Default:</dt>
+<dd>{}</dd>
+</dl>
+</li>
+</ul>
+<a name="x()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>x</h4>
+<pre>public abstract&nbsp;int&nbsp;x</pre>
+<dl>
+<dt>Default:</dt>
+<dd>-1</dd>
+</dl>
+</li>
+</ul>
+<a name="y()">
+<!--   -->
+</a>
+<ul class="blockListLast">
+<li class="blockList">
+<h4>y</h4>
+<pre>public abstract&nbsp;int&nbsp;y</pre>
+<dl>
+<dt>Default:</dt>
+<dd>-1</dd>
+</dl>
+</li>
+</ul>
+</li>
+</ul>
+</li>
+</ul>
+</div>
+</div>
+<!-- ========= END OF CLASS DATA ========= -->
+<!-- ======= START OF BOTTOM NAVBAR ====== -->
+<div class="bottomNav"><a name="navbar_bottom">
+<!--   -->
+</a><a href="#skip-navbar_bottom" title="Skip navigation links"></a><a name="navbar_bottom_firstrow">
+<!--   -->
+</a>
+<ul class="navList" title="Navigation">
+<li><a href="../controlP5/package-summary.html">Package</a></li>
+<li class="navBarCell1Rev">Class</li>
+<li><a href="package-tree.html">Tree</a></li>
+<li><a href="../index-all.html">Index</a></li>
+<li><a href="../help-doc.html">Help</a></li>
+</ul>
+</div>
+<div class="subNav">
+<ul class="navList">
+<li><a href="../controlP5/ControlBroadcaster.html" title="class in controlP5"><span class="strong">Prev Class</span></a></li>
+<li><a href="../controlP5/ControlEvent.html" title="class in controlP5"><span class="strong">Next Class</span></a></li>
+</ul>
+<ul class="navList">
+<li><a href="../index.html?controlP5/ControlElement.html" target="_top">Frames</a></li>
+<li><a href="ControlElement.html" target="_top">No Frames</a></li>
+</ul>
+<ul class="navList" id="allclasses_navbar_bottom">
+<li><a href="../allclasses-noframe.html">All Classes</a></li>
+</ul>
+<div>
+<script type="text/javascript"><!--
+  allClassesLink = document.getElementById("allclasses_navbar_bottom");
+  if(window==top) {
+    allClassesLink.style.display = "block";
+  }
+  else {
+    allClassesLink.style.display = "none";
+  }
+  //-->
+</script>
+</div>
+<div>
+<ul class="subNavList">
+<li>Summary:&nbsp;</li>
+<li>Required&nbsp;|&nbsp;</li>
+<li><a href="#annotation_type_optional_element_summary">Optional</a></li>
+</ul>
+<ul class="subNavList">
+<li>Detail:&nbsp;</li>
+<li><a href="#annotation_type_element_detail">Element</a></li>
+</ul>
+</div>
+<a name="skip-navbar_bottom">
+<!--   -->
+</a></div>
+<!-- ======== END OF BOTTOM NAVBAR ======= -->
+<p class="legalCopy"><small>processing library controlP5 by Andreas Schlegel. (c) 2006-2014</small></p>
+</body>
+</html>
diff --git a/reference/controlP5/ControlEvent.html b/reference/controlP5/ControlEvent.html
new file mode 100644
index 0000000..58ae5ef
--- /dev/null
+++ b/reference/controlP5/ControlEvent.html
@@ -0,0 +1,749 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
+<!-- NewPage -->
+<html lang="en">
+<head>
+<!-- Generated by javadoc (version 1.7.0_51) on Sun Apr 27 21:39:46 SGT 2014 -->
+<title>ControlEvent (Javadocs: controlP5)</title>
+<meta name="date" content="2014-04-27">
+<link rel="stylesheet" type="text/css" href="../stylesheet.css" title="Style">
+</head>
+<body>
+<script type="text/javascript"><!--
+    if (location.href.indexOf('is-external=true') == -1) {
+        parent.document.title="ControlEvent (Javadocs: controlP5)";
+    }
+//-->
+</script>
+<noscript>
+<div>JavaScript is disabled on your browser.</div>
+</noscript>
+<!-- ========= START OF TOP NAVBAR ======= -->
+<div class="topNav"><a name="navbar_top">
+<!--   -->
+</a><a href="#skip-navbar_top" title="Skip navigation links"></a><a name="navbar_top_firstrow">
+<!--   -->
+</a>
+<ul class="navList" title="Navigation">
+<li><a href="../controlP5/package-summary.html">Package</a></li>
+<li class="navBarCell1Rev">Class</li>
+<li><a href="package-tree.html">Tree</a></li>
+<li><a href="../index-all.html">Index</a></li>
+<li><a href="../help-doc.html">Help</a></li>
+</ul>
+</div>
+<div class="subNav">
+<ul class="navList">
+<li><a href="../controlP5/ControlElement.html" title="annotation in controlP5"><span class="strong">Prev Class</span></a></li>
+<li><a href="../controlP5/ControlFont.html" title="class in controlP5"><span class="strong">Next Class</span></a></li>
+</ul>
+<ul class="navList">
+<li><a href="../index.html?controlP5/ControlEvent.html" target="_top">Frames</a></li>
+<li><a href="ControlEvent.html" target="_top">No Frames</a></li>
+</ul>
+<ul class="navList" id="allclasses_navbar_top">
+<li><a href="../allclasses-noframe.html">All Classes</a></li>
+</ul>
+<div>
+<script type="text/javascript"><!--
+  allClassesLink = document.getElementById("allclasses_navbar_top");
+  if(window==top) {
+    allClassesLink.style.display = "block";
+  }
+  else {
+    allClassesLink.style.display = "none";
+  }
+  //-->
+</script>
+</div>
+<div>
+<ul class="subNavList">
+<li>Summary:&nbsp;</li>
+<li>Nested&nbsp;|&nbsp;</li>
+<li><a href="#field_summary">Field</a>&nbsp;|&nbsp;</li>
+<li><a href="#constructor_summary">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_summary">Method</a></li>
+</ul>
+<ul class="subNavList">
+<li>Detail:&nbsp;</li>
+<li><a href="#field_detail">Field</a>&nbsp;|&nbsp;</li>
+<li><a href="#constructor_detail">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_detail">Method</a></li>
+</ul>
+</div>
+<a name="skip-navbar_top">
+<!--   -->
+</a></div>
+<!-- ========= END OF TOP NAVBAR ========= -->
+<!-- ======== START OF CLASS DATA ======== -->
+<div class="header">
+<div class="subTitle">controlP5</div>
+<h2 title="Class ControlEvent" class="title">Class ControlEvent</h2>
+</div>
+<div class="contentContainer">
+<ul class="inheritance">
+<li>java.lang.Object</li>
+<li>
+<ul class="inheritance">
+<li>controlP5.ControlEvent</li>
+</ul>
+</li>
+</ul>
+<div class="description">
+<ul class="blockList">
+<li class="blockList">
+<hr>
+<br>
+<pre>public class <span class="strong">ControlEvent</span>
+extends java.lang.Object</pre>
+<div class="block">A controlEvent is sent to a PApplet or a ControlListener whenever a controller value has changed.
+ Events can also be sent when a tab is activated, but by default tab events are disabled and have
+ to be enabled with <a href="../controlP5/Tab.html" title="class in controlP5"><code>Tab</code></a> Tab.activateEvent(). for detailed information see the tab
+ documentation.</div>
+<dl><script type="text/javascript">
+<!--
+document.getElementsByTagName('html')[0].className = 'isjs';function toggle(dt) { var display, dd=dt; do{ dd = dd.nextSibling } while(dd.tagName!='DD'); toOpen =!dd.style.display;dd.style.display = toOpen? 'block':''; dt.getElementsByTagName('span')[0].innerHTML  = toOpen? '-':'+' ; }
+-->
+</script>
+<div id="test" class="toggleList"><dl><dt onclick="toggle(this);"><span>+</span>Example</dt><dd><code><pre>/**
+ * ControlP5 ControlEvent.
+ * every control event is automatically forwarded to the function controlEvent(ControlEvent)
+ * inside a sketch if such function is available. For further details about the API of 
+ * the ControlEvent class, please refer to the documentation.
+ *
+ *
+ * find a list of public methods available for ControlEvent
+ * at the bottom of this sketch's source code
+ *
+ * by Andreas Schlegel, 2012
+ * www.sojamo.de/libraries/controlP5
+ *
+ */
+
+import controlP5.*;
+
+ControlP5 cp5;
+
+public int myColorRect1 = 200;
+
+public int myColorRect2 = 100;
+
+
+void setup() {
+  size(400, 400);
+  noStroke();
+  
+  cp5 = new ControlP5(this);
+  cp5.addNumberbox("n1")
+     .setValue(myColorRect1)
+     .setPosition(20, 20)
+     .setSize(100, 20)
+     .setMin(0)
+     .setMax(255)
+     .setId(1);
+     
+  cp5.addNumberbox("n2")
+     .setValue(myColorRect2)
+     .setPosition(20, 60)
+     .setSize(100, 20)
+     .setMin(0)
+     .setMax(255)
+     .setId(2);
+     
+  cp5.addTextfield("n3")
+     .setPosition(20, 100)
+     .setSize(100, 20)
+     .setId(3);
+     
+}
+
+void draw() {
+  background(ControlP5.MAROON);
+  fill(ControlP5.RED, myColorRect1);
+  rect(140, 20, 240, 170);
+  fill(ControlP5.FUCHSIA, myColorRect2);
+  rect(140, 210, 240, 170);
+}
+
+
+void controlEvent(ControlEvent theEvent) {
+  println("got a control event from controller with id "+theEvent.getController().getId());
+  
+  if (theEvent.isFrom(cp5.getController("n1"))) {
+    println("this event was triggered by Controller n1");
+  }
+  
+  switch(theEvent.getController().getId()) {
+    case(1):
+    myColorRect1 = (int)(theEvent.getController().getValue());
+    break;
+    case(2):
+    myColorRect2 = (int)(theEvent.getController().getValue());
+    break;
+    case(3):
+    println(theEvent.getController().getStringValue());
+    break;
+  }
+}
+
+
+/*
+ a list of all methods available for ControlEvent
+ use ControlP5.printPublicMethodsFor(ControlEvent.class);
+ to print the following list into the console.
+ 
+ You can find further details about class ControlEvent in the javadoc.
+ 
+ Format:
+ ClassName : returnType methodName(parameter type)
+ 
+ controlP5.ControlEvent : ControlGroup getGroup() 
+ controlP5.ControlEvent : Controller getController() 
+ controlP5.ControlEvent : String getLabel() 
+ controlP5.ControlEvent : String getName() 
+ controlP5.ControlEvent : String getStringValue() 
+ controlP5.ControlEvent : Tab getTab() 
+ controlP5.ControlEvent : boolean isController() 
+ controlP5.ControlEvent : boolean isFrom(ControllerInterface) 
+ controlP5.ControlEvent : boolean isFrom(String) 
+ controlP5.ControlEvent : boolean isGroup() 
+ controlP5.ControlEvent : boolean isTab() 
+ controlP5.ControlEvent : float getValue() 
+ controlP5.ControlEvent : float[] getArrayValue() 
+ controlP5.ControlEvent : int getId() 
+ controlP5.ControlEvent : int getType() 
+ java.lang.Object : String toString() 
+ java.lang.Object : boolean equals(Object) 
+ */
+ 
+ 
+</pre></code></dd></dl></div></dl>
+</li>
+</ul>
+</div>
+<div class="summary">
+<ul class="blockList">
+<li class="blockList">
+<!-- =========== FIELD SUMMARY =========== -->
+<ul class="blockList">
+<li class="blockList"><a name="field_summary">
+<!--   -->
+</a>
+<h3>Field Summary</h3>
+<table class="overviewSummary" border="0" cellpadding="3" cellspacing="0" summary="Field Summary table, listing fields, and an explanation">
+<caption><span>Fields</span><span class="tabEnd">&nbsp;</span></caption>
+<tr>
+<th class="colFirst" scope="col">Modifier and Type</th>
+<th class="colLast" scope="col">Field and Description</th>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>static int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlEvent.html#CONTROLLER">CONTROLLER</a></strong></code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>static int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlEvent.html#GROUP">GROUP</a></strong></code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>static int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlEvent.html#TAB">TAB</a></strong></code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>static int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlEvent.html#UNDEFINDED">UNDEFINDED</a></strong></code>&nbsp;</td>
+</tr>
+</table>
+</li>
+</ul>
+<!-- ======== CONSTRUCTOR SUMMARY ======== -->
+<ul class="blockList">
+<li class="blockList"><a name="constructor_summary">
+<!--   -->
+</a>
+<h3>Constructor Summary</h3>
+<table class="overviewSummary" border="0" cellpadding="3" cellspacing="0" summary="Constructor Summary table, listing constructors, and an explanation">
+<caption><span>Constructors</span><span class="tabEnd">&nbsp;</span></caption>
+<tr>
+<th class="colOne" scope="col">Constructor and Description</th>
+</tr>
+<tr class="altColor">
+<td class="colOne"><code><strong><a href="../controlP5/ControlEvent.html#ControlEvent(controlP5.ControllerGroup)">ControlEvent</a></strong>(<a href="../controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a>&lt;?&gt;&nbsp;theController)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colOne"><code><strong><a href="../controlP5/ControlEvent.html#ControlEvent(controlP5.Tab)">ControlEvent</a></strong>(<a href="../controlP5/Tab.html" title="class in controlP5">Tab</a>&nbsp;theController)</code>&nbsp;</td>
+</tr>
+</table>
+</li>
+</ul>
+<!-- ========== METHOD SUMMARY =========== -->
+<ul class="blockList">
+<li class="blockList"><a name="method_summary">
+<!--   -->
+</a>
+<h3>Method Summary</h3>
+<table class="overviewSummary" border="0" cellpadding="3" cellspacing="0" summary="Method Summary table, listing methods, and an explanation">
+<caption><span>Methods</span><span class="tabEnd">&nbsp;</span></caption>
+<tr>
+<th class="colFirst" scope="col">Modifier and Type</th>
+<th class="colLast" scope="col">Method and Description</th>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>float[]</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlEvent.html#getArrayValue()">getArrayValue</a></strong>()</code>
+<div class="block">Returns a float array, applies to e.g.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>float</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlEvent.html#getArrayValue(int)">getArrayValue</a></strong>(int&nbsp;theIndex)</code>
+<div class="block">Returns a float value at a particular index from a controller's array value.</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Controller.html" title="class in controlP5">Controller</a>&lt;?&gt;</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlEvent.html#getController()">getController</a></strong>()</code>
+<div class="block">Returns the instance of the controller sending the ControlEvent.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/ControlGroup.html" title="class in controlP5">ControlGroup</a>&lt;?&gt;</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlEvent.html#getGroup()">getGroup</a></strong>()</code>
+<div class="block">Returns the group that evoked the ControlEvent</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlEvent.html#getId()">getId</a></strong>()</code>
+<div class="block">Returns the controller's id, if an id has not been set before the default value -1 will be
+ returned.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>java.lang.String</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlEvent.html#getLabel()">getLabel</a></strong>()</code>
+<div class="block">Gets the text of the controller's label that has evoked the event.</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>java.lang.String</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlEvent.html#getName()">getName</a></strong>()</code>
+<div class="block">returns the controller's name</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>java.lang.String</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlEvent.html#getStringValue()">getStringValue</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Tab.html" title="class in controlP5">Tab</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlEvent.html#getTab()">getTab</a></strong>()</code>
+<div class="block">Returns the tab that triggered the ControlEvent</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlEvent.html#getType()">getType</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>float</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlEvent.html#getValue()">getValue</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>boolean</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlEvent.html#isAssignableFrom(java.lang.Class)">isAssignableFrom</a></strong>(java.lang.Class&lt;?&gt;&nbsp;c)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>boolean</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlEvent.html#isController()">isController</a></strong>()</code>
+<div class="block">Checks if the ControlEvent was triggered by a controller</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>boolean</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlEvent.html#isFrom(controlP5.ControllerInterface)">isFrom</a></strong>(<a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;?&gt;&nbsp;theController)</code>
+<div class="block">Checks if the ControlEvent originates from a specific Controller or ControllerGroup.</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>boolean</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlEvent.html#isFrom(java.lang.String)">isFrom</a></strong>(java.lang.String&nbsp;theControllerName)</code>
+<div class="block">checks if the ControlEvent originates from a specific Controller or ControllerGroup
+ identifiable by name.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>boolean</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlEvent.html#isGroup()">isGroup</a></strong>()</code>
+<div class="block">Checks if the ControlEvent was triggered by a ControlGroup</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>boolean</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlEvent.html#isTab()">isTab</a></strong>()</code>
+<div class="block">Checks if the ControlEvent was triggered by a tab</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>java.lang.String</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlEvent.html#toString()">toString</a></strong>()</code>&nbsp;</td>
+</tr>
+</table>
+<ul class="blockList">
+<li class="blockList"><a name="methods_inherited_from_class_java.lang.Object">
+<!--   -->
+</a>
+<h3>Methods inherited from class&nbsp;java.lang.Object</h3>
+<code>equals, getClass, hashCode, notify, notifyAll, wait, wait, wait</code></li>
+</ul>
+</li>
+</ul>
+</li>
+</ul>
+</div>
+<div class="details">
+<ul class="blockList">
+<li class="blockList">
+<!-- ============ FIELD DETAIL =========== -->
+<ul class="blockList">
+<li class="blockList"><a name="field_detail">
+<!--   -->
+</a>
+<h3>Field Detail</h3>
+<a name="CONTROLLER">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>CONTROLLER</h4>
+<pre>public static&nbsp;int CONTROLLER</pre>
+</li>
+</ul>
+<a name="GROUP">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>GROUP</h4>
+<pre>public static&nbsp;int GROUP</pre>
+</li>
+</ul>
+<a name="TAB">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>TAB</h4>
+<pre>public static&nbsp;int TAB</pre>
+</li>
+</ul>
+<a name="UNDEFINDED">
+<!--   -->
+</a>
+<ul class="blockListLast">
+<li class="blockList">
+<h4>UNDEFINDED</h4>
+<pre>public static&nbsp;int UNDEFINDED</pre>
+</li>
+</ul>
+</li>
+</ul>
+<!-- ========= CONSTRUCTOR DETAIL ======== -->
+<ul class="blockList">
+<li class="blockList"><a name="constructor_detail">
+<!--   -->
+</a>
+<h3>Constructor Detail</h3>
+<a name="ControlEvent(controlP5.ControllerGroup)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>ControlEvent</h4>
+<pre>public&nbsp;ControlEvent(<a href="../controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a>&lt;?&gt;&nbsp;theController)</pre>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theController</code> - Controller</dd></dl>
+</li>
+</ul>
+<a name="ControlEvent(controlP5.Tab)">
+<!--   -->
+</a>
+<ul class="blockListLast">
+<li class="blockList">
+<h4>ControlEvent</h4>
+<pre>public&nbsp;ControlEvent(<a href="../controlP5/Tab.html" title="class in controlP5">Tab</a>&nbsp;theController)</pre>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theController</code> - Controller</dd></dl>
+</li>
+</ul>
+</li>
+</ul>
+<!-- ============ METHOD DETAIL ========== -->
+<ul class="blockList">
+<li class="blockList"><a name="method_detail">
+<!--   -->
+</a>
+<h3>Method Detail</h3>
+<a name="getArrayValue()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getArrayValue</h4>
+<pre>public&nbsp;float[]&nbsp;getArrayValue()</pre>
+<div class="block">Returns a float array, applies to e.g. Range.</div>
+<dl><dt><span class="strong">Returns:</span></dt><dd>float[]</dd></dl>
+</li>
+</ul>
+<a name="getArrayValue(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getArrayValue</h4>
+<pre>public&nbsp;float&nbsp;getArrayValue(int&nbsp;theIndex)</pre>
+<div class="block">Returns a float value at a particular index from a controller's array value. No error
+ checking available here, will throw ArrayIndexOutOfBOundsException in case of unavailable
+ index.</div>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theIndex</code> - </dd>
+<dt><span class="strong">Returns:</span></dt><dd></dd></dl>
+</li>
+</ul>
+<a name="getController()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getController</h4>
+<pre>public&nbsp;<a href="../controlP5/Controller.html" title="class in controlP5">Controller</a>&lt;?&gt;&nbsp;getController()</pre>
+<div class="block">Returns the instance of the controller sending the ControlEvent.</div>
+<dl><dt><span class="strong">Returns:</span></dt><dd>Controller</dd></dl>
+</li>
+</ul>
+<a name="getGroup()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getGroup</h4>
+<pre>public&nbsp;<a href="../controlP5/ControlGroup.html" title="class in controlP5">ControlGroup</a>&lt;?&gt;&nbsp;getGroup()</pre>
+<div class="block">Returns the group that evoked the ControlEvent</div>
+<dl><dt><span class="strong">Returns:</span></dt><dd>ControlGroup</dd></dl>
+</li>
+</ul>
+<a name="getId()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getId</h4>
+<pre>public&nbsp;int&nbsp;getId()</pre>
+<div class="block">Returns the controller's id, if an id has not been set before the default value -1 will be
+ returned.</div>
+<dl><dt><span class="strong">Returns:</span></dt><dd></dd></dl>
+</li>
+</ul>
+<a name="getLabel()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getLabel</h4>
+<pre>public&nbsp;java.lang.String&nbsp;getLabel()</pre>
+<div class="block">Gets the text of the controller's label that has evoked the event.</div>
+<dl><dt><span class="strong">Returns:</span></dt><dd>String</dd></dl>
+</li>
+</ul>
+<a name="getName()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getName</h4>
+<pre>public&nbsp;java.lang.String&nbsp;getName()</pre>
+<div class="block">returns the controller's name</div>
+<dl><dt><span class="strong">Returns:</span></dt><dd>String</dd></dl>
+</li>
+</ul>
+<a name="getStringValue()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getStringValue</h4>
+<pre>public&nbsp;java.lang.String&nbsp;getStringValue()</pre>
+</li>
+</ul>
+<a name="getTab()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getTab</h4>
+<pre>public&nbsp;<a href="../controlP5/Tab.html" title="class in controlP5">Tab</a>&nbsp;getTab()</pre>
+<div class="block">Returns the tab that triggered the ControlEvent</div>
+<dl><dt><span class="strong">Returns:</span></dt><dd>Tab Tab</dd></dl>
+</li>
+</ul>
+<a name="getType()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getType</h4>
+<pre>public&nbsp;int&nbsp;getType()</pre>
+<dl><dt><span class="strong">Returns:</span></dt><dd>int returned is ControlP5.CONTROLLER, or ControlP5.TAB, or ControlP5.GROUP</dd></dl>
+</li>
+</ul>
+<a name="getValue()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getValue</h4>
+<pre>public&nbsp;float&nbsp;getValue()</pre>
+</li>
+</ul>
+<a name="isAssignableFrom(java.lang.Class)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>isAssignableFrom</h4>
+<pre>public&nbsp;boolean&nbsp;isAssignableFrom(java.lang.Class&lt;?&gt;&nbsp;c)</pre>
+</li>
+</ul>
+<a name="isController()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>isController</h4>
+<pre>public&nbsp;boolean&nbsp;isController()</pre>
+<div class="block">Checks if the ControlEvent was triggered by a controller</div>
+<dl><dt><span class="strong">Returns:</span></dt><dd>boolean</dd><dt><span class="strong">See Also:</span></dt><dd><a href="../controlP5/Controller.html" title="class in controlP5"><code>Controller</code></a></dd></dl>
+</li>
+</ul>
+<a name="isFrom(controlP5.ControllerInterface)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>isFrom</h4>
+<pre>public&nbsp;boolean&nbsp;isFrom(<a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;?&gt;&nbsp;theController)</pre>
+<div class="block">Checks if the ControlEvent originates from a specific Controller or ControllerGroup.</div>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theController</code> - </dd>
+<dt><span class="strong">Returns:</span></dt><dd>boolean</dd></dl>
+</li>
+</ul>
+<a name="isFrom(java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>isFrom</h4>
+<pre>public&nbsp;boolean&nbsp;isFrom(java.lang.String&nbsp;theControllerName)</pre>
+<div class="block">checks if the ControlEvent originates from a specific Controller or ControllerGroup
+ identifiable by name.</div>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theController</code> - </dd>
+<dt><span class="strong">Returns:</span></dt><dd>boolean</dd></dl>
+</li>
+</ul>
+<a name="isGroup()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>isGroup</h4>
+<pre>public&nbsp;boolean&nbsp;isGroup()</pre>
+<div class="block">Checks if the ControlEvent was triggered by a ControlGroup</div>
+<dl><dt><span class="strong">Returns:</span></dt><dd>boolean</dd><dt><span class="strong">See Also:</span></dt><dd><a href="../controlP5/ControllerGroup.html" title="class in controlP5"><code>ControllerGroup</code></a></dd></dl>
+</li>
+</ul>
+<a name="isTab()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>isTab</h4>
+<pre>public&nbsp;boolean&nbsp;isTab()</pre>
+<div class="block">Checks if the ControlEvent was triggered by a tab</div>
+<dl><dt><span class="strong">Returns:</span></dt><dd>boolean</dd><dt><span class="strong">See Also:</span></dt><dd><a href="../controlP5/Tab.html" title="class in controlP5"><code>Tab</code></a></dd></dl>
+</li>
+</ul>
+<a name="toString()">
+<!--   -->
+</a>
+<ul class="blockListLast">
+<li class="blockList">
+<h4>toString</h4>
+<pre>public&nbsp;java.lang.String&nbsp;toString()</pre>
+<dl>
+<dt><strong>Overrides:</strong></dt>
+<dd><code>toString</code>&nbsp;in class&nbsp;<code>java.lang.Object</code></dd>
+</dl>
+</li>
+</ul>
+</li>
+</ul>
+</li>
+</ul>
+</div>
+</div>
+<!-- ========= END OF CLASS DATA ========= -->
+<!-- ======= START OF BOTTOM NAVBAR ====== -->
+<div class="bottomNav"><a name="navbar_bottom">
+<!--   -->
+</a><a href="#skip-navbar_bottom" title="Skip navigation links"></a><a name="navbar_bottom_firstrow">
+<!--   -->
+</a>
+<ul class="navList" title="Navigation">
+<li><a href="../controlP5/package-summary.html">Package</a></li>
+<li class="navBarCell1Rev">Class</li>
+<li><a href="package-tree.html">Tree</a></li>
+<li><a href="../index-all.html">Index</a></li>
+<li><a href="../help-doc.html">Help</a></li>
+</ul>
+</div>
+<div class="subNav">
+<ul class="navList">
+<li><a href="../controlP5/ControlElement.html" title="annotation in controlP5"><span class="strong">Prev Class</span></a></li>
+<li><a href="../controlP5/ControlFont.html" title="class in controlP5"><span class="strong">Next Class</span></a></li>
+</ul>
+<ul class="navList">
+<li><a href="../index.html?controlP5/ControlEvent.html" target="_top">Frames</a></li>
+<li><a href="ControlEvent.html" target="_top">No Frames</a></li>
+</ul>
+<ul class="navList" id="allclasses_navbar_bottom">
+<li><a href="../allclasses-noframe.html">All Classes</a></li>
+</ul>
+<div>
+<script type="text/javascript"><!--
+  allClassesLink = document.getElementById("allclasses_navbar_bottom");
+  if(window==top) {
+    allClassesLink.style.display = "block";
+  }
+  else {
+    allClassesLink.style.display = "none";
+  }
+  //-->
+</script>
+</div>
+<div>
+<ul class="subNavList">
+<li>Summary:&nbsp;</li>
+<li>Nested&nbsp;|&nbsp;</li>
+<li><a href="#field_summary">Field</a>&nbsp;|&nbsp;</li>
+<li><a href="#constructor_summary">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_summary">Method</a></li>
+</ul>
+<ul class="subNavList">
+<li>Detail:&nbsp;</li>
+<li><a href="#field_detail">Field</a>&nbsp;|&nbsp;</li>
+<li><a href="#constructor_detail">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_detail">Method</a></li>
+</ul>
+</div>
+<a name="skip-navbar_bottom">
+<!--   -->
+</a></div>
+<!-- ======== END OF BOTTOM NAVBAR ======= -->
+<p class="legalCopy"><small>processing library controlP5 by Andreas Schlegel. (c) 2006-2014</small></p>
+</body>
+</html>
diff --git a/reference/controlP5/ControlFont.html b/reference/controlP5/ControlFont.html
new file mode 100644
index 0000000..aad9e96
--- /dev/null
+++ b/reference/controlP5/ControlFont.html
@@ -0,0 +1,590 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
+<!-- NewPage -->
+<html lang="en">
+<head>
+<!-- Generated by javadoc (version 1.7.0_51) on Sun Apr 27 21:39:46 SGT 2014 -->
+<title>ControlFont (Javadocs: controlP5)</title>
+<meta name="date" content="2014-04-27">
+<link rel="stylesheet" type="text/css" href="../stylesheet.css" title="Style">
+</head>
+<body>
+<script type="text/javascript"><!--
+    if (location.href.indexOf('is-external=true') == -1) {
+        parent.document.title="ControlFont (Javadocs: controlP5)";
+    }
+//-->
+</script>
+<noscript>
+<div>JavaScript is disabled on your browser.</div>
+</noscript>
+<!-- ========= START OF TOP NAVBAR ======= -->
+<div class="topNav"><a name="navbar_top">
+<!--   -->
+</a><a href="#skip-navbar_top" title="Skip navigation links"></a><a name="navbar_top_firstrow">
+<!--   -->
+</a>
+<ul class="navList" title="Navigation">
+<li><a href="../controlP5/package-summary.html">Package</a></li>
+<li class="navBarCell1Rev">Class</li>
+<li><a href="package-tree.html">Tree</a></li>
+<li><a href="../index-all.html">Index</a></li>
+<li><a href="../help-doc.html">Help</a></li>
+</ul>
+</div>
+<div class="subNav">
+<ul class="navList">
+<li><a href="../controlP5/ControlEvent.html" title="class in controlP5"><span class="strong">Prev Class</span></a></li>
+<li><a href="../controlP5/ControlGroup.html" title="class in controlP5"><span class="strong">Next Class</span></a></li>
+</ul>
+<ul class="navList">
+<li><a href="../index.html?controlP5/ControlFont.html" target="_top">Frames</a></li>
+<li><a href="ControlFont.html" target="_top">No Frames</a></li>
+</ul>
+<ul class="navList" id="allclasses_navbar_top">
+<li><a href="../allclasses-noframe.html">All Classes</a></li>
+</ul>
+<div>
+<script type="text/javascript"><!--
+  allClassesLink = document.getElementById("allclasses_navbar_top");
+  if(window==top) {
+    allClassesLink.style.display = "block";
+  }
+  else {
+    allClassesLink.style.display = "none";
+  }
+  //-->
+</script>
+</div>
+<div>
+<ul class="subNavList">
+<li>Summary:&nbsp;</li>
+<li>Nested&nbsp;|&nbsp;</li>
+<li><a href="#field_summary">Field</a>&nbsp;|&nbsp;</li>
+<li><a href="#constructor_summary">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_summary">Method</a></li>
+</ul>
+<ul class="subNavList">
+<li>Detail:&nbsp;</li>
+<li><a href="#field_detail">Field</a>&nbsp;|&nbsp;</li>
+<li><a href="#constructor_detail">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_detail">Method</a></li>
+</ul>
+</div>
+<a name="skip-navbar_top">
+<!--   -->
+</a></div>
+<!-- ========= END OF TOP NAVBAR ========= -->
+<!-- ======== START OF CLASS DATA ======== -->
+<div class="header">
+<div class="subTitle">controlP5</div>
+<h2 title="Class ControlFont" class="title">Class ControlFont</h2>
+</div>
+<div class="contentContainer">
+<ul class="inheritance">
+<li>java.lang.Object</li>
+<li>
+<ul class="inheritance">
+<li>controlP5.ControlFont</li>
+</ul>
+</li>
+</ul>
+<div class="description">
+<ul class="blockList">
+<li class="blockList">
+<hr>
+<br>
+<pre>public class <span class="strong">ControlFont</span>
+extends java.lang.Object</pre>
+<div class="block">A ControlFont is a container for a PFont that can be used to customize the font of a label.
+ (Designing the Font handling gave me a big headache, especially when it comes to calculating the
+ dimensions of a font which are not available at all times but only at certain times. The current
+ status I suppose is a good compromise and works for standard font handling cases. For any special
+ cases it will be difficult to convince me to make any changes.)</div>
+</li>
+</ul>
+</div>
+<div class="summary">
+<ul class="blockList">
+<li class="blockList">
+<!-- =========== FIELD SUMMARY =========== -->
+<ul class="blockList">
+<li class="blockList"><a name="field_summary">
+<!--   -->
+</a>
+<h3>Field Summary</h3>
+<table class="overviewSummary" border="0" cellpadding="3" cellspacing="0" summary="Field Summary table, listing fields, and an explanation">
+<caption><span>Fields</span><span class="tabEnd">&nbsp;</span></caption>
+<tr>
+<th class="colFirst" scope="col">Modifier and Type</th>
+<th class="colLast" scope="col">Field and Description</th>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>static boolean</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlFont.html#DEBUG">DEBUG</a></strong></code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>static boolean</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlFont.html#RENDER_2X">RENDER_2X</a></strong></code>
+<div class="block">set the RENDER_2X variable to true to double render text, this makes the font look bolder
+ especially in OpenGL mode.</div>
+</td>
+</tr>
+</table>
+</li>
+</ul>
+<!-- ======== CONSTRUCTOR SUMMARY ======== -->
+<ul class="blockList">
+<li class="blockList"><a name="constructor_summary">
+<!--   -->
+</a>
+<h3>Constructor Summary</h3>
+<table class="overviewSummary" border="0" cellpadding="3" cellspacing="0" summary="Constructor Summary table, listing constructors, and an explanation">
+<caption><span>Constructors</span><span class="tabEnd">&nbsp;</span></caption>
+<tr>
+<th class="colOne" scope="col">Constructor and Description</th>
+</tr>
+<tr class="altColor">
+<td class="colOne"><code><strong><a href="../controlP5/ControlFont.html#ControlFont(processing.core.PFont)">ControlFont</a></strong>(processing.core.PFont&nbsp;theFont)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colOne"><code><strong><a href="../controlP5/ControlFont.html#ControlFont(processing.core.PFont, int)">ControlFont</a></strong>(processing.core.PFont&nbsp;theFont,
+           int&nbsp;theFontSize)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colOne"><code><strong><a href="../controlP5/ControlFont.html#ControlFont(processing.core.PFont, int, int)">ControlFont</a></strong>(processing.core.PFont&nbsp;theFont,
+           int&nbsp;theFontSize,
+           int&nbsp;theLineHeight)</code>&nbsp;</td>
+</tr>
+</table>
+</li>
+</ul>
+<!-- ========== METHOD SUMMARY =========== -->
+<ul class="blockList">
+<li class="blockList"><a name="method_summary">
+<!--   -->
+</a>
+<h3>Method Summary</h3>
+<table class="overviewSummary" border="0" cellpadding="3" cellspacing="0" summary="Method Summary table, listing methods, and an explanation">
+<caption><span>Methods</span><span class="tabEnd">&nbsp;</span></caption>
+<tr>
+<th class="colFirst" scope="col">Modifier and Type</th>
+<th class="colLast" scope="col">Method and Description</th>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>void</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlFont.html#adjust(processing.core.PGraphics, controlP5.Label)">adjust</a></strong>(processing.core.PGraphics&nbsp;theGraphics,
+      <a href="../controlP5/Label.html" title="class in controlP5">Label</a>&nbsp;theLabel)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>void</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlFont.html#draw(controlP5.ControlP5, controlP5.Label)">draw</a></strong>(<a href="../controlP5/ControlP5.html" title="class in controlP5">ControlP5</a>&nbsp;c,
+    <a href="../controlP5/Label.html" title="class in controlP5">Label</a>&nbsp;theLabel)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>void</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlFont.html#draw(processing.core.PGraphics, controlP5.Label)">draw</a></strong>(processing.core.PGraphics&nbsp;theGraphics,
+    <a href="../controlP5/Label.html" title="class in controlP5">Label</a>&nbsp;theLabel)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlFont.html#getBaseline()">getBaseline</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlFont.html#getBottom()">getBottom</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlFont.html#getCenter()">getCenter</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>processing.core.PFont</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlFont.html#getFont()">getFont</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlFont.html#getHeight()">getHeight</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlFont.html#getOffset(int)">getOffset</a></strong>(int&nbsp;theIndex)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlFont.html#getOverflow()">getOverflow</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlFont.html#getSize()">getSize</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlFont.html#getTextHeight()">getTextHeight</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlFont.html#getTop()">getTop</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlFont.html#getWidth()">getWidth</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>static int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlFont.html#getWidthFor(java.lang.String, controlP5.Label, processing.core.PGraphics)">getWidthFor</a></strong>(java.lang.String&nbsp;theText,
+           <a href="../controlP5/Label.html" title="class in controlP5">Label</a>&nbsp;theLabel,
+           processing.core.PGraphics&nbsp;theGraphics)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>void</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlFont.html#init(controlP5.Label)">init</a></strong>(<a href="../controlP5/Label.html" title="class in controlP5">Label</a>&nbsp;theLabel)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>static void</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlFont.html#normal()">normal</a></strong>()</code>
+<div class="block">sets the rendering of a PFont back to normal and single rendering.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>void</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlFont.html#setSize(int)">setSize</a></strong>(int&nbsp;theSize)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>static void</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlFont.html#sharp()">sharp</a></strong>()</code>
+<div class="block">renders a PFont twice for better and sharper readability</div>
+</td>
+</tr>
+</table>
+<ul class="blockList">
+<li class="blockList"><a name="methods_inherited_from_class_java.lang.Object">
+<!--   -->
+</a>
+<h3>Methods inherited from class&nbsp;java.lang.Object</h3>
+<code>equals, getClass, hashCode, notify, notifyAll, toString, wait, wait, wait</code></li>
+</ul>
+</li>
+</ul>
+</li>
+</ul>
+</div>
+<div class="details">
+<ul class="blockList">
+<li class="blockList">
+<!-- ============ FIELD DETAIL =========== -->
+<ul class="blockList">
+<li class="blockList"><a name="field_detail">
+<!--   -->
+</a>
+<h3>Field Detail</h3>
+<a name="DEBUG">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>DEBUG</h4>
+<pre>public static&nbsp;boolean DEBUG</pre>
+</li>
+</ul>
+<a name="RENDER_2X">
+<!--   -->
+</a>
+<ul class="blockListLast">
+<li class="blockList">
+<h4>RENDER_2X</h4>
+<pre>public static&nbsp;boolean RENDER_2X</pre>
+<div class="block">set the RENDER_2X variable to true to double render text, this makes the font look bolder
+ especially in OpenGL mode. use: ControlFont.RENDER_2X = true;</div>
+</li>
+</ul>
+</li>
+</ul>
+<!-- ========= CONSTRUCTOR DETAIL ======== -->
+<ul class="blockList">
+<li class="blockList"><a name="constructor_detail">
+<!--   -->
+</a>
+<h3>Constructor Detail</h3>
+<a name="ControlFont(processing.core.PFont)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>ControlFont</h4>
+<pre>public&nbsp;ControlFont(processing.core.PFont&nbsp;theFont)</pre>
+</li>
+</ul>
+<a name="ControlFont(processing.core.PFont, int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>ControlFont</h4>
+<pre>public&nbsp;ControlFont(processing.core.PFont&nbsp;theFont,
+           int&nbsp;theFontSize)</pre>
+</li>
+</ul>
+<a name="ControlFont(processing.core.PFont, int, int)">
+<!--   -->
+</a>
+<ul class="blockListLast">
+<li class="blockList">
+<h4>ControlFont</h4>
+<pre>public&nbsp;ControlFont(processing.core.PFont&nbsp;theFont,
+           int&nbsp;theFontSize,
+           int&nbsp;theLineHeight)</pre>
+</li>
+</ul>
+</li>
+</ul>
+<!-- ============ METHOD DETAIL ========== -->
+<ul class="blockList">
+<li class="blockList"><a name="method_detail">
+<!--   -->
+</a>
+<h3>Method Detail</h3>
+<a name="adjust(processing.core.PGraphics, controlP5.Label)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>adjust</h4>
+<pre>public&nbsp;void&nbsp;adjust(processing.core.PGraphics&nbsp;theGraphics,
+          <a href="../controlP5/Label.html" title="class in controlP5">Label</a>&nbsp;theLabel)</pre>
+</li>
+</ul>
+<a name="draw(controlP5.ControlP5, controlP5.Label)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>draw</h4>
+<pre>public&nbsp;void&nbsp;draw(<a href="../controlP5/ControlP5.html" title="class in controlP5">ControlP5</a>&nbsp;c,
+        <a href="../controlP5/Label.html" title="class in controlP5">Label</a>&nbsp;theLabel)</pre>
+</li>
+</ul>
+<a name="draw(processing.core.PGraphics, controlP5.Label)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>draw</h4>
+<pre>public&nbsp;void&nbsp;draw(processing.core.PGraphics&nbsp;theGraphics,
+        <a href="../controlP5/Label.html" title="class in controlP5">Label</a>&nbsp;theLabel)</pre>
+</li>
+</ul>
+<a name="getBaseline()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getBaseline</h4>
+<pre>public&nbsp;int&nbsp;getBaseline()</pre>
+</li>
+</ul>
+<a name="getBottom()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getBottom</h4>
+<pre>public&nbsp;int&nbsp;getBottom()</pre>
+</li>
+</ul>
+<a name="getCenter()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getCenter</h4>
+<pre>public&nbsp;int&nbsp;getCenter()</pre>
+</li>
+</ul>
+<a name="getFont()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getFont</h4>
+<pre>public&nbsp;processing.core.PFont&nbsp;getFont()</pre>
+</li>
+</ul>
+<a name="getHeight()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getHeight</h4>
+<pre>public&nbsp;int&nbsp;getHeight()</pre>
+</li>
+</ul>
+<a name="getOffset(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getOffset</h4>
+<pre>public&nbsp;int&nbsp;getOffset(int&nbsp;theIndex)</pre>
+</li>
+</ul>
+<a name="getOverflow()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getOverflow</h4>
+<pre>public&nbsp;int&nbsp;getOverflow()</pre>
+</li>
+</ul>
+<a name="getSize()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getSize</h4>
+<pre>public&nbsp;int&nbsp;getSize()</pre>
+</li>
+</ul>
+<a name="getTextHeight()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getTextHeight</h4>
+<pre>public&nbsp;int&nbsp;getTextHeight()</pre>
+</li>
+</ul>
+<a name="getTop()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getTop</h4>
+<pre>public&nbsp;int&nbsp;getTop()</pre>
+</li>
+</ul>
+<a name="getWidth()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getWidth</h4>
+<pre>public&nbsp;int&nbsp;getWidth()</pre>
+</li>
+</ul>
+<a name="getWidthFor(java.lang.String, controlP5.Label, processing.core.PGraphics)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getWidthFor</h4>
+<pre>public static&nbsp;int&nbsp;getWidthFor(java.lang.String&nbsp;theText,
+              <a href="../controlP5/Label.html" title="class in controlP5">Label</a>&nbsp;theLabel,
+              processing.core.PGraphics&nbsp;theGraphics)</pre>
+</li>
+</ul>
+<a name="init(controlP5.Label)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>init</h4>
+<pre>public&nbsp;void&nbsp;init(<a href="../controlP5/Label.html" title="class in controlP5">Label</a>&nbsp;theLabel)</pre>
+</li>
+</ul>
+<a name="normal()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>normal</h4>
+<pre>public static&nbsp;void&nbsp;normal()</pre>
+<div class="block">sets the rendering of a PFont back to normal and single rendering.</div>
+</li>
+</ul>
+<a name="setSize(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setSize</h4>
+<pre>public&nbsp;void&nbsp;setSize(int&nbsp;theSize)</pre>
+</li>
+</ul>
+<a name="sharp()">
+<!--   -->
+</a>
+<ul class="blockListLast">
+<li class="blockList">
+<h4>sharp</h4>
+<pre>public static&nbsp;void&nbsp;sharp()</pre>
+<div class="block">renders a PFont twice for better and sharper readability</div>
+</li>
+</ul>
+</li>
+</ul>
+</li>
+</ul>
+</div>
+</div>
+<!-- ========= END OF CLASS DATA ========= -->
+<!-- ======= START OF BOTTOM NAVBAR ====== -->
+<div class="bottomNav"><a name="navbar_bottom">
+<!--   -->
+</a><a href="#skip-navbar_bottom" title="Skip navigation links"></a><a name="navbar_bottom_firstrow">
+<!--   -->
+</a>
+<ul class="navList" title="Navigation">
+<li><a href="../controlP5/package-summary.html">Package</a></li>
+<li class="navBarCell1Rev">Class</li>
+<li><a href="package-tree.html">Tree</a></li>
+<li><a href="../index-all.html">Index</a></li>
+<li><a href="../help-doc.html">Help</a></li>
+</ul>
+</div>
+<div class="subNav">
+<ul class="navList">
+<li><a href="../controlP5/ControlEvent.html" title="class in controlP5"><span class="strong">Prev Class</span></a></li>
+<li><a href="../controlP5/ControlGroup.html" title="class in controlP5"><span class="strong">Next Class</span></a></li>
+</ul>
+<ul class="navList">
+<li><a href="../index.html?controlP5/ControlFont.html" target="_top">Frames</a></li>
+<li><a href="ControlFont.html" target="_top">No Frames</a></li>
+</ul>
+<ul class="navList" id="allclasses_navbar_bottom">
+<li><a href="../allclasses-noframe.html">All Classes</a></li>
+</ul>
+<div>
+<script type="text/javascript"><!--
+  allClassesLink = document.getElementById("allclasses_navbar_bottom");
+  if(window==top) {
+    allClassesLink.style.display = "block";
+  }
+  else {
+    allClassesLink.style.display = "none";
+  }
+  //-->
+</script>
+</div>
+<div>
+<ul class="subNavList">
+<li>Summary:&nbsp;</li>
+<li>Nested&nbsp;|&nbsp;</li>
+<li><a href="#field_summary">Field</a>&nbsp;|&nbsp;</li>
+<li><a href="#constructor_summary">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_summary">Method</a></li>
+</ul>
+<ul class="subNavList">
+<li>Detail:&nbsp;</li>
+<li><a href="#field_detail">Field</a>&nbsp;|&nbsp;</li>
+<li><a href="#constructor_detail">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_detail">Method</a></li>
+</ul>
+</div>
+<a name="skip-navbar_bottom">
+<!--   -->
+</a></div>
+<!-- ======== END OF BOTTOM NAVBAR ======= -->
+<p class="legalCopy"><small>processing library controlP5 by Andreas Schlegel. (c) 2006-2014</small></p>
+</body>
+</html>
diff --git a/reference/controlP5/ControlGroup.html b/reference/controlP5/ControlGroup.html
new file mode 100644
index 0000000..5950ca9
--- /dev/null
+++ b/reference/controlP5/ControlGroup.html
@@ -0,0 +1,997 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
+<!-- NewPage -->
+<html lang="en">
+<head>
+<!-- Generated by javadoc (version 1.7.0_51) on Sun Apr 27 21:39:46 SGT 2014 -->
+<title>ControlGroup (Javadocs: controlP5)</title>
+<meta name="date" content="2014-04-27">
+<link rel="stylesheet" type="text/css" href="../stylesheet.css" title="Style">
+</head>
+<body>
+<script type="text/javascript"><!--
+    if (location.href.indexOf('is-external=true') == -1) {
+        parent.document.title="ControlGroup (Javadocs: controlP5)";
+    }
+//-->
+</script>
+<noscript>
+<div>JavaScript is disabled on your browser.</div>
+</noscript>
+<!-- ========= START OF TOP NAVBAR ======= -->
+<div class="topNav"><a name="navbar_top">
+<!--   -->
+</a><a href="#skip-navbar_top" title="Skip navigation links"></a><a name="navbar_top_firstrow">
+<!--   -->
+</a>
+<ul class="navList" title="Navigation">
+<li><a href="../controlP5/package-summary.html">Package</a></li>
+<li class="navBarCell1Rev">Class</li>
+<li><a href="package-tree.html">Tree</a></li>
+<li><a href="../index-all.html">Index</a></li>
+<li><a href="../help-doc.html">Help</a></li>
+</ul>
+</div>
+<div class="subNav">
+<ul class="navList">
+<li><a href="../controlP5/ControlFont.html" title="class in controlP5"><span class="strong">Prev Class</span></a></li>
+<li><a href="../controlP5/ControlKey.html" title="interface in controlP5"><span class="strong">Next Class</span></a></li>
+</ul>
+<ul class="navList">
+<li><a href="../index.html?controlP5/ControlGroup.html" target="_top">Frames</a></li>
+<li><a href="ControlGroup.html" target="_top">No Frames</a></li>
+</ul>
+<ul class="navList" id="allclasses_navbar_top">
+<li><a href="../allclasses-noframe.html">All Classes</a></li>
+</ul>
+<div>
+<script type="text/javascript"><!--
+  allClassesLink = document.getElementById("allclasses_navbar_top");
+  if(window==top) {
+    allClassesLink.style.display = "block";
+  }
+  else {
+    allClassesLink.style.display = "none";
+  }
+  //-->
+</script>
+</div>
+<div>
+<ul class="subNavList">
+<li>Summary:&nbsp;</li>
+<li>Nested&nbsp;|&nbsp;</li>
+<li>Field&nbsp;|&nbsp;</li>
+<li><a href="#constructor_summary">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_summary">Method</a></li>
+</ul>
+<ul class="subNavList">
+<li>Detail:&nbsp;</li>
+<li>Field&nbsp;|&nbsp;</li>
+<li><a href="#constructor_detail">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_detail">Method</a></li>
+</ul>
+</div>
+<a name="skip-navbar_top">
+<!--   -->
+</a></div>
+<!-- ========= END OF TOP NAVBAR ========= -->
+<!-- ======== START OF CLASS DATA ======== -->
+<div class="header">
+<div class="subTitle">controlP5</div>
+<h2 title="Class ControlGroup" class="title">Class ControlGroup&lt;T&gt;</h2>
+</div>
+<div class="contentContainer">
+<ul class="inheritance">
+<li>java.lang.Object</li>
+<li>
+<ul class="inheritance">
+<li><a href="../controlP5/ControllerGroup.html" title="class in controlP5">controlP5.ControllerGroup</a>&lt;T&gt;</li>
+<li>
+<ul class="inheritance">
+<li>controlP5.ControlGroup&lt;T&gt;</li>
+</ul>
+</li>
+</ul>
+</li>
+</ul>
+<div class="description">
+<ul class="blockList">
+<li class="blockList">
+<dl>
+<dt>All Implemented Interfaces:</dt>
+<dd><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;T&gt;, <a href="../controlP5/ControlListener.html" title="interface in controlP5">ControlListener</a>, <a href="../controlP5/ControlP5Constants.html" title="interface in controlP5">ControlP5Constants</a></dd>
+</dl>
+<dl>
+<dt>Direct Known Subclasses:</dt>
+<dd><a href="../controlP5/Accordion.html" title="class in controlP5">Accordion</a>, <a href="../controlP5/CheckBox.html" title="class in controlP5">CheckBox</a>, <a href="../controlP5/ColorPicker.html" title="class in controlP5">ColorPicker</a>, <a href="../controlP5/DropdownList.html" title="class in controlP5">DropdownList</a>, <a href="../controlP5/Group.html" title="class in controlP5">Group</a>, <a href="../controlP5/ListBox.html" title="class in controlP5">ListBox</a>, <a href="../controlP5/RadioButton.html" title="class in controlP5">RadioButton</a></dd>
+</dl>
+<hr>
+<br>
+<pre>public class <span class="strong">ControlGroup&lt;T&gt;</span>
+extends <a href="../controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a>&lt;T&gt;
+implements <a href="../controlP5/ControlListener.html" title="interface in controlP5">ControlListener</a></pre>
+<div class="block"><p>
+ In previous versions you would use the ControlGroup class to bundle controllers in a group. Now
+ please use the Group class to do so.
+ </p>
+ <p>
+ ControlGroup extends ControllerGroup, for a list and documentation of available methods see the
+ <a href="../controlP5/ControllerGroup.html" title="class in controlP5"><code>ControllerGroup</code></a> documentation.
+ </p></div>
+<dl><dt><span class="strong">See Also:</span></dt><dd><a href="../controlP5/Group.html" title="class in controlP5"><code>Group</code></a></dd><script type="text/javascript">
+<!--
+document.getElementsByTagName('html')[0].className = 'isjs';function toggle(dt) { var display, dd=dt; do{ dd = dd.nextSibling } while(dd.tagName!='DD'); toOpen =!dd.style.display;dd.style.display = toOpen? 'block':''; dt.getElementsByTagName('span')[0].innerHTML  = toOpen? '-':'+' ; }
+-->
+</script>
+<div id="test" class="toggleList"><dl><dt onclick="toggle(this);"><span>+</span>Example</dt><dd><code><pre>/**
+* ControlP5 Group
+*
+*
+* find a list of public methods available for the Group Controller
+* at the bottom of this sketch.
+*
+* by Andreas Schlegel, 2012
+* www.sojamo.de/libraries/controlp5
+*
+*/
+
+
+import controlP5.*;
+
+ControlP5 cp5;
+
+void setup() {  
+  size(700,400);
+
+  cp5 = new ControlP5(this);
+  
+  Group g1 = cp5.addGroup("g1")
+                .setPosition(100,100)
+                .setBackgroundHeight(100)
+                .setBackgroundColor(color(255,50))
+                ;
+                     
+  cp5.addBang("A-1")
+     .setPosition(10,20)
+     .setSize(80,20)
+     .setGroup(g1)
+     ;
+          
+  cp5.addBang("A-2")
+     .setPosition(10,60)
+     .setSize(80,20)
+     .setGroup(g1)
+     ;
+     
+  
+  Group g2 = cp5.addGroup("g2")
+                .setPosition(300,100)
+                .setWidth(300)
+                .activateEvent(true)
+                .setBackgroundColor(color(255,80))
+                .setBackgroundHeight(100)
+                .setLabel("Hello World.")
+                ;
+  
+  cp5.addSlider("S-1")
+     .setPosition(80,10)
+     .setSize(180,9)
+     .setGroup(g2)
+     ;
+     
+  cp5.addSlider("S-2")
+     .setPosition(80,20)
+     .setSize(180,9)
+     .setGroup(g2)
+     ;
+     
+  cp5.addRadioButton("radio")
+     .setPosition(10,10)
+     .setSize(20,9)
+     .addItem("black",0)
+     .addItem("red",1)
+     .addItem("green",2)
+     .addItem("blue",3)
+     .addItem("grey",4)
+     .setGroup(g2)
+     ;
+}
+
+
+void draw() {
+  background(0);
+}
+
+
+void controlEvent(ControlEvent theEvent) {
+  if(theEvent.isGroup()) {
+    println("got an event from group "
+            +theEvent.getGroup().getName()
+            +", isOpen? "+theEvent.getGroup().isOpen()
+            );
+            
+  } else if (theEvent.isController()){
+    println("got something from a controller "
+            +theEvent.getController().getName()
+            );
+  }
+}
+
+
+void keyPressed() {
+  if(key==' ') {
+    if(cp5.getGroup("g1")!=null) {
+      cp5.getGroup("g1").remove();
+    }
+  }
+}
+
+
+
+
+/*
+a list of all methods available for the Group Controller
+use ControlP5.printPublicMethodsFor(Group.class);
+to print the following list into the console.
+
+You can find further details about class Group in the javadoc.
+
+Format:
+ClassName : returnType methodName(parameter type)
+
+
+controlP5.ControlGroup : Group activateEvent(boolean) 
+controlP5.ControlGroup : Group addListener(ControlListener) 
+controlP5.ControlGroup : Group hideBar() 
+controlP5.ControlGroup : Group removeListener(ControlListener) 
+controlP5.ControlGroup : Group setBackgroundColor(int) 
+controlP5.ControlGroup : Group setBackgroundHeight(int) 
+controlP5.ControlGroup : Group setBarHeight(int) 
+controlP5.ControlGroup : Group showBar() 
+controlP5.ControlGroup : Group updateInternalEvents(PApplet) 
+controlP5.ControlGroup : String getInfo() 
+controlP5.ControlGroup : String toString() 
+controlP5.ControlGroup : boolean isBarVisible() 
+controlP5.ControlGroup : int getBackgroundHeight() 
+controlP5.ControlGroup : int getBarHeight() 
+controlP5.ControlGroup : int listenerSize() 
+controlP5.ControllerGroup : CColor getColor() 
+controlP5.ControllerGroup : ControlWindow getWindow() 
+controlP5.ControllerGroup : ControlWindowCanvas addCanvas(ControlWindowCanvas) 
+controlP5.ControllerGroup : Controller getController(String) 
+controlP5.ControllerGroup : ControllerProperty getProperty(String) 
+controlP5.ControllerGroup : ControllerProperty getProperty(String, String) 
+controlP5.ControllerGroup : Group add(ControllerInterface) 
+controlP5.ControllerGroup : Group bringToFront() 
+controlP5.ControllerGroup : Group bringToFront(ControllerInterface) 
+controlP5.ControllerGroup : Group close() 
+controlP5.ControllerGroup : Group disableCollapse() 
+controlP5.ControllerGroup : Group enableCollapse() 
+controlP5.ControllerGroup : Group hide() 
+controlP5.ControllerGroup : Group moveTo(ControlWindow) 
+controlP5.ControllerGroup : Group moveTo(PApplet) 
+controlP5.ControllerGroup : Group open() 
+controlP5.ControllerGroup : Group registerProperty(String) 
+controlP5.ControllerGroup : Group registerProperty(String, String) 
+controlP5.ControllerGroup : Group remove(CDrawable) 
+controlP5.ControllerGroup : Group remove(ControllerInterface) 
+controlP5.ControllerGroup : Group removeCanvas(ControlWindowCanvas) 
+controlP5.ControllerGroup : Group removeProperty(String) 
+controlP5.ControllerGroup : Group removeProperty(String, String) 
+controlP5.ControllerGroup : Group setAddress(String) 
+controlP5.ControllerGroup : Group setArrayValue(float[]) 
+controlP5.ControllerGroup : Group setColor(CColor) 
+controlP5.ControllerGroup : Group setColorActive(int) 
+controlP5.ControllerGroup : Group setColorBackground(int) 
+controlP5.ControllerGroup : Group setColorForeground(int) 
+controlP5.ControllerGroup : Group setColorLabel(int) 
+controlP5.ControllerGroup : Group setColorValue(int) 
+controlP5.ControllerGroup : Group setHeight(int) 
+controlP5.ControllerGroup : Group setId(int) 
+controlP5.ControllerGroup : Group setLabel(String) 
+controlP5.ControllerGroup : Group setMouseOver(boolean) 
+controlP5.ControllerGroup : Group setMoveable(boolean) 
+controlP5.ControllerGroup : Group setOpen(boolean) 
+controlP5.ControllerGroup : Group setPosition(PVector) 
+controlP5.ControllerGroup : Group setPosition(float, float) 
+controlP5.ControllerGroup : Group setStringValue(String) 
+controlP5.ControllerGroup : Group setUpdate(boolean) 
+controlP5.ControllerGroup : Group setValue(float) 
+controlP5.ControllerGroup : Group setVisible(boolean) 
+controlP5.ControllerGroup : Group setWidth(int) 
+controlP5.ControllerGroup : Group show() 
+controlP5.ControllerGroup : Group update() 
+controlP5.ControllerGroup : Group updateAbsolutePosition() 
+controlP5.ControllerGroup : Label getCaptionLabel() 
+controlP5.ControllerGroup : Label getValueLabel() 
+controlP5.ControllerGroup : PVector getPosition() 
+controlP5.ControllerGroup : String getAddress() 
+controlP5.ControllerGroup : String getInfo() 
+controlP5.ControllerGroup : String getName() 
+controlP5.ControllerGroup : String getStringValue() 
+controlP5.ControllerGroup : String toString() 
+controlP5.ControllerGroup : Tab getTab() 
+controlP5.ControllerGroup : boolean isCollapse() 
+controlP5.ControllerGroup : boolean isMouseOver() 
+controlP5.ControllerGroup : boolean isMoveable() 
+controlP5.ControllerGroup : boolean isOpen() 
+controlP5.ControllerGroup : boolean isUpdate() 
+controlP5.ControllerGroup : boolean isVisible() 
+controlP5.ControllerGroup : boolean setMousePressed(boolean) 
+controlP5.ControllerGroup : float getValue() 
+controlP5.ControllerGroup : float[] getArrayValue() 
+controlP5.ControllerGroup : int getHeight() 
+controlP5.ControllerGroup : int getId() 
+controlP5.ControllerGroup : int getWidth() 
+controlP5.ControllerGroup : void remove() 
+java.lang.Object : String toString() 
+java.lang.Object : boolean equals(Object) 
+
+
+*/
+
+
+
+</pre></code></dd></dl></div></dl>
+</li>
+</ul>
+</div>
+<div class="summary">
+<ul class="blockList">
+<li class="blockList">
+<!-- =========== FIELD SUMMARY =========== -->
+<ul class="blockList">
+<li class="blockList"><a name="field_summary">
+<!--   -->
+</a>
+<h3>Field Summary</h3>
+<ul class="blockList">
+<li class="blockList"><a name="fields_inherited_from_class_controlP5.ControlP5Constants">
+<!--   -->
+</a>
+<h3>Fields inherited from interface&nbsp;controlP5.<a href="../controlP5/ControlP5Constants.html" title="interface in controlP5">ControlP5Constants</a></h3>
+<code><a href="../controlP5/ControlP5Constants.html#acceptClassList">acceptClassList</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_BROADCAST">ACTION_BROADCAST</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_CLICK">ACTION_CLICK</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_DRAG">ACTION_DRAG</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_ENTER">ACTION_ENTER</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_EXIT">ACTION_EXIT</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_LEAVE">ACTION_LEAVE</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_MOVE">ACTION_MOVE</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_PRESS">ACTION_PRESS</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_PRESSED">ACTION_PRESSED</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_RELEASE">ACTION_RELEASE</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_RELEASED">ACTION_RELEASED</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_RELEASEDOUTSIDE">ACTION_RELEASEDOUTSIDE</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_WHEEL">ACTION_WHEEL</a>, <a href="../controlP5/ControlP5Constants.html#ACTIVE">ACTIVE</a>, <a href="../controlP5/ControlP5Constants.html#ALL">ALL</a>, <a href="../controlP5/ControlP5Constants.html#ALT">ALT</a>, <a href="../controlP5/ControlP5Constants.html#AQUA">AQUA</a>, <a href="../controlP5/ControlP5Constants.html#ARC">ARC</a>, <a href="../controlP5/ControlP5Constants.html#ARRAY">ARRAY</a>, <a href="../controlP5/ControlP5Constants.html#BACKSPACE">BACKSPACE</a>, <a href="../controlP5/ControlP5Constants.html#BASELINE">BASELINE</a>, <a href="../controlP5/ControlP5Constants.html#BITFONT">BITFONT</a>, <a href="../controlP5/ControlP5Constants.html#BLACK">BLACK</a>, <a href="../controlP5/ControlP5Constants.html#BLUE">BLUE</a>, <a href="../controlP5/ControlP5Constants.html#BOOLEAN">BOOLEAN</a>, <a href="../controlP5/ControlP5Constants.html#BOTTOM">BOTTOM</a>, <a href="../controlP5/ControlP5Constants.html#BOTTOM_OUTSIDE">BOTTOM_OUTSIDE</a>, <a href="../controlP5/ControlP5Constants.html#CAPTIONLABEL">CAPTIONLABEL</a>, <a href="../controlP5/ControlP5Constants.html#CENTER">CENTER</a>, <a href="../controlP5/ControlP5Constants.html#CHECKBOX">CHECKBOX</a>, <a href="../controlP5/ControlP5Constants.html#COMMANDKEY">COMMANDKEY</a>, <a href="../controlP5/ControlP5Constants.html#CONTROL">CONTROL</a>, <a href="../controlP5/ControlP5Constants.html#controlEventClass">controlEventClass</a>, <a href="../controlP5/ControlP5Constants.html#CUSTOM">CUSTOM</a>, <a href="../controlP5/ControlP5Constants.html#DECREASE">DECREASE</a>, <a href="../controlP5/ControlP5Constants.html#DEFAULT">DEFAULT</a>, <a href="../controlP5/ControlP5Constants.html#DELETE">DELETE</a>, <a href="../controlP5/ControlP5Constants.html#DONE">DONE</a>, <a href="../controlP5/ControlP5Constants.html#DOWN">DOWN</a>, <a href="../controlP5/ControlP5Constants.html#DROPDOWN">DROPDOWN</a>, <a href="../controlP5/ControlP5Constants.html#ELLIPSE">ELLIPSE</a>, <a href="../controlP5/ControlP5Constants.html#ENTER">ENTER</a>, <a href="../controlP5/ControlP5Constants.html#ESCAPE">ESCAPE</a>, <a href="../controlP5/ControlP5Constants.html#EVENT">EVENT</a>, <a href="../controlP5/ControlP5Constants.html#eventMethod">eventMethod</a>, <a href="../controlP5/ControlP5Constants.html#FADEIN">FADEIN</a>, <a href="../controlP5/ControlP5Constants.html#FADEOUT">FADEOUT</a>, <a href="../controlP5/ControlP5Constants.html#FIELD">FIELD</a>, <a href="../controlP5/ControlP5Constants.html#FLOAT">FLOAT</a>, <a href="../controlP5/ControlP5Constants.html#FUCHSIA">FUCHSIA</a>, <a href="../controlP5/ControlP5Constants.html#GRAY">GRAY</a>, <a href="../controlP5/ControlP5Constants.html#GREEN">GREEN</a>, <a href="../controlP5/ControlP5Constants.html#grixel">grixel</a>, <a href="../controlP5/ControlP5Constants.html#HALF_PI">HALF_PI</a>, <a href="../controlP5/ControlP5Constants.html#HIDE">HIDE</a>, <a href="../controlP5/ControlP5Constants.html#HIGHLIGHT">HIGHLIGHT</a>, <a href="../controlP5/ControlP5Constants.html#HORIZONTAL">HORIZONTAL</a>, <a href="../controlP5/ControlP5Constants.html#IDLE">IDLE</a>, <a href="../controlP5/ControlP5Constants.html#IMAGE">IMAGE</a>, <a href="../controlP5/ControlP5Constants.html#INACTIVE">INACTIVE</a>, <a href="../controlP5/ControlP5Constants.html#INCREASE">INCREASE</a>, <a href="../controlP5/ControlP5Constants.html#INTEGER">INTEGER</a>, <a href="../controlP5/ControlP5Constants.html#INVALID">INVALID</a>, <a href="../controlP5/ControlP5Constants.html#J2D">J2D</a>, <a href="../controlP5/ControlP5Constants.html#KEYCONTROL">KEYCONTROL</a>, <a href="../controlP5/ControlP5Constants.html#LEFT">LEFT</a>, <a href="../controlP5/ControlP5Constants.html#LEFT_OUTSIDE">LEFT_OUTSIDE</a>, <a href="../controlP5/ControlP5Constants.html#LIME">LIME</a>, <a href="../controlP5/ControlP5Constants.html#LINE">LINE</a>, <a href="../controlP5/ControlP5Constants.html#LIST">LIST</a>, <a href="../controlP5/ControlP5Constants.html#LOAD">LOAD</a>, <a href="../controlP5/ControlP5Constants.html#MAROON">MAROON</a>, <a href="../controlP5/ControlP5Constants.html#MENU">MENU</a>, <a href="../controlP5/ControlP5Constants.html#METHOD">METHOD</a>, <a href="../controlP5/ControlP5Constants.html#MOVE">MOVE</a>, <a href="../controlP5/ControlP5Constants.html#MULTI">MULTI</a>, <a href="../controlP5/ControlP5Constants.html#MULTIPLES">MULTIPLES</a>, <a href="../controlP5/ControlP5Constants.html#NAVY">NAVY</a>, <a href="../controlP5/ControlP5Constants.html#OLIVE">OLIVE</a>, <a href="../controlP5/ControlP5Constants.html#ORANGE">ORANGE</a>, <a href="../controlP5/ControlP5Constants.html#OVER">OVER</a>, <a href="../controlP5/ControlP5Constants.html#P2D">P2D</a>, <a href="../controlP5/ControlP5Constants.html#P3D">P3D</a>, <a href="../controlP5/ControlP5Constants.html#PI">PI</a>, <a href="../controlP5/ControlP5Constants.html#PRESSED">PRESSED</a>, <a href="../controlP5/ControlP5Constants.html#PRINT">PRINT</a>, <a href="../controlP5/ControlP5Constants.html#PURPLE">PURPLE</a>, <a href="../controlP5/ControlP5Constants.html#RED">RED</a>, <a href="../controlP5/ControlP5Constants.html#RELEASE">RELEASE</a>, <a href="../controlP5/ControlP5Constants.html#RESET">RESET</a>, <a href="../controlP5/ControlP5Constants.html#RIGHT">RIGHT</a>, <a href="../controlP5/ControlP5Constants.html#RIGHT_OUTSIDE">RIGHT_OUTSIDE</a>, <a href="../controlP5/ControlP5Constants.html#SAVE">SAVE</a>, <a href="../controlP5/ControlP5Constants.html#SHIFT">SHIFT</a>, <a href="../controlP5/ControlP5Constants.html#SILVER">SILVER</a>, <a href="../controlP5/ControlP5Constants.html#SINGLE">SINGLE</a>, <a href="../controlP5/ControlP5Constants.html#SINGLE_COLUMN">SINGLE_COLUMN</a>, <a href="../controlP5/ControlP5Constants.html#SINGLE_ROW">SINGLE_ROW</a>, <a href="../controlP5/ControlP5Constants.html#SPRITE">SPRITE</a>, <a href="../controlP5/ControlP5Constants.html#standard56">standard56</a>, <a href="../controlP5/ControlP5Constants.html#standard58">standard58</a>, <a href="../controlP5/ControlP5Constants.html#STRING">STRING</a>, <a href="../controlP5/ControlP5Constants.html#SWITCH">SWITCH</a>, <a href="../controlP5/ControlP5Constants.html#SWITCH_BACK">SWITCH_BACK</a>, <a href="../controlP5/ControlP5Constants.html#SWITCH_FORE">SWITCH_FORE</a>, <a href="../controlP5/ControlP5Constants.html#synt24">synt24</a>, <a href="../controlP5/ControlP5Constants.html#TAB">TAB</a>, <a href="../controlP5/ControlP5Constants.html#TEAL">TEAL</a>, <a href="../controlP5/ControlP5Constants.html#THEME_A">THEME_A</a>, <a href="../controlP5/ControlP5Constants.html#THEME_CP52014">THEME_CP52014</a>, <a href="../controlP5/ControlP5Constants.html#THEME_CP5BLUE">THEME_CP5BLUE</a>, <a href="../controlP5/ControlP5Constants.html#THEME_RED">THEME_RED</a>, <a href="../controlP5/ControlP5Constants.html#THEME_RETRO">THEME_RETRO</a>, <a href="../controlP5/ControlP5Constants.html#THEME_WHITE">THEME_WHITE</a>, <a href="../controlP5/ControlP5Constants.html#TOP">TOP</a>, <a href="../controlP5/ControlP5Constants.html#TOP_OUTSIDE">TOP_OUTSIDE</a>, <a href="../controlP5/ControlP5Constants.html#TRANSITION_WAIT_FADEIN">TRANSITION_WAIT_FADEIN</a>, <a href="../controlP5/ControlP5Constants.html#TREE">TREE</a>, <a href="../controlP5/ControlP5Constants.html#TWO_PI">TWO_PI</a>, <a href="../controlP5/ControlP5Constants.html#UP">UP</a>, <a href="../controlP5/ControlP5Constants.html#VALUELABEL">VALUELABEL</a>, <a href="../controlP5/ControlP5Constants.html#VERBOSE">VERBOSE</a>, <a href="../controlP5/ControlP5Constants.html#VERTICAL">VERTICAL</a>, <a href="../controlP5/ControlP5Constants.html#WAIT">WAIT</a>, <a href="../controlP5/ControlP5Constants.html#WHITE">WHITE</a>, <a href="../controlP5/ControlP5Constants.html#YELLOW">YELLOW</a></code></li>
+</ul>
+</li>
+</ul>
+<!-- ======== CONSTRUCTOR SUMMARY ======== -->
+<ul class="blockList">
+<li class="blockList"><a name="constructor_summary">
+<!--   -->
+</a>
+<h3>Constructor Summary</h3>
+<table class="overviewSummary" border="0" cellpadding="3" cellspacing="0" summary="Constructor Summary table, listing constructors, and an explanation">
+<caption><span>Constructors</span><span class="tabEnd">&nbsp;</span></caption>
+<tr>
+<th class="colOne" scope="col">Constructor and Description</th>
+</tr>
+<tr class="altColor">
+<td class="colOne"><code><strong><a href="../controlP5/ControlGroup.html#ControlGroup(controlP5.ControlP5, controlP5.ControllerGroup, java.lang.String, int, int, int, int)">ControlGroup</a></strong>(<a href="../controlP5/ControlP5.html" title="class in controlP5">ControlP5</a>&nbsp;theControlP5,
+            <a href="../controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a>&lt;?&gt;&nbsp;theParent,
+            java.lang.String&nbsp;theName,
+            int&nbsp;theX,
+            int&nbsp;theY,
+            int&nbsp;theW,
+            int&nbsp;theH)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colOne"><code><strong><a href="../controlP5/ControlGroup.html#ControlGroup(controlP5.ControlP5, java.lang.String)">ControlGroup</a></strong>(<a href="../controlP5/ControlP5.html" title="class in controlP5">ControlP5</a>&nbsp;theControlP5,
+            java.lang.String&nbsp;theName)</code>
+<div class="block">Convenience constructor to extend ControlGroup.</div>
+</td>
+</tr>
+</table>
+</li>
+</ul>
+<!-- ========== METHOD SUMMARY =========== -->
+<ul class="blockList">
+<li class="blockList"><a name="method_summary">
+<!--   -->
+</a>
+<h3>Method Summary</h3>
+<table class="overviewSummary" border="0" cellpadding="3" cellspacing="0" summary="Method Summary table, listing methods, and an explanation">
+<caption><span>Methods</span><span class="tabEnd">&nbsp;</span></caption>
+<tr>
+<th class="colFirst" scope="col">Modifier and Type</th>
+<th class="colLast" scope="col">Method and Description</th>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/ControlGroup.html" title="type parameter in ControlGroup">T</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlGroup.html#activateEvent(boolean)">activateEvent</a></strong>(boolean&nbsp;theFlag)</code>
+<div class="block">activates or deactivates the Event status of a ControlGroup.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/ControlGroup.html" title="type parameter in ControlGroup">T</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlGroup.html#addListener(controlP5.ControlListener)">addListener</a></strong>(<a href="../controlP5/ControlListener.html" title="interface in controlP5">ControlListener</a>&nbsp;theListener)</code>
+<div class="block">adds a listener to the controller.</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>void</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlGroup.html#controlEvent(controlP5.ControlEvent)">controlEvent</a></strong>(<a href="../controlP5/ControlEvent.html" title="class in controlP5">ControlEvent</a>&nbsp;theEvent)</code>
+<div class="block">controlEvent is called by controlP5's ControlBroadcaster to inform available listeners about
+ value changes.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlGroup.html#getBackgroundHeight()">getBackgroundHeight</a></strong>()</code>
+<div class="block">get the height of the controlGroup's background.</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlGroup.html#getBarHeight()">getBarHeight</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>java.lang.String</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlGroup.html#getInfo()">getInfo</a></strong>()</code></td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlGroup.html#listenerSize()">listenerSize</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>void</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlGroup.html#mousePressed()">mousePressed</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/ControlGroup.html" title="type parameter in ControlGroup">T</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlGroup.html#removeListener(controlP5.ControlListener)">removeListener</a></strong>(<a href="../controlP5/ControlListener.html" title="interface in controlP5">ControlListener</a>&nbsp;theListener)</code>
+<div class="block">remove a listener from the controller.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/ControlGroup.html" title="type parameter in ControlGroup">T</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlGroup.html#setBackgroundColor(int)">setBackgroundColor</a></strong>(int&nbsp;theColor)</code>
+<div class="block">set the background color of a controlGroup.</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/ControlGroup.html" title="type parameter in ControlGroup">T</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlGroup.html#setBackgroundHeight(int)">setBackgroundHeight</a></strong>(int&nbsp;theHeight)</code>
+<div class="block">set the height of the controlGroup's background.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/ControlGroup.html" title="type parameter in ControlGroup">T</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlGroup.html#setBarHeight(int)">setBarHeight</a></strong>(int&nbsp;theHeight)</code>
+<div class="block">set the height of the top bar (used to open/close and move a controlGroup).</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/ControlGroup.html" title="type parameter in ControlGroup">T</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlGroup.html#setSize(int, int)">setSize</a></strong>(int&nbsp;theWidth,
+       int&nbsp;theHeight)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>java.lang.String</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlGroup.html#stringValue()">stringValue</a></strong>()</code>
+<div class="block">!!! experimental, see ControllerGroup.value()</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>java.lang.String</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlGroup.html#toString()">toString</a></strong>()</code></td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/ControlGroup.html" title="type parameter in ControlGroup">T</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlGroup.html#updateInternalEvents(processing.core.PApplet)">updateInternalEvents</a></strong>(processing.core.PApplet&nbsp;theApplet)</code>
+<div class="block">a method for putting input events like e.g.</div>
+</td>
+</tr>
+</table>
+<ul class="blockList">
+<li class="blockList"><a name="methods_inherited_from_class_controlP5.ControllerGroup">
+<!--   -->
+</a>
+<h3>Methods inherited from class&nbsp;controlP5.<a href="../controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a></h3>
+<code><a href="../controlP5/ControllerGroup.html#absolutePosition()">absolutePosition</a>, <a href="../controlP5/ControllerGroup.html#add(controlP5.ControllerInterface)">add</a>, <a href="../controlP5/ControllerGroup.html#addCanvas(controlP5.Canvas)">addCanvas</a>, <a href="../controlP5/ControllerGroup.html#addCloseButton()">addCloseButton</a>, <a href="../controlP5/ControllerGroup.html#addDrawable(controlP5.CDrawable)">addDrawable</a>, <a href="../controlP5/ControllerGroup.html#arrayValue()">arrayValue</a>, <a href="../controlP5/ControllerGroup.html#bringToFront()">bringToFront</a>, <a href="../controlP5/ControllerGroup.html#bringToFront(controlP5.ControllerInterface)">bringToFront</a>, <a href="../controlP5/ControllerGroup.html#close()">close</a>, <a href="../controlP5/ControllerGroup.html#color()">color</a>, <a href="../controlP5/ControllerGroup.html#continuousUpdateEvents()">continuousUpdateEvents</a>, <a href="../controlP5/ControllerGroup.html#controller(java.lang.String)">controller</a>, <a href="../controlP5/ControllerGroup.html#disableCollapse()">disableCollapse</a>, <a href="../controlP5/ControllerGroup.html#draw(processing.core.PGraphics)">draw</a>, <a href="../controlP5/ControllerGroup.html#enableCollapse()">enableCollapse</a>, <a href="../controlP5/ControllerGroup.html#getAbsolutePosition()">getAbsolutePosition</a>, <a href="../controlP5/ControllerGroup.html#getAddress()">getAddress</a>, <a href="../controlP5/ControllerGroup.html#getArrayValue()">getArrayValue</a>, <a href="../controlP5/ControllerGroup.html#getArrayValue(int)">getArrayValue</a>, <a href="../controlP5/ControllerGroup.html#getCaptionLabel()">getCaptionLabel</a>, <a href="../controlP5/ControllerGroup.html#getColor()">getColor</a>, <a href="../controlP5/ControllerGroup.html#getController(java.lang.String)">getController</a>, <a href="../controlP5/ControllerGroup.html#getHeight()">getHeight</a>, <a href="../controlP5/ControllerGroup.html#getId()">getId</a>, <a href="../controlP5/ControllerGroup.html#getName()">getName</a>, <a href="../controlP5/ControllerGroup.html#getParent()">getParent</a>, <a href="../controlP5/ControllerGroup.html#getPickingColor()">getPickingColor</a>, <a href="../controlP5/ControllerGroup.html#getPosition()">getPosition</a>, <a href="../controlP5/ControllerGroup.html#getProperty(java.lang.String)">getProperty</a>, <a href="../controlP5/ControllerGroup.html#getProperty(java.lang.String, java.lang.String)">getProperty</a>, <a href="../controlP5/ControllerGroup.html#getStringValue()">getStringValue</a>, <a href="../controlP5/ControllerGroup.html#getTab()">getTab</a>, <a href="../controlP5/ControllerGroup.html#getValue()">getValue</a>, <a href="../controlP5/ControllerGroup.html#getValueLabel()">getValueLabel</a>, <a href="../controlP5/ControllerGroup.html#getWidth()">getWidth</a>, <a href="../controlP5/ControllerGroup.html#getWindow()">getWindow</a>, <a href="../controlP5/ControllerGroup.html#hide()">hide</a>, <a href="../controlP5/ControllerGroup.html#hideArrow()">hideArrow</a>, <a href="../controlP5/ControllerGroup.html#hideBar()">hideBar</a>, <a href="../controlP5/ControllerGroup.html#id()">id</a>, <a href="../controlP5/ControllerGroup.html#init()">init</a>, <a href="../controlP5/ControllerGroup.html#isBarVisible()">isBarVisible</a>, <a href="../controlP5/ControllerGroup.html#isCollapse()">isCollapse</a>, <a href="../controlP5/ControllerGroup.html#isMouseOver()">isMouseOver</a>, <a href="../controlP5/ControllerGroup.html#isMoveable()">isMoveable</a>, <a href="../controlP5/ControllerGroup.html#isOpen()">isOpen</a>, <a href="../controlP5/ControllerGroup.html#isUpdate()">isUpdate</a>, <a href="../controlP5/ControllerGroup.html#isVisible()">isVisible</a>, <a href="../controlP5/ControllerGroup.html#keyEvent(processing.event.KeyEvent)">keyEvent</a>, <a href="../controlP5/ControllerGroup.html#moveTo(controlP5.ControllerGroup)">moveTo</a>, <a href="../controlP5/ControllerGroup.html#moveTo(controlP5.ControllerGroup, controlP5.Tab, controlP5.ControlWindow)">moveTo</a>, <a href="../controlP5/ControllerGroup.html#moveTo(controlP5.ControlWindow)">moveTo</a>, <a href="../controlP5/ControllerGroup.html#moveTo(controlP5.ControlWindow, java.lang.String)">moveTo</a>, <a href="../controlP5/ControllerGroup.html#moveTo(processing.core.PApplet)">moveTo</a>, <a href="../controlP5/ControllerGroup.html#moveTo(java.lang.String)">moveTo</a>, <a href="../controlP5/ControllerGroup.html#moveTo(java.lang.String, controlP5.ControlWindow)">moveTo</a>, <a href="../controlP5/ControllerGroup.html#moveTo(controlP5.Tab)">moveTo</a>, <a href="../controlP5/ControllerGroup.html#moveTo(controlP5.Tab, controlP5.ControlWindow)">moveTo</a>, <a href="../controlP5/ControllerGroup.html#name()">name</a>, <a href="../controlP5/ControllerGroup.html#open()">open</a>, <a href="../controlP5/ControllerGroup.html#parent()">parent</a>, <a href="../controlP5/ControllerGroup.html#position()">position</a>, <a href="../controlP5/ControllerGroup.html#registerProperty(java.lang.String)">registerProperty</a>, <a href="../controlP5/ControllerGroup.html#registerProperty(java.lang.String, java.lang.String)">registerProperty</a>, <a href="../controlP5/ControllerGroup.html#remove()">remove</a>, <a href="../controlP5/ControllerGroup.html#remove(controlP5.CDrawable)">remove</a>, <a href="../controlP5/ControllerGroup.html#remove(controlP5.ControllerInterface)">remove</a>, <a href="../controlP5/ControllerGroup.html#removeCanvas(controlP5.Canvas)">removeCanvas</a>, <a href="../controlP5/ControllerGroup.html#removeCloseButton()">removeCloseButton</a>, <a href="../controlP5/ControllerGroup.html#removeProperty(java.lang.String)">removeProperty</a>, <a href="../controlP5/ControllerGroup.html#removeProperty(java.lang.String, java.lang.String)">removeProperty</a>, <a href="../controlP5/ControllerGroup.html#setAbsolutePosition(processing.core.PVector)">setAbsolutePosition</a>, <a href="../controlP5/ControllerGroup.html#setAddress(java.lang.String)">setAddress</a>, <a href="../controlP5/ControllerGroup.html#setArrayValue(float[])">setArrayValue</a>, <a href="../controlP5/ControllerGroup.html#setArrayValue(int, float)">setArrayValue</a>, <a href="../controlP5/ControllerGroup.html#setCaptionLabel(java.lang.String)">setCaptionLabel</a>, <a href="../controlP5/ControllerGroup.html#setColor(controlP5.CColor)">setColor</a>, <a href="../controlP5/ControllerGroup.html#setColorActive(int)">setColorActive</a>, <a href="../controlP5/ControllerGroup.html#setColorBackground(int)">setColorBackground</a>, <a href="../controlP5/ControllerGroup.html#setColorForeground(int)">setColorForeground</a>, <a href="../controlP5/ControllerGroup.html#setColorLabel(int)">setColorLabel</a>, <a href="../controlP5/ControllerGroup.html#setColorValue(int)">setColorValue</a>, <a href="../controlP5/ControllerGroup.html#setGroup(controlP5.ControllerGroup)">setGroup</a>, <a href="../controlP5/ControllerGroup.html#setGroup(java.lang.String)">setGroup</a>, <a href="../controlP5/ControllerGroup.html#setHeight(int)">setHeight</a>, <a href="../controlP5/ControllerGroup.html#setId(int)">setId</a>, <a href="../controlP5/ControllerGroup.html#setLabel(java.lang.String)">setLabel</a>, <a href="../controlP5/ControllerGroup.html#setMouseOver(boolean)">setMouseOver</a>, <a href="../controlP5/ControllerGroup.html#setMousePressed(boolean)">setMousePressed</a>, <a href="../controlP5/ControllerGroup.html#setMoveable(boolean)">setMoveable</a>, <a href="../controlP5/ControllerGroup.html#setOpen(boolean)">setOpen</a>, <a href="../controlP5/ControllerGroup.html#setPosition(float, float)">setPosition</a>, <a href="../controlP5/ControllerGroup.html#setPosition(processing.core.PVector)">setPosition</a>, <a href="../controlP5/ControllerGroup.html#setStringValue(java.lang.String)">setStringValue</a>, <a href="../controlP5/ControllerGroup.html#setTab(controlP5.ControlWindow, java.lang.String)">setTab</a>, <a href="../controlP5/ControllerGroup.html#setTab(java.lang.String)">setTab</a>, <a href="../controlP5/ControllerGroup.html#setTab(controlP5.Tab)">setTab</a>, <a href="../controlP5/ControllerGroup.html#setTitle(java.lang.String)">setTitle</a>, <a href="../controlP5/ControllerGroup.html#setUpdate(boolean)">setUpdate</a>, <a href="../controlP5/ControllerGroup.html#setValue(float)">setValue</a>, <a href="../controlP5/ControllerGroup.html#setVisible(boolean)">setVisible</a>, <a href="../controlP5/ControllerGroup.html#setWidth(int)">setWidth</a>, <a href="../controlP5/ControllerGroup.html#show()">show</a>, <a href="../controlP5/ControllerGroup.html#showArrow()">showArrow</a>, <a href="../controlP5/ControllerGroup.html#showBar()">showBar</a>, <a href="../controlP5/ControllerGroup.html#update()">update</a>, <a href="../controlP5/ControllerGroup.html#updateAbsolutePosition()">updateAbsolutePosition</a>, <a href="../controlP5/ControllerGroup.html#updateEvents()">updateEvents</a>, <a href="../controlP5/ControllerGroup.html#value()">value</a></code></li>
+</ul>
+<ul class="blockList">
+<li class="blockList"><a name="methods_inherited_from_class_java.lang.Object">
+<!--   -->
+</a>
+<h3>Methods inherited from class&nbsp;java.lang.Object</h3>
+<code>equals, getClass, hashCode, notify, notifyAll, wait, wait, wait</code></li>
+</ul>
+</li>
+</ul>
+</li>
+</ul>
+</div>
+<div class="details">
+<ul class="blockList">
+<li class="blockList">
+<!-- ========= CONSTRUCTOR DETAIL ======== -->
+<ul class="blockList">
+<li class="blockList"><a name="constructor_detail">
+<!--   -->
+</a>
+<h3>Constructor Detail</h3>
+<a name="ControlGroup(controlP5.ControlP5, controlP5.ControllerGroup, java.lang.String, int, int, int, int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>ControlGroup</h4>
+<pre>public&nbsp;ControlGroup(<a href="../controlP5/ControlP5.html" title="class in controlP5">ControlP5</a>&nbsp;theControlP5,
+            <a href="../controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a>&lt;?&gt;&nbsp;theParent,
+            java.lang.String&nbsp;theName,
+            int&nbsp;theX,
+            int&nbsp;theY,
+            int&nbsp;theW,
+            int&nbsp;theH)</pre>
+</li>
+</ul>
+<a name="ControlGroup(controlP5.ControlP5, java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockListLast">
+<li class="blockList">
+<h4>ControlGroup</h4>
+<pre>public&nbsp;ControlGroup(<a href="../controlP5/ControlP5.html" title="class in controlP5">ControlP5</a>&nbsp;theControlP5,
+            java.lang.String&nbsp;theName)</pre>
+<div class="block">Convenience constructor to extend ControlGroup.</div>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theControlP5</code> - </dd><dd><code>theName</code> - </dd><script type="text/javascript">
+<!--
+document.getElementsByTagName('html')[0].className = 'isjs';function toggle(dt) { var display, dd=dt; do{ dd = dd.nextSibling } while(dd.tagName!='DD'); toOpen =!dd.style.display;dd.style.display = toOpen? 'block':''; dt.getElementsByTagName('span')[0].innerHTML  = toOpen? '-':'+' ; }
+-->
+</script>
+<div id="test" class="toggleList"><dl><dt onclick="toggle(this);"><span>+</span>Example</dt><dd><code><pre>/**
+ * ControlP5 extending Controllers
+ *
+ * the following example shows how to extend the Controller class to 
+ * create customizable Controllers. You can either extend the Controller class itself,
+ * or any class that extends Controller itself like the Slider, Button, DropdownList, etc. 
+ * 
+ * How to:
+ *
+ * 1) do a super call to the convenience constructor requiring 
+ * 2 parameter (ControlP5 instance, name)  
+ *
+ * 2) the Controller class has a set of empty methods that allow you to capture
+ * inputs from the mouse including 
+ * onEnter(), onLeave(), onPress(), onRelease(), onClick(), onScroll(int), onDrag()
+ * These you can override and include functionality as needed.
+ *
+ * 3) use method getPointer() to return the local (relative) 
+ * xy-coordinates of the controller
+ *  
+ * 4) after instantiation custom controllers are treated the same 
+ * as default controlP5 controllers.
+ *  
+ * by Andreas Schlegel, 2012
+ * www.sojamo.de/libraries/controlp5
+ *
+ */
+
+import controlP5.*;
+
+ControlP5 cp5;
+PApplet p;
+
+void setup() {
+  size(400, 400);
+  cp5 = new ControlP5(this);
+  
+  // create 2 groups to show nesting of custom controllers and
+  //   
+  Group g1 = cp5.addGroup("a").setPosition(0,100).setWidth(180);
+  Group g2 = cp5.addGroup("b").setPosition(0,10).setWidth(180);
+  g2.moveTo(g1);
+  
+  // create 2 custom Controllers from class MyButton
+  // MyButton extends Controller and inherits all methods accordingly.
+  new MyButton(cp5, "b1").setPosition(0, 0).setSize(180, 200).moveTo(g2);
+  new MyButton(cp5, "b2").setPosition(205, 15).setSize(180, 200);
+  
+}
+
+
+void draw() {
+  background(0);
+}
+
+// b1 will be called from Controller b1
+public void b1(float theValue) {
+  println("yay button "+theValue);
+}
+
+public void controlEvent(ControlEvent theEvent) {
+  println("controlEvent : "+theEvent);
+}
+
+
+// Create a custom Controller, please not that 
+// MyButton extends Controller<MyButton>, <MyButton>
+// is an indicator for the super class about the type of 
+// custom controller to be created.
+
+class MyButton extends Controller<MyButton> {
+
+  int current = 0xffff0000;
+
+  float a = 128;
+  
+  float na;
+  
+  int y;
+  
+  // use the convenience constructor of super class Controller
+  // MyButton will automatically registered and move to the 
+  // default controlP5 tab.
+  
+  MyButton(ControlP5 cp5, String theName) {
+    super(cp5, theName);
+    
+    // replace the default view with a custom view.
+    setView(new ControllerView() {
+      public void display(PApplet p, Object b) {
+        // draw button background
+        na += (a-na) * 0.1; 
+        p.fill(current,na);
+        p.rect(0, 0, getWidth(), getHeight());
+        
+        // draw horizontal line which can be moved on the x-axis 
+        // using the scroll wheel. 
+        p.fill(0,255,0);
+        p.rect(0,y,width,10);
+        
+        // draw the custom label 
+        p.fill(128);
+        translate(0,getHeight()+14);
+        p.text(getName(),0,0);
+        p.text(getName(),0,0);
+        
+      }
+    }
+    );
+  }
+
+  // override various input methods for mouse input control
+  void onEnter() {
+    cursor(HAND);
+    println("enter");
+    a = 255;
+  }
+  
+  void onScroll(int n) {
+    println("scrolling");
+    y -= n;
+    y = constrain(y,0,getHeight()-10);
+  }
+  
+  void onPress() {
+    println("press");
+    current = 0xffffff00;
+  }
+  
+  void onClick() {
+    Pointer p1 = getPointer();
+    println("clicked at "+p1.x()+", "+p1.y());
+    current = 0xffffff00;
+    setValue(y);
+  }
+
+  void onRelease() {
+    println("release");
+    current = 0xffffffff;
+  }
+  
+  void onMove() {
+    println("moving "+this+" "+_myControlWindow.getMouseOverList());
+  }
+
+  void onDrag() {
+    current = 0xff0000ff;
+    Pointer p1 = getPointer();
+    float dif = dist(p1.px(),p1.py(),p1.x(),p1.y());
+    println("dragging at "+p1.x()+", "+p1.y()+" "+dif);
+  }
+  
+  void onReleaseOutside() {
+    onLeave();
+  }
+
+  void onLeave() {
+    println("leave");
+    cursor(ARROW);
+    a = 128;
+  }
+}
+
+</pre></code></dd></dl></div></dl>
+</li>
+</ul>
+</li>
+</ul>
+<!-- ============ METHOD DETAIL ========== -->
+<ul class="blockList">
+<li class="blockList"><a name="method_detail">
+<!--   -->
+</a>
+<h3>Method Detail</h3>
+<a name="activateEvent(boolean)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>activateEvent</h4>
+<pre>public&nbsp;<a href="../controlP5/ControlGroup.html" title="type parameter in ControlGroup">T</a>&nbsp;activateEvent(boolean&nbsp;theFlag)</pre>
+<div class="block">activates or deactivates the Event status of a ControlGroup.</div>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theFlag</code> - boolean</dd><dt><span class="strong">See Also:</span></dt><dd><a href="../controlP5/Tab.html" title="class in controlP5"><code>Tab</code></a></dd></dl>
+</li>
+</ul>
+<a name="addListener(controlP5.ControlListener)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>addListener</h4>
+<pre>public&nbsp;<a href="../controlP5/ControlGroup.html" title="type parameter in ControlGroup">T</a>&nbsp;addListener(<a href="../controlP5/ControlListener.html" title="interface in controlP5">ControlListener</a>&nbsp;theListener)</pre>
+<div class="block">adds a listener to the controller.</div>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerInterface.html#addListener(controlP5.ControlListener)">addListener</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/ControlGroup.html" title="type parameter in ControlGroup">T</a>&gt;</code></dd>
+<dt><strong>Overrides:</strong></dt>
+<dd><code><a href="../controlP5/ControllerGroup.html#addListener(controlP5.ControlListener)">addListener</a></code>&nbsp;in class&nbsp;<code><a href="../controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a>&lt;<a href="../controlP5/ControlGroup.html" title="type parameter in ControlGroup">T</a>&gt;</code></dd>
+<dt><span class="strong">Parameters:</span></dt><dd><code>theListener</code> - ControlListener</dd>
+<dt><span class="strong">Returns:</span></dt><dd>ControlGroup</dd><dt><span class="strong">See Also:</span></dt><dd><a href="../controlP5/ControlListener.html" title="interface in controlP5"><code>ControlListener</code></a></dd></dl>
+</li>
+</ul>
+<a name="controlEvent(controlP5.ControlEvent)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>controlEvent</h4>
+<pre>public&nbsp;void&nbsp;controlEvent(<a href="../controlP5/ControlEvent.html" title="class in controlP5">ControlEvent</a>&nbsp;theEvent)</pre>
+<div class="block"><strong>Description copied from interface:&nbsp;<code><a href="../controlP5/ControlListener.html#controlEvent(controlP5.ControlEvent)">ControlListener</a></code></strong></div>
+<div class="block">controlEvent is called by controlP5's ControlBroadcaster to inform available listeners about
+ value changes. Use the CallbackListener to get informed when actions such as pressed,
+ release, drag, etc are performed.</div>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControlListener.html#controlEvent(controlP5.ControlEvent)">controlEvent</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControlListener.html" title="interface in controlP5">ControlListener</a></code></dd>
+<dt><strong>Overrides:</strong></dt>
+<dd><code><a href="../controlP5/ControllerGroup.html#controlEvent(controlP5.ControlEvent)">controlEvent</a></code>&nbsp;in class&nbsp;<code><a href="../controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a>&lt;<a href="../controlP5/ControlGroup.html" title="type parameter in ControlGroup">T</a>&gt;</code></dd>
+<dt><span class="strong">Parameters:</span></dt><dd><code>theEvent</code> - ControlEvent</dd><dt><span class="strong">See Also:</span></dt><dd><a href="../controlP5/CallbackListener.html" title="interface in controlP5"><code>CallbackListener</code></a>, 
+<a href="../controlP5/CallbackEvent.html" title="class in controlP5"><code>CallbackEvent</code></a></dd></dl>
+</li>
+</ul>
+<a name="getBackgroundHeight()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getBackgroundHeight</h4>
+<pre>public&nbsp;int&nbsp;getBackgroundHeight()</pre>
+<div class="block">get the height of the controlGroup's background.</div>
+<dl><dt><span class="strong">Returns:</span></dt><dd></dd></dl>
+</li>
+</ul>
+<a name="getBarHeight()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getBarHeight</h4>
+<pre>public&nbsp;int&nbsp;getBarHeight()</pre>
+<dl><dt><span class="strong">Returns:</span></dt><dd>int</dd></dl>
+</li>
+</ul>
+<a name="getInfo()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getInfo</h4>
+<pre>public&nbsp;java.lang.String&nbsp;getInfo()</pre>
+<dl>
+<dt><strong>Overrides:</strong></dt>
+<dd><code><a href="../controlP5/ControllerGroup.html#getInfo()">getInfo</a></code>&nbsp;in class&nbsp;<code><a href="../controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a>&lt;<a href="../controlP5/ControlGroup.html" title="type parameter in ControlGroup">T</a>&gt;</code></dd>
+</dl>
+</li>
+</ul>
+<a name="listenerSize()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>listenerSize</h4>
+<pre>public&nbsp;int&nbsp;listenerSize()</pre>
+<dl>
+<dt><strong>Overrides:</strong></dt>
+<dd><code><a href="../controlP5/ControllerGroup.html#listenerSize()">listenerSize</a></code>&nbsp;in class&nbsp;<code><a href="../controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a>&lt;<a href="../controlP5/ControlGroup.html" title="type parameter in ControlGroup">T</a>&gt;</code></dd>
+<dt><span class="strong">Returns:</span></dt><dd>int</dd></dl>
+</li>
+</ul>
+<a name="mousePressed()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>mousePressed</h4>
+<pre>public&nbsp;void&nbsp;mousePressed()</pre>
+</li>
+</ul>
+<a name="removeListener(controlP5.ControlListener)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>removeListener</h4>
+<pre>public&nbsp;<a href="../controlP5/ControlGroup.html" title="type parameter in ControlGroup">T</a>&nbsp;removeListener(<a href="../controlP5/ControlListener.html" title="interface in controlP5">ControlListener</a>&nbsp;theListener)</pre>
+<div class="block">remove a listener from the controller.</div>
+<dl>
+<dt><strong>Overrides:</strong></dt>
+<dd><code><a href="../controlP5/ControllerGroup.html#removeListener(controlP5.ControlListener)">removeListener</a></code>&nbsp;in class&nbsp;<code><a href="../controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a>&lt;<a href="../controlP5/ControlGroup.html" title="type parameter in ControlGroup">T</a>&gt;</code></dd>
+<dt><span class="strong">Parameters:</span></dt><dd><code>theListener</code> - ControlListener</dd>
+<dt><span class="strong">Returns:</span></dt><dd>ControlGroup</dd><dt><span class="strong">See Also:</span></dt><dd><a href="../controlP5/ControlListener.html" title="interface in controlP5"><code>ControlListener</code></a></dd></dl>
+</li>
+</ul>
+<a name="setBackgroundColor(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setBackgroundColor</h4>
+<pre>public&nbsp;<a href="../controlP5/ControlGroup.html" title="type parameter in ControlGroup">T</a>&nbsp;setBackgroundColor(int&nbsp;theColor)</pre>
+<div class="block">set the background color of a controlGroup.</div>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theColor</code> - </dd>
+<dt><span class="strong">Returns:</span></dt><dd>ControlGroup</dd></dl>
+</li>
+</ul>
+<a name="setBackgroundHeight(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setBackgroundHeight</h4>
+<pre>public&nbsp;<a href="../controlP5/ControlGroup.html" title="type parameter in ControlGroup">T</a>&nbsp;setBackgroundHeight(int&nbsp;theHeight)</pre>
+<div class="block">set the height of the controlGroup's background.</div>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theHeight</code> - </dd>
+<dt><span class="strong">Returns:</span></dt><dd>ControlGroup</dd></dl>
+</li>
+</ul>
+<a name="setBarHeight(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setBarHeight</h4>
+<pre>public&nbsp;<a href="../controlP5/ControlGroup.html" title="type parameter in ControlGroup">T</a>&nbsp;setBarHeight(int&nbsp;theHeight)</pre>
+<div class="block">set the height of the top bar (used to open/close and move a controlGroup).</div>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theHeight</code> - </dd>
+<dt><span class="strong">Returns:</span></dt><dd>ControlGroup</dd></dl>
+</li>
+</ul>
+<a name="setSize(int, int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setSize</h4>
+<pre>public&nbsp;<a href="../controlP5/ControlGroup.html" title="type parameter in ControlGroup">T</a>&nbsp;setSize(int&nbsp;theWidth,
+        int&nbsp;theHeight)</pre>
+<dl>
+<dt><strong>Overrides:</strong></dt>
+<dd><code><a href="../controlP5/ControllerGroup.html#setSize(int, int)">setSize</a></code>&nbsp;in class&nbsp;<code><a href="../controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a>&lt;<a href="../controlP5/ControlGroup.html" title="type parameter in ControlGroup">T</a>&gt;</code></dd>
+</dl>
+</li>
+</ul>
+<a name="stringValue()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>stringValue</h4>
+<pre>public&nbsp;java.lang.String&nbsp;stringValue()</pre>
+<div class="block">!!! experimental, see ControllerGroup.value()</div>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerInterface.html#stringValue()">stringValue</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/ControlGroup.html" title="type parameter in ControlGroup">T</a>&gt;</code></dd>
+<dt><strong>Overrides:</strong></dt>
+<dd><code><a href="../controlP5/ControllerGroup.html#stringValue()">stringValue</a></code>&nbsp;in class&nbsp;<code><a href="../controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a>&lt;<a href="../controlP5/ControlGroup.html" title="type parameter in ControlGroup">T</a>&gt;</code></dd>
+<dt><span class="strong">Returns:</span></dt><dd>String</dd></dl>
+</li>
+</ul>
+<a name="toString()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>toString</h4>
+<pre>public&nbsp;java.lang.String&nbsp;toString()</pre>
+<dl>
+<dt><strong>Overrides:</strong></dt>
+<dd><code><a href="../controlP5/ControllerGroup.html#toString()">toString</a></code>&nbsp;in class&nbsp;<code><a href="../controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a>&lt;<a href="../controlP5/ControlGroup.html" title="type parameter in ControlGroup">T</a>&gt;</code></dd>
+</dl>
+</li>
+</ul>
+<a name="updateInternalEvents(processing.core.PApplet)">
+<!--   -->
+</a>
+<ul class="blockListLast">
+<li class="blockList">
+<h4>updateInternalEvents</h4>
+<pre>public&nbsp;<a href="../controlP5/ControlGroup.html" title="type parameter in ControlGroup">T</a>&nbsp;updateInternalEvents(processing.core.PApplet&nbsp;theApplet)</pre>
+<div class="block"><strong>Description copied from interface:&nbsp;<code><a href="../controlP5/ControllerInterface.html#updateInternalEvents(processing.core.PApplet)">ControllerInterface</a></code></strong></div>
+<div class="block">a method for putting input events like e.g. mouse or keyboard events and queries. this has
+ been taken out of the draw method for better overwriting capability.</div>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerInterface.html#updateInternalEvents(processing.core.PApplet)">updateInternalEvents</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/ControlGroup.html" title="type parameter in ControlGroup">T</a>&gt;</code></dd>
+<dt><strong>Overrides:</strong></dt>
+<dd><code><a href="../controlP5/ControllerGroup.html#updateInternalEvents(processing.core.PApplet)">updateInternalEvents</a></code>&nbsp;in class&nbsp;<code><a href="../controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a>&lt;<a href="../controlP5/ControlGroup.html" title="type parameter in ControlGroup">T</a>&gt;</code></dd>
+</dl>
+</li>
+</ul>
+</li>
+</ul>
+</li>
+</ul>
+</div>
+</div>
+<!-- ========= END OF CLASS DATA ========= -->
+<!-- ======= START OF BOTTOM NAVBAR ====== -->
+<div class="bottomNav"><a name="navbar_bottom">
+<!--   -->
+</a><a href="#skip-navbar_bottom" title="Skip navigation links"></a><a name="navbar_bottom_firstrow">
+<!--   -->
+</a>
+<ul class="navList" title="Navigation">
+<li><a href="../controlP5/package-summary.html">Package</a></li>
+<li class="navBarCell1Rev">Class</li>
+<li><a href="package-tree.html">Tree</a></li>
+<li><a href="../index-all.html">Index</a></li>
+<li><a href="../help-doc.html">Help</a></li>
+</ul>
+</div>
+<div class="subNav">
+<ul class="navList">
+<li><a href="../controlP5/ControlFont.html" title="class in controlP5"><span class="strong">Prev Class</span></a></li>
+<li><a href="../controlP5/ControlKey.html" title="interface in controlP5"><span class="strong">Next Class</span></a></li>
+</ul>
+<ul class="navList">
+<li><a href="../index.html?controlP5/ControlGroup.html" target="_top">Frames</a></li>
+<li><a href="ControlGroup.html" target="_top">No Frames</a></li>
+</ul>
+<ul class="navList" id="allclasses_navbar_bottom">
+<li><a href="../allclasses-noframe.html">All Classes</a></li>
+</ul>
+<div>
+<script type="text/javascript"><!--
+  allClassesLink = document.getElementById("allclasses_navbar_bottom");
+  if(window==top) {
+    allClassesLink.style.display = "block";
+  }
+  else {
+    allClassesLink.style.display = "none";
+  }
+  //-->
+</script>
+</div>
+<div>
+<ul class="subNavList">
+<li>Summary:&nbsp;</li>
+<li>Nested&nbsp;|&nbsp;</li>
+<li>Field&nbsp;|&nbsp;</li>
+<li><a href="#constructor_summary">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_summary">Method</a></li>
+</ul>
+<ul class="subNavList">
+<li>Detail:&nbsp;</li>
+<li>Field&nbsp;|&nbsp;</li>
+<li><a href="#constructor_detail">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_detail">Method</a></li>
+</ul>
+</div>
+<a name="skip-navbar_bottom">
+<!--   -->
+</a></div>
+<!-- ======== END OF BOTTOM NAVBAR ======= -->
+<p class="legalCopy"><small>processing library controlP5 by Andreas Schlegel. (c) 2006-2014</small></p>
+</body>
+</html>
diff --git a/reference/controlP5/ControlKey.html b/reference/controlP5/ControlKey.html
new file mode 100644
index 0000000..20438cd
--- /dev/null
+++ b/reference/controlP5/ControlKey.html
@@ -0,0 +1,201 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
+<!-- NewPage -->
+<html lang="en">
+<head>
+<!-- Generated by javadoc (version 1.7.0_51) on Sun Apr 27 21:39:46 SGT 2014 -->
+<title>ControlKey (Javadocs: controlP5)</title>
+<meta name="date" content="2014-04-27">
+<link rel="stylesheet" type="text/css" href="../stylesheet.css" title="Style">
+</head>
+<body>
+<script type="text/javascript"><!--
+    if (location.href.indexOf('is-external=true') == -1) {
+        parent.document.title="ControlKey (Javadocs: controlP5)";
+    }
+//-->
+</script>
+<noscript>
+<div>JavaScript is disabled on your browser.</div>
+</noscript>
+<!-- ========= START OF TOP NAVBAR ======= -->
+<div class="topNav"><a name="navbar_top">
+<!--   -->
+</a><a href="#skip-navbar_top" title="Skip navigation links"></a><a name="navbar_top_firstrow">
+<!--   -->
+</a>
+<ul class="navList" title="Navigation">
+<li><a href="../controlP5/package-summary.html">Package</a></li>
+<li class="navBarCell1Rev">Class</li>
+<li><a href="package-tree.html">Tree</a></li>
+<li><a href="../index-all.html">Index</a></li>
+<li><a href="../help-doc.html">Help</a></li>
+</ul>
+</div>
+<div class="subNav">
+<ul class="navList">
+<li><a href="../controlP5/ControlGroup.html" title="class in controlP5"><span class="strong">Prev Class</span></a></li>
+<li><a href="../controlP5/Controller.html" title="class in controlP5"><span class="strong">Next Class</span></a></li>
+</ul>
+<ul class="navList">
+<li><a href="../index.html?controlP5/ControlKey.html" target="_top">Frames</a></li>
+<li><a href="ControlKey.html" target="_top">No Frames</a></li>
+</ul>
+<ul class="navList" id="allclasses_navbar_top">
+<li><a href="../allclasses-noframe.html">All Classes</a></li>
+</ul>
+<div>
+<script type="text/javascript"><!--
+  allClassesLink = document.getElementById("allclasses_navbar_top");
+  if(window==top) {
+    allClassesLink.style.display = "block";
+  }
+  else {
+    allClassesLink.style.display = "none";
+  }
+  //-->
+</script>
+</div>
+<div>
+<ul class="subNavList">
+<li>Summary:&nbsp;</li>
+<li>Nested&nbsp;|&nbsp;</li>
+<li>Field&nbsp;|&nbsp;</li>
+<li>Constr&nbsp;|&nbsp;</li>
+<li><a href="#method_summary">Method</a></li>
+</ul>
+<ul class="subNavList">
+<li>Detail:&nbsp;</li>
+<li>Field&nbsp;|&nbsp;</li>
+<li>Constr&nbsp;|&nbsp;</li>
+<li><a href="#method_detail">Method</a></li>
+</ul>
+</div>
+<a name="skip-navbar_top">
+<!--   -->
+</a></div>
+<!-- ========= END OF TOP NAVBAR ========= -->
+<!-- ======== START OF CLASS DATA ======== -->
+<div class="header">
+<div class="subTitle">controlP5</div>
+<h2 title="Interface ControlKey" class="title">Interface ControlKey</h2>
+</div>
+<div class="contentContainer">
+<div class="description">
+<ul class="blockList">
+<li class="blockList">
+<hr>
+<br>
+<pre>public interface <span class="strong">ControlKey</span></pre>
+</li>
+</ul>
+</div>
+<div class="summary">
+<ul class="blockList">
+<li class="blockList">
+<!-- ========== METHOD SUMMARY =========== -->
+<ul class="blockList">
+<li class="blockList"><a name="method_summary">
+<!--   -->
+</a>
+<h3>Method Summary</h3>
+<table class="overviewSummary" border="0" cellpadding="3" cellspacing="0" summary="Method Summary table, listing methods, and an explanation">
+<caption><span>Methods</span><span class="tabEnd">&nbsp;</span></caption>
+<tr>
+<th class="colFirst" scope="col">Modifier and Type</th>
+<th class="colLast" scope="col">Method and Description</th>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>void</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlKey.html#keyEvent()">keyEvent</a></strong>()</code>&nbsp;</td>
+</tr>
+</table>
+</li>
+</ul>
+</li>
+</ul>
+</div>
+<div class="details">
+<ul class="blockList">
+<li class="blockList">
+<!-- ============ METHOD DETAIL ========== -->
+<ul class="blockList">
+<li class="blockList"><a name="method_detail">
+<!--   -->
+</a>
+<h3>Method Detail</h3>
+<a name="keyEvent()">
+<!--   -->
+</a>
+<ul class="blockListLast">
+<li class="blockList">
+<h4>keyEvent</h4>
+<pre>void&nbsp;keyEvent()</pre>
+</li>
+</ul>
+</li>
+</ul>
+</li>
+</ul>
+</div>
+</div>
+<!-- ========= END OF CLASS DATA ========= -->
+<!-- ======= START OF BOTTOM NAVBAR ====== -->
+<div class="bottomNav"><a name="navbar_bottom">
+<!--   -->
+</a><a href="#skip-navbar_bottom" title="Skip navigation links"></a><a name="navbar_bottom_firstrow">
+<!--   -->
+</a>
+<ul class="navList" title="Navigation">
+<li><a href="../controlP5/package-summary.html">Package</a></li>
+<li class="navBarCell1Rev">Class</li>
+<li><a href="package-tree.html">Tree</a></li>
+<li><a href="../index-all.html">Index</a></li>
+<li><a href="../help-doc.html">Help</a></li>
+</ul>
+</div>
+<div class="subNav">
+<ul class="navList">
+<li><a href="../controlP5/ControlGroup.html" title="class in controlP5"><span class="strong">Prev Class</span></a></li>
+<li><a href="../controlP5/Controller.html" title="class in controlP5"><span class="strong">Next Class</span></a></li>
+</ul>
+<ul class="navList">
+<li><a href="../index.html?controlP5/ControlKey.html" target="_top">Frames</a></li>
+<li><a href="ControlKey.html" target="_top">No Frames</a></li>
+</ul>
+<ul class="navList" id="allclasses_navbar_bottom">
+<li><a href="../allclasses-noframe.html">All Classes</a></li>
+</ul>
+<div>
+<script type="text/javascript"><!--
+  allClassesLink = document.getElementById("allclasses_navbar_bottom");
+  if(window==top) {
+    allClassesLink.style.display = "block";
+  }
+  else {
+    allClassesLink.style.display = "none";
+  }
+  //-->
+</script>
+</div>
+<div>
+<ul class="subNavList">
+<li>Summary:&nbsp;</li>
+<li>Nested&nbsp;|&nbsp;</li>
+<li>Field&nbsp;|&nbsp;</li>
+<li>Constr&nbsp;|&nbsp;</li>
+<li><a href="#method_summary">Method</a></li>
+</ul>
+<ul class="subNavList">
+<li>Detail:&nbsp;</li>
+<li>Field&nbsp;|&nbsp;</li>
+<li>Constr&nbsp;|&nbsp;</li>
+<li><a href="#method_detail">Method</a></li>
+</ul>
+</div>
+<a name="skip-navbar_bottom">
+<!--   -->
+</a></div>
+<!-- ======== END OF BOTTOM NAVBAR ======= -->
+<p class="legalCopy"><small>processing library controlP5 by Andreas Schlegel. (c) 2006-2014</small></p>
+</body>
+</html>
diff --git a/reference/controlP5/ControlListener.html b/reference/controlP5/ControlListener.html
new file mode 100644
index 0000000..c21195c
--- /dev/null
+++ b/reference/controlP5/ControlListener.html
@@ -0,0 +1,269 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
+<!-- NewPage -->
+<html lang="en">
+<head>
+<!-- Generated by javadoc (version 1.7.0_51) on Sun Apr 27 21:39:47 SGT 2014 -->
+<title>ControlListener (Javadocs: controlP5)</title>
+<meta name="date" content="2014-04-27">
+<link rel="stylesheet" type="text/css" href="../stylesheet.css" title="Style">
+</head>
+<body>
+<script type="text/javascript"><!--
+    if (location.href.indexOf('is-external=true') == -1) {
+        parent.document.title="ControlListener (Javadocs: controlP5)";
+    }
+//-->
+</script>
+<noscript>
+<div>JavaScript is disabled on your browser.</div>
+</noscript>
+<!-- ========= START OF TOP NAVBAR ======= -->
+<div class="topNav"><a name="navbar_top">
+<!--   -->
+</a><a href="#skip-navbar_top" title="Skip navigation links"></a><a name="navbar_top_firstrow">
+<!--   -->
+</a>
+<ul class="navList" title="Navigation">
+<li><a href="../controlP5/package-summary.html">Package</a></li>
+<li class="navBarCell1Rev">Class</li>
+<li><a href="package-tree.html">Tree</a></li>
+<li><a href="../index-all.html">Index</a></li>
+<li><a href="../help-doc.html">Help</a></li>
+</ul>
+</div>
+<div class="subNav">
+<ul class="navList">
+<li><a href="../controlP5/ControllerView.html" title="interface in controlP5"><span class="strong">Prev Class</span></a></li>
+<li><a href="../controlP5/ControlP5.html" title="class in controlP5"><span class="strong">Next Class</span></a></li>
+</ul>
+<ul class="navList">
+<li><a href="../index.html?controlP5/ControlListener.html" target="_top">Frames</a></li>
+<li><a href="ControlListener.html" target="_top">No Frames</a></li>
+</ul>
+<ul class="navList" id="allclasses_navbar_top">
+<li><a href="../allclasses-noframe.html">All Classes</a></li>
+</ul>
+<div>
+<script type="text/javascript"><!--
+  allClassesLink = document.getElementById("allclasses_navbar_top");
+  if(window==top) {
+    allClassesLink.style.display = "block";
+  }
+  else {
+    allClassesLink.style.display = "none";
+  }
+  //-->
+</script>
+</div>
+<div>
+<ul class="subNavList">
+<li>Summary:&nbsp;</li>
+<li>Nested&nbsp;|&nbsp;</li>
+<li>Field&nbsp;|&nbsp;</li>
+<li>Constr&nbsp;|&nbsp;</li>
+<li><a href="#method_summary">Method</a></li>
+</ul>
+<ul class="subNavList">
+<li>Detail:&nbsp;</li>
+<li>Field&nbsp;|&nbsp;</li>
+<li>Constr&nbsp;|&nbsp;</li>
+<li><a href="#method_detail">Method</a></li>
+</ul>
+</div>
+<a name="skip-navbar_top">
+<!--   -->
+</a></div>
+<!-- ========= END OF TOP NAVBAR ========= -->
+<!-- ======== START OF CLASS DATA ======== -->
+<div class="header">
+<div class="subTitle">controlP5</div>
+<h2 title="Interface ControlListener" class="title">Interface ControlListener</h2>
+</div>
+<div class="contentContainer">
+<div class="description">
+<ul class="blockList">
+<li class="blockList">
+<dl>
+<dt>All Known Implementing Classes:</dt>
+<dd><a href="../controlP5/Accordion.html" title="class in controlP5">Accordion</a>, <a href="../controlP5/CheckBox.html" title="class in controlP5">CheckBox</a>, <a href="../controlP5/ColorPicker.html" title="class in controlP5">ColorPicker</a>, <a href="../controlP5/ControlGroup.html" title="class in controlP5">ControlGroup</a>, <a href="../controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a>, <a href="../controlP5/DropdownList.html" title="class in controlP5">DropdownList</a>, <a href="../controlP5/Group.html" title="class in controlP5">Group</a>, <a href="../controlP5/ListBox.html" title="class in controlP5">ListBox</a>, <a href="../controlP5/MultiList.html" title="class in controlP5">MultiList</a>, <a href="../controlP5/Radio.html" title="class in controlP5">Radio</a>, <a href="../controlP5/RadioButton.html" title="class in controlP5">RadioButton</a>, <a href="../controlP5/ScrollableList.html" title="class in controlP5">ScrollableList</a>, <a href="../controlP5/Tab.html" title="class in controlP5">Tab</a>, <a href="../controlP5/Textarea.html" title="class in controlP5">Textarea</a></dd>
+</dl>
+<hr>
+<br>
+<pre>public interface <span class="strong">ControlListener</span></pre>
+<div class="block">ControlListener is an interface that can be implemented by a custom class to be notified when
+ controller values change. To add a ControlListener to a controller use Controller.addListner()</div>
+<dl><dt><span class="strong">See Also:</span></dt><dd><a href="../controlP5/Controller.html#addListener(controlP5.ControlListener)"><code>Controller.addListener(ControlListener)</code></a>, 
+<a href="../controlP5/CallbackListener.html" title="interface in controlP5"><code>CallbackListener</code></a></dd><script type="text/javascript">
+<!--
+document.getElementsByTagName('html')[0].className = 'isjs';function toggle(dt) { var display, dd=dt; do{ dd = dd.nextSibling } while(dd.tagName!='DD'); toOpen =!dd.style.display;dd.style.display = toOpen? 'block':''; dt.getElementsByTagName('span')[0].innerHTML  = toOpen? '-':'+' ; }
+-->
+</script>
+<div id="test" class="toggleList"><dl><dt onclick="toggle(this);"><span>+</span>Example</dt><dd><code><pre>/**
+ * ControlP5 Listener.
+ * the ControlListener interface can be used to implement a custom 
+ * ControlListener which listens for incoming ControlEvent from specific
+ * controller(s). MyControlListener in the example below listens to
+ * ControlEvents coming in from controller 'mySlider'.
+ *
+ * by andreas schlegel, 2012
+ */
+import controlP5.*;
+
+ControlP5 cp5;
+MyControlListener myListener;
+
+void setup() {
+  size(700,400);
+
+
+  cp5 = new ControlP5(this);
+  cp5.setColor(ControlP5.THEME_RED);  
+  
+  cp5.addSlider("mySlider")
+     .setRange(100,200)
+     .setValue(140)
+     .setPosition(200,200)
+     .setSize(200,20);
+  
+  myListener = new MyControlListener();
+  
+  cp5.getController("mySlider").addListener(myListener);
+}
+
+void draw() {
+  background(myListener.col);  
+}
+
+
+class MyControlListener implements ControlListener {
+  int col;
+  public void controlEvent(ControlEvent theEvent) {
+    println("i got an event from mySlider, " +
+            "changing background color to "+
+            theEvent.getController().getValue());
+    col = (int)theEvent.getController().getValue();
+  }
+
+}
+</pre></code></dd></dl></div></dl>
+</li>
+</ul>
+</div>
+<div class="summary">
+<ul class="blockList">
+<li class="blockList">
+<!-- ========== METHOD SUMMARY =========== -->
+<ul class="blockList">
+<li class="blockList"><a name="method_summary">
+<!--   -->
+</a>
+<h3>Method Summary</h3>
+<table class="overviewSummary" border="0" cellpadding="3" cellspacing="0" summary="Method Summary table, listing methods, and an explanation">
+<caption><span>Methods</span><span class="tabEnd">&nbsp;</span></caption>
+<tr>
+<th class="colFirst" scope="col">Modifier and Type</th>
+<th class="colLast" scope="col">Method and Description</th>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>void</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlListener.html#controlEvent(controlP5.ControlEvent)">controlEvent</a></strong>(<a href="../controlP5/ControlEvent.html" title="class in controlP5">ControlEvent</a>&nbsp;theEvent)</code>
+<div class="block">controlEvent is called by controlP5's ControlBroadcaster to inform available listeners about
+ value changes.</div>
+</td>
+</tr>
+</table>
+</li>
+</ul>
+</li>
+</ul>
+</div>
+<div class="details">
+<ul class="blockList">
+<li class="blockList">
+<!-- ============ METHOD DETAIL ========== -->
+<ul class="blockList">
+<li class="blockList"><a name="method_detail">
+<!--   -->
+</a>
+<h3>Method Detail</h3>
+<a name="controlEvent(controlP5.ControlEvent)">
+<!--   -->
+</a>
+<ul class="blockListLast">
+<li class="blockList">
+<h4>controlEvent</h4>
+<pre>void&nbsp;controlEvent(<a href="../controlP5/ControlEvent.html" title="class in controlP5">ControlEvent</a>&nbsp;theEvent)</pre>
+<div class="block">controlEvent is called by controlP5's ControlBroadcaster to inform available listeners about
+ value changes. Use the CallbackListener to get informed when actions such as pressed,
+ release, drag, etc are performed.</div>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theEvent</code> - ControlEvent</dd><dt><span class="strong">See Also:</span></dt><dd><a href="../controlP5/CallbackListener.html" title="interface in controlP5"><code>CallbackListener</code></a>, 
+<a href="../controlP5/CallbackEvent.html" title="class in controlP5"><code>CallbackEvent</code></a></dd></dl>
+</li>
+</ul>
+</li>
+</ul>
+</li>
+</ul>
+</div>
+</div>
+<!-- ========= END OF CLASS DATA ========= -->
+<!-- ======= START OF BOTTOM NAVBAR ====== -->
+<div class="bottomNav"><a name="navbar_bottom">
+<!--   -->
+</a><a href="#skip-navbar_bottom" title="Skip navigation links"></a><a name="navbar_bottom_firstrow">
+<!--   -->
+</a>
+<ul class="navList" title="Navigation">
+<li><a href="../controlP5/package-summary.html">Package</a></li>
+<li class="navBarCell1Rev">Class</li>
+<li><a href="package-tree.html">Tree</a></li>
+<li><a href="../index-all.html">Index</a></li>
+<li><a href="../help-doc.html">Help</a></li>
+</ul>
+</div>
+<div class="subNav">
+<ul class="navList">
+<li><a href="../controlP5/ControllerView.html" title="interface in controlP5"><span class="strong">Prev Class</span></a></li>
+<li><a href="../controlP5/ControlP5.html" title="class in controlP5"><span class="strong">Next Class</span></a></li>
+</ul>
+<ul class="navList">
+<li><a href="../index.html?controlP5/ControlListener.html" target="_top">Frames</a></li>
+<li><a href="ControlListener.html" target="_top">No Frames</a></li>
+</ul>
+<ul class="navList" id="allclasses_navbar_bottom">
+<li><a href="../allclasses-noframe.html">All Classes</a></li>
+</ul>
+<div>
+<script type="text/javascript"><!--
+  allClassesLink = document.getElementById("allclasses_navbar_bottom");
+  if(window==top) {
+    allClassesLink.style.display = "block";
+  }
+  else {
+    allClassesLink.style.display = "none";
+  }
+  //-->
+</script>
+</div>
+<div>
+<ul class="subNavList">
+<li>Summary:&nbsp;</li>
+<li>Nested&nbsp;|&nbsp;</li>
+<li>Field&nbsp;|&nbsp;</li>
+<li>Constr&nbsp;|&nbsp;</li>
+<li><a href="#method_summary">Method</a></li>
+</ul>
+<ul class="subNavList">
+<li>Detail:&nbsp;</li>
+<li>Field&nbsp;|&nbsp;</li>
+<li>Constr&nbsp;|&nbsp;</li>
+<li><a href="#method_detail">Method</a></li>
+</ul>
+</div>
+<a name="skip-navbar_bottom">
+<!--   -->
+</a></div>
+<!-- ======== END OF BOTTOM NAVBAR ======= -->
+<p class="legalCopy"><small>processing library controlP5 by Andreas Schlegel. (c) 2006-2014</small></p>
+</body>
+</html>
diff --git a/reference/controlP5/ControlP5.html b/reference/controlP5/ControlP5.html
new file mode 100644
index 0000000..d936c08
--- /dev/null
+++ b/reference/controlP5/ControlP5.html
@@ -0,0 +1,2326 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
+<!-- NewPage -->
+<html lang="en">
+<head>
+<!-- Generated by javadoc (version 1.7.0_51) on Sun Apr 27 21:39:47 SGT 2014 -->
+<title>ControlP5 (Javadocs: controlP5)</title>
+<meta name="date" content="2014-04-27">
+<link rel="stylesheet" type="text/css" href="../stylesheet.css" title="Style">
+</head>
+<body>
+<script type="text/javascript"><!--
+    if (location.href.indexOf('is-external=true') == -1) {
+        parent.document.title="ControlP5 (Javadocs: controlP5)";
+    }
+//-->
+</script>
+<noscript>
+<div>JavaScript is disabled on your browser.</div>
+</noscript>
+<!-- ========= START OF TOP NAVBAR ======= -->
+<div class="topNav"><a name="navbar_top">
+<!--   -->
+</a><a href="#skip-navbar_top" title="Skip navigation links"></a><a name="navbar_top_firstrow">
+<!--   -->
+</a>
+<ul class="navList" title="Navigation">
+<li><a href="../controlP5/package-summary.html">Package</a></li>
+<li class="navBarCell1Rev">Class</li>
+<li><a href="package-tree.html">Tree</a></li>
+<li><a href="../index-all.html">Index</a></li>
+<li><a href="../help-doc.html">Help</a></li>
+</ul>
+</div>
+<div class="subNav">
+<ul class="navList">
+<li><a href="../controlP5/ControlListener.html" title="interface in controlP5"><span class="strong">Prev Class</span></a></li>
+<li><a href="../controlP5/ControlP5Base.html" title="class in controlP5"><span class="strong">Next Class</span></a></li>
+</ul>
+<ul class="navList">
+<li><a href="../index.html?controlP5/ControlP5.html" target="_top">Frames</a></li>
+<li><a href="ControlP5.html" target="_top">No Frames</a></li>
+</ul>
+<ul class="navList" id="allclasses_navbar_top">
+<li><a href="../allclasses-noframe.html">All Classes</a></li>
+</ul>
+<div>
+<script type="text/javascript"><!--
+  allClassesLink = document.getElementById("allclasses_navbar_top");
+  if(window==top) {
+    allClassesLink.style.display = "block";
+  }
+  else {
+    allClassesLink.style.display = "none";
+  }
+  //-->
+</script>
+</div>
+<div>
+<ul class="subNavList">
+<li>Summary:&nbsp;</li>
+<li>Nested&nbsp;|&nbsp;</li>
+<li><a href="#field_summary">Field</a>&nbsp;|&nbsp;</li>
+<li><a href="#constructor_summary">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_summary">Method</a></li>
+</ul>
+<ul class="subNavList">
+<li>Detail:&nbsp;</li>
+<li><a href="#field_detail">Field</a>&nbsp;|&nbsp;</li>
+<li><a href="#constructor_detail">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_detail">Method</a></li>
+</ul>
+</div>
+<a name="skip-navbar_top">
+<!--   -->
+</a></div>
+<!-- ========= END OF TOP NAVBAR ========= -->
+<!-- ======== START OF CLASS DATA ======== -->
+<div class="header">
+<div class="subTitle">controlP5</div>
+<h2 title="Class ControlP5" class="title">Class ControlP5</h2>
+</div>
+<div class="contentContainer">
+<ul class="inheritance">
+<li>java.lang.Object</li>
+<li>
+<ul class="inheritance">
+<li><a href="../controlP5/ControlP5Legacy.html" title="class in controlP5">controlP5.ControlP5Legacy</a></li>
+<li>
+<ul class="inheritance">
+<li><a href="../controlP5/ControlP5Base.html" title="class in controlP5">controlP5.ControlP5Base</a></li>
+<li>
+<ul class="inheritance">
+<li>controlP5.ControlP5</li>
+</ul>
+</li>
+</ul>
+</li>
+</ul>
+</li>
+</ul>
+<div class="description">
+<ul class="blockList">
+<li class="blockList">
+<dl>
+<dt>All Implemented Interfaces:</dt>
+<dd><a href="../controlP5/ControlP5Constants.html" title="interface in controlP5">ControlP5Constants</a></dd>
+</dl>
+<hr>
+<br>
+<pre>public class <span class="strong">ControlP5</span>
+extends <a href="../controlP5/ControlP5Base.html" title="class in controlP5">ControlP5Base</a></pre>
+<div class="block"><p>
+ controlP5 is a processing and java library for creating
+ simple control GUIs. The ControlP5 class, the core of
+ controlP5.
+ </p>
+ <p>
+ All addController-Methods are located inside the
+ ControlP5Base class.
+ </p></div>
+<dl><dt><span class="strong">See Also:</span></dt><dd><a href="../controlP5/ControlP5Base.html" title="class in controlP5"><code>ControlP5Base</code></a></dd><script type="text/javascript">
+<!--
+document.getElementsByTagName('html')[0].className = 'isjs';function toggle(dt) { var display, dd=dt; do{ dd = dd.nextSibling } while(dd.tagName!='DD'); toOpen =!dd.style.display;dd.style.display = toOpen? 'block':''; dt.getElementsByTagName('span')[0].innerHTML  = toOpen? '-':'+' ; }
+-->
+</script>
+<div id="test" class="toggleList"><dl><dt onclick="toggle(this);"><span>+</span>Example</dt><dd><code><pre>/**
+ * ControlP5 Basics
+ *
+ * The following example demonstrates the basic use of controlP5.<br />
+ * After initializing controlP5 you can add controllers to controlP5.
+ * Here we use three numberboxes, one slider and one textfield.
+ * The numberbox with name numberboxC will trigger function numberboxC()
+ * in the example below. Whenever controlP5 detects a function in your 
+ * sketch that corresponds to the name of a controller, it will forward
+ * an event to that function. Any event triggered by a controller 
+ * will be forwarded to function controlEvent in your sketch.
+ * related examples ControlP5numberbox, ControlP5slider, ControlP5textfield
+ * 
+ * by Andreas Schlegel, 2011
+ * www.sojamo.de/libraries/controlp5
+ *
+ */
+
+
+import controlP5.*;
+
+ControlP5 cp5;
+public int myColorRect = 200;
+public int myColorBackground = 100;
+
+void setup() {
+  size(400, 400);
+  noStroke();
+  
+  cp5 = new ControlP5(this);
+
+  // create a slider
+  // parameters:
+  // name, minValue, maxValue, defaultValue, x, y, width, height
+  cp5.addSlider("sliderA", 100, 200, 100, 100, 260, 100, 14);
+
+
+  // create 3 numberboxes and assign an id for each
+  cp5.addNumberbox("numberboxA", myColorRect, 100, 140, 100, 14).setId(1);
+  cp5.addNumberbox("numberboxB", myColorBackground, 100, 180, 100, 14).setId(2);
+  cp5.addNumberbox("numberboxC", 0, 100, 220, 100, 14).setId(3);
+
+
+  // create a texfield
+  cp5.addTextfield("textA", 100, 290, 100, 20);
+
+  // change individual settings for a controller
+  cp5.getController("numberboxA").setMax(255);
+  cp5.getController("numberboxA").setMin(0);
+}
+
+void draw() {
+  background(myColorBackground);
+  fill(myColorRect);
+  rect(0, 0, width, 100);
+}
+
+
+// events from controller numberboxC are received here
+public void numberboxC(int theValue) {
+  println("### got an event from numberboxC : "+theValue);
+}
+
+
+// an event from slider sliderA will change the value of textfield textA here
+public void sliderA(int theValue) {
+  Textfield txt = ((Textfield)cp5.getController("textA"));
+  txt.setValue(""+theValue);
+}
+
+
+// for every change (a textfield event confirmed with a return) in textfield textA,
+// function textA will be invoked
+public void textA(String theValue) {
+  println("### got an event from textA : "+theValue);
+}
+
+
+// function controlEvent will be invoked with every value change 
+// in any registered controller
+public void controlEvent(ControlEvent theEvent) {
+  println("got a control event from controller with id "+theEvent.getId());
+  switch(theEvent.getId()) {
+    case(1): // numberboxA is registered with id 1
+    myColorRect = (int)(theEvent.getController().getValue());
+    break;
+    case(2):  // numberboxB is registered with id 2
+    myColorBackground = (int)(theEvent.getController().getValue());
+    break;
+  }
+}
+
+</pre></code></dd></dl></div></dl>
+</li>
+</ul>
+</div>
+<div class="summary">
+<ul class="blockList">
+<li class="blockList">
+<!-- =========== FIELD SUMMARY =========== -->
+<ul class="blockList">
+<li class="blockList"><a name="field_summary">
+<!--   -->
+</a>
+<h3>Field Summary</h3>
+<table class="overviewSummary" border="0" cellpadding="3" cellspacing="0" summary="Field Summary table, listing fields, and an explanation">
+<caption><span>Fields</span><span class="tabEnd">&nbsp;</span></caption>
+<tr>
+<th class="colFirst" scope="col">Modifier and Type</th>
+<th class="colLast" scope="col">Field and Description</th>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>boolean</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5.html#blockDraw">blockDraw</a></strong></code>
+<div class="block"><strong>Deprecated.</strong>&nbsp;</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/ControlWindow.html" title="class in controlP5">ControlWindow</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5.html#controlWindow">controlWindow</a></strong></code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>static boolean</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5.html#DEBUG">DEBUG</a></strong></code>
+<div class="block">use this static variable to turn DEBUG on or off.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>static boolean</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5.html#isApplet">isApplet</a></strong></code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>static java.util.logging.Logger</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5.html#logger">logger</a></strong></code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>processing.core.PApplet</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5.html#papplet">papplet</a></strong></code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>static java.lang.String</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5.html#VERSION">VERSION</a></strong></code>&nbsp;</td>
+</tr>
+</table>
+<ul class="blockList">
+<li class="blockList"><a name="fields_inherited_from_class_controlP5.ControlP5Constants">
+<!--   -->
+</a>
+<h3>Fields inherited from interface&nbsp;controlP5.<a href="../controlP5/ControlP5Constants.html" title="interface in controlP5">ControlP5Constants</a></h3>
+<code><a href="../controlP5/ControlP5Constants.html#acceptClassList">acceptClassList</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_BROADCAST">ACTION_BROADCAST</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_CLICK">ACTION_CLICK</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_DRAG">ACTION_DRAG</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_ENTER">ACTION_ENTER</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_EXIT">ACTION_EXIT</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_LEAVE">ACTION_LEAVE</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_MOVE">ACTION_MOVE</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_PRESS">ACTION_PRESS</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_PRESSED">ACTION_PRESSED</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_RELEASE">ACTION_RELEASE</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_RELEASED">ACTION_RELEASED</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_RELEASEDOUTSIDE">ACTION_RELEASEDOUTSIDE</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_WHEEL">ACTION_WHEEL</a>, <a href="../controlP5/ControlP5Constants.html#ACTIVE">ACTIVE</a>, <a href="../controlP5/ControlP5Constants.html#ALL">ALL</a>, <a href="../controlP5/ControlP5Constants.html#ALT">ALT</a>, <a href="../controlP5/ControlP5Constants.html#AQUA">AQUA</a>, <a href="../controlP5/ControlP5Constants.html#ARC">ARC</a>, <a href="../controlP5/ControlP5Constants.html#ARRAY">ARRAY</a>, <a href="../controlP5/ControlP5Constants.html#BACKSPACE">BACKSPACE</a>, <a href="../controlP5/ControlP5Constants.html#BASELINE">BASELINE</a>, <a href="../controlP5/ControlP5Constants.html#BITFONT">BITFONT</a>, <a href="../controlP5/ControlP5Constants.html#BLACK">BLACK</a>, <a href="../controlP5/ControlP5Constants.html#BLUE">BLUE</a>, <a href="../controlP5/ControlP5Constants.html#BOOLEAN">BOOLEAN</a>, <a href="../controlP5/ControlP5Constants.html#BOTTOM">BOTTOM</a>, <a href="../controlP5/ControlP5Constants.html#BOTTOM_OUTSIDE">BOTTOM_OUTSIDE</a>, <a href="../controlP5/ControlP5Constants.html#CAPTIONLABEL">CAPTIONLABEL</a>, <a href="../controlP5/ControlP5Constants.html#CENTER">CENTER</a>, <a href="../controlP5/ControlP5Constants.html#CHECKBOX">CHECKBOX</a>, <a href="../controlP5/ControlP5Constants.html#COMMANDKEY">COMMANDKEY</a>, <a href="../controlP5/ControlP5Constants.html#CONTROL">CONTROL</a>, <a href="../controlP5/ControlP5Constants.html#controlEventClass">controlEventClass</a>, <a href="../controlP5/ControlP5Constants.html#CUSTOM">CUSTOM</a>, <a href="../controlP5/ControlP5Constants.html#DECREASE">DECREASE</a>, <a href="../controlP5/ControlP5Constants.html#DEFAULT">DEFAULT</a>, <a href="../controlP5/ControlP5Constants.html#DELETE">DELETE</a>, <a href="../controlP5/ControlP5Constants.html#DONE">DONE</a>, <a href="../controlP5/ControlP5Constants.html#DOWN">DOWN</a>, <a href="../controlP5/ControlP5Constants.html#DROPDOWN">DROPDOWN</a>, <a href="../controlP5/ControlP5Constants.html#ELLIPSE">ELLIPSE</a>, <a href="../controlP5/ControlP5Constants.html#ENTER">ENTER</a>, <a href="../controlP5/ControlP5Constants.html#ESCAPE">ESCAPE</a>, <a href="../controlP5/ControlP5Constants.html#EVENT">EVENT</a>, <a href="../controlP5/ControlP5Constants.html#eventMethod">eventMethod</a>, <a href="../controlP5/ControlP5Constants.html#FADEIN">FADEIN</a>, <a href="../controlP5/ControlP5Constants.html#FADEOUT">FADEOUT</a>, <a href="../controlP5/ControlP5Constants.html#FIELD">FIELD</a>, <a href="../controlP5/ControlP5Constants.html#FLOAT">FLOAT</a>, <a href="../controlP5/ControlP5Constants.html#FUCHSIA">FUCHSIA</a>, <a href="../controlP5/ControlP5Constants.html#GRAY">GRAY</a>, <a href="../controlP5/ControlP5Constants.html#GREEN">GREEN</a>, <a href="../controlP5/ControlP5Constants.html#grixel">grixel</a>, <a href="../controlP5/ControlP5Constants.html#HALF_PI">HALF_PI</a>, <a href="../controlP5/ControlP5Constants.html#HIDE">HIDE</a>, <a href="../controlP5/ControlP5Constants.html#HIGHLIGHT">HIGHLIGHT</a>, <a href="../controlP5/ControlP5Constants.html#HORIZONTAL">HORIZONTAL</a>, <a href="../controlP5/ControlP5Constants.html#IDLE">IDLE</a>, <a href="../controlP5/ControlP5Constants.html#IMAGE">IMAGE</a>, <a href="../controlP5/ControlP5Constants.html#INACTIVE">INACTIVE</a>, <a href="../controlP5/ControlP5Constants.html#INCREASE">INCREASE</a>, <a href="../controlP5/ControlP5Constants.html#INTEGER">INTEGER</a>, <a href="../controlP5/ControlP5Constants.html#INVALID">INVALID</a>, <a href="../controlP5/ControlP5Constants.html#J2D">J2D</a>, <a href="../controlP5/ControlP5Constants.html#KEYCONTROL">KEYCONTROL</a>, <a href="../controlP5/ControlP5Constants.html#LEFT">LEFT</a>, <a href="../controlP5/ControlP5Constants.html#LEFT_OUTSIDE">LEFT_OUTSIDE</a>, <a href="../controlP5/ControlP5Constants.html#LIME">LIME</a>, <a href="../controlP5/ControlP5Constants.html#LINE">LINE</a>, <a href="../controlP5/ControlP5Constants.html#LIST">LIST</a>, <a href="../controlP5/ControlP5Constants.html#LOAD">LOAD</a>, <a href="../controlP5/ControlP5Constants.html#MAROON">MAROON</a>, <a href="../controlP5/ControlP5Constants.html#MENU">MENU</a>, <a href="../controlP5/ControlP5Constants.html#METHOD">METHOD</a>, <a href="../controlP5/ControlP5Constants.html#MOVE">MOVE</a>, <a href="../controlP5/ControlP5Constants.html#MULTI">MULTI</a>, <a href="../controlP5/ControlP5Constants.html#MULTIPLES">MULTIPLES</a>, <a href="../controlP5/ControlP5Constants.html#NAVY">NAVY</a>, <a href="../controlP5/ControlP5Constants.html#OLIVE">OLIVE</a>, <a href="../controlP5/ControlP5Constants.html#ORANGE">ORANGE</a>, <a href="../controlP5/ControlP5Constants.html#OVER">OVER</a>, <a href="../controlP5/ControlP5Constants.html#P2D">P2D</a>, <a href="../controlP5/ControlP5Constants.html#P3D">P3D</a>, <a href="../controlP5/ControlP5Constants.html#PI">PI</a>, <a href="../controlP5/ControlP5Constants.html#PRESSED">PRESSED</a>, <a href="../controlP5/ControlP5Constants.html#PRINT">PRINT</a>, <a href="../controlP5/ControlP5Constants.html#PURPLE">PURPLE</a>, <a href="../controlP5/ControlP5Constants.html#RED">RED</a>, <a href="../controlP5/ControlP5Constants.html#RELEASE">RELEASE</a>, <a href="../controlP5/ControlP5Constants.html#RESET">RESET</a>, <a href="../controlP5/ControlP5Constants.html#RIGHT">RIGHT</a>, <a href="../controlP5/ControlP5Constants.html#RIGHT_OUTSIDE">RIGHT_OUTSIDE</a>, <a href="../controlP5/ControlP5Constants.html#SAVE">SAVE</a>, <a href="../controlP5/ControlP5Constants.html#SHIFT">SHIFT</a>, <a href="../controlP5/ControlP5Constants.html#SILVER">SILVER</a>, <a href="../controlP5/ControlP5Constants.html#SINGLE">SINGLE</a>, <a href="../controlP5/ControlP5Constants.html#SINGLE_COLUMN">SINGLE_COLUMN</a>, <a href="../controlP5/ControlP5Constants.html#SINGLE_ROW">SINGLE_ROW</a>, <a href="../controlP5/ControlP5Constants.html#SPRITE">SPRITE</a>, <a href="../controlP5/ControlP5Constants.html#standard56">standard56</a>, <a href="../controlP5/ControlP5Constants.html#standard58">standard58</a>, <a href="../controlP5/ControlP5Constants.html#STRING">STRING</a>, <a href="../controlP5/ControlP5Constants.html#SWITCH">SWITCH</a>, <a href="../controlP5/ControlP5Constants.html#SWITCH_BACK">SWITCH_BACK</a>, <a href="../controlP5/ControlP5Constants.html#SWITCH_FORE">SWITCH_FORE</a>, <a href="../controlP5/ControlP5Constants.html#synt24">synt24</a>, <a href="../controlP5/ControlP5Constants.html#TAB">TAB</a>, <a href="../controlP5/ControlP5Constants.html#TEAL">TEAL</a>, <a href="../controlP5/ControlP5Constants.html#THEME_A">THEME_A</a>, <a href="../controlP5/ControlP5Constants.html#THEME_CP52014">THEME_CP52014</a>, <a href="../controlP5/ControlP5Constants.html#THEME_CP5BLUE">THEME_CP5BLUE</a>, <a href="../controlP5/ControlP5Constants.html#THEME_RED">THEME_RED</a>, <a href="../controlP5/ControlP5Constants.html#THEME_RETRO">THEME_RETRO</a>, <a href="../controlP5/ControlP5Constants.html#THEME_WHITE">THEME_WHITE</a>, <a href="../controlP5/ControlP5Constants.html#TOP">TOP</a>, <a href="../controlP5/ControlP5Constants.html#TOP_OUTSIDE">TOP_OUTSIDE</a>, <a href="../controlP5/ControlP5Constants.html#TRANSITION_WAIT_FADEIN">TRANSITION_WAIT_FADEIN</a>, <a href="../controlP5/ControlP5Constants.html#TREE">TREE</a>, <a href="../controlP5/ControlP5Constants.html#TWO_PI">TWO_PI</a>, <a href="../controlP5/ControlP5Constants.html#UP">UP</a>, <a href="../controlP5/ControlP5Constants.html#VALUELABEL">VALUELABEL</a>, <a href="../controlP5/ControlP5Constants.html#VERBOSE">VERBOSE</a>, <a href="../controlP5/ControlP5Constants.html#VERTICAL">VERTICAL</a>, <a href="../controlP5/ControlP5Constants.html#WAIT">WAIT</a>, <a href="../controlP5/ControlP5Constants.html#WHITE">WHITE</a>, <a href="../controlP5/ControlP5Constants.html#YELLOW">YELLOW</a></code></li>
+</ul>
+</li>
+</ul>
+<!-- ======== CONSTRUCTOR SUMMARY ======== -->
+<ul class="blockList">
+<li class="blockList"><a name="constructor_summary">
+<!--   -->
+</a>
+<h3>Constructor Summary</h3>
+<table class="overviewSummary" border="0" cellpadding="3" cellspacing="0" summary="Constructor Summary table, listing constructors, and an explanation">
+<caption><span>Constructors</span><span class="tabEnd">&nbsp;</span></caption>
+<tr>
+<th class="colOne" scope="col">Constructor and Description</th>
+</tr>
+<tr class="altColor">
+<td class="colOne"><code><strong><a href="../controlP5/ControlP5.html#ControlP5(processing.core.PApplet)">ControlP5</a></strong>(processing.core.PApplet&nbsp;theParent)</code>
+<div class="block">Create a new instance of controlP5.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colOne"><code><strong><a href="../controlP5/ControlP5.html#ControlP5(processing.core.PApplet, controlP5.ControlFont)">ControlP5</a></strong>(processing.core.PApplet&nbsp;theParent,
+         <a href="../controlP5/ControlFont.html" title="class in controlP5">ControlFont</a>&nbsp;theControlFont)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colOne"><code><strong><a href="../controlP5/ControlP5.html#ControlP5(processing.core.PApplet, processing.core.PFont)">ControlP5</a></strong>(processing.core.PApplet&nbsp;theParent,
+         processing.core.PFont&nbsp;thePFont)</code>&nbsp;</td>
+</tr>
+</table>
+</li>
+</ul>
+<!-- ========== METHOD SUMMARY =========== -->
+<ul class="blockList">
+<li class="blockList"><a name="method_summary">
+<!--   -->
+</a>
+<h3>Method Summary</h3>
+<table class="overviewSummary" border="0" cellpadding="3" cellspacing="0" summary="Method Summary table, listing methods, and an explanation">
+<caption><span>Methods</span><span class="tabEnd">&nbsp;</span></caption>
+<tr>
+<th class="colFirst" scope="col">Modifier and Type</th>
+<th class="colLast" scope="col">Method and Description</th>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/ControlP5.html" title="class in controlP5">ControlP5</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5.html#addCallback(controlP5.CallbackListener...)">addCallback</a></strong>(<a href="../controlP5/CallbackListener.html" title="interface in controlP5">CallbackListener</a>...&nbsp;theListeners)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/ControlP5.html" title="class in controlP5">ControlP5</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5.html#addCallback(controlP5.CallbackListener)">addCallback</a></strong>(<a href="../controlP5/CallbackListener.html" title="interface in controlP5">CallbackListener</a>&nbsp;theListener)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/ControlP5.html" title="class in controlP5">ControlP5</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5.html#addCallback(controlP5.CallbackListener, controlP5.Controller...)">addCallback</a></strong>(<a href="../controlP5/CallbackListener.html" title="interface in controlP5">CallbackListener</a>&nbsp;theListener,
+           <a href="../controlP5/Controller.html" title="class in controlP5">Controller</a>&lt;?&gt;...&nbsp;theControllers)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/ControlP5.html" title="class in controlP5">ControlP5</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5.html#addCanvas(controlP5.Canvas)">addCanvas</a></strong>(<a href="../controlP5/Canvas.html" title="class in controlP5">Canvas</a>&nbsp;theCanvas)</code>
+<div class="block">adds a Canvas to the default sketch window.</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>void</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5.html#addControlsFor(java.lang.Object)">addControlsFor</a></strong>(java.lang.Object&nbsp;theObject)</code>
+<div class="block">TODO</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/ControlP5.html" title="class in controlP5">ControlP5</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5.html#addListener(controlP5.ControlListener...)">addListener</a></strong>(<a href="../controlP5/ControlListener.html" title="interface in controlP5">ControlListener</a>...&nbsp;theListeners)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>void</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5.html#addPositionTo(int, int, controlP5.ControllerInterface...)">addPositionTo</a></strong>(int&nbsp;theX,
+             int&nbsp;theY,
+             <a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;?&gt;...&nbsp;theControllers)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>void</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5.html#addPositionTo(int, int, java.util.List)">addPositionTo</a></strong>(int&nbsp;theX,
+             int&nbsp;theY,
+             java.util.List&lt;<a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;?&gt;&gt;&nbsp;theControllers)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>static boolean</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5.html#b(java.lang.Object)">b</a></strong>(java.lang.Object&nbsp;o)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a>&lt;?&gt;</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5.html#begin()">begin</a></strong>()</code>
+<div class="block">cp5.begin() and cp5.end() are mechanisms to
+ auto-layout controllers, see the ControlP5beginEnd
+ example.</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a>&lt;?&gt;</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5.html#begin(controlP5.ControllerGroup)">begin</a></strong>(<a href="../controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a>&lt;?&gt;&nbsp;theGroup)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a>&lt;?&gt;</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5.html#begin(controlP5.ControllerGroup, int, int)">begin</a></strong>(<a href="../controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a>&lt;?&gt;&nbsp;theGroup,
+     int&nbsp;theX,
+     int&nbsp;theY)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a>&lt;?&gt;</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5.html#begin(controlP5.ControlWindow)">begin</a></strong>(<a href="../controlP5/ControlWindow.html" title="class in controlP5">ControlWindow</a>&nbsp;theWindow)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a>&lt;?&gt;</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5.html#begin(controlP5.ControlWindow, int, int)">begin</a></strong>(<a href="../controlP5/ControlWindow.html" title="class in controlP5">ControlWindow</a>&nbsp;theWindow,
+     int&nbsp;theX,
+     int&nbsp;theY)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a>&lt;?&gt;</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5.html#begin(int, int)">begin</a></strong>(int&nbsp;theX,
+     int&nbsp;theY)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>static double</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5.html#d(java.lang.Object)">d</a></strong>(java.lang.Object&nbsp;o)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>void</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5.html#disableShortcuts()">disableShortcuts</a></strong>()</code>
+<div class="block">disables shortcuts such as alt-h for hiding/showing
+ controllers</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>void</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5.html#dispose()">dispose</a></strong>()</code>
+<div class="block">disposes and clears all controlP5 elements.</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>void</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5.html#draw()">draw</a></strong>()</code>
+<div class="block">call draw() from your program when autoDraw is
+ disabled.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>void</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5.html#enableShortcuts()">enableShortcuts</a></strong>()</code>
+<div class="block">enables shortcuts.</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a>&lt;?&gt;</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5.html#end()">end</a></strong>()</code>
+<div class="block">cp5.begin() and cp5.end() are mechanisms to
+ auto-layout controllers, see the ControlP5beginEnd
+ example.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a>&lt;?&gt;</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5.html#end(controlP5.ControllerGroup)">end</a></strong>(<a href="../controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a>&lt;?&gt;&nbsp;theGroup)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>static float</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5.html#f(java.lang.Object)">f</a></strong>(java.lang.Object&nbsp;o)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>&lt;C&gt;&nbsp;C</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5.html#get(java.lang.Class, java.lang.String)">get</a></strong>(java.lang.Class&lt;C&gt;&nbsp;theClass,
+   java.lang.String&nbsp;theName)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;?&gt;</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5.html#get(java.lang.Object, java.lang.String)">get</a></strong>(java.lang.Object&nbsp;theObject,
+   java.lang.String&nbsp;theName)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;?&gt;</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5.html#get(java.lang.String)">get</a></strong>(java.lang.String&nbsp;theName)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>java.util.List&lt;<a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;?&gt;&gt;</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5.html#getAll()">getAll</a></strong>()</code>
+<div class="block">Returns a List of all controllers currently
+ registered.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>&lt;T&gt;&nbsp;java.util.List&lt;T&gt;</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5.html#getAll(java.lang.Class)">getAll</a></strong>(java.lang.Class&lt;T&gt;&nbsp;theClass)</code>
+<div class="block">Returns a list of controllers or groups of a
+ particular type.</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>static <a href="../controlP5/CColor.html" title="class in controlP5">CColor</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5.html#getColor()">getColor</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/ControlBroadcaster.html" title="class in controlP5">ControlBroadcaster</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5.html#getControlBroadcaster()">getControlBroadcaster</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Controller.html" title="class in controlP5">Controller</a>&lt;?&gt;</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5.html#getController(java.lang.String)">getController</a></strong>(java.lang.String&nbsp;theName)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;?&gt;[]</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5.html#getControllerList()">getControllerList</a></strong>()</code>
+<div class="block"><strong>Deprecated.</strong>&nbsp;</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/ControlFont.html" title="class in controlP5">ControlFont</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5.html#getFont()">getFont</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a>&lt;?&gt;</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5.html#getGroup(java.lang.String)">getGroup</a></strong>(java.lang.String&nbsp;theGroupName)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>java.util.List&lt;<a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;?&gt;&gt;</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5.html#getList()">getList</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/ControlListener.html" title="interface in controlP5">ControlListener</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5.html#getListener(int)">getListener</a></strong>(int&nbsp;theIndex)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>java.util.List&lt;<a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;?&gt;&gt;</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5.html#getMouseOverList()">getMouseOverList</a></strong>()</code>
+<div class="block">convenience method to check if the mouse (or pointer)
+ is hovering over a specific controller.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/ControlWindow.Pointer.html" title="class in controlP5">ControlWindow.Pointer</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5.html#getPointer()">getPointer</a></strong>()</code>
+<div class="block">convenience method to access the pointer of the main
+ control window.</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Tab.html" title="class in controlP5">Tab</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5.html#getTab(controlP5.ControlWindow, java.lang.String)">getTab</a></strong>(<a href="../controlP5/ControlWindow.html" title="class in controlP5">ControlWindow</a>&nbsp;theWindow,
+      java.lang.String&nbsp;theName)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Tab.html" title="class in controlP5">Tab</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5.html#getTab(java.lang.String)">getTab</a></strong>(java.lang.String&nbsp;theName)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Tooltip.html" title="class in controlP5">Tooltip</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5.html#getTooltip()">getTooltip</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>float</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5.html#getValue(java.lang.String)">getValue</a></strong>(java.lang.String&nbsp;theIndex)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/ControlWindow.html" title="class in controlP5">ControlWindow</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5.html#getWindow()">getWindow</a></strong>()</code>
+<div class="block">convenience method to access the main window
+ (ControlWindow class).</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/ControlWindow.html" title="class in controlP5">ControlWindow</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5.html#getWindow(processing.core.PApplet)">getWindow</a></strong>(processing.core.PApplet&nbsp;theApplet)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>void</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5.html#hide()">hide</a></strong>()</code>
+<div class="block">hide all controllers and tabs inside your sketch
+ window.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>static int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5.html#i(java.lang.Object)">i</a></strong>(java.lang.Object&nbsp;o)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>static int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5.html#i(java.lang.String)">i</a></strong>(java.lang.String&nbsp;o)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>static java.lang.Object</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5.html#invoke(java.lang.Object, java.lang.String, java.lang.Object...)">invoke</a></strong>(java.lang.Object&nbsp;theObject,
+      java.lang.String&nbsp;theMember,
+      java.lang.Object...&nbsp;theParams)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>boolean</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5.html#isAutoDraw()">isAutoDraw</a></strong>()</code>
+<div class="block">check if the autoDraw function for the main window is
+ enabled(true) or disabled(false).</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>boolean</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5.html#isMouseOver()">isMouseOver</a></strong>()</code>
+<div class="block">convenience method to check if the mouse (or pointer)
+ is hovering over any controller.</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>boolean</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5.html#isMouseOver(controlP5.ControllerInterface)">isMouseOver</a></strong>(<a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;?&gt;&nbsp;theController)</code>
+<div class="block">convenience method to check if the mouse (or pointer)
+ is hovering over a specific controller.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>boolean</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5.html#isMoveable()">isMoveable</a></strong>()</code>
+<div class="block">Checks if controllers are generally moveable</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>static boolean</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5.html#isNumeric(java.lang.Object)">isNumeric</a></strong>(java.lang.Object&nbsp;o)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>static boolean</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5.html#isNumeric(java.lang.String)">isNumeric</a></strong>(java.lang.String&nbsp;str)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>boolean</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5.html#isShortcuts()">isShortcuts</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>boolean</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5.html#isUpdate()">isUpdate</a></strong>()</code>
+<div class="block">checks if automatic updates are enabled.</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>boolean</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5.html#isVisible()">isVisible</a></strong>()</code>
+<div class="block">returns true or false according to the current
+ visibility flag.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>void</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5.html#keyEvent(processing.event.KeyEvent)">keyEvent</a></strong>(processing.event.KeyEvent&nbsp;theKeyEvent)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>static long</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5.html#l(java.lang.Object)">l</a></strong>(java.lang.Object&nbsp;o)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>boolean</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5.html#loadLayout(java.lang.String)">loadLayout</a></strong>(java.lang.String&nbsp;theFilePath)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>boolean</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5.html#loadProperties()">loadProperties</a></strong>()</code>
+<div class="block">Loads properties from a default properties file and
+ changes values of controllers accordingly.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>boolean</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5.html#loadProperties(java.lang.String)">loadProperties</a></strong>(java.lang.String&nbsp;theFilePath)</code>
+<div class="block">Loads properties from a properties file and changes
+ the values of controllers accordingly, the filepath
+ is given by parameter theFilePath.</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>static java.util.logging.Logger</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5.html#logger()">logger</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>void</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5.html#mouseEvent(processing.event.MouseEvent)">mouseEvent</a></strong>(processing.event.MouseEvent&nbsp;theMouseEvent)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>void</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5.html#move(java.lang.Object, controlP5.ControllerGroup)">move</a></strong>(java.lang.Object&nbsp;theObject,
+    <a href="../controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a>&lt;?&gt;&nbsp;theGroup)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>void</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5.html#moveControllersForObject(java.lang.Object, controlP5.ControllerGroup)">moveControllersForObject</a></strong>(java.lang.Object&nbsp;theObject,
+                        <a href="../controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a>&lt;?&gt;&nbsp;theGroup)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>void</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5.html#pre()">pre</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>void</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5.html#printControllerMap()">printControllerMap</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/ControlP5.html" title="class in controlP5">ControlP5</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5.html#register(controlP5.ControllerInterface)">register</a></strong>(<a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;?&gt;&nbsp;theController)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/ControlP5.html" title="class in controlP5">ControlP5</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5.html#register(java.lang.Object, java.lang.String, controlP5.ControllerInterface)">register</a></strong>(java.lang.Object&nbsp;theObject,
+        java.lang.String&nbsp;theIndex,
+        <a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;?&gt;&nbsp;theController)</code>
+<div class="block">registers a Controller with ControlP5, a Controller
+ should/must be registered with a unique name.</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>void</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5.html#remove(java.lang.String)">remove</a></strong>(java.lang.String&nbsp;theName)</code>
+<div class="block">removes a controlP5 element such as a controller,
+ group, or tab by name.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/ControlP5.html" title="class in controlP5">ControlP5</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5.html#removeCallback(controlP5.CallbackListener...)">removeCallback</a></strong>(<a href="../controlP5/CallbackListener.html" title="interface in controlP5">CallbackListener</a>...&nbsp;theListeners)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/ControlP5.html" title="class in controlP5">ControlP5</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5.html#removeCallback(controlP5.Controller...)">removeCallback</a></strong>(<a href="../controlP5/Controller.html" title="class in controlP5">Controller</a>&lt;?&gt;...&nbsp;theControllers)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/ControlP5.html" title="class in controlP5">ControlP5</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5.html#removeCallback(controlP5.Controller)">removeCallback</a></strong>(<a href="../controlP5/Controller.html" title="class in controlP5">Controller</a>&lt;?&gt;&nbsp;theController)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/ControlP5.html" title="class in controlP5">ControlP5</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5.html#removeCanvas(controlP5.Canvas)">removeCanvas</a></strong>(<a href="../controlP5/Canvas.html" title="class in controlP5">Canvas</a>&nbsp;theCanvas)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/ControlP5.html" title="class in controlP5">ControlP5</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5.html#removeListener(controlP5.ControlListener...)">removeListener</a></strong>(<a href="../controlP5/ControlListener.html" title="interface in controlP5">ControlListener</a>...&nbsp;theListeners)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/ControlP5.html" title="class in controlP5">ControlP5</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5.html#removeListener(controlP5.ControlListener)">removeListener</a></strong>(<a href="../controlP5/ControlListener.html" title="interface in controlP5">ControlListener</a>&nbsp;theListener)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>static java.lang.String</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5.html#s(java.lang.Object)">s</a></strong>(java.lang.Object&nbsp;o)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>static java.lang.String</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5.html#s(java.lang.Object, java.lang.String)">s</a></strong>(java.lang.Object&nbsp;o,
+ java.lang.String&nbsp;theDefault)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>static java.lang.String</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5.html#s(java.lang.String)">s</a></strong>(java.lang.String&nbsp;o)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>void</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5.html#saveLayout(java.lang.String)">saveLayout</a></strong>(java.lang.String&nbsp;theFilePath)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>boolean</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5.html#saveProperties()">saveProperties</a></strong>()</code>
+<div class="block">Saves the current values of controllers into a
+ default properties file</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>boolean</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5.html#saveProperties(java.lang.String)">saveProperties</a></strong>(java.lang.String&nbsp;theFilePath)</code>
+<div class="block">Saves the current values of controllers into a file,
+ the filepath is given by parameter theFilePath.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>boolean</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5.html#saveProperties(java.lang.String, java.lang.String...)">saveProperties</a></strong>(java.lang.String&nbsp;theFilePath,
+              java.lang.String...&nbsp;theSets)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>void</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5.html#setAutoDraw(boolean)">setAutoDraw</a></strong>(boolean&nbsp;theFlag)</code>
+<div class="block">by default controlP5 draws any controller on top of
+ any drawing done in the draw() function (this doesnt
+ apply to P3D where controlP5.draw() has to be called
+ manually in the sketch's draw() function ).</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>void</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5.html#setAutoInitialization(boolean)">setAutoInitialization</a></strong>(boolean&nbsp;theFlag)</code>
+<div class="block">autoInitialization can be very handy when it comes to
+ initializing values, e.g.</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/ControlP5.html" title="class in controlP5">ControlP5</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5.html#setBackground(int)">setBackground</a></strong>(int&nbsp;theColor)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/ControlP5.html" title="class in controlP5">ControlP5</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5.html#setBroadcast(boolean)">setBroadcast</a></strong>(boolean&nbsp;theValue)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/ControlP5.html" title="class in controlP5">ControlP5</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5.html#setColor(controlP5.CColor)">setColor</a></strong>(<a href="../controlP5/CColor.html" title="class in controlP5">CColor</a>&nbsp;theColor)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/ControlP5.html" title="class in controlP5">ControlP5</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5.html#setColorActive(int)">setColorActive</a></strong>(int&nbsp;theColor)</code>
+<div class="block">sets the active state color of tabs and controllers,
+ this cascades down to all known controllers.</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/ControlP5.html" title="class in controlP5">ControlP5</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5.html#setColorBackground(int)">setColorBackground</a></strong>(int&nbsp;theColor)</code>
+<div class="block">sets the background color of tabs and controllers,
+ this cascades down to all known controllers.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/ControlP5.html" title="class in controlP5">ControlP5</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5.html#setColorCaptionLabel(int)">setColorCaptionLabel</a></strong>(int&nbsp;theColor)</code>
+<div class="block">sets the label color of tabs and controllers, this
+ cascades down to all known controllers.</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/ControlP5.html" title="class in controlP5">ControlP5</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5.html#setColorForeground(int)">setColorForeground</a></strong>(int&nbsp;theColor)</code>
+<div class="block">sets the foreground color of tabs and controllers,
+ this cascades down to all known controllers.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/ControlP5.html" title="class in controlP5">ControlP5</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5.html#setColorValueLabel(int)">setColorValueLabel</a></strong>(int&nbsp;theColor)</code>
+<div class="block">sets the value color of controllers, this cascades
+ down to all known controllers.</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>boolean</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5.html#setFont(controlP5.ControlFont)">setFont</a></strong>(<a href="../controlP5/ControlFont.html" title="class in controlP5">ControlFont</a>&nbsp;theControlFont)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>boolean</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5.html#setFont(int)">setFont</a></strong>(int&nbsp;theBitFontIndex)</code>
+<div class="block"><strong>Deprecated.</strong>&nbsp;</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>boolean</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5.html#setFont(processing.core.PFont)">setFont</a></strong>(processing.core.PFont&nbsp;thePFont)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>boolean</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5.html#setFont(processing.core.PFont, int)">setFont</a></strong>(processing.core.PFont&nbsp;thePFont,
+       int&nbsp;theFontSize)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/ControlP5.html" title="class in controlP5">ControlP5</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5.html#setGraphics(processing.core.PApplet, int, int)">setGraphics</a></strong>(processing.core.PApplet&nbsp;theApplet,
+           int&nbsp;theX,
+           int&nbsp;theY)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/ControlP5.html" title="class in controlP5">ControlP5</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5.html#setGraphics(processing.core.PGraphics, int, int)">setGraphics</a></strong>(processing.core.PGraphics&nbsp;theGraphics,
+           int&nbsp;theX,
+           int&nbsp;theY)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>void</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5.html#setMouseWheelRotation(int)">setMouseWheelRotation</a></strong>(int&nbsp;theRotation)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/ControlP5.html" title="class in controlP5">ControlP5</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5.html#setMoveable(boolean)">setMoveable</a></strong>(boolean&nbsp;theFlag)</code>
+<div class="block">Enables/disables Controllers to be moved around when
+ ALT-key is down and mouse is dragged.</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>void</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5.html#setTabEventsActive(boolean)">setTabEventsActive</a></strong>(boolean&nbsp;theFlag)</code>
+<div class="block">By default event originating from tabs are disabled,
+ use setTabEventsActive(true) to receive controlEvents
+ when tabs are clicked.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>void</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5.html#setTooltip(controlP5.Tooltip)">setTooltip</a></strong>(<a href="../controlP5/Tooltip.html" title="class in controlP5">Tooltip</a>&nbsp;theTooltip)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>void</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5.html#setUpdate(boolean)">setUpdate</a></strong>(boolean&nbsp;theFlag)</code>
+<div class="block">changes the update behavior according to parameter
+ theFlag</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/ControlP5.html" title="class in controlP5">ControlP5</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5.html#setVisible(boolean)">setVisible</a></strong>(boolean&nbsp;b)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>void</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5.html#show()">show</a></strong>()</code>
+<div class="block">shows all controllers and tabs in your sketch.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>static java.util.List</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5.html#toList(java.lang.Object)">toList</a></strong>(java.lang.Object&nbsp;o)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>static java.util.Map</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5.html#toMap(java.lang.Object)">toMap</a></strong>(java.lang.Object&nbsp;o)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>void</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5.html#update()">update</a></strong>()</code>
+<div class="block">forces all controllers to update.</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>java.lang.String</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5.html#version()">version</a></strong>()</code>
+<div class="block">Returns the current version of controlP5</div>
+</td>
+</tr>
+</table>
+<ul class="blockList">
+<li class="blockList"><a name="methods_inherited_from_class_controlP5.ControlP5Base">
+<!--   -->
+</a>
+<h3>Methods inherited from class&nbsp;controlP5.<a href="../controlP5/ControlP5Base.html" title="class in controlP5">ControlP5Base</a></h3>
+<code><a href="../controlP5/ControlP5Base.html#addAccordion(java.lang.Object, java.lang.String)">addAccordion</a>, <a href="../controlP5/ControlP5Base.html#addAccordion(java.lang.String)">addAccordion</a>, <a href="../controlP5/ControlP5Base.html#addBang(java.lang.Object, java.lang.String)">addBang</a>, <a href="../controlP5/ControlP5Base.html#addBang(java.lang.String)">addBang</a>, <a href="../controlP5/ControlP5Base.html#addButton(java.lang.Object, java.lang.String)">addButton</a>, <a href="../controlP5/ControlP5Base.html#addButton(java.lang.String)">addButton</a>, <a href="../controlP5/ControlP5Base.html#addChart(java.lang.String)">addChart</a>, <a href="../controlP5/ControlP5Base.html#addCheckBox(java.lang.Object, java.lang.String)">addCheckBox</a>, <a href="../controlP5/ControlP5Base.html#addCheckBox(java.lang.String)">addCheckBox</a>, <a href="../controlP5/ControlP5Base.html#addColorPicker(java.lang.Object, java.lang.String)">addColorPicker</a>, <a href="../controlP5/ControlP5Base.html#addColorPicker(java.lang.String)">addColorPicker</a>, <a href="../controlP5/ControlP5Base.html#addColorWheel(java.lang.Object, java.lang.String)">addColorWheel</a>, <a href="../controlP5/ControlP5Base.html#addColorWheel(java.lang.String)">addColorWheel</a>, <a href="../controlP5/ControlP5Base.html#addConsole(controlP5.Textarea)">addConsole</a>, <a href="../controlP5/ControlP5Base.html#addControllersFor(processing.core.PApplet)">addControllersFor</a>, <a href="../controlP5/ControlP5Base.html#addControllersFor(java.lang.String, java.lang.Object)">addControllersFor</a>, <a href="../controlP5/ControlP5Base.html#addFrameRate()">addFrameRate</a>, <a href="../controlP5/ControlP5Base.html#addGroup(java.lang.Object, java.lang.String)">addGroup</a>, <a href="../controlP5/ControlP5Base.html#addGroup(java.lang.String)">addGroup</a>, <a href="../controlP5/ControlP5Base.html#addKnob(java.lang.Object, java.lang.String)">addKnob</a>, <a href="../controlP5/ControlP5Base.html#addKnob(java.lang.String)">addKnob</a>, <a href="../controlP5/ControlP5Base.html#addMatrix(java.lang.Object, java.lang.String)">addMatrix</a>, <a href="../controlP5/ControlP5Base.html#addMatrix(java.lang.String)">addMatrix</a>, <a href="../controlP5/ControlP5Base.html#addMultiList(java.lang.Object, java.lang.String)">addMultiList</a>, <a href="../controlP5/ControlP5Base.html#addMultiList(java.lang.String)">addMultiList</a>, <a href="../controlP5/ControlP5Base.html#addNumberbox(java.lang.Object, java.lang.String)">addNumberbox</a>, <a href="../controlP5/ControlP5Base.html#addNumberbox(java.lang.String)">addNumberbox</a>, <a href="../controlP5/ControlP5Base.html#addRadioButton(java.lang.Object, java.lang.String)">addRadioButton</a>, <a href="../controlP5/ControlP5Base.html#addRadioButton(java.lang.String)">addRadioButton</a>, <a href="../controlP5/ControlP5Base.html#addRange(java.lang.Object, java.lang.String)">addRange</a>, <a href="../controlP5/ControlP5Base.html#addRange(java.lang.String)">addRange</a>, <a href="../controlP5/ControlP5Base.html#addScrollableList(java.lang.Object, java.lang.String)">addScrollableList</a>, <a href="../controlP5/ControlP5Base.html#addScrollableList(java.lang.String)">addScrollableList</a>, <a href="../controlP5/ControlP5Base.html#addSlider(java.lang.Object, java.lang.String)">addSlider</a>, <a href="../controlP5/ControlP5Base.html#addSlider(java.lang.String)">addSlider</a>, <a href="../controlP5/ControlP5Base.html#addSlider2D(java.lang.Object, java.lang.String)">addSlider2D</a>, <a href="../controlP5/ControlP5Base.html#addSlider2D(java.lang.String)">addSlider2D</a>, <a href="../controlP5/ControlP5Base.html#addTab(java.lang.String)">addTab</a>, <a href="../controlP5/ControlP5Base.html#addTextarea(java.lang.String)">addTextarea</a>, <a href="../controlP5/ControlP5Base.html#addTextfield(java.lang.Object, java.lang.String)">addTextfield</a>, <a href="../controlP5/ControlP5Base.html#addTextfield(java.lang.String)">addTextfield</a>, <a href="../controlP5/ControlP5Base.html#addTextlabel(java.lang.String)">addTextlabel</a>, <a href="../controlP5/ControlP5Base.html#addToggle(java.lang.Object, java.lang.String)">addToggle</a>, <a href="../controlP5/ControlP5Base.html#addToggle(java.lang.String)">addToggle</a>, <a href="../controlP5/ControlP5Base.html#getDefaultTab()">getDefaultTab</a>, <a href="../controlP5/ControlP5Base.html#getKey()">getKey</a>, <a href="../controlP5/ControlP5Base.html#getKeyCode()">getKeyCode</a>, <a href="../controlP5/ControlP5Base.html#getLayout()">getLayout</a>, <a href="../controlP5/ControlP5Base.html#getObjectForController(controlP5.ControllerInterface)">getObjectForController</a>, <a href="../controlP5/ControlP5Base.html#getProperties()">getProperties</a>, <a href="../controlP5/ControlP5Base.html#getPublicMethodsFor(java.lang.Class)">getPublicMethodsFor</a>, <a href="../controlP5/ControlP5Base.html#getPublicMethodsFor(java.lang.Class, boolean)">getPublicMethodsFor</a>, <a href="../controlP5/ControlP5Base.html#getPublicMethodsFor(java.lang.Class, boolean, java.lang.String...)">getPublicMethodsFor</a>, <a href="../controlP5/ControlP5Base.html#getPublicMethodsFor(java.lang.Class, java.lang.String...)">getPublicMethodsFor</a>, <a href="../controlP5/ControlP5Base.html#hide(java.lang.Object)">hide</a>, <a href="../controlP5/ControlP5Base.html#isAltDown()">isAltDown</a>, <a href="../controlP5/ControlP5Base.html#isControlDown()">isControlDown</a>, <a href="../controlP5/ControlP5Base.html#isMetaDown()">isMetaDown</a>, <a href="../controlP5/ControlP5Base.html#isShiftDown()">isShiftDown</a>, <a href="../controlP5/ControlP5Base.html#listenTo(java.lang.String, java.lang.Object)">listenTo</a>, <a href="../controlP5/ControlP5Base.html#mapKeyFor(controlP5.ControlKey, java.lang.Object...)">mapKeyFor</a>, <a href="../controlP5/ControlP5Base.html#moveTo(controlP5.ControllerGroup, java.lang.Object)">moveTo</a>, <a href="../controlP5/ControlP5Base.html#printPublicMethodsFor(java.lang.Class)">printPublicMethodsFor</a>, <a href="../controlP5/ControlP5Base.html#printPublicMethodsFor(java.lang.Class, java.lang.String...)">printPublicMethodsFor</a>, <a href="../controlP5/ControlP5Base.html#remove(java.lang.Object)">remove</a>, <a href="../controlP5/ControlP5Base.html#removeKeyFor(controlP5.ControlKey, char...)">removeKeyFor</a>, <a href="../controlP5/ControlP5Base.html#removeKeyFor(controlP5.ControlKey, int...)">removeKeyFor</a>, <a href="../controlP5/ControlP5Base.html#removeKeysFor(char...)">removeKeysFor</a>, <a href="../controlP5/ControlP5Base.html#removeKeysFor(int...)">removeKeysFor</a>, <a href="../controlP5/ControlP5Base.html#removeProperty(controlP5.ControllerInterface)">removeProperty</a>, <a href="../controlP5/ControlP5Base.html#setAutoAddDirection(int)">setAutoAddDirection</a>, <a href="../controlP5/ControlP5Base.html#setAutoSpacing()">setAutoSpacing</a>, <a href="../controlP5/ControlP5Base.html#setAutoSpacing(float)">setAutoSpacing</a>, <a href="../controlP5/ControlP5Base.html#setAutoSpacing(float, float)">setAutoSpacing</a>, <a href="../controlP5/ControlP5Base.html#setAutoSpacing(float, float, float)">setAutoSpacing</a>, <a href="../controlP5/ControlP5Base.html#setColor(controlP5.CColor, java.lang.Object)">setColor</a>, <a href="../controlP5/ControlP5Base.html#setPosition(int, int, java.lang.Object)">setPosition</a>, <a href="../controlP5/ControlP5Base.html#show(java.lang.Object)">show</a>, <a href="../controlP5/ControlP5Base.html#stopListeningTo(java.lang.String, java.lang.Object)">stopListeningTo</a></code></li>
+</ul>
+<ul class="blockList">
+<li class="blockList"><a name="methods_inherited_from_class_controlP5.ControlP5Legacy">
+<!--   -->
+</a>
+<h3>Methods inherited from class&nbsp;controlP5.<a href="../controlP5/ControlP5Legacy.html" title="class in controlP5">ControlP5Legacy</a></h3>
+<code><a href="../controlP5/ControlP5Legacy.html#addAccordion(java.lang.Object, java.lang.String, java.lang.String)">addAccordion</a>, <a href="../controlP5/ControlP5Legacy.html#addAccordion(java.lang.String, int, int, int)">addAccordion</a>, <a href="../controlP5/ControlP5Legacy.html#addBang(java.lang.Object, java.lang.String, java.lang.String)">addBang</a>, <a href="../controlP5/ControlP5Legacy.html#addBang(java.lang.Object, java.lang.String, java.lang.String, int, int, int, int)">addBang</a>, <a href="../controlP5/ControlP5Legacy.html#addBang(java.lang.String, int, int)">addBang</a>, <a href="../controlP5/ControlP5Legacy.html#addBang(java.lang.String, int, int, int, int)">addBang</a>, <a href="../controlP5/ControlP5Legacy.html#addBoundingBox(java.lang.Object, java.lang.String, java.lang.String, int, int, int, int)">addBoundingBox</a>, <a href="../controlP5/ControlP5Legacy.html#addBoundingBox(java.lang.String)">addBoundingBox</a>, <a href="../controlP5/ControlP5Legacy.html#addButton(java.lang.Object, java.lang.String, java.lang.String)">addButton</a>, <a href="../controlP5/ControlP5Legacy.html#addButton(java.lang.Object, java.lang.String, java.lang.String, float)">addButton</a>, <a href="../controlP5/ControlP5Legacy.html#addButton(java.lang.Object, java.lang.String, java.lang.String, float, int, int, int, int)">addButton</a>, <a href="../controlP5/ControlP5Legacy.html#addButton(java.lang.String, float)">addButton</a>, <a href="../controlP5/ControlP5Legacy.html#addButton(java.lang.String, float, int, int, int, int)">addButton</a>, <a href="../controlP5/ControlP5Legacy.html#addChart(java.lang.String, int, int, int, int)">addChart</a>, <a href="../controlP5/ControlP5Legacy.html#addCheckBox(java.lang.Object, java.lang.String, java.lang.String, int, int)">addCheckBox</a>, <a href="../controlP5/ControlP5Legacy.html#addCheckBox(java.lang.String, int, int)">addCheckBox</a>, <a href="../controlP5/ControlP5Legacy.html#addColorPicker(java.lang.Object, java.lang.String, java.lang.String, int, int, int, int)">addColorPicker</a>, <a href="../controlP5/ControlP5Legacy.html#addColorPicker(java.lang.String, int, int, int, int)">addColorPicker</a>, <a href="../controlP5/ControlP5Legacy.html#addColorWheel(java.lang.Object, java.lang.String, java.lang.String, int, int, int)">addColorWheel</a>, <a href="../controlP5/ControlP5Legacy.html#addColorWheel(java.lang.String, int, int, int)">addColorWheel</a>, <a href="../controlP5/ControlP5Legacy.html#addController(java.lang.Object, java.lang.String, java.lang.String, java.lang.Class, int, int)">addController</a>, <a href="../controlP5/ControlP5Legacy.html#addController(java.lang.String, java.lang.Class, int, int)">addController</a>, <a href="../controlP5/ControlP5Legacy.html#addControlWindow(java.lang.String)">addControlWindow</a>, <a href="../controlP5/ControlP5Legacy.html#addControlWindow(java.lang.String, int, int)">addControlWindow</a>, <a href="../controlP5/ControlP5Legacy.html#addControlWindow(java.lang.String, int, int, int, int)">addControlWindow</a>, <a href="../controlP5/ControlP5Legacy.html#addControlWindow(java.lang.String, int, int, int, int, int)">addControlWindow</a>, <a href="../controlP5/ControlP5Legacy.html#addControlWindow(java.lang.String, int, int, int, int, java.lang.String, int)">addControlWindow</a>, <a href="../controlP5/ControlP5Legacy.html#addDropdownList(java.lang.Object, java.lang.String, java.lang.String, int, int, int, int)">addDropdownList</a>, <a href="../controlP5/ControlP5Legacy.html#addDropdownList(java.lang.String)">addDropdownList</a>, <a href="../controlP5/ControlP5Legacy.html#addDropdownList(java.lang.String, int, int, int, int)">addDropdownList</a>, <a href="../controlP5/ControlP5Legacy.html#addGroup(java.lang.Object, java.lang.String, java.lang.String)">addGroup</a>, <a href="../controlP5/ControlP5Legacy.html#addGroup(java.lang.Object, java.lang.String, java.lang.String, java.lang.Class, int, int, int, int)">addGroup</a>, <a href="../controlP5/ControlP5Legacy.html#addGroup(java.lang.Object, java.lang.String, java.lang.String, int, int)">addGroup</a>, <a href="../controlP5/ControlP5Legacy.html#addGroup(java.lang.Object, java.lang.String, java.lang.String, int, int, int)">addGroup</a>, <a href="../controlP5/ControlP5Legacy.html#addGroup(java.lang.String, int, int)">addGroup</a>, <a href="../controlP5/ControlP5Legacy.html#addGroup(java.lang.String, int, int, int)">addGroup</a>, <a href="../controlP5/ControlP5Legacy.html#addKnob(java.lang.Object, java.lang.String, java.lang.String)">addKnob</a>, <a href="../controlP5/ControlP5Legacy.html#addKnob(java.lang.Object, java.lang.String, java.lang.String, float, float, float, int, int, int)">addKnob</a>, <a href="../controlP5/ControlP5Legacy.html#addKnob(java.lang.Object, java.lang.String, java.lang.String, float, float, int, int, int)">addKnob</a>, <a href="../controlP5/ControlP5Legacy.html#addKnob(java.lang.Object, java.lang.String, java.lang.String, int, int)">addKnob</a>, <a href="../controlP5/ControlP5Legacy.html#addKnob(java.lang.String, float, float, float, int, int, int)">addKnob</a>, <a href="../controlP5/ControlP5Legacy.html#addKnob(java.lang.String, float, float, int, int, int)">addKnob</a>, <a href="../controlP5/ControlP5Legacy.html#addKnob(java.lang.String, int, int)">addKnob</a>, <a href="../controlP5/ControlP5Legacy.html#addListBox(java.lang.Object, java.lang.String, java.lang.String, int, int, int, int)">addListBox</a>, <a href="../controlP5/ControlP5Legacy.html#addListBox(java.lang.String)">addListBox</a>, <a href="../controlP5/ControlP5Legacy.html#addListBox(java.lang.String, int, int, int, int)">addListBox</a>, <a href="../controlP5/ControlP5Legacy.html#addMatrix(java.lang.Object, java.lang.String, java.lang.String, int, int, int, int, int, int)">addMatrix</a>, <a href="../controlP5/ControlP5Legacy.html#addMatrix(java.lang.String, int, int, int, int, int, int)">addMatrix</a>, <a href="../controlP5/ControlP5Legacy.html#addMultiList(java.lang.Object, java.lang.String, java.lang.String, int, int, int, int)">addMultiList</a>, <a href="../controlP5/ControlP5Legacy.html#addMultiList(java.lang.String, int, int, int, int)">addMultiList</a>, <a href="../controlP5/ControlP5Legacy.html#addNumberbox(java.lang.Object, java.lang.String, java.lang.String)">addNumberbox</a>, <a href="../controlP5/ControlP5Legacy.html#addNumberbox(java.lang.Object, java.lang.String, java.lang.String, float, int, int, int, int)">addNumberbox</a>, <a href="../controlP5/ControlP5Legacy.html#addNumberbox(java.lang.Object, java.lang.String, java.lang.String, int, int, int, int)">addNumberbox</a>, <a href="../controlP5/ControlP5Legacy.html#addNumberbox(java.lang.String, float, int, int, int, int)">addNumberbox</a>, <a href="../controlP5/ControlP5Legacy.html#addNumberbox(java.lang.String, int, int, int, int)">addNumberbox</a>, <a href="../controlP5/ControlP5Legacy.html#addRadio(java.lang.String)">addRadio</a>, <a href="../controlP5/ControlP5Legacy.html#addRadio(java.lang.String, int, int)">addRadio</a>, <a href="../controlP5/ControlP5Legacy.html#addRadioButton(java.lang.Object, java.lang.String, java.lang.String, int, int)">addRadioButton</a>, <a href="../controlP5/ControlP5Legacy.html#addRadioButton(java.lang.String, int, int)">addRadioButton</a>, <a href="../controlP5/ControlP5Legacy.html#addRange(java.lang.Object, java.lang.String, java.lang.String, float, float, float, float, int, int, int, int)">addRange</a>, <a href="../controlP5/ControlP5Legacy.html#addRange(java.lang.Object, java.lang.String, java.lang.String, float, float, int, int, int, int)">addRange</a>, <a href="../controlP5/ControlP5Legacy.html#addRange(java.lang.String, float, float, float, float, int, int, int, int)">addRange</a>, <a href="../controlP5/ControlP5Legacy.html#addRange(java.lang.String, float, float, int, int, int, int)">addRange</a>, <a href="../controlP5/ControlP5Legacy.html#addScrollableList(java.lang.Object, java.lang.String, java.lang.String)">addScrollableList</a>, <a href="../controlP5/ControlP5Legacy.html#addScrollableList(java.lang.Object, java.lang.String, java.lang.String, int, int, int, int)">addScrollableList</a>, <a href="../controlP5/ControlP5Legacy.html#addScrollableList(java.lang.String, int, int, int, int)">addScrollableList</a>, <a href="../controlP5/ControlP5Legacy.html#addSlider(java.lang.Object, java.lang.String, java.lang.String)">addSlider</a>, <a href="../controlP5/ControlP5Legacy.html#addSlider(java.lang.Object, java.lang.String, java.lang.String, float, float)">addSlider</a>, <a href="../controlP5/ControlP5Legacy.html#addSlider(java.lang.Object, java.lang.String, java.lang.String, float, float, float, int, int, int, int)">addSlider</a>, <a href="../controlP5/ControlP5Legacy.html#addSlider(java.lang.Object, java.lang.String, java.lang.String, float, float, int, int, int, int)">addSlider</a>, <a href="../controlP5/ControlP5Legacy.html#addSlider(java.lang.String, float, float)">addSlider</a>, <a href="../controlP5/ControlP5Legacy.html#addSlider(java.lang.String, float, float, float, int, int, int, int)">addSlider</a>, <a href="../controlP5/ControlP5Legacy.html#addSlider(java.lang.String, float, float, int, int, int, int)">addSlider</a>, <a href="../controlP5/ControlP5Legacy.html#addSlider2D(java.lang.Object, java.lang.String, java.lang.String, float, float, float, float, float, float, int, int, int, int)">addSlider2D</a>, <a href="../controlP5/ControlP5Legacy.html#addSlider2D(java.lang.Object, java.lang.String, java.lang.String, int, int, int, int)">addSlider2D</a>, <a href="../controlP5/ControlP5Legacy.html#addSlider2D(java.lang.String, float, float, float, float, float, float, int, int, int, int)">addSlider2D</a>, <a href="../controlP5/ControlP5Legacy.html#addSlider2D(java.lang.String, int, int, int, int)">addSlider2D</a>, <a href="../controlP5/ControlP5Legacy.html#addTab(controlP5.ControlWindow, java.lang.String)">addTab</a>, <a href="../controlP5/ControlP5Legacy.html#addTab(processing.core.PApplet, java.lang.String)">addTab</a>, <a href="../controlP5/ControlP5Legacy.html#addTextarea(java.lang.String, java.lang.String, int, int, int, int)">addTextarea</a>, <a href="../controlP5/ControlP5Legacy.html#addTextfield(java.lang.Object, java.lang.String, java.lang.String)">addTextfield</a>, <a href="../controlP5/ControlP5Legacy.html#addTextfield(java.lang.Object, java.lang.String, java.lang.String, int, int, int, int)">addTextfield</a>, <a href="../controlP5/ControlP5Legacy.html#addTextfield(java.lang.String, int, int, int, int)">addTextfield</a>, <a href="../controlP5/ControlP5Legacy.html#addTextlabel(java.lang.Object, java.lang.String, java.lang.String, java.lang.String)">addTextlabel</a>, <a href="../controlP5/ControlP5Legacy.html#addTextlabel(java.lang.Object, java.lang.String, java.lang.String, java.lang.String, int, int)">addTextlabel</a>, <a href="../controlP5/ControlP5Legacy.html#addTextlabel(java.lang.String, java.lang.String)">addTextlabel</a>, <a href="../controlP5/ControlP5Legacy.html#addTextlabel(java.lang.String, java.lang.String, int, int)">addTextlabel</a>, <a href="../controlP5/ControlP5Legacy.html#addToggle(java.lang.Object, java.lang.String, java.lang.String)">addToggle</a>, <a href="../controlP5/ControlP5Legacy.html#addToggle(java.lang.Object, java.lang.String, java.lang.String, boolean)">addToggle</a>, <a href="../controlP5/ControlP5Legacy.html#addToggle(java.lang.Object, java.lang.String, java.lang.String, boolean, float, float, int, int)">addToggle</a>, <a href="../controlP5/ControlP5Legacy.html#addToggle(java.lang.Object, java.lang.String, java.lang.String, float, float, int, int)">addToggle</a>, <a href="../controlP5/ControlP5Legacy.html#addToggle(java.lang.String, boolean)">addToggle</a>, <a href="../controlP5/ControlP5Legacy.html#addToggle(java.lang.String, boolean, float, float, int, int)">addToggle</a>, <a href="../controlP5/ControlP5Legacy.html#addToggle(java.lang.String, float, float, int, int)">addToggle</a>, <a href="../controlP5/ControlP5Legacy.html#addTooltip()">addTooltip</a>, <a href="../controlP5/ControlP5Legacy.html#getController(java.lang.String, java.lang.Object)">getController</a>, <a href="../controlP5/ControlP5Legacy.html#getTextlabel()">getTextlabel</a>, <a href="../controlP5/ControlP5Legacy.html#getTextlabel(java.lang.String, int, int)">getTextlabel</a></code></li>
+</ul>
+<ul class="blockList">
+<li class="blockList"><a name="methods_inherited_from_class_java.lang.Object">
+<!--   -->
+</a>
+<h3>Methods inherited from class&nbsp;java.lang.Object</h3>
+<code>equals, getClass, hashCode, notify, notifyAll, toString, wait, wait, wait</code></li>
+</ul>
+</li>
+</ul>
+</li>
+</ul>
+</div>
+<div class="details">
+<ul class="blockList">
+<li class="blockList">
+<!-- ============ FIELD DETAIL =========== -->
+<ul class="blockList">
+<li class="blockList"><a name="field_detail">
+<!--   -->
+</a>
+<h3>Field Detail</h3>
+<a name="blockDraw">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>blockDraw</h4>
+<pre>@Deprecated
+public&nbsp;boolean blockDraw</pre>
+<div class="block"><span class="strong">Deprecated.</span>&nbsp;</div>
+</li>
+</ul>
+<a name="controlWindow">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>controlWindow</h4>
+<pre>public&nbsp;<a href="../controlP5/ControlWindow.html" title="class in controlP5">ControlWindow</a> controlWindow</pre>
+</li>
+</ul>
+<a name="DEBUG">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>DEBUG</h4>
+<pre>public static&nbsp;boolean DEBUG</pre>
+<div class="block">use this static variable to turn DEBUG on or off.</div>
+</li>
+</ul>
+<a name="isApplet">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>isApplet</h4>
+<pre>public static&nbsp;boolean isApplet</pre>
+</li>
+</ul>
+<a name="logger">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>logger</h4>
+<pre>public static final&nbsp;java.util.logging.Logger logger</pre>
+</li>
+</ul>
+<a name="papplet">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>papplet</h4>
+<pre>public&nbsp;processing.core.PApplet papplet</pre>
+</li>
+</ul>
+<a name="VERSION">
+<!--   -->
+</a>
+<ul class="blockListLast">
+<li class="blockList">
+<h4>VERSION</h4>
+<pre>public static final&nbsp;java.lang.String VERSION</pre>
+<dl><dt><span class="strong">See Also:</span></dt><dd><a href="../constant-values.html#controlP5.ControlP5.VERSION">Constant Field Values</a></dd></dl>
+</li>
+</ul>
+</li>
+</ul>
+<!-- ========= CONSTRUCTOR DETAIL ======== -->
+<ul class="blockList">
+<li class="blockList"><a name="constructor_detail">
+<!--   -->
+</a>
+<h3>Constructor Detail</h3>
+<a name="ControlP5(processing.core.PApplet)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>ControlP5</h4>
+<pre>public&nbsp;ControlP5(processing.core.PApplet&nbsp;theParent)</pre>
+<div class="block">Create a new instance of controlP5.</div>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theParent</code> - PApplet</dd></dl>
+</li>
+</ul>
+<a name="ControlP5(processing.core.PApplet, controlP5.ControlFont)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>ControlP5</h4>
+<pre>public&nbsp;ControlP5(processing.core.PApplet&nbsp;theParent,
+         <a href="../controlP5/ControlFont.html" title="class in controlP5">ControlFont</a>&nbsp;theControlFont)</pre>
+</li>
+</ul>
+<a name="ControlP5(processing.core.PApplet, processing.core.PFont)">
+<!--   -->
+</a>
+<ul class="blockListLast">
+<li class="blockList">
+<h4>ControlP5</h4>
+<pre>public&nbsp;ControlP5(processing.core.PApplet&nbsp;theParent,
+         processing.core.PFont&nbsp;thePFont)</pre>
+</li>
+</ul>
+</li>
+</ul>
+<!-- ============ METHOD DETAIL ========== -->
+<ul class="blockList">
+<li class="blockList"><a name="method_detail">
+<!--   -->
+</a>
+<h3>Method Detail</h3>
+<a name="addCallback(controlP5.CallbackListener...)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>addCallback</h4>
+<pre>public&nbsp;<a href="../controlP5/ControlP5.html" title="class in controlP5">ControlP5</a>&nbsp;addCallback(<a href="../controlP5/CallbackListener.html" title="interface in controlP5">CallbackListener</a>...&nbsp;theListeners)</pre>
+<dl><dt><span class="strong">See Also:</span></dt><dd><a href="../controlP5/CallbackEvent.html" title="class in controlP5"><code>CallbackEvent</code></a>, 
+<a href="../controlP5/CallbackListener.html" title="interface in controlP5"><code>CallbackListener</code></a></dd></dl>
+</li>
+</ul>
+<a name="addCallback(controlP5.CallbackListener)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>addCallback</h4>
+<pre>public&nbsp;<a href="../controlP5/ControlP5.html" title="class in controlP5">ControlP5</a>&nbsp;addCallback(<a href="../controlP5/CallbackListener.html" title="interface in controlP5">CallbackListener</a>&nbsp;theListener)</pre>
+<dl><dt><span class="strong">See Also:</span></dt><dd><a href="../controlP5/CallbackEvent.html" title="class in controlP5"><code>CallbackEvent</code></a>, 
+<a href="../controlP5/CallbackListener.html" title="interface in controlP5"><code>CallbackListener</code></a></dd></dl>
+</li>
+</ul>
+<a name="addCallback(controlP5.CallbackListener, controlP5.Controller...)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>addCallback</h4>
+<pre>public&nbsp;<a href="../controlP5/ControlP5.html" title="class in controlP5">ControlP5</a>&nbsp;addCallback(<a href="../controlP5/CallbackListener.html" title="interface in controlP5">CallbackListener</a>&nbsp;theListener,
+                    <a href="../controlP5/Controller.html" title="class in controlP5">Controller</a>&lt;?&gt;...&nbsp;theControllers)</pre>
+<dl><dt><span class="strong">See Also:</span></dt><dd><a href="../controlP5/CallbackEvent.html" title="class in controlP5"><code>CallbackEvent</code></a>, 
+<a href="../controlP5/CallbackListener.html" title="interface in controlP5"><code>CallbackListener</code></a></dd></dl>
+</li>
+</ul>
+<a name="addCanvas(controlP5.Canvas)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>addCanvas</h4>
+<pre>public&nbsp;<a href="../controlP5/ControlP5.html" title="class in controlP5">ControlP5</a>&nbsp;addCanvas(<a href="../controlP5/Canvas.html" title="class in controlP5">Canvas</a>&nbsp;theCanvas)</pre>
+<div class="block">adds a Canvas to the default sketch window.</div>
+<dl><dt><span class="strong">See Also:</span></dt><dd><a href="../controlP5/Canvas.html" title="class in controlP5"><code>Canvas</code></a></dd></dl>
+</li>
+</ul>
+<a name="addControlsFor(java.lang.Object)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>addControlsFor</h4>
+<pre>public&nbsp;void&nbsp;addControlsFor(java.lang.Object&nbsp;theObject)</pre>
+<div class="block">TODO</div>
+</li>
+</ul>
+<a name="addListener(controlP5.ControlListener...)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>addListener</h4>
+<pre>public&nbsp;<a href="../controlP5/ControlP5.html" title="class in controlP5">ControlP5</a>&nbsp;addListener(<a href="../controlP5/ControlListener.html" title="interface in controlP5">ControlListener</a>...&nbsp;theListeners)</pre>
+<dl><dt><span class="strong">See Also:</span></dt><dd><a href="../controlP5/ControlListener.html" title="interface in controlP5"><code>ControlListener</code></a></dd></dl>
+</li>
+</ul>
+<a name="addPositionTo(int, int, controlP5.ControllerInterface...)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>addPositionTo</h4>
+<pre>public&nbsp;void&nbsp;addPositionTo(int&nbsp;theX,
+                 int&nbsp;theY,
+                 <a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;?&gt;...&nbsp;theControllers)</pre>
+</li>
+</ul>
+<a name="addPositionTo(int, int, java.util.List)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>addPositionTo</h4>
+<pre>public&nbsp;void&nbsp;addPositionTo(int&nbsp;theX,
+                 int&nbsp;theY,
+                 java.util.List&lt;<a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;?&gt;&gt;&nbsp;theControllers)</pre>
+</li>
+</ul>
+<a name="b(java.lang.Object)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>b</h4>
+<pre>public static&nbsp;boolean&nbsp;b(java.lang.Object&nbsp;o)</pre>
+</li>
+</ul>
+<a name="begin()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>begin</h4>
+<pre>public&nbsp;<a href="../controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a>&lt;?&gt;&nbsp;begin()</pre>
+<div class="block">cp5.begin() and cp5.end() are mechanisms to
+ auto-layout controllers, see the ControlP5beginEnd
+ example.</div>
+</li>
+</ul>
+<a name="begin(controlP5.ControllerGroup)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>begin</h4>
+<pre>public&nbsp;<a href="../controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a>&lt;?&gt;&nbsp;begin(<a href="../controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a>&lt;?&gt;&nbsp;theGroup)</pre>
+</li>
+</ul>
+<a name="begin(controlP5.ControllerGroup, int, int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>begin</h4>
+<pre>public&nbsp;<a href="../controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a>&lt;?&gt;&nbsp;begin(<a href="../controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a>&lt;?&gt;&nbsp;theGroup,
+                       int&nbsp;theX,
+                       int&nbsp;theY)</pre>
+</li>
+</ul>
+<a name="begin(controlP5.ControlWindow)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>begin</h4>
+<pre>public&nbsp;<a href="../controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a>&lt;?&gt;&nbsp;begin(<a href="../controlP5/ControlWindow.html" title="class in controlP5">ControlWindow</a>&nbsp;theWindow)</pre>
+</li>
+</ul>
+<a name="begin(controlP5.ControlWindow, int, int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>begin</h4>
+<pre>public&nbsp;<a href="../controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a>&lt;?&gt;&nbsp;begin(<a href="../controlP5/ControlWindow.html" title="class in controlP5">ControlWindow</a>&nbsp;theWindow,
+                       int&nbsp;theX,
+                       int&nbsp;theY)</pre>
+</li>
+</ul>
+<a name="begin(int, int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>begin</h4>
+<pre>public&nbsp;<a href="../controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a>&lt;?&gt;&nbsp;begin(int&nbsp;theX,
+                       int&nbsp;theY)</pre>
+</li>
+</ul>
+<a name="d(java.lang.Object)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>d</h4>
+<pre>public static&nbsp;double&nbsp;d(java.lang.Object&nbsp;o)</pre>
+</li>
+</ul>
+<a name="disableShortcuts()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>disableShortcuts</h4>
+<pre>public&nbsp;void&nbsp;disableShortcuts()</pre>
+<div class="block">disables shortcuts such as alt-h for hiding/showing
+ controllers</div>
+</li>
+</ul>
+<a name="dispose()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>dispose</h4>
+<pre>public&nbsp;void&nbsp;dispose()</pre>
+<div class="block">disposes and clears all controlP5 elements. When
+ running in applet mode, opening new tabs or switching
+ to another tab causes the applet to call dispose().
+ therefore dispose() is disabled when running ing
+ applet mode. TODO implement better dispose handling
+ for applets.</div>
+</li>
+</ul>
+<a name="draw()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>draw</h4>
+<pre>public&nbsp;void&nbsp;draw()</pre>
+<div class="block">call draw() from your program when autoDraw is
+ disabled.</div>
+</li>
+</ul>
+<a name="enableShortcuts()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>enableShortcuts</h4>
+<pre>public&nbsp;void&nbsp;enableShortcuts()</pre>
+<div class="block">enables shortcuts.</div>
+</li>
+</ul>
+<a name="end()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>end</h4>
+<pre>public&nbsp;<a href="../controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a>&lt;?&gt;&nbsp;end()</pre>
+<div class="block">cp5.begin() and cp5.end() are mechanisms to
+ auto-layout controllers, see the ControlP5beginEnd
+ example.</div>
+</li>
+</ul>
+<a name="end(controlP5.ControllerGroup)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>end</h4>
+<pre>public&nbsp;<a href="../controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a>&lt;?&gt;&nbsp;end(<a href="../controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a>&lt;?&gt;&nbsp;theGroup)</pre>
+</li>
+</ul>
+<a name="f(java.lang.Object)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>f</h4>
+<pre>public static&nbsp;float&nbsp;f(java.lang.Object&nbsp;o)</pre>
+</li>
+</ul>
+<a name="get(java.lang.Class, java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>get</h4>
+<pre>public&nbsp;&lt;C&gt;&nbsp;C&nbsp;get(java.lang.Class&lt;C&gt;&nbsp;theClass,
+        java.lang.String&nbsp;theName)</pre>
+</li>
+</ul>
+<a name="get(java.lang.Object, java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>get</h4>
+<pre>public&nbsp;<a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;?&gt;&nbsp;get(java.lang.Object&nbsp;theObject,
+                         java.lang.String&nbsp;theName)</pre>
+</li>
+</ul>
+<a name="get(java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>get</h4>
+<pre>public&nbsp;<a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;?&gt;&nbsp;get(java.lang.String&nbsp;theName)</pre>
+</li>
+</ul>
+<a name="getAll()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getAll</h4>
+<pre>public&nbsp;java.util.List&lt;<a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;?&gt;&gt;&nbsp;getAll()</pre>
+<div class="block">Returns a List of all controllers currently
+ registered.</div>
+<dl><dt><span class="strong">Returns:</span></dt><dd>List<ControllerInterface<?>></dd></dl>
+</li>
+</ul>
+<a name="getAll(java.lang.Class)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getAll</h4>
+<pre>public&nbsp;&lt;T&gt;&nbsp;java.util.List&lt;T&gt;&nbsp;getAll(java.lang.Class&lt;T&gt;&nbsp;theClass)</pre>
+<div class="block">Returns a list of controllers or groups of a
+ particular type. The following example will return a
+ list of registered Bangs only:<br />
+ <code><pre>
+ List<Bang> list = controlP5.getAll(Bang.class);
+ println(list);
+ for(Bang b:list) {
+   b.setColorForeground(color(255,255,0));
+ }
+ </pre></code> Here the foreground color of all Bangs
+ is changed to yellow.</div>
+<dl><dt><span class="strong">Type Parameters:</span></dt><dd><code>T</code> - </dd><dt><span class="strong">Parameters:</span></dt><dd><code>theClass</code> - A class that extends
+            ControllerInterface, which applies to all
+            Controllers and ControllerGroups</dd>
+<dt><span class="strong">Returns:</span></dt><dd>List<T></dd></dl>
+</li>
+</ul>
+<a name="getColor()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getColor</h4>
+<pre>public static&nbsp;<a href="../controlP5/CColor.html" title="class in controlP5">CColor</a>&nbsp;getColor()</pre>
+</li>
+</ul>
+<a name="getControlBroadcaster()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getControlBroadcaster</h4>
+<pre>public&nbsp;<a href="../controlP5/ControlBroadcaster.html" title="class in controlP5">ControlBroadcaster</a>&nbsp;getControlBroadcaster()</pre>
+<dl><dt><span class="strong">See Also:</span></dt><dd><a href="../controlP5/ControlBroadcaster.html" title="class in controlP5"><code>ControlBroadcaster</code></a></dd></dl>
+</li>
+</ul>
+<a name="getController(java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getController</h4>
+<pre>public&nbsp;<a href="../controlP5/Controller.html" title="class in controlP5">Controller</a>&lt;?&gt;&nbsp;getController(java.lang.String&nbsp;theName)</pre>
+</li>
+</ul>
+<a name="getControllerList()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getControllerList</h4>
+<pre>@Deprecated
+public&nbsp;<a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;?&gt;[]&nbsp;getControllerList()</pre>
+<div class="block"><span class="strong">Deprecated.</span>&nbsp;</div>
+<div class="block">returns a list of registered Controllers. Controllers
+ with duplicated reference names will be ignored, only
+ the latest of such Controllers will be included in
+ the list.
+ 
+ use getAll() instead</div>
+<dl><dt><span class="strong">Returns:</span></dt><dd>ControllerInterface[]</dd><dt><span class="strong">See Also:</span></dt><dd><a href="../controlP5/ControlP5.html#getAll()"><code>getAll()</code></a>, 
+<a href="../controlP5/ControlP5.html#getAll(java.lang.Class)"><code>getAll(Class)</code></a></dd></dl>
+</li>
+</ul>
+<a name="getFont()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getFont</h4>
+<pre>public&nbsp;<a href="../controlP5/ControlFont.html" title="class in controlP5">ControlFont</a>&nbsp;getFont()</pre>
+</li>
+</ul>
+<a name="getGroup(java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getGroup</h4>
+<pre>public&nbsp;<a href="../controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a>&lt;?&gt;&nbsp;getGroup(java.lang.String&nbsp;theGroupName)</pre>
+</li>
+</ul>
+<a name="getList()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getList</h4>
+<pre>public&nbsp;java.util.List&lt;<a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;?&gt;&gt;&nbsp;getList()</pre>
+<dl><dt><span class="strong">Returns:</span></dt><dd>List<ControllerInterface></dd><dt><span class="strong">See Also:</span></dt><dd><a href="../controlP5/ControlP5.html#getAll(java.lang.Class)"><code>getAll(Class)</code></a></dd></dl>
+</li>
+</ul>
+<a name="getListener(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getListener</h4>
+<pre>public&nbsp;<a href="../controlP5/ControlListener.html" title="interface in controlP5">ControlListener</a>&nbsp;getListener(int&nbsp;theIndex)</pre>
+<dl><dt><span class="strong">See Also:</span></dt><dd><a href="../controlP5/ControlListener.html" title="interface in controlP5"><code>ControlListener</code></a></dd></dl>
+</li>
+</ul>
+<a name="getMouseOverList()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getMouseOverList</h4>
+<pre>public&nbsp;java.util.List&lt;<a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;?&gt;&gt;&nbsp;getMouseOverList()</pre>
+<div class="block">convenience method to check if the mouse (or pointer)
+ is hovering over a specific controller. only applies
+ to the main window. To receive the mouseover
+ information for a ControlWindow use
+ getWindow(nameOfWindow).getMouseOverList();</div>
+</li>
+</ul>
+<a name="getPointer()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getPointer</h4>
+<pre>public&nbsp;<a href="../controlP5/ControlWindow.Pointer.html" title="class in controlP5">ControlWindow.Pointer</a>&nbsp;getPointer()</pre>
+<div class="block">convenience method to access the pointer of the main
+ control window.</div>
+</li>
+</ul>
+<a name="getTab(controlP5.ControlWindow, java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getTab</h4>
+<pre>public&nbsp;<a href="../controlP5/Tab.html" title="class in controlP5">Tab</a>&nbsp;getTab(<a href="../controlP5/ControlWindow.html" title="class in controlP5">ControlWindow</a>&nbsp;theWindow,
+         java.lang.String&nbsp;theName)</pre>
+</li>
+</ul>
+<a name="getTab(java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getTab</h4>
+<pre>public&nbsp;<a href="../controlP5/Tab.html" title="class in controlP5">Tab</a>&nbsp;getTab(java.lang.String&nbsp;theName)</pre>
+</li>
+</ul>
+<a name="getTooltip()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getTooltip</h4>
+<pre>public&nbsp;<a href="../controlP5/Tooltip.html" title="class in controlP5">Tooltip</a>&nbsp;getTooltip()</pre>
+</li>
+</ul>
+<a name="getValue(java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getValue</h4>
+<pre>public&nbsp;float&nbsp;getValue(java.lang.String&nbsp;theIndex)</pre>
+</li>
+</ul>
+<a name="getWindow()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getWindow</h4>
+<pre>public&nbsp;<a href="../controlP5/ControlWindow.html" title="class in controlP5">ControlWindow</a>&nbsp;getWindow()</pre>
+<div class="block">convenience method to access the main window
+ (ControlWindow class).</div>
+</li>
+</ul>
+<a name="getWindow(processing.core.PApplet)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getWindow</h4>
+<pre>public&nbsp;<a href="../controlP5/ControlWindow.html" title="class in controlP5">ControlWindow</a>&nbsp;getWindow(processing.core.PApplet&nbsp;theApplet)</pre>
+</li>
+</ul>
+<a name="hide()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>hide</h4>
+<pre>public&nbsp;void&nbsp;hide()</pre>
+<div class="block">hide all controllers and tabs inside your sketch
+ window.</div>
+<dl><dt><span class="strong">See Also:</span></dt><dd><a href="../controlP5/ControlP5.html#show()"><code>show()</code></a>, 
+<a href="../controlP5/ControlP5.html#isVisible()"><code>isVisible()</code></a></dd></dl>
+</li>
+</ul>
+<a name="i(java.lang.Object)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>i</h4>
+<pre>public static&nbsp;int&nbsp;i(java.lang.Object&nbsp;o)</pre>
+</li>
+</ul>
+<a name="i(java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>i</h4>
+<pre>public static&nbsp;int&nbsp;i(java.lang.String&nbsp;o)</pre>
+</li>
+</ul>
+<a name="invoke(java.lang.Object, java.lang.String, java.lang.Object...)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>invoke</h4>
+<pre>public static&nbsp;java.lang.Object&nbsp;invoke(java.lang.Object&nbsp;theObject,
+                      java.lang.String&nbsp;theMember,
+                      java.lang.Object...&nbsp;theParams)</pre>
+</li>
+</ul>
+<a name="isAutoDraw()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>isAutoDraw</h4>
+<pre>public&nbsp;boolean&nbsp;isAutoDraw()</pre>
+<div class="block">check if the autoDraw function for the main window is
+ enabled(true) or disabled(false).</div>
+<dl><dt><span class="strong">Returns:</span></dt><dd>boolean</dd></dl>
+</li>
+</ul>
+<a name="isMouseOver()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>isMouseOver</h4>
+<pre>public&nbsp;boolean&nbsp;isMouseOver()</pre>
+<div class="block">convenience method to check if the mouse (or pointer)
+ is hovering over any controller. only applies to the
+ main window. To receive the mouseover information for
+ a ControlWindow use
+ getWindow(nameOfWindow).isMouseOver();</div>
+</li>
+</ul>
+<a name="isMouseOver(controlP5.ControllerInterface)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>isMouseOver</h4>
+<pre>public&nbsp;boolean&nbsp;isMouseOver(<a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;?&gt;&nbsp;theController)</pre>
+<div class="block">convenience method to check if the mouse (or pointer)
+ is hovering over a specific controller. only applies
+ to the main window. To receive the mouseover
+ information for a ControlWindow use
+ getWindow(nameOfWindow
+ ).isMouseOver(ControllerInterface<?>);</div>
+</li>
+</ul>
+<a name="isMoveable()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>isMoveable</h4>
+<pre>public&nbsp;boolean&nbsp;isMoveable()</pre>
+<div class="block">Checks if controllers are generally moveable</div>
+</li>
+</ul>
+<a name="isNumeric(java.lang.Object)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>isNumeric</h4>
+<pre>public static&nbsp;boolean&nbsp;isNumeric(java.lang.Object&nbsp;o)</pre>
+</li>
+</ul>
+<a name="isNumeric(java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>isNumeric</h4>
+<pre>public static&nbsp;boolean&nbsp;isNumeric(java.lang.String&nbsp;str)</pre>
+</li>
+</ul>
+<a name="isShortcuts()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>isShortcuts</h4>
+<pre>public&nbsp;boolean&nbsp;isShortcuts()</pre>
+</li>
+</ul>
+<a name="isUpdate()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>isUpdate</h4>
+<pre>public&nbsp;boolean&nbsp;isUpdate()</pre>
+<div class="block">checks if automatic updates are enabled. By default
+ this is true.</div>
+<dl><dt><span class="strong">Returns:</span></dt><dd></dd><dt><span class="strong">See Also:</span></dt><dd><a href="../controlP5/ControlP5.html#update()"><code>update()</code></a>, 
+<a href="../controlP5/ControlP5.html#setUpdate(boolean)"><code>setUpdate(boolean)</code></a></dd></dl>
+</li>
+</ul>
+<a name="isVisible()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>isVisible</h4>
+<pre>public&nbsp;boolean&nbsp;isVisible()</pre>
+<div class="block">returns true or false according to the current
+ visibility flag.</div>
+<dl><dt><span class="strong">See Also:</span></dt><dd><a href="../controlP5/ControlP5.html#show()"><code>show()</code></a>, 
+<a href="../controlP5/ControlP5.html#hide()"><code>hide()</code></a></dd></dl>
+</li>
+</ul>
+<a name="keyEvent(processing.event.KeyEvent)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>keyEvent</h4>
+<pre>public&nbsp;void&nbsp;keyEvent(processing.event.KeyEvent&nbsp;theKeyEvent)</pre>
+</li>
+</ul>
+<a name="l(java.lang.Object)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>l</h4>
+<pre>public static&nbsp;long&nbsp;l(java.lang.Object&nbsp;o)</pre>
+</li>
+</ul>
+<a name="loadLayout(java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>loadLayout</h4>
+<pre>public&nbsp;boolean&nbsp;loadLayout(java.lang.String&nbsp;theFilePath)</pre>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theFilePath</code> - </dd>
+<dt><span class="strong">Returns:</span></dt><dd></dd></dl>
+</li>
+</ul>
+<a name="loadProperties()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>loadProperties</h4>
+<pre>public&nbsp;boolean&nbsp;loadProperties()</pre>
+<div class="block">Loads properties from a default properties file and
+ changes values of controllers accordingly.</div>
+<dl><dt><span class="strong">Returns:</span></dt><dd></dd><dt><span class="strong">See Also:</span></dt><dd><a href="../controlP5/ControllerProperties.html" title="class in controlP5"><code>ControllerProperties</code></a></dd></dl>
+</li>
+</ul>
+<a name="loadProperties(java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>loadProperties</h4>
+<pre>public&nbsp;boolean&nbsp;loadProperties(java.lang.String&nbsp;theFilePath)</pre>
+<div class="block">Loads properties from a properties file and changes
+ the values of controllers accordingly, the filepath
+ is given by parameter theFilePath.</div>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theFilePath</code> - </dd>
+<dt><span class="strong">Returns:</span></dt><dd></dd></dl>
+</li>
+</ul>
+<a name="logger()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>logger</h4>
+<pre>public static&nbsp;java.util.logging.Logger&nbsp;logger()</pre>
+</li>
+</ul>
+<a name="mouseEvent(processing.event.MouseEvent)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>mouseEvent</h4>
+<pre>public&nbsp;void&nbsp;mouseEvent(processing.event.MouseEvent&nbsp;theMouseEvent)</pre>
+</li>
+</ul>
+<a name="move(java.lang.Object, controlP5.ControllerGroup)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>move</h4>
+<pre>public&nbsp;void&nbsp;move(java.lang.Object&nbsp;theObject,
+        <a href="../controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a>&lt;?&gt;&nbsp;theGroup)</pre>
+</li>
+</ul>
+<a name="moveControllersForObject(java.lang.Object, controlP5.ControllerGroup)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>moveControllersForObject</h4>
+<pre>public&nbsp;void&nbsp;moveControllersForObject(java.lang.Object&nbsp;theObject,
+                            <a href="../controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a>&lt;?&gt;&nbsp;theGroup)</pre>
+</li>
+</ul>
+<a name="pre()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>pre</h4>
+<pre>public&nbsp;void&nbsp;pre()</pre>
+</li>
+</ul>
+<a name="printControllerMap()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>printControllerMap</h4>
+<pre>public&nbsp;void&nbsp;printControllerMap()</pre>
+</li>
+</ul>
+<a name="register(controlP5.ControllerInterface)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>register</h4>
+<pre>public&nbsp;<a href="../controlP5/ControlP5.html" title="class in controlP5">ControlP5</a>&nbsp;register(<a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;?&gt;&nbsp;theController)</pre>
+</li>
+</ul>
+<a name="register(java.lang.Object, java.lang.String, controlP5.ControllerInterface)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>register</h4>
+<pre>public&nbsp;<a href="../controlP5/ControlP5.html" title="class in controlP5">ControlP5</a>&nbsp;register(java.lang.Object&nbsp;theObject,
+                 java.lang.String&nbsp;theIndex,
+                 <a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;?&gt;&nbsp;theController)</pre>
+<div class="block">registers a Controller with ControlP5, a Controller
+ should/must be registered with a unique name. If not,
+ accessing Controllers by name is not guaranteed. the
+ rule here is last come last serve, existing
+ Controllers with the same name will be overridden.</div>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theController</code> - ControllerInterface</dd>
+<dt><span class="strong">Returns:</span></dt><dd>ControlP5</dd></dl>
+</li>
+</ul>
+<a name="remove(java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>remove</h4>
+<pre>public&nbsp;void&nbsp;remove(java.lang.String&nbsp;theName)</pre>
+<div class="block">removes a controlP5 element such as a controller,
+ group, or tab by name.</div>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theString</code> - String</dd></dl>
+</li>
+</ul>
+<a name="removeCallback(controlP5.CallbackListener...)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>removeCallback</h4>
+<pre>public&nbsp;<a href="../controlP5/ControlP5.html" title="class in controlP5">ControlP5</a>&nbsp;removeCallback(<a href="../controlP5/CallbackListener.html" title="interface in controlP5">CallbackListener</a>...&nbsp;theListeners)</pre>
+<dl><dt><span class="strong">See Also:</span></dt><dd><a href="../controlP5/CallbackEvent.html" title="class in controlP5"><code>CallbackEvent</code></a>, 
+<a href="../controlP5/CallbackListener.html" title="interface in controlP5"><code>CallbackListener</code></a></dd></dl>
+</li>
+</ul>
+<a name="removeCallback(controlP5.Controller...)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>removeCallback</h4>
+<pre>public&nbsp;<a href="../controlP5/ControlP5.html" title="class in controlP5">ControlP5</a>&nbsp;removeCallback(<a href="../controlP5/Controller.html" title="class in controlP5">Controller</a>&lt;?&gt;...&nbsp;theControllers)</pre>
+<dl><dt><span class="strong">See Also:</span></dt><dd><a href="../controlP5/CallbackEvent.html" title="class in controlP5"><code>CallbackEvent</code></a>, 
+<a href="../controlP5/CallbackListener.html" title="interface in controlP5"><code>CallbackListener</code></a></dd></dl>
+</li>
+</ul>
+<a name="removeCallback(controlP5.Controller)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>removeCallback</h4>
+<pre>public&nbsp;<a href="../controlP5/ControlP5.html" title="class in controlP5">ControlP5</a>&nbsp;removeCallback(<a href="../controlP5/Controller.html" title="class in controlP5">Controller</a>&lt;?&gt;&nbsp;theController)</pre>
+<dl><dt><span class="strong">See Also:</span></dt><dd><a href="../controlP5/CallbackEvent.html" title="class in controlP5"><code>CallbackEvent</code></a>, 
+<a href="../controlP5/CallbackListener.html" title="interface in controlP5"><code>CallbackListener</code></a></dd></dl>
+</li>
+</ul>
+<a name="removeCanvas(controlP5.Canvas)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>removeCanvas</h4>
+<pre>public&nbsp;<a href="../controlP5/ControlP5.html" title="class in controlP5">ControlP5</a>&nbsp;removeCanvas(<a href="../controlP5/Canvas.html" title="class in controlP5">Canvas</a>&nbsp;theCanvas)</pre>
+</li>
+</ul>
+<a name="removeListener(controlP5.ControlListener...)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>removeListener</h4>
+<pre>public&nbsp;<a href="../controlP5/ControlP5.html" title="class in controlP5">ControlP5</a>&nbsp;removeListener(<a href="../controlP5/ControlListener.html" title="interface in controlP5">ControlListener</a>...&nbsp;theListeners)</pre>
+<dl><dt><span class="strong">See Also:</span></dt><dd><a href="../controlP5/ControlListener.html" title="interface in controlP5"><code>ControlListener</code></a></dd></dl>
+</li>
+</ul>
+<a name="removeListener(controlP5.ControlListener)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>removeListener</h4>
+<pre>public&nbsp;<a href="../controlP5/ControlP5.html" title="class in controlP5">ControlP5</a>&nbsp;removeListener(<a href="../controlP5/ControlListener.html" title="interface in controlP5">ControlListener</a>&nbsp;theListener)</pre>
+<dl><dt><span class="strong">See Also:</span></dt><dd><a href="../controlP5/ControlListener.html" title="interface in controlP5"><code>ControlListener</code></a></dd></dl>
+</li>
+</ul>
+<a name="s(java.lang.Object)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>s</h4>
+<pre>public static&nbsp;java.lang.String&nbsp;s(java.lang.Object&nbsp;o)</pre>
+</li>
+</ul>
+<a name="s(java.lang.Object, java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>s</h4>
+<pre>public static&nbsp;java.lang.String&nbsp;s(java.lang.Object&nbsp;o,
+                 java.lang.String&nbsp;theDefault)</pre>
+</li>
+</ul>
+<a name="s(java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>s</h4>
+<pre>public static&nbsp;java.lang.String&nbsp;s(java.lang.String&nbsp;o)</pre>
+</li>
+</ul>
+<a name="saveLayout(java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>saveLayout</h4>
+<pre>public&nbsp;void&nbsp;saveLayout(java.lang.String&nbsp;theFilePath)</pre>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theFilePath</code> - </dd></dl>
+</li>
+</ul>
+<a name="saveProperties()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>saveProperties</h4>
+<pre>public&nbsp;boolean&nbsp;saveProperties()</pre>
+<div class="block">Saves the current values of controllers into a
+ default properties file</div>
+<dl><dt><span class="strong">See Also:</span></dt><dd><a href="../controlP5/ControllerProperties.html" title="class in controlP5"><code>ControllerProperties</code></a></dd></dl>
+</li>
+</ul>
+<a name="saveProperties(java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>saveProperties</h4>
+<pre>public&nbsp;boolean&nbsp;saveProperties(java.lang.String&nbsp;theFilePath)</pre>
+<div class="block">Saves the current values of controllers into a file,
+ the filepath is given by parameter theFilePath.</div>
+<dl><dt><span class="strong">See Also:</span></dt><dd><a href="../controlP5/ControllerProperties.html" title="class in controlP5"><code>ControllerProperties</code></a></dd></dl>
+</li>
+</ul>
+<a name="saveProperties(java.lang.String, java.lang.String...)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>saveProperties</h4>
+<pre>public&nbsp;boolean&nbsp;saveProperties(java.lang.String&nbsp;theFilePath,
+                     java.lang.String...&nbsp;theSets)</pre>
+</li>
+</ul>
+<a name="setAutoDraw(boolean)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setAutoDraw</h4>
+<pre>public&nbsp;void&nbsp;setAutoDraw(boolean&nbsp;theFlag)</pre>
+<div class="block">by default controlP5 draws any controller on top of
+ any drawing done in the draw() function (this doesnt
+ apply to P3D where controlP5.draw() has to be called
+ manually in the sketch's draw() function ). to turn
+ off the auto drawing of controlP5, use
+ controlP5.setAutoDraw(false). now you can call
+ controlP5.draw() any time whenever controllers should
+ be drawn into the sketch.</div>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theFlag</code> - boolean</dd></dl>
+</li>
+</ul>
+<a name="setAutoInitialization(boolean)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setAutoInitialization</h4>
+<pre>public&nbsp;void&nbsp;setAutoInitialization(boolean&nbsp;theFlag)</pre>
+<div class="block">autoInitialization can be very handy when it comes to
+ initializing values, e.g. you load a set of
+ controllers, then the values that are attached to the
+ controllers will be reset to its saved state. to turn
+ of auto intialization, call
+ setAutoInitialization(false) right after initializing
+ controlP5 and before creating any controller.</div>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theFlag</code> - boolean</dd></dl>
+</li>
+</ul>
+<a name="setBackground(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setBackground</h4>
+<pre>public&nbsp;<a href="../controlP5/ControlP5.html" title="class in controlP5">ControlP5</a>&nbsp;setBackground(int&nbsp;theColor)</pre>
+</li>
+</ul>
+<a name="setBroadcast(boolean)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setBroadcast</h4>
+<pre>public&nbsp;<a href="../controlP5/ControlP5.html" title="class in controlP5">ControlP5</a>&nbsp;setBroadcast(boolean&nbsp;theValue)</pre>
+</li>
+</ul>
+<a name="setColor(controlP5.CColor)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setColor</h4>
+<pre>public&nbsp;<a href="../controlP5/ControlP5.html" title="class in controlP5">ControlP5</a>&nbsp;setColor(<a href="../controlP5/CColor.html" title="class in controlP5">CColor</a>&nbsp;theColor)</pre>
+</li>
+</ul>
+<a name="setColorActive(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setColorActive</h4>
+<pre>public&nbsp;<a href="../controlP5/ControlP5.html" title="class in controlP5">ControlP5</a>&nbsp;setColorActive(int&nbsp;theColor)</pre>
+<div class="block">sets the active state color of tabs and controllers,
+ this cascades down to all known controllers.</div>
+</li>
+</ul>
+<a name="setColorBackground(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setColorBackground</h4>
+<pre>public&nbsp;<a href="../controlP5/ControlP5.html" title="class in controlP5">ControlP5</a>&nbsp;setColorBackground(int&nbsp;theColor)</pre>
+<div class="block">sets the background color of tabs and controllers,
+ this cascades down to all known controllers.</div>
+</li>
+</ul>
+<a name="setColorCaptionLabel(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setColorCaptionLabel</h4>
+<pre>public&nbsp;<a href="../controlP5/ControlP5.html" title="class in controlP5">ControlP5</a>&nbsp;setColorCaptionLabel(int&nbsp;theColor)</pre>
+<div class="block">sets the label color of tabs and controllers, this
+ cascades down to all known controllers.</div>
+</li>
+</ul>
+<a name="setColorForeground(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setColorForeground</h4>
+<pre>public&nbsp;<a href="../controlP5/ControlP5.html" title="class in controlP5">ControlP5</a>&nbsp;setColorForeground(int&nbsp;theColor)</pre>
+<div class="block">sets the foreground color of tabs and controllers,
+ this cascades down to all known controllers.</div>
+</li>
+</ul>
+<a name="setColorValueLabel(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setColorValueLabel</h4>
+<pre>public&nbsp;<a href="../controlP5/ControlP5.html" title="class in controlP5">ControlP5</a>&nbsp;setColorValueLabel(int&nbsp;theColor)</pre>
+<div class="block">sets the value color of controllers, this cascades
+ down to all known controllers.</div>
+</li>
+</ul>
+<a name="setFont(controlP5.ControlFont)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setFont</h4>
+<pre>public&nbsp;boolean&nbsp;setFont(<a href="../controlP5/ControlFont.html" title="class in controlP5">ControlFont</a>&nbsp;theControlFont)</pre>
+</li>
+</ul>
+<a name="setFont(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setFont</h4>
+<pre>@Deprecated
+public&nbsp;boolean&nbsp;setFont(int&nbsp;theBitFontIndex)</pre>
+<div class="block"><span class="strong">Deprecated.</span>&nbsp;</div>
+</li>
+</ul>
+<a name="setFont(processing.core.PFont)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setFont</h4>
+<pre>public&nbsp;boolean&nbsp;setFont(processing.core.PFont&nbsp;thePFont)</pre>
+</li>
+</ul>
+<a name="setFont(processing.core.PFont, int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setFont</h4>
+<pre>public&nbsp;boolean&nbsp;setFont(processing.core.PFont&nbsp;thePFont,
+              int&nbsp;theFontSize)</pre>
+</li>
+</ul>
+<a name="setGraphics(processing.core.PApplet, int, int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setGraphics</h4>
+<pre>public&nbsp;<a href="../controlP5/ControlP5.html" title="class in controlP5">ControlP5</a>&nbsp;setGraphics(processing.core.PApplet&nbsp;theApplet,
+                    int&nbsp;theX,
+                    int&nbsp;theY)</pre>
+</li>
+</ul>
+<a name="setGraphics(processing.core.PGraphics, int, int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setGraphics</h4>
+<pre>public&nbsp;<a href="../controlP5/ControlP5.html" title="class in controlP5">ControlP5</a>&nbsp;setGraphics(processing.core.PGraphics&nbsp;theGraphics,
+                    int&nbsp;theX,
+                    int&nbsp;theY)</pre>
+</li>
+</ul>
+<a name="setMouseWheelRotation(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setMouseWheelRotation</h4>
+<pre>public&nbsp;void&nbsp;setMouseWheelRotation(int&nbsp;theRotation)</pre>
+</li>
+</ul>
+<a name="setMoveable(boolean)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setMoveable</h4>
+<pre>public&nbsp;<a href="../controlP5/ControlP5.html" title="class in controlP5">ControlP5</a>&nbsp;setMoveable(boolean&nbsp;theFlag)</pre>
+<div class="block">Enables/disables Controllers to be moved around when
+ ALT-key is down and mouse is dragged. Other key
+ events are still available like ALT-h to hide and
+ show the controllers To disable all key events, use
+ disableKeys()</div>
+</li>
+</ul>
+<a name="setTabEventsActive(boolean)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setTabEventsActive</h4>
+<pre>public&nbsp;void&nbsp;setTabEventsActive(boolean&nbsp;theFlag)</pre>
+<div class="block">By default event originating from tabs are disabled,
+ use setTabEventsActive(true) to receive controlEvents
+ when tabs are clicked.</div>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theFlag</code> - </dd></dl>
+</li>
+</ul>
+<a name="setTooltip(controlP5.Tooltip)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setTooltip</h4>
+<pre>public&nbsp;void&nbsp;setTooltip(<a href="../controlP5/Tooltip.html" title="class in controlP5">Tooltip</a>&nbsp;theTooltip)</pre>
+</li>
+</ul>
+<a name="setUpdate(boolean)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setUpdate</h4>
+<pre>public&nbsp;void&nbsp;setUpdate(boolean&nbsp;theFlag)</pre>
+<div class="block">changes the update behavior according to parameter
+ theFlag</div>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theFlag</code> - </dd><dt><span class="strong">See Also:</span></dt><dd><a href="../controlP5/ControlP5.html#update()"><code>update()</code></a>, 
+<a href="../controlP5/ControlP5.html#isUpdate()"><code>isUpdate()</code></a></dd></dl>
+</li>
+</ul>
+<a name="setVisible(boolean)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setVisible</h4>
+<pre>public&nbsp;<a href="../controlP5/ControlP5.html" title="class in controlP5">ControlP5</a>&nbsp;setVisible(boolean&nbsp;b)</pre>
+</li>
+</ul>
+<a name="show()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>show</h4>
+<pre>public&nbsp;void&nbsp;show()</pre>
+<div class="block">shows all controllers and tabs in your sketch.</div>
+<dl><dt><span class="strong">See Also:</span></dt><dd><a href="../controlP5/ControlP5.html#isVisible()"><code>isVisible()</code></a>, 
+<a href="../controlP5/ControlP5.html#hide()"><code>hide()</code></a></dd></dl>
+</li>
+</ul>
+<a name="toList(java.lang.Object)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>toList</h4>
+<pre>public static&nbsp;java.util.List&nbsp;toList(java.lang.Object&nbsp;o)</pre>
+</li>
+</ul>
+<a name="toMap(java.lang.Object)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>toMap</h4>
+<pre>public static&nbsp;java.util.Map&nbsp;toMap(java.lang.Object&nbsp;o)</pre>
+</li>
+</ul>
+<a name="update()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>update</h4>
+<pre>public&nbsp;void&nbsp;update()</pre>
+<div class="block">forces all controllers to update.</div>
+<dl><dt><span class="strong">See Also:</span></dt><dd><a href="../controlP5/ControlP5.html#isUpdate()"><code>isUpdate()</code></a>, 
+<code>controlP5.ControlP5#setUpdate()</code></dd></dl>
+</li>
+</ul>
+<a name="version()">
+<!--   -->
+</a>
+<ul class="blockListLast">
+<li class="blockList">
+<h4>version</h4>
+<pre>public&nbsp;java.lang.String&nbsp;version()</pre>
+<div class="block">Returns the current version of controlP5</div>
+<dl><dt><span class="strong">Returns:</span></dt><dd>String</dd></dl>
+</li>
+</ul>
+</li>
+</ul>
+</li>
+</ul>
+</div>
+</div>
+<!-- ========= END OF CLASS DATA ========= -->
+<!-- ======= START OF BOTTOM NAVBAR ====== -->
+<div class="bottomNav"><a name="navbar_bottom">
+<!--   -->
+</a><a href="#skip-navbar_bottom" title="Skip navigation links"></a><a name="navbar_bottom_firstrow">
+<!--   -->
+</a>
+<ul class="navList" title="Navigation">
+<li><a href="../controlP5/package-summary.html">Package</a></li>
+<li class="navBarCell1Rev">Class</li>
+<li><a href="package-tree.html">Tree</a></li>
+<li><a href="../index-all.html">Index</a></li>
+<li><a href="../help-doc.html">Help</a></li>
+</ul>
+</div>
+<div class="subNav">
+<ul class="navList">
+<li><a href="../controlP5/ControlListener.html" title="interface in controlP5"><span class="strong">Prev Class</span></a></li>
+<li><a href="../controlP5/ControlP5Base.html" title="class in controlP5"><span class="strong">Next Class</span></a></li>
+</ul>
+<ul class="navList">
+<li><a href="../index.html?controlP5/ControlP5.html" target="_top">Frames</a></li>
+<li><a href="ControlP5.html" target="_top">No Frames</a></li>
+</ul>
+<ul class="navList" id="allclasses_navbar_bottom">
+<li><a href="../allclasses-noframe.html">All Classes</a></li>
+</ul>
+<div>
+<script type="text/javascript"><!--
+  allClassesLink = document.getElementById("allclasses_navbar_bottom");
+  if(window==top) {
+    allClassesLink.style.display = "block";
+  }
+  else {
+    allClassesLink.style.display = "none";
+  }
+  //-->
+</script>
+</div>
+<div>
+<ul class="subNavList">
+<li>Summary:&nbsp;</li>
+<li>Nested&nbsp;|&nbsp;</li>
+<li><a href="#field_summary">Field</a>&nbsp;|&nbsp;</li>
+<li><a href="#constructor_summary">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_summary">Method</a></li>
+</ul>
+<ul class="subNavList">
+<li>Detail:&nbsp;</li>
+<li><a href="#field_detail">Field</a>&nbsp;|&nbsp;</li>
+<li><a href="#constructor_detail">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_detail">Method</a></li>
+</ul>
+</div>
+<a name="skip-navbar_bottom">
+<!--   -->
+</a></div>
+<!-- ======== END OF BOTTOM NAVBAR ======= -->
+<p class="legalCopy"><small>processing library controlP5 by Andreas Schlegel. (c) 2006-2014</small></p>
+</body>
+</html>
diff --git a/reference/controlP5/ControlP5Base.html b/reference/controlP5/ControlP5Base.html
new file mode 100644
index 0000000..3c8a79f
--- /dev/null
+++ b/reference/controlP5/ControlP5Base.html
@@ -0,0 +1,1502 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
+<!-- NewPage -->
+<html lang="en">
+<head>
+<!-- Generated by javadoc (version 1.7.0_51) on Sun Apr 27 21:39:47 SGT 2014 -->
+<title>ControlP5Base (Javadocs: controlP5)</title>
+<meta name="date" content="2014-04-27">
+<link rel="stylesheet" type="text/css" href="../stylesheet.css" title="Style">
+</head>
+<body>
+<script type="text/javascript"><!--
+    if (location.href.indexOf('is-external=true') == -1) {
+        parent.document.title="ControlP5Base (Javadocs: controlP5)";
+    }
+//-->
+</script>
+<noscript>
+<div>JavaScript is disabled on your browser.</div>
+</noscript>
+<!-- ========= START OF TOP NAVBAR ======= -->
+<div class="topNav"><a name="navbar_top">
+<!--   -->
+</a><a href="#skip-navbar_top" title="Skip navigation links"></a><a name="navbar_top_firstrow">
+<!--   -->
+</a>
+<ul class="navList" title="Navigation">
+<li><a href="../controlP5/package-summary.html">Package</a></li>
+<li class="navBarCell1Rev">Class</li>
+<li><a href="package-tree.html">Tree</a></li>
+<li><a href="../index-all.html">Index</a></li>
+<li><a href="../help-doc.html">Help</a></li>
+</ul>
+</div>
+<div class="subNav">
+<ul class="navList">
+<li><a href="../controlP5/ControlP5.html" title="class in controlP5"><span class="strong">Prev Class</span></a></li>
+<li><a href="../controlP5/ControlP5Constants.html" title="interface in controlP5"><span class="strong">Next Class</span></a></li>
+</ul>
+<ul class="navList">
+<li><a href="../index.html?controlP5/ControlP5Base.html" target="_top">Frames</a></li>
+<li><a href="ControlP5Base.html" target="_top">No Frames</a></li>
+</ul>
+<ul class="navList" id="allclasses_navbar_top">
+<li><a href="../allclasses-noframe.html">All Classes</a></li>
+</ul>
+<div>
+<script type="text/javascript"><!--
+  allClassesLink = document.getElementById("allclasses_navbar_top");
+  if(window==top) {
+    allClassesLink.style.display = "block";
+  }
+  else {
+    allClassesLink.style.display = "none";
+  }
+  //-->
+</script>
+</div>
+<div>
+<ul class="subNavList">
+<li>Summary:&nbsp;</li>
+<li>Nested&nbsp;|&nbsp;</li>
+<li>Field&nbsp;|&nbsp;</li>
+<li><a href="#constructor_summary">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_summary">Method</a></li>
+</ul>
+<ul class="subNavList">
+<li>Detail:&nbsp;</li>
+<li>Field&nbsp;|&nbsp;</li>
+<li><a href="#constructor_detail">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_detail">Method</a></li>
+</ul>
+</div>
+<a name="skip-navbar_top">
+<!--   -->
+</a></div>
+<!-- ========= END OF TOP NAVBAR ========= -->
+<!-- ======== START OF CLASS DATA ======== -->
+<div class="header">
+<div class="subTitle">controlP5</div>
+<h2 title="Class ControlP5Base" class="title">Class ControlP5Base</h2>
+</div>
+<div class="contentContainer">
+<ul class="inheritance">
+<li>java.lang.Object</li>
+<li>
+<ul class="inheritance">
+<li><a href="../controlP5/ControlP5Legacy.html" title="class in controlP5">controlP5.ControlP5Legacy</a></li>
+<li>
+<ul class="inheritance">
+<li>controlP5.ControlP5Base</li>
+</ul>
+</li>
+</ul>
+</li>
+</ul>
+<div class="description">
+<ul class="blockList">
+<li class="blockList">
+<dl>
+<dt>All Implemented Interfaces:</dt>
+<dd><a href="../controlP5/ControlP5Constants.html" title="interface in controlP5">ControlP5Constants</a></dd>
+</dl>
+<dl>
+<dt>Direct Known Subclasses:</dt>
+<dd><a href="../controlP5/ControlP5.html" title="class in controlP5">ControlP5</a></dd>
+</dl>
+<hr>
+<br>
+<pre>public class <span class="strong">ControlP5Base</span>
+extends <a href="../controlP5/ControlP5Legacy.html" title="class in controlP5">ControlP5Legacy</a>
+implements <a href="../controlP5/ControlP5Constants.html" title="interface in controlP5">ControlP5Constants</a></pre>
+<div class="block">The ControlP5Base supports the ControlP5 class and
+ implements all adder methods to add controllers to
+ controlP5.</div>
+</li>
+</ul>
+</div>
+<div class="summary">
+<ul class="blockList">
+<li class="blockList">
+<!-- =========== FIELD SUMMARY =========== -->
+<ul class="blockList">
+<li class="blockList"><a name="field_summary">
+<!--   -->
+</a>
+<h3>Field Summary</h3>
+<ul class="blockList">
+<li class="blockList"><a name="fields_inherited_from_class_controlP5.ControlP5Constants">
+<!--   -->
+</a>
+<h3>Fields inherited from interface&nbsp;controlP5.<a href="../controlP5/ControlP5Constants.html" title="interface in controlP5">ControlP5Constants</a></h3>
+<code><a href="../controlP5/ControlP5Constants.html#acceptClassList">acceptClassList</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_BROADCAST">ACTION_BROADCAST</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_CLICK">ACTION_CLICK</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_DRAG">ACTION_DRAG</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_ENTER">ACTION_ENTER</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_EXIT">ACTION_EXIT</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_LEAVE">ACTION_LEAVE</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_MOVE">ACTION_MOVE</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_PRESS">ACTION_PRESS</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_PRESSED">ACTION_PRESSED</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_RELEASE">ACTION_RELEASE</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_RELEASED">ACTION_RELEASED</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_RELEASEDOUTSIDE">ACTION_RELEASEDOUTSIDE</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_WHEEL">ACTION_WHEEL</a>, <a href="../controlP5/ControlP5Constants.html#ACTIVE">ACTIVE</a>, <a href="../controlP5/ControlP5Constants.html#ALL">ALL</a>, <a href="../controlP5/ControlP5Constants.html#ALT">ALT</a>, <a href="../controlP5/ControlP5Constants.html#AQUA">AQUA</a>, <a href="../controlP5/ControlP5Constants.html#ARC">ARC</a>, <a href="../controlP5/ControlP5Constants.html#ARRAY">ARRAY</a>, <a href="../controlP5/ControlP5Constants.html#BACKSPACE">BACKSPACE</a>, <a href="../controlP5/ControlP5Constants.html#BASELINE">BASELINE</a>, <a href="../controlP5/ControlP5Constants.html#BITFONT">BITFONT</a>, <a href="../controlP5/ControlP5Constants.html#BLACK">BLACK</a>, <a href="../controlP5/ControlP5Constants.html#BLUE">BLUE</a>, <a href="../controlP5/ControlP5Constants.html#BOOLEAN">BOOLEAN</a>, <a href="../controlP5/ControlP5Constants.html#BOTTOM">BOTTOM</a>, <a href="../controlP5/ControlP5Constants.html#BOTTOM_OUTSIDE">BOTTOM_OUTSIDE</a>, <a href="../controlP5/ControlP5Constants.html#CAPTIONLABEL">CAPTIONLABEL</a>, <a href="../controlP5/ControlP5Constants.html#CENTER">CENTER</a>, <a href="../controlP5/ControlP5Constants.html#CHECKBOX">CHECKBOX</a>, <a href="../controlP5/ControlP5Constants.html#COMMANDKEY">COMMANDKEY</a>, <a href="../controlP5/ControlP5Constants.html#CONTROL">CONTROL</a>, <a href="../controlP5/ControlP5Constants.html#controlEventClass">controlEventClass</a>, <a href="../controlP5/ControlP5Constants.html#CUSTOM">CUSTOM</a>, <a href="../controlP5/ControlP5Constants.html#DECREASE">DECREASE</a>, <a href="../controlP5/ControlP5Constants.html#DEFAULT">DEFAULT</a>, <a href="../controlP5/ControlP5Constants.html#DELETE">DELETE</a>, <a href="../controlP5/ControlP5Constants.html#DONE">DONE</a>, <a href="../controlP5/ControlP5Constants.html#DOWN">DOWN</a>, <a href="../controlP5/ControlP5Constants.html#DROPDOWN">DROPDOWN</a>, <a href="../controlP5/ControlP5Constants.html#ELLIPSE">ELLIPSE</a>, <a href="../controlP5/ControlP5Constants.html#ENTER">ENTER</a>, <a href="../controlP5/ControlP5Constants.html#ESCAPE">ESCAPE</a>, <a href="../controlP5/ControlP5Constants.html#EVENT">EVENT</a>, <a href="../controlP5/ControlP5Constants.html#eventMethod">eventMethod</a>, <a href="../controlP5/ControlP5Constants.html#FADEIN">FADEIN</a>, <a href="../controlP5/ControlP5Constants.html#FADEOUT">FADEOUT</a>, <a href="../controlP5/ControlP5Constants.html#FIELD">FIELD</a>, <a href="../controlP5/ControlP5Constants.html#FLOAT">FLOAT</a>, <a href="../controlP5/ControlP5Constants.html#FUCHSIA">FUCHSIA</a>, <a href="../controlP5/ControlP5Constants.html#GRAY">GRAY</a>, <a href="../controlP5/ControlP5Constants.html#GREEN">GREEN</a>, <a href="../controlP5/ControlP5Constants.html#grixel">grixel</a>, <a href="../controlP5/ControlP5Constants.html#HALF_PI">HALF_PI</a>, <a href="../controlP5/ControlP5Constants.html#HIDE">HIDE</a>, <a href="../controlP5/ControlP5Constants.html#HIGHLIGHT">HIGHLIGHT</a>, <a href="../controlP5/ControlP5Constants.html#HORIZONTAL">HORIZONTAL</a>, <a href="../controlP5/ControlP5Constants.html#IDLE">IDLE</a>, <a href="../controlP5/ControlP5Constants.html#IMAGE">IMAGE</a>, <a href="../controlP5/ControlP5Constants.html#INACTIVE">INACTIVE</a>, <a href="../controlP5/ControlP5Constants.html#INCREASE">INCREASE</a>, <a href="../controlP5/ControlP5Constants.html#INTEGER">INTEGER</a>, <a href="../controlP5/ControlP5Constants.html#INVALID">INVALID</a>, <a href="../controlP5/ControlP5Constants.html#J2D">J2D</a>, <a href="../controlP5/ControlP5Constants.html#KEYCONTROL">KEYCONTROL</a>, <a href="../controlP5/ControlP5Constants.html#LEFT">LEFT</a>, <a href="../controlP5/ControlP5Constants.html#LEFT_OUTSIDE">LEFT_OUTSIDE</a>, <a href="../controlP5/ControlP5Constants.html#LIME">LIME</a>, <a href="../controlP5/ControlP5Constants.html#LINE">LINE</a>, <a href="../controlP5/ControlP5Constants.html#LIST">LIST</a>, <a href="../controlP5/ControlP5Constants.html#LOAD">LOAD</a>, <a href="../controlP5/ControlP5Constants.html#MAROON">MAROON</a>, <a href="../controlP5/ControlP5Constants.html#MENU">MENU</a>, <a href="../controlP5/ControlP5Constants.html#METHOD">METHOD</a>, <a href="../controlP5/ControlP5Constants.html#MOVE">MOVE</a>, <a href="../controlP5/ControlP5Constants.html#MULTI">MULTI</a>, <a href="../controlP5/ControlP5Constants.html#MULTIPLES">MULTIPLES</a>, <a href="../controlP5/ControlP5Constants.html#NAVY">NAVY</a>, <a href="../controlP5/ControlP5Constants.html#OLIVE">OLIVE</a>, <a href="../controlP5/ControlP5Constants.html#ORANGE">ORANGE</a>, <a href="../controlP5/ControlP5Constants.html#OVER">OVER</a>, <a href="../controlP5/ControlP5Constants.html#P2D">P2D</a>, <a href="../controlP5/ControlP5Constants.html#P3D">P3D</a>, <a href="../controlP5/ControlP5Constants.html#PI">PI</a>, <a href="../controlP5/ControlP5Constants.html#PRESSED">PRESSED</a>, <a href="../controlP5/ControlP5Constants.html#PRINT">PRINT</a>, <a href="../controlP5/ControlP5Constants.html#PURPLE">PURPLE</a>, <a href="../controlP5/ControlP5Constants.html#RED">RED</a>, <a href="../controlP5/ControlP5Constants.html#RELEASE">RELEASE</a>, <a href="../controlP5/ControlP5Constants.html#RESET">RESET</a>, <a href="../controlP5/ControlP5Constants.html#RIGHT">RIGHT</a>, <a href="../controlP5/ControlP5Constants.html#RIGHT_OUTSIDE">RIGHT_OUTSIDE</a>, <a href="../controlP5/ControlP5Constants.html#SAVE">SAVE</a>, <a href="../controlP5/ControlP5Constants.html#SHIFT">SHIFT</a>, <a href="../controlP5/ControlP5Constants.html#SILVER">SILVER</a>, <a href="../controlP5/ControlP5Constants.html#SINGLE">SINGLE</a>, <a href="../controlP5/ControlP5Constants.html#SINGLE_COLUMN">SINGLE_COLUMN</a>, <a href="../controlP5/ControlP5Constants.html#SINGLE_ROW">SINGLE_ROW</a>, <a href="../controlP5/ControlP5Constants.html#SPRITE">SPRITE</a>, <a href="../controlP5/ControlP5Constants.html#standard56">standard56</a>, <a href="../controlP5/ControlP5Constants.html#standard58">standard58</a>, <a href="../controlP5/ControlP5Constants.html#STRING">STRING</a>, <a href="../controlP5/ControlP5Constants.html#SWITCH">SWITCH</a>, <a href="../controlP5/ControlP5Constants.html#SWITCH_BACK">SWITCH_BACK</a>, <a href="../controlP5/ControlP5Constants.html#SWITCH_FORE">SWITCH_FORE</a>, <a href="../controlP5/ControlP5Constants.html#synt24">synt24</a>, <a href="../controlP5/ControlP5Constants.html#TAB">TAB</a>, <a href="../controlP5/ControlP5Constants.html#TEAL">TEAL</a>, <a href="../controlP5/ControlP5Constants.html#THEME_A">THEME_A</a>, <a href="../controlP5/ControlP5Constants.html#THEME_CP52014">THEME_CP52014</a>, <a href="../controlP5/ControlP5Constants.html#THEME_CP5BLUE">THEME_CP5BLUE</a>, <a href="../controlP5/ControlP5Constants.html#THEME_RED">THEME_RED</a>, <a href="../controlP5/ControlP5Constants.html#THEME_RETRO">THEME_RETRO</a>, <a href="../controlP5/ControlP5Constants.html#THEME_WHITE">THEME_WHITE</a>, <a href="../controlP5/ControlP5Constants.html#TOP">TOP</a>, <a href="../controlP5/ControlP5Constants.html#TOP_OUTSIDE">TOP_OUTSIDE</a>, <a href="../controlP5/ControlP5Constants.html#TRANSITION_WAIT_FADEIN">TRANSITION_WAIT_FADEIN</a>, <a href="../controlP5/ControlP5Constants.html#TREE">TREE</a>, <a href="../controlP5/ControlP5Constants.html#TWO_PI">TWO_PI</a>, <a href="../controlP5/ControlP5Constants.html#UP">UP</a>, <a href="../controlP5/ControlP5Constants.html#VALUELABEL">VALUELABEL</a>, <a href="../controlP5/ControlP5Constants.html#VERBOSE">VERBOSE</a>, <a href="../controlP5/ControlP5Constants.html#VERTICAL">VERTICAL</a>, <a href="../controlP5/ControlP5Constants.html#WAIT">WAIT</a>, <a href="../controlP5/ControlP5Constants.html#WHITE">WHITE</a>, <a href="../controlP5/ControlP5Constants.html#YELLOW">YELLOW</a></code></li>
+</ul>
+</li>
+</ul>
+<!-- ======== CONSTRUCTOR SUMMARY ======== -->
+<ul class="blockList">
+<li class="blockList"><a name="constructor_summary">
+<!--   -->
+</a>
+<h3>Constructor Summary</h3>
+<table class="overviewSummary" border="0" cellpadding="3" cellspacing="0" summary="Constructor Summary table, listing constructors, and an explanation">
+<caption><span>Constructors</span><span class="tabEnd">&nbsp;</span></caption>
+<tr>
+<th class="colOne" scope="col">Constructor and Description</th>
+</tr>
+<tr class="altColor">
+<td class="colOne"><code><strong><a href="../controlP5/ControlP5Base.html#ControlP5Base()">ControlP5Base</a></strong>()</code>&nbsp;</td>
+</tr>
+</table>
+</li>
+</ul>
+<!-- ========== METHOD SUMMARY =========== -->
+<ul class="blockList">
+<li class="blockList"><a name="method_summary">
+<!--   -->
+</a>
+<h3>Method Summary</h3>
+<table class="overviewSummary" border="0" cellpadding="3" cellspacing="0" summary="Method Summary table, listing methods, and an explanation">
+<caption><span>Methods</span><span class="tabEnd">&nbsp;</span></caption>
+<tr>
+<th class="colFirst" scope="col">Modifier and Type</th>
+<th class="colLast" scope="col">Method and Description</th>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Accordion.html" title="class in controlP5">Accordion</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Base.html#addAccordion(java.lang.Object, java.lang.String)">addAccordion</a></strong>(java.lang.Object&nbsp;theObject,
+            java.lang.String&nbsp;theName)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Accordion.html" title="class in controlP5">Accordion</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Base.html#addAccordion(java.lang.String)">addAccordion</a></strong>(java.lang.String&nbsp;theName)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Bang.html" title="class in controlP5">Bang</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Base.html#addBang(java.lang.Object, java.lang.String)">addBang</a></strong>(java.lang.Object&nbsp;theObject,
+       java.lang.String&nbsp;theName)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Bang.html" title="class in controlP5">Bang</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Base.html#addBang(java.lang.String)">addBang</a></strong>(java.lang.String&nbsp;theName)</code>
+<div class="block">Triggers an event without passing a value.</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Button.html" title="class in controlP5">Button</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Base.html#addButton(java.lang.Object, java.lang.String)">addButton</a></strong>(java.lang.Object&nbsp;theObject,
+         java.lang.String&nbsp;theName)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Button.html" title="class in controlP5">Button</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Base.html#addButton(java.lang.String)">addButton</a></strong>(java.lang.String&nbsp;theName)</code>
+<div class="block">Triggers an event and passing a value.</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Chart.html" title="class in controlP5">Chart</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Base.html#addChart(java.lang.String)">addChart</a></strong>(java.lang.String&nbsp;theName)</code>
+<div class="block">adds chart support to display float array based data.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/CheckBox.html" title="class in controlP5">CheckBox</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Base.html#addCheckBox(java.lang.Object, java.lang.String)">addCheckBox</a></strong>(java.lang.Object&nbsp;theObject,
+           java.lang.String&nbsp;theName)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/CheckBox.html" title="class in controlP5">CheckBox</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Base.html#addCheckBox(java.lang.String)">addCheckBox</a></strong>(java.lang.String&nbsp;theName)</code>
+<div class="block">Use a checkbox for single choice options.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/ColorPicker.html" title="class in controlP5">ColorPicker</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Base.html#addColorPicker(java.lang.Object, java.lang.String)">addColorPicker</a></strong>(java.lang.Object&nbsp;theObject,
+              java.lang.String&nbsp;theName)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/ColorPicker.html" title="class in controlP5">ColorPicker</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Base.html#addColorPicker(java.lang.String)">addColorPicker</a></strong>(java.lang.String&nbsp;theName)</code>
+<div class="block">adds a simple RGBA colorpicker.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/ColorWheel.html" title="class in controlP5">ColorWheel</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Base.html#addColorWheel(java.lang.Object, java.lang.String)">addColorWheel</a></strong>(java.lang.Object&nbsp;theObject,
+             java.lang.String&nbsp;theName)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/ColorWheel.html" title="class in controlP5">ColorWheel</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Base.html#addColorWheel(java.lang.String)">addColorWheel</a></strong>(java.lang.String&nbsp;theName)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Println.html" title="class in controlP5">Println</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Base.html#addConsole(controlP5.Textarea)">addConsole</a></strong>(<a href="../controlP5/Textarea.html" title="class in controlP5">Textarea</a>&nbsp;theTextarea)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/ControlP5Base.html" title="class in controlP5">ControlP5Base</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Base.html#addControllersFor(processing.core.PApplet)">addControllersFor</a></strong>(processing.core.PApplet&nbsp;theApplet)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/ControlP5Base.html" title="class in controlP5">ControlP5Base</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Base.html#addControllersFor(java.lang.String, java.lang.Object)">addControllersFor</a></strong>(java.lang.String&nbsp;theAddressSpace,
+                 java.lang.Object&nbsp;t)</code>
+<div class="block">Adds controllers for a specific object using
+ annotations.</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/FrameRate.html" title="class in controlP5">FrameRate</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Base.html#addFrameRate()">addFrameRate</a></strong>()</code>
+<div class="block">returns the current framerate of the running sketch.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Group.html" title="class in controlP5">Group</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Base.html#addGroup(java.lang.Object, java.lang.String)">addGroup</a></strong>(java.lang.Object&nbsp;theObject,
+        java.lang.String&nbsp;theName)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Group.html" title="class in controlP5">Group</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Base.html#addGroup(java.lang.String)">addGroup</a></strong>(java.lang.String&nbsp;theName)</code>
+<div class="block">A controller group can be used to group controllers
+ for a better organization of single controllers.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Knob.html" title="class in controlP5">Knob</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Base.html#addKnob(java.lang.Object, java.lang.String)">addKnob</a></strong>(java.lang.Object&nbsp;theObject,
+       java.lang.String&nbsp;theName)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Knob.html" title="class in controlP5">Knob</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Base.html#addKnob(java.lang.String)">addKnob</a></strong>(java.lang.String&nbsp;theName)</code>
+<div class="block">Knobs can use limited and endless revolutions, custom
+ angles and starting points.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Matrix.html" title="class in controlP5">Matrix</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Base.html#addMatrix(java.lang.Object, java.lang.String)">addMatrix</a></strong>(java.lang.Object&nbsp;theObject,
+         java.lang.String&nbsp;theName)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Matrix.html" title="class in controlP5">Matrix</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Base.html#addMatrix(java.lang.String)">addMatrix</a></strong>(java.lang.String&nbsp;theName)</code>
+<div class="block">Matrix is a 2-D matrix controller using toggle
+ controllers in a rows and a columns setup.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/MultiList.html" title="class in controlP5">MultiList</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Base.html#addMultiList(java.lang.Object, java.lang.String)">addMultiList</a></strong>(java.lang.Object&nbsp;theObject,
+            java.lang.String&nbsp;theName)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/MultiList.html" title="class in controlP5">MultiList</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Base.html#addMultiList(java.lang.String)">addMultiList</a></strong>(java.lang.String&nbsp;theName)</code>
+<div class="block">Multilist is a tree like menu.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Numberbox.html" title="class in controlP5">Numberbox</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Base.html#addNumberbox(java.lang.Object, java.lang.String)">addNumberbox</a></strong>(java.lang.Object&nbsp;theObject,
+            java.lang.String&nbsp;theName)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Numberbox.html" title="class in controlP5">Numberbox</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Base.html#addNumberbox(java.lang.String)">addNumberbox</a></strong>(java.lang.String&nbsp;theName)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/RadioButton.html" title="class in controlP5">RadioButton</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Base.html#addRadioButton(java.lang.Object, java.lang.String)">addRadioButton</a></strong>(java.lang.Object&nbsp;theObject,
+              java.lang.String&nbsp;theName)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/RadioButton.html" title="class in controlP5">RadioButton</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Base.html#addRadioButton(java.lang.String)">addRadioButton</a></strong>(java.lang.String&nbsp;theName)</code>
+<div class="block">Use radio buttons for multiple choice options.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Range.html" title="class in controlP5">Range</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Base.html#addRange(java.lang.Object, java.lang.String)">addRange</a></strong>(java.lang.Object&nbsp;theObject,
+        java.lang.String&nbsp;theName)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Range.html" title="class in controlP5">Range</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Base.html#addRange(java.lang.String)">addRange</a></strong>(java.lang.String&nbsp;theName)</code>
+<div class="block">A range controller, a slider that allows control on
+ both ends of the slider.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/ScrollableList.html" title="class in controlP5">ScrollableList</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Base.html#addScrollableList(java.lang.Object, java.lang.String)">addScrollableList</a></strong>(java.lang.Object&nbsp;theObject,
+                 java.lang.String&nbsp;theName)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/ScrollableList.html" title="class in controlP5">ScrollableList</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Base.html#addScrollableList(java.lang.String)">addScrollableList</a></strong>(java.lang.String&nbsp;theName)</code>
+<div class="block">the ScrollableList replaces the DropwdownList and
+ ListBox, the type for a ScrollableList can be set
+ with setType(ControlP5.DROPDOWN | ControlP5.LIST).</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Slider.html" title="class in controlP5">Slider</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Base.html#addSlider(java.lang.Object, java.lang.String)">addSlider</a></strong>(java.lang.Object&nbsp;theObject,
+         java.lang.String&nbsp;theName)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Slider.html" title="class in controlP5">Slider</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Base.html#addSlider(java.lang.String)">addSlider</a></strong>(java.lang.String&nbsp;theName)</code>
+<div class="block">Adds a default slider with a default width of 100 and
+ height of 10.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Slider2D.html" title="class in controlP5">Slider2D</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Base.html#addSlider2D(java.lang.Object, java.lang.String)">addSlider2D</a></strong>(java.lang.Object&nbsp;theObject,
+           java.lang.String&nbsp;theName)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Slider2D.html" title="class in controlP5">Slider2D</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Base.html#addSlider2D(java.lang.String)">addSlider2D</a></strong>(java.lang.String&nbsp;theName)</code>
+<div class="block">Adds a 2D slider to controlP5.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Tab.html" title="class in controlP5">Tab</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Base.html#addTab(java.lang.String)">addTab</a></strong>(java.lang.String&nbsp;theName)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Textarea.html" title="class in controlP5">Textarea</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Base.html#addTextarea(java.lang.String)">addTextarea</a></strong>(java.lang.String&nbsp;theName)</code>
+<div class="block">A Textarea is a label without any controller
+ functionality and can be used to leave notes,
+ headlines, etc when extending the dedicated area of
+ the Textrea, a scrollbar is added on the right.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Textfield.html" title="class in controlP5">Textfield</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Base.html#addTextfield(java.lang.Object, java.lang.String)">addTextfield</a></strong>(java.lang.Object&nbsp;theObject,
+            java.lang.String&nbsp;theIndex)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Textfield.html" title="class in controlP5">Textfield</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Base.html#addTextfield(java.lang.String)">addTextfield</a></strong>(java.lang.String&nbsp;theIndex)</code>
+<div class="block">A Textfield allows single line text input.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Textlabel.html" title="class in controlP5">Textlabel</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Base.html#addTextlabel(java.lang.String)">addTextlabel</a></strong>(java.lang.String&nbsp;theName)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Toggle.html" title="class in controlP5">Toggle</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Base.html#addToggle(java.lang.Object, java.lang.String)">addToggle</a></strong>(java.lang.Object&nbsp;theObject,
+         java.lang.String&nbsp;theName)</code>
+<div class="block">Toggles a boolean field or passes a value when
+ triggered.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Toggle.html" title="class in controlP5">Toggle</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Base.html#addToggle(java.lang.String)">addToggle</a></strong>(java.lang.String&nbsp;theName)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Tab.html" title="class in controlP5">Tab</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Base.html#getDefaultTab()">getDefaultTab</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>char</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Base.html#getKey()">getKey</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Base.html#getKeyCode()">getKeyCode</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>controlP5.ControllerLayout</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Base.html#getLayout()">getLayout</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>java.lang.Object</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Base.html#getObjectForController(controlP5.ControllerInterface)">getObjectForController</a></strong>(<a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&nbsp;theController)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/ControllerProperties.html" title="class in controlP5">ControllerProperties</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Base.html#getProperties()">getProperties</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>static java.util.Set&lt;java.lang.String&gt;</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Base.html#getPublicMethodsFor(java.lang.Class)">getPublicMethodsFor</a></strong>(java.lang.Class&lt;?&gt;&nbsp;theClass)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>static java.util.Set&lt;java.lang.String&gt;</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Base.html#getPublicMethodsFor(java.lang.Class, boolean)">getPublicMethodsFor</a></strong>(java.lang.Class&lt;?&gt;&nbsp;theClass,
+                   boolean&nbsp;theFlag)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>static java.util.Set&lt;java.lang.String&gt;</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Base.html#getPublicMethodsFor(java.lang.Class, boolean, java.lang.String...)">getPublicMethodsFor</a></strong>(java.lang.Class&lt;?&gt;&nbsp;theClass,
+                   boolean&nbsp;isSuperclass,
+                   java.lang.String...&nbsp;thePattern)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>static java.util.Set&lt;java.lang.String&gt;</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Base.html#getPublicMethodsFor(java.lang.Class, java.lang.String...)">getPublicMethodsFor</a></strong>(java.lang.Class&lt;?&gt;&nbsp;theClass,
+                   java.lang.String...&nbsp;thePattern)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/ControlP5Base.html" title="class in controlP5">ControlP5Base</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Base.html#hide(java.lang.Object)">hide</a></strong>(java.lang.Object&nbsp;theObject)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>boolean</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Base.html#isAltDown()">isAltDown</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>boolean</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Base.html#isControlDown()">isControlDown</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>boolean</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Base.html#isMetaDown()">isMetaDown</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>boolean</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Base.html#isShiftDown()">isShiftDown</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/ControlP5Base.html" title="class in controlP5">ControlP5Base</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Base.html#listenTo(java.lang.String, java.lang.Object)">listenTo</a></strong>(java.lang.String&nbsp;theFieldName,
+        java.lang.Object&nbsp;theObject)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/ControlP5.html" title="class in controlP5">ControlP5</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Base.html#mapKeyFor(controlP5.ControlKey, java.lang.Object...)">mapKeyFor</a></strong>(<a href="../controlP5/ControlKey.html" title="interface in controlP5">ControlKey</a>&nbsp;theKey,
+         java.lang.Object...&nbsp;os)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/ControlP5Base.html" title="class in controlP5">ControlP5Base</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Base.html#moveTo(controlP5.ControllerGroup, java.lang.Object)">moveTo</a></strong>(<a href="../controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a>&lt;?&gt;&nbsp;theController,
+      java.lang.Object&nbsp;theObject)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>static void</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Base.html#printPublicMethodsFor(java.lang.Class)">printPublicMethodsFor</a></strong>(java.lang.Class&lt;?&gt;&nbsp;theClass)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>static void</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Base.html#printPublicMethodsFor(java.lang.Class, java.lang.String...)">printPublicMethodsFor</a></strong>(java.lang.Class&lt;?&gt;&nbsp;theClass,
+                     java.lang.String...&nbsp;thePattern)</code>
+<div class="block">prints a list of public methods of requested class
+ into the console.</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/ControlP5Base.html" title="class in controlP5">ControlP5Base</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Base.html#remove(java.lang.Object)">remove</a></strong>(java.lang.Object&nbsp;theObject)</code>
+<div class="block">for internal use only.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/ControlP5.html" title="class in controlP5">ControlP5</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Base.html#removeKeyFor(controlP5.ControlKey, char...)">removeKeyFor</a></strong>(<a href="../controlP5/ControlKey.html" title="interface in controlP5">ControlKey</a>&nbsp;theKey,
+            char...&nbsp;theChar)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/ControlP5.html" title="class in controlP5">ControlP5</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Base.html#removeKeyFor(controlP5.ControlKey, int...)">removeKeyFor</a></strong>(<a href="../controlP5/ControlKey.html" title="interface in controlP5">ControlKey</a>&nbsp;theKey,
+            int...&nbsp;theChar)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/ControlP5.html" title="class in controlP5">ControlP5</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Base.html#removeKeysFor(char...)">removeKeysFor</a></strong>(char...&nbsp;theChar)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/ControlP5.html" title="class in controlP5">ControlP5</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Base.html#removeKeysFor(int...)">removeKeysFor</a></strong>(int...&nbsp;theChar)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>void</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Base.html#removeProperty(controlP5.ControllerInterface)">removeProperty</a></strong>(<a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;?&gt;&nbsp;theController)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>void</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Base.html#setAutoAddDirection(int)">setAutoAddDirection</a></strong>(int&nbsp;theDirection)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>void</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Base.html#setAutoSpacing()">setAutoSpacing</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>void</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Base.html#setAutoSpacing(float)">setAutoSpacing</a></strong>(float&nbsp;theX)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>void</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Base.html#setAutoSpacing(float, float)">setAutoSpacing</a></strong>(float&nbsp;theX,
+              float&nbsp;theY)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>void</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Base.html#setAutoSpacing(float, float, float)">setAutoSpacing</a></strong>(float&nbsp;theX,
+              float&nbsp;theY,
+              float&nbsp;theZ)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/ControlP5Base.html" title="class in controlP5">ControlP5Base</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Base.html#setColor(controlP5.CColor, java.lang.Object)">setColor</a></strong>(<a href="../controlP5/CColor.html" title="class in controlP5">CColor</a>&nbsp;theColor,
+        java.lang.Object&nbsp;theObject)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/ControlP5Base.html" title="class in controlP5">ControlP5Base</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Base.html#setPosition(int, int, java.lang.Object)">setPosition</a></strong>(int&nbsp;theX,
+           int&nbsp;theY,
+           java.lang.Object&nbsp;o)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/ControlP5Base.html" title="class in controlP5">ControlP5Base</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Base.html#show(java.lang.Object)">show</a></strong>(java.lang.Object&nbsp;theObject)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/ControlP5Base.html" title="class in controlP5">ControlP5Base</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Base.html#stopListeningTo(java.lang.String, java.lang.Object)">stopListeningTo</a></strong>(java.lang.String&nbsp;theFieldName,
+               java.lang.Object&nbsp;theObject)</code>&nbsp;</td>
+</tr>
+</table>
+<ul class="blockList">
+<li class="blockList"><a name="methods_inherited_from_class_controlP5.ControlP5Legacy">
+<!--   -->
+</a>
+<h3>Methods inherited from class&nbsp;controlP5.<a href="../controlP5/ControlP5Legacy.html" title="class in controlP5">ControlP5Legacy</a></h3>
+<code><a href="../controlP5/ControlP5Legacy.html#addAccordion(java.lang.Object, java.lang.String, java.lang.String)">addAccordion</a>, <a href="../controlP5/ControlP5Legacy.html#addAccordion(java.lang.String, int, int, int)">addAccordion</a>, <a href="../controlP5/ControlP5Legacy.html#addBang(java.lang.Object, java.lang.String, java.lang.String)">addBang</a>, <a href="../controlP5/ControlP5Legacy.html#addBang(java.lang.Object, java.lang.String, java.lang.String, int, int, int, int)">addBang</a>, <a href="../controlP5/ControlP5Legacy.html#addBang(java.lang.String, int, int)">addBang</a>, <a href="../controlP5/ControlP5Legacy.html#addBang(java.lang.String, int, int, int, int)">addBang</a>, <a href="../controlP5/ControlP5Legacy.html#addBoundingBox(java.lang.Object, java.lang.String, java.lang.String, int, int, int, int)">addBoundingBox</a>, <a href="../controlP5/ControlP5Legacy.html#addBoundingBox(java.lang.String)">addBoundingBox</a>, <a href="../controlP5/ControlP5Legacy.html#addButton(java.lang.Object, java.lang.String, java.lang.String)">addButton</a>, <a href="../controlP5/ControlP5Legacy.html#addButton(java.lang.Object, java.lang.String, java.lang.String, float)">addButton</a>, <a href="../controlP5/ControlP5Legacy.html#addButton(java.lang.Object, java.lang.String, java.lang.String, float, int, int, int, int)">addButton</a>, <a href="../controlP5/ControlP5Legacy.html#addButton(java.lang.String, float)">addButton</a>, <a href="../controlP5/ControlP5Legacy.html#addButton(java.lang.String, float, int, int, int, int)">addButton</a>, <a href="../controlP5/ControlP5Legacy.html#addChart(java.lang.String, int, int, int, int)">addChart</a>, <a href="../controlP5/ControlP5Legacy.html#addCheckBox(java.lang.Object, java.lang.String, java.lang.String, int, int)">addCheckBox</a>, <a href="../controlP5/ControlP5Legacy.html#addCheckBox(java.lang.String, int, int)">addCheckBox</a>, <a href="../controlP5/ControlP5Legacy.html#addColorPicker(java.lang.Object, java.lang.String, java.lang.String, int, int, int, int)">addColorPicker</a>, <a href="../controlP5/ControlP5Legacy.html#addColorPicker(java.lang.String, int, int, int, int)">addColorPicker</a>, <a href="../controlP5/ControlP5Legacy.html#addColorWheel(java.lang.Object, java.lang.String, java.lang.String, int, int, int)">addColorWheel</a>, <a href="../controlP5/ControlP5Legacy.html#addColorWheel(java.lang.String, int, int, int)">addColorWheel</a>, <a href="../controlP5/ControlP5Legacy.html#addController(java.lang.Object, java.lang.String, java.lang.String, java.lang.Class, int, int)">addController</a>, <a href="../controlP5/ControlP5Legacy.html#addController(java.lang.String, java.lang.Class, int, int)">addController</a>, <a href="../controlP5/ControlP5Legacy.html#addControlWindow(java.lang.String)">addControlWindow</a>, <a href="../controlP5/ControlP5Legacy.html#addControlWindow(java.lang.String, int, int)">addControlWindow</a>, <a href="../controlP5/ControlP5Legacy.html#addControlWindow(java.lang.String, int, int, int, int)">addControlWindow</a>, <a href="../controlP5/ControlP5Legacy.html#addControlWindow(java.lang.String, int, int, int, int, int)">addControlWindow</a>, <a href="../controlP5/ControlP5Legacy.html#addControlWindow(java.lang.String, int, int, int, int, java.lang.String, int)">addControlWindow</a>, <a href="../controlP5/ControlP5Legacy.html#addDropdownList(java.lang.Object, java.lang.String, java.lang.String, int, int, int, int)">addDropdownList</a>, <a href="../controlP5/ControlP5Legacy.html#addDropdownList(java.lang.String)">addDropdownList</a>, <a href="../controlP5/ControlP5Legacy.html#addDropdownList(java.lang.String, int, int, int, int)">addDropdownList</a>, <a href="../controlP5/ControlP5Legacy.html#addGroup(java.lang.Object, java.lang.String, java.lang.String)">addGroup</a>, <a href="../controlP5/ControlP5Legacy.html#addGroup(java.lang.Object, java.lang.String, java.lang.String, java.lang.Class, int, int, int, int)">addGroup</a>, <a href="../controlP5/ControlP5Legacy.html#addGroup(java.lang.Object, java.lang.String, java.lang.String, int, int)">addGroup</a>, <a href="../controlP5/ControlP5Legacy.html#addGroup(java.lang.Object, java.lang.String, java.lang.String, int, int, int)">addGroup</a>, <a href="../controlP5/ControlP5Legacy.html#addGroup(java.lang.String, int, int)">addGroup</a>, <a href="../controlP5/ControlP5Legacy.html#addGroup(java.lang.String, int, int, int)">addGroup</a>, <a href="../controlP5/ControlP5Legacy.html#addKnob(java.lang.Object, java.lang.String, java.lang.String)">addKnob</a>, <a href="../controlP5/ControlP5Legacy.html#addKnob(java.lang.Object, java.lang.String, java.lang.String, float, float, float, int, int, int)">addKnob</a>, <a href="../controlP5/ControlP5Legacy.html#addKnob(java.lang.Object, java.lang.String, java.lang.String, float, float, int, int, int)">addKnob</a>, <a href="../controlP5/ControlP5Legacy.html#addKnob(java.lang.Object, java.lang.String, java.lang.String, int, int)">addKnob</a>, <a href="../controlP5/ControlP5Legacy.html#addKnob(java.lang.String, float, float, float, int, int, int)">addKnob</a>, <a href="../controlP5/ControlP5Legacy.html#addKnob(java.lang.String, float, float, int, int, int)">addKnob</a>, <a href="../controlP5/ControlP5Legacy.html#addKnob(java.lang.String, int, int)">addKnob</a>, <a href="../controlP5/ControlP5Legacy.html#addListBox(java.lang.Object, java.lang.String, java.lang.String, int, int, int, int)">addListBox</a>, <a href="../controlP5/ControlP5Legacy.html#addListBox(java.lang.String)">addListBox</a>, <a href="../controlP5/ControlP5Legacy.html#addListBox(java.lang.String, int, int, int, int)">addListBox</a>, <a href="../controlP5/ControlP5Legacy.html#addMatrix(java.lang.Object, java.lang.String, java.lang.String, int, int, int, int, int, int)">addMatrix</a>, <a href="../controlP5/ControlP5Legacy.html#addMatrix(java.lang.String, int, int, int, int, int, int)">addMatrix</a>, <a href="../controlP5/ControlP5Legacy.html#addMultiList(java.lang.Object, java.lang.String, java.lang.String, int, int, int, int)">addMultiList</a>, <a href="../controlP5/ControlP5Legacy.html#addMultiList(java.lang.String, int, int, int, int)">addMultiList</a>, <a href="../controlP5/ControlP5Legacy.html#addNumberbox(java.lang.Object, java.lang.String, java.lang.String)">addNumberbox</a>, <a href="../controlP5/ControlP5Legacy.html#addNumberbox(java.lang.Object, java.lang.String, java.lang.String, float, int, int, int, int)">addNumberbox</a>, <a href="../controlP5/ControlP5Legacy.html#addNumberbox(java.lang.Object, java.lang.String, java.lang.String, int, int, int, int)">addNumberbox</a>, <a href="../controlP5/ControlP5Legacy.html#addNumberbox(java.lang.String, float, int, int, int, int)">addNumberbox</a>, <a href="../controlP5/ControlP5Legacy.html#addNumberbox(java.lang.String, int, int, int, int)">addNumberbox</a>, <a href="../controlP5/ControlP5Legacy.html#addRadio(java.lang.String)">addRadio</a>, <a href="../controlP5/ControlP5Legacy.html#addRadio(java.lang.String, int, int)">addRadio</a>, <a href="../controlP5/ControlP5Legacy.html#addRadioButton(java.lang.Object, java.lang.String, java.lang.String, int, int)">addRadioButton</a>, <a href="../controlP5/ControlP5Legacy.html#addRadioButton(java.lang.String, int, int)">addRadioButton</a>, <a href="../controlP5/ControlP5Legacy.html#addRange(java.lang.Object, java.lang.String, java.lang.String, float, float, float, float, int, int, int, int)">addRange</a>, <a href="../controlP5/ControlP5Legacy.html#addRange(java.lang.Object, java.lang.String, java.lang.String, float, float, int, int, int, int)">addRange</a>, <a href="../controlP5/ControlP5Legacy.html#addRange(java.lang.String, float, float, float, float, int, int, int, int)">addRange</a>, <a href="../controlP5/ControlP5Legacy.html#addRange(java.lang.String, float, float, int, int, int, int)">addRange</a>, <a href="../controlP5/ControlP5Legacy.html#addScrollableList(java.lang.Object, java.lang.String, java.lang.String)">addScrollableList</a>, <a href="../controlP5/ControlP5Legacy.html#addScrollableList(java.lang.Object, java.lang.String, java.lang.String, int, int, int, int)">addScrollableList</a>, <a href="../controlP5/ControlP5Legacy.html#addScrollableList(java.lang.String, int, int, int, int)">addScrollableList</a>, <a href="../controlP5/ControlP5Legacy.html#addSlider(java.lang.Object, java.lang.String, java.lang.String)">addSlider</a>, <a href="../controlP5/ControlP5Legacy.html#addSlider(java.lang.Object, java.lang.String, java.lang.String, float, float)">addSlider</a>, <a href="../controlP5/ControlP5Legacy.html#addSlider(java.lang.Object, java.lang.String, java.lang.String, float, float, float, int, int, int, int)">addSlider</a>, <a href="../controlP5/ControlP5Legacy.html#addSlider(java.lang.Object, java.lang.String, java.lang.String, float, float, int, int, int, int)">addSlider</a>, <a href="../controlP5/ControlP5Legacy.html#addSlider(java.lang.String, float, float)">addSlider</a>, <a href="../controlP5/ControlP5Legacy.html#addSlider(java.lang.String, float, float, float, int, int, int, int)">addSlider</a>, <a href="../controlP5/ControlP5Legacy.html#addSlider(java.lang.String, float, float, int, int, int, int)">addSlider</a>, <a href="../controlP5/ControlP5Legacy.html#addSlider2D(java.lang.Object, java.lang.String, java.lang.String, float, float, float, float, float, float, int, int, int, int)">addSlider2D</a>, <a href="../controlP5/ControlP5Legacy.html#addSlider2D(java.lang.Object, java.lang.String, java.lang.String, int, int, int, int)">addSlider2D</a>, <a href="../controlP5/ControlP5Legacy.html#addSlider2D(java.lang.String, float, float, float, float, float, float, int, int, int, int)">addSlider2D</a>, <a href="../controlP5/ControlP5Legacy.html#addSlider2D(java.lang.String, int, int, int, int)">addSlider2D</a>, <a href="../controlP5/ControlP5Legacy.html#addTab(controlP5.ControlWindow, java.lang.String)">addTab</a>, <a href="../controlP5/ControlP5Legacy.html#addTab(processing.core.PApplet, java.lang.String)">addTab</a>, <a href="../controlP5/ControlP5Legacy.html#addTextarea(java.lang.String, java.lang.String, int, int, int, int)">addTextarea</a>, <a href="../controlP5/ControlP5Legacy.html#addTextfield(java.lang.Object, java.lang.String, java.lang.String)">addTextfield</a>, <a href="../controlP5/ControlP5Legacy.html#addTextfield(java.lang.Object, java.lang.String, java.lang.String, int, int, int, int)">addTextfield</a>, <a href="../controlP5/ControlP5Legacy.html#addTextfield(java.lang.String, int, int, int, int)">addTextfield</a>, <a href="../controlP5/ControlP5Legacy.html#addTextlabel(java.lang.Object, java.lang.String, java.lang.String, java.lang.String)">addTextlabel</a>, <a href="../controlP5/ControlP5Legacy.html#addTextlabel(java.lang.Object, java.lang.String, java.lang.String, java.lang.String, int, int)">addTextlabel</a>, <a href="../controlP5/ControlP5Legacy.html#addTextlabel(java.lang.String, java.lang.String)">addTextlabel</a>, <a href="../controlP5/ControlP5Legacy.html#addTextlabel(java.lang.String, java.lang.String, int, int)">addTextlabel</a>, <a href="../controlP5/ControlP5Legacy.html#addToggle(java.lang.Object, java.lang.String, java.lang.String)">addToggle</a>, <a href="../controlP5/ControlP5Legacy.html#addToggle(java.lang.Object, java.lang.String, java.lang.String, boolean)">addToggle</a>, <a href="../controlP5/ControlP5Legacy.html#addToggle(java.lang.Object, java.lang.String, java.lang.String, boolean, float, float, int, int)">addToggle</a>, <a href="../controlP5/ControlP5Legacy.html#addToggle(java.lang.Object, java.lang.String, java.lang.String, float, float, int, int)">addToggle</a>, <a href="../controlP5/ControlP5Legacy.html#addToggle(java.lang.String, boolean)">addToggle</a>, <a href="../controlP5/ControlP5Legacy.html#addToggle(java.lang.String, boolean, float, float, int, int)">addToggle</a>, <a href="../controlP5/ControlP5Legacy.html#addToggle(java.lang.String, float, float, int, int)">addToggle</a>, <a href="../controlP5/ControlP5Legacy.html#addTooltip()">addTooltip</a>, <a href="../controlP5/ControlP5Legacy.html#getController(java.lang.String, java.lang.Object)">getController</a>, <a href="../controlP5/ControlP5Legacy.html#getTextlabel()">getTextlabel</a>, <a href="../controlP5/ControlP5Legacy.html#getTextlabel(java.lang.String, int, int)">getTextlabel</a></code></li>
+</ul>
+<ul class="blockList">
+<li class="blockList"><a name="methods_inherited_from_class_java.lang.Object">
+<!--   -->
+</a>
+<h3>Methods inherited from class&nbsp;java.lang.Object</h3>
+<code>equals, getClass, hashCode, notify, notifyAll, toString, wait, wait, wait</code></li>
+</ul>
+</li>
+</ul>
+</li>
+</ul>
+</div>
+<div class="details">
+<ul class="blockList">
+<li class="blockList">
+<!-- ========= CONSTRUCTOR DETAIL ======== -->
+<ul class="blockList">
+<li class="blockList"><a name="constructor_detail">
+<!--   -->
+</a>
+<h3>Constructor Detail</h3>
+<a name="ControlP5Base()">
+<!--   -->
+</a>
+<ul class="blockListLast">
+<li class="blockList">
+<h4>ControlP5Base</h4>
+<pre>public&nbsp;ControlP5Base()</pre>
+</li>
+</ul>
+</li>
+</ul>
+<!-- ============ METHOD DETAIL ========== -->
+<ul class="blockList">
+<li class="blockList"><a name="method_detail">
+<!--   -->
+</a>
+<h3>Method Detail</h3>
+<a name="addAccordion(java.lang.Object, java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>addAccordion</h4>
+<pre>public&nbsp;<a href="../controlP5/Accordion.html" title="class in controlP5">Accordion</a>&nbsp;addAccordion(java.lang.Object&nbsp;theObject,
+                     java.lang.String&nbsp;theName)</pre>
+</li>
+</ul>
+<a name="addAccordion(java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>addAccordion</h4>
+<pre>public&nbsp;<a href="../controlP5/Accordion.html" title="class in controlP5">Accordion</a>&nbsp;addAccordion(java.lang.String&nbsp;theName)</pre>
+</li>
+</ul>
+<a name="addBang(java.lang.Object, java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>addBang</h4>
+<pre>public&nbsp;<a href="../controlP5/Bang.html" title="class in controlP5">Bang</a>&nbsp;addBang(java.lang.Object&nbsp;theObject,
+           java.lang.String&nbsp;theName)</pre>
+</li>
+</ul>
+<a name="addBang(java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>addBang</h4>
+<pre>public&nbsp;<a href="../controlP5/Bang.html" title="class in controlP5">Bang</a>&nbsp;addBang(java.lang.String&nbsp;theName)</pre>
+<div class="block">Triggers an event without passing a value.</div>
+</li>
+</ul>
+<a name="addButton(java.lang.Object, java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>addButton</h4>
+<pre>public&nbsp;<a href="../controlP5/Button.html" title="class in controlP5">Button</a>&nbsp;addButton(java.lang.Object&nbsp;theObject,
+               java.lang.String&nbsp;theName)</pre>
+</li>
+</ul>
+<a name="addButton(java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>addButton</h4>
+<pre>public&nbsp;<a href="../controlP5/Button.html" title="class in controlP5">Button</a>&nbsp;addButton(java.lang.String&nbsp;theName)</pre>
+<div class="block">Triggers an event and passing a value.</div>
+</li>
+</ul>
+<a name="addChart(java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>addChart</h4>
+<pre>public&nbsp;<a href="../controlP5/Chart.html" title="class in controlP5">Chart</a>&nbsp;addChart(java.lang.String&nbsp;theName)</pre>
+<div class="block">adds chart support to display float array based data.</div>
+</li>
+</ul>
+<a name="addCheckBox(java.lang.Object, java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>addCheckBox</h4>
+<pre>public&nbsp;<a href="../controlP5/CheckBox.html" title="class in controlP5">CheckBox</a>&nbsp;addCheckBox(java.lang.Object&nbsp;theObject,
+                   java.lang.String&nbsp;theName)</pre>
+</li>
+</ul>
+<a name="addCheckBox(java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>addCheckBox</h4>
+<pre>public&nbsp;<a href="../controlP5/CheckBox.html" title="class in controlP5">CheckBox</a>&nbsp;addCheckBox(java.lang.String&nbsp;theName)</pre>
+<div class="block">Use a checkbox for single choice options.</div>
+</li>
+</ul>
+<a name="addColorPicker(java.lang.Object, java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>addColorPicker</h4>
+<pre>public&nbsp;<a href="../controlP5/ColorPicker.html" title="class in controlP5">ColorPicker</a>&nbsp;addColorPicker(java.lang.Object&nbsp;theObject,
+                         java.lang.String&nbsp;theName)</pre>
+</li>
+</ul>
+<a name="addColorPicker(java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>addColorPicker</h4>
+<pre>public&nbsp;<a href="../controlP5/ColorPicker.html" title="class in controlP5">ColorPicker</a>&nbsp;addColorPicker(java.lang.String&nbsp;theName)</pre>
+<div class="block">adds a simple RGBA colorpicker.</div>
+</li>
+</ul>
+<a name="addColorWheel(java.lang.Object, java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>addColorWheel</h4>
+<pre>public&nbsp;<a href="../controlP5/ColorWheel.html" title="class in controlP5">ColorWheel</a>&nbsp;addColorWheel(java.lang.Object&nbsp;theObject,
+                       java.lang.String&nbsp;theName)</pre>
+</li>
+</ul>
+<a name="addColorWheel(java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>addColorWheel</h4>
+<pre>public&nbsp;<a href="../controlP5/ColorWheel.html" title="class in controlP5">ColorWheel</a>&nbsp;addColorWheel(java.lang.String&nbsp;theName)</pre>
+</li>
+</ul>
+<a name="addConsole(controlP5.Textarea)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>addConsole</h4>
+<pre>public&nbsp;<a href="../controlP5/Println.html" title="class in controlP5">Println</a>&nbsp;addConsole(<a href="../controlP5/Textarea.html" title="class in controlP5">Textarea</a>&nbsp;theTextarea)</pre>
+</li>
+</ul>
+<a name="addControllersFor(processing.core.PApplet)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>addControllersFor</h4>
+<pre>public&nbsp;<a href="../controlP5/ControlP5Base.html" title="class in controlP5">ControlP5Base</a>&nbsp;addControllersFor(processing.core.PApplet&nbsp;theApplet)</pre>
+</li>
+</ul>
+<a name="addControllersFor(java.lang.String, java.lang.Object)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>addControllersFor</h4>
+<pre>public&nbsp;<a href="../controlP5/ControlP5Base.html" title="class in controlP5">ControlP5Base</a>&nbsp;addControllersFor(java.lang.String&nbsp;theAddressSpace,
+                              java.lang.Object&nbsp;t)</pre>
+<div class="block">Adds controllers for a specific object using
+ annotations.
+ <p>
+ Uses a forward slash delimited address, for example:
+ </p>
+ <p>
+ lets say the theAddressSpace parameter is set to
+ "hello", and the Object (second parameter) contains
+ an annotated field "x", addControllersFor("hello",
+ o); will add a controller for field x with address
+ /hello/x This address can be used with
+ getController("/hello/x") to access the controller of
+ that particular Object and field.
+ </p></div>
+</li>
+</ul>
+<a name="addFrameRate()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>addFrameRate</h4>
+<pre>public&nbsp;<a href="../controlP5/FrameRate.html" title="class in controlP5">FrameRate</a>&nbsp;addFrameRate()</pre>
+<div class="block">returns the current framerate of the running sketch.</div>
+</li>
+</ul>
+<a name="addGroup(java.lang.Object, java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>addGroup</h4>
+<pre>public&nbsp;<a href="../controlP5/Group.html" title="class in controlP5">Group</a>&nbsp;addGroup(java.lang.Object&nbsp;theObject,
+             java.lang.String&nbsp;theName)</pre>
+</li>
+</ul>
+<a name="addGroup(java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>addGroup</h4>
+<pre>public&nbsp;<a href="../controlP5/Group.html" title="class in controlP5">Group</a>&nbsp;addGroup(java.lang.String&nbsp;theName)</pre>
+<div class="block">A controller group can be used to group controllers
+ for a better organization of single controllers.</div>
+</li>
+</ul>
+<a name="addKnob(java.lang.Object, java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>addKnob</h4>
+<pre>public&nbsp;<a href="../controlP5/Knob.html" title="class in controlP5">Knob</a>&nbsp;addKnob(java.lang.Object&nbsp;theObject,
+           java.lang.String&nbsp;theName)</pre>
+</li>
+</ul>
+<a name="addKnob(java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>addKnob</h4>
+<pre>public&nbsp;<a href="../controlP5/Knob.html" title="class in controlP5">Knob</a>&nbsp;addKnob(java.lang.String&nbsp;theName)</pre>
+<div class="block">Knobs can use limited and endless revolutions, custom
+ angles and starting points. There are 2 control areas
+ for a knob, an area closer to the edge allows
+ 'click-and-adjust' control, a click and drag action
+ at the inside allows to gradually change the value of
+ a know when dragged. A knob can be controller by
+ mouse click, drag or mouse-wheel.</div>
+</li>
+</ul>
+<a name="addMatrix(java.lang.Object, java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>addMatrix</h4>
+<pre>public&nbsp;<a href="../controlP5/Matrix.html" title="class in controlP5">Matrix</a>&nbsp;addMatrix(java.lang.Object&nbsp;theObject,
+               java.lang.String&nbsp;theName)</pre>
+</li>
+</ul>
+<a name="addMatrix(java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>addMatrix</h4>
+<pre>public&nbsp;<a href="../controlP5/Matrix.html" title="class in controlP5">Matrix</a>&nbsp;addMatrix(java.lang.String&nbsp;theName)</pre>
+<div class="block">Matrix is a 2-D matrix controller using toggle
+ controllers in a rows and a columns setup. useful for
+ software drum machines.</div>
+</li>
+</ul>
+<a name="addMultiList(java.lang.Object, java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>addMultiList</h4>
+<pre>public&nbsp;<a href="../controlP5/MultiList.html" title="class in controlP5">MultiList</a>&nbsp;addMultiList(java.lang.Object&nbsp;theObject,
+                     java.lang.String&nbsp;theName)</pre>
+</li>
+</ul>
+<a name="addMultiList(java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>addMultiList</h4>
+<pre>public&nbsp;<a href="../controlP5/MultiList.html" title="class in controlP5">MultiList</a>&nbsp;addMultiList(java.lang.String&nbsp;theName)</pre>
+<div class="block">Multilist is a tree like menu.</div>
+</li>
+</ul>
+<a name="addNumberbox(java.lang.Object, java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>addNumberbox</h4>
+<pre>public&nbsp;<a href="../controlP5/Numberbox.html" title="class in controlP5">Numberbox</a>&nbsp;addNumberbox(java.lang.Object&nbsp;theObject,
+                     java.lang.String&nbsp;theName)</pre>
+</li>
+</ul>
+<a name="addNumberbox(java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>addNumberbox</h4>
+<pre>public&nbsp;<a href="../controlP5/Numberbox.html" title="class in controlP5">Numberbox</a>&nbsp;addNumberbox(java.lang.String&nbsp;theName)</pre>
+</li>
+</ul>
+<a name="addRadioButton(java.lang.Object, java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>addRadioButton</h4>
+<pre>public&nbsp;<a href="../controlP5/RadioButton.html" title="class in controlP5">RadioButton</a>&nbsp;addRadioButton(java.lang.Object&nbsp;theObject,
+                         java.lang.String&nbsp;theName)</pre>
+</li>
+</ul>
+<a name="addRadioButton(java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>addRadioButton</h4>
+<pre>public&nbsp;<a href="../controlP5/RadioButton.html" title="class in controlP5">RadioButton</a>&nbsp;addRadioButton(java.lang.String&nbsp;theName)</pre>
+<div class="block">Use radio buttons for multiple choice options.</div>
+</li>
+</ul>
+<a name="addRange(java.lang.Object, java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>addRange</h4>
+<pre>public&nbsp;<a href="../controlP5/Range.html" title="class in controlP5">Range</a>&nbsp;addRange(java.lang.Object&nbsp;theObject,
+             java.lang.String&nbsp;theName)</pre>
+</li>
+</ul>
+<a name="addRange(java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>addRange</h4>
+<pre>public&nbsp;<a href="../controlP5/Range.html" title="class in controlP5">Range</a>&nbsp;addRange(java.lang.String&nbsp;theName)</pre>
+<div class="block">A range controller, a slider that allows control on
+ both ends of the slider.</div>
+</li>
+</ul>
+<a name="addScrollableList(java.lang.Object, java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>addScrollableList</h4>
+<pre>public&nbsp;<a href="../controlP5/ScrollableList.html" title="class in controlP5">ScrollableList</a>&nbsp;addScrollableList(java.lang.Object&nbsp;theObject,
+                               java.lang.String&nbsp;theName)</pre>
+</li>
+</ul>
+<a name="addScrollableList(java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>addScrollableList</h4>
+<pre>public&nbsp;<a href="../controlP5/ScrollableList.html" title="class in controlP5">ScrollableList</a>&nbsp;addScrollableList(java.lang.String&nbsp;theName)</pre>
+<div class="block">the ScrollableList replaces the DropwdownList and
+ ListBox, the type for a ScrollableList can be set
+ with setType(ControlP5.DROPDOWN | ControlP5.LIST).</div>
+</li>
+</ul>
+<a name="addSlider(java.lang.Object, java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>addSlider</h4>
+<pre>public&nbsp;<a href="../controlP5/Slider.html" title="class in controlP5">Slider</a>&nbsp;addSlider(java.lang.Object&nbsp;theObject,
+               java.lang.String&nbsp;theName)</pre>
+</li>
+</ul>
+<a name="addSlider(java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>addSlider</h4>
+<pre>public&nbsp;<a href="../controlP5/Slider.html" title="class in controlP5">Slider</a>&nbsp;addSlider(java.lang.String&nbsp;theName)</pre>
+<div class="block">Adds a default slider with a default width of 100 and
+ height of 10. the default value range is from 0-100.
+ 
+ By default it will be added to the default tab of the
+ main window. Sliders can be arranged vertically and
+ horizontally depending on their width and height. The
+ look of a sliders control can either be a bar or a
+ handle. you can add tickmarks to a slider or use the
+ default free-control setting. A slider can be
+ controller by mouse click, drag or mouse-wheel.</div>
+</li>
+</ul>
+<a name="addSlider2D(java.lang.Object, java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>addSlider2D</h4>
+<pre>public&nbsp;<a href="../controlP5/Slider2D.html" title="class in controlP5">Slider2D</a>&nbsp;addSlider2D(java.lang.Object&nbsp;theObject,
+                   java.lang.String&nbsp;theName)</pre>
+</li>
+</ul>
+<a name="addSlider2D(java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>addSlider2D</h4>
+<pre>public&nbsp;<a href="../controlP5/Slider2D.html" title="class in controlP5">Slider2D</a>&nbsp;addSlider2D(java.lang.String&nbsp;theName)</pre>
+<div class="block">Adds a 2D slider to controlP5. A 2D slider is a 2D
+ area with 1 cursor returning its xy coordinates.</div>
+</li>
+</ul>
+<a name="addTab(java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>addTab</h4>
+<pre>public&nbsp;<a href="../controlP5/Tab.html" title="class in controlP5">Tab</a>&nbsp;addTab(java.lang.String&nbsp;theName)</pre>
+</li>
+</ul>
+<a name="addTextarea(java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>addTextarea</h4>
+<pre>public&nbsp;<a href="../controlP5/Textarea.html" title="class in controlP5">Textarea</a>&nbsp;addTextarea(java.lang.String&nbsp;theName)</pre>
+<div class="block">A Textarea is a label without any controller
+ functionality and can be used to leave notes,
+ headlines, etc when extending the dedicated area of
+ the Textrea, a scrollbar is added on the right.</div>
+</li>
+</ul>
+<a name="addTextfield(java.lang.Object, java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>addTextfield</h4>
+<pre>public&nbsp;<a href="../controlP5/Textfield.html" title="class in controlP5">Textfield</a>&nbsp;addTextfield(java.lang.Object&nbsp;theObject,
+                     java.lang.String&nbsp;theIndex)</pre>
+</li>
+</ul>
+<a name="addTextfield(java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>addTextfield</h4>
+<pre>public&nbsp;<a href="../controlP5/Textfield.html" title="class in controlP5">Textfield</a>&nbsp;addTextfield(java.lang.String&nbsp;theIndex)</pre>
+<div class="block">A Textfield allows single line text input. If text
+ goes beyond the edges of a Textfield box, the text
+ will automatically scroll. Use Arrow keys to navigate
+ back and forth.</div>
+</li>
+</ul>
+<a name="addTextlabel(java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>addTextlabel</h4>
+<pre>public&nbsp;<a href="../controlP5/Textlabel.html" title="class in controlP5">Textlabel</a>&nbsp;addTextlabel(java.lang.String&nbsp;theName)</pre>
+</li>
+</ul>
+<a name="addToggle(java.lang.Object, java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>addToggle</h4>
+<pre>public&nbsp;<a href="../controlP5/Toggle.html" title="class in controlP5">Toggle</a>&nbsp;addToggle(java.lang.Object&nbsp;theObject,
+               java.lang.String&nbsp;theName)</pre>
+<div class="block">Toggles a boolean field or passes a value when
+ triggered.</div>
+</li>
+</ul>
+<a name="addToggle(java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>addToggle</h4>
+<pre>public&nbsp;<a href="../controlP5/Toggle.html" title="class in controlP5">Toggle</a>&nbsp;addToggle(java.lang.String&nbsp;theName)</pre>
+</li>
+</ul>
+<a name="getDefaultTab()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getDefaultTab</h4>
+<pre>public&nbsp;<a href="../controlP5/Tab.html" title="class in controlP5">Tab</a>&nbsp;getDefaultTab()</pre>
+</li>
+</ul>
+<a name="getKey()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getKey</h4>
+<pre>public&nbsp;char&nbsp;getKey()</pre>
+</li>
+</ul>
+<a name="getKeyCode()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getKeyCode</h4>
+<pre>public&nbsp;int&nbsp;getKeyCode()</pre>
+</li>
+</ul>
+<a name="getLayout()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getLayout</h4>
+<pre>public&nbsp;controlP5.ControllerLayout&nbsp;getLayout()</pre>
+</li>
+</ul>
+<a name="getObjectForController(controlP5.ControllerInterface)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getObjectForController</h4>
+<pre>public&nbsp;java.lang.Object&nbsp;getObjectForController(<a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&nbsp;theController)</pre>
+</li>
+</ul>
+<a name="getProperties()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getProperties</h4>
+<pre>public&nbsp;<a href="../controlP5/ControllerProperties.html" title="class in controlP5">ControllerProperties</a>&nbsp;getProperties()</pre>
+</li>
+</ul>
+<a name="getPublicMethodsFor(java.lang.Class)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getPublicMethodsFor</h4>
+<pre>public static&nbsp;java.util.Set&lt;java.lang.String&gt;&nbsp;getPublicMethodsFor(java.lang.Class&lt;?&gt;&nbsp;theClass)</pre>
+</li>
+</ul>
+<a name="getPublicMethodsFor(java.lang.Class, boolean)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getPublicMethodsFor</h4>
+<pre>public static&nbsp;java.util.Set&lt;java.lang.String&gt;&nbsp;getPublicMethodsFor(java.lang.Class&lt;?&gt;&nbsp;theClass,
+                                                  boolean&nbsp;theFlag)</pre>
+</li>
+</ul>
+<a name="getPublicMethodsFor(java.lang.Class, boolean, java.lang.String...)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getPublicMethodsFor</h4>
+<pre>public static&nbsp;java.util.Set&lt;java.lang.String&gt;&nbsp;getPublicMethodsFor(java.lang.Class&lt;?&gt;&nbsp;theClass,
+                                                  boolean&nbsp;isSuperclass,
+                                                  java.lang.String...&nbsp;thePattern)</pre>
+</li>
+</ul>
+<a name="getPublicMethodsFor(java.lang.Class, java.lang.String...)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getPublicMethodsFor</h4>
+<pre>public static&nbsp;java.util.Set&lt;java.lang.String&gt;&nbsp;getPublicMethodsFor(java.lang.Class&lt;?&gt;&nbsp;theClass,
+                                                  java.lang.String...&nbsp;thePattern)</pre>
+</li>
+</ul>
+<a name="hide(java.lang.Object)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>hide</h4>
+<pre>public&nbsp;<a href="../controlP5/ControlP5Base.html" title="class in controlP5">ControlP5Base</a>&nbsp;hide(java.lang.Object&nbsp;theObject)</pre>
+</li>
+</ul>
+<a name="isAltDown()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>isAltDown</h4>
+<pre>public&nbsp;boolean&nbsp;isAltDown()</pre>
+</li>
+</ul>
+<a name="isControlDown()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>isControlDown</h4>
+<pre>public&nbsp;boolean&nbsp;isControlDown()</pre>
+</li>
+</ul>
+<a name="isMetaDown()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>isMetaDown</h4>
+<pre>public&nbsp;boolean&nbsp;isMetaDown()</pre>
+</li>
+</ul>
+<a name="isShiftDown()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>isShiftDown</h4>
+<pre>public&nbsp;boolean&nbsp;isShiftDown()</pre>
+</li>
+</ul>
+<a name="listenTo(java.lang.String, java.lang.Object)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>listenTo</h4>
+<pre>public&nbsp;<a href="../controlP5/ControlP5Base.html" title="class in controlP5">ControlP5Base</a>&nbsp;listenTo(java.lang.String&nbsp;theFieldName,
+                     java.lang.Object&nbsp;theObject)</pre>
+</li>
+</ul>
+<a name="mapKeyFor(controlP5.ControlKey, java.lang.Object...)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>mapKeyFor</h4>
+<pre>public&nbsp;<a href="../controlP5/ControlP5.html" title="class in controlP5">ControlP5</a>&nbsp;mapKeyFor(<a href="../controlP5/ControlKey.html" title="interface in controlP5">ControlKey</a>&nbsp;theKey,
+                  java.lang.Object...&nbsp;os)</pre>
+</li>
+</ul>
+<a name="moveTo(controlP5.ControllerGroup, java.lang.Object)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>moveTo</h4>
+<pre>public&nbsp;<a href="../controlP5/ControlP5Base.html" title="class in controlP5">ControlP5Base</a>&nbsp;moveTo(<a href="../controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a>&lt;?&gt;&nbsp;theController,
+                   java.lang.Object&nbsp;theObject)</pre>
+</li>
+</ul>
+<a name="printPublicMethodsFor(java.lang.Class)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>printPublicMethodsFor</h4>
+<pre>public static&nbsp;void&nbsp;printPublicMethodsFor(java.lang.Class&lt;?&gt;&nbsp;theClass)</pre>
+</li>
+</ul>
+<a name="printPublicMethodsFor(java.lang.Class, java.lang.String...)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>printPublicMethodsFor</h4>
+<pre>public static&nbsp;void&nbsp;printPublicMethodsFor(java.lang.Class&lt;?&gt;&nbsp;theClass,
+                         java.lang.String...&nbsp;thePattern)</pre>
+<div class="block">prints a list of public methods of requested class
+ into the console. You can specify patterns that will
+ print methods found with only these particular
+ patterns in their name.
+ <p>
+ printed Format: returnType methodName(parameter type)</div>
+</li>
+</ul>
+<a name="remove(java.lang.Object)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>remove</h4>
+<pre>public&nbsp;<a href="../controlP5/ControlP5Base.html" title="class in controlP5">ControlP5Base</a>&nbsp;remove(java.lang.Object&nbsp;theObject)</pre>
+<div class="block">for internal use only. use Controller.remove()
+ instead.</div>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theObject</code> - </dd>
+<dt><span class="strong">Returns:</span></dt><dd></dd></dl>
+</li>
+</ul>
+<a name="removeKeyFor(controlP5.ControlKey, char...)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>removeKeyFor</h4>
+<pre>public&nbsp;<a href="../controlP5/ControlP5.html" title="class in controlP5">ControlP5</a>&nbsp;removeKeyFor(<a href="../controlP5/ControlKey.html" title="interface in controlP5">ControlKey</a>&nbsp;theKey,
+                     char...&nbsp;theChar)</pre>
+</li>
+</ul>
+<a name="removeKeyFor(controlP5.ControlKey, int...)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>removeKeyFor</h4>
+<pre>public&nbsp;<a href="../controlP5/ControlP5.html" title="class in controlP5">ControlP5</a>&nbsp;removeKeyFor(<a href="../controlP5/ControlKey.html" title="interface in controlP5">ControlKey</a>&nbsp;theKey,
+                     int...&nbsp;theChar)</pre>
+</li>
+</ul>
+<a name="removeKeysFor(char...)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>removeKeysFor</h4>
+<pre>public&nbsp;<a href="../controlP5/ControlP5.html" title="class in controlP5">ControlP5</a>&nbsp;removeKeysFor(char...&nbsp;theChar)</pre>
+</li>
+</ul>
+<a name="removeKeysFor(int...)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>removeKeysFor</h4>
+<pre>public&nbsp;<a href="../controlP5/ControlP5.html" title="class in controlP5">ControlP5</a>&nbsp;removeKeysFor(int...&nbsp;theChar)</pre>
+</li>
+</ul>
+<a name="removeProperty(controlP5.ControllerInterface)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>removeProperty</h4>
+<pre>public&nbsp;void&nbsp;removeProperty(<a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;?&gt;&nbsp;theController)</pre>
+</li>
+</ul>
+<a name="setAutoAddDirection(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setAutoAddDirection</h4>
+<pre>public&nbsp;void&nbsp;setAutoAddDirection(int&nbsp;theDirection)</pre>
+</li>
+</ul>
+<a name="setAutoSpacing()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setAutoSpacing</h4>
+<pre>public&nbsp;void&nbsp;setAutoSpacing()</pre>
+</li>
+</ul>
+<a name="setAutoSpacing(float)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setAutoSpacing</h4>
+<pre>public&nbsp;void&nbsp;setAutoSpacing(float&nbsp;theX)</pre>
+</li>
+</ul>
+<a name="setAutoSpacing(float, float)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setAutoSpacing</h4>
+<pre>public&nbsp;void&nbsp;setAutoSpacing(float&nbsp;theX,
+                  float&nbsp;theY)</pre>
+</li>
+</ul>
+<a name="setAutoSpacing(float, float, float)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setAutoSpacing</h4>
+<pre>public&nbsp;void&nbsp;setAutoSpacing(float&nbsp;theX,
+                  float&nbsp;theY,
+                  float&nbsp;theZ)</pre>
+</li>
+</ul>
+<a name="setColor(controlP5.CColor, java.lang.Object)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setColor</h4>
+<pre>public&nbsp;<a href="../controlP5/ControlP5Base.html" title="class in controlP5">ControlP5Base</a>&nbsp;setColor(<a href="../controlP5/CColor.html" title="class in controlP5">CColor</a>&nbsp;theColor,
+                     java.lang.Object&nbsp;theObject)</pre>
+</li>
+</ul>
+<a name="setPosition(int, int, java.lang.Object)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setPosition</h4>
+<pre>public&nbsp;<a href="../controlP5/ControlP5Base.html" title="class in controlP5">ControlP5Base</a>&nbsp;setPosition(int&nbsp;theX,
+                        int&nbsp;theY,
+                        java.lang.Object&nbsp;o)</pre>
+</li>
+</ul>
+<a name="show(java.lang.Object)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>show</h4>
+<pre>public&nbsp;<a href="../controlP5/ControlP5Base.html" title="class in controlP5">ControlP5Base</a>&nbsp;show(java.lang.Object&nbsp;theObject)</pre>
+</li>
+</ul>
+<a name="stopListeningTo(java.lang.String, java.lang.Object)">
+<!--   -->
+</a>
+<ul class="blockListLast">
+<li class="blockList">
+<h4>stopListeningTo</h4>
+<pre>public&nbsp;<a href="../controlP5/ControlP5Base.html" title="class in controlP5">ControlP5Base</a>&nbsp;stopListeningTo(java.lang.String&nbsp;theFieldName,
+                            java.lang.Object&nbsp;theObject)</pre>
+</li>
+</ul>
+</li>
+</ul>
+</li>
+</ul>
+</div>
+</div>
+<!-- ========= END OF CLASS DATA ========= -->
+<!-- ======= START OF BOTTOM NAVBAR ====== -->
+<div class="bottomNav"><a name="navbar_bottom">
+<!--   -->
+</a><a href="#skip-navbar_bottom" title="Skip navigation links"></a><a name="navbar_bottom_firstrow">
+<!--   -->
+</a>
+<ul class="navList" title="Navigation">
+<li><a href="../controlP5/package-summary.html">Package</a></li>
+<li class="navBarCell1Rev">Class</li>
+<li><a href="package-tree.html">Tree</a></li>
+<li><a href="../index-all.html">Index</a></li>
+<li><a href="../help-doc.html">Help</a></li>
+</ul>
+</div>
+<div class="subNav">
+<ul class="navList">
+<li><a href="../controlP5/ControlP5.html" title="class in controlP5"><span class="strong">Prev Class</span></a></li>
+<li><a href="../controlP5/ControlP5Constants.html" title="interface in controlP5"><span class="strong">Next Class</span></a></li>
+</ul>
+<ul class="navList">
+<li><a href="../index.html?controlP5/ControlP5Base.html" target="_top">Frames</a></li>
+<li><a href="ControlP5Base.html" target="_top">No Frames</a></li>
+</ul>
+<ul class="navList" id="allclasses_navbar_bottom">
+<li><a href="../allclasses-noframe.html">All Classes</a></li>
+</ul>
+<div>
+<script type="text/javascript"><!--
+  allClassesLink = document.getElementById("allclasses_navbar_bottom");
+  if(window==top) {
+    allClassesLink.style.display = "block";
+  }
+  else {
+    allClassesLink.style.display = "none";
+  }
+  //-->
+</script>
+</div>
+<div>
+<ul class="subNavList">
+<li>Summary:&nbsp;</li>
+<li>Nested&nbsp;|&nbsp;</li>
+<li>Field&nbsp;|&nbsp;</li>
+<li><a href="#constructor_summary">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_summary">Method</a></li>
+</ul>
+<ul class="subNavList">
+<li>Detail:&nbsp;</li>
+<li>Field&nbsp;|&nbsp;</li>
+<li><a href="#constructor_detail">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_detail">Method</a></li>
+</ul>
+</div>
+<a name="skip-navbar_bottom">
+<!--   -->
+</a></div>
+<!-- ======== END OF BOTTOM NAVBAR ======= -->
+<p class="legalCopy"><small>processing library controlP5 by Andreas Schlegel. (c) 2006-2014</small></p>
+</body>
+</html>
diff --git a/reference/controlP5/ControlP5Constants.html b/reference/controlP5/ControlP5Constants.html
new file mode 100644
index 0000000..7a3f47e
--- /dev/null
+++ b/reference/controlP5/ControlP5Constants.html
@@ -0,0 +1,1975 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
+<!-- NewPage -->
+<html lang="en">
+<head>
+<!-- Generated by javadoc (version 1.7.0_51) on Sun Apr 27 21:39:47 SGT 2014 -->
+<title>ControlP5Constants (Javadocs: controlP5)</title>
+<meta name="date" content="2014-04-27">
+<link rel="stylesheet" type="text/css" href="../stylesheet.css" title="Style">
+</head>
+<body>
+<script type="text/javascript"><!--
+    if (location.href.indexOf('is-external=true') == -1) {
+        parent.document.title="ControlP5Constants (Javadocs: controlP5)";
+    }
+//-->
+</script>
+<noscript>
+<div>JavaScript is disabled on your browser.</div>
+</noscript>
+<!-- ========= START OF TOP NAVBAR ======= -->
+<div class="topNav"><a name="navbar_top">
+<!--   -->
+</a><a href="#skip-navbar_top" title="Skip navigation links"></a><a name="navbar_top_firstrow">
+<!--   -->
+</a>
+<ul class="navList" title="Navigation">
+<li><a href="../controlP5/package-summary.html">Package</a></li>
+<li class="navBarCell1Rev">Class</li>
+<li><a href="package-tree.html">Tree</a></li>
+<li><a href="../index-all.html">Index</a></li>
+<li><a href="../help-doc.html">Help</a></li>
+</ul>
+</div>
+<div class="subNav">
+<ul class="navList">
+<li><a href="../controlP5/ControlP5Base.html" title="class in controlP5"><span class="strong">Prev Class</span></a></li>
+<li><a href="../controlP5/ControlP5Legacy.html" title="class in controlP5"><span class="strong">Next Class</span></a></li>
+</ul>
+<ul class="navList">
+<li><a href="../index.html?controlP5/ControlP5Constants.html" target="_top">Frames</a></li>
+<li><a href="ControlP5Constants.html" target="_top">No Frames</a></li>
+</ul>
+<ul class="navList" id="allclasses_navbar_top">
+<li><a href="../allclasses-noframe.html">All Classes</a></li>
+</ul>
+<div>
+<script type="text/javascript"><!--
+  allClassesLink = document.getElementById("allclasses_navbar_top");
+  if(window==top) {
+    allClassesLink.style.display = "block";
+  }
+  else {
+    allClassesLink.style.display = "none";
+  }
+  //-->
+</script>
+</div>
+<div>
+<ul class="subNavList">
+<li>Summary:&nbsp;</li>
+<li>Nested&nbsp;|&nbsp;</li>
+<li><a href="#field_summary">Field</a>&nbsp;|&nbsp;</li>
+<li>Constr&nbsp;|&nbsp;</li>
+<li>Method</li>
+</ul>
+<ul class="subNavList">
+<li>Detail:&nbsp;</li>
+<li><a href="#field_detail">Field</a>&nbsp;|&nbsp;</li>
+<li>Constr&nbsp;|&nbsp;</li>
+<li>Method</li>
+</ul>
+</div>
+<a name="skip-navbar_top">
+<!--   -->
+</a></div>
+<!-- ========= END OF TOP NAVBAR ========= -->
+<!-- ======== START OF CLASS DATA ======== -->
+<div class="header">
+<div class="subTitle">controlP5</div>
+<h2 title="Interface ControlP5Constants" class="title">Interface ControlP5Constants</h2>
+</div>
+<div class="contentContainer">
+<div class="description">
+<ul class="blockList">
+<li class="blockList">
+<dl>
+<dt>All Known Implementing Classes:</dt>
+<dd><a href="../controlP5/Accordion.html" title="class in controlP5">Accordion</a>, <a href="../controlP5/Bang.html" title="class in controlP5">Bang</a>, <a href="../controlP5/BoundingBox.html" title="class in controlP5">BoundingBox</a>, <a href="../controlP5/Button.html" title="class in controlP5">Button</a>, <a href="../controlP5/Chart.html" title="class in controlP5">Chart</a>, <a href="../controlP5/CheckBox.html" title="class in controlP5">CheckBox</a>, <a href="../controlP5/ColorPicker.html" title="class in controlP5">ColorPicker</a>, <a href="../controlP5/ColorWheel.html" title="class in controlP5">ColorWheel</a>, <a href="../controlP5/ControlGroup.html" title="class in controlP5">ControlGroup</a>, <a href="../controlP5/Controller.html" title="class in controlP5">Controller</a>, <a href="../controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a>, <a href="../controlP5/ControlP5.html" title="class in controlP5">ControlP5</a>, <a href="../controlP5/ControlP5Base.html" title="class in controlP5">ControlP5Base</a>, <a href="../controlP5/DropdownList.html" title="class in controlP5">DropdownList</a>, <a href="../controlP5/FrameRate.html" title="class in controlP5">FrameRate</a>, <a href="../controlP5/Group.html" title="class in controlP5">Group</a>, <a href="../controlP5/Knob.html" title="class in controlP5">Knob</a>, <a href="../controlP5/ListBox.html" title="class in controlP5">ListBox</a>, <a href="../controlP5/Matrix.html" title="class in controlP5">Matrix</a>, <a href="../controlP5/MultiList.html" title="class in controlP5">MultiList</a>, <a href="../controlP5/MultiListButton.html" title="class in controlP5">MultiListButton</a>, <a href="../controlP5/Numberbox.html" title="class in controlP5">Numberbox</a>, <a href="../controlP5/Radio.html" title="class in controlP5">Radio</a>, <a href="../controlP5/RadioButton.html" title="class in controlP5">RadioButton</a>, <a href="../controlP5/Range.html" title="class in controlP5">Range</a>, <a href="../controlP5/ScrollableList.html" title="class in controlP5">ScrollableList</a>, <a href="../controlP5/Slider.html" title="class in controlP5">Slider</a>, <a href="../controlP5/Slider2D.html" title="class in controlP5">Slider2D</a>, <a href="../controlP5/Tab.html" title="class in controlP5">Tab</a>, <a href="../controlP5/Textarea.html" title="class in controlP5">Textarea</a>, <a href="../controlP5/Textfield.html" title="class in controlP5">Textfield</a>, <a href="../controlP5/Textlabel.html" title="class in controlP5">Textlabel</a>, <a href="../controlP5/Toggle.html" title="class in controlP5">Toggle</a></dd>
+</dl>
+<hr>
+<br>
+<pre>public interface <span class="strong">ControlP5Constants</span></pre>
+<div class="block">Constant variables used with ControlP5 are stored here.</div>
+</li>
+</ul>
+</div>
+<div class="summary">
+<ul class="blockList">
+<li class="blockList">
+<!-- =========== FIELD SUMMARY =========== -->
+<ul class="blockList">
+<li class="blockList"><a name="field_summary">
+<!--   -->
+</a>
+<h3>Field Summary</h3>
+<table class="overviewSummary" border="0" cellpadding="3" cellspacing="0" summary="Field Summary table, listing fields, and an explanation">
+<caption><span>Fields</span><span class="tabEnd">&nbsp;</span></caption>
+<tr>
+<th class="colFirst" scope="col">Modifier and Type</th>
+<th class="colLast" scope="col">Field and Description</th>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>static java.lang.Class&lt;?&gt;[]</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Constants.html#acceptClassList">acceptClassList</a></strong></code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>static int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Constants.html#ACTION_BROADCAST">ACTION_BROADCAST</a></strong></code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>static int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Constants.html#ACTION_CLICK">ACTION_CLICK</a></strong></code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>static int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Constants.html#ACTION_DRAG">ACTION_DRAG</a></strong></code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>static int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Constants.html#ACTION_ENTER">ACTION_ENTER</a></strong></code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>static int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Constants.html#ACTION_EXIT">ACTION_EXIT</a></strong></code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>static int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Constants.html#ACTION_LEAVE">ACTION_LEAVE</a></strong></code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>static int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Constants.html#ACTION_MOVE">ACTION_MOVE</a></strong></code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>static int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Constants.html#ACTION_PRESS">ACTION_PRESS</a></strong></code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>static int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Constants.html#ACTION_PRESSED">ACTION_PRESSED</a></strong></code>
+<div class="block"><strong>Deprecated.</strong>&nbsp;</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>static int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Constants.html#ACTION_RELEASE">ACTION_RELEASE</a></strong></code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>static int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Constants.html#ACTION_RELEASED">ACTION_RELEASED</a></strong></code>
+<div class="block"><strong>Deprecated.</strong>&nbsp;</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>static int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Constants.html#ACTION_RELEASEDOUTSIDE">ACTION_RELEASEDOUTSIDE</a></strong></code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>static int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Constants.html#ACTION_WHEEL">ACTION_WHEEL</a></strong></code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>static int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Constants.html#ACTIVE">ACTIVE</a></strong></code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>static int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Constants.html#ALL">ALL</a></strong></code>
+<div class="block"><strong>Deprecated.</strong>&nbsp;</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>static int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Constants.html#ALT">ALT</a></strong></code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>static int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Constants.html#AQUA">AQUA</a></strong></code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>static int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Constants.html#ARC">ARC</a></strong></code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>static int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Constants.html#ARRAY">ARRAY</a></strong></code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>static int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Constants.html#BACKSPACE">BACKSPACE</a></strong></code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>static int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Constants.html#BASELINE">BASELINE</a></strong></code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>static int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Constants.html#BITFONT">BITFONT</a></strong></code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>static int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Constants.html#BLACK">BLACK</a></strong></code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>static int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Constants.html#BLUE">BLUE</a></strong></code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>static int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Constants.html#BOOLEAN">BOOLEAN</a></strong></code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>static int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Constants.html#BOTTOM">BOTTOM</a></strong></code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>static int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Constants.html#BOTTOM_OUTSIDE">BOTTOM_OUTSIDE</a></strong></code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>static int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Constants.html#CAPTIONLABEL">CAPTIONLABEL</a></strong></code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>static int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Constants.html#CENTER">CENTER</a></strong></code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>static int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Constants.html#CHECKBOX">CHECKBOX</a></strong></code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>static int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Constants.html#COMMANDKEY">COMMANDKEY</a></strong></code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>static int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Constants.html#CONTROL">CONTROL</a></strong></code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>static java.lang.Class&lt;?&gt;</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Constants.html#controlEventClass">controlEventClass</a></strong></code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>static int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Constants.html#CUSTOM">CUSTOM</a></strong></code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>static char</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Constants.html#DECREASE">DECREASE</a></strong></code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>static int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Constants.html#DEFAULT">DEFAULT</a></strong></code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>static int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Constants.html#DELETE">DELETE</a></strong></code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>static int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Constants.html#DONE">DONE</a></strong></code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>static int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Constants.html#DOWN">DOWN</a></strong></code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>static int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Constants.html#DROPDOWN">DROPDOWN</a></strong></code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>static int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Constants.html#ELLIPSE">ELLIPSE</a></strong></code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>static int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Constants.html#ENTER">ENTER</a></strong></code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>static int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Constants.html#ESCAPE">ESCAPE</a></strong></code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>static int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Constants.html#EVENT">EVENT</a></strong></code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>static java.lang.String</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Constants.html#eventMethod">eventMethod</a></strong></code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>static int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Constants.html#FADEIN">FADEIN</a></strong></code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>static int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Constants.html#FADEOUT">FADEOUT</a></strong></code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>static int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Constants.html#FIELD">FIELD</a></strong></code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>static int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Constants.html#FLOAT">FLOAT</a></strong></code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>static int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Constants.html#FUCHSIA">FUCHSIA</a></strong></code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>static int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Constants.html#GRAY">GRAY</a></strong></code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>static int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Constants.html#GREEN">GREEN</a></strong></code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>static int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Constants.html#grixel">grixel</a></strong></code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>static float</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Constants.html#HALF_PI">HALF_PI</a></strong></code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>static char</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Constants.html#HIDE">HIDE</a></strong></code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>static int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Constants.html#HIGHLIGHT">HIGHLIGHT</a></strong></code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>static int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Constants.html#HORIZONTAL">HORIZONTAL</a></strong></code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>static int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Constants.html#IDLE">IDLE</a></strong></code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>static int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Constants.html#IMAGE">IMAGE</a></strong></code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>static int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Constants.html#INACTIVE">INACTIVE</a></strong></code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>static char</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Constants.html#INCREASE">INCREASE</a></strong></code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>static int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Constants.html#INTEGER">INTEGER</a></strong></code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>static int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Constants.html#INVALID">INVALID</a></strong></code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>static int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Constants.html#J2D">J2D</a></strong></code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>static char</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Constants.html#KEYCONTROL">KEYCONTROL</a></strong></code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>static int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Constants.html#LEFT">LEFT</a></strong></code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>static int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Constants.html#LEFT_OUTSIDE">LEFT_OUTSIDE</a></strong></code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>static int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Constants.html#LIME">LIME</a></strong></code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>static int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Constants.html#LINE">LINE</a></strong></code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>static int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Constants.html#LIST">LIST</a></strong></code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>static char</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Constants.html#LOAD">LOAD</a></strong></code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>static int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Constants.html#MAROON">MAROON</a></strong></code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>static char</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Constants.html#MENU">MENU</a></strong></code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>static int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Constants.html#METHOD">METHOD</a></strong></code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>static int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Constants.html#MOVE">MOVE</a></strong></code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>static int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Constants.html#MULTI">MULTI</a></strong></code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>static int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Constants.html#MULTIPLES">MULTIPLES</a></strong></code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>static int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Constants.html#NAVY">NAVY</a></strong></code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>static int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Constants.html#OLIVE">OLIVE</a></strong></code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>static int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Constants.html#ORANGE">ORANGE</a></strong></code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>static int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Constants.html#OVER">OVER</a></strong></code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>static int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Constants.html#P2D">P2D</a></strong></code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>static int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Constants.html#P3D">P3D</a></strong></code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>static float</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Constants.html#PI">PI</a></strong></code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>static int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Constants.html#PRESSED">PRESSED</a></strong></code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>static char</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Constants.html#PRINT">PRINT</a></strong></code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>static int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Constants.html#PURPLE">PURPLE</a></strong></code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>static int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Constants.html#RED">RED</a></strong></code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>static int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Constants.html#RELEASE">RELEASE</a></strong></code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>static char</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Constants.html#RESET">RESET</a></strong></code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>static int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Constants.html#RIGHT">RIGHT</a></strong></code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>static int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Constants.html#RIGHT_OUTSIDE">RIGHT_OUTSIDE</a></strong></code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>static char</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Constants.html#SAVE">SAVE</a></strong></code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>static int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Constants.html#SHIFT">SHIFT</a></strong></code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>static int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Constants.html#SILVER">SILVER</a></strong></code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>static int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Constants.html#SINGLE">SINGLE</a></strong></code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>static int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Constants.html#SINGLE_COLUMN">SINGLE_COLUMN</a></strong></code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>static int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Constants.html#SINGLE_ROW">SINGLE_ROW</a></strong></code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>static int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Constants.html#SPRITE">SPRITE</a></strong></code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>static int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Constants.html#standard56">standard56</a></strong></code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>static int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Constants.html#standard58">standard58</a></strong></code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>static int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Constants.html#STRING">STRING</a></strong></code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>static int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Constants.html#SWITCH">SWITCH</a></strong></code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>static char</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Constants.html#SWITCH_BACK">SWITCH_BACK</a></strong></code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>static char</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Constants.html#SWITCH_FORE">SWITCH_FORE</a></strong></code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>static int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Constants.html#synt24">synt24</a></strong></code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>static int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Constants.html#TAB">TAB</a></strong></code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>static int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Constants.html#TEAL">TEAL</a></strong></code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>static <a href="../controlP5/CColor.html" title="class in controlP5">CColor</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Constants.html#THEME_A">THEME_A</a></strong></code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>static <a href="../controlP5/CColor.html" title="class in controlP5">CColor</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Constants.html#THEME_CP52014">THEME_CP52014</a></strong></code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>static <a href="../controlP5/CColor.html" title="class in controlP5">CColor</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Constants.html#THEME_CP5BLUE">THEME_CP5BLUE</a></strong></code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>static <a href="../controlP5/CColor.html" title="class in controlP5">CColor</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Constants.html#THEME_RED">THEME_RED</a></strong></code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>static <a href="../controlP5/CColor.html" title="class in controlP5">CColor</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Constants.html#THEME_RETRO">THEME_RETRO</a></strong></code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>static <a href="../controlP5/CColor.html" title="class in controlP5">CColor</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Constants.html#THEME_WHITE">THEME_WHITE</a></strong></code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>static int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Constants.html#TOP">TOP</a></strong></code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>static int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Constants.html#TOP_OUTSIDE">TOP_OUTSIDE</a></strong></code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>static int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Constants.html#TRANSITION_WAIT_FADEIN">TRANSITION_WAIT_FADEIN</a></strong></code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>static int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Constants.html#TREE">TREE</a></strong></code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>static float</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Constants.html#TWO_PI">TWO_PI</a></strong></code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>static int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Constants.html#UP">UP</a></strong></code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>static int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Constants.html#VALUELABEL">VALUELABEL</a></strong></code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>static boolean</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Constants.html#VERBOSE">VERBOSE</a></strong></code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>static int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Constants.html#VERTICAL">VERTICAL</a></strong></code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>static int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Constants.html#WAIT">WAIT</a></strong></code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>static int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Constants.html#WHITE">WHITE</a></strong></code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>static int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Constants.html#YELLOW">YELLOW</a></strong></code>&nbsp;</td>
+</tr>
+</table>
+</li>
+</ul>
+</li>
+</ul>
+</div>
+<div class="details">
+<ul class="blockList">
+<li class="blockList">
+<!-- ============ FIELD DETAIL =========== -->
+<ul class="blockList">
+<li class="blockList"><a name="field_detail">
+<!--   -->
+</a>
+<h3>Field Detail</h3>
+<a name="acceptClassList">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>acceptClassList</h4>
+<pre>static final&nbsp;java.lang.Class&lt;?&gt;[] acceptClassList</pre>
+</li>
+</ul>
+<a name="ACTION_BROADCAST">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>ACTION_BROADCAST</h4>
+<pre>static final&nbsp;int ACTION_BROADCAST</pre>
+<dl><dt><span class="strong">See Also:</span></dt><dd><a href="../constant-values.html#controlP5.ControlP5Constants.ACTION_BROADCAST">Constant Field Values</a></dd></dl>
+</li>
+</ul>
+<a name="ACTION_CLICK">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>ACTION_CLICK</h4>
+<pre>static final&nbsp;int ACTION_CLICK</pre>
+<dl><dt><span class="strong">See Also:</span></dt><dd><a href="../constant-values.html#controlP5.ControlP5Constants.ACTION_CLICK">Constant Field Values</a></dd></dl>
+</li>
+</ul>
+<a name="ACTION_DRAG">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>ACTION_DRAG</h4>
+<pre>static final&nbsp;int ACTION_DRAG</pre>
+<dl><dt><span class="strong">See Also:</span></dt><dd><a href="../constant-values.html#controlP5.ControlP5Constants.ACTION_DRAG">Constant Field Values</a></dd></dl>
+</li>
+</ul>
+<a name="ACTION_ENTER">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>ACTION_ENTER</h4>
+<pre>static final&nbsp;int ACTION_ENTER</pre>
+<dl><dt><span class="strong">See Also:</span></dt><dd><a href="../constant-values.html#controlP5.ControlP5Constants.ACTION_ENTER">Constant Field Values</a></dd></dl>
+</li>
+</ul>
+<a name="ACTION_EXIT">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>ACTION_EXIT</h4>
+<pre>static final&nbsp;int ACTION_EXIT</pre>
+<dl><dt><span class="strong">See Also:</span></dt><dd><a href="../constant-values.html#controlP5.ControlP5Constants.ACTION_EXIT">Constant Field Values</a></dd></dl>
+</li>
+</ul>
+<a name="ACTION_LEAVE">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>ACTION_LEAVE</h4>
+<pre>static final&nbsp;int ACTION_LEAVE</pre>
+<dl><dt><span class="strong">See Also:</span></dt><dd><a href="../constant-values.html#controlP5.ControlP5Constants.ACTION_LEAVE">Constant Field Values</a></dd></dl>
+</li>
+</ul>
+<a name="ACTION_MOVE">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>ACTION_MOVE</h4>
+<pre>static final&nbsp;int ACTION_MOVE</pre>
+<dl><dt><span class="strong">See Also:</span></dt><dd><a href="../constant-values.html#controlP5.ControlP5Constants.ACTION_MOVE">Constant Field Values</a></dd></dl>
+</li>
+</ul>
+<a name="ACTION_PRESS">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>ACTION_PRESS</h4>
+<pre>static final&nbsp;int ACTION_PRESS</pre>
+<dl><dt><span class="strong">See Also:</span></dt><dd><a href="../constant-values.html#controlP5.ControlP5Constants.ACTION_PRESS">Constant Field Values</a></dd></dl>
+</li>
+</ul>
+<a name="ACTION_PRESSED">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>ACTION_PRESSED</h4>
+<pre>@Deprecated
+static final&nbsp;int ACTION_PRESSED</pre>
+<div class="block"><span class="strong">Deprecated.</span>&nbsp;</div>
+<dl><dt><span class="strong">See Also:</span></dt><dd><a href="../constant-values.html#controlP5.ControlP5Constants.ACTION_PRESSED">Constant Field Values</a></dd></dl>
+</li>
+</ul>
+<a name="ACTION_RELEASE">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>ACTION_RELEASE</h4>
+<pre>static final&nbsp;int ACTION_RELEASE</pre>
+<dl><dt><span class="strong">See Also:</span></dt><dd><a href="../constant-values.html#controlP5.ControlP5Constants.ACTION_RELEASE">Constant Field Values</a></dd></dl>
+</li>
+</ul>
+<a name="ACTION_RELEASED">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>ACTION_RELEASED</h4>
+<pre>@Deprecated
+static final&nbsp;int ACTION_RELEASED</pre>
+<div class="block"><span class="strong">Deprecated.</span>&nbsp;</div>
+<dl><dt><span class="strong">See Also:</span></dt><dd><a href="../constant-values.html#controlP5.ControlP5Constants.ACTION_RELEASED">Constant Field Values</a></dd></dl>
+</li>
+</ul>
+<a name="ACTION_RELEASEDOUTSIDE">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>ACTION_RELEASEDOUTSIDE</h4>
+<pre>static final&nbsp;int ACTION_RELEASEDOUTSIDE</pre>
+<dl><dt><span class="strong">See Also:</span></dt><dd><a href="../constant-values.html#controlP5.ControlP5Constants.ACTION_RELEASEDOUTSIDE">Constant Field Values</a></dd></dl>
+</li>
+</ul>
+<a name="ACTION_WHEEL">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>ACTION_WHEEL</h4>
+<pre>static final&nbsp;int ACTION_WHEEL</pre>
+<dl><dt><span class="strong">See Also:</span></dt><dd><a href="../constant-values.html#controlP5.ControlP5Constants.ACTION_WHEEL">Constant Field Values</a></dd></dl>
+</li>
+</ul>
+<a name="ACTIVE">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>ACTIVE</h4>
+<pre>static final&nbsp;int ACTIVE</pre>
+<dl><dt><span class="strong">See Also:</span></dt><dd><a href="../constant-values.html#controlP5.ControlP5Constants.ACTIVE">Constant Field Values</a></dd></dl>
+</li>
+</ul>
+<a name="ALL">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>ALL</h4>
+<pre>@Deprecated
+static final&nbsp;int ALL</pre>
+<div class="block"><span class="strong">Deprecated.</span>&nbsp;</div>
+<dl><dt><span class="strong">See Also:</span></dt><dd><a href="../constant-values.html#controlP5.ControlP5Constants.ALL">Constant Field Values</a></dd></dl>
+</li>
+</ul>
+<a name="ALT">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>ALT</h4>
+<pre>static final&nbsp;int ALT</pre>
+<dl><dt><span class="strong">See Also:</span></dt><dd><a href="../constant-values.html#controlP5.ControlP5Constants.ALT">Constant Field Values</a></dd></dl>
+</li>
+</ul>
+<a name="AQUA">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>AQUA</h4>
+<pre>static final&nbsp;int AQUA</pre>
+<dl><dt><span class="strong">See Also:</span></dt><dd><a href="../constant-values.html#controlP5.ControlP5Constants.AQUA">Constant Field Values</a></dd></dl>
+</li>
+</ul>
+<a name="ARC">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>ARC</h4>
+<pre>static final&nbsp;int ARC</pre>
+<dl><dt><span class="strong">See Also:</span></dt><dd><a href="../constant-values.html#controlP5.ControlP5Constants.ARC">Constant Field Values</a></dd></dl>
+</li>
+</ul>
+<a name="ARRAY">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>ARRAY</h4>
+<pre>static final&nbsp;int ARRAY</pre>
+<dl><dt><span class="strong">See Also:</span></dt><dd><a href="../constant-values.html#controlP5.ControlP5Constants.ARRAY">Constant Field Values</a></dd></dl>
+</li>
+</ul>
+<a name="BACKSPACE">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>BACKSPACE</h4>
+<pre>static final&nbsp;int BACKSPACE</pre>
+<dl><dt><span class="strong">See Also:</span></dt><dd><a href="../constant-values.html#controlP5.ControlP5Constants.BACKSPACE">Constant Field Values</a></dd></dl>
+</li>
+</ul>
+<a name="BASELINE">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>BASELINE</h4>
+<pre>static final&nbsp;int BASELINE</pre>
+<dl><dt><span class="strong">See Also:</span></dt><dd><a href="../constant-values.html#controlP5.ControlP5Constants.BASELINE">Constant Field Values</a></dd></dl>
+</li>
+</ul>
+<a name="BITFONT">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>BITFONT</h4>
+<pre>static final&nbsp;int BITFONT</pre>
+<dl><dt><span class="strong">See Also:</span></dt><dd><a href="../constant-values.html#controlP5.ControlP5Constants.BITFONT">Constant Field Values</a></dd></dl>
+</li>
+</ul>
+<a name="BLACK">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>BLACK</h4>
+<pre>static final&nbsp;int BLACK</pre>
+<dl><dt><span class="strong">See Also:</span></dt><dd><a href="../constant-values.html#controlP5.ControlP5Constants.BLACK">Constant Field Values</a></dd></dl>
+</li>
+</ul>
+<a name="BLUE">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>BLUE</h4>
+<pre>static final&nbsp;int BLUE</pre>
+<dl><dt><span class="strong">See Also:</span></dt><dd><a href="../constant-values.html#controlP5.ControlP5Constants.BLUE">Constant Field Values</a></dd></dl>
+</li>
+</ul>
+<a name="BOOLEAN">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>BOOLEAN</h4>
+<pre>static final&nbsp;int BOOLEAN</pre>
+<dl><dt><span class="strong">See Also:</span></dt><dd><a href="../constant-values.html#controlP5.ControlP5Constants.BOOLEAN">Constant Field Values</a></dd></dl>
+</li>
+</ul>
+<a name="BOTTOM">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>BOTTOM</h4>
+<pre>static final&nbsp;int BOTTOM</pre>
+<dl><dt><span class="strong">See Also:</span></dt><dd><a href="../constant-values.html#controlP5.ControlP5Constants.BOTTOM">Constant Field Values</a></dd></dl>
+</li>
+</ul>
+<a name="BOTTOM_OUTSIDE">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>BOTTOM_OUTSIDE</h4>
+<pre>static final&nbsp;int BOTTOM_OUTSIDE</pre>
+<dl><dt><span class="strong">See Also:</span></dt><dd><a href="../constant-values.html#controlP5.ControlP5Constants.BOTTOM_OUTSIDE">Constant Field Values</a></dd></dl>
+</li>
+</ul>
+<a name="CAPTIONLABEL">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>CAPTIONLABEL</h4>
+<pre>static final&nbsp;int CAPTIONLABEL</pre>
+<dl><dt><span class="strong">See Also:</span></dt><dd><a href="../constant-values.html#controlP5.ControlP5Constants.CAPTIONLABEL">Constant Field Values</a></dd></dl>
+</li>
+</ul>
+<a name="CENTER">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>CENTER</h4>
+<pre>static final&nbsp;int CENTER</pre>
+<dl><dt><span class="strong">See Also:</span></dt><dd><a href="../constant-values.html#controlP5.ControlP5Constants.CENTER">Constant Field Values</a></dd></dl>
+</li>
+</ul>
+<a name="CHECKBOX">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>CHECKBOX</h4>
+<pre>static final&nbsp;int CHECKBOX</pre>
+<dl><dt><span class="strong">See Also:</span></dt><dd><a href="../constant-values.html#controlP5.ControlP5Constants.CHECKBOX">Constant Field Values</a></dd></dl>
+</li>
+</ul>
+<a name="COMMANDKEY">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>COMMANDKEY</h4>
+<pre>static final&nbsp;int COMMANDKEY</pre>
+<dl><dt><span class="strong">See Also:</span></dt><dd><a href="../constant-values.html#controlP5.ControlP5Constants.COMMANDKEY">Constant Field Values</a></dd></dl>
+</li>
+</ul>
+<a name="CONTROL">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>CONTROL</h4>
+<pre>static final&nbsp;int CONTROL</pre>
+<dl><dt><span class="strong">See Also:</span></dt><dd><a href="../constant-values.html#controlP5.ControlP5Constants.CONTROL">Constant Field Values</a></dd></dl>
+</li>
+</ul>
+<a name="controlEventClass">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>controlEventClass</h4>
+<pre>static final&nbsp;java.lang.Class&lt;?&gt; controlEventClass</pre>
+</li>
+</ul>
+<a name="CUSTOM">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>CUSTOM</h4>
+<pre>static final&nbsp;int CUSTOM</pre>
+<dl><dt><span class="strong">See Also:</span></dt><dd><a href="../constant-values.html#controlP5.ControlP5Constants.CUSTOM">Constant Field Values</a></dd></dl>
+</li>
+</ul>
+<a name="DECREASE">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>DECREASE</h4>
+<pre>static final&nbsp;char DECREASE</pre>
+<dl><dt><span class="strong">See Also:</span></dt><dd><a href="../constant-values.html#controlP5.ControlP5Constants.DECREASE">Constant Field Values</a></dd></dl>
+</li>
+</ul>
+<a name="DEFAULT">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>DEFAULT</h4>
+<pre>static final&nbsp;int DEFAULT</pre>
+<dl><dt><span class="strong">See Also:</span></dt><dd><a href="../constant-values.html#controlP5.ControlP5Constants.DEFAULT">Constant Field Values</a></dd></dl>
+</li>
+</ul>
+<a name="DELETE">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>DELETE</h4>
+<pre>static final&nbsp;int DELETE</pre>
+<dl><dt><span class="strong">See Also:</span></dt><dd><a href="../constant-values.html#controlP5.ControlP5Constants.DELETE">Constant Field Values</a></dd></dl>
+</li>
+</ul>
+<a name="DONE">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>DONE</h4>
+<pre>static final&nbsp;int DONE</pre>
+<dl><dt><span class="strong">See Also:</span></dt><dd><a href="../constant-values.html#controlP5.ControlP5Constants.DONE">Constant Field Values</a></dd></dl>
+</li>
+</ul>
+<a name="DOWN">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>DOWN</h4>
+<pre>static final&nbsp;int DOWN</pre>
+<dl><dt><span class="strong">See Also:</span></dt><dd><a href="../constant-values.html#controlP5.ControlP5Constants.DOWN">Constant Field Values</a></dd></dl>
+</li>
+</ul>
+<a name="DROPDOWN">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>DROPDOWN</h4>
+<pre>static final&nbsp;int DROPDOWN</pre>
+<dl><dt><span class="strong">See Also:</span></dt><dd><a href="../constant-values.html#controlP5.ControlP5Constants.DROPDOWN">Constant Field Values</a></dd></dl>
+</li>
+</ul>
+<a name="ELLIPSE">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>ELLIPSE</h4>
+<pre>static final&nbsp;int ELLIPSE</pre>
+<dl><dt><span class="strong">See Also:</span></dt><dd><a href="../constant-values.html#controlP5.ControlP5Constants.ELLIPSE">Constant Field Values</a></dd></dl>
+</li>
+</ul>
+<a name="ENTER">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>ENTER</h4>
+<pre>static final&nbsp;int ENTER</pre>
+<dl><dt><span class="strong">See Also:</span></dt><dd><a href="../constant-values.html#controlP5.ControlP5Constants.ENTER">Constant Field Values</a></dd></dl>
+</li>
+</ul>
+<a name="ESCAPE">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>ESCAPE</h4>
+<pre>static final&nbsp;int ESCAPE</pre>
+<dl><dt><span class="strong">See Also:</span></dt><dd><a href="../constant-values.html#controlP5.ControlP5Constants.ESCAPE">Constant Field Values</a></dd></dl>
+</li>
+</ul>
+<a name="EVENT">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>EVENT</h4>
+<pre>static final&nbsp;int EVENT</pre>
+<dl><dt><span class="strong">See Also:</span></dt><dd><a href="../constant-values.html#controlP5.ControlP5Constants.EVENT">Constant Field Values</a></dd></dl>
+</li>
+</ul>
+<a name="eventMethod">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>eventMethod</h4>
+<pre>static final&nbsp;java.lang.String eventMethod</pre>
+<dl><dt><span class="strong">See Also:</span></dt><dd><a href="../constant-values.html#controlP5.ControlP5Constants.eventMethod">Constant Field Values</a></dd></dl>
+</li>
+</ul>
+<a name="FADEIN">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>FADEIN</h4>
+<pre>static final&nbsp;int FADEIN</pre>
+<dl><dt><span class="strong">See Also:</span></dt><dd><a href="../constant-values.html#controlP5.ControlP5Constants.FADEIN">Constant Field Values</a></dd></dl>
+</li>
+</ul>
+<a name="FADEOUT">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>FADEOUT</h4>
+<pre>static final&nbsp;int FADEOUT</pre>
+<dl><dt><span class="strong">See Also:</span></dt><dd><a href="../constant-values.html#controlP5.ControlP5Constants.FADEOUT">Constant Field Values</a></dd></dl>
+</li>
+</ul>
+<a name="FIELD">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>FIELD</h4>
+<pre>static final&nbsp;int FIELD</pre>
+<dl><dt><span class="strong">See Also:</span></dt><dd><a href="../constant-values.html#controlP5.ControlP5Constants.FIELD">Constant Field Values</a></dd></dl>
+</li>
+</ul>
+<a name="FLOAT">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>FLOAT</h4>
+<pre>static final&nbsp;int FLOAT</pre>
+<dl><dt><span class="strong">See Also:</span></dt><dd><a href="../constant-values.html#controlP5.ControlP5Constants.FLOAT">Constant Field Values</a></dd></dl>
+</li>
+</ul>
+<a name="FUCHSIA">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>FUCHSIA</h4>
+<pre>static final&nbsp;int FUCHSIA</pre>
+<dl><dt><span class="strong">See Also:</span></dt><dd><a href="../constant-values.html#controlP5.ControlP5Constants.FUCHSIA">Constant Field Values</a></dd></dl>
+</li>
+</ul>
+<a name="GRAY">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>GRAY</h4>
+<pre>static final&nbsp;int GRAY</pre>
+<dl><dt><span class="strong">See Also:</span></dt><dd><a href="../constant-values.html#controlP5.ControlP5Constants.GRAY">Constant Field Values</a></dd></dl>
+</li>
+</ul>
+<a name="GREEN">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>GREEN</h4>
+<pre>static final&nbsp;int GREEN</pre>
+<dl><dt><span class="strong">See Also:</span></dt><dd><a href="../constant-values.html#controlP5.ControlP5Constants.GREEN">Constant Field Values</a></dd></dl>
+</li>
+</ul>
+<a name="grixel">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>grixel</h4>
+<pre>static final&nbsp;int grixel</pre>
+<dl><dt><span class="strong">See Also:</span></dt><dd><a href="../constant-values.html#controlP5.ControlP5Constants.grixel">Constant Field Values</a></dd></dl>
+</li>
+</ul>
+<a name="HALF_PI">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>HALF_PI</h4>
+<pre>static final&nbsp;float HALF_PI</pre>
+<dl><dt><span class="strong">See Also:</span></dt><dd><a href="../constant-values.html#controlP5.ControlP5Constants.HALF_PI">Constant Field Values</a></dd></dl>
+</li>
+</ul>
+<a name="HIDE">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>HIDE</h4>
+<pre>static final&nbsp;char HIDE</pre>
+<dl><dt><span class="strong">See Also:</span></dt><dd><a href="../constant-values.html#controlP5.ControlP5Constants.HIDE">Constant Field Values</a></dd></dl>
+</li>
+</ul>
+<a name="HIGHLIGHT">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>HIGHLIGHT</h4>
+<pre>static final&nbsp;int HIGHLIGHT</pre>
+<dl><dt><span class="strong">See Also:</span></dt><dd><a href="../constant-values.html#controlP5.ControlP5Constants.HIGHLIGHT">Constant Field Values</a></dd></dl>
+</li>
+</ul>
+<a name="HORIZONTAL">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>HORIZONTAL</h4>
+<pre>static final&nbsp;int HORIZONTAL</pre>
+<dl><dt><span class="strong">See Also:</span></dt><dd><a href="../constant-values.html#controlP5.ControlP5Constants.HORIZONTAL">Constant Field Values</a></dd></dl>
+</li>
+</ul>
+<a name="IDLE">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>IDLE</h4>
+<pre>static final&nbsp;int IDLE</pre>
+<dl><dt><span class="strong">See Also:</span></dt><dd><a href="../constant-values.html#controlP5.ControlP5Constants.IDLE">Constant Field Values</a></dd></dl>
+</li>
+</ul>
+<a name="IMAGE">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>IMAGE</h4>
+<pre>static final&nbsp;int IMAGE</pre>
+<dl><dt><span class="strong">See Also:</span></dt><dd><a href="../constant-values.html#controlP5.ControlP5Constants.IMAGE">Constant Field Values</a></dd></dl>
+</li>
+</ul>
+<a name="INACTIVE">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>INACTIVE</h4>
+<pre>static final&nbsp;int INACTIVE</pre>
+<dl><dt><span class="strong">See Also:</span></dt><dd><a href="../constant-values.html#controlP5.ControlP5Constants.INACTIVE">Constant Field Values</a></dd></dl>
+</li>
+</ul>
+<a name="INCREASE">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>INCREASE</h4>
+<pre>static final&nbsp;char INCREASE</pre>
+<dl><dt><span class="strong">See Also:</span></dt><dd><a href="../constant-values.html#controlP5.ControlP5Constants.INCREASE">Constant Field Values</a></dd></dl>
+</li>
+</ul>
+<a name="INTEGER">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>INTEGER</h4>
+<pre>static final&nbsp;int INTEGER</pre>
+<dl><dt><span class="strong">See Also:</span></dt><dd><a href="../constant-values.html#controlP5.ControlP5Constants.INTEGER">Constant Field Values</a></dd></dl>
+</li>
+</ul>
+<a name="INVALID">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>INVALID</h4>
+<pre>static final&nbsp;int INVALID</pre>
+<dl><dt><span class="strong">See Also:</span></dt><dd><a href="../constant-values.html#controlP5.ControlP5Constants.INVALID">Constant Field Values</a></dd></dl>
+</li>
+</ul>
+<a name="J2D">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>J2D</h4>
+<pre>static final&nbsp;int J2D</pre>
+<dl><dt><span class="strong">See Also:</span></dt><dd><a href="../constant-values.html#controlP5.ControlP5Constants.J2D">Constant Field Values</a></dd></dl>
+</li>
+</ul>
+<a name="KEYCONTROL">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>KEYCONTROL</h4>
+<pre>static final&nbsp;char KEYCONTROL</pre>
+<dl><dt><span class="strong">See Also:</span></dt><dd><a href="../constant-values.html#controlP5.ControlP5Constants.KEYCONTROL">Constant Field Values</a></dd></dl>
+</li>
+</ul>
+<a name="LEFT">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>LEFT</h4>
+<pre>static final&nbsp;int LEFT</pre>
+<dl><dt><span class="strong">See Also:</span></dt><dd><a href="../constant-values.html#controlP5.ControlP5Constants.LEFT">Constant Field Values</a></dd></dl>
+</li>
+</ul>
+<a name="LEFT_OUTSIDE">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>LEFT_OUTSIDE</h4>
+<pre>static final&nbsp;int LEFT_OUTSIDE</pre>
+<dl><dt><span class="strong">See Also:</span></dt><dd><a href="../constant-values.html#controlP5.ControlP5Constants.LEFT_OUTSIDE">Constant Field Values</a></dd></dl>
+</li>
+</ul>
+<a name="LIME">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>LIME</h4>
+<pre>static final&nbsp;int LIME</pre>
+<dl><dt><span class="strong">See Also:</span></dt><dd><a href="../constant-values.html#controlP5.ControlP5Constants.LIME">Constant Field Values</a></dd></dl>
+</li>
+</ul>
+<a name="LINE">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>LINE</h4>
+<pre>static final&nbsp;int LINE</pre>
+<dl><dt><span class="strong">See Also:</span></dt><dd><a href="../constant-values.html#controlP5.ControlP5Constants.LINE">Constant Field Values</a></dd></dl>
+</li>
+</ul>
+<a name="LIST">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>LIST</h4>
+<pre>static final&nbsp;int LIST</pre>
+<dl><dt><span class="strong">See Also:</span></dt><dd><a href="../constant-values.html#controlP5.ControlP5Constants.LIST">Constant Field Values</a></dd></dl>
+</li>
+</ul>
+<a name="LOAD">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>LOAD</h4>
+<pre>static final&nbsp;char LOAD</pre>
+<dl><dt><span class="strong">See Also:</span></dt><dd><a href="../constant-values.html#controlP5.ControlP5Constants.LOAD">Constant Field Values</a></dd></dl>
+</li>
+</ul>
+<a name="MAROON">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>MAROON</h4>
+<pre>static final&nbsp;int MAROON</pre>
+<dl><dt><span class="strong">See Also:</span></dt><dd><a href="../constant-values.html#controlP5.ControlP5Constants.MAROON">Constant Field Values</a></dd></dl>
+</li>
+</ul>
+<a name="MENU">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>MENU</h4>
+<pre>static final&nbsp;char MENU</pre>
+<dl><dt><span class="strong">See Also:</span></dt><dd><a href="../constant-values.html#controlP5.ControlP5Constants.MENU">Constant Field Values</a></dd></dl>
+</li>
+</ul>
+<a name="METHOD">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>METHOD</h4>
+<pre>static final&nbsp;int METHOD</pre>
+<dl><dt><span class="strong">See Also:</span></dt><dd><a href="../constant-values.html#controlP5.ControlP5Constants.METHOD">Constant Field Values</a></dd></dl>
+</li>
+</ul>
+<a name="MOVE">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>MOVE</h4>
+<pre>static final&nbsp;int MOVE</pre>
+<dl><dt><span class="strong">See Also:</span></dt><dd><a href="../constant-values.html#controlP5.ControlP5Constants.MOVE">Constant Field Values</a></dd></dl>
+</li>
+</ul>
+<a name="MULTI">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>MULTI</h4>
+<pre>static final&nbsp;int MULTI</pre>
+<dl><dt><span class="strong">See Also:</span></dt><dd><a href="../constant-values.html#controlP5.ControlP5Constants.MULTI">Constant Field Values</a></dd></dl>
+</li>
+</ul>
+<a name="MULTIPLES">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>MULTIPLES</h4>
+<pre>static final&nbsp;int MULTIPLES</pre>
+<dl><dt><span class="strong">See Also:</span></dt><dd><a href="../constant-values.html#controlP5.ControlP5Constants.MULTIPLES">Constant Field Values</a></dd></dl>
+</li>
+</ul>
+<a name="NAVY">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>NAVY</h4>
+<pre>static final&nbsp;int NAVY</pre>
+<dl><dt><span class="strong">See Also:</span></dt><dd><a href="../constant-values.html#controlP5.ControlP5Constants.NAVY">Constant Field Values</a></dd></dl>
+</li>
+</ul>
+<a name="OLIVE">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>OLIVE</h4>
+<pre>static final&nbsp;int OLIVE</pre>
+<dl><dt><span class="strong">See Also:</span></dt><dd><a href="../constant-values.html#controlP5.ControlP5Constants.OLIVE">Constant Field Values</a></dd></dl>
+</li>
+</ul>
+<a name="ORANGE">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>ORANGE</h4>
+<pre>static final&nbsp;int ORANGE</pre>
+<dl><dt><span class="strong">See Also:</span></dt><dd><a href="../constant-values.html#controlP5.ControlP5Constants.ORANGE">Constant Field Values</a></dd></dl>
+</li>
+</ul>
+<a name="OVER">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>OVER</h4>
+<pre>static final&nbsp;int OVER</pre>
+<dl><dt><span class="strong">See Also:</span></dt><dd><a href="../constant-values.html#controlP5.ControlP5Constants.OVER">Constant Field Values</a></dd></dl>
+</li>
+</ul>
+<a name="P2D">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>P2D</h4>
+<pre>static final&nbsp;int P2D</pre>
+<dl><dt><span class="strong">See Also:</span></dt><dd><a href="../constant-values.html#controlP5.ControlP5Constants.P2D">Constant Field Values</a></dd></dl>
+</li>
+</ul>
+<a name="P3D">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>P3D</h4>
+<pre>static final&nbsp;int P3D</pre>
+<dl><dt><span class="strong">See Also:</span></dt><dd><a href="../constant-values.html#controlP5.ControlP5Constants.P3D">Constant Field Values</a></dd></dl>
+</li>
+</ul>
+<a name="PI">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>PI</h4>
+<pre>static final&nbsp;float PI</pre>
+<dl><dt><span class="strong">See Also:</span></dt><dd><a href="../constant-values.html#controlP5.ControlP5Constants.PI">Constant Field Values</a></dd></dl>
+</li>
+</ul>
+<a name="PRESSED">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>PRESSED</h4>
+<pre>static final&nbsp;int PRESSED</pre>
+<dl><dt><span class="strong">See Also:</span></dt><dd><a href="../constant-values.html#controlP5.ControlP5Constants.PRESSED">Constant Field Values</a></dd></dl>
+</li>
+</ul>
+<a name="PRINT">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>PRINT</h4>
+<pre>static final&nbsp;char PRINT</pre>
+<dl><dt><span class="strong">See Also:</span></dt><dd><a href="../constant-values.html#controlP5.ControlP5Constants.PRINT">Constant Field Values</a></dd></dl>
+</li>
+</ul>
+<a name="PURPLE">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>PURPLE</h4>
+<pre>static final&nbsp;int PURPLE</pre>
+<dl><dt><span class="strong">See Also:</span></dt><dd><a href="../constant-values.html#controlP5.ControlP5Constants.PURPLE">Constant Field Values</a></dd></dl>
+</li>
+</ul>
+<a name="RED">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>RED</h4>
+<pre>static final&nbsp;int RED</pre>
+<dl><dt><span class="strong">See Also:</span></dt><dd><a href="../constant-values.html#controlP5.ControlP5Constants.RED">Constant Field Values</a></dd></dl>
+</li>
+</ul>
+<a name="RELEASE">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>RELEASE</h4>
+<pre>static final&nbsp;int RELEASE</pre>
+<dl><dt><span class="strong">See Also:</span></dt><dd><a href="../constant-values.html#controlP5.ControlP5Constants.RELEASE">Constant Field Values</a></dd></dl>
+</li>
+</ul>
+<a name="RESET">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>RESET</h4>
+<pre>static final&nbsp;char RESET</pre>
+<dl><dt><span class="strong">See Also:</span></dt><dd><a href="../constant-values.html#controlP5.ControlP5Constants.RESET">Constant Field Values</a></dd></dl>
+</li>
+</ul>
+<a name="RIGHT">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>RIGHT</h4>
+<pre>static final&nbsp;int RIGHT</pre>
+<dl><dt><span class="strong">See Also:</span></dt><dd><a href="../constant-values.html#controlP5.ControlP5Constants.RIGHT">Constant Field Values</a></dd></dl>
+</li>
+</ul>
+<a name="RIGHT_OUTSIDE">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>RIGHT_OUTSIDE</h4>
+<pre>static final&nbsp;int RIGHT_OUTSIDE</pre>
+<dl><dt><span class="strong">See Also:</span></dt><dd><a href="../constant-values.html#controlP5.ControlP5Constants.RIGHT_OUTSIDE">Constant Field Values</a></dd></dl>
+</li>
+</ul>
+<a name="SAVE">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>SAVE</h4>
+<pre>static final&nbsp;char SAVE</pre>
+<dl><dt><span class="strong">See Also:</span></dt><dd><a href="../constant-values.html#controlP5.ControlP5Constants.SAVE">Constant Field Values</a></dd></dl>
+</li>
+</ul>
+<a name="SHIFT">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>SHIFT</h4>
+<pre>static final&nbsp;int SHIFT</pre>
+<dl><dt><span class="strong">See Also:</span></dt><dd><a href="../constant-values.html#controlP5.ControlP5Constants.SHIFT">Constant Field Values</a></dd></dl>
+</li>
+</ul>
+<a name="SILVER">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>SILVER</h4>
+<pre>static final&nbsp;int SILVER</pre>
+<dl><dt><span class="strong">See Also:</span></dt><dd><a href="../constant-values.html#controlP5.ControlP5Constants.SILVER">Constant Field Values</a></dd></dl>
+</li>
+</ul>
+<a name="SINGLE">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>SINGLE</h4>
+<pre>static final&nbsp;int SINGLE</pre>
+<dl><dt><span class="strong">See Also:</span></dt><dd><a href="../constant-values.html#controlP5.ControlP5Constants.SINGLE">Constant Field Values</a></dd></dl>
+</li>
+</ul>
+<a name="SINGLE_COLUMN">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>SINGLE_COLUMN</h4>
+<pre>static final&nbsp;int SINGLE_COLUMN</pre>
+<dl><dt><span class="strong">See Also:</span></dt><dd><a href="../constant-values.html#controlP5.ControlP5Constants.SINGLE_COLUMN">Constant Field Values</a></dd></dl>
+</li>
+</ul>
+<a name="SINGLE_ROW">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>SINGLE_ROW</h4>
+<pre>static final&nbsp;int SINGLE_ROW</pre>
+<dl><dt><span class="strong">See Also:</span></dt><dd><a href="../constant-values.html#controlP5.ControlP5Constants.SINGLE_ROW">Constant Field Values</a></dd></dl>
+</li>
+</ul>
+<a name="SPRITE">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>SPRITE</h4>
+<pre>static final&nbsp;int SPRITE</pre>
+<dl><dt><span class="strong">See Also:</span></dt><dd><a href="../constant-values.html#controlP5.ControlP5Constants.SPRITE">Constant Field Values</a></dd></dl>
+</li>
+</ul>
+<a name="standard56">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>standard56</h4>
+<pre>static final&nbsp;int standard56</pre>
+<dl><dt><span class="strong">See Also:</span></dt><dd><a href="../constant-values.html#controlP5.ControlP5Constants.standard56">Constant Field Values</a></dd></dl>
+</li>
+</ul>
+<a name="standard58">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>standard58</h4>
+<pre>static final&nbsp;int standard58</pre>
+<dl><dt><span class="strong">See Also:</span></dt><dd><a href="../constant-values.html#controlP5.ControlP5Constants.standard58">Constant Field Values</a></dd></dl>
+</li>
+</ul>
+<a name="STRING">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>STRING</h4>
+<pre>static final&nbsp;int STRING</pre>
+<dl><dt><span class="strong">See Also:</span></dt><dd><a href="../constant-values.html#controlP5.ControlP5Constants.STRING">Constant Field Values</a></dd></dl>
+</li>
+</ul>
+<a name="SWITCH">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>SWITCH</h4>
+<pre>static final&nbsp;int SWITCH</pre>
+<dl><dt><span class="strong">See Also:</span></dt><dd><a href="../constant-values.html#controlP5.ControlP5Constants.SWITCH">Constant Field Values</a></dd></dl>
+</li>
+</ul>
+<a name="SWITCH_BACK">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>SWITCH_BACK</h4>
+<pre>static final&nbsp;char SWITCH_BACK</pre>
+<dl><dt><span class="strong">See Also:</span></dt><dd><a href="../constant-values.html#controlP5.ControlP5Constants.SWITCH_BACK">Constant Field Values</a></dd></dl>
+</li>
+</ul>
+<a name="SWITCH_FORE">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>SWITCH_FORE</h4>
+<pre>static final&nbsp;char SWITCH_FORE</pre>
+<dl><dt><span class="strong">See Also:</span></dt><dd><a href="../constant-values.html#controlP5.ControlP5Constants.SWITCH_FORE">Constant Field Values</a></dd></dl>
+</li>
+</ul>
+<a name="synt24">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>synt24</h4>
+<pre>static final&nbsp;int synt24</pre>
+<dl><dt><span class="strong">See Also:</span></dt><dd><a href="../constant-values.html#controlP5.ControlP5Constants.synt24">Constant Field Values</a></dd></dl>
+</li>
+</ul>
+<a name="TAB">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>TAB</h4>
+<pre>static final&nbsp;int TAB</pre>
+<dl><dt><span class="strong">See Also:</span></dt><dd><a href="../constant-values.html#controlP5.ControlP5Constants.TAB">Constant Field Values</a></dd></dl>
+</li>
+</ul>
+<a name="TEAL">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>TEAL</h4>
+<pre>static final&nbsp;int TEAL</pre>
+<dl><dt><span class="strong">See Also:</span></dt><dd><a href="../constant-values.html#controlP5.ControlP5Constants.TEAL">Constant Field Values</a></dd></dl>
+</li>
+</ul>
+<a name="THEME_A">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>THEME_A</h4>
+<pre>static final&nbsp;<a href="../controlP5/CColor.html" title="class in controlP5">CColor</a> THEME_A</pre>
+</li>
+</ul>
+<a name="THEME_CP52014">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>THEME_CP52014</h4>
+<pre>static final&nbsp;<a href="../controlP5/CColor.html" title="class in controlP5">CColor</a> THEME_CP52014</pre>
+</li>
+</ul>
+<a name="THEME_CP5BLUE">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>THEME_CP5BLUE</h4>
+<pre>static final&nbsp;<a href="../controlP5/CColor.html" title="class in controlP5">CColor</a> THEME_CP5BLUE</pre>
+</li>
+</ul>
+<a name="THEME_RED">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>THEME_RED</h4>
+<pre>static final&nbsp;<a href="../controlP5/CColor.html" title="class in controlP5">CColor</a> THEME_RED</pre>
+</li>
+</ul>
+<a name="THEME_RETRO">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>THEME_RETRO</h4>
+<pre>static final&nbsp;<a href="../controlP5/CColor.html" title="class in controlP5">CColor</a> THEME_RETRO</pre>
+</li>
+</ul>
+<a name="THEME_WHITE">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>THEME_WHITE</h4>
+<pre>static final&nbsp;<a href="../controlP5/CColor.html" title="class in controlP5">CColor</a> THEME_WHITE</pre>
+</li>
+</ul>
+<a name="TOP">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>TOP</h4>
+<pre>static final&nbsp;int TOP</pre>
+<dl><dt><span class="strong">See Also:</span></dt><dd><a href="../constant-values.html#controlP5.ControlP5Constants.TOP">Constant Field Values</a></dd></dl>
+</li>
+</ul>
+<a name="TOP_OUTSIDE">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>TOP_OUTSIDE</h4>
+<pre>static final&nbsp;int TOP_OUTSIDE</pre>
+<dl><dt><span class="strong">See Also:</span></dt><dd><a href="../constant-values.html#controlP5.ControlP5Constants.TOP_OUTSIDE">Constant Field Values</a></dd></dl>
+</li>
+</ul>
+<a name="TRANSITION_WAIT_FADEIN">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>TRANSITION_WAIT_FADEIN</h4>
+<pre>static final&nbsp;int TRANSITION_WAIT_FADEIN</pre>
+<dl><dt><span class="strong">See Also:</span></dt><dd><a href="../constant-values.html#controlP5.ControlP5Constants.TRANSITION_WAIT_FADEIN">Constant Field Values</a></dd></dl>
+</li>
+</ul>
+<a name="TREE">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>TREE</h4>
+<pre>static final&nbsp;int TREE</pre>
+<dl><dt><span class="strong">See Also:</span></dt><dd><a href="../constant-values.html#controlP5.ControlP5Constants.TREE">Constant Field Values</a></dd></dl>
+</li>
+</ul>
+<a name="TWO_PI">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>TWO_PI</h4>
+<pre>static final&nbsp;float TWO_PI</pre>
+<dl><dt><span class="strong">See Also:</span></dt><dd><a href="../constant-values.html#controlP5.ControlP5Constants.TWO_PI">Constant Field Values</a></dd></dl>
+</li>
+</ul>
+<a name="UP">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>UP</h4>
+<pre>static final&nbsp;int UP</pre>
+<dl><dt><span class="strong">See Also:</span></dt><dd><a href="../constant-values.html#controlP5.ControlP5Constants.UP">Constant Field Values</a></dd></dl>
+</li>
+</ul>
+<a name="VALUELABEL">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>VALUELABEL</h4>
+<pre>static final&nbsp;int VALUELABEL</pre>
+<dl><dt><span class="strong">See Also:</span></dt><dd><a href="../constant-values.html#controlP5.ControlP5Constants.VALUELABEL">Constant Field Values</a></dd></dl>
+</li>
+</ul>
+<a name="VERBOSE">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>VERBOSE</h4>
+<pre>static final&nbsp;boolean VERBOSE</pre>
+<dl><dt><span class="strong">See Also:</span></dt><dd><a href="../constant-values.html#controlP5.ControlP5Constants.VERBOSE">Constant Field Values</a></dd></dl>
+</li>
+</ul>
+<a name="VERTICAL">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>VERTICAL</h4>
+<pre>static final&nbsp;int VERTICAL</pre>
+<dl><dt><span class="strong">See Also:</span></dt><dd><a href="../constant-values.html#controlP5.ControlP5Constants.VERTICAL">Constant Field Values</a></dd></dl>
+</li>
+</ul>
+<a name="WAIT">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>WAIT</h4>
+<pre>static final&nbsp;int WAIT</pre>
+<dl><dt><span class="strong">See Also:</span></dt><dd><a href="../constant-values.html#controlP5.ControlP5Constants.WAIT">Constant Field Values</a></dd></dl>
+</li>
+</ul>
+<a name="WHITE">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>WHITE</h4>
+<pre>static final&nbsp;int WHITE</pre>
+<dl><dt><span class="strong">See Also:</span></dt><dd><a href="../constant-values.html#controlP5.ControlP5Constants.WHITE">Constant Field Values</a></dd></dl>
+</li>
+</ul>
+<a name="YELLOW">
+<!--   -->
+</a>
+<ul class="blockListLast">
+<li class="blockList">
+<h4>YELLOW</h4>
+<pre>static final&nbsp;int YELLOW</pre>
+<dl><dt><span class="strong">See Also:</span></dt><dd><a href="../constant-values.html#controlP5.ControlP5Constants.YELLOW">Constant Field Values</a></dd></dl>
+</li>
+</ul>
+</li>
+</ul>
+</li>
+</ul>
+</div>
+</div>
+<!-- ========= END OF CLASS DATA ========= -->
+<!-- ======= START OF BOTTOM NAVBAR ====== -->
+<div class="bottomNav"><a name="navbar_bottom">
+<!--   -->
+</a><a href="#skip-navbar_bottom" title="Skip navigation links"></a><a name="navbar_bottom_firstrow">
+<!--   -->
+</a>
+<ul class="navList" title="Navigation">
+<li><a href="../controlP5/package-summary.html">Package</a></li>
+<li class="navBarCell1Rev">Class</li>
+<li><a href="package-tree.html">Tree</a></li>
+<li><a href="../index-all.html">Index</a></li>
+<li><a href="../help-doc.html">Help</a></li>
+</ul>
+</div>
+<div class="subNav">
+<ul class="navList">
+<li><a href="../controlP5/ControlP5Base.html" title="class in controlP5"><span class="strong">Prev Class</span></a></li>
+<li><a href="../controlP5/ControlP5Legacy.html" title="class in controlP5"><span class="strong">Next Class</span></a></li>
+</ul>
+<ul class="navList">
+<li><a href="../index.html?controlP5/ControlP5Constants.html" target="_top">Frames</a></li>
+<li><a href="ControlP5Constants.html" target="_top">No Frames</a></li>
+</ul>
+<ul class="navList" id="allclasses_navbar_bottom">
+<li><a href="../allclasses-noframe.html">All Classes</a></li>
+</ul>
+<div>
+<script type="text/javascript"><!--
+  allClassesLink = document.getElementById("allclasses_navbar_bottom");
+  if(window==top) {
+    allClassesLink.style.display = "block";
+  }
+  else {
+    allClassesLink.style.display = "none";
+  }
+  //-->
+</script>
+</div>
+<div>
+<ul class="subNavList">
+<li>Summary:&nbsp;</li>
+<li>Nested&nbsp;|&nbsp;</li>
+<li><a href="#field_summary">Field</a>&nbsp;|&nbsp;</li>
+<li>Constr&nbsp;|&nbsp;</li>
+<li>Method</li>
+</ul>
+<ul class="subNavList">
+<li>Detail:&nbsp;</li>
+<li><a href="#field_detail">Field</a>&nbsp;|&nbsp;</li>
+<li>Constr&nbsp;|&nbsp;</li>
+<li>Method</li>
+</ul>
+</div>
+<a name="skip-navbar_bottom">
+<!--   -->
+</a></div>
+<!-- ======== END OF BOTTOM NAVBAR ======= -->
+<p class="legalCopy"><small>processing library controlP5 by Andreas Schlegel. (c) 2006-2014</small></p>
+</body>
+</html>
diff --git a/reference/controlP5/ControlP5Legacy.html b/reference/controlP5/ControlP5Legacy.html
new file mode 100644
index 0000000..a587257
--- /dev/null
+++ b/reference/controlP5/ControlP5Legacy.html
@@ -0,0 +1,2411 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
+<!-- NewPage -->
+<html lang="en">
+<head>
+<!-- Generated by javadoc (version 1.7.0_51) on Sun Apr 27 21:39:47 SGT 2014 -->
+<title>ControlP5Legacy (Javadocs: controlP5)</title>
+<meta name="date" content="2014-04-27">
+<link rel="stylesheet" type="text/css" href="../stylesheet.css" title="Style">
+</head>
+<body>
+<script type="text/javascript"><!--
+    if (location.href.indexOf('is-external=true') == -1) {
+        parent.document.title="ControlP5Legacy (Javadocs: controlP5)";
+    }
+//-->
+</script>
+<noscript>
+<div>JavaScript is disabled on your browser.</div>
+</noscript>
+<!-- ========= START OF TOP NAVBAR ======= -->
+<div class="topNav"><a name="navbar_top">
+<!--   -->
+</a><a href="#skip-navbar_top" title="Skip navigation links"></a><a name="navbar_top_firstrow">
+<!--   -->
+</a>
+<ul class="navList" title="Navigation">
+<li><a href="../controlP5/package-summary.html">Package</a></li>
+<li class="navBarCell1Rev">Class</li>
+<li><a href="package-tree.html">Tree</a></li>
+<li><a href="../index-all.html">Index</a></li>
+<li><a href="../help-doc.html">Help</a></li>
+</ul>
+</div>
+<div class="subNav">
+<ul class="navList">
+<li><a href="../controlP5/ControlP5Constants.html" title="interface in controlP5"><span class="strong">Prev Class</span></a></li>
+<li><a href="../controlP5/ControlTimer.html" title="class in controlP5"><span class="strong">Next Class</span></a></li>
+</ul>
+<ul class="navList">
+<li><a href="../index.html?controlP5/ControlP5Legacy.html" target="_top">Frames</a></li>
+<li><a href="ControlP5Legacy.html" target="_top">No Frames</a></li>
+</ul>
+<ul class="navList" id="allclasses_navbar_top">
+<li><a href="../allclasses-noframe.html">All Classes</a></li>
+</ul>
+<div>
+<script type="text/javascript"><!--
+  allClassesLink = document.getElementById("allclasses_navbar_top");
+  if(window==top) {
+    allClassesLink.style.display = "block";
+  }
+  else {
+    allClassesLink.style.display = "none";
+  }
+  //-->
+</script>
+</div>
+<div>
+<ul class="subNavList">
+<li>Summary:&nbsp;</li>
+<li>Nested&nbsp;|&nbsp;</li>
+<li>Field&nbsp;|&nbsp;</li>
+<li><a href="#constructor_summary">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_summary">Method</a></li>
+</ul>
+<ul class="subNavList">
+<li>Detail:&nbsp;</li>
+<li>Field&nbsp;|&nbsp;</li>
+<li><a href="#constructor_detail">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_detail">Method</a></li>
+</ul>
+</div>
+<a name="skip-navbar_top">
+<!--   -->
+</a></div>
+<!-- ========= END OF TOP NAVBAR ========= -->
+<!-- ======== START OF CLASS DATA ======== -->
+<div class="header">
+<div class="subTitle">controlP5</div>
+<h2 title="Class ControlP5Legacy" class="title">Class ControlP5Legacy</h2>
+</div>
+<div class="contentContainer">
+<ul class="inheritance">
+<li>java.lang.Object</li>
+<li>
+<ul class="inheritance">
+<li>controlP5.ControlP5Legacy</li>
+</ul>
+</li>
+</ul>
+<div class="description">
+<ul class="blockList">
+<li class="blockList">
+<dl>
+<dt>Direct Known Subclasses:</dt>
+<dd><a href="../controlP5/ControlP5Base.html" title="class in controlP5">ControlP5Base</a></dd>
+</dl>
+<hr>
+<br>
+<pre>public class <span class="strong">ControlP5Legacy</span>
+extends java.lang.Object</pre>
+</li>
+</ul>
+</div>
+<div class="summary">
+<ul class="blockList">
+<li class="blockList">
+<!-- ======== CONSTRUCTOR SUMMARY ======== -->
+<ul class="blockList">
+<li class="blockList"><a name="constructor_summary">
+<!--   -->
+</a>
+<h3>Constructor Summary</h3>
+<table class="overviewSummary" border="0" cellpadding="3" cellspacing="0" summary="Constructor Summary table, listing constructors, and an explanation">
+<caption><span>Constructors</span><span class="tabEnd">&nbsp;</span></caption>
+<tr>
+<th class="colOne" scope="col">Constructor and Description</th>
+</tr>
+<tr class="altColor">
+<td class="colOne"><code><strong><a href="../controlP5/ControlP5Legacy.html#ControlP5Legacy()">ControlP5Legacy</a></strong>()</code>&nbsp;</td>
+</tr>
+</table>
+</li>
+</ul>
+<!-- ========== METHOD SUMMARY =========== -->
+<ul class="blockList">
+<li class="blockList"><a name="method_summary">
+<!--   -->
+</a>
+<h3>Method Summary</h3>
+<table class="overviewSummary" border="0" cellpadding="3" cellspacing="0" summary="Method Summary table, listing methods, and an explanation">
+<caption><span>Methods</span><span class="tabEnd">&nbsp;</span></caption>
+<tr>
+<th class="colFirst" scope="col">Modifier and Type</th>
+<th class="colLast" scope="col">Method and Description</th>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Accordion.html" title="class in controlP5">Accordion</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Legacy.html#addAccordion(java.lang.Object, java.lang.String, java.lang.String)">addAccordion</a></strong>(java.lang.Object&nbsp;theObject,
+            java.lang.String&nbsp;theIndex,
+            java.lang.String&nbsp;theName)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Accordion.html" title="class in controlP5">Accordion</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Legacy.html#addAccordion(java.lang.String, int, int, int)">addAccordion</a></strong>(java.lang.String&nbsp;theName,
+            int&nbsp;theX,
+            int&nbsp;theY,
+            int&nbsp;theWidth)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Bang.html" title="class in controlP5">Bang</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Legacy.html#addBang(java.lang.Object, java.lang.String, java.lang.String)">addBang</a></strong>(java.lang.Object&nbsp;theObject,
+       java.lang.String&nbsp;theIndex,
+       java.lang.String&nbsp;theName)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Bang.html" title="class in controlP5">Bang</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Legacy.html#addBang(java.lang.Object, java.lang.String, java.lang.String, int, int, int, int)">addBang</a></strong>(java.lang.Object&nbsp;theObject,
+       java.lang.String&nbsp;theIndex,
+       java.lang.String&nbsp;theName,
+       int&nbsp;theX,
+       int&nbsp;theY,
+       int&nbsp;theWidth,
+       int&nbsp;theHeight)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Bang.html" title="class in controlP5">Bang</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Legacy.html#addBang(java.lang.String, int, int)">addBang</a></strong>(java.lang.String&nbsp;theName,
+       int&nbsp;theX,
+       int&nbsp;theY)</code>
+<div class="block"><strong>Deprecated.</strong>&nbsp;</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Bang.html" title="class in controlP5">Bang</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Legacy.html#addBang(java.lang.String, int, int, int, int)">addBang</a></strong>(java.lang.String&nbsp;theName,
+       int&nbsp;theX,
+       int&nbsp;theY,
+       int&nbsp;theWidth,
+       int&nbsp;theHeight)</code>
+<div class="block"><strong>Deprecated.</strong>&nbsp;</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/BoundingBox.html" title="class in controlP5">BoundingBox</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Legacy.html#addBoundingBox(java.lang.Object, java.lang.String, java.lang.String, int, int, int, int)">addBoundingBox</a></strong>(java.lang.Object&nbsp;theObject,
+              java.lang.String&nbsp;theIndex,
+              java.lang.String&nbsp;theName,
+              int&nbsp;theX,
+              int&nbsp;theY,
+              int&nbsp;theW,
+              int&nbsp;theH)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/BoundingBox.html" title="class in controlP5">BoundingBox</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Legacy.html#addBoundingBox(java.lang.String)">addBoundingBox</a></strong>(java.lang.String&nbsp;theName)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Button.html" title="class in controlP5">Button</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Legacy.html#addButton(java.lang.Object, java.lang.String, java.lang.String)">addButton</a></strong>(java.lang.Object&nbsp;theObject,
+         java.lang.String&nbsp;theIndex,
+         java.lang.String&nbsp;theName)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Button.html" title="class in controlP5">Button</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Legacy.html#addButton(java.lang.Object, java.lang.String, java.lang.String, float)">addButton</a></strong>(java.lang.Object&nbsp;theObject,
+         java.lang.String&nbsp;theIndex,
+         java.lang.String&nbsp;theName,
+         float&nbsp;theValue)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Button.html" title="class in controlP5">Button</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Legacy.html#addButton(java.lang.Object, java.lang.String, java.lang.String, float, int, int, int, int)">addButton</a></strong>(java.lang.Object&nbsp;theObject,
+         java.lang.String&nbsp;theIndex,
+         java.lang.String&nbsp;theName,
+         float&nbsp;theValue,
+         int&nbsp;theX,
+         int&nbsp;theY,
+         int&nbsp;theW,
+         int&nbsp;theH)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Button.html" title="class in controlP5">Button</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Legacy.html#addButton(java.lang.String, float)">addButton</a></strong>(java.lang.String&nbsp;theName,
+         float&nbsp;theValue)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Button.html" title="class in controlP5">Button</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Legacy.html#addButton(java.lang.String, float, int, int, int, int)">addButton</a></strong>(java.lang.String&nbsp;theName,
+         float&nbsp;theValue,
+         int&nbsp;theX,
+         int&nbsp;theY,
+         int&nbsp;theW,
+         int&nbsp;theH)</code>
+<div class="block"><strong>Deprecated.</strong>&nbsp;</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Chart.html" title="class in controlP5">Chart</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Legacy.html#addChart(java.lang.String, int, int, int, int)">addChart</a></strong>(java.lang.String&nbsp;theName,
+        int&nbsp;theX,
+        int&nbsp;theY,
+        int&nbsp;theW,
+        int&nbsp;theH)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/CheckBox.html" title="class in controlP5">CheckBox</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Legacy.html#addCheckBox(java.lang.Object, java.lang.String, java.lang.String, int, int)">addCheckBox</a></strong>(java.lang.Object&nbsp;theObject,
+           java.lang.String&nbsp;theIndex,
+           java.lang.String&nbsp;theName,
+           int&nbsp;theX,
+           int&nbsp;theY)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/CheckBox.html" title="class in controlP5">CheckBox</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Legacy.html#addCheckBox(java.lang.String, int, int)">addCheckBox</a></strong>(java.lang.String&nbsp;theName,
+           int&nbsp;theX,
+           int&nbsp;theY)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/ColorPicker.html" title="class in controlP5">ColorPicker</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Legacy.html#addColorPicker(java.lang.Object, java.lang.String, java.lang.String, int, int, int, int)">addColorPicker</a></strong>(java.lang.Object&nbsp;theObject,
+              java.lang.String&nbsp;theIndex,
+              java.lang.String&nbsp;theName,
+              int&nbsp;theX,
+              int&nbsp;theY,
+              int&nbsp;theW,
+              int&nbsp;theH)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/ColorPicker.html" title="class in controlP5">ColorPicker</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Legacy.html#addColorPicker(java.lang.String, int, int, int, int)">addColorPicker</a></strong>(java.lang.String&nbsp;theName,
+              int&nbsp;theX,
+              int&nbsp;theY,
+              int&nbsp;theW,
+              int&nbsp;theH)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/ColorWheel.html" title="class in controlP5">ColorWheel</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Legacy.html#addColorWheel(java.lang.Object, java.lang.String, java.lang.String, int, int, int)">addColorWheel</a></strong>(java.lang.Object&nbsp;theObject,
+             java.lang.String&nbsp;theIndex,
+             java.lang.String&nbsp;theName,
+             int&nbsp;theX,
+             int&nbsp;theY,
+             int&nbsp;theW)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/ColorWheel.html" title="class in controlP5">ColorWheel</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Legacy.html#addColorWheel(java.lang.String, int, int, int)">addColorWheel</a></strong>(java.lang.String&nbsp;theName,
+             int&nbsp;theX,
+             int&nbsp;theY,
+             int&nbsp;theW)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>&lt;C&gt;&nbsp;C</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Legacy.html#addController(java.lang.Object, java.lang.String, java.lang.String, java.lang.Class, int, int)">addController</a></strong>(java.lang.Object&nbsp;theObject,
+             java.lang.String&nbsp;theIndex,
+             java.lang.String&nbsp;theName,
+             java.lang.Class&lt;C&gt;&nbsp;theClass,
+             int&nbsp;theX,
+             int&nbsp;theY)</code>
+<div class="block">Adds Controllers by Object reference, currently
+ supports Slider, Bang, Button, Knob, Numberbox,
+ Toggle, Textlabel, Textfield, Range, Slider2D.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>&lt;C&gt;&nbsp;C</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Legacy.html#addController(java.lang.String, java.lang.Class, int, int)">addController</a></strong>(java.lang.String&nbsp;theName,
+             java.lang.Class&lt;C&gt;&nbsp;theClass,
+             int&nbsp;theX,
+             int&nbsp;theY)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/ControlWindow.html" title="class in controlP5">ControlWindow</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Legacy.html#addControlWindow(java.lang.String)">addControlWindow</a></strong>(java.lang.String&nbsp;theName)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/ControlWindow.html" title="class in controlP5">ControlWindow</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Legacy.html#addControlWindow(java.lang.String, int, int)">addControlWindow</a></strong>(java.lang.String&nbsp;theWindowName,
+                int&nbsp;theWidth,
+                int&nbsp;theHeight)</code>
+<div class="block"><strong>Deprecated.</strong>&nbsp;</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/ControlWindow.html" title="class in controlP5">ControlWindow</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Legacy.html#addControlWindow(java.lang.String, int, int, int, int)">addControlWindow</a></strong>(java.lang.String&nbsp;theWindowName,
+                int&nbsp;theX,
+                int&nbsp;theY,
+                int&nbsp;theWidth,
+                int&nbsp;theHeight)</code>
+<div class="block"><strong>Deprecated.</strong>&nbsp;</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/ControlWindow.html" title="class in controlP5">ControlWindow</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Legacy.html#addControlWindow(java.lang.String, int, int, int, int, int)">addControlWindow</a></strong>(java.lang.String&nbsp;theWindowName,
+                int&nbsp;theX,
+                int&nbsp;theY,
+                int&nbsp;theWidth,
+                int&nbsp;theHeight,
+                int&nbsp;theFrameRate)</code>
+<div class="block"><strong>Deprecated.</strong>&nbsp;</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/ControlWindow.html" title="class in controlP5">ControlWindow</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Legacy.html#addControlWindow(java.lang.String, int, int, int, int, java.lang.String, int)">addControlWindow</a></strong>(java.lang.String&nbsp;theName,
+                int&nbsp;theX,
+                int&nbsp;theY,
+                int&nbsp;theWidth,
+                int&nbsp;theHeight,
+                java.lang.String&nbsp;theRenderer,
+                int&nbsp;theFrameRate)</code>
+<div class="block"><strong>Deprecated.</strong>&nbsp;</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/DropdownList.html" title="class in controlP5">DropdownList</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Legacy.html#addDropdownList(java.lang.Object, java.lang.String, java.lang.String, int, int, int, int)">addDropdownList</a></strong>(java.lang.Object&nbsp;theObject,
+               java.lang.String&nbsp;theIndex,
+               java.lang.String&nbsp;theName,
+               int&nbsp;theX,
+               int&nbsp;theY,
+               int&nbsp;theW,
+               int&nbsp;theH)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/DropdownList.html" title="class in controlP5">DropdownList</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Legacy.html#addDropdownList(java.lang.String)">addDropdownList</a></strong>(java.lang.String&nbsp;theName)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/DropdownList.html" title="class in controlP5">DropdownList</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Legacy.html#addDropdownList(java.lang.String, int, int, int, int)">addDropdownList</a></strong>(java.lang.String&nbsp;theName,
+               int&nbsp;theX,
+               int&nbsp;theY,
+               int&nbsp;theW,
+               int&nbsp;theH)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Group.html" title="class in controlP5">Group</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Legacy.html#addGroup(java.lang.Object, java.lang.String, java.lang.String)">addGroup</a></strong>(java.lang.Object&nbsp;theObject,
+        java.lang.String&nbsp;theIndex,
+        java.lang.String&nbsp;theName)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>&lt;C&gt;&nbsp;C</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Legacy.html#addGroup(java.lang.Object, java.lang.String, java.lang.String, java.lang.Class, int, int, int, int)">addGroup</a></strong>(java.lang.Object&nbsp;theObject,
+        java.lang.String&nbsp;theIndex,
+        java.lang.String&nbsp;theName,
+        java.lang.Class&lt;C&gt;&nbsp;theClass,
+        int&nbsp;theX,
+        int&nbsp;theY,
+        int&nbsp;theW,
+        int&nbsp;theH)</code>
+<div class="block">Use with caution, only for internal use.</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Group.html" title="class in controlP5">Group</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Legacy.html#addGroup(java.lang.Object, java.lang.String, java.lang.String, int, int)">addGroup</a></strong>(java.lang.Object&nbsp;theObject,
+        java.lang.String&nbsp;theIndex,
+        java.lang.String&nbsp;theName,
+        int&nbsp;theX,
+        int&nbsp;theY)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Group.html" title="class in controlP5">Group</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Legacy.html#addGroup(java.lang.Object, java.lang.String, java.lang.String, int, int, int)">addGroup</a></strong>(java.lang.Object&nbsp;theObject,
+        java.lang.String&nbsp;theIndex,
+        java.lang.String&nbsp;theName,
+        int&nbsp;theX,
+        int&nbsp;theY,
+        int&nbsp;theW)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Group.html" title="class in controlP5">Group</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Legacy.html#addGroup(java.lang.String, int, int)">addGroup</a></strong>(java.lang.String&nbsp;theName,
+        int&nbsp;theX,
+        int&nbsp;theY)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Group.html" title="class in controlP5">Group</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Legacy.html#addGroup(java.lang.String, int, int, int)">addGroup</a></strong>(java.lang.String&nbsp;theName,
+        int&nbsp;theX,
+        int&nbsp;theY,
+        int&nbsp;theW)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Knob.html" title="class in controlP5">Knob</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Legacy.html#addKnob(java.lang.Object, java.lang.String, java.lang.String)">addKnob</a></strong>(java.lang.Object&nbsp;theObject,
+       java.lang.String&nbsp;theIndex,
+       java.lang.String&nbsp;theName)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Knob.html" title="class in controlP5">Knob</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Legacy.html#addKnob(java.lang.Object, java.lang.String, java.lang.String, float, float, float, int, int, int)">addKnob</a></strong>(java.lang.Object&nbsp;theObject,
+       java.lang.String&nbsp;theIndex,
+       java.lang.String&nbsp;theName,
+       float&nbsp;theMin,
+       float&nbsp;theMax,
+       float&nbsp;theDefaultValue,
+       int&nbsp;theX,
+       int&nbsp;theY,
+       int&nbsp;theDiameter)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Knob.html" title="class in controlP5">Knob</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Legacy.html#addKnob(java.lang.Object, java.lang.String, java.lang.String, float, float, int, int, int)">addKnob</a></strong>(java.lang.Object&nbsp;theObject,
+       java.lang.String&nbsp;theIndex,
+       java.lang.String&nbsp;theName,
+       float&nbsp;theMin,
+       float&nbsp;theMax,
+       int&nbsp;theX,
+       int&nbsp;theY,
+       int&nbsp;theDiameter)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Knob.html" title="class in controlP5">Knob</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Legacy.html#addKnob(java.lang.Object, java.lang.String, java.lang.String, int, int)">addKnob</a></strong>(java.lang.Object&nbsp;theObject,
+       java.lang.String&nbsp;theIndex,
+       java.lang.String&nbsp;theName,
+       int&nbsp;theMin,
+       int&nbsp;theMax)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Knob.html" title="class in controlP5">Knob</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Legacy.html#addKnob(java.lang.String, float, float, float, int, int, int)">addKnob</a></strong>(java.lang.String&nbsp;theName,
+       float&nbsp;theMin,
+       float&nbsp;theMax,
+       float&nbsp;theDefaultValue,
+       int&nbsp;theX,
+       int&nbsp;theY,
+       int&nbsp;theDiameter)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Knob.html" title="class in controlP5">Knob</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Legacy.html#addKnob(java.lang.String, float, float, int, int, int)">addKnob</a></strong>(java.lang.String&nbsp;theName,
+       float&nbsp;theMin,
+       float&nbsp;theMax,
+       int&nbsp;theX,
+       int&nbsp;theY,
+       int&nbsp;theDiameter)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Knob.html" title="class in controlP5">Knob</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Legacy.html#addKnob(java.lang.String, int, int)">addKnob</a></strong>(java.lang.String&nbsp;theName,
+       int&nbsp;theMin,
+       int&nbsp;theMax)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/ListBox.html" title="class in controlP5">ListBox</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Legacy.html#addListBox(java.lang.Object, java.lang.String, java.lang.String, int, int, int, int)">addListBox</a></strong>(java.lang.Object&nbsp;theObject,
+          java.lang.String&nbsp;theIndex,
+          java.lang.String&nbsp;theName,
+          int&nbsp;theX,
+          int&nbsp;theY,
+          int&nbsp;theW,
+          int&nbsp;theH)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/ListBox.html" title="class in controlP5">ListBox</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Legacy.html#addListBox(java.lang.String)">addListBox</a></strong>(java.lang.String&nbsp;theName)</code>
+<div class="block">A list box is a list of items a user can choose from.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/ListBox.html" title="class in controlP5">ListBox</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Legacy.html#addListBox(java.lang.String, int, int, int, int)">addListBox</a></strong>(java.lang.String&nbsp;theName,
+          int&nbsp;theX,
+          int&nbsp;theY,
+          int&nbsp;theW,
+          int&nbsp;theH)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Matrix.html" title="class in controlP5">Matrix</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Legacy.html#addMatrix(java.lang.Object, java.lang.String, java.lang.String, int, int, int, int, int, int)">addMatrix</a></strong>(java.lang.Object&nbsp;theObject,
+         java.lang.String&nbsp;theIndex,
+         java.lang.String&nbsp;theName,
+         int&nbsp;theCellX,
+         int&nbsp;theCellY,
+         int&nbsp;theX,
+         int&nbsp;theY,
+         int&nbsp;theWidth,
+         int&nbsp;theHeight)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Matrix.html" title="class in controlP5">Matrix</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Legacy.html#addMatrix(java.lang.String, int, int, int, int, int, int)">addMatrix</a></strong>(java.lang.String&nbsp;theName,
+         int&nbsp;theCellX,
+         int&nbsp;theCellY,
+         int&nbsp;theX,
+         int&nbsp;theY,
+         int&nbsp;theWidth,
+         int&nbsp;theHeight)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/MultiList.html" title="class in controlP5">MultiList</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Legacy.html#addMultiList(java.lang.Object, java.lang.String, java.lang.String, int, int, int, int)">addMultiList</a></strong>(java.lang.Object&nbsp;theObject,
+            java.lang.String&nbsp;theIndex,
+            java.lang.String&nbsp;theName,
+            int&nbsp;theX,
+            int&nbsp;theY,
+            int&nbsp;theWidth,
+            int&nbsp;theHeight)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/MultiList.html" title="class in controlP5">MultiList</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Legacy.html#addMultiList(java.lang.String, int, int, int, int)">addMultiList</a></strong>(java.lang.String&nbsp;theName,
+            int&nbsp;theX,
+            int&nbsp;theY,
+            int&nbsp;theWidth,
+            int&nbsp;theHeight)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Numberbox.html" title="class in controlP5">Numberbox</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Legacy.html#addNumberbox(java.lang.Object, java.lang.String, java.lang.String)">addNumberbox</a></strong>(java.lang.Object&nbsp;theObject,
+            java.lang.String&nbsp;theIndex,
+            java.lang.String&nbsp;theName)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Numberbox.html" title="class in controlP5">Numberbox</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Legacy.html#addNumberbox(java.lang.Object, java.lang.String, java.lang.String, float, int, int, int, int)">addNumberbox</a></strong>(java.lang.Object&nbsp;theObject,
+            java.lang.String&nbsp;theIndex,
+            java.lang.String&nbsp;theName,
+            float&nbsp;theDefaultValue,
+            int&nbsp;theX,
+            int&nbsp;theY,
+            int&nbsp;theWidth,
+            int&nbsp;theHeight)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Numberbox.html" title="class in controlP5">Numberbox</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Legacy.html#addNumberbox(java.lang.Object, java.lang.String, java.lang.String, int, int, int, int)">addNumberbox</a></strong>(java.lang.Object&nbsp;theObject,
+            java.lang.String&nbsp;theIndex,
+            java.lang.String&nbsp;theName,
+            int&nbsp;theX,
+            int&nbsp;theY,
+            int&nbsp;theWidth,
+            int&nbsp;theHeight)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Numberbox.html" title="class in controlP5">Numberbox</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Legacy.html#addNumberbox(java.lang.String, float, int, int, int, int)">addNumberbox</a></strong>(java.lang.String&nbsp;theName,
+            float&nbsp;theDefaultValue,
+            int&nbsp;theX,
+            int&nbsp;theY,
+            int&nbsp;theWidth,
+            int&nbsp;theHeight)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Numberbox.html" title="class in controlP5">Numberbox</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Legacy.html#addNumberbox(java.lang.String, int, int, int, int)">addNumberbox</a></strong>(java.lang.String&nbsp;theName,
+            int&nbsp;theX,
+            int&nbsp;theY,
+            int&nbsp;theWidth,
+            int&nbsp;theHeight)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/RadioButton.html" title="class in controlP5">RadioButton</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Legacy.html#addRadio(java.lang.String)">addRadio</a></strong>(java.lang.String&nbsp;theName)</code>
+<div class="block">Use radio buttons for multiple choice options.</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/RadioButton.html" title="class in controlP5">RadioButton</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Legacy.html#addRadio(java.lang.String, int, int)">addRadio</a></strong>(java.lang.String&nbsp;theName,
+        int&nbsp;theX,
+        int&nbsp;theY)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/RadioButton.html" title="class in controlP5">RadioButton</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Legacy.html#addRadioButton(java.lang.Object, java.lang.String, java.lang.String, int, int)">addRadioButton</a></strong>(java.lang.Object&nbsp;theObject,
+              java.lang.String&nbsp;theIndex,
+              java.lang.String&nbsp;theName,
+              int&nbsp;theX,
+              int&nbsp;theY)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/RadioButton.html" title="class in controlP5">RadioButton</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Legacy.html#addRadioButton(java.lang.String, int, int)">addRadioButton</a></strong>(java.lang.String&nbsp;theName,
+              int&nbsp;theX,
+              int&nbsp;theY)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Range.html" title="class in controlP5">Range</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Legacy.html#addRange(java.lang.Object, java.lang.String, java.lang.String, float, float, float, float, int, int, int, int)">addRange</a></strong>(java.lang.Object&nbsp;theObject,
+        java.lang.String&nbsp;theIndex,
+        java.lang.String&nbsp;theName,
+        float&nbsp;theMin,
+        float&nbsp;theMax,
+        float&nbsp;theDefaultMinValue,
+        float&nbsp;theDefaultMaxValue,
+        int&nbsp;theX,
+        int&nbsp;theY,
+        int&nbsp;theW,
+        int&nbsp;theH)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Range.html" title="class in controlP5">Range</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Legacy.html#addRange(java.lang.Object, java.lang.String, java.lang.String, float, float, int, int, int, int)">addRange</a></strong>(java.lang.Object&nbsp;theObject,
+        java.lang.String&nbsp;theIndex,
+        java.lang.String&nbsp;theName,
+        float&nbsp;theMin,
+        float&nbsp;theMax,
+        int&nbsp;theX,
+        int&nbsp;theY,
+        int&nbsp;theWidth,
+        int&nbsp;theHeight)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Range.html" title="class in controlP5">Range</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Legacy.html#addRange(java.lang.String, float, float, float, float, int, int, int, int)">addRange</a></strong>(java.lang.String&nbsp;theName,
+        float&nbsp;theMin,
+        float&nbsp;theMax,
+        float&nbsp;theDefaultMinValue,
+        float&nbsp;theDefaultMaxValue,
+        int&nbsp;theX,
+        int&nbsp;theY,
+        int&nbsp;theW,
+        int&nbsp;theH)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Range.html" title="class in controlP5">Range</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Legacy.html#addRange(java.lang.String, float, float, int, int, int, int)">addRange</a></strong>(java.lang.String&nbsp;theName,
+        float&nbsp;theMin,
+        float&nbsp;theMax,
+        int&nbsp;theX,
+        int&nbsp;theY,
+        int&nbsp;theWidth,
+        int&nbsp;theHeight)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/ScrollableList.html" title="class in controlP5">ScrollableList</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Legacy.html#addScrollableList(java.lang.Object, java.lang.String, java.lang.String)">addScrollableList</a></strong>(java.lang.Object&nbsp;theObject,
+                 java.lang.String&nbsp;theIndex,
+                 java.lang.String&nbsp;theName)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/ScrollableList.html" title="class in controlP5">ScrollableList</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Legacy.html#addScrollableList(java.lang.Object, java.lang.String, java.lang.String, int, int, int, int)">addScrollableList</a></strong>(java.lang.Object&nbsp;theObject,
+                 java.lang.String&nbsp;theIndex,
+                 java.lang.String&nbsp;theName,
+                 int&nbsp;theX,
+                 int&nbsp;theY,
+                 int&nbsp;theW,
+                 int&nbsp;theH)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/ScrollableList.html" title="class in controlP5">ScrollableList</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Legacy.html#addScrollableList(java.lang.String, int, int, int, int)">addScrollableList</a></strong>(java.lang.String&nbsp;theName,
+                 int&nbsp;theX,
+                 int&nbsp;theY,
+                 int&nbsp;theW,
+                 int&nbsp;theH)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Slider.html" title="class in controlP5">Slider</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Legacy.html#addSlider(java.lang.Object, java.lang.String, java.lang.String)">addSlider</a></strong>(java.lang.Object&nbsp;theObject,
+         java.lang.String&nbsp;theIndex,
+         java.lang.String&nbsp;theName)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Slider.html" title="class in controlP5">Slider</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Legacy.html#addSlider(java.lang.Object, java.lang.String, java.lang.String, float, float)">addSlider</a></strong>(java.lang.Object&nbsp;theObject,
+         java.lang.String&nbsp;theIndex,
+         java.lang.String&nbsp;theName,
+         float&nbsp;theMin,
+         float&nbsp;theMax)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Slider.html" title="class in controlP5">Slider</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Legacy.html#addSlider(java.lang.Object, java.lang.String, java.lang.String, float, float, float, int, int, int, int)">addSlider</a></strong>(java.lang.Object&nbsp;theObject,
+         java.lang.String&nbsp;theIndex,
+         java.lang.String&nbsp;theName,
+         float&nbsp;theMin,
+         float&nbsp;theMax,
+         float&nbsp;theDefaultValue,
+         int&nbsp;theX,
+         int&nbsp;theY,
+         int&nbsp;theW,
+         int&nbsp;theH)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Slider.html" title="class in controlP5">Slider</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Legacy.html#addSlider(java.lang.Object, java.lang.String, java.lang.String, float, float, int, int, int, int)">addSlider</a></strong>(java.lang.Object&nbsp;theObject,
+         java.lang.String&nbsp;theIndex,
+         java.lang.String&nbsp;theName,
+         float&nbsp;theMin,
+         float&nbsp;theMax,
+         int&nbsp;theX,
+         int&nbsp;theY,
+         int&nbsp;theW,
+         int&nbsp;theH)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Slider.html" title="class in controlP5">Slider</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Legacy.html#addSlider(java.lang.String, float, float)">addSlider</a></strong>(java.lang.String&nbsp;theName,
+         float&nbsp;theMin,
+         float&nbsp;theMax)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Slider.html" title="class in controlP5">Slider</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Legacy.html#addSlider(java.lang.String, float, float, float, int, int, int, int)">addSlider</a></strong>(java.lang.String&nbsp;theName,
+         float&nbsp;theMin,
+         float&nbsp;theMax,
+         float&nbsp;theDefaultValue,
+         int&nbsp;theX,
+         int&nbsp;theY,
+         int&nbsp;theW,
+         int&nbsp;theH)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Slider.html" title="class in controlP5">Slider</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Legacy.html#addSlider(java.lang.String, float, float, int, int, int, int)">addSlider</a></strong>(java.lang.String&nbsp;theName,
+         float&nbsp;theMin,
+         float&nbsp;theMax,
+         int&nbsp;theX,
+         int&nbsp;theY,
+         int&nbsp;theWidth,
+         int&nbsp;theHeight)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Slider2D.html" title="class in controlP5">Slider2D</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Legacy.html#addSlider2D(java.lang.Object, java.lang.String, java.lang.String, float, float, float, float, float, float, int, int, int, int)">addSlider2D</a></strong>(java.lang.Object&nbsp;theObject,
+           java.lang.String&nbsp;theIndex,
+           java.lang.String&nbsp;theName,
+           float&nbsp;theMinX,
+           float&nbsp;theMaxX,
+           float&nbsp;theMinY,
+           float&nbsp;theMaxY,
+           float&nbsp;theDefaultValueX,
+           float&nbsp;theDefaultValueY,
+           int&nbsp;theX,
+           int&nbsp;theY,
+           int&nbsp;theW,
+           int&nbsp;theH)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Slider2D.html" title="class in controlP5">Slider2D</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Legacy.html#addSlider2D(java.lang.Object, java.lang.String, java.lang.String, int, int, int, int)">addSlider2D</a></strong>(java.lang.Object&nbsp;theObject,
+           java.lang.String&nbsp;theIndex,
+           java.lang.String&nbsp;theName,
+           int&nbsp;theX,
+           int&nbsp;theY,
+           int&nbsp;theW,
+           int&nbsp;theH)</code>
+<div class="block"><strong>Deprecated.</strong>&nbsp;</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Slider2D.html" title="class in controlP5">Slider2D</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Legacy.html#addSlider2D(java.lang.String, float, float, float, float, float, float, int, int, int, int)">addSlider2D</a></strong>(java.lang.String&nbsp;theName,
+           float&nbsp;theMinX,
+           float&nbsp;theMaxX,
+           float&nbsp;theMinY,
+           float&nbsp;theMaxY,
+           float&nbsp;theDefaultValueX,
+           float&nbsp;theDefaultValueY,
+           int&nbsp;theX,
+           int&nbsp;theY,
+           int&nbsp;theW,
+           int&nbsp;theH)</code>
+<div class="block"><strong>Deprecated.</strong>&nbsp;</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Slider2D.html" title="class in controlP5">Slider2D</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Legacy.html#addSlider2D(java.lang.String, int, int, int, int)">addSlider2D</a></strong>(java.lang.String&nbsp;theName,
+           int&nbsp;theX,
+           int&nbsp;theY,
+           int&nbsp;theW,
+           int&nbsp;theH)</code>
+<div class="block"><strong>Deprecated.</strong>&nbsp;</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Tab.html" title="class in controlP5">Tab</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Legacy.html#addTab(controlP5.ControlWindow, java.lang.String)">addTab</a></strong>(<a href="../controlP5/ControlWindow.html" title="class in controlP5">ControlWindow</a>&nbsp;theWindow,
+      java.lang.String&nbsp;theName)</code>
+<div class="block"><strong>Deprecated.</strong>&nbsp;</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Tab.html" title="class in controlP5">Tab</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Legacy.html#addTab(processing.core.PApplet, java.lang.String)">addTab</a></strong>(processing.core.PApplet&nbsp;theWindow,
+      java.lang.String&nbsp;theName)</code>
+<div class="block"><strong>Deprecated.</strong>&nbsp;</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Textarea.html" title="class in controlP5">Textarea</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Legacy.html#addTextarea(java.lang.String, java.lang.String, int, int, int, int)">addTextarea</a></strong>(java.lang.String&nbsp;theName,
+           java.lang.String&nbsp;theText,
+           int&nbsp;theX,
+           int&nbsp;theY,
+           int&nbsp;theW,
+           int&nbsp;theH)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Textfield.html" title="class in controlP5">Textfield</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Legacy.html#addTextfield(java.lang.Object, java.lang.String, java.lang.String)">addTextfield</a></strong>(java.lang.Object&nbsp;theObject,
+            java.lang.String&nbsp;theIndex,
+            java.lang.String&nbsp;theName)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Textfield.html" title="class in controlP5">Textfield</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Legacy.html#addTextfield(java.lang.Object, java.lang.String, java.lang.String, int, int, int, int)">addTextfield</a></strong>(java.lang.Object&nbsp;theObject,
+            java.lang.String&nbsp;theIndex,
+            java.lang.String&nbsp;theName,
+            int&nbsp;theX,
+            int&nbsp;theY,
+            int&nbsp;theW,
+            int&nbsp;theH)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Textfield.html" title="class in controlP5">Textfield</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Legacy.html#addTextfield(java.lang.String, int, int, int, int)">addTextfield</a></strong>(java.lang.String&nbsp;theName,
+            int&nbsp;theX,
+            int&nbsp;theY,
+            int&nbsp;theW,
+            int&nbsp;theH)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Textlabel.html" title="class in controlP5">Textlabel</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Legacy.html#addTextlabel(java.lang.Object, java.lang.String, java.lang.String, java.lang.String)">addTextlabel</a></strong>(java.lang.Object&nbsp;theObject,
+            java.lang.String&nbsp;theIndex,
+            java.lang.String&nbsp;theName,
+            java.lang.String&nbsp;theText)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Textlabel.html" title="class in controlP5">Textlabel</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Legacy.html#addTextlabel(java.lang.Object, java.lang.String, java.lang.String, java.lang.String, int, int)">addTextlabel</a></strong>(java.lang.Object&nbsp;theObject,
+            java.lang.String&nbsp;theIndex,
+            java.lang.String&nbsp;theName,
+            java.lang.String&nbsp;theText,
+            int&nbsp;theX,
+            int&nbsp;theY)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Textlabel.html" title="class in controlP5">Textlabel</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Legacy.html#addTextlabel(java.lang.String, java.lang.String)">addTextlabel</a></strong>(java.lang.String&nbsp;theName,
+            java.lang.String&nbsp;theText)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Textlabel.html" title="class in controlP5">Textlabel</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Legacy.html#addTextlabel(java.lang.String, java.lang.String, int, int)">addTextlabel</a></strong>(java.lang.String&nbsp;theName,
+            java.lang.String&nbsp;theText,
+            int&nbsp;theX,
+            int&nbsp;theY)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Toggle.html" title="class in controlP5">Toggle</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Legacy.html#addToggle(java.lang.Object, java.lang.String, java.lang.String)">addToggle</a></strong>(java.lang.Object&nbsp;theObject,
+         java.lang.String&nbsp;theIndex,
+         java.lang.String&nbsp;theName)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Toggle.html" title="class in controlP5">Toggle</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Legacy.html#addToggle(java.lang.Object, java.lang.String, java.lang.String, boolean)">addToggle</a></strong>(java.lang.Object&nbsp;theObject,
+         java.lang.String&nbsp;theIndex,
+         java.lang.String&nbsp;theName,
+         boolean&nbsp;theValue)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Toggle.html" title="class in controlP5">Toggle</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Legacy.html#addToggle(java.lang.Object, java.lang.String, java.lang.String, boolean, float, float, int, int)">addToggle</a></strong>(java.lang.Object&nbsp;theObject,
+         java.lang.String&nbsp;theIndex,
+         java.lang.String&nbsp;theName,
+         boolean&nbsp;theDefaultValue,
+         float&nbsp;theX,
+         float&nbsp;theY,
+         int&nbsp;theWidth,
+         int&nbsp;theHeight)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Toggle.html" title="class in controlP5">Toggle</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Legacy.html#addToggle(java.lang.Object, java.lang.String, java.lang.String, float, float, int, int)">addToggle</a></strong>(java.lang.Object&nbsp;theObject,
+         java.lang.String&nbsp;theIndex,
+         java.lang.String&nbsp;theName,
+         float&nbsp;theX,
+         float&nbsp;theY,
+         int&nbsp;theWidth,
+         int&nbsp;theHeight)</code>
+<div class="block"><strong>Deprecated.</strong>&nbsp;</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Toggle.html" title="class in controlP5">Toggle</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Legacy.html#addToggle(java.lang.String, boolean)">addToggle</a></strong>(java.lang.String&nbsp;theName,
+         boolean&nbsp;theValue)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Toggle.html" title="class in controlP5">Toggle</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Legacy.html#addToggle(java.lang.String, boolean, float, float, int, int)">addToggle</a></strong>(java.lang.String&nbsp;theName,
+         boolean&nbsp;theDefaultValue,
+         float&nbsp;theX,
+         float&nbsp;theY,
+         int&nbsp;theWidth,
+         int&nbsp;theHeight)</code>
+<div class="block"><strong>Deprecated.</strong>&nbsp;</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Toggle.html" title="class in controlP5">Toggle</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Legacy.html#addToggle(java.lang.String, float, float, int, int)">addToggle</a></strong>(java.lang.String&nbsp;theName,
+         float&nbsp;theX,
+         float&nbsp;theY,
+         int&nbsp;theWidth,
+         int&nbsp;theHeight)</code>
+<div class="block"><strong>Deprecated.</strong>&nbsp;</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Tooltip.html" title="class in controlP5">Tooltip</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Legacy.html#addTooltip()">addTooltip</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Controller.html" title="class in controlP5">Controller</a>&lt;?&gt;</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Legacy.html#getController(java.lang.String, java.lang.Object)">getController</a></strong>(java.lang.String&nbsp;theName,
+             java.lang.Object&nbsp;theObject)</code>
+<div class="block"><strong>Deprecated.</strong>&nbsp;</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Textlabel.html" title="class in controlP5">Textlabel</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Legacy.html#getTextlabel()">getTextlabel</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Textlabel.html" title="class in controlP5">Textlabel</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlP5Legacy.html#getTextlabel(java.lang.String, int, int)">getTextlabel</a></strong>(java.lang.String&nbsp;theText,
+            int&nbsp;theX,
+            int&nbsp;theY)</code>&nbsp;</td>
+</tr>
+</table>
+<ul class="blockList">
+<li class="blockList"><a name="methods_inherited_from_class_java.lang.Object">
+<!--   -->
+</a>
+<h3>Methods inherited from class&nbsp;java.lang.Object</h3>
+<code>equals, getClass, hashCode, notify, notifyAll, toString, wait, wait, wait</code></li>
+</ul>
+</li>
+</ul>
+</li>
+</ul>
+</div>
+<div class="details">
+<ul class="blockList">
+<li class="blockList">
+<!-- ========= CONSTRUCTOR DETAIL ======== -->
+<ul class="blockList">
+<li class="blockList"><a name="constructor_detail">
+<!--   -->
+</a>
+<h3>Constructor Detail</h3>
+<a name="ControlP5Legacy()">
+<!--   -->
+</a>
+<ul class="blockListLast">
+<li class="blockList">
+<h4>ControlP5Legacy</h4>
+<pre>public&nbsp;ControlP5Legacy()</pre>
+</li>
+</ul>
+</li>
+</ul>
+<!-- ============ METHOD DETAIL ========== -->
+<ul class="blockList">
+<li class="blockList"><a name="method_detail">
+<!--   -->
+</a>
+<h3>Method Detail</h3>
+<a name="addAccordion(java.lang.Object, java.lang.String, java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>addAccordion</h4>
+<pre>public&nbsp;<a href="../controlP5/Accordion.html" title="class in controlP5">Accordion</a>&nbsp;addAccordion(java.lang.Object&nbsp;theObject,
+                     java.lang.String&nbsp;theIndex,
+                     java.lang.String&nbsp;theName)</pre>
+</li>
+</ul>
+<a name="addAccordion(java.lang.String, int, int, int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>addAccordion</h4>
+<pre>public&nbsp;<a href="../controlP5/Accordion.html" title="class in controlP5">Accordion</a>&nbsp;addAccordion(java.lang.String&nbsp;theName,
+                     int&nbsp;theX,
+                     int&nbsp;theY,
+                     int&nbsp;theWidth)</pre>
+</li>
+</ul>
+<a name="addBang(java.lang.Object, java.lang.String, java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>addBang</h4>
+<pre>public&nbsp;<a href="../controlP5/Bang.html" title="class in controlP5">Bang</a>&nbsp;addBang(java.lang.Object&nbsp;theObject,
+           java.lang.String&nbsp;theIndex,
+           java.lang.String&nbsp;theName)</pre>
+</li>
+</ul>
+<a name="addBang(java.lang.Object, java.lang.String, java.lang.String, int, int, int, int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>addBang</h4>
+<pre>public&nbsp;<a href="../controlP5/Bang.html" title="class in controlP5">Bang</a>&nbsp;addBang(java.lang.Object&nbsp;theObject,
+           java.lang.String&nbsp;theIndex,
+           java.lang.String&nbsp;theName,
+           int&nbsp;theX,
+           int&nbsp;theY,
+           int&nbsp;theWidth,
+           int&nbsp;theHeight)</pre>
+</li>
+</ul>
+<a name="addBang(java.lang.String, int, int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>addBang</h4>
+<pre>@Deprecated
+public&nbsp;<a href="../controlP5/Bang.html" title="class in controlP5">Bang</a>&nbsp;addBang(java.lang.String&nbsp;theName,
+                      int&nbsp;theX,
+                      int&nbsp;theY)</pre>
+<div class="block"><span class="strong">Deprecated.</span>&nbsp;</div>
+</li>
+</ul>
+<a name="addBang(java.lang.String, int, int, int, int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>addBang</h4>
+<pre>@Deprecated
+public&nbsp;<a href="../controlP5/Bang.html" title="class in controlP5">Bang</a>&nbsp;addBang(java.lang.String&nbsp;theName,
+                      int&nbsp;theX,
+                      int&nbsp;theY,
+                      int&nbsp;theWidth,
+                      int&nbsp;theHeight)</pre>
+<div class="block"><span class="strong">Deprecated.</span>&nbsp;</div>
+</li>
+</ul>
+<a name="addBoundingBox(java.lang.Object, java.lang.String, java.lang.String, int, int, int, int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>addBoundingBox</h4>
+<pre>public&nbsp;<a href="../controlP5/BoundingBox.html" title="class in controlP5">BoundingBox</a>&nbsp;addBoundingBox(java.lang.Object&nbsp;theObject,
+                         java.lang.String&nbsp;theIndex,
+                         java.lang.String&nbsp;theName,
+                         int&nbsp;theX,
+                         int&nbsp;theY,
+                         int&nbsp;theW,
+                         int&nbsp;theH)</pre>
+</li>
+</ul>
+<a name="addBoundingBox(java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>addBoundingBox</h4>
+<pre>public&nbsp;<a href="../controlP5/BoundingBox.html" title="class in controlP5">BoundingBox</a>&nbsp;addBoundingBox(java.lang.String&nbsp;theName)</pre>
+</li>
+</ul>
+<a name="addButton(java.lang.Object, java.lang.String, java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>addButton</h4>
+<pre>public&nbsp;<a href="../controlP5/Button.html" title="class in controlP5">Button</a>&nbsp;addButton(java.lang.Object&nbsp;theObject,
+               java.lang.String&nbsp;theIndex,
+               java.lang.String&nbsp;theName)</pre>
+</li>
+</ul>
+<a name="addButton(java.lang.Object, java.lang.String, java.lang.String, float)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>addButton</h4>
+<pre>public&nbsp;<a href="../controlP5/Button.html" title="class in controlP5">Button</a>&nbsp;addButton(java.lang.Object&nbsp;theObject,
+               java.lang.String&nbsp;theIndex,
+               java.lang.String&nbsp;theName,
+               float&nbsp;theValue)</pre>
+</li>
+</ul>
+<a name="addButton(java.lang.Object, java.lang.String, java.lang.String, float, int, int, int, int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>addButton</h4>
+<pre>public&nbsp;<a href="../controlP5/Button.html" title="class in controlP5">Button</a>&nbsp;addButton(java.lang.Object&nbsp;theObject,
+               java.lang.String&nbsp;theIndex,
+               java.lang.String&nbsp;theName,
+               float&nbsp;theValue,
+               int&nbsp;theX,
+               int&nbsp;theY,
+               int&nbsp;theW,
+               int&nbsp;theH)</pre>
+</li>
+</ul>
+<a name="addButton(java.lang.String, float)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>addButton</h4>
+<pre>public&nbsp;<a href="../controlP5/Button.html" title="class in controlP5">Button</a>&nbsp;addButton(java.lang.String&nbsp;theName,
+               float&nbsp;theValue)</pre>
+</li>
+</ul>
+<a name="addButton(java.lang.String, float, int, int, int, int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>addButton</h4>
+<pre>@Deprecated
+public&nbsp;<a href="../controlP5/Button.html" title="class in controlP5">Button</a>&nbsp;addButton(java.lang.String&nbsp;theName,
+                          float&nbsp;theValue,
+                          int&nbsp;theX,
+                          int&nbsp;theY,
+                          int&nbsp;theW,
+                          int&nbsp;theH)</pre>
+<div class="block"><span class="strong">Deprecated.</span>&nbsp;</div>
+</li>
+</ul>
+<a name="addChart(java.lang.String, int, int, int, int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>addChart</h4>
+<pre>public&nbsp;<a href="../controlP5/Chart.html" title="class in controlP5">Chart</a>&nbsp;addChart(java.lang.String&nbsp;theName,
+             int&nbsp;theX,
+             int&nbsp;theY,
+             int&nbsp;theW,
+             int&nbsp;theH)</pre>
+</li>
+</ul>
+<a name="addCheckBox(java.lang.Object, java.lang.String, java.lang.String, int, int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>addCheckBox</h4>
+<pre>public&nbsp;<a href="../controlP5/CheckBox.html" title="class in controlP5">CheckBox</a>&nbsp;addCheckBox(java.lang.Object&nbsp;theObject,
+                   java.lang.String&nbsp;theIndex,
+                   java.lang.String&nbsp;theName,
+                   int&nbsp;theX,
+                   int&nbsp;theY)</pre>
+</li>
+</ul>
+<a name="addCheckBox(java.lang.String, int, int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>addCheckBox</h4>
+<pre>public&nbsp;<a href="../controlP5/CheckBox.html" title="class in controlP5">CheckBox</a>&nbsp;addCheckBox(java.lang.String&nbsp;theName,
+                   int&nbsp;theX,
+                   int&nbsp;theY)</pre>
+</li>
+</ul>
+<a name="addColorPicker(java.lang.Object, java.lang.String, java.lang.String, int, int, int, int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>addColorPicker</h4>
+<pre>public&nbsp;<a href="../controlP5/ColorPicker.html" title="class in controlP5">ColorPicker</a>&nbsp;addColorPicker(java.lang.Object&nbsp;theObject,
+                         java.lang.String&nbsp;theIndex,
+                         java.lang.String&nbsp;theName,
+                         int&nbsp;theX,
+                         int&nbsp;theY,
+                         int&nbsp;theW,
+                         int&nbsp;theH)</pre>
+</li>
+</ul>
+<a name="addColorPicker(java.lang.String, int, int, int, int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>addColorPicker</h4>
+<pre>public&nbsp;<a href="../controlP5/ColorPicker.html" title="class in controlP5">ColorPicker</a>&nbsp;addColorPicker(java.lang.String&nbsp;theName,
+                         int&nbsp;theX,
+                         int&nbsp;theY,
+                         int&nbsp;theW,
+                         int&nbsp;theH)</pre>
+</li>
+</ul>
+<a name="addColorWheel(java.lang.Object, java.lang.String, java.lang.String, int, int, int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>addColorWheel</h4>
+<pre>public&nbsp;<a href="../controlP5/ColorWheel.html" title="class in controlP5">ColorWheel</a>&nbsp;addColorWheel(java.lang.Object&nbsp;theObject,
+                       java.lang.String&nbsp;theIndex,
+                       java.lang.String&nbsp;theName,
+                       int&nbsp;theX,
+                       int&nbsp;theY,
+                       int&nbsp;theW)</pre>
+</li>
+</ul>
+<a name="addColorWheel(java.lang.String, int, int, int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>addColorWheel</h4>
+<pre>public&nbsp;<a href="../controlP5/ColorWheel.html" title="class in controlP5">ColorWheel</a>&nbsp;addColorWheel(java.lang.String&nbsp;theName,
+                       int&nbsp;theX,
+                       int&nbsp;theY,
+                       int&nbsp;theW)</pre>
+</li>
+</ul>
+<a name="addController(java.lang.Object, java.lang.String, java.lang.String, java.lang.Class, int, int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>addController</h4>
+<pre>public&nbsp;&lt;C&gt;&nbsp;C&nbsp;addController(java.lang.Object&nbsp;theObject,
+                  java.lang.String&nbsp;theIndex,
+                  java.lang.String&nbsp;theName,
+                  java.lang.Class&lt;C&gt;&nbsp;theClass,
+                  int&nbsp;theX,
+                  int&nbsp;theY)</pre>
+<div class="block">Adds Controllers by Object reference, currently
+ supports Slider, Bang, Button, Knob, Numberbox,
+ Toggle, Textlabel, Textfield, Range, Slider2D. For
+ internal use rather than on application level.</div>
+</li>
+</ul>
+<a name="addController(java.lang.String, java.lang.Class, int, int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>addController</h4>
+<pre>public&nbsp;&lt;C&gt;&nbsp;C&nbsp;addController(java.lang.String&nbsp;theName,
+                  java.lang.Class&lt;C&gt;&nbsp;theClass,
+                  int&nbsp;theX,
+                  int&nbsp;theY)</pre>
+</li>
+</ul>
+<a name="addControlWindow(java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>addControlWindow</h4>
+<pre>public&nbsp;<a href="../controlP5/ControlWindow.html" title="class in controlP5">ControlWindow</a>&nbsp;addControlWindow(java.lang.String&nbsp;theName)</pre>
+</li>
+</ul>
+<a name="addControlWindow(java.lang.String, int, int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>addControlWindow</h4>
+<pre>@Deprecated
+public&nbsp;<a href="../controlP5/ControlWindow.html" title="class in controlP5">ControlWindow</a>&nbsp;addControlWindow(java.lang.String&nbsp;theWindowName,
+                                        int&nbsp;theWidth,
+                                        int&nbsp;theHeight)</pre>
+<div class="block"><span class="strong">Deprecated.</span>&nbsp;</div>
+</li>
+</ul>
+<a name="addControlWindow(java.lang.String, int, int, int, int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>addControlWindow</h4>
+<pre>@Deprecated
+public&nbsp;<a href="../controlP5/ControlWindow.html" title="class in controlP5">ControlWindow</a>&nbsp;addControlWindow(java.lang.String&nbsp;theWindowName,
+                                        int&nbsp;theX,
+                                        int&nbsp;theY,
+                                        int&nbsp;theWidth,
+                                        int&nbsp;theHeight)</pre>
+<div class="block"><span class="strong">Deprecated.</span>&nbsp;</div>
+</li>
+</ul>
+<a name="addControlWindow(java.lang.String, int, int, int, int, int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>addControlWindow</h4>
+<pre>@Deprecated
+public&nbsp;<a href="../controlP5/ControlWindow.html" title="class in controlP5">ControlWindow</a>&nbsp;addControlWindow(java.lang.String&nbsp;theWindowName,
+                                        int&nbsp;theX,
+                                        int&nbsp;theY,
+                                        int&nbsp;theWidth,
+                                        int&nbsp;theHeight,
+                                        int&nbsp;theFrameRate)</pre>
+<div class="block"><span class="strong">Deprecated.</span>&nbsp;</div>
+</li>
+</ul>
+<a name="addControlWindow(java.lang.String, int, int, int, int, java.lang.String, int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>addControlWindow</h4>
+<pre>@Deprecated
+public&nbsp;<a href="../controlP5/ControlWindow.html" title="class in controlP5">ControlWindow</a>&nbsp;addControlWindow(java.lang.String&nbsp;theName,
+                                        int&nbsp;theX,
+                                        int&nbsp;theY,
+                                        int&nbsp;theWidth,
+                                        int&nbsp;theHeight,
+                                        java.lang.String&nbsp;theRenderer,
+                                        int&nbsp;theFrameRate)</pre>
+<div class="block"><span class="strong">Deprecated.</span>&nbsp;</div>
+</li>
+</ul>
+<a name="addDropdownList(java.lang.Object, java.lang.String, java.lang.String, int, int, int, int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>addDropdownList</h4>
+<pre>public&nbsp;<a href="../controlP5/DropdownList.html" title="class in controlP5">DropdownList</a>&nbsp;addDropdownList(java.lang.Object&nbsp;theObject,
+                           java.lang.String&nbsp;theIndex,
+                           java.lang.String&nbsp;theName,
+                           int&nbsp;theX,
+                           int&nbsp;theY,
+                           int&nbsp;theW,
+                           int&nbsp;theH)</pre>
+</li>
+</ul>
+<a name="addDropdownList(java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>addDropdownList</h4>
+<pre>public&nbsp;<a href="../controlP5/DropdownList.html" title="class in controlP5">DropdownList</a>&nbsp;addDropdownList(java.lang.String&nbsp;theName)</pre>
+</li>
+</ul>
+<a name="addDropdownList(java.lang.String, int, int, int, int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>addDropdownList</h4>
+<pre>public&nbsp;<a href="../controlP5/DropdownList.html" title="class in controlP5">DropdownList</a>&nbsp;addDropdownList(java.lang.String&nbsp;theName,
+                           int&nbsp;theX,
+                           int&nbsp;theY,
+                           int&nbsp;theW,
+                           int&nbsp;theH)</pre>
+</li>
+</ul>
+<a name="addGroup(java.lang.Object, java.lang.String, java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>addGroup</h4>
+<pre>public&nbsp;<a href="../controlP5/Group.html" title="class in controlP5">Group</a>&nbsp;addGroup(java.lang.Object&nbsp;theObject,
+             java.lang.String&nbsp;theIndex,
+             java.lang.String&nbsp;theName)</pre>
+</li>
+</ul>
+<a name="addGroup(java.lang.Object, java.lang.String, java.lang.String, java.lang.Class, int, int, int, int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>addGroup</h4>
+<pre>public&nbsp;&lt;C&gt;&nbsp;C&nbsp;addGroup(java.lang.Object&nbsp;theObject,
+             java.lang.String&nbsp;theIndex,
+             java.lang.String&nbsp;theName,
+             java.lang.Class&lt;C&gt;&nbsp;theClass,
+             int&nbsp;theX,
+             int&nbsp;theY,
+             int&nbsp;theW,
+             int&nbsp;theH)</pre>
+<div class="block">Use with caution, only for internal use.</div>
+</li>
+</ul>
+<a name="addGroup(java.lang.Object, java.lang.String, java.lang.String, int, int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>addGroup</h4>
+<pre>public&nbsp;<a href="../controlP5/Group.html" title="class in controlP5">Group</a>&nbsp;addGroup(java.lang.Object&nbsp;theObject,
+             java.lang.String&nbsp;theIndex,
+             java.lang.String&nbsp;theName,
+             int&nbsp;theX,
+             int&nbsp;theY)</pre>
+</li>
+</ul>
+<a name="addGroup(java.lang.Object, java.lang.String, java.lang.String, int, int, int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>addGroup</h4>
+<pre>public&nbsp;<a href="../controlP5/Group.html" title="class in controlP5">Group</a>&nbsp;addGroup(java.lang.Object&nbsp;theObject,
+             java.lang.String&nbsp;theIndex,
+             java.lang.String&nbsp;theName,
+             int&nbsp;theX,
+             int&nbsp;theY,
+             int&nbsp;theW)</pre>
+</li>
+</ul>
+<a name="addGroup(java.lang.String, int, int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>addGroup</h4>
+<pre>public&nbsp;<a href="../controlP5/Group.html" title="class in controlP5">Group</a>&nbsp;addGroup(java.lang.String&nbsp;theName,
+             int&nbsp;theX,
+             int&nbsp;theY)</pre>
+</li>
+</ul>
+<a name="addGroup(java.lang.String, int, int, int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>addGroup</h4>
+<pre>public&nbsp;<a href="../controlP5/Group.html" title="class in controlP5">Group</a>&nbsp;addGroup(java.lang.String&nbsp;theName,
+             int&nbsp;theX,
+             int&nbsp;theY,
+             int&nbsp;theW)</pre>
+</li>
+</ul>
+<a name="addKnob(java.lang.Object, java.lang.String, java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>addKnob</h4>
+<pre>public&nbsp;<a href="../controlP5/Knob.html" title="class in controlP5">Knob</a>&nbsp;addKnob(java.lang.Object&nbsp;theObject,
+           java.lang.String&nbsp;theIndex,
+           java.lang.String&nbsp;theName)</pre>
+</li>
+</ul>
+<a name="addKnob(java.lang.Object, java.lang.String, java.lang.String, float, float, float, int, int, int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>addKnob</h4>
+<pre>public&nbsp;<a href="../controlP5/Knob.html" title="class in controlP5">Knob</a>&nbsp;addKnob(java.lang.Object&nbsp;theObject,
+           java.lang.String&nbsp;theIndex,
+           java.lang.String&nbsp;theName,
+           float&nbsp;theMin,
+           float&nbsp;theMax,
+           float&nbsp;theDefaultValue,
+           int&nbsp;theX,
+           int&nbsp;theY,
+           int&nbsp;theDiameter)</pre>
+</li>
+</ul>
+<a name="addKnob(java.lang.Object, java.lang.String, java.lang.String, float, float, int, int, int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>addKnob</h4>
+<pre>public&nbsp;<a href="../controlP5/Knob.html" title="class in controlP5">Knob</a>&nbsp;addKnob(java.lang.Object&nbsp;theObject,
+           java.lang.String&nbsp;theIndex,
+           java.lang.String&nbsp;theName,
+           float&nbsp;theMin,
+           float&nbsp;theMax,
+           int&nbsp;theX,
+           int&nbsp;theY,
+           int&nbsp;theDiameter)</pre>
+</li>
+</ul>
+<a name="addKnob(java.lang.Object, java.lang.String, java.lang.String, int, int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>addKnob</h4>
+<pre>public&nbsp;<a href="../controlP5/Knob.html" title="class in controlP5">Knob</a>&nbsp;addKnob(java.lang.Object&nbsp;theObject,
+           java.lang.String&nbsp;theIndex,
+           java.lang.String&nbsp;theName,
+           int&nbsp;theMin,
+           int&nbsp;theMax)</pre>
+</li>
+</ul>
+<a name="addKnob(java.lang.String, float, float, float, int, int, int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>addKnob</h4>
+<pre>public&nbsp;<a href="../controlP5/Knob.html" title="class in controlP5">Knob</a>&nbsp;addKnob(java.lang.String&nbsp;theName,
+           float&nbsp;theMin,
+           float&nbsp;theMax,
+           float&nbsp;theDefaultValue,
+           int&nbsp;theX,
+           int&nbsp;theY,
+           int&nbsp;theDiameter)</pre>
+</li>
+</ul>
+<a name="addKnob(java.lang.String, float, float, int, int, int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>addKnob</h4>
+<pre>public&nbsp;<a href="../controlP5/Knob.html" title="class in controlP5">Knob</a>&nbsp;addKnob(java.lang.String&nbsp;theName,
+           float&nbsp;theMin,
+           float&nbsp;theMax,
+           int&nbsp;theX,
+           int&nbsp;theY,
+           int&nbsp;theDiameter)</pre>
+</li>
+</ul>
+<a name="addKnob(java.lang.String, int, int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>addKnob</h4>
+<pre>public&nbsp;<a href="../controlP5/Knob.html" title="class in controlP5">Knob</a>&nbsp;addKnob(java.lang.String&nbsp;theName,
+           int&nbsp;theMin,
+           int&nbsp;theMax)</pre>
+</li>
+</ul>
+<a name="addListBox(java.lang.Object, java.lang.String, java.lang.String, int, int, int, int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>addListBox</h4>
+<pre>public&nbsp;<a href="../controlP5/ListBox.html" title="class in controlP5">ListBox</a>&nbsp;addListBox(java.lang.Object&nbsp;theObject,
+                 java.lang.String&nbsp;theIndex,
+                 java.lang.String&nbsp;theName,
+                 int&nbsp;theX,
+                 int&nbsp;theY,
+                 int&nbsp;theW,
+                 int&nbsp;theH)</pre>
+</li>
+</ul>
+<a name="addListBox(java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>addListBox</h4>
+<pre>public&nbsp;<a href="../controlP5/ListBox.html" title="class in controlP5">ListBox</a>&nbsp;addListBox(java.lang.String&nbsp;theName)</pre>
+<div class="block">A list box is a list of items a user can choose from.
+ When items exceed the dedicated area of a list box, a
+ scrollbar is added to the right of the box. the Box
+ can be navigated using mouse click, drag and the
+ mouse-wheel.</div>
+</li>
+</ul>
+<a name="addListBox(java.lang.String, int, int, int, int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>addListBox</h4>
+<pre>public&nbsp;<a href="../controlP5/ListBox.html" title="class in controlP5">ListBox</a>&nbsp;addListBox(java.lang.String&nbsp;theName,
+                 int&nbsp;theX,
+                 int&nbsp;theY,
+                 int&nbsp;theW,
+                 int&nbsp;theH)</pre>
+</li>
+</ul>
+<a name="addMatrix(java.lang.Object, java.lang.String, java.lang.String, int, int, int, int, int, int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>addMatrix</h4>
+<pre>public&nbsp;<a href="../controlP5/Matrix.html" title="class in controlP5">Matrix</a>&nbsp;addMatrix(java.lang.Object&nbsp;theObject,
+               java.lang.String&nbsp;theIndex,
+               java.lang.String&nbsp;theName,
+               int&nbsp;theCellX,
+               int&nbsp;theCellY,
+               int&nbsp;theX,
+               int&nbsp;theY,
+               int&nbsp;theWidth,
+               int&nbsp;theHeight)</pre>
+</li>
+</ul>
+<a name="addMatrix(java.lang.String, int, int, int, int, int, int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>addMatrix</h4>
+<pre>public&nbsp;<a href="../controlP5/Matrix.html" title="class in controlP5">Matrix</a>&nbsp;addMatrix(java.lang.String&nbsp;theName,
+               int&nbsp;theCellX,
+               int&nbsp;theCellY,
+               int&nbsp;theX,
+               int&nbsp;theY,
+               int&nbsp;theWidth,
+               int&nbsp;theHeight)</pre>
+</li>
+</ul>
+<a name="addMultiList(java.lang.Object, java.lang.String, java.lang.String, int, int, int, int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>addMultiList</h4>
+<pre>public&nbsp;<a href="../controlP5/MultiList.html" title="class in controlP5">MultiList</a>&nbsp;addMultiList(java.lang.Object&nbsp;theObject,
+                     java.lang.String&nbsp;theIndex,
+                     java.lang.String&nbsp;theName,
+                     int&nbsp;theX,
+                     int&nbsp;theY,
+                     int&nbsp;theWidth,
+                     int&nbsp;theHeight)</pre>
+</li>
+</ul>
+<a name="addMultiList(java.lang.String, int, int, int, int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>addMultiList</h4>
+<pre>public&nbsp;<a href="../controlP5/MultiList.html" title="class in controlP5">MultiList</a>&nbsp;addMultiList(java.lang.String&nbsp;theName,
+                     int&nbsp;theX,
+                     int&nbsp;theY,
+                     int&nbsp;theWidth,
+                     int&nbsp;theHeight)</pre>
+</li>
+</ul>
+<a name="addNumberbox(java.lang.Object, java.lang.String, java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>addNumberbox</h4>
+<pre>public&nbsp;<a href="../controlP5/Numberbox.html" title="class in controlP5">Numberbox</a>&nbsp;addNumberbox(java.lang.Object&nbsp;theObject,
+                     java.lang.String&nbsp;theIndex,
+                     java.lang.String&nbsp;theName)</pre>
+</li>
+</ul>
+<a name="addNumberbox(java.lang.Object, java.lang.String, java.lang.String, float, int, int, int, int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>addNumberbox</h4>
+<pre>public&nbsp;<a href="../controlP5/Numberbox.html" title="class in controlP5">Numberbox</a>&nbsp;addNumberbox(java.lang.Object&nbsp;theObject,
+                     java.lang.String&nbsp;theIndex,
+                     java.lang.String&nbsp;theName,
+                     float&nbsp;theDefaultValue,
+                     int&nbsp;theX,
+                     int&nbsp;theY,
+                     int&nbsp;theWidth,
+                     int&nbsp;theHeight)</pre>
+</li>
+</ul>
+<a name="addNumberbox(java.lang.Object, java.lang.String, java.lang.String, int, int, int, int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>addNumberbox</h4>
+<pre>public&nbsp;<a href="../controlP5/Numberbox.html" title="class in controlP5">Numberbox</a>&nbsp;addNumberbox(java.lang.Object&nbsp;theObject,
+                     java.lang.String&nbsp;theIndex,
+                     java.lang.String&nbsp;theName,
+                     int&nbsp;theX,
+                     int&nbsp;theY,
+                     int&nbsp;theWidth,
+                     int&nbsp;theHeight)</pre>
+</li>
+</ul>
+<a name="addNumberbox(java.lang.String, float, int, int, int, int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>addNumberbox</h4>
+<pre>public&nbsp;<a href="../controlP5/Numberbox.html" title="class in controlP5">Numberbox</a>&nbsp;addNumberbox(java.lang.String&nbsp;theName,
+                     float&nbsp;theDefaultValue,
+                     int&nbsp;theX,
+                     int&nbsp;theY,
+                     int&nbsp;theWidth,
+                     int&nbsp;theHeight)</pre>
+</li>
+</ul>
+<a name="addNumberbox(java.lang.String, int, int, int, int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>addNumberbox</h4>
+<pre>public&nbsp;<a href="../controlP5/Numberbox.html" title="class in controlP5">Numberbox</a>&nbsp;addNumberbox(java.lang.String&nbsp;theName,
+                     int&nbsp;theX,
+                     int&nbsp;theY,
+                     int&nbsp;theWidth,
+                     int&nbsp;theHeight)</pre>
+</li>
+</ul>
+<a name="addRadio(java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>addRadio</h4>
+<pre>public&nbsp;<a href="../controlP5/RadioButton.html" title="class in controlP5">RadioButton</a>&nbsp;addRadio(java.lang.String&nbsp;theName)</pre>
+<div class="block">Use radio buttons for multiple choice options.</div>
+</li>
+</ul>
+<a name="addRadio(java.lang.String, int, int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>addRadio</h4>
+<pre>public&nbsp;<a href="../controlP5/RadioButton.html" title="class in controlP5">RadioButton</a>&nbsp;addRadio(java.lang.String&nbsp;theName,
+                   int&nbsp;theX,
+                   int&nbsp;theY)</pre>
+</li>
+</ul>
+<a name="addRadioButton(java.lang.Object, java.lang.String, java.lang.String, int, int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>addRadioButton</h4>
+<pre>public&nbsp;<a href="../controlP5/RadioButton.html" title="class in controlP5">RadioButton</a>&nbsp;addRadioButton(java.lang.Object&nbsp;theObject,
+                         java.lang.String&nbsp;theIndex,
+                         java.lang.String&nbsp;theName,
+                         int&nbsp;theX,
+                         int&nbsp;theY)</pre>
+</li>
+</ul>
+<a name="addRadioButton(java.lang.String, int, int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>addRadioButton</h4>
+<pre>public&nbsp;<a href="../controlP5/RadioButton.html" title="class in controlP5">RadioButton</a>&nbsp;addRadioButton(java.lang.String&nbsp;theName,
+                         int&nbsp;theX,
+                         int&nbsp;theY)</pre>
+</li>
+</ul>
+<a name="addRange(java.lang.Object, java.lang.String, java.lang.String, float, float, float, float, int, int, int, int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>addRange</h4>
+<pre>public&nbsp;<a href="../controlP5/Range.html" title="class in controlP5">Range</a>&nbsp;addRange(java.lang.Object&nbsp;theObject,
+             java.lang.String&nbsp;theIndex,
+             java.lang.String&nbsp;theName,
+             float&nbsp;theMin,
+             float&nbsp;theMax,
+             float&nbsp;theDefaultMinValue,
+             float&nbsp;theDefaultMaxValue,
+             int&nbsp;theX,
+             int&nbsp;theY,
+             int&nbsp;theW,
+             int&nbsp;theH)</pre>
+</li>
+</ul>
+<a name="addRange(java.lang.Object, java.lang.String, java.lang.String, float, float, int, int, int, int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>addRange</h4>
+<pre>public&nbsp;<a href="../controlP5/Range.html" title="class in controlP5">Range</a>&nbsp;addRange(java.lang.Object&nbsp;theObject,
+             java.lang.String&nbsp;theIndex,
+             java.lang.String&nbsp;theName,
+             float&nbsp;theMin,
+             float&nbsp;theMax,
+             int&nbsp;theX,
+             int&nbsp;theY,
+             int&nbsp;theWidth,
+             int&nbsp;theHeight)</pre>
+</li>
+</ul>
+<a name="addRange(java.lang.String, float, float, float, float, int, int, int, int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>addRange</h4>
+<pre>public&nbsp;<a href="../controlP5/Range.html" title="class in controlP5">Range</a>&nbsp;addRange(java.lang.String&nbsp;theName,
+             float&nbsp;theMin,
+             float&nbsp;theMax,
+             float&nbsp;theDefaultMinValue,
+             float&nbsp;theDefaultMaxValue,
+             int&nbsp;theX,
+             int&nbsp;theY,
+             int&nbsp;theW,
+             int&nbsp;theH)</pre>
+</li>
+</ul>
+<a name="addRange(java.lang.String, float, float, int, int, int, int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>addRange</h4>
+<pre>public&nbsp;<a href="../controlP5/Range.html" title="class in controlP5">Range</a>&nbsp;addRange(java.lang.String&nbsp;theName,
+             float&nbsp;theMin,
+             float&nbsp;theMax,
+             int&nbsp;theX,
+             int&nbsp;theY,
+             int&nbsp;theWidth,
+             int&nbsp;theHeight)</pre>
+</li>
+</ul>
+<a name="addScrollableList(java.lang.Object, java.lang.String, java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>addScrollableList</h4>
+<pre>public&nbsp;<a href="../controlP5/ScrollableList.html" title="class in controlP5">ScrollableList</a>&nbsp;addScrollableList(java.lang.Object&nbsp;theObject,
+                               java.lang.String&nbsp;theIndex,
+                               java.lang.String&nbsp;theName)</pre>
+</li>
+</ul>
+<a name="addScrollableList(java.lang.Object, java.lang.String, java.lang.String, int, int, int, int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>addScrollableList</h4>
+<pre>public&nbsp;<a href="../controlP5/ScrollableList.html" title="class in controlP5">ScrollableList</a>&nbsp;addScrollableList(java.lang.Object&nbsp;theObject,
+                               java.lang.String&nbsp;theIndex,
+                               java.lang.String&nbsp;theName,
+                               int&nbsp;theX,
+                               int&nbsp;theY,
+                               int&nbsp;theW,
+                               int&nbsp;theH)</pre>
+</li>
+</ul>
+<a name="addScrollableList(java.lang.String, int, int, int, int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>addScrollableList</h4>
+<pre>public&nbsp;<a href="../controlP5/ScrollableList.html" title="class in controlP5">ScrollableList</a>&nbsp;addScrollableList(java.lang.String&nbsp;theName,
+                               int&nbsp;theX,
+                               int&nbsp;theY,
+                               int&nbsp;theW,
+                               int&nbsp;theH)</pre>
+</li>
+</ul>
+<a name="addSlider(java.lang.Object, java.lang.String, java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>addSlider</h4>
+<pre>public&nbsp;<a href="../controlP5/Slider.html" title="class in controlP5">Slider</a>&nbsp;addSlider(java.lang.Object&nbsp;theObject,
+               java.lang.String&nbsp;theIndex,
+               java.lang.String&nbsp;theName)</pre>
+</li>
+</ul>
+<a name="addSlider(java.lang.Object, java.lang.String, java.lang.String, float, float)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>addSlider</h4>
+<pre>public&nbsp;<a href="../controlP5/Slider.html" title="class in controlP5">Slider</a>&nbsp;addSlider(java.lang.Object&nbsp;theObject,
+               java.lang.String&nbsp;theIndex,
+               java.lang.String&nbsp;theName,
+               float&nbsp;theMin,
+               float&nbsp;theMax)</pre>
+</li>
+</ul>
+<a name="addSlider(java.lang.Object, java.lang.String, java.lang.String, float, float, float, int, int, int, int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>addSlider</h4>
+<pre>public&nbsp;<a href="../controlP5/Slider.html" title="class in controlP5">Slider</a>&nbsp;addSlider(java.lang.Object&nbsp;theObject,
+               java.lang.String&nbsp;theIndex,
+               java.lang.String&nbsp;theName,
+               float&nbsp;theMin,
+               float&nbsp;theMax,
+               float&nbsp;theDefaultValue,
+               int&nbsp;theX,
+               int&nbsp;theY,
+               int&nbsp;theW,
+               int&nbsp;theH)</pre>
+</li>
+</ul>
+<a name="addSlider(java.lang.Object, java.lang.String, java.lang.String, float, float, int, int, int, int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>addSlider</h4>
+<pre>public&nbsp;<a href="../controlP5/Slider.html" title="class in controlP5">Slider</a>&nbsp;addSlider(java.lang.Object&nbsp;theObject,
+               java.lang.String&nbsp;theIndex,
+               java.lang.String&nbsp;theName,
+               float&nbsp;theMin,
+               float&nbsp;theMax,
+               int&nbsp;theX,
+               int&nbsp;theY,
+               int&nbsp;theW,
+               int&nbsp;theH)</pre>
+</li>
+</ul>
+<a name="addSlider(java.lang.String, float, float)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>addSlider</h4>
+<pre>public&nbsp;<a href="../controlP5/Slider.html" title="class in controlP5">Slider</a>&nbsp;addSlider(java.lang.String&nbsp;theName,
+               float&nbsp;theMin,
+               float&nbsp;theMax)</pre>
+</li>
+</ul>
+<a name="addSlider(java.lang.String, float, float, float, int, int, int, int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>addSlider</h4>
+<pre>public&nbsp;<a href="../controlP5/Slider.html" title="class in controlP5">Slider</a>&nbsp;addSlider(java.lang.String&nbsp;theName,
+               float&nbsp;theMin,
+               float&nbsp;theMax,
+               float&nbsp;theDefaultValue,
+               int&nbsp;theX,
+               int&nbsp;theY,
+               int&nbsp;theW,
+               int&nbsp;theH)</pre>
+</li>
+</ul>
+<a name="addSlider(java.lang.String, float, float, int, int, int, int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>addSlider</h4>
+<pre>public&nbsp;<a href="../controlP5/Slider.html" title="class in controlP5">Slider</a>&nbsp;addSlider(java.lang.String&nbsp;theName,
+               float&nbsp;theMin,
+               float&nbsp;theMax,
+               int&nbsp;theX,
+               int&nbsp;theY,
+               int&nbsp;theWidth,
+               int&nbsp;theHeight)</pre>
+</li>
+</ul>
+<a name="addSlider2D(java.lang.Object, java.lang.String, java.lang.String, float, float, float, float, float, float, int, int, int, int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>addSlider2D</h4>
+<pre>public&nbsp;<a href="../controlP5/Slider2D.html" title="class in controlP5">Slider2D</a>&nbsp;addSlider2D(java.lang.Object&nbsp;theObject,
+                   java.lang.String&nbsp;theIndex,
+                   java.lang.String&nbsp;theName,
+                   float&nbsp;theMinX,
+                   float&nbsp;theMaxX,
+                   float&nbsp;theMinY,
+                   float&nbsp;theMaxY,
+                   float&nbsp;theDefaultValueX,
+                   float&nbsp;theDefaultValueY,
+                   int&nbsp;theX,
+                   int&nbsp;theY,
+                   int&nbsp;theW,
+                   int&nbsp;theH)</pre>
+</li>
+</ul>
+<a name="addSlider2D(java.lang.Object, java.lang.String, java.lang.String, int, int, int, int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>addSlider2D</h4>
+<pre>@Deprecated
+public&nbsp;<a href="../controlP5/Slider2D.html" title="class in controlP5">Slider2D</a>&nbsp;addSlider2D(java.lang.Object&nbsp;theObject,
+                              java.lang.String&nbsp;theIndex,
+                              java.lang.String&nbsp;theName,
+                              int&nbsp;theX,
+                              int&nbsp;theY,
+                              int&nbsp;theW,
+                              int&nbsp;theH)</pre>
+<div class="block"><span class="strong">Deprecated.</span>&nbsp;</div>
+</li>
+</ul>
+<a name="addSlider2D(java.lang.String, float, float, float, float, float, float, int, int, int, int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>addSlider2D</h4>
+<pre>@Deprecated
+public&nbsp;<a href="../controlP5/Slider2D.html" title="class in controlP5">Slider2D</a>&nbsp;addSlider2D(java.lang.String&nbsp;theName,
+                              float&nbsp;theMinX,
+                              float&nbsp;theMaxX,
+                              float&nbsp;theMinY,
+                              float&nbsp;theMaxY,
+                              float&nbsp;theDefaultValueX,
+                              float&nbsp;theDefaultValueY,
+                              int&nbsp;theX,
+                              int&nbsp;theY,
+                              int&nbsp;theW,
+                              int&nbsp;theH)</pre>
+<div class="block"><span class="strong">Deprecated.</span>&nbsp;</div>
+</li>
+</ul>
+<a name="addSlider2D(java.lang.String, int, int, int, int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>addSlider2D</h4>
+<pre>@Deprecated
+public&nbsp;<a href="../controlP5/Slider2D.html" title="class in controlP5">Slider2D</a>&nbsp;addSlider2D(java.lang.String&nbsp;theName,
+                              int&nbsp;theX,
+                              int&nbsp;theY,
+                              int&nbsp;theW,
+                              int&nbsp;theH)</pre>
+<div class="block"><span class="strong">Deprecated.</span>&nbsp;</div>
+</li>
+</ul>
+<a name="addTab(controlP5.ControlWindow, java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>addTab</h4>
+<pre>@Deprecated
+public&nbsp;<a href="../controlP5/Tab.html" title="class in controlP5">Tab</a>&nbsp;addTab(<a href="../controlP5/ControlWindow.html" title="class in controlP5">ControlWindow</a>&nbsp;theWindow,
+                    java.lang.String&nbsp;theName)</pre>
+<div class="block"><span class="strong">Deprecated.</span>&nbsp;</div>
+</li>
+</ul>
+<a name="addTab(processing.core.PApplet, java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>addTab</h4>
+<pre>@Deprecated
+public&nbsp;<a href="../controlP5/Tab.html" title="class in controlP5">Tab</a>&nbsp;addTab(processing.core.PApplet&nbsp;theWindow,
+                    java.lang.String&nbsp;theName)</pre>
+<div class="block"><span class="strong">Deprecated.</span>&nbsp;</div>
+</li>
+</ul>
+<a name="addTextarea(java.lang.String, java.lang.String, int, int, int, int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>addTextarea</h4>
+<pre>public&nbsp;<a href="../controlP5/Textarea.html" title="class in controlP5">Textarea</a>&nbsp;addTextarea(java.lang.String&nbsp;theName,
+                   java.lang.String&nbsp;theText,
+                   int&nbsp;theX,
+                   int&nbsp;theY,
+                   int&nbsp;theW,
+                   int&nbsp;theH)</pre>
+</li>
+</ul>
+<a name="addTextfield(java.lang.Object, java.lang.String, java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>addTextfield</h4>
+<pre>public&nbsp;<a href="../controlP5/Textfield.html" title="class in controlP5">Textfield</a>&nbsp;addTextfield(java.lang.Object&nbsp;theObject,
+                     java.lang.String&nbsp;theIndex,
+                     java.lang.String&nbsp;theName)</pre>
+</li>
+</ul>
+<a name="addTextfield(java.lang.Object, java.lang.String, java.lang.String, int, int, int, int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>addTextfield</h4>
+<pre>public&nbsp;<a href="../controlP5/Textfield.html" title="class in controlP5">Textfield</a>&nbsp;addTextfield(java.lang.Object&nbsp;theObject,
+                     java.lang.String&nbsp;theIndex,
+                     java.lang.String&nbsp;theName,
+                     int&nbsp;theX,
+                     int&nbsp;theY,
+                     int&nbsp;theW,
+                     int&nbsp;theH)</pre>
+</li>
+</ul>
+<a name="addTextfield(java.lang.String, int, int, int, int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>addTextfield</h4>
+<pre>public&nbsp;<a href="../controlP5/Textfield.html" title="class in controlP5">Textfield</a>&nbsp;addTextfield(java.lang.String&nbsp;theName,
+                     int&nbsp;theX,
+                     int&nbsp;theY,
+                     int&nbsp;theW,
+                     int&nbsp;theH)</pre>
+</li>
+</ul>
+<a name="addTextlabel(java.lang.Object, java.lang.String, java.lang.String, java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>addTextlabel</h4>
+<pre>public&nbsp;<a href="../controlP5/Textlabel.html" title="class in controlP5">Textlabel</a>&nbsp;addTextlabel(java.lang.Object&nbsp;theObject,
+                     java.lang.String&nbsp;theIndex,
+                     java.lang.String&nbsp;theName,
+                     java.lang.String&nbsp;theText)</pre>
+</li>
+</ul>
+<a name="addTextlabel(java.lang.Object, java.lang.String, java.lang.String, java.lang.String, int, int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>addTextlabel</h4>
+<pre>public&nbsp;<a href="../controlP5/Textlabel.html" title="class in controlP5">Textlabel</a>&nbsp;addTextlabel(java.lang.Object&nbsp;theObject,
+                     java.lang.String&nbsp;theIndex,
+                     java.lang.String&nbsp;theName,
+                     java.lang.String&nbsp;theText,
+                     int&nbsp;theX,
+                     int&nbsp;theY)</pre>
+</li>
+</ul>
+<a name="addTextlabel(java.lang.String, java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>addTextlabel</h4>
+<pre>public&nbsp;<a href="../controlP5/Textlabel.html" title="class in controlP5">Textlabel</a>&nbsp;addTextlabel(java.lang.String&nbsp;theName,
+                     java.lang.String&nbsp;theText)</pre>
+</li>
+</ul>
+<a name="addTextlabel(java.lang.String, java.lang.String, int, int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>addTextlabel</h4>
+<pre>public&nbsp;<a href="../controlP5/Textlabel.html" title="class in controlP5">Textlabel</a>&nbsp;addTextlabel(java.lang.String&nbsp;theName,
+                     java.lang.String&nbsp;theText,
+                     int&nbsp;theX,
+                     int&nbsp;theY)</pre>
+</li>
+</ul>
+<a name="addToggle(java.lang.Object, java.lang.String, java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>addToggle</h4>
+<pre>public&nbsp;<a href="../controlP5/Toggle.html" title="class in controlP5">Toggle</a>&nbsp;addToggle(java.lang.Object&nbsp;theObject,
+               java.lang.String&nbsp;theIndex,
+               java.lang.String&nbsp;theName)</pre>
+</li>
+</ul>
+<a name="addToggle(java.lang.Object, java.lang.String, java.lang.String, boolean)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>addToggle</h4>
+<pre>public&nbsp;<a href="../controlP5/Toggle.html" title="class in controlP5">Toggle</a>&nbsp;addToggle(java.lang.Object&nbsp;theObject,
+               java.lang.String&nbsp;theIndex,
+               java.lang.String&nbsp;theName,
+               boolean&nbsp;theValue)</pre>
+</li>
+</ul>
+<a name="addToggle(java.lang.Object, java.lang.String, java.lang.String, boolean, float, float, int, int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>addToggle</h4>
+<pre>public&nbsp;<a href="../controlP5/Toggle.html" title="class in controlP5">Toggle</a>&nbsp;addToggle(java.lang.Object&nbsp;theObject,
+               java.lang.String&nbsp;theIndex,
+               java.lang.String&nbsp;theName,
+               boolean&nbsp;theDefaultValue,
+               float&nbsp;theX,
+               float&nbsp;theY,
+               int&nbsp;theWidth,
+               int&nbsp;theHeight)</pre>
+</li>
+</ul>
+<a name="addToggle(java.lang.Object, java.lang.String, java.lang.String, float, float, int, int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>addToggle</h4>
+<pre>@Deprecated
+public&nbsp;<a href="../controlP5/Toggle.html" title="class in controlP5">Toggle</a>&nbsp;addToggle(java.lang.Object&nbsp;theObject,
+                          java.lang.String&nbsp;theIndex,
+                          java.lang.String&nbsp;theName,
+                          float&nbsp;theX,
+                          float&nbsp;theY,
+                          int&nbsp;theWidth,
+                          int&nbsp;theHeight)</pre>
+<div class="block"><span class="strong">Deprecated.</span>&nbsp;</div>
+</li>
+</ul>
+<a name="addToggle(java.lang.String, boolean)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>addToggle</h4>
+<pre>public&nbsp;<a href="../controlP5/Toggle.html" title="class in controlP5">Toggle</a>&nbsp;addToggle(java.lang.String&nbsp;theName,
+               boolean&nbsp;theValue)</pre>
+</li>
+</ul>
+<a name="addToggle(java.lang.String, boolean, float, float, int, int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>addToggle</h4>
+<pre>@Deprecated
+public&nbsp;<a href="../controlP5/Toggle.html" title="class in controlP5">Toggle</a>&nbsp;addToggle(java.lang.String&nbsp;theName,
+                          boolean&nbsp;theDefaultValue,
+                          float&nbsp;theX,
+                          float&nbsp;theY,
+                          int&nbsp;theWidth,
+                          int&nbsp;theHeight)</pre>
+<div class="block"><span class="strong">Deprecated.</span>&nbsp;</div>
+</li>
+</ul>
+<a name="addToggle(java.lang.String, float, float, int, int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>addToggle</h4>
+<pre>@Deprecated
+public&nbsp;<a href="../controlP5/Toggle.html" title="class in controlP5">Toggle</a>&nbsp;addToggle(java.lang.String&nbsp;theName,
+                          float&nbsp;theX,
+                          float&nbsp;theY,
+                          int&nbsp;theWidth,
+                          int&nbsp;theHeight)</pre>
+<div class="block"><span class="strong">Deprecated.</span>&nbsp;</div>
+</li>
+</ul>
+<a name="addTooltip()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>addTooltip</h4>
+<pre>public&nbsp;<a href="../controlP5/Tooltip.html" title="class in controlP5">Tooltip</a>&nbsp;addTooltip()</pre>
+</li>
+</ul>
+<a name="getController(java.lang.String, java.lang.Object)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getController</h4>
+<pre>@Deprecated
+public&nbsp;<a href="../controlP5/Controller.html" title="class in controlP5">Controller</a>&lt;?&gt;&nbsp;getController(java.lang.String&nbsp;theName,
+                                     java.lang.Object&nbsp;theObject)</pre>
+<div class="block"><span class="strong">Deprecated.</span>&nbsp;</div>
+</li>
+</ul>
+<a name="getTextlabel()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getTextlabel</h4>
+<pre>public&nbsp;<a href="../controlP5/Textlabel.html" title="class in controlP5">Textlabel</a>&nbsp;getTextlabel()</pre>
+</li>
+</ul>
+<a name="getTextlabel(java.lang.String, int, int)">
+<!--   -->
+</a>
+<ul class="blockListLast">
+<li class="blockList">
+<h4>getTextlabel</h4>
+<pre>public&nbsp;<a href="../controlP5/Textlabel.html" title="class in controlP5">Textlabel</a>&nbsp;getTextlabel(java.lang.String&nbsp;theText,
+                     int&nbsp;theX,
+                     int&nbsp;theY)</pre>
+</li>
+</ul>
+</li>
+</ul>
+</li>
+</ul>
+</div>
+</div>
+<!-- ========= END OF CLASS DATA ========= -->
+<!-- ======= START OF BOTTOM NAVBAR ====== -->
+<div class="bottomNav"><a name="navbar_bottom">
+<!--   -->
+</a><a href="#skip-navbar_bottom" title="Skip navigation links"></a><a name="navbar_bottom_firstrow">
+<!--   -->
+</a>
+<ul class="navList" title="Navigation">
+<li><a href="../controlP5/package-summary.html">Package</a></li>
+<li class="navBarCell1Rev">Class</li>
+<li><a href="package-tree.html">Tree</a></li>
+<li><a href="../index-all.html">Index</a></li>
+<li><a href="../help-doc.html">Help</a></li>
+</ul>
+</div>
+<div class="subNav">
+<ul class="navList">
+<li><a href="../controlP5/ControlP5Constants.html" title="interface in controlP5"><span class="strong">Prev Class</span></a></li>
+<li><a href="../controlP5/ControlTimer.html" title="class in controlP5"><span class="strong">Next Class</span></a></li>
+</ul>
+<ul class="navList">
+<li><a href="../index.html?controlP5/ControlP5Legacy.html" target="_top">Frames</a></li>
+<li><a href="ControlP5Legacy.html" target="_top">No Frames</a></li>
+</ul>
+<ul class="navList" id="allclasses_navbar_bottom">
+<li><a href="../allclasses-noframe.html">All Classes</a></li>
+</ul>
+<div>
+<script type="text/javascript"><!--
+  allClassesLink = document.getElementById("allclasses_navbar_bottom");
+  if(window==top) {
+    allClassesLink.style.display = "block";
+  }
+  else {
+    allClassesLink.style.display = "none";
+  }
+  //-->
+</script>
+</div>
+<div>
+<ul class="subNavList">
+<li>Summary:&nbsp;</li>
+<li>Nested&nbsp;|&nbsp;</li>
+<li>Field&nbsp;|&nbsp;</li>
+<li><a href="#constructor_summary">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_summary">Method</a></li>
+</ul>
+<ul class="subNavList">
+<li>Detail:&nbsp;</li>
+<li>Field&nbsp;|&nbsp;</li>
+<li><a href="#constructor_detail">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_detail">Method</a></li>
+</ul>
+</div>
+<a name="skip-navbar_bottom">
+<!--   -->
+</a></div>
+<!-- ======== END OF BOTTOM NAVBAR ======= -->
+<p class="legalCopy"><small>processing library controlP5 by Andreas Schlegel. (c) 2006-2014</small></p>
+</body>
+</html>
diff --git a/reference/controlP5/ControlTimer.html b/reference/controlP5/ControlTimer.html
new file mode 100644
index 0000000..fb66048
--- /dev/null
+++ b/reference/controlP5/ControlTimer.html
@@ -0,0 +1,446 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
+<!-- NewPage -->
+<html lang="en">
+<head>
+<!-- Generated by javadoc (version 1.7.0_51) on Sun Apr 27 21:39:47 SGT 2014 -->
+<title>ControlTimer (Javadocs: controlP5)</title>
+<meta name="date" content="2014-04-27">
+<link rel="stylesheet" type="text/css" href="../stylesheet.css" title="Style">
+</head>
+<body>
+<script type="text/javascript"><!--
+    if (location.href.indexOf('is-external=true') == -1) {
+        parent.document.title="ControlTimer (Javadocs: controlP5)";
+    }
+//-->
+</script>
+<noscript>
+<div>JavaScript is disabled on your browser.</div>
+</noscript>
+<!-- ========= START OF TOP NAVBAR ======= -->
+<div class="topNav"><a name="navbar_top">
+<!--   -->
+</a><a href="#skip-navbar_top" title="Skip navigation links"></a><a name="navbar_top_firstrow">
+<!--   -->
+</a>
+<ul class="navList" title="Navigation">
+<li><a href="../controlP5/package-summary.html">Package</a></li>
+<li class="navBarCell1Rev">Class</li>
+<li><a href="package-tree.html">Tree</a></li>
+<li><a href="../index-all.html">Index</a></li>
+<li><a href="../help-doc.html">Help</a></li>
+</ul>
+</div>
+<div class="subNav">
+<ul class="navList">
+<li><a href="../controlP5/ControlP5Legacy.html" title="class in controlP5"><span class="strong">Prev Class</span></a></li>
+<li><a href="../controlP5/ControlWindow.html" title="class in controlP5"><span class="strong">Next Class</span></a></li>
+</ul>
+<ul class="navList">
+<li><a href="../index.html?controlP5/ControlTimer.html" target="_top">Frames</a></li>
+<li><a href="ControlTimer.html" target="_top">No Frames</a></li>
+</ul>
+<ul class="navList" id="allclasses_navbar_top">
+<li><a href="../allclasses-noframe.html">All Classes</a></li>
+</ul>
+<div>
+<script type="text/javascript"><!--
+  allClassesLink = document.getElementById("allclasses_navbar_top");
+  if(window==top) {
+    allClassesLink.style.display = "block";
+  }
+  else {
+    allClassesLink.style.display = "none";
+  }
+  //-->
+</script>
+</div>
+<div>
+<ul class="subNavList">
+<li>Summary:&nbsp;</li>
+<li>Nested&nbsp;|&nbsp;</li>
+<li>Field&nbsp;|&nbsp;</li>
+<li><a href="#constructor_summary">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_summary">Method</a></li>
+</ul>
+<ul class="subNavList">
+<li>Detail:&nbsp;</li>
+<li>Field&nbsp;|&nbsp;</li>
+<li><a href="#constructor_detail">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_detail">Method</a></li>
+</ul>
+</div>
+<a name="skip-navbar_top">
+<!--   -->
+</a></div>
+<!-- ========= END OF TOP NAVBAR ========= -->
+<!-- ======== START OF CLASS DATA ======== -->
+<div class="header">
+<div class="subTitle">controlP5</div>
+<h2 title="Class ControlTimer" class="title">Class ControlTimer</h2>
+</div>
+<div class="contentContainer">
+<ul class="inheritance">
+<li>java.lang.Object</li>
+<li>
+<ul class="inheritance">
+<li>controlP5.ControlTimer</li>
+</ul>
+</li>
+</ul>
+<div class="description">
+<ul class="blockList">
+<li class="blockList">
+<hr>
+<br>
+<pre>public class <span class="strong">ControlTimer</span>
+extends java.lang.Object</pre>
+<div class="block">control timer is a timer that can be used for example as a stop watch or a duration timer.</div>
+<dl><script type="text/javascript">
+<!--
+document.getElementsByTagName('html')[0].className = 'isjs';function toggle(dt) { var display, dd=dt; do{ dd = dd.nextSibling } while(dd.tagName!='DD'); toOpen =!dd.style.display;dd.style.display = toOpen? 'block':''; dt.getElementsByTagName('span')[0].innerHTML  = toOpen? '-':'+' ; }
+-->
+</script>
+<div id="test" class="toggleList"><dl><dt onclick="toggle(this);"><span>+</span>Example</dt><dd><code><pre>/**
+ * ControlP5 Timer
+ * by andreas schlegel, 2009
+ */
+
+import controlP5.*;
+
+ControlP5 cp5;
+ControlTimer c;
+Textlabel t;
+
+void setup() {
+  size(400,400);
+  frameRate(30);
+  cp5 = new ControlP5(this);
+  c = new ControlTimer();
+  t = new Textlabel(cp5,"--",100,100);
+  c.setSpeedOfTime(1);
+}
+
+
+void draw() {
+  background(0);
+  t.setValue(c.toString());
+  t.draw(this);
+  t.setPosition(mouseX, mouseY);
+}
+
+
+void mousePressed() {
+  c.reset();
+}
+</pre></code></dd></dl></div></dl>
+</li>
+</ul>
+</div>
+<div class="summary">
+<ul class="blockList">
+<li class="blockList">
+<!-- ======== CONSTRUCTOR SUMMARY ======== -->
+<ul class="blockList">
+<li class="blockList"><a name="constructor_summary">
+<!--   -->
+</a>
+<h3>Constructor Summary</h3>
+<table class="overviewSummary" border="0" cellpadding="3" cellspacing="0" summary="Constructor Summary table, listing constructors, and an explanation">
+<caption><span>Constructors</span><span class="tabEnd">&nbsp;</span></caption>
+<tr>
+<th class="colOne" scope="col">Constructor and Description</th>
+</tr>
+<tr class="altColor">
+<td class="colOne"><code><strong><a href="../controlP5/ControlTimer.html#ControlTimer()">ControlTimer</a></strong>()</code>
+<div class="block">create a new control timer, a timer that counts up in time.</div>
+</td>
+</tr>
+</table>
+</li>
+</ul>
+<!-- ========== METHOD SUMMARY =========== -->
+<ul class="blockList">
+<li class="blockList"><a name="method_summary">
+<!--   -->
+</a>
+<h3>Method Summary</h3>
+<table class="overviewSummary" border="0" cellpadding="3" cellspacing="0" summary="Method Summary table, listing methods, and an explanation">
+<caption><span>Methods</span><span class="tabEnd">&nbsp;</span></caption>
+<tr>
+<th class="colFirst" scope="col">Modifier and Type</th>
+<th class="colLast" scope="col">Method and Description</th>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlTimer.html#day()">day</a></strong>()</code>
+<div class="block">day position of the timer.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlTimer.html#hour()">hour</a></strong>()</code>
+<div class="block">Hour position of the timer in international format (0-23).</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlTimer.html#millis()">millis</a></strong>()</code>
+<div class="block">Get the milliseconds of the timer.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlTimer.html#minute()">minute</a></strong>()</code>
+<div class="block">Minutes position of the timer.</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>void</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlTimer.html#reset()">reset</a></strong>()</code>
+<div class="block">reset the timer.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlTimer.html#second()">second</a></strong>()</code>
+<div class="block">Seconds position of the timer.</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>void</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlTimer.html#setSpeedOfTime(float)">setSpeedOfTime</a></strong>(float&nbsp;theSpeed)</code>
+<div class="block">set the speed of time, for slow motion or high speed.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>long</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlTimer.html#time()">time</a></strong>()</code>
+<div class="block">get the time in milliseconds since the timer was started.</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>java.lang.String</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlTimer.html#toString()">toString</a></strong>()</code>
+<div class="block">return a string representation of the current status of the timer.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>void</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlTimer.html#update()">update</a></strong>()</code>
+<div class="block">called to update the timer.</div>
+</td>
+</tr>
+</table>
+<ul class="blockList">
+<li class="blockList"><a name="methods_inherited_from_class_java.lang.Object">
+<!--   -->
+</a>
+<h3>Methods inherited from class&nbsp;java.lang.Object</h3>
+<code>equals, getClass, hashCode, notify, notifyAll, wait, wait, wait</code></li>
+</ul>
+</li>
+</ul>
+</li>
+</ul>
+</div>
+<div class="details">
+<ul class="blockList">
+<li class="blockList">
+<!-- ========= CONSTRUCTOR DETAIL ======== -->
+<ul class="blockList">
+<li class="blockList"><a name="constructor_detail">
+<!--   -->
+</a>
+<h3>Constructor Detail</h3>
+<a name="ControlTimer()">
+<!--   -->
+</a>
+<ul class="blockListLast">
+<li class="blockList">
+<h4>ControlTimer</h4>
+<pre>public&nbsp;ControlTimer()</pre>
+<div class="block">create a new control timer, a timer that counts up in time.</div>
+</li>
+</ul>
+</li>
+</ul>
+<!-- ============ METHOD DETAIL ========== -->
+<ul class="blockList">
+<li class="blockList"><a name="method_detail">
+<!--   -->
+</a>
+<h3>Method Detail</h3>
+<a name="day()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>day</h4>
+<pre>public&nbsp;int&nbsp;day()</pre>
+<div class="block">day position of the timer.</div>
+</li>
+</ul>
+<a name="hour()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>hour</h4>
+<pre>public&nbsp;int&nbsp;hour()</pre>
+<div class="block">Hour position of the timer in international format (0-23).</div>
+</li>
+</ul>
+<a name="millis()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>millis</h4>
+<pre>public&nbsp;int&nbsp;millis()</pre>
+<div class="block">Get the milliseconds of the timer.</div>
+</li>
+</ul>
+<a name="minute()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>minute</h4>
+<pre>public&nbsp;int&nbsp;minute()</pre>
+<div class="block">Minutes position of the timer.</div>
+</li>
+</ul>
+<a name="reset()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>reset</h4>
+<pre>public&nbsp;void&nbsp;reset()</pre>
+<div class="block">reset the timer.</div>
+</li>
+</ul>
+<a name="second()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>second</h4>
+<pre>public&nbsp;int&nbsp;second()</pre>
+<div class="block">Seconds position of the timer.</div>
+</li>
+</ul>
+<a name="setSpeedOfTime(float)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setSpeedOfTime</h4>
+<pre>public&nbsp;void&nbsp;setSpeedOfTime(float&nbsp;theSpeed)</pre>
+<div class="block">set the speed of time, for slow motion or high speed.</div>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theSpeed</code> - int</dd></dl>
+</li>
+</ul>
+<a name="time()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>time</h4>
+<pre>public&nbsp;long&nbsp;time()</pre>
+<div class="block">get the time in milliseconds since the timer was started.</div>
+<dl><dt><span class="strong">Returns:</span></dt><dd>long</dd></dl>
+</li>
+</ul>
+<a name="toString()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>toString</h4>
+<pre>public&nbsp;java.lang.String&nbsp;toString()</pre>
+<div class="block">return a string representation of the current status of the timer.</div>
+<dl>
+<dt><strong>Overrides:</strong></dt>
+<dd><code>toString</code>&nbsp;in class&nbsp;<code>java.lang.Object</code></dd>
+<dt><span class="strong">Returns:</span></dt><dd>String</dd></dl>
+</li>
+</ul>
+<a name="update()">
+<!--   -->
+</a>
+<ul class="blockListLast">
+<li class="blockList">
+<h4>update</h4>
+<pre>public&nbsp;void&nbsp;update()</pre>
+<div class="block">called to update the timer.</div>
+</li>
+</ul>
+</li>
+</ul>
+</li>
+</ul>
+</div>
+</div>
+<!-- ========= END OF CLASS DATA ========= -->
+<!-- ======= START OF BOTTOM NAVBAR ====== -->
+<div class="bottomNav"><a name="navbar_bottom">
+<!--   -->
+</a><a href="#skip-navbar_bottom" title="Skip navigation links"></a><a name="navbar_bottom_firstrow">
+<!--   -->
+</a>
+<ul class="navList" title="Navigation">
+<li><a href="../controlP5/package-summary.html">Package</a></li>
+<li class="navBarCell1Rev">Class</li>
+<li><a href="package-tree.html">Tree</a></li>
+<li><a href="../index-all.html">Index</a></li>
+<li><a href="../help-doc.html">Help</a></li>
+</ul>
+</div>
+<div class="subNav">
+<ul class="navList">
+<li><a href="../controlP5/ControlP5Legacy.html" title="class in controlP5"><span class="strong">Prev Class</span></a></li>
+<li><a href="../controlP5/ControlWindow.html" title="class in controlP5"><span class="strong">Next Class</span></a></li>
+</ul>
+<ul class="navList">
+<li><a href="../index.html?controlP5/ControlTimer.html" target="_top">Frames</a></li>
+<li><a href="ControlTimer.html" target="_top">No Frames</a></li>
+</ul>
+<ul class="navList" id="allclasses_navbar_bottom">
+<li><a href="../allclasses-noframe.html">All Classes</a></li>
+</ul>
+<div>
+<script type="text/javascript"><!--
+  allClassesLink = document.getElementById("allclasses_navbar_bottom");
+  if(window==top) {
+    allClassesLink.style.display = "block";
+  }
+  else {
+    allClassesLink.style.display = "none";
+  }
+  //-->
+</script>
+</div>
+<div>
+<ul class="subNavList">
+<li>Summary:&nbsp;</li>
+<li>Nested&nbsp;|&nbsp;</li>
+<li>Field&nbsp;|&nbsp;</li>
+<li><a href="#constructor_summary">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_summary">Method</a></li>
+</ul>
+<ul class="subNavList">
+<li>Detail:&nbsp;</li>
+<li>Field&nbsp;|&nbsp;</li>
+<li><a href="#constructor_detail">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_detail">Method</a></li>
+</ul>
+</div>
+<a name="skip-navbar_bottom">
+<!--   -->
+</a></div>
+<!-- ======== END OF BOTTOM NAVBAR ======= -->
+<p class="legalCopy"><small>processing library controlP5 by Andreas Schlegel. (c) 2006-2014</small></p>
+</body>
+</html>
diff --git a/reference/controlP5/ControlWindow.Pointer.html b/reference/controlP5/ControlWindow.Pointer.html
new file mode 100644
index 0000000..cf11aea
--- /dev/null
+++ b/reference/controlP5/ControlWindow.Pointer.html
@@ -0,0 +1,430 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
+<!-- NewPage -->
+<html lang="en">
+<head>
+<!-- Generated by javadoc (version 1.7.0_51) on Sun Apr 27 21:39:47 SGT 2014 -->
+<title>ControlWindow.Pointer (Javadocs: controlP5)</title>
+<meta name="date" content="2014-04-27">
+<link rel="stylesheet" type="text/css" href="../stylesheet.css" title="Style">
+</head>
+<body>
+<script type="text/javascript"><!--
+    if (location.href.indexOf('is-external=true') == -1) {
+        parent.document.title="ControlWindow.Pointer (Javadocs: controlP5)";
+    }
+//-->
+</script>
+<noscript>
+<div>JavaScript is disabled on your browser.</div>
+</noscript>
+<!-- ========= START OF TOP NAVBAR ======= -->
+<div class="topNav"><a name="navbar_top">
+<!--   -->
+</a><a href="#skip-navbar_top" title="Skip navigation links"></a><a name="navbar_top_firstrow">
+<!--   -->
+</a>
+<ul class="navList" title="Navigation">
+<li><a href="../controlP5/package-summary.html">Package</a></li>
+<li class="navBarCell1Rev">Class</li>
+<li><a href="package-tree.html">Tree</a></li>
+<li><a href="../index-all.html">Index</a></li>
+<li><a href="../help-doc.html">Help</a></li>
+</ul>
+</div>
+<div class="subNav">
+<ul class="navList">
+<li><a href="../controlP5/ControlWindow.html" title="class in controlP5"><span class="strong">Prev Class</span></a></li>
+<li>Next Class</li>
+</ul>
+<ul class="navList">
+<li><a href="../index.html?controlP5/ControlWindow.Pointer.html" target="_top">Frames</a></li>
+<li><a href="ControlWindow.Pointer.html" target="_top">No Frames</a></li>
+</ul>
+<ul class="navList" id="allclasses_navbar_top">
+<li><a href="../allclasses-noframe.html">All Classes</a></li>
+</ul>
+<div>
+<script type="text/javascript"><!--
+  allClassesLink = document.getElementById("allclasses_navbar_top");
+  if(window==top) {
+    allClassesLink.style.display = "block";
+  }
+  else {
+    allClassesLink.style.display = "none";
+  }
+  //-->
+</script>
+</div>
+<div>
+<ul class="subNavList">
+<li>Summary:&nbsp;</li>
+<li>Nested&nbsp;|&nbsp;</li>
+<li>Field&nbsp;|&nbsp;</li>
+<li><a href="#constructor_summary">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_summary">Method</a></li>
+</ul>
+<ul class="subNavList">
+<li>Detail:&nbsp;</li>
+<li>Field&nbsp;|&nbsp;</li>
+<li><a href="#constructor_detail">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_detail">Method</a></li>
+</ul>
+</div>
+<a name="skip-navbar_top">
+<!--   -->
+</a></div>
+<!-- ========= END OF TOP NAVBAR ========= -->
+<!-- ======== START OF CLASS DATA ======== -->
+<div class="header">
+<div class="subTitle">controlP5</div>
+<h2 title="Class ControlWindow.Pointer" class="title">Class ControlWindow.Pointer</h2>
+</div>
+<div class="contentContainer">
+<ul class="inheritance">
+<li>java.lang.Object</li>
+<li>
+<ul class="inheritance">
+<li>controlP5.ControlWindow.Pointer</li>
+</ul>
+</li>
+</ul>
+<div class="description">
+<ul class="blockList">
+<li class="blockList">
+<dl>
+<dt>Enclosing class:</dt>
+<dd><a href="../controlP5/ControlWindow.html" title="class in controlP5">ControlWindow</a></dd>
+</dl>
+<hr>
+<br>
+<pre>public class <span class="strong">ControlWindow.Pointer</span>
+extends java.lang.Object</pre>
+<div class="block">A pointer by default is linked to the mouse and
+ stores the x and y position as well as the pressed
+ and released state. The pointer can be accessed by
+ its getter method <a href="../controlP5/ControlWindow.html#getPointer()"><code>ControlWindow.getPointer()</code></a>.
+ Then use
+ <code>controlP5.ControlWindow#set(int, int)</code> to
+ alter its position or invoke {
+ <code>controlP5.ControlWindow#pressed()</code> or
+ <code>controlP5.ControlWindow#released()</code> to change
+ its state. To disable the mouse and enable the
+ Pointer use <code>controlP5.ControlWindow#enable()</code>
+ and <code>controlP5.ControlWindow#disable()</code> to
+ default back to the mouse as input parameter.</div>
+</li>
+</ul>
+</div>
+<div class="summary">
+<ul class="blockList">
+<li class="blockList">
+<!-- ======== CONSTRUCTOR SUMMARY ======== -->
+<ul class="blockList">
+<li class="blockList"><a name="constructor_summary">
+<!--   -->
+</a>
+<h3>Constructor Summary</h3>
+<table class="overviewSummary" border="0" cellpadding="3" cellspacing="0" summary="Constructor Summary table, listing constructors, and an explanation">
+<caption><span>Constructors</span><span class="tabEnd">&nbsp;</span></caption>
+<tr>
+<th class="colOne" scope="col">Constructor and Description</th>
+</tr>
+<tr class="altColor">
+<td class="colOne"><code><strong><a href="../controlP5/ControlWindow.Pointer.html#ControlWindow.Pointer()">ControlWindow.Pointer</a></strong>()</code>&nbsp;</td>
+</tr>
+</table>
+</li>
+</ul>
+<!-- ========== METHOD SUMMARY =========== -->
+<ul class="blockList">
+<li class="blockList"><a name="method_summary">
+<!--   -->
+</a>
+<h3>Method Summary</h3>
+<table class="overviewSummary" border="0" cellpadding="3" cellspacing="0" summary="Method Summary table, listing methods, and an explanation">
+<caption><span>Methods</span><span class="tabEnd">&nbsp;</span></caption>
+<tr>
+<th class="colFirst" scope="col">Modifier and Type</th>
+<th class="colLast" scope="col">Method and Description</th>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>void</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlWindow.Pointer.html#disable()">disable</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>void</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlWindow.Pointer.html#enable()">enable</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlWindow.Pointer.html#getPreviousX()">getPreviousX</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlWindow.Pointer.html#getPreviousY()">getPreviousY</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlWindow.Pointer.html#getX()">getX</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlWindow.Pointer.html#getY()">getY</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>boolean</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlWindow.Pointer.html#isEnabled()">isEnabled</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/ControlWindow.Pointer.html" title="class in controlP5">ControlWindow.Pointer</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlWindow.Pointer.html#pressed()">pressed</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/ControlWindow.Pointer.html" title="class in controlP5">ControlWindow.Pointer</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlWindow.Pointer.html#released()">released</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/ControlWindow.Pointer.html" title="class in controlP5">ControlWindow.Pointer</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlWindow.Pointer.html#set(int, int)">set</a></strong>(int&nbsp;theX,
+   int&nbsp;theY)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/ControlWindow.Pointer.html" title="class in controlP5">ControlWindow.Pointer</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlWindow.Pointer.html#set(int, int, boolean)">set</a></strong>(int&nbsp;theX,
+   int&nbsp;theY,
+   boolean&nbsp;pressed)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/ControlWindow.Pointer.html" title="class in controlP5">ControlWindow.Pointer</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlWindow.Pointer.html#setX(int)">setX</a></strong>(int&nbsp;theX)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/ControlWindow.Pointer.html" title="class in controlP5">ControlWindow.Pointer</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlWindow.Pointer.html#setY(int)">setY</a></strong>(int&nbsp;theY)</code>&nbsp;</td>
+</tr>
+</table>
+<ul class="blockList">
+<li class="blockList"><a name="methods_inherited_from_class_java.lang.Object">
+<!--   -->
+</a>
+<h3>Methods inherited from class&nbsp;java.lang.Object</h3>
+<code>equals, getClass, hashCode, notify, notifyAll, toString, wait, wait, wait</code></li>
+</ul>
+</li>
+</ul>
+</li>
+</ul>
+</div>
+<div class="details">
+<ul class="blockList">
+<li class="blockList">
+<!-- ========= CONSTRUCTOR DETAIL ======== -->
+<ul class="blockList">
+<li class="blockList"><a name="constructor_detail">
+<!--   -->
+</a>
+<h3>Constructor Detail</h3>
+<a name="ControlWindow.Pointer()">
+<!--   -->
+</a>
+<ul class="blockListLast">
+<li class="blockList">
+<h4>ControlWindow.Pointer</h4>
+<pre>public&nbsp;ControlWindow.Pointer()</pre>
+</li>
+</ul>
+</li>
+</ul>
+<!-- ============ METHOD DETAIL ========== -->
+<ul class="blockList">
+<li class="blockList"><a name="method_detail">
+<!--   -->
+</a>
+<h3>Method Detail</h3>
+<a name="disable()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>disable</h4>
+<pre>public&nbsp;void&nbsp;disable()</pre>
+</li>
+</ul>
+<a name="enable()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>enable</h4>
+<pre>public&nbsp;void&nbsp;enable()</pre>
+</li>
+</ul>
+<a name="getPreviousX()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getPreviousX</h4>
+<pre>public&nbsp;int&nbsp;getPreviousX()</pre>
+</li>
+</ul>
+<a name="getPreviousY()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getPreviousY</h4>
+<pre>public&nbsp;int&nbsp;getPreviousY()</pre>
+</li>
+</ul>
+<a name="getX()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getX</h4>
+<pre>public&nbsp;int&nbsp;getX()</pre>
+</li>
+</ul>
+<a name="getY()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getY</h4>
+<pre>public&nbsp;int&nbsp;getY()</pre>
+</li>
+</ul>
+<a name="isEnabled()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>isEnabled</h4>
+<pre>public&nbsp;boolean&nbsp;isEnabled()</pre>
+</li>
+</ul>
+<a name="pressed()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>pressed</h4>
+<pre>public&nbsp;<a href="../controlP5/ControlWindow.Pointer.html" title="class in controlP5">ControlWindow.Pointer</a>&nbsp;pressed()</pre>
+</li>
+</ul>
+<a name="released()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>released</h4>
+<pre>public&nbsp;<a href="../controlP5/ControlWindow.Pointer.html" title="class in controlP5">ControlWindow.Pointer</a>&nbsp;released()</pre>
+</li>
+</ul>
+<a name="set(int, int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>set</h4>
+<pre>public&nbsp;<a href="../controlP5/ControlWindow.Pointer.html" title="class in controlP5">ControlWindow.Pointer</a>&nbsp;set(int&nbsp;theX,
+                        int&nbsp;theY)</pre>
+</li>
+</ul>
+<a name="set(int, int, boolean)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>set</h4>
+<pre>public&nbsp;<a href="../controlP5/ControlWindow.Pointer.html" title="class in controlP5">ControlWindow.Pointer</a>&nbsp;set(int&nbsp;theX,
+                        int&nbsp;theY,
+                        boolean&nbsp;pressed)</pre>
+</li>
+</ul>
+<a name="setX(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setX</h4>
+<pre>public&nbsp;<a href="../controlP5/ControlWindow.Pointer.html" title="class in controlP5">ControlWindow.Pointer</a>&nbsp;setX(int&nbsp;theX)</pre>
+</li>
+</ul>
+<a name="setY(int)">
+<!--   -->
+</a>
+<ul class="blockListLast">
+<li class="blockList">
+<h4>setY</h4>
+<pre>public&nbsp;<a href="../controlP5/ControlWindow.Pointer.html" title="class in controlP5">ControlWindow.Pointer</a>&nbsp;setY(int&nbsp;theY)</pre>
+</li>
+</ul>
+</li>
+</ul>
+</li>
+</ul>
+</div>
+</div>
+<!-- ========= END OF CLASS DATA ========= -->
+<!-- ======= START OF BOTTOM NAVBAR ====== -->
+<div class="bottomNav"><a name="navbar_bottom">
+<!--   -->
+</a><a href="#skip-navbar_bottom" title="Skip navigation links"></a><a name="navbar_bottom_firstrow">
+<!--   -->
+</a>
+<ul class="navList" title="Navigation">
+<li><a href="../controlP5/package-summary.html">Package</a></li>
+<li class="navBarCell1Rev">Class</li>
+<li><a href="package-tree.html">Tree</a></li>
+<li><a href="../index-all.html">Index</a></li>
+<li><a href="../help-doc.html">Help</a></li>
+</ul>
+</div>
+<div class="subNav">
+<ul class="navList">
+<li><a href="../controlP5/ControlWindow.html" title="class in controlP5"><span class="strong">Prev Class</span></a></li>
+<li>Next Class</li>
+</ul>
+<ul class="navList">
+<li><a href="../index.html?controlP5/ControlWindow.Pointer.html" target="_top">Frames</a></li>
+<li><a href="ControlWindow.Pointer.html" target="_top">No Frames</a></li>
+</ul>
+<ul class="navList" id="allclasses_navbar_bottom">
+<li><a href="../allclasses-noframe.html">All Classes</a></li>
+</ul>
+<div>
+<script type="text/javascript"><!--
+  allClassesLink = document.getElementById("allclasses_navbar_bottom");
+  if(window==top) {
+    allClassesLink.style.display = "block";
+  }
+  else {
+    allClassesLink.style.display = "none";
+  }
+  //-->
+</script>
+</div>
+<div>
+<ul class="subNavList">
+<li>Summary:&nbsp;</li>
+<li>Nested&nbsp;|&nbsp;</li>
+<li>Field&nbsp;|&nbsp;</li>
+<li><a href="#constructor_summary">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_summary">Method</a></li>
+</ul>
+<ul class="subNavList">
+<li>Detail:&nbsp;</li>
+<li>Field&nbsp;|&nbsp;</li>
+<li><a href="#constructor_detail">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_detail">Method</a></li>
+</ul>
+</div>
+<a name="skip-navbar_bottom">
+<!--   -->
+</a></div>
+<!-- ======== END OF BOTTOM NAVBAR ======= -->
+<p class="legalCopy"><small>processing library controlP5 by Andreas Schlegel. (c) 2006-2014</small></p>
+</body>
+</html>
diff --git a/reference/controlP5/ControlWindow.html b/reference/controlP5/ControlWindow.html
new file mode 100644
index 0000000..2f1dfaf
--- /dev/null
+++ b/reference/controlP5/ControlWindow.html
@@ -0,0 +1,1286 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
+<!-- NewPage -->
+<html lang="en">
+<head>
+<!-- Generated by javadoc (version 1.7.0_51) on Sun Apr 27 21:39:47 SGT 2014 -->
+<title>ControlWindow (Javadocs: controlP5)</title>
+<meta name="date" content="2014-04-27">
+<link rel="stylesheet" type="text/css" href="../stylesheet.css" title="Style">
+</head>
+<body>
+<script type="text/javascript"><!--
+    if (location.href.indexOf('is-external=true') == -1) {
+        parent.document.title="ControlWindow (Javadocs: controlP5)";
+    }
+//-->
+</script>
+<noscript>
+<div>JavaScript is disabled on your browser.</div>
+</noscript>
+<!-- ========= START OF TOP NAVBAR ======= -->
+<div class="topNav"><a name="navbar_top">
+<!--   -->
+</a><a href="#skip-navbar_top" title="Skip navigation links"></a><a name="navbar_top_firstrow">
+<!--   -->
+</a>
+<ul class="navList" title="Navigation">
+<li><a href="../controlP5/package-summary.html">Package</a></li>
+<li class="navBarCell1Rev">Class</li>
+<li><a href="package-tree.html">Tree</a></li>
+<li><a href="../index-all.html">Index</a></li>
+<li><a href="../help-doc.html">Help</a></li>
+</ul>
+</div>
+<div class="subNav">
+<ul class="navList">
+<li><a href="../controlP5/ControlTimer.html" title="class in controlP5"><span class="strong">Prev Class</span></a></li>
+<li><a href="../controlP5/ControlWindow.Pointer.html" title="class in controlP5"><span class="strong">Next Class</span></a></li>
+</ul>
+<ul class="navList">
+<li><a href="../index.html?controlP5/ControlWindow.html" target="_top">Frames</a></li>
+<li><a href="ControlWindow.html" target="_top">No Frames</a></li>
+</ul>
+<ul class="navList" id="allclasses_navbar_top">
+<li><a href="../allclasses-noframe.html">All Classes</a></li>
+</ul>
+<div>
+<script type="text/javascript"><!--
+  allClassesLink = document.getElementById("allclasses_navbar_top");
+  if(window==top) {
+    allClassesLink.style.display = "block";
+  }
+  else {
+    allClassesLink.style.display = "none";
+  }
+  //-->
+</script>
+</div>
+<div>
+<ul class="subNavList">
+<li>Summary:&nbsp;</li>
+<li><a href="#nested_class_summary">Nested</a>&nbsp;|&nbsp;</li>
+<li><a href="#field_summary">Field</a>&nbsp;|&nbsp;</li>
+<li><a href="#constructor_summary">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_summary">Method</a></li>
+</ul>
+<ul class="subNavList">
+<li>Detail:&nbsp;</li>
+<li><a href="#field_detail">Field</a>&nbsp;|&nbsp;</li>
+<li><a href="#constructor_detail">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_detail">Method</a></li>
+</ul>
+</div>
+<a name="skip-navbar_top">
+<!--   -->
+</a></div>
+<!-- ========= END OF TOP NAVBAR ========= -->
+<!-- ======== START OF CLASS DATA ======== -->
+<div class="header">
+<div class="subTitle">controlP5</div>
+<h2 title="Class ControlWindow" class="title">Class ControlWindow</h2>
+</div>
+<div class="contentContainer">
+<ul class="inheritance">
+<li>java.lang.Object</li>
+<li>
+<ul class="inheritance">
+<li>controlP5.ControlWindow</li>
+</ul>
+</li>
+</ul>
+<div class="description">
+<ul class="blockList">
+<li class="blockList">
+<hr>
+<br>
+<pre>public final class <span class="strong">ControlWindow</span>
+extends java.lang.Object</pre>
+<dl><script type="text/javascript">
+<!--
+document.getElementsByTagName('html')[0].className = 'isjs';function toggle(dt) { var display, dd=dt; do{ dd = dd.nextSibling } while(dd.tagName!='DD'); toOpen =!dd.style.display;dd.style.display = toOpen? 'block':''; dt.getElementsByTagName('span')[0].innerHTML  = toOpen? '-':'+' ; }
+-->
+</script>
+<div id="test" class="toggleList"><dl><dt onclick="toggle(this);"><span>+</span>Example</dt><dd><code><pre>/**
+ * ControlP5 ControlWindow
+ * by andreas schlegel, 2012
+ */
+
+import controlP5.*;
+
+ControlP5 cp5;
+
+int myColorBackground = color(0, 0, 0);
+
+ControlWindow controlWindow;
+
+public int sliderValue = 40;
+
+void setup() {
+  size(700, 400);  
+
+  cp5 = new ControlP5(this);
+
+
+// PLEASE READ
+// 
+// With controlP5 2.0 the ControlWindow has been removed, 
+// please see the changelog.txt for details. 
+// Instead, see the extra/ControlP5frame example for 
+// a ControlWindow alternative.
+
+
+
+
+
+
+
+
+
+
+
+//  controlWindow = cp5.addControlWindow("controlP5window", 100, 100, 400, 200)
+//    .hideCoordinates()
+//    .setBackground(color(40))
+//    ;
+
+  cp5.addSlider("sliderValue")
+     .setRange(0, 255)
+     .setPosition(40, 40)
+     .setSize(200, 29)
+     //.moveTo(controlWindow)
+     ;
+}
+
+
+void draw() {
+  background(sliderValue);
+}
+
+void myTextfield(String theValue) {
+  println(theValue);
+}
+
+void myWindowTextfield(String theValue) {
+  println("from controlWindow: "+theValue);
+}
+
+void keyPressed() {
+  // if (key==',') cp5.window("controlP5window").hide();
+  // if (key=='.') cp5.window("controlP5window").show();
+  // controlWindow = controlP5.addControlWindow("controlP5window2",600,100,400,200);
+  // controlP5.controller("sliderValue1").moveTo(controlWindow);
+
+  // if (key=='d') {
+  //   if (controlWindow.isUndecorated()) {
+  //     controlWindow.setUndecorated(false);
+  //   } else {
+  //     controlWindow.setUndecorated(true);
+  //   }
+  // }
+  // if (key=='t') {
+  //   controlWindow.toggleUndecorated();
+  // }
+}
+
+</pre></code></dd></dl></div></dl>
+</li>
+</ul>
+</div>
+<div class="summary">
+<ul class="blockList">
+<li class="blockList">
+<!-- ======== NESTED CLASS SUMMARY ======== -->
+<ul class="blockList">
+<li class="blockList"><a name="nested_class_summary">
+<!--   -->
+</a>
+<h3>Nested Class Summary</h3>
+<table class="overviewSummary" border="0" cellpadding="3" cellspacing="0" summary="Nested Class Summary table, listing nested classes, and an explanation">
+<caption><span>Nested Classes</span><span class="tabEnd">&nbsp;</span></caption>
+<tr>
+<th class="colFirst" scope="col">Modifier and Type</th>
+<th class="colLast" scope="col">Class and Description</th>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>class&nbsp;</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlWindow.Pointer.html" title="class in controlP5">ControlWindow.Pointer</a></strong></code>
+<div class="block">A pointer by default is linked to the mouse and
+ stores the x and y position as well as the pressed
+ and released state.</div>
+</td>
+</tr>
+</table>
+</li>
+</ul>
+<!-- =========== FIELD SUMMARY =========== -->
+<ul class="blockList">
+<li class="blockList"><a name="field_summary">
+<!--   -->
+</a>
+<h3>Field Summary</h3>
+<table class="overviewSummary" border="0" cellpadding="3" cellspacing="0" summary="Field Summary table, listing fields, and an explanation">
+<caption><span>Fields</span><span class="tabEnd">&nbsp;</span></caption>
+<tr>
+<th class="colFirst" scope="col">Modifier and Type</th>
+<th class="colLast" scope="col">Field and Description</th>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlWindow.html#background">background</a></strong></code>&nbsp;</td>
+</tr>
+</table>
+</li>
+</ul>
+<!-- ======== CONSTRUCTOR SUMMARY ======== -->
+<ul class="blockList">
+<li class="blockList"><a name="constructor_summary">
+<!--   -->
+</a>
+<h3>Constructor Summary</h3>
+<table class="overviewSummary" border="0" cellpadding="3" cellspacing="0" summary="Constructor Summary table, listing constructors, and an explanation">
+<caption><span>Constructors</span><span class="tabEnd">&nbsp;</span></caption>
+<tr>
+<th class="colOne" scope="col">Constructor and Description</th>
+</tr>
+<tr class="altColor">
+<td class="colOne"><code><strong><a href="../controlP5/ControlWindow.html#ControlWindow(controlP5.ControlP5, processing.core.PApplet)">ControlWindow</a></strong>(<a href="../controlP5/ControlP5.html" title="class in controlP5">ControlP5</a>&nbsp;theControlP5,
+             processing.core.PApplet&nbsp;theApplet)</code>&nbsp;</td>
+</tr>
+</table>
+</li>
+</ul>
+<!-- ========== METHOD SUMMARY =========== -->
+<ul class="blockList">
+<li class="blockList"><a name="method_summary">
+<!--   -->
+</a>
+<h3>Method Summary</h3>
+<table class="overviewSummary" border="0" cellpadding="3" cellspacing="0" summary="Method Summary table, listing methods, and an explanation">
+<caption><span>Methods</span><span class="tabEnd">&nbsp;</span></caption>
+<tr>
+<th class="colFirst" scope="col">Modifier and Type</th>
+<th class="colLast" scope="col">Method and Description</th>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/ControlWindow.html" title="class in controlP5">ControlWindow</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlWindow.html#activateTab(java.lang.String)">activateTab</a></strong>(java.lang.String&nbsp;theTab)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Tab.html" title="class in controlP5">Tab</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlWindow.html#add(controlP5.Tab)">add</a></strong>(<a href="../controlP5/Tab.html" title="class in controlP5">Tab</a>&nbsp;theTab)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/ControlWindow.html" title="class in controlP5">ControlWindow</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlWindow.html#addCanvas(controlP5.Canvas)">addCanvas</a></strong>(<a href="../controlP5/Canvas.html" title="class in controlP5">Canvas</a>&nbsp;theCanvas)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Tab.html" title="class in controlP5">Tab</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlWindow.html#addTab(java.lang.String)">addTab</a></strong>(java.lang.String&nbsp;theTab)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/ControlWindow.html" title="class in controlP5">ControlWindow</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlWindow.html#clear()">clear</a></strong>()</code>
+<div class="block">clear the control window, delete all controllers from
+ a control window.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>void</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlWindow.html#clearKeys()">clearKeys</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/ControlWindow.html" title="class in controlP5">ControlWindow</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlWindow.html#disableMouseWheel()">disableMouseWheel</a></strong>()</code>
+<div class="block"><strong>Deprecated.</strong>&nbsp;</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/ControlWindow.html" title="class in controlP5">ControlWindow</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlWindow.html#disablePointer()">disablePointer</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>void</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlWindow.html#draw()">draw</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>void</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlWindow.html#draw(processing.core.PGraphics)">draw</a></strong>(processing.core.PGraphics&nbsp;pg)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>void</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlWindow.html#draw(processing.core.PGraphics, int, int)">draw</a></strong>(processing.core.PGraphics&nbsp;pg,
+    int&nbsp;theX,
+    int&nbsp;theY)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/ControlWindow.html" title="class in controlP5">ControlWindow</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlWindow.html#enableMouseWheel()">enableMouseWheel</a></strong>()</code>
+<div class="block"><strong>Deprecated.</strong>&nbsp;</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/ControlWindow.html" title="class in controlP5">ControlWindow</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlWindow.html#enablePointer()">enablePointer</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/ControlWindow.html" title="class in controlP5">ControlWindow</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlWindow.html#frameRate(int)">frameRate</a></strong>(int&nbsp;theFrameRate)</code>
+<div class="block">sets the frame rate of the control window.</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Tab.html" title="class in controlP5">Tab</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlWindow.html#getCurrentTab()">getCurrentTab</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;?&gt;</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlWindow.html#getFirstFromMouseOverList()">getFirstFromMouseOverList</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>java.util.List&lt;<a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;?&gt;&gt;</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlWindow.html#getMouseOverList()">getMouseOverList</a></strong>()</code>
+<div class="block">A list of controllers that are registered with a
+ mouseover.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/ControlWindow.Pointer.html" title="class in controlP5">ControlWindow.Pointer</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlWindow.html#getPointer()">getPointer</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>processing.core.PVector</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlWindow.html#getPositionOfTabs()">getPositionOfTabs</a></strong>()</code>
+<div class="block">Returns the position of the tab bar as PVector.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Tab.html" title="class in controlP5">Tab</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlWindow.html#getTab(java.lang.String)">getTab</a></strong>(java.lang.String&nbsp;theTabName)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/ControllerList.html" title="class in controlP5">ControllerList</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlWindow.html#getTabs()">getTabs</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>void</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlWindow.html#handleKeyEvent(processing.event.KeyEvent)">handleKeyEvent</a></strong>(processing.event.KeyEvent&nbsp;theKeyEvent)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/ControlWindow.html" title="class in controlP5">ControlWindow</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlWindow.html#hide()">hide</a></strong>()</code>
+<div class="block">hide the controllers and tabs of the ControlWindow.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>boolean</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlWindow.html#isDrawBackground()">isDrawBackground</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>boolean</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlWindow.html#isMouseOver()">isMouseOver</a></strong>()</code>
+<div class="block">returns true if the mouse is inside a controller.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>boolean</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlWindow.html#isMouseOver(controlP5.ControllerInterface)">isMouseOver</a></strong>(<a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;?&gt;&nbsp;theController)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>boolean</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlWindow.html#isMousePressed()">isMousePressed</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>boolean</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlWindow.html#isMouseWheel()">isMouseWheel</a></strong>()</code>
+<div class="block"><strong>Deprecated.</strong>&nbsp;</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>boolean</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlWindow.html#isUndecorated()">isUndecorated</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>boolean</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlWindow.html#isUpdate()">isUpdate</a></strong>()</code>
+<div class="block">check the update status of a control window.</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>boolean</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlWindow.html#isVisible()">isVisible</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>void</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlWindow.html#keyEvent(processing.event.KeyEvent)">keyEvent</a></strong>(processing.event.KeyEvent&nbsp;theKeyEvent)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>void</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlWindow.html#mouseEvent(int, int, boolean)">mouseEvent</a></strong>(int&nbsp;theX,
+          int&nbsp;theY,
+          boolean&nbsp;pressed)</code>
+<div class="block">when in Android mode, call mouseEvent(int, int,
+ boolean).</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>void</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlWindow.html#mouseEvent(processing.event.MouseEvent)">mouseEvent</a></strong>(processing.event.MouseEvent&nbsp;theMouseEvent)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>java.lang.String</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlWindow.html#name()">name</a></strong>()</code>
+<div class="block">returns the name of the control window.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>processing.core.PApplet</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlWindow.html#papplet()">papplet</a></strong>()</code>
+<div class="block">get the papplet instance of the ControlWindow.</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/ControlWindow.html" title="class in controlP5">ControlWindow</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlWindow.html#pre()">pre</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>void</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlWindow.html#remove()">remove</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/ControlWindow.html" title="class in controlP5">ControlWindow</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlWindow.html#removeCanvas(controlP5.Canvas)">removeCanvas</a></strong>(<a href="../controlP5/Canvas.html" title="class in controlP5">Canvas</a>&nbsp;theCanvas)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/ControlWindow.html" title="class in controlP5">ControlWindow</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlWindow.html#removeMouseOverFor(controlP5.ControllerInterface)">removeMouseOverFor</a></strong>(<a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;?&gt;&nbsp;theController)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/ControlWindow.html" title="class in controlP5">ControlWindow</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlWindow.html#removeTab(controlP5.Tab)">removeTab</a></strong>(<a href="../controlP5/Tab.html" title="class in controlP5">Tab</a>&nbsp;theTab)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>void</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlWindow.html#resetMouseOver()">resetMouseOver</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/ControlWindow.html" title="class in controlP5">ControlWindow</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlWindow.html#setBackground(int)">setBackground</a></strong>(int&nbsp;theValue)</code>
+<div class="block">set the background color of the control window.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/ControlWindow.html" title="class in controlP5">ControlWindow</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlWindow.html#setColorActive(int)">setColorActive</a></strong>(int&nbsp;theColor)</code>
+<div class="block">set the color for the controller while active.</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/ControlWindow.html" title="class in controlP5">ControlWindow</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlWindow.html#setColorBackground(int)">setColorBackground</a></strong>(int&nbsp;theColor)</code>
+<div class="block">set the background color of the controller.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/ControlWindow.html" title="class in controlP5">ControlWindow</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlWindow.html#setColorForeground(int)">setColorForeground</a></strong>(int&nbsp;theColor)</code>
+<div class="block">set the foreground color of the controller.</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/ControlWindow.html" title="class in controlP5">ControlWindow</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlWindow.html#setColorLabel(int)">setColorLabel</a></strong>(int&nbsp;theColor)</code>
+<div class="block">set the color of the text label of the controller.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/ControlWindow.html" title="class in controlP5">ControlWindow</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlWindow.html#setColorValue(int)">setColorValue</a></strong>(int&nbsp;theColor)</code>
+<div class="block">set the color of the values.</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/ControlWindow.html" title="class in controlP5">ControlWindow</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlWindow.html#setContext(controlP5.CDrawable)">setContext</a></strong>(<a href="../controlP5/CDrawable.html" title="interface in controlP5">CDrawable</a>&nbsp;theDrawable)</code>
+<div class="block">Adds a custom context to a ControlWindow.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/ControlWindow.html" title="class in controlP5">ControlWindow</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlWindow.html#setDrawBackground(boolean)">setDrawBackground</a></strong>(boolean&nbsp;theFlag)</code>
+<div class="block">by default the background of a controlWindow is
+ filled with a background color every frame.</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/ControlWindow.html" title="class in controlP5">ControlWindow</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlWindow.html#setLocation(int, int)">setLocation</a></strong>(int&nbsp;theX,
+           int&nbsp;theY)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/ControlWindow.html" title="class in controlP5">ControlWindow</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlWindow.html#setPosition(int, int)">setPosition</a></strong>(int&nbsp;theX,
+           int&nbsp;theY)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/ControlWindow.html" title="class in controlP5">ControlWindow</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlWindow.html#setPositionOfTabs(int, int)">setPositionOfTabs</a></strong>(int&nbsp;theX,
+                 int&nbsp;theY)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/ControlWindow.html" title="class in controlP5">ControlWindow</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlWindow.html#setPositionOfTabs(processing.core.PVector)">setPositionOfTabs</a></strong>(processing.core.PVector&nbsp;thePVector)</code>
+<div class="block">Sets the position of the tab bar which is set to 0,0
+ by default.</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/ControlWindow.html" title="class in controlP5">ControlWindow</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlWindow.html#setUndecorated(boolean)">setUndecorated</a></strong>(boolean&nbsp;theFlag)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>void</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlWindow.html#setUpdate(boolean)">setUpdate</a></strong>(boolean&nbsp;theFlag)</code>
+<div class="block">enable or disable the update function of a control
+ window.</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/ControlWindow.html" title="class in controlP5">ControlWindow</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlWindow.html#show()">show</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/ControlWindow.html" title="class in controlP5">ControlWindow</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlWindow.html#toggleUndecorated()">toggleUndecorated</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>void</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlWindow.html#update()">update</a></strong>()</code>
+<div class="block">updates all controllers inside the control window if
+ update is enabled.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>void</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControlWindow.html#updateEvents()">updateEvents</a></strong>()</code>&nbsp;</td>
+</tr>
+</table>
+<ul class="blockList">
+<li class="blockList"><a name="methods_inherited_from_class_java.lang.Object">
+<!--   -->
+</a>
+<h3>Methods inherited from class&nbsp;java.lang.Object</h3>
+<code>equals, getClass, hashCode, notify, notifyAll, toString, wait, wait, wait</code></li>
+</ul>
+</li>
+</ul>
+</li>
+</ul>
+</div>
+<div class="details">
+<ul class="blockList">
+<li class="blockList">
+<!-- ============ FIELD DETAIL =========== -->
+<ul class="blockList">
+<li class="blockList"><a name="field_detail">
+<!--   -->
+</a>
+<h3>Field Detail</h3>
+<a name="background">
+<!--   -->
+</a>
+<ul class="blockListLast">
+<li class="blockList">
+<h4>background</h4>
+<pre>public&nbsp;int background</pre>
+</li>
+</ul>
+</li>
+</ul>
+<!-- ========= CONSTRUCTOR DETAIL ======== -->
+<ul class="blockList">
+<li class="blockList"><a name="constructor_detail">
+<!--   -->
+</a>
+<h3>Constructor Detail</h3>
+<a name="ControlWindow(controlP5.ControlP5, processing.core.PApplet)">
+<!--   -->
+</a>
+<ul class="blockListLast">
+<li class="blockList">
+<h4>ControlWindow</h4>
+<pre>public&nbsp;ControlWindow(<a href="../controlP5/ControlP5.html" title="class in controlP5">ControlP5</a>&nbsp;theControlP5,
+             processing.core.PApplet&nbsp;theApplet)</pre>
+</li>
+</ul>
+</li>
+</ul>
+<!-- ============ METHOD DETAIL ========== -->
+<ul class="blockList">
+<li class="blockList"><a name="method_detail">
+<!--   -->
+</a>
+<h3>Method Detail</h3>
+<a name="activateTab(java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>activateTab</h4>
+<pre>public&nbsp;<a href="../controlP5/ControlWindow.html" title="class in controlP5">ControlWindow</a>&nbsp;activateTab(java.lang.String&nbsp;theTab)</pre>
+</li>
+</ul>
+<a name="add(controlP5.Tab)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>add</h4>
+<pre>public&nbsp;<a href="../controlP5/Tab.html" title="class in controlP5">Tab</a>&nbsp;add(<a href="../controlP5/Tab.html" title="class in controlP5">Tab</a>&nbsp;theTab)</pre>
+</li>
+</ul>
+<a name="addCanvas(controlP5.Canvas)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>addCanvas</h4>
+<pre>public&nbsp;<a href="../controlP5/ControlWindow.html" title="class in controlP5">ControlWindow</a>&nbsp;addCanvas(<a href="../controlP5/Canvas.html" title="class in controlP5">Canvas</a>&nbsp;theCanvas)</pre>
+</li>
+</ul>
+<a name="addTab(java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>addTab</h4>
+<pre>public&nbsp;<a href="../controlP5/Tab.html" title="class in controlP5">Tab</a>&nbsp;addTab(java.lang.String&nbsp;theTab)</pre>
+</li>
+</ul>
+<a name="clear()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>clear</h4>
+<pre>public&nbsp;<a href="../controlP5/ControlWindow.html" title="class in controlP5">ControlWindow</a>&nbsp;clear()</pre>
+<div class="block">clear the control window, delete all controllers from
+ a control window.</div>
+</li>
+</ul>
+<a name="clearKeys()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>clearKeys</h4>
+<pre>public&nbsp;void&nbsp;clearKeys()</pre>
+</li>
+</ul>
+<a name="disableMouseWheel()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>disableMouseWheel</h4>
+<pre>@Deprecated
+public&nbsp;<a href="../controlP5/ControlWindow.html" title="class in controlP5">ControlWindow</a>&nbsp;disableMouseWheel()</pre>
+<div class="block"><span class="strong">Deprecated.</span>&nbsp;</div>
+</li>
+</ul>
+<a name="disablePointer()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>disablePointer</h4>
+<pre>public&nbsp;<a href="../controlP5/ControlWindow.html" title="class in controlP5">ControlWindow</a>&nbsp;disablePointer()</pre>
+</li>
+</ul>
+<a name="draw()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>draw</h4>
+<pre>public&nbsp;void&nbsp;draw()</pre>
+</li>
+</ul>
+<a name="draw(processing.core.PGraphics)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>draw</h4>
+<pre>public&nbsp;void&nbsp;draw(processing.core.PGraphics&nbsp;pg)</pre>
+</li>
+</ul>
+<a name="draw(processing.core.PGraphics, int, int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>draw</h4>
+<pre>public&nbsp;void&nbsp;draw(processing.core.PGraphics&nbsp;pg,
+        int&nbsp;theX,
+        int&nbsp;theY)</pre>
+</li>
+</ul>
+<a name="enableMouseWheel()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>enableMouseWheel</h4>
+<pre>@Deprecated
+public&nbsp;<a href="../controlP5/ControlWindow.html" title="class in controlP5">ControlWindow</a>&nbsp;enableMouseWheel()</pre>
+<div class="block"><span class="strong">Deprecated.</span>&nbsp;</div>
+</li>
+</ul>
+<a name="enablePointer()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>enablePointer</h4>
+<pre>public&nbsp;<a href="../controlP5/ControlWindow.html" title="class in controlP5">ControlWindow</a>&nbsp;enablePointer()</pre>
+</li>
+</ul>
+<a name="frameRate(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>frameRate</h4>
+<pre>public&nbsp;<a href="../controlP5/ControlWindow.html" title="class in controlP5">ControlWindow</a>&nbsp;frameRate(int&nbsp;theFrameRate)</pre>
+<div class="block">sets the frame rate of the control window.</div>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theFrameRate</code> - </dd>
+<dt><span class="strong">Returns:</span></dt><dd>ControlWindow</dd></dl>
+</li>
+</ul>
+<a name="getCurrentTab()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getCurrentTab</h4>
+<pre>public&nbsp;<a href="../controlP5/Tab.html" title="class in controlP5">Tab</a>&nbsp;getCurrentTab()</pre>
+</li>
+</ul>
+<a name="getFirstFromMouseOverList()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getFirstFromMouseOverList</h4>
+<pre>public&nbsp;<a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;?&gt;&nbsp;getFirstFromMouseOverList()</pre>
+</li>
+</ul>
+<a name="getMouseOverList()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getMouseOverList</h4>
+<pre>public&nbsp;java.util.List&lt;<a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;?&gt;&gt;&nbsp;getMouseOverList()</pre>
+<div class="block">A list of controllers that are registered with a
+ mouseover.</div>
+</li>
+</ul>
+<a name="getPointer()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getPointer</h4>
+<pre>public&nbsp;<a href="../controlP5/ControlWindow.Pointer.html" title="class in controlP5">ControlWindow.Pointer</a>&nbsp;getPointer()</pre>
+</li>
+</ul>
+<a name="getPositionOfTabs()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getPositionOfTabs</h4>
+<pre>public&nbsp;processing.core.PVector&nbsp;getPositionOfTabs()</pre>
+<div class="block">Returns the position of the tab bar as PVector. to
+ move the tabs to y-position 100, use
+ cp5.window().getPositionOfTabs().y = 100; or
+ cp5.window().setPositionOfTabs(new PVector(0,100,0));</div>
+<dl><dt><span class="strong">Returns:</span></dt><dd>PVector</dd></dl>
+</li>
+</ul>
+<a name="getTab(java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getTab</h4>
+<pre>public&nbsp;<a href="../controlP5/Tab.html" title="class in controlP5">Tab</a>&nbsp;getTab(java.lang.String&nbsp;theTabName)</pre>
+</li>
+</ul>
+<a name="getTabs()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getTabs</h4>
+<pre>public&nbsp;<a href="../controlP5/ControllerList.html" title="class in controlP5">ControllerList</a>&nbsp;getTabs()</pre>
+</li>
+</ul>
+<a name="handleKeyEvent(processing.event.KeyEvent)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>handleKeyEvent</h4>
+<pre>public&nbsp;void&nbsp;handleKeyEvent(processing.event.KeyEvent&nbsp;theKeyEvent)</pre>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theKeyEvent</code> - KeyEvent</dd></dl>
+</li>
+</ul>
+<a name="hide()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>hide</h4>
+<pre>public&nbsp;<a href="../controlP5/ControlWindow.html" title="class in controlP5">ControlWindow</a>&nbsp;hide()</pre>
+<div class="block">hide the controllers and tabs of the ControlWindow.</div>
+</li>
+</ul>
+<a name="isDrawBackground()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>isDrawBackground</h4>
+<pre>public&nbsp;boolean&nbsp;isDrawBackground()</pre>
+</li>
+</ul>
+<a name="isMouseOver()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>isMouseOver</h4>
+<pre>public&nbsp;boolean&nbsp;isMouseOver()</pre>
+<div class="block">returns true if the mouse is inside a controller. !!!
+ doesnt work for groups yet.</div>
+</li>
+</ul>
+<a name="isMouseOver(controlP5.ControllerInterface)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>isMouseOver</h4>
+<pre>public&nbsp;boolean&nbsp;isMouseOver(<a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;?&gt;&nbsp;theController)</pre>
+</li>
+</ul>
+<a name="isMousePressed()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>isMousePressed</h4>
+<pre>public&nbsp;boolean&nbsp;isMousePressed()</pre>
+</li>
+</ul>
+<a name="isMouseWheel()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>isMouseWheel</h4>
+<pre>@Deprecated
+public&nbsp;boolean&nbsp;isMouseWheel()</pre>
+<div class="block"><span class="strong">Deprecated.</span>&nbsp;</div>
+</li>
+</ul>
+<a name="isUndecorated()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>isUndecorated</h4>
+<pre>public&nbsp;boolean&nbsp;isUndecorated()</pre>
+</li>
+</ul>
+<a name="isUpdate()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>isUpdate</h4>
+<pre>public&nbsp;boolean&nbsp;isUpdate()</pre>
+<div class="block">check the update status of a control window.</div>
+</li>
+</ul>
+<a name="isVisible()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>isVisible</h4>
+<pre>public&nbsp;boolean&nbsp;isVisible()</pre>
+</li>
+</ul>
+<a name="keyEvent(processing.event.KeyEvent)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>keyEvent</h4>
+<pre>public&nbsp;void&nbsp;keyEvent(processing.event.KeyEvent&nbsp;theKeyEvent)</pre>
+</li>
+</ul>
+<a name="mouseEvent(int, int, boolean)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>mouseEvent</h4>
+<pre>public&nbsp;void&nbsp;mouseEvent(int&nbsp;theX,
+              int&nbsp;theY,
+              boolean&nbsp;pressed)</pre>
+<div class="block">when in Android mode, call mouseEvent(int, int,
+ boolean).</div>
+</li>
+</ul>
+<a name="mouseEvent(processing.event.MouseEvent)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>mouseEvent</h4>
+<pre>public&nbsp;void&nbsp;mouseEvent(processing.event.MouseEvent&nbsp;theMouseEvent)</pre>
+</li>
+</ul>
+<a name="name()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>name</h4>
+<pre>public&nbsp;java.lang.String&nbsp;name()</pre>
+<div class="block">returns the name of the control window.</div>
+</li>
+</ul>
+<a name="papplet()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>papplet</h4>
+<pre>public&nbsp;processing.core.PApplet&nbsp;papplet()</pre>
+<div class="block">get the papplet instance of the ControlWindow.</div>
+</li>
+</ul>
+<a name="pre()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>pre</h4>
+<pre>public&nbsp;<a href="../controlP5/ControlWindow.html" title="class in controlP5">ControlWindow</a>&nbsp;pre()</pre>
+</li>
+</ul>
+<a name="remove()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>remove</h4>
+<pre>public&nbsp;void&nbsp;remove()</pre>
+</li>
+</ul>
+<a name="removeCanvas(controlP5.Canvas)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>removeCanvas</h4>
+<pre>public&nbsp;<a href="../controlP5/ControlWindow.html" title="class in controlP5">ControlWindow</a>&nbsp;removeCanvas(<a href="../controlP5/Canvas.html" title="class in controlP5">Canvas</a>&nbsp;theCanvas)</pre>
+</li>
+</ul>
+<a name="removeMouseOverFor(controlP5.ControllerInterface)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>removeMouseOverFor</h4>
+<pre>public&nbsp;<a href="../controlP5/ControlWindow.html" title="class in controlP5">ControlWindow</a>&nbsp;removeMouseOverFor(<a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;?&gt;&nbsp;theController)</pre>
+</li>
+</ul>
+<a name="removeTab(controlP5.Tab)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>removeTab</h4>
+<pre>public&nbsp;<a href="../controlP5/ControlWindow.html" title="class in controlP5">ControlWindow</a>&nbsp;removeTab(<a href="../controlP5/Tab.html" title="class in controlP5">Tab</a>&nbsp;theTab)</pre>
+</li>
+</ul>
+<a name="resetMouseOver()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>resetMouseOver</h4>
+<pre>public&nbsp;void&nbsp;resetMouseOver()</pre>
+</li>
+</ul>
+<a name="setBackground(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setBackground</h4>
+<pre>public&nbsp;<a href="../controlP5/ControlWindow.html" title="class in controlP5">ControlWindow</a>&nbsp;setBackground(int&nbsp;theValue)</pre>
+<div class="block">set the background color of the control window.</div>
+</li>
+</ul>
+<a name="setColorActive(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setColorActive</h4>
+<pre>public&nbsp;<a href="../controlP5/ControlWindow.html" title="class in controlP5">ControlWindow</a>&nbsp;setColorActive(int&nbsp;theColor)</pre>
+<div class="block">set the color for the controller while active.</div>
+</li>
+</ul>
+<a name="setColorBackground(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setColorBackground</h4>
+<pre>public&nbsp;<a href="../controlP5/ControlWindow.html" title="class in controlP5">ControlWindow</a>&nbsp;setColorBackground(int&nbsp;theColor)</pre>
+<div class="block">set the background color of the controller.</div>
+</li>
+</ul>
+<a name="setColorForeground(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setColorForeground</h4>
+<pre>public&nbsp;<a href="../controlP5/ControlWindow.html" title="class in controlP5">ControlWindow</a>&nbsp;setColorForeground(int&nbsp;theColor)</pre>
+<div class="block">set the foreground color of the controller.</div>
+</li>
+</ul>
+<a name="setColorLabel(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setColorLabel</h4>
+<pre>public&nbsp;<a href="../controlP5/ControlWindow.html" title="class in controlP5">ControlWindow</a>&nbsp;setColorLabel(int&nbsp;theColor)</pre>
+<div class="block">set the color of the text label of the controller.</div>
+</li>
+</ul>
+<a name="setColorValue(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setColorValue</h4>
+<pre>public&nbsp;<a href="../controlP5/ControlWindow.html" title="class in controlP5">ControlWindow</a>&nbsp;setColorValue(int&nbsp;theColor)</pre>
+<div class="block">set the color of the values.</div>
+</li>
+</ul>
+<a name="setContext(controlP5.CDrawable)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setContext</h4>
+<pre>public&nbsp;<a href="../controlP5/ControlWindow.html" title="class in controlP5">ControlWindow</a>&nbsp;setContext(<a href="../controlP5/CDrawable.html" title="interface in controlP5">CDrawable</a>&nbsp;theDrawable)</pre>
+<div class="block">Adds a custom context to a ControlWindow. Use a
+ custom class which implements the CDrawable interface</div>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theDrawable</code> - CDrawable</dd><dt><span class="strong">See Also:</span></dt><dd><a href="../controlP5/CDrawable.html" title="interface in controlP5"><code>CDrawable</code></a></dd></dl>
+</li>
+</ul>
+<a name="setDrawBackground(boolean)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setDrawBackground</h4>
+<pre>public&nbsp;<a href="../controlP5/ControlWindow.html" title="class in controlP5">ControlWindow</a>&nbsp;setDrawBackground(boolean&nbsp;theFlag)</pre>
+<div class="block">by default the background of a controlWindow is
+ filled with a background color every frame. to enable
+ or disable the background from drawing, use
+ setDrawBackgorund(true/false).</div>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theFlag</code> - </dd>
+<dt><span class="strong">Returns:</span></dt><dd>ControlWindow</dd></dl>
+</li>
+</ul>
+<a name="setLocation(int, int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setLocation</h4>
+<pre>public&nbsp;<a href="../controlP5/ControlWindow.html" title="class in controlP5">ControlWindow</a>&nbsp;setLocation(int&nbsp;theX,
+                        int&nbsp;theY)</pre>
+</li>
+</ul>
+<a name="setPosition(int, int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setPosition</h4>
+<pre>public&nbsp;<a href="../controlP5/ControlWindow.html" title="class in controlP5">ControlWindow</a>&nbsp;setPosition(int&nbsp;theX,
+                        int&nbsp;theY)</pre>
+</li>
+</ul>
+<a name="setPositionOfTabs(int, int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setPositionOfTabs</h4>
+<pre>public&nbsp;<a href="../controlP5/ControlWindow.html" title="class in controlP5">ControlWindow</a>&nbsp;setPositionOfTabs(int&nbsp;theX,
+                              int&nbsp;theY)</pre>
+</li>
+</ul>
+<a name="setPositionOfTabs(processing.core.PVector)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setPositionOfTabs</h4>
+<pre>public&nbsp;<a href="../controlP5/ControlWindow.html" title="class in controlP5">ControlWindow</a>&nbsp;setPositionOfTabs(processing.core.PVector&nbsp;thePVector)</pre>
+<div class="block">Sets the position of the tab bar which is set to 0,0
+ by default. to move the tabs to y-position 100, use
+ cp5.window().setPositionOfTabs(new PVector(0,100,0));</div>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>thePVector</code> - </dd></dl>
+</li>
+</ul>
+<a name="setUndecorated(boolean)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setUndecorated</h4>
+<pre>public&nbsp;<a href="../controlP5/ControlWindow.html" title="class in controlP5">ControlWindow</a>&nbsp;setUndecorated(boolean&nbsp;theFlag)</pre>
+</li>
+</ul>
+<a name="setUpdate(boolean)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setUpdate</h4>
+<pre>public&nbsp;void&nbsp;setUpdate(boolean&nbsp;theFlag)</pre>
+<div class="block">enable or disable the update function of a control
+ window.</div>
+</li>
+</ul>
+<a name="show()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>show</h4>
+<pre>public&nbsp;<a href="../controlP5/ControlWindow.html" title="class in controlP5">ControlWindow</a>&nbsp;show()</pre>
+</li>
+</ul>
+<a name="toggleUndecorated()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>toggleUndecorated</h4>
+<pre>public&nbsp;<a href="../controlP5/ControlWindow.html" title="class in controlP5">ControlWindow</a>&nbsp;toggleUndecorated()</pre>
+</li>
+</ul>
+<a name="update()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>update</h4>
+<pre>public&nbsp;void&nbsp;update()</pre>
+<div class="block">updates all controllers inside the control window if
+ update is enabled.</div>
+</li>
+</ul>
+<a name="updateEvents()">
+<!--   -->
+</a>
+<ul class="blockListLast">
+<li class="blockList">
+<h4>updateEvents</h4>
+<pre>public&nbsp;void&nbsp;updateEvents()</pre>
+</li>
+</ul>
+</li>
+</ul>
+</li>
+</ul>
+</div>
+</div>
+<!-- ========= END OF CLASS DATA ========= -->
+<!-- ======= START OF BOTTOM NAVBAR ====== -->
+<div class="bottomNav"><a name="navbar_bottom">
+<!--   -->
+</a><a href="#skip-navbar_bottom" title="Skip navigation links"></a><a name="navbar_bottom_firstrow">
+<!--   -->
+</a>
+<ul class="navList" title="Navigation">
+<li><a href="../controlP5/package-summary.html">Package</a></li>
+<li class="navBarCell1Rev">Class</li>
+<li><a href="package-tree.html">Tree</a></li>
+<li><a href="../index-all.html">Index</a></li>
+<li><a href="../help-doc.html">Help</a></li>
+</ul>
+</div>
+<div class="subNav">
+<ul class="navList">
+<li><a href="../controlP5/ControlTimer.html" title="class in controlP5"><span class="strong">Prev Class</span></a></li>
+<li><a href="../controlP5/ControlWindow.Pointer.html" title="class in controlP5"><span class="strong">Next Class</span></a></li>
+</ul>
+<ul class="navList">
+<li><a href="../index.html?controlP5/ControlWindow.html" target="_top">Frames</a></li>
+<li><a href="ControlWindow.html" target="_top">No Frames</a></li>
+</ul>
+<ul class="navList" id="allclasses_navbar_bottom">
+<li><a href="../allclasses-noframe.html">All Classes</a></li>
+</ul>
+<div>
+<script type="text/javascript"><!--
+  allClassesLink = document.getElementById("allclasses_navbar_bottom");
+  if(window==top) {
+    allClassesLink.style.display = "block";
+  }
+  else {
+    allClassesLink.style.display = "none";
+  }
+  //-->
+</script>
+</div>
+<div>
+<ul class="subNavList">
+<li>Summary:&nbsp;</li>
+<li><a href="#nested_class_summary">Nested</a>&nbsp;|&nbsp;</li>
+<li><a href="#field_summary">Field</a>&nbsp;|&nbsp;</li>
+<li><a href="#constructor_summary">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_summary">Method</a></li>
+</ul>
+<ul class="subNavList">
+<li>Detail:&nbsp;</li>
+<li><a href="#field_detail">Field</a>&nbsp;|&nbsp;</li>
+<li><a href="#constructor_detail">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_detail">Method</a></li>
+</ul>
+</div>
+<a name="skip-navbar_bottom">
+<!--   -->
+</a></div>
+<!-- ======== END OF BOTTOM NAVBAR ======= -->
+<p class="legalCopy"><small>processing library controlP5 by Andreas Schlegel. (c) 2006-2014</small></p>
+</body>
+</html>
diff --git a/reference/controlP5/Controller.html b/reference/controlP5/Controller.html
new file mode 100644
index 0000000..646cf22
--- /dev/null
+++ b/reference/controlP5/Controller.html
@@ -0,0 +1,3089 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
+<!-- NewPage -->
+<html lang="en">
+<head>
+<!-- Generated by javadoc (version 1.7.0_51) on Sun Apr 27 21:39:47 SGT 2014 -->
+<title>Controller (Javadocs: controlP5)</title>
+<meta name="date" content="2014-04-27">
+<link rel="stylesheet" type="text/css" href="../stylesheet.css" title="Style">
+</head>
+<body>
+<script type="text/javascript"><!--
+    if (location.href.indexOf('is-external=true') == -1) {
+        parent.document.title="Controller (Javadocs: controlP5)";
+    }
+//-->
+</script>
+<noscript>
+<div>JavaScript is disabled on your browser.</div>
+</noscript>
+<!-- ========= START OF TOP NAVBAR ======= -->
+<div class="topNav"><a name="navbar_top">
+<!--   -->
+</a><a href="#skip-navbar_top" title="Skip navigation links"></a><a name="navbar_top_firstrow">
+<!--   -->
+</a>
+<ul class="navList" title="Navigation">
+<li><a href="../controlP5/package-summary.html">Package</a></li>
+<li class="navBarCell1Rev">Class</li>
+<li><a href="package-tree.html">Tree</a></li>
+<li><a href="../index-all.html">Index</a></li>
+<li><a href="../help-doc.html">Help</a></li>
+</ul>
+</div>
+<div class="subNav">
+<ul class="navList">
+<li><a href="../controlP5/ControlKey.html" title="interface in controlP5"><span class="strong">Prev Class</span></a></li>
+<li>Next Class</li>
+</ul>
+<ul class="navList">
+<li><a href="../index.html?controlP5/Controller.html" target="_top">Frames</a></li>
+<li><a href="Controller.html" target="_top">No Frames</a></li>
+</ul>
+<ul class="navList" id="allclasses_navbar_top">
+<li><a href="../allclasses-noframe.html">All Classes</a></li>
+</ul>
+<div>
+<script type="text/javascript"><!--
+  allClassesLink = document.getElementById("allclasses_navbar_top");
+  if(window==top) {
+    allClassesLink.style.display = "block";
+  }
+  else {
+    allClassesLink.style.display = "none";
+  }
+  //-->
+</script>
+</div>
+<div>
+<ul class="subNavList">
+<li>Summary:&nbsp;</li>
+<li>Nested&nbsp;|&nbsp;</li>
+<li><a href="#field_summary">Field</a>&nbsp;|&nbsp;</li>
+<li><a href="#constructor_summary">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_summary">Method</a></li>
+</ul>
+<ul class="subNavList">
+<li>Detail:&nbsp;</li>
+<li><a href="#field_detail">Field</a>&nbsp;|&nbsp;</li>
+<li><a href="#constructor_detail">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_detail">Method</a></li>
+</ul>
+</div>
+<a name="skip-navbar_top">
+<!--   -->
+</a></div>
+<!-- ========= END OF TOP NAVBAR ========= -->
+<!-- ======== START OF CLASS DATA ======== -->
+<div class="header">
+<div class="subTitle">controlP5</div>
+<h2 title="Class Controller" class="title">Class Controller&lt;T&gt;</h2>
+</div>
+<div class="contentContainer">
+<ul class="inheritance">
+<li>java.lang.Object</li>
+<li>
+<ul class="inheritance">
+<li>controlP5.Controller&lt;T&gt;</li>
+</ul>
+</li>
+</ul>
+<div class="description">
+<ul class="blockList">
+<li class="blockList">
+<dl>
+<dt>All Implemented Interfaces:</dt>
+<dd><a href="../controlP5/CDrawable.html" title="interface in controlP5">CDrawable</a>, <a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;T&gt;, <a href="../controlP5/ControlP5Constants.html" title="interface in controlP5">ControlP5Constants</a></dd>
+</dl>
+<dl>
+<dt>Direct Known Subclasses:</dt>
+<dd><a href="../controlP5/Bang.html" title="class in controlP5">Bang</a>, <a href="../controlP5/BoundingBox.html" title="class in controlP5">BoundingBox</a>, <a href="../controlP5/Button.html" title="class in controlP5">Button</a>, <a href="../controlP5/Chart.html" title="class in controlP5">Chart</a>, <a href="../controlP5/ColorWheel.html" title="class in controlP5">ColorWheel</a>, <a href="../controlP5/Knob.html" title="class in controlP5">Knob</a>, <a href="../controlP5/Matrix.html" title="class in controlP5">Matrix</a>, <a href="../controlP5/MultiList.html" title="class in controlP5">MultiList</a>, <a href="../controlP5/Numberbox.html" title="class in controlP5">Numberbox</a>, <a href="../controlP5/Range.html" title="class in controlP5">Range</a>, <a href="../controlP5/ScrollableList.html" title="class in controlP5">ScrollableList</a>, <a href="../controlP5/Slider.html" title="class in controlP5">Slider</a>, <a href="../controlP5/Slider2D.html" title="class in controlP5">Slider2D</a>, <a href="../controlP5/Textfield.html" title="class in controlP5">Textfield</a>, <a href="../controlP5/Textlabel.html" title="class in controlP5">Textlabel</a>, <a href="../controlP5/Toggle.html" title="class in controlP5">Toggle</a></dd>
+</dl>
+<hr>
+<br>
+<pre>public abstract class <span class="strong">Controller&lt;T&gt;</span>
+extends java.lang.Object
+implements <a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;T&gt;, <a href="../controlP5/CDrawable.html" title="interface in controlP5">CDrawable</a>, <a href="../controlP5/ControlP5Constants.html" title="interface in controlP5">ControlP5Constants</a></pre>
+<div class="block"><p>
+ Controller is an abstract class that is extended by any available controller within controlP5.
+ this is the full documentation list for all methods available for a controller. An event
+ triggered by a controller will be forwarded to the main program. If a void
+ controlEvent(ControlEvent theEvent) {} method is available, this method will be called.
+ </p>
+ <p>
+ A Controller can notify the main program in 2 different ways:
+ </p>
+ <ul>
+ <li>(1) add method controlEvent(ControlEvent theEvent) to your sketch. ControlP5 will
+ automatically detect this method and will used it to forward any controlEvent triggered by a
+ controller - you can disable forwarding by using setBroadcast(false)
+ <a href="../controlP5/Controller.html#setBroadcast(boolean)"><code>setBroadcast(boolean)</code></a></li>
+ <li>(2) each controller requires a unique name when being create. In case an existing name is
+ used for a newly created Controller, the existing one will be overwritten. each unique name can
+ be used to automatically link a controller to either a method or a field within your program.</li>
+ </ul></div>
+<dl><dt><span class="strong">See Also:</span></dt><dd><a href="../controlP5/Bang.html" title="class in controlP5"><code>Bang</code></a>, 
+<a href="../controlP5/Button.html" title="class in controlP5"><code>Button</code></a>, 
+<a href="../controlP5/Knob.html" title="class in controlP5"><code>Knob</code></a>, 
+<a href="../controlP5/Matrix.html" title="class in controlP5"><code>Matrix</code></a>, 
+<a href="../controlP5/MultiList.html" title="class in controlP5"><code>MultiList</code></a>, 
+<a href="../controlP5/Numberbox.html" title="class in controlP5"><code>Numberbox</code></a>, 
+<a href="../controlP5/RadioButton.html" title="class in controlP5"><code>RadioButton</code></a>, 
+<a href="../controlP5/ListBox.html" title="class in controlP5"><code>ListBox</code></a>, 
+<a href="../controlP5/Slider.html" title="class in controlP5"><code>Slider</code></a>, 
+<a href="../controlP5/Textarea.html" title="class in controlP5"><code>Textarea</code></a>, 
+<a href="../controlP5/Textfield.html" title="class in controlP5"><code>Textfield</code></a>, 
+<a href="../controlP5/Textlabel.html" title="class in controlP5"><code>Textlabel</code></a>, 
+<a href="../controlP5/Toggle.html" title="class in controlP5"><code>Toggle</code></a>, 
+<a href="../controlP5/ControlGroup.html" title="class in controlP5"><code>ControlGroup</code></a>, 
+<a href="../controlP5/ControlBehavior.html" title="class in controlP5"><code>ControlBehavior</code></a>, 
+<a href="../controlP5/ControlEvent.html" title="class in controlP5"><code>ControlEvent</code></a></dd><script type="text/javascript">
+<!--
+document.getElementsByTagName('html')[0].className = 'isjs';function toggle(dt) { var display, dd=dt; do{ dd = dd.nextSibling } while(dd.tagName!='DD'); toOpen =!dd.style.display;dd.style.display = toOpen? 'block':''; dt.getElementsByTagName('span')[0].innerHTML  = toOpen? '-':'+' ; }
+-->
+</script>
+<div id="test" class="toggleList"><dl><dt onclick="toggle(this);"><span>+</span>Example</dt><dd><code><pre>/**
+ * ControlP5 Basics
+ *
+ * The following example demonstrates the basic use of controlP5.<br />
+ * After initializing controlP5 you can add controllers to controlP5.
+ * Here we use three numberboxes, one slider and one textfield.
+ * The numberbox with name numberboxC will trigger function numberboxC()
+ * in the example below. Whenever controlP5 detects a function in your 
+ * sketch that corresponds to the name of a controller, it will forward
+ * an event to that function. Any event triggered by a controller 
+ * will be forwarded to function controlEvent in your sketch.
+ * related examples ControlP5numberbox, ControlP5slider, ControlP5textfield
+ * 
+ * by Andreas Schlegel, 2011
+ * www.sojamo.de/libraries/controlp5
+ *
+ */
+
+
+import controlP5.*;
+
+ControlP5 cp5;
+public int myColorRect = 200;
+public int myColorBackground = 100;
+
+void setup() {
+  size(400, 400);
+  noStroke();
+  
+  cp5 = new ControlP5(this);
+
+  // create a slider
+  // parameters:
+  // name, minValue, maxValue, defaultValue, x, y, width, height
+  cp5.addSlider("sliderA", 100, 200, 100, 100, 260, 100, 14);
+
+
+  // create 3 numberboxes and assign an id for each
+  cp5.addNumberbox("numberboxA", myColorRect, 100, 140, 100, 14).setId(1);
+  cp5.addNumberbox("numberboxB", myColorBackground, 100, 180, 100, 14).setId(2);
+  cp5.addNumberbox("numberboxC", 0, 100, 220, 100, 14).setId(3);
+
+
+  // create a texfield
+  cp5.addTextfield("textA", 100, 290, 100, 20);
+
+  // change individual settings for a controller
+  cp5.getController("numberboxA").setMax(255);
+  cp5.getController("numberboxA").setMin(0);
+}
+
+void draw() {
+  background(myColorBackground);
+  fill(myColorRect);
+  rect(0, 0, width, 100);
+}
+
+
+// events from controller numberboxC are received here
+public void numberboxC(int theValue) {
+  println("### got an event from numberboxC : "+theValue);
+}
+
+
+// an event from slider sliderA will change the value of textfield textA here
+public void sliderA(int theValue) {
+  Textfield txt = ((Textfield)cp5.getController("textA"));
+  txt.setValue(""+theValue);
+}
+
+
+// for every change (a textfield event confirmed with a return) in textfield textA,
+// function textA will be invoked
+public void textA(String theValue) {
+  println("### got an event from textA : "+theValue);
+}
+
+
+// function controlEvent will be invoked with every value change 
+// in any registered controller
+public void controlEvent(ControlEvent theEvent) {
+  println("got a control event from controller with id "+theEvent.getId());
+  switch(theEvent.getId()) {
+    case(1): // numberboxA is registered with id 1
+    myColorRect = (int)(theEvent.getController().getValue());
+    break;
+    case(2):  // numberboxB is registered with id 2
+    myColorBackground = (int)(theEvent.getController().getValue());
+    break;
+  }
+}
+
+</pre></code></dd></dl></div></dl>
+</li>
+</ul>
+</div>
+<div class="summary">
+<ul class="blockList">
+<li class="blockList">
+<!-- =========== FIELD SUMMARY =========== -->
+<ul class="blockList">
+<li class="blockList"><a name="field_summary">
+<!--   -->
+</a>
+<h3>Field Summary</h3>
+<table class="overviewSummary" border="0" cellpadding="3" cellspacing="0" summary="Field Summary table, listing fields, and an explanation">
+<caption><span>Fields</span><span class="tabEnd">&nbsp;</span></caption>
+<tr>
+<th class="colFirst" scope="col">Modifier and Type</th>
+<th class="colLast" scope="col">Field and Description</th>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>static int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Controller.html#autoHeight">autoHeight</a></strong></code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>static processing.core.PVector</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Controller.html#autoSpacing">autoSpacing</a></strong></code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>static int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Controller.html#autoWidth">autoWidth</a></strong></code>&nbsp;</td>
+</tr>
+</table>
+<ul class="blockList">
+<li class="blockList"><a name="fields_inherited_from_class_controlP5.ControlP5Constants">
+<!--   -->
+</a>
+<h3>Fields inherited from interface&nbsp;controlP5.<a href="../controlP5/ControlP5Constants.html" title="interface in controlP5">ControlP5Constants</a></h3>
+<code><a href="../controlP5/ControlP5Constants.html#acceptClassList">acceptClassList</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_BROADCAST">ACTION_BROADCAST</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_CLICK">ACTION_CLICK</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_DRAG">ACTION_DRAG</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_ENTER">ACTION_ENTER</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_EXIT">ACTION_EXIT</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_LEAVE">ACTION_LEAVE</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_MOVE">ACTION_MOVE</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_PRESS">ACTION_PRESS</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_PRESSED">ACTION_PRESSED</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_RELEASE">ACTION_RELEASE</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_RELEASED">ACTION_RELEASED</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_RELEASEDOUTSIDE">ACTION_RELEASEDOUTSIDE</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_WHEEL">ACTION_WHEEL</a>, <a href="../controlP5/ControlP5Constants.html#ACTIVE">ACTIVE</a>, <a href="../controlP5/ControlP5Constants.html#ALL">ALL</a>, <a href="../controlP5/ControlP5Constants.html#ALT">ALT</a>, <a href="../controlP5/ControlP5Constants.html#AQUA">AQUA</a>, <a href="../controlP5/ControlP5Constants.html#ARC">ARC</a>, <a href="../controlP5/ControlP5Constants.html#ARRAY">ARRAY</a>, <a href="../controlP5/ControlP5Constants.html#BACKSPACE">BACKSPACE</a>, <a href="../controlP5/ControlP5Constants.html#BASELINE">BASELINE</a>, <a href="../controlP5/ControlP5Constants.html#BITFONT">BITFONT</a>, <a href="../controlP5/ControlP5Constants.html#BLACK">BLACK</a>, <a href="../controlP5/ControlP5Constants.html#BLUE">BLUE</a>, <a href="../controlP5/ControlP5Constants.html#BOOLEAN">BOOLEAN</a>, <a href="../controlP5/ControlP5Constants.html#BOTTOM">BOTTOM</a>, <a href="../controlP5/ControlP5Constants.html#BOTTOM_OUTSIDE">BOTTOM_OUTSIDE</a>, <a href="../controlP5/ControlP5Constants.html#CAPTIONLABEL">CAPTIONLABEL</a>, <a href="../controlP5/ControlP5Constants.html#CENTER">CENTER</a>, <a href="../controlP5/ControlP5Constants.html#CHECKBOX">CHECKBOX</a>, <a href="../controlP5/ControlP5Constants.html#COMMANDKEY">COMMANDKEY</a>, <a href="../controlP5/ControlP5Constants.html#CONTROL">CONTROL</a>, <a href="../controlP5/ControlP5Constants.html#controlEventClass">controlEventClass</a>, <a href="../controlP5/ControlP5Constants.html#CUSTOM">CUSTOM</a>, <a href="../controlP5/ControlP5Constants.html#DECREASE">DECREASE</a>, <a href="../controlP5/ControlP5Constants.html#DEFAULT">DEFAULT</a>, <a href="../controlP5/ControlP5Constants.html#DELETE">DELETE</a>, <a href="../controlP5/ControlP5Constants.html#DONE">DONE</a>, <a href="../controlP5/ControlP5Constants.html#DOWN">DOWN</a>, <a href="../controlP5/ControlP5Constants.html#DROPDOWN">DROPDOWN</a>, <a href="../controlP5/ControlP5Constants.html#ELLIPSE">ELLIPSE</a>, <a href="../controlP5/ControlP5Constants.html#ENTER">ENTER</a>, <a href="../controlP5/ControlP5Constants.html#ESCAPE">ESCAPE</a>, <a href="../controlP5/ControlP5Constants.html#EVENT">EVENT</a>, <a href="../controlP5/ControlP5Constants.html#eventMethod">eventMethod</a>, <a href="../controlP5/ControlP5Constants.html#FADEIN">FADEIN</a>, <a href="../controlP5/ControlP5Constants.html#FADEOUT">FADEOUT</a>, <a href="../controlP5/ControlP5Constants.html#FIELD">FIELD</a>, <a href="../controlP5/ControlP5Constants.html#FLOAT">FLOAT</a>, <a href="../controlP5/ControlP5Constants.html#FUCHSIA">FUCHSIA</a>, <a href="../controlP5/ControlP5Constants.html#GRAY">GRAY</a>, <a href="../controlP5/ControlP5Constants.html#GREEN">GREEN</a>, <a href="../controlP5/ControlP5Constants.html#grixel">grixel</a>, <a href="../controlP5/ControlP5Constants.html#HALF_PI">HALF_PI</a>, <a href="../controlP5/ControlP5Constants.html#HIDE">HIDE</a>, <a href="../controlP5/ControlP5Constants.html#HIGHLIGHT">HIGHLIGHT</a>, <a href="../controlP5/ControlP5Constants.html#HORIZONTAL">HORIZONTAL</a>, <a href="../controlP5/ControlP5Constants.html#IDLE">IDLE</a>, <a href="../controlP5/ControlP5Constants.html#IMAGE">IMAGE</a>, <a href="../controlP5/ControlP5Constants.html#INACTIVE">INACTIVE</a>, <a href="../controlP5/ControlP5Constants.html#INCREASE">INCREASE</a>, <a href="../controlP5/ControlP5Constants.html#INTEGER">INTEGER</a>, <a href="../controlP5/ControlP5Constants.html#INVALID">INVALID</a>, <a href="../controlP5/ControlP5Constants.html#J2D">J2D</a>, <a href="../controlP5/ControlP5Constants.html#KEYCONTROL">KEYCONTROL</a>, <a href="../controlP5/ControlP5Constants.html#LEFT">LEFT</a>, <a href="../controlP5/ControlP5Constants.html#LEFT_OUTSIDE">LEFT_OUTSIDE</a>, <a href="../controlP5/ControlP5Constants.html#LIME">LIME</a>, <a href="../controlP5/ControlP5Constants.html#LINE">LINE</a>, <a href="../controlP5/ControlP5Constants.html#LIST">LIST</a>, <a href="../controlP5/ControlP5Constants.html#LOAD">LOAD</a>, <a href="../controlP5/ControlP5Constants.html#MAROON">MAROON</a>, <a href="../controlP5/ControlP5Constants.html#MENU">MENU</a>, <a href="../controlP5/ControlP5Constants.html#METHOD">METHOD</a>, <a href="../controlP5/ControlP5Constants.html#MOVE">MOVE</a>, <a href="../controlP5/ControlP5Constants.html#MULTI">MULTI</a>, <a href="../controlP5/ControlP5Constants.html#MULTIPLES">MULTIPLES</a>, <a href="../controlP5/ControlP5Constants.html#NAVY">NAVY</a>, <a href="../controlP5/ControlP5Constants.html#OLIVE">OLIVE</a>, <a href="../controlP5/ControlP5Constants.html#ORANGE">ORANGE</a>, <a href="../controlP5/ControlP5Constants.html#OVER">OVER</a>, <a href="../controlP5/ControlP5Constants.html#P2D">P2D</a>, <a href="../controlP5/ControlP5Constants.html#P3D">P3D</a>, <a href="../controlP5/ControlP5Constants.html#PI">PI</a>, <a href="../controlP5/ControlP5Constants.html#PRESSED">PRESSED</a>, <a href="../controlP5/ControlP5Constants.html#PRINT">PRINT</a>, <a href="../controlP5/ControlP5Constants.html#PURPLE">PURPLE</a>, <a href="../controlP5/ControlP5Constants.html#RED">RED</a>, <a href="../controlP5/ControlP5Constants.html#RELEASE">RELEASE</a>, <a href="../controlP5/ControlP5Constants.html#RESET">RESET</a>, <a href="../controlP5/ControlP5Constants.html#RIGHT">RIGHT</a>, <a href="../controlP5/ControlP5Constants.html#RIGHT_OUTSIDE">RIGHT_OUTSIDE</a>, <a href="../controlP5/ControlP5Constants.html#SAVE">SAVE</a>, <a href="../controlP5/ControlP5Constants.html#SHIFT">SHIFT</a>, <a href="../controlP5/ControlP5Constants.html#SILVER">SILVER</a>, <a href="../controlP5/ControlP5Constants.html#SINGLE">SINGLE</a>, <a href="../controlP5/ControlP5Constants.html#SINGLE_COLUMN">SINGLE_COLUMN</a>, <a href="../controlP5/ControlP5Constants.html#SINGLE_ROW">SINGLE_ROW</a>, <a href="../controlP5/ControlP5Constants.html#SPRITE">SPRITE</a>, <a href="../controlP5/ControlP5Constants.html#standard56">standard56</a>, <a href="../controlP5/ControlP5Constants.html#standard58">standard58</a>, <a href="../controlP5/ControlP5Constants.html#STRING">STRING</a>, <a href="../controlP5/ControlP5Constants.html#SWITCH">SWITCH</a>, <a href="../controlP5/ControlP5Constants.html#SWITCH_BACK">SWITCH_BACK</a>, <a href="../controlP5/ControlP5Constants.html#SWITCH_FORE">SWITCH_FORE</a>, <a href="../controlP5/ControlP5Constants.html#synt24">synt24</a>, <a href="../controlP5/ControlP5Constants.html#TAB">TAB</a>, <a href="../controlP5/ControlP5Constants.html#TEAL">TEAL</a>, <a href="../controlP5/ControlP5Constants.html#THEME_A">THEME_A</a>, <a href="../controlP5/ControlP5Constants.html#THEME_CP52014">THEME_CP52014</a>, <a href="../controlP5/ControlP5Constants.html#THEME_CP5BLUE">THEME_CP5BLUE</a>, <a href="../controlP5/ControlP5Constants.html#THEME_RED">THEME_RED</a>, <a href="../controlP5/ControlP5Constants.html#THEME_RETRO">THEME_RETRO</a>, <a href="../controlP5/ControlP5Constants.html#THEME_WHITE">THEME_WHITE</a>, <a href="../controlP5/ControlP5Constants.html#TOP">TOP</a>, <a href="../controlP5/ControlP5Constants.html#TOP_OUTSIDE">TOP_OUTSIDE</a>, <a href="../controlP5/ControlP5Constants.html#TRANSITION_WAIT_FADEIN">TRANSITION_WAIT_FADEIN</a>, <a href="../controlP5/ControlP5Constants.html#TREE">TREE</a>, <a href="../controlP5/ControlP5Constants.html#TWO_PI">TWO_PI</a>, <a href="../controlP5/ControlP5Constants.html#UP">UP</a>, <a href="../controlP5/ControlP5Constants.html#VALUELABEL">VALUELABEL</a>, <a href="../controlP5/ControlP5Constants.html#VERBOSE">VERBOSE</a>, <a href="../controlP5/ControlP5Constants.html#VERTICAL">VERTICAL</a>, <a href="../controlP5/ControlP5Constants.html#WAIT">WAIT</a>, <a href="../controlP5/ControlP5Constants.html#WHITE">WHITE</a>, <a href="../controlP5/ControlP5Constants.html#YELLOW">YELLOW</a></code></li>
+</ul>
+</li>
+</ul>
+<!-- ======== CONSTRUCTOR SUMMARY ======== -->
+<ul class="blockList">
+<li class="blockList"><a name="constructor_summary">
+<!--   -->
+</a>
+<h3>Constructor Summary</h3>
+<table class="overviewSummary" border="0" cellpadding="3" cellspacing="0" summary="Constructor Summary table, listing constructors, and an explanation">
+<caption><span>Constructors</span><span class="tabEnd">&nbsp;</span></caption>
+<tr>
+<th class="colOne" scope="col">Constructor and Description</th>
+</tr>
+<tr class="altColor">
+<td class="colOne"><code><strong><a href="../controlP5/Controller.html#Controller(controlP5.ControlP5, java.lang.String)">Controller</a></strong>(<a href="../controlP5/ControlP5.html" title="class in controlP5">ControlP5</a>&nbsp;theControlP5,
+          java.lang.String&nbsp;theName)</code>
+<div class="block">Convenience constructor to extend Controller.</div>
+</td>
+</tr>
+</table>
+</li>
+</ul>
+<!-- ========== METHOD SUMMARY =========== -->
+<ul class="blockList">
+<li class="blockList"><a name="method_summary">
+<!--   -->
+</a>
+<h3>Method Summary</h3>
+<table class="overviewSummary" border="0" cellpadding="3" cellspacing="0" summary="Method Summary table, listing methods, and an explanation">
+<caption><span>Methods</span><span class="tabEnd">&nbsp;</span></caption>
+<tr>
+<th class="colFirst" scope="col">Modifier and Type</th>
+<th class="colLast" scope="col">Method and Description</th>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Controller.html" title="type parameter in Controller">T</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Controller.html#add(controlP5.ControllerInterface)">add</a></strong>(<a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;?&gt;&nbsp;theElement)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Controller.html" title="type parameter in Controller">T</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Controller.html#addCallback(controlP5.CallbackListener)">addCallback</a></strong>(<a href="../controlP5/CallbackListener.html" title="interface in controlP5">CallbackListener</a>&nbsp;theListener)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Controller.html" title="type parameter in Controller">T</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Controller.html#addListener(controlP5.ControlListener)">addListener</a></strong>(<a href="../controlP5/ControlListener.html" title="interface in controlP5">ControlListener</a>&nbsp;theListener)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Controller.html" title="type parameter in Controller">T</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Controller.html#align(int, int, int, int)">align</a></strong>(int&nbsp;theCaptionX,
+     int&nbsp;theCaptionY,
+     int&nbsp;theValueX,
+     int&nbsp;theValueY)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Controller.html" title="type parameter in Controller">T</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Controller.html#bringToFront()">bringToFront</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Controller.html" title="type parameter in Controller">T</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Controller.html#bringToFront(controlP5.ControllerInterface)">bringToFront</a></strong>(<a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;?&gt;&nbsp;theController)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Controller.html" title="type parameter in Controller">T</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Controller.html#changeValue(float)">changeValue</a></strong>(float&nbsp;theValue)</code>
+<div class="block">sets the value of the controller without sending the broadcast event.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>void</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Controller.html#continuousUpdateEvents()">continuousUpdateEvents</a></strong>()</code>
+<div class="block">continuousUpdateEvents is used for internal updates of a controller.</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>void</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Controller.html#draw(processing.core.PGraphics)">draw</a></strong>(processing.core.PGraphics&nbsp;theGraphics)</code>
+<div class="block">the default draw function for each controller extending superclass Controller.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>processing.core.PVector</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Controller.html#getAbsolutePosition()">getAbsolutePosition</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>java.lang.String</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Controller.html#getAddress()">getAddress</a></strong>()</code></td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>float[]</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Controller.html#getArrayValue()">getArrayValue</a></strong>()</code>
+<div class="block">returns the current float array value of a controller.</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>float</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Controller.html#getArrayValue(int)">getArrayValue</a></strong>(int&nbsp;theIndex)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/ControlBehavior.html" title="class in controlP5">ControlBehavior</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Controller.html#getBehavior()">getBehavior</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Label.html" title="class in controlP5">Label</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Controller.html#getCaptionLabel()">getCaptionLabel</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/CColor.html" title="class in controlP5">CColor</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Controller.html#getColor()">getColor</a></strong>()</code></td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>java.util.List&lt;<a href="../controlP5/ControllerPlug.html" title="class in controlP5">ControllerPlug</a>&gt;</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Controller.html#getControllerPlugList()">getControllerPlugList</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/ControlWindow.html" title="class in controlP5">ControlWindow</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Controller.html#getControlWindow()">getControlWindow</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Controller.html#getDecimalPrecision()">getDecimalPrecision</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>float</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Controller.html#getDefaultValue()">getDefaultValue</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Controller.html#getHeight()">getHeight</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Controller.html#getId()">getId</a></strong>()</code>
+<div class="block">returns the id of a controller, by default the id is -1.</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>java.lang.String</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Controller.html#getInfo()">getInfo</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>java.lang.String</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Controller.html#getLabel()">getLabel</a></strong>()</code>
+<div class="block">returns the controller's caption label text.</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>float</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Controller.html#getMax()">getMax</a></strong>()</code>
+<div class="block">returns the maximum value of the controller.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>float</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Controller.html#getMin()">getMin</a></strong>()</code>
+<div class="block">returns the minimum value of the controller.</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>java.lang.String</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Controller.html#getName()">getName</a></strong>()</code>
+<div class="block">returns the index name of the controller.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;?&gt;</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Controller.html#getParent()">getParent</a></strong>()</code>
+<div class="block">returns the parent of a controller.</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Controller.html#getPickingColor()">getPickingColor</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Pointer.html" title="interface in controlP5">Pointer</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Controller.html#getPointer()">getPointer</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>processing.core.PVector</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Controller.html#getPosition()">getPosition</a></strong>()</code>
+<div class="block">get the position of a controller.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/ControllerProperty.html" title="class in controlP5">ControllerProperty</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Controller.html#getProperty(java.lang.String)">getProperty</a></strong>(java.lang.String&nbsp;thePropertyName)</code></td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/ControllerProperty.html" title="class in controlP5">ControllerProperty</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Controller.html#getProperty(java.lang.String, java.lang.String)">getProperty</a></strong>(java.lang.String&nbsp;theSetter,
+           java.lang.String&nbsp;theGetter)</code></td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>java.lang.String</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Controller.html#getStringValue()">getStringValue</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Tab.html" title="class in controlP5">Tab</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Controller.html#getTab()">getTab</a></strong>()</code>
+<div class="block">get the instance of the tab the controller belongs to.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>float</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Controller.html#getValue()">getValue</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Label.html" title="class in controlP5">Label</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Controller.html#getValueLabel()">getValueLabel</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/ControllerView.html" title="interface in controlP5">ControllerView</a>&lt;<a href="../controlP5/Controller.html" title="type parameter in Controller">T</a>&gt;</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Controller.html#getView()">getView</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Controller.html#getWidth()">getWidth</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/ControlWindow.html" title="class in controlP5">ControlWindow</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Controller.html#getWindow()">getWindow</a></strong>()</code>
+<div class="block">returns the control window of the controller</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Controller.html" title="type parameter in Controller">T</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Controller.html#hide()">hide</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>void</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Controller.html#init()">init</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>boolean</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Controller.html#isActive()">isActive</a></strong>()</code>
+<div class="block">checks if a controller is active.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>boolean</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Controller.html#isBroadcast()">isBroadcast</a></strong>()</code>
+<div class="block">check if broadcasting is enabled or disabled for a controller.</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>boolean</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Controller.html#isInside()">isInside</a></strong>()</code>
+<div class="block">returns true or false and indicates if the mouse is inside the area of a controller.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>boolean</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Controller.html#isLabelVisible()">isLabelVisible</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>boolean</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Controller.html#isListening()">isListening</a></strong>()</code>
+<div class="block">returns true or false for the current listening status.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>boolean</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Controller.html#isLock()">isLock</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>boolean</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Controller.html#isMouseOver()">isMouseOver</a></strong>()</code>
+<div class="block">check if the mouse is within this particular controller.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>boolean</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Controller.html#isMousePressed()">isMousePressed</a></strong>()</code>
+<div class="block">returns true or false if the mouse has is pressed.</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>boolean</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Controller.html#isMoveable()">isMoveable</a></strong>()</code>
+<div class="block">checks if a controller is moveable.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>boolean</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Controller.html#isUpdate()">isUpdate</a></strong>()</code>
+<div class="block">enables the update function for a controller.</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>boolean</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Controller.html#isUserInteraction()">isUserInteraction</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>boolean</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Controller.html#isVisible()">isVisible</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>void</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Controller.html#keyEvent(processing.event.KeyEvent)">keyEvent</a></strong>(processing.event.KeyEvent&nbsp;theEvent)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Controller.html" title="type parameter in Controller">T</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Controller.html#linebreak()">linebreak</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Controller.html" title="type parameter in Controller">T</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Controller.html#listen(boolean)">listen</a></strong>(boolean&nbsp;theValue)</code>
+<div class="block">enables a controller to listen to changes made to the variable linked to the controller.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Controller.html#listenerSize()">listenerSize</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Controller.html" title="type parameter in Controller">T</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Controller.html#lock()">lock</a></strong>()</code>
+<div class="block">disables the controller to be moved, or changed or controlled by the user.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Controller.html" title="type parameter in Controller">T</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Controller.html#moveTo(controlP5.ControlGroup)">moveTo</a></strong>(<a href="../controlP5/ControlGroup.html" title="class in controlP5">ControlGroup</a>&lt;?&gt;&nbsp;theGroup)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Controller.html" title="type parameter in Controller">T</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Controller.html#moveTo(controlP5.ControllerGroup)">moveTo</a></strong>(<a href="../controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a>&lt;?&gt;&nbsp;theGroup)</code></td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Controller.html" title="type parameter in Controller">T</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Controller.html#moveTo(controlP5.ControllerGroup, controlP5.Tab, controlP5.ControlWindow)">moveTo</a></strong>(<a href="../controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a>&lt;?&gt;&nbsp;theGroup,
+      <a href="../controlP5/Tab.html" title="class in controlP5">Tab</a>&nbsp;theTab,
+      <a href="../controlP5/ControlWindow.html" title="class in controlP5">ControlWindow</a>&nbsp;theControlWindow)</code></td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Controller.html" title="type parameter in Controller">T</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Controller.html#moveTo(controlP5.ControlWindow)">moveTo</a></strong>(<a href="../controlP5/ControlWindow.html" title="class in controlP5">ControlWindow</a>&nbsp;theControlWindow)</code>
+<div class="block">moves the controller to the default tab of a control window - other than the main window.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Controller.html" title="type parameter in Controller">T</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Controller.html#moveTo(controlP5.ControlWindow, java.lang.String)">moveTo</a></strong>(<a href="../controlP5/ControlWindow.html" title="class in controlP5">ControlWindow</a>&nbsp;theControlWindow,
+      java.lang.String&nbsp;theTabName)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Controller.html" title="type parameter in Controller">T</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Controller.html#moveTo(processing.core.PApplet)">moveTo</a></strong>(processing.core.PApplet&nbsp;theApplet)</code>
+<div class="block">moves the controller to the default tab inside the main window.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Controller.html" title="type parameter in Controller">T</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Controller.html#moveTo(processing.core.PApplet, java.lang.String)">moveTo</a></strong>(processing.core.PApplet&nbsp;theApplet,
+      java.lang.String&nbsp;theTabName)</code>
+<div class="block">moves the controller to a tab inside the main window.</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Controller.html" title="type parameter in Controller">T</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Controller.html#moveTo(java.lang.String)">moveTo</a></strong>(java.lang.String&nbsp;theTabName)</code>
+<div class="block">moves the controller to another tab.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Controller.html" title="type parameter in Controller">T</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Controller.html#moveTo(controlP5.Tab)">moveTo</a></strong>(<a href="../controlP5/Tab.html" title="class in controlP5">Tab</a>&nbsp;theTab)</code>
+<div class="block">moves the controller to another tab.</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Controller.html" title="type parameter in Controller">T</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Controller.html#plugTo(java.lang.Object)">plugTo</a></strong>(java.lang.Object&nbsp;theObject)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Controller.html" title="type parameter in Controller">T</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Controller.html#plugTo(java.lang.Object[])">plugTo</a></strong>(java.lang.Object[]&nbsp;theObjects)</code>
+<div class="block">plugs the controller to a list of objects</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Controller.html" title="type parameter in Controller">T</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Controller.html#plugTo(java.lang.Object[], java.lang.String)">plugTo</a></strong>(java.lang.Object[]&nbsp;theObjects,
+      java.lang.String&nbsp;theName)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Controller.html" title="type parameter in Controller">T</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Controller.html#plugTo(java.lang.Object, java.lang.String)">plugTo</a></strong>(java.lang.Object&nbsp;theObject,
+      java.lang.String&nbsp;theName)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Controller.html" title="type parameter in Controller">T</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Controller.html#registerProperty(java.lang.String)">registerProperty</a></strong>(java.lang.String&nbsp;thePropertyName)</code></td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Controller.html" title="type parameter in Controller">T</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Controller.html#registerProperty(java.lang.String, java.lang.String)">registerProperty</a></strong>(java.lang.String&nbsp;theSetter,
+                java.lang.String&nbsp;theGetter)</code></td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Controller.html" title="type parameter in Controller">T</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Controller.html#registerTooltip(java.lang.String)">registerTooltip</a></strong>(java.lang.String&nbsp;theText)</code>
+<div class="block">adds a tooltip to a controller, by default the tooltip is disabled.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>void</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Controller.html#remove()">remove</a></strong>()</code>
+<div class="block">removes a controller from controlP5.</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Controller.html" title="type parameter in Controller">T</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Controller.html#remove(controlP5.ControllerInterface)">remove</a></strong>(<a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;?&gt;&nbsp;theElement)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Controller.html" title="type parameter in Controller">T</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Controller.html#removeBehavior()">removeBehavior</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Controller.html" title="type parameter in Controller">T</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Controller.html#removeCallback()">removeCallback</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Controller.html" title="type parameter in Controller">T</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Controller.html#removeCallback(controlP5.CallbackListener)">removeCallback</a></strong>(<a href="../controlP5/CallbackListener.html" title="interface in controlP5">CallbackListener</a>&nbsp;theListener)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Controller.html" title="type parameter in Controller">T</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Controller.html#removeListener(controlP5.ControlListener)">removeListener</a></strong>(<a href="../controlP5/ControlListener.html" title="interface in controlP5">ControlListener</a>&nbsp;theListener)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Controller.html" title="type parameter in Controller">T</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Controller.html#removeProperty(java.lang.String)">removeProperty</a></strong>(java.lang.String&nbsp;thePropertyName)</code></td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Controller.html" title="type parameter in Controller">T</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Controller.html#removeProperty(java.lang.String, java.lang.String)">removeProperty</a></strong>(java.lang.String&nbsp;theSetter,
+              java.lang.String&nbsp;theGetter)</code></td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Controller.html" title="type parameter in Controller">T</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Controller.html#setAbsolutePosition(processing.core.PVector)">setAbsolutePosition</a></strong>(processing.core.PVector&nbsp;thePVector)</code></td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Controller.html" title="type parameter in Controller">T</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Controller.html#setAddress(java.lang.String)">setAddress</a></strong>(java.lang.String&nbsp;theAddress)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Controller.html" title="type parameter in Controller">T</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Controller.html#setArrayValue(float[])">setArrayValue</a></strong>(float[]&nbsp;theArray)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Controller.html" title="type parameter in Controller">T</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Controller.html#setArrayValue(int, float)">setArrayValue</a></strong>(int&nbsp;theIndex,
+             float&nbsp;theValue)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Controller.html" title="type parameter in Controller">T</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Controller.html#setBehavior(controlP5.ControlBehavior)">setBehavior</a></strong>(<a href="../controlP5/ControlBehavior.html" title="class in controlP5">ControlBehavior</a>&nbsp;theBehavior)</code>
+<div class="block">with setBehavior you can add a ControlBehavior to a controller.</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Controller.html" title="type parameter in Controller">T</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Controller.html#setBroadcast(boolean)">setBroadcast</a></strong>(boolean&nbsp;theFlag)</code>
+<div class="block">Use setBroadcast to enable and disable the broadcasting of changes in a controller's value.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Controller.html" title="type parameter in Controller">T</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Controller.html#setCaptionLabel(java.lang.String)">setCaptionLabel</a></strong>(java.lang.String&nbsp;theLabel)</code>
+<div class="block">sets the content of the caption label of a controller.</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Controller.html" title="type parameter in Controller">T</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Controller.html#setColor(controlP5.CColor)">setColor</a></strong>(<a href="../controlP5/CColor.html" title="class in controlP5">CColor</a>&nbsp;theColor)</code></td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Controller.html" title="type parameter in Controller">T</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Controller.html#setColorActive(int)">setColorActive</a></strong>(int&nbsp;theColor)</code></td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Controller.html" title="type parameter in Controller">T</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Controller.html#setColorBackground(int)">setColorBackground</a></strong>(int&nbsp;theColor)</code></td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Controller.html" title="type parameter in Controller">T</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Controller.html#setColorCaptionLabel(int)">setColorCaptionLabel</a></strong>(int&nbsp;theColor)</code></td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Controller.html" title="type parameter in Controller">T</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Controller.html#setColorForeground(int)">setColorForeground</a></strong>(int&nbsp;theColor)</code></td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Controller.html" title="type parameter in Controller">T</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Controller.html#setColorValueLabel(int)">setColorValueLabel</a></strong>(int&nbsp;theColor)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Controller.html" title="type parameter in Controller">T</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Controller.html#setDecimalPrecision(int)">setDecimalPrecision</a></strong>(int&nbsp;theValue)</code>
+<div class="block">sets the decimal precision of a controller's float value displayed.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Controller.html" title="type parameter in Controller">T</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Controller.html#setDefaultValue(float)">setDefaultValue</a></strong>(float&nbsp;theValue)</code>
+<div class="block">set the default value.</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Controller.html" title="type parameter in Controller">T</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Controller.html#setGroup(controlP5.ControllerGroup)">setGroup</a></strong>(<a href="../controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a>&lt;?&gt;&nbsp;theGroup)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Controller.html" title="type parameter in Controller">T</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Controller.html#setGroup(java.lang.String)">setGroup</a></strong>(java.lang.String&nbsp;theName)</code>
+<div class="block">sets the group of the controller.</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Controller.html" title="type parameter in Controller">T</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Controller.html#setHeight(int)">setHeight</a></strong>(int&nbsp;theHeight)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Controller.html" title="type parameter in Controller">T</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Controller.html#setId(int)">setId</a></strong>(int&nbsp;theId)</code>
+<div class="block">set the id of a controller.</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Controller.html" title="type parameter in Controller">T</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Controller.html#setImage(processing.core.PImage)">setImage</a></strong>(processing.core.PImage&nbsp;theImage)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Controller.html" title="type parameter in Controller">T</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Controller.html#setImage(processing.core.PImage, int)">setImage</a></strong>(processing.core.PImage&nbsp;theImage,
+        int&nbsp;theState)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Controller.html" title="type parameter in Controller">T</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Controller.html#setImages(processing.core.PImage...)">setImages</a></strong>(processing.core.PImage...&nbsp;imgs)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Controller.html" title="type parameter in Controller">T</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Controller.html#setImages(processing.core.PImage, processing.core.PImage, processing.core.PImage)">setImages</a></strong>(processing.core.PImage&nbsp;theImageDefault,
+         processing.core.PImage&nbsp;theImageOver,
+         processing.core.PImage&nbsp;theImageActive)</code>
+<div class="block">by default controllers use simple shapes, to replace these shapes with images, use
+ setImages().</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Controller.html" title="type parameter in Controller">T</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Controller.html#setImages(processing.core.PImage, processing.core.PImage, processing.core.PImage, processing.core.PImage)">setImages</a></strong>(processing.core.PImage&nbsp;theImageDefault,
+         processing.core.PImage&nbsp;theImageOver,
+         processing.core.PImage&nbsp;theImageActive,
+         processing.core.PImage&nbsp;theImageHighlight)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Controller.html" title="type parameter in Controller">T</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Controller.html#setLabelVisible(boolean)">setLabelVisible</a></strong>(boolean&nbsp;theValue)</code>
+<div class="block">show or hide the labels of a controller.</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Controller.html" title="type parameter in Controller">T</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Controller.html#setLock(boolean)">setLock</a></strong>(boolean&nbsp;theValue)</code>
+<div class="block">sets the lock status of the controller</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Controller.html" title="type parameter in Controller">T</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Controller.html#setMax(float)">setMax</a></strong>(float&nbsp;theValue)</code>
+<div class="block">sets the maximum value of the Controller.</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Controller.html" title="type parameter in Controller">T</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Controller.html#setMin(float)">setMin</a></strong>(float&nbsp;theValue)</code>
+<div class="block">sets the minimum value of the Controller.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Controller.html" title="type parameter in Controller">T</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Controller.html#setMouseOver(boolean)">setMouseOver</a></strong>(boolean&nbsp;theFlag)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>boolean</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Controller.html#setMousePressed(boolean)">setMousePressed</a></strong>(boolean&nbsp;theStatus)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Controller.html" title="type parameter in Controller">T</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Controller.html#setMoveable(boolean)">setMoveable</a></strong>(boolean&nbsp;theValue)</code>
+<div class="block">enable or prevent the controller to be moveable.</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Controller.html" title="type parameter in Controller">T</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Controller.html#setParent(controlP5.ControllerInterface)">setParent</a></strong>(<a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;?&gt;&nbsp;theParent)</code>
+<div class="block">set the parent of a parent of a controller.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Controller.html" title="type parameter in Controller">T</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Controller.html#setPosition(float, float)">setPosition</a></strong>(float&nbsp;theX,
+           float&nbsp;theY)</code>
+<div class="block">set the position of a controller.</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Controller.html" title="type parameter in Controller">T</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Controller.html#setPosition(processing.core.PVector)">setPosition</a></strong>(processing.core.PVector&nbsp;thePVector)</code></td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Controller.html" title="type parameter in Controller">T</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Controller.html#setSize(int, int)">setSize</a></strong>(int&nbsp;theWidth,
+       int&nbsp;theHeight)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Controller.html" title="type parameter in Controller">T</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Controller.html#setSize(processing.core.PImage)">setSize</a></strong>(processing.core.PImage&nbsp;theImage)</code>
+<div class="block">auto-updates the size of a controller according to the dimensions of the PImage.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Controller.html" title="type parameter in Controller">T</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Controller.html#setStringValue(java.lang.String)">setStringValue</a></strong>(java.lang.String&nbsp;theValue)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Controller.html" title="type parameter in Controller">T</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Controller.html#setTab(controlP5.ControlWindow, java.lang.String)">setTab</a></strong>(<a href="../controlP5/ControlWindow.html" title="class in controlP5">ControlWindow</a>&nbsp;theWindow,
+      java.lang.String&nbsp;theName)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Controller.html" title="type parameter in Controller">T</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Controller.html#setTab(java.lang.String)">setTab</a></strong>(java.lang.String&nbsp;theName)</code>
+<div class="block">sets the tab of the controller.</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Controller.html" title="type parameter in Controller">T</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Controller.html#setUpdate(boolean)">setUpdate</a></strong>(boolean&nbsp;theFlag)</code>
+<div class="block">disables the update function for a controller.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Controller.html" title="type parameter in Controller">T</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Controller.html#setUserInteraction(boolean)">setUserInteraction</a></strong>(boolean&nbsp;theValue)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Controller.html" title="type parameter in Controller">T</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Controller.html#setValue(float)">setValue</a></strong>(float&nbsp;theValue)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Controller.html" title="type parameter in Controller">T</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Controller.html#setValueLabel(java.lang.String)">setValueLabel</a></strong>(java.lang.String&nbsp;theLabel)</code>
+<div class="block">set or change the value of the value label of a controller.</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Controller.html" title="type parameter in Controller">T</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Controller.html#setValueSelf(float)">setValueSelf</a></strong>(float&nbsp;theValue)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Controller.html" title="type parameter in Controller">T</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Controller.html#setView(controlP5.ControllerView)">setView</a></strong>(<a href="../controlP5/ControllerView.html" title="interface in controlP5">ControllerView</a>&lt;<a href="../controlP5/Controller.html" title="type parameter in Controller">T</a>&gt;&nbsp;theDisplay)</code>
+<div class="block">use setDisplay to customize your controller look.</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>void</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Controller.html#setView(controlP5.ControllerView, int)">setView</a></strong>(<a href="../controlP5/ControllerView.html" title="interface in controlP5">ControllerView</a>&lt;<a href="../controlP5/Controller.html" title="type parameter in Controller">T</a>&gt;&nbsp;theDisplay,
+       int&nbsp;theMode)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Controller.html" title="type parameter in Controller">T</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Controller.html#setVisible(boolean)">setVisible</a></strong>(boolean&nbsp;theFlag)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Controller.html" title="type parameter in Controller">T</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Controller.html#setWidth(int)">setWidth</a></strong>(int&nbsp;theWidth)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Controller.html" title="type parameter in Controller">T</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Controller.html#show()">show</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>java.lang.String</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Controller.html#toString()">toString</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Controller.html" title="type parameter in Controller">T</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Controller.html#unlock()">unlock</a></strong>()</code>
+<div class="block">enables the controller to be moved, changed and controlled by the user.</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Controller.html" title="type parameter in Controller">T</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Controller.html#unplugFrom(java.lang.Object)">unplugFrom</a></strong>(java.lang.Object&nbsp;theObject)</code>
+<div class="block">unplugs the Controller for a single object</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Controller.html" title="type parameter in Controller">T</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Controller.html#unplugFrom(java.lang.Object[])">unplugFrom</a></strong>(java.lang.Object[]&nbsp;theObjects)</code>
+<div class="block">unplugs the controller from a list of objects</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Controller.html" title="type parameter in Controller">T</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Controller.html#unregisterTooltip()">unregisterTooltip</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Controller.html" title="type parameter in Controller">T</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Controller.html#update()">update</a></strong>()</code>
+<div class="block">updates the value of the controller without having to set the value explicitly.</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Controller.html" title="type parameter in Controller">T</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Controller.html#updateAbsolutePosition()">updateAbsolutePosition</a></strong>()</code></td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Controller.html" title="type parameter in Controller">T</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Controller.html#updateEvents()">updateEvents</a></strong>()</code>
+<div class="block">updateEvents is used for internal updates of a controller.</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Controller.html" title="type parameter in Controller">T</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Controller.html#updateInternalEvents(processing.core.PApplet)">updateInternalEvents</a></strong>(processing.core.PApplet&nbsp;theApplet)</code>
+<div class="block">a method for putting input events like e.g.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Controller.html" title="type parameter in Controller">T</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Controller.html#updateSize()">updateSize</a></strong>()</code>&nbsp;</td>
+</tr>
+</table>
+<ul class="blockList">
+<li class="blockList"><a name="methods_inherited_from_class_java.lang.Object">
+<!--   -->
+</a>
+<h3>Methods inherited from class&nbsp;java.lang.Object</h3>
+<code>equals, getClass, hashCode, notify, notifyAll, wait, wait, wait</code></li>
+</ul>
+<ul class="blockList">
+<li class="blockList"><a name="methods_inherited_from_class_controlP5.ControllerInterface">
+<!--   -->
+</a>
+<h3>Methods inherited from interface&nbsp;controlP5.<a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a></h3>
+<code><a href="../controlP5/ControllerInterface.html#parent()">parent</a>, <a href="../controlP5/ControllerInterface.html#setColorLabel(int)">setColorLabel</a>, <a href="../controlP5/ControllerInterface.html#setColorValue(int)">setColorValue</a>, <a href="../controlP5/ControllerInterface.html#setLabel(java.lang.String)">setLabel</a></code></li>
+</ul>
+</li>
+</ul>
+</li>
+</ul>
+</div>
+<div class="details">
+<ul class="blockList">
+<li class="blockList">
+<!-- ============ FIELD DETAIL =========== -->
+<ul class="blockList">
+<li class="blockList"><a name="field_detail">
+<!--   -->
+</a>
+<h3>Field Detail</h3>
+<a name="autoHeight">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>autoHeight</h4>
+<pre>public static&nbsp;int autoHeight</pre>
+</li>
+</ul>
+<a name="autoSpacing">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>autoSpacing</h4>
+<pre>public static&nbsp;processing.core.PVector autoSpacing</pre>
+</li>
+</ul>
+<a name="autoWidth">
+<!--   -->
+</a>
+<ul class="blockListLast">
+<li class="blockList">
+<h4>autoWidth</h4>
+<pre>public static&nbsp;int autoWidth</pre>
+</li>
+</ul>
+</li>
+</ul>
+<!-- ========= CONSTRUCTOR DETAIL ======== -->
+<ul class="blockList">
+<li class="blockList"><a name="constructor_detail">
+<!--   -->
+</a>
+<h3>Constructor Detail</h3>
+<a name="Controller(controlP5.ControlP5, java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockListLast">
+<li class="blockList">
+<h4>Controller</h4>
+<pre>public&nbsp;Controller(<a href="../controlP5/ControlP5.html" title="class in controlP5">ControlP5</a>&nbsp;theControlP5,
+          java.lang.String&nbsp;theName)</pre>
+<div class="block">Convenience constructor to extend Controller.</div>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theControlP5</code> - </dd><dd><code>theName</code> - </dd><script type="text/javascript">
+<!--
+document.getElementsByTagName('html')[0].className = 'isjs';function toggle(dt) { var display, dd=dt; do{ dd = dd.nextSibling } while(dd.tagName!='DD'); toOpen =!dd.style.display;dd.style.display = toOpen? 'block':''; dt.getElementsByTagName('span')[0].innerHTML  = toOpen? '-':'+' ; }
+-->
+</script>
+<div id="test" class="toggleList"><dl><dt onclick="toggle(this);"><span>+</span>Example</dt><dd><code><pre>/**
+ * ControlP5 extending Controllers
+ *
+ * the following example shows how to extend the Controller class to 
+ * create customizable Controllers. You can either extend the Controller class itself,
+ * or any class that extends Controller itself like the Slider, Button, DropdownList, etc. 
+ * 
+ * How to:
+ *
+ * 1) do a super call to the convenience constructor requiring 
+ * 2 parameter (ControlP5 instance, name)  
+ *
+ * 2) the Controller class has a set of empty methods that allow you to capture
+ * inputs from the mouse including 
+ * onEnter(), onLeave(), onPress(), onRelease(), onClick(), onScroll(int), onDrag()
+ * These you can override and include functionality as needed.
+ *
+ * 3) use method getPointer() to return the local (relative) 
+ * xy-coordinates of the controller
+ *  
+ * 4) after instantiation custom controllers are treated the same 
+ * as default controlP5 controllers.
+ *  
+ * by Andreas Schlegel, 2012
+ * www.sojamo.de/libraries/controlp5
+ *
+ */
+
+import controlP5.*;
+
+ControlP5 cp5;
+PApplet p;
+
+void setup() {
+  size(400, 400);
+  cp5 = new ControlP5(this);
+  
+  // create 2 groups to show nesting of custom controllers and
+  //   
+  Group g1 = cp5.addGroup("a").setPosition(0,100).setWidth(180);
+  Group g2 = cp5.addGroup("b").setPosition(0,10).setWidth(180);
+  g2.moveTo(g1);
+  
+  // create 2 custom Controllers from class MyButton
+  // MyButton extends Controller and inherits all methods accordingly.
+  new MyButton(cp5, "b1").setPosition(0, 0).setSize(180, 200).moveTo(g2);
+  new MyButton(cp5, "b2").setPosition(205, 15).setSize(180, 200);
+  
+}
+
+
+void draw() {
+  background(0);
+}
+
+// b1 will be called from Controller b1
+public void b1(float theValue) {
+  println("yay button "+theValue);
+}
+
+public void controlEvent(ControlEvent theEvent) {
+  println("controlEvent : "+theEvent);
+}
+
+
+// Create a custom Controller, please not that 
+// MyButton extends Controller<MyButton>, <MyButton>
+// is an indicator for the super class about the type of 
+// custom controller to be created.
+
+class MyButton extends Controller<MyButton> {
+
+  int current = 0xffff0000;
+
+  float a = 128;
+  
+  float na;
+  
+  int y;
+  
+  // use the convenience constructor of super class Controller
+  // MyButton will automatically registered and move to the 
+  // default controlP5 tab.
+  
+  MyButton(ControlP5 cp5, String theName) {
+    super(cp5, theName);
+    
+    // replace the default view with a custom view.
+    setView(new ControllerView() {
+      public void display(PApplet p, Object b) {
+        // draw button background
+        na += (a-na) * 0.1; 
+        p.fill(current,na);
+        p.rect(0, 0, getWidth(), getHeight());
+        
+        // draw horizontal line which can be moved on the x-axis 
+        // using the scroll wheel. 
+        p.fill(0,255,0);
+        p.rect(0,y,width,10);
+        
+        // draw the custom label 
+        p.fill(128);
+        translate(0,getHeight()+14);
+        p.text(getName(),0,0);
+        p.text(getName(),0,0);
+        
+      }
+    }
+    );
+  }
+
+  // override various input methods for mouse input control
+  void onEnter() {
+    cursor(HAND);
+    println("enter");
+    a = 255;
+  }
+  
+  void onScroll(int n) {
+    println("scrolling");
+    y -= n;
+    y = constrain(y,0,getHeight()-10);
+  }
+  
+  void onPress() {
+    println("press");
+    current = 0xffffff00;
+  }
+  
+  void onClick() {
+    Pointer p1 = getPointer();
+    println("clicked at "+p1.x()+", "+p1.y());
+    current = 0xffffff00;
+    setValue(y);
+  }
+
+  void onRelease() {
+    println("release");
+    current = 0xffffffff;
+  }
+  
+  void onMove() {
+    println("moving "+this+" "+_myControlWindow.getMouseOverList());
+  }
+
+  void onDrag() {
+    current = 0xff0000ff;
+    Pointer p1 = getPointer();
+    float dif = dist(p1.px(),p1.py(),p1.x(),p1.y());
+    println("dragging at "+p1.x()+", "+p1.y()+" "+dif);
+  }
+  
+  void onReleaseOutside() {
+    onLeave();
+  }
+
+  void onLeave() {
+    println("leave");
+    cursor(ARROW);
+    a = 128;
+  }
+}
+
+</pre></code></dd></dl></div></dl>
+</li>
+</ul>
+</li>
+</ul>
+<!-- ============ METHOD DETAIL ========== -->
+<ul class="blockList">
+<li class="blockList"><a name="method_detail">
+<!--   -->
+</a>
+<h3>Method Detail</h3>
+<a name="add(controlP5.ControllerInterface)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>add</h4>
+<pre>public&nbsp;<a href="../controlP5/Controller.html" title="type parameter in Controller">T</a>&nbsp;add(<a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;?&gt;&nbsp;theElement)</pre>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerInterface.html#add(controlP5.ControllerInterface)">add</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/Controller.html" title="type parameter in Controller">T</a>&gt;</code></dd>
+<dt><span class="strong">Parameters:</span></dt><dd><code>theElement</code> - ControllerInterface</dd>
+<dt><span class="strong">Returns:</span></dt><dd>Controller</dd></dl>
+</li>
+</ul>
+<a name="addCallback(controlP5.CallbackListener)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>addCallback</h4>
+<pre>public&nbsp;<a href="../controlP5/Controller.html" title="type parameter in Controller">T</a>&nbsp;addCallback(<a href="../controlP5/CallbackListener.html" title="interface in controlP5">CallbackListener</a>&nbsp;theListener)</pre>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theListener</code> - </dd>
+<dt><span class="strong">Returns:</span></dt><dd>Controller</dd><dt><span class="strong">See Also:</span></dt><dd><a href="../controlP5/CallbackListener.html" title="interface in controlP5"><code>CallbackListener</code></a></dd></dl>
+</li>
+</ul>
+<a name="addListener(controlP5.ControlListener)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>addListener</h4>
+<pre>public&nbsp;<a href="../controlP5/Controller.html" title="type parameter in Controller">T</a>&nbsp;addListener(<a href="../controlP5/ControlListener.html" title="interface in controlP5">ControlListener</a>&nbsp;theListener)</pre>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerInterface.html#addListener(controlP5.ControlListener)">addListener</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/Controller.html" title="type parameter in Controller">T</a>&gt;</code></dd>
+<dt><span class="strong">Parameters:</span></dt><dd><code>theListener</code> - ControlListener</dd>
+<dt><span class="strong">Returns:</span></dt><dd>Controller</dd><dt><span class="strong">See Also:</span></dt><dd><a href="../controlP5/ControlListener.html" title="interface in controlP5"><code>ControlListener</code></a></dd></dl>
+</li>
+</ul>
+<a name="align(int, int, int, int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>align</h4>
+<pre>public&nbsp;<a href="../controlP5/Controller.html" title="type parameter in Controller">T</a>&nbsp;align(int&nbsp;theCaptionX,
+      int&nbsp;theCaptionY,
+      int&nbsp;theValueX,
+      int&nbsp;theValueY)</pre>
+</li>
+</ul>
+<a name="bringToFront()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>bringToFront</h4>
+<pre>public&nbsp;<a href="../controlP5/Controller.html" title="type parameter in Controller">T</a>&nbsp;bringToFront()</pre>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerInterface.html#bringToFront()">bringToFront</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/Controller.html" title="type parameter in Controller">T</a>&gt;</code></dd>
+</dl>
+</li>
+</ul>
+<a name="bringToFront(controlP5.ControllerInterface)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>bringToFront</h4>
+<pre>public&nbsp;<a href="../controlP5/Controller.html" title="type parameter in Controller">T</a>&nbsp;bringToFront(<a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;?&gt;&nbsp;theController)</pre>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerInterface.html#bringToFront(controlP5.ControllerInterface)">bringToFront</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/Controller.html" title="type parameter in Controller">T</a>&gt;</code></dd>
+</dl>
+</li>
+</ul>
+<a name="changeValue(float)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>changeValue</h4>
+<pre>public final&nbsp;<a href="../controlP5/Controller.html" title="type parameter in Controller">T</a>&nbsp;changeValue(float&nbsp;theValue)</pre>
+<div class="block">sets the value of the controller without sending the broadcast event. this function is final.</div>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theValue</code> - float</dd>
+<dt><span class="strong">Returns:</span></dt><dd>Controller</dd></dl>
+</li>
+</ul>
+<a name="continuousUpdateEvents()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>continuousUpdateEvents</h4>
+<pre>public final&nbsp;void&nbsp;continuousUpdateEvents()</pre>
+<div class="block">continuousUpdateEvents is used for internal updates of a controller. this method is final and
+ can't be overridden.</div>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerInterface.html#continuousUpdateEvents()">continuousUpdateEvents</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/Controller.html" title="type parameter in Controller">T</a>&gt;</code></dd>
+</dl>
+</li>
+</ul>
+<a name="draw(processing.core.PGraphics)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>draw</h4>
+<pre>public&nbsp;void&nbsp;draw(processing.core.PGraphics&nbsp;theGraphics)</pre>
+<div class="block">the default draw function for each controller extending superclass Controller. This draw
+ function will take care of default matrix operations and will call the display function of
+ the current ControllerView object active for this particular controller.</div>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/CDrawable.html#draw(processing.core.PGraphics)">draw</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/CDrawable.html" title="interface in controlP5">CDrawable</a></code></dd>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerInterface.html#draw(processing.core.PGraphics)">draw</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/Controller.html" title="type parameter in Controller">T</a>&gt;</code></dd>
+<dt><span class="strong">Parameters:</span></dt><dd><code>theApplet</code> - PApplet</dd><dt><span class="strong">See Also:</span></dt><dd><a href="../controlP5/ControllerView.html" title="interface in controlP5"><code>ControllerView</code></a></dd></dl>
+</li>
+</ul>
+<a name="getAbsolutePosition()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getAbsolutePosition</h4>
+<pre>public&nbsp;processing.core.PVector&nbsp;getAbsolutePosition()</pre>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerInterface.html#getAbsolutePosition()">getAbsolutePosition</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/Controller.html" title="type parameter in Controller">T</a>&gt;</code></dd>
+<dt><span class="strong">Returns:</span></dt><dd><code>PVector</code></dd></dl>
+</li>
+</ul>
+<a name="getAddress()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getAddress</h4>
+<pre>public&nbsp;java.lang.String&nbsp;getAddress()</pre>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerInterface.html#getAddress()">getAddress</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/Controller.html" title="type parameter in Controller">T</a>&gt;</code></dd>
+</dl>
+</li>
+</ul>
+<a name="getArrayValue()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getArrayValue</h4>
+<pre>public&nbsp;float[]&nbsp;getArrayValue()</pre>
+<div class="block">returns the current float array value of a controller.</div>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerInterface.html#getArrayValue()">getArrayValue</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/Controller.html" title="type parameter in Controller">T</a>&gt;</code></dd>
+<dt><span class="strong">Returns:</span></dt><dd>float[]</dd><dt><span class="strong">See Also:</span></dt><dd><a href="../controlP5/Controller.html#getValue()"><code>getValue()</code></a>, 
+<a href="../controlP5/Controller.html#getStringValue()"><code>getStringValue()</code></a></dd></dl>
+</li>
+</ul>
+<a name="getArrayValue(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getArrayValue</h4>
+<pre>public&nbsp;float&nbsp;getArrayValue(int&nbsp;theIndex)</pre>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerInterface.html#getArrayValue(int)">getArrayValue</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/Controller.html" title="type parameter in Controller">T</a>&gt;</code></dd>
+<dt><span class="strong">Parameters:</span></dt><dd><code>theIndex</code> - </dd>
+<dt><span class="strong">Returns:</span></dt><dd>float</dd></dl>
+</li>
+</ul>
+<a name="getBehavior()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getBehavior</h4>
+<pre>public&nbsp;<a href="../controlP5/ControlBehavior.html" title="class in controlP5">ControlBehavior</a>&nbsp;getBehavior()</pre>
+<dl><dt><span class="strong">Returns:</span></dt><dd>ControlBehavior</dd></dl>
+</li>
+</ul>
+<a name="getCaptionLabel()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getCaptionLabel</h4>
+<pre>public&nbsp;<a href="../controlP5/Label.html" title="class in controlP5">Label</a>&nbsp;getCaptionLabel()</pre>
+<dl><dt><span class="strong">Returns:</span></dt><dd>Label</dd><dt><span class="strong">See Also:</span></dt><dd><a href="../controlP5/Label.html" title="class in controlP5"><code>Label</code></a></dd></dl>
+</li>
+</ul>
+<a name="getColor()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getColor</h4>
+<pre>public&nbsp;<a href="../controlP5/CColor.html" title="class in controlP5">CColor</a>&nbsp;getColor()</pre>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerInterface.html#getColor()">getColor</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/Controller.html" title="type parameter in Controller">T</a>&gt;</code></dd>
+</dl>
+</li>
+</ul>
+<a name="getControllerPlugList()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getControllerPlugList</h4>
+<pre>public&nbsp;java.util.List&lt;<a href="../controlP5/ControllerPlug.html" title="class in controlP5">ControllerPlug</a>&gt;&nbsp;getControllerPlugList()</pre>
+<dl><dt><span class="strong">Returns:</span></dt><dd>List<ControllerPlug></dd></dl>
+</li>
+</ul>
+<a name="getControlWindow()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getControlWindow</h4>
+<pre>public&nbsp;<a href="../controlP5/ControlWindow.html" title="class in controlP5">ControlWindow</a>&nbsp;getControlWindow()</pre>
+<dl><dt><span class="strong">Returns:</span></dt><dd>ControlWindow</dd></dl>
+</li>
+</ul>
+<a name="getDecimalPrecision()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getDecimalPrecision</h4>
+<pre>public&nbsp;int&nbsp;getDecimalPrecision()</pre>
+<dl><dt><span class="strong">Returns:</span></dt><dd>int</dd></dl>
+</li>
+</ul>
+<a name="getDefaultValue()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getDefaultValue</h4>
+<pre>public&nbsp;float&nbsp;getDefaultValue()</pre>
+<dl><dt><span class="strong">Returns:</span></dt><dd>float</dd></dl>
+</li>
+</ul>
+<a name="getHeight()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getHeight</h4>
+<pre>public&nbsp;int&nbsp;getHeight()</pre>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerInterface.html#getHeight()">getHeight</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/Controller.html" title="type parameter in Controller">T</a>&gt;</code></dd>
+<dt><span class="strong">Returns:</span></dt><dd>int</dd></dl>
+</li>
+</ul>
+<a name="getId()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getId</h4>
+<pre>public&nbsp;int&nbsp;getId()</pre>
+<div class="block">returns the id of a controller, by default the id is -1. Any int can be given to a controller
+ as its ID, controlP5 does not recognize duplicates, this has to be managed on the user site.</div>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerInterface.html#getId()">getId</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/Controller.html" title="type parameter in Controller">T</a>&gt;</code></dd>
+<dt><span class="strong">Returns:</span></dt><dd>int</dd></dl>
+</li>
+</ul>
+<a name="getInfo()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getInfo</h4>
+<pre>public&nbsp;java.lang.String&nbsp;getInfo()</pre>
+<dl><dt><span class="strong">Returns:</span></dt><dd>String</dd></dl>
+</li>
+</ul>
+<a name="getLabel()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getLabel</h4>
+<pre>public&nbsp;java.lang.String&nbsp;getLabel()</pre>
+<div class="block">returns the controller's caption label text.</div>
+<dl><dt><span class="strong">Returns:</span></dt><dd>String</dd></dl>
+</li>
+</ul>
+<a name="getMax()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getMax</h4>
+<pre>public&nbsp;float&nbsp;getMax()</pre>
+<div class="block">returns the maximum value of the controller.</div>
+<dl><dt><span class="strong">Returns:</span></dt><dd>float</dd></dl>
+</li>
+</ul>
+<a name="getMin()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getMin</h4>
+<pre>public&nbsp;float&nbsp;getMin()</pre>
+<div class="block">returns the minimum value of the controller.</div>
+<dl><dt><span class="strong">Returns:</span></dt><dd>float</dd></dl>
+</li>
+</ul>
+<a name="getName()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getName</h4>
+<pre>public&nbsp;java.lang.String&nbsp;getName()</pre>
+<div class="block">returns the index name of the controller.</div>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerInterface.html#getName()">getName</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/Controller.html" title="type parameter in Controller">T</a>&gt;</code></dd>
+<dt><span class="strong">Returns:</span></dt><dd>String</dd></dl>
+</li>
+</ul>
+<a name="getParent()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getParent</h4>
+<pre>public&nbsp;<a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;?&gt;&nbsp;getParent()</pre>
+<div class="block">returns the parent of a controller.</div>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerInterface.html#getParent()">getParent</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/Controller.html" title="type parameter in Controller">T</a>&gt;</code></dd>
+<dt><span class="strong">Returns:</span></dt><dd>ControllerInterface</dd></dl>
+</li>
+</ul>
+<a name="getPickingColor()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getPickingColor</h4>
+<pre>public&nbsp;int&nbsp;getPickingColor()</pre>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerInterface.html#getPickingColor()">getPickingColor</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/Controller.html" title="type parameter in Controller">T</a>&gt;</code></dd>
+</dl>
+</li>
+</ul>
+<a name="getPointer()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getPointer</h4>
+<pre>public&nbsp;<a href="../controlP5/Pointer.html" title="interface in controlP5">Pointer</a>&nbsp;getPointer()</pre>
+</li>
+</ul>
+<a name="getPosition()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getPosition</h4>
+<pre>public&nbsp;processing.core.PVector&nbsp;getPosition()</pre>
+<div class="block">get the position of a controller. e.g. Controller.getPosition().x; </div>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerInterface.html#getPosition()">getPosition</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/Controller.html" title="type parameter in Controller">T</a>&gt;</code></dd>
+</dl>
+</li>
+</ul>
+<a name="getProperty(java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getProperty</h4>
+<pre>public&nbsp;<a href="../controlP5/ControllerProperty.html" title="class in controlP5">ControllerProperty</a>&nbsp;getProperty(java.lang.String&nbsp;thePropertyName)</pre>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerInterface.html#getProperty(java.lang.String)">getProperty</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/Controller.html" title="type parameter in Controller">T</a>&gt;</code></dd>
+</dl>
+</li>
+</ul>
+<a name="getProperty(java.lang.String, java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getProperty</h4>
+<pre>public&nbsp;<a href="../controlP5/ControllerProperty.html" title="class in controlP5">ControllerProperty</a>&nbsp;getProperty(java.lang.String&nbsp;theSetter,
+                             java.lang.String&nbsp;theGetter)</pre>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerInterface.html#getProperty(java.lang.String, java.lang.String)">getProperty</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/Controller.html" title="type parameter in Controller">T</a>&gt;</code></dd>
+</dl>
+</li>
+</ul>
+<a name="getStringValue()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getStringValue</h4>
+<pre>public&nbsp;java.lang.String&nbsp;getStringValue()</pre>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerInterface.html#getStringValue()">getStringValue</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/Controller.html" title="type parameter in Controller">T</a>&gt;</code></dd>
+<dt><span class="strong">Returns:</span></dt><dd>String</dd><dt><span class="strong">See Also:</span></dt><dd><a href="../controlP5/Controller.html#getValue()"><code>getValue()</code></a>, 
+<a href="../controlP5/Controller.html#getArrayValue()"><code>getArrayValue()</code></a></dd></dl>
+</li>
+</ul>
+<a name="getTab()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getTab</h4>
+<pre>public&nbsp;<a href="../controlP5/Tab.html" title="class in controlP5">Tab</a>&nbsp;getTab()</pre>
+<div class="block">get the instance of the tab the controller belongs to.</div>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerInterface.html#getTab()">getTab</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/Controller.html" title="type parameter in Controller">T</a>&gt;</code></dd>
+<dt><span class="strong">Returns:</span></dt><dd>Tab</dd></dl>
+</li>
+</ul>
+<a name="getValue()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getValue</h4>
+<pre>public&nbsp;float&nbsp;getValue()</pre>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerInterface.html#getValue()">getValue</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/Controller.html" title="type parameter in Controller">T</a>&gt;</code></dd>
+<dt><span class="strong">Returns:</span></dt><dd>float</dd><dt><span class="strong">See Also:</span></dt><dd><a href="../controlP5/Controller.html#getStringValue()"><code>getStringValue()</code></a>, 
+<a href="../controlP5/Controller.html#getArrayValue()"><code>getArrayValue()</code></a></dd></dl>
+</li>
+</ul>
+<a name="getValueLabel()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getValueLabel</h4>
+<pre>public&nbsp;<a href="../controlP5/Label.html" title="class in controlP5">Label</a>&nbsp;getValueLabel()</pre>
+<dl><dt><span class="strong">Returns:</span></dt><dd>Label</dd></dl>
+</li>
+</ul>
+<a name="getView()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getView</h4>
+<pre>public&nbsp;<a href="../controlP5/ControllerView.html" title="interface in controlP5">ControllerView</a>&lt;<a href="../controlP5/Controller.html" title="type parameter in Controller">T</a>&gt;&nbsp;getView()</pre>
+</li>
+</ul>
+<a name="getWidth()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getWidth</h4>
+<pre>public&nbsp;int&nbsp;getWidth()</pre>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerInterface.html#getWidth()">getWidth</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/Controller.html" title="type parameter in Controller">T</a>&gt;</code></dd>
+<dt><span class="strong">Returns:</span></dt><dd>int</dd></dl>
+</li>
+</ul>
+<a name="getWindow()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getWindow</h4>
+<pre>public&nbsp;<a href="../controlP5/ControlWindow.html" title="class in controlP5">ControlWindow</a>&nbsp;getWindow()</pre>
+<div class="block">returns the control window of the controller</div>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerInterface.html#getWindow()">getWindow</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/Controller.html" title="type parameter in Controller">T</a>&gt;</code></dd>
+<dt><span class="strong">Returns:</span></dt><dd>ControlWindow</dd></dl>
+</li>
+</ul>
+<a name="hide()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>hide</h4>
+<pre>public&nbsp;<a href="../controlP5/Controller.html" title="type parameter in Controller">T</a>&nbsp;hide()</pre>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerInterface.html#hide()">hide</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/Controller.html" title="type parameter in Controller">T</a>&gt;</code></dd>
+<dt><span class="strong">Returns:</span></dt><dd>Controller</dd></dl>
+</li>
+</ul>
+<a name="init()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>init</h4>
+<pre>public&nbsp;void&nbsp;init()</pre>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerInterface.html#init()">init</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/Controller.html" title="type parameter in Controller">T</a>&gt;</code></dd>
+</dl>
+</li>
+</ul>
+<a name="isActive()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>isActive</h4>
+<pre>public&nbsp;boolean&nbsp;isActive()</pre>
+<div class="block">checks if a controller is active.</div>
+<dl><dt><span class="strong">Returns:</span></dt><dd>boolean</dd></dl>
+</li>
+</ul>
+<a name="isBroadcast()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>isBroadcast</h4>
+<pre>public&nbsp;boolean&nbsp;isBroadcast()</pre>
+<div class="block">check if broadcasting is enabled or disabled for a controller. Every event relevant for a
+ value change will be broadcasted to any of the value-listeners. By default broadcasting for a
+ controller is enabled.</div>
+<dl><dt><span class="strong">Returns:</span></dt><dd>boolean</dd></dl>
+</li>
+</ul>
+<a name="isInside()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>isInside</h4>
+<pre>public&nbsp;boolean&nbsp;isInside()</pre>
+<div class="block">returns true or false and indicates if the mouse is inside the area of a controller.</div>
+<dl><dt><span class="strong">Returns:</span></dt><dd>boolean</dd></dl>
+</li>
+</ul>
+<a name="isLabelVisible()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>isLabelVisible</h4>
+<pre>public&nbsp;boolean&nbsp;isLabelVisible()</pre>
+<dl><dt><span class="strong">Returns:</span></dt><dd>boolean</dd></dl>
+</li>
+</ul>
+<a name="isListening()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>isListening</h4>
+<pre>public&nbsp;boolean&nbsp;isListening()</pre>
+<div class="block">returns true or false for the current listening status. by default it is set to false</div>
+<dl><dt><span class="strong">Returns:</span></dt><dd>boolean</dd><dt><span class="strong">See Also:</span></dt><dd><a href="../controlP5/Controller.html#listen(boolean)"><code>listen(boolean)</code></a></dd></dl>
+</li>
+</ul>
+<a name="isLock()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>isLock</h4>
+<pre>public&nbsp;boolean&nbsp;isLock()</pre>
+<dl><dt><span class="strong">Returns:</span></dt><dd>boolean</dd></dl>
+</li>
+</ul>
+<a name="isMouseOver()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>isMouseOver</h4>
+<pre>public&nbsp;boolean&nbsp;isMouseOver()</pre>
+<div class="block">check if the mouse is within this particular controller.</div>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerInterface.html#isMouseOver()">isMouseOver</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/Controller.html" title="type parameter in Controller">T</a>&gt;</code></dd>
+<dt><span class="strong">Returns:</span></dt><dd>boolean</dd></dl>
+</li>
+</ul>
+<a name="isMousePressed()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>isMousePressed</h4>
+<pre>public&nbsp;boolean&nbsp;isMousePressed()</pre>
+<div class="block">returns true or false if the mouse has is pressed.</div>
+<dl><dt><span class="strong">Returns:</span></dt><dd>boolean</dd></dl>
+</li>
+</ul>
+<a name="isMoveable()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>isMoveable</h4>
+<pre>public&nbsp;boolean&nbsp;isMoveable()</pre>
+<div class="block">checks if a controller is moveable.</div>
+<dl><dt><span class="strong">Returns:</span></dt><dd>boolean</dd></dl>
+</li>
+</ul>
+<a name="isUpdate()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>isUpdate</h4>
+<pre>public&nbsp;boolean&nbsp;isUpdate()</pre>
+<div class="block">enables the update function for a controller.</div>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerInterface.html#isUpdate()">isUpdate</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/Controller.html" title="type parameter in Controller">T</a>&gt;</code></dd>
+<dt><span class="strong">Returns:</span></dt><dd>boolean</dd><dt><span class="strong">See Also:</span></dt><dd><a href="../controlP5/Controller.html#update()"><code>update()</code></a>, 
+<a href="../controlP5/Controller.html#setUpdate(boolean)"><code>setUpdate(boolean)</code></a></dd></dl>
+</li>
+</ul>
+<a name="isUserInteraction()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>isUserInteraction</h4>
+<pre>public&nbsp;boolean&nbsp;isUserInteraction()</pre>
+<dl><dt><span class="strong">Returns:</span></dt><dd>boolean</dd></dl>
+</li>
+</ul>
+<a name="isVisible()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>isVisible</h4>
+<pre>public&nbsp;boolean&nbsp;isVisible()</pre>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerInterface.html#isVisible()">isVisible</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/Controller.html" title="type parameter in Controller">T</a>&gt;</code></dd>
+<dt><span class="strong">Returns:</span></dt><dd>boolean</dd></dl>
+</li>
+</ul>
+<a name="keyEvent(processing.event.KeyEvent)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>keyEvent</h4>
+<pre>public&nbsp;void&nbsp;keyEvent(processing.event.KeyEvent&nbsp;theEvent)</pre>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerInterface.html#keyEvent(processing.event.KeyEvent)">keyEvent</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/Controller.html" title="type parameter in Controller">T</a>&gt;</code></dd>
+<dt><span class="strong">Parameters:</span></dt><dd><code>KeyEvent</code> - theEvent</dd></dl>
+</li>
+</ul>
+<a name="linebreak()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>linebreak</h4>
+<pre>public&nbsp;<a href="../controlP5/Controller.html" title="type parameter in Controller">T</a>&nbsp;linebreak()</pre>
+<dl><dt><span class="strong">Returns:</span></dt><dd>Controller</dd></dl>
+</li>
+</ul>
+<a name="listen(boolean)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>listen</h4>
+<pre>public&nbsp;<a href="../controlP5/Controller.html" title="type parameter in Controller">T</a>&nbsp;listen(boolean&nbsp;theValue)</pre>
+<div class="block">enables a controller to listen to changes made to the variable linked to the controller. Use
+ true to enable and false to disable a controller from listening to changes.</div>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theFlag</code> - </dd>
+<dt><span class="strong">Returns:</span></dt><dd>Controller</dd></dl>
+</li>
+</ul>
+<a name="listenerSize()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>listenerSize</h4>
+<pre>public&nbsp;int&nbsp;listenerSize()</pre>
+<dl><dt><span class="strong">Returns:</span></dt><dd>int</dd></dl>
+</li>
+</ul>
+<a name="lock()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>lock</h4>
+<pre>public&nbsp;<a href="../controlP5/Controller.html" title="type parameter in Controller">T</a>&nbsp;lock()</pre>
+<div class="block">disables the controller to be moved, or changed or controlled by the user.</div>
+<dl><dt><span class="strong">Returns:</span></dt><dd>Controller</dd></dl>
+</li>
+</ul>
+<a name="moveTo(controlP5.ControlGroup)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>moveTo</h4>
+<pre>public final&nbsp;<a href="../controlP5/Controller.html" title="type parameter in Controller">T</a>&nbsp;moveTo(<a href="../controlP5/ControlGroup.html" title="class in controlP5">ControlGroup</a>&lt;?&gt;&nbsp;theGroup)</pre>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theGroup</code> - </dd>
+<dt><span class="strong">Returns:</span></dt><dd>Controller</dd></dl>
+</li>
+</ul>
+<a name="moveTo(controlP5.ControllerGroup)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>moveTo</h4>
+<pre>public final&nbsp;<a href="../controlP5/Controller.html" title="type parameter in Controller">T</a>&nbsp;moveTo(<a href="../controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a>&lt;?&gt;&nbsp;theGroup)</pre>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerInterface.html#moveTo(controlP5.ControllerGroup)">moveTo</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/Controller.html" title="type parameter in Controller">T</a>&gt;</code></dd>
+</dl>
+</li>
+</ul>
+<a name="moveTo(controlP5.ControllerGroup, controlP5.Tab, controlP5.ControlWindow)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>moveTo</h4>
+<pre>public final&nbsp;<a href="../controlP5/Controller.html" title="type parameter in Controller">T</a>&nbsp;moveTo(<a href="../controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a>&lt;?&gt;&nbsp;theGroup,
+       <a href="../controlP5/Tab.html" title="class in controlP5">Tab</a>&nbsp;theTab,
+       <a href="../controlP5/ControlWindow.html" title="class in controlP5">ControlWindow</a>&nbsp;theControlWindow)</pre>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerInterface.html#moveTo(controlP5.ControllerGroup, controlP5.Tab, controlP5.ControlWindow)">moveTo</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/Controller.html" title="type parameter in Controller">T</a>&gt;</code></dd>
+</dl>
+</li>
+</ul>
+<a name="moveTo(controlP5.ControlWindow)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>moveTo</h4>
+<pre>public final&nbsp;<a href="../controlP5/Controller.html" title="type parameter in Controller">T</a>&nbsp;moveTo(<a href="../controlP5/ControlWindow.html" title="class in controlP5">ControlWindow</a>&nbsp;theControlWindow)</pre>
+<div class="block">moves the controller to the default tab of a control window - other than the main window.</div>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theControlWindow</code> - </dd></dl>
+</li>
+</ul>
+<a name="moveTo(controlP5.ControlWindow, java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>moveTo</h4>
+<pre>public final&nbsp;<a href="../controlP5/Controller.html" title="type parameter in Controller">T</a>&nbsp;moveTo(<a href="../controlP5/ControlWindow.html" title="class in controlP5">ControlWindow</a>&nbsp;theControlWindow,
+       java.lang.String&nbsp;theTabName)</pre>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theControlWindow</code> - </dd><dd><code>theTabName</code> - </dd>
+<dt><span class="strong">Returns:</span></dt><dd>Controller</dd></dl>
+</li>
+</ul>
+<a name="moveTo(processing.core.PApplet)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>moveTo</h4>
+<pre>public final&nbsp;<a href="../controlP5/Controller.html" title="type parameter in Controller">T</a>&nbsp;moveTo(processing.core.PApplet&nbsp;theApplet)</pre>
+<div class="block">moves the controller to the default tab inside the main window.</div>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theApplet</code> - </dd>
+<dt><span class="strong">Returns:</span></dt><dd>Controller</dd></dl>
+</li>
+</ul>
+<a name="moveTo(processing.core.PApplet, java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>moveTo</h4>
+<pre>public final&nbsp;<a href="../controlP5/Controller.html" title="type parameter in Controller">T</a>&nbsp;moveTo(processing.core.PApplet&nbsp;theApplet,
+       java.lang.String&nbsp;theTabName)</pre>
+<div class="block">moves the controller to a tab inside the main window.</div>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theApplet</code> - </dd><dd><code>theTabName</code> - </dd></dl>
+</li>
+</ul>
+<a name="moveTo(java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>moveTo</h4>
+<pre>public final&nbsp;<a href="../controlP5/Controller.html" title="type parameter in Controller">T</a>&nbsp;moveTo(java.lang.String&nbsp;theTabName)</pre>
+<div class="block">moves the controller to another tab. The tab is defined by parameter theTabName. if controlP5
+ can't find a tab with given name, controlP5 will create this tab and add it to the main
+ window.</div>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theTabName</code> - String</dd>
+<dt><span class="strong">Returns:</span></dt><dd>Controller</dd></dl>
+</li>
+</ul>
+<a name="moveTo(controlP5.Tab)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>moveTo</h4>
+<pre>public final&nbsp;<a href="../controlP5/Controller.html" title="type parameter in Controller">T</a>&nbsp;moveTo(<a href="../controlP5/Tab.html" title="class in controlP5">Tab</a>&nbsp;theTab)</pre>
+<div class="block">moves the controller to another tab.</div>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theTab</code> - </dd>
+<dt><span class="strong">Returns:</span></dt><dd>Controller</dd></dl>
+</li>
+</ul>
+<a name="plugTo(java.lang.Object)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>plugTo</h4>
+<pre>public&nbsp;<a href="../controlP5/Controller.html" title="type parameter in Controller">T</a>&nbsp;plugTo(java.lang.Object&nbsp;theObject)</pre>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theObject</code> - </dd>
+<dt><span class="strong">Returns:</span></dt><dd>Controller</dd></dl>
+</li>
+</ul>
+<a name="plugTo(java.lang.Object[])">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>plugTo</h4>
+<pre>public&nbsp;<a href="../controlP5/Controller.html" title="type parameter in Controller">T</a>&nbsp;plugTo(java.lang.Object[]&nbsp;theObjects)</pre>
+<div class="block">plugs the controller to a list of objects</div>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theObject</code> - </dd>
+<dt><span class="strong">Returns:</span></dt><dd>Controller</dd></dl>
+</li>
+</ul>
+<a name="plugTo(java.lang.Object[], java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>plugTo</h4>
+<pre>public&nbsp;<a href="../controlP5/Controller.html" title="type parameter in Controller">T</a>&nbsp;plugTo(java.lang.Object[]&nbsp;theObjects,
+       java.lang.String&nbsp;theName)</pre>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theObjects</code> - </dd><dd><code>theName</code> - </dd>
+<dt><span class="strong">Returns:</span></dt><dd>Controller</dd></dl>
+</li>
+</ul>
+<a name="plugTo(java.lang.Object, java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>plugTo</h4>
+<pre>public&nbsp;<a href="../controlP5/Controller.html" title="type parameter in Controller">T</a>&nbsp;plugTo(java.lang.Object&nbsp;theObject,
+       java.lang.String&nbsp;theName)</pre>
+</li>
+</ul>
+<a name="registerProperty(java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>registerProperty</h4>
+<pre>public&nbsp;<a href="../controlP5/Controller.html" title="type parameter in Controller">T</a>&nbsp;registerProperty(java.lang.String&nbsp;thePropertyName)</pre>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerInterface.html#registerProperty(java.lang.String)">registerProperty</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/Controller.html" title="type parameter in Controller">T</a>&gt;</code></dd>
+</dl>
+</li>
+</ul>
+<a name="registerProperty(java.lang.String, java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>registerProperty</h4>
+<pre>public&nbsp;<a href="../controlP5/Controller.html" title="type parameter in Controller">T</a>&nbsp;registerProperty(java.lang.String&nbsp;theSetter,
+                 java.lang.String&nbsp;theGetter)</pre>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerInterface.html#registerProperty(java.lang.String, java.lang.String)">registerProperty</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/Controller.html" title="type parameter in Controller">T</a>&gt;</code></dd>
+</dl>
+</li>
+</ul>
+<a name="registerTooltip(java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>registerTooltip</h4>
+<pre>public&nbsp;<a href="../controlP5/Controller.html" title="type parameter in Controller">T</a>&nbsp;registerTooltip(java.lang.String&nbsp;theText)</pre>
+<div class="block">adds a tooltip to a controller, by default the tooltip is disabled. A Tooltip is made visible
+ when entering a controller with the mouse, when the mouse is moved inside the controller, the
+ tooltip will hide.</div>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theText</code> - </dd>
+<dt><span class="strong">Returns:</span></dt><dd>Controller</dd></dl>
+</li>
+</ul>
+<a name="remove()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>remove</h4>
+<pre>public&nbsp;void&nbsp;remove()</pre>
+<div class="block">removes a controller from controlP5.</div>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerInterface.html#remove()">remove</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/Controller.html" title="type parameter in Controller">T</a>&gt;</code></dd>
+</dl>
+</li>
+</ul>
+<a name="remove(controlP5.ControllerInterface)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>remove</h4>
+<pre>public&nbsp;<a href="../controlP5/Controller.html" title="type parameter in Controller">T</a>&nbsp;remove(<a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;?&gt;&nbsp;theElement)</pre>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerInterface.html#remove(controlP5.ControllerInterface)">remove</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/Controller.html" title="type parameter in Controller">T</a>&gt;</code></dd>
+<dt><span class="strong">Parameters:</span></dt><dd><code>theElement</code> - ControllerInterface</dd>
+<dt><span class="strong">Returns:</span></dt><dd>Controller</dd></dl>
+</li>
+</ul>
+<a name="removeBehavior()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>removeBehavior</h4>
+<pre>public&nbsp;<a href="../controlP5/Controller.html" title="type parameter in Controller">T</a>&nbsp;removeBehavior()</pre>
+<dl><dt><span class="strong">Returns:</span></dt><dd>Controller</dd></dl>
+</li>
+</ul>
+<a name="removeCallback()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>removeCallback</h4>
+<pre>public&nbsp;<a href="../controlP5/Controller.html" title="type parameter in Controller">T</a>&nbsp;removeCallback()</pre>
+<dl><dt><span class="strong">Returns:</span></dt><dd>Controller</dd></dl>
+</li>
+</ul>
+<a name="removeCallback(controlP5.CallbackListener)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>removeCallback</h4>
+<pre>public&nbsp;<a href="../controlP5/Controller.html" title="type parameter in Controller">T</a>&nbsp;removeCallback(<a href="../controlP5/CallbackListener.html" title="interface in controlP5">CallbackListener</a>&nbsp;theListener)</pre>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theListener</code> - </dd>
+<dt><span class="strong">Returns:</span></dt><dd>Controller</dd><dt><span class="strong">See Also:</span></dt><dd><a href="../controlP5/CallbackListener.html" title="interface in controlP5"><code>CallbackListener</code></a></dd></dl>
+</li>
+</ul>
+<a name="removeListener(controlP5.ControlListener)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>removeListener</h4>
+<pre>public&nbsp;<a href="../controlP5/Controller.html" title="type parameter in Controller">T</a>&nbsp;removeListener(<a href="../controlP5/ControlListener.html" title="interface in controlP5">ControlListener</a>&nbsp;theListener)</pre>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theListener</code> - ControlListener</dd>
+<dt><span class="strong">Returns:</span></dt><dd>Controller</dd><dt><span class="strong">See Also:</span></dt><dd><a href="../controlP5/ControlListener.html" title="interface in controlP5"><code>ControlListener</code></a></dd></dl>
+</li>
+</ul>
+<a name="removeProperty(java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>removeProperty</h4>
+<pre>public&nbsp;<a href="../controlP5/Controller.html" title="type parameter in Controller">T</a>&nbsp;removeProperty(java.lang.String&nbsp;thePropertyName)</pre>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerInterface.html#removeProperty(java.lang.String)">removeProperty</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/Controller.html" title="type parameter in Controller">T</a>&gt;</code></dd>
+</dl>
+</li>
+</ul>
+<a name="removeProperty(java.lang.String, java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>removeProperty</h4>
+<pre>public&nbsp;<a href="../controlP5/Controller.html" title="type parameter in Controller">T</a>&nbsp;removeProperty(java.lang.String&nbsp;theSetter,
+               java.lang.String&nbsp;theGetter)</pre>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerInterface.html#removeProperty(java.lang.String, java.lang.String)">removeProperty</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/Controller.html" title="type parameter in Controller">T</a>&gt;</code></dd>
+</dl>
+</li>
+</ul>
+<a name="setAbsolutePosition(processing.core.PVector)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setAbsolutePosition</h4>
+<pre>public&nbsp;<a href="../controlP5/Controller.html" title="type parameter in Controller">T</a>&nbsp;setAbsolutePosition(processing.core.PVector&nbsp;thePVector)</pre>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerInterface.html#setAbsolutePosition(processing.core.PVector)">setAbsolutePosition</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/Controller.html" title="type parameter in Controller">T</a>&gt;</code></dd>
+</dl>
+</li>
+</ul>
+<a name="setAddress(java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setAddress</h4>
+<pre>public&nbsp;<a href="../controlP5/Controller.html" title="type parameter in Controller">T</a>&nbsp;setAddress(java.lang.String&nbsp;theAddress)</pre>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerInterface.html#setAddress(java.lang.String)">setAddress</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/Controller.html" title="type parameter in Controller">T</a>&gt;</code></dd>
+</dl>
+</li>
+</ul>
+<a name="setArrayValue(float[])">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setArrayValue</h4>
+<pre>public&nbsp;<a href="../controlP5/Controller.html" title="type parameter in Controller">T</a>&nbsp;setArrayValue(float[]&nbsp;theArray)</pre>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerInterface.html#setArrayValue(float[])">setArrayValue</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/Controller.html" title="type parameter in Controller">T</a>&gt;</code></dd>
+<dt><span class="strong">Parameters:</span></dt><dd><code>theArray</code> - </dd>
+<dt><span class="strong">Returns:</span></dt><dd>Controller</dd></dl>
+</li>
+</ul>
+<a name="setArrayValue(int, float)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setArrayValue</h4>
+<pre>public&nbsp;<a href="../controlP5/Controller.html" title="type parameter in Controller">T</a>&nbsp;setArrayValue(int&nbsp;theIndex,
+              float&nbsp;theValue)</pre>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerInterface.html#setArrayValue(int, float)">setArrayValue</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/Controller.html" title="type parameter in Controller">T</a>&gt;</code></dd>
+<dt><span class="strong">Parameters:</span></dt><dd><code>theIndex</code> - </dd><dd><code>theValue</code> - </dd>
+<dt><span class="strong">Returns:</span></dt><dd>Controller</dd></dl>
+</li>
+</ul>
+<a name="setBehavior(controlP5.ControlBehavior)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setBehavior</h4>
+<pre>public&nbsp;<a href="../controlP5/Controller.html" title="type parameter in Controller">T</a>&nbsp;setBehavior(<a href="../controlP5/ControlBehavior.html" title="class in controlP5">ControlBehavior</a>&nbsp;theBehavior)</pre>
+<div class="block">with setBehavior you can add a ControlBehavior to a controller. A ControlBehavior can be used
+ to e.g. automatically change state, function, position, etc.</div>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theBehavior</code> - ControlBehavior</dd>
+<dt><span class="strong">Returns:</span></dt><dd>Controller</dd></dl>
+</li>
+</ul>
+<a name="setBroadcast(boolean)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setBroadcast</h4>
+<pre>public&nbsp;<a href="../controlP5/Controller.html" title="type parameter in Controller">T</a>&nbsp;setBroadcast(boolean&nbsp;theFlag)</pre>
+<div class="block">Use setBroadcast to enable and disable the broadcasting of changes in a controller's value.
+ By default any value changes are forwarded to function controlEvent inside your program. use
+ setBroadcast(false) to disable forwarding.</div>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theFlag</code> - boolean</dd>
+<dt><span class="strong">Returns:</span></dt><dd>Controller</dd></dl>
+</li>
+</ul>
+<a name="setCaptionLabel(java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setCaptionLabel</h4>
+<pre>public&nbsp;<a href="../controlP5/Controller.html" title="type parameter in Controller">T</a>&nbsp;setCaptionLabel(java.lang.String&nbsp;theLabel)</pre>
+<div class="block">sets the content of the caption label of a controller.</div>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerInterface.html#setCaptionLabel(java.lang.String)">setCaptionLabel</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/Controller.html" title="type parameter in Controller">T</a>&gt;</code></dd>
+<dt><span class="strong">Parameters:</span></dt><dd><code>theLabel</code> - </dd>
+<dt><span class="strong">Returns:</span></dt><dd>Controller</dd></dl>
+</li>
+</ul>
+<a name="setColor(controlP5.CColor)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setColor</h4>
+<pre>public&nbsp;<a href="../controlP5/Controller.html" title="type parameter in Controller">T</a>&nbsp;setColor(<a href="../controlP5/CColor.html" title="class in controlP5">CColor</a>&nbsp;theColor)</pre>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerInterface.html#setColor(controlP5.CColor)">setColor</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/Controller.html" title="type parameter in Controller">T</a>&gt;</code></dd>
+</dl>
+</li>
+</ul>
+<a name="setColorActive(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setColorActive</h4>
+<pre>public&nbsp;<a href="../controlP5/Controller.html" title="type parameter in Controller">T</a>&nbsp;setColorActive(int&nbsp;theColor)</pre>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerInterface.html#setColorActive(int)">setColorActive</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/Controller.html" title="type parameter in Controller">T</a>&gt;</code></dd>
+</dl>
+</li>
+</ul>
+<a name="setColorBackground(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setColorBackground</h4>
+<pre>public&nbsp;<a href="../controlP5/Controller.html" title="type parameter in Controller">T</a>&nbsp;setColorBackground(int&nbsp;theColor)</pre>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerInterface.html#setColorBackground(int)">setColorBackground</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/Controller.html" title="type parameter in Controller">T</a>&gt;</code></dd>
+</dl>
+</li>
+</ul>
+<a name="setColorCaptionLabel(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setColorCaptionLabel</h4>
+<pre>public&nbsp;<a href="../controlP5/Controller.html" title="type parameter in Controller">T</a>&nbsp;setColorCaptionLabel(int&nbsp;theColor)</pre>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theColor</code> - </dd>
+<dt><span class="strong">Returns:</span></dt><dd>Controller</dd></dl>
+</li>
+</ul>
+<a name="setColorForeground(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setColorForeground</h4>
+<pre>public&nbsp;<a href="../controlP5/Controller.html" title="type parameter in Controller">T</a>&nbsp;setColorForeground(int&nbsp;theColor)</pre>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerInterface.html#setColorForeground(int)">setColorForeground</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/Controller.html" title="type parameter in Controller">T</a>&gt;</code></dd>
+</dl>
+</li>
+</ul>
+<a name="setColorValueLabel(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setColorValueLabel</h4>
+<pre>public&nbsp;<a href="../controlP5/Controller.html" title="type parameter in Controller">T</a>&nbsp;setColorValueLabel(int&nbsp;theColor)</pre>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theColor</code> - </dd>
+<dt><span class="strong">Returns:</span></dt><dd>Controller</dd></dl>
+</li>
+</ul>
+<a name="setDecimalPrecision(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setDecimalPrecision</h4>
+<pre>public&nbsp;<a href="../controlP5/Controller.html" title="type parameter in Controller">T</a>&nbsp;setDecimalPrecision(int&nbsp;theValue)</pre>
+<div class="block">sets the decimal precision of a controller's float value displayed. the precision does not
+ apply to the returned float value.</div>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theValue</code> - </dd>
+<dt><span class="strong">Returns:</span></dt><dd>Controller</dd></dl>
+</li>
+</ul>
+<a name="setDefaultValue(float)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setDefaultValue</h4>
+<pre>public&nbsp;<a href="../controlP5/Controller.html" title="type parameter in Controller">T</a>&nbsp;setDefaultValue(float&nbsp;theValue)</pre>
+<div class="block">set the default value.</div>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theValue</code> - float</dd>
+<dt><span class="strong">Returns:</span></dt><dd>Controller</dd></dl>
+</li>
+</ul>
+<a name="setGroup(controlP5.ControllerGroup)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setGroup</h4>
+<pre>public final&nbsp;<a href="../controlP5/Controller.html" title="type parameter in Controller">T</a>&nbsp;setGroup(<a href="../controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a>&lt;?&gt;&nbsp;theGroup)</pre>
+</li>
+</ul>
+<a name="setGroup(java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setGroup</h4>
+<pre>public final&nbsp;<a href="../controlP5/Controller.html" title="type parameter in Controller">T</a>&nbsp;setGroup(java.lang.String&nbsp;theName)</pre>
+<div class="block">sets the group of the controller.</div>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theName</code> - String</dd>
+<dt><span class="strong">Returns:</span></dt><dd>Controller</dd></dl>
+</li>
+</ul>
+<a name="setHeight(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setHeight</h4>
+<pre>public&nbsp;<a href="../controlP5/Controller.html" title="type parameter in Controller">T</a>&nbsp;setHeight(int&nbsp;theHeight)</pre>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theHeight</code> - </dd>
+<dt><span class="strong">Returns:</span></dt><dd>Controller</dd></dl>
+</li>
+</ul>
+<a name="setId(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setId</h4>
+<pre>public&nbsp;<a href="../controlP5/Controller.html" title="type parameter in Controller">T</a>&nbsp;setId(int&nbsp;theId)</pre>
+<div class="block">set the id of a controller.</div>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerInterface.html#setId(int)">setId</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/Controller.html" title="type parameter in Controller">T</a>&gt;</code></dd>
+<dt><span class="strong">Parameters:</span></dt><dd><code>int</code> - theId</dd>
+<dt><span class="strong">Returns:</span></dt><dd>Controller</dd></dl>
+</li>
+</ul>
+<a name="setImage(processing.core.PImage)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setImage</h4>
+<pre>public&nbsp;<a href="../controlP5/Controller.html" title="type parameter in Controller">T</a>&nbsp;setImage(processing.core.PImage&nbsp;theImage)</pre>
+</li>
+</ul>
+<a name="setImage(processing.core.PImage, int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setImage</h4>
+<pre>public&nbsp;<a href="../controlP5/Controller.html" title="type parameter in Controller">T</a>&nbsp;setImage(processing.core.PImage&nbsp;theImage,
+         int&nbsp;theState)</pre>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theImage</code> - </dd><dd><code>theState</code> - use Controller.DEFAULT (background) Controller.OVER (foreground)
+            Controller.ACTIVE (active)</dd></dl>
+</li>
+</ul>
+<a name="setImages(processing.core.PImage...)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setImages</h4>
+<pre>public&nbsp;<a href="../controlP5/Controller.html" title="type parameter in Controller">T</a>&nbsp;setImages(processing.core.PImage...&nbsp;imgs)</pre>
+</li>
+</ul>
+<a name="setImages(processing.core.PImage, processing.core.PImage, processing.core.PImage)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setImages</h4>
+<pre>public&nbsp;<a href="../controlP5/Controller.html" title="type parameter in Controller">T</a>&nbsp;setImages(processing.core.PImage&nbsp;theImageDefault,
+          processing.core.PImage&nbsp;theImageOver,
+          processing.core.PImage&nbsp;theImageActive)</pre>
+<div class="block">by default controllers use simple shapes, to replace these shapes with images, use
+ setImages(). This can be handy for buttons, toggles, bangs, for more complex controllers such
+ as sliders, range, dropdownlist this is not advisable.</div>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theImageDefault</code> - </dd><dd><code>theImageOver</code> - </dd><dd><code>theImageActive</code> - </dd>
+<dt><span class="strong">Returns:</span></dt><dd>Controller</dd></dl>
+</li>
+</ul>
+<a name="setImages(processing.core.PImage, processing.core.PImage, processing.core.PImage, processing.core.PImage)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setImages</h4>
+<pre>public&nbsp;<a href="../controlP5/Controller.html" title="type parameter in Controller">T</a>&nbsp;setImages(processing.core.PImage&nbsp;theImageDefault,
+          processing.core.PImage&nbsp;theImageOver,
+          processing.core.PImage&nbsp;theImageActive,
+          processing.core.PImage&nbsp;theImageHighlight)</pre>
+</li>
+</ul>
+<a name="setLabelVisible(boolean)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setLabelVisible</h4>
+<pre>public&nbsp;<a href="../controlP5/Controller.html" title="type parameter in Controller">T</a>&nbsp;setLabelVisible(boolean&nbsp;theValue)</pre>
+<div class="block">show or hide the labels of a controller.</div>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theValue</code> - boolean</dd>
+<dt><span class="strong">Returns:</span></dt><dd>Controller</dd></dl>
+</li>
+</ul>
+<a name="setLock(boolean)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setLock</h4>
+<pre>public&nbsp;<a href="../controlP5/Controller.html" title="type parameter in Controller">T</a>&nbsp;setLock(boolean&nbsp;theValue)</pre>
+<div class="block">sets the lock status of the controller</div>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theValue</code> - </dd>
+<dt><span class="strong">Returns:</span></dt><dd>Controller</dd></dl>
+</li>
+</ul>
+<a name="setMax(float)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setMax</h4>
+<pre>public&nbsp;<a href="../controlP5/Controller.html" title="type parameter in Controller">T</a>&nbsp;setMax(float&nbsp;theValue)</pre>
+<div class="block">sets the maximum value of the Controller.</div>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theValue</code> - float</dd>
+<dt><span class="strong">Returns:</span></dt><dd>Controller</dd></dl>
+</li>
+</ul>
+<a name="setMin(float)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setMin</h4>
+<pre>public&nbsp;<a href="../controlP5/Controller.html" title="type parameter in Controller">T</a>&nbsp;setMin(float&nbsp;theValue)</pre>
+<div class="block">sets the minimum value of the Controller.</div>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theValue</code> - float</dd>
+<dt><span class="strong">Returns:</span></dt><dd>Controller</dd></dl>
+</li>
+</ul>
+<a name="setMouseOver(boolean)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setMouseOver</h4>
+<pre>public&nbsp;<a href="../controlP5/Controller.html" title="type parameter in Controller">T</a>&nbsp;setMouseOver(boolean&nbsp;theFlag)</pre>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerInterface.html#setMouseOver(boolean)">setMouseOver</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/Controller.html" title="type parameter in Controller">T</a>&gt;</code></dd>
+</dl>
+</li>
+</ul>
+<a name="setMousePressed(boolean)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setMousePressed</h4>
+<pre>public final&nbsp;boolean&nbsp;setMousePressed(boolean&nbsp;theStatus)</pre>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerInterface.html#setMousePressed(boolean)">setMousePressed</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/Controller.html" title="type parameter in Controller">T</a>&gt;</code></dd>
+<dt><span class="strong">Parameters:</span></dt><dd><code>theStatus</code> - boolean</dd>
+<dt><span class="strong">Returns:</span></dt><dd>boolean</dd></dl>
+</li>
+</ul>
+<a name="setMoveable(boolean)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setMoveable</h4>
+<pre>public&nbsp;<a href="../controlP5/Controller.html" title="type parameter in Controller">T</a>&nbsp;setMoveable(boolean&nbsp;theValue)</pre>
+<div class="block">enable or prevent the controller to be moveable. By default a controller is moveable.</div>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theValue</code> - boolean</dd>
+<dt><span class="strong">Returns:</span></dt><dd>Controller</dd></dl>
+</li>
+</ul>
+<a name="setParent(controlP5.ControllerInterface)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setParent</h4>
+<pre>public final&nbsp;<a href="../controlP5/Controller.html" title="type parameter in Controller">T</a>&nbsp;setParent(<a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;?&gt;&nbsp;theParent)</pre>
+<div class="block">set the parent of a parent of a controller. this method is only meant for internal use. this
+ method is final and can't be overwritten.</div>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theParent</code> - ControllerInterface</dd>
+<dt><span class="strong">Returns:</span></dt><dd>Controller</dd></dl>
+</li>
+</ul>
+<a name="setPosition(float, float)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setPosition</h4>
+<pre>public&nbsp;<a href="../controlP5/Controller.html" title="type parameter in Controller">T</a>&nbsp;setPosition(float&nbsp;theX,
+            float&nbsp;theY)</pre>
+<div class="block">set the position of a controller. The position of a controller is relative.</div>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerInterface.html#setPosition(float, float)">setPosition</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/Controller.html" title="type parameter in Controller">T</a>&gt;</code></dd>
+<dt><span class="strong">Parameters:</span></dt><dd><code>theX</code> - float</dd><dd><code>theY</code> - float</dd>
+<dt><span class="strong">Returns:</span></dt><dd>Controller</dd></dl>
+</li>
+</ul>
+<a name="setPosition(processing.core.PVector)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setPosition</h4>
+<pre>public&nbsp;<a href="../controlP5/Controller.html" title="type parameter in Controller">T</a>&nbsp;setPosition(processing.core.PVector&nbsp;thePVector)</pre>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerInterface.html#setPosition(processing.core.PVector)">setPosition</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/Controller.html" title="type parameter in Controller">T</a>&gt;</code></dd>
+</dl>
+</li>
+</ul>
+<a name="setSize(int, int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setSize</h4>
+<pre>public&nbsp;<a href="../controlP5/Controller.html" title="type parameter in Controller">T</a>&nbsp;setSize(int&nbsp;theWidth,
+        int&nbsp;theHeight)</pre>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theWidth</code> - </dd><dd><code>theHeight</code> - </dd>
+<dt><span class="strong">Returns:</span></dt><dd>Controller</dd></dl>
+</li>
+</ul>
+<a name="setSize(processing.core.PImage)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setSize</h4>
+<pre>public&nbsp;<a href="../controlP5/Controller.html" title="type parameter in Controller">T</a>&nbsp;setSize(processing.core.PImage&nbsp;theImage)</pre>
+<div class="block">auto-updates the size of a controller according to the dimensions of the PImage.</div>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theImage</code> - </dd>
+<dt><span class="strong">Returns:</span></dt><dd>Controller</dd></dl>
+</li>
+</ul>
+<a name="setStringValue(java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setStringValue</h4>
+<pre>public&nbsp;<a href="../controlP5/Controller.html" title="type parameter in Controller">T</a>&nbsp;setStringValue(java.lang.String&nbsp;theValue)</pre>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerInterface.html#setStringValue(java.lang.String)">setStringValue</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/Controller.html" title="type parameter in Controller">T</a>&gt;</code></dd>
+<dt><span class="strong">Parameters:</span></dt><dd><code>theValue</code> - </dd>
+<dt><span class="strong">Returns:</span></dt><dd>Controller</dd></dl>
+</li>
+</ul>
+<a name="setTab(controlP5.ControlWindow, java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setTab</h4>
+<pre>public final&nbsp;<a href="../controlP5/Controller.html" title="type parameter in Controller">T</a>&nbsp;setTab(<a href="../controlP5/ControlWindow.html" title="class in controlP5">ControlWindow</a>&nbsp;theWindow,
+       java.lang.String&nbsp;theName)</pre>
+</li>
+</ul>
+<a name="setTab(java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setTab</h4>
+<pre>public final&nbsp;<a href="../controlP5/Controller.html" title="type parameter in Controller">T</a>&nbsp;setTab(java.lang.String&nbsp;theName)</pre>
+<div class="block">sets the tab of the controller.</div>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theName</code> - String</dd>
+<dt><span class="strong">Returns:</span></dt><dd>Controller</dd></dl>
+</li>
+</ul>
+<a name="setUpdate(boolean)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setUpdate</h4>
+<pre>public&nbsp;<a href="../controlP5/Controller.html" title="type parameter in Controller">T</a>&nbsp;setUpdate(boolean&nbsp;theFlag)</pre>
+<div class="block">disables the update function for a controller.</div>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerInterface.html#setUpdate(boolean)">setUpdate</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/Controller.html" title="type parameter in Controller">T</a>&gt;</code></dd>
+<dt><span class="strong">Parameters:</span></dt><dd><code>theFlag</code> - boolean</dd>
+<dt><span class="strong">Returns:</span></dt><dd>Controller</dd><dt><span class="strong">See Also:</span></dt><dd><a href="../controlP5/Controller.html#update()"><code>update()</code></a>, 
+<a href="../controlP5/Controller.html#isUpdate()"><code>isUpdate()</code></a></dd></dl>
+</li>
+</ul>
+<a name="setUserInteraction(boolean)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setUserInteraction</h4>
+<pre>public&nbsp;<a href="../controlP5/Controller.html" title="type parameter in Controller">T</a>&nbsp;setUserInteraction(boolean&nbsp;theValue)</pre>
+</li>
+</ul>
+<a name="setValue(float)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setValue</h4>
+<pre>public&nbsp;<a href="../controlP5/Controller.html" title="type parameter in Controller">T</a>&nbsp;setValue(float&nbsp;theValue)</pre>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerInterface.html#setValue(float)">setValue</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/Controller.html" title="type parameter in Controller">T</a>&gt;</code></dd>
+<dt><span class="strong">Parameters:</span></dt><dd><code>theValue</code> - float</dd></dl>
+</li>
+</ul>
+<a name="setValueLabel(java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setValueLabel</h4>
+<pre>public&nbsp;<a href="../controlP5/Controller.html" title="type parameter in Controller">T</a>&nbsp;setValueLabel(java.lang.String&nbsp;theLabel)</pre>
+<div class="block">set or change the value of the value label of a controller. (this is cheating, but maybe
+ useful for some cases.)</div>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theLabel</code> - </dd>
+<dt><span class="strong">Returns:</span></dt><dd>Controller</dd></dl>
+</li>
+</ul>
+<a name="setValueSelf(float)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setValueSelf</h4>
+<pre>public&nbsp;<a href="../controlP5/Controller.html" title="type parameter in Controller">T</a>&nbsp;setValueSelf(float&nbsp;theValue)</pre>
+</li>
+</ul>
+<a name="setView(controlP5.ControllerView)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setView</h4>
+<pre>public&nbsp;<a href="../controlP5/Controller.html" title="type parameter in Controller">T</a>&nbsp;setView(<a href="../controlP5/ControllerView.html" title="interface in controlP5">ControllerView</a>&lt;<a href="../controlP5/Controller.html" title="type parameter in Controller">T</a>&gt;&nbsp;theDisplay)</pre>
+<div class="block">use setDisplay to customize your controller look. A new controller-display class required to
+ implement interface ControllerView. By default the display mode will be set to CUSTOM when
+ setting a new display.</div>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theDisplay</code> - </dd>
+<dt><span class="strong">Returns:</span></dt><dd>Controller</dd><dt><span class="strong">See Also:</span></dt><dd><a href="../controlP5/ControllerView.html" title="interface in controlP5"><code>ControllerView</code></a></dd></dl>
+</li>
+</ul>
+<a name="setView(controlP5.ControllerView, int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setView</h4>
+<pre>public&nbsp;void&nbsp;setView(<a href="../controlP5/ControllerView.html" title="interface in controlP5">ControllerView</a>&lt;<a href="../controlP5/Controller.html" title="type parameter in Controller">T</a>&gt;&nbsp;theDisplay,
+           int&nbsp;theMode)</pre>
+</li>
+</ul>
+<a name="setVisible(boolean)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setVisible</h4>
+<pre>public&nbsp;<a href="../controlP5/Controller.html" title="type parameter in Controller">T</a>&nbsp;setVisible(boolean&nbsp;theFlag)</pre>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theFlag</code> - boolean</dd>
+<dt><span class="strong">Returns:</span></dt><dd>Controller</dd></dl>
+</li>
+</ul>
+<a name="setWidth(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setWidth</h4>
+<pre>public&nbsp;<a href="../controlP5/Controller.html" title="type parameter in Controller">T</a>&nbsp;setWidth(int&nbsp;theWidth)</pre>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theWidth</code> - </dd>
+<dt><span class="strong">Returns:</span></dt><dd>Controller</dd></dl>
+</li>
+</ul>
+<a name="show()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>show</h4>
+<pre>public&nbsp;<a href="../controlP5/Controller.html" title="type parameter in Controller">T</a>&nbsp;show()</pre>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerInterface.html#show()">show</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/Controller.html" title="type parameter in Controller">T</a>&gt;</code></dd>
+<dt><span class="strong">Returns:</span></dt><dd>Controller</dd></dl>
+</li>
+</ul>
+<a name="toString()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>toString</h4>
+<pre>public&nbsp;java.lang.String&nbsp;toString()</pre>
+<dl>
+<dt><strong>Overrides:</strong></dt>
+<dd><code>toString</code>&nbsp;in class&nbsp;<code>java.lang.Object</code></dd>
+</dl>
+</li>
+</ul>
+<a name="unlock()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>unlock</h4>
+<pre>public&nbsp;<a href="../controlP5/Controller.html" title="type parameter in Controller">T</a>&nbsp;unlock()</pre>
+<div class="block">enables the controller to be moved, changed and controlled by the user.</div>
+<dl><dt><span class="strong">Returns:</span></dt><dd>Controller</dd></dl>
+</li>
+</ul>
+<a name="unplugFrom(java.lang.Object)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>unplugFrom</h4>
+<pre>public&nbsp;<a href="../controlP5/Controller.html" title="type parameter in Controller">T</a>&nbsp;unplugFrom(java.lang.Object&nbsp;theObject)</pre>
+<div class="block">unplugs the Controller for a single object</div>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theObject</code> - </dd>
+<dt><span class="strong">Returns:</span></dt><dd>Controller</dd></dl>
+</li>
+</ul>
+<a name="unplugFrom(java.lang.Object[])">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>unplugFrom</h4>
+<pre>public&nbsp;<a href="../controlP5/Controller.html" title="type parameter in Controller">T</a>&nbsp;unplugFrom(java.lang.Object[]&nbsp;theObjects)</pre>
+<div class="block">unplugs the controller from a list of objects</div>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theObjects</code> - </dd>
+<dt><span class="strong">Returns:</span></dt><dd></dd></dl>
+</li>
+</ul>
+<a name="unregisterTooltip()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>unregisterTooltip</h4>
+<pre>public&nbsp;<a href="../controlP5/Controller.html" title="type parameter in Controller">T</a>&nbsp;unregisterTooltip()</pre>
+<dl><dt><span class="strong">Returns:</span></dt><dd>Controller</dd><dt><span class="strong">See Also:</span></dt><dd><a href="../controlP5/Controller.html#registerTooltip(java.lang.String)"><code>registerTooltip(String)</code></a></dd></dl>
+</li>
+</ul>
+<a name="update()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>update</h4>
+<pre>public&nbsp;<a href="../controlP5/Controller.html" title="type parameter in Controller">T</a>&nbsp;update()</pre>
+<div class="block">updates the value of the controller without having to set the value explicitly. update does
+ not visually update the controller. the updating status can be set with setUpdate(true/false)
+ and checked with isUpdate().</div>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerInterface.html#update()">update</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/Controller.html" title="type parameter in Controller">T</a>&gt;</code></dd>
+<dt><span class="strong">Returns:</span></dt><dd>Controller</dd><dt><span class="strong">See Also:</span></dt><dd><a href="../controlP5/Controller.html#setUpdate(boolean)"><code>setUpdate(boolean)</code></a>, 
+<a href="../controlP5/Controller.html#isUpdate()"><code>isUpdate()</code></a></dd></dl>
+</li>
+</ul>
+<a name="updateAbsolutePosition()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>updateAbsolutePosition</h4>
+<pre>public&nbsp;<a href="../controlP5/Controller.html" title="type parameter in Controller">T</a>&nbsp;updateAbsolutePosition()</pre>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerInterface.html#updateAbsolutePosition()">updateAbsolutePosition</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/Controller.html" title="type parameter in Controller">T</a>&gt;</code></dd>
+</dl>
+</li>
+</ul>
+<a name="updateEvents()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>updateEvents</h4>
+<pre>public final&nbsp;<a href="../controlP5/Controller.html" title="type parameter in Controller">T</a>&nbsp;updateEvents()</pre>
+<div class="block">updateEvents is used for internal updates of a controller. this method is final and can't be
+ overwritten.</div>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerInterface.html#updateEvents()">updateEvents</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/Controller.html" title="type parameter in Controller">T</a>&gt;</code></dd>
+</dl>
+</li>
+</ul>
+<a name="updateInternalEvents(processing.core.PApplet)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>updateInternalEvents</h4>
+<pre>public&nbsp;<a href="../controlP5/Controller.html" title="type parameter in Controller">T</a>&nbsp;updateInternalEvents(processing.core.PApplet&nbsp;theApplet)</pre>
+<div class="block"><strong>Description copied from interface:&nbsp;<code><a href="../controlP5/ControllerInterface.html#updateInternalEvents(processing.core.PApplet)">ControllerInterface</a></code></strong></div>
+<div class="block">a method for putting input events like e.g. mouse or keyboard events and queries. this has
+ been taken out of the draw method for better overwriting capability.</div>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerInterface.html#updateInternalEvents(processing.core.PApplet)">updateInternalEvents</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/Controller.html" title="type parameter in Controller">T</a>&gt;</code></dd>
+<dt><span class="strong">See Also:</span></dt><dd><code>ControllerInterface.updateInternalEvents</code></dd></dl>
+</li>
+</ul>
+<a name="updateSize()">
+<!--   -->
+</a>
+<ul class="blockListLast">
+<li class="blockList">
+<h4>updateSize</h4>
+<pre>public&nbsp;<a href="../controlP5/Controller.html" title="type parameter in Controller">T</a>&nbsp;updateSize()</pre>
+</li>
+</ul>
+</li>
+</ul>
+</li>
+</ul>
+</div>
+</div>
+<!-- ========= END OF CLASS DATA ========= -->
+<!-- ======= START OF BOTTOM NAVBAR ====== -->
+<div class="bottomNav"><a name="navbar_bottom">
+<!--   -->
+</a><a href="#skip-navbar_bottom" title="Skip navigation links"></a><a name="navbar_bottom_firstrow">
+<!--   -->
+</a>
+<ul class="navList" title="Navigation">
+<li><a href="../controlP5/package-summary.html">Package</a></li>
+<li class="navBarCell1Rev">Class</li>
+<li><a href="package-tree.html">Tree</a></li>
+<li><a href="../index-all.html">Index</a></li>
+<li><a href="../help-doc.html">Help</a></li>
+</ul>
+</div>
+<div class="subNav">
+<ul class="navList">
+<li><a href="../controlP5/ControlKey.html" title="interface in controlP5"><span class="strong">Prev Class</span></a></li>
+<li>Next Class</li>
+</ul>
+<ul class="navList">
+<li><a href="../index.html?controlP5/Controller.html" target="_top">Frames</a></li>
+<li><a href="Controller.html" target="_top">No Frames</a></li>
+</ul>
+<ul class="navList" id="allclasses_navbar_bottom">
+<li><a href="../allclasses-noframe.html">All Classes</a></li>
+</ul>
+<div>
+<script type="text/javascript"><!--
+  allClassesLink = document.getElementById("allclasses_navbar_bottom");
+  if(window==top) {
+    allClassesLink.style.display = "block";
+  }
+  else {
+    allClassesLink.style.display = "none";
+  }
+  //-->
+</script>
+</div>
+<div>
+<ul class="subNavList">
+<li>Summary:&nbsp;</li>
+<li>Nested&nbsp;|&nbsp;</li>
+<li><a href="#field_summary">Field</a>&nbsp;|&nbsp;</li>
+<li><a href="#constructor_summary">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_summary">Method</a></li>
+</ul>
+<ul class="subNavList">
+<li>Detail:&nbsp;</li>
+<li><a href="#field_detail">Field</a>&nbsp;|&nbsp;</li>
+<li><a href="#constructor_detail">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_detail">Method</a></li>
+</ul>
+</div>
+<a name="skip-navbar_bottom">
+<!--   -->
+</a></div>
+<!-- ======== END OF BOTTOM NAVBAR ======= -->
+<p class="legalCopy"><small>processing library controlP5 by Andreas Schlegel. (c) 2006-2014</small></p>
+</body>
+</html>
diff --git a/reference/controlP5/ControllerGroup.html b/reference/controlP5/ControllerGroup.html
new file mode 100644
index 0000000..f56aea2
--- /dev/null
+++ b/reference/controlP5/ControllerGroup.html
@@ -0,0 +1,2422 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
+<!-- NewPage -->
+<html lang="en">
+<head>
+<!-- Generated by javadoc (version 1.7.0_51) on Sun Apr 27 21:39:47 SGT 2014 -->
+<title>ControllerGroup (Javadocs: controlP5)</title>
+<meta name="date" content="2014-04-27">
+<link rel="stylesheet" type="text/css" href="../stylesheet.css" title="Style">
+</head>
+<body>
+<script type="text/javascript"><!--
+    if (location.href.indexOf('is-external=true') == -1) {
+        parent.document.title="ControllerGroup (Javadocs: controlP5)";
+    }
+//-->
+</script>
+<noscript>
+<div>JavaScript is disabled on your browser.</div>
+</noscript>
+<!-- ========= START OF TOP NAVBAR ======= -->
+<div class="topNav"><a name="navbar_top">
+<!--   -->
+</a><a href="#skip-navbar_top" title="Skip navigation links"></a><a name="navbar_top_firstrow">
+<!--   -->
+</a>
+<ul class="navList" title="Navigation">
+<li><a href="../controlP5/package-summary.html">Package</a></li>
+<li class="navBarCell1Rev">Class</li>
+<li><a href="package-tree.html">Tree</a></li>
+<li><a href="../index-all.html">Index</a></li>
+<li><a href="../help-doc.html">Help</a></li>
+</ul>
+</div>
+<div class="subNav">
+<ul class="navList">
+<li>Prev Class</li>
+<li><a href="../controlP5/ControllerInterface.html" title="interface in controlP5"><span class="strong">Next Class</span></a></li>
+</ul>
+<ul class="navList">
+<li><a href="../index.html?controlP5/ControllerGroup.html" target="_top">Frames</a></li>
+<li><a href="ControllerGroup.html" target="_top">No Frames</a></li>
+</ul>
+<ul class="navList" id="allclasses_navbar_top">
+<li><a href="../allclasses-noframe.html">All Classes</a></li>
+</ul>
+<div>
+<script type="text/javascript"><!--
+  allClassesLink = document.getElementById("allclasses_navbar_top");
+  if(window==top) {
+    allClassesLink.style.display = "block";
+  }
+  else {
+    allClassesLink.style.display = "none";
+  }
+  //-->
+</script>
+</div>
+<div>
+<ul class="subNavList">
+<li>Summary:&nbsp;</li>
+<li>Nested&nbsp;|&nbsp;</li>
+<li>Field&nbsp;|&nbsp;</li>
+<li><a href="#constructor_summary">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_summary">Method</a></li>
+</ul>
+<ul class="subNavList">
+<li>Detail:&nbsp;</li>
+<li>Field&nbsp;|&nbsp;</li>
+<li><a href="#constructor_detail">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_detail">Method</a></li>
+</ul>
+</div>
+<a name="skip-navbar_top">
+<!--   -->
+</a></div>
+<!-- ========= END OF TOP NAVBAR ========= -->
+<!-- ======== START OF CLASS DATA ======== -->
+<div class="header">
+<div class="subTitle">controlP5</div>
+<h2 title="Class ControllerGroup" class="title">Class ControllerGroup&lt;T&gt;</h2>
+</div>
+<div class="contentContainer">
+<ul class="inheritance">
+<li>java.lang.Object</li>
+<li>
+<ul class="inheritance">
+<li>controlP5.ControllerGroup&lt;T&gt;</li>
+</ul>
+</li>
+</ul>
+<div class="description">
+<ul class="blockList">
+<li class="blockList">
+<dl>
+<dt>All Implemented Interfaces:</dt>
+<dd><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;T&gt;, <a href="../controlP5/ControlListener.html" title="interface in controlP5">ControlListener</a>, <a href="../controlP5/ControlP5Constants.html" title="interface in controlP5">ControlP5Constants</a></dd>
+</dl>
+<dl>
+<dt>Direct Known Subclasses:</dt>
+<dd><a href="../controlP5/ControlGroup.html" title="class in controlP5">ControlGroup</a>, <a href="../controlP5/Tab.html" title="class in controlP5">Tab</a>, <a href="../controlP5/Textarea.html" title="class in controlP5">Textarea</a></dd>
+</dl>
+<hr>
+<br>
+<pre>public abstract class <span class="strong">ControllerGroup&lt;T&gt;</span>
+extends java.lang.Object
+implements <a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;T&gt;, <a href="../controlP5/ControlP5Constants.html" title="interface in controlP5">ControlP5Constants</a>, <a href="../controlP5/ControlListener.html" title="interface in controlP5">ControlListener</a></pre>
+<div class="block">ControllerGroup is an abstract class and is extended by class ControlGroup, Tab, or the ListBox.</div>
+</li>
+</ul>
+</div>
+<div class="summary">
+<ul class="blockList">
+<li class="blockList">
+<!-- =========== FIELD SUMMARY =========== -->
+<ul class="blockList">
+<li class="blockList"><a name="field_summary">
+<!--   -->
+</a>
+<h3>Field Summary</h3>
+<ul class="blockList">
+<li class="blockList"><a name="fields_inherited_from_class_controlP5.ControlP5Constants">
+<!--   -->
+</a>
+<h3>Fields inherited from interface&nbsp;controlP5.<a href="../controlP5/ControlP5Constants.html" title="interface in controlP5">ControlP5Constants</a></h3>
+<code><a href="../controlP5/ControlP5Constants.html#acceptClassList">acceptClassList</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_BROADCAST">ACTION_BROADCAST</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_CLICK">ACTION_CLICK</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_DRAG">ACTION_DRAG</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_ENTER">ACTION_ENTER</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_EXIT">ACTION_EXIT</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_LEAVE">ACTION_LEAVE</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_MOVE">ACTION_MOVE</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_PRESS">ACTION_PRESS</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_PRESSED">ACTION_PRESSED</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_RELEASE">ACTION_RELEASE</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_RELEASED">ACTION_RELEASED</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_RELEASEDOUTSIDE">ACTION_RELEASEDOUTSIDE</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_WHEEL">ACTION_WHEEL</a>, <a href="../controlP5/ControlP5Constants.html#ACTIVE">ACTIVE</a>, <a href="../controlP5/ControlP5Constants.html#ALL">ALL</a>, <a href="../controlP5/ControlP5Constants.html#ALT">ALT</a>, <a href="../controlP5/ControlP5Constants.html#AQUA">AQUA</a>, <a href="../controlP5/ControlP5Constants.html#ARC">ARC</a>, <a href="../controlP5/ControlP5Constants.html#ARRAY">ARRAY</a>, <a href="../controlP5/ControlP5Constants.html#BACKSPACE">BACKSPACE</a>, <a href="../controlP5/ControlP5Constants.html#BASELINE">BASELINE</a>, <a href="../controlP5/ControlP5Constants.html#BITFONT">BITFONT</a>, <a href="../controlP5/ControlP5Constants.html#BLACK">BLACK</a>, <a href="../controlP5/ControlP5Constants.html#BLUE">BLUE</a>, <a href="../controlP5/ControlP5Constants.html#BOOLEAN">BOOLEAN</a>, <a href="../controlP5/ControlP5Constants.html#BOTTOM">BOTTOM</a>, <a href="../controlP5/ControlP5Constants.html#BOTTOM_OUTSIDE">BOTTOM_OUTSIDE</a>, <a href="../controlP5/ControlP5Constants.html#CAPTIONLABEL">CAPTIONLABEL</a>, <a href="../controlP5/ControlP5Constants.html#CENTER">CENTER</a>, <a href="../controlP5/ControlP5Constants.html#CHECKBOX">CHECKBOX</a>, <a href="../controlP5/ControlP5Constants.html#COMMANDKEY">COMMANDKEY</a>, <a href="../controlP5/ControlP5Constants.html#CONTROL">CONTROL</a>, <a href="../controlP5/ControlP5Constants.html#controlEventClass">controlEventClass</a>, <a href="../controlP5/ControlP5Constants.html#CUSTOM">CUSTOM</a>, <a href="../controlP5/ControlP5Constants.html#DECREASE">DECREASE</a>, <a href="../controlP5/ControlP5Constants.html#DEFAULT">DEFAULT</a>, <a href="../controlP5/ControlP5Constants.html#DELETE">DELETE</a>, <a href="../controlP5/ControlP5Constants.html#DONE">DONE</a>, <a href="../controlP5/ControlP5Constants.html#DOWN">DOWN</a>, <a href="../controlP5/ControlP5Constants.html#DROPDOWN">DROPDOWN</a>, <a href="../controlP5/ControlP5Constants.html#ELLIPSE">ELLIPSE</a>, <a href="../controlP5/ControlP5Constants.html#ENTER">ENTER</a>, <a href="../controlP5/ControlP5Constants.html#ESCAPE">ESCAPE</a>, <a href="../controlP5/ControlP5Constants.html#EVENT">EVENT</a>, <a href="../controlP5/ControlP5Constants.html#eventMethod">eventMethod</a>, <a href="../controlP5/ControlP5Constants.html#FADEIN">FADEIN</a>, <a href="../controlP5/ControlP5Constants.html#FADEOUT">FADEOUT</a>, <a href="../controlP5/ControlP5Constants.html#FIELD">FIELD</a>, <a href="../controlP5/ControlP5Constants.html#FLOAT">FLOAT</a>, <a href="../controlP5/ControlP5Constants.html#FUCHSIA">FUCHSIA</a>, <a href="../controlP5/ControlP5Constants.html#GRAY">GRAY</a>, <a href="../controlP5/ControlP5Constants.html#GREEN">GREEN</a>, <a href="../controlP5/ControlP5Constants.html#grixel">grixel</a>, <a href="../controlP5/ControlP5Constants.html#HALF_PI">HALF_PI</a>, <a href="../controlP5/ControlP5Constants.html#HIDE">HIDE</a>, <a href="../controlP5/ControlP5Constants.html#HIGHLIGHT">HIGHLIGHT</a>, <a href="../controlP5/ControlP5Constants.html#HORIZONTAL">HORIZONTAL</a>, <a href="../controlP5/ControlP5Constants.html#IDLE">IDLE</a>, <a href="../controlP5/ControlP5Constants.html#IMAGE">IMAGE</a>, <a href="../controlP5/ControlP5Constants.html#INACTIVE">INACTIVE</a>, <a href="../controlP5/ControlP5Constants.html#INCREASE">INCREASE</a>, <a href="../controlP5/ControlP5Constants.html#INTEGER">INTEGER</a>, <a href="../controlP5/ControlP5Constants.html#INVALID">INVALID</a>, <a href="../controlP5/ControlP5Constants.html#J2D">J2D</a>, <a href="../controlP5/ControlP5Constants.html#KEYCONTROL">KEYCONTROL</a>, <a href="../controlP5/ControlP5Constants.html#LEFT">LEFT</a>, <a href="../controlP5/ControlP5Constants.html#LEFT_OUTSIDE">LEFT_OUTSIDE</a>, <a href="../controlP5/ControlP5Constants.html#LIME">LIME</a>, <a href="../controlP5/ControlP5Constants.html#LINE">LINE</a>, <a href="../controlP5/ControlP5Constants.html#LIST">LIST</a>, <a href="../controlP5/ControlP5Constants.html#LOAD">LOAD</a>, <a href="../controlP5/ControlP5Constants.html#MAROON">MAROON</a>, <a href="../controlP5/ControlP5Constants.html#MENU">MENU</a>, <a href="../controlP5/ControlP5Constants.html#METHOD">METHOD</a>, <a href="../controlP5/ControlP5Constants.html#MOVE">MOVE</a>, <a href="../controlP5/ControlP5Constants.html#MULTI">MULTI</a>, <a href="../controlP5/ControlP5Constants.html#MULTIPLES">MULTIPLES</a>, <a href="../controlP5/ControlP5Constants.html#NAVY">NAVY</a>, <a href="../controlP5/ControlP5Constants.html#OLIVE">OLIVE</a>, <a href="../controlP5/ControlP5Constants.html#ORANGE">ORANGE</a>, <a href="../controlP5/ControlP5Constants.html#OVER">OVER</a>, <a href="../controlP5/ControlP5Constants.html#P2D">P2D</a>, <a href="../controlP5/ControlP5Constants.html#P3D">P3D</a>, <a href="../controlP5/ControlP5Constants.html#PI">PI</a>, <a href="../controlP5/ControlP5Constants.html#PRESSED">PRESSED</a>, <a href="../controlP5/ControlP5Constants.html#PRINT">PRINT</a>, <a href="../controlP5/ControlP5Constants.html#PURPLE">PURPLE</a>, <a href="../controlP5/ControlP5Constants.html#RED">RED</a>, <a href="../controlP5/ControlP5Constants.html#RELEASE">RELEASE</a>, <a href="../controlP5/ControlP5Constants.html#RESET">RESET</a>, <a href="../controlP5/ControlP5Constants.html#RIGHT">RIGHT</a>, <a href="../controlP5/ControlP5Constants.html#RIGHT_OUTSIDE">RIGHT_OUTSIDE</a>, <a href="../controlP5/ControlP5Constants.html#SAVE">SAVE</a>, <a href="../controlP5/ControlP5Constants.html#SHIFT">SHIFT</a>, <a href="../controlP5/ControlP5Constants.html#SILVER">SILVER</a>, <a href="../controlP5/ControlP5Constants.html#SINGLE">SINGLE</a>, <a href="../controlP5/ControlP5Constants.html#SINGLE_COLUMN">SINGLE_COLUMN</a>, <a href="../controlP5/ControlP5Constants.html#SINGLE_ROW">SINGLE_ROW</a>, <a href="../controlP5/ControlP5Constants.html#SPRITE">SPRITE</a>, <a href="../controlP5/ControlP5Constants.html#standard56">standard56</a>, <a href="../controlP5/ControlP5Constants.html#standard58">standard58</a>, <a href="../controlP5/ControlP5Constants.html#STRING">STRING</a>, <a href="../controlP5/ControlP5Constants.html#SWITCH">SWITCH</a>, <a href="../controlP5/ControlP5Constants.html#SWITCH_BACK">SWITCH_BACK</a>, <a href="../controlP5/ControlP5Constants.html#SWITCH_FORE">SWITCH_FORE</a>, <a href="../controlP5/ControlP5Constants.html#synt24">synt24</a>, <a href="../controlP5/ControlP5Constants.html#TAB">TAB</a>, <a href="../controlP5/ControlP5Constants.html#TEAL">TEAL</a>, <a href="../controlP5/ControlP5Constants.html#THEME_A">THEME_A</a>, <a href="../controlP5/ControlP5Constants.html#THEME_CP52014">THEME_CP52014</a>, <a href="../controlP5/ControlP5Constants.html#THEME_CP5BLUE">THEME_CP5BLUE</a>, <a href="../controlP5/ControlP5Constants.html#THEME_RED">THEME_RED</a>, <a href="../controlP5/ControlP5Constants.html#THEME_RETRO">THEME_RETRO</a>, <a href="../controlP5/ControlP5Constants.html#THEME_WHITE">THEME_WHITE</a>, <a href="../controlP5/ControlP5Constants.html#TOP">TOP</a>, <a href="../controlP5/ControlP5Constants.html#TOP_OUTSIDE">TOP_OUTSIDE</a>, <a href="../controlP5/ControlP5Constants.html#TRANSITION_WAIT_FADEIN">TRANSITION_WAIT_FADEIN</a>, <a href="../controlP5/ControlP5Constants.html#TREE">TREE</a>, <a href="../controlP5/ControlP5Constants.html#TWO_PI">TWO_PI</a>, <a href="../controlP5/ControlP5Constants.html#UP">UP</a>, <a href="../controlP5/ControlP5Constants.html#VALUELABEL">VALUELABEL</a>, <a href="../controlP5/ControlP5Constants.html#VERBOSE">VERBOSE</a>, <a href="../controlP5/ControlP5Constants.html#VERTICAL">VERTICAL</a>, <a href="../controlP5/ControlP5Constants.html#WAIT">WAIT</a>, <a href="../controlP5/ControlP5Constants.html#WHITE">WHITE</a>, <a href="../controlP5/ControlP5Constants.html#YELLOW">YELLOW</a></code></li>
+</ul>
+</li>
+</ul>
+<!-- ======== CONSTRUCTOR SUMMARY ======== -->
+<ul class="blockList">
+<li class="blockList"><a name="constructor_summary">
+<!--   -->
+</a>
+<h3>Constructor Summary</h3>
+<table class="overviewSummary" border="0" cellpadding="3" cellspacing="0" summary="Constructor Summary table, listing constructors, and an explanation">
+<caption><span>Constructors</span><span class="tabEnd">&nbsp;</span></caption>
+<tr>
+<th class="colOne" scope="col">Constructor and Description</th>
+</tr>
+<tr class="altColor">
+<td class="colOne"><code><strong><a href="../controlP5/ControllerGroup.html#ControllerGroup(controlP5.ControlP5, controlP5.ControllerGroup, java.lang.String, float, float)">ControllerGroup</a></strong>(<a href="../controlP5/ControlP5.html" title="class in controlP5">ControlP5</a>&nbsp;theControlP5,
+               <a href="../controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a>&lt;?&gt;&nbsp;theParent,
+               java.lang.String&nbsp;theName,
+               float&nbsp;theX,
+               float&nbsp;theY)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colOne"><code><strong><a href="../controlP5/ControllerGroup.html#ControllerGroup(controlP5.ControlP5, java.lang.String)">ControllerGroup</a></strong>(<a href="../controlP5/ControlP5.html" title="class in controlP5">ControlP5</a>&nbsp;theControlP5,
+               java.lang.String&nbsp;theName)</code>
+<div class="block">Convenience constructor to extend ControllerGroup.</div>
+</td>
+</tr>
+</table>
+</li>
+</ul>
+<!-- ========== METHOD SUMMARY =========== -->
+<ul class="blockList">
+<li class="blockList"><a name="method_summary">
+<!--   -->
+</a>
+<h3>Method Summary</h3>
+<table class="overviewSummary" border="0" cellpadding="3" cellspacing="0" summary="Method Summary table, listing methods, and an explanation">
+<caption><span>Methods</span><span class="tabEnd">&nbsp;</span></caption>
+<tr>
+<th class="colFirst" scope="col">Modifier and Type</th>
+<th class="colLast" scope="col">Method and Description</th>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>processing.core.PVector</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerGroup.html#absolutePosition()">absolutePosition</a></strong>()</code>
+<div class="block"><strong>Deprecated.</strong>&nbsp;</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/ControllerGroup.html" title="type parameter in ControllerGroup">T</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerGroup.html#add(controlP5.ControllerInterface)">add</a></strong>(<a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;?&gt;&nbsp;theElement)</code>
+<div class="block">Adds a controller to the group, but use Controller.setGroup() instead.</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Canvas.html" title="class in controlP5">Canvas</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerGroup.html#addCanvas(controlP5.Canvas)">addCanvas</a></strong>(<a href="../controlP5/Canvas.html" title="class in controlP5">Canvas</a>&nbsp;theCanvas)</code>
+<div class="block">Adds a canvas to a controllerGroup such as a tab or group.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/ControllerGroup.html" title="type parameter in ControllerGroup">T</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerGroup.html#addCloseButton()">addCloseButton</a></strong>()</code>
+<div class="block">TODO redesign or deprecate add a close button to the controlbar of this controlGroup.</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/ControllerGroup.html" title="type parameter in ControllerGroup">T</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerGroup.html#addDrawable(controlP5.CDrawable)">addDrawable</a></strong>(<a href="../controlP5/CDrawable.html" title="interface in controlP5">CDrawable</a>&nbsp;theElement)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/ControllerGroup.html" title="type parameter in ControllerGroup">T</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerGroup.html#addListener(controlP5.ControlListener)">addListener</a></strong>(<a href="../controlP5/ControlListener.html" title="interface in controlP5">ControlListener</a>&nbsp;theListener)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>float[]</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerGroup.html#arrayValue()">arrayValue</a></strong>()</code>
+<div class="block"><strong>Deprecated.</strong>&nbsp;</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/ControllerGroup.html" title="type parameter in ControllerGroup">T</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerGroup.html#bringToFront()">bringToFront</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/ControllerGroup.html" title="type parameter in ControllerGroup">T</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerGroup.html#bringToFront(controlP5.ControllerInterface)">bringToFront</a></strong>(<a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;?&gt;&nbsp;theController)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/ControllerGroup.html" title="type parameter in ControllerGroup">T</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerGroup.html#close()">close</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/CColor.html" title="class in controlP5">CColor</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerGroup.html#color()">color</a></strong>()</code>
+<div class="block"><strong>Deprecated.</strong>&nbsp;</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>void</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerGroup.html#continuousUpdateEvents()">continuousUpdateEvents</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>void</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerGroup.html#controlEvent(controlP5.ControlEvent)">controlEvent</a></strong>(<a href="../controlP5/ControlEvent.html" title="class in controlP5">ControlEvent</a>&nbsp;theEvent)</code>
+<div class="block">controlEvent is called by controlP5's ControlBroadcaster to inform available listeners about
+ value changes.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Controller.html" title="class in controlP5">Controller</a>&lt;?&gt;</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerGroup.html#controller(java.lang.String)">controller</a></strong>(java.lang.String&nbsp;theController)</code>
+<div class="block"><strong>Deprecated.</strong>&nbsp;</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/ControllerGroup.html" title="type parameter in ControllerGroup">T</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerGroup.html#disableCollapse()">disableCollapse</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>void</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerGroup.html#draw(processing.core.PGraphics)">draw</a></strong>(processing.core.PGraphics&nbsp;theGraphics)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/ControllerGroup.html" title="type parameter in ControllerGroup">T</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerGroup.html#enableCollapse()">enableCollapse</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>processing.core.PVector</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerGroup.html#getAbsolutePosition()">getAbsolutePosition</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>java.lang.String</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerGroup.html#getAddress()">getAddress</a></strong>()</code></td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>float[]</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerGroup.html#getArrayValue()">getArrayValue</a></strong>()</code></td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>float</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerGroup.html#getArrayValue(int)">getArrayValue</a></strong>(int&nbsp;theIndex)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Label.html" title="class in controlP5">Label</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerGroup.html#getCaptionLabel()">getCaptionLabel</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/CColor.html" title="class in controlP5">CColor</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerGroup.html#getColor()">getColor</a></strong>()</code></td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Controller.html" title="class in controlP5">Controller</a>&lt;?&gt;</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerGroup.html#getController(java.lang.String)">getController</a></strong>(java.lang.String&nbsp;theController)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerGroup.html#getHeight()">getHeight</a></strong>()</code></td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerGroup.html#getId()">getId</a></strong>()</code></td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>java.lang.String</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerGroup.html#getInfo()">getInfo</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>java.lang.String</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerGroup.html#getName()">getName</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;?&gt;</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerGroup.html#getParent()">getParent</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerGroup.html#getPickingColor()">getPickingColor</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>processing.core.PVector</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerGroup.html#getPosition()">getPosition</a></strong>()</code></td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/ControllerProperty.html" title="class in controlP5">ControllerProperty</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerGroup.html#getProperty(java.lang.String)">getProperty</a></strong>(java.lang.String&nbsp;thePropertyName)</code></td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/ControllerProperty.html" title="class in controlP5">ControllerProperty</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerGroup.html#getProperty(java.lang.String, java.lang.String)">getProperty</a></strong>(java.lang.String&nbsp;theSetter,
+           java.lang.String&nbsp;theGetter)</code></td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>java.lang.String</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerGroup.html#getStringValue()">getStringValue</a></strong>()</code></td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Tab.html" title="class in controlP5">Tab</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerGroup.html#getTab()">getTab</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>float</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerGroup.html#getValue()">getValue</a></strong>()</code></td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Label.html" title="class in controlP5">Label</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerGroup.html#getValueLabel()">getValueLabel</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerGroup.html#getWidth()">getWidth</a></strong>()</code></td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/ControlWindow.html" title="class in controlP5">ControlWindow</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerGroup.html#getWindow()">getWindow</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/ControllerGroup.html" title="type parameter in ControllerGroup">T</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerGroup.html#hide()">hide</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/ControllerGroup.html" title="type parameter in ControllerGroup">T</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerGroup.html#hideArrow()">hideArrow</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/ControllerGroup.html" title="type parameter in ControllerGroup">T</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerGroup.html#hideBar()">hideBar</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerGroup.html#id()">id</a></strong>()</code>
+<div class="block"><strong>Deprecated.</strong>&nbsp;</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>void</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerGroup.html#init()">init</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>boolean</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerGroup.html#isBarVisible()">isBarVisible</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>boolean</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerGroup.html#isCollapse()">isCollapse</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>boolean</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerGroup.html#isMouseOver()">isMouseOver</a></strong>()</code></td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>boolean</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerGroup.html#isMoveable()">isMoveable</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>boolean</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerGroup.html#isOpen()">isOpen</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>boolean</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerGroup.html#isUpdate()">isUpdate</a></strong>()</code>
+<div class="block">checks the update status of a controller.</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>boolean</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerGroup.html#isVisible()">isVisible</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>void</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerGroup.html#keyEvent(processing.event.KeyEvent)">keyEvent</a></strong>(processing.event.KeyEvent&nbsp;theEvent)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerGroup.html#listenerSize()">listenerSize</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/ControllerGroup.html" title="type parameter in ControllerGroup">T</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerGroup.html#moveTo(controlP5.ControllerGroup)">moveTo</a></strong>(<a href="../controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a>&lt;?&gt;&nbsp;theGroup)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/ControllerGroup.html" title="type parameter in ControllerGroup">T</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerGroup.html#moveTo(controlP5.ControllerGroup, controlP5.Tab, controlP5.ControlWindow)">moveTo</a></strong>(<a href="../controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a>&lt;?&gt;&nbsp;theGroup,
+      <a href="../controlP5/Tab.html" title="class in controlP5">Tab</a>&nbsp;theTab,
+      <a href="../controlP5/ControlWindow.html" title="class in controlP5">ControlWindow</a>&nbsp;theControlWindow)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/ControllerGroup.html" title="type parameter in ControllerGroup">T</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerGroup.html#moveTo(controlP5.ControlWindow)">moveTo</a></strong>(<a href="../controlP5/ControlWindow.html" title="class in controlP5">ControlWindow</a>&nbsp;theControlWindow)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/ControllerGroup.html" title="type parameter in ControllerGroup">T</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerGroup.html#moveTo(controlP5.ControlWindow, java.lang.String)">moveTo</a></strong>(<a href="../controlP5/ControlWindow.html" title="class in controlP5">ControlWindow</a>&nbsp;theControlWindow,
+      java.lang.String&nbsp;theTabName)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/ControllerGroup.html" title="type parameter in ControllerGroup">T</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerGroup.html#moveTo(processing.core.PApplet)">moveTo</a></strong>(processing.core.PApplet&nbsp;thePApplet)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/ControllerGroup.html" title="type parameter in ControllerGroup">T</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerGroup.html#moveTo(java.lang.String)">moveTo</a></strong>(java.lang.String&nbsp;theTabName)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/ControllerGroup.html" title="type parameter in ControllerGroup">T</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerGroup.html#moveTo(java.lang.String, controlP5.ControlWindow)">moveTo</a></strong>(java.lang.String&nbsp;theTabName,
+      <a href="../controlP5/ControlWindow.html" title="class in controlP5">ControlWindow</a>&nbsp;theControlWindow)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/ControllerGroup.html" title="type parameter in ControllerGroup">T</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerGroup.html#moveTo(controlP5.Tab)">moveTo</a></strong>(<a href="../controlP5/Tab.html" title="class in controlP5">Tab</a>&nbsp;theTab)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/ControllerGroup.html" title="type parameter in ControllerGroup">T</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerGroup.html#moveTo(controlP5.Tab, controlP5.ControlWindow)">moveTo</a></strong>(<a href="../controlP5/Tab.html" title="class in controlP5">Tab</a>&nbsp;theTab,
+      <a href="../controlP5/ControlWindow.html" title="class in controlP5">ControlWindow</a>&nbsp;theControlWindow)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>java.lang.String</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerGroup.html#name()">name</a></strong>()</code>
+<div class="block"><strong>Deprecated.</strong>&nbsp;</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/ControllerGroup.html" title="type parameter in ControllerGroup">T</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerGroup.html#open()">open</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;?&gt;</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerGroup.html#parent()">parent</a></strong>()</code>
+<div class="block"><strong>Deprecated.</strong>&nbsp;</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>processing.core.PVector</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerGroup.html#position()">position</a></strong>()</code>
+<div class="block"><strong>Deprecated.</strong>&nbsp;</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/ControllerGroup.html" title="type parameter in ControllerGroup">T</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerGroup.html#registerProperty(java.lang.String)">registerProperty</a></strong>(java.lang.String&nbsp;thePropertyName)</code></td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/ControllerGroup.html" title="type parameter in ControllerGroup">T</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerGroup.html#registerProperty(java.lang.String, java.lang.String)">registerProperty</a></strong>(java.lang.String&nbsp;theSetter,
+                java.lang.String&nbsp;theGetter)</code></td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>void</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerGroup.html#remove()">remove</a></strong>()</code>
+<div class="block">removes the group from controlP5.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/ControllerGroup.html" title="type parameter in ControllerGroup">T</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerGroup.html#remove(controlP5.CDrawable)">remove</a></strong>(<a href="../controlP5/CDrawable.html" title="interface in controlP5">CDrawable</a>&nbsp;theElement)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/ControllerGroup.html" title="type parameter in ControllerGroup">T</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerGroup.html#remove(controlP5.ControllerInterface)">remove</a></strong>(<a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;?&gt;&nbsp;theElement)</code>
+<div class="block">Removes a controller from the group, but use Controller.setGroup() instead.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/ControllerGroup.html" title="type parameter in ControllerGroup">T</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerGroup.html#removeCanvas(controlP5.Canvas)">removeCanvas</a></strong>(<a href="../controlP5/Canvas.html" title="class in controlP5">Canvas</a>&nbsp;theCanvas)</code>
+<div class="block">Removes a canvas from a controller group.</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/ControllerGroup.html" title="type parameter in ControllerGroup">T</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerGroup.html#removeCloseButton()">removeCloseButton</a></strong>()</code>
+<div class="block">TODO redesign or deprecate remove the close button.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/ControllerGroup.html" title="type parameter in ControllerGroup">T</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerGroup.html#removeListener(controlP5.ControlListener)">removeListener</a></strong>(<a href="../controlP5/ControlListener.html" title="interface in controlP5">ControlListener</a>&nbsp;theListener)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/ControllerGroup.html" title="type parameter in ControllerGroup">T</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerGroup.html#removeProperty(java.lang.String)">removeProperty</a></strong>(java.lang.String&nbsp;thePropertyName)</code></td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/ControllerGroup.html" title="type parameter in ControllerGroup">T</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerGroup.html#removeProperty(java.lang.String, java.lang.String)">removeProperty</a></strong>(java.lang.String&nbsp;theSetter,
+              java.lang.String&nbsp;theGetter)</code></td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/ControllerGroup.html" title="type parameter in ControllerGroup">T</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerGroup.html#setAbsolutePosition(processing.core.PVector)">setAbsolutePosition</a></strong>(processing.core.PVector&nbsp;thePVector)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/ControllerGroup.html" title="type parameter in ControllerGroup">T</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerGroup.html#setAddress(java.lang.String)">setAddress</a></strong>(java.lang.String&nbsp;theAddress)</code></td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/ControllerGroup.html" title="type parameter in ControllerGroup">T</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerGroup.html#setArrayValue(float[])">setArrayValue</a></strong>(float[]&nbsp;theArray)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/ControllerGroup.html" title="type parameter in ControllerGroup">T</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerGroup.html#setArrayValue(int, float)">setArrayValue</a></strong>(int&nbsp;theIndex,
+             float&nbsp;theValue)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/ControllerGroup.html" title="type parameter in ControllerGroup">T</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerGroup.html#setCaptionLabel(java.lang.String)">setCaptionLabel</a></strong>(java.lang.String&nbsp;theValue)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/ControllerGroup.html" title="type parameter in ControllerGroup">T</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerGroup.html#setColor(controlP5.CColor)">setColor</a></strong>(<a href="../controlP5/CColor.html" title="class in controlP5">CColor</a>&nbsp;theColor)</code></td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/ControllerGroup.html" title="type parameter in ControllerGroup">T</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerGroup.html#setColorActive(int)">setColorActive</a></strong>(int&nbsp;theColor)</code></td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/ControllerGroup.html" title="type parameter in ControllerGroup">T</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerGroup.html#setColorBackground(int)">setColorBackground</a></strong>(int&nbsp;theColor)</code></td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/ControllerGroup.html" title="type parameter in ControllerGroup">T</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerGroup.html#setColorForeground(int)">setColorForeground</a></strong>(int&nbsp;theColor)</code></td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/ControllerGroup.html" title="type parameter in ControllerGroup">T</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerGroup.html#setColorLabel(int)">setColorLabel</a></strong>(int&nbsp;theColor)</code></td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/ControllerGroup.html" title="type parameter in ControllerGroup">T</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerGroup.html#setColorValue(int)">setColorValue</a></strong>(int&nbsp;theColor)</code></td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/ControllerGroup.html" title="type parameter in ControllerGroup">T</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerGroup.html#setGroup(controlP5.ControllerGroup)">setGroup</a></strong>(<a href="../controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a>&lt;?&gt;&nbsp;theGroup)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/ControllerGroup.html" title="type parameter in ControllerGroup">T</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerGroup.html#setGroup(java.lang.String)">setGroup</a></strong>(java.lang.String&nbsp;theName)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/ControllerGroup.html" title="type parameter in ControllerGroup">T</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerGroup.html#setHeight(int)">setHeight</a></strong>(int&nbsp;theHeight)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/ControllerGroup.html" title="type parameter in ControllerGroup">T</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerGroup.html#setId(int)">setId</a></strong>(int&nbsp;theId)</code></td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/ControllerGroup.html" title="type parameter in ControllerGroup">T</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerGroup.html#setLabel(java.lang.String)">setLabel</a></strong>(java.lang.String&nbsp;theLabel)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/ControllerGroup.html" title="type parameter in ControllerGroup">T</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerGroup.html#setMouseOver(boolean)">setMouseOver</a></strong>(boolean&nbsp;theFlag)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>boolean</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerGroup.html#setMousePressed(boolean)">setMousePressed</a></strong>(boolean&nbsp;theStatus)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/ControllerGroup.html" title="type parameter in ControllerGroup">T</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerGroup.html#setMoveable(boolean)">setMoveable</a></strong>(boolean&nbsp;theFlag)</code>
+<div class="block">set the moveable status of the group, when false, the group can't be moved.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/ControllerGroup.html" title="type parameter in ControllerGroup">T</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerGroup.html#setOpen(boolean)">setOpen</a></strong>(boolean&nbsp;theFlag)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/ControllerGroup.html" title="type parameter in ControllerGroup">T</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerGroup.html#setPosition(float, float)">setPosition</a></strong>(float&nbsp;theX,
+           float&nbsp;theY)</code>
+<div class="block">set the position of this controller.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/ControllerGroup.html" title="type parameter in ControllerGroup">T</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerGroup.html#setPosition(processing.core.PVector)">setPosition</a></strong>(processing.core.PVector&nbsp;thePVector)</code></td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/ControllerGroup.html" title="type parameter in ControllerGroup">T</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerGroup.html#setSize(int, int)">setSize</a></strong>(int&nbsp;theWidth,
+       int&nbsp;theHeight)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/ControllerGroup.html" title="type parameter in ControllerGroup">T</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerGroup.html#setStringValue(java.lang.String)">setStringValue</a></strong>(java.lang.String&nbsp;theValue)</code></td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/ControllerGroup.html" title="type parameter in ControllerGroup">T</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerGroup.html#setTab(controlP5.ControlWindow, java.lang.String)">setTab</a></strong>(<a href="../controlP5/ControlWindow.html" title="class in controlP5">ControlWindow</a>&nbsp;theWindow,
+      java.lang.String&nbsp;theName)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/ControllerGroup.html" title="type parameter in ControllerGroup">T</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerGroup.html#setTab(java.lang.String)">setTab</a></strong>(java.lang.String&nbsp;theName)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/ControllerGroup.html" title="type parameter in ControllerGroup">T</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerGroup.html#setTab(controlP5.Tab)">setTab</a></strong>(<a href="../controlP5/Tab.html" title="class in controlP5">Tab</a>&nbsp;theTab)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/ControllerGroup.html" title="type parameter in ControllerGroup">T</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerGroup.html#setTitle(java.lang.String)">setTitle</a></strong>(java.lang.String&nbsp;theTitle)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/ControllerGroup.html" title="type parameter in ControllerGroup">T</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerGroup.html#setUpdate(boolean)">setUpdate</a></strong>(boolean&nbsp;theFlag)</code>
+<div class="block">enables or disables the update function of a controller.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/ControllerGroup.html" title="type parameter in ControllerGroup">T</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerGroup.html#setValue(float)">setValue</a></strong>(float&nbsp;theValue)</code></td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/ControllerGroup.html" title="type parameter in ControllerGroup">T</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerGroup.html#setVisible(boolean)">setVisible</a></strong>(boolean&nbsp;theFlag)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/ControllerGroup.html" title="type parameter in ControllerGroup">T</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerGroup.html#setWidth(int)">setWidth</a></strong>(int&nbsp;theWidth)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/ControllerGroup.html" title="type parameter in ControllerGroup">T</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerGroup.html#show()">show</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/ControllerGroup.html" title="type parameter in ControllerGroup">T</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerGroup.html#showArrow()">showArrow</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/ControllerGroup.html" title="type parameter in ControllerGroup">T</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerGroup.html#showBar()">showBar</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>java.lang.String</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerGroup.html#stringValue()">stringValue</a></strong>()</code>
+<div class="block"><strong>Deprecated.</strong>&nbsp;</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>java.lang.String</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerGroup.html#toString()">toString</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/ControllerGroup.html" title="type parameter in ControllerGroup">T</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerGroup.html#update()">update</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/ControllerGroup.html" title="type parameter in ControllerGroup">T</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerGroup.html#updateAbsolutePosition()">updateAbsolutePosition</a></strong>()</code></td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/ControllerGroup.html" title="type parameter in ControllerGroup">T</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerGroup.html#updateEvents()">updateEvents</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/ControllerGroup.html" title="type parameter in ControllerGroup">T</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerGroup.html#updateInternalEvents(processing.core.PApplet)">updateInternalEvents</a></strong>(processing.core.PApplet&nbsp;theApplet)</code>
+<div class="block">a method for putting input events like e.g.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>float</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerGroup.html#value()">value</a></strong>()</code>
+<div class="block"><strong>Deprecated.</strong>&nbsp;</div>
+</td>
+</tr>
+</table>
+<ul class="blockList">
+<li class="blockList"><a name="methods_inherited_from_class_java.lang.Object">
+<!--   -->
+</a>
+<h3>Methods inherited from class&nbsp;java.lang.Object</h3>
+<code>equals, getClass, hashCode, notify, notifyAll, wait, wait, wait</code></li>
+</ul>
+</li>
+</ul>
+</li>
+</ul>
+</div>
+<div class="details">
+<ul class="blockList">
+<li class="blockList">
+<!-- ========= CONSTRUCTOR DETAIL ======== -->
+<ul class="blockList">
+<li class="blockList"><a name="constructor_detail">
+<!--   -->
+</a>
+<h3>Constructor Detail</h3>
+<a name="ControllerGroup(controlP5.ControlP5, controlP5.ControllerGroup, java.lang.String, float, float)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>ControllerGroup</h4>
+<pre>public&nbsp;ControllerGroup(<a href="../controlP5/ControlP5.html" title="class in controlP5">ControlP5</a>&nbsp;theControlP5,
+               <a href="../controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a>&lt;?&gt;&nbsp;theParent,
+               java.lang.String&nbsp;theName,
+               float&nbsp;theX,
+               float&nbsp;theY)</pre>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theControlP5</code> - ControlP5</dd><dd><code>theParent</code> - ControllerGroup</dd><dd><code>theName</code> - String</dd><dd><code>theX</code> - float</dd><dd><code>theY</code> - float</dd></dl>
+</li>
+</ul>
+<a name="ControllerGroup(controlP5.ControlP5, java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockListLast">
+<li class="blockList">
+<h4>ControllerGroup</h4>
+<pre>public&nbsp;ControllerGroup(<a href="../controlP5/ControlP5.html" title="class in controlP5">ControlP5</a>&nbsp;theControlP5,
+               java.lang.String&nbsp;theName)</pre>
+<div class="block">Convenience constructor to extend ControllerGroup.</div>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theControlP5</code> - </dd><dd><code>theName</code> - </dd><script type="text/javascript">
+<!--
+document.getElementsByTagName('html')[0].className = 'isjs';function toggle(dt) { var display, dd=dt; do{ dd = dd.nextSibling } while(dd.tagName!='DD'); toOpen =!dd.style.display;dd.style.display = toOpen? 'block':''; dt.getElementsByTagName('span')[0].innerHTML  = toOpen? '-':'+' ; }
+-->
+</script>
+<div id="test" class="toggleList"><dl><dt onclick="toggle(this);"><span>+</span>Example</dt><dd><code><pre>/**
+ * ControlP5 extending Controllers
+ *
+ * the following example shows how to extend the Controller class to 
+ * create customizable Controllers. You can either extend the Controller class itself,
+ * or any class that extends Controller itself like the Slider, Button, DropdownList, etc. 
+ * 
+ * How to:
+ *
+ * 1) do a super call to the convenience constructor requiring 
+ * 2 parameter (ControlP5 instance, name)  
+ *
+ * 2) the Controller class has a set of empty methods that allow you to capture
+ * inputs from the mouse including 
+ * onEnter(), onLeave(), onPress(), onRelease(), onClick(), onScroll(int), onDrag()
+ * These you can override and include functionality as needed.
+ *
+ * 3) use method getPointer() to return the local (relative) 
+ * xy-coordinates of the controller
+ *  
+ * 4) after instantiation custom controllers are treated the same 
+ * as default controlP5 controllers.
+ *  
+ * by Andreas Schlegel, 2012
+ * www.sojamo.de/libraries/controlp5
+ *
+ */
+
+import controlP5.*;
+
+ControlP5 cp5;
+PApplet p;
+
+void setup() {
+  size(400, 400);
+  cp5 = new ControlP5(this);
+  
+  // create 2 groups to show nesting of custom controllers and
+  //   
+  Group g1 = cp5.addGroup("a").setPosition(0,100).setWidth(180);
+  Group g2 = cp5.addGroup("b").setPosition(0,10).setWidth(180);
+  g2.moveTo(g1);
+  
+  // create 2 custom Controllers from class MyButton
+  // MyButton extends Controller and inherits all methods accordingly.
+  new MyButton(cp5, "b1").setPosition(0, 0).setSize(180, 200).moveTo(g2);
+  new MyButton(cp5, "b2").setPosition(205, 15).setSize(180, 200);
+  
+}
+
+
+void draw() {
+  background(0);
+}
+
+// b1 will be called from Controller b1
+public void b1(float theValue) {
+  println("yay button "+theValue);
+}
+
+public void controlEvent(ControlEvent theEvent) {
+  println("controlEvent : "+theEvent);
+}
+
+
+// Create a custom Controller, please not that 
+// MyButton extends Controller<MyButton>, <MyButton>
+// is an indicator for the super class about the type of 
+// custom controller to be created.
+
+class MyButton extends Controller<MyButton> {
+
+  int current = 0xffff0000;
+
+  float a = 128;
+  
+  float na;
+  
+  int y;
+  
+  // use the convenience constructor of super class Controller
+  // MyButton will automatically registered and move to the 
+  // default controlP5 tab.
+  
+  MyButton(ControlP5 cp5, String theName) {
+    super(cp5, theName);
+    
+    // replace the default view with a custom view.
+    setView(new ControllerView() {
+      public void display(PApplet p, Object b) {
+        // draw button background
+        na += (a-na) * 0.1; 
+        p.fill(current,na);
+        p.rect(0, 0, getWidth(), getHeight());
+        
+        // draw horizontal line which can be moved on the x-axis 
+        // using the scroll wheel. 
+        p.fill(0,255,0);
+        p.rect(0,y,width,10);
+        
+        // draw the custom label 
+        p.fill(128);
+        translate(0,getHeight()+14);
+        p.text(getName(),0,0);
+        p.text(getName(),0,0);
+        
+      }
+    }
+    );
+  }
+
+  // override various input methods for mouse input control
+  void onEnter() {
+    cursor(HAND);
+    println("enter");
+    a = 255;
+  }
+  
+  void onScroll(int n) {
+    println("scrolling");
+    y -= n;
+    y = constrain(y,0,getHeight()-10);
+  }
+  
+  void onPress() {
+    println("press");
+    current = 0xffffff00;
+  }
+  
+  void onClick() {
+    Pointer p1 = getPointer();
+    println("clicked at "+p1.x()+", "+p1.y());
+    current = 0xffffff00;
+    setValue(y);
+  }
+
+  void onRelease() {
+    println("release");
+    current = 0xffffffff;
+  }
+  
+  void onMove() {
+    println("moving "+this+" "+_myControlWindow.getMouseOverList());
+  }
+
+  void onDrag() {
+    current = 0xff0000ff;
+    Pointer p1 = getPointer();
+    float dif = dist(p1.px(),p1.py(),p1.x(),p1.y());
+    println("dragging at "+p1.x()+", "+p1.y()+" "+dif);
+  }
+  
+  void onReleaseOutside() {
+    onLeave();
+  }
+
+  void onLeave() {
+    println("leave");
+    cursor(ARROW);
+    a = 128;
+  }
+}
+
+</pre></code></dd></dl></div></dl>
+</li>
+</ul>
+</li>
+</ul>
+<!-- ============ METHOD DETAIL ========== -->
+<ul class="blockList">
+<li class="blockList"><a name="method_detail">
+<!--   -->
+</a>
+<h3>Method Detail</h3>
+<a name="absolutePosition()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>absolutePosition</h4>
+<pre>@Deprecated
+public&nbsp;processing.core.PVector&nbsp;absolutePosition()</pre>
+<div class="block"><span class="strong">Deprecated.</span>&nbsp;</div>
+</li>
+</ul>
+<a name="add(controlP5.ControllerInterface)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>add</h4>
+<pre>public&nbsp;<a href="../controlP5/ControllerGroup.html" title="type parameter in ControllerGroup">T</a>&nbsp;add(<a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;?&gt;&nbsp;theElement)</pre>
+<div class="block">Adds a controller to the group, but use Controller.setGroup() instead.</div>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerInterface.html#add(controlP5.ControllerInterface)">add</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/ControllerGroup.html" title="type parameter in ControllerGroup">T</a>&gt;</code></dd>
+<dt><span class="strong">Parameters:</span></dt><dd><code>theElement</code> - ControllerInterface</dd>
+<dt><span class="strong">Returns:</span></dt><dd>ControllerGroup</dd></dl>
+</li>
+</ul>
+<a name="addCanvas(controlP5.Canvas)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>addCanvas</h4>
+<pre>public&nbsp;<a href="../controlP5/Canvas.html" title="class in controlP5">Canvas</a>&nbsp;addCanvas(<a href="../controlP5/Canvas.html" title="class in controlP5">Canvas</a>&nbsp;theCanvas)</pre>
+<div class="block">Adds a canvas to a controllerGroup such as a tab or group. Use processing's draw methods to
+ add visual content.</div>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theCanvas</code> - </dd>
+<dt><span class="strong">Returns:</span></dt><dd>Canvas</dd></dl>
+</li>
+</ul>
+<a name="addCloseButton()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>addCloseButton</h4>
+<pre>public&nbsp;<a href="../controlP5/ControllerGroup.html" title="type parameter in ControllerGroup">T</a>&nbsp;addCloseButton()</pre>
+<div class="block">TODO redesign or deprecate add a close button to the controlbar of this controlGroup.</div>
+</li>
+</ul>
+<a name="addDrawable(controlP5.CDrawable)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>addDrawable</h4>
+<pre>public&nbsp;<a href="../controlP5/ControllerGroup.html" title="type parameter in ControllerGroup">T</a>&nbsp;addDrawable(<a href="../controlP5/CDrawable.html" title="interface in controlP5">CDrawable</a>&nbsp;theElement)</pre>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theElement</code> - CDrawable</dd>
+<dt><span class="strong">Returns:</span></dt><dd>ControllerGroup</dd></dl>
+</li>
+</ul>
+<a name="addListener(controlP5.ControlListener)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>addListener</h4>
+<pre>public&nbsp;<a href="../controlP5/ControllerGroup.html" title="type parameter in ControllerGroup">T</a>&nbsp;addListener(<a href="../controlP5/ControlListener.html" title="interface in controlP5">ControlListener</a>&nbsp;theListener)</pre>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerInterface.html#addListener(controlP5.ControlListener)">addListener</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/ControllerGroup.html" title="type parameter in ControllerGroup">T</a>&gt;</code></dd>
+<dt><span class="strong">Parameters:</span></dt><dd><code>theListener</code> - ControlListener</dd>
+<dt><span class="strong">Returns:</span></dt><dd>Controller</dd><dt><span class="strong">See Also:</span></dt><dd><a href="../controlP5/ControlListener.html" title="interface in controlP5"><code>ControlListener</code></a></dd></dl>
+</li>
+</ul>
+<a name="arrayValue()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>arrayValue</h4>
+<pre>@Deprecated
+public&nbsp;float[]&nbsp;arrayValue()</pre>
+<div class="block"><span class="strong">Deprecated.</span>&nbsp;</div>
+</li>
+</ul>
+<a name="bringToFront()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>bringToFront</h4>
+<pre>public&nbsp;<a href="../controlP5/ControllerGroup.html" title="type parameter in ControllerGroup">T</a>&nbsp;bringToFront()</pre>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerInterface.html#bringToFront()">bringToFront</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/ControllerGroup.html" title="type parameter in ControllerGroup">T</a>&gt;</code></dd>
+</dl>
+</li>
+</ul>
+<a name="bringToFront(controlP5.ControllerInterface)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>bringToFront</h4>
+<pre>public&nbsp;<a href="../controlP5/ControllerGroup.html" title="type parameter in ControllerGroup">T</a>&nbsp;bringToFront(<a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;?&gt;&nbsp;theController)</pre>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerInterface.html#bringToFront(controlP5.ControllerInterface)">bringToFront</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/ControllerGroup.html" title="type parameter in ControllerGroup">T</a>&gt;</code></dd>
+</dl>
+</li>
+</ul>
+<a name="close()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>close</h4>
+<pre>public&nbsp;<a href="../controlP5/ControllerGroup.html" title="type parameter in ControllerGroup">T</a>&nbsp;close()</pre>
+</li>
+</ul>
+<a name="color()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>color</h4>
+<pre>@Deprecated
+public&nbsp;<a href="../controlP5/CColor.html" title="class in controlP5">CColor</a>&nbsp;color()</pre>
+<div class="block"><span class="strong">Deprecated.</span>&nbsp;</div>
+</li>
+</ul>
+<a name="continuousUpdateEvents()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>continuousUpdateEvents</h4>
+<pre>public&nbsp;void&nbsp;continuousUpdateEvents()</pre>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerInterface.html#continuousUpdateEvents()">continuousUpdateEvents</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/ControllerGroup.html" title="type parameter in ControllerGroup">T</a>&gt;</code></dd>
+</dl>
+</li>
+</ul>
+<a name="controlEvent(controlP5.ControlEvent)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>controlEvent</h4>
+<pre>public&nbsp;void&nbsp;controlEvent(<a href="../controlP5/ControlEvent.html" title="class in controlP5">ControlEvent</a>&nbsp;theEvent)</pre>
+<div class="block"><strong>Description copied from interface:&nbsp;<code><a href="../controlP5/ControlListener.html#controlEvent(controlP5.ControlEvent)">ControlListener</a></code></strong></div>
+<div class="block">controlEvent is called by controlP5's ControlBroadcaster to inform available listeners about
+ value changes. Use the CallbackListener to get informed when actions such as pressed,
+ release, drag, etc are performed.</div>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControlListener.html#controlEvent(controlP5.ControlEvent)">controlEvent</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControlListener.html" title="interface in controlP5">ControlListener</a></code></dd>
+<dt><span class="strong">Parameters:</span></dt><dd><code>theEvent</code> - ControlEvent</dd><dt><span class="strong">See Also:</span></dt><dd><a href="../controlP5/CallbackListener.html" title="interface in controlP5"><code>CallbackListener</code></a>, 
+<a href="../controlP5/CallbackEvent.html" title="class in controlP5"><code>CallbackEvent</code></a></dd></dl>
+</li>
+</ul>
+<a name="controller(java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>controller</h4>
+<pre>@Deprecated
+public&nbsp;<a href="../controlP5/Controller.html" title="class in controlP5">Controller</a>&lt;?&gt;&nbsp;controller(java.lang.String&nbsp;theController)</pre>
+<div class="block"><span class="strong">Deprecated.</span>&nbsp;</div>
+</li>
+</ul>
+<a name="disableCollapse()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>disableCollapse</h4>
+<pre>public&nbsp;<a href="../controlP5/ControllerGroup.html" title="type parameter in ControllerGroup">T</a>&nbsp;disableCollapse()</pre>
+<dl><dt><span class="strong">Returns:</span></dt><dd>ControllerGroup</dd></dl>
+</li>
+</ul>
+<a name="draw(processing.core.PGraphics)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>draw</h4>
+<pre>public final&nbsp;void&nbsp;draw(processing.core.PGraphics&nbsp;theGraphics)</pre>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerInterface.html#draw(processing.core.PGraphics)">draw</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/ControllerGroup.html" title="type parameter in ControllerGroup">T</a>&gt;</code></dd>
+</dl>
+</li>
+</ul>
+<a name="enableCollapse()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>enableCollapse</h4>
+<pre>public&nbsp;<a href="../controlP5/ControllerGroup.html" title="type parameter in ControllerGroup">T</a>&nbsp;enableCollapse()</pre>
+<dl><dt><span class="strong">Returns:</span></dt><dd>ControllerGroup</dd></dl>
+</li>
+</ul>
+<a name="getAbsolutePosition()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getAbsolutePosition</h4>
+<pre>public&nbsp;processing.core.PVector&nbsp;getAbsolutePosition()</pre>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerInterface.html#getAbsolutePosition()">getAbsolutePosition</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/ControllerGroup.html" title="type parameter in ControllerGroup">T</a>&gt;</code></dd>
+</dl>
+</li>
+</ul>
+<a name="getAddress()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getAddress</h4>
+<pre>public&nbsp;java.lang.String&nbsp;getAddress()</pre>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerInterface.html#getAddress()">getAddress</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/ControllerGroup.html" title="type parameter in ControllerGroup">T</a>&gt;</code></dd>
+</dl>
+</li>
+</ul>
+<a name="getArrayValue()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getArrayValue</h4>
+<pre>public&nbsp;float[]&nbsp;getArrayValue()</pre>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerInterface.html#getArrayValue()">getArrayValue</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/ControllerGroup.html" title="type parameter in ControllerGroup">T</a>&gt;</code></dd>
+</dl>
+</li>
+</ul>
+<a name="getArrayValue(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getArrayValue</h4>
+<pre>public&nbsp;float&nbsp;getArrayValue(int&nbsp;theIndex)</pre>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerInterface.html#getArrayValue(int)">getArrayValue</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/ControllerGroup.html" title="type parameter in ControllerGroup">T</a>&gt;</code></dd>
+<dt><span class="strong">Parameters:</span></dt><dd><code>theIndex</code> - </dd>
+<dt><span class="strong">Returns:</span></dt><dd>float</dd></dl>
+</li>
+</ul>
+<a name="getCaptionLabel()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getCaptionLabel</h4>
+<pre>public&nbsp;<a href="../controlP5/Label.html" title="class in controlP5">Label</a>&nbsp;getCaptionLabel()</pre>
+</li>
+</ul>
+<a name="getColor()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getColor</h4>
+<pre>public&nbsp;<a href="../controlP5/CColor.html" title="class in controlP5">CColor</a>&nbsp;getColor()</pre>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerInterface.html#getColor()">getColor</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/ControllerGroup.html" title="type parameter in ControllerGroup">T</a>&gt;</code></dd>
+</dl>
+</li>
+</ul>
+<a name="getController(java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getController</h4>
+<pre>public&nbsp;<a href="../controlP5/Controller.html" title="class in controlP5">Controller</a>&lt;?&gt;&nbsp;getController(java.lang.String&nbsp;theController)</pre>
+</li>
+</ul>
+<a name="getHeight()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getHeight</h4>
+<pre>public&nbsp;int&nbsp;getHeight()</pre>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerInterface.html#getHeight()">getHeight</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/ControllerGroup.html" title="type parameter in ControllerGroup">T</a>&gt;</code></dd>
+</dl>
+</li>
+</ul>
+<a name="getId()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getId</h4>
+<pre>public&nbsp;int&nbsp;getId()</pre>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerInterface.html#getId()">getId</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/ControllerGroup.html" title="type parameter in ControllerGroup">T</a>&gt;</code></dd>
+</dl>
+</li>
+</ul>
+<a name="getInfo()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getInfo</h4>
+<pre>public&nbsp;java.lang.String&nbsp;getInfo()</pre>
+</li>
+</ul>
+<a name="getName()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getName</h4>
+<pre>public&nbsp;java.lang.String&nbsp;getName()</pre>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerInterface.html#getName()">getName</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/ControllerGroup.html" title="type parameter in ControllerGroup">T</a>&gt;</code></dd>
+<dt><span class="strong">Returns:</span></dt><dd>String</dd></dl>
+</li>
+</ul>
+<a name="getParent()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getParent</h4>
+<pre>public&nbsp;<a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;?&gt;&nbsp;getParent()</pre>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerInterface.html#getParent()">getParent</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/ControllerGroup.html" title="type parameter in ControllerGroup">T</a>&gt;</code></dd>
+</dl>
+</li>
+</ul>
+<a name="getPickingColor()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getPickingColor</h4>
+<pre>public&nbsp;int&nbsp;getPickingColor()</pre>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerInterface.html#getPickingColor()">getPickingColor</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/ControllerGroup.html" title="type parameter in ControllerGroup">T</a>&gt;</code></dd>
+</dl>
+</li>
+</ul>
+<a name="getPosition()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getPosition</h4>
+<pre>public&nbsp;processing.core.PVector&nbsp;getPosition()</pre>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerInterface.html#getPosition()">getPosition</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/ControllerGroup.html" title="type parameter in ControllerGroup">T</a>&gt;</code></dd>
+</dl>
+</li>
+</ul>
+<a name="getProperty(java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getProperty</h4>
+<pre>public&nbsp;<a href="../controlP5/ControllerProperty.html" title="class in controlP5">ControllerProperty</a>&nbsp;getProperty(java.lang.String&nbsp;thePropertyName)</pre>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerInterface.html#getProperty(java.lang.String)">getProperty</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/ControllerGroup.html" title="type parameter in ControllerGroup">T</a>&gt;</code></dd>
+</dl>
+</li>
+</ul>
+<a name="getProperty(java.lang.String, java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getProperty</h4>
+<pre>public&nbsp;<a href="../controlP5/ControllerProperty.html" title="class in controlP5">ControllerProperty</a>&nbsp;getProperty(java.lang.String&nbsp;theSetter,
+                             java.lang.String&nbsp;theGetter)</pre>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerInterface.html#getProperty(java.lang.String, java.lang.String)">getProperty</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/ControllerGroup.html" title="type parameter in ControllerGroup">T</a>&gt;</code></dd>
+</dl>
+</li>
+</ul>
+<a name="getStringValue()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getStringValue</h4>
+<pre>public&nbsp;java.lang.String&nbsp;getStringValue()</pre>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerInterface.html#getStringValue()">getStringValue</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/ControllerGroup.html" title="type parameter in ControllerGroup">T</a>&gt;</code></dd>
+</dl>
+</li>
+</ul>
+<a name="getTab()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getTab</h4>
+<pre>public&nbsp;<a href="../controlP5/Tab.html" title="class in controlP5">Tab</a>&nbsp;getTab()</pre>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerInterface.html#getTab()">getTab</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/ControllerGroup.html" title="type parameter in ControllerGroup">T</a>&gt;</code></dd>
+<dt><span class="strong">Returns:</span></dt><dd>Tab</dd></dl>
+</li>
+</ul>
+<a name="getValue()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getValue</h4>
+<pre>public&nbsp;float&nbsp;getValue()</pre>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerInterface.html#getValue()">getValue</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/ControllerGroup.html" title="type parameter in ControllerGroup">T</a>&gt;</code></dd>
+</dl>
+</li>
+</ul>
+<a name="getValueLabel()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getValueLabel</h4>
+<pre>public&nbsp;<a href="../controlP5/Label.html" title="class in controlP5">Label</a>&nbsp;getValueLabel()</pre>
+</li>
+</ul>
+<a name="getWidth()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getWidth</h4>
+<pre>public&nbsp;int&nbsp;getWidth()</pre>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerInterface.html#getWidth()">getWidth</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/ControllerGroup.html" title="type parameter in ControllerGroup">T</a>&gt;</code></dd>
+</dl>
+</li>
+</ul>
+<a name="getWindow()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getWindow</h4>
+<pre>public&nbsp;<a href="../controlP5/ControlWindow.html" title="class in controlP5">ControlWindow</a>&nbsp;getWindow()</pre>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerInterface.html#getWindow()">getWindow</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/ControllerGroup.html" title="type parameter in ControllerGroup">T</a>&gt;</code></dd>
+<dt><span class="strong">Returns:</span></dt><dd>ControlWindow</dd></dl>
+</li>
+</ul>
+<a name="hide()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>hide</h4>
+<pre>public&nbsp;<a href="../controlP5/ControllerGroup.html" title="type parameter in ControllerGroup">T</a>&nbsp;hide()</pre>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerInterface.html#hide()">hide</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/ControllerGroup.html" title="type parameter in ControllerGroup">T</a>&gt;</code></dd>
+</dl>
+</li>
+</ul>
+<a name="hideArrow()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>hideArrow</h4>
+<pre>public&nbsp;<a href="../controlP5/ControllerGroup.html" title="type parameter in ControllerGroup">T</a>&nbsp;hideArrow()</pre>
+<dl><dt><span class="strong">Returns:</span></dt><dd>ControlGroup</dd></dl>
+</li>
+</ul>
+<a name="hideBar()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>hideBar</h4>
+<pre>public&nbsp;<a href="../controlP5/ControllerGroup.html" title="type parameter in ControllerGroup">T</a>&nbsp;hideBar()</pre>
+</li>
+</ul>
+<a name="id()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>id</h4>
+<pre>@Deprecated
+public&nbsp;int&nbsp;id()</pre>
+<div class="block"><span class="strong">Deprecated.</span>&nbsp;</div>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerInterface.html#id()">id</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/ControllerGroup.html" title="type parameter in ControllerGroup">T</a>&gt;</code></dd>
+</dl>
+</li>
+</ul>
+<a name="init()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>init</h4>
+<pre>public&nbsp;void&nbsp;init()</pre>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerInterface.html#init()">init</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/ControllerGroup.html" title="type parameter in ControllerGroup">T</a>&gt;</code></dd>
+</dl>
+</li>
+</ul>
+<a name="isBarVisible()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>isBarVisible</h4>
+<pre>public&nbsp;boolean&nbsp;isBarVisible()</pre>
+<dl><dt><span class="strong">Returns:</span></dt><dd>boolean</dd></dl>
+</li>
+</ul>
+<a name="isCollapse()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>isCollapse</h4>
+<pre>public&nbsp;boolean&nbsp;isCollapse()</pre>
+</li>
+</ul>
+<a name="isMouseOver()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>isMouseOver</h4>
+<pre>public&nbsp;boolean&nbsp;isMouseOver()</pre>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerInterface.html#isMouseOver()">isMouseOver</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/ControllerGroup.html" title="type parameter in ControllerGroup">T</a>&gt;</code></dd>
+<dt><span class="strong">Returns:</span></dt><dd>boolean</dd></dl>
+</li>
+</ul>
+<a name="isMoveable()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>isMoveable</h4>
+<pre>public&nbsp;boolean&nbsp;isMoveable()</pre>
+</li>
+</ul>
+<a name="isOpen()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>isOpen</h4>
+<pre>public&nbsp;boolean&nbsp;isOpen()</pre>
+<dl><dt><span class="strong">Returns:</span></dt><dd>boolean</dd></dl>
+</li>
+</ul>
+<a name="isUpdate()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>isUpdate</h4>
+<pre>public&nbsp;boolean&nbsp;isUpdate()</pre>
+<div class="block">checks the update status of a controller.</div>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerInterface.html#isUpdate()">isUpdate</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/ControllerGroup.html" title="type parameter in ControllerGroup">T</a>&gt;</code></dd>
+<dt><span class="strong">Returns:</span></dt><dd>boolean</dd></dl>
+</li>
+</ul>
+<a name="isVisible()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>isVisible</h4>
+<pre>public&nbsp;boolean&nbsp;isVisible()</pre>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerInterface.html#isVisible()">isVisible</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/ControllerGroup.html" title="type parameter in ControllerGroup">T</a>&gt;</code></dd>
+<dt><span class="strong">Returns:</span></dt><dd>boolean</dd></dl>
+</li>
+</ul>
+<a name="keyEvent(processing.event.KeyEvent)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>keyEvent</h4>
+<pre>public&nbsp;void&nbsp;keyEvent(processing.event.KeyEvent&nbsp;theEvent)</pre>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerInterface.html#keyEvent(processing.event.KeyEvent)">keyEvent</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/ControllerGroup.html" title="type parameter in ControllerGroup">T</a>&gt;</code></dd>
+<dt><span class="strong">Parameters:</span></dt><dd><code>theEvent</code> - KeyEvent</dd></dl>
+</li>
+</ul>
+<a name="listenerSize()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>listenerSize</h4>
+<pre>public&nbsp;int&nbsp;listenerSize()</pre>
+<dl><dt><span class="strong">Returns:</span></dt><dd>int</dd></dl>
+</li>
+</ul>
+<a name="moveTo(controlP5.ControllerGroup)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>moveTo</h4>
+<pre>public final&nbsp;<a href="../controlP5/ControllerGroup.html" title="type parameter in ControllerGroup">T</a>&nbsp;moveTo(<a href="../controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a>&lt;?&gt;&nbsp;theGroup)</pre>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerInterface.html#moveTo(controlP5.ControllerGroup)">moveTo</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/ControllerGroup.html" title="type parameter in ControllerGroup">T</a>&gt;</code></dd>
+</dl>
+</li>
+</ul>
+<a name="moveTo(controlP5.ControllerGroup, controlP5.Tab, controlP5.ControlWindow)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>moveTo</h4>
+<pre>public final&nbsp;<a href="../controlP5/ControllerGroup.html" title="type parameter in ControllerGroup">T</a>&nbsp;moveTo(<a href="../controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a>&lt;?&gt;&nbsp;theGroup,
+       <a href="../controlP5/Tab.html" title="class in controlP5">Tab</a>&nbsp;theTab,
+       <a href="../controlP5/ControlWindow.html" title="class in controlP5">ControlWindow</a>&nbsp;theControlWindow)</pre>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerInterface.html#moveTo(controlP5.ControllerGroup, controlP5.Tab, controlP5.ControlWindow)">moveTo</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/ControllerGroup.html" title="type parameter in ControllerGroup">T</a>&gt;</code></dd>
+<dt><span class="strong">Parameters:</span></dt><dd><code>theGroup</code> - ControlGroup</dd><dd><code>theTab</code> - Tab</dd><dd><code>theControlWindow</code> - ControlWindow</dd>
+<dt><span class="strong">Returns:</span></dt><dd>ControllerGroup</dd></dl>
+</li>
+</ul>
+<a name="moveTo(controlP5.ControlWindow)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>moveTo</h4>
+<pre>public&nbsp;<a href="../controlP5/ControllerGroup.html" title="type parameter in ControllerGroup">T</a>&nbsp;moveTo(<a href="../controlP5/ControlWindow.html" title="class in controlP5">ControlWindow</a>&nbsp;theControlWindow)</pre>
+</li>
+</ul>
+<a name="moveTo(controlP5.ControlWindow, java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>moveTo</h4>
+<pre>public final&nbsp;<a href="../controlP5/ControllerGroup.html" title="type parameter in ControllerGroup">T</a>&nbsp;moveTo(<a href="../controlP5/ControlWindow.html" title="class in controlP5">ControlWindow</a>&nbsp;theControlWindow,
+       java.lang.String&nbsp;theTabName)</pre>
+</li>
+</ul>
+<a name="moveTo(processing.core.PApplet)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>moveTo</h4>
+<pre>public&nbsp;<a href="../controlP5/ControllerGroup.html" title="type parameter in ControllerGroup">T</a>&nbsp;moveTo(processing.core.PApplet&nbsp;thePApplet)</pre>
+</li>
+</ul>
+<a name="moveTo(java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>moveTo</h4>
+<pre>public final&nbsp;<a href="../controlP5/ControllerGroup.html" title="type parameter in ControllerGroup">T</a>&nbsp;moveTo(java.lang.String&nbsp;theTabName)</pre>
+</li>
+</ul>
+<a name="moveTo(java.lang.String, controlP5.ControlWindow)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>moveTo</h4>
+<pre>public final&nbsp;<a href="../controlP5/ControllerGroup.html" title="type parameter in ControllerGroup">T</a>&nbsp;moveTo(java.lang.String&nbsp;theTabName,
+       <a href="../controlP5/ControlWindow.html" title="class in controlP5">ControlWindow</a>&nbsp;theControlWindow)</pre>
+</li>
+</ul>
+<a name="moveTo(controlP5.Tab)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>moveTo</h4>
+<pre>public final&nbsp;<a href="../controlP5/ControllerGroup.html" title="type parameter in ControllerGroup">T</a>&nbsp;moveTo(<a href="../controlP5/Tab.html" title="class in controlP5">Tab</a>&nbsp;theTab)</pre>
+</li>
+</ul>
+<a name="moveTo(controlP5.Tab, controlP5.ControlWindow)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>moveTo</h4>
+<pre>public final&nbsp;<a href="../controlP5/ControllerGroup.html" title="type parameter in ControllerGroup">T</a>&nbsp;moveTo(<a href="../controlP5/Tab.html" title="class in controlP5">Tab</a>&nbsp;theTab,
+       <a href="../controlP5/ControlWindow.html" title="class in controlP5">ControlWindow</a>&nbsp;theControlWindow)</pre>
+</li>
+</ul>
+<a name="name()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>name</h4>
+<pre>@Deprecated
+public&nbsp;java.lang.String&nbsp;name()</pre>
+<div class="block"><span class="strong">Deprecated.</span>&nbsp;</div>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerInterface.html#name()">name</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/ControllerGroup.html" title="type parameter in ControllerGroup">T</a>&gt;</code></dd>
+</dl>
+</li>
+</ul>
+<a name="open()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>open</h4>
+<pre>public&nbsp;<a href="../controlP5/ControllerGroup.html" title="type parameter in ControllerGroup">T</a>&nbsp;open()</pre>
+</li>
+</ul>
+<a name="parent()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>parent</h4>
+<pre>@Deprecated
+public&nbsp;<a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;?&gt;&nbsp;parent()</pre>
+<div class="block"><span class="strong">Deprecated.</span>&nbsp;</div>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerInterface.html#parent()">parent</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/ControllerGroup.html" title="type parameter in ControllerGroup">T</a>&gt;</code></dd>
+</dl>
+</li>
+</ul>
+<a name="position()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>position</h4>
+<pre>@Deprecated
+public&nbsp;processing.core.PVector&nbsp;position()</pre>
+<div class="block"><span class="strong">Deprecated.</span>&nbsp;</div>
+</li>
+</ul>
+<a name="registerProperty(java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>registerProperty</h4>
+<pre>public&nbsp;<a href="../controlP5/ControllerGroup.html" title="type parameter in ControllerGroup">T</a>&nbsp;registerProperty(java.lang.String&nbsp;thePropertyName)</pre>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerInterface.html#registerProperty(java.lang.String)">registerProperty</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/ControllerGroup.html" title="type parameter in ControllerGroup">T</a>&gt;</code></dd>
+</dl>
+</li>
+</ul>
+<a name="registerProperty(java.lang.String, java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>registerProperty</h4>
+<pre>public&nbsp;<a href="../controlP5/ControllerGroup.html" title="type parameter in ControllerGroup">T</a>&nbsp;registerProperty(java.lang.String&nbsp;theSetter,
+                 java.lang.String&nbsp;theGetter)</pre>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerInterface.html#registerProperty(java.lang.String, java.lang.String)">registerProperty</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/ControllerGroup.html" title="type parameter in ControllerGroup">T</a>&gt;</code></dd>
+</dl>
+</li>
+</ul>
+<a name="remove()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>remove</h4>
+<pre>public&nbsp;void&nbsp;remove()</pre>
+<div class="block">removes the group from controlP5.</div>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerInterface.html#remove()">remove</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/ControllerGroup.html" title="type parameter in ControllerGroup">T</a>&gt;</code></dd>
+</dl>
+</li>
+</ul>
+<a name="remove(controlP5.CDrawable)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>remove</h4>
+<pre>public&nbsp;<a href="../controlP5/ControllerGroup.html" title="type parameter in ControllerGroup">T</a>&nbsp;remove(<a href="../controlP5/CDrawable.html" title="interface in controlP5">CDrawable</a>&nbsp;theElement)</pre>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theElement</code> - CDrawable</dd>
+<dt><span class="strong">Returns:</span></dt><dd>ControllerGroup</dd></dl>
+</li>
+</ul>
+<a name="remove(controlP5.ControllerInterface)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>remove</h4>
+<pre>public&nbsp;<a href="../controlP5/ControllerGroup.html" title="type parameter in ControllerGroup">T</a>&nbsp;remove(<a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;?&gt;&nbsp;theElement)</pre>
+<div class="block">Removes a controller from the group, but use Controller.setGroup() instead.</div>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerInterface.html#remove(controlP5.ControllerInterface)">remove</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/ControllerGroup.html" title="type parameter in ControllerGroup">T</a>&gt;</code></dd>
+<dt><span class="strong">Parameters:</span></dt><dd><code>theElement</code> - ControllerInterface</dd>
+<dt><span class="strong">Returns:</span></dt><dd>ControllerGroup</dd></dl>
+</li>
+</ul>
+<a name="removeCanvas(controlP5.Canvas)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>removeCanvas</h4>
+<pre>public&nbsp;<a href="../controlP5/ControllerGroup.html" title="type parameter in ControllerGroup">T</a>&nbsp;removeCanvas(<a href="../controlP5/Canvas.html" title="class in controlP5">Canvas</a>&nbsp;theCanvas)</pre>
+<div class="block">Removes a canvas from a controller group.</div>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theCanvas</code> - </dd>
+<dt><span class="strong">Returns:</span></dt><dd>ControllerGroup</dd></dl>
+</li>
+</ul>
+<a name="removeCloseButton()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>removeCloseButton</h4>
+<pre>public&nbsp;<a href="../controlP5/ControllerGroup.html" title="type parameter in ControllerGroup">T</a>&nbsp;removeCloseButton()</pre>
+<div class="block">TODO redesign or deprecate remove the close button.</div>
+</li>
+</ul>
+<a name="removeListener(controlP5.ControlListener)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>removeListener</h4>
+<pre>public&nbsp;<a href="../controlP5/ControllerGroup.html" title="type parameter in ControllerGroup">T</a>&nbsp;removeListener(<a href="../controlP5/ControlListener.html" title="interface in controlP5">ControlListener</a>&nbsp;theListener)</pre>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theListener</code> - ControlListener</dd>
+<dt><span class="strong">Returns:</span></dt><dd>Controller</dd><dt><span class="strong">See Also:</span></dt><dd><a href="../controlP5/ControlListener.html" title="interface in controlP5"><code>ControlListener</code></a></dd></dl>
+</li>
+</ul>
+<a name="removeProperty(java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>removeProperty</h4>
+<pre>public&nbsp;<a href="../controlP5/ControllerGroup.html" title="type parameter in ControllerGroup">T</a>&nbsp;removeProperty(java.lang.String&nbsp;thePropertyName)</pre>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerInterface.html#removeProperty(java.lang.String)">removeProperty</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/ControllerGroup.html" title="type parameter in ControllerGroup">T</a>&gt;</code></dd>
+</dl>
+</li>
+</ul>
+<a name="removeProperty(java.lang.String, java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>removeProperty</h4>
+<pre>public&nbsp;<a href="../controlP5/ControllerGroup.html" title="type parameter in ControllerGroup">T</a>&nbsp;removeProperty(java.lang.String&nbsp;theSetter,
+               java.lang.String&nbsp;theGetter)</pre>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerInterface.html#removeProperty(java.lang.String, java.lang.String)">removeProperty</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/ControllerGroup.html" title="type parameter in ControllerGroup">T</a>&gt;</code></dd>
+</dl>
+</li>
+</ul>
+<a name="setAbsolutePosition(processing.core.PVector)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setAbsolutePosition</h4>
+<pre>public&nbsp;<a href="../controlP5/ControllerGroup.html" title="type parameter in ControllerGroup">T</a>&nbsp;setAbsolutePosition(processing.core.PVector&nbsp;thePVector)</pre>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerInterface.html#setAbsolutePosition(processing.core.PVector)">setAbsolutePosition</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/ControllerGroup.html" title="type parameter in ControllerGroup">T</a>&gt;</code></dd>
+</dl>
+</li>
+</ul>
+<a name="setAddress(java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setAddress</h4>
+<pre>public&nbsp;<a href="../controlP5/ControllerGroup.html" title="type parameter in ControllerGroup">T</a>&nbsp;setAddress(java.lang.String&nbsp;theAddress)</pre>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerInterface.html#setAddress(java.lang.String)">setAddress</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/ControllerGroup.html" title="type parameter in ControllerGroup">T</a>&gt;</code></dd>
+</dl>
+</li>
+</ul>
+<a name="setArrayValue(float[])">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setArrayValue</h4>
+<pre>public&nbsp;<a href="../controlP5/ControllerGroup.html" title="type parameter in ControllerGroup">T</a>&nbsp;setArrayValue(float[]&nbsp;theArray)</pre>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerInterface.html#setArrayValue(float[])">setArrayValue</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/ControllerGroup.html" title="type parameter in ControllerGroup">T</a>&gt;</code></dd>
+<dt><span class="strong">Parameters:</span></dt><dd><code>theArray</code> - </dd>
+<dt><span class="strong">Returns:</span></dt><dd>ControllerGroup</dd></dl>
+</li>
+</ul>
+<a name="setArrayValue(int, float)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setArrayValue</h4>
+<pre>public&nbsp;<a href="../controlP5/ControllerGroup.html" title="type parameter in ControllerGroup">T</a>&nbsp;setArrayValue(int&nbsp;theIndex,
+              float&nbsp;theValue)</pre>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerInterface.html#setArrayValue(int, float)">setArrayValue</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/ControllerGroup.html" title="type parameter in ControllerGroup">T</a>&gt;</code></dd>
+<dt><span class="strong">Parameters:</span></dt><dd><code>theIndex</code> - </dd><dd><code>theValue</code> - </dd>
+<dt><span class="strong">Returns:</span></dt><dd>Controller</dd></dl>
+</li>
+</ul>
+<a name="setCaptionLabel(java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setCaptionLabel</h4>
+<pre>public&nbsp;<a href="../controlP5/ControllerGroup.html" title="type parameter in ControllerGroup">T</a>&nbsp;setCaptionLabel(java.lang.String&nbsp;theValue)</pre>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerInterface.html#setCaptionLabel(java.lang.String)">setCaptionLabel</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/ControllerGroup.html" title="type parameter in ControllerGroup">T</a>&gt;</code></dd>
+</dl>
+</li>
+</ul>
+<a name="setColor(controlP5.CColor)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setColor</h4>
+<pre>public&nbsp;<a href="../controlP5/ControllerGroup.html" title="type parameter in ControllerGroup">T</a>&nbsp;setColor(<a href="../controlP5/CColor.html" title="class in controlP5">CColor</a>&nbsp;theColor)</pre>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerInterface.html#setColor(controlP5.CColor)">setColor</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/ControllerGroup.html" title="type parameter in ControllerGroup">T</a>&gt;</code></dd>
+</dl>
+</li>
+</ul>
+<a name="setColorActive(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setColorActive</h4>
+<pre>public&nbsp;<a href="../controlP5/ControllerGroup.html" title="type parameter in ControllerGroup">T</a>&nbsp;setColorActive(int&nbsp;theColor)</pre>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerInterface.html#setColorActive(int)">setColorActive</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/ControllerGroup.html" title="type parameter in ControllerGroup">T</a>&gt;</code></dd>
+</dl>
+</li>
+</ul>
+<a name="setColorBackground(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setColorBackground</h4>
+<pre>public&nbsp;<a href="../controlP5/ControllerGroup.html" title="type parameter in ControllerGroup">T</a>&nbsp;setColorBackground(int&nbsp;theColor)</pre>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerInterface.html#setColorBackground(int)">setColorBackground</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/ControllerGroup.html" title="type parameter in ControllerGroup">T</a>&gt;</code></dd>
+</dl>
+</li>
+</ul>
+<a name="setColorForeground(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setColorForeground</h4>
+<pre>public&nbsp;<a href="../controlP5/ControllerGroup.html" title="type parameter in ControllerGroup">T</a>&nbsp;setColorForeground(int&nbsp;theColor)</pre>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerInterface.html#setColorForeground(int)">setColorForeground</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/ControllerGroup.html" title="type parameter in ControllerGroup">T</a>&gt;</code></dd>
+</dl>
+</li>
+</ul>
+<a name="setColorLabel(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setColorLabel</h4>
+<pre>public&nbsp;<a href="../controlP5/ControllerGroup.html" title="type parameter in ControllerGroup">T</a>&nbsp;setColorLabel(int&nbsp;theColor)</pre>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerInterface.html#setColorLabel(int)">setColorLabel</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/ControllerGroup.html" title="type parameter in ControllerGroup">T</a>&gt;</code></dd>
+</dl>
+</li>
+</ul>
+<a name="setColorValue(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setColorValue</h4>
+<pre>public&nbsp;<a href="../controlP5/ControllerGroup.html" title="type parameter in ControllerGroup">T</a>&nbsp;setColorValue(int&nbsp;theColor)</pre>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerInterface.html#setColorValue(int)">setColorValue</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/ControllerGroup.html" title="type parameter in ControllerGroup">T</a>&gt;</code></dd>
+</dl>
+</li>
+</ul>
+<a name="setGroup(controlP5.ControllerGroup)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setGroup</h4>
+<pre>public final&nbsp;<a href="../controlP5/ControllerGroup.html" title="type parameter in ControllerGroup">T</a>&nbsp;setGroup(<a href="../controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a>&lt;?&gt;&nbsp;theGroup)</pre>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theGroup</code> - ControllerGroup</dd>
+<dt><span class="strong">Returns:</span></dt><dd>ControllerGroup</dd></dl>
+</li>
+</ul>
+<a name="setGroup(java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setGroup</h4>
+<pre>public final&nbsp;<a href="../controlP5/ControllerGroup.html" title="type parameter in ControllerGroup">T</a>&nbsp;setGroup(java.lang.String&nbsp;theName)</pre>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theName</code> - String</dd>
+<dt><span class="strong">Returns:</span></dt><dd>ControllerGroup</dd></dl>
+</li>
+</ul>
+<a name="setHeight(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setHeight</h4>
+<pre>public&nbsp;<a href="../controlP5/ControllerGroup.html" title="type parameter in ControllerGroup">T</a>&nbsp;setHeight(int&nbsp;theHeight)</pre>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theHeight</code> - </dd>
+<dt><span class="strong">Returns:</span></dt><dd>ControllerGroup</dd></dl>
+</li>
+</ul>
+<a name="setId(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setId</h4>
+<pre>public&nbsp;<a href="../controlP5/ControllerGroup.html" title="type parameter in ControllerGroup">T</a>&nbsp;setId(int&nbsp;theId)</pre>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerInterface.html#setId(int)">setId</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/ControllerGroup.html" title="type parameter in ControllerGroup">T</a>&gt;</code></dd>
+</dl>
+</li>
+</ul>
+<a name="setLabel(java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setLabel</h4>
+<pre>public&nbsp;<a href="../controlP5/ControllerGroup.html" title="type parameter in ControllerGroup">T</a>&nbsp;setLabel(java.lang.String&nbsp;theLabel)</pre>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerInterface.html#setLabel(java.lang.String)">setLabel</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/ControllerGroup.html" title="type parameter in ControllerGroup">T</a>&gt;</code></dd>
+<dt><span class="strong">Parameters:</span></dt><dd><code>theLabel</code> - String</dd>
+<dt><span class="strong">Returns:</span></dt><dd>ControllerGroup</dd></dl>
+</li>
+</ul>
+<a name="setMouseOver(boolean)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setMouseOver</h4>
+<pre>public&nbsp;<a href="../controlP5/ControllerGroup.html" title="type parameter in ControllerGroup">T</a>&nbsp;setMouseOver(boolean&nbsp;theFlag)</pre>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerInterface.html#setMouseOver(boolean)">setMouseOver</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/ControllerGroup.html" title="type parameter in ControllerGroup">T</a>&gt;</code></dd>
+</dl>
+</li>
+</ul>
+<a name="setMousePressed(boolean)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setMousePressed</h4>
+<pre>public&nbsp;boolean&nbsp;setMousePressed(boolean&nbsp;theStatus)</pre>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerInterface.html#setMousePressed(boolean)">setMousePressed</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/ControllerGroup.html" title="type parameter in ControllerGroup">T</a>&gt;</code></dd>
+<dt><span class="strong">Parameters:</span></dt><dd><code>theStatus</code> - boolean</dd>
+<dt><span class="strong">Returns:</span></dt><dd>boolean</dd></dl>
+</li>
+</ul>
+<a name="setMoveable(boolean)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setMoveable</h4>
+<pre>public&nbsp;<a href="../controlP5/ControllerGroup.html" title="type parameter in ControllerGroup">T</a>&nbsp;setMoveable(boolean&nbsp;theFlag)</pre>
+<div class="block">set the moveable status of the group, when false, the group can't be moved.</div>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theFlag</code> - boolean</dd>
+<dt><span class="strong">Returns:</span></dt><dd>ControllerGroup</dd></dl>
+</li>
+</ul>
+<a name="setOpen(boolean)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setOpen</h4>
+<pre>public&nbsp;<a href="../controlP5/ControllerGroup.html" title="type parameter in ControllerGroup">T</a>&nbsp;setOpen(boolean&nbsp;theFlag)</pre>
+</li>
+</ul>
+<a name="setPosition(float, float)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setPosition</h4>
+<pre>public&nbsp;<a href="../controlP5/ControllerGroup.html" title="type parameter in ControllerGroup">T</a>&nbsp;setPosition(float&nbsp;theX,
+            float&nbsp;theY)</pre>
+<div class="block">set the position of this controller.</div>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerInterface.html#setPosition(float, float)">setPosition</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/ControllerGroup.html" title="type parameter in ControllerGroup">T</a>&gt;</code></dd>
+<dt><span class="strong">Parameters:</span></dt><dd><code>theX</code> - float</dd><dd><code>theY</code> - float</dd></dl>
+</li>
+</ul>
+<a name="setPosition(processing.core.PVector)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setPosition</h4>
+<pre>public&nbsp;<a href="../controlP5/ControllerGroup.html" title="type parameter in ControllerGroup">T</a>&nbsp;setPosition(processing.core.PVector&nbsp;thePVector)</pre>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerInterface.html#setPosition(processing.core.PVector)">setPosition</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/ControllerGroup.html" title="type parameter in ControllerGroup">T</a>&gt;</code></dd>
+</dl>
+</li>
+</ul>
+<a name="setSize(int, int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setSize</h4>
+<pre>public&nbsp;<a href="../controlP5/ControllerGroup.html" title="type parameter in ControllerGroup">T</a>&nbsp;setSize(int&nbsp;theWidth,
+        int&nbsp;theHeight)</pre>
+</li>
+</ul>
+<a name="setStringValue(java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setStringValue</h4>
+<pre>public&nbsp;<a href="../controlP5/ControllerGroup.html" title="type parameter in ControllerGroup">T</a>&nbsp;setStringValue(java.lang.String&nbsp;theValue)</pre>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerInterface.html#setStringValue(java.lang.String)">setStringValue</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/ControllerGroup.html" title="type parameter in ControllerGroup">T</a>&gt;</code></dd>
+</dl>
+</li>
+</ul>
+<a name="setTab(controlP5.ControlWindow, java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setTab</h4>
+<pre>public final&nbsp;<a href="../controlP5/ControllerGroup.html" title="type parameter in ControllerGroup">T</a>&nbsp;setTab(<a href="../controlP5/ControlWindow.html" title="class in controlP5">ControlWindow</a>&nbsp;theWindow,
+       java.lang.String&nbsp;theName)</pre>
+</li>
+</ul>
+<a name="setTab(java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setTab</h4>
+<pre>public final&nbsp;<a href="../controlP5/ControllerGroup.html" title="type parameter in ControllerGroup">T</a>&nbsp;setTab(java.lang.String&nbsp;theName)</pre>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theName</code> - String</dd>
+<dt><span class="strong">Returns:</span></dt><dd>ControllerGroup</dd></dl>
+</li>
+</ul>
+<a name="setTab(controlP5.Tab)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setTab</h4>
+<pre>public final&nbsp;<a href="../controlP5/ControllerGroup.html" title="type parameter in ControllerGroup">T</a>&nbsp;setTab(<a href="../controlP5/Tab.html" title="class in controlP5">Tab</a>&nbsp;theTab)</pre>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theTab</code> - Tab</dd>
+<dt><span class="strong">Returns:</span></dt><dd>ControllerGroup</dd></dl>
+</li>
+</ul>
+<a name="setTitle(java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setTitle</h4>
+<pre>public&nbsp;<a href="../controlP5/ControllerGroup.html" title="type parameter in ControllerGroup">T</a>&nbsp;setTitle(java.lang.String&nbsp;theTitle)</pre>
+</li>
+</ul>
+<a name="setUpdate(boolean)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setUpdate</h4>
+<pre>public&nbsp;<a href="../controlP5/ControllerGroup.html" title="type parameter in ControllerGroup">T</a>&nbsp;setUpdate(boolean&nbsp;theFlag)</pre>
+<div class="block">enables or disables the update function of a controller.</div>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerInterface.html#setUpdate(boolean)">setUpdate</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/ControllerGroup.html" title="type parameter in ControllerGroup">T</a>&gt;</code></dd>
+<dt><span class="strong">Parameters:</span></dt><dd><code>theFlag</code> - boolean</dd>
+<dt><span class="strong">Returns:</span></dt><dd>ControllerGroup</dd></dl>
+</li>
+</ul>
+<a name="setValue(float)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setValue</h4>
+<pre>public&nbsp;<a href="../controlP5/ControllerGroup.html" title="type parameter in ControllerGroup">T</a>&nbsp;setValue(float&nbsp;theValue)</pre>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerInterface.html#setValue(float)">setValue</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/ControllerGroup.html" title="type parameter in ControllerGroup">T</a>&gt;</code></dd>
+</dl>
+</li>
+</ul>
+<a name="setVisible(boolean)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setVisible</h4>
+<pre>public&nbsp;<a href="../controlP5/ControllerGroup.html" title="type parameter in ControllerGroup">T</a>&nbsp;setVisible(boolean&nbsp;theFlag)</pre>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theFlag</code> - boolean</dd>
+<dt><span class="strong">Returns:</span></dt><dd>ControllerGroup</dd></dl>
+</li>
+</ul>
+<a name="setWidth(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setWidth</h4>
+<pre>public&nbsp;<a href="../controlP5/ControllerGroup.html" title="type parameter in ControllerGroup">T</a>&nbsp;setWidth(int&nbsp;theWidth)</pre>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theWidth</code> - </dd>
+<dt><span class="strong">Returns:</span></dt><dd>ControllerGroup</dd></dl>
+</li>
+</ul>
+<a name="show()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>show</h4>
+<pre>public&nbsp;<a href="../controlP5/ControllerGroup.html" title="type parameter in ControllerGroup">T</a>&nbsp;show()</pre>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerInterface.html#show()">show</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/ControllerGroup.html" title="type parameter in ControllerGroup">T</a>&gt;</code></dd>
+</dl>
+</li>
+</ul>
+<a name="showArrow()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>showArrow</h4>
+<pre>public&nbsp;<a href="../controlP5/ControllerGroup.html" title="type parameter in ControllerGroup">T</a>&nbsp;showArrow()</pre>
+<dl><dt><span class="strong">Returns:</span></dt><dd>ControlGroup</dd></dl>
+</li>
+</ul>
+<a name="showBar()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>showBar</h4>
+<pre>public&nbsp;<a href="../controlP5/ControllerGroup.html" title="type parameter in ControllerGroup">T</a>&nbsp;showBar()</pre>
+</li>
+</ul>
+<a name="stringValue()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>stringValue</h4>
+<pre>@Deprecated
+public&nbsp;java.lang.String&nbsp;stringValue()</pre>
+<div class="block"><span class="strong">Deprecated.</span>&nbsp;</div>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerInterface.html#stringValue()">stringValue</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/ControllerGroup.html" title="type parameter in ControllerGroup">T</a>&gt;</code></dd>
+</dl>
+</li>
+</ul>
+<a name="toString()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>toString</h4>
+<pre>public&nbsp;java.lang.String&nbsp;toString()</pre>
+<dl>
+<dt><strong>Overrides:</strong></dt>
+<dd><code>toString</code>&nbsp;in class&nbsp;<code>java.lang.Object</code></dd>
+</dl>
+</li>
+</ul>
+<a name="update()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>update</h4>
+<pre>public&nbsp;<a href="../controlP5/ControllerGroup.html" title="type parameter in ControllerGroup">T</a>&nbsp;update()</pre>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerInterface.html#update()">update</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/ControllerGroup.html" title="type parameter in ControllerGroup">T</a>&gt;</code></dd>
+<dt><span class="strong">Returns:</span></dt><dd>ControllerGroup</dd></dl>
+</li>
+</ul>
+<a name="updateAbsolutePosition()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>updateAbsolutePosition</h4>
+<pre>public&nbsp;<a href="../controlP5/ControllerGroup.html" title="type parameter in ControllerGroup">T</a>&nbsp;updateAbsolutePosition()</pre>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerInterface.html#updateAbsolutePosition()">updateAbsolutePosition</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/ControllerGroup.html" title="type parameter in ControllerGroup">T</a>&gt;</code></dd>
+</dl>
+</li>
+</ul>
+<a name="updateEvents()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>updateEvents</h4>
+<pre>public&nbsp;<a href="../controlP5/ControllerGroup.html" title="type parameter in ControllerGroup">T</a>&nbsp;updateEvents()</pre>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerInterface.html#updateEvents()">updateEvents</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/ControllerGroup.html" title="type parameter in ControllerGroup">T</a>&gt;</code></dd>
+</dl>
+</li>
+</ul>
+<a name="updateInternalEvents(processing.core.PApplet)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>updateInternalEvents</h4>
+<pre>public&nbsp;<a href="../controlP5/ControllerGroup.html" title="type parameter in ControllerGroup">T</a>&nbsp;updateInternalEvents(processing.core.PApplet&nbsp;theApplet)</pre>
+<div class="block"><strong>Description copied from interface:&nbsp;<code><a href="../controlP5/ControllerInterface.html#updateInternalEvents(processing.core.PApplet)">ControllerInterface</a></code></strong></div>
+<div class="block">a method for putting input events like e.g. mouse or keyboard events and queries. this has
+ been taken out of the draw method for better overwriting capability.</div>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerInterface.html#updateInternalEvents(processing.core.PApplet)">updateInternalEvents</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/ControllerGroup.html" title="type parameter in ControllerGroup">T</a>&gt;</code></dd>
+</dl>
+</li>
+</ul>
+<a name="value()">
+<!--   -->
+</a>
+<ul class="blockListLast">
+<li class="blockList">
+<h4>value</h4>
+<pre>@Deprecated
+public&nbsp;float&nbsp;value()</pre>
+<div class="block"><span class="strong">Deprecated.</span>&nbsp;</div>
+</li>
+</ul>
+</li>
+</ul>
+</li>
+</ul>
+</div>
+</div>
+<!-- ========= END OF CLASS DATA ========= -->
+<!-- ======= START OF BOTTOM NAVBAR ====== -->
+<div class="bottomNav"><a name="navbar_bottom">
+<!--   -->
+</a><a href="#skip-navbar_bottom" title="Skip navigation links"></a><a name="navbar_bottom_firstrow">
+<!--   -->
+</a>
+<ul class="navList" title="Navigation">
+<li><a href="../controlP5/package-summary.html">Package</a></li>
+<li class="navBarCell1Rev">Class</li>
+<li><a href="package-tree.html">Tree</a></li>
+<li><a href="../index-all.html">Index</a></li>
+<li><a href="../help-doc.html">Help</a></li>
+</ul>
+</div>
+<div class="subNav">
+<ul class="navList">
+<li>Prev Class</li>
+<li><a href="../controlP5/ControllerInterface.html" title="interface in controlP5"><span class="strong">Next Class</span></a></li>
+</ul>
+<ul class="navList">
+<li><a href="../index.html?controlP5/ControllerGroup.html" target="_top">Frames</a></li>
+<li><a href="ControllerGroup.html" target="_top">No Frames</a></li>
+</ul>
+<ul class="navList" id="allclasses_navbar_bottom">
+<li><a href="../allclasses-noframe.html">All Classes</a></li>
+</ul>
+<div>
+<script type="text/javascript"><!--
+  allClassesLink = document.getElementById("allclasses_navbar_bottom");
+  if(window==top) {
+    allClassesLink.style.display = "block";
+  }
+  else {
+    allClassesLink.style.display = "none";
+  }
+  //-->
+</script>
+</div>
+<div>
+<ul class="subNavList">
+<li>Summary:&nbsp;</li>
+<li>Nested&nbsp;|&nbsp;</li>
+<li>Field&nbsp;|&nbsp;</li>
+<li><a href="#constructor_summary">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_summary">Method</a></li>
+</ul>
+<ul class="subNavList">
+<li>Detail:&nbsp;</li>
+<li>Field&nbsp;|&nbsp;</li>
+<li><a href="#constructor_detail">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_detail">Method</a></li>
+</ul>
+</div>
+<a name="skip-navbar_bottom">
+<!--   -->
+</a></div>
+<!-- ======== END OF BOTTOM NAVBAR ======= -->
+<p class="legalCopy"><small>processing library controlP5 by Andreas Schlegel. (c) 2006-2014</small></p>
+</body>
+</html>
diff --git a/reference/controlP5/ControllerInterface.html b/reference/controlP5/ControllerInterface.html
new file mode 100644
index 0000000..bfac44e
--- /dev/null
+++ b/reference/controlP5/ControllerInterface.html
@@ -0,0 +1,1043 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
+<!-- NewPage -->
+<html lang="en">
+<head>
+<!-- Generated by javadoc (version 1.7.0_51) on Sun Apr 27 21:39:47 SGT 2014 -->
+<title>ControllerInterface (Javadocs: controlP5)</title>
+<meta name="date" content="2014-04-27">
+<link rel="stylesheet" type="text/css" href="../stylesheet.css" title="Style">
+</head>
+<body>
+<script type="text/javascript"><!--
+    if (location.href.indexOf('is-external=true') == -1) {
+        parent.document.title="ControllerInterface (Javadocs: controlP5)";
+    }
+//-->
+</script>
+<noscript>
+<div>JavaScript is disabled on your browser.</div>
+</noscript>
+<!-- ========= START OF TOP NAVBAR ======= -->
+<div class="topNav"><a name="navbar_top">
+<!--   -->
+</a><a href="#skip-navbar_top" title="Skip navigation links"></a><a name="navbar_top_firstrow">
+<!--   -->
+</a>
+<ul class="navList" title="Navigation">
+<li><a href="../controlP5/package-summary.html">Package</a></li>
+<li class="navBarCell1Rev">Class</li>
+<li><a href="package-tree.html">Tree</a></li>
+<li><a href="../index-all.html">Index</a></li>
+<li><a href="../help-doc.html">Help</a></li>
+</ul>
+</div>
+<div class="subNav">
+<ul class="navList">
+<li><a href="../controlP5/ControllerGroup.html" title="class in controlP5"><span class="strong">Prev Class</span></a></li>
+<li><a href="../controlP5/ControllerList.html" title="class in controlP5"><span class="strong">Next Class</span></a></li>
+</ul>
+<ul class="navList">
+<li><a href="../index.html?controlP5/ControllerInterface.html" target="_top">Frames</a></li>
+<li><a href="ControllerInterface.html" target="_top">No Frames</a></li>
+</ul>
+<ul class="navList" id="allclasses_navbar_top">
+<li><a href="../allclasses-noframe.html">All Classes</a></li>
+</ul>
+<div>
+<script type="text/javascript"><!--
+  allClassesLink = document.getElementById("allclasses_navbar_top");
+  if(window==top) {
+    allClassesLink.style.display = "block";
+  }
+  else {
+    allClassesLink.style.display = "none";
+  }
+  //-->
+</script>
+</div>
+<div>
+<ul class="subNavList">
+<li>Summary:&nbsp;</li>
+<li>Nested&nbsp;|&nbsp;</li>
+<li>Field&nbsp;|&nbsp;</li>
+<li>Constr&nbsp;|&nbsp;</li>
+<li><a href="#method_summary">Method</a></li>
+</ul>
+<ul class="subNavList">
+<li>Detail:&nbsp;</li>
+<li>Field&nbsp;|&nbsp;</li>
+<li>Constr&nbsp;|&nbsp;</li>
+<li><a href="#method_detail">Method</a></li>
+</ul>
+</div>
+<a name="skip-navbar_top">
+<!--   -->
+</a></div>
+<!-- ========= END OF TOP NAVBAR ========= -->
+<!-- ======== START OF CLASS DATA ======== -->
+<div class="header">
+<div class="subTitle">controlP5</div>
+<h2 title="Interface ControllerInterface" class="title">Interface ControllerInterface&lt;T&gt;</h2>
+</div>
+<div class="contentContainer">
+<div class="description">
+<ul class="blockList">
+<li class="blockList">
+<dl>
+<dt>All Known Implementing Classes:</dt>
+<dd><a href="../controlP5/Accordion.html" title="class in controlP5">Accordion</a>, <a href="../controlP5/Bang.html" title="class in controlP5">Bang</a>, <a href="../controlP5/BoundingBox.html" title="class in controlP5">BoundingBox</a>, <a href="../controlP5/Button.html" title="class in controlP5">Button</a>, <a href="../controlP5/Chart.html" title="class in controlP5">Chart</a>, <a href="../controlP5/CheckBox.html" title="class in controlP5">CheckBox</a>, <a href="../controlP5/ColorPicker.html" title="class in controlP5">ColorPicker</a>, <a href="../controlP5/ColorWheel.html" title="class in controlP5">ColorWheel</a>, <a href="../controlP5/ControlGroup.html" title="class in controlP5">ControlGroup</a>, <a href="../controlP5/Controller.html" title="class in controlP5">Controller</a>, <a href="../controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a>, <a href="../controlP5/DropdownList.html" title="class in controlP5">DropdownList</a>, <a href="../controlP5/FrameRate.html" title="class in controlP5">FrameRate</a>, <a href="../controlP5/Group.html" title="class in controlP5">Group</a>, <a href="../controlP5/Knob.html" title="class in controlP5">Knob</a>, <a href="../controlP5/ListBox.html" title="class in controlP5">ListBox</a>, <a href="../controlP5/Matrix.html" title="class in controlP5">Matrix</a>, <a href="../controlP5/MultiList.html" title="class in controlP5">MultiList</a>, <a href="../controlP5/MultiListButton.html" title="class in controlP5">MultiListButton</a>, <a href="../controlP5/Numberbox.html" title="class in controlP5">Numberbox</a>, <a href="../controlP5/Radio.html" title="class in controlP5">Radio</a>, <a href="../controlP5/RadioButton.html" title="class in controlP5">RadioButton</a>, <a href="../controlP5/Range.html" title="class in controlP5">Range</a>, <a href="../controlP5/ScrollableList.html" title="class in controlP5">ScrollableList</a>, <a href="../controlP5/Slider.html" title="class in controlP5">Slider</a>, <a href="../controlP5/Slider2D.html" title="class in controlP5">Slider2D</a>, <a href="../controlP5/Tab.html" title="class in controlP5">Tab</a>, <a href="../controlP5/Textarea.html" title="class in controlP5">Textarea</a>, <a href="../controlP5/Textfield.html" title="class in controlP5">Textfield</a>, <a href="../controlP5/Textlabel.html" title="class in controlP5">Textlabel</a>, <a href="../controlP5/Toggle.html" title="class in controlP5">Toggle</a></dd>
+</dl>
+<hr>
+<br>
+<pre>public interface <span class="strong">ControllerInterface&lt;T&gt;</span></pre>
+<div class="block">The ControllerInterface is inherited by all ControllerGroup and Controller classes.</div>
+</li>
+</ul>
+</div>
+<div class="summary">
+<ul class="blockList">
+<li class="blockList">
+<!-- ========== METHOD SUMMARY =========== -->
+<ul class="blockList">
+<li class="blockList"><a name="method_summary">
+<!--   -->
+</a>
+<h3>Method Summary</h3>
+<table class="overviewSummary" border="0" cellpadding="3" cellspacing="0" summary="Method Summary table, listing methods, and an explanation">
+<caption><span>Methods</span><span class="tabEnd">&nbsp;</span></caption>
+<tr>
+<th class="colFirst" scope="col">Modifier and Type</th>
+<th class="colLast" scope="col">Method and Description</th>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/ControllerInterface.html" title="type parameter in ControllerInterface">T</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerInterface.html#add(controlP5.ControllerInterface)">add</a></strong>(<a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;?&gt;&nbsp;theElement)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/ControllerInterface.html" title="type parameter in ControllerInterface">T</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerInterface.html#addListener(controlP5.ControlListener)">addListener</a></strong>(<a href="../controlP5/ControlListener.html" title="interface in controlP5">ControlListener</a>&nbsp;theListener)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/ControllerInterface.html" title="type parameter in ControllerInterface">T</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerInterface.html#bringToFront()">bringToFront</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/ControllerInterface.html" title="type parameter in ControllerInterface">T</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerInterface.html#bringToFront(controlP5.ControllerInterface)">bringToFront</a></strong>(<a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;?&gt;&nbsp;theController)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>void</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerInterface.html#continuousUpdateEvents()">continuousUpdateEvents</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>void</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerInterface.html#draw(processing.core.PGraphics)">draw</a></strong>(processing.core.PGraphics&nbsp;theGraphics)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>processing.core.PVector</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerInterface.html#getAbsolutePosition()">getAbsolutePosition</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>java.lang.String</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerInterface.html#getAddress()">getAddress</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>float[]</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerInterface.html#getArrayValue()">getArrayValue</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>float</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerInterface.html#getArrayValue(int)">getArrayValue</a></strong>(int&nbsp;theIndex)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/CColor.html" title="class in controlP5">CColor</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerInterface.html#getColor()">getColor</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerInterface.html#getHeight()">getHeight</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerInterface.html#getId()">getId</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>java.lang.String</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerInterface.html#getName()">getName</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;?&gt;</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerInterface.html#getParent()">getParent</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerInterface.html#getPickingColor()">getPickingColor</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>processing.core.PVector</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerInterface.html#getPosition()">getPosition</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/ControllerProperty.html" title="class in controlP5">ControllerProperty</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerInterface.html#getProperty(java.lang.String)">getProperty</a></strong>(java.lang.String&nbsp;thePropertyName)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/ControllerProperty.html" title="class in controlP5">ControllerProperty</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerInterface.html#getProperty(java.lang.String, java.lang.String)">getProperty</a></strong>(java.lang.String&nbsp;theSetter,
+           java.lang.String&nbsp;theGetter)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>java.lang.String</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerInterface.html#getStringValue()">getStringValue</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Tab.html" title="class in controlP5">Tab</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerInterface.html#getTab()">getTab</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>float</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerInterface.html#getValue()">getValue</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerInterface.html#getWidth()">getWidth</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/ControlWindow.html" title="class in controlP5">ControlWindow</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerInterface.html#getWindow()">getWindow</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/ControllerInterface.html" title="type parameter in ControllerInterface">T</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerInterface.html#hide()">hide</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>void</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerInterface.html#init()">init</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>boolean</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerInterface.html#isMouseOver()">isMouseOver</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>boolean</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerInterface.html#isUpdate()">isUpdate</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>boolean</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerInterface.html#isVisible()">isVisible</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>void</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerInterface.html#keyEvent(processing.event.KeyEvent)">keyEvent</a></strong>(processing.event.KeyEvent&nbsp;theEvent)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/ControllerInterface.html" title="type parameter in ControllerInterface">T</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerInterface.html#moveTo(controlP5.ControllerGroup)">moveTo</a></strong>(<a href="../controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a>&lt;?&gt;&nbsp;theGroup)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/ControllerInterface.html" title="type parameter in ControllerInterface">T</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerInterface.html#moveTo(controlP5.ControllerGroup, controlP5.Tab, controlP5.ControlWindow)">moveTo</a></strong>(<a href="../controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a>&lt;?&gt;&nbsp;theGroup,
+      <a href="../controlP5/Tab.html" title="class in controlP5">Tab</a>&nbsp;theTab,
+      <a href="../controlP5/ControlWindow.html" title="class in controlP5">ControlWindow</a>&nbsp;theWindow)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;?&gt;</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerInterface.html#parent()">parent</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/ControllerInterface.html" title="type parameter in ControllerInterface">T</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerInterface.html#registerProperty(java.lang.String)">registerProperty</a></strong>(java.lang.String&nbsp;thePropertyName)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/ControllerInterface.html" title="type parameter in ControllerInterface">T</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerInterface.html#registerProperty(java.lang.String, java.lang.String)">registerProperty</a></strong>(java.lang.String&nbsp;theSetter,
+                java.lang.String&nbsp;theGetter)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>void</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerInterface.html#remove()">remove</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/ControllerInterface.html" title="type parameter in ControllerInterface">T</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerInterface.html#remove(controlP5.ControllerInterface)">remove</a></strong>(<a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;?&gt;&nbsp;theElement)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/ControllerInterface.html" title="type parameter in ControllerInterface">T</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerInterface.html#removeProperty(java.lang.String)">removeProperty</a></strong>(java.lang.String&nbsp;thePropertyName)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/ControllerInterface.html" title="type parameter in ControllerInterface">T</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerInterface.html#removeProperty(java.lang.String, java.lang.String)">removeProperty</a></strong>(java.lang.String&nbsp;theSetter,
+              java.lang.String&nbsp;theGetter)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/ControllerInterface.html" title="type parameter in ControllerInterface">T</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerInterface.html#setAbsolutePosition(processing.core.PVector)">setAbsolutePosition</a></strong>(processing.core.PVector&nbsp;thePVector)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/ControllerInterface.html" title="type parameter in ControllerInterface">T</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerInterface.html#setAddress(java.lang.String)">setAddress</a></strong>(java.lang.String&nbsp;theAddress)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/ControllerInterface.html" title="type parameter in ControllerInterface">T</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerInterface.html#setArrayValue(float[])">setArrayValue</a></strong>(float[]&nbsp;theArray)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/ControllerInterface.html" title="type parameter in ControllerInterface">T</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerInterface.html#setArrayValue(int, float)">setArrayValue</a></strong>(int&nbsp;theIndex,
+             float&nbsp;theValue)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/ControllerInterface.html" title="type parameter in ControllerInterface">T</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerInterface.html#setCaptionLabel(java.lang.String)">setCaptionLabel</a></strong>(java.lang.String&nbsp;theValue)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/ControllerInterface.html" title="type parameter in ControllerInterface">T</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerInterface.html#setColor(controlP5.CColor)">setColor</a></strong>(<a href="../controlP5/CColor.html" title="class in controlP5">CColor</a>&nbsp;theColor)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/ControllerInterface.html" title="type parameter in ControllerInterface">T</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerInterface.html#setColorActive(int)">setColorActive</a></strong>(int&nbsp;theColor)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/ControllerInterface.html" title="type parameter in ControllerInterface">T</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerInterface.html#setColorBackground(int)">setColorBackground</a></strong>(int&nbsp;theColor)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/ControllerInterface.html" title="type parameter in ControllerInterface">T</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerInterface.html#setColorForeground(int)">setColorForeground</a></strong>(int&nbsp;theColor)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/ControllerInterface.html" title="type parameter in ControllerInterface">T</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerInterface.html#setColorLabel(int)">setColorLabel</a></strong>(int&nbsp;theColor)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/ControllerInterface.html" title="type parameter in ControllerInterface">T</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerInterface.html#setColorValue(int)">setColorValue</a></strong>(int&nbsp;theColor)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/ControllerInterface.html" title="type parameter in ControllerInterface">T</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerInterface.html#setId(int)">setId</a></strong>(int&nbsp;theValue)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/ControllerInterface.html" title="type parameter in ControllerInterface">T</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerInterface.html#setLabel(java.lang.String)">setLabel</a></strong>(java.lang.String&nbsp;theString)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/ControllerInterface.html" title="type parameter in ControllerInterface">T</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerInterface.html#setMouseOver(boolean)">setMouseOver</a></strong>(boolean&nbsp;theFlag)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>boolean</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerInterface.html#setMousePressed(boolean)">setMousePressed</a></strong>(boolean&nbsp;theStatus)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/ControllerInterface.html" title="type parameter in ControllerInterface">T</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerInterface.html#setPosition(float, float)">setPosition</a></strong>(float&nbsp;theX,
+           float&nbsp;theY)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/ControllerInterface.html" title="type parameter in ControllerInterface">T</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerInterface.html#setPosition(processing.core.PVector)">setPosition</a></strong>(processing.core.PVector&nbsp;thePVector)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/ControllerInterface.html" title="type parameter in ControllerInterface">T</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerInterface.html#setStringValue(java.lang.String)">setStringValue</a></strong>(java.lang.String&nbsp;theValue)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/ControllerInterface.html" title="type parameter in ControllerInterface">T</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerInterface.html#setUpdate(boolean)">setUpdate</a></strong>(boolean&nbsp;theFlag)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/ControllerInterface.html" title="type parameter in ControllerInterface">T</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerInterface.html#setValue(float)">setValue</a></strong>(float&nbsp;theValue)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/ControllerInterface.html" title="type parameter in ControllerInterface">T</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerInterface.html#show()">show</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/ControllerInterface.html" title="type parameter in ControllerInterface">T</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerInterface.html#update()">update</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/ControllerInterface.html" title="type parameter in ControllerInterface">T</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerInterface.html#updateAbsolutePosition()">updateAbsolutePosition</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/ControllerInterface.html" title="type parameter in ControllerInterface">T</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerInterface.html#updateEvents()">updateEvents</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/ControllerInterface.html" title="type parameter in ControllerInterface">T</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerInterface.html#updateInternalEvents(processing.core.PApplet)">updateInternalEvents</a></strong>(processing.core.PApplet&nbsp;theApplet)</code>
+<div class="block">a method for putting input events like e.g.</div>
+</td>
+</tr>
+</table>
+</li>
+</ul>
+</li>
+</ul>
+</div>
+<div class="details">
+<ul class="blockList">
+<li class="blockList">
+<!-- ============ METHOD DETAIL ========== -->
+<ul class="blockList">
+<li class="blockList"><a name="method_detail">
+<!--   -->
+</a>
+<h3>Method Detail</h3>
+<a name="add(controlP5.ControllerInterface)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>add</h4>
+<pre><a href="../controlP5/ControllerInterface.html" title="type parameter in ControllerInterface">T</a>&nbsp;add(<a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;?&gt;&nbsp;theElement)</pre>
+</li>
+</ul>
+<a name="addListener(controlP5.ControlListener)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>addListener</h4>
+<pre><a href="../controlP5/ControllerInterface.html" title="type parameter in ControllerInterface">T</a>&nbsp;addListener(<a href="../controlP5/ControlListener.html" title="interface in controlP5">ControlListener</a>&nbsp;theListener)</pre>
+</li>
+</ul>
+<a name="bringToFront()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>bringToFront</h4>
+<pre><a href="../controlP5/ControllerInterface.html" title="type parameter in ControllerInterface">T</a>&nbsp;bringToFront()</pre>
+</li>
+</ul>
+<a name="bringToFront(controlP5.ControllerInterface)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>bringToFront</h4>
+<pre><a href="../controlP5/ControllerInterface.html" title="type parameter in ControllerInterface">T</a>&nbsp;bringToFront(<a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;?&gt;&nbsp;theController)</pre>
+</li>
+</ul>
+<a name="continuousUpdateEvents()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>continuousUpdateEvents</h4>
+<pre>void&nbsp;continuousUpdateEvents()</pre>
+</li>
+</ul>
+<a name="draw(processing.core.PGraphics)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>draw</h4>
+<pre>void&nbsp;draw(processing.core.PGraphics&nbsp;theGraphics)</pre>
+</li>
+</ul>
+<a name="getAbsolutePosition()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getAbsolutePosition</h4>
+<pre>processing.core.PVector&nbsp;getAbsolutePosition()</pre>
+</li>
+</ul>
+<a name="getAddress()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getAddress</h4>
+<pre>java.lang.String&nbsp;getAddress()</pre>
+</li>
+</ul>
+<a name="getArrayValue()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getArrayValue</h4>
+<pre>float[]&nbsp;getArrayValue()</pre>
+</li>
+</ul>
+<a name="getArrayValue(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getArrayValue</h4>
+<pre>float&nbsp;getArrayValue(int&nbsp;theIndex)</pre>
+</li>
+</ul>
+<a name="getColor()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getColor</h4>
+<pre><a href="../controlP5/CColor.html" title="class in controlP5">CColor</a>&nbsp;getColor()</pre>
+</li>
+</ul>
+<a name="getHeight()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getHeight</h4>
+<pre>int&nbsp;getHeight()</pre>
+</li>
+</ul>
+<a name="getId()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getId</h4>
+<pre>int&nbsp;getId()</pre>
+</li>
+</ul>
+<a name="getName()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getName</h4>
+<pre>java.lang.String&nbsp;getName()</pre>
+</li>
+</ul>
+<a name="getParent()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getParent</h4>
+<pre><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;?&gt;&nbsp;getParent()</pre>
+</li>
+</ul>
+<a name="getPickingColor()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getPickingColor</h4>
+<pre>int&nbsp;getPickingColor()</pre>
+</li>
+</ul>
+<a name="getPosition()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getPosition</h4>
+<pre>processing.core.PVector&nbsp;getPosition()</pre>
+</li>
+</ul>
+<a name="getProperty(java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getProperty</h4>
+<pre><a href="../controlP5/ControllerProperty.html" title="class in controlP5">ControllerProperty</a>&nbsp;getProperty(java.lang.String&nbsp;thePropertyName)</pre>
+</li>
+</ul>
+<a name="getProperty(java.lang.String, java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getProperty</h4>
+<pre><a href="../controlP5/ControllerProperty.html" title="class in controlP5">ControllerProperty</a>&nbsp;getProperty(java.lang.String&nbsp;theSetter,
+                             java.lang.String&nbsp;theGetter)</pre>
+</li>
+</ul>
+<a name="getStringValue()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getStringValue</h4>
+<pre>java.lang.String&nbsp;getStringValue()</pre>
+</li>
+</ul>
+<a name="getTab()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getTab</h4>
+<pre><a href="../controlP5/Tab.html" title="class in controlP5">Tab</a>&nbsp;getTab()</pre>
+</li>
+</ul>
+<a name="getValue()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getValue</h4>
+<pre>float&nbsp;getValue()</pre>
+</li>
+</ul>
+<a name="getWidth()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getWidth</h4>
+<pre>int&nbsp;getWidth()</pre>
+</li>
+</ul>
+<a name="getWindow()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getWindow</h4>
+<pre><a href="../controlP5/ControlWindow.html" title="class in controlP5">ControlWindow</a>&nbsp;getWindow()</pre>
+</li>
+</ul>
+<a name="hide()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>hide</h4>
+<pre><a href="../controlP5/ControllerInterface.html" title="type parameter in ControllerInterface">T</a>&nbsp;hide()</pre>
+</li>
+</ul>
+<a name="init()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>init</h4>
+<pre>void&nbsp;init()</pre>
+</li>
+</ul>
+<a name="isMouseOver()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>isMouseOver</h4>
+<pre>boolean&nbsp;isMouseOver()</pre>
+</li>
+</ul>
+<a name="isUpdate()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>isUpdate</h4>
+<pre>boolean&nbsp;isUpdate()</pre>
+</li>
+</ul>
+<a name="isVisible()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>isVisible</h4>
+<pre>boolean&nbsp;isVisible()</pre>
+</li>
+</ul>
+<a name="keyEvent(processing.event.KeyEvent)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>keyEvent</h4>
+<pre>void&nbsp;keyEvent(processing.event.KeyEvent&nbsp;theEvent)</pre>
+</li>
+</ul>
+<a name="moveTo(controlP5.ControllerGroup)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>moveTo</h4>
+<pre><a href="../controlP5/ControllerInterface.html" title="type parameter in ControllerInterface">T</a>&nbsp;moveTo(<a href="../controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a>&lt;?&gt;&nbsp;theGroup)</pre>
+</li>
+</ul>
+<a name="moveTo(controlP5.ControllerGroup, controlP5.Tab, controlP5.ControlWindow)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>moveTo</h4>
+<pre><a href="../controlP5/ControllerInterface.html" title="type parameter in ControllerInterface">T</a>&nbsp;moveTo(<a href="../controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a>&lt;?&gt;&nbsp;theGroup,
+       <a href="../controlP5/Tab.html" title="class in controlP5">Tab</a>&nbsp;theTab,
+       <a href="../controlP5/ControlWindow.html" title="class in controlP5">ControlWindow</a>&nbsp;theWindow)</pre>
+</li>
+</ul>
+<a name="parent()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>parent</h4>
+<pre><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;?&gt;&nbsp;parent()</pre>
+</li>
+</ul>
+<a name="registerProperty(java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>registerProperty</h4>
+<pre><a href="../controlP5/ControllerInterface.html" title="type parameter in ControllerInterface">T</a>&nbsp;registerProperty(java.lang.String&nbsp;thePropertyName)</pre>
+</li>
+</ul>
+<a name="registerProperty(java.lang.String, java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>registerProperty</h4>
+<pre><a href="../controlP5/ControllerInterface.html" title="type parameter in ControllerInterface">T</a>&nbsp;registerProperty(java.lang.String&nbsp;theSetter,
+                 java.lang.String&nbsp;theGetter)</pre>
+</li>
+</ul>
+<a name="remove()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>remove</h4>
+<pre>void&nbsp;remove()</pre>
+</li>
+</ul>
+<a name="remove(controlP5.ControllerInterface)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>remove</h4>
+<pre><a href="../controlP5/ControllerInterface.html" title="type parameter in ControllerInterface">T</a>&nbsp;remove(<a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;?&gt;&nbsp;theElement)</pre>
+</li>
+</ul>
+<a name="removeProperty(java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>removeProperty</h4>
+<pre><a href="../controlP5/ControllerInterface.html" title="type parameter in ControllerInterface">T</a>&nbsp;removeProperty(java.lang.String&nbsp;thePropertyName)</pre>
+</li>
+</ul>
+<a name="removeProperty(java.lang.String, java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>removeProperty</h4>
+<pre><a href="../controlP5/ControllerInterface.html" title="type parameter in ControllerInterface">T</a>&nbsp;removeProperty(java.lang.String&nbsp;theSetter,
+               java.lang.String&nbsp;theGetter)</pre>
+</li>
+</ul>
+<a name="setAbsolutePosition(processing.core.PVector)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setAbsolutePosition</h4>
+<pre><a href="../controlP5/ControllerInterface.html" title="type parameter in ControllerInterface">T</a>&nbsp;setAbsolutePosition(processing.core.PVector&nbsp;thePVector)</pre>
+</li>
+</ul>
+<a name="setAddress(java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setAddress</h4>
+<pre><a href="../controlP5/ControllerInterface.html" title="type parameter in ControllerInterface">T</a>&nbsp;setAddress(java.lang.String&nbsp;theAddress)</pre>
+</li>
+</ul>
+<a name="setArrayValue(float[])">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setArrayValue</h4>
+<pre><a href="../controlP5/ControllerInterface.html" title="type parameter in ControllerInterface">T</a>&nbsp;setArrayValue(float[]&nbsp;theArray)</pre>
+</li>
+</ul>
+<a name="setArrayValue(int, float)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setArrayValue</h4>
+<pre><a href="../controlP5/ControllerInterface.html" title="type parameter in ControllerInterface">T</a>&nbsp;setArrayValue(int&nbsp;theIndex,
+              float&nbsp;theValue)</pre>
+</li>
+</ul>
+<a name="setCaptionLabel(java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setCaptionLabel</h4>
+<pre><a href="../controlP5/ControllerInterface.html" title="type parameter in ControllerInterface">T</a>&nbsp;setCaptionLabel(java.lang.String&nbsp;theValue)</pre>
+</li>
+</ul>
+<a name="setColor(controlP5.CColor)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setColor</h4>
+<pre><a href="../controlP5/ControllerInterface.html" title="type parameter in ControllerInterface">T</a>&nbsp;setColor(<a href="../controlP5/CColor.html" title="class in controlP5">CColor</a>&nbsp;theColor)</pre>
+</li>
+</ul>
+<a name="setColorActive(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setColorActive</h4>
+<pre><a href="../controlP5/ControllerInterface.html" title="type parameter in ControllerInterface">T</a>&nbsp;setColorActive(int&nbsp;theColor)</pre>
+</li>
+</ul>
+<a name="setColorBackground(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setColorBackground</h4>
+<pre><a href="../controlP5/ControllerInterface.html" title="type parameter in ControllerInterface">T</a>&nbsp;setColorBackground(int&nbsp;theColor)</pre>
+</li>
+</ul>
+<a name="setColorForeground(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setColorForeground</h4>
+<pre><a href="../controlP5/ControllerInterface.html" title="type parameter in ControllerInterface">T</a>&nbsp;setColorForeground(int&nbsp;theColor)</pre>
+</li>
+</ul>
+<a name="setColorLabel(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setColorLabel</h4>
+<pre><a href="../controlP5/ControllerInterface.html" title="type parameter in ControllerInterface">T</a>&nbsp;setColorLabel(int&nbsp;theColor)</pre>
+</li>
+</ul>
+<a name="setColorValue(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setColorValue</h4>
+<pre><a href="../controlP5/ControllerInterface.html" title="type parameter in ControllerInterface">T</a>&nbsp;setColorValue(int&nbsp;theColor)</pre>
+</li>
+</ul>
+<a name="setId(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setId</h4>
+<pre><a href="../controlP5/ControllerInterface.html" title="type parameter in ControllerInterface">T</a>&nbsp;setId(int&nbsp;theValue)</pre>
+</li>
+</ul>
+<a name="setLabel(java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setLabel</h4>
+<pre><a href="../controlP5/ControllerInterface.html" title="type parameter in ControllerInterface">T</a>&nbsp;setLabel(java.lang.String&nbsp;theString)</pre>
+</li>
+</ul>
+<a name="setMouseOver(boolean)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setMouseOver</h4>
+<pre><a href="../controlP5/ControllerInterface.html" title="type parameter in ControllerInterface">T</a>&nbsp;setMouseOver(boolean&nbsp;theFlag)</pre>
+</li>
+</ul>
+<a name="setMousePressed(boolean)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setMousePressed</h4>
+<pre>boolean&nbsp;setMousePressed(boolean&nbsp;theStatus)</pre>
+</li>
+</ul>
+<a name="setPosition(float, float)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setPosition</h4>
+<pre><a href="../controlP5/ControllerInterface.html" title="type parameter in ControllerInterface">T</a>&nbsp;setPosition(float&nbsp;theX,
+            float&nbsp;theY)</pre>
+</li>
+</ul>
+<a name="setPosition(processing.core.PVector)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setPosition</h4>
+<pre><a href="../controlP5/ControllerInterface.html" title="type parameter in ControllerInterface">T</a>&nbsp;setPosition(processing.core.PVector&nbsp;thePVector)</pre>
+</li>
+</ul>
+<a name="setStringValue(java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setStringValue</h4>
+<pre><a href="../controlP5/ControllerInterface.html" title="type parameter in ControllerInterface">T</a>&nbsp;setStringValue(java.lang.String&nbsp;theValue)</pre>
+</li>
+</ul>
+<a name="setUpdate(boolean)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setUpdate</h4>
+<pre><a href="../controlP5/ControllerInterface.html" title="type parameter in ControllerInterface">T</a>&nbsp;setUpdate(boolean&nbsp;theFlag)</pre>
+</li>
+</ul>
+<a name="setValue(float)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setValue</h4>
+<pre><a href="../controlP5/ControllerInterface.html" title="type parameter in ControllerInterface">T</a>&nbsp;setValue(float&nbsp;theValue)</pre>
+</li>
+</ul>
+<a name="show()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>show</h4>
+<pre><a href="../controlP5/ControllerInterface.html" title="type parameter in ControllerInterface">T</a>&nbsp;show()</pre>
+</li>
+</ul>
+<a name="update()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>update</h4>
+<pre><a href="../controlP5/ControllerInterface.html" title="type parameter in ControllerInterface">T</a>&nbsp;update()</pre>
+</li>
+</ul>
+<a name="updateAbsolutePosition()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>updateAbsolutePosition</h4>
+<pre><a href="../controlP5/ControllerInterface.html" title="type parameter in ControllerInterface">T</a>&nbsp;updateAbsolutePosition()</pre>
+</li>
+</ul>
+<a name="updateEvents()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>updateEvents</h4>
+<pre><a href="../controlP5/ControllerInterface.html" title="type parameter in ControllerInterface">T</a>&nbsp;updateEvents()</pre>
+</li>
+</ul>
+<a name="updateInternalEvents(processing.core.PApplet)">
+<!--   -->
+</a>
+<ul class="blockListLast">
+<li class="blockList">
+<h4>updateInternalEvents</h4>
+<pre><a href="../controlP5/ControllerInterface.html" title="type parameter in ControllerInterface">T</a>&nbsp;updateInternalEvents(processing.core.PApplet&nbsp;theApplet)</pre>
+<div class="block">a method for putting input events like e.g. mouse or keyboard events and queries. this has
+ been taken out of the draw method for better overwriting capability.</div>
+</li>
+</ul>
+</li>
+</ul>
+</li>
+</ul>
+</div>
+</div>
+<!-- ========= END OF CLASS DATA ========= -->
+<!-- ======= START OF BOTTOM NAVBAR ====== -->
+<div class="bottomNav"><a name="navbar_bottom">
+<!--   -->
+</a><a href="#skip-navbar_bottom" title="Skip navigation links"></a><a name="navbar_bottom_firstrow">
+<!--   -->
+</a>
+<ul class="navList" title="Navigation">
+<li><a href="../controlP5/package-summary.html">Package</a></li>
+<li class="navBarCell1Rev">Class</li>
+<li><a href="package-tree.html">Tree</a></li>
+<li><a href="../index-all.html">Index</a></li>
+<li><a href="../help-doc.html">Help</a></li>
+</ul>
+</div>
+<div class="subNav">
+<ul class="navList">
+<li><a href="../controlP5/ControllerGroup.html" title="class in controlP5"><span class="strong">Prev Class</span></a></li>
+<li><a href="../controlP5/ControllerList.html" title="class in controlP5"><span class="strong">Next Class</span></a></li>
+</ul>
+<ul class="navList">
+<li><a href="../index.html?controlP5/ControllerInterface.html" target="_top">Frames</a></li>
+<li><a href="ControllerInterface.html" target="_top">No Frames</a></li>
+</ul>
+<ul class="navList" id="allclasses_navbar_bottom">
+<li><a href="../allclasses-noframe.html">All Classes</a></li>
+</ul>
+<div>
+<script type="text/javascript"><!--
+  allClassesLink = document.getElementById("allclasses_navbar_bottom");
+  if(window==top) {
+    allClassesLink.style.display = "block";
+  }
+  else {
+    allClassesLink.style.display = "none";
+  }
+  //-->
+</script>
+</div>
+<div>
+<ul class="subNavList">
+<li>Summary:&nbsp;</li>
+<li>Nested&nbsp;|&nbsp;</li>
+<li>Field&nbsp;|&nbsp;</li>
+<li>Constr&nbsp;|&nbsp;</li>
+<li><a href="#method_summary">Method</a></li>
+</ul>
+<ul class="subNavList">
+<li>Detail:&nbsp;</li>
+<li>Field&nbsp;|&nbsp;</li>
+<li>Constr&nbsp;|&nbsp;</li>
+<li><a href="#method_detail">Method</a></li>
+</ul>
+</div>
+<a name="skip-navbar_bottom">
+<!--   -->
+</a></div>
+<!-- ======== END OF BOTTOM NAVBAR ======= -->
+<p class="legalCopy"><small>processing library controlP5 by Andreas Schlegel. (c) 2006-2014</small></p>
+</body>
+</html>
diff --git a/reference/controlP5/ControllerList.html b/reference/controlP5/ControllerList.html
new file mode 100644
index 0000000..1e128ca
--- /dev/null
+++ b/reference/controlP5/ControllerList.html
@@ -0,0 +1,330 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
+<!-- NewPage -->
+<html lang="en">
+<head>
+<!-- Generated by javadoc (version 1.7.0_51) on Sun Apr 27 21:39:47 SGT 2014 -->
+<title>ControllerList (Javadocs: controlP5)</title>
+<meta name="date" content="2014-04-27">
+<link rel="stylesheet" type="text/css" href="../stylesheet.css" title="Style">
+</head>
+<body>
+<script type="text/javascript"><!--
+    if (location.href.indexOf('is-external=true') == -1) {
+        parent.document.title="ControllerList (Javadocs: controlP5)";
+    }
+//-->
+</script>
+<noscript>
+<div>JavaScript is disabled on your browser.</div>
+</noscript>
+<!-- ========= START OF TOP NAVBAR ======= -->
+<div class="topNav"><a name="navbar_top">
+<!--   -->
+</a><a href="#skip-navbar_top" title="Skip navigation links"></a><a name="navbar_top_firstrow">
+<!--   -->
+</a>
+<ul class="navList" title="Navigation">
+<li><a href="../controlP5/package-summary.html">Package</a></li>
+<li class="navBarCell1Rev">Class</li>
+<li><a href="package-tree.html">Tree</a></li>
+<li><a href="../index-all.html">Index</a></li>
+<li><a href="../help-doc.html">Help</a></li>
+</ul>
+</div>
+<div class="subNav">
+<ul class="navList">
+<li><a href="../controlP5/ControllerInterface.html" title="interface in controlP5"><span class="strong">Prev Class</span></a></li>
+<li><a href="../controlP5/ControllerPlug.html" title="class in controlP5"><span class="strong">Next Class</span></a></li>
+</ul>
+<ul class="navList">
+<li><a href="../index.html?controlP5/ControllerList.html" target="_top">Frames</a></li>
+<li><a href="ControllerList.html" target="_top">No Frames</a></li>
+</ul>
+<ul class="navList" id="allclasses_navbar_top">
+<li><a href="../allclasses-noframe.html">All Classes</a></li>
+</ul>
+<div>
+<script type="text/javascript"><!--
+  allClassesLink = document.getElementById("allclasses_navbar_top");
+  if(window==top) {
+    allClassesLink.style.display = "block";
+  }
+  else {
+    allClassesLink.style.display = "none";
+  }
+  //-->
+</script>
+</div>
+<div>
+<ul class="subNavList">
+<li>Summary:&nbsp;</li>
+<li>Nested&nbsp;|&nbsp;</li>
+<li>Field&nbsp;|&nbsp;</li>
+<li><a href="#constructor_summary">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_summary">Method</a></li>
+</ul>
+<ul class="subNavList">
+<li>Detail:&nbsp;</li>
+<li>Field&nbsp;|&nbsp;</li>
+<li><a href="#constructor_detail">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_detail">Method</a></li>
+</ul>
+</div>
+<a name="skip-navbar_top">
+<!--   -->
+</a></div>
+<!-- ========= END OF TOP NAVBAR ========= -->
+<!-- ======== START OF CLASS DATA ======== -->
+<div class="header">
+<div class="subTitle">controlP5</div>
+<h2 title="Class ControllerList" class="title">Class ControllerList</h2>
+</div>
+<div class="contentContainer">
+<ul class="inheritance">
+<li>java.lang.Object</li>
+<li>
+<ul class="inheritance">
+<li>controlP5.ControllerList</li>
+</ul>
+</li>
+</ul>
+<div class="description">
+<ul class="blockList">
+<li class="blockList">
+<hr>
+<br>
+<pre>public class <span class="strong">ControllerList</span>
+extends java.lang.Object</pre>
+<div class="block">Stores objects of type ControllerInterface and CDrawable, mainly for internal use.</div>
+</li>
+</ul>
+</div>
+<div class="summary">
+<ul class="blockList">
+<li class="blockList">
+<!-- ======== CONSTRUCTOR SUMMARY ======== -->
+<ul class="blockList">
+<li class="blockList"><a name="constructor_summary">
+<!--   -->
+</a>
+<h3>Constructor Summary</h3>
+<table class="overviewSummary" border="0" cellpadding="3" cellspacing="0" summary="Constructor Summary table, listing constructors, and an explanation">
+<caption><span>Constructors</span><span class="tabEnd">&nbsp;</span></caption>
+<tr>
+<th class="colOne" scope="col">Constructor and Description</th>
+</tr>
+<tr class="altColor">
+<td class="colOne"><code><strong><a href="../controlP5/ControllerList.html#ControllerList()">ControllerList</a></strong>()</code>&nbsp;</td>
+</tr>
+</table>
+</li>
+</ul>
+<!-- ========== METHOD SUMMARY =========== -->
+<ul class="blockList">
+<li class="blockList"><a name="method_summary">
+<!--   -->
+</a>
+<h3>Method Summary</h3>
+<table class="overviewSummary" border="0" cellpadding="3" cellspacing="0" summary="Method Summary table, listing methods, and an explanation">
+<caption><span>Methods</span><span class="tabEnd">&nbsp;</span></caption>
+<tr>
+<th class="colFirst" scope="col">Modifier and Type</th>
+<th class="colLast" scope="col">Method and Description</th>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>void</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerList.html#add(controlP5.ControllerInterface)">add</a></strong>(<a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;?&gt;&nbsp;theController)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>java.util.List&lt;<a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;?&gt;&gt;</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerList.html#get()">get</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;?&gt;</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerList.html#get(int)">get</a></strong>(int&nbsp;theIndex)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/CDrawable.html" title="interface in controlP5">CDrawable</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerList.html#getDrawable(int)">getDrawable</a></strong>(int&nbsp;theIndex)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>java.util.List&lt;<a href="../controlP5/CDrawable.html" title="interface in controlP5">CDrawable</a>&gt;</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerList.html#getDrawables()">getDrawables</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerList.html#size()">size</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerList.html#sizeDrawable()">sizeDrawable</a></strong>()</code>&nbsp;</td>
+</tr>
+</table>
+<ul class="blockList">
+<li class="blockList"><a name="methods_inherited_from_class_java.lang.Object">
+<!--   -->
+</a>
+<h3>Methods inherited from class&nbsp;java.lang.Object</h3>
+<code>equals, getClass, hashCode, notify, notifyAll, toString, wait, wait, wait</code></li>
+</ul>
+</li>
+</ul>
+</li>
+</ul>
+</div>
+<div class="details">
+<ul class="blockList">
+<li class="blockList">
+<!-- ========= CONSTRUCTOR DETAIL ======== -->
+<ul class="blockList">
+<li class="blockList"><a name="constructor_detail">
+<!--   -->
+</a>
+<h3>Constructor Detail</h3>
+<a name="ControllerList()">
+<!--   -->
+</a>
+<ul class="blockListLast">
+<li class="blockList">
+<h4>ControllerList</h4>
+<pre>public&nbsp;ControllerList()</pre>
+</li>
+</ul>
+</li>
+</ul>
+<!-- ============ METHOD DETAIL ========== -->
+<ul class="blockList">
+<li class="blockList"><a name="method_detail">
+<!--   -->
+</a>
+<h3>Method Detail</h3>
+<a name="add(controlP5.ControllerInterface)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>add</h4>
+<pre>public&nbsp;void&nbsp;add(<a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;?&gt;&nbsp;theController)</pre>
+</li>
+</ul>
+<a name="get()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>get</h4>
+<pre>public&nbsp;java.util.List&lt;<a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;?&gt;&gt;&nbsp;get()</pre>
+</li>
+</ul>
+<a name="get(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>get</h4>
+<pre>public&nbsp;<a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;?&gt;&nbsp;get(int&nbsp;theIndex)</pre>
+</li>
+</ul>
+<a name="getDrawable(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getDrawable</h4>
+<pre>public&nbsp;<a href="../controlP5/CDrawable.html" title="interface in controlP5">CDrawable</a>&nbsp;getDrawable(int&nbsp;theIndex)</pre>
+</li>
+</ul>
+<a name="getDrawables()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getDrawables</h4>
+<pre>public&nbsp;java.util.List&lt;<a href="../controlP5/CDrawable.html" title="interface in controlP5">CDrawable</a>&gt;&nbsp;getDrawables()</pre>
+</li>
+</ul>
+<a name="size()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>size</h4>
+<pre>public&nbsp;int&nbsp;size()</pre>
+</li>
+</ul>
+<a name="sizeDrawable()">
+<!--   -->
+</a>
+<ul class="blockListLast">
+<li class="blockList">
+<h4>sizeDrawable</h4>
+<pre>public&nbsp;int&nbsp;sizeDrawable()</pre>
+</li>
+</ul>
+</li>
+</ul>
+</li>
+</ul>
+</div>
+</div>
+<!-- ========= END OF CLASS DATA ========= -->
+<!-- ======= START OF BOTTOM NAVBAR ====== -->
+<div class="bottomNav"><a name="navbar_bottom">
+<!--   -->
+</a><a href="#skip-navbar_bottom" title="Skip navigation links"></a><a name="navbar_bottom_firstrow">
+<!--   -->
+</a>
+<ul class="navList" title="Navigation">
+<li><a href="../controlP5/package-summary.html">Package</a></li>
+<li class="navBarCell1Rev">Class</li>
+<li><a href="package-tree.html">Tree</a></li>
+<li><a href="../index-all.html">Index</a></li>
+<li><a href="../help-doc.html">Help</a></li>
+</ul>
+</div>
+<div class="subNav">
+<ul class="navList">
+<li><a href="../controlP5/ControllerInterface.html" title="interface in controlP5"><span class="strong">Prev Class</span></a></li>
+<li><a href="../controlP5/ControllerPlug.html" title="class in controlP5"><span class="strong">Next Class</span></a></li>
+</ul>
+<ul class="navList">
+<li><a href="../index.html?controlP5/ControllerList.html" target="_top">Frames</a></li>
+<li><a href="ControllerList.html" target="_top">No Frames</a></li>
+</ul>
+<ul class="navList" id="allclasses_navbar_bottom">
+<li><a href="../allclasses-noframe.html">All Classes</a></li>
+</ul>
+<div>
+<script type="text/javascript"><!--
+  allClassesLink = document.getElementById("allclasses_navbar_bottom");
+  if(window==top) {
+    allClassesLink.style.display = "block";
+  }
+  else {
+    allClassesLink.style.display = "none";
+  }
+  //-->
+</script>
+</div>
+<div>
+<ul class="subNavList">
+<li>Summary:&nbsp;</li>
+<li>Nested&nbsp;|&nbsp;</li>
+<li>Field&nbsp;|&nbsp;</li>
+<li><a href="#constructor_summary">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_summary">Method</a></li>
+</ul>
+<ul class="subNavList">
+<li>Detail:&nbsp;</li>
+<li>Field&nbsp;|&nbsp;</li>
+<li><a href="#constructor_detail">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_detail">Method</a></li>
+</ul>
+</div>
+<a name="skip-navbar_bottom">
+<!--   -->
+</a></div>
+<!-- ======== END OF BOTTOM NAVBAR ======= -->
+<p class="legalCopy"><small>processing library controlP5 by Andreas Schlegel. (c) 2006-2014</small></p>
+</body>
+</html>
diff --git a/reference/controlP5/ControllerPlug.html b/reference/controlP5/ControllerPlug.html
new file mode 100644
index 0000000..67bb1a6
--- /dev/null
+++ b/reference/controlP5/ControllerPlug.html
@@ -0,0 +1,401 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
+<!-- NewPage -->
+<html lang="en">
+<head>
+<!-- Generated by javadoc (version 1.7.0_51) on Sun Apr 27 21:39:47 SGT 2014 -->
+<title>ControllerPlug (Javadocs: controlP5)</title>
+<meta name="date" content="2014-04-27">
+<link rel="stylesheet" type="text/css" href="../stylesheet.css" title="Style">
+</head>
+<body>
+<script type="text/javascript"><!--
+    if (location.href.indexOf('is-external=true') == -1) {
+        parent.document.title="ControllerPlug (Javadocs: controlP5)";
+    }
+//-->
+</script>
+<noscript>
+<div>JavaScript is disabled on your browser.</div>
+</noscript>
+<!-- ========= START OF TOP NAVBAR ======= -->
+<div class="topNav"><a name="navbar_top">
+<!--   -->
+</a><a href="#skip-navbar_top" title="Skip navigation links"></a><a name="navbar_top_firstrow">
+<!--   -->
+</a>
+<ul class="navList" title="Navigation">
+<li><a href="../controlP5/package-summary.html">Package</a></li>
+<li class="navBarCell1Rev">Class</li>
+<li><a href="package-tree.html">Tree</a></li>
+<li><a href="../index-all.html">Index</a></li>
+<li><a href="../help-doc.html">Help</a></li>
+</ul>
+</div>
+<div class="subNav">
+<ul class="navList">
+<li><a href="../controlP5/ControllerList.html" title="class in controlP5"><span class="strong">Prev Class</span></a></li>
+<li><a href="../controlP5/ControllerProperties.html" title="class in controlP5"><span class="strong">Next Class</span></a></li>
+</ul>
+<ul class="navList">
+<li><a href="../index.html?controlP5/ControllerPlug.html" target="_top">Frames</a></li>
+<li><a href="ControllerPlug.html" target="_top">No Frames</a></li>
+</ul>
+<ul class="navList" id="allclasses_navbar_top">
+<li><a href="../allclasses-noframe.html">All Classes</a></li>
+</ul>
+<div>
+<script type="text/javascript"><!--
+  allClassesLink = document.getElementById("allclasses_navbar_top");
+  if(window==top) {
+    allClassesLink.style.display = "block";
+  }
+  else {
+    allClassesLink.style.display = "none";
+  }
+  //-->
+</script>
+</div>
+<div>
+<ul class="subNavList">
+<li>Summary:&nbsp;</li>
+<li>Nested&nbsp;|&nbsp;</li>
+<li>Field&nbsp;|&nbsp;</li>
+<li><a href="#constructor_summary">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_summary">Method</a></li>
+</ul>
+<ul class="subNavList">
+<li>Detail:&nbsp;</li>
+<li>Field&nbsp;|&nbsp;</li>
+<li><a href="#constructor_detail">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_detail">Method</a></li>
+</ul>
+</div>
+<a name="skip-navbar_top">
+<!--   -->
+</a></div>
+<!-- ========= END OF TOP NAVBAR ========= -->
+<!-- ======== START OF CLASS DATA ======== -->
+<div class="header">
+<div class="subTitle">controlP5</div>
+<h2 title="Class ControllerPlug" class="title">Class ControllerPlug</h2>
+</div>
+<div class="contentContainer">
+<ul class="inheritance">
+<li>java.lang.Object</li>
+<li>
+<ul class="inheritance">
+<li>controlP5.ControllerPlug</li>
+</ul>
+</li>
+</ul>
+<div class="description">
+<ul class="blockList">
+<li class="blockList">
+<hr>
+<br>
+<pre>public class <span class="strong">ControllerPlug</span>
+extends java.lang.Object</pre>
+<div class="block">The ControllerPlug is used to do all the reflection procedures to link a controller to a variable
+ or function inside your main application.</div>
+<dl><script type="text/javascript">
+<!--
+document.getElementsByTagName('html')[0].className = 'isjs';function toggle(dt) { var display, dd=dt; do{ dd = dd.nextSibling } while(dd.tagName!='DD'); toOpen =!dd.style.display;dd.style.display = toOpen? 'block':''; dt.getElementsByTagName('span')[0].innerHTML  = toOpen? '-':'+' ; }
+-->
+</script>
+<div id="test" class="toggleList"><dl><dt onclick="toggle(this);"><span>+</span>Example</dt><dd><code><pre>/**
+* ControlP5 plugTo
+*
+* This example demonstrate how to use the plugTo method to
+* connect a controller to a field or method of a particular object.
+* 
+*
+* find a list of public methods available for the ControlP5 Controller
+* at the bottom of this sketch.
+*
+* by Andreas Schlegel, 2011
+* www.sojamo.de/libraries/controlp5
+*
+*/
+
+import controlP5.*;
+import processing.opengl.*;
+
+ControlP5 controlP5;
+
+Test[] testarray;
+
+Test test;
+
+Button b;
+
+int cnt;
+
+void setup() {
+  size(600,400);
+  smooth();
+  test = new Test(50);
+  testarray = new Test[10];
+  for(int i=0;i<10;i++) {
+    testarray[i] = new Test(200 + i*20);
+  }
+  
+  controlP5 = new ControlP5(this);
+  
+  controlP5.begin(100,20);
+  
+  b = controlP5.addButton("trigger",1);
+  b.setColorBackground(ControlP5.RED);
+  
+  controlP5.addButton("plug",2);
+  controlP5.addButton("unplug",3);
+  
+  // b is a button previously added to controlP5 with name 'trigger'
+  // controlP5 no tries to find a field or method inside object test
+  // in order to connect controller 'trigger' with test.trigger()
+  b.plugTo(test);
+  controlP5.end();
+}
+
+// connects controller 'trigger' with objects of type Test contained 
+// inside arrat testarray
+void plug(int theValue) {
+   b.plugTo(testarray);
+   b.setColorBackground(ControlP5.GREEN);
+   println("plugging controller b1 to array 'testarray' and variable 'test'.");
+}
+
+// disconnects controller 'trigger' from objects of type Test stored 
+// inside array testarray
+void unplug(int theValue) {
+  b.unplugFrom(testarray);
+  b.setColorBackground(ControlP5.RED);
+  println("removing array 'testarray' and variable 'test' from controller b1.");
+}
+
+
+void draw() {
+  background(0);
+  fill(255);
+  for(int i=0;i<10;i++) {
+    testarray[i].display();
+  }
+  test.display();
+  cnt++;
+  if(cnt%30 == 0) {
+    controlP5.getController("trigger").update();
+  }
+}
+
+
+class Test {
+  float n0 = 0; 
+  float n1 = 1; 
+  float x;
+  
+  Test(float theX) {
+    x = theX;
+  } 
+  
+  void trigger(int theValue) {
+    n1 = random(100);
+  }
+  
+  void display() {
+    n0 += (n1-n0) * 0.1;
+    rect(x,200,10,n0);
+  }
+
+  void controlEvent(ControlEvent theEvent) {
+    //println("\t\t b1 event sub \n\n");
+  }
+}
+
+
+</pre></code></dd></dl></div></dl>
+</li>
+</ul>
+</div>
+<div class="summary">
+<ul class="blockList">
+<li class="blockList">
+<!-- ======== CONSTRUCTOR SUMMARY ======== -->
+<ul class="blockList">
+<li class="blockList"><a name="constructor_summary">
+<!--   -->
+</a>
+<h3>Constructor Summary</h3>
+<table class="overviewSummary" border="0" cellpadding="3" cellspacing="0" summary="Constructor Summary table, listing constructors, and an explanation">
+<caption><span>Constructors</span><span class="tabEnd">&nbsp;</span></caption>
+<tr>
+<th class="colOne" scope="col">Constructor and Description</th>
+</tr>
+<tr class="altColor">
+<td class="colOne"><code><strong><a href="../controlP5/ControllerPlug.html#ControllerPlug(java.lang.Object, java.lang.String, int, int, java.lang.Class[])">ControllerPlug</a></strong>(java.lang.Object&nbsp;theObject,
+              java.lang.String&nbsp;theName,
+              int&nbsp;theType,
+              int&nbsp;theParameterType,
+              java.lang.Class&lt;?&gt;[]&nbsp;theAcceptClassList)</code>&nbsp;</td>
+</tr>
+</table>
+</li>
+</ul>
+<!-- ========== METHOD SUMMARY =========== -->
+<ul class="blockList">
+<li class="blockList"><a name="method_summary">
+<!--   -->
+</a>
+<h3>Method Summary</h3>
+<table class="overviewSummary" border="0" cellpadding="3" cellspacing="0" summary="Method Summary table, listing methods, and an explanation">
+<caption><span>Methods</span><span class="tabEnd">&nbsp;</span></caption>
+<tr>
+<th class="colFirst" scope="col">Modifier and Type</th>
+<th class="colLast" scope="col">Method and Description</th>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>static boolean</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerPlug.html#checkPlug(java.lang.Object, java.lang.String, java.lang.Class[])">checkPlug</a></strong>(java.lang.Object&nbsp;theObject,
+         java.lang.String&nbsp;thePlugName,
+         java.lang.Class&lt;?&gt;[]&nbsp;theArgs)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>void</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerPlug.html#set(java.lang.Object, java.lang.String, int, int, java.lang.Class[])">set</a></strong>(java.lang.Object&nbsp;theObject,
+   java.lang.String&nbsp;theName,
+   int&nbsp;theType,
+   int&nbsp;theParameterType,
+   java.lang.Class&lt;?&gt;[]&nbsp;theAcceptClassList)</code>&nbsp;</td>
+</tr>
+</table>
+<ul class="blockList">
+<li class="blockList"><a name="methods_inherited_from_class_java.lang.Object">
+<!--   -->
+</a>
+<h3>Methods inherited from class&nbsp;java.lang.Object</h3>
+<code>equals, getClass, hashCode, notify, notifyAll, toString, wait, wait, wait</code></li>
+</ul>
+</li>
+</ul>
+</li>
+</ul>
+</div>
+<div class="details">
+<ul class="blockList">
+<li class="blockList">
+<!-- ========= CONSTRUCTOR DETAIL ======== -->
+<ul class="blockList">
+<li class="blockList"><a name="constructor_detail">
+<!--   -->
+</a>
+<h3>Constructor Detail</h3>
+<a name="ControllerPlug(java.lang.Object, java.lang.String, int, int, java.lang.Class[])">
+<!--   -->
+</a>
+<ul class="blockListLast">
+<li class="blockList">
+<h4>ControllerPlug</h4>
+<pre>public&nbsp;ControllerPlug(java.lang.Object&nbsp;theObject,
+              java.lang.String&nbsp;theName,
+              int&nbsp;theType,
+              int&nbsp;theParameterType,
+              java.lang.Class&lt;?&gt;[]&nbsp;theAcceptClassList)</pre>
+</li>
+</ul>
+</li>
+</ul>
+<!-- ============ METHOD DETAIL ========== -->
+<ul class="blockList">
+<li class="blockList"><a name="method_detail">
+<!--   -->
+</a>
+<h3>Method Detail</h3>
+<a name="checkPlug(java.lang.Object, java.lang.String, java.lang.Class[])">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>checkPlug</h4>
+<pre>public static&nbsp;boolean&nbsp;checkPlug(java.lang.Object&nbsp;theObject,
+                java.lang.String&nbsp;thePlugName,
+                java.lang.Class&lt;?&gt;[]&nbsp;theArgs)</pre>
+</li>
+</ul>
+<a name="set(java.lang.Object, java.lang.String, int, int, java.lang.Class[])">
+<!--   -->
+</a>
+<ul class="blockListLast">
+<li class="blockList">
+<h4>set</h4>
+<pre>public&nbsp;void&nbsp;set(java.lang.Object&nbsp;theObject,
+       java.lang.String&nbsp;theName,
+       int&nbsp;theType,
+       int&nbsp;theParameterType,
+       java.lang.Class&lt;?&gt;[]&nbsp;theAcceptClassList)</pre>
+</li>
+</ul>
+</li>
+</ul>
+</li>
+</ul>
+</div>
+</div>
+<!-- ========= END OF CLASS DATA ========= -->
+<!-- ======= START OF BOTTOM NAVBAR ====== -->
+<div class="bottomNav"><a name="navbar_bottom">
+<!--   -->
+</a><a href="#skip-navbar_bottom" title="Skip navigation links"></a><a name="navbar_bottom_firstrow">
+<!--   -->
+</a>
+<ul class="navList" title="Navigation">
+<li><a href="../controlP5/package-summary.html">Package</a></li>
+<li class="navBarCell1Rev">Class</li>
+<li><a href="package-tree.html">Tree</a></li>
+<li><a href="../index-all.html">Index</a></li>
+<li><a href="../help-doc.html">Help</a></li>
+</ul>
+</div>
+<div class="subNav">
+<ul class="navList">
+<li><a href="../controlP5/ControllerList.html" title="class in controlP5"><span class="strong">Prev Class</span></a></li>
+<li><a href="../controlP5/ControllerProperties.html" title="class in controlP5"><span class="strong">Next Class</span></a></li>
+</ul>
+<ul class="navList">
+<li><a href="../index.html?controlP5/ControllerPlug.html" target="_top">Frames</a></li>
+<li><a href="ControllerPlug.html" target="_top">No Frames</a></li>
+</ul>
+<ul class="navList" id="allclasses_navbar_bottom">
+<li><a href="../allclasses-noframe.html">All Classes</a></li>
+</ul>
+<div>
+<script type="text/javascript"><!--
+  allClassesLink = document.getElementById("allclasses_navbar_bottom");
+  if(window==top) {
+    allClassesLink.style.display = "block";
+  }
+  else {
+    allClassesLink.style.display = "none";
+  }
+  //-->
+</script>
+</div>
+<div>
+<ul class="subNavList">
+<li>Summary:&nbsp;</li>
+<li>Nested&nbsp;|&nbsp;</li>
+<li>Field&nbsp;|&nbsp;</li>
+<li><a href="#constructor_summary">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_summary">Method</a></li>
+</ul>
+<ul class="subNavList">
+<li>Detail:&nbsp;</li>
+<li>Field&nbsp;|&nbsp;</li>
+<li><a href="#constructor_detail">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_detail">Method</a></li>
+</ul>
+</div>
+<a name="skip-navbar_bottom">
+<!--   -->
+</a></div>
+<!-- ======== END OF BOTTOM NAVBAR ======= -->
+<p class="legalCopy"><small>processing library controlP5 by Andreas Schlegel. (c) 2006-2014</small></p>
+</body>
+</html>
diff --git a/reference/controlP5/ControllerProperties.html b/reference/controlP5/ControllerProperties.html
new file mode 100644
index 0000000..10c83ab
--- /dev/null
+++ b/reference/controlP5/ControllerProperties.html
@@ -0,0 +1,1040 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
+<!-- NewPage -->
+<html lang="en">
+<head>
+<!-- Generated by javadoc (version 1.7.0_51) on Sun Apr 27 21:39:47 SGT 2014 -->
+<title>ControllerProperties (Javadocs: controlP5)</title>
+<meta name="date" content="2014-04-27">
+<link rel="stylesheet" type="text/css" href="../stylesheet.css" title="Style">
+</head>
+<body>
+<script type="text/javascript"><!--
+    if (location.href.indexOf('is-external=true') == -1) {
+        parent.document.title="ControllerProperties (Javadocs: controlP5)";
+    }
+//-->
+</script>
+<noscript>
+<div>JavaScript is disabled on your browser.</div>
+</noscript>
+<!-- ========= START OF TOP NAVBAR ======= -->
+<div class="topNav"><a name="navbar_top">
+<!--   -->
+</a><a href="#skip-navbar_top" title="Skip navigation links"></a><a name="navbar_top_firstrow">
+<!--   -->
+</a>
+<ul class="navList" title="Navigation">
+<li><a href="../controlP5/package-summary.html">Package</a></li>
+<li class="navBarCell1Rev">Class</li>
+<li><a href="package-tree.html">Tree</a></li>
+<li><a href="../index-all.html">Index</a></li>
+<li><a href="../help-doc.html">Help</a></li>
+</ul>
+</div>
+<div class="subNav">
+<ul class="navList">
+<li><a href="../controlP5/ControllerPlug.html" title="class in controlP5"><span class="strong">Prev Class</span></a></li>
+<li><a href="../controlP5/ControllerProperty.html" title="class in controlP5"><span class="strong">Next Class</span></a></li>
+</ul>
+<ul class="navList">
+<li><a href="../index.html?controlP5/ControllerProperties.html" target="_top">Frames</a></li>
+<li><a href="ControllerProperties.html" target="_top">No Frames</a></li>
+</ul>
+<ul class="navList" id="allclasses_navbar_top">
+<li><a href="../allclasses-noframe.html">All Classes</a></li>
+</ul>
+<div>
+<script type="text/javascript"><!--
+  allClassesLink = document.getElementById("allclasses_navbar_top");
+  if(window==top) {
+    allClassesLink.style.display = "block";
+  }
+  else {
+    allClassesLink.style.display = "none";
+  }
+  //-->
+</script>
+</div>
+<div>
+<ul class="subNavList">
+<li>Summary:&nbsp;</li>
+<li>Nested&nbsp;|&nbsp;</li>
+<li><a href="#field_summary">Field</a>&nbsp;|&nbsp;</li>
+<li><a href="#constructor_summary">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_summary">Method</a></li>
+</ul>
+<ul class="subNavList">
+<li>Detail:&nbsp;</li>
+<li><a href="#field_detail">Field</a>&nbsp;|&nbsp;</li>
+<li><a href="#constructor_detail">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_detail">Method</a></li>
+</ul>
+</div>
+<a name="skip-navbar_top">
+<!--   -->
+</a></div>
+<!-- ========= END OF TOP NAVBAR ========= -->
+<!-- ======== START OF CLASS DATA ======== -->
+<div class="header">
+<div class="subTitle">controlP5</div>
+<h2 title="Class ControllerProperties" class="title">Class ControllerProperties</h2>
+</div>
+<div class="contentContainer">
+<ul class="inheritance">
+<li>java.lang.Object</li>
+<li>
+<ul class="inheritance">
+<li>controlP5.ControllerProperties</li>
+</ul>
+</li>
+</ul>
+<div class="description">
+<ul class="blockList">
+<li class="blockList">
+<hr>
+<br>
+<pre>public class <span class="strong">ControllerProperties</span>
+extends java.lang.Object</pre>
+<div class="block">Values of controllers can be stored inside properties files which can be saved to file or memory.</div>
+<dl><script type="text/javascript">
+<!--
+document.getElementsByTagName('html')[0].className = 'isjs';function toggle(dt) { var display, dd=dt; do{ dd = dd.nextSibling } while(dd.tagName!='DD'); toOpen =!dd.style.display;dd.style.display = toOpen? 'block':''; dt.getElementsByTagName('span')[0].innerHTML  = toOpen? '-':'+' ; }
+-->
+</script>
+<div id="test" class="toggleList"><dl><dt onclick="toggle(this);"><span>+</span>Example</dt><dd><code><pre>/**
+ * ControlP5 Properties 
+ *
+ *
+ * saves controller values to a properties-file
+ * loads controller values from a properties-file
+ *
+ * Properties will only save values not the Controller itself.
+ * 
+ * Also take a look at the use/ControlP5snapshot example to 
+ * save controller values to memory.
+ *
+ * Use ControllerProperties to load and save serialized controller properties 
+ * to a properties file. 
+ * The controllers implementing save/load properties so far are 
+ * Slider, Knob, Numberbox, Toggle, Checkbox, RadioButton, Textlabel, 
+ * Matrix, Range, Textarea, ListBox, Dropdown, ColorPicker. 
+ * Properties are currently saved in the java serialization format.
+ *
+ * saveProperties(String theFilename) and loadProperties(String theFilename) 
+ * by default properties will be saved to your sketch folder as controlP5.ser
+ * if that file already exists it will be overwritten. for custom property files
+ * see the comments inside keyPressed() below.
+ *
+ * find a list of public methods available for the ControllerProperties class 
+ * at the bottom of this sketch's source code
+ *
+ * default properties load/save key combinations are 
+ * alt+shift+l to load properties
+ * alt+shift+s to save properties
+ *
+ * by andreas schlegel, 2012
+ * www.sojamo.de/libraries/controlp5
+ *
+ */
+
+import controlP5.*;
+
+ControlP5 cp5;
+public int myColor = color(0, 0, 0);
+
+public int sliderValue = 100;
+public int sliderTicks1 = 100;
+public int sliderTicks2 = 30;
+
+
+void setup() {
+  size(700, 400);
+  noStroke();
+  
+  cp5 = new ControlP5(this);
+  
+  cp5.addSlider("slider")
+     .setBroadcast(false)
+     .setRange(0, 200)
+     .setPosition(20, 100)
+     .setSize(10, 100)
+     .setBroadcast(true)
+     .setValue(100)
+     ;
+  
+  cp5.addSlider("sliderTicks1")
+     .setRange(0, 255)
+     .setPosition(100, 100)
+     .setSize(10, 100)
+     .setNumberOfTickMarks(5)
+     ;
+
+  cp5.addSlider("sliderValue")
+     .setRange(0, 255)
+     .setValue(128)
+     .setPosition(200, 180)
+     .setSize(100, 10)
+     ;
+     
+  cp5.addSlider("sliderTicks2")
+     .setRange(0, 255)
+     .setValue(128)
+     .setPosition(200, 220)
+     .setSize(100, 10)
+     .setNumberOfTickMarks(7)
+     .setSliderMode(Slider.FLEXIBLE)
+     ;
+     
+}
+
+void draw() {
+  background(sliderTicks1);
+
+  fill(sliderValue);
+  rect(0, 0, width, 100);
+
+  fill(myColor);
+  rect(0, 300, width, 70);
+
+  fill(sliderTicks2);
+  rect(0, 370, width, 30);
+}
+
+public void slider(float theColor) {
+  myColor = color(theColor);
+  println("a slider event. setting background to "+theColor);
+}
+
+void keyPressed() {
+  // default properties load/save key combinations are 
+  // alt+shift+l to load properties
+  // alt+shift+s to save properties
+  if (key=='1') {
+    cp5.saveProperties(("hello.properties"));
+  } 
+  else if (key=='2') {
+    cp5.loadProperties(("hello.properties"));
+  }
+}
+
+/*
+a list of all methods available for the ControllerProperties Controller
+use ControlP5.printPublicMethodsFor(ControllerProperties.class);
+to print the following list into the console.
+
+You can find further details about class ControllerProperties in the javadoc.
+
+Format:
+ClassName : returnType methodName(parameter type)
+
+
+controlP5.ControllerProperties : ArrayList getSnapshotIndices() 
+controlP5.ControllerProperties : ControllerProperties addSet(String) 
+controlP5.ControllerProperties : ControllerProperties delete(ControllerProperty) 
+controlP5.ControllerProperties : ControllerProperties getSnapshot(String) 
+controlP5.ControllerProperties : ControllerProperties move(ControllerInterface, String, String) 
+controlP5.ControllerProperties : ControllerProperties move(ControllerProperty, String, String) 
+controlP5.ControllerProperties : ControllerProperties only(ControllerProperty, String) 
+controlP5.ControllerProperties : ControllerProperties print() 
+controlP5.ControllerProperties : ControllerProperties register(ControllerInterface, String) 
+controlP5.ControllerProperties : ControllerProperties remove(ControllerInterface) 
+controlP5.ControllerProperties : ControllerProperties remove(ControllerInterface, String) 
+controlP5.ControllerProperties : ControllerProperties remove(ControllerInterface, String, String) 
+controlP5.ControllerProperties : ControllerProperties removeSnapshot(String) 
+controlP5.ControllerProperties : ControllerProperties saveSnapshot(String) 
+controlP5.ControllerProperties : ControllerProperties saveSnapshotAs(String, String) 
+controlP5.ControllerProperties : ControllerProperties setSnapshot(String) 
+controlP5.ControllerProperties : ControllerProperties updateSnapshot(String) 
+controlP5.ControllerProperties : ControllerProperty getProperty(ControllerInterface, String) 
+controlP5.ControllerProperties : ControllerProperty getProperty(ControllerInterface, String, String) 
+controlP5.ControllerProperties : ControllerProperty register(ControllerInterface, String, String) 
+controlP5.ControllerProperties : HashSet getPropertySet(ControllerInterface) 
+controlP5.ControllerProperties : List get(ControllerInterface) 
+controlP5.ControllerProperties : Map get() 
+controlP5.ControllerProperties : String toString() 
+controlP5.ControllerProperties : boolean load() 
+controlP5.ControllerProperties : boolean load(String) 
+controlP5.ControllerProperties : boolean save() 
+controlP5.ControllerProperties : boolean saveAs(String) 
+controlP5.ControllerProperties : void setFormat(Format) 
+java.lang.Object : String toString() 
+java.lang.Object : boolean equals(Object) 
+
+
+*/
+
+
+</pre></code></dd></dl></div></dl>
+</li>
+</ul>
+</div>
+<div class="summary">
+<ul class="blockList">
+<li class="blockList">
+<!-- =========== FIELD SUMMARY =========== -->
+<ul class="blockList">
+<li class="blockList"><a name="field_summary">
+<!--   -->
+</a>
+<h3>Field Summary</h3>
+<table class="overviewSummary" border="0" cellpadding="3" cellspacing="0" summary="Field Summary table, listing fields, and an explanation">
+<caption><span>Fields</span><span class="tabEnd">&nbsp;</span></caption>
+<tr>
+<th class="colFirst" scope="col">Modifier and Type</th>
+<th class="colLast" scope="col">Field and Description</th>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>static int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerProperties.html#CLOSE">CLOSE</a></strong></code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>static java.lang.String</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerProperties.html#defaultName">defaultName</a></strong></code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>static java.util.logging.Logger</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerProperties.html#logger">logger</a></strong></code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>static int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerProperties.html#OPEN">OPEN</a></strong></code>&nbsp;</td>
+</tr>
+</table>
+</li>
+</ul>
+<!-- ======== CONSTRUCTOR SUMMARY ======== -->
+<ul class="blockList">
+<li class="blockList"><a name="constructor_summary">
+<!--   -->
+</a>
+<h3>Constructor Summary</h3>
+<table class="overviewSummary" border="0" cellpadding="3" cellspacing="0" summary="Constructor Summary table, listing constructors, and an explanation">
+<caption><span>Constructors</span><span class="tabEnd">&nbsp;</span></caption>
+<tr>
+<th class="colOne" scope="col">Constructor and Description</th>
+</tr>
+<tr class="altColor">
+<td class="colOne"><code><strong><a href="../controlP5/ControllerProperties.html#ControllerProperties(controlP5.ControlP5)">ControllerProperties</a></strong>(<a href="../controlP5/ControlP5.html" title="class in controlP5">ControlP5</a>&nbsp;theControlP5)</code>&nbsp;</td>
+</tr>
+</table>
+</li>
+</ul>
+<!-- ========== METHOD SUMMARY =========== -->
+<ul class="blockList">
+<li class="blockList"><a name="method_summary">
+<!--   -->
+</a>
+<h3>Method Summary</h3>
+<table class="overviewSummary" border="0" cellpadding="3" cellspacing="0" summary="Method Summary table, listing methods, and an explanation">
+<caption><span>Methods</span><span class="tabEnd">&nbsp;</span></caption>
+<tr>
+<th class="colFirst" scope="col">Modifier and Type</th>
+<th class="colLast" scope="col">Method and Description</th>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/ControllerProperties.html" title="class in controlP5">ControllerProperties</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerProperties.html#addSet(java.lang.String)">addSet</a></strong>(java.lang.String&nbsp;theSet)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/ControllerProperties.html" title="class in controlP5">ControllerProperties</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerProperties.html#copy(controlP5.ControllerInterface, java.lang.String...)">copy</a></strong>(<a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;?&gt;&nbsp;theController,
+    java.lang.String...&nbsp;theSet)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/ControllerProperties.html" title="class in controlP5">ControllerProperties</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerProperties.html#copy(controlP5.ControllerProperty, java.lang.String...)">copy</a></strong>(<a href="../controlP5/ControllerProperty.html" title="class in controlP5">ControllerProperty</a>&nbsp;theProperty,
+    java.lang.String...&nbsp;theSet)</code>
+<div class="block">copies a ControllerProperty from one set to other(s);</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/ControllerProperties.html" title="class in controlP5">ControllerProperties</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerProperties.html#delete(controlP5.ControllerProperty)">delete</a></strong>(<a href="../controlP5/ControllerProperty.html" title="class in controlP5">ControllerProperty</a>&nbsp;theProperty)</code>
+<div class="block">deletes a ControllerProperty from all Sets including the default set.</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>java.util.Map&lt;<a href="../controlP5/ControllerProperty.html" title="class in controlP5">ControllerProperty</a>,java.util.HashSet&lt;java.lang.String&gt;&gt;</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerProperties.html#get()">get</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>java.util.List&lt;<a href="../controlP5/ControllerProperty.html" title="class in controlP5">ControllerProperty</a>&gt;</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerProperties.html#get(controlP5.ControllerInterface)">get</a></strong>(<a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;?&gt;&nbsp;theController)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/ControllerProperty.html" title="class in controlP5">ControllerProperty</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerProperties.html#getProperty(controlP5.ControllerInterface, java.lang.String)">getProperty</a></strong>(<a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;?&gt;&nbsp;theController,
+           java.lang.String&nbsp;theProperty)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/ControllerProperty.html" title="class in controlP5">ControllerProperty</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerProperties.html#getProperty(controlP5.ControllerInterface, java.lang.String, java.lang.String)">getProperty</a></strong>(<a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;?&gt;&nbsp;theController,
+           java.lang.String&nbsp;theSetter,
+           java.lang.String&nbsp;theGetter)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>java.util.HashSet&lt;<a href="../controlP5/ControllerProperty.html" title="class in controlP5">ControllerProperty</a>&gt;</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerProperties.html#getPropertySet(controlP5.ControllerInterface)">getPropertySet</a></strong>(<a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;?&gt;&nbsp;theController)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/ControllerProperties.html" title="class in controlP5">ControllerProperties</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerProperties.html#getSnapshot(java.lang.String)">getSnapshot</a></strong>(java.lang.String&nbsp;theKey)</code>
+<div class="block">restores properties previously stored as snapshot in memory.</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>java.util.ArrayList&lt;java.lang.String&gt;</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerProperties.html#getSnapshotIndices()">getSnapshotIndices</a></strong>()</code>
+<div class="block">properties stored in memory can be accessed by index, getSnapshotIndices() returns the index of the snapshot
+ list.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>boolean</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerProperties.html#load()">load</a></strong>()</code>
+<div class="block">load properties from the default properties file 'controlP5.properties'</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>boolean</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerProperties.html#load(java.lang.String)">load</a></strong>(java.lang.String&nbsp;thePropertiesPath)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/ControllerProperties.html" title="class in controlP5">ControllerProperties</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerProperties.html#move(controlP5.ControllerInterface, java.lang.String, java.lang.String)">move</a></strong>(<a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;?&gt;&nbsp;theController,
+    java.lang.String&nbsp;fromSet,
+    java.lang.String&nbsp;toSet)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/ControllerProperties.html" title="class in controlP5">ControllerProperties</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerProperties.html#move(controlP5.ControllerProperty, java.lang.String, java.lang.String)">move</a></strong>(<a href="../controlP5/ControllerProperty.html" title="class in controlP5">ControllerProperty</a>&nbsp;theProperty,
+    java.lang.String&nbsp;fromSet,
+    java.lang.String&nbsp;toSet)</code>
+<div class="block">Moves a ControllerProperty from one set to another.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/ControllerProperties.html" title="class in controlP5">ControllerProperties</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerProperties.html#only(controlP5.ControllerProperty, java.lang.String)">only</a></strong>(<a href="../controlP5/ControllerProperty.html" title="class in controlP5">ControllerProperty</a>&nbsp;theProperty,
+    java.lang.String&nbsp;theSet)</code>
+<div class="block">stores a ControllerProperty in one particular set only.</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/ControllerProperties.html" title="class in controlP5">ControllerProperties</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerProperties.html#print()">print</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/ControllerProperties.html" title="class in controlP5">ControllerProperties</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerProperties.html#register(controlP5.ControllerInterface, java.lang.String)">register</a></strong>(<a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;?&gt;&nbsp;theController,
+        java.lang.String&nbsp;theProperty)</code>
+<div class="block">registering a property with only one parameter assumes that there is a setter and getter function present for the
+ Controller.</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/ControllerProperty.html" title="class in controlP5">ControllerProperty</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerProperties.html#register(controlP5.ControllerInterface, java.lang.String, java.lang.String)">register</a></strong>(<a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;?&gt;&nbsp;theController,
+        java.lang.String&nbsp;thePropertySetter,
+        java.lang.String&nbsp;thePropertyGetter)</code>
+<div class="block">adds a property based on names of setter and getter methods of a controller.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/ControllerProperties.html" title="class in controlP5">ControllerProperties</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerProperties.html#remove(controlP5.ControllerInterface)">remove</a></strong>(<a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;?&gt;&nbsp;theController)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/ControllerProperties.html" title="class in controlP5">ControllerProperties</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerProperties.html#remove(controlP5.ControllerInterface, java.lang.String...)">remove</a></strong>(<a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;?&gt;&nbsp;theController,
+      java.lang.String...&nbsp;theSet)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/ControllerProperties.html" title="class in controlP5">ControllerProperties</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerProperties.html#remove(controlP5.ControllerInterface, java.lang.String)">remove</a></strong>(<a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;?&gt;&nbsp;theController,
+      java.lang.String&nbsp;theProperty)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/ControllerProperties.html" title="class in controlP5">ControllerProperties</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerProperties.html#remove(controlP5.ControllerInterface, java.lang.String, java.lang.String)">remove</a></strong>(<a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;?&gt;&nbsp;theController,
+      java.lang.String&nbsp;theSetter,
+      java.lang.String&nbsp;theGetter)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/ControllerProperties.html" title="class in controlP5">ControllerProperties</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerProperties.html#remove(controlP5.ControllerProperty, java.lang.String...)">remove</a></strong>(<a href="../controlP5/ControllerProperty.html" title="class in controlP5">ControllerProperty</a>&nbsp;theProperty,
+      java.lang.String...&nbsp;theSet)</code>
+<div class="block">removes a ControllerProperty from one or multiple sets.</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/ControllerProperties.html" title="class in controlP5">ControllerProperties</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerProperties.html#removeSnapshot(java.lang.String)">removeSnapshot</a></strong>(java.lang.String&nbsp;theKey)</code>
+<div class="block">removes a snapshot by key.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>boolean</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerProperties.html#save()">save</a></strong>()</code>
+<div class="block">saves all registered properties into the default 'controlP5.properties' file into your sketch folder.</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>boolean</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerProperties.html#saveAs(java.lang.String)">saveAs</a></strong>(java.lang.String&nbsp;thePropertiesPath)</code>
+<div class="block">saves all registered properties into a file specified by parameter thePropertiesPath.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>boolean</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerProperties.html#saveAs(java.lang.String, java.lang.String...)">saveAs</a></strong>(java.lang.String&nbsp;thePropertiesPath,
+      java.lang.String...&nbsp;theSets)</code>
+<div class="block">saves a list of properties sets into a file specified by parameter thePropertiesPath.</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/ControllerProperties.html" title="class in controlP5">ControllerProperties</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerProperties.html#saveSnapshot(java.lang.String)">saveSnapshot</a></strong>(java.lang.String&nbsp;theKey)</code>
+<div class="block">saves a snapshot into your sketch's sketch folder.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/ControllerProperties.html" title="class in controlP5">ControllerProperties</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerProperties.html#saveSnapshotAs(java.lang.String, java.lang.String)">saveSnapshotAs</a></strong>(java.lang.String&nbsp;thePropertiesPath,
+              java.lang.String&nbsp;theKey)</code>
+<div class="block">saves a snapshot to the file with path given by the first parameter (thePropertiesPath).</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>void</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerProperties.html#setFormat(controlP5.ControllerProperties.PropertiesStorageFormat)">setFormat</a></strong>(controlP5.ControllerProperties.PropertiesStorageFormat&nbsp;theFormat)</code>
+<div class="block">use ControllerProperties.SERIALIZED, ControllerProperties.XML or ControllerProperties.JSON as parameter.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/ControllerProperties.html" title="class in controlP5">ControllerProperties</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerProperties.html#setSnapshot(java.lang.String)">setSnapshot</a></strong>(java.lang.String&nbsp;theKey)</code>
+<div class="block">logs all registered properties in memory.</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>java.lang.String</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerProperties.html#toString()">toString</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/ControllerProperties.html" title="class in controlP5">ControllerProperties</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerProperties.html#updateSnapshot(java.lang.String)">updateSnapshot</a></strong>(java.lang.String&nbsp;theKey)</code>
+<div class="block">convenience method, setSnapshot(String) also works here since it will override existing log with the same key.</div>
+</td>
+</tr>
+</table>
+<ul class="blockList">
+<li class="blockList"><a name="methods_inherited_from_class_java.lang.Object">
+<!--   -->
+</a>
+<h3>Methods inherited from class&nbsp;java.lang.Object</h3>
+<code>equals, getClass, hashCode, notify, notifyAll, wait, wait, wait</code></li>
+</ul>
+</li>
+</ul>
+</li>
+</ul>
+</div>
+<div class="details">
+<ul class="blockList">
+<li class="blockList">
+<!-- ============ FIELD DETAIL =========== -->
+<ul class="blockList">
+<li class="blockList"><a name="field_detail">
+<!--   -->
+</a>
+<h3>Field Detail</h3>
+<a name="CLOSE">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>CLOSE</h4>
+<pre>public static final&nbsp;int CLOSE</pre>
+<dl><dt><span class="strong">See Also:</span></dt><dd><a href="../constant-values.html#controlP5.ControllerProperties.CLOSE">Constant Field Values</a></dd></dl>
+</li>
+</ul>
+<a name="defaultName">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>defaultName</h4>
+<pre>public static&nbsp;java.lang.String defaultName</pre>
+</li>
+</ul>
+<a name="logger">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>logger</h4>
+<pre>public static final&nbsp;java.util.logging.Logger logger</pre>
+</li>
+</ul>
+<a name="OPEN">
+<!--   -->
+</a>
+<ul class="blockListLast">
+<li class="blockList">
+<h4>OPEN</h4>
+<pre>public static final&nbsp;int OPEN</pre>
+<dl><dt><span class="strong">See Also:</span></dt><dd><a href="../constant-values.html#controlP5.ControllerProperties.OPEN">Constant Field Values</a></dd></dl>
+</li>
+</ul>
+</li>
+</ul>
+<!-- ========= CONSTRUCTOR DETAIL ======== -->
+<ul class="blockList">
+<li class="blockList"><a name="constructor_detail">
+<!--   -->
+</a>
+<h3>Constructor Detail</h3>
+<a name="ControllerProperties(controlP5.ControlP5)">
+<!--   -->
+</a>
+<ul class="blockListLast">
+<li class="blockList">
+<h4>ControllerProperties</h4>
+<pre>public&nbsp;ControllerProperties(<a href="../controlP5/ControlP5.html" title="class in controlP5">ControlP5</a>&nbsp;theControlP5)</pre>
+</li>
+</ul>
+</li>
+</ul>
+<!-- ============ METHOD DETAIL ========== -->
+<ul class="blockList">
+<li class="blockList"><a name="method_detail">
+<!--   -->
+</a>
+<h3>Method Detail</h3>
+<a name="addSet(java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>addSet</h4>
+<pre>public&nbsp;<a href="../controlP5/ControllerProperties.html" title="class in controlP5">ControllerProperties</a>&nbsp;addSet(java.lang.String&nbsp;theSet)</pre>
+</li>
+</ul>
+<a name="copy(controlP5.ControllerInterface, java.lang.String...)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>copy</h4>
+<pre>public&nbsp;<a href="../controlP5/ControllerProperties.html" title="class in controlP5">ControllerProperties</a>&nbsp;copy(<a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;?&gt;&nbsp;theController,
+                        java.lang.String...&nbsp;theSet)</pre>
+</li>
+</ul>
+<a name="copy(controlP5.ControllerProperty, java.lang.String...)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>copy</h4>
+<pre>public&nbsp;<a href="../controlP5/ControllerProperties.html" title="class in controlP5">ControllerProperties</a>&nbsp;copy(<a href="../controlP5/ControllerProperty.html" title="class in controlP5">ControllerProperty</a>&nbsp;theProperty,
+                        java.lang.String...&nbsp;theSet)</pre>
+<div class="block">copies a ControllerProperty from one set to other(s);</div>
+</li>
+</ul>
+<a name="delete(controlP5.ControllerProperty)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>delete</h4>
+<pre>public&nbsp;<a href="../controlP5/ControllerProperties.html" title="class in controlP5">ControllerProperties</a>&nbsp;delete(<a href="../controlP5/ControllerProperty.html" title="class in controlP5">ControllerProperty</a>&nbsp;theProperty)</pre>
+<div class="block">deletes a ControllerProperty from all Sets including the default set.</div>
+</li>
+</ul>
+<a name="get()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>get</h4>
+<pre>public&nbsp;java.util.Map&lt;<a href="../controlP5/ControllerProperty.html" title="class in controlP5">ControllerProperty</a>,java.util.HashSet&lt;java.lang.String&gt;&gt;&nbsp;get()</pre>
+</li>
+</ul>
+<a name="get(controlP5.ControllerInterface)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>get</h4>
+<pre>public&nbsp;java.util.List&lt;<a href="../controlP5/ControllerProperty.html" title="class in controlP5">ControllerProperty</a>&gt;&nbsp;get(<a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;?&gt;&nbsp;theController)</pre>
+</li>
+</ul>
+<a name="getProperty(controlP5.ControllerInterface, java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getProperty</h4>
+<pre>public&nbsp;<a href="../controlP5/ControllerProperty.html" title="class in controlP5">ControllerProperty</a>&nbsp;getProperty(<a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;?&gt;&nbsp;theController,
+                             java.lang.String&nbsp;theProperty)</pre>
+</li>
+</ul>
+<a name="getProperty(controlP5.ControllerInterface, java.lang.String, java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getProperty</h4>
+<pre>public&nbsp;<a href="../controlP5/ControllerProperty.html" title="class in controlP5">ControllerProperty</a>&nbsp;getProperty(<a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;?&gt;&nbsp;theController,
+                             java.lang.String&nbsp;theSetter,
+                             java.lang.String&nbsp;theGetter)</pre>
+</li>
+</ul>
+<a name="getPropertySet(controlP5.ControllerInterface)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getPropertySet</h4>
+<pre>public&nbsp;java.util.HashSet&lt;<a href="../controlP5/ControllerProperty.html" title="class in controlP5">ControllerProperty</a>&gt;&nbsp;getPropertySet(<a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;?&gt;&nbsp;theController)</pre>
+</li>
+</ul>
+<a name="getSnapshot(java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getSnapshot</h4>
+<pre>public&nbsp;<a href="../controlP5/ControllerProperties.html" title="class in controlP5">ControllerProperties</a>&nbsp;getSnapshot(java.lang.String&nbsp;theKey)</pre>
+<div class="block">restores properties previously stored as snapshot in memory.</div>
+<dl><dt><span class="strong">See Also:</span></dt><dd><a href="../controlP5/ControllerProperties.html#setSnapshot(java.lang.String)"><code>setSnapshot(String)</code></a></dd></dl>
+</li>
+</ul>
+<a name="getSnapshotIndices()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getSnapshotIndices</h4>
+<pre>public&nbsp;java.util.ArrayList&lt;java.lang.String&gt;&nbsp;getSnapshotIndices()</pre>
+<div class="block">properties stored in memory can be accessed by index, getSnapshotIndices() returns the index of the snapshot
+ list.</div>
+</li>
+</ul>
+<a name="load()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>load</h4>
+<pre>public&nbsp;boolean&nbsp;load()</pre>
+<div class="block">load properties from the default properties file 'controlP5.properties'</div>
+</li>
+</ul>
+<a name="load(java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>load</h4>
+<pre>public&nbsp;boolean&nbsp;load(java.lang.String&nbsp;thePropertiesPath)</pre>
+</li>
+</ul>
+<a name="move(controlP5.ControllerInterface, java.lang.String, java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>move</h4>
+<pre>public&nbsp;<a href="../controlP5/ControllerProperties.html" title="class in controlP5">ControllerProperties</a>&nbsp;move(<a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;?&gt;&nbsp;theController,
+                        java.lang.String&nbsp;fromSet,
+                        java.lang.String&nbsp;toSet)</pre>
+</li>
+</ul>
+<a name="move(controlP5.ControllerProperty, java.lang.String, java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>move</h4>
+<pre>public&nbsp;<a href="../controlP5/ControllerProperties.html" title="class in controlP5">ControllerProperties</a>&nbsp;move(<a href="../controlP5/ControllerProperty.html" title="class in controlP5">ControllerProperty</a>&nbsp;theProperty,
+                        java.lang.String&nbsp;fromSet,
+                        java.lang.String&nbsp;toSet)</pre>
+<div class="block">Moves a ControllerProperty from one set to another.</div>
+</li>
+</ul>
+<a name="only(controlP5.ControllerProperty, java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>only</h4>
+<pre>public&nbsp;<a href="../controlP5/ControllerProperties.html" title="class in controlP5">ControllerProperties</a>&nbsp;only(<a href="../controlP5/ControllerProperty.html" title="class in controlP5">ControllerProperty</a>&nbsp;theProperty,
+                        java.lang.String&nbsp;theSet)</pre>
+<div class="block">stores a ControllerProperty in one particular set only.</div>
+</li>
+</ul>
+<a name="print()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>print</h4>
+<pre>public&nbsp;<a href="../controlP5/ControllerProperties.html" title="class in controlP5">ControllerProperties</a>&nbsp;print()</pre>
+</li>
+</ul>
+<a name="register(controlP5.ControllerInterface, java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>register</h4>
+<pre>public&nbsp;<a href="../controlP5/ControllerProperties.html" title="class in controlP5">ControllerProperties</a>&nbsp;register(<a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;?&gt;&nbsp;theController,
+                            java.lang.String&nbsp;theProperty)</pre>
+<div class="block">registering a property with only one parameter assumes that there is a setter and getter function present for the
+ Controller. register("value") for example would create a property reference to setValue and getValue. Notice that
+ the first letter of value is being capitalized.</div>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theProperty</code> - </dd>
+<dt><span class="strong">Returns:</span></dt><dd></dd></dl>
+</li>
+</ul>
+<a name="register(controlP5.ControllerInterface, java.lang.String, java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>register</h4>
+<pre>public&nbsp;<a href="../controlP5/ControllerProperty.html" title="class in controlP5">ControllerProperty</a>&nbsp;register(<a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;?&gt;&nbsp;theController,
+                          java.lang.String&nbsp;thePropertySetter,
+                          java.lang.String&nbsp;thePropertyGetter)</pre>
+<div class="block">adds a property based on names of setter and getter methods of a controller.</div>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>thePropertySetter</code> - </dd><dd><code>thePropertyGetter</code> - </dd></dl>
+</li>
+</ul>
+<a name="remove(controlP5.ControllerInterface)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>remove</h4>
+<pre>public&nbsp;<a href="../controlP5/ControllerProperties.html" title="class in controlP5">ControllerProperties</a>&nbsp;remove(<a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;?&gt;&nbsp;theController)</pre>
+</li>
+</ul>
+<a name="remove(controlP5.ControllerInterface, java.lang.String...)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>remove</h4>
+<pre>public&nbsp;<a href="../controlP5/ControllerProperties.html" title="class in controlP5">ControllerProperties</a>&nbsp;remove(<a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;?&gt;&nbsp;theController,
+                          java.lang.String...&nbsp;theSet)</pre>
+</li>
+</ul>
+<a name="remove(controlP5.ControllerInterface, java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>remove</h4>
+<pre>public&nbsp;<a href="../controlP5/ControllerProperties.html" title="class in controlP5">ControllerProperties</a>&nbsp;remove(<a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;?&gt;&nbsp;theController,
+                          java.lang.String&nbsp;theProperty)</pre>
+</li>
+</ul>
+<a name="remove(controlP5.ControllerInterface, java.lang.String, java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>remove</h4>
+<pre>public&nbsp;<a href="../controlP5/ControllerProperties.html" title="class in controlP5">ControllerProperties</a>&nbsp;remove(<a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;?&gt;&nbsp;theController,
+                          java.lang.String&nbsp;theSetter,
+                          java.lang.String&nbsp;theGetter)</pre>
+</li>
+</ul>
+<a name="remove(controlP5.ControllerProperty, java.lang.String...)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>remove</h4>
+<pre>public&nbsp;<a href="../controlP5/ControllerProperties.html" title="class in controlP5">ControllerProperties</a>&nbsp;remove(<a href="../controlP5/ControllerProperty.html" title="class in controlP5">ControllerProperty</a>&nbsp;theProperty,
+                          java.lang.String...&nbsp;theSet)</pre>
+<div class="block">removes a ControllerProperty from one or multiple sets.</div>
+</li>
+</ul>
+<a name="removeSnapshot(java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>removeSnapshot</h4>
+<pre>public&nbsp;<a href="../controlP5/ControllerProperties.html" title="class in controlP5">ControllerProperties</a>&nbsp;removeSnapshot(java.lang.String&nbsp;theKey)</pre>
+<div class="block">removes a snapshot by key.</div>
+</li>
+</ul>
+<a name="save()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>save</h4>
+<pre>public&nbsp;boolean&nbsp;save()</pre>
+<div class="block">saves all registered properties into the default 'controlP5.properties' file into your sketch folder.</div>
+</li>
+</ul>
+<a name="saveAs(java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>saveAs</h4>
+<pre>public&nbsp;boolean&nbsp;saveAs(java.lang.String&nbsp;thePropertiesPath)</pre>
+<div class="block">saves all registered properties into a file specified by parameter thePropertiesPath.</div>
+</li>
+</ul>
+<a name="saveAs(java.lang.String, java.lang.String...)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>saveAs</h4>
+<pre>public&nbsp;boolean&nbsp;saveAs(java.lang.String&nbsp;thePropertiesPath,
+             java.lang.String...&nbsp;theSets)</pre>
+<div class="block">saves a list of properties sets into a file specified by parameter thePropertiesPath.</div>
+</li>
+</ul>
+<a name="saveSnapshot(java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>saveSnapshot</h4>
+<pre>public&nbsp;<a href="../controlP5/ControllerProperties.html" title="class in controlP5">ControllerProperties</a>&nbsp;saveSnapshot(java.lang.String&nbsp;theKey)</pre>
+<div class="block">saves a snapshot into your sketch's sketch folder.</div>
+</li>
+</ul>
+<a name="saveSnapshotAs(java.lang.String, java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>saveSnapshotAs</h4>
+<pre>public&nbsp;<a href="../controlP5/ControllerProperties.html" title="class in controlP5">ControllerProperties</a>&nbsp;saveSnapshotAs(java.lang.String&nbsp;thePropertiesPath,
+                                  java.lang.String&nbsp;theKey)</pre>
+<div class="block">saves a snapshot to the file with path given by the first parameter (thePropertiesPath).</div>
+</li>
+</ul>
+<a name="setFormat(controlP5.ControllerProperties.PropertiesStorageFormat)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setFormat</h4>
+<pre>public&nbsp;void&nbsp;setFormat(controlP5.ControllerProperties.PropertiesStorageFormat&nbsp;theFormat)</pre>
+<div class="block">use ControllerProperties.SERIALIZED, ControllerProperties.XML or ControllerProperties.JSON as parameter.</div>
+</li>
+</ul>
+<a name="setSnapshot(java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setSnapshot</h4>
+<pre>public&nbsp;<a href="../controlP5/ControllerProperties.html" title="class in controlP5">ControllerProperties</a>&nbsp;setSnapshot(java.lang.String&nbsp;theKey)</pre>
+<div class="block">logs all registered properties in memory. Here, clones of properties are stored inside a map and can be accessed
+ by key using the getLog method.</div>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theKey</code> - </dd>
+<dt><span class="strong">Returns:</span></dt><dd>ControllerProperties</dd><dt><span class="strong">See Also:</span></dt><dd><a href="../controlP5/ControllerProperties.html#getSnapshot(java.lang.String)"><code>getSnapshot(String)</code></a></dd></dl>
+</li>
+</ul>
+<a name="toString()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>toString</h4>
+<pre>public&nbsp;java.lang.String&nbsp;toString()</pre>
+<dl>
+<dt><strong>Overrides:</strong></dt>
+<dd><code>toString</code>&nbsp;in class&nbsp;<code>java.lang.Object</code></dd>
+</dl>
+</li>
+</ul>
+<a name="updateSnapshot(java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockListLast">
+<li class="blockList">
+<h4>updateSnapshot</h4>
+<pre>public&nbsp;<a href="../controlP5/ControllerProperties.html" title="class in controlP5">ControllerProperties</a>&nbsp;updateSnapshot(java.lang.String&nbsp;theKey)</pre>
+<div class="block">convenience method, setSnapshot(String) also works here since it will override existing log with the same key.</div>
+</li>
+</ul>
+</li>
+</ul>
+</li>
+</ul>
+</div>
+</div>
+<!-- ========= END OF CLASS DATA ========= -->
+<!-- ======= START OF BOTTOM NAVBAR ====== -->
+<div class="bottomNav"><a name="navbar_bottom">
+<!--   -->
+</a><a href="#skip-navbar_bottom" title="Skip navigation links"></a><a name="navbar_bottom_firstrow">
+<!--   -->
+</a>
+<ul class="navList" title="Navigation">
+<li><a href="../controlP5/package-summary.html">Package</a></li>
+<li class="navBarCell1Rev">Class</li>
+<li><a href="package-tree.html">Tree</a></li>
+<li><a href="../index-all.html">Index</a></li>
+<li><a href="../help-doc.html">Help</a></li>
+</ul>
+</div>
+<div class="subNav">
+<ul class="navList">
+<li><a href="../controlP5/ControllerPlug.html" title="class in controlP5"><span class="strong">Prev Class</span></a></li>
+<li><a href="../controlP5/ControllerProperty.html" title="class in controlP5"><span class="strong">Next Class</span></a></li>
+</ul>
+<ul class="navList">
+<li><a href="../index.html?controlP5/ControllerProperties.html" target="_top">Frames</a></li>
+<li><a href="ControllerProperties.html" target="_top">No Frames</a></li>
+</ul>
+<ul class="navList" id="allclasses_navbar_bottom">
+<li><a href="../allclasses-noframe.html">All Classes</a></li>
+</ul>
+<div>
+<script type="text/javascript"><!--
+  allClassesLink = document.getElementById("allclasses_navbar_bottom");
+  if(window==top) {
+    allClassesLink.style.display = "block";
+  }
+  else {
+    allClassesLink.style.display = "none";
+  }
+  //-->
+</script>
+</div>
+<div>
+<ul class="subNavList">
+<li>Summary:&nbsp;</li>
+<li>Nested&nbsp;|&nbsp;</li>
+<li><a href="#field_summary">Field</a>&nbsp;|&nbsp;</li>
+<li><a href="#constructor_summary">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_summary">Method</a></li>
+</ul>
+<ul class="subNavList">
+<li>Detail:&nbsp;</li>
+<li><a href="#field_detail">Field</a>&nbsp;|&nbsp;</li>
+<li><a href="#constructor_detail">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_detail">Method</a></li>
+</ul>
+</div>
+<a name="skip-navbar_bottom">
+<!--   -->
+</a></div>
+<!-- ======== END OF BOTTOM NAVBAR ======= -->
+<p class="legalCopy"><small>processing library controlP5 by Andreas Schlegel. (c) 2006-2014</small></p>
+</body>
+</html>
diff --git a/reference/controlP5/ControllerProperty.html b/reference/controlP5/ControllerProperty.html
new file mode 100644
index 0000000..c5428cd
--- /dev/null
+++ b/reference/controlP5/ControllerProperty.html
@@ -0,0 +1,456 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
+<!-- NewPage -->
+<html lang="en">
+<head>
+<!-- Generated by javadoc (version 1.7.0_51) on Sun Apr 27 21:39:47 SGT 2014 -->
+<title>ControllerProperty (Javadocs: controlP5)</title>
+<meta name="date" content="2014-04-27">
+<link rel="stylesheet" type="text/css" href="../stylesheet.css" title="Style">
+</head>
+<body>
+<script type="text/javascript"><!--
+    if (location.href.indexOf('is-external=true') == -1) {
+        parent.document.title="ControllerProperty (Javadocs: controlP5)";
+    }
+//-->
+</script>
+<noscript>
+<div>JavaScript is disabled on your browser.</div>
+</noscript>
+<!-- ========= START OF TOP NAVBAR ======= -->
+<div class="topNav"><a name="navbar_top">
+<!--   -->
+</a><a href="#skip-navbar_top" title="Skip navigation links"></a><a name="navbar_top_firstrow">
+<!--   -->
+</a>
+<ul class="navList" title="Navigation">
+<li><a href="../controlP5/package-summary.html">Package</a></li>
+<li class="navBarCell1Rev">Class</li>
+<li><a href="package-tree.html">Tree</a></li>
+<li><a href="../index-all.html">Index</a></li>
+<li><a href="../help-doc.html">Help</a></li>
+</ul>
+</div>
+<div class="subNav">
+<ul class="navList">
+<li><a href="../controlP5/ControllerProperties.html" title="class in controlP5"><span class="strong">Prev Class</span></a></li>
+<li><a href="../controlP5/ControllerStyle.html" title="class in controlP5"><span class="strong">Next Class</span></a></li>
+</ul>
+<ul class="navList">
+<li><a href="../index.html?controlP5/ControllerProperty.html" target="_top">Frames</a></li>
+<li><a href="ControllerProperty.html" target="_top">No Frames</a></li>
+</ul>
+<ul class="navList" id="allclasses_navbar_top">
+<li><a href="../allclasses-noframe.html">All Classes</a></li>
+</ul>
+<div>
+<script type="text/javascript"><!--
+  allClassesLink = document.getElementById("allclasses_navbar_top");
+  if(window==top) {
+    allClassesLink.style.display = "block";
+  }
+  else {
+    allClassesLink.style.display = "none";
+  }
+  //-->
+</script>
+</div>
+<div>
+<ul class="subNavList">
+<li>Summary:&nbsp;</li>
+<li>Nested&nbsp;|&nbsp;</li>
+<li>Field&nbsp;|&nbsp;</li>
+<li>Constr&nbsp;|&nbsp;</li>
+<li><a href="#method_summary">Method</a></li>
+</ul>
+<ul class="subNavList">
+<li>Detail:&nbsp;</li>
+<li>Field&nbsp;|&nbsp;</li>
+<li>Constr&nbsp;|&nbsp;</li>
+<li><a href="#method_detail">Method</a></li>
+</ul>
+</div>
+<a name="skip-navbar_top">
+<!--   -->
+</a></div>
+<!-- ========= END OF TOP NAVBAR ========= -->
+<!-- ======== START OF CLASS DATA ======== -->
+<div class="header">
+<div class="subTitle">controlP5</div>
+<h2 title="Class ControllerProperty" class="title">Class ControllerProperty</h2>
+</div>
+<div class="contentContainer">
+<ul class="inheritance">
+<li>java.lang.Object</li>
+<li>
+<ul class="inheritance">
+<li>controlP5.ControllerProperty</li>
+</ul>
+</li>
+</ul>
+<div class="description">
+<ul class="blockList">
+<li class="blockList">
+<dl>
+<dt>All Implemented Interfaces:</dt>
+<dd>java.io.Serializable, java.lang.Cloneable</dd>
+</dl>
+<hr>
+<br>
+<pre>public class <span class="strong">ControllerProperty</span>
+extends java.lang.Object
+implements java.io.Serializable, java.lang.Cloneable</pre>
+<div class="block">A controller property saves the value, address, getter and setter of a registered controller.</div>
+<dl><dt><span class="strong">See Also:</span></dt><dd><a href="../serialized-form.html#controlP5.ControllerProperty">Serialized Form</a></dd><script type="text/javascript">
+<!--
+document.getElementsByTagName('html')[0].className = 'isjs';function toggle(dt) { var display, dd=dt; do{ dd = dd.nextSibling } while(dd.tagName!='DD'); toOpen =!dd.style.display;dd.style.display = toOpen? 'block':''; dt.getElementsByTagName('span')[0].innerHTML  = toOpen? '-':'+' ; }
+-->
+</script>
+<div id="test" class="toggleList"><dl><dt onclick="toggle(this);"><span>+</span>Example</dt><dd><code><pre>/**
+ * ControlP5 Properties 
+ *
+ *
+ * saves controller values to a properties-file
+ * loads controller values from a properties-file
+ *
+ * Properties will only save values not the Controller itself.
+ * 
+ * Also take a look at the use/ControlP5snapshot example to 
+ * save controller values to memory.
+ *
+ * Use ControllerProperties to load and save serialized controller properties 
+ * to a properties file. 
+ * The controllers implementing save/load properties so far are 
+ * Slider, Knob, Numberbox, Toggle, Checkbox, RadioButton, Textlabel, 
+ * Matrix, Range, Textarea, ListBox, Dropdown, ColorPicker. 
+ * Properties are currently saved in the java serialization format.
+ *
+ * saveProperties(String theFilename) and loadProperties(String theFilename) 
+ * by default properties will be saved to your sketch folder as controlP5.ser
+ * if that file already exists it will be overwritten. for custom property files
+ * see the comments inside keyPressed() below.
+ *
+ * find a list of public methods available for the ControllerProperties class 
+ * at the bottom of this sketch's source code
+ *
+ * default properties load/save key combinations are 
+ * alt+shift+l to load properties
+ * alt+shift+s to save properties
+ *
+ * by andreas schlegel, 2012
+ * www.sojamo.de/libraries/controlp5
+ *
+ */
+
+import controlP5.*;
+
+ControlP5 cp5;
+public int myColor = color(0, 0, 0);
+
+public int sliderValue = 100;
+public int sliderTicks1 = 100;
+public int sliderTicks2 = 30;
+
+
+void setup() {
+  size(700, 400);
+  noStroke();
+  
+  cp5 = new ControlP5(this);
+  
+  cp5.addSlider("slider")
+     .setBroadcast(false)
+     .setRange(0, 200)
+     .setPosition(20, 100)
+     .setSize(10, 100)
+     .setBroadcast(true)
+     .setValue(100)
+     ;
+  
+  cp5.addSlider("sliderTicks1")
+     .setRange(0, 255)
+     .setPosition(100, 100)
+     .setSize(10, 100)
+     .setNumberOfTickMarks(5)
+     ;
+
+  cp5.addSlider("sliderValue")
+     .setRange(0, 255)
+     .setValue(128)
+     .setPosition(200, 180)
+     .setSize(100, 10)
+     ;
+     
+  cp5.addSlider("sliderTicks2")
+     .setRange(0, 255)
+     .setValue(128)
+     .setPosition(200, 220)
+     .setSize(100, 10)
+     .setNumberOfTickMarks(7)
+     .setSliderMode(Slider.FLEXIBLE)
+     ;
+     
+}
+
+void draw() {
+  background(sliderTicks1);
+
+  fill(sliderValue);
+  rect(0, 0, width, 100);
+
+  fill(myColor);
+  rect(0, 300, width, 70);
+
+  fill(sliderTicks2);
+  rect(0, 370, width, 30);
+}
+
+public void slider(float theColor) {
+  myColor = color(theColor);
+  println("a slider event. setting background to "+theColor);
+}
+
+void keyPressed() {
+  // default properties load/save key combinations are 
+  // alt+shift+l to load properties
+  // alt+shift+s to save properties
+  if (key=='1') {
+    cp5.saveProperties(("hello.properties"));
+  } 
+  else if (key=='2') {
+    cp5.loadProperties(("hello.properties"));
+  }
+}
+
+/*
+a list of all methods available for the ControllerProperties Controller
+use ControlP5.printPublicMethodsFor(ControllerProperties.class);
+to print the following list into the console.
+
+You can find further details about class ControllerProperties in the javadoc.
+
+Format:
+ClassName : returnType methodName(parameter type)
+
+
+controlP5.ControllerProperties : ArrayList getSnapshotIndices() 
+controlP5.ControllerProperties : ControllerProperties addSet(String) 
+controlP5.ControllerProperties : ControllerProperties delete(ControllerProperty) 
+controlP5.ControllerProperties : ControllerProperties getSnapshot(String) 
+controlP5.ControllerProperties : ControllerProperties move(ControllerInterface, String, String) 
+controlP5.ControllerProperties : ControllerProperties move(ControllerProperty, String, String) 
+controlP5.ControllerProperties : ControllerProperties only(ControllerProperty, String) 
+controlP5.ControllerProperties : ControllerProperties print() 
+controlP5.ControllerProperties : ControllerProperties register(ControllerInterface, String) 
+controlP5.ControllerProperties : ControllerProperties remove(ControllerInterface) 
+controlP5.ControllerProperties : ControllerProperties remove(ControllerInterface, String) 
+controlP5.ControllerProperties : ControllerProperties remove(ControllerInterface, String, String) 
+controlP5.ControllerProperties : ControllerProperties removeSnapshot(String) 
+controlP5.ControllerProperties : ControllerProperties saveSnapshot(String) 
+controlP5.ControllerProperties : ControllerProperties saveSnapshotAs(String, String) 
+controlP5.ControllerProperties : ControllerProperties setSnapshot(String) 
+controlP5.ControllerProperties : ControllerProperties updateSnapshot(String) 
+controlP5.ControllerProperties : ControllerProperty getProperty(ControllerInterface, String) 
+controlP5.ControllerProperties : ControllerProperty getProperty(ControllerInterface, String, String) 
+controlP5.ControllerProperties : ControllerProperty register(ControllerInterface, String, String) 
+controlP5.ControllerProperties : HashSet getPropertySet(ControllerInterface) 
+controlP5.ControllerProperties : List get(ControllerInterface) 
+controlP5.ControllerProperties : Map get() 
+controlP5.ControllerProperties : String toString() 
+controlP5.ControllerProperties : boolean load() 
+controlP5.ControllerProperties : boolean load(String) 
+controlP5.ControllerProperties : boolean save() 
+controlP5.ControllerProperties : boolean saveAs(String) 
+controlP5.ControllerProperties : void setFormat(Format) 
+java.lang.Object : String toString() 
+java.lang.Object : boolean equals(Object) 
+
+
+*/
+
+
+</pre></code></dd></dl></div></dl>
+</li>
+</ul>
+</div>
+<div class="summary">
+<ul class="blockList">
+<li class="blockList">
+<!-- ========== METHOD SUMMARY =========== -->
+<ul class="blockList">
+<li class="blockList"><a name="method_summary">
+<!--   -->
+</a>
+<h3>Method Summary</h3>
+<table class="overviewSummary" border="0" cellpadding="3" cellspacing="0" summary="Method Summary table, listing methods, and an explanation">
+<caption><span>Methods</span><span class="tabEnd">&nbsp;</span></caption>
+<tr>
+<th class="colFirst" scope="col">Modifier and Type</th>
+<th class="colLast" scope="col">Method and Description</th>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>void</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerProperty.html#disable()">disable</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>void</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerProperty.html#enable()">enable</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>boolean</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerProperty.html#equals(java.lang.Object)">equals</a></strong>(java.lang.Object&nbsp;o)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerProperty.html#hashCode()">hashCode</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>java.lang.String</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerProperty.html#toString()">toString</a></strong>()</code>&nbsp;</td>
+</tr>
+</table>
+<ul class="blockList">
+<li class="blockList"><a name="methods_inherited_from_class_java.lang.Object">
+<!--   -->
+</a>
+<h3>Methods inherited from class&nbsp;java.lang.Object</h3>
+<code>getClass, notify, notifyAll, wait, wait, wait</code></li>
+</ul>
+</li>
+</ul>
+</li>
+</ul>
+</div>
+<div class="details">
+<ul class="blockList">
+<li class="blockList">
+<!-- ============ METHOD DETAIL ========== -->
+<ul class="blockList">
+<li class="blockList"><a name="method_detail">
+<!--   -->
+</a>
+<h3>Method Detail</h3>
+<a name="disable()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>disable</h4>
+<pre>public&nbsp;void&nbsp;disable()</pre>
+</li>
+</ul>
+<a name="enable()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>enable</h4>
+<pre>public&nbsp;void&nbsp;enable()</pre>
+</li>
+</ul>
+<a name="equals(java.lang.Object)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>equals</h4>
+<pre>public&nbsp;boolean&nbsp;equals(java.lang.Object&nbsp;o)</pre>
+<dl>
+<dt><strong>Overrides:</strong></dt>
+<dd><code>equals</code>&nbsp;in class&nbsp;<code>java.lang.Object</code></dd>
+</dl>
+</li>
+</ul>
+<a name="hashCode()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>hashCode</h4>
+<pre>public&nbsp;int&nbsp;hashCode()</pre>
+<dl>
+<dt><strong>Overrides:</strong></dt>
+<dd><code>hashCode</code>&nbsp;in class&nbsp;<code>java.lang.Object</code></dd>
+</dl>
+</li>
+</ul>
+<a name="toString()">
+<!--   -->
+</a>
+<ul class="blockListLast">
+<li class="blockList">
+<h4>toString</h4>
+<pre>public&nbsp;java.lang.String&nbsp;toString()</pre>
+<dl>
+<dt><strong>Overrides:</strong></dt>
+<dd><code>toString</code>&nbsp;in class&nbsp;<code>java.lang.Object</code></dd>
+</dl>
+</li>
+</ul>
+</li>
+</ul>
+</li>
+</ul>
+</div>
+</div>
+<!-- ========= END OF CLASS DATA ========= -->
+<!-- ======= START OF BOTTOM NAVBAR ====== -->
+<div class="bottomNav"><a name="navbar_bottom">
+<!--   -->
+</a><a href="#skip-navbar_bottom" title="Skip navigation links"></a><a name="navbar_bottom_firstrow">
+<!--   -->
+</a>
+<ul class="navList" title="Navigation">
+<li><a href="../controlP5/package-summary.html">Package</a></li>
+<li class="navBarCell1Rev">Class</li>
+<li><a href="package-tree.html">Tree</a></li>
+<li><a href="../index-all.html">Index</a></li>
+<li><a href="../help-doc.html">Help</a></li>
+</ul>
+</div>
+<div class="subNav">
+<ul class="navList">
+<li><a href="../controlP5/ControllerProperties.html" title="class in controlP5"><span class="strong">Prev Class</span></a></li>
+<li><a href="../controlP5/ControllerStyle.html" title="class in controlP5"><span class="strong">Next Class</span></a></li>
+</ul>
+<ul class="navList">
+<li><a href="../index.html?controlP5/ControllerProperty.html" target="_top">Frames</a></li>
+<li><a href="ControllerProperty.html" target="_top">No Frames</a></li>
+</ul>
+<ul class="navList" id="allclasses_navbar_bottom">
+<li><a href="../allclasses-noframe.html">All Classes</a></li>
+</ul>
+<div>
+<script type="text/javascript"><!--
+  allClassesLink = document.getElementById("allclasses_navbar_bottom");
+  if(window==top) {
+    allClassesLink.style.display = "block";
+  }
+  else {
+    allClassesLink.style.display = "none";
+  }
+  //-->
+</script>
+</div>
+<div>
+<ul class="subNavList">
+<li>Summary:&nbsp;</li>
+<li>Nested&nbsp;|&nbsp;</li>
+<li>Field&nbsp;|&nbsp;</li>
+<li>Constr&nbsp;|&nbsp;</li>
+<li><a href="#method_summary">Method</a></li>
+</ul>
+<ul class="subNavList">
+<li>Detail:&nbsp;</li>
+<li>Field&nbsp;|&nbsp;</li>
+<li>Constr&nbsp;|&nbsp;</li>
+<li><a href="#method_detail">Method</a></li>
+</ul>
+</div>
+<a name="skip-navbar_bottom">
+<!--   -->
+</a></div>
+<!-- ======== END OF BOTTOM NAVBAR ======= -->
+<p class="legalCopy"><small>processing library controlP5 by Andreas Schlegel. (c) 2006-2014</small></p>
+</body>
+</html>
diff --git a/reference/controlP5/ControllerStyle.html b/reference/controlP5/ControllerStyle.html
new file mode 100644
index 0000000..f01b108
--- /dev/null
+++ b/reference/controlP5/ControllerStyle.html
@@ -0,0 +1,784 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
+<!-- NewPage -->
+<html lang="en">
+<head>
+<!-- Generated by javadoc (version 1.7.0_51) on Sun Apr 27 21:39:47 SGT 2014 -->
+<title>ControllerStyle (Javadocs: controlP5)</title>
+<meta name="date" content="2014-04-27">
+<link rel="stylesheet" type="text/css" href="../stylesheet.css" title="Style">
+</head>
+<body>
+<script type="text/javascript"><!--
+    if (location.href.indexOf('is-external=true') == -1) {
+        parent.document.title="ControllerStyle (Javadocs: controlP5)";
+    }
+//-->
+</script>
+<noscript>
+<div>JavaScript is disabled on your browser.</div>
+</noscript>
+<!-- ========= START OF TOP NAVBAR ======= -->
+<div class="topNav"><a name="navbar_top">
+<!--   -->
+</a><a href="#skip-navbar_top" title="Skip navigation links"></a><a name="navbar_top_firstrow">
+<!--   -->
+</a>
+<ul class="navList" title="Navigation">
+<li><a href="../controlP5/package-summary.html">Package</a></li>
+<li class="navBarCell1Rev">Class</li>
+<li><a href="package-tree.html">Tree</a></li>
+<li><a href="../index-all.html">Index</a></li>
+<li><a href="../help-doc.html">Help</a></li>
+</ul>
+</div>
+<div class="subNav">
+<ul class="navList">
+<li><a href="../controlP5/ControllerProperty.html" title="class in controlP5"><span class="strong">Prev Class</span></a></li>
+<li><a href="../controlP5/ControllerView.html" title="interface in controlP5"><span class="strong">Next Class</span></a></li>
+</ul>
+<ul class="navList">
+<li><a href="../index.html?controlP5/ControllerStyle.html" target="_top">Frames</a></li>
+<li><a href="ControllerStyle.html" target="_top">No Frames</a></li>
+</ul>
+<ul class="navList" id="allclasses_navbar_top">
+<li><a href="../allclasses-noframe.html">All Classes</a></li>
+</ul>
+<div>
+<script type="text/javascript"><!--
+  allClassesLink = document.getElementById("allclasses_navbar_top");
+  if(window==top) {
+    allClassesLink.style.display = "block";
+  }
+  else {
+    allClassesLink.style.display = "none";
+  }
+  //-->
+</script>
+</div>
+<div>
+<ul class="subNavList">
+<li>Summary:&nbsp;</li>
+<li>Nested&nbsp;|&nbsp;</li>
+<li><a href="#field_summary">Field</a>&nbsp;|&nbsp;</li>
+<li><a href="#constructor_summary">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_summary">Method</a></li>
+</ul>
+<ul class="subNavList">
+<li>Detail:&nbsp;</li>
+<li><a href="#field_detail">Field</a>&nbsp;|&nbsp;</li>
+<li><a href="#constructor_detail">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_detail">Method</a></li>
+</ul>
+</div>
+<a name="skip-navbar_top">
+<!--   -->
+</a></div>
+<!-- ========= END OF TOP NAVBAR ========= -->
+<!-- ======== START OF CLASS DATA ======== -->
+<div class="header">
+<div class="subTitle">controlP5</div>
+<h2 title="Class ControllerStyle" class="title">Class ControllerStyle</h2>
+</div>
+<div class="contentContainer">
+<ul class="inheritance">
+<li>java.lang.Object</li>
+<li>
+<ul class="inheritance">
+<li>controlP5.ControllerStyle</li>
+</ul>
+</li>
+</ul>
+<div class="description">
+<ul class="blockList">
+<li class="blockList">
+<dl>
+<dt>All Implemented Interfaces:</dt>
+<dd>java.io.Serializable</dd>
+</dl>
+<hr>
+<br>
+<pre>public class <span class="strong">ControllerStyle</span>
+extends java.lang.Object
+implements java.io.Serializable</pre>
+<div class="block">Labels use the ControllerStyle class to store margin and padding information.</div>
+<dl><dt><span class="strong">See Also:</span></dt><dd><a href="../controlP5/Label.html#getStyle()"><code>Label.getStyle()</code></a>, 
+<a href="../serialized-form.html#controlP5.ControllerStyle">Serialized Form</a></dd><script type="text/javascript">
+<!--
+document.getElementsByTagName('html')[0].className = 'isjs';function toggle(dt) { var display, dd=dt; do{ dd = dd.nextSibling } while(dd.tagName!='DD'); toOpen =!dd.style.display;dd.style.display = toOpen? 'block':''; dt.getElementsByTagName('span')[0].innerHTML  = toOpen? '-':'+' ; }
+-->
+</script>
+<div id="test" class="toggleList"><dl><dt onclick="toggle(this);"><span>+</span>Example</dt><dd><code><pre>/**
+* ControlP5 ControllerStyle
+*
+*
+* find a list of public methods available for the ControllerStyle Controller
+* at the bottom of this sketch.
+*
+* by Andreas Schlegel, 2011
+* www.sojamo.de/libraries/controlp5
+*
+*/
+
+import controlP5.*;
+
+ControlP5 cp5;
+
+float v1 = 50, v2 = 100, v3 = 100, v4 = 100;
+
+void setup() {
+  size(400,600);
+  smooth();
+  noStroke();
+  cp5 = new ControlP5(this);
+  
+  cp5.begin(100,100);
+  cp5.addSlider("v1",0,255).linebreak();
+  cp5.addSlider("v2",0,200).linebreak();
+  cp5.addSlider("v3",0,300).linebreak();
+  cp5.addSlider("v4",0,400);
+  cp5.end();
+  
+  // change the caption label for controller v1 and apply styles
+  cp5.getController("v1").setCaptionLabel("Background");
+  style("v1");
+  
+  // change the caption label for controller v2 and apply styles
+  cp5.getController("v2").setCaptionLabel("Ellipse A");
+  style("v2");
+  
+  // change the caption label for controller v3 and apply styles
+  cp5.getController("v3").setCaptionLabel("Ellipse B");
+  style("v3");
+  
+  // change the caption label for controller v3 and apply styles
+  cp5.getController("v4").setCaptionLabel("Ellipse C");
+  style("v4");
+  
+  
+}
+
+void style(String theControllerName) {
+  Controller c = cp5.getController(theControllerName);
+  // adjust the height of the controller
+  c.setHeight(15);
+  
+  // add some padding to the caption label background
+  c.getCaptionLabel().getStyle().setPadding(4,4,3,4);
+  
+  // shift the caption label up by 4px
+  c.getCaptionLabel().getStyle().setMargin(-4,0,0,0); 
+  
+  // set the background color of the caption label
+  c.getCaptionLabel().setColorBackground(color(10,20,30,140));
+}
+
+void draw() {
+  background(v1);
+  fill(255,255,220,100);
+  ellipse(width/2-100, height/2-100,v2 + 50,v2 + 50);
+  ellipse(width/2+100, height/2,v3,v3);
+  ellipse(width/2, height/2+100,v4,v4);
+}
+
+
+
+/*
+a list of all methods available for the ControllerStyle Controller
+use ControlP5.printPublicMethodsFor(ControllerStyle.class);
+to print the following list into the console.
+
+You can find further details about class ControllerStyle in the javadoc.
+
+Format:
+ClassName : returnType methodName(parameter type)
+
+
+
+
+controlP5.ControllerStyle : ControllerStyle margin(int) 
+controlP5.ControllerStyle : ControllerStyle margin(int, int, int, int) 
+controlP5.ControllerStyle : ControllerStyle moveMargin(int, int, int, int) 
+controlP5.ControllerStyle : ControllerStyle movePadding(int, int, int, int) 
+controlP5.ControllerStyle : ControllerStyle padding(int) 
+controlP5.ControllerStyle : ControllerStyle padding(int, int, int, int) 
+controlP5.ControllerStyle : ControllerStyle setMargin(int, int, int, int) 
+controlP5.ControllerStyle : ControllerStyle setMarginBottom(int) 
+controlP5.ControllerStyle : ControllerStyle setMarginLeft(int) 
+controlP5.ControllerStyle : ControllerStyle setMarginRight(int) 
+controlP5.ControllerStyle : ControllerStyle setMarginTop(int) 
+controlP5.ControllerStyle : ControllerStyle setPadding(int, int, int, int) 
+controlP5.ControllerStyle : ControllerStyle setPaddingBottom(int) 
+controlP5.ControllerStyle : ControllerStyle setPaddingLeft(int) 
+controlP5.ControllerStyle : ControllerStyle setPaddingRight(int) 
+controlP5.ControllerStyle : ControllerStyle setPaddingTop(int) 
+java.lang.Object : String toString() 
+java.lang.Object : boolean equals(Object) 
+
+
+*/
+
+</pre></code></dd></dl></div></dl>
+</li>
+</ul>
+</div>
+<div class="summary">
+<ul class="blockList">
+<li class="blockList">
+<!-- =========== FIELD SUMMARY =========== -->
+<ul class="blockList">
+<li class="blockList"><a name="field_summary">
+<!--   -->
+</a>
+<h3>Field Summary</h3>
+<table class="overviewSummary" border="0" cellpadding="3" cellspacing="0" summary="Field Summary table, listing fields, and an explanation">
+<caption><span>Fields</span><span class="tabEnd">&nbsp;</span></caption>
+<tr>
+<th class="colFirst" scope="col">Modifier and Type</th>
+<th class="colLast" scope="col">Field and Description</th>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerStyle.html#background">background</a></strong></code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerStyle.html#backgroundHeight">backgroundHeight</a></strong></code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerStyle.html#backgroundWidth">backgroundWidth</a></strong></code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerStyle.html#color">color</a></strong></code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerStyle.html#marginBottom">marginBottom</a></strong></code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerStyle.html#marginLeft">marginLeft</a></strong></code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerStyle.html#marginRight">marginRight</a></strong></code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerStyle.html#marginTop">marginTop</a></strong></code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerStyle.html#paddingBottom">paddingBottom</a></strong></code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerStyle.html#paddingLeft">paddingLeft</a></strong></code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerStyle.html#paddingRight">paddingRight</a></strong></code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerStyle.html#paddingTop">paddingTop</a></strong></code>&nbsp;</td>
+</tr>
+</table>
+</li>
+</ul>
+<!-- ======== CONSTRUCTOR SUMMARY ======== -->
+<ul class="blockList">
+<li class="blockList"><a name="constructor_summary">
+<!--   -->
+</a>
+<h3>Constructor Summary</h3>
+<table class="overviewSummary" border="0" cellpadding="3" cellspacing="0" summary="Constructor Summary table, listing constructors, and an explanation">
+<caption><span>Constructors</span><span class="tabEnd">&nbsp;</span></caption>
+<tr>
+<th class="colOne" scope="col">Constructor and Description</th>
+</tr>
+<tr class="altColor">
+<td class="colOne"><code><strong><a href="../controlP5/ControllerStyle.html#ControllerStyle()">ControllerStyle</a></strong>()</code>&nbsp;</td>
+</tr>
+</table>
+</li>
+</ul>
+<!-- ========== METHOD SUMMARY =========== -->
+<ul class="blockList">
+<li class="blockList"><a name="method_summary">
+<!--   -->
+</a>
+<h3>Method Summary</h3>
+<table class="overviewSummary" border="0" cellpadding="3" cellspacing="0" summary="Method Summary table, listing methods, and an explanation">
+<caption><span>Methods</span><span class="tabEnd">&nbsp;</span></caption>
+<tr>
+<th class="colFirst" scope="col">Modifier and Type</th>
+<th class="colLast" scope="col">Method and Description</th>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/ControllerStyle.html" title="class in controlP5">ControllerStyle</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerStyle.html#margin(int)">margin</a></strong>(int&nbsp;theValue)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/ControllerStyle.html" title="class in controlP5">ControllerStyle</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerStyle.html#margin(int, int, int, int)">margin</a></strong>(int&nbsp;theTop,
+      int&nbsp;theRight,
+      int&nbsp;theBottom,
+      int&nbsp;theLeft)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/ControllerStyle.html" title="class in controlP5">ControllerStyle</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerStyle.html#moveMargin(int, int, int, int)">moveMargin</a></strong>(int&nbsp;theTop,
+          int&nbsp;theRight,
+          int&nbsp;theBottom,
+          int&nbsp;theLeft)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/ControllerStyle.html" title="class in controlP5">ControllerStyle</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerStyle.html#movePadding(int, int, int, int)">movePadding</a></strong>(int&nbsp;theTop,
+           int&nbsp;theRight,
+           int&nbsp;theBottom,
+           int&nbsp;theLeft)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/ControllerStyle.html" title="class in controlP5">ControllerStyle</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerStyle.html#padding(int)">padding</a></strong>(int&nbsp;theValue)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/ControllerStyle.html" title="class in controlP5">ControllerStyle</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerStyle.html#padding(int, int, int, int)">padding</a></strong>(int&nbsp;theTop,
+       int&nbsp;theRight,
+       int&nbsp;theBottom,
+       int&nbsp;theLeft)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/ControllerStyle.html" title="class in controlP5">ControllerStyle</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerStyle.html#setMargin(int, int, int, int)">setMargin</a></strong>(int&nbsp;theTop,
+         int&nbsp;theRight,
+         int&nbsp;theBottom,
+         int&nbsp;theLeft)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/ControllerStyle.html" title="class in controlP5">ControllerStyle</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerStyle.html#setMarginBottom(int)">setMarginBottom</a></strong>(int&nbsp;theValue)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/ControllerStyle.html" title="class in controlP5">ControllerStyle</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerStyle.html#setMarginLeft(int)">setMarginLeft</a></strong>(int&nbsp;theValue)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/ControllerStyle.html" title="class in controlP5">ControllerStyle</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerStyle.html#setMarginRight(int)">setMarginRight</a></strong>(int&nbsp;theValue)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/ControllerStyle.html" title="class in controlP5">ControllerStyle</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerStyle.html#setMarginTop(int)">setMarginTop</a></strong>(int&nbsp;theValue)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/ControllerStyle.html" title="class in controlP5">ControllerStyle</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerStyle.html#setPadding(int, int, int, int)">setPadding</a></strong>(int&nbsp;theTop,
+          int&nbsp;theRight,
+          int&nbsp;theBottom,
+          int&nbsp;theLeft)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/ControllerStyle.html" title="class in controlP5">ControllerStyle</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerStyle.html#setPaddingBottom(int)">setPaddingBottom</a></strong>(int&nbsp;theValue)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/ControllerStyle.html" title="class in controlP5">ControllerStyle</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerStyle.html#setPaddingLeft(int)">setPaddingLeft</a></strong>(int&nbsp;theValue)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/ControllerStyle.html" title="class in controlP5">ControllerStyle</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerStyle.html#setPaddingRight(int)">setPaddingRight</a></strong>(int&nbsp;theValue)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/ControllerStyle.html" title="class in controlP5">ControllerStyle</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerStyle.html#setPaddingTop(int)">setPaddingTop</a></strong>(int&nbsp;theValue)</code>&nbsp;</td>
+</tr>
+</table>
+<ul class="blockList">
+<li class="blockList"><a name="methods_inherited_from_class_java.lang.Object">
+<!--   -->
+</a>
+<h3>Methods inherited from class&nbsp;java.lang.Object</h3>
+<code>equals, getClass, hashCode, notify, notifyAll, toString, wait, wait, wait</code></li>
+</ul>
+</li>
+</ul>
+</li>
+</ul>
+</div>
+<div class="details">
+<ul class="blockList">
+<li class="blockList">
+<!-- ============ FIELD DETAIL =========== -->
+<ul class="blockList">
+<li class="blockList"><a name="field_detail">
+<!--   -->
+</a>
+<h3>Field Detail</h3>
+<a name="background">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>background</h4>
+<pre>public&nbsp;int background</pre>
+</li>
+</ul>
+<a name="backgroundHeight">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>backgroundHeight</h4>
+<pre>public&nbsp;int backgroundHeight</pre>
+</li>
+</ul>
+<a name="backgroundWidth">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>backgroundWidth</h4>
+<pre>public&nbsp;int backgroundWidth</pre>
+</li>
+</ul>
+<a name="color">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>color</h4>
+<pre>public&nbsp;int color</pre>
+</li>
+</ul>
+<a name="marginBottom">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>marginBottom</h4>
+<pre>public&nbsp;int marginBottom</pre>
+</li>
+</ul>
+<a name="marginLeft">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>marginLeft</h4>
+<pre>public&nbsp;int marginLeft</pre>
+</li>
+</ul>
+<a name="marginRight">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>marginRight</h4>
+<pre>public&nbsp;int marginRight</pre>
+</li>
+</ul>
+<a name="marginTop">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>marginTop</h4>
+<pre>public&nbsp;int marginTop</pre>
+</li>
+</ul>
+<a name="paddingBottom">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>paddingBottom</h4>
+<pre>public&nbsp;int paddingBottom</pre>
+</li>
+</ul>
+<a name="paddingLeft">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>paddingLeft</h4>
+<pre>public&nbsp;int paddingLeft</pre>
+</li>
+</ul>
+<a name="paddingRight">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>paddingRight</h4>
+<pre>public&nbsp;int paddingRight</pre>
+</li>
+</ul>
+<a name="paddingTop">
+<!--   -->
+</a>
+<ul class="blockListLast">
+<li class="blockList">
+<h4>paddingTop</h4>
+<pre>public&nbsp;int paddingTop</pre>
+</li>
+</ul>
+</li>
+</ul>
+<!-- ========= CONSTRUCTOR DETAIL ======== -->
+<ul class="blockList">
+<li class="blockList"><a name="constructor_detail">
+<!--   -->
+</a>
+<h3>Constructor Detail</h3>
+<a name="ControllerStyle()">
+<!--   -->
+</a>
+<ul class="blockListLast">
+<li class="blockList">
+<h4>ControllerStyle</h4>
+<pre>public&nbsp;ControllerStyle()</pre>
+</li>
+</ul>
+</li>
+</ul>
+<!-- ============ METHOD DETAIL ========== -->
+<ul class="blockList">
+<li class="blockList"><a name="method_detail">
+<!--   -->
+</a>
+<h3>Method Detail</h3>
+<a name="margin(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>margin</h4>
+<pre>public&nbsp;<a href="../controlP5/ControllerStyle.html" title="class in controlP5">ControllerStyle</a>&nbsp;margin(int&nbsp;theValue)</pre>
+</li>
+</ul>
+<a name="margin(int, int, int, int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>margin</h4>
+<pre>public&nbsp;<a href="../controlP5/ControllerStyle.html" title="class in controlP5">ControllerStyle</a>&nbsp;margin(int&nbsp;theTop,
+                     int&nbsp;theRight,
+                     int&nbsp;theBottom,
+                     int&nbsp;theLeft)</pre>
+</li>
+</ul>
+<a name="moveMargin(int, int, int, int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>moveMargin</h4>
+<pre>public&nbsp;<a href="../controlP5/ControllerStyle.html" title="class in controlP5">ControllerStyle</a>&nbsp;moveMargin(int&nbsp;theTop,
+                         int&nbsp;theRight,
+                         int&nbsp;theBottom,
+                         int&nbsp;theLeft)</pre>
+</li>
+</ul>
+<a name="movePadding(int, int, int, int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>movePadding</h4>
+<pre>public&nbsp;<a href="../controlP5/ControllerStyle.html" title="class in controlP5">ControllerStyle</a>&nbsp;movePadding(int&nbsp;theTop,
+                          int&nbsp;theRight,
+                          int&nbsp;theBottom,
+                          int&nbsp;theLeft)</pre>
+</li>
+</ul>
+<a name="padding(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>padding</h4>
+<pre>public&nbsp;<a href="../controlP5/ControllerStyle.html" title="class in controlP5">ControllerStyle</a>&nbsp;padding(int&nbsp;theValue)</pre>
+</li>
+</ul>
+<a name="padding(int, int, int, int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>padding</h4>
+<pre>public&nbsp;<a href="../controlP5/ControllerStyle.html" title="class in controlP5">ControllerStyle</a>&nbsp;padding(int&nbsp;theTop,
+                      int&nbsp;theRight,
+                      int&nbsp;theBottom,
+                      int&nbsp;theLeft)</pre>
+</li>
+</ul>
+<a name="setMargin(int, int, int, int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setMargin</h4>
+<pre>public&nbsp;<a href="../controlP5/ControllerStyle.html" title="class in controlP5">ControllerStyle</a>&nbsp;setMargin(int&nbsp;theTop,
+                        int&nbsp;theRight,
+                        int&nbsp;theBottom,
+                        int&nbsp;theLeft)</pre>
+</li>
+</ul>
+<a name="setMarginBottom(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setMarginBottom</h4>
+<pre>public&nbsp;<a href="../controlP5/ControllerStyle.html" title="class in controlP5">ControllerStyle</a>&nbsp;setMarginBottom(int&nbsp;theValue)</pre>
+</li>
+</ul>
+<a name="setMarginLeft(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setMarginLeft</h4>
+<pre>public&nbsp;<a href="../controlP5/ControllerStyle.html" title="class in controlP5">ControllerStyle</a>&nbsp;setMarginLeft(int&nbsp;theValue)</pre>
+</li>
+</ul>
+<a name="setMarginRight(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setMarginRight</h4>
+<pre>public&nbsp;<a href="../controlP5/ControllerStyle.html" title="class in controlP5">ControllerStyle</a>&nbsp;setMarginRight(int&nbsp;theValue)</pre>
+</li>
+</ul>
+<a name="setMarginTop(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setMarginTop</h4>
+<pre>public&nbsp;<a href="../controlP5/ControllerStyle.html" title="class in controlP5">ControllerStyle</a>&nbsp;setMarginTop(int&nbsp;theValue)</pre>
+</li>
+</ul>
+<a name="setPadding(int, int, int, int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setPadding</h4>
+<pre>public&nbsp;<a href="../controlP5/ControllerStyle.html" title="class in controlP5">ControllerStyle</a>&nbsp;setPadding(int&nbsp;theTop,
+                         int&nbsp;theRight,
+                         int&nbsp;theBottom,
+                         int&nbsp;theLeft)</pre>
+</li>
+</ul>
+<a name="setPaddingBottom(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setPaddingBottom</h4>
+<pre>public&nbsp;<a href="../controlP5/ControllerStyle.html" title="class in controlP5">ControllerStyle</a>&nbsp;setPaddingBottom(int&nbsp;theValue)</pre>
+</li>
+</ul>
+<a name="setPaddingLeft(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setPaddingLeft</h4>
+<pre>public&nbsp;<a href="../controlP5/ControllerStyle.html" title="class in controlP5">ControllerStyle</a>&nbsp;setPaddingLeft(int&nbsp;theValue)</pre>
+</li>
+</ul>
+<a name="setPaddingRight(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setPaddingRight</h4>
+<pre>public&nbsp;<a href="../controlP5/ControllerStyle.html" title="class in controlP5">ControllerStyle</a>&nbsp;setPaddingRight(int&nbsp;theValue)</pre>
+</li>
+</ul>
+<a name="setPaddingTop(int)">
+<!--   -->
+</a>
+<ul class="blockListLast">
+<li class="blockList">
+<h4>setPaddingTop</h4>
+<pre>public&nbsp;<a href="../controlP5/ControllerStyle.html" title="class in controlP5">ControllerStyle</a>&nbsp;setPaddingTop(int&nbsp;theValue)</pre>
+</li>
+</ul>
+</li>
+</ul>
+</li>
+</ul>
+</div>
+</div>
+<!-- ========= END OF CLASS DATA ========= -->
+<!-- ======= START OF BOTTOM NAVBAR ====== -->
+<div class="bottomNav"><a name="navbar_bottom">
+<!--   -->
+</a><a href="#skip-navbar_bottom" title="Skip navigation links"></a><a name="navbar_bottom_firstrow">
+<!--   -->
+</a>
+<ul class="navList" title="Navigation">
+<li><a href="../controlP5/package-summary.html">Package</a></li>
+<li class="navBarCell1Rev">Class</li>
+<li><a href="package-tree.html">Tree</a></li>
+<li><a href="../index-all.html">Index</a></li>
+<li><a href="../help-doc.html">Help</a></li>
+</ul>
+</div>
+<div class="subNav">
+<ul class="navList">
+<li><a href="../controlP5/ControllerProperty.html" title="class in controlP5"><span class="strong">Prev Class</span></a></li>
+<li><a href="../controlP5/ControllerView.html" title="interface in controlP5"><span class="strong">Next Class</span></a></li>
+</ul>
+<ul class="navList">
+<li><a href="../index.html?controlP5/ControllerStyle.html" target="_top">Frames</a></li>
+<li><a href="ControllerStyle.html" target="_top">No Frames</a></li>
+</ul>
+<ul class="navList" id="allclasses_navbar_bottom">
+<li><a href="../allclasses-noframe.html">All Classes</a></li>
+</ul>
+<div>
+<script type="text/javascript"><!--
+  allClassesLink = document.getElementById("allclasses_navbar_bottom");
+  if(window==top) {
+    allClassesLink.style.display = "block";
+  }
+  else {
+    allClassesLink.style.display = "none";
+  }
+  //-->
+</script>
+</div>
+<div>
+<ul class="subNavList">
+<li>Summary:&nbsp;</li>
+<li>Nested&nbsp;|&nbsp;</li>
+<li><a href="#field_summary">Field</a>&nbsp;|&nbsp;</li>
+<li><a href="#constructor_summary">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_summary">Method</a></li>
+</ul>
+<ul class="subNavList">
+<li>Detail:&nbsp;</li>
+<li><a href="#field_detail">Field</a>&nbsp;|&nbsp;</li>
+<li><a href="#constructor_detail">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_detail">Method</a></li>
+</ul>
+</div>
+<a name="skip-navbar_bottom">
+<!--   -->
+</a></div>
+<!-- ======== END OF BOTTOM NAVBAR ======= -->
+<p class="legalCopy"><small>processing library controlP5 by Andreas Schlegel. (c) 2006-2014</small></p>
+</body>
+</html>
diff --git a/reference/controlP5/ControllerView.html b/reference/controlP5/ControllerView.html
new file mode 100644
index 0000000..cf4243d
--- /dev/null
+++ b/reference/controlP5/ControllerView.html
@@ -0,0 +1,218 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
+<!-- NewPage -->
+<html lang="en">
+<head>
+<!-- Generated by javadoc (version 1.7.0_51) on Sun Apr 27 21:39:47 SGT 2014 -->
+<title>ControllerView (Javadocs: controlP5)</title>
+<meta name="date" content="2014-04-27">
+<link rel="stylesheet" type="text/css" href="../stylesheet.css" title="Style">
+</head>
+<body>
+<script type="text/javascript"><!--
+    if (location.href.indexOf('is-external=true') == -1) {
+        parent.document.title="ControllerView (Javadocs: controlP5)";
+    }
+//-->
+</script>
+<noscript>
+<div>JavaScript is disabled on your browser.</div>
+</noscript>
+<!-- ========= START OF TOP NAVBAR ======= -->
+<div class="topNav"><a name="navbar_top">
+<!--   -->
+</a><a href="#skip-navbar_top" title="Skip navigation links"></a><a name="navbar_top_firstrow">
+<!--   -->
+</a>
+<ul class="navList" title="Navigation">
+<li><a href="../controlP5/package-summary.html">Package</a></li>
+<li class="navBarCell1Rev">Class</li>
+<li><a href="package-tree.html">Tree</a></li>
+<li><a href="../index-all.html">Index</a></li>
+<li><a href="../help-doc.html">Help</a></li>
+</ul>
+</div>
+<div class="subNav">
+<ul class="navList">
+<li><a href="../controlP5/ControllerStyle.html" title="class in controlP5"><span class="strong">Prev Class</span></a></li>
+<li><a href="../controlP5/ControlListener.html" title="interface in controlP5"><span class="strong">Next Class</span></a></li>
+</ul>
+<ul class="navList">
+<li><a href="../index.html?controlP5/ControllerView.html" target="_top">Frames</a></li>
+<li><a href="ControllerView.html" target="_top">No Frames</a></li>
+</ul>
+<ul class="navList" id="allclasses_navbar_top">
+<li><a href="../allclasses-noframe.html">All Classes</a></li>
+</ul>
+<div>
+<script type="text/javascript"><!--
+  allClassesLink = document.getElementById("allclasses_navbar_top");
+  if(window==top) {
+    allClassesLink.style.display = "block";
+  }
+  else {
+    allClassesLink.style.display = "none";
+  }
+  //-->
+</script>
+</div>
+<div>
+<ul class="subNavList">
+<li>Summary:&nbsp;</li>
+<li>Nested&nbsp;|&nbsp;</li>
+<li>Field&nbsp;|&nbsp;</li>
+<li>Constr&nbsp;|&nbsp;</li>
+<li><a href="#method_summary">Method</a></li>
+</ul>
+<ul class="subNavList">
+<li>Detail:&nbsp;</li>
+<li>Field&nbsp;|&nbsp;</li>
+<li>Constr&nbsp;|&nbsp;</li>
+<li><a href="#method_detail">Method</a></li>
+</ul>
+</div>
+<a name="skip-navbar_top">
+<!--   -->
+</a></div>
+<!-- ========= END OF TOP NAVBAR ========= -->
+<!-- ======== START OF CLASS DATA ======== -->
+<div class="header">
+<div class="subTitle">controlP5</div>
+<h2 title="Interface ControllerView" class="title">Interface ControllerView&lt;T&gt;</h2>
+</div>
+<div class="contentContainer">
+<div class="description">
+<ul class="blockList">
+<li class="blockList">
+<dl>
+<dt>All Known Implementing Classes:</dt>
+<dd><a href="../controlP5/Chart.ChartViewArea.html" title="class in controlP5">Chart.ChartViewArea</a>, <a href="../controlP5/Chart.ChartViewBar.html" title="class in controlP5">Chart.ChartViewBar</a>, <a href="../controlP5/Chart.ChartViewBarCentered.html" title="class in controlP5">Chart.ChartViewBarCentered</a>, <a href="../controlP5/Chart.ChartViewLine.html" title="class in controlP5">Chart.ChartViewLine</a>, <a href="../controlP5/Chart.ChartViewPie.html" title="class in controlP5">Chart.ChartViewPie</a>, <a href="../controlP5/ScrollableList.ScrollableListView.html" title="class in controlP5">ScrollableList.ScrollableListView</a></dd>
+</dl>
+<hr>
+<br>
+<pre>public interface <span class="strong">ControllerView&lt;T&gt;</span></pre>
+<div class="block">The interface ControllerView can be used to define custom displays for controllers.</div>
+<dl><dt><span class="strong">See Also:</span></dt><dd><code>controlP5.draw(processing.core.PApplet)</code>, 
+<code>controlP5.setView(ControlleView)</code></dd></dl>
+</li>
+</ul>
+</div>
+<div class="summary">
+<ul class="blockList">
+<li class="blockList">
+<!-- ========== METHOD SUMMARY =========== -->
+<ul class="blockList">
+<li class="blockList"><a name="method_summary">
+<!--   -->
+</a>
+<h3>Method Summary</h3>
+<table class="overviewSummary" border="0" cellpadding="3" cellspacing="0" summary="Method Summary table, listing methods, and an explanation">
+<caption><span>Methods</span><span class="tabEnd">&nbsp;</span></caption>
+<tr>
+<th class="colFirst" scope="col">Modifier and Type</th>
+<th class="colLast" scope="col">Method and Description</th>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>void</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ControllerView.html#display(processing.core.PGraphics, T)">display</a></strong>(processing.core.PGraphics&nbsp;theGraphics,
+       <a href="../controlP5/ControllerView.html" title="type parameter in ControllerView">T</a>&nbsp;theController)</code>
+<div class="block">draws your custom controllers.</div>
+</td>
+</tr>
+</table>
+</li>
+</ul>
+</li>
+</ul>
+</div>
+<div class="details">
+<ul class="blockList">
+<li class="blockList">
+<!-- ============ METHOD DETAIL ========== -->
+<ul class="blockList">
+<li class="blockList"><a name="method_detail">
+<!--   -->
+</a>
+<h3>Method Detail</h3>
+<a name="display(processing.core.PGraphics,java.lang.Object)">
+<!--   -->
+</a><a name="display(processing.core.PGraphics, T)">
+<!--   -->
+</a>
+<ul class="blockListLast">
+<li class="blockList">
+<h4>display</h4>
+<pre>void&nbsp;display(processing.core.PGraphics&nbsp;theGraphics,
+           <a href="../controlP5/ControllerView.html" title="type parameter in ControllerView">T</a>&nbsp;theController)</pre>
+<div class="block">draws your custom controllers. display() will be called by a controller's draw() function and
+ will pass a reference of PApplet as well as the Controller itself to your custom display
+ class.</div>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theApplet</code> - </dd><dd><code>theController</code> - </dd></dl>
+</li>
+</ul>
+</li>
+</ul>
+</li>
+</ul>
+</div>
+</div>
+<!-- ========= END OF CLASS DATA ========= -->
+<!-- ======= START OF BOTTOM NAVBAR ====== -->
+<div class="bottomNav"><a name="navbar_bottom">
+<!--   -->
+</a><a href="#skip-navbar_bottom" title="Skip navigation links"></a><a name="navbar_bottom_firstrow">
+<!--   -->
+</a>
+<ul class="navList" title="Navigation">
+<li><a href="../controlP5/package-summary.html">Package</a></li>
+<li class="navBarCell1Rev">Class</li>
+<li><a href="package-tree.html">Tree</a></li>
+<li><a href="../index-all.html">Index</a></li>
+<li><a href="../help-doc.html">Help</a></li>
+</ul>
+</div>
+<div class="subNav">
+<ul class="navList">
+<li><a href="../controlP5/ControllerStyle.html" title="class in controlP5"><span class="strong">Prev Class</span></a></li>
+<li><a href="../controlP5/ControlListener.html" title="interface in controlP5"><span class="strong">Next Class</span></a></li>
+</ul>
+<ul class="navList">
+<li><a href="../index.html?controlP5/ControllerView.html" target="_top">Frames</a></li>
+<li><a href="ControllerView.html" target="_top">No Frames</a></li>
+</ul>
+<ul class="navList" id="allclasses_navbar_bottom">
+<li><a href="../allclasses-noframe.html">All Classes</a></li>
+</ul>
+<div>
+<script type="text/javascript"><!--
+  allClassesLink = document.getElementById("allclasses_navbar_bottom");
+  if(window==top) {
+    allClassesLink.style.display = "block";
+  }
+  else {
+    allClassesLink.style.display = "none";
+  }
+  //-->
+</script>
+</div>
+<div>
+<ul class="subNavList">
+<li>Summary:&nbsp;</li>
+<li>Nested&nbsp;|&nbsp;</li>
+<li>Field&nbsp;|&nbsp;</li>
+<li>Constr&nbsp;|&nbsp;</li>
+<li><a href="#method_summary">Method</a></li>
+</ul>
+<ul class="subNavList">
+<li>Detail:&nbsp;</li>
+<li>Field&nbsp;|&nbsp;</li>
+<li>Constr&nbsp;|&nbsp;</li>
+<li><a href="#method_detail">Method</a></li>
+</ul>
+</div>
+<a name="skip-navbar_bottom">
+<!--   -->
+</a></div>
+<!-- ======== END OF BOTTOM NAVBAR ======= -->
+<p class="legalCopy"><small>processing library controlP5 by Andreas Schlegel. (c) 2006-2014</small></p>
+</body>
+</html>
diff --git a/reference/controlP5/DropdownList.html b/reference/controlP5/DropdownList.html
new file mode 100644
index 0000000..6931853
--- /dev/null
+++ b/reference/controlP5/DropdownList.html
@@ -0,0 +1,1130 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
+<!-- NewPage -->
+<html lang="en">
+<head>
+<!-- Generated by javadoc (version 1.7.0_51) on Sun Apr 27 21:39:47 SGT 2014 -->
+<title>DropdownList (Javadocs: controlP5)</title>
+<meta name="date" content="2014-04-27">
+<link rel="stylesheet" type="text/css" href="../stylesheet.css" title="Style">
+</head>
+<body>
+<script type="text/javascript"><!--
+    if (location.href.indexOf('is-external=true') == -1) {
+        parent.document.title="DropdownList (Javadocs: controlP5)";
+    }
+//-->
+</script>
+<noscript>
+<div>JavaScript is disabled on your browser.</div>
+</noscript>
+<!-- ========= START OF TOP NAVBAR ======= -->
+<div class="topNav"><a name="navbar_top">
+<!--   -->
+</a><a href="#skip-navbar_top" title="Skip navigation links"></a><a name="navbar_top_firstrow">
+<!--   -->
+</a>
+<ul class="navList" title="Navigation">
+<li><a href="../controlP5/package-summary.html">Package</a></li>
+<li class="navBarCell1Rev">Class</li>
+<li><a href="package-tree.html">Tree</a></li>
+<li><a href="../index-all.html">Index</a></li>
+<li><a href="../help-doc.html">Help</a></li>
+</ul>
+</div>
+<div class="subNav">
+<ul class="navList">
+<li><a href="../controlP5/CP.html" title="class in controlP5"><span class="strong">Prev Class</span></a></li>
+<li><a href="../controlP5/FrameRate.html" title="class in controlP5"><span class="strong">Next Class</span></a></li>
+</ul>
+<ul class="navList">
+<li><a href="../index.html?controlP5/DropdownList.html" target="_top">Frames</a></li>
+<li><a href="DropdownList.html" target="_top">No Frames</a></li>
+</ul>
+<ul class="navList" id="allclasses_navbar_top">
+<li><a href="../allclasses-noframe.html">All Classes</a></li>
+</ul>
+<div>
+<script type="text/javascript"><!--
+  allClassesLink = document.getElementById("allclasses_navbar_top");
+  if(window==top) {
+    allClassesLink.style.display = "block";
+  }
+  else {
+    allClassesLink.style.display = "none";
+  }
+  //-->
+</script>
+</div>
+<div>
+<ul class="subNavList">
+<li>Summary:&nbsp;</li>
+<li>Nested&nbsp;|&nbsp;</li>
+<li>Field&nbsp;|&nbsp;</li>
+<li><a href="#constructor_summary">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_summary">Method</a></li>
+</ul>
+<ul class="subNavList">
+<li>Detail:&nbsp;</li>
+<li>Field&nbsp;|&nbsp;</li>
+<li><a href="#constructor_detail">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_detail">Method</a></li>
+</ul>
+</div>
+<a name="skip-navbar_top">
+<!--   -->
+</a></div>
+<!-- ========= END OF TOP NAVBAR ========= -->
+<!-- ======== START OF CLASS DATA ======== -->
+<div class="header">
+<div class="subTitle">controlP5</div>
+<h2 title="Class DropdownList" class="title">Class DropdownList</h2>
+</div>
+<div class="contentContainer">
+<ul class="inheritance">
+<li>java.lang.Object</li>
+<li>
+<ul class="inheritance">
+<li><a href="../controlP5/ControllerGroup.html" title="class in controlP5">controlP5.ControllerGroup</a>&lt;T&gt;</li>
+<li>
+<ul class="inheritance">
+<li><a href="../controlP5/ControlGroup.html" title="class in controlP5">controlP5.ControlGroup</a>&lt;<a href="../controlP5/DropdownList.html" title="class in controlP5">DropdownList</a>&gt;</li>
+<li>
+<ul class="inheritance">
+<li>controlP5.DropdownList</li>
+</ul>
+</li>
+</ul>
+</li>
+</ul>
+</li>
+</ul>
+<div class="description">
+<ul class="blockList">
+<li class="blockList">
+<dl>
+<dt>All Implemented Interfaces:</dt>
+<dd><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/DropdownList.html" title="class in controlP5">DropdownList</a>&gt;, <a href="../controlP5/ControlListener.html" title="interface in controlP5">ControlListener</a>, <a href="../controlP5/ControlP5Constants.html" title="interface in controlP5">ControlP5Constants</a></dd>
+</dl>
+<hr>
+<br>
+<pre>public class <span class="strong">DropdownList</span>
+extends <a href="../controlP5/ControlGroup.html" title="class in controlP5">ControlGroup</a>&lt;<a href="../controlP5/DropdownList.html" title="class in controlP5">DropdownList</a>&gt;</pre>
+</li>
+</ul>
+</div>
+<div class="summary">
+<ul class="blockList">
+<li class="blockList">
+<!-- =========== FIELD SUMMARY =========== -->
+<ul class="blockList">
+<li class="blockList"><a name="field_summary">
+<!--   -->
+</a>
+<h3>Field Summary</h3>
+<ul class="blockList">
+<li class="blockList"><a name="fields_inherited_from_class_controlP5.ControlP5Constants">
+<!--   -->
+</a>
+<h3>Fields inherited from interface&nbsp;controlP5.<a href="../controlP5/ControlP5Constants.html" title="interface in controlP5">ControlP5Constants</a></h3>
+<code><a href="../controlP5/ControlP5Constants.html#acceptClassList">acceptClassList</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_BROADCAST">ACTION_BROADCAST</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_CLICK">ACTION_CLICK</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_DRAG">ACTION_DRAG</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_ENTER">ACTION_ENTER</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_EXIT">ACTION_EXIT</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_LEAVE">ACTION_LEAVE</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_MOVE">ACTION_MOVE</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_PRESS">ACTION_PRESS</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_PRESSED">ACTION_PRESSED</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_RELEASE">ACTION_RELEASE</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_RELEASED">ACTION_RELEASED</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_RELEASEDOUTSIDE">ACTION_RELEASEDOUTSIDE</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_WHEEL">ACTION_WHEEL</a>, <a href="../controlP5/ControlP5Constants.html#ACTIVE">ACTIVE</a>, <a href="../controlP5/ControlP5Constants.html#ALL">ALL</a>, <a href="../controlP5/ControlP5Constants.html#ALT">ALT</a>, <a href="../controlP5/ControlP5Constants.html#AQUA">AQUA</a>, <a href="../controlP5/ControlP5Constants.html#ARC">ARC</a>, <a href="../controlP5/ControlP5Constants.html#ARRAY">ARRAY</a>, <a href="../controlP5/ControlP5Constants.html#BACKSPACE">BACKSPACE</a>, <a href="../controlP5/ControlP5Constants.html#BASELINE">BASELINE</a>, <a href="../controlP5/ControlP5Constants.html#BITFONT">BITFONT</a>, <a href="../controlP5/ControlP5Constants.html#BLACK">BLACK</a>, <a href="../controlP5/ControlP5Constants.html#BLUE">BLUE</a>, <a href="../controlP5/ControlP5Constants.html#BOOLEAN">BOOLEAN</a>, <a href="../controlP5/ControlP5Constants.html#BOTTOM">BOTTOM</a>, <a href="../controlP5/ControlP5Constants.html#BOTTOM_OUTSIDE">BOTTOM_OUTSIDE</a>, <a href="../controlP5/ControlP5Constants.html#CAPTIONLABEL">CAPTIONLABEL</a>, <a href="../controlP5/ControlP5Constants.html#CENTER">CENTER</a>, <a href="../controlP5/ControlP5Constants.html#CHECKBOX">CHECKBOX</a>, <a href="../controlP5/ControlP5Constants.html#COMMANDKEY">COMMANDKEY</a>, <a href="../controlP5/ControlP5Constants.html#CONTROL">CONTROL</a>, <a href="../controlP5/ControlP5Constants.html#controlEventClass">controlEventClass</a>, <a href="../controlP5/ControlP5Constants.html#CUSTOM">CUSTOM</a>, <a href="../controlP5/ControlP5Constants.html#DECREASE">DECREASE</a>, <a href="../controlP5/ControlP5Constants.html#DEFAULT">DEFAULT</a>, <a href="../controlP5/ControlP5Constants.html#DELETE">DELETE</a>, <a href="../controlP5/ControlP5Constants.html#DONE">DONE</a>, <a href="../controlP5/ControlP5Constants.html#DOWN">DOWN</a>, <a href="../controlP5/ControlP5Constants.html#DROPDOWN">DROPDOWN</a>, <a href="../controlP5/ControlP5Constants.html#ELLIPSE">ELLIPSE</a>, <a href="../controlP5/ControlP5Constants.html#ENTER">ENTER</a>, <a href="../controlP5/ControlP5Constants.html#ESCAPE">ESCAPE</a>, <a href="../controlP5/ControlP5Constants.html#EVENT">EVENT</a>, <a href="../controlP5/ControlP5Constants.html#eventMethod">eventMethod</a>, <a href="../controlP5/ControlP5Constants.html#FADEIN">FADEIN</a>, <a href="../controlP5/ControlP5Constants.html#FADEOUT">FADEOUT</a>, <a href="../controlP5/ControlP5Constants.html#FIELD">FIELD</a>, <a href="../controlP5/ControlP5Constants.html#FLOAT">FLOAT</a>, <a href="../controlP5/ControlP5Constants.html#FUCHSIA">FUCHSIA</a>, <a href="../controlP5/ControlP5Constants.html#GRAY">GRAY</a>, <a href="../controlP5/ControlP5Constants.html#GREEN">GREEN</a>, <a href="../controlP5/ControlP5Constants.html#grixel">grixel</a>, <a href="../controlP5/ControlP5Constants.html#HALF_PI">HALF_PI</a>, <a href="../controlP5/ControlP5Constants.html#HIDE">HIDE</a>, <a href="../controlP5/ControlP5Constants.html#HIGHLIGHT">HIGHLIGHT</a>, <a href="../controlP5/ControlP5Constants.html#HORIZONTAL">HORIZONTAL</a>, <a href="../controlP5/ControlP5Constants.html#IDLE">IDLE</a>, <a href="../controlP5/ControlP5Constants.html#IMAGE">IMAGE</a>, <a href="../controlP5/ControlP5Constants.html#INACTIVE">INACTIVE</a>, <a href="../controlP5/ControlP5Constants.html#INCREASE">INCREASE</a>, <a href="../controlP5/ControlP5Constants.html#INTEGER">INTEGER</a>, <a href="../controlP5/ControlP5Constants.html#INVALID">INVALID</a>, <a href="../controlP5/ControlP5Constants.html#J2D">J2D</a>, <a href="../controlP5/ControlP5Constants.html#KEYCONTROL">KEYCONTROL</a>, <a href="../controlP5/ControlP5Constants.html#LEFT">LEFT</a>, <a href="../controlP5/ControlP5Constants.html#LEFT_OUTSIDE">LEFT_OUTSIDE</a>, <a href="../controlP5/ControlP5Constants.html#LIME">LIME</a>, <a href="../controlP5/ControlP5Constants.html#LINE">LINE</a>, <a href="../controlP5/ControlP5Constants.html#LIST">LIST</a>, <a href="../controlP5/ControlP5Constants.html#LOAD">LOAD</a>, <a href="../controlP5/ControlP5Constants.html#MAROON">MAROON</a>, <a href="../controlP5/ControlP5Constants.html#MENU">MENU</a>, <a href="../controlP5/ControlP5Constants.html#METHOD">METHOD</a>, <a href="../controlP5/ControlP5Constants.html#MOVE">MOVE</a>, <a href="../controlP5/ControlP5Constants.html#MULTI">MULTI</a>, <a href="../controlP5/ControlP5Constants.html#MULTIPLES">MULTIPLES</a>, <a href="../controlP5/ControlP5Constants.html#NAVY">NAVY</a>, <a href="../controlP5/ControlP5Constants.html#OLIVE">OLIVE</a>, <a href="../controlP5/ControlP5Constants.html#ORANGE">ORANGE</a>, <a href="../controlP5/ControlP5Constants.html#OVER">OVER</a>, <a href="../controlP5/ControlP5Constants.html#P2D">P2D</a>, <a href="../controlP5/ControlP5Constants.html#P3D">P3D</a>, <a href="../controlP5/ControlP5Constants.html#PI">PI</a>, <a href="../controlP5/ControlP5Constants.html#PRESSED">PRESSED</a>, <a href="../controlP5/ControlP5Constants.html#PRINT">PRINT</a>, <a href="../controlP5/ControlP5Constants.html#PURPLE">PURPLE</a>, <a href="../controlP5/ControlP5Constants.html#RED">RED</a>, <a href="../controlP5/ControlP5Constants.html#RELEASE">RELEASE</a>, <a href="../controlP5/ControlP5Constants.html#RESET">RESET</a>, <a href="../controlP5/ControlP5Constants.html#RIGHT">RIGHT</a>, <a href="../controlP5/ControlP5Constants.html#RIGHT_OUTSIDE">RIGHT_OUTSIDE</a>, <a href="../controlP5/ControlP5Constants.html#SAVE">SAVE</a>, <a href="../controlP5/ControlP5Constants.html#SHIFT">SHIFT</a>, <a href="../controlP5/ControlP5Constants.html#SILVER">SILVER</a>, <a href="../controlP5/ControlP5Constants.html#SINGLE">SINGLE</a>, <a href="../controlP5/ControlP5Constants.html#SINGLE_COLUMN">SINGLE_COLUMN</a>, <a href="../controlP5/ControlP5Constants.html#SINGLE_ROW">SINGLE_ROW</a>, <a href="../controlP5/ControlP5Constants.html#SPRITE">SPRITE</a>, <a href="../controlP5/ControlP5Constants.html#standard56">standard56</a>, <a href="../controlP5/ControlP5Constants.html#standard58">standard58</a>, <a href="../controlP5/ControlP5Constants.html#STRING">STRING</a>, <a href="../controlP5/ControlP5Constants.html#SWITCH">SWITCH</a>, <a href="../controlP5/ControlP5Constants.html#SWITCH_BACK">SWITCH_BACK</a>, <a href="../controlP5/ControlP5Constants.html#SWITCH_FORE">SWITCH_FORE</a>, <a href="../controlP5/ControlP5Constants.html#synt24">synt24</a>, <a href="../controlP5/ControlP5Constants.html#TAB">TAB</a>, <a href="../controlP5/ControlP5Constants.html#TEAL">TEAL</a>, <a href="../controlP5/ControlP5Constants.html#THEME_A">THEME_A</a>, <a href="../controlP5/ControlP5Constants.html#THEME_CP52014">THEME_CP52014</a>, <a href="../controlP5/ControlP5Constants.html#THEME_CP5BLUE">THEME_CP5BLUE</a>, <a href="../controlP5/ControlP5Constants.html#THEME_RED">THEME_RED</a>, <a href="../controlP5/ControlP5Constants.html#THEME_RETRO">THEME_RETRO</a>, <a href="../controlP5/ControlP5Constants.html#THEME_WHITE">THEME_WHITE</a>, <a href="../controlP5/ControlP5Constants.html#TOP">TOP</a>, <a href="../controlP5/ControlP5Constants.html#TOP_OUTSIDE">TOP_OUTSIDE</a>, <a href="../controlP5/ControlP5Constants.html#TRANSITION_WAIT_FADEIN">TRANSITION_WAIT_FADEIN</a>, <a href="../controlP5/ControlP5Constants.html#TREE">TREE</a>, <a href="../controlP5/ControlP5Constants.html#TWO_PI">TWO_PI</a>, <a href="../controlP5/ControlP5Constants.html#UP">UP</a>, <a href="../controlP5/ControlP5Constants.html#VALUELABEL">VALUELABEL</a>, <a href="../controlP5/ControlP5Constants.html#VERBOSE">VERBOSE</a>, <a href="../controlP5/ControlP5Constants.html#VERTICAL">VERTICAL</a>, <a href="../controlP5/ControlP5Constants.html#WAIT">WAIT</a>, <a href="../controlP5/ControlP5Constants.html#WHITE">WHITE</a>, <a href="../controlP5/ControlP5Constants.html#YELLOW">YELLOW</a></code></li>
+</ul>
+</li>
+</ul>
+<!-- ======== CONSTRUCTOR SUMMARY ======== -->
+<ul class="blockList">
+<li class="blockList"><a name="constructor_summary">
+<!--   -->
+</a>
+<h3>Constructor Summary</h3>
+<table class="overviewSummary" border="0" cellpadding="3" cellspacing="0" summary="Constructor Summary table, listing constructors, and an explanation">
+<caption><span>Constructors</span><span class="tabEnd">&nbsp;</span></caption>
+<tr>
+<th class="colOne" scope="col">Constructor and Description</th>
+</tr>
+<tr class="altColor">
+<td class="colOne"><code><strong><a href="../controlP5/DropdownList.html#DropdownList(controlP5.ControlP5, java.lang.String)">DropdownList</a></strong>(<a href="../controlP5/ControlP5.html" title="class in controlP5">ControlP5</a>&nbsp;theControlP5,
+            java.lang.String&nbsp;theName)</code>
+<div class="block">Convenience constructor to extend DropdownList.</div>
+</td>
+</tr>
+</table>
+</li>
+</ul>
+<!-- ========== METHOD SUMMARY =========== -->
+<ul class="blockList">
+<li class="blockList"><a name="method_summary">
+<!--   -->
+</a>
+<h3>Method Summary</h3>
+<table class="overviewSummary" border="0" cellpadding="3" cellspacing="0" summary="Method Summary table, listing methods, and an explanation">
+<caption><span>Methods</span><span class="tabEnd">&nbsp;</span></caption>
+<tr>
+<th class="colFirst" scope="col">Modifier and Type</th>
+<th class="colLast" scope="col">Method and Description</th>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/DropdownList.html" title="class in controlP5">DropdownList</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/DropdownList.html#actAsPulldownMenu(boolean)">actAsPulldownMenu</a></strong>(boolean&nbsp;theValue)</code>
+<div class="block">Enables a ListBox to act as a pulldown menu.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/ListBoxItem.html" title="class in controlP5">ListBoxItem</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/DropdownList.html#addItem(java.lang.String, int)">addItem</a></strong>(java.lang.String&nbsp;theName,
+       int&nbsp;theValue)</code>
+<div class="block">Adds an item to the ListBox.</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/DropdownList.html" title="class in controlP5">DropdownList</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/DropdownList.html#addItems(java.util.List)">addItems</a></strong>(java.util.List&lt;?&gt;&nbsp;theItems)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/DropdownList.html" title="class in controlP5">DropdownList</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/DropdownList.html#addItems(java.util.List, int)">addItems</a></strong>(java.util.List&lt;?&gt;&nbsp;theItems,
+        int&nbsp;theOffset)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/DropdownList.html" title="class in controlP5">DropdownList</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/DropdownList.html#addItems(java.lang.String[])">addItems</a></strong>(java.lang.String[]&nbsp;theItems)</code>
+<div class="block">adds a list of items from a string array.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>void</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/DropdownList.html#beginItems()">beginItems</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/DropdownList.html" title="class in controlP5">DropdownList</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/DropdownList.html#clear()">clear</a></strong>()</code>
+<div class="block">Removes all items from a list box</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>void</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/DropdownList.html#controlEvent(controlP5.ControlEvent)">controlEvent</a></strong>(<a href="../controlP5/ControlEvent.html" title="class in controlP5">ControlEvent</a>&nbsp;theEvent)</code>
+<div class="block">controlEvent is called by controlP5's ControlBroadcaster to inform available listeners about
+ value changes.</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>void</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/DropdownList.html#endItems()">endItems</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/ListBoxItem.html" title="class in controlP5">ListBoxItem</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/DropdownList.html#getItem(controlP5.Controller)">getItem</a></strong>(<a href="../controlP5/Controller.html" title="class in controlP5">Controller</a>&lt;?&gt;&nbsp;theButton)</code>
+<div class="block">returns a ListBoxItem based on its Button reference.</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/ListBoxItem.html" title="class in controlP5">ListBoxItem</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/DropdownList.html#getItem(int)">getItem</a></strong>(int&nbsp;theIndex)</code>
+<div class="block">returns a listBoxItem by index in the list of items.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/ListBoxItem.html" title="class in controlP5">ListBoxItem</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/DropdownList.html#getItem(java.lang.String)">getItem</a></strong>(java.lang.String&nbsp;theItemName)</code>
+<div class="block">TODO faulty returns a listBoxItem by name.</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>java.lang.String[][]</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/DropdownList.html#getListBoxItems()">getListBoxItems</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>float</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/DropdownList.html#getScrollPosition()">getScrollPosition</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>java.lang.String</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/DropdownList.html#getStringValue()">getStringValue</a></strong>()</code></td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/DropdownList.html" title="class in controlP5">DropdownList</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/DropdownList.html#hideScrollbar()">hideScrollbar</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>boolean</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/DropdownList.html#isScrollable()">isScrollable</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>boolean</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/DropdownList.html#isScrollbarEnabled()">isScrollbarEnabled</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>void</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/DropdownList.html#keyEvent(processing.event.KeyEvent)">keyEvent</a></strong>(processing.event.KeyEvent&nbsp;theEvent)</code>
+<div class="block">Adding key support.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/DropdownList.html" title="class in controlP5">DropdownList</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/DropdownList.html#removeItem(java.lang.String)">removeItem</a></strong>(java.lang.String&nbsp;theItemName)</code>
+<div class="block">Removes an item from the ListBox using the unique name of the item given when added to the
+ list.</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/DropdownList.html" title="class in controlP5">DropdownList</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/DropdownList.html#scroll(float)">scroll</a></strong>(float&nbsp;theValue)</code>
+<div class="block">scroll the scrollList remotely.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>void</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/DropdownList.html#scrolled(int)">scrolled</a></strong>(int&nbsp;theStep)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/DropdownList.html" title="class in controlP5">DropdownList</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/DropdownList.html#setColor(controlP5.CColor)">setColor</a></strong>(<a href="../controlP5/CColor.html" title="class in controlP5">CColor</a>&nbsp;theColor)</code></td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/DropdownList.html" title="class in controlP5">DropdownList</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/DropdownList.html#setColorActive(int)">setColorActive</a></strong>(int&nbsp;theColor)</code></td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/DropdownList.html" title="class in controlP5">DropdownList</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/DropdownList.html#setColorBackground(int)">setColorBackground</a></strong>(int&nbsp;theColor)</code></td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/DropdownList.html" title="class in controlP5">DropdownList</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/DropdownList.html#setColorForeground(int)">setColorForeground</a></strong>(int&nbsp;theColor)</code></td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/DropdownList.html" title="class in controlP5">DropdownList</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/DropdownList.html#setColorLabel(int)">setColorLabel</a></strong>(int&nbsp;theColor)</code></td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/DropdownList.html" title="class in controlP5">DropdownList</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/DropdownList.html#setColorValue(int)">setColorValue</a></strong>(int&nbsp;theColor)</code></td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/DropdownList.html" title="class in controlP5">DropdownList</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/DropdownList.html#setHeight(int)">setHeight</a></strong>(int&nbsp;theHeight)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/DropdownList.html" title="class in controlP5">DropdownList</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/DropdownList.html#setIndex(int)">setIndex</a></strong>(int&nbsp;theIndex)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/DropdownList.html" title="class in controlP5">DropdownList</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/DropdownList.html#setItemHeight(int)">setItemHeight</a></strong>(int&nbsp;theHeight)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/DropdownList.html" title="class in controlP5">DropdownList</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/DropdownList.html#setListBoxItems(java.lang.String[][])">setListBoxItems</a></strong>(java.lang.String[][]&nbsp;l)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/DropdownList.html" title="class in controlP5">DropdownList</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/DropdownList.html#setScrollbarVisible(boolean)">setScrollbarVisible</a></strong>(boolean&nbsp;theValue)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/DropdownList.html" title="class in controlP5">DropdownList</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/DropdownList.html#setScrollbarWidth(int)">setScrollbarWidth</a></strong>(int&nbsp;theWidth)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/DropdownList.html" title="class in controlP5">DropdownList</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/DropdownList.html#setSize(int, int)">setSize</a></strong>(int&nbsp;theWidth,
+       int&nbsp;theHeight)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/DropdownList.html" title="class in controlP5">DropdownList</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/DropdownList.html#setValue(float)">setValue</a></strong>(float&nbsp;theValue)</code></td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/DropdownList.html" title="class in controlP5">DropdownList</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/DropdownList.html#setWidth(int)">setWidth</a></strong>(int&nbsp;theWidth)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/DropdownList.html" title="class in controlP5">DropdownList</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/DropdownList.html#showScrollbar()">showScrollbar</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/DropdownList.html" title="class in controlP5">DropdownList</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/DropdownList.html#toUpperCase(boolean)">toUpperCase</a></strong>(boolean&nbsp;theFlag)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/DropdownList.html" title="class in controlP5">DropdownList</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/DropdownList.html#updateInternalEvents(processing.core.PApplet)">updateInternalEvents</a></strong>(processing.core.PApplet&nbsp;theApplet)</code>
+<div class="block">a method for putting input events like e.g.</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/DropdownList.html" title="class in controlP5">DropdownList</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/DropdownList.html#updateListBoxItems()">updateListBoxItems</a></strong>()</code>&nbsp;</td>
+</tr>
+</table>
+<ul class="blockList">
+<li class="blockList"><a name="methods_inherited_from_class_controlP5.ControlGroup">
+<!--   -->
+</a>
+<h3>Methods inherited from class&nbsp;controlP5.<a href="../controlP5/ControlGroup.html" title="class in controlP5">ControlGroup</a></h3>
+<code><a href="../controlP5/ControlGroup.html#activateEvent(boolean)">activateEvent</a>, <a href="../controlP5/ControlGroup.html#addListener(controlP5.ControlListener)">addListener</a>, <a href="../controlP5/ControlGroup.html#getBackgroundHeight()">getBackgroundHeight</a>, <a href="../controlP5/ControlGroup.html#getBarHeight()">getBarHeight</a>, <a href="../controlP5/ControlGroup.html#getInfo()">getInfo</a>, <a href="../controlP5/ControlGroup.html#listenerSize()">listenerSize</a>, <a href="../controlP5/ControlGroup.html#mousePressed()">mousePressed</a>, <a href="../controlP5/ControlGroup.html#removeListener(controlP5.ControlListener)">removeListener</a>, <a href="../controlP5/ControlGroup.html#setBackgroundColor(int)">setBackgroundColor</a>, <a href="../controlP5/ControlGroup.html#setBackgroundHeight(int)">setBackgroundHeight</a>, <a href="../controlP5/ControlGroup.html#setBarHeight(int)">setBarHeight</a>, <a href="../controlP5/ControlGroup.html#stringValue()">stringValue</a>, <a href="../controlP5/ControlGroup.html#toString()">toString</a></code></li>
+</ul>
+<ul class="blockList">
+<li class="blockList"><a name="methods_inherited_from_class_controlP5.ControllerGroup">
+<!--   -->
+</a>
+<h3>Methods inherited from class&nbsp;controlP5.<a href="../controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a></h3>
+<code><a href="../controlP5/ControllerGroup.html#absolutePosition()">absolutePosition</a>, <a href="../controlP5/ControllerGroup.html#add(controlP5.ControllerInterface)">add</a>, <a href="../controlP5/ControllerGroup.html#addCanvas(controlP5.Canvas)">addCanvas</a>, <a href="../controlP5/ControllerGroup.html#addCloseButton()">addCloseButton</a>, <a href="../controlP5/ControllerGroup.html#addDrawable(controlP5.CDrawable)">addDrawable</a>, <a href="../controlP5/ControllerGroup.html#arrayValue()">arrayValue</a>, <a href="../controlP5/ControllerGroup.html#bringToFront()">bringToFront</a>, <a href="../controlP5/ControllerGroup.html#bringToFront(controlP5.ControllerInterface)">bringToFront</a>, <a href="../controlP5/ControllerGroup.html#close()">close</a>, <a href="../controlP5/ControllerGroup.html#color()">color</a>, <a href="../controlP5/ControllerGroup.html#continuousUpdateEvents()">continuousUpdateEvents</a>, <a href="../controlP5/ControllerGroup.html#controller(java.lang.String)">controller</a>, <a href="../controlP5/ControllerGroup.html#disableCollapse()">disableCollapse</a>, <a href="../controlP5/ControllerGroup.html#draw(processing.core.PGraphics)">draw</a>, <a href="../controlP5/ControllerGroup.html#enableCollapse()">enableCollapse</a>, <a href="../controlP5/ControllerGroup.html#getAbsolutePosition()">getAbsolutePosition</a>, <a href="../controlP5/ControllerGroup.html#getAddress()">getAddress</a>, <a href="../controlP5/ControllerGroup.html#getArrayValue()">getArrayValue</a>, <a href="../controlP5/ControllerGroup.html#getArrayValue(int)">getArrayValue</a>, <a href="../controlP5/ControllerGroup.html#getCaptionLabel()">getCaptionLabel</a>, <a href="../controlP5/ControllerGroup.html#getColor()">getColor</a>, <a href="../controlP5/ControllerGroup.html#getController(java.lang.String)">getController</a>, <a href="../controlP5/ControllerGroup.html#getHeight()">getHeight</a>, <a href="../controlP5/ControllerGroup.html#getId()">getId</a>, <a href="../controlP5/ControllerGroup.html#getName()">getName</a>, <a href="../controlP5/ControllerGroup.html#getParent()">getParent</a>, <a href="../controlP5/ControllerGroup.html#getPickingColor()">getPickingColor</a>, <a href="../controlP5/ControllerGroup.html#getPosition()">getPosition</a>, <a href="../controlP5/ControllerGroup.html#getProperty(java.lang.String)">getProperty</a>, <a href="../controlP5/ControllerGroup.html#getProperty(java.lang.String, java.lang.String)">getProperty</a>, <a href="../controlP5/ControllerGroup.html#getTab()">getTab</a>, <a href="../controlP5/ControllerGroup.html#getValue()">getValue</a>, <a href="../controlP5/ControllerGroup.html#getValueLabel()">getValueLabel</a>, <a href="../controlP5/ControllerGroup.html#getWidth()">getWidth</a>, <a href="../controlP5/ControllerGroup.html#getWindow()">getWindow</a>, <a href="../controlP5/ControllerGroup.html#hide()">hide</a>, <a href="../controlP5/ControllerGroup.html#hideArrow()">hideArrow</a>, <a href="../controlP5/ControllerGroup.html#hideBar()">hideBar</a>, <a href="../controlP5/ControllerGroup.html#id()">id</a>, <a href="../controlP5/ControllerGroup.html#init()">init</a>, <a href="../controlP5/ControllerGroup.html#isBarVisible()">isBarVisible</a>, <a href="../controlP5/ControllerGroup.html#isCollapse()">isCollapse</a>, <a href="../controlP5/ControllerGroup.html#isMouseOver()">isMouseOver</a>, <a href="../controlP5/ControllerGroup.html#isMoveable()">isMoveable</a>, <a href="../controlP5/ControllerGroup.html#isOpen()">isOpen</a>, <a href="../controlP5/ControllerGroup.html#isUpdate()">isUpdate</a>, <a href="../controlP5/ControllerGroup.html#isVisible()">isVisible</a>, <a href="../controlP5/ControllerGroup.html#moveTo(controlP5.ControllerGroup)">moveTo</a>, <a href="../controlP5/ControllerGroup.html#moveTo(controlP5.ControllerGroup, controlP5.Tab, controlP5.ControlWindow)">moveTo</a>, <a href="../controlP5/ControllerGroup.html#moveTo(controlP5.ControlWindow)">moveTo</a>, <a href="../controlP5/ControllerGroup.html#moveTo(controlP5.ControlWindow, java.lang.String)">moveTo</a>, <a href="../controlP5/ControllerGroup.html#moveTo(processing.core.PApplet)">moveTo</a>, <a href="../controlP5/ControllerGroup.html#moveTo(java.lang.String)">moveTo</a>, <a href="../controlP5/ControllerGroup.html#moveTo(java.lang.String, controlP5.ControlWindow)">moveTo</a>, <a href="../controlP5/ControllerGroup.html#moveTo(controlP5.Tab)">moveTo</a>, <a href="../controlP5/ControllerGroup.html#moveTo(controlP5.Tab, controlP5.ControlWindow)">moveTo</a>, <a href="../controlP5/ControllerGroup.html#name()">name</a>, <a href="../controlP5/ControllerGroup.html#open()">open</a>, <a href="../controlP5/ControllerGroup.html#parent()">parent</a>, <a href="../controlP5/ControllerGroup.html#position()">position</a>, <a href="../controlP5/ControllerGroup.html#registerProperty(java.lang.String)">registerProperty</a>, <a href="../controlP5/ControllerGroup.html#registerProperty(java.lang.String, java.lang.String)">registerProperty</a>, <a href="../controlP5/ControllerGroup.html#remove()">remove</a>, <a href="../controlP5/ControllerGroup.html#remove(controlP5.CDrawable)">remove</a>, <a href="../controlP5/ControllerGroup.html#remove(controlP5.ControllerInterface)">remove</a>, <a href="../controlP5/ControllerGroup.html#removeCanvas(controlP5.Canvas)">removeCanvas</a>, <a href="../controlP5/ControllerGroup.html#removeCloseButton()">removeCloseButton</a>, <a href="../controlP5/ControllerGroup.html#removeProperty(java.lang.String)">removeProperty</a>, <a href="../controlP5/ControllerGroup.html#removeProperty(java.lang.String, java.lang.String)">removeProperty</a>, <a href="../controlP5/ControllerGroup.html#setAbsolutePosition(processing.core.PVector)">setAbsolutePosition</a>, <a href="../controlP5/ControllerGroup.html#setAddress(java.lang.String)">setAddress</a>, <a href="../controlP5/ControllerGroup.html#setArrayValue(float[])">setArrayValue</a>, <a href="../controlP5/ControllerGroup.html#setArrayValue(int, float)">setArrayValue</a>, <a href="../controlP5/ControllerGroup.html#setCaptionLabel(java.lang.String)">setCaptionLabel</a>, <a href="../controlP5/ControllerGroup.html#setGroup(controlP5.ControllerGroup)">setGroup</a>, <a href="../controlP5/ControllerGroup.html#setGroup(java.lang.String)">setGroup</a>, <a href="../controlP5/ControllerGroup.html#setId(int)">setId</a>, <a href="../controlP5/ControllerGroup.html#setLabel(java.lang.String)">setLabel</a>, <a href="../controlP5/ControllerGroup.html#setMouseOver(boolean)">setMouseOver</a>, <a href="../controlP5/ControllerGroup.html#setMousePressed(boolean)">setMousePressed</a>, <a href="../controlP5/ControllerGroup.html#setMoveable(boolean)">setMoveable</a>, <a href="../controlP5/ControllerGroup.html#setOpen(boolean)">setOpen</a>, <a href="../controlP5/ControllerGroup.html#setPosition(float, float)">setPosition</a>, <a href="../controlP5/ControllerGroup.html#setPosition(processing.core.PVector)">setPosition</a>, <a href="../controlP5/ControllerGroup.html#setStringValue(java.lang.String)">setStringValue</a>, <a href="../controlP5/ControllerGroup.html#setTab(controlP5.ControlWindow, java.lang.String)">setTab</a>, <a href="../controlP5/ControllerGroup.html#setTab(java.lang.String)">setTab</a>, <a href="../controlP5/ControllerGroup.html#setTab(controlP5.Tab)">setTab</a>, <a href="../controlP5/ControllerGroup.html#setTitle(java.lang.String)">setTitle</a>, <a href="../controlP5/ControllerGroup.html#setUpdate(boolean)">setUpdate</a>, <a href="../controlP5/ControllerGroup.html#setVisible(boolean)">setVisible</a>, <a href="../controlP5/ControllerGroup.html#show()">show</a>, <a href="../controlP5/ControllerGroup.html#showArrow()">showArrow</a>, <a href="../controlP5/ControllerGroup.html#showBar()">showBar</a>, <a href="../controlP5/ControllerGroup.html#update()">update</a>, <a href="../controlP5/ControllerGroup.html#updateAbsolutePosition()">updateAbsolutePosition</a>, <a href="../controlP5/ControllerGroup.html#updateEvents()">updateEvents</a>, <a href="../controlP5/ControllerGroup.html#value()">value</a></code></li>
+</ul>
+<ul class="blockList">
+<li class="blockList"><a name="methods_inherited_from_class_java.lang.Object">
+<!--   -->
+</a>
+<h3>Methods inherited from class&nbsp;java.lang.Object</h3>
+<code>equals, getClass, hashCode, notify, notifyAll, wait, wait, wait</code></li>
+</ul>
+</li>
+</ul>
+</li>
+</ul>
+</div>
+<div class="details">
+<ul class="blockList">
+<li class="blockList">
+<!-- ========= CONSTRUCTOR DETAIL ======== -->
+<ul class="blockList">
+<li class="blockList"><a name="constructor_detail">
+<!--   -->
+</a>
+<h3>Constructor Detail</h3>
+<a name="DropdownList(controlP5.ControlP5, java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockListLast">
+<li class="blockList">
+<h4>DropdownList</h4>
+<pre>public&nbsp;DropdownList(<a href="../controlP5/ControlP5.html" title="class in controlP5">ControlP5</a>&nbsp;theControlP5,
+            java.lang.String&nbsp;theName)</pre>
+<div class="block">Convenience constructor to extend DropdownList.</div>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theControlP5</code> - </dd><dd><code>theName</code> - </dd><script type="text/javascript">
+<!--
+document.getElementsByTagName('html')[0].className = 'isjs';function toggle(dt) { var display, dd=dt; do{ dd = dd.nextSibling } while(dd.tagName!='DD'); toOpen =!dd.style.display;dd.style.display = toOpen? 'block':''; dt.getElementsByTagName('span')[0].innerHTML  = toOpen? '-':'+' ; }
+-->
+</script>
+<div id="test" class="toggleList"><dl><dt onclick="toggle(this);"><span>+</span>Example</dt><dd><code><pre>/**
+ * ControlP5 extending Controllers
+ *
+ * the following example shows how to extend the Controller class to 
+ * create customizable Controllers. You can either extend the Controller class itself,
+ * or any class that extends Controller itself like the Slider, Button, DropdownList, etc. 
+ * 
+ * How to:
+ *
+ * 1) do a super call to the convenience constructor requiring 
+ * 2 parameter (ControlP5 instance, name)  
+ *
+ * 2) the Controller class has a set of empty methods that allow you to capture
+ * inputs from the mouse including 
+ * onEnter(), onLeave(), onPress(), onRelease(), onClick(), onScroll(int), onDrag()
+ * These you can override and include functionality as needed.
+ *
+ * 3) use method getPointer() to return the local (relative) 
+ * xy-coordinates of the controller
+ *  
+ * 4) after instantiation custom controllers are treated the same 
+ * as default controlP5 controllers.
+ *  
+ * by Andreas Schlegel, 2012
+ * www.sojamo.de/libraries/controlp5
+ *
+ */
+
+import controlP5.*;
+
+ControlP5 cp5;
+PApplet p;
+
+void setup() {
+  size(400, 400);
+  cp5 = new ControlP5(this);
+  
+  // create 2 groups to show nesting of custom controllers and
+  //   
+  Group g1 = cp5.addGroup("a").setPosition(0,100).setWidth(180);
+  Group g2 = cp5.addGroup("b").setPosition(0,10).setWidth(180);
+  g2.moveTo(g1);
+  
+  // create 2 custom Controllers from class MyButton
+  // MyButton extends Controller and inherits all methods accordingly.
+  new MyButton(cp5, "b1").setPosition(0, 0).setSize(180, 200).moveTo(g2);
+  new MyButton(cp5, "b2").setPosition(205, 15).setSize(180, 200);
+  
+}
+
+
+void draw() {
+  background(0);
+}
+
+// b1 will be called from Controller b1
+public void b1(float theValue) {
+  println("yay button "+theValue);
+}
+
+public void controlEvent(ControlEvent theEvent) {
+  println("controlEvent : "+theEvent);
+}
+
+
+// Create a custom Controller, please not that 
+// MyButton extends Controller<MyButton>, <MyButton>
+// is an indicator for the super class about the type of 
+// custom controller to be created.
+
+class MyButton extends Controller<MyButton> {
+
+  int current = 0xffff0000;
+
+  float a = 128;
+  
+  float na;
+  
+  int y;
+  
+  // use the convenience constructor of super class Controller
+  // MyButton will automatically registered and move to the 
+  // default controlP5 tab.
+  
+  MyButton(ControlP5 cp5, String theName) {
+    super(cp5, theName);
+    
+    // replace the default view with a custom view.
+    setView(new ControllerView() {
+      public void display(PApplet p, Object b) {
+        // draw button background
+        na += (a-na) * 0.1; 
+        p.fill(current,na);
+        p.rect(0, 0, getWidth(), getHeight());
+        
+        // draw horizontal line which can be moved on the x-axis 
+        // using the scroll wheel. 
+        p.fill(0,255,0);
+        p.rect(0,y,width,10);
+        
+        // draw the custom label 
+        p.fill(128);
+        translate(0,getHeight()+14);
+        p.text(getName(),0,0);
+        p.text(getName(),0,0);
+        
+      }
+    }
+    );
+  }
+
+  // override various input methods for mouse input control
+  void onEnter() {
+    cursor(HAND);
+    println("enter");
+    a = 255;
+  }
+  
+  void onScroll(int n) {
+    println("scrolling");
+    y -= n;
+    y = constrain(y,0,getHeight()-10);
+  }
+  
+  void onPress() {
+    println("press");
+    current = 0xffffff00;
+  }
+  
+  void onClick() {
+    Pointer p1 = getPointer();
+    println("clicked at "+p1.x()+", "+p1.y());
+    current = 0xffffff00;
+    setValue(y);
+  }
+
+  void onRelease() {
+    println("release");
+    current = 0xffffffff;
+  }
+  
+  void onMove() {
+    println("moving "+this+" "+_myControlWindow.getMouseOverList());
+  }
+
+  void onDrag() {
+    current = 0xff0000ff;
+    Pointer p1 = getPointer();
+    float dif = dist(p1.px(),p1.py(),p1.x(),p1.y());
+    println("dragging at "+p1.x()+", "+p1.y()+" "+dif);
+  }
+  
+  void onReleaseOutside() {
+    onLeave();
+  }
+
+  void onLeave() {
+    println("leave");
+    cursor(ARROW);
+    a = 128;
+  }
+}
+
+</pre></code></dd></dl></div></dl>
+</li>
+</ul>
+</li>
+</ul>
+<!-- ============ METHOD DETAIL ========== -->
+<ul class="blockList">
+<li class="blockList"><a name="method_detail">
+<!--   -->
+</a>
+<h3>Method Detail</h3>
+<a name="actAsPulldownMenu(boolean)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>actAsPulldownMenu</h4>
+<pre>public&nbsp;<a href="../controlP5/DropdownList.html" title="class in controlP5">DropdownList</a>&nbsp;actAsPulldownMenu(boolean&nbsp;theValue)</pre>
+<div class="block">Enables a ListBox to act as a pulldown menu. Alternatively use class PulldownMenu instead.</div>
+</li>
+</ul>
+<a name="addItem(java.lang.String, int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>addItem</h4>
+<pre>public&nbsp;<a href="../controlP5/ListBoxItem.html" title="class in controlP5">ListBoxItem</a>&nbsp;addItem(java.lang.String&nbsp;theName,
+                  int&nbsp;theValue)</pre>
+<div class="block">Adds an item to the ListBox.</div>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theName</code> - String</dd><dd><code>theValue</code> - int</dd><dt><span class="strong">See Also:</span></dt><dd><code>controlP5.ListBox#removeItem(String,int)</code></dd></dl>
+</li>
+</ul>
+<a name="addItems(java.util.List)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>addItems</h4>
+<pre>public&nbsp;<a href="../controlP5/DropdownList.html" title="class in controlP5">DropdownList</a>&nbsp;addItems(java.util.List&lt;?&gt;&nbsp;theItems)</pre>
+</li>
+</ul>
+<a name="addItems(java.util.List, int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>addItems</h4>
+<pre>public&nbsp;<a href="../controlP5/DropdownList.html" title="class in controlP5">DropdownList</a>&nbsp;addItems(java.util.List&lt;?&gt;&nbsp;theItems,
+                    int&nbsp;theOffset)</pre>
+</li>
+</ul>
+<a name="addItems(java.lang.String[])">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>addItems</h4>
+<pre>public&nbsp;<a href="../controlP5/DropdownList.html" title="class in controlP5">DropdownList</a>&nbsp;addItems(java.lang.String[]&nbsp;theItems)</pre>
+<div class="block">adds a list of items from a string array. when iterating through the array, the index of each
+ item will be used as value.</div>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theItems</code> - </dd></dl>
+</li>
+</ul>
+<a name="beginItems()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>beginItems</h4>
+<pre>public&nbsp;void&nbsp;beginItems()</pre>
+</li>
+</ul>
+<a name="clear()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>clear</h4>
+<pre>public&nbsp;<a href="../controlP5/DropdownList.html" title="class in controlP5">DropdownList</a>&nbsp;clear()</pre>
+<div class="block">Removes all items from a list box</div>
+</li>
+</ul>
+<a name="controlEvent(controlP5.ControlEvent)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>controlEvent</h4>
+<pre>public&nbsp;void&nbsp;controlEvent(<a href="../controlP5/ControlEvent.html" title="class in controlP5">ControlEvent</a>&nbsp;theEvent)</pre>
+<div class="block"><strong>Description copied from interface:&nbsp;<code><a href="../controlP5/ControlListener.html#controlEvent(controlP5.ControlEvent)">ControlListener</a></code></strong></div>
+<div class="block">controlEvent is called by controlP5's ControlBroadcaster to inform available listeners about
+ value changes. Use the CallbackListener to get informed when actions such as pressed,
+ release, drag, etc are performed.</div>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControlListener.html#controlEvent(controlP5.ControlEvent)">controlEvent</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControlListener.html" title="interface in controlP5">ControlListener</a></code></dd>
+<dt><strong>Overrides:</strong></dt>
+<dd><code><a href="../controlP5/ControlGroup.html#controlEvent(controlP5.ControlEvent)">controlEvent</a></code>&nbsp;in class&nbsp;<code><a href="../controlP5/ControlGroup.html" title="class in controlP5">ControlGroup</a>&lt;<a href="../controlP5/DropdownList.html" title="class in controlP5">DropdownList</a>&gt;</code></dd>
+<dt><span class="strong">Parameters:</span></dt><dd><code>theEvent</code> - ControlEvent</dd><dt><span class="strong">See Also:</span></dt><dd><a href="../controlP5/CallbackListener.html" title="interface in controlP5"><code>CallbackListener</code></a>, 
+<a href="../controlP5/CallbackEvent.html" title="class in controlP5"><code>CallbackEvent</code></a></dd></dl>
+</li>
+</ul>
+<a name="endItems()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>endItems</h4>
+<pre>public&nbsp;void&nbsp;endItems()</pre>
+</li>
+</ul>
+<a name="getItem(controlP5.Controller)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getItem</h4>
+<pre>public&nbsp;<a href="../controlP5/ListBoxItem.html" title="class in controlP5">ListBoxItem</a>&nbsp;getItem(<a href="../controlP5/Controller.html" title="class in controlP5">Controller</a>&lt;?&gt;&nbsp;theButton)</pre>
+<div class="block">returns a ListBoxItem based on its Button reference.</div>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theButton</code> - </dd>
+<dt><span class="strong">Returns:</span></dt><dd></dd></dl>
+</li>
+</ul>
+<a name="getItem(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getItem</h4>
+<pre>public&nbsp;<a href="../controlP5/ListBoxItem.html" title="class in controlP5">ListBoxItem</a>&nbsp;getItem(int&nbsp;theIndex)</pre>
+<div class="block">returns a listBoxItem by index in the list of items.</div>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theIndex</code> - </dd>
+<dt><span class="strong">Returns:</span></dt><dd></dd></dl>
+</li>
+</ul>
+<a name="getItem(java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getItem</h4>
+<pre>public&nbsp;<a href="../controlP5/ListBoxItem.html" title="class in controlP5">ListBoxItem</a>&nbsp;getItem(java.lang.String&nbsp;theItemName)</pre>
+<div class="block">TODO faulty returns a listBoxItem by name.</div>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theItemName</code> - </dd>
+<dt><span class="strong">Returns:</span></dt><dd></dd></dl>
+</li>
+</ul>
+<a name="getListBoxItems()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getListBoxItems</h4>
+<pre>public&nbsp;java.lang.String[][]&nbsp;getListBoxItems()</pre>
+</li>
+</ul>
+<a name="getScrollPosition()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getScrollPosition</h4>
+<pre>public&nbsp;float&nbsp;getScrollPosition()</pre>
+</li>
+</ul>
+<a name="getStringValue()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getStringValue</h4>
+<pre>public&nbsp;java.lang.String&nbsp;getStringValue()</pre>
+<div class="block"><strong>Description copied from class:&nbsp;<code><a href="../controlP5/ControllerGroup.html#getStringValue()">ControllerGroup</a></code></strong></div>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerInterface.html#getStringValue()">getStringValue</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/DropdownList.html" title="class in controlP5">DropdownList</a>&gt;</code></dd>
+<dt><strong>Overrides:</strong></dt>
+<dd><code><a href="../controlP5/ControllerGroup.html#getStringValue()">getStringValue</a></code>&nbsp;in class&nbsp;<code><a href="../controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a>&lt;<a href="../controlP5/DropdownList.html" title="class in controlP5">DropdownList</a>&gt;</code></dd>
+</dl>
+</li>
+</ul>
+<a name="hideScrollbar()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>hideScrollbar</h4>
+<pre>public&nbsp;<a href="../controlP5/DropdownList.html" title="class in controlP5">DropdownList</a>&nbsp;hideScrollbar()</pre>
+</li>
+</ul>
+<a name="isScrollable()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>isScrollable</h4>
+<pre>public&nbsp;boolean&nbsp;isScrollable()</pre>
+</li>
+</ul>
+<a name="isScrollbarEnabled()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>isScrollbarEnabled</h4>
+<pre>public&nbsp;boolean&nbsp;isScrollbarEnabled()</pre>
+</li>
+</ul>
+<a name="keyEvent(processing.event.KeyEvent)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>keyEvent</h4>
+<pre>public&nbsp;void&nbsp;keyEvent(processing.event.KeyEvent&nbsp;theEvent)</pre>
+<div class="block">Adding key support. up and down arrows can be used to scroll listbox or dropdownList,up and
+ down, use shift+up/down for faster scrolling, use alt+up/down to jump to the top or bottom.</div>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerInterface.html#keyEvent(processing.event.KeyEvent)">keyEvent</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/DropdownList.html" title="class in controlP5">DropdownList</a>&gt;</code></dd>
+<dt><strong>Overrides:</strong></dt>
+<dd><code><a href="../controlP5/ControllerGroup.html#keyEvent(processing.event.KeyEvent)">keyEvent</a></code>&nbsp;in class&nbsp;<code><a href="../controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a>&lt;<a href="../controlP5/DropdownList.html" title="class in controlP5">DropdownList</a>&gt;</code></dd>
+<dt><span class="strong">Parameters:</span></dt><dd><code>theEvent</code> - KeyEvent</dd></dl>
+</li>
+</ul>
+<a name="removeItem(java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>removeItem</h4>
+<pre>public&nbsp;<a href="../controlP5/DropdownList.html" title="class in controlP5">DropdownList</a>&nbsp;removeItem(java.lang.String&nbsp;theItemName)</pre>
+<div class="block">Removes an item from the ListBox using the unique name of the item given when added to the
+ list.</div>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theItemName</code> - String</dd><dt><span class="strong">See Also:</span></dt><dd><a href="../controlP5/ListBox.html#addItem(java.lang.String, int)"><code>ListBox.addItem(String,int)</code></a></dd></dl>
+</li>
+</ul>
+<a name="scroll(float)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>scroll</h4>
+<pre>public&nbsp;<a href="../controlP5/DropdownList.html" title="class in controlP5">DropdownList</a>&nbsp;scroll(float&nbsp;theValue)</pre>
+<div class="block">scroll the scrollList remotely. values must range between 0 and 1.</div>
+</li>
+</ul>
+<a name="scrolled(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>scrolled</h4>
+<pre>public&nbsp;void&nbsp;scrolled(int&nbsp;theStep)</pre>
+</li>
+</ul>
+<a name="setColor(controlP5.CColor)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setColor</h4>
+<pre>public&nbsp;<a href="../controlP5/DropdownList.html" title="class in controlP5">DropdownList</a>&nbsp;setColor(<a href="../controlP5/CColor.html" title="class in controlP5">CColor</a>&nbsp;theColor)</pre>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerInterface.html#setColor(controlP5.CColor)">setColor</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/DropdownList.html" title="class in controlP5">DropdownList</a>&gt;</code></dd>
+<dt><strong>Overrides:</strong></dt>
+<dd><code><a href="../controlP5/ControllerGroup.html#setColor(controlP5.CColor)">setColor</a></code>&nbsp;in class&nbsp;<code><a href="../controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a>&lt;<a href="../controlP5/DropdownList.html" title="class in controlP5">DropdownList</a>&gt;</code></dd>
+</dl>
+</li>
+</ul>
+<a name="setColorActive(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setColorActive</h4>
+<pre>public&nbsp;<a href="../controlP5/DropdownList.html" title="class in controlP5">DropdownList</a>&nbsp;setColorActive(int&nbsp;theColor)</pre>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerInterface.html#setColorActive(int)">setColorActive</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/DropdownList.html" title="class in controlP5">DropdownList</a>&gt;</code></dd>
+<dt><strong>Overrides:</strong></dt>
+<dd><code><a href="../controlP5/ControllerGroup.html#setColorActive(int)">setColorActive</a></code>&nbsp;in class&nbsp;<code><a href="../controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a>&lt;<a href="../controlP5/DropdownList.html" title="class in controlP5">DropdownList</a>&gt;</code></dd>
+</dl>
+</li>
+</ul>
+<a name="setColorBackground(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setColorBackground</h4>
+<pre>public&nbsp;<a href="../controlP5/DropdownList.html" title="class in controlP5">DropdownList</a>&nbsp;setColorBackground(int&nbsp;theColor)</pre>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerInterface.html#setColorBackground(int)">setColorBackground</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/DropdownList.html" title="class in controlP5">DropdownList</a>&gt;</code></dd>
+<dt><strong>Overrides:</strong></dt>
+<dd><code><a href="../controlP5/ControllerGroup.html#setColorBackground(int)">setColorBackground</a></code>&nbsp;in class&nbsp;<code><a href="../controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a>&lt;<a href="../controlP5/DropdownList.html" title="class in controlP5">DropdownList</a>&gt;</code></dd>
+</dl>
+</li>
+</ul>
+<a name="setColorForeground(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setColorForeground</h4>
+<pre>public&nbsp;<a href="../controlP5/DropdownList.html" title="class in controlP5">DropdownList</a>&nbsp;setColorForeground(int&nbsp;theColor)</pre>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerInterface.html#setColorForeground(int)">setColorForeground</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/DropdownList.html" title="class in controlP5">DropdownList</a>&gt;</code></dd>
+<dt><strong>Overrides:</strong></dt>
+<dd><code><a href="../controlP5/ControllerGroup.html#setColorForeground(int)">setColorForeground</a></code>&nbsp;in class&nbsp;<code><a href="../controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a>&lt;<a href="../controlP5/DropdownList.html" title="class in controlP5">DropdownList</a>&gt;</code></dd>
+</dl>
+</li>
+</ul>
+<a name="setColorLabel(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setColorLabel</h4>
+<pre>public&nbsp;<a href="../controlP5/DropdownList.html" title="class in controlP5">DropdownList</a>&nbsp;setColorLabel(int&nbsp;theColor)</pre>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerInterface.html#setColorLabel(int)">setColorLabel</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/DropdownList.html" title="class in controlP5">DropdownList</a>&gt;</code></dd>
+<dt><strong>Overrides:</strong></dt>
+<dd><code><a href="../controlP5/ControllerGroup.html#setColorLabel(int)">setColorLabel</a></code>&nbsp;in class&nbsp;<code><a href="../controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a>&lt;<a href="../controlP5/DropdownList.html" title="class in controlP5">DropdownList</a>&gt;</code></dd>
+</dl>
+</li>
+</ul>
+<a name="setColorValue(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setColorValue</h4>
+<pre>public&nbsp;<a href="../controlP5/DropdownList.html" title="class in controlP5">DropdownList</a>&nbsp;setColorValue(int&nbsp;theColor)</pre>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerInterface.html#setColorValue(int)">setColorValue</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/DropdownList.html" title="class in controlP5">DropdownList</a>&gt;</code></dd>
+<dt><strong>Overrides:</strong></dt>
+<dd><code><a href="../controlP5/ControllerGroup.html#setColorValue(int)">setColorValue</a></code>&nbsp;in class&nbsp;<code><a href="../controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a>&lt;<a href="../controlP5/DropdownList.html" title="class in controlP5">DropdownList</a>&gt;</code></dd>
+</dl>
+</li>
+</ul>
+<a name="setHeight(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setHeight</h4>
+<pre>public&nbsp;<a href="../controlP5/DropdownList.html" title="class in controlP5">DropdownList</a>&nbsp;setHeight(int&nbsp;theHeight)</pre>
+<dl>
+<dt><strong>Overrides:</strong></dt>
+<dd><code><a href="../controlP5/ControllerGroup.html#setHeight(int)">setHeight</a></code>&nbsp;in class&nbsp;<code><a href="../controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a>&lt;<a href="../controlP5/DropdownList.html" title="class in controlP5">DropdownList</a>&gt;</code></dd>
+<dt><span class="strong">Returns:</span></dt><dd>ControllerGroup</dd></dl>
+</li>
+</ul>
+<a name="setIndex(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setIndex</h4>
+<pre>public&nbsp;<a href="../controlP5/DropdownList.html" title="class in controlP5">DropdownList</a>&nbsp;setIndex(int&nbsp;theIndex)</pre>
+</li>
+</ul>
+<a name="setItemHeight(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setItemHeight</h4>
+<pre>public&nbsp;<a href="../controlP5/DropdownList.html" title="class in controlP5">DropdownList</a>&nbsp;setItemHeight(int&nbsp;theHeight)</pre>
+</li>
+</ul>
+<a name="setListBoxItems(java.lang.String[][])">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setListBoxItems</h4>
+<pre>public&nbsp;<a href="../controlP5/DropdownList.html" title="class in controlP5">DropdownList</a>&nbsp;setListBoxItems(java.lang.String[][]&nbsp;l)</pre>
+</li>
+</ul>
+<a name="setScrollbarVisible(boolean)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setScrollbarVisible</h4>
+<pre>public&nbsp;<a href="../controlP5/DropdownList.html" title="class in controlP5">DropdownList</a>&nbsp;setScrollbarVisible(boolean&nbsp;theValue)</pre>
+</li>
+</ul>
+<a name="setScrollbarWidth(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setScrollbarWidth</h4>
+<pre>public&nbsp;<a href="../controlP5/DropdownList.html" title="class in controlP5">DropdownList</a>&nbsp;setScrollbarWidth(int&nbsp;theWidth)</pre>
+</li>
+</ul>
+<a name="setSize(int, int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setSize</h4>
+<pre>public&nbsp;<a href="../controlP5/DropdownList.html" title="class in controlP5">DropdownList</a>&nbsp;setSize(int&nbsp;theWidth,
+                   int&nbsp;theHeight)</pre>
+<dl>
+<dt><strong>Overrides:</strong></dt>
+<dd><code><a href="../controlP5/ControlGroup.html#setSize(int, int)">setSize</a></code>&nbsp;in class&nbsp;<code><a href="../controlP5/ControlGroup.html" title="class in controlP5">ControlGroup</a>&lt;<a href="../controlP5/DropdownList.html" title="class in controlP5">DropdownList</a>&gt;</code></dd>
+</dl>
+</li>
+</ul>
+<a name="setValue(float)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setValue</h4>
+<pre>public&nbsp;<a href="../controlP5/DropdownList.html" title="class in controlP5">DropdownList</a>&nbsp;setValue(float&nbsp;theValue)</pre>
+<div class="block"><strong>Description copied from class:&nbsp;<code><a href="../controlP5/ControllerGroup.html#setValue(float)">ControllerGroup</a></code></strong></div>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerInterface.html#setValue(float)">setValue</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/DropdownList.html" title="class in controlP5">DropdownList</a>&gt;</code></dd>
+<dt><strong>Overrides:</strong></dt>
+<dd><code><a href="../controlP5/ControllerGroup.html#setValue(float)">setValue</a></code>&nbsp;in class&nbsp;<code><a href="../controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a>&lt;<a href="../controlP5/DropdownList.html" title="class in controlP5">DropdownList</a>&gt;</code></dd>
+</dl>
+</li>
+</ul>
+<a name="setWidth(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setWidth</h4>
+<pre>public&nbsp;<a href="../controlP5/DropdownList.html" title="class in controlP5">DropdownList</a>&nbsp;setWidth(int&nbsp;theWidth)</pre>
+<dl>
+<dt><strong>Overrides:</strong></dt>
+<dd><code><a href="../controlP5/ControllerGroup.html#setWidth(int)">setWidth</a></code>&nbsp;in class&nbsp;<code><a href="../controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a>&lt;<a href="../controlP5/DropdownList.html" title="class in controlP5">DropdownList</a>&gt;</code></dd>
+<dt><span class="strong">Returns:</span></dt><dd>ControllerGroup</dd></dl>
+</li>
+</ul>
+<a name="showScrollbar()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>showScrollbar</h4>
+<pre>public&nbsp;<a href="../controlP5/DropdownList.html" title="class in controlP5">DropdownList</a>&nbsp;showScrollbar()</pre>
+</li>
+</ul>
+<a name="toUpperCase(boolean)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>toUpperCase</h4>
+<pre>public&nbsp;<a href="../controlP5/DropdownList.html" title="class in controlP5">DropdownList</a>&nbsp;toUpperCase(boolean&nbsp;theFlag)</pre>
+</li>
+</ul>
+<a name="updateInternalEvents(processing.core.PApplet)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>updateInternalEvents</h4>
+<pre>public&nbsp;<a href="../controlP5/DropdownList.html" title="class in controlP5">DropdownList</a>&nbsp;updateInternalEvents(processing.core.PApplet&nbsp;theApplet)</pre>
+<div class="block"><strong>Description copied from interface:&nbsp;<code><a href="../controlP5/ControllerInterface.html#updateInternalEvents(processing.core.PApplet)">ControllerInterface</a></code></strong></div>
+<div class="block">a method for putting input events like e.g. mouse or keyboard events and queries. this has
+ been taken out of the draw method for better overwriting capability.</div>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerInterface.html#updateInternalEvents(processing.core.PApplet)">updateInternalEvents</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/DropdownList.html" title="class in controlP5">DropdownList</a>&gt;</code></dd>
+<dt><strong>Overrides:</strong></dt>
+<dd><code><a href="../controlP5/ControlGroup.html#updateInternalEvents(processing.core.PApplet)">updateInternalEvents</a></code>&nbsp;in class&nbsp;<code><a href="../controlP5/ControlGroup.html" title="class in controlP5">ControlGroup</a>&lt;<a href="../controlP5/DropdownList.html" title="class in controlP5">DropdownList</a>&gt;</code></dd>
+</dl>
+</li>
+</ul>
+<a name="updateListBoxItems()">
+<!--   -->
+</a>
+<ul class="blockListLast">
+<li class="blockList">
+<h4>updateListBoxItems</h4>
+<pre>public&nbsp;<a href="../controlP5/DropdownList.html" title="class in controlP5">DropdownList</a>&nbsp;updateListBoxItems()</pre>
+</li>
+</ul>
+</li>
+</ul>
+</li>
+</ul>
+</div>
+</div>
+<!-- ========= END OF CLASS DATA ========= -->
+<!-- ======= START OF BOTTOM NAVBAR ====== -->
+<div class="bottomNav"><a name="navbar_bottom">
+<!--   -->
+</a><a href="#skip-navbar_bottom" title="Skip navigation links"></a><a name="navbar_bottom_firstrow">
+<!--   -->
+</a>
+<ul class="navList" title="Navigation">
+<li><a href="../controlP5/package-summary.html">Package</a></li>
+<li class="navBarCell1Rev">Class</li>
+<li><a href="package-tree.html">Tree</a></li>
+<li><a href="../index-all.html">Index</a></li>
+<li><a href="../help-doc.html">Help</a></li>
+</ul>
+</div>
+<div class="subNav">
+<ul class="navList">
+<li><a href="../controlP5/CP.html" title="class in controlP5"><span class="strong">Prev Class</span></a></li>
+<li><a href="../controlP5/FrameRate.html" title="class in controlP5"><span class="strong">Next Class</span></a></li>
+</ul>
+<ul class="navList">
+<li><a href="../index.html?controlP5/DropdownList.html" target="_top">Frames</a></li>
+<li><a href="DropdownList.html" target="_top">No Frames</a></li>
+</ul>
+<ul class="navList" id="allclasses_navbar_bottom">
+<li><a href="../allclasses-noframe.html">All Classes</a></li>
+</ul>
+<div>
+<script type="text/javascript"><!--
+  allClassesLink = document.getElementById("allclasses_navbar_bottom");
+  if(window==top) {
+    allClassesLink.style.display = "block";
+  }
+  else {
+    allClassesLink.style.display = "none";
+  }
+  //-->
+</script>
+</div>
+<div>
+<ul class="subNavList">
+<li>Summary:&nbsp;</li>
+<li>Nested&nbsp;|&nbsp;</li>
+<li>Field&nbsp;|&nbsp;</li>
+<li><a href="#constructor_summary">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_summary">Method</a></li>
+</ul>
+<ul class="subNavList">
+<li>Detail:&nbsp;</li>
+<li>Field&nbsp;|&nbsp;</li>
+<li><a href="#constructor_detail">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_detail">Method</a></li>
+</ul>
+</div>
+<a name="skip-navbar_bottom">
+<!--   -->
+</a></div>
+<!-- ======== END OF BOTTOM NAVBAR ======= -->
+<p class="legalCopy"><small>processing library controlP5 by Andreas Schlegel. (c) 2006-2014</small></p>
+</body>
+</html>
diff --git a/reference/controlP5/FrameRate.html b/reference/controlP5/FrameRate.html
new file mode 100644
index 0000000..6c34eba
--- /dev/null
+++ b/reference/controlP5/FrameRate.html
@@ -0,0 +1,301 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
+<!-- NewPage -->
+<html lang="en">
+<head>
+<!-- Generated by javadoc (version 1.7.0_51) on Sun Apr 27 21:39:47 SGT 2014 -->
+<title>FrameRate (Javadocs: controlP5)</title>
+<meta name="date" content="2014-04-27">
+<link rel="stylesheet" type="text/css" href="../stylesheet.css" title="Style">
+</head>
+<body>
+<script type="text/javascript"><!--
+    if (location.href.indexOf('is-external=true') == -1) {
+        parent.document.title="FrameRate (Javadocs: controlP5)";
+    }
+//-->
+</script>
+<noscript>
+<div>JavaScript is disabled on your browser.</div>
+</noscript>
+<!-- ========= START OF TOP NAVBAR ======= -->
+<div class="topNav"><a name="navbar_top">
+<!--   -->
+</a><a href="#skip-navbar_top" title="Skip navigation links"></a><a name="navbar_top_firstrow">
+<!--   -->
+</a>
+<ul class="navList" title="Navigation">
+<li><a href="../controlP5/package-summary.html">Package</a></li>
+<li class="navBarCell1Rev">Class</li>
+<li><a href="package-tree.html">Tree</a></li>
+<li><a href="../index-all.html">Index</a></li>
+<li><a href="../help-doc.html">Help</a></li>
+</ul>
+</div>
+<div class="subNav">
+<ul class="navList">
+<li><a href="../controlP5/DropdownList.html" title="class in controlP5"><span class="strong">Prev Class</span></a></li>
+<li><a href="../controlP5/Group.html" title="class in controlP5"><span class="strong">Next Class</span></a></li>
+</ul>
+<ul class="navList">
+<li><a href="../index.html?controlP5/FrameRate.html" target="_top">Frames</a></li>
+<li><a href="FrameRate.html" target="_top">No Frames</a></li>
+</ul>
+<ul class="navList" id="allclasses_navbar_top">
+<li><a href="../allclasses-noframe.html">All Classes</a></li>
+</ul>
+<div>
+<script type="text/javascript"><!--
+  allClassesLink = document.getElementById("allclasses_navbar_top");
+  if(window==top) {
+    allClassesLink.style.display = "block";
+  }
+  else {
+    allClassesLink.style.display = "none";
+  }
+  //-->
+</script>
+</div>
+<div>
+<ul class="subNavList">
+<li>Summary:&nbsp;</li>
+<li>Nested&nbsp;|&nbsp;</li>
+<li><a href="#fields_inherited_from_class_controlP5.Controller">Field</a>&nbsp;|&nbsp;</li>
+<li>Constr&nbsp;|&nbsp;</li>
+<li><a href="#method_summary">Method</a></li>
+</ul>
+<ul class="subNavList">
+<li>Detail:&nbsp;</li>
+<li>Field&nbsp;|&nbsp;</li>
+<li>Constr&nbsp;|&nbsp;</li>
+<li><a href="#method_detail">Method</a></li>
+</ul>
+</div>
+<a name="skip-navbar_top">
+<!--   -->
+</a></div>
+<!-- ========= END OF TOP NAVBAR ========= -->
+<!-- ======== START OF CLASS DATA ======== -->
+<div class="header">
+<div class="subTitle">controlP5</div>
+<h2 title="Class FrameRate" class="title">Class FrameRate</h2>
+</div>
+<div class="contentContainer">
+<ul class="inheritance">
+<li>java.lang.Object</li>
+<li>
+<ul class="inheritance">
+<li><a href="../controlP5/Controller.html" title="class in controlP5">controlP5.Controller</a>&lt;<a href="../controlP5/Textlabel.html" title="class in controlP5">Textlabel</a>&gt;</li>
+<li>
+<ul class="inheritance">
+<li><a href="../controlP5/Textlabel.html" title="class in controlP5">controlP5.Textlabel</a></li>
+<li>
+<ul class="inheritance">
+<li>controlP5.FrameRate</li>
+</ul>
+</li>
+</ul>
+</li>
+</ul>
+</li>
+</ul>
+<div class="description">
+<ul class="blockList">
+<li class="blockList">
+<dl>
+<dt>All Implemented Interfaces:</dt>
+<dd><a href="../controlP5/CDrawable.html" title="interface in controlP5">CDrawable</a>, <a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/Textlabel.html" title="class in controlP5">Textlabel</a>&gt;, <a href="../controlP5/ControlP5Constants.html" title="interface in controlP5">ControlP5Constants</a></dd>
+</dl>
+<hr>
+<br>
+<pre>public class <span class="strong">FrameRate</span>
+extends <a href="../controlP5/Textlabel.html" title="class in controlP5">Textlabel</a></pre>
+</li>
+</ul>
+</div>
+<div class="summary">
+<ul class="blockList">
+<li class="blockList">
+<!-- =========== FIELD SUMMARY =========== -->
+<ul class="blockList">
+<li class="blockList"><a name="field_summary">
+<!--   -->
+</a>
+<h3>Field Summary</h3>
+<ul class="blockList">
+<li class="blockList"><a name="fields_inherited_from_class_controlP5.Controller">
+<!--   -->
+</a>
+<h3>Fields inherited from class&nbsp;controlP5.<a href="../controlP5/Controller.html" title="class in controlP5">Controller</a></h3>
+<code><a href="../controlP5/Controller.html#autoHeight">autoHeight</a>, <a href="../controlP5/Controller.html#autoSpacing">autoSpacing</a>, <a href="../controlP5/Controller.html#autoWidth">autoWidth</a></code></li>
+</ul>
+<ul class="blockList">
+<li class="blockList"><a name="fields_inherited_from_class_controlP5.ControlP5Constants">
+<!--   -->
+</a>
+<h3>Fields inherited from interface&nbsp;controlP5.<a href="../controlP5/ControlP5Constants.html" title="interface in controlP5">ControlP5Constants</a></h3>
+<code><a href="../controlP5/ControlP5Constants.html#acceptClassList">acceptClassList</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_BROADCAST">ACTION_BROADCAST</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_CLICK">ACTION_CLICK</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_DRAG">ACTION_DRAG</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_ENTER">ACTION_ENTER</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_EXIT">ACTION_EXIT</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_LEAVE">ACTION_LEAVE</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_MOVE">ACTION_MOVE</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_PRESS">ACTION_PRESS</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_PRESSED">ACTION_PRESSED</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_RELEASE">ACTION_RELEASE</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_RELEASED">ACTION_RELEASED</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_RELEASEDOUTSIDE">ACTION_RELEASEDOUTSIDE</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_WHEEL">ACTION_WHEEL</a>, <a href="../controlP5/ControlP5Constants.html#ACTIVE">ACTIVE</a>, <a href="../controlP5/ControlP5Constants.html#ALL">ALL</a>, <a href="../controlP5/ControlP5Constants.html#ALT">ALT</a>, <a href="../controlP5/ControlP5Constants.html#AQUA">AQUA</a>, <a href="../controlP5/ControlP5Constants.html#ARC">ARC</a>, <a href="../controlP5/ControlP5Constants.html#ARRAY">ARRAY</a>, <a href="../controlP5/ControlP5Constants.html#BACKSPACE">BACKSPACE</a>, <a href="../controlP5/ControlP5Constants.html#BASELINE">BASELINE</a>, <a href="../controlP5/ControlP5Constants.html#BITFONT">BITFONT</a>, <a href="../controlP5/ControlP5Constants.html#BLACK">BLACK</a>, <a href="../controlP5/ControlP5Constants.html#BLUE">BLUE</a>, <a href="../controlP5/ControlP5Constants.html#BOOLEAN">BOOLEAN</a>, <a href="../controlP5/ControlP5Constants.html#BOTTOM">BOTTOM</a>, <a href="../controlP5/ControlP5Constants.html#BOTTOM_OUTSIDE">BOTTOM_OUTSIDE</a>, <a href="../controlP5/ControlP5Constants.html#CAPTIONLABEL">CAPTIONLABEL</a>, <a href="../controlP5/ControlP5Constants.html#CENTER">CENTER</a>, <a href="../controlP5/ControlP5Constants.html#CHECKBOX">CHECKBOX</a>, <a href="../controlP5/ControlP5Constants.html#COMMANDKEY">COMMANDKEY</a>, <a href="../controlP5/ControlP5Constants.html#CONTROL">CONTROL</a>, <a href="../controlP5/ControlP5Constants.html#controlEventClass">controlEventClass</a>, <a href="../controlP5/ControlP5Constants.html#CUSTOM">CUSTOM</a>, <a href="../controlP5/ControlP5Constants.html#DECREASE">DECREASE</a>, <a href="../controlP5/ControlP5Constants.html#DEFAULT">DEFAULT</a>, <a href="../controlP5/ControlP5Constants.html#DELETE">DELETE</a>, <a href="../controlP5/ControlP5Constants.html#DONE">DONE</a>, <a href="../controlP5/ControlP5Constants.html#DOWN">DOWN</a>, <a href="../controlP5/ControlP5Constants.html#DROPDOWN">DROPDOWN</a>, <a href="../controlP5/ControlP5Constants.html#ELLIPSE">ELLIPSE</a>, <a href="../controlP5/ControlP5Constants.html#ENTER">ENTER</a>, <a href="../controlP5/ControlP5Constants.html#ESCAPE">ESCAPE</a>, <a href="../controlP5/ControlP5Constants.html#EVENT">EVENT</a>, <a href="../controlP5/ControlP5Constants.html#eventMethod">eventMethod</a>, <a href="../controlP5/ControlP5Constants.html#FADEIN">FADEIN</a>, <a href="../controlP5/ControlP5Constants.html#FADEOUT">FADEOUT</a>, <a href="../controlP5/ControlP5Constants.html#FIELD">FIELD</a>, <a href="../controlP5/ControlP5Constants.html#FLOAT">FLOAT</a>, <a href="../controlP5/ControlP5Constants.html#FUCHSIA">FUCHSIA</a>, <a href="../controlP5/ControlP5Constants.html#GRAY">GRAY</a>, <a href="../controlP5/ControlP5Constants.html#GREEN">GREEN</a>, <a href="../controlP5/ControlP5Constants.html#grixel">grixel</a>, <a href="../controlP5/ControlP5Constants.html#HALF_PI">HALF_PI</a>, <a href="../controlP5/ControlP5Constants.html#HIDE">HIDE</a>, <a href="../controlP5/ControlP5Constants.html#HIGHLIGHT">HIGHLIGHT</a>, <a href="../controlP5/ControlP5Constants.html#HORIZONTAL">HORIZONTAL</a>, <a href="../controlP5/ControlP5Constants.html#IDLE">IDLE</a>, <a href="../controlP5/ControlP5Constants.html#IMAGE">IMAGE</a>, <a href="../controlP5/ControlP5Constants.html#INACTIVE">INACTIVE</a>, <a href="../controlP5/ControlP5Constants.html#INCREASE">INCREASE</a>, <a href="../controlP5/ControlP5Constants.html#INTEGER">INTEGER</a>, <a href="../controlP5/ControlP5Constants.html#INVALID">INVALID</a>, <a href="../controlP5/ControlP5Constants.html#J2D">J2D</a>, <a href="../controlP5/ControlP5Constants.html#KEYCONTROL">KEYCONTROL</a>, <a href="../controlP5/ControlP5Constants.html#LEFT">LEFT</a>, <a href="../controlP5/ControlP5Constants.html#LEFT_OUTSIDE">LEFT_OUTSIDE</a>, <a href="../controlP5/ControlP5Constants.html#LIME">LIME</a>, <a href="../controlP5/ControlP5Constants.html#LINE">LINE</a>, <a href="../controlP5/ControlP5Constants.html#LIST">LIST</a>, <a href="../controlP5/ControlP5Constants.html#LOAD">LOAD</a>, <a href="../controlP5/ControlP5Constants.html#MAROON">MAROON</a>, <a href="../controlP5/ControlP5Constants.html#MENU">MENU</a>, <a href="../controlP5/ControlP5Constants.html#METHOD">METHOD</a>, <a href="../controlP5/ControlP5Constants.html#MOVE">MOVE</a>, <a href="../controlP5/ControlP5Constants.html#MULTI">MULTI</a>, <a href="../controlP5/ControlP5Constants.html#MULTIPLES">MULTIPLES</a>, <a href="../controlP5/ControlP5Constants.html#NAVY">NAVY</a>, <a href="../controlP5/ControlP5Constants.html#OLIVE">OLIVE</a>, <a href="../controlP5/ControlP5Constants.html#ORANGE">ORANGE</a>, <a href="../controlP5/ControlP5Constants.html#OVER">OVER</a>, <a href="../controlP5/ControlP5Constants.html#P2D">P2D</a>, <a href="../controlP5/ControlP5Constants.html#P3D">P3D</a>, <a href="../controlP5/ControlP5Constants.html#PI">PI</a>, <a href="../controlP5/ControlP5Constants.html#PRESSED">PRESSED</a>, <a href="../controlP5/ControlP5Constants.html#PRINT">PRINT</a>, <a href="../controlP5/ControlP5Constants.html#PURPLE">PURPLE</a>, <a href="../controlP5/ControlP5Constants.html#RED">RED</a>, <a href="../controlP5/ControlP5Constants.html#RELEASE">RELEASE</a>, <a href="../controlP5/ControlP5Constants.html#RESET">RESET</a>, <a href="../controlP5/ControlP5Constants.html#RIGHT">RIGHT</a>, <a href="../controlP5/ControlP5Constants.html#RIGHT_OUTSIDE">RIGHT_OUTSIDE</a>, <a href="../controlP5/ControlP5Constants.html#SAVE">SAVE</a>, <a href="../controlP5/ControlP5Constants.html#SHIFT">SHIFT</a>, <a href="../controlP5/ControlP5Constants.html#SILVER">SILVER</a>, <a href="../controlP5/ControlP5Constants.html#SINGLE">SINGLE</a>, <a href="../controlP5/ControlP5Constants.html#SINGLE_COLUMN">SINGLE_COLUMN</a>, <a href="../controlP5/ControlP5Constants.html#SINGLE_ROW">SINGLE_ROW</a>, <a href="../controlP5/ControlP5Constants.html#SPRITE">SPRITE</a>, <a href="../controlP5/ControlP5Constants.html#standard56">standard56</a>, <a href="../controlP5/ControlP5Constants.html#standard58">standard58</a>, <a href="../controlP5/ControlP5Constants.html#STRING">STRING</a>, <a href="../controlP5/ControlP5Constants.html#SWITCH">SWITCH</a>, <a href="../controlP5/ControlP5Constants.html#SWITCH_BACK">SWITCH_BACK</a>, <a href="../controlP5/ControlP5Constants.html#SWITCH_FORE">SWITCH_FORE</a>, <a href="../controlP5/ControlP5Constants.html#synt24">synt24</a>, <a href="../controlP5/ControlP5Constants.html#TAB">TAB</a>, <a href="../controlP5/ControlP5Constants.html#TEAL">TEAL</a>, <a href="../controlP5/ControlP5Constants.html#THEME_A">THEME_A</a>, <a href="../controlP5/ControlP5Constants.html#THEME_CP52014">THEME_CP52014</a>, <a href="../controlP5/ControlP5Constants.html#THEME_CP5BLUE">THEME_CP5BLUE</a>, <a href="../controlP5/ControlP5Constants.html#THEME_RED">THEME_RED</a>, <a href="../controlP5/ControlP5Constants.html#THEME_RETRO">THEME_RETRO</a>, <a href="../controlP5/ControlP5Constants.html#THEME_WHITE">THEME_WHITE</a>, <a href="../controlP5/ControlP5Constants.html#TOP">TOP</a>, <a href="../controlP5/ControlP5Constants.html#TOP_OUTSIDE">TOP_OUTSIDE</a>, <a href="../controlP5/ControlP5Constants.html#TRANSITION_WAIT_FADEIN">TRANSITION_WAIT_FADEIN</a>, <a href="../controlP5/ControlP5Constants.html#TREE">TREE</a>, <a href="../controlP5/ControlP5Constants.html#TWO_PI">TWO_PI</a>, <a href="../controlP5/ControlP5Constants.html#UP">UP</a>, <a href="../controlP5/ControlP5Constants.html#VALUELABEL">VALUELABEL</a>, <a href="../controlP5/ControlP5Constants.html#VERBOSE">VERBOSE</a>, <a href="../controlP5/ControlP5Constants.html#VERTICAL">VERTICAL</a>, <a href="../controlP5/ControlP5Constants.html#WAIT">WAIT</a>, <a href="../controlP5/ControlP5Constants.html#WHITE">WHITE</a>, <a href="../controlP5/ControlP5Constants.html#YELLOW">YELLOW</a></code></li>
+</ul>
+</li>
+</ul>
+<!-- ========== METHOD SUMMARY =========== -->
+<ul class="blockList">
+<li class="blockList"><a name="method_summary">
+<!--   -->
+</a>
+<h3>Method Summary</h3>
+<table class="overviewSummary" border="0" cellpadding="3" cellspacing="0" summary="Method Summary table, listing methods, and an explanation">
+<caption><span>Methods</span><span class="tabEnd">&nbsp;</span></caption>
+<tr>
+<th class="colFirst" scope="col">Modifier and Type</th>
+<th class="colLast" scope="col">Method and Description</th>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>void</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/FrameRate.html#draw(processing.core.PGraphics)">draw</a></strong>(processing.core.PGraphics&nbsp;theGraphics)</code>
+<div class="block">the default draw function for each controller extending superclass Controller.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/FrameRate.html" title="class in controlP5">FrameRate</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/FrameRate.html#setInterval(int)">setInterval</a></strong>(int&nbsp;theValue)</code>&nbsp;</td>
+</tr>
+</table>
+<ul class="blockList">
+<li class="blockList"><a name="methods_inherited_from_class_controlP5.Textlabel">
+<!--   -->
+</a>
+<h3>Methods inherited from class&nbsp;controlP5.<a href="../controlP5/Textlabel.html" title="class in controlP5">Textlabel</a></h3>
+<code><a href="../controlP5/Textlabel.html#append(java.lang.String, int)">append</a>, <a href="../controlP5/Textlabel.html#draw()">draw</a>, <a href="../controlP5/Textlabel.html#draw(int, int)">draw</a>, <a href="../controlP5/Textlabel.html#draw(processing.core.PApplet)">draw</a>, <a href="../controlP5/Textlabel.html#get()">get</a>, <a href="../controlP5/Textlabel.html#getLineHeight()">getLineHeight</a>, <a href="../controlP5/Textlabel.html#setColor(int)">setColor</a>, <a href="../controlP5/Textlabel.html#setFont(controlP5.ControlFont)">setFont</a>, <a href="../controlP5/Textlabel.html#setFont(int)">setFont</a>, <a href="../controlP5/Textlabel.html#setFont(processing.core.PFont)">setFont</a>, <a href="../controlP5/Textlabel.html#setHeight(int)">setHeight</a>, <a href="../controlP5/Textlabel.html#setLetterSpacing(int)">setLetterSpacing</a>, <a href="../controlP5/Textlabel.html#setLineHeight(int)">setLineHeight</a>, <a href="../controlP5/Textlabel.html#setMultiline(boolean)">setMultiline</a>, <a href="../controlP5/Textlabel.html#setStringValue(java.lang.String)">setStringValue</a>, <a href="../controlP5/Textlabel.html#setText(java.lang.String)">setText</a>, <a href="../controlP5/Textlabel.html#setValue(float)">setValue</a>, <a href="../controlP5/Textlabel.html#setValue(java.lang.String)">setValue</a>, <a href="../controlP5/Textlabel.html#setWidth(int)">setWidth</a>, <a href="../controlP5/Textlabel.html#valueLabel()">valueLabel</a></code></li>
+</ul>
+<ul class="blockList">
+<li class="blockList"><a name="methods_inherited_from_class_controlP5.Controller">
+<!--   -->
+</a>
+<h3>Methods inherited from class&nbsp;controlP5.<a href="../controlP5/Controller.html" title="class in controlP5">Controller</a></h3>
+<code><a href="../controlP5/Controller.html#add(controlP5.ControllerInterface)">add</a>, <a href="../controlP5/Controller.html#addCallback(controlP5.CallbackListener)">addCallback</a>, <a href="../controlP5/Controller.html#addListener(controlP5.ControlListener)">addListener</a>, <a href="../controlP5/Controller.html#align(int, int, int, int)">align</a>, <a href="../controlP5/Controller.html#bringToFront()">bringToFront</a>, <a href="../controlP5/Controller.html#bringToFront(controlP5.ControllerInterface)">bringToFront</a>, <a href="../controlP5/Controller.html#changeValue(float)">changeValue</a>, <a href="../controlP5/Controller.html#continuousUpdateEvents()">continuousUpdateEvents</a>, <a href="../controlP5/Controller.html#getAbsolutePosition()">getAbsolutePosition</a>, <a href="../controlP5/Controller.html#getAddress()">getAddress</a>, <a href="../controlP5/Controller.html#getArrayValue()">getArrayValue</a>, <a href="../controlP5/Controller.html#getArrayValue(int)">getArrayValue</a>, <a href="../controlP5/Controller.html#getBehavior()">getBehavior</a>, <a href="../controlP5/Controller.html#getCaptionLabel()">getCaptionLabel</a>, <a href="../controlP5/Controller.html#getColor()">getColor</a>, <a href="../controlP5/Controller.html#getControllerPlugList()">getControllerPlugList</a>, <a href="../controlP5/Controller.html#getControlWindow()">getControlWindow</a>, <a href="../controlP5/Controller.html#getDecimalPrecision()">getDecimalPrecision</a>, <a href="../controlP5/Controller.html#getDefaultValue()">getDefaultValue</a>, <a href="../controlP5/Controller.html#getHeight()">getHeight</a>, <a href="../controlP5/Controller.html#getId()">getId</a>, <a href="../controlP5/Controller.html#getInfo()">getInfo</a>, <a href="../controlP5/Controller.html#getLabel()">getLabel</a>, <a href="../controlP5/Controller.html#getMax()">getMax</a>, <a href="../controlP5/Controller.html#getMin()">getMin</a>, <a href="../controlP5/Controller.html#getName()">getName</a>, <a href="../controlP5/Controller.html#getParent()">getParent</a>, <a href="../controlP5/Controller.html#getPickingColor()">getPickingColor</a>, <a href="../controlP5/Controller.html#getPointer()">getPointer</a>, <a href="../controlP5/Controller.html#getPosition()">getPosition</a>, <a href="../controlP5/Controller.html#getProperty(java.lang.String)">getProperty</a>, <a href="../controlP5/Controller.html#getProperty(java.lang.String, java.lang.String)">getProperty</a>, <a href="../controlP5/Controller.html#getStringValue()">getStringValue</a>, <a href="../controlP5/Controller.html#getTab()">getTab</a>, <a href="../controlP5/Controller.html#getValue()">getValue</a>, <a href="../controlP5/Controller.html#getValueLabel()">getValueLabel</a>, <a href="../controlP5/Controller.html#getView()">getView</a>, <a href="../controlP5/Controller.html#getWidth()">getWidth</a>, <a href="../controlP5/Controller.html#getWindow()">getWindow</a>, <a href="../controlP5/Controller.html#hide()">hide</a>, <a href="../controlP5/Controller.html#init()">init</a>, <a href="../controlP5/Controller.html#isActive()">isActive</a>, <a href="../controlP5/Controller.html#isBroadcast()">isBroadcast</a>, <a href="../controlP5/Controller.html#isInside()">isInside</a>, <a href="../controlP5/Controller.html#isLabelVisible()">isLabelVisible</a>, <a href="../controlP5/Controller.html#isListening()">isListening</a>, <a href="../controlP5/Controller.html#isLock()">isLock</a>, <a href="../controlP5/Controller.html#isMouseOver()">isMouseOver</a>, <a href="../controlP5/Controller.html#isMousePressed()">isMousePressed</a>, <a href="../controlP5/Controller.html#isMoveable()">isMoveable</a>, <a href="../controlP5/Controller.html#isUpdate()">isUpdate</a>, <a href="../controlP5/Controller.html#isUserInteraction()">isUserInteraction</a>, <a href="../controlP5/Controller.html#isVisible()">isVisible</a>, <a href="../controlP5/Controller.html#keyEvent(processing.event.KeyEvent)">keyEvent</a>, <a href="../controlP5/Controller.html#linebreak()">linebreak</a>, <a href="../controlP5/Controller.html#listen(boolean)">listen</a>, <a href="../controlP5/Controller.html#listenerSize()">listenerSize</a>, <a href="../controlP5/Controller.html#lock()">lock</a>, <a href="../controlP5/Controller.html#moveTo(controlP5.ControlGroup)">moveTo</a>, <a href="../controlP5/Controller.html#moveTo(controlP5.ControllerGroup)">moveTo</a>, <a href="../controlP5/Controller.html#moveTo(controlP5.ControllerGroup, controlP5.Tab, controlP5.ControlWindow)">moveTo</a>, <a href="../controlP5/Controller.html#moveTo(controlP5.ControlWindow)">moveTo</a>, <a href="../controlP5/Controller.html#moveTo(controlP5.ControlWindow, java.lang.String)">moveTo</a>, <a href="../controlP5/Controller.html#moveTo(processing.core.PApplet)">moveTo</a>, <a href="../controlP5/Controller.html#moveTo(processing.core.PApplet, java.lang.String)">moveTo</a>, <a href="../controlP5/Controller.html#moveTo(java.lang.String)">moveTo</a>, <a href="../controlP5/Controller.html#moveTo(controlP5.Tab)">moveTo</a>, <a href="../controlP5/Controller.html#plugTo(java.lang.Object)">plugTo</a>, <a href="../controlP5/Controller.html#plugTo(java.lang.Object[])">plugTo</a>, <a href="../controlP5/Controller.html#plugTo(java.lang.Object[], java.lang.String)">plugTo</a>, <a href="../controlP5/Controller.html#plugTo(java.lang.Object, java.lang.String)">plugTo</a>, <a href="../controlP5/Controller.html#registerProperty(java.lang.String)">registerProperty</a>, <a href="../controlP5/Controller.html#registerProperty(java.lang.String, java.lang.String)">registerProperty</a>, <a href="../controlP5/Controller.html#registerTooltip(java.lang.String)">registerTooltip</a>, <a href="../controlP5/Controller.html#remove()">remove</a>, <a href="../controlP5/Controller.html#remove(controlP5.ControllerInterface)">remove</a>, <a href="../controlP5/Controller.html#removeBehavior()">removeBehavior</a>, <a href="../controlP5/Controller.html#removeCallback()">removeCallback</a>, <a href="../controlP5/Controller.html#removeCallback(controlP5.CallbackListener)">removeCallback</a>, <a href="../controlP5/Controller.html#removeListener(controlP5.ControlListener)">removeListener</a>, <a href="../controlP5/Controller.html#removeProperty(java.lang.String)">removeProperty</a>, <a href="../controlP5/Controller.html#removeProperty(java.lang.String, java.lang.String)">removeProperty</a>, <a href="../controlP5/Controller.html#setAbsolutePosition(processing.core.PVector)">setAbsolutePosition</a>, <a href="../controlP5/Controller.html#setAddress(java.lang.String)">setAddress</a>, <a href="../controlP5/Controller.html#setArrayValue(float[])">setArrayValue</a>, <a href="../controlP5/Controller.html#setArrayValue(int, float)">setArrayValue</a>, <a href="../controlP5/Controller.html#setBehavior(controlP5.ControlBehavior)">setBehavior</a>, <a href="../controlP5/Controller.html#setBroadcast(boolean)">setBroadcast</a>, <a href="../controlP5/Controller.html#setCaptionLabel(java.lang.String)">setCaptionLabel</a>, <a href="../controlP5/Controller.html#setColor(controlP5.CColor)">setColor</a>, <a href="../controlP5/Controller.html#setColorActive(int)">setColorActive</a>, <a href="../controlP5/Controller.html#setColorBackground(int)">setColorBackground</a>, <a href="../controlP5/Controller.html#setColorCaptionLabel(int)">setColorCaptionLabel</a>, <a href="../controlP5/Controller.html#setColorForeground(int)">setColorForeground</a>, <a href="../controlP5/Controller.html#setColorValueLabel(int)">setColorValueLabel</a>, <a href="../controlP5/Controller.html#setDecimalPrecision(int)">setDecimalPrecision</a>, <a href="../controlP5/Controller.html#setDefaultValue(float)">setDefaultValue</a>, <a href="../controlP5/Controller.html#setGroup(controlP5.ControllerGroup)">setGroup</a>, <a href="../controlP5/Controller.html#setGroup(java.lang.String)">setGroup</a>, <a href="../controlP5/Controller.html#setId(int)">setId</a>, <a href="../controlP5/Controller.html#setImage(processing.core.PImage)">setImage</a>, <a href="../controlP5/Controller.html#setImage(processing.core.PImage, int)">setImage</a>, <a href="../controlP5/Controller.html#setImages(processing.core.PImage...)">setImages</a>, <a href="../controlP5/Controller.html#setImages(processing.core.PImage, processing.core.PImage, processing.core.PImage)">setImages</a>, <a href="../controlP5/Controller.html#setImages(processing.core.PImage, processing.core.PImage, processing.core.PImage, processing.core.PImage)">setImages</a>, <a href="../controlP5/Controller.html#setLabelVisible(boolean)">setLabelVisible</a>, <a href="../controlP5/Controller.html#setLock(boolean)">setLock</a>, <a href="../controlP5/Controller.html#setMax(float)">setMax</a>, <a href="../controlP5/Controller.html#setMin(float)">setMin</a>, <a href="../controlP5/Controller.html#setMouseOver(boolean)">setMouseOver</a>, <a href="../controlP5/Controller.html#setMousePressed(boolean)">setMousePressed</a>, <a href="../controlP5/Controller.html#setMoveable(boolean)">setMoveable</a>, <a href="../controlP5/Controller.html#setParent(controlP5.ControllerInterface)">setParent</a>, <a href="../controlP5/Controller.html#setPosition(float, float)">setPosition</a>, <a href="../controlP5/Controller.html#setPosition(processing.core.PVector)">setPosition</a>, <a href="../controlP5/Controller.html#setSize(int, int)">setSize</a>, <a href="../controlP5/Controller.html#setSize(processing.core.PImage)">setSize</a>, <a href="../controlP5/Controller.html#setTab(controlP5.ControlWindow, java.lang.String)">setTab</a>, <a href="../controlP5/Controller.html#setTab(java.lang.String)">setTab</a>, <a href="../controlP5/Controller.html#setUpdate(boolean)">setUpdate</a>, <a href="../controlP5/Controller.html#setUserInteraction(boolean)">setUserInteraction</a>, <a href="../controlP5/Controller.html#setValueLabel(java.lang.String)">setValueLabel</a>, <a href="../controlP5/Controller.html#setValueSelf(float)">setValueSelf</a>, <a href="../controlP5/Controller.html#setView(controlP5.ControllerView)">setView</a>, <a href="../controlP5/Controller.html#setView(controlP5.ControllerView, int)">setView</a>, <a href="../controlP5/Controller.html#setVisible(boolean)">setVisible</a>, <a href="../controlP5/Controller.html#show()">show</a>, <a href="../controlP5/Controller.html#toString()">toString</a>, <a href="../controlP5/Controller.html#unlock()">unlock</a>, <a href="../controlP5/Controller.html#unplugFrom(java.lang.Object)">unplugFrom</a>, <a href="../controlP5/Controller.html#unplugFrom(java.lang.Object[])">unplugFrom</a>, <a href="../controlP5/Controller.html#unregisterTooltip()">unregisterTooltip</a>, <a href="../controlP5/Controller.html#update()">update</a>, <a href="../controlP5/Controller.html#updateAbsolutePosition()">updateAbsolutePosition</a>, <a href="../controlP5/Controller.html#updateEvents()">updateEvents</a>, <a href="../controlP5/Controller.html#updateInternalEvents(processing.core.PApplet)">updateInternalEvents</a>, <a href="../controlP5/Controller.html#updateSize()">updateSize</a></code></li>
+</ul>
+<ul class="blockList">
+<li class="blockList"><a name="methods_inherited_from_class_java.lang.Object">
+<!--   -->
+</a>
+<h3>Methods inherited from class&nbsp;java.lang.Object</h3>
+<code>equals, getClass, hashCode, notify, notifyAll, wait, wait, wait</code></li>
+</ul>
+<ul class="blockList">
+<li class="blockList"><a name="methods_inherited_from_class_controlP5.ControllerInterface">
+<!--   -->
+</a>
+<h3>Methods inherited from interface&nbsp;controlP5.<a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a></h3>
+<code><a href="../controlP5/ControllerInterface.html#parent()">parent</a>, <a href="../controlP5/ControllerInterface.html#setColorLabel(int)">setColorLabel</a>, <a href="../controlP5/ControllerInterface.html#setColorValue(int)">setColorValue</a>, <a href="../controlP5/ControllerInterface.html#setLabel(java.lang.String)">setLabel</a></code></li>
+</ul>
+</li>
+</ul>
+</li>
+</ul>
+</div>
+<div class="details">
+<ul class="blockList">
+<li class="blockList">
+<!-- ============ METHOD DETAIL ========== -->
+<ul class="blockList">
+<li class="blockList"><a name="method_detail">
+<!--   -->
+</a>
+<h3>Method Detail</h3>
+<a name="draw(processing.core.PGraphics)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>draw</h4>
+<pre>public&nbsp;void&nbsp;draw(processing.core.PGraphics&nbsp;theGraphics)</pre>
+<div class="block"><strong>Description copied from class:&nbsp;<code><a href="../controlP5/Controller.html#draw(processing.core.PGraphics)">Controller</a></code></strong></div>
+<div class="block">the default draw function for each controller extending superclass Controller. This draw
+ function will take care of default matrix operations and will call the display function of
+ the current ControllerView object active for this particular controller.</div>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/CDrawable.html#draw(processing.core.PGraphics)">draw</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/CDrawable.html" title="interface in controlP5">CDrawable</a></code></dd>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerInterface.html#draw(processing.core.PGraphics)">draw</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/Textlabel.html" title="class in controlP5">Textlabel</a>&gt;</code></dd>
+<dt><strong>Overrides:</strong></dt>
+<dd><code><a href="../controlP5/Textlabel.html#draw(processing.core.PGraphics)">draw</a></code>&nbsp;in class&nbsp;<code><a href="../controlP5/Textlabel.html" title="class in controlP5">Textlabel</a></code></dd>
+<dt><span class="strong">See Also:</span></dt><dd><a href="../controlP5/ControllerView.html" title="interface in controlP5"><code>ControllerView</code></a></dd></dl>
+</li>
+</ul>
+<a name="setInterval(int)">
+<!--   -->
+</a>
+<ul class="blockListLast">
+<li class="blockList">
+<h4>setInterval</h4>
+<pre>public&nbsp;<a href="../controlP5/FrameRate.html" title="class in controlP5">FrameRate</a>&nbsp;setInterval(int&nbsp;theValue)</pre>
+</li>
+</ul>
+</li>
+</ul>
+</li>
+</ul>
+</div>
+</div>
+<!-- ========= END OF CLASS DATA ========= -->
+<!-- ======= START OF BOTTOM NAVBAR ====== -->
+<div class="bottomNav"><a name="navbar_bottom">
+<!--   -->
+</a><a href="#skip-navbar_bottom" title="Skip navigation links"></a><a name="navbar_bottom_firstrow">
+<!--   -->
+</a>
+<ul class="navList" title="Navigation">
+<li><a href="../controlP5/package-summary.html">Package</a></li>
+<li class="navBarCell1Rev">Class</li>
+<li><a href="package-tree.html">Tree</a></li>
+<li><a href="../index-all.html">Index</a></li>
+<li><a href="../help-doc.html">Help</a></li>
+</ul>
+</div>
+<div class="subNav">
+<ul class="navList">
+<li><a href="../controlP5/DropdownList.html" title="class in controlP5"><span class="strong">Prev Class</span></a></li>
+<li><a href="../controlP5/Group.html" title="class in controlP5"><span class="strong">Next Class</span></a></li>
+</ul>
+<ul class="navList">
+<li><a href="../index.html?controlP5/FrameRate.html" target="_top">Frames</a></li>
+<li><a href="FrameRate.html" target="_top">No Frames</a></li>
+</ul>
+<ul class="navList" id="allclasses_navbar_bottom">
+<li><a href="../allclasses-noframe.html">All Classes</a></li>
+</ul>
+<div>
+<script type="text/javascript"><!--
+  allClassesLink = document.getElementById("allclasses_navbar_bottom");
+  if(window==top) {
+    allClassesLink.style.display = "block";
+  }
+  else {
+    allClassesLink.style.display = "none";
+  }
+  //-->
+</script>
+</div>
+<div>
+<ul class="subNavList">
+<li>Summary:&nbsp;</li>
+<li>Nested&nbsp;|&nbsp;</li>
+<li><a href="#fields_inherited_from_class_controlP5.Controller">Field</a>&nbsp;|&nbsp;</li>
+<li>Constr&nbsp;|&nbsp;</li>
+<li><a href="#method_summary">Method</a></li>
+</ul>
+<ul class="subNavList">
+<li>Detail:&nbsp;</li>
+<li>Field&nbsp;|&nbsp;</li>
+<li>Constr&nbsp;|&nbsp;</li>
+<li><a href="#method_detail">Method</a></li>
+</ul>
+</div>
+<a name="skip-navbar_bottom">
+<!--   -->
+</a></div>
+<!-- ======== END OF BOTTOM NAVBAR ======= -->
+<p class="legalCopy"><small>processing library controlP5 by Andreas Schlegel. (c) 2006-2014</small></p>
+</body>
+</html>
diff --git a/reference/controlP5/Group.html b/reference/controlP5/Group.html
new file mode 100644
index 0000000..e4b333a
--- /dev/null
+++ b/reference/controlP5/Group.html
@@ -0,0 +1,464 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
+<!-- NewPage -->
+<html lang="en">
+<head>
+<!-- Generated by javadoc (version 1.7.0_51) on Sun Apr 27 21:39:47 SGT 2014 -->
+<title>Group (Javadocs: controlP5)</title>
+<meta name="date" content="2014-04-27">
+<link rel="stylesheet" type="text/css" href="../stylesheet.css" title="Style">
+</head>
+<body>
+<script type="text/javascript"><!--
+    if (location.href.indexOf('is-external=true') == -1) {
+        parent.document.title="Group (Javadocs: controlP5)";
+    }
+//-->
+</script>
+<noscript>
+<div>JavaScript is disabled on your browser.</div>
+</noscript>
+<!-- ========= START OF TOP NAVBAR ======= -->
+<div class="topNav"><a name="navbar_top">
+<!--   -->
+</a><a href="#skip-navbar_top" title="Skip navigation links"></a><a name="navbar_top_firstrow">
+<!--   -->
+</a>
+<ul class="navList" title="Navigation">
+<li><a href="../controlP5/package-summary.html">Package</a></li>
+<li class="navBarCell1Rev">Class</li>
+<li><a href="package-tree.html">Tree</a></li>
+<li><a href="../index-all.html">Index</a></li>
+<li><a href="../help-doc.html">Help</a></li>
+</ul>
+</div>
+<div class="subNav">
+<ul class="navList">
+<li><a href="../controlP5/FrameRate.html" title="class in controlP5"><span class="strong">Prev Class</span></a></li>
+<li><a href="../controlP5/Knob.html" title="class in controlP5"><span class="strong">Next Class</span></a></li>
+</ul>
+<ul class="navList">
+<li><a href="../index.html?controlP5/Group.html" target="_top">Frames</a></li>
+<li><a href="Group.html" target="_top">No Frames</a></li>
+</ul>
+<ul class="navList" id="allclasses_navbar_top">
+<li><a href="../allclasses-noframe.html">All Classes</a></li>
+</ul>
+<div>
+<script type="text/javascript"><!--
+  allClassesLink = document.getElementById("allclasses_navbar_top");
+  if(window==top) {
+    allClassesLink.style.display = "block";
+  }
+  else {
+    allClassesLink.style.display = "none";
+  }
+  //-->
+</script>
+</div>
+<div>
+<ul class="subNavList">
+<li>Summary:&nbsp;</li>
+<li>Nested&nbsp;|&nbsp;</li>
+<li>Field&nbsp;|&nbsp;</li>
+<li><a href="#constructor_summary">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#methods_inherited_from_class_controlP5.ControlGroup">Method</a></li>
+</ul>
+<ul class="subNavList">
+<li>Detail:&nbsp;</li>
+<li>Field&nbsp;|&nbsp;</li>
+<li><a href="#constructor_detail">Constr</a>&nbsp;|&nbsp;</li>
+<li>Method</li>
+</ul>
+</div>
+<a name="skip-navbar_top">
+<!--   -->
+</a></div>
+<!-- ========= END OF TOP NAVBAR ========= -->
+<!-- ======== START OF CLASS DATA ======== -->
+<div class="header">
+<div class="subTitle">controlP5</div>
+<h2 title="Class Group" class="title">Class Group</h2>
+</div>
+<div class="contentContainer">
+<ul class="inheritance">
+<li>java.lang.Object</li>
+<li>
+<ul class="inheritance">
+<li><a href="../controlP5/ControllerGroup.html" title="class in controlP5">controlP5.ControllerGroup</a>&lt;T&gt;</li>
+<li>
+<ul class="inheritance">
+<li><a href="../controlP5/ControlGroup.html" title="class in controlP5">controlP5.ControlGroup</a>&lt;<a href="../controlP5/Group.html" title="class in controlP5">Group</a>&gt;</li>
+<li>
+<ul class="inheritance">
+<li>controlP5.Group</li>
+</ul>
+</li>
+</ul>
+</li>
+</ul>
+</li>
+</ul>
+<div class="description">
+<ul class="blockList">
+<li class="blockList">
+<dl>
+<dt>All Implemented Interfaces:</dt>
+<dd><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/Group.html" title="class in controlP5">Group</a>&gt;, <a href="../controlP5/ControlListener.html" title="interface in controlP5">ControlListener</a>, <a href="../controlP5/ControlP5Constants.html" title="interface in controlP5">ControlP5Constants</a></dd>
+</dl>
+<hr>
+<br>
+<pre>public class <span class="strong">Group</span>
+extends <a href="../controlP5/ControlGroup.html" title="class in controlP5">ControlGroup</a>&lt;<a href="../controlP5/Group.html" title="class in controlP5">Group</a>&gt;</pre>
+</li>
+</ul>
+</div>
+<div class="summary">
+<ul class="blockList">
+<li class="blockList">
+<!-- =========== FIELD SUMMARY =========== -->
+<ul class="blockList">
+<li class="blockList"><a name="field_summary">
+<!--   -->
+</a>
+<h3>Field Summary</h3>
+<ul class="blockList">
+<li class="blockList"><a name="fields_inherited_from_class_controlP5.ControlP5Constants">
+<!--   -->
+</a>
+<h3>Fields inherited from interface&nbsp;controlP5.<a href="../controlP5/ControlP5Constants.html" title="interface in controlP5">ControlP5Constants</a></h3>
+<code><a href="../controlP5/ControlP5Constants.html#acceptClassList">acceptClassList</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_BROADCAST">ACTION_BROADCAST</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_CLICK">ACTION_CLICK</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_DRAG">ACTION_DRAG</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_ENTER">ACTION_ENTER</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_EXIT">ACTION_EXIT</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_LEAVE">ACTION_LEAVE</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_MOVE">ACTION_MOVE</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_PRESS">ACTION_PRESS</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_PRESSED">ACTION_PRESSED</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_RELEASE">ACTION_RELEASE</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_RELEASED">ACTION_RELEASED</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_RELEASEDOUTSIDE">ACTION_RELEASEDOUTSIDE</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_WHEEL">ACTION_WHEEL</a>, <a href="../controlP5/ControlP5Constants.html#ACTIVE">ACTIVE</a>, <a href="../controlP5/ControlP5Constants.html#ALL">ALL</a>, <a href="../controlP5/ControlP5Constants.html#ALT">ALT</a>, <a href="../controlP5/ControlP5Constants.html#AQUA">AQUA</a>, <a href="../controlP5/ControlP5Constants.html#ARC">ARC</a>, <a href="../controlP5/ControlP5Constants.html#ARRAY">ARRAY</a>, <a href="../controlP5/ControlP5Constants.html#BACKSPACE">BACKSPACE</a>, <a href="../controlP5/ControlP5Constants.html#BASELINE">BASELINE</a>, <a href="../controlP5/ControlP5Constants.html#BITFONT">BITFONT</a>, <a href="../controlP5/ControlP5Constants.html#BLACK">BLACK</a>, <a href="../controlP5/ControlP5Constants.html#BLUE">BLUE</a>, <a href="../controlP5/ControlP5Constants.html#BOOLEAN">BOOLEAN</a>, <a href="../controlP5/ControlP5Constants.html#BOTTOM">BOTTOM</a>, <a href="../controlP5/ControlP5Constants.html#BOTTOM_OUTSIDE">BOTTOM_OUTSIDE</a>, <a href="../controlP5/ControlP5Constants.html#CAPTIONLABEL">CAPTIONLABEL</a>, <a href="../controlP5/ControlP5Constants.html#CENTER">CENTER</a>, <a href="../controlP5/ControlP5Constants.html#CHECKBOX">CHECKBOX</a>, <a href="../controlP5/ControlP5Constants.html#COMMANDKEY">COMMANDKEY</a>, <a href="../controlP5/ControlP5Constants.html#CONTROL">CONTROL</a>, <a href="../controlP5/ControlP5Constants.html#controlEventClass">controlEventClass</a>, <a href="../controlP5/ControlP5Constants.html#CUSTOM">CUSTOM</a>, <a href="../controlP5/ControlP5Constants.html#DECREASE">DECREASE</a>, <a href="../controlP5/ControlP5Constants.html#DEFAULT">DEFAULT</a>, <a href="../controlP5/ControlP5Constants.html#DELETE">DELETE</a>, <a href="../controlP5/ControlP5Constants.html#DONE">DONE</a>, <a href="../controlP5/ControlP5Constants.html#DOWN">DOWN</a>, <a href="../controlP5/ControlP5Constants.html#DROPDOWN">DROPDOWN</a>, <a href="../controlP5/ControlP5Constants.html#ELLIPSE">ELLIPSE</a>, <a href="../controlP5/ControlP5Constants.html#ENTER">ENTER</a>, <a href="../controlP5/ControlP5Constants.html#ESCAPE">ESCAPE</a>, <a href="../controlP5/ControlP5Constants.html#EVENT">EVENT</a>, <a href="../controlP5/ControlP5Constants.html#eventMethod">eventMethod</a>, <a href="../controlP5/ControlP5Constants.html#FADEIN">FADEIN</a>, <a href="../controlP5/ControlP5Constants.html#FADEOUT">FADEOUT</a>, <a href="../controlP5/ControlP5Constants.html#FIELD">FIELD</a>, <a href="../controlP5/ControlP5Constants.html#FLOAT">FLOAT</a>, <a href="../controlP5/ControlP5Constants.html#FUCHSIA">FUCHSIA</a>, <a href="../controlP5/ControlP5Constants.html#GRAY">GRAY</a>, <a href="../controlP5/ControlP5Constants.html#GREEN">GREEN</a>, <a href="../controlP5/ControlP5Constants.html#grixel">grixel</a>, <a href="../controlP5/ControlP5Constants.html#HALF_PI">HALF_PI</a>, <a href="../controlP5/ControlP5Constants.html#HIDE">HIDE</a>, <a href="../controlP5/ControlP5Constants.html#HIGHLIGHT">HIGHLIGHT</a>, <a href="../controlP5/ControlP5Constants.html#HORIZONTAL">HORIZONTAL</a>, <a href="../controlP5/ControlP5Constants.html#IDLE">IDLE</a>, <a href="../controlP5/ControlP5Constants.html#IMAGE">IMAGE</a>, <a href="../controlP5/ControlP5Constants.html#INACTIVE">INACTIVE</a>, <a href="../controlP5/ControlP5Constants.html#INCREASE">INCREASE</a>, <a href="../controlP5/ControlP5Constants.html#INTEGER">INTEGER</a>, <a href="../controlP5/ControlP5Constants.html#INVALID">INVALID</a>, <a href="../controlP5/ControlP5Constants.html#J2D">J2D</a>, <a href="../controlP5/ControlP5Constants.html#KEYCONTROL">KEYCONTROL</a>, <a href="../controlP5/ControlP5Constants.html#LEFT">LEFT</a>, <a href="../controlP5/ControlP5Constants.html#LEFT_OUTSIDE">LEFT_OUTSIDE</a>, <a href="../controlP5/ControlP5Constants.html#LIME">LIME</a>, <a href="../controlP5/ControlP5Constants.html#LINE">LINE</a>, <a href="../controlP5/ControlP5Constants.html#LIST">LIST</a>, <a href="../controlP5/ControlP5Constants.html#LOAD">LOAD</a>, <a href="../controlP5/ControlP5Constants.html#MAROON">MAROON</a>, <a href="../controlP5/ControlP5Constants.html#MENU">MENU</a>, <a href="../controlP5/ControlP5Constants.html#METHOD">METHOD</a>, <a href="../controlP5/ControlP5Constants.html#MOVE">MOVE</a>, <a href="../controlP5/ControlP5Constants.html#MULTI">MULTI</a>, <a href="../controlP5/ControlP5Constants.html#MULTIPLES">MULTIPLES</a>, <a href="../controlP5/ControlP5Constants.html#NAVY">NAVY</a>, <a href="../controlP5/ControlP5Constants.html#OLIVE">OLIVE</a>, <a href="../controlP5/ControlP5Constants.html#ORANGE">ORANGE</a>, <a href="../controlP5/ControlP5Constants.html#OVER">OVER</a>, <a href="../controlP5/ControlP5Constants.html#P2D">P2D</a>, <a href="../controlP5/ControlP5Constants.html#P3D">P3D</a>, <a href="../controlP5/ControlP5Constants.html#PI">PI</a>, <a href="../controlP5/ControlP5Constants.html#PRESSED">PRESSED</a>, <a href="../controlP5/ControlP5Constants.html#PRINT">PRINT</a>, <a href="../controlP5/ControlP5Constants.html#PURPLE">PURPLE</a>, <a href="../controlP5/ControlP5Constants.html#RED">RED</a>, <a href="../controlP5/ControlP5Constants.html#RELEASE">RELEASE</a>, <a href="../controlP5/ControlP5Constants.html#RESET">RESET</a>, <a href="../controlP5/ControlP5Constants.html#RIGHT">RIGHT</a>, <a href="../controlP5/ControlP5Constants.html#RIGHT_OUTSIDE">RIGHT_OUTSIDE</a>, <a href="../controlP5/ControlP5Constants.html#SAVE">SAVE</a>, <a href="../controlP5/ControlP5Constants.html#SHIFT">SHIFT</a>, <a href="../controlP5/ControlP5Constants.html#SILVER">SILVER</a>, <a href="../controlP5/ControlP5Constants.html#SINGLE">SINGLE</a>, <a href="../controlP5/ControlP5Constants.html#SINGLE_COLUMN">SINGLE_COLUMN</a>, <a href="../controlP5/ControlP5Constants.html#SINGLE_ROW">SINGLE_ROW</a>, <a href="../controlP5/ControlP5Constants.html#SPRITE">SPRITE</a>, <a href="../controlP5/ControlP5Constants.html#standard56">standard56</a>, <a href="../controlP5/ControlP5Constants.html#standard58">standard58</a>, <a href="../controlP5/ControlP5Constants.html#STRING">STRING</a>, <a href="../controlP5/ControlP5Constants.html#SWITCH">SWITCH</a>, <a href="../controlP5/ControlP5Constants.html#SWITCH_BACK">SWITCH_BACK</a>, <a href="../controlP5/ControlP5Constants.html#SWITCH_FORE">SWITCH_FORE</a>, <a href="../controlP5/ControlP5Constants.html#synt24">synt24</a>, <a href="../controlP5/ControlP5Constants.html#TAB">TAB</a>, <a href="../controlP5/ControlP5Constants.html#TEAL">TEAL</a>, <a href="../controlP5/ControlP5Constants.html#THEME_A">THEME_A</a>, <a href="../controlP5/ControlP5Constants.html#THEME_CP52014">THEME_CP52014</a>, <a href="../controlP5/ControlP5Constants.html#THEME_CP5BLUE">THEME_CP5BLUE</a>, <a href="../controlP5/ControlP5Constants.html#THEME_RED">THEME_RED</a>, <a href="../controlP5/ControlP5Constants.html#THEME_RETRO">THEME_RETRO</a>, <a href="../controlP5/ControlP5Constants.html#THEME_WHITE">THEME_WHITE</a>, <a href="../controlP5/ControlP5Constants.html#TOP">TOP</a>, <a href="../controlP5/ControlP5Constants.html#TOP_OUTSIDE">TOP_OUTSIDE</a>, <a href="../controlP5/ControlP5Constants.html#TRANSITION_WAIT_FADEIN">TRANSITION_WAIT_FADEIN</a>, <a href="../controlP5/ControlP5Constants.html#TREE">TREE</a>, <a href="../controlP5/ControlP5Constants.html#TWO_PI">TWO_PI</a>, <a href="../controlP5/ControlP5Constants.html#UP">UP</a>, <a href="../controlP5/ControlP5Constants.html#VALUELABEL">VALUELABEL</a>, <a href="../controlP5/ControlP5Constants.html#VERBOSE">VERBOSE</a>, <a href="../controlP5/ControlP5Constants.html#VERTICAL">VERTICAL</a>, <a href="../controlP5/ControlP5Constants.html#WAIT">WAIT</a>, <a href="../controlP5/ControlP5Constants.html#WHITE">WHITE</a>, <a href="../controlP5/ControlP5Constants.html#YELLOW">YELLOW</a></code></li>
+</ul>
+</li>
+</ul>
+<!-- ======== CONSTRUCTOR SUMMARY ======== -->
+<ul class="blockList">
+<li class="blockList"><a name="constructor_summary">
+<!--   -->
+</a>
+<h3>Constructor Summary</h3>
+<table class="overviewSummary" border="0" cellpadding="3" cellspacing="0" summary="Constructor Summary table, listing constructors, and an explanation">
+<caption><span>Constructors</span><span class="tabEnd">&nbsp;</span></caption>
+<tr>
+<th class="colOne" scope="col">Constructor and Description</th>
+</tr>
+<tr class="altColor">
+<td class="colOne"><code><strong><a href="../controlP5/Group.html#Group(controlP5.ControlP5, controlP5.ControllerGroup, java.lang.String, int, int, int, int)">Group</a></strong>(<a href="../controlP5/ControlP5.html" title="class in controlP5">ControlP5</a>&nbsp;theControlP5,
+     <a href="../controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a>&lt;?&gt;&nbsp;theParent,
+     java.lang.String&nbsp;theName,
+     int&nbsp;theX,
+     int&nbsp;theY,
+     int&nbsp;theW,
+     int&nbsp;theH)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colOne"><code><strong><a href="../controlP5/Group.html#Group(controlP5.ControlP5, java.lang.String)">Group</a></strong>(<a href="../controlP5/ControlP5.html" title="class in controlP5">ControlP5</a>&nbsp;theControlP5,
+     java.lang.String&nbsp;theName)</code>
+<div class="block">Convenience constructor to extend Group.</div>
+</td>
+</tr>
+</table>
+</li>
+</ul>
+<!-- ========== METHOD SUMMARY =========== -->
+<ul class="blockList">
+<li class="blockList"><a name="method_summary">
+<!--   -->
+</a>
+<h3>Method Summary</h3>
+<ul class="blockList">
+<li class="blockList"><a name="methods_inherited_from_class_controlP5.ControlGroup">
+<!--   -->
+</a>
+<h3>Methods inherited from class&nbsp;controlP5.<a href="../controlP5/ControlGroup.html" title="class in controlP5">ControlGroup</a></h3>
+<code><a href="../controlP5/ControlGroup.html#activateEvent(boolean)">activateEvent</a>, <a href="../controlP5/ControlGroup.html#addListener(controlP5.ControlListener)">addListener</a>, <a href="../controlP5/ControlGroup.html#controlEvent(controlP5.ControlEvent)">controlEvent</a>, <a href="../controlP5/ControlGroup.html#getBackgroundHeight()">getBackgroundHeight</a>, <a href="../controlP5/ControlGroup.html#getBarHeight()">getBarHeight</a>, <a href="../controlP5/ControlGroup.html#getInfo()">getInfo</a>, <a href="../controlP5/ControlGroup.html#listenerSize()">listenerSize</a>, <a href="../controlP5/ControlGroup.html#mousePressed()">mousePressed</a>, <a href="../controlP5/ControlGroup.html#removeListener(controlP5.ControlListener)">removeListener</a>, <a href="../controlP5/ControlGroup.html#setBackgroundColor(int)">setBackgroundColor</a>, <a href="../controlP5/ControlGroup.html#setBackgroundHeight(int)">setBackgroundHeight</a>, <a href="../controlP5/ControlGroup.html#setBarHeight(int)">setBarHeight</a>, <a href="../controlP5/ControlGroup.html#setSize(int, int)">setSize</a>, <a href="../controlP5/ControlGroup.html#stringValue()">stringValue</a>, <a href="../controlP5/ControlGroup.html#toString()">toString</a>, <a href="../controlP5/ControlGroup.html#updateInternalEvents(processing.core.PApplet)">updateInternalEvents</a></code></li>
+</ul>
+<ul class="blockList">
+<li class="blockList"><a name="methods_inherited_from_class_controlP5.ControllerGroup">
+<!--   -->
+</a>
+<h3>Methods inherited from class&nbsp;controlP5.<a href="../controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a></h3>
+<code><a href="../controlP5/ControllerGroup.html#absolutePosition()">absolutePosition</a>, <a href="../controlP5/ControllerGroup.html#add(controlP5.ControllerInterface)">add</a>, <a href="../controlP5/ControllerGroup.html#addCanvas(controlP5.Canvas)">addCanvas</a>, <a href="../controlP5/ControllerGroup.html#addCloseButton()">addCloseButton</a>, <a href="../controlP5/ControllerGroup.html#addDrawable(controlP5.CDrawable)">addDrawable</a>, <a href="../controlP5/ControllerGroup.html#arrayValue()">arrayValue</a>, <a href="../controlP5/ControllerGroup.html#bringToFront()">bringToFront</a>, <a href="../controlP5/ControllerGroup.html#bringToFront(controlP5.ControllerInterface)">bringToFront</a>, <a href="../controlP5/ControllerGroup.html#close()">close</a>, <a href="../controlP5/ControllerGroup.html#color()">color</a>, <a href="../controlP5/ControllerGroup.html#continuousUpdateEvents()">continuousUpdateEvents</a>, <a href="../controlP5/ControllerGroup.html#controller(java.lang.String)">controller</a>, <a href="../controlP5/ControllerGroup.html#disableCollapse()">disableCollapse</a>, <a href="../controlP5/ControllerGroup.html#draw(processing.core.PGraphics)">draw</a>, <a href="../controlP5/ControllerGroup.html#enableCollapse()">enableCollapse</a>, <a href="../controlP5/ControllerGroup.html#getAbsolutePosition()">getAbsolutePosition</a>, <a href="../controlP5/ControllerGroup.html#getAddress()">getAddress</a>, <a href="../controlP5/ControllerGroup.html#getArrayValue()">getArrayValue</a>, <a href="../controlP5/ControllerGroup.html#getArrayValue(int)">getArrayValue</a>, <a href="../controlP5/ControllerGroup.html#getCaptionLabel()">getCaptionLabel</a>, <a href="../controlP5/ControllerGroup.html#getColor()">getColor</a>, <a href="../controlP5/ControllerGroup.html#getController(java.lang.String)">getController</a>, <a href="../controlP5/ControllerGroup.html#getHeight()">getHeight</a>, <a href="../controlP5/ControllerGroup.html#getId()">getId</a>, <a href="../controlP5/ControllerGroup.html#getName()">getName</a>, <a href="../controlP5/ControllerGroup.html#getParent()">getParent</a>, <a href="../controlP5/ControllerGroup.html#getPickingColor()">getPickingColor</a>, <a href="../controlP5/ControllerGroup.html#getPosition()">getPosition</a>, <a href="../controlP5/ControllerGroup.html#getProperty(java.lang.String)">getProperty</a>, <a href="../controlP5/ControllerGroup.html#getProperty(java.lang.String, java.lang.String)">getProperty</a>, <a href="../controlP5/ControllerGroup.html#getStringValue()">getStringValue</a>, <a href="../controlP5/ControllerGroup.html#getTab()">getTab</a>, <a href="../controlP5/ControllerGroup.html#getValue()">getValue</a>, <a href="../controlP5/ControllerGroup.html#getValueLabel()">getValueLabel</a>, <a href="../controlP5/ControllerGroup.html#getWidth()">getWidth</a>, <a href="../controlP5/ControllerGroup.html#getWindow()">getWindow</a>, <a href="../controlP5/ControllerGroup.html#hide()">hide</a>, <a href="../controlP5/ControllerGroup.html#hideArrow()">hideArrow</a>, <a href="../controlP5/ControllerGroup.html#hideBar()">hideBar</a>, <a href="../controlP5/ControllerGroup.html#id()">id</a>, <a href="../controlP5/ControllerGroup.html#init()">init</a>, <a href="../controlP5/ControllerGroup.html#isBarVisible()">isBarVisible</a>, <a href="../controlP5/ControllerGroup.html#isCollapse()">isCollapse</a>, <a href="../controlP5/ControllerGroup.html#isMouseOver()">isMouseOver</a>, <a href="../controlP5/ControllerGroup.html#isMoveable()">isMoveable</a>, <a href="../controlP5/ControllerGroup.html#isOpen()">isOpen</a>, <a href="../controlP5/ControllerGroup.html#isUpdate()">isUpdate</a>, <a href="../controlP5/ControllerGroup.html#isVisible()">isVisible</a>, <a href="../controlP5/ControllerGroup.html#keyEvent(processing.event.KeyEvent)">keyEvent</a>, <a href="../controlP5/ControllerGroup.html#moveTo(controlP5.ControllerGroup)">moveTo</a>, <a href="../controlP5/ControllerGroup.html#moveTo(controlP5.ControllerGroup, controlP5.Tab, controlP5.ControlWindow)">moveTo</a>, <a href="../controlP5/ControllerGroup.html#moveTo(controlP5.ControlWindow)">moveTo</a>, <a href="../controlP5/ControllerGroup.html#moveTo(controlP5.ControlWindow, java.lang.String)">moveTo</a>, <a href="../controlP5/ControllerGroup.html#moveTo(processing.core.PApplet)">moveTo</a>, <a href="../controlP5/ControllerGroup.html#moveTo(java.lang.String)">moveTo</a>, <a href="../controlP5/ControllerGroup.html#moveTo(java.lang.String, controlP5.ControlWindow)">moveTo</a>, <a href="../controlP5/ControllerGroup.html#moveTo(controlP5.Tab)">moveTo</a>, <a href="../controlP5/ControllerGroup.html#moveTo(controlP5.Tab, controlP5.ControlWindow)">moveTo</a>, <a href="../controlP5/ControllerGroup.html#name()">name</a>, <a href="../controlP5/ControllerGroup.html#open()">open</a>, <a href="../controlP5/ControllerGroup.html#parent()">parent</a>, <a href="../controlP5/ControllerGroup.html#position()">position</a>, <a href="../controlP5/ControllerGroup.html#registerProperty(java.lang.String)">registerProperty</a>, <a href="../controlP5/ControllerGroup.html#registerProperty(java.lang.String, java.lang.String)">registerProperty</a>, <a href="../controlP5/ControllerGroup.html#remove()">remove</a>, <a href="../controlP5/ControllerGroup.html#remove(controlP5.CDrawable)">remove</a>, <a href="../controlP5/ControllerGroup.html#remove(controlP5.ControllerInterface)">remove</a>, <a href="../controlP5/ControllerGroup.html#removeCanvas(controlP5.Canvas)">removeCanvas</a>, <a href="../controlP5/ControllerGroup.html#removeCloseButton()">removeCloseButton</a>, <a href="../controlP5/ControllerGroup.html#removeProperty(java.lang.String)">removeProperty</a>, <a href="../controlP5/ControllerGroup.html#removeProperty(java.lang.String, java.lang.String)">removeProperty</a>, <a href="../controlP5/ControllerGroup.html#setAbsolutePosition(processing.core.PVector)">setAbsolutePosition</a>, <a href="../controlP5/ControllerGroup.html#setAddress(java.lang.String)">setAddress</a>, <a href="../controlP5/ControllerGroup.html#setArrayValue(float[])">setArrayValue</a>, <a href="../controlP5/ControllerGroup.html#setArrayValue(int, float)">setArrayValue</a>, <a href="../controlP5/ControllerGroup.html#setCaptionLabel(java.lang.String)">setCaptionLabel</a>, <a href="../controlP5/ControllerGroup.html#setColor(controlP5.CColor)">setColor</a>, <a href="../controlP5/ControllerGroup.html#setColorActive(int)">setColorActive</a>, <a href="../controlP5/ControllerGroup.html#setColorBackground(int)">setColorBackground</a>, <a href="../controlP5/ControllerGroup.html#setColorForeground(int)">setColorForeground</a>, <a href="../controlP5/ControllerGroup.html#setColorLabel(int)">setColorLabel</a>, <a href="../controlP5/ControllerGroup.html#setColorValue(int)">setColorValue</a>, <a href="../controlP5/ControllerGroup.html#setGroup(controlP5.ControllerGroup)">setGroup</a>, <a href="../controlP5/ControllerGroup.html#setGroup(java.lang.String)">setGroup</a>, <a href="../controlP5/ControllerGroup.html#setHeight(int)">setHeight</a>, <a href="../controlP5/ControllerGroup.html#setId(int)">setId</a>, <a href="../controlP5/ControllerGroup.html#setLabel(java.lang.String)">setLabel</a>, <a href="../controlP5/ControllerGroup.html#setMouseOver(boolean)">setMouseOver</a>, <a href="../controlP5/ControllerGroup.html#setMousePressed(boolean)">setMousePressed</a>, <a href="../controlP5/ControllerGroup.html#setMoveable(boolean)">setMoveable</a>, <a href="../controlP5/ControllerGroup.html#setOpen(boolean)">setOpen</a>, <a href="../controlP5/ControllerGroup.html#setPosition(float, float)">setPosition</a>, <a href="../controlP5/ControllerGroup.html#setPosition(processing.core.PVector)">setPosition</a>, <a href="../controlP5/ControllerGroup.html#setStringValue(java.lang.String)">setStringValue</a>, <a href="../controlP5/ControllerGroup.html#setTab(controlP5.ControlWindow, java.lang.String)">setTab</a>, <a href="../controlP5/ControllerGroup.html#setTab(java.lang.String)">setTab</a>, <a href="../controlP5/ControllerGroup.html#setTab(controlP5.Tab)">setTab</a>, <a href="../controlP5/ControllerGroup.html#setTitle(java.lang.String)">setTitle</a>, <a href="../controlP5/ControllerGroup.html#setUpdate(boolean)">setUpdate</a>, <a href="../controlP5/ControllerGroup.html#setValue(float)">setValue</a>, <a href="../controlP5/ControllerGroup.html#setVisible(boolean)">setVisible</a>, <a href="../controlP5/ControllerGroup.html#setWidth(int)">setWidth</a>, <a href="../controlP5/ControllerGroup.html#show()">show</a>, <a href="../controlP5/ControllerGroup.html#showArrow()">showArrow</a>, <a href="../controlP5/ControllerGroup.html#showBar()">showBar</a>, <a href="../controlP5/ControllerGroup.html#update()">update</a>, <a href="../controlP5/ControllerGroup.html#updateAbsolutePosition()">updateAbsolutePosition</a>, <a href="../controlP5/ControllerGroup.html#updateEvents()">updateEvents</a>, <a href="../controlP5/ControllerGroup.html#value()">value</a></code></li>
+</ul>
+<ul class="blockList">
+<li class="blockList"><a name="methods_inherited_from_class_java.lang.Object">
+<!--   -->
+</a>
+<h3>Methods inherited from class&nbsp;java.lang.Object</h3>
+<code>equals, getClass, hashCode, notify, notifyAll, wait, wait, wait</code></li>
+</ul>
+</li>
+</ul>
+</li>
+</ul>
+</div>
+<div class="details">
+<ul class="blockList">
+<li class="blockList">
+<!-- ========= CONSTRUCTOR DETAIL ======== -->
+<ul class="blockList">
+<li class="blockList"><a name="constructor_detail">
+<!--   -->
+</a>
+<h3>Constructor Detail</h3>
+<a name="Group(controlP5.ControlP5, controlP5.ControllerGroup, java.lang.String, int, int, int, int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>Group</h4>
+<pre>public&nbsp;Group(<a href="../controlP5/ControlP5.html" title="class in controlP5">ControlP5</a>&nbsp;theControlP5,
+     <a href="../controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a>&lt;?&gt;&nbsp;theParent,
+     java.lang.String&nbsp;theName,
+     int&nbsp;theX,
+     int&nbsp;theY,
+     int&nbsp;theW,
+     int&nbsp;theH)</pre>
+</li>
+</ul>
+<a name="Group(controlP5.ControlP5, java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockListLast">
+<li class="blockList">
+<h4>Group</h4>
+<pre>public&nbsp;Group(<a href="../controlP5/ControlP5.html" title="class in controlP5">ControlP5</a>&nbsp;theControlP5,
+     java.lang.String&nbsp;theName)</pre>
+<div class="block">Convenience constructor to extend Group.</div>
+<dl><script type="text/javascript">
+<!--
+document.getElementsByTagName('html')[0].className = 'isjs';function toggle(dt) { var display, dd=dt; do{ dd = dd.nextSibling } while(dd.tagName!='DD'); toOpen =!dd.style.display;dd.style.display = toOpen? 'block':''; dt.getElementsByTagName('span')[0].innerHTML  = toOpen? '-':'+' ; }
+-->
+</script>
+<div id="test" class="toggleList"><dl><dt onclick="toggle(this);"><span>+</span>Example</dt><dd><code><pre>/**
+ * ControlP5 extending Controllers
+ *
+ * the following example shows how to extend the Controller class to 
+ * create customizable Controllers. You can either extend the Controller class itself,
+ * or any class that extends Controller itself like the Slider, Button, DropdownList, etc. 
+ * 
+ * How to:
+ *
+ * 1) do a super call to the convenience constructor requiring 
+ * 2 parameter (ControlP5 instance, name)  
+ *
+ * 2) the Controller class has a set of empty methods that allow you to capture
+ * inputs from the mouse including 
+ * onEnter(), onLeave(), onPress(), onRelease(), onClick(), onScroll(int), onDrag()
+ * These you can override and include functionality as needed.
+ *
+ * 3) use method getPointer() to return the local (relative) 
+ * xy-coordinates of the controller
+ *  
+ * 4) after instantiation custom controllers are treated the same 
+ * as default controlP5 controllers.
+ *  
+ * by Andreas Schlegel, 2012
+ * www.sojamo.de/libraries/controlp5
+ *
+ */
+
+import controlP5.*;
+
+ControlP5 cp5;
+PApplet p;
+
+void setup() {
+  size(400, 400);
+  cp5 = new ControlP5(this);
+  
+  // create 2 groups to show nesting of custom controllers and
+  //   
+  Group g1 = cp5.addGroup("a").setPosition(0,100).setWidth(180);
+  Group g2 = cp5.addGroup("b").setPosition(0,10).setWidth(180);
+  g2.moveTo(g1);
+  
+  // create 2 custom Controllers from class MyButton
+  // MyButton extends Controller and inherits all methods accordingly.
+  new MyButton(cp5, "b1").setPosition(0, 0).setSize(180, 200).moveTo(g2);
+  new MyButton(cp5, "b2").setPosition(205, 15).setSize(180, 200);
+  
+}
+
+
+void draw() {
+  background(0);
+}
+
+// b1 will be called from Controller b1
+public void b1(float theValue) {
+  println("yay button "+theValue);
+}
+
+public void controlEvent(ControlEvent theEvent) {
+  println("controlEvent : "+theEvent);
+}
+
+
+// Create a custom Controller, please not that 
+// MyButton extends Controller<MyButton>, <MyButton>
+// is an indicator for the super class about the type of 
+// custom controller to be created.
+
+class MyButton extends Controller<MyButton> {
+
+  int current = 0xffff0000;
+
+  float a = 128;
+  
+  float na;
+  
+  int y;
+  
+  // use the convenience constructor of super class Controller
+  // MyButton will automatically registered and move to the 
+  // default controlP5 tab.
+  
+  MyButton(ControlP5 cp5, String theName) {
+    super(cp5, theName);
+    
+    // replace the default view with a custom view.
+    setView(new ControllerView() {
+      public void display(PApplet p, Object b) {
+        // draw button background
+        na += (a-na) * 0.1; 
+        p.fill(current,na);
+        p.rect(0, 0, getWidth(), getHeight());
+        
+        // draw horizontal line which can be moved on the x-axis 
+        // using the scroll wheel. 
+        p.fill(0,255,0);
+        p.rect(0,y,width,10);
+        
+        // draw the custom label 
+        p.fill(128);
+        translate(0,getHeight()+14);
+        p.text(getName(),0,0);
+        p.text(getName(),0,0);
+        
+      }
+    }
+    );
+  }
+
+  // override various input methods for mouse input control
+  void onEnter() {
+    cursor(HAND);
+    println("enter");
+    a = 255;
+  }
+  
+  void onScroll(int n) {
+    println("scrolling");
+    y -= n;
+    y = constrain(y,0,getHeight()-10);
+  }
+  
+  void onPress() {
+    println("press");
+    current = 0xffffff00;
+  }
+  
+  void onClick() {
+    Pointer p1 = getPointer();
+    println("clicked at "+p1.x()+", "+p1.y());
+    current = 0xffffff00;
+    setValue(y);
+  }
+
+  void onRelease() {
+    println("release");
+    current = 0xffffffff;
+  }
+  
+  void onMove() {
+    println("moving "+this+" "+_myControlWindow.getMouseOverList());
+  }
+
+  void onDrag() {
+    current = 0xff0000ff;
+    Pointer p1 = getPointer();
+    float dif = dist(p1.px(),p1.py(),p1.x(),p1.y());
+    println("dragging at "+p1.x()+", "+p1.y()+" "+dif);
+  }
+  
+  void onReleaseOutside() {
+    onLeave();
+  }
+
+  void onLeave() {
+    println("leave");
+    cursor(ARROW);
+    a = 128;
+  }
+}
+
+</pre></code></dd></dl></div></dl>
+</li>
+</ul>
+</li>
+</ul>
+</li>
+</ul>
+</div>
+</div>
+<!-- ========= END OF CLASS DATA ========= -->
+<!-- ======= START OF BOTTOM NAVBAR ====== -->
+<div class="bottomNav"><a name="navbar_bottom">
+<!--   -->
+</a><a href="#skip-navbar_bottom" title="Skip navigation links"></a><a name="navbar_bottom_firstrow">
+<!--   -->
+</a>
+<ul class="navList" title="Navigation">
+<li><a href="../controlP5/package-summary.html">Package</a></li>
+<li class="navBarCell1Rev">Class</li>
+<li><a href="package-tree.html">Tree</a></li>
+<li><a href="../index-all.html">Index</a></li>
+<li><a href="../help-doc.html">Help</a></li>
+</ul>
+</div>
+<div class="subNav">
+<ul class="navList">
+<li><a href="../controlP5/FrameRate.html" title="class in controlP5"><span class="strong">Prev Class</span></a></li>
+<li><a href="../controlP5/Knob.html" title="class in controlP5"><span class="strong">Next Class</span></a></li>
+</ul>
+<ul class="navList">
+<li><a href="../index.html?controlP5/Group.html" target="_top">Frames</a></li>
+<li><a href="Group.html" target="_top">No Frames</a></li>
+</ul>
+<ul class="navList" id="allclasses_navbar_bottom">
+<li><a href="../allclasses-noframe.html">All Classes</a></li>
+</ul>
+<div>
+<script type="text/javascript"><!--
+  allClassesLink = document.getElementById("allclasses_navbar_bottom");
+  if(window==top) {
+    allClassesLink.style.display = "block";
+  }
+  else {
+    allClassesLink.style.display = "none";
+  }
+  //-->
+</script>
+</div>
+<div>
+<ul class="subNavList">
+<li>Summary:&nbsp;</li>
+<li>Nested&nbsp;|&nbsp;</li>
+<li>Field&nbsp;|&nbsp;</li>
+<li><a href="#constructor_summary">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#methods_inherited_from_class_controlP5.ControlGroup">Method</a></li>
+</ul>
+<ul class="subNavList">
+<li>Detail:&nbsp;</li>
+<li>Field&nbsp;|&nbsp;</li>
+<li><a href="#constructor_detail">Constr</a>&nbsp;|&nbsp;</li>
+<li>Method</li>
+</ul>
+</div>
+<a name="skip-navbar_bottom">
+<!--   -->
+</a></div>
+<!-- ======== END OF BOTTOM NAVBAR ======= -->
+<p class="legalCopy"><small>processing library controlP5 by Andreas Schlegel. (c) 2006-2014</small></p>
+</body>
+</html>
diff --git a/reference/controlP5/Knob.html b/reference/controlP5/Knob.html
new file mode 100644
index 0000000..4c78efa
--- /dev/null
+++ b/reference/controlP5/Knob.html
@@ -0,0 +1,1403 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
+<!-- NewPage -->
+<html lang="en">
+<head>
+<!-- Generated by javadoc (version 1.7.0_51) on Sun Apr 27 21:39:47 SGT 2014 -->
+<title>Knob (Javadocs: controlP5)</title>
+<meta name="date" content="2014-04-27">
+<link rel="stylesheet" type="text/css" href="../stylesheet.css" title="Style">
+</head>
+<body>
+<script type="text/javascript"><!--
+    if (location.href.indexOf('is-external=true') == -1) {
+        parent.document.title="Knob (Javadocs: controlP5)";
+    }
+//-->
+</script>
+<noscript>
+<div>JavaScript is disabled on your browser.</div>
+</noscript>
+<!-- ========= START OF TOP NAVBAR ======= -->
+<div class="topNav"><a name="navbar_top">
+<!--   -->
+</a><a href="#skip-navbar_top" title="Skip navigation links"></a><a name="navbar_top_firstrow">
+<!--   -->
+</a>
+<ul class="navList" title="Navigation">
+<li><a href="../controlP5/package-summary.html">Package</a></li>
+<li class="navBarCell1Rev">Class</li>
+<li><a href="package-tree.html">Tree</a></li>
+<li><a href="../index-all.html">Index</a></li>
+<li><a href="../help-doc.html">Help</a></li>
+</ul>
+</div>
+<div class="subNav">
+<ul class="navList">
+<li><a href="../controlP5/Group.html" title="class in controlP5"><span class="strong">Prev Class</span></a></li>
+<li><a href="../controlP5/Label.html" title="class in controlP5"><span class="strong">Next Class</span></a></li>
+</ul>
+<ul class="navList">
+<li><a href="../index.html?controlP5/Knob.html" target="_top">Frames</a></li>
+<li><a href="Knob.html" target="_top">No Frames</a></li>
+</ul>
+<ul class="navList" id="allclasses_navbar_top">
+<li><a href="../allclasses-noframe.html">All Classes</a></li>
+</ul>
+<div>
+<script type="text/javascript"><!--
+  allClassesLink = document.getElementById("allclasses_navbar_top");
+  if(window==top) {
+    allClassesLink.style.display = "block";
+  }
+  else {
+    allClassesLink.style.display = "none";
+  }
+  //-->
+</script>
+</div>
+<div>
+<ul class="subNavList">
+<li>Summary:&nbsp;</li>
+<li>Nested&nbsp;|&nbsp;</li>
+<li><a href="#field_summary">Field</a>&nbsp;|&nbsp;</li>
+<li><a href="#constructor_summary">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_summary">Method</a></li>
+</ul>
+<ul class="subNavList">
+<li>Detail:&nbsp;</li>
+<li><a href="#field_detail">Field</a>&nbsp;|&nbsp;</li>
+<li><a href="#constructor_detail">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_detail">Method</a></li>
+</ul>
+</div>
+<a name="skip-navbar_top">
+<!--   -->
+</a></div>
+<!-- ========= END OF TOP NAVBAR ========= -->
+<!-- ======== START OF CLASS DATA ======== -->
+<div class="header">
+<div class="subTitle">controlP5</div>
+<h2 title="Class Knob" class="title">Class Knob</h2>
+</div>
+<div class="contentContainer">
+<ul class="inheritance">
+<li>java.lang.Object</li>
+<li>
+<ul class="inheritance">
+<li><a href="../controlP5/Controller.html" title="class in controlP5">controlP5.Controller</a>&lt;<a href="../controlP5/Knob.html" title="class in controlP5">Knob</a>&gt;</li>
+<li>
+<ul class="inheritance">
+<li>controlP5.Knob</li>
+</ul>
+</li>
+</ul>
+</li>
+</ul>
+<div class="description">
+<ul class="blockList">
+<li class="blockList">
+<dl>
+<dt>All Implemented Interfaces:</dt>
+<dd><a href="../controlP5/CDrawable.html" title="interface in controlP5">CDrawable</a>, <a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/Knob.html" title="class in controlP5">Knob</a>&gt;, <a href="../controlP5/ControlP5Constants.html" title="interface in controlP5">ControlP5Constants</a></dd>
+</dl>
+<hr>
+<br>
+<pre>public class <span class="strong">Knob</span>
+extends <a href="../controlP5/Controller.html" title="class in controlP5">Controller</a>&lt;<a href="../controlP5/Knob.html" title="class in controlP5">Knob</a>&gt;</pre>
+<div class="block">A knob is a circular slider which can be used with a limited and unlimited range. Knobs come in 3
+ designs LINE, ARC and ELIPSE and can be controller with both the mouse and the mouse wheel.</div>
+<dl><script type="text/javascript">
+<!--
+document.getElementsByTagName('html')[0].className = 'isjs';function toggle(dt) { var display, dd=dt; do{ dd = dd.nextSibling } while(dd.tagName!='DD'); toOpen =!dd.style.display;dd.style.display = toOpen? 'block':''; dt.getElementsByTagName('span')[0].innerHTML  = toOpen? '-':'+' ; }
+-->
+</script>
+<div id="test" class="toggleList"><dl><dt onclick="toggle(this);"><span>+</span>Example</dt><dd><code><pre>/**
+* ControlP5 Knob
+*
+*
+* find a list of public methods available for the Knob Controller
+* at the bottom of this sketch.
+*
+* by Andreas Schlegel, 2012
+* www.sojamo.de/libraries/controlp5
+*
+*/
+
+import controlP5.*;
+
+
+ControlP5 cp5;
+
+int myColorBackground = color(0,0,0);
+int knobValue = 100;
+
+Knob myKnobA;
+Knob myKnobB;
+
+void setup() {
+  size(700,400);
+  smooth();
+  noStroke();
+  
+  cp5 = new ControlP5(this);
+  
+  myKnobA = cp5.addKnob("knob")
+               .setRange(0,255)
+               .setValue(50)
+               .setPosition(100,70)
+               .setRadius(50)
+               .setDragDirection(Knob.VERTICAL)
+               ;
+                     
+  myKnobB = cp5.addKnob("knobValue")
+               .setRange(0,255)
+               .setValue(220)
+               .setPosition(100,210)
+               .setRadius(50)
+               .setNumberOfTickMarks(10)
+               .setTickMarkLength(4)
+               .snapToTickMarks(true)
+               .setColorForeground(color(255))
+               .setColorBackground(color(0, 160, 100))
+               .setColorActive(color(255,255,0))
+               .setDragDirection(Knob.HORIZONTAL)
+               ;
+}
+
+void draw() {
+  background(myColorBackground);
+  fill(knobValue);
+  rect(0,height/2,width,height/2);
+  fill(0,100);
+  rect(80,40,140,320);
+}
+
+
+void knob(int theValue) {
+  myColorBackground = color(theValue);
+  println("a knob event. setting background to "+theValue);
+}
+
+
+void keyPressed() {
+  switch(key) {
+    case('1'):myKnobA.setValue(180);break;
+    case('2'):myKnobB.setConstrained(false).hideTickMarks().snapToTickMarks(false);break;
+    case('3'):myKnobA.shuffle();myKnobB.shuffle();break;
+  }
+  
+}
+
+/*
+a list of all methods available for the Knob Controller
+use ControlP5.printPublicMethodsFor(Knob.class);
+to print the following list into the console.
+
+You can find further details about class Knob in the javadoc.
+
+Format:
+ClassName : returnType methodName(parameter type)
+ 
+controlP5.Knob : Knob setConstrained(boolean) 
+controlP5.Knob : Knob setDragDirection(int) 
+controlP5.Knob : Knob setMax(float) 
+controlP5.Knob : Knob setMin(float) 
+controlP5.Knob : Knob setNumberOfTickMarks(int) 
+controlP5.Knob : Knob setRadius(float) 
+controlP5.Knob : Knob setRange(float) 
+controlP5.Knob : Knob setResolution(float) 
+controlP5.Knob : Knob setScrollSensitivity(float) 
+controlP5.Knob : Knob setSensitivity(float) 
+controlP5.Knob : Knob setShowRange(boolean) 
+controlP5.Knob : Knob setStartAngle(float) 
+controlP5.Knob : Knob setTickMarkLength(int) 
+controlP5.Knob : Knob setTickMarkWeight(float) 
+controlP5.Knob : Knob setValue(float) 
+controlP5.Knob : Knob setViewStyle(int) 
+controlP5.Knob : Knob showTickMarks(boolean) 
+controlP5.Knob : Knob shuffle() 
+controlP5.Knob : Knob snapToTickMarks(boolean) 
+controlP5.Knob : Knob update() 
+controlP5.Knob : boolean isConstrained() 
+controlP5.Knob : boolean isShowRange() 
+controlP5.Knob : boolean isShowTickMarks() 
+controlP5.Knob : float getAngle() 
+controlP5.Knob : float getRadius() 
+controlP5.Knob : float getRange() 
+controlP5.Knob : float getResolution() 
+controlP5.Knob : float getStartAngle() 
+controlP5.Knob : float getTickMarkWeight() 
+controlP5.Knob : float getValue() 
+controlP5.Knob : int getDragDirection() 
+controlP5.Knob : int getNumberOfTickMarks() 
+controlP5.Knob : int getTickMarkLength() 
+controlP5.Knob : int getViewStyle() 
+controlP5.Controller : CColor getColor() 
+controlP5.Controller : ControlBehavior getBehavior() 
+controlP5.Controller : ControlWindow getControlWindow() 
+controlP5.Controller : ControlWindow getWindow() 
+controlP5.Controller : ControllerProperty getProperty(String) 
+controlP5.Controller : ControllerProperty getProperty(String, String) 
+controlP5.Controller : Knob addCallback(CallbackListener) 
+controlP5.Controller : Knob addListener(ControlListener) 
+controlP5.Controller : Knob bringToFront() 
+controlP5.Controller : Knob bringToFront(ControllerInterface) 
+controlP5.Controller : Knob hide() 
+controlP5.Controller : Knob linebreak() 
+controlP5.Controller : Knob listen(boolean) 
+controlP5.Controller : Knob lock() 
+controlP5.Controller : Knob plugTo(Object) 
+controlP5.Controller : Knob plugTo(Object, String) 
+controlP5.Controller : Knob plugTo(Object[]) 
+controlP5.Controller : Knob plugTo(Object[], String) 
+controlP5.Controller : Knob registerProperty(String) 
+controlP5.Controller : Knob registerProperty(String, String) 
+controlP5.Controller : Knob registerTooltip(String) 
+controlP5.Controller : Knob removeBehavior() 
+controlP5.Controller : Knob removeCallback() 
+controlP5.Controller : Knob removeCallback(CallbackListener) 
+controlP5.Controller : Knob removeListener(ControlListener) 
+controlP5.Controller : Knob removeProperty(String) 
+controlP5.Controller : Knob removeProperty(String, String) 
+controlP5.Controller : Knob setArrayValue(float[]) 
+controlP5.Controller : Knob setArrayValue(int, float) 
+controlP5.Controller : Knob setBehavior(ControlBehavior) 
+controlP5.Controller : Knob setBroadcast(boolean) 
+controlP5.Controller : Knob setCaptionLabel(String) 
+controlP5.Controller : Knob setColor(CColor) 
+controlP5.Controller : Knob setColorActive(int) 
+controlP5.Controller : Knob setColorBackground(int) 
+controlP5.Controller : Knob setColorCaptionLabel(int) 
+controlP5.Controller : Knob setColorForeground(int) 
+controlP5.Controller : Knob setColorValueLabel(int) 
+controlP5.Controller : Knob setDecimalPrecision(int) 
+controlP5.Controller : Knob setDefaultValue(float) 
+controlP5.Controller : Knob setHeight(int) 
+controlP5.Controller : Knob setId(int) 
+controlP5.Controller : Knob setImages(PImage, PImage, PImage) 
+controlP5.Controller : Knob setImages(PImage, PImage, PImage, PImage) 
+controlP5.Controller : Knob setLabelVisible(boolean) 
+controlP5.Controller : Knob setLock(boolean) 
+controlP5.Controller : Knob setMax(float) 
+controlP5.Controller : Knob setMin(float) 
+controlP5.Controller : Knob setMouseOver(boolean) 
+controlP5.Controller : Knob setMoveable(boolean) 
+controlP5.Controller : Knob setPosition(PVector) 
+controlP5.Controller : Knob setPosition(float, float) 
+controlP5.Controller : Knob setSize(PImage) 
+controlP5.Controller : Knob setSize(int, int) 
+controlP5.Controller : Knob setStringValue(String) 
+controlP5.Controller : Knob setUpdate(boolean) 
+controlP5.Controller : Knob setValueLabel(String) 
+controlP5.Controller : Knob setView(ControllerView) 
+controlP5.Controller : Knob setVisible(boolean) 
+controlP5.Controller : Knob setWidth(int) 
+controlP5.Controller : Knob show() 
+controlP5.Controller : Knob unlock() 
+controlP5.Controller : Knob unplugFrom(Object) 
+controlP5.Controller : Knob unplugFrom(Object[]) 
+controlP5.Controller : Knob unregisterTooltip() 
+controlP5.Controller : Knob update() 
+controlP5.Controller : Knob updateSize() 
+controlP5.Controller : Label getCaptionLabel() 
+controlP5.Controller : Label getValueLabel() 
+controlP5.Controller : List getControllerPlugList() 
+controlP5.Controller : PImage setImage(PImage) 
+controlP5.Controller : PImage setImage(PImage, int) 
+controlP5.Controller : PVector getAbsolutePosition() 
+controlP5.Controller : PVector getPosition() 
+controlP5.Controller : String getAddress() 
+controlP5.Controller : String getInfo() 
+controlP5.Controller : String getName() 
+controlP5.Controller : String getStringValue() 
+controlP5.Controller : String toString() 
+controlP5.Controller : Tab getTab() 
+controlP5.Controller : boolean isActive() 
+controlP5.Controller : boolean isBroadcast() 
+controlP5.Controller : boolean isInside() 
+controlP5.Controller : boolean isLabelVisible() 
+controlP5.Controller : boolean isListening() 
+controlP5.Controller : boolean isLock() 
+controlP5.Controller : boolean isMouseOver() 
+controlP5.Controller : boolean isMousePressed() 
+controlP5.Controller : boolean isMoveable() 
+controlP5.Controller : boolean isUpdate() 
+controlP5.Controller : boolean isVisible() 
+controlP5.Controller : float getArrayValue(int) 
+controlP5.Controller : float getDefaultValue() 
+controlP5.Controller : float getMax() 
+controlP5.Controller : float getMin() 
+controlP5.Controller : float getValue() 
+controlP5.Controller : float[] getArrayValue() 
+controlP5.Controller : int getDecimalPrecision() 
+controlP5.Controller : int getHeight() 
+controlP5.Controller : int getId() 
+controlP5.Controller : int getWidth() 
+controlP5.Controller : int listenerSize() 
+controlP5.Controller : void remove() 
+controlP5.Controller : void setView(ControllerView, int) 
+java.lang.Object : String toString() 
+java.lang.Object : boolean equals(Object) 
+
+
+*/
+
+
+
+</pre></code></dd></dl></div></dl>
+</li>
+</ul>
+</div>
+<div class="summary">
+<ul class="blockList">
+<li class="blockList">
+<!-- =========== FIELD SUMMARY =========== -->
+<ul class="blockList">
+<li class="blockList"><a name="field_summary">
+<!--   -->
+</a>
+<h3>Field Summary</h3>
+<table class="overviewSummary" border="0" cellpadding="3" cellspacing="0" summary="Field Summary table, listing fields, and an explanation">
+<caption><span>Fields</span><span class="tabEnd">&nbsp;</span></caption>
+<tr>
+<th class="colFirst" scope="col">Modifier and Type</th>
+<th class="colLast" scope="col">Field and Description</th>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>static int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Knob.html#autoHeight">autoHeight</a></strong></code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>static int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Knob.html#autoWidth">autoWidth</a></strong></code>&nbsp;</td>
+</tr>
+</table>
+<ul class="blockList">
+<li class="blockList"><a name="fields_inherited_from_class_controlP5.ControlP5Constants">
+<!--   -->
+</a>
+<h3>Fields inherited from interface&nbsp;controlP5.<a href="../controlP5/ControlP5Constants.html" title="interface in controlP5">ControlP5Constants</a></h3>
+<code><a href="../controlP5/ControlP5Constants.html#acceptClassList">acceptClassList</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_BROADCAST">ACTION_BROADCAST</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_CLICK">ACTION_CLICK</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_DRAG">ACTION_DRAG</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_ENTER">ACTION_ENTER</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_EXIT">ACTION_EXIT</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_LEAVE">ACTION_LEAVE</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_MOVE">ACTION_MOVE</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_PRESS">ACTION_PRESS</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_PRESSED">ACTION_PRESSED</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_RELEASE">ACTION_RELEASE</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_RELEASED">ACTION_RELEASED</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_RELEASEDOUTSIDE">ACTION_RELEASEDOUTSIDE</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_WHEEL">ACTION_WHEEL</a>, <a href="../controlP5/ControlP5Constants.html#ACTIVE">ACTIVE</a>, <a href="../controlP5/ControlP5Constants.html#ALL">ALL</a>, <a href="../controlP5/ControlP5Constants.html#ALT">ALT</a>, <a href="../controlP5/ControlP5Constants.html#AQUA">AQUA</a>, <a href="../controlP5/ControlP5Constants.html#ARC">ARC</a>, <a href="../controlP5/ControlP5Constants.html#ARRAY">ARRAY</a>, <a href="../controlP5/ControlP5Constants.html#BACKSPACE">BACKSPACE</a>, <a href="../controlP5/ControlP5Constants.html#BASELINE">BASELINE</a>, <a href="../controlP5/ControlP5Constants.html#BITFONT">BITFONT</a>, <a href="../controlP5/ControlP5Constants.html#BLACK">BLACK</a>, <a href="../controlP5/ControlP5Constants.html#BLUE">BLUE</a>, <a href="../controlP5/ControlP5Constants.html#BOOLEAN">BOOLEAN</a>, <a href="../controlP5/ControlP5Constants.html#BOTTOM">BOTTOM</a>, <a href="../controlP5/ControlP5Constants.html#BOTTOM_OUTSIDE">BOTTOM_OUTSIDE</a>, <a href="../controlP5/ControlP5Constants.html#CAPTIONLABEL">CAPTIONLABEL</a>, <a href="../controlP5/ControlP5Constants.html#CENTER">CENTER</a>, <a href="../controlP5/ControlP5Constants.html#CHECKBOX">CHECKBOX</a>, <a href="../controlP5/ControlP5Constants.html#COMMANDKEY">COMMANDKEY</a>, <a href="../controlP5/ControlP5Constants.html#CONTROL">CONTROL</a>, <a href="../controlP5/ControlP5Constants.html#controlEventClass">controlEventClass</a>, <a href="../controlP5/ControlP5Constants.html#CUSTOM">CUSTOM</a>, <a href="../controlP5/ControlP5Constants.html#DECREASE">DECREASE</a>, <a href="../controlP5/ControlP5Constants.html#DEFAULT">DEFAULT</a>, <a href="../controlP5/ControlP5Constants.html#DELETE">DELETE</a>, <a href="../controlP5/ControlP5Constants.html#DONE">DONE</a>, <a href="../controlP5/ControlP5Constants.html#DOWN">DOWN</a>, <a href="../controlP5/ControlP5Constants.html#DROPDOWN">DROPDOWN</a>, <a href="../controlP5/ControlP5Constants.html#ELLIPSE">ELLIPSE</a>, <a href="../controlP5/ControlP5Constants.html#ENTER">ENTER</a>, <a href="../controlP5/ControlP5Constants.html#ESCAPE">ESCAPE</a>, <a href="../controlP5/ControlP5Constants.html#EVENT">EVENT</a>, <a href="../controlP5/ControlP5Constants.html#eventMethod">eventMethod</a>, <a href="../controlP5/ControlP5Constants.html#FADEIN">FADEIN</a>, <a href="../controlP5/ControlP5Constants.html#FADEOUT">FADEOUT</a>, <a href="../controlP5/ControlP5Constants.html#FIELD">FIELD</a>, <a href="../controlP5/ControlP5Constants.html#FLOAT">FLOAT</a>, <a href="../controlP5/ControlP5Constants.html#FUCHSIA">FUCHSIA</a>, <a href="../controlP5/ControlP5Constants.html#GRAY">GRAY</a>, <a href="../controlP5/ControlP5Constants.html#GREEN">GREEN</a>, <a href="../controlP5/ControlP5Constants.html#grixel">grixel</a>, <a href="../controlP5/ControlP5Constants.html#HALF_PI">HALF_PI</a>, <a href="../controlP5/ControlP5Constants.html#HIDE">HIDE</a>, <a href="../controlP5/ControlP5Constants.html#HIGHLIGHT">HIGHLIGHT</a>, <a href="../controlP5/ControlP5Constants.html#HORIZONTAL">HORIZONTAL</a>, <a href="../controlP5/ControlP5Constants.html#IDLE">IDLE</a>, <a href="../controlP5/ControlP5Constants.html#IMAGE">IMAGE</a>, <a href="../controlP5/ControlP5Constants.html#INACTIVE">INACTIVE</a>, <a href="../controlP5/ControlP5Constants.html#INCREASE">INCREASE</a>, <a href="../controlP5/ControlP5Constants.html#INTEGER">INTEGER</a>, <a href="../controlP5/ControlP5Constants.html#INVALID">INVALID</a>, <a href="../controlP5/ControlP5Constants.html#J2D">J2D</a>, <a href="../controlP5/ControlP5Constants.html#KEYCONTROL">KEYCONTROL</a>, <a href="../controlP5/ControlP5Constants.html#LEFT">LEFT</a>, <a href="../controlP5/ControlP5Constants.html#LEFT_OUTSIDE">LEFT_OUTSIDE</a>, <a href="../controlP5/ControlP5Constants.html#LIME">LIME</a>, <a href="../controlP5/ControlP5Constants.html#LINE">LINE</a>, <a href="../controlP5/ControlP5Constants.html#LIST">LIST</a>, <a href="../controlP5/ControlP5Constants.html#LOAD">LOAD</a>, <a href="../controlP5/ControlP5Constants.html#MAROON">MAROON</a>, <a href="../controlP5/ControlP5Constants.html#MENU">MENU</a>, <a href="../controlP5/ControlP5Constants.html#METHOD">METHOD</a>, <a href="../controlP5/ControlP5Constants.html#MOVE">MOVE</a>, <a href="../controlP5/ControlP5Constants.html#MULTI">MULTI</a>, <a href="../controlP5/ControlP5Constants.html#MULTIPLES">MULTIPLES</a>, <a href="../controlP5/ControlP5Constants.html#NAVY">NAVY</a>, <a href="../controlP5/ControlP5Constants.html#OLIVE">OLIVE</a>, <a href="../controlP5/ControlP5Constants.html#ORANGE">ORANGE</a>, <a href="../controlP5/ControlP5Constants.html#OVER">OVER</a>, <a href="../controlP5/ControlP5Constants.html#P2D">P2D</a>, <a href="../controlP5/ControlP5Constants.html#P3D">P3D</a>, <a href="../controlP5/ControlP5Constants.html#PI">PI</a>, <a href="../controlP5/ControlP5Constants.html#PRESSED">PRESSED</a>, <a href="../controlP5/ControlP5Constants.html#PRINT">PRINT</a>, <a href="../controlP5/ControlP5Constants.html#PURPLE">PURPLE</a>, <a href="../controlP5/ControlP5Constants.html#RED">RED</a>, <a href="../controlP5/ControlP5Constants.html#RELEASE">RELEASE</a>, <a href="../controlP5/ControlP5Constants.html#RESET">RESET</a>, <a href="../controlP5/ControlP5Constants.html#RIGHT">RIGHT</a>, <a href="../controlP5/ControlP5Constants.html#RIGHT_OUTSIDE">RIGHT_OUTSIDE</a>, <a href="../controlP5/ControlP5Constants.html#SAVE">SAVE</a>, <a href="../controlP5/ControlP5Constants.html#SHIFT">SHIFT</a>, <a href="../controlP5/ControlP5Constants.html#SILVER">SILVER</a>, <a href="../controlP5/ControlP5Constants.html#SINGLE">SINGLE</a>, <a href="../controlP5/ControlP5Constants.html#SINGLE_COLUMN">SINGLE_COLUMN</a>, <a href="../controlP5/ControlP5Constants.html#SINGLE_ROW">SINGLE_ROW</a>, <a href="../controlP5/ControlP5Constants.html#SPRITE">SPRITE</a>, <a href="../controlP5/ControlP5Constants.html#standard56">standard56</a>, <a href="../controlP5/ControlP5Constants.html#standard58">standard58</a>, <a href="../controlP5/ControlP5Constants.html#STRING">STRING</a>, <a href="../controlP5/ControlP5Constants.html#SWITCH">SWITCH</a>, <a href="../controlP5/ControlP5Constants.html#SWITCH_BACK">SWITCH_BACK</a>, <a href="../controlP5/ControlP5Constants.html#SWITCH_FORE">SWITCH_FORE</a>, <a href="../controlP5/ControlP5Constants.html#synt24">synt24</a>, <a href="../controlP5/ControlP5Constants.html#TAB">TAB</a>, <a href="../controlP5/ControlP5Constants.html#TEAL">TEAL</a>, <a href="../controlP5/ControlP5Constants.html#THEME_A">THEME_A</a>, <a href="../controlP5/ControlP5Constants.html#THEME_CP52014">THEME_CP52014</a>, <a href="../controlP5/ControlP5Constants.html#THEME_CP5BLUE">THEME_CP5BLUE</a>, <a href="../controlP5/ControlP5Constants.html#THEME_RED">THEME_RED</a>, <a href="../controlP5/ControlP5Constants.html#THEME_RETRO">THEME_RETRO</a>, <a href="../controlP5/ControlP5Constants.html#THEME_WHITE">THEME_WHITE</a>, <a href="../controlP5/ControlP5Constants.html#TOP">TOP</a>, <a href="../controlP5/ControlP5Constants.html#TOP_OUTSIDE">TOP_OUTSIDE</a>, <a href="../controlP5/ControlP5Constants.html#TRANSITION_WAIT_FADEIN">TRANSITION_WAIT_FADEIN</a>, <a href="../controlP5/ControlP5Constants.html#TREE">TREE</a>, <a href="../controlP5/ControlP5Constants.html#TWO_PI">TWO_PI</a>, <a href="../controlP5/ControlP5Constants.html#UP">UP</a>, <a href="../controlP5/ControlP5Constants.html#VALUELABEL">VALUELABEL</a>, <a href="../controlP5/ControlP5Constants.html#VERBOSE">VERBOSE</a>, <a href="../controlP5/ControlP5Constants.html#VERTICAL">VERTICAL</a>, <a href="../controlP5/ControlP5Constants.html#WAIT">WAIT</a>, <a href="../controlP5/ControlP5Constants.html#WHITE">WHITE</a>, <a href="../controlP5/ControlP5Constants.html#YELLOW">YELLOW</a></code></li>
+</ul>
+</li>
+</ul>
+<!-- ======== CONSTRUCTOR SUMMARY ======== -->
+<ul class="blockList">
+<li class="blockList"><a name="constructor_summary">
+<!--   -->
+</a>
+<h3>Constructor Summary</h3>
+<table class="overviewSummary" border="0" cellpadding="3" cellspacing="0" summary="Constructor Summary table, listing constructors, and an explanation">
+<caption><span>Constructors</span><span class="tabEnd">&nbsp;</span></caption>
+<tr>
+<th class="colOne" scope="col">Constructor and Description</th>
+</tr>
+<tr class="altColor">
+<td class="colOne"><code><strong><a href="../controlP5/Knob.html#Knob(controlP5.ControlP5, controlP5.ControllerGroup, java.lang.String, float, float, float, int, int, int)">Knob</a></strong>(<a href="../controlP5/ControlP5.html" title="class in controlP5">ControlP5</a>&nbsp;theControlP5,
+    <a href="../controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a>&lt;?&gt;&nbsp;theParent,
+    java.lang.String&nbsp;theName,
+    float&nbsp;theMin,
+    float&nbsp;theMax,
+    float&nbsp;theDefaultValue,
+    int&nbsp;theX,
+    int&nbsp;theY,
+    int&nbsp;theWidth)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colOne"><code><strong><a href="../controlP5/Knob.html#Knob(controlP5.ControlP5, java.lang.String)">Knob</a></strong>(<a href="../controlP5/ControlP5.html" title="class in controlP5">ControlP5</a>&nbsp;theControlP5,
+    java.lang.String&nbsp;theName)</code>
+<div class="block">Convenience constructor to extend Knob.</div>
+</td>
+</tr>
+</table>
+</li>
+</ul>
+<!-- ========== METHOD SUMMARY =========== -->
+<ul class="blockList">
+<li class="blockList"><a name="method_summary">
+<!--   -->
+</a>
+<h3>Method Summary</h3>
+<table class="overviewSummary" border="0" cellpadding="3" cellspacing="0" summary="Method Summary table, listing methods, and an explanation">
+<caption><span>Methods</span><span class="tabEnd">&nbsp;</span></caption>
+<tr>
+<th class="colFirst" scope="col">Modifier and Type</th>
+<th class="colLast" scope="col">Method and Description</th>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>float</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Knob.html#getAngle()">getAngle</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>float</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Knob.html#getAngleRange()">getAngleRange</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Knob.html#getDragDirection()">getDragDirection</a></strong>()</code>
+<div class="block">Gets the drag direction which is either Controller.HORIZONTAL or Controller.VERTICAL.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Knob.html#getNumberOfTickMarks()">getNumberOfTickMarks</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>float</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Knob.html#getRadius()">getRadius</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>float</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Knob.html#getResolution()">getResolution</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>float</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Knob.html#getStartAngle()">getStartAngle</a></strong>()</code>
+<div class="block">get the start angle, 0 is at 3 o'clock.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Knob.html#getTickMarkLength()">getTickMarkLength</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>float</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Knob.html#getTickMarkWeight()">getTickMarkWeight</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>float</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Knob.html#getValue()">getValue</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Knob.html#getViewStyle()">getViewStyle</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Knob.html" title="class in controlP5">Knob</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Knob.html#hideTickMarks()">hideTickMarks</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>boolean</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Knob.html#isConstrained()">isConstrained</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>boolean</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Knob.html#isShowAngleRange()">isShowAngleRange</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>boolean</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Knob.html#isShowTickMarks()">isShowTickMarks</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>void</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Knob.html#mousePressed()">mousePressed</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>void</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Knob.html#mouseReleasedOutside()">mouseReleasedOutside</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Knob.html" title="class in controlP5">Knob</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Knob.html#scrolled(int)">scrolled</a></strong>(int&nbsp;theRotationValue)</code>
+<div class="block">Changes the value of the knob when hovering and using the mouse wheel or the scroll function
+ of a multi-touch track pad.</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Knob.html" title="class in controlP5">Knob</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Knob.html#setAngleRange(float)">setAngleRange</a></strong>(float&nbsp;theRange)</code>
+<div class="block">set the range in between which the know operates.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Knob.html" title="class in controlP5">Knob</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Knob.html#setConstrained(boolean)">setConstrained</a></strong>(boolean&nbsp;theValue)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Knob.html" title="class in controlP5">Knob</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Knob.html#setDragDirection(int)">setDragDirection</a></strong>(int&nbsp;theValue)</code>
+<div class="block">Sets the drag direction, when controlling a knob, parameter is either Controller.HORIZONTAL
+ or Controller.VERTICAL.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Knob.html" title="class in controlP5">Knob</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Knob.html#setMax(float)">setMax</a></strong>(float&nbsp;theValue)</code>
+<div class="block">sets the maximum value of the Controller.</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Knob.html" title="class in controlP5">Knob</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Knob.html#setMin(float)">setMin</a></strong>(float&nbsp;theValue)</code>
+<div class="block">sets the minimum value of the Controller.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Knob.html" title="class in controlP5">Knob</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Knob.html#setNumberOfTickMarks(int)">setNumberOfTickMarks</a></strong>(int&nbsp;theNumber)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Knob.html" title="class in controlP5">Knob</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Knob.html#setRadius(float)">setRadius</a></strong>(float&nbsp;theValue)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Knob.html" title="class in controlP5">Knob</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Knob.html#setRange(float, float)">setRange</a></strong>(float&nbsp;theMin,
+        float&nbsp;theMax)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Knob.html" title="class in controlP5">Knob</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Knob.html#setResolution(float)">setResolution</a></strong>(float&nbsp;theValue)</code>
+<div class="block">resolution is a sensitivity value when dragging a knob.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Knob.html" title="class in controlP5">Knob</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Knob.html#setScrollSensitivity(float)">setScrollSensitivity</a></strong>(float&nbsp;theValue)</code>
+<div class="block">Sets the sensitivity for the scroll behavior when using the mouse wheel or the scroll
+ function of a multi-touch track pad.</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Knob.html" title="class in controlP5">Knob</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Knob.html#setShowAngleRange(boolean)">setShowAngleRange</a></strong>(boolean&nbsp;theValue)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Knob.html" title="class in controlP5">Knob</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Knob.html#setSize(int, int)">setSize</a></strong>(int&nbsp;theWidth,
+       int&nbsp;theHeight)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Knob.html" title="class in controlP5">Knob</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Knob.html#setStartAngle(float)">setStartAngle</a></strong>(float&nbsp;theAngle)</code>
+<div class="block">The start angle is a value between 0 and TWO_PI.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Knob.html" title="class in controlP5">Knob</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Knob.html#setTickMarkLength(int)">setTickMarkLength</a></strong>(int&nbsp;theLength)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Knob.html" title="class in controlP5">Knob</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Knob.html#setTickMarkWeight(float)">setTickMarkWeight</a></strong>(float&nbsp;theWeight)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Knob.html" title="class in controlP5">Knob</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Knob.html#setValue(float)">setValue</a></strong>(float&nbsp;theValue)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Knob.html" title="class in controlP5">Knob</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Knob.html#setViewStyle(int)">setViewStyle</a></strong>(int&nbsp;theStyle)</code>
+<div class="block">set the display style of a knob.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Knob.html" title="class in controlP5">Knob</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Knob.html#showTickMarks()">showTickMarks</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Knob.html" title="class in controlP5">Knob</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Knob.html#shuffle()">shuffle</a></strong>()</code>
+<div class="block">Assigns a random value to the controller.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Knob.html" title="class in controlP5">Knob</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Knob.html#snapToTickMarks(boolean)">snapToTickMarks</a></strong>(boolean&nbsp;theFlag)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Knob.html" title="class in controlP5">Knob</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Knob.html#update()">update</a></strong>()</code>
+<div class="block">updates the value of the controller without having to set the value explicitly.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Knob.html" title="class in controlP5">Knob</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Knob.html#updateDisplayMode(int)">updateDisplayMode</a></strong>(int&nbsp;theMode)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Knob.html" title="class in controlP5">Knob</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Knob.html#updateInternalEvents(processing.core.PApplet)">updateInternalEvents</a></strong>(processing.core.PApplet&nbsp;theApplet)</code>
+<div class="block">a method for putting input events like e.g.</div>
+</td>
+</tr>
+</table>
+<ul class="blockList">
+<li class="blockList"><a name="methods_inherited_from_class_controlP5.Controller">
+<!--   -->
+</a>
+<h3>Methods inherited from class&nbsp;controlP5.<a href="../controlP5/Controller.html" title="class in controlP5">Controller</a></h3>
+<code><a href="../controlP5/Controller.html#add(controlP5.ControllerInterface)">add</a>, <a href="../controlP5/Controller.html#addCallback(controlP5.CallbackListener)">addCallback</a>, <a href="../controlP5/Controller.html#addListener(controlP5.ControlListener)">addListener</a>, <a href="../controlP5/Controller.html#align(int, int, int, int)">align</a>, <a href="../controlP5/Controller.html#bringToFront()">bringToFront</a>, <a href="../controlP5/Controller.html#bringToFront(controlP5.ControllerInterface)">bringToFront</a>, <a href="../controlP5/Controller.html#changeValue(float)">changeValue</a>, <a href="../controlP5/Controller.html#continuousUpdateEvents()">continuousUpdateEvents</a>, <a href="../controlP5/Controller.html#draw(processing.core.PGraphics)">draw</a>, <a href="../controlP5/Controller.html#getAbsolutePosition()">getAbsolutePosition</a>, <a href="../controlP5/Controller.html#getAddress()">getAddress</a>, <a href="../controlP5/Controller.html#getArrayValue()">getArrayValue</a>, <a href="../controlP5/Controller.html#getArrayValue(int)">getArrayValue</a>, <a href="../controlP5/Controller.html#getBehavior()">getBehavior</a>, <a href="../controlP5/Controller.html#getCaptionLabel()">getCaptionLabel</a>, <a href="../controlP5/Controller.html#getColor()">getColor</a>, <a href="../controlP5/Controller.html#getControllerPlugList()">getControllerPlugList</a>, <a href="../controlP5/Controller.html#getControlWindow()">getControlWindow</a>, <a href="../controlP5/Controller.html#getDecimalPrecision()">getDecimalPrecision</a>, <a href="../controlP5/Controller.html#getDefaultValue()">getDefaultValue</a>, <a href="../controlP5/Controller.html#getHeight()">getHeight</a>, <a href="../controlP5/Controller.html#getId()">getId</a>, <a href="../controlP5/Controller.html#getInfo()">getInfo</a>, <a href="../controlP5/Controller.html#getLabel()">getLabel</a>, <a href="../controlP5/Controller.html#getMax()">getMax</a>, <a href="../controlP5/Controller.html#getMin()">getMin</a>, <a href="../controlP5/Controller.html#getName()">getName</a>, <a href="../controlP5/Controller.html#getParent()">getParent</a>, <a href="../controlP5/Controller.html#getPickingColor()">getPickingColor</a>, <a href="../controlP5/Controller.html#getPointer()">getPointer</a>, <a href="../controlP5/Controller.html#getPosition()">getPosition</a>, <a href="../controlP5/Controller.html#getProperty(java.lang.String)">getProperty</a>, <a href="../controlP5/Controller.html#getProperty(java.lang.String, java.lang.String)">getProperty</a>, <a href="../controlP5/Controller.html#getStringValue()">getStringValue</a>, <a href="../controlP5/Controller.html#getTab()">getTab</a>, <a href="../controlP5/Controller.html#getValueLabel()">getValueLabel</a>, <a href="../controlP5/Controller.html#getView()">getView</a>, <a href="../controlP5/Controller.html#getWidth()">getWidth</a>, <a href="../controlP5/Controller.html#getWindow()">getWindow</a>, <a href="../controlP5/Controller.html#hide()">hide</a>, <a href="../controlP5/Controller.html#init()">init</a>, <a href="../controlP5/Controller.html#isActive()">isActive</a>, <a href="../controlP5/Controller.html#isBroadcast()">isBroadcast</a>, <a href="../controlP5/Controller.html#isInside()">isInside</a>, <a href="../controlP5/Controller.html#isLabelVisible()">isLabelVisible</a>, <a href="../controlP5/Controller.html#isListening()">isListening</a>, <a href="../controlP5/Controller.html#isLock()">isLock</a>, <a href="../controlP5/Controller.html#isMouseOver()">isMouseOver</a>, <a href="../controlP5/Controller.html#isMousePressed()">isMousePressed</a>, <a href="../controlP5/Controller.html#isMoveable()">isMoveable</a>, <a href="../controlP5/Controller.html#isUpdate()">isUpdate</a>, <a href="../controlP5/Controller.html#isUserInteraction()">isUserInteraction</a>, <a href="../controlP5/Controller.html#isVisible()">isVisible</a>, <a href="../controlP5/Controller.html#keyEvent(processing.event.KeyEvent)">keyEvent</a>, <a href="../controlP5/Controller.html#linebreak()">linebreak</a>, <a href="../controlP5/Controller.html#listen(boolean)">listen</a>, <a href="../controlP5/Controller.html#listenerSize()">listenerSize</a>, <a href="../controlP5/Controller.html#lock()">lock</a>, <a href="../controlP5/Controller.html#moveTo(controlP5.ControlGroup)">moveTo</a>, <a href="../controlP5/Controller.html#moveTo(controlP5.ControllerGroup)">moveTo</a>, <a href="../controlP5/Controller.html#moveTo(controlP5.ControllerGroup, controlP5.Tab, controlP5.ControlWindow)">moveTo</a>, <a href="../controlP5/Controller.html#moveTo(controlP5.ControlWindow)">moveTo</a>, <a href="../controlP5/Controller.html#moveTo(controlP5.ControlWindow, java.lang.String)">moveTo</a>, <a href="../controlP5/Controller.html#moveTo(processing.core.PApplet)">moveTo</a>, <a href="../controlP5/Controller.html#moveTo(processing.core.PApplet, java.lang.String)">moveTo</a>, <a href="../controlP5/Controller.html#moveTo(java.lang.String)">moveTo</a>, <a href="../controlP5/Controller.html#moveTo(controlP5.Tab)">moveTo</a>, <a href="../controlP5/Controller.html#plugTo(java.lang.Object)">plugTo</a>, <a href="../controlP5/Controller.html#plugTo(java.lang.Object[])">plugTo</a>, <a href="../controlP5/Controller.html#plugTo(java.lang.Object[], java.lang.String)">plugTo</a>, <a href="../controlP5/Controller.html#plugTo(java.lang.Object, java.lang.String)">plugTo</a>, <a href="../controlP5/Controller.html#registerProperty(java.lang.String)">registerProperty</a>, <a href="../controlP5/Controller.html#registerProperty(java.lang.String, java.lang.String)">registerProperty</a>, <a href="../controlP5/Controller.html#registerTooltip(java.lang.String)">registerTooltip</a>, <a href="../controlP5/Controller.html#remove()">remove</a>, <a href="../controlP5/Controller.html#remove(controlP5.ControllerInterface)">remove</a>, <a href="../controlP5/Controller.html#removeBehavior()">removeBehavior</a>, <a href="../controlP5/Controller.html#removeCallback()">removeCallback</a>, <a href="../controlP5/Controller.html#removeCallback(controlP5.CallbackListener)">removeCallback</a>, <a href="../controlP5/Controller.html#removeListener(controlP5.ControlListener)">removeListener</a>, <a href="../controlP5/Controller.html#removeProperty(java.lang.String)">removeProperty</a>, <a href="../controlP5/Controller.html#removeProperty(java.lang.String, java.lang.String)">removeProperty</a>, <a href="../controlP5/Controller.html#setAbsolutePosition(processing.core.PVector)">setAbsolutePosition</a>, <a href="../controlP5/Controller.html#setAddress(java.lang.String)">setAddress</a>, <a href="../controlP5/Controller.html#setArrayValue(float[])">setArrayValue</a>, <a href="../controlP5/Controller.html#setArrayValue(int, float)">setArrayValue</a>, <a href="../controlP5/Controller.html#setBehavior(controlP5.ControlBehavior)">setBehavior</a>, <a href="../controlP5/Controller.html#setBroadcast(boolean)">setBroadcast</a>, <a href="../controlP5/Controller.html#setCaptionLabel(java.lang.String)">setCaptionLabel</a>, <a href="../controlP5/Controller.html#setColor(controlP5.CColor)">setColor</a>, <a href="../controlP5/Controller.html#setColorActive(int)">setColorActive</a>, <a href="../controlP5/Controller.html#setColorBackground(int)">setColorBackground</a>, <a href="../controlP5/Controller.html#setColorCaptionLabel(int)">setColorCaptionLabel</a>, <a href="../controlP5/Controller.html#setColorForeground(int)">setColorForeground</a>, <a href="../controlP5/Controller.html#setColorValueLabel(int)">setColorValueLabel</a>, <a href="../controlP5/Controller.html#setDecimalPrecision(int)">setDecimalPrecision</a>, <a href="../controlP5/Controller.html#setDefaultValue(float)">setDefaultValue</a>, <a href="../controlP5/Controller.html#setGroup(controlP5.ControllerGroup)">setGroup</a>, <a href="../controlP5/Controller.html#setGroup(java.lang.String)">setGroup</a>, <a href="../controlP5/Controller.html#setHeight(int)">setHeight</a>, <a href="../controlP5/Controller.html#setId(int)">setId</a>, <a href="../controlP5/Controller.html#setImage(processing.core.PImage)">setImage</a>, <a href="../controlP5/Controller.html#setImage(processing.core.PImage, int)">setImage</a>, <a href="../controlP5/Controller.html#setImages(processing.core.PImage...)">setImages</a>, <a href="../controlP5/Controller.html#setImages(processing.core.PImage, processing.core.PImage, processing.core.PImage)">setImages</a>, <a href="../controlP5/Controller.html#setImages(processing.core.PImage, processing.core.PImage, processing.core.PImage, processing.core.PImage)">setImages</a>, <a href="../controlP5/Controller.html#setLabelVisible(boolean)">setLabelVisible</a>, <a href="../controlP5/Controller.html#setLock(boolean)">setLock</a>, <a href="../controlP5/Controller.html#setMouseOver(boolean)">setMouseOver</a>, <a href="../controlP5/Controller.html#setMousePressed(boolean)">setMousePressed</a>, <a href="../controlP5/Controller.html#setMoveable(boolean)">setMoveable</a>, <a href="../controlP5/Controller.html#setParent(controlP5.ControllerInterface)">setParent</a>, <a href="../controlP5/Controller.html#setPosition(float, float)">setPosition</a>, <a href="../controlP5/Controller.html#setPosition(processing.core.PVector)">setPosition</a>, <a href="../controlP5/Controller.html#setSize(processing.core.PImage)">setSize</a>, <a href="../controlP5/Controller.html#setStringValue(java.lang.String)">setStringValue</a>, <a href="../controlP5/Controller.html#setTab(controlP5.ControlWindow, java.lang.String)">setTab</a>, <a href="../controlP5/Controller.html#setTab(java.lang.String)">setTab</a>, <a href="../controlP5/Controller.html#setUpdate(boolean)">setUpdate</a>, <a href="../controlP5/Controller.html#setUserInteraction(boolean)">setUserInteraction</a>, <a href="../controlP5/Controller.html#setValueLabel(java.lang.String)">setValueLabel</a>, <a href="../controlP5/Controller.html#setValueSelf(float)">setValueSelf</a>, <a href="../controlP5/Controller.html#setView(controlP5.ControllerView)">setView</a>, <a href="../controlP5/Controller.html#setView(controlP5.ControllerView, int)">setView</a>, <a href="../controlP5/Controller.html#setVisible(boolean)">setVisible</a>, <a href="../controlP5/Controller.html#setWidth(int)">setWidth</a>, <a href="../controlP5/Controller.html#show()">show</a>, <a href="../controlP5/Controller.html#toString()">toString</a>, <a href="../controlP5/Controller.html#unlock()">unlock</a>, <a href="../controlP5/Controller.html#unplugFrom(java.lang.Object)">unplugFrom</a>, <a href="../controlP5/Controller.html#unplugFrom(java.lang.Object[])">unplugFrom</a>, <a href="../controlP5/Controller.html#unregisterTooltip()">unregisterTooltip</a>, <a href="../controlP5/Controller.html#updateAbsolutePosition()">updateAbsolutePosition</a>, <a href="../controlP5/Controller.html#updateEvents()">updateEvents</a>, <a href="../controlP5/Controller.html#updateSize()">updateSize</a></code></li>
+</ul>
+<ul class="blockList">
+<li class="blockList"><a name="methods_inherited_from_class_java.lang.Object">
+<!--   -->
+</a>
+<h3>Methods inherited from class&nbsp;java.lang.Object</h3>
+<code>equals, getClass, hashCode, notify, notifyAll, wait, wait, wait</code></li>
+</ul>
+<ul class="blockList">
+<li class="blockList"><a name="methods_inherited_from_class_controlP5.ControllerInterface">
+<!--   -->
+</a>
+<h3>Methods inherited from interface&nbsp;controlP5.<a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a></h3>
+<code><a href="../controlP5/ControllerInterface.html#parent()">parent</a>, <a href="../controlP5/ControllerInterface.html#setColorLabel(int)">setColorLabel</a>, <a href="../controlP5/ControllerInterface.html#setColorValue(int)">setColorValue</a>, <a href="../controlP5/ControllerInterface.html#setLabel(java.lang.String)">setLabel</a></code></li>
+</ul>
+</li>
+</ul>
+</li>
+</ul>
+</div>
+<div class="details">
+<ul class="blockList">
+<li class="blockList">
+<!-- ============ FIELD DETAIL =========== -->
+<ul class="blockList">
+<li class="blockList"><a name="field_detail">
+<!--   -->
+</a>
+<h3>Field Detail</h3>
+<a name="autoHeight">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>autoHeight</h4>
+<pre>public static&nbsp;int autoHeight</pre>
+</li>
+</ul>
+<a name="autoWidth">
+<!--   -->
+</a>
+<ul class="blockListLast">
+<li class="blockList">
+<h4>autoWidth</h4>
+<pre>public static&nbsp;int autoWidth</pre>
+</li>
+</ul>
+</li>
+</ul>
+<!-- ========= CONSTRUCTOR DETAIL ======== -->
+<ul class="blockList">
+<li class="blockList"><a name="constructor_detail">
+<!--   -->
+</a>
+<h3>Constructor Detail</h3>
+<a name="Knob(controlP5.ControlP5, controlP5.ControllerGroup, java.lang.String, float, float, float, int, int, int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>Knob</h4>
+<pre>public&nbsp;Knob(<a href="../controlP5/ControlP5.html" title="class in controlP5">ControlP5</a>&nbsp;theControlP5,
+    <a href="../controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a>&lt;?&gt;&nbsp;theParent,
+    java.lang.String&nbsp;theName,
+    float&nbsp;theMin,
+    float&nbsp;theMax,
+    float&nbsp;theDefaultValue,
+    int&nbsp;theX,
+    int&nbsp;theY,
+    int&nbsp;theWidth)</pre>
+</li>
+</ul>
+<a name="Knob(controlP5.ControlP5, java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockListLast">
+<li class="blockList">
+<h4>Knob</h4>
+<pre>public&nbsp;Knob(<a href="../controlP5/ControlP5.html" title="class in controlP5">ControlP5</a>&nbsp;theControlP5,
+    java.lang.String&nbsp;theName)</pre>
+<div class="block">Convenience constructor to extend Knob.</div>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theControlP5</code> - </dd><dd><code>theName</code> - </dd><script type="text/javascript">
+<!--
+document.getElementsByTagName('html')[0].className = 'isjs';function toggle(dt) { var display, dd=dt; do{ dd = dd.nextSibling } while(dd.tagName!='DD'); toOpen =!dd.style.display;dd.style.display = toOpen? 'block':''; dt.getElementsByTagName('span')[0].innerHTML  = toOpen? '-':'+' ; }
+-->
+</script>
+<div id="test" class="toggleList"><dl><dt onclick="toggle(this);"><span>+</span>Example</dt><dd><code><pre>/**
+ * ControlP5 extending Controllers
+ *
+ * the following example shows how to extend the Controller class to 
+ * create customizable Controllers. You can either extend the Controller class itself,
+ * or any class that extends Controller itself like the Slider, Button, DropdownList, etc. 
+ * 
+ * How to:
+ *
+ * 1) do a super call to the convenience constructor requiring 
+ * 2 parameter (ControlP5 instance, name)  
+ *
+ * 2) the Controller class has a set of empty methods that allow you to capture
+ * inputs from the mouse including 
+ * onEnter(), onLeave(), onPress(), onRelease(), onClick(), onScroll(int), onDrag()
+ * These you can override and include functionality as needed.
+ *
+ * 3) use method getPointer() to return the local (relative) 
+ * xy-coordinates of the controller
+ *  
+ * 4) after instantiation custom controllers are treated the same 
+ * as default controlP5 controllers.
+ *  
+ * by Andreas Schlegel, 2012
+ * www.sojamo.de/libraries/controlp5
+ *
+ */
+
+import controlP5.*;
+
+ControlP5 cp5;
+PApplet p;
+
+void setup() {
+  size(400, 400);
+  cp5 = new ControlP5(this);
+  
+  // create 2 groups to show nesting of custom controllers and
+  //   
+  Group g1 = cp5.addGroup("a").setPosition(0,100).setWidth(180);
+  Group g2 = cp5.addGroup("b").setPosition(0,10).setWidth(180);
+  g2.moveTo(g1);
+  
+  // create 2 custom Controllers from class MyButton
+  // MyButton extends Controller and inherits all methods accordingly.
+  new MyButton(cp5, "b1").setPosition(0, 0).setSize(180, 200).moveTo(g2);
+  new MyButton(cp5, "b2").setPosition(205, 15).setSize(180, 200);
+  
+}
+
+
+void draw() {
+  background(0);
+}
+
+// b1 will be called from Controller b1
+public void b1(float theValue) {
+  println("yay button "+theValue);
+}
+
+public void controlEvent(ControlEvent theEvent) {
+  println("controlEvent : "+theEvent);
+}
+
+
+// Create a custom Controller, please not that 
+// MyButton extends Controller<MyButton>, <MyButton>
+// is an indicator for the super class about the type of 
+// custom controller to be created.
+
+class MyButton extends Controller<MyButton> {
+
+  int current = 0xffff0000;
+
+  float a = 128;
+  
+  float na;
+  
+  int y;
+  
+  // use the convenience constructor of super class Controller
+  // MyButton will automatically registered and move to the 
+  // default controlP5 tab.
+  
+  MyButton(ControlP5 cp5, String theName) {
+    super(cp5, theName);
+    
+    // replace the default view with a custom view.
+    setView(new ControllerView() {
+      public void display(PApplet p, Object b) {
+        // draw button background
+        na += (a-na) * 0.1; 
+        p.fill(current,na);
+        p.rect(0, 0, getWidth(), getHeight());
+        
+        // draw horizontal line which can be moved on the x-axis 
+        // using the scroll wheel. 
+        p.fill(0,255,0);
+        p.rect(0,y,width,10);
+        
+        // draw the custom label 
+        p.fill(128);
+        translate(0,getHeight()+14);
+        p.text(getName(),0,0);
+        p.text(getName(),0,0);
+        
+      }
+    }
+    );
+  }
+
+  // override various input methods for mouse input control
+  void onEnter() {
+    cursor(HAND);
+    println("enter");
+    a = 255;
+  }
+  
+  void onScroll(int n) {
+    println("scrolling");
+    y -= n;
+    y = constrain(y,0,getHeight()-10);
+  }
+  
+  void onPress() {
+    println("press");
+    current = 0xffffff00;
+  }
+  
+  void onClick() {
+    Pointer p1 = getPointer();
+    println("clicked at "+p1.x()+", "+p1.y());
+    current = 0xffffff00;
+    setValue(y);
+  }
+
+  void onRelease() {
+    println("release");
+    current = 0xffffffff;
+  }
+  
+  void onMove() {
+    println("moving "+this+" "+_myControlWindow.getMouseOverList());
+  }
+
+  void onDrag() {
+    current = 0xff0000ff;
+    Pointer p1 = getPointer();
+    float dif = dist(p1.px(),p1.py(),p1.x(),p1.y());
+    println("dragging at "+p1.x()+", "+p1.y()+" "+dif);
+  }
+  
+  void onReleaseOutside() {
+    onLeave();
+  }
+
+  void onLeave() {
+    println("leave");
+    cursor(ARROW);
+    a = 128;
+  }
+}
+
+</pre></code></dd></dl></div></dl>
+</li>
+</ul>
+</li>
+</ul>
+<!-- ============ METHOD DETAIL ========== -->
+<ul class="blockList">
+<li class="blockList"><a name="method_detail">
+<!--   -->
+</a>
+<h3>Method Detail</h3>
+<a name="getAngle()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getAngle</h4>
+<pre>public&nbsp;float&nbsp;getAngle()</pre>
+</li>
+</ul>
+<a name="getAngleRange()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getAngleRange</h4>
+<pre>public&nbsp;float&nbsp;getAngleRange()</pre>
+</li>
+</ul>
+<a name="getDragDirection()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getDragDirection</h4>
+<pre>public&nbsp;int&nbsp;getDragDirection()</pre>
+<div class="block">Gets the drag direction which is either Controller.HORIZONTAL or Controller.VERTICAL.</div>
+<dl><dt><span class="strong">Returns:</span></dt><dd>int returns Controller.HORIZONTAL or Controller.VERTICAL</dd></dl>
+</li>
+</ul>
+<a name="getNumberOfTickMarks()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getNumberOfTickMarks</h4>
+<pre>public&nbsp;int&nbsp;getNumberOfTickMarks()</pre>
+</li>
+</ul>
+<a name="getRadius()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getRadius</h4>
+<pre>public&nbsp;float&nbsp;getRadius()</pre>
+</li>
+</ul>
+<a name="getResolution()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getResolution</h4>
+<pre>public&nbsp;float&nbsp;getResolution()</pre>
+</li>
+</ul>
+<a name="getStartAngle()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getStartAngle</h4>
+<pre>public&nbsp;float&nbsp;getStartAngle()</pre>
+<div class="block">get the start angle, 0 is at 3 o'clock.</div>
+</li>
+</ul>
+<a name="getTickMarkLength()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getTickMarkLength</h4>
+<pre>public&nbsp;int&nbsp;getTickMarkLength()</pre>
+</li>
+</ul>
+<a name="getTickMarkWeight()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getTickMarkWeight</h4>
+<pre>public&nbsp;float&nbsp;getTickMarkWeight()</pre>
+</li>
+</ul>
+<a name="getValue()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getValue</h4>
+<pre>public&nbsp;float&nbsp;getValue()</pre>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerInterface.html#getValue()">getValue</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/Knob.html" title="class in controlP5">Knob</a>&gt;</code></dd>
+<dt><strong>Overrides:</strong></dt>
+<dd><code><a href="../controlP5/Controller.html#getValue()">getValue</a></code>&nbsp;in class&nbsp;<code><a href="../controlP5/Controller.html" title="class in controlP5">Controller</a>&lt;<a href="../controlP5/Knob.html" title="class in controlP5">Knob</a>&gt;</code></dd>
+<dt><span class="strong">Returns:</span></dt><dd>float</dd><dt><span class="strong">See Also:</span></dt><dd><a href="../controlP5/Controller.html#getStringValue()"><code>Controller.getStringValue()</code></a>, 
+<a href="../controlP5/Controller.html#getArrayValue()"><code>Controller.getArrayValue()</code></a></dd></dl>
+</li>
+</ul>
+<a name="getViewStyle()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getViewStyle</h4>
+<pre>public&nbsp;int&nbsp;getViewStyle()</pre>
+</li>
+</ul>
+<a name="hideTickMarks()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>hideTickMarks</h4>
+<pre>public&nbsp;<a href="../controlP5/Knob.html" title="class in controlP5">Knob</a>&nbsp;hideTickMarks()</pre>
+</li>
+</ul>
+<a name="isConstrained()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>isConstrained</h4>
+<pre>public&nbsp;boolean&nbsp;isConstrained()</pre>
+</li>
+</ul>
+<a name="isShowAngleRange()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>isShowAngleRange</h4>
+<pre>public&nbsp;boolean&nbsp;isShowAngleRange()</pre>
+</li>
+</ul>
+<a name="isShowTickMarks()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>isShowTickMarks</h4>
+<pre>public&nbsp;boolean&nbsp;isShowTickMarks()</pre>
+</li>
+</ul>
+<a name="mousePressed()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>mousePressed</h4>
+<pre>public&nbsp;void&nbsp;mousePressed()</pre>
+</li>
+</ul>
+<a name="mouseReleasedOutside()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>mouseReleasedOutside</h4>
+<pre>public&nbsp;void&nbsp;mouseReleasedOutside()</pre>
+</li>
+</ul>
+<a name="scrolled(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>scrolled</h4>
+<pre>public&nbsp;<a href="../controlP5/Knob.html" title="class in controlP5">Knob</a>&nbsp;scrolled(int&nbsp;theRotationValue)</pre>
+<div class="block">Changes the value of the knob when hovering and using the mouse wheel or the scroll function
+ of a multi-touch track pad.</div>
+</li>
+</ul>
+<a name="setAngleRange(float)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setAngleRange</h4>
+<pre>public&nbsp;<a href="../controlP5/Knob.html" title="class in controlP5">Knob</a>&nbsp;setAngleRange(float&nbsp;theRange)</pre>
+<div class="block">set the range in between which the know operates. By default the range is PI + HALF_PI</div>
+</li>
+</ul>
+<a name="setConstrained(boolean)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setConstrained</h4>
+<pre>public&nbsp;<a href="../controlP5/Knob.html" title="class in controlP5">Knob</a>&nbsp;setConstrained(boolean&nbsp;theValue)</pre>
+</li>
+</ul>
+<a name="setDragDirection(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setDragDirection</h4>
+<pre>public&nbsp;<a href="../controlP5/Knob.html" title="class in controlP5">Knob</a>&nbsp;setDragDirection(int&nbsp;theValue)</pre>
+<div class="block">Sets the drag direction, when controlling a knob, parameter is either Controller.HORIZONTAL
+ or Controller.VERTICAL.</div>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theValue</code> - must be Controller.HORIZONTAL or Controller.VERTICAL</dd>
+<dt><span class="strong">Returns:</span></dt><dd>Knob</dd></dl>
+</li>
+</ul>
+<a name="setMax(float)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setMax</h4>
+<pre>public&nbsp;<a href="../controlP5/Knob.html" title="class in controlP5">Knob</a>&nbsp;setMax(float&nbsp;theValue)</pre>
+<div class="block"><strong>Description copied from class:&nbsp;<code><a href="../controlP5/Controller.html#setMax(float)">Controller</a></code></strong></div>
+<div class="block">sets the maximum value of the Controller.</div>
+<dl>
+<dt><strong>Overrides:</strong></dt>
+<dd><code><a href="../controlP5/Controller.html#setMax(float)">setMax</a></code>&nbsp;in class&nbsp;<code><a href="../controlP5/Controller.html" title="class in controlP5">Controller</a>&lt;<a href="../controlP5/Knob.html" title="class in controlP5">Knob</a>&gt;</code></dd>
+<dt><span class="strong">Parameters:</span></dt><dd><code>theValue</code> - float</dd>
+<dt><span class="strong">Returns:</span></dt><dd>Controller</dd></dl>
+</li>
+</ul>
+<a name="setMin(float)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setMin</h4>
+<pre>public&nbsp;<a href="../controlP5/Knob.html" title="class in controlP5">Knob</a>&nbsp;setMin(float&nbsp;theValue)</pre>
+<div class="block"><strong>Description copied from class:&nbsp;<code><a href="../controlP5/Controller.html#setMin(float)">Controller</a></code></strong></div>
+<div class="block">sets the minimum value of the Controller.</div>
+<dl>
+<dt><strong>Overrides:</strong></dt>
+<dd><code><a href="../controlP5/Controller.html#setMin(float)">setMin</a></code>&nbsp;in class&nbsp;<code><a href="../controlP5/Controller.html" title="class in controlP5">Controller</a>&lt;<a href="../controlP5/Knob.html" title="class in controlP5">Knob</a>&gt;</code></dd>
+<dt><span class="strong">Parameters:</span></dt><dd><code>theValue</code> - float</dd>
+<dt><span class="strong">Returns:</span></dt><dd>Controller</dd></dl>
+</li>
+</ul>
+<a name="setNumberOfTickMarks(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setNumberOfTickMarks</h4>
+<pre>public&nbsp;<a href="../controlP5/Knob.html" title="class in controlP5">Knob</a>&nbsp;setNumberOfTickMarks(int&nbsp;theNumber)</pre>
+</li>
+</ul>
+<a name="setRadius(float)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setRadius</h4>
+<pre>public&nbsp;<a href="../controlP5/Knob.html" title="class in controlP5">Knob</a>&nbsp;setRadius(float&nbsp;theValue)</pre>
+</li>
+</ul>
+<a name="setRange(float, float)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setRange</h4>
+<pre>public&nbsp;<a href="../controlP5/Knob.html" title="class in controlP5">Knob</a>&nbsp;setRange(float&nbsp;theMin,
+            float&nbsp;theMax)</pre>
+</li>
+</ul>
+<a name="setResolution(float)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setResolution</h4>
+<pre>public&nbsp;<a href="../controlP5/Knob.html" title="class in controlP5">Knob</a>&nbsp;setResolution(float&nbsp;theValue)</pre>
+<div class="block">resolution is a sensitivity value when dragging a knob. the higher the value, the more
+ sensitive the dragging.</div>
+</li>
+</ul>
+<a name="setScrollSensitivity(float)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setScrollSensitivity</h4>
+<pre>public&nbsp;<a href="../controlP5/Knob.html" title="class in controlP5">Knob</a>&nbsp;setScrollSensitivity(float&nbsp;theValue)</pre>
+<div class="block">Sets the sensitivity for the scroll behavior when using the mouse wheel or the scroll
+ function of a multi-touch track pad. The smaller the value (closer to 0) the higher the
+ sensitivity.</div>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theValue</code> - </dd>
+<dt><span class="strong">Returns:</span></dt><dd>Knob</dd></dl>
+</li>
+</ul>
+<a name="setShowAngleRange(boolean)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setShowAngleRange</h4>
+<pre>public&nbsp;<a href="../controlP5/Knob.html" title="class in controlP5">Knob</a>&nbsp;setShowAngleRange(boolean&nbsp;theValue)</pre>
+</li>
+</ul>
+<a name="setSize(int, int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setSize</h4>
+<pre>public&nbsp;<a href="../controlP5/Knob.html" title="class in controlP5">Knob</a>&nbsp;setSize(int&nbsp;theWidth,
+           int&nbsp;theHeight)</pre>
+<dl>
+<dt><strong>Overrides:</strong></dt>
+<dd><code><a href="../controlP5/Controller.html#setSize(int, int)">setSize</a></code>&nbsp;in class&nbsp;<code><a href="../controlP5/Controller.html" title="class in controlP5">Controller</a>&lt;<a href="../controlP5/Knob.html" title="class in controlP5">Knob</a>&gt;</code></dd>
+<dt><span class="strong">Returns:</span></dt><dd>Controller</dd></dl>
+</li>
+</ul>
+<a name="setStartAngle(float)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setStartAngle</h4>
+<pre>public&nbsp;<a href="../controlP5/Knob.html" title="class in controlP5">Knob</a>&nbsp;setStartAngle(float&nbsp;theAngle)</pre>
+<div class="block">The start angle is a value between 0 and TWO_PI. By default the start angle is set to HALF_PI
+ + PI * 0.25f</div>
+</li>
+</ul>
+<a name="setTickMarkLength(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setTickMarkLength</h4>
+<pre>public&nbsp;<a href="../controlP5/Knob.html" title="class in controlP5">Knob</a>&nbsp;setTickMarkLength(int&nbsp;theLength)</pre>
+</li>
+</ul>
+<a name="setTickMarkWeight(float)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setTickMarkWeight</h4>
+<pre>public&nbsp;<a href="../controlP5/Knob.html" title="class in controlP5">Knob</a>&nbsp;setTickMarkWeight(float&nbsp;theWeight)</pre>
+</li>
+</ul>
+<a name="setValue(float)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setValue</h4>
+<pre>public&nbsp;<a href="../controlP5/Knob.html" title="class in controlP5">Knob</a>&nbsp;setValue(float&nbsp;theValue)</pre>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerInterface.html#setValue(float)">setValue</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/Knob.html" title="class in controlP5">Knob</a>&gt;</code></dd>
+<dt><strong>Overrides:</strong></dt>
+<dd><code><a href="../controlP5/Controller.html#setValue(float)">setValue</a></code>&nbsp;in class&nbsp;<code><a href="../controlP5/Controller.html" title="class in controlP5">Controller</a>&lt;<a href="../controlP5/Knob.html" title="class in controlP5">Knob</a>&gt;</code></dd>
+<dt><span class="strong">Parameters:</span></dt><dd><code>theValue</code> - float</dd></dl>
+</li>
+</ul>
+<a name="setViewStyle(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setViewStyle</h4>
+<pre>public&nbsp;<a href="../controlP5/Knob.html" title="class in controlP5">Knob</a>&nbsp;setViewStyle(int&nbsp;theStyle)</pre>
+<div class="block">set the display style of a knob. takes parameters Knob.LINE, Knob.ELLIPSE or Knob.ARC.
+ default style is Knob.LINE</div>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theStyle</code> - use Knob.LINE, Knob.ELLIPSE or Knob.ARC</dd>
+<dt><span class="strong">Returns:</span></dt><dd>Knob</dd></dl>
+</li>
+</ul>
+<a name="showTickMarks()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>showTickMarks</h4>
+<pre>public&nbsp;<a href="../controlP5/Knob.html" title="class in controlP5">Knob</a>&nbsp;showTickMarks()</pre>
+</li>
+</ul>
+<a name="shuffle()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>shuffle</h4>
+<pre>public&nbsp;<a href="../controlP5/Knob.html" title="class in controlP5">Knob</a>&nbsp;shuffle()</pre>
+<div class="block">Assigns a random value to the controller.</div>
+</li>
+</ul>
+<a name="snapToTickMarks(boolean)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>snapToTickMarks</h4>
+<pre>public&nbsp;<a href="../controlP5/Knob.html" title="class in controlP5">Knob</a>&nbsp;snapToTickMarks(boolean&nbsp;theFlag)</pre>
+</li>
+</ul>
+<a name="update()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>update</h4>
+<pre>public&nbsp;<a href="../controlP5/Knob.html" title="class in controlP5">Knob</a>&nbsp;update()</pre>
+<div class="block"><strong>Description copied from class:&nbsp;<code><a href="../controlP5/Controller.html#update()">Controller</a></code></strong></div>
+<div class="block">updates the value of the controller without having to set the value explicitly. update does
+ not visually update the controller. the updating status can be set with setUpdate(true/false)
+ and checked with isUpdate().</div>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerInterface.html#update()">update</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/Knob.html" title="class in controlP5">Knob</a>&gt;</code></dd>
+<dt><strong>Overrides:</strong></dt>
+<dd><code><a href="../controlP5/Controller.html#update()">update</a></code>&nbsp;in class&nbsp;<code><a href="../controlP5/Controller.html" title="class in controlP5">Controller</a>&lt;<a href="../controlP5/Knob.html" title="class in controlP5">Knob</a>&gt;</code></dd>
+<dt><span class="strong">Returns:</span></dt><dd>Controller</dd><dt><span class="strong">See Also:</span></dt><dd><a href="../controlP5/Controller.html#setUpdate(boolean)"><code>Controller.setUpdate(boolean)</code></a>, 
+<a href="../controlP5/Controller.html#isUpdate()"><code>Controller.isUpdate()</code></a></dd></dl>
+</li>
+</ul>
+<a name="updateDisplayMode(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>updateDisplayMode</h4>
+<pre>public&nbsp;<a href="../controlP5/Knob.html" title="class in controlP5">Knob</a>&nbsp;updateDisplayMode(int&nbsp;theMode)</pre>
+</li>
+</ul>
+<a name="updateInternalEvents(processing.core.PApplet)">
+<!--   -->
+</a>
+<ul class="blockListLast">
+<li class="blockList">
+<h4>updateInternalEvents</h4>
+<pre>public&nbsp;<a href="../controlP5/Knob.html" title="class in controlP5">Knob</a>&nbsp;updateInternalEvents(processing.core.PApplet&nbsp;theApplet)</pre>
+<div class="block"><strong>Description copied from interface:&nbsp;<code><a href="../controlP5/ControllerInterface.html#updateInternalEvents(processing.core.PApplet)">ControllerInterface</a></code></strong></div>
+<div class="block">a method for putting input events like e.g. mouse or keyboard events and queries. this has
+ been taken out of the draw method for better overwriting capability.</div>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerInterface.html#updateInternalEvents(processing.core.PApplet)">updateInternalEvents</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/Knob.html" title="class in controlP5">Knob</a>&gt;</code></dd>
+<dt><strong>Overrides:</strong></dt>
+<dd><code><a href="../controlP5/Controller.html#updateInternalEvents(processing.core.PApplet)">updateInternalEvents</a></code>&nbsp;in class&nbsp;<code><a href="../controlP5/Controller.html" title="class in controlP5">Controller</a>&lt;<a href="../controlP5/Knob.html" title="class in controlP5">Knob</a>&gt;</code></dd>
+<dt><span class="strong">See Also:</span></dt><dd><code>ControllerInterface.updateInternalEvents</code></dd></dl>
+</li>
+</ul>
+</li>
+</ul>
+</li>
+</ul>
+</div>
+</div>
+<!-- ========= END OF CLASS DATA ========= -->
+<!-- ======= START OF BOTTOM NAVBAR ====== -->
+<div class="bottomNav"><a name="navbar_bottom">
+<!--   -->
+</a><a href="#skip-navbar_bottom" title="Skip navigation links"></a><a name="navbar_bottom_firstrow">
+<!--   -->
+</a>
+<ul class="navList" title="Navigation">
+<li><a href="../controlP5/package-summary.html">Package</a></li>
+<li class="navBarCell1Rev">Class</li>
+<li><a href="package-tree.html">Tree</a></li>
+<li><a href="../index-all.html">Index</a></li>
+<li><a href="../help-doc.html">Help</a></li>
+</ul>
+</div>
+<div class="subNav">
+<ul class="navList">
+<li><a href="../controlP5/Group.html" title="class in controlP5"><span class="strong">Prev Class</span></a></li>
+<li><a href="../controlP5/Label.html" title="class in controlP5"><span class="strong">Next Class</span></a></li>
+</ul>
+<ul class="navList">
+<li><a href="../index.html?controlP5/Knob.html" target="_top">Frames</a></li>
+<li><a href="Knob.html" target="_top">No Frames</a></li>
+</ul>
+<ul class="navList" id="allclasses_navbar_bottom">
+<li><a href="../allclasses-noframe.html">All Classes</a></li>
+</ul>
+<div>
+<script type="text/javascript"><!--
+  allClassesLink = document.getElementById("allclasses_navbar_bottom");
+  if(window==top) {
+    allClassesLink.style.display = "block";
+  }
+  else {
+    allClassesLink.style.display = "none";
+  }
+  //-->
+</script>
+</div>
+<div>
+<ul class="subNavList">
+<li>Summary:&nbsp;</li>
+<li>Nested&nbsp;|&nbsp;</li>
+<li><a href="#field_summary">Field</a>&nbsp;|&nbsp;</li>
+<li><a href="#constructor_summary">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_summary">Method</a></li>
+</ul>
+<ul class="subNavList">
+<li>Detail:&nbsp;</li>
+<li><a href="#field_detail">Field</a>&nbsp;|&nbsp;</li>
+<li><a href="#constructor_detail">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_detail">Method</a></li>
+</ul>
+</div>
+<a name="skip-navbar_bottom">
+<!--   -->
+</a></div>
+<!-- ======== END OF BOTTOM NAVBAR ======= -->
+<p class="legalCopy"><small>processing library controlP5 by Andreas Schlegel. (c) 2006-2014</small></p>
+</body>
+</html>
diff --git a/reference/controlP5/Label.html b/reference/controlP5/Label.html
new file mode 100644
index 0000000..fa3b885
--- /dev/null
+++ b/reference/controlP5/Label.html
@@ -0,0 +1,1211 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
+<!-- NewPage -->
+<html lang="en">
+<head>
+<!-- Generated by javadoc (version 1.7.0_51) on Sun Apr 27 21:39:47 SGT 2014 -->
+<title>Label (Javadocs: controlP5)</title>
+<meta name="date" content="2014-04-27">
+<link rel="stylesheet" type="text/css" href="../stylesheet.css" title="Style">
+</head>
+<body>
+<script type="text/javascript"><!--
+    if (location.href.indexOf('is-external=true') == -1) {
+        parent.document.title="Label (Javadocs: controlP5)";
+    }
+//-->
+</script>
+<noscript>
+<div>JavaScript is disabled on your browser.</div>
+</noscript>
+<!-- ========= START OF TOP NAVBAR ======= -->
+<div class="topNav"><a name="navbar_top">
+<!--   -->
+</a><a href="#skip-navbar_top" title="Skip navigation links"></a><a name="navbar_top_firstrow">
+<!--   -->
+</a>
+<ul class="navList" title="Navigation">
+<li><a href="../controlP5/package-summary.html">Package</a></li>
+<li class="navBarCell1Rev">Class</li>
+<li><a href="package-tree.html">Tree</a></li>
+<li><a href="../index-all.html">Index</a></li>
+<li><a href="../help-doc.html">Help</a></li>
+</ul>
+</div>
+<div class="subNav">
+<ul class="navList">
+<li><a href="../controlP5/Knob.html" title="class in controlP5"><span class="strong">Prev Class</span></a></li>
+<li><a href="../controlP5/ListBox.html" title="class in controlP5"><span class="strong">Next Class</span></a></li>
+</ul>
+<ul class="navList">
+<li><a href="../index.html?controlP5/Label.html" target="_top">Frames</a></li>
+<li><a href="Label.html" target="_top">No Frames</a></li>
+</ul>
+<ul class="navList" id="allclasses_navbar_top">
+<li><a href="../allclasses-noframe.html">All Classes</a></li>
+</ul>
+<div>
+<script type="text/javascript"><!--
+  allClassesLink = document.getElementById("allclasses_navbar_top");
+  if(window==top) {
+    allClassesLink.style.display = "block";
+  }
+  else {
+    allClassesLink.style.display = "none";
+  }
+  //-->
+</script>
+</div>
+<div>
+<ul class="subNavList">
+<li>Summary:&nbsp;</li>
+<li>Nested&nbsp;|&nbsp;</li>
+<li><a href="#field_summary">Field</a>&nbsp;|&nbsp;</li>
+<li><a href="#constructor_summary">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_summary">Method</a></li>
+</ul>
+<ul class="subNavList">
+<li>Detail:&nbsp;</li>
+<li><a href="#field_detail">Field</a>&nbsp;|&nbsp;</li>
+<li><a href="#constructor_detail">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_detail">Method</a></li>
+</ul>
+</div>
+<a name="skip-navbar_top">
+<!--   -->
+</a></div>
+<!-- ========= END OF TOP NAVBAR ========= -->
+<!-- ======== START OF CLASS DATA ======== -->
+<div class="header">
+<div class="subTitle">controlP5</div>
+<h2 title="Class Label" class="title">Class Label</h2>
+</div>
+<div class="contentContainer">
+<ul class="inheritance">
+<li>java.lang.Object</li>
+<li>
+<ul class="inheritance">
+<li>controlP5.Label</li>
+</ul>
+</li>
+</ul>
+<div class="description">
+<ul class="blockList">
+<li class="blockList">
+<dl>
+<dt>All Implemented Interfaces:</dt>
+<dd><a href="../controlP5/CDrawable.html" title="interface in controlP5">CDrawable</a></dd>
+</dl>
+<hr>
+<br>
+<pre>public class <span class="strong">Label</span>
+extends java.lang.Object
+implements <a href="../controlP5/CDrawable.html" title="interface in controlP5">CDrawable</a></pre>
+<div class="block">A custom label using controlP5's BitFonts or PFont based ControlFonts.</div>
+<dl><dt><span class="strong">See Also:</span></dt><dd><a href="../controlP5/ControlFont.html" title="class in controlP5"><code>ControlFont</code></a></dd><script type="text/javascript">
+<!--
+document.getElementsByTagName('html')[0].className = 'isjs';function toggle(dt) { var display, dd=dt; do{ dd = dd.nextSibling } while(dd.tagName!='DD'); toOpen =!dd.style.display;dd.style.display = toOpen? 'block':''; dt.getElementsByTagName('span')[0].innerHTML  = toOpen? '-':'+' ; }
+-->
+</script>
+<div id="test" class="toggleList"><dl><dt onclick="toggle(this);"><span>+</span>Example</dt><dd><code><pre>/**
+* ControlP5 Textlabel
+*
+*
+* find a list of public methods available for the Textlabel Controller
+* at the bottom of this sketch.
+*
+* by Andreas Schlegel, 2012
+* www.sojamo.de/libraries/controlp5
+*
+*/
+
+import controlP5.*;
+
+ControlP5 cp5;
+
+Textlabel myTextlabelA;
+Textlabel myTextlabelB;
+
+void setup() {
+  size(700,400);
+  cp5 = new ControlP5(this);
+
+  myTextlabelA = cp5.addTextlabel("label")
+                    .setText("A single ControlP5 textlabel, in yellow.")
+                    .setPosition(100,50)
+                    .setColorValue(0xffffff00)
+                    .setFont(createFont("Georgia",20))
+                    ;
+
+  myTextlabelB = new Textlabel(cp5,"Another textlabel, not created through ControlP5 needs to be rendered separately by calling Textlabel.draw(PApplet).",100,100,400,200);
+
+}
+
+
+
+void draw() {
+  background(0);
+  myTextlabelB.draw(this); 
+}
+
+
+
+/*
+a list of all methods available for the Textlabel Controller
+use ControlP5.printPublicMethodsFor(Textlabel.class);
+to print the following list into the console.
+
+You can find further details about class Textlabel in the javadoc.
+
+Format:
+ClassName : returnType methodName(parameter type)
+
+controlP5.Textlabel : Label get() 
+controlP5.Textlabel : Textlabel setColor(int) 
+controlP5.Textlabel : Textlabel setFont(ControlFont) 
+controlP5.Textlabel : Textlabel setFont(PFont) 
+controlP5.Textlabel : Textlabel setFont(int) 
+controlP5.Textlabel : Textlabel setHeight(int) 
+controlP5.Textlabel : Textlabel setLetterSpacing(int) 
+controlP5.Textlabel : Textlabel setMultiline(boolean) 
+controlP5.Textlabel : Textlabel setStringValue(String) 
+controlP5.Textlabel : Textlabel setText(String) 
+controlP5.Textlabel : Textlabel setValue(String) 
+controlP5.Textlabel : Textlabel setValue(float) 
+controlP5.Textlabel : Textlabel setWidth(int) 
+controlP5.Textlabel : void draw() 
+controlP5.Textlabel : void draw(PApplet) 
+controlP5.Textlabel : void draw(int, int) 
+controlP5.Controller : CColor getColor() 
+controlP5.Controller : ControlBehavior getBehavior() 
+controlP5.Controller : ControlWindow getControlWindow() 
+controlP5.Controller : ControlWindow getWindow() 
+controlP5.Controller : ControllerProperty getProperty(String) 
+controlP5.Controller : ControllerProperty getProperty(String, String) 
+controlP5.Controller : Label getCaptionLabel() 
+controlP5.Controller : Label getValueLabel() 
+controlP5.Controller : List getControllerPlugList() 
+controlP5.Controller : PImage setImage(PImage) 
+controlP5.Controller : PImage setImage(PImage, int) 
+controlP5.Controller : PVector getAbsolutePosition() 
+controlP5.Controller : PVector getPosition() 
+controlP5.Controller : String getAddress() 
+controlP5.Controller : String getInfo() 
+controlP5.Controller : String getName() 
+controlP5.Controller : String getStringValue() 
+controlP5.Controller : String toString() 
+controlP5.Controller : Tab getTab() 
+controlP5.Controller : Textlabel addCallback(CallbackListener) 
+controlP5.Controller : Textlabel addListener(ControlListener) 
+controlP5.Controller : Textlabel bringToFront() 
+controlP5.Controller : Textlabel bringToFront(ControllerInterface) 
+controlP5.Controller : Textlabel hide() 
+controlP5.Controller : Textlabel linebreak() 
+controlP5.Controller : Textlabel listen(boolean) 
+controlP5.Controller : Textlabel lock() 
+controlP5.Controller : Textlabel plugTo(Object) 
+controlP5.Controller : Textlabel plugTo(Object, String) 
+controlP5.Controller : Textlabel plugTo(Object[]) 
+controlP5.Controller : Textlabel plugTo(Object[], String) 
+controlP5.Controller : Textlabel registerProperty(String) 
+controlP5.Controller : Textlabel registerProperty(String, String) 
+controlP5.Controller : Textlabel registerTooltip(String) 
+controlP5.Controller : Textlabel removeBehavior() 
+controlP5.Controller : Textlabel removeCallback() 
+controlP5.Controller : Textlabel removeCallback(CallbackListener) 
+controlP5.Controller : Textlabel removeListener(ControlListener) 
+controlP5.Controller : Textlabel removeProperty(String) 
+controlP5.Controller : Textlabel removeProperty(String, String) 
+controlP5.Controller : Textlabel setArrayValue(float[]) 
+controlP5.Controller : Textlabel setArrayValue(int, float) 
+controlP5.Controller : Textlabel setBehavior(ControlBehavior) 
+controlP5.Controller : Textlabel setBroadcast(boolean) 
+controlP5.Controller : Textlabel setCaptionLabel(String) 
+controlP5.Controller : Textlabel setColor(CColor) 
+controlP5.Controller : Textlabel setColorActive(int) 
+controlP5.Controller : Textlabel setColorBackground(int) 
+controlP5.Controller : Textlabel setColorCaptionLabel(int) 
+controlP5.Controller : Textlabel setColorForeground(int) 
+controlP5.Controller : Textlabel setColorValueLabel(int) 
+controlP5.Controller : Textlabel setDecimalPrecision(int) 
+controlP5.Controller : Textlabel setDefaultValue(float) 
+controlP5.Controller : Textlabel setHeight(int) 
+controlP5.Controller : Textlabel setId(int) 
+controlP5.Controller : Textlabel setImages(PImage, PImage, PImage) 
+controlP5.Controller : Textlabel setImages(PImage, PImage, PImage, PImage) 
+controlP5.Controller : Textlabel setLabelVisible(boolean) 
+controlP5.Controller : Textlabel setLock(boolean) 
+controlP5.Controller : Textlabel setMax(float) 
+controlP5.Controller : Textlabel setMin(float) 
+controlP5.Controller : Textlabel setMouseOver(boolean) 
+controlP5.Controller : Textlabel setMoveable(boolean) 
+controlP5.Controller : Textlabel setPosition(PVector) 
+controlP5.Controller : Textlabel setPosition(float, float) 
+controlP5.Controller : Textlabel setSize(PImage) 
+controlP5.Controller : Textlabel setSize(int, int) 
+controlP5.Controller : Textlabel setStringValue(String) 
+controlP5.Controller : Textlabel setUpdate(boolean) 
+controlP5.Controller : Textlabel setValueLabel(String) 
+controlP5.Controller : Textlabel setView(ControllerView) 
+controlP5.Controller : Textlabel setVisible(boolean) 
+controlP5.Controller : Textlabel setWidth(int) 
+controlP5.Controller : Textlabel show() 
+controlP5.Controller : Textlabel unlock() 
+controlP5.Controller : Textlabel unplugFrom(Object) 
+controlP5.Controller : Textlabel unplugFrom(Object[]) 
+controlP5.Controller : Textlabel unregisterTooltip() 
+controlP5.Controller : Textlabel update() 
+controlP5.Controller : Textlabel updateSize() 
+controlP5.Controller : boolean isActive() 
+controlP5.Controller : boolean isBroadcast() 
+controlP5.Controller : boolean isInside() 
+controlP5.Controller : boolean isLabelVisible() 
+controlP5.Controller : boolean isListening() 
+controlP5.Controller : boolean isLock() 
+controlP5.Controller : boolean isMouseOver() 
+controlP5.Controller : boolean isMousePressed() 
+controlP5.Controller : boolean isMoveable() 
+controlP5.Controller : boolean isUpdate() 
+controlP5.Controller : boolean isVisible() 
+controlP5.Controller : float getArrayValue(int) 
+controlP5.Controller : float getDefaultValue() 
+controlP5.Controller : float getMax() 
+controlP5.Controller : float getMin() 
+controlP5.Controller : float getValue() 
+controlP5.Controller : float[] getArrayValue() 
+controlP5.Controller : int getDecimalPrecision() 
+controlP5.Controller : int getHeight() 
+controlP5.Controller : int getId() 
+controlP5.Controller : int getWidth() 
+controlP5.Controller : int listenerSize() 
+controlP5.Controller : void remove() 
+controlP5.Controller : void setView(ControllerView, int) 
+java.lang.Object : String toString() 
+java.lang.Object : boolean equals(Object) 
+
+
+*/
+
+
+
+</pre></code></dd></dl></div></dl>
+</li>
+</ul>
+</div>
+<div class="summary">
+<ul class="blockList">
+<li class="blockList">
+<!-- =========== FIELD SUMMARY =========== -->
+<ul class="blockList">
+<li class="blockList"><a name="field_summary">
+<!--   -->
+</a>
+<h3>Field Summary</h3>
+<table class="overviewSummary" border="0" cellpadding="3" cellspacing="0" summary="Field Summary table, listing fields, and an explanation">
+<caption><span>Fields</span><span class="tabEnd">&nbsp;</span></caption>
+<tr>
+<th class="colFirst" scope="col">Modifier and Type</th>
+<th class="colLast" scope="col">Field and Description</th>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Label.html#_myPaddingX">_myPaddingX</a></strong></code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Label.html#_myPaddingY">_myPaddingY</a></strong></code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>static int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Label.html#paddingX">paddingX</a></strong></code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>static int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Label.html#paddingY">paddingY</a></strong></code>&nbsp;</td>
+</tr>
+</table>
+</li>
+</ul>
+<!-- ======== CONSTRUCTOR SUMMARY ======== -->
+<ul class="blockList">
+<li class="blockList"><a name="constructor_summary">
+<!--   -->
+</a>
+<h3>Constructor Summary</h3>
+<table class="overviewSummary" border="0" cellpadding="3" cellspacing="0" summary="Constructor Summary table, listing constructors, and an explanation">
+<caption><span>Constructors</span><span class="tabEnd">&nbsp;</span></caption>
+<tr>
+<th class="colOne" scope="col">Constructor and Description</th>
+</tr>
+<tr class="altColor">
+<td class="colOne"><code><strong><a href="../controlP5/Label.html#Label(controlP5.ControlP5, java.lang.String)">Label</a></strong>(<a href="../controlP5/ControlP5.html" title="class in controlP5">ControlP5</a>&nbsp;theControlP5,
+     java.lang.String&nbsp;theValue)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colOne"><code><strong><a href="../controlP5/Label.html#Label(controlP5.ControlP5, java.lang.String, int, int, int)">Label</a></strong>(<a href="../controlP5/ControlP5.html" title="class in controlP5">ControlP5</a>&nbsp;theControlP5,
+     java.lang.String&nbsp;theValue,
+     int&nbsp;theWidth,
+     int&nbsp;theHeight,
+     int&nbsp;theColor)</code>&nbsp;</td>
+</tr>
+</table>
+</li>
+</ul>
+<!-- ========== METHOD SUMMARY =========== -->
+<ul class="blockList">
+<li class="blockList"><a name="method_summary">
+<!--   -->
+</a>
+<h3>Method Summary</h3>
+<table class="overviewSummary" border="0" cellpadding="3" cellspacing="0" summary="Method Summary table, listing methods, and an explanation">
+<caption><span>Methods</span><span class="tabEnd">&nbsp;</span></caption>
+<tr>
+<th class="colFirst" scope="col">Modifier and Type</th>
+<th class="colLast" scope="col">Method and Description</th>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Label.html" title="class in controlP5">Label</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Label.html#align(int[])">align</a></strong>(int[]&nbsp;a)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Label.html" title="class in controlP5">Label</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Label.html#align(int, int)">align</a></strong>(int&nbsp;theX,
+     int&nbsp;theY)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Label.html" title="class in controlP5">Label</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Label.html#alignX(int)">alignX</a></strong>(int&nbsp;theX)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Label.html" title="class in controlP5">Label</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Label.html#alignY(int)">alignY</a></strong>(int&nbsp;theY)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Label.html" title="class in controlP5">Label</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Label.html#disableColorBackground()">disableColorBackground</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>void</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Label.html#draw(processing.core.PGraphics)">draw</a></strong>(processing.core.PGraphics&nbsp;theGraphics)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>void</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Label.html#draw(processing.core.PGraphics, int, int)">draw</a></strong>(processing.core.PGraphics&nbsp;theGraphics,
+    int&nbsp;theX,
+    int&nbsp;theY)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>void</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Label.html#draw(processing.core.PGraphics, int, int, controlP5.ControllerInterface)">draw</a></strong>(processing.core.PGraphics&nbsp;theGraphics,
+    int&nbsp;theX,
+    int&nbsp;theY,
+    <a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;?&gt;&nbsp;theController)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Label.html" title="class in controlP5">Label</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Label.html#enableColorBackground()">enableColorBackground</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>int[]</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Label.html#getAlign()">getAlign</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Label.html#getColor()">getColor</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/ControlFont.html" title="class in controlP5">ControlFont</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Label.html#getFont()">getFont</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Label.html#getHeight()">getHeight</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Label.html#getLetterSpacing()">getLetterSpacing</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Label.html#getLineHeight()">getLineHeight</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>float</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Label.html#getOffsetYratio()">getOffsetYratio</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Label.html#getOverflow()">getOverflow</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/ControllerStyle.html" title="class in controlP5">ControllerStyle</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Label.html#getStyle()">getStyle</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>java.lang.String</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Label.html#getText()">getText</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>java.lang.String</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Label.html#getTextFormatted()">getTextFormatted</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Label.html#getTextHeight()">getTextHeight</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Label.html#getWidth()">getWidth</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Label.html" title="class in controlP5">Label</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Label.html#hide()">hide</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>boolean</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Label.html#isFixedSize()">isFixedSize</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>boolean</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Label.html#isMultiline()">isMultiline</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>boolean</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Label.html#isToUpperCase()">isToUpperCase</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>boolean</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Label.html#isVisible()">isVisible</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Label.html" title="class in controlP5">Label</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Label.html#set(java.lang.String)">set</a></strong>(java.lang.String&nbsp;theValue)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Label.html" title="class in controlP5">Label</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Label.html#setColor(int)">setColor</a></strong>(int&nbsp;theColor)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Label.html" title="class in controlP5">Label</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Label.html#setColor(int, boolean)">setColor</a></strong>(int&nbsp;theValue,
+        boolean&nbsp;theFlag)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Label.html" title="class in controlP5">Label</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Label.html#setColorBackground(int)">setColorBackground</a></strong>(int&nbsp;theColor)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Label.html" title="class in controlP5">Label</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Label.html#setFixedSize(boolean)">setFixedSize</a></strong>(boolean&nbsp;theValue)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Label.html" title="class in controlP5">Label</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Label.html#setFont(controlP5.ControlFont)">setFont</a></strong>(<a href="../controlP5/ControlFont.html" title="class in controlP5">ControlFont</a>&nbsp;theFont)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Label.html" title="class in controlP5">Label</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Label.html#setFont(int)">setFont</a></strong>(int&nbsp;theBitFontIndex)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Label.html" title="class in controlP5">Label</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Label.html#setFont(processing.core.PFont)">setFont</a></strong>(processing.core.PFont&nbsp;thePFont)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Label.html" title="class in controlP5">Label</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Label.html#setHeight(int)">setHeight</a></strong>(int&nbsp;theHeight)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Label.html" title="class in controlP5">Label</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Label.html#setLetterSpacing(int)">setLetterSpacing</a></strong>(int&nbsp;theValue)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Label.html" title="class in controlP5">Label</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Label.html#setLineHeight(int)">setLineHeight</a></strong>(int&nbsp;theValue)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Label.html" title="class in controlP5">Label</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Label.html#setMultiline(boolean)">setMultiline</a></strong>(boolean&nbsp;theValue)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Label.html" title="class in controlP5">Label</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Label.html#setOffsetY(int)">setOffsetY</a></strong>(int&nbsp;theValue)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Label.html" title="class in controlP5">Label</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Label.html#setOffsetYratio(float)">setOffsetYratio</a></strong>(float&nbsp;theValue)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Label.html" title="class in controlP5">Label</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Label.html#setPadding(int, int)">setPadding</a></strong>(int&nbsp;thePaddingX,
+          int&nbsp;thePaddingY)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Label.html" title="class in controlP5">Label</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Label.html#setPaddingX(int)">setPaddingX</a></strong>(int&nbsp;thePaddingX)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Label.html" title="class in controlP5">Label</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Label.html#setPaddingY(int)">setPaddingY</a></strong>(int&nbsp;thePaddingY)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Label.html" title="class in controlP5">Label</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Label.html#setSize(int)">setSize</a></strong>(int&nbsp;theSize)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Label.html" title="class in controlP5">Label</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Label.html#setText(java.lang.String)">setText</a></strong>(java.lang.String&nbsp;theValue)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Label.html" title="class in controlP5">Label</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Label.html#setVisible(boolean)">setVisible</a></strong>(boolean&nbsp;theValue)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Label.html" title="class in controlP5">Label</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Label.html#setWidth(int)">setWidth</a></strong>(int&nbsp;theWidth)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Label.html" title="class in controlP5">Label</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Label.html#show()">show</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Label.html" title="class in controlP5">Label</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Label.html#toUpperCase(boolean)">toUpperCase</a></strong>(boolean&nbsp;theValue)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Label.html" title="class in controlP5">Label</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Label.html#updateFont(controlP5.ControlFont)">updateFont</a></strong>(<a href="../controlP5/ControlFont.html" title="class in controlP5">ControlFont</a>&nbsp;theFont)</code>&nbsp;</td>
+</tr>
+</table>
+<ul class="blockList">
+<li class="blockList"><a name="methods_inherited_from_class_java.lang.Object">
+<!--   -->
+</a>
+<h3>Methods inherited from class&nbsp;java.lang.Object</h3>
+<code>equals, getClass, hashCode, notify, notifyAll, toString, wait, wait, wait</code></li>
+</ul>
+</li>
+</ul>
+</li>
+</ul>
+</div>
+<div class="details">
+<ul class="blockList">
+<li class="blockList">
+<!-- ============ FIELD DETAIL =========== -->
+<ul class="blockList">
+<li class="blockList"><a name="field_detail">
+<!--   -->
+</a>
+<h3>Field Detail</h3>
+<a name="_myPaddingX">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>_myPaddingX</h4>
+<pre>public&nbsp;int _myPaddingX</pre>
+</li>
+</ul>
+<a name="_myPaddingY">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>_myPaddingY</h4>
+<pre>public&nbsp;int _myPaddingY</pre>
+</li>
+</ul>
+<a name="paddingX">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>paddingX</h4>
+<pre>public static&nbsp;int paddingX</pre>
+</li>
+</ul>
+<a name="paddingY">
+<!--   -->
+</a>
+<ul class="blockListLast">
+<li class="blockList">
+<h4>paddingY</h4>
+<pre>public static&nbsp;int paddingY</pre>
+</li>
+</ul>
+</li>
+</ul>
+<!-- ========= CONSTRUCTOR DETAIL ======== -->
+<ul class="blockList">
+<li class="blockList"><a name="constructor_detail">
+<!--   -->
+</a>
+<h3>Constructor Detail</h3>
+<a name="Label(controlP5.ControlP5, java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>Label</h4>
+<pre>public&nbsp;Label(<a href="../controlP5/ControlP5.html" title="class in controlP5">ControlP5</a>&nbsp;theControlP5,
+     java.lang.String&nbsp;theValue)</pre>
+</li>
+</ul>
+<a name="Label(controlP5.ControlP5, java.lang.String, int, int, int)">
+<!--   -->
+</a>
+<ul class="blockListLast">
+<li class="blockList">
+<h4>Label</h4>
+<pre>public&nbsp;Label(<a href="../controlP5/ControlP5.html" title="class in controlP5">ControlP5</a>&nbsp;theControlP5,
+     java.lang.String&nbsp;theValue,
+     int&nbsp;theWidth,
+     int&nbsp;theHeight,
+     int&nbsp;theColor)</pre>
+</li>
+</ul>
+</li>
+</ul>
+<!-- ============ METHOD DETAIL ========== -->
+<ul class="blockList">
+<li class="blockList"><a name="method_detail">
+<!--   -->
+</a>
+<h3>Method Detail</h3>
+<a name="align(int[])">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>align</h4>
+<pre>public&nbsp;<a href="../controlP5/Label.html" title="class in controlP5">Label</a>&nbsp;align(int[]&nbsp;a)</pre>
+</li>
+</ul>
+<a name="align(int, int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>align</h4>
+<pre>public&nbsp;<a href="../controlP5/Label.html" title="class in controlP5">Label</a>&nbsp;align(int&nbsp;theX,
+          int&nbsp;theY)</pre>
+</li>
+</ul>
+<a name="alignX(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>alignX</h4>
+<pre>public&nbsp;<a href="../controlP5/Label.html" title="class in controlP5">Label</a>&nbsp;alignX(int&nbsp;theX)</pre>
+</li>
+</ul>
+<a name="alignY(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>alignY</h4>
+<pre>public&nbsp;<a href="../controlP5/Label.html" title="class in controlP5">Label</a>&nbsp;alignY(int&nbsp;theY)</pre>
+</li>
+</ul>
+<a name="disableColorBackground()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>disableColorBackground</h4>
+<pre>public&nbsp;<a href="../controlP5/Label.html" title="class in controlP5">Label</a>&nbsp;disableColorBackground()</pre>
+</li>
+</ul>
+<a name="draw(processing.core.PGraphics)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>draw</h4>
+<pre>public&nbsp;void&nbsp;draw(processing.core.PGraphics&nbsp;theGraphics)</pre>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/CDrawable.html#draw(processing.core.PGraphics)">draw</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/CDrawable.html" title="interface in controlP5">CDrawable</a></code></dd>
+</dl>
+</li>
+</ul>
+<a name="draw(processing.core.PGraphics, int, int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>draw</h4>
+<pre>public&nbsp;void&nbsp;draw(processing.core.PGraphics&nbsp;theGraphics,
+        int&nbsp;theX,
+        int&nbsp;theY)</pre>
+</li>
+</ul>
+<a name="draw(processing.core.PGraphics, int, int, controlP5.ControllerInterface)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>draw</h4>
+<pre>public&nbsp;void&nbsp;draw(processing.core.PGraphics&nbsp;theGraphics,
+        int&nbsp;theX,
+        int&nbsp;theY,
+        <a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;?&gt;&nbsp;theController)</pre>
+</li>
+</ul>
+<a name="enableColorBackground()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>enableColorBackground</h4>
+<pre>public&nbsp;<a href="../controlP5/Label.html" title="class in controlP5">Label</a>&nbsp;enableColorBackground()</pre>
+</li>
+</ul>
+<a name="getAlign()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getAlign</h4>
+<pre>public&nbsp;int[]&nbsp;getAlign()</pre>
+</li>
+</ul>
+<a name="getColor()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getColor</h4>
+<pre>public&nbsp;int&nbsp;getColor()</pre>
+</li>
+</ul>
+<a name="getFont()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getFont</h4>
+<pre>public&nbsp;<a href="../controlP5/ControlFont.html" title="class in controlP5">ControlFont</a>&nbsp;getFont()</pre>
+</li>
+</ul>
+<a name="getHeight()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getHeight</h4>
+<pre>public&nbsp;int&nbsp;getHeight()</pre>
+</li>
+</ul>
+<a name="getLetterSpacing()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getLetterSpacing</h4>
+<pre>public&nbsp;int&nbsp;getLetterSpacing()</pre>
+</li>
+</ul>
+<a name="getLineHeight()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getLineHeight</h4>
+<pre>public&nbsp;int&nbsp;getLineHeight()</pre>
+</li>
+</ul>
+<a name="getOffsetYratio()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getOffsetYratio</h4>
+<pre>public&nbsp;float&nbsp;getOffsetYratio()</pre>
+</li>
+</ul>
+<a name="getOverflow()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getOverflow</h4>
+<pre>public&nbsp;int&nbsp;getOverflow()</pre>
+</li>
+</ul>
+<a name="getStyle()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getStyle</h4>
+<pre>public&nbsp;<a href="../controlP5/ControllerStyle.html" title="class in controlP5">ControllerStyle</a>&nbsp;getStyle()</pre>
+</li>
+</ul>
+<a name="getText()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getText</h4>
+<pre>public&nbsp;java.lang.String&nbsp;getText()</pre>
+</li>
+</ul>
+<a name="getTextFormatted()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getTextFormatted</h4>
+<pre>public&nbsp;java.lang.String&nbsp;getTextFormatted()</pre>
+</li>
+</ul>
+<a name="getTextHeight()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getTextHeight</h4>
+<pre>public&nbsp;int&nbsp;getTextHeight()</pre>
+</li>
+</ul>
+<a name="getWidth()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getWidth</h4>
+<pre>public&nbsp;int&nbsp;getWidth()</pre>
+</li>
+</ul>
+<a name="hide()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>hide</h4>
+<pre>public&nbsp;<a href="../controlP5/Label.html" title="class in controlP5">Label</a>&nbsp;hide()</pre>
+</li>
+</ul>
+<a name="isFixedSize()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>isFixedSize</h4>
+<pre>public&nbsp;boolean&nbsp;isFixedSize()</pre>
+</li>
+</ul>
+<a name="isMultiline()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>isMultiline</h4>
+<pre>public&nbsp;boolean&nbsp;isMultiline()</pre>
+</li>
+</ul>
+<a name="isToUpperCase()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>isToUpperCase</h4>
+<pre>public&nbsp;boolean&nbsp;isToUpperCase()</pre>
+</li>
+</ul>
+<a name="isVisible()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>isVisible</h4>
+<pre>public&nbsp;boolean&nbsp;isVisible()</pre>
+</li>
+</ul>
+<a name="set(java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>set</h4>
+<pre>public&nbsp;<a href="../controlP5/Label.html" title="class in controlP5">Label</a>&nbsp;set(java.lang.String&nbsp;theValue)</pre>
+</li>
+</ul>
+<a name="setColor(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setColor</h4>
+<pre>public&nbsp;<a href="../controlP5/Label.html" title="class in controlP5">Label</a>&nbsp;setColor(int&nbsp;theColor)</pre>
+</li>
+</ul>
+<a name="setColor(int, boolean)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setColor</h4>
+<pre>public&nbsp;<a href="../controlP5/Label.html" title="class in controlP5">Label</a>&nbsp;setColor(int&nbsp;theValue,
+             boolean&nbsp;theFlag)</pre>
+</li>
+</ul>
+<a name="setColorBackground(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setColorBackground</h4>
+<pre>public&nbsp;<a href="../controlP5/Label.html" title="class in controlP5">Label</a>&nbsp;setColorBackground(int&nbsp;theColor)</pre>
+</li>
+</ul>
+<a name="setFixedSize(boolean)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setFixedSize</h4>
+<pre>public&nbsp;<a href="../controlP5/Label.html" title="class in controlP5">Label</a>&nbsp;setFixedSize(boolean&nbsp;theValue)</pre>
+</li>
+</ul>
+<a name="setFont(controlP5.ControlFont)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setFont</h4>
+<pre>public&nbsp;<a href="../controlP5/Label.html" title="class in controlP5">Label</a>&nbsp;setFont(<a href="../controlP5/ControlFont.html" title="class in controlP5">ControlFont</a>&nbsp;theFont)</pre>
+</li>
+</ul>
+<a name="setFont(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setFont</h4>
+<pre>public&nbsp;<a href="../controlP5/Label.html" title="class in controlP5">Label</a>&nbsp;setFont(int&nbsp;theBitFontIndex)</pre>
+</li>
+</ul>
+<a name="setFont(processing.core.PFont)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setFont</h4>
+<pre>public&nbsp;<a href="../controlP5/Label.html" title="class in controlP5">Label</a>&nbsp;setFont(processing.core.PFont&nbsp;thePFont)</pre>
+</li>
+</ul>
+<a name="setHeight(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setHeight</h4>
+<pre>public&nbsp;<a href="../controlP5/Label.html" title="class in controlP5">Label</a>&nbsp;setHeight(int&nbsp;theHeight)</pre>
+</li>
+</ul>
+<a name="setLetterSpacing(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setLetterSpacing</h4>
+<pre>public&nbsp;<a href="../controlP5/Label.html" title="class in controlP5">Label</a>&nbsp;setLetterSpacing(int&nbsp;theValue)</pre>
+</li>
+</ul>
+<a name="setLineHeight(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setLineHeight</h4>
+<pre>public&nbsp;<a href="../controlP5/Label.html" title="class in controlP5">Label</a>&nbsp;setLineHeight(int&nbsp;theValue)</pre>
+</li>
+</ul>
+<a name="setMultiline(boolean)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setMultiline</h4>
+<pre>public&nbsp;<a href="../controlP5/Label.html" title="class in controlP5">Label</a>&nbsp;setMultiline(boolean&nbsp;theValue)</pre>
+</li>
+</ul>
+<a name="setOffsetY(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setOffsetY</h4>
+<pre>public&nbsp;<a href="../controlP5/Label.html" title="class in controlP5">Label</a>&nbsp;setOffsetY(int&nbsp;theValue)</pre>
+</li>
+</ul>
+<a name="setOffsetYratio(float)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setOffsetYratio</h4>
+<pre>public&nbsp;<a href="../controlP5/Label.html" title="class in controlP5">Label</a>&nbsp;setOffsetYratio(float&nbsp;theValue)</pre>
+</li>
+</ul>
+<a name="setPadding(int, int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setPadding</h4>
+<pre>public&nbsp;<a href="../controlP5/Label.html" title="class in controlP5">Label</a>&nbsp;setPadding(int&nbsp;thePaddingX,
+               int&nbsp;thePaddingY)</pre>
+</li>
+</ul>
+<a name="setPaddingX(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setPaddingX</h4>
+<pre>public&nbsp;<a href="../controlP5/Label.html" title="class in controlP5">Label</a>&nbsp;setPaddingX(int&nbsp;thePaddingX)</pre>
+</li>
+</ul>
+<a name="setPaddingY(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setPaddingY</h4>
+<pre>public&nbsp;<a href="../controlP5/Label.html" title="class in controlP5">Label</a>&nbsp;setPaddingY(int&nbsp;thePaddingY)</pre>
+</li>
+</ul>
+<a name="setSize(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setSize</h4>
+<pre>public&nbsp;<a href="../controlP5/Label.html" title="class in controlP5">Label</a>&nbsp;setSize(int&nbsp;theSize)</pre>
+</li>
+</ul>
+<a name="setText(java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setText</h4>
+<pre>public&nbsp;<a href="../controlP5/Label.html" title="class in controlP5">Label</a>&nbsp;setText(java.lang.String&nbsp;theValue)</pre>
+</li>
+</ul>
+<a name="setVisible(boolean)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setVisible</h4>
+<pre>public&nbsp;<a href="../controlP5/Label.html" title="class in controlP5">Label</a>&nbsp;setVisible(boolean&nbsp;theValue)</pre>
+</li>
+</ul>
+<a name="setWidth(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setWidth</h4>
+<pre>public&nbsp;<a href="../controlP5/Label.html" title="class in controlP5">Label</a>&nbsp;setWidth(int&nbsp;theWidth)</pre>
+</li>
+</ul>
+<a name="show()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>show</h4>
+<pre>public&nbsp;<a href="../controlP5/Label.html" title="class in controlP5">Label</a>&nbsp;show()</pre>
+</li>
+</ul>
+<a name="toUpperCase(boolean)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>toUpperCase</h4>
+<pre>public&nbsp;<a href="../controlP5/Label.html" title="class in controlP5">Label</a>&nbsp;toUpperCase(boolean&nbsp;theValue)</pre>
+</li>
+</ul>
+<a name="updateFont(controlP5.ControlFont)">
+<!--   -->
+</a>
+<ul class="blockListLast">
+<li class="blockList">
+<h4>updateFont</h4>
+<pre>public&nbsp;<a href="../controlP5/Label.html" title="class in controlP5">Label</a>&nbsp;updateFont(<a href="../controlP5/ControlFont.html" title="class in controlP5">ControlFont</a>&nbsp;theFont)</pre>
+</li>
+</ul>
+</li>
+</ul>
+</li>
+</ul>
+</div>
+</div>
+<!-- ========= END OF CLASS DATA ========= -->
+<!-- ======= START OF BOTTOM NAVBAR ====== -->
+<div class="bottomNav"><a name="navbar_bottom">
+<!--   -->
+</a><a href="#skip-navbar_bottom" title="Skip navigation links"></a><a name="navbar_bottom_firstrow">
+<!--   -->
+</a>
+<ul class="navList" title="Navigation">
+<li><a href="../controlP5/package-summary.html">Package</a></li>
+<li class="navBarCell1Rev">Class</li>
+<li><a href="package-tree.html">Tree</a></li>
+<li><a href="../index-all.html">Index</a></li>
+<li><a href="../help-doc.html">Help</a></li>
+</ul>
+</div>
+<div class="subNav">
+<ul class="navList">
+<li><a href="../controlP5/Knob.html" title="class in controlP5"><span class="strong">Prev Class</span></a></li>
+<li><a href="../controlP5/ListBox.html" title="class in controlP5"><span class="strong">Next Class</span></a></li>
+</ul>
+<ul class="navList">
+<li><a href="../index.html?controlP5/Label.html" target="_top">Frames</a></li>
+<li><a href="Label.html" target="_top">No Frames</a></li>
+</ul>
+<ul class="navList" id="allclasses_navbar_bottom">
+<li><a href="../allclasses-noframe.html">All Classes</a></li>
+</ul>
+<div>
+<script type="text/javascript"><!--
+  allClassesLink = document.getElementById("allclasses_navbar_bottom");
+  if(window==top) {
+    allClassesLink.style.display = "block";
+  }
+  else {
+    allClassesLink.style.display = "none";
+  }
+  //-->
+</script>
+</div>
+<div>
+<ul class="subNavList">
+<li>Summary:&nbsp;</li>
+<li>Nested&nbsp;|&nbsp;</li>
+<li><a href="#field_summary">Field</a>&nbsp;|&nbsp;</li>
+<li><a href="#constructor_summary">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_summary">Method</a></li>
+</ul>
+<ul class="subNavList">
+<li>Detail:&nbsp;</li>
+<li><a href="#field_detail">Field</a>&nbsp;|&nbsp;</li>
+<li><a href="#constructor_detail">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_detail">Method</a></li>
+</ul>
+</div>
+<a name="skip-navbar_bottom">
+<!--   -->
+</a></div>
+<!-- ======== END OF BOTTOM NAVBAR ======= -->
+<p class="legalCopy"><small>processing library controlP5 by Andreas Schlegel. (c) 2006-2014</small></p>
+</body>
+</html>
diff --git a/reference/controlP5/ListBox.html b/reference/controlP5/ListBox.html
new file mode 100644
index 0000000..6125ca8
--- /dev/null
+++ b/reference/controlP5/ListBox.html
@@ -0,0 +1,1353 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
+<!-- NewPage -->
+<html lang="en">
+<head>
+<!-- Generated by javadoc (version 1.7.0_51) on Sun Apr 27 21:39:47 SGT 2014 -->
+<title>ListBox (Javadocs: controlP5)</title>
+<meta name="date" content="2014-04-27">
+<link rel="stylesheet" type="text/css" href="../stylesheet.css" title="Style">
+</head>
+<body>
+<script type="text/javascript"><!--
+    if (location.href.indexOf('is-external=true') == -1) {
+        parent.document.title="ListBox (Javadocs: controlP5)";
+    }
+//-->
+</script>
+<noscript>
+<div>JavaScript is disabled on your browser.</div>
+</noscript>
+<!-- ========= START OF TOP NAVBAR ======= -->
+<div class="topNav"><a name="navbar_top">
+<!--   -->
+</a><a href="#skip-navbar_top" title="Skip navigation links"></a><a name="navbar_top_firstrow">
+<!--   -->
+</a>
+<ul class="navList" title="Navigation">
+<li><a href="../controlP5/package-summary.html">Package</a></li>
+<li class="navBarCell1Rev">Class</li>
+<li><a href="package-tree.html">Tree</a></li>
+<li><a href="../index-all.html">Index</a></li>
+<li><a href="../help-doc.html">Help</a></li>
+</ul>
+</div>
+<div class="subNav">
+<ul class="navList">
+<li><a href="../controlP5/Label.html" title="class in controlP5"><span class="strong">Prev Class</span></a></li>
+<li><a href="../controlP5/ListBoxItem.html" title="class in controlP5"><span class="strong">Next Class</span></a></li>
+</ul>
+<ul class="navList">
+<li><a href="../index.html?controlP5/ListBox.html" target="_top">Frames</a></li>
+<li><a href="ListBox.html" target="_top">No Frames</a></li>
+</ul>
+<ul class="navList" id="allclasses_navbar_top">
+<li><a href="../allclasses-noframe.html">All Classes</a></li>
+</ul>
+<div>
+<script type="text/javascript"><!--
+  allClassesLink = document.getElementById("allclasses_navbar_top");
+  if(window==top) {
+    allClassesLink.style.display = "block";
+  }
+  else {
+    allClassesLink.style.display = "none";
+  }
+  //-->
+</script>
+</div>
+<div>
+<ul class="subNavList">
+<li>Summary:&nbsp;</li>
+<li>Nested&nbsp;|&nbsp;</li>
+<li>Field&nbsp;|&nbsp;</li>
+<li><a href="#constructor_summary">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_summary">Method</a></li>
+</ul>
+<ul class="subNavList">
+<li>Detail:&nbsp;</li>
+<li>Field&nbsp;|&nbsp;</li>
+<li><a href="#constructor_detail">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_detail">Method</a></li>
+</ul>
+</div>
+<a name="skip-navbar_top">
+<!--   -->
+</a></div>
+<!-- ========= END OF TOP NAVBAR ========= -->
+<!-- ======== START OF CLASS DATA ======== -->
+<div class="header">
+<div class="subTitle">controlP5</div>
+<h2 title="Class ListBox" class="title">Class ListBox</h2>
+</div>
+<div class="contentContainer">
+<ul class="inheritance">
+<li>java.lang.Object</li>
+<li>
+<ul class="inheritance">
+<li><a href="../controlP5/ControllerGroup.html" title="class in controlP5">controlP5.ControllerGroup</a>&lt;T&gt;</li>
+<li>
+<ul class="inheritance">
+<li><a href="../controlP5/ControlGroup.html" title="class in controlP5">controlP5.ControlGroup</a>&lt;<a href="../controlP5/ListBox.html" title="class in controlP5">ListBox</a>&gt;</li>
+<li>
+<ul class="inheritance">
+<li>controlP5.ListBox</li>
+</ul>
+</li>
+</ul>
+</li>
+</ul>
+</li>
+</ul>
+<div class="description">
+<ul class="blockList">
+<li class="blockList">
+<dl>
+<dt>All Implemented Interfaces:</dt>
+<dd><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/ListBox.html" title="class in controlP5">ListBox</a>&gt;, <a href="../controlP5/ControlListener.html" title="interface in controlP5">ControlListener</a>, <a href="../controlP5/ControlP5Constants.html" title="interface in controlP5">ControlP5Constants</a></dd>
+</dl>
+<hr>
+<br>
+<pre>public class <span class="strong">ListBox</span>
+extends <a href="../controlP5/ControlGroup.html" title="class in controlP5">ControlGroup</a>&lt;<a href="../controlP5/ListBox.html" title="class in controlP5">ListBox</a>&gt;
+implements <a href="../controlP5/ControlListener.html" title="interface in controlP5">ControlListener</a></pre>
+<div class="block">A ListBox is a list of vertically aligned items which can be scrolled if required.</div>
+<dl><dt><span class="strong">See Also:</span></dt><dd><a href="../controlP5/DropdownList.html" title="class in controlP5"><code>DropdownList</code></a></dd><script type="text/javascript">
+<!--
+document.getElementsByTagName('html')[0].className = 'isjs';function toggle(dt) { var display, dd=dt; do{ dd = dd.nextSibling } while(dd.tagName!='DD'); toOpen =!dd.style.display;dd.style.display = toOpen? 'block':''; dt.getElementsByTagName('span')[0].innerHTML  = toOpen? '-':'+' ; }
+-->
+</script>
+<div id="test" class="toggleList"><dl><dt onclick="toggle(this);"><span>+</span>Example</dt><dd><code><pre>/**
+* ControlP5 ListBox
+*
+* find a list of public methods available for the ListBox Controller
+* at the bottom of this sketch.
+* use the scrollwheel, up or down cursors to scroll through 
+* a listbox when hovering with the mouse.
+*
+* DEPRECATED, use ScrollableList instead.
+*
+* by Andreas Schlegel, 2012
+* www.sojamo.de/libraries/controlp5
+*
+*/
+
+
+import controlP5.*;
+
+ControlP5 cp5;
+
+ListBox l;
+
+int cnt = 0;
+
+void setup() {
+  size(700, 400);
+  
+  ControlP5.printPublicMethodsFor(ListBox.class);
+
+  cp5 = new ControlP5(this);
+  l = cp5.addListBox("myList")
+         .setPosition(100, 100)
+         .setSize(120, 120)
+         .setItemHeight(15)
+         .setBarHeight(15)
+         .setColorBackground(color(255, 128))
+         .setColorActive(color(0))
+         .setColorForeground(color(255, 100,0))
+         ;
+
+  l.captionLabel().toUpperCase(true);
+  l.captionLabel().set("A Listbox");
+  l.captionLabel().setColor(0xffff0000);
+  l.captionLabel().style().marginTop = 3;
+  l.valueLabel().style().marginTop = 3;
+  
+  for (int i=0;i<80;i++) {
+    ListBoxItem lbi = l.addItem("item "+i, i);
+    lbi.setColorBackground(0xffff0000);
+  }
+  
+}
+
+void keyPressed() {
+  if (key=='0') {
+    // will activate the listbox item with value 5
+    l.setValue(5);
+  }
+  if (key=='1') {
+    // set the height of a listBox should always be a multiple of itemHeight
+    l.setHeight(210);
+  } 
+  else if (key=='2') {
+    // set the height of a listBox should always be a multiple of itemHeight
+    l.setHeight(120);
+  } 
+  else if (key=='3') {
+    // set the width of a listBox
+    l.setWidth(200);
+  }
+  else if (key=='i') {
+    // set the height of a listBoxItem, should always be a fraction of the listBox
+    l.setItemHeight(30);
+  } 
+  else if (key=='u') {
+    // set the height of a listBoxItem, should always be a fraction of the listBox
+    l.setItemHeight(10);
+    l.setBackgroundColor(color(100, 0, 0));
+  } 
+  else if (key=='a') {
+    int n = (int)(random(100000));
+    l.addItem("item "+n, n);
+  } 
+  else if (key=='d') {
+    l.removeItem("item "+cnt);
+    cnt++;
+  } else if (key=='c') {
+    l.clear();
+  }
+}
+
+void controlEvent(ControlEvent theEvent) {
+  // ListBox is if type ControlGroup.
+  // 1 controlEvent will be executed, where the event
+  // originates from a ControlGroup. therefore
+  // you need to check the Event with
+  // if (theEvent.isGroup())
+  // to avoid an error message from controlP5.
+
+  if (theEvent.isGroup()) {
+    // an event from a group e.g. scrollList
+    println(theEvent.group().value()+" from "+theEvent.group());
+  }
+  
+  if(theEvent.isGroup() && theEvent.name().equals("myList")){
+    int test = (int)theEvent.group().value();
+    println("test "+test);
+}
+}
+
+void draw() {
+  background(128);
+  // scroll the scroll List according to the mouseX position
+  // when holding down SPACE.
+  if (keyPressed && key==' ') {
+    //l.scroll(mouseX/((float)width)); // scroll taks values between 0 and 1
+  }
+  if (keyPressed && key==' ') {
+    l.setWidth(mouseX);
+  }
+}
+
+
+
+/*
+a list of all methods available for the ListBox Controller
+use ControlP5.printPublicMethodsFor(ListBox.class);
+to print the following list into the console.
+
+You can find further details about class ListBox in the javadoc.
+
+Format:
+ClassName : returnType methodName(parameter type)
+
+
+controlP5.ControlGroup : ControlGroup activateEvent(boolean) 
+controlP5.ControlGroup : ControlGroup addListener(ControlListener) 
+controlP5.ControlGroup : ControlGroup hideBar() 
+controlP5.ControlGroup : ControlGroup removeListener(ControlListener) 
+controlP5.ControlGroup : ControlGroup setBackgroundColor(int) 
+controlP5.ControlGroup : ControlGroup setBackgroundHeight(int) 
+controlP5.ControlGroup : ControlGroup setBarHeight(int) 
+controlP5.ControlGroup : ControlGroup showBar() 
+controlP5.ControlGroup : ControllerGroup updateInternalEvents(PApplet) 
+controlP5.ControlGroup : String info() 
+controlP5.ControlGroup : String toString() 
+controlP5.ControlGroup : boolean isBarVisible() 
+controlP5.ControlGroup : int getBackgroundHeight() 
+controlP5.ControlGroup : int getBarHeight() 
+controlP5.ControlGroup : int listenerSize() 
+controlP5.ControllerGroup : CColor getColor() 
+controlP5.ControllerGroup : ControlWindow getWindow() 
+controlP5.ControllerGroup : ControlWindowCanvas addCanvas(ControlWindowCanvas) 
+controlP5.ControllerGroup : Controller getController(String) 
+controlP5.ControllerGroup : ControllerGroup add(ControllerInterface) 
+controlP5.ControllerGroup : ControllerGroup close() 
+controlP5.ControllerGroup : ControllerGroup disableCollapse() 
+controlP5.ControllerGroup : ControllerGroup enableCollapse() 
+controlP5.ControllerGroup : ControllerGroup hide() 
+controlP5.ControllerGroup : ControllerGroup moveTo(ControlWindow) 
+controlP5.ControllerGroup : ControllerGroup open() 
+controlP5.ControllerGroup : ControllerGroup registerProperty(String) 
+controlP5.ControllerGroup : ControllerGroup registerProperty(String, String) 
+controlP5.ControllerGroup : ControllerGroup remove(CDrawable) 
+controlP5.ControllerGroup : ControllerGroup remove(ControllerInterface) 
+controlP5.ControllerGroup : ControllerGroup removeCanvas(ControlWindowCanvas) 
+controlP5.ControllerGroup : ControllerGroup removeProperty(String) 
+controlP5.ControllerGroup : ControllerGroup removeProperty(String, String) 
+controlP5.ControllerGroup : ControllerGroup setAddress(String) 
+controlP5.ControllerGroup : ControllerGroup setArrayValue(float[]) 
+controlP5.ControllerGroup : ControllerGroup setColor(CColor) 
+controlP5.ControllerGroup : ControllerGroup setColorActive(int) 
+controlP5.ControllerGroup : ControllerGroup setColorBackground(int) 
+controlP5.ControllerGroup : ControllerGroup setColorForeground(int) 
+controlP5.ControllerGroup : ControllerGroup setColorLabel(int) 
+controlP5.ControllerGroup : ControllerGroup setColorValue(int) 
+controlP5.ControllerGroup : ControllerGroup setHeight(int) 
+controlP5.ControllerGroup : ControllerGroup setId(int) 
+controlP5.ControllerGroup : ControllerGroup setLabel(String) 
+controlP5.ControllerGroup : ControllerGroup setMoveable(boolean) 
+controlP5.ControllerGroup : ControllerGroup setOpen(boolean) 
+controlP5.ControllerGroup : ControllerGroup setPosition(PVector) 
+controlP5.ControllerGroup : ControllerGroup setPosition(float, float) 
+controlP5.ControllerGroup : ControllerGroup setStringValue(String) 
+controlP5.ControllerGroup : ControllerGroup setUpdate(boolean) 
+controlP5.ControllerGroup : ControllerGroup setValue(float) 
+controlP5.ControllerGroup : ControllerGroup setVisible(boolean) 
+controlP5.ControllerGroup : ControllerGroup setWidth(int) 
+controlP5.ControllerGroup : ControllerGroup show() 
+controlP5.ControllerGroup : ControllerGroup update() 
+controlP5.ControllerGroup : ControllerGroup updateAbsolutePosition() 
+controlP5.ControllerGroup : ControllerProperty getProperty(String) 
+controlP5.ControllerGroup : ControllerProperty getProperty(String, String) 
+controlP5.ControllerGroup : Label captionLabel() 
+controlP5.ControllerGroup : Label valueLabel() 
+controlP5.ControllerGroup : PVector getPosition() 
+controlP5.ControllerGroup : String getAddress() 
+controlP5.ControllerGroup : String getName() 
+controlP5.ControllerGroup : String getStringValue() 
+controlP5.ControllerGroup : String info() 
+controlP5.ControllerGroup : String toString() 
+controlP5.ControllerGroup : Tab getTab() 
+controlP5.ControllerGroup : boolean isCollapse() 
+controlP5.ControllerGroup : boolean isMouseOver() 
+controlP5.ControllerGroup : boolean isMoveable() 
+controlP5.ControllerGroup : boolean isOpen() 
+controlP5.ControllerGroup : boolean isUpdate() 
+controlP5.ControllerGroup : boolean isVisible() 
+controlP5.ControllerGroup : boolean setMousePressed(boolean) 
+controlP5.ControllerGroup : float getValue() 
+controlP5.ControllerGroup : float[] getArrayValue() 
+controlP5.ControllerGroup : int getHeight() 
+controlP5.ControllerGroup : int getId() 
+controlP5.ControllerGroup : int getWidth() 
+controlP5.ControllerGroup : void remove() 
+controlP5.ListBox : ListBox actAsPulldownMenu(boolean) 
+controlP5.ListBox : ListBox addItems(List) 
+controlP5.ListBox : ListBox addItems(List, int) 
+controlP5.ListBox : ListBox addItems(String[]) 
+controlP5.ListBox : ListBox clear() 
+controlP5.ListBox : ListBox hideScrollbar() 
+controlP5.ListBox : ListBox removeItem(String) 
+controlP5.ListBox : ListBox scroll(float) 
+controlP5.ListBox : ListBox setColorActive(int) 
+controlP5.ListBox : ListBox setColorBackground(int) 
+controlP5.ListBox : ListBox setColorForeground(int) 
+controlP5.ListBox : ListBox setColorLabel(int) 
+controlP5.ListBox : ListBox setHeight(int) 
+controlP5.ListBox : ListBox setItemHeight(int) 
+controlP5.ListBox : ListBox setListBoxItems(String[][]) 
+controlP5.ListBox : ListBox setWidth(int) 
+controlP5.ListBox : ListBox showScrollbar() 
+controlP5.ListBox : ListBox toUpperCase(boolean) 
+controlP5.ListBox : ListBoxItem addItem(String, int) 
+controlP5.ListBox : ListBoxItem getItem(Controller) 
+controlP5.ListBox : ListBoxItem getItem(String) 
+controlP5.ListBox : ListBoxItem getItem(int) 
+controlP5.ListBox : String[][] getListBoxItems() 
+controlP5.ListBox : boolean isScrollbarVisible() 
+java.lang.Object : String toString() 
+java.lang.Object : String toString() 
+java.lang.Object : boolean equals(Object) 
+
+
+*/
+
+
+
+</pre></code></dd></dl></div></dl>
+</li>
+</ul>
+</div>
+<div class="summary">
+<ul class="blockList">
+<li class="blockList">
+<!-- =========== FIELD SUMMARY =========== -->
+<ul class="blockList">
+<li class="blockList"><a name="field_summary">
+<!--   -->
+</a>
+<h3>Field Summary</h3>
+<ul class="blockList">
+<li class="blockList"><a name="fields_inherited_from_class_controlP5.ControlP5Constants">
+<!--   -->
+</a>
+<h3>Fields inherited from interface&nbsp;controlP5.<a href="../controlP5/ControlP5Constants.html" title="interface in controlP5">ControlP5Constants</a></h3>
+<code><a href="../controlP5/ControlP5Constants.html#acceptClassList">acceptClassList</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_BROADCAST">ACTION_BROADCAST</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_CLICK">ACTION_CLICK</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_DRAG">ACTION_DRAG</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_ENTER">ACTION_ENTER</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_EXIT">ACTION_EXIT</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_LEAVE">ACTION_LEAVE</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_MOVE">ACTION_MOVE</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_PRESS">ACTION_PRESS</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_PRESSED">ACTION_PRESSED</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_RELEASE">ACTION_RELEASE</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_RELEASED">ACTION_RELEASED</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_RELEASEDOUTSIDE">ACTION_RELEASEDOUTSIDE</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_WHEEL">ACTION_WHEEL</a>, <a href="../controlP5/ControlP5Constants.html#ACTIVE">ACTIVE</a>, <a href="../controlP5/ControlP5Constants.html#ALL">ALL</a>, <a href="../controlP5/ControlP5Constants.html#ALT">ALT</a>, <a href="../controlP5/ControlP5Constants.html#AQUA">AQUA</a>, <a href="../controlP5/ControlP5Constants.html#ARC">ARC</a>, <a href="../controlP5/ControlP5Constants.html#ARRAY">ARRAY</a>, <a href="../controlP5/ControlP5Constants.html#BACKSPACE">BACKSPACE</a>, <a href="../controlP5/ControlP5Constants.html#BASELINE">BASELINE</a>, <a href="../controlP5/ControlP5Constants.html#BITFONT">BITFONT</a>, <a href="../controlP5/ControlP5Constants.html#BLACK">BLACK</a>, <a href="../controlP5/ControlP5Constants.html#BLUE">BLUE</a>, <a href="../controlP5/ControlP5Constants.html#BOOLEAN">BOOLEAN</a>, <a href="../controlP5/ControlP5Constants.html#BOTTOM">BOTTOM</a>, <a href="../controlP5/ControlP5Constants.html#BOTTOM_OUTSIDE">BOTTOM_OUTSIDE</a>, <a href="../controlP5/ControlP5Constants.html#CAPTIONLABEL">CAPTIONLABEL</a>, <a href="../controlP5/ControlP5Constants.html#CENTER">CENTER</a>, <a href="../controlP5/ControlP5Constants.html#CHECKBOX">CHECKBOX</a>, <a href="../controlP5/ControlP5Constants.html#COMMANDKEY">COMMANDKEY</a>, <a href="../controlP5/ControlP5Constants.html#CONTROL">CONTROL</a>, <a href="../controlP5/ControlP5Constants.html#controlEventClass">controlEventClass</a>, <a href="../controlP5/ControlP5Constants.html#CUSTOM">CUSTOM</a>, <a href="../controlP5/ControlP5Constants.html#DECREASE">DECREASE</a>, <a href="../controlP5/ControlP5Constants.html#DEFAULT">DEFAULT</a>, <a href="../controlP5/ControlP5Constants.html#DELETE">DELETE</a>, <a href="../controlP5/ControlP5Constants.html#DONE">DONE</a>, <a href="../controlP5/ControlP5Constants.html#DOWN">DOWN</a>, <a href="../controlP5/ControlP5Constants.html#DROPDOWN">DROPDOWN</a>, <a href="../controlP5/ControlP5Constants.html#ELLIPSE">ELLIPSE</a>, <a href="../controlP5/ControlP5Constants.html#ENTER">ENTER</a>, <a href="../controlP5/ControlP5Constants.html#ESCAPE">ESCAPE</a>, <a href="../controlP5/ControlP5Constants.html#EVENT">EVENT</a>, <a href="../controlP5/ControlP5Constants.html#eventMethod">eventMethod</a>, <a href="../controlP5/ControlP5Constants.html#FADEIN">FADEIN</a>, <a href="../controlP5/ControlP5Constants.html#FADEOUT">FADEOUT</a>, <a href="../controlP5/ControlP5Constants.html#FIELD">FIELD</a>, <a href="../controlP5/ControlP5Constants.html#FLOAT">FLOAT</a>, <a href="../controlP5/ControlP5Constants.html#FUCHSIA">FUCHSIA</a>, <a href="../controlP5/ControlP5Constants.html#GRAY">GRAY</a>, <a href="../controlP5/ControlP5Constants.html#GREEN">GREEN</a>, <a href="../controlP5/ControlP5Constants.html#grixel">grixel</a>, <a href="../controlP5/ControlP5Constants.html#HALF_PI">HALF_PI</a>, <a href="../controlP5/ControlP5Constants.html#HIDE">HIDE</a>, <a href="../controlP5/ControlP5Constants.html#HIGHLIGHT">HIGHLIGHT</a>, <a href="../controlP5/ControlP5Constants.html#HORIZONTAL">HORIZONTAL</a>, <a href="../controlP5/ControlP5Constants.html#IDLE">IDLE</a>, <a href="../controlP5/ControlP5Constants.html#IMAGE">IMAGE</a>, <a href="../controlP5/ControlP5Constants.html#INACTIVE">INACTIVE</a>, <a href="../controlP5/ControlP5Constants.html#INCREASE">INCREASE</a>, <a href="../controlP5/ControlP5Constants.html#INTEGER">INTEGER</a>, <a href="../controlP5/ControlP5Constants.html#INVALID">INVALID</a>, <a href="../controlP5/ControlP5Constants.html#J2D">J2D</a>, <a href="../controlP5/ControlP5Constants.html#KEYCONTROL">KEYCONTROL</a>, <a href="../controlP5/ControlP5Constants.html#LEFT">LEFT</a>, <a href="../controlP5/ControlP5Constants.html#LEFT_OUTSIDE">LEFT_OUTSIDE</a>, <a href="../controlP5/ControlP5Constants.html#LIME">LIME</a>, <a href="../controlP5/ControlP5Constants.html#LINE">LINE</a>, <a href="../controlP5/ControlP5Constants.html#LIST">LIST</a>, <a href="../controlP5/ControlP5Constants.html#LOAD">LOAD</a>, <a href="../controlP5/ControlP5Constants.html#MAROON">MAROON</a>, <a href="../controlP5/ControlP5Constants.html#MENU">MENU</a>, <a href="../controlP5/ControlP5Constants.html#METHOD">METHOD</a>, <a href="../controlP5/ControlP5Constants.html#MOVE">MOVE</a>, <a href="../controlP5/ControlP5Constants.html#MULTI">MULTI</a>, <a href="../controlP5/ControlP5Constants.html#MULTIPLES">MULTIPLES</a>, <a href="../controlP5/ControlP5Constants.html#NAVY">NAVY</a>, <a href="../controlP5/ControlP5Constants.html#OLIVE">OLIVE</a>, <a href="../controlP5/ControlP5Constants.html#ORANGE">ORANGE</a>, <a href="../controlP5/ControlP5Constants.html#OVER">OVER</a>, <a href="../controlP5/ControlP5Constants.html#P2D">P2D</a>, <a href="../controlP5/ControlP5Constants.html#P3D">P3D</a>, <a href="../controlP5/ControlP5Constants.html#PI">PI</a>, <a href="../controlP5/ControlP5Constants.html#PRESSED">PRESSED</a>, <a href="../controlP5/ControlP5Constants.html#PRINT">PRINT</a>, <a href="../controlP5/ControlP5Constants.html#PURPLE">PURPLE</a>, <a href="../controlP5/ControlP5Constants.html#RED">RED</a>, <a href="../controlP5/ControlP5Constants.html#RELEASE">RELEASE</a>, <a href="../controlP5/ControlP5Constants.html#RESET">RESET</a>, <a href="../controlP5/ControlP5Constants.html#RIGHT">RIGHT</a>, <a href="../controlP5/ControlP5Constants.html#RIGHT_OUTSIDE">RIGHT_OUTSIDE</a>, <a href="../controlP5/ControlP5Constants.html#SAVE">SAVE</a>, <a href="../controlP5/ControlP5Constants.html#SHIFT">SHIFT</a>, <a href="../controlP5/ControlP5Constants.html#SILVER">SILVER</a>, <a href="../controlP5/ControlP5Constants.html#SINGLE">SINGLE</a>, <a href="../controlP5/ControlP5Constants.html#SINGLE_COLUMN">SINGLE_COLUMN</a>, <a href="../controlP5/ControlP5Constants.html#SINGLE_ROW">SINGLE_ROW</a>, <a href="../controlP5/ControlP5Constants.html#SPRITE">SPRITE</a>, <a href="../controlP5/ControlP5Constants.html#standard56">standard56</a>, <a href="../controlP5/ControlP5Constants.html#standard58">standard58</a>, <a href="../controlP5/ControlP5Constants.html#STRING">STRING</a>, <a href="../controlP5/ControlP5Constants.html#SWITCH">SWITCH</a>, <a href="../controlP5/ControlP5Constants.html#SWITCH_BACK">SWITCH_BACK</a>, <a href="../controlP5/ControlP5Constants.html#SWITCH_FORE">SWITCH_FORE</a>, <a href="../controlP5/ControlP5Constants.html#synt24">synt24</a>, <a href="../controlP5/ControlP5Constants.html#TAB">TAB</a>, <a href="../controlP5/ControlP5Constants.html#TEAL">TEAL</a>, <a href="../controlP5/ControlP5Constants.html#THEME_A">THEME_A</a>, <a href="../controlP5/ControlP5Constants.html#THEME_CP52014">THEME_CP52014</a>, <a href="../controlP5/ControlP5Constants.html#THEME_CP5BLUE">THEME_CP5BLUE</a>, <a href="../controlP5/ControlP5Constants.html#THEME_RED">THEME_RED</a>, <a href="../controlP5/ControlP5Constants.html#THEME_RETRO">THEME_RETRO</a>, <a href="../controlP5/ControlP5Constants.html#THEME_WHITE">THEME_WHITE</a>, <a href="../controlP5/ControlP5Constants.html#TOP">TOP</a>, <a href="../controlP5/ControlP5Constants.html#TOP_OUTSIDE">TOP_OUTSIDE</a>, <a href="../controlP5/ControlP5Constants.html#TRANSITION_WAIT_FADEIN">TRANSITION_WAIT_FADEIN</a>, <a href="../controlP5/ControlP5Constants.html#TREE">TREE</a>, <a href="../controlP5/ControlP5Constants.html#TWO_PI">TWO_PI</a>, <a href="../controlP5/ControlP5Constants.html#UP">UP</a>, <a href="../controlP5/ControlP5Constants.html#VALUELABEL">VALUELABEL</a>, <a href="../controlP5/ControlP5Constants.html#VERBOSE">VERBOSE</a>, <a href="../controlP5/ControlP5Constants.html#VERTICAL">VERTICAL</a>, <a href="../controlP5/ControlP5Constants.html#WAIT">WAIT</a>, <a href="../controlP5/ControlP5Constants.html#WHITE">WHITE</a>, <a href="../controlP5/ControlP5Constants.html#YELLOW">YELLOW</a></code></li>
+</ul>
+</li>
+</ul>
+<!-- ======== CONSTRUCTOR SUMMARY ======== -->
+<ul class="blockList">
+<li class="blockList"><a name="constructor_summary">
+<!--   -->
+</a>
+<h3>Constructor Summary</h3>
+<table class="overviewSummary" border="0" cellpadding="3" cellspacing="0" summary="Constructor Summary table, listing constructors, and an explanation">
+<caption><span>Constructors</span><span class="tabEnd">&nbsp;</span></caption>
+<tr>
+<th class="colOne" scope="col">Constructor and Description</th>
+</tr>
+<tr class="altColor">
+<td class="colOne"><code><strong><a href="../controlP5/ListBox.html#ListBox(controlP5.ControlP5, java.lang.String)">ListBox</a></strong>(<a href="../controlP5/ControlP5.html" title="class in controlP5">ControlP5</a>&nbsp;theControlP5,
+       java.lang.String&nbsp;theName)</code>
+<div class="block">Convenience constructor to extend ListBox.</div>
+</td>
+</tr>
+</table>
+</li>
+</ul>
+<!-- ========== METHOD SUMMARY =========== -->
+<ul class="blockList">
+<li class="blockList"><a name="method_summary">
+<!--   -->
+</a>
+<h3>Method Summary</h3>
+<table class="overviewSummary" border="0" cellpadding="3" cellspacing="0" summary="Method Summary table, listing methods, and an explanation">
+<caption><span>Methods</span><span class="tabEnd">&nbsp;</span></caption>
+<tr>
+<th class="colFirst" scope="col">Modifier and Type</th>
+<th class="colLast" scope="col">Method and Description</th>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/ListBox.html" title="class in controlP5">ListBox</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ListBox.html#actAsPulldownMenu(boolean)">actAsPulldownMenu</a></strong>(boolean&nbsp;theValue)</code>
+<div class="block">Enables a ListBox to act as a pulldown menu.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/ListBoxItem.html" title="class in controlP5">ListBoxItem</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ListBox.html#addItem(java.lang.String, int)">addItem</a></strong>(java.lang.String&nbsp;theName,
+       int&nbsp;theValue)</code>
+<div class="block">Adds an item to the ListBox.</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/ListBox.html" title="class in controlP5">ListBox</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ListBox.html#addItems(java.util.List)">addItems</a></strong>(java.util.List&lt;?&gt;&nbsp;theItems)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/ListBox.html" title="class in controlP5">ListBox</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ListBox.html#addItems(java.util.List, int)">addItems</a></strong>(java.util.List&lt;?&gt;&nbsp;theItems,
+        int&nbsp;theOffset)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/ListBox.html" title="class in controlP5">ListBox</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ListBox.html#addItems(java.lang.String[])">addItems</a></strong>(java.lang.String[]&nbsp;theItems)</code>
+<div class="block">adds a list of items from a string array.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>void</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ListBox.html#beginItems()">beginItems</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/ListBox.html" title="class in controlP5">ListBox</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ListBox.html#clear()">clear</a></strong>()</code>
+<div class="block">Removes all items from a list box</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>void</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ListBox.html#controlEvent(controlP5.ControlEvent)">controlEvent</a></strong>(<a href="../controlP5/ControlEvent.html" title="class in controlP5">ControlEvent</a>&nbsp;theEvent)</code>
+<div class="block">controlEvent is called by controlP5's ControlBroadcaster to inform available listeners about
+ value changes.</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>void</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ListBox.html#endItems()">endItems</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/ListBoxItem.html" title="class in controlP5">ListBoxItem</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ListBox.html#getItem(controlP5.Controller)">getItem</a></strong>(<a href="../controlP5/Controller.html" title="class in controlP5">Controller</a>&lt;?&gt;&nbsp;theButton)</code>
+<div class="block">returns a ListBoxItem based on its Button reference.</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/ListBoxItem.html" title="class in controlP5">ListBoxItem</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ListBox.html#getItem(int)">getItem</a></strong>(int&nbsp;theIndex)</code>
+<div class="block">returns a listBoxItem by index from the list of items.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/ListBoxItem.html" title="class in controlP5">ListBoxItem</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ListBox.html#getItem(java.lang.String)">getItem</a></strong>(java.lang.String&nbsp;theItemName)</code>
+<div class="block">TODO faulty returns a listBoxItem by name.</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>java.lang.String[][]</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ListBox.html#getListBoxItems()">getListBoxItems</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>float</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ListBox.html#getScrollPosition()">getScrollPosition</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/ListBox.html" title="class in controlP5">ListBox</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ListBox.html#hideScrollbar()">hideScrollbar</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>boolean</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ListBox.html#isScrollable()">isScrollable</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>boolean</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ListBox.html#isScrollbarEnabled()">isScrollbarEnabled</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>void</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ListBox.html#keyEvent(processing.event.KeyEvent)">keyEvent</a></strong>(processing.event.KeyEvent&nbsp;theEvent)</code>
+<div class="block">Adding key support.</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/ListBox.html" title="class in controlP5">ListBox</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ListBox.html#removeItem(java.lang.String)">removeItem</a></strong>(java.lang.String&nbsp;theItemName)</code>
+<div class="block">Removes an item from the ListBox using the unique name of the item given when added to the
+ list.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/ListBox.html" title="class in controlP5">ListBox</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ListBox.html#scroll(float)">scroll</a></strong>(float&nbsp;theValue)</code>
+<div class="block">scroll the scrollList remotely.</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>void</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ListBox.html#scrolled(int)">scrolled</a></strong>(int&nbsp;theStep)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/ListBox.html" title="class in controlP5">ListBox</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ListBox.html#setColor(controlP5.CColor)">setColor</a></strong>(<a href="../controlP5/CColor.html" title="class in controlP5">CColor</a>&nbsp;theColor)</code></td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/ListBox.html" title="class in controlP5">ListBox</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ListBox.html#setColorActive(int)">setColorActive</a></strong>(int&nbsp;theColor)</code></td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/ListBox.html" title="class in controlP5">ListBox</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ListBox.html#setColorBackground(int)">setColorBackground</a></strong>(int&nbsp;theColor)</code></td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/ListBox.html" title="class in controlP5">ListBox</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ListBox.html#setColorForeground(int)">setColorForeground</a></strong>(int&nbsp;theColor)</code></td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/ListBox.html" title="class in controlP5">ListBox</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ListBox.html#setColorLabel(int)">setColorLabel</a></strong>(int&nbsp;theColor)</code></td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/ListBox.html" title="class in controlP5">ListBox</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ListBox.html#setColorValue(int)">setColorValue</a></strong>(int&nbsp;theColor)</code></td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/ListBox.html" title="class in controlP5">ListBox</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ListBox.html#setHeight(int)">setHeight</a></strong>(int&nbsp;theHeight)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/ListBox.html" title="class in controlP5">ListBox</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ListBox.html#setItemHeight(int)">setItemHeight</a></strong>(int&nbsp;theHeight)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/ListBox.html" title="class in controlP5">ListBox</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ListBox.html#setListBoxItems(java.lang.String[][])">setListBoxItems</a></strong>(java.lang.String[][]&nbsp;l)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/ListBox.html" title="class in controlP5">ListBox</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ListBox.html#setScrollbarVisible(boolean)">setScrollbarVisible</a></strong>(boolean&nbsp;theValue)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/ListBox.html" title="class in controlP5">ListBox</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ListBox.html#setScrollbarWidth(int)">setScrollbarWidth</a></strong>(int&nbsp;theWidth)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/ListBox.html" title="class in controlP5">ListBox</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ListBox.html#setSize(int, int)">setSize</a></strong>(int&nbsp;theWidth,
+       int&nbsp;theHeight)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/ListBox.html" title="class in controlP5">ListBox</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ListBox.html#setValue(float)">setValue</a></strong>(float&nbsp;theValue)</code></td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/ListBox.html" title="class in controlP5">ListBox</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ListBox.html#setWidth(int)">setWidth</a></strong>(int&nbsp;theWidth)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/ListBox.html" title="class in controlP5">ListBox</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ListBox.html#showScrollbar()">showScrollbar</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/ListBox.html" title="class in controlP5">ListBox</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ListBox.html#toUpperCase(boolean)">toUpperCase</a></strong>(boolean&nbsp;theFlag)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/ListBox.html" title="class in controlP5">ListBox</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ListBox.html#updateInternalEvents(processing.core.PApplet)">updateInternalEvents</a></strong>(processing.core.PApplet&nbsp;theApplet)</code>
+<div class="block">a method for putting input events like e.g.</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/ListBox.html" title="class in controlP5">ListBox</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ListBox.html#updateListBoxItems()">updateListBoxItems</a></strong>()</code>&nbsp;</td>
+</tr>
+</table>
+<ul class="blockList">
+<li class="blockList"><a name="methods_inherited_from_class_controlP5.ControlGroup">
+<!--   -->
+</a>
+<h3>Methods inherited from class&nbsp;controlP5.<a href="../controlP5/ControlGroup.html" title="class in controlP5">ControlGroup</a></h3>
+<code><a href="../controlP5/ControlGroup.html#activateEvent(boolean)">activateEvent</a>, <a href="../controlP5/ControlGroup.html#addListener(controlP5.ControlListener)">addListener</a>, <a href="../controlP5/ControlGroup.html#getBackgroundHeight()">getBackgroundHeight</a>, <a href="../controlP5/ControlGroup.html#getBarHeight()">getBarHeight</a>, <a href="../controlP5/ControlGroup.html#getInfo()">getInfo</a>, <a href="../controlP5/ControlGroup.html#listenerSize()">listenerSize</a>, <a href="../controlP5/ControlGroup.html#mousePressed()">mousePressed</a>, <a href="../controlP5/ControlGroup.html#removeListener(controlP5.ControlListener)">removeListener</a>, <a href="../controlP5/ControlGroup.html#setBackgroundColor(int)">setBackgroundColor</a>, <a href="../controlP5/ControlGroup.html#setBackgroundHeight(int)">setBackgroundHeight</a>, <a href="../controlP5/ControlGroup.html#setBarHeight(int)">setBarHeight</a>, <a href="../controlP5/ControlGroup.html#stringValue()">stringValue</a>, <a href="../controlP5/ControlGroup.html#toString()">toString</a></code></li>
+</ul>
+<ul class="blockList">
+<li class="blockList"><a name="methods_inherited_from_class_controlP5.ControllerGroup">
+<!--   -->
+</a>
+<h3>Methods inherited from class&nbsp;controlP5.<a href="../controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a></h3>
+<code><a href="../controlP5/ControllerGroup.html#absolutePosition()">absolutePosition</a>, <a href="../controlP5/ControllerGroup.html#add(controlP5.ControllerInterface)">add</a>, <a href="../controlP5/ControllerGroup.html#addCanvas(controlP5.Canvas)">addCanvas</a>, <a href="../controlP5/ControllerGroup.html#addCloseButton()">addCloseButton</a>, <a href="../controlP5/ControllerGroup.html#addDrawable(controlP5.CDrawable)">addDrawable</a>, <a href="../controlP5/ControllerGroup.html#arrayValue()">arrayValue</a>, <a href="../controlP5/ControllerGroup.html#bringToFront()">bringToFront</a>, <a href="../controlP5/ControllerGroup.html#bringToFront(controlP5.ControllerInterface)">bringToFront</a>, <a href="../controlP5/ControllerGroup.html#close()">close</a>, <a href="../controlP5/ControllerGroup.html#color()">color</a>, <a href="../controlP5/ControllerGroup.html#continuousUpdateEvents()">continuousUpdateEvents</a>, <a href="../controlP5/ControllerGroup.html#controller(java.lang.String)">controller</a>, <a href="../controlP5/ControllerGroup.html#disableCollapse()">disableCollapse</a>, <a href="../controlP5/ControllerGroup.html#draw(processing.core.PGraphics)">draw</a>, <a href="../controlP5/ControllerGroup.html#enableCollapse()">enableCollapse</a>, <a href="../controlP5/ControllerGroup.html#getAbsolutePosition()">getAbsolutePosition</a>, <a href="../controlP5/ControllerGroup.html#getAddress()">getAddress</a>, <a href="../controlP5/ControllerGroup.html#getArrayValue()">getArrayValue</a>, <a href="../controlP5/ControllerGroup.html#getArrayValue(int)">getArrayValue</a>, <a href="../controlP5/ControllerGroup.html#getCaptionLabel()">getCaptionLabel</a>, <a href="../controlP5/ControllerGroup.html#getColor()">getColor</a>, <a href="../controlP5/ControllerGroup.html#getController(java.lang.String)">getController</a>, <a href="../controlP5/ControllerGroup.html#getHeight()">getHeight</a>, <a href="../controlP5/ControllerGroup.html#getId()">getId</a>, <a href="../controlP5/ControllerGroup.html#getName()">getName</a>, <a href="../controlP5/ControllerGroup.html#getParent()">getParent</a>, <a href="../controlP5/ControllerGroup.html#getPickingColor()">getPickingColor</a>, <a href="../controlP5/ControllerGroup.html#getPosition()">getPosition</a>, <a href="../controlP5/ControllerGroup.html#getProperty(java.lang.String)">getProperty</a>, <a href="../controlP5/ControllerGroup.html#getProperty(java.lang.String, java.lang.String)">getProperty</a>, <a href="../controlP5/ControllerGroup.html#getStringValue()">getStringValue</a>, <a href="../controlP5/ControllerGroup.html#getTab()">getTab</a>, <a href="../controlP5/ControllerGroup.html#getValue()">getValue</a>, <a href="../controlP5/ControllerGroup.html#getValueLabel()">getValueLabel</a>, <a href="../controlP5/ControllerGroup.html#getWidth()">getWidth</a>, <a href="../controlP5/ControllerGroup.html#getWindow()">getWindow</a>, <a href="../controlP5/ControllerGroup.html#hide()">hide</a>, <a href="../controlP5/ControllerGroup.html#hideArrow()">hideArrow</a>, <a href="../controlP5/ControllerGroup.html#hideBar()">hideBar</a>, <a href="../controlP5/ControllerGroup.html#id()">id</a>, <a href="../controlP5/ControllerGroup.html#init()">init</a>, <a href="../controlP5/ControllerGroup.html#isBarVisible()">isBarVisible</a>, <a href="../controlP5/ControllerGroup.html#isCollapse()">isCollapse</a>, <a href="../controlP5/ControllerGroup.html#isMouseOver()">isMouseOver</a>, <a href="../controlP5/ControllerGroup.html#isMoveable()">isMoveable</a>, <a href="../controlP5/ControllerGroup.html#isOpen()">isOpen</a>, <a href="../controlP5/ControllerGroup.html#isUpdate()">isUpdate</a>, <a href="../controlP5/ControllerGroup.html#isVisible()">isVisible</a>, <a href="../controlP5/ControllerGroup.html#moveTo(controlP5.ControllerGroup)">moveTo</a>, <a href="../controlP5/ControllerGroup.html#moveTo(controlP5.ControllerGroup, controlP5.Tab, controlP5.ControlWindow)">moveTo</a>, <a href="../controlP5/ControllerGroup.html#moveTo(controlP5.ControlWindow)">moveTo</a>, <a href="../controlP5/ControllerGroup.html#moveTo(controlP5.ControlWindow, java.lang.String)">moveTo</a>, <a href="../controlP5/ControllerGroup.html#moveTo(processing.core.PApplet)">moveTo</a>, <a href="../controlP5/ControllerGroup.html#moveTo(java.lang.String)">moveTo</a>, <a href="../controlP5/ControllerGroup.html#moveTo(java.lang.String, controlP5.ControlWindow)">moveTo</a>, <a href="../controlP5/ControllerGroup.html#moveTo(controlP5.Tab)">moveTo</a>, <a href="../controlP5/ControllerGroup.html#moveTo(controlP5.Tab, controlP5.ControlWindow)">moveTo</a>, <a href="../controlP5/ControllerGroup.html#name()">name</a>, <a href="../controlP5/ControllerGroup.html#open()">open</a>, <a href="../controlP5/ControllerGroup.html#parent()">parent</a>, <a href="../controlP5/ControllerGroup.html#position()">position</a>, <a href="../controlP5/ControllerGroup.html#registerProperty(java.lang.String)">registerProperty</a>, <a href="../controlP5/ControllerGroup.html#registerProperty(java.lang.String, java.lang.String)">registerProperty</a>, <a href="../controlP5/ControllerGroup.html#remove()">remove</a>, <a href="../controlP5/ControllerGroup.html#remove(controlP5.CDrawable)">remove</a>, <a href="../controlP5/ControllerGroup.html#remove(controlP5.ControllerInterface)">remove</a>, <a href="../controlP5/ControllerGroup.html#removeCanvas(controlP5.Canvas)">removeCanvas</a>, <a href="../controlP5/ControllerGroup.html#removeCloseButton()">removeCloseButton</a>, <a href="../controlP5/ControllerGroup.html#removeProperty(java.lang.String)">removeProperty</a>, <a href="../controlP5/ControllerGroup.html#removeProperty(java.lang.String, java.lang.String)">removeProperty</a>, <a href="../controlP5/ControllerGroup.html#setAbsolutePosition(processing.core.PVector)">setAbsolutePosition</a>, <a href="../controlP5/ControllerGroup.html#setAddress(java.lang.String)">setAddress</a>, <a href="../controlP5/ControllerGroup.html#setArrayValue(float[])">setArrayValue</a>, <a href="../controlP5/ControllerGroup.html#setArrayValue(int, float)">setArrayValue</a>, <a href="../controlP5/ControllerGroup.html#setCaptionLabel(java.lang.String)">setCaptionLabel</a>, <a href="../controlP5/ControllerGroup.html#setGroup(controlP5.ControllerGroup)">setGroup</a>, <a href="../controlP5/ControllerGroup.html#setGroup(java.lang.String)">setGroup</a>, <a href="../controlP5/ControllerGroup.html#setId(int)">setId</a>, <a href="../controlP5/ControllerGroup.html#setLabel(java.lang.String)">setLabel</a>, <a href="../controlP5/ControllerGroup.html#setMouseOver(boolean)">setMouseOver</a>, <a href="../controlP5/ControllerGroup.html#setMousePressed(boolean)">setMousePressed</a>, <a href="../controlP5/ControllerGroup.html#setMoveable(boolean)">setMoveable</a>, <a href="../controlP5/ControllerGroup.html#setOpen(boolean)">setOpen</a>, <a href="../controlP5/ControllerGroup.html#setPosition(float, float)">setPosition</a>, <a href="../controlP5/ControllerGroup.html#setPosition(processing.core.PVector)">setPosition</a>, <a href="../controlP5/ControllerGroup.html#setStringValue(java.lang.String)">setStringValue</a>, <a href="../controlP5/ControllerGroup.html#setTab(controlP5.ControlWindow, java.lang.String)">setTab</a>, <a href="../controlP5/ControllerGroup.html#setTab(java.lang.String)">setTab</a>, <a href="../controlP5/ControllerGroup.html#setTab(controlP5.Tab)">setTab</a>, <a href="../controlP5/ControllerGroup.html#setTitle(java.lang.String)">setTitle</a>, <a href="../controlP5/ControllerGroup.html#setUpdate(boolean)">setUpdate</a>, <a href="../controlP5/ControllerGroup.html#setVisible(boolean)">setVisible</a>, <a href="../controlP5/ControllerGroup.html#show()">show</a>, <a href="../controlP5/ControllerGroup.html#showArrow()">showArrow</a>, <a href="../controlP5/ControllerGroup.html#showBar()">showBar</a>, <a href="../controlP5/ControllerGroup.html#update()">update</a>, <a href="../controlP5/ControllerGroup.html#updateAbsolutePosition()">updateAbsolutePosition</a>, <a href="../controlP5/ControllerGroup.html#updateEvents()">updateEvents</a>, <a href="../controlP5/ControllerGroup.html#value()">value</a></code></li>
+</ul>
+<ul class="blockList">
+<li class="blockList"><a name="methods_inherited_from_class_java.lang.Object">
+<!--   -->
+</a>
+<h3>Methods inherited from class&nbsp;java.lang.Object</h3>
+<code>equals, getClass, hashCode, notify, notifyAll, wait, wait, wait</code></li>
+</ul>
+</li>
+</ul>
+</li>
+</ul>
+</div>
+<div class="details">
+<ul class="blockList">
+<li class="blockList">
+<!-- ========= CONSTRUCTOR DETAIL ======== -->
+<ul class="blockList">
+<li class="blockList"><a name="constructor_detail">
+<!--   -->
+</a>
+<h3>Constructor Detail</h3>
+<a name="ListBox(controlP5.ControlP5, java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockListLast">
+<li class="blockList">
+<h4>ListBox</h4>
+<pre>public&nbsp;ListBox(<a href="../controlP5/ControlP5.html" title="class in controlP5">ControlP5</a>&nbsp;theControlP5,
+       java.lang.String&nbsp;theName)</pre>
+<div class="block">Convenience constructor to extend ListBox.</div>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theControlP5</code> - </dd><dd><code>theName</code> - </dd><script type="text/javascript">
+<!--
+document.getElementsByTagName('html')[0].className = 'isjs';function toggle(dt) { var display, dd=dt; do{ dd = dd.nextSibling } while(dd.tagName!='DD'); toOpen =!dd.style.display;dd.style.display = toOpen? 'block':''; dt.getElementsByTagName('span')[0].innerHTML  = toOpen? '-':'+' ; }
+-->
+</script>
+<div id="test" class="toggleList"><dl><dt onclick="toggle(this);"><span>+</span>Example</dt><dd><code><pre>/**
+ * ControlP5 extending Controllers
+ *
+ * the following example shows how to extend the Controller class to 
+ * create customizable Controllers. You can either extend the Controller class itself,
+ * or any class that extends Controller itself like the Slider, Button, DropdownList, etc. 
+ * 
+ * How to:
+ *
+ * 1) do a super call to the convenience constructor requiring 
+ * 2 parameter (ControlP5 instance, name)  
+ *
+ * 2) the Controller class has a set of empty methods that allow you to capture
+ * inputs from the mouse including 
+ * onEnter(), onLeave(), onPress(), onRelease(), onClick(), onScroll(int), onDrag()
+ * These you can override and include functionality as needed.
+ *
+ * 3) use method getPointer() to return the local (relative) 
+ * xy-coordinates of the controller
+ *  
+ * 4) after instantiation custom controllers are treated the same 
+ * as default controlP5 controllers.
+ *  
+ * by Andreas Schlegel, 2012
+ * www.sojamo.de/libraries/controlp5
+ *
+ */
+
+import controlP5.*;
+
+ControlP5 cp5;
+PApplet p;
+
+void setup() {
+  size(400, 400);
+  cp5 = new ControlP5(this);
+  
+  // create 2 groups to show nesting of custom controllers and
+  //   
+  Group g1 = cp5.addGroup("a").setPosition(0,100).setWidth(180);
+  Group g2 = cp5.addGroup("b").setPosition(0,10).setWidth(180);
+  g2.moveTo(g1);
+  
+  // create 2 custom Controllers from class MyButton
+  // MyButton extends Controller and inherits all methods accordingly.
+  new MyButton(cp5, "b1").setPosition(0, 0).setSize(180, 200).moveTo(g2);
+  new MyButton(cp5, "b2").setPosition(205, 15).setSize(180, 200);
+  
+}
+
+
+void draw() {
+  background(0);
+}
+
+// b1 will be called from Controller b1
+public void b1(float theValue) {
+  println("yay button "+theValue);
+}
+
+public void controlEvent(ControlEvent theEvent) {
+  println("controlEvent : "+theEvent);
+}
+
+
+// Create a custom Controller, please not that 
+// MyButton extends Controller<MyButton>, <MyButton>
+// is an indicator for the super class about the type of 
+// custom controller to be created.
+
+class MyButton extends Controller<MyButton> {
+
+  int current = 0xffff0000;
+
+  float a = 128;
+  
+  float na;
+  
+  int y;
+  
+  // use the convenience constructor of super class Controller
+  // MyButton will automatically registered and move to the 
+  // default controlP5 tab.
+  
+  MyButton(ControlP5 cp5, String theName) {
+    super(cp5, theName);
+    
+    // replace the default view with a custom view.
+    setView(new ControllerView() {
+      public void display(PApplet p, Object b) {
+        // draw button background
+        na += (a-na) * 0.1; 
+        p.fill(current,na);
+        p.rect(0, 0, getWidth(), getHeight());
+        
+        // draw horizontal line which can be moved on the x-axis 
+        // using the scroll wheel. 
+        p.fill(0,255,0);
+        p.rect(0,y,width,10);
+        
+        // draw the custom label 
+        p.fill(128);
+        translate(0,getHeight()+14);
+        p.text(getName(),0,0);
+        p.text(getName(),0,0);
+        
+      }
+    }
+    );
+  }
+
+  // override various input methods for mouse input control
+  void onEnter() {
+    cursor(HAND);
+    println("enter");
+    a = 255;
+  }
+  
+  void onScroll(int n) {
+    println("scrolling");
+    y -= n;
+    y = constrain(y,0,getHeight()-10);
+  }
+  
+  void onPress() {
+    println("press");
+    current = 0xffffff00;
+  }
+  
+  void onClick() {
+    Pointer p1 = getPointer();
+    println("clicked at "+p1.x()+", "+p1.y());
+    current = 0xffffff00;
+    setValue(y);
+  }
+
+  void onRelease() {
+    println("release");
+    current = 0xffffffff;
+  }
+  
+  void onMove() {
+    println("moving "+this+" "+_myControlWindow.getMouseOverList());
+  }
+
+  void onDrag() {
+    current = 0xff0000ff;
+    Pointer p1 = getPointer();
+    float dif = dist(p1.px(),p1.py(),p1.x(),p1.y());
+    println("dragging at "+p1.x()+", "+p1.y()+" "+dif);
+  }
+  
+  void onReleaseOutside() {
+    onLeave();
+  }
+
+  void onLeave() {
+    println("leave");
+    cursor(ARROW);
+    a = 128;
+  }
+}
+
+</pre></code></dd></dl></div></dl>
+</li>
+</ul>
+</li>
+</ul>
+<!-- ============ METHOD DETAIL ========== -->
+<ul class="blockList">
+<li class="blockList"><a name="method_detail">
+<!--   -->
+</a>
+<h3>Method Detail</h3>
+<a name="actAsPulldownMenu(boolean)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>actAsPulldownMenu</h4>
+<pre>public&nbsp;<a href="../controlP5/ListBox.html" title="class in controlP5">ListBox</a>&nbsp;actAsPulldownMenu(boolean&nbsp;theValue)</pre>
+<div class="block">Enables a ListBox to act as a pulldown menu. Alternatively use class PulldownMenu instead.</div>
+</li>
+</ul>
+<a name="addItem(java.lang.String, int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>addItem</h4>
+<pre>public&nbsp;<a href="../controlP5/ListBoxItem.html" title="class in controlP5">ListBoxItem</a>&nbsp;addItem(java.lang.String&nbsp;theName,
+                  int&nbsp;theValue)</pre>
+<div class="block">Adds an item to the ListBox.</div>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theName</code> - String</dd><dd><code>theValue</code> - int</dd><dt><span class="strong">See Also:</span></dt><dd><code>controlP5.ListBox#removeItem(String,int)</code></dd></dl>
+</li>
+</ul>
+<a name="addItems(java.util.List)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>addItems</h4>
+<pre>public&nbsp;<a href="../controlP5/ListBox.html" title="class in controlP5">ListBox</a>&nbsp;addItems(java.util.List&lt;?&gt;&nbsp;theItems)</pre>
+</li>
+</ul>
+<a name="addItems(java.util.List, int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>addItems</h4>
+<pre>public&nbsp;<a href="../controlP5/ListBox.html" title="class in controlP5">ListBox</a>&nbsp;addItems(java.util.List&lt;?&gt;&nbsp;theItems,
+               int&nbsp;theOffset)</pre>
+</li>
+</ul>
+<a name="addItems(java.lang.String[])">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>addItems</h4>
+<pre>public&nbsp;<a href="../controlP5/ListBox.html" title="class in controlP5">ListBox</a>&nbsp;addItems(java.lang.String[]&nbsp;theItems)</pre>
+<div class="block">adds a list of items from a string array. when iterating through the array, the index of each
+ item will be used as value.</div>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theItems</code> - </dd></dl>
+</li>
+</ul>
+<a name="beginItems()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>beginItems</h4>
+<pre>public&nbsp;void&nbsp;beginItems()</pre>
+</li>
+</ul>
+<a name="clear()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>clear</h4>
+<pre>public&nbsp;<a href="../controlP5/ListBox.html" title="class in controlP5">ListBox</a>&nbsp;clear()</pre>
+<div class="block">Removes all items from a list box</div>
+</li>
+</ul>
+<a name="controlEvent(controlP5.ControlEvent)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>controlEvent</h4>
+<pre>public&nbsp;void&nbsp;controlEvent(<a href="../controlP5/ControlEvent.html" title="class in controlP5">ControlEvent</a>&nbsp;theEvent)</pre>
+<div class="block"><strong>Description copied from interface:&nbsp;<code><a href="../controlP5/ControlListener.html#controlEvent(controlP5.ControlEvent)">ControlListener</a></code></strong></div>
+<div class="block">controlEvent is called by controlP5's ControlBroadcaster to inform available listeners about
+ value changes. Use the CallbackListener to get informed when actions such as pressed,
+ release, drag, etc are performed.</div>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControlListener.html#controlEvent(controlP5.ControlEvent)">controlEvent</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControlListener.html" title="interface in controlP5">ControlListener</a></code></dd>
+<dt><strong>Overrides:</strong></dt>
+<dd><code><a href="../controlP5/ControlGroup.html#controlEvent(controlP5.ControlEvent)">controlEvent</a></code>&nbsp;in class&nbsp;<code><a href="../controlP5/ControlGroup.html" title="class in controlP5">ControlGroup</a>&lt;<a href="../controlP5/ListBox.html" title="class in controlP5">ListBox</a>&gt;</code></dd>
+<dt><span class="strong">Parameters:</span></dt><dd><code>theEvent</code> - ControlEvent</dd><dt><span class="strong">See Also:</span></dt><dd><a href="../controlP5/CallbackListener.html" title="interface in controlP5"><code>CallbackListener</code></a>, 
+<a href="../controlP5/CallbackEvent.html" title="class in controlP5"><code>CallbackEvent</code></a></dd></dl>
+</li>
+</ul>
+<a name="endItems()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>endItems</h4>
+<pre>public&nbsp;void&nbsp;endItems()</pre>
+</li>
+</ul>
+<a name="getItem(controlP5.Controller)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getItem</h4>
+<pre>public&nbsp;<a href="../controlP5/ListBoxItem.html" title="class in controlP5">ListBoxItem</a>&nbsp;getItem(<a href="../controlP5/Controller.html" title="class in controlP5">Controller</a>&lt;?&gt;&nbsp;theButton)</pre>
+<div class="block">returns a ListBoxItem based on its Button reference.</div>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theButton</code> - </dd>
+<dt><span class="strong">Returns:</span></dt><dd></dd></dl>
+</li>
+</ul>
+<a name="getItem(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getItem</h4>
+<pre>public&nbsp;<a href="../controlP5/ListBoxItem.html" title="class in controlP5">ListBoxItem</a>&nbsp;getItem(int&nbsp;theIndex)</pre>
+<div class="block">returns a listBoxItem by index from the list of items.</div>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theIndex</code> - </dd>
+<dt><span class="strong">Returns:</span></dt><dd></dd></dl>
+</li>
+</ul>
+<a name="getItem(java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getItem</h4>
+<pre>public&nbsp;<a href="../controlP5/ListBoxItem.html" title="class in controlP5">ListBoxItem</a>&nbsp;getItem(java.lang.String&nbsp;theItemName)</pre>
+<div class="block">TODO faulty returns a listBoxItem by name.</div>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theItemName</code> - </dd>
+<dt><span class="strong">Returns:</span></dt><dd></dd></dl>
+</li>
+</ul>
+<a name="getListBoxItems()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getListBoxItems</h4>
+<pre>public&nbsp;java.lang.String[][]&nbsp;getListBoxItems()</pre>
+</li>
+</ul>
+<a name="getScrollPosition()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getScrollPosition</h4>
+<pre>public&nbsp;float&nbsp;getScrollPosition()</pre>
+</li>
+</ul>
+<a name="hideScrollbar()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>hideScrollbar</h4>
+<pre>public&nbsp;<a href="../controlP5/ListBox.html" title="class in controlP5">ListBox</a>&nbsp;hideScrollbar()</pre>
+</li>
+</ul>
+<a name="isScrollable()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>isScrollable</h4>
+<pre>public&nbsp;boolean&nbsp;isScrollable()</pre>
+</li>
+</ul>
+<a name="isScrollbarEnabled()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>isScrollbarEnabled</h4>
+<pre>public&nbsp;boolean&nbsp;isScrollbarEnabled()</pre>
+</li>
+</ul>
+<a name="keyEvent(processing.event.KeyEvent)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>keyEvent</h4>
+<pre>public&nbsp;void&nbsp;keyEvent(processing.event.KeyEvent&nbsp;theEvent)</pre>
+<div class="block">Adding key support. up and down arrows can be used to scroll listbox or dropdownList,up and
+ down, use shift+up/down for faster scrolling, use alt+up/down to jump to the top or bottom.</div>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerInterface.html#keyEvent(processing.event.KeyEvent)">keyEvent</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/ListBox.html" title="class in controlP5">ListBox</a>&gt;</code></dd>
+<dt><strong>Overrides:</strong></dt>
+<dd><code><a href="../controlP5/ControllerGroup.html#keyEvent(processing.event.KeyEvent)">keyEvent</a></code>&nbsp;in class&nbsp;<code><a href="../controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a>&lt;<a href="../controlP5/ListBox.html" title="class in controlP5">ListBox</a>&gt;</code></dd>
+<dt><span class="strong">Parameters:</span></dt><dd><code>theEvent</code> - KeyEvent</dd></dl>
+</li>
+</ul>
+<a name="removeItem(java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>removeItem</h4>
+<pre>public&nbsp;<a href="../controlP5/ListBox.html" title="class in controlP5">ListBox</a>&nbsp;removeItem(java.lang.String&nbsp;theItemName)</pre>
+<div class="block">Removes an item from the ListBox using the unique name of the item given when added to the
+ list.</div>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theItemName</code> - String</dd><dt><span class="strong">See Also:</span></dt><dd><a href="../controlP5/ListBox.html#addItem(java.lang.String, int)"><code>addItem(String,int)</code></a></dd></dl>
+</li>
+</ul>
+<a name="scroll(float)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>scroll</h4>
+<pre>public&nbsp;<a href="../controlP5/ListBox.html" title="class in controlP5">ListBox</a>&nbsp;scroll(float&nbsp;theValue)</pre>
+<div class="block">scroll the scrollList remotely. values must range between 0 and 1.</div>
+</li>
+</ul>
+<a name="scrolled(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>scrolled</h4>
+<pre>public&nbsp;void&nbsp;scrolled(int&nbsp;theStep)</pre>
+</li>
+</ul>
+<a name="setColor(controlP5.CColor)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setColor</h4>
+<pre>public&nbsp;<a href="../controlP5/ListBox.html" title="class in controlP5">ListBox</a>&nbsp;setColor(<a href="../controlP5/CColor.html" title="class in controlP5">CColor</a>&nbsp;theColor)</pre>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerInterface.html#setColor(controlP5.CColor)">setColor</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/ListBox.html" title="class in controlP5">ListBox</a>&gt;</code></dd>
+<dt><strong>Overrides:</strong></dt>
+<dd><code><a href="../controlP5/ControllerGroup.html#setColor(controlP5.CColor)">setColor</a></code>&nbsp;in class&nbsp;<code><a href="../controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a>&lt;<a href="../controlP5/ListBox.html" title="class in controlP5">ListBox</a>&gt;</code></dd>
+</dl>
+</li>
+</ul>
+<a name="setColorActive(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setColorActive</h4>
+<pre>public&nbsp;<a href="../controlP5/ListBox.html" title="class in controlP5">ListBox</a>&nbsp;setColorActive(int&nbsp;theColor)</pre>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerInterface.html#setColorActive(int)">setColorActive</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/ListBox.html" title="class in controlP5">ListBox</a>&gt;</code></dd>
+<dt><strong>Overrides:</strong></dt>
+<dd><code><a href="../controlP5/ControllerGroup.html#setColorActive(int)">setColorActive</a></code>&nbsp;in class&nbsp;<code><a href="../controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a>&lt;<a href="../controlP5/ListBox.html" title="class in controlP5">ListBox</a>&gt;</code></dd>
+</dl>
+</li>
+</ul>
+<a name="setColorBackground(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setColorBackground</h4>
+<pre>public&nbsp;<a href="../controlP5/ListBox.html" title="class in controlP5">ListBox</a>&nbsp;setColorBackground(int&nbsp;theColor)</pre>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerInterface.html#setColorBackground(int)">setColorBackground</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/ListBox.html" title="class in controlP5">ListBox</a>&gt;</code></dd>
+<dt><strong>Overrides:</strong></dt>
+<dd><code><a href="../controlP5/ControllerGroup.html#setColorBackground(int)">setColorBackground</a></code>&nbsp;in class&nbsp;<code><a href="../controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a>&lt;<a href="../controlP5/ListBox.html" title="class in controlP5">ListBox</a>&gt;</code></dd>
+</dl>
+</li>
+</ul>
+<a name="setColorForeground(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setColorForeground</h4>
+<pre>public&nbsp;<a href="../controlP5/ListBox.html" title="class in controlP5">ListBox</a>&nbsp;setColorForeground(int&nbsp;theColor)</pre>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerInterface.html#setColorForeground(int)">setColorForeground</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/ListBox.html" title="class in controlP5">ListBox</a>&gt;</code></dd>
+<dt><strong>Overrides:</strong></dt>
+<dd><code><a href="../controlP5/ControllerGroup.html#setColorForeground(int)">setColorForeground</a></code>&nbsp;in class&nbsp;<code><a href="../controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a>&lt;<a href="../controlP5/ListBox.html" title="class in controlP5">ListBox</a>&gt;</code></dd>
+</dl>
+</li>
+</ul>
+<a name="setColorLabel(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setColorLabel</h4>
+<pre>public&nbsp;<a href="../controlP5/ListBox.html" title="class in controlP5">ListBox</a>&nbsp;setColorLabel(int&nbsp;theColor)</pre>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerInterface.html#setColorLabel(int)">setColorLabel</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/ListBox.html" title="class in controlP5">ListBox</a>&gt;</code></dd>
+<dt><strong>Overrides:</strong></dt>
+<dd><code><a href="../controlP5/ControllerGroup.html#setColorLabel(int)">setColorLabel</a></code>&nbsp;in class&nbsp;<code><a href="../controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a>&lt;<a href="../controlP5/ListBox.html" title="class in controlP5">ListBox</a>&gt;</code></dd>
+</dl>
+</li>
+</ul>
+<a name="setColorValue(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setColorValue</h4>
+<pre>public&nbsp;<a href="../controlP5/ListBox.html" title="class in controlP5">ListBox</a>&nbsp;setColorValue(int&nbsp;theColor)</pre>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerInterface.html#setColorValue(int)">setColorValue</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/ListBox.html" title="class in controlP5">ListBox</a>&gt;</code></dd>
+<dt><strong>Overrides:</strong></dt>
+<dd><code><a href="../controlP5/ControllerGroup.html#setColorValue(int)">setColorValue</a></code>&nbsp;in class&nbsp;<code><a href="../controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a>&lt;<a href="../controlP5/ListBox.html" title="class in controlP5">ListBox</a>&gt;</code></dd>
+</dl>
+</li>
+</ul>
+<a name="setHeight(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setHeight</h4>
+<pre>public&nbsp;<a href="../controlP5/ListBox.html" title="class in controlP5">ListBox</a>&nbsp;setHeight(int&nbsp;theHeight)</pre>
+<dl>
+<dt><strong>Overrides:</strong></dt>
+<dd><code><a href="../controlP5/ControllerGroup.html#setHeight(int)">setHeight</a></code>&nbsp;in class&nbsp;<code><a href="../controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a>&lt;<a href="../controlP5/ListBox.html" title="class in controlP5">ListBox</a>&gt;</code></dd>
+<dt><span class="strong">Returns:</span></dt><dd>ControllerGroup</dd></dl>
+</li>
+</ul>
+<a name="setItemHeight(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setItemHeight</h4>
+<pre>public&nbsp;<a href="../controlP5/ListBox.html" title="class in controlP5">ListBox</a>&nbsp;setItemHeight(int&nbsp;theHeight)</pre>
+</li>
+</ul>
+<a name="setListBoxItems(java.lang.String[][])">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setListBoxItems</h4>
+<pre>public&nbsp;<a href="../controlP5/ListBox.html" title="class in controlP5">ListBox</a>&nbsp;setListBoxItems(java.lang.String[][]&nbsp;l)</pre>
+</li>
+</ul>
+<a name="setScrollbarVisible(boolean)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setScrollbarVisible</h4>
+<pre>public&nbsp;<a href="../controlP5/ListBox.html" title="class in controlP5">ListBox</a>&nbsp;setScrollbarVisible(boolean&nbsp;theValue)</pre>
+</li>
+</ul>
+<a name="setScrollbarWidth(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setScrollbarWidth</h4>
+<pre>public&nbsp;<a href="../controlP5/ListBox.html" title="class in controlP5">ListBox</a>&nbsp;setScrollbarWidth(int&nbsp;theWidth)</pre>
+</li>
+</ul>
+<a name="setSize(int, int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setSize</h4>
+<pre>public&nbsp;<a href="../controlP5/ListBox.html" title="class in controlP5">ListBox</a>&nbsp;setSize(int&nbsp;theWidth,
+              int&nbsp;theHeight)</pre>
+<dl>
+<dt><strong>Overrides:</strong></dt>
+<dd><code><a href="../controlP5/ControlGroup.html#setSize(int, int)">setSize</a></code>&nbsp;in class&nbsp;<code><a href="../controlP5/ControlGroup.html" title="class in controlP5">ControlGroup</a>&lt;<a href="../controlP5/ListBox.html" title="class in controlP5">ListBox</a>&gt;</code></dd>
+</dl>
+</li>
+</ul>
+<a name="setValue(float)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setValue</h4>
+<pre>public&nbsp;<a href="../controlP5/ListBox.html" title="class in controlP5">ListBox</a>&nbsp;setValue(float&nbsp;theValue)</pre>
+<div class="block"><strong>Description copied from class:&nbsp;<code><a href="../controlP5/ControllerGroup.html#setValue(float)">ControllerGroup</a></code></strong></div>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerInterface.html#setValue(float)">setValue</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/ListBox.html" title="class in controlP5">ListBox</a>&gt;</code></dd>
+<dt><strong>Overrides:</strong></dt>
+<dd><code><a href="../controlP5/ControllerGroup.html#setValue(float)">setValue</a></code>&nbsp;in class&nbsp;<code><a href="../controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a>&lt;<a href="../controlP5/ListBox.html" title="class in controlP5">ListBox</a>&gt;</code></dd>
+</dl>
+</li>
+</ul>
+<a name="setWidth(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setWidth</h4>
+<pre>public&nbsp;<a href="../controlP5/ListBox.html" title="class in controlP5">ListBox</a>&nbsp;setWidth(int&nbsp;theWidth)</pre>
+<dl>
+<dt><strong>Overrides:</strong></dt>
+<dd><code><a href="../controlP5/ControllerGroup.html#setWidth(int)">setWidth</a></code>&nbsp;in class&nbsp;<code><a href="../controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a>&lt;<a href="../controlP5/ListBox.html" title="class in controlP5">ListBox</a>&gt;</code></dd>
+<dt><span class="strong">Returns:</span></dt><dd>ControllerGroup</dd></dl>
+</li>
+</ul>
+<a name="showScrollbar()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>showScrollbar</h4>
+<pre>public&nbsp;<a href="../controlP5/ListBox.html" title="class in controlP5">ListBox</a>&nbsp;showScrollbar()</pre>
+</li>
+</ul>
+<a name="toUpperCase(boolean)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>toUpperCase</h4>
+<pre>public&nbsp;<a href="../controlP5/ListBox.html" title="class in controlP5">ListBox</a>&nbsp;toUpperCase(boolean&nbsp;theFlag)</pre>
+</li>
+</ul>
+<a name="updateInternalEvents(processing.core.PApplet)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>updateInternalEvents</h4>
+<pre>public&nbsp;<a href="../controlP5/ListBox.html" title="class in controlP5">ListBox</a>&nbsp;updateInternalEvents(processing.core.PApplet&nbsp;theApplet)</pre>
+<div class="block"><strong>Description copied from interface:&nbsp;<code><a href="../controlP5/ControllerInterface.html#updateInternalEvents(processing.core.PApplet)">ControllerInterface</a></code></strong></div>
+<div class="block">a method for putting input events like e.g. mouse or keyboard events and queries. this has
+ been taken out of the draw method for better overwriting capability.</div>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerInterface.html#updateInternalEvents(processing.core.PApplet)">updateInternalEvents</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/ListBox.html" title="class in controlP5">ListBox</a>&gt;</code></dd>
+<dt><strong>Overrides:</strong></dt>
+<dd><code><a href="../controlP5/ControlGroup.html#updateInternalEvents(processing.core.PApplet)">updateInternalEvents</a></code>&nbsp;in class&nbsp;<code><a href="../controlP5/ControlGroup.html" title="class in controlP5">ControlGroup</a>&lt;<a href="../controlP5/ListBox.html" title="class in controlP5">ListBox</a>&gt;</code></dd>
+</dl>
+</li>
+</ul>
+<a name="updateListBoxItems()">
+<!--   -->
+</a>
+<ul class="blockListLast">
+<li class="blockList">
+<h4>updateListBoxItems</h4>
+<pre>public&nbsp;<a href="../controlP5/ListBox.html" title="class in controlP5">ListBox</a>&nbsp;updateListBoxItems()</pre>
+</li>
+</ul>
+</li>
+</ul>
+</li>
+</ul>
+</div>
+</div>
+<!-- ========= END OF CLASS DATA ========= -->
+<!-- ======= START OF BOTTOM NAVBAR ====== -->
+<div class="bottomNav"><a name="navbar_bottom">
+<!--   -->
+</a><a href="#skip-navbar_bottom" title="Skip navigation links"></a><a name="navbar_bottom_firstrow">
+<!--   -->
+</a>
+<ul class="navList" title="Navigation">
+<li><a href="../controlP5/package-summary.html">Package</a></li>
+<li class="navBarCell1Rev">Class</li>
+<li><a href="package-tree.html">Tree</a></li>
+<li><a href="../index-all.html">Index</a></li>
+<li><a href="../help-doc.html">Help</a></li>
+</ul>
+</div>
+<div class="subNav">
+<ul class="navList">
+<li><a href="../controlP5/Label.html" title="class in controlP5"><span class="strong">Prev Class</span></a></li>
+<li><a href="../controlP5/ListBoxItem.html" title="class in controlP5"><span class="strong">Next Class</span></a></li>
+</ul>
+<ul class="navList">
+<li><a href="../index.html?controlP5/ListBox.html" target="_top">Frames</a></li>
+<li><a href="ListBox.html" target="_top">No Frames</a></li>
+</ul>
+<ul class="navList" id="allclasses_navbar_bottom">
+<li><a href="../allclasses-noframe.html">All Classes</a></li>
+</ul>
+<div>
+<script type="text/javascript"><!--
+  allClassesLink = document.getElementById("allclasses_navbar_bottom");
+  if(window==top) {
+    allClassesLink.style.display = "block";
+  }
+  else {
+    allClassesLink.style.display = "none";
+  }
+  //-->
+</script>
+</div>
+<div>
+<ul class="subNavList">
+<li>Summary:&nbsp;</li>
+<li>Nested&nbsp;|&nbsp;</li>
+<li>Field&nbsp;|&nbsp;</li>
+<li><a href="#constructor_summary">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_summary">Method</a></li>
+</ul>
+<ul class="subNavList">
+<li>Detail:&nbsp;</li>
+<li>Field&nbsp;|&nbsp;</li>
+<li><a href="#constructor_detail">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_detail">Method</a></li>
+</ul>
+</div>
+<a name="skip-navbar_bottom">
+<!--   -->
+</a></div>
+<!-- ======== END OF BOTTOM NAVBAR ======= -->
+<p class="legalCopy"><small>processing library controlP5 by Andreas Schlegel. (c) 2006-2014</small></p>
+</body>
+</html>
diff --git a/reference/controlP5/ListBoxItem.html b/reference/controlP5/ListBoxItem.html
new file mode 100644
index 0000000..f6dc0b4
--- /dev/null
+++ b/reference/controlP5/ListBoxItem.html
@@ -0,0 +1,455 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
+<!-- NewPage -->
+<html lang="en">
+<head>
+<!-- Generated by javadoc (version 1.7.0_51) on Sun Apr 27 21:39:47 SGT 2014 -->
+<title>ListBoxItem (Javadocs: controlP5)</title>
+<meta name="date" content="2014-04-27">
+<link rel="stylesheet" type="text/css" href="../stylesheet.css" title="Style">
+</head>
+<body>
+<script type="text/javascript"><!--
+    if (location.href.indexOf('is-external=true') == -1) {
+        parent.document.title="ListBoxItem (Javadocs: controlP5)";
+    }
+//-->
+</script>
+<noscript>
+<div>JavaScript is disabled on your browser.</div>
+</noscript>
+<!-- ========= START OF TOP NAVBAR ======= -->
+<div class="topNav"><a name="navbar_top">
+<!--   -->
+</a><a href="#skip-navbar_top" title="Skip navigation links"></a><a name="navbar_top_firstrow">
+<!--   -->
+</a>
+<ul class="navList" title="Navigation">
+<li><a href="../controlP5/package-summary.html">Package</a></li>
+<li class="navBarCell1Rev">Class</li>
+<li><a href="package-tree.html">Tree</a></li>
+<li><a href="../index-all.html">Index</a></li>
+<li><a href="../help-doc.html">Help</a></li>
+</ul>
+</div>
+<div class="subNav">
+<ul class="navList">
+<li><a href="../controlP5/ListBox.html" title="class in controlP5"><span class="strong">Prev Class</span></a></li>
+<li><a href="../controlP5/Matrix.html" title="class in controlP5"><span class="strong">Next Class</span></a></li>
+</ul>
+<ul class="navList">
+<li><a href="../index.html?controlP5/ListBoxItem.html" target="_top">Frames</a></li>
+<li><a href="ListBoxItem.html" target="_top">No Frames</a></li>
+</ul>
+<ul class="navList" id="allclasses_navbar_top">
+<li><a href="../allclasses-noframe.html">All Classes</a></li>
+</ul>
+<div>
+<script type="text/javascript"><!--
+  allClassesLink = document.getElementById("allclasses_navbar_top");
+  if(window==top) {
+    allClassesLink.style.display = "block";
+  }
+  else {
+    allClassesLink.style.display = "none";
+  }
+  //-->
+</script>
+</div>
+<div>
+<ul class="subNavList">
+<li>Summary:&nbsp;</li>
+<li>Nested&nbsp;|&nbsp;</li>
+<li>Field&nbsp;|&nbsp;</li>
+<li>Constr&nbsp;|&nbsp;</li>
+<li><a href="#method_summary">Method</a></li>
+</ul>
+<ul class="subNavList">
+<li>Detail:&nbsp;</li>
+<li>Field&nbsp;|&nbsp;</li>
+<li>Constr&nbsp;|&nbsp;</li>
+<li><a href="#method_detail">Method</a></li>
+</ul>
+</div>
+<a name="skip-navbar_top">
+<!--   -->
+</a></div>
+<!-- ========= END OF TOP NAVBAR ========= -->
+<!-- ======== START OF CLASS DATA ======== -->
+<div class="header">
+<div class="subTitle">controlP5</div>
+<h2 title="Class ListBoxItem" class="title">Class ListBoxItem</h2>
+</div>
+<div class="contentContainer">
+<ul class="inheritance">
+<li>java.lang.Object</li>
+<li>
+<ul class="inheritance">
+<li>controlP5.ListBoxItem</li>
+</ul>
+</li>
+</ul>
+<div class="description">
+<ul class="blockList">
+<li class="blockList">
+<hr>
+<br>
+<pre>public class <span class="strong">ListBoxItem</span>
+extends java.lang.Object</pre>
+<div class="block">Used by the ListBox class.</div>
+</li>
+</ul>
+</div>
+<div class="summary">
+<ul class="blockList">
+<li class="blockList">
+<!-- ========== METHOD SUMMARY =========== -->
+<ul class="blockList">
+<li class="blockList"><a name="method_summary">
+<!--   -->
+</a>
+<h3>Method Summary</h3>
+<table class="overviewSummary" border="0" cellpadding="3" cellspacing="0" summary="Method Summary table, listing methods, and an explanation">
+<caption><span>Methods</span><span class="tabEnd">&nbsp;</span></caption>
+<tr>
+<th class="colFirst" scope="col">Modifier and Type</th>
+<th class="colLast" scope="col">Method and Description</th>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/CColor.html" title="class in controlP5">CColor</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ListBoxItem.html#getColor()">getColor</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ListBoxItem.html#getId()">getId</a></strong>()</code>
+<div class="block">returns the id of a listboxitem.</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>java.lang.String</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ListBoxItem.html#getName()">getName</a></strong>()</code>
+<div class="block">returns the name of the listboxitem.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>java.lang.String</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ListBoxItem.html#getText()">getText</a></strong>()</code>
+<div class="block">returns the text displayed for this listboxitem.</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>boolean</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ListBoxItem.html#getToUpperCase()">getToUpperCase</a></strong>()</code>
+<div class="block">returns the uppercase status of this listboxitem.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ListBoxItem.html#getValue()">getValue</a></strong>()</code>
+<div class="block">returns the value of the listboxitem.</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>boolean</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ListBoxItem.html#isActive()">isActive</a></strong>()</code>
+<div class="block">TODO no effect yet.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>void</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ListBoxItem.html#setColor(controlP5.CColor)">setColor</a></strong>(<a href="../controlP5/CColor.html" title="class in controlP5">CColor</a>&nbsp;theColor)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>void</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ListBoxItem.html#setColorActive(int)">setColorActive</a></strong>(int&nbsp;theColor)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>void</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ListBoxItem.html#setColorBackground(int)">setColorBackground</a></strong>(int&nbsp;theColor)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>void</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ListBoxItem.html#setColorForeground(int)">setColorForeground</a></strong>(int&nbsp;theColor)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>void</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ListBoxItem.html#setColorLabel(int)">setColorLabel</a></strong>(int&nbsp;theColor)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>void</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ListBoxItem.html#setId(int)">setId</a></strong>(int&nbsp;theId)</code>
+<div class="block">set the id of a listboxitem</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/ListBoxItem.html" title="class in controlP5">ListBoxItem</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ListBoxItem.html#setText(java.lang.String)">setText</a></strong>(java.lang.String&nbsp;theText)</code>
+<div class="block">change text text of a lsitboxitem's label.</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>java.lang.String</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ListBoxItem.html#toString()">toString</a></strong>()</code></td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>void</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ListBoxItem.html#toUpperCase(boolean)">toUpperCase</a></strong>(boolean&nbsp;theFlag)</code>
+<div class="block">by default the text of a listboxitem is set to uppercase, use toUpperCase(false) to make
+ changes.</div>
+</td>
+</tr>
+</table>
+<ul class="blockList">
+<li class="blockList"><a name="methods_inherited_from_class_java.lang.Object">
+<!--   -->
+</a>
+<h3>Methods inherited from class&nbsp;java.lang.Object</h3>
+<code>equals, getClass, hashCode, notify, notifyAll, wait, wait, wait</code></li>
+</ul>
+</li>
+</ul>
+</li>
+</ul>
+</div>
+<div class="details">
+<ul class="blockList">
+<li class="blockList">
+<!-- ============ METHOD DETAIL ========== -->
+<ul class="blockList">
+<li class="blockList"><a name="method_detail">
+<!--   -->
+</a>
+<h3>Method Detail</h3>
+<a name="getColor()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getColor</h4>
+<pre>public&nbsp;<a href="../controlP5/CColor.html" title="class in controlP5">CColor</a>&nbsp;getColor()</pre>
+</li>
+</ul>
+<a name="getId()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getId</h4>
+<pre>public&nbsp;int&nbsp;getId()</pre>
+<div class="block">returns the id of a listboxitem.</div>
+<dl><dt><span class="strong">Returns:</span></dt><dd>int</dd></dl>
+</li>
+</ul>
+<a name="getName()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getName</h4>
+<pre>public&nbsp;java.lang.String&nbsp;getName()</pre>
+<div class="block">returns the name of the listboxitem. use ListBox.itme(ListBoxItem.getName()) to access a
+ listboxitem by name.</div>
+</li>
+</ul>
+<a name="getText()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getText</h4>
+<pre>public&nbsp;java.lang.String&nbsp;getText()</pre>
+<div class="block">returns the text displayed for this listboxitem. use setText(String) to apply changes.</div>
+<dl><dt><span class="strong">Returns:</span></dt><dd></dd></dl>
+</li>
+</ul>
+<a name="getToUpperCase()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getToUpperCase</h4>
+<pre>public&nbsp;boolean&nbsp;getToUpperCase()</pre>
+<div class="block">returns the uppercase status of this listboxitem.</div>
+<dl><dt><span class="strong">Returns:</span></dt><dd></dd></dl>
+</li>
+</ul>
+<a name="getValue()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getValue</h4>
+<pre>public&nbsp;int&nbsp;getValue()</pre>
+<div class="block">returns the value of the listboxitem.</div>
+<dl><dt><span class="strong">Returns:</span></dt><dd>int</dd></dl>
+</li>
+</ul>
+<a name="isActive()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>isActive</h4>
+<pre>public&nbsp;boolean&nbsp;isActive()</pre>
+<div class="block">TODO no effect yet.</div>
+<dl><dt><span class="strong">Returns:</span></dt><dd></dd></dl>
+</li>
+</ul>
+<a name="setColor(controlP5.CColor)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setColor</h4>
+<pre>public&nbsp;void&nbsp;setColor(<a href="../controlP5/CColor.html" title="class in controlP5">CColor</a>&nbsp;theColor)</pre>
+</li>
+</ul>
+<a name="setColorActive(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setColorActive</h4>
+<pre>public&nbsp;void&nbsp;setColorActive(int&nbsp;theColor)</pre>
+</li>
+</ul>
+<a name="setColorBackground(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setColorBackground</h4>
+<pre>public&nbsp;void&nbsp;setColorBackground(int&nbsp;theColor)</pre>
+</li>
+</ul>
+<a name="setColorForeground(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setColorForeground</h4>
+<pre>public&nbsp;void&nbsp;setColorForeground(int&nbsp;theColor)</pre>
+</li>
+</ul>
+<a name="setColorLabel(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setColorLabel</h4>
+<pre>public&nbsp;void&nbsp;setColorLabel(int&nbsp;theColor)</pre>
+</li>
+</ul>
+<a name="setId(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setId</h4>
+<pre>public&nbsp;void&nbsp;setId(int&nbsp;theId)</pre>
+<div class="block">set the id of a listboxitem</div>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theId</code> - </dd></dl>
+</li>
+</ul>
+<a name="setText(java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setText</h4>
+<pre>public&nbsp;<a href="../controlP5/ListBoxItem.html" title="class in controlP5">ListBoxItem</a>&nbsp;setText(java.lang.String&nbsp;theText)</pre>
+<div class="block">change text text of a lsitboxitem's label.</div>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theText</code> - </dd></dl>
+</li>
+</ul>
+<a name="toString()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>toString</h4>
+<pre>public&nbsp;java.lang.String&nbsp;toString()</pre>
+<dl>
+<dt><strong>Overrides:</strong></dt>
+<dd><code>toString</code>&nbsp;in class&nbsp;<code>java.lang.Object</code></dd>
+</dl>
+</li>
+</ul>
+<a name="toUpperCase(boolean)">
+<!--   -->
+</a>
+<ul class="blockListLast">
+<li class="blockList">
+<h4>toUpperCase</h4>
+<pre>public&nbsp;void&nbsp;toUpperCase(boolean&nbsp;theFlag)</pre>
+<div class="block">by default the text of a listboxitem is set to uppercase, use toUpperCase(false) to make
+ changes.</div>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theFlag</code> - </dd></dl>
+</li>
+</ul>
+</li>
+</ul>
+</li>
+</ul>
+</div>
+</div>
+<!-- ========= END OF CLASS DATA ========= -->
+<!-- ======= START OF BOTTOM NAVBAR ====== -->
+<div class="bottomNav"><a name="navbar_bottom">
+<!--   -->
+</a><a href="#skip-navbar_bottom" title="Skip navigation links"></a><a name="navbar_bottom_firstrow">
+<!--   -->
+</a>
+<ul class="navList" title="Navigation">
+<li><a href="../controlP5/package-summary.html">Package</a></li>
+<li class="navBarCell1Rev">Class</li>
+<li><a href="package-tree.html">Tree</a></li>
+<li><a href="../index-all.html">Index</a></li>
+<li><a href="../help-doc.html">Help</a></li>
+</ul>
+</div>
+<div class="subNav">
+<ul class="navList">
+<li><a href="../controlP5/ListBox.html" title="class in controlP5"><span class="strong">Prev Class</span></a></li>
+<li><a href="../controlP5/Matrix.html" title="class in controlP5"><span class="strong">Next Class</span></a></li>
+</ul>
+<ul class="navList">
+<li><a href="../index.html?controlP5/ListBoxItem.html" target="_top">Frames</a></li>
+<li><a href="ListBoxItem.html" target="_top">No Frames</a></li>
+</ul>
+<ul class="navList" id="allclasses_navbar_bottom">
+<li><a href="../allclasses-noframe.html">All Classes</a></li>
+</ul>
+<div>
+<script type="text/javascript"><!--
+  allClassesLink = document.getElementById("allclasses_navbar_bottom");
+  if(window==top) {
+    allClassesLink.style.display = "block";
+  }
+  else {
+    allClassesLink.style.display = "none";
+  }
+  //-->
+</script>
+</div>
+<div>
+<ul class="subNavList">
+<li>Summary:&nbsp;</li>
+<li>Nested&nbsp;|&nbsp;</li>
+<li>Field&nbsp;|&nbsp;</li>
+<li>Constr&nbsp;|&nbsp;</li>
+<li><a href="#method_summary">Method</a></li>
+</ul>
+<ul class="subNavList">
+<li>Detail:&nbsp;</li>
+<li>Field&nbsp;|&nbsp;</li>
+<li>Constr&nbsp;|&nbsp;</li>
+<li><a href="#method_detail">Method</a></li>
+</ul>
+</div>
+<a name="skip-navbar_bottom">
+<!--   -->
+</a></div>
+<!-- ======== END OF BOTTOM NAVBAR ======= -->
+<p class="legalCopy"><small>processing library controlP5 by Andreas Schlegel. (c) 2006-2014</small></p>
+</body>
+</html>
diff --git a/reference/controlP5/Matrix.html b/reference/controlP5/Matrix.html
new file mode 100644
index 0000000..adca802
--- /dev/null
+++ b/reference/controlP5/Matrix.html
@@ -0,0 +1,1228 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
+<!-- NewPage -->
+<html lang="en">
+<head>
+<!-- Generated by javadoc (version 1.7.0_51) on Sun Apr 27 21:39:47 SGT 2014 -->
+<title>Matrix (Javadocs: controlP5)</title>
+<meta name="date" content="2014-04-27">
+<link rel="stylesheet" type="text/css" href="../stylesheet.css" title="Style">
+</head>
+<body>
+<script type="text/javascript"><!--
+    if (location.href.indexOf('is-external=true') == -1) {
+        parent.document.title="Matrix (Javadocs: controlP5)";
+    }
+//-->
+</script>
+<noscript>
+<div>JavaScript is disabled on your browser.</div>
+</noscript>
+<!-- ========= START OF TOP NAVBAR ======= -->
+<div class="topNav"><a name="navbar_top">
+<!--   -->
+</a><a href="#skip-navbar_top" title="Skip navigation links"></a><a name="navbar_top_firstrow">
+<!--   -->
+</a>
+<ul class="navList" title="Navigation">
+<li><a href="../controlP5/package-summary.html">Package</a></li>
+<li class="navBarCell1Rev">Class</li>
+<li><a href="package-tree.html">Tree</a></li>
+<li><a href="../index-all.html">Index</a></li>
+<li><a href="../help-doc.html">Help</a></li>
+</ul>
+</div>
+<div class="subNav">
+<ul class="navList">
+<li><a href="../controlP5/ListBoxItem.html" title="class in controlP5"><span class="strong">Prev Class</span></a></li>
+<li><a href="../controlP5/MultiList.html" title="class in controlP5"><span class="strong">Next Class</span></a></li>
+</ul>
+<ul class="navList">
+<li><a href="../index.html?controlP5/Matrix.html" target="_top">Frames</a></li>
+<li><a href="Matrix.html" target="_top">No Frames</a></li>
+</ul>
+<ul class="navList" id="allclasses_navbar_top">
+<li><a href="../allclasses-noframe.html">All Classes</a></li>
+</ul>
+<div>
+<script type="text/javascript"><!--
+  allClassesLink = document.getElementById("allclasses_navbar_top");
+  if(window==top) {
+    allClassesLink.style.display = "block";
+  }
+  else {
+    allClassesLink.style.display = "none";
+  }
+  //-->
+</script>
+</div>
+<div>
+<ul class="subNavList">
+<li>Summary:&nbsp;</li>
+<li>Nested&nbsp;|&nbsp;</li>
+<li><a href="#fields_inherited_from_class_controlP5.Controller">Field</a>&nbsp;|&nbsp;</li>
+<li><a href="#constructor_summary">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_summary">Method</a></li>
+</ul>
+<ul class="subNavList">
+<li>Detail:&nbsp;</li>
+<li>Field&nbsp;|&nbsp;</li>
+<li><a href="#constructor_detail">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_detail">Method</a></li>
+</ul>
+</div>
+<a name="skip-navbar_top">
+<!--   -->
+</a></div>
+<!-- ========= END OF TOP NAVBAR ========= -->
+<!-- ======== START OF CLASS DATA ======== -->
+<div class="header">
+<div class="subTitle">controlP5</div>
+<h2 title="Class Matrix" class="title">Class Matrix</h2>
+</div>
+<div class="contentContainer">
+<ul class="inheritance">
+<li>java.lang.Object</li>
+<li>
+<ul class="inheritance">
+<li><a href="../controlP5/Controller.html" title="class in controlP5">controlP5.Controller</a>&lt;<a href="../controlP5/Matrix.html" title="class in controlP5">Matrix</a>&gt;</li>
+<li>
+<ul class="inheritance">
+<li>controlP5.Matrix</li>
+</ul>
+</li>
+</ul>
+</li>
+</ul>
+<div class="description">
+<ul class="blockList">
+<li class="blockList">
+<dl>
+<dt>All Implemented Interfaces:</dt>
+<dd><a href="../controlP5/CDrawable.html" title="interface in controlP5">CDrawable</a>, <a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/Matrix.html" title="class in controlP5">Matrix</a>&gt;, <a href="../controlP5/ControlP5Constants.html" title="interface in controlP5">ControlP5Constants</a></dd>
+</dl>
+<hr>
+<br>
+<pre>public class <span class="strong">Matrix</span>
+extends <a href="../controlP5/Controller.html" title="class in controlP5">Controller</a>&lt;<a href="../controlP5/Matrix.html" title="class in controlP5">Matrix</a>&gt;</pre>
+<div class="block">A matrix is a 2d array with a pointer that traverses through the matrix in a timed interval. if
+ an item of a matrix-column is active, the x and y position of the corresponding cell will trigger
+ an event and notify the program. see the ControlP5matrix example for more information.</div>
+<dl><script type="text/javascript">
+<!--
+document.getElementsByTagName('html')[0].className = 'isjs';function toggle(dt) { var display, dd=dt; do{ dd = dd.nextSibling } while(dd.tagName!='DD'); toOpen =!dd.style.display;dd.style.display = toOpen? 'block':''; dt.getElementsByTagName('span')[0].innerHTML  = toOpen? '-':'+' ; }
+-->
+</script>
+<div id="test" class="toggleList"><dl><dt onclick="toggle(this);"><span>+</span>Example</dt><dd><code><pre>/**
+ * ControlP5 Matrix
+ *
+ * A matrix can be used for example as a sequencer, a drum machine.
+ *
+ * find a list of public methods available for the Matrix Controller
+ * at the bottom of this sketch.
+ *
+ * by Andreas Schlegel, 2012
+ * www.sojamo.de/libraries/controlp5
+ *
+ */
+
+import controlP5.*;
+
+ControlP5 cp5;
+
+Dong[][] d;
+int nx = 10;
+int ny = 10;
+
+void setup() {
+  size(700, 400);
+
+  cp5 = new ControlP5(this);
+
+  cp5.addMatrix("myMatrix")
+     .setPosition(50, 100)
+     .setSize(200, 200)
+     .setGrid(nx, ny)
+     .setGap(10, 1)
+     .setInterval(200)
+     .setMode(ControlP5.MULTIPLES)
+     .setColorBackground(color(120))
+     .setBackground(color(40))
+     ;
+  
+  cp5.getController("myMatrix").getCaptionLabel().alignX(CENTER);
+  
+  // use setMode to change the cell-activation which by 
+  // default is ControlP5.SINGLE_ROW, 1 active cell per row, 
+  // but can be changed to ControlP5.SINGLE_COLUMN or 
+  // ControlP5.MULTIPLES
+
+    d = new Dong[nx][ny];
+  for (int x = 0;x<nx;x++) {
+    for (int y = 0;y<ny;y++) {
+      d[x][y] = new Dong();
+    }
+  }  
+  noStroke();
+  smooth();
+}
+
+
+void draw() {
+  background(0);
+  fill(255, 100);
+  pushMatrix();
+  translate(width/2 + 150, height/2);
+  rotate(frameCount*0.001);
+  for (int x = 0;x<nx;x++) {
+    for (int y = 0;y<ny;y++) {
+      d[x][y].display();
+    }
+  }
+  popMatrix();
+}
+
+
+void myMatrix(int theX, int theY) {
+  println("got it: "+theX+", "+theY);
+  d[theX][theY].update();
+}
+
+
+void keyPressed() {
+  if (key=='1') {
+    cp5.get(Matrix.class, "myMatrix").set(0, 0, true);
+  } 
+  else if (key=='2') {
+    cp5.get(Matrix.class, "myMatrix").set(0, 1, true);
+  }  
+  else if (key=='3') {
+    cp5.get(Matrix.class, "myMatrix").trigger(0);
+  }
+  else if (key=='p') {
+    if (cp5.get(Matrix.class, "myMatrix").isPlaying()) {
+      cp5.get(Matrix.class, "myMatrix").pause();
+    } 
+    else {
+      cp5.get(Matrix.class, "myMatrix").play();
+    }
+  }  
+  else if (key=='0') {
+    cp5.get(Matrix.class, "myMatrix").clear();
+  }
+}
+
+void controlEvent(ControlEvent theEvent) {
+}
+
+
+class Dong {
+  float x, y;
+  float s0, s1;
+
+  Dong() {
+    float f= random(-PI, PI);
+    x = cos(f)*random(100, 150);
+    y = sin(f)*random(100, 150);
+    s0 = random(2, 10);
+  }
+
+  void display() {
+    s1 += (s0-s1)*0.1;
+    ellipse(x, y, s1, s1);
+  }
+
+  void update() {
+    s1 = 50;
+  }
+}
+
+
+
+/*
+a list of all methods available for the Matrix Controller
+ use ControlP5.printPublicMethodsFor(Matrix.class);
+ to print the following list into the console.
+ 
+ You can find further details about class Matrix in the javadoc.
+ 
+ Format:
+ ClassName : returnType methodName(parameter type)
+ 
+ controlP5.Matrix : Matrix clear()
+ controlP5.Matrix : Matrix isPlaying() 
+ controlP5.Matrix : Matrix pause() 
+ controlP5.Matrix : Matrix play() 
+ controlP5.Matrix : Matrix plugTo(Object) 
+ controlP5.Matrix : Matrix plugTo(Object, String) 
+ controlP5.Matrix : Matrix set(int, int, boolean) 
+ controlP5.Matrix : Matrix setCells(int[][]) 
+ controlP5.Matrix : Matrix setGap(int, int) 
+ controlP5.Matrix : Matrix setGrid(int, int) 
+ controlP5.Matrix : Matrix setInterval(int) 
+ controlP5.Matrix : Matrix setMode(int) 
+ controlP5.Matrix : Matrix setValue(float) 
+ controlP5.Matrix : Matrix stop()
+ controlP5.Matrix : Matrix trigger(int) 
+ controlP5.Matrix : Matrix update() 
+ controlP5.Matrix : boolean get(int, int) 
+ controlP5.Matrix : int getInterval() 
+ controlP5.Matrix : int getMode() 
+ controlP5.Matrix : int[][] getCells() 
+ controlP5.Matrix : void remove() 
+ controlP5.Controller : CColor getColor() 
+ controlP5.Controller : ControlBehavior getBehavior() 
+ controlP5.Controller : ControlWindow getControlWindow() 
+ controlP5.Controller : ControlWindow getWindow() 
+ controlP5.Controller : ControllerProperty getProperty(String) 
+ controlP5.Controller : ControllerProperty getProperty(String, String) 
+ controlP5.Controller : Label getCaptionLabel() 
+ controlP5.Controller : Label getValueLabel() 
+ controlP5.Controller : List getControllerPlugList() 
+ controlP5.Controller : Matrix addCallback(CallbackListener) 
+ controlP5.Controller : Matrix addListener(ControlListener) 
+ controlP5.Controller : Matrix align(int, int, int, int) 
+ controlP5.Controller : Matrix bringToFront() 
+ controlP5.Controller : Matrix bringToFront(ControllerInterface) 
+ controlP5.Controller : Matrix hide() 
+ controlP5.Controller : Matrix linebreak() 
+ controlP5.Controller : Matrix listen(boolean) 
+ controlP5.Controller : Matrix lock() 
+ controlP5.Controller : Matrix plugTo(Object) 
+ controlP5.Controller : Matrix plugTo(Object, String) 
+ controlP5.Controller : Matrix plugTo(Object[]) 
+ controlP5.Controller : Matrix plugTo(Object[], String) 
+ controlP5.Controller : Matrix registerProperty(String) 
+ controlP5.Controller : Matrix registerProperty(String, String) 
+ controlP5.Controller : Matrix registerTooltip(String) 
+ controlP5.Controller : Matrix removeBehavior() 
+ controlP5.Controller : Matrix removeCallback() 
+ controlP5.Controller : Matrix removeCallback(CallbackListener) 
+ controlP5.Controller : Matrix removeListener(ControlListener) 
+ controlP5.Controller : Matrix removeProperty(String) 
+ controlP5.Controller : Matrix removeProperty(String, String) 
+ controlP5.Controller : Matrix setArrayValue(float[]) 
+ controlP5.Controller : Matrix setArrayValue(int, float) 
+ controlP5.Controller : Matrix setBehavior(ControlBehavior) 
+ controlP5.Controller : Matrix setBroadcast(boolean) 
+ controlP5.Controller : Matrix setCaptionLabel(String) 
+ controlP5.Controller : Matrix setColor(CColor) 
+ controlP5.Controller : Matrix setColorActive(int) 
+ controlP5.Controller : Matrix setColorBackground(int) 
+ controlP5.Controller : Matrix setColorCaptionLabel(int) 
+ controlP5.Controller : Matrix setColorForeground(int) 
+ controlP5.Controller : Matrix setColorValueLabel(int) 
+ controlP5.Controller : Matrix setDecimalPrecision(int) 
+ controlP5.Controller : Matrix setDefaultValue(float) 
+ controlP5.Controller : Matrix setHeight(int) 
+ controlP5.Controller : Matrix setId(int) 
+ controlP5.Controller : Matrix setImage(PImage) 
+ controlP5.Controller : Matrix setImage(PImage, int) 
+ controlP5.Controller : Matrix setImages(PImage, PImage, PImage) 
+ controlP5.Controller : Matrix setImages(PImage, PImage, PImage, PImage) 
+ controlP5.Controller : Matrix setLabelVisible(boolean) 
+ controlP5.Controller : Matrix setLock(boolean) 
+ controlP5.Controller : Matrix setMax(float) 
+ controlP5.Controller : Matrix setMin(float) 
+ controlP5.Controller : Matrix setMouseOver(boolean) 
+ controlP5.Controller : Matrix setMoveable(boolean) 
+ controlP5.Controller : Matrix setPosition(PVector) 
+ controlP5.Controller : Matrix setPosition(float, float) 
+ controlP5.Controller : Matrix setSize(PImage) 
+ controlP5.Controller : Matrix setSize(int, int) 
+ controlP5.Controller : Matrix setStringValue(String) 
+ controlP5.Controller : Matrix setUpdate(boolean) 
+ controlP5.Controller : Matrix setValue(float) 
+ controlP5.Controller : Matrix setValueLabel(String) 
+ controlP5.Controller : Matrix setView(ControllerView) 
+ controlP5.Controller : Matrix setVisible(boolean) 
+ controlP5.Controller : Matrix setWidth(int) 
+ controlP5.Controller : Matrix show() 
+ controlP5.Controller : Matrix unlock() 
+ controlP5.Controller : Matrix unplugFrom(Object) 
+ controlP5.Controller : Matrix unplugFrom(Object[]) 
+ controlP5.Controller : Matrix unregisterTooltip() 
+ controlP5.Controller : Matrix update() 
+ controlP5.Controller : Matrix updateSize() 
+ controlP5.Controller : PVector getAbsolutePosition() 
+ controlP5.Controller : PVector getPosition() 
+ controlP5.Controller : String getAddress() 
+ controlP5.Controller : String getInfo() 
+ controlP5.Controller : String getName() 
+ controlP5.Controller : String getStringValue() 
+ controlP5.Controller : String toString() 
+ controlP5.Controller : Tab getTab() 
+ controlP5.Controller : boolean isActive() 
+ controlP5.Controller : boolean isBroadcast() 
+ controlP5.Controller : boolean isInside() 
+ controlP5.Controller : boolean isLabelVisible() 
+ controlP5.Controller : boolean isListening() 
+ controlP5.Controller : boolean isLock() 
+ controlP5.Controller : boolean isMouseOver() 
+ controlP5.Controller : boolean isMousePressed() 
+ controlP5.Controller : boolean isMoveable() 
+ controlP5.Controller : boolean isUpdate() 
+ controlP5.Controller : boolean isVisible() 
+ controlP5.Controller : float getArrayValue(int) 
+ controlP5.Controller : float getDefaultValue() 
+ controlP5.Controller : float getMax() 
+ controlP5.Controller : float getMin() 
+ controlP5.Controller : float getValue() 
+ controlP5.Controller : float[] getArrayValue() 
+ controlP5.Controller : int getDecimalPrecision() 
+ controlP5.Controller : int getHeight() 
+ controlP5.Controller : int getId() 
+ controlP5.Controller : int getWidth() 
+ controlP5.Controller : int listenerSize() 
+ controlP5.Controller : void remove() 
+ controlP5.Controller : void setView(ControllerView, int) 
+ java.lang.Object : String toString() 
+ java.lang.Object : boolean equals(Object) 
+ 
+ 
+ */
+</pre></code></dd></dl></div></dl>
+</li>
+</ul>
+</div>
+<div class="summary">
+<ul class="blockList">
+<li class="blockList">
+<!-- =========== FIELD SUMMARY =========== -->
+<ul class="blockList">
+<li class="blockList"><a name="field_summary">
+<!--   -->
+</a>
+<h3>Field Summary</h3>
+<ul class="blockList">
+<li class="blockList"><a name="fields_inherited_from_class_controlP5.Controller">
+<!--   -->
+</a>
+<h3>Fields inherited from class&nbsp;controlP5.<a href="../controlP5/Controller.html" title="class in controlP5">Controller</a></h3>
+<code><a href="../controlP5/Controller.html#autoHeight">autoHeight</a>, <a href="../controlP5/Controller.html#autoSpacing">autoSpacing</a>, <a href="../controlP5/Controller.html#autoWidth">autoWidth</a></code></li>
+</ul>
+<ul class="blockList">
+<li class="blockList"><a name="fields_inherited_from_class_controlP5.ControlP5Constants">
+<!--   -->
+</a>
+<h3>Fields inherited from interface&nbsp;controlP5.<a href="../controlP5/ControlP5Constants.html" title="interface in controlP5">ControlP5Constants</a></h3>
+<code><a href="../controlP5/ControlP5Constants.html#acceptClassList">acceptClassList</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_BROADCAST">ACTION_BROADCAST</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_CLICK">ACTION_CLICK</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_DRAG">ACTION_DRAG</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_ENTER">ACTION_ENTER</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_EXIT">ACTION_EXIT</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_LEAVE">ACTION_LEAVE</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_MOVE">ACTION_MOVE</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_PRESS">ACTION_PRESS</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_PRESSED">ACTION_PRESSED</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_RELEASE">ACTION_RELEASE</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_RELEASED">ACTION_RELEASED</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_RELEASEDOUTSIDE">ACTION_RELEASEDOUTSIDE</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_WHEEL">ACTION_WHEEL</a>, <a href="../controlP5/ControlP5Constants.html#ACTIVE">ACTIVE</a>, <a href="../controlP5/ControlP5Constants.html#ALL">ALL</a>, <a href="../controlP5/ControlP5Constants.html#ALT">ALT</a>, <a href="../controlP5/ControlP5Constants.html#AQUA">AQUA</a>, <a href="../controlP5/ControlP5Constants.html#ARC">ARC</a>, <a href="../controlP5/ControlP5Constants.html#ARRAY">ARRAY</a>, <a href="../controlP5/ControlP5Constants.html#BACKSPACE">BACKSPACE</a>, <a href="../controlP5/ControlP5Constants.html#BASELINE">BASELINE</a>, <a href="../controlP5/ControlP5Constants.html#BITFONT">BITFONT</a>, <a href="../controlP5/ControlP5Constants.html#BLACK">BLACK</a>, <a href="../controlP5/ControlP5Constants.html#BLUE">BLUE</a>, <a href="../controlP5/ControlP5Constants.html#BOOLEAN">BOOLEAN</a>, <a href="../controlP5/ControlP5Constants.html#BOTTOM">BOTTOM</a>, <a href="../controlP5/ControlP5Constants.html#BOTTOM_OUTSIDE">BOTTOM_OUTSIDE</a>, <a href="../controlP5/ControlP5Constants.html#CAPTIONLABEL">CAPTIONLABEL</a>, <a href="../controlP5/ControlP5Constants.html#CENTER">CENTER</a>, <a href="../controlP5/ControlP5Constants.html#CHECKBOX">CHECKBOX</a>, <a href="../controlP5/ControlP5Constants.html#COMMANDKEY">COMMANDKEY</a>, <a href="../controlP5/ControlP5Constants.html#CONTROL">CONTROL</a>, <a href="../controlP5/ControlP5Constants.html#controlEventClass">controlEventClass</a>, <a href="../controlP5/ControlP5Constants.html#CUSTOM">CUSTOM</a>, <a href="../controlP5/ControlP5Constants.html#DECREASE">DECREASE</a>, <a href="../controlP5/ControlP5Constants.html#DEFAULT">DEFAULT</a>, <a href="../controlP5/ControlP5Constants.html#DELETE">DELETE</a>, <a href="../controlP5/ControlP5Constants.html#DONE">DONE</a>, <a href="../controlP5/ControlP5Constants.html#DOWN">DOWN</a>, <a href="../controlP5/ControlP5Constants.html#DROPDOWN">DROPDOWN</a>, <a href="../controlP5/ControlP5Constants.html#ELLIPSE">ELLIPSE</a>, <a href="../controlP5/ControlP5Constants.html#ENTER">ENTER</a>, <a href="../controlP5/ControlP5Constants.html#ESCAPE">ESCAPE</a>, <a href="../controlP5/ControlP5Constants.html#EVENT">EVENT</a>, <a href="../controlP5/ControlP5Constants.html#eventMethod">eventMethod</a>, <a href="../controlP5/ControlP5Constants.html#FADEIN">FADEIN</a>, <a href="../controlP5/ControlP5Constants.html#FADEOUT">FADEOUT</a>, <a href="../controlP5/ControlP5Constants.html#FIELD">FIELD</a>, <a href="../controlP5/ControlP5Constants.html#FLOAT">FLOAT</a>, <a href="../controlP5/ControlP5Constants.html#FUCHSIA">FUCHSIA</a>, <a href="../controlP5/ControlP5Constants.html#GRAY">GRAY</a>, <a href="../controlP5/ControlP5Constants.html#GREEN">GREEN</a>, <a href="../controlP5/ControlP5Constants.html#grixel">grixel</a>, <a href="../controlP5/ControlP5Constants.html#HALF_PI">HALF_PI</a>, <a href="../controlP5/ControlP5Constants.html#HIDE">HIDE</a>, <a href="../controlP5/ControlP5Constants.html#HIGHLIGHT">HIGHLIGHT</a>, <a href="../controlP5/ControlP5Constants.html#HORIZONTAL">HORIZONTAL</a>, <a href="../controlP5/ControlP5Constants.html#IDLE">IDLE</a>, <a href="../controlP5/ControlP5Constants.html#IMAGE">IMAGE</a>, <a href="../controlP5/ControlP5Constants.html#INACTIVE">INACTIVE</a>, <a href="../controlP5/ControlP5Constants.html#INCREASE">INCREASE</a>, <a href="../controlP5/ControlP5Constants.html#INTEGER">INTEGER</a>, <a href="../controlP5/ControlP5Constants.html#INVALID">INVALID</a>, <a href="../controlP5/ControlP5Constants.html#J2D">J2D</a>, <a href="../controlP5/ControlP5Constants.html#KEYCONTROL">KEYCONTROL</a>, <a href="../controlP5/ControlP5Constants.html#LEFT">LEFT</a>, <a href="../controlP5/ControlP5Constants.html#LEFT_OUTSIDE">LEFT_OUTSIDE</a>, <a href="../controlP5/ControlP5Constants.html#LIME">LIME</a>, <a href="../controlP5/ControlP5Constants.html#LINE">LINE</a>, <a href="../controlP5/ControlP5Constants.html#LIST">LIST</a>, <a href="../controlP5/ControlP5Constants.html#LOAD">LOAD</a>, <a href="../controlP5/ControlP5Constants.html#MAROON">MAROON</a>, <a href="../controlP5/ControlP5Constants.html#MENU">MENU</a>, <a href="../controlP5/ControlP5Constants.html#METHOD">METHOD</a>, <a href="../controlP5/ControlP5Constants.html#MOVE">MOVE</a>, <a href="../controlP5/ControlP5Constants.html#MULTI">MULTI</a>, <a href="../controlP5/ControlP5Constants.html#MULTIPLES">MULTIPLES</a>, <a href="../controlP5/ControlP5Constants.html#NAVY">NAVY</a>, <a href="../controlP5/ControlP5Constants.html#OLIVE">OLIVE</a>, <a href="../controlP5/ControlP5Constants.html#ORANGE">ORANGE</a>, <a href="../controlP5/ControlP5Constants.html#OVER">OVER</a>, <a href="../controlP5/ControlP5Constants.html#P2D">P2D</a>, <a href="../controlP5/ControlP5Constants.html#P3D">P3D</a>, <a href="../controlP5/ControlP5Constants.html#PI">PI</a>, <a href="../controlP5/ControlP5Constants.html#PRESSED">PRESSED</a>, <a href="../controlP5/ControlP5Constants.html#PRINT">PRINT</a>, <a href="../controlP5/ControlP5Constants.html#PURPLE">PURPLE</a>, <a href="../controlP5/ControlP5Constants.html#RED">RED</a>, <a href="../controlP5/ControlP5Constants.html#RELEASE">RELEASE</a>, <a href="../controlP5/ControlP5Constants.html#RESET">RESET</a>, <a href="../controlP5/ControlP5Constants.html#RIGHT">RIGHT</a>, <a href="../controlP5/ControlP5Constants.html#RIGHT_OUTSIDE">RIGHT_OUTSIDE</a>, <a href="../controlP5/ControlP5Constants.html#SAVE">SAVE</a>, <a href="../controlP5/ControlP5Constants.html#SHIFT">SHIFT</a>, <a href="../controlP5/ControlP5Constants.html#SILVER">SILVER</a>, <a href="../controlP5/ControlP5Constants.html#SINGLE">SINGLE</a>, <a href="../controlP5/ControlP5Constants.html#SINGLE_COLUMN">SINGLE_COLUMN</a>, <a href="../controlP5/ControlP5Constants.html#SINGLE_ROW">SINGLE_ROW</a>, <a href="../controlP5/ControlP5Constants.html#SPRITE">SPRITE</a>, <a href="../controlP5/ControlP5Constants.html#standard56">standard56</a>, <a href="../controlP5/ControlP5Constants.html#standard58">standard58</a>, <a href="../controlP5/ControlP5Constants.html#STRING">STRING</a>, <a href="../controlP5/ControlP5Constants.html#SWITCH">SWITCH</a>, <a href="../controlP5/ControlP5Constants.html#SWITCH_BACK">SWITCH_BACK</a>, <a href="../controlP5/ControlP5Constants.html#SWITCH_FORE">SWITCH_FORE</a>, <a href="../controlP5/ControlP5Constants.html#synt24">synt24</a>, <a href="../controlP5/ControlP5Constants.html#TAB">TAB</a>, <a href="../controlP5/ControlP5Constants.html#TEAL">TEAL</a>, <a href="../controlP5/ControlP5Constants.html#THEME_A">THEME_A</a>, <a href="../controlP5/ControlP5Constants.html#THEME_CP52014">THEME_CP52014</a>, <a href="../controlP5/ControlP5Constants.html#THEME_CP5BLUE">THEME_CP5BLUE</a>, <a href="../controlP5/ControlP5Constants.html#THEME_RED">THEME_RED</a>, <a href="../controlP5/ControlP5Constants.html#THEME_RETRO">THEME_RETRO</a>, <a href="../controlP5/ControlP5Constants.html#THEME_WHITE">THEME_WHITE</a>, <a href="../controlP5/ControlP5Constants.html#TOP">TOP</a>, <a href="../controlP5/ControlP5Constants.html#TOP_OUTSIDE">TOP_OUTSIDE</a>, <a href="../controlP5/ControlP5Constants.html#TRANSITION_WAIT_FADEIN">TRANSITION_WAIT_FADEIN</a>, <a href="../controlP5/ControlP5Constants.html#TREE">TREE</a>, <a href="../controlP5/ControlP5Constants.html#TWO_PI">TWO_PI</a>, <a href="../controlP5/ControlP5Constants.html#UP">UP</a>, <a href="../controlP5/ControlP5Constants.html#VALUELABEL">VALUELABEL</a>, <a href="../controlP5/ControlP5Constants.html#VERBOSE">VERBOSE</a>, <a href="../controlP5/ControlP5Constants.html#VERTICAL">VERTICAL</a>, <a href="../controlP5/ControlP5Constants.html#WAIT">WAIT</a>, <a href="../controlP5/ControlP5Constants.html#WHITE">WHITE</a>, <a href="../controlP5/ControlP5Constants.html#YELLOW">YELLOW</a></code></li>
+</ul>
+</li>
+</ul>
+<!-- ======== CONSTRUCTOR SUMMARY ======== -->
+<ul class="blockList">
+<li class="blockList"><a name="constructor_summary">
+<!--   -->
+</a>
+<h3>Constructor Summary</h3>
+<table class="overviewSummary" border="0" cellpadding="3" cellspacing="0" summary="Constructor Summary table, listing constructors, and an explanation">
+<caption><span>Constructors</span><span class="tabEnd">&nbsp;</span></caption>
+<tr>
+<th class="colOne" scope="col">Constructor and Description</th>
+</tr>
+<tr class="altColor">
+<td class="colOne"><code><strong><a href="../controlP5/Matrix.html#Matrix(controlP5.ControlP5, controlP5.ControllerGroup, java.lang.String, int, int, int, int, int, int)">Matrix</a></strong>(<a href="../controlP5/ControlP5.html" title="class in controlP5">ControlP5</a>&nbsp;theControlP5,
+      <a href="../controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a>&lt;?&gt;&nbsp;theParent,
+      java.lang.String&nbsp;theName,
+      int&nbsp;theCellX,
+      int&nbsp;theCellY,
+      int&nbsp;theX,
+      int&nbsp;theY,
+      int&nbsp;theWidth,
+      int&nbsp;theHeight)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colOne"><code><strong><a href="../controlP5/Matrix.html#Matrix(controlP5.ControlP5, java.lang.String)">Matrix</a></strong>(<a href="../controlP5/ControlP5.html" title="class in controlP5">ControlP5</a>&nbsp;theControlP5,
+      java.lang.String&nbsp;theName)</code>
+<div class="block">Convenience constructor to extend Matrix.</div>
+</td>
+</tr>
+</table>
+</li>
+</ul>
+<!-- ========== METHOD SUMMARY =========== -->
+<ul class="blockList">
+<li class="blockList"><a name="method_summary">
+<!--   -->
+</a>
+<h3>Method Summary</h3>
+<table class="overviewSummary" border="0" cellpadding="3" cellspacing="0" summary="Method Summary table, listing methods, and an explanation">
+<caption><span>Methods</span><span class="tabEnd">&nbsp;</span></caption>
+<tr>
+<th class="colFirst" scope="col">Modifier and Type</th>
+<th class="colLast" scope="col">Method and Description</th>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Matrix.html" title="class in controlP5">Matrix</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Matrix.html#clear()">clear</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>boolean</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Matrix.html#get(int, int)">get</a></strong>(int&nbsp;theX,
+   int&nbsp;theY)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>int[][]</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Matrix.html#getCells()">getCells</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Matrix.html#getInterval()">getInterval</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Matrix.html#getMode()">getMode</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>static int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Matrix.html#getX(float)">getX</a></strong>(float&nbsp;thePosition)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>static int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Matrix.html#getX(int)">getX</a></strong>(int&nbsp;thePosition)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>static int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Matrix.html#getY(float)">getY</a></strong>(float&nbsp;thePosition)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>static int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Matrix.html#getY(int)">getY</a></strong>(int&nbsp;thePosition)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>boolean</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Matrix.html#isPlaying()">isPlaying</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>void</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Matrix.html#mousePressed()">mousePressed</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>void</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Matrix.html#mouseReleased()">mouseReleased</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Matrix.html" title="class in controlP5">Matrix</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Matrix.html#pause()">pause</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Matrix.html" title="class in controlP5">Matrix</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Matrix.html#play()">play</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Matrix.html" title="class in controlP5">Matrix</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Matrix.html#plugTo(java.lang.Object)">plugTo</a></strong>(java.lang.Object&nbsp;theObject)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Matrix.html" title="class in controlP5">Matrix</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Matrix.html#plugTo(java.lang.Object, java.lang.String)">plugTo</a></strong>(java.lang.Object&nbsp;theObject,
+      java.lang.String&nbsp;thePlugName)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>void</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Matrix.html#remove()">remove</a></strong>()</code>
+<div class="block">removes a controller from controlP5.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Matrix.html" title="class in controlP5">Matrix</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Matrix.html#set(int, int, boolean)">set</a></strong>(int&nbsp;theX,
+   int&nbsp;theY,
+   boolean&nbsp;theValue)</code>
+<div class="block">set the state of a particular cell inside a matrix.</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Matrix.html" title="class in controlP5">Matrix</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Matrix.html#setBackground(int)">setBackground</a></strong>(int&nbsp;c)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Matrix.html" title="class in controlP5">Matrix</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Matrix.html#setCells(int[][])">setCells</a></strong>(int[][]&nbsp;theCells)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Matrix.html" title="class in controlP5">Matrix</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Matrix.html#setGap(int, int)">setGap</a></strong>(int&nbsp;theX,
+      int&nbsp;theY)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Matrix.html" title="class in controlP5">Matrix</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Matrix.html#setGrid(int, int)">setGrid</a></strong>(int&nbsp;theCellX,
+       int&nbsp;theCellY)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Matrix.html" title="class in controlP5">Matrix</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Matrix.html#setInterval(int)">setInterval</a></strong>(int&nbsp;theInterval)</code>
+<div class="block">set the speed of intervals in millis iterating through the matrix.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Matrix.html" title="class in controlP5">Matrix</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Matrix.html#setMode(int)">setMode</a></strong>(int&nbsp;theMode)</code>
+<div class="block">use setMode to change the cell-activation which by default is ControlP5.SINGLE_ROW, 1 active
+ cell per row, but can be changed to ControlP5.SINGLE_COLUMN or ControlP5.MULTIPLES</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Matrix.html" title="class in controlP5">Matrix</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Matrix.html#setValue(float)">setValue</a></strong>(float&nbsp;theValue)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Matrix.html" title="class in controlP5">Matrix</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Matrix.html#stop()">stop</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Matrix.html" title="class in controlP5">Matrix</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Matrix.html#trigger(int)">trigger</a></strong>(int&nbsp;theColumn)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Matrix.html" title="class in controlP5">Matrix</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Matrix.html#update()">update</a></strong>()</code>
+<div class="block">updates the value of the controller without having to set the value explicitly.</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Matrix.html" title="class in controlP5">Matrix</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Matrix.html#updateDisplayMode(int)">updateDisplayMode</a></strong>(int&nbsp;theMode)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Matrix.html" title="class in controlP5">Matrix</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Matrix.html#updateInternalEvents(processing.core.PApplet)">updateInternalEvents</a></strong>(processing.core.PApplet&nbsp;theApplet)</code>
+<div class="block">a method for putting input events like e.g.</div>
+</td>
+</tr>
+</table>
+<ul class="blockList">
+<li class="blockList"><a name="methods_inherited_from_class_controlP5.Controller">
+<!--   -->
+</a>
+<h3>Methods inherited from class&nbsp;controlP5.<a href="../controlP5/Controller.html" title="class in controlP5">Controller</a></h3>
+<code><a href="../controlP5/Controller.html#add(controlP5.ControllerInterface)">add</a>, <a href="../controlP5/Controller.html#addCallback(controlP5.CallbackListener)">addCallback</a>, <a href="../controlP5/Controller.html#addListener(controlP5.ControlListener)">addListener</a>, <a href="../controlP5/Controller.html#align(int, int, int, int)">align</a>, <a href="../controlP5/Controller.html#bringToFront()">bringToFront</a>, <a href="../controlP5/Controller.html#bringToFront(controlP5.ControllerInterface)">bringToFront</a>, <a href="../controlP5/Controller.html#changeValue(float)">changeValue</a>, <a href="../controlP5/Controller.html#continuousUpdateEvents()">continuousUpdateEvents</a>, <a href="../controlP5/Controller.html#draw(processing.core.PGraphics)">draw</a>, <a href="../controlP5/Controller.html#getAbsolutePosition()">getAbsolutePosition</a>, <a href="../controlP5/Controller.html#getAddress()">getAddress</a>, <a href="../controlP5/Controller.html#getArrayValue()">getArrayValue</a>, <a href="../controlP5/Controller.html#getArrayValue(int)">getArrayValue</a>, <a href="../controlP5/Controller.html#getBehavior()">getBehavior</a>, <a href="../controlP5/Controller.html#getCaptionLabel()">getCaptionLabel</a>, <a href="../controlP5/Controller.html#getColor()">getColor</a>, <a href="../controlP5/Controller.html#getControllerPlugList()">getControllerPlugList</a>, <a href="../controlP5/Controller.html#getControlWindow()">getControlWindow</a>, <a href="../controlP5/Controller.html#getDecimalPrecision()">getDecimalPrecision</a>, <a href="../controlP5/Controller.html#getDefaultValue()">getDefaultValue</a>, <a href="../controlP5/Controller.html#getHeight()">getHeight</a>, <a href="../controlP5/Controller.html#getId()">getId</a>, <a href="../controlP5/Controller.html#getInfo()">getInfo</a>, <a href="../controlP5/Controller.html#getLabel()">getLabel</a>, <a href="../controlP5/Controller.html#getMax()">getMax</a>, <a href="../controlP5/Controller.html#getMin()">getMin</a>, <a href="../controlP5/Controller.html#getName()">getName</a>, <a href="../controlP5/Controller.html#getParent()">getParent</a>, <a href="../controlP5/Controller.html#getPickingColor()">getPickingColor</a>, <a href="../controlP5/Controller.html#getPointer()">getPointer</a>, <a href="../controlP5/Controller.html#getPosition()">getPosition</a>, <a href="../controlP5/Controller.html#getProperty(java.lang.String)">getProperty</a>, <a href="../controlP5/Controller.html#getProperty(java.lang.String, java.lang.String)">getProperty</a>, <a href="../controlP5/Controller.html#getStringValue()">getStringValue</a>, <a href="../controlP5/Controller.html#getTab()">getTab</a>, <a href="../controlP5/Controller.html#getValue()">getValue</a>, <a href="../controlP5/Controller.html#getValueLabel()">getValueLabel</a>, <a href="../controlP5/Controller.html#getView()">getView</a>, <a href="../controlP5/Controller.html#getWidth()">getWidth</a>, <a href="../controlP5/Controller.html#getWindow()">getWindow</a>, <a href="../controlP5/Controller.html#hide()">hide</a>, <a href="../controlP5/Controller.html#init()">init</a>, <a href="../controlP5/Controller.html#isActive()">isActive</a>, <a href="../controlP5/Controller.html#isBroadcast()">isBroadcast</a>, <a href="../controlP5/Controller.html#isInside()">isInside</a>, <a href="../controlP5/Controller.html#isLabelVisible()">isLabelVisible</a>, <a href="../controlP5/Controller.html#isListening()">isListening</a>, <a href="../controlP5/Controller.html#isLock()">isLock</a>, <a href="../controlP5/Controller.html#isMouseOver()">isMouseOver</a>, <a href="../controlP5/Controller.html#isMousePressed()">isMousePressed</a>, <a href="../controlP5/Controller.html#isMoveable()">isMoveable</a>, <a href="../controlP5/Controller.html#isUpdate()">isUpdate</a>, <a href="../controlP5/Controller.html#isUserInteraction()">isUserInteraction</a>, <a href="../controlP5/Controller.html#isVisible()">isVisible</a>, <a href="../controlP5/Controller.html#keyEvent(processing.event.KeyEvent)">keyEvent</a>, <a href="../controlP5/Controller.html#linebreak()">linebreak</a>, <a href="../controlP5/Controller.html#listen(boolean)">listen</a>, <a href="../controlP5/Controller.html#listenerSize()">listenerSize</a>, <a href="../controlP5/Controller.html#lock()">lock</a>, <a href="../controlP5/Controller.html#moveTo(controlP5.ControlGroup)">moveTo</a>, <a href="../controlP5/Controller.html#moveTo(controlP5.ControllerGroup)">moveTo</a>, <a href="../controlP5/Controller.html#moveTo(controlP5.ControllerGroup, controlP5.Tab, controlP5.ControlWindow)">moveTo</a>, <a href="../controlP5/Controller.html#moveTo(controlP5.ControlWindow)">moveTo</a>, <a href="../controlP5/Controller.html#moveTo(controlP5.ControlWindow, java.lang.String)">moveTo</a>, <a href="../controlP5/Controller.html#moveTo(processing.core.PApplet)">moveTo</a>, <a href="../controlP5/Controller.html#moveTo(processing.core.PApplet, java.lang.String)">moveTo</a>, <a href="../controlP5/Controller.html#moveTo(java.lang.String)">moveTo</a>, <a href="../controlP5/Controller.html#moveTo(controlP5.Tab)">moveTo</a>, <a href="../controlP5/Controller.html#plugTo(java.lang.Object[])">plugTo</a>, <a href="../controlP5/Controller.html#plugTo(java.lang.Object[], java.lang.String)">plugTo</a>, <a href="../controlP5/Controller.html#registerProperty(java.lang.String)">registerProperty</a>, <a href="../controlP5/Controller.html#registerProperty(java.lang.String, java.lang.String)">registerProperty</a>, <a href="../controlP5/Controller.html#registerTooltip(java.lang.String)">registerTooltip</a>, <a href="../controlP5/Controller.html#remove(controlP5.ControllerInterface)">remove</a>, <a href="../controlP5/Controller.html#removeBehavior()">removeBehavior</a>, <a href="../controlP5/Controller.html#removeCallback()">removeCallback</a>, <a href="../controlP5/Controller.html#removeCallback(controlP5.CallbackListener)">removeCallback</a>, <a href="../controlP5/Controller.html#removeListener(controlP5.ControlListener)">removeListener</a>, <a href="../controlP5/Controller.html#removeProperty(java.lang.String)">removeProperty</a>, <a href="../controlP5/Controller.html#removeProperty(java.lang.String, java.lang.String)">removeProperty</a>, <a href="../controlP5/Controller.html#setAbsolutePosition(processing.core.PVector)">setAbsolutePosition</a>, <a href="../controlP5/Controller.html#setAddress(java.lang.String)">setAddress</a>, <a href="../controlP5/Controller.html#setArrayValue(float[])">setArrayValue</a>, <a href="../controlP5/Controller.html#setArrayValue(int, float)">setArrayValue</a>, <a href="../controlP5/Controller.html#setBehavior(controlP5.ControlBehavior)">setBehavior</a>, <a href="../controlP5/Controller.html#setBroadcast(boolean)">setBroadcast</a>, <a href="../controlP5/Controller.html#setCaptionLabel(java.lang.String)">setCaptionLabel</a>, <a href="../controlP5/Controller.html#setColor(controlP5.CColor)">setColor</a>, <a href="../controlP5/Controller.html#setColorActive(int)">setColorActive</a>, <a href="../controlP5/Controller.html#setColorBackground(int)">setColorBackground</a>, <a href="../controlP5/Controller.html#setColorCaptionLabel(int)">setColorCaptionLabel</a>, <a href="../controlP5/Controller.html#setColorForeground(int)">setColorForeground</a>, <a href="../controlP5/Controller.html#setColorValueLabel(int)">setColorValueLabel</a>, <a href="../controlP5/Controller.html#setDecimalPrecision(int)">setDecimalPrecision</a>, <a href="../controlP5/Controller.html#setDefaultValue(float)">setDefaultValue</a>, <a href="../controlP5/Controller.html#setGroup(controlP5.ControllerGroup)">setGroup</a>, <a href="../controlP5/Controller.html#setGroup(java.lang.String)">setGroup</a>, <a href="../controlP5/Controller.html#setHeight(int)">setHeight</a>, <a href="../controlP5/Controller.html#setId(int)">setId</a>, <a href="../controlP5/Controller.html#setImage(processing.core.PImage)">setImage</a>, <a href="../controlP5/Controller.html#setImage(processing.core.PImage, int)">setImage</a>, <a href="../controlP5/Controller.html#setImages(processing.core.PImage...)">setImages</a>, <a href="../controlP5/Controller.html#setImages(processing.core.PImage, processing.core.PImage, processing.core.PImage)">setImages</a>, <a href="../controlP5/Controller.html#setImages(processing.core.PImage, processing.core.PImage, processing.core.PImage, processing.core.PImage)">setImages</a>, <a href="../controlP5/Controller.html#setLabelVisible(boolean)">setLabelVisible</a>, <a href="../controlP5/Controller.html#setLock(boolean)">setLock</a>, <a href="../controlP5/Controller.html#setMax(float)">setMax</a>, <a href="../controlP5/Controller.html#setMin(float)">setMin</a>, <a href="../controlP5/Controller.html#setMouseOver(boolean)">setMouseOver</a>, <a href="../controlP5/Controller.html#setMousePressed(boolean)">setMousePressed</a>, <a href="../controlP5/Controller.html#setMoveable(boolean)">setMoveable</a>, <a href="../controlP5/Controller.html#setParent(controlP5.ControllerInterface)">setParent</a>, <a href="../controlP5/Controller.html#setPosition(float, float)">setPosition</a>, <a href="../controlP5/Controller.html#setPosition(processing.core.PVector)">setPosition</a>, <a href="../controlP5/Controller.html#setSize(int, int)">setSize</a>, <a href="../controlP5/Controller.html#setSize(processing.core.PImage)">setSize</a>, <a href="../controlP5/Controller.html#setStringValue(java.lang.String)">setStringValue</a>, <a href="../controlP5/Controller.html#setTab(controlP5.ControlWindow, java.lang.String)">setTab</a>, <a href="../controlP5/Controller.html#setTab(java.lang.String)">setTab</a>, <a href="../controlP5/Controller.html#setUpdate(boolean)">setUpdate</a>, <a href="../controlP5/Controller.html#setUserInteraction(boolean)">setUserInteraction</a>, <a href="../controlP5/Controller.html#setValueLabel(java.lang.String)">setValueLabel</a>, <a href="../controlP5/Controller.html#setValueSelf(float)">setValueSelf</a>, <a href="../controlP5/Controller.html#setView(controlP5.ControllerView)">setView</a>, <a href="../controlP5/Controller.html#setView(controlP5.ControllerView, int)">setView</a>, <a href="../controlP5/Controller.html#setVisible(boolean)">setVisible</a>, <a href="../controlP5/Controller.html#setWidth(int)">setWidth</a>, <a href="../controlP5/Controller.html#show()">show</a>, <a href="../controlP5/Controller.html#toString()">toString</a>, <a href="../controlP5/Controller.html#unlock()">unlock</a>, <a href="../controlP5/Controller.html#unplugFrom(java.lang.Object)">unplugFrom</a>, <a href="../controlP5/Controller.html#unplugFrom(java.lang.Object[])">unplugFrom</a>, <a href="../controlP5/Controller.html#unregisterTooltip()">unregisterTooltip</a>, <a href="../controlP5/Controller.html#updateAbsolutePosition()">updateAbsolutePosition</a>, <a href="../controlP5/Controller.html#updateEvents()">updateEvents</a>, <a href="../controlP5/Controller.html#updateSize()">updateSize</a></code></li>
+</ul>
+<ul class="blockList">
+<li class="blockList"><a name="methods_inherited_from_class_java.lang.Object">
+<!--   -->
+</a>
+<h3>Methods inherited from class&nbsp;java.lang.Object</h3>
+<code>equals, getClass, hashCode, notify, notifyAll, wait, wait, wait</code></li>
+</ul>
+<ul class="blockList">
+<li class="blockList"><a name="methods_inherited_from_class_controlP5.ControllerInterface">
+<!--   -->
+</a>
+<h3>Methods inherited from interface&nbsp;controlP5.<a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a></h3>
+<code><a href="../controlP5/ControllerInterface.html#parent()">parent</a>, <a href="../controlP5/ControllerInterface.html#setColorLabel(int)">setColorLabel</a>, <a href="../controlP5/ControllerInterface.html#setColorValue(int)">setColorValue</a>, <a href="../controlP5/ControllerInterface.html#setLabel(java.lang.String)">setLabel</a></code></li>
+</ul>
+</li>
+</ul>
+</li>
+</ul>
+</div>
+<div class="details">
+<ul class="blockList">
+<li class="blockList">
+<!-- ========= CONSTRUCTOR DETAIL ======== -->
+<ul class="blockList">
+<li class="blockList"><a name="constructor_detail">
+<!--   -->
+</a>
+<h3>Constructor Detail</h3>
+<a name="Matrix(controlP5.ControlP5, controlP5.ControllerGroup, java.lang.String, int, int, int, int, int, int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>Matrix</h4>
+<pre>public&nbsp;Matrix(<a href="../controlP5/ControlP5.html" title="class in controlP5">ControlP5</a>&nbsp;theControlP5,
+      <a href="../controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a>&lt;?&gt;&nbsp;theParent,
+      java.lang.String&nbsp;theName,
+      int&nbsp;theCellX,
+      int&nbsp;theCellY,
+      int&nbsp;theX,
+      int&nbsp;theY,
+      int&nbsp;theWidth,
+      int&nbsp;theHeight)</pre>
+</li>
+</ul>
+<a name="Matrix(controlP5.ControlP5, java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockListLast">
+<li class="blockList">
+<h4>Matrix</h4>
+<pre>public&nbsp;Matrix(<a href="../controlP5/ControlP5.html" title="class in controlP5">ControlP5</a>&nbsp;theControlP5,
+      java.lang.String&nbsp;theName)</pre>
+<div class="block">Convenience constructor to extend Matrix.</div>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theControlP5</code> - </dd><dd><code>theName</code> - </dd><script type="text/javascript">
+<!--
+document.getElementsByTagName('html')[0].className = 'isjs';function toggle(dt) { var display, dd=dt; do{ dd = dd.nextSibling } while(dd.tagName!='DD'); toOpen =!dd.style.display;dd.style.display = toOpen? 'block':''; dt.getElementsByTagName('span')[0].innerHTML  = toOpen? '-':'+' ; }
+-->
+</script>
+<div id="test" class="toggleList"><dl><dt onclick="toggle(this);"><span>+</span>Example</dt><dd><code><pre>/**
+ * ControlP5 extending Controllers
+ *
+ * the following example shows how to extend the Controller class to 
+ * create customizable Controllers. You can either extend the Controller class itself,
+ * or any class that extends Controller itself like the Slider, Button, DropdownList, etc. 
+ * 
+ * How to:
+ *
+ * 1) do a super call to the convenience constructor requiring 
+ * 2 parameter (ControlP5 instance, name)  
+ *
+ * 2) the Controller class has a set of empty methods that allow you to capture
+ * inputs from the mouse including 
+ * onEnter(), onLeave(), onPress(), onRelease(), onClick(), onScroll(int), onDrag()
+ * These you can override and include functionality as needed.
+ *
+ * 3) use method getPointer() to return the local (relative) 
+ * xy-coordinates of the controller
+ *  
+ * 4) after instantiation custom controllers are treated the same 
+ * as default controlP5 controllers.
+ *  
+ * by Andreas Schlegel, 2012
+ * www.sojamo.de/libraries/controlp5
+ *
+ */
+
+import controlP5.*;
+
+ControlP5 cp5;
+PApplet p;
+
+void setup() {
+  size(400, 400);
+  cp5 = new ControlP5(this);
+  
+  // create 2 groups to show nesting of custom controllers and
+  //   
+  Group g1 = cp5.addGroup("a").setPosition(0,100).setWidth(180);
+  Group g2 = cp5.addGroup("b").setPosition(0,10).setWidth(180);
+  g2.moveTo(g1);
+  
+  // create 2 custom Controllers from class MyButton
+  // MyButton extends Controller and inherits all methods accordingly.
+  new MyButton(cp5, "b1").setPosition(0, 0).setSize(180, 200).moveTo(g2);
+  new MyButton(cp5, "b2").setPosition(205, 15).setSize(180, 200);
+  
+}
+
+
+void draw() {
+  background(0);
+}
+
+// b1 will be called from Controller b1
+public void b1(float theValue) {
+  println("yay button "+theValue);
+}
+
+public void controlEvent(ControlEvent theEvent) {
+  println("controlEvent : "+theEvent);
+}
+
+
+// Create a custom Controller, please not that 
+// MyButton extends Controller<MyButton>, <MyButton>
+// is an indicator for the super class about the type of 
+// custom controller to be created.
+
+class MyButton extends Controller<MyButton> {
+
+  int current = 0xffff0000;
+
+  float a = 128;
+  
+  float na;
+  
+  int y;
+  
+  // use the convenience constructor of super class Controller
+  // MyButton will automatically registered and move to the 
+  // default controlP5 tab.
+  
+  MyButton(ControlP5 cp5, String theName) {
+    super(cp5, theName);
+    
+    // replace the default view with a custom view.
+    setView(new ControllerView() {
+      public void display(PApplet p, Object b) {
+        // draw button background
+        na += (a-na) * 0.1; 
+        p.fill(current,na);
+        p.rect(0, 0, getWidth(), getHeight());
+        
+        // draw horizontal line which can be moved on the x-axis 
+        // using the scroll wheel. 
+        p.fill(0,255,0);
+        p.rect(0,y,width,10);
+        
+        // draw the custom label 
+        p.fill(128);
+        translate(0,getHeight()+14);
+        p.text(getName(),0,0);
+        p.text(getName(),0,0);
+        
+      }
+    }
+    );
+  }
+
+  // override various input methods for mouse input control
+  void onEnter() {
+    cursor(HAND);
+    println("enter");
+    a = 255;
+  }
+  
+  void onScroll(int n) {
+    println("scrolling");
+    y -= n;
+    y = constrain(y,0,getHeight()-10);
+  }
+  
+  void onPress() {
+    println("press");
+    current = 0xffffff00;
+  }
+  
+  void onClick() {
+    Pointer p1 = getPointer();
+    println("clicked at "+p1.x()+", "+p1.y());
+    current = 0xffffff00;
+    setValue(y);
+  }
+
+  void onRelease() {
+    println("release");
+    current = 0xffffffff;
+  }
+  
+  void onMove() {
+    println("moving "+this+" "+_myControlWindow.getMouseOverList());
+  }
+
+  void onDrag() {
+    current = 0xff0000ff;
+    Pointer p1 = getPointer();
+    float dif = dist(p1.px(),p1.py(),p1.x(),p1.y());
+    println("dragging at "+p1.x()+", "+p1.y()+" "+dif);
+  }
+  
+  void onReleaseOutside() {
+    onLeave();
+  }
+
+  void onLeave() {
+    println("leave");
+    cursor(ARROW);
+    a = 128;
+  }
+}
+
+</pre></code></dd></dl></div></dl>
+</li>
+</ul>
+</li>
+</ul>
+<!-- ============ METHOD DETAIL ========== -->
+<ul class="blockList">
+<li class="blockList"><a name="method_detail">
+<!--   -->
+</a>
+<h3>Method Detail</h3>
+<a name="clear()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>clear</h4>
+<pre>public&nbsp;<a href="../controlP5/Matrix.html" title="class in controlP5">Matrix</a>&nbsp;clear()</pre>
+</li>
+</ul>
+<a name="get(int, int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>get</h4>
+<pre>public&nbsp;boolean&nbsp;get(int&nbsp;theX,
+          int&nbsp;theY)</pre>
+</li>
+</ul>
+<a name="getCells()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getCells</h4>
+<pre>public&nbsp;int[][]&nbsp;getCells()</pre>
+</li>
+</ul>
+<a name="getInterval()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getInterval</h4>
+<pre>public&nbsp;int&nbsp;getInterval()</pre>
+</li>
+</ul>
+<a name="getMode()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getMode</h4>
+<pre>public&nbsp;int&nbsp;getMode()</pre>
+</li>
+</ul>
+<a name="getX(float)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getX</h4>
+<pre>public static&nbsp;int&nbsp;getX(float&nbsp;thePosition)</pre>
+</li>
+</ul>
+<a name="getX(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getX</h4>
+<pre>public static&nbsp;int&nbsp;getX(int&nbsp;thePosition)</pre>
+</li>
+</ul>
+<a name="getY(float)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getY</h4>
+<pre>public static&nbsp;int&nbsp;getY(float&nbsp;thePosition)</pre>
+</li>
+</ul>
+<a name="getY(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getY</h4>
+<pre>public static&nbsp;int&nbsp;getY(int&nbsp;thePosition)</pre>
+</li>
+</ul>
+<a name="isPlaying()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>isPlaying</h4>
+<pre>public&nbsp;boolean&nbsp;isPlaying()</pre>
+</li>
+</ul>
+<a name="mousePressed()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>mousePressed</h4>
+<pre>public&nbsp;void&nbsp;mousePressed()</pre>
+</li>
+</ul>
+<a name="mouseReleased()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>mouseReleased</h4>
+<pre>public&nbsp;void&nbsp;mouseReleased()</pre>
+</li>
+</ul>
+<a name="pause()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>pause</h4>
+<pre>public&nbsp;<a href="../controlP5/Matrix.html" title="class in controlP5">Matrix</a>&nbsp;pause()</pre>
+</li>
+</ul>
+<a name="play()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>play</h4>
+<pre>public&nbsp;<a href="../controlP5/Matrix.html" title="class in controlP5">Matrix</a>&nbsp;play()</pre>
+</li>
+</ul>
+<a name="plugTo(java.lang.Object)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>plugTo</h4>
+<pre>public&nbsp;<a href="../controlP5/Matrix.html" title="class in controlP5">Matrix</a>&nbsp;plugTo(java.lang.Object&nbsp;theObject)</pre>
+<dl>
+<dt><strong>Overrides:</strong></dt>
+<dd><code><a href="../controlP5/Controller.html#plugTo(java.lang.Object)">plugTo</a></code>&nbsp;in class&nbsp;<code><a href="../controlP5/Controller.html" title="class in controlP5">Controller</a>&lt;<a href="../controlP5/Matrix.html" title="class in controlP5">Matrix</a>&gt;</code></dd>
+<dt><span class="strong">Returns:</span></dt><dd>Controller</dd></dl>
+</li>
+</ul>
+<a name="plugTo(java.lang.Object, java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>plugTo</h4>
+<pre>public&nbsp;<a href="../controlP5/Matrix.html" title="class in controlP5">Matrix</a>&nbsp;plugTo(java.lang.Object&nbsp;theObject,
+            java.lang.String&nbsp;thePlugName)</pre>
+<dl>
+<dt><strong>Overrides:</strong></dt>
+<dd><code><a href="../controlP5/Controller.html#plugTo(java.lang.Object, java.lang.String)">plugTo</a></code>&nbsp;in class&nbsp;<code><a href="../controlP5/Controller.html" title="class in controlP5">Controller</a>&lt;<a href="../controlP5/Matrix.html" title="class in controlP5">Matrix</a>&gt;</code></dd>
+</dl>
+</li>
+</ul>
+<a name="remove()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>remove</h4>
+<pre>public&nbsp;void&nbsp;remove()</pre>
+<div class="block"><strong>Description copied from class:&nbsp;<code><a href="../controlP5/Controller.html#remove()">Controller</a></code></strong></div>
+<div class="block">removes a controller from controlP5.</div>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerInterface.html#remove()">remove</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/Matrix.html" title="class in controlP5">Matrix</a>&gt;</code></dd>
+<dt><strong>Overrides:</strong></dt>
+<dd><code><a href="../controlP5/Controller.html#remove()">remove</a></code>&nbsp;in class&nbsp;<code><a href="../controlP5/Controller.html" title="class in controlP5">Controller</a>&lt;<a href="../controlP5/Matrix.html" title="class in controlP5">Matrix</a>&gt;</code></dd>
+</dl>
+</li>
+</ul>
+<a name="set(int, int, boolean)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>set</h4>
+<pre>public&nbsp;<a href="../controlP5/Matrix.html" title="class in controlP5">Matrix</a>&nbsp;set(int&nbsp;theX,
+         int&nbsp;theY,
+         boolean&nbsp;theValue)</pre>
+<div class="block">set the state of a particular cell inside a matrix. use true or false for parameter theValue</div>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theX</code> - </dd><dd><code>theY</code> - </dd><dd><code>theValue</code> - </dd>
+<dt><span class="strong">Returns:</span></dt><dd>Matrix</dd></dl>
+</li>
+</ul>
+<a name="setBackground(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setBackground</h4>
+<pre>public&nbsp;<a href="../controlP5/Matrix.html" title="class in controlP5">Matrix</a>&nbsp;setBackground(int&nbsp;c)</pre>
+</li>
+</ul>
+<a name="setCells(int[][])">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setCells</h4>
+<pre>public&nbsp;<a href="../controlP5/Matrix.html" title="class in controlP5">Matrix</a>&nbsp;setCells(int[][]&nbsp;theCells)</pre>
+</li>
+</ul>
+<a name="setGap(int, int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setGap</h4>
+<pre>public&nbsp;<a href="../controlP5/Matrix.html" title="class in controlP5">Matrix</a>&nbsp;setGap(int&nbsp;theX,
+            int&nbsp;theY)</pre>
+</li>
+</ul>
+<a name="setGrid(int, int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setGrid</h4>
+<pre>public&nbsp;<a href="../controlP5/Matrix.html" title="class in controlP5">Matrix</a>&nbsp;setGrid(int&nbsp;theCellX,
+             int&nbsp;theCellY)</pre>
+</li>
+</ul>
+<a name="setInterval(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setInterval</h4>
+<pre>public&nbsp;<a href="../controlP5/Matrix.html" title="class in controlP5">Matrix</a>&nbsp;setInterval(int&nbsp;theInterval)</pre>
+<div class="block">set the speed of intervals in millis iterating through the matrix.</div>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theInterval</code> - int</dd>
+<dt><span class="strong">Returns:</span></dt><dd>Matrix</dd></dl>
+</li>
+</ul>
+<a name="setMode(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setMode</h4>
+<pre>public&nbsp;<a href="../controlP5/Matrix.html" title="class in controlP5">Matrix</a>&nbsp;setMode(int&nbsp;theMode)</pre>
+<div class="block">use setMode to change the cell-activation which by default is ControlP5.SINGLE_ROW, 1 active
+ cell per row, but can be changed to ControlP5.SINGLE_COLUMN or ControlP5.MULTIPLES</div>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theMode</code> - return Matrix</dd></dl>
+</li>
+</ul>
+<a name="setValue(float)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setValue</h4>
+<pre>public&nbsp;<a href="../controlP5/Matrix.html" title="class in controlP5">Matrix</a>&nbsp;setValue(float&nbsp;theValue)</pre>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerInterface.html#setValue(float)">setValue</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/Matrix.html" title="class in controlP5">Matrix</a>&gt;</code></dd>
+<dt><strong>Overrides:</strong></dt>
+<dd><code><a href="../controlP5/Controller.html#setValue(float)">setValue</a></code>&nbsp;in class&nbsp;<code><a href="../controlP5/Controller.html" title="class in controlP5">Controller</a>&lt;<a href="../controlP5/Matrix.html" title="class in controlP5">Matrix</a>&gt;</code></dd>
+<dt><span class="strong">Parameters:</span></dt><dd><code>theValue</code> - float</dd></dl>
+</li>
+</ul>
+<a name="stop()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>stop</h4>
+<pre>public&nbsp;<a href="../controlP5/Matrix.html" title="class in controlP5">Matrix</a>&nbsp;stop()</pre>
+</li>
+</ul>
+<a name="trigger(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>trigger</h4>
+<pre>public&nbsp;<a href="../controlP5/Matrix.html" title="class in controlP5">Matrix</a>&nbsp;trigger(int&nbsp;theColumn)</pre>
+</li>
+</ul>
+<a name="update()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>update</h4>
+<pre>public&nbsp;<a href="../controlP5/Matrix.html" title="class in controlP5">Matrix</a>&nbsp;update()</pre>
+<div class="block"><strong>Description copied from class:&nbsp;<code><a href="../controlP5/Controller.html#update()">Controller</a></code></strong></div>
+<div class="block">updates the value of the controller without having to set the value explicitly. update does
+ not visually update the controller. the updating status can be set with setUpdate(true/false)
+ and checked with isUpdate().</div>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerInterface.html#update()">update</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/Matrix.html" title="class in controlP5">Matrix</a>&gt;</code></dd>
+<dt><strong>Overrides:</strong></dt>
+<dd><code><a href="../controlP5/Controller.html#update()">update</a></code>&nbsp;in class&nbsp;<code><a href="../controlP5/Controller.html" title="class in controlP5">Controller</a>&lt;<a href="../controlP5/Matrix.html" title="class in controlP5">Matrix</a>&gt;</code></dd>
+<dt><span class="strong">Returns:</span></dt><dd>Controller</dd><dt><span class="strong">See Also:</span></dt><dd><a href="../controlP5/Controller.html#setUpdate(boolean)"><code>Controller.setUpdate(boolean)</code></a>, 
+<a href="../controlP5/Controller.html#isUpdate()"><code>Controller.isUpdate()</code></a></dd></dl>
+</li>
+</ul>
+<a name="updateDisplayMode(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>updateDisplayMode</h4>
+<pre>public&nbsp;<a href="../controlP5/Matrix.html" title="class in controlP5">Matrix</a>&nbsp;updateDisplayMode(int&nbsp;theMode)</pre>
+</li>
+</ul>
+<a name="updateInternalEvents(processing.core.PApplet)">
+<!--   -->
+</a>
+<ul class="blockListLast">
+<li class="blockList">
+<h4>updateInternalEvents</h4>
+<pre>public&nbsp;<a href="../controlP5/Matrix.html" title="class in controlP5">Matrix</a>&nbsp;updateInternalEvents(processing.core.PApplet&nbsp;theApplet)</pre>
+<div class="block"><strong>Description copied from interface:&nbsp;<code><a href="../controlP5/ControllerInterface.html#updateInternalEvents(processing.core.PApplet)">ControllerInterface</a></code></strong></div>
+<div class="block">a method for putting input events like e.g. mouse or keyboard events and queries. this has
+ been taken out of the draw method for better overwriting capability.</div>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerInterface.html#updateInternalEvents(processing.core.PApplet)">updateInternalEvents</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/Matrix.html" title="class in controlP5">Matrix</a>&gt;</code></dd>
+<dt><strong>Overrides:</strong></dt>
+<dd><code><a href="../controlP5/Controller.html#updateInternalEvents(processing.core.PApplet)">updateInternalEvents</a></code>&nbsp;in class&nbsp;<code><a href="../controlP5/Controller.html" title="class in controlP5">Controller</a>&lt;<a href="../controlP5/Matrix.html" title="class in controlP5">Matrix</a>&gt;</code></dd>
+<dt><span class="strong">See Also:</span></dt><dd><code>ControllerInterface.updateInternalEvents</code></dd></dl>
+</li>
+</ul>
+</li>
+</ul>
+</li>
+</ul>
+</div>
+</div>
+<!-- ========= END OF CLASS DATA ========= -->
+<!-- ======= START OF BOTTOM NAVBAR ====== -->
+<div class="bottomNav"><a name="navbar_bottom">
+<!--   -->
+</a><a href="#skip-navbar_bottom" title="Skip navigation links"></a><a name="navbar_bottom_firstrow">
+<!--   -->
+</a>
+<ul class="navList" title="Navigation">
+<li><a href="../controlP5/package-summary.html">Package</a></li>
+<li class="navBarCell1Rev">Class</li>
+<li><a href="package-tree.html">Tree</a></li>
+<li><a href="../index-all.html">Index</a></li>
+<li><a href="../help-doc.html">Help</a></li>
+</ul>
+</div>
+<div class="subNav">
+<ul class="navList">
+<li><a href="../controlP5/ListBoxItem.html" title="class in controlP5"><span class="strong">Prev Class</span></a></li>
+<li><a href="../controlP5/MultiList.html" title="class in controlP5"><span class="strong">Next Class</span></a></li>
+</ul>
+<ul class="navList">
+<li><a href="../index.html?controlP5/Matrix.html" target="_top">Frames</a></li>
+<li><a href="Matrix.html" target="_top">No Frames</a></li>
+</ul>
+<ul class="navList" id="allclasses_navbar_bottom">
+<li><a href="../allclasses-noframe.html">All Classes</a></li>
+</ul>
+<div>
+<script type="text/javascript"><!--
+  allClassesLink = document.getElementById("allclasses_navbar_bottom");
+  if(window==top) {
+    allClassesLink.style.display = "block";
+  }
+  else {
+    allClassesLink.style.display = "none";
+  }
+  //-->
+</script>
+</div>
+<div>
+<ul class="subNavList">
+<li>Summary:&nbsp;</li>
+<li>Nested&nbsp;|&nbsp;</li>
+<li><a href="#fields_inherited_from_class_controlP5.Controller">Field</a>&nbsp;|&nbsp;</li>
+<li><a href="#constructor_summary">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_summary">Method</a></li>
+</ul>
+<ul class="subNavList">
+<li>Detail:&nbsp;</li>
+<li>Field&nbsp;|&nbsp;</li>
+<li><a href="#constructor_detail">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_detail">Method</a></li>
+</ul>
+</div>
+<a name="skip-navbar_bottom">
+<!--   -->
+</a></div>
+<!-- ======== END OF BOTTOM NAVBAR ======= -->
+<p class="legalCopy"><small>processing library controlP5 by Andreas Schlegel. (c) 2006-2014</small></p>
+</body>
+</html>
diff --git a/reference/controlP5/MultiList.html b/reference/controlP5/MultiList.html
new file mode 100644
index 0000000..51af43f
--- /dev/null
+++ b/reference/controlP5/MultiList.html
@@ -0,0 +1,921 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
+<!-- NewPage -->
+<html lang="en">
+<head>
+<!-- Generated by javadoc (version 1.7.0_51) on Sun Apr 27 21:39:47 SGT 2014 -->
+<title>MultiList (Javadocs: controlP5)</title>
+<meta name="date" content="2014-04-27">
+<link rel="stylesheet" type="text/css" href="../stylesheet.css" title="Style">
+</head>
+<body>
+<script type="text/javascript"><!--
+    if (location.href.indexOf('is-external=true') == -1) {
+        parent.document.title="MultiList (Javadocs: controlP5)";
+    }
+//-->
+</script>
+<noscript>
+<div>JavaScript is disabled on your browser.</div>
+</noscript>
+<!-- ========= START OF TOP NAVBAR ======= -->
+<div class="topNav"><a name="navbar_top">
+<!--   -->
+</a><a href="#skip-navbar_top" title="Skip navigation links"></a><a name="navbar_top_firstrow">
+<!--   -->
+</a>
+<ul class="navList" title="Navigation">
+<li><a href="../controlP5/package-summary.html">Package</a></li>
+<li class="navBarCell1Rev">Class</li>
+<li><a href="package-tree.html">Tree</a></li>
+<li><a href="../index-all.html">Index</a></li>
+<li><a href="../help-doc.html">Help</a></li>
+</ul>
+</div>
+<div class="subNav">
+<ul class="navList">
+<li><a href="../controlP5/Matrix.html" title="class in controlP5"><span class="strong">Prev Class</span></a></li>
+<li><a href="../controlP5/MultiListButton.html" title="class in controlP5"><span class="strong">Next Class</span></a></li>
+</ul>
+<ul class="navList">
+<li><a href="../index.html?controlP5/MultiList.html" target="_top">Frames</a></li>
+<li><a href="MultiList.html" target="_top">No Frames</a></li>
+</ul>
+<ul class="navList" id="allclasses_navbar_top">
+<li><a href="../allclasses-noframe.html">All Classes</a></li>
+</ul>
+<div>
+<script type="text/javascript"><!--
+  allClassesLink = document.getElementById("allclasses_navbar_top");
+  if(window==top) {
+    allClassesLink.style.display = "block";
+  }
+  else {
+    allClassesLink.style.display = "none";
+  }
+  //-->
+</script>
+</div>
+<div>
+<ul class="subNavList">
+<li>Summary:&nbsp;</li>
+<li>Nested&nbsp;|&nbsp;</li>
+<li><a href="#field_summary">Field</a>&nbsp;|&nbsp;</li>
+<li><a href="#constructor_summary">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_summary">Method</a></li>
+</ul>
+<ul class="subNavList">
+<li>Detail:&nbsp;</li>
+<li><a href="#field_detail">Field</a>&nbsp;|&nbsp;</li>
+<li><a href="#constructor_detail">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_detail">Method</a></li>
+</ul>
+</div>
+<a name="skip-navbar_top">
+<!--   -->
+</a></div>
+<!-- ========= END OF TOP NAVBAR ========= -->
+<!-- ======== START OF CLASS DATA ======== -->
+<div class="header">
+<div class="subTitle">controlP5</div>
+<h2 title="Class MultiList" class="title">Class MultiList</h2>
+</div>
+<div class="contentContainer">
+<ul class="inheritance">
+<li>java.lang.Object</li>
+<li>
+<ul class="inheritance">
+<li><a href="../controlP5/Controller.html" title="class in controlP5">controlP5.Controller</a>&lt;<a href="../controlP5/MultiList.html" title="class in controlP5">MultiList</a>&gt;</li>
+<li>
+<ul class="inheritance">
+<li>controlP5.MultiList</li>
+</ul>
+</li>
+</ul>
+</li>
+</ul>
+<div class="description">
+<ul class="blockList">
+<li class="blockList">
+<dl>
+<dt>All Implemented Interfaces:</dt>
+<dd><a href="../controlP5/CDrawable.html" title="interface in controlP5">CDrawable</a>, <a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/MultiList.html" title="class in controlP5">MultiList</a>&gt;, <a href="../controlP5/ControlListener.html" title="interface in controlP5">ControlListener</a>, <a href="../controlP5/ControlP5Constants.html" title="interface in controlP5">ControlP5Constants</a></dd>
+</dl>
+<hr>
+<br>
+<pre>public class <span class="strong">MultiList</span>
+extends <a href="../controlP5/Controller.html" title="class in controlP5">Controller</a>&lt;<a href="../controlP5/MultiList.html" title="class in controlP5">MultiList</a>&gt;
+implements <a href="../controlP5/ControlListener.html" title="interface in controlP5">ControlListener</a></pre>
+<div class="block">A Multilist is a multi-menu-tree controller. see the example for more information and how to use.</div>
+<dl><script type="text/javascript">
+<!--
+document.getElementsByTagName('html')[0].className = 'isjs';function toggle(dt) { var display, dd=dt; do{ dd = dd.nextSibling } while(dd.tagName!='DD'); toOpen =!dd.style.display;dd.style.display = toOpen? 'block':''; dt.getElementsByTagName('span')[0].innerHTML  = toOpen? '-':'+' ; }
+-->
+</script>
+<div id="test" class="toggleList"><dl><dt onclick="toggle(this);"><span>+</span>Example</dt><dd><code><pre>/**
+ * ControlP5 MultiList
+ * by andreas schlegel, 2009
+ */
+
+import controlP5.*;
+
+ControlP5 controlP5;
+MultiList l;
+
+void setup() {
+  size(700,400);
+  frameRate(30);
+  controlP5 = new ControlP5(this);
+  
+  // add a multiList to controlP5.
+  // elements of the list have default dimensions
+  // here, a width of 100 and a height of 12
+  l = controlP5.addMultiList("myList",20,20,100,12);
+  
+  // create a multiListButton which we will use to
+  // add new buttons to the multilist
+  MultiListButton b;
+  b = l.add("level1",1);
+  
+  // add items to a sublist of button "level1"
+  b.add("level11",11).setLabel("level1 item1");
+  b.add("level12",12).setLabel("level1 item2");
+
+  b = l.add("level2",2);
+  
+  int cnt = 100;
+  
+  // add some more sublists.
+  for(int i=0;i<10;i++) {
+    MultiListButton c = b.add("level2"+(i+1),20+i+1);
+    c.setLabel("level2 item"+(i+1));
+    c.setColorBackground(color(64 + 18*i,0,0));
+    
+    if(i==4) {
+    // changing the width and the height of a button
+    // will be inherited by its sublists.
+    c.setWidth(100);
+    c.setHeight(20);
+    }
+    cnt++;
+    
+    if(i==4) {
+      for(int j=0;j<10;j++) {
+        cnt++;
+        MultiListButton d;
+        d = c.add("level2"+i+""+j,250+j+1);
+        d.setLabel("level2 item"+(i+1)+" "+"item"+(j+1));
+        d.setColorBackground(color(64 + 18*j,(64 + 18*j)/2,0));
+        d.setId(cnt);
+        d.setWidth(200);
+      }
+    }
+  }
+  
+  MultiListButton cc = (MultiListButton)controlP5.controller("level21");
+  cc.setHeight(40);
+}
+
+
+void controlEvent(ControlEvent theEvent) {
+  println(theEvent.controller().name()+" = "+theEvent.value());  
+  // uncomment the line below to remove a multilist item when clicked.
+  // theEvent.controller().remove();
+}
+
+
+void draw() {
+  background(0);
+}
+
+void keyPressed() {
+  if(controlP5.controller("level23")!=null) {
+    println("removing multilist button level23.");
+    controlP5.controller("level23").remove();
+  }
+}
+</pre></code></dd></dl></div></dl>
+</li>
+</ul>
+</div>
+<div class="summary">
+<ul class="blockList">
+<li class="blockList">
+<!-- =========== FIELD SUMMARY =========== -->
+<ul class="blockList">
+<li class="blockList"><a name="field_summary">
+<!--   -->
+</a>
+<h3>Field Summary</h3>
+<table class="overviewSummary" border="0" cellpadding="3" cellspacing="0" summary="Field Summary table, listing fields, and an explanation">
+<caption><span>Fields</span><span class="tabEnd">&nbsp;</span></caption>
+<tr>
+<th class="colFirst" scope="col">Modifier and Type</th>
+<th class="colLast" scope="col">Field and Description</th>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/MultiList.html#closeDelay">closeDelay</a></strong></code>&nbsp;</td>
+</tr>
+</table>
+<ul class="blockList">
+<li class="blockList"><a name="fields_inherited_from_class_controlP5.Controller">
+<!--   -->
+</a>
+<h3>Fields inherited from class&nbsp;controlP5.<a href="../controlP5/Controller.html" title="class in controlP5">Controller</a></h3>
+<code><a href="../controlP5/Controller.html#autoHeight">autoHeight</a>, <a href="../controlP5/Controller.html#autoSpacing">autoSpacing</a>, <a href="../controlP5/Controller.html#autoWidth">autoWidth</a></code></li>
+</ul>
+<ul class="blockList">
+<li class="blockList"><a name="fields_inherited_from_class_controlP5.ControlP5Constants">
+<!--   -->
+</a>
+<h3>Fields inherited from interface&nbsp;controlP5.<a href="../controlP5/ControlP5Constants.html" title="interface in controlP5">ControlP5Constants</a></h3>
+<code><a href="../controlP5/ControlP5Constants.html#acceptClassList">acceptClassList</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_BROADCAST">ACTION_BROADCAST</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_CLICK">ACTION_CLICK</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_DRAG">ACTION_DRAG</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_ENTER">ACTION_ENTER</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_EXIT">ACTION_EXIT</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_LEAVE">ACTION_LEAVE</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_MOVE">ACTION_MOVE</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_PRESS">ACTION_PRESS</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_PRESSED">ACTION_PRESSED</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_RELEASE">ACTION_RELEASE</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_RELEASED">ACTION_RELEASED</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_RELEASEDOUTSIDE">ACTION_RELEASEDOUTSIDE</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_WHEEL">ACTION_WHEEL</a>, <a href="../controlP5/ControlP5Constants.html#ACTIVE">ACTIVE</a>, <a href="../controlP5/ControlP5Constants.html#ALL">ALL</a>, <a href="../controlP5/ControlP5Constants.html#ALT">ALT</a>, <a href="../controlP5/ControlP5Constants.html#AQUA">AQUA</a>, <a href="../controlP5/ControlP5Constants.html#ARC">ARC</a>, <a href="../controlP5/ControlP5Constants.html#ARRAY">ARRAY</a>, <a href="../controlP5/ControlP5Constants.html#BACKSPACE">BACKSPACE</a>, <a href="../controlP5/ControlP5Constants.html#BASELINE">BASELINE</a>, <a href="../controlP5/ControlP5Constants.html#BITFONT">BITFONT</a>, <a href="../controlP5/ControlP5Constants.html#BLACK">BLACK</a>, <a href="../controlP5/ControlP5Constants.html#BLUE">BLUE</a>, <a href="../controlP5/ControlP5Constants.html#BOOLEAN">BOOLEAN</a>, <a href="../controlP5/ControlP5Constants.html#BOTTOM">BOTTOM</a>, <a href="../controlP5/ControlP5Constants.html#BOTTOM_OUTSIDE">BOTTOM_OUTSIDE</a>, <a href="../controlP5/ControlP5Constants.html#CAPTIONLABEL">CAPTIONLABEL</a>, <a href="../controlP5/ControlP5Constants.html#CENTER">CENTER</a>, <a href="../controlP5/ControlP5Constants.html#CHECKBOX">CHECKBOX</a>, <a href="../controlP5/ControlP5Constants.html#COMMANDKEY">COMMANDKEY</a>, <a href="../controlP5/ControlP5Constants.html#CONTROL">CONTROL</a>, <a href="../controlP5/ControlP5Constants.html#controlEventClass">controlEventClass</a>, <a href="../controlP5/ControlP5Constants.html#CUSTOM">CUSTOM</a>, <a href="../controlP5/ControlP5Constants.html#DECREASE">DECREASE</a>, <a href="../controlP5/ControlP5Constants.html#DEFAULT">DEFAULT</a>, <a href="../controlP5/ControlP5Constants.html#DELETE">DELETE</a>, <a href="../controlP5/ControlP5Constants.html#DONE">DONE</a>, <a href="../controlP5/ControlP5Constants.html#DOWN">DOWN</a>, <a href="../controlP5/ControlP5Constants.html#DROPDOWN">DROPDOWN</a>, <a href="../controlP5/ControlP5Constants.html#ELLIPSE">ELLIPSE</a>, <a href="../controlP5/ControlP5Constants.html#ENTER">ENTER</a>, <a href="../controlP5/ControlP5Constants.html#ESCAPE">ESCAPE</a>, <a href="../controlP5/ControlP5Constants.html#EVENT">EVENT</a>, <a href="../controlP5/ControlP5Constants.html#eventMethod">eventMethod</a>, <a href="../controlP5/ControlP5Constants.html#FADEIN">FADEIN</a>, <a href="../controlP5/ControlP5Constants.html#FADEOUT">FADEOUT</a>, <a href="../controlP5/ControlP5Constants.html#FIELD">FIELD</a>, <a href="../controlP5/ControlP5Constants.html#FLOAT">FLOAT</a>, <a href="../controlP5/ControlP5Constants.html#FUCHSIA">FUCHSIA</a>, <a href="../controlP5/ControlP5Constants.html#GRAY">GRAY</a>, <a href="../controlP5/ControlP5Constants.html#GREEN">GREEN</a>, <a href="../controlP5/ControlP5Constants.html#grixel">grixel</a>, <a href="../controlP5/ControlP5Constants.html#HALF_PI">HALF_PI</a>, <a href="../controlP5/ControlP5Constants.html#HIDE">HIDE</a>, <a href="../controlP5/ControlP5Constants.html#HIGHLIGHT">HIGHLIGHT</a>, <a href="../controlP5/ControlP5Constants.html#HORIZONTAL">HORIZONTAL</a>, <a href="../controlP5/ControlP5Constants.html#IDLE">IDLE</a>, <a href="../controlP5/ControlP5Constants.html#IMAGE">IMAGE</a>, <a href="../controlP5/ControlP5Constants.html#INACTIVE">INACTIVE</a>, <a href="../controlP5/ControlP5Constants.html#INCREASE">INCREASE</a>, <a href="../controlP5/ControlP5Constants.html#INTEGER">INTEGER</a>, <a href="../controlP5/ControlP5Constants.html#INVALID">INVALID</a>, <a href="../controlP5/ControlP5Constants.html#J2D">J2D</a>, <a href="../controlP5/ControlP5Constants.html#KEYCONTROL">KEYCONTROL</a>, <a href="../controlP5/ControlP5Constants.html#LEFT">LEFT</a>, <a href="../controlP5/ControlP5Constants.html#LEFT_OUTSIDE">LEFT_OUTSIDE</a>, <a href="../controlP5/ControlP5Constants.html#LIME">LIME</a>, <a href="../controlP5/ControlP5Constants.html#LINE">LINE</a>, <a href="../controlP5/ControlP5Constants.html#LIST">LIST</a>, <a href="../controlP5/ControlP5Constants.html#LOAD">LOAD</a>, <a href="../controlP5/ControlP5Constants.html#MAROON">MAROON</a>, <a href="../controlP5/ControlP5Constants.html#MENU">MENU</a>, <a href="../controlP5/ControlP5Constants.html#METHOD">METHOD</a>, <a href="../controlP5/ControlP5Constants.html#MOVE">MOVE</a>, <a href="../controlP5/ControlP5Constants.html#MULTI">MULTI</a>, <a href="../controlP5/ControlP5Constants.html#MULTIPLES">MULTIPLES</a>, <a href="../controlP5/ControlP5Constants.html#NAVY">NAVY</a>, <a href="../controlP5/ControlP5Constants.html#OLIVE">OLIVE</a>, <a href="../controlP5/ControlP5Constants.html#ORANGE">ORANGE</a>, <a href="../controlP5/ControlP5Constants.html#OVER">OVER</a>, <a href="../controlP5/ControlP5Constants.html#P2D">P2D</a>, <a href="../controlP5/ControlP5Constants.html#P3D">P3D</a>, <a href="../controlP5/ControlP5Constants.html#PI">PI</a>, <a href="../controlP5/ControlP5Constants.html#PRESSED">PRESSED</a>, <a href="../controlP5/ControlP5Constants.html#PRINT">PRINT</a>, <a href="../controlP5/ControlP5Constants.html#PURPLE">PURPLE</a>, <a href="../controlP5/ControlP5Constants.html#RED">RED</a>, <a href="../controlP5/ControlP5Constants.html#RELEASE">RELEASE</a>, <a href="../controlP5/ControlP5Constants.html#RESET">RESET</a>, <a href="../controlP5/ControlP5Constants.html#RIGHT">RIGHT</a>, <a href="../controlP5/ControlP5Constants.html#RIGHT_OUTSIDE">RIGHT_OUTSIDE</a>, <a href="../controlP5/ControlP5Constants.html#SAVE">SAVE</a>, <a href="../controlP5/ControlP5Constants.html#SHIFT">SHIFT</a>, <a href="../controlP5/ControlP5Constants.html#SILVER">SILVER</a>, <a href="../controlP5/ControlP5Constants.html#SINGLE">SINGLE</a>, <a href="../controlP5/ControlP5Constants.html#SINGLE_COLUMN">SINGLE_COLUMN</a>, <a href="../controlP5/ControlP5Constants.html#SINGLE_ROW">SINGLE_ROW</a>, <a href="../controlP5/ControlP5Constants.html#SPRITE">SPRITE</a>, <a href="../controlP5/ControlP5Constants.html#standard56">standard56</a>, <a href="../controlP5/ControlP5Constants.html#standard58">standard58</a>, <a href="../controlP5/ControlP5Constants.html#STRING">STRING</a>, <a href="../controlP5/ControlP5Constants.html#SWITCH">SWITCH</a>, <a href="../controlP5/ControlP5Constants.html#SWITCH_BACK">SWITCH_BACK</a>, <a href="../controlP5/ControlP5Constants.html#SWITCH_FORE">SWITCH_FORE</a>, <a href="../controlP5/ControlP5Constants.html#synt24">synt24</a>, <a href="../controlP5/ControlP5Constants.html#TAB">TAB</a>, <a href="../controlP5/ControlP5Constants.html#TEAL">TEAL</a>, <a href="../controlP5/ControlP5Constants.html#THEME_A">THEME_A</a>, <a href="../controlP5/ControlP5Constants.html#THEME_CP52014">THEME_CP52014</a>, <a href="../controlP5/ControlP5Constants.html#THEME_CP5BLUE">THEME_CP5BLUE</a>, <a href="../controlP5/ControlP5Constants.html#THEME_RED">THEME_RED</a>, <a href="../controlP5/ControlP5Constants.html#THEME_RETRO">THEME_RETRO</a>, <a href="../controlP5/ControlP5Constants.html#THEME_WHITE">THEME_WHITE</a>, <a href="../controlP5/ControlP5Constants.html#TOP">TOP</a>, <a href="../controlP5/ControlP5Constants.html#TOP_OUTSIDE">TOP_OUTSIDE</a>, <a href="../controlP5/ControlP5Constants.html#TRANSITION_WAIT_FADEIN">TRANSITION_WAIT_FADEIN</a>, <a href="../controlP5/ControlP5Constants.html#TREE">TREE</a>, <a href="../controlP5/ControlP5Constants.html#TWO_PI">TWO_PI</a>, <a href="../controlP5/ControlP5Constants.html#UP">UP</a>, <a href="../controlP5/ControlP5Constants.html#VALUELABEL">VALUELABEL</a>, <a href="../controlP5/ControlP5Constants.html#VERBOSE">VERBOSE</a>, <a href="../controlP5/ControlP5Constants.html#VERTICAL">VERTICAL</a>, <a href="../controlP5/ControlP5Constants.html#WAIT">WAIT</a>, <a href="../controlP5/ControlP5Constants.html#WHITE">WHITE</a>, <a href="../controlP5/ControlP5Constants.html#YELLOW">YELLOW</a></code></li>
+</ul>
+</li>
+</ul>
+<!-- ======== CONSTRUCTOR SUMMARY ======== -->
+<ul class="blockList">
+<li class="blockList"><a name="constructor_summary">
+<!--   -->
+</a>
+<h3>Constructor Summary</h3>
+<table class="overviewSummary" border="0" cellpadding="3" cellspacing="0" summary="Constructor Summary table, listing constructors, and an explanation">
+<caption><span>Constructors</span><span class="tabEnd">&nbsp;</span></caption>
+<tr>
+<th class="colOne" scope="col">Constructor and Description</th>
+</tr>
+<tr class="altColor">
+<td class="colOne"><code><strong><a href="../controlP5/MultiList.html#MultiList(controlP5.ControlP5, java.lang.String)">MultiList</a></strong>(<a href="../controlP5/ControlP5.html" title="class in controlP5">ControlP5</a>&nbsp;theControlP5,
+         java.lang.String&nbsp;theName)</code>
+<div class="block">Convenience constructor to extend MultiList.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colOne"><code><strong><a href="../controlP5/MultiList.html#MultiList(controlP5.ControlP5, controlP5.Tab, java.lang.String, int, int, int, int)">MultiList</a></strong>(<a href="../controlP5/ControlP5.html" title="class in controlP5">ControlP5</a>&nbsp;theControlP5,
+         <a href="../controlP5/Tab.html" title="class in controlP5">Tab</a>&nbsp;theParent,
+         java.lang.String&nbsp;theName,
+         int&nbsp;theX,
+         int&nbsp;theY,
+         int&nbsp;theWidth,
+         int&nbsp;theHeight)</code>&nbsp;</td>
+</tr>
+</table>
+</li>
+</ul>
+<!-- ========== METHOD SUMMARY =========== -->
+<ul class="blockList">
+<li class="blockList"><a name="method_summary">
+<!--   -->
+</a>
+<h3>Method Summary</h3>
+<table class="overviewSummary" border="0" cellpadding="3" cellspacing="0" summary="Method Summary table, listing methods, and an explanation">
+<caption><span>Methods</span><span class="tabEnd">&nbsp;</span></caption>
+<tr>
+<th class="colFirst" scope="col">Modifier and Type</th>
+<th class="colLast" scope="col">Method and Description</th>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/MultiListButton.html" title="class in controlP5">MultiListButton</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/MultiList.html#add(java.lang.String, int)">add</a></strong>(java.lang.String&nbsp;theName,
+   int&nbsp;theValue)</code>
+<div class="block">adds multilist buttons to the multilist.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>void</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/MultiList.html#close()">close</a></strong>()</code></td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>void</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/MultiList.html#close(controlP5.MultiListInterface)">close</a></strong>(controlP5.MultiListInterface&nbsp;theInterface)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>void</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/MultiList.html#controlEvent(controlP5.ControlEvent)">controlEvent</a></strong>(<a href="../controlP5/ControlEvent.html" title="class in controlP5">ControlEvent</a>&nbsp;theEvent)</code>
+<div class="block">controlEvent is called by controlP5's ControlBroadcaster to inform available listeners about
+ value changes.</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>void</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/MultiList.html#draw(processing.core.PGraphics)">draw</a></strong>(processing.core.PGraphics&nbsp;theGraphics)</code>
+<div class="block">the default draw function for each controller extending superclass Controller.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>java.util.List&lt;<a href="../controlP5/MultiListButton.html" title="class in controlP5">MultiListButton</a>&gt;</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/MultiList.html#getChildren()">getChildren</a></strong>()</code>
+<div class="block"><strong>Deprecated.</strong>&nbsp;</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/MultiList.html#getDirection()">getDirection</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>java.lang.String</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/MultiList.html#name()">name</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>boolean</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/MultiList.html#observe()">observe</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>void</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/MultiList.html#occupied(boolean)">occupied</a></strong>(boolean&nbsp;theFlag)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>void</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/MultiList.html#open()">open</a></strong>()</code></td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>void</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/MultiList.html#remove()">remove</a></strong>()</code>
+<div class="block">removes the multilist.</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>void</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/MultiList.html#setup()">setup</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/MultiList.html" title="class in controlP5">MultiList</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/MultiList.html#setValue(float)">setValue</a></strong>(float&nbsp;theValue)</code></td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>java.util.List&lt;<a href="../controlP5/MultiListButton.html" title="class in controlP5">MultiListButton</a>&gt;</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/MultiList.html#subelements()">subelements</a></strong>()</code>
+<div class="block"><strong>Deprecated.</strong>&nbsp;</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/MultiList.html" title="class in controlP5">MultiList</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/MultiList.html#toUpperCase(boolean)">toUpperCase</a></strong>(boolean&nbsp;theValue)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/MultiList.html" title="class in controlP5">MultiList</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/MultiList.html#update()">update</a></strong>()</code>
+<div class="block">updates the value of the controller without having to set the value explicitly.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>boolean</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/MultiList.html#update(processing.core.PApplet)">update</a></strong>(processing.core.PApplet&nbsp;theApplet)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>void</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/MultiList.html#updateLocation(float, float)">updateLocation</a></strong>(float&nbsp;theX,
+              float&nbsp;theY)</code>&nbsp;</td>
+</tr>
+</table>
+<ul class="blockList">
+<li class="blockList"><a name="methods_inherited_from_class_controlP5.Controller">
+<!--   -->
+</a>
+<h3>Methods inherited from class&nbsp;controlP5.<a href="../controlP5/Controller.html" title="class in controlP5">Controller</a></h3>
+<code><a href="../controlP5/Controller.html#add(controlP5.ControllerInterface)">add</a>, <a href="../controlP5/Controller.html#addCallback(controlP5.CallbackListener)">addCallback</a>, <a href="../controlP5/Controller.html#addListener(controlP5.ControlListener)">addListener</a>, <a href="../controlP5/Controller.html#align(int, int, int, int)">align</a>, <a href="../controlP5/Controller.html#bringToFront()">bringToFront</a>, <a href="../controlP5/Controller.html#bringToFront(controlP5.ControllerInterface)">bringToFront</a>, <a href="../controlP5/Controller.html#changeValue(float)">changeValue</a>, <a href="../controlP5/Controller.html#continuousUpdateEvents()">continuousUpdateEvents</a>, <a href="../controlP5/Controller.html#getAbsolutePosition()">getAbsolutePosition</a>, <a href="../controlP5/Controller.html#getAddress()">getAddress</a>, <a href="../controlP5/Controller.html#getArrayValue()">getArrayValue</a>, <a href="../controlP5/Controller.html#getArrayValue(int)">getArrayValue</a>, <a href="../controlP5/Controller.html#getBehavior()">getBehavior</a>, <a href="../controlP5/Controller.html#getCaptionLabel()">getCaptionLabel</a>, <a href="../controlP5/Controller.html#getColor()">getColor</a>, <a href="../controlP5/Controller.html#getControllerPlugList()">getControllerPlugList</a>, <a href="../controlP5/Controller.html#getControlWindow()">getControlWindow</a>, <a href="../controlP5/Controller.html#getDecimalPrecision()">getDecimalPrecision</a>, <a href="../controlP5/Controller.html#getDefaultValue()">getDefaultValue</a>, <a href="../controlP5/Controller.html#getHeight()">getHeight</a>, <a href="../controlP5/Controller.html#getId()">getId</a>, <a href="../controlP5/Controller.html#getInfo()">getInfo</a>, <a href="../controlP5/Controller.html#getLabel()">getLabel</a>, <a href="../controlP5/Controller.html#getMax()">getMax</a>, <a href="../controlP5/Controller.html#getMin()">getMin</a>, <a href="../controlP5/Controller.html#getName()">getName</a>, <a href="../controlP5/Controller.html#getParent()">getParent</a>, <a href="../controlP5/Controller.html#getPickingColor()">getPickingColor</a>, <a href="../controlP5/Controller.html#getPointer()">getPointer</a>, <a href="../controlP5/Controller.html#getPosition()">getPosition</a>, <a href="../controlP5/Controller.html#getProperty(java.lang.String)">getProperty</a>, <a href="../controlP5/Controller.html#getProperty(java.lang.String, java.lang.String)">getProperty</a>, <a href="../controlP5/Controller.html#getStringValue()">getStringValue</a>, <a href="../controlP5/Controller.html#getTab()">getTab</a>, <a href="../controlP5/Controller.html#getValue()">getValue</a>, <a href="../controlP5/Controller.html#getValueLabel()">getValueLabel</a>, <a href="../controlP5/Controller.html#getView()">getView</a>, <a href="../controlP5/Controller.html#getWidth()">getWidth</a>, <a href="../controlP5/Controller.html#getWindow()">getWindow</a>, <a href="../controlP5/Controller.html#hide()">hide</a>, <a href="../controlP5/Controller.html#init()">init</a>, <a href="../controlP5/Controller.html#isActive()">isActive</a>, <a href="../controlP5/Controller.html#isBroadcast()">isBroadcast</a>, <a href="../controlP5/Controller.html#isInside()">isInside</a>, <a href="../controlP5/Controller.html#isLabelVisible()">isLabelVisible</a>, <a href="../controlP5/Controller.html#isListening()">isListening</a>, <a href="../controlP5/Controller.html#isLock()">isLock</a>, <a href="../controlP5/Controller.html#isMouseOver()">isMouseOver</a>, <a href="../controlP5/Controller.html#isMousePressed()">isMousePressed</a>, <a href="../controlP5/Controller.html#isMoveable()">isMoveable</a>, <a href="../controlP5/Controller.html#isUpdate()">isUpdate</a>, <a href="../controlP5/Controller.html#isUserInteraction()">isUserInteraction</a>, <a href="../controlP5/Controller.html#isVisible()">isVisible</a>, <a href="../controlP5/Controller.html#keyEvent(processing.event.KeyEvent)">keyEvent</a>, <a href="../controlP5/Controller.html#linebreak()">linebreak</a>, <a href="../controlP5/Controller.html#listen(boolean)">listen</a>, <a href="../controlP5/Controller.html#listenerSize()">listenerSize</a>, <a href="../controlP5/Controller.html#lock()">lock</a>, <a href="../controlP5/Controller.html#moveTo(controlP5.ControlGroup)">moveTo</a>, <a href="../controlP5/Controller.html#moveTo(controlP5.ControllerGroup)">moveTo</a>, <a href="../controlP5/Controller.html#moveTo(controlP5.ControllerGroup, controlP5.Tab, controlP5.ControlWindow)">moveTo</a>, <a href="../controlP5/Controller.html#moveTo(controlP5.ControlWindow)">moveTo</a>, <a href="../controlP5/Controller.html#moveTo(controlP5.ControlWindow, java.lang.String)">moveTo</a>, <a href="../controlP5/Controller.html#moveTo(processing.core.PApplet)">moveTo</a>, <a href="../controlP5/Controller.html#moveTo(processing.core.PApplet, java.lang.String)">moveTo</a>, <a href="../controlP5/Controller.html#moveTo(java.lang.String)">moveTo</a>, <a href="../controlP5/Controller.html#moveTo(controlP5.Tab)">moveTo</a>, <a href="../controlP5/Controller.html#plugTo(java.lang.Object)">plugTo</a>, <a href="../controlP5/Controller.html#plugTo(java.lang.Object[])">plugTo</a>, <a href="../controlP5/Controller.html#plugTo(java.lang.Object[], java.lang.String)">plugTo</a>, <a href="../controlP5/Controller.html#plugTo(java.lang.Object, java.lang.String)">plugTo</a>, <a href="../controlP5/Controller.html#registerProperty(java.lang.String)">registerProperty</a>, <a href="../controlP5/Controller.html#registerProperty(java.lang.String, java.lang.String)">registerProperty</a>, <a href="../controlP5/Controller.html#registerTooltip(java.lang.String)">registerTooltip</a>, <a href="../controlP5/Controller.html#remove(controlP5.ControllerInterface)">remove</a>, <a href="../controlP5/Controller.html#removeBehavior()">removeBehavior</a>, <a href="../controlP5/Controller.html#removeCallback()">removeCallback</a>, <a href="../controlP5/Controller.html#removeCallback(controlP5.CallbackListener)">removeCallback</a>, <a href="../controlP5/Controller.html#removeListener(controlP5.ControlListener)">removeListener</a>, <a href="../controlP5/Controller.html#removeProperty(java.lang.String)">removeProperty</a>, <a href="../controlP5/Controller.html#removeProperty(java.lang.String, java.lang.String)">removeProperty</a>, <a href="../controlP5/Controller.html#setAbsolutePosition(processing.core.PVector)">setAbsolutePosition</a>, <a href="../controlP5/Controller.html#setAddress(java.lang.String)">setAddress</a>, <a href="../controlP5/Controller.html#setArrayValue(float[])">setArrayValue</a>, <a href="../controlP5/Controller.html#setArrayValue(int, float)">setArrayValue</a>, <a href="../controlP5/Controller.html#setBehavior(controlP5.ControlBehavior)">setBehavior</a>, <a href="../controlP5/Controller.html#setBroadcast(boolean)">setBroadcast</a>, <a href="../controlP5/Controller.html#setCaptionLabel(java.lang.String)">setCaptionLabel</a>, <a href="../controlP5/Controller.html#setColor(controlP5.CColor)">setColor</a>, <a href="../controlP5/Controller.html#setColorActive(int)">setColorActive</a>, <a href="../controlP5/Controller.html#setColorBackground(int)">setColorBackground</a>, <a href="../controlP5/Controller.html#setColorCaptionLabel(int)">setColorCaptionLabel</a>, <a href="../controlP5/Controller.html#setColorForeground(int)">setColorForeground</a>, <a href="../controlP5/Controller.html#setColorValueLabel(int)">setColorValueLabel</a>, <a href="../controlP5/Controller.html#setDecimalPrecision(int)">setDecimalPrecision</a>, <a href="../controlP5/Controller.html#setDefaultValue(float)">setDefaultValue</a>, <a href="../controlP5/Controller.html#setGroup(controlP5.ControllerGroup)">setGroup</a>, <a href="../controlP5/Controller.html#setGroup(java.lang.String)">setGroup</a>, <a href="../controlP5/Controller.html#setHeight(int)">setHeight</a>, <a href="../controlP5/Controller.html#setId(int)">setId</a>, <a href="../controlP5/Controller.html#setImage(processing.core.PImage)">setImage</a>, <a href="../controlP5/Controller.html#setImage(processing.core.PImage, int)">setImage</a>, <a href="../controlP5/Controller.html#setImages(processing.core.PImage...)">setImages</a>, <a href="../controlP5/Controller.html#setImages(processing.core.PImage, processing.core.PImage, processing.core.PImage)">setImages</a>, <a href="../controlP5/Controller.html#setImages(processing.core.PImage, processing.core.PImage, processing.core.PImage, processing.core.PImage)">setImages</a>, <a href="../controlP5/Controller.html#setLabelVisible(boolean)">setLabelVisible</a>, <a href="../controlP5/Controller.html#setLock(boolean)">setLock</a>, <a href="../controlP5/Controller.html#setMax(float)">setMax</a>, <a href="../controlP5/Controller.html#setMin(float)">setMin</a>, <a href="../controlP5/Controller.html#setMouseOver(boolean)">setMouseOver</a>, <a href="../controlP5/Controller.html#setMousePressed(boolean)">setMousePressed</a>, <a href="../controlP5/Controller.html#setMoveable(boolean)">setMoveable</a>, <a href="../controlP5/Controller.html#setParent(controlP5.ControllerInterface)">setParent</a>, <a href="../controlP5/Controller.html#setPosition(float, float)">setPosition</a>, <a href="../controlP5/Controller.html#setPosition(processing.core.PVector)">setPosition</a>, <a href="../controlP5/Controller.html#setSize(int, int)">setSize</a>, <a href="../controlP5/Controller.html#setSize(processing.core.PImage)">setSize</a>, <a href="../controlP5/Controller.html#setStringValue(java.lang.String)">setStringValue</a>, <a href="../controlP5/Controller.html#setTab(controlP5.ControlWindow, java.lang.String)">setTab</a>, <a href="../controlP5/Controller.html#setTab(java.lang.String)">setTab</a>, <a href="../controlP5/Controller.html#setUpdate(boolean)">setUpdate</a>, <a href="../controlP5/Controller.html#setUserInteraction(boolean)">setUserInteraction</a>, <a href="../controlP5/Controller.html#setValueLabel(java.lang.String)">setValueLabel</a>, <a href="../controlP5/Controller.html#setValueSelf(float)">setValueSelf</a>, <a href="../controlP5/Controller.html#setView(controlP5.ControllerView)">setView</a>, <a href="../controlP5/Controller.html#setView(controlP5.ControllerView, int)">setView</a>, <a href="../controlP5/Controller.html#setVisible(boolean)">setVisible</a>, <a href="../controlP5/Controller.html#setWidth(int)">setWidth</a>, <a href="../controlP5/Controller.html#show()">show</a>, <a href="../controlP5/Controller.html#toString()">toString</a>, <a href="../controlP5/Controller.html#unlock()">unlock</a>, <a href="../controlP5/Controller.html#unplugFrom(java.lang.Object)">unplugFrom</a>, <a href="../controlP5/Controller.html#unplugFrom(java.lang.Object[])">unplugFrom</a>, <a href="../controlP5/Controller.html#unregisterTooltip()">unregisterTooltip</a>, <a href="../controlP5/Controller.html#updateAbsolutePosition()">updateAbsolutePosition</a>, <a href="../controlP5/Controller.html#updateEvents()">updateEvents</a>, <a href="../controlP5/Controller.html#updateInternalEvents(processing.core.PApplet)">updateInternalEvents</a>, <a href="../controlP5/Controller.html#updateSize()">updateSize</a></code></li>
+</ul>
+<ul class="blockList">
+<li class="blockList"><a name="methods_inherited_from_class_java.lang.Object">
+<!--   -->
+</a>
+<h3>Methods inherited from class&nbsp;java.lang.Object</h3>
+<code>equals, getClass, hashCode, notify, notifyAll, wait, wait, wait</code></li>
+</ul>
+<ul class="blockList">
+<li class="blockList"><a name="methods_inherited_from_class_controlP5.ControllerInterface">
+<!--   -->
+</a>
+<h3>Methods inherited from interface&nbsp;controlP5.<a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a></h3>
+<code><a href="../controlP5/ControllerInterface.html#parent()">parent</a>, <a href="../controlP5/ControllerInterface.html#setColorLabel(int)">setColorLabel</a>, <a href="../controlP5/ControllerInterface.html#setColorValue(int)">setColorValue</a>, <a href="../controlP5/ControllerInterface.html#setLabel(java.lang.String)">setLabel</a></code></li>
+</ul>
+</li>
+</ul>
+</li>
+</ul>
+</div>
+<div class="details">
+<ul class="blockList">
+<li class="blockList">
+<!-- ============ FIELD DETAIL =========== -->
+<ul class="blockList">
+<li class="blockList"><a name="field_detail">
+<!--   -->
+</a>
+<h3>Field Detail</h3>
+<a name="closeDelay">
+<!--   -->
+</a>
+<ul class="blockListLast">
+<li class="blockList">
+<h4>closeDelay</h4>
+<pre>public&nbsp;int closeDelay</pre>
+</li>
+</ul>
+</li>
+</ul>
+<!-- ========= CONSTRUCTOR DETAIL ======== -->
+<ul class="blockList">
+<li class="blockList"><a name="constructor_detail">
+<!--   -->
+</a>
+<h3>Constructor Detail</h3>
+<a name="MultiList(controlP5.ControlP5, java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>MultiList</h4>
+<pre>public&nbsp;MultiList(<a href="../controlP5/ControlP5.html" title="class in controlP5">ControlP5</a>&nbsp;theControlP5,
+         java.lang.String&nbsp;theName)</pre>
+<div class="block">Convenience constructor to extend MultiList.</div>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theControlP5</code> - </dd><dd><code>theName</code> - </dd><script type="text/javascript">
+<!--
+document.getElementsByTagName('html')[0].className = 'isjs';function toggle(dt) { var display, dd=dt; do{ dd = dd.nextSibling } while(dd.tagName!='DD'); toOpen =!dd.style.display;dd.style.display = toOpen? 'block':''; dt.getElementsByTagName('span')[0].innerHTML  = toOpen? '-':'+' ; }
+-->
+</script>
+<div id="test" class="toggleList"><dl><dt onclick="toggle(this);"><span>+</span>Example</dt><dd><code><pre>/**
+ * ControlP5 extending Controllers
+ *
+ * the following example shows how to extend the Controller class to 
+ * create customizable Controllers. You can either extend the Controller class itself,
+ * or any class that extends Controller itself like the Slider, Button, DropdownList, etc. 
+ * 
+ * How to:
+ *
+ * 1) do a super call to the convenience constructor requiring 
+ * 2 parameter (ControlP5 instance, name)  
+ *
+ * 2) the Controller class has a set of empty methods that allow you to capture
+ * inputs from the mouse including 
+ * onEnter(), onLeave(), onPress(), onRelease(), onClick(), onScroll(int), onDrag()
+ * These you can override and include functionality as needed.
+ *
+ * 3) use method getPointer() to return the local (relative) 
+ * xy-coordinates of the controller
+ *  
+ * 4) after instantiation custom controllers are treated the same 
+ * as default controlP5 controllers.
+ *  
+ * by Andreas Schlegel, 2012
+ * www.sojamo.de/libraries/controlp5
+ *
+ */
+
+import controlP5.*;
+
+ControlP5 cp5;
+PApplet p;
+
+void setup() {
+  size(400, 400);
+  cp5 = new ControlP5(this);
+  
+  // create 2 groups to show nesting of custom controllers and
+  //   
+  Group g1 = cp5.addGroup("a").setPosition(0,100).setWidth(180);
+  Group g2 = cp5.addGroup("b").setPosition(0,10).setWidth(180);
+  g2.moveTo(g1);
+  
+  // create 2 custom Controllers from class MyButton
+  // MyButton extends Controller and inherits all methods accordingly.
+  new MyButton(cp5, "b1").setPosition(0, 0).setSize(180, 200).moveTo(g2);
+  new MyButton(cp5, "b2").setPosition(205, 15).setSize(180, 200);
+  
+}
+
+
+void draw() {
+  background(0);
+}
+
+// b1 will be called from Controller b1
+public void b1(float theValue) {
+  println("yay button "+theValue);
+}
+
+public void controlEvent(ControlEvent theEvent) {
+  println("controlEvent : "+theEvent);
+}
+
+
+// Create a custom Controller, please not that 
+// MyButton extends Controller<MyButton>, <MyButton>
+// is an indicator for the super class about the type of 
+// custom controller to be created.
+
+class MyButton extends Controller<MyButton> {
+
+  int current = 0xffff0000;
+
+  float a = 128;
+  
+  float na;
+  
+  int y;
+  
+  // use the convenience constructor of super class Controller
+  // MyButton will automatically registered and move to the 
+  // default controlP5 tab.
+  
+  MyButton(ControlP5 cp5, String theName) {
+    super(cp5, theName);
+    
+    // replace the default view with a custom view.
+    setView(new ControllerView() {
+      public void display(PApplet p, Object b) {
+        // draw button background
+        na += (a-na) * 0.1; 
+        p.fill(current,na);
+        p.rect(0, 0, getWidth(), getHeight());
+        
+        // draw horizontal line which can be moved on the x-axis 
+        // using the scroll wheel. 
+        p.fill(0,255,0);
+        p.rect(0,y,width,10);
+        
+        // draw the custom label 
+        p.fill(128);
+        translate(0,getHeight()+14);
+        p.text(getName(),0,0);
+        p.text(getName(),0,0);
+        
+      }
+    }
+    );
+  }
+
+  // override various input methods for mouse input control
+  void onEnter() {
+    cursor(HAND);
+    println("enter");
+    a = 255;
+  }
+  
+  void onScroll(int n) {
+    println("scrolling");
+    y -= n;
+    y = constrain(y,0,getHeight()-10);
+  }
+  
+  void onPress() {
+    println("press");
+    current = 0xffffff00;
+  }
+  
+  void onClick() {
+    Pointer p1 = getPointer();
+    println("clicked at "+p1.x()+", "+p1.y());
+    current = 0xffffff00;
+    setValue(y);
+  }
+
+  void onRelease() {
+    println("release");
+    current = 0xffffffff;
+  }
+  
+  void onMove() {
+    println("moving "+this+" "+_myControlWindow.getMouseOverList());
+  }
+
+  void onDrag() {
+    current = 0xff0000ff;
+    Pointer p1 = getPointer();
+    float dif = dist(p1.px(),p1.py(),p1.x(),p1.y());
+    println("dragging at "+p1.x()+", "+p1.y()+" "+dif);
+  }
+  
+  void onReleaseOutside() {
+    onLeave();
+  }
+
+  void onLeave() {
+    println("leave");
+    cursor(ARROW);
+    a = 128;
+  }
+}
+
+</pre></code></dd></dl></div></dl>
+</li>
+</ul>
+<a name="MultiList(controlP5.ControlP5, controlP5.Tab, java.lang.String, int, int, int, int)">
+<!--   -->
+</a>
+<ul class="blockListLast">
+<li class="blockList">
+<h4>MultiList</h4>
+<pre>public&nbsp;MultiList(<a href="../controlP5/ControlP5.html" title="class in controlP5">ControlP5</a>&nbsp;theControlP5,
+         <a href="../controlP5/Tab.html" title="class in controlP5">Tab</a>&nbsp;theParent,
+         java.lang.String&nbsp;theName,
+         int&nbsp;theX,
+         int&nbsp;theY,
+         int&nbsp;theWidth,
+         int&nbsp;theHeight)</pre>
+</li>
+</ul>
+</li>
+</ul>
+<!-- ============ METHOD DETAIL ========== -->
+<ul class="blockList">
+<li class="blockList"><a name="method_detail">
+<!--   -->
+</a>
+<h3>Method Detail</h3>
+<a name="add(java.lang.String, int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>add</h4>
+<pre>public&nbsp;<a href="../controlP5/MultiListButton.html" title="class in controlP5">MultiListButton</a>&nbsp;add(java.lang.String&nbsp;theName,
+                  int&nbsp;theValue)</pre>
+<div class="block">adds multilist buttons to the multilist.</div>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theName</code> - String</dd><dd><code>theValue</code> - int</dd>
+<dt><span class="strong">Returns:</span></dt><dd>MultiListButton</dd></dl>
+</li>
+</ul>
+<a name="close()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>close</h4>
+<pre>public&nbsp;void&nbsp;close()</pre>
+</li>
+</ul>
+<a name="close(controlP5.MultiListInterface)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>close</h4>
+<pre>public&nbsp;void&nbsp;close(controlP5.MultiListInterface&nbsp;theInterface)</pre>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theInterface</code> - MultiListInterface</dd></dl>
+</li>
+</ul>
+<a name="controlEvent(controlP5.ControlEvent)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>controlEvent</h4>
+<pre>public&nbsp;void&nbsp;controlEvent(<a href="../controlP5/ControlEvent.html" title="class in controlP5">ControlEvent</a>&nbsp;theEvent)</pre>
+<div class="block"><strong>Description copied from interface:&nbsp;<code><a href="../controlP5/ControlListener.html#controlEvent(controlP5.ControlEvent)">ControlListener</a></code></strong></div>
+<div class="block">controlEvent is called by controlP5's ControlBroadcaster to inform available listeners about
+ value changes. Use the CallbackListener to get informed when actions such as pressed,
+ release, drag, etc are performed.</div>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControlListener.html#controlEvent(controlP5.ControlEvent)">controlEvent</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControlListener.html" title="interface in controlP5">ControlListener</a></code></dd>
+<dt><span class="strong">Parameters:</span></dt><dd><code>theEvent</code> - </dd><dt><span class="strong">See Also:</span></dt><dd><a href="../controlP5/CallbackListener.html" title="interface in controlP5"><code>CallbackListener</code></a>, 
+<a href="../controlP5/CallbackEvent.html" title="class in controlP5"><code>CallbackEvent</code></a></dd></dl>
+</li>
+</ul>
+<a name="draw(processing.core.PGraphics)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>draw</h4>
+<pre>public&nbsp;void&nbsp;draw(processing.core.PGraphics&nbsp;theGraphics)</pre>
+<div class="block">the default draw function for each controller extending superclass Controller. This draw
+ function will take care of default matrix operations and will call the display function of
+ the current ControllerView object active for this particular controller.</div>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/CDrawable.html#draw(processing.core.PGraphics)">draw</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/CDrawable.html" title="interface in controlP5">CDrawable</a></code></dd>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerInterface.html#draw(processing.core.PGraphics)">draw</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/MultiList.html" title="class in controlP5">MultiList</a>&gt;</code></dd>
+<dt><strong>Overrides:</strong></dt>
+<dd><code><a href="../controlP5/Controller.html#draw(processing.core.PGraphics)">draw</a></code>&nbsp;in class&nbsp;<code><a href="../controlP5/Controller.html" title="class in controlP5">Controller</a>&lt;<a href="../controlP5/MultiList.html" title="class in controlP5">MultiList</a>&gt;</code></dd>
+<dt><span class="strong">See Also:</span></dt><dd><a href="../controlP5/ControllerView.html" title="interface in controlP5"><code>ControllerView</code></a></dd></dl>
+</li>
+</ul>
+<a name="getChildren()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getChildren</h4>
+<pre>@Deprecated
+public&nbsp;java.util.List&lt;<a href="../controlP5/MultiListButton.html" title="class in controlP5">MultiListButton</a>&gt;&nbsp;getChildren()</pre>
+<div class="block"><span class="strong">Deprecated.</span>&nbsp;</div>
+</li>
+</ul>
+<a name="getDirection()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getDirection</h4>
+<pre>public&nbsp;int&nbsp;getDirection()</pre>
+</li>
+</ul>
+<a name="observe()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>observe</h4>
+<pre>public&nbsp;boolean&nbsp;observe()</pre>
+<dl><dt><span class="strong">Returns:</span></dt><dd>boolean</dd></dl>
+</li>
+</ul>
+<a name="occupied(boolean)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>occupied</h4>
+<pre>public&nbsp;void&nbsp;occupied(boolean&nbsp;theFlag)</pre>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theFlag</code> - boolean</dd></dl>
+</li>
+</ul>
+<a name="open()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>open</h4>
+<pre>public&nbsp;void&nbsp;open()</pre>
+</li>
+</ul>
+<a name="remove()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>remove</h4>
+<pre>public&nbsp;void&nbsp;remove()</pre>
+<div class="block">removes the multilist.</div>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerInterface.html#remove()">remove</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/MultiList.html" title="class in controlP5">MultiList</a>&gt;</code></dd>
+<dt><strong>Overrides:</strong></dt>
+<dd><code><a href="../controlP5/Controller.html#remove()">remove</a></code>&nbsp;in class&nbsp;<code><a href="../controlP5/Controller.html" title="class in controlP5">Controller</a>&lt;<a href="../controlP5/MultiList.html" title="class in controlP5">MultiList</a>&gt;</code></dd>
+</dl>
+</li>
+</ul>
+<a name="setup()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setup</h4>
+<pre>public&nbsp;void&nbsp;setup()</pre>
+</li>
+</ul>
+<a name="setValue(float)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setValue</h4>
+<pre>public&nbsp;<a href="../controlP5/MultiList.html" title="class in controlP5">MultiList</a>&nbsp;setValue(float&nbsp;theValue)</pre>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerInterface.html#setValue(float)">setValue</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/MultiList.html" title="class in controlP5">MultiList</a>&gt;</code></dd>
+<dt><strong>Overrides:</strong></dt>
+<dd><code><a href="../controlP5/Controller.html#setValue(float)">setValue</a></code>&nbsp;in class&nbsp;<code><a href="../controlP5/Controller.html" title="class in controlP5">Controller</a>&lt;<a href="../controlP5/MultiList.html" title="class in controlP5">MultiList</a>&gt;</code></dd>
+<dt><span class="strong">Parameters:</span></dt><dd><code>theValue</code> - float</dd></dl>
+</li>
+</ul>
+<a name="subelements()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>subelements</h4>
+<pre>@Deprecated
+public&nbsp;java.util.List&lt;<a href="../controlP5/MultiListButton.html" title="class in controlP5">MultiListButton</a>&gt;&nbsp;subelements()</pre>
+<div class="block"><span class="strong">Deprecated.</span>&nbsp;</div>
+</li>
+</ul>
+<a name="toUpperCase(boolean)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>toUpperCase</h4>
+<pre>public&nbsp;<a href="../controlP5/MultiList.html" title="class in controlP5">MultiList</a>&nbsp;toUpperCase(boolean&nbsp;theValue)</pre>
+</li>
+</ul>
+<a name="update()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>update</h4>
+<pre>public&nbsp;<a href="../controlP5/MultiList.html" title="class in controlP5">MultiList</a>&nbsp;update()</pre>
+<div class="block">updates the value of the controller without having to set the value explicitly. update does
+ not visually update the controller. the updating status can be set with setUpdate(true/false)
+ and checked with isUpdate().</div>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerInterface.html#update()">update</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/MultiList.html" title="class in controlP5">MultiList</a>&gt;</code></dd>
+<dt><strong>Overrides:</strong></dt>
+<dd><code><a href="../controlP5/Controller.html#update()">update</a></code>&nbsp;in class&nbsp;<code><a href="../controlP5/Controller.html" title="class in controlP5">Controller</a>&lt;<a href="../controlP5/MultiList.html" title="class in controlP5">MultiList</a>&gt;</code></dd>
+<dt><span class="strong">Returns:</span></dt><dd>Controller</dd><dt><span class="strong">See Also:</span></dt><dd><a href="../controlP5/Controller.html#setUpdate(boolean)"><code>Controller.setUpdate(boolean)</code></a>, 
+<a href="../controlP5/Controller.html#isUpdate()"><code>Controller.isUpdate()</code></a></dd></dl>
+</li>
+</ul>
+<a name="update(processing.core.PApplet)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>update</h4>
+<pre>public&nbsp;boolean&nbsp;update(processing.core.PApplet&nbsp;theApplet)</pre>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theApplet</code> - </dd>
+<dt><span class="strong">Returns:</span></dt><dd>boolean</dd></dl>
+</li>
+</ul>
+<a name="updateLocation(float, float)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>updateLocation</h4>
+<pre>public&nbsp;void&nbsp;updateLocation(float&nbsp;theX,
+                  float&nbsp;theY)</pre>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theX</code> - float</dd><dd><code>theY</code> - float</dd></dl>
+</li>
+</ul>
+<a name="name()">
+<!--   -->
+</a>
+<ul class="blockListLast">
+<li class="blockList">
+<h4>name</h4>
+<pre>public&nbsp;java.lang.String&nbsp;name()</pre>
+</li>
+</ul>
+</li>
+</ul>
+</li>
+</ul>
+</div>
+</div>
+<!-- ========= END OF CLASS DATA ========= -->
+<!-- ======= START OF BOTTOM NAVBAR ====== -->
+<div class="bottomNav"><a name="navbar_bottom">
+<!--   -->
+</a><a href="#skip-navbar_bottom" title="Skip navigation links"></a><a name="navbar_bottom_firstrow">
+<!--   -->
+</a>
+<ul class="navList" title="Navigation">
+<li><a href="../controlP5/package-summary.html">Package</a></li>
+<li class="navBarCell1Rev">Class</li>
+<li><a href="package-tree.html">Tree</a></li>
+<li><a href="../index-all.html">Index</a></li>
+<li><a href="../help-doc.html">Help</a></li>
+</ul>
+</div>
+<div class="subNav">
+<ul class="navList">
+<li><a href="../controlP5/Matrix.html" title="class in controlP5"><span class="strong">Prev Class</span></a></li>
+<li><a href="../controlP5/MultiListButton.html" title="class in controlP5"><span class="strong">Next Class</span></a></li>
+</ul>
+<ul class="navList">
+<li><a href="../index.html?controlP5/MultiList.html" target="_top">Frames</a></li>
+<li><a href="MultiList.html" target="_top">No Frames</a></li>
+</ul>
+<ul class="navList" id="allclasses_navbar_bottom">
+<li><a href="../allclasses-noframe.html">All Classes</a></li>
+</ul>
+<div>
+<script type="text/javascript"><!--
+  allClassesLink = document.getElementById("allclasses_navbar_bottom");
+  if(window==top) {
+    allClassesLink.style.display = "block";
+  }
+  else {
+    allClassesLink.style.display = "none";
+  }
+  //-->
+</script>
+</div>
+<div>
+<ul class="subNavList">
+<li>Summary:&nbsp;</li>
+<li>Nested&nbsp;|&nbsp;</li>
+<li><a href="#field_summary">Field</a>&nbsp;|&nbsp;</li>
+<li><a href="#constructor_summary">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_summary">Method</a></li>
+</ul>
+<ul class="subNavList">
+<li>Detail:&nbsp;</li>
+<li><a href="#field_detail">Field</a>&nbsp;|&nbsp;</li>
+<li><a href="#constructor_detail">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_detail">Method</a></li>
+</ul>
+</div>
+<a name="skip-navbar_bottom">
+<!--   -->
+</a></div>
+<!-- ======== END OF BOTTOM NAVBAR ======= -->
+<p class="legalCopy"><small>processing library controlP5 by Andreas Schlegel. (c) 2006-2014</small></p>
+</body>
+</html>
diff --git a/reference/controlP5/MultiListButton.html b/reference/controlP5/MultiListButton.html
new file mode 100644
index 0000000..59e4efb
--- /dev/null
+++ b/reference/controlP5/MultiListButton.html
@@ -0,0 +1,614 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
+<!-- NewPage -->
+<html lang="en">
+<head>
+<!-- Generated by javadoc (version 1.7.0_51) on Sun Apr 27 21:39:47 SGT 2014 -->
+<title>MultiListButton (Javadocs: controlP5)</title>
+<meta name="date" content="2014-04-27">
+<link rel="stylesheet" type="text/css" href="../stylesheet.css" title="Style">
+</head>
+<body>
+<script type="text/javascript"><!--
+    if (location.href.indexOf('is-external=true') == -1) {
+        parent.document.title="MultiListButton (Javadocs: controlP5)";
+    }
+//-->
+</script>
+<noscript>
+<div>JavaScript is disabled on your browser.</div>
+</noscript>
+<!-- ========= START OF TOP NAVBAR ======= -->
+<div class="topNav"><a name="navbar_top">
+<!--   -->
+</a><a href="#skip-navbar_top" title="Skip navigation links"></a><a name="navbar_top_firstrow">
+<!--   -->
+</a>
+<ul class="navList" title="Navigation">
+<li><a href="../controlP5/package-summary.html">Package</a></li>
+<li class="navBarCell1Rev">Class</li>
+<li><a href="package-tree.html">Tree</a></li>
+<li><a href="../index-all.html">Index</a></li>
+<li><a href="../help-doc.html">Help</a></li>
+</ul>
+</div>
+<div class="subNav">
+<ul class="navList">
+<li><a href="../controlP5/MultiList.html" title="class in controlP5"><span class="strong">Prev Class</span></a></li>
+<li><a href="../controlP5/Numberbox.html" title="class in controlP5"><span class="strong">Next Class</span></a></li>
+</ul>
+<ul class="navList">
+<li><a href="../index.html?controlP5/MultiListButton.html" target="_top">Frames</a></li>
+<li><a href="MultiListButton.html" target="_top">No Frames</a></li>
+</ul>
+<ul class="navList" id="allclasses_navbar_top">
+<li><a href="../allclasses-noframe.html">All Classes</a></li>
+</ul>
+<div>
+<script type="text/javascript"><!--
+  allClassesLink = document.getElementById("allclasses_navbar_top");
+  if(window==top) {
+    allClassesLink.style.display = "block";
+  }
+  else {
+    allClassesLink.style.display = "none";
+  }
+  //-->
+</script>
+</div>
+<div>
+<ul class="subNavList">
+<li>Summary:&nbsp;</li>
+<li>Nested&nbsp;|&nbsp;</li>
+<li><a href="#fields_inherited_from_class_controlP5.Button">Field</a>&nbsp;|&nbsp;</li>
+<li>Constr&nbsp;|&nbsp;</li>
+<li><a href="#method_summary">Method</a></li>
+</ul>
+<ul class="subNavList">
+<li>Detail:&nbsp;</li>
+<li>Field&nbsp;|&nbsp;</li>
+<li>Constr&nbsp;|&nbsp;</li>
+<li><a href="#method_detail">Method</a></li>
+</ul>
+</div>
+<a name="skip-navbar_top">
+<!--   -->
+</a></div>
+<!-- ========= END OF TOP NAVBAR ========= -->
+<!-- ======== START OF CLASS DATA ======== -->
+<div class="header">
+<div class="subTitle">controlP5</div>
+<h2 title="Class MultiListButton" class="title">Class MultiListButton</h2>
+</div>
+<div class="contentContainer">
+<ul class="inheritance">
+<li>java.lang.Object</li>
+<li>
+<ul class="inheritance">
+<li><a href="../controlP5/Controller.html" title="class in controlP5">controlP5.Controller</a>&lt;<a href="../controlP5/Button.html" title="class in controlP5">Button</a>&gt;</li>
+<li>
+<ul class="inheritance">
+<li><a href="../controlP5/Button.html" title="class in controlP5">controlP5.Button</a></li>
+<li>
+<ul class="inheritance">
+<li>controlP5.MultiListButton</li>
+</ul>
+</li>
+</ul>
+</li>
+</ul>
+</li>
+</ul>
+<div class="description">
+<ul class="blockList">
+<li class="blockList">
+<dl>
+<dt>All Implemented Interfaces:</dt>
+<dd><a href="../controlP5/CDrawable.html" title="interface in controlP5">CDrawable</a>, <a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/Button.html" title="class in controlP5">Button</a>&gt;, <a href="../controlP5/ControlP5Constants.html" title="interface in controlP5">ControlP5Constants</a></dd>
+</dl>
+<hr>
+<br>
+<pre>public class <span class="strong">MultiListButton</span>
+extends <a href="../controlP5/Button.html" title="class in controlP5">Button</a></pre>
+<div class="block">Used by MultiList.</div>
+<dl><script type="text/javascript">
+<!--
+document.getElementsByTagName('html')[0].className = 'isjs';function toggle(dt) { var display, dd=dt; do{ dd = dd.nextSibling } while(dd.tagName!='DD'); toOpen =!dd.style.display;dd.style.display = toOpen? 'block':''; dt.getElementsByTagName('span')[0].innerHTML  = toOpen? '-':'+' ; }
+-->
+</script>
+<div id="test" class="toggleList"><dl><dt onclick="toggle(this);"><span>+</span>Example</dt><dd><code><pre>/**
+ * ControlP5 MultiList
+ * by andreas schlegel, 2009
+ */
+
+import controlP5.*;
+
+ControlP5 controlP5;
+MultiList l;
+
+void setup() {
+  size(700,400);
+  frameRate(30);
+  controlP5 = new ControlP5(this);
+  
+  // add a multiList to controlP5.
+  // elements of the list have default dimensions
+  // here, a width of 100 and a height of 12
+  l = controlP5.addMultiList("myList",20,20,100,12);
+  
+  // create a multiListButton which we will use to
+  // add new buttons to the multilist
+  MultiListButton b;
+  b = l.add("level1",1);
+  
+  // add items to a sublist of button "level1"
+  b.add("level11",11).setLabel("level1 item1");
+  b.add("level12",12).setLabel("level1 item2");
+
+  b = l.add("level2",2);
+  
+  int cnt = 100;
+  
+  // add some more sublists.
+  for(int i=0;i<10;i++) {
+    MultiListButton c = b.add("level2"+(i+1),20+i+1);
+    c.setLabel("level2 item"+(i+1));
+    c.setColorBackground(color(64 + 18*i,0,0));
+    
+    if(i==4) {
+    // changing the width and the height of a button
+    // will be inherited by its sublists.
+    c.setWidth(100);
+    c.setHeight(20);
+    }
+    cnt++;
+    
+    if(i==4) {
+      for(int j=0;j<10;j++) {
+        cnt++;
+        MultiListButton d;
+        d = c.add("level2"+i+""+j,250+j+1);
+        d.setLabel("level2 item"+(i+1)+" "+"item"+(j+1));
+        d.setColorBackground(color(64 + 18*j,(64 + 18*j)/2,0));
+        d.setId(cnt);
+        d.setWidth(200);
+      }
+    }
+  }
+  
+  MultiListButton cc = (MultiListButton)controlP5.controller("level21");
+  cc.setHeight(40);
+}
+
+
+void controlEvent(ControlEvent theEvent) {
+  println(theEvent.controller().name()+" = "+theEvent.value());  
+  // uncomment the line below to remove a multilist item when clicked.
+  // theEvent.controller().remove();
+}
+
+
+void draw() {
+  background(0);
+}
+
+void keyPressed() {
+  if(controlP5.controller("level23")!=null) {
+    println("removing multilist button level23.");
+    controlP5.controller("level23").remove();
+  }
+}
+</pre></code></dd></dl></div></dl>
+</li>
+</ul>
+</div>
+<div class="summary">
+<ul class="blockList">
+<li class="blockList">
+<!-- =========== FIELD SUMMARY =========== -->
+<ul class="blockList">
+<li class="blockList"><a name="field_summary">
+<!--   -->
+</a>
+<h3>Field Summary</h3>
+<ul class="blockList">
+<li class="blockList"><a name="fields_inherited_from_class_controlP5.Button">
+<!--   -->
+</a>
+<h3>Fields inherited from class&nbsp;controlP5.<a href="../controlP5/Button.html" title="class in controlP5">Button</a></h3>
+<code><a href="../controlP5/Button.html#autoHeight">autoHeight</a>, <a href="../controlP5/Button.html#autoWidth">autoWidth</a></code></li>
+</ul>
+<ul class="blockList">
+<li class="blockList"><a name="fields_inherited_from_class_controlP5.Controller">
+<!--   -->
+</a>
+<h3>Fields inherited from class&nbsp;controlP5.<a href="../controlP5/Controller.html" title="class in controlP5">Controller</a></h3>
+<code><a href="../controlP5/Controller.html#autoSpacing">autoSpacing</a></code></li>
+</ul>
+<ul class="blockList">
+<li class="blockList"><a name="fields_inherited_from_class_controlP5.ControlP5Constants">
+<!--   -->
+</a>
+<h3>Fields inherited from interface&nbsp;controlP5.<a href="../controlP5/ControlP5Constants.html" title="interface in controlP5">ControlP5Constants</a></h3>
+<code><a href="../controlP5/ControlP5Constants.html#acceptClassList">acceptClassList</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_BROADCAST">ACTION_BROADCAST</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_CLICK">ACTION_CLICK</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_DRAG">ACTION_DRAG</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_ENTER">ACTION_ENTER</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_EXIT">ACTION_EXIT</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_LEAVE">ACTION_LEAVE</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_MOVE">ACTION_MOVE</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_PRESS">ACTION_PRESS</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_PRESSED">ACTION_PRESSED</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_RELEASE">ACTION_RELEASE</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_RELEASED">ACTION_RELEASED</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_RELEASEDOUTSIDE">ACTION_RELEASEDOUTSIDE</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_WHEEL">ACTION_WHEEL</a>, <a href="../controlP5/ControlP5Constants.html#ACTIVE">ACTIVE</a>, <a href="../controlP5/ControlP5Constants.html#ALL">ALL</a>, <a href="../controlP5/ControlP5Constants.html#ALT">ALT</a>, <a href="../controlP5/ControlP5Constants.html#AQUA">AQUA</a>, <a href="../controlP5/ControlP5Constants.html#ARC">ARC</a>, <a href="../controlP5/ControlP5Constants.html#ARRAY">ARRAY</a>, <a href="../controlP5/ControlP5Constants.html#BACKSPACE">BACKSPACE</a>, <a href="../controlP5/ControlP5Constants.html#BASELINE">BASELINE</a>, <a href="../controlP5/ControlP5Constants.html#BITFONT">BITFONT</a>, <a href="../controlP5/ControlP5Constants.html#BLACK">BLACK</a>, <a href="../controlP5/ControlP5Constants.html#BLUE">BLUE</a>, <a href="../controlP5/ControlP5Constants.html#BOOLEAN">BOOLEAN</a>, <a href="../controlP5/ControlP5Constants.html#BOTTOM">BOTTOM</a>, <a href="../controlP5/ControlP5Constants.html#BOTTOM_OUTSIDE">BOTTOM_OUTSIDE</a>, <a href="../controlP5/ControlP5Constants.html#CAPTIONLABEL">CAPTIONLABEL</a>, <a href="../controlP5/ControlP5Constants.html#CENTER">CENTER</a>, <a href="../controlP5/ControlP5Constants.html#CHECKBOX">CHECKBOX</a>, <a href="../controlP5/ControlP5Constants.html#COMMANDKEY">COMMANDKEY</a>, <a href="../controlP5/ControlP5Constants.html#CONTROL">CONTROL</a>, <a href="../controlP5/ControlP5Constants.html#controlEventClass">controlEventClass</a>, <a href="../controlP5/ControlP5Constants.html#CUSTOM">CUSTOM</a>, <a href="../controlP5/ControlP5Constants.html#DECREASE">DECREASE</a>, <a href="../controlP5/ControlP5Constants.html#DEFAULT">DEFAULT</a>, <a href="../controlP5/ControlP5Constants.html#DELETE">DELETE</a>, <a href="../controlP5/ControlP5Constants.html#DONE">DONE</a>, <a href="../controlP5/ControlP5Constants.html#DOWN">DOWN</a>, <a href="../controlP5/ControlP5Constants.html#DROPDOWN">DROPDOWN</a>, <a href="../controlP5/ControlP5Constants.html#ELLIPSE">ELLIPSE</a>, <a href="../controlP5/ControlP5Constants.html#ENTER">ENTER</a>, <a href="../controlP5/ControlP5Constants.html#ESCAPE">ESCAPE</a>, <a href="../controlP5/ControlP5Constants.html#EVENT">EVENT</a>, <a href="../controlP5/ControlP5Constants.html#eventMethod">eventMethod</a>, <a href="../controlP5/ControlP5Constants.html#FADEIN">FADEIN</a>, <a href="../controlP5/ControlP5Constants.html#FADEOUT">FADEOUT</a>, <a href="../controlP5/ControlP5Constants.html#FIELD">FIELD</a>, <a href="../controlP5/ControlP5Constants.html#FLOAT">FLOAT</a>, <a href="../controlP5/ControlP5Constants.html#FUCHSIA">FUCHSIA</a>, <a href="../controlP5/ControlP5Constants.html#GRAY">GRAY</a>, <a href="../controlP5/ControlP5Constants.html#GREEN">GREEN</a>, <a href="../controlP5/ControlP5Constants.html#grixel">grixel</a>, <a href="../controlP5/ControlP5Constants.html#HALF_PI">HALF_PI</a>, <a href="../controlP5/ControlP5Constants.html#HIDE">HIDE</a>, <a href="../controlP5/ControlP5Constants.html#HIGHLIGHT">HIGHLIGHT</a>, <a href="../controlP5/ControlP5Constants.html#HORIZONTAL">HORIZONTAL</a>, <a href="../controlP5/ControlP5Constants.html#IDLE">IDLE</a>, <a href="../controlP5/ControlP5Constants.html#IMAGE">IMAGE</a>, <a href="../controlP5/ControlP5Constants.html#INACTIVE">INACTIVE</a>, <a href="../controlP5/ControlP5Constants.html#INCREASE">INCREASE</a>, <a href="../controlP5/ControlP5Constants.html#INTEGER">INTEGER</a>, <a href="../controlP5/ControlP5Constants.html#INVALID">INVALID</a>, <a href="../controlP5/ControlP5Constants.html#J2D">J2D</a>, <a href="../controlP5/ControlP5Constants.html#KEYCONTROL">KEYCONTROL</a>, <a href="../controlP5/ControlP5Constants.html#LEFT">LEFT</a>, <a href="../controlP5/ControlP5Constants.html#LEFT_OUTSIDE">LEFT_OUTSIDE</a>, <a href="../controlP5/ControlP5Constants.html#LIME">LIME</a>, <a href="../controlP5/ControlP5Constants.html#LINE">LINE</a>, <a href="../controlP5/ControlP5Constants.html#LIST">LIST</a>, <a href="../controlP5/ControlP5Constants.html#LOAD">LOAD</a>, <a href="../controlP5/ControlP5Constants.html#MAROON">MAROON</a>, <a href="../controlP5/ControlP5Constants.html#MENU">MENU</a>, <a href="../controlP5/ControlP5Constants.html#METHOD">METHOD</a>, <a href="../controlP5/ControlP5Constants.html#MOVE">MOVE</a>, <a href="../controlP5/ControlP5Constants.html#MULTI">MULTI</a>, <a href="../controlP5/ControlP5Constants.html#MULTIPLES">MULTIPLES</a>, <a href="../controlP5/ControlP5Constants.html#NAVY">NAVY</a>, <a href="../controlP5/ControlP5Constants.html#OLIVE">OLIVE</a>, <a href="../controlP5/ControlP5Constants.html#ORANGE">ORANGE</a>, <a href="../controlP5/ControlP5Constants.html#OVER">OVER</a>, <a href="../controlP5/ControlP5Constants.html#P2D">P2D</a>, <a href="../controlP5/ControlP5Constants.html#P3D">P3D</a>, <a href="../controlP5/ControlP5Constants.html#PI">PI</a>, <a href="../controlP5/ControlP5Constants.html#PRESSED">PRESSED</a>, <a href="../controlP5/ControlP5Constants.html#PRINT">PRINT</a>, <a href="../controlP5/ControlP5Constants.html#PURPLE">PURPLE</a>, <a href="../controlP5/ControlP5Constants.html#RED">RED</a>, <a href="../controlP5/ControlP5Constants.html#RELEASE">RELEASE</a>, <a href="../controlP5/ControlP5Constants.html#RESET">RESET</a>, <a href="../controlP5/ControlP5Constants.html#RIGHT">RIGHT</a>, <a href="../controlP5/ControlP5Constants.html#RIGHT_OUTSIDE">RIGHT_OUTSIDE</a>, <a href="../controlP5/ControlP5Constants.html#SAVE">SAVE</a>, <a href="../controlP5/ControlP5Constants.html#SHIFT">SHIFT</a>, <a href="../controlP5/ControlP5Constants.html#SILVER">SILVER</a>, <a href="../controlP5/ControlP5Constants.html#SINGLE">SINGLE</a>, <a href="../controlP5/ControlP5Constants.html#SINGLE_COLUMN">SINGLE_COLUMN</a>, <a href="../controlP5/ControlP5Constants.html#SINGLE_ROW">SINGLE_ROW</a>, <a href="../controlP5/ControlP5Constants.html#SPRITE">SPRITE</a>, <a href="../controlP5/ControlP5Constants.html#standard56">standard56</a>, <a href="../controlP5/ControlP5Constants.html#standard58">standard58</a>, <a href="../controlP5/ControlP5Constants.html#STRING">STRING</a>, <a href="../controlP5/ControlP5Constants.html#SWITCH">SWITCH</a>, <a href="../controlP5/ControlP5Constants.html#SWITCH_BACK">SWITCH_BACK</a>, <a href="../controlP5/ControlP5Constants.html#SWITCH_FORE">SWITCH_FORE</a>, <a href="../controlP5/ControlP5Constants.html#synt24">synt24</a>, <a href="../controlP5/ControlP5Constants.html#TAB">TAB</a>, <a href="../controlP5/ControlP5Constants.html#TEAL">TEAL</a>, <a href="../controlP5/ControlP5Constants.html#THEME_A">THEME_A</a>, <a href="../controlP5/ControlP5Constants.html#THEME_CP52014">THEME_CP52014</a>, <a href="../controlP5/ControlP5Constants.html#THEME_CP5BLUE">THEME_CP5BLUE</a>, <a href="../controlP5/ControlP5Constants.html#THEME_RED">THEME_RED</a>, <a href="../controlP5/ControlP5Constants.html#THEME_RETRO">THEME_RETRO</a>, <a href="../controlP5/ControlP5Constants.html#THEME_WHITE">THEME_WHITE</a>, <a href="../controlP5/ControlP5Constants.html#TOP">TOP</a>, <a href="../controlP5/ControlP5Constants.html#TOP_OUTSIDE">TOP_OUTSIDE</a>, <a href="../controlP5/ControlP5Constants.html#TRANSITION_WAIT_FADEIN">TRANSITION_WAIT_FADEIN</a>, <a href="../controlP5/ControlP5Constants.html#TREE">TREE</a>, <a href="../controlP5/ControlP5Constants.html#TWO_PI">TWO_PI</a>, <a href="../controlP5/ControlP5Constants.html#UP">UP</a>, <a href="../controlP5/ControlP5Constants.html#VALUELABEL">VALUELABEL</a>, <a href="../controlP5/ControlP5Constants.html#VERBOSE">VERBOSE</a>, <a href="../controlP5/ControlP5Constants.html#VERTICAL">VERTICAL</a>, <a href="../controlP5/ControlP5Constants.html#WAIT">WAIT</a>, <a href="../controlP5/ControlP5Constants.html#WHITE">WHITE</a>, <a href="../controlP5/ControlP5Constants.html#YELLOW">YELLOW</a></code></li>
+</ul>
+</li>
+</ul>
+<!-- ========== METHOD SUMMARY =========== -->
+<ul class="blockList">
+<li class="blockList"><a name="method_summary">
+<!--   -->
+</a>
+<h3>Method Summary</h3>
+<table class="overviewSummary" border="0" cellpadding="3" cellspacing="0" summary="Method Summary table, listing methods, and an explanation">
+<caption><span>Methods</span><span class="tabEnd">&nbsp;</span></caption>
+<tr>
+<th class="colFirst" scope="col">Modifier and Type</th>
+<th class="colLast" scope="col">Method and Description</th>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/MultiListButton.html" title="class in controlP5">MultiListButton</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/MultiListButton.html#add(java.lang.String, float)">add</a></strong>(java.lang.String&nbsp;theName,
+   float&nbsp;theValue)</code>
+<div class="block">add a new button to the sublist of this multilist button.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>void</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/MultiListButton.html#close()">close</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>void</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/MultiListButton.html#close(controlP5.MultiListInterface)">close</a></strong>(controlP5.MultiListInterface&nbsp;theInterface)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>void</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/MultiListButton.html#draw(processing.core.PGraphics)">draw</a></strong>(processing.core.PGraphics&nbsp;theGraphics)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>java.util.List&lt;<a href="../controlP5/MultiListButton.html" title="class in controlP5">MultiListButton</a>&gt;</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/MultiListButton.html#getChildren()">getChildren</a></strong>()</code>
+<div class="block"><strong>Deprecated.</strong>&nbsp;</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/MultiListButton.html#getDirection()">getDirection</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>void</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/MultiListButton.html#mouseReleasedOutside()">mouseReleasedOutside</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>java.lang.String</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/MultiListButton.html#name()">name</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>boolean</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/MultiListButton.html#observe()">observe</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>void</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/MultiListButton.html#open()">open</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>void</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/MultiListButton.html#remove()">remove</a></strong>()</code>
+<div class="block">removes a controller from controlP5.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/MultiListButton.html" title="class in controlP5">MultiListButton</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/MultiListButton.html#setHeight(int)">setHeight</a></strong>(int&nbsp;theHeight)</code>
+<div class="block">set the height of a multlist button.</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/MultiListButton.html" title="class in controlP5">MultiListButton</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/MultiListButton.html#setWidth(int)">setWidth</a></strong>(int&nbsp;theWidth)</code>
+<div class="block">set the width of a multlist button.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/MultiListButton.html" title="class in controlP5">MultiListButton</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/MultiListButton.html#toUpperCase(boolean)">toUpperCase</a></strong>(boolean&nbsp;theValue)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>void</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/MultiListButton.html#updateLocation(float, float)">updateLocation</a></strong>(float&nbsp;theX,
+              float&nbsp;theY)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>void</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/MultiListButton.html#updateRect(float, float, float, float)">updateRect</a></strong>(float&nbsp;theX,
+          float&nbsp;theY,
+          float&nbsp;theW,
+          float&nbsp;theH)</code>&nbsp;</td>
+</tr>
+</table>
+<ul class="blockList">
+<li class="blockList"><a name="methods_inherited_from_class_controlP5.Button">
+<!--   -->
+</a>
+<h3>Methods inherited from class&nbsp;controlP5.<a href="../controlP5/Button.html" title="class in controlP5">Button</a></h3>
+<code><a href="../controlP5/Button.html#activateBy(int)">activateBy</a>, <a href="../controlP5/Button.html#getBooleanValue()">getBooleanValue</a>, <a href="../controlP5/Button.html#getInfo()">getInfo</a>, <a href="../controlP5/Button.html#isOn()">isOn</a>, <a href="../controlP5/Button.html#isPressed()">isPressed</a>, <a href="../controlP5/Button.html#mousePressed()">mousePressed</a>, <a href="../controlP5/Button.html#mouseReleased()">mouseReleased</a>, <a href="../controlP5/Button.html#setOff()">setOff</a>, <a href="../controlP5/Button.html#setOn()">setOn</a>, <a href="../controlP5/Button.html#setSwitch(boolean)">setSwitch</a>, <a href="../controlP5/Button.html#setValue(float)">setValue</a>, <a href="../controlP5/Button.html#toString()">toString</a>, <a href="../controlP5/Button.html#update()">update</a>, <a href="../controlP5/Button.html#updateDisplayMode(int)">updateDisplayMode</a>, <a href="../controlP5/Button.html#updateViewMode(int)">updateViewMode</a></code></li>
+</ul>
+<ul class="blockList">
+<li class="blockList"><a name="methods_inherited_from_class_controlP5.Controller">
+<!--   -->
+</a>
+<h3>Methods inherited from class&nbsp;controlP5.<a href="../controlP5/Controller.html" title="class in controlP5">Controller</a></h3>
+<code><a href="../controlP5/Controller.html#add(controlP5.ControllerInterface)">add</a>, <a href="../controlP5/Controller.html#addCallback(controlP5.CallbackListener)">addCallback</a>, <a href="../controlP5/Controller.html#addListener(controlP5.ControlListener)">addListener</a>, <a href="../controlP5/Controller.html#align(int, int, int, int)">align</a>, <a href="../controlP5/Controller.html#bringToFront()">bringToFront</a>, <a href="../controlP5/Controller.html#bringToFront(controlP5.ControllerInterface)">bringToFront</a>, <a href="../controlP5/Controller.html#changeValue(float)">changeValue</a>, <a href="../controlP5/Controller.html#continuousUpdateEvents()">continuousUpdateEvents</a>, <a href="../controlP5/Controller.html#draw(processing.core.PGraphics)">draw</a>, <a href="../controlP5/Controller.html#getAbsolutePosition()">getAbsolutePosition</a>, <a href="../controlP5/Controller.html#getAddress()">getAddress</a>, <a href="../controlP5/Controller.html#getArrayValue()">getArrayValue</a>, <a href="../controlP5/Controller.html#getArrayValue(int)">getArrayValue</a>, <a href="../controlP5/Controller.html#getBehavior()">getBehavior</a>, <a href="../controlP5/Controller.html#getCaptionLabel()">getCaptionLabel</a>, <a href="../controlP5/Controller.html#getColor()">getColor</a>, <a href="../controlP5/Controller.html#getControllerPlugList()">getControllerPlugList</a>, <a href="../controlP5/Controller.html#getControlWindow()">getControlWindow</a>, <a href="../controlP5/Controller.html#getDecimalPrecision()">getDecimalPrecision</a>, <a href="../controlP5/Controller.html#getDefaultValue()">getDefaultValue</a>, <a href="../controlP5/Controller.html#getHeight()">getHeight</a>, <a href="../controlP5/Controller.html#getId()">getId</a>, <a href="../controlP5/Controller.html#getLabel()">getLabel</a>, <a href="../controlP5/Controller.html#getMax()">getMax</a>, <a href="../controlP5/Controller.html#getMin()">getMin</a>, <a href="../controlP5/Controller.html#getName()">getName</a>, <a href="../controlP5/Controller.html#getParent()">getParent</a>, <a href="../controlP5/Controller.html#getPickingColor()">getPickingColor</a>, <a href="../controlP5/Controller.html#getPointer()">getPointer</a>, <a href="../controlP5/Controller.html#getPosition()">getPosition</a>, <a href="../controlP5/Controller.html#getProperty(java.lang.String)">getProperty</a>, <a href="../controlP5/Controller.html#getProperty(java.lang.String, java.lang.String)">getProperty</a>, <a href="../controlP5/Controller.html#getStringValue()">getStringValue</a>, <a href="../controlP5/Controller.html#getTab()">getTab</a>, <a href="../controlP5/Controller.html#getValue()">getValue</a>, <a href="../controlP5/Controller.html#getValueLabel()">getValueLabel</a>, <a href="../controlP5/Controller.html#getView()">getView</a>, <a href="../controlP5/Controller.html#getWidth()">getWidth</a>, <a href="../controlP5/Controller.html#getWindow()">getWindow</a>, <a href="../controlP5/Controller.html#hide()">hide</a>, <a href="../controlP5/Controller.html#init()">init</a>, <a href="../controlP5/Controller.html#isActive()">isActive</a>, <a href="../controlP5/Controller.html#isBroadcast()">isBroadcast</a>, <a href="../controlP5/Controller.html#isInside()">isInside</a>, <a href="../controlP5/Controller.html#isLabelVisible()">isLabelVisible</a>, <a href="../controlP5/Controller.html#isListening()">isListening</a>, <a href="../controlP5/Controller.html#isLock()">isLock</a>, <a href="../controlP5/Controller.html#isMouseOver()">isMouseOver</a>, <a href="../controlP5/Controller.html#isMousePressed()">isMousePressed</a>, <a href="../controlP5/Controller.html#isMoveable()">isMoveable</a>, <a href="../controlP5/Controller.html#isUpdate()">isUpdate</a>, <a href="../controlP5/Controller.html#isUserInteraction()">isUserInteraction</a>, <a href="../controlP5/Controller.html#isVisible()">isVisible</a>, <a href="../controlP5/Controller.html#keyEvent(processing.event.KeyEvent)">keyEvent</a>, <a href="../controlP5/Controller.html#linebreak()">linebreak</a>, <a href="../controlP5/Controller.html#listen(boolean)">listen</a>, <a href="../controlP5/Controller.html#listenerSize()">listenerSize</a>, <a href="../controlP5/Controller.html#lock()">lock</a>, <a href="../controlP5/Controller.html#moveTo(controlP5.ControlGroup)">moveTo</a>, <a href="../controlP5/Controller.html#moveTo(controlP5.ControllerGroup)">moveTo</a>, <a href="../controlP5/Controller.html#moveTo(controlP5.ControllerGroup, controlP5.Tab, controlP5.ControlWindow)">moveTo</a>, <a href="../controlP5/Controller.html#moveTo(controlP5.ControlWindow)">moveTo</a>, <a href="../controlP5/Controller.html#moveTo(controlP5.ControlWindow, java.lang.String)">moveTo</a>, <a href="../controlP5/Controller.html#moveTo(processing.core.PApplet)">moveTo</a>, <a href="../controlP5/Controller.html#moveTo(processing.core.PApplet, java.lang.String)">moveTo</a>, <a href="../controlP5/Controller.html#moveTo(java.lang.String)">moveTo</a>, <a href="../controlP5/Controller.html#moveTo(controlP5.Tab)">moveTo</a>, <a href="../controlP5/Controller.html#plugTo(java.lang.Object)">plugTo</a>, <a href="../controlP5/Controller.html#plugTo(java.lang.Object[])">plugTo</a>, <a href="../controlP5/Controller.html#plugTo(java.lang.Object[], java.lang.String)">plugTo</a>, <a href="../controlP5/Controller.html#plugTo(java.lang.Object, java.lang.String)">plugTo</a>, <a href="../controlP5/Controller.html#registerProperty(java.lang.String)">registerProperty</a>, <a href="../controlP5/Controller.html#registerProperty(java.lang.String, java.lang.String)">registerProperty</a>, <a href="../controlP5/Controller.html#registerTooltip(java.lang.String)">registerTooltip</a>, <a href="../controlP5/Controller.html#remove(controlP5.ControllerInterface)">remove</a>, <a href="../controlP5/Controller.html#removeBehavior()">removeBehavior</a>, <a href="../controlP5/Controller.html#removeCallback()">removeCallback</a>, <a href="../controlP5/Controller.html#removeCallback(controlP5.CallbackListener)">removeCallback</a>, <a href="../controlP5/Controller.html#removeListener(controlP5.ControlListener)">removeListener</a>, <a href="../controlP5/Controller.html#removeProperty(java.lang.String)">removeProperty</a>, <a href="../controlP5/Controller.html#removeProperty(java.lang.String, java.lang.String)">removeProperty</a>, <a href="../controlP5/Controller.html#setAbsolutePosition(processing.core.PVector)">setAbsolutePosition</a>, <a href="../controlP5/Controller.html#setAddress(java.lang.String)">setAddress</a>, <a href="../controlP5/Controller.html#setArrayValue(float[])">setArrayValue</a>, <a href="../controlP5/Controller.html#setArrayValue(int, float)">setArrayValue</a>, <a href="../controlP5/Controller.html#setBehavior(controlP5.ControlBehavior)">setBehavior</a>, <a href="../controlP5/Controller.html#setBroadcast(boolean)">setBroadcast</a>, <a href="../controlP5/Controller.html#setCaptionLabel(java.lang.String)">setCaptionLabel</a>, <a href="../controlP5/Controller.html#setColor(controlP5.CColor)">setColor</a>, <a href="../controlP5/Controller.html#setColorActive(int)">setColorActive</a>, <a href="../controlP5/Controller.html#setColorBackground(int)">setColorBackground</a>, <a href="../controlP5/Controller.html#setColorCaptionLabel(int)">setColorCaptionLabel</a>, <a href="../controlP5/Controller.html#setColorForeground(int)">setColorForeground</a>, <a href="../controlP5/Controller.html#setColorValueLabel(int)">setColorValueLabel</a>, <a href="../controlP5/Controller.html#setDecimalPrecision(int)">setDecimalPrecision</a>, <a href="../controlP5/Controller.html#setDefaultValue(float)">setDefaultValue</a>, <a href="../controlP5/Controller.html#setGroup(controlP5.ControllerGroup)">setGroup</a>, <a href="../controlP5/Controller.html#setGroup(java.lang.String)">setGroup</a>, <a href="../controlP5/Controller.html#setId(int)">setId</a>, <a href="../controlP5/Controller.html#setImage(processing.core.PImage)">setImage</a>, <a href="../controlP5/Controller.html#setImage(processing.core.PImage, int)">setImage</a>, <a href="../controlP5/Controller.html#setImages(processing.core.PImage...)">setImages</a>, <a href="../controlP5/Controller.html#setImages(processing.core.PImage, processing.core.PImage, processing.core.PImage)">setImages</a>, <a href="../controlP5/Controller.html#setImages(processing.core.PImage, processing.core.PImage, processing.core.PImage, processing.core.PImage)">setImages</a>, <a href="../controlP5/Controller.html#setLabelVisible(boolean)">setLabelVisible</a>, <a href="../controlP5/Controller.html#setLock(boolean)">setLock</a>, <a href="../controlP5/Controller.html#setMax(float)">setMax</a>, <a href="../controlP5/Controller.html#setMin(float)">setMin</a>, <a href="../controlP5/Controller.html#setMouseOver(boolean)">setMouseOver</a>, <a href="../controlP5/Controller.html#setMousePressed(boolean)">setMousePressed</a>, <a href="../controlP5/Controller.html#setMoveable(boolean)">setMoveable</a>, <a href="../controlP5/Controller.html#setParent(controlP5.ControllerInterface)">setParent</a>, <a href="../controlP5/Controller.html#setPosition(float, float)">setPosition</a>, <a href="../controlP5/Controller.html#setPosition(processing.core.PVector)">setPosition</a>, <a href="../controlP5/Controller.html#setSize(int, int)">setSize</a>, <a href="../controlP5/Controller.html#setSize(processing.core.PImage)">setSize</a>, <a href="../controlP5/Controller.html#setStringValue(java.lang.String)">setStringValue</a>, <a href="../controlP5/Controller.html#setTab(controlP5.ControlWindow, java.lang.String)">setTab</a>, <a href="../controlP5/Controller.html#setTab(java.lang.String)">setTab</a>, <a href="../controlP5/Controller.html#setUpdate(boolean)">setUpdate</a>, <a href="../controlP5/Controller.html#setUserInteraction(boolean)">setUserInteraction</a>, <a href="../controlP5/Controller.html#setValueLabel(java.lang.String)">setValueLabel</a>, <a href="../controlP5/Controller.html#setValueSelf(float)">setValueSelf</a>, <a href="../controlP5/Controller.html#setView(controlP5.ControllerView)">setView</a>, <a href="../controlP5/Controller.html#setView(controlP5.ControllerView, int)">setView</a>, <a href="../controlP5/Controller.html#setVisible(boolean)">setVisible</a>, <a href="../controlP5/Controller.html#show()">show</a>, <a href="../controlP5/Controller.html#unlock()">unlock</a>, <a href="../controlP5/Controller.html#unplugFrom(java.lang.Object)">unplugFrom</a>, <a href="../controlP5/Controller.html#unplugFrom(java.lang.Object[])">unplugFrom</a>, <a href="../controlP5/Controller.html#unregisterTooltip()">unregisterTooltip</a>, <a href="../controlP5/Controller.html#updateAbsolutePosition()">updateAbsolutePosition</a>, <a href="../controlP5/Controller.html#updateEvents()">updateEvents</a>, <a href="../controlP5/Controller.html#updateInternalEvents(processing.core.PApplet)">updateInternalEvents</a>, <a href="../controlP5/Controller.html#updateSize()">updateSize</a></code></li>
+</ul>
+<ul class="blockList">
+<li class="blockList"><a name="methods_inherited_from_class_java.lang.Object">
+<!--   -->
+</a>
+<h3>Methods inherited from class&nbsp;java.lang.Object</h3>
+<code>equals, getClass, hashCode, notify, notifyAll, wait, wait, wait</code></li>
+</ul>
+<ul class="blockList">
+<li class="blockList"><a name="methods_inherited_from_class_controlP5.ControllerInterface">
+<!--   -->
+</a>
+<h3>Methods inherited from interface&nbsp;controlP5.<a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a></h3>
+<code><a href="../controlP5/ControllerInterface.html#parent()">parent</a>, <a href="../controlP5/ControllerInterface.html#setColorLabel(int)">setColorLabel</a>, <a href="../controlP5/ControllerInterface.html#setColorValue(int)">setColorValue</a>, <a href="../controlP5/ControllerInterface.html#setLabel(java.lang.String)">setLabel</a></code></li>
+</ul>
+</li>
+</ul>
+</li>
+</ul>
+</div>
+<div class="details">
+<ul class="blockList">
+<li class="blockList">
+<!-- ============ METHOD DETAIL ========== -->
+<ul class="blockList">
+<li class="blockList"><a name="method_detail">
+<!--   -->
+</a>
+<h3>Method Detail</h3>
+<a name="add(java.lang.String, float)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>add</h4>
+<pre>public&nbsp;<a href="../controlP5/MultiListButton.html" title="class in controlP5">MultiListButton</a>&nbsp;add(java.lang.String&nbsp;theName,
+                  float&nbsp;theValue)</pre>
+<div class="block">add a new button to the sublist of this multilist button.</div>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theName</code> - String</dd><dd><code>theValue</code> - int</dd>
+<dt><span class="strong">Returns:</span></dt><dd>MultiListButton</dd></dl>
+</li>
+</ul>
+<a name="close()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>close</h4>
+<pre>public&nbsp;void&nbsp;close()</pre>
+</li>
+</ul>
+<a name="close(controlP5.MultiListInterface)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>close</h4>
+<pre>public&nbsp;void&nbsp;close(controlP5.MultiListInterface&nbsp;theInterface)</pre>
+</li>
+</ul>
+<a name="getChildren()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getChildren</h4>
+<pre>@Deprecated
+public&nbsp;java.util.List&lt;<a href="../controlP5/MultiListButton.html" title="class in controlP5">MultiListButton</a>&gt;&nbsp;getChildren()</pre>
+<div class="block"><span class="strong">Deprecated.</span>&nbsp;</div>
+</li>
+</ul>
+<a name="getDirection()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getDirection</h4>
+<pre>public&nbsp;int&nbsp;getDirection()</pre>
+</li>
+</ul>
+<a name="mouseReleasedOutside()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>mouseReleasedOutside</h4>
+<pre>public&nbsp;void&nbsp;mouseReleasedOutside()</pre>
+<dl>
+<dt><strong>Overrides:</strong></dt>
+<dd><code><a href="../controlP5/Button.html#mouseReleasedOutside()">mouseReleasedOutside</a></code>&nbsp;in class&nbsp;<code><a href="../controlP5/Button.html" title="class in controlP5">Button</a></code></dd>
+</dl>
+</li>
+</ul>
+<a name="observe()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>observe</h4>
+<pre>public&nbsp;boolean&nbsp;observe()</pre>
+</li>
+</ul>
+<a name="open()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>open</h4>
+<pre>public&nbsp;void&nbsp;open()</pre>
+</li>
+</ul>
+<a name="remove()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>remove</h4>
+<pre>public&nbsp;void&nbsp;remove()</pre>
+<div class="block"><strong>Description copied from class:&nbsp;<code><a href="../controlP5/Controller.html#remove()">Controller</a></code></strong></div>
+<div class="block">removes a controller from controlP5.</div>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerInterface.html#remove()">remove</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/Button.html" title="class in controlP5">Button</a>&gt;</code></dd>
+<dt><strong>Overrides:</strong></dt>
+<dd><code><a href="../controlP5/Controller.html#remove()">remove</a></code>&nbsp;in class&nbsp;<code><a href="../controlP5/Controller.html" title="class in controlP5">Controller</a>&lt;<a href="../controlP5/Button.html" title="class in controlP5">Button</a>&gt;</code></dd>
+</dl>
+</li>
+</ul>
+<a name="setHeight(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setHeight</h4>
+<pre>public&nbsp;<a href="../controlP5/MultiListButton.html" title="class in controlP5">MultiListButton</a>&nbsp;setHeight(int&nbsp;theHeight)</pre>
+<div class="block">set the height of a multlist button.</div>
+<dl>
+<dt><strong>Overrides:</strong></dt>
+<dd><code><a href="../controlP5/Controller.html#setHeight(int)">setHeight</a></code>&nbsp;in class&nbsp;<code><a href="../controlP5/Controller.html" title="class in controlP5">Controller</a>&lt;<a href="../controlP5/Button.html" title="class in controlP5">Button</a>&gt;</code></dd>
+<dt><span class="strong">Parameters:</span></dt><dd><code>theHeight</code> - int</dd>
+<dt><span class="strong">Returns:</span></dt><dd>Controller</dd></dl>
+</li>
+</ul>
+<a name="setWidth(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setWidth</h4>
+<pre>public&nbsp;<a href="../controlP5/MultiListButton.html" title="class in controlP5">MultiListButton</a>&nbsp;setWidth(int&nbsp;theWidth)</pre>
+<div class="block">set the width of a multlist button.</div>
+<dl>
+<dt><strong>Overrides:</strong></dt>
+<dd><code><a href="../controlP5/Controller.html#setWidth(int)">setWidth</a></code>&nbsp;in class&nbsp;<code><a href="../controlP5/Controller.html" title="class in controlP5">Controller</a>&lt;<a href="../controlP5/Button.html" title="class in controlP5">Button</a>&gt;</code></dd>
+<dt><span class="strong">Parameters:</span></dt><dd><code>theWidth</code> - int</dd>
+<dt><span class="strong">Returns:</span></dt><dd>Controller</dd></dl>
+</li>
+</ul>
+<a name="toUpperCase(boolean)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>toUpperCase</h4>
+<pre>public&nbsp;<a href="../controlP5/MultiListButton.html" title="class in controlP5">MultiListButton</a>&nbsp;toUpperCase(boolean&nbsp;theValue)</pre>
+</li>
+</ul>
+<a name="updateLocation(float, float)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>updateLocation</h4>
+<pre>public&nbsp;void&nbsp;updateLocation(float&nbsp;theX,
+                  float&nbsp;theY)</pre>
+</li>
+</ul>
+<a name="updateRect(float, float, float, float)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>updateRect</h4>
+<pre>public&nbsp;void&nbsp;updateRect(float&nbsp;theX,
+              float&nbsp;theY,
+              float&nbsp;theW,
+              float&nbsp;theH)</pre>
+</li>
+</ul>
+<a name="draw(processing.core.PGraphics)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>draw</h4>
+<pre>public&nbsp;void&nbsp;draw(processing.core.PGraphics&nbsp;theGraphics)</pre>
+</li>
+</ul>
+<a name="name()">
+<!--   -->
+</a>
+<ul class="blockListLast">
+<li class="blockList">
+<h4>name</h4>
+<pre>public&nbsp;java.lang.String&nbsp;name()</pre>
+</li>
+</ul>
+</li>
+</ul>
+</li>
+</ul>
+</div>
+</div>
+<!-- ========= END OF CLASS DATA ========= -->
+<!-- ======= START OF BOTTOM NAVBAR ====== -->
+<div class="bottomNav"><a name="navbar_bottom">
+<!--   -->
+</a><a href="#skip-navbar_bottom" title="Skip navigation links"></a><a name="navbar_bottom_firstrow">
+<!--   -->
+</a>
+<ul class="navList" title="Navigation">
+<li><a href="../controlP5/package-summary.html">Package</a></li>
+<li class="navBarCell1Rev">Class</li>
+<li><a href="package-tree.html">Tree</a></li>
+<li><a href="../index-all.html">Index</a></li>
+<li><a href="../help-doc.html">Help</a></li>
+</ul>
+</div>
+<div class="subNav">
+<ul class="navList">
+<li><a href="../controlP5/MultiList.html" title="class in controlP5"><span class="strong">Prev Class</span></a></li>
+<li><a href="../controlP5/Numberbox.html" title="class in controlP5"><span class="strong">Next Class</span></a></li>
+</ul>
+<ul class="navList">
+<li><a href="../index.html?controlP5/MultiListButton.html" target="_top">Frames</a></li>
+<li><a href="MultiListButton.html" target="_top">No Frames</a></li>
+</ul>
+<ul class="navList" id="allclasses_navbar_bottom">
+<li><a href="../allclasses-noframe.html">All Classes</a></li>
+</ul>
+<div>
+<script type="text/javascript"><!--
+  allClassesLink = document.getElementById("allclasses_navbar_bottom");
+  if(window==top) {
+    allClassesLink.style.display = "block";
+  }
+  else {
+    allClassesLink.style.display = "none";
+  }
+  //-->
+</script>
+</div>
+<div>
+<ul class="subNavList">
+<li>Summary:&nbsp;</li>
+<li>Nested&nbsp;|&nbsp;</li>
+<li><a href="#fields_inherited_from_class_controlP5.Button">Field</a>&nbsp;|&nbsp;</li>
+<li>Constr&nbsp;|&nbsp;</li>
+<li><a href="#method_summary">Method</a></li>
+</ul>
+<ul class="subNavList">
+<li>Detail:&nbsp;</li>
+<li>Field&nbsp;|&nbsp;</li>
+<li>Constr&nbsp;|&nbsp;</li>
+<li><a href="#method_detail">Method</a></li>
+</ul>
+</div>
+<a name="skip-navbar_bottom">
+<!--   -->
+</a></div>
+<!-- ======== END OF BOTTOM NAVBAR ======= -->
+<p class="legalCopy"><small>processing library controlP5 by Andreas Schlegel. (c) 2006-2014</small></p>
+</body>
+</html>
diff --git a/reference/controlP5/Numberbox.html b/reference/controlP5/Numberbox.html
new file mode 100644
index 0000000..5d7a053
--- /dev/null
+++ b/reference/controlP5/Numberbox.html
@@ -0,0 +1,1057 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
+<!-- NewPage -->
+<html lang="en">
+<head>
+<!-- Generated by javadoc (version 1.7.0_51) on Sun Apr 27 21:39:47 SGT 2014 -->
+<title>Numberbox (Javadocs: controlP5)</title>
+<meta name="date" content="2014-04-27">
+<link rel="stylesheet" type="text/css" href="../stylesheet.css" title="Style">
+</head>
+<body>
+<script type="text/javascript"><!--
+    if (location.href.indexOf('is-external=true') == -1) {
+        parent.document.title="Numberbox (Javadocs: controlP5)";
+    }
+//-->
+</script>
+<noscript>
+<div>JavaScript is disabled on your browser.</div>
+</noscript>
+<!-- ========= START OF TOP NAVBAR ======= -->
+<div class="topNav"><a name="navbar_top">
+<!--   -->
+</a><a href="#skip-navbar_top" title="Skip navigation links"></a><a name="navbar_top_firstrow">
+<!--   -->
+</a>
+<ul class="navList" title="Navigation">
+<li><a href="../controlP5/package-summary.html">Package</a></li>
+<li class="navBarCell1Rev">Class</li>
+<li><a href="package-tree.html">Tree</a></li>
+<li><a href="../index-all.html">Index</a></li>
+<li><a href="../help-doc.html">Help</a></li>
+</ul>
+</div>
+<div class="subNav">
+<ul class="navList">
+<li><a href="../controlP5/MultiListButton.html" title="class in controlP5"><span class="strong">Prev Class</span></a></li>
+<li><a href="../controlP5/Pointer.html" title="interface in controlP5"><span class="strong">Next Class</span></a></li>
+</ul>
+<ul class="navList">
+<li><a href="../index.html?controlP5/Numberbox.html" target="_top">Frames</a></li>
+<li><a href="Numberbox.html" target="_top">No Frames</a></li>
+</ul>
+<ul class="navList" id="allclasses_navbar_top">
+<li><a href="../allclasses-noframe.html">All Classes</a></li>
+</ul>
+<div>
+<script type="text/javascript"><!--
+  allClassesLink = document.getElementById("allclasses_navbar_top");
+  if(window==top) {
+    allClassesLink.style.display = "block";
+  }
+  else {
+    allClassesLink.style.display = "none";
+  }
+  //-->
+</script>
+</div>
+<div>
+<ul class="subNavList">
+<li>Summary:&nbsp;</li>
+<li>Nested&nbsp;|&nbsp;</li>
+<li><a href="#field_summary">Field</a>&nbsp;|&nbsp;</li>
+<li><a href="#constructor_summary">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_summary">Method</a></li>
+</ul>
+<ul class="subNavList">
+<li>Detail:&nbsp;</li>
+<li><a href="#field_detail">Field</a>&nbsp;|&nbsp;</li>
+<li><a href="#constructor_detail">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_detail">Method</a></li>
+</ul>
+</div>
+<a name="skip-navbar_top">
+<!--   -->
+</a></div>
+<!-- ========= END OF TOP NAVBAR ========= -->
+<!-- ======== START OF CLASS DATA ======== -->
+<div class="header">
+<div class="subTitle">controlP5</div>
+<h2 title="Class Numberbox" class="title">Class Numberbox</h2>
+</div>
+<div class="contentContainer">
+<ul class="inheritance">
+<li>java.lang.Object</li>
+<li>
+<ul class="inheritance">
+<li><a href="../controlP5/Controller.html" title="class in controlP5">controlP5.Controller</a>&lt;<a href="../controlP5/Numberbox.html" title="class in controlP5">Numberbox</a>&gt;</li>
+<li>
+<ul class="inheritance">
+<li>controlP5.Numberbox</li>
+</ul>
+</li>
+</ul>
+</li>
+</ul>
+<div class="description">
+<ul class="blockList">
+<li class="blockList">
+<dl>
+<dt>All Implemented Interfaces:</dt>
+<dd><a href="../controlP5/CDrawable.html" title="interface in controlP5">CDrawable</a>, <a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/Numberbox.html" title="class in controlP5">Numberbox</a>&gt;, <a href="../controlP5/ControlP5Constants.html" title="interface in controlP5">ControlP5Constants</a></dd>
+</dl>
+<hr>
+<br>
+<pre>public class <span class="strong">Numberbox</span>
+extends <a href="../controlP5/Controller.html" title="class in controlP5">Controller</a>&lt;<a href="../controlP5/Numberbox.html" title="class in controlP5">Numberbox</a>&gt;</pre>
+<div class="block">Click and drag the mouse inside a numberbox and move up and down to change the value of a
+ numberbox. By default the value changes when dragging the mouse up and down. use
+ setDirection(Controller.HORIZONTAL) to change the mouse control to left and right.
+ 
+ Why do I get -1000000 as initial value when creating a numberbox without a default value? the
+ value of a numberbox defaults back to its minValue, which is -1000000. either use a default value
+ or link a variable to the numberbox - this is done by giving a float or int variable the same
+ name as the numberbox.
+ 
+ Use setMultiplier(float) to change the sensitivity of values increasing/decreasing, by default
+ the multiplier is 1.</div>
+<dl><script type="text/javascript">
+<!--
+document.getElementsByTagName('html')[0].className = 'isjs';function toggle(dt) { var display, dd=dt; do{ dd = dd.nextSibling } while(dd.tagName!='DD'); toOpen =!dd.style.display;dd.style.display = toOpen? 'block':''; dt.getElementsByTagName('span')[0].innerHTML  = toOpen? '-':'+' ; }
+-->
+</script>
+<div id="test" class="toggleList"><dl><dt onclick="toggle(this);"><span>+</span>Example</dt><dd><code><pre>/**
+* ControlP5 Numberbox
+*
+*
+* find a list of public methods available for the Numberbox Controller
+* at the bottom of this sketch.
+*
+* by Andreas Schlegel, 2012
+* www.sojamo.de/libraries/controlp5
+*
+*/
+
+import controlP5.*;
+
+ControlP5 cp5;
+
+int myColorBackground = color(0,0,0);
+
+public float numberboxValue = 100;
+
+void setup() {
+  size(700,400);
+  noStroke();
+  cp5 = new ControlP5(this);
+  
+  cp5.addNumberbox("numberbox")
+     .setPosition(100,160)
+     .setSize(100,14)
+     .setScrollSensitivity(1.1)
+     .setValue(50)
+     ;
+  
+
+  cp5.addNumberbox("numberboxValue")
+     .setPosition(100,200)
+     .setSize(100,14)
+     .setRange(0,200)
+     .setMultiplier(0.1) // set the sensitifity of the numberbox
+     .setDirection(Controller.HORIZONTAL) // change the control direction to left/right
+     .setValue(100)
+     ;
+  
+}
+
+void draw() {
+  background(myColorBackground);
+  fill(numberboxValue);
+  rect(0,0,width,100);
+}
+
+void numberbox(int theColor) {
+  myColorBackground = color(theColor);
+  println("a numberbox event. setting background to "+theColor);
+}
+
+
+
+/*
+a list of all methods available for the Numberbox Controller
+use ControlP5.printPublicMethodsFor(Numberbox.class);
+to print the following list into the console.
+
+You can find further details about class Numberbox in the javadoc.
+
+Format:
+ClassName : returnType methodName(parameter type)
+
+controlP5.Numberbox : Numberbox linebreak() 
+controlP5.Numberbox : Numberbox setDirection(int) 
+controlP5.Numberbox : Numberbox setMultiplier(float) 
+controlP5.Numberbox : Numberbox setRange(float, float) 
+controlP5.Numberbox : Numberbox setScrollSensitivity(float) 
+controlP5.Numberbox : Numberbox setValue(float) 
+controlP5.Numberbox : Numberbox shuffle() 
+controlP5.Numberbox : Numberbox update() 
+controlP5.Numberbox : float getMultiplier() 
+controlP5.Controller : CColor getColor() 
+controlP5.Controller : ControlBehavior getBehavior() 
+controlP5.Controller : ControlWindow getControlWindow() 
+controlP5.Controller : ControlWindow getWindow() 
+controlP5.Controller : ControllerProperty getProperty(String) 
+controlP5.Controller : ControllerProperty getProperty(String, String) 
+controlP5.Controller : Label getCaptionLabel() 
+controlP5.Controller : Label getValueLabel() 
+controlP5.Controller : List getControllerPlugList() 
+controlP5.Controller : Numberbox addCallback(CallbackListener) 
+controlP5.Controller : Numberbox addListener(ControlListener) 
+controlP5.Controller : Numberbox bringToFront() 
+controlP5.Controller : Numberbox bringToFront(ControllerInterface) 
+controlP5.Controller : Numberbox hide() 
+controlP5.Controller : Numberbox linebreak() 
+controlP5.Controller : Numberbox listen(boolean) 
+controlP5.Controller : Numberbox lock() 
+controlP5.Controller : Numberbox plugTo(Object) 
+controlP5.Controller : Numberbox plugTo(Object, String) 
+controlP5.Controller : Numberbox plugTo(Object[]) 
+controlP5.Controller : Numberbox plugTo(Object[], String) 
+controlP5.Controller : Numberbox registerProperty(String) 
+controlP5.Controller : Numberbox registerProperty(String, String) 
+controlP5.Controller : Numberbox registerTooltip(String) 
+controlP5.Controller : Numberbox removeBehavior() 
+controlP5.Controller : Numberbox removeCallback() 
+controlP5.Controller : Numberbox removeCallback(CallbackListener) 
+controlP5.Controller : Numberbox removeListener(ControlListener) 
+controlP5.Controller : Numberbox removeProperty(String) 
+controlP5.Controller : Numberbox removeProperty(String, String) 
+controlP5.Controller : Numberbox setArrayValue(float[]) 
+controlP5.Controller : Numberbox setArrayValue(int, float) 
+controlP5.Controller : Numberbox setBehavior(ControlBehavior) 
+controlP5.Controller : Numberbox setBroadcast(boolean) 
+controlP5.Controller : Numberbox setCaptionLabel(String) 
+controlP5.Controller : Numberbox setColor(CColor) 
+controlP5.Controller : Numberbox setColorActive(int) 
+controlP5.Controller : Numberbox setColorBackground(int) 
+controlP5.Controller : Numberbox setColorCaptionLabel(int) 
+controlP5.Controller : Numberbox setColorForeground(int) 
+controlP5.Controller : Numberbox setColorValueLabel(int) 
+controlP5.Controller : Numberbox setDecimalPrecision(int) 
+controlP5.Controller : Numberbox setDefaultValue(float) 
+controlP5.Controller : Numberbox setHeight(int) 
+controlP5.Controller : Numberbox setId(int) 
+controlP5.Controller : Numberbox setImages(PImage, PImage, PImage) 
+controlP5.Controller : Numberbox setImages(PImage, PImage, PImage, PImage) 
+controlP5.Controller : Numberbox setLabelVisible(boolean) 
+controlP5.Controller : Numberbox setLock(boolean) 
+controlP5.Controller : Numberbox setMax(float) 
+controlP5.Controller : Numberbox setMin(float) 
+controlP5.Controller : Numberbox setMouseOver(boolean) 
+controlP5.Controller : Numberbox setMoveable(boolean) 
+controlP5.Controller : Numberbox setPosition(PVector) 
+controlP5.Controller : Numberbox setPosition(float, float) 
+controlP5.Controller : Numberbox setSize(PImage) 
+controlP5.Controller : Numberbox setSize(int, int) 
+controlP5.Controller : Numberbox setStringValue(String) 
+controlP5.Controller : Numberbox setUpdate(boolean) 
+controlP5.Controller : Numberbox setValueLabel(String) 
+controlP5.Controller : Numberbox setView(ControllerView) 
+controlP5.Controller : Numberbox setVisible(boolean) 
+controlP5.Controller : Numberbox setWidth(int) 
+controlP5.Controller : Numberbox show() 
+controlP5.Controller : Numberbox unlock() 
+controlP5.Controller : Numberbox unplugFrom(Object) 
+controlP5.Controller : Numberbox unplugFrom(Object[]) 
+controlP5.Controller : Numberbox unregisterTooltip() 
+controlP5.Controller : Numberbox update() 
+controlP5.Controller : Numberbox updateSize() 
+controlP5.Controller : PImage setImage(PImage) 
+controlP5.Controller : PImage setImage(PImage, int) 
+controlP5.Controller : PVector getAbsolutePosition() 
+controlP5.Controller : PVector getPosition() 
+controlP5.Controller : String getAddress() 
+controlP5.Controller : String getInfo() 
+controlP5.Controller : String getName() 
+controlP5.Controller : String getStringValue() 
+controlP5.Controller : String toString() 
+controlP5.Controller : Tab getTab() 
+controlP5.Controller : boolean isActive() 
+controlP5.Controller : boolean isBroadcast() 
+controlP5.Controller : boolean isInside() 
+controlP5.Controller : boolean isLabelVisible() 
+controlP5.Controller : boolean isListening() 
+controlP5.Controller : boolean isLock() 
+controlP5.Controller : boolean isMouseOver() 
+controlP5.Controller : boolean isMousePressed() 
+controlP5.Controller : boolean isMoveable() 
+controlP5.Controller : boolean isUpdate() 
+controlP5.Controller : boolean isVisible() 
+controlP5.Controller : float getArrayValue(int) 
+controlP5.Controller : float getDefaultValue() 
+controlP5.Controller : float getMax() 
+controlP5.Controller : float getMin() 
+controlP5.Controller : float getValue() 
+controlP5.Controller : float[] getArrayValue() 
+controlP5.Controller : int getDecimalPrecision() 
+controlP5.Controller : int getHeight() 
+controlP5.Controller : int getId() 
+controlP5.Controller : int getWidth() 
+controlP5.Controller : int listenerSize() 
+controlP5.Controller : void remove() 
+controlP5.Controller : void setView(ControllerView, int)   
+java.lang.Object : String toString() 
+java.lang.Object : boolean equals(Object) 
+
+
+*/
+
+
+
+</pre></code></dd></dl></div></dl>
+</li>
+</ul>
+</div>
+<div class="summary">
+<ul class="blockList">
+<li class="blockList">
+<!-- =========== FIELD SUMMARY =========== -->
+<ul class="blockList">
+<li class="blockList"><a name="field_summary">
+<!--   -->
+</a>
+<h3>Field Summary</h3>
+<table class="overviewSummary" border="0" cellpadding="3" cellspacing="0" summary="Field Summary table, listing fields, and an explanation">
+<caption><span>Fields</span><span class="tabEnd">&nbsp;</span></caption>
+<tr>
+<th class="colFirst" scope="col">Modifier and Type</th>
+<th class="colLast" scope="col">Field and Description</th>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>static int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Numberbox.html#autoHeight">autoHeight</a></strong></code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>static int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Numberbox.html#autoWidth">autoWidth</a></strong></code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>static int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Numberbox.html#DOWN">DOWN</a></strong></code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>static int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Numberbox.html#LEFT">LEFT</a></strong></code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>static int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Numberbox.html#RIGHT">RIGHT</a></strong></code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>static int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Numberbox.html#UP">UP</a></strong></code>&nbsp;</td>
+</tr>
+</table>
+<ul class="blockList">
+<li class="blockList"><a name="fields_inherited_from_class_controlP5.ControlP5Constants">
+<!--   -->
+</a>
+<h3>Fields inherited from interface&nbsp;controlP5.<a href="../controlP5/ControlP5Constants.html" title="interface in controlP5">ControlP5Constants</a></h3>
+<code><a href="../controlP5/ControlP5Constants.html#acceptClassList">acceptClassList</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_BROADCAST">ACTION_BROADCAST</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_CLICK">ACTION_CLICK</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_DRAG">ACTION_DRAG</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_ENTER">ACTION_ENTER</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_EXIT">ACTION_EXIT</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_LEAVE">ACTION_LEAVE</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_MOVE">ACTION_MOVE</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_PRESS">ACTION_PRESS</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_PRESSED">ACTION_PRESSED</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_RELEASE">ACTION_RELEASE</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_RELEASED">ACTION_RELEASED</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_RELEASEDOUTSIDE">ACTION_RELEASEDOUTSIDE</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_WHEEL">ACTION_WHEEL</a>, <a href="../controlP5/ControlP5Constants.html#ACTIVE">ACTIVE</a>, <a href="../controlP5/ControlP5Constants.html#ALL">ALL</a>, <a href="../controlP5/ControlP5Constants.html#ALT">ALT</a>, <a href="../controlP5/ControlP5Constants.html#AQUA">AQUA</a>, <a href="../controlP5/ControlP5Constants.html#ARC">ARC</a>, <a href="../controlP5/ControlP5Constants.html#ARRAY">ARRAY</a>, <a href="../controlP5/ControlP5Constants.html#BACKSPACE">BACKSPACE</a>, <a href="../controlP5/ControlP5Constants.html#BASELINE">BASELINE</a>, <a href="../controlP5/ControlP5Constants.html#BITFONT">BITFONT</a>, <a href="../controlP5/ControlP5Constants.html#BLACK">BLACK</a>, <a href="../controlP5/ControlP5Constants.html#BLUE">BLUE</a>, <a href="../controlP5/ControlP5Constants.html#BOOLEAN">BOOLEAN</a>, <a href="../controlP5/ControlP5Constants.html#BOTTOM">BOTTOM</a>, <a href="../controlP5/ControlP5Constants.html#BOTTOM_OUTSIDE">BOTTOM_OUTSIDE</a>, <a href="../controlP5/ControlP5Constants.html#CAPTIONLABEL">CAPTIONLABEL</a>, <a href="../controlP5/ControlP5Constants.html#CENTER">CENTER</a>, <a href="../controlP5/ControlP5Constants.html#CHECKBOX">CHECKBOX</a>, <a href="../controlP5/ControlP5Constants.html#COMMANDKEY">COMMANDKEY</a>, <a href="../controlP5/ControlP5Constants.html#CONTROL">CONTROL</a>, <a href="../controlP5/ControlP5Constants.html#controlEventClass">controlEventClass</a>, <a href="../controlP5/ControlP5Constants.html#CUSTOM">CUSTOM</a>, <a href="../controlP5/ControlP5Constants.html#DECREASE">DECREASE</a>, <a href="../controlP5/ControlP5Constants.html#DEFAULT">DEFAULT</a>, <a href="../controlP5/ControlP5Constants.html#DELETE">DELETE</a>, <a href="../controlP5/ControlP5Constants.html#DONE">DONE</a>, <a href="../controlP5/ControlP5Constants.html#DROPDOWN">DROPDOWN</a>, <a href="../controlP5/ControlP5Constants.html#ELLIPSE">ELLIPSE</a>, <a href="../controlP5/ControlP5Constants.html#ENTER">ENTER</a>, <a href="../controlP5/ControlP5Constants.html#ESCAPE">ESCAPE</a>, <a href="../controlP5/ControlP5Constants.html#EVENT">EVENT</a>, <a href="../controlP5/ControlP5Constants.html#eventMethod">eventMethod</a>, <a href="../controlP5/ControlP5Constants.html#FADEIN">FADEIN</a>, <a href="../controlP5/ControlP5Constants.html#FADEOUT">FADEOUT</a>, <a href="../controlP5/ControlP5Constants.html#FIELD">FIELD</a>, <a href="../controlP5/ControlP5Constants.html#FLOAT">FLOAT</a>, <a href="../controlP5/ControlP5Constants.html#FUCHSIA">FUCHSIA</a>, <a href="../controlP5/ControlP5Constants.html#GRAY">GRAY</a>, <a href="../controlP5/ControlP5Constants.html#GREEN">GREEN</a>, <a href="../controlP5/ControlP5Constants.html#grixel">grixel</a>, <a href="../controlP5/ControlP5Constants.html#HALF_PI">HALF_PI</a>, <a href="../controlP5/ControlP5Constants.html#HIDE">HIDE</a>, <a href="../controlP5/ControlP5Constants.html#HIGHLIGHT">HIGHLIGHT</a>, <a href="../controlP5/ControlP5Constants.html#HORIZONTAL">HORIZONTAL</a>, <a href="../controlP5/ControlP5Constants.html#IDLE">IDLE</a>, <a href="../controlP5/ControlP5Constants.html#IMAGE">IMAGE</a>, <a href="../controlP5/ControlP5Constants.html#INACTIVE">INACTIVE</a>, <a href="../controlP5/ControlP5Constants.html#INCREASE">INCREASE</a>, <a href="../controlP5/ControlP5Constants.html#INTEGER">INTEGER</a>, <a href="../controlP5/ControlP5Constants.html#INVALID">INVALID</a>, <a href="../controlP5/ControlP5Constants.html#J2D">J2D</a>, <a href="../controlP5/ControlP5Constants.html#KEYCONTROL">KEYCONTROL</a>, <a href="../controlP5/ControlP5Constants.html#LEFT_OUTSIDE">LEFT_OUTSIDE</a>, <a href="../controlP5/ControlP5Constants.html#LIME">LIME</a>, <a href="../controlP5/ControlP5Constants.html#LINE">LINE</a>, <a href="../controlP5/ControlP5Constants.html#LIST">LIST</a>, <a href="../controlP5/ControlP5Constants.html#LOAD">LOAD</a>, <a href="../controlP5/ControlP5Constants.html#MAROON">MAROON</a>, <a href="../controlP5/ControlP5Constants.html#MENU">MENU</a>, <a href="../controlP5/ControlP5Constants.html#METHOD">METHOD</a>, <a href="../controlP5/ControlP5Constants.html#MOVE">MOVE</a>, <a href="../controlP5/ControlP5Constants.html#MULTI">MULTI</a>, <a href="../controlP5/ControlP5Constants.html#MULTIPLES">MULTIPLES</a>, <a href="../controlP5/ControlP5Constants.html#NAVY">NAVY</a>, <a href="../controlP5/ControlP5Constants.html#OLIVE">OLIVE</a>, <a href="../controlP5/ControlP5Constants.html#ORANGE">ORANGE</a>, <a href="../controlP5/ControlP5Constants.html#OVER">OVER</a>, <a href="../controlP5/ControlP5Constants.html#P2D">P2D</a>, <a href="../controlP5/ControlP5Constants.html#P3D">P3D</a>, <a href="../controlP5/ControlP5Constants.html#PI">PI</a>, <a href="../controlP5/ControlP5Constants.html#PRESSED">PRESSED</a>, <a href="../controlP5/ControlP5Constants.html#PRINT">PRINT</a>, <a href="../controlP5/ControlP5Constants.html#PURPLE">PURPLE</a>, <a href="../controlP5/ControlP5Constants.html#RED">RED</a>, <a href="../controlP5/ControlP5Constants.html#RELEASE">RELEASE</a>, <a href="../controlP5/ControlP5Constants.html#RESET">RESET</a>, <a href="../controlP5/ControlP5Constants.html#RIGHT_OUTSIDE">RIGHT_OUTSIDE</a>, <a href="../controlP5/ControlP5Constants.html#SAVE">SAVE</a>, <a href="../controlP5/ControlP5Constants.html#SHIFT">SHIFT</a>, <a href="../controlP5/ControlP5Constants.html#SILVER">SILVER</a>, <a href="../controlP5/ControlP5Constants.html#SINGLE">SINGLE</a>, <a href="../controlP5/ControlP5Constants.html#SINGLE_COLUMN">SINGLE_COLUMN</a>, <a href="../controlP5/ControlP5Constants.html#SINGLE_ROW">SINGLE_ROW</a>, <a href="../controlP5/ControlP5Constants.html#SPRITE">SPRITE</a>, <a href="../controlP5/ControlP5Constants.html#standard56">standard56</a>, <a href="../controlP5/ControlP5Constants.html#standard58">standard58</a>, <a href="../controlP5/ControlP5Constants.html#STRING">STRING</a>, <a href="../controlP5/ControlP5Constants.html#SWITCH">SWITCH</a>, <a href="../controlP5/ControlP5Constants.html#SWITCH_BACK">SWITCH_BACK</a>, <a href="../controlP5/ControlP5Constants.html#SWITCH_FORE">SWITCH_FORE</a>, <a href="../controlP5/ControlP5Constants.html#synt24">synt24</a>, <a href="../controlP5/ControlP5Constants.html#TAB">TAB</a>, <a href="../controlP5/ControlP5Constants.html#TEAL">TEAL</a>, <a href="../controlP5/ControlP5Constants.html#THEME_A">THEME_A</a>, <a href="../controlP5/ControlP5Constants.html#THEME_CP52014">THEME_CP52014</a>, <a href="../controlP5/ControlP5Constants.html#THEME_CP5BLUE">THEME_CP5BLUE</a>, <a href="../controlP5/ControlP5Constants.html#THEME_RED">THEME_RED</a>, <a href="../controlP5/ControlP5Constants.html#THEME_RETRO">THEME_RETRO</a>, <a href="../controlP5/ControlP5Constants.html#THEME_WHITE">THEME_WHITE</a>, <a href="../controlP5/ControlP5Constants.html#TOP">TOP</a>, <a href="../controlP5/ControlP5Constants.html#TOP_OUTSIDE">TOP_OUTSIDE</a>, <a href="../controlP5/ControlP5Constants.html#TRANSITION_WAIT_FADEIN">TRANSITION_WAIT_FADEIN</a>, <a href="../controlP5/ControlP5Constants.html#TREE">TREE</a>, <a href="../controlP5/ControlP5Constants.html#TWO_PI">TWO_PI</a>, <a href="../controlP5/ControlP5Constants.html#VALUELABEL">VALUELABEL</a>, <a href="../controlP5/ControlP5Constants.html#VERBOSE">VERBOSE</a>, <a href="../controlP5/ControlP5Constants.html#VERTICAL">VERTICAL</a>, <a href="../controlP5/ControlP5Constants.html#WAIT">WAIT</a>, <a href="../controlP5/ControlP5Constants.html#WHITE">WHITE</a>, <a href="../controlP5/ControlP5Constants.html#YELLOW">YELLOW</a></code></li>
+</ul>
+</li>
+</ul>
+<!-- ======== CONSTRUCTOR SUMMARY ======== -->
+<ul class="blockList">
+<li class="blockList"><a name="constructor_summary">
+<!--   -->
+</a>
+<h3>Constructor Summary</h3>
+<table class="overviewSummary" border="0" cellpadding="3" cellspacing="0" summary="Constructor Summary table, listing constructors, and an explanation">
+<caption><span>Constructors</span><span class="tabEnd">&nbsp;</span></caption>
+<tr>
+<th class="colOne" scope="col">Constructor and Description</th>
+</tr>
+<tr class="altColor">
+<td class="colOne"><code><strong><a href="../controlP5/Numberbox.html#Numberbox(controlP5.ControlP5, java.lang.String)">Numberbox</a></strong>(<a href="../controlP5/ControlP5.html" title="class in controlP5">ControlP5</a>&nbsp;theControlP5,
+         java.lang.String&nbsp;theName)</code>
+<div class="block">Convenience constructor to extend Numberbox.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colOne"><code><strong><a href="../controlP5/Numberbox.html#Numberbox(controlP5.ControlP5, controlP5.Tab, java.lang.String, float, int, int, int, int)">Numberbox</a></strong>(<a href="../controlP5/ControlP5.html" title="class in controlP5">ControlP5</a>&nbsp;theControlP5,
+         <a href="../controlP5/Tab.html" title="class in controlP5">Tab</a>&nbsp;theParent,
+         java.lang.String&nbsp;theName,
+         float&nbsp;theDefaultValue,
+         int&nbsp;theX,
+         int&nbsp;theY,
+         int&nbsp;theWidth,
+         int&nbsp;theHeight)</code>&nbsp;</td>
+</tr>
+</table>
+</li>
+</ul>
+<!-- ========== METHOD SUMMARY =========== -->
+<ul class="blockList">
+<li class="blockList"><a name="method_summary">
+<!--   -->
+</a>
+<h3>Method Summary</h3>
+<table class="overviewSummary" border="0" cellpadding="3" cellspacing="0" summary="Method Summary table, listing methods, and an explanation">
+<caption><span>Methods</span><span class="tabEnd">&nbsp;</span></caption>
+<tr>
+<th class="colFirst" scope="col">Modifier and Type</th>
+<th class="colLast" scope="col">Method and Description</th>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>float</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Numberbox.html#getMultiplier()">getMultiplier</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Numberbox.html" title="class in controlP5">Numberbox</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Numberbox.html#linebreak()">linebreak</a></strong>()</code></td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>void</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Numberbox.html#mousePressed()">mousePressed</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>void</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Numberbox.html#mouseReleased()">mouseReleased</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>void</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Numberbox.html#mouseReleasedOutside()">mouseReleasedOutside</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Numberbox.html" title="class in controlP5">Numberbox</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Numberbox.html#scrolled(int)">scrolled</a></strong>(int&nbsp;theRotationValue)</code>
+<div class="block">changes the value of the numberbox when hovering and using the mouse wheel or the scroll
+ function of a multi-touch track pad.</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Numberbox.html" title="class in controlP5">Numberbox</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Numberbox.html#setDirection(int)">setDirection</a></strong>(int&nbsp;theValue)</code>
+<div class="block">set the direction for changing the numberbox value when dragging the mouse.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Numberbox.html" title="class in controlP5">Numberbox</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Numberbox.html#setMultiplier(float)">setMultiplier</a></strong>(float&nbsp;theMultiplier)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Numberbox.html" title="class in controlP5">Numberbox</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Numberbox.html#setRange(float, float)">setRange</a></strong>(float&nbsp;theMin,
+        float&nbsp;theMax)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Numberbox.html" title="class in controlP5">Numberbox</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Numberbox.html#setScrollSensitivity(float)">setScrollSensitivity</a></strong>(float&nbsp;theValue)</code>
+<div class="block">sets the sensitivity for the scroll behavior when using the mouse wheel or the scroll
+ function of a multi-touch track pad.</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Numberbox.html" title="class in controlP5">Numberbox</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Numberbox.html#setSensitivity(float)">setSensitivity</a></strong>(float&nbsp;theValue)</code>
+<div class="block"><strong>Deprecated.</strong>&nbsp;</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Numberbox.html" title="class in controlP5">Numberbox</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Numberbox.html#setValue(float)">setValue</a></strong>(float&nbsp;theValue)</code>
+<div class="block">set the value of the numberbox.</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Numberbox.html" title="class in controlP5">Numberbox</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Numberbox.html#shuffle()">shuffle</a></strong>()</code>
+<div class="block">assigns a random value to the controller.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Numberbox.html" title="class in controlP5">Numberbox</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Numberbox.html#update()">update</a></strong>()</code>
+<div class="block">updates the value of the controller without having to set the value explicitly.</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Numberbox.html" title="class in controlP5">Numberbox</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Numberbox.html#updateDisplayMode(int)">updateDisplayMode</a></strong>(int&nbsp;theMode)</code></td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Numberbox.html" title="class in controlP5">Numberbox</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Numberbox.html#updateInternalEvents(processing.core.PApplet)">updateInternalEvents</a></strong>(processing.core.PApplet&nbsp;theApplet)</code>
+<div class="block">a method for putting input events like e.g.</div>
+</td>
+</tr>
+</table>
+<ul class="blockList">
+<li class="blockList"><a name="methods_inherited_from_class_controlP5.Controller">
+<!--   -->
+</a>
+<h3>Methods inherited from class&nbsp;controlP5.<a href="../controlP5/Controller.html" title="class in controlP5">Controller</a></h3>
+<code><a href="../controlP5/Controller.html#add(controlP5.ControllerInterface)">add</a>, <a href="../controlP5/Controller.html#addCallback(controlP5.CallbackListener)">addCallback</a>, <a href="../controlP5/Controller.html#addListener(controlP5.ControlListener)">addListener</a>, <a href="../controlP5/Controller.html#align(int, int, int, int)">align</a>, <a href="../controlP5/Controller.html#bringToFront()">bringToFront</a>, <a href="../controlP5/Controller.html#bringToFront(controlP5.ControllerInterface)">bringToFront</a>, <a href="../controlP5/Controller.html#changeValue(float)">changeValue</a>, <a href="../controlP5/Controller.html#continuousUpdateEvents()">continuousUpdateEvents</a>, <a href="../controlP5/Controller.html#draw(processing.core.PGraphics)">draw</a>, <a href="../controlP5/Controller.html#getAbsolutePosition()">getAbsolutePosition</a>, <a href="../controlP5/Controller.html#getAddress()">getAddress</a>, <a href="../controlP5/Controller.html#getArrayValue()">getArrayValue</a>, <a href="../controlP5/Controller.html#getArrayValue(int)">getArrayValue</a>, <a href="../controlP5/Controller.html#getBehavior()">getBehavior</a>, <a href="../controlP5/Controller.html#getCaptionLabel()">getCaptionLabel</a>, <a href="../controlP5/Controller.html#getColor()">getColor</a>, <a href="../controlP5/Controller.html#getControllerPlugList()">getControllerPlugList</a>, <a href="../controlP5/Controller.html#getControlWindow()">getControlWindow</a>, <a href="../controlP5/Controller.html#getDecimalPrecision()">getDecimalPrecision</a>, <a href="../controlP5/Controller.html#getDefaultValue()">getDefaultValue</a>, <a href="../controlP5/Controller.html#getHeight()">getHeight</a>, <a href="../controlP5/Controller.html#getId()">getId</a>, <a href="../controlP5/Controller.html#getInfo()">getInfo</a>, <a href="../controlP5/Controller.html#getLabel()">getLabel</a>, <a href="../controlP5/Controller.html#getMax()">getMax</a>, <a href="../controlP5/Controller.html#getMin()">getMin</a>, <a href="../controlP5/Controller.html#getName()">getName</a>, <a href="../controlP5/Controller.html#getParent()">getParent</a>, <a href="../controlP5/Controller.html#getPickingColor()">getPickingColor</a>, <a href="../controlP5/Controller.html#getPointer()">getPointer</a>, <a href="../controlP5/Controller.html#getPosition()">getPosition</a>, <a href="../controlP5/Controller.html#getProperty(java.lang.String)">getProperty</a>, <a href="../controlP5/Controller.html#getProperty(java.lang.String, java.lang.String)">getProperty</a>, <a href="../controlP5/Controller.html#getStringValue()">getStringValue</a>, <a href="../controlP5/Controller.html#getTab()">getTab</a>, <a href="../controlP5/Controller.html#getValue()">getValue</a>, <a href="../controlP5/Controller.html#getValueLabel()">getValueLabel</a>, <a href="../controlP5/Controller.html#getView()">getView</a>, <a href="../controlP5/Controller.html#getWidth()">getWidth</a>, <a href="../controlP5/Controller.html#getWindow()">getWindow</a>, <a href="../controlP5/Controller.html#hide()">hide</a>, <a href="../controlP5/Controller.html#init()">init</a>, <a href="../controlP5/Controller.html#isActive()">isActive</a>, <a href="../controlP5/Controller.html#isBroadcast()">isBroadcast</a>, <a href="../controlP5/Controller.html#isInside()">isInside</a>, <a href="../controlP5/Controller.html#isLabelVisible()">isLabelVisible</a>, <a href="../controlP5/Controller.html#isListening()">isListening</a>, <a href="../controlP5/Controller.html#isLock()">isLock</a>, <a href="../controlP5/Controller.html#isMouseOver()">isMouseOver</a>, <a href="../controlP5/Controller.html#isMousePressed()">isMousePressed</a>, <a href="../controlP5/Controller.html#isMoveable()">isMoveable</a>, <a href="../controlP5/Controller.html#isUpdate()">isUpdate</a>, <a href="../controlP5/Controller.html#isUserInteraction()">isUserInteraction</a>, <a href="../controlP5/Controller.html#isVisible()">isVisible</a>, <a href="../controlP5/Controller.html#keyEvent(processing.event.KeyEvent)">keyEvent</a>, <a href="../controlP5/Controller.html#listen(boolean)">listen</a>, <a href="../controlP5/Controller.html#listenerSize()">listenerSize</a>, <a href="../controlP5/Controller.html#lock()">lock</a>, <a href="../controlP5/Controller.html#moveTo(controlP5.ControlGroup)">moveTo</a>, <a href="../controlP5/Controller.html#moveTo(controlP5.ControllerGroup)">moveTo</a>, <a href="../controlP5/Controller.html#moveTo(controlP5.ControllerGroup, controlP5.Tab, controlP5.ControlWindow)">moveTo</a>, <a href="../controlP5/Controller.html#moveTo(controlP5.ControlWindow)">moveTo</a>, <a href="../controlP5/Controller.html#moveTo(controlP5.ControlWindow, java.lang.String)">moveTo</a>, <a href="../controlP5/Controller.html#moveTo(processing.core.PApplet)">moveTo</a>, <a href="../controlP5/Controller.html#moveTo(processing.core.PApplet, java.lang.String)">moveTo</a>, <a href="../controlP5/Controller.html#moveTo(java.lang.String)">moveTo</a>, <a href="../controlP5/Controller.html#moveTo(controlP5.Tab)">moveTo</a>, <a href="../controlP5/Controller.html#plugTo(java.lang.Object)">plugTo</a>, <a href="../controlP5/Controller.html#plugTo(java.lang.Object[])">plugTo</a>, <a href="../controlP5/Controller.html#plugTo(java.lang.Object[], java.lang.String)">plugTo</a>, <a href="../controlP5/Controller.html#plugTo(java.lang.Object, java.lang.String)">plugTo</a>, <a href="../controlP5/Controller.html#registerProperty(java.lang.String)">registerProperty</a>, <a href="../controlP5/Controller.html#registerProperty(java.lang.String, java.lang.String)">registerProperty</a>, <a href="../controlP5/Controller.html#registerTooltip(java.lang.String)">registerTooltip</a>, <a href="../controlP5/Controller.html#remove()">remove</a>, <a href="../controlP5/Controller.html#remove(controlP5.ControllerInterface)">remove</a>, <a href="../controlP5/Controller.html#removeBehavior()">removeBehavior</a>, <a href="../controlP5/Controller.html#removeCallback()">removeCallback</a>, <a href="../controlP5/Controller.html#removeCallback(controlP5.CallbackListener)">removeCallback</a>, <a href="../controlP5/Controller.html#removeListener(controlP5.ControlListener)">removeListener</a>, <a href="../controlP5/Controller.html#removeProperty(java.lang.String)">removeProperty</a>, <a href="../controlP5/Controller.html#removeProperty(java.lang.String, java.lang.String)">removeProperty</a>, <a href="../controlP5/Controller.html#setAbsolutePosition(processing.core.PVector)">setAbsolutePosition</a>, <a href="../controlP5/Controller.html#setAddress(java.lang.String)">setAddress</a>, <a href="../controlP5/Controller.html#setArrayValue(float[])">setArrayValue</a>, <a href="../controlP5/Controller.html#setArrayValue(int, float)">setArrayValue</a>, <a href="../controlP5/Controller.html#setBehavior(controlP5.ControlBehavior)">setBehavior</a>, <a href="../controlP5/Controller.html#setBroadcast(boolean)">setBroadcast</a>, <a href="../controlP5/Controller.html#setCaptionLabel(java.lang.String)">setCaptionLabel</a>, <a href="../controlP5/Controller.html#setColor(controlP5.CColor)">setColor</a>, <a href="../controlP5/Controller.html#setColorActive(int)">setColorActive</a>, <a href="../controlP5/Controller.html#setColorBackground(int)">setColorBackground</a>, <a href="../controlP5/Controller.html#setColorCaptionLabel(int)">setColorCaptionLabel</a>, <a href="../controlP5/Controller.html#setColorForeground(int)">setColorForeground</a>, <a href="../controlP5/Controller.html#setColorValueLabel(int)">setColorValueLabel</a>, <a href="../controlP5/Controller.html#setDecimalPrecision(int)">setDecimalPrecision</a>, <a href="../controlP5/Controller.html#setDefaultValue(float)">setDefaultValue</a>, <a href="../controlP5/Controller.html#setGroup(controlP5.ControllerGroup)">setGroup</a>, <a href="../controlP5/Controller.html#setGroup(java.lang.String)">setGroup</a>, <a href="../controlP5/Controller.html#setHeight(int)">setHeight</a>, <a href="../controlP5/Controller.html#setId(int)">setId</a>, <a href="../controlP5/Controller.html#setImage(processing.core.PImage)">setImage</a>, <a href="../controlP5/Controller.html#setImage(processing.core.PImage, int)">setImage</a>, <a href="../controlP5/Controller.html#setImages(processing.core.PImage...)">setImages</a>, <a href="../controlP5/Controller.html#setImages(processing.core.PImage, processing.core.PImage, processing.core.PImage)">setImages</a>, <a href="../controlP5/Controller.html#setImages(processing.core.PImage, processing.core.PImage, processing.core.PImage, processing.core.PImage)">setImages</a>, <a href="../controlP5/Controller.html#setLabelVisible(boolean)">setLabelVisible</a>, <a href="../controlP5/Controller.html#setLock(boolean)">setLock</a>, <a href="../controlP5/Controller.html#setMax(float)">setMax</a>, <a href="../controlP5/Controller.html#setMin(float)">setMin</a>, <a href="../controlP5/Controller.html#setMouseOver(boolean)">setMouseOver</a>, <a href="../controlP5/Controller.html#setMousePressed(boolean)">setMousePressed</a>, <a href="../controlP5/Controller.html#setMoveable(boolean)">setMoveable</a>, <a href="../controlP5/Controller.html#setParent(controlP5.ControllerInterface)">setParent</a>, <a href="../controlP5/Controller.html#setPosition(float, float)">setPosition</a>, <a href="../controlP5/Controller.html#setPosition(processing.core.PVector)">setPosition</a>, <a href="../controlP5/Controller.html#setSize(int, int)">setSize</a>, <a href="../controlP5/Controller.html#setSize(processing.core.PImage)">setSize</a>, <a href="../controlP5/Controller.html#setStringValue(java.lang.String)">setStringValue</a>, <a href="../controlP5/Controller.html#setTab(controlP5.ControlWindow, java.lang.String)">setTab</a>, <a href="../controlP5/Controller.html#setTab(java.lang.String)">setTab</a>, <a href="../controlP5/Controller.html#setUpdate(boolean)">setUpdate</a>, <a href="../controlP5/Controller.html#setUserInteraction(boolean)">setUserInteraction</a>, <a href="../controlP5/Controller.html#setValueLabel(java.lang.String)">setValueLabel</a>, <a href="../controlP5/Controller.html#setValueSelf(float)">setValueSelf</a>, <a href="../controlP5/Controller.html#setView(controlP5.ControllerView)">setView</a>, <a href="../controlP5/Controller.html#setView(controlP5.ControllerView, int)">setView</a>, <a href="../controlP5/Controller.html#setVisible(boolean)">setVisible</a>, <a href="../controlP5/Controller.html#setWidth(int)">setWidth</a>, <a href="../controlP5/Controller.html#show()">show</a>, <a href="../controlP5/Controller.html#toString()">toString</a>, <a href="../controlP5/Controller.html#unlock()">unlock</a>, <a href="../controlP5/Controller.html#unplugFrom(java.lang.Object)">unplugFrom</a>, <a href="../controlP5/Controller.html#unplugFrom(java.lang.Object[])">unplugFrom</a>, <a href="../controlP5/Controller.html#unregisterTooltip()">unregisterTooltip</a>, <a href="../controlP5/Controller.html#updateAbsolutePosition()">updateAbsolutePosition</a>, <a href="../controlP5/Controller.html#updateEvents()">updateEvents</a>, <a href="../controlP5/Controller.html#updateSize()">updateSize</a></code></li>
+</ul>
+<ul class="blockList">
+<li class="blockList"><a name="methods_inherited_from_class_java.lang.Object">
+<!--   -->
+</a>
+<h3>Methods inherited from class&nbsp;java.lang.Object</h3>
+<code>equals, getClass, hashCode, notify, notifyAll, wait, wait, wait</code></li>
+</ul>
+<ul class="blockList">
+<li class="blockList"><a name="methods_inherited_from_class_controlP5.ControllerInterface">
+<!--   -->
+</a>
+<h3>Methods inherited from interface&nbsp;controlP5.<a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a></h3>
+<code><a href="../controlP5/ControllerInterface.html#parent()">parent</a>, <a href="../controlP5/ControllerInterface.html#setColorLabel(int)">setColorLabel</a>, <a href="../controlP5/ControllerInterface.html#setColorValue(int)">setColorValue</a>, <a href="../controlP5/ControllerInterface.html#setLabel(java.lang.String)">setLabel</a></code></li>
+</ul>
+</li>
+</ul>
+</li>
+</ul>
+</div>
+<div class="details">
+<ul class="blockList">
+<li class="blockList">
+<!-- ============ FIELD DETAIL =========== -->
+<ul class="blockList">
+<li class="blockList"><a name="field_detail">
+<!--   -->
+</a>
+<h3>Field Detail</h3>
+<a name="autoHeight">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>autoHeight</h4>
+<pre>public static&nbsp;int autoHeight</pre>
+</li>
+</ul>
+<a name="autoWidth">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>autoWidth</h4>
+<pre>public static&nbsp;int autoWidth</pre>
+</li>
+</ul>
+<a name="DOWN">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>DOWN</h4>
+<pre>public static&nbsp;int DOWN</pre>
+</li>
+</ul>
+<a name="LEFT">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>LEFT</h4>
+<pre>public static&nbsp;int LEFT</pre>
+</li>
+</ul>
+<a name="RIGHT">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>RIGHT</h4>
+<pre>public static&nbsp;int RIGHT</pre>
+</li>
+</ul>
+<a name="UP">
+<!--   -->
+</a>
+<ul class="blockListLast">
+<li class="blockList">
+<h4>UP</h4>
+<pre>public static&nbsp;int UP</pre>
+</li>
+</ul>
+</li>
+</ul>
+<!-- ========= CONSTRUCTOR DETAIL ======== -->
+<ul class="blockList">
+<li class="blockList"><a name="constructor_detail">
+<!--   -->
+</a>
+<h3>Constructor Detail</h3>
+<a name="Numberbox(controlP5.ControlP5, java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>Numberbox</h4>
+<pre>public&nbsp;Numberbox(<a href="../controlP5/ControlP5.html" title="class in controlP5">ControlP5</a>&nbsp;theControlP5,
+         java.lang.String&nbsp;theName)</pre>
+<div class="block">Convenience constructor to extend Numberbox.</div>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theControlP5</code> - </dd><dd><code>theName</code> - </dd><script type="text/javascript">
+<!--
+document.getElementsByTagName('html')[0].className = 'isjs';function toggle(dt) { var display, dd=dt; do{ dd = dd.nextSibling } while(dd.tagName!='DD'); toOpen =!dd.style.display;dd.style.display = toOpen? 'block':''; dt.getElementsByTagName('span')[0].innerHTML  = toOpen? '-':'+' ; }
+-->
+</script>
+<div id="test" class="toggleList"><dl><dt onclick="toggle(this);"><span>+</span>Example</dt><dd><code><pre>/**
+ * ControlP5 extending Controllers
+ *
+ * the following example shows how to extend the Controller class to 
+ * create customizable Controllers. You can either extend the Controller class itself,
+ * or any class that extends Controller itself like the Slider, Button, DropdownList, etc. 
+ * 
+ * How to:
+ *
+ * 1) do a super call to the convenience constructor requiring 
+ * 2 parameter (ControlP5 instance, name)  
+ *
+ * 2) the Controller class has a set of empty methods that allow you to capture
+ * inputs from the mouse including 
+ * onEnter(), onLeave(), onPress(), onRelease(), onClick(), onScroll(int), onDrag()
+ * These you can override and include functionality as needed.
+ *
+ * 3) use method getPointer() to return the local (relative) 
+ * xy-coordinates of the controller
+ *  
+ * 4) after instantiation custom controllers are treated the same 
+ * as default controlP5 controllers.
+ *  
+ * by Andreas Schlegel, 2012
+ * www.sojamo.de/libraries/controlp5
+ *
+ */
+
+import controlP5.*;
+
+ControlP5 cp5;
+PApplet p;
+
+void setup() {
+  size(400, 400);
+  cp5 = new ControlP5(this);
+  
+  // create 2 groups to show nesting of custom controllers and
+  //   
+  Group g1 = cp5.addGroup("a").setPosition(0,100).setWidth(180);
+  Group g2 = cp5.addGroup("b").setPosition(0,10).setWidth(180);
+  g2.moveTo(g1);
+  
+  // create 2 custom Controllers from class MyButton
+  // MyButton extends Controller and inherits all methods accordingly.
+  new MyButton(cp5, "b1").setPosition(0, 0).setSize(180, 200).moveTo(g2);
+  new MyButton(cp5, "b2").setPosition(205, 15).setSize(180, 200);
+  
+}
+
+
+void draw() {
+  background(0);
+}
+
+// b1 will be called from Controller b1
+public void b1(float theValue) {
+  println("yay button "+theValue);
+}
+
+public void controlEvent(ControlEvent theEvent) {
+  println("controlEvent : "+theEvent);
+}
+
+
+// Create a custom Controller, please not that 
+// MyButton extends Controller<MyButton>, <MyButton>
+// is an indicator for the super class about the type of 
+// custom controller to be created.
+
+class MyButton extends Controller<MyButton> {
+
+  int current = 0xffff0000;
+
+  float a = 128;
+  
+  float na;
+  
+  int y;
+  
+  // use the convenience constructor of super class Controller
+  // MyButton will automatically registered and move to the 
+  // default controlP5 tab.
+  
+  MyButton(ControlP5 cp5, String theName) {
+    super(cp5, theName);
+    
+    // replace the default view with a custom view.
+    setView(new ControllerView() {
+      public void display(PApplet p, Object b) {
+        // draw button background
+        na += (a-na) * 0.1; 
+        p.fill(current,na);
+        p.rect(0, 0, getWidth(), getHeight());
+        
+        // draw horizontal line which can be moved on the x-axis 
+        // using the scroll wheel. 
+        p.fill(0,255,0);
+        p.rect(0,y,width,10);
+        
+        // draw the custom label 
+        p.fill(128);
+        translate(0,getHeight()+14);
+        p.text(getName(),0,0);
+        p.text(getName(),0,0);
+        
+      }
+    }
+    );
+  }
+
+  // override various input methods for mouse input control
+  void onEnter() {
+    cursor(HAND);
+    println("enter");
+    a = 255;
+  }
+  
+  void onScroll(int n) {
+    println("scrolling");
+    y -= n;
+    y = constrain(y,0,getHeight()-10);
+  }
+  
+  void onPress() {
+    println("press");
+    current = 0xffffff00;
+  }
+  
+  void onClick() {
+    Pointer p1 = getPointer();
+    println("clicked at "+p1.x()+", "+p1.y());
+    current = 0xffffff00;
+    setValue(y);
+  }
+
+  void onRelease() {
+    println("release");
+    current = 0xffffffff;
+  }
+  
+  void onMove() {
+    println("moving "+this+" "+_myControlWindow.getMouseOverList());
+  }
+
+  void onDrag() {
+    current = 0xff0000ff;
+    Pointer p1 = getPointer();
+    float dif = dist(p1.px(),p1.py(),p1.x(),p1.y());
+    println("dragging at "+p1.x()+", "+p1.y()+" "+dif);
+  }
+  
+  void onReleaseOutside() {
+    onLeave();
+  }
+
+  void onLeave() {
+    println("leave");
+    cursor(ARROW);
+    a = 128;
+  }
+}
+
+</pre></code></dd></dl></div></dl>
+</li>
+</ul>
+<a name="Numberbox(controlP5.ControlP5, controlP5.Tab, java.lang.String, float, int, int, int, int)">
+<!--   -->
+</a>
+<ul class="blockListLast">
+<li class="blockList">
+<h4>Numberbox</h4>
+<pre>public&nbsp;Numberbox(<a href="../controlP5/ControlP5.html" title="class in controlP5">ControlP5</a>&nbsp;theControlP5,
+         <a href="../controlP5/Tab.html" title="class in controlP5">Tab</a>&nbsp;theParent,
+         java.lang.String&nbsp;theName,
+         float&nbsp;theDefaultValue,
+         int&nbsp;theX,
+         int&nbsp;theY,
+         int&nbsp;theWidth,
+         int&nbsp;theHeight)</pre>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theControlP5</code> - ControlP5</dd><dd><code>theParent</code> - Tab</dd><dd><code>theName</code> - String</dd><dd><code>theDefaultValue</code> - float</dd><dd><code>theX</code> - int</dd><dd><code>theY</code> - int</dd><dd><code>theWidth</code> - int</dd><dd><code>theHeight</code> - int</dd></dl>
+</li>
+</ul>
+</li>
+</ul>
+<!-- ============ METHOD DETAIL ========== -->
+<ul class="blockList">
+<li class="blockList"><a name="method_detail">
+<!--   -->
+</a>
+<h3>Method Detail</h3>
+<a name="getMultiplier()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getMultiplier</h4>
+<pre>public&nbsp;float&nbsp;getMultiplier()</pre>
+<dl><dt><span class="strong">Returns:</span></dt><dd>float</dd></dl>
+</li>
+</ul>
+<a name="linebreak()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>linebreak</h4>
+<pre>public&nbsp;<a href="../controlP5/Numberbox.html" title="class in controlP5">Numberbox</a>&nbsp;linebreak()</pre>
+<dl>
+<dt><strong>Overrides:</strong></dt>
+<dd><code><a href="../controlP5/Controller.html#linebreak()">linebreak</a></code>&nbsp;in class&nbsp;<code><a href="../controlP5/Controller.html" title="class in controlP5">Controller</a>&lt;<a href="../controlP5/Numberbox.html" title="class in controlP5">Numberbox</a>&gt;</code></dd>
+<dt><span class="strong">Returns:</span></dt><dd>Controller</dd></dl>
+</li>
+</ul>
+<a name="mousePressed()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>mousePressed</h4>
+<pre>public&nbsp;void&nbsp;mousePressed()</pre>
+</li>
+</ul>
+<a name="mouseReleased()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>mouseReleased</h4>
+<pre>public&nbsp;void&nbsp;mouseReleased()</pre>
+</li>
+</ul>
+<a name="mouseReleasedOutside()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>mouseReleasedOutside</h4>
+<pre>public&nbsp;void&nbsp;mouseReleasedOutside()</pre>
+</li>
+</ul>
+<a name="scrolled(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>scrolled</h4>
+<pre>public&nbsp;<a href="../controlP5/Numberbox.html" title="class in controlP5">Numberbox</a>&nbsp;scrolled(int&nbsp;theRotationValue)</pre>
+<div class="block">changes the value of the numberbox when hovering and using the mouse wheel or the scroll
+ function of a multi-touch track pad.</div>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theRotationValue</code> - </dd>
+<dt><span class="strong">Returns:</span></dt><dd>Numberbox</dd></dl>
+</li>
+</ul>
+<a name="setDirection(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setDirection</h4>
+<pre>public&nbsp;<a href="../controlP5/Numberbox.html" title="class in controlP5">Numberbox</a>&nbsp;setDirection(int&nbsp;theValue)</pre>
+<div class="block">set the direction for changing the numberbox value when dragging the mouse. by default this
+ is up/down (VERTICAL), use setDirection(Controller.HORIZONTAL) to change to left/right or
+ back with setDirection(Controller.VERTICAL).</div>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theValue</code> - </dd></dl>
+</li>
+</ul>
+<a name="setMultiplier(float)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setMultiplier</h4>
+<pre>public&nbsp;<a href="../controlP5/Numberbox.html" title="class in controlP5">Numberbox</a>&nbsp;setMultiplier(float&nbsp;theMultiplier)</pre>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theMultiplier</code> - </dd>
+<dt><span class="strong">Returns:</span></dt><dd>Numberbox</dd></dl>
+</li>
+</ul>
+<a name="setRange(float, float)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setRange</h4>
+<pre>public&nbsp;<a href="../controlP5/Numberbox.html" title="class in controlP5">Numberbox</a>&nbsp;setRange(float&nbsp;theMin,
+                 float&nbsp;theMax)</pre>
+</li>
+</ul>
+<a name="setScrollSensitivity(float)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setScrollSensitivity</h4>
+<pre>public&nbsp;<a href="../controlP5/Numberbox.html" title="class in controlP5">Numberbox</a>&nbsp;setScrollSensitivity(float&nbsp;theValue)</pre>
+<div class="block">sets the sensitivity for the scroll behavior when using the mouse wheel or the scroll
+ function of a multi-touch track pad. The smaller the value (closer to 0) the higher the
+ sensitivity.</div>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theValue</code> - </dd>
+<dt><span class="strong">Returns:</span></dt><dd>Numberbox</dd></dl>
+</li>
+</ul>
+<a name="setSensitivity(float)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setSensitivity</h4>
+<pre>@Deprecated
+public&nbsp;<a href="../controlP5/Numberbox.html" title="class in controlP5">Numberbox</a>&nbsp;setSensitivity(float&nbsp;theValue)</pre>
+<div class="block"><span class="strong">Deprecated.</span>&nbsp;</div>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theValue</code> - </dd>
+<dt><span class="strong">Returns:</span></dt><dd></dd><dt><span class="strong">See Also:</span></dt><dd><a href="../controlP5/Numberbox.html#setScrollSensitivity(float)"><code>setScrollSensitivity(float)</code></a></dd></dl>
+</li>
+</ul>
+<a name="setValue(float)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setValue</h4>
+<pre>public&nbsp;<a href="../controlP5/Numberbox.html" title="class in controlP5">Numberbox</a>&nbsp;setValue(float&nbsp;theValue)</pre>
+<div class="block">set the value of the numberbox.</div>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerInterface.html#setValue(float)">setValue</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/Numberbox.html" title="class in controlP5">Numberbox</a>&gt;</code></dd>
+<dt><strong>Overrides:</strong></dt>
+<dd><code><a href="../controlP5/Controller.html#setValue(float)">setValue</a></code>&nbsp;in class&nbsp;<code><a href="../controlP5/Controller.html" title="class in controlP5">Controller</a>&lt;<a href="../controlP5/Numberbox.html" title="class in controlP5">Numberbox</a>&gt;</code></dd>
+<dt><span class="strong">Parameters:</span></dt><dd><code>theValue</code> - float</dd>
+<dt><span class="strong">Returns:</span></dt><dd>Numberbox</dd></dl>
+</li>
+</ul>
+<a name="shuffle()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>shuffle</h4>
+<pre>public&nbsp;<a href="../controlP5/Numberbox.html" title="class in controlP5">Numberbox</a>&nbsp;shuffle()</pre>
+<div class="block">assigns a random value to the controller.</div>
+<dl><dt><span class="strong">Returns:</span></dt><dd>Numberbox</dd></dl>
+</li>
+</ul>
+<a name="update()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>update</h4>
+<pre>public&nbsp;<a href="../controlP5/Numberbox.html" title="class in controlP5">Numberbox</a>&nbsp;update()</pre>
+<div class="block"><strong>Description copied from class:&nbsp;<code><a href="../controlP5/Controller.html#update()">Controller</a></code></strong></div>
+<div class="block">updates the value of the controller without having to set the value explicitly. update does
+ not visually update the controller. the updating status can be set with setUpdate(true/false)
+ and checked with isUpdate().</div>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerInterface.html#update()">update</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/Numberbox.html" title="class in controlP5">Numberbox</a>&gt;</code></dd>
+<dt><strong>Overrides:</strong></dt>
+<dd><code><a href="../controlP5/Controller.html#update()">update</a></code>&nbsp;in class&nbsp;<code><a href="../controlP5/Controller.html" title="class in controlP5">Controller</a>&lt;<a href="../controlP5/Numberbox.html" title="class in controlP5">Numberbox</a>&gt;</code></dd>
+<dt><span class="strong">Returns:</span></dt><dd>Controller</dd><dt><span class="strong">See Also:</span></dt><dd><a href="../controlP5/Controller.html#setUpdate(boolean)"><code>Controller.setUpdate(boolean)</code></a>, 
+<a href="../controlP5/Controller.html#isUpdate()"><code>Controller.isUpdate()</code></a></dd></dl>
+</li>
+</ul>
+<a name="updateDisplayMode(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>updateDisplayMode</h4>
+<pre>public&nbsp;<a href="../controlP5/Numberbox.html" title="class in controlP5">Numberbox</a>&nbsp;updateDisplayMode(int&nbsp;theMode)</pre>
+</li>
+</ul>
+<a name="updateInternalEvents(processing.core.PApplet)">
+<!--   -->
+</a>
+<ul class="blockListLast">
+<li class="blockList">
+<h4>updateInternalEvents</h4>
+<pre>public&nbsp;<a href="../controlP5/Numberbox.html" title="class in controlP5">Numberbox</a>&nbsp;updateInternalEvents(processing.core.PApplet&nbsp;theApplet)</pre>
+<div class="block"><strong>Description copied from interface:&nbsp;<code><a href="../controlP5/ControllerInterface.html#updateInternalEvents(processing.core.PApplet)">ControllerInterface</a></code></strong></div>
+<div class="block">a method for putting input events like e.g. mouse or keyboard events and queries. this has
+ been taken out of the draw method for better overwriting capability.</div>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerInterface.html#updateInternalEvents(processing.core.PApplet)">updateInternalEvents</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/Numberbox.html" title="class in controlP5">Numberbox</a>&gt;</code></dd>
+<dt><strong>Overrides:</strong></dt>
+<dd><code><a href="../controlP5/Controller.html#updateInternalEvents(processing.core.PApplet)">updateInternalEvents</a></code>&nbsp;in class&nbsp;<code><a href="../controlP5/Controller.html" title="class in controlP5">Controller</a>&lt;<a href="../controlP5/Numberbox.html" title="class in controlP5">Numberbox</a>&gt;</code></dd>
+<dt><span class="strong">See Also:</span></dt><dd><code>ControllerInterface.updateInternalEvents</code></dd></dl>
+</li>
+</ul>
+</li>
+</ul>
+</li>
+</ul>
+</div>
+</div>
+<!-- ========= END OF CLASS DATA ========= -->
+<!-- ======= START OF BOTTOM NAVBAR ====== -->
+<div class="bottomNav"><a name="navbar_bottom">
+<!--   -->
+</a><a href="#skip-navbar_bottom" title="Skip navigation links"></a><a name="navbar_bottom_firstrow">
+<!--   -->
+</a>
+<ul class="navList" title="Navigation">
+<li><a href="../controlP5/package-summary.html">Package</a></li>
+<li class="navBarCell1Rev">Class</li>
+<li><a href="package-tree.html">Tree</a></li>
+<li><a href="../index-all.html">Index</a></li>
+<li><a href="../help-doc.html">Help</a></li>
+</ul>
+</div>
+<div class="subNav">
+<ul class="navList">
+<li><a href="../controlP5/MultiListButton.html" title="class in controlP5"><span class="strong">Prev Class</span></a></li>
+<li><a href="../controlP5/Pointer.html" title="interface in controlP5"><span class="strong">Next Class</span></a></li>
+</ul>
+<ul class="navList">
+<li><a href="../index.html?controlP5/Numberbox.html" target="_top">Frames</a></li>
+<li><a href="Numberbox.html" target="_top">No Frames</a></li>
+</ul>
+<ul class="navList" id="allclasses_navbar_bottom">
+<li><a href="../allclasses-noframe.html">All Classes</a></li>
+</ul>
+<div>
+<script type="text/javascript"><!--
+  allClassesLink = document.getElementById("allclasses_navbar_bottom");
+  if(window==top) {
+    allClassesLink.style.display = "block";
+  }
+  else {
+    allClassesLink.style.display = "none";
+  }
+  //-->
+</script>
+</div>
+<div>
+<ul class="subNavList">
+<li>Summary:&nbsp;</li>
+<li>Nested&nbsp;|&nbsp;</li>
+<li><a href="#field_summary">Field</a>&nbsp;|&nbsp;</li>
+<li><a href="#constructor_summary">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_summary">Method</a></li>
+</ul>
+<ul class="subNavList">
+<li>Detail:&nbsp;</li>
+<li><a href="#field_detail">Field</a>&nbsp;|&nbsp;</li>
+<li><a href="#constructor_detail">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_detail">Method</a></li>
+</ul>
+</div>
+<a name="skip-navbar_bottom">
+<!--   -->
+</a></div>
+<!-- ======== END OF BOTTOM NAVBAR ======= -->
+<p class="legalCopy"><small>processing library controlP5 by Andreas Schlegel. (c) 2006-2014</small></p>
+</body>
+</html>
diff --git a/reference/controlP5/Pointer.html b/reference/controlP5/Pointer.html
new file mode 100644
index 0000000..7855a9f
--- /dev/null
+++ b/reference/controlP5/Pointer.html
@@ -0,0 +1,305 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
+<!-- NewPage -->
+<html lang="en">
+<head>
+<!-- Generated by javadoc (version 1.7.0_51) on Sun Apr 27 21:39:47 SGT 2014 -->
+<title>Pointer (Javadocs: controlP5)</title>
+<meta name="date" content="2014-04-27">
+<link rel="stylesheet" type="text/css" href="../stylesheet.css" title="Style">
+</head>
+<body>
+<script type="text/javascript"><!--
+    if (location.href.indexOf('is-external=true') == -1) {
+        parent.document.title="Pointer (Javadocs: controlP5)";
+    }
+//-->
+</script>
+<noscript>
+<div>JavaScript is disabled on your browser.</div>
+</noscript>
+<!-- ========= START OF TOP NAVBAR ======= -->
+<div class="topNav"><a name="navbar_top">
+<!--   -->
+</a><a href="#skip-navbar_top" title="Skip navigation links"></a><a name="navbar_top_firstrow">
+<!--   -->
+</a>
+<ul class="navList" title="Navigation">
+<li><a href="../controlP5/package-summary.html">Package</a></li>
+<li class="navBarCell1Rev">Class</li>
+<li><a href="package-tree.html">Tree</a></li>
+<li><a href="../index-all.html">Index</a></li>
+<li><a href="../help-doc.html">Help</a></li>
+</ul>
+</div>
+<div class="subNav">
+<ul class="navList">
+<li><a href="../controlP5/Numberbox.html" title="class in controlP5"><span class="strong">Prev Class</span></a></li>
+<li><a href="../controlP5/Println.html" title="class in controlP5"><span class="strong">Next Class</span></a></li>
+</ul>
+<ul class="navList">
+<li><a href="../index.html?controlP5/Pointer.html" target="_top">Frames</a></li>
+<li><a href="Pointer.html" target="_top">No Frames</a></li>
+</ul>
+<ul class="navList" id="allclasses_navbar_top">
+<li><a href="../allclasses-noframe.html">All Classes</a></li>
+</ul>
+<div>
+<script type="text/javascript"><!--
+  allClassesLink = document.getElementById("allclasses_navbar_top");
+  if(window==top) {
+    allClassesLink.style.display = "block";
+  }
+  else {
+    allClassesLink.style.display = "none";
+  }
+  //-->
+</script>
+</div>
+<div>
+<ul class="subNavList">
+<li>Summary:&nbsp;</li>
+<li>Nested&nbsp;|&nbsp;</li>
+<li>Field&nbsp;|&nbsp;</li>
+<li>Constr&nbsp;|&nbsp;</li>
+<li><a href="#method_summary">Method</a></li>
+</ul>
+<ul class="subNavList">
+<li>Detail:&nbsp;</li>
+<li>Field&nbsp;|&nbsp;</li>
+<li>Constr&nbsp;|&nbsp;</li>
+<li><a href="#method_detail">Method</a></li>
+</ul>
+</div>
+<a name="skip-navbar_top">
+<!--   -->
+</a></div>
+<!-- ========= END OF TOP NAVBAR ========= -->
+<!-- ======== START OF CLASS DATA ======== -->
+<div class="header">
+<div class="subTitle">controlP5</div>
+<h2 title="Interface Pointer" class="title">Interface Pointer</h2>
+</div>
+<div class="contentContainer">
+<div class="description">
+<ul class="blockList">
+<li class="blockList">
+<hr>
+<br>
+<pre>public interface <span class="strong">Pointer</span></pre>
+</li>
+</ul>
+</div>
+<div class="summary">
+<ul class="blockList">
+<li class="blockList">
+<!-- ========== METHOD SUMMARY =========== -->
+<ul class="blockList">
+<li class="blockList"><a name="method_summary">
+<!--   -->
+</a>
+<h3>Method Summary</h3>
+<table class="overviewSummary" border="0" cellpadding="3" cellspacing="0" summary="Method Summary table, listing methods, and an explanation">
+<caption><span>Methods</span><span class="tabEnd">&nbsp;</span></caption>
+<tr>
+<th class="colFirst" scope="col">Modifier and Type</th>
+<th class="colLast" scope="col">Method and Description</th>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>long</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Pointer.html#dt()">dt</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Pointer.html#dx()">dx</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Pointer.html#dy()">dy</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>long</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Pointer.html#pt()">pt</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Pointer.html#px()">px</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Pointer.html#py()">py</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>long</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Pointer.html#t()">t</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Pointer.html#x()">x</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Pointer.html#y()">y</a></strong>()</code>&nbsp;</td>
+</tr>
+</table>
+</li>
+</ul>
+</li>
+</ul>
+</div>
+<div class="details">
+<ul class="blockList">
+<li class="blockList">
+<!-- ============ METHOD DETAIL ========== -->
+<ul class="blockList">
+<li class="blockList"><a name="method_detail">
+<!--   -->
+</a>
+<h3>Method Detail</h3>
+<a name="dt()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>dt</h4>
+<pre>long&nbsp;dt()</pre>
+</li>
+</ul>
+<a name="dx()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>dx</h4>
+<pre>int&nbsp;dx()</pre>
+</li>
+</ul>
+<a name="dy()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>dy</h4>
+<pre>int&nbsp;dy()</pre>
+</li>
+</ul>
+<a name="pt()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>pt</h4>
+<pre>long&nbsp;pt()</pre>
+</li>
+</ul>
+<a name="px()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>px</h4>
+<pre>int&nbsp;px()</pre>
+</li>
+</ul>
+<a name="py()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>py</h4>
+<pre>int&nbsp;py()</pre>
+</li>
+</ul>
+<a name="t()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>t</h4>
+<pre>long&nbsp;t()</pre>
+</li>
+</ul>
+<a name="x()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>x</h4>
+<pre>int&nbsp;x()</pre>
+</li>
+</ul>
+<a name="y()">
+<!--   -->
+</a>
+<ul class="blockListLast">
+<li class="blockList">
+<h4>y</h4>
+<pre>int&nbsp;y()</pre>
+</li>
+</ul>
+</li>
+</ul>
+</li>
+</ul>
+</div>
+</div>
+<!-- ========= END OF CLASS DATA ========= -->
+<!-- ======= START OF BOTTOM NAVBAR ====== -->
+<div class="bottomNav"><a name="navbar_bottom">
+<!--   -->
+</a><a href="#skip-navbar_bottom" title="Skip navigation links"></a><a name="navbar_bottom_firstrow">
+<!--   -->
+</a>
+<ul class="navList" title="Navigation">
+<li><a href="../controlP5/package-summary.html">Package</a></li>
+<li class="navBarCell1Rev">Class</li>
+<li><a href="package-tree.html">Tree</a></li>
+<li><a href="../index-all.html">Index</a></li>
+<li><a href="../help-doc.html">Help</a></li>
+</ul>
+</div>
+<div class="subNav">
+<ul class="navList">
+<li><a href="../controlP5/Numberbox.html" title="class in controlP5"><span class="strong">Prev Class</span></a></li>
+<li><a href="../controlP5/Println.html" title="class in controlP5"><span class="strong">Next Class</span></a></li>
+</ul>
+<ul class="navList">
+<li><a href="../index.html?controlP5/Pointer.html" target="_top">Frames</a></li>
+<li><a href="Pointer.html" target="_top">No Frames</a></li>
+</ul>
+<ul class="navList" id="allclasses_navbar_bottom">
+<li><a href="../allclasses-noframe.html">All Classes</a></li>
+</ul>
+<div>
+<script type="text/javascript"><!--
+  allClassesLink = document.getElementById("allclasses_navbar_bottom");
+  if(window==top) {
+    allClassesLink.style.display = "block";
+  }
+  else {
+    allClassesLink.style.display = "none";
+  }
+  //-->
+</script>
+</div>
+<div>
+<ul class="subNavList">
+<li>Summary:&nbsp;</li>
+<li>Nested&nbsp;|&nbsp;</li>
+<li>Field&nbsp;|&nbsp;</li>
+<li>Constr&nbsp;|&nbsp;</li>
+<li><a href="#method_summary">Method</a></li>
+</ul>
+<ul class="subNavList">
+<li>Detail:&nbsp;</li>
+<li>Field&nbsp;|&nbsp;</li>
+<li>Constr&nbsp;|&nbsp;</li>
+<li><a href="#method_detail">Method</a></li>
+</ul>
+</div>
+<a name="skip-navbar_bottom">
+<!--   -->
+</a></div>
+<!-- ======== END OF BOTTOM NAVBAR ======= -->
+<p class="legalCopy"><small>processing library controlP5 by Andreas Schlegel. (c) 2006-2014</small></p>
+</body>
+</html>
diff --git a/reference/controlP5/Println.html b/reference/controlP5/Println.html
new file mode 100644
index 0000000..485fd89
--- /dev/null
+++ b/reference/controlP5/Println.html
@@ -0,0 +1,290 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
+<!-- NewPage -->
+<html lang="en">
+<head>
+<!-- Generated by javadoc (version 1.7.0_51) on Sun Apr 27 21:39:47 SGT 2014 -->
+<title>Println (Javadocs: controlP5)</title>
+<meta name="date" content="2014-04-27">
+<link rel="stylesheet" type="text/css" href="../stylesheet.css" title="Style">
+</head>
+<body>
+<script type="text/javascript"><!--
+    if (location.href.indexOf('is-external=true') == -1) {
+        parent.document.title="Println (Javadocs: controlP5)";
+    }
+//-->
+</script>
+<noscript>
+<div>JavaScript is disabled on your browser.</div>
+</noscript>
+<!-- ========= START OF TOP NAVBAR ======= -->
+<div class="topNav"><a name="navbar_top">
+<!--   -->
+</a><a href="#skip-navbar_top" title="Skip navigation links"></a><a name="navbar_top_firstrow">
+<!--   -->
+</a>
+<ul class="navList" title="Navigation">
+<li><a href="../controlP5/package-summary.html">Package</a></li>
+<li class="navBarCell1Rev">Class</li>
+<li><a href="package-tree.html">Tree</a></li>
+<li><a href="../index-all.html">Index</a></li>
+<li><a href="../help-doc.html">Help</a></li>
+</ul>
+</div>
+<div class="subNav">
+<ul class="navList">
+<li><a href="../controlP5/Pointer.html" title="interface in controlP5"><span class="strong">Prev Class</span></a></li>
+<li><a href="../controlP5/Radio.html" title="class in controlP5"><span class="strong">Next Class</span></a></li>
+</ul>
+<ul class="navList">
+<li><a href="../index.html?controlP5/Println.html" target="_top">Frames</a></li>
+<li><a href="Println.html" target="_top">No Frames</a></li>
+</ul>
+<ul class="navList" id="allclasses_navbar_top">
+<li><a href="../allclasses-noframe.html">All Classes</a></li>
+</ul>
+<div>
+<script type="text/javascript"><!--
+  allClassesLink = document.getElementById("allclasses_navbar_top");
+  if(window==top) {
+    allClassesLink.style.display = "block";
+  }
+  else {
+    allClassesLink.style.display = "none";
+  }
+  //-->
+</script>
+</div>
+<div>
+<ul class="subNavList">
+<li>Summary:&nbsp;</li>
+<li>Nested&nbsp;|&nbsp;</li>
+<li>Field&nbsp;|&nbsp;</li>
+<li><a href="#constructor_summary">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_summary">Method</a></li>
+</ul>
+<ul class="subNavList">
+<li>Detail:&nbsp;</li>
+<li>Field&nbsp;|&nbsp;</li>
+<li><a href="#constructor_detail">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_detail">Method</a></li>
+</ul>
+</div>
+<a name="skip-navbar_top">
+<!--   -->
+</a></div>
+<!-- ========= END OF TOP NAVBAR ========= -->
+<!-- ======== START OF CLASS DATA ======== -->
+<div class="header">
+<div class="subTitle">controlP5</div>
+<h2 title="Class Println" class="title">Class Println</h2>
+</div>
+<div class="contentContainer">
+<ul class="inheritance">
+<li>java.lang.Object</li>
+<li>
+<ul class="inheritance">
+<li>controlP5.Println</li>
+</ul>
+</li>
+</ul>
+<div class="description">
+<ul class="blockList">
+<li class="blockList">
+<hr>
+<br>
+<pre>public class <span class="strong">Println</span>
+extends java.lang.Object</pre>
+</li>
+</ul>
+</div>
+<div class="summary">
+<ul class="blockList">
+<li class="blockList">
+<!-- ======== CONSTRUCTOR SUMMARY ======== -->
+<ul class="blockList">
+<li class="blockList"><a name="constructor_summary">
+<!--   -->
+</a>
+<h3>Constructor Summary</h3>
+<table class="overviewSummary" border="0" cellpadding="3" cellspacing="0" summary="Constructor Summary table, listing constructors, and an explanation">
+<caption><span>Constructors</span><span class="tabEnd">&nbsp;</span></caption>
+<tr>
+<th class="colOne" scope="col">Constructor and Description</th>
+</tr>
+<tr class="altColor">
+<td class="colOne"><code><strong><a href="../controlP5/Println.html#Println(controlP5.Textarea)">Println</a></strong>(<a href="../controlP5/Textarea.html" title="class in controlP5">Textarea</a>&nbsp;theTextarea)</code>&nbsp;</td>
+</tr>
+</table>
+</li>
+</ul>
+<!-- ========== METHOD SUMMARY =========== -->
+<ul class="blockList">
+<li class="blockList"><a name="method_summary">
+<!--   -->
+</a>
+<h3>Method Summary</h3>
+<table class="overviewSummary" border="0" cellpadding="3" cellspacing="0" summary="Method Summary table, listing methods, and an explanation">
+<caption><span>Methods</span><span class="tabEnd">&nbsp;</span></caption>
+<tr>
+<th class="colFirst" scope="col">Modifier and Type</th>
+<th class="colLast" scope="col">Method and Description</th>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>void</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Println.html#clear()">clear</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>void</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Println.html#pause()">pause</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>void</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Println.html#play()">play</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Println.html" title="class in controlP5">Println</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Println.html#setMax(int)">setMax</a></strong>(int&nbsp;theMax)</code>&nbsp;</td>
+</tr>
+</table>
+<ul class="blockList">
+<li class="blockList"><a name="methods_inherited_from_class_java.lang.Object">
+<!--   -->
+</a>
+<h3>Methods inherited from class&nbsp;java.lang.Object</h3>
+<code>equals, getClass, hashCode, notify, notifyAll, toString, wait, wait, wait</code></li>
+</ul>
+</li>
+</ul>
+</li>
+</ul>
+</div>
+<div class="details">
+<ul class="blockList">
+<li class="blockList">
+<!-- ========= CONSTRUCTOR DETAIL ======== -->
+<ul class="blockList">
+<li class="blockList"><a name="constructor_detail">
+<!--   -->
+</a>
+<h3>Constructor Detail</h3>
+<a name="Println(controlP5.Textarea)">
+<!--   -->
+</a>
+<ul class="blockListLast">
+<li class="blockList">
+<h4>Println</h4>
+<pre>public&nbsp;Println(<a href="../controlP5/Textarea.html" title="class in controlP5">Textarea</a>&nbsp;theTextarea)</pre>
+</li>
+</ul>
+</li>
+</ul>
+<!-- ============ METHOD DETAIL ========== -->
+<ul class="blockList">
+<li class="blockList"><a name="method_detail">
+<!--   -->
+</a>
+<h3>Method Detail</h3>
+<a name="clear()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>clear</h4>
+<pre>public&nbsp;void&nbsp;clear()</pre>
+</li>
+</ul>
+<a name="pause()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>pause</h4>
+<pre>public&nbsp;void&nbsp;pause()</pre>
+</li>
+</ul>
+<a name="play()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>play</h4>
+<pre>public&nbsp;void&nbsp;play()</pre>
+</li>
+</ul>
+<a name="setMax(int)">
+<!--   -->
+</a>
+<ul class="blockListLast">
+<li class="blockList">
+<h4>setMax</h4>
+<pre>public&nbsp;<a href="../controlP5/Println.html" title="class in controlP5">Println</a>&nbsp;setMax(int&nbsp;theMax)</pre>
+</li>
+</ul>
+</li>
+</ul>
+</li>
+</ul>
+</div>
+</div>
+<!-- ========= END OF CLASS DATA ========= -->
+<!-- ======= START OF BOTTOM NAVBAR ====== -->
+<div class="bottomNav"><a name="navbar_bottom">
+<!--   -->
+</a><a href="#skip-navbar_bottom" title="Skip navigation links"></a><a name="navbar_bottom_firstrow">
+<!--   -->
+</a>
+<ul class="navList" title="Navigation">
+<li><a href="../controlP5/package-summary.html">Package</a></li>
+<li class="navBarCell1Rev">Class</li>
+<li><a href="package-tree.html">Tree</a></li>
+<li><a href="../index-all.html">Index</a></li>
+<li><a href="../help-doc.html">Help</a></li>
+</ul>
+</div>
+<div class="subNav">
+<ul class="navList">
+<li><a href="../controlP5/Pointer.html" title="interface in controlP5"><span class="strong">Prev Class</span></a></li>
+<li><a href="../controlP5/Radio.html" title="class in controlP5"><span class="strong">Next Class</span></a></li>
+</ul>
+<ul class="navList">
+<li><a href="../index.html?controlP5/Println.html" target="_top">Frames</a></li>
+<li><a href="Println.html" target="_top">No Frames</a></li>
+</ul>
+<ul class="navList" id="allclasses_navbar_bottom">
+<li><a href="../allclasses-noframe.html">All Classes</a></li>
+</ul>
+<div>
+<script type="text/javascript"><!--
+  allClassesLink = document.getElementById("allclasses_navbar_bottom");
+  if(window==top) {
+    allClassesLink.style.display = "block";
+  }
+  else {
+    allClassesLink.style.display = "none";
+  }
+  //-->
+</script>
+</div>
+<div>
+<ul class="subNavList">
+<li>Summary:&nbsp;</li>
+<li>Nested&nbsp;|&nbsp;</li>
+<li>Field&nbsp;|&nbsp;</li>
+<li><a href="#constructor_summary">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_summary">Method</a></li>
+</ul>
+<ul class="subNavList">
+<li>Detail:&nbsp;</li>
+<li>Field&nbsp;|&nbsp;</li>
+<li><a href="#constructor_detail">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_detail">Method</a></li>
+</ul>
+</div>
+<a name="skip-navbar_bottom">
+<!--   -->
+</a></div>
+<!-- ======== END OF BOTTOM NAVBAR ======= -->
+<p class="legalCopy"><small>processing library controlP5 by Andreas Schlegel. (c) 2006-2014</small></p>
+</body>
+</html>
diff --git a/reference/controlP5/Radio.html b/reference/controlP5/Radio.html
new file mode 100644
index 0000000..12b3f06
--- /dev/null
+++ b/reference/controlP5/Radio.html
@@ -0,0 +1,286 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
+<!-- NewPage -->
+<html lang="en">
+<head>
+<!-- Generated by javadoc (version 1.7.0_51) on Sun Apr 27 21:39:47 SGT 2014 -->
+<title>Radio (Javadocs: controlP5)</title>
+<meta name="date" content="2014-04-27">
+<link rel="stylesheet" type="text/css" href="../stylesheet.css" title="Style">
+</head>
+<body>
+<script type="text/javascript"><!--
+    if (location.href.indexOf('is-external=true') == -1) {
+        parent.document.title="Radio (Javadocs: controlP5)";
+    }
+//-->
+</script>
+<noscript>
+<div>JavaScript is disabled on your browser.</div>
+</noscript>
+<!-- ========= START OF TOP NAVBAR ======= -->
+<div class="topNav"><a name="navbar_top">
+<!--   -->
+</a><a href="#skip-navbar_top" title="Skip navigation links"></a><a name="navbar_top_firstrow">
+<!--   -->
+</a>
+<ul class="navList" title="Navigation">
+<li><a href="../controlP5/package-summary.html">Package</a></li>
+<li class="navBarCell1Rev">Class</li>
+<li><a href="package-tree.html">Tree</a></li>
+<li><a href="../index-all.html">Index</a></li>
+<li><a href="../help-doc.html">Help</a></li>
+</ul>
+</div>
+<div class="subNav">
+<ul class="navList">
+<li><a href="../controlP5/Println.html" title="class in controlP5"><span class="strong">Prev Class</span></a></li>
+<li><a href="../controlP5/RadioButton.html" title="class in controlP5"><span class="strong">Next Class</span></a></li>
+</ul>
+<ul class="navList">
+<li><a href="../index.html?controlP5/Radio.html" target="_top">Frames</a></li>
+<li><a href="Radio.html" target="_top">No Frames</a></li>
+</ul>
+<ul class="navList" id="allclasses_navbar_top">
+<li><a href="../allclasses-noframe.html">All Classes</a></li>
+</ul>
+<div>
+<script type="text/javascript"><!--
+  allClassesLink = document.getElementById("allclasses_navbar_top");
+  if(window==top) {
+    allClassesLink.style.display = "block";
+  }
+  else {
+    allClassesLink.style.display = "none";
+  }
+  //-->
+</script>
+</div>
+<div>
+<ul class="subNavList">
+<li>Summary:&nbsp;</li>
+<li>Nested&nbsp;|&nbsp;</li>
+<li>Field&nbsp;|&nbsp;</li>
+<li><a href="#constructor_summary">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#methods_inherited_from_class_controlP5.RadioButton">Method</a></li>
+</ul>
+<ul class="subNavList">
+<li>Detail:&nbsp;</li>
+<li>Field&nbsp;|&nbsp;</li>
+<li><a href="#constructor_detail">Constr</a>&nbsp;|&nbsp;</li>
+<li>Method</li>
+</ul>
+</div>
+<a name="skip-navbar_top">
+<!--   -->
+</a></div>
+<!-- ========= END OF TOP NAVBAR ========= -->
+<!-- ======== START OF CLASS DATA ======== -->
+<div class="header">
+<div class="subTitle">controlP5</div>
+<h2 title="Class Radio" class="title">Class Radio</h2>
+</div>
+<div class="contentContainer">
+<ul class="inheritance">
+<li>java.lang.Object</li>
+<li>
+<ul class="inheritance">
+<li><a href="../controlP5/ControllerGroup.html" title="class in controlP5">controlP5.ControllerGroup</a>&lt;T&gt;</li>
+<li>
+<ul class="inheritance">
+<li><a href="../controlP5/ControlGroup.html" title="class in controlP5">controlP5.ControlGroup</a>&lt;<a href="../controlP5/RadioButton.html" title="class in controlP5">RadioButton</a>&gt;</li>
+<li>
+<ul class="inheritance">
+<li><a href="../controlP5/RadioButton.html" title="class in controlP5">controlP5.RadioButton</a></li>
+<li>
+<ul class="inheritance">
+<li>controlP5.Radio</li>
+</ul>
+</li>
+</ul>
+</li>
+</ul>
+</li>
+</ul>
+</li>
+</ul>
+<div class="description">
+<ul class="blockList">
+<li class="blockList">
+<dl>
+<dt>All Implemented Interfaces:</dt>
+<dd><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/RadioButton.html" title="class in controlP5">RadioButton</a>&gt;, <a href="../controlP5/ControlListener.html" title="interface in controlP5">ControlListener</a>, <a href="../controlP5/ControlP5Constants.html" title="interface in controlP5">ControlP5Constants</a></dd>
+</dl>
+<hr>
+<br>
+<pre>public class <span class="strong">Radio</span>
+extends <a href="../controlP5/RadioButton.html" title="class in controlP5">RadioButton</a></pre>
+</li>
+</ul>
+</div>
+<div class="summary">
+<ul class="blockList">
+<li class="blockList">
+<!-- =========== FIELD SUMMARY =========== -->
+<ul class="blockList">
+<li class="blockList"><a name="field_summary">
+<!--   -->
+</a>
+<h3>Field Summary</h3>
+<ul class="blockList">
+<li class="blockList"><a name="fields_inherited_from_class_controlP5.ControlP5Constants">
+<!--   -->
+</a>
+<h3>Fields inherited from interface&nbsp;controlP5.<a href="../controlP5/ControlP5Constants.html" title="interface in controlP5">ControlP5Constants</a></h3>
+<code><a href="../controlP5/ControlP5Constants.html#acceptClassList">acceptClassList</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_BROADCAST">ACTION_BROADCAST</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_CLICK">ACTION_CLICK</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_DRAG">ACTION_DRAG</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_ENTER">ACTION_ENTER</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_EXIT">ACTION_EXIT</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_LEAVE">ACTION_LEAVE</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_MOVE">ACTION_MOVE</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_PRESS">ACTION_PRESS</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_PRESSED">ACTION_PRESSED</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_RELEASE">ACTION_RELEASE</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_RELEASED">ACTION_RELEASED</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_RELEASEDOUTSIDE">ACTION_RELEASEDOUTSIDE</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_WHEEL">ACTION_WHEEL</a>, <a href="../controlP5/ControlP5Constants.html#ACTIVE">ACTIVE</a>, <a href="../controlP5/ControlP5Constants.html#ALL">ALL</a>, <a href="../controlP5/ControlP5Constants.html#ALT">ALT</a>, <a href="../controlP5/ControlP5Constants.html#AQUA">AQUA</a>, <a href="../controlP5/ControlP5Constants.html#ARC">ARC</a>, <a href="../controlP5/ControlP5Constants.html#ARRAY">ARRAY</a>, <a href="../controlP5/ControlP5Constants.html#BACKSPACE">BACKSPACE</a>, <a href="../controlP5/ControlP5Constants.html#BASELINE">BASELINE</a>, <a href="../controlP5/ControlP5Constants.html#BITFONT">BITFONT</a>, <a href="../controlP5/ControlP5Constants.html#BLACK">BLACK</a>, <a href="../controlP5/ControlP5Constants.html#BLUE">BLUE</a>, <a href="../controlP5/ControlP5Constants.html#BOOLEAN">BOOLEAN</a>, <a href="../controlP5/ControlP5Constants.html#BOTTOM">BOTTOM</a>, <a href="../controlP5/ControlP5Constants.html#BOTTOM_OUTSIDE">BOTTOM_OUTSIDE</a>, <a href="../controlP5/ControlP5Constants.html#CAPTIONLABEL">CAPTIONLABEL</a>, <a href="../controlP5/ControlP5Constants.html#CENTER">CENTER</a>, <a href="../controlP5/ControlP5Constants.html#CHECKBOX">CHECKBOX</a>, <a href="../controlP5/ControlP5Constants.html#COMMANDKEY">COMMANDKEY</a>, <a href="../controlP5/ControlP5Constants.html#CONTROL">CONTROL</a>, <a href="../controlP5/ControlP5Constants.html#controlEventClass">controlEventClass</a>, <a href="../controlP5/ControlP5Constants.html#CUSTOM">CUSTOM</a>, <a href="../controlP5/ControlP5Constants.html#DECREASE">DECREASE</a>, <a href="../controlP5/ControlP5Constants.html#DEFAULT">DEFAULT</a>, <a href="../controlP5/ControlP5Constants.html#DELETE">DELETE</a>, <a href="../controlP5/ControlP5Constants.html#DONE">DONE</a>, <a href="../controlP5/ControlP5Constants.html#DOWN">DOWN</a>, <a href="../controlP5/ControlP5Constants.html#DROPDOWN">DROPDOWN</a>, <a href="../controlP5/ControlP5Constants.html#ELLIPSE">ELLIPSE</a>, <a href="../controlP5/ControlP5Constants.html#ENTER">ENTER</a>, <a href="../controlP5/ControlP5Constants.html#ESCAPE">ESCAPE</a>, <a href="../controlP5/ControlP5Constants.html#EVENT">EVENT</a>, <a href="../controlP5/ControlP5Constants.html#eventMethod">eventMethod</a>, <a href="../controlP5/ControlP5Constants.html#FADEIN">FADEIN</a>, <a href="../controlP5/ControlP5Constants.html#FADEOUT">FADEOUT</a>, <a href="../controlP5/ControlP5Constants.html#FIELD">FIELD</a>, <a href="../controlP5/ControlP5Constants.html#FLOAT">FLOAT</a>, <a href="../controlP5/ControlP5Constants.html#FUCHSIA">FUCHSIA</a>, <a href="../controlP5/ControlP5Constants.html#GRAY">GRAY</a>, <a href="../controlP5/ControlP5Constants.html#GREEN">GREEN</a>, <a href="../controlP5/ControlP5Constants.html#grixel">grixel</a>, <a href="../controlP5/ControlP5Constants.html#HALF_PI">HALF_PI</a>, <a href="../controlP5/ControlP5Constants.html#HIDE">HIDE</a>, <a href="../controlP5/ControlP5Constants.html#HIGHLIGHT">HIGHLIGHT</a>, <a href="../controlP5/ControlP5Constants.html#HORIZONTAL">HORIZONTAL</a>, <a href="../controlP5/ControlP5Constants.html#IDLE">IDLE</a>, <a href="../controlP5/ControlP5Constants.html#IMAGE">IMAGE</a>, <a href="../controlP5/ControlP5Constants.html#INACTIVE">INACTIVE</a>, <a href="../controlP5/ControlP5Constants.html#INCREASE">INCREASE</a>, <a href="../controlP5/ControlP5Constants.html#INTEGER">INTEGER</a>, <a href="../controlP5/ControlP5Constants.html#INVALID">INVALID</a>, <a href="../controlP5/ControlP5Constants.html#J2D">J2D</a>, <a href="../controlP5/ControlP5Constants.html#KEYCONTROL">KEYCONTROL</a>, <a href="../controlP5/ControlP5Constants.html#LEFT">LEFT</a>, <a href="../controlP5/ControlP5Constants.html#LEFT_OUTSIDE">LEFT_OUTSIDE</a>, <a href="../controlP5/ControlP5Constants.html#LIME">LIME</a>, <a href="../controlP5/ControlP5Constants.html#LINE">LINE</a>, <a href="../controlP5/ControlP5Constants.html#LIST">LIST</a>, <a href="../controlP5/ControlP5Constants.html#LOAD">LOAD</a>, <a href="../controlP5/ControlP5Constants.html#MAROON">MAROON</a>, <a href="../controlP5/ControlP5Constants.html#MENU">MENU</a>, <a href="../controlP5/ControlP5Constants.html#METHOD">METHOD</a>, <a href="../controlP5/ControlP5Constants.html#MOVE">MOVE</a>, <a href="../controlP5/ControlP5Constants.html#MULTI">MULTI</a>, <a href="../controlP5/ControlP5Constants.html#MULTIPLES">MULTIPLES</a>, <a href="../controlP5/ControlP5Constants.html#NAVY">NAVY</a>, <a href="../controlP5/ControlP5Constants.html#OLIVE">OLIVE</a>, <a href="../controlP5/ControlP5Constants.html#ORANGE">ORANGE</a>, <a href="../controlP5/ControlP5Constants.html#OVER">OVER</a>, <a href="../controlP5/ControlP5Constants.html#P2D">P2D</a>, <a href="../controlP5/ControlP5Constants.html#P3D">P3D</a>, <a href="../controlP5/ControlP5Constants.html#PI">PI</a>, <a href="../controlP5/ControlP5Constants.html#PRESSED">PRESSED</a>, <a href="../controlP5/ControlP5Constants.html#PRINT">PRINT</a>, <a href="../controlP5/ControlP5Constants.html#PURPLE">PURPLE</a>, <a href="../controlP5/ControlP5Constants.html#RED">RED</a>, <a href="../controlP5/ControlP5Constants.html#RELEASE">RELEASE</a>, <a href="../controlP5/ControlP5Constants.html#RESET">RESET</a>, <a href="../controlP5/ControlP5Constants.html#RIGHT">RIGHT</a>, <a href="../controlP5/ControlP5Constants.html#RIGHT_OUTSIDE">RIGHT_OUTSIDE</a>, <a href="../controlP5/ControlP5Constants.html#SAVE">SAVE</a>, <a href="../controlP5/ControlP5Constants.html#SHIFT">SHIFT</a>, <a href="../controlP5/ControlP5Constants.html#SILVER">SILVER</a>, <a href="../controlP5/ControlP5Constants.html#SINGLE">SINGLE</a>, <a href="../controlP5/ControlP5Constants.html#SINGLE_COLUMN">SINGLE_COLUMN</a>, <a href="../controlP5/ControlP5Constants.html#SINGLE_ROW">SINGLE_ROW</a>, <a href="../controlP5/ControlP5Constants.html#SPRITE">SPRITE</a>, <a href="../controlP5/ControlP5Constants.html#standard56">standard56</a>, <a href="../controlP5/ControlP5Constants.html#standard58">standard58</a>, <a href="../controlP5/ControlP5Constants.html#STRING">STRING</a>, <a href="../controlP5/ControlP5Constants.html#SWITCH">SWITCH</a>, <a href="../controlP5/ControlP5Constants.html#SWITCH_BACK">SWITCH_BACK</a>, <a href="../controlP5/ControlP5Constants.html#SWITCH_FORE">SWITCH_FORE</a>, <a href="../controlP5/ControlP5Constants.html#synt24">synt24</a>, <a href="../controlP5/ControlP5Constants.html#TAB">TAB</a>, <a href="../controlP5/ControlP5Constants.html#TEAL">TEAL</a>, <a href="../controlP5/ControlP5Constants.html#THEME_A">THEME_A</a>, <a href="../controlP5/ControlP5Constants.html#THEME_CP52014">THEME_CP52014</a>, <a href="../controlP5/ControlP5Constants.html#THEME_CP5BLUE">THEME_CP5BLUE</a>, <a href="../controlP5/ControlP5Constants.html#THEME_RED">THEME_RED</a>, <a href="../controlP5/ControlP5Constants.html#THEME_RETRO">THEME_RETRO</a>, <a href="../controlP5/ControlP5Constants.html#THEME_WHITE">THEME_WHITE</a>, <a href="../controlP5/ControlP5Constants.html#TOP">TOP</a>, <a href="../controlP5/ControlP5Constants.html#TOP_OUTSIDE">TOP_OUTSIDE</a>, <a href="../controlP5/ControlP5Constants.html#TRANSITION_WAIT_FADEIN">TRANSITION_WAIT_FADEIN</a>, <a href="../controlP5/ControlP5Constants.html#TREE">TREE</a>, <a href="../controlP5/ControlP5Constants.html#TWO_PI">TWO_PI</a>, <a href="../controlP5/ControlP5Constants.html#UP">UP</a>, <a href="../controlP5/ControlP5Constants.html#VALUELABEL">VALUELABEL</a>, <a href="../controlP5/ControlP5Constants.html#VERBOSE">VERBOSE</a>, <a href="../controlP5/ControlP5Constants.html#VERTICAL">VERTICAL</a>, <a href="../controlP5/ControlP5Constants.html#WAIT">WAIT</a>, <a href="../controlP5/ControlP5Constants.html#WHITE">WHITE</a>, <a href="../controlP5/ControlP5Constants.html#YELLOW">YELLOW</a></code></li>
+</ul>
+</li>
+</ul>
+<!-- ======== CONSTRUCTOR SUMMARY ======== -->
+<ul class="blockList">
+<li class="blockList"><a name="constructor_summary">
+<!--   -->
+</a>
+<h3>Constructor Summary</h3>
+<table class="overviewSummary" border="0" cellpadding="3" cellspacing="0" summary="Constructor Summary table, listing constructors, and an explanation">
+<caption><span>Constructors</span><span class="tabEnd">&nbsp;</span></caption>
+<tr>
+<th class="colOne" scope="col">Constructor and Description</th>
+</tr>
+<tr class="altColor">
+<td class="colOne"><code><strong><a href="../controlP5/Radio.html#Radio(controlP5.ControlP5, controlP5.ControllerGroup, java.lang.String, int, int)">Radio</a></strong>(<a href="../controlP5/ControlP5.html" title="class in controlP5">ControlP5</a>&nbsp;theControlP5,
+     <a href="../controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a>&lt;?&gt;&nbsp;theParent,
+     java.lang.String&nbsp;theName,
+     int&nbsp;theX,
+     int&nbsp;theY)</code>&nbsp;</td>
+</tr>
+</table>
+</li>
+</ul>
+<!-- ========== METHOD SUMMARY =========== -->
+<ul class="blockList">
+<li class="blockList"><a name="method_summary">
+<!--   -->
+</a>
+<h3>Method Summary</h3>
+<ul class="blockList">
+<li class="blockList"><a name="methods_inherited_from_class_controlP5.RadioButton">
+<!--   -->
+</a>
+<h3>Methods inherited from class&nbsp;controlP5.<a href="../controlP5/RadioButton.html" title="class in controlP5">RadioButton</a></h3>
+<code><a href="../controlP5/RadioButton.html#activate(int)">activate</a>, <a href="../controlP5/RadioButton.html#activate(java.lang.String)">activate</a>, <a href="../controlP5/RadioButton.html#addItem(java.lang.String, float)">addItem</a>, <a href="../controlP5/RadioButton.html#addItem(controlP5.Toggle, float)">addItem</a>, <a href="../controlP5/RadioButton.html#align(int[])">align</a>, <a href="../controlP5/RadioButton.html#align(int, int)">align</a>, <a href="../controlP5/RadioButton.html#alignX(int)">alignX</a>, <a href="../controlP5/RadioButton.html#alignY(int)">alignY</a>, <a href="../controlP5/RadioButton.html#controlEvent(controlP5.ControlEvent)">controlEvent</a>, <a href="../controlP5/RadioButton.html#deactivate(int)">deactivate</a>, <a href="../controlP5/RadioButton.html#deactivate(java.lang.String)">deactivate</a>, <a href="../controlP5/RadioButton.html#deactivateAll()">deactivateAll</a>, <a href="../controlP5/RadioButton.html#getAlign()">getAlign</a>, <a href="../controlP5/RadioButton.html#getInfo()">getInfo</a>, <a href="../controlP5/RadioButton.html#getItem(int)">getItem</a>, <a href="../controlP5/RadioButton.html#getItem(java.lang.String)">getItem</a>, <a href="../controlP5/RadioButton.html#getItems()">getItems</a>, <a href="../controlP5/RadioButton.html#getState(int)">getState</a>, <a href="../controlP5/RadioButton.html#getState(java.lang.String)">getState</a>, <a href="../controlP5/RadioButton.html#hideLabels()">hideLabels</a>, <a href="../controlP5/RadioButton.html#plugTo(java.lang.Object)">plugTo</a>, <a href="../controlP5/RadioButton.html#plugTo(java.lang.Object, java.lang.String)">plugTo</a>, <a href="../controlP5/RadioButton.html#removeItem(java.lang.String)">removeItem</a>, <a href="../controlP5/RadioButton.html#setArrayValue(float[])">setArrayValue</a>, <a href="../controlP5/RadioButton.html#setColorLabels(int)">setColorLabels</a>, <a href="../controlP5/RadioButton.html#setImage(processing.core.PImage)">setImage</a>, <a href="../controlP5/RadioButton.html#setImage(processing.core.PImage, int)">setImage</a>, <a href="../controlP5/RadioButton.html#setImages(processing.core.PImage, processing.core.PImage, processing.core.PImage)">setImages</a>, <a href="../controlP5/RadioButton.html#setItemHeight(int)">setItemHeight</a>, <a href="../controlP5/RadioButton.html#setItemsPerRow(int)">setItemsPerRow</a>, <a href="../controlP5/RadioButton.html#setItemWidth(int)">setItemWidth</a>, <a href="../controlP5/RadioButton.html#setLabelPadding(int, int)">setLabelPadding</a>, <a href="../controlP5/RadioButton.html#setNoneSelectedAllowed(boolean)">setNoneSelectedAllowed</a>, <a href="../controlP5/RadioButton.html#setSize(int, int)">setSize</a>, <a href="../controlP5/RadioButton.html#setSize(processing.core.PImage)">setSize</a>, <a href="../controlP5/RadioButton.html#setSpacingColumn(int)">setSpacingColumn</a>, <a href="../controlP5/RadioButton.html#setSpacingRow(int)">setSpacingRow</a>, <a href="../controlP5/RadioButton.html#showLabels()">showLabels</a>, <a href="../controlP5/RadioButton.html#toggle(int)">toggle</a>, <a href="../controlP5/RadioButton.html#toUpperCase(boolean)">toUpperCase</a>, <a href="../controlP5/RadioButton.html#updateLayout()">updateLayout</a></code></li>
+</ul>
+<ul class="blockList">
+<li class="blockList"><a name="methods_inherited_from_class_controlP5.ControlGroup">
+<!--   -->
+</a>
+<h3>Methods inherited from class&nbsp;controlP5.<a href="../controlP5/ControlGroup.html" title="class in controlP5">ControlGroup</a></h3>
+<code><a href="../controlP5/ControlGroup.html#activateEvent(boolean)">activateEvent</a>, <a href="../controlP5/ControlGroup.html#addListener(controlP5.ControlListener)">addListener</a>, <a href="../controlP5/ControlGroup.html#getBackgroundHeight()">getBackgroundHeight</a>, <a href="../controlP5/ControlGroup.html#getBarHeight()">getBarHeight</a>, <a href="../controlP5/ControlGroup.html#listenerSize()">listenerSize</a>, <a href="../controlP5/ControlGroup.html#mousePressed()">mousePressed</a>, <a href="../controlP5/ControlGroup.html#removeListener(controlP5.ControlListener)">removeListener</a>, <a href="../controlP5/ControlGroup.html#setBackgroundColor(int)">setBackgroundColor</a>, <a href="../controlP5/ControlGroup.html#setBackgroundHeight(int)">setBackgroundHeight</a>, <a href="../controlP5/ControlGroup.html#setBarHeight(int)">setBarHeight</a>, <a href="../controlP5/ControlGroup.html#stringValue()">stringValue</a>, <a href="../controlP5/ControlGroup.html#toString()">toString</a>, <a href="../controlP5/ControlGroup.html#updateInternalEvents(processing.core.PApplet)">updateInternalEvents</a></code></li>
+</ul>
+<ul class="blockList">
+<li class="blockList"><a name="methods_inherited_from_class_controlP5.ControllerGroup">
+<!--   -->
+</a>
+<h3>Methods inherited from class&nbsp;controlP5.<a href="../controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a></h3>
+<code><a href="../controlP5/ControllerGroup.html#absolutePosition()">absolutePosition</a>, <a href="../controlP5/ControllerGroup.html#add(controlP5.ControllerInterface)">add</a>, <a href="../controlP5/ControllerGroup.html#addCanvas(controlP5.Canvas)">addCanvas</a>, <a href="../controlP5/ControllerGroup.html#addCloseButton()">addCloseButton</a>, <a href="../controlP5/ControllerGroup.html#addDrawable(controlP5.CDrawable)">addDrawable</a>, <a href="../controlP5/ControllerGroup.html#arrayValue()">arrayValue</a>, <a href="../controlP5/ControllerGroup.html#bringToFront()">bringToFront</a>, <a href="../controlP5/ControllerGroup.html#bringToFront(controlP5.ControllerInterface)">bringToFront</a>, <a href="../controlP5/ControllerGroup.html#close()">close</a>, <a href="../controlP5/ControllerGroup.html#color()">color</a>, <a href="../controlP5/ControllerGroup.html#continuousUpdateEvents()">continuousUpdateEvents</a>, <a href="../controlP5/ControllerGroup.html#controller(java.lang.String)">controller</a>, <a href="../controlP5/ControllerGroup.html#disableCollapse()">disableCollapse</a>, <a href="../controlP5/ControllerGroup.html#draw(processing.core.PGraphics)">draw</a>, <a href="../controlP5/ControllerGroup.html#enableCollapse()">enableCollapse</a>, <a href="../controlP5/ControllerGroup.html#getAbsolutePosition()">getAbsolutePosition</a>, <a href="../controlP5/ControllerGroup.html#getAddress()">getAddress</a>, <a href="../controlP5/ControllerGroup.html#getArrayValue()">getArrayValue</a>, <a href="../controlP5/ControllerGroup.html#getArrayValue(int)">getArrayValue</a>, <a href="../controlP5/ControllerGroup.html#getCaptionLabel()">getCaptionLabel</a>, <a href="../controlP5/ControllerGroup.html#getColor()">getColor</a>, <a href="../controlP5/ControllerGroup.html#getController(java.lang.String)">getController</a>, <a href="../controlP5/ControllerGroup.html#getHeight()">getHeight</a>, <a href="../controlP5/ControllerGroup.html#getId()">getId</a>, <a href="../controlP5/ControllerGroup.html#getName()">getName</a>, <a href="../controlP5/ControllerGroup.html#getParent()">getParent</a>, <a href="../controlP5/ControllerGroup.html#getPickingColor()">getPickingColor</a>, <a href="../controlP5/ControllerGroup.html#getPosition()">getPosition</a>, <a href="../controlP5/ControllerGroup.html#getProperty(java.lang.String)">getProperty</a>, <a href="../controlP5/ControllerGroup.html#getProperty(java.lang.String, java.lang.String)">getProperty</a>, <a href="../controlP5/ControllerGroup.html#getStringValue()">getStringValue</a>, <a href="../controlP5/ControllerGroup.html#getTab()">getTab</a>, <a href="../controlP5/ControllerGroup.html#getValue()">getValue</a>, <a href="../controlP5/ControllerGroup.html#getValueLabel()">getValueLabel</a>, <a href="../controlP5/ControllerGroup.html#getWidth()">getWidth</a>, <a href="../controlP5/ControllerGroup.html#getWindow()">getWindow</a>, <a href="../controlP5/ControllerGroup.html#hide()">hide</a>, <a href="../controlP5/ControllerGroup.html#hideArrow()">hideArrow</a>, <a href="../controlP5/ControllerGroup.html#hideBar()">hideBar</a>, <a href="../controlP5/ControllerGroup.html#id()">id</a>, <a href="../controlP5/ControllerGroup.html#init()">init</a>, <a href="../controlP5/ControllerGroup.html#isBarVisible()">isBarVisible</a>, <a href="../controlP5/ControllerGroup.html#isCollapse()">isCollapse</a>, <a href="../controlP5/ControllerGroup.html#isMouseOver()">isMouseOver</a>, <a href="../controlP5/ControllerGroup.html#isMoveable()">isMoveable</a>, <a href="../controlP5/ControllerGroup.html#isOpen()">isOpen</a>, <a href="../controlP5/ControllerGroup.html#isUpdate()">isUpdate</a>, <a href="../controlP5/ControllerGroup.html#isVisible()">isVisible</a>, <a href="../controlP5/ControllerGroup.html#keyEvent(processing.event.KeyEvent)">keyEvent</a>, <a href="../controlP5/ControllerGroup.html#moveTo(controlP5.ControllerGroup)">moveTo</a>, <a href="../controlP5/ControllerGroup.html#moveTo(controlP5.ControllerGroup, controlP5.Tab, controlP5.ControlWindow)">moveTo</a>, <a href="../controlP5/ControllerGroup.html#moveTo(controlP5.ControlWindow)">moveTo</a>, <a href="../controlP5/ControllerGroup.html#moveTo(controlP5.ControlWindow, java.lang.String)">moveTo</a>, <a href="../controlP5/ControllerGroup.html#moveTo(processing.core.PApplet)">moveTo</a>, <a href="../controlP5/ControllerGroup.html#moveTo(java.lang.String)">moveTo</a>, <a href="../controlP5/ControllerGroup.html#moveTo(java.lang.String, controlP5.ControlWindow)">moveTo</a>, <a href="../controlP5/ControllerGroup.html#moveTo(controlP5.Tab)">moveTo</a>, <a href="../controlP5/ControllerGroup.html#moveTo(controlP5.Tab, controlP5.ControlWindow)">moveTo</a>, <a href="../controlP5/ControllerGroup.html#name()">name</a>, <a href="../controlP5/ControllerGroup.html#open()">open</a>, <a href="../controlP5/ControllerGroup.html#parent()">parent</a>, <a href="../controlP5/ControllerGroup.html#position()">position</a>, <a href="../controlP5/ControllerGroup.html#registerProperty(java.lang.String)">registerProperty</a>, <a href="../controlP5/ControllerGroup.html#registerProperty(java.lang.String, java.lang.String)">registerProperty</a>, <a href="../controlP5/ControllerGroup.html#remove()">remove</a>, <a href="../controlP5/ControllerGroup.html#remove(controlP5.CDrawable)">remove</a>, <a href="../controlP5/ControllerGroup.html#remove(controlP5.ControllerInterface)">remove</a>, <a href="../controlP5/ControllerGroup.html#removeCanvas(controlP5.Canvas)">removeCanvas</a>, <a href="../controlP5/ControllerGroup.html#removeCloseButton()">removeCloseButton</a>, <a href="../controlP5/ControllerGroup.html#removeProperty(java.lang.String)">removeProperty</a>, <a href="../controlP5/ControllerGroup.html#removeProperty(java.lang.String, java.lang.String)">removeProperty</a>, <a href="../controlP5/ControllerGroup.html#setAbsolutePosition(processing.core.PVector)">setAbsolutePosition</a>, <a href="../controlP5/ControllerGroup.html#setAddress(java.lang.String)">setAddress</a>, <a href="../controlP5/ControllerGroup.html#setArrayValue(int, float)">setArrayValue</a>, <a href="../controlP5/ControllerGroup.html#setCaptionLabel(java.lang.String)">setCaptionLabel</a>, <a href="../controlP5/ControllerGroup.html#setColor(controlP5.CColor)">setColor</a>, <a href="../controlP5/ControllerGroup.html#setColorActive(int)">setColorActive</a>, <a href="../controlP5/ControllerGroup.html#setColorBackground(int)">setColorBackground</a>, <a href="../controlP5/ControllerGroup.html#setColorForeground(int)">setColorForeground</a>, <a href="../controlP5/ControllerGroup.html#setColorLabel(int)">setColorLabel</a>, <a href="../controlP5/ControllerGroup.html#setColorValue(int)">setColorValue</a>, <a href="../controlP5/ControllerGroup.html#setGroup(controlP5.ControllerGroup)">setGroup</a>, <a href="../controlP5/ControllerGroup.html#setGroup(java.lang.String)">setGroup</a>, <a href="../controlP5/ControllerGroup.html#setHeight(int)">setHeight</a>, <a href="../controlP5/ControllerGroup.html#setId(int)">setId</a>, <a href="../controlP5/ControllerGroup.html#setLabel(java.lang.String)">setLabel</a>, <a href="../controlP5/ControllerGroup.html#setMouseOver(boolean)">setMouseOver</a>, <a href="../controlP5/ControllerGroup.html#setMousePressed(boolean)">setMousePressed</a>, <a href="../controlP5/ControllerGroup.html#setMoveable(boolean)">setMoveable</a>, <a href="../controlP5/ControllerGroup.html#setOpen(boolean)">setOpen</a>, <a href="../controlP5/ControllerGroup.html#setPosition(float, float)">setPosition</a>, <a href="../controlP5/ControllerGroup.html#setPosition(processing.core.PVector)">setPosition</a>, <a href="../controlP5/ControllerGroup.html#setStringValue(java.lang.String)">setStringValue</a>, <a href="../controlP5/ControllerGroup.html#setTab(controlP5.ControlWindow, java.lang.String)">setTab</a>, <a href="../controlP5/ControllerGroup.html#setTab(java.lang.String)">setTab</a>, <a href="../controlP5/ControllerGroup.html#setTab(controlP5.Tab)">setTab</a>, <a href="../controlP5/ControllerGroup.html#setTitle(java.lang.String)">setTitle</a>, <a href="../controlP5/ControllerGroup.html#setUpdate(boolean)">setUpdate</a>, <a href="../controlP5/ControllerGroup.html#setValue(float)">setValue</a>, <a href="../controlP5/ControllerGroup.html#setVisible(boolean)">setVisible</a>, <a href="../controlP5/ControllerGroup.html#setWidth(int)">setWidth</a>, <a href="../controlP5/ControllerGroup.html#show()">show</a>, <a href="../controlP5/ControllerGroup.html#showArrow()">showArrow</a>, <a href="../controlP5/ControllerGroup.html#showBar()">showBar</a>, <a href="../controlP5/ControllerGroup.html#update()">update</a>, <a href="../controlP5/ControllerGroup.html#updateAbsolutePosition()">updateAbsolutePosition</a>, <a href="../controlP5/ControllerGroup.html#updateEvents()">updateEvents</a>, <a href="../controlP5/ControllerGroup.html#value()">value</a></code></li>
+</ul>
+<ul class="blockList">
+<li class="blockList"><a name="methods_inherited_from_class_java.lang.Object">
+<!--   -->
+</a>
+<h3>Methods inherited from class&nbsp;java.lang.Object</h3>
+<code>equals, getClass, hashCode, notify, notifyAll, wait, wait, wait</code></li>
+</ul>
+</li>
+</ul>
+</li>
+</ul>
+</div>
+<div class="details">
+<ul class="blockList">
+<li class="blockList">
+<!-- ========= CONSTRUCTOR DETAIL ======== -->
+<ul class="blockList">
+<li class="blockList"><a name="constructor_detail">
+<!--   -->
+</a>
+<h3>Constructor Detail</h3>
+<a name="Radio(controlP5.ControlP5, controlP5.ControllerGroup, java.lang.String, int, int)">
+<!--   -->
+</a>
+<ul class="blockListLast">
+<li class="blockList">
+<h4>Radio</h4>
+<pre>public&nbsp;Radio(<a href="../controlP5/ControlP5.html" title="class in controlP5">ControlP5</a>&nbsp;theControlP5,
+     <a href="../controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a>&lt;?&gt;&nbsp;theParent,
+     java.lang.String&nbsp;theName,
+     int&nbsp;theX,
+     int&nbsp;theY)</pre>
+</li>
+</ul>
+</li>
+</ul>
+</li>
+</ul>
+</div>
+</div>
+<!-- ========= END OF CLASS DATA ========= -->
+<!-- ======= START OF BOTTOM NAVBAR ====== -->
+<div class="bottomNav"><a name="navbar_bottom">
+<!--   -->
+</a><a href="#skip-navbar_bottom" title="Skip navigation links"></a><a name="navbar_bottom_firstrow">
+<!--   -->
+</a>
+<ul class="navList" title="Navigation">
+<li><a href="../controlP5/package-summary.html">Package</a></li>
+<li class="navBarCell1Rev">Class</li>
+<li><a href="package-tree.html">Tree</a></li>
+<li><a href="../index-all.html">Index</a></li>
+<li><a href="../help-doc.html">Help</a></li>
+</ul>
+</div>
+<div class="subNav">
+<ul class="navList">
+<li><a href="../controlP5/Println.html" title="class in controlP5"><span class="strong">Prev Class</span></a></li>
+<li><a href="../controlP5/RadioButton.html" title="class in controlP5"><span class="strong">Next Class</span></a></li>
+</ul>
+<ul class="navList">
+<li><a href="../index.html?controlP5/Radio.html" target="_top">Frames</a></li>
+<li><a href="Radio.html" target="_top">No Frames</a></li>
+</ul>
+<ul class="navList" id="allclasses_navbar_bottom">
+<li><a href="../allclasses-noframe.html">All Classes</a></li>
+</ul>
+<div>
+<script type="text/javascript"><!--
+  allClassesLink = document.getElementById("allclasses_navbar_bottom");
+  if(window==top) {
+    allClassesLink.style.display = "block";
+  }
+  else {
+    allClassesLink.style.display = "none";
+  }
+  //-->
+</script>
+</div>
+<div>
+<ul class="subNavList">
+<li>Summary:&nbsp;</li>
+<li>Nested&nbsp;|&nbsp;</li>
+<li>Field&nbsp;|&nbsp;</li>
+<li><a href="#constructor_summary">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#methods_inherited_from_class_controlP5.RadioButton">Method</a></li>
+</ul>
+<ul class="subNavList">
+<li>Detail:&nbsp;</li>
+<li>Field&nbsp;|&nbsp;</li>
+<li><a href="#constructor_detail">Constr</a>&nbsp;|&nbsp;</li>
+<li>Method</li>
+</ul>
+</div>
+<a name="skip-navbar_bottom">
+<!--   -->
+</a></div>
+<!-- ======== END OF BOTTOM NAVBAR ======= -->
+<p class="legalCopy"><small>processing library controlP5 by Andreas Schlegel. (c) 2006-2014</small></p>
+</body>
+</html>
diff --git a/reference/controlP5/RadioButton.html b/reference/controlP5/RadioButton.html
new file mode 100644
index 0000000..858663a
--- /dev/null
+++ b/reference/controlP5/RadioButton.html
@@ -0,0 +1,1370 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
+<!-- NewPage -->
+<html lang="en">
+<head>
+<!-- Generated by javadoc (version 1.7.0_51) on Sun Apr 27 21:39:47 SGT 2014 -->
+<title>RadioButton (Javadocs: controlP5)</title>
+<meta name="date" content="2014-04-27">
+<link rel="stylesheet" type="text/css" href="../stylesheet.css" title="Style">
+</head>
+<body>
+<script type="text/javascript"><!--
+    if (location.href.indexOf('is-external=true') == -1) {
+        parent.document.title="RadioButton (Javadocs: controlP5)";
+    }
+//-->
+</script>
+<noscript>
+<div>JavaScript is disabled on your browser.</div>
+</noscript>
+<!-- ========= START OF TOP NAVBAR ======= -->
+<div class="topNav"><a name="navbar_top">
+<!--   -->
+</a><a href="#skip-navbar_top" title="Skip navigation links"></a><a name="navbar_top_firstrow">
+<!--   -->
+</a>
+<ul class="navList" title="Navigation">
+<li><a href="../controlP5/package-summary.html">Package</a></li>
+<li class="navBarCell1Rev">Class</li>
+<li><a href="package-tree.html">Tree</a></li>
+<li><a href="../index-all.html">Index</a></li>
+<li><a href="../help-doc.html">Help</a></li>
+</ul>
+</div>
+<div class="subNav">
+<ul class="navList">
+<li><a href="../controlP5/Radio.html" title="class in controlP5"><span class="strong">Prev Class</span></a></li>
+<li><a href="../controlP5/Range.html" title="class in controlP5"><span class="strong">Next Class</span></a></li>
+</ul>
+<ul class="navList">
+<li><a href="../index.html?controlP5/RadioButton.html" target="_top">Frames</a></li>
+<li><a href="RadioButton.html" target="_top">No Frames</a></li>
+</ul>
+<ul class="navList" id="allclasses_navbar_top">
+<li><a href="../allclasses-noframe.html">All Classes</a></li>
+</ul>
+<div>
+<script type="text/javascript"><!--
+  allClassesLink = document.getElementById("allclasses_navbar_top");
+  if(window==top) {
+    allClassesLink.style.display = "block";
+  }
+  else {
+    allClassesLink.style.display = "none";
+  }
+  //-->
+</script>
+</div>
+<div>
+<ul class="subNavList">
+<li>Summary:&nbsp;</li>
+<li>Nested&nbsp;|&nbsp;</li>
+<li>Field&nbsp;|&nbsp;</li>
+<li><a href="#constructor_summary">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_summary">Method</a></li>
+</ul>
+<ul class="subNavList">
+<li>Detail:&nbsp;</li>
+<li>Field&nbsp;|&nbsp;</li>
+<li><a href="#constructor_detail">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_detail">Method</a></li>
+</ul>
+</div>
+<a name="skip-navbar_top">
+<!--   -->
+</a></div>
+<!-- ========= END OF TOP NAVBAR ========= -->
+<!-- ======== START OF CLASS DATA ======== -->
+<div class="header">
+<div class="subTitle">controlP5</div>
+<h2 title="Class RadioButton" class="title">Class RadioButton</h2>
+</div>
+<div class="contentContainer">
+<ul class="inheritance">
+<li>java.lang.Object</li>
+<li>
+<ul class="inheritance">
+<li><a href="../controlP5/ControllerGroup.html" title="class in controlP5">controlP5.ControllerGroup</a>&lt;T&gt;</li>
+<li>
+<ul class="inheritance">
+<li><a href="../controlP5/ControlGroup.html" title="class in controlP5">controlP5.ControlGroup</a>&lt;<a href="../controlP5/RadioButton.html" title="class in controlP5">RadioButton</a>&gt;</li>
+<li>
+<ul class="inheritance">
+<li>controlP5.RadioButton</li>
+</ul>
+</li>
+</ul>
+</li>
+</ul>
+</li>
+</ul>
+<div class="description">
+<ul class="blockList">
+<li class="blockList">
+<dl>
+<dt>All Implemented Interfaces:</dt>
+<dd><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/RadioButton.html" title="class in controlP5">RadioButton</a>&gt;, <a href="../controlP5/ControlListener.html" title="interface in controlP5">ControlListener</a>, <a href="../controlP5/ControlP5Constants.html" title="interface in controlP5">ControlP5Constants</a></dd>
+</dl>
+<dl>
+<dt>Direct Known Subclasses:</dt>
+<dd><a href="../controlP5/Radio.html" title="class in controlP5">Radio</a></dd>
+</dl>
+<hr>
+<br>
+<pre>public class <span class="strong">RadioButton</span>
+extends <a href="../controlP5/ControlGroup.html" title="class in controlP5">ControlGroup</a>&lt;<a href="../controlP5/RadioButton.html" title="class in controlP5">RadioButton</a>&gt;</pre>
+<div class="block">A radioButton is a list of toggles that can be turned on or off. radioButton is of type
+ ControllerGroup, therefore a controllerPlug can't be set. this means that an event from a
+ radioButton can't be forwarded to a method other than controlEvent in a sketch.
+ 
+ a radioButton has 2 sets of values. radioButton.getValue() returns the value of the active
+ radioButton item. radioButton.getArrayValue() returns a float array that represents the active
+ (1) and inactive (0) items of a radioButton.
+ 
+ ControlP5 CheckBox Toggle</div>
+<dl><script type="text/javascript">
+<!--
+document.getElementsByTagName('html')[0].className = 'isjs';function toggle(dt) { var display, dd=dt; do{ dd = dd.nextSibling } while(dd.tagName!='DD'); toOpen =!dd.style.display;dd.style.display = toOpen? 'block':''; dt.getElementsByTagName('span')[0].innerHTML  = toOpen? '-':'+' ; }
+-->
+</script>
+<div id="test" class="toggleList"><dl><dt onclick="toggle(this);"><span>+</span>Example</dt><dd><code><pre>/**
+* ControlP5 RadioButton
+*
+*
+* find a list of public methods available for the RadioButton Controller
+* at the bottom of this sketch.
+*
+* by Andreas Schlegel, 2012
+* www.sojamo.de/libraries/controlp5
+*
+*/
+
+
+import controlP5.*;
+
+ControlP5 cp5;
+
+int myColorBackground = color(0,0,0);
+
+RadioButton r;
+
+void setup() {
+  size(700,400);
+  
+  cp5 = new ControlP5(this);
+  r = cp5.addRadioButton("radioButton")
+         .setPosition(20,160)
+         .setSize(40,20)
+         .setColorForeground(color(120))
+         .setColorActive(color(255))
+         .setColorLabel(color(255))
+         .setItemsPerRow(5)
+         .setSpacingColumn(50)
+         .addItem("50",1)
+         .addItem("100",2)
+         .addItem("150",3)
+         .addItem("200",4)
+         .addItem("250",5)
+         ;
+     
+     for(Toggle t:r.getItems()) {
+       t.captionLabel().setColorBackground(color(255,80));
+       t.captionLabel().style().moveMargin(-7,0,0,-3);
+       t.captionLabel().style().movePadding(7,0,0,3);
+       t.captionLabel().style().backgroundWidth = 45;
+       t.captionLabel().style().backgroundHeight = 13;
+     }
+}
+
+
+void draw() {
+  background(myColorBackground);
+}
+
+
+void keyPressed() {
+  switch(key) {
+    case('0'): r.deactivateAll(); break;
+    case('1'): r.activate(0); break;
+    case('2'): r.activate(1); break;
+    case('3'): r.activate(2); break;
+    case('4'): r.activate(3); break;
+    case('5'): r.activate(4); break;
+  }
+  
+}
+
+void controlEvent(ControlEvent theEvent) {
+  if(theEvent.isFrom(r)) {
+    print("got an event from "+theEvent.getName()+"\t");
+    for(int i=0;i<theEvent.getGroup().getArrayValue().length;i++) {
+      print(int(theEvent.getGroup().getArrayValue()[i]));
+    }
+    println("\t "+theEvent.getValue());
+    myColorBackground = color(int(theEvent.group().value()*50),0,0);
+  }
+}
+
+void radioButton(int a) {
+  println("a radio Button event: "+a);
+}
+
+/*
+a list of all methods available for the RadioButton Controller
+use ControlP5.printPublicMethodsFor(RadioButton.class);
+to print the following list into the console.
+
+You can find further details about class RadioButton in the javadoc.
+
+Format:
+ClassName : returnType methodName(parameter type)
+
+controlP5.RadioButton : List getItems() 
+controlP5.RadioButton : RadioButton activate(String) 
+controlP5.RadioButton : RadioButton activate(int) 
+controlP5.RadioButton : RadioButton addItem(String, float) 
+controlP5.RadioButton : RadioButton addItem(Toggle, float) 
+controlP5.RadioButton : RadioButton deactivate(String) 
+controlP5.RadioButton : RadioButton deactivate(int) 
+controlP5.RadioButton : RadioButton deactivateAll() 
+controlP5.RadioButton : RadioButton hideLabels() 
+controlP5.RadioButton : RadioButton removeItem(String) 
+controlP5.RadioButton : RadioButton setArrayValue(float[]) 
+controlP5.RadioButton : RadioButton setColorLabels(int) 
+controlP5.RadioButton : RadioButton setImage(PImage) 
+controlP5.RadioButton : RadioButton setImage(PImage, int) 
+controlP5.RadioButton : RadioButton setImages(PImage, PImage, PImage) 
+controlP5.RadioButton : RadioButton setItemHeight(int) 
+controlP5.RadioButton : RadioButton setItemWidth(int) 
+controlP5.RadioButton : RadioButton setItemsPerRow(int) 
+controlP5.RadioButton : RadioButton setNoneSelectedAllowed(boolean) 
+controlP5.RadioButton : RadioButton setSize(PImage) 
+controlP5.RadioButton : RadioButton setSize(int, int) 
+controlP5.RadioButton : RadioButton setSpacingColumn(int) 
+controlP5.RadioButton : RadioButton setSpacingRow(int) 
+controlP5.RadioButton : RadioButton showLabels() 
+controlP5.RadioButton : RadioButton toUpperCase(boolean) 
+controlP5.RadioButton : RadioButton toggle(int) 
+controlP5.RadioButton : String getInfo() 
+controlP5.RadioButton : Toggle getItem(int) 
+controlP5.RadioButton : boolean getState(String) 
+controlP5.RadioButton : boolean getState(int) 
+controlP5.RadioButton : void updateLayout() 
+controlP5.ControlGroup : RadioButton activateEvent(boolean) 
+controlP5.ControlGroup : RadioButton addListener(ControlListener) 
+controlP5.ControlGroup : RadioButton hideBar() 
+controlP5.ControlGroup : RadioButton removeListener(ControlListener) 
+controlP5.ControlGroup : RadioButton setBackgroundColor(int) 
+controlP5.ControlGroup : RadioButton setBackgroundHeight(int) 
+controlP5.ControlGroup : RadioButton setBarHeight(int) 
+controlP5.ControlGroup : RadioButton showBar() 
+controlP5.ControlGroup : RadioButton updateInternalEvents(PApplet) 
+controlP5.ControlGroup : String getInfo() 
+controlP5.ControlGroup : String toString() 
+controlP5.ControlGroup : boolean isBarVisible() 
+controlP5.ControlGroup : int getBackgroundHeight() 
+controlP5.ControlGroup : int getBarHeight() 
+controlP5.ControlGroup : int listenerSize() 
+controlP5.ControllerGroup : CColor getColor() 
+controlP5.ControllerGroup : ControlWindow getWindow() 
+controlP5.ControllerGroup : ControlWindowCanvas addCanvas(ControlWindowCanvas) 
+controlP5.ControllerGroup : Controller getController(String) 
+controlP5.ControllerGroup : ControllerProperty getProperty(String) 
+controlP5.ControllerGroup : ControllerProperty getProperty(String, String) 
+controlP5.ControllerGroup : Label getCaptionLabel() 
+controlP5.ControllerGroup : Label getValueLabel() 
+controlP5.ControllerGroup : PVector getPosition() 
+controlP5.ControllerGroup : RadioButton add(ControllerInterface) 
+controlP5.ControllerGroup : RadioButton bringToFront() 
+controlP5.ControllerGroup : RadioButton bringToFront(ControllerInterface) 
+controlP5.ControllerGroup : RadioButton close() 
+controlP5.ControllerGroup : RadioButton disableCollapse() 
+controlP5.ControllerGroup : RadioButton enableCollapse() 
+controlP5.ControllerGroup : RadioButton hide() 
+controlP5.ControllerGroup : RadioButton moveTo(ControlWindow) 
+controlP5.ControllerGroup : RadioButton moveTo(PApplet) 
+controlP5.ControllerGroup : RadioButton open() 
+controlP5.ControllerGroup : RadioButton registerProperty(String) 
+controlP5.ControllerGroup : RadioButton registerProperty(String, String) 
+controlP5.ControllerGroup : RadioButton remove(CDrawable) 
+controlP5.ControllerGroup : RadioButton remove(ControllerInterface) 
+controlP5.ControllerGroup : RadioButton removeCanvas(ControlWindowCanvas) 
+controlP5.ControllerGroup : RadioButton removeProperty(String) 
+controlP5.ControllerGroup : RadioButton removeProperty(String, String) 
+controlP5.ControllerGroup : RadioButton setAddress(String) 
+controlP5.ControllerGroup : RadioButton setArrayValue(float[]) 
+controlP5.ControllerGroup : RadioButton setColor(CColor) 
+controlP5.ControllerGroup : RadioButton setColorActive(int) 
+controlP5.ControllerGroup : RadioButton setColorBackground(int) 
+controlP5.ControllerGroup : RadioButton setColorForeground(int) 
+controlP5.ControllerGroup : RadioButton setColorLabel(int) 
+controlP5.ControllerGroup : RadioButton setColorValue(int) 
+controlP5.ControllerGroup : RadioButton setHeight(int) 
+controlP5.ControllerGroup : RadioButton setId(int) 
+controlP5.ControllerGroup : RadioButton setLabel(String) 
+controlP5.ControllerGroup : RadioButton setMouseOver(boolean) 
+controlP5.ControllerGroup : RadioButton setMoveable(boolean) 
+controlP5.ControllerGroup : RadioButton setOpen(boolean) 
+controlP5.ControllerGroup : RadioButton setPosition(PVector) 
+controlP5.ControllerGroup : RadioButton setPosition(float, float) 
+controlP5.ControllerGroup : RadioButton setStringValue(String) 
+controlP5.ControllerGroup : RadioButton setUpdate(boolean) 
+controlP5.ControllerGroup : RadioButton setValue(float) 
+controlP5.ControllerGroup : RadioButton setVisible(boolean) 
+controlP5.ControllerGroup : RadioButton setWidth(int) 
+controlP5.ControllerGroup : RadioButton show() 
+controlP5.ControllerGroup : RadioButton update() 
+controlP5.ControllerGroup : RadioButton updateAbsolutePosition() 
+controlP5.ControllerGroup : String getAddress() 
+controlP5.ControllerGroup : String getInfo() 
+controlP5.ControllerGroup : String getName() 
+controlP5.ControllerGroup : String getStringValue() 
+controlP5.ControllerGroup : String toString() 
+controlP5.ControllerGroup : Tab getTab() 
+controlP5.ControllerGroup : boolean isCollapse() 
+controlP5.ControllerGroup : boolean isMouseOver() 
+controlP5.ControllerGroup : boolean isMoveable() 
+controlP5.ControllerGroup : boolean isOpen() 
+controlP5.ControllerGroup : boolean isUpdate() 
+controlP5.ControllerGroup : boolean isVisible() 
+controlP5.ControllerGroup : boolean setMousePressed(boolean) 
+controlP5.ControllerGroup : float getValue() 
+controlP5.ControllerGroup : float[] getArrayValue() 
+controlP5.ControllerGroup : int getHeight() 
+controlP5.ControllerGroup : int getId() 
+controlP5.ControllerGroup : int getWidth() 
+controlP5.ControllerGroup : void remove() 
+java.lang.Object : String toString() 
+java.lang.Object : boolean equals(Object) 
+
+
+*/
+
+
+
+
+</pre></code></dd></dl></div></dl>
+</li>
+</ul>
+</div>
+<div class="summary">
+<ul class="blockList">
+<li class="blockList">
+<!-- =========== FIELD SUMMARY =========== -->
+<ul class="blockList">
+<li class="blockList"><a name="field_summary">
+<!--   -->
+</a>
+<h3>Field Summary</h3>
+<ul class="blockList">
+<li class="blockList"><a name="fields_inherited_from_class_controlP5.ControlP5Constants">
+<!--   -->
+</a>
+<h3>Fields inherited from interface&nbsp;controlP5.<a href="../controlP5/ControlP5Constants.html" title="interface in controlP5">ControlP5Constants</a></h3>
+<code><a href="../controlP5/ControlP5Constants.html#acceptClassList">acceptClassList</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_BROADCAST">ACTION_BROADCAST</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_CLICK">ACTION_CLICK</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_DRAG">ACTION_DRAG</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_ENTER">ACTION_ENTER</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_EXIT">ACTION_EXIT</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_LEAVE">ACTION_LEAVE</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_MOVE">ACTION_MOVE</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_PRESS">ACTION_PRESS</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_PRESSED">ACTION_PRESSED</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_RELEASE">ACTION_RELEASE</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_RELEASED">ACTION_RELEASED</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_RELEASEDOUTSIDE">ACTION_RELEASEDOUTSIDE</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_WHEEL">ACTION_WHEEL</a>, <a href="../controlP5/ControlP5Constants.html#ACTIVE">ACTIVE</a>, <a href="../controlP5/ControlP5Constants.html#ALL">ALL</a>, <a href="../controlP5/ControlP5Constants.html#ALT">ALT</a>, <a href="../controlP5/ControlP5Constants.html#AQUA">AQUA</a>, <a href="../controlP5/ControlP5Constants.html#ARC">ARC</a>, <a href="../controlP5/ControlP5Constants.html#ARRAY">ARRAY</a>, <a href="../controlP5/ControlP5Constants.html#BACKSPACE">BACKSPACE</a>, <a href="../controlP5/ControlP5Constants.html#BASELINE">BASELINE</a>, <a href="../controlP5/ControlP5Constants.html#BITFONT">BITFONT</a>, <a href="../controlP5/ControlP5Constants.html#BLACK">BLACK</a>, <a href="../controlP5/ControlP5Constants.html#BLUE">BLUE</a>, <a href="../controlP5/ControlP5Constants.html#BOOLEAN">BOOLEAN</a>, <a href="../controlP5/ControlP5Constants.html#BOTTOM">BOTTOM</a>, <a href="../controlP5/ControlP5Constants.html#BOTTOM_OUTSIDE">BOTTOM_OUTSIDE</a>, <a href="../controlP5/ControlP5Constants.html#CAPTIONLABEL">CAPTIONLABEL</a>, <a href="../controlP5/ControlP5Constants.html#CENTER">CENTER</a>, <a href="../controlP5/ControlP5Constants.html#CHECKBOX">CHECKBOX</a>, <a href="../controlP5/ControlP5Constants.html#COMMANDKEY">COMMANDKEY</a>, <a href="../controlP5/ControlP5Constants.html#CONTROL">CONTROL</a>, <a href="../controlP5/ControlP5Constants.html#controlEventClass">controlEventClass</a>, <a href="../controlP5/ControlP5Constants.html#CUSTOM">CUSTOM</a>, <a href="../controlP5/ControlP5Constants.html#DECREASE">DECREASE</a>, <a href="../controlP5/ControlP5Constants.html#DEFAULT">DEFAULT</a>, <a href="../controlP5/ControlP5Constants.html#DELETE">DELETE</a>, <a href="../controlP5/ControlP5Constants.html#DONE">DONE</a>, <a href="../controlP5/ControlP5Constants.html#DOWN">DOWN</a>, <a href="../controlP5/ControlP5Constants.html#DROPDOWN">DROPDOWN</a>, <a href="../controlP5/ControlP5Constants.html#ELLIPSE">ELLIPSE</a>, <a href="../controlP5/ControlP5Constants.html#ENTER">ENTER</a>, <a href="../controlP5/ControlP5Constants.html#ESCAPE">ESCAPE</a>, <a href="../controlP5/ControlP5Constants.html#EVENT">EVENT</a>, <a href="../controlP5/ControlP5Constants.html#eventMethod">eventMethod</a>, <a href="../controlP5/ControlP5Constants.html#FADEIN">FADEIN</a>, <a href="../controlP5/ControlP5Constants.html#FADEOUT">FADEOUT</a>, <a href="../controlP5/ControlP5Constants.html#FIELD">FIELD</a>, <a href="../controlP5/ControlP5Constants.html#FLOAT">FLOAT</a>, <a href="../controlP5/ControlP5Constants.html#FUCHSIA">FUCHSIA</a>, <a href="../controlP5/ControlP5Constants.html#GRAY">GRAY</a>, <a href="../controlP5/ControlP5Constants.html#GREEN">GREEN</a>, <a href="../controlP5/ControlP5Constants.html#grixel">grixel</a>, <a href="../controlP5/ControlP5Constants.html#HALF_PI">HALF_PI</a>, <a href="../controlP5/ControlP5Constants.html#HIDE">HIDE</a>, <a href="../controlP5/ControlP5Constants.html#HIGHLIGHT">HIGHLIGHT</a>, <a href="../controlP5/ControlP5Constants.html#HORIZONTAL">HORIZONTAL</a>, <a href="../controlP5/ControlP5Constants.html#IDLE">IDLE</a>, <a href="../controlP5/ControlP5Constants.html#IMAGE">IMAGE</a>, <a href="../controlP5/ControlP5Constants.html#INACTIVE">INACTIVE</a>, <a href="../controlP5/ControlP5Constants.html#INCREASE">INCREASE</a>, <a href="../controlP5/ControlP5Constants.html#INTEGER">INTEGER</a>, <a href="../controlP5/ControlP5Constants.html#INVALID">INVALID</a>, <a href="../controlP5/ControlP5Constants.html#J2D">J2D</a>, <a href="../controlP5/ControlP5Constants.html#KEYCONTROL">KEYCONTROL</a>, <a href="../controlP5/ControlP5Constants.html#LEFT">LEFT</a>, <a href="../controlP5/ControlP5Constants.html#LEFT_OUTSIDE">LEFT_OUTSIDE</a>, <a href="../controlP5/ControlP5Constants.html#LIME">LIME</a>, <a href="../controlP5/ControlP5Constants.html#LINE">LINE</a>, <a href="../controlP5/ControlP5Constants.html#LIST">LIST</a>, <a href="../controlP5/ControlP5Constants.html#LOAD">LOAD</a>, <a href="../controlP5/ControlP5Constants.html#MAROON">MAROON</a>, <a href="../controlP5/ControlP5Constants.html#MENU">MENU</a>, <a href="../controlP5/ControlP5Constants.html#METHOD">METHOD</a>, <a href="../controlP5/ControlP5Constants.html#MOVE">MOVE</a>, <a href="../controlP5/ControlP5Constants.html#MULTI">MULTI</a>, <a href="../controlP5/ControlP5Constants.html#MULTIPLES">MULTIPLES</a>, <a href="../controlP5/ControlP5Constants.html#NAVY">NAVY</a>, <a href="../controlP5/ControlP5Constants.html#OLIVE">OLIVE</a>, <a href="../controlP5/ControlP5Constants.html#ORANGE">ORANGE</a>, <a href="../controlP5/ControlP5Constants.html#OVER">OVER</a>, <a href="../controlP5/ControlP5Constants.html#P2D">P2D</a>, <a href="../controlP5/ControlP5Constants.html#P3D">P3D</a>, <a href="../controlP5/ControlP5Constants.html#PI">PI</a>, <a href="../controlP5/ControlP5Constants.html#PRESSED">PRESSED</a>, <a href="../controlP5/ControlP5Constants.html#PRINT">PRINT</a>, <a href="../controlP5/ControlP5Constants.html#PURPLE">PURPLE</a>, <a href="../controlP5/ControlP5Constants.html#RED">RED</a>, <a href="../controlP5/ControlP5Constants.html#RELEASE">RELEASE</a>, <a href="../controlP5/ControlP5Constants.html#RESET">RESET</a>, <a href="../controlP5/ControlP5Constants.html#RIGHT">RIGHT</a>, <a href="../controlP5/ControlP5Constants.html#RIGHT_OUTSIDE">RIGHT_OUTSIDE</a>, <a href="../controlP5/ControlP5Constants.html#SAVE">SAVE</a>, <a href="../controlP5/ControlP5Constants.html#SHIFT">SHIFT</a>, <a href="../controlP5/ControlP5Constants.html#SILVER">SILVER</a>, <a href="../controlP5/ControlP5Constants.html#SINGLE">SINGLE</a>, <a href="../controlP5/ControlP5Constants.html#SINGLE_COLUMN">SINGLE_COLUMN</a>, <a href="../controlP5/ControlP5Constants.html#SINGLE_ROW">SINGLE_ROW</a>, <a href="../controlP5/ControlP5Constants.html#SPRITE">SPRITE</a>, <a href="../controlP5/ControlP5Constants.html#standard56">standard56</a>, <a href="../controlP5/ControlP5Constants.html#standard58">standard58</a>, <a href="../controlP5/ControlP5Constants.html#STRING">STRING</a>, <a href="../controlP5/ControlP5Constants.html#SWITCH">SWITCH</a>, <a href="../controlP5/ControlP5Constants.html#SWITCH_BACK">SWITCH_BACK</a>, <a href="../controlP5/ControlP5Constants.html#SWITCH_FORE">SWITCH_FORE</a>, <a href="../controlP5/ControlP5Constants.html#synt24">synt24</a>, <a href="../controlP5/ControlP5Constants.html#TAB">TAB</a>, <a href="../controlP5/ControlP5Constants.html#TEAL">TEAL</a>, <a href="../controlP5/ControlP5Constants.html#THEME_A">THEME_A</a>, <a href="../controlP5/ControlP5Constants.html#THEME_CP52014">THEME_CP52014</a>, <a href="../controlP5/ControlP5Constants.html#THEME_CP5BLUE">THEME_CP5BLUE</a>, <a href="../controlP5/ControlP5Constants.html#THEME_RED">THEME_RED</a>, <a href="../controlP5/ControlP5Constants.html#THEME_RETRO">THEME_RETRO</a>, <a href="../controlP5/ControlP5Constants.html#THEME_WHITE">THEME_WHITE</a>, <a href="../controlP5/ControlP5Constants.html#TOP">TOP</a>, <a href="../controlP5/ControlP5Constants.html#TOP_OUTSIDE">TOP_OUTSIDE</a>, <a href="../controlP5/ControlP5Constants.html#TRANSITION_WAIT_FADEIN">TRANSITION_WAIT_FADEIN</a>, <a href="../controlP5/ControlP5Constants.html#TREE">TREE</a>, <a href="../controlP5/ControlP5Constants.html#TWO_PI">TWO_PI</a>, <a href="../controlP5/ControlP5Constants.html#UP">UP</a>, <a href="../controlP5/ControlP5Constants.html#VALUELABEL">VALUELABEL</a>, <a href="../controlP5/ControlP5Constants.html#VERBOSE">VERBOSE</a>, <a href="../controlP5/ControlP5Constants.html#VERTICAL">VERTICAL</a>, <a href="../controlP5/ControlP5Constants.html#WAIT">WAIT</a>, <a href="../controlP5/ControlP5Constants.html#WHITE">WHITE</a>, <a href="../controlP5/ControlP5Constants.html#YELLOW">YELLOW</a></code></li>
+</ul>
+</li>
+</ul>
+<!-- ======== CONSTRUCTOR SUMMARY ======== -->
+<ul class="blockList">
+<li class="blockList"><a name="constructor_summary">
+<!--   -->
+</a>
+<h3>Constructor Summary</h3>
+<table class="overviewSummary" border="0" cellpadding="3" cellspacing="0" summary="Constructor Summary table, listing constructors, and an explanation">
+<caption><span>Constructors</span><span class="tabEnd">&nbsp;</span></caption>
+<tr>
+<th class="colOne" scope="col">Constructor and Description</th>
+</tr>
+<tr class="altColor">
+<td class="colOne"><code><strong><a href="../controlP5/RadioButton.html#RadioButton(controlP5.ControlP5, controlP5.ControllerGroup, java.lang.String, int, int)">RadioButton</a></strong>(<a href="../controlP5/ControlP5.html" title="class in controlP5">ControlP5</a>&nbsp;theControlP5,
+           <a href="../controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a>&lt;?&gt;&nbsp;theParent,
+           java.lang.String&nbsp;theName,
+           int&nbsp;theX,
+           int&nbsp;theY)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colOne"><code><strong><a href="../controlP5/RadioButton.html#RadioButton(controlP5.ControlP5, java.lang.String)">RadioButton</a></strong>(<a href="../controlP5/ControlP5.html" title="class in controlP5">ControlP5</a>&nbsp;theControlP5,
+           java.lang.String&nbsp;theName)</code>
+<div class="block">Convenience constructor to extend RadioButton.</div>
+</td>
+</tr>
+</table>
+</li>
+</ul>
+<!-- ========== METHOD SUMMARY =========== -->
+<ul class="blockList">
+<li class="blockList"><a name="method_summary">
+<!--   -->
+</a>
+<h3>Method Summary</h3>
+<table class="overviewSummary" border="0" cellpadding="3" cellspacing="0" summary="Method Summary table, listing methods, and an explanation">
+<caption><span>Methods</span><span class="tabEnd">&nbsp;</span></caption>
+<tr>
+<th class="colFirst" scope="col">Modifier and Type</th>
+<th class="colLast" scope="col">Method and Description</th>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/RadioButton.html" title="class in controlP5">RadioButton</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/RadioButton.html#activate(int)">activate</a></strong>(int&nbsp;theIndex)</code>
+<div class="block">Deactivates all active RadioButton items and only activates the item corresponding to
+ theIndex.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/RadioButton.html" title="class in controlP5">RadioButton</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/RadioButton.html#activate(java.lang.String)">activate</a></strong>(java.lang.String&nbsp;theName)</code>
+<div class="block">Actives an item of the Radio button by name.</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/RadioButton.html" title="class in controlP5">RadioButton</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/RadioButton.html#addItem(java.lang.String, float)">addItem</a></strong>(java.lang.String&nbsp;theName,
+       float&nbsp;theValue)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/RadioButton.html" title="class in controlP5">RadioButton</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/RadioButton.html#addItem(controlP5.Toggle, float)">addItem</a></strong>(<a href="../controlP5/Toggle.html" title="class in controlP5">Toggle</a>&nbsp;theToggle,
+       float&nbsp;theValue)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/RadioButton.html" title="class in controlP5">RadioButton</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/RadioButton.html#align(int[])">align</a></strong>(int[]&nbsp;a)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/RadioButton.html" title="class in controlP5">RadioButton</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/RadioButton.html#align(int, int)">align</a></strong>(int&nbsp;theX,
+     int&nbsp;theY)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/RadioButton.html" title="class in controlP5">RadioButton</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/RadioButton.html#alignX(int)">alignX</a></strong>(int&nbsp;theX)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/RadioButton.html" title="class in controlP5">RadioButton</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/RadioButton.html#alignY(int)">alignY</a></strong>(int&nbsp;theY)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>void</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/RadioButton.html#controlEvent(controlP5.ControlEvent)">controlEvent</a></strong>(<a href="../controlP5/ControlEvent.html" title="class in controlP5">ControlEvent</a>&nbsp;theEvent)</code>
+<div class="block">controlEvent is called by controlP5's ControlBroadcaster to inform available listeners about
+ value changes.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/RadioButton.html" title="class in controlP5">RadioButton</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/RadioButton.html#deactivate(int)">deactivate</a></strong>(int&nbsp;theIndex)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/RadioButton.html" title="class in controlP5">RadioButton</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/RadioButton.html#deactivate(java.lang.String)">deactivate</a></strong>(java.lang.String&nbsp;theName)</code>
+<div class="block">Deactivates a RadioButton by name and sets the value of the RadioButton to the default value
+ -1.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/RadioButton.html" title="class in controlP5">RadioButton</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/RadioButton.html#deactivateAll()">deactivateAll</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>int[]</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/RadioButton.html#getAlign()">getAlign</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>java.lang.String</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/RadioButton.html#getInfo()">getInfo</a></strong>()</code></td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Toggle.html" title="class in controlP5">Toggle</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/RadioButton.html#getItem(int)">getItem</a></strong>(int&nbsp;theIndex)</code>
+<div class="block">Gets a radio button item by index.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Toggle.html" title="class in controlP5">Toggle</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/RadioButton.html#getItem(java.lang.String)">getItem</a></strong>(java.lang.String&nbsp;theName)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>java.util.List&lt;<a href="../controlP5/Toggle.html" title="class in controlP5">Toggle</a>&gt;</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/RadioButton.html#getItems()">getItems</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>boolean</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/RadioButton.html#getState(int)">getState</a></strong>(int&nbsp;theIndex)</code>
+<div class="block">Gets the state of an item - this can be true (for on) or false (for off) - by index.</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>boolean</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/RadioButton.html#getState(java.lang.String)">getState</a></strong>(java.lang.String&nbsp;theName)</code>
+<div class="block">Gets the state of an item - this can be true (for on) or false (for off) - by name.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/RadioButton.html" title="class in controlP5">RadioButton</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/RadioButton.html#hideLabels()">hideLabels</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/RadioButton.html" title="class in controlP5">RadioButton</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/RadioButton.html#plugTo(java.lang.Object)">plugTo</a></strong>(java.lang.Object&nbsp;theObject)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/RadioButton.html" title="class in controlP5">RadioButton</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/RadioButton.html#plugTo(java.lang.Object, java.lang.String)">plugTo</a></strong>(java.lang.Object&nbsp;theObject,
+      java.lang.String&nbsp;thePlugName)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/RadioButton.html" title="class in controlP5">RadioButton</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/RadioButton.html#removeItem(java.lang.String)">removeItem</a></strong>(java.lang.String&nbsp;theName)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/RadioButton.html" title="class in controlP5">RadioButton</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/RadioButton.html#setArrayValue(float[])">setArrayValue</a></strong>(float[]&nbsp;theArray)</code>
+<div class="block">Sets the value for all RadioButton items according to the values of the array passed on.</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/RadioButton.html" title="class in controlP5">RadioButton</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/RadioButton.html#setColorLabels(int)">setColorLabels</a></strong>(int&nbsp;theColor)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/RadioButton.html" title="class in controlP5">RadioButton</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/RadioButton.html#setImage(processing.core.PImage)">setImage</a></strong>(processing.core.PImage&nbsp;theImage)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/RadioButton.html" title="class in controlP5">RadioButton</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/RadioButton.html#setImage(processing.core.PImage, int)">setImage</a></strong>(processing.core.PImage&nbsp;theImage,
+        int&nbsp;theState)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/RadioButton.html" title="class in controlP5">RadioButton</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/RadioButton.html#setImages(processing.core.PImage, processing.core.PImage, processing.core.PImage)">setImages</a></strong>(processing.core.PImage&nbsp;theDefaultImage,
+         processing.core.PImage&nbsp;theOverImage,
+         processing.core.PImage&nbsp;theActiveImage)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/RadioButton.html" title="class in controlP5">RadioButton</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/RadioButton.html#setItemHeight(int)">setItemHeight</a></strong>(int&nbsp;theItemHeight)</code>
+<div class="block">set the height of a radioButton/checkBox item.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/RadioButton.html" title="class in controlP5">RadioButton</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/RadioButton.html#setItemsPerRow(int)">setItemsPerRow</a></strong>(int&nbsp;theValue)</code>
+<div class="block">Items of a radioButton or a checkBox are organized in columns and rows.</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/RadioButton.html" title="class in controlP5">RadioButton</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/RadioButton.html#setItemWidth(int)">setItemWidth</a></strong>(int&nbsp;theItemWidth)</code>
+<div class="block">set the width of a radioButton/checkBox item.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/RadioButton.html" title="class in controlP5">RadioButton</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/RadioButton.html#setLabelPadding(int, int)">setLabelPadding</a></strong>(int&nbsp;thePaddingX,
+               int&nbsp;thePaddingY)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/RadioButton.html" title="class in controlP5">RadioButton</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/RadioButton.html#setNoneSelectedAllowed(boolean)">setNoneSelectedAllowed</a></strong>(boolean&nbsp;theValue)</code>
+<div class="block">In order to always have 1 item selected, use setNoneSelectedAllowed(false), by default this
+ is true.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/RadioButton.html" title="class in controlP5">RadioButton</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/RadioButton.html#setSize(int, int)">setSize</a></strong>(int&nbsp;theWidth,
+       int&nbsp;theHeight)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/RadioButton.html" title="class in controlP5">RadioButton</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/RadioButton.html#setSize(processing.core.PImage)">setSize</a></strong>(processing.core.PImage&nbsp;theImage)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/RadioButton.html" title="class in controlP5">RadioButton</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/RadioButton.html#setSpacingColumn(int)">setSpacingColumn</a></strong>(int&nbsp;theSpacing)</code>
+<div class="block">Sets the spacing in pixels between columns.</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/RadioButton.html" title="class in controlP5">RadioButton</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/RadioButton.html#setSpacingRow(int)">setSpacingRow</a></strong>(int&nbsp;theSpacing)</code>
+<div class="block">Sets the spacing in pixels between rows.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/RadioButton.html" title="class in controlP5">RadioButton</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/RadioButton.html#showLabels()">showLabels</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/RadioButton.html" title="class in controlP5">RadioButton</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/RadioButton.html#toggle(int)">toggle</a></strong>(int&nbsp;theIndex)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/RadioButton.html" title="class in controlP5">RadioButton</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/RadioButton.html#toUpperCase(boolean)">toUpperCase</a></strong>(boolean&nbsp;theValue)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>void</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/RadioButton.html#updateLayout()">updateLayout</a></strong>()</code>&nbsp;</td>
+</tr>
+</table>
+<ul class="blockList">
+<li class="blockList"><a name="methods_inherited_from_class_controlP5.ControlGroup">
+<!--   -->
+</a>
+<h3>Methods inherited from class&nbsp;controlP5.<a href="../controlP5/ControlGroup.html" title="class in controlP5">ControlGroup</a></h3>
+<code><a href="../controlP5/ControlGroup.html#activateEvent(boolean)">activateEvent</a>, <a href="../controlP5/ControlGroup.html#addListener(controlP5.ControlListener)">addListener</a>, <a href="../controlP5/ControlGroup.html#getBackgroundHeight()">getBackgroundHeight</a>, <a href="../controlP5/ControlGroup.html#getBarHeight()">getBarHeight</a>, <a href="../controlP5/ControlGroup.html#listenerSize()">listenerSize</a>, <a href="../controlP5/ControlGroup.html#mousePressed()">mousePressed</a>, <a href="../controlP5/ControlGroup.html#removeListener(controlP5.ControlListener)">removeListener</a>, <a href="../controlP5/ControlGroup.html#setBackgroundColor(int)">setBackgroundColor</a>, <a href="../controlP5/ControlGroup.html#setBackgroundHeight(int)">setBackgroundHeight</a>, <a href="../controlP5/ControlGroup.html#setBarHeight(int)">setBarHeight</a>, <a href="../controlP5/ControlGroup.html#stringValue()">stringValue</a>, <a href="../controlP5/ControlGroup.html#toString()">toString</a>, <a href="../controlP5/ControlGroup.html#updateInternalEvents(processing.core.PApplet)">updateInternalEvents</a></code></li>
+</ul>
+<ul class="blockList">
+<li class="blockList"><a name="methods_inherited_from_class_controlP5.ControllerGroup">
+<!--   -->
+</a>
+<h3>Methods inherited from class&nbsp;controlP5.<a href="../controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a></h3>
+<code><a href="../controlP5/ControllerGroup.html#absolutePosition()">absolutePosition</a>, <a href="../controlP5/ControllerGroup.html#add(controlP5.ControllerInterface)">add</a>, <a href="../controlP5/ControllerGroup.html#addCanvas(controlP5.Canvas)">addCanvas</a>, <a href="../controlP5/ControllerGroup.html#addCloseButton()">addCloseButton</a>, <a href="../controlP5/ControllerGroup.html#addDrawable(controlP5.CDrawable)">addDrawable</a>, <a href="../controlP5/ControllerGroup.html#arrayValue()">arrayValue</a>, <a href="../controlP5/ControllerGroup.html#bringToFront()">bringToFront</a>, <a href="../controlP5/ControllerGroup.html#bringToFront(controlP5.ControllerInterface)">bringToFront</a>, <a href="../controlP5/ControllerGroup.html#close()">close</a>, <a href="../controlP5/ControllerGroup.html#color()">color</a>, <a href="../controlP5/ControllerGroup.html#continuousUpdateEvents()">continuousUpdateEvents</a>, <a href="../controlP5/ControllerGroup.html#controller(java.lang.String)">controller</a>, <a href="../controlP5/ControllerGroup.html#disableCollapse()">disableCollapse</a>, <a href="../controlP5/ControllerGroup.html#draw(processing.core.PGraphics)">draw</a>, <a href="../controlP5/ControllerGroup.html#enableCollapse()">enableCollapse</a>, <a href="../controlP5/ControllerGroup.html#getAbsolutePosition()">getAbsolutePosition</a>, <a href="../controlP5/ControllerGroup.html#getAddress()">getAddress</a>, <a href="../controlP5/ControllerGroup.html#getArrayValue()">getArrayValue</a>, <a href="../controlP5/ControllerGroup.html#getArrayValue(int)">getArrayValue</a>, <a href="../controlP5/ControllerGroup.html#getCaptionLabel()">getCaptionLabel</a>, <a href="../controlP5/ControllerGroup.html#getColor()">getColor</a>, <a href="../controlP5/ControllerGroup.html#getController(java.lang.String)">getController</a>, <a href="../controlP5/ControllerGroup.html#getHeight()">getHeight</a>, <a href="../controlP5/ControllerGroup.html#getId()">getId</a>, <a href="../controlP5/ControllerGroup.html#getName()">getName</a>, <a href="../controlP5/ControllerGroup.html#getParent()">getParent</a>, <a href="../controlP5/ControllerGroup.html#getPickingColor()">getPickingColor</a>, <a href="../controlP5/ControllerGroup.html#getPosition()">getPosition</a>, <a href="../controlP5/ControllerGroup.html#getProperty(java.lang.String)">getProperty</a>, <a href="../controlP5/ControllerGroup.html#getProperty(java.lang.String, java.lang.String)">getProperty</a>, <a href="../controlP5/ControllerGroup.html#getStringValue()">getStringValue</a>, <a href="../controlP5/ControllerGroup.html#getTab()">getTab</a>, <a href="../controlP5/ControllerGroup.html#getValue()">getValue</a>, <a href="../controlP5/ControllerGroup.html#getValueLabel()">getValueLabel</a>, <a href="../controlP5/ControllerGroup.html#getWidth()">getWidth</a>, <a href="../controlP5/ControllerGroup.html#getWindow()">getWindow</a>, <a href="../controlP5/ControllerGroup.html#hide()">hide</a>, <a href="../controlP5/ControllerGroup.html#hideArrow()">hideArrow</a>, <a href="../controlP5/ControllerGroup.html#hideBar()">hideBar</a>, <a href="../controlP5/ControllerGroup.html#id()">id</a>, <a href="../controlP5/ControllerGroup.html#init()">init</a>, <a href="../controlP5/ControllerGroup.html#isBarVisible()">isBarVisible</a>, <a href="../controlP5/ControllerGroup.html#isCollapse()">isCollapse</a>, <a href="../controlP5/ControllerGroup.html#isMouseOver()">isMouseOver</a>, <a href="../controlP5/ControllerGroup.html#isMoveable()">isMoveable</a>, <a href="../controlP5/ControllerGroup.html#isOpen()">isOpen</a>, <a href="../controlP5/ControllerGroup.html#isUpdate()">isUpdate</a>, <a href="../controlP5/ControllerGroup.html#isVisible()">isVisible</a>, <a href="../controlP5/ControllerGroup.html#keyEvent(processing.event.KeyEvent)">keyEvent</a>, <a href="../controlP5/ControllerGroup.html#moveTo(controlP5.ControllerGroup)">moveTo</a>, <a href="../controlP5/ControllerGroup.html#moveTo(controlP5.ControllerGroup, controlP5.Tab, controlP5.ControlWindow)">moveTo</a>, <a href="../controlP5/ControllerGroup.html#moveTo(controlP5.ControlWindow)">moveTo</a>, <a href="../controlP5/ControllerGroup.html#moveTo(controlP5.ControlWindow, java.lang.String)">moveTo</a>, <a href="../controlP5/ControllerGroup.html#moveTo(processing.core.PApplet)">moveTo</a>, <a href="../controlP5/ControllerGroup.html#moveTo(java.lang.String)">moveTo</a>, <a href="../controlP5/ControllerGroup.html#moveTo(java.lang.String, controlP5.ControlWindow)">moveTo</a>, <a href="../controlP5/ControllerGroup.html#moveTo(controlP5.Tab)">moveTo</a>, <a href="../controlP5/ControllerGroup.html#moveTo(controlP5.Tab, controlP5.ControlWindow)">moveTo</a>, <a href="../controlP5/ControllerGroup.html#name()">name</a>, <a href="../controlP5/ControllerGroup.html#open()">open</a>, <a href="../controlP5/ControllerGroup.html#parent()">parent</a>, <a href="../controlP5/ControllerGroup.html#position()">position</a>, <a href="../controlP5/ControllerGroup.html#registerProperty(java.lang.String)">registerProperty</a>, <a href="../controlP5/ControllerGroup.html#registerProperty(java.lang.String, java.lang.String)">registerProperty</a>, <a href="../controlP5/ControllerGroup.html#remove()">remove</a>, <a href="../controlP5/ControllerGroup.html#remove(controlP5.CDrawable)">remove</a>, <a href="../controlP5/ControllerGroup.html#remove(controlP5.ControllerInterface)">remove</a>, <a href="../controlP5/ControllerGroup.html#removeCanvas(controlP5.Canvas)">removeCanvas</a>, <a href="../controlP5/ControllerGroup.html#removeCloseButton()">removeCloseButton</a>, <a href="../controlP5/ControllerGroup.html#removeProperty(java.lang.String)">removeProperty</a>, <a href="../controlP5/ControllerGroup.html#removeProperty(java.lang.String, java.lang.String)">removeProperty</a>, <a href="../controlP5/ControllerGroup.html#setAbsolutePosition(processing.core.PVector)">setAbsolutePosition</a>, <a href="../controlP5/ControllerGroup.html#setAddress(java.lang.String)">setAddress</a>, <a href="../controlP5/ControllerGroup.html#setArrayValue(int, float)">setArrayValue</a>, <a href="../controlP5/ControllerGroup.html#setCaptionLabel(java.lang.String)">setCaptionLabel</a>, <a href="../controlP5/ControllerGroup.html#setColor(controlP5.CColor)">setColor</a>, <a href="../controlP5/ControllerGroup.html#setColorActive(int)">setColorActive</a>, <a href="../controlP5/ControllerGroup.html#setColorBackground(int)">setColorBackground</a>, <a href="../controlP5/ControllerGroup.html#setColorForeground(int)">setColorForeground</a>, <a href="../controlP5/ControllerGroup.html#setColorLabel(int)">setColorLabel</a>, <a href="../controlP5/ControllerGroup.html#setColorValue(int)">setColorValue</a>, <a href="../controlP5/ControllerGroup.html#setGroup(controlP5.ControllerGroup)">setGroup</a>, <a href="../controlP5/ControllerGroup.html#setGroup(java.lang.String)">setGroup</a>, <a href="../controlP5/ControllerGroup.html#setHeight(int)">setHeight</a>, <a href="../controlP5/ControllerGroup.html#setId(int)">setId</a>, <a href="../controlP5/ControllerGroup.html#setLabel(java.lang.String)">setLabel</a>, <a href="../controlP5/ControllerGroup.html#setMouseOver(boolean)">setMouseOver</a>, <a href="../controlP5/ControllerGroup.html#setMousePressed(boolean)">setMousePressed</a>, <a href="../controlP5/ControllerGroup.html#setMoveable(boolean)">setMoveable</a>, <a href="../controlP5/ControllerGroup.html#setOpen(boolean)">setOpen</a>, <a href="../controlP5/ControllerGroup.html#setPosition(float, float)">setPosition</a>, <a href="../controlP5/ControllerGroup.html#setPosition(processing.core.PVector)">setPosition</a>, <a href="../controlP5/ControllerGroup.html#setStringValue(java.lang.String)">setStringValue</a>, <a href="../controlP5/ControllerGroup.html#setTab(controlP5.ControlWindow, java.lang.String)">setTab</a>, <a href="../controlP5/ControllerGroup.html#setTab(java.lang.String)">setTab</a>, <a href="../controlP5/ControllerGroup.html#setTab(controlP5.Tab)">setTab</a>, <a href="../controlP5/ControllerGroup.html#setTitle(java.lang.String)">setTitle</a>, <a href="../controlP5/ControllerGroup.html#setUpdate(boolean)">setUpdate</a>, <a href="../controlP5/ControllerGroup.html#setValue(float)">setValue</a>, <a href="../controlP5/ControllerGroup.html#setVisible(boolean)">setVisible</a>, <a href="../controlP5/ControllerGroup.html#setWidth(int)">setWidth</a>, <a href="../controlP5/ControllerGroup.html#show()">show</a>, <a href="../controlP5/ControllerGroup.html#showArrow()">showArrow</a>, <a href="../controlP5/ControllerGroup.html#showBar()">showBar</a>, <a href="../controlP5/ControllerGroup.html#update()">update</a>, <a href="../controlP5/ControllerGroup.html#updateAbsolutePosition()">updateAbsolutePosition</a>, <a href="../controlP5/ControllerGroup.html#updateEvents()">updateEvents</a>, <a href="../controlP5/ControllerGroup.html#value()">value</a></code></li>
+</ul>
+<ul class="blockList">
+<li class="blockList"><a name="methods_inherited_from_class_java.lang.Object">
+<!--   -->
+</a>
+<h3>Methods inherited from class&nbsp;java.lang.Object</h3>
+<code>equals, getClass, hashCode, notify, notifyAll, wait, wait, wait</code></li>
+</ul>
+</li>
+</ul>
+</li>
+</ul>
+</div>
+<div class="details">
+<ul class="blockList">
+<li class="blockList">
+<!-- ========= CONSTRUCTOR DETAIL ======== -->
+<ul class="blockList">
+<li class="blockList"><a name="constructor_detail">
+<!--   -->
+</a>
+<h3>Constructor Detail</h3>
+<a name="RadioButton(controlP5.ControlP5, controlP5.ControllerGroup, java.lang.String, int, int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>RadioButton</h4>
+<pre>public&nbsp;RadioButton(<a href="../controlP5/ControlP5.html" title="class in controlP5">ControlP5</a>&nbsp;theControlP5,
+           <a href="../controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a>&lt;?&gt;&nbsp;theParent,
+           java.lang.String&nbsp;theName,
+           int&nbsp;theX,
+           int&nbsp;theY)</pre>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theControlP5</code> - </dd><dd><code>theParent</code> - </dd><dd><code>theName</code> - </dd><dd><code>theX</code> - </dd><dd><code>theY</code> - </dd></dl>
+</li>
+</ul>
+<a name="RadioButton(controlP5.ControlP5, java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockListLast">
+<li class="blockList">
+<h4>RadioButton</h4>
+<pre>public&nbsp;RadioButton(<a href="../controlP5/ControlP5.html" title="class in controlP5">ControlP5</a>&nbsp;theControlP5,
+           java.lang.String&nbsp;theName)</pre>
+<div class="block">Convenience constructor to extend RadioButton.</div>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theControlP5</code> - </dd><dd><code>theName</code> - </dd><script type="text/javascript">
+<!--
+document.getElementsByTagName('html')[0].className = 'isjs';function toggle(dt) { var display, dd=dt; do{ dd = dd.nextSibling } while(dd.tagName!='DD'); toOpen =!dd.style.display;dd.style.display = toOpen? 'block':''; dt.getElementsByTagName('span')[0].innerHTML  = toOpen? '-':'+' ; }
+-->
+</script>
+<div id="test" class="toggleList"><dl><dt onclick="toggle(this);"><span>+</span>Example</dt><dd><code><pre>/**
+ * ControlP5 extending Controllers
+ *
+ * the following example shows how to extend the Controller class to 
+ * create customizable Controllers. You can either extend the Controller class itself,
+ * or any class that extends Controller itself like the Slider, Button, DropdownList, etc. 
+ * 
+ * How to:
+ *
+ * 1) do a super call to the convenience constructor requiring 
+ * 2 parameter (ControlP5 instance, name)  
+ *
+ * 2) the Controller class has a set of empty methods that allow you to capture
+ * inputs from the mouse including 
+ * onEnter(), onLeave(), onPress(), onRelease(), onClick(), onScroll(int), onDrag()
+ * These you can override and include functionality as needed.
+ *
+ * 3) use method getPointer() to return the local (relative) 
+ * xy-coordinates of the controller
+ *  
+ * 4) after instantiation custom controllers are treated the same 
+ * as default controlP5 controllers.
+ *  
+ * by Andreas Schlegel, 2012
+ * www.sojamo.de/libraries/controlp5
+ *
+ */
+
+import controlP5.*;
+
+ControlP5 cp5;
+PApplet p;
+
+void setup() {
+  size(400, 400);
+  cp5 = new ControlP5(this);
+  
+  // create 2 groups to show nesting of custom controllers and
+  //   
+  Group g1 = cp5.addGroup("a").setPosition(0,100).setWidth(180);
+  Group g2 = cp5.addGroup("b").setPosition(0,10).setWidth(180);
+  g2.moveTo(g1);
+  
+  // create 2 custom Controllers from class MyButton
+  // MyButton extends Controller and inherits all methods accordingly.
+  new MyButton(cp5, "b1").setPosition(0, 0).setSize(180, 200).moveTo(g2);
+  new MyButton(cp5, "b2").setPosition(205, 15).setSize(180, 200);
+  
+}
+
+
+void draw() {
+  background(0);
+}
+
+// b1 will be called from Controller b1
+public void b1(float theValue) {
+  println("yay button "+theValue);
+}
+
+public void controlEvent(ControlEvent theEvent) {
+  println("controlEvent : "+theEvent);
+}
+
+
+// Create a custom Controller, please not that 
+// MyButton extends Controller<MyButton>, <MyButton>
+// is an indicator for the super class about the type of 
+// custom controller to be created.
+
+class MyButton extends Controller<MyButton> {
+
+  int current = 0xffff0000;
+
+  float a = 128;
+  
+  float na;
+  
+  int y;
+  
+  // use the convenience constructor of super class Controller
+  // MyButton will automatically registered and move to the 
+  // default controlP5 tab.
+  
+  MyButton(ControlP5 cp5, String theName) {
+    super(cp5, theName);
+    
+    // replace the default view with a custom view.
+    setView(new ControllerView() {
+      public void display(PApplet p, Object b) {
+        // draw button background
+        na += (a-na) * 0.1; 
+        p.fill(current,na);
+        p.rect(0, 0, getWidth(), getHeight());
+        
+        // draw horizontal line which can be moved on the x-axis 
+        // using the scroll wheel. 
+        p.fill(0,255,0);
+        p.rect(0,y,width,10);
+        
+        // draw the custom label 
+        p.fill(128);
+        translate(0,getHeight()+14);
+        p.text(getName(),0,0);
+        p.text(getName(),0,0);
+        
+      }
+    }
+    );
+  }
+
+  // override various input methods for mouse input control
+  void onEnter() {
+    cursor(HAND);
+    println("enter");
+    a = 255;
+  }
+  
+  void onScroll(int n) {
+    println("scrolling");
+    y -= n;
+    y = constrain(y,0,getHeight()-10);
+  }
+  
+  void onPress() {
+    println("press");
+    current = 0xffffff00;
+  }
+  
+  void onClick() {
+    Pointer p1 = getPointer();
+    println("clicked at "+p1.x()+", "+p1.y());
+    current = 0xffffff00;
+    setValue(y);
+  }
+
+  void onRelease() {
+    println("release");
+    current = 0xffffffff;
+  }
+  
+  void onMove() {
+    println("moving "+this+" "+_myControlWindow.getMouseOverList());
+  }
+
+  void onDrag() {
+    current = 0xff0000ff;
+    Pointer p1 = getPointer();
+    float dif = dist(p1.px(),p1.py(),p1.x(),p1.y());
+    println("dragging at "+p1.x()+", "+p1.y()+" "+dif);
+  }
+  
+  void onReleaseOutside() {
+    onLeave();
+  }
+
+  void onLeave() {
+    println("leave");
+    cursor(ARROW);
+    a = 128;
+  }
+}
+
+</pre></code></dd></dl></div></dl>
+</li>
+</ul>
+</li>
+</ul>
+<!-- ============ METHOD DETAIL ========== -->
+<ul class="blockList">
+<li class="blockList"><a name="method_detail">
+<!--   -->
+</a>
+<h3>Method Detail</h3>
+<a name="activate(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>activate</h4>
+<pre>public&nbsp;<a href="../controlP5/RadioButton.html" title="class in controlP5">RadioButton</a>&nbsp;activate(int&nbsp;theIndex)</pre>
+<div class="block">Deactivates all active RadioButton items and only activates the item corresponding to
+ theIndex.
+ TODO does not trigger function or value when called by code, fix!</div>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theIndex</code> - </dd></dl>
+</li>
+</ul>
+<a name="activate(java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>activate</h4>
+<pre>public&nbsp;<a href="../controlP5/RadioButton.html" title="class in controlP5">RadioButton</a>&nbsp;activate(java.lang.String&nbsp;theName)</pre>
+<div class="block">Actives an item of the Radio button by name.</div>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theName</code> - </dd></dl>
+</li>
+</ul>
+<a name="addItem(java.lang.String, float)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>addItem</h4>
+<pre>public&nbsp;<a href="../controlP5/RadioButton.html" title="class in controlP5">RadioButton</a>&nbsp;addItem(java.lang.String&nbsp;theName,
+                  float&nbsp;theValue)</pre>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theName</code> - </dd><dd><code>theValue</code> - </dd>
+<dt><span class="strong">Returns:</span></dt><dd></dd></dl>
+</li>
+</ul>
+<a name="addItem(controlP5.Toggle, float)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>addItem</h4>
+<pre>public&nbsp;<a href="../controlP5/RadioButton.html" title="class in controlP5">RadioButton</a>&nbsp;addItem(<a href="../controlP5/Toggle.html" title="class in controlP5">Toggle</a>&nbsp;theToggle,
+                  float&nbsp;theValue)</pre>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theToggle</code> - </dd><dd><code>theValue</code> - </dd>
+<dt><span class="strong">Returns:</span></dt><dd></dd></dl>
+</li>
+</ul>
+<a name="align(int[])">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>align</h4>
+<pre>public&nbsp;<a href="../controlP5/RadioButton.html" title="class in controlP5">RadioButton</a>&nbsp;align(int[]&nbsp;a)</pre>
+</li>
+</ul>
+<a name="align(int, int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>align</h4>
+<pre>public&nbsp;<a href="../controlP5/RadioButton.html" title="class in controlP5">RadioButton</a>&nbsp;align(int&nbsp;theX,
+                int&nbsp;theY)</pre>
+</li>
+</ul>
+<a name="alignX(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>alignX</h4>
+<pre>public&nbsp;<a href="../controlP5/RadioButton.html" title="class in controlP5">RadioButton</a>&nbsp;alignX(int&nbsp;theX)</pre>
+</li>
+</ul>
+<a name="alignY(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>alignY</h4>
+<pre>public&nbsp;<a href="../controlP5/RadioButton.html" title="class in controlP5">RadioButton</a>&nbsp;alignY(int&nbsp;theY)</pre>
+</li>
+</ul>
+<a name="controlEvent(controlP5.ControlEvent)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>controlEvent</h4>
+<pre>public&nbsp;void&nbsp;controlEvent(<a href="../controlP5/ControlEvent.html" title="class in controlP5">ControlEvent</a>&nbsp;theEvent)</pre>
+<div class="block">controlEvent is called by controlP5's ControlBroadcaster to inform available listeners about
+ value changes. Use the CallbackListener to get informed when actions such as pressed,
+ release, drag, etc are performed.</div>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControlListener.html#controlEvent(controlP5.ControlEvent)">controlEvent</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControlListener.html" title="interface in controlP5">ControlListener</a></code></dd>
+<dt><strong>Overrides:</strong></dt>
+<dd><code><a href="../controlP5/ControlGroup.html#controlEvent(controlP5.ControlEvent)">controlEvent</a></code>&nbsp;in class&nbsp;<code><a href="../controlP5/ControlGroup.html" title="class in controlP5">ControlGroup</a>&lt;<a href="../controlP5/RadioButton.html" title="class in controlP5">RadioButton</a>&gt;</code></dd>
+<dt><span class="strong">Parameters:</span></dt><dd><code>theEvent</code> - ControlEvent</dd><dt><span class="strong">See Also:</span></dt><dd><a href="../controlP5/CallbackListener.html" title="interface in controlP5"><code>CallbackListener</code></a>, 
+<a href="../controlP5/CallbackEvent.html" title="class in controlP5"><code>CallbackEvent</code></a></dd></dl>
+</li>
+</ul>
+<a name="deactivate(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>deactivate</h4>
+<pre>public&nbsp;<a href="../controlP5/RadioButton.html" title="class in controlP5">RadioButton</a>&nbsp;deactivate(int&nbsp;theIndex)</pre>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theIndex</code> - </dd></dl>
+</li>
+</ul>
+<a name="deactivate(java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>deactivate</h4>
+<pre>public&nbsp;<a href="../controlP5/RadioButton.html" title="class in controlP5">RadioButton</a>&nbsp;deactivate(java.lang.String&nbsp;theName)</pre>
+<div class="block">Deactivates a RadioButton by name and sets the value of the RadioButton to the default value
+ -1.</div>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theName</code> - </dd></dl>
+</li>
+</ul>
+<a name="deactivateAll()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>deactivateAll</h4>
+<pre>public&nbsp;<a href="../controlP5/RadioButton.html" title="class in controlP5">RadioButton</a>&nbsp;deactivateAll()</pre>
+</li>
+</ul>
+<a name="getAlign()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getAlign</h4>
+<pre>public&nbsp;int[]&nbsp;getAlign()</pre>
+</li>
+</ul>
+<a name="getInfo()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getInfo</h4>
+<pre>public&nbsp;java.lang.String&nbsp;getInfo()</pre>
+<div class="block"><strong>Description copied from class:&nbsp;<code><a href="../controlP5/ControlGroup.html#getInfo()">ControlGroup</a></code></strong></div>
+<dl>
+<dt><strong>Overrides:</strong></dt>
+<dd><code><a href="../controlP5/ControlGroup.html#getInfo()">getInfo</a></code>&nbsp;in class&nbsp;<code><a href="../controlP5/ControlGroup.html" title="class in controlP5">ControlGroup</a>&lt;<a href="../controlP5/RadioButton.html" title="class in controlP5">RadioButton</a>&gt;</code></dd>
+</dl>
+</li>
+</ul>
+<a name="getItem(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getItem</h4>
+<pre>public&nbsp;<a href="../controlP5/Toggle.html" title="class in controlP5">Toggle</a>&nbsp;getItem(int&nbsp;theIndex)</pre>
+<div class="block">Gets a radio button item by index.</div>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theIndex</code> - </dd>
+<dt><span class="strong">Returns:</span></dt><dd>Toggle</dd></dl>
+</li>
+</ul>
+<a name="getItem(java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getItem</h4>
+<pre>public&nbsp;<a href="../controlP5/Toggle.html" title="class in controlP5">Toggle</a>&nbsp;getItem(java.lang.String&nbsp;theName)</pre>
+</li>
+</ul>
+<a name="getItems()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getItems</h4>
+<pre>public&nbsp;java.util.List&lt;<a href="../controlP5/Toggle.html" title="class in controlP5">Toggle</a>&gt;&nbsp;getItems()</pre>
+</li>
+</ul>
+<a name="getState(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getState</h4>
+<pre>public&nbsp;boolean&nbsp;getState(int&nbsp;theIndex)</pre>
+<div class="block">Gets the state of an item - this can be true (for on) or false (for off) - by index.</div>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theIndex</code> - </dd>
+<dt><span class="strong">Returns:</span></dt><dd>boolean</dd></dl>
+</li>
+</ul>
+<a name="getState(java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getState</h4>
+<pre>public&nbsp;boolean&nbsp;getState(java.lang.String&nbsp;theName)</pre>
+<div class="block">Gets the state of an item - this can be true (for on) or false (for off) - by name.</div>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theName</code> - </dd>
+<dt><span class="strong">Returns:</span></dt><dd></dd></dl>
+</li>
+</ul>
+<a name="hideLabels()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>hideLabels</h4>
+<pre>public&nbsp;<a href="../controlP5/RadioButton.html" title="class in controlP5">RadioButton</a>&nbsp;hideLabels()</pre>
+</li>
+</ul>
+<a name="plugTo(java.lang.Object)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>plugTo</h4>
+<pre>public&nbsp;<a href="../controlP5/RadioButton.html" title="class in controlP5">RadioButton</a>&nbsp;plugTo(java.lang.Object&nbsp;theObject)</pre>
+</li>
+</ul>
+<a name="plugTo(java.lang.Object, java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>plugTo</h4>
+<pre>public&nbsp;<a href="../controlP5/RadioButton.html" title="class in controlP5">RadioButton</a>&nbsp;plugTo(java.lang.Object&nbsp;theObject,
+                 java.lang.String&nbsp;thePlugName)</pre>
+</li>
+</ul>
+<a name="removeItem(java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>removeItem</h4>
+<pre>public&nbsp;<a href="../controlP5/RadioButton.html" title="class in controlP5">RadioButton</a>&nbsp;removeItem(java.lang.String&nbsp;theName)</pre>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theName</code> - </dd></dl>
+</li>
+</ul>
+<a name="setArrayValue(float[])">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setArrayValue</h4>
+<pre>public&nbsp;<a href="../controlP5/RadioButton.html" title="class in controlP5">RadioButton</a>&nbsp;setArrayValue(float[]&nbsp;theArray)</pre>
+<div class="block">Sets the value for all RadioButton items according to the values of the array passed on. 0
+ will turn off an item, any other value will turn it on.</div>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerInterface.html#setArrayValue(float[])">setArrayValue</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/RadioButton.html" title="class in controlP5">RadioButton</a>&gt;</code></dd>
+<dt><strong>Overrides:</strong></dt>
+<dd><code><a href="../controlP5/ControllerGroup.html#setArrayValue(float[])">setArrayValue</a></code>&nbsp;in class&nbsp;<code><a href="../controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a>&lt;<a href="../controlP5/RadioButton.html" title="class in controlP5">RadioButton</a>&gt;</code></dd>
+<dt><span class="strong">Returns:</span></dt><dd>ControllerGroup</dd></dl>
+</li>
+</ul>
+<a name="setColorLabels(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setColorLabels</h4>
+<pre>public&nbsp;<a href="../controlP5/RadioButton.html" title="class in controlP5">RadioButton</a>&nbsp;setColorLabels(int&nbsp;theColor)</pre>
+</li>
+</ul>
+<a name="setImage(processing.core.PImage)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setImage</h4>
+<pre>public&nbsp;<a href="../controlP5/RadioButton.html" title="class in controlP5">RadioButton</a>&nbsp;setImage(processing.core.PImage&nbsp;theImage)</pre>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theImage</code> - </dd></dl>
+</li>
+</ul>
+<a name="setImage(processing.core.PImage, int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setImage</h4>
+<pre>public&nbsp;<a href="../controlP5/RadioButton.html" title="class in controlP5">RadioButton</a>&nbsp;setImage(processing.core.PImage&nbsp;theImage,
+                   int&nbsp;theState)</pre>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theImage</code> - </dd><dd><code>theState</code> - use Controller.DEFAULT (background), or Controller.OVER (foreground), or
+            Controller.ACTIVE (active)</dd>
+<dt><span class="strong">Returns:</span></dt><dd></dd></dl>
+</li>
+</ul>
+<a name="setImages(processing.core.PImage, processing.core.PImage, processing.core.PImage)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setImages</h4>
+<pre>public&nbsp;<a href="../controlP5/RadioButton.html" title="class in controlP5">RadioButton</a>&nbsp;setImages(processing.core.PImage&nbsp;theDefaultImage,
+                    processing.core.PImage&nbsp;theOverImage,
+                    processing.core.PImage&nbsp;theActiveImage)</pre>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theDefaultImage</code> - </dd><dd><code>theOverImage</code> - </dd><dd><code>theActiveImage</code> - </dd>
+<dt><span class="strong">Returns:</span></dt><dd>RadioButton</dd></dl>
+</li>
+</ul>
+<a name="setItemHeight(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setItemHeight</h4>
+<pre>public&nbsp;<a href="../controlP5/RadioButton.html" title="class in controlP5">RadioButton</a>&nbsp;setItemHeight(int&nbsp;theItemHeight)</pre>
+<div class="block">set the height of a radioButton/checkBox item. by default the height is 11px. in order to
+ recognize a custom height, the itemHeight has to be set before adding items to a
+ radioButton/checkBox.</div>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theItemHeight</code> - </dd></dl>
+</li>
+</ul>
+<a name="setItemsPerRow(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setItemsPerRow</h4>
+<pre>public&nbsp;<a href="../controlP5/RadioButton.html" title="class in controlP5">RadioButton</a>&nbsp;setItemsPerRow(int&nbsp;theValue)</pre>
+<div class="block">Items of a radioButton or a checkBox are organized in columns and rows. SetItemsPerRow sets
+ the limit of items per row. items exceeding the limit will be pushed to the next row.</div>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theValue</code> - </dd></dl>
+</li>
+</ul>
+<a name="setItemWidth(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setItemWidth</h4>
+<pre>public&nbsp;<a href="../controlP5/RadioButton.html" title="class in controlP5">RadioButton</a>&nbsp;setItemWidth(int&nbsp;theItemWidth)</pre>
+<div class="block">set the width of a radioButton/checkBox item. by default the width is 11px. in order to
+ recognize a custom width, the itemWidth has to be set before adding items to a
+ radioButton/checkBox.</div>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theItemWidth</code> - </dd></dl>
+</li>
+</ul>
+<a name="setLabelPadding(int, int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setLabelPadding</h4>
+<pre>public&nbsp;<a href="../controlP5/RadioButton.html" title="class in controlP5">RadioButton</a>&nbsp;setLabelPadding(int&nbsp;thePaddingX,
+                          int&nbsp;thePaddingY)</pre>
+</li>
+</ul>
+<a name="setNoneSelectedAllowed(boolean)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setNoneSelectedAllowed</h4>
+<pre>public&nbsp;<a href="../controlP5/RadioButton.html" title="class in controlP5">RadioButton</a>&nbsp;setNoneSelectedAllowed(boolean&nbsp;theValue)</pre>
+<div class="block">In order to always have 1 item selected, use setNoneSelectedAllowed(false), by default this
+ is true. setNoneSelectedAllowed does not apply when in multipleChoice mode.</div>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theValue</code> - </dd></dl>
+</li>
+</ul>
+<a name="setSize(int, int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setSize</h4>
+<pre>public&nbsp;<a href="../controlP5/RadioButton.html" title="class in controlP5">RadioButton</a>&nbsp;setSize(int&nbsp;theWidth,
+                  int&nbsp;theHeight)</pre>
+<dl>
+<dt><strong>Overrides:</strong></dt>
+<dd><code><a href="../controlP5/ControlGroup.html#setSize(int, int)">setSize</a></code>&nbsp;in class&nbsp;<code><a href="../controlP5/ControlGroup.html" title="class in controlP5">ControlGroup</a>&lt;<a href="../controlP5/RadioButton.html" title="class in controlP5">RadioButton</a>&gt;</code></dd>
+</dl>
+</li>
+</ul>
+<a name="setSize(processing.core.PImage)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setSize</h4>
+<pre>public&nbsp;<a href="../controlP5/RadioButton.html" title="class in controlP5">RadioButton</a>&nbsp;setSize(processing.core.PImage&nbsp;theImage)</pre>
+</li>
+</ul>
+<a name="setSpacingColumn(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setSpacingColumn</h4>
+<pre>public&nbsp;<a href="../controlP5/RadioButton.html" title="class in controlP5">RadioButton</a>&nbsp;setSpacingColumn(int&nbsp;theSpacing)</pre>
+<div class="block">Sets the spacing in pixels between columns.</div>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theSpacing</code> - </dd></dl>
+</li>
+</ul>
+<a name="setSpacingRow(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setSpacingRow</h4>
+<pre>public&nbsp;<a href="../controlP5/RadioButton.html" title="class in controlP5">RadioButton</a>&nbsp;setSpacingRow(int&nbsp;theSpacing)</pre>
+<div class="block">Sets the spacing in pixels between rows.</div>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theSpacing</code> - </dd></dl>
+</li>
+</ul>
+<a name="showLabels()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>showLabels</h4>
+<pre>public&nbsp;<a href="../controlP5/RadioButton.html" title="class in controlP5">RadioButton</a>&nbsp;showLabels()</pre>
+</li>
+</ul>
+<a name="toggle(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>toggle</h4>
+<pre>public&nbsp;<a href="../controlP5/RadioButton.html" title="class in controlP5">RadioButton</a>&nbsp;toggle(int&nbsp;theIndex)</pre>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theIndex</code> - </dd></dl>
+</li>
+</ul>
+<a name="toUpperCase(boolean)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>toUpperCase</h4>
+<pre>public&nbsp;<a href="../controlP5/RadioButton.html" title="class in controlP5">RadioButton</a>&nbsp;toUpperCase(boolean&nbsp;theValue)</pre>
+</li>
+</ul>
+<a name="updateLayout()">
+<!--   -->
+</a>
+<ul class="blockListLast">
+<li class="blockList">
+<h4>updateLayout</h4>
+<pre>public&nbsp;void&nbsp;updateLayout()</pre>
+</li>
+</ul>
+</li>
+</ul>
+</li>
+</ul>
+</div>
+</div>
+<!-- ========= END OF CLASS DATA ========= -->
+<!-- ======= START OF BOTTOM NAVBAR ====== -->
+<div class="bottomNav"><a name="navbar_bottom">
+<!--   -->
+</a><a href="#skip-navbar_bottom" title="Skip navigation links"></a><a name="navbar_bottom_firstrow">
+<!--   -->
+</a>
+<ul class="navList" title="Navigation">
+<li><a href="../controlP5/package-summary.html">Package</a></li>
+<li class="navBarCell1Rev">Class</li>
+<li><a href="package-tree.html">Tree</a></li>
+<li><a href="../index-all.html">Index</a></li>
+<li><a href="../help-doc.html">Help</a></li>
+</ul>
+</div>
+<div class="subNav">
+<ul class="navList">
+<li><a href="../controlP5/Radio.html" title="class in controlP5"><span class="strong">Prev Class</span></a></li>
+<li><a href="../controlP5/Range.html" title="class in controlP5"><span class="strong">Next Class</span></a></li>
+</ul>
+<ul class="navList">
+<li><a href="../index.html?controlP5/RadioButton.html" target="_top">Frames</a></li>
+<li><a href="RadioButton.html" target="_top">No Frames</a></li>
+</ul>
+<ul class="navList" id="allclasses_navbar_bottom">
+<li><a href="../allclasses-noframe.html">All Classes</a></li>
+</ul>
+<div>
+<script type="text/javascript"><!--
+  allClassesLink = document.getElementById("allclasses_navbar_bottom");
+  if(window==top) {
+    allClassesLink.style.display = "block";
+  }
+  else {
+    allClassesLink.style.display = "none";
+  }
+  //-->
+</script>
+</div>
+<div>
+<ul class="subNavList">
+<li>Summary:&nbsp;</li>
+<li>Nested&nbsp;|&nbsp;</li>
+<li>Field&nbsp;|&nbsp;</li>
+<li><a href="#constructor_summary">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_summary">Method</a></li>
+</ul>
+<ul class="subNavList">
+<li>Detail:&nbsp;</li>
+<li>Field&nbsp;|&nbsp;</li>
+<li><a href="#constructor_detail">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_detail">Method</a></li>
+</ul>
+</div>
+<a name="skip-navbar_bottom">
+<!--   -->
+</a></div>
+<!-- ======== END OF BOTTOM NAVBAR ======= -->
+<p class="legalCopy"><small>processing library controlP5 by Andreas Schlegel. (c) 2006-2014</small></p>
+</body>
+</html>
diff --git a/reference/controlP5/Range.html b/reference/controlP5/Range.html
new file mode 100644
index 0000000..32572af
--- /dev/null
+++ b/reference/controlP5/Range.html
@@ -0,0 +1,1370 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
+<!-- NewPage -->
+<html lang="en">
+<head>
+<!-- Generated by javadoc (version 1.7.0_51) on Sun Apr 27 21:39:47 SGT 2014 -->
+<title>Range (Javadocs: controlP5)</title>
+<meta name="date" content="2014-04-27">
+<link rel="stylesheet" type="text/css" href="../stylesheet.css" title="Style">
+</head>
+<body>
+<script type="text/javascript"><!--
+    if (location.href.indexOf('is-external=true') == -1) {
+        parent.document.title="Range (Javadocs: controlP5)";
+    }
+//-->
+</script>
+<noscript>
+<div>JavaScript is disabled on your browser.</div>
+</noscript>
+<!-- ========= START OF TOP NAVBAR ======= -->
+<div class="topNav"><a name="navbar_top">
+<!--   -->
+</a><a href="#skip-navbar_top" title="Skip navigation links"></a><a name="navbar_top_firstrow">
+<!--   -->
+</a>
+<ul class="navList" title="Navigation">
+<li><a href="../controlP5/package-summary.html">Package</a></li>
+<li class="navBarCell1Rev">Class</li>
+<li><a href="package-tree.html">Tree</a></li>
+<li><a href="../index-all.html">Index</a></li>
+<li><a href="../help-doc.html">Help</a></li>
+</ul>
+</div>
+<div class="subNav">
+<ul class="navList">
+<li><a href="../controlP5/RadioButton.html" title="class in controlP5"><span class="strong">Prev Class</span></a></li>
+<li><a href="../controlP5/ScrollableList.html" title="class in controlP5"><span class="strong">Next Class</span></a></li>
+</ul>
+<ul class="navList">
+<li><a href="../index.html?controlP5/Range.html" target="_top">Frames</a></li>
+<li><a href="Range.html" target="_top">No Frames</a></li>
+</ul>
+<ul class="navList" id="allclasses_navbar_top">
+<li><a href="../allclasses-noframe.html">All Classes</a></li>
+</ul>
+<div>
+<script type="text/javascript"><!--
+  allClassesLink = document.getElementById("allclasses_navbar_top");
+  if(window==top) {
+    allClassesLink.style.display = "block";
+  }
+  else {
+    allClassesLink.style.display = "none";
+  }
+  //-->
+</script>
+</div>
+<div>
+<ul class="subNavList">
+<li>Summary:&nbsp;</li>
+<li>Nested&nbsp;|&nbsp;</li>
+<li><a href="#field_summary">Field</a>&nbsp;|&nbsp;</li>
+<li><a href="#constructor_summary">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_summary">Method</a></li>
+</ul>
+<ul class="subNavList">
+<li>Detail:&nbsp;</li>
+<li><a href="#field_detail">Field</a>&nbsp;|&nbsp;</li>
+<li><a href="#constructor_detail">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_detail">Method</a></li>
+</ul>
+</div>
+<a name="skip-navbar_top">
+<!--   -->
+</a></div>
+<!-- ========= END OF TOP NAVBAR ========= -->
+<!-- ======== START OF CLASS DATA ======== -->
+<div class="header">
+<div class="subTitle">controlP5</div>
+<h2 title="Class Range" class="title">Class Range</h2>
+</div>
+<div class="contentContainer">
+<ul class="inheritance">
+<li>java.lang.Object</li>
+<li>
+<ul class="inheritance">
+<li><a href="../controlP5/Controller.html" title="class in controlP5">controlP5.Controller</a>&lt;<a href="../controlP5/Range.html" title="class in controlP5">Range</a>&gt;</li>
+<li>
+<ul class="inheritance">
+<li>controlP5.Range</li>
+</ul>
+</li>
+</ul>
+</li>
+</ul>
+<div class="description">
+<ul class="blockList">
+<li class="blockList">
+<dl>
+<dt>All Implemented Interfaces:</dt>
+<dd><a href="../controlP5/CDrawable.html" title="interface in controlP5">CDrawable</a>, <a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/Range.html" title="class in controlP5">Range</a>&gt;, <a href="../controlP5/ControlP5Constants.html" title="interface in controlP5">ControlP5Constants</a></dd>
+</dl>
+<hr>
+<br>
+<pre>public class <span class="strong">Range</span>
+extends <a href="../controlP5/Controller.html" title="class in controlP5">Controller</a>&lt;<a href="../controlP5/Range.html" title="class in controlP5">Range</a>&gt;</pre>
+<div class="block">A range slider works just like a slider but can be adjusted on both ends.</div>
+<dl><dt><span class="strong">See Also:</span></dt><dd><a href="../controlP5/Slider.html" title="class in controlP5"><code>Slider</code></a></dd><script type="text/javascript">
+<!--
+document.getElementsByTagName('html')[0].className = 'isjs';function toggle(dt) { var display, dd=dt; do{ dd = dd.nextSibling } while(dd.tagName!='DD'); toOpen =!dd.style.display;dd.style.display = toOpen? 'block':''; dt.getElementsByTagName('span')[0].innerHTML  = toOpen? '-':'+' ; }
+-->
+</script>
+<div id="test" class="toggleList"><dl><dt onclick="toggle(this);"><span>+</span>Example</dt><dd><code><pre>/**
+* ControlP5 Range
+*
+* find a list of public methods available for the Range Controller
+* at the bottom of this sketch.
+*
+* by Andreas Schlegel, 2012
+* www.sojamo.de/libraries/controlp5
+*
+*/
+
+
+import controlP5.*;
+
+ControlP5 cp5;
+
+int myColorBackground = color(0,0,0);
+
+int colorMin = 100;
+
+int colorMax = 100;
+
+Range range;
+
+void setup() {
+  size(700,400);
+  cp5 = new ControlP5(this);
+  range = cp5.addRange("rangeController")
+             // disable broadcasting since setRange and setRangeValues will trigger an event
+             .setBroadcast(false) 
+             .setPosition(50,50)
+             .setSize(400,40)
+             .setHandleSize(20)
+             .setRange(0,255)
+             .setRangeValues(50,100)
+             // after the initialization we turn broadcast back on again
+             .setBroadcast(true)
+             .setColorForeground(color(255,40))
+             .setColorBackground(color(255,40))  
+             ;
+             
+  noStroke();             
+}
+
+void draw() {
+  background(colorMax);
+  fill(colorMin);
+  rect(0,0,width,height/2);
+}
+
+void controlEvent(ControlEvent theControlEvent) {
+  if(theControlEvent.isFrom("rangeController")) {
+    // min and max values are stored in an array.
+    // access this array with controller().arrayValue().
+    // min is at index 0, max is at index 1.
+    colorMin = int(theControlEvent.getController().getArrayValue(0));
+    colorMax = int(theControlEvent.getController().getArrayValue(1));
+    println("range update, done.");
+  }
+  
+}
+
+
+void keyPressed() {
+  switch(key) {
+    case('1'):range.setLowValue(0);break;
+    case('2'):range.setLowValue(100);break;
+    case('3'):range.setHighValue(120);break;
+    case('4'):range.setHighValue(200);break;
+    case('5'):range.setRangeValues(40,60);break;
+  }
+}
+
+
+/*
+a list of all methods available for the Range Controller
+use ControlP5.printPublicMethodsFor(Range.class);
+to print the following list into the console.
+
+You can find further details about class Range in the javadoc.
+
+Format:
+ClassName : returnType methodName(parameter type)
+
+
+controlP5.Range : Range setArrayValue(float[]) 
+controlP5.Range : Range setColorCaptionLabel(int) 
+controlP5.Range : Range setColorTickMark(int) 
+controlP5.Range : Range setColorValueLabel(int) 
+controlP5.Range : Range setHandleSize(int) 
+controlP5.Range : Range setHeight(int) 
+controlP5.Range : Range setHighValue(float) 
+controlP5.Range : Range setHighValueLabel(String) 
+controlP5.Range : Range setLowValue(float) 
+controlP5.Range : Range setLowValueLabel(String) 
+controlP5.Range : Range setMax(float) 
+controlP5.Range : Range setMin(float) 
+controlP5.Range : Range setNumberOfTickMarks(int) 
+controlP5.Range : Range setRange(float, float) 
+controlP5.Range : Range setRangeValues(float, float) 
+controlP5.Range : Range setWidth(int) 
+controlP5.Range : Range showTickMarks(boolean) 
+controlP5.Range : Range snapToTickMarks(boolean)
+controlP5.Range : ArrayList getTickMarks() 
+controlP5.Range : float getHighValue() 
+controlP5.Range : float getLowValue() 
+controlP5.Range : float[] getArrayValue()
+controlP5.Controller : CColor getColor() 
+controlP5.Controller : ControlBehavior getBehavior() 
+controlP5.Controller : ControlWindow getControlWindow() 
+controlP5.Controller : ControlWindow getWindow() 
+controlP5.Controller : ControllerProperty getProperty(String) 
+controlP5.Controller : ControllerProperty getProperty(String, String) 
+controlP5.Controller : Label getCaptionLabel() 
+controlP5.Controller : Label getValueLabel() 
+controlP5.Controller : List getControllerPlugList() 
+controlP5.Controller : PImage setImage(PImage) 
+controlP5.Controller : PImage setImage(PImage, int) 
+controlP5.Controller : PVector getAbsolutePosition() 
+controlP5.Controller : PVector getPosition() 
+controlP5.Controller : Range addCallback(CallbackListener) 
+controlP5.Controller : Range addListener(ControlListener) 
+controlP5.Controller : Range bringToFront() 
+controlP5.Controller : Range bringToFront(ControllerInterface) 
+controlP5.Controller : Range hide() 
+controlP5.Controller : Range linebreak() 
+controlP5.Controller : Range listen(boolean) 
+controlP5.Controller : Range lock() 
+controlP5.Controller : Range plugTo(Object) 
+controlP5.Controller : Range plugTo(Object, String) 
+controlP5.Controller : Range plugTo(Object[]) 
+controlP5.Controller : Range plugTo(Object[], String) 
+controlP5.Controller : Range registerProperty(String) 
+controlP5.Controller : Range registerProperty(String, String) 
+controlP5.Controller : Range registerTooltip(String) 
+controlP5.Controller : Range removeBehavior() 
+controlP5.Controller : Range removeCallback() 
+controlP5.Controller : Range removeCallback(CallbackListener) 
+controlP5.Controller : Range removeListener(ControlListener) 
+controlP5.Controller : Range removeProperty(String) 
+controlP5.Controller : Range removeProperty(String, String) 
+controlP5.Controller : Range setArrayValue(float[]) 
+controlP5.Controller : Range setArrayValue(int, float) 
+controlP5.Controller : Range setBehavior(ControlBehavior) 
+controlP5.Controller : Range setBroadcast(boolean) 
+controlP5.Controller : Range setCaptionLabel(String) 
+controlP5.Controller : Range setColor(CColor) 
+controlP5.Controller : Range setColorActive(int) 
+controlP5.Controller : Range setColorBackground(int) 
+controlP5.Controller : Range setColorCaptionLabel(int) 
+controlP5.Controller : Range setColorForeground(int) 
+controlP5.Controller : Range setColorValueLabel(int) 
+controlP5.Controller : Range setDecimalPrecision(int) 
+controlP5.Controller : Range setDefaultValue(float) 
+controlP5.Controller : Range setHeight(int) 
+controlP5.Controller : Range setId(int) 
+controlP5.Controller : Range setImages(PImage, PImage, PImage) 
+controlP5.Controller : Range setImages(PImage, PImage, PImage, PImage) 
+controlP5.Controller : Range setLabelVisible(boolean) 
+controlP5.Controller : Range setLock(boolean) 
+controlP5.Controller : Range setMax(float) 
+controlP5.Controller : Range setMin(float) 
+controlP5.Controller : Range setMouseOver(boolean) 
+controlP5.Controller : Range setMoveable(boolean) 
+controlP5.Controller : Range setPosition(PVector) 
+controlP5.Controller : Range setPosition(float, float) 
+controlP5.Controller : Range setSize(PImage) 
+controlP5.Controller : Range setSize(int, int) 
+controlP5.Controller : Range setStringValue(String) 
+controlP5.Controller : Range setUpdate(boolean) 
+controlP5.Controller : Range setValueLabel(String) 
+controlP5.Controller : Range setView(ControllerView) 
+controlP5.Controller : Range setVisible(boolean) 
+controlP5.Controller : Range setWidth(int) 
+controlP5.Controller : Range show() 
+controlP5.Controller : Range unlock() 
+controlP5.Controller : Range unplugFrom(Object) 
+controlP5.Controller : Range unplugFrom(Object[]) 
+controlP5.Controller : Range unregisterTooltip() 
+controlP5.Controller : Range update() 
+controlP5.Controller : Range updateSize() 
+controlP5.Controller : String getAddress() 
+controlP5.Controller : String getInfo() 
+controlP5.Controller : String getName() 
+controlP5.Controller : String getStringValue() 
+controlP5.Controller : String toString() 
+controlP5.Controller : Tab getTab() 
+controlP5.Controller : boolean isActive() 
+controlP5.Controller : boolean isBroadcast() 
+controlP5.Controller : boolean isInside() 
+controlP5.Controller : boolean isLabelVisible() 
+controlP5.Controller : boolean isListening() 
+controlP5.Controller : boolean isLock() 
+controlP5.Controller : boolean isMouseOver() 
+controlP5.Controller : boolean isMousePressed() 
+controlP5.Controller : boolean isMoveable() 
+controlP5.Controller : boolean isUpdate() 
+controlP5.Controller : boolean isVisible() 
+controlP5.Controller : float getArrayValue(int) 
+controlP5.Controller : float getDefaultValue() 
+controlP5.Controller : float getMax() 
+controlP5.Controller : float getMin() 
+controlP5.Controller : float getValue() 
+controlP5.Controller : float[] getArrayValue() 
+controlP5.Controller : int getDecimalPrecision() 
+controlP5.Controller : int getHeight() 
+controlP5.Controller : int getId() 
+controlP5.Controller : int getWidth() 
+controlP5.Controller : int listenerSize() 
+controlP5.Controller : void remove() 
+controlP5.Controller : void setView(ControllerView, int) 
+java.lang.Object : String toString() 
+java.lang.Object : boolean equals(Object) 
+
+
+*/
+
+
+
+</pre></code></dd></dl></div></dl>
+</li>
+</ul>
+</div>
+<div class="summary">
+<ul class="blockList">
+<li class="blockList">
+<!-- =========== FIELD SUMMARY =========== -->
+<ul class="blockList">
+<li class="blockList"><a name="field_summary">
+<!--   -->
+</a>
+<h3>Field Summary</h3>
+<table class="overviewSummary" border="0" cellpadding="3" cellspacing="0" summary="Field Summary table, listing fields, and an explanation">
+<caption><span>Fields</span><span class="tabEnd">&nbsp;</span></caption>
+<tr>
+<th class="colFirst" scope="col">Modifier and Type</th>
+<th class="colLast" scope="col">Field and Description</th>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Range.html#alignValueLabel">alignValueLabel</a></strong></code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>static int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Range.html#autoHeight">autoHeight</a></strong></code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>static processing.core.PVector</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Range.html#autoSpacing">autoSpacing</a></strong></code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>static int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Range.html#autoWidth">autoWidth</a></strong></code>&nbsp;</td>
+</tr>
+</table>
+<ul class="blockList">
+<li class="blockList"><a name="fields_inherited_from_class_controlP5.ControlP5Constants">
+<!--   -->
+</a>
+<h3>Fields inherited from interface&nbsp;controlP5.<a href="../controlP5/ControlP5Constants.html" title="interface in controlP5">ControlP5Constants</a></h3>
+<code><a href="../controlP5/ControlP5Constants.html#acceptClassList">acceptClassList</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_BROADCAST">ACTION_BROADCAST</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_CLICK">ACTION_CLICK</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_DRAG">ACTION_DRAG</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_ENTER">ACTION_ENTER</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_EXIT">ACTION_EXIT</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_LEAVE">ACTION_LEAVE</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_MOVE">ACTION_MOVE</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_PRESS">ACTION_PRESS</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_PRESSED">ACTION_PRESSED</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_RELEASE">ACTION_RELEASE</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_RELEASED">ACTION_RELEASED</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_RELEASEDOUTSIDE">ACTION_RELEASEDOUTSIDE</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_WHEEL">ACTION_WHEEL</a>, <a href="../controlP5/ControlP5Constants.html#ACTIVE">ACTIVE</a>, <a href="../controlP5/ControlP5Constants.html#ALL">ALL</a>, <a href="../controlP5/ControlP5Constants.html#ALT">ALT</a>, <a href="../controlP5/ControlP5Constants.html#AQUA">AQUA</a>, <a href="../controlP5/ControlP5Constants.html#ARC">ARC</a>, <a href="../controlP5/ControlP5Constants.html#ARRAY">ARRAY</a>, <a href="../controlP5/ControlP5Constants.html#BACKSPACE">BACKSPACE</a>, <a href="../controlP5/ControlP5Constants.html#BASELINE">BASELINE</a>, <a href="../controlP5/ControlP5Constants.html#BITFONT">BITFONT</a>, <a href="../controlP5/ControlP5Constants.html#BLACK">BLACK</a>, <a href="../controlP5/ControlP5Constants.html#BLUE">BLUE</a>, <a href="../controlP5/ControlP5Constants.html#BOOLEAN">BOOLEAN</a>, <a href="../controlP5/ControlP5Constants.html#BOTTOM">BOTTOM</a>, <a href="../controlP5/ControlP5Constants.html#BOTTOM_OUTSIDE">BOTTOM_OUTSIDE</a>, <a href="../controlP5/ControlP5Constants.html#CAPTIONLABEL">CAPTIONLABEL</a>, <a href="../controlP5/ControlP5Constants.html#CENTER">CENTER</a>, <a href="../controlP5/ControlP5Constants.html#CHECKBOX">CHECKBOX</a>, <a href="../controlP5/ControlP5Constants.html#COMMANDKEY">COMMANDKEY</a>, <a href="../controlP5/ControlP5Constants.html#CONTROL">CONTROL</a>, <a href="../controlP5/ControlP5Constants.html#controlEventClass">controlEventClass</a>, <a href="../controlP5/ControlP5Constants.html#CUSTOM">CUSTOM</a>, <a href="../controlP5/ControlP5Constants.html#DECREASE">DECREASE</a>, <a href="../controlP5/ControlP5Constants.html#DEFAULT">DEFAULT</a>, <a href="../controlP5/ControlP5Constants.html#DELETE">DELETE</a>, <a href="../controlP5/ControlP5Constants.html#DONE">DONE</a>, <a href="../controlP5/ControlP5Constants.html#DOWN">DOWN</a>, <a href="../controlP5/ControlP5Constants.html#DROPDOWN">DROPDOWN</a>, <a href="../controlP5/ControlP5Constants.html#ELLIPSE">ELLIPSE</a>, <a href="../controlP5/ControlP5Constants.html#ENTER">ENTER</a>, <a href="../controlP5/ControlP5Constants.html#ESCAPE">ESCAPE</a>, <a href="../controlP5/ControlP5Constants.html#EVENT">EVENT</a>, <a href="../controlP5/ControlP5Constants.html#eventMethod">eventMethod</a>, <a href="../controlP5/ControlP5Constants.html#FADEIN">FADEIN</a>, <a href="../controlP5/ControlP5Constants.html#FADEOUT">FADEOUT</a>, <a href="../controlP5/ControlP5Constants.html#FIELD">FIELD</a>, <a href="../controlP5/ControlP5Constants.html#FLOAT">FLOAT</a>, <a href="../controlP5/ControlP5Constants.html#FUCHSIA">FUCHSIA</a>, <a href="../controlP5/ControlP5Constants.html#GRAY">GRAY</a>, <a href="../controlP5/ControlP5Constants.html#GREEN">GREEN</a>, <a href="../controlP5/ControlP5Constants.html#grixel">grixel</a>, <a href="../controlP5/ControlP5Constants.html#HALF_PI">HALF_PI</a>, <a href="../controlP5/ControlP5Constants.html#HIDE">HIDE</a>, <a href="../controlP5/ControlP5Constants.html#HIGHLIGHT">HIGHLIGHT</a>, <a href="../controlP5/ControlP5Constants.html#IDLE">IDLE</a>, <a href="../controlP5/ControlP5Constants.html#IMAGE">IMAGE</a>, <a href="../controlP5/ControlP5Constants.html#INACTIVE">INACTIVE</a>, <a href="../controlP5/ControlP5Constants.html#INCREASE">INCREASE</a>, <a href="../controlP5/ControlP5Constants.html#INTEGER">INTEGER</a>, <a href="../controlP5/ControlP5Constants.html#INVALID">INVALID</a>, <a href="../controlP5/ControlP5Constants.html#J2D">J2D</a>, <a href="../controlP5/ControlP5Constants.html#KEYCONTROL">KEYCONTROL</a>, <a href="../controlP5/ControlP5Constants.html#LEFT">LEFT</a>, <a href="../controlP5/ControlP5Constants.html#LEFT_OUTSIDE">LEFT_OUTSIDE</a>, <a href="../controlP5/ControlP5Constants.html#LIME">LIME</a>, <a href="../controlP5/ControlP5Constants.html#LINE">LINE</a>, <a href="../controlP5/ControlP5Constants.html#LIST">LIST</a>, <a href="../controlP5/ControlP5Constants.html#LOAD">LOAD</a>, <a href="../controlP5/ControlP5Constants.html#MAROON">MAROON</a>, <a href="../controlP5/ControlP5Constants.html#MENU">MENU</a>, <a href="../controlP5/ControlP5Constants.html#METHOD">METHOD</a>, <a href="../controlP5/ControlP5Constants.html#MOVE">MOVE</a>, <a href="../controlP5/ControlP5Constants.html#MULTI">MULTI</a>, <a href="../controlP5/ControlP5Constants.html#MULTIPLES">MULTIPLES</a>, <a href="../controlP5/ControlP5Constants.html#NAVY">NAVY</a>, <a href="../controlP5/ControlP5Constants.html#OLIVE">OLIVE</a>, <a href="../controlP5/ControlP5Constants.html#ORANGE">ORANGE</a>, <a href="../controlP5/ControlP5Constants.html#OVER">OVER</a>, <a href="../controlP5/ControlP5Constants.html#P2D">P2D</a>, <a href="../controlP5/ControlP5Constants.html#P3D">P3D</a>, <a href="../controlP5/ControlP5Constants.html#PI">PI</a>, <a href="../controlP5/ControlP5Constants.html#PRESSED">PRESSED</a>, <a href="../controlP5/ControlP5Constants.html#PRINT">PRINT</a>, <a href="../controlP5/ControlP5Constants.html#PURPLE">PURPLE</a>, <a href="../controlP5/ControlP5Constants.html#RED">RED</a>, <a href="../controlP5/ControlP5Constants.html#RELEASE">RELEASE</a>, <a href="../controlP5/ControlP5Constants.html#RESET">RESET</a>, <a href="../controlP5/ControlP5Constants.html#RIGHT">RIGHT</a>, <a href="../controlP5/ControlP5Constants.html#RIGHT_OUTSIDE">RIGHT_OUTSIDE</a>, <a href="../controlP5/ControlP5Constants.html#SAVE">SAVE</a>, <a href="../controlP5/ControlP5Constants.html#SHIFT">SHIFT</a>, <a href="../controlP5/ControlP5Constants.html#SILVER">SILVER</a>, <a href="../controlP5/ControlP5Constants.html#SINGLE">SINGLE</a>, <a href="../controlP5/ControlP5Constants.html#SINGLE_COLUMN">SINGLE_COLUMN</a>, <a href="../controlP5/ControlP5Constants.html#SINGLE_ROW">SINGLE_ROW</a>, <a href="../controlP5/ControlP5Constants.html#SPRITE">SPRITE</a>, <a href="../controlP5/ControlP5Constants.html#standard56">standard56</a>, <a href="../controlP5/ControlP5Constants.html#standard58">standard58</a>, <a href="../controlP5/ControlP5Constants.html#STRING">STRING</a>, <a href="../controlP5/ControlP5Constants.html#SWITCH">SWITCH</a>, <a href="../controlP5/ControlP5Constants.html#SWITCH_BACK">SWITCH_BACK</a>, <a href="../controlP5/ControlP5Constants.html#SWITCH_FORE">SWITCH_FORE</a>, <a href="../controlP5/ControlP5Constants.html#synt24">synt24</a>, <a href="../controlP5/ControlP5Constants.html#TAB">TAB</a>, <a href="../controlP5/ControlP5Constants.html#TEAL">TEAL</a>, <a href="../controlP5/ControlP5Constants.html#THEME_A">THEME_A</a>, <a href="../controlP5/ControlP5Constants.html#THEME_CP52014">THEME_CP52014</a>, <a href="../controlP5/ControlP5Constants.html#THEME_CP5BLUE">THEME_CP5BLUE</a>, <a href="../controlP5/ControlP5Constants.html#THEME_RED">THEME_RED</a>, <a href="../controlP5/ControlP5Constants.html#THEME_RETRO">THEME_RETRO</a>, <a href="../controlP5/ControlP5Constants.html#THEME_WHITE">THEME_WHITE</a>, <a href="../controlP5/ControlP5Constants.html#TOP">TOP</a>, <a href="../controlP5/ControlP5Constants.html#TOP_OUTSIDE">TOP_OUTSIDE</a>, <a href="../controlP5/ControlP5Constants.html#TRANSITION_WAIT_FADEIN">TRANSITION_WAIT_FADEIN</a>, <a href="../controlP5/ControlP5Constants.html#TREE">TREE</a>, <a href="../controlP5/ControlP5Constants.html#TWO_PI">TWO_PI</a>, <a href="../controlP5/ControlP5Constants.html#UP">UP</a>, <a href="../controlP5/ControlP5Constants.html#VALUELABEL">VALUELABEL</a>, <a href="../controlP5/ControlP5Constants.html#VERBOSE">VERBOSE</a>, <a href="../controlP5/ControlP5Constants.html#WAIT">WAIT</a>, <a href="../controlP5/ControlP5Constants.html#WHITE">WHITE</a>, <a href="../controlP5/ControlP5Constants.html#YELLOW">YELLOW</a></code></li>
+</ul>
+</li>
+</ul>
+<!-- ======== CONSTRUCTOR SUMMARY ======== -->
+<ul class="blockList">
+<li class="blockList"><a name="constructor_summary">
+<!--   -->
+</a>
+<h3>Constructor Summary</h3>
+<table class="overviewSummary" border="0" cellpadding="3" cellspacing="0" summary="Constructor Summary table, listing constructors, and an explanation">
+<caption><span>Constructors</span><span class="tabEnd">&nbsp;</span></caption>
+<tr>
+<th class="colOne" scope="col">Constructor and Description</th>
+</tr>
+<tr class="altColor">
+<td class="colOne"><code><strong><a href="../controlP5/Range.html#Range(controlP5.ControlP5, controlP5.ControllerGroup, java.lang.String, float, float, float, float, int, int, int, int)">Range</a></strong>(<a href="../controlP5/ControlP5.html" title="class in controlP5">ControlP5</a>&nbsp;theControlP5,
+     <a href="../controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a>&lt;?&gt;&nbsp;theParent,
+     java.lang.String&nbsp;theName,
+     float&nbsp;theMin,
+     float&nbsp;theMax,
+     float&nbsp;theDefaultMinValue,
+     float&nbsp;theDefaultMaxValue,
+     int&nbsp;theX,
+     int&nbsp;theY,
+     int&nbsp;theWidth,
+     int&nbsp;theHeight)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colOne"><code><strong><a href="../controlP5/Range.html#Range(controlP5.ControlP5, java.lang.String)">Range</a></strong>(<a href="../controlP5/ControlP5.html" title="class in controlP5">ControlP5</a>&nbsp;theControlP5,
+     java.lang.String&nbsp;theName)</code>
+<div class="block">Convenience constructor to extend Range.</div>
+</td>
+</tr>
+</table>
+</li>
+</ul>
+<!-- ========== METHOD SUMMARY =========== -->
+<ul class="blockList">
+<li class="blockList"><a name="method_summary">
+<!--   -->
+</a>
+<h3>Method Summary</h3>
+<table class="overviewSummary" border="0" cellpadding="3" cellspacing="0" summary="Method Summary table, listing methods, and an explanation">
+<caption><span>Methods</span><span class="tabEnd">&nbsp;</span></caption>
+<tr>
+<th class="colFirst" scope="col">Modifier and Type</th>
+<th class="colLast" scope="col">Method and Description</th>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>float[]</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Range.html#arrayValue()">arrayValue</a></strong>()</code>
+<div class="block"><strong>Deprecated.</strong>&nbsp;</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>float[]</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Range.html#getArrayValue()">getArrayValue</a></strong>()</code>
+<div class="block">returns the current float array value of a controller.</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>float</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Range.html#getHighValue()">getHighValue</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>float</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Range.html#getLowValue()">getLowValue</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/TickMark.html" title="class in controlP5">TickMark</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Range.html#getTickMark()">getTickMark</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>java.util.ArrayList&lt;<a href="../controlP5/TickMark.html" title="class in controlP5">TickMark</a>&gt;</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Range.html#getTickMarks()">getTickMarks</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>float</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Range.html#highValue()">highValue</a></strong>()</code>
+<div class="block"><strong>Deprecated.</strong>&nbsp;</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>float</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Range.html#lowValue()">lowValue</a></strong>()</code>
+<div class="block"><strong>Deprecated.</strong>&nbsp;</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>void</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Range.html#mousePressed()">mousePressed</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>void</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Range.html#mouseReleased()">mouseReleased</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>void</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Range.html#mouseReleasedOutside()">mouseReleasedOutside</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>void</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Range.html#onLeave()">onLeave</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Range.html" title="class in controlP5">Range</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Range.html#setArrayValue(float[])">setArrayValue</a></strong>(float[]&nbsp;theArray)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Range.html" title="class in controlP5">Range</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Range.html#setColorCaptionLabel(int)">setColorCaptionLabel</a></strong>(int&nbsp;theColor)</code></td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Range.html" title="class in controlP5">Range</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Range.html#setColorTickMark(int)">setColorTickMark</a></strong>(int&nbsp;theColor)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Range.html" title="class in controlP5">Range</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Range.html#setColorValueLabel(int)">setColorValueLabel</a></strong>(int&nbsp;theColor)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Range.html" title="class in controlP5">Range</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Range.html#setDraggable(boolean)">setDraggable</a></strong>(boolean&nbsp;theFlag)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Range.html" title="class in controlP5">Range</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Range.html#setHandleSize(int)">setHandleSize</a></strong>(int&nbsp;theSize)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Range.html" title="class in controlP5">Range</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Range.html#setHeight(int)">setHeight</a></strong>(int&nbsp;theValue)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Range.html" title="class in controlP5">Range</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Range.html#setHighValue(float)">setHighValue</a></strong>(float&nbsp;theValue)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Range.html" title="class in controlP5">Range</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Range.html#setHighValueLabel(java.lang.String)">setHighValueLabel</a></strong>(java.lang.String&nbsp;theLabel)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Range.html" title="class in controlP5">Range</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Range.html#setLowValue(float)">setLowValue</a></strong>(float&nbsp;theValue)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Range.html" title="class in controlP5">Range</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Range.html#setLowValueLabel(java.lang.String)">setLowValueLabel</a></strong>(java.lang.String&nbsp;theLabel)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Range.html" title="class in controlP5">Range</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Range.html#setMax(float)">setMax</a></strong>(float&nbsp;theValue)</code>
+<div class="block">sets the maximum value of the Controller.</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Range.html" title="class in controlP5">Range</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Range.html#setMin(float)">setMin</a></strong>(float&nbsp;theValue)</code>
+<div class="block">sets the minimum value of the Controller.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Range.html" title="class in controlP5">Range</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Range.html#setNumberOfTickMarks(int)">setNumberOfTickMarks</a></strong>(int&nbsp;theNumber)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Range.html" title="class in controlP5">Range</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Range.html#setRange(float, float)">setRange</a></strong>(float&nbsp;theMinValue,
+        float&nbsp;theMaxValue)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Range.html" title="class in controlP5">Range</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Range.html#setRangeValues(float, float)">setRangeValues</a></strong>(float&nbsp;theLowValue,
+              float&nbsp;theHighValue)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Range.html" title="class in controlP5">Range</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Range.html#setSliderMode(int)">setSliderMode</a></strong>(int&nbsp;theMode)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Range.html" title="class in controlP5">Range</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Range.html#setValue(float)">setValue</a></strong>(float&nbsp;theValue)</code>
+<div class="block">set the value of the range-slider.</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Range.html" title="class in controlP5">Range</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Range.html#setWidth(int)">setWidth</a></strong>(int&nbsp;theValue)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Range.html" title="class in controlP5">Range</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Range.html#showTickMarks(boolean)">showTickMarks</a></strong>(boolean&nbsp;theFlag)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Range.html" title="class in controlP5">Range</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Range.html#snapToTickMarks(boolean)">snapToTickMarks</a></strong>(boolean&nbsp;theFlag)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>java.lang.String</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Range.html#toString()">toString</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Range.html" title="class in controlP5">Range</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Range.html#update()">update</a></strong>()</code>
+<div class="block">updates the value of the controller without having to set the value explicitly.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Range.html" title="class in controlP5">Range</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Range.html#updateDisplayMode(int)">updateDisplayMode</a></strong>(int&nbsp;theMode)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Range.html" title="class in controlP5">Range</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Range.html#updateInternalEvents(processing.core.PApplet)">updateInternalEvents</a></strong>(processing.core.PApplet&nbsp;theApplet)</code>
+<div class="block">a method for putting input events like e.g.</div>
+</td>
+</tr>
+</table>
+<ul class="blockList">
+<li class="blockList"><a name="methods_inherited_from_class_controlP5.Controller">
+<!--   -->
+</a>
+<h3>Methods inherited from class&nbsp;controlP5.<a href="../controlP5/Controller.html" title="class in controlP5">Controller</a></h3>
+<code><a href="../controlP5/Controller.html#add(controlP5.ControllerInterface)">add</a>, <a href="../controlP5/Controller.html#addCallback(controlP5.CallbackListener)">addCallback</a>, <a href="../controlP5/Controller.html#addListener(controlP5.ControlListener)">addListener</a>, <a href="../controlP5/Controller.html#align(int, int, int, int)">align</a>, <a href="../controlP5/Controller.html#bringToFront()">bringToFront</a>, <a href="../controlP5/Controller.html#bringToFront(controlP5.ControllerInterface)">bringToFront</a>, <a href="../controlP5/Controller.html#changeValue(float)">changeValue</a>, <a href="../controlP5/Controller.html#continuousUpdateEvents()">continuousUpdateEvents</a>, <a href="../controlP5/Controller.html#draw(processing.core.PGraphics)">draw</a>, <a href="../controlP5/Controller.html#getAbsolutePosition()">getAbsolutePosition</a>, <a href="../controlP5/Controller.html#getAddress()">getAddress</a>, <a href="../controlP5/Controller.html#getArrayValue(int)">getArrayValue</a>, <a href="../controlP5/Controller.html#getBehavior()">getBehavior</a>, <a href="../controlP5/Controller.html#getCaptionLabel()">getCaptionLabel</a>, <a href="../controlP5/Controller.html#getColor()">getColor</a>, <a href="../controlP5/Controller.html#getControllerPlugList()">getControllerPlugList</a>, <a href="../controlP5/Controller.html#getControlWindow()">getControlWindow</a>, <a href="../controlP5/Controller.html#getDecimalPrecision()">getDecimalPrecision</a>, <a href="../controlP5/Controller.html#getDefaultValue()">getDefaultValue</a>, <a href="../controlP5/Controller.html#getHeight()">getHeight</a>, <a href="../controlP5/Controller.html#getId()">getId</a>, <a href="../controlP5/Controller.html#getInfo()">getInfo</a>, <a href="../controlP5/Controller.html#getLabel()">getLabel</a>, <a href="../controlP5/Controller.html#getMax()">getMax</a>, <a href="../controlP5/Controller.html#getMin()">getMin</a>, <a href="../controlP5/Controller.html#getName()">getName</a>, <a href="../controlP5/Controller.html#getParent()">getParent</a>, <a href="../controlP5/Controller.html#getPickingColor()">getPickingColor</a>, <a href="../controlP5/Controller.html#getPointer()">getPointer</a>, <a href="../controlP5/Controller.html#getPosition()">getPosition</a>, <a href="../controlP5/Controller.html#getProperty(java.lang.String)">getProperty</a>, <a href="../controlP5/Controller.html#getProperty(java.lang.String, java.lang.String)">getProperty</a>, <a href="../controlP5/Controller.html#getStringValue()">getStringValue</a>, <a href="../controlP5/Controller.html#getTab()">getTab</a>, <a href="../controlP5/Controller.html#getValue()">getValue</a>, <a href="../controlP5/Controller.html#getValueLabel()">getValueLabel</a>, <a href="../controlP5/Controller.html#getView()">getView</a>, <a href="../controlP5/Controller.html#getWidth()">getWidth</a>, <a href="../controlP5/Controller.html#getWindow()">getWindow</a>, <a href="../controlP5/Controller.html#hide()">hide</a>, <a href="../controlP5/Controller.html#init()">init</a>, <a href="../controlP5/Controller.html#isActive()">isActive</a>, <a href="../controlP5/Controller.html#isBroadcast()">isBroadcast</a>, <a href="../controlP5/Controller.html#isInside()">isInside</a>, <a href="../controlP5/Controller.html#isLabelVisible()">isLabelVisible</a>, <a href="../controlP5/Controller.html#isListening()">isListening</a>, <a href="../controlP5/Controller.html#isLock()">isLock</a>, <a href="../controlP5/Controller.html#isMouseOver()">isMouseOver</a>, <a href="../controlP5/Controller.html#isMousePressed()">isMousePressed</a>, <a href="../controlP5/Controller.html#isMoveable()">isMoveable</a>, <a href="../controlP5/Controller.html#isUpdate()">isUpdate</a>, <a href="../controlP5/Controller.html#isUserInteraction()">isUserInteraction</a>, <a href="../controlP5/Controller.html#isVisible()">isVisible</a>, <a href="../controlP5/Controller.html#keyEvent(processing.event.KeyEvent)">keyEvent</a>, <a href="../controlP5/Controller.html#linebreak()">linebreak</a>, <a href="../controlP5/Controller.html#listen(boolean)">listen</a>, <a href="../controlP5/Controller.html#listenerSize()">listenerSize</a>, <a href="../controlP5/Controller.html#lock()">lock</a>, <a href="../controlP5/Controller.html#moveTo(controlP5.ControlGroup)">moveTo</a>, <a href="../controlP5/Controller.html#moveTo(controlP5.ControllerGroup)">moveTo</a>, <a href="../controlP5/Controller.html#moveTo(controlP5.ControllerGroup, controlP5.Tab, controlP5.ControlWindow)">moveTo</a>, <a href="../controlP5/Controller.html#moveTo(controlP5.ControlWindow)">moveTo</a>, <a href="../controlP5/Controller.html#moveTo(controlP5.ControlWindow, java.lang.String)">moveTo</a>, <a href="../controlP5/Controller.html#moveTo(processing.core.PApplet)">moveTo</a>, <a href="../controlP5/Controller.html#moveTo(processing.core.PApplet, java.lang.String)">moveTo</a>, <a href="../controlP5/Controller.html#moveTo(java.lang.String)">moveTo</a>, <a href="../controlP5/Controller.html#moveTo(controlP5.Tab)">moveTo</a>, <a href="../controlP5/Controller.html#plugTo(java.lang.Object)">plugTo</a>, <a href="../controlP5/Controller.html#plugTo(java.lang.Object[])">plugTo</a>, <a href="../controlP5/Controller.html#plugTo(java.lang.Object[], java.lang.String)">plugTo</a>, <a href="../controlP5/Controller.html#plugTo(java.lang.Object, java.lang.String)">plugTo</a>, <a href="../controlP5/Controller.html#registerProperty(java.lang.String)">registerProperty</a>, <a href="../controlP5/Controller.html#registerProperty(java.lang.String, java.lang.String)">registerProperty</a>, <a href="../controlP5/Controller.html#registerTooltip(java.lang.String)">registerTooltip</a>, <a href="../controlP5/Controller.html#remove()">remove</a>, <a href="../controlP5/Controller.html#remove(controlP5.ControllerInterface)">remove</a>, <a href="../controlP5/Controller.html#removeBehavior()">removeBehavior</a>, <a href="../controlP5/Controller.html#removeCallback()">removeCallback</a>, <a href="../controlP5/Controller.html#removeCallback(controlP5.CallbackListener)">removeCallback</a>, <a href="../controlP5/Controller.html#removeListener(controlP5.ControlListener)">removeListener</a>, <a href="../controlP5/Controller.html#removeProperty(java.lang.String)">removeProperty</a>, <a href="../controlP5/Controller.html#removeProperty(java.lang.String, java.lang.String)">removeProperty</a>, <a href="../controlP5/Controller.html#setAbsolutePosition(processing.core.PVector)">setAbsolutePosition</a>, <a href="../controlP5/Controller.html#setAddress(java.lang.String)">setAddress</a>, <a href="../controlP5/Controller.html#setArrayValue(int, float)">setArrayValue</a>, <a href="../controlP5/Controller.html#setBehavior(controlP5.ControlBehavior)">setBehavior</a>, <a href="../controlP5/Controller.html#setBroadcast(boolean)">setBroadcast</a>, <a href="../controlP5/Controller.html#setCaptionLabel(java.lang.String)">setCaptionLabel</a>, <a href="../controlP5/Controller.html#setColor(controlP5.CColor)">setColor</a>, <a href="../controlP5/Controller.html#setColorActive(int)">setColorActive</a>, <a href="../controlP5/Controller.html#setColorBackground(int)">setColorBackground</a>, <a href="../controlP5/Controller.html#setColorForeground(int)">setColorForeground</a>, <a href="../controlP5/Controller.html#setDecimalPrecision(int)">setDecimalPrecision</a>, <a href="../controlP5/Controller.html#setDefaultValue(float)">setDefaultValue</a>, <a href="../controlP5/Controller.html#setGroup(controlP5.ControllerGroup)">setGroup</a>, <a href="../controlP5/Controller.html#setGroup(java.lang.String)">setGroup</a>, <a href="../controlP5/Controller.html#setId(int)">setId</a>, <a href="../controlP5/Controller.html#setImage(processing.core.PImage)">setImage</a>, <a href="../controlP5/Controller.html#setImage(processing.core.PImage, int)">setImage</a>, <a href="../controlP5/Controller.html#setImages(processing.core.PImage...)">setImages</a>, <a href="../controlP5/Controller.html#setImages(processing.core.PImage, processing.core.PImage, processing.core.PImage)">setImages</a>, <a href="../controlP5/Controller.html#setImages(processing.core.PImage, processing.core.PImage, processing.core.PImage, processing.core.PImage)">setImages</a>, <a href="../controlP5/Controller.html#setLabelVisible(boolean)">setLabelVisible</a>, <a href="../controlP5/Controller.html#setLock(boolean)">setLock</a>, <a href="../controlP5/Controller.html#setMouseOver(boolean)">setMouseOver</a>, <a href="../controlP5/Controller.html#setMousePressed(boolean)">setMousePressed</a>, <a href="../controlP5/Controller.html#setMoveable(boolean)">setMoveable</a>, <a href="../controlP5/Controller.html#setParent(controlP5.ControllerInterface)">setParent</a>, <a href="../controlP5/Controller.html#setPosition(float, float)">setPosition</a>, <a href="../controlP5/Controller.html#setPosition(processing.core.PVector)">setPosition</a>, <a href="../controlP5/Controller.html#setSize(int, int)">setSize</a>, <a href="../controlP5/Controller.html#setSize(processing.core.PImage)">setSize</a>, <a href="../controlP5/Controller.html#setStringValue(java.lang.String)">setStringValue</a>, <a href="../controlP5/Controller.html#setTab(controlP5.ControlWindow, java.lang.String)">setTab</a>, <a href="../controlP5/Controller.html#setTab(java.lang.String)">setTab</a>, <a href="../controlP5/Controller.html#setUpdate(boolean)">setUpdate</a>, <a href="../controlP5/Controller.html#setUserInteraction(boolean)">setUserInteraction</a>, <a href="../controlP5/Controller.html#setValueLabel(java.lang.String)">setValueLabel</a>, <a href="../controlP5/Controller.html#setValueSelf(float)">setValueSelf</a>, <a href="../controlP5/Controller.html#setView(controlP5.ControllerView)">setView</a>, <a href="../controlP5/Controller.html#setView(controlP5.ControllerView, int)">setView</a>, <a href="../controlP5/Controller.html#setVisible(boolean)">setVisible</a>, <a href="../controlP5/Controller.html#show()">show</a>, <a href="../controlP5/Controller.html#unlock()">unlock</a>, <a href="../controlP5/Controller.html#unplugFrom(java.lang.Object)">unplugFrom</a>, <a href="../controlP5/Controller.html#unplugFrom(java.lang.Object[])">unplugFrom</a>, <a href="../controlP5/Controller.html#unregisterTooltip()">unregisterTooltip</a>, <a href="../controlP5/Controller.html#updateAbsolutePosition()">updateAbsolutePosition</a>, <a href="../controlP5/Controller.html#updateEvents()">updateEvents</a>, <a href="../controlP5/Controller.html#updateSize()">updateSize</a></code></li>
+</ul>
+<ul class="blockList">
+<li class="blockList"><a name="methods_inherited_from_class_java.lang.Object">
+<!--   -->
+</a>
+<h3>Methods inherited from class&nbsp;java.lang.Object</h3>
+<code>equals, getClass, hashCode, notify, notifyAll, wait, wait, wait</code></li>
+</ul>
+<ul class="blockList">
+<li class="blockList"><a name="methods_inherited_from_class_controlP5.ControllerInterface">
+<!--   -->
+</a>
+<h3>Methods inherited from interface&nbsp;controlP5.<a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a></h3>
+<code><a href="../controlP5/ControllerInterface.html#parent()">parent</a>, <a href="../controlP5/ControllerInterface.html#setColorLabel(int)">setColorLabel</a>, <a href="../controlP5/ControllerInterface.html#setColorValue(int)">setColorValue</a>, <a href="../controlP5/ControllerInterface.html#setLabel(java.lang.String)">setLabel</a></code></li>
+</ul>
+</li>
+</ul>
+</li>
+</ul>
+</div>
+<div class="details">
+<ul class="blockList">
+<li class="blockList">
+<!-- ============ FIELD DETAIL =========== -->
+<ul class="blockList">
+<li class="blockList"><a name="field_detail">
+<!--   -->
+</a>
+<h3>Field Detail</h3>
+<a name="alignValueLabel">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>alignValueLabel</h4>
+<pre>public&nbsp;int alignValueLabel</pre>
+</li>
+</ul>
+<a name="autoHeight">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>autoHeight</h4>
+<pre>public static&nbsp;int autoHeight</pre>
+</li>
+</ul>
+<a name="autoSpacing">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>autoSpacing</h4>
+<pre>public static&nbsp;processing.core.PVector autoSpacing</pre>
+</li>
+</ul>
+<a name="autoWidth">
+<!--   -->
+</a>
+<ul class="blockListLast">
+<li class="blockList">
+<h4>autoWidth</h4>
+<pre>public static&nbsp;int autoWidth</pre>
+</li>
+</ul>
+</li>
+</ul>
+<!-- ========= CONSTRUCTOR DETAIL ======== -->
+<ul class="blockList">
+<li class="blockList"><a name="constructor_detail">
+<!--   -->
+</a>
+<h3>Constructor Detail</h3>
+<a name="Range(controlP5.ControlP5, controlP5.ControllerGroup, java.lang.String, float, float, float, float, int, int, int, int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>Range</h4>
+<pre>public&nbsp;Range(<a href="../controlP5/ControlP5.html" title="class in controlP5">ControlP5</a>&nbsp;theControlP5,
+     <a href="../controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a>&lt;?&gt;&nbsp;theParent,
+     java.lang.String&nbsp;theName,
+     float&nbsp;theMin,
+     float&nbsp;theMax,
+     float&nbsp;theDefaultMinValue,
+     float&nbsp;theDefaultMaxValue,
+     int&nbsp;theX,
+     int&nbsp;theY,
+     int&nbsp;theWidth,
+     int&nbsp;theHeight)</pre>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theControlP5</code> - ControlP5</dd><dd><code>theParent</code> - ControllerGroup</dd><dd><code>theName</code> - String</dd><dd><code>theMin</code> - float</dd><dd><code>theMax</code> - float</dd><dd><code>theDefaultValue</code> - float</dd><dd><code>theX</code> - int</dd><dd><code>theY</code> - int</dd><dd><code>theWidth</code> - int</dd><dd><code>theHeight</code> - int</dd></dl>
+</li>
+</ul>
+<a name="Range(controlP5.ControlP5, java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockListLast">
+<li class="blockList">
+<h4>Range</h4>
+<pre>public&nbsp;Range(<a href="../controlP5/ControlP5.html" title="class in controlP5">ControlP5</a>&nbsp;theControlP5,
+     java.lang.String&nbsp;theName)</pre>
+<div class="block">Convenience constructor to extend Range.</div>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theControlP5</code> - </dd><dd><code>theName</code> - </dd><script type="text/javascript">
+<!--
+document.getElementsByTagName('html')[0].className = 'isjs';function toggle(dt) { var display, dd=dt; do{ dd = dd.nextSibling } while(dd.tagName!='DD'); toOpen =!dd.style.display;dd.style.display = toOpen? 'block':''; dt.getElementsByTagName('span')[0].innerHTML  = toOpen? '-':'+' ; }
+-->
+</script>
+<div id="test" class="toggleList"><dl><dt onclick="toggle(this);"><span>+</span>Example</dt><dd><code><pre>/**
+ * ControlP5 extending Controllers
+ *
+ * the following example shows how to extend the Controller class to 
+ * create customizable Controllers. You can either extend the Controller class itself,
+ * or any class that extends Controller itself like the Slider, Button, DropdownList, etc. 
+ * 
+ * How to:
+ *
+ * 1) do a super call to the convenience constructor requiring 
+ * 2 parameter (ControlP5 instance, name)  
+ *
+ * 2) the Controller class has a set of empty methods that allow you to capture
+ * inputs from the mouse including 
+ * onEnter(), onLeave(), onPress(), onRelease(), onClick(), onScroll(int), onDrag()
+ * These you can override and include functionality as needed.
+ *
+ * 3) use method getPointer() to return the local (relative) 
+ * xy-coordinates of the controller
+ *  
+ * 4) after instantiation custom controllers are treated the same 
+ * as default controlP5 controllers.
+ *  
+ * by Andreas Schlegel, 2012
+ * www.sojamo.de/libraries/controlp5
+ *
+ */
+
+import controlP5.*;
+
+ControlP5 cp5;
+PApplet p;
+
+void setup() {
+  size(400, 400);
+  cp5 = new ControlP5(this);
+  
+  // create 2 groups to show nesting of custom controllers and
+  //   
+  Group g1 = cp5.addGroup("a").setPosition(0,100).setWidth(180);
+  Group g2 = cp5.addGroup("b").setPosition(0,10).setWidth(180);
+  g2.moveTo(g1);
+  
+  // create 2 custom Controllers from class MyButton
+  // MyButton extends Controller and inherits all methods accordingly.
+  new MyButton(cp5, "b1").setPosition(0, 0).setSize(180, 200).moveTo(g2);
+  new MyButton(cp5, "b2").setPosition(205, 15).setSize(180, 200);
+  
+}
+
+
+void draw() {
+  background(0);
+}
+
+// b1 will be called from Controller b1
+public void b1(float theValue) {
+  println("yay button "+theValue);
+}
+
+public void controlEvent(ControlEvent theEvent) {
+  println("controlEvent : "+theEvent);
+}
+
+
+// Create a custom Controller, please not that 
+// MyButton extends Controller<MyButton>, <MyButton>
+// is an indicator for the super class about the type of 
+// custom controller to be created.
+
+class MyButton extends Controller<MyButton> {
+
+  int current = 0xffff0000;
+
+  float a = 128;
+  
+  float na;
+  
+  int y;
+  
+  // use the convenience constructor of super class Controller
+  // MyButton will automatically registered and move to the 
+  // default controlP5 tab.
+  
+  MyButton(ControlP5 cp5, String theName) {
+    super(cp5, theName);
+    
+    // replace the default view with a custom view.
+    setView(new ControllerView() {
+      public void display(PApplet p, Object b) {
+        // draw button background
+        na += (a-na) * 0.1; 
+        p.fill(current,na);
+        p.rect(0, 0, getWidth(), getHeight());
+        
+        // draw horizontal line which can be moved on the x-axis 
+        // using the scroll wheel. 
+        p.fill(0,255,0);
+        p.rect(0,y,width,10);
+        
+        // draw the custom label 
+        p.fill(128);
+        translate(0,getHeight()+14);
+        p.text(getName(),0,0);
+        p.text(getName(),0,0);
+        
+      }
+    }
+    );
+  }
+
+  // override various input methods for mouse input control
+  void onEnter() {
+    cursor(HAND);
+    println("enter");
+    a = 255;
+  }
+  
+  void onScroll(int n) {
+    println("scrolling");
+    y -= n;
+    y = constrain(y,0,getHeight()-10);
+  }
+  
+  void onPress() {
+    println("press");
+    current = 0xffffff00;
+  }
+  
+  void onClick() {
+    Pointer p1 = getPointer();
+    println("clicked at "+p1.x()+", "+p1.y());
+    current = 0xffffff00;
+    setValue(y);
+  }
+
+  void onRelease() {
+    println("release");
+    current = 0xffffffff;
+  }
+  
+  void onMove() {
+    println("moving "+this+" "+_myControlWindow.getMouseOverList());
+  }
+
+  void onDrag() {
+    current = 0xff0000ff;
+    Pointer p1 = getPointer();
+    float dif = dist(p1.px(),p1.py(),p1.x(),p1.y());
+    println("dragging at "+p1.x()+", "+p1.y()+" "+dif);
+  }
+  
+  void onReleaseOutside() {
+    onLeave();
+  }
+
+  void onLeave() {
+    println("leave");
+    cursor(ARROW);
+    a = 128;
+  }
+}
+
+</pre></code></dd></dl></div></dl>
+</li>
+</ul>
+</li>
+</ul>
+<!-- ============ METHOD DETAIL ========== -->
+<ul class="blockList">
+<li class="blockList"><a name="method_detail">
+<!--   -->
+</a>
+<h3>Method Detail</h3>
+<a name="arrayValue()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>arrayValue</h4>
+<pre>@Deprecated
+public&nbsp;float[]&nbsp;arrayValue()</pre>
+<div class="block"><span class="strong">Deprecated.</span>&nbsp;</div>
+<dl>
+<dt><strong>Overrides:</strong></dt>
+<dd><code><a href="../controlP5/Controller.html#arrayValue()">arrayValue</a></code>&nbsp;in class&nbsp;<code><a href="../controlP5/Controller.html" title="class in controlP5">Controller</a>&lt;<a href="../controlP5/Range.html" title="class in controlP5">Range</a>&gt;</code></dd>
+</dl>
+</li>
+</ul>
+<a name="getArrayValue()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getArrayValue</h4>
+<pre>public&nbsp;float[]&nbsp;getArrayValue()</pre>
+<div class="block"><strong>Description copied from class:&nbsp;<code><a href="../controlP5/Controller.html#getArrayValue()">Controller</a></code></strong></div>
+<div class="block">returns the current float array value of a controller.</div>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerInterface.html#getArrayValue()">getArrayValue</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/Range.html" title="class in controlP5">Range</a>&gt;</code></dd>
+<dt><strong>Overrides:</strong></dt>
+<dd><code><a href="../controlP5/Controller.html#getArrayValue()">getArrayValue</a></code>&nbsp;in class&nbsp;<code><a href="../controlP5/Controller.html" title="class in controlP5">Controller</a>&lt;<a href="../controlP5/Range.html" title="class in controlP5">Range</a>&gt;</code></dd>
+<dt><span class="strong">Returns:</span></dt><dd>float[]</dd><dt><span class="strong">See Also:</span></dt><dd><a href="../controlP5/Controller.html#getValue()"><code>Controller.getValue()</code></a>, 
+<a href="../controlP5/Controller.html#getStringValue()"><code>Controller.getStringValue()</code></a></dd></dl>
+</li>
+</ul>
+<a name="getHighValue()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getHighValue</h4>
+<pre>public&nbsp;float&nbsp;getHighValue()</pre>
+</li>
+</ul>
+<a name="getLowValue()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getLowValue</h4>
+<pre>public&nbsp;float&nbsp;getLowValue()</pre>
+</li>
+</ul>
+<a name="getTickMark()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getTickMark</h4>
+<pre>public&nbsp;<a href="../controlP5/TickMark.html" title="class in controlP5">TickMark</a>&nbsp;getTickMark()</pre>
+</li>
+</ul>
+<a name="getTickMarks()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getTickMarks</h4>
+<pre>public&nbsp;java.util.ArrayList&lt;<a href="../controlP5/TickMark.html" title="class in controlP5">TickMark</a>&gt;&nbsp;getTickMarks()</pre>
+</li>
+</ul>
+<a name="highValue()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>highValue</h4>
+<pre>@Deprecated
+public&nbsp;float&nbsp;highValue()</pre>
+<div class="block"><span class="strong">Deprecated.</span>&nbsp;</div>
+</li>
+</ul>
+<a name="lowValue()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>lowValue</h4>
+<pre>@Deprecated
+public&nbsp;float&nbsp;lowValue()</pre>
+<div class="block"><span class="strong">Deprecated.</span>&nbsp;</div>
+</li>
+</ul>
+<a name="mousePressed()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>mousePressed</h4>
+<pre>public&nbsp;void&nbsp;mousePressed()</pre>
+</li>
+</ul>
+<a name="mouseReleased()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>mouseReleased</h4>
+<pre>public&nbsp;void&nbsp;mouseReleased()</pre>
+</li>
+</ul>
+<a name="mouseReleasedOutside()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>mouseReleasedOutside</h4>
+<pre>public&nbsp;void&nbsp;mouseReleasedOutside()</pre>
+</li>
+</ul>
+<a name="onLeave()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>onLeave</h4>
+<pre>public&nbsp;void&nbsp;onLeave()</pre>
+</li>
+</ul>
+<a name="setArrayValue(float[])">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setArrayValue</h4>
+<pre>public&nbsp;<a href="../controlP5/Range.html" title="class in controlP5">Range</a>&nbsp;setArrayValue(float[]&nbsp;theArray)</pre>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerInterface.html#setArrayValue(float[])">setArrayValue</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/Range.html" title="class in controlP5">Range</a>&gt;</code></dd>
+<dt><strong>Overrides:</strong></dt>
+<dd><code><a href="../controlP5/Controller.html#setArrayValue(float[])">setArrayValue</a></code>&nbsp;in class&nbsp;<code><a href="../controlP5/Controller.html" title="class in controlP5">Controller</a>&lt;<a href="../controlP5/Range.html" title="class in controlP5">Range</a>&gt;</code></dd>
+<dt><span class="strong">Returns:</span></dt><dd>Controller</dd></dl>
+</li>
+</ul>
+<a name="setColorCaptionLabel(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setColorCaptionLabel</h4>
+<pre>public&nbsp;<a href="../controlP5/Range.html" title="class in controlP5">Range</a>&nbsp;setColorCaptionLabel(int&nbsp;theColor)</pre>
+<div class="block"><strong>Description copied from class:&nbsp;<code><a href="../controlP5/Controller.html#setColorCaptionLabel(int)">Controller</a></code></strong></div>
+<dl>
+<dt><strong>Overrides:</strong></dt>
+<dd><code><a href="../controlP5/Controller.html#setColorCaptionLabel(int)">setColorCaptionLabel</a></code>&nbsp;in class&nbsp;<code><a href="../controlP5/Controller.html" title="class in controlP5">Controller</a>&lt;<a href="../controlP5/Range.html" title="class in controlP5">Range</a>&gt;</code></dd>
+<dt><span class="strong">Returns:</span></dt><dd>Controller</dd></dl>
+</li>
+</ul>
+<a name="setColorTickMark(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setColorTickMark</h4>
+<pre>public&nbsp;<a href="../controlP5/Range.html" title="class in controlP5">Range</a>&nbsp;setColorTickMark(int&nbsp;theColor)</pre>
+</li>
+</ul>
+<a name="setColorValueLabel(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setColorValueLabel</h4>
+<pre>public&nbsp;<a href="../controlP5/Range.html" title="class in controlP5">Range</a>&nbsp;setColorValueLabel(int&nbsp;theColor)</pre>
+<dl>
+<dt><strong>Overrides:</strong></dt>
+<dd><code><a href="../controlP5/Controller.html#setColorValueLabel(int)">setColorValueLabel</a></code>&nbsp;in class&nbsp;<code><a href="../controlP5/Controller.html" title="class in controlP5">Controller</a>&lt;<a href="../controlP5/Range.html" title="class in controlP5">Range</a>&gt;</code></dd>
+<dt><span class="strong">Returns:</span></dt><dd>Controller</dd></dl>
+</li>
+</ul>
+<a name="setDraggable(boolean)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setDraggable</h4>
+<pre>public&nbsp;<a href="../controlP5/Range.html" title="class in controlP5">Range</a>&nbsp;setDraggable(boolean&nbsp;theFlag)</pre>
+</li>
+</ul>
+<a name="setHandleSize(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setHandleSize</h4>
+<pre>public&nbsp;<a href="../controlP5/Range.html" title="class in controlP5">Range</a>&nbsp;setHandleSize(int&nbsp;theSize)</pre>
+</li>
+</ul>
+<a name="setHeight(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setHeight</h4>
+<pre>public&nbsp;<a href="../controlP5/Range.html" title="class in controlP5">Range</a>&nbsp;setHeight(int&nbsp;theValue)</pre>
+<dl>
+<dt><strong>Overrides:</strong></dt>
+<dd><code><a href="../controlP5/Controller.html#setHeight(int)">setHeight</a></code>&nbsp;in class&nbsp;<code><a href="../controlP5/Controller.html" title="class in controlP5">Controller</a>&lt;<a href="../controlP5/Range.html" title="class in controlP5">Range</a>&gt;</code></dd>
+<dt><span class="strong">Returns:</span></dt><dd>Controller</dd></dl>
+</li>
+</ul>
+<a name="setHighValue(float)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setHighValue</h4>
+<pre>public&nbsp;<a href="../controlP5/Range.html" title="class in controlP5">Range</a>&nbsp;setHighValue(float&nbsp;theValue)</pre>
+</li>
+</ul>
+<a name="setHighValueLabel(java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setHighValueLabel</h4>
+<pre>public&nbsp;<a href="../controlP5/Range.html" title="class in controlP5">Range</a>&nbsp;setHighValueLabel(java.lang.String&nbsp;theLabel)</pre>
+</li>
+</ul>
+<a name="setLowValue(float)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setLowValue</h4>
+<pre>public&nbsp;<a href="../controlP5/Range.html" title="class in controlP5">Range</a>&nbsp;setLowValue(float&nbsp;theValue)</pre>
+</li>
+</ul>
+<a name="setLowValueLabel(java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setLowValueLabel</h4>
+<pre>public&nbsp;<a href="../controlP5/Range.html" title="class in controlP5">Range</a>&nbsp;setLowValueLabel(java.lang.String&nbsp;theLabel)</pre>
+</li>
+</ul>
+<a name="setMax(float)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setMax</h4>
+<pre>public&nbsp;<a href="../controlP5/Range.html" title="class in controlP5">Range</a>&nbsp;setMax(float&nbsp;theValue)</pre>
+<div class="block"><strong>Description copied from class:&nbsp;<code><a href="../controlP5/Controller.html#setMax(float)">Controller</a></code></strong></div>
+<div class="block">sets the maximum value of the Controller.</div>
+<dl>
+<dt><strong>Overrides:</strong></dt>
+<dd><code><a href="../controlP5/Controller.html#setMax(float)">setMax</a></code>&nbsp;in class&nbsp;<code><a href="../controlP5/Controller.html" title="class in controlP5">Controller</a>&lt;<a href="../controlP5/Range.html" title="class in controlP5">Range</a>&gt;</code></dd>
+<dt><span class="strong">Parameters:</span></dt><dd><code>theValue</code> - float</dd>
+<dt><span class="strong">Returns:</span></dt><dd>Controller</dd></dl>
+</li>
+</ul>
+<a name="setMin(float)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setMin</h4>
+<pre>public&nbsp;<a href="../controlP5/Range.html" title="class in controlP5">Range</a>&nbsp;setMin(float&nbsp;theValue)</pre>
+<div class="block"><strong>Description copied from class:&nbsp;<code><a href="../controlP5/Controller.html#setMin(float)">Controller</a></code></strong></div>
+<div class="block">sets the minimum value of the Controller.</div>
+<dl>
+<dt><strong>Overrides:</strong></dt>
+<dd><code><a href="../controlP5/Controller.html#setMin(float)">setMin</a></code>&nbsp;in class&nbsp;<code><a href="../controlP5/Controller.html" title="class in controlP5">Controller</a>&lt;<a href="../controlP5/Range.html" title="class in controlP5">Range</a>&gt;</code></dd>
+<dt><span class="strong">Parameters:</span></dt><dd><code>theValue</code> - float</dd>
+<dt><span class="strong">Returns:</span></dt><dd>Controller</dd></dl>
+</li>
+</ul>
+<a name="setNumberOfTickMarks(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setNumberOfTickMarks</h4>
+<pre>public&nbsp;<a href="../controlP5/Range.html" title="class in controlP5">Range</a>&nbsp;setNumberOfTickMarks(int&nbsp;theNumber)</pre>
+</li>
+</ul>
+<a name="setRange(float, float)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setRange</h4>
+<pre>public&nbsp;<a href="../controlP5/Range.html" title="class in controlP5">Range</a>&nbsp;setRange(float&nbsp;theMinValue,
+             float&nbsp;theMaxValue)</pre>
+</li>
+</ul>
+<a name="setRangeValues(float, float)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setRangeValues</h4>
+<pre>public&nbsp;<a href="../controlP5/Range.html" title="class in controlP5">Range</a>&nbsp;setRangeValues(float&nbsp;theLowValue,
+                   float&nbsp;theHighValue)</pre>
+</li>
+</ul>
+<a name="setSliderMode(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setSliderMode</h4>
+<pre>public&nbsp;<a href="../controlP5/Range.html" title="class in controlP5">Range</a>&nbsp;setSliderMode(int&nbsp;theMode)</pre>
+</li>
+</ul>
+<a name="setValue(float)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setValue</h4>
+<pre>public&nbsp;<a href="../controlP5/Range.html" title="class in controlP5">Range</a>&nbsp;setValue(float&nbsp;theValue)</pre>
+<div class="block">set the value of the range-slider. to set the low and high value, use setLowValue and
+ setHighValue or setRangeValues</div>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerInterface.html#setValue(float)">setValue</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/Range.html" title="class in controlP5">Range</a>&gt;</code></dd>
+<dt><strong>Overrides:</strong></dt>
+<dd><code><a href="../controlP5/Controller.html#setValue(float)">setValue</a></code>&nbsp;in class&nbsp;<code><a href="../controlP5/Controller.html" title="class in controlP5">Controller</a>&lt;<a href="../controlP5/Range.html" title="class in controlP5">Range</a>&gt;</code></dd>
+<dt><span class="strong">Parameters:</span></dt><dd><code>theValue</code> - float</dd>
+<dt><span class="strong">Returns:</span></dt><dd>Range</dd><dt><span class="strong">See Also:</span></dt><dd><a href="../controlP5/Range.html#setLowValue(float)"><code>setLowValue(float)</code></a>, 
+<a href="../controlP5/Range.html#setHighValue(float)"><code>setHighValue(float)</code></a>, 
+<a href="../controlP5/Range.html#setRangeValues(float, float)"><code>setRangeValues(float, float)</code></a></dd></dl>
+</li>
+</ul>
+<a name="setWidth(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setWidth</h4>
+<pre>public&nbsp;<a href="../controlP5/Range.html" title="class in controlP5">Range</a>&nbsp;setWidth(int&nbsp;theValue)</pre>
+<dl>
+<dt><strong>Overrides:</strong></dt>
+<dd><code><a href="../controlP5/Controller.html#setWidth(int)">setWidth</a></code>&nbsp;in class&nbsp;<code><a href="../controlP5/Controller.html" title="class in controlP5">Controller</a>&lt;<a href="../controlP5/Range.html" title="class in controlP5">Range</a>&gt;</code></dd>
+<dt><span class="strong">Returns:</span></dt><dd>Controller</dd></dl>
+</li>
+</ul>
+<a name="showTickMarks(boolean)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>showTickMarks</h4>
+<pre>public&nbsp;<a href="../controlP5/Range.html" title="class in controlP5">Range</a>&nbsp;showTickMarks(boolean&nbsp;theFlag)</pre>
+</li>
+</ul>
+<a name="snapToTickMarks(boolean)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>snapToTickMarks</h4>
+<pre>public&nbsp;<a href="../controlP5/Range.html" title="class in controlP5">Range</a>&nbsp;snapToTickMarks(boolean&nbsp;theFlag)</pre>
+</li>
+</ul>
+<a name="toString()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>toString</h4>
+<pre>public&nbsp;java.lang.String&nbsp;toString()</pre>
+<dl>
+<dt><strong>Overrides:</strong></dt>
+<dd><code><a href="../controlP5/Controller.html#toString()">toString</a></code>&nbsp;in class&nbsp;<code><a href="../controlP5/Controller.html" title="class in controlP5">Controller</a>&lt;<a href="../controlP5/Range.html" title="class in controlP5">Range</a>&gt;</code></dd>
+</dl>
+</li>
+</ul>
+<a name="update()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>update</h4>
+<pre>public&nbsp;<a href="../controlP5/Range.html" title="class in controlP5">Range</a>&nbsp;update()</pre>
+<div class="block"><strong>Description copied from class:&nbsp;<code><a href="../controlP5/Controller.html#update()">Controller</a></code></strong></div>
+<div class="block">updates the value of the controller without having to set the value explicitly. update does
+ not visually update the controller. the updating status can be set with setUpdate(true/false)
+ and checked with isUpdate().</div>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerInterface.html#update()">update</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/Range.html" title="class in controlP5">Range</a>&gt;</code></dd>
+<dt><strong>Overrides:</strong></dt>
+<dd><code><a href="../controlP5/Controller.html#update()">update</a></code>&nbsp;in class&nbsp;<code><a href="../controlP5/Controller.html" title="class in controlP5">Controller</a>&lt;<a href="../controlP5/Range.html" title="class in controlP5">Range</a>&gt;</code></dd>
+<dt><span class="strong">Returns:</span></dt><dd>Controller</dd><dt><span class="strong">See Also:</span></dt><dd><a href="../controlP5/Controller.html#setUpdate(boolean)"><code>Controller.setUpdate(boolean)</code></a>, 
+<a href="../controlP5/Controller.html#isUpdate()"><code>Controller.isUpdate()</code></a></dd></dl>
+</li>
+</ul>
+<a name="updateDisplayMode(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>updateDisplayMode</h4>
+<pre>public&nbsp;<a href="../controlP5/Range.html" title="class in controlP5">Range</a>&nbsp;updateDisplayMode(int&nbsp;theMode)</pre>
+</li>
+</ul>
+<a name="updateInternalEvents(processing.core.PApplet)">
+<!--   -->
+</a>
+<ul class="blockListLast">
+<li class="blockList">
+<h4>updateInternalEvents</h4>
+<pre>public&nbsp;<a href="../controlP5/Range.html" title="class in controlP5">Range</a>&nbsp;updateInternalEvents(processing.core.PApplet&nbsp;theApplet)</pre>
+<div class="block"><strong>Description copied from interface:&nbsp;<code><a href="../controlP5/ControllerInterface.html#updateInternalEvents(processing.core.PApplet)">ControllerInterface</a></code></strong></div>
+<div class="block">a method for putting input events like e.g. mouse or keyboard events and queries. this has
+ been taken out of the draw method for better overwriting capability.</div>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerInterface.html#updateInternalEvents(processing.core.PApplet)">updateInternalEvents</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/Range.html" title="class in controlP5">Range</a>&gt;</code></dd>
+<dt><strong>Overrides:</strong></dt>
+<dd><code><a href="../controlP5/Controller.html#updateInternalEvents(processing.core.PApplet)">updateInternalEvents</a></code>&nbsp;in class&nbsp;<code><a href="../controlP5/Controller.html" title="class in controlP5">Controller</a>&lt;<a href="../controlP5/Range.html" title="class in controlP5">Range</a>&gt;</code></dd>
+<dt><span class="strong">See Also:</span></dt><dd><code>ControllerInterface.updateInternalEvents</code></dd></dl>
+</li>
+</ul>
+</li>
+</ul>
+</li>
+</ul>
+</div>
+</div>
+<!-- ========= END OF CLASS DATA ========= -->
+<!-- ======= START OF BOTTOM NAVBAR ====== -->
+<div class="bottomNav"><a name="navbar_bottom">
+<!--   -->
+</a><a href="#skip-navbar_bottom" title="Skip navigation links"></a><a name="navbar_bottom_firstrow">
+<!--   -->
+</a>
+<ul class="navList" title="Navigation">
+<li><a href="../controlP5/package-summary.html">Package</a></li>
+<li class="navBarCell1Rev">Class</li>
+<li><a href="package-tree.html">Tree</a></li>
+<li><a href="../index-all.html">Index</a></li>
+<li><a href="../help-doc.html">Help</a></li>
+</ul>
+</div>
+<div class="subNav">
+<ul class="navList">
+<li><a href="../controlP5/RadioButton.html" title="class in controlP5"><span class="strong">Prev Class</span></a></li>
+<li><a href="../controlP5/ScrollableList.html" title="class in controlP5"><span class="strong">Next Class</span></a></li>
+</ul>
+<ul class="navList">
+<li><a href="../index.html?controlP5/Range.html" target="_top">Frames</a></li>
+<li><a href="Range.html" target="_top">No Frames</a></li>
+</ul>
+<ul class="navList" id="allclasses_navbar_bottom">
+<li><a href="../allclasses-noframe.html">All Classes</a></li>
+</ul>
+<div>
+<script type="text/javascript"><!--
+  allClassesLink = document.getElementById("allclasses_navbar_bottom");
+  if(window==top) {
+    allClassesLink.style.display = "block";
+  }
+  else {
+    allClassesLink.style.display = "none";
+  }
+  //-->
+</script>
+</div>
+<div>
+<ul class="subNavList">
+<li>Summary:&nbsp;</li>
+<li>Nested&nbsp;|&nbsp;</li>
+<li><a href="#field_summary">Field</a>&nbsp;|&nbsp;</li>
+<li><a href="#constructor_summary">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_summary">Method</a></li>
+</ul>
+<ul class="subNavList">
+<li>Detail:&nbsp;</li>
+<li><a href="#field_detail">Field</a>&nbsp;|&nbsp;</li>
+<li><a href="#constructor_detail">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_detail">Method</a></li>
+</ul>
+</div>
+<a name="skip-navbar_bottom">
+<!--   -->
+</a></div>
+<!-- ======== END OF BOTTOM NAVBAR ======= -->
+<p class="legalCopy"><small>processing library controlP5 by Andreas Schlegel. (c) 2006-2014</small></p>
+</body>
+</html>
diff --git a/reference/controlP5/ScrollableList.ScrollableListView.html b/reference/controlP5/ScrollableList.ScrollableListView.html
new file mode 100644
index 0000000..954deb1
--- /dev/null
+++ b/reference/controlP5/ScrollableList.ScrollableListView.html
@@ -0,0 +1,272 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
+<!-- NewPage -->
+<html lang="en">
+<head>
+<!-- Generated by javadoc (version 1.7.0_51) on Sun Apr 27 21:39:48 SGT 2014 -->
+<title>ScrollableList.ScrollableListView (Javadocs: controlP5)</title>
+<meta name="date" content="2014-04-27">
+<link rel="stylesheet" type="text/css" href="../stylesheet.css" title="Style">
+</head>
+<body>
+<script type="text/javascript"><!--
+    if (location.href.indexOf('is-external=true') == -1) {
+        parent.document.title="ScrollableList.ScrollableListView (Javadocs: controlP5)";
+    }
+//-->
+</script>
+<noscript>
+<div>JavaScript is disabled on your browser.</div>
+</noscript>
+<!-- ========= START OF TOP NAVBAR ======= -->
+<div class="topNav"><a name="navbar_top">
+<!--   -->
+</a><a href="#skip-navbar_top" title="Skip navigation links"></a><a name="navbar_top_firstrow">
+<!--   -->
+</a>
+<ul class="navList" title="Navigation">
+<li><a href="../controlP5/package-summary.html">Package</a></li>
+<li class="navBarCell1Rev">Class</li>
+<li><a href="package-tree.html">Tree</a></li>
+<li><a href="../index-all.html">Index</a></li>
+<li><a href="../help-doc.html">Help</a></li>
+</ul>
+</div>
+<div class="subNav">
+<ul class="navList">
+<li><a href="../controlP5/ScrollableList.html" title="class in controlP5"><span class="strong">Prev Class</span></a></li>
+<li><a href="../controlP5/Slider.html" title="class in controlP5"><span class="strong">Next Class</span></a></li>
+</ul>
+<ul class="navList">
+<li><a href="../index.html?controlP5/ScrollableList.ScrollableListView.html" target="_top">Frames</a></li>
+<li><a href="ScrollableList.ScrollableListView.html" target="_top">No Frames</a></li>
+</ul>
+<ul class="navList" id="allclasses_navbar_top">
+<li><a href="../allclasses-noframe.html">All Classes</a></li>
+</ul>
+<div>
+<script type="text/javascript"><!--
+  allClassesLink = document.getElementById("allclasses_navbar_top");
+  if(window==top) {
+    allClassesLink.style.display = "block";
+  }
+  else {
+    allClassesLink.style.display = "none";
+  }
+  //-->
+</script>
+</div>
+<div>
+<ul class="subNavList">
+<li>Summary:&nbsp;</li>
+<li>Nested&nbsp;|&nbsp;</li>
+<li>Field&nbsp;|&nbsp;</li>
+<li><a href="#constructor_summary">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_summary">Method</a></li>
+</ul>
+<ul class="subNavList">
+<li>Detail:&nbsp;</li>
+<li>Field&nbsp;|&nbsp;</li>
+<li><a href="#constructor_detail">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_detail">Method</a></li>
+</ul>
+</div>
+<a name="skip-navbar_top">
+<!--   -->
+</a></div>
+<!-- ========= END OF TOP NAVBAR ========= -->
+<!-- ======== START OF CLASS DATA ======== -->
+<div class="header">
+<div class="subTitle">controlP5</div>
+<h2 title="Class ScrollableList.ScrollableListView" class="title">Class ScrollableList.ScrollableListView</h2>
+</div>
+<div class="contentContainer">
+<ul class="inheritance">
+<li>java.lang.Object</li>
+<li>
+<ul class="inheritance">
+<li>controlP5.ScrollableList.ScrollableListView</li>
+</ul>
+</li>
+</ul>
+<div class="description">
+<ul class="blockList">
+<li class="blockList">
+<dl>
+<dt>All Implemented Interfaces:</dt>
+<dd><a href="../controlP5/ControllerView.html" title="interface in controlP5">ControllerView</a>&lt;<a href="../controlP5/ScrollableList.html" title="class in controlP5">ScrollableList</a>&gt;</dd>
+</dl>
+<dl>
+<dt>Enclosing class:</dt>
+<dd><a href="../controlP5/ScrollableList.html" title="class in controlP5">ScrollableList</a></dd>
+</dl>
+<hr>
+<br>
+<pre>public static class <span class="strong">ScrollableList.ScrollableListView</span>
+extends java.lang.Object
+implements <a href="../controlP5/ControllerView.html" title="interface in controlP5">ControllerView</a>&lt;<a href="../controlP5/ScrollableList.html" title="class in controlP5">ScrollableList</a>&gt;</pre>
+</li>
+</ul>
+</div>
+<div class="summary">
+<ul class="blockList">
+<li class="blockList">
+<!-- ======== CONSTRUCTOR SUMMARY ======== -->
+<ul class="blockList">
+<li class="blockList"><a name="constructor_summary">
+<!--   -->
+</a>
+<h3>Constructor Summary</h3>
+<table class="overviewSummary" border="0" cellpadding="3" cellspacing="0" summary="Constructor Summary table, listing constructors, and an explanation">
+<caption><span>Constructors</span><span class="tabEnd">&nbsp;</span></caption>
+<tr>
+<th class="colOne" scope="col">Constructor and Description</th>
+</tr>
+<tr class="altColor">
+<td class="colOne"><code><strong><a href="../controlP5/ScrollableList.ScrollableListView.html#ScrollableList.ScrollableListView()">ScrollableList.ScrollableListView</a></strong>()</code>&nbsp;</td>
+</tr>
+</table>
+</li>
+</ul>
+<!-- ========== METHOD SUMMARY =========== -->
+<ul class="blockList">
+<li class="blockList"><a name="method_summary">
+<!--   -->
+</a>
+<h3>Method Summary</h3>
+<table class="overviewSummary" border="0" cellpadding="3" cellspacing="0" summary="Method Summary table, listing methods, and an explanation">
+<caption><span>Methods</span><span class="tabEnd">&nbsp;</span></caption>
+<tr>
+<th class="colFirst" scope="col">Modifier and Type</th>
+<th class="colLast" scope="col">Method and Description</th>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>void</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ScrollableList.ScrollableListView.html#display(processing.core.PGraphics, controlP5.ScrollableList)">display</a></strong>(processing.core.PGraphics&nbsp;g,
+       <a href="../controlP5/ScrollableList.html" title="class in controlP5">ScrollableList</a>&nbsp;c)</code>
+<div class="block">draws your custom controllers.</div>
+</td>
+</tr>
+</table>
+<ul class="blockList">
+<li class="blockList"><a name="methods_inherited_from_class_java.lang.Object">
+<!--   -->
+</a>
+<h3>Methods inherited from class&nbsp;java.lang.Object</h3>
+<code>equals, getClass, hashCode, notify, notifyAll, toString, wait, wait, wait</code></li>
+</ul>
+</li>
+</ul>
+</li>
+</ul>
+</div>
+<div class="details">
+<ul class="blockList">
+<li class="blockList">
+<!-- ========= CONSTRUCTOR DETAIL ======== -->
+<ul class="blockList">
+<li class="blockList"><a name="constructor_detail">
+<!--   -->
+</a>
+<h3>Constructor Detail</h3>
+<a name="ScrollableList.ScrollableListView()">
+<!--   -->
+</a>
+<ul class="blockListLast">
+<li class="blockList">
+<h4>ScrollableList.ScrollableListView</h4>
+<pre>public&nbsp;ScrollableList.ScrollableListView()</pre>
+</li>
+</ul>
+</li>
+</ul>
+<!-- ============ METHOD DETAIL ========== -->
+<ul class="blockList">
+<li class="blockList"><a name="method_detail">
+<!--   -->
+</a>
+<h3>Method Detail</h3>
+<a name="display(processing.core.PGraphics, controlP5.ScrollableList)">
+<!--   -->
+</a>
+<ul class="blockListLast">
+<li class="blockList">
+<h4>display</h4>
+<pre>public&nbsp;void&nbsp;display(processing.core.PGraphics&nbsp;g,
+           <a href="../controlP5/ScrollableList.html" title="class in controlP5">ScrollableList</a>&nbsp;c)</pre>
+<div class="block"><strong>Description copied from interface:&nbsp;<code><a href="../controlP5/ControllerView.html#display(processing.core.PGraphics, T)">ControllerView</a></code></strong></div>
+<div class="block">draws your custom controllers. display() will be called by a controller's draw() function and
+ will pass a reference of PApplet as well as the Controller itself to your custom display
+ class.</div>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerView.html#display(processing.core.PGraphics, T)">display</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerView.html" title="interface in controlP5">ControllerView</a>&lt;<a href="../controlP5/ScrollableList.html" title="class in controlP5">ScrollableList</a>&gt;</code></dd>
+</dl>
+</li>
+</ul>
+</li>
+</ul>
+</li>
+</ul>
+</div>
+</div>
+<!-- ========= END OF CLASS DATA ========= -->
+<!-- ======= START OF BOTTOM NAVBAR ====== -->
+<div class="bottomNav"><a name="navbar_bottom">
+<!--   -->
+</a><a href="#skip-navbar_bottom" title="Skip navigation links"></a><a name="navbar_bottom_firstrow">
+<!--   -->
+</a>
+<ul class="navList" title="Navigation">
+<li><a href="../controlP5/package-summary.html">Package</a></li>
+<li class="navBarCell1Rev">Class</li>
+<li><a href="package-tree.html">Tree</a></li>
+<li><a href="../index-all.html">Index</a></li>
+<li><a href="../help-doc.html">Help</a></li>
+</ul>
+</div>
+<div class="subNav">
+<ul class="navList">
+<li><a href="../controlP5/ScrollableList.html" title="class in controlP5"><span class="strong">Prev Class</span></a></li>
+<li><a href="../controlP5/Slider.html" title="class in controlP5"><span class="strong">Next Class</span></a></li>
+</ul>
+<ul class="navList">
+<li><a href="../index.html?controlP5/ScrollableList.ScrollableListView.html" target="_top">Frames</a></li>
+<li><a href="ScrollableList.ScrollableListView.html" target="_top">No Frames</a></li>
+</ul>
+<ul class="navList" id="allclasses_navbar_bottom">
+<li><a href="../allclasses-noframe.html">All Classes</a></li>
+</ul>
+<div>
+<script type="text/javascript"><!--
+  allClassesLink = document.getElementById("allclasses_navbar_bottom");
+  if(window==top) {
+    allClassesLink.style.display = "block";
+  }
+  else {
+    allClassesLink.style.display = "none";
+  }
+  //-->
+</script>
+</div>
+<div>
+<ul class="subNavList">
+<li>Summary:&nbsp;</li>
+<li>Nested&nbsp;|&nbsp;</li>
+<li>Field&nbsp;|&nbsp;</li>
+<li><a href="#constructor_summary">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_summary">Method</a></li>
+</ul>
+<ul class="subNavList">
+<li>Detail:&nbsp;</li>
+<li>Field&nbsp;|&nbsp;</li>
+<li><a href="#constructor_detail">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_detail">Method</a></li>
+</ul>
+</div>
+<a name="skip-navbar_bottom">
+<!--   -->
+</a></div>
+<!-- ======== END OF BOTTOM NAVBAR ======= -->
+<p class="legalCopy"><small>processing library controlP5 by Andreas Schlegel. (c) 2006-2014</small></p>
+</body>
+</html>
diff --git a/reference/controlP5/ScrollableList.html b/reference/controlP5/ScrollableList.html
new file mode 100644
index 0000000..1e1bdd8
--- /dev/null
+++ b/reference/controlP5/ScrollableList.html
@@ -0,0 +1,842 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
+<!-- NewPage -->
+<html lang="en">
+<head>
+<!-- Generated by javadoc (version 1.7.0_51) on Sun Apr 27 21:39:48 SGT 2014 -->
+<title>ScrollableList (Javadocs: controlP5)</title>
+<meta name="date" content="2014-04-27">
+<link rel="stylesheet" type="text/css" href="../stylesheet.css" title="Style">
+</head>
+<body>
+<script type="text/javascript"><!--
+    if (location.href.indexOf('is-external=true') == -1) {
+        parent.document.title="ScrollableList (Javadocs: controlP5)";
+    }
+//-->
+</script>
+<noscript>
+<div>JavaScript is disabled on your browser.</div>
+</noscript>
+<!-- ========= START OF TOP NAVBAR ======= -->
+<div class="topNav"><a name="navbar_top">
+<!--   -->
+</a><a href="#skip-navbar_top" title="Skip navigation links"></a><a name="navbar_top_firstrow">
+<!--   -->
+</a>
+<ul class="navList" title="Navigation">
+<li><a href="../controlP5/package-summary.html">Package</a></li>
+<li class="navBarCell1Rev">Class</li>
+<li><a href="package-tree.html">Tree</a></li>
+<li><a href="../index-all.html">Index</a></li>
+<li><a href="../help-doc.html">Help</a></li>
+</ul>
+</div>
+<div class="subNav">
+<ul class="navList">
+<li><a href="../controlP5/Range.html" title="class in controlP5"><span class="strong">Prev Class</span></a></li>
+<li><a href="../controlP5/ScrollableList.ScrollableListView.html" title="class in controlP5"><span class="strong">Next Class</span></a></li>
+</ul>
+<ul class="navList">
+<li><a href="../index.html?controlP5/ScrollableList.html" target="_top">Frames</a></li>
+<li><a href="ScrollableList.html" target="_top">No Frames</a></li>
+</ul>
+<ul class="navList" id="allclasses_navbar_top">
+<li><a href="../allclasses-noframe.html">All Classes</a></li>
+</ul>
+<div>
+<script type="text/javascript"><!--
+  allClassesLink = document.getElementById("allclasses_navbar_top");
+  if(window==top) {
+    allClassesLink.style.display = "block";
+  }
+  else {
+    allClassesLink.style.display = "none";
+  }
+  //-->
+</script>
+</div>
+<div>
+<ul class="subNavList">
+<li>Summary:&nbsp;</li>
+<li><a href="#nested_class_summary">Nested</a>&nbsp;|&nbsp;</li>
+<li><a href="#field_summary">Field</a>&nbsp;|&nbsp;</li>
+<li><a href="#constructor_summary">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_summary">Method</a></li>
+</ul>
+<ul class="subNavList">
+<li>Detail:&nbsp;</li>
+<li><a href="#field_detail">Field</a>&nbsp;|&nbsp;</li>
+<li><a href="#constructor_detail">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_detail">Method</a></li>
+</ul>
+</div>
+<a name="skip-navbar_top">
+<!--   -->
+</a></div>
+<!-- ========= END OF TOP NAVBAR ========= -->
+<!-- ======== START OF CLASS DATA ======== -->
+<div class="header">
+<div class="subTitle">controlP5</div>
+<h2 title="Class ScrollableList" class="title">Class ScrollableList</h2>
+</div>
+<div class="contentContainer">
+<ul class="inheritance">
+<li>java.lang.Object</li>
+<li>
+<ul class="inheritance">
+<li><a href="../controlP5/Controller.html" title="class in controlP5">controlP5.Controller</a>&lt;<a href="../controlP5/ScrollableList.html" title="class in controlP5">ScrollableList</a>&gt;</li>
+<li>
+<ul class="inheritance">
+<li>controlP5.ScrollableList</li>
+</ul>
+</li>
+</ul>
+</li>
+</ul>
+<div class="description">
+<ul class="blockList">
+<li class="blockList">
+<dl>
+<dt>All Implemented Interfaces:</dt>
+<dd><a href="../controlP5/CDrawable.html" title="interface in controlP5">CDrawable</a>, <a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/ScrollableList.html" title="class in controlP5">ScrollableList</a>&gt;, <a href="../controlP5/ControlListener.html" title="interface in controlP5">ControlListener</a>, <a href="../controlP5/ControlP5Constants.html" title="interface in controlP5">ControlP5Constants</a></dd>
+</dl>
+<hr>
+<br>
+<pre>public class <span class="strong">ScrollableList</span>
+extends <a href="../controlP5/Controller.html" title="class in controlP5">Controller</a>&lt;<a href="../controlP5/ScrollableList.html" title="class in controlP5">ScrollableList</a>&gt;
+implements <a href="../controlP5/ControlListener.html" title="interface in controlP5">ControlListener</a></pre>
+<div class="block">A ScrollableList is a list of vertically aligned items
+ which can be scrolled if required.</div>
+<dl><script type="text/javascript">
+<!--
+document.getElementsByTagName('html')[0].className = 'isjs';function toggle(dt) { var display, dd=dt; do{ dd = dd.nextSibling } while(dd.tagName!='DD'); toOpen =!dd.style.display;dd.style.display = toOpen? 'block':''; dt.getElementsByTagName('span')[0].innerHTML  = toOpen? '-':'+' ; }
+-->
+</script>
+<div id="test" class="toggleList"><dl><dt onclick="toggle(this);"><span>+</span>Example</dt><dd><code><pre>/**
+ * ControlP5 ScrollableList
+ *
+ * replaces DropdownList and and ListBox. 
+ * List can be scrolled by dragging the list or using the scroll-wheel. 
+ *
+ * by Andreas Schlegel, 2014
+ * www.sojamo.de/libraries/controlp5
+ *
+ */
+
+
+import controlP5.*;
+import java.util.*;
+
+
+ControlP5 cp5;
+
+void setup() {
+  size(400, 400);
+  cp5 = new ControlP5(this);
+  List l = Arrays.asList("a", "b", "c", "d", "e", "f", "g", "h");
+  /* add a ScrollableList, by default it behaves like a DropdownList */
+  cp5.addScrollableList("dropdown").setPosition(100, 100).setSize(200, 100).setItemHeight(20).addItems(l);
+}
+
+void draw() {
+  background(240);
+}
+
+void dropdown(int n) {
+  println(n, cp5.get(ScrollableList.class, "dropdown").getItem(n).get("text"));
+  List l = Arrays.asList("a-1", "b-1", "c-1", "d-1", "e-1", "f-1", "g-1", "h-1", "i-1", "j-1", "k-1");
+  cp5.get(ScrollableList.class, "dropdown").setItems(l);
+}
+
+void keyPressed() {
+  switch(key) {
+    case('1'):
+    /* make the ScrollableList behave like a ListBox */
+    cp5.get(ScrollableList.class, "dropdown").setType(ControlP5.LIST);
+    break;
+    case('2'):
+    /* make the ScrollableList behave like a DropdownList */
+    cp5.get(ScrollableList.class, "dropdown").setType(ControlP5.DROPDOWN);
+    break;
+  }
+}
+
+</pre></code></dd></dl></div></dl>
+</li>
+</ul>
+</div>
+<div class="summary">
+<ul class="blockList">
+<li class="blockList">
+<!-- ======== NESTED CLASS SUMMARY ======== -->
+<ul class="blockList">
+<li class="blockList"><a name="nested_class_summary">
+<!--   -->
+</a>
+<h3>Nested Class Summary</h3>
+<table class="overviewSummary" border="0" cellpadding="3" cellspacing="0" summary="Nested Class Summary table, listing nested classes, and an explanation">
+<caption><span>Nested Classes</span><span class="tabEnd">&nbsp;</span></caption>
+<tr>
+<th class="colFirst" scope="col">Modifier and Type</th>
+<th class="colLast" scope="col">Class and Description</th>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>static class&nbsp;</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ScrollableList.ScrollableListView.html" title="class in controlP5">ScrollableList.ScrollableListView</a></strong></code>&nbsp;</td>
+</tr>
+</table>
+</li>
+</ul>
+<!-- =========== FIELD SUMMARY =========== -->
+<ul class="blockList">
+<li class="blockList"><a name="field_summary">
+<!--   -->
+</a>
+<h3>Field Summary</h3>
+<table class="overviewSummary" border="0" cellpadding="3" cellspacing="0" summary="Field Summary table, listing fields, and an explanation">
+<caption><span>Fields</span><span class="tabEnd">&nbsp;</span></caption>
+<tr>
+<th class="colFirst" scope="col">Modifier and Type</th>
+<th class="colLast" scope="col">Field and Description</th>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>static int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ScrollableList.html#CHECKBOX">CHECKBOX</a></strong></code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>static int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ScrollableList.html#DROPDOWN">DROPDOWN</a></strong></code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>static int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ScrollableList.html#LIST">LIST</a></strong></code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>static int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ScrollableList.html#TREE">TREE</a></strong></code>&nbsp;</td>
+</tr>
+</table>
+<ul class="blockList">
+<li class="blockList"><a name="fields_inherited_from_class_controlP5.Controller">
+<!--   -->
+</a>
+<h3>Fields inherited from class&nbsp;controlP5.<a href="../controlP5/Controller.html" title="class in controlP5">Controller</a></h3>
+<code><a href="../controlP5/Controller.html#autoHeight">autoHeight</a>, <a href="../controlP5/Controller.html#autoSpacing">autoSpacing</a>, <a href="../controlP5/Controller.html#autoWidth">autoWidth</a></code></li>
+</ul>
+<ul class="blockList">
+<li class="blockList"><a name="fields_inherited_from_class_controlP5.ControlP5Constants">
+<!--   -->
+</a>
+<h3>Fields inherited from interface&nbsp;controlP5.<a href="../controlP5/ControlP5Constants.html" title="interface in controlP5">ControlP5Constants</a></h3>
+<code><a href="../controlP5/ControlP5Constants.html#acceptClassList">acceptClassList</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_BROADCAST">ACTION_BROADCAST</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_CLICK">ACTION_CLICK</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_DRAG">ACTION_DRAG</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_ENTER">ACTION_ENTER</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_EXIT">ACTION_EXIT</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_LEAVE">ACTION_LEAVE</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_MOVE">ACTION_MOVE</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_PRESS">ACTION_PRESS</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_PRESSED">ACTION_PRESSED</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_RELEASE">ACTION_RELEASE</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_RELEASED">ACTION_RELEASED</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_RELEASEDOUTSIDE">ACTION_RELEASEDOUTSIDE</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_WHEEL">ACTION_WHEEL</a>, <a href="../controlP5/ControlP5Constants.html#ACTIVE">ACTIVE</a>, <a href="../controlP5/ControlP5Constants.html#ALL">ALL</a>, <a href="../controlP5/ControlP5Constants.html#ALT">ALT</a>, <a href="../controlP5/ControlP5Constants.html#AQUA">AQUA</a>, <a href="../controlP5/ControlP5Constants.html#ARC">ARC</a>, <a href="../controlP5/ControlP5Constants.html#ARRAY">ARRAY</a>, <a href="../controlP5/ControlP5Constants.html#BACKSPACE">BACKSPACE</a>, <a href="../controlP5/ControlP5Constants.html#BASELINE">BASELINE</a>, <a href="../controlP5/ControlP5Constants.html#BITFONT">BITFONT</a>, <a href="../controlP5/ControlP5Constants.html#BLACK">BLACK</a>, <a href="../controlP5/ControlP5Constants.html#BLUE">BLUE</a>, <a href="../controlP5/ControlP5Constants.html#BOOLEAN">BOOLEAN</a>, <a href="../controlP5/ControlP5Constants.html#BOTTOM">BOTTOM</a>, <a href="../controlP5/ControlP5Constants.html#BOTTOM_OUTSIDE">BOTTOM_OUTSIDE</a>, <a href="../controlP5/ControlP5Constants.html#CAPTIONLABEL">CAPTIONLABEL</a>, <a href="../controlP5/ControlP5Constants.html#CENTER">CENTER</a>, <a href="../controlP5/ControlP5Constants.html#COMMANDKEY">COMMANDKEY</a>, <a href="../controlP5/ControlP5Constants.html#CONTROL">CONTROL</a>, <a href="../controlP5/ControlP5Constants.html#controlEventClass">controlEventClass</a>, <a href="../controlP5/ControlP5Constants.html#CUSTOM">CUSTOM</a>, <a href="../controlP5/ControlP5Constants.html#DECREASE">DECREASE</a>, <a href="../controlP5/ControlP5Constants.html#DEFAULT">DEFAULT</a>, <a href="../controlP5/ControlP5Constants.html#DELETE">DELETE</a>, <a href="../controlP5/ControlP5Constants.html#DONE">DONE</a>, <a href="../controlP5/ControlP5Constants.html#DOWN">DOWN</a>, <a href="../controlP5/ControlP5Constants.html#ELLIPSE">ELLIPSE</a>, <a href="../controlP5/ControlP5Constants.html#ENTER">ENTER</a>, <a href="../controlP5/ControlP5Constants.html#ESCAPE">ESCAPE</a>, <a href="../controlP5/ControlP5Constants.html#EVENT">EVENT</a>, <a href="../controlP5/ControlP5Constants.html#eventMethod">eventMethod</a>, <a href="../controlP5/ControlP5Constants.html#FADEIN">FADEIN</a>, <a href="../controlP5/ControlP5Constants.html#FADEOUT">FADEOUT</a>, <a href="../controlP5/ControlP5Constants.html#FIELD">FIELD</a>, <a href="../controlP5/ControlP5Constants.html#FLOAT">FLOAT</a>, <a href="../controlP5/ControlP5Constants.html#FUCHSIA">FUCHSIA</a>, <a href="../controlP5/ControlP5Constants.html#GRAY">GRAY</a>, <a href="../controlP5/ControlP5Constants.html#GREEN">GREEN</a>, <a href="../controlP5/ControlP5Constants.html#grixel">grixel</a>, <a href="../controlP5/ControlP5Constants.html#HALF_PI">HALF_PI</a>, <a href="../controlP5/ControlP5Constants.html#HIDE">HIDE</a>, <a href="../controlP5/ControlP5Constants.html#HIGHLIGHT">HIGHLIGHT</a>, <a href="../controlP5/ControlP5Constants.html#HORIZONTAL">HORIZONTAL</a>, <a href="../controlP5/ControlP5Constants.html#IDLE">IDLE</a>, <a href="../controlP5/ControlP5Constants.html#IMAGE">IMAGE</a>, <a href="../controlP5/ControlP5Constants.html#INACTIVE">INACTIVE</a>, <a href="../controlP5/ControlP5Constants.html#INCREASE">INCREASE</a>, <a href="../controlP5/ControlP5Constants.html#INTEGER">INTEGER</a>, <a href="../controlP5/ControlP5Constants.html#INVALID">INVALID</a>, <a href="../controlP5/ControlP5Constants.html#J2D">J2D</a>, <a href="../controlP5/ControlP5Constants.html#KEYCONTROL">KEYCONTROL</a>, <a href="../controlP5/ControlP5Constants.html#LEFT">LEFT</a>, <a href="../controlP5/ControlP5Constants.html#LEFT_OUTSIDE">LEFT_OUTSIDE</a>, <a href="../controlP5/ControlP5Constants.html#LIME">LIME</a>, <a href="../controlP5/ControlP5Constants.html#LINE">LINE</a>, <a href="../controlP5/ControlP5Constants.html#LOAD">LOAD</a>, <a href="../controlP5/ControlP5Constants.html#MAROON">MAROON</a>, <a href="../controlP5/ControlP5Constants.html#MENU">MENU</a>, <a href="../controlP5/ControlP5Constants.html#METHOD">METHOD</a>, <a href="../controlP5/ControlP5Constants.html#MOVE">MOVE</a>, <a href="../controlP5/ControlP5Constants.html#MULTI">MULTI</a>, <a href="../controlP5/ControlP5Constants.html#MULTIPLES">MULTIPLES</a>, <a href="../controlP5/ControlP5Constants.html#NAVY">NAVY</a>, <a href="../controlP5/ControlP5Constants.html#OLIVE">OLIVE</a>, <a href="../controlP5/ControlP5Constants.html#ORANGE">ORANGE</a>, <a href="../controlP5/ControlP5Constants.html#OVER">OVER</a>, <a href="../controlP5/ControlP5Constants.html#P2D">P2D</a>, <a href="../controlP5/ControlP5Constants.html#P3D">P3D</a>, <a href="../controlP5/ControlP5Constants.html#PI">PI</a>, <a href="../controlP5/ControlP5Constants.html#PRESSED">PRESSED</a>, <a href="../controlP5/ControlP5Constants.html#PRINT">PRINT</a>, <a href="../controlP5/ControlP5Constants.html#PURPLE">PURPLE</a>, <a href="../controlP5/ControlP5Constants.html#RED">RED</a>, <a href="../controlP5/ControlP5Constants.html#RELEASE">RELEASE</a>, <a href="../controlP5/ControlP5Constants.html#RESET">RESET</a>, <a href="../controlP5/ControlP5Constants.html#RIGHT">RIGHT</a>, <a href="../controlP5/ControlP5Constants.html#RIGHT_OUTSIDE">RIGHT_OUTSIDE</a>, <a href="../controlP5/ControlP5Constants.html#SAVE">SAVE</a>, <a href="../controlP5/ControlP5Constants.html#SHIFT">SHIFT</a>, <a href="../controlP5/ControlP5Constants.html#SILVER">SILVER</a>, <a href="../controlP5/ControlP5Constants.html#SINGLE">SINGLE</a>, <a href="../controlP5/ControlP5Constants.html#SINGLE_COLUMN">SINGLE_COLUMN</a>, <a href="../controlP5/ControlP5Constants.html#SINGLE_ROW">SINGLE_ROW</a>, <a href="../controlP5/ControlP5Constants.html#SPRITE">SPRITE</a>, <a href="../controlP5/ControlP5Constants.html#standard56">standard56</a>, <a href="../controlP5/ControlP5Constants.html#standard58">standard58</a>, <a href="../controlP5/ControlP5Constants.html#STRING">STRING</a>, <a href="../controlP5/ControlP5Constants.html#SWITCH">SWITCH</a>, <a href="../controlP5/ControlP5Constants.html#SWITCH_BACK">SWITCH_BACK</a>, <a href="../controlP5/ControlP5Constants.html#SWITCH_FORE">SWITCH_FORE</a>, <a href="../controlP5/ControlP5Constants.html#synt24">synt24</a>, <a href="../controlP5/ControlP5Constants.html#TAB">TAB</a>, <a href="../controlP5/ControlP5Constants.html#TEAL">TEAL</a>, <a href="../controlP5/ControlP5Constants.html#THEME_A">THEME_A</a>, <a href="../controlP5/ControlP5Constants.html#THEME_CP52014">THEME_CP52014</a>, <a href="../controlP5/ControlP5Constants.html#THEME_CP5BLUE">THEME_CP5BLUE</a>, <a href="../controlP5/ControlP5Constants.html#THEME_RED">THEME_RED</a>, <a href="../controlP5/ControlP5Constants.html#THEME_RETRO">THEME_RETRO</a>, <a href="../controlP5/ControlP5Constants.html#THEME_WHITE">THEME_WHITE</a>, <a href="../controlP5/ControlP5Constants.html#TOP">TOP</a>, <a href="../controlP5/ControlP5Constants.html#TOP_OUTSIDE">TOP_OUTSIDE</a>, <a href="../controlP5/ControlP5Constants.html#TRANSITION_WAIT_FADEIN">TRANSITION_WAIT_FADEIN</a>, <a href="../controlP5/ControlP5Constants.html#TWO_PI">TWO_PI</a>, <a href="../controlP5/ControlP5Constants.html#UP">UP</a>, <a href="../controlP5/ControlP5Constants.html#VALUELABEL">VALUELABEL</a>, <a href="../controlP5/ControlP5Constants.html#VERBOSE">VERBOSE</a>, <a href="../controlP5/ControlP5Constants.html#VERTICAL">VERTICAL</a>, <a href="../controlP5/ControlP5Constants.html#WAIT">WAIT</a>, <a href="../controlP5/ControlP5Constants.html#WHITE">WHITE</a>, <a href="../controlP5/ControlP5Constants.html#YELLOW">YELLOW</a></code></li>
+</ul>
+</li>
+</ul>
+<!-- ======== CONSTRUCTOR SUMMARY ======== -->
+<ul class="blockList">
+<li class="blockList"><a name="constructor_summary">
+<!--   -->
+</a>
+<h3>Constructor Summary</h3>
+<table class="overviewSummary" border="0" cellpadding="3" cellspacing="0" summary="Constructor Summary table, listing constructors, and an explanation">
+<caption><span>Constructors</span><span class="tabEnd">&nbsp;</span></caption>
+<tr>
+<th class="colOne" scope="col">Constructor and Description</th>
+</tr>
+<tr class="altColor">
+<td class="colOne"><code><strong><a href="../controlP5/ScrollableList.html#ScrollableList(controlP5.ControlP5, java.lang.String)">ScrollableList</a></strong>(<a href="../controlP5/ControlP5.html" title="class in controlP5">ControlP5</a>&nbsp;theControlP5,
+              java.lang.String&nbsp;theName)</code>&nbsp;</td>
+</tr>
+</table>
+</li>
+</ul>
+<!-- ========== METHOD SUMMARY =========== -->
+<ul class="blockList">
+<li class="blockList"><a name="method_summary">
+<!--   -->
+</a>
+<h3>Method Summary</h3>
+<table class="overviewSummary" border="0" cellpadding="3" cellspacing="0" summary="Method Summary table, listing methods, and an explanation">
+<caption><span>Methods</span><span class="tabEnd">&nbsp;</span></caption>
+<tr>
+<th class="colFirst" scope="col">Modifier and Type</th>
+<th class="colLast" scope="col">Method and Description</th>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>java.util.Map&lt;java.lang.String,java.lang.Object&gt;</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ScrollableList.html#addItem(java.lang.String, java.lang.Object)">addItem</a></strong>(java.lang.String&nbsp;theName,
+       java.lang.Object&nbsp;theValue)</code>
+<div class="block">Adds an item to the ScrollableList.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/ScrollableList.html" title="class in controlP5">ScrollableList</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ScrollableList.html#addItems(java.util.List)">addItems</a></strong>(java.util.List&lt;?&gt;&nbsp;theItems)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/ScrollableList.html" title="class in controlP5">ScrollableList</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ScrollableList.html#addItems(java.util.List, int)">addItems</a></strong>(java.util.List&lt;?&gt;&nbsp;theItems,
+        int&nbsp;theOffset)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/ScrollableList.html" title="class in controlP5">ScrollableList</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ScrollableList.html#addItems(java.lang.String[])">addItems</a></strong>(java.lang.String[]&nbsp;theItems)</code>
+<div class="block">adds a list of items from a string array.</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/ScrollableList.html" title="class in controlP5">ScrollableList</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ScrollableList.html#clear()">clear</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>void</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ScrollableList.html#controlEvent(controlP5.ControlEvent)">controlEvent</a></strong>(<a href="../controlP5/ControlEvent.html" title="class in controlP5">ControlEvent</a>&nbsp;theEvent)</code>
+<div class="block">controlEvent is called by controlP5's ControlBroadcaster to inform available listeners about
+ value changes.</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ScrollableList.html#getBackgroundColor()">getBackgroundColor</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ScrollableList.html#getHeight()">getHeight</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>java.util.Map&lt;java.lang.String,java.lang.Object&gt;</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ScrollableList.html#getItem(int)">getItem</a></strong>(int&nbsp;theIndex)</code>
+<div class="block">returns a listBoxItem by index form the list of
+ items.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>java.util.Map&lt;java.lang.String,java.lang.Object&gt;</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ScrollableList.html#getItem(java.lang.String)">getItem</a></strong>(java.lang.String&nbsp;theItemName)</code>
+<div class="block">TODO faulty returns a listBoxItem by name.</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>java.util.List</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ScrollableList.html#getItems()">getItems</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>boolean</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ScrollableList.html#isBarVisible()">isBarVisible</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>boolean</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ScrollableList.html#isOpen()">isOpen</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>void</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ScrollableList.html#keyEvent(processing.event.KeyEvent)">keyEvent</a></strong>(processing.event.KeyEvent&nbsp;theKeyEvent)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/ScrollableList.html" title="class in controlP5">ScrollableList</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ScrollableList.html#removeItem(java.lang.String)">removeItem</a></strong>(java.lang.String&nbsp;theItemName)</code>
+<div class="block">Removes an item from the ScrollableList using the
+ unique name of the item given when added to the list.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/ScrollableList.html" title="class in controlP5">ScrollableList</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ScrollableList.html#setBackgroundColor(int)">setBackgroundColor</a></strong>(int&nbsp;theColor)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/ScrollableList.html" title="class in controlP5">ScrollableList</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ScrollableList.html#setBarHeight(int)">setBarHeight</a></strong>(int&nbsp;theHeight)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/ScrollableList.html" title="class in controlP5">ScrollableList</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ScrollableList.html#setBarVisible(boolean)">setBarVisible</a></strong>(boolean&nbsp;b)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>void</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ScrollableList.html#setDirection(int)">setDirection</a></strong>(int&nbsp;theDirection)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/ScrollableList.html" title="class in controlP5">ScrollableList</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ScrollableList.html#setItemHeight(int)">setItemHeight</a></strong>(int&nbsp;theHeight)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/ScrollableList.html" title="class in controlP5">ScrollableList</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ScrollableList.html#setItems(java.util.List)">setItems</a></strong>(java.util.List&lt;?&gt;&nbsp;theItems)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/ScrollableList.html" title="class in controlP5">ScrollableList</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ScrollableList.html#setItems(java.util.List, int)">setItems</a></strong>(java.util.List&lt;?&gt;&nbsp;theItems,
+        int&nbsp;theOffset)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/ScrollableList.html" title="class in controlP5">ScrollableList</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ScrollableList.html#setItems(java.lang.String[])">setItems</a></strong>(java.lang.String[]&nbsp;theItems)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/ScrollableList.html" title="class in controlP5">ScrollableList</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ScrollableList.html#setOpen(boolean)">setOpen</a></strong>(boolean&nbsp;b)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/ScrollableList.html" title="class in controlP5">ScrollableList</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ScrollableList.html#setScrollSensitivity(float)">setScrollSensitivity</a></strong>(float&nbsp;theSensitivity)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/ScrollableList.html" title="class in controlP5">ScrollableList</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ScrollableList.html#setType(int)">setType</a></strong>(int&nbsp;theType)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/ScrollableList.html" title="class in controlP5">ScrollableList</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/ScrollableList.html#updateDisplayMode(int)">updateDisplayMode</a></strong>(int&nbsp;theMode)</code>&nbsp;</td>
+</tr>
+</table>
+<ul class="blockList">
+<li class="blockList"><a name="methods_inherited_from_class_controlP5.Controller">
+<!--   -->
+</a>
+<h3>Methods inherited from class&nbsp;controlP5.<a href="../controlP5/Controller.html" title="class in controlP5">Controller</a></h3>
+<code><a href="../controlP5/Controller.html#add(controlP5.ControllerInterface)">add</a>, <a href="../controlP5/Controller.html#addCallback(controlP5.CallbackListener)">addCallback</a>, <a href="../controlP5/Controller.html#addListener(controlP5.ControlListener)">addListener</a>, <a href="../controlP5/Controller.html#align(int, int, int, int)">align</a>, <a href="../controlP5/Controller.html#bringToFront()">bringToFront</a>, <a href="../controlP5/Controller.html#bringToFront(controlP5.ControllerInterface)">bringToFront</a>, <a href="../controlP5/Controller.html#changeValue(float)">changeValue</a>, <a href="../controlP5/Controller.html#continuousUpdateEvents()">continuousUpdateEvents</a>, <a href="../controlP5/Controller.html#draw(processing.core.PGraphics)">draw</a>, <a href="../controlP5/Controller.html#getAbsolutePosition()">getAbsolutePosition</a>, <a href="../controlP5/Controller.html#getAddress()">getAddress</a>, <a href="../controlP5/Controller.html#getArrayValue()">getArrayValue</a>, <a href="../controlP5/Controller.html#getArrayValue(int)">getArrayValue</a>, <a href="../controlP5/Controller.html#getBehavior()">getBehavior</a>, <a href="../controlP5/Controller.html#getCaptionLabel()">getCaptionLabel</a>, <a href="../controlP5/Controller.html#getColor()">getColor</a>, <a href="../controlP5/Controller.html#getControllerPlugList()">getControllerPlugList</a>, <a href="../controlP5/Controller.html#getControlWindow()">getControlWindow</a>, <a href="../controlP5/Controller.html#getDecimalPrecision()">getDecimalPrecision</a>, <a href="../controlP5/Controller.html#getDefaultValue()">getDefaultValue</a>, <a href="../controlP5/Controller.html#getId()">getId</a>, <a href="../controlP5/Controller.html#getInfo()">getInfo</a>, <a href="../controlP5/Controller.html#getLabel()">getLabel</a>, <a href="../controlP5/Controller.html#getMax()">getMax</a>, <a href="../controlP5/Controller.html#getMin()">getMin</a>, <a href="../controlP5/Controller.html#getName()">getName</a>, <a href="../controlP5/Controller.html#getParent()">getParent</a>, <a href="../controlP5/Controller.html#getPickingColor()">getPickingColor</a>, <a href="../controlP5/Controller.html#getPointer()">getPointer</a>, <a href="../controlP5/Controller.html#getPosition()">getPosition</a>, <a href="../controlP5/Controller.html#getProperty(java.lang.String)">getProperty</a>, <a href="../controlP5/Controller.html#getProperty(java.lang.String, java.lang.String)">getProperty</a>, <a href="../controlP5/Controller.html#getStringValue()">getStringValue</a>, <a href="../controlP5/Controller.html#getTab()">getTab</a>, <a href="../controlP5/Controller.html#getValue()">getValue</a>, <a href="../controlP5/Controller.html#getValueLabel()">getValueLabel</a>, <a href="../controlP5/Controller.html#getView()">getView</a>, <a href="../controlP5/Controller.html#getWidth()">getWidth</a>, <a href="../controlP5/Controller.html#getWindow()">getWindow</a>, <a href="../controlP5/Controller.html#hide()">hide</a>, <a href="../controlP5/Controller.html#init()">init</a>, <a href="../controlP5/Controller.html#isActive()">isActive</a>, <a href="../controlP5/Controller.html#isBroadcast()">isBroadcast</a>, <a href="../controlP5/Controller.html#isInside()">isInside</a>, <a href="../controlP5/Controller.html#isLabelVisible()">isLabelVisible</a>, <a href="../controlP5/Controller.html#isListening()">isListening</a>, <a href="../controlP5/Controller.html#isLock()">isLock</a>, <a href="../controlP5/Controller.html#isMouseOver()">isMouseOver</a>, <a href="../controlP5/Controller.html#isMousePressed()">isMousePressed</a>, <a href="../controlP5/Controller.html#isMoveable()">isMoveable</a>, <a href="../controlP5/Controller.html#isUpdate()">isUpdate</a>, <a href="../controlP5/Controller.html#isUserInteraction()">isUserInteraction</a>, <a href="../controlP5/Controller.html#isVisible()">isVisible</a>, <a href="../controlP5/Controller.html#linebreak()">linebreak</a>, <a href="../controlP5/Controller.html#listen(boolean)">listen</a>, <a href="../controlP5/Controller.html#listenerSize()">listenerSize</a>, <a href="../controlP5/Controller.html#lock()">lock</a>, <a href="../controlP5/Controller.html#moveTo(controlP5.ControlGroup)">moveTo</a>, <a href="../controlP5/Controller.html#moveTo(controlP5.ControllerGroup)">moveTo</a>, <a href="../controlP5/Controller.html#moveTo(controlP5.ControllerGroup, controlP5.Tab, controlP5.ControlWindow)">moveTo</a>, <a href="../controlP5/Controller.html#moveTo(controlP5.ControlWindow)">moveTo</a>, <a href="../controlP5/Controller.html#moveTo(controlP5.ControlWindow, java.lang.String)">moveTo</a>, <a href="../controlP5/Controller.html#moveTo(processing.core.PApplet)">moveTo</a>, <a href="../controlP5/Controller.html#moveTo(processing.core.PApplet, java.lang.String)">moveTo</a>, <a href="../controlP5/Controller.html#moveTo(java.lang.String)">moveTo</a>, <a href="../controlP5/Controller.html#moveTo(controlP5.Tab)">moveTo</a>, <a href="../controlP5/Controller.html#plugTo(java.lang.Object)">plugTo</a>, <a href="../controlP5/Controller.html#plugTo(java.lang.Object[])">plugTo</a>, <a href="../controlP5/Controller.html#plugTo(java.lang.Object[], java.lang.String)">plugTo</a>, <a href="../controlP5/Controller.html#plugTo(java.lang.Object, java.lang.String)">plugTo</a>, <a href="../controlP5/Controller.html#registerProperty(java.lang.String)">registerProperty</a>, <a href="../controlP5/Controller.html#registerProperty(java.lang.String, java.lang.String)">registerProperty</a>, <a href="../controlP5/Controller.html#registerTooltip(java.lang.String)">registerTooltip</a>, <a href="../controlP5/Controller.html#remove()">remove</a>, <a href="../controlP5/Controller.html#remove(controlP5.ControllerInterface)">remove</a>, <a href="../controlP5/Controller.html#removeBehavior()">removeBehavior</a>, <a href="../controlP5/Controller.html#removeCallback()">removeCallback</a>, <a href="../controlP5/Controller.html#removeCallback(controlP5.CallbackListener)">removeCallback</a>, <a href="../controlP5/Controller.html#removeListener(controlP5.ControlListener)">removeListener</a>, <a href="../controlP5/Controller.html#removeProperty(java.lang.String)">removeProperty</a>, <a href="../controlP5/Controller.html#removeProperty(java.lang.String, java.lang.String)">removeProperty</a>, <a href="../controlP5/Controller.html#setAbsolutePosition(processing.core.PVector)">setAbsolutePosition</a>, <a href="../controlP5/Controller.html#setAddress(java.lang.String)">setAddress</a>, <a href="../controlP5/Controller.html#setArrayValue(float[])">setArrayValue</a>, <a href="../controlP5/Controller.html#setArrayValue(int, float)">setArrayValue</a>, <a href="../controlP5/Controller.html#setBehavior(controlP5.ControlBehavior)">setBehavior</a>, <a href="../controlP5/Controller.html#setBroadcast(boolean)">setBroadcast</a>, <a href="../controlP5/Controller.html#setCaptionLabel(java.lang.String)">setCaptionLabel</a>, <a href="../controlP5/Controller.html#setColor(controlP5.CColor)">setColor</a>, <a href="../controlP5/Controller.html#setColorActive(int)">setColorActive</a>, <a href="../controlP5/Controller.html#setColorBackground(int)">setColorBackground</a>, <a href="../controlP5/Controller.html#setColorCaptionLabel(int)">setColorCaptionLabel</a>, <a href="../controlP5/Controller.html#setColorForeground(int)">setColorForeground</a>, <a href="../controlP5/Controller.html#setColorValueLabel(int)">setColorValueLabel</a>, <a href="../controlP5/Controller.html#setDecimalPrecision(int)">setDecimalPrecision</a>, <a href="../controlP5/Controller.html#setDefaultValue(float)">setDefaultValue</a>, <a href="../controlP5/Controller.html#setGroup(controlP5.ControllerGroup)">setGroup</a>, <a href="../controlP5/Controller.html#setGroup(java.lang.String)">setGroup</a>, <a href="../controlP5/Controller.html#setHeight(int)">setHeight</a>, <a href="../controlP5/Controller.html#setId(int)">setId</a>, <a href="../controlP5/Controller.html#setImage(processing.core.PImage)">setImage</a>, <a href="../controlP5/Controller.html#setImage(processing.core.PImage, int)">setImage</a>, <a href="../controlP5/Controller.html#setImages(processing.core.PImage...)">setImages</a>, <a href="../controlP5/Controller.html#setImages(processing.core.PImage, processing.core.PImage, processing.core.PImage)">setImages</a>, <a href="../controlP5/Controller.html#setImages(processing.core.PImage, processing.core.PImage, processing.core.PImage, processing.core.PImage)">setImages</a>, <a href="../controlP5/Controller.html#setLabelVisible(boolean)">setLabelVisible</a>, <a href="../controlP5/Controller.html#setLock(boolean)">setLock</a>, <a href="../controlP5/Controller.html#setMax(float)">setMax</a>, <a href="../controlP5/Controller.html#setMin(float)">setMin</a>, <a href="../controlP5/Controller.html#setMouseOver(boolean)">setMouseOver</a>, <a href="../controlP5/Controller.html#setMousePressed(boolean)">setMousePressed</a>, <a href="../controlP5/Controller.html#setMoveable(boolean)">setMoveable</a>, <a href="../controlP5/Controller.html#setParent(controlP5.ControllerInterface)">setParent</a>, <a href="../controlP5/Controller.html#setPosition(float, float)">setPosition</a>, <a href="../controlP5/Controller.html#setPosition(processing.core.PVector)">setPosition</a>, <a href="../controlP5/Controller.html#setSize(int, int)">setSize</a>, <a href="../controlP5/Controller.html#setSize(processing.core.PImage)">setSize</a>, <a href="../controlP5/Controller.html#setStringValue(java.lang.String)">setStringValue</a>, <a href="../controlP5/Controller.html#setTab(controlP5.ControlWindow, java.lang.String)">setTab</a>, <a href="../controlP5/Controller.html#setTab(java.lang.String)">setTab</a>, <a href="../controlP5/Controller.html#setUpdate(boolean)">setUpdate</a>, <a href="../controlP5/Controller.html#setUserInteraction(boolean)">setUserInteraction</a>, <a href="../controlP5/Controller.html#setValue(float)">setValue</a>, <a href="../controlP5/Controller.html#setValueLabel(java.lang.String)">setValueLabel</a>, <a href="../controlP5/Controller.html#setValueSelf(float)">setValueSelf</a>, <a href="../controlP5/Controller.html#setView(controlP5.ControllerView)">setView</a>, <a href="../controlP5/Controller.html#setView(controlP5.ControllerView, int)">setView</a>, <a href="../controlP5/Controller.html#setVisible(boolean)">setVisible</a>, <a href="../controlP5/Controller.html#setWidth(int)">setWidth</a>, <a href="../controlP5/Controller.html#show()">show</a>, <a href="../controlP5/Controller.html#toString()">toString</a>, <a href="../controlP5/Controller.html#unlock()">unlock</a>, <a href="../controlP5/Controller.html#unplugFrom(java.lang.Object)">unplugFrom</a>, <a href="../controlP5/Controller.html#unplugFrom(java.lang.Object[])">unplugFrom</a>, <a href="../controlP5/Controller.html#unregisterTooltip()">unregisterTooltip</a>, <a href="../controlP5/Controller.html#update()">update</a>, <a href="../controlP5/Controller.html#updateAbsolutePosition()">updateAbsolutePosition</a>, <a href="../controlP5/Controller.html#updateEvents()">updateEvents</a>, <a href="../controlP5/Controller.html#updateInternalEvents(processing.core.PApplet)">updateInternalEvents</a>, <a href="../controlP5/Controller.html#updateSize()">updateSize</a></code></li>
+</ul>
+<ul class="blockList">
+<li class="blockList"><a name="methods_inherited_from_class_java.lang.Object">
+<!--   -->
+</a>
+<h3>Methods inherited from class&nbsp;java.lang.Object</h3>
+<code>equals, getClass, hashCode, notify, notifyAll, wait, wait, wait</code></li>
+</ul>
+<ul class="blockList">
+<li class="blockList"><a name="methods_inherited_from_class_controlP5.ControllerInterface">
+<!--   -->
+</a>
+<h3>Methods inherited from interface&nbsp;controlP5.<a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a></h3>
+<code><a href="../controlP5/ControllerInterface.html#parent()">parent</a>, <a href="../controlP5/ControllerInterface.html#setColorLabel(int)">setColorLabel</a>, <a href="../controlP5/ControllerInterface.html#setColorValue(int)">setColorValue</a>, <a href="../controlP5/ControllerInterface.html#setLabel(java.lang.String)">setLabel</a></code></li>
+</ul>
+</li>
+</ul>
+</li>
+</ul>
+</div>
+<div class="details">
+<ul class="blockList">
+<li class="blockList">
+<!-- ============ FIELD DETAIL =========== -->
+<ul class="blockList">
+<li class="blockList"><a name="field_detail">
+<!--   -->
+</a>
+<h3>Field Detail</h3>
+<a name="CHECKBOX">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>CHECKBOX</h4>
+<pre>public static final&nbsp;int CHECKBOX</pre>
+<dl><dt><span class="strong">See Also:</span></dt><dd><a href="../constant-values.html#controlP5.ScrollableList.CHECKBOX">Constant Field Values</a></dd></dl>
+</li>
+</ul>
+<a name="DROPDOWN">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>DROPDOWN</h4>
+<pre>public static final&nbsp;int DROPDOWN</pre>
+<dl><dt><span class="strong">See Also:</span></dt><dd><a href="../constant-values.html#controlP5.ScrollableList.DROPDOWN">Constant Field Values</a></dd></dl>
+</li>
+</ul>
+<a name="LIST">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>LIST</h4>
+<pre>public static final&nbsp;int LIST</pre>
+<dl><dt><span class="strong">See Also:</span></dt><dd><a href="../constant-values.html#controlP5.ScrollableList.LIST">Constant Field Values</a></dd></dl>
+</li>
+</ul>
+<a name="TREE">
+<!--   -->
+</a>
+<ul class="blockListLast">
+<li class="blockList">
+<h4>TREE</h4>
+<pre>public static final&nbsp;int TREE</pre>
+<dl><dt><span class="strong">See Also:</span></dt><dd><a href="../constant-values.html#controlP5.ScrollableList.TREE">Constant Field Values</a></dd></dl>
+</li>
+</ul>
+</li>
+</ul>
+<!-- ========= CONSTRUCTOR DETAIL ======== -->
+<ul class="blockList">
+<li class="blockList"><a name="constructor_detail">
+<!--   -->
+</a>
+<h3>Constructor Detail</h3>
+<a name="ScrollableList(controlP5.ControlP5, java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockListLast">
+<li class="blockList">
+<h4>ScrollableList</h4>
+<pre>public&nbsp;ScrollableList(<a href="../controlP5/ControlP5.html" title="class in controlP5">ControlP5</a>&nbsp;theControlP5,
+              java.lang.String&nbsp;theName)</pre>
+</li>
+</ul>
+</li>
+</ul>
+<!-- ============ METHOD DETAIL ========== -->
+<ul class="blockList">
+<li class="blockList"><a name="method_detail">
+<!--   -->
+</a>
+<h3>Method Detail</h3>
+<a name="addItem(java.lang.String, java.lang.Object)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>addItem</h4>
+<pre>public&nbsp;java.util.Map&lt;java.lang.String,java.lang.Object&gt;&nbsp;addItem(java.lang.String&nbsp;theName,
+                                                       java.lang.Object&nbsp;theValue)</pre>
+<div class="block">Adds an item to the ScrollableList.</div>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theName</code> - String</dd><dd><code>theValue</code> - int</dd><dt><span class="strong">See Also:</span></dt><dd><code>controlP5.ListBox#removeItem(String,int)</code></dd></dl>
+</li>
+</ul>
+<a name="addItems(java.util.List)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>addItems</h4>
+<pre>public&nbsp;<a href="../controlP5/ScrollableList.html" title="class in controlP5">ScrollableList</a>&nbsp;addItems(java.util.List&lt;?&gt;&nbsp;theItems)</pre>
+</li>
+</ul>
+<a name="addItems(java.util.List, int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>addItems</h4>
+<pre>public&nbsp;<a href="../controlP5/ScrollableList.html" title="class in controlP5">ScrollableList</a>&nbsp;addItems(java.util.List&lt;?&gt;&nbsp;theItems,
+                      int&nbsp;theOffset)</pre>
+</li>
+</ul>
+<a name="addItems(java.lang.String[])">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>addItems</h4>
+<pre>public&nbsp;<a href="../controlP5/ScrollableList.html" title="class in controlP5">ScrollableList</a>&nbsp;addItems(java.lang.String[]&nbsp;theItems)</pre>
+<div class="block">adds a list of items from a string array. when
+ iterating through the array, the index of each item
+ will be used as value.</div>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theItems</code> - </dd></dl>
+</li>
+</ul>
+<a name="clear()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>clear</h4>
+<pre>public&nbsp;<a href="../controlP5/ScrollableList.html" title="class in controlP5">ScrollableList</a>&nbsp;clear()</pre>
+</li>
+</ul>
+<a name="controlEvent(controlP5.ControlEvent)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>controlEvent</h4>
+<pre>public&nbsp;void&nbsp;controlEvent(<a href="../controlP5/ControlEvent.html" title="class in controlP5">ControlEvent</a>&nbsp;theEvent)</pre>
+<div class="block"><strong>Description copied from interface:&nbsp;<code><a href="../controlP5/ControlListener.html#controlEvent(controlP5.ControlEvent)">ControlListener</a></code></strong></div>
+<div class="block">controlEvent is called by controlP5's ControlBroadcaster to inform available listeners about
+ value changes. Use the CallbackListener to get informed when actions such as pressed,
+ release, drag, etc are performed.</div>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControlListener.html#controlEvent(controlP5.ControlEvent)">controlEvent</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControlListener.html" title="interface in controlP5">ControlListener</a></code></dd>
+<dt><span class="strong">Parameters:</span></dt><dd><code>theEvent</code> - ControlEvent</dd><dt><span class="strong">See Also:</span></dt><dd><a href="../controlP5/CallbackListener.html" title="interface in controlP5"><code>CallbackListener</code></a>, 
+<a href="../controlP5/CallbackEvent.html" title="class in controlP5"><code>CallbackEvent</code></a></dd></dl>
+</li>
+</ul>
+<a name="getBackgroundColor()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getBackgroundColor</h4>
+<pre>public&nbsp;int&nbsp;getBackgroundColor()</pre>
+</li>
+</ul>
+<a name="getHeight()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getHeight</h4>
+<pre>public&nbsp;int&nbsp;getHeight()</pre>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerInterface.html#getHeight()">getHeight</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/ScrollableList.html" title="class in controlP5">ScrollableList</a>&gt;</code></dd>
+<dt><strong>Overrides:</strong></dt>
+<dd><code><a href="../controlP5/Controller.html#getHeight()">getHeight</a></code>&nbsp;in class&nbsp;<code><a href="../controlP5/Controller.html" title="class in controlP5">Controller</a>&lt;<a href="../controlP5/ScrollableList.html" title="class in controlP5">ScrollableList</a>&gt;</code></dd>
+<dt><span class="strong">Returns:</span></dt><dd>int</dd></dl>
+</li>
+</ul>
+<a name="getItem(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getItem</h4>
+<pre>public&nbsp;java.util.Map&lt;java.lang.String,java.lang.Object&gt;&nbsp;getItem(int&nbsp;theIndex)</pre>
+<div class="block">returns a listBoxItem by index form the list of
+ items.</div>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theIndex</code> - </dd>
+<dt><span class="strong">Returns:</span></dt><dd></dd></dl>
+</li>
+</ul>
+<a name="getItem(java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getItem</h4>
+<pre>public&nbsp;java.util.Map&lt;java.lang.String,java.lang.Object&gt;&nbsp;getItem(java.lang.String&nbsp;theItemName)</pre>
+<div class="block">TODO faulty returns a listBoxItem by name.</div>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theItemName</code> - </dd>
+<dt><span class="strong">Returns:</span></dt><dd></dd></dl>
+</li>
+</ul>
+<a name="getItems()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getItems</h4>
+<pre>public&nbsp;java.util.List&nbsp;getItems()</pre>
+</li>
+</ul>
+<a name="isBarVisible()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>isBarVisible</h4>
+<pre>public&nbsp;boolean&nbsp;isBarVisible()</pre>
+</li>
+</ul>
+<a name="isOpen()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>isOpen</h4>
+<pre>public&nbsp;boolean&nbsp;isOpen()</pre>
+</li>
+</ul>
+<a name="keyEvent(processing.event.KeyEvent)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>keyEvent</h4>
+<pre>public&nbsp;void&nbsp;keyEvent(processing.event.KeyEvent&nbsp;theKeyEvent)</pre>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerInterface.html#keyEvent(processing.event.KeyEvent)">keyEvent</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/ScrollableList.html" title="class in controlP5">ScrollableList</a>&gt;</code></dd>
+<dt><strong>Overrides:</strong></dt>
+<dd><code><a href="../controlP5/Controller.html#keyEvent(processing.event.KeyEvent)">keyEvent</a></code>&nbsp;in class&nbsp;<code><a href="../controlP5/Controller.html" title="class in controlP5">Controller</a>&lt;<a href="../controlP5/ScrollableList.html" title="class in controlP5">ScrollableList</a>&gt;</code></dd>
+</dl>
+</li>
+</ul>
+<a name="removeItem(java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>removeItem</h4>
+<pre>public&nbsp;<a href="../controlP5/ScrollableList.html" title="class in controlP5">ScrollableList</a>&nbsp;removeItem(java.lang.String&nbsp;theItemName)</pre>
+<div class="block">Removes an item from the ScrollableList using the
+ unique name of the item given when added to the list.</div>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theItemName</code> - String</dd><dt><span class="strong">See Also:</span></dt><dd><a href="../controlP5/ListBox.html#addItem(java.lang.String, int)"><code>ListBox.addItem(String,int)</code></a></dd></dl>
+</li>
+</ul>
+<a name="setBackgroundColor(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setBackgroundColor</h4>
+<pre>public&nbsp;<a href="../controlP5/ScrollableList.html" title="class in controlP5">ScrollableList</a>&nbsp;setBackgroundColor(int&nbsp;theColor)</pre>
+</li>
+</ul>
+<a name="setBarHeight(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setBarHeight</h4>
+<pre>public&nbsp;<a href="../controlP5/ScrollableList.html" title="class in controlP5">ScrollableList</a>&nbsp;setBarHeight(int&nbsp;theHeight)</pre>
+</li>
+</ul>
+<a name="setBarVisible(boolean)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setBarVisible</h4>
+<pre>public&nbsp;<a href="../controlP5/ScrollableList.html" title="class in controlP5">ScrollableList</a>&nbsp;setBarVisible(boolean&nbsp;b)</pre>
+</li>
+</ul>
+<a name="setDirection(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setDirection</h4>
+<pre>public&nbsp;void&nbsp;setDirection(int&nbsp;theDirection)</pre>
+</li>
+</ul>
+<a name="setItemHeight(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setItemHeight</h4>
+<pre>public&nbsp;<a href="../controlP5/ScrollableList.html" title="class in controlP5">ScrollableList</a>&nbsp;setItemHeight(int&nbsp;theHeight)</pre>
+</li>
+</ul>
+<a name="setItems(java.util.List)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setItems</h4>
+<pre>public&nbsp;<a href="../controlP5/ScrollableList.html" title="class in controlP5">ScrollableList</a>&nbsp;setItems(java.util.List&lt;?&gt;&nbsp;theItems)</pre>
+</li>
+</ul>
+<a name="setItems(java.util.List, int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setItems</h4>
+<pre>public&nbsp;<a href="../controlP5/ScrollableList.html" title="class in controlP5">ScrollableList</a>&nbsp;setItems(java.util.List&lt;?&gt;&nbsp;theItems,
+                      int&nbsp;theOffset)</pre>
+</li>
+</ul>
+<a name="setItems(java.lang.String[])">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setItems</h4>
+<pre>public&nbsp;<a href="../controlP5/ScrollableList.html" title="class in controlP5">ScrollableList</a>&nbsp;setItems(java.lang.String[]&nbsp;theItems)</pre>
+</li>
+</ul>
+<a name="setOpen(boolean)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setOpen</h4>
+<pre>public&nbsp;<a href="../controlP5/ScrollableList.html" title="class in controlP5">ScrollableList</a>&nbsp;setOpen(boolean&nbsp;b)</pre>
+</li>
+</ul>
+<a name="setScrollSensitivity(float)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setScrollSensitivity</h4>
+<pre>public&nbsp;<a href="../controlP5/ScrollableList.html" title="class in controlP5">ScrollableList</a>&nbsp;setScrollSensitivity(float&nbsp;theSensitivity)</pre>
+</li>
+</ul>
+<a name="setType(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setType</h4>
+<pre>public&nbsp;<a href="../controlP5/ScrollableList.html" title="class in controlP5">ScrollableList</a>&nbsp;setType(int&nbsp;theType)</pre>
+</li>
+</ul>
+<a name="updateDisplayMode(int)">
+<!--   -->
+</a>
+<ul class="blockListLast">
+<li class="blockList">
+<h4>updateDisplayMode</h4>
+<pre>public&nbsp;<a href="../controlP5/ScrollableList.html" title="class in controlP5">ScrollableList</a>&nbsp;updateDisplayMode(int&nbsp;theMode)</pre>
+</li>
+</ul>
+</li>
+</ul>
+</li>
+</ul>
+</div>
+</div>
+<!-- ========= END OF CLASS DATA ========= -->
+<!-- ======= START OF BOTTOM NAVBAR ====== -->
+<div class="bottomNav"><a name="navbar_bottom">
+<!--   -->
+</a><a href="#skip-navbar_bottom" title="Skip navigation links"></a><a name="navbar_bottom_firstrow">
+<!--   -->
+</a>
+<ul class="navList" title="Navigation">
+<li><a href="../controlP5/package-summary.html">Package</a></li>
+<li class="navBarCell1Rev">Class</li>
+<li><a href="package-tree.html">Tree</a></li>
+<li><a href="../index-all.html">Index</a></li>
+<li><a href="../help-doc.html">Help</a></li>
+</ul>
+</div>
+<div class="subNav">
+<ul class="navList">
+<li><a href="../controlP5/Range.html" title="class in controlP5"><span class="strong">Prev Class</span></a></li>
+<li><a href="../controlP5/ScrollableList.ScrollableListView.html" title="class in controlP5"><span class="strong">Next Class</span></a></li>
+</ul>
+<ul class="navList">
+<li><a href="../index.html?controlP5/ScrollableList.html" target="_top">Frames</a></li>
+<li><a href="ScrollableList.html" target="_top">No Frames</a></li>
+</ul>
+<ul class="navList" id="allclasses_navbar_bottom">
+<li><a href="../allclasses-noframe.html">All Classes</a></li>
+</ul>
+<div>
+<script type="text/javascript"><!--
+  allClassesLink = document.getElementById("allclasses_navbar_bottom");
+  if(window==top) {
+    allClassesLink.style.display = "block";
+  }
+  else {
+    allClassesLink.style.display = "none";
+  }
+  //-->
+</script>
+</div>
+<div>
+<ul class="subNavList">
+<li>Summary:&nbsp;</li>
+<li><a href="#nested_class_summary">Nested</a>&nbsp;|&nbsp;</li>
+<li><a href="#field_summary">Field</a>&nbsp;|&nbsp;</li>
+<li><a href="#constructor_summary">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_summary">Method</a></li>
+</ul>
+<ul class="subNavList">
+<li>Detail:&nbsp;</li>
+<li><a href="#field_detail">Field</a>&nbsp;|&nbsp;</li>
+<li><a href="#constructor_detail">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_detail">Method</a></li>
+</ul>
+</div>
+<a name="skip-navbar_bottom">
+<!--   -->
+</a></div>
+<!-- ======== END OF BOTTOM NAVBAR ======= -->
+<p class="legalCopy"><small>processing library controlP5 by Andreas Schlegel. (c) 2006-2014</small></p>
+</body>
+</html>
diff --git a/reference/controlP5/Slider.html b/reference/controlP5/Slider.html
new file mode 100644
index 0000000..7ac7826
--- /dev/null
+++ b/reference/controlP5/Slider.html
@@ -0,0 +1,1453 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
+<!-- NewPage -->
+<html lang="en">
+<head>
+<!-- Generated by javadoc (version 1.7.0_51) on Sun Apr 27 21:39:48 SGT 2014 -->
+<title>Slider (Javadocs: controlP5)</title>
+<meta name="date" content="2014-04-27">
+<link rel="stylesheet" type="text/css" href="../stylesheet.css" title="Style">
+</head>
+<body>
+<script type="text/javascript"><!--
+    if (location.href.indexOf('is-external=true') == -1) {
+        parent.document.title="Slider (Javadocs: controlP5)";
+    }
+//-->
+</script>
+<noscript>
+<div>JavaScript is disabled on your browser.</div>
+</noscript>
+<!-- ========= START OF TOP NAVBAR ======= -->
+<div class="topNav"><a name="navbar_top">
+<!--   -->
+</a><a href="#skip-navbar_top" title="Skip navigation links"></a><a name="navbar_top_firstrow">
+<!--   -->
+</a>
+<ul class="navList" title="Navigation">
+<li><a href="../controlP5/package-summary.html">Package</a></li>
+<li class="navBarCell1Rev">Class</li>
+<li><a href="package-tree.html">Tree</a></li>
+<li><a href="../index-all.html">Index</a></li>
+<li><a href="../help-doc.html">Help</a></li>
+</ul>
+</div>
+<div class="subNav">
+<ul class="navList">
+<li><a href="../controlP5/ScrollableList.ScrollableListView.html" title="class in controlP5"><span class="strong">Prev Class</span></a></li>
+<li><a href="../controlP5/Slider2D.html" title="class in controlP5"><span class="strong">Next Class</span></a></li>
+</ul>
+<ul class="navList">
+<li><a href="../index.html?controlP5/Slider.html" target="_top">Frames</a></li>
+<li><a href="Slider.html" target="_top">No Frames</a></li>
+</ul>
+<ul class="navList" id="allclasses_navbar_top">
+<li><a href="../allclasses-noframe.html">All Classes</a></li>
+</ul>
+<div>
+<script type="text/javascript"><!--
+  allClassesLink = document.getElementById("allclasses_navbar_top");
+  if(window==top) {
+    allClassesLink.style.display = "block";
+  }
+  else {
+    allClassesLink.style.display = "none";
+  }
+  //-->
+</script>
+</div>
+<div>
+<ul class="subNavList">
+<li>Summary:&nbsp;</li>
+<li>Nested&nbsp;|&nbsp;</li>
+<li><a href="#field_summary">Field</a>&nbsp;|&nbsp;</li>
+<li><a href="#constructor_summary">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_summary">Method</a></li>
+</ul>
+<ul class="subNavList">
+<li>Detail:&nbsp;</li>
+<li><a href="#field_detail">Field</a>&nbsp;|&nbsp;</li>
+<li><a href="#constructor_detail">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_detail">Method</a></li>
+</ul>
+</div>
+<a name="skip-navbar_top">
+<!--   -->
+</a></div>
+<!-- ========= END OF TOP NAVBAR ========= -->
+<!-- ======== START OF CLASS DATA ======== -->
+<div class="header">
+<div class="subTitle">controlP5</div>
+<h2 title="Class Slider" class="title">Class Slider</h2>
+</div>
+<div class="contentContainer">
+<ul class="inheritance">
+<li>java.lang.Object</li>
+<li>
+<ul class="inheritance">
+<li><a href="../controlP5/Controller.html" title="class in controlP5">controlP5.Controller</a>&lt;<a href="../controlP5/Slider.html" title="class in controlP5">Slider</a>&gt;</li>
+<li>
+<ul class="inheritance">
+<li>controlP5.Slider</li>
+</ul>
+</li>
+</ul>
+</li>
+</ul>
+<div class="description">
+<ul class="blockList">
+<li class="blockList">
+<dl>
+<dt>All Implemented Interfaces:</dt>
+<dd><a href="../controlP5/CDrawable.html" title="interface in controlP5">CDrawable</a>, <a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/Slider.html" title="class in controlP5">Slider</a>&gt;, <a href="../controlP5/ControlP5Constants.html" title="interface in controlP5">ControlP5Constants</a></dd>
+</dl>
+<hr>
+<br>
+<pre>public class <span class="strong">Slider</span>
+extends <a href="../controlP5/Controller.html" title="class in controlP5">Controller</a>&lt;<a href="../controlP5/Slider.html" title="class in controlP5">Slider</a>&gt;</pre>
+<div class="block">A slider is either used horizontally or vertically. when adding a slider to controlP5, the width
+ is compared against the height. if the width is bigger, you get a horizontal slider, is the
+ height bigger, you get a vertical slider. a slider can have a fixed slider handle (one end of the
+ slider is fixed to the left or bottom side of the controller), or a flexible slider handle (a
+ handle you can drag).</div>
+<dl><script type="text/javascript">
+<!--
+document.getElementsByTagName('html')[0].className = 'isjs';function toggle(dt) { var display, dd=dt; do{ dd = dd.nextSibling } while(dd.tagName!='DD'); toOpen =!dd.style.display;dd.style.display = toOpen? 'block':''; dt.getElementsByTagName('span')[0].innerHTML  = toOpen? '-':'+' ; }
+-->
+</script>
+<div id="test" class="toggleList"><dl><dt onclick="toggle(this);"><span>+</span>Example</dt><dd><code><pre>/**
+ * ControlP5 Slider. Horizontal and vertical sliders, 
+ * with and without tick marks and snap-to-tick behavior.
+ * by andreas schlegel, 2010
+ */
+
+/**
+* ControlP5 Slider
+*
+* Horizontal and vertical sliders, 
+* With and without tick marks and snap-to-tick behavior.
+*
+* find a list of public methods available for the Slider Controller
+* at the bottom of this sketch.
+*
+* by Andreas Schlegel, 2012
+* www.sojamo.de/libraries/controlp5
+*
+*/
+
+import controlP5.*;
+
+ControlP5 cp5;
+int myColor = color(0,0,0);
+
+int sliderValue = 100;
+int sliderTicks1 = 100;
+int sliderTicks2 = 30;
+Slider abc;
+
+void setup() {
+  size(700,400);
+  noStroke();
+  cp5 = new ControlP5(this);
+  
+  // add a horizontal sliders, the value of this slider will be linked
+  // to variable 'sliderValue' 
+  cp5.addSlider("sliderValue")
+     .setPosition(100,50)
+     .setRange(0,255)
+     ;
+  
+  // create another slider with tick marks, now without
+  // default value, the initial value will be set according to
+  // the value of variable sliderTicks2 then.
+  cp5.addSlider("sliderTicks1")
+     .setPosition(100,140)
+     .setSize(20,100)
+     .setRange(0,255)
+     .setNumberOfTickMarks(5)
+     ;
+     
+     
+  // add a vertical slider
+  cp5.addSlider("slider")
+     .setPosition(100,305)
+     .setSize(200,20)
+     .setRange(0,200)
+     .setValue(128)
+     ;
+  
+  // reposition the Label for controller 'slider'
+  cp5.getController("slider").getValueLabel().align(ControlP5.LEFT, ControlP5.BOTTOM_OUTSIDE).setPaddingX(0);
+  cp5.getController("slider").getCaptionLabel().align(ControlP5.RIGHT, ControlP5.BOTTOM_OUTSIDE).setPaddingX(0);
+  
+
+  cp5.addSlider("sliderTicks2")
+     .setPosition(100,370)
+     .setWidth(400)
+     .setRange(255,0) // values can range from big to small as well
+     .setValue(128)
+     .setNumberOfTickMarks(7)
+     .setSliderMode(Slider.FLEXIBLE)
+     ;
+  // use Slider.FIX or Slider.FLEXIBLE to change the slider handle
+  // by default it is Slider.FIX
+  
+
+}
+
+void draw() {
+  background(sliderTicks1);
+
+  fill(sliderValue);
+  rect(0,0,width,100);
+  
+  fill(myColor);
+  rect(0,280,width,70);
+  
+  fill(sliderTicks2);
+  rect(0,350,width,50);
+}
+
+void slider(float theColor) {
+  myColor = color(theColor);
+  println("a slider event. setting background to "+theColor);
+}
+
+
+
+
+
+
+
+
+
+
+
+
+/**
+* ControlP5 Slider
+*
+*
+* find a list of public methods available for the Slider Controller
+* at the bottom of this sketch.
+*
+* by Andreas Schlegel, 2012
+* www.sojamo.de/libraries/controlp5
+*
+*/
+
+/*
+a list of all methods available for the Slider Controller
+use ControlP5.printPublicMethodsFor(Slider.class);
+to print the following list into the console.
+
+You can find further details about class Slider in the javadoc.
+
+Format:
+ClassName : returnType methodName(parameter type)
+
+controlP5.Slider : ArrayList getTickMarks() 
+controlP5.Slider : Slider setColorTickMark(int) 
+controlP5.Slider : Slider setHandleSize(int) 
+controlP5.Slider : Slider setHeight(int) 
+controlP5.Slider : Slider setMax(float) 
+controlP5.Slider : Slider setMin(float) 
+controlP5.Slider : Slider setNumberOfTickMarks(int) 
+controlP5.Slider : Slider setRange(float, float) 
+controlP5.Slider : Slider setScrollSensitivity(float) 
+controlP5.Slider : Slider setSize(int, int) 
+controlP5.Slider : Slider setSliderMode(int) 
+controlP5.Slider : Slider setTriggerEvent(int) 
+controlP5.Slider : Slider setValue(float) 
+controlP5.Slider : Slider setWidth(int) 
+controlP5.Slider : Slider showTickMarks(boolean) 
+controlP5.Slider : Slider shuffle() 
+controlP5.Slider : Slider snapToTickMarks(boolean) 
+controlP5.Slider : Slider update() 
+controlP5.Slider : TickMark getTickMark(int) 
+controlP5.Slider : float getValue() 
+controlP5.Slider : float getValuePosition() 
+controlP5.Slider : int getDirection() 
+controlP5.Slider : int getHandleSize() 
+controlP5.Slider : int getNumberOfTickMarks() 
+controlP5.Slider : int getSliderMode() 
+controlP5.Slider : int getTriggerEvent() 
+controlP5.Controller : CColor getColor() 
+controlP5.Controller : ControlBehavior getBehavior() 
+controlP5.Controller : ControlWindow getControlWindow() 
+controlP5.Controller : ControlWindow getWindow() 
+controlP5.Controller : ControllerProperty getProperty(String) 
+controlP5.Controller : ControllerProperty getProperty(String, String) 
+controlP5.Controller : Label getCaptionLabel() 
+controlP5.Controller : Label getValueLabel() 
+controlP5.Controller : List getControllerPlugList() 
+controlP5.Controller : PImage setImage(PImage) 
+controlP5.Controller : PImage setImage(PImage, int) 
+controlP5.Controller : PVector getAbsolutePosition() 
+controlP5.Controller : PVector getPosition() 
+controlP5.Controller : Slider addCallback(CallbackListener) 
+controlP5.Controller : Slider addListener(ControlListener) 
+controlP5.Controller : Slider bringToFront() 
+controlP5.Controller : Slider bringToFront(ControllerInterface) 
+controlP5.Controller : Slider hide() 
+controlP5.Controller : Slider linebreak() 
+controlP5.Controller : Slider listen(boolean) 
+controlP5.Controller : Slider lock() 
+controlP5.Controller : Slider plugTo(Object) 
+controlP5.Controller : Slider plugTo(Object, String) 
+controlP5.Controller : Slider plugTo(Object[]) 
+controlP5.Controller : Slider plugTo(Object[], String) 
+controlP5.Controller : Slider registerProperty(String) 
+controlP5.Controller : Slider registerProperty(String, String) 
+controlP5.Controller : Slider registerTooltip(String) 
+controlP5.Controller : Slider removeBehavior() 
+controlP5.Controller : Slider removeCallback() 
+controlP5.Controller : Slider removeCallback(CallbackListener) 
+controlP5.Controller : Slider removeListener(ControlListener) 
+controlP5.Controller : Slider removeProperty(String) 
+controlP5.Controller : Slider removeProperty(String, String) 
+controlP5.Controller : Slider setArrayValue(float[]) 
+controlP5.Controller : Slider setArrayValue(int, float) 
+controlP5.Controller : Slider setBehavior(ControlBehavior) 
+controlP5.Controller : Slider setBroadcast(boolean) 
+controlP5.Controller : Slider setCaptionLabel(String) 
+controlP5.Controller : Slider setColor(CColor) 
+controlP5.Controller : Slider setColorActive(int) 
+controlP5.Controller : Slider setColorBackground(int) 
+controlP5.Controller : Slider setColorCaptionLabel(int) 
+controlP5.Controller : Slider setColorForeground(int) 
+controlP5.Controller : Slider setColorValueLabel(int) 
+controlP5.Controller : Slider setDecimalPrecision(int) 
+controlP5.Controller : Slider setDefaultValue(float) 
+controlP5.Controller : Slider setHeight(int) 
+controlP5.Controller : Slider setId(int) 
+controlP5.Controller : Slider setImages(PImage, PImage, PImage) 
+controlP5.Controller : Slider setImages(PImage, PImage, PImage, PImage) 
+controlP5.Controller : Slider setLabelVisible(boolean) 
+controlP5.Controller : Slider setLock(boolean) 
+controlP5.Controller : Slider setMax(float) 
+controlP5.Controller : Slider setMin(float) 
+controlP5.Controller : Slider setMouseOver(boolean) 
+controlP5.Controller : Slider setMoveable(boolean) 
+controlP5.Controller : Slider setPosition(PVector) 
+controlP5.Controller : Slider setPosition(float, float) 
+controlP5.Controller : Slider setSize(PImage) 
+controlP5.Controller : Slider setSize(int, int) 
+controlP5.Controller : Slider setStringValue(String) 
+controlP5.Controller : Slider setUpdate(boolean) 
+controlP5.Controller : Slider setValueLabel(String) 
+controlP5.Controller : Slider setView(ControllerView) 
+controlP5.Controller : Slider setVisible(boolean) 
+controlP5.Controller : Slider setWidth(int) 
+controlP5.Controller : Slider show() 
+controlP5.Controller : Slider unlock() 
+controlP5.Controller : Slider unplugFrom(Object) 
+controlP5.Controller : Slider unplugFrom(Object[]) 
+controlP5.Controller : Slider unregisterTooltip() 
+controlP5.Controller : Slider update() 
+controlP5.Controller : Slider updateSize() 
+controlP5.Controller : String getAddress() 
+controlP5.Controller : String getInfo() 
+controlP5.Controller : String getName() 
+controlP5.Controller : String getStringValue() 
+controlP5.Controller : String toString() 
+controlP5.Controller : Tab getTab() 
+controlP5.Controller : boolean isActive() 
+controlP5.Controller : boolean isBroadcast() 
+controlP5.Controller : boolean isInside() 
+controlP5.Controller : boolean isLabelVisible() 
+controlP5.Controller : boolean isListening() 
+controlP5.Controller : boolean isLock() 
+controlP5.Controller : boolean isMouseOver() 
+controlP5.Controller : boolean isMousePressed() 
+controlP5.Controller : boolean isMoveable() 
+controlP5.Controller : boolean isUpdate() 
+controlP5.Controller : boolean isVisible() 
+controlP5.Controller : float getArrayValue(int) 
+controlP5.Controller : float getDefaultValue() 
+controlP5.Controller : float getMax() 
+controlP5.Controller : float getMin() 
+controlP5.Controller : float getValue() 
+controlP5.Controller : float[] getArrayValue() 
+controlP5.Controller : int getDecimalPrecision() 
+controlP5.Controller : int getHeight() 
+controlP5.Controller : int getId() 
+controlP5.Controller : int getWidth() 
+controlP5.Controller : int listenerSize() 
+controlP5.Controller : void remove() 
+controlP5.Controller : void setView(ControllerView, int) 
+java.lang.Object : String toString() 
+java.lang.Object : boolean equals(Object) 
+
+
+*/
+
+
+
+</pre></code></dd></dl></div></dl>
+</li>
+</ul>
+</div>
+<div class="summary">
+<ul class="blockList">
+<li class="blockList">
+<!-- =========== FIELD SUMMARY =========== -->
+<ul class="blockList">
+<li class="blockList"><a name="field_summary">
+<!--   -->
+</a>
+<h3>Field Summary</h3>
+<table class="overviewSummary" border="0" cellpadding="3" cellspacing="0" summary="Field Summary table, listing fields, and an explanation">
+<caption><span>Fields</span><span class="tabEnd">&nbsp;</span></caption>
+<tr>
+<th class="colFirst" scope="col">Modifier and Type</th>
+<th class="colLast" scope="col">Field and Description</th>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>static int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Slider.html#FIX">FIX</a></strong></code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>static int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Slider.html#FLEXIBLE">FLEXIBLE</a></strong></code>&nbsp;</td>
+</tr>
+</table>
+<ul class="blockList">
+<li class="blockList"><a name="fields_inherited_from_class_controlP5.Controller">
+<!--   -->
+</a>
+<h3>Fields inherited from class&nbsp;controlP5.<a href="../controlP5/Controller.html" title="class in controlP5">Controller</a></h3>
+<code><a href="../controlP5/Controller.html#autoSpacing">autoSpacing</a></code></li>
+</ul>
+<ul class="blockList">
+<li class="blockList"><a name="fields_inherited_from_class_controlP5.ControlP5Constants">
+<!--   -->
+</a>
+<h3>Fields inherited from interface&nbsp;controlP5.<a href="../controlP5/ControlP5Constants.html" title="interface in controlP5">ControlP5Constants</a></h3>
+<code><a href="../controlP5/ControlP5Constants.html#acceptClassList">acceptClassList</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_BROADCAST">ACTION_BROADCAST</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_CLICK">ACTION_CLICK</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_DRAG">ACTION_DRAG</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_ENTER">ACTION_ENTER</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_EXIT">ACTION_EXIT</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_LEAVE">ACTION_LEAVE</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_MOVE">ACTION_MOVE</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_PRESS">ACTION_PRESS</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_PRESSED">ACTION_PRESSED</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_RELEASE">ACTION_RELEASE</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_RELEASED">ACTION_RELEASED</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_RELEASEDOUTSIDE">ACTION_RELEASEDOUTSIDE</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_WHEEL">ACTION_WHEEL</a>, <a href="../controlP5/ControlP5Constants.html#ACTIVE">ACTIVE</a>, <a href="../controlP5/ControlP5Constants.html#ALL">ALL</a>, <a href="../controlP5/ControlP5Constants.html#ALT">ALT</a>, <a href="../controlP5/ControlP5Constants.html#AQUA">AQUA</a>, <a href="../controlP5/ControlP5Constants.html#ARC">ARC</a>, <a href="../controlP5/ControlP5Constants.html#ARRAY">ARRAY</a>, <a href="../controlP5/ControlP5Constants.html#BACKSPACE">BACKSPACE</a>, <a href="../controlP5/ControlP5Constants.html#BASELINE">BASELINE</a>, <a href="../controlP5/ControlP5Constants.html#BITFONT">BITFONT</a>, <a href="../controlP5/ControlP5Constants.html#BLACK">BLACK</a>, <a href="../controlP5/ControlP5Constants.html#BLUE">BLUE</a>, <a href="../controlP5/ControlP5Constants.html#BOOLEAN">BOOLEAN</a>, <a href="../controlP5/ControlP5Constants.html#BOTTOM">BOTTOM</a>, <a href="../controlP5/ControlP5Constants.html#BOTTOM_OUTSIDE">BOTTOM_OUTSIDE</a>, <a href="../controlP5/ControlP5Constants.html#CAPTIONLABEL">CAPTIONLABEL</a>, <a href="../controlP5/ControlP5Constants.html#CENTER">CENTER</a>, <a href="../controlP5/ControlP5Constants.html#CHECKBOX">CHECKBOX</a>, <a href="../controlP5/ControlP5Constants.html#COMMANDKEY">COMMANDKEY</a>, <a href="../controlP5/ControlP5Constants.html#CONTROL">CONTROL</a>, <a href="../controlP5/ControlP5Constants.html#controlEventClass">controlEventClass</a>, <a href="../controlP5/ControlP5Constants.html#CUSTOM">CUSTOM</a>, <a href="../controlP5/ControlP5Constants.html#DECREASE">DECREASE</a>, <a href="../controlP5/ControlP5Constants.html#DEFAULT">DEFAULT</a>, <a href="../controlP5/ControlP5Constants.html#DELETE">DELETE</a>, <a href="../controlP5/ControlP5Constants.html#DONE">DONE</a>, <a href="../controlP5/ControlP5Constants.html#DOWN">DOWN</a>, <a href="../controlP5/ControlP5Constants.html#DROPDOWN">DROPDOWN</a>, <a href="../controlP5/ControlP5Constants.html#ELLIPSE">ELLIPSE</a>, <a href="../controlP5/ControlP5Constants.html#ENTER">ENTER</a>, <a href="../controlP5/ControlP5Constants.html#ESCAPE">ESCAPE</a>, <a href="../controlP5/ControlP5Constants.html#EVENT">EVENT</a>, <a href="../controlP5/ControlP5Constants.html#eventMethod">eventMethod</a>, <a href="../controlP5/ControlP5Constants.html#FADEIN">FADEIN</a>, <a href="../controlP5/ControlP5Constants.html#FADEOUT">FADEOUT</a>, <a href="../controlP5/ControlP5Constants.html#FIELD">FIELD</a>, <a href="../controlP5/ControlP5Constants.html#FLOAT">FLOAT</a>, <a href="../controlP5/ControlP5Constants.html#FUCHSIA">FUCHSIA</a>, <a href="../controlP5/ControlP5Constants.html#GRAY">GRAY</a>, <a href="../controlP5/ControlP5Constants.html#GREEN">GREEN</a>, <a href="../controlP5/ControlP5Constants.html#grixel">grixel</a>, <a href="../controlP5/ControlP5Constants.html#HALF_PI">HALF_PI</a>, <a href="../controlP5/ControlP5Constants.html#HIDE">HIDE</a>, <a href="../controlP5/ControlP5Constants.html#HIGHLIGHT">HIGHLIGHT</a>, <a href="../controlP5/ControlP5Constants.html#HORIZONTAL">HORIZONTAL</a>, <a href="../controlP5/ControlP5Constants.html#IDLE">IDLE</a>, <a href="../controlP5/ControlP5Constants.html#IMAGE">IMAGE</a>, <a href="../controlP5/ControlP5Constants.html#INACTIVE">INACTIVE</a>, <a href="../controlP5/ControlP5Constants.html#INCREASE">INCREASE</a>, <a href="../controlP5/ControlP5Constants.html#INTEGER">INTEGER</a>, <a href="../controlP5/ControlP5Constants.html#INVALID">INVALID</a>, <a href="../controlP5/ControlP5Constants.html#J2D">J2D</a>, <a href="../controlP5/ControlP5Constants.html#KEYCONTROL">KEYCONTROL</a>, <a href="../controlP5/ControlP5Constants.html#LEFT">LEFT</a>, <a href="../controlP5/ControlP5Constants.html#LEFT_OUTSIDE">LEFT_OUTSIDE</a>, <a href="../controlP5/ControlP5Constants.html#LIME">LIME</a>, <a href="../controlP5/ControlP5Constants.html#LINE">LINE</a>, <a href="../controlP5/ControlP5Constants.html#LIST">LIST</a>, <a href="../controlP5/ControlP5Constants.html#LOAD">LOAD</a>, <a href="../controlP5/ControlP5Constants.html#MAROON">MAROON</a>, <a href="../controlP5/ControlP5Constants.html#MENU">MENU</a>, <a href="../controlP5/ControlP5Constants.html#METHOD">METHOD</a>, <a href="../controlP5/ControlP5Constants.html#MOVE">MOVE</a>, <a href="../controlP5/ControlP5Constants.html#MULTI">MULTI</a>, <a href="../controlP5/ControlP5Constants.html#MULTIPLES">MULTIPLES</a>, <a href="../controlP5/ControlP5Constants.html#NAVY">NAVY</a>, <a href="../controlP5/ControlP5Constants.html#OLIVE">OLIVE</a>, <a href="../controlP5/ControlP5Constants.html#ORANGE">ORANGE</a>, <a href="../controlP5/ControlP5Constants.html#OVER">OVER</a>, <a href="../controlP5/ControlP5Constants.html#P2D">P2D</a>, <a href="../controlP5/ControlP5Constants.html#P3D">P3D</a>, <a href="../controlP5/ControlP5Constants.html#PI">PI</a>, <a href="../controlP5/ControlP5Constants.html#PRESSED">PRESSED</a>, <a href="../controlP5/ControlP5Constants.html#PRINT">PRINT</a>, <a href="../controlP5/ControlP5Constants.html#PURPLE">PURPLE</a>, <a href="../controlP5/ControlP5Constants.html#RED">RED</a>, <a href="../controlP5/ControlP5Constants.html#RELEASE">RELEASE</a>, <a href="../controlP5/ControlP5Constants.html#RESET">RESET</a>, <a href="../controlP5/ControlP5Constants.html#RIGHT">RIGHT</a>, <a href="../controlP5/ControlP5Constants.html#RIGHT_OUTSIDE">RIGHT_OUTSIDE</a>, <a href="../controlP5/ControlP5Constants.html#SAVE">SAVE</a>, <a href="../controlP5/ControlP5Constants.html#SHIFT">SHIFT</a>, <a href="../controlP5/ControlP5Constants.html#SILVER">SILVER</a>, <a href="../controlP5/ControlP5Constants.html#SINGLE">SINGLE</a>, <a href="../controlP5/ControlP5Constants.html#SINGLE_COLUMN">SINGLE_COLUMN</a>, <a href="../controlP5/ControlP5Constants.html#SINGLE_ROW">SINGLE_ROW</a>, <a href="../controlP5/ControlP5Constants.html#SPRITE">SPRITE</a>, <a href="../controlP5/ControlP5Constants.html#standard56">standard56</a>, <a href="../controlP5/ControlP5Constants.html#standard58">standard58</a>, <a href="../controlP5/ControlP5Constants.html#STRING">STRING</a>, <a href="../controlP5/ControlP5Constants.html#SWITCH">SWITCH</a>, <a href="../controlP5/ControlP5Constants.html#SWITCH_BACK">SWITCH_BACK</a>, <a href="../controlP5/ControlP5Constants.html#SWITCH_FORE">SWITCH_FORE</a>, <a href="../controlP5/ControlP5Constants.html#synt24">synt24</a>, <a href="../controlP5/ControlP5Constants.html#TAB">TAB</a>, <a href="../controlP5/ControlP5Constants.html#TEAL">TEAL</a>, <a href="../controlP5/ControlP5Constants.html#THEME_A">THEME_A</a>, <a href="../controlP5/ControlP5Constants.html#THEME_CP52014">THEME_CP52014</a>, <a href="../controlP5/ControlP5Constants.html#THEME_CP5BLUE">THEME_CP5BLUE</a>, <a href="../controlP5/ControlP5Constants.html#THEME_RED">THEME_RED</a>, <a href="../controlP5/ControlP5Constants.html#THEME_RETRO">THEME_RETRO</a>, <a href="../controlP5/ControlP5Constants.html#THEME_WHITE">THEME_WHITE</a>, <a href="../controlP5/ControlP5Constants.html#TOP">TOP</a>, <a href="../controlP5/ControlP5Constants.html#TOP_OUTSIDE">TOP_OUTSIDE</a>, <a href="../controlP5/ControlP5Constants.html#TRANSITION_WAIT_FADEIN">TRANSITION_WAIT_FADEIN</a>, <a href="../controlP5/ControlP5Constants.html#TREE">TREE</a>, <a href="../controlP5/ControlP5Constants.html#TWO_PI">TWO_PI</a>, <a href="../controlP5/ControlP5Constants.html#UP">UP</a>, <a href="../controlP5/ControlP5Constants.html#VALUELABEL">VALUELABEL</a>, <a href="../controlP5/ControlP5Constants.html#VERBOSE">VERBOSE</a>, <a href="../controlP5/ControlP5Constants.html#VERTICAL">VERTICAL</a>, <a href="../controlP5/ControlP5Constants.html#WAIT">WAIT</a>, <a href="../controlP5/ControlP5Constants.html#WHITE">WHITE</a>, <a href="../controlP5/ControlP5Constants.html#YELLOW">YELLOW</a></code></li>
+</ul>
+</li>
+</ul>
+<!-- ======== CONSTRUCTOR SUMMARY ======== -->
+<ul class="blockList">
+<li class="blockList"><a name="constructor_summary">
+<!--   -->
+</a>
+<h3>Constructor Summary</h3>
+<table class="overviewSummary" border="0" cellpadding="3" cellspacing="0" summary="Constructor Summary table, listing constructors, and an explanation">
+<caption><span>Constructors</span><span class="tabEnd">&nbsp;</span></caption>
+<tr>
+<th class="colOne" scope="col">Constructor and Description</th>
+</tr>
+<tr class="altColor">
+<td class="colOne"><code><strong><a href="../controlP5/Slider.html#Slider(controlP5.ControlP5, controlP5.ControllerGroup, java.lang.String, float, float, float, int, int, int, int)">Slider</a></strong>(<a href="../controlP5/ControlP5.html" title="class in controlP5">ControlP5</a>&nbsp;theControlP5,
+      <a href="../controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a>&lt;?&gt;&nbsp;theParent,
+      java.lang.String&nbsp;theName,
+      float&nbsp;theMin,
+      float&nbsp;theMax,
+      float&nbsp;theDefaultValue,
+      int&nbsp;theX,
+      int&nbsp;theY,
+      int&nbsp;theWidth,
+      int&nbsp;theHeight)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colOne"><code><strong><a href="../controlP5/Slider.html#Slider(controlP5.ControlP5, java.lang.String)">Slider</a></strong>(<a href="../controlP5/ControlP5.html" title="class in controlP5">ControlP5</a>&nbsp;theControlP5,
+      java.lang.String&nbsp;theName)</code>
+<div class="block">Convenience constructor to extend Slider.</div>
+</td>
+</tr>
+</table>
+</li>
+</ul>
+<!-- ========== METHOD SUMMARY =========== -->
+<ul class="blockList">
+<li class="blockList"><a name="method_summary">
+<!--   -->
+</a>
+<h3>Method Summary</h3>
+<table class="overviewSummary" border="0" cellpadding="3" cellspacing="0" summary="Method Summary table, listing methods, and an explanation">
+<caption><span>Methods</span><span class="tabEnd">&nbsp;</span></caption>
+<tr>
+<th class="colFirst" scope="col">Modifier and Type</th>
+<th class="colLast" scope="col">Method and Description</th>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Slider.html#getDirection()">getDirection</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Slider.html#getHandleSize()">getHandleSize</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>float</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Slider.html#getMax()">getMax</a></strong>()</code>
+<div class="block">returns the maximum value of the controller.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>float</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Slider.html#getMin()">getMin</a></strong>()</code>
+<div class="block">returns the minimum value of the controller.</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Slider.html#getNumberOfTickMarks()">getNumberOfTickMarks</a></strong>()</code>
+<div class="block">returns the amount of tickmarks available for a slider</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Slider.html#getSliderMode()">getSliderMode</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/TickMark.html" title="class in controlP5">TickMark</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Slider.html#getTickMark(int)">getTickMark</a></strong>(int&nbsp;theIndex)</code>
+<div class="block">returns an instance of a tickmark by index.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>java.util.ArrayList&lt;<a href="../controlP5/TickMark.html" title="class in controlP5">TickMark</a>&gt;</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Slider.html#getTickMarks()">getTickMarks</a></strong>()</code>
+<div class="block">returns an ArrayList of available tick marks for a slider.</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Slider.html#getTriggerEvent()">getTriggerEvent</a></strong>()</code>
+<div class="block">returns the current trigger event which is either Slider.PRESSED or Slider.RELEASE</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>float</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Slider.html#getValue()">getValue</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>float</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Slider.html#getValuePosition()">getValuePosition</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>void</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Slider.html#init()">init</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Slider.html" title="class in controlP5">Slider</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Slider.html#linebreak()">linebreak</a></strong>()</code></td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Slider.html" title="class in controlP5">Slider</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Slider.html#scrolled(int)">scrolled</a></strong>(int&nbsp;theRotationValue)</code>
+<div class="block">changes the value of the slider when hovering and using the mouse wheel or the scroll
+ function of a multi-touch track pad.</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Slider.html" title="class in controlP5">Slider</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Slider.html#setColorTickMark(int)">setColorTickMark</a></strong>(int&nbsp;theColor)</code>
+<div class="block">sets the color of tick marks if enabled.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Slider.html" title="class in controlP5">Slider</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Slider.html#setHandleSize(int)">setHandleSize</a></strong>(int&nbsp;theSize)</code>
+<div class="block">sets the size of the Slider handle, by default it is set to either the width or height of the
+ slider.</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Slider.html" title="class in controlP5">Slider</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Slider.html#setHeight(int)">setHeight</a></strong>(int&nbsp;theValue)</code>
+<div class="block">set the height of the slider.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Slider.html" title="class in controlP5">Slider</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Slider.html#setMax(float)">setMax</a></strong>(float&nbsp;theValue)</code>
+<div class="block">set the maximum value of the slider.</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Slider.html" title="class in controlP5">Slider</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Slider.html#setMin(float)">setMin</a></strong>(float&nbsp;theValue)</code>
+<div class="block">sets the minimum value of the slider.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Slider.html" title="class in controlP5">Slider</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Slider.html#setNumberOfTickMarks(int)">setNumberOfTickMarks</a></strong>(int&nbsp;theNumber)</code>
+<div class="block">sets the number of tickmarks for a slider, by default tick marks are turned off.</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Slider.html" title="class in controlP5">Slider</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Slider.html#setRange(float, float)">setRange</a></strong>(float&nbsp;theMin,
+        float&nbsp;theMax)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Slider.html" title="class in controlP5">Slider</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Slider.html#setScrollSensitivity(float)">setScrollSensitivity</a></strong>(float&nbsp;theValue)</code>
+<div class="block">sets the sensitivity for the scroll behavior when using the mouse wheel or the scroll
+ function of a multi-touch track pad.</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Slider.html" title="class in controlP5">Slider</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Slider.html#setSensitivity(float)">setSensitivity</a></strong>(float&nbsp;theValue)</code>
+<div class="block"><strong>Deprecated.</strong>&nbsp;</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Slider.html" title="class in controlP5">Slider</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Slider.html#setSize(int, int)">setSize</a></strong>(int&nbsp;theWidth,
+       int&nbsp;theHeight)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>void</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Slider.html#setSliderBarSize(int)">setSliderBarSize</a></strong>(int&nbsp;theSize)</code>
+<div class="block"><strong>Deprecated.</strong>&nbsp;</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Slider.html" title="class in controlP5">Slider</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Slider.html#setSliderMode(int)">setSliderMode</a></strong>(int&nbsp;theMode)</code>
+<div class="block">use the slider mode to set the mode of the slider bar, which can be Slider.FLEXIBLE or
+ Slider.FIX</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Slider.html" title="class in controlP5">Slider</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Slider.html#setTriggerEvent(int)">setTriggerEvent</a></strong>(int&nbsp;theEventID)</code>
+<div class="block">the trigger event is set to Slider.PRESSED by default but can be changed to Slider.RELEASE so
+ that events are triggered when the slider is released.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Slider.html" title="class in controlP5">Slider</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Slider.html#setValue(float)">setValue</a></strong>(float&nbsp;theValue)</code>
+<div class="block">set the value of the slider.</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Slider.html" title="class in controlP5">Slider</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Slider.html#setWidth(int)">setWidth</a></strong>(int&nbsp;theValue)</code>
+<div class="block">set the width of the slider.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Slider.html" title="class in controlP5">Slider</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Slider.html#showTickMarks(boolean)">showTickMarks</a></strong>(boolean&nbsp;theFlag)</code>
+<div class="block">shows or hides tickmarks for a slider</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Slider.html" title="class in controlP5">Slider</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Slider.html#shuffle()">shuffle</a></strong>()</code>
+<div class="block">assigns a random value to the slider.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Slider.html" title="class in controlP5">Slider</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Slider.html#snapToTickMarks(boolean)">snapToTickMarks</a></strong>(boolean&nbsp;theFlag)</code>
+<div class="block">enables or disables snap to tick marks.</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Slider.html" title="class in controlP5">Slider</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Slider.html#update()">update</a></strong>()</code>
+<div class="block">updates the value of the controller without having to set the value explicitly.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Slider.html" title="class in controlP5">Slider</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Slider.html#updateDisplayMode(int)">updateDisplayMode</a></strong>(int&nbsp;theMode)</code></td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Slider.html" title="class in controlP5">Slider</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Slider.html#updateInternalEvents(processing.core.PApplet)">updateInternalEvents</a></strong>(processing.core.PApplet&nbsp;theApplet)</code>
+<div class="block">a method for putting input events like e.g.</div>
+</td>
+</tr>
+</table>
+<ul class="blockList">
+<li class="blockList"><a name="methods_inherited_from_class_controlP5.Controller">
+<!--   -->
+</a>
+<h3>Methods inherited from class&nbsp;controlP5.<a href="../controlP5/Controller.html" title="class in controlP5">Controller</a></h3>
+<code><a href="../controlP5/Controller.html#add(controlP5.ControllerInterface)">add</a>, <a href="../controlP5/Controller.html#addCallback(controlP5.CallbackListener)">addCallback</a>, <a href="../controlP5/Controller.html#addListener(controlP5.ControlListener)">addListener</a>, <a href="../controlP5/Controller.html#align(int, int, int, int)">align</a>, <a href="../controlP5/Controller.html#bringToFront()">bringToFront</a>, <a href="../controlP5/Controller.html#bringToFront(controlP5.ControllerInterface)">bringToFront</a>, <a href="../controlP5/Controller.html#changeValue(float)">changeValue</a>, <a href="../controlP5/Controller.html#continuousUpdateEvents()">continuousUpdateEvents</a>, <a href="../controlP5/Controller.html#draw(processing.core.PGraphics)">draw</a>, <a href="../controlP5/Controller.html#getAbsolutePosition()">getAbsolutePosition</a>, <a href="../controlP5/Controller.html#getAddress()">getAddress</a>, <a href="../controlP5/Controller.html#getArrayValue()">getArrayValue</a>, <a href="../controlP5/Controller.html#getArrayValue(int)">getArrayValue</a>, <a href="../controlP5/Controller.html#getBehavior()">getBehavior</a>, <a href="../controlP5/Controller.html#getCaptionLabel()">getCaptionLabel</a>, <a href="../controlP5/Controller.html#getColor()">getColor</a>, <a href="../controlP5/Controller.html#getControllerPlugList()">getControllerPlugList</a>, <a href="../controlP5/Controller.html#getControlWindow()">getControlWindow</a>, <a href="../controlP5/Controller.html#getDecimalPrecision()">getDecimalPrecision</a>, <a href="../controlP5/Controller.html#getDefaultValue()">getDefaultValue</a>, <a href="../controlP5/Controller.html#getHeight()">getHeight</a>, <a href="../controlP5/Controller.html#getId()">getId</a>, <a href="../controlP5/Controller.html#getInfo()">getInfo</a>, <a href="../controlP5/Controller.html#getLabel()">getLabel</a>, <a href="../controlP5/Controller.html#getName()">getName</a>, <a href="../controlP5/Controller.html#getParent()">getParent</a>, <a href="../controlP5/Controller.html#getPickingColor()">getPickingColor</a>, <a href="../controlP5/Controller.html#getPointer()">getPointer</a>, <a href="../controlP5/Controller.html#getPosition()">getPosition</a>, <a href="../controlP5/Controller.html#getProperty(java.lang.String)">getProperty</a>, <a href="../controlP5/Controller.html#getProperty(java.lang.String, java.lang.String)">getProperty</a>, <a href="../controlP5/Controller.html#getStringValue()">getStringValue</a>, <a href="../controlP5/Controller.html#getTab()">getTab</a>, <a href="../controlP5/Controller.html#getValueLabel()">getValueLabel</a>, <a href="../controlP5/Controller.html#getView()">getView</a>, <a href="../controlP5/Controller.html#getWidth()">getWidth</a>, <a href="../controlP5/Controller.html#getWindow()">getWindow</a>, <a href="../controlP5/Controller.html#hide()">hide</a>, <a href="../controlP5/Controller.html#isActive()">isActive</a>, <a href="../controlP5/Controller.html#isBroadcast()">isBroadcast</a>, <a href="../controlP5/Controller.html#isInside()">isInside</a>, <a href="../controlP5/Controller.html#isLabelVisible()">isLabelVisible</a>, <a href="../controlP5/Controller.html#isListening()">isListening</a>, <a href="../controlP5/Controller.html#isLock()">isLock</a>, <a href="../controlP5/Controller.html#isMouseOver()">isMouseOver</a>, <a href="../controlP5/Controller.html#isMousePressed()">isMousePressed</a>, <a href="../controlP5/Controller.html#isMoveable()">isMoveable</a>, <a href="../controlP5/Controller.html#isUpdate()">isUpdate</a>, <a href="../controlP5/Controller.html#isUserInteraction()">isUserInteraction</a>, <a href="../controlP5/Controller.html#isVisible()">isVisible</a>, <a href="../controlP5/Controller.html#keyEvent(processing.event.KeyEvent)">keyEvent</a>, <a href="../controlP5/Controller.html#listen(boolean)">listen</a>, <a href="../controlP5/Controller.html#listenerSize()">listenerSize</a>, <a href="../controlP5/Controller.html#lock()">lock</a>, <a href="../controlP5/Controller.html#moveTo(controlP5.ControlGroup)">moveTo</a>, <a href="../controlP5/Controller.html#moveTo(controlP5.ControllerGroup)">moveTo</a>, <a href="../controlP5/Controller.html#moveTo(controlP5.ControllerGroup, controlP5.Tab, controlP5.ControlWindow)">moveTo</a>, <a href="../controlP5/Controller.html#moveTo(controlP5.ControlWindow)">moveTo</a>, <a href="../controlP5/Controller.html#moveTo(controlP5.ControlWindow, java.lang.String)">moveTo</a>, <a href="../controlP5/Controller.html#moveTo(processing.core.PApplet)">moveTo</a>, <a href="../controlP5/Controller.html#moveTo(processing.core.PApplet, java.lang.String)">moveTo</a>, <a href="../controlP5/Controller.html#moveTo(java.lang.String)">moveTo</a>, <a href="../controlP5/Controller.html#moveTo(controlP5.Tab)">moveTo</a>, <a href="../controlP5/Controller.html#plugTo(java.lang.Object)">plugTo</a>, <a href="../controlP5/Controller.html#plugTo(java.lang.Object[])">plugTo</a>, <a href="../controlP5/Controller.html#plugTo(java.lang.Object[], java.lang.String)">plugTo</a>, <a href="../controlP5/Controller.html#plugTo(java.lang.Object, java.lang.String)">plugTo</a>, <a href="../controlP5/Controller.html#registerProperty(java.lang.String)">registerProperty</a>, <a href="../controlP5/Controller.html#registerProperty(java.lang.String, java.lang.String)">registerProperty</a>, <a href="../controlP5/Controller.html#registerTooltip(java.lang.String)">registerTooltip</a>, <a href="../controlP5/Controller.html#remove()">remove</a>, <a href="../controlP5/Controller.html#remove(controlP5.ControllerInterface)">remove</a>, <a href="../controlP5/Controller.html#removeBehavior()">removeBehavior</a>, <a href="../controlP5/Controller.html#removeCallback()">removeCallback</a>, <a href="../controlP5/Controller.html#removeCallback(controlP5.CallbackListener)">removeCallback</a>, <a href="../controlP5/Controller.html#removeListener(controlP5.ControlListener)">removeListener</a>, <a href="../controlP5/Controller.html#removeProperty(java.lang.String)">removeProperty</a>, <a href="../controlP5/Controller.html#removeProperty(java.lang.String, java.lang.String)">removeProperty</a>, <a href="../controlP5/Controller.html#setAbsolutePosition(processing.core.PVector)">setAbsolutePosition</a>, <a href="../controlP5/Controller.html#setAddress(java.lang.String)">setAddress</a>, <a href="../controlP5/Controller.html#setArrayValue(float[])">setArrayValue</a>, <a href="../controlP5/Controller.html#setArrayValue(int, float)">setArrayValue</a>, <a href="../controlP5/Controller.html#setBehavior(controlP5.ControlBehavior)">setBehavior</a>, <a href="../controlP5/Controller.html#setBroadcast(boolean)">setBroadcast</a>, <a href="../controlP5/Controller.html#setCaptionLabel(java.lang.String)">setCaptionLabel</a>, <a href="../controlP5/Controller.html#setColor(controlP5.CColor)">setColor</a>, <a href="../controlP5/Controller.html#setColorActive(int)">setColorActive</a>, <a href="../controlP5/Controller.html#setColorBackground(int)">setColorBackground</a>, <a href="../controlP5/Controller.html#setColorCaptionLabel(int)">setColorCaptionLabel</a>, <a href="../controlP5/Controller.html#setColorForeground(int)">setColorForeground</a>, <a href="../controlP5/Controller.html#setColorValueLabel(int)">setColorValueLabel</a>, <a href="../controlP5/Controller.html#setDecimalPrecision(int)">setDecimalPrecision</a>, <a href="../controlP5/Controller.html#setDefaultValue(float)">setDefaultValue</a>, <a href="../controlP5/Controller.html#setGroup(controlP5.ControllerGroup)">setGroup</a>, <a href="../controlP5/Controller.html#setGroup(java.lang.String)">setGroup</a>, <a href="../controlP5/Controller.html#setId(int)">setId</a>, <a href="../controlP5/Controller.html#setImage(processing.core.PImage)">setImage</a>, <a href="../controlP5/Controller.html#setImage(processing.core.PImage, int)">setImage</a>, <a href="../controlP5/Controller.html#setImages(processing.core.PImage...)">setImages</a>, <a href="../controlP5/Controller.html#setImages(processing.core.PImage, processing.core.PImage, processing.core.PImage)">setImages</a>, <a href="../controlP5/Controller.html#setImages(processing.core.PImage, processing.core.PImage, processing.core.PImage, processing.core.PImage)">setImages</a>, <a href="../controlP5/Controller.html#setLabelVisible(boolean)">setLabelVisible</a>, <a href="../controlP5/Controller.html#setLock(boolean)">setLock</a>, <a href="../controlP5/Controller.html#setMouseOver(boolean)">setMouseOver</a>, <a href="../controlP5/Controller.html#setMousePressed(boolean)">setMousePressed</a>, <a href="../controlP5/Controller.html#setMoveable(boolean)">setMoveable</a>, <a href="../controlP5/Controller.html#setParent(controlP5.ControllerInterface)">setParent</a>, <a href="../controlP5/Controller.html#setPosition(float, float)">setPosition</a>, <a href="../controlP5/Controller.html#setPosition(processing.core.PVector)">setPosition</a>, <a href="../controlP5/Controller.html#setSize(processing.core.PImage)">setSize</a>, <a href="../controlP5/Controller.html#setStringValue(java.lang.String)">setStringValue</a>, <a href="../controlP5/Controller.html#setTab(controlP5.ControlWindow, java.lang.String)">setTab</a>, <a href="../controlP5/Controller.html#setTab(java.lang.String)">setTab</a>, <a href="../controlP5/Controller.html#setUpdate(boolean)">setUpdate</a>, <a href="../controlP5/Controller.html#setUserInteraction(boolean)">setUserInteraction</a>, <a href="../controlP5/Controller.html#setValueLabel(java.lang.String)">setValueLabel</a>, <a href="../controlP5/Controller.html#setValueSelf(float)">setValueSelf</a>, <a href="../controlP5/Controller.html#setView(controlP5.ControllerView)">setView</a>, <a href="../controlP5/Controller.html#setView(controlP5.ControllerView, int)">setView</a>, <a href="../controlP5/Controller.html#setVisible(boolean)">setVisible</a>, <a href="../controlP5/Controller.html#show()">show</a>, <a href="../controlP5/Controller.html#toString()">toString</a>, <a href="../controlP5/Controller.html#unlock()">unlock</a>, <a href="../controlP5/Controller.html#unplugFrom(java.lang.Object)">unplugFrom</a>, <a href="../controlP5/Controller.html#unplugFrom(java.lang.Object[])">unplugFrom</a>, <a href="../controlP5/Controller.html#unregisterTooltip()">unregisterTooltip</a>, <a href="../controlP5/Controller.html#updateAbsolutePosition()">updateAbsolutePosition</a>, <a href="../controlP5/Controller.html#updateEvents()">updateEvents</a>, <a href="../controlP5/Controller.html#updateSize()">updateSize</a></code></li>
+</ul>
+<ul class="blockList">
+<li class="blockList"><a name="methods_inherited_from_class_java.lang.Object">
+<!--   -->
+</a>
+<h3>Methods inherited from class&nbsp;java.lang.Object</h3>
+<code>equals, getClass, hashCode, notify, notifyAll, wait, wait, wait</code></li>
+</ul>
+<ul class="blockList">
+<li class="blockList"><a name="methods_inherited_from_class_controlP5.ControllerInterface">
+<!--   -->
+</a>
+<h3>Methods inherited from interface&nbsp;controlP5.<a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a></h3>
+<code><a href="../controlP5/ControllerInterface.html#parent()">parent</a>, <a href="../controlP5/ControllerInterface.html#setColorLabel(int)">setColorLabel</a>, <a href="../controlP5/ControllerInterface.html#setColorValue(int)">setColorValue</a>, <a href="../controlP5/ControllerInterface.html#setLabel(java.lang.String)">setLabel</a></code></li>
+</ul>
+</li>
+</ul>
+</li>
+</ul>
+</div>
+<div class="details">
+<ul class="blockList">
+<li class="blockList">
+<!-- ============ FIELD DETAIL =========== -->
+<ul class="blockList">
+<li class="blockList"><a name="field_detail">
+<!--   -->
+</a>
+<h3>Field Detail</h3>
+<a name="FIX">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>FIX</h4>
+<pre>public static final&nbsp;int FIX</pre>
+<dl><dt><span class="strong">See Also:</span></dt><dd><a href="../constant-values.html#controlP5.Slider.FIX">Constant Field Values</a></dd></dl>
+</li>
+</ul>
+<a name="FLEXIBLE">
+<!--   -->
+</a>
+<ul class="blockListLast">
+<li class="blockList">
+<h4>FLEXIBLE</h4>
+<pre>public static final&nbsp;int FLEXIBLE</pre>
+<dl><dt><span class="strong">See Also:</span></dt><dd><a href="../constant-values.html#controlP5.Slider.FLEXIBLE">Constant Field Values</a></dd></dl>
+</li>
+</ul>
+</li>
+</ul>
+<!-- ========= CONSTRUCTOR DETAIL ======== -->
+<ul class="blockList">
+<li class="blockList"><a name="constructor_detail">
+<!--   -->
+</a>
+<h3>Constructor Detail</h3>
+<a name="Slider(controlP5.ControlP5, controlP5.ControllerGroup, java.lang.String, float, float, float, int, int, int, int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>Slider</h4>
+<pre>public&nbsp;Slider(<a href="../controlP5/ControlP5.html" title="class in controlP5">ControlP5</a>&nbsp;theControlP5,
+      <a href="../controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a>&lt;?&gt;&nbsp;theParent,
+      java.lang.String&nbsp;theName,
+      float&nbsp;theMin,
+      float&nbsp;theMax,
+      float&nbsp;theDefaultValue,
+      int&nbsp;theX,
+      int&nbsp;theY,
+      int&nbsp;theWidth,
+      int&nbsp;theHeight)</pre>
+</li>
+</ul>
+<a name="Slider(controlP5.ControlP5, java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockListLast">
+<li class="blockList">
+<h4>Slider</h4>
+<pre>public&nbsp;Slider(<a href="../controlP5/ControlP5.html" title="class in controlP5">ControlP5</a>&nbsp;theControlP5,
+      java.lang.String&nbsp;theName)</pre>
+<div class="block">Convenience constructor to extend Slider.</div>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theControlP5</code> - </dd><dd><code>theName</code> - </dd><script type="text/javascript">
+<!--
+document.getElementsByTagName('html')[0].className = 'isjs';function toggle(dt) { var display, dd=dt; do{ dd = dd.nextSibling } while(dd.tagName!='DD'); toOpen =!dd.style.display;dd.style.display = toOpen? 'block':''; dt.getElementsByTagName('span')[0].innerHTML  = toOpen? '-':'+' ; }
+-->
+</script>
+<div id="test" class="toggleList"><dl><dt onclick="toggle(this);"><span>+</span>Example</dt><dd><code><pre>/**
+ * ControlP5 extending Controllers
+ *
+ * the following example shows how to extend the Controller class to 
+ * create customizable Controllers. You can either extend the Controller class itself,
+ * or any class that extends Controller itself like the Slider, Button, DropdownList, etc. 
+ * 
+ * How to:
+ *
+ * 1) do a super call to the convenience constructor requiring 
+ * 2 parameter (ControlP5 instance, name)  
+ *
+ * 2) the Controller class has a set of empty methods that allow you to capture
+ * inputs from the mouse including 
+ * onEnter(), onLeave(), onPress(), onRelease(), onClick(), onScroll(int), onDrag()
+ * These you can override and include functionality as needed.
+ *
+ * 3) use method getPointer() to return the local (relative) 
+ * xy-coordinates of the controller
+ *  
+ * 4) after instantiation custom controllers are treated the same 
+ * as default controlP5 controllers.
+ *  
+ * by Andreas Schlegel, 2012
+ * www.sojamo.de/libraries/controlp5
+ *
+ */
+
+import controlP5.*;
+
+ControlP5 cp5;
+PApplet p;
+
+void setup() {
+  size(400, 400);
+  cp5 = new ControlP5(this);
+  
+  // create 2 groups to show nesting of custom controllers and
+  //   
+  Group g1 = cp5.addGroup("a").setPosition(0,100).setWidth(180);
+  Group g2 = cp5.addGroup("b").setPosition(0,10).setWidth(180);
+  g2.moveTo(g1);
+  
+  // create 2 custom Controllers from class MyButton
+  // MyButton extends Controller and inherits all methods accordingly.
+  new MyButton(cp5, "b1").setPosition(0, 0).setSize(180, 200).moveTo(g2);
+  new MyButton(cp5, "b2").setPosition(205, 15).setSize(180, 200);
+  
+}
+
+
+void draw() {
+  background(0);
+}
+
+// b1 will be called from Controller b1
+public void b1(float theValue) {
+  println("yay button "+theValue);
+}
+
+public void controlEvent(ControlEvent theEvent) {
+  println("controlEvent : "+theEvent);
+}
+
+
+// Create a custom Controller, please not that 
+// MyButton extends Controller<MyButton>, <MyButton>
+// is an indicator for the super class about the type of 
+// custom controller to be created.
+
+class MyButton extends Controller<MyButton> {
+
+  int current = 0xffff0000;
+
+  float a = 128;
+  
+  float na;
+  
+  int y;
+  
+  // use the convenience constructor of super class Controller
+  // MyButton will automatically registered and move to the 
+  // default controlP5 tab.
+  
+  MyButton(ControlP5 cp5, String theName) {
+    super(cp5, theName);
+    
+    // replace the default view with a custom view.
+    setView(new ControllerView() {
+      public void display(PApplet p, Object b) {
+        // draw button background
+        na += (a-na) * 0.1; 
+        p.fill(current,na);
+        p.rect(0, 0, getWidth(), getHeight());
+        
+        // draw horizontal line which can be moved on the x-axis 
+        // using the scroll wheel. 
+        p.fill(0,255,0);
+        p.rect(0,y,width,10);
+        
+        // draw the custom label 
+        p.fill(128);
+        translate(0,getHeight()+14);
+        p.text(getName(),0,0);
+        p.text(getName(),0,0);
+        
+      }
+    }
+    );
+  }
+
+  // override various input methods for mouse input control
+  void onEnter() {
+    cursor(HAND);
+    println("enter");
+    a = 255;
+  }
+  
+  void onScroll(int n) {
+    println("scrolling");
+    y -= n;
+    y = constrain(y,0,getHeight()-10);
+  }
+  
+  void onPress() {
+    println("press");
+    current = 0xffffff00;
+  }
+  
+  void onClick() {
+    Pointer p1 = getPointer();
+    println("clicked at "+p1.x()+", "+p1.y());
+    current = 0xffffff00;
+    setValue(y);
+  }
+
+  void onRelease() {
+    println("release");
+    current = 0xffffffff;
+  }
+  
+  void onMove() {
+    println("moving "+this+" "+_myControlWindow.getMouseOverList());
+  }
+
+  void onDrag() {
+    current = 0xff0000ff;
+    Pointer p1 = getPointer();
+    float dif = dist(p1.px(),p1.py(),p1.x(),p1.y());
+    println("dragging at "+p1.x()+", "+p1.y()+" "+dif);
+  }
+  
+  void onReleaseOutside() {
+    onLeave();
+  }
+
+  void onLeave() {
+    println("leave");
+    cursor(ARROW);
+    a = 128;
+  }
+}
+
+</pre></code></dd></dl></div></dl>
+</li>
+</ul>
+</li>
+</ul>
+<!-- ============ METHOD DETAIL ========== -->
+<ul class="blockList">
+<li class="blockList"><a name="method_detail">
+<!--   -->
+</a>
+<h3>Method Detail</h3>
+<a name="getDirection()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getDirection</h4>
+<pre>public&nbsp;int&nbsp;getDirection()</pre>
+</li>
+</ul>
+<a name="getHandleSize()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getHandleSize</h4>
+<pre>public&nbsp;int&nbsp;getHandleSize()</pre>
+</li>
+</ul>
+<a name="getMax()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getMax</h4>
+<pre>public&nbsp;float&nbsp;getMax()</pre>
+<div class="block"><strong>Description copied from class:&nbsp;<code><a href="../controlP5/Controller.html#getMax()">Controller</a></code></strong></div>
+<div class="block">returns the maximum value of the controller.</div>
+<dl>
+<dt><strong>Overrides:</strong></dt>
+<dd><code><a href="../controlP5/Controller.html#getMax()">getMax</a></code>&nbsp;in class&nbsp;<code><a href="../controlP5/Controller.html" title="class in controlP5">Controller</a>&lt;<a href="../controlP5/Slider.html" title="class in controlP5">Slider</a>&gt;</code></dd>
+<dt><span class="strong">Returns:</span></dt><dd>float</dd></dl>
+</li>
+</ul>
+<a name="getMin()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getMin</h4>
+<pre>public&nbsp;float&nbsp;getMin()</pre>
+<div class="block"><strong>Description copied from class:&nbsp;<code><a href="../controlP5/Controller.html#getMin()">Controller</a></code></strong></div>
+<div class="block">returns the minimum value of the controller.</div>
+<dl>
+<dt><strong>Overrides:</strong></dt>
+<dd><code><a href="../controlP5/Controller.html#getMin()">getMin</a></code>&nbsp;in class&nbsp;<code><a href="../controlP5/Controller.html" title="class in controlP5">Controller</a>&lt;<a href="../controlP5/Slider.html" title="class in controlP5">Slider</a>&gt;</code></dd>
+<dt><span class="strong">Returns:</span></dt><dd>float</dd></dl>
+</li>
+</ul>
+<a name="getNumberOfTickMarks()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getNumberOfTickMarks</h4>
+<pre>public&nbsp;int&nbsp;getNumberOfTickMarks()</pre>
+<div class="block">returns the amount of tickmarks available for a slider</div>
+<dl><dt><span class="strong">Returns:</span></dt><dd>int</dd></dl>
+</li>
+</ul>
+<a name="getSliderMode()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getSliderMode</h4>
+<pre>public&nbsp;int&nbsp;getSliderMode()</pre>
+</li>
+</ul>
+<a name="getTickMark(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getTickMark</h4>
+<pre>public&nbsp;<a href="../controlP5/TickMark.html" title="class in controlP5">TickMark</a>&nbsp;getTickMark(int&nbsp;theIndex)</pre>
+<div class="block">returns an instance of a tickmark by index.</div>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theIndex</code> - </dd>
+<dt><span class="strong">Returns:</span></dt><dd></dd><dt><span class="strong">See Also:</span></dt><dd><a href="../controlP5/TickMark.html" title="class in controlP5"><code>TickMark</code></a></dd></dl>
+</li>
+</ul>
+<a name="getTickMarks()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getTickMarks</h4>
+<pre>public&nbsp;java.util.ArrayList&lt;<a href="../controlP5/TickMark.html" title="class in controlP5">TickMark</a>&gt;&nbsp;getTickMarks()</pre>
+<div class="block">returns an ArrayList of available tick marks for a slider.</div>
+<dl><dt><span class="strong">Returns:</span></dt><dd>ArrayList<TickMark></dd></dl>
+</li>
+</ul>
+<a name="getTriggerEvent()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getTriggerEvent</h4>
+<pre>public&nbsp;int&nbsp;getTriggerEvent()</pre>
+<div class="block">returns the current trigger event which is either Slider.PRESSED or Slider.RELEASE</div>
+<dl><dt><span class="strong">Returns:</span></dt><dd>int</dd></dl>
+</li>
+</ul>
+<a name="getValue()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getValue</h4>
+<pre>public&nbsp;float&nbsp;getValue()</pre>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerInterface.html#getValue()">getValue</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/Slider.html" title="class in controlP5">Slider</a>&gt;</code></dd>
+<dt><strong>Overrides:</strong></dt>
+<dd><code><a href="../controlP5/Controller.html#getValue()">getValue</a></code>&nbsp;in class&nbsp;<code><a href="../controlP5/Controller.html" title="class in controlP5">Controller</a>&lt;<a href="../controlP5/Slider.html" title="class in controlP5">Slider</a>&gt;</code></dd>
+<dt><span class="strong">Returns:</span></dt><dd>float</dd><dt><span class="strong">See Also:</span></dt><dd><a href="../controlP5/Controller.html#getStringValue()"><code>Controller.getStringValue()</code></a>, 
+<a href="../controlP5/Controller.html#getArrayValue()"><code>Controller.getArrayValue()</code></a></dd></dl>
+</li>
+</ul>
+<a name="getValuePosition()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getValuePosition</h4>
+<pre>public&nbsp;float&nbsp;getValuePosition()</pre>
+</li>
+</ul>
+<a name="init()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>init</h4>
+<pre>public&nbsp;void&nbsp;init()</pre>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerInterface.html#init()">init</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/Slider.html" title="class in controlP5">Slider</a>&gt;</code></dd>
+<dt><strong>Overrides:</strong></dt>
+<dd><code><a href="../controlP5/Controller.html#init()">init</a></code>&nbsp;in class&nbsp;<code><a href="../controlP5/Controller.html" title="class in controlP5">Controller</a>&lt;<a href="../controlP5/Slider.html" title="class in controlP5">Slider</a>&gt;</code></dd>
+</dl>
+</li>
+</ul>
+<a name="linebreak()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>linebreak</h4>
+<pre>public&nbsp;<a href="../controlP5/Slider.html" title="class in controlP5">Slider</a>&nbsp;linebreak()</pre>
+<dl>
+<dt><strong>Overrides:</strong></dt>
+<dd><code><a href="../controlP5/Controller.html#linebreak()">linebreak</a></code>&nbsp;in class&nbsp;<code><a href="../controlP5/Controller.html" title="class in controlP5">Controller</a>&lt;<a href="../controlP5/Slider.html" title="class in controlP5">Slider</a>&gt;</code></dd>
+<dt><span class="strong">Returns:</span></dt><dd>Controller</dd></dl>
+</li>
+</ul>
+<a name="scrolled(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>scrolled</h4>
+<pre>public&nbsp;<a href="../controlP5/Slider.html" title="class in controlP5">Slider</a>&nbsp;scrolled(int&nbsp;theRotationValue)</pre>
+<div class="block">changes the value of the slider when hovering and using the mouse wheel or the scroll
+ function of a multi-touch track pad.</div>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theRotationValue</code> - </dd>
+<dt><span class="strong">Returns:</span></dt><dd>Slider</dd></dl>
+</li>
+</ul>
+<a name="setColorTickMark(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setColorTickMark</h4>
+<pre>public&nbsp;<a href="../controlP5/Slider.html" title="class in controlP5">Slider</a>&nbsp;setColorTickMark(int&nbsp;theColor)</pre>
+<div class="block">sets the color of tick marks if enabled. by default the color is set to white.</div>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theColor</code> - </dd>
+<dt><span class="strong">Returns:</span></dt><dd>Slider</dd></dl>
+</li>
+</ul>
+<a name="setHandleSize(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setHandleSize</h4>
+<pre>public&nbsp;<a href="../controlP5/Slider.html" title="class in controlP5">Slider</a>&nbsp;setHandleSize(int&nbsp;theSize)</pre>
+<div class="block">sets the size of the Slider handle, by default it is set to either the width or height of the
+ slider.</div>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theSize</code> - </dd></dl>
+</li>
+</ul>
+<a name="setHeight(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setHeight</h4>
+<pre>public&nbsp;<a href="../controlP5/Slider.html" title="class in controlP5">Slider</a>&nbsp;setHeight(int&nbsp;theValue)</pre>
+<div class="block">set the height of the slider.</div>
+<dl>
+<dt><strong>Overrides:</strong></dt>
+<dd><code><a href="../controlP5/Controller.html#setHeight(int)">setHeight</a></code>&nbsp;in class&nbsp;<code><a href="../controlP5/Controller.html" title="class in controlP5">Controller</a>&lt;<a href="../controlP5/Slider.html" title="class in controlP5">Slider</a>&gt;</code></dd>
+<dt><span class="strong">Parameters:</span></dt><dd><code>theValue</code> - int</dd>
+<dt><span class="strong">Returns:</span></dt><dd>Controller</dd></dl>
+</li>
+</ul>
+<a name="setMax(float)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setMax</h4>
+<pre>public&nbsp;<a href="../controlP5/Slider.html" title="class in controlP5">Slider</a>&nbsp;setMax(float&nbsp;theValue)</pre>
+<div class="block">set the maximum value of the slider.</div>
+<dl>
+<dt><strong>Overrides:</strong></dt>
+<dd><code><a href="../controlP5/Controller.html#setMax(float)">setMax</a></code>&nbsp;in class&nbsp;<code><a href="../controlP5/Controller.html" title="class in controlP5">Controller</a>&lt;<a href="../controlP5/Slider.html" title="class in controlP5">Slider</a>&gt;</code></dd>
+<dt><span class="strong">Parameters:</span></dt><dd><code>theValue</code> - float</dd>
+<dt><span class="strong">Returns:</span></dt><dd>Controller</dd></dl>
+</li>
+</ul>
+<a name="setMin(float)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setMin</h4>
+<pre>public&nbsp;<a href="../controlP5/Slider.html" title="class in controlP5">Slider</a>&nbsp;setMin(float&nbsp;theValue)</pre>
+<div class="block">sets the minimum value of the slider.</div>
+<dl>
+<dt><strong>Overrides:</strong></dt>
+<dd><code><a href="../controlP5/Controller.html#setMin(float)">setMin</a></code>&nbsp;in class&nbsp;<code><a href="../controlP5/Controller.html" title="class in controlP5">Controller</a>&lt;<a href="../controlP5/Slider.html" title="class in controlP5">Slider</a>&gt;</code></dd>
+<dt><span class="strong">Parameters:</span></dt><dd><code>theValue</code> - float</dd>
+<dt><span class="strong">Returns:</span></dt><dd>Controller</dd></dl>
+</li>
+</ul>
+<a name="setNumberOfTickMarks(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setNumberOfTickMarks</h4>
+<pre>public&nbsp;<a href="../controlP5/Slider.html" title="class in controlP5">Slider</a>&nbsp;setNumberOfTickMarks(int&nbsp;theNumber)</pre>
+<div class="block">sets the number of tickmarks for a slider, by default tick marks are turned off.</div>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theNumber</code> - </dd></dl>
+</li>
+</ul>
+<a name="setRange(float, float)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setRange</h4>
+<pre>public&nbsp;<a href="../controlP5/Slider.html" title="class in controlP5">Slider</a>&nbsp;setRange(float&nbsp;theMin,
+              float&nbsp;theMax)</pre>
+</li>
+</ul>
+<a name="setScrollSensitivity(float)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setScrollSensitivity</h4>
+<pre>public&nbsp;<a href="../controlP5/Slider.html" title="class in controlP5">Slider</a>&nbsp;setScrollSensitivity(float&nbsp;theValue)</pre>
+<div class="block">sets the sensitivity for the scroll behavior when using the mouse wheel or the scroll
+ function of a multi-touch track pad. The smaller the value (closer to 0) the higher the
+ sensitivity. by default this value is set to 0.1</div>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theValue</code> - </dd>
+<dt><span class="strong">Returns:</span></dt><dd>Slider</dd></dl>
+</li>
+</ul>
+<a name="setSensitivity(float)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setSensitivity</h4>
+<pre>@Deprecated
+public&nbsp;<a href="../controlP5/Slider.html" title="class in controlP5">Slider</a>&nbsp;setSensitivity(float&nbsp;theValue)</pre>
+<div class="block"><span class="strong">Deprecated.</span>&nbsp;</div>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theValue</code> - </dd>
+<dt><span class="strong">Returns:</span></dt><dd>Slider</dd><dt><span class="strong">See Also:</span></dt><dd><a href="../controlP5/Slider.html#setScrollSensitivity(float)"><code>setScrollSensitivity(float)</code></a></dd></dl>
+</li>
+</ul>
+<a name="setSize(int, int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setSize</h4>
+<pre>public&nbsp;<a href="../controlP5/Slider.html" title="class in controlP5">Slider</a>&nbsp;setSize(int&nbsp;theWidth,
+             int&nbsp;theHeight)</pre>
+<dl>
+<dt><strong>Overrides:</strong></dt>
+<dd><code><a href="../controlP5/Controller.html#setSize(int, int)">setSize</a></code>&nbsp;in class&nbsp;<code><a href="../controlP5/Controller.html" title="class in controlP5">Controller</a>&lt;<a href="../controlP5/Slider.html" title="class in controlP5">Slider</a>&gt;</code></dd>
+<dt><span class="strong">Returns:</span></dt><dd>Controller</dd></dl>
+</li>
+</ul>
+<a name="setSliderBarSize(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setSliderBarSize</h4>
+<pre>@Deprecated
+public&nbsp;void&nbsp;setSliderBarSize(int&nbsp;theSize)</pre>
+<div class="block"><span class="strong">Deprecated.</span>&nbsp;</div>
+</li>
+</ul>
+<a name="setSliderMode(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setSliderMode</h4>
+<pre>public&nbsp;<a href="../controlP5/Slider.html" title="class in controlP5">Slider</a>&nbsp;setSliderMode(int&nbsp;theMode)</pre>
+<div class="block">use the slider mode to set the mode of the slider bar, which can be Slider.FLEXIBLE or
+ Slider.FIX</div>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theMode</code> - int</dd></dl>
+</li>
+</ul>
+<a name="setTriggerEvent(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setTriggerEvent</h4>
+<pre>public&nbsp;<a href="../controlP5/Slider.html" title="class in controlP5">Slider</a>&nbsp;setTriggerEvent(int&nbsp;theEventID)</pre>
+<div class="block">the trigger event is set to Slider.PRESSED by default but can be changed to Slider.RELEASE so
+ that events are triggered when the slider is released.</div>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theEventID</code> - </dd></dl>
+</li>
+</ul>
+<a name="setValue(float)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setValue</h4>
+<pre>public&nbsp;<a href="../controlP5/Slider.html" title="class in controlP5">Slider</a>&nbsp;setValue(float&nbsp;theValue)</pre>
+<div class="block">set the value of the slider.</div>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerInterface.html#setValue(float)">setValue</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/Slider.html" title="class in controlP5">Slider</a>&gt;</code></dd>
+<dt><strong>Overrides:</strong></dt>
+<dd><code><a href="../controlP5/Controller.html#setValue(float)">setValue</a></code>&nbsp;in class&nbsp;<code><a href="../controlP5/Controller.html" title="class in controlP5">Controller</a>&lt;<a href="../controlP5/Slider.html" title="class in controlP5">Slider</a>&gt;</code></dd>
+<dt><span class="strong">Parameters:</span></dt><dd><code>theValue</code> - float</dd></dl>
+</li>
+</ul>
+<a name="setWidth(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setWidth</h4>
+<pre>public&nbsp;<a href="../controlP5/Slider.html" title="class in controlP5">Slider</a>&nbsp;setWidth(int&nbsp;theValue)</pre>
+<div class="block">set the width of the slider.</div>
+<dl>
+<dt><strong>Overrides:</strong></dt>
+<dd><code><a href="../controlP5/Controller.html#setWidth(int)">setWidth</a></code>&nbsp;in class&nbsp;<code><a href="../controlP5/Controller.html" title="class in controlP5">Controller</a>&lt;<a href="../controlP5/Slider.html" title="class in controlP5">Slider</a>&gt;</code></dd>
+<dt><span class="strong">Parameters:</span></dt><dd><code>theValue</code> - int</dd>
+<dt><span class="strong">Returns:</span></dt><dd>Controller</dd></dl>
+</li>
+</ul>
+<a name="showTickMarks(boolean)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>showTickMarks</h4>
+<pre>public&nbsp;<a href="../controlP5/Slider.html" title="class in controlP5">Slider</a>&nbsp;showTickMarks(boolean&nbsp;theFlag)</pre>
+<div class="block">shows or hides tickmarks for a slider</div>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theFlag</code> - </dd>
+<dt><span class="strong">Returns:</span></dt><dd>Slider</dd></dl>
+</li>
+</ul>
+<a name="shuffle()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>shuffle</h4>
+<pre>public&nbsp;<a href="../controlP5/Slider.html" title="class in controlP5">Slider</a>&nbsp;shuffle()</pre>
+<div class="block">assigns a random value to the slider.</div>
+</li>
+</ul>
+<a name="snapToTickMarks(boolean)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>snapToTickMarks</h4>
+<pre>public&nbsp;<a href="../controlP5/Slider.html" title="class in controlP5">Slider</a>&nbsp;snapToTickMarks(boolean&nbsp;theFlag)</pre>
+<div class="block">enables or disables snap to tick marks.</div>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theFlag</code> - </dd>
+<dt><span class="strong">Returns:</span></dt><dd>Slider</dd></dl>
+</li>
+</ul>
+<a name="update()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>update</h4>
+<pre>public&nbsp;<a href="../controlP5/Slider.html" title="class in controlP5">Slider</a>&nbsp;update()</pre>
+<div class="block"><strong>Description copied from class:&nbsp;<code><a href="../controlP5/Controller.html#update()">Controller</a></code></strong></div>
+<div class="block">updates the value of the controller without having to set the value explicitly. update does
+ not visually update the controller. the updating status can be set with setUpdate(true/false)
+ and checked with isUpdate().</div>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerInterface.html#update()">update</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/Slider.html" title="class in controlP5">Slider</a>&gt;</code></dd>
+<dt><strong>Overrides:</strong></dt>
+<dd><code><a href="../controlP5/Controller.html#update()">update</a></code>&nbsp;in class&nbsp;<code><a href="../controlP5/Controller.html" title="class in controlP5">Controller</a>&lt;<a href="../controlP5/Slider.html" title="class in controlP5">Slider</a>&gt;</code></dd>
+<dt><span class="strong">Returns:</span></dt><dd>Controller</dd><dt><span class="strong">See Also:</span></dt><dd><a href="../controlP5/Controller.html#setUpdate(boolean)"><code>Controller.setUpdate(boolean)</code></a>, 
+<a href="../controlP5/Controller.html#isUpdate()"><code>Controller.isUpdate()</code></a></dd></dl>
+</li>
+</ul>
+<a name="updateDisplayMode(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>updateDisplayMode</h4>
+<pre>public&nbsp;<a href="../controlP5/Slider.html" title="class in controlP5">Slider</a>&nbsp;updateDisplayMode(int&nbsp;theMode)</pre>
+</li>
+</ul>
+<a name="updateInternalEvents(processing.core.PApplet)">
+<!--   -->
+</a>
+<ul class="blockListLast">
+<li class="blockList">
+<h4>updateInternalEvents</h4>
+<pre>public&nbsp;<a href="../controlP5/Slider.html" title="class in controlP5">Slider</a>&nbsp;updateInternalEvents(processing.core.PApplet&nbsp;theApplet)</pre>
+<div class="block"><strong>Description copied from interface:&nbsp;<code><a href="../controlP5/ControllerInterface.html#updateInternalEvents(processing.core.PApplet)">ControllerInterface</a></code></strong></div>
+<div class="block">a method for putting input events like e.g. mouse or keyboard events and queries. this has
+ been taken out of the draw method for better overwriting capability.</div>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerInterface.html#updateInternalEvents(processing.core.PApplet)">updateInternalEvents</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/Slider.html" title="class in controlP5">Slider</a>&gt;</code></dd>
+<dt><strong>Overrides:</strong></dt>
+<dd><code><a href="../controlP5/Controller.html#updateInternalEvents(processing.core.PApplet)">updateInternalEvents</a></code>&nbsp;in class&nbsp;<code><a href="../controlP5/Controller.html" title="class in controlP5">Controller</a>&lt;<a href="../controlP5/Slider.html" title="class in controlP5">Slider</a>&gt;</code></dd>
+<dt><span class="strong">See Also:</span></dt><dd><code>ControllerInterface.updateInternalEvents</code></dd></dl>
+</li>
+</ul>
+</li>
+</ul>
+</li>
+</ul>
+</div>
+</div>
+<!-- ========= END OF CLASS DATA ========= -->
+<!-- ======= START OF BOTTOM NAVBAR ====== -->
+<div class="bottomNav"><a name="navbar_bottom">
+<!--   -->
+</a><a href="#skip-navbar_bottom" title="Skip navigation links"></a><a name="navbar_bottom_firstrow">
+<!--   -->
+</a>
+<ul class="navList" title="Navigation">
+<li><a href="../controlP5/package-summary.html">Package</a></li>
+<li class="navBarCell1Rev">Class</li>
+<li><a href="package-tree.html">Tree</a></li>
+<li><a href="../index-all.html">Index</a></li>
+<li><a href="../help-doc.html">Help</a></li>
+</ul>
+</div>
+<div class="subNav">
+<ul class="navList">
+<li><a href="../controlP5/ScrollableList.ScrollableListView.html" title="class in controlP5"><span class="strong">Prev Class</span></a></li>
+<li><a href="../controlP5/Slider2D.html" title="class in controlP5"><span class="strong">Next Class</span></a></li>
+</ul>
+<ul class="navList">
+<li><a href="../index.html?controlP5/Slider.html" target="_top">Frames</a></li>
+<li><a href="Slider.html" target="_top">No Frames</a></li>
+</ul>
+<ul class="navList" id="allclasses_navbar_bottom">
+<li><a href="../allclasses-noframe.html">All Classes</a></li>
+</ul>
+<div>
+<script type="text/javascript"><!--
+  allClassesLink = document.getElementById("allclasses_navbar_bottom");
+  if(window==top) {
+    allClassesLink.style.display = "block";
+  }
+  else {
+    allClassesLink.style.display = "none";
+  }
+  //-->
+</script>
+</div>
+<div>
+<ul class="subNavList">
+<li>Summary:&nbsp;</li>
+<li>Nested&nbsp;|&nbsp;</li>
+<li><a href="#field_summary">Field</a>&nbsp;|&nbsp;</li>
+<li><a href="#constructor_summary">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_summary">Method</a></li>
+</ul>
+<ul class="subNavList">
+<li>Detail:&nbsp;</li>
+<li><a href="#field_detail">Field</a>&nbsp;|&nbsp;</li>
+<li><a href="#constructor_detail">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_detail">Method</a></li>
+</ul>
+</div>
+<a name="skip-navbar_bottom">
+<!--   -->
+</a></div>
+<!-- ======== END OF BOTTOM NAVBAR ======= -->
+<p class="legalCopy"><small>processing library controlP5 by Andreas Schlegel. (c) 2006-2014</small></p>
+</body>
+</html>
diff --git a/reference/controlP5/Slider2D.html b/reference/controlP5/Slider2D.html
new file mode 100644
index 0000000..647e4ee
--- /dev/null
+++ b/reference/controlP5/Slider2D.html
@@ -0,0 +1,1058 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
+<!-- NewPage -->
+<html lang="en">
+<head>
+<!-- Generated by javadoc (version 1.7.0_51) on Sun Apr 27 21:39:48 SGT 2014 -->
+<title>Slider2D (Javadocs: controlP5)</title>
+<meta name="date" content="2014-04-27">
+<link rel="stylesheet" type="text/css" href="../stylesheet.css" title="Style">
+</head>
+<body>
+<script type="text/javascript"><!--
+    if (location.href.indexOf('is-external=true') == -1) {
+        parent.document.title="Slider2D (Javadocs: controlP5)";
+    }
+//-->
+</script>
+<noscript>
+<div>JavaScript is disabled on your browser.</div>
+</noscript>
+<!-- ========= START OF TOP NAVBAR ======= -->
+<div class="topNav"><a name="navbar_top">
+<!--   -->
+</a><a href="#skip-navbar_top" title="Skip navigation links"></a><a name="navbar_top_firstrow">
+<!--   -->
+</a>
+<ul class="navList" title="Navigation">
+<li><a href="../controlP5/package-summary.html">Package</a></li>
+<li class="navBarCell1Rev">Class</li>
+<li><a href="package-tree.html">Tree</a></li>
+<li><a href="../index-all.html">Index</a></li>
+<li><a href="../help-doc.html">Help</a></li>
+</ul>
+</div>
+<div class="subNav">
+<ul class="navList">
+<li><a href="../controlP5/Slider.html" title="class in controlP5"><span class="strong">Prev Class</span></a></li>
+<li><a href="../controlP5/Tab.html" title="class in controlP5"><span class="strong">Next Class</span></a></li>
+</ul>
+<ul class="navList">
+<li><a href="../index.html?controlP5/Slider2D.html" target="_top">Frames</a></li>
+<li><a href="Slider2D.html" target="_top">No Frames</a></li>
+</ul>
+<ul class="navList" id="allclasses_navbar_top">
+<li><a href="../allclasses-noframe.html">All Classes</a></li>
+</ul>
+<div>
+<script type="text/javascript"><!--
+  allClassesLink = document.getElementById("allclasses_navbar_top");
+  if(window==top) {
+    allClassesLink.style.display = "block";
+  }
+  else {
+    allClassesLink.style.display = "none";
+  }
+  //-->
+</script>
+</div>
+<div>
+<ul class="subNavList">
+<li>Summary:&nbsp;</li>
+<li>Nested&nbsp;|&nbsp;</li>
+<li><a href="#field_summary">Field</a>&nbsp;|&nbsp;</li>
+<li><a href="#constructor_summary">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_summary">Method</a></li>
+</ul>
+<ul class="subNavList">
+<li>Detail:&nbsp;</li>
+<li><a href="#field_detail">Field</a>&nbsp;|&nbsp;</li>
+<li><a href="#constructor_detail">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_detail">Method</a></li>
+</ul>
+</div>
+<a name="skip-navbar_top">
+<!--   -->
+</a></div>
+<!-- ========= END OF TOP NAVBAR ========= -->
+<!-- ======== START OF CLASS DATA ======== -->
+<div class="header">
+<div class="subTitle">controlP5</div>
+<h2 title="Class Slider2D" class="title">Class Slider2D</h2>
+</div>
+<div class="contentContainer">
+<ul class="inheritance">
+<li>java.lang.Object</li>
+<li>
+<ul class="inheritance">
+<li><a href="../controlP5/Controller.html" title="class in controlP5">controlP5.Controller</a>&lt;<a href="../controlP5/Slider2D.html" title="class in controlP5">Slider2D</a>&gt;</li>
+<li>
+<ul class="inheritance">
+<li>controlP5.Slider2D</li>
+</ul>
+</li>
+</ul>
+</li>
+</ul>
+<div class="description">
+<ul class="blockList">
+<li class="blockList">
+<dl>
+<dt>All Implemented Interfaces:</dt>
+<dd><a href="../controlP5/CDrawable.html" title="interface in controlP5">CDrawable</a>, <a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/Slider2D.html" title="class in controlP5">Slider2D</a>&gt;, <a href="../controlP5/ControlP5Constants.html" title="interface in controlP5">ControlP5Constants</a></dd>
+</dl>
+<hr>
+<br>
+<pre>public class <span class="strong">Slider2D</span>
+extends <a href="../controlP5/Controller.html" title="class in controlP5">Controller</a>&lt;<a href="../controlP5/Slider2D.html" title="class in controlP5">Slider2D</a>&gt;</pre>
+<div class="block">The Slider2D allows to control a handle within a 2D area. This controller returns an arrayValue
+ with the current xy position of its handle.</div>
+<dl><dt><span class="strong">Author:</span></dt>
+  <dd>andreas schlegel</dd>
+<script type="text/javascript">
+<!--
+document.getElementsByTagName('html')[0].className = 'isjs';function toggle(dt) { var display, dd=dt; do{ dd = dd.nextSibling } while(dd.tagName!='DD'); toOpen =!dd.style.display;dd.style.display = toOpen? 'block':''; dt.getElementsByTagName('span')[0].innerHTML  = toOpen? '-':'+' ; }
+-->
+</script>
+<div id="test" class="toggleList"><dl><dt onclick="toggle(this);"><span>+</span>Example</dt><dd><code><pre>/**
+* ControlP5 Slider2D
+*
+*
+* find a list of public methods available for the Slider2D Controller
+* at the bottom of this sketch.
+*
+* by Andreas Schlegel, 2012
+* www.sojamo.de/libraries/controlp5
+*
+*/
+
+import controlP5.*;
+
+ControlP5 cp5;
+
+Slider2D s;
+
+void setup() {
+  size(700,400);
+  cp5 = new ControlP5(this);
+  s = cp5.addSlider2D("wave")
+         .setPosition(30,40)
+         .setSize(100,100)
+         .setArrayValue(new float[] {50, 50})
+         //.disableCrosshair()
+         ;
+         
+  smooth();
+}
+
+float cnt;
+void draw() {
+  background(0);
+  pushMatrix();
+  translate(160,140);
+  noStroke();
+  fill(50);
+  rect(0, -100, 400,200);
+  strokeWeight(1);
+  line(0,0,200, 0);
+  stroke(255);
+  
+  for(int i=1;i<400;i++) {
+    float y0 = cos(map(i-1,0,s.arrayValue()[0],-PI,PI)) * s.arrayValue()[1]; 
+    float y1 = cos(map(i,0,s.arrayValue()[0],-PI,PI)) * s.arrayValue()[1];
+    line((i-1),y0,i,y1);
+  }
+  
+  popMatrix();
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+/*
+a list of all methods available for the Slider2D Controller
+use ControlP5.printPublicMethodsFor(Slider2D.class);
+to print the following list into the console.
+
+You can find further details about class Slider2D in the javadoc.
+
+Format:
+ClassName : returnType methodName(parameter type)
+
+controlP5.Slider2D : Slider2D enableCrosshair()
+controlP5.Slider2D : Slider2D disableCrosshair()
+controlP5.Slider2D : Slider2D setArrayValue(float[]) 
+controlP5.Slider2D : Slider2D setMaxX(float) 
+controlP5.Slider2D : Slider2D setMaxY(float) 
+controlP5.Slider2D : Slider2D setMinX(float) 
+controlP5.Slider2D : Slider2D setMinY(float) 
+controlP5.Slider2D : Slider2D setValue(float) 
+controlP5.Slider2D : Slider2D shuffle() 
+controlP5.Slider2D : float getCursorHeight() 
+controlP5.Slider2D : float getCursorWidth() 
+controlP5.Slider2D : float getCursorX() 
+controlP5.Slider2D : float getCursorY() 
+controlP5.Slider2D : float getMaxX() 
+controlP5.Slider2D : float getMaxY() 
+controlP5.Slider2D : float getMinX() 
+controlP5.Slider2D : float getMinY() 
+controlP5.Slider2D : float[] getArrayValue() 
+controlP5.Slider2D : void setValueLabelSeparator(String) 
+controlP5.Controller : CColor getColor() 
+controlP5.Controller : ControlBehavior getBehavior() 
+controlP5.Controller : ControlWindow getControlWindow() 
+controlP5.Controller : ControlWindow getWindow() 
+controlP5.Controller : ControllerProperty getProperty(String) 
+controlP5.Controller : ControllerProperty getProperty(String, String) 
+controlP5.Controller : Label getCaptionLabel() 
+controlP5.Controller : Label getValueLabel() 
+controlP5.Controller : List getControllerPlugList() 
+controlP5.Controller : PImage setImage(PImage) 
+controlP5.Controller : PImage setImage(PImage, int) 
+controlP5.Controller : PVector getAbsolutePosition() 
+controlP5.Controller : PVector getPosition() 
+controlP5.Controller : Slider2D addCallback(CallbackListener) 
+controlP5.Controller : Slider2D addListener(ControlListener) 
+controlP5.Controller : Slider2D bringToFront() 
+controlP5.Controller : Slider2D bringToFront(ControllerInterface) 
+controlP5.Controller : Slider2D hide() 
+controlP5.Controller : Slider2D linebreak() 
+controlP5.Controller : Slider2D listen(boolean) 
+controlP5.Controller : Slider2D lock() 
+controlP5.Controller : Slider2D plugTo(Object) 
+controlP5.Controller : Slider2D plugTo(Object, String) 
+controlP5.Controller : Slider2D plugTo(Object[]) 
+controlP5.Controller : Slider2D plugTo(Object[], String) 
+controlP5.Controller : Slider2D registerProperty(String) 
+controlP5.Controller : Slider2D registerProperty(String, String) 
+controlP5.Controller : Slider2D registerTooltip(String) 
+controlP5.Controller : Slider2D removeBehavior() 
+controlP5.Controller : Slider2D removeCallback() 
+controlP5.Controller : Slider2D removeCallback(CallbackListener) 
+controlP5.Controller : Slider2D removeListener(ControlListener) 
+controlP5.Controller : Slider2D removeProperty(String) 
+controlP5.Controller : Slider2D removeProperty(String, String) 
+controlP5.Controller : Slider2D setArrayValue(float[]) 
+controlP5.Controller : Slider2D setArrayValue(int, float) 
+controlP5.Controller : Slider2D setBehavior(ControlBehavior) 
+controlP5.Controller : Slider2D setBroadcast(boolean) 
+controlP5.Controller : Slider2D setCaptionLabel(String) 
+controlP5.Controller : Slider2D setColor(CColor) 
+controlP5.Controller : Slider2D setColorActive(int) 
+controlP5.Controller : Slider2D setColorBackground(int) 
+controlP5.Controller : Slider2D setColorCaptionLabel(int) 
+controlP5.Controller : Slider2D setColorForeground(int) 
+controlP5.Controller : Slider2D setColorValueLabel(int) 
+controlP5.Controller : Slider2D setDecimalPrecision(int) 
+controlP5.Controller : Slider2D setDefaultValue(float) 
+controlP5.Controller : Slider2D setHeight(int) 
+controlP5.Controller : Slider2D setId(int) 
+controlP5.Controller : Slider2D setImages(PImage, PImage, PImage) 
+controlP5.Controller : Slider2D setImages(PImage, PImage, PImage, PImage) 
+controlP5.Controller : Slider2D setLabelVisible(boolean) 
+controlP5.Controller : Slider2D setLock(boolean) 
+controlP5.Controller : Slider2D setMax(float) 
+controlP5.Controller : Slider2D setMin(float) 
+controlP5.Controller : Slider2D setMouseOver(boolean) 
+controlP5.Controller : Slider2D setMoveable(boolean) 
+controlP5.Controller : Slider2D setPosition(PVector) 
+controlP5.Controller : Slider2D setPosition(float, float) 
+controlP5.Controller : Slider2D setSize(PImage) 
+controlP5.Controller : Slider2D setSize(int, int) 
+controlP5.Controller : Slider2D setStringValue(String) 
+controlP5.Controller : Slider2D setUpdate(boolean) 
+controlP5.Controller : Slider2D setValueLabel(String) 
+controlP5.Controller : Slider2D setView(ControllerView) 
+controlP5.Controller : Slider2D setVisible(boolean) 
+controlP5.Controller : Slider2D setWidth(int) 
+controlP5.Controller : Slider2D show() 
+controlP5.Controller : Slider2D unlock() 
+controlP5.Controller : Slider2D unplugFrom(Object) 
+controlP5.Controller : Slider2D unplugFrom(Object[]) 
+controlP5.Controller : Slider2D unregisterTooltip() 
+controlP5.Controller : Slider2D update() 
+controlP5.Controller : Slider2D updateSize() 
+controlP5.Controller : String getAddress() 
+controlP5.Controller : String getInfo() 
+controlP5.Controller : String getName() 
+controlP5.Controller : String getStringValue() 
+controlP5.Controller : String toString() 
+controlP5.Controller : Tab getTab() 
+controlP5.Controller : boolean isActive() 
+controlP5.Controller : boolean isBroadcast() 
+controlP5.Controller : boolean isInside() 
+controlP5.Controller : boolean isLabelVisible() 
+controlP5.Controller : boolean isListening() 
+controlP5.Controller : boolean isLock() 
+controlP5.Controller : boolean isMouseOver() 
+controlP5.Controller : boolean isMousePressed() 
+controlP5.Controller : boolean isMoveable() 
+controlP5.Controller : boolean isUpdate() 
+controlP5.Controller : boolean isVisible() 
+controlP5.Controller : float getArrayValue(int) 
+controlP5.Controller : float getDefaultValue() 
+controlP5.Controller : float getMax() 
+controlP5.Controller : float getMin() 
+controlP5.Controller : float getValue() 
+controlP5.Controller : float[] getArrayValue() 
+controlP5.Controller : int getDecimalPrecision() 
+controlP5.Controller : int getHeight() 
+controlP5.Controller : int getId() 
+controlP5.Controller : int getWidth() 
+controlP5.Controller : int listenerSize() 
+controlP5.Controller : void remove() 
+controlP5.Controller : void setView(ControllerView, int) 
+java.lang.Object : String toString() 
+java.lang.Object : boolean equals(Object) 
+
+
+*/
+
+
+
+</pre></code></dd></dl></div></dl>
+</li>
+</ul>
+</div>
+<div class="summary">
+<ul class="blockList">
+<li class="blockList">
+<!-- =========== FIELD SUMMARY =========== -->
+<ul class="blockList">
+<li class="blockList"><a name="field_summary">
+<!--   -->
+</a>
+<h3>Field Summary</h3>
+<table class="overviewSummary" border="0" cellpadding="3" cellspacing="0" summary="Field Summary table, listing fields, and an explanation">
+<caption><span>Fields</span><span class="tabEnd">&nbsp;</span></caption>
+<tr>
+<th class="colFirst" scope="col">Modifier and Type</th>
+<th class="colLast" scope="col">Field and Description</th>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>boolean</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Slider2D.html#isCrosshairs">isCrosshairs</a></strong></code>&nbsp;</td>
+</tr>
+</table>
+<ul class="blockList">
+<li class="blockList"><a name="fields_inherited_from_class_controlP5.Controller">
+<!--   -->
+</a>
+<h3>Fields inherited from class&nbsp;controlP5.<a href="../controlP5/Controller.html" title="class in controlP5">Controller</a></h3>
+<code><a href="../controlP5/Controller.html#autoHeight">autoHeight</a>, <a href="../controlP5/Controller.html#autoSpacing">autoSpacing</a>, <a href="../controlP5/Controller.html#autoWidth">autoWidth</a></code></li>
+</ul>
+<ul class="blockList">
+<li class="blockList"><a name="fields_inherited_from_class_controlP5.ControlP5Constants">
+<!--   -->
+</a>
+<h3>Fields inherited from interface&nbsp;controlP5.<a href="../controlP5/ControlP5Constants.html" title="interface in controlP5">ControlP5Constants</a></h3>
+<code><a href="../controlP5/ControlP5Constants.html#acceptClassList">acceptClassList</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_BROADCAST">ACTION_BROADCAST</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_CLICK">ACTION_CLICK</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_DRAG">ACTION_DRAG</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_ENTER">ACTION_ENTER</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_EXIT">ACTION_EXIT</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_LEAVE">ACTION_LEAVE</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_MOVE">ACTION_MOVE</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_PRESS">ACTION_PRESS</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_PRESSED">ACTION_PRESSED</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_RELEASE">ACTION_RELEASE</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_RELEASED">ACTION_RELEASED</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_RELEASEDOUTSIDE">ACTION_RELEASEDOUTSIDE</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_WHEEL">ACTION_WHEEL</a>, <a href="../controlP5/ControlP5Constants.html#ACTIVE">ACTIVE</a>, <a href="../controlP5/ControlP5Constants.html#ALL">ALL</a>, <a href="../controlP5/ControlP5Constants.html#ALT">ALT</a>, <a href="../controlP5/ControlP5Constants.html#AQUA">AQUA</a>, <a href="../controlP5/ControlP5Constants.html#ARC">ARC</a>, <a href="../controlP5/ControlP5Constants.html#ARRAY">ARRAY</a>, <a href="../controlP5/ControlP5Constants.html#BACKSPACE">BACKSPACE</a>, <a href="../controlP5/ControlP5Constants.html#BASELINE">BASELINE</a>, <a href="../controlP5/ControlP5Constants.html#BITFONT">BITFONT</a>, <a href="../controlP5/ControlP5Constants.html#BLACK">BLACK</a>, <a href="../controlP5/ControlP5Constants.html#BLUE">BLUE</a>, <a href="../controlP5/ControlP5Constants.html#BOOLEAN">BOOLEAN</a>, <a href="../controlP5/ControlP5Constants.html#BOTTOM">BOTTOM</a>, <a href="../controlP5/ControlP5Constants.html#BOTTOM_OUTSIDE">BOTTOM_OUTSIDE</a>, <a href="../controlP5/ControlP5Constants.html#CAPTIONLABEL">CAPTIONLABEL</a>, <a href="../controlP5/ControlP5Constants.html#CENTER">CENTER</a>, <a href="../controlP5/ControlP5Constants.html#CHECKBOX">CHECKBOX</a>, <a href="../controlP5/ControlP5Constants.html#COMMANDKEY">COMMANDKEY</a>, <a href="../controlP5/ControlP5Constants.html#CONTROL">CONTROL</a>, <a href="../controlP5/ControlP5Constants.html#controlEventClass">controlEventClass</a>, <a href="../controlP5/ControlP5Constants.html#CUSTOM">CUSTOM</a>, <a href="../controlP5/ControlP5Constants.html#DECREASE">DECREASE</a>, <a href="../controlP5/ControlP5Constants.html#DEFAULT">DEFAULT</a>, <a href="../controlP5/ControlP5Constants.html#DELETE">DELETE</a>, <a href="../controlP5/ControlP5Constants.html#DONE">DONE</a>, <a href="../controlP5/ControlP5Constants.html#DOWN">DOWN</a>, <a href="../controlP5/ControlP5Constants.html#DROPDOWN">DROPDOWN</a>, <a href="../controlP5/ControlP5Constants.html#ELLIPSE">ELLIPSE</a>, <a href="../controlP5/ControlP5Constants.html#ENTER">ENTER</a>, <a href="../controlP5/ControlP5Constants.html#ESCAPE">ESCAPE</a>, <a href="../controlP5/ControlP5Constants.html#EVENT">EVENT</a>, <a href="../controlP5/ControlP5Constants.html#eventMethod">eventMethod</a>, <a href="../controlP5/ControlP5Constants.html#FADEIN">FADEIN</a>, <a href="../controlP5/ControlP5Constants.html#FADEOUT">FADEOUT</a>, <a href="../controlP5/ControlP5Constants.html#FIELD">FIELD</a>, <a href="../controlP5/ControlP5Constants.html#FLOAT">FLOAT</a>, <a href="../controlP5/ControlP5Constants.html#FUCHSIA">FUCHSIA</a>, <a href="../controlP5/ControlP5Constants.html#GRAY">GRAY</a>, <a href="../controlP5/ControlP5Constants.html#GREEN">GREEN</a>, <a href="../controlP5/ControlP5Constants.html#grixel">grixel</a>, <a href="../controlP5/ControlP5Constants.html#HALF_PI">HALF_PI</a>, <a href="../controlP5/ControlP5Constants.html#HIDE">HIDE</a>, <a href="../controlP5/ControlP5Constants.html#HIGHLIGHT">HIGHLIGHT</a>, <a href="../controlP5/ControlP5Constants.html#HORIZONTAL">HORIZONTAL</a>, <a href="../controlP5/ControlP5Constants.html#IDLE">IDLE</a>, <a href="../controlP5/ControlP5Constants.html#IMAGE">IMAGE</a>, <a href="../controlP5/ControlP5Constants.html#INACTIVE">INACTIVE</a>, <a href="../controlP5/ControlP5Constants.html#INCREASE">INCREASE</a>, <a href="../controlP5/ControlP5Constants.html#INTEGER">INTEGER</a>, <a href="../controlP5/ControlP5Constants.html#INVALID">INVALID</a>, <a href="../controlP5/ControlP5Constants.html#J2D">J2D</a>, <a href="../controlP5/ControlP5Constants.html#KEYCONTROL">KEYCONTROL</a>, <a href="../controlP5/ControlP5Constants.html#LEFT">LEFT</a>, <a href="../controlP5/ControlP5Constants.html#LEFT_OUTSIDE">LEFT_OUTSIDE</a>, <a href="../controlP5/ControlP5Constants.html#LIME">LIME</a>, <a href="../controlP5/ControlP5Constants.html#LINE">LINE</a>, <a href="../controlP5/ControlP5Constants.html#LIST">LIST</a>, <a href="../controlP5/ControlP5Constants.html#LOAD">LOAD</a>, <a href="../controlP5/ControlP5Constants.html#MAROON">MAROON</a>, <a href="../controlP5/ControlP5Constants.html#MENU">MENU</a>, <a href="../controlP5/ControlP5Constants.html#METHOD">METHOD</a>, <a href="../controlP5/ControlP5Constants.html#MOVE">MOVE</a>, <a href="../controlP5/ControlP5Constants.html#MULTI">MULTI</a>, <a href="../controlP5/ControlP5Constants.html#MULTIPLES">MULTIPLES</a>, <a href="../controlP5/ControlP5Constants.html#NAVY">NAVY</a>, <a href="../controlP5/ControlP5Constants.html#OLIVE">OLIVE</a>, <a href="../controlP5/ControlP5Constants.html#ORANGE">ORANGE</a>, <a href="../controlP5/ControlP5Constants.html#OVER">OVER</a>, <a href="../controlP5/ControlP5Constants.html#P2D">P2D</a>, <a href="../controlP5/ControlP5Constants.html#P3D">P3D</a>, <a href="../controlP5/ControlP5Constants.html#PI">PI</a>, <a href="../controlP5/ControlP5Constants.html#PRESSED">PRESSED</a>, <a href="../controlP5/ControlP5Constants.html#PRINT">PRINT</a>, <a href="../controlP5/ControlP5Constants.html#PURPLE">PURPLE</a>, <a href="../controlP5/ControlP5Constants.html#RED">RED</a>, <a href="../controlP5/ControlP5Constants.html#RELEASE">RELEASE</a>, <a href="../controlP5/ControlP5Constants.html#RESET">RESET</a>, <a href="../controlP5/ControlP5Constants.html#RIGHT">RIGHT</a>, <a href="../controlP5/ControlP5Constants.html#RIGHT_OUTSIDE">RIGHT_OUTSIDE</a>, <a href="../controlP5/ControlP5Constants.html#SAVE">SAVE</a>, <a href="../controlP5/ControlP5Constants.html#SHIFT">SHIFT</a>, <a href="../controlP5/ControlP5Constants.html#SILVER">SILVER</a>, <a href="../controlP5/ControlP5Constants.html#SINGLE">SINGLE</a>, <a href="../controlP5/ControlP5Constants.html#SINGLE_COLUMN">SINGLE_COLUMN</a>, <a href="../controlP5/ControlP5Constants.html#SINGLE_ROW">SINGLE_ROW</a>, <a href="../controlP5/ControlP5Constants.html#SPRITE">SPRITE</a>, <a href="../controlP5/ControlP5Constants.html#standard56">standard56</a>, <a href="../controlP5/ControlP5Constants.html#standard58">standard58</a>, <a href="../controlP5/ControlP5Constants.html#STRING">STRING</a>, <a href="../controlP5/ControlP5Constants.html#SWITCH">SWITCH</a>, <a href="../controlP5/ControlP5Constants.html#SWITCH_BACK">SWITCH_BACK</a>, <a href="../controlP5/ControlP5Constants.html#SWITCH_FORE">SWITCH_FORE</a>, <a href="../controlP5/ControlP5Constants.html#synt24">synt24</a>, <a href="../controlP5/ControlP5Constants.html#TAB">TAB</a>, <a href="../controlP5/ControlP5Constants.html#TEAL">TEAL</a>, <a href="../controlP5/ControlP5Constants.html#THEME_A">THEME_A</a>, <a href="../controlP5/ControlP5Constants.html#THEME_CP52014">THEME_CP52014</a>, <a href="../controlP5/ControlP5Constants.html#THEME_CP5BLUE">THEME_CP5BLUE</a>, <a href="../controlP5/ControlP5Constants.html#THEME_RED">THEME_RED</a>, <a href="../controlP5/ControlP5Constants.html#THEME_RETRO">THEME_RETRO</a>, <a href="../controlP5/ControlP5Constants.html#THEME_WHITE">THEME_WHITE</a>, <a href="../controlP5/ControlP5Constants.html#TOP">TOP</a>, <a href="../controlP5/ControlP5Constants.html#TOP_OUTSIDE">TOP_OUTSIDE</a>, <a href="../controlP5/ControlP5Constants.html#TRANSITION_WAIT_FADEIN">TRANSITION_WAIT_FADEIN</a>, <a href="../controlP5/ControlP5Constants.html#TREE">TREE</a>, <a href="../controlP5/ControlP5Constants.html#TWO_PI">TWO_PI</a>, <a href="../controlP5/ControlP5Constants.html#UP">UP</a>, <a href="../controlP5/ControlP5Constants.html#VALUELABEL">VALUELABEL</a>, <a href="../controlP5/ControlP5Constants.html#VERBOSE">VERBOSE</a>, <a href="../controlP5/ControlP5Constants.html#VERTICAL">VERTICAL</a>, <a href="../controlP5/ControlP5Constants.html#WAIT">WAIT</a>, <a href="../controlP5/ControlP5Constants.html#WHITE">WHITE</a>, <a href="../controlP5/ControlP5Constants.html#YELLOW">YELLOW</a></code></li>
+</ul>
+</li>
+</ul>
+<!-- ======== CONSTRUCTOR SUMMARY ======== -->
+<ul class="blockList">
+<li class="blockList"><a name="constructor_summary">
+<!--   -->
+</a>
+<h3>Constructor Summary</h3>
+<table class="overviewSummary" border="0" cellpadding="3" cellspacing="0" summary="Constructor Summary table, listing constructors, and an explanation">
+<caption><span>Constructors</span><span class="tabEnd">&nbsp;</span></caption>
+<tr>
+<th class="colOne" scope="col">Constructor and Description</th>
+</tr>
+<tr class="altColor">
+<td class="colOne"><code><strong><a href="../controlP5/Slider2D.html#Slider2D(controlP5.ControlP5, java.lang.String)">Slider2D</a></strong>(<a href="../controlP5/ControlP5.html" title="class in controlP5">ControlP5</a>&nbsp;theControlP5,
+        java.lang.String&nbsp;theName)</code>
+<div class="block">Convenience constructor to extend Slider2D.</div>
+</td>
+</tr>
+</table>
+</li>
+</ul>
+<!-- ========== METHOD SUMMARY =========== -->
+<ul class="blockList">
+<li class="blockList"><a name="method_summary">
+<!--   -->
+</a>
+<h3>Method Summary</h3>
+<table class="overviewSummary" border="0" cellpadding="3" cellspacing="0" summary="Method Summary table, listing methods, and an explanation">
+<caption><span>Methods</span><span class="tabEnd">&nbsp;</span></caption>
+<tr>
+<th class="colFirst" scope="col">Modifier and Type</th>
+<th class="colLast" scope="col">Method and Description</th>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Slider2D.html" title="class in controlP5">Slider2D</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Slider2D.html#disableCrosshair()">disableCrosshair</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Slider2D.html" title="class in controlP5">Slider2D</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Slider2D.html#enableCrosshair()">enableCrosshair</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>float[]</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Slider2D.html#getArrayValue()">getArrayValue</a></strong>()</code>
+<div class="block">returns the current float array value of a controller.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>float</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Slider2D.html#getCursorHeight()">getCursorHeight</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>float</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Slider2D.html#getCursorWidth()">getCursorWidth</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>float</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Slider2D.html#getCursorX()">getCursorX</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>float</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Slider2D.html#getCursorY()">getCursorY</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>float</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Slider2D.html#getMaxX()">getMaxX</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>float</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Slider2D.html#getMaxY()">getMaxY</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>float</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Slider2D.html#getMinX()">getMinX</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>float</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Slider2D.html#getMinY()">getMinY</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Slider2D.html" title="class in controlP5">Slider2D</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Slider2D.html#setArrayValue(float[])">setArrayValue</a></strong>(float[]&nbsp;theArray)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Slider2D.html" title="class in controlP5">Slider2D</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Slider2D.html#setCursorX(float)">setCursorX</a></strong>(float&nbsp;theValue)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Slider2D.html" title="class in controlP5">Slider2D</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Slider2D.html#setCursorY(float)">setCursorY</a></strong>(float&nbsp;theValue)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Slider2D.html" title="class in controlP5">Slider2D</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Slider2D.html#setMaxX(float)">setMaxX</a></strong>(float&nbsp;theMaxX)</code>
+<div class="block">sets the maximum value for the x-axis</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Slider2D.html" title="class in controlP5">Slider2D</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Slider2D.html#setMaxY(float)">setMaxY</a></strong>(float&nbsp;theMaxY)</code>
+<div class="block">sets the maximum value for the y-axis</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Slider2D.html" title="class in controlP5">Slider2D</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Slider2D.html#setMinX(float)">setMinX</a></strong>(float&nbsp;theMinX)</code>
+<div class="block">sets the minimum value for the x-axis</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Slider2D.html" title="class in controlP5">Slider2D</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Slider2D.html#setMinY(float)">setMinY</a></strong>(float&nbsp;theMinY)</code>
+<div class="block">sets the minimum value for the y-axis</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Slider2D.html" title="class in controlP5">Slider2D</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Slider2D.html#setValue(float)">setValue</a></strong>(float&nbsp;theValue)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>void</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Slider2D.html#setValueLabelSeparator(java.lang.String)">setValueLabelSeparator</a></strong>(java.lang.String&nbsp;theSeparator)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Slider2D.html" title="class in controlP5">Slider2D</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Slider2D.html#shuffle()">shuffle</a></strong>()</code>
+<div class="block">assigns a random value to the controller.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Slider2D.html" title="class in controlP5">Slider2D</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Slider2D.html#updateDisplayMode(int)">updateDisplayMode</a></strong>(int&nbsp;theMode)</code></td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Slider2D.html" title="class in controlP5">Slider2D</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Slider2D.html#updateInternalEvents(processing.core.PApplet)">updateInternalEvents</a></strong>(processing.core.PApplet&nbsp;theApplet)</code>
+<div class="block">a method for putting input events like e.g.</div>
+</td>
+</tr>
+</table>
+<ul class="blockList">
+<li class="blockList"><a name="methods_inherited_from_class_controlP5.Controller">
+<!--   -->
+</a>
+<h3>Methods inherited from class&nbsp;controlP5.<a href="../controlP5/Controller.html" title="class in controlP5">Controller</a></h3>
+<code><a href="../controlP5/Controller.html#add(controlP5.ControllerInterface)">add</a>, <a href="../controlP5/Controller.html#addCallback(controlP5.CallbackListener)">addCallback</a>, <a href="../controlP5/Controller.html#addListener(controlP5.ControlListener)">addListener</a>, <a href="../controlP5/Controller.html#align(int, int, int, int)">align</a>, <a href="../controlP5/Controller.html#bringToFront()">bringToFront</a>, <a href="../controlP5/Controller.html#bringToFront(controlP5.ControllerInterface)">bringToFront</a>, <a href="../controlP5/Controller.html#changeValue(float)">changeValue</a>, <a href="../controlP5/Controller.html#continuousUpdateEvents()">continuousUpdateEvents</a>, <a href="../controlP5/Controller.html#draw(processing.core.PGraphics)">draw</a>, <a href="../controlP5/Controller.html#getAbsolutePosition()">getAbsolutePosition</a>, <a href="../controlP5/Controller.html#getAddress()">getAddress</a>, <a href="../controlP5/Controller.html#getArrayValue(int)">getArrayValue</a>, <a href="../controlP5/Controller.html#getBehavior()">getBehavior</a>, <a href="../controlP5/Controller.html#getCaptionLabel()">getCaptionLabel</a>, <a href="../controlP5/Controller.html#getColor()">getColor</a>, <a href="../controlP5/Controller.html#getControllerPlugList()">getControllerPlugList</a>, <a href="../controlP5/Controller.html#getControlWindow()">getControlWindow</a>, <a href="../controlP5/Controller.html#getDecimalPrecision()">getDecimalPrecision</a>, <a href="../controlP5/Controller.html#getDefaultValue()">getDefaultValue</a>, <a href="../controlP5/Controller.html#getHeight()">getHeight</a>, <a href="../controlP5/Controller.html#getId()">getId</a>, <a href="../controlP5/Controller.html#getInfo()">getInfo</a>, <a href="../controlP5/Controller.html#getLabel()">getLabel</a>, <a href="../controlP5/Controller.html#getMax()">getMax</a>, <a href="../controlP5/Controller.html#getMin()">getMin</a>, <a href="../controlP5/Controller.html#getName()">getName</a>, <a href="../controlP5/Controller.html#getParent()">getParent</a>, <a href="../controlP5/Controller.html#getPickingColor()">getPickingColor</a>, <a href="../controlP5/Controller.html#getPointer()">getPointer</a>, <a href="../controlP5/Controller.html#getPosition()">getPosition</a>, <a href="../controlP5/Controller.html#getProperty(java.lang.String)">getProperty</a>, <a href="../controlP5/Controller.html#getProperty(java.lang.String, java.lang.String)">getProperty</a>, <a href="../controlP5/Controller.html#getStringValue()">getStringValue</a>, <a href="../controlP5/Controller.html#getTab()">getTab</a>, <a href="../controlP5/Controller.html#getValue()">getValue</a>, <a href="../controlP5/Controller.html#getValueLabel()">getValueLabel</a>, <a href="../controlP5/Controller.html#getView()">getView</a>, <a href="../controlP5/Controller.html#getWidth()">getWidth</a>, <a href="../controlP5/Controller.html#getWindow()">getWindow</a>, <a href="../controlP5/Controller.html#hide()">hide</a>, <a href="../controlP5/Controller.html#init()">init</a>, <a href="../controlP5/Controller.html#isActive()">isActive</a>, <a href="../controlP5/Controller.html#isBroadcast()">isBroadcast</a>, <a href="../controlP5/Controller.html#isInside()">isInside</a>, <a href="../controlP5/Controller.html#isLabelVisible()">isLabelVisible</a>, <a href="../controlP5/Controller.html#isListening()">isListening</a>, <a href="../controlP5/Controller.html#isLock()">isLock</a>, <a href="../controlP5/Controller.html#isMouseOver()">isMouseOver</a>, <a href="../controlP5/Controller.html#isMousePressed()">isMousePressed</a>, <a href="../controlP5/Controller.html#isMoveable()">isMoveable</a>, <a href="../controlP5/Controller.html#isUpdate()">isUpdate</a>, <a href="../controlP5/Controller.html#isUserInteraction()">isUserInteraction</a>, <a href="../controlP5/Controller.html#isVisible()">isVisible</a>, <a href="../controlP5/Controller.html#keyEvent(processing.event.KeyEvent)">keyEvent</a>, <a href="../controlP5/Controller.html#linebreak()">linebreak</a>, <a href="../controlP5/Controller.html#listen(boolean)">listen</a>, <a href="../controlP5/Controller.html#listenerSize()">listenerSize</a>, <a href="../controlP5/Controller.html#lock()">lock</a>, <a href="../controlP5/Controller.html#moveTo(controlP5.ControlGroup)">moveTo</a>, <a href="../controlP5/Controller.html#moveTo(controlP5.ControllerGroup)">moveTo</a>, <a href="../controlP5/Controller.html#moveTo(controlP5.ControllerGroup, controlP5.Tab, controlP5.ControlWindow)">moveTo</a>, <a href="../controlP5/Controller.html#moveTo(controlP5.ControlWindow)">moveTo</a>, <a href="../controlP5/Controller.html#moveTo(controlP5.ControlWindow, java.lang.String)">moveTo</a>, <a href="../controlP5/Controller.html#moveTo(processing.core.PApplet)">moveTo</a>, <a href="../controlP5/Controller.html#moveTo(processing.core.PApplet, java.lang.String)">moveTo</a>, <a href="../controlP5/Controller.html#moveTo(java.lang.String)">moveTo</a>, <a href="../controlP5/Controller.html#moveTo(controlP5.Tab)">moveTo</a>, <a href="../controlP5/Controller.html#plugTo(java.lang.Object)">plugTo</a>, <a href="../controlP5/Controller.html#plugTo(java.lang.Object[])">plugTo</a>, <a href="../controlP5/Controller.html#plugTo(java.lang.Object[], java.lang.String)">plugTo</a>, <a href="../controlP5/Controller.html#plugTo(java.lang.Object, java.lang.String)">plugTo</a>, <a href="../controlP5/Controller.html#registerProperty(java.lang.String)">registerProperty</a>, <a href="../controlP5/Controller.html#registerProperty(java.lang.String, java.lang.String)">registerProperty</a>, <a href="../controlP5/Controller.html#registerTooltip(java.lang.String)">registerTooltip</a>, <a href="../controlP5/Controller.html#remove()">remove</a>, <a href="../controlP5/Controller.html#remove(controlP5.ControllerInterface)">remove</a>, <a href="../controlP5/Controller.html#removeBehavior()">removeBehavior</a>, <a href="../controlP5/Controller.html#removeCallback()">removeCallback</a>, <a href="../controlP5/Controller.html#removeCallback(controlP5.CallbackListener)">removeCallback</a>, <a href="../controlP5/Controller.html#removeListener(controlP5.ControlListener)">removeListener</a>, <a href="../controlP5/Controller.html#removeProperty(java.lang.String)">removeProperty</a>, <a href="../controlP5/Controller.html#removeProperty(java.lang.String, java.lang.String)">removeProperty</a>, <a href="../controlP5/Controller.html#setAbsolutePosition(processing.core.PVector)">setAbsolutePosition</a>, <a href="../controlP5/Controller.html#setAddress(java.lang.String)">setAddress</a>, <a href="../controlP5/Controller.html#setArrayValue(int, float)">setArrayValue</a>, <a href="../controlP5/Controller.html#setBehavior(controlP5.ControlBehavior)">setBehavior</a>, <a href="../controlP5/Controller.html#setBroadcast(boolean)">setBroadcast</a>, <a href="../controlP5/Controller.html#setCaptionLabel(java.lang.String)">setCaptionLabel</a>, <a href="../controlP5/Controller.html#setColor(controlP5.CColor)">setColor</a>, <a href="../controlP5/Controller.html#setColorActive(int)">setColorActive</a>, <a href="../controlP5/Controller.html#setColorBackground(int)">setColorBackground</a>, <a href="../controlP5/Controller.html#setColorCaptionLabel(int)">setColorCaptionLabel</a>, <a href="../controlP5/Controller.html#setColorForeground(int)">setColorForeground</a>, <a href="../controlP5/Controller.html#setColorValueLabel(int)">setColorValueLabel</a>, <a href="../controlP5/Controller.html#setDecimalPrecision(int)">setDecimalPrecision</a>, <a href="../controlP5/Controller.html#setDefaultValue(float)">setDefaultValue</a>, <a href="../controlP5/Controller.html#setGroup(controlP5.ControllerGroup)">setGroup</a>, <a href="../controlP5/Controller.html#setGroup(java.lang.String)">setGroup</a>, <a href="../controlP5/Controller.html#setHeight(int)">setHeight</a>, <a href="../controlP5/Controller.html#setId(int)">setId</a>, <a href="../controlP5/Controller.html#setImage(processing.core.PImage)">setImage</a>, <a href="../controlP5/Controller.html#setImage(processing.core.PImage, int)">setImage</a>, <a href="../controlP5/Controller.html#setImages(processing.core.PImage...)">setImages</a>, <a href="../controlP5/Controller.html#setImages(processing.core.PImage, processing.core.PImage, processing.core.PImage)">setImages</a>, <a href="../controlP5/Controller.html#setImages(processing.core.PImage, processing.core.PImage, processing.core.PImage, processing.core.PImage)">setImages</a>, <a href="../controlP5/Controller.html#setLabelVisible(boolean)">setLabelVisible</a>, <a href="../controlP5/Controller.html#setLock(boolean)">setLock</a>, <a href="../controlP5/Controller.html#setMax(float)">setMax</a>, <a href="../controlP5/Controller.html#setMin(float)">setMin</a>, <a href="../controlP5/Controller.html#setMouseOver(boolean)">setMouseOver</a>, <a href="../controlP5/Controller.html#setMousePressed(boolean)">setMousePressed</a>, <a href="../controlP5/Controller.html#setMoveable(boolean)">setMoveable</a>, <a href="../controlP5/Controller.html#setParent(controlP5.ControllerInterface)">setParent</a>, <a href="../controlP5/Controller.html#setPosition(float, float)">setPosition</a>, <a href="../controlP5/Controller.html#setPosition(processing.core.PVector)">setPosition</a>, <a href="../controlP5/Controller.html#setSize(int, int)">setSize</a>, <a href="../controlP5/Controller.html#setSize(processing.core.PImage)">setSize</a>, <a href="../controlP5/Controller.html#setStringValue(java.lang.String)">setStringValue</a>, <a href="../controlP5/Controller.html#setTab(controlP5.ControlWindow, java.lang.String)">setTab</a>, <a href="../controlP5/Controller.html#setTab(java.lang.String)">setTab</a>, <a href="../controlP5/Controller.html#setUpdate(boolean)">setUpdate</a>, <a href="../controlP5/Controller.html#setUserInteraction(boolean)">setUserInteraction</a>, <a href="../controlP5/Controller.html#setValueLabel(java.lang.String)">setValueLabel</a>, <a href="../controlP5/Controller.html#setValueSelf(float)">setValueSelf</a>, <a href="../controlP5/Controller.html#setView(controlP5.ControllerView)">setView</a>, <a href="../controlP5/Controller.html#setView(controlP5.ControllerView, int)">setView</a>, <a href="../controlP5/Controller.html#setVisible(boolean)">setVisible</a>, <a href="../controlP5/Controller.html#setWidth(int)">setWidth</a>, <a href="../controlP5/Controller.html#show()">show</a>, <a href="../controlP5/Controller.html#toString()">toString</a>, <a href="../controlP5/Controller.html#unlock()">unlock</a>, <a href="../controlP5/Controller.html#unplugFrom(java.lang.Object)">unplugFrom</a>, <a href="../controlP5/Controller.html#unplugFrom(java.lang.Object[])">unplugFrom</a>, <a href="../controlP5/Controller.html#unregisterTooltip()">unregisterTooltip</a>, <a href="../controlP5/Controller.html#update()">update</a>, <a href="../controlP5/Controller.html#updateAbsolutePosition()">updateAbsolutePosition</a>, <a href="../controlP5/Controller.html#updateEvents()">updateEvents</a>, <a href="../controlP5/Controller.html#updateSize()">updateSize</a></code></li>
+</ul>
+<ul class="blockList">
+<li class="blockList"><a name="methods_inherited_from_class_java.lang.Object">
+<!--   -->
+</a>
+<h3>Methods inherited from class&nbsp;java.lang.Object</h3>
+<code>equals, getClass, hashCode, notify, notifyAll, wait, wait, wait</code></li>
+</ul>
+<ul class="blockList">
+<li class="blockList"><a name="methods_inherited_from_class_controlP5.ControllerInterface">
+<!--   -->
+</a>
+<h3>Methods inherited from interface&nbsp;controlP5.<a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a></h3>
+<code><a href="../controlP5/ControllerInterface.html#parent()">parent</a>, <a href="../controlP5/ControllerInterface.html#setColorLabel(int)">setColorLabel</a>, <a href="../controlP5/ControllerInterface.html#setColorValue(int)">setColorValue</a>, <a href="../controlP5/ControllerInterface.html#setLabel(java.lang.String)">setLabel</a></code></li>
+</ul>
+</li>
+</ul>
+</li>
+</ul>
+</div>
+<div class="details">
+<ul class="blockList">
+<li class="blockList">
+<!-- ============ FIELD DETAIL =========== -->
+<ul class="blockList">
+<li class="blockList"><a name="field_detail">
+<!--   -->
+</a>
+<h3>Field Detail</h3>
+<a name="isCrosshairs">
+<!--   -->
+</a>
+<ul class="blockListLast">
+<li class="blockList">
+<h4>isCrosshairs</h4>
+<pre>public&nbsp;boolean isCrosshairs</pre>
+</li>
+</ul>
+</li>
+</ul>
+<!-- ========= CONSTRUCTOR DETAIL ======== -->
+<ul class="blockList">
+<li class="blockList"><a name="constructor_detail">
+<!--   -->
+</a>
+<h3>Constructor Detail</h3>
+<a name="Slider2D(controlP5.ControlP5, java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockListLast">
+<li class="blockList">
+<h4>Slider2D</h4>
+<pre>public&nbsp;Slider2D(<a href="../controlP5/ControlP5.html" title="class in controlP5">ControlP5</a>&nbsp;theControlP5,
+        java.lang.String&nbsp;theName)</pre>
+<div class="block">Convenience constructor to extend Slider2D.</div>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theControlP5</code> - </dd><dd><code>theName</code> - </dd><script type="text/javascript">
+<!--
+document.getElementsByTagName('html')[0].className = 'isjs';function toggle(dt) { var display, dd=dt; do{ dd = dd.nextSibling } while(dd.tagName!='DD'); toOpen =!dd.style.display;dd.style.display = toOpen? 'block':''; dt.getElementsByTagName('span')[0].innerHTML  = toOpen? '-':'+' ; }
+-->
+</script>
+<div id="test" class="toggleList"><dl><dt onclick="toggle(this);"><span>+</span>Example</dt><dd><code><pre>/**
+ * ControlP5 extending Controllers
+ *
+ * the following example shows how to extend the Controller class to 
+ * create customizable Controllers. You can either extend the Controller class itself,
+ * or any class that extends Controller itself like the Slider, Button, DropdownList, etc. 
+ * 
+ * How to:
+ *
+ * 1) do a super call to the convenience constructor requiring 
+ * 2 parameter (ControlP5 instance, name)  
+ *
+ * 2) the Controller class has a set of empty methods that allow you to capture
+ * inputs from the mouse including 
+ * onEnter(), onLeave(), onPress(), onRelease(), onClick(), onScroll(int), onDrag()
+ * These you can override and include functionality as needed.
+ *
+ * 3) use method getPointer() to return the local (relative) 
+ * xy-coordinates of the controller
+ *  
+ * 4) after instantiation custom controllers are treated the same 
+ * as default controlP5 controllers.
+ *  
+ * by Andreas Schlegel, 2012
+ * www.sojamo.de/libraries/controlp5
+ *
+ */
+
+import controlP5.*;
+
+ControlP5 cp5;
+PApplet p;
+
+void setup() {
+  size(400, 400);
+  cp5 = new ControlP5(this);
+  
+  // create 2 groups to show nesting of custom controllers and
+  //   
+  Group g1 = cp5.addGroup("a").setPosition(0,100).setWidth(180);
+  Group g2 = cp5.addGroup("b").setPosition(0,10).setWidth(180);
+  g2.moveTo(g1);
+  
+  // create 2 custom Controllers from class MyButton
+  // MyButton extends Controller and inherits all methods accordingly.
+  new MyButton(cp5, "b1").setPosition(0, 0).setSize(180, 200).moveTo(g2);
+  new MyButton(cp5, "b2").setPosition(205, 15).setSize(180, 200);
+  
+}
+
+
+void draw() {
+  background(0);
+}
+
+// b1 will be called from Controller b1
+public void b1(float theValue) {
+  println("yay button "+theValue);
+}
+
+public void controlEvent(ControlEvent theEvent) {
+  println("controlEvent : "+theEvent);
+}
+
+
+// Create a custom Controller, please not that 
+// MyButton extends Controller<MyButton>, <MyButton>
+// is an indicator for the super class about the type of 
+// custom controller to be created.
+
+class MyButton extends Controller<MyButton> {
+
+  int current = 0xffff0000;
+
+  float a = 128;
+  
+  float na;
+  
+  int y;
+  
+  // use the convenience constructor of super class Controller
+  // MyButton will automatically registered and move to the 
+  // default controlP5 tab.
+  
+  MyButton(ControlP5 cp5, String theName) {
+    super(cp5, theName);
+    
+    // replace the default view with a custom view.
+    setView(new ControllerView() {
+      public void display(PApplet p, Object b) {
+        // draw button background
+        na += (a-na) * 0.1; 
+        p.fill(current,na);
+        p.rect(0, 0, getWidth(), getHeight());
+        
+        // draw horizontal line which can be moved on the x-axis 
+        // using the scroll wheel. 
+        p.fill(0,255,0);
+        p.rect(0,y,width,10);
+        
+        // draw the custom label 
+        p.fill(128);
+        translate(0,getHeight()+14);
+        p.text(getName(),0,0);
+        p.text(getName(),0,0);
+        
+      }
+    }
+    );
+  }
+
+  // override various input methods for mouse input control
+  void onEnter() {
+    cursor(HAND);
+    println("enter");
+    a = 255;
+  }
+  
+  void onScroll(int n) {
+    println("scrolling");
+    y -= n;
+    y = constrain(y,0,getHeight()-10);
+  }
+  
+  void onPress() {
+    println("press");
+    current = 0xffffff00;
+  }
+  
+  void onClick() {
+    Pointer p1 = getPointer();
+    println("clicked at "+p1.x()+", "+p1.y());
+    current = 0xffffff00;
+    setValue(y);
+  }
+
+  void onRelease() {
+    println("release");
+    current = 0xffffffff;
+  }
+  
+  void onMove() {
+    println("moving "+this+" "+_myControlWindow.getMouseOverList());
+  }
+
+  void onDrag() {
+    current = 0xff0000ff;
+    Pointer p1 = getPointer();
+    float dif = dist(p1.px(),p1.py(),p1.x(),p1.y());
+    println("dragging at "+p1.x()+", "+p1.y()+" "+dif);
+  }
+  
+  void onReleaseOutside() {
+    onLeave();
+  }
+
+  void onLeave() {
+    println("leave");
+    cursor(ARROW);
+    a = 128;
+  }
+}
+
+</pre></code></dd></dl></div></dl>
+</li>
+</ul>
+</li>
+</ul>
+<!-- ============ METHOD DETAIL ========== -->
+<ul class="blockList">
+<li class="blockList"><a name="method_detail">
+<!--   -->
+</a>
+<h3>Method Detail</h3>
+<a name="disableCrosshair()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>disableCrosshair</h4>
+<pre>public&nbsp;<a href="../controlP5/Slider2D.html" title="class in controlP5">Slider2D</a>&nbsp;disableCrosshair()</pre>
+</li>
+</ul>
+<a name="enableCrosshair()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>enableCrosshair</h4>
+<pre>public&nbsp;<a href="../controlP5/Slider2D.html" title="class in controlP5">Slider2D</a>&nbsp;enableCrosshair()</pre>
+</li>
+</ul>
+<a name="getArrayValue()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getArrayValue</h4>
+<pre>public&nbsp;float[]&nbsp;getArrayValue()</pre>
+<div class="block"><strong>Description copied from class:&nbsp;<code><a href="../controlP5/Controller.html#getArrayValue()">Controller</a></code></strong></div>
+<div class="block">returns the current float array value of a controller.</div>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerInterface.html#getArrayValue()">getArrayValue</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/Slider2D.html" title="class in controlP5">Slider2D</a>&gt;</code></dd>
+<dt><strong>Overrides:</strong></dt>
+<dd><code><a href="../controlP5/Controller.html#getArrayValue()">getArrayValue</a></code>&nbsp;in class&nbsp;<code><a href="../controlP5/Controller.html" title="class in controlP5">Controller</a>&lt;<a href="../controlP5/Slider2D.html" title="class in controlP5">Slider2D</a>&gt;</code></dd>
+<dt><span class="strong">Returns:</span></dt><dd>float[]</dd><dt><span class="strong">See Also:</span></dt><dd><a href="../controlP5/Controller.html#getValue()"><code>Controller.getValue()</code></a>, 
+<a href="../controlP5/Controller.html#getStringValue()"><code>Controller.getStringValue()</code></a></dd></dl>
+</li>
+</ul>
+<a name="getCursorHeight()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getCursorHeight</h4>
+<pre>public&nbsp;float&nbsp;getCursorHeight()</pre>
+</li>
+</ul>
+<a name="getCursorWidth()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getCursorWidth</h4>
+<pre>public&nbsp;float&nbsp;getCursorWidth()</pre>
+</li>
+</ul>
+<a name="getCursorX()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getCursorX</h4>
+<pre>public&nbsp;float&nbsp;getCursorX()</pre>
+</li>
+</ul>
+<a name="getCursorY()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getCursorY</h4>
+<pre>public&nbsp;float&nbsp;getCursorY()</pre>
+</li>
+</ul>
+<a name="getMaxX()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getMaxX</h4>
+<pre>public&nbsp;float&nbsp;getMaxX()</pre>
+</li>
+</ul>
+<a name="getMaxY()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getMaxY</h4>
+<pre>public&nbsp;float&nbsp;getMaxY()</pre>
+</li>
+</ul>
+<a name="getMinX()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getMinX</h4>
+<pre>public&nbsp;float&nbsp;getMinX()</pre>
+</li>
+</ul>
+<a name="getMinY()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getMinY</h4>
+<pre>public&nbsp;float&nbsp;getMinY()</pre>
+</li>
+</ul>
+<a name="setArrayValue(float[])">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setArrayValue</h4>
+<pre>public&nbsp;<a href="../controlP5/Slider2D.html" title="class in controlP5">Slider2D</a>&nbsp;setArrayValue(float[]&nbsp;theArray)</pre>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerInterface.html#setArrayValue(float[])">setArrayValue</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/Slider2D.html" title="class in controlP5">Slider2D</a>&gt;</code></dd>
+<dt><strong>Overrides:</strong></dt>
+<dd><code><a href="../controlP5/Controller.html#setArrayValue(float[])">setArrayValue</a></code>&nbsp;in class&nbsp;<code><a href="../controlP5/Controller.html" title="class in controlP5">Controller</a>&lt;<a href="../controlP5/Slider2D.html" title="class in controlP5">Slider2D</a>&gt;</code></dd>
+<dt><span class="strong">Returns:</span></dt><dd>Controller</dd></dl>
+</li>
+</ul>
+<a name="setCursorX(float)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setCursorX</h4>
+<pre>public&nbsp;<a href="../controlP5/Slider2D.html" title="class in controlP5">Slider2D</a>&nbsp;setCursorX(float&nbsp;theValue)</pre>
+</li>
+</ul>
+<a name="setCursorY(float)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setCursorY</h4>
+<pre>public&nbsp;<a href="../controlP5/Slider2D.html" title="class in controlP5">Slider2D</a>&nbsp;setCursorY(float&nbsp;theValue)</pre>
+</li>
+</ul>
+<a name="setMaxX(float)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setMaxX</h4>
+<pre>public&nbsp;<a href="../controlP5/Slider2D.html" title="class in controlP5">Slider2D</a>&nbsp;setMaxX(float&nbsp;theMaxX)</pre>
+<div class="block">sets the maximum value for the x-axis</div>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theMaxX</code> - </dd>
+<dt><span class="strong">Returns:</span></dt><dd>Slider2D</dd></dl>
+</li>
+</ul>
+<a name="setMaxY(float)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setMaxY</h4>
+<pre>public&nbsp;<a href="../controlP5/Slider2D.html" title="class in controlP5">Slider2D</a>&nbsp;setMaxY(float&nbsp;theMaxY)</pre>
+<div class="block">sets the maximum value for the y-axis</div>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theMaxY</code> - </dd>
+<dt><span class="strong">Returns:</span></dt><dd>Slider2D</dd></dl>
+</li>
+</ul>
+<a name="setMinX(float)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setMinX</h4>
+<pre>public&nbsp;<a href="../controlP5/Slider2D.html" title="class in controlP5">Slider2D</a>&nbsp;setMinX(float&nbsp;theMinX)</pre>
+<div class="block">sets the minimum value for the x-axis</div>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theMinX</code> - </dd>
+<dt><span class="strong">Returns:</span></dt><dd>Slider2D</dd></dl>
+</li>
+</ul>
+<a name="setMinY(float)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setMinY</h4>
+<pre>public&nbsp;<a href="../controlP5/Slider2D.html" title="class in controlP5">Slider2D</a>&nbsp;setMinY(float&nbsp;theMinY)</pre>
+<div class="block">sets the minimum value for the y-axis</div>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theMinY</code> - </dd>
+<dt><span class="strong">Returns:</span></dt><dd>Slider2D</dd></dl>
+</li>
+</ul>
+<a name="setValue(float)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setValue</h4>
+<pre>public&nbsp;<a href="../controlP5/Slider2D.html" title="class in controlP5">Slider2D</a>&nbsp;setValue(float&nbsp;theValue)</pre>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerInterface.html#setValue(float)">setValue</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/Slider2D.html" title="class in controlP5">Slider2D</a>&gt;</code></dd>
+<dt><strong>Overrides:</strong></dt>
+<dd><code><a href="../controlP5/Controller.html#setValue(float)">setValue</a></code>&nbsp;in class&nbsp;<code><a href="../controlP5/Controller.html" title="class in controlP5">Controller</a>&lt;<a href="../controlP5/Slider2D.html" title="class in controlP5">Slider2D</a>&gt;</code></dd>
+<dt><span class="strong">Parameters:</span></dt><dd><code>theValue</code> - float</dd></dl>
+</li>
+</ul>
+<a name="setValueLabelSeparator(java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setValueLabelSeparator</h4>
+<pre>public&nbsp;void&nbsp;setValueLabelSeparator(java.lang.String&nbsp;theSeparator)</pre>
+</li>
+</ul>
+<a name="shuffle()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>shuffle</h4>
+<pre>public&nbsp;<a href="../controlP5/Slider2D.html" title="class in controlP5">Slider2D</a>&nbsp;shuffle()</pre>
+<div class="block">assigns a random value to the controller.</div>
+</li>
+</ul>
+<a name="updateDisplayMode(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>updateDisplayMode</h4>
+<pre>public&nbsp;<a href="../controlP5/Slider2D.html" title="class in controlP5">Slider2D</a>&nbsp;updateDisplayMode(int&nbsp;theMode)</pre>
+</li>
+</ul>
+<a name="updateInternalEvents(processing.core.PApplet)">
+<!--   -->
+</a>
+<ul class="blockListLast">
+<li class="blockList">
+<h4>updateInternalEvents</h4>
+<pre>public&nbsp;<a href="../controlP5/Slider2D.html" title="class in controlP5">Slider2D</a>&nbsp;updateInternalEvents(processing.core.PApplet&nbsp;theApplet)</pre>
+<div class="block"><strong>Description copied from interface:&nbsp;<code><a href="../controlP5/ControllerInterface.html#updateInternalEvents(processing.core.PApplet)">ControllerInterface</a></code></strong></div>
+<div class="block">a method for putting input events like e.g. mouse or keyboard events and queries. this has
+ been taken out of the draw method for better overwriting capability.</div>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerInterface.html#updateInternalEvents(processing.core.PApplet)">updateInternalEvents</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/Slider2D.html" title="class in controlP5">Slider2D</a>&gt;</code></dd>
+<dt><strong>Overrides:</strong></dt>
+<dd><code><a href="../controlP5/Controller.html#updateInternalEvents(processing.core.PApplet)">updateInternalEvents</a></code>&nbsp;in class&nbsp;<code><a href="../controlP5/Controller.html" title="class in controlP5">Controller</a>&lt;<a href="../controlP5/Slider2D.html" title="class in controlP5">Slider2D</a>&gt;</code></dd>
+<dt><span class="strong">See Also:</span></dt><dd><code>ControllerInterface.updateInternalEvents</code></dd></dl>
+</li>
+</ul>
+</li>
+</ul>
+</li>
+</ul>
+</div>
+</div>
+<!-- ========= END OF CLASS DATA ========= -->
+<!-- ======= START OF BOTTOM NAVBAR ====== -->
+<div class="bottomNav"><a name="navbar_bottom">
+<!--   -->
+</a><a href="#skip-navbar_bottom" title="Skip navigation links"></a><a name="navbar_bottom_firstrow">
+<!--   -->
+</a>
+<ul class="navList" title="Navigation">
+<li><a href="../controlP5/package-summary.html">Package</a></li>
+<li class="navBarCell1Rev">Class</li>
+<li><a href="package-tree.html">Tree</a></li>
+<li><a href="../index-all.html">Index</a></li>
+<li><a href="../help-doc.html">Help</a></li>
+</ul>
+</div>
+<div class="subNav">
+<ul class="navList">
+<li><a href="../controlP5/Slider.html" title="class in controlP5"><span class="strong">Prev Class</span></a></li>
+<li><a href="../controlP5/Tab.html" title="class in controlP5"><span class="strong">Next Class</span></a></li>
+</ul>
+<ul class="navList">
+<li><a href="../index.html?controlP5/Slider2D.html" target="_top">Frames</a></li>
+<li><a href="Slider2D.html" target="_top">No Frames</a></li>
+</ul>
+<ul class="navList" id="allclasses_navbar_bottom">
+<li><a href="../allclasses-noframe.html">All Classes</a></li>
+</ul>
+<div>
+<script type="text/javascript"><!--
+  allClassesLink = document.getElementById("allclasses_navbar_bottom");
+  if(window==top) {
+    allClassesLink.style.display = "block";
+  }
+  else {
+    allClassesLink.style.display = "none";
+  }
+  //-->
+</script>
+</div>
+<div>
+<ul class="subNavList">
+<li>Summary:&nbsp;</li>
+<li>Nested&nbsp;|&nbsp;</li>
+<li><a href="#field_summary">Field</a>&nbsp;|&nbsp;</li>
+<li><a href="#constructor_summary">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_summary">Method</a></li>
+</ul>
+<ul class="subNavList">
+<li>Detail:&nbsp;</li>
+<li><a href="#field_detail">Field</a>&nbsp;|&nbsp;</li>
+<li><a href="#constructor_detail">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_detail">Method</a></li>
+</ul>
+</div>
+<a name="skip-navbar_bottom">
+<!--   -->
+</a></div>
+<!-- ======== END OF BOTTOM NAVBAR ======= -->
+<p class="legalCopy"><small>processing library controlP5 by Andreas Schlegel. (c) 2006-2014</small></p>
+</body>
+</html>
diff --git a/reference/controlP5/Tab.html b/reference/controlP5/Tab.html
new file mode 100644
index 0000000..48ad097
--- /dev/null
+++ b/reference/controlP5/Tab.html
@@ -0,0 +1,833 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
+<!-- NewPage -->
+<html lang="en">
+<head>
+<!-- Generated by javadoc (version 1.7.0_51) on Sun Apr 27 21:39:48 SGT 2014 -->
+<title>Tab (Javadocs: controlP5)</title>
+<meta name="date" content="2014-04-27">
+<link rel="stylesheet" type="text/css" href="../stylesheet.css" title="Style">
+</head>
+<body>
+<script type="text/javascript"><!--
+    if (location.href.indexOf('is-external=true') == -1) {
+        parent.document.title="Tab (Javadocs: controlP5)";
+    }
+//-->
+</script>
+<noscript>
+<div>JavaScript is disabled on your browser.</div>
+</noscript>
+<!-- ========= START OF TOP NAVBAR ======= -->
+<div class="topNav"><a name="navbar_top">
+<!--   -->
+</a><a href="#skip-navbar_top" title="Skip navigation links"></a><a name="navbar_top_firstrow">
+<!--   -->
+</a>
+<ul class="navList" title="Navigation">
+<li><a href="../controlP5/package-summary.html">Package</a></li>
+<li class="navBarCell1Rev">Class</li>
+<li><a href="package-tree.html">Tree</a></li>
+<li><a href="../index-all.html">Index</a></li>
+<li><a href="../help-doc.html">Help</a></li>
+</ul>
+</div>
+<div class="subNav">
+<ul class="navList">
+<li><a href="../controlP5/Slider2D.html" title="class in controlP5"><span class="strong">Prev Class</span></a></li>
+<li><a href="../controlP5/Textarea.html" title="class in controlP5"><span class="strong">Next Class</span></a></li>
+</ul>
+<ul class="navList">
+<li><a href="../index.html?controlP5/Tab.html" target="_top">Frames</a></li>
+<li><a href="Tab.html" target="_top">No Frames</a></li>
+</ul>
+<ul class="navList" id="allclasses_navbar_top">
+<li><a href="../allclasses-noframe.html">All Classes</a></li>
+</ul>
+<div>
+<script type="text/javascript"><!--
+  allClassesLink = document.getElementById("allclasses_navbar_top");
+  if(window==top) {
+    allClassesLink.style.display = "block";
+  }
+  else {
+    allClassesLink.style.display = "none";
+  }
+  //-->
+</script>
+</div>
+<div>
+<ul class="subNavList">
+<li>Summary:&nbsp;</li>
+<li>Nested&nbsp;|&nbsp;</li>
+<li><a href="#field_summary">Field</a>&nbsp;|&nbsp;</li>
+<li><a href="#constructor_summary">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_summary">Method</a></li>
+</ul>
+<ul class="subNavList">
+<li>Detail:&nbsp;</li>
+<li><a href="#field_detail">Field</a>&nbsp;|&nbsp;</li>
+<li><a href="#constructor_detail">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_detail">Method</a></li>
+</ul>
+</div>
+<a name="skip-navbar_top">
+<!--   -->
+</a></div>
+<!-- ========= END OF TOP NAVBAR ========= -->
+<!-- ======== START OF CLASS DATA ======== -->
+<div class="header">
+<div class="subTitle">controlP5</div>
+<h2 title="Class Tab" class="title">Class Tab</h2>
+</div>
+<div class="contentContainer">
+<ul class="inheritance">
+<li>java.lang.Object</li>
+<li>
+<ul class="inheritance">
+<li><a href="../controlP5/ControllerGroup.html" title="class in controlP5">controlP5.ControllerGroup</a>&lt;<a href="../controlP5/Tab.html" title="class in controlP5">Tab</a>&gt;</li>
+<li>
+<ul class="inheritance">
+<li>controlP5.Tab</li>
+</ul>
+</li>
+</ul>
+</li>
+</ul>
+<div class="description">
+<ul class="blockList">
+<li class="blockList">
+<dl>
+<dt>All Implemented Interfaces:</dt>
+<dd><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/Tab.html" title="class in controlP5">Tab</a>&gt;, <a href="../controlP5/ControlListener.html" title="interface in controlP5">ControlListener</a>, <a href="../controlP5/ControlP5Constants.html" title="interface in controlP5">ControlP5Constants</a></dd>
+</dl>
+<hr>
+<br>
+<pre>public class <span class="strong">Tab</span>
+extends <a href="../controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a>&lt;<a href="../controlP5/Tab.html" title="class in controlP5">Tab</a>&gt;</pre>
+<div class="block">Tabs are used to organize controllers. Tabs are arranged horizontally from the top-left corner by
+ default, Tab extends ControllerGroup, for more available methods see the ControllerGroup
+ documentation. Reposition tabs with <a href="../controlP5/ControlWindow.html#setPositionOfTabs(int, int)"><code>ControlWindow.setPositionOfTabs(int, int)</code></a></div>
+<dl><script type="text/javascript">
+<!--
+document.getElementsByTagName('html')[0].className = 'isjs';function toggle(dt) { var display, dd=dt; do{ dd = dd.nextSibling } while(dd.tagName!='DD'); toOpen =!dd.style.display;dd.style.display = toOpen? 'block':''; dt.getElementsByTagName('span')[0].innerHTML  = toOpen? '-':'+' ; }
+-->
+</script>
+<div id="test" class="toggleList"><dl><dt onclick="toggle(this);"><span>+</span>Example</dt><dd><code><pre>/**
+* ControlP5 Tab
+*
+*
+* find a list of public methods available for the Tab Controller
+* at the bottom of this sketch.
+*
+* by Andreas Schlegel, 2012
+* www.sojamo.de/libraries/controlp5
+*
+*/
+
+import controlP5.*;
+
+ControlP5 cp5;
+
+int myColorBackground = color(128);
+
+int sliderValue = 100;
+
+void setup() {
+  size(700,400);
+  noStroke();
+  cp5 = new ControlP5(this);
+  
+  // By default all controllers are stored inside Tab 'default' 
+  // add a second tab with name 'extra'
+  
+  cp5.addTab("extra")
+     .setColorBackground(color(0, 160, 100))
+     .setColorLabel(color(255))
+     .setColorActive(color(255,128,0))
+     ;
+     
+  // if you want to receive a controlEvent when
+  // a  tab is clicked, use activeEvent(true)
+  
+  cp5.getTab("default")
+     .activateEvent(true)
+     .setLabel("my default tab")
+     .setId(1)
+     ;
+
+  cp5.getTab("extra")
+     .activateEvent(true)
+     .setId(2)
+     ;
+
+  
+  // create a few controllers
+  
+  cp5.addButton("button")
+     .setBroadcast(false)
+     .setPosition(100,100)
+     .setSize(80,40)
+     .setValue(1)
+     .setBroadcast(true)
+     .getCaptionLabel().align(CENTER,CENTER)
+     ;
+     
+  cp5.addButton("buttonValue")
+     .setBroadcast(false)
+     .setPosition(220,100)
+     .setSize(80,40)
+     .setValue(2)
+     .setBroadcast(true)
+     .getCaptionLabel().align(CENTER,CENTER)
+     ;
+  
+  cp5.addSlider("slider")
+     .setBroadcast(false)
+     .setRange(100,200)
+     .setValue(128)
+     .setPosition(100,160)
+     .setSize(200,20)
+     .setBroadcast(true)
+     ;
+     
+  cp5.addSlider("sliderValue")
+     .setBroadcast(false)
+     .setRange(0,255)
+     .setValue(128)
+     .setPosition(100,200)
+     .setSize(200,20)
+     .setBroadcast(true)
+     ;
+     
+  // arrange controller in separate tabs
+  
+  cp5.getController("sliderValue").moveTo("extra");
+  cp5.getController("slider").moveTo("global");
+  
+  // Tab 'global' is a tab that lies on top of any 
+  // other tab and is always visible
+  
+}
+
+void draw() {
+  background(myColorBackground);
+  fill(sliderValue);
+  rect(0,0,width,100);
+}
+
+void controlEvent(ControlEvent theControlEvent) {
+  if (theControlEvent.isTab()) {
+    println("got an event from tab : "+theControlEvent.getTab().getName()+" with id "+theControlEvent.getTab().getId());
+  }
+}
+
+void slider(int theColor) {
+  myColorBackground = color(theColor);
+  println("a slider event. setting background to "+theColor);
+}
+
+
+void keyPressed() {
+  if(keyCode==TAB) {
+    cp5.getTab("extra").bringToFront();
+  }
+}
+
+/*
+a list of all methods available for the Tab Controller
+use ControlP5.printPublicMethodsFor(Tab.class);
+to print the following list into the console.
+
+You can find further details about class Tab in the javadoc.
+
+Format:
+ClassName : returnType methodName(parameter type)
+
+controlP5.Tab : String getStringValue() 
+controlP5.Tab : Tab activateEvent(boolean) 
+controlP5.Tab : Tab bringToFront() 
+controlP5.Tab : Tab moveTo(ControlWindow) 
+controlP5.Tab : Tab setActive(boolean) 
+controlP5.Tab : Tab setHeight(int) 
+controlP5.Tab : Tab setLabel(String) 
+controlP5.Tab : Tab setValue(float) 
+controlP5.Tab : Tab setWidth(int) 
+controlP5.Tab : float getValue() 
+controlP5.ControllerGroup : CColor getColor() 
+controlP5.ControllerGroup : ControlWindow getWindow() 
+controlP5.ControllerGroup : ControlWindowCanvas addCanvas(ControlWindowCanvas) 
+controlP5.ControllerGroup : Controller getController(String) 
+controlP5.ControllerGroup : ControllerProperty getProperty(String) 
+controlP5.ControllerGroup : ControllerProperty getProperty(String, String) 
+controlP5.ControllerGroup : Label getCaptionLabel() 
+controlP5.ControllerGroup : Label getValueLabel() 
+controlP5.ControllerGroup : PVector getPosition() 
+controlP5.ControllerGroup : String getAddress() 
+controlP5.ControllerGroup : String getInfo() 
+controlP5.ControllerGroup : String getName() 
+controlP5.ControllerGroup : String getStringValue() 
+controlP5.ControllerGroup : String toString() 
+controlP5.ControllerGroup : Tab add(ControllerInterface) 
+controlP5.ControllerGroup : Tab bringToFront() 
+controlP5.ControllerGroup : Tab bringToFront(ControllerInterface) 
+controlP5.ControllerGroup : Tab close() 
+controlP5.ControllerGroup : Tab disableCollapse() 
+controlP5.ControllerGroup : Tab enableCollapse() 
+controlP5.ControllerGroup : Tab getTab() 
+controlP5.ControllerGroup : Tab hide() 
+controlP5.ControllerGroup : Tab moveTo(ControlWindow) 
+controlP5.ControllerGroup : Tab moveTo(PApplet) 
+controlP5.ControllerGroup : Tab open() 
+controlP5.ControllerGroup : Tab registerProperty(String) 
+controlP5.ControllerGroup : Tab registerProperty(String, String) 
+controlP5.ControllerGroup : Tab remove(CDrawable) 
+controlP5.ControllerGroup : Tab remove(ControllerInterface) 
+controlP5.ControllerGroup : Tab removeCanvas(ControlWindowCanvas) 
+controlP5.ControllerGroup : Tab removeProperty(String) 
+controlP5.ControllerGroup : Tab removeProperty(String, String) 
+controlP5.ControllerGroup : Tab setAddress(String) 
+controlP5.ControllerGroup : Tab setArrayValue(float[]) 
+controlP5.ControllerGroup : Tab setColor(CColor) 
+controlP5.ControllerGroup : Tab setColorActive(int) 
+controlP5.ControllerGroup : Tab setColorBackground(int) 
+controlP5.ControllerGroup : Tab setColorForeground(int) 
+controlP5.ControllerGroup : Tab setColorLabel(int) 
+controlP5.ControllerGroup : Tab setColorValue(int) 
+controlP5.ControllerGroup : Tab setHeight(int) 
+controlP5.ControllerGroup : Tab setId(int) 
+controlP5.ControllerGroup : Tab setLabel(String) 
+controlP5.ControllerGroup : Tab setMouseOver(boolean) 
+controlP5.ControllerGroup : Tab setMoveable(boolean) 
+controlP5.ControllerGroup : Tab setOpen(boolean) 
+controlP5.ControllerGroup : Tab setPosition(PVector) 
+controlP5.ControllerGroup : Tab setPosition(float, float) 
+controlP5.ControllerGroup : Tab setStringValue(String) 
+controlP5.ControllerGroup : Tab setUpdate(boolean) 
+controlP5.ControllerGroup : Tab setValue(float) 
+controlP5.ControllerGroup : Tab setVisible(boolean) 
+controlP5.ControllerGroup : Tab setWidth(int) 
+controlP5.ControllerGroup : Tab show() 
+controlP5.ControllerGroup : Tab update() 
+controlP5.ControllerGroup : Tab updateAbsolutePosition() 
+controlP5.ControllerGroup : boolean isCollapse() 
+controlP5.ControllerGroup : boolean isMouseOver() 
+controlP5.ControllerGroup : boolean isMoveable() 
+controlP5.ControllerGroup : boolean isOpen() 
+controlP5.ControllerGroup : boolean isUpdate() 
+controlP5.ControllerGroup : boolean isVisible() 
+controlP5.ControllerGroup : boolean setMousePressed(boolean) 
+controlP5.ControllerGroup : float getValue() 
+controlP5.ControllerGroup : float[] getArrayValue() 
+controlP5.ControllerGroup : int getHeight() 
+controlP5.ControllerGroup : int getId() 
+controlP5.ControllerGroup : int getWidth() 
+controlP5.ControllerGroup : void remove() 
+java.lang.Object : String toString() 
+java.lang.Object : boolean equals(Object) 
+
+
+*/
+
+
+
+
+
+</pre></code></dd></dl></div></dl>
+</li>
+</ul>
+</div>
+<div class="summary">
+<ul class="blockList">
+<li class="blockList">
+<!-- =========== FIELD SUMMARY =========== -->
+<ul class="blockList">
+<li class="blockList"><a name="field_summary">
+<!--   -->
+</a>
+<h3>Field Summary</h3>
+<table class="overviewSummary" border="0" cellpadding="3" cellspacing="0" summary="Field Summary table, listing fields, and an explanation">
+<caption><span>Fields</span><span class="tabEnd">&nbsp;</span></caption>
+<tr>
+<th class="colFirst" scope="col">Modifier and Type</th>
+<th class="colLast" scope="col">Field and Description</th>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>boolean</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Tab.html#autoWidth">autoWidth</a></strong></code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>static int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Tab.html#padding">padding</a></strong></code>&nbsp;</td>
+</tr>
+</table>
+<ul class="blockList">
+<li class="blockList"><a name="fields_inherited_from_class_controlP5.ControlP5Constants">
+<!--   -->
+</a>
+<h3>Fields inherited from interface&nbsp;controlP5.<a href="../controlP5/ControlP5Constants.html" title="interface in controlP5">ControlP5Constants</a></h3>
+<code><a href="../controlP5/ControlP5Constants.html#acceptClassList">acceptClassList</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_BROADCAST">ACTION_BROADCAST</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_CLICK">ACTION_CLICK</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_DRAG">ACTION_DRAG</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_ENTER">ACTION_ENTER</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_EXIT">ACTION_EXIT</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_LEAVE">ACTION_LEAVE</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_MOVE">ACTION_MOVE</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_PRESS">ACTION_PRESS</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_PRESSED">ACTION_PRESSED</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_RELEASE">ACTION_RELEASE</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_RELEASED">ACTION_RELEASED</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_RELEASEDOUTSIDE">ACTION_RELEASEDOUTSIDE</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_WHEEL">ACTION_WHEEL</a>, <a href="../controlP5/ControlP5Constants.html#ACTIVE">ACTIVE</a>, <a href="../controlP5/ControlP5Constants.html#ALL">ALL</a>, <a href="../controlP5/ControlP5Constants.html#ALT">ALT</a>, <a href="../controlP5/ControlP5Constants.html#AQUA">AQUA</a>, <a href="../controlP5/ControlP5Constants.html#ARC">ARC</a>, <a href="../controlP5/ControlP5Constants.html#ARRAY">ARRAY</a>, <a href="../controlP5/ControlP5Constants.html#BACKSPACE">BACKSPACE</a>, <a href="../controlP5/ControlP5Constants.html#BASELINE">BASELINE</a>, <a href="../controlP5/ControlP5Constants.html#BITFONT">BITFONT</a>, <a href="../controlP5/ControlP5Constants.html#BLACK">BLACK</a>, <a href="../controlP5/ControlP5Constants.html#BLUE">BLUE</a>, <a href="../controlP5/ControlP5Constants.html#BOOLEAN">BOOLEAN</a>, <a href="../controlP5/ControlP5Constants.html#BOTTOM">BOTTOM</a>, <a href="../controlP5/ControlP5Constants.html#BOTTOM_OUTSIDE">BOTTOM_OUTSIDE</a>, <a href="../controlP5/ControlP5Constants.html#CAPTIONLABEL">CAPTIONLABEL</a>, <a href="../controlP5/ControlP5Constants.html#CENTER">CENTER</a>, <a href="../controlP5/ControlP5Constants.html#CHECKBOX">CHECKBOX</a>, <a href="../controlP5/ControlP5Constants.html#COMMANDKEY">COMMANDKEY</a>, <a href="../controlP5/ControlP5Constants.html#CONTROL">CONTROL</a>, <a href="../controlP5/ControlP5Constants.html#controlEventClass">controlEventClass</a>, <a href="../controlP5/ControlP5Constants.html#CUSTOM">CUSTOM</a>, <a href="../controlP5/ControlP5Constants.html#DECREASE">DECREASE</a>, <a href="../controlP5/ControlP5Constants.html#DEFAULT">DEFAULT</a>, <a href="../controlP5/ControlP5Constants.html#DELETE">DELETE</a>, <a href="../controlP5/ControlP5Constants.html#DONE">DONE</a>, <a href="../controlP5/ControlP5Constants.html#DOWN">DOWN</a>, <a href="../controlP5/ControlP5Constants.html#DROPDOWN">DROPDOWN</a>, <a href="../controlP5/ControlP5Constants.html#ELLIPSE">ELLIPSE</a>, <a href="../controlP5/ControlP5Constants.html#ENTER">ENTER</a>, <a href="../controlP5/ControlP5Constants.html#ESCAPE">ESCAPE</a>, <a href="../controlP5/ControlP5Constants.html#EVENT">EVENT</a>, <a href="../controlP5/ControlP5Constants.html#eventMethod">eventMethod</a>, <a href="../controlP5/ControlP5Constants.html#FADEIN">FADEIN</a>, <a href="../controlP5/ControlP5Constants.html#FADEOUT">FADEOUT</a>, <a href="../controlP5/ControlP5Constants.html#FIELD">FIELD</a>, <a href="../controlP5/ControlP5Constants.html#FLOAT">FLOAT</a>, <a href="../controlP5/ControlP5Constants.html#FUCHSIA">FUCHSIA</a>, <a href="../controlP5/ControlP5Constants.html#GRAY">GRAY</a>, <a href="../controlP5/ControlP5Constants.html#GREEN">GREEN</a>, <a href="../controlP5/ControlP5Constants.html#grixel">grixel</a>, <a href="../controlP5/ControlP5Constants.html#HALF_PI">HALF_PI</a>, <a href="../controlP5/ControlP5Constants.html#HIDE">HIDE</a>, <a href="../controlP5/ControlP5Constants.html#HIGHLIGHT">HIGHLIGHT</a>, <a href="../controlP5/ControlP5Constants.html#HORIZONTAL">HORIZONTAL</a>, <a href="../controlP5/ControlP5Constants.html#IDLE">IDLE</a>, <a href="../controlP5/ControlP5Constants.html#IMAGE">IMAGE</a>, <a href="../controlP5/ControlP5Constants.html#INACTIVE">INACTIVE</a>, <a href="../controlP5/ControlP5Constants.html#INCREASE">INCREASE</a>, <a href="../controlP5/ControlP5Constants.html#INTEGER">INTEGER</a>, <a href="../controlP5/ControlP5Constants.html#INVALID">INVALID</a>, <a href="../controlP5/ControlP5Constants.html#J2D">J2D</a>, <a href="../controlP5/ControlP5Constants.html#KEYCONTROL">KEYCONTROL</a>, <a href="../controlP5/ControlP5Constants.html#LEFT">LEFT</a>, <a href="../controlP5/ControlP5Constants.html#LEFT_OUTSIDE">LEFT_OUTSIDE</a>, <a href="../controlP5/ControlP5Constants.html#LIME">LIME</a>, <a href="../controlP5/ControlP5Constants.html#LINE">LINE</a>, <a href="../controlP5/ControlP5Constants.html#LIST">LIST</a>, <a href="../controlP5/ControlP5Constants.html#LOAD">LOAD</a>, <a href="../controlP5/ControlP5Constants.html#MAROON">MAROON</a>, <a href="../controlP5/ControlP5Constants.html#MENU">MENU</a>, <a href="../controlP5/ControlP5Constants.html#METHOD">METHOD</a>, <a href="../controlP5/ControlP5Constants.html#MOVE">MOVE</a>, <a href="../controlP5/ControlP5Constants.html#MULTI">MULTI</a>, <a href="../controlP5/ControlP5Constants.html#MULTIPLES">MULTIPLES</a>, <a href="../controlP5/ControlP5Constants.html#NAVY">NAVY</a>, <a href="../controlP5/ControlP5Constants.html#OLIVE">OLIVE</a>, <a href="../controlP5/ControlP5Constants.html#ORANGE">ORANGE</a>, <a href="../controlP5/ControlP5Constants.html#OVER">OVER</a>, <a href="../controlP5/ControlP5Constants.html#P2D">P2D</a>, <a href="../controlP5/ControlP5Constants.html#P3D">P3D</a>, <a href="../controlP5/ControlP5Constants.html#PI">PI</a>, <a href="../controlP5/ControlP5Constants.html#PRESSED">PRESSED</a>, <a href="../controlP5/ControlP5Constants.html#PRINT">PRINT</a>, <a href="../controlP5/ControlP5Constants.html#PURPLE">PURPLE</a>, <a href="../controlP5/ControlP5Constants.html#RED">RED</a>, <a href="../controlP5/ControlP5Constants.html#RELEASE">RELEASE</a>, <a href="../controlP5/ControlP5Constants.html#RESET">RESET</a>, <a href="../controlP5/ControlP5Constants.html#RIGHT">RIGHT</a>, <a href="../controlP5/ControlP5Constants.html#RIGHT_OUTSIDE">RIGHT_OUTSIDE</a>, <a href="../controlP5/ControlP5Constants.html#SAVE">SAVE</a>, <a href="../controlP5/ControlP5Constants.html#SHIFT">SHIFT</a>, <a href="../controlP5/ControlP5Constants.html#SILVER">SILVER</a>, <a href="../controlP5/ControlP5Constants.html#SINGLE">SINGLE</a>, <a href="../controlP5/ControlP5Constants.html#SINGLE_COLUMN">SINGLE_COLUMN</a>, <a href="../controlP5/ControlP5Constants.html#SINGLE_ROW">SINGLE_ROW</a>, <a href="../controlP5/ControlP5Constants.html#SPRITE">SPRITE</a>, <a href="../controlP5/ControlP5Constants.html#standard56">standard56</a>, <a href="../controlP5/ControlP5Constants.html#standard58">standard58</a>, <a href="../controlP5/ControlP5Constants.html#STRING">STRING</a>, <a href="../controlP5/ControlP5Constants.html#SWITCH">SWITCH</a>, <a href="../controlP5/ControlP5Constants.html#SWITCH_BACK">SWITCH_BACK</a>, <a href="../controlP5/ControlP5Constants.html#SWITCH_FORE">SWITCH_FORE</a>, <a href="../controlP5/ControlP5Constants.html#synt24">synt24</a>, <a href="../controlP5/ControlP5Constants.html#TAB">TAB</a>, <a href="../controlP5/ControlP5Constants.html#TEAL">TEAL</a>, <a href="../controlP5/ControlP5Constants.html#THEME_A">THEME_A</a>, <a href="../controlP5/ControlP5Constants.html#THEME_CP52014">THEME_CP52014</a>, <a href="../controlP5/ControlP5Constants.html#THEME_CP5BLUE">THEME_CP5BLUE</a>, <a href="../controlP5/ControlP5Constants.html#THEME_RED">THEME_RED</a>, <a href="../controlP5/ControlP5Constants.html#THEME_RETRO">THEME_RETRO</a>, <a href="../controlP5/ControlP5Constants.html#THEME_WHITE">THEME_WHITE</a>, <a href="../controlP5/ControlP5Constants.html#TOP">TOP</a>, <a href="../controlP5/ControlP5Constants.html#TOP_OUTSIDE">TOP_OUTSIDE</a>, <a href="../controlP5/ControlP5Constants.html#TRANSITION_WAIT_FADEIN">TRANSITION_WAIT_FADEIN</a>, <a href="../controlP5/ControlP5Constants.html#TREE">TREE</a>, <a href="../controlP5/ControlP5Constants.html#TWO_PI">TWO_PI</a>, <a href="../controlP5/ControlP5Constants.html#UP">UP</a>, <a href="../controlP5/ControlP5Constants.html#VALUELABEL">VALUELABEL</a>, <a href="../controlP5/ControlP5Constants.html#VERBOSE">VERBOSE</a>, <a href="../controlP5/ControlP5Constants.html#VERTICAL">VERTICAL</a>, <a href="../controlP5/ControlP5Constants.html#WAIT">WAIT</a>, <a href="../controlP5/ControlP5Constants.html#WHITE">WHITE</a>, <a href="../controlP5/ControlP5Constants.html#YELLOW">YELLOW</a></code></li>
+</ul>
+</li>
+</ul>
+<!-- ======== CONSTRUCTOR SUMMARY ======== -->
+<ul class="blockList">
+<li class="blockList"><a name="constructor_summary">
+<!--   -->
+</a>
+<h3>Constructor Summary</h3>
+<table class="overviewSummary" border="0" cellpadding="3" cellspacing="0" summary="Constructor Summary table, listing constructors, and an explanation">
+<caption><span>Constructors</span><span class="tabEnd">&nbsp;</span></caption>
+<tr>
+<th class="colOne" scope="col">Constructor and Description</th>
+</tr>
+<tr class="altColor">
+<td class="colOne"><code><strong><a href="../controlP5/Tab.html#Tab(controlP5.ControlP5, controlP5.ControlWindow, java.lang.String)">Tab</a></strong>(<a href="../controlP5/ControlP5.html" title="class in controlP5">ControlP5</a>&nbsp;theControlP5,
+   <a href="../controlP5/ControlWindow.html" title="class in controlP5">ControlWindow</a>&nbsp;theControlWindow,
+   java.lang.String&nbsp;theName)</code>&nbsp;</td>
+</tr>
+</table>
+</li>
+</ul>
+<!-- ========== METHOD SUMMARY =========== -->
+<ul class="blockList">
+<li class="blockList"><a name="method_summary">
+<!--   -->
+</a>
+<h3>Method Summary</h3>
+<table class="overviewSummary" border="0" cellpadding="3" cellspacing="0" summary="Method Summary table, listing methods, and an explanation">
+<caption><span>Methods</span><span class="tabEnd">&nbsp;</span></caption>
+<tr>
+<th class="colFirst" scope="col">Modifier and Type</th>
+<th class="colLast" scope="col">Method and Description</th>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Tab.html" title="class in controlP5">Tab</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Tab.html#activateEvent(boolean)">activateEvent</a></strong>(boolean&nbsp;theFlag)</code>
+<div class="block">activates or deactivates the Event status of a tab, When activated a tab will send a
+ controlEvent to the main application.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Tab.html" title="class in controlP5">Tab</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Tab.html#bringToFront()">bringToFront</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>java.lang.String</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Tab.html#getStringValue()">getStringValue</a></strong>()</code></td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>float</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Tab.html#getValue()">getValue</a></strong>()</code></td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>boolean</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Tab.html#isActive()">isActive</a></strong>()</code>
+<div class="block">checks if a tab is active.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>boolean</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Tab.html#isAlwaysActive()">isAlwaysActive</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>void</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Tab.html#mousePressed()">mousePressed</a></strong>()</code></td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Tab.html" title="class in controlP5">Tab</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Tab.html#moveTo(controlP5.ControlWindow)">moveTo</a></strong>(<a href="../controlP5/ControlWindow.html" title="class in controlP5">ControlWindow</a>&nbsp;theWindow)</code></td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Tab.html" title="class in controlP5">Tab</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Tab.html#setActive(boolean)">setActive</a></strong>(boolean&nbsp;theFlag)</code>
+<div class="block">Activates a tab.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Tab.html" title="class in controlP5">Tab</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Tab.html#setAlwaysActive(boolean)">setAlwaysActive</a></strong>(boolean&nbsp;theFlag)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Tab.html" title="class in controlP5">Tab</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Tab.html#setHeight(int)">setHeight</a></strong>(int&nbsp;theHeight)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Tab.html" title="class in controlP5">Tab</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Tab.html#setLabel(java.lang.String)">setLabel</a></strong>(java.lang.String&nbsp;theLabel)</code>
+<div class="block">set the label of the group.</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Tab.html" title="class in controlP5">Tab</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Tab.html#setValue(float)">setValue</a></strong>(float&nbsp;theValue)</code></td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Tab.html" title="class in controlP5">Tab</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Tab.html#setWidth(int)">setWidth</a></strong>(int&nbsp;theWidth)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>java.lang.String</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Tab.html#stringValue()">stringValue</a></strong>()</code>
+<div class="block"><strong>Deprecated.</strong>&nbsp;</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>float</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Tab.html#value()">value</a></strong>()</code>
+<div class="block"><strong>Deprecated.</strong>&nbsp;</div>
+</td>
+</tr>
+</table>
+<ul class="blockList">
+<li class="blockList"><a name="methods_inherited_from_class_controlP5.ControllerGroup">
+<!--   -->
+</a>
+<h3>Methods inherited from class&nbsp;controlP5.<a href="../controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a></h3>
+<code><a href="../controlP5/ControllerGroup.html#absolutePosition()">absolutePosition</a>, <a href="../controlP5/ControllerGroup.html#add(controlP5.ControllerInterface)">add</a>, <a href="../controlP5/ControllerGroup.html#addCanvas(controlP5.Canvas)">addCanvas</a>, <a href="../controlP5/ControllerGroup.html#addCloseButton()">addCloseButton</a>, <a href="../controlP5/ControllerGroup.html#addDrawable(controlP5.CDrawable)">addDrawable</a>, <a href="../controlP5/ControllerGroup.html#addListener(controlP5.ControlListener)">addListener</a>, <a href="../controlP5/ControllerGroup.html#arrayValue()">arrayValue</a>, <a href="../controlP5/ControllerGroup.html#bringToFront(controlP5.ControllerInterface)">bringToFront</a>, <a href="../controlP5/ControllerGroup.html#close()">close</a>, <a href="../controlP5/ControllerGroup.html#color()">color</a>, <a href="../controlP5/ControllerGroup.html#continuousUpdateEvents()">continuousUpdateEvents</a>, <a href="../controlP5/ControllerGroup.html#controlEvent(controlP5.ControlEvent)">controlEvent</a>, <a href="../controlP5/ControllerGroup.html#controller(java.lang.String)">controller</a>, <a href="../controlP5/ControllerGroup.html#disableCollapse()">disableCollapse</a>, <a href="../controlP5/ControllerGroup.html#draw(processing.core.PGraphics)">draw</a>, <a href="../controlP5/ControllerGroup.html#enableCollapse()">enableCollapse</a>, <a href="../controlP5/ControllerGroup.html#getAbsolutePosition()">getAbsolutePosition</a>, <a href="../controlP5/ControllerGroup.html#getAddress()">getAddress</a>, <a href="../controlP5/ControllerGroup.html#getArrayValue()">getArrayValue</a>, <a href="../controlP5/ControllerGroup.html#getArrayValue(int)">getArrayValue</a>, <a href="../controlP5/ControllerGroup.html#getCaptionLabel()">getCaptionLabel</a>, <a href="../controlP5/ControllerGroup.html#getColor()">getColor</a>, <a href="../controlP5/ControllerGroup.html#getController(java.lang.String)">getController</a>, <a href="../controlP5/ControllerGroup.html#getHeight()">getHeight</a>, <a href="../controlP5/ControllerGroup.html#getId()">getId</a>, <a href="../controlP5/ControllerGroup.html#getInfo()">getInfo</a>, <a href="../controlP5/ControllerGroup.html#getName()">getName</a>, <a href="../controlP5/ControllerGroup.html#getParent()">getParent</a>, <a href="../controlP5/ControllerGroup.html#getPickingColor()">getPickingColor</a>, <a href="../controlP5/ControllerGroup.html#getPosition()">getPosition</a>, <a href="../controlP5/ControllerGroup.html#getProperty(java.lang.String)">getProperty</a>, <a href="../controlP5/ControllerGroup.html#getProperty(java.lang.String, java.lang.String)">getProperty</a>, <a href="../controlP5/ControllerGroup.html#getTab()">getTab</a>, <a href="../controlP5/ControllerGroup.html#getValueLabel()">getValueLabel</a>, <a href="../controlP5/ControllerGroup.html#getWidth()">getWidth</a>, <a href="../controlP5/ControllerGroup.html#getWindow()">getWindow</a>, <a href="../controlP5/ControllerGroup.html#hide()">hide</a>, <a href="../controlP5/ControllerGroup.html#hideArrow()">hideArrow</a>, <a href="../controlP5/ControllerGroup.html#hideBar()">hideBar</a>, <a href="../controlP5/ControllerGroup.html#id()">id</a>, <a href="../controlP5/ControllerGroup.html#init()">init</a>, <a href="../controlP5/ControllerGroup.html#isBarVisible()">isBarVisible</a>, <a href="../controlP5/ControllerGroup.html#isCollapse()">isCollapse</a>, <a href="../controlP5/ControllerGroup.html#isMouseOver()">isMouseOver</a>, <a href="../controlP5/ControllerGroup.html#isMoveable()">isMoveable</a>, <a href="../controlP5/ControllerGroup.html#isOpen()">isOpen</a>, <a href="../controlP5/ControllerGroup.html#isUpdate()">isUpdate</a>, <a href="../controlP5/ControllerGroup.html#isVisible()">isVisible</a>, <a href="../controlP5/ControllerGroup.html#keyEvent(processing.event.KeyEvent)">keyEvent</a>, <a href="../controlP5/ControllerGroup.html#listenerSize()">listenerSize</a>, <a href="../controlP5/ControllerGroup.html#moveTo(controlP5.ControllerGroup)">moveTo</a>, <a href="../controlP5/ControllerGroup.html#moveTo(controlP5.ControllerGroup, controlP5.Tab, controlP5.ControlWindow)">moveTo</a>, <a href="../controlP5/ControllerGroup.html#moveTo(controlP5.ControlWindow, java.lang.String)">moveTo</a>, <a href="../controlP5/ControllerGroup.html#moveTo(processing.core.PApplet)">moveTo</a>, <a href="../controlP5/ControllerGroup.html#moveTo(java.lang.String)">moveTo</a>, <a href="../controlP5/ControllerGroup.html#moveTo(java.lang.String, controlP5.ControlWindow)">moveTo</a>, <a href="../controlP5/ControllerGroup.html#moveTo(controlP5.Tab)">moveTo</a>, <a href="../controlP5/ControllerGroup.html#moveTo(controlP5.Tab, controlP5.ControlWindow)">moveTo</a>, <a href="../controlP5/ControllerGroup.html#name()">name</a>, <a href="../controlP5/ControllerGroup.html#open()">open</a>, <a href="../controlP5/ControllerGroup.html#parent()">parent</a>, <a href="../controlP5/ControllerGroup.html#position()">position</a>, <a href="../controlP5/ControllerGroup.html#registerProperty(java.lang.String)">registerProperty</a>, <a href="../controlP5/ControllerGroup.html#registerProperty(java.lang.String, java.lang.String)">registerProperty</a>, <a href="../controlP5/ControllerGroup.html#remove()">remove</a>, <a href="../controlP5/ControllerGroup.html#remove(controlP5.CDrawable)">remove</a>, <a href="../controlP5/ControllerGroup.html#remove(controlP5.ControllerInterface)">remove</a>, <a href="../controlP5/ControllerGroup.html#removeCanvas(controlP5.Canvas)">removeCanvas</a>, <a href="../controlP5/ControllerGroup.html#removeCloseButton()">removeCloseButton</a>, <a href="../controlP5/ControllerGroup.html#removeListener(controlP5.ControlListener)">removeListener</a>, <a href="../controlP5/ControllerGroup.html#removeProperty(java.lang.String)">removeProperty</a>, <a href="../controlP5/ControllerGroup.html#removeProperty(java.lang.String, java.lang.String)">removeProperty</a>, <a href="../controlP5/ControllerGroup.html#setAbsolutePosition(processing.core.PVector)">setAbsolutePosition</a>, <a href="../controlP5/ControllerGroup.html#setAddress(java.lang.String)">setAddress</a>, <a href="../controlP5/ControllerGroup.html#setArrayValue(float[])">setArrayValue</a>, <a href="../controlP5/ControllerGroup.html#setArrayValue(int, float)">setArrayValue</a>, <a href="../controlP5/ControllerGroup.html#setCaptionLabel(java.lang.String)">setCaptionLabel</a>, <a href="../controlP5/ControllerGroup.html#setColor(controlP5.CColor)">setColor</a>, <a href="../controlP5/ControllerGroup.html#setColorActive(int)">setColorActive</a>, <a href="../controlP5/ControllerGroup.html#setColorBackground(int)">setColorBackground</a>, <a href="../controlP5/ControllerGroup.html#setColorForeground(int)">setColorForeground</a>, <a href="../controlP5/ControllerGroup.html#setColorLabel(int)">setColorLabel</a>, <a href="../controlP5/ControllerGroup.html#setColorValue(int)">setColorValue</a>, <a href="../controlP5/ControllerGroup.html#setGroup(controlP5.ControllerGroup)">setGroup</a>, <a href="../controlP5/ControllerGroup.html#setGroup(java.lang.String)">setGroup</a>, <a href="../controlP5/ControllerGroup.html#setId(int)">setId</a>, <a href="../controlP5/ControllerGroup.html#setMouseOver(boolean)">setMouseOver</a>, <a href="../controlP5/ControllerGroup.html#setMousePressed(boolean)">setMousePressed</a>, <a href="../controlP5/ControllerGroup.html#setMoveable(boolean)">setMoveable</a>, <a href="../controlP5/ControllerGroup.html#setOpen(boolean)">setOpen</a>, <a href="../controlP5/ControllerGroup.html#setPosition(float, float)">setPosition</a>, <a href="../controlP5/ControllerGroup.html#setPosition(processing.core.PVector)">setPosition</a>, <a href="../controlP5/ControllerGroup.html#setSize(int, int)">setSize</a>, <a href="../controlP5/ControllerGroup.html#setStringValue(java.lang.String)">setStringValue</a>, <a href="../controlP5/ControllerGroup.html#setTab(controlP5.ControlWindow, java.lang.String)">setTab</a>, <a href="../controlP5/ControllerGroup.html#setTab(java.lang.String)">setTab</a>, <a href="../controlP5/ControllerGroup.html#setTab(controlP5.Tab)">setTab</a>, <a href="../controlP5/ControllerGroup.html#setTitle(java.lang.String)">setTitle</a>, <a href="../controlP5/ControllerGroup.html#setUpdate(boolean)">setUpdate</a>, <a href="../controlP5/ControllerGroup.html#setVisible(boolean)">setVisible</a>, <a href="../controlP5/ControllerGroup.html#show()">show</a>, <a href="../controlP5/ControllerGroup.html#showArrow()">showArrow</a>, <a href="../controlP5/ControllerGroup.html#showBar()">showBar</a>, <a href="../controlP5/ControllerGroup.html#toString()">toString</a>, <a href="../controlP5/ControllerGroup.html#update()">update</a>, <a href="../controlP5/ControllerGroup.html#updateAbsolutePosition()">updateAbsolutePosition</a>, <a href="../controlP5/ControllerGroup.html#updateEvents()">updateEvents</a>, <a href="../controlP5/ControllerGroup.html#updateInternalEvents(processing.core.PApplet)">updateInternalEvents</a></code></li>
+</ul>
+<ul class="blockList">
+<li class="blockList"><a name="methods_inherited_from_class_java.lang.Object">
+<!--   -->
+</a>
+<h3>Methods inherited from class&nbsp;java.lang.Object</h3>
+<code>equals, getClass, hashCode, notify, notifyAll, wait, wait, wait</code></li>
+</ul>
+</li>
+</ul>
+</li>
+</ul>
+</div>
+<div class="details">
+<ul class="blockList">
+<li class="blockList">
+<!-- ============ FIELD DETAIL =========== -->
+<ul class="blockList">
+<li class="blockList"><a name="field_detail">
+<!--   -->
+</a>
+<h3>Field Detail</h3>
+<a name="autoWidth">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>autoWidth</h4>
+<pre>public&nbsp;boolean autoWidth</pre>
+</li>
+</ul>
+<a name="padding">
+<!--   -->
+</a>
+<ul class="blockListLast">
+<li class="blockList">
+<h4>padding</h4>
+<pre>public static&nbsp;int padding</pre>
+</li>
+</ul>
+</li>
+</ul>
+<!-- ========= CONSTRUCTOR DETAIL ======== -->
+<ul class="blockList">
+<li class="blockList"><a name="constructor_detail">
+<!--   -->
+</a>
+<h3>Constructor Detail</h3>
+<a name="Tab(controlP5.ControlP5, controlP5.ControlWindow, java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockListLast">
+<li class="blockList">
+<h4>Tab</h4>
+<pre>public&nbsp;Tab(<a href="../controlP5/ControlP5.html" title="class in controlP5">ControlP5</a>&nbsp;theControlP5,
+   <a href="../controlP5/ControlWindow.html" title="class in controlP5">ControlWindow</a>&nbsp;theControlWindow,
+   java.lang.String&nbsp;theName)</pre>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theControlP5</code> - ControlP5</dd><dd><code>theControlWindow</code> - ControlWindow</dd><dd><code>theName</code> - String</dd></dl>
+</li>
+</ul>
+</li>
+</ul>
+<!-- ============ METHOD DETAIL ========== -->
+<ul class="blockList">
+<li class="blockList"><a name="method_detail">
+<!--   -->
+</a>
+<h3>Method Detail</h3>
+<a name="activateEvent(boolean)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>activateEvent</h4>
+<pre>public&nbsp;<a href="../controlP5/Tab.html" title="class in controlP5">Tab</a>&nbsp;activateEvent(boolean&nbsp;theFlag)</pre>
+<div class="block">activates or deactivates the Event status of a tab, When activated a tab will send a
+ controlEvent to the main application. By default this is disabled.</div>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theFlag</code> - boolean</dd>
+<dt><span class="strong">Returns:</span></dt><dd>Tab</dd></dl>
+</li>
+</ul>
+<a name="bringToFront()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>bringToFront</h4>
+<pre>public&nbsp;<a href="../controlP5/Tab.html" title="class in controlP5">Tab</a>&nbsp;bringToFront()</pre>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerInterface.html#bringToFront()">bringToFront</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/Tab.html" title="class in controlP5">Tab</a>&gt;</code></dd>
+<dt><strong>Overrides:</strong></dt>
+<dd><code><a href="../controlP5/ControllerGroup.html#bringToFront()">bringToFront</a></code>&nbsp;in class&nbsp;<code><a href="../controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a>&lt;<a href="../controlP5/Tab.html" title="class in controlP5">Tab</a>&gt;</code></dd>
+</dl>
+</li>
+</ul>
+<a name="getStringValue()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getStringValue</h4>
+<pre>public&nbsp;java.lang.String&nbsp;getStringValue()</pre>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerInterface.html#getStringValue()">getStringValue</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/Tab.html" title="class in controlP5">Tab</a>&gt;</code></dd>
+<dt><strong>Overrides:</strong></dt>
+<dd><code><a href="../controlP5/ControllerGroup.html#getStringValue()">getStringValue</a></code>&nbsp;in class&nbsp;<code><a href="../controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a>&lt;<a href="../controlP5/Tab.html" title="class in controlP5">Tab</a>&gt;</code></dd>
+</dl>
+</li>
+</ul>
+<a name="getValue()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getValue</h4>
+<pre>public&nbsp;float&nbsp;getValue()</pre>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerInterface.html#getValue()">getValue</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/Tab.html" title="class in controlP5">Tab</a>&gt;</code></dd>
+<dt><strong>Overrides:</strong></dt>
+<dd><code><a href="../controlP5/ControllerGroup.html#getValue()">getValue</a></code>&nbsp;in class&nbsp;<code><a href="../controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a>&lt;<a href="../controlP5/Tab.html" title="class in controlP5">Tab</a>&gt;</code></dd>
+</dl>
+</li>
+</ul>
+<a name="isActive()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>isActive</h4>
+<pre>public&nbsp;boolean&nbsp;isActive()</pre>
+<div class="block">checks if a tab is active.</div>
+<dl><dt><span class="strong">Returns:</span></dt><dd>boolean</dd></dl>
+</li>
+</ul>
+<a name="isAlwaysActive()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>isAlwaysActive</h4>
+<pre>public&nbsp;boolean&nbsp;isAlwaysActive()</pre>
+</li>
+</ul>
+<a name="mousePressed()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>mousePressed</h4>
+<pre>public&nbsp;void&nbsp;mousePressed()</pre>
+</li>
+</ul>
+<a name="moveTo(controlP5.ControlWindow)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>moveTo</h4>
+<pre>public&nbsp;<a href="../controlP5/Tab.html" title="class in controlP5">Tab</a>&nbsp;moveTo(<a href="../controlP5/ControlWindow.html" title="class in controlP5">ControlWindow</a>&nbsp;theWindow)</pre>
+<dl>
+<dt><strong>Overrides:</strong></dt>
+<dd><code><a href="../controlP5/ControllerGroup.html#moveTo(controlP5.ControlWindow)">moveTo</a></code>&nbsp;in class&nbsp;<code><a href="../controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a>&lt;<a href="../controlP5/Tab.html" title="class in controlP5">Tab</a>&gt;</code></dd>
+</dl>
+</li>
+</ul>
+<a name="setActive(boolean)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setActive</h4>
+<pre>public&nbsp;<a href="../controlP5/Tab.html" title="class in controlP5">Tab</a>&nbsp;setActive(boolean&nbsp;theFlag)</pre>
+<div class="block">Activates a tab.</div>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theFlag</code> - boolean</dd></dl>
+</li>
+</ul>
+<a name="setAlwaysActive(boolean)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setAlwaysActive</h4>
+<pre>public&nbsp;<a href="../controlP5/Tab.html" title="class in controlP5">Tab</a>&nbsp;setAlwaysActive(boolean&nbsp;theFlag)</pre>
+</li>
+</ul>
+<a name="setHeight(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setHeight</h4>
+<pre>public&nbsp;<a href="../controlP5/Tab.html" title="class in controlP5">Tab</a>&nbsp;setHeight(int&nbsp;theHeight)</pre>
+<dl>
+<dt><strong>Overrides:</strong></dt>
+<dd><code><a href="../controlP5/ControllerGroup.html#setHeight(int)">setHeight</a></code>&nbsp;in class&nbsp;<code><a href="../controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a>&lt;<a href="../controlP5/Tab.html" title="class in controlP5">Tab</a>&gt;</code></dd>
+<dt><span class="strong">Returns:</span></dt><dd>ControllerGroup</dd></dl>
+</li>
+</ul>
+<a name="setLabel(java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setLabel</h4>
+<pre>public&nbsp;<a href="../controlP5/Tab.html" title="class in controlP5">Tab</a>&nbsp;setLabel(java.lang.String&nbsp;theLabel)</pre>
+<div class="block">set the label of the group. TODO overwriting COntrollerGroup.setLabel to set the Width of a
+ tab after renaming. this should be temporary and fixed in the future.</div>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerInterface.html#setLabel(java.lang.String)">setLabel</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/Tab.html" title="class in controlP5">Tab</a>&gt;</code></dd>
+<dt><strong>Overrides:</strong></dt>
+<dd><code><a href="../controlP5/ControllerGroup.html#setLabel(java.lang.String)">setLabel</a></code>&nbsp;in class&nbsp;<code><a href="../controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a>&lt;<a href="../controlP5/Tab.html" title="class in controlP5">Tab</a>&gt;</code></dd>
+<dt><span class="strong">Parameters:</span></dt><dd><code>theLabel</code> - String</dd>
+<dt><span class="strong">Returns:</span></dt><dd>Tab</dd></dl>
+</li>
+</ul>
+<a name="setValue(float)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setValue</h4>
+<pre>public&nbsp;<a href="../controlP5/Tab.html" title="class in controlP5">Tab</a>&nbsp;setValue(float&nbsp;theValue)</pre>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerInterface.html#setValue(float)">setValue</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/Tab.html" title="class in controlP5">Tab</a>&gt;</code></dd>
+<dt><strong>Overrides:</strong></dt>
+<dd><code><a href="../controlP5/ControllerGroup.html#setValue(float)">setValue</a></code>&nbsp;in class&nbsp;<code><a href="../controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a>&lt;<a href="../controlP5/Tab.html" title="class in controlP5">Tab</a>&gt;</code></dd>
+</dl>
+</li>
+</ul>
+<a name="setWidth(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setWidth</h4>
+<pre>public&nbsp;<a href="../controlP5/Tab.html" title="class in controlP5">Tab</a>&nbsp;setWidth(int&nbsp;theWidth)</pre>
+<dl>
+<dt><strong>Overrides:</strong></dt>
+<dd><code><a href="../controlP5/ControllerGroup.html#setWidth(int)">setWidth</a></code>&nbsp;in class&nbsp;<code><a href="../controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a>&lt;<a href="../controlP5/Tab.html" title="class in controlP5">Tab</a>&gt;</code></dd>
+<dt><span class="strong">Parameters:</span></dt><dd><code>theWidth</code> - </dd>
+<dt><span class="strong">Returns:</span></dt><dd></dd></dl>
+</li>
+</ul>
+<a name="stringValue()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>stringValue</h4>
+<pre>@Deprecated
+public&nbsp;java.lang.String&nbsp;stringValue()</pre>
+<div class="block"><span class="strong">Deprecated.</span>&nbsp;</div>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerInterface.html#stringValue()">stringValue</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/Tab.html" title="class in controlP5">Tab</a>&gt;</code></dd>
+<dt><strong>Overrides:</strong></dt>
+<dd><code><a href="../controlP5/ControllerGroup.html#stringValue()">stringValue</a></code>&nbsp;in class&nbsp;<code><a href="../controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a>&lt;<a href="../controlP5/Tab.html" title="class in controlP5">Tab</a>&gt;</code></dd>
+</dl>
+</li>
+</ul>
+<a name="value()">
+<!--   -->
+</a>
+<ul class="blockListLast">
+<li class="blockList">
+<h4>value</h4>
+<pre>@Deprecated
+public&nbsp;float&nbsp;value()</pre>
+<div class="block"><span class="strong">Deprecated.</span>&nbsp;</div>
+<dl>
+<dt><strong>Overrides:</strong></dt>
+<dd><code><a href="../controlP5/ControllerGroup.html#value()">value</a></code>&nbsp;in class&nbsp;<code><a href="../controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a>&lt;<a href="../controlP5/Tab.html" title="class in controlP5">Tab</a>&gt;</code></dd>
+</dl>
+</li>
+</ul>
+</li>
+</ul>
+</li>
+</ul>
+</div>
+</div>
+<!-- ========= END OF CLASS DATA ========= -->
+<!-- ======= START OF BOTTOM NAVBAR ====== -->
+<div class="bottomNav"><a name="navbar_bottom">
+<!--   -->
+</a><a href="#skip-navbar_bottom" title="Skip navigation links"></a><a name="navbar_bottom_firstrow">
+<!--   -->
+</a>
+<ul class="navList" title="Navigation">
+<li><a href="../controlP5/package-summary.html">Package</a></li>
+<li class="navBarCell1Rev">Class</li>
+<li><a href="package-tree.html">Tree</a></li>
+<li><a href="../index-all.html">Index</a></li>
+<li><a href="../help-doc.html">Help</a></li>
+</ul>
+</div>
+<div class="subNav">
+<ul class="navList">
+<li><a href="../controlP5/Slider2D.html" title="class in controlP5"><span class="strong">Prev Class</span></a></li>
+<li><a href="../controlP5/Textarea.html" title="class in controlP5"><span class="strong">Next Class</span></a></li>
+</ul>
+<ul class="navList">
+<li><a href="../index.html?controlP5/Tab.html" target="_top">Frames</a></li>
+<li><a href="Tab.html" target="_top">No Frames</a></li>
+</ul>
+<ul class="navList" id="allclasses_navbar_bottom">
+<li><a href="../allclasses-noframe.html">All Classes</a></li>
+</ul>
+<div>
+<script type="text/javascript"><!--
+  allClassesLink = document.getElementById("allclasses_navbar_bottom");
+  if(window==top) {
+    allClassesLink.style.display = "block";
+  }
+  else {
+    allClassesLink.style.display = "none";
+  }
+  //-->
+</script>
+</div>
+<div>
+<ul class="subNavList">
+<li>Summary:&nbsp;</li>
+<li>Nested&nbsp;|&nbsp;</li>
+<li><a href="#field_summary">Field</a>&nbsp;|&nbsp;</li>
+<li><a href="#constructor_summary">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_summary">Method</a></li>
+</ul>
+<ul class="subNavList">
+<li>Detail:&nbsp;</li>
+<li><a href="#field_detail">Field</a>&nbsp;|&nbsp;</li>
+<li><a href="#constructor_detail">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_detail">Method</a></li>
+</ul>
+</div>
+<a name="skip-navbar_bottom">
+<!--   -->
+</a></div>
+<!-- ======== END OF BOTTOM NAVBAR ======= -->
+<p class="legalCopy"><small>processing library controlP5 by Andreas Schlegel. (c) 2006-2014</small></p>
+</body>
+</html>
diff --git a/reference/controlP5/Textarea.html b/reference/controlP5/Textarea.html
new file mode 100644
index 0000000..0c35c03
--- /dev/null
+++ b/reference/controlP5/Textarea.html
@@ -0,0 +1,1229 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
+<!-- NewPage -->
+<html lang="en">
+<head>
+<!-- Generated by javadoc (version 1.7.0_51) on Sun Apr 27 21:39:48 SGT 2014 -->
+<title>Textarea (Javadocs: controlP5)</title>
+<meta name="date" content="2014-04-27">
+<link rel="stylesheet" type="text/css" href="../stylesheet.css" title="Style">
+</head>
+<body>
+<script type="text/javascript"><!--
+    if (location.href.indexOf('is-external=true') == -1) {
+        parent.document.title="Textarea (Javadocs: controlP5)";
+    }
+//-->
+</script>
+<noscript>
+<div>JavaScript is disabled on your browser.</div>
+</noscript>
+<!-- ========= START OF TOP NAVBAR ======= -->
+<div class="topNav"><a name="navbar_top">
+<!--   -->
+</a><a href="#skip-navbar_top" title="Skip navigation links"></a><a name="navbar_top_firstrow">
+<!--   -->
+</a>
+<ul class="navList" title="Navigation">
+<li><a href="../controlP5/package-summary.html">Package</a></li>
+<li class="navBarCell1Rev">Class</li>
+<li><a href="package-tree.html">Tree</a></li>
+<li><a href="../index-all.html">Index</a></li>
+<li><a href="../help-doc.html">Help</a></li>
+</ul>
+</div>
+<div class="subNav">
+<ul class="navList">
+<li><a href="../controlP5/Tab.html" title="class in controlP5"><span class="strong">Prev Class</span></a></li>
+<li><a href="../controlP5/Textfield.html" title="class in controlP5"><span class="strong">Next Class</span></a></li>
+</ul>
+<ul class="navList">
+<li><a href="../index.html?controlP5/Textarea.html" target="_top">Frames</a></li>
+<li><a href="Textarea.html" target="_top">No Frames</a></li>
+</ul>
+<ul class="navList" id="allclasses_navbar_top">
+<li><a href="../allclasses-noframe.html">All Classes</a></li>
+</ul>
+<div>
+<script type="text/javascript"><!--
+  allClassesLink = document.getElementById("allclasses_navbar_top");
+  if(window==top) {
+    allClassesLink.style.display = "block";
+  }
+  else {
+    allClassesLink.style.display = "none";
+  }
+  //-->
+</script>
+</div>
+<div>
+<ul class="subNavList">
+<li>Summary:&nbsp;</li>
+<li>Nested&nbsp;|&nbsp;</li>
+<li>Field&nbsp;|&nbsp;</li>
+<li><a href="#constructor_summary">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_summary">Method</a></li>
+</ul>
+<ul class="subNavList">
+<li>Detail:&nbsp;</li>
+<li>Field&nbsp;|&nbsp;</li>
+<li><a href="#constructor_detail">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_detail">Method</a></li>
+</ul>
+</div>
+<a name="skip-navbar_top">
+<!--   -->
+</a></div>
+<!-- ========= END OF TOP NAVBAR ========= -->
+<!-- ======== START OF CLASS DATA ======== -->
+<div class="header">
+<div class="subTitle">controlP5</div>
+<h2 title="Class Textarea" class="title">Class Textarea</h2>
+</div>
+<div class="contentContainer">
+<ul class="inheritance">
+<li>java.lang.Object</li>
+<li>
+<ul class="inheritance">
+<li><a href="../controlP5/ControllerGroup.html" title="class in controlP5">controlP5.ControllerGroup</a>&lt;<a href="../controlP5/Textarea.html" title="class in controlP5">Textarea</a>&gt;</li>
+<li>
+<ul class="inheritance">
+<li>controlP5.Textarea</li>
+</ul>
+</li>
+</ul>
+</li>
+</ul>
+<div class="description">
+<ul class="blockList">
+<li class="blockList">
+<dl>
+<dt>All Implemented Interfaces:</dt>
+<dd><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/Textarea.html" title="class in controlP5">Textarea</a>&gt;, <a href="../controlP5/ControlListener.html" title="interface in controlP5">ControlListener</a>, <a href="../controlP5/ControlP5Constants.html" title="interface in controlP5">ControlP5Constants</a></dd>
+</dl>
+<hr>
+<br>
+<pre>public class <span class="strong">Textarea</span>
+extends <a href="../controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a>&lt;<a href="../controlP5/Textarea.html" title="class in controlP5">Textarea</a>&gt;
+implements <a href="../controlP5/ControlListener.html" title="interface in controlP5">ControlListener</a></pre>
+<div class="block">a textarea can be used to leave notes, it uses the controlP5 BitFont to render text. Scrollbars
+ will automatically be added when text extends the visible area. Textarea extends ControllerGroup,
+ for more methods available see the ControllerGroup documentation.</div>
+<dl><script type="text/javascript">
+<!--
+document.getElementsByTagName('html')[0].className = 'isjs';function toggle(dt) { var display, dd=dt; do{ dd = dd.nextSibling } while(dd.tagName!='DD'); toOpen =!dd.style.display;dd.style.display = toOpen? 'block':''; dt.getElementsByTagName('span')[0].innerHTML  = toOpen? '-':'+' ; }
+-->
+</script>
+<div id="test" class="toggleList"><dl><dt onclick="toggle(this);"><span>+</span>Example</dt><dd><code><pre>/**
+* ControlP5 Textarea
+*
+*
+* find a list of public methods available for the Textarea Controller
+* at the bottom of this sketch.
+*
+* by Andreas Schlegel, 2012
+* www.sojamo.de/libraries/controlp5
+*
+*/
+
+import controlP5.*;
+
+ControlP5 cp5;
+Textarea myTextarea;
+
+void setup() {
+  size(700,400);
+  cp5 = new ControlP5(this);
+  
+  myTextarea = cp5.addTextarea("txt")
+                  .setPosition(100,100)
+                  .setSize(200,200)
+                  .setFont(createFont("arial",12))
+                  .setLineHeight(14)
+                  .setColor(color(128))
+                  .setColorBackground(color(255,100))
+                  .setColorForeground(color(255,100));
+                  ;
+  myTextarea.setText("Lorem Ipsum is simply dummy text of the printing and typesetting"
+                    +" industry. Lorem Ipsum has been the industry's standard dummy text"
+                    +" ever since the 1500s, when an unknown printer took a galley of type"
+                    +" and scrambled it to make a type specimen book. It has survived not"
+                    +" only five centuries, but also the leap into electronic typesetting,"
+                    +" remaining essentially unchanged. It was popularised in the 1960s"
+                    +" with the release of Letraset sheets containing Lorem Ipsum passages,"
+                    +" and more recently with desktop publishing software like Aldus"
+                    +" PageMaker including versions of Lorem Ipsum."
+                    );
+    
+  cp5.addSlider("changeWidth")
+     .setRange(100,400)
+     .setValue(200)
+     .setPosition(100,20)
+     .setSize(100,19)
+     ;
+     
+  cp5.addSlider("changeHeight")
+     .setRange(100,400)
+     .setValue(200)
+     .setPosition(100,40)
+     .setSize(100,19)
+     ;
+  
+}
+
+
+void keyPressed() {
+  if(key=='r') {
+    myTextarea.setText("Lorem ipsum dolor sit amet, consectetur adipiscing elit."
+                      +" Quisque sed velit nec eros scelerisque adipiscing vitae eu sem."
+                      +" Quisque malesuada interdum lectus. Pellentesque pellentesque molestie"
+                      +" vestibulum. Maecenas ultricies, neque at porttitor lacinia, tellus enim"
+                      +" suscipit tortor, ut dapibus orci lorem non ipsum. Mauris ut velit velit."
+                      +" Fusce at purus in augue semper tincidunt imperdiet sit amet eros."
+                      +" Vestibulum nunc diam, fringilla vitae tristique ut, viverra ut felis."
+                      +" Proin aliquet turpis ornare leo aliquam dapibus. Integer dui nisi, condimentum"
+                      +" ut sagittis non, fringilla vestibulum sapien. Sed ullamcorper libero et massa"
+                      +" congue in facilisis mauris lobortis. Fusce cursus risus sit amet leo imperdiet"
+                      +" lacinia faucibus turpis tempus. Pellentesque pellentesque augue sed purus varius"
+                      +" sed volutpat dui rhoncus. Lorem ipsum dolor sit amet, consectetur adipiscing elit"
+                      );
+                      
+  } else if(key=='c') {
+    myTextarea.setColor(0xffffffff);
+  }
+}
+void draw() {
+  background(0);
+  if(keyPressed && key==' ') {
+    myTextarea.scroll((float)mouseX/(float)width);
+  }
+  if(keyPressed && key=='l') {
+    myTextarea.setLineHeight(mouseY);
+  }
+}
+
+void changeWidth(int theValue) {
+  myTextarea.setWidth(theValue);
+}
+
+void changeHeight(int theValue) {
+  myTextarea.setHeight(theValue);
+}
+
+
+
+
+/*
+a list of all methods available for the Textarea Controller
+use ControlP5.printPublicMethodsFor(Textarea.class);
+to print the following list into the console.
+
+You can find further details about class Textarea in the javadoc.
+
+Format:
+ClassName : returnType methodName(parameter type)
+
+controlP5.Textarea : Label getValueLabel() 
+controlP5.Textarea : String getStringValue() 
+controlP5.Textarea : String getText() 
+controlP5.Textarea : Textarea disableColorBackground() 
+controlP5.Textarea : Textarea enableColorBackground() 
+controlP5.Textarea : Textarea hideScrollbar() 
+controlP5.Textarea : Textarea scroll(float) 
+controlP5.Textarea : Textarea setBorderColor(int) 
+controlP5.Textarea : Textarea setColor(int) 
+controlP5.Textarea : Textarea setColorBackground(int) 
+controlP5.Textarea : Textarea setFont(ControlFont) 
+controlP5.Textarea : Textarea setFont(PFont) 
+controlP5.Textarea : Textarea setFont(int) 
+controlP5.Textarea : Textarea setHeight(int) 
+controlP5.Textarea : Textarea setLineHeight(int) 
+controlP5.Textarea : Textarea setScrollActive(int) 
+controlP5.Textarea : Textarea setScrollBackground(int) 
+controlP5.Textarea : Textarea setScrollForeground(int) 
+controlP5.Textarea : Textarea setSize(int, int) 
+controlP5.Textarea : Textarea setText(String) 
+controlP5.Textarea : Textarea setWidth(int) 
+controlP5.Textarea : Textarea showScrollbar() 
+controlP5.Textarea : boolean isScrollable() 
+controlP5.Textarea : float getValue() 
+controlP5.Textarea : void controlEvent(ControlEvent) 
+controlP5.ControllerGroup : CColor getColor() 
+controlP5.ControllerGroup : ControlWindow getWindow() 
+controlP5.ControllerGroup : ControlWindowCanvas addCanvas(ControlWindowCanvas) 
+controlP5.ControllerGroup : Controller getController(String) 
+controlP5.ControllerGroup : ControllerProperty getProperty(String) 
+controlP5.ControllerGroup : ControllerProperty getProperty(String, String) 
+controlP5.ControllerGroup : Label getCaptionLabel() 
+controlP5.ControllerGroup : Label getValueLabel() 
+controlP5.ControllerGroup : PVector getPosition() 
+controlP5.ControllerGroup : String getAddress() 
+controlP5.ControllerGroup : String getInfo() 
+controlP5.ControllerGroup : String getName() 
+controlP5.ControllerGroup : String getStringValue() 
+controlP5.ControllerGroup : String toString() 
+controlP5.ControllerGroup : Tab getTab() 
+controlP5.ControllerGroup : Textarea add(ControllerInterface) 
+controlP5.ControllerGroup : Textarea bringToFront() 
+controlP5.ControllerGroup : Textarea bringToFront(ControllerInterface) 
+controlP5.ControllerGroup : Textarea close() 
+controlP5.ControllerGroup : Textarea disableCollapse() 
+controlP5.ControllerGroup : Textarea enableCollapse() 
+controlP5.ControllerGroup : Textarea hide() 
+controlP5.ControllerGroup : Textarea moveTo(ControlWindow) 
+controlP5.ControllerGroup : Textarea moveTo(PApplet) 
+controlP5.ControllerGroup : Textarea open() 
+controlP5.ControllerGroup : Textarea registerProperty(String) 
+controlP5.ControllerGroup : Textarea registerProperty(String, String) 
+controlP5.ControllerGroup : Textarea remove(CDrawable) 
+controlP5.ControllerGroup : Textarea remove(ControllerInterface) 
+controlP5.ControllerGroup : Textarea removeCanvas(ControlWindowCanvas) 
+controlP5.ControllerGroup : Textarea removeProperty(String) 
+controlP5.ControllerGroup : Textarea removeProperty(String, String) 
+controlP5.ControllerGroup : Textarea setAddress(String) 
+controlP5.ControllerGroup : Textarea setArrayValue(float[]) 
+controlP5.ControllerGroup : Textarea setColor(CColor) 
+controlP5.ControllerGroup : Textarea setColorActive(int) 
+controlP5.ControllerGroup : Textarea setColorBackground(int) 
+controlP5.ControllerGroup : Textarea setColorForeground(int) 
+controlP5.ControllerGroup : Textarea setColorLabel(int) 
+controlP5.ControllerGroup : Textarea setColorValue(int) 
+controlP5.ControllerGroup : Textarea setHeight(int) 
+controlP5.ControllerGroup : Textarea setId(int) 
+controlP5.ControllerGroup : Textarea setLabel(String) 
+controlP5.ControllerGroup : Textarea setMouseOver(boolean) 
+controlP5.ControllerGroup : Textarea setMoveable(boolean) 
+controlP5.ControllerGroup : Textarea setOpen(boolean) 
+controlP5.ControllerGroup : Textarea setPosition(PVector) 
+controlP5.ControllerGroup : Textarea setPosition(float, float) 
+controlP5.ControllerGroup : Textarea setStringValue(String) 
+controlP5.ControllerGroup : Textarea setUpdate(boolean) 
+controlP5.ControllerGroup : Textarea setValue(float) 
+controlP5.ControllerGroup : Textarea setVisible(boolean) 
+controlP5.ControllerGroup : Textarea setWidth(int) 
+controlP5.ControllerGroup : Textarea show() 
+controlP5.ControllerGroup : Textarea update() 
+controlP5.ControllerGroup : Textarea updateAbsolutePosition() 
+controlP5.ControllerGroup : boolean isCollapse() 
+controlP5.ControllerGroup : boolean isMouseOver() 
+controlP5.ControllerGroup : boolean isMoveable() 
+controlP5.ControllerGroup : boolean isOpen() 
+controlP5.ControllerGroup : boolean isUpdate() 
+controlP5.ControllerGroup : boolean isVisible() 
+controlP5.ControllerGroup : boolean setMousePressed(boolean) 
+controlP5.ControllerGroup : float getValue() 
+controlP5.ControllerGroup : float[] getArrayValue() 
+controlP5.ControllerGroup : int getHeight() 
+controlP5.ControllerGroup : int getId() 
+controlP5.ControllerGroup : int getWidth() 
+controlP5.ControllerGroup : void remove() 
+java.lang.Object : String toString() 
+java.lang.Object : boolean equals(Object) 
+
+
+*/
+
+
+
+</pre></code></dd></dl></div></dl>
+</li>
+</ul>
+</div>
+<div class="summary">
+<ul class="blockList">
+<li class="blockList">
+<!-- =========== FIELD SUMMARY =========== -->
+<ul class="blockList">
+<li class="blockList"><a name="field_summary">
+<!--   -->
+</a>
+<h3>Field Summary</h3>
+<ul class="blockList">
+<li class="blockList"><a name="fields_inherited_from_class_controlP5.ControlP5Constants">
+<!--   -->
+</a>
+<h3>Fields inherited from interface&nbsp;controlP5.<a href="../controlP5/ControlP5Constants.html" title="interface in controlP5">ControlP5Constants</a></h3>
+<code><a href="../controlP5/ControlP5Constants.html#acceptClassList">acceptClassList</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_BROADCAST">ACTION_BROADCAST</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_CLICK">ACTION_CLICK</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_DRAG">ACTION_DRAG</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_ENTER">ACTION_ENTER</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_EXIT">ACTION_EXIT</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_LEAVE">ACTION_LEAVE</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_MOVE">ACTION_MOVE</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_PRESS">ACTION_PRESS</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_PRESSED">ACTION_PRESSED</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_RELEASE">ACTION_RELEASE</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_RELEASED">ACTION_RELEASED</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_RELEASEDOUTSIDE">ACTION_RELEASEDOUTSIDE</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_WHEEL">ACTION_WHEEL</a>, <a href="../controlP5/ControlP5Constants.html#ACTIVE">ACTIVE</a>, <a href="../controlP5/ControlP5Constants.html#ALL">ALL</a>, <a href="../controlP5/ControlP5Constants.html#ALT">ALT</a>, <a href="../controlP5/ControlP5Constants.html#AQUA">AQUA</a>, <a href="../controlP5/ControlP5Constants.html#ARC">ARC</a>, <a href="../controlP5/ControlP5Constants.html#ARRAY">ARRAY</a>, <a href="../controlP5/ControlP5Constants.html#BACKSPACE">BACKSPACE</a>, <a href="../controlP5/ControlP5Constants.html#BASELINE">BASELINE</a>, <a href="../controlP5/ControlP5Constants.html#BITFONT">BITFONT</a>, <a href="../controlP5/ControlP5Constants.html#BLACK">BLACK</a>, <a href="../controlP5/ControlP5Constants.html#BLUE">BLUE</a>, <a href="../controlP5/ControlP5Constants.html#BOOLEAN">BOOLEAN</a>, <a href="../controlP5/ControlP5Constants.html#BOTTOM">BOTTOM</a>, <a href="../controlP5/ControlP5Constants.html#BOTTOM_OUTSIDE">BOTTOM_OUTSIDE</a>, <a href="../controlP5/ControlP5Constants.html#CAPTIONLABEL">CAPTIONLABEL</a>, <a href="../controlP5/ControlP5Constants.html#CENTER">CENTER</a>, <a href="../controlP5/ControlP5Constants.html#CHECKBOX">CHECKBOX</a>, <a href="../controlP5/ControlP5Constants.html#COMMANDKEY">COMMANDKEY</a>, <a href="../controlP5/ControlP5Constants.html#CONTROL">CONTROL</a>, <a href="../controlP5/ControlP5Constants.html#controlEventClass">controlEventClass</a>, <a href="../controlP5/ControlP5Constants.html#CUSTOM">CUSTOM</a>, <a href="../controlP5/ControlP5Constants.html#DECREASE">DECREASE</a>, <a href="../controlP5/ControlP5Constants.html#DEFAULT">DEFAULT</a>, <a href="../controlP5/ControlP5Constants.html#DELETE">DELETE</a>, <a href="../controlP5/ControlP5Constants.html#DONE">DONE</a>, <a href="../controlP5/ControlP5Constants.html#DOWN">DOWN</a>, <a href="../controlP5/ControlP5Constants.html#DROPDOWN">DROPDOWN</a>, <a href="../controlP5/ControlP5Constants.html#ELLIPSE">ELLIPSE</a>, <a href="../controlP5/ControlP5Constants.html#ENTER">ENTER</a>, <a href="../controlP5/ControlP5Constants.html#ESCAPE">ESCAPE</a>, <a href="../controlP5/ControlP5Constants.html#EVENT">EVENT</a>, <a href="../controlP5/ControlP5Constants.html#eventMethod">eventMethod</a>, <a href="../controlP5/ControlP5Constants.html#FADEIN">FADEIN</a>, <a href="../controlP5/ControlP5Constants.html#FADEOUT">FADEOUT</a>, <a href="../controlP5/ControlP5Constants.html#FIELD">FIELD</a>, <a href="../controlP5/ControlP5Constants.html#FLOAT">FLOAT</a>, <a href="../controlP5/ControlP5Constants.html#FUCHSIA">FUCHSIA</a>, <a href="../controlP5/ControlP5Constants.html#GRAY">GRAY</a>, <a href="../controlP5/ControlP5Constants.html#GREEN">GREEN</a>, <a href="../controlP5/ControlP5Constants.html#grixel">grixel</a>, <a href="../controlP5/ControlP5Constants.html#HALF_PI">HALF_PI</a>, <a href="../controlP5/ControlP5Constants.html#HIDE">HIDE</a>, <a href="../controlP5/ControlP5Constants.html#HIGHLIGHT">HIGHLIGHT</a>, <a href="../controlP5/ControlP5Constants.html#HORIZONTAL">HORIZONTAL</a>, <a href="../controlP5/ControlP5Constants.html#IDLE">IDLE</a>, <a href="../controlP5/ControlP5Constants.html#IMAGE">IMAGE</a>, <a href="../controlP5/ControlP5Constants.html#INACTIVE">INACTIVE</a>, <a href="../controlP5/ControlP5Constants.html#INCREASE">INCREASE</a>, <a href="../controlP5/ControlP5Constants.html#INTEGER">INTEGER</a>, <a href="../controlP5/ControlP5Constants.html#INVALID">INVALID</a>, <a href="../controlP5/ControlP5Constants.html#J2D">J2D</a>, <a href="../controlP5/ControlP5Constants.html#KEYCONTROL">KEYCONTROL</a>, <a href="../controlP5/ControlP5Constants.html#LEFT">LEFT</a>, <a href="../controlP5/ControlP5Constants.html#LEFT_OUTSIDE">LEFT_OUTSIDE</a>, <a href="../controlP5/ControlP5Constants.html#LIME">LIME</a>, <a href="../controlP5/ControlP5Constants.html#LINE">LINE</a>, <a href="../controlP5/ControlP5Constants.html#LIST">LIST</a>, <a href="../controlP5/ControlP5Constants.html#LOAD">LOAD</a>, <a href="../controlP5/ControlP5Constants.html#MAROON">MAROON</a>, <a href="../controlP5/ControlP5Constants.html#MENU">MENU</a>, <a href="../controlP5/ControlP5Constants.html#METHOD">METHOD</a>, <a href="../controlP5/ControlP5Constants.html#MOVE">MOVE</a>, <a href="../controlP5/ControlP5Constants.html#MULTI">MULTI</a>, <a href="../controlP5/ControlP5Constants.html#MULTIPLES">MULTIPLES</a>, <a href="../controlP5/ControlP5Constants.html#NAVY">NAVY</a>, <a href="../controlP5/ControlP5Constants.html#OLIVE">OLIVE</a>, <a href="../controlP5/ControlP5Constants.html#ORANGE">ORANGE</a>, <a href="../controlP5/ControlP5Constants.html#OVER">OVER</a>, <a href="../controlP5/ControlP5Constants.html#P2D">P2D</a>, <a href="../controlP5/ControlP5Constants.html#P3D">P3D</a>, <a href="../controlP5/ControlP5Constants.html#PI">PI</a>, <a href="../controlP5/ControlP5Constants.html#PRESSED">PRESSED</a>, <a href="../controlP5/ControlP5Constants.html#PRINT">PRINT</a>, <a href="../controlP5/ControlP5Constants.html#PURPLE">PURPLE</a>, <a href="../controlP5/ControlP5Constants.html#RED">RED</a>, <a href="../controlP5/ControlP5Constants.html#RELEASE">RELEASE</a>, <a href="../controlP5/ControlP5Constants.html#RESET">RESET</a>, <a href="../controlP5/ControlP5Constants.html#RIGHT">RIGHT</a>, <a href="../controlP5/ControlP5Constants.html#RIGHT_OUTSIDE">RIGHT_OUTSIDE</a>, <a href="../controlP5/ControlP5Constants.html#SAVE">SAVE</a>, <a href="../controlP5/ControlP5Constants.html#SHIFT">SHIFT</a>, <a href="../controlP5/ControlP5Constants.html#SILVER">SILVER</a>, <a href="../controlP5/ControlP5Constants.html#SINGLE">SINGLE</a>, <a href="../controlP5/ControlP5Constants.html#SINGLE_COLUMN">SINGLE_COLUMN</a>, <a href="../controlP5/ControlP5Constants.html#SINGLE_ROW">SINGLE_ROW</a>, <a href="../controlP5/ControlP5Constants.html#SPRITE">SPRITE</a>, <a href="../controlP5/ControlP5Constants.html#standard56">standard56</a>, <a href="../controlP5/ControlP5Constants.html#standard58">standard58</a>, <a href="../controlP5/ControlP5Constants.html#STRING">STRING</a>, <a href="../controlP5/ControlP5Constants.html#SWITCH">SWITCH</a>, <a href="../controlP5/ControlP5Constants.html#SWITCH_BACK">SWITCH_BACK</a>, <a href="../controlP5/ControlP5Constants.html#SWITCH_FORE">SWITCH_FORE</a>, <a href="../controlP5/ControlP5Constants.html#synt24">synt24</a>, <a href="../controlP5/ControlP5Constants.html#TAB">TAB</a>, <a href="../controlP5/ControlP5Constants.html#TEAL">TEAL</a>, <a href="../controlP5/ControlP5Constants.html#THEME_A">THEME_A</a>, <a href="../controlP5/ControlP5Constants.html#THEME_CP52014">THEME_CP52014</a>, <a href="../controlP5/ControlP5Constants.html#THEME_CP5BLUE">THEME_CP5BLUE</a>, <a href="../controlP5/ControlP5Constants.html#THEME_RED">THEME_RED</a>, <a href="../controlP5/ControlP5Constants.html#THEME_RETRO">THEME_RETRO</a>, <a href="../controlP5/ControlP5Constants.html#THEME_WHITE">THEME_WHITE</a>, <a href="../controlP5/ControlP5Constants.html#TOP">TOP</a>, <a href="../controlP5/ControlP5Constants.html#TOP_OUTSIDE">TOP_OUTSIDE</a>, <a href="../controlP5/ControlP5Constants.html#TRANSITION_WAIT_FADEIN">TRANSITION_WAIT_FADEIN</a>, <a href="../controlP5/ControlP5Constants.html#TREE">TREE</a>, <a href="../controlP5/ControlP5Constants.html#TWO_PI">TWO_PI</a>, <a href="../controlP5/ControlP5Constants.html#UP">UP</a>, <a href="../controlP5/ControlP5Constants.html#VALUELABEL">VALUELABEL</a>, <a href="../controlP5/ControlP5Constants.html#VERBOSE">VERBOSE</a>, <a href="../controlP5/ControlP5Constants.html#VERTICAL">VERTICAL</a>, <a href="../controlP5/ControlP5Constants.html#WAIT">WAIT</a>, <a href="../controlP5/ControlP5Constants.html#WHITE">WHITE</a>, <a href="../controlP5/ControlP5Constants.html#YELLOW">YELLOW</a></code></li>
+</ul>
+</li>
+</ul>
+<!-- ======== CONSTRUCTOR SUMMARY ======== -->
+<ul class="blockList">
+<li class="blockList"><a name="constructor_summary">
+<!--   -->
+</a>
+<h3>Constructor Summary</h3>
+<table class="overviewSummary" border="0" cellpadding="3" cellspacing="0" summary="Constructor Summary table, listing constructors, and an explanation">
+<caption><span>Constructors</span><span class="tabEnd">&nbsp;</span></caption>
+<tr>
+<th class="colOne" scope="col">Constructor and Description</th>
+</tr>
+<tr class="altColor">
+<td class="colOne"><code><strong><a href="../controlP5/Textarea.html#Textarea(controlP5.ControlP5, java.lang.String)">Textarea</a></strong>(<a href="../controlP5/ControlP5.html" title="class in controlP5">ControlP5</a>&nbsp;theControlP5,
+        java.lang.String&nbsp;theName)</code>
+<div class="block">Convenience constructor to extend Textarea.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colOne"><code><strong><a href="../controlP5/Textarea.html#Textarea(java.lang.String, int, int)">Textarea</a></strong>(java.lang.String&nbsp;theText,
+        int&nbsp;theX,
+        int&nbsp;theY)</code>&nbsp;</td>
+</tr>
+</table>
+</li>
+</ul>
+<!-- ========== METHOD SUMMARY =========== -->
+<ul class="blockList">
+<li class="blockList"><a name="method_summary">
+<!--   -->
+</a>
+<h3>Method Summary</h3>
+<table class="overviewSummary" border="0" cellpadding="3" cellspacing="0" summary="Method Summary table, listing methods, and an explanation">
+<caption><span>Methods</span><span class="tabEnd">&nbsp;</span></caption>
+<tr>
+<th class="colFirst" scope="col">Modifier and Type</th>
+<th class="colLast" scope="col">Method and Description</th>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Textarea.html" title="class in controlP5">Textarea</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Textarea.html#append(java.lang.String)">append</a></strong>(java.lang.String&nbsp;theText)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Textarea.html" title="class in controlP5">Textarea</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Textarea.html#append(java.lang.String, int)">append</a></strong>(java.lang.String&nbsp;theText,
+      int&nbsp;max)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Textarea.html" title="class in controlP5">Textarea</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Textarea.html#clear()">clear</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>void</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Textarea.html#controlEvent(controlP5.ControlEvent)">controlEvent</a></strong>(<a href="../controlP5/ControlEvent.html" title="class in controlP5">ControlEvent</a>&nbsp;theEvent)</code>
+<div class="block">controlEvent is called by controlP5's ControlBroadcaster to inform available listeners about
+ value changes.</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Textarea.html" title="class in controlP5">Textarea</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Textarea.html#disableColorBackground()">disableColorBackground</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Textarea.html" title="class in controlP5">Textarea</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Textarea.html#enableColorBackground()">enableColorBackground</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>float</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Textarea.html#getScrollPosition()">getScrollPosition</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>java.lang.String</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Textarea.html#getStringValue()">getStringValue</a></strong>()</code></td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>java.lang.String</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Textarea.html#getText()">getText</a></strong>()</code>
+<div class="block">returns the text content of the textarea.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>float</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Textarea.html#getValue()">getValue</a></strong>()</code></td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Label.html" title="class in controlP5">Label</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Textarea.html#getValueLabel()">getValueLabel</a></strong>()</code>
+<div class="block">returns the instance of the textarea's label.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Textarea.html" title="class in controlP5">Textarea</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Textarea.html#hideScrollbar()">hideScrollbar</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>boolean</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Textarea.html#isScrollable()">isScrollable</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Textarea.html" title="class in controlP5">Textarea</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Textarea.html#scroll(float)">scroll</a></strong>(float&nbsp;theValue)</code>
+<div class="block">scroll the Textarea remotely.</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>void</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Textarea.html#scrolled(int)">scrolled</a></strong>(int&nbsp;theStep)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Textarea.html" title="class in controlP5">Textarea</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Textarea.html#setBorderColor(int)">setBorderColor</a></strong>(int&nbsp;theColor)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Textarea.html" title="class in controlP5">Textarea</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Textarea.html#setColor(int)">setColor</a></strong>(int&nbsp;theColor)</code>
+<div class="block">set the text color of the textarea.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Textarea.html" title="class in controlP5">Textarea</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Textarea.html#setColorBackground(int)">setColorBackground</a></strong>(int&nbsp;theColor)</code></td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Textarea.html" title="class in controlP5">Textarea</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Textarea.html#setFont(controlP5.ControlFont)">setFont</a></strong>(<a href="../controlP5/ControlFont.html" title="class in controlP5">ControlFont</a>&nbsp;theFont)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Textarea.html" title="class in controlP5">Textarea</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Textarea.html#setFont(int)">setFont</a></strong>(int&nbsp;theFontIndex)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Textarea.html" title="class in controlP5">Textarea</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Textarea.html#setFont(processing.core.PFont)">setFont</a></strong>(processing.core.PFont&nbsp;thePFont)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Textarea.html" title="class in controlP5">Textarea</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Textarea.html#setHeight(int)">setHeight</a></strong>(int&nbsp;theValue)</code>
+<div class="block">set the height of the textarea.</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Textarea.html" title="class in controlP5">Textarea</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Textarea.html#setLineHeight(int)">setLineHeight</a></strong>(int&nbsp;theLineHeight)</code>
+<div class="block">set the lineheight of the textarea.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Textarea.html" title="class in controlP5">Textarea</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Textarea.html#setScrollActive(int)">setScrollActive</a></strong>(int&nbsp;theColor)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Textarea.html" title="class in controlP5">Textarea</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Textarea.html#setScrollBackground(int)">setScrollBackground</a></strong>(int&nbsp;theColor)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Textarea.html" title="class in controlP5">Textarea</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Textarea.html#setScrollForeground(int)">setScrollForeground</a></strong>(int&nbsp;theColor)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Textarea.html" title="class in controlP5">Textarea</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Textarea.html#setSize(int, int)">setSize</a></strong>(int&nbsp;theWidth,
+       int&nbsp;theHeight)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Textarea.html" title="class in controlP5">Textarea</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Textarea.html#setText(java.lang.String)">setText</a></strong>(java.lang.String&nbsp;theText)</code>
+<div class="block">set the text of the textarea.</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Textarea.html" title="class in controlP5">Textarea</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Textarea.html#setWidth(int)">setWidth</a></strong>(int&nbsp;theValue)</code>
+<div class="block">set the width of the textarea.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Textarea.html" title="class in controlP5">Textarea</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Textarea.html#showScrollbar()">showScrollbar</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>java.lang.String</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Textarea.html#stringValue()">stringValue</a></strong>()</code>
+<div class="block"><strong>Deprecated.</strong>&nbsp;</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>float</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Textarea.html#value()">value</a></strong>()</code>
+<div class="block"><strong>Deprecated.</strong>&nbsp;</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Label.html" title="class in controlP5">Label</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Textarea.html#valueLabel()">valueLabel</a></strong>()</code>
+<div class="block"><strong>Deprecated.</strong>&nbsp;</div>
+</td>
+</tr>
+</table>
+<ul class="blockList">
+<li class="blockList"><a name="methods_inherited_from_class_controlP5.ControllerGroup">
+<!--   -->
+</a>
+<h3>Methods inherited from class&nbsp;controlP5.<a href="../controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a></h3>
+<code><a href="../controlP5/ControllerGroup.html#absolutePosition()">absolutePosition</a>, <a href="../controlP5/ControllerGroup.html#add(controlP5.ControllerInterface)">add</a>, <a href="../controlP5/ControllerGroup.html#addCanvas(controlP5.Canvas)">addCanvas</a>, <a href="../controlP5/ControllerGroup.html#addCloseButton()">addCloseButton</a>, <a href="../controlP5/ControllerGroup.html#addDrawable(controlP5.CDrawable)">addDrawable</a>, <a href="../controlP5/ControllerGroup.html#addListener(controlP5.ControlListener)">addListener</a>, <a href="../controlP5/ControllerGroup.html#arrayValue()">arrayValue</a>, <a href="../controlP5/ControllerGroup.html#bringToFront()">bringToFront</a>, <a href="../controlP5/ControllerGroup.html#bringToFront(controlP5.ControllerInterface)">bringToFront</a>, <a href="../controlP5/ControllerGroup.html#close()">close</a>, <a href="../controlP5/ControllerGroup.html#color()">color</a>, <a href="../controlP5/ControllerGroup.html#continuousUpdateEvents()">continuousUpdateEvents</a>, <a href="../controlP5/ControllerGroup.html#controller(java.lang.String)">controller</a>, <a href="../controlP5/ControllerGroup.html#disableCollapse()">disableCollapse</a>, <a href="../controlP5/ControllerGroup.html#draw(processing.core.PGraphics)">draw</a>, <a href="../controlP5/ControllerGroup.html#enableCollapse()">enableCollapse</a>, <a href="../controlP5/ControllerGroup.html#getAbsolutePosition()">getAbsolutePosition</a>, <a href="../controlP5/ControllerGroup.html#getAddress()">getAddress</a>, <a href="../controlP5/ControllerGroup.html#getArrayValue()">getArrayValue</a>, <a href="../controlP5/ControllerGroup.html#getArrayValue(int)">getArrayValue</a>, <a href="../controlP5/ControllerGroup.html#getCaptionLabel()">getCaptionLabel</a>, <a href="../controlP5/ControllerGroup.html#getColor()">getColor</a>, <a href="../controlP5/ControllerGroup.html#getController(java.lang.String)">getController</a>, <a href="../controlP5/ControllerGroup.html#getHeight()">getHeight</a>, <a href="../controlP5/ControllerGroup.html#getId()">getId</a>, <a href="../controlP5/ControllerGroup.html#getInfo()">getInfo</a>, <a href="../controlP5/ControllerGroup.html#getName()">getName</a>, <a href="../controlP5/ControllerGroup.html#getParent()">getParent</a>, <a href="../controlP5/ControllerGroup.html#getPickingColor()">getPickingColor</a>, <a href="../controlP5/ControllerGroup.html#getPosition()">getPosition</a>, <a href="../controlP5/ControllerGroup.html#getProperty(java.lang.String)">getProperty</a>, <a href="../controlP5/ControllerGroup.html#getProperty(java.lang.String, java.lang.String)">getProperty</a>, <a href="../controlP5/ControllerGroup.html#getTab()">getTab</a>, <a href="../controlP5/ControllerGroup.html#getWidth()">getWidth</a>, <a href="../controlP5/ControllerGroup.html#getWindow()">getWindow</a>, <a href="../controlP5/ControllerGroup.html#hide()">hide</a>, <a href="../controlP5/ControllerGroup.html#hideArrow()">hideArrow</a>, <a href="../controlP5/ControllerGroup.html#hideBar()">hideBar</a>, <a href="../controlP5/ControllerGroup.html#id()">id</a>, <a href="../controlP5/ControllerGroup.html#init()">init</a>, <a href="../controlP5/ControllerGroup.html#isBarVisible()">isBarVisible</a>, <a href="../controlP5/ControllerGroup.html#isCollapse()">isCollapse</a>, <a href="../controlP5/ControllerGroup.html#isMouseOver()">isMouseOver</a>, <a href="../controlP5/ControllerGroup.html#isMoveable()">isMoveable</a>, <a href="../controlP5/ControllerGroup.html#isOpen()">isOpen</a>, <a href="../controlP5/ControllerGroup.html#isUpdate()">isUpdate</a>, <a href="../controlP5/ControllerGroup.html#isVisible()">isVisible</a>, <a href="../controlP5/ControllerGroup.html#keyEvent(processing.event.KeyEvent)">keyEvent</a>, <a href="../controlP5/ControllerGroup.html#listenerSize()">listenerSize</a>, <a href="../controlP5/ControllerGroup.html#moveTo(controlP5.ControllerGroup)">moveTo</a>, <a href="../controlP5/ControllerGroup.html#moveTo(controlP5.ControllerGroup, controlP5.Tab, controlP5.ControlWindow)">moveTo</a>, <a href="../controlP5/ControllerGroup.html#moveTo(controlP5.ControlWindow)">moveTo</a>, <a href="../controlP5/ControllerGroup.html#moveTo(controlP5.ControlWindow, java.lang.String)">moveTo</a>, <a href="../controlP5/ControllerGroup.html#moveTo(processing.core.PApplet)">moveTo</a>, <a href="../controlP5/ControllerGroup.html#moveTo(java.lang.String)">moveTo</a>, <a href="../controlP5/ControllerGroup.html#moveTo(java.lang.String, controlP5.ControlWindow)">moveTo</a>, <a href="../controlP5/ControllerGroup.html#moveTo(controlP5.Tab)">moveTo</a>, <a href="../controlP5/ControllerGroup.html#moveTo(controlP5.Tab, controlP5.ControlWindow)">moveTo</a>, <a href="../controlP5/ControllerGroup.html#name()">name</a>, <a href="../controlP5/ControllerGroup.html#open()">open</a>, <a href="../controlP5/ControllerGroup.html#parent()">parent</a>, <a href="../controlP5/ControllerGroup.html#position()">position</a>, <a href="../controlP5/ControllerGroup.html#registerProperty(java.lang.String)">registerProperty</a>, <a href="../controlP5/ControllerGroup.html#registerProperty(java.lang.String, java.lang.String)">registerProperty</a>, <a href="../controlP5/ControllerGroup.html#remove()">remove</a>, <a href="../controlP5/ControllerGroup.html#remove(controlP5.CDrawable)">remove</a>, <a href="../controlP5/ControllerGroup.html#remove(controlP5.ControllerInterface)">remove</a>, <a href="../controlP5/ControllerGroup.html#removeCanvas(controlP5.Canvas)">removeCanvas</a>, <a href="../controlP5/ControllerGroup.html#removeCloseButton()">removeCloseButton</a>, <a href="../controlP5/ControllerGroup.html#removeListener(controlP5.ControlListener)">removeListener</a>, <a href="../controlP5/ControllerGroup.html#removeProperty(java.lang.String)">removeProperty</a>, <a href="../controlP5/ControllerGroup.html#removeProperty(java.lang.String, java.lang.String)">removeProperty</a>, <a href="../controlP5/ControllerGroup.html#setAbsolutePosition(processing.core.PVector)">setAbsolutePosition</a>, <a href="../controlP5/ControllerGroup.html#setAddress(java.lang.String)">setAddress</a>, <a href="../controlP5/ControllerGroup.html#setArrayValue(float[])">setArrayValue</a>, <a href="../controlP5/ControllerGroup.html#setArrayValue(int, float)">setArrayValue</a>, <a href="../controlP5/ControllerGroup.html#setCaptionLabel(java.lang.String)">setCaptionLabel</a>, <a href="../controlP5/ControllerGroup.html#setColor(controlP5.CColor)">setColor</a>, <a href="../controlP5/ControllerGroup.html#setColorActive(int)">setColorActive</a>, <a href="../controlP5/ControllerGroup.html#setColorForeground(int)">setColorForeground</a>, <a href="../controlP5/ControllerGroup.html#setColorLabel(int)">setColorLabel</a>, <a href="../controlP5/ControllerGroup.html#setColorValue(int)">setColorValue</a>, <a href="../controlP5/ControllerGroup.html#setGroup(controlP5.ControllerGroup)">setGroup</a>, <a href="../controlP5/ControllerGroup.html#setGroup(java.lang.String)">setGroup</a>, <a href="../controlP5/ControllerGroup.html#setId(int)">setId</a>, <a href="../controlP5/ControllerGroup.html#setLabel(java.lang.String)">setLabel</a>, <a href="../controlP5/ControllerGroup.html#setMouseOver(boolean)">setMouseOver</a>, <a href="../controlP5/ControllerGroup.html#setMousePressed(boolean)">setMousePressed</a>, <a href="../controlP5/ControllerGroup.html#setMoveable(boolean)">setMoveable</a>, <a href="../controlP5/ControllerGroup.html#setOpen(boolean)">setOpen</a>, <a href="../controlP5/ControllerGroup.html#setPosition(float, float)">setPosition</a>, <a href="../controlP5/ControllerGroup.html#setPosition(processing.core.PVector)">setPosition</a>, <a href="../controlP5/ControllerGroup.html#setStringValue(java.lang.String)">setStringValue</a>, <a href="../controlP5/ControllerGroup.html#setTab(controlP5.ControlWindow, java.lang.String)">setTab</a>, <a href="../controlP5/ControllerGroup.html#setTab(java.lang.String)">setTab</a>, <a href="../controlP5/ControllerGroup.html#setTab(controlP5.Tab)">setTab</a>, <a href="../controlP5/ControllerGroup.html#setTitle(java.lang.String)">setTitle</a>, <a href="../controlP5/ControllerGroup.html#setUpdate(boolean)">setUpdate</a>, <a href="../controlP5/ControllerGroup.html#setValue(float)">setValue</a>, <a href="../controlP5/ControllerGroup.html#setVisible(boolean)">setVisible</a>, <a href="../controlP5/ControllerGroup.html#show()">show</a>, <a href="../controlP5/ControllerGroup.html#showArrow()">showArrow</a>, <a href="../controlP5/ControllerGroup.html#showBar()">showBar</a>, <a href="../controlP5/ControllerGroup.html#toString()">toString</a>, <a href="../controlP5/ControllerGroup.html#update()">update</a>, <a href="../controlP5/ControllerGroup.html#updateAbsolutePosition()">updateAbsolutePosition</a>, <a href="../controlP5/ControllerGroup.html#updateEvents()">updateEvents</a>, <a href="../controlP5/ControllerGroup.html#updateInternalEvents(processing.core.PApplet)">updateInternalEvents</a></code></li>
+</ul>
+<ul class="blockList">
+<li class="blockList"><a name="methods_inherited_from_class_java.lang.Object">
+<!--   -->
+</a>
+<h3>Methods inherited from class&nbsp;java.lang.Object</h3>
+<code>equals, getClass, hashCode, notify, notifyAll, wait, wait, wait</code></li>
+</ul>
+</li>
+</ul>
+</li>
+</ul>
+</div>
+<div class="details">
+<ul class="blockList">
+<li class="blockList">
+<!-- ========= CONSTRUCTOR DETAIL ======== -->
+<ul class="blockList">
+<li class="blockList"><a name="constructor_detail">
+<!--   -->
+</a>
+<h3>Constructor Detail</h3>
+<a name="Textarea(controlP5.ControlP5, java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>Textarea</h4>
+<pre>public&nbsp;Textarea(<a href="../controlP5/ControlP5.html" title="class in controlP5">ControlP5</a>&nbsp;theControlP5,
+        java.lang.String&nbsp;theName)</pre>
+<div class="block">Convenience constructor to extend Textarea.</div>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theControlP5</code> - </dd><dd><code>theName</code> - </dd><script type="text/javascript">
+<!--
+document.getElementsByTagName('html')[0].className = 'isjs';function toggle(dt) { var display, dd=dt; do{ dd = dd.nextSibling } while(dd.tagName!='DD'); toOpen =!dd.style.display;dd.style.display = toOpen? 'block':''; dt.getElementsByTagName('span')[0].innerHTML  = toOpen? '-':'+' ; }
+-->
+</script>
+<div id="test" class="toggleList"><dl><dt onclick="toggle(this);"><span>+</span>Example</dt><dd><code><pre>/**
+ * ControlP5 extending Controllers
+ *
+ * the following example shows how to extend the Controller class to 
+ * create customizable Controllers. You can either extend the Controller class itself,
+ * or any class that extends Controller itself like the Slider, Button, DropdownList, etc. 
+ * 
+ * How to:
+ *
+ * 1) do a super call to the convenience constructor requiring 
+ * 2 parameter (ControlP5 instance, name)  
+ *
+ * 2) the Controller class has a set of empty methods that allow you to capture
+ * inputs from the mouse including 
+ * onEnter(), onLeave(), onPress(), onRelease(), onClick(), onScroll(int), onDrag()
+ * These you can override and include functionality as needed.
+ *
+ * 3) use method getPointer() to return the local (relative) 
+ * xy-coordinates of the controller
+ *  
+ * 4) after instantiation custom controllers are treated the same 
+ * as default controlP5 controllers.
+ *  
+ * by Andreas Schlegel, 2012
+ * www.sojamo.de/libraries/controlp5
+ *
+ */
+
+import controlP5.*;
+
+ControlP5 cp5;
+PApplet p;
+
+void setup() {
+  size(400, 400);
+  cp5 = new ControlP5(this);
+  
+  // create 2 groups to show nesting of custom controllers and
+  //   
+  Group g1 = cp5.addGroup("a").setPosition(0,100).setWidth(180);
+  Group g2 = cp5.addGroup("b").setPosition(0,10).setWidth(180);
+  g2.moveTo(g1);
+  
+  // create 2 custom Controllers from class MyButton
+  // MyButton extends Controller and inherits all methods accordingly.
+  new MyButton(cp5, "b1").setPosition(0, 0).setSize(180, 200).moveTo(g2);
+  new MyButton(cp5, "b2").setPosition(205, 15).setSize(180, 200);
+  
+}
+
+
+void draw() {
+  background(0);
+}
+
+// b1 will be called from Controller b1
+public void b1(float theValue) {
+  println("yay button "+theValue);
+}
+
+public void controlEvent(ControlEvent theEvent) {
+  println("controlEvent : "+theEvent);
+}
+
+
+// Create a custom Controller, please not that 
+// MyButton extends Controller<MyButton>, <MyButton>
+// is an indicator for the super class about the type of 
+// custom controller to be created.
+
+class MyButton extends Controller<MyButton> {
+
+  int current = 0xffff0000;
+
+  float a = 128;
+  
+  float na;
+  
+  int y;
+  
+  // use the convenience constructor of super class Controller
+  // MyButton will automatically registered and move to the 
+  // default controlP5 tab.
+  
+  MyButton(ControlP5 cp5, String theName) {
+    super(cp5, theName);
+    
+    // replace the default view with a custom view.
+    setView(new ControllerView() {
+      public void display(PApplet p, Object b) {
+        // draw button background
+        na += (a-na) * 0.1; 
+        p.fill(current,na);
+        p.rect(0, 0, getWidth(), getHeight());
+        
+        // draw horizontal line which can be moved on the x-axis 
+        // using the scroll wheel. 
+        p.fill(0,255,0);
+        p.rect(0,y,width,10);
+        
+        // draw the custom label 
+        p.fill(128);
+        translate(0,getHeight()+14);
+        p.text(getName(),0,0);
+        p.text(getName(),0,0);
+        
+      }
+    }
+    );
+  }
+
+  // override various input methods for mouse input control
+  void onEnter() {
+    cursor(HAND);
+    println("enter");
+    a = 255;
+  }
+  
+  void onScroll(int n) {
+    println("scrolling");
+    y -= n;
+    y = constrain(y,0,getHeight()-10);
+  }
+  
+  void onPress() {
+    println("press");
+    current = 0xffffff00;
+  }
+  
+  void onClick() {
+    Pointer p1 = getPointer();
+    println("clicked at "+p1.x()+", "+p1.y());
+    current = 0xffffff00;
+    setValue(y);
+  }
+
+  void onRelease() {
+    println("release");
+    current = 0xffffffff;
+  }
+  
+  void onMove() {
+    println("moving "+this+" "+_myControlWindow.getMouseOverList());
+  }
+
+  void onDrag() {
+    current = 0xff0000ff;
+    Pointer p1 = getPointer();
+    float dif = dist(p1.px(),p1.py(),p1.x(),p1.y());
+    println("dragging at "+p1.x()+", "+p1.y()+" "+dif);
+  }
+  
+  void onReleaseOutside() {
+    onLeave();
+  }
+
+  void onLeave() {
+    println("leave");
+    cursor(ARROW);
+    a = 128;
+  }
+}
+
+</pre></code></dd></dl></div></dl>
+</li>
+</ul>
+<a name="Textarea(java.lang.String, int, int)">
+<!--   -->
+</a>
+<ul class="blockListLast">
+<li class="blockList">
+<h4>Textarea</h4>
+<pre>public&nbsp;Textarea(java.lang.String&nbsp;theText,
+        int&nbsp;theX,
+        int&nbsp;theY)</pre>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theText</code> - String</dd><dd><code>theX</code> - int</dd><dd><code>theY</code> - int</dd></dl>
+</li>
+</ul>
+</li>
+</ul>
+<!-- ============ METHOD DETAIL ========== -->
+<ul class="blockList">
+<li class="blockList"><a name="method_detail">
+<!--   -->
+</a>
+<h3>Method Detail</h3>
+<a name="append(java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>append</h4>
+<pre>public&nbsp;<a href="../controlP5/Textarea.html" title="class in controlP5">Textarea</a>&nbsp;append(java.lang.String&nbsp;theText)</pre>
+</li>
+</ul>
+<a name="append(java.lang.String, int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>append</h4>
+<pre>public&nbsp;<a href="../controlP5/Textarea.html" title="class in controlP5">Textarea</a>&nbsp;append(java.lang.String&nbsp;theText,
+              int&nbsp;max)</pre>
+</li>
+</ul>
+<a name="clear()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>clear</h4>
+<pre>public&nbsp;<a href="../controlP5/Textarea.html" title="class in controlP5">Textarea</a>&nbsp;clear()</pre>
+</li>
+</ul>
+<a name="controlEvent(controlP5.ControlEvent)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>controlEvent</h4>
+<pre>public&nbsp;void&nbsp;controlEvent(<a href="../controlP5/ControlEvent.html" title="class in controlP5">ControlEvent</a>&nbsp;theEvent)</pre>
+<div class="block"><strong>Description copied from interface:&nbsp;<code><a href="../controlP5/ControlListener.html#controlEvent(controlP5.ControlEvent)">ControlListener</a></code></strong></div>
+<div class="block">controlEvent is called by controlP5's ControlBroadcaster to inform available listeners about
+ value changes. Use the CallbackListener to get informed when actions such as pressed,
+ release, drag, etc are performed.</div>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControlListener.html#controlEvent(controlP5.ControlEvent)">controlEvent</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControlListener.html" title="interface in controlP5">ControlListener</a></code></dd>
+<dt><strong>Overrides:</strong></dt>
+<dd><code><a href="../controlP5/ControllerGroup.html#controlEvent(controlP5.ControlEvent)">controlEvent</a></code>&nbsp;in class&nbsp;<code><a href="../controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a>&lt;<a href="../controlP5/Textarea.html" title="class in controlP5">Textarea</a>&gt;</code></dd>
+<dt><span class="strong">Parameters:</span></dt><dd><code>theEvent</code> - ControlEvent</dd><dt><span class="strong">See Also:</span></dt><dd><a href="../controlP5/CallbackListener.html" title="interface in controlP5"><code>CallbackListener</code></a>, 
+<a href="../controlP5/CallbackEvent.html" title="class in controlP5"><code>CallbackEvent</code></a></dd></dl>
+</li>
+</ul>
+<a name="disableColorBackground()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>disableColorBackground</h4>
+<pre>public&nbsp;<a href="../controlP5/Textarea.html" title="class in controlP5">Textarea</a>&nbsp;disableColorBackground()</pre>
+</li>
+</ul>
+<a name="enableColorBackground()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>enableColorBackground</h4>
+<pre>public&nbsp;<a href="../controlP5/Textarea.html" title="class in controlP5">Textarea</a>&nbsp;enableColorBackground()</pre>
+</li>
+</ul>
+<a name="getScrollPosition()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getScrollPosition</h4>
+<pre>public&nbsp;float&nbsp;getScrollPosition()</pre>
+</li>
+</ul>
+<a name="getStringValue()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getStringValue</h4>
+<pre>public&nbsp;java.lang.String&nbsp;getStringValue()</pre>
+<div class="block"><strong>Description copied from class:&nbsp;<code><a href="../controlP5/ControllerGroup.html#getStringValue()">ControllerGroup</a></code></strong></div>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerInterface.html#getStringValue()">getStringValue</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/Textarea.html" title="class in controlP5">Textarea</a>&gt;</code></dd>
+<dt><strong>Overrides:</strong></dt>
+<dd><code><a href="../controlP5/ControllerGroup.html#getStringValue()">getStringValue</a></code>&nbsp;in class&nbsp;<code><a href="../controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a>&lt;<a href="../controlP5/Textarea.html" title="class in controlP5">Textarea</a>&gt;</code></dd>
+</dl>
+</li>
+</ul>
+<a name="getText()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getText</h4>
+<pre>public&nbsp;java.lang.String&nbsp;getText()</pre>
+<div class="block">returns the text content of the textarea.</div>
+<dl><dt><span class="strong">Returns:</span></dt><dd>String</dd></dl>
+</li>
+</ul>
+<a name="getValue()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getValue</h4>
+<pre>public&nbsp;float&nbsp;getValue()</pre>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerInterface.html#getValue()">getValue</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/Textarea.html" title="class in controlP5">Textarea</a>&gt;</code></dd>
+<dt><strong>Overrides:</strong></dt>
+<dd><code><a href="../controlP5/ControllerGroup.html#getValue()">getValue</a></code>&nbsp;in class&nbsp;<code><a href="../controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a>&lt;<a href="../controlP5/Textarea.html" title="class in controlP5">Textarea</a>&gt;</code></dd>
+</dl>
+</li>
+</ul>
+<a name="getValueLabel()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getValueLabel</h4>
+<pre>public&nbsp;<a href="../controlP5/Label.html" title="class in controlP5">Label</a>&nbsp;getValueLabel()</pre>
+<div class="block">returns the instance of the textarea's label.</div>
+<dl>
+<dt><strong>Overrides:</strong></dt>
+<dd><code><a href="../controlP5/ControllerGroup.html#getValueLabel()">getValueLabel</a></code>&nbsp;in class&nbsp;<code><a href="../controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a>&lt;<a href="../controlP5/Textarea.html" title="class in controlP5">Textarea</a>&gt;</code></dd>
+<dt><span class="strong">Returns:</span></dt><dd></dd></dl>
+</li>
+</ul>
+<a name="hideScrollbar()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>hideScrollbar</h4>
+<pre>public&nbsp;<a href="../controlP5/Textarea.html" title="class in controlP5">Textarea</a>&nbsp;hideScrollbar()</pre>
+</li>
+</ul>
+<a name="isScrollable()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>isScrollable</h4>
+<pre>public&nbsp;boolean&nbsp;isScrollable()</pre>
+</li>
+</ul>
+<a name="scroll(float)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>scroll</h4>
+<pre>public&nbsp;<a href="../controlP5/Textarea.html" title="class in controlP5">Textarea</a>&nbsp;scroll(float&nbsp;theValue)</pre>
+<div class="block">scroll the Textarea remotely. values must range from 0 to 1.</div>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theValue</code> - </dd></dl>
+</li>
+</ul>
+<a name="scrolled(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>scrolled</h4>
+<pre>public&nbsp;void&nbsp;scrolled(int&nbsp;theStep)</pre>
+</li>
+</ul>
+<a name="setBorderColor(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setBorderColor</h4>
+<pre>public&nbsp;<a href="../controlP5/Textarea.html" title="class in controlP5">Textarea</a>&nbsp;setBorderColor(int&nbsp;theColor)</pre>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theColor</code> - </dd>
+<dt><span class="strong">Returns:</span></dt><dd>Textarea</dd></dl>
+</li>
+</ul>
+<a name="setColor(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setColor</h4>
+<pre>public&nbsp;<a href="../controlP5/Textarea.html" title="class in controlP5">Textarea</a>&nbsp;setColor(int&nbsp;theColor)</pre>
+<div class="block">set the text color of the textarea.</div>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theColor</code> - int</dd></dl>
+</li>
+</ul>
+<a name="setColorBackground(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setColorBackground</h4>
+<pre>public&nbsp;<a href="../controlP5/Textarea.html" title="class in controlP5">Textarea</a>&nbsp;setColorBackground(int&nbsp;theColor)</pre>
+<div class="block"><strong>Description copied from class:&nbsp;<code><a href="../controlP5/ControllerGroup.html#setColorBackground(int)">ControllerGroup</a></code></strong></div>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerInterface.html#setColorBackground(int)">setColorBackground</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/Textarea.html" title="class in controlP5">Textarea</a>&gt;</code></dd>
+<dt><strong>Overrides:</strong></dt>
+<dd><code><a href="../controlP5/ControllerGroup.html#setColorBackground(int)">setColorBackground</a></code>&nbsp;in class&nbsp;<code><a href="../controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a>&lt;<a href="../controlP5/Textarea.html" title="class in controlP5">Textarea</a>&gt;</code></dd>
+</dl>
+</li>
+</ul>
+<a name="setFont(controlP5.ControlFont)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setFont</h4>
+<pre>public&nbsp;<a href="../controlP5/Textarea.html" title="class in controlP5">Textarea</a>&nbsp;setFont(<a href="../controlP5/ControlFont.html" title="class in controlP5">ControlFont</a>&nbsp;theFont)</pre>
+</li>
+</ul>
+<a name="setFont(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setFont</h4>
+<pre>public&nbsp;<a href="../controlP5/Textarea.html" title="class in controlP5">Textarea</a>&nbsp;setFont(int&nbsp;theFontIndex)</pre>
+</li>
+</ul>
+<a name="setFont(processing.core.PFont)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setFont</h4>
+<pre>public&nbsp;<a href="../controlP5/Textarea.html" title="class in controlP5">Textarea</a>&nbsp;setFont(processing.core.PFont&nbsp;thePFont)</pre>
+</li>
+</ul>
+<a name="setHeight(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setHeight</h4>
+<pre>public&nbsp;<a href="../controlP5/Textarea.html" title="class in controlP5">Textarea</a>&nbsp;setHeight(int&nbsp;theValue)</pre>
+<div class="block">set the height of the textarea.</div>
+<dl>
+<dt><strong>Overrides:</strong></dt>
+<dd><code><a href="../controlP5/ControllerGroup.html#setHeight(int)">setHeight</a></code>&nbsp;in class&nbsp;<code><a href="../controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a>&lt;<a href="../controlP5/Textarea.html" title="class in controlP5">Textarea</a>&gt;</code></dd>
+<dt><span class="strong">Parameters:</span></dt><dd><code>theValue</code> - int</dd>
+<dt><span class="strong">Returns:</span></dt><dd>ControllerGroup</dd></dl>
+</li>
+</ul>
+<a name="setLineHeight(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setLineHeight</h4>
+<pre>public&nbsp;<a href="../controlP5/Textarea.html" title="class in controlP5">Textarea</a>&nbsp;setLineHeight(int&nbsp;theLineHeight)</pre>
+<div class="block">set the lineheight of the textarea.</div>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theLineHeight</code> - int</dd></dl>
+</li>
+</ul>
+<a name="setScrollActive(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setScrollActive</h4>
+<pre>public&nbsp;<a href="../controlP5/Textarea.html" title="class in controlP5">Textarea</a>&nbsp;setScrollActive(int&nbsp;theColor)</pre>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theColor</code> - </dd>
+<dt><span class="strong">Returns:</span></dt><dd>Textarea</dd></dl>
+</li>
+</ul>
+<a name="setScrollBackground(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setScrollBackground</h4>
+<pre>public&nbsp;<a href="../controlP5/Textarea.html" title="class in controlP5">Textarea</a>&nbsp;setScrollBackground(int&nbsp;theColor)</pre>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theColor</code> - </dd>
+<dt><span class="strong">Returns:</span></dt><dd>Textarea</dd></dl>
+</li>
+</ul>
+<a name="setScrollForeground(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setScrollForeground</h4>
+<pre>public&nbsp;<a href="../controlP5/Textarea.html" title="class in controlP5">Textarea</a>&nbsp;setScrollForeground(int&nbsp;theColor)</pre>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theColor</code> - </dd>
+<dt><span class="strong">Returns:</span></dt><dd>Textarea</dd></dl>
+</li>
+</ul>
+<a name="setSize(int, int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setSize</h4>
+<pre>public&nbsp;<a href="../controlP5/Textarea.html" title="class in controlP5">Textarea</a>&nbsp;setSize(int&nbsp;theWidth,
+               int&nbsp;theHeight)</pre>
+<dl>
+<dt><strong>Overrides:</strong></dt>
+<dd><code><a href="../controlP5/ControllerGroup.html#setSize(int, int)">setSize</a></code>&nbsp;in class&nbsp;<code><a href="../controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a>&lt;<a href="../controlP5/Textarea.html" title="class in controlP5">Textarea</a>&gt;</code></dd>
+</dl>
+</li>
+</ul>
+<a name="setText(java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setText</h4>
+<pre>public&nbsp;<a href="../controlP5/Textarea.html" title="class in controlP5">Textarea</a>&nbsp;setText(java.lang.String&nbsp;theText)</pre>
+<div class="block">set the text of the textarea.</div>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theText</code> - String</dd></dl>
+</li>
+</ul>
+<a name="setWidth(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setWidth</h4>
+<pre>public&nbsp;<a href="../controlP5/Textarea.html" title="class in controlP5">Textarea</a>&nbsp;setWidth(int&nbsp;theValue)</pre>
+<div class="block">set the width of the textarea.</div>
+<dl>
+<dt><strong>Overrides:</strong></dt>
+<dd><code><a href="../controlP5/ControllerGroup.html#setWidth(int)">setWidth</a></code>&nbsp;in class&nbsp;<code><a href="../controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a>&lt;<a href="../controlP5/Textarea.html" title="class in controlP5">Textarea</a>&gt;</code></dd>
+<dt><span class="strong">Parameters:</span></dt><dd><code>theValue</code> - int</dd>
+<dt><span class="strong">Returns:</span></dt><dd>ControllerGroup</dd></dl>
+</li>
+</ul>
+<a name="showScrollbar()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>showScrollbar</h4>
+<pre>public&nbsp;<a href="../controlP5/Textarea.html" title="class in controlP5">Textarea</a>&nbsp;showScrollbar()</pre>
+</li>
+</ul>
+<a name="stringValue()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>stringValue</h4>
+<pre>@Deprecated
+public&nbsp;java.lang.String&nbsp;stringValue()</pre>
+<div class="block"><span class="strong">Deprecated.</span>&nbsp;</div>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerInterface.html#stringValue()">stringValue</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/Textarea.html" title="class in controlP5">Textarea</a>&gt;</code></dd>
+<dt><strong>Overrides:</strong></dt>
+<dd><code><a href="../controlP5/ControllerGroup.html#stringValue()">stringValue</a></code>&nbsp;in class&nbsp;<code><a href="../controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a>&lt;<a href="../controlP5/Textarea.html" title="class in controlP5">Textarea</a>&gt;</code></dd>
+</dl>
+</li>
+</ul>
+<a name="value()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>value</h4>
+<pre>@Deprecated
+public&nbsp;float&nbsp;value()</pre>
+<div class="block"><span class="strong">Deprecated.</span>&nbsp;</div>
+<dl>
+<dt><strong>Overrides:</strong></dt>
+<dd><code><a href="../controlP5/ControllerGroup.html#value()">value</a></code>&nbsp;in class&nbsp;<code><a href="../controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a>&lt;<a href="../controlP5/Textarea.html" title="class in controlP5">Textarea</a>&gt;</code></dd>
+</dl>
+</li>
+</ul>
+<a name="valueLabel()">
+<!--   -->
+</a>
+<ul class="blockListLast">
+<li class="blockList">
+<h4>valueLabel</h4>
+<pre>@Deprecated
+public&nbsp;<a href="../controlP5/Label.html" title="class in controlP5">Label</a>&nbsp;valueLabel()</pre>
+<div class="block"><span class="strong">Deprecated.</span>&nbsp;</div>
+<dl>
+<dt><strong>Overrides:</strong></dt>
+<dd><code><a href="../controlP5/ControllerGroup.html#valueLabel()">valueLabel</a></code>&nbsp;in class&nbsp;<code><a href="../controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a>&lt;<a href="../controlP5/Textarea.html" title="class in controlP5">Textarea</a>&gt;</code></dd>
+</dl>
+</li>
+</ul>
+</li>
+</ul>
+</li>
+</ul>
+</div>
+</div>
+<!-- ========= END OF CLASS DATA ========= -->
+<!-- ======= START OF BOTTOM NAVBAR ====== -->
+<div class="bottomNav"><a name="navbar_bottom">
+<!--   -->
+</a><a href="#skip-navbar_bottom" title="Skip navigation links"></a><a name="navbar_bottom_firstrow">
+<!--   -->
+</a>
+<ul class="navList" title="Navigation">
+<li><a href="../controlP5/package-summary.html">Package</a></li>
+<li class="navBarCell1Rev">Class</li>
+<li><a href="package-tree.html">Tree</a></li>
+<li><a href="../index-all.html">Index</a></li>
+<li><a href="../help-doc.html">Help</a></li>
+</ul>
+</div>
+<div class="subNav">
+<ul class="navList">
+<li><a href="../controlP5/Tab.html" title="class in controlP5"><span class="strong">Prev Class</span></a></li>
+<li><a href="../controlP5/Textfield.html" title="class in controlP5"><span class="strong">Next Class</span></a></li>
+</ul>
+<ul class="navList">
+<li><a href="../index.html?controlP5/Textarea.html" target="_top">Frames</a></li>
+<li><a href="Textarea.html" target="_top">No Frames</a></li>
+</ul>
+<ul class="navList" id="allclasses_navbar_bottom">
+<li><a href="../allclasses-noframe.html">All Classes</a></li>
+</ul>
+<div>
+<script type="text/javascript"><!--
+  allClassesLink = document.getElementById("allclasses_navbar_bottom");
+  if(window==top) {
+    allClassesLink.style.display = "block";
+  }
+  else {
+    allClassesLink.style.display = "none";
+  }
+  //-->
+</script>
+</div>
+<div>
+<ul class="subNavList">
+<li>Summary:&nbsp;</li>
+<li>Nested&nbsp;|&nbsp;</li>
+<li>Field&nbsp;|&nbsp;</li>
+<li><a href="#constructor_summary">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_summary">Method</a></li>
+</ul>
+<ul class="subNavList">
+<li>Detail:&nbsp;</li>
+<li>Field&nbsp;|&nbsp;</li>
+<li><a href="#constructor_detail">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_detail">Method</a></li>
+</ul>
+</div>
+<a name="skip-navbar_bottom">
+<!--   -->
+</a></div>
+<!-- ======== END OF BOTTOM NAVBAR ======= -->
+<p class="legalCopy"><small>processing library controlP5 by Andreas Schlegel. (c) 2006-2014</small></p>
+</body>
+</html>
diff --git a/reference/controlP5/Textfield.InputFilter.html b/reference/controlP5/Textfield.InputFilter.html
new file mode 100644
index 0000000..dc30182
--- /dev/null
+++ b/reference/controlP5/Textfield.InputFilter.html
@@ -0,0 +1,344 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
+<!-- NewPage -->
+<html lang="en">
+<head>
+<!-- Generated by javadoc (version 1.7.0_51) on Sun Apr 27 21:39:48 SGT 2014 -->
+<title>Textfield.InputFilter (Javadocs: controlP5)</title>
+<meta name="date" content="2014-04-27">
+<link rel="stylesheet" type="text/css" href="../stylesheet.css" title="Style">
+</head>
+<body>
+<script type="text/javascript"><!--
+    if (location.href.indexOf('is-external=true') == -1) {
+        parent.document.title="Textfield.InputFilter (Javadocs: controlP5)";
+    }
+//-->
+</script>
+<noscript>
+<div>JavaScript is disabled on your browser.</div>
+</noscript>
+<!-- ========= START OF TOP NAVBAR ======= -->
+<div class="topNav"><a name="navbar_top">
+<!--   -->
+</a><a href="#skip-navbar_top" title="Skip navigation links"></a><a name="navbar_top_firstrow">
+<!--   -->
+</a>
+<ul class="navList" title="Navigation">
+<li><a href="../controlP5/package-summary.html">Package</a></li>
+<li class="navBarCell1Rev">Class</li>
+<li><a href="package-tree.html">Tree</a></li>
+<li><a href="../index-all.html">Index</a></li>
+<li><a href="../help-doc.html">Help</a></li>
+</ul>
+</div>
+<div class="subNav">
+<ul class="navList">
+<li><a href="../controlP5/Textfield.html" title="class in controlP5"><span class="strong">Prev Class</span></a></li>
+<li><a href="../controlP5/Textlabel.html" title="class in controlP5"><span class="strong">Next Class</span></a></li>
+</ul>
+<ul class="navList">
+<li><a href="../index.html?controlP5/Textfield.InputFilter.html" target="_top">Frames</a></li>
+<li><a href="Textfield.InputFilter.html" target="_top">No Frames</a></li>
+</ul>
+<ul class="navList" id="allclasses_navbar_top">
+<li><a href="../allclasses-noframe.html">All Classes</a></li>
+</ul>
+<div>
+<script type="text/javascript"><!--
+  allClassesLink = document.getElementById("allclasses_navbar_top");
+  if(window==top) {
+    allClassesLink.style.display = "block";
+  }
+  else {
+    allClassesLink.style.display = "none";
+  }
+  //-->
+</script>
+</div>
+<div>
+<ul class="subNavList">
+<li>Summary:&nbsp;</li>
+<li>Nested&nbsp;|&nbsp;</li>
+<li><a href="#enum_constant_summary">Enum Constants</a>&nbsp;|&nbsp;</li>
+<li>Field&nbsp;|&nbsp;</li>
+<li><a href="#method_summary">Method</a></li>
+</ul>
+<ul class="subNavList">
+<li>Detail:&nbsp;</li>
+<li><a href="#enum_constant_detail">Enum Constants</a>&nbsp;|&nbsp;</li>
+<li>Field&nbsp;|&nbsp;</li>
+<li><a href="#method_detail">Method</a></li>
+</ul>
+</div>
+<a name="skip-navbar_top">
+<!--   -->
+</a></div>
+<!-- ========= END OF TOP NAVBAR ========= -->
+<!-- ======== START OF CLASS DATA ======== -->
+<div class="header">
+<div class="subTitle">controlP5</div>
+<h2 title="Enum Textfield.InputFilter" class="title">Enum Textfield.InputFilter</h2>
+</div>
+<div class="contentContainer">
+<ul class="inheritance">
+<li>java.lang.Object</li>
+<li>
+<ul class="inheritance">
+<li>java.lang.Enum&lt;<a href="../controlP5/Textfield.InputFilter.html" title="enum in controlP5">Textfield.InputFilter</a>&gt;</li>
+<li>
+<ul class="inheritance">
+<li>controlP5.Textfield.InputFilter</li>
+</ul>
+</li>
+</ul>
+</li>
+</ul>
+<div class="description">
+<ul class="blockList">
+<li class="blockList">
+<dl>
+<dt>All Implemented Interfaces:</dt>
+<dd>java.io.Serializable, java.lang.Comparable&lt;<a href="../controlP5/Textfield.InputFilter.html" title="enum in controlP5">Textfield.InputFilter</a>&gt;</dd>
+</dl>
+<dl>
+<dt>Enclosing class:</dt>
+<dd><a href="../controlP5/Textfield.html" title="class in controlP5">Textfield</a></dd>
+</dl>
+<hr>
+<br>
+<pre>public static enum <span class="strong">Textfield.InputFilter</span>
+extends java.lang.Enum&lt;<a href="../controlP5/Textfield.InputFilter.html" title="enum in controlP5">Textfield.InputFilter</a>&gt;</pre>
+</li>
+</ul>
+</div>
+<div class="summary">
+<ul class="blockList">
+<li class="blockList">
+<!-- =========== ENUM CONSTANT SUMMARY =========== -->
+<ul class="blockList">
+<li class="blockList"><a name="enum_constant_summary">
+<!--   -->
+</a>
+<h3>Enum Constant Summary</h3>
+<table class="overviewSummary" border="0" cellpadding="3" cellspacing="0" summary="Enum Constant Summary table, listing enum constants, and an explanation">
+<caption><span>Enum Constants</span><span class="tabEnd">&nbsp;</span></caption>
+<tr>
+<th class="colOne" scope="col">Enum Constant and Description</th>
+</tr>
+<tr class="altColor">
+<td class="colOne"><code><strong><a href="../controlP5/Textfield.InputFilter.html#BITFONT">BITFONT</a></strong></code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colOne"><code><strong><a href="../controlP5/Textfield.InputFilter.html#DEFAULT">DEFAULT</a></strong></code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colOne"><code><strong><a href="../controlP5/Textfield.InputFilter.html#FLOAT">FLOAT</a></strong></code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colOne"><code><strong><a href="../controlP5/Textfield.InputFilter.html#INTEGER">INTEGER</a></strong></code>&nbsp;</td>
+</tr>
+</table>
+</li>
+</ul>
+<!-- ========== METHOD SUMMARY =========== -->
+<ul class="blockList">
+<li class="blockList"><a name="method_summary">
+<!--   -->
+</a>
+<h3>Method Summary</h3>
+<table class="overviewSummary" border="0" cellpadding="3" cellspacing="0" summary="Method Summary table, listing methods, and an explanation">
+<caption><span>Methods</span><span class="tabEnd">&nbsp;</span></caption>
+<tr>
+<th class="colFirst" scope="col">Modifier and Type</th>
+<th class="colLast" scope="col">Method and Description</th>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>static <a href="../controlP5/Textfield.InputFilter.html" title="enum in controlP5">Textfield.InputFilter</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Textfield.InputFilter.html#valueOf(java.lang.String)">valueOf</a></strong>(java.lang.String&nbsp;name)</code>
+<div class="block">Returns the enum constant of this type with the specified name.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>static <a href="../controlP5/Textfield.InputFilter.html" title="enum in controlP5">Textfield.InputFilter</a>[]</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Textfield.InputFilter.html#values()">values</a></strong>()</code>
+<div class="block">Returns an array containing the constants of this enum type, in
+the order they are declared.</div>
+</td>
+</tr>
+</table>
+<ul class="blockList">
+<li class="blockList"><a name="methods_inherited_from_class_java.lang.Enum">
+<!--   -->
+</a>
+<h3>Methods inherited from class&nbsp;java.lang.Enum</h3>
+<code>compareTo, equals, getDeclaringClass, hashCode, name, ordinal, toString, valueOf</code></li>
+</ul>
+<ul class="blockList">
+<li class="blockList"><a name="methods_inherited_from_class_java.lang.Object">
+<!--   -->
+</a>
+<h3>Methods inherited from class&nbsp;java.lang.Object</h3>
+<code>getClass, notify, notifyAll, wait, wait, wait</code></li>
+</ul>
+</li>
+</ul>
+</li>
+</ul>
+</div>
+<div class="details">
+<ul class="blockList">
+<li class="blockList">
+<!-- ============ ENUM CONSTANT DETAIL =========== -->
+<ul class="blockList">
+<li class="blockList"><a name="enum_constant_detail">
+<!--   -->
+</a>
+<h3>Enum Constant Detail</h3>
+<a name="BITFONT">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>BITFONT</h4>
+<pre>public static final&nbsp;<a href="../controlP5/Textfield.InputFilter.html" title="enum in controlP5">Textfield.InputFilter</a> BITFONT</pre>
+</li>
+</ul>
+<a name="DEFAULT">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>DEFAULT</h4>
+<pre>public static final&nbsp;<a href="../controlP5/Textfield.InputFilter.html" title="enum in controlP5">Textfield.InputFilter</a> DEFAULT</pre>
+</li>
+</ul>
+<a name="FLOAT">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>FLOAT</h4>
+<pre>public static final&nbsp;<a href="../controlP5/Textfield.InputFilter.html" title="enum in controlP5">Textfield.InputFilter</a> FLOAT</pre>
+</li>
+</ul>
+<a name="INTEGER">
+<!--   -->
+</a>
+<ul class="blockListLast">
+<li class="blockList">
+<h4>INTEGER</h4>
+<pre>public static final&nbsp;<a href="../controlP5/Textfield.InputFilter.html" title="enum in controlP5">Textfield.InputFilter</a> INTEGER</pre>
+</li>
+</ul>
+</li>
+</ul>
+<!-- ============ METHOD DETAIL ========== -->
+<ul class="blockList">
+<li class="blockList"><a name="method_detail">
+<!--   -->
+</a>
+<h3>Method Detail</h3>
+<a name="valueOf(java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>valueOf</h4>
+<pre>public static&nbsp;<a href="../controlP5/Textfield.InputFilter.html" title="enum in controlP5">Textfield.InputFilter</a>&nbsp;valueOf(java.lang.String&nbsp;name)</pre>
+<div class="block">Returns the enum constant of this type with the specified name.
+The string must match <i>exactly</i> an identifier used to declare an
+enum constant in this type.  (Extraneous whitespace characters are 
+not permitted.)</div>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>name</code> - the name of the enum constant to be returned.</dd>
+<dt><span class="strong">Returns:</span></dt><dd>the enum constant with the specified name</dd>
+<dt><span class="strong">Throws:</span></dt>
+<dd><code>java.lang.IllegalArgumentException</code> - if this enum type has no constant
+with the specified name</dd>
+<dd><code>java.lang.NullPointerException</code> - if the argument is null</dd></dl>
+</li>
+</ul>
+<a name="values()">
+<!--   -->
+</a>
+<ul class="blockListLast">
+<li class="blockList">
+<h4>values</h4>
+<pre>public static&nbsp;<a href="../controlP5/Textfield.InputFilter.html" title="enum in controlP5">Textfield.InputFilter</a>[]&nbsp;values()</pre>
+<div class="block">Returns an array containing the constants of this enum type, in
+the order they are declared.  This method may be used to iterate
+over the constants as follows:
+<pre>
+for (Textfield.InputFilter c : Textfield.InputFilter.values())
+&nbsp;   System.out.println(c);
+</pre></div>
+<dl><dt><span class="strong">Returns:</span></dt><dd>an array containing the constants of this enum type, in
+the order they are declared</dd></dl>
+</li>
+</ul>
+</li>
+</ul>
+</li>
+</ul>
+</div>
+</div>
+<!-- ========= END OF CLASS DATA ========= -->
+<!-- ======= START OF BOTTOM NAVBAR ====== -->
+<div class="bottomNav"><a name="navbar_bottom">
+<!--   -->
+</a><a href="#skip-navbar_bottom" title="Skip navigation links"></a><a name="navbar_bottom_firstrow">
+<!--   -->
+</a>
+<ul class="navList" title="Navigation">
+<li><a href="../controlP5/package-summary.html">Package</a></li>
+<li class="navBarCell1Rev">Class</li>
+<li><a href="package-tree.html">Tree</a></li>
+<li><a href="../index-all.html">Index</a></li>
+<li><a href="../help-doc.html">Help</a></li>
+</ul>
+</div>
+<div class="subNav">
+<ul class="navList">
+<li><a href="../controlP5/Textfield.html" title="class in controlP5"><span class="strong">Prev Class</span></a></li>
+<li><a href="../controlP5/Textlabel.html" title="class in controlP5"><span class="strong">Next Class</span></a></li>
+</ul>
+<ul class="navList">
+<li><a href="../index.html?controlP5/Textfield.InputFilter.html" target="_top">Frames</a></li>
+<li><a href="Textfield.InputFilter.html" target="_top">No Frames</a></li>
+</ul>
+<ul class="navList" id="allclasses_navbar_bottom">
+<li><a href="../allclasses-noframe.html">All Classes</a></li>
+</ul>
+<div>
+<script type="text/javascript"><!--
+  allClassesLink = document.getElementById("allclasses_navbar_bottom");
+  if(window==top) {
+    allClassesLink.style.display = "block";
+  }
+  else {
+    allClassesLink.style.display = "none";
+  }
+  //-->
+</script>
+</div>
+<div>
+<ul class="subNavList">
+<li>Summary:&nbsp;</li>
+<li>Nested&nbsp;|&nbsp;</li>
+<li><a href="#enum_constant_summary">Enum Constants</a>&nbsp;|&nbsp;</li>
+<li>Field&nbsp;|&nbsp;</li>
+<li><a href="#method_summary">Method</a></li>
+</ul>
+<ul class="subNavList">
+<li>Detail:&nbsp;</li>
+<li><a href="#enum_constant_detail">Enum Constants</a>&nbsp;|&nbsp;</li>
+<li>Field&nbsp;|&nbsp;</li>
+<li><a href="#method_detail">Method</a></li>
+</ul>
+</div>
+<a name="skip-navbar_bottom">
+<!--   -->
+</a></div>
+<!-- ======== END OF BOTTOM NAVBAR ======= -->
+<p class="legalCopy"><small>processing library controlP5 by Andreas Schlegel. (c) 2006-2014</small></p>
+</body>
+</html>
diff --git a/reference/controlP5/Textfield.html b/reference/controlP5/Textfield.html
new file mode 100644
index 0000000..d045719
--- /dev/null
+++ b/reference/controlP5/Textfield.html
@@ -0,0 +1,1114 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
+<!-- NewPage -->
+<html lang="en">
+<head>
+<!-- Generated by javadoc (version 1.7.0_51) on Sun Apr 27 21:39:48 SGT 2014 -->
+<title>Textfield (Javadocs: controlP5)</title>
+<meta name="date" content="2014-04-27">
+<link rel="stylesheet" type="text/css" href="../stylesheet.css" title="Style">
+</head>
+<body>
+<script type="text/javascript"><!--
+    if (location.href.indexOf('is-external=true') == -1) {
+        parent.document.title="Textfield (Javadocs: controlP5)";
+    }
+//-->
+</script>
+<noscript>
+<div>JavaScript is disabled on your browser.</div>
+</noscript>
+<!-- ========= START OF TOP NAVBAR ======= -->
+<div class="topNav"><a name="navbar_top">
+<!--   -->
+</a><a href="#skip-navbar_top" title="Skip navigation links"></a><a name="navbar_top_firstrow">
+<!--   -->
+</a>
+<ul class="navList" title="Navigation">
+<li><a href="../controlP5/package-summary.html">Package</a></li>
+<li class="navBarCell1Rev">Class</li>
+<li><a href="package-tree.html">Tree</a></li>
+<li><a href="../index-all.html">Index</a></li>
+<li><a href="../help-doc.html">Help</a></li>
+</ul>
+</div>
+<div class="subNav">
+<ul class="navList">
+<li><a href="../controlP5/Textarea.html" title="class in controlP5"><span class="strong">Prev Class</span></a></li>
+<li><a href="../controlP5/Textfield.InputFilter.html" title="enum in controlP5"><span class="strong">Next Class</span></a></li>
+</ul>
+<ul class="navList">
+<li><a href="../index.html?controlP5/Textfield.html" target="_top">Frames</a></li>
+<li><a href="Textfield.html" target="_top">No Frames</a></li>
+</ul>
+<ul class="navList" id="allclasses_navbar_top">
+<li><a href="../allclasses-noframe.html">All Classes</a></li>
+</ul>
+<div>
+<script type="text/javascript"><!--
+  allClassesLink = document.getElementById("allclasses_navbar_top");
+  if(window==top) {
+    allClassesLink.style.display = "block";
+  }
+  else {
+    allClassesLink.style.display = "none";
+  }
+  //-->
+</script>
+</div>
+<div>
+<ul class="subNavList">
+<li>Summary:&nbsp;</li>
+<li><a href="#nested_class_summary">Nested</a>&nbsp;|&nbsp;</li>
+<li><a href="#field_summary">Field</a>&nbsp;|&nbsp;</li>
+<li><a href="#constructor_summary">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_summary">Method</a></li>
+</ul>
+<ul class="subNavList">
+<li>Detail:&nbsp;</li>
+<li><a href="#field_detail">Field</a>&nbsp;|&nbsp;</li>
+<li><a href="#constructor_detail">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_detail">Method</a></li>
+</ul>
+</div>
+<a name="skip-navbar_top">
+<!--   -->
+</a></div>
+<!-- ========= END OF TOP NAVBAR ========= -->
+<!-- ======== START OF CLASS DATA ======== -->
+<div class="header">
+<div class="subTitle">controlP5</div>
+<h2 title="Class Textfield" class="title">Class Textfield</h2>
+</div>
+<div class="contentContainer">
+<ul class="inheritance">
+<li>java.lang.Object</li>
+<li>
+<ul class="inheritance">
+<li><a href="../controlP5/Controller.html" title="class in controlP5">controlP5.Controller</a>&lt;<a href="../controlP5/Textfield.html" title="class in controlP5">Textfield</a>&gt;</li>
+<li>
+<ul class="inheritance">
+<li>controlP5.Textfield</li>
+</ul>
+</li>
+</ul>
+</li>
+</ul>
+<div class="description">
+<ul class="blockList">
+<li class="blockList">
+<dl>
+<dt>All Implemented Interfaces:</dt>
+<dd><a href="../controlP5/CDrawable.html" title="interface in controlP5">CDrawable</a>, <a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/Textfield.html" title="class in controlP5">Textfield</a>&gt;, <a href="../controlP5/ControlP5Constants.html" title="interface in controlP5">ControlP5Constants</a></dd>
+</dl>
+<hr>
+<br>
+<pre>public class <span class="strong">Textfield</span>
+extends <a href="../controlP5/Controller.html" title="class in controlP5">Controller</a>&lt;<a href="../controlP5/Textfield.html" title="class in controlP5">Textfield</a>&gt;</pre>
+<div class="block">A singleline input textfield, use arrow keys to go back and forth, use backspace to delete
+ characters. Using the up and down arrows lets you cycle through the history of the textfield.
+ 
+ This is the best you can get. Font handling, font switching, measuring, left align, right align,
+ etc. was giving me a big headache. not perfect, i think this is a good compromise.</div>
+<dl><script type="text/javascript">
+<!--
+document.getElementsByTagName('html')[0].className = 'isjs';function toggle(dt) { var display, dd=dt; do{ dd = dd.nextSibling } while(dd.tagName!='DD'); toOpen =!dd.style.display;dd.style.display = toOpen? 'block':''; dt.getElementsByTagName('span')[0].innerHTML  = toOpen? '-':'+' ; }
+-->
+</script>
+<div id="test" class="toggleList"><dl><dt onclick="toggle(this);"><span>+</span>Example</dt><dd><code><pre>/**
+* ControlP5 Textfield
+*
+*
+* find a list of public methods available for the Textfield Controller
+* at the bottom of this sketch.
+*
+* by Andreas Schlegel, 2012
+* www.sojamo.de/libraries/controlp5
+*
+*/
+
+
+import controlP5.*;
+
+ControlP5 cp5;
+
+String textValue = "";
+
+void setup() {
+  size(700,400);
+  
+  PFont font = createFont("arial",20);
+  
+  cp5 = new ControlP5(this);
+  
+  cp5.addTextfield("input")
+     .setPosition(20,100)
+     .setSize(200,40)
+     .setFont(font)
+     .setFocus(true)
+     .setColor(color(255,0,0))
+     ;
+                 
+  cp5.addTextfield("textValue")
+     .setPosition(20,170)
+     .setSize(200,40)
+     .setFont(createFont("arial",20))
+     .setAutoClear(false)
+     ;
+       
+  cp5.addBang("clear")
+     .setPosition(240,170)
+     .setSize(80,40)
+     .getCaptionLabel().align(ControlP5.CENTER, ControlP5.CENTER)
+     ;    
+  
+  cp5.addTextfield("default")
+     .setPosition(20,350)
+     .setAutoClear(false)
+     ;
+     
+  textFont(font);
+}
+
+void draw() {
+  background(0);
+  fill(255);
+  text(cp5.get(Textfield.class,"input").getText(), 360,130);
+  text(textValue, 360,180);
+}
+
+public void clear() {
+  cp5.get(Textfield.class,"textValue").clear();
+}
+
+void controlEvent(ControlEvent theEvent) {
+  if(theEvent.isAssignableFrom(Textfield.class)) {
+    println("controlEvent: accessing a string from controller '"
+            +theEvent.getName()+"': "
+            +theEvent.getStringValue()
+            );
+  }
+}
+
+
+public void input(String theText) {
+  // automatically receives results from controller input
+  println("a textfield event for controller 'input' : "+theText);
+}
+
+
+
+
+/*
+a list of all methods available for the Textfield Controller
+use ControlP5.printPublicMethodsFor(Textfield.class);
+to print the following list into the console.
+
+You can find further details about class Textfield in the javadoc.
+
+Format:
+ClassName : returnType methodName(parameter type)
+
+controlP5.Textfield : String getText() 
+controlP5.Textfield : Textfield clear() 
+controlP5.Textfield : Textfield keepFocus(boolean) 
+controlP5.Textfield : Textfield setAutoClear(boolean) 
+controlP5.Textfield : Textfield setFocus(boolean) 
+controlP5.Textfield : Textfield setFont(ControlFont) 
+controlP5.Textfield : Textfield setFont(PFont) 
+controlP5.Textfield : Textfield setFont(int) 
+controlP5.Textfield : Textfield setText(String) 
+controlP5.Textfield : Textfield setValue(String) 
+controlP5.Textfield : Textfield setValue(float) 
+controlP5.Textfield : boolean isAutoClear() 
+controlP5.Textfield : int getIndex() 
+controlP5.Textfield : void draw(PApplet) 
+controlP5.Textfield : void keyEvent(KeyEvent) 
+controlP5.Textfield : void setInputFilter(int) 
+controlP5.Textfield : void setPasswordMode(boolean) 
+controlP5.Controller : CColor getColor() 
+controlP5.Controller : ControlBehavior getBehavior() 
+controlP5.Controller : ControlWindow getControlWindow() 
+controlP5.Controller : ControlWindow getWindow() 
+controlP5.Controller : ControllerProperty getProperty(String) 
+controlP5.Controller : ControllerProperty getProperty(String, String) 
+controlP5.Controller : Label getCaptionLabel() 
+controlP5.Controller : Label getValueLabel() 
+controlP5.Controller : List getControllerPlugList() 
+controlP5.Controller : PImage setImage(PImage) 
+controlP5.Controller : PImage setImage(PImage, int) 
+controlP5.Controller : PVector getAbsolutePosition() 
+controlP5.Controller : PVector getPosition() 
+controlP5.Controller : String getAddress() 
+controlP5.Controller : String getInfo() 
+controlP5.Controller : String getName() 
+controlP5.Controller : String getStringValue() 
+controlP5.Controller : String toString() 
+controlP5.Controller : Tab getTab() 
+controlP5.Controller : Textfield addCallback(CallbackListener) 
+controlP5.Controller : Textfield addListener(ControlListener) 
+controlP5.Controller : Textfield bringToFront() 
+controlP5.Controller : Textfield bringToFront(ControllerInterface) 
+controlP5.Controller : Textfield hide() 
+controlP5.Controller : Textfield linebreak() 
+controlP5.Controller : Textfield listen(boolean) 
+controlP5.Controller : Textfield lock() 
+controlP5.Controller : Textfield plugTo(Object) 
+controlP5.Controller : Textfield plugTo(Object, String) 
+controlP5.Controller : Textfield plugTo(Object[]) 
+controlP5.Controller : Textfield plugTo(Object[], String) 
+controlP5.Controller : Textfield registerProperty(String) 
+controlP5.Controller : Textfield registerProperty(String, String) 
+controlP5.Controller : Textfield registerTooltip(String) 
+controlP5.Controller : Textfield removeBehavior() 
+controlP5.Controller : Textfield removeCallback() 
+controlP5.Controller : Textfield removeCallback(CallbackListener) 
+controlP5.Controller : Textfield removeListener(ControlListener) 
+controlP5.Controller : Textfield removeProperty(String) 
+controlP5.Controller : Textfield removeProperty(String, String) 
+controlP5.Controller : Textfield setArrayValue(float[]) 
+controlP5.Controller : Textfield setArrayValue(int, float) 
+controlP5.Controller : Textfield setBehavior(ControlBehavior) 
+controlP5.Controller : Textfield setBroadcast(boolean) 
+controlP5.Controller : Textfield setCaptionLabel(String) 
+controlP5.Controller : Textfield setColor(CColor) 
+controlP5.Controller : Textfield setColorActive(int) 
+controlP5.Controller : Textfield setColorBackground(int) 
+controlP5.Controller : Textfield setColorCaptionLabel(int) 
+controlP5.Controller : Textfield setColorForeground(int) 
+controlP5.Controller : Textfield setColorValueLabel(int) 
+controlP5.Controller : Textfield setDecimalPrecision(int) 
+controlP5.Controller : Textfield setDefaultValue(float) 
+controlP5.Controller : Textfield setHeight(int) 
+controlP5.Controller : Textfield setId(int) 
+controlP5.Controller : Textfield setImages(PImage, PImage, PImage) 
+controlP5.Controller : Textfield setImages(PImage, PImage, PImage, PImage) 
+controlP5.Controller : Textfield setLabelVisible(boolean) 
+controlP5.Controller : Textfield setLock(boolean) 
+controlP5.Controller : Textfield setMax(float) 
+controlP5.Controller : Textfield setMin(float) 
+controlP5.Controller : Textfield setMouseOver(boolean) 
+controlP5.Controller : Textfield setMoveable(boolean) 
+controlP5.Controller : Textfield setPosition(PVector) 
+controlP5.Controller : Textfield setPosition(float, float) 
+controlP5.Controller : Textfield setSize(PImage) 
+controlP5.Controller : Textfield setSize(int, int) 
+controlP5.Controller : Textfield setStringValue(String) 
+controlP5.Controller : Textfield setUpdate(boolean) 
+controlP5.Controller : Textfield setValueLabel(String) 
+controlP5.Controller : Textfield setView(ControllerView) 
+controlP5.Controller : Textfield setVisible(boolean) 
+controlP5.Controller : Textfield setWidth(int) 
+controlP5.Controller : Textfield show() 
+controlP5.Controller : Textfield unlock() 
+controlP5.Controller : Textfield unplugFrom(Object) 
+controlP5.Controller : Textfield unplugFrom(Object[]) 
+controlP5.Controller : Textfield unregisterTooltip() 
+controlP5.Controller : Textfield update() 
+controlP5.Controller : Textfield updateSize() 
+controlP5.Controller : boolean isActive() 
+controlP5.Controller : boolean isBroadcast() 
+controlP5.Controller : boolean isInside() 
+controlP5.Controller : boolean isLabelVisible() 
+controlP5.Controller : boolean isListening() 
+controlP5.Controller : boolean isLock() 
+controlP5.Controller : boolean isMouseOver() 
+controlP5.Controller : boolean isMousePressed() 
+controlP5.Controller : boolean isMoveable() 
+controlP5.Controller : boolean isUpdate() 
+controlP5.Controller : boolean isVisible() 
+controlP5.Controller : float getArrayValue(int) 
+controlP5.Controller : float getDefaultValue() 
+controlP5.Controller : float getMax() 
+controlP5.Controller : float getMin() 
+controlP5.Controller : float getValue() 
+controlP5.Controller : float[] getArrayValue() 
+controlP5.Controller : int getDecimalPrecision() 
+controlP5.Controller : int getHeight() 
+controlP5.Controller : int getId() 
+controlP5.Controller : int getWidth() 
+controlP5.Controller : int listenerSize() 
+controlP5.Controller : void remove() 
+controlP5.Controller : void setView(ControllerView, int) 
+java.lang.Object : String toString() 
+java.lang.Object : boolean equals(Object) 
+
+
+*/
+</pre></code></dd></dl></div></dl>
+</li>
+</ul>
+</div>
+<div class="summary">
+<ul class="blockList">
+<li class="blockList">
+<!-- ======== NESTED CLASS SUMMARY ======== -->
+<ul class="blockList">
+<li class="blockList"><a name="nested_class_summary">
+<!--   -->
+</a>
+<h3>Nested Class Summary</h3>
+<table class="overviewSummary" border="0" cellpadding="3" cellspacing="0" summary="Nested Class Summary table, listing nested classes, and an explanation">
+<caption><span>Nested Classes</span><span class="tabEnd">&nbsp;</span></caption>
+<tr>
+<th class="colFirst" scope="col">Modifier and Type</th>
+<th class="colLast" scope="col">Class and Description</th>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>static class&nbsp;</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Textfield.InputFilter.html" title="enum in controlP5">Textfield.InputFilter</a></strong></code>&nbsp;</td>
+</tr>
+</table>
+</li>
+</ul>
+<!-- =========== FIELD SUMMARY =========== -->
+<ul class="blockList">
+<li class="blockList"><a name="field_summary">
+<!--   -->
+</a>
+<h3>Field Summary</h3>
+<table class="overviewSummary" border="0" cellpadding="3" cellspacing="0" summary="Field Summary table, listing fields, and an explanation">
+<caption><span>Fields</span><span class="tabEnd">&nbsp;</span></caption>
+<tr>
+<th class="colFirst" scope="col">Modifier and Type</th>
+<th class="colLast" scope="col">Field and Description</th>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>static int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Textfield.html#cursorWidth">cursorWidth</a></strong></code>&nbsp;</td>
+</tr>
+</table>
+<ul class="blockList">
+<li class="blockList"><a name="fields_inherited_from_class_controlP5.Controller">
+<!--   -->
+</a>
+<h3>Fields inherited from class&nbsp;controlP5.<a href="../controlP5/Controller.html" title="class in controlP5">Controller</a></h3>
+<code><a href="../controlP5/Controller.html#autoHeight">autoHeight</a>, <a href="../controlP5/Controller.html#autoSpacing">autoSpacing</a>, <a href="../controlP5/Controller.html#autoWidth">autoWidth</a></code></li>
+</ul>
+<ul class="blockList">
+<li class="blockList"><a name="fields_inherited_from_class_controlP5.ControlP5Constants">
+<!--   -->
+</a>
+<h3>Fields inherited from interface&nbsp;controlP5.<a href="../controlP5/ControlP5Constants.html" title="interface in controlP5">ControlP5Constants</a></h3>
+<code><a href="../controlP5/ControlP5Constants.html#acceptClassList">acceptClassList</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_BROADCAST">ACTION_BROADCAST</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_CLICK">ACTION_CLICK</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_DRAG">ACTION_DRAG</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_ENTER">ACTION_ENTER</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_EXIT">ACTION_EXIT</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_LEAVE">ACTION_LEAVE</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_MOVE">ACTION_MOVE</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_PRESS">ACTION_PRESS</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_PRESSED">ACTION_PRESSED</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_RELEASE">ACTION_RELEASE</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_RELEASED">ACTION_RELEASED</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_RELEASEDOUTSIDE">ACTION_RELEASEDOUTSIDE</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_WHEEL">ACTION_WHEEL</a>, <a href="../controlP5/ControlP5Constants.html#ACTIVE">ACTIVE</a>, <a href="../controlP5/ControlP5Constants.html#ALL">ALL</a>, <a href="../controlP5/ControlP5Constants.html#ALT">ALT</a>, <a href="../controlP5/ControlP5Constants.html#AQUA">AQUA</a>, <a href="../controlP5/ControlP5Constants.html#ARC">ARC</a>, <a href="../controlP5/ControlP5Constants.html#ARRAY">ARRAY</a>, <a href="../controlP5/ControlP5Constants.html#BACKSPACE">BACKSPACE</a>, <a href="../controlP5/ControlP5Constants.html#BASELINE">BASELINE</a>, <a href="../controlP5/ControlP5Constants.html#BITFONT">BITFONT</a>, <a href="../controlP5/ControlP5Constants.html#BLACK">BLACK</a>, <a href="../controlP5/ControlP5Constants.html#BLUE">BLUE</a>, <a href="../controlP5/ControlP5Constants.html#BOOLEAN">BOOLEAN</a>, <a href="../controlP5/ControlP5Constants.html#BOTTOM">BOTTOM</a>, <a href="../controlP5/ControlP5Constants.html#BOTTOM_OUTSIDE">BOTTOM_OUTSIDE</a>, <a href="../controlP5/ControlP5Constants.html#CAPTIONLABEL">CAPTIONLABEL</a>, <a href="../controlP5/ControlP5Constants.html#CENTER">CENTER</a>, <a href="../controlP5/ControlP5Constants.html#CHECKBOX">CHECKBOX</a>, <a href="../controlP5/ControlP5Constants.html#COMMANDKEY">COMMANDKEY</a>, <a href="../controlP5/ControlP5Constants.html#CONTROL">CONTROL</a>, <a href="../controlP5/ControlP5Constants.html#controlEventClass">controlEventClass</a>, <a href="../controlP5/ControlP5Constants.html#CUSTOM">CUSTOM</a>, <a href="../controlP5/ControlP5Constants.html#DECREASE">DECREASE</a>, <a href="../controlP5/ControlP5Constants.html#DEFAULT">DEFAULT</a>, <a href="../controlP5/ControlP5Constants.html#DELETE">DELETE</a>, <a href="../controlP5/ControlP5Constants.html#DONE">DONE</a>, <a href="../controlP5/ControlP5Constants.html#DOWN">DOWN</a>, <a href="../controlP5/ControlP5Constants.html#DROPDOWN">DROPDOWN</a>, <a href="../controlP5/ControlP5Constants.html#ELLIPSE">ELLIPSE</a>, <a href="../controlP5/ControlP5Constants.html#ENTER">ENTER</a>, <a href="../controlP5/ControlP5Constants.html#ESCAPE">ESCAPE</a>, <a href="../controlP5/ControlP5Constants.html#EVENT">EVENT</a>, <a href="../controlP5/ControlP5Constants.html#eventMethod">eventMethod</a>, <a href="../controlP5/ControlP5Constants.html#FADEIN">FADEIN</a>, <a href="../controlP5/ControlP5Constants.html#FADEOUT">FADEOUT</a>, <a href="../controlP5/ControlP5Constants.html#FIELD">FIELD</a>, <a href="../controlP5/ControlP5Constants.html#FLOAT">FLOAT</a>, <a href="../controlP5/ControlP5Constants.html#FUCHSIA">FUCHSIA</a>, <a href="../controlP5/ControlP5Constants.html#GRAY">GRAY</a>, <a href="../controlP5/ControlP5Constants.html#GREEN">GREEN</a>, <a href="../controlP5/ControlP5Constants.html#grixel">grixel</a>, <a href="../controlP5/ControlP5Constants.html#HALF_PI">HALF_PI</a>, <a href="../controlP5/ControlP5Constants.html#HIDE">HIDE</a>, <a href="../controlP5/ControlP5Constants.html#HIGHLIGHT">HIGHLIGHT</a>, <a href="../controlP5/ControlP5Constants.html#HORIZONTAL">HORIZONTAL</a>, <a href="../controlP5/ControlP5Constants.html#IDLE">IDLE</a>, <a href="../controlP5/ControlP5Constants.html#IMAGE">IMAGE</a>, <a href="../controlP5/ControlP5Constants.html#INACTIVE">INACTIVE</a>, <a href="../controlP5/ControlP5Constants.html#INCREASE">INCREASE</a>, <a href="../controlP5/ControlP5Constants.html#INTEGER">INTEGER</a>, <a href="../controlP5/ControlP5Constants.html#INVALID">INVALID</a>, <a href="../controlP5/ControlP5Constants.html#J2D">J2D</a>, <a href="../controlP5/ControlP5Constants.html#KEYCONTROL">KEYCONTROL</a>, <a href="../controlP5/ControlP5Constants.html#LEFT">LEFT</a>, <a href="../controlP5/ControlP5Constants.html#LEFT_OUTSIDE">LEFT_OUTSIDE</a>, <a href="../controlP5/ControlP5Constants.html#LIME">LIME</a>, <a href="../controlP5/ControlP5Constants.html#LINE">LINE</a>, <a href="../controlP5/ControlP5Constants.html#LIST">LIST</a>, <a href="../controlP5/ControlP5Constants.html#LOAD">LOAD</a>, <a href="../controlP5/ControlP5Constants.html#MAROON">MAROON</a>, <a href="../controlP5/ControlP5Constants.html#MENU">MENU</a>, <a href="../controlP5/ControlP5Constants.html#METHOD">METHOD</a>, <a href="../controlP5/ControlP5Constants.html#MOVE">MOVE</a>, <a href="../controlP5/ControlP5Constants.html#MULTI">MULTI</a>, <a href="../controlP5/ControlP5Constants.html#MULTIPLES">MULTIPLES</a>, <a href="../controlP5/ControlP5Constants.html#NAVY">NAVY</a>, <a href="../controlP5/ControlP5Constants.html#OLIVE">OLIVE</a>, <a href="../controlP5/ControlP5Constants.html#ORANGE">ORANGE</a>, <a href="../controlP5/ControlP5Constants.html#OVER">OVER</a>, <a href="../controlP5/ControlP5Constants.html#P2D">P2D</a>, <a href="../controlP5/ControlP5Constants.html#P3D">P3D</a>, <a href="../controlP5/ControlP5Constants.html#PI">PI</a>, <a href="../controlP5/ControlP5Constants.html#PRESSED">PRESSED</a>, <a href="../controlP5/ControlP5Constants.html#PRINT">PRINT</a>, <a href="../controlP5/ControlP5Constants.html#PURPLE">PURPLE</a>, <a href="../controlP5/ControlP5Constants.html#RED">RED</a>, <a href="../controlP5/ControlP5Constants.html#RELEASE">RELEASE</a>, <a href="../controlP5/ControlP5Constants.html#RESET">RESET</a>, <a href="../controlP5/ControlP5Constants.html#RIGHT">RIGHT</a>, <a href="../controlP5/ControlP5Constants.html#RIGHT_OUTSIDE">RIGHT_OUTSIDE</a>, <a href="../controlP5/ControlP5Constants.html#SAVE">SAVE</a>, <a href="../controlP5/ControlP5Constants.html#SHIFT">SHIFT</a>, <a href="../controlP5/ControlP5Constants.html#SILVER">SILVER</a>, <a href="../controlP5/ControlP5Constants.html#SINGLE">SINGLE</a>, <a href="../controlP5/ControlP5Constants.html#SINGLE_COLUMN">SINGLE_COLUMN</a>, <a href="../controlP5/ControlP5Constants.html#SINGLE_ROW">SINGLE_ROW</a>, <a href="../controlP5/ControlP5Constants.html#SPRITE">SPRITE</a>, <a href="../controlP5/ControlP5Constants.html#standard56">standard56</a>, <a href="../controlP5/ControlP5Constants.html#standard58">standard58</a>, <a href="../controlP5/ControlP5Constants.html#STRING">STRING</a>, <a href="../controlP5/ControlP5Constants.html#SWITCH">SWITCH</a>, <a href="../controlP5/ControlP5Constants.html#SWITCH_BACK">SWITCH_BACK</a>, <a href="../controlP5/ControlP5Constants.html#SWITCH_FORE">SWITCH_FORE</a>, <a href="../controlP5/ControlP5Constants.html#synt24">synt24</a>, <a href="../controlP5/ControlP5Constants.html#TAB">TAB</a>, <a href="../controlP5/ControlP5Constants.html#TEAL">TEAL</a>, <a href="../controlP5/ControlP5Constants.html#THEME_A">THEME_A</a>, <a href="../controlP5/ControlP5Constants.html#THEME_CP52014">THEME_CP52014</a>, <a href="../controlP5/ControlP5Constants.html#THEME_CP5BLUE">THEME_CP5BLUE</a>, <a href="../controlP5/ControlP5Constants.html#THEME_RED">THEME_RED</a>, <a href="../controlP5/ControlP5Constants.html#THEME_RETRO">THEME_RETRO</a>, <a href="../controlP5/ControlP5Constants.html#THEME_WHITE">THEME_WHITE</a>, <a href="../controlP5/ControlP5Constants.html#TOP">TOP</a>, <a href="../controlP5/ControlP5Constants.html#TOP_OUTSIDE">TOP_OUTSIDE</a>, <a href="../controlP5/ControlP5Constants.html#TRANSITION_WAIT_FADEIN">TRANSITION_WAIT_FADEIN</a>, <a href="../controlP5/ControlP5Constants.html#TREE">TREE</a>, <a href="../controlP5/ControlP5Constants.html#TWO_PI">TWO_PI</a>, <a href="../controlP5/ControlP5Constants.html#UP">UP</a>, <a href="../controlP5/ControlP5Constants.html#VALUELABEL">VALUELABEL</a>, <a href="../controlP5/ControlP5Constants.html#VERBOSE">VERBOSE</a>, <a href="../controlP5/ControlP5Constants.html#VERTICAL">VERTICAL</a>, <a href="../controlP5/ControlP5Constants.html#WAIT">WAIT</a>, <a href="../controlP5/ControlP5Constants.html#WHITE">WHITE</a>, <a href="../controlP5/ControlP5Constants.html#YELLOW">YELLOW</a></code></li>
+</ul>
+</li>
+</ul>
+<!-- ======== CONSTRUCTOR SUMMARY ======== -->
+<ul class="blockList">
+<li class="blockList"><a name="constructor_summary">
+<!--   -->
+</a>
+<h3>Constructor Summary</h3>
+<table class="overviewSummary" border="0" cellpadding="3" cellspacing="0" summary="Constructor Summary table, listing constructors, and an explanation">
+<caption><span>Constructors</span><span class="tabEnd">&nbsp;</span></caption>
+<tr>
+<th class="colOne" scope="col">Constructor and Description</th>
+</tr>
+<tr class="altColor">
+<td class="colOne"><code><strong><a href="../controlP5/Textfield.html#Textfield(controlP5.ControlP5, controlP5.ControllerGroup, java.lang.String, java.lang.String, int, int, int, int)">Textfield</a></strong>(<a href="../controlP5/ControlP5.html" title="class in controlP5">ControlP5</a>&nbsp;theControlP5,
+         <a href="../controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a>&lt;?&gt;&nbsp;theParent,
+         java.lang.String&nbsp;theName,
+         java.lang.String&nbsp;theDefaultValue,
+         int&nbsp;theX,
+         int&nbsp;theY,
+         int&nbsp;theWidth,
+         int&nbsp;theHeight)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colOne"><code><strong><a href="../controlP5/Textfield.html#Textfield(controlP5.ControlP5, java.lang.String)">Textfield</a></strong>(<a href="../controlP5/ControlP5.html" title="class in controlP5">ControlP5</a>&nbsp;theControlP5,
+         java.lang.String&nbsp;theName)</code>
+<div class="block">Convenience constructor to extend Textfield.</div>
+</td>
+</tr>
+</table>
+</li>
+</ul>
+<!-- ========== METHOD SUMMARY =========== -->
+<ul class="blockList">
+<li class="blockList"><a name="method_summary">
+<!--   -->
+</a>
+<h3>Method Summary</h3>
+<table class="overviewSummary" border="0" cellpadding="3" cellspacing="0" summary="Method Summary table, listing methods, and an explanation">
+<caption><span>Methods</span><span class="tabEnd">&nbsp;</span></caption>
+<tr>
+<th class="colFirst" scope="col">Modifier and Type</th>
+<th class="colLast" scope="col">Method and Description</th>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Textfield.html" title="class in controlP5">Textfield</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Textfield.html#clear()">clear</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>void</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Textfield.html#draw(processing.core.PGraphics)">draw</a></strong>(processing.core.PGraphics&nbsp;theGraphics)</code>
+<div class="block">the default draw function for each controller extending superclass Controller.</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Textfield.html#getIndex()">getIndex</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>java.lang.String</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Textfield.html#getText()">getText</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>java.lang.String[]</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Textfield.html#getTextList()">getTextList</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>boolean</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Textfield.html#isAutoClear()">isAutoClear</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>boolean</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Textfield.html#isFocus()">isFocus</a></strong>()</code>
+<div class="block">check if the textfield is active and in focus.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Textfield.html" title="class in controlP5">Textfield</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Textfield.html#keepFocus(boolean)">keepFocus</a></strong>(boolean&nbsp;theValue)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>void</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Textfield.html#keyEvent(processing.event.KeyEvent)">keyEvent</a></strong>(processing.event.KeyEvent&nbsp;theKeyEvent)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Textfield.html" title="class in controlP5">Textfield</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Textfield.html#setAutoClear(boolean)">setAutoClear</a></strong>(boolean&nbsp;theValue)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Textfield.html" title="class in controlP5">Textfield</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Textfield.html#setColor(int)">setColor</a></strong>(int&nbsp;theColor)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Textfield.html" title="class in controlP5">Textfield</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Textfield.html#setColorCursor(int)">setColorCursor</a></strong>(int&nbsp;theColor)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Textfield.html" title="class in controlP5">Textfield</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Textfield.html#setFocus(boolean)">setFocus</a></strong>(boolean&nbsp;theValue)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Textfield.html" title="class in controlP5">Textfield</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Textfield.html#setFont(controlP5.ControlFont)">setFont</a></strong>(<a href="../controlP5/ControlFont.html" title="class in controlP5">ControlFont</a>&nbsp;theFont)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Textfield.html" title="class in controlP5">Textfield</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Textfield.html#setFont(int)">setFont</a></strong>(int&nbsp;theFont)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Textfield.html" title="class in controlP5">Textfield</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Textfield.html#setFont(processing.core.PFont)">setFont</a></strong>(processing.core.PFont&nbsp;thePFont)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Textfield.html" title="class in controlP5">Textfield</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Textfield.html#setHeight(int)">setHeight</a></strong>(int&nbsp;theHeight)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Textfield.html" title="class in controlP5">Textfield</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Textfield.html#setInputFilter(int)">setInputFilter</a></strong>(int&nbsp;theInputType)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Textfield.html" title="class in controlP5">Textfield</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Textfield.html#setPasswordMode(boolean)">setPasswordMode</a></strong>(boolean&nbsp;theFlag)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Textfield.html" title="class in controlP5">Textfield</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Textfield.html#setText(java.lang.String)">setText</a></strong>(java.lang.String&nbsp;theText)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Textfield.html" title="class in controlP5">Textfield</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Textfield.html#setValue(float)">setValue</a></strong>(float&nbsp;theValue)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Textfield.html" title="class in controlP5">Textfield</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Textfield.html#setValue(java.lang.String)">setValue</a></strong>(java.lang.String&nbsp;theText)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Textfield.html" title="class in controlP5">Textfield</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Textfield.html#setWidth(int)">setWidth</a></strong>(int&nbsp;theWidth)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Textfield.html" title="class in controlP5">Textfield</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Textfield.html#submit()">submit</a></strong>()</code>
+<div class="block">make the controller execute a return event.</div>
+</td>
+</tr>
+</table>
+<ul class="blockList">
+<li class="blockList"><a name="methods_inherited_from_class_controlP5.Controller">
+<!--   -->
+</a>
+<h3>Methods inherited from class&nbsp;controlP5.<a href="../controlP5/Controller.html" title="class in controlP5">Controller</a></h3>
+<code><a href="../controlP5/Controller.html#add(controlP5.ControllerInterface)">add</a>, <a href="../controlP5/Controller.html#addCallback(controlP5.CallbackListener)">addCallback</a>, <a href="../controlP5/Controller.html#addListener(controlP5.ControlListener)">addListener</a>, <a href="../controlP5/Controller.html#align(int, int, int, int)">align</a>, <a href="../controlP5/Controller.html#bringToFront()">bringToFront</a>, <a href="../controlP5/Controller.html#bringToFront(controlP5.ControllerInterface)">bringToFront</a>, <a href="../controlP5/Controller.html#changeValue(float)">changeValue</a>, <a href="../controlP5/Controller.html#continuousUpdateEvents()">continuousUpdateEvents</a>, <a href="../controlP5/Controller.html#getAbsolutePosition()">getAbsolutePosition</a>, <a href="../controlP5/Controller.html#getAddress()">getAddress</a>, <a href="../controlP5/Controller.html#getArrayValue()">getArrayValue</a>, <a href="../controlP5/Controller.html#getArrayValue(int)">getArrayValue</a>, <a href="../controlP5/Controller.html#getBehavior()">getBehavior</a>, <a href="../controlP5/Controller.html#getCaptionLabel()">getCaptionLabel</a>, <a href="../controlP5/Controller.html#getColor()">getColor</a>, <a href="../controlP5/Controller.html#getControllerPlugList()">getControllerPlugList</a>, <a href="../controlP5/Controller.html#getControlWindow()">getControlWindow</a>, <a href="../controlP5/Controller.html#getDecimalPrecision()">getDecimalPrecision</a>, <a href="../controlP5/Controller.html#getDefaultValue()">getDefaultValue</a>, <a href="../controlP5/Controller.html#getHeight()">getHeight</a>, <a href="../controlP5/Controller.html#getId()">getId</a>, <a href="../controlP5/Controller.html#getInfo()">getInfo</a>, <a href="../controlP5/Controller.html#getLabel()">getLabel</a>, <a href="../controlP5/Controller.html#getMax()">getMax</a>, <a href="../controlP5/Controller.html#getMin()">getMin</a>, <a href="../controlP5/Controller.html#getName()">getName</a>, <a href="../controlP5/Controller.html#getParent()">getParent</a>, <a href="../controlP5/Controller.html#getPickingColor()">getPickingColor</a>, <a href="../controlP5/Controller.html#getPointer()">getPointer</a>, <a href="../controlP5/Controller.html#getPosition()">getPosition</a>, <a href="../controlP5/Controller.html#getProperty(java.lang.String)">getProperty</a>, <a href="../controlP5/Controller.html#getProperty(java.lang.String, java.lang.String)">getProperty</a>, <a href="../controlP5/Controller.html#getStringValue()">getStringValue</a>, <a href="../controlP5/Controller.html#getTab()">getTab</a>, <a href="../controlP5/Controller.html#getValue()">getValue</a>, <a href="../controlP5/Controller.html#getValueLabel()">getValueLabel</a>, <a href="../controlP5/Controller.html#getView()">getView</a>, <a href="../controlP5/Controller.html#getWidth()">getWidth</a>, <a href="../controlP5/Controller.html#getWindow()">getWindow</a>, <a href="../controlP5/Controller.html#hide()">hide</a>, <a href="../controlP5/Controller.html#init()">init</a>, <a href="../controlP5/Controller.html#isActive()">isActive</a>, <a href="../controlP5/Controller.html#isBroadcast()">isBroadcast</a>, <a href="../controlP5/Controller.html#isInside()">isInside</a>, <a href="../controlP5/Controller.html#isLabelVisible()">isLabelVisible</a>, <a href="../controlP5/Controller.html#isListening()">isListening</a>, <a href="../controlP5/Controller.html#isLock()">isLock</a>, <a href="../controlP5/Controller.html#isMouseOver()">isMouseOver</a>, <a href="../controlP5/Controller.html#isMousePressed()">isMousePressed</a>, <a href="../controlP5/Controller.html#isMoveable()">isMoveable</a>, <a href="../controlP5/Controller.html#isUpdate()">isUpdate</a>, <a href="../controlP5/Controller.html#isUserInteraction()">isUserInteraction</a>, <a href="../controlP5/Controller.html#isVisible()">isVisible</a>, <a href="../controlP5/Controller.html#linebreak()">linebreak</a>, <a href="../controlP5/Controller.html#listen(boolean)">listen</a>, <a href="../controlP5/Controller.html#listenerSize()">listenerSize</a>, <a href="../controlP5/Controller.html#lock()">lock</a>, <a href="../controlP5/Controller.html#moveTo(controlP5.ControlGroup)">moveTo</a>, <a href="../controlP5/Controller.html#moveTo(controlP5.ControllerGroup)">moveTo</a>, <a href="../controlP5/Controller.html#moveTo(controlP5.ControllerGroup, controlP5.Tab, controlP5.ControlWindow)">moveTo</a>, <a href="../controlP5/Controller.html#moveTo(controlP5.ControlWindow)">moveTo</a>, <a href="../controlP5/Controller.html#moveTo(controlP5.ControlWindow, java.lang.String)">moveTo</a>, <a href="../controlP5/Controller.html#moveTo(processing.core.PApplet)">moveTo</a>, <a href="../controlP5/Controller.html#moveTo(processing.core.PApplet, java.lang.String)">moveTo</a>, <a href="../controlP5/Controller.html#moveTo(java.lang.String)">moveTo</a>, <a href="../controlP5/Controller.html#moveTo(controlP5.Tab)">moveTo</a>, <a href="../controlP5/Controller.html#plugTo(java.lang.Object)">plugTo</a>, <a href="../controlP5/Controller.html#plugTo(java.lang.Object[])">plugTo</a>, <a href="../controlP5/Controller.html#plugTo(java.lang.Object[], java.lang.String)">plugTo</a>, <a href="../controlP5/Controller.html#plugTo(java.lang.Object, java.lang.String)">plugTo</a>, <a href="../controlP5/Controller.html#registerProperty(java.lang.String)">registerProperty</a>, <a href="../controlP5/Controller.html#registerProperty(java.lang.String, java.lang.String)">registerProperty</a>, <a href="../controlP5/Controller.html#registerTooltip(java.lang.String)">registerTooltip</a>, <a href="../controlP5/Controller.html#remove()">remove</a>, <a href="../controlP5/Controller.html#remove(controlP5.ControllerInterface)">remove</a>, <a href="../controlP5/Controller.html#removeBehavior()">removeBehavior</a>, <a href="../controlP5/Controller.html#removeCallback()">removeCallback</a>, <a href="../controlP5/Controller.html#removeCallback(controlP5.CallbackListener)">removeCallback</a>, <a href="../controlP5/Controller.html#removeListener(controlP5.ControlListener)">removeListener</a>, <a href="../controlP5/Controller.html#removeProperty(java.lang.String)">removeProperty</a>, <a href="../controlP5/Controller.html#removeProperty(java.lang.String, java.lang.String)">removeProperty</a>, <a href="../controlP5/Controller.html#setAbsolutePosition(processing.core.PVector)">setAbsolutePosition</a>, <a href="../controlP5/Controller.html#setAddress(java.lang.String)">setAddress</a>, <a href="../controlP5/Controller.html#setArrayValue(float[])">setArrayValue</a>, <a href="../controlP5/Controller.html#setArrayValue(int, float)">setArrayValue</a>, <a href="../controlP5/Controller.html#setBehavior(controlP5.ControlBehavior)">setBehavior</a>, <a href="../controlP5/Controller.html#setBroadcast(boolean)">setBroadcast</a>, <a href="../controlP5/Controller.html#setCaptionLabel(java.lang.String)">setCaptionLabel</a>, <a href="../controlP5/Controller.html#setColor(controlP5.CColor)">setColor</a>, <a href="../controlP5/Controller.html#setColorActive(int)">setColorActive</a>, <a href="../controlP5/Controller.html#setColorBackground(int)">setColorBackground</a>, <a href="../controlP5/Controller.html#setColorCaptionLabel(int)">setColorCaptionLabel</a>, <a href="../controlP5/Controller.html#setColorForeground(int)">setColorForeground</a>, <a href="../controlP5/Controller.html#setColorValueLabel(int)">setColorValueLabel</a>, <a href="../controlP5/Controller.html#setDecimalPrecision(int)">setDecimalPrecision</a>, <a href="../controlP5/Controller.html#setDefaultValue(float)">setDefaultValue</a>, <a href="../controlP5/Controller.html#setGroup(controlP5.ControllerGroup)">setGroup</a>, <a href="../controlP5/Controller.html#setGroup(java.lang.String)">setGroup</a>, <a href="../controlP5/Controller.html#setId(int)">setId</a>, <a href="../controlP5/Controller.html#setImage(processing.core.PImage)">setImage</a>, <a href="../controlP5/Controller.html#setImage(processing.core.PImage, int)">setImage</a>, <a href="../controlP5/Controller.html#setImages(processing.core.PImage...)">setImages</a>, <a href="../controlP5/Controller.html#setImages(processing.core.PImage, processing.core.PImage, processing.core.PImage)">setImages</a>, <a href="../controlP5/Controller.html#setImages(processing.core.PImage, processing.core.PImage, processing.core.PImage, processing.core.PImage)">setImages</a>, <a href="../controlP5/Controller.html#setLabelVisible(boolean)">setLabelVisible</a>, <a href="../controlP5/Controller.html#setLock(boolean)">setLock</a>, <a href="../controlP5/Controller.html#setMax(float)">setMax</a>, <a href="../controlP5/Controller.html#setMin(float)">setMin</a>, <a href="../controlP5/Controller.html#setMouseOver(boolean)">setMouseOver</a>, <a href="../controlP5/Controller.html#setMousePressed(boolean)">setMousePressed</a>, <a href="../controlP5/Controller.html#setMoveable(boolean)">setMoveable</a>, <a href="../controlP5/Controller.html#setParent(controlP5.ControllerInterface)">setParent</a>, <a href="../controlP5/Controller.html#setPosition(float, float)">setPosition</a>, <a href="../controlP5/Controller.html#setPosition(processing.core.PVector)">setPosition</a>, <a href="../controlP5/Controller.html#setSize(int, int)">setSize</a>, <a href="../controlP5/Controller.html#setSize(processing.core.PImage)">setSize</a>, <a href="../controlP5/Controller.html#setStringValue(java.lang.String)">setStringValue</a>, <a href="../controlP5/Controller.html#setTab(controlP5.ControlWindow, java.lang.String)">setTab</a>, <a href="../controlP5/Controller.html#setTab(java.lang.String)">setTab</a>, <a href="../controlP5/Controller.html#setUpdate(boolean)">setUpdate</a>, <a href="../controlP5/Controller.html#setUserInteraction(boolean)">setUserInteraction</a>, <a href="../controlP5/Controller.html#setValueLabel(java.lang.String)">setValueLabel</a>, <a href="../controlP5/Controller.html#setValueSelf(float)">setValueSelf</a>, <a href="../controlP5/Controller.html#setView(controlP5.ControllerView)">setView</a>, <a href="../controlP5/Controller.html#setView(controlP5.ControllerView, int)">setView</a>, <a href="../controlP5/Controller.html#setVisible(boolean)">setVisible</a>, <a href="../controlP5/Controller.html#show()">show</a>, <a href="../controlP5/Controller.html#toString()">toString</a>, <a href="../controlP5/Controller.html#unlock()">unlock</a>, <a href="../controlP5/Controller.html#unplugFrom(java.lang.Object)">unplugFrom</a>, <a href="../controlP5/Controller.html#unplugFrom(java.lang.Object[])">unplugFrom</a>, <a href="../controlP5/Controller.html#unregisterTooltip()">unregisterTooltip</a>, <a href="../controlP5/Controller.html#update()">update</a>, <a href="../controlP5/Controller.html#updateAbsolutePosition()">updateAbsolutePosition</a>, <a href="../controlP5/Controller.html#updateEvents()">updateEvents</a>, <a href="../controlP5/Controller.html#updateInternalEvents(processing.core.PApplet)">updateInternalEvents</a>, <a href="../controlP5/Controller.html#updateSize()">updateSize</a></code></li>
+</ul>
+<ul class="blockList">
+<li class="blockList"><a name="methods_inherited_from_class_java.lang.Object">
+<!--   -->
+</a>
+<h3>Methods inherited from class&nbsp;java.lang.Object</h3>
+<code>equals, getClass, hashCode, notify, notifyAll, wait, wait, wait</code></li>
+</ul>
+<ul class="blockList">
+<li class="blockList"><a name="methods_inherited_from_class_controlP5.ControllerInterface">
+<!--   -->
+</a>
+<h3>Methods inherited from interface&nbsp;controlP5.<a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a></h3>
+<code><a href="../controlP5/ControllerInterface.html#parent()">parent</a>, <a href="../controlP5/ControllerInterface.html#setColorLabel(int)">setColorLabel</a>, <a href="../controlP5/ControllerInterface.html#setColorValue(int)">setColorValue</a>, <a href="../controlP5/ControllerInterface.html#setLabel(java.lang.String)">setLabel</a></code></li>
+</ul>
+</li>
+</ul>
+</li>
+</ul>
+</div>
+<div class="details">
+<ul class="blockList">
+<li class="blockList">
+<!-- ============ FIELD DETAIL =========== -->
+<ul class="blockList">
+<li class="blockList"><a name="field_detail">
+<!--   -->
+</a>
+<h3>Field Detail</h3>
+<a name="cursorWidth">
+<!--   -->
+</a>
+<ul class="blockListLast">
+<li class="blockList">
+<h4>cursorWidth</h4>
+<pre>public static&nbsp;int cursorWidth</pre>
+</li>
+</ul>
+</li>
+</ul>
+<!-- ========= CONSTRUCTOR DETAIL ======== -->
+<ul class="blockList">
+<li class="blockList"><a name="constructor_detail">
+<!--   -->
+</a>
+<h3>Constructor Detail</h3>
+<a name="Textfield(controlP5.ControlP5, controlP5.ControllerGroup, java.lang.String, java.lang.String, int, int, int, int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>Textfield</h4>
+<pre>public&nbsp;Textfield(<a href="../controlP5/ControlP5.html" title="class in controlP5">ControlP5</a>&nbsp;theControlP5,
+         <a href="../controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a>&lt;?&gt;&nbsp;theParent,
+         java.lang.String&nbsp;theName,
+         java.lang.String&nbsp;theDefaultValue,
+         int&nbsp;theX,
+         int&nbsp;theY,
+         int&nbsp;theWidth,
+         int&nbsp;theHeight)</pre>
+</li>
+</ul>
+<a name="Textfield(controlP5.ControlP5, java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockListLast">
+<li class="blockList">
+<h4>Textfield</h4>
+<pre>public&nbsp;Textfield(<a href="../controlP5/ControlP5.html" title="class in controlP5">ControlP5</a>&nbsp;theControlP5,
+         java.lang.String&nbsp;theName)</pre>
+<div class="block">Convenience constructor to extend Textfield.</div>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theControlP5</code> - </dd><dd><code>theName</code> - </dd><script type="text/javascript">
+<!--
+document.getElementsByTagName('html')[0].className = 'isjs';function toggle(dt) { var display, dd=dt; do{ dd = dd.nextSibling } while(dd.tagName!='DD'); toOpen =!dd.style.display;dd.style.display = toOpen? 'block':''; dt.getElementsByTagName('span')[0].innerHTML  = toOpen? '-':'+' ; }
+-->
+</script>
+<div id="test" class="toggleList"><dl><dt onclick="toggle(this);"><span>+</span>Example</dt><dd><code><pre>/**
+ * ControlP5 extending Controllers
+ *
+ * the following example shows how to extend the Controller class to 
+ * create customizable Controllers. You can either extend the Controller class itself,
+ * or any class that extends Controller itself like the Slider, Button, DropdownList, etc. 
+ * 
+ * How to:
+ *
+ * 1) do a super call to the convenience constructor requiring 
+ * 2 parameter (ControlP5 instance, name)  
+ *
+ * 2) the Controller class has a set of empty methods that allow you to capture
+ * inputs from the mouse including 
+ * onEnter(), onLeave(), onPress(), onRelease(), onClick(), onScroll(int), onDrag()
+ * These you can override and include functionality as needed.
+ *
+ * 3) use method getPointer() to return the local (relative) 
+ * xy-coordinates of the controller
+ *  
+ * 4) after instantiation custom controllers are treated the same 
+ * as default controlP5 controllers.
+ *  
+ * by Andreas Schlegel, 2012
+ * www.sojamo.de/libraries/controlp5
+ *
+ */
+
+import controlP5.*;
+
+ControlP5 cp5;
+PApplet p;
+
+void setup() {
+  size(400, 400);
+  cp5 = new ControlP5(this);
+  
+  // create 2 groups to show nesting of custom controllers and
+  //   
+  Group g1 = cp5.addGroup("a").setPosition(0,100).setWidth(180);
+  Group g2 = cp5.addGroup("b").setPosition(0,10).setWidth(180);
+  g2.moveTo(g1);
+  
+  // create 2 custom Controllers from class MyButton
+  // MyButton extends Controller and inherits all methods accordingly.
+  new MyButton(cp5, "b1").setPosition(0, 0).setSize(180, 200).moveTo(g2);
+  new MyButton(cp5, "b2").setPosition(205, 15).setSize(180, 200);
+  
+}
+
+
+void draw() {
+  background(0);
+}
+
+// b1 will be called from Controller b1
+public void b1(float theValue) {
+  println("yay button "+theValue);
+}
+
+public void controlEvent(ControlEvent theEvent) {
+  println("controlEvent : "+theEvent);
+}
+
+
+// Create a custom Controller, please not that 
+// MyButton extends Controller<MyButton>, <MyButton>
+// is an indicator for the super class about the type of 
+// custom controller to be created.
+
+class MyButton extends Controller<MyButton> {
+
+  int current = 0xffff0000;
+
+  float a = 128;
+  
+  float na;
+  
+  int y;
+  
+  // use the convenience constructor of super class Controller
+  // MyButton will automatically registered and move to the 
+  // default controlP5 tab.
+  
+  MyButton(ControlP5 cp5, String theName) {
+    super(cp5, theName);
+    
+    // replace the default view with a custom view.
+    setView(new ControllerView() {
+      public void display(PApplet p, Object b) {
+        // draw button background
+        na += (a-na) * 0.1; 
+        p.fill(current,na);
+        p.rect(0, 0, getWidth(), getHeight());
+        
+        // draw horizontal line which can be moved on the x-axis 
+        // using the scroll wheel. 
+        p.fill(0,255,0);
+        p.rect(0,y,width,10);
+        
+        // draw the custom label 
+        p.fill(128);
+        translate(0,getHeight()+14);
+        p.text(getName(),0,0);
+        p.text(getName(),0,0);
+        
+      }
+    }
+    );
+  }
+
+  // override various input methods for mouse input control
+  void onEnter() {
+    cursor(HAND);
+    println("enter");
+    a = 255;
+  }
+  
+  void onScroll(int n) {
+    println("scrolling");
+    y -= n;
+    y = constrain(y,0,getHeight()-10);
+  }
+  
+  void onPress() {
+    println("press");
+    current = 0xffffff00;
+  }
+  
+  void onClick() {
+    Pointer p1 = getPointer();
+    println("clicked at "+p1.x()+", "+p1.y());
+    current = 0xffffff00;
+    setValue(y);
+  }
+
+  void onRelease() {
+    println("release");
+    current = 0xffffffff;
+  }
+  
+  void onMove() {
+    println("moving "+this+" "+_myControlWindow.getMouseOverList());
+  }
+
+  void onDrag() {
+    current = 0xff0000ff;
+    Pointer p1 = getPointer();
+    float dif = dist(p1.px(),p1.py(),p1.x(),p1.y());
+    println("dragging at "+p1.x()+", "+p1.y()+" "+dif);
+  }
+  
+  void onReleaseOutside() {
+    onLeave();
+  }
+
+  void onLeave() {
+    println("leave");
+    cursor(ARROW);
+    a = 128;
+  }
+}
+
+</pre></code></dd></dl></div></dl>
+</li>
+</ul>
+</li>
+</ul>
+<!-- ============ METHOD DETAIL ========== -->
+<ul class="blockList">
+<li class="blockList"><a name="method_detail">
+<!--   -->
+</a>
+<h3>Method Detail</h3>
+<a name="clear()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>clear</h4>
+<pre>public&nbsp;<a href="../controlP5/Textfield.html" title="class in controlP5">Textfield</a>&nbsp;clear()</pre>
+</li>
+</ul>
+<a name="draw(processing.core.PGraphics)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>draw</h4>
+<pre>public&nbsp;void&nbsp;draw(processing.core.PGraphics&nbsp;theGraphics)</pre>
+<div class="block"><strong>Description copied from class:&nbsp;<code><a href="../controlP5/Controller.html#draw(processing.core.PGraphics)">Controller</a></code></strong></div>
+<div class="block">the default draw function for each controller extending superclass Controller. This draw
+ function will take care of default matrix operations and will call the display function of
+ the current ControllerView object active for this particular controller.</div>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/CDrawable.html#draw(processing.core.PGraphics)">draw</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/CDrawable.html" title="interface in controlP5">CDrawable</a></code></dd>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerInterface.html#draw(processing.core.PGraphics)">draw</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/Textfield.html" title="class in controlP5">Textfield</a>&gt;</code></dd>
+<dt><strong>Overrides:</strong></dt>
+<dd><code><a href="../controlP5/Controller.html#draw(processing.core.PGraphics)">draw</a></code>&nbsp;in class&nbsp;<code><a href="../controlP5/Controller.html" title="class in controlP5">Controller</a>&lt;<a href="../controlP5/Textfield.html" title="class in controlP5">Textfield</a>&gt;</code></dd>
+<dt><span class="strong">See Also:</span></dt><dd><a href="../controlP5/ControllerView.html" title="interface in controlP5"><code>ControllerView</code></a></dd></dl>
+</li>
+</ul>
+<a name="getIndex()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getIndex</h4>
+<pre>public&nbsp;int&nbsp;getIndex()</pre>
+</li>
+</ul>
+<a name="getText()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getText</h4>
+<pre>public&nbsp;java.lang.String&nbsp;getText()</pre>
+</li>
+</ul>
+<a name="getTextList()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getTextList</h4>
+<pre>public&nbsp;java.lang.String[]&nbsp;getTextList()</pre>
+</li>
+</ul>
+<a name="isAutoClear()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>isAutoClear</h4>
+<pre>public&nbsp;boolean&nbsp;isAutoClear()</pre>
+</li>
+</ul>
+<a name="isFocus()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>isFocus</h4>
+<pre>public&nbsp;boolean&nbsp;isFocus()</pre>
+<div class="block">check if the textfield is active and in focus.</div>
+<dl><dt><span class="strong">Returns:</span></dt><dd>boolean</dd></dl>
+</li>
+</ul>
+<a name="keepFocus(boolean)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>keepFocus</h4>
+<pre>public&nbsp;<a href="../controlP5/Textfield.html" title="class in controlP5">Textfield</a>&nbsp;keepFocus(boolean&nbsp;theValue)</pre>
+</li>
+</ul>
+<a name="keyEvent(processing.event.KeyEvent)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>keyEvent</h4>
+<pre>public&nbsp;void&nbsp;keyEvent(processing.event.KeyEvent&nbsp;theKeyEvent)</pre>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerInterface.html#keyEvent(processing.event.KeyEvent)">keyEvent</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/Textfield.html" title="class in controlP5">Textfield</a>&gt;</code></dd>
+<dt><strong>Overrides:</strong></dt>
+<dd><code><a href="../controlP5/Controller.html#keyEvent(processing.event.KeyEvent)">keyEvent</a></code>&nbsp;in class&nbsp;<code><a href="../controlP5/Controller.html" title="class in controlP5">Controller</a>&lt;<a href="../controlP5/Textfield.html" title="class in controlP5">Textfield</a>&gt;</code></dd>
+</dl>
+</li>
+</ul>
+<a name="setAutoClear(boolean)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setAutoClear</h4>
+<pre>public&nbsp;<a href="../controlP5/Textfield.html" title="class in controlP5">Textfield</a>&nbsp;setAutoClear(boolean&nbsp;theValue)</pre>
+</li>
+</ul>
+<a name="setColor(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setColor</h4>
+<pre>public&nbsp;<a href="../controlP5/Textfield.html" title="class in controlP5">Textfield</a>&nbsp;setColor(int&nbsp;theColor)</pre>
+</li>
+</ul>
+<a name="setColorCursor(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setColorCursor</h4>
+<pre>public&nbsp;<a href="../controlP5/Textfield.html" title="class in controlP5">Textfield</a>&nbsp;setColorCursor(int&nbsp;theColor)</pre>
+</li>
+</ul>
+<a name="setFocus(boolean)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setFocus</h4>
+<pre>public&nbsp;<a href="../controlP5/Textfield.html" title="class in controlP5">Textfield</a>&nbsp;setFocus(boolean&nbsp;theValue)</pre>
+</li>
+</ul>
+<a name="setFont(controlP5.ControlFont)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setFont</h4>
+<pre>public&nbsp;<a href="../controlP5/Textfield.html" title="class in controlP5">Textfield</a>&nbsp;setFont(<a href="../controlP5/ControlFont.html" title="class in controlP5">ControlFont</a>&nbsp;theFont)</pre>
+</li>
+</ul>
+<a name="setFont(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setFont</h4>
+<pre>public&nbsp;<a href="../controlP5/Textfield.html" title="class in controlP5">Textfield</a>&nbsp;setFont(int&nbsp;theFont)</pre>
+</li>
+</ul>
+<a name="setFont(processing.core.PFont)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setFont</h4>
+<pre>public&nbsp;<a href="../controlP5/Textfield.html" title="class in controlP5">Textfield</a>&nbsp;setFont(processing.core.PFont&nbsp;thePFont)</pre>
+</li>
+</ul>
+<a name="setHeight(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setHeight</h4>
+<pre>public&nbsp;<a href="../controlP5/Textfield.html" title="class in controlP5">Textfield</a>&nbsp;setHeight(int&nbsp;theHeight)</pre>
+<dl>
+<dt><strong>Overrides:</strong></dt>
+<dd><code><a href="../controlP5/Controller.html#setHeight(int)">setHeight</a></code>&nbsp;in class&nbsp;<code><a href="../controlP5/Controller.html" title="class in controlP5">Controller</a>&lt;<a href="../controlP5/Textfield.html" title="class in controlP5">Textfield</a>&gt;</code></dd>
+<dt><span class="strong">Returns:</span></dt><dd>Controller</dd></dl>
+</li>
+</ul>
+<a name="setInputFilter(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setInputFilter</h4>
+<pre>public&nbsp;<a href="../controlP5/Textfield.html" title="class in controlP5">Textfield</a>&nbsp;setInputFilter(int&nbsp;theInputType)</pre>
+</li>
+</ul>
+<a name="setPasswordMode(boolean)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setPasswordMode</h4>
+<pre>public&nbsp;<a href="../controlP5/Textfield.html" title="class in controlP5">Textfield</a>&nbsp;setPasswordMode(boolean&nbsp;theFlag)</pre>
+</li>
+</ul>
+<a name="setText(java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setText</h4>
+<pre>public&nbsp;<a href="../controlP5/Textfield.html" title="class in controlP5">Textfield</a>&nbsp;setText(java.lang.String&nbsp;theText)</pre>
+</li>
+</ul>
+<a name="setValue(float)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setValue</h4>
+<pre>public&nbsp;<a href="../controlP5/Textfield.html" title="class in controlP5">Textfield</a>&nbsp;setValue(float&nbsp;theValue)</pre>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerInterface.html#setValue(float)">setValue</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/Textfield.html" title="class in controlP5">Textfield</a>&gt;</code></dd>
+<dt><strong>Overrides:</strong></dt>
+<dd><code><a href="../controlP5/Controller.html#setValue(float)">setValue</a></code>&nbsp;in class&nbsp;<code><a href="../controlP5/Controller.html" title="class in controlP5">Controller</a>&lt;<a href="../controlP5/Textfield.html" title="class in controlP5">Textfield</a>&gt;</code></dd>
+<dt><span class="strong">Parameters:</span></dt><dd><code>theValue</code> - float</dd></dl>
+</li>
+</ul>
+<a name="setValue(java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setValue</h4>
+<pre>public&nbsp;<a href="../controlP5/Textfield.html" title="class in controlP5">Textfield</a>&nbsp;setValue(java.lang.String&nbsp;theText)</pre>
+</li>
+</ul>
+<a name="setWidth(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setWidth</h4>
+<pre>public&nbsp;<a href="../controlP5/Textfield.html" title="class in controlP5">Textfield</a>&nbsp;setWidth(int&nbsp;theWidth)</pre>
+<dl>
+<dt><strong>Overrides:</strong></dt>
+<dd><code><a href="../controlP5/Controller.html#setWidth(int)">setWidth</a></code>&nbsp;in class&nbsp;<code><a href="../controlP5/Controller.html" title="class in controlP5">Controller</a>&lt;<a href="../controlP5/Textfield.html" title="class in controlP5">Textfield</a>&gt;</code></dd>
+<dt><span class="strong">Returns:</span></dt><dd>Controller</dd></dl>
+</li>
+</ul>
+<a name="submit()">
+<!--   -->
+</a>
+<ul class="blockListLast">
+<li class="blockList">
+<h4>submit</h4>
+<pre>public&nbsp;<a href="../controlP5/Textfield.html" title="class in controlP5">Textfield</a>&nbsp;submit()</pre>
+<div class="block">make the controller execute a return event. submit the current content of the texfield.</div>
+</li>
+</ul>
+</li>
+</ul>
+</li>
+</ul>
+</div>
+</div>
+<!-- ========= END OF CLASS DATA ========= -->
+<!-- ======= START OF BOTTOM NAVBAR ====== -->
+<div class="bottomNav"><a name="navbar_bottom">
+<!--   -->
+</a><a href="#skip-navbar_bottom" title="Skip navigation links"></a><a name="navbar_bottom_firstrow">
+<!--   -->
+</a>
+<ul class="navList" title="Navigation">
+<li><a href="../controlP5/package-summary.html">Package</a></li>
+<li class="navBarCell1Rev">Class</li>
+<li><a href="package-tree.html">Tree</a></li>
+<li><a href="../index-all.html">Index</a></li>
+<li><a href="../help-doc.html">Help</a></li>
+</ul>
+</div>
+<div class="subNav">
+<ul class="navList">
+<li><a href="../controlP5/Textarea.html" title="class in controlP5"><span class="strong">Prev Class</span></a></li>
+<li><a href="../controlP5/Textfield.InputFilter.html" title="enum in controlP5"><span class="strong">Next Class</span></a></li>
+</ul>
+<ul class="navList">
+<li><a href="../index.html?controlP5/Textfield.html" target="_top">Frames</a></li>
+<li><a href="Textfield.html" target="_top">No Frames</a></li>
+</ul>
+<ul class="navList" id="allclasses_navbar_bottom">
+<li><a href="../allclasses-noframe.html">All Classes</a></li>
+</ul>
+<div>
+<script type="text/javascript"><!--
+  allClassesLink = document.getElementById("allclasses_navbar_bottom");
+  if(window==top) {
+    allClassesLink.style.display = "block";
+  }
+  else {
+    allClassesLink.style.display = "none";
+  }
+  //-->
+</script>
+</div>
+<div>
+<ul class="subNavList">
+<li>Summary:&nbsp;</li>
+<li><a href="#nested_class_summary">Nested</a>&nbsp;|&nbsp;</li>
+<li><a href="#field_summary">Field</a>&nbsp;|&nbsp;</li>
+<li><a href="#constructor_summary">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_summary">Method</a></li>
+</ul>
+<ul class="subNavList">
+<li>Detail:&nbsp;</li>
+<li><a href="#field_detail">Field</a>&nbsp;|&nbsp;</li>
+<li><a href="#constructor_detail">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_detail">Method</a></li>
+</ul>
+</div>
+<a name="skip-navbar_bottom">
+<!--   -->
+</a></div>
+<!-- ======== END OF BOTTOM NAVBAR ======= -->
+<p class="legalCopy"><small>processing library controlP5 by Andreas Schlegel. (c) 2006-2014</small></p>
+</body>
+</html>
diff --git a/reference/controlP5/Textlabel.html b/reference/controlP5/Textlabel.html
new file mode 100644
index 0000000..89e4972
--- /dev/null
+++ b/reference/controlP5/Textlabel.html
@@ -0,0 +1,948 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
+<!-- NewPage -->
+<html lang="en">
+<head>
+<!-- Generated by javadoc (version 1.7.0_51) on Sun Apr 27 21:39:48 SGT 2014 -->
+<title>Textlabel (Javadocs: controlP5)</title>
+<meta name="date" content="2014-04-27">
+<link rel="stylesheet" type="text/css" href="../stylesheet.css" title="Style">
+</head>
+<body>
+<script type="text/javascript"><!--
+    if (location.href.indexOf('is-external=true') == -1) {
+        parent.document.title="Textlabel (Javadocs: controlP5)";
+    }
+//-->
+</script>
+<noscript>
+<div>JavaScript is disabled on your browser.</div>
+</noscript>
+<!-- ========= START OF TOP NAVBAR ======= -->
+<div class="topNav"><a name="navbar_top">
+<!--   -->
+</a><a href="#skip-navbar_top" title="Skip navigation links"></a><a name="navbar_top_firstrow">
+<!--   -->
+</a>
+<ul class="navList" title="Navigation">
+<li><a href="../controlP5/package-summary.html">Package</a></li>
+<li class="navBarCell1Rev">Class</li>
+<li><a href="package-tree.html">Tree</a></li>
+<li><a href="../index-all.html">Index</a></li>
+<li><a href="../help-doc.html">Help</a></li>
+</ul>
+</div>
+<div class="subNav">
+<ul class="navList">
+<li><a href="../controlP5/Textfield.InputFilter.html" title="enum in controlP5"><span class="strong">Prev Class</span></a></li>
+<li><a href="../controlP5/TickMark.html" title="class in controlP5"><span class="strong">Next Class</span></a></li>
+</ul>
+<ul class="navList">
+<li><a href="../index.html?controlP5/Textlabel.html" target="_top">Frames</a></li>
+<li><a href="Textlabel.html" target="_top">No Frames</a></li>
+</ul>
+<ul class="navList" id="allclasses_navbar_top">
+<li><a href="../allclasses-noframe.html">All Classes</a></li>
+</ul>
+<div>
+<script type="text/javascript"><!--
+  allClassesLink = document.getElementById("allclasses_navbar_top");
+  if(window==top) {
+    allClassesLink.style.display = "block";
+  }
+  else {
+    allClassesLink.style.display = "none";
+  }
+  //-->
+</script>
+</div>
+<div>
+<ul class="subNavList">
+<li>Summary:&nbsp;</li>
+<li>Nested&nbsp;|&nbsp;</li>
+<li><a href="#fields_inherited_from_class_controlP5.Controller">Field</a>&nbsp;|&nbsp;</li>
+<li><a href="#constructor_summary">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_summary">Method</a></li>
+</ul>
+<ul class="subNavList">
+<li>Detail:&nbsp;</li>
+<li>Field&nbsp;|&nbsp;</li>
+<li><a href="#constructor_detail">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_detail">Method</a></li>
+</ul>
+</div>
+<a name="skip-navbar_top">
+<!--   -->
+</a></div>
+<!-- ========= END OF TOP NAVBAR ========= -->
+<!-- ======== START OF CLASS DATA ======== -->
+<div class="header">
+<div class="subTitle">controlP5</div>
+<h2 title="Class Textlabel" class="title">Class Textlabel</h2>
+</div>
+<div class="contentContainer">
+<ul class="inheritance">
+<li>java.lang.Object</li>
+<li>
+<ul class="inheritance">
+<li><a href="../controlP5/Controller.html" title="class in controlP5">controlP5.Controller</a>&lt;<a href="../controlP5/Textlabel.html" title="class in controlP5">Textlabel</a>&gt;</li>
+<li>
+<ul class="inheritance">
+<li>controlP5.Textlabel</li>
+</ul>
+</li>
+</ul>
+</li>
+</ul>
+<div class="description">
+<ul class="blockList">
+<li class="blockList">
+<dl>
+<dt>All Implemented Interfaces:</dt>
+<dd><a href="../controlP5/CDrawable.html" title="interface in controlP5">CDrawable</a>, <a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/Textlabel.html" title="class in controlP5">Textlabel</a>&gt;, <a href="../controlP5/ControlP5Constants.html" title="interface in controlP5">ControlP5Constants</a></dd>
+</dl>
+<dl>
+<dt>Direct Known Subclasses:</dt>
+<dd><a href="../controlP5/FrameRate.html" title="class in controlP5">FrameRate</a></dd>
+</dl>
+<hr>
+<br>
+<pre>public class <span class="strong">Textlabel</span>
+extends <a href="../controlP5/Controller.html" title="class in controlP5">Controller</a>&lt;<a href="../controlP5/Textlabel.html" title="class in controlP5">Textlabel</a>&gt;</pre>
+<dl><script type="text/javascript">
+<!--
+document.getElementsByTagName('html')[0].className = 'isjs';function toggle(dt) { var display, dd=dt; do{ dd = dd.nextSibling } while(dd.tagName!='DD'); toOpen =!dd.style.display;dd.style.display = toOpen? 'block':''; dt.getElementsByTagName('span')[0].innerHTML  = toOpen? '-':'+' ; }
+-->
+</script>
+<div id="test" class="toggleList"><dl><dt onclick="toggle(this);"><span>+</span>Example</dt><dd><code><pre>/**
+* ControlP5 Textlabel
+*
+*
+* find a list of public methods available for the Textlabel Controller
+* at the bottom of this sketch.
+*
+* by Andreas Schlegel, 2012
+* www.sojamo.de/libraries/controlp5
+*
+*/
+
+import controlP5.*;
+
+ControlP5 cp5;
+
+Textlabel myTextlabelA;
+Textlabel myTextlabelB;
+
+void setup() {
+  size(700,400);
+  cp5 = new ControlP5(this);
+
+  myTextlabelA = cp5.addTextlabel("label")
+                    .setText("A single ControlP5 textlabel, in yellow.")
+                    .setPosition(100,50)
+                    .setColorValue(0xffffff00)
+                    .setFont(createFont("Georgia",20))
+                    ;
+
+  myTextlabelB = new Textlabel(cp5,"Another textlabel, not created through ControlP5 needs to be rendered separately by calling Textlabel.draw(PApplet).",100,100,400,200);
+
+}
+
+
+
+void draw() {
+  background(0);
+  myTextlabelB.draw(this); 
+}
+
+
+
+/*
+a list of all methods available for the Textlabel Controller
+use ControlP5.printPublicMethodsFor(Textlabel.class);
+to print the following list into the console.
+
+You can find further details about class Textlabel in the javadoc.
+
+Format:
+ClassName : returnType methodName(parameter type)
+
+controlP5.Textlabel : Label get() 
+controlP5.Textlabel : Textlabel setColor(int) 
+controlP5.Textlabel : Textlabel setFont(ControlFont) 
+controlP5.Textlabel : Textlabel setFont(PFont) 
+controlP5.Textlabel : Textlabel setFont(int) 
+controlP5.Textlabel : Textlabel setHeight(int) 
+controlP5.Textlabel : Textlabel setLetterSpacing(int) 
+controlP5.Textlabel : Textlabel setMultiline(boolean) 
+controlP5.Textlabel : Textlabel setStringValue(String) 
+controlP5.Textlabel : Textlabel setText(String) 
+controlP5.Textlabel : Textlabel setValue(String) 
+controlP5.Textlabel : Textlabel setValue(float) 
+controlP5.Textlabel : Textlabel setWidth(int) 
+controlP5.Textlabel : void draw() 
+controlP5.Textlabel : void draw(PApplet) 
+controlP5.Textlabel : void draw(int, int) 
+controlP5.Controller : CColor getColor() 
+controlP5.Controller : ControlBehavior getBehavior() 
+controlP5.Controller : ControlWindow getControlWindow() 
+controlP5.Controller : ControlWindow getWindow() 
+controlP5.Controller : ControllerProperty getProperty(String) 
+controlP5.Controller : ControllerProperty getProperty(String, String) 
+controlP5.Controller : Label getCaptionLabel() 
+controlP5.Controller : Label getValueLabel() 
+controlP5.Controller : List getControllerPlugList() 
+controlP5.Controller : PImage setImage(PImage) 
+controlP5.Controller : PImage setImage(PImage, int) 
+controlP5.Controller : PVector getAbsolutePosition() 
+controlP5.Controller : PVector getPosition() 
+controlP5.Controller : String getAddress() 
+controlP5.Controller : String getInfo() 
+controlP5.Controller : String getName() 
+controlP5.Controller : String getStringValue() 
+controlP5.Controller : String toString() 
+controlP5.Controller : Tab getTab() 
+controlP5.Controller : Textlabel addCallback(CallbackListener) 
+controlP5.Controller : Textlabel addListener(ControlListener) 
+controlP5.Controller : Textlabel bringToFront() 
+controlP5.Controller : Textlabel bringToFront(ControllerInterface) 
+controlP5.Controller : Textlabel hide() 
+controlP5.Controller : Textlabel linebreak() 
+controlP5.Controller : Textlabel listen(boolean) 
+controlP5.Controller : Textlabel lock() 
+controlP5.Controller : Textlabel plugTo(Object) 
+controlP5.Controller : Textlabel plugTo(Object, String) 
+controlP5.Controller : Textlabel plugTo(Object[]) 
+controlP5.Controller : Textlabel plugTo(Object[], String) 
+controlP5.Controller : Textlabel registerProperty(String) 
+controlP5.Controller : Textlabel registerProperty(String, String) 
+controlP5.Controller : Textlabel registerTooltip(String) 
+controlP5.Controller : Textlabel removeBehavior() 
+controlP5.Controller : Textlabel removeCallback() 
+controlP5.Controller : Textlabel removeCallback(CallbackListener) 
+controlP5.Controller : Textlabel removeListener(ControlListener) 
+controlP5.Controller : Textlabel removeProperty(String) 
+controlP5.Controller : Textlabel removeProperty(String, String) 
+controlP5.Controller : Textlabel setArrayValue(float[]) 
+controlP5.Controller : Textlabel setArrayValue(int, float) 
+controlP5.Controller : Textlabel setBehavior(ControlBehavior) 
+controlP5.Controller : Textlabel setBroadcast(boolean) 
+controlP5.Controller : Textlabel setCaptionLabel(String) 
+controlP5.Controller : Textlabel setColor(CColor) 
+controlP5.Controller : Textlabel setColorActive(int) 
+controlP5.Controller : Textlabel setColorBackground(int) 
+controlP5.Controller : Textlabel setColorCaptionLabel(int) 
+controlP5.Controller : Textlabel setColorForeground(int) 
+controlP5.Controller : Textlabel setColorValueLabel(int) 
+controlP5.Controller : Textlabel setDecimalPrecision(int) 
+controlP5.Controller : Textlabel setDefaultValue(float) 
+controlP5.Controller : Textlabel setHeight(int) 
+controlP5.Controller : Textlabel setId(int) 
+controlP5.Controller : Textlabel setImages(PImage, PImage, PImage) 
+controlP5.Controller : Textlabel setImages(PImage, PImage, PImage, PImage) 
+controlP5.Controller : Textlabel setLabelVisible(boolean) 
+controlP5.Controller : Textlabel setLock(boolean) 
+controlP5.Controller : Textlabel setMax(float) 
+controlP5.Controller : Textlabel setMin(float) 
+controlP5.Controller : Textlabel setMouseOver(boolean) 
+controlP5.Controller : Textlabel setMoveable(boolean) 
+controlP5.Controller : Textlabel setPosition(PVector) 
+controlP5.Controller : Textlabel setPosition(float, float) 
+controlP5.Controller : Textlabel setSize(PImage) 
+controlP5.Controller : Textlabel setSize(int, int) 
+controlP5.Controller : Textlabel setStringValue(String) 
+controlP5.Controller : Textlabel setUpdate(boolean) 
+controlP5.Controller : Textlabel setValueLabel(String) 
+controlP5.Controller : Textlabel setView(ControllerView) 
+controlP5.Controller : Textlabel setVisible(boolean) 
+controlP5.Controller : Textlabel setWidth(int) 
+controlP5.Controller : Textlabel show() 
+controlP5.Controller : Textlabel unlock() 
+controlP5.Controller : Textlabel unplugFrom(Object) 
+controlP5.Controller : Textlabel unplugFrom(Object[]) 
+controlP5.Controller : Textlabel unregisterTooltip() 
+controlP5.Controller : Textlabel update() 
+controlP5.Controller : Textlabel updateSize() 
+controlP5.Controller : boolean isActive() 
+controlP5.Controller : boolean isBroadcast() 
+controlP5.Controller : boolean isInside() 
+controlP5.Controller : boolean isLabelVisible() 
+controlP5.Controller : boolean isListening() 
+controlP5.Controller : boolean isLock() 
+controlP5.Controller : boolean isMouseOver() 
+controlP5.Controller : boolean isMousePressed() 
+controlP5.Controller : boolean isMoveable() 
+controlP5.Controller : boolean isUpdate() 
+controlP5.Controller : boolean isVisible() 
+controlP5.Controller : float getArrayValue(int) 
+controlP5.Controller : float getDefaultValue() 
+controlP5.Controller : float getMax() 
+controlP5.Controller : float getMin() 
+controlP5.Controller : float getValue() 
+controlP5.Controller : float[] getArrayValue() 
+controlP5.Controller : int getDecimalPrecision() 
+controlP5.Controller : int getHeight() 
+controlP5.Controller : int getId() 
+controlP5.Controller : int getWidth() 
+controlP5.Controller : int listenerSize() 
+controlP5.Controller : void remove() 
+controlP5.Controller : void setView(ControllerView, int) 
+java.lang.Object : String toString() 
+java.lang.Object : boolean equals(Object) 
+
+
+*/
+
+
+
+</pre></code></dd></dl></div></dl>
+</li>
+</ul>
+</div>
+<div class="summary">
+<ul class="blockList">
+<li class="blockList">
+<!-- =========== FIELD SUMMARY =========== -->
+<ul class="blockList">
+<li class="blockList"><a name="field_summary">
+<!--   -->
+</a>
+<h3>Field Summary</h3>
+<ul class="blockList">
+<li class="blockList"><a name="fields_inherited_from_class_controlP5.Controller">
+<!--   -->
+</a>
+<h3>Fields inherited from class&nbsp;controlP5.<a href="../controlP5/Controller.html" title="class in controlP5">Controller</a></h3>
+<code><a href="../controlP5/Controller.html#autoHeight">autoHeight</a>, <a href="../controlP5/Controller.html#autoSpacing">autoSpacing</a>, <a href="../controlP5/Controller.html#autoWidth">autoWidth</a></code></li>
+</ul>
+<ul class="blockList">
+<li class="blockList"><a name="fields_inherited_from_class_controlP5.ControlP5Constants">
+<!--   -->
+</a>
+<h3>Fields inherited from interface&nbsp;controlP5.<a href="../controlP5/ControlP5Constants.html" title="interface in controlP5">ControlP5Constants</a></h3>
+<code><a href="../controlP5/ControlP5Constants.html#acceptClassList">acceptClassList</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_BROADCAST">ACTION_BROADCAST</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_CLICK">ACTION_CLICK</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_DRAG">ACTION_DRAG</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_ENTER">ACTION_ENTER</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_EXIT">ACTION_EXIT</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_LEAVE">ACTION_LEAVE</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_MOVE">ACTION_MOVE</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_PRESS">ACTION_PRESS</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_PRESSED">ACTION_PRESSED</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_RELEASE">ACTION_RELEASE</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_RELEASED">ACTION_RELEASED</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_RELEASEDOUTSIDE">ACTION_RELEASEDOUTSIDE</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_WHEEL">ACTION_WHEEL</a>, <a href="../controlP5/ControlP5Constants.html#ACTIVE">ACTIVE</a>, <a href="../controlP5/ControlP5Constants.html#ALL">ALL</a>, <a href="../controlP5/ControlP5Constants.html#ALT">ALT</a>, <a href="../controlP5/ControlP5Constants.html#AQUA">AQUA</a>, <a href="../controlP5/ControlP5Constants.html#ARC">ARC</a>, <a href="../controlP5/ControlP5Constants.html#ARRAY">ARRAY</a>, <a href="../controlP5/ControlP5Constants.html#BACKSPACE">BACKSPACE</a>, <a href="../controlP5/ControlP5Constants.html#BASELINE">BASELINE</a>, <a href="../controlP5/ControlP5Constants.html#BITFONT">BITFONT</a>, <a href="../controlP5/ControlP5Constants.html#BLACK">BLACK</a>, <a href="../controlP5/ControlP5Constants.html#BLUE">BLUE</a>, <a href="../controlP5/ControlP5Constants.html#BOOLEAN">BOOLEAN</a>, <a href="../controlP5/ControlP5Constants.html#BOTTOM">BOTTOM</a>, <a href="../controlP5/ControlP5Constants.html#BOTTOM_OUTSIDE">BOTTOM_OUTSIDE</a>, <a href="../controlP5/ControlP5Constants.html#CAPTIONLABEL">CAPTIONLABEL</a>, <a href="../controlP5/ControlP5Constants.html#CENTER">CENTER</a>, <a href="../controlP5/ControlP5Constants.html#CHECKBOX">CHECKBOX</a>, <a href="../controlP5/ControlP5Constants.html#COMMANDKEY">COMMANDKEY</a>, <a href="../controlP5/ControlP5Constants.html#CONTROL">CONTROL</a>, <a href="../controlP5/ControlP5Constants.html#controlEventClass">controlEventClass</a>, <a href="../controlP5/ControlP5Constants.html#CUSTOM">CUSTOM</a>, <a href="../controlP5/ControlP5Constants.html#DECREASE">DECREASE</a>, <a href="../controlP5/ControlP5Constants.html#DEFAULT">DEFAULT</a>, <a href="../controlP5/ControlP5Constants.html#DELETE">DELETE</a>, <a href="../controlP5/ControlP5Constants.html#DONE">DONE</a>, <a href="../controlP5/ControlP5Constants.html#DOWN">DOWN</a>, <a href="../controlP5/ControlP5Constants.html#DROPDOWN">DROPDOWN</a>, <a href="../controlP5/ControlP5Constants.html#ELLIPSE">ELLIPSE</a>, <a href="../controlP5/ControlP5Constants.html#ENTER">ENTER</a>, <a href="../controlP5/ControlP5Constants.html#ESCAPE">ESCAPE</a>, <a href="../controlP5/ControlP5Constants.html#EVENT">EVENT</a>, <a href="../controlP5/ControlP5Constants.html#eventMethod">eventMethod</a>, <a href="../controlP5/ControlP5Constants.html#FADEIN">FADEIN</a>, <a href="../controlP5/ControlP5Constants.html#FADEOUT">FADEOUT</a>, <a href="../controlP5/ControlP5Constants.html#FIELD">FIELD</a>, <a href="../controlP5/ControlP5Constants.html#FLOAT">FLOAT</a>, <a href="../controlP5/ControlP5Constants.html#FUCHSIA">FUCHSIA</a>, <a href="../controlP5/ControlP5Constants.html#GRAY">GRAY</a>, <a href="../controlP5/ControlP5Constants.html#GREEN">GREEN</a>, <a href="../controlP5/ControlP5Constants.html#grixel">grixel</a>, <a href="../controlP5/ControlP5Constants.html#HALF_PI">HALF_PI</a>, <a href="../controlP5/ControlP5Constants.html#HIDE">HIDE</a>, <a href="../controlP5/ControlP5Constants.html#HIGHLIGHT">HIGHLIGHT</a>, <a href="../controlP5/ControlP5Constants.html#HORIZONTAL">HORIZONTAL</a>, <a href="../controlP5/ControlP5Constants.html#IDLE">IDLE</a>, <a href="../controlP5/ControlP5Constants.html#IMAGE">IMAGE</a>, <a href="../controlP5/ControlP5Constants.html#INACTIVE">INACTIVE</a>, <a href="../controlP5/ControlP5Constants.html#INCREASE">INCREASE</a>, <a href="../controlP5/ControlP5Constants.html#INTEGER">INTEGER</a>, <a href="../controlP5/ControlP5Constants.html#INVALID">INVALID</a>, <a href="../controlP5/ControlP5Constants.html#J2D">J2D</a>, <a href="../controlP5/ControlP5Constants.html#KEYCONTROL">KEYCONTROL</a>, <a href="../controlP5/ControlP5Constants.html#LEFT">LEFT</a>, <a href="../controlP5/ControlP5Constants.html#LEFT_OUTSIDE">LEFT_OUTSIDE</a>, <a href="../controlP5/ControlP5Constants.html#LIME">LIME</a>, <a href="../controlP5/ControlP5Constants.html#LINE">LINE</a>, <a href="../controlP5/ControlP5Constants.html#LIST">LIST</a>, <a href="../controlP5/ControlP5Constants.html#LOAD">LOAD</a>, <a href="../controlP5/ControlP5Constants.html#MAROON">MAROON</a>, <a href="../controlP5/ControlP5Constants.html#MENU">MENU</a>, <a href="../controlP5/ControlP5Constants.html#METHOD">METHOD</a>, <a href="../controlP5/ControlP5Constants.html#MOVE">MOVE</a>, <a href="../controlP5/ControlP5Constants.html#MULTI">MULTI</a>, <a href="../controlP5/ControlP5Constants.html#MULTIPLES">MULTIPLES</a>, <a href="../controlP5/ControlP5Constants.html#NAVY">NAVY</a>, <a href="../controlP5/ControlP5Constants.html#OLIVE">OLIVE</a>, <a href="../controlP5/ControlP5Constants.html#ORANGE">ORANGE</a>, <a href="../controlP5/ControlP5Constants.html#OVER">OVER</a>, <a href="../controlP5/ControlP5Constants.html#P2D">P2D</a>, <a href="../controlP5/ControlP5Constants.html#P3D">P3D</a>, <a href="../controlP5/ControlP5Constants.html#PI">PI</a>, <a href="../controlP5/ControlP5Constants.html#PRESSED">PRESSED</a>, <a href="../controlP5/ControlP5Constants.html#PRINT">PRINT</a>, <a href="../controlP5/ControlP5Constants.html#PURPLE">PURPLE</a>, <a href="../controlP5/ControlP5Constants.html#RED">RED</a>, <a href="../controlP5/ControlP5Constants.html#RELEASE">RELEASE</a>, <a href="../controlP5/ControlP5Constants.html#RESET">RESET</a>, <a href="../controlP5/ControlP5Constants.html#RIGHT">RIGHT</a>, <a href="../controlP5/ControlP5Constants.html#RIGHT_OUTSIDE">RIGHT_OUTSIDE</a>, <a href="../controlP5/ControlP5Constants.html#SAVE">SAVE</a>, <a href="../controlP5/ControlP5Constants.html#SHIFT">SHIFT</a>, <a href="../controlP5/ControlP5Constants.html#SILVER">SILVER</a>, <a href="../controlP5/ControlP5Constants.html#SINGLE">SINGLE</a>, <a href="../controlP5/ControlP5Constants.html#SINGLE_COLUMN">SINGLE_COLUMN</a>, <a href="../controlP5/ControlP5Constants.html#SINGLE_ROW">SINGLE_ROW</a>, <a href="../controlP5/ControlP5Constants.html#SPRITE">SPRITE</a>, <a href="../controlP5/ControlP5Constants.html#standard56">standard56</a>, <a href="../controlP5/ControlP5Constants.html#standard58">standard58</a>, <a href="../controlP5/ControlP5Constants.html#STRING">STRING</a>, <a href="../controlP5/ControlP5Constants.html#SWITCH">SWITCH</a>, <a href="../controlP5/ControlP5Constants.html#SWITCH_BACK">SWITCH_BACK</a>, <a href="../controlP5/ControlP5Constants.html#SWITCH_FORE">SWITCH_FORE</a>, <a href="../controlP5/ControlP5Constants.html#synt24">synt24</a>, <a href="../controlP5/ControlP5Constants.html#TAB">TAB</a>, <a href="../controlP5/ControlP5Constants.html#TEAL">TEAL</a>, <a href="../controlP5/ControlP5Constants.html#THEME_A">THEME_A</a>, <a href="../controlP5/ControlP5Constants.html#THEME_CP52014">THEME_CP52014</a>, <a href="../controlP5/ControlP5Constants.html#THEME_CP5BLUE">THEME_CP5BLUE</a>, <a href="../controlP5/ControlP5Constants.html#THEME_RED">THEME_RED</a>, <a href="../controlP5/ControlP5Constants.html#THEME_RETRO">THEME_RETRO</a>, <a href="../controlP5/ControlP5Constants.html#THEME_WHITE">THEME_WHITE</a>, <a href="../controlP5/ControlP5Constants.html#TOP">TOP</a>, <a href="../controlP5/ControlP5Constants.html#TOP_OUTSIDE">TOP_OUTSIDE</a>, <a href="../controlP5/ControlP5Constants.html#TRANSITION_WAIT_FADEIN">TRANSITION_WAIT_FADEIN</a>, <a href="../controlP5/ControlP5Constants.html#TREE">TREE</a>, <a href="../controlP5/ControlP5Constants.html#TWO_PI">TWO_PI</a>, <a href="../controlP5/ControlP5Constants.html#UP">UP</a>, <a href="../controlP5/ControlP5Constants.html#VALUELABEL">VALUELABEL</a>, <a href="../controlP5/ControlP5Constants.html#VERBOSE">VERBOSE</a>, <a href="../controlP5/ControlP5Constants.html#VERTICAL">VERTICAL</a>, <a href="../controlP5/ControlP5Constants.html#WAIT">WAIT</a>, <a href="../controlP5/ControlP5Constants.html#WHITE">WHITE</a>, <a href="../controlP5/ControlP5Constants.html#YELLOW">YELLOW</a></code></li>
+</ul>
+</li>
+</ul>
+<!-- ======== CONSTRUCTOR SUMMARY ======== -->
+<ul class="blockList">
+<li class="blockList"><a name="constructor_summary">
+<!--   -->
+</a>
+<h3>Constructor Summary</h3>
+<table class="overviewSummary" border="0" cellpadding="3" cellspacing="0" summary="Constructor Summary table, listing constructors, and an explanation">
+<caption><span>Constructors</span><span class="tabEnd">&nbsp;</span></caption>
+<tr>
+<th class="colOne" scope="col">Constructor and Description</th>
+</tr>
+<tr class="altColor">
+<td class="colOne"><code><strong><a href="../controlP5/Textlabel.html#Textlabel(controlP5.ControlP5, java.lang.String, int, int)">Textlabel</a></strong>(<a href="../controlP5/ControlP5.html" title="class in controlP5">ControlP5</a>&nbsp;theControlP5,
+         java.lang.String&nbsp;theValue,
+         int&nbsp;theX,
+         int&nbsp;theY)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colOne"><code><strong><a href="../controlP5/Textlabel.html#Textlabel(controlP5.ControlP5, java.lang.String, int, int, int, int)">Textlabel</a></strong>(<a href="../controlP5/ControlP5.html" title="class in controlP5">ControlP5</a>&nbsp;theControlP5,
+         java.lang.String&nbsp;theValue,
+         int&nbsp;theX,
+         int&nbsp;theY,
+         int&nbsp;theW,
+         int&nbsp;theH)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colOne"><code><strong><a href="../controlP5/Textlabel.html#Textlabel(controlP5.ControlP5, java.lang.String, int, int, int, int, int, int)">Textlabel</a></strong>(<a href="../controlP5/ControlP5.html" title="class in controlP5">ControlP5</a>&nbsp;theControlP5,
+         java.lang.String&nbsp;theValue,
+         int&nbsp;theX,
+         int&nbsp;theY,
+         int&nbsp;theW,
+         int&nbsp;theH,
+         int&nbsp;theColor,
+         int&nbsp;theFont)</code>
+<div class="block"><strong>Deprecated.</strong>&nbsp;</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colOne"><code><strong><a href="../controlP5/Textlabel.html#Textlabel(processing.core.PApplet, java.lang.String, int, int)">Textlabel</a></strong>(processing.core.PApplet&nbsp;theComponent,
+         java.lang.String&nbsp;theValue,
+         int&nbsp;theX,
+         int&nbsp;theY)</code>
+<div class="block"><strong>Deprecated.</strong>&nbsp;</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colOne"><code><strong><a href="../controlP5/Textlabel.html#Textlabel(processing.core.PApplet, java.lang.String, int, int, int, int)">Textlabel</a></strong>(processing.core.PApplet&nbsp;theComponent,
+         java.lang.String&nbsp;theValue,
+         int&nbsp;theX,
+         int&nbsp;theY,
+         int&nbsp;theW,
+         int&nbsp;theH)</code>
+<div class="block"><strong>Deprecated.</strong>&nbsp;</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colOne"><code><strong><a href="../controlP5/Textlabel.html#Textlabel(processing.core.PApplet, java.lang.String, int, int, int, int, int, int)">Textlabel</a></strong>(processing.core.PApplet&nbsp;theComponent,
+         java.lang.String&nbsp;theValue,
+         int&nbsp;theX,
+         int&nbsp;theY,
+         int&nbsp;theW,
+         int&nbsp;theH,
+         int&nbsp;theColor,
+         int&nbsp;theFont)</code>
+<div class="block"><strong>Deprecated.</strong>&nbsp;</div>
+</td>
+</tr>
+</table>
+</li>
+</ul>
+<!-- ========== METHOD SUMMARY =========== -->
+<ul class="blockList">
+<li class="blockList"><a name="method_summary">
+<!--   -->
+</a>
+<h3>Method Summary</h3>
+<table class="overviewSummary" border="0" cellpadding="3" cellspacing="0" summary="Method Summary table, listing methods, and an explanation">
+<caption><span>Methods</span><span class="tabEnd">&nbsp;</span></caption>
+<tr>
+<th class="colFirst" scope="col">Modifier and Type</th>
+<th class="colLast" scope="col">Method and Description</th>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Textlabel.html" title="class in controlP5">Textlabel</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Textlabel.html#append(java.lang.String, int)">append</a></strong>(java.lang.String&nbsp;theText,
+      int&nbsp;max)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>void</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Textlabel.html#draw()">draw</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>void</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Textlabel.html#draw(int, int)">draw</a></strong>(int&nbsp;theX,
+    int&nbsp;theY)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>void</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Textlabel.html#draw(processing.core.PApplet)">draw</a></strong>(processing.core.PApplet&nbsp;theApplet)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>void</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Textlabel.html#draw(processing.core.PGraphics)">draw</a></strong>(processing.core.PGraphics&nbsp;theGraphics)</code>
+<div class="block">the default draw function for each controller extending superclass Controller.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Label.html" title="class in controlP5">Label</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Textlabel.html#get()">get</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Textlabel.html#getLineHeight()">getLineHeight</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Textlabel.html" title="class in controlP5">Textlabel</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Textlabel.html#setColor(int)">setColor</a></strong>(int&nbsp;theColor)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Textlabel.html" title="class in controlP5">Textlabel</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Textlabel.html#setFont(controlP5.ControlFont)">setFont</a></strong>(<a href="../controlP5/ControlFont.html" title="class in controlP5">ControlFont</a>&nbsp;theControlFont)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Textlabel.html" title="class in controlP5">Textlabel</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Textlabel.html#setFont(int)">setFont</a></strong>(int&nbsp;theFont)</code>
+<div class="block"><strong>Deprecated.</strong>&nbsp;</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Textlabel.html" title="class in controlP5">Textlabel</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Textlabel.html#setFont(processing.core.PFont)">setFont</a></strong>(processing.core.PFont&nbsp;thePFont)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Textlabel.html" title="class in controlP5">Textlabel</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Textlabel.html#setHeight(int)">setHeight</a></strong>(int&nbsp;theValue)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Textlabel.html" title="class in controlP5">Textlabel</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Textlabel.html#setLetterSpacing(int)">setLetterSpacing</a></strong>(int&nbsp;theValue)</code>
+<div class="block">set the letter spacing of the font.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Textlabel.html" title="class in controlP5">Textlabel</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Textlabel.html#setLineHeight(int)">setLineHeight</a></strong>(int&nbsp;theValue)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Textlabel.html" title="class in controlP5">Textlabel</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Textlabel.html#setMultiline(boolean)">setMultiline</a></strong>(boolean&nbsp;theFlag)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Textlabel.html" title="class in controlP5">Textlabel</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Textlabel.html#setStringValue(java.lang.String)">setStringValue</a></strong>(java.lang.String&nbsp;theValue)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Textlabel.html" title="class in controlP5">Textlabel</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Textlabel.html#setText(java.lang.String)">setText</a></strong>(java.lang.String&nbsp;theText)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Textlabel.html" title="class in controlP5">Textlabel</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Textlabel.html#setValue(float)">setValue</a></strong>(float&nbsp;theValue)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Textlabel.html" title="class in controlP5">Textlabel</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Textlabel.html#setValue(java.lang.String)">setValue</a></strong>(java.lang.String&nbsp;theText)</code>
+<div class="block">set the text of the textlabel.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Textlabel.html" title="class in controlP5">Textlabel</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Textlabel.html#setWidth(int)">setWidth</a></strong>(int&nbsp;theValue)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Label.html" title="class in controlP5">Label</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Textlabel.html#valueLabel()">valueLabel</a></strong>()</code>
+<div class="block"><strong>Deprecated.</strong>&nbsp;</div>
+</td>
+</tr>
+</table>
+<ul class="blockList">
+<li class="blockList"><a name="methods_inherited_from_class_controlP5.Controller">
+<!--   -->
+</a>
+<h3>Methods inherited from class&nbsp;controlP5.<a href="../controlP5/Controller.html" title="class in controlP5">Controller</a></h3>
+<code><a href="../controlP5/Controller.html#add(controlP5.ControllerInterface)">add</a>, <a href="../controlP5/Controller.html#addCallback(controlP5.CallbackListener)">addCallback</a>, <a href="../controlP5/Controller.html#addListener(controlP5.ControlListener)">addListener</a>, <a href="../controlP5/Controller.html#align(int, int, int, int)">align</a>, <a href="../controlP5/Controller.html#bringToFront()">bringToFront</a>, <a href="../controlP5/Controller.html#bringToFront(controlP5.ControllerInterface)">bringToFront</a>, <a href="../controlP5/Controller.html#changeValue(float)">changeValue</a>, <a href="../controlP5/Controller.html#continuousUpdateEvents()">continuousUpdateEvents</a>, <a href="../controlP5/Controller.html#getAbsolutePosition()">getAbsolutePosition</a>, <a href="../controlP5/Controller.html#getAddress()">getAddress</a>, <a href="../controlP5/Controller.html#getArrayValue()">getArrayValue</a>, <a href="../controlP5/Controller.html#getArrayValue(int)">getArrayValue</a>, <a href="../controlP5/Controller.html#getBehavior()">getBehavior</a>, <a href="../controlP5/Controller.html#getCaptionLabel()">getCaptionLabel</a>, <a href="../controlP5/Controller.html#getColor()">getColor</a>, <a href="../controlP5/Controller.html#getControllerPlugList()">getControllerPlugList</a>, <a href="../controlP5/Controller.html#getControlWindow()">getControlWindow</a>, <a href="../controlP5/Controller.html#getDecimalPrecision()">getDecimalPrecision</a>, <a href="../controlP5/Controller.html#getDefaultValue()">getDefaultValue</a>, <a href="../controlP5/Controller.html#getHeight()">getHeight</a>, <a href="../controlP5/Controller.html#getId()">getId</a>, <a href="../controlP5/Controller.html#getInfo()">getInfo</a>, <a href="../controlP5/Controller.html#getLabel()">getLabel</a>, <a href="../controlP5/Controller.html#getMax()">getMax</a>, <a href="../controlP5/Controller.html#getMin()">getMin</a>, <a href="../controlP5/Controller.html#getName()">getName</a>, <a href="../controlP5/Controller.html#getParent()">getParent</a>, <a href="../controlP5/Controller.html#getPickingColor()">getPickingColor</a>, <a href="../controlP5/Controller.html#getPointer()">getPointer</a>, <a href="../controlP5/Controller.html#getPosition()">getPosition</a>, <a href="../controlP5/Controller.html#getProperty(java.lang.String)">getProperty</a>, <a href="../controlP5/Controller.html#getProperty(java.lang.String, java.lang.String)">getProperty</a>, <a href="../controlP5/Controller.html#getStringValue()">getStringValue</a>, <a href="../controlP5/Controller.html#getTab()">getTab</a>, <a href="../controlP5/Controller.html#getValue()">getValue</a>, <a href="../controlP5/Controller.html#getValueLabel()">getValueLabel</a>, <a href="../controlP5/Controller.html#getView()">getView</a>, <a href="../controlP5/Controller.html#getWidth()">getWidth</a>, <a href="../controlP5/Controller.html#getWindow()">getWindow</a>, <a href="../controlP5/Controller.html#hide()">hide</a>, <a href="../controlP5/Controller.html#init()">init</a>, <a href="../controlP5/Controller.html#isActive()">isActive</a>, <a href="../controlP5/Controller.html#isBroadcast()">isBroadcast</a>, <a href="../controlP5/Controller.html#isInside()">isInside</a>, <a href="../controlP5/Controller.html#isLabelVisible()">isLabelVisible</a>, <a href="../controlP5/Controller.html#isListening()">isListening</a>, <a href="../controlP5/Controller.html#isLock()">isLock</a>, <a href="../controlP5/Controller.html#isMouseOver()">isMouseOver</a>, <a href="../controlP5/Controller.html#isMousePressed()">isMousePressed</a>, <a href="../controlP5/Controller.html#isMoveable()">isMoveable</a>, <a href="../controlP5/Controller.html#isUpdate()">isUpdate</a>, <a href="../controlP5/Controller.html#isUserInteraction()">isUserInteraction</a>, <a href="../controlP5/Controller.html#isVisible()">isVisible</a>, <a href="../controlP5/Controller.html#keyEvent(processing.event.KeyEvent)">keyEvent</a>, <a href="../controlP5/Controller.html#linebreak()">linebreak</a>, <a href="../controlP5/Controller.html#listen(boolean)">listen</a>, <a href="../controlP5/Controller.html#listenerSize()">listenerSize</a>, <a href="../controlP5/Controller.html#lock()">lock</a>, <a href="../controlP5/Controller.html#moveTo(controlP5.ControlGroup)">moveTo</a>, <a href="../controlP5/Controller.html#moveTo(controlP5.ControllerGroup)">moveTo</a>, <a href="../controlP5/Controller.html#moveTo(controlP5.ControllerGroup, controlP5.Tab, controlP5.ControlWindow)">moveTo</a>, <a href="../controlP5/Controller.html#moveTo(controlP5.ControlWindow)">moveTo</a>, <a href="../controlP5/Controller.html#moveTo(controlP5.ControlWindow, java.lang.String)">moveTo</a>, <a href="../controlP5/Controller.html#moveTo(processing.core.PApplet)">moveTo</a>, <a href="../controlP5/Controller.html#moveTo(processing.core.PApplet, java.lang.String)">moveTo</a>, <a href="../controlP5/Controller.html#moveTo(java.lang.String)">moveTo</a>, <a href="../controlP5/Controller.html#moveTo(controlP5.Tab)">moveTo</a>, <a href="../controlP5/Controller.html#plugTo(java.lang.Object)">plugTo</a>, <a href="../controlP5/Controller.html#plugTo(java.lang.Object[])">plugTo</a>, <a href="../controlP5/Controller.html#plugTo(java.lang.Object[], java.lang.String)">plugTo</a>, <a href="../controlP5/Controller.html#plugTo(java.lang.Object, java.lang.String)">plugTo</a>, <a href="../controlP5/Controller.html#registerProperty(java.lang.String)">registerProperty</a>, <a href="../controlP5/Controller.html#registerProperty(java.lang.String, java.lang.String)">registerProperty</a>, <a href="../controlP5/Controller.html#registerTooltip(java.lang.String)">registerTooltip</a>, <a href="../controlP5/Controller.html#remove()">remove</a>, <a href="../controlP5/Controller.html#remove(controlP5.ControllerInterface)">remove</a>, <a href="../controlP5/Controller.html#removeBehavior()">removeBehavior</a>, <a href="../controlP5/Controller.html#removeCallback()">removeCallback</a>, <a href="../controlP5/Controller.html#removeCallback(controlP5.CallbackListener)">removeCallback</a>, <a href="../controlP5/Controller.html#removeListener(controlP5.ControlListener)">removeListener</a>, <a href="../controlP5/Controller.html#removeProperty(java.lang.String)">removeProperty</a>, <a href="../controlP5/Controller.html#removeProperty(java.lang.String, java.lang.String)">removeProperty</a>, <a href="../controlP5/Controller.html#setAbsolutePosition(processing.core.PVector)">setAbsolutePosition</a>, <a href="../controlP5/Controller.html#setAddress(java.lang.String)">setAddress</a>, <a href="../controlP5/Controller.html#setArrayValue(float[])">setArrayValue</a>, <a href="../controlP5/Controller.html#setArrayValue(int, float)">setArrayValue</a>, <a href="../controlP5/Controller.html#setBehavior(controlP5.ControlBehavior)">setBehavior</a>, <a href="../controlP5/Controller.html#setBroadcast(boolean)">setBroadcast</a>, <a href="../controlP5/Controller.html#setCaptionLabel(java.lang.String)">setCaptionLabel</a>, <a href="../controlP5/Controller.html#setColor(controlP5.CColor)">setColor</a>, <a href="../controlP5/Controller.html#setColorActive(int)">setColorActive</a>, <a href="../controlP5/Controller.html#setColorBackground(int)">setColorBackground</a>, <a href="../controlP5/Controller.html#setColorCaptionLabel(int)">setColorCaptionLabel</a>, <a href="../controlP5/Controller.html#setColorForeground(int)">setColorForeground</a>, <a href="../controlP5/Controller.html#setColorValueLabel(int)">setColorValueLabel</a>, <a href="../controlP5/Controller.html#setDecimalPrecision(int)">setDecimalPrecision</a>, <a href="../controlP5/Controller.html#setDefaultValue(float)">setDefaultValue</a>, <a href="../controlP5/Controller.html#setGroup(controlP5.ControllerGroup)">setGroup</a>, <a href="../controlP5/Controller.html#setGroup(java.lang.String)">setGroup</a>, <a href="../controlP5/Controller.html#setId(int)">setId</a>, <a href="../controlP5/Controller.html#setImage(processing.core.PImage)">setImage</a>, <a href="../controlP5/Controller.html#setImage(processing.core.PImage, int)">setImage</a>, <a href="../controlP5/Controller.html#setImages(processing.core.PImage...)">setImages</a>, <a href="../controlP5/Controller.html#setImages(processing.core.PImage, processing.core.PImage, processing.core.PImage)">setImages</a>, <a href="../controlP5/Controller.html#setImages(processing.core.PImage, processing.core.PImage, processing.core.PImage, processing.core.PImage)">setImages</a>, <a href="../controlP5/Controller.html#setLabelVisible(boolean)">setLabelVisible</a>, <a href="../controlP5/Controller.html#setLock(boolean)">setLock</a>, <a href="../controlP5/Controller.html#setMax(float)">setMax</a>, <a href="../controlP5/Controller.html#setMin(float)">setMin</a>, <a href="../controlP5/Controller.html#setMouseOver(boolean)">setMouseOver</a>, <a href="../controlP5/Controller.html#setMousePressed(boolean)">setMousePressed</a>, <a href="../controlP5/Controller.html#setMoveable(boolean)">setMoveable</a>, <a href="../controlP5/Controller.html#setParent(controlP5.ControllerInterface)">setParent</a>, <a href="../controlP5/Controller.html#setPosition(float, float)">setPosition</a>, <a href="../controlP5/Controller.html#setPosition(processing.core.PVector)">setPosition</a>, <a href="../controlP5/Controller.html#setSize(int, int)">setSize</a>, <a href="../controlP5/Controller.html#setSize(processing.core.PImage)">setSize</a>, <a href="../controlP5/Controller.html#setTab(controlP5.ControlWindow, java.lang.String)">setTab</a>, <a href="../controlP5/Controller.html#setTab(java.lang.String)">setTab</a>, <a href="../controlP5/Controller.html#setUpdate(boolean)">setUpdate</a>, <a href="../controlP5/Controller.html#setUserInteraction(boolean)">setUserInteraction</a>, <a href="../controlP5/Controller.html#setValueLabel(java.lang.String)">setValueLabel</a>, <a href="../controlP5/Controller.html#setValueSelf(float)">setValueSelf</a>, <a href="../controlP5/Controller.html#setView(controlP5.ControllerView)">setView</a>, <a href="../controlP5/Controller.html#setView(controlP5.ControllerView, int)">setView</a>, <a href="../controlP5/Controller.html#setVisible(boolean)">setVisible</a>, <a href="../controlP5/Controller.html#show()">show</a>, <a href="../controlP5/Controller.html#toString()">toString</a>, <a href="../controlP5/Controller.html#unlock()">unlock</a>, <a href="../controlP5/Controller.html#unplugFrom(java.lang.Object)">unplugFrom</a>, <a href="../controlP5/Controller.html#unplugFrom(java.lang.Object[])">unplugFrom</a>, <a href="../controlP5/Controller.html#unregisterTooltip()">unregisterTooltip</a>, <a href="../controlP5/Controller.html#update()">update</a>, <a href="../controlP5/Controller.html#updateAbsolutePosition()">updateAbsolutePosition</a>, <a href="../controlP5/Controller.html#updateEvents()">updateEvents</a>, <a href="../controlP5/Controller.html#updateInternalEvents(processing.core.PApplet)">updateInternalEvents</a>, <a href="../controlP5/Controller.html#updateSize()">updateSize</a></code></li>
+</ul>
+<ul class="blockList">
+<li class="blockList"><a name="methods_inherited_from_class_java.lang.Object">
+<!--   -->
+</a>
+<h3>Methods inherited from class&nbsp;java.lang.Object</h3>
+<code>equals, getClass, hashCode, notify, notifyAll, wait, wait, wait</code></li>
+</ul>
+<ul class="blockList">
+<li class="blockList"><a name="methods_inherited_from_class_controlP5.ControllerInterface">
+<!--   -->
+</a>
+<h3>Methods inherited from interface&nbsp;controlP5.<a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a></h3>
+<code><a href="../controlP5/ControllerInterface.html#parent()">parent</a>, <a href="../controlP5/ControllerInterface.html#setColorLabel(int)">setColorLabel</a>, <a href="../controlP5/ControllerInterface.html#setColorValue(int)">setColorValue</a>, <a href="../controlP5/ControllerInterface.html#setLabel(java.lang.String)">setLabel</a></code></li>
+</ul>
+</li>
+</ul>
+</li>
+</ul>
+</div>
+<div class="details">
+<ul class="blockList">
+<li class="blockList">
+<!-- ========= CONSTRUCTOR DETAIL ======== -->
+<ul class="blockList">
+<li class="blockList"><a name="constructor_detail">
+<!--   -->
+</a>
+<h3>Constructor Detail</h3>
+<a name="Textlabel(controlP5.ControlP5, java.lang.String, int, int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>Textlabel</h4>
+<pre>public&nbsp;Textlabel(<a href="../controlP5/ControlP5.html" title="class in controlP5">ControlP5</a>&nbsp;theControlP5,
+         java.lang.String&nbsp;theValue,
+         int&nbsp;theX,
+         int&nbsp;theY)</pre>
+</li>
+</ul>
+<a name="Textlabel(controlP5.ControlP5, java.lang.String, int, int, int, int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>Textlabel</h4>
+<pre>public&nbsp;Textlabel(<a href="../controlP5/ControlP5.html" title="class in controlP5">ControlP5</a>&nbsp;theControlP5,
+         java.lang.String&nbsp;theValue,
+         int&nbsp;theX,
+         int&nbsp;theY,
+         int&nbsp;theW,
+         int&nbsp;theH)</pre>
+</li>
+</ul>
+<a name="Textlabel(controlP5.ControlP5, java.lang.String, int, int, int, int, int, int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>Textlabel</h4>
+<pre>@Deprecated
+public&nbsp;Textlabel(<a href="../controlP5/ControlP5.html" title="class in controlP5">ControlP5</a>&nbsp;theControlP5,
+                    java.lang.String&nbsp;theValue,
+                    int&nbsp;theX,
+                    int&nbsp;theY,
+                    int&nbsp;theW,
+                    int&nbsp;theH,
+                    int&nbsp;theColor,
+                    int&nbsp;theFont)</pre>
+<div class="block"><span class="strong">Deprecated.</span>&nbsp;</div>
+</li>
+</ul>
+<a name="Textlabel(processing.core.PApplet, java.lang.String, int, int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>Textlabel</h4>
+<pre>@Deprecated
+public&nbsp;Textlabel(processing.core.PApplet&nbsp;theComponent,
+                    java.lang.String&nbsp;theValue,
+                    int&nbsp;theX,
+                    int&nbsp;theY)</pre>
+<div class="block"><span class="strong">Deprecated.</span>&nbsp;</div>
+</li>
+</ul>
+<a name="Textlabel(processing.core.PApplet, java.lang.String, int, int, int, int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>Textlabel</h4>
+<pre>@Deprecated
+public&nbsp;Textlabel(processing.core.PApplet&nbsp;theComponent,
+                    java.lang.String&nbsp;theValue,
+                    int&nbsp;theX,
+                    int&nbsp;theY,
+                    int&nbsp;theW,
+                    int&nbsp;theH)</pre>
+<div class="block"><span class="strong">Deprecated.</span>&nbsp;</div>
+</li>
+</ul>
+<a name="Textlabel(processing.core.PApplet, java.lang.String, int, int, int, int, int, int)">
+<!--   -->
+</a>
+<ul class="blockListLast">
+<li class="blockList">
+<h4>Textlabel</h4>
+<pre>@Deprecated
+public&nbsp;Textlabel(processing.core.PApplet&nbsp;theComponent,
+                    java.lang.String&nbsp;theValue,
+                    int&nbsp;theX,
+                    int&nbsp;theY,
+                    int&nbsp;theW,
+                    int&nbsp;theH,
+                    int&nbsp;theColor,
+                    int&nbsp;theFont)</pre>
+<div class="block"><span class="strong">Deprecated.</span>&nbsp;</div>
+</li>
+</ul>
+</li>
+</ul>
+<!-- ============ METHOD DETAIL ========== -->
+<ul class="blockList">
+<li class="blockList"><a name="method_detail">
+<!--   -->
+</a>
+<h3>Method Detail</h3>
+<a name="append(java.lang.String, int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>append</h4>
+<pre>public&nbsp;<a href="../controlP5/Textlabel.html" title="class in controlP5">Textlabel</a>&nbsp;append(java.lang.String&nbsp;theText,
+               int&nbsp;max)</pre>
+</li>
+</ul>
+<a name="draw()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>draw</h4>
+<pre>public&nbsp;void&nbsp;draw()</pre>
+</li>
+</ul>
+<a name="draw(int, int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>draw</h4>
+<pre>public&nbsp;void&nbsp;draw(int&nbsp;theX,
+        int&nbsp;theY)</pre>
+</li>
+</ul>
+<a name="draw(processing.core.PApplet)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>draw</h4>
+<pre>public&nbsp;void&nbsp;draw(processing.core.PApplet&nbsp;theApplet)</pre>
+</li>
+</ul>
+<a name="draw(processing.core.PGraphics)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>draw</h4>
+<pre>public&nbsp;void&nbsp;draw(processing.core.PGraphics&nbsp;theGraphics)</pre>
+<div class="block"><strong>Description copied from class:&nbsp;<code><a href="../controlP5/Controller.html#draw(processing.core.PGraphics)">Controller</a></code></strong></div>
+<div class="block">the default draw function for each controller extending superclass Controller. This draw
+ function will take care of default matrix operations and will call the display function of
+ the current ControllerView object active for this particular controller.</div>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/CDrawable.html#draw(processing.core.PGraphics)">draw</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/CDrawable.html" title="interface in controlP5">CDrawable</a></code></dd>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerInterface.html#draw(processing.core.PGraphics)">draw</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/Textlabel.html" title="class in controlP5">Textlabel</a>&gt;</code></dd>
+<dt><strong>Overrides:</strong></dt>
+<dd><code><a href="../controlP5/Controller.html#draw(processing.core.PGraphics)">draw</a></code>&nbsp;in class&nbsp;<code><a href="../controlP5/Controller.html" title="class in controlP5">Controller</a>&lt;<a href="../controlP5/Textlabel.html" title="class in controlP5">Textlabel</a>&gt;</code></dd>
+<dt><span class="strong">See Also:</span></dt><dd><a href="../controlP5/ControllerView.html" title="interface in controlP5"><code>ControllerView</code></a></dd></dl>
+</li>
+</ul>
+<a name="get()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>get</h4>
+<pre>public&nbsp;<a href="../controlP5/Label.html" title="class in controlP5">Label</a>&nbsp;get()</pre>
+</li>
+</ul>
+<a name="getLineHeight()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getLineHeight</h4>
+<pre>public&nbsp;int&nbsp;getLineHeight()</pre>
+</li>
+</ul>
+<a name="setColor(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setColor</h4>
+<pre>public&nbsp;<a href="../controlP5/Textlabel.html" title="class in controlP5">Textlabel</a>&nbsp;setColor(int&nbsp;theColor)</pre>
+</li>
+</ul>
+<a name="setFont(controlP5.ControlFont)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setFont</h4>
+<pre>public&nbsp;<a href="../controlP5/Textlabel.html" title="class in controlP5">Textlabel</a>&nbsp;setFont(<a href="../controlP5/ControlFont.html" title="class in controlP5">ControlFont</a>&nbsp;theControlFont)</pre>
+</li>
+</ul>
+<a name="setFont(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setFont</h4>
+<pre>@Deprecated
+public&nbsp;<a href="../controlP5/Textlabel.html" title="class in controlP5">Textlabel</a>&nbsp;setFont(int&nbsp;theFont)</pre>
+<div class="block"><span class="strong">Deprecated.</span>&nbsp;</div>
+<div class="block">a textlabel is an image containing text rendered from a bitfont source image. available bit
+ fonts are: standard56, standard58, synt24, grixel. the font of a textlabel can be changed by
+ using setFont(int theFontIndex) theFontIndex is of type int and available indexes are stored
+ in the constants ControlP5.standard56, ControlP5.standard58, ControlP5.synt24,
+ ControlP5.grixel available characters for each pixelfont range from ascii code 32-126</div>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theFont</code> - int</dd></dl>
+</li>
+</ul>
+<a name="setFont(processing.core.PFont)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setFont</h4>
+<pre>public&nbsp;<a href="../controlP5/Textlabel.html" title="class in controlP5">Textlabel</a>&nbsp;setFont(processing.core.PFont&nbsp;thePFont)</pre>
+</li>
+</ul>
+<a name="setHeight(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setHeight</h4>
+<pre>public&nbsp;<a href="../controlP5/Textlabel.html" title="class in controlP5">Textlabel</a>&nbsp;setHeight(int&nbsp;theValue)</pre>
+<dl>
+<dt><strong>Overrides:</strong></dt>
+<dd><code><a href="../controlP5/Controller.html#setHeight(int)">setHeight</a></code>&nbsp;in class&nbsp;<code><a href="../controlP5/Controller.html" title="class in controlP5">Controller</a>&lt;<a href="../controlP5/Textlabel.html" title="class in controlP5">Textlabel</a>&gt;</code></dd>
+<dt><span class="strong">Returns:</span></dt><dd>Controller</dd></dl>
+</li>
+</ul>
+<a name="setLetterSpacing(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setLetterSpacing</h4>
+<pre>public&nbsp;<a href="../controlP5/Textlabel.html" title="class in controlP5">Textlabel</a>&nbsp;setLetterSpacing(int&nbsp;theValue)</pre>
+<div class="block">set the letter spacing of the font.</div>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theValue</code> - int</dd>
+<dt><span class="strong">Returns:</span></dt><dd>Textlabel</dd></dl>
+</li>
+</ul>
+<a name="setLineHeight(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setLineHeight</h4>
+<pre>public&nbsp;<a href="../controlP5/Textlabel.html" title="class in controlP5">Textlabel</a>&nbsp;setLineHeight(int&nbsp;theValue)</pre>
+</li>
+</ul>
+<a name="setMultiline(boolean)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setMultiline</h4>
+<pre>public&nbsp;<a href="../controlP5/Textlabel.html" title="class in controlP5">Textlabel</a>&nbsp;setMultiline(boolean&nbsp;theFlag)</pre>
+</li>
+</ul>
+<a name="setStringValue(java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setStringValue</h4>
+<pre>public&nbsp;<a href="../controlP5/Textlabel.html" title="class in controlP5">Textlabel</a>&nbsp;setStringValue(java.lang.String&nbsp;theValue)</pre>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerInterface.html#setStringValue(java.lang.String)">setStringValue</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/Textlabel.html" title="class in controlP5">Textlabel</a>&gt;</code></dd>
+<dt><strong>Overrides:</strong></dt>
+<dd><code><a href="../controlP5/Controller.html#setStringValue(java.lang.String)">setStringValue</a></code>&nbsp;in class&nbsp;<code><a href="../controlP5/Controller.html" title="class in controlP5">Controller</a>&lt;<a href="../controlP5/Textlabel.html" title="class in controlP5">Textlabel</a>&gt;</code></dd>
+<dt><span class="strong">Returns:</span></dt><dd>Controller</dd></dl>
+</li>
+</ul>
+<a name="setText(java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setText</h4>
+<pre>public&nbsp;<a href="../controlP5/Textlabel.html" title="class in controlP5">Textlabel</a>&nbsp;setText(java.lang.String&nbsp;theText)</pre>
+</li>
+</ul>
+<a name="setValue(float)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setValue</h4>
+<pre>public&nbsp;<a href="../controlP5/Textlabel.html" title="class in controlP5">Textlabel</a>&nbsp;setValue(float&nbsp;theValue)</pre>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerInterface.html#setValue(float)">setValue</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/Textlabel.html" title="class in controlP5">Textlabel</a>&gt;</code></dd>
+<dt><strong>Overrides:</strong></dt>
+<dd><code><a href="../controlP5/Controller.html#setValue(float)">setValue</a></code>&nbsp;in class&nbsp;<code><a href="../controlP5/Controller.html" title="class in controlP5">Controller</a>&lt;<a href="../controlP5/Textlabel.html" title="class in controlP5">Textlabel</a>&gt;</code></dd>
+<dt><span class="strong">Parameters:</span></dt><dd><code>theValue</code> - float</dd></dl>
+</li>
+</ul>
+<a name="setValue(java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setValue</h4>
+<pre>public&nbsp;<a href="../controlP5/Textlabel.html" title="class in controlP5">Textlabel</a>&nbsp;setValue(java.lang.String&nbsp;theText)</pre>
+<div class="block">set the text of the textlabel.</div>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theText</code> - String</dd></dl>
+</li>
+</ul>
+<a name="setWidth(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setWidth</h4>
+<pre>public&nbsp;<a href="../controlP5/Textlabel.html" title="class in controlP5">Textlabel</a>&nbsp;setWidth(int&nbsp;theValue)</pre>
+<dl>
+<dt><strong>Overrides:</strong></dt>
+<dd><code><a href="../controlP5/Controller.html#setWidth(int)">setWidth</a></code>&nbsp;in class&nbsp;<code><a href="../controlP5/Controller.html" title="class in controlP5">Controller</a>&lt;<a href="../controlP5/Textlabel.html" title="class in controlP5">Textlabel</a>&gt;</code></dd>
+<dt><span class="strong">Returns:</span></dt><dd>Controller</dd></dl>
+</li>
+</ul>
+<a name="valueLabel()">
+<!--   -->
+</a>
+<ul class="blockListLast">
+<li class="blockList">
+<h4>valueLabel</h4>
+<pre>@Deprecated
+public&nbsp;<a href="../controlP5/Label.html" title="class in controlP5">Label</a>&nbsp;valueLabel()</pre>
+<div class="block"><span class="strong">Deprecated.</span>&nbsp;</div>
+<dl>
+<dt><strong>Overrides:</strong></dt>
+<dd><code><a href="../controlP5/Controller.html#valueLabel()">valueLabel</a></code>&nbsp;in class&nbsp;<code><a href="../controlP5/Controller.html" title="class in controlP5">Controller</a>&lt;<a href="../controlP5/Textlabel.html" title="class in controlP5">Textlabel</a>&gt;</code></dd>
+</dl>
+</li>
+</ul>
+</li>
+</ul>
+</li>
+</ul>
+</div>
+</div>
+<!-- ========= END OF CLASS DATA ========= -->
+<!-- ======= START OF BOTTOM NAVBAR ====== -->
+<div class="bottomNav"><a name="navbar_bottom">
+<!--   -->
+</a><a href="#skip-navbar_bottom" title="Skip navigation links"></a><a name="navbar_bottom_firstrow">
+<!--   -->
+</a>
+<ul class="navList" title="Navigation">
+<li><a href="../controlP5/package-summary.html">Package</a></li>
+<li class="navBarCell1Rev">Class</li>
+<li><a href="package-tree.html">Tree</a></li>
+<li><a href="../index-all.html">Index</a></li>
+<li><a href="../help-doc.html">Help</a></li>
+</ul>
+</div>
+<div class="subNav">
+<ul class="navList">
+<li><a href="../controlP5/Textfield.InputFilter.html" title="enum in controlP5"><span class="strong">Prev Class</span></a></li>
+<li><a href="../controlP5/TickMark.html" title="class in controlP5"><span class="strong">Next Class</span></a></li>
+</ul>
+<ul class="navList">
+<li><a href="../index.html?controlP5/Textlabel.html" target="_top">Frames</a></li>
+<li><a href="Textlabel.html" target="_top">No Frames</a></li>
+</ul>
+<ul class="navList" id="allclasses_navbar_bottom">
+<li><a href="../allclasses-noframe.html">All Classes</a></li>
+</ul>
+<div>
+<script type="text/javascript"><!--
+  allClassesLink = document.getElementById("allclasses_navbar_bottom");
+  if(window==top) {
+    allClassesLink.style.display = "block";
+  }
+  else {
+    allClassesLink.style.display = "none";
+  }
+  //-->
+</script>
+</div>
+<div>
+<ul class="subNavList">
+<li>Summary:&nbsp;</li>
+<li>Nested&nbsp;|&nbsp;</li>
+<li><a href="#fields_inherited_from_class_controlP5.Controller">Field</a>&nbsp;|&nbsp;</li>
+<li><a href="#constructor_summary">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_summary">Method</a></li>
+</ul>
+<ul class="subNavList">
+<li>Detail:&nbsp;</li>
+<li>Field&nbsp;|&nbsp;</li>
+<li><a href="#constructor_detail">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_detail">Method</a></li>
+</ul>
+</div>
+<a name="skip-navbar_bottom">
+<!--   -->
+</a></div>
+<!-- ======== END OF BOTTOM NAVBAR ======= -->
+<p class="legalCopy"><small>processing library controlP5 by Andreas Schlegel. (c) 2006-2014</small></p>
+</body>
+</html>
diff --git a/reference/controlP5/TickMark.html b/reference/controlP5/TickMark.html
new file mode 100644
index 0000000..6c81a3d
--- /dev/null
+++ b/reference/controlP5/TickMark.html
@@ -0,0 +1,315 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
+<!-- NewPage -->
+<html lang="en">
+<head>
+<!-- Generated by javadoc (version 1.7.0_51) on Sun Apr 27 21:39:48 SGT 2014 -->
+<title>TickMark (Javadocs: controlP5)</title>
+<meta name="date" content="2014-04-27">
+<link rel="stylesheet" type="text/css" href="../stylesheet.css" title="Style">
+</head>
+<body>
+<script type="text/javascript"><!--
+    if (location.href.indexOf('is-external=true') == -1) {
+        parent.document.title="TickMark (Javadocs: controlP5)";
+    }
+//-->
+</script>
+<noscript>
+<div>JavaScript is disabled on your browser.</div>
+</noscript>
+<!-- ========= START OF TOP NAVBAR ======= -->
+<div class="topNav"><a name="navbar_top">
+<!--   -->
+</a><a href="#skip-navbar_top" title="Skip navigation links"></a><a name="navbar_top_firstrow">
+<!--   -->
+</a>
+<ul class="navList" title="Navigation">
+<li><a href="../controlP5/package-summary.html">Package</a></li>
+<li class="navBarCell1Rev">Class</li>
+<li><a href="package-tree.html">Tree</a></li>
+<li><a href="../index-all.html">Index</a></li>
+<li><a href="../help-doc.html">Help</a></li>
+</ul>
+</div>
+<div class="subNav">
+<ul class="navList">
+<li><a href="../controlP5/Textlabel.html" title="class in controlP5"><span class="strong">Prev Class</span></a></li>
+<li><a href="../controlP5/Toggle.html" title="class in controlP5"><span class="strong">Next Class</span></a></li>
+</ul>
+<ul class="navList">
+<li><a href="../index.html?controlP5/TickMark.html" target="_top">Frames</a></li>
+<li><a href="TickMark.html" target="_top">No Frames</a></li>
+</ul>
+<ul class="navList" id="allclasses_navbar_top">
+<li><a href="../allclasses-noframe.html">All Classes</a></li>
+</ul>
+<div>
+<script type="text/javascript"><!--
+  allClassesLink = document.getElementById("allclasses_navbar_top");
+  if(window==top) {
+    allClassesLink.style.display = "block";
+  }
+  else {
+    allClassesLink.style.display = "none";
+  }
+  //-->
+</script>
+</div>
+<div>
+<ul class="subNavList">
+<li>Summary:&nbsp;</li>
+<li>Nested&nbsp;|&nbsp;</li>
+<li>Field&nbsp;|&nbsp;</li>
+<li><a href="#constructor_summary">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_summary">Method</a></li>
+</ul>
+<ul class="subNavList">
+<li>Detail:&nbsp;</li>
+<li>Field&nbsp;|&nbsp;</li>
+<li><a href="#constructor_detail">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_detail">Method</a></li>
+</ul>
+</div>
+<a name="skip-navbar_top">
+<!--   -->
+</a></div>
+<!-- ========= END OF TOP NAVBAR ========= -->
+<!-- ======== START OF CLASS DATA ======== -->
+<div class="header">
+<div class="subTitle">controlP5</div>
+<h2 title="Class TickMark" class="title">Class TickMark</h2>
+</div>
+<div class="contentContainer">
+<ul class="inheritance">
+<li>java.lang.Object</li>
+<li>
+<ul class="inheritance">
+<li>controlP5.TickMark</li>
+</ul>
+</li>
+</ul>
+<div class="description">
+<ul class="blockList">
+<li class="blockList">
+<dl>
+<dt>All Implemented Interfaces:</dt>
+<dd><a href="../controlP5/CDrawable.html" title="interface in controlP5">CDrawable</a></dd>
+</dl>
+<hr>
+<br>
+<pre>public class <span class="strong">TickMark</span>
+extends java.lang.Object
+implements <a href="../controlP5/CDrawable.html" title="interface in controlP5">CDrawable</a></pre>
+<div class="block">Tickmarks are used by the Slider and Knob controller.</div>
+</li>
+</ul>
+</div>
+<div class="summary">
+<ul class="blockList">
+<li class="blockList">
+<!-- ======== CONSTRUCTOR SUMMARY ======== -->
+<ul class="blockList">
+<li class="blockList"><a name="constructor_summary">
+<!--   -->
+</a>
+<h3>Constructor Summary</h3>
+<table class="overviewSummary" border="0" cellpadding="3" cellspacing="0" summary="Constructor Summary table, listing constructors, and an explanation">
+<caption><span>Constructors</span><span class="tabEnd">&nbsp;</span></caption>
+<tr>
+<th class="colOne" scope="col">Constructor and Description</th>
+</tr>
+<tr class="altColor">
+<td class="colOne"><code><strong><a href="../controlP5/TickMark.html#TickMark(controlP5.Controller)">TickMark</a></strong>(<a href="../controlP5/Controller.html" title="class in controlP5">Controller</a>&lt;?&gt;&nbsp;theController)</code>&nbsp;</td>
+</tr>
+</table>
+</li>
+</ul>
+<!-- ========== METHOD SUMMARY =========== -->
+<ul class="blockList">
+<li class="blockList"><a name="method_summary">
+<!--   -->
+</a>
+<h3>Method Summary</h3>
+<table class="overviewSummary" border="0" cellpadding="3" cellspacing="0" summary="Method Summary table, listing methods, and an explanation">
+<caption><span>Methods</span><span class="tabEnd">&nbsp;</span></caption>
+<tr>
+<th class="colFirst" scope="col">Modifier and Type</th>
+<th class="colLast" scope="col">Method and Description</th>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>void</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/TickMark.html#draw(processing.core.PGraphics)">draw</a></strong>(processing.core.PGraphics&nbsp;theGraphics)</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>void</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/TickMark.html#draw(processing.core.PGraphics, int)">draw</a></strong>(processing.core.PGraphics&nbsp;theGraphics,
+    int&nbsp;theDirection)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Label.html" title="class in controlP5">Label</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/TickMark.html#getLabel()">getLabel</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Label.html" title="class in controlP5">Label</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/TickMark.html#setLabel(java.lang.String)">setLabel</a></strong>(java.lang.String&nbsp;theLabeltext)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>void</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/TickMark.html#setLength(int)">setLength</a></strong>(int&nbsp;theLength)</code>&nbsp;</td>
+</tr>
+</table>
+<ul class="blockList">
+<li class="blockList"><a name="methods_inherited_from_class_java.lang.Object">
+<!--   -->
+</a>
+<h3>Methods inherited from class&nbsp;java.lang.Object</h3>
+<code>equals, getClass, hashCode, notify, notifyAll, toString, wait, wait, wait</code></li>
+</ul>
+</li>
+</ul>
+</li>
+</ul>
+</div>
+<div class="details">
+<ul class="blockList">
+<li class="blockList">
+<!-- ========= CONSTRUCTOR DETAIL ======== -->
+<ul class="blockList">
+<li class="blockList"><a name="constructor_detail">
+<!--   -->
+</a>
+<h3>Constructor Detail</h3>
+<a name="TickMark(controlP5.Controller)">
+<!--   -->
+</a>
+<ul class="blockListLast">
+<li class="blockList">
+<h4>TickMark</h4>
+<pre>public&nbsp;TickMark(<a href="../controlP5/Controller.html" title="class in controlP5">Controller</a>&lt;?&gt;&nbsp;theController)</pre>
+</li>
+</ul>
+</li>
+</ul>
+<!-- ============ METHOD DETAIL ========== -->
+<ul class="blockList">
+<li class="blockList"><a name="method_detail">
+<!--   -->
+</a>
+<h3>Method Detail</h3>
+<a name="draw(processing.core.PGraphics)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>draw</h4>
+<pre>public&nbsp;void&nbsp;draw(processing.core.PGraphics&nbsp;theGraphics)</pre>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/CDrawable.html#draw(processing.core.PGraphics)">draw</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/CDrawable.html" title="interface in controlP5">CDrawable</a></code></dd>
+</dl>
+</li>
+</ul>
+<a name="draw(processing.core.PGraphics, int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>draw</h4>
+<pre>public&nbsp;void&nbsp;draw(processing.core.PGraphics&nbsp;theGraphics,
+        int&nbsp;theDirection)</pre>
+</li>
+</ul>
+<a name="getLabel()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getLabel</h4>
+<pre>public&nbsp;<a href="../controlP5/Label.html" title="class in controlP5">Label</a>&nbsp;getLabel()</pre>
+</li>
+</ul>
+<a name="setLabel(java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setLabel</h4>
+<pre>public&nbsp;<a href="../controlP5/Label.html" title="class in controlP5">Label</a>&nbsp;setLabel(java.lang.String&nbsp;theLabeltext)</pre>
+</li>
+</ul>
+<a name="setLength(int)">
+<!--   -->
+</a>
+<ul class="blockListLast">
+<li class="blockList">
+<h4>setLength</h4>
+<pre>public&nbsp;void&nbsp;setLength(int&nbsp;theLength)</pre>
+</li>
+</ul>
+</li>
+</ul>
+</li>
+</ul>
+</div>
+</div>
+<!-- ========= END OF CLASS DATA ========= -->
+<!-- ======= START OF BOTTOM NAVBAR ====== -->
+<div class="bottomNav"><a name="navbar_bottom">
+<!--   -->
+</a><a href="#skip-navbar_bottom" title="Skip navigation links"></a><a name="navbar_bottom_firstrow">
+<!--   -->
+</a>
+<ul class="navList" title="Navigation">
+<li><a href="../controlP5/package-summary.html">Package</a></li>
+<li class="navBarCell1Rev">Class</li>
+<li><a href="package-tree.html">Tree</a></li>
+<li><a href="../index-all.html">Index</a></li>
+<li><a href="../help-doc.html">Help</a></li>
+</ul>
+</div>
+<div class="subNav">
+<ul class="navList">
+<li><a href="../controlP5/Textlabel.html" title="class in controlP5"><span class="strong">Prev Class</span></a></li>
+<li><a href="../controlP5/Toggle.html" title="class in controlP5"><span class="strong">Next Class</span></a></li>
+</ul>
+<ul class="navList">
+<li><a href="../index.html?controlP5/TickMark.html" target="_top">Frames</a></li>
+<li><a href="TickMark.html" target="_top">No Frames</a></li>
+</ul>
+<ul class="navList" id="allclasses_navbar_bottom">
+<li><a href="../allclasses-noframe.html">All Classes</a></li>
+</ul>
+<div>
+<script type="text/javascript"><!--
+  allClassesLink = document.getElementById("allclasses_navbar_bottom");
+  if(window==top) {
+    allClassesLink.style.display = "block";
+  }
+  else {
+    allClassesLink.style.display = "none";
+  }
+  //-->
+</script>
+</div>
+<div>
+<ul class="subNavList">
+<li>Summary:&nbsp;</li>
+<li>Nested&nbsp;|&nbsp;</li>
+<li>Field&nbsp;|&nbsp;</li>
+<li><a href="#constructor_summary">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_summary">Method</a></li>
+</ul>
+<ul class="subNavList">
+<li>Detail:&nbsp;</li>
+<li>Field&nbsp;|&nbsp;</li>
+<li><a href="#constructor_detail">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_detail">Method</a></li>
+</ul>
+</div>
+<a name="skip-navbar_bottom">
+<!--   -->
+</a></div>
+<!-- ======== END OF BOTTOM NAVBAR ======= -->
+<p class="legalCopy"><small>processing library controlP5 by Andreas Schlegel. (c) 2006-2014</small></p>
+</body>
+</html>
diff --git a/reference/controlP5/Toggle.html b/reference/controlP5/Toggle.html
new file mode 100644
index 0000000..06f73f6
--- /dev/null
+++ b/reference/controlP5/Toggle.html
@@ -0,0 +1,970 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
+<!-- NewPage -->
+<html lang="en">
+<head>
+<!-- Generated by javadoc (version 1.7.0_51) on Sun Apr 27 21:39:48 SGT 2014 -->
+<title>Toggle (Javadocs: controlP5)</title>
+<meta name="date" content="2014-04-27">
+<link rel="stylesheet" type="text/css" href="../stylesheet.css" title="Style">
+</head>
+<body>
+<script type="text/javascript"><!--
+    if (location.href.indexOf('is-external=true') == -1) {
+        parent.document.title="Toggle (Javadocs: controlP5)";
+    }
+//-->
+</script>
+<noscript>
+<div>JavaScript is disabled on your browser.</div>
+</noscript>
+<!-- ========= START OF TOP NAVBAR ======= -->
+<div class="topNav"><a name="navbar_top">
+<!--   -->
+</a><a href="#skip-navbar_top" title="Skip navigation links"></a><a name="navbar_top_firstrow">
+<!--   -->
+</a>
+<ul class="navList" title="Navigation">
+<li><a href="../controlP5/package-summary.html">Package</a></li>
+<li class="navBarCell1Rev">Class</li>
+<li><a href="package-tree.html">Tree</a></li>
+<li><a href="../index-all.html">Index</a></li>
+<li><a href="../help-doc.html">Help</a></li>
+</ul>
+</div>
+<div class="subNav">
+<ul class="navList">
+<li><a href="../controlP5/TickMark.html" title="class in controlP5"><span class="strong">Prev Class</span></a></li>
+<li><a href="../controlP5/Tooltip.html" title="class in controlP5"><span class="strong">Next Class</span></a></li>
+</ul>
+<ul class="navList">
+<li><a href="../index.html?controlP5/Toggle.html" target="_top">Frames</a></li>
+<li><a href="Toggle.html" target="_top">No Frames</a></li>
+</ul>
+<ul class="navList" id="allclasses_navbar_top">
+<li><a href="../allclasses-noframe.html">All Classes</a></li>
+</ul>
+<div>
+<script type="text/javascript"><!--
+  allClassesLink = document.getElementById("allclasses_navbar_top");
+  if(window==top) {
+    allClassesLink.style.display = "block";
+  }
+  else {
+    allClassesLink.style.display = "none";
+  }
+  //-->
+</script>
+</div>
+<div>
+<ul class="subNavList">
+<li>Summary:&nbsp;</li>
+<li>Nested&nbsp;|&nbsp;</li>
+<li><a href="#field_summary">Field</a>&nbsp;|&nbsp;</li>
+<li><a href="#constructor_summary">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_summary">Method</a></li>
+</ul>
+<ul class="subNavList">
+<li>Detail:&nbsp;</li>
+<li><a href="#field_detail">Field</a>&nbsp;|&nbsp;</li>
+<li><a href="#constructor_detail">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_detail">Method</a></li>
+</ul>
+</div>
+<a name="skip-navbar_top">
+<!--   -->
+</a></div>
+<!-- ========= END OF TOP NAVBAR ========= -->
+<!-- ======== START OF CLASS DATA ======== -->
+<div class="header">
+<div class="subTitle">controlP5</div>
+<h2 title="Class Toggle" class="title">Class Toggle</h2>
+</div>
+<div class="contentContainer">
+<ul class="inheritance">
+<li>java.lang.Object</li>
+<li>
+<ul class="inheritance">
+<li><a href="../controlP5/Controller.html" title="class in controlP5">controlP5.Controller</a>&lt;<a href="../controlP5/Toggle.html" title="class in controlP5">Toggle</a>&gt;</li>
+<li>
+<ul class="inheritance">
+<li>controlP5.Toggle</li>
+</ul>
+</li>
+</ul>
+</li>
+</ul>
+<div class="description">
+<ul class="blockList">
+<li class="blockList">
+<dl>
+<dt>All Implemented Interfaces:</dt>
+<dd><a href="../controlP5/CDrawable.html" title="interface in controlP5">CDrawable</a>, <a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/Toggle.html" title="class in controlP5">Toggle</a>&gt;, <a href="../controlP5/ControlP5Constants.html" title="interface in controlP5">ControlP5Constants</a></dd>
+</dl>
+<hr>
+<br>
+<pre>public class <span class="strong">Toggle</span>
+extends <a href="../controlP5/Controller.html" title="class in controlP5">Controller</a>&lt;<a href="../controlP5/Toggle.html" title="class in controlP5">Toggle</a>&gt;</pre>
+<div class="block">a toggle can have two states, true and false, where true has the value 1 and false is 0.</div>
+<dl><script type="text/javascript">
+<!--
+document.getElementsByTagName('html')[0].className = 'isjs';function toggle(dt) { var display, dd=dt; do{ dd = dd.nextSibling } while(dd.tagName!='DD'); toOpen =!dd.style.display;dd.style.display = toOpen? 'block':''; dt.getElementsByTagName('span')[0].innerHTML  = toOpen? '-':'+' ; }
+-->
+</script>
+<div id="test" class="toggleList"><dl><dt onclick="toggle(this);"><span>+</span>Example</dt><dd><code><pre>
+/**
+* ControlP5 Toggle
+*
+*
+* find a list of public methods available for the Toggle Controller
+* at the bottom of this sketch.
+*
+* by Andreas Schlegel, 2011
+* www.sojamo.de/libraries/controlp5
+*
+*/
+
+
+import controlP5.*;
+
+ControlP5 cp5;
+
+int col = color(255);
+
+boolean toggleValue = false;
+
+void setup() {
+  size(400,400);
+  smooth();
+  cp5 = new ControlP5(this);
+  
+  // create a toggle
+  cp5.addToggle("toggleValue")
+     .setPosition(40,100)
+     .setSize(50,20)
+     ;
+  
+  // create a toggle and change the default look to a (on/off) switch look
+  cp5.addToggle("toggle")
+     .setPosition(40,250)
+     .setSize(50,20)
+     .setValue(true)
+     .setMode(ControlP5.SWITCH)
+     ;
+     
+}
+  
+
+void draw() {
+  background(0);
+  
+  pushMatrix();
+  
+  if(toggleValue==true) {
+    fill(255,255,220);
+  } else {
+    fill(128,128,110);
+  }
+  translate(280,100);
+  ellipse(0,0,100,100);
+  
+  
+  translate(0,150);
+  fill(col);
+  ellipse(0,0,40,40);
+  
+  popMatrix();
+}
+
+
+
+void toggle(boolean theFlag) {
+  if(theFlag==true) {
+    col = color(255);
+  } else {
+    col = color(100);
+  }
+  println("a toggle event.");
+}
+
+
+
+
+
+
+/*
+a list of all methods available for the Toggle Controller
+use ControlP5.printPublicMethodsFor(Toggle.class);
+to print the following list into the console.
+
+You can find further details about class Toggle in the javadoc.
+
+Format:
+ClassName : returnType methodName(parameter type)
+
+
+controlP5.Toggle : Toggle setMode(int) 
+controlP5.Toggle : Toggle setState(boolean) 
+controlP5.Toggle : Toggle setValue(boolean) 
+controlP5.Toggle : Toggle setValue(float) 
+controlP5.Toggle : Toggle toggle() 
+controlP5.Toggle : Toggle update() 
+controlP5.Toggle : boolean getState() 
+controlP5.Controller : CColor getColor() 
+controlP5.Controller : ControlBehavior getBehavior() 
+controlP5.Controller : ControlWindow getControlWindow() 
+controlP5.Controller : ControlWindow getWindow() 
+controlP5.Controller : Controller addCallback(CallbackListener) 
+controlP5.Controller : Controller addListener(ControlListener) 
+controlP5.Controller : Controller hide() 
+controlP5.Controller : Controller linebreak() 
+controlP5.Controller : Controller listen(boolean) 
+controlP5.Controller : Controller lock() 
+controlP5.Controller : Controller plugTo(Object) 
+controlP5.Controller : Controller plugTo(Object, String) 
+controlP5.Controller : Controller plugTo(Object[]) 
+controlP5.Controller : Controller plugTo(Object[], String) 
+controlP5.Controller : Controller registerProperty(String) 
+controlP5.Controller : Controller registerProperty(String, String) 
+controlP5.Controller : Controller registerTooltip(String) 
+controlP5.Controller : Controller removeBehavior() 
+controlP5.Controller : Controller removeCallback() 
+controlP5.Controller : Controller removeCallback(CallbackListener) 
+controlP5.Controller : Controller removeListener(ControlListener) 
+controlP5.Controller : Controller removeProperty(String) 
+controlP5.Controller : Controller removeProperty(String, String) 
+controlP5.Controller : Controller setArrayValue(float[]) 
+controlP5.Controller : Controller setArrayValue(int, float) 
+controlP5.Controller : Controller setBehavior(ControlBehavior) 
+controlP5.Controller : Controller setBroadcast(boolean) 
+controlP5.Controller : Controller setCaptionLabel(String) 
+controlP5.Controller : Controller setColor(CColor) 
+controlP5.Controller : Controller setColorActive(int) 
+controlP5.Controller : Controller setColorBackground(int) 
+controlP5.Controller : Controller setColorCaptionLabel(int) 
+controlP5.Controller : Controller setColorForeground(int) 
+controlP5.Controller : Controller setColorValueLabel(int) 
+controlP5.Controller : Controller setDecimalPrecision(int) 
+controlP5.Controller : Controller setDefaultValue(float) 
+controlP5.Controller : Controller setDisplay(ControllerDisplay) 
+controlP5.Controller : Controller setHeight(int) 
+controlP5.Controller : Controller setId(int) 
+controlP5.Controller : Controller setImages(PImage, PImage, PImage) 
+controlP5.Controller : Controller setImages(PImage, PImage, PImage, PImage) 
+controlP5.Controller : Controller setLabelVisible(boolean) 
+controlP5.Controller : Controller setLock(boolean) 
+controlP5.Controller : Controller setMax(float) 
+controlP5.Controller : Controller setMin(float) 
+controlP5.Controller : Controller setMoveable(boolean) 
+controlP5.Controller : Controller setPosition(PVector) 
+controlP5.Controller : Controller setPosition(float, float) 
+controlP5.Controller : Controller setSize(PImage) 
+controlP5.Controller : Controller setSize(int, int) 
+controlP5.Controller : Controller setStringValue(String) 
+controlP5.Controller : Controller setUpdate(boolean) 
+controlP5.Controller : Controller setValueLabel(String) 
+controlP5.Controller : Controller setVisible(boolean) 
+controlP5.Controller : Controller setWidth(int) 
+controlP5.Controller : Controller show() 
+controlP5.Controller : Controller unlock() 
+controlP5.Controller : Controller unplugFrom(Object) 
+controlP5.Controller : Controller unplugFrom(Object[]) 
+controlP5.Controller : Controller unregisterTooltip() 
+controlP5.Controller : Controller update() 
+controlP5.Controller : Controller updateSize() 
+controlP5.Controller : ControllerProperty getProperty(String) 
+controlP5.Controller : ControllerProperty getProperty(String, String) 
+controlP5.Controller : Label getCaptionLabel() 
+controlP5.Controller : Label getValueLabel() 
+controlP5.Controller : List getControllerPlugList() 
+controlP5.Controller : PImage setImage(PImage) 
+controlP5.Controller : PImage setImage(PImage, int) 
+controlP5.Controller : PVector getAbsolutePosition() 
+controlP5.Controller : PVector getPosition() 
+controlP5.Controller : String getAddress() 
+controlP5.Controller : String getInfo() 
+controlP5.Controller : String getLabel() 
+controlP5.Controller : String getName() 
+controlP5.Controller : String getStringValue() 
+controlP5.Controller : String toString() 
+controlP5.Controller : Tab getTab() 
+controlP5.Controller : boolean isActive() 
+controlP5.Controller : boolean isBroadcast() 
+controlP5.Controller : boolean isInside() 
+controlP5.Controller : boolean isListening() 
+controlP5.Controller : boolean isLock() 
+controlP5.Controller : boolean isMouseOver() 
+controlP5.Controller : boolean isMousePressed() 
+controlP5.Controller : boolean isMoveable() 
+controlP5.Controller : boolean isUpdate() 
+controlP5.Controller : boolean isVisible() 
+controlP5.Controller : float getArrayValue(int) 
+controlP5.Controller : float getDefaultValue() 
+controlP5.Controller : float getMax() 
+controlP5.Controller : float getMin() 
+controlP5.Controller : float getValue() 
+controlP5.Controller : float[] getArrayValue() 
+controlP5.Controller : int getHeight() 
+controlP5.Controller : int getId() 
+controlP5.Controller : int getWidth() 
+controlP5.Controller : int listenerSize() 
+controlP5.Controller : void remove() 
+controlP5.Controller : void setDisplay(ControllerDisplay, int) 
+java.lang.Object : String toString() 
+java.lang.Object : boolean equals(Object) 
+
+
+*/
+
+
+</pre></code></dd></dl></div></dl>
+</li>
+</ul>
+</div>
+<div class="summary">
+<ul class="blockList">
+<li class="blockList">
+<!-- =========== FIELD SUMMARY =========== -->
+<ul class="blockList">
+<li class="blockList"><a name="field_summary">
+<!--   -->
+</a>
+<h3>Field Summary</h3>
+<table class="overviewSummary" border="0" cellpadding="3" cellspacing="0" summary="Field Summary table, listing fields, and an explanation">
+<caption><span>Fields</span><span class="tabEnd">&nbsp;</span></caption>
+<tr>
+<th class="colFirst" scope="col">Modifier and Type</th>
+<th class="colLast" scope="col">Field and Description</th>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>static int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Toggle.html#autoHeight">autoHeight</a></strong></code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>static int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Toggle.html#autoWidth">autoWidth</a></strong></code>&nbsp;</td>
+</tr>
+</table>
+<ul class="blockList">
+<li class="blockList"><a name="fields_inherited_from_class_controlP5.ControlP5Constants">
+<!--   -->
+</a>
+<h3>Fields inherited from interface&nbsp;controlP5.<a href="../controlP5/ControlP5Constants.html" title="interface in controlP5">ControlP5Constants</a></h3>
+<code><a href="../controlP5/ControlP5Constants.html#acceptClassList">acceptClassList</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_BROADCAST">ACTION_BROADCAST</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_CLICK">ACTION_CLICK</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_DRAG">ACTION_DRAG</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_ENTER">ACTION_ENTER</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_EXIT">ACTION_EXIT</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_LEAVE">ACTION_LEAVE</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_MOVE">ACTION_MOVE</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_PRESS">ACTION_PRESS</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_PRESSED">ACTION_PRESSED</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_RELEASE">ACTION_RELEASE</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_RELEASED">ACTION_RELEASED</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_RELEASEDOUTSIDE">ACTION_RELEASEDOUTSIDE</a>, <a href="../controlP5/ControlP5Constants.html#ACTION_WHEEL">ACTION_WHEEL</a>, <a href="../controlP5/ControlP5Constants.html#ACTIVE">ACTIVE</a>, <a href="../controlP5/ControlP5Constants.html#ALL">ALL</a>, <a href="../controlP5/ControlP5Constants.html#ALT">ALT</a>, <a href="../controlP5/ControlP5Constants.html#AQUA">AQUA</a>, <a href="../controlP5/ControlP5Constants.html#ARC">ARC</a>, <a href="../controlP5/ControlP5Constants.html#ARRAY">ARRAY</a>, <a href="../controlP5/ControlP5Constants.html#BACKSPACE">BACKSPACE</a>, <a href="../controlP5/ControlP5Constants.html#BASELINE">BASELINE</a>, <a href="../controlP5/ControlP5Constants.html#BITFONT">BITFONT</a>, <a href="../controlP5/ControlP5Constants.html#BLACK">BLACK</a>, <a href="../controlP5/ControlP5Constants.html#BLUE">BLUE</a>, <a href="../controlP5/ControlP5Constants.html#BOOLEAN">BOOLEAN</a>, <a href="../controlP5/ControlP5Constants.html#BOTTOM">BOTTOM</a>, <a href="../controlP5/ControlP5Constants.html#BOTTOM_OUTSIDE">BOTTOM_OUTSIDE</a>, <a href="../controlP5/ControlP5Constants.html#CAPTIONLABEL">CAPTIONLABEL</a>, <a href="../controlP5/ControlP5Constants.html#CENTER">CENTER</a>, <a href="../controlP5/ControlP5Constants.html#CHECKBOX">CHECKBOX</a>, <a href="../controlP5/ControlP5Constants.html#COMMANDKEY">COMMANDKEY</a>, <a href="../controlP5/ControlP5Constants.html#CONTROL">CONTROL</a>, <a href="../controlP5/ControlP5Constants.html#controlEventClass">controlEventClass</a>, <a href="../controlP5/ControlP5Constants.html#CUSTOM">CUSTOM</a>, <a href="../controlP5/ControlP5Constants.html#DECREASE">DECREASE</a>, <a href="../controlP5/ControlP5Constants.html#DEFAULT">DEFAULT</a>, <a href="../controlP5/ControlP5Constants.html#DELETE">DELETE</a>, <a href="../controlP5/ControlP5Constants.html#DONE">DONE</a>, <a href="../controlP5/ControlP5Constants.html#DOWN">DOWN</a>, <a href="../controlP5/ControlP5Constants.html#DROPDOWN">DROPDOWN</a>, <a href="../controlP5/ControlP5Constants.html#ELLIPSE">ELLIPSE</a>, <a href="../controlP5/ControlP5Constants.html#ENTER">ENTER</a>, <a href="../controlP5/ControlP5Constants.html#ESCAPE">ESCAPE</a>, <a href="../controlP5/ControlP5Constants.html#EVENT">EVENT</a>, <a href="../controlP5/ControlP5Constants.html#eventMethod">eventMethod</a>, <a href="../controlP5/ControlP5Constants.html#FADEIN">FADEIN</a>, <a href="../controlP5/ControlP5Constants.html#FADEOUT">FADEOUT</a>, <a href="../controlP5/ControlP5Constants.html#FIELD">FIELD</a>, <a href="../controlP5/ControlP5Constants.html#FLOAT">FLOAT</a>, <a href="../controlP5/ControlP5Constants.html#FUCHSIA">FUCHSIA</a>, <a href="../controlP5/ControlP5Constants.html#GRAY">GRAY</a>, <a href="../controlP5/ControlP5Constants.html#GREEN">GREEN</a>, <a href="../controlP5/ControlP5Constants.html#grixel">grixel</a>, <a href="../controlP5/ControlP5Constants.html#HALF_PI">HALF_PI</a>, <a href="../controlP5/ControlP5Constants.html#HIDE">HIDE</a>, <a href="../controlP5/ControlP5Constants.html#HIGHLIGHT">HIGHLIGHT</a>, <a href="../controlP5/ControlP5Constants.html#HORIZONTAL">HORIZONTAL</a>, <a href="../controlP5/ControlP5Constants.html#IDLE">IDLE</a>, <a href="../controlP5/ControlP5Constants.html#IMAGE">IMAGE</a>, <a href="../controlP5/ControlP5Constants.html#INACTIVE">INACTIVE</a>, <a href="../controlP5/ControlP5Constants.html#INCREASE">INCREASE</a>, <a href="../controlP5/ControlP5Constants.html#INTEGER">INTEGER</a>, <a href="../controlP5/ControlP5Constants.html#INVALID">INVALID</a>, <a href="../controlP5/ControlP5Constants.html#J2D">J2D</a>, <a href="../controlP5/ControlP5Constants.html#KEYCONTROL">KEYCONTROL</a>, <a href="../controlP5/ControlP5Constants.html#LEFT">LEFT</a>, <a href="../controlP5/ControlP5Constants.html#LEFT_OUTSIDE">LEFT_OUTSIDE</a>, <a href="../controlP5/ControlP5Constants.html#LIME">LIME</a>, <a href="../controlP5/ControlP5Constants.html#LINE">LINE</a>, <a href="../controlP5/ControlP5Constants.html#LIST">LIST</a>, <a href="../controlP5/ControlP5Constants.html#LOAD">LOAD</a>, <a href="../controlP5/ControlP5Constants.html#MAROON">MAROON</a>, <a href="../controlP5/ControlP5Constants.html#MENU">MENU</a>, <a href="../controlP5/ControlP5Constants.html#METHOD">METHOD</a>, <a href="../controlP5/ControlP5Constants.html#MOVE">MOVE</a>, <a href="../controlP5/ControlP5Constants.html#MULTI">MULTI</a>, <a href="../controlP5/ControlP5Constants.html#MULTIPLES">MULTIPLES</a>, <a href="../controlP5/ControlP5Constants.html#NAVY">NAVY</a>, <a href="../controlP5/ControlP5Constants.html#OLIVE">OLIVE</a>, <a href="../controlP5/ControlP5Constants.html#ORANGE">ORANGE</a>, <a href="../controlP5/ControlP5Constants.html#OVER">OVER</a>, <a href="../controlP5/ControlP5Constants.html#P2D">P2D</a>, <a href="../controlP5/ControlP5Constants.html#P3D">P3D</a>, <a href="../controlP5/ControlP5Constants.html#PI">PI</a>, <a href="../controlP5/ControlP5Constants.html#PRESSED">PRESSED</a>, <a href="../controlP5/ControlP5Constants.html#PRINT">PRINT</a>, <a href="../controlP5/ControlP5Constants.html#PURPLE">PURPLE</a>, <a href="../controlP5/ControlP5Constants.html#RED">RED</a>, <a href="../controlP5/ControlP5Constants.html#RELEASE">RELEASE</a>, <a href="../controlP5/ControlP5Constants.html#RESET">RESET</a>, <a href="../controlP5/ControlP5Constants.html#RIGHT">RIGHT</a>, <a href="../controlP5/ControlP5Constants.html#RIGHT_OUTSIDE">RIGHT_OUTSIDE</a>, <a href="../controlP5/ControlP5Constants.html#SAVE">SAVE</a>, <a href="../controlP5/ControlP5Constants.html#SHIFT">SHIFT</a>, <a href="../controlP5/ControlP5Constants.html#SILVER">SILVER</a>, <a href="../controlP5/ControlP5Constants.html#SINGLE">SINGLE</a>, <a href="../controlP5/ControlP5Constants.html#SINGLE_COLUMN">SINGLE_COLUMN</a>, <a href="../controlP5/ControlP5Constants.html#SINGLE_ROW">SINGLE_ROW</a>, <a href="../controlP5/ControlP5Constants.html#SPRITE">SPRITE</a>, <a href="../controlP5/ControlP5Constants.html#standard56">standard56</a>, <a href="../controlP5/ControlP5Constants.html#standard58">standard58</a>, <a href="../controlP5/ControlP5Constants.html#STRING">STRING</a>, <a href="../controlP5/ControlP5Constants.html#SWITCH">SWITCH</a>, <a href="../controlP5/ControlP5Constants.html#SWITCH_BACK">SWITCH_BACK</a>, <a href="../controlP5/ControlP5Constants.html#SWITCH_FORE">SWITCH_FORE</a>, <a href="../controlP5/ControlP5Constants.html#synt24">synt24</a>, <a href="../controlP5/ControlP5Constants.html#TAB">TAB</a>, <a href="../controlP5/ControlP5Constants.html#TEAL">TEAL</a>, <a href="../controlP5/ControlP5Constants.html#THEME_A">THEME_A</a>, <a href="../controlP5/ControlP5Constants.html#THEME_CP52014">THEME_CP52014</a>, <a href="../controlP5/ControlP5Constants.html#THEME_CP5BLUE">THEME_CP5BLUE</a>, <a href="../controlP5/ControlP5Constants.html#THEME_RED">THEME_RED</a>, <a href="../controlP5/ControlP5Constants.html#THEME_RETRO">THEME_RETRO</a>, <a href="../controlP5/ControlP5Constants.html#THEME_WHITE">THEME_WHITE</a>, <a href="../controlP5/ControlP5Constants.html#TOP">TOP</a>, <a href="../controlP5/ControlP5Constants.html#TOP_OUTSIDE">TOP_OUTSIDE</a>, <a href="../controlP5/ControlP5Constants.html#TRANSITION_WAIT_FADEIN">TRANSITION_WAIT_FADEIN</a>, <a href="../controlP5/ControlP5Constants.html#TREE">TREE</a>, <a href="../controlP5/ControlP5Constants.html#TWO_PI">TWO_PI</a>, <a href="../controlP5/ControlP5Constants.html#UP">UP</a>, <a href="../controlP5/ControlP5Constants.html#VALUELABEL">VALUELABEL</a>, <a href="../controlP5/ControlP5Constants.html#VERBOSE">VERBOSE</a>, <a href="../controlP5/ControlP5Constants.html#VERTICAL">VERTICAL</a>, <a href="../controlP5/ControlP5Constants.html#WAIT">WAIT</a>, <a href="../controlP5/ControlP5Constants.html#WHITE">WHITE</a>, <a href="../controlP5/ControlP5Constants.html#YELLOW">YELLOW</a></code></li>
+</ul>
+</li>
+</ul>
+<!-- ======== CONSTRUCTOR SUMMARY ======== -->
+<ul class="blockList">
+<li class="blockList"><a name="constructor_summary">
+<!--   -->
+</a>
+<h3>Constructor Summary</h3>
+<table class="overviewSummary" border="0" cellpadding="3" cellspacing="0" summary="Constructor Summary table, listing constructors, and an explanation">
+<caption><span>Constructors</span><span class="tabEnd">&nbsp;</span></caption>
+<tr>
+<th class="colOne" scope="col">Constructor and Description</th>
+</tr>
+<tr class="altColor">
+<td class="colOne"><code><strong><a href="../controlP5/Toggle.html#Toggle(controlP5.ControlP5, java.lang.String)">Toggle</a></strong>(<a href="../controlP5/ControlP5.html" title="class in controlP5">ControlP5</a>&nbsp;theControlP5,
+      java.lang.String&nbsp;theName)</code>
+<div class="block">Convenience constructor to extend Toggle.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colOne"><code><strong><a href="../controlP5/Toggle.html#Toggle(controlP5.ControlP5, controlP5.Tab, java.lang.String, float, float, float, int, int)">Toggle</a></strong>(<a href="../controlP5/ControlP5.html" title="class in controlP5">ControlP5</a>&nbsp;theControlP5,
+      <a href="../controlP5/Tab.html" title="class in controlP5">Tab</a>&nbsp;theParent,
+      java.lang.String&nbsp;theName,
+      float&nbsp;theValue,
+      float&nbsp;theX,
+      float&nbsp;theY,
+      int&nbsp;theWidth,
+      int&nbsp;theHeight)</code>&nbsp;</td>
+</tr>
+</table>
+</li>
+</ul>
+<!-- ========== METHOD SUMMARY =========== -->
+<ul class="blockList">
+<li class="blockList"><a name="method_summary">
+<!--   -->
+</a>
+<h3>Method Summary</h3>
+<table class="overviewSummary" border="0" cellpadding="3" cellspacing="0" summary="Method Summary table, listing methods, and an explanation">
+<caption><span>Methods</span><span class="tabEnd">&nbsp;</span></caption>
+<tr>
+<th class="colFirst" scope="col">Modifier and Type</th>
+<th class="colLast" scope="col">Method and Description</th>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>void</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Toggle.html#draw(processing.core.PGraphics)">draw</a></strong>(processing.core.PGraphics&nbsp;theGraphics)</code>
+<div class="block">the default draw function for each controller extending superclass Controller.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>boolean</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Toggle.html#getState()">getState</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>float</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Toggle.html#internalValue()">internalValue</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Toggle.html" title="class in controlP5">Toggle</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Toggle.html#linebreak()">linebreak</a></strong>()</code></td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>void</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Toggle.html#mousePressed()">mousePressed</a></strong>()</code></td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Toggle.html" title="class in controlP5">Toggle</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Toggle.html#setImages(processing.core.PImage...)">setImages</a></strong>(processing.core.PImage...&nbsp;theImages)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>void</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Toggle.html#setInternalValue(float)">setInternalValue</a></strong>(float&nbsp;theInternalValue)</code>
+<div class="block">by default a toggle returns 0 (for off) and 1 (for on).</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Toggle.html" title="class in controlP5">Toggle</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Toggle.html#setMode(int)">setMode</a></strong>(int&nbsp;theMode)</code>
+<div class="block">set the visual mode of a Toggle.</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Toggle.html" title="class in controlP5">Toggle</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Toggle.html#setState(boolean)">setState</a></strong>(boolean&nbsp;theFlag)</code>
+<div class="block">sets the state of the toggle, this can be true or false.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Toggle.html" title="class in controlP5">Toggle</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Toggle.html#setValue(boolean)">setValue</a></strong>(boolean&nbsp;theValue)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Toggle.html" title="class in controlP5">Toggle</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Toggle.html#setValue(float)">setValue</a></strong>(float&nbsp;theValue)</code></td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Toggle.html" title="class in controlP5">Toggle</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Toggle.html#toggle()">toggle</a></strong>()</code>
+<div class="block">switch the state of a toggle.</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Toggle.html" title="class in controlP5">Toggle</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Toggle.html#update()">update</a></strong>()</code>
+<div class="block">updates the value of the controller without having to set the value explicitly.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Toggle.html" title="class in controlP5">Toggle</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Toggle.html#updateDisplayMode(int)">updateDisplayMode</a></strong>(int&nbsp;theState)</code></td>
+</tr>
+</table>
+<ul class="blockList">
+<li class="blockList"><a name="methods_inherited_from_class_controlP5.Controller">
+<!--   -->
+</a>
+<h3>Methods inherited from class&nbsp;controlP5.<a href="../controlP5/Controller.html" title="class in controlP5">Controller</a></h3>
+<code><a href="../controlP5/Controller.html#add(controlP5.ControllerInterface)">add</a>, <a href="../controlP5/Controller.html#addCallback(controlP5.CallbackListener)">addCallback</a>, <a href="../controlP5/Controller.html#addListener(controlP5.ControlListener)">addListener</a>, <a href="../controlP5/Controller.html#align(int, int, int, int)">align</a>, <a href="../controlP5/Controller.html#bringToFront()">bringToFront</a>, <a href="../controlP5/Controller.html#bringToFront(controlP5.ControllerInterface)">bringToFront</a>, <a href="../controlP5/Controller.html#changeValue(float)">changeValue</a>, <a href="../controlP5/Controller.html#continuousUpdateEvents()">continuousUpdateEvents</a>, <a href="../controlP5/Controller.html#getAbsolutePosition()">getAbsolutePosition</a>, <a href="../controlP5/Controller.html#getAddress()">getAddress</a>, <a href="../controlP5/Controller.html#getArrayValue()">getArrayValue</a>, <a href="../controlP5/Controller.html#getArrayValue(int)">getArrayValue</a>, <a href="../controlP5/Controller.html#getBehavior()">getBehavior</a>, <a href="../controlP5/Controller.html#getCaptionLabel()">getCaptionLabel</a>, <a href="../controlP5/Controller.html#getColor()">getColor</a>, <a href="../controlP5/Controller.html#getControllerPlugList()">getControllerPlugList</a>, <a href="../controlP5/Controller.html#getControlWindow()">getControlWindow</a>, <a href="../controlP5/Controller.html#getDecimalPrecision()">getDecimalPrecision</a>, <a href="../controlP5/Controller.html#getDefaultValue()">getDefaultValue</a>, <a href="../controlP5/Controller.html#getHeight()">getHeight</a>, <a href="../controlP5/Controller.html#getId()">getId</a>, <a href="../controlP5/Controller.html#getInfo()">getInfo</a>, <a href="../controlP5/Controller.html#getLabel()">getLabel</a>, <a href="../controlP5/Controller.html#getMax()">getMax</a>, <a href="../controlP5/Controller.html#getMin()">getMin</a>, <a href="../controlP5/Controller.html#getName()">getName</a>, <a href="../controlP5/Controller.html#getParent()">getParent</a>, <a href="../controlP5/Controller.html#getPickingColor()">getPickingColor</a>, <a href="../controlP5/Controller.html#getPointer()">getPointer</a>, <a href="../controlP5/Controller.html#getPosition()">getPosition</a>, <a href="../controlP5/Controller.html#getProperty(java.lang.String)">getProperty</a>, <a href="../controlP5/Controller.html#getProperty(java.lang.String, java.lang.String)">getProperty</a>, <a href="../controlP5/Controller.html#getStringValue()">getStringValue</a>, <a href="../controlP5/Controller.html#getTab()">getTab</a>, <a href="../controlP5/Controller.html#getValue()">getValue</a>, <a href="../controlP5/Controller.html#getValueLabel()">getValueLabel</a>, <a href="../controlP5/Controller.html#getView()">getView</a>, <a href="../controlP5/Controller.html#getWidth()">getWidth</a>, <a href="../controlP5/Controller.html#getWindow()">getWindow</a>, <a href="../controlP5/Controller.html#hide()">hide</a>, <a href="../controlP5/Controller.html#init()">init</a>, <a href="../controlP5/Controller.html#isActive()">isActive</a>, <a href="../controlP5/Controller.html#isBroadcast()">isBroadcast</a>, <a href="../controlP5/Controller.html#isInside()">isInside</a>, <a href="../controlP5/Controller.html#isLabelVisible()">isLabelVisible</a>, <a href="../controlP5/Controller.html#isListening()">isListening</a>, <a href="../controlP5/Controller.html#isLock()">isLock</a>, <a href="../controlP5/Controller.html#isMouseOver()">isMouseOver</a>, <a href="../controlP5/Controller.html#isMousePressed()">isMousePressed</a>, <a href="../controlP5/Controller.html#isMoveable()">isMoveable</a>, <a href="../controlP5/Controller.html#isUpdate()">isUpdate</a>, <a href="../controlP5/Controller.html#isUserInteraction()">isUserInteraction</a>, <a href="../controlP5/Controller.html#isVisible()">isVisible</a>, <a href="../controlP5/Controller.html#keyEvent(processing.event.KeyEvent)">keyEvent</a>, <a href="../controlP5/Controller.html#listen(boolean)">listen</a>, <a href="../controlP5/Controller.html#listenerSize()">listenerSize</a>, <a href="../controlP5/Controller.html#lock()">lock</a>, <a href="../controlP5/Controller.html#moveTo(controlP5.ControlGroup)">moveTo</a>, <a href="../controlP5/Controller.html#moveTo(controlP5.ControllerGroup)">moveTo</a>, <a href="../controlP5/Controller.html#moveTo(controlP5.ControllerGroup, controlP5.Tab, controlP5.ControlWindow)">moveTo</a>, <a href="../controlP5/Controller.html#moveTo(controlP5.ControlWindow)">moveTo</a>, <a href="../controlP5/Controller.html#moveTo(controlP5.ControlWindow, java.lang.String)">moveTo</a>, <a href="../controlP5/Controller.html#moveTo(processing.core.PApplet)">moveTo</a>, <a href="../controlP5/Controller.html#moveTo(processing.core.PApplet, java.lang.String)">moveTo</a>, <a href="../controlP5/Controller.html#moveTo(java.lang.String)">moveTo</a>, <a href="../controlP5/Controller.html#moveTo(controlP5.Tab)">moveTo</a>, <a href="../controlP5/Controller.html#plugTo(java.lang.Object)">plugTo</a>, <a href="../controlP5/Controller.html#plugTo(java.lang.Object[])">plugTo</a>, <a href="../controlP5/Controller.html#plugTo(java.lang.Object[], java.lang.String)">plugTo</a>, <a href="../controlP5/Controller.html#plugTo(java.lang.Object, java.lang.String)">plugTo</a>, <a href="../controlP5/Controller.html#registerProperty(java.lang.String)">registerProperty</a>, <a href="../controlP5/Controller.html#registerProperty(java.lang.String, java.lang.String)">registerProperty</a>, <a href="../controlP5/Controller.html#registerTooltip(java.lang.String)">registerTooltip</a>, <a href="../controlP5/Controller.html#remove()">remove</a>, <a href="../controlP5/Controller.html#remove(controlP5.ControllerInterface)">remove</a>, <a href="../controlP5/Controller.html#removeBehavior()">removeBehavior</a>, <a href="../controlP5/Controller.html#removeCallback()">removeCallback</a>, <a href="../controlP5/Controller.html#removeCallback(controlP5.CallbackListener)">removeCallback</a>, <a href="../controlP5/Controller.html#removeListener(controlP5.ControlListener)">removeListener</a>, <a href="../controlP5/Controller.html#removeProperty(java.lang.String)">removeProperty</a>, <a href="../controlP5/Controller.html#removeProperty(java.lang.String, java.lang.String)">removeProperty</a>, <a href="../controlP5/Controller.html#setAbsolutePosition(processing.core.PVector)">setAbsolutePosition</a>, <a href="../controlP5/Controller.html#setAddress(java.lang.String)">setAddress</a>, <a href="../controlP5/Controller.html#setArrayValue(float[])">setArrayValue</a>, <a href="../controlP5/Controller.html#setArrayValue(int, float)">setArrayValue</a>, <a href="../controlP5/Controller.html#setBehavior(controlP5.ControlBehavior)">setBehavior</a>, <a href="../controlP5/Controller.html#setBroadcast(boolean)">setBroadcast</a>, <a href="../controlP5/Controller.html#setCaptionLabel(java.lang.String)">setCaptionLabel</a>, <a href="../controlP5/Controller.html#setColor(controlP5.CColor)">setColor</a>, <a href="../controlP5/Controller.html#setColorActive(int)">setColorActive</a>, <a href="../controlP5/Controller.html#setColorBackground(int)">setColorBackground</a>, <a href="../controlP5/Controller.html#setColorCaptionLabel(int)">setColorCaptionLabel</a>, <a href="../controlP5/Controller.html#setColorForeground(int)">setColorForeground</a>, <a href="../controlP5/Controller.html#setColorValueLabel(int)">setColorValueLabel</a>, <a href="../controlP5/Controller.html#setDecimalPrecision(int)">setDecimalPrecision</a>, <a href="../controlP5/Controller.html#setDefaultValue(float)">setDefaultValue</a>, <a href="../controlP5/Controller.html#setGroup(controlP5.ControllerGroup)">setGroup</a>, <a href="../controlP5/Controller.html#setGroup(java.lang.String)">setGroup</a>, <a href="../controlP5/Controller.html#setHeight(int)">setHeight</a>, <a href="../controlP5/Controller.html#setId(int)">setId</a>, <a href="../controlP5/Controller.html#setImage(processing.core.PImage)">setImage</a>, <a href="../controlP5/Controller.html#setImage(processing.core.PImage, int)">setImage</a>, <a href="../controlP5/Controller.html#setImages(processing.core.PImage, processing.core.PImage, processing.core.PImage)">setImages</a>, <a href="../controlP5/Controller.html#setImages(processing.core.PImage, processing.core.PImage, processing.core.PImage, processing.core.PImage)">setImages</a>, <a href="../controlP5/Controller.html#setLabelVisible(boolean)">setLabelVisible</a>, <a href="../controlP5/Controller.html#setLock(boolean)">setLock</a>, <a href="../controlP5/Controller.html#setMax(float)">setMax</a>, <a href="../controlP5/Controller.html#setMin(float)">setMin</a>, <a href="../controlP5/Controller.html#setMouseOver(boolean)">setMouseOver</a>, <a href="../controlP5/Controller.html#setMousePressed(boolean)">setMousePressed</a>, <a href="../controlP5/Controller.html#setMoveable(boolean)">setMoveable</a>, <a href="../controlP5/Controller.html#setParent(controlP5.ControllerInterface)">setParent</a>, <a href="../controlP5/Controller.html#setPosition(float, float)">setPosition</a>, <a href="../controlP5/Controller.html#setPosition(processing.core.PVector)">setPosition</a>, <a href="../controlP5/Controller.html#setSize(int, int)">setSize</a>, <a href="../controlP5/Controller.html#setSize(processing.core.PImage)">setSize</a>, <a href="../controlP5/Controller.html#setStringValue(java.lang.String)">setStringValue</a>, <a href="../controlP5/Controller.html#setTab(controlP5.ControlWindow, java.lang.String)">setTab</a>, <a href="../controlP5/Controller.html#setTab(java.lang.String)">setTab</a>, <a href="../controlP5/Controller.html#setUpdate(boolean)">setUpdate</a>, <a href="../controlP5/Controller.html#setUserInteraction(boolean)">setUserInteraction</a>, <a href="../controlP5/Controller.html#setValueLabel(java.lang.String)">setValueLabel</a>, <a href="../controlP5/Controller.html#setValueSelf(float)">setValueSelf</a>, <a href="../controlP5/Controller.html#setView(controlP5.ControllerView)">setView</a>, <a href="../controlP5/Controller.html#setView(controlP5.ControllerView, int)">setView</a>, <a href="../controlP5/Controller.html#setVisible(boolean)">setVisible</a>, <a href="../controlP5/Controller.html#setWidth(int)">setWidth</a>, <a href="../controlP5/Controller.html#show()">show</a>, <a href="../controlP5/Controller.html#toString()">toString</a>, <a href="../controlP5/Controller.html#unlock()">unlock</a>, <a href="../controlP5/Controller.html#unplugFrom(java.lang.Object)">unplugFrom</a>, <a href="../controlP5/Controller.html#unplugFrom(java.lang.Object[])">unplugFrom</a>, <a href="../controlP5/Controller.html#unregisterTooltip()">unregisterTooltip</a>, <a href="../controlP5/Controller.html#updateAbsolutePosition()">updateAbsolutePosition</a>, <a href="../controlP5/Controller.html#updateEvents()">updateEvents</a>, <a href="../controlP5/Controller.html#updateInternalEvents(processing.core.PApplet)">updateInternalEvents</a>, <a href="../controlP5/Controller.html#updateSize()">updateSize</a></code></li>
+</ul>
+<ul class="blockList">
+<li class="blockList"><a name="methods_inherited_from_class_java.lang.Object">
+<!--   -->
+</a>
+<h3>Methods inherited from class&nbsp;java.lang.Object</h3>
+<code>equals, getClass, hashCode, notify, notifyAll, wait, wait, wait</code></li>
+</ul>
+<ul class="blockList">
+<li class="blockList"><a name="methods_inherited_from_class_controlP5.ControllerInterface">
+<!--   -->
+</a>
+<h3>Methods inherited from interface&nbsp;controlP5.<a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a></h3>
+<code><a href="../controlP5/ControllerInterface.html#parent()">parent</a>, <a href="../controlP5/ControllerInterface.html#setColorLabel(int)">setColorLabel</a>, <a href="../controlP5/ControllerInterface.html#setColorValue(int)">setColorValue</a>, <a href="../controlP5/ControllerInterface.html#setLabel(java.lang.String)">setLabel</a></code></li>
+</ul>
+</li>
+</ul>
+</li>
+</ul>
+</div>
+<div class="details">
+<ul class="blockList">
+<li class="blockList">
+<!-- ============ FIELD DETAIL =========== -->
+<ul class="blockList">
+<li class="blockList"><a name="field_detail">
+<!--   -->
+</a>
+<h3>Field Detail</h3>
+<a name="autoHeight">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>autoHeight</h4>
+<pre>public static&nbsp;int autoHeight</pre>
+</li>
+</ul>
+<a name="autoWidth">
+<!--   -->
+</a>
+<ul class="blockListLast">
+<li class="blockList">
+<h4>autoWidth</h4>
+<pre>public static&nbsp;int autoWidth</pre>
+</li>
+</ul>
+</li>
+</ul>
+<!-- ========= CONSTRUCTOR DETAIL ======== -->
+<ul class="blockList">
+<li class="blockList"><a name="constructor_detail">
+<!--   -->
+</a>
+<h3>Constructor Detail</h3>
+<a name="Toggle(controlP5.ControlP5, java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>Toggle</h4>
+<pre>public&nbsp;Toggle(<a href="../controlP5/ControlP5.html" title="class in controlP5">ControlP5</a>&nbsp;theControlP5,
+      java.lang.String&nbsp;theName)</pre>
+<div class="block">Convenience constructor to extend Toggle.</div>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theControlP5</code> - </dd><dd><code>theName</code> - </dd><script type="text/javascript">
+<!--
+document.getElementsByTagName('html')[0].className = 'isjs';function toggle(dt) { var display, dd=dt; do{ dd = dd.nextSibling } while(dd.tagName!='DD'); toOpen =!dd.style.display;dd.style.display = toOpen? 'block':''; dt.getElementsByTagName('span')[0].innerHTML  = toOpen? '-':'+' ; }
+-->
+</script>
+<div id="test" class="toggleList"><dl><dt onclick="toggle(this);"><span>+</span>Example</dt><dd><code><pre>/**
+ * ControlP5 extending Controllers
+ *
+ * the following example shows how to extend the Controller class to 
+ * create customizable Controllers. You can either extend the Controller class itself,
+ * or any class that extends Controller itself like the Slider, Button, DropdownList, etc. 
+ * 
+ * How to:
+ *
+ * 1) do a super call to the convenience constructor requiring 
+ * 2 parameter (ControlP5 instance, name)  
+ *
+ * 2) the Controller class has a set of empty methods that allow you to capture
+ * inputs from the mouse including 
+ * onEnter(), onLeave(), onPress(), onRelease(), onClick(), onScroll(int), onDrag()
+ * These you can override and include functionality as needed.
+ *
+ * 3) use method getPointer() to return the local (relative) 
+ * xy-coordinates of the controller
+ *  
+ * 4) after instantiation custom controllers are treated the same 
+ * as default controlP5 controllers.
+ *  
+ * by Andreas Schlegel, 2012
+ * www.sojamo.de/libraries/controlp5
+ *
+ */
+
+import controlP5.*;
+
+ControlP5 cp5;
+PApplet p;
+
+void setup() {
+  size(400, 400);
+  cp5 = new ControlP5(this);
+  
+  // create 2 groups to show nesting of custom controllers and
+  //   
+  Group g1 = cp5.addGroup("a").setPosition(0,100).setWidth(180);
+  Group g2 = cp5.addGroup("b").setPosition(0,10).setWidth(180);
+  g2.moveTo(g1);
+  
+  // create 2 custom Controllers from class MyButton
+  // MyButton extends Controller and inherits all methods accordingly.
+  new MyButton(cp5, "b1").setPosition(0, 0).setSize(180, 200).moveTo(g2);
+  new MyButton(cp5, "b2").setPosition(205, 15).setSize(180, 200);
+  
+}
+
+
+void draw() {
+  background(0);
+}
+
+// b1 will be called from Controller b1
+public void b1(float theValue) {
+  println("yay button "+theValue);
+}
+
+public void controlEvent(ControlEvent theEvent) {
+  println("controlEvent : "+theEvent);
+}
+
+
+// Create a custom Controller, please not that 
+// MyButton extends Controller<MyButton>, <MyButton>
+// is an indicator for the super class about the type of 
+// custom controller to be created.
+
+class MyButton extends Controller<MyButton> {
+
+  int current = 0xffff0000;
+
+  float a = 128;
+  
+  float na;
+  
+  int y;
+  
+  // use the convenience constructor of super class Controller
+  // MyButton will automatically registered and move to the 
+  // default controlP5 tab.
+  
+  MyButton(ControlP5 cp5, String theName) {
+    super(cp5, theName);
+    
+    // replace the default view with a custom view.
+    setView(new ControllerView() {
+      public void display(PApplet p, Object b) {
+        // draw button background
+        na += (a-na) * 0.1; 
+        p.fill(current,na);
+        p.rect(0, 0, getWidth(), getHeight());
+        
+        // draw horizontal line which can be moved on the x-axis 
+        // using the scroll wheel. 
+        p.fill(0,255,0);
+        p.rect(0,y,width,10);
+        
+        // draw the custom label 
+        p.fill(128);
+        translate(0,getHeight()+14);
+        p.text(getName(),0,0);
+        p.text(getName(),0,0);
+        
+      }
+    }
+    );
+  }
+
+  // override various input methods for mouse input control
+  void onEnter() {
+    cursor(HAND);
+    println("enter");
+    a = 255;
+  }
+  
+  void onScroll(int n) {
+    println("scrolling");
+    y -= n;
+    y = constrain(y,0,getHeight()-10);
+  }
+  
+  void onPress() {
+    println("press");
+    current = 0xffffff00;
+  }
+  
+  void onClick() {
+    Pointer p1 = getPointer();
+    println("clicked at "+p1.x()+", "+p1.y());
+    current = 0xffffff00;
+    setValue(y);
+  }
+
+  void onRelease() {
+    println("release");
+    current = 0xffffffff;
+  }
+  
+  void onMove() {
+    println("moving "+this+" "+_myControlWindow.getMouseOverList());
+  }
+
+  void onDrag() {
+    current = 0xff0000ff;
+    Pointer p1 = getPointer();
+    float dif = dist(p1.px(),p1.py(),p1.x(),p1.y());
+    println("dragging at "+p1.x()+", "+p1.y()+" "+dif);
+  }
+  
+  void onReleaseOutside() {
+    onLeave();
+  }
+
+  void onLeave() {
+    println("leave");
+    cursor(ARROW);
+    a = 128;
+  }
+}
+
+</pre></code></dd></dl></div></dl>
+</li>
+</ul>
+<a name="Toggle(controlP5.ControlP5, controlP5.Tab, java.lang.String, float, float, float, int, int)">
+<!--   -->
+</a>
+<ul class="blockListLast">
+<li class="blockList">
+<h4>Toggle</h4>
+<pre>public&nbsp;Toggle(<a href="../controlP5/ControlP5.html" title="class in controlP5">ControlP5</a>&nbsp;theControlP5,
+      <a href="../controlP5/Tab.html" title="class in controlP5">Tab</a>&nbsp;theParent,
+      java.lang.String&nbsp;theName,
+      float&nbsp;theValue,
+      float&nbsp;theX,
+      float&nbsp;theY,
+      int&nbsp;theWidth,
+      int&nbsp;theHeight)</pre>
+</li>
+</ul>
+</li>
+</ul>
+<!-- ============ METHOD DETAIL ========== -->
+<ul class="blockList">
+<li class="blockList"><a name="method_detail">
+<!--   -->
+</a>
+<h3>Method Detail</h3>
+<a name="draw(processing.core.PGraphics)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>draw</h4>
+<pre>public&nbsp;void&nbsp;draw(processing.core.PGraphics&nbsp;theGraphics)</pre>
+<div class="block"><strong>Description copied from class:&nbsp;<code><a href="../controlP5/Controller.html#draw(processing.core.PGraphics)">Controller</a></code></strong></div>
+<div class="block">the default draw function for each controller extending superclass Controller. This draw
+ function will take care of default matrix operations and will call the display function of
+ the current ControllerView object active for this particular controller.</div>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/CDrawable.html#draw(processing.core.PGraphics)">draw</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/CDrawable.html" title="interface in controlP5">CDrawable</a></code></dd>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerInterface.html#draw(processing.core.PGraphics)">draw</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/Toggle.html" title="class in controlP5">Toggle</a>&gt;</code></dd>
+<dt><strong>Overrides:</strong></dt>
+<dd><code><a href="../controlP5/Controller.html#draw(processing.core.PGraphics)">draw</a></code>&nbsp;in class&nbsp;<code><a href="../controlP5/Controller.html" title="class in controlP5">Controller</a>&lt;<a href="../controlP5/Toggle.html" title="class in controlP5">Toggle</a>&gt;</code></dd>
+<dt><span class="strong">Parameters:</span></dt><dd><code>theApplet</code> - PApplet</dd><dt><span class="strong">See Also:</span></dt><dd><a href="../controlP5/ControllerView.html" title="interface in controlP5"><code>ControllerView</code></a></dd></dl>
+</li>
+</ul>
+<a name="getState()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getState</h4>
+<pre>public&nbsp;boolean&nbsp;getState()</pre>
+<dl><dt><span class="strong">Returns:</span></dt><dd></dd></dl>
+</li>
+</ul>
+<a name="internalValue()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>internalValue</h4>
+<pre>public&nbsp;float&nbsp;internalValue()</pre>
+</li>
+</ul>
+<a name="linebreak()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>linebreak</h4>
+<pre>public&nbsp;<a href="../controlP5/Toggle.html" title="class in controlP5">Toggle</a>&nbsp;linebreak()</pre>
+<dl>
+<dt><strong>Overrides:</strong></dt>
+<dd><code><a href="../controlP5/Controller.html#linebreak()">linebreak</a></code>&nbsp;in class&nbsp;<code><a href="../controlP5/Controller.html" title="class in controlP5">Controller</a>&lt;<a href="../controlP5/Toggle.html" title="class in controlP5">Toggle</a>&gt;</code></dd>
+<dt><span class="strong">Returns:</span></dt><dd>Controller</dd></dl>
+</li>
+</ul>
+<a name="mousePressed()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>mousePressed</h4>
+<pre>public&nbsp;void&nbsp;mousePressed()</pre>
+</li>
+</ul>
+<a name="setImages(processing.core.PImage...)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setImages</h4>
+<pre>public&nbsp;<a href="../controlP5/Toggle.html" title="class in controlP5">Toggle</a>&nbsp;setImages(processing.core.PImage...&nbsp;theImages)</pre>
+<dl>
+<dt><strong>Overrides:</strong></dt>
+<dd><code><a href="../controlP5/Controller.html#setImages(processing.core.PImage...)">setImages</a></code>&nbsp;in class&nbsp;<code><a href="../controlP5/Controller.html" title="class in controlP5">Controller</a>&lt;<a href="../controlP5/Toggle.html" title="class in controlP5">Toggle</a>&gt;</code></dd>
+</dl>
+</li>
+</ul>
+<a name="setInternalValue(float)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setInternalValue</h4>
+<pre>public&nbsp;void&nbsp;setInternalValue(float&nbsp;theInternalValue)</pre>
+<div class="block">by default a toggle returns 0 (for off) and 1 (for on). the internal value variable can be
+ used to store an additional value for a toggle event.</div>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theInternalValue</code> - </dd></dl>
+</li>
+</ul>
+<a name="setMode(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setMode</h4>
+<pre>public&nbsp;<a href="../controlP5/Toggle.html" title="class in controlP5">Toggle</a>&nbsp;setMode(int&nbsp;theMode)</pre>
+<div class="block">set the visual mode of a Toggle. use setMode(ControlP5.DEFAULT) or setMode(ControlP5.SWITCH)</div>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theMode</code> - </dd></dl>
+</li>
+</ul>
+<a name="setState(boolean)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setState</h4>
+<pre>public&nbsp;<a href="../controlP5/Toggle.html" title="class in controlP5">Toggle</a>&nbsp;setState(boolean&nbsp;theFlag)</pre>
+<div class="block">sets the state of the toggle, this can be true or false.</div>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theFlag</code> - boolean</dd></dl>
+</li>
+</ul>
+<a name="setValue(boolean)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setValue</h4>
+<pre>public&nbsp;<a href="../controlP5/Toggle.html" title="class in controlP5">Toggle</a>&nbsp;setValue(boolean&nbsp;theValue)</pre>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theValue</code> - </dd></dl>
+</li>
+</ul>
+<a name="setValue(float)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setValue</h4>
+<pre>public&nbsp;<a href="../controlP5/Toggle.html" title="class in controlP5">Toggle</a>&nbsp;setValue(float&nbsp;theValue)</pre>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerInterface.html#setValue(float)">setValue</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/Toggle.html" title="class in controlP5">Toggle</a>&gt;</code></dd>
+<dt><strong>Overrides:</strong></dt>
+<dd><code><a href="../controlP5/Controller.html#setValue(float)">setValue</a></code>&nbsp;in class&nbsp;<code><a href="../controlP5/Controller.html" title="class in controlP5">Controller</a>&lt;<a href="../controlP5/Toggle.html" title="class in controlP5">Toggle</a>&gt;</code></dd>
+<dt><span class="strong">Parameters:</span></dt><dd><code>theValue</code> - float</dd></dl>
+</li>
+</ul>
+<a name="toggle()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>toggle</h4>
+<pre>public&nbsp;<a href="../controlP5/Toggle.html" title="class in controlP5">Toggle</a>&nbsp;toggle()</pre>
+<div class="block">switch the state of a toggle.</div>
+</li>
+</ul>
+<a name="update()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>update</h4>
+<pre>public&nbsp;<a href="../controlP5/Toggle.html" title="class in controlP5">Toggle</a>&nbsp;update()</pre>
+<div class="block">updates the value of the controller without having to set the value explicitly. update does
+ not visually update the controller. the updating status can be set with setUpdate(true/false)
+ and checked with isUpdate().</div>
+<dl>
+<dt><strong>Specified by:</strong></dt>
+<dd><code><a href="../controlP5/ControllerInterface.html#update()">update</a></code>&nbsp;in interface&nbsp;<code><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;<a href="../controlP5/Toggle.html" title="class in controlP5">Toggle</a>&gt;</code></dd>
+<dt><strong>Overrides:</strong></dt>
+<dd><code><a href="../controlP5/Controller.html#update()">update</a></code>&nbsp;in class&nbsp;<code><a href="../controlP5/Controller.html" title="class in controlP5">Controller</a>&lt;<a href="../controlP5/Toggle.html" title="class in controlP5">Toggle</a>&gt;</code></dd>
+<dt><span class="strong">Returns:</span></dt><dd>Controller</dd><dt><span class="strong">See Also:</span></dt><dd><a href="../controlP5/Controller.html#setUpdate(boolean)"><code>Controller.setUpdate(boolean)</code></a>, 
+<a href="../controlP5/Controller.html#isUpdate()"><code>Controller.isUpdate()</code></a></dd></dl>
+</li>
+</ul>
+<a name="updateDisplayMode(int)">
+<!--   -->
+</a>
+<ul class="blockListLast">
+<li class="blockList">
+<h4>updateDisplayMode</h4>
+<pre>public&nbsp;<a href="../controlP5/Toggle.html" title="class in controlP5">Toggle</a>&nbsp;updateDisplayMode(int&nbsp;theState)</pre>
+</li>
+</ul>
+</li>
+</ul>
+</li>
+</ul>
+</div>
+</div>
+<!-- ========= END OF CLASS DATA ========= -->
+<!-- ======= START OF BOTTOM NAVBAR ====== -->
+<div class="bottomNav"><a name="navbar_bottom">
+<!--   -->
+</a><a href="#skip-navbar_bottom" title="Skip navigation links"></a><a name="navbar_bottom_firstrow">
+<!--   -->
+</a>
+<ul class="navList" title="Navigation">
+<li><a href="../controlP5/package-summary.html">Package</a></li>
+<li class="navBarCell1Rev">Class</li>
+<li><a href="package-tree.html">Tree</a></li>
+<li><a href="../index-all.html">Index</a></li>
+<li><a href="../help-doc.html">Help</a></li>
+</ul>
+</div>
+<div class="subNav">
+<ul class="navList">
+<li><a href="../controlP5/TickMark.html" title="class in controlP5"><span class="strong">Prev Class</span></a></li>
+<li><a href="../controlP5/Tooltip.html" title="class in controlP5"><span class="strong">Next Class</span></a></li>
+</ul>
+<ul class="navList">
+<li><a href="../index.html?controlP5/Toggle.html" target="_top">Frames</a></li>
+<li><a href="Toggle.html" target="_top">No Frames</a></li>
+</ul>
+<ul class="navList" id="allclasses_navbar_bottom">
+<li><a href="../allclasses-noframe.html">All Classes</a></li>
+</ul>
+<div>
+<script type="text/javascript"><!--
+  allClassesLink = document.getElementById("allclasses_navbar_bottom");
+  if(window==top) {
+    allClassesLink.style.display = "block";
+  }
+  else {
+    allClassesLink.style.display = "none";
+  }
+  //-->
+</script>
+</div>
+<div>
+<ul class="subNavList">
+<li>Summary:&nbsp;</li>
+<li>Nested&nbsp;|&nbsp;</li>
+<li><a href="#field_summary">Field</a>&nbsp;|&nbsp;</li>
+<li><a href="#constructor_summary">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_summary">Method</a></li>
+</ul>
+<ul class="subNavList">
+<li>Detail:&nbsp;</li>
+<li><a href="#field_detail">Field</a>&nbsp;|&nbsp;</li>
+<li><a href="#constructor_detail">Constr</a>&nbsp;|&nbsp;</li>
+<li><a href="#method_detail">Method</a></li>
+</ul>
+</div>
+<a name="skip-navbar_bottom">
+<!--   -->
+</a></div>
+<!-- ======== END OF BOTTOM NAVBAR ======= -->
+<p class="legalCopy"><small>processing library controlP5 by Andreas Schlegel. (c) 2006-2014</small></p>
+</body>
+</html>
diff --git a/reference/controlP5/Tooltip.html b/reference/controlP5/Tooltip.html
new file mode 100644
index 0000000..701f954
--- /dev/null
+++ b/reference/controlP5/Tooltip.html
@@ -0,0 +1,684 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
+<!-- NewPage -->
+<html lang="en">
+<head>
+<!-- Generated by javadoc (version 1.7.0_51) on Sun Apr 27 21:39:48 SGT 2014 -->
+<title>Tooltip (Javadocs: controlP5)</title>
+<meta name="date" content="2014-04-27">
+<link rel="stylesheet" type="text/css" href="../stylesheet.css" title="Style">
+</head>
+<body>
+<script type="text/javascript"><!--
+    if (location.href.indexOf('is-external=true') == -1) {
+        parent.document.title="Tooltip (Javadocs: controlP5)";
+    }
+//-->
+</script>
+<noscript>
+<div>JavaScript is disabled on your browser.</div>
+</noscript>
+<!-- ========= START OF TOP NAVBAR ======= -->
+<div class="topNav"><a name="navbar_top">
+<!--   -->
+</a><a href="#skip-navbar_top" title="Skip navigation links"></a><a name="navbar_top_firstrow">
+<!--   -->
+</a>
+<ul class="navList" title="Navigation">
+<li><a href="../controlP5/package-summary.html">Package</a></li>
+<li class="navBarCell1Rev">Class</li>
+<li><a href="package-tree.html">Tree</a></li>
+<li><a href="../index-all.html">Index</a></li>
+<li><a href="../help-doc.html">Help</a></li>
+</ul>
+</div>
+<div class="subNav">
+<ul class="navList">
+<li><a href="../controlP5/Toggle.html" title="class in controlP5"><span class="strong">Prev Class</span></a></li>
+<li>Next Class</li>
+</ul>
+<ul class="navList">
+<li><a href="../index.html?controlP5/Tooltip.html" target="_top">Frames</a></li>
+<li><a href="Tooltip.html" target="_top">No Frames</a></li>
+</ul>
+<ul class="navList" id="allclasses_navbar_top">
+<li><a href="../allclasses-noframe.html">All Classes</a></li>
+</ul>
+<div>
+<script type="text/javascript"><!--
+  allClassesLink = document.getElementById("allclasses_navbar_top");
+  if(window==top) {
+    allClassesLink.style.display = "block";
+  }
+  else {
+    allClassesLink.style.display = "none";
+  }
+  //-->
+</script>
+</div>
+<div>
+<ul class="subNavList">
+<li>Summary:&nbsp;</li>
+<li>Nested&nbsp;|&nbsp;</li>
+<li>Field&nbsp;|&nbsp;</li>
+<li>Constr&nbsp;|&nbsp;</li>
+<li><a href="#method_summary">Method</a></li>
+</ul>
+<ul class="subNavList">
+<li>Detail:&nbsp;</li>
+<li>Field&nbsp;|&nbsp;</li>
+<li>Constr&nbsp;|&nbsp;</li>
+<li><a href="#method_detail">Method</a></li>
+</ul>
+</div>
+<a name="skip-navbar_top">
+<!--   -->
+</a></div>
+<!-- ========= END OF TOP NAVBAR ========= -->
+<!-- ======== START OF CLASS DATA ======== -->
+<div class="header">
+<div class="subTitle">controlP5</div>
+<h2 title="Class Tooltip" class="title">Class Tooltip</h2>
+</div>
+<div class="contentContainer">
+<ul class="inheritance">
+<li>java.lang.Object</li>
+<li>
+<ul class="inheritance">
+<li>controlP5.Tooltip</li>
+</ul>
+</li>
+</ul>
+<div class="description">
+<ul class="blockList">
+<li class="blockList">
+<hr>
+<br>
+<pre>public class <span class="strong">Tooltip</span>
+extends java.lang.Object</pre>
+<div class="block">A tooltip can be registered for individual controllers
+ and is activated on rollover.</div>
+<dl><script type="text/javascript">
+<!--
+document.getElementsByTagName('html')[0].className = 'isjs';function toggle(dt) { var display, dd=dt; do{ dd = dd.nextSibling } while(dd.tagName!='DD'); toOpen =!dd.style.display;dd.style.display = toOpen? 'block':''; dt.getElementsByTagName('span')[0].innerHTML  = toOpen? '-':'+' ; }
+-->
+</script>
+<div id="test" class="toggleList"><dl><dt onclick="toggle(this);"><span>+</span>Example</dt><dd><code><pre>  /**
+* ControlP5 Tooltip
+*
+* add a tooltip to a controller.
+* hover your mouse on top of a slider in the example and wait 
+* for 1 second for the tooltip to appear.
+*
+* find a list of public methods available for the Tooltip Controller
+* at the bottom of this sketch.
+*
+* NOTE: currently does not work for custom PGraphics context
+*
+* by Andreas Schlegel, 2011
+* www.sojamo.de/libraries/controlp5
+*
+*/
+
+import controlP5.*;
+
+
+ControlP5 cp5;
+
+float s1 = 20, s2 = 100;
+
+void setup() {
+  size(700,400);
+  smooth();
+  noStroke();
+  cp5 = new ControlP5(this);
+  cp5.begin(100,100);
+  cp5.addSlider("s1",10,200).linebreak();
+  cp5.addSlider("s2",0,150);
+  cp5.end();
+  
+  cp5.getTooltip().setDelay(500);
+  cp5.getTooltip().register("s1","Changes the size of the ellipse.");
+  cp5.getTooltip().register("s2","Changes the Background");
+
+}
+
+
+void keyPressed() {
+  println("unregistering the tooltip for s2");
+  cp5.getTooltip().unregister("s2");
+}
+void draw() {
+  background(s2);
+  fill(255,100);
+  ellipse(width/2, height/2, s1,s1);
+}
+
+
+
+/*
+a list of all methods available for the Tooltip Controller
+use ControlP5.printPublicMethodsFor(Tooltip.class);
+to print the following list into the console.
+
+You can find further details about class Tooltip in the javadoc.
+
+Format:
+ClassName : returnType methodName(parameter type)
+
+
+controlP5.Tooltip : Label getLabel() 
+controlP5.Tooltip : Tooltip disable() 
+controlP5.Tooltip : Tooltip enable() 
+controlP5.Tooltip : Tooltip register(Controller, String) 
+controlP5.Tooltip : Tooltip register(String, String) 
+controlP5.Tooltip : Tooltip setAlpha(int) 
+controlP5.Tooltip : Tooltip setBorder(int) 
+controlP5.Tooltip : Tooltip setColorBackground(int) 
+controlP5.Tooltip : Tooltip setColorLabel(int) 
+controlP5.Tooltip : Tooltip setDelay(long) 
+controlP5.Tooltip : Tooltip setDisplay(ControllerDisplay) 
+controlP5.Tooltip : Tooltip setHeight(int) 
+controlP5.Tooltip : Tooltip setLabel(Label) 
+controlP5.Tooltip : Tooltip setPositionOffset(float, float) 
+controlP5.Tooltip : Tooltip setWidth(int) 
+controlP5.Tooltip : Tooltip unregister(Controller) 
+controlP5.Tooltip : Tooltip unregister(String) 
+controlP5.Tooltip : boolean isEnabled() 
+controlP5.Tooltip : int getBorder() 
+java.lang.Object : String toString() 
+java.lang.Object : boolean equals(Object) 
+
+*/
+
+
+
+</pre></code></dd></dl></div></dl>
+</li>
+</ul>
+</div>
+<div class="summary">
+<ul class="blockList">
+<li class="blockList">
+<!-- ========== METHOD SUMMARY =========== -->
+<ul class="blockList">
+<li class="blockList"><a name="method_summary">
+<!--   -->
+</a>
+<h3>Method Summary</h3>
+<table class="overviewSummary" border="0" cellpadding="3" cellspacing="0" summary="Method Summary table, listing methods, and an explanation">
+<caption><span>Methods</span><span class="tabEnd">&nbsp;</span></caption>
+<tr>
+<th class="colFirst" scope="col">Modifier and Type</th>
+<th class="colLast" scope="col">Method and Description</th>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Tooltip.html" title="class in controlP5">Tooltip</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Tooltip.html#disable()">disable</a></strong>()</code>
+<div class="block">disables the Tooltip on a global level, when
+ disabled, tooltip will not respond to any registered
+ controller.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Tooltip.html" title="class in controlP5">Tooltip</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Tooltip.html#enable()">enable</a></strong>()</code>
+<div class="block">in case the tooltip is disabled, use enable() to turn
+ the tooltip back on.</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Tooltip.html#getBorder()">getBorder</a></strong>()</code>
+<div class="block">returns the value of the border</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Label.html" title="class in controlP5">Label</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Tooltip.html#getLabel()">getLabel</a></strong>()</code>
+<div class="block">returns the current Label</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code>int</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Tooltip.html#getWidth()">getWidth</a></strong>()</code>&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code>boolean</code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Tooltip.html#isEnabled()">isEnabled</a></strong>()</code>
+<div class="block">check if the tooltip is enabled or disabled</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Tooltip.html" title="class in controlP5">Tooltip</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Tooltip.html#register(controlP5.Controller, java.lang.String)">register</a></strong>(<a href="../controlP5/Controller.html" title="class in controlP5">Controller</a>&lt;?&gt;&nbsp;theController,
+        java.lang.String&nbsp;theText)</code>
+<div class="block">registers a controller with the Tooltip, when
+ activating the tooltip for a particular controller,
+ the registered text (second parameter) will be
+ displayed.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Tooltip.html" title="class in controlP5">Tooltip</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Tooltip.html#register(java.lang.String, java.lang.String)">register</a></strong>(java.lang.String&nbsp;theControllerName,
+        java.lang.String&nbsp;theText)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Tooltip.html" title="class in controlP5">Tooltip</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Tooltip.html#setAlpha(int)">setAlpha</a></strong>(int&nbsp;theValue)</code>
+<div class="block">sets the transparency of the default background,
+ default value is 200</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Tooltip.html" title="class in controlP5">Tooltip</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Tooltip.html#setBorder(int)">setBorder</a></strong>(int&nbsp;theValue)</code>
+<div class="block">sets the border of the tooltip, the default border is
+ 4px.</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Tooltip.html" title="class in controlP5">Tooltip</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Tooltip.html#setColorBackground(int)">setColorBackground</a></strong>(int&nbsp;theColor)</code>
+<div class="block">sets the background color of the tooltip, the default
+ color is a dark grey</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Tooltip.html" title="class in controlP5">Tooltip</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Tooltip.html#setColorLabel(int)">setColorLabel</a></strong>(int&nbsp;theColor)</code>
+<div class="block">sets the text color of the tooltip's label, the
+ default color is a white</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Tooltip.html" title="class in controlP5">Tooltip</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Tooltip.html#setDelay(long)">setDelay</a></strong>(long&nbsp;theMillis)</code>
+<div class="block">A tooltip is activated when entered by the mouse,
+ after a given delay time the Tooltip starts to fade
+ in.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Tooltip.html" title="class in controlP5">Tooltip</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Tooltip.html#setHeight(int)">setHeight</a></strong>(int&nbsp;theHeight)</code>&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Tooltip.html" title="class in controlP5">Tooltip</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Tooltip.html#setLabel(controlP5.Label)">setLabel</a></strong>(<a href="../controlP5/Label.html" title="class in controlP5">Label</a>&nbsp;theLabel)</code>
+<div class="block">sets the Label to a custom label and replaces the
+ default label.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Tooltip.html" title="class in controlP5">Tooltip</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Tooltip.html#setPositionOffset(float, float)">setPositionOffset</a></strong>(float&nbsp;theX,
+                 float&nbsp;theY)</code>
+<div class="block">adds an offset to the position of the controller
+ relative to the mouse cursor's position.</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Tooltip.html" title="class in controlP5">Tooltip</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Tooltip.html#setView(controlP5.ControllerView)">setView</a></strong>(<a href="../controlP5/ControllerView.html" title="interface in controlP5">ControllerView</a>&lt;?&gt;&nbsp;theDisplay)</code>
+<div class="block">A custom view can be set for a Tooltip.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Tooltip.html" title="class in controlP5">Tooltip</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Tooltip.html#setWidth(int)">setWidth</a></strong>(int&nbsp;theWidth)</code>
+<div class="block">with the default display, the width of the tooltip is
+ set automatically, therefore setWidth() does not have
+ any effect without changing the default display to a
+ custom ControllerView.</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><code><a href="../controlP5/Tooltip.html" title="class in controlP5">Tooltip</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Tooltip.html#unregister(controlP5.Controller)">unregister</a></strong>(<a href="../controlP5/Controller.html" title="class in controlP5">Controller</a>&lt;?&gt;&nbsp;theController)</code>
+<div class="block">removes a controller from the tooltip</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><code><a href="../controlP5/Tooltip.html" title="class in controlP5">Tooltip</a></code></td>
+<td class="colLast"><code><strong><a href="../controlP5/Tooltip.html#unregister(java.lang.String)">unregister</a></strong>(java.lang.String&nbsp;theControllerName)</code>&nbsp;</td>
+</tr>
+</table>
+<ul class="blockList">
+<li class="blockList"><a name="methods_inherited_from_class_java.lang.Object">
+<!--   -->
+</a>
+<h3>Methods inherited from class&nbsp;java.lang.Object</h3>
+<code>equals, getClass, hashCode, notify, notifyAll, toString, wait, wait, wait</code></li>
+</ul>
+</li>
+</ul>
+</li>
+</ul>
+</div>
+<div class="details">
+<ul class="blockList">
+<li class="blockList">
+<!-- ============ METHOD DETAIL ========== -->
+<ul class="blockList">
+<li class="blockList"><a name="method_detail">
+<!--   -->
+</a>
+<h3>Method Detail</h3>
+<a name="disable()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>disable</h4>
+<pre>public&nbsp;<a href="../controlP5/Tooltip.html" title="class in controlP5">Tooltip</a>&nbsp;disable()</pre>
+<div class="block">disables the Tooltip on a global level, when
+ disabled, tooltip will not respond to any registered
+ controller. to disable a tooltip for aparticular
+ controller, used unregister(Controller)</div>
+<dl><dt><span class="strong">Returns:</span></dt><dd>Tooltip</dd><dt><span class="strong">See Also:</span></dt><dd><a href="../controlP5/Tooltip.html#unregister(controlP5.Controller)"><code>unregister(Controller)</code></a></dd></dl>
+</li>
+</ul>
+<a name="enable()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>enable</h4>
+<pre>public&nbsp;<a href="../controlP5/Tooltip.html" title="class in controlP5">Tooltip</a>&nbsp;enable()</pre>
+<div class="block">in case the tooltip is disabled, use enable() to turn
+ the tooltip back on.</div>
+<dl><dt><span class="strong">Returns:</span></dt><dd>Tooltip</dd></dl>
+</li>
+</ul>
+<a name="getBorder()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getBorder</h4>
+<pre>public&nbsp;int&nbsp;getBorder()</pre>
+<div class="block">returns the value of the border</div>
+<dl><dt><span class="strong">Returns:</span></dt><dd></dd></dl>
+</li>
+</ul>
+<a name="getLabel()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getLabel</h4>
+<pre>public&nbsp;<a href="../controlP5/Label.html" title="class in controlP5">Label</a>&nbsp;getLabel()</pre>
+<div class="block">returns the current Label</div>
+<dl><dt><span class="strong">Returns:</span></dt><dd>Label</dd></dl>
+</li>
+</ul>
+<a name="getWidth()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>getWidth</h4>
+<pre>public&nbsp;int&nbsp;getWidth()</pre>
+</li>
+</ul>
+<a name="isEnabled()">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>isEnabled</h4>
+<pre>public&nbsp;boolean&nbsp;isEnabled()</pre>
+<div class="block">check if the tooltip is enabled or disabled</div>
+<dl><dt><span class="strong">Returns:</span></dt><dd>boolean</dd></dl>
+</li>
+</ul>
+<a name="register(controlP5.Controller, java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>register</h4>
+<pre>public&nbsp;<a href="../controlP5/Tooltip.html" title="class in controlP5">Tooltip</a>&nbsp;register(<a href="../controlP5/Controller.html" title="class in controlP5">Controller</a>&lt;?&gt;&nbsp;theController,
+               java.lang.String&nbsp;theText)</pre>
+<div class="block">registers a controller with the Tooltip, when
+ activating the tooltip for a particular controller,
+ the registered text (second parameter) will be
+ displayed.</div>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theController</code> - </dd><dd><code>theText</code> - </dd>
+<dt><span class="strong">Returns:</span></dt><dd>Tooltip</dd></dl>
+</li>
+</ul>
+<a name="register(java.lang.String, java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>register</h4>
+<pre>public&nbsp;<a href="../controlP5/Tooltip.html" title="class in controlP5">Tooltip</a>&nbsp;register(java.lang.String&nbsp;theControllerName,
+               java.lang.String&nbsp;theText)</pre>
+</li>
+</ul>
+<a name="setAlpha(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setAlpha</h4>
+<pre>public&nbsp;<a href="../controlP5/Tooltip.html" title="class in controlP5">Tooltip</a>&nbsp;setAlpha(int&nbsp;theValue)</pre>
+<div class="block">sets the transparency of the default background,
+ default value is 200</div>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theValue</code> - </dd>
+<dt><span class="strong">Returns:</span></dt><dd>Tooltip</dd></dl>
+</li>
+</ul>
+<a name="setBorder(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setBorder</h4>
+<pre>public&nbsp;<a href="../controlP5/Tooltip.html" title="class in controlP5">Tooltip</a>&nbsp;setBorder(int&nbsp;theValue)</pre>
+<div class="block">sets the border of the tooltip, the default border is
+ 4px.</div>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theValue</code> - </dd>
+<dt><span class="strong">Returns:</span></dt><dd>Tooltip</dd></dl>
+</li>
+</ul>
+<a name="setColorBackground(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setColorBackground</h4>
+<pre>public&nbsp;<a href="../controlP5/Tooltip.html" title="class in controlP5">Tooltip</a>&nbsp;setColorBackground(int&nbsp;theColor)</pre>
+<div class="block">sets the background color of the tooltip, the default
+ color is a dark grey</div>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theColor</code> - </dd>
+<dt><span class="strong">Returns:</span></dt><dd>Tooltip</dd></dl>
+</li>
+</ul>
+<a name="setColorLabel(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setColorLabel</h4>
+<pre>public&nbsp;<a href="../controlP5/Tooltip.html" title="class in controlP5">Tooltip</a>&nbsp;setColorLabel(int&nbsp;theColor)</pre>
+<div class="block">sets the text color of the tooltip's label, the
+ default color is a white</div>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theColor</code> - </dd>
+<dt><span class="strong">Returns:</span></dt><dd>Tooltip</dd></dl>
+</li>
+</ul>
+<a name="setDelay(long)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setDelay</h4>
+<pre>public&nbsp;<a href="../controlP5/Tooltip.html" title="class in controlP5">Tooltip</a>&nbsp;setDelay(long&nbsp;theMillis)</pre>
+<div class="block">A tooltip is activated when entered by the mouse,
+ after a given delay time the Tooltip starts to fade
+ in. Use setDelay(long) to adjust the default delay
+ time of 1000 millis.</div>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theMillis</code> - </dd>
+<dt><span class="strong">Returns:</span></dt><dd>Tooltip</dd></dl>
+</li>
+</ul>
+<a name="setHeight(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setHeight</h4>
+<pre>public&nbsp;<a href="../controlP5/Tooltip.html" title="class in controlP5">Tooltip</a>&nbsp;setHeight(int&nbsp;theHeight)</pre>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theHeight</code> - </dd>
+<dt><span class="strong">Returns:</span></dt><dd>Tooltip</dd><dt><span class="strong">See Also:</span></dt><dd><a href="../controlP5/Tooltip.html#setWidth(int)"><code>setWidth(int)</code></a></dd></dl>
+</li>
+</ul>
+<a name="setLabel(controlP5.Label)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setLabel</h4>
+<pre>public&nbsp;<a href="../controlP5/Tooltip.html" title="class in controlP5">Tooltip</a>&nbsp;setLabel(<a href="../controlP5/Label.html" title="class in controlP5">Label</a>&nbsp;theLabel)</pre>
+<div class="block">sets the Label to a custom label and replaces the
+ default label.</div>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theLabel</code> - </dd>
+<dt><span class="strong">Returns:</span></dt><dd>Tooltip</dd></dl>
+</li>
+</ul>
+<a name="setPositionOffset(float, float)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setPositionOffset</h4>
+<pre>public&nbsp;<a href="../controlP5/Tooltip.html" title="class in controlP5">Tooltip</a>&nbsp;setPositionOffset(float&nbsp;theX,
+                        float&nbsp;theY)</pre>
+<div class="block">adds an offset to the position of the controller
+ relative to the mouse cursor's position. default
+ offset is (10,20)</div>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theX</code> - </dd><dd><code>theY</code> - </dd>
+<dt><span class="strong">Returns:</span></dt><dd>Tooltip</dd></dl>
+</li>
+</ul>
+<a name="setView(controlP5.ControllerView)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setView</h4>
+<pre>public&nbsp;<a href="../controlP5/Tooltip.html" title="class in controlP5">Tooltip</a>&nbsp;setView(<a href="../controlP5/ControllerView.html" title="interface in controlP5">ControllerView</a>&lt;?&gt;&nbsp;theDisplay)</pre>
+<div class="block">A custom view can be set for a Tooltip. The default
+ view class can be found at the bottom of the Tooltip
+ source.</div>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theDisplay</code> - </dd>
+<dt><span class="strong">Returns:</span></dt><dd>Tooltip</dd><dt><span class="strong">See Also:</span></dt><dd><a href="../controlP5/ControllerView.html" title="interface in controlP5"><code>ControllerView</code></a></dd></dl>
+</li>
+</ul>
+<a name="setWidth(int)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>setWidth</h4>
+<pre>public&nbsp;<a href="../controlP5/Tooltip.html" title="class in controlP5">Tooltip</a>&nbsp;setWidth(int&nbsp;theWidth)</pre>
+<div class="block">with the default display, the width of the tooltip is
+ set automatically, therefore setWidth() does not have
+ any effect without changing the default display to a
+ custom ControllerView.</div>
+<dl><dt><span class="strong">Returns:</span></dt><dd>Tooltip</dd><dt><span class="strong">See Also:</span></dt><dd><a href="../controlP5/ControllerView.html" title="interface in controlP5"><code>ControllerView</code></a>, 
+<code>controlP5.Tooltip#setDisplay(ControllerView)</code></dd></dl>
+</li>
+</ul>
+<a name="unregister(controlP5.Controller)">
+<!--   -->
+</a>
+<ul class="blockList">
+<li class="blockList">
+<h4>unregister</h4>
+<pre>public&nbsp;<a href="../controlP5/Tooltip.html" title="class in controlP5">Tooltip</a>&nbsp;unregister(<a href="../controlP5/Controller.html" title="class in controlP5">Controller</a>&lt;?&gt;&nbsp;theController)</pre>
+<div class="block">removes a controller from the tooltip</div>
+<dl><dt><span class="strong">Parameters:</span></dt><dd><code>theController</code> - </dd>
+<dt><span class="strong">Returns:</span></dt><dd>Tooltip</dd></dl>
+</li>
+</ul>
+<a name="unregister(java.lang.String)">
+<!--   -->
+</a>
+<ul class="blockListLast">
+<li class="blockList">
+<h4>unregister</h4>
+<pre>public&nbsp;<a href="../controlP5/Tooltip.html" title="class in controlP5">Tooltip</a>&nbsp;unregister(java.lang.String&nbsp;theControllerName)</pre>
+</li>
+</ul>
+</li>
+</ul>
+</li>
+</ul>
+</div>
+</div>
+<!-- ========= END OF CLASS DATA ========= -->
+<!-- ======= START OF BOTTOM NAVBAR ====== -->
+<div class="bottomNav"><a name="navbar_bottom">
+<!--   -->
+</a><a href="#skip-navbar_bottom" title="Skip navigation links"></a><a name="navbar_bottom_firstrow">
+<!--   -->
+</a>
+<ul class="navList" title="Navigation">
+<li><a href="../controlP5/package-summary.html">Package</a></li>
+<li class="navBarCell1Rev">Class</li>
+<li><a href="package-tree.html">Tree</a></li>
+<li><a href="../index-all.html">Index</a></li>
+<li><a href="../help-doc.html">Help</a></li>
+</ul>
+</div>
+<div class="subNav">
+<ul class="navList">
+<li><a href="../controlP5/Toggle.html" title="class in controlP5"><span class="strong">Prev Class</span></a></li>
+<li>Next Class</li>
+</ul>
+<ul class="navList">
+<li><a href="../index.html?controlP5/Tooltip.html" target="_top">Frames</a></li>
+<li><a href="Tooltip.html" target="_top">No Frames</a></li>
+</ul>
+<ul class="navList" id="allclasses_navbar_bottom">
+<li><a href="../allclasses-noframe.html">All Classes</a></li>
+</ul>
+<div>
+<script type="text/javascript"><!--
+  allClassesLink = document.getElementById("allclasses_navbar_bottom");
+  if(window==top) {
+    allClassesLink.style.display = "block";
+  }
+  else {
+    allClassesLink.style.display = "none";
+  }
+  //-->
+</script>
+</div>
+<div>
+<ul class="subNavList">
+<li>Summary:&nbsp;</li>
+<li>Nested&nbsp;|&nbsp;</li>
+<li>Field&nbsp;|&nbsp;</li>
+<li>Constr&nbsp;|&nbsp;</li>
+<li><a href="#method_summary">Method</a></li>
+</ul>
+<ul class="subNavList">
+<li>Detail:&nbsp;</li>
+<li>Field&nbsp;|&nbsp;</li>
+<li>Constr&nbsp;|&nbsp;</li>
+<li><a href="#method_detail">Method</a></li>
+</ul>
+</div>
+<a name="skip-navbar_bottom">
+<!--   -->
+</a></div>
+<!-- ======== END OF BOTTOM NAVBAR ======= -->
+<p class="legalCopy"><small>processing library controlP5 by Andreas Schlegel. (c) 2006-2014</small></p>
+</body>
+</html>
diff --git a/reference/controlP5/package-frame.html b/reference/controlP5/package-frame.html
new file mode 100644
index 0000000..ebb0ac4
--- /dev/null
+++ b/reference/controlP5/package-frame.html
@@ -0,0 +1,95 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
+<!-- NewPage -->
+<html lang="en">
+<head>
+<!-- Generated by javadoc (version 1.7.0_51) on Sun Apr 27 21:39:48 SGT 2014 -->
+<title>controlP5 (Javadocs: controlP5)</title>
+<meta name="date" content="2014-04-27">
+<link rel="stylesheet" type="text/css" href="../stylesheet.css" title="Style">
+</head>
+<body>
+<h1 class="bar"><a href="../controlP5/package-summary.html" target="classFrame">controlP5</a></h1>
+<div class="indexContainer">
+<h2 title="Interfaces">Interfaces</h2>
+<ul title="Interfaces">
+<li><a href="CallbackListener.html" title="interface in controlP5" target="classFrame"><i>CallbackListener</i></a></li>
+<li><a href="CDrawable.html" title="interface in controlP5" target="classFrame"><i>CDrawable</i></a></li>
+<li><a href="ControlKey.html" title="interface in controlP5" target="classFrame"><i>ControlKey</i></a></li>
+<li><a href="ControllerInterface.html" title="interface in controlP5" target="classFrame"><i>ControllerInterface</i></a></li>
+<li><a href="ControllerView.html" title="interface in controlP5" target="classFrame"><i>ControllerView</i></a></li>
+<li><a href="ControlListener.html" title="interface in controlP5" target="classFrame"><i>ControlListener</i></a></li>
+<li><a href="ControlP5Constants.html" title="interface in controlP5" target="classFrame"><i>ControlP5Constants</i></a></li>
+<li><a href="Pointer.html" title="interface in controlP5" target="classFrame"><i>Pointer</i></a></li>
+</ul>
+<h2 title="Classes">Classes</h2>
+<ul title="Classes">
+<li><a href="Accordion.html" title="class in controlP5" target="classFrame">Accordion</a></li>
+<li><a href="Bang.html" title="class in controlP5" target="classFrame">Bang</a></li>
+<li><a href="BitFont.html" title="class in controlP5" target="classFrame">BitFont</a></li>
+<li><a href="BoundingBox.html" title="class in controlP5" target="classFrame">BoundingBox</a></li>
+<li><a href="Button.html" title="class in controlP5" target="classFrame">Button</a></li>
+<li><a href="CallbackEvent.html" title="class in controlP5" target="classFrame">CallbackEvent</a></li>
+<li><a href="Canvas.html" title="class in controlP5" target="classFrame">Canvas</a></li>
+<li><a href="CColor.html" title="class in controlP5" target="classFrame">CColor</a></li>
+<li><a href="Chart.html" title="class in controlP5" target="classFrame">Chart</a></li>
+<li><a href="ChartData.html" title="class in controlP5" target="classFrame">ChartData</a></li>
+<li><a href="ChartDataSet.html" title="class in controlP5" target="classFrame">ChartDataSet</a></li>
+<li><a href="CheckBox.html" title="class in controlP5" target="classFrame">CheckBox</a></li>
+<li><a href="ColorPicker.html" title="class in controlP5" target="classFrame">ColorPicker</a></li>
+<li><a href="ColorWheel.html" title="class in controlP5" target="classFrame">ColorWheel</a></li>
+<li><a href="ControlBehavior.html" title="class in controlP5" target="classFrame">ControlBehavior</a></li>
+<li><a href="ControlBroadcaster.html" title="class in controlP5" target="classFrame">ControlBroadcaster</a></li>
+<li><a href="ControlEvent.html" title="class in controlP5" target="classFrame">ControlEvent</a></li>
+<li><a href="ControlFont.html" title="class in controlP5" target="classFrame">ControlFont</a></li>
+<li><a href="ControlGroup.html" title="class in controlP5" target="classFrame">ControlGroup</a></li>
+<li><a href="Controller.html" title="class in controlP5" target="classFrame">Controller</a></li>
+<li><a href="ControllerGroup.html" title="class in controlP5" target="classFrame">ControllerGroup</a></li>
+<li><a href="ControllerList.html" title="class in controlP5" target="classFrame">ControllerList</a></li>
+<li><a href="ControllerPlug.html" title="class in controlP5" target="classFrame">ControllerPlug</a></li>
+<li><a href="ControllerProperties.html" title="class in controlP5" target="classFrame">ControllerProperties</a></li>
+<li><a href="ControllerProperty.html" title="class in controlP5" target="classFrame">ControllerProperty</a></li>
+<li><a href="ControllerStyle.html" title="class in controlP5" target="classFrame">ControllerStyle</a></li>
+<li><a href="ControlP5.html" title="class in controlP5" target="classFrame">ControlP5</a></li>
+<li><a href="ControlP5Base.html" title="class in controlP5" target="classFrame">ControlP5Base</a></li>
+<li><a href="ControlP5Legacy.html" title="class in controlP5" target="classFrame">ControlP5Legacy</a></li>
+<li><a href="ControlTimer.html" title="class in controlP5" target="classFrame">ControlTimer</a></li>
+<li><a href="ControlWindow.html" title="class in controlP5" target="classFrame">ControlWindow</a></li>
+<li><a href="CP.html" title="class in controlP5" target="classFrame">CP</a></li>
+<li><a href="DropdownList.html" title="class in controlP5" target="classFrame">DropdownList</a></li>
+<li><a href="FrameRate.html" title="class in controlP5" target="classFrame">FrameRate</a></li>
+<li><a href="Group.html" title="class in controlP5" target="classFrame">Group</a></li>
+<li><a href="Knob.html" title="class in controlP5" target="classFrame">Knob</a></li>
+<li><a href="Label.html" title="class in controlP5" target="classFrame">Label</a></li>
+<li><a href="ListBox.html" title="class in controlP5" target="classFrame">ListBox</a></li>
+<li><a href="ListBoxItem.html" title="class in controlP5" target="classFrame">ListBoxItem</a></li>
+<li><a href="Matrix.html" title="class in controlP5" target="classFrame">Matrix</a></li>
+<li><a href="MultiList.html" title="class in controlP5" target="classFrame">MultiList</a></li>
+<li><a href="MultiListButton.html" title="class in controlP5" target="classFrame">MultiListButton</a></li>
+<li><a href="Numberbox.html" title="class in controlP5" target="classFrame">Numberbox</a></li>
+<li><a href="Println.html" title="class in controlP5" target="classFrame">Println</a></li>
+<li><a href="Radio.html" title="class in controlP5" target="classFrame">Radio</a></li>
+<li><a href="RadioButton.html" title="class in controlP5" target="classFrame">RadioButton</a></li>
+<li><a href="Range.html" title="class in controlP5" target="classFrame">Range</a></li>
+<li><a href="ScrollableList.html" title="class in controlP5" target="classFrame">ScrollableList</a></li>
+<li><a href="ScrollableList.ScrollableListView.html" title="class in controlP5" target="classFrame">ScrollableList.ScrollableListView</a></li>
+<li><a href="Slider.html" title="class in controlP5" target="classFrame">Slider</a></li>
+<li><a href="Slider2D.html" title="class in controlP5" target="classFrame">Slider2D</a></li>
+<li><a href="Tab.html" title="class in controlP5" target="classFrame">Tab</a></li>
+<li><a href="Textarea.html" title="class in controlP5" target="classFrame">Textarea</a></li>
+<li><a href="Textfield.html" title="class in controlP5" target="classFrame">Textfield</a></li>
+<li><a href="Textlabel.html" title="class in controlP5" target="classFrame">Textlabel</a></li>
+<li><a href="TickMark.html" title="class in controlP5" target="classFrame">TickMark</a></li>
+<li><a href="Toggle.html" title="class in controlP5" target="classFrame">Toggle</a></li>
+<li><a href="Tooltip.html" title="class in controlP5" target="classFrame">Tooltip</a></li>
+</ul>
+<h2 title="Enums">Enums</h2>
+<ul title="Enums">
+<li><a href="Textfield.InputFilter.html" title="enum in controlP5" target="classFrame">Textfield.InputFilter</a></li>
+</ul>
+<h2 title="Annotation Types">Annotation Types</h2>
+<ul title="Annotation Types">
+<li><a href="ControlElement.html" title="annotation in controlP5" target="classFrame">ControlElement</a></li>
+</ul>
+</div>
+</body>
+</html>
diff --git a/reference/controlP5/package-summary.html b/reference/controlP5/package-summary.html
new file mode 100644
index 0000000..9b97172
--- /dev/null
+++ b/reference/controlP5/package-summary.html
@@ -0,0 +1,567 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
+<!-- NewPage -->
+<html lang="en">
+<head>
+<!-- Generated by javadoc (version 1.7.0_51) on Sun Apr 27 21:39:48 SGT 2014 -->
+<title>controlP5 (Javadocs: controlP5)</title>
+<meta name="date" content="2014-04-27">
+<link rel="stylesheet" type="text/css" href="../stylesheet.css" title="Style">
+</head>
+<body>
+<script type="text/javascript"><!--
+    if (location.href.indexOf('is-external=true') == -1) {
+        parent.document.title="controlP5 (Javadocs: controlP5)";
+    }
+//-->
+</script>
+<noscript>
+<div>JavaScript is disabled on your browser.</div>
+</noscript>
+<!-- ========= START OF TOP NAVBAR ======= -->
+<div class="topNav"><a name="navbar_top">
+<!--   -->
+</a><a href="#skip-navbar_top" title="Skip navigation links"></a><a name="navbar_top_firstrow">
+<!--   -->
+</a>
+<ul class="navList" title="Navigation">
+<li><a href="../controlP5/package-summary.html">Package</a></li>
+<li>Class</li>
+<li><a href="package-tree.html">Tree</a></li>
+<li><a href="../index-all.html">Index</a></li>
+<li><a href="../help-doc.html">Help</a></li>
+</ul>
+</div>
+<div class="subNav">
+<ul class="navList">
+<li>Prev Package</li>
+<li>Next Package</li>
+</ul>
+<ul class="navList">
+<li><a href="../index.html?controlP5/package-summary.html" target="_top">Frames</a></li>
+<li><a href="package-summary.html" target="_top">No Frames</a></li>
+</ul>
+<ul class="navList" id="allclasses_navbar_top">
+<li><a href="../allclasses-noframe.html">All Classes</a></li>
+</ul>
+<div>
+<script type="text/javascript"><!--
+  allClassesLink = document.getElementById("allclasses_navbar_top");
+  if(window==top) {
+    allClassesLink.style.display = "block";
+  }
+  else {
+    allClassesLink.style.display = "none";
+  }
+  //-->
+</script>
+</div>
+<a name="skip-navbar_top">
+<!--   -->
+</a></div>
+<!-- ========= END OF TOP NAVBAR ========= -->
+<div class="header">
+<h1 title="Package" class="title">Package&nbsp;controlP5</h1>
+<div class="docSummary">
+<div class="block">ControlP5</div>
+</div>
+<p>See:&nbsp;<a href="#package_description">Description</a></p>
+</div>
+<div class="contentContainer">
+<ul class="blockList">
+<li class="blockList">
+<table class="packageSummary" border="0" cellpadding="3" cellspacing="0" summary="Interface Summary table, listing interfaces, and an explanation">
+<caption><span>Interface Summary</span><span class="tabEnd">&nbsp;</span></caption>
+<tr>
+<th class="colFirst" scope="col">Interface</th>
+<th class="colLast" scope="col">Description</th>
+</tr>
+<tbody>
+<tr class="altColor">
+<td class="colFirst"><a href="../controlP5/CallbackListener.html" title="interface in controlP5">CallbackListener</a></td>
+<td class="colLast">
+<div class="block">
+ Use a CallbackListener to listen for controller related actions such as pressed, released, etc.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><a href="../controlP5/CDrawable.html" title="interface in controlP5">CDrawable</a></td>
+<td class="colLast">
+<div class="block">The CDrawable interface is used to draw controllers, primarily for internal use.</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><a href="../controlP5/ControlKey.html" title="interface in controlP5">ControlKey</a></td>
+<td class="colLast">&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;T&gt;</td>
+<td class="colLast">
+<div class="block">The ControllerInterface is inherited by all ControllerGroup and Controller classes.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><a href="../controlP5/ControllerView.html" title="interface in controlP5">ControllerView</a>&lt;T&gt;</td>
+<td class="colLast">
+<div class="block">The interface ControllerView can be used to define custom displays for controllers.</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><a href="../controlP5/ControlListener.html" title="interface in controlP5">ControlListener</a></td>
+<td class="colLast">
+<div class="block">ControlListener is an interface that can be implemented by a custom class to be notified when
+ controller values change.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><a href="../controlP5/ControlP5Constants.html" title="interface in controlP5">ControlP5Constants</a></td>
+<td class="colLast">
+<div class="block">Constant variables used with ControlP5 are stored here.</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><a href="../controlP5/Pointer.html" title="interface in controlP5">Pointer</a></td>
+<td class="colLast">&nbsp;</td>
+</tr>
+</tbody>
+</table>
+</li>
+<li class="blockList">
+<table class="packageSummary" border="0" cellpadding="3" cellspacing="0" summary="Class Summary table, listing classes, and an explanation">
+<caption><span>Class Summary</span><span class="tabEnd">&nbsp;</span></caption>
+<tr>
+<th class="colFirst" scope="col">Class</th>
+<th class="colLast" scope="col">Description</th>
+</tr>
+<tbody>
+<tr class="altColor">
+<td class="colFirst"><a href="../controlP5/Accordion.html" title="class in controlP5">Accordion</a></td>
+<td class="colLast">
+<div class="block">
+ The Accordion is a list of ControlGroups which can be expanded and collapsed.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><a href="../controlP5/Bang.html" title="class in controlP5">Bang</a></td>
+<td class="colLast">
+<div class="block">
+ The Bang controller triggers an event when pressed.</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><a href="../controlP5/BitFont.html" title="class in controlP5">BitFont</a></td>
+<td class="colLast">&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><a href="../controlP5/BoundingBox.html" title="class in controlP5">BoundingBox</a></td>
+<td class="colLast">&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><a href="../controlP5/Button.html" title="class in controlP5">Button</a></td>
+<td class="colLast">
+<div class="block">
+ A button triggers an event after it has been release.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><a href="../controlP5/CallbackEvent.html" title="class in controlP5">CallbackEvent</a></td>
+<td class="colLast">
+<div class="block">
+ A CallbackEvent is send when a controller action such as enter, leave, press, etc has occurs.</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><a href="../controlP5/Canvas.html" title="class in controlP5">Canvas</a></td>
+<td class="colLast">
+<div class="block">Use a Canvas to draw custom graphics into a control
+ window or the default sketch window.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><a href="../controlP5/CColor.html" title="class in controlP5">CColor</a></td>
+<td class="colLast">
+<div class="block">A CColor instance contains the colors of a controller including the foreground-, background-,
+ active-, captionlabel- and valuelabel-colors.</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><a href="../controlP5/Chart.html" title="class in controlP5">Chart</a></td>
+<td class="colLast">
+<div class="block">Use charts to display float array data as line chart, yet experimental, but see the
+ ControlP5chart example for more details.</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><a href="../controlP5/ChartData.html" title="class in controlP5">ChartData</a></td>
+<td class="colLast">
+<div class="block">Used by Chart, single chart data is stored here including value, (label) text, and color.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><a href="../controlP5/ChartDataSet.html" title="class in controlP5">ChartDataSet</a></td>
+<td class="colLast">
+<div class="block">Used by Chart, a chart data set is a container to store chart data.</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><a href="../controlP5/CheckBox.html" title="class in controlP5">CheckBox</a></td>
+<td class="colLast">
+<div class="block">A multiple-choice radioButton.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><a href="../controlP5/ColorPicker.html" title="class in controlP5">ColorPicker</a></td>
+<td class="colLast">
+<div class="block">A simple color picker using sliders to adjust RGBA values.</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><a href="../controlP5/ColorWheel.html" title="class in controlP5">ColorWheel</a></td>
+<td class="colLast">&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><a href="../controlP5/ControlBehavior.html" title="class in controlP5">ControlBehavior</a></td>
+<td class="colLast">
+<div class="block">The abstract class control behavior allows you to add custom behavior to controllers.</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><a href="../controlP5/ControlBroadcaster.html" title="class in controlP5">ControlBroadcaster</a></td>
+<td class="colLast">
+<div class="block">The ControlBroadcaster handles all controller value changes and distributes them accordingly to
+ its listeners.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><a href="../controlP5/ControlEvent.html" title="class in controlP5">ControlEvent</a></td>
+<td class="colLast">
+<div class="block">A controlEvent is sent to a PApplet or a ControlListener whenever a controller value has changed.</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><a href="../controlP5/ControlFont.html" title="class in controlP5">ControlFont</a></td>
+<td class="colLast">
+<div class="block">A ControlFont is a container for a PFont that can be used to customize the font of a label.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><a href="../controlP5/ControlGroup.html" title="class in controlP5">ControlGroup</a>&lt;T&gt;</td>
+<td class="colLast">
+<div class="block">
+ In previous versions you would use the ControlGroup class to bundle controllers in a group.</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><a href="../controlP5/Controller.html" title="class in controlP5">Controller</a>&lt;T&gt;</td>
+<td class="colLast">
+<div class="block">
+ Controller is an abstract class that is extended by any available controller within controlP5.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><a href="../controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a>&lt;T&gt;</td>
+<td class="colLast">
+<div class="block">ControllerGroup is an abstract class and is extended by class ControlGroup, Tab, or the ListBox.</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><a href="../controlP5/ControllerList.html" title="class in controlP5">ControllerList</a></td>
+<td class="colLast">
+<div class="block">Stores objects of type ControllerInterface and CDrawable, mainly for internal use.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><a href="../controlP5/ControllerPlug.html" title="class in controlP5">ControllerPlug</a></td>
+<td class="colLast">
+<div class="block">The ControllerPlug is used to do all the reflection procedures to link a controller to a variable
+ or function inside your main application.</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><a href="../controlP5/ControllerProperties.html" title="class in controlP5">ControllerProperties</a></td>
+<td class="colLast">
+<div class="block">Values of controllers can be stored inside properties files which can be saved to file or memory.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><a href="../controlP5/ControllerProperty.html" title="class in controlP5">ControllerProperty</a></td>
+<td class="colLast">
+<div class="block">A controller property saves the value, address, getter and setter of a registered controller.</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><a href="../controlP5/ControllerStyle.html" title="class in controlP5">ControllerStyle</a></td>
+<td class="colLast">
+<div class="block">Labels use the ControllerStyle class to store margin and padding information.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><a href="../controlP5/ControlP5.html" title="class in controlP5">ControlP5</a></td>
+<td class="colLast">
+<div class="block">
+ controlP5 is a processing and java library for creating
+ simple control GUIs.</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><a href="../controlP5/ControlP5Base.html" title="class in controlP5">ControlP5Base</a></td>
+<td class="colLast">
+<div class="block">The ControlP5Base supports the ControlP5 class and
+ implements all adder methods to add controllers to
+ controlP5.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><a href="../controlP5/ControlP5Legacy.html" title="class in controlP5">ControlP5Legacy</a></td>
+<td class="colLast">&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><a href="../controlP5/ControlTimer.html" title="class in controlP5">ControlTimer</a></td>
+<td class="colLast">
+<div class="block">control timer is a timer that can be used for example as a stop watch or a duration timer.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><a href="../controlP5/ControlWindow.html" title="class in controlP5">ControlWindow</a></td>
+<td class="colLast">&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><a href="../controlP5/CP.html" title="class in controlP5">CP</a></td>
+<td class="colLast">&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><a href="../controlP5/DropdownList.html" title="class in controlP5">DropdownList</a></td>
+<td class="colLast">&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><a href="../controlP5/FrameRate.html" title="class in controlP5">FrameRate</a></td>
+<td class="colLast">&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><a href="../controlP5/Group.html" title="class in controlP5">Group</a></td>
+<td class="colLast">&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><a href="../controlP5/Knob.html" title="class in controlP5">Knob</a></td>
+<td class="colLast">
+<div class="block">A knob is a circular slider which can be used with a limited and unlimited range.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><a href="../controlP5/Label.html" title="class in controlP5">Label</a></td>
+<td class="colLast">
+<div class="block">A custom label using controlP5's BitFonts or PFont based ControlFonts.</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><a href="../controlP5/ListBox.html" title="class in controlP5">ListBox</a></td>
+<td class="colLast">
+<div class="block">A ListBox is a list of vertically aligned items which can be scrolled if required.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><a href="../controlP5/ListBoxItem.html" title="class in controlP5">ListBoxItem</a></td>
+<td class="colLast">
+<div class="block">Used by the ListBox class.</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><a href="../controlP5/Matrix.html" title="class in controlP5">Matrix</a></td>
+<td class="colLast">
+<div class="block">A matrix is a 2d array with a pointer that traverses through the matrix in a timed interval.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><a href="../controlP5/MultiList.html" title="class in controlP5">MultiList</a></td>
+<td class="colLast">
+<div class="block">A Multilist is a multi-menu-tree controller.</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><a href="../controlP5/MultiListButton.html" title="class in controlP5">MultiListButton</a></td>
+<td class="colLast">
+<div class="block">Used by MultiList.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><a href="../controlP5/Numberbox.html" title="class in controlP5">Numberbox</a></td>
+<td class="colLast">
+<div class="block">Click and drag the mouse inside a numberbox and move up and down to change the value of a
+ numberbox.</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><a href="../controlP5/Println.html" title="class in controlP5">Println</a></td>
+<td class="colLast">&nbsp;</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><a href="../controlP5/Radio.html" title="class in controlP5">Radio</a></td>
+<td class="colLast">&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><a href="../controlP5/RadioButton.html" title="class in controlP5">RadioButton</a></td>
+<td class="colLast">
+<div class="block">A radioButton is a list of toggles that can be turned on or off.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><a href="../controlP5/Range.html" title="class in controlP5">Range</a></td>
+<td class="colLast">
+<div class="block">A range slider works just like a slider but can be adjusted on both ends.</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><a href="../controlP5/ScrollableList.html" title="class in controlP5">ScrollableList</a></td>
+<td class="colLast">
+<div class="block">A ScrollableList is a list of vertically aligned items
+ which can be scrolled if required.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><a href="../controlP5/ScrollableList.ScrollableListView.html" title="class in controlP5">ScrollableList.ScrollableListView</a></td>
+<td class="colLast">&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><a href="../controlP5/Slider.html" title="class in controlP5">Slider</a></td>
+<td class="colLast">
+<div class="block">A slider is either used horizontally or vertically.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><a href="../controlP5/Slider2D.html" title="class in controlP5">Slider2D</a></td>
+<td class="colLast">
+<div class="block">The Slider2D allows to control a handle within a 2D area.</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><a href="../controlP5/Tab.html" title="class in controlP5">Tab</a></td>
+<td class="colLast">
+<div class="block">Tabs are used to organize controllers.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><a href="../controlP5/Textarea.html" title="class in controlP5">Textarea</a></td>
+<td class="colLast">
+<div class="block">a textarea can be used to leave notes, it uses the controlP5 BitFont to render text.</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><a href="../controlP5/Textfield.html" title="class in controlP5">Textfield</a></td>
+<td class="colLast">
+<div class="block">A singleline input textfield, use arrow keys to go back and forth, use backspace to delete
+ characters.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><a href="../controlP5/Textlabel.html" title="class in controlP5">Textlabel</a></td>
+<td class="colLast">&nbsp;</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><a href="../controlP5/TickMark.html" title="class in controlP5">TickMark</a></td>
+<td class="colLast">
+<div class="block">Tickmarks are used by the Slider and Knob controller.</div>
+</td>
+</tr>
+<tr class="rowColor">
+<td class="colFirst"><a href="../controlP5/Toggle.html" title="class in controlP5">Toggle</a></td>
+<td class="colLast">
+<div class="block">a toggle can have two states, true and false, where true has the value 1 and false is 0.</div>
+</td>
+</tr>
+<tr class="altColor">
+<td class="colFirst"><a href="../controlP5/Tooltip.html" title="class in controlP5">Tooltip</a></td>
+<td class="colLast">
+<div class="block">A tooltip can be registered for individual controllers
+ and is activated on rollover.</div>
+</td>
+</tr>
+</tbody>
+</table>
+</li>
+<li class="blockList">
+<table class="packageSummary" border="0" cellpadding="3" cellspacing="0" summary="Enum Summary table, listing enums, and an explanation">
+<caption><span>Enum Summary</span><span class="tabEnd">&nbsp;</span></caption>
+<tr>
+<th class="colFirst" scope="col">Enum</th>
+<th class="colLast" scope="col">Description</th>
+</tr>
+<tbody>
+<tr class="altColor">
+<td class="colFirst"><a href="../controlP5/Textfield.InputFilter.html" title="enum in controlP5">Textfield.InputFilter</a></td>
+<td class="colLast">&nbsp;</td>
+</tr>
+</tbody>
+</table>
+</li>
+<li class="blockList">
+<table class="packageSummary" border="0" cellpadding="3" cellspacing="0" summary="Annotation Types Summary table, listing annotation types, and an explanation">
+<caption><span>Annotation Types Summary</span><span class="tabEnd">&nbsp;</span></caption>
+<tr>
+<th class="colFirst" scope="col">Annotation Type</th>
+<th class="colLast" scope="col">Description</th>
+</tr>
+<tbody>
+<tr class="altColor">
+<td class="colFirst"><a href="../controlP5/ControlElement.html" title="annotation in controlP5">ControlElement</a></td>
+<td class="colLast">
+<div class="block">Used for automated controller creation using annotations.</div>
+</td>
+</tr>
+</tbody>
+</table>
+</li>
+</ul>
+<a name="package_description">
+<!--   -->
+</a>
+<h2 title="Package controlP5 Description">Package controlP5 Description</h2>
+<div class="block"><h1>ControlP5</h1>
+<p>ControlP5 (<a href="http://www.sojamo.de/libraries/controlP5" target="_blank">www.sojamo.de/libraries/controlP5</a>) is a library written by Andreas Schlegel for the programming environment <a href="http://www.processing.org" target="_blank">processing</a>. ControlP5 is a GUI and controller library for processing that can be used in authoring, application mode. Controllers including Sliders, Buttons, Toggles, Knobs, Textfields, RadioButtons, Checkboxes amongst others can be easily added to a processing sketch and can be arranged in separate control windows, or can be organized in tabs or groups. The controlP5 source code repository is available on github at <a href="http://github.com/sojamo/controlp5" target="_blank">github.com/sojamo/controlp5</a>. 
+</p>
+<h1>Javascript</h1>
+<p>Currently there is no javascript version of ControlP5, though I had started implementing a slimmed down version for processing.js but since it is currently unclear which javascript version, processing.js or p5.js, will become the default js version of processing, controlP5.js is on hold.</p></div>
+</div>
+<!-- ======= START OF BOTTOM NAVBAR ====== -->
+<div class="bottomNav"><a name="navbar_bottom">
+<!--   -->
+</a><a href="#skip-navbar_bottom" title="Skip navigation links"></a><a name="navbar_bottom_firstrow">
+<!--   -->
+</a>
+<ul class="navList" title="Navigation">
+<li><a href="../controlP5/package-summary.html">Package</a></li>
+<li>Class</li>
+<li><a href="package-tree.html">Tree</a></li>
+<li><a href="../index-all.html">Index</a></li>
+<li><a href="../help-doc.html">Help</a></li>
+</ul>
+</div>
+<div class="subNav">
+<ul class="navList">
+<li>Prev Package</li>
+<li>Next Package</li>
+</ul>
+<ul class="navList">
+<li><a href="../index.html?controlP5/package-summary.html" target="_top">Frames</a></li>
+<li><a href="package-summary.html" target="_top">No Frames</a></li>
+</ul>
+<ul class="navList" id="allclasses_navbar_bottom">
+<li><a href="../allclasses-noframe.html">All Classes</a></li>
+</ul>
+<div>
+<script type="text/javascript"><!--
+  allClassesLink = document.getElementById("allclasses_navbar_bottom");
+  if(window==top) {
+    allClassesLink.style.display = "block";
+  }
+  else {
+    allClassesLink.style.display = "none";
+  }
+  //-->
+</script>
+</div>
+<a name="skip-navbar_bottom">
+<!--   -->
+</a></div>
+<!-- ======== END OF BOTTOM NAVBAR ======= -->
+<p class="legalCopy"><small>processing library controlP5 by Andreas Schlegel. (c) 2006-2014</small></p>
+</body>
+</html>
diff --git a/reference/controlP5/package-tree.html b/reference/controlP5/package-tree.html
new file mode 100644
index 0000000..ed65be3
--- /dev/null
+++ b/reference/controlP5/package-tree.html
@@ -0,0 +1,249 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
+<!-- NewPage -->
+<html lang="en">
+<head>
+<!-- Generated by javadoc (version 1.7.0_51) on Sun Apr 27 21:39:48 SGT 2014 -->
+<title>controlP5 Class Hierarchy (Javadocs: controlP5)</title>
+<meta name="date" content="2014-04-27">
+<link rel="stylesheet" type="text/css" href="../stylesheet.css" title="Style">
+</head>
+<body>
+<script type="text/javascript"><!--
+    if (location.href.indexOf('is-external=true') == -1) {
+        parent.document.title="controlP5 Class Hierarchy (Javadocs: controlP5)";
+    }
+//-->
+</script>
+<noscript>
+<div>JavaScript is disabled on your browser.</div>
+</noscript>
+<!-- ========= START OF TOP NAVBAR ======= -->
+<div class="topNav"><a name="navbar_top">
+<!--   -->
+</a><a href="#skip-navbar_top" title="Skip navigation links"></a><a name="navbar_top_firstrow">
+<!--   -->
+</a>
+<ul class="navList" title="Navigation">
+<li><a href="../controlP5/package-summary.html">Package</a></li>
+<li>Class</li>
+<li class="navBarCell1Rev">Tree</li>
+<li><a href="../index-all.html">Index</a></li>
+<li><a href="../help-doc.html">Help</a></li>
+</ul>
+</div>
+<div class="subNav">
+<ul class="navList">
+<li>Prev</li>
+<li>Next</li>
+</ul>
+<ul class="navList">
+<li><a href="../index.html?controlP5/package-tree.html" target="_top">Frames</a></li>
+<li><a href="package-tree.html" target="_top">No Frames</a></li>
+</ul>
+<ul class="navList" id="allclasses_navbar_top">
+<li><a href="../allclasses-noframe.html">All Classes</a></li>
+</ul>
+<div>
+<script type="text/javascript"><!--
+  allClassesLink = document.getElementById("allclasses_navbar_top");
+  if(window==top) {
+    allClassesLink.style.display = "block";
+  }
+  else {
+    allClassesLink.style.display = "none";
+  }
+  //-->
+</script>
+</div>
+<a name="skip-navbar_top">
+<!--   -->
+</a></div>
+<!-- ========= END OF TOP NAVBAR ========= -->
+<div class="header">
+<h1 class="title">Hierarchy For Package controlP5</h1>
+</div>
+<div class="contentContainer">
+<h2 title="Class Hierarchy">Class Hierarchy</h2>
+<ul>
+<li type="circle">java.lang.Object
+<ul>
+<li type="circle">java.util.AbstractCollection&lt;E&gt; (implements java.util.Collection&lt;E&gt;)
+<ul>
+<li type="circle">java.util.AbstractList&lt;E&gt; (implements java.util.List&lt;E&gt;)
+<ul>
+<li type="circle">java.util.ArrayList&lt;E&gt; (implements java.lang.Cloneable, java.util.List&lt;E&gt;, java.util.RandomAccess, java.io.Serializable)
+<ul>
+<li type="circle">controlP5.<a href="../controlP5/ChartDataSet.html" title="class in controlP5"><span class="strong">ChartDataSet</span></a></li>
+</ul>
+</li>
+</ul>
+</li>
+</ul>
+</li>
+<li type="circle">controlP5.<a href="../controlP5/CallbackEvent.html" title="class in controlP5"><span class="strong">CallbackEvent</span></a></li>
+<li type="circle">controlP5.<a href="../controlP5/Canvas.html" title="class in controlP5"><span class="strong">Canvas</span></a></li>
+<li type="circle">controlP5.<a href="../controlP5/CColor.html" title="class in controlP5"><span class="strong">CColor</span></a> (implements java.io.Serializable)</li>
+<li type="circle">controlP5.<a href="../controlP5/Chart.ChartViewArea.html" title="class in controlP5"><span class="strong">Chart.ChartViewArea</span></a> (implements controlP5.<a href="../controlP5/ControllerView.html" title="interface in controlP5">ControllerView</a>&lt;T&gt;)</li>
+<li type="circle">controlP5.<a href="../controlP5/Chart.ChartViewBar.html" title="class in controlP5"><span class="strong">Chart.ChartViewBar</span></a> (implements controlP5.<a href="../controlP5/ControllerView.html" title="interface in controlP5">ControllerView</a>&lt;T&gt;)</li>
+<li type="circle">controlP5.<a href="../controlP5/Chart.ChartViewBarCentered.html" title="class in controlP5"><span class="strong">Chart.ChartViewBarCentered</span></a> (implements controlP5.<a href="../controlP5/ControllerView.html" title="interface in controlP5">ControllerView</a>&lt;T&gt;)</li>
+<li type="circle">controlP5.<a href="../controlP5/Chart.ChartViewLine.html" title="class in controlP5"><span class="strong">Chart.ChartViewLine</span></a> (implements controlP5.<a href="../controlP5/ControllerView.html" title="interface in controlP5">ControllerView</a>&lt;T&gt;)</li>
+<li type="circle">controlP5.<a href="../controlP5/Chart.ChartViewPie.html" title="class in controlP5"><span class="strong">Chart.ChartViewPie</span></a> (implements controlP5.<a href="../controlP5/ControllerView.html" title="interface in controlP5">ControllerView</a>&lt;T&gt;)</li>
+<li type="circle">controlP5.<a href="../controlP5/ChartData.html" title="class in controlP5"><span class="strong">ChartData</span></a></li>
+<li type="circle">controlP5.<a href="../controlP5/ControlBehavior.html" title="class in controlP5"><span class="strong">ControlBehavior</span></a></li>
+<li type="circle">controlP5.<a href="../controlP5/ControlBroadcaster.html" title="class in controlP5"><span class="strong">ControlBroadcaster</span></a></li>
+<li type="circle">controlP5.<a href="../controlP5/ControlEvent.html" title="class in controlP5"><span class="strong">ControlEvent</span></a></li>
+<li type="circle">controlP5.<a href="../controlP5/ControlFont.html" title="class in controlP5"><span class="strong">ControlFont</span></a></li>
+<li type="circle">controlP5.<a href="../controlP5/Controller.html" title="class in controlP5"><span class="strong">Controller</span></a>&lt;T&gt; (implements controlP5.<a href="../controlP5/CDrawable.html" title="interface in controlP5">CDrawable</a>, controlP5.<a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;T&gt;, controlP5.<a href="../controlP5/ControlP5Constants.html" title="interface in controlP5">ControlP5Constants</a>)
+<ul>
+<li type="circle">controlP5.<a href="../controlP5/Bang.html" title="class in controlP5"><span class="strong">Bang</span></a></li>
+<li type="circle">controlP5.<a href="../controlP5/BoundingBox.html" title="class in controlP5"><span class="strong">BoundingBox</span></a></li>
+<li type="circle">controlP5.<a href="../controlP5/Button.html" title="class in controlP5"><span class="strong">Button</span></a>
+<ul>
+<li type="circle">controlP5.<a href="../controlP5/MultiListButton.html" title="class in controlP5"><span class="strong">MultiListButton</span></a></li>
+</ul>
+</li>
+<li type="circle">controlP5.<a href="../controlP5/Chart.html" title="class in controlP5"><span class="strong">Chart</span></a></li>
+<li type="circle">controlP5.<a href="../controlP5/ColorWheel.html" title="class in controlP5"><span class="strong">ColorWheel</span></a></li>
+<li type="circle">controlP5.<a href="../controlP5/Knob.html" title="class in controlP5"><span class="strong">Knob</span></a></li>
+<li type="circle">controlP5.<a href="../controlP5/Matrix.html" title="class in controlP5"><span class="strong">Matrix</span></a></li>
+<li type="circle">controlP5.<a href="../controlP5/MultiList.html" title="class in controlP5"><span class="strong">MultiList</span></a> (implements controlP5.<a href="../controlP5/ControlListener.html" title="interface in controlP5">ControlListener</a>)</li>
+<li type="circle">controlP5.<a href="../controlP5/Numberbox.html" title="class in controlP5"><span class="strong">Numberbox</span></a></li>
+<li type="circle">controlP5.<a href="../controlP5/Range.html" title="class in controlP5"><span class="strong">Range</span></a></li>
+<li type="circle">controlP5.<a href="../controlP5/ScrollableList.html" title="class in controlP5"><span class="strong">ScrollableList</span></a> (implements controlP5.<a href="../controlP5/ControlListener.html" title="interface in controlP5">ControlListener</a>)</li>
+<li type="circle">controlP5.<a href="../controlP5/Slider.html" title="class in controlP5"><span class="strong">Slider</span></a></li>
+<li type="circle">controlP5.<a href="../controlP5/Slider2D.html" title="class in controlP5"><span class="strong">Slider2D</span></a></li>
+<li type="circle">controlP5.<a href="../controlP5/Textfield.html" title="class in controlP5"><span class="strong">Textfield</span></a></li>
+<li type="circle">controlP5.<a href="../controlP5/Textlabel.html" title="class in controlP5"><span class="strong">Textlabel</span></a>
+<ul>
+<li type="circle">controlP5.<a href="../controlP5/FrameRate.html" title="class in controlP5"><span class="strong">FrameRate</span></a></li>
+</ul>
+</li>
+<li type="circle">controlP5.<a href="../controlP5/Toggle.html" title="class in controlP5"><span class="strong">Toggle</span></a></li>
+</ul>
+</li>
+<li type="circle">controlP5.<a href="../controlP5/ControllerGroup.html" title="class in controlP5"><span class="strong">ControllerGroup</span></a>&lt;T&gt; (implements controlP5.<a href="../controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;T&gt;, controlP5.<a href="../controlP5/ControlListener.html" title="interface in controlP5">ControlListener</a>, controlP5.<a href="../controlP5/ControlP5Constants.html" title="interface in controlP5">ControlP5Constants</a>)
+<ul>
+<li type="circle">controlP5.<a href="../controlP5/ControlGroup.html" title="class in controlP5"><span class="strong">ControlGroup</span></a>&lt;T&gt; (implements controlP5.<a href="../controlP5/ControlListener.html" title="interface in controlP5">ControlListener</a>)
+<ul>
+<li type="circle">controlP5.<a href="../controlP5/Accordion.html" title="class in controlP5"><span class="strong">Accordion</span></a></li>
+<li type="circle">controlP5.<a href="../controlP5/CheckBox.html" title="class in controlP5"><span class="strong">CheckBox</span></a></li>
+<li type="circle">controlP5.<a href="../controlP5/ColorPicker.html" title="class in controlP5"><span class="strong">ColorPicker</span></a></li>
+<li type="circle">controlP5.<a href="../controlP5/DropdownList.html" title="class in controlP5"><span class="strong">DropdownList</span></a></li>
+<li type="circle">controlP5.<a href="../controlP5/Group.html" title="class in controlP5"><span class="strong">Group</span></a></li>
+<li type="circle">controlP5.<a href="../controlP5/ListBox.html" title="class in controlP5"><span class="strong">ListBox</span></a> (implements controlP5.<a href="../controlP5/ControlListener.html" title="interface in controlP5">ControlListener</a>)</li>
+<li type="circle">controlP5.<a href="../controlP5/RadioButton.html" title="class in controlP5"><span class="strong">RadioButton</span></a>
+<ul>
+<li type="circle">controlP5.<a href="../controlP5/Radio.html" title="class in controlP5"><span class="strong">Radio</span></a></li>
+</ul>
+</li>
+</ul>
+</li>
+<li type="circle">controlP5.<a href="../controlP5/Tab.html" title="class in controlP5"><span class="strong">Tab</span></a></li>
+<li type="circle">controlP5.<a href="../controlP5/Textarea.html" title="class in controlP5"><span class="strong">Textarea</span></a> (implements controlP5.<a href="../controlP5/ControlListener.html" title="interface in controlP5">ControlListener</a>)</li>
+</ul>
+</li>
+<li type="circle">controlP5.<a href="../controlP5/ControllerList.html" title="class in controlP5"><span class="strong">ControllerList</span></a></li>
+<li type="circle">controlP5.<a href="../controlP5/ControllerPlug.html" title="class in controlP5"><span class="strong">ControllerPlug</span></a></li>
+<li type="circle">controlP5.<a href="../controlP5/ControllerProperties.html" title="class in controlP5"><span class="strong">ControllerProperties</span></a></li>
+<li type="circle">controlP5.<a href="../controlP5/ControllerProperty.html" title="class in controlP5"><span class="strong">ControllerProperty</span></a> (implements java.lang.Cloneable, java.io.Serializable)</li>
+<li type="circle">controlP5.<a href="../controlP5/ControllerStyle.html" title="class in controlP5"><span class="strong">ControllerStyle</span></a> (implements java.io.Serializable)</li>
+<li type="circle">controlP5.<a href="../controlP5/ControlP5Legacy.html" title="class in controlP5"><span class="strong">ControlP5Legacy</span></a>
+<ul>
+<li type="circle">controlP5.<a href="../controlP5/ControlP5Base.html" title="class in controlP5"><span class="strong">ControlP5Base</span></a> (implements controlP5.<a href="../controlP5/ControlP5Constants.html" title="interface in controlP5">ControlP5Constants</a>)
+<ul>
+<li type="circle">controlP5.<a href="../controlP5/ControlP5.html" title="class in controlP5"><span class="strong">ControlP5</span></a></li>
+</ul>
+</li>
+</ul>
+</li>
+<li type="circle">controlP5.<a href="../controlP5/ControlTimer.html" title="class in controlP5"><span class="strong">ControlTimer</span></a></li>
+<li type="circle">controlP5.<a href="../controlP5/ControlWindow.html" title="class in controlP5"><span class="strong">ControlWindow</span></a></li>
+<li type="circle">controlP5.<a href="../controlP5/ControlWindow.Pointer.html" title="class in controlP5"><span class="strong">ControlWindow.Pointer</span></a></li>
+<li type="circle">controlP5.<a href="../controlP5/CP.html" title="class in controlP5"><span class="strong">CP</span></a></li>
+<li type="circle">controlP5.<a href="../controlP5/Label.html" title="class in controlP5"><span class="strong">Label</span></a> (implements controlP5.<a href="../controlP5/CDrawable.html" title="interface in controlP5">CDrawable</a>)</li>
+<li type="circle">controlP5.<a href="../controlP5/ListBoxItem.html" title="class in controlP5"><span class="strong">ListBoxItem</span></a></li>
+<li type="circle">processing.core.PFont (implements processing.core.PConstants)
+<ul>
+<li type="circle">controlP5.<a href="../controlP5/BitFont.html" title="class in controlP5"><span class="strong">BitFont</span></a></li>
+</ul>
+</li>
+<li type="circle">controlP5.<a href="../controlP5/Println.html" title="class in controlP5"><span class="strong">Println</span></a></li>
+<li type="circle">controlP5.<a href="../controlP5/ScrollableList.ScrollableListView.html" title="class in controlP5"><span class="strong">ScrollableList.ScrollableListView</span></a> (implements controlP5.<a href="../controlP5/ControllerView.html" title="interface in controlP5">ControllerView</a>&lt;T&gt;)</li>
+<li type="circle">controlP5.<a href="../controlP5/TickMark.html" title="class in controlP5"><span class="strong">TickMark</span></a> (implements controlP5.<a href="../controlP5/CDrawable.html" title="interface in controlP5">CDrawable</a>)</li>
+<li type="circle">controlP5.<a href="../controlP5/Tooltip.html" title="class in controlP5"><span class="strong">Tooltip</span></a></li>
+</ul>
+</li>
+</ul>
+<h2 title="Interface Hierarchy">Interface Hierarchy</h2>
+<ul>
+<li type="circle">controlP5.<a href="../controlP5/CallbackListener.html" title="interface in controlP5"><span class="strong">CallbackListener</span></a></li>
+<li type="circle">controlP5.<a href="../controlP5/CDrawable.html" title="interface in controlP5"><span class="strong">CDrawable</span></a></li>
+<li type="circle">controlP5.<a href="../controlP5/ControlKey.html" title="interface in controlP5"><span class="strong">ControlKey</span></a></li>
+<li type="circle">controlP5.<a href="../controlP5/ControllerInterface.html" title="interface in controlP5"><span class="strong">ControllerInterface</span></a>&lt;T&gt;</li>
+<li type="circle">controlP5.<a href="../controlP5/ControllerView.html" title="interface in controlP5"><span class="strong">ControllerView</span></a>&lt;T&gt;</li>
+<li type="circle">controlP5.<a href="../controlP5/ControlListener.html" title="interface in controlP5"><span class="strong">ControlListener</span></a></li>
+<li type="circle">controlP5.<a href="../controlP5/ControlP5Constants.html" title="interface in controlP5"><span class="strong">ControlP5Constants</span></a></li>
+<li type="circle">controlP5.<a href="../controlP5/Pointer.html" title="interface in controlP5"><span class="strong">Pointer</span></a></li>
+</ul>
+<h2 title="Annotation Type Hierarchy">Annotation Type Hierarchy</h2>
+<ul>
+<li type="circle">controlP5.<a href="../controlP5/ControlElement.html" title="annotation in controlP5"><span class="strong">ControlElement</span></a> (implements java.lang.annotation.Annotation)</li>
+</ul>
+<h2 title="Enum Hierarchy">Enum Hierarchy</h2>
+<ul>
+<li type="circle">java.lang.Object
+<ul>
+<li type="circle">java.lang.Enum&lt;E&gt; (implements java.lang.Comparable&lt;T&gt;, java.io.Serializable)
+<ul>
+<li type="circle">controlP5.<a href="../controlP5/Textfield.InputFilter.html" title="enum in controlP5"><span class="strong">Textfield.InputFilter</span></a></li>
+</ul>
+</li>
+</ul>
+</li>
+</ul>
+</div>
+<!-- ======= START OF BOTTOM NAVBAR ====== -->
+<div class="bottomNav"><a name="navbar_bottom">
+<!--   -->
+</a><a href="#skip-navbar_bottom" title="Skip navigation links"></a><a name="navbar_bottom_firstrow">
+<!--   -->
+</a>
+<ul class="navList" title="Navigation">
+<li><a href="../controlP5/package-summary.html">Package</a></li>
+<li>Class</li>
+<li class="navBarCell1Rev">Tree</li>
+<li><a href="../index-all.html">Index</a></li>
+<li><a href="../help-doc.html">Help</a></li>
+</ul>
+</div>
+<div class="subNav">
+<ul class="navList">
+<li>Prev</li>
+<li>Next</li>
+</ul>
+<ul class="navList">
+<li><a href="../index.html?controlP5/package-tree.html" target="_top">Frames</a></li>
+<li><a href="package-tree.html" target="_top">No Frames</a></li>
+</ul>
+<ul class="navList" id="allclasses_navbar_bottom">
+<li><a href="../allclasses-noframe.html">All Classes</a></li>
+</ul>
+<div>
+<script type="text/javascript"><!--
+  allClassesLink = document.getElementById("allclasses_navbar_bottom");
+  if(window==top) {
+    allClassesLink.style.display = "block";
+  }
+  else {
+    allClassesLink.style.display = "none";
+  }
+  //-->
+</script>
+</div>
+<a name="skip-navbar_bottom">
+<!--   -->
+</a></div>
+<!-- ======== END OF BOTTOM NAVBAR ======= -->
+<p class="legalCopy"><small>processing library controlP5 by Andreas Schlegel. (c) 2006-2014</small></p>
+</body>
+</html>
diff --git a/reference/help-doc.html b/reference/help-doc.html
new file mode 100644
index 0000000..9932f04
--- /dev/null
+++ b/reference/help-doc.html
@@ -0,0 +1,203 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
+<!-- NewPage -->
+<html lang="en">
+<head>
+<!-- Generated by javadoc (version 1.7.0_51) on Sun Apr 27 21:39:48 SGT 2014 -->
+<title>API Help (Javadocs: controlP5)</title>
+<meta name="date" content="2014-04-27">
+<link rel="stylesheet" type="text/css" href="stylesheet.css" title="Style">
+</head>
+<body>
+<script type="text/javascript"><!--
+    if (location.href.indexOf('is-external=true') == -1) {
+        parent.document.title="API Help (Javadocs: controlP5)";
+    }
+//-->
+</script>
+<noscript>
+<div>JavaScript is disabled on your browser.</div>
+</noscript>
+<!-- ========= START OF TOP NAVBAR ======= -->
+<div class="topNav"><a name="navbar_top">
+<!--   -->
+</a><a href="#skip-navbar_top" title="Skip navigation links"></a><a name="navbar_top_firstrow">
+<!--   -->
+</a>
+<ul class="navList" title="Navigation">
+<li><a href="controlP5/package-summary.html">Package</a></li>
+<li>Class</li>
+<li><a href="overview-tree.html">Tree</a></li>
+<li><a href="index-all.html">Index</a></li>
+<li class="navBarCell1Rev">Help</li>
+</ul>
+</div>
+<div class="subNav">
+<ul class="navList">
+<li>Prev</li>
+<li>Next</li>
+</ul>
+<ul class="navList">
+<li><a href="index.html?help-doc.html" target="_top">Frames</a></li>
+<li><a href="help-doc.html" target="_top">No Frames</a></li>
+</ul>
+<ul class="navList" id="allclasses_navbar_top">
+<li><a href="allclasses-noframe.html">All Classes</a></li>
+</ul>
+<div>
+<script type="text/javascript"><!--
+  allClassesLink = document.getElementById("allclasses_navbar_top");
+  if(window==top) {
+    allClassesLink.style.display = "block";
+  }
+  else {
+    allClassesLink.style.display = "none";
+  }
+  //-->
+</script>
+</div>
+<a name="skip-navbar_top">
+<!--   -->
+</a></div>
+<!-- ========= END OF TOP NAVBAR ========= -->
+<div class="header">
+<h1 class="title">How This API Document Is Organized</h1>
+<div class="subTitle">This API (Application Programming Interface) document has pages corresponding to the items in the navigation bar, described as follows.</div>
+</div>
+<div class="contentContainer">
+<ul class="blockList">
+<li class="blockList">
+<h2>Package</h2>
+<p>Each package has a page that contains a list of its classes and interfaces, with a summary for each. This page can contain six categories:</p>
+<ul>
+<li>Interfaces (italic)</li>
+<li>Classes</li>
+<li>Enums</li>
+<li>Exceptions</li>
+<li>Errors</li>
+<li>Annotation Types</li>
+</ul>
+</li>
+<li class="blockList">
+<h2>Class/Interface</h2>
+<p>Each class, interface, nested class and nested interface has its own separate page. Each of these pages has three sections consisting of a class/interface description, summary tables, and detailed member descriptions:</p>
+<ul>
+<li>Class inheritance diagram</li>
+<li>Direct Subclasses</li>
+<li>All Known Subinterfaces</li>
+<li>All Known Implementing Classes</li>
+<li>Class/interface declaration</li>
+<li>Class/interface description</li>
+</ul>
+<ul>
+<li>Nested Class Summary</li>
+<li>Field Summary</li>
+<li>Constructor Summary</li>
+<li>Method Summary</li>
+</ul>
+<ul>
+<li>Field Detail</li>
+<li>Constructor Detail</li>
+<li>Method Detail</li>
+</ul>
+<p>Each summary entry contains the first sentence from the detailed description for that item. The summary entries are alphabetical, while the detailed descriptions are in the order they appear in the source code. This preserves the logical groupings established by the programmer.</p>
+</li>
+<li class="blockList">
+<h2>Annotation Type</h2>
+<p>Each annotation type has its own separate page with the following sections:</p>
+<ul>
+<li>Annotation Type declaration</li>
+<li>Annotation Type description</li>
+<li>Required Element Summary</li>
+<li>Optional Element Summary</li>
+<li>Element Detail</li>
+</ul>
+</li>
+<li class="blockList">
+<h2>Enum</h2>
+<p>Each enum has its own separate page with the following sections:</p>
+<ul>
+<li>Enum declaration</li>
+<li>Enum description</li>
+<li>Enum Constant Summary</li>
+<li>Enum Constant Detail</li>
+</ul>
+</li>
+<li class="blockList">
+<h2>Tree (Class Hierarchy)</h2>
+<p>There is a <a href="overview-tree.html">Class Hierarchy</a> page for all packages, plus a hierarchy for each package. Each hierarchy page contains a list of classes and a list of interfaces. The classes are organized by inheritance structure starting with <code>java.lang.Object</code>. The interfaces do not inherit from <code>java.lang.Object</code>.</p>
+<ul>
+<li>When viewing the Overview page, clicking on "Tree" displays the hierarchy for all packages.</li>
+<li>When viewing a particular package, class or interface page, clicking "Tree" displays the hierarchy for only that package.</li>
+</ul>
+</li>
+<li class="blockList">
+<h2>Index</h2>
+<p>The <a href="index-all.html">Index</a> contains an alphabetic list of all classes, interfaces, constructors, methods, and fields.</p>
+</li>
+<li class="blockList">
+<h2>Prev/Next</h2>
+<p>These links take you to the next or previous class, interface, package, or related page.</p>
+</li>
+<li class="blockList">
+<h2>Frames/No Frames</h2>
+<p>These links show and hide the HTML frames.  All pages are available with or without frames.</p>
+</li>
+<li class="blockList">
+<h2>All Classes</h2>
+<p>The <a href="allclasses-noframe.html">All Classes</a> link shows all classes and interfaces except non-static nested types.</p>
+</li>
+<li class="blockList">
+<h2>Serialized Form</h2>
+<p>Each serializable or externalizable class has a description of its serialization fields and methods. This information is of interest to re-implementors, not to developers using the API. While there is no link in the navigation bar, you can get to this information by going to any serialized class and clicking "Serialized Form" in the "See also" section of the class description.</p>
+</li>
+<li class="blockList">
+<h2>Constant Field Values</h2>
+<p>The <a href="constant-values.html">Constant Field Values</a> page lists the static final fields and their values.</p>
+</li>
+</ul>
+<em>This help file applies to API documentation generated using the standard doclet.</em></div>
+<!-- ======= START OF BOTTOM NAVBAR ====== -->
+<div class="bottomNav"><a name="navbar_bottom">
+<!--   -->
+</a><a href="#skip-navbar_bottom" title="Skip navigation links"></a><a name="navbar_bottom_firstrow">
+<!--   -->
+</a>
+<ul class="navList" title="Navigation">
+<li><a href="controlP5/package-summary.html">Package</a></li>
+<li>Class</li>
+<li><a href="overview-tree.html">Tree</a></li>
+<li><a href="index-all.html">Index</a></li>
+<li class="navBarCell1Rev">Help</li>
+</ul>
+</div>
+<div class="subNav">
+<ul class="navList">
+<li>Prev</li>
+<li>Next</li>
+</ul>
+<ul class="navList">
+<li><a href="index.html?help-doc.html" target="_top">Frames</a></li>
+<li><a href="help-doc.html" target="_top">No Frames</a></li>
+</ul>
+<ul class="navList" id="allclasses_navbar_bottom">
+<li><a href="allclasses-noframe.html">All Classes</a></li>
+</ul>
+<div>
+<script type="text/javascript"><!--
+  allClassesLink = document.getElementById("allclasses_navbar_bottom");
+  if(window==top) {
+    allClassesLink.style.display = "block";
+  }
+  else {
+    allClassesLink.style.display = "none";
+  }
+  //-->
+</script>
+</div>
+<a name="skip-navbar_bottom">
+<!--   -->
+</a></div>
+<!-- ======== END OF BOTTOM NAVBAR ======= -->
+<p class="legalCopy"><small>processing library controlP5 by Andreas Schlegel. (c) 2006-2014</small></p>
+</body>
+</html>
diff --git a/reference/index-all.html b/reference/index-all.html
new file mode 100644
index 0000000..96f5252
--- /dev/null
+++ b/reference/index-all.html
@@ -0,0 +1,5165 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
+<!-- NewPage -->
+<html lang="en">
+<head>
+<!-- Generated by javadoc (version 1.7.0_51) on Sun Apr 27 21:39:48 SGT 2014 -->
+<title>Index (Javadocs: controlP5)</title>
+<meta name="date" content="2014-04-27">
+<link rel="stylesheet" type="text/css" href="./stylesheet.css" title="Style">
+</head>
+<body>
+<script type="text/javascript"><!--
+    if (location.href.indexOf('is-external=true') == -1) {
+        parent.document.title="Index (Javadocs: controlP5)";
+    }
+//-->
+</script>
+<noscript>
+<div>JavaScript is disabled on your browser.</div>
+</noscript>
+<!-- ========= START OF TOP NAVBAR ======= -->
+<div class="topNav"><a name="navbar_top">
+<!--   -->
+</a><a href="#skip-navbar_top" title="Skip navigation links"></a><a name="navbar_top_firstrow">
+<!--   -->
+</a>
+<ul class="navList" title="Navigation">
+<li><a href="./controlP5/package-summary.html">Package</a></li>
+<li>Class</li>
+<li><a href="./overview-tree.html">Tree</a></li>
+<li class="navBarCell1Rev">Index</li>
+<li><a href="./help-doc.html">Help</a></li>
+</ul>
+</div>
+<div class="subNav">
+<ul class="navList">
+<li>Prev</li>
+<li>Next</li>
+</ul>
+<ul class="navList">
+<li><a href="./index.html?index-all.html" target="_top">Frames</a></li>
+<li><a href="index-all.html" target="_top">No Frames</a></li>
+</ul>
+<ul class="navList" id="allclasses_navbar_top">
+<li><a href="./allclasses-noframe.html">All Classes</a></li>
+</ul>
+<div>
+<script type="text/javascript"><!--
+  allClassesLink = document.getElementById("allclasses_navbar_top");
+  if(window==top) {
+    allClassesLink.style.display = "block";
+  }
+  else {
+    allClassesLink.style.display = "none";
+  }
+  //-->
+</script>
+</div>
+<a name="skip-navbar_top">
+<!--   -->
+</a></div>
+<!-- ========= END OF TOP NAVBAR ========= -->
+<div class="contentContainer"><a href="#_A_">A</a>&nbsp;<a href="#_B_">B</a>&nbsp;<a href="#_C_">C</a>&nbsp;<a href="#_D_">D</a>&nbsp;<a href="#_E_">E</a>&nbsp;<a href="#_F_">F</a>&nbsp;<a href="#_G_">G</a>&nbsp;<a href="#_H_">H</a>&nbsp;<a href="#_I_">I</a>&nbsp;<a href="#_J_">J</a>&nbsp;<a href="#_K_">K</a>&nbsp;<a href="#_L_">L</a>&nbsp;<a href="#_M_">M</a>&nbsp;<a href="#_N_">N</a>&nbsp;<a href="#_O_">O</a>&nbsp;<a href="#_P_">P</a>&nbsp;<a href="#_R_">R</a>&nbsp;<a href="#_S_">S</a>&nbsp;<a href="#_T_">T</a>&nbsp;<a href="#_U_">U</a>&nbsp;<a href="#_V_">V</a>&nbsp;<a href="#_W_">W</a>&nbsp;<a href="#_X_">X</a>&nbsp;<a href="#_Y_">Y</a>&nbsp;<a href="#___">_</a>&nbsp;<a name="_A_">
+<!--   -->
+</a>
+<h2 class="title">A</h2>
+<dl>
+<dt><span class="strong"><a href="./controlP5/ColorWheel.html#a()">a()</a></span> - Method in class controlP5.<a href="./controlP5/ColorWheel.html" title="class in controlP5">ColorWheel</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Constants.html#acceptClassList">acceptClassList</a></span> - Static variable in interface controlP5.<a href="./controlP5/ControlP5Constants.html" title="interface in controlP5">ControlP5Constants</a></dt>
+<dd>&nbsp;</dd>
+<dt><a href="./controlP5/Accordion.html" title="class in controlP5"><span class="strong">Accordion</span></a> - Class in <a href="./controlP5/package-summary.html">controlP5</a></dt>
+<dd>
+<div class="block">
+ The Accordion is a list of ControlGroups which can be expanded and collapsed.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/Accordion.html#Accordion(controlP5.ControlP5, java.lang.String)">Accordion(ControlP5, String)</a></span> - Constructor for class controlP5.<a href="./controlP5/Accordion.html" title="class in controlP5">Accordion</a></dt>
+<dd>
+<div class="block">Convenience constructor to extend Accordion.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/DropdownList.html#actAsPulldownMenu(boolean)">actAsPulldownMenu(boolean)</a></span> - Method in class controlP5.<a href="./controlP5/DropdownList.html" title="class in controlP5">DropdownList</a></dt>
+<dd>
+<div class="block">Enables a ListBox to act as a pulldown menu.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/ListBox.html#actAsPulldownMenu(boolean)">actAsPulldownMenu(boolean)</a></span> - Method in class controlP5.<a href="./controlP5/ListBox.html" title="class in controlP5">ListBox</a></dt>
+<dd>
+<div class="block">Enables a ListBox to act as a pulldown menu.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Constants.html#ACTION_BROADCAST">ACTION_BROADCAST</a></span> - Static variable in interface controlP5.<a href="./controlP5/ControlP5Constants.html" title="interface in controlP5">ControlP5Constants</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Constants.html#ACTION_CLICK">ACTION_CLICK</a></span> - Static variable in interface controlP5.<a href="./controlP5/ControlP5Constants.html" title="interface in controlP5">ControlP5Constants</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Constants.html#ACTION_DRAG">ACTION_DRAG</a></span> - Static variable in interface controlP5.<a href="./controlP5/ControlP5Constants.html" title="interface in controlP5">ControlP5Constants</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Constants.html#ACTION_ENTER">ACTION_ENTER</a></span> - Static variable in interface controlP5.<a href="./controlP5/ControlP5Constants.html" title="interface in controlP5">ControlP5Constants</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Constants.html#ACTION_EXIT">ACTION_EXIT</a></span> - Static variable in interface controlP5.<a href="./controlP5/ControlP5Constants.html" title="interface in controlP5">ControlP5Constants</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Constants.html#ACTION_LEAVE">ACTION_LEAVE</a></span> - Static variable in interface controlP5.<a href="./controlP5/ControlP5Constants.html" title="interface in controlP5">ControlP5Constants</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Constants.html#ACTION_MOVE">ACTION_MOVE</a></span> - Static variable in interface controlP5.<a href="./controlP5/ControlP5Constants.html" title="interface in controlP5">ControlP5Constants</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Constants.html#ACTION_PRESS">ACTION_PRESS</a></span> - Static variable in interface controlP5.<a href="./controlP5/ControlP5Constants.html" title="interface in controlP5">ControlP5Constants</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Constants.html#ACTION_RELEASE">ACTION_RELEASE</a></span> - Static variable in interface controlP5.<a href="./controlP5/ControlP5Constants.html" title="interface in controlP5">ControlP5Constants</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Constants.html#ACTION_RELEASEDOUTSIDE">ACTION_RELEASEDOUTSIDE</a></span> - Static variable in interface controlP5.<a href="./controlP5/ControlP5Constants.html" title="interface in controlP5">ControlP5Constants</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Constants.html#ACTION_WHEEL">ACTION_WHEEL</a></span> - Static variable in interface controlP5.<a href="./controlP5/ControlP5Constants.html" title="interface in controlP5">ControlP5Constants</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/CheckBox.html#activate(int)">activate(int)</a></span> - Method in class controlP5.<a href="./controlP5/CheckBox.html" title="class in controlP5">CheckBox</a></dt>
+<dd>
+<div class="block">Activates a single checkbox item by index</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/CheckBox.html#activate(java.lang.String)">activate(String)</a></span> - Method in class controlP5.<a href="./controlP5/CheckBox.html" title="class in controlP5">CheckBox</a></dt>
+<dd>
+<div class="block">Activates a single checkbox item by name</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/RadioButton.html#activate(int)">activate(int)</a></span> - Method in class controlP5.<a href="./controlP5/RadioButton.html" title="class in controlP5">RadioButton</a></dt>
+<dd>
+<div class="block">Deactivates all active RadioButton items and only activates the item corresponding to
+ theIndex.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/RadioButton.html#activate(java.lang.String)">activate(String)</a></span> - Method in class controlP5.<a href="./controlP5/RadioButton.html" title="class in controlP5">RadioButton</a></dt>
+<dd>
+<div class="block">Actives an item of the Radio button by name.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/CheckBox.html#activateAll()">activateAll()</a></span> - Method in class controlP5.<a href="./controlP5/CheckBox.html" title="class in controlP5">CheckBox</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Button.html#activateBy(int)">activateBy(int)</a></span> - Method in class controlP5.<a href="./controlP5/Button.html" title="class in controlP5">Button</a></dt>
+<dd>
+<div class="block">A button can be activated by a mouse PRESSED or mouse RELEASE.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/ControlGroup.html#activateEvent(boolean)">activateEvent(boolean)</a></span> - Method in class controlP5.<a href="./controlP5/ControlGroup.html" title="class in controlP5">ControlGroup</a></dt>
+<dd>
+<div class="block">activates or deactivates the Event status of a ControlGroup.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/Tab.html#activateEvent(boolean)">activateEvent(boolean)</a></span> - Method in class controlP5.<a href="./controlP5/Tab.html" title="class in controlP5">Tab</a></dt>
+<dd>
+<div class="block">activates or deactivates the Event status of a tab, When activated a tab will send a
+ controlEvent to the main application.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/ControlWindow.html#activateTab(java.lang.String)">activateTab(String)</a></span> - Method in class controlP5.<a href="./controlP5/ControlWindow.html" title="class in controlP5">ControlWindow</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Constants.html#ACTIVE">ACTIVE</a></span> - Static variable in interface controlP5.<a href="./controlP5/ControlP5Constants.html" title="interface in controlP5">ControlP5Constants</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Controller.html#add(controlP5.ControllerInterface)">add(ControllerInterface&lt;?&gt;)</a></span> - Method in class controlP5.<a href="./controlP5/Controller.html" title="class in controlP5">Controller</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerGroup.html#add(controlP5.ControllerInterface)">add(ControllerInterface&lt;?&gt;)</a></span> - Method in class controlP5.<a href="./controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a></dt>
+<dd>
+<div class="block">Adds a controller to the group, but use Controller.setGroup() instead.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerInterface.html#add(controlP5.ControllerInterface)">add(ControllerInterface&lt;?&gt;)</a></span> - Method in interface controlP5.<a href="./controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerList.html#add(controlP5.ControllerInterface)">add(ControllerInterface&lt;?&gt;)</a></span> - Method in class controlP5.<a href="./controlP5/ControllerList.html" title="class in controlP5">ControllerList</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlWindow.html#add(controlP5.Tab)">add(Tab)</a></span> - Method in class controlP5.<a href="./controlP5/ControlWindow.html" title="class in controlP5">ControlWindow</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/MultiList.html#add(java.lang.String, int)">add(String, int)</a></span> - Method in class controlP5.<a href="./controlP5/MultiList.html" title="class in controlP5">MultiList</a></dt>
+<dd>
+<div class="block">adds multilist buttons to the multilist.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/MultiListButton.html#add(java.lang.String, float)">add(String, float)</a></span> - Method in class controlP5.<a href="./controlP5/MultiListButton.html" title="class in controlP5">MultiListButton</a></dt>
+<dd>
+<div class="block">add a new button to the sublist of this multilist button.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Base.html#addAccordion(java.lang.String)">addAccordion(String)</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5Base.html" title="class in controlP5">ControlP5Base</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Base.html#addAccordion(java.lang.Object, java.lang.String)">addAccordion(Object, String)</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5Base.html" title="class in controlP5">ControlP5Base</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Legacy.html#addAccordion(java.lang.String, int, int, int)">addAccordion(String, int, int, int)</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5Legacy.html" title="class in controlP5">ControlP5Legacy</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Legacy.html#addAccordion(java.lang.Object, java.lang.String, java.lang.String)">addAccordion(Object, String, String)</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5Legacy.html" title="class in controlP5">ControlP5Legacy</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Base.html#addBang(java.lang.String)">addBang(String)</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5Base.html" title="class in controlP5">ControlP5Base</a></dt>
+<dd>
+<div class="block">Triggers an event without passing a value.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Base.html#addBang(java.lang.Object, java.lang.String)">addBang(Object, String)</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5Base.html" title="class in controlP5">ControlP5Base</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Legacy.html#addBang(java.lang.Object, java.lang.String, java.lang.String, int, int, int, int)">addBang(Object, String, String, int, int, int, int)</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5Legacy.html" title="class in controlP5">ControlP5Legacy</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Legacy.html#addBang(java.lang.Object, java.lang.String, java.lang.String)">addBang(Object, String, String)</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5Legacy.html" title="class in controlP5">ControlP5Legacy</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Legacy.html#addBoundingBox(java.lang.String)">addBoundingBox(String)</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5Legacy.html" title="class in controlP5">ControlP5Legacy</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Legacy.html#addBoundingBox(java.lang.Object, java.lang.String, java.lang.String, int, int, int, int)">addBoundingBox(Object, String, String, int, int, int, int)</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5Legacy.html" title="class in controlP5">ControlP5Legacy</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Base.html#addButton(java.lang.String)">addButton(String)</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5Base.html" title="class in controlP5">ControlP5Base</a></dt>
+<dd>
+<div class="block">Triggers an event and passing a value.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Base.html#addButton(java.lang.Object, java.lang.String)">addButton(Object, String)</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5Base.html" title="class in controlP5">ControlP5Base</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Legacy.html#addButton(java.lang.Object, java.lang.String, java.lang.String, float, int, int, int, int)">addButton(Object, String, String, float, int, int, int, int)</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5Legacy.html" title="class in controlP5">ControlP5Legacy</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Legacy.html#addButton(java.lang.Object, java.lang.String, java.lang.String)">addButton(Object, String, String)</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5Legacy.html" title="class in controlP5">ControlP5Legacy</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Legacy.html#addButton(java.lang.String, float)">addButton(String, float)</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5Legacy.html" title="class in controlP5">ControlP5Legacy</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Legacy.html#addButton(java.lang.Object, java.lang.String, java.lang.String, float)">addButton(Object, String, String, float)</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5Legacy.html" title="class in controlP5">ControlP5Legacy</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlBroadcaster.html#addCallback(controlP5.CallbackListener...)">addCallback(CallbackListener...)</a></span> - Method in class controlP5.<a href="./controlP5/ControlBroadcaster.html" title="class in controlP5">ControlBroadcaster</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlBroadcaster.html#addCallback(controlP5.CallbackListener)">addCallback(CallbackListener)</a></span> - Method in class controlP5.<a href="./controlP5/ControlBroadcaster.html" title="class in controlP5">ControlBroadcaster</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlBroadcaster.html#addCallback(controlP5.CallbackListener, controlP5.Controller...)">addCallback(CallbackListener, Controller&lt;?&gt;...)</a></span> - Method in class controlP5.<a href="./controlP5/ControlBroadcaster.html" title="class in controlP5">ControlBroadcaster</a></dt>
+<dd>
+<div class="block">Adds a CallbackListener for a list of controllers.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/Controller.html#addCallback(controlP5.CallbackListener)">addCallback(CallbackListener)</a></span> - Method in class controlP5.<a href="./controlP5/Controller.html" title="class in controlP5">Controller</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5.html#addCallback(controlP5.CallbackListener...)">addCallback(CallbackListener...)</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5.html" title="class in controlP5">ControlP5</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5.html#addCallback(controlP5.CallbackListener)">addCallback(CallbackListener)</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5.html" title="class in controlP5">ControlP5</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5.html#addCallback(controlP5.CallbackListener, controlP5.Controller...)">addCallback(CallbackListener, Controller&lt;?&gt;...)</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5.html" title="class in controlP5">ControlP5</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerGroup.html#addCanvas(controlP5.Canvas)">addCanvas(Canvas)</a></span> - Method in class controlP5.<a href="./controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a></dt>
+<dd>
+<div class="block">Adds a canvas to a controllerGroup such as a tab or group.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5.html#addCanvas(controlP5.Canvas)">addCanvas(Canvas)</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5.html" title="class in controlP5">ControlP5</a></dt>
+<dd>
+<div class="block">adds a Canvas to the default sketch window.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/ControlWindow.html#addCanvas(controlP5.Canvas)">addCanvas(Canvas)</a></span> - Method in class controlP5.<a href="./controlP5/ControlWindow.html" title="class in controlP5">ControlWindow</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Base.html#addChart(java.lang.String)">addChart(String)</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5Base.html" title="class in controlP5">ControlP5Base</a></dt>
+<dd>
+<div class="block">adds chart support to display float array based data.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Legacy.html#addChart(java.lang.String, int, int, int, int)">addChart(String, int, int, int, int)</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5Legacy.html" title="class in controlP5">ControlP5Legacy</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Base.html#addCheckBox(java.lang.String)">addCheckBox(String)</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5Base.html" title="class in controlP5">ControlP5Base</a></dt>
+<dd>
+<div class="block">Use a checkbox for single choice options.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Base.html#addCheckBox(java.lang.Object, java.lang.String)">addCheckBox(Object, String)</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5Base.html" title="class in controlP5">ControlP5Base</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Legacy.html#addCheckBox(java.lang.Object, java.lang.String, java.lang.String, int, int)">addCheckBox(Object, String, String, int, int)</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5Legacy.html" title="class in controlP5">ControlP5Legacy</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Legacy.html#addCheckBox(java.lang.String, int, int)">addCheckBox(String, int, int)</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5Legacy.html" title="class in controlP5">ControlP5Legacy</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerGroup.html#addCloseButton()">addCloseButton()</a></span> - Method in class controlP5.<a href="./controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a></dt>
+<dd>
+<div class="block">TODO redesign or deprecate add a close button to the controlbar of this controlGroup.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Base.html#addColorPicker(java.lang.String)">addColorPicker(String)</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5Base.html" title="class in controlP5">ControlP5Base</a></dt>
+<dd>
+<div class="block">adds a simple RGBA colorpicker.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Base.html#addColorPicker(java.lang.Object, java.lang.String)">addColorPicker(Object, String)</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5Base.html" title="class in controlP5">ControlP5Base</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Legacy.html#addColorPicker(java.lang.String, int, int, int, int)">addColorPicker(String, int, int, int, int)</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5Legacy.html" title="class in controlP5">ControlP5Legacy</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Legacy.html#addColorPicker(java.lang.Object, java.lang.String, java.lang.String, int, int, int, int)">addColorPicker(Object, String, String, int, int, int, int)</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5Legacy.html" title="class in controlP5">ControlP5Legacy</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Base.html#addColorWheel(java.lang.String)">addColorWheel(String)</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5Base.html" title="class in controlP5">ControlP5Base</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Base.html#addColorWheel(java.lang.Object, java.lang.String)">addColorWheel(Object, String)</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5Base.html" title="class in controlP5">ControlP5Base</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Legacy.html#addColorWheel(java.lang.Object, java.lang.String, java.lang.String, int, int, int)">addColorWheel(Object, String, String, int, int, int)</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5Legacy.html" title="class in controlP5">ControlP5Legacy</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Legacy.html#addColorWheel(java.lang.String, int, int, int)">addColorWheel(String, int, int, int)</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5Legacy.html" title="class in controlP5">ControlP5Legacy</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Base.html#addConsole(controlP5.Textarea)">addConsole(Textarea)</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5Base.html" title="class in controlP5">ControlP5Base</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Legacy.html#addController(java.lang.Object, java.lang.String, java.lang.String, java.lang.Class, int, int)">addController(Object, String, String, Class&lt;C&gt;, int, int)</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5Legacy.html" title="class in controlP5">ControlP5Legacy</a></dt>
+<dd>
+<div class="block">Adds Controllers by Object reference, currently
+ supports Slider, Bang, Button, Knob, Numberbox,
+ Toggle, Textlabel, Textfield, Range, Slider2D.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Legacy.html#addController(java.lang.String, java.lang.Class, int, int)">addController(String, Class&lt;C&gt;, int, int)</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5Legacy.html" title="class in controlP5">ControlP5Legacy</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Base.html#addControllersFor(processing.core.PApplet)">addControllersFor(PApplet)</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5Base.html" title="class in controlP5">ControlP5Base</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Base.html#addControllersFor(java.lang.String, java.lang.Object)">addControllersFor(String, Object)</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5Base.html" title="class in controlP5">ControlP5Base</a></dt>
+<dd>
+<div class="block">Adds controllers for a specific object using
+ annotations.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5.html#addControlsFor(java.lang.Object)">addControlsFor(Object)</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5.html" title="class in controlP5">ControlP5</a></dt>
+<dd>
+<div class="block">TODO</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Legacy.html#addControlWindow(java.lang.String)">addControlWindow(String)</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5Legacy.html" title="class in controlP5">ControlP5Legacy</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Chart.html#addData(controlP5.ChartData)">addData(ChartData)</a></span> - Method in class controlP5.<a href="./controlP5/Chart.html" title="class in controlP5">Chart</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Chart.html#addData(java.lang.String, controlP5.ChartData)">addData(String, ChartData)</a></span> - Method in class controlP5.<a href="./controlP5/Chart.html" title="class in controlP5">Chart</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Chart.html#addData(float)">addData(float)</a></span> - Method in class controlP5.<a href="./controlP5/Chart.html" title="class in controlP5">Chart</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Chart.html#addData(java.lang.String, float)">addData(String, float)</a></span> - Method in class controlP5.<a href="./controlP5/Chart.html" title="class in controlP5">Chart</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Chart.html#addData(controlP5.ChartDataSet, float)">addData(ChartDataSet, float)</a></span> - Method in class controlP5.<a href="./controlP5/Chart.html" title="class in controlP5">Chart</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Chart.html#addDataSet(java.lang.String)">addDataSet(String)</a></span> - Method in class controlP5.<a href="./controlP5/Chart.html" title="class in controlP5">Chart</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerGroup.html#addDrawable(controlP5.CDrawable)">addDrawable(CDrawable)</a></span> - Method in class controlP5.<a href="./controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Legacy.html#addDropdownList(java.lang.String)">addDropdownList(String)</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5Legacy.html" title="class in controlP5">ControlP5Legacy</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Legacy.html#addDropdownList(java.lang.Object, java.lang.String, java.lang.String, int, int, int, int)">addDropdownList(Object, String, String, int, int, int, int)</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5Legacy.html" title="class in controlP5">ControlP5Legacy</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Legacy.html#addDropdownList(java.lang.String, int, int, int, int)">addDropdownList(String, int, int, int, int)</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5Legacy.html" title="class in controlP5">ControlP5Legacy</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Chart.html#addFirst(float)">addFirst(float)</a></span> - Method in class controlP5.<a href="./controlP5/Chart.html" title="class in controlP5">Chart</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Chart.html#addFirst(java.lang.String, float)">addFirst(String, float)</a></span> - Method in class controlP5.<a href="./controlP5/Chart.html" title="class in controlP5">Chart</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Base.html#addFrameRate()">addFrameRate()</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5Base.html" title="class in controlP5">ControlP5Base</a></dt>
+<dd>
+<div class="block">returns the current framerate of the running sketch.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Base.html#addGroup(java.lang.String)">addGroup(String)</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5Base.html" title="class in controlP5">ControlP5Base</a></dt>
+<dd>
+<div class="block">A controller group can be used to group controllers
+ for a better organization of single controllers.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Base.html#addGroup(java.lang.Object, java.lang.String)">addGroup(Object, String)</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5Base.html" title="class in controlP5">ControlP5Base</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Legacy.html#addGroup(java.lang.Object, java.lang.String, java.lang.String, int, int, int)">addGroup(Object, String, String, int, int, int)</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5Legacy.html" title="class in controlP5">ControlP5Legacy</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Legacy.html#addGroup(java.lang.Object, java.lang.String, java.lang.String, int, int)">addGroup(Object, String, String, int, int)</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5Legacy.html" title="class in controlP5">ControlP5Legacy</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Legacy.html#addGroup(java.lang.String, int, int, int)">addGroup(String, int, int, int)</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5Legacy.html" title="class in controlP5">ControlP5Legacy</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Legacy.html#addGroup(java.lang.Object, java.lang.String, java.lang.String)">addGroup(Object, String, String)</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5Legacy.html" title="class in controlP5">ControlP5Legacy</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Legacy.html#addGroup(java.lang.String, int, int)">addGroup(String, int, int)</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5Legacy.html" title="class in controlP5">ControlP5Legacy</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Legacy.html#addGroup(java.lang.Object, java.lang.String, java.lang.String, java.lang.Class, int, int, int, int)">addGroup(Object, String, String, Class&lt;C&gt;, int, int, int, int)</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5Legacy.html" title="class in controlP5">ControlP5Legacy</a></dt>
+<dd>
+<div class="block">Use with caution, only for internal use.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/Accordion.html#addItem(controlP5.ControlGroup)">addItem(ControlGroup&lt;?&gt;)</a></span> - Method in class controlP5.<a href="./controlP5/Accordion.html" title="class in controlP5">Accordion</a></dt>
+<dd>
+<div class="block">Adds items of type ControlGroup to the Accordion, only ControlGroups can be added.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/CheckBox.html#addItem(java.lang.String, float)">addItem(String, float)</a></span> - Method in class controlP5.<a href="./controlP5/CheckBox.html" title="class in controlP5">CheckBox</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/CheckBox.html#addItem(controlP5.Toggle, float)">addItem(Toggle, float)</a></span> - Method in class controlP5.<a href="./controlP5/CheckBox.html" title="class in controlP5">CheckBox</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/DropdownList.html#addItem(java.lang.String, int)">addItem(String, int)</a></span> - Method in class controlP5.<a href="./controlP5/DropdownList.html" title="class in controlP5">DropdownList</a></dt>
+<dd>
+<div class="block">Adds an item to the ListBox.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/ListBox.html#addItem(java.lang.String, int)">addItem(String, int)</a></span> - Method in class controlP5.<a href="./controlP5/ListBox.html" title="class in controlP5">ListBox</a></dt>
+<dd>
+<div class="block">Adds an item to the ListBox.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/RadioButton.html#addItem(java.lang.String, float)">addItem(String, float)</a></span> - Method in class controlP5.<a href="./controlP5/RadioButton.html" title="class in controlP5">RadioButton</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/RadioButton.html#addItem(controlP5.Toggle, float)">addItem(Toggle, float)</a></span> - Method in class controlP5.<a href="./controlP5/RadioButton.html" title="class in controlP5">RadioButton</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ScrollableList.html#addItem(java.lang.String, java.lang.Object)">addItem(String, Object)</a></span> - Method in class controlP5.<a href="./controlP5/ScrollableList.html" title="class in controlP5">ScrollableList</a></dt>
+<dd>
+<div class="block">Adds an item to the ScrollableList.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/DropdownList.html#addItems(java.lang.String[])">addItems(String[])</a></span> - Method in class controlP5.<a href="./controlP5/DropdownList.html" title="class in controlP5">DropdownList</a></dt>
+<dd>
+<div class="block">adds a list of items from a string array.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/DropdownList.html#addItems(java.util.List)">addItems(List&lt;?&gt;)</a></span> - Method in class controlP5.<a href="./controlP5/DropdownList.html" title="class in controlP5">DropdownList</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/DropdownList.html#addItems(java.util.List, int)">addItems(List&lt;?&gt;, int)</a></span> - Method in class controlP5.<a href="./controlP5/DropdownList.html" title="class in controlP5">DropdownList</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ListBox.html#addItems(java.lang.String[])">addItems(String[])</a></span> - Method in class controlP5.<a href="./controlP5/ListBox.html" title="class in controlP5">ListBox</a></dt>
+<dd>
+<div class="block">adds a list of items from a string array.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/ListBox.html#addItems(java.util.List)">addItems(List&lt;?&gt;)</a></span> - Method in class controlP5.<a href="./controlP5/ListBox.html" title="class in controlP5">ListBox</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ListBox.html#addItems(java.util.List, int)">addItems(List&lt;?&gt;, int)</a></span> - Method in class controlP5.<a href="./controlP5/ListBox.html" title="class in controlP5">ListBox</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ScrollableList.html#addItems(java.lang.String[])">addItems(String[])</a></span> - Method in class controlP5.<a href="./controlP5/ScrollableList.html" title="class in controlP5">ScrollableList</a></dt>
+<dd>
+<div class="block">adds a list of items from a string array.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/ScrollableList.html#addItems(java.util.List)">addItems(List&lt;?&gt;)</a></span> - Method in class controlP5.<a href="./controlP5/ScrollableList.html" title="class in controlP5">ScrollableList</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ScrollableList.html#addItems(java.util.List, int)">addItems(List&lt;?&gt;, int)</a></span> - Method in class controlP5.<a href="./controlP5/ScrollableList.html" title="class in controlP5">ScrollableList</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Base.html#addKnob(java.lang.String)">addKnob(String)</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5Base.html" title="class in controlP5">ControlP5Base</a></dt>
+<dd>
+<div class="block">Knobs can use limited and endless revolutions, custom
+ angles and starting points.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Base.html#addKnob(java.lang.Object, java.lang.String)">addKnob(Object, String)</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5Base.html" title="class in controlP5">ControlP5Base</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Legacy.html#addKnob(java.lang.Object, java.lang.String, java.lang.String, float, float, float, int, int, int)">addKnob(Object, String, String, float, float, float, int, int, int)</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5Legacy.html" title="class in controlP5">ControlP5Legacy</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Legacy.html#addKnob(java.lang.String, float, float, int, int, int)">addKnob(String, float, float, int, int, int)</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5Legacy.html" title="class in controlP5">ControlP5Legacy</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Legacy.html#addKnob(java.lang.Object, java.lang.String, java.lang.String, float, float, int, int, int)">addKnob(Object, String, String, float, float, int, int, int)</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5Legacy.html" title="class in controlP5">ControlP5Legacy</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Legacy.html#addKnob(java.lang.String, float, float, float, int, int, int)">addKnob(String, float, float, float, int, int, int)</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5Legacy.html" title="class in controlP5">ControlP5Legacy</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Legacy.html#addKnob(java.lang.Object, java.lang.String, java.lang.String, int, int)">addKnob(Object, String, String, int, int)</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5Legacy.html" title="class in controlP5">ControlP5Legacy</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Legacy.html#addKnob(java.lang.Object, java.lang.String, java.lang.String)">addKnob(Object, String, String)</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5Legacy.html" title="class in controlP5">ControlP5Legacy</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Legacy.html#addKnob(java.lang.String, int, int)">addKnob(String, int, int)</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5Legacy.html" title="class in controlP5">ControlP5Legacy</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Chart.html#addLast(float)">addLast(float)</a></span> - Method in class controlP5.<a href="./controlP5/Chart.html" title="class in controlP5">Chart</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Chart.html#addLast(java.lang.String, float)">addLast(String, float)</a></span> - Method in class controlP5.<a href="./controlP5/Chart.html" title="class in controlP5">Chart</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Legacy.html#addListBox(java.lang.String)">addListBox(String)</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5Legacy.html" title="class in controlP5">ControlP5Legacy</a></dt>
+<dd>
+<div class="block">A list box is a list of items a user can choose from.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Legacy.html#addListBox(java.lang.Object, java.lang.String, java.lang.String, int, int, int, int)">addListBox(Object, String, String, int, int, int, int)</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5Legacy.html" title="class in controlP5">ControlP5Legacy</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Legacy.html#addListBox(java.lang.String, int, int, int, int)">addListBox(String, int, int, int, int)</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5Legacy.html" title="class in controlP5">ControlP5Legacy</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlBroadcaster.html#addListener(controlP5.ControlListener...)">addListener(ControlListener...)</a></span> - Method in class controlP5.<a href="./controlP5/ControlBroadcaster.html" title="class in controlP5">ControlBroadcaster</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlGroup.html#addListener(controlP5.ControlListener)">addListener(ControlListener)</a></span> - Method in class controlP5.<a href="./controlP5/ControlGroup.html" title="class in controlP5">ControlGroup</a></dt>
+<dd>
+<div class="block">adds a listener to the controller.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/Controller.html#addListener(controlP5.ControlListener)">addListener(ControlListener)</a></span> - Method in class controlP5.<a href="./controlP5/Controller.html" title="class in controlP5">Controller</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerGroup.html#addListener(controlP5.ControlListener)">addListener(ControlListener)</a></span> - Method in class controlP5.<a href="./controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerInterface.html#addListener(controlP5.ControlListener)">addListener(ControlListener)</a></span> - Method in interface controlP5.<a href="./controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5.html#addListener(controlP5.ControlListener...)">addListener(ControlListener...)</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5.html" title="class in controlP5">ControlP5</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Base.html#addMatrix(java.lang.String)">addMatrix(String)</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5Base.html" title="class in controlP5">ControlP5Base</a></dt>
+<dd>
+<div class="block">Matrix is a 2-D matrix controller using toggle
+ controllers in a rows and a columns setup.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Base.html#addMatrix(java.lang.Object, java.lang.String)">addMatrix(Object, String)</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5Base.html" title="class in controlP5">ControlP5Base</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Legacy.html#addMatrix(java.lang.Object, java.lang.String, java.lang.String, int, int, int, int, int, int)">addMatrix(Object, String, String, int, int, int, int, int, int)</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5Legacy.html" title="class in controlP5">ControlP5Legacy</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Legacy.html#addMatrix(java.lang.String, int, int, int, int, int, int)">addMatrix(String, int, int, int, int, int, int)</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5Legacy.html" title="class in controlP5">ControlP5Legacy</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Base.html#addMultiList(java.lang.String)">addMultiList(String)</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5Base.html" title="class in controlP5">ControlP5Base</a></dt>
+<dd>
+<div class="block">Multilist is a tree like menu.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Base.html#addMultiList(java.lang.Object, java.lang.String)">addMultiList(Object, String)</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5Base.html" title="class in controlP5">ControlP5Base</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Legacy.html#addMultiList(java.lang.Object, java.lang.String, java.lang.String, int, int, int, int)">addMultiList(Object, String, String, int, int, int, int)</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5Legacy.html" title="class in controlP5">ControlP5Legacy</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Legacy.html#addMultiList(java.lang.String, int, int, int, int)">addMultiList(String, int, int, int, int)</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5Legacy.html" title="class in controlP5">ControlP5Legacy</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Base.html#addNumberbox(java.lang.String)">addNumberbox(String)</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5Base.html" title="class in controlP5">ControlP5Base</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Base.html#addNumberbox(java.lang.Object, java.lang.String)">addNumberbox(Object, String)</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5Base.html" title="class in controlP5">ControlP5Base</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Legacy.html#addNumberbox(java.lang.Object, java.lang.String, java.lang.String, float, int, int, int, int)">addNumberbox(Object, String, String, float, int, int, int, int)</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5Legacy.html" title="class in controlP5">ControlP5Legacy</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Legacy.html#addNumberbox(java.lang.String, int, int, int, int)">addNumberbox(String, int, int, int, int)</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5Legacy.html" title="class in controlP5">ControlP5Legacy</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Legacy.html#addNumberbox(java.lang.Object, java.lang.String, java.lang.String, int, int, int, int)">addNumberbox(Object, String, String, int, int, int, int)</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5Legacy.html" title="class in controlP5">ControlP5Legacy</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Legacy.html#addNumberbox(java.lang.String, float, int, int, int, int)">addNumberbox(String, float, int, int, int, int)</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5Legacy.html" title="class in controlP5">ControlP5Legacy</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Legacy.html#addNumberbox(java.lang.Object, java.lang.String, java.lang.String)">addNumberbox(Object, String, String)</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5Legacy.html" title="class in controlP5">ControlP5Legacy</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5.html#addPositionTo(int, int, java.util.List)">addPositionTo(int, int, List&lt;ControllerInterface&lt;?&gt;&gt;)</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5.html" title="class in controlP5">ControlP5</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5.html#addPositionTo(int, int, controlP5.ControllerInterface...)">addPositionTo(int, int, ControllerInterface&lt;?&gt;...)</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5.html" title="class in controlP5">ControlP5</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Legacy.html#addRadio(java.lang.String)">addRadio(String)</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5Legacy.html" title="class in controlP5">ControlP5Legacy</a></dt>
+<dd>
+<div class="block">Use radio buttons for multiple choice options.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Legacy.html#addRadio(java.lang.String, int, int)">addRadio(String, int, int)</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5Legacy.html" title="class in controlP5">ControlP5Legacy</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Base.html#addRadioButton(java.lang.String)">addRadioButton(String)</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5Base.html" title="class in controlP5">ControlP5Base</a></dt>
+<dd>
+<div class="block">Use radio buttons for multiple choice options.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Base.html#addRadioButton(java.lang.Object, java.lang.String)">addRadioButton(Object, String)</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5Base.html" title="class in controlP5">ControlP5Base</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Legacy.html#addRadioButton(java.lang.Object, java.lang.String, java.lang.String, int, int)">addRadioButton(Object, String, String, int, int)</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5Legacy.html" title="class in controlP5">ControlP5Legacy</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Legacy.html#addRadioButton(java.lang.String, int, int)">addRadioButton(String, int, int)</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5Legacy.html" title="class in controlP5">ControlP5Legacy</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Base.html#addRange(java.lang.String)">addRange(String)</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5Base.html" title="class in controlP5">ControlP5Base</a></dt>
+<dd>
+<div class="block">A range controller, a slider that allows control on
+ both ends of the slider.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Base.html#addRange(java.lang.Object, java.lang.String)">addRange(Object, String)</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5Base.html" title="class in controlP5">ControlP5Base</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Legacy.html#addRange(java.lang.Object, java.lang.String, java.lang.String, float, float, float, float, int, int, int, int)">addRange(Object, String, String, float, float, float, float, int, int, int, int)</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5Legacy.html" title="class in controlP5">ControlP5Legacy</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Legacy.html#addRange(java.lang.String, float, float, float, float, int, int, int, int)">addRange(String, float, float, float, float, int, int, int, int)</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5Legacy.html" title="class in controlP5">ControlP5Legacy</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Legacy.html#addRange(java.lang.String, float, float, int, int, int, int)">addRange(String, float, float, int, int, int, int)</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5Legacy.html" title="class in controlP5">ControlP5Legacy</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Legacy.html#addRange(java.lang.Object, java.lang.String, java.lang.String, float, float, int, int, int, int)">addRange(Object, String, String, float, float, int, int, int, int)</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5Legacy.html" title="class in controlP5">ControlP5Legacy</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Base.html#addScrollableList(java.lang.String)">addScrollableList(String)</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5Base.html" title="class in controlP5">ControlP5Base</a></dt>
+<dd>
+<div class="block">the ScrollableList replaces the DropwdownList and
+ ListBox, the type for a ScrollableList can be set
+ with setType(ControlP5.DROPDOWN | ControlP5.LIST).</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Base.html#addScrollableList(java.lang.Object, java.lang.String)">addScrollableList(Object, String)</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5Base.html" title="class in controlP5">ControlP5Base</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Legacy.html#addScrollableList(java.lang.Object, java.lang.String, java.lang.String)">addScrollableList(Object, String, String)</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5Legacy.html" title="class in controlP5">ControlP5Legacy</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Legacy.html#addScrollableList(java.lang.Object, java.lang.String, java.lang.String, int, int, int, int)">addScrollableList(Object, String, String, int, int, int, int)</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5Legacy.html" title="class in controlP5">ControlP5Legacy</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Legacy.html#addScrollableList(java.lang.String, int, int, int, int)">addScrollableList(String, int, int, int, int)</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5Legacy.html" title="class in controlP5">ControlP5Legacy</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerProperties.html#addSet(java.lang.String)">addSet(String)</a></span> - Method in class controlP5.<a href="./controlP5/ControllerProperties.html" title="class in controlP5">ControllerProperties</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Base.html#addSlider(java.lang.String)">addSlider(String)</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5Base.html" title="class in controlP5">ControlP5Base</a></dt>
+<dd>
+<div class="block">Adds a default slider with a default width of 100 and
+ height of 10.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Base.html#addSlider(java.lang.Object, java.lang.String)">addSlider(Object, String)</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5Base.html" title="class in controlP5">ControlP5Base</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Legacy.html#addSlider(java.lang.Object, java.lang.String, java.lang.String, float, float, float, int, int, int, int)">addSlider(Object, String, String, float, float, float, int, int, int, int)</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5Legacy.html" title="class in controlP5">ControlP5Legacy</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Legacy.html#addSlider(java.lang.String, float, float, float, int, int, int, int)">addSlider(String, float, float, float, int, int, int, int)</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5Legacy.html" title="class in controlP5">ControlP5Legacy</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Legacy.html#addSlider(java.lang.String, float, float, int, int, int, int)">addSlider(String, float, float, int, int, int, int)</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5Legacy.html" title="class in controlP5">ControlP5Legacy</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Legacy.html#addSlider(java.lang.Object, java.lang.String, java.lang.String, float, float, int, int, int, int)">addSlider(Object, String, String, float, float, int, int, int, int)</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5Legacy.html" title="class in controlP5">ControlP5Legacy</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Legacy.html#addSlider(java.lang.Object, java.lang.String, java.lang.String)">addSlider(Object, String, String)</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5Legacy.html" title="class in controlP5">ControlP5Legacy</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Legacy.html#addSlider(java.lang.String, float, float)">addSlider(String, float, float)</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5Legacy.html" title="class in controlP5">ControlP5Legacy</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Legacy.html#addSlider(java.lang.Object, java.lang.String, java.lang.String, float, float)">addSlider(Object, String, String, float, float)</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5Legacy.html" title="class in controlP5">ControlP5Legacy</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Base.html#addSlider2D(java.lang.String)">addSlider2D(String)</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5Base.html" title="class in controlP5">ControlP5Base</a></dt>
+<dd>
+<div class="block">Adds a 2D slider to controlP5.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Base.html#addSlider2D(java.lang.Object, java.lang.String)">addSlider2D(Object, String)</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5Base.html" title="class in controlP5">ControlP5Base</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Legacy.html#addSlider2D(java.lang.Object, java.lang.String, java.lang.String, float, float, float, float, float, float, int, int, int, int)">addSlider2D(Object, String, String, float, float, float, float, float, float, int, int, int, int)</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5Legacy.html" title="class in controlP5">ControlP5Legacy</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Base.html#addTab(java.lang.String)">addTab(String)</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5Base.html" title="class in controlP5">ControlP5Base</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlWindow.html#addTab(java.lang.String)">addTab(String)</a></span> - Method in class controlP5.<a href="./controlP5/ControlWindow.html" title="class in controlP5">ControlWindow</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Base.html#addTextarea(java.lang.String)">addTextarea(String)</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5Base.html" title="class in controlP5">ControlP5Base</a></dt>
+<dd>
+<div class="block">A Textarea is a label without any controller
+ functionality and can be used to leave notes,
+ headlines, etc when extending the dedicated area of
+ the Textrea, a scrollbar is added on the right.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Legacy.html#addTextarea(java.lang.String, java.lang.String, int, int, int, int)">addTextarea(String, String, int, int, int, int)</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5Legacy.html" title="class in controlP5">ControlP5Legacy</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Base.html#addTextfield(java.lang.String)">addTextfield(String)</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5Base.html" title="class in controlP5">ControlP5Base</a></dt>
+<dd>
+<div class="block">A Textfield allows single line text input.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Base.html#addTextfield(java.lang.Object, java.lang.String)">addTextfield(Object, String)</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5Base.html" title="class in controlP5">ControlP5Base</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Legacy.html#addTextfield(java.lang.Object, java.lang.String, java.lang.String, int, int, int, int)">addTextfield(Object, String, String, int, int, int, int)</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5Legacy.html" title="class in controlP5">ControlP5Legacy</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Legacy.html#addTextfield(java.lang.String, int, int, int, int)">addTextfield(String, int, int, int, int)</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5Legacy.html" title="class in controlP5">ControlP5Legacy</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Legacy.html#addTextfield(java.lang.Object, java.lang.String, java.lang.String)">addTextfield(Object, String, String)</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5Legacy.html" title="class in controlP5">ControlP5Legacy</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Base.html#addTextlabel(java.lang.String)">addTextlabel(String)</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5Base.html" title="class in controlP5">ControlP5Base</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Legacy.html#addTextlabel(java.lang.Object, java.lang.String, java.lang.String, java.lang.String, int, int)">addTextlabel(Object, String, String, String, int, int)</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5Legacy.html" title="class in controlP5">ControlP5Legacy</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Legacy.html#addTextlabel(java.lang.String, java.lang.String, int, int)">addTextlabel(String, String, int, int)</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5Legacy.html" title="class in controlP5">ControlP5Legacy</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Legacy.html#addTextlabel(java.lang.Object, java.lang.String, java.lang.String, java.lang.String)">addTextlabel(Object, String, String, String)</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5Legacy.html" title="class in controlP5">ControlP5Legacy</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Legacy.html#addTextlabel(java.lang.String, java.lang.String)">addTextlabel(String, String)</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5Legacy.html" title="class in controlP5">ControlP5Legacy</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Base.html#addToggle(java.lang.Object, java.lang.String)">addToggle(Object, String)</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5Base.html" title="class in controlP5">ControlP5Base</a></dt>
+<dd>
+<div class="block">Toggles a boolean field or passes a value when
+ triggered.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Base.html#addToggle(java.lang.String)">addToggle(String)</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5Base.html" title="class in controlP5">ControlP5Base</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Legacy.html#addToggle(java.lang.Object, java.lang.String, java.lang.String, boolean, float, float, int, int)">addToggle(Object, String, String, boolean, float, float, int, int)</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5Legacy.html" title="class in controlP5">ControlP5Legacy</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Legacy.html#addToggle(java.lang.Object, java.lang.String, java.lang.String)">addToggle(Object, String, String)</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5Legacy.html" title="class in controlP5">ControlP5Legacy</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Legacy.html#addToggle(java.lang.Object, java.lang.String, java.lang.String, boolean)">addToggle(Object, String, String, boolean)</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5Legacy.html" title="class in controlP5">ControlP5Legacy</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Legacy.html#addToggle(java.lang.String, boolean)">addToggle(String, boolean)</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5Legacy.html" title="class in controlP5">ControlP5Legacy</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Legacy.html#addTooltip()">addTooltip()</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5Legacy.html" title="class in controlP5">ControlP5Legacy</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlFont.html#adjust(processing.core.PGraphics, controlP5.Label)">adjust(PGraphics, Label)</a></span> - Method in class controlP5.<a href="./controlP5/ControlFont.html" title="class in controlP5">ControlFont</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Controller.html#align(int, int, int, int)">align(int, int, int, int)</a></span> - Method in class controlP5.<a href="./controlP5/Controller.html" title="class in controlP5">Controller</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Label.html#align(int[])">align(int[])</a></span> - Method in class controlP5.<a href="./controlP5/Label.html" title="class in controlP5">Label</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Label.html#align(int, int)">align(int, int)</a></span> - Method in class controlP5.<a href="./controlP5/Label.html" title="class in controlP5">Label</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/RadioButton.html#align(int[])">align(int[])</a></span> - Method in class controlP5.<a href="./controlP5/RadioButton.html" title="class in controlP5">RadioButton</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/RadioButton.html#align(int, int)">align(int, int)</a></span> - Method in class controlP5.<a href="./controlP5/RadioButton.html" title="class in controlP5">RadioButton</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Range.html#alignValueLabel">alignValueLabel</a></span> - Variable in class controlP5.<a href="./controlP5/Range.html" title="class in controlP5">Range</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Label.html#alignX(int)">alignX(int)</a></span> - Method in class controlP5.<a href="./controlP5/Label.html" title="class in controlP5">Label</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/RadioButton.html#alignX(int)">alignX(int)</a></span> - Method in class controlP5.<a href="./controlP5/RadioButton.html" title="class in controlP5">RadioButton</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Label.html#alignY(int)">alignY(int)</a></span> - Method in class controlP5.<a href="./controlP5/Label.html" title="class in controlP5">Label</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/RadioButton.html#alignY(int)">alignY(int)</a></span> - Method in class controlP5.<a href="./controlP5/RadioButton.html" title="class in controlP5">RadioButton</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Constants.html#ALT">ALT</a></span> - Static variable in interface controlP5.<a href="./controlP5/ControlP5Constants.html" title="interface in controlP5">ControlP5Constants</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Textarea.html#append(java.lang.String)">append(String)</a></span> - Method in class controlP5.<a href="./controlP5/Textarea.html" title="class in controlP5">Textarea</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Textarea.html#append(java.lang.String, int)">append(String, int)</a></span> - Method in class controlP5.<a href="./controlP5/Textarea.html" title="class in controlP5">Textarea</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Textlabel.html#append(java.lang.String, int)">append(String, int)</a></span> - Method in class controlP5.<a href="./controlP5/Textlabel.html" title="class in controlP5">Textlabel</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Constants.html#AQUA">AQUA</a></span> - Static variable in interface controlP5.<a href="./controlP5/ControlP5Constants.html" title="interface in controlP5">ControlP5Constants</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Constants.html#ARC">ARC</a></span> - Static variable in interface controlP5.<a href="./controlP5/ControlP5Constants.html" title="interface in controlP5">ControlP5Constants</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Chart.html#AREA">AREA</a></span> - Static variable in class controlP5.<a href="./controlP5/Chart.html" title="class in controlP5">Chart</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Constants.html#ARRAY">ARRAY</a></span> - Static variable in interface controlP5.<a href="./controlP5/ControlP5Constants.html" title="interface in controlP5">ControlP5Constants</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/CP.html#arrayToString(java.lang.Object)">arrayToString(Object)</a></span> - Static method in class controlP5.<a href="./controlP5/CP.html" title="class in controlP5">CP</a></dt>
+<dd>
+<div class="block">* Convenience method for producing a simple textual representation of an array.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/Button.html#autoHeight">autoHeight</a></span> - Static variable in class controlP5.<a href="./controlP5/Button.html" title="class in controlP5">Button</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Controller.html#autoHeight">autoHeight</a></span> - Static variable in class controlP5.<a href="./controlP5/Controller.html" title="class in controlP5">Controller</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Knob.html#autoHeight">autoHeight</a></span> - Static variable in class controlP5.<a href="./controlP5/Knob.html" title="class in controlP5">Knob</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Numberbox.html#autoHeight">autoHeight</a></span> - Static variable in class controlP5.<a href="./controlP5/Numberbox.html" title="class in controlP5">Numberbox</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Range.html#autoHeight">autoHeight</a></span> - Static variable in class controlP5.<a href="./controlP5/Range.html" title="class in controlP5">Range</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Toggle.html#autoHeight">autoHeight</a></span> - Static variable in class controlP5.<a href="./controlP5/Toggle.html" title="class in controlP5">Toggle</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Controller.html#autoSpacing">autoSpacing</a></span> - Static variable in class controlP5.<a href="./controlP5/Controller.html" title="class in controlP5">Controller</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Range.html#autoSpacing">autoSpacing</a></span> - Static variable in class controlP5.<a href="./controlP5/Range.html" title="class in controlP5">Range</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Button.html#autoWidth">autoWidth</a></span> - Static variable in class controlP5.<a href="./controlP5/Button.html" title="class in controlP5">Button</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Controller.html#autoWidth">autoWidth</a></span> - Static variable in class controlP5.<a href="./controlP5/Controller.html" title="class in controlP5">Controller</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Knob.html#autoWidth">autoWidth</a></span> - Static variable in class controlP5.<a href="./controlP5/Knob.html" title="class in controlP5">Knob</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Numberbox.html#autoWidth">autoWidth</a></span> - Static variable in class controlP5.<a href="./controlP5/Numberbox.html" title="class in controlP5">Numberbox</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Range.html#autoWidth">autoWidth</a></span> - Static variable in class controlP5.<a href="./controlP5/Range.html" title="class in controlP5">Range</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Tab.html#autoWidth">autoWidth</a></span> - Variable in class controlP5.<a href="./controlP5/Tab.html" title="class in controlP5">Tab</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Toggle.html#autoWidth">autoWidth</a></span> - Static variable in class controlP5.<a href="./controlP5/Toggle.html" title="class in controlP5">Toggle</a></dt>
+<dd>&nbsp;</dd>
+</dl>
+<a name="_B_">
+<!--   -->
+</a>
+<h2 class="title">B</h2>
+<dl>
+<dt><span class="strong"><a href="./controlP5/ColorWheel.html#b()">b()</a></span> - Method in class controlP5.<a href="./controlP5/ColorWheel.html" title="class in controlP5">ColorWheel</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5.html#b(java.lang.Object)">b(Object)</a></span> - Static method in class controlP5.<a href="./controlP5/ControlP5.html" title="class in controlP5">ControlP5</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerStyle.html#background">background</a></span> - Variable in class controlP5.<a href="./controlP5/ControllerStyle.html" title="class in controlP5">ControllerStyle</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlWindow.html#background">background</a></span> - Variable in class controlP5.<a href="./controlP5/ControlWindow.html" title="class in controlP5">ControlWindow</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerStyle.html#backgroundHeight">backgroundHeight</a></span> - Variable in class controlP5.<a href="./controlP5/ControllerStyle.html" title="class in controlP5">ControllerStyle</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerStyle.html#backgroundWidth">backgroundWidth</a></span> - Variable in class controlP5.<a href="./controlP5/ControllerStyle.html" title="class in controlP5">ControllerStyle</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Constants.html#BACKSPACE">BACKSPACE</a></span> - Static variable in interface controlP5.<a href="./controlP5/ControlP5Constants.html" title="interface in controlP5">ControlP5Constants</a></dt>
+<dd>&nbsp;</dd>
+<dt><a href="./controlP5/Bang.html" title="class in controlP5"><span class="strong">Bang</span></a> - Class in <a href="./controlP5/package-summary.html">controlP5</a></dt>
+<dd>
+<div class="block">
+ The Bang controller triggers an event when pressed.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/Bang.html#Bang(controlP5.ControlP5, java.lang.String)">Bang(ControlP5, String)</a></span> - Constructor for class controlP5.<a href="./controlP5/Bang.html" title="class in controlP5">Bang</a></dt>
+<dd>
+<div class="block">Convenience constructor to extend Bang.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/Chart.html#BAR">BAR</a></span> - Static variable in class controlP5.<a href="./controlP5/Chart.html" title="class in controlP5">Chart</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Chart.html#BAR_CENTERED">BAR_CENTERED</a></span> - Static variable in class controlP5.<a href="./controlP5/Chart.html" title="class in controlP5">Chart</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Constants.html#BASELINE">BASELINE</a></span> - Static variable in interface controlP5.<a href="./controlP5/ControlP5Constants.html" title="interface in controlP5">ControlP5Constants</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5.html#begin()">begin()</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5.html" title="class in controlP5">ControlP5</a></dt>
+<dd>
+<div class="block">cp5.begin() and cp5.end() are mechanisms to
+ auto-layout controllers, see the ControlP5beginEnd
+ example.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5.html#begin(controlP5.ControllerGroup)">begin(ControllerGroup&lt;?&gt;)</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5.html" title="class in controlP5">ControlP5</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5.html#begin(int, int)">begin(int, int)</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5.html" title="class in controlP5">ControlP5</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5.html#begin(controlP5.ControllerGroup, int, int)">begin(ControllerGroup&lt;?&gt;, int, int)</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5.html" title="class in controlP5">ControlP5</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5.html#begin(controlP5.ControlWindow)">begin(ControlWindow)</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5.html" title="class in controlP5">ControlP5</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5.html#begin(controlP5.ControlWindow, int, int)">begin(ControlWindow, int, int)</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5.html" title="class in controlP5">ControlP5</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/DropdownList.html#beginItems()">beginItems()</a></span> - Method in class controlP5.<a href="./controlP5/DropdownList.html" title="class in controlP5">DropdownList</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ListBox.html#beginItems()">beginItems()</a></span> - Method in class controlP5.<a href="./controlP5/ListBox.html" title="class in controlP5">ListBox</a></dt>
+<dd>&nbsp;</dd>
+<dt><a href="./controlP5/BitFont.html" title="class in controlP5"><span class="strong">BitFont</span></a> - Class in <a href="./controlP5/package-summary.html">controlP5</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/BitFont.html#BitFont(byte[])">BitFont(byte[])</a></span> - Constructor for class controlP5.<a href="./controlP5/BitFont.html" title="class in controlP5">BitFont</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Constants.html#BITFONT">BITFONT</a></span> - Static variable in interface controlP5.<a href="./controlP5/ControlP5Constants.html" title="interface in controlP5">ControlP5Constants</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Constants.html#BLACK">BLACK</a></span> - Static variable in interface controlP5.<a href="./controlP5/ControlP5Constants.html" title="interface in controlP5">ControlP5Constants</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Constants.html#BLUE">BLUE</a></span> - Static variable in interface controlP5.<a href="./controlP5/ControlP5Constants.html" title="interface in controlP5">ControlP5Constants</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Constants.html#BOOLEAN">BOOLEAN</a></span> - Static variable in interface controlP5.<a href="./controlP5/ControlP5Constants.html" title="interface in controlP5">ControlP5Constants</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Constants.html#BOTTOM">BOTTOM</a></span> - Static variable in interface controlP5.<a href="./controlP5/ControlP5Constants.html" title="interface in controlP5">ControlP5Constants</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Constants.html#BOTTOM_OUTSIDE">BOTTOM_OUTSIDE</a></span> - Static variable in interface controlP5.<a href="./controlP5/ControlP5Constants.html" title="interface in controlP5">ControlP5Constants</a></dt>
+<dd>&nbsp;</dd>
+<dt><a href="./controlP5/BoundingBox.html" title="class in controlP5"><span class="strong">BoundingBox</span></a> - Class in <a href="./controlP5/package-summary.html">controlP5</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/BoundingBox.html#BoundingBox(controlP5.ControlP5, java.lang.String)">BoundingBox(ControlP5, String)</a></span> - Constructor for class controlP5.<a href="./controlP5/BoundingBox.html" title="class in controlP5">BoundingBox</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Controller.html#bringToFront()">bringToFront()</a></span> - Method in class controlP5.<a href="./controlP5/Controller.html" title="class in controlP5">Controller</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Controller.html#bringToFront(controlP5.ControllerInterface)">bringToFront(ControllerInterface&lt;?&gt;)</a></span> - Method in class controlP5.<a href="./controlP5/Controller.html" title="class in controlP5">Controller</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerGroup.html#bringToFront()">bringToFront()</a></span> - Method in class controlP5.<a href="./controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerGroup.html#bringToFront(controlP5.ControllerInterface)">bringToFront(ControllerInterface&lt;?&gt;)</a></span> - Method in class controlP5.<a href="./controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerInterface.html#bringToFront()">bringToFront()</a></span> - Method in interface controlP5.<a href="./controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerInterface.html#bringToFront(controlP5.ControllerInterface)">bringToFront(ControllerInterface&lt;?&gt;)</a></span> - Method in interface controlP5.<a href="./controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Tab.html#bringToFront()">bringToFront()</a></span> - Method in class controlP5.<a href="./controlP5/Tab.html" title="class in controlP5">Tab</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlBroadcaster.html#broadcast(controlP5.ControlEvent, int)">broadcast(ControlEvent, int)</a></span> - Method in class controlP5.<a href="./controlP5/ControlBroadcaster.html" title="class in controlP5">ControlBroadcaster</a></dt>
+<dd>&nbsp;</dd>
+<dt><a href="./controlP5/Button.html" title="class in controlP5"><span class="strong">Button</span></a> - Class in <a href="./controlP5/package-summary.html">controlP5</a></dt>
+<dd>
+<div class="block">
+ A button triggers an event after it has been release.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/Button.html#Button(controlP5.ControlP5, java.lang.String)">Button(ControlP5, String)</a></span> - Constructor for class controlP5.<a href="./controlP5/Button.html" title="class in controlP5">Button</a></dt>
+<dd>
+<div class="block">Convenience constructor to extend Button.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/Button.html#Button()">Button()</a></span> - Constructor for class controlP5.<a href="./controlP5/Button.html" title="class in controlP5">Button</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/CP.html#byteArrayToInt(byte[])">byteArrayToInt(byte[])</a></span> - Static method in class controlP5.<a href="./controlP5/CP.html" title="class in controlP5">CP</a></dt>
+<dd>&nbsp;</dd>
+</dl>
+<a name="_C_">
+<!--   -->
+</a>
+<h2 class="title">C</h2>
+<dl>
+<dt><a href="./controlP5/CallbackEvent.html" title="class in controlP5"><span class="strong">CallbackEvent</span></a> - Class in <a href="./controlP5/package-summary.html">controlP5</a></dt>
+<dd>
+<div class="block">
+ A CallbackEvent is send when a controller action such as enter, leave, press, etc has occurs.</div>
+</dd>
+<dt><a href="./controlP5/CallbackListener.html" title="interface in controlP5"><span class="strong">CallbackListener</span></a> - Interface in <a href="./controlP5/package-summary.html">controlP5</a></dt>
+<dd>
+<div class="block">
+ Use a CallbackListener to listen for controller related actions such as pressed, released, etc.</div>
+</dd>
+<dt><a href="./controlP5/Canvas.html" title="class in controlP5"><span class="strong">Canvas</span></a> - Class in <a href="./controlP5/package-summary.html">controlP5</a></dt>
+<dd>
+<div class="block">Use a Canvas to draw custom graphics into a control
+ window or the default sketch window.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/Canvas.html#Canvas()">Canvas()</a></span> - Constructor for class controlP5.<a href="./controlP5/Canvas.html" title="class in controlP5">Canvas</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Constants.html#CAPTIONLABEL">CAPTIONLABEL</a></span> - Static variable in interface controlP5.<a href="./controlP5/ControlP5Constants.html" title="interface in controlP5">ControlP5Constants</a></dt>
+<dd>&nbsp;</dd>
+<dt><a href="./controlP5/CColor.html" title="class in controlP5"><span class="strong">CColor</span></a> - Class in <a href="./controlP5/package-summary.html">controlP5</a></dt>
+<dd>
+<div class="block">A CColor instance contains the colors of a controller including the foreground-, background-,
+ active-, captionlabel- and valuelabel-colors.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/CColor.html#CColor()">CColor()</a></span> - Constructor for class controlP5.<a href="./controlP5/CColor.html" title="class in controlP5">CColor</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/CColor.html#CColor(int, int, int, int, int)">CColor(int, int, int, int, int)</a></span> - Constructor for class controlP5.<a href="./controlP5/CColor.html" title="class in controlP5">CColor</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/CColor.html#CColor(controlP5.CColor)">CColor(CColor)</a></span> - Constructor for class controlP5.<a href="./controlP5/CColor.html" title="class in controlP5">CColor</a></dt>
+<dd>&nbsp;</dd>
+<dt><a href="./controlP5/CDrawable.html" title="interface in controlP5"><span class="strong">CDrawable</span></a> - Interface in <a href="./controlP5/package-summary.html">controlP5</a></dt>
+<dd>
+<div class="block">The CDrawable interface is used to draw controllers, primarily for internal use.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Constants.html#CENTER">CENTER</a></span> - Static variable in interface controlP5.<a href="./controlP5/ControlP5Constants.html" title="interface in controlP5">ControlP5Constants</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Controller.html#changeValue(float)">changeValue(float)</a></span> - Method in class controlP5.<a href="./controlP5/Controller.html" title="class in controlP5">Controller</a></dt>
+<dd>
+<div class="block">sets the value of the controller without sending the broadcast event.</div>
+</dd>
+<dt><a href="./controlP5/Chart.html" title="class in controlP5"><span class="strong">Chart</span></a> - Class in <a href="./controlP5/package-summary.html">controlP5</a></dt>
+<dd>
+<div class="block">Use charts to display float array data as line chart, yet experimental, but see the
+ ControlP5chart example for more details.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/Chart.html#Chart(controlP5.ControlP5, java.lang.String)">Chart(ControlP5, String)</a></span> - Constructor for class controlP5.<a href="./controlP5/Chart.html" title="class in controlP5">Chart</a></dt>
+<dd>
+<div class="block">Convenience constructor to extend Chart.</div>
+</dd>
+<dt><a href="./controlP5/Chart.ChartViewArea.html" title="class in controlP5"><span class="strong">Chart.ChartViewArea</span></a> - Class in <a href="./controlP5/package-summary.html">controlP5</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Chart.ChartViewArea.html#Chart.ChartViewArea()">Chart.ChartViewArea()</a></span> - Constructor for class controlP5.<a href="./controlP5/Chart.ChartViewArea.html" title="class in controlP5">Chart.ChartViewArea</a></dt>
+<dd>&nbsp;</dd>
+<dt><a href="./controlP5/Chart.ChartViewBar.html" title="class in controlP5"><span class="strong">Chart.ChartViewBar</span></a> - Class in <a href="./controlP5/package-summary.html">controlP5</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Chart.ChartViewBar.html#Chart.ChartViewBar()">Chart.ChartViewBar()</a></span> - Constructor for class controlP5.<a href="./controlP5/Chart.ChartViewBar.html" title="class in controlP5">Chart.ChartViewBar</a></dt>
+<dd>&nbsp;</dd>
+<dt><a href="./controlP5/Chart.ChartViewBarCentered.html" title="class in controlP5"><span class="strong">Chart.ChartViewBarCentered</span></a> - Class in <a href="./controlP5/package-summary.html">controlP5</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Chart.ChartViewBarCentered.html#Chart.ChartViewBarCentered()">Chart.ChartViewBarCentered()</a></span> - Constructor for class controlP5.<a href="./controlP5/Chart.ChartViewBarCentered.html" title="class in controlP5">Chart.ChartViewBarCentered</a></dt>
+<dd>&nbsp;</dd>
+<dt><a href="./controlP5/Chart.ChartViewLine.html" title="class in controlP5"><span class="strong">Chart.ChartViewLine</span></a> - Class in <a href="./controlP5/package-summary.html">controlP5</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Chart.ChartViewLine.html#Chart.ChartViewLine()">Chart.ChartViewLine()</a></span> - Constructor for class controlP5.<a href="./controlP5/Chart.ChartViewLine.html" title="class in controlP5">Chart.ChartViewLine</a></dt>
+<dd>&nbsp;</dd>
+<dt><a href="./controlP5/Chart.ChartViewPie.html" title="class in controlP5"><span class="strong">Chart.ChartViewPie</span></a> - Class in <a href="./controlP5/package-summary.html">controlP5</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Chart.ChartViewPie.html#Chart.ChartViewPie()">Chart.ChartViewPie()</a></span> - Constructor for class controlP5.<a href="./controlP5/Chart.ChartViewPie.html" title="class in controlP5">Chart.ChartViewPie</a></dt>
+<dd>&nbsp;</dd>
+<dt><a href="./controlP5/ChartData.html" title="class in controlP5"><span class="strong">ChartData</span></a> - Class in <a href="./controlP5/package-summary.html">controlP5</a></dt>
+<dd>
+<div class="block">Used by Chart, single chart data is stored here including value, (label) text, and color.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/ChartData.html#ChartData(float)">ChartData(float)</a></span> - Constructor for class controlP5.<a href="./controlP5/ChartData.html" title="class in controlP5">ChartData</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ChartData.html#ChartData(float, java.lang.String)">ChartData(float, String)</a></span> - Constructor for class controlP5.<a href="./controlP5/ChartData.html" title="class in controlP5">ChartData</a></dt>
+<dd>&nbsp;</dd>
+<dt><a href="./controlP5/ChartDataSet.html" title="class in controlP5"><span class="strong">ChartDataSet</span></a> - Class in <a href="./controlP5/package-summary.html">controlP5</a></dt>
+<dd>
+<div class="block">Used by Chart, a chart data set is a container to store chart data.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/ChartDataSet.html#ChartDataSet(java.lang.String)">ChartDataSet(String)</a></span> - Constructor for class controlP5.<a href="./controlP5/ChartDataSet.html" title="class in controlP5">ChartDataSet</a></dt>
+<dd>&nbsp;</dd>
+<dt><a href="./controlP5/CheckBox.html" title="class in controlP5"><span class="strong">CheckBox</span></a> - Class in <a href="./controlP5/package-summary.html">controlP5</a></dt>
+<dd>
+<div class="block">A multiple-choice radioButton.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/CheckBox.html#CheckBox(controlP5.ControlP5, java.lang.String)">CheckBox(ControlP5, String)</a></span> - Constructor for class controlP5.<a href="./controlP5/CheckBox.html" title="class in controlP5">CheckBox</a></dt>
+<dd>
+<div class="block">Convenience constructor to extend CheckBox.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/CheckBox.html#CheckBox(controlP5.ControlP5, controlP5.ControllerGroup, java.lang.String, int, int)">CheckBox(ControlP5, ControllerGroup&lt;?&gt;, String, int, int)</a></span> - Constructor for class controlP5.<a href="./controlP5/CheckBox.html" title="class in controlP5">CheckBox</a></dt>
+<dd>
+<div class="block">A CheckBox should only be added to controlP5 by using controlP5.addCheckBox()</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Constants.html#CHECKBOX">CHECKBOX</a></span> - Static variable in interface controlP5.<a href="./controlP5/ControlP5Constants.html" title="interface in controlP5">ControlP5Constants</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ScrollableList.html#CHECKBOX">CHECKBOX</a></span> - Static variable in class controlP5.<a href="./controlP5/ScrollableList.html" title="class in controlP5">ScrollableList</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerPlug.html#checkPlug(java.lang.Object, java.lang.String, java.lang.Class[])">checkPlug(Object, String, Class&lt;?&gt;[])</a></span> - Static method in class controlP5.<a href="./controlP5/ControllerPlug.html" title="class in controlP5">ControllerPlug</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlWindow.html#clear()">clear()</a></span> - Method in class controlP5.<a href="./controlP5/ControlWindow.html" title="class in controlP5">ControlWindow</a></dt>
+<dd>
+<div class="block">clear the control window, delete all controllers from
+ a control window.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/DropdownList.html#clear()">clear()</a></span> - Method in class controlP5.<a href="./controlP5/DropdownList.html" title="class in controlP5">DropdownList</a></dt>
+<dd>
+<div class="block">Removes all items from a list box</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/ListBox.html#clear()">clear()</a></span> - Method in class controlP5.<a href="./controlP5/ListBox.html" title="class in controlP5">ListBox</a></dt>
+<dd>
+<div class="block">Removes all items from a list box</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/Matrix.html#clear()">clear()</a></span> - Method in class controlP5.<a href="./controlP5/Matrix.html" title="class in controlP5">Matrix</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Println.html#clear()">clear()</a></span> - Method in class controlP5.<a href="./controlP5/Println.html" title="class in controlP5">Println</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ScrollableList.html#clear()">clear()</a></span> - Method in class controlP5.<a href="./controlP5/ScrollableList.html" title="class in controlP5">ScrollableList</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Textarea.html#clear()">clear()</a></span> - Method in class controlP5.<a href="./controlP5/Textarea.html" title="class in controlP5">Textarea</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Textfield.html#clear()">clear()</a></span> - Method in class controlP5.<a href="./controlP5/Textfield.html" title="class in controlP5">Textfield</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlWindow.html#clearKeys()">clearKeys()</a></span> - Method in class controlP5.<a href="./controlP5/ControlWindow.html" title="class in controlP5">ControlWindow</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Accordion.html#close()">close()</a></span> - Method in class controlP5.<a href="./controlP5/Accordion.html" title="class in controlP5">Accordion</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Accordion.html#close(int...)">close(int...)</a></span> - Method in class controlP5.<a href="./controlP5/Accordion.html" title="class in controlP5">Accordion</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerGroup.html#close()">close()</a></span> - Method in class controlP5.<a href="./controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerProperties.html#CLOSE">CLOSE</a></span> - Static variable in class controlP5.<a href="./controlP5/ControllerProperties.html" title="class in controlP5">ControllerProperties</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/MultiList.html#close(controlP5.MultiListInterface)">close(MultiListInterface)</a></span> - Method in class controlP5.<a href="./controlP5/MultiList.html" title="class in controlP5">MultiList</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/MultiList.html#close()">close()</a></span> - Method in class controlP5.<a href="./controlP5/MultiList.html" title="class in controlP5">MultiList</a></dt>
+<dt><span class="strong"><a href="./controlP5/MultiListButton.html#close(controlP5.MultiListInterface)">close(MultiListInterface)</a></span> - Method in class controlP5.<a href="./controlP5/MultiListButton.html" title="class in controlP5">MultiListButton</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/MultiListButton.html#close()">close()</a></span> - Method in class controlP5.<a href="./controlP5/MultiListButton.html" title="class in controlP5">MultiListButton</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/MultiList.html#closeDelay">closeDelay</a></span> - Variable in class controlP5.<a href="./controlP5/MultiList.html" title="class in controlP5">MultiList</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerStyle.html#color">color</a></span> - Variable in class controlP5.<a href="./controlP5/ControllerStyle.html" title="class in controlP5">ControllerStyle</a></dt>
+<dd>&nbsp;</dd>
+<dt><a href="./controlP5/ColorPicker.html" title="class in controlP5"><span class="strong">ColorPicker</span></a> - Class in <a href="./controlP5/package-summary.html">controlP5</a></dt>
+<dd>
+<div class="block">A simple color picker using sliders to adjust RGBA values.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/ColorPicker.html#ColorPicker(controlP5.ControlP5, java.lang.String)">ColorPicker(ControlP5, String)</a></span> - Constructor for class controlP5.<a href="./controlP5/ColorPicker.html" title="class in controlP5">ColorPicker</a></dt>
+<dd>
+<div class="block">Convenience constructor to extend ColorPicker.</div>
+</dd>
+<dt><a href="./controlP5/ColorWheel.html" title="class in controlP5"><span class="strong">ColorWheel</span></a> - Class in <a href="./controlP5/package-summary.html">controlP5</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ColorWheel.html#ColorWheel(controlP5.ControlP5, java.lang.String)">ColorWheel(ControlP5, String)</a></span> - Constructor for class controlP5.<a href="./controlP5/ColorWheel.html" title="class in controlP5">ColorWheel</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ColorWheel.html#ColorWheel(controlP5.ControlP5, controlP5.ControllerGroup, java.lang.String, int, int, int, int)">ColorWheel(ControlP5, ControllerGroup&lt;?&gt;, String, int, int, int, int)</a></span> - Constructor for class controlP5.<a href="./controlP5/ColorWheel.html" title="class in controlP5">ColorWheel</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Constants.html#COMMANDKEY">COMMANDKEY</a></span> - Static variable in interface controlP5.<a href="./controlP5/ControlP5Constants.html" title="interface in controlP5">ControlP5Constants</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Controller.html#continuousUpdateEvents()">continuousUpdateEvents()</a></span> - Method in class controlP5.<a href="./controlP5/Controller.html" title="class in controlP5">Controller</a></dt>
+<dd>
+<div class="block">continuousUpdateEvents is used for internal updates of a controller.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerGroup.html#continuousUpdateEvents()">continuousUpdateEvents()</a></span> - Method in class controlP5.<a href="./controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerInterface.html#continuousUpdateEvents()">continuousUpdateEvents()</a></span> - Method in interface controlP5.<a href="./controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Constants.html#CONTROL">CONTROL</a></span> - Static variable in interface controlP5.<a href="./controlP5/ControlP5Constants.html" title="interface in controlP5">ControlP5Constants</a></dt>
+<dd>&nbsp;</dd>
+<dt><a href="./controlP5/ControlBehavior.html" title="class in controlP5"><span class="strong">ControlBehavior</span></a> - Class in <a href="./controlP5/package-summary.html">controlP5</a></dt>
+<dd>
+<div class="block">The abstract class control behavior allows you to add custom behavior to controllers.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/ControlBehavior.html#ControlBehavior()">ControlBehavior()</a></span> - Constructor for class controlP5.<a href="./controlP5/ControlBehavior.html" title="class in controlP5">ControlBehavior</a></dt>
+<dd>&nbsp;</dd>
+<dt><a href="./controlP5/ControlBroadcaster.html" title="class in controlP5"><span class="strong">ControlBroadcaster</span></a> - Class in <a href="./controlP5/package-summary.html">controlP5</a></dt>
+<dd>
+<div class="block">The ControlBroadcaster handles all controller value changes and distributes them accordingly to
+ its listeners.</div>
+</dd>
+<dt><a href="./controlP5/ControlElement.html" title="annotation in controlP5"><span class="strong">ControlElement</span></a> - Annotation Type in <a href="./controlP5/package-summary.html">controlP5</a></dt>
+<dd>
+<div class="block">Used for automated controller creation using annotations.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/Accordion.html#controlEvent(controlP5.ControlEvent)">controlEvent(ControlEvent)</a></span> - Method in class controlP5.<a href="./controlP5/Accordion.html" title="class in controlP5">Accordion</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/CallbackListener.html#controlEvent(controlP5.CallbackEvent)">controlEvent(CallbackEvent)</a></span> - Method in interface controlP5.<a href="./controlP5/CallbackListener.html" title="interface in controlP5">CallbackListener</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/CheckBox.html#controlEvent(controlP5.ControlEvent)">controlEvent(ControlEvent)</a></span> - Method in class controlP5.<a href="./controlP5/CheckBox.html" title="class in controlP5">CheckBox</a></dt>
+<dd>
+<div class="block">controlEvent is called by controlP5's ControlBroadcaster to inform available listeners about
+ value changes.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/ColorPicker.html#controlEvent(controlP5.ControlEvent)">controlEvent(ControlEvent)</a></span> - Method in class controlP5.<a href="./controlP5/ColorPicker.html" title="class in controlP5">ColorPicker</a></dt>
+<dd>&nbsp;</dd>
+<dt><a href="./controlP5/ControlEvent.html" title="class in controlP5"><span class="strong">ControlEvent</span></a> - Class in <a href="./controlP5/package-summary.html">controlP5</a></dt>
+<dd>
+<div class="block">A controlEvent is sent to a PApplet or a ControlListener whenever a controller value has changed.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/ControlEvent.html#ControlEvent(controlP5.Tab)">ControlEvent(Tab)</a></span> - Constructor for class controlP5.<a href="./controlP5/ControlEvent.html" title="class in controlP5">ControlEvent</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlEvent.html#ControlEvent(controlP5.ControllerGroup)">ControlEvent(ControllerGroup&lt;?&gt;)</a></span> - Constructor for class controlP5.<a href="./controlP5/ControlEvent.html" title="class in controlP5">ControlEvent</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlGroup.html#controlEvent(controlP5.ControlEvent)">controlEvent(ControlEvent)</a></span> - Method in class controlP5.<a href="./controlP5/ControlGroup.html" title="class in controlP5">ControlGroup</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerGroup.html#controlEvent(controlP5.ControlEvent)">controlEvent(ControlEvent)</a></span> - Method in class controlP5.<a href="./controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlListener.html#controlEvent(controlP5.ControlEvent)">controlEvent(ControlEvent)</a></span> - Method in interface controlP5.<a href="./controlP5/ControlListener.html" title="interface in controlP5">ControlListener</a></dt>
+<dd>
+<div class="block">controlEvent is called by controlP5's ControlBroadcaster to inform available listeners about
+ value changes.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/DropdownList.html#controlEvent(controlP5.ControlEvent)">controlEvent(ControlEvent)</a></span> - Method in class controlP5.<a href="./controlP5/DropdownList.html" title="class in controlP5">DropdownList</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ListBox.html#controlEvent(controlP5.ControlEvent)">controlEvent(ControlEvent)</a></span> - Method in class controlP5.<a href="./controlP5/ListBox.html" title="class in controlP5">ListBox</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/MultiList.html#controlEvent(controlP5.ControlEvent)">controlEvent(ControlEvent)</a></span> - Method in class controlP5.<a href="./controlP5/MultiList.html" title="class in controlP5">MultiList</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/RadioButton.html#controlEvent(controlP5.ControlEvent)">controlEvent(ControlEvent)</a></span> - Method in class controlP5.<a href="./controlP5/RadioButton.html" title="class in controlP5">RadioButton</a></dt>
+<dd>
+<div class="block">controlEvent is called by controlP5's ControlBroadcaster to inform available listeners about
+ value changes.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/ScrollableList.html#controlEvent(controlP5.ControlEvent)">controlEvent(ControlEvent)</a></span> - Method in class controlP5.<a href="./controlP5/ScrollableList.html" title="class in controlP5">ScrollableList</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Textarea.html#controlEvent(controlP5.ControlEvent)">controlEvent(ControlEvent)</a></span> - Method in class controlP5.<a href="./controlP5/Textarea.html" title="class in controlP5">Textarea</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Constants.html#controlEventClass">controlEventClass</a></span> - Static variable in interface controlP5.<a href="./controlP5/ControlP5Constants.html" title="interface in controlP5">ControlP5Constants</a></dt>
+<dd>&nbsp;</dd>
+<dt><a href="./controlP5/ControlFont.html" title="class in controlP5"><span class="strong">ControlFont</span></a> - Class in <a href="./controlP5/package-summary.html">controlP5</a></dt>
+<dd>
+<div class="block">A ControlFont is a container for a PFont that can be used to customize the font of a label.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/ControlFont.html#ControlFont(processing.core.PFont)">ControlFont(PFont)</a></span> - Constructor for class controlP5.<a href="./controlP5/ControlFont.html" title="class in controlP5">ControlFont</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlFont.html#ControlFont(processing.core.PFont, int)">ControlFont(PFont, int)</a></span> - Constructor for class controlP5.<a href="./controlP5/ControlFont.html" title="class in controlP5">ControlFont</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlFont.html#ControlFont(processing.core.PFont, int, int)">ControlFont(PFont, int, int)</a></span> - Constructor for class controlP5.<a href="./controlP5/ControlFont.html" title="class in controlP5">ControlFont</a></dt>
+<dd>&nbsp;</dd>
+<dt><a href="./controlP5/ControlGroup.html" title="class in controlP5"><span class="strong">ControlGroup</span></a>&lt;<a href="./controlP5/ControlGroup.html" title="type parameter in ControlGroup">T</a>&gt; - Class in <a href="./controlP5/package-summary.html">controlP5</a></dt>
+<dd>
+<div class="block">
+ In previous versions you would use the ControlGroup class to bundle controllers in a group.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/ControlGroup.html#ControlGroup(controlP5.ControlP5, java.lang.String)">ControlGroup(ControlP5, String)</a></span> - Constructor for class controlP5.<a href="./controlP5/ControlGroup.html" title="class in controlP5">ControlGroup</a></dt>
+<dd>
+<div class="block">Convenience constructor to extend ControlGroup.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/ControlGroup.html#ControlGroup(controlP5.ControlP5, controlP5.ControllerGroup, java.lang.String, int, int, int, int)">ControlGroup(ControlP5, ControllerGroup&lt;?&gt;, String, int, int, int, int)</a></span> - Constructor for class controlP5.<a href="./controlP5/ControlGroup.html" title="class in controlP5">ControlGroup</a></dt>
+<dd>&nbsp;</dd>
+<dt><a href="./controlP5/ControlKey.html" title="interface in controlP5"><span class="strong">ControlKey</span></a> - Interface in <a href="./controlP5/package-summary.html">controlP5</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlEvent.html#CONTROLLER">CONTROLLER</a></span> - Static variable in class controlP5.<a href="./controlP5/ControlEvent.html" title="class in controlP5">ControlEvent</a></dt>
+<dd>&nbsp;</dd>
+<dt><a href="./controlP5/Controller.html" title="class in controlP5"><span class="strong">Controller</span></a>&lt;<a href="./controlP5/Controller.html" title="type parameter in Controller">T</a>&gt; - Class in <a href="./controlP5/package-summary.html">controlP5</a></dt>
+<dd>
+<div class="block">
+ Controller is an abstract class that is extended by any available controller within controlP5.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/Controller.html#Controller(controlP5.ControlP5, java.lang.String)">Controller(ControlP5, String)</a></span> - Constructor for class controlP5.<a href="./controlP5/Controller.html" title="class in controlP5">Controller</a></dt>
+<dd>
+<div class="block">Convenience constructor to extend Controller.</div>
+</dd>
+<dt><a href="./controlP5/ControllerGroup.html" title="class in controlP5"><span class="strong">ControllerGroup</span></a>&lt;<a href="./controlP5/ControllerGroup.html" title="type parameter in ControllerGroup">T</a>&gt; - Class in <a href="./controlP5/package-summary.html">controlP5</a></dt>
+<dd>
+<div class="block">ControllerGroup is an abstract class and is extended by class ControlGroup, Tab, or the ListBox.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerGroup.html#ControllerGroup(controlP5.ControlP5, java.lang.String)">ControllerGroup(ControlP5, String)</a></span> - Constructor for class controlP5.<a href="./controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a></dt>
+<dd>
+<div class="block">Convenience constructor to extend ControllerGroup.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerGroup.html#ControllerGroup(controlP5.ControlP5, controlP5.ControllerGroup, java.lang.String, float, float)">ControllerGroup(ControlP5, ControllerGroup&lt;?&gt;, String, float, float)</a></span> - Constructor for class controlP5.<a href="./controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a></dt>
+<dd>&nbsp;</dd>
+<dt><a href="./controlP5/ControllerInterface.html" title="interface in controlP5"><span class="strong">ControllerInterface</span></a>&lt;<a href="./controlP5/ControllerInterface.html" title="type parameter in ControllerInterface">T</a>&gt; - Interface in <a href="./controlP5/package-summary.html">controlP5</a></dt>
+<dd>
+<div class="block">The ControllerInterface is inherited by all ControllerGroup and Controller classes.</div>
+</dd>
+<dt><a href="./controlP5/ControllerList.html" title="class in controlP5"><span class="strong">ControllerList</span></a> - Class in <a href="./controlP5/package-summary.html">controlP5</a></dt>
+<dd>
+<div class="block">Stores objects of type ControllerInterface and CDrawable, mainly for internal use.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerList.html#ControllerList()">ControllerList()</a></span> - Constructor for class controlP5.<a href="./controlP5/ControllerList.html" title="class in controlP5">ControllerList</a></dt>
+<dd>&nbsp;</dd>
+<dt><a href="./controlP5/ControllerPlug.html" title="class in controlP5"><span class="strong">ControllerPlug</span></a> - Class in <a href="./controlP5/package-summary.html">controlP5</a></dt>
+<dd>
+<div class="block">The ControllerPlug is used to do all the reflection procedures to link a controller to a variable
+ or function inside your main application.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerPlug.html#ControllerPlug(java.lang.Object, java.lang.String, int, int, java.lang.Class[])">ControllerPlug(Object, String, int, int, Class&lt;?&gt;[])</a></span> - Constructor for class controlP5.<a href="./controlP5/ControllerPlug.html" title="class in controlP5">ControllerPlug</a></dt>
+<dd>&nbsp;</dd>
+<dt><a href="./controlP5/ControllerProperties.html" title="class in controlP5"><span class="strong">ControllerProperties</span></a> - Class in <a href="./controlP5/package-summary.html">controlP5</a></dt>
+<dd>
+<div class="block">Values of controllers can be stored inside properties files which can be saved to file or memory.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerProperties.html#ControllerProperties(controlP5.ControlP5)">ControllerProperties(ControlP5)</a></span> - Constructor for class controlP5.<a href="./controlP5/ControllerProperties.html" title="class in controlP5">ControllerProperties</a></dt>
+<dd>&nbsp;</dd>
+<dt><a href="./controlP5/ControllerProperty.html" title="class in controlP5"><span class="strong">ControllerProperty</span></a> - Class in <a href="./controlP5/package-summary.html">controlP5</a></dt>
+<dd>
+<div class="block">A controller property saves the value, address, getter and setter of a registered controller.</div>
+</dd>
+<dt><a href="./controlP5/ControllerStyle.html" title="class in controlP5"><span class="strong">ControllerStyle</span></a> - Class in <a href="./controlP5/package-summary.html">controlP5</a></dt>
+<dd>
+<div class="block">Labels use the ControllerStyle class to store margin and padding information.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerStyle.html#ControllerStyle()">ControllerStyle()</a></span> - Constructor for class controlP5.<a href="./controlP5/ControllerStyle.html" title="class in controlP5">ControllerStyle</a></dt>
+<dd>&nbsp;</dd>
+<dt><a href="./controlP5/ControllerView.html" title="interface in controlP5"><span class="strong">ControllerView</span></a>&lt;<a href="./controlP5/ControllerView.html" title="type parameter in ControllerView">T</a>&gt; - Interface in <a href="./controlP5/package-summary.html">controlP5</a></dt>
+<dd>
+<div class="block">The interface ControllerView can be used to define custom displays for controllers.</div>
+</dd>
+<dt><a href="./controlP5/ControlListener.html" title="interface in controlP5"><span class="strong">ControlListener</span></a> - Interface in <a href="./controlP5/package-summary.html">controlP5</a></dt>
+<dd>
+<div class="block">ControlListener is an interface that can be implemented by a custom class to be notified when
+ controller values change.</div>
+</dd>
+<dt><a href="./controlP5/package-summary.html">controlP5</a> - package controlP5</dt>
+<dd>
+<div class="block">ControlP5</div>
+</dd>
+<dt><a href="./controlP5/ControlP5.html" title="class in controlP5"><span class="strong">ControlP5</span></a> - Class in <a href="./controlP5/package-summary.html">controlP5</a></dt>
+<dd>
+<div class="block">
+ controlP5 is a processing and java library for creating
+ simple control GUIs.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5.html#ControlP5(processing.core.PApplet)">ControlP5(PApplet)</a></span> - Constructor for class controlP5.<a href="./controlP5/ControlP5.html" title="class in controlP5">ControlP5</a></dt>
+<dd>
+<div class="block">Create a new instance of controlP5.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5.html#ControlP5(processing.core.PApplet, processing.core.PFont)">ControlP5(PApplet, PFont)</a></span> - Constructor for class controlP5.<a href="./controlP5/ControlP5.html" title="class in controlP5">ControlP5</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5.html#ControlP5(processing.core.PApplet, controlP5.ControlFont)">ControlP5(PApplet, ControlFont)</a></span> - Constructor for class controlP5.<a href="./controlP5/ControlP5.html" title="class in controlP5">ControlP5</a></dt>
+<dd>&nbsp;</dd>
+<dt><a href="./controlP5/ControlP5Base.html" title="class in controlP5"><span class="strong">ControlP5Base</span></a> - Class in <a href="./controlP5/package-summary.html">controlP5</a></dt>
+<dd>
+<div class="block">The ControlP5Base supports the ControlP5 class and
+ implements all adder methods to add controllers to
+ controlP5.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Base.html#ControlP5Base()">ControlP5Base()</a></span> - Constructor for class controlP5.<a href="./controlP5/ControlP5Base.html" title="class in controlP5">ControlP5Base</a></dt>
+<dd>&nbsp;</dd>
+<dt><a href="./controlP5/ControlP5Constants.html" title="interface in controlP5"><span class="strong">ControlP5Constants</span></a> - Interface in <a href="./controlP5/package-summary.html">controlP5</a></dt>
+<dd>
+<div class="block">Constant variables used with ControlP5 are stored here.</div>
+</dd>
+<dt><a href="./controlP5/ControlP5Legacy.html" title="class in controlP5"><span class="strong">ControlP5Legacy</span></a> - Class in <a href="./controlP5/package-summary.html">controlP5</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Legacy.html#ControlP5Legacy()">ControlP5Legacy()</a></span> - Constructor for class controlP5.<a href="./controlP5/ControlP5Legacy.html" title="class in controlP5">ControlP5Legacy</a></dt>
+<dd>&nbsp;</dd>
+<dt><a href="./controlP5/ControlTimer.html" title="class in controlP5"><span class="strong">ControlTimer</span></a> - Class in <a href="./controlP5/package-summary.html">controlP5</a></dt>
+<dd>
+<div class="block">control timer is a timer that can be used for example as a stop watch or a duration timer.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/ControlTimer.html#ControlTimer()">ControlTimer()</a></span> - Constructor for class controlP5.<a href="./controlP5/ControlTimer.html" title="class in controlP5">ControlTimer</a></dt>
+<dd>
+<div class="block">create a new control timer, a timer that counts up in time.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5.html#controlWindow">controlWindow</a></span> - Variable in class controlP5.<a href="./controlP5/ControlP5.html" title="class in controlP5">ControlP5</a></dt>
+<dd>&nbsp;</dd>
+<dt><a href="./controlP5/ControlWindow.html" title="class in controlP5"><span class="strong">ControlWindow</span></a> - Class in <a href="./controlP5/package-summary.html">controlP5</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlWindow.html#ControlWindow(controlP5.ControlP5, processing.core.PApplet)">ControlWindow(ControlP5, PApplet)</a></span> - Constructor for class controlP5.<a href="./controlP5/ControlWindow.html" title="class in controlP5">ControlWindow</a></dt>
+<dd>&nbsp;</dd>
+<dt><a href="./controlP5/ControlWindow.Pointer.html" title="class in controlP5"><span class="strong">ControlWindow.Pointer</span></a> - Class in <a href="./controlP5/package-summary.html">controlP5</a></dt>
+<dd>
+<div class="block">A pointer by default is linked to the mouse and
+ stores the x and y position as well as the pressed
+ and released state.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/ControlWindow.Pointer.html#ControlWindow.Pointer()">ControlWindow.Pointer()</a></span> - Constructor for class controlP5.<a href="./controlP5/ControlWindow.Pointer.html" title="class in controlP5">ControlWindow.Pointer</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerProperties.html#copy(controlP5.ControllerProperty, java.lang.String...)">copy(ControllerProperty, String...)</a></span> - Method in class controlP5.<a href="./controlP5/ControllerProperties.html" title="class in controlP5">ControllerProperties</a></dt>
+<dd>
+<div class="block">copies a ControllerProperty from one set to other(s);</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerProperties.html#copy(controlP5.ControllerInterface, java.lang.String...)">copy(ControllerInterface&lt;?&gt;, String...)</a></span> - Method in class controlP5.<a href="./controlP5/ControllerProperties.html" title="class in controlP5">ControllerProperties</a></dt>
+<dd>&nbsp;</dd>
+<dt><a href="./controlP5/CP.html" title="class in controlP5"><span class="strong">CP</span></a> - Class in <a href="./controlP5/package-summary.html">controlP5</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/CP.html#CP()">CP()</a></span> - Constructor for class controlP5.<a href="./controlP5/CP.html" title="class in controlP5">CP</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Textfield.html#cursorWidth">cursorWidth</a></span> - Static variable in class controlP5.<a href="./controlP5/Textfield.html" title="class in controlP5">Textfield</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Constants.html#CUSTOM">CUSTOM</a></span> - Static variable in interface controlP5.<a href="./controlP5/ControlP5Constants.html" title="interface in controlP5">ControlP5Constants</a></dt>
+<dd>&nbsp;</dd>
+</dl>
+<a name="_D_">
+<!--   -->
+</a>
+<h2 class="title">D</h2>
+<dl>
+<dt><span class="strong"><a href="./controlP5/ControlP5.html#d(java.lang.Object)">d(Object)</a></span> - Static method in class controlP5.<a href="./controlP5/ControlP5.html" title="class in controlP5">ControlP5</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlTimer.html#day()">day()</a></span> - Method in class controlP5.<a href="./controlP5/ControlTimer.html" title="class in controlP5">ControlTimer</a></dt>
+<dd>
+<div class="block">day position of the timer.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/CheckBox.html#deactivate(int)">deactivate(int)</a></span> - Method in class controlP5.<a href="./controlP5/CheckBox.html" title="class in controlP5">CheckBox</a></dt>
+<dd>
+<div class="block">deactivate a single checkbox item by index</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/CheckBox.html#deactivate(java.lang.String)">deactivate(String)</a></span> - Method in class controlP5.<a href="./controlP5/CheckBox.html" title="class in controlP5">CheckBox</a></dt>
+<dd>
+<div class="block">Deactivates a single checkbox item by name</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/RadioButton.html#deactivate(int)">deactivate(int)</a></span> - Method in class controlP5.<a href="./controlP5/RadioButton.html" title="class in controlP5">RadioButton</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/RadioButton.html#deactivate(java.lang.String)">deactivate(String)</a></span> - Method in class controlP5.<a href="./controlP5/RadioButton.html" title="class in controlP5">RadioButton</a></dt>
+<dd>
+<div class="block">Deactivates a RadioButton by name and sets the value of the RadioButton to the default value
+ -1.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/CheckBox.html#deactivateAll()">deactivateAll()</a></span> - Method in class controlP5.<a href="./controlP5/CheckBox.html" title="class in controlP5">CheckBox</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/RadioButton.html#deactivateAll()">deactivateAll()</a></span> - Method in class controlP5.<a href="./controlP5/RadioButton.html" title="class in controlP5">RadioButton</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlFont.html#DEBUG">DEBUG</a></span> - Static variable in class controlP5.<a href="./controlP5/ControlFont.html" title="class in controlP5">ControlFont</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5.html#DEBUG">DEBUG</a></span> - Static variable in class controlP5.<a href="./controlP5/ControlP5.html" title="class in controlP5">ControlP5</a></dt>
+<dd>
+<div class="block">use this static variable to turn DEBUG on or off.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/CP.html#decodeBase64(java.lang.String)">decodeBase64(String)</a></span> - Static method in class controlP5.<a href="./controlP5/CP.html" title="class in controlP5">CP</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Constants.html#DECREASE">DECREASE</a></span> - Static variable in interface controlP5.<a href="./controlP5/ControlP5Constants.html" title="interface in controlP5">ControlP5Constants</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Constants.html#DEFAULT">DEFAULT</a></span> - Static variable in interface controlP5.<a href="./controlP5/ControlP5Constants.html" title="interface in controlP5">ControlP5Constants</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/BitFont.html#defaultChar">defaultChar</a></span> - Static variable in class controlP5.<a href="./controlP5/BitFont.html" title="class in controlP5">BitFont</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerProperties.html#defaultName">defaultName</a></span> - Static variable in class controlP5.<a href="./controlP5/ControllerProperties.html" title="class in controlP5">ControllerProperties</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerProperties.html#delete(controlP5.ControllerProperty)">delete(ControllerProperty)</a></span> - Method in class controlP5.<a href="./controlP5/ControllerProperties.html" title="class in controlP5">ControllerProperties</a></dt>
+<dd>
+<div class="block">deletes a ControllerProperty from all Sets including the default set.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Constants.html#DELETE">DELETE</a></span> - Static variable in interface controlP5.<a href="./controlP5/ControlP5Constants.html" title="interface in controlP5">ControlP5Constants</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerProperty.html#disable()">disable()</a></span> - Method in class controlP5.<a href="./controlP5/ControllerProperty.html" title="class in controlP5">ControllerProperty</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlWindow.Pointer.html#disable()">disable()</a></span> - Method in class controlP5.<a href="./controlP5/ControlWindow.Pointer.html" title="class in controlP5">ControlWindow.Pointer</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Tooltip.html#disable()">disable()</a></span> - Method in class controlP5.<a href="./controlP5/Tooltip.html" title="class in controlP5">Tooltip</a></dt>
+<dd>
+<div class="block">disables the Tooltip on a global level, when
+ disabled, tooltip will not respond to any registered
+ controller.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerGroup.html#disableCollapse()">disableCollapse()</a></span> - Method in class controlP5.<a href="./controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Label.html#disableColorBackground()">disableColorBackground()</a></span> - Method in class controlP5.<a href="./controlP5/Label.html" title="class in controlP5">Label</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Textarea.html#disableColorBackground()">disableColorBackground()</a></span> - Method in class controlP5.<a href="./controlP5/Textarea.html" title="class in controlP5">Textarea</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Slider2D.html#disableCrosshair()">disableCrosshair()</a></span> - Method in class controlP5.<a href="./controlP5/Slider2D.html" title="class in controlP5">Slider2D</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlWindow.html#disablePointer()">disablePointer()</a></span> - Method in class controlP5.<a href="./controlP5/ControlWindow.html" title="class in controlP5">ControlWindow</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5.html#disableShortcuts()">disableShortcuts()</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5.html" title="class in controlP5">ControlP5</a></dt>
+<dd>
+<div class="block">disables shortcuts such as alt-h for hiding/showing
+ controllers</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/Chart.ChartViewArea.html#display(processing.core.PGraphics, controlP5.Chart)">display(PGraphics, Chart)</a></span> - Method in class controlP5.<a href="./controlP5/Chart.ChartViewArea.html" title="class in controlP5">Chart.ChartViewArea</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Chart.ChartViewBar.html#display(processing.core.PGraphics, controlP5.Chart)">display(PGraphics, Chart)</a></span> - Method in class controlP5.<a href="./controlP5/Chart.ChartViewBar.html" title="class in controlP5">Chart.ChartViewBar</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Chart.ChartViewBarCentered.html#display(processing.core.PGraphics, controlP5.Chart)">display(PGraphics, Chart)</a></span> - Method in class controlP5.<a href="./controlP5/Chart.ChartViewBarCentered.html" title="class in controlP5">Chart.ChartViewBarCentered</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Chart.ChartViewLine.html#display(processing.core.PGraphics, controlP5.Chart)">display(PGraphics, Chart)</a></span> - Method in class controlP5.<a href="./controlP5/Chart.ChartViewLine.html" title="class in controlP5">Chart.ChartViewLine</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Chart.ChartViewPie.html#display(processing.core.PGraphics, controlP5.Chart)">display(PGraphics, Chart)</a></span> - Method in class controlP5.<a href="./controlP5/Chart.ChartViewPie.html" title="class in controlP5">Chart.ChartViewPie</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerView.html#display(processing.core.PGraphics, T)">display(PGraphics, T)</a></span> - Method in interface controlP5.<a href="./controlP5/ControllerView.html" title="interface in controlP5">ControllerView</a></dt>
+<dd>
+<div class="block">draws your custom controllers.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/ScrollableList.ScrollableListView.html#display(processing.core.PGraphics, controlP5.ScrollableList)">display(PGraphics, ScrollableList)</a></span> - Method in class controlP5.<a href="./controlP5/ScrollableList.ScrollableListView.html" title="class in controlP5">ScrollableList.ScrollableListView</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5.html#dispose()">dispose()</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5.html" title="class in controlP5">ControlP5</a></dt>
+<dd>
+<div class="block">disposes and clears all controlP5 elements.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Constants.html#DONE">DONE</a></span> - Static variable in interface controlP5.<a href="./controlP5/ControlP5Constants.html" title="interface in controlP5">ControlP5Constants</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Constants.html#DOWN">DOWN</a></span> - Static variable in interface controlP5.<a href="./controlP5/ControlP5Constants.html" title="interface in controlP5">ControlP5Constants</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Numberbox.html#DOWN">DOWN</a></span> - Static variable in class controlP5.<a href="./controlP5/Numberbox.html" title="class in controlP5">Numberbox</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Canvas.html#draw(processing.core.PGraphics)">draw(PGraphics)</a></span> - Method in class controlP5.<a href="./controlP5/Canvas.html" title="class in controlP5">Canvas</a></dt>
+<dd>
+<div class="block">controlWindowCanvas is an abstract class and
+ therefore needs to be extended by your class.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/CDrawable.html#draw(processing.core.PGraphics)">draw(PGraphics)</a></span> - Method in interface controlP5.<a href="./controlP5/CDrawable.html" title="interface in controlP5">CDrawable</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlFont.html#draw(controlP5.ControlP5, controlP5.Label)">draw(ControlP5, Label)</a></span> - Method in class controlP5.<a href="./controlP5/ControlFont.html" title="class in controlP5">ControlFont</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlFont.html#draw(processing.core.PGraphics, controlP5.Label)">draw(PGraphics, Label)</a></span> - Method in class controlP5.<a href="./controlP5/ControlFont.html" title="class in controlP5">ControlFont</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Controller.html#draw(processing.core.PGraphics)">draw(PGraphics)</a></span> - Method in class controlP5.<a href="./controlP5/Controller.html" title="class in controlP5">Controller</a></dt>
+<dd>
+<div class="block">the default draw function for each controller extending superclass Controller.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerGroup.html#draw(processing.core.PGraphics)">draw(PGraphics)</a></span> - Method in class controlP5.<a href="./controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerInterface.html#draw(processing.core.PGraphics)">draw(PGraphics)</a></span> - Method in interface controlP5.<a href="./controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5.html#draw()">draw()</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5.html" title="class in controlP5">ControlP5</a></dt>
+<dd>
+<div class="block">call draw() from your program when autoDraw is
+ disabled.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/ControlWindow.html#draw(processing.core.PGraphics, int, int)">draw(PGraphics, int, int)</a></span> - Method in class controlP5.<a href="./controlP5/ControlWindow.html" title="class in controlP5">ControlWindow</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlWindow.html#draw()">draw()</a></span> - Method in class controlP5.<a href="./controlP5/ControlWindow.html" title="class in controlP5">ControlWindow</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlWindow.html#draw(processing.core.PGraphics)">draw(PGraphics)</a></span> - Method in class controlP5.<a href="./controlP5/ControlWindow.html" title="class in controlP5">ControlWindow</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/FrameRate.html#draw(processing.core.PGraphics)">draw(PGraphics)</a></span> - Method in class controlP5.<a href="./controlP5/FrameRate.html" title="class in controlP5">FrameRate</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Label.html#draw(processing.core.PGraphics, int, int, controlP5.ControllerInterface)">draw(PGraphics, int, int, ControllerInterface&lt;?&gt;)</a></span> - Method in class controlP5.<a href="./controlP5/Label.html" title="class in controlP5">Label</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Label.html#draw(processing.core.PGraphics)">draw(PGraphics)</a></span> - Method in class controlP5.<a href="./controlP5/Label.html" title="class in controlP5">Label</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Label.html#draw(processing.core.PGraphics, int, int)">draw(PGraphics, int, int)</a></span> - Method in class controlP5.<a href="./controlP5/Label.html" title="class in controlP5">Label</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/MultiList.html#draw(processing.core.PGraphics)">draw(PGraphics)</a></span> - Method in class controlP5.<a href="./controlP5/MultiList.html" title="class in controlP5">MultiList</a></dt>
+<dd>
+<div class="block">the default draw function for each controller extending superclass Controller.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/Textfield.html#draw(processing.core.PGraphics)">draw(PGraphics)</a></span> - Method in class controlP5.<a href="./controlP5/Textfield.html" title="class in controlP5">Textfield</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Textlabel.html#draw(processing.core.PApplet)">draw(PApplet)</a></span> - Method in class controlP5.<a href="./controlP5/Textlabel.html" title="class in controlP5">Textlabel</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Textlabel.html#draw(processing.core.PGraphics)">draw(PGraphics)</a></span> - Method in class controlP5.<a href="./controlP5/Textlabel.html" title="class in controlP5">Textlabel</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Textlabel.html#draw()">draw()</a></span> - Method in class controlP5.<a href="./controlP5/Textlabel.html" title="class in controlP5">Textlabel</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Textlabel.html#draw(int, int)">draw(int, int)</a></span> - Method in class controlP5.<a href="./controlP5/Textlabel.html" title="class in controlP5">Textlabel</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/TickMark.html#draw(processing.core.PGraphics)">draw(PGraphics)</a></span> - Method in class controlP5.<a href="./controlP5/TickMark.html" title="class in controlP5">TickMark</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/TickMark.html#draw(processing.core.PGraphics, int)">draw(PGraphics, int)</a></span> - Method in class controlP5.<a href="./controlP5/TickMark.html" title="class in controlP5">TickMark</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Toggle.html#draw(processing.core.PGraphics)">draw(PGraphics)</a></span> - Method in class controlP5.<a href="./controlP5/Toggle.html" title="class in controlP5">Toggle</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Constants.html#DROPDOWN">DROPDOWN</a></span> - Static variable in interface controlP5.<a href="./controlP5/ControlP5Constants.html" title="interface in controlP5">ControlP5Constants</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ScrollableList.html#DROPDOWN">DROPDOWN</a></span> - Static variable in class controlP5.<a href="./controlP5/ScrollableList.html" title="class in controlP5">ScrollableList</a></dt>
+<dd>&nbsp;</dd>
+<dt><a href="./controlP5/DropdownList.html" title="class in controlP5"><span class="strong">DropdownList</span></a> - Class in <a href="./controlP5/package-summary.html">controlP5</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/DropdownList.html#DropdownList(controlP5.ControlP5, java.lang.String)">DropdownList(ControlP5, String)</a></span> - Constructor for class controlP5.<a href="./controlP5/DropdownList.html" title="class in controlP5">DropdownList</a></dt>
+<dd>
+<div class="block">Convenience constructor to extend DropdownList.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/Pointer.html#dt()">dt()</a></span> - Method in interface controlP5.<a href="./controlP5/Pointer.html" title="interface in controlP5">Pointer</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Pointer.html#dx()">dx()</a></span> - Method in interface controlP5.<a href="./controlP5/Pointer.html" title="interface in controlP5">Pointer</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Pointer.html#dy()">dy()</a></span> - Method in interface controlP5.<a href="./controlP5/Pointer.html" title="interface in controlP5">Pointer</a></dt>
+<dd>&nbsp;</dd>
+</dl>
+<a name="_E_">
+<!--   -->
+</a>
+<h2 class="title">E</h2>
+<dl>
+<dt><span class="strong"><a href="./controlP5/ControlP5Constants.html#ELLIPSE">ELLIPSE</a></span> - Static variable in interface controlP5.<a href="./controlP5/ControlP5Constants.html" title="interface in controlP5">ControlP5Constants</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerProperty.html#enable()">enable()</a></span> - Method in class controlP5.<a href="./controlP5/ControllerProperty.html" title="class in controlP5">ControllerProperty</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlWindow.Pointer.html#enable()">enable()</a></span> - Method in class controlP5.<a href="./controlP5/ControlWindow.Pointer.html" title="class in controlP5">ControlWindow.Pointer</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Tooltip.html#enable()">enable()</a></span> - Method in class controlP5.<a href="./controlP5/Tooltip.html" title="class in controlP5">Tooltip</a></dt>
+<dd>
+<div class="block">in case the tooltip is disabled, use enable() to turn
+ the tooltip back on.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerGroup.html#enableCollapse()">enableCollapse()</a></span> - Method in class controlP5.<a href="./controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Label.html#enableColorBackground()">enableColorBackground()</a></span> - Method in class controlP5.<a href="./controlP5/Label.html" title="class in controlP5">Label</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Textarea.html#enableColorBackground()">enableColorBackground()</a></span> - Method in class controlP5.<a href="./controlP5/Textarea.html" title="class in controlP5">Textarea</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Slider2D.html#enableCrosshair()">enableCrosshair()</a></span> - Method in class controlP5.<a href="./controlP5/Slider2D.html" title="class in controlP5">Slider2D</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlWindow.html#enablePointer()">enablePointer()</a></span> - Method in class controlP5.<a href="./controlP5/ControlWindow.html" title="class in controlP5">ControlWindow</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5.html#enableShortcuts()">enableShortcuts()</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5.html" title="class in controlP5">ControlP5</a></dt>
+<dd>
+<div class="block">enables shortcuts.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/CP.html#encodeBase64(byte[])">encodeBase64(byte[])</a></span> - Static method in class controlP5.<a href="./controlP5/CP.html" title="class in controlP5">CP</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5.html#end(controlP5.ControllerGroup)">end(ControllerGroup&lt;?&gt;)</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5.html" title="class in controlP5">ControlP5</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5.html#end()">end()</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5.html" title="class in controlP5">ControlP5</a></dt>
+<dd>
+<div class="block">cp5.begin() and cp5.end() are mechanisms to
+ auto-layout controllers, see the ControlP5beginEnd
+ example.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/DropdownList.html#endItems()">endItems()</a></span> - Method in class controlP5.<a href="./controlP5/DropdownList.html" title="class in controlP5">DropdownList</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ListBox.html#endItems()">endItems()</a></span> - Method in class controlP5.<a href="./controlP5/ListBox.html" title="class in controlP5">ListBox</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Constants.html#ENTER">ENTER</a></span> - Static variable in interface controlP5.<a href="./controlP5/ControlP5Constants.html" title="interface in controlP5">ControlP5Constants</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/CColor.html#equals(java.lang.Object)">equals(Object)</a></span> - Method in class controlP5.<a href="./controlP5/CColor.html" title="class in controlP5">CColor</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerProperty.html#equals(java.lang.Object)">equals(Object)</a></span> - Method in class controlP5.<a href="./controlP5/ControllerProperty.html" title="class in controlP5">ControllerProperty</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Constants.html#ESCAPE">ESCAPE</a></span> - Static variable in interface controlP5.<a href="./controlP5/ControlP5Constants.html" title="interface in controlP5">ControlP5Constants</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Constants.html#EVENT">EVENT</a></span> - Static variable in interface controlP5.<a href="./controlP5/ControlP5Constants.html" title="interface in controlP5">ControlP5Constants</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Constants.html#eventMethod">eventMethod</a></span> - Static variable in interface controlP5.<a href="./controlP5/ControlP5Constants.html" title="interface in controlP5">ControlP5Constants</a></dt>
+<dd>&nbsp;</dd>
+</dl>
+<a name="_F_">
+<!--   -->
+</a>
+<h2 class="title">F</h2>
+<dl>
+<dt><span class="strong"><a href="./controlP5/ControlP5.html#f(java.lang.Object)">f(Object)</a></span> - Static method in class controlP5.<a href="./controlP5/ControlP5.html" title="class in controlP5">ControlP5</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Constants.html#FADEIN">FADEIN</a></span> - Static variable in interface controlP5.<a href="./controlP5/ControlP5Constants.html" title="interface in controlP5">ControlP5Constants</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Constants.html#FADEOUT">FADEOUT</a></span> - Static variable in interface controlP5.<a href="./controlP5/ControlP5Constants.html" title="interface in controlP5">ControlP5Constants</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Constants.html#FIELD">FIELD</a></span> - Static variable in interface controlP5.<a href="./controlP5/ControlP5Constants.html" title="interface in controlP5">ControlP5Constants</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Slider.html#FIX">FIX</a></span> - Static variable in class controlP5.<a href="./controlP5/Slider.html" title="class in controlP5">Slider</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Slider.html#FLEXIBLE">FLEXIBLE</a></span> - Static variable in class controlP5.<a href="./controlP5/Slider.html" title="class in controlP5">Slider</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Constants.html#FLOAT">FLOAT</a></span> - Static variable in interface controlP5.<a href="./controlP5/ControlP5Constants.html" title="interface in controlP5">ControlP5Constants</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/CP.html#forHTMLTag(java.lang.String)">forHTMLTag(String)</a></span> - Static method in class controlP5.<a href="./controlP5/CP.html" title="class in controlP5">CP</a></dt>
+<dd>
+<div class="block">borrowed from http://www.javapractices.com/Topic96.cjp</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/CP.html#forURL(java.lang.String)">forURL(String)</a></span> - Static method in class controlP5.<a href="./controlP5/CP.html" title="class in controlP5">CP</a></dt>
+<dd>
+<div class="block">borrowed from http://www.javapractices.com/Topic96.cjp</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/ControlWindow.html#frameRate(int)">frameRate(int)</a></span> - Method in class controlP5.<a href="./controlP5/ControlWindow.html" title="class in controlP5">ControlWindow</a></dt>
+<dd>
+<div class="block">sets the frame rate of the control window.</div>
+</dd>
+<dt><a href="./controlP5/FrameRate.html" title="class in controlP5"><span class="strong">FrameRate</span></a> - Class in <a href="./controlP5/package-summary.html">controlP5</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Constants.html#FUCHSIA">FUCHSIA</a></span> - Static variable in interface controlP5.<a href="./controlP5/ControlP5Constants.html" title="interface in controlP5">ControlP5Constants</a></dt>
+<dd>&nbsp;</dd>
+</dl>
+<a name="_G_">
+<!--   -->
+</a>
+<h2 class="title">G</h2>
+<dl>
+<dt><span class="strong"><a href="./controlP5/ColorWheel.html#g()">g()</a></span> - Method in class controlP5.<a href="./controlP5/ColorWheel.html" title="class in controlP5">ColorWheel</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerList.html#get(int)">get(int)</a></span> - Method in class controlP5.<a href="./controlP5/ControllerList.html" title="class in controlP5">ControllerList</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerList.html#get()">get()</a></span> - Method in class controlP5.<a href="./controlP5/ControllerList.html" title="class in controlP5">ControllerList</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerProperties.html#get()">get()</a></span> - Method in class controlP5.<a href="./controlP5/ControllerProperties.html" title="class in controlP5">ControllerProperties</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerProperties.html#get(controlP5.ControllerInterface)">get(ControllerInterface&lt;?&gt;)</a></span> - Method in class controlP5.<a href="./controlP5/ControllerProperties.html" title="class in controlP5">ControllerProperties</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5.html#get(java.lang.String)">get(String)</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5.html" title="class in controlP5">ControlP5</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5.html#get(java.lang.Object, java.lang.String)">get(Object, String)</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5.html" title="class in controlP5">ControlP5</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5.html#get(java.lang.Class, java.lang.String)">get(Class&lt;C&gt;, String)</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5.html" title="class in controlP5">ControlP5</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Matrix.html#get(int, int)">get(int, int)</a></span> - Method in class controlP5.<a href="./controlP5/Matrix.html" title="class in controlP5">Matrix</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Textlabel.html#get()">get()</a></span> - Method in class controlP5.<a href="./controlP5/Textlabel.html" title="class in controlP5">Textlabel</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Controller.html#getAbsolutePosition()">getAbsolutePosition()</a></span> - Method in class controlP5.<a href="./controlP5/Controller.html" title="class in controlP5">Controller</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerGroup.html#getAbsolutePosition()">getAbsolutePosition()</a></span> - Method in class controlP5.<a href="./controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerInterface.html#getAbsolutePosition()">getAbsolutePosition()</a></span> - Method in interface controlP5.<a href="./controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/CallbackEvent.html#getAction()">getAction()</a></span> - Method in class controlP5.<a href="./controlP5/CallbackEvent.html" title="class in controlP5">CallbackEvent</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/CColor.html#getActive()">getActive()</a></span> - Method in class controlP5.<a href="./controlP5/CColor.html" title="class in controlP5">CColor</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Controller.html#getAddress()">getAddress()</a></span> - Method in class controlP5.<a href="./controlP5/Controller.html" title="class in controlP5">Controller</a></dt>
+<dt><span class="strong"><a href="./controlP5/ControllerGroup.html#getAddress()">getAddress()</a></span> - Method in class controlP5.<a href="./controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a></dt>
+<dt><span class="strong"><a href="./controlP5/ControllerInterface.html#getAddress()">getAddress()</a></span> - Method in interface controlP5.<a href="./controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Label.html#getAlign()">getAlign()</a></span> - Method in class controlP5.<a href="./controlP5/Label.html" title="class in controlP5">Label</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/RadioButton.html#getAlign()">getAlign()</a></span> - Method in class controlP5.<a href="./controlP5/RadioButton.html" title="class in controlP5">RadioButton</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5.html#getAll()">getAll()</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5.html" title="class in controlP5">ControlP5</a></dt>
+<dd>
+<div class="block">Returns a List of all controllers currently
+ registered.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5.html#getAll(java.lang.Class)">getAll(Class&lt;T&gt;)</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5.html" title="class in controlP5">ControlP5</a></dt>
+<dd>
+<div class="block">Returns a list of controllers or groups of a
+ particular type.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/CColor.html#getAlpha()">getAlpha()</a></span> - Method in class controlP5.<a href="./controlP5/CColor.html" title="class in controlP5">CColor</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Knob.html#getAngle()">getAngle()</a></span> - Method in class controlP5.<a href="./controlP5/Knob.html" title="class in controlP5">Knob</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Knob.html#getAngleRange()">getAngleRange()</a></span> - Method in class controlP5.<a href="./controlP5/Knob.html" title="class in controlP5">Knob</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlEvent.html#getArrayValue()">getArrayValue()</a></span> - Method in class controlP5.<a href="./controlP5/ControlEvent.html" title="class in controlP5">ControlEvent</a></dt>
+<dd>
+<div class="block">Returns a float array, applies to e.g.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/ControlEvent.html#getArrayValue(int)">getArrayValue(int)</a></span> - Method in class controlP5.<a href="./controlP5/ControlEvent.html" title="class in controlP5">ControlEvent</a></dt>
+<dd>
+<div class="block">Returns a float value at a particular index from a controller's array value.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/Controller.html#getArrayValue()">getArrayValue()</a></span> - Method in class controlP5.<a href="./controlP5/Controller.html" title="class in controlP5">Controller</a></dt>
+<dd>
+<div class="block">returns the current float array value of a controller.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/Controller.html#getArrayValue(int)">getArrayValue(int)</a></span> - Method in class controlP5.<a href="./controlP5/Controller.html" title="class in controlP5">Controller</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerGroup.html#getArrayValue()">getArrayValue()</a></span> - Method in class controlP5.<a href="./controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a></dt>
+<dt><span class="strong"><a href="./controlP5/ControllerGroup.html#getArrayValue(int)">getArrayValue(int)</a></span> - Method in class controlP5.<a href="./controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerInterface.html#getArrayValue()">getArrayValue()</a></span> - Method in interface controlP5.<a href="./controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerInterface.html#getArrayValue(int)">getArrayValue(int)</a></span> - Method in interface controlP5.<a href="./controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Range.html#getArrayValue()">getArrayValue()</a></span> - Method in class controlP5.<a href="./controlP5/Range.html" title="class in controlP5">Range</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Slider2D.html#getArrayValue()">getArrayValue()</a></span> - Method in class controlP5.<a href="./controlP5/Slider2D.html" title="class in controlP5">Slider2D</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/CColor.html#getBackground()">getBackground()</a></span> - Method in class controlP5.<a href="./controlP5/CColor.html" title="class in controlP5">CColor</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ScrollableList.html#getBackgroundColor()">getBackgroundColor()</a></span> - Method in class controlP5.<a href="./controlP5/ScrollableList.html" title="class in controlP5">ScrollableList</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlGroup.html#getBackgroundHeight()">getBackgroundHeight()</a></span> - Method in class controlP5.<a href="./controlP5/ControlGroup.html" title="class in controlP5">ControlGroup</a></dt>
+<dd>
+<div class="block">get the height of the controlGroup's background.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/ControlGroup.html#getBarHeight()">getBarHeight()</a></span> - Method in class controlP5.<a href="./controlP5/ControlGroup.html" title="class in controlP5">ControlGroup</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlFont.html#getBaseline()">getBaseline()</a></span> - Method in class controlP5.<a href="./controlP5/ControlFont.html" title="class in controlP5">ControlFont</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Controller.html#getBehavior()">getBehavior()</a></span> - Method in class controlP5.<a href="./controlP5/Controller.html" title="class in controlP5">Controller</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/CP.html#getBit(int, int)">getBit(int, int)</a></span> - Static method in class controlP5.<a href="./controlP5/CP.html" title="class in controlP5">CP</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Button.html#getBooleanValue()">getBooleanValue()</a></span> - Method in class controlP5.<a href="./controlP5/Button.html" title="class in controlP5">Button</a></dt>
+<dd>
+<div class="block">Returns true or false and indicates the switch state of the button.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/Tooltip.html#getBorder()">getBorder()</a></span> - Method in class controlP5.<a href="./controlP5/Tooltip.html" title="class in controlP5">Tooltip</a></dt>
+<dd>
+<div class="block">returns the value of the border</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/ControlFont.html#getBottom()">getBottom()</a></span> - Method in class controlP5.<a href="./controlP5/ControlFont.html" title="class in controlP5">ControlFont</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/CColor.html#getCaptionLabel()">getCaptionLabel()</a></span> - Method in class controlP5.<a href="./controlP5/CColor.html" title="class in controlP5">CColor</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Controller.html#getCaptionLabel()">getCaptionLabel()</a></span> - Method in class controlP5.<a href="./controlP5/Controller.html" title="class in controlP5">Controller</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerGroup.html#getCaptionLabel()">getCaptionLabel()</a></span> - Method in class controlP5.<a href="./controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Matrix.html#getCells()">getCells()</a></span> - Method in class controlP5.<a href="./controlP5/Matrix.html" title="class in controlP5">Matrix</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlFont.html#getCenter()">getCenter()</a></span> - Method in class controlP5.<a href="./controlP5/ControlFont.html" title="class in controlP5">ControlFont</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ChartData.html#getColor()">getColor()</a></span> - Method in class controlP5.<a href="./controlP5/ChartData.html" title="class in controlP5">ChartData</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ChartDataSet.html#getColor()">getColor()</a></span> - Method in class controlP5.<a href="./controlP5/ChartDataSet.html" title="class in controlP5">ChartDataSet</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ChartDataSet.html#getColor(int)">getColor(int)</a></span> - Method in class controlP5.<a href="./controlP5/ChartDataSet.html" title="class in controlP5">ChartDataSet</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Controller.html#getColor()">getColor()</a></span> - Method in class controlP5.<a href="./controlP5/Controller.html" title="class in controlP5">Controller</a></dt>
+<dt><span class="strong"><a href="./controlP5/ControllerGroup.html#getColor()">getColor()</a></span> - Method in class controlP5.<a href="./controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a></dt>
+<dt><span class="strong"><a href="./controlP5/ControllerInterface.html#getColor()">getColor()</a></span> - Method in interface controlP5.<a href="./controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5.html#getColor()">getColor()</a></span> - Static method in class controlP5.<a href="./controlP5/ControlP5.html" title="class in controlP5">ControlP5</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Label.html#getColor()">getColor()</a></span> - Method in class controlP5.<a href="./controlP5/Label.html" title="class in controlP5">Label</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ListBoxItem.html#getColor()">getColor()</a></span> - Method in class controlP5.<a href="./controlP5/ListBoxItem.html" title="class in controlP5">ListBoxItem</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ChartDataSet.html#getColors()">getColors()</a></span> - Method in class controlP5.<a href="./controlP5/ChartDataSet.html" title="class in controlP5">ChartDataSet</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ColorPicker.html#getColorValue()">getColorValue()</a></span> - Method in class controlP5.<a href="./controlP5/ColorPicker.html" title="class in controlP5">ColorPicker</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5.html#getControlBroadcaster()">getControlBroadcaster()</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5.html" title="class in controlP5">ControlP5</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/CallbackEvent.html#getController()">getController()</a></span> - Method in class controlP5.<a href="./controlP5/CallbackEvent.html" title="class in controlP5">CallbackEvent</a></dt>
+<dd>
+<div class="block">Returns the Controller that triggered the Callback Event.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/ControlBehavior.html#getController()">getController()</a></span> - Method in class controlP5.<a href="./controlP5/ControlBehavior.html" title="class in controlP5">ControlBehavior</a></dt>
+<dd>
+<div class="block">Returns the controller this behavior is connected to.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/ControlEvent.html#getController()">getController()</a></span> - Method in class controlP5.<a href="./controlP5/ControlEvent.html" title="class in controlP5">ControlEvent</a></dt>
+<dd>
+<div class="block">Returns the instance of the controller sending the ControlEvent.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerGroup.html#getController(java.lang.String)">getController(String)</a></span> - Method in class controlP5.<a href="./controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5.html#getController(java.lang.String)">getController(String)</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5.html" title="class in controlP5">ControlP5</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Controller.html#getControllerPlugList()">getControllerPlugList()</a></span> - Method in class controlP5.<a href="./controlP5/Controller.html" title="class in controlP5">Controller</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Controller.html#getControlWindow()">getControlWindow()</a></span> - Method in class controlP5.<a href="./controlP5/Controller.html" title="class in controlP5">Controller</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlWindow.html#getCurrentTab()">getCurrentTab()</a></span> - Method in class controlP5.<a href="./controlP5/ControlWindow.html" title="class in controlP5">ControlWindow</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Slider2D.html#getCursorHeight()">getCursorHeight()</a></span> - Method in class controlP5.<a href="./controlP5/Slider2D.html" title="class in controlP5">Slider2D</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Slider2D.html#getCursorWidth()">getCursorWidth()</a></span> - Method in class controlP5.<a href="./controlP5/Slider2D.html" title="class in controlP5">Slider2D</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Slider2D.html#getCursorX()">getCursorX()</a></span> - Method in class controlP5.<a href="./controlP5/Slider2D.html" title="class in controlP5">Slider2D</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Slider2D.html#getCursorY()">getCursorY()</a></span> - Method in class controlP5.<a href="./controlP5/Slider2D.html" title="class in controlP5">Slider2D</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Chart.html#getData(java.lang.String, int)">getData(String, int)</a></span> - Method in class controlP5.<a href="./controlP5/Chart.html" title="class in controlP5">Chart</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Chart.html#getDataSet()">getDataSet()</a></span> - Method in class controlP5.<a href="./controlP5/Chart.html" title="class in controlP5">Chart</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Chart.html#getDataSet(java.lang.String)">getDataSet(String)</a></span> - Method in class controlP5.<a href="./controlP5/Chart.html" title="class in controlP5">Chart</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Controller.html#getDecimalPrecision()">getDecimalPrecision()</a></span> - Method in class controlP5.<a href="./controlP5/Controller.html" title="class in controlP5">Controller</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Base.html#getDefaultTab()">getDefaultTab()</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5Base.html" title="class in controlP5">ControlP5Base</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Controller.html#getDefaultValue()">getDefaultValue()</a></span> - Method in class controlP5.<a href="./controlP5/Controller.html" title="class in controlP5">Controller</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/MultiList.html#getDirection()">getDirection()</a></span> - Method in class controlP5.<a href="./controlP5/MultiList.html" title="class in controlP5">MultiList</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/MultiListButton.html#getDirection()">getDirection()</a></span> - Method in class controlP5.<a href="./controlP5/MultiListButton.html" title="class in controlP5">MultiListButton</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Slider.html#getDirection()">getDirection()</a></span> - Method in class controlP5.<a href="./controlP5/Slider.html" title="class in controlP5">Slider</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Knob.html#getDragDirection()">getDragDirection()</a></span> - Method in class controlP5.<a href="./controlP5/Knob.html" title="class in controlP5">Knob</a></dt>
+<dd>
+<div class="block">Gets the drag direction which is either Controller.HORIZONTAL or Controller.VERTICAL.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerList.html#getDrawable(int)">getDrawable(int)</a></span> - Method in class controlP5.<a href="./controlP5/ControllerList.html" title="class in controlP5">ControllerList</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerList.html#getDrawables()">getDrawables()</a></span> - Method in class controlP5.<a href="./controlP5/ControllerList.html" title="class in controlP5">ControllerList</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlWindow.html#getFirstFromMouseOverList()">getFirstFromMouseOverList()</a></span> - Method in class controlP5.<a href="./controlP5/ControlWindow.html" title="class in controlP5">ControlWindow</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlFont.html#getFont()">getFont()</a></span> - Method in class controlP5.<a href="./controlP5/ControlFont.html" title="class in controlP5">ControlFont</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5.html#getFont()">getFont()</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5.html" title="class in controlP5">ControlP5</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Label.html#getFont()">getFont()</a></span> - Method in class controlP5.<a href="./controlP5/Label.html" title="class in controlP5">Label</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/CColor.html#getForeground()">getForeground()</a></span> - Method in class controlP5.<a href="./controlP5/CColor.html" title="class in controlP5">CColor</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/BitFont.html#getGlyph(char)">getGlyph(char)</a></span> - Method in class controlP5.<a href="./controlP5/BitFont.html" title="class in controlP5">BitFont</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlEvent.html#getGroup()">getGroup()</a></span> - Method in class controlP5.<a href="./controlP5/ControlEvent.html" title="class in controlP5">ControlEvent</a></dt>
+<dd>
+<div class="block">Returns the group that evoked the ControlEvent</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5.html#getGroup(java.lang.String)">getGroup(String)</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5.html" title="class in controlP5">ControlP5</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Slider.html#getHandleSize()">getHandleSize()</a></span> - Method in class controlP5.<a href="./controlP5/Slider.html" title="class in controlP5">Slider</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlFont.html#getHeight()">getHeight()</a></span> - Method in class controlP5.<a href="./controlP5/ControlFont.html" title="class in controlP5">ControlFont</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Controller.html#getHeight()">getHeight()</a></span> - Method in class controlP5.<a href="./controlP5/Controller.html" title="class in controlP5">Controller</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerGroup.html#getHeight()">getHeight()</a></span> - Method in class controlP5.<a href="./controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a></dt>
+<dt><span class="strong"><a href="./controlP5/ControllerInterface.html#getHeight()">getHeight()</a></span> - Method in interface controlP5.<a href="./controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Label.html#getHeight()">getHeight()</a></span> - Method in class controlP5.<a href="./controlP5/Label.html" title="class in controlP5">Label</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ScrollableList.html#getHeight()">getHeight()</a></span> - Method in class controlP5.<a href="./controlP5/ScrollableList.html" title="class in controlP5">ScrollableList</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Range.html#getHighValue()">getHighValue()</a></span> - Method in class controlP5.<a href="./controlP5/Range.html" title="class in controlP5">Range</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlEvent.html#getId()">getId()</a></span> - Method in class controlP5.<a href="./controlP5/ControlEvent.html" title="class in controlP5">ControlEvent</a></dt>
+<dd>
+<div class="block">Returns the controller's id, if an id has not been set before the default value -1 will be
+ returned.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/Controller.html#getId()">getId()</a></span> - Method in class controlP5.<a href="./controlP5/Controller.html" title="class in controlP5">Controller</a></dt>
+<dd>
+<div class="block">returns the id of a controller, by default the id is -1.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerGroup.html#getId()">getId()</a></span> - Method in class controlP5.<a href="./controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a></dt>
+<dt><span class="strong"><a href="./controlP5/ControllerInterface.html#getId()">getId()</a></span> - Method in interface controlP5.<a href="./controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ListBoxItem.html#getId()">getId()</a></span> - Method in class controlP5.<a href="./controlP5/ListBoxItem.html" title="class in controlP5">ListBoxItem</a></dt>
+<dd>
+<div class="block">returns the id of a listboxitem.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/Textfield.html#getIndex()">getIndex()</a></span> - Method in class controlP5.<a href="./controlP5/Textfield.html" title="class in controlP5">Textfield</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Bang.html#getInfo()">getInfo()</a></span> - Method in class controlP5.<a href="./controlP5/Bang.html" title="class in controlP5">Bang</a></dt>
+<dt><span class="strong"><a href="./controlP5/Button.html#getInfo()">getInfo()</a></span> - Method in class controlP5.<a href="./controlP5/Button.html" title="class in controlP5">Button</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Chart.html#getInfo()">getInfo()</a></span> - Method in class controlP5.<a href="./controlP5/Chart.html" title="class in controlP5">Chart</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/CheckBox.html#getInfo()">getInfo()</a></span> - Method in class controlP5.<a href="./controlP5/CheckBox.html" title="class in controlP5">CheckBox</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ColorPicker.html#getInfo()">getInfo()</a></span> - Method in class controlP5.<a href="./controlP5/ColorPicker.html" title="class in controlP5">ColorPicker</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlGroup.html#getInfo()">getInfo()</a></span> - Method in class controlP5.<a href="./controlP5/ControlGroup.html" title="class in controlP5">ControlGroup</a></dt>
+<dt><span class="strong"><a href="./controlP5/Controller.html#getInfo()">getInfo()</a></span> - Method in class controlP5.<a href="./controlP5/Controller.html" title="class in controlP5">Controller</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerGroup.html#getInfo()">getInfo()</a></span> - Method in class controlP5.<a href="./controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/RadioButton.html#getInfo()">getInfo()</a></span> - Method in class controlP5.<a href="./controlP5/RadioButton.html" title="class in controlP5">RadioButton</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Matrix.html#getInterval()">getInterval()</a></span> - Method in class controlP5.<a href="./controlP5/Matrix.html" title="class in controlP5">Matrix</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/CheckBox.html#getItem(int)">getItem(int)</a></span> - Method in class controlP5.<a href="./controlP5/CheckBox.html" title="class in controlP5">CheckBox</a></dt>
+<dd>
+<div class="block">Gets a radio button item by index.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/DropdownList.html#getItem(int)">getItem(int)</a></span> - Method in class controlP5.<a href="./controlP5/DropdownList.html" title="class in controlP5">DropdownList</a></dt>
+<dd>
+<div class="block">returns a listBoxItem by index in the list of items.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/DropdownList.html#getItem(java.lang.String)">getItem(String)</a></span> - Method in class controlP5.<a href="./controlP5/DropdownList.html" title="class in controlP5">DropdownList</a></dt>
+<dd>
+<div class="block">TODO faulty returns a listBoxItem by name.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/DropdownList.html#getItem(controlP5.Controller)">getItem(Controller&lt;?&gt;)</a></span> - Method in class controlP5.<a href="./controlP5/DropdownList.html" title="class in controlP5">DropdownList</a></dt>
+<dd>
+<div class="block">returns a ListBoxItem based on its Button reference.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/ListBox.html#getItem(int)">getItem(int)</a></span> - Method in class controlP5.<a href="./controlP5/ListBox.html" title="class in controlP5">ListBox</a></dt>
+<dd>
+<div class="block">returns a listBoxItem by index from the list of items.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/ListBox.html#getItem(java.lang.String)">getItem(String)</a></span> - Method in class controlP5.<a href="./controlP5/ListBox.html" title="class in controlP5">ListBox</a></dt>
+<dd>
+<div class="block">TODO faulty returns a listBoxItem by name.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/ListBox.html#getItem(controlP5.Controller)">getItem(Controller&lt;?&gt;)</a></span> - Method in class controlP5.<a href="./controlP5/ListBox.html" title="class in controlP5">ListBox</a></dt>
+<dd>
+<div class="block">returns a ListBoxItem based on its Button reference.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/RadioButton.html#getItem(int)">getItem(int)</a></span> - Method in class controlP5.<a href="./controlP5/RadioButton.html" title="class in controlP5">RadioButton</a></dt>
+<dd>
+<div class="block">Gets a radio button item by index.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/RadioButton.html#getItem(java.lang.String)">getItem(String)</a></span> - Method in class controlP5.<a href="./controlP5/RadioButton.html" title="class in controlP5">RadioButton</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ScrollableList.html#getItem(int)">getItem(int)</a></span> - Method in class controlP5.<a href="./controlP5/ScrollableList.html" title="class in controlP5">ScrollableList</a></dt>
+<dd>
+<div class="block">returns a listBoxItem by index form the list of
+ items.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/ScrollableList.html#getItem(java.lang.String)">getItem(String)</a></span> - Method in class controlP5.<a href="./controlP5/ScrollableList.html" title="class in controlP5">ScrollableList</a></dt>
+<dd>
+<div class="block">TODO faulty returns a listBoxItem by name.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/Accordion.html#getItemHeight()">getItemHeight()</a></span> - Method in class controlP5.<a href="./controlP5/Accordion.html" title="class in controlP5">Accordion</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/CheckBox.html#getItems()">getItems()</a></span> - Method in class controlP5.<a href="./controlP5/CheckBox.html" title="class in controlP5">CheckBox</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/RadioButton.html#getItems()">getItems()</a></span> - Method in class controlP5.<a href="./controlP5/RadioButton.html" title="class in controlP5">RadioButton</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ScrollableList.html#getItems()">getItems()</a></span> - Method in class controlP5.<a href="./controlP5/ScrollableList.html" title="class in controlP5">ScrollableList</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Base.html#getKey()">getKey()</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5Base.html" title="class in controlP5">ControlP5Base</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Base.html#getKeyCode()">getKeyCode()</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5Base.html" title="class in controlP5">ControlP5Base</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlEvent.html#getLabel()">getLabel()</a></span> - Method in class controlP5.<a href="./controlP5/ControlEvent.html" title="class in controlP5">ControlEvent</a></dt>
+<dd>
+<div class="block">Gets the text of the controller's label that has evoked the event.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/Controller.html#getLabel()">getLabel()</a></span> - Method in class controlP5.<a href="./controlP5/Controller.html" title="class in controlP5">Controller</a></dt>
+<dd>
+<div class="block">returns the controller's caption label text.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/TickMark.html#getLabel()">getLabel()</a></span> - Method in class controlP5.<a href="./controlP5/TickMark.html" title="class in controlP5">TickMark</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Tooltip.html#getLabel()">getLabel()</a></span> - Method in class controlP5.<a href="./controlP5/Tooltip.html" title="class in controlP5">Tooltip</a></dt>
+<dd>
+<div class="block">returns the current Label</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Base.html#getLayout()">getLayout()</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5Base.html" title="class in controlP5">ControlP5Base</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Label.html#getLetterSpacing()">getLetterSpacing()</a></span> - Method in class controlP5.<a href="./controlP5/Label.html" title="class in controlP5">Label</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Label.html#getLineHeight()">getLineHeight()</a></span> - Method in class controlP5.<a href="./controlP5/Label.html" title="class in controlP5">Label</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Textlabel.html#getLineHeight()">getLineHeight()</a></span> - Method in class controlP5.<a href="./controlP5/Textlabel.html" title="class in controlP5">Textlabel</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5.html#getList()">getList()</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5.html" title="class in controlP5">ControlP5</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/DropdownList.html#getListBoxItems()">getListBoxItems()</a></span> - Method in class controlP5.<a href="./controlP5/DropdownList.html" title="class in controlP5">DropdownList</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ListBox.html#getListBoxItems()">getListBoxItems()</a></span> - Method in class controlP5.<a href="./controlP5/ListBox.html" title="class in controlP5">ListBox</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlBroadcaster.html#getListener(int)">getListener(int)</a></span> - Method in class controlP5.<a href="./controlP5/ControlBroadcaster.html" title="class in controlP5">ControlBroadcaster</a></dt>
+<dd>
+<div class="block">Returns a ControlListener by index</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5.html#getListener(int)">getListener(int)</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5.html" title="class in controlP5">ControlP5</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Range.html#getLowValue()">getLowValue()</a></span> - Method in class controlP5.<a href="./controlP5/Range.html" title="class in controlP5">Range</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Controller.html#getMax()">getMax()</a></span> - Method in class controlP5.<a href="./controlP5/Controller.html" title="class in controlP5">Controller</a></dt>
+<dd>
+<div class="block">returns the maximum value of the controller.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/Slider.html#getMax()">getMax()</a></span> - Method in class controlP5.<a href="./controlP5/Slider.html" title="class in controlP5">Slider</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Slider2D.html#getMaxX()">getMaxX()</a></span> - Method in class controlP5.<a href="./controlP5/Slider2D.html" title="class in controlP5">Slider2D</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Slider2D.html#getMaxY()">getMaxY()</a></span> - Method in class controlP5.<a href="./controlP5/Slider2D.html" title="class in controlP5">Slider2D</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Controller.html#getMin()">getMin()</a></span> - Method in class controlP5.<a href="./controlP5/Controller.html" title="class in controlP5">Controller</a></dt>
+<dd>
+<div class="block">returns the minimum value of the controller.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/Slider.html#getMin()">getMin()</a></span> - Method in class controlP5.<a href="./controlP5/Slider.html" title="class in controlP5">Slider</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Accordion.html#getMinItemHeight()">getMinItemHeight()</a></span> - Method in class controlP5.<a href="./controlP5/Accordion.html" title="class in controlP5">Accordion</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Slider2D.html#getMinX()">getMinX()</a></span> - Method in class controlP5.<a href="./controlP5/Slider2D.html" title="class in controlP5">Slider2D</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Slider2D.html#getMinY()">getMinY()</a></span> - Method in class controlP5.<a href="./controlP5/Slider2D.html" title="class in controlP5">Slider2D</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Matrix.html#getMode()">getMode()</a></span> - Method in class controlP5.<a href="./controlP5/Matrix.html" title="class in controlP5">Matrix</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5.html#getMouseOverList()">getMouseOverList()</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5.html" title="class in controlP5">ControlP5</a></dt>
+<dd>
+<div class="block">convenience method to check if the mouse (or pointer)
+ is hovering over a specific controller.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/ControlWindow.html#getMouseOverList()">getMouseOverList()</a></span> - Method in class controlP5.<a href="./controlP5/ControlWindow.html" title="class in controlP5">ControlWindow</a></dt>
+<dd>
+<div class="block">A list of controllers that are registered with a
+ mouseover.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/Numberbox.html#getMultiplier()">getMultiplier()</a></span> - Method in class controlP5.<a href="./controlP5/Numberbox.html" title="class in controlP5">Numberbox</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlEvent.html#getName()">getName()</a></span> - Method in class controlP5.<a href="./controlP5/ControlEvent.html" title="class in controlP5">ControlEvent</a></dt>
+<dd>
+<div class="block">returns the controller's name</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/Controller.html#getName()">getName()</a></span> - Method in class controlP5.<a href="./controlP5/Controller.html" title="class in controlP5">Controller</a></dt>
+<dd>
+<div class="block">returns the index name of the controller.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerGroup.html#getName()">getName()</a></span> - Method in class controlP5.<a href="./controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerInterface.html#getName()">getName()</a></span> - Method in interface controlP5.<a href="./controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ListBoxItem.html#getName()">getName()</a></span> - Method in class controlP5.<a href="./controlP5/ListBoxItem.html" title="class in controlP5">ListBoxItem</a></dt>
+<dd>
+<div class="block">returns the name of the listboxitem.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/Knob.html#getNumberOfTickMarks()">getNumberOfTickMarks()</a></span> - Method in class controlP5.<a href="./controlP5/Knob.html" title="class in controlP5">Knob</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Slider.html#getNumberOfTickMarks()">getNumberOfTickMarks()</a></span> - Method in class controlP5.<a href="./controlP5/Slider.html" title="class in controlP5">Slider</a></dt>
+<dd>
+<div class="block">returns the amount of tickmarks available for a slider</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Base.html#getObjectForController(controlP5.ControllerInterface)">getObjectForController(ControllerInterface)</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5Base.html" title="class in controlP5">ControlP5Base</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlFont.html#getOffset(int)">getOffset(int)</a></span> - Method in class controlP5.<a href="./controlP5/ControlFont.html" title="class in controlP5">ControlFont</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Label.html#getOffsetYratio()">getOffsetYratio()</a></span> - Method in class controlP5.<a href="./controlP5/Label.html" title="class in controlP5">Label</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlFont.html#getOverflow()">getOverflow()</a></span> - Method in class controlP5.<a href="./controlP5/ControlFont.html" title="class in controlP5">ControlFont</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Label.html#getOverflow()">getOverflow()</a></span> - Method in class controlP5.<a href="./controlP5/Label.html" title="class in controlP5">Label</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Controller.html#getParent()">getParent()</a></span> - Method in class controlP5.<a href="./controlP5/Controller.html" title="class in controlP5">Controller</a></dt>
+<dd>
+<div class="block">returns the parent of a controller.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerGroup.html#getParent()">getParent()</a></span> - Method in class controlP5.<a href="./controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerInterface.html#getParent()">getParent()</a></span> - Method in interface controlP5.<a href="./controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Controller.html#getPickingColor()">getPickingColor()</a></span> - Method in class controlP5.<a href="./controlP5/Controller.html" title="class in controlP5">Controller</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerGroup.html#getPickingColor()">getPickingColor()</a></span> - Method in class controlP5.<a href="./controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerInterface.html#getPickingColor()">getPickingColor()</a></span> - Method in interface controlP5.<a href="./controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Controller.html#getPointer()">getPointer()</a></span> - Method in class controlP5.<a href="./controlP5/Controller.html" title="class in controlP5">Controller</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5.html#getPointer()">getPointer()</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5.html" title="class in controlP5">ControlP5</a></dt>
+<dd>
+<div class="block">convenience method to access the pointer of the main
+ control window.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/ControlWindow.html#getPointer()">getPointer()</a></span> - Method in class controlP5.<a href="./controlP5/ControlWindow.html" title="class in controlP5">ControlWindow</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Controller.html#getPosition()">getPosition()</a></span> - Method in class controlP5.<a href="./controlP5/Controller.html" title="class in controlP5">Controller</a></dt>
+<dd>
+<div class="block">get the position of a controller.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerGroup.html#getPosition()">getPosition()</a></span> - Method in class controlP5.<a href="./controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a></dt>
+<dt><span class="strong"><a href="./controlP5/ControllerInterface.html#getPosition()">getPosition()</a></span> - Method in interface controlP5.<a href="./controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlWindow.html#getPositionOfTabs()">getPositionOfTabs()</a></span> - Method in class controlP5.<a href="./controlP5/ControlWindow.html" title="class in controlP5">ControlWindow</a></dt>
+<dd>
+<div class="block">Returns the position of the tab bar as PVector.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/ControlWindow.Pointer.html#getPreviousX()">getPreviousX()</a></span> - Method in class controlP5.<a href="./controlP5/ControlWindow.Pointer.html" title="class in controlP5">ControlWindow.Pointer</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlWindow.Pointer.html#getPreviousY()">getPreviousY()</a></span> - Method in class controlP5.<a href="./controlP5/ControlWindow.Pointer.html" title="class in controlP5">ControlWindow.Pointer</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Base.html#getProperties()">getProperties()</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5Base.html" title="class in controlP5">ControlP5Base</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Controller.html#getProperty(java.lang.String)">getProperty(String)</a></span> - Method in class controlP5.<a href="./controlP5/Controller.html" title="class in controlP5">Controller</a></dt>
+<dt><span class="strong"><a href="./controlP5/Controller.html#getProperty(java.lang.String, java.lang.String)">getProperty(String, String)</a></span> - Method in class controlP5.<a href="./controlP5/Controller.html" title="class in controlP5">Controller</a></dt>
+<dt><span class="strong"><a href="./controlP5/ControllerGroup.html#getProperty(java.lang.String)">getProperty(String)</a></span> - Method in class controlP5.<a href="./controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a></dt>
+<dt><span class="strong"><a href="./controlP5/ControllerGroup.html#getProperty(java.lang.String, java.lang.String)">getProperty(String, String)</a></span> - Method in class controlP5.<a href="./controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a></dt>
+<dt><span class="strong"><a href="./controlP5/ControllerInterface.html#getProperty(java.lang.String)">getProperty(String)</a></span> - Method in interface controlP5.<a href="./controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerInterface.html#getProperty(java.lang.String, java.lang.String)">getProperty(String, String)</a></span> - Method in interface controlP5.<a href="./controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerProperties.html#getProperty(controlP5.ControllerInterface, java.lang.String, java.lang.String)">getProperty(ControllerInterface&lt;?&gt;, String, String)</a></span> - Method in class controlP5.<a href="./controlP5/ControllerProperties.html" title="class in controlP5">ControllerProperties</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerProperties.html#getProperty(controlP5.ControllerInterface, java.lang.String)">getProperty(ControllerInterface&lt;?&gt;, String)</a></span> - Method in class controlP5.<a href="./controlP5/ControllerProperties.html" title="class in controlP5">ControllerProperties</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerProperties.html#getPropertySet(controlP5.ControllerInterface)">getPropertySet(ControllerInterface&lt;?&gt;)</a></span> - Method in class controlP5.<a href="./controlP5/ControllerProperties.html" title="class in controlP5">ControllerProperties</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Base.html#getPublicMethodsFor(java.lang.Class)">getPublicMethodsFor(Class&lt;?&gt;)</a></span> - Static method in class controlP5.<a href="./controlP5/ControlP5Base.html" title="class in controlP5">ControlP5Base</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Base.html#getPublicMethodsFor(java.lang.Class, java.lang.String...)">getPublicMethodsFor(Class&lt;?&gt;, String...)</a></span> - Static method in class controlP5.<a href="./controlP5/ControlP5Base.html" title="class in controlP5">ControlP5Base</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Base.html#getPublicMethodsFor(java.lang.Class, boolean)">getPublicMethodsFor(Class&lt;?&gt;, boolean)</a></span> - Static method in class controlP5.<a href="./controlP5/ControlP5Base.html" title="class in controlP5">ControlP5Base</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Base.html#getPublicMethodsFor(java.lang.Class, boolean, java.lang.String...)">getPublicMethodsFor(Class&lt;?&gt;, boolean, String...)</a></span> - Static method in class controlP5.<a href="./controlP5/ControlP5Base.html" title="class in controlP5">ControlP5Base</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Knob.html#getRadius()">getRadius()</a></span> - Method in class controlP5.<a href="./controlP5/Knob.html" title="class in controlP5">Knob</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Chart.html#getResolution()">getResolution()</a></span> - Method in class controlP5.<a href="./controlP5/Chart.html" title="class in controlP5">Chart</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Knob.html#getResolution()">getResolution()</a></span> - Method in class controlP5.<a href="./controlP5/Knob.html" title="class in controlP5">Knob</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ColorWheel.html#getRGB()">getRGB()</a></span> - Method in class controlP5.<a href="./controlP5/ColorWheel.html" title="class in controlP5">ColorWheel</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/DropdownList.html#getScrollPosition()">getScrollPosition()</a></span> - Method in class controlP5.<a href="./controlP5/DropdownList.html" title="class in controlP5">DropdownList</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ListBox.html#getScrollPosition()">getScrollPosition()</a></span> - Method in class controlP5.<a href="./controlP5/ListBox.html" title="class in controlP5">ListBox</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Textarea.html#getScrollPosition()">getScrollPosition()</a></span> - Method in class controlP5.<a href="./controlP5/Textarea.html" title="class in controlP5">Textarea</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlFont.html#getSize()">getSize()</a></span> - Method in class controlP5.<a href="./controlP5/ControlFont.html" title="class in controlP5">ControlFont</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Slider.html#getSliderMode()">getSliderMode()</a></span> - Method in class controlP5.<a href="./controlP5/Slider.html" title="class in controlP5">Slider</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerProperties.html#getSnapshot(java.lang.String)">getSnapshot(String)</a></span> - Method in class controlP5.<a href="./controlP5/ControllerProperties.html" title="class in controlP5">ControllerProperties</a></dt>
+<dd>
+<div class="block">restores properties previously stored as snapshot in memory.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerProperties.html#getSnapshotIndices()">getSnapshotIndices()</a></span> - Method in class controlP5.<a href="./controlP5/ControllerProperties.html" title="class in controlP5">ControllerProperties</a></dt>
+<dd>
+<div class="block">properties stored in memory can be accessed by index, getSnapshotIndices() returns the index of the snapshot
+ list.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/Knob.html#getStartAngle()">getStartAngle()</a></span> - Method in class controlP5.<a href="./controlP5/Knob.html" title="class in controlP5">Knob</a></dt>
+<dd>
+<div class="block">get the start angle, 0 is at 3 o'clock.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/CheckBox.html#getState(int)">getState(int)</a></span> - Method in class controlP5.<a href="./controlP5/CheckBox.html" title="class in controlP5">CheckBox</a></dt>
+<dd>
+<div class="block">Gets the state of an item - this can be true (for on) or false (for off) - by index.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/CheckBox.html#getState(java.lang.String)">getState(String)</a></span> - Method in class controlP5.<a href="./controlP5/CheckBox.html" title="class in controlP5">CheckBox</a></dt>
+<dd>
+<div class="block">Gets the state of an item - this can be true (for on) or false (for off) - by name.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/RadioButton.html#getState(int)">getState(int)</a></span> - Method in class controlP5.<a href="./controlP5/RadioButton.html" title="class in controlP5">RadioButton</a></dt>
+<dd>
+<div class="block">Gets the state of an item - this can be true (for on) or false (for off) - by index.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/RadioButton.html#getState(java.lang.String)">getState(String)</a></span> - Method in class controlP5.<a href="./controlP5/RadioButton.html" title="class in controlP5">RadioButton</a></dt>
+<dd>
+<div class="block">Gets the state of an item - this can be true (for on) or false (for off) - by name.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/Toggle.html#getState()">getState()</a></span> - Method in class controlP5.<a href="./controlP5/Toggle.html" title="class in controlP5">Toggle</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlEvent.html#getStringValue()">getStringValue()</a></span> - Method in class controlP5.<a href="./controlP5/ControlEvent.html" title="class in controlP5">ControlEvent</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Controller.html#getStringValue()">getStringValue()</a></span> - Method in class controlP5.<a href="./controlP5/Controller.html" title="class in controlP5">Controller</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerGroup.html#getStringValue()">getStringValue()</a></span> - Method in class controlP5.<a href="./controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a></dt>
+<dt><span class="strong"><a href="./controlP5/ControllerInterface.html#getStringValue()">getStringValue()</a></span> - Method in interface controlP5.<a href="./controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/DropdownList.html#getStringValue()">getStringValue()</a></span> - Method in class controlP5.<a href="./controlP5/DropdownList.html" title="class in controlP5">DropdownList</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Tab.html#getStringValue()">getStringValue()</a></span> - Method in class controlP5.<a href="./controlP5/Tab.html" title="class in controlP5">Tab</a></dt>
+<dt><span class="strong"><a href="./controlP5/Textarea.html#getStringValue()">getStringValue()</a></span> - Method in class controlP5.<a href="./controlP5/Textarea.html" title="class in controlP5">Textarea</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Chart.html#getStrokeWeight()">getStrokeWeight()</a></span> - Method in class controlP5.<a href="./controlP5/Chart.html" title="class in controlP5">Chart</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ChartDataSet.html#getStrokeWeight()">getStrokeWeight()</a></span> - Method in class controlP5.<a href="./controlP5/ChartDataSet.html" title="class in controlP5">ChartDataSet</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Label.html#getStyle()">getStyle()</a></span> - Method in class controlP5.<a href="./controlP5/Label.html" title="class in controlP5">Label</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlEvent.html#getTab()">getTab()</a></span> - Method in class controlP5.<a href="./controlP5/ControlEvent.html" title="class in controlP5">ControlEvent</a></dt>
+<dd>
+<div class="block">Returns the tab that triggered the ControlEvent</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/Controller.html#getTab()">getTab()</a></span> - Method in class controlP5.<a href="./controlP5/Controller.html" title="class in controlP5">Controller</a></dt>
+<dd>
+<div class="block">get the instance of the tab the controller belongs to.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerGroup.html#getTab()">getTab()</a></span> - Method in class controlP5.<a href="./controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerInterface.html#getTab()">getTab()</a></span> - Method in interface controlP5.<a href="./controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5.html#getTab(java.lang.String)">getTab(String)</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5.html" title="class in controlP5">ControlP5</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5.html#getTab(controlP5.ControlWindow, java.lang.String)">getTab(ControlWindow, String)</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5.html" title="class in controlP5">ControlP5</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlWindow.html#getTab(java.lang.String)">getTab(String)</a></span> - Method in class controlP5.<a href="./controlP5/ControlWindow.html" title="class in controlP5">ControlWindow</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlWindow.html#getTabs()">getTabs()</a></span> - Method in class controlP5.<a href="./controlP5/ControlWindow.html" title="class in controlP5">ControlWindow</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ChartData.html#getText()">getText()</a></span> - Method in class controlP5.<a href="./controlP5/ChartData.html" title="class in controlP5">ChartData</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Label.html#getText()">getText()</a></span> - Method in class controlP5.<a href="./controlP5/Label.html" title="class in controlP5">Label</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ListBoxItem.html#getText()">getText()</a></span> - Method in class controlP5.<a href="./controlP5/ListBoxItem.html" title="class in controlP5">ListBoxItem</a></dt>
+<dd>
+<div class="block">returns the text displayed for this listboxitem.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/Textarea.html#getText()">getText()</a></span> - Method in class controlP5.<a href="./controlP5/Textarea.html" title="class in controlP5">Textarea</a></dt>
+<dd>
+<div class="block">returns the text content of the textarea.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/Textfield.html#getText()">getText()</a></span> - Method in class controlP5.<a href="./controlP5/Textfield.html" title="class in controlP5">Textfield</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Label.html#getTextFormatted()">getTextFormatted()</a></span> - Method in class controlP5.<a href="./controlP5/Label.html" title="class in controlP5">Label</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlFont.html#getTextHeight()">getTextHeight()</a></span> - Method in class controlP5.<a href="./controlP5/ControlFont.html" title="class in controlP5">ControlFont</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Label.html#getTextHeight()">getTextHeight()</a></span> - Method in class controlP5.<a href="./controlP5/Label.html" title="class in controlP5">Label</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Legacy.html#getTextlabel(java.lang.String, int, int)">getTextlabel(String, int, int)</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5Legacy.html" title="class in controlP5">ControlP5Legacy</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Legacy.html#getTextlabel()">getTextlabel()</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5Legacy.html" title="class in controlP5">ControlP5Legacy</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Textfield.html#getTextList()">getTextList()</a></span> - Method in class controlP5.<a href="./controlP5/Textfield.html" title="class in controlP5">Textfield</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Range.html#getTickMark()">getTickMark()</a></span> - Method in class controlP5.<a href="./controlP5/Range.html" title="class in controlP5">Range</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Slider.html#getTickMark(int)">getTickMark(int)</a></span> - Method in class controlP5.<a href="./controlP5/Slider.html" title="class in controlP5">Slider</a></dt>
+<dd>
+<div class="block">returns an instance of a tickmark by index.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/Knob.html#getTickMarkLength()">getTickMarkLength()</a></span> - Method in class controlP5.<a href="./controlP5/Knob.html" title="class in controlP5">Knob</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Range.html#getTickMarks()">getTickMarks()</a></span> - Method in class controlP5.<a href="./controlP5/Range.html" title="class in controlP5">Range</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Slider.html#getTickMarks()">getTickMarks()</a></span> - Method in class controlP5.<a href="./controlP5/Slider.html" title="class in controlP5">Slider</a></dt>
+<dd>
+<div class="block">returns an ArrayList of available tick marks for a slider.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/Knob.html#getTickMarkWeight()">getTickMarkWeight()</a></span> - Method in class controlP5.<a href="./controlP5/Knob.html" title="class in controlP5">Knob</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5.html#getTooltip()">getTooltip()</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5.html" title="class in controlP5">ControlP5</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlFont.html#getTop()">getTop()</a></span> - Method in class controlP5.<a href="./controlP5/ControlFont.html" title="class in controlP5">ControlFont</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ListBoxItem.html#getToUpperCase()">getToUpperCase()</a></span> - Method in class controlP5.<a href="./controlP5/ListBoxItem.html" title="class in controlP5">ListBoxItem</a></dt>
+<dd>
+<div class="block">returns the uppercase status of this listboxitem.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/Bang.html#getTriggerEvent()">getTriggerEvent()</a></span> - Method in class controlP5.<a href="./controlP5/Bang.html" title="class in controlP5">Bang</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Slider.html#getTriggerEvent()">getTriggerEvent()</a></span> - Method in class controlP5.<a href="./controlP5/Slider.html" title="class in controlP5">Slider</a></dt>
+<dd>
+<div class="block">returns the current trigger event which is either Slider.PRESSED or Slider.RELEASE</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/ControlEvent.html#getType()">getType()</a></span> - Method in class controlP5.<a href="./controlP5/ControlEvent.html" title="class in controlP5">ControlEvent</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ChartData.html#getValue()">getValue()</a></span> - Method in class controlP5.<a href="./controlP5/ChartData.html" title="class in controlP5">ChartData</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlBehavior.html#getValue()">getValue()</a></span> - Method in class controlP5.<a href="./controlP5/ControlBehavior.html" title="class in controlP5">ControlBehavior</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlEvent.html#getValue()">getValue()</a></span> - Method in class controlP5.<a href="./controlP5/ControlEvent.html" title="class in controlP5">ControlEvent</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Controller.html#getValue()">getValue()</a></span> - Method in class controlP5.<a href="./controlP5/Controller.html" title="class in controlP5">Controller</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerGroup.html#getValue()">getValue()</a></span> - Method in class controlP5.<a href="./controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a></dt>
+<dt><span class="strong"><a href="./controlP5/ControllerInterface.html#getValue()">getValue()</a></span> - Method in interface controlP5.<a href="./controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5.html#getValue(java.lang.String)">getValue(String)</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5.html" title="class in controlP5">ControlP5</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Knob.html#getValue()">getValue()</a></span> - Method in class controlP5.<a href="./controlP5/Knob.html" title="class in controlP5">Knob</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ListBoxItem.html#getValue()">getValue()</a></span> - Method in class controlP5.<a href="./controlP5/ListBoxItem.html" title="class in controlP5">ListBoxItem</a></dt>
+<dd>
+<div class="block">returns the value of the listboxitem.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/Slider.html#getValue()">getValue()</a></span> - Method in class controlP5.<a href="./controlP5/Slider.html" title="class in controlP5">Slider</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Tab.html#getValue()">getValue()</a></span> - Method in class controlP5.<a href="./controlP5/Tab.html" title="class in controlP5">Tab</a></dt>
+<dt><span class="strong"><a href="./controlP5/Textarea.html#getValue()">getValue()</a></span> - Method in class controlP5.<a href="./controlP5/Textarea.html" title="class in controlP5">Textarea</a></dt>
+<dt><span class="strong"><a href="./controlP5/CColor.html#getValueLabel()">getValueLabel()</a></span> - Method in class controlP5.<a href="./controlP5/CColor.html" title="class in controlP5">CColor</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Controller.html#getValueLabel()">getValueLabel()</a></span> - Method in class controlP5.<a href="./controlP5/Controller.html" title="class in controlP5">Controller</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerGroup.html#getValueLabel()">getValueLabel()</a></span> - Method in class controlP5.<a href="./controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Textarea.html#getValueLabel()">getValueLabel()</a></span> - Method in class controlP5.<a href="./controlP5/Textarea.html" title="class in controlP5">Textarea</a></dt>
+<dd>
+<div class="block">returns the instance of the textarea's label.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/Slider.html#getValuePosition()">getValuePosition()</a></span> - Method in class controlP5.<a href="./controlP5/Slider.html" title="class in controlP5">Slider</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ChartDataSet.html#getValues()">getValues()</a></span> - Method in class controlP5.<a href="./controlP5/ChartDataSet.html" title="class in controlP5">ChartDataSet</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Chart.html#getValuesFrom(java.lang.String)">getValuesFrom(String)</a></span> - Method in class controlP5.<a href="./controlP5/Chart.html" title="class in controlP5">Chart</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Controller.html#getView()">getView()</a></span> - Method in class controlP5.<a href="./controlP5/Controller.html" title="class in controlP5">Controller</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Knob.html#getViewStyle()">getViewStyle()</a></span> - Method in class controlP5.<a href="./controlP5/Knob.html" title="class in controlP5">Knob</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlFont.html#getWidth()">getWidth()</a></span> - Method in class controlP5.<a href="./controlP5/ControlFont.html" title="class in controlP5">ControlFont</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Controller.html#getWidth()">getWidth()</a></span> - Method in class controlP5.<a href="./controlP5/Controller.html" title="class in controlP5">Controller</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerGroup.html#getWidth()">getWidth()</a></span> - Method in class controlP5.<a href="./controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a></dt>
+<dt><span class="strong"><a href="./controlP5/ControllerInterface.html#getWidth()">getWidth()</a></span> - Method in interface controlP5.<a href="./controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Label.html#getWidth()">getWidth()</a></span> - Method in class controlP5.<a href="./controlP5/Label.html" title="class in controlP5">Label</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Tooltip.html#getWidth()">getWidth()</a></span> - Method in class controlP5.<a href="./controlP5/Tooltip.html" title="class in controlP5">Tooltip</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlFont.html#getWidthFor(java.lang.String, controlP5.Label, processing.core.PGraphics)">getWidthFor(String, Label, PGraphics)</a></span> - Static method in class controlP5.<a href="./controlP5/ControlFont.html" title="class in controlP5">ControlFont</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Controller.html#getWindow()">getWindow()</a></span> - Method in class controlP5.<a href="./controlP5/Controller.html" title="class in controlP5">Controller</a></dt>
+<dd>
+<div class="block">returns the control window of the controller</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerGroup.html#getWindow()">getWindow()</a></span> - Method in class controlP5.<a href="./controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerInterface.html#getWindow()">getWindow()</a></span> - Method in interface controlP5.<a href="./controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5.html#getWindow()">getWindow()</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5.html" title="class in controlP5">ControlP5</a></dt>
+<dd>
+<div class="block">convenience method to access the main window
+ (ControlWindow class).</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5.html#getWindow(processing.core.PApplet)">getWindow(PApplet)</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5.html" title="class in controlP5">ControlP5</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlWindow.Pointer.html#getX()">getX()</a></span> - Method in class controlP5.<a href="./controlP5/ControlWindow.Pointer.html" title="class in controlP5">ControlWindow.Pointer</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Matrix.html#getX(int)">getX(int)</a></span> - Static method in class controlP5.<a href="./controlP5/Matrix.html" title="class in controlP5">Matrix</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Matrix.html#getX(float)">getX(float)</a></span> - Static method in class controlP5.<a href="./controlP5/Matrix.html" title="class in controlP5">Matrix</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlWindow.Pointer.html#getY()">getY()</a></span> - Method in class controlP5.<a href="./controlP5/ControlWindow.Pointer.html" title="class in controlP5">ControlWindow.Pointer</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Matrix.html#getY(int)">getY(int)</a></span> - Static method in class controlP5.<a href="./controlP5/Matrix.html" title="class in controlP5">Matrix</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Matrix.html#getY(float)">getY(float)</a></span> - Static method in class controlP5.<a href="./controlP5/Matrix.html" title="class in controlP5">Matrix</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Constants.html#GRAY">GRAY</a></span> - Static variable in interface controlP5.<a href="./controlP5/ControlP5Constants.html" title="interface in controlP5">ControlP5Constants</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Constants.html#GREEN">GREEN</a></span> - Static variable in interface controlP5.<a href="./controlP5/ControlP5Constants.html" title="interface in controlP5">ControlP5Constants</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Constants.html#grixel">grixel</a></span> - Static variable in interface controlP5.<a href="./controlP5/ControlP5Constants.html" title="interface in controlP5">ControlP5Constants</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/BitFont.html#grixelbase64">grixelbase64</a></span> - Static variable in class controlP5.<a href="./controlP5/BitFont.html" title="class in controlP5">BitFont</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlEvent.html#GROUP">GROUP</a></span> - Static variable in class controlP5.<a href="./controlP5/ControlEvent.html" title="class in controlP5">ControlEvent</a></dt>
+<dd>&nbsp;</dd>
+<dt><a href="./controlP5/Group.html" title="class in controlP5"><span class="strong">Group</span></a> - Class in <a href="./controlP5/package-summary.html">controlP5</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Group.html#Group(controlP5.ControlP5, java.lang.String)">Group(ControlP5, String)</a></span> - Constructor for class controlP5.<a href="./controlP5/Group.html" title="class in controlP5">Group</a></dt>
+<dd>
+<div class="block">Convenience constructor to extend Group.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/Group.html#Group(controlP5.ControlP5, controlP5.ControllerGroup, java.lang.String, int, int, int, int)">Group(ControlP5, ControllerGroup&lt;?&gt;, String, int, int, int, int)</a></span> - Constructor for class controlP5.<a href="./controlP5/Group.html" title="class in controlP5">Group</a></dt>
+<dd>&nbsp;</dd>
+</dl>
+<a name="_H_">
+<!--   -->
+</a>
+<h2 class="title">H</h2>
+<dl>
+<dt><span class="strong"><a href="./controlP5/ControlP5Constants.html#HALF_PI">HALF_PI</a></span> - Static variable in interface controlP5.<a href="./controlP5/ControlP5Constants.html" title="interface in controlP5">ControlP5Constants</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlWindow.html#handleKeyEvent(processing.event.KeyEvent)">handleKeyEvent(KeyEvent)</a></span> - Method in class controlP5.<a href="./controlP5/ControlWindow.html" title="class in controlP5">ControlWindow</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/CColor.html#hashCode()">hashCode()</a></span> - Method in class controlP5.<a href="./controlP5/CColor.html" title="class in controlP5">CColor</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerProperty.html#hashCode()">hashCode()</a></span> - Method in class controlP5.<a href="./controlP5/ControllerProperty.html" title="class in controlP5">ControllerProperty</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Controller.html#hide()">hide()</a></span> - Method in class controlP5.<a href="./controlP5/Controller.html" title="class in controlP5">Controller</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerGroup.html#hide()">hide()</a></span> - Method in class controlP5.<a href="./controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerInterface.html#hide()">hide()</a></span> - Method in interface controlP5.<a href="./controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5.html#hide()">hide()</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5.html" title="class in controlP5">ControlP5</a></dt>
+<dd>
+<div class="block">hide all controllers and tabs inside your sketch
+ window.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Base.html#hide(java.lang.Object)">hide(Object)</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5Base.html" title="class in controlP5">ControlP5Base</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Constants.html#HIDE">HIDE</a></span> - Static variable in interface controlP5.<a href="./controlP5/ControlP5Constants.html" title="interface in controlP5">ControlP5Constants</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlWindow.html#hide()">hide()</a></span> - Method in class controlP5.<a href="./controlP5/ControlWindow.html" title="class in controlP5">ControlWindow</a></dt>
+<dd>
+<div class="block">hide the controllers and tabs of the ControlWindow.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/Label.html#hide()">hide()</a></span> - Method in class controlP5.<a href="./controlP5/Label.html" title="class in controlP5">Label</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerGroup.html#hideArrow()">hideArrow()</a></span> - Method in class controlP5.<a href="./controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerGroup.html#hideBar()">hideBar()</a></span> - Method in class controlP5.<a href="./controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/CheckBox.html#hideLabels()">hideLabels()</a></span> - Method in class controlP5.<a href="./controlP5/CheckBox.html" title="class in controlP5">CheckBox</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/RadioButton.html#hideLabels()">hideLabels()</a></span> - Method in class controlP5.<a href="./controlP5/RadioButton.html" title="class in controlP5">RadioButton</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/DropdownList.html#hideScrollbar()">hideScrollbar()</a></span> - Method in class controlP5.<a href="./controlP5/DropdownList.html" title="class in controlP5">DropdownList</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ListBox.html#hideScrollbar()">hideScrollbar()</a></span> - Method in class controlP5.<a href="./controlP5/ListBox.html" title="class in controlP5">ListBox</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Textarea.html#hideScrollbar()">hideScrollbar()</a></span> - Method in class controlP5.<a href="./controlP5/Textarea.html" title="class in controlP5">Textarea</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Knob.html#hideTickMarks()">hideTickMarks()</a></span> - Method in class controlP5.<a href="./controlP5/Knob.html" title="class in controlP5">Knob</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Constants.html#HIGHLIGHT">HIGHLIGHT</a></span> - Static variable in interface controlP5.<a href="./controlP5/ControlP5Constants.html" title="interface in controlP5">ControlP5Constants</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Chart.html#HISTOGRAM">HISTOGRAM</a></span> - Static variable in class controlP5.<a href="./controlP5/Chart.html" title="class in controlP5">Chart</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Constants.html#HORIZONTAL">HORIZONTAL</a></span> - Static variable in interface controlP5.<a href="./controlP5/ControlP5Constants.html" title="interface in controlP5">ControlP5Constants</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlTimer.html#hour()">hour()</a></span> - Method in class controlP5.<a href="./controlP5/ControlTimer.html" title="class in controlP5">ControlTimer</a></dt>
+<dd>
+<div class="block">Hour position of the timer in international format (0-23).</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/ColorWheel.html#HSLtoRGB(double[])">HSLtoRGB(double[])</a></span> - Method in class controlP5.<a href="./controlP5/ColorWheel.html" title="class in controlP5">ColorWheel</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ColorWheel.html#HSLtoRGB(double, double, double)">HSLtoRGB(double, double, double)</a></span> - Method in class controlP5.<a href="./controlP5/ColorWheel.html" title="class in controlP5">ColorWheel</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ColorWheel.html#HSVtoRGB(double[])">HSVtoRGB(double[])</a></span> - Method in class controlP5.<a href="./controlP5/ColorWheel.html" title="class in controlP5">ColorWheel</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ColorWheel.html#HSVtoRGB(double, double, double)">HSVtoRGB(double, double, double)</a></span> - Method in class controlP5.<a href="./controlP5/ColorWheel.html" title="class in controlP5">ColorWheel</a></dt>
+<dd>&nbsp;</dd>
+</dl>
+<a name="_I_">
+<!--   -->
+</a>
+<h2 class="title">I</h2>
+<dl>
+<dt><span class="strong"><a href="./controlP5/ControlP5.html#i(java.lang.Object)">i(Object)</a></span> - Static method in class controlP5.<a href="./controlP5/ControlP5.html" title="class in controlP5">ControlP5</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5.html#i(java.lang.String)">i(String)</a></span> - Static method in class controlP5.<a href="./controlP5/ControlP5.html" title="class in controlP5">ControlP5</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Constants.html#IDLE">IDLE</a></span> - Static variable in interface controlP5.<a href="./controlP5/ControlP5Constants.html" title="interface in controlP5">ControlP5Constants</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlBroadcaster.html#ignoreErrorMessage(boolean)">ignoreErrorMessage(boolean)</a></span> - Static method in class controlP5.<a href="./controlP5/ControlBroadcaster.html" title="class in controlP5">ControlBroadcaster</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Constants.html#IMAGE">IMAGE</a></span> - Static variable in interface controlP5.<a href="./controlP5/ControlP5Constants.html" title="interface in controlP5">ControlP5Constants</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Constants.html#INACTIVE">INACTIVE</a></span> - Static variable in interface controlP5.<a href="./controlP5/ControlP5Constants.html" title="interface in controlP5">ControlP5Constants</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Constants.html#INCREASE">INCREASE</a></span> - Static variable in interface controlP5.<a href="./controlP5/ControlP5Constants.html" title="interface in controlP5">ControlP5Constants</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlFont.html#init(controlP5.Label)">init(Label)</a></span> - Method in class controlP5.<a href="./controlP5/ControlFont.html" title="class in controlP5">ControlFont</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Controller.html#init()">init()</a></span> - Method in class controlP5.<a href="./controlP5/Controller.html" title="class in controlP5">Controller</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerGroup.html#init()">init()</a></span> - Method in class controlP5.<a href="./controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerInterface.html#init()">init()</a></span> - Method in interface controlP5.<a href="./controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Slider.html#init()">init()</a></span> - Method in class controlP5.<a href="./controlP5/Slider.html" title="class in controlP5">Slider</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/CP.html#inside(int[], processing.core.PVector)">inside(int[], PVector)</a></span> - Static method in class controlP5.<a href="./controlP5/CP.html" title="class in controlP5">CP</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/CP.html#inside(int[], float, float)">inside(int[], float, float)</a></span> - Static method in class controlP5.<a href="./controlP5/CP.html" title="class in controlP5">CP</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Constants.html#INTEGER">INTEGER</a></span> - Static variable in interface controlP5.<a href="./controlP5/ControlP5Constants.html" title="interface in controlP5">ControlP5Constants</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Toggle.html#internalValue()">internalValue()</a></span> - Method in class controlP5.<a href="./controlP5/Toggle.html" title="class in controlP5">Toggle</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/CP.html#intToByteArray(int)">intToByteArray(int)</a></span> - Static method in class controlP5.<a href="./controlP5/CP.html" title="class in controlP5">CP</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/CP.html#intToString(int)">intToString(int)</a></span> - Static method in class controlP5.<a href="./controlP5/CP.html" title="class in controlP5">CP</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Constants.html#INVALID">INVALID</a></span> - Static variable in interface controlP5.<a href="./controlP5/ControlP5Constants.html" title="interface in controlP5">ControlP5Constants</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5.html#invoke(java.lang.Object, java.lang.String, java.lang.Object...)">invoke(Object, String, Object...)</a></span> - Static method in class controlP5.<a href="./controlP5/ControlP5.html" title="class in controlP5">ControlP5</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlBehavior.html#isActive()">isActive()</a></span> - Method in class controlP5.<a href="./controlP5/ControlBehavior.html" title="class in controlP5">ControlBehavior</a></dt>
+<dd>
+<div class="block">check if the behavior is active or not.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/Controller.html#isActive()">isActive()</a></span> - Method in class controlP5.<a href="./controlP5/Controller.html" title="class in controlP5">Controller</a></dt>
+<dd>
+<div class="block">checks if a controller is active.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/ListBoxItem.html#isActive()">isActive()</a></span> - Method in class controlP5.<a href="./controlP5/ListBoxItem.html" title="class in controlP5">ListBoxItem</a></dt>
+<dd>
+<div class="block">TODO no effect yet.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/Tab.html#isActive()">isActive()</a></span> - Method in class controlP5.<a href="./controlP5/Tab.html" title="class in controlP5">Tab</a></dt>
+<dd>
+<div class="block">checks if a tab is active.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Base.html#isAltDown()">isAltDown()</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5Base.html" title="class in controlP5">ControlP5Base</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Tab.html#isAlwaysActive()">isAlwaysActive()</a></span> - Method in class controlP5.<a href="./controlP5/Tab.html" title="class in controlP5">Tab</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5.html#isApplet">isApplet</a></span> - Static variable in class controlP5.<a href="./controlP5/ControlP5.html" title="class in controlP5">ControlP5</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlEvent.html#isAssignableFrom(java.lang.Class)">isAssignableFrom(Class&lt;?&gt;)</a></span> - Method in class controlP5.<a href="./controlP5/ControlEvent.html" title="class in controlP5">ControlEvent</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Textfield.html#isAutoClear()">isAutoClear()</a></span> - Method in class controlP5.<a href="./controlP5/Textfield.html" title="class in controlP5">Textfield</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5.html#isAutoDraw()">isAutoDraw()</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5.html" title="class in controlP5">ControlP5</a></dt>
+<dd>
+<div class="block">check if the autoDraw function for the main window is
+ enabled(true) or disabled(false).</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerGroup.html#isBarVisible()">isBarVisible()</a></span> - Method in class controlP5.<a href="./controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ScrollableList.html#isBarVisible()">isBarVisible()</a></span> - Method in class controlP5.<a href="./controlP5/ScrollableList.html" title="class in controlP5">ScrollableList</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Controller.html#isBroadcast()">isBroadcast()</a></span> - Method in class controlP5.<a href="./controlP5/Controller.html" title="class in controlP5">Controller</a></dt>
+<dd>
+<div class="block">check if broadcasting is enabled or disabled for a controller.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerGroup.html#isCollapse()">isCollapse()</a></span> - Method in class controlP5.<a href="./controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Knob.html#isConstrained()">isConstrained()</a></span> - Method in class controlP5.<a href="./controlP5/Knob.html" title="class in controlP5">Knob</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Base.html#isControlDown()">isControlDown()</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5Base.html" title="class in controlP5">ControlP5Base</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlEvent.html#isController()">isController()</a></span> - Method in class controlP5.<a href="./controlP5/ControlEvent.html" title="class in controlP5">ControlEvent</a></dt>
+<dd>
+<div class="block">Checks if the ControlEvent was triggered by a controller</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/Slider2D.html#isCrosshairs">isCrosshairs</a></span> - Variable in class controlP5.<a href="./controlP5/Slider2D.html" title="class in controlP5">Slider2D</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlWindow.html#isDrawBackground()">isDrawBackground()</a></span> - Method in class controlP5.<a href="./controlP5/ControlWindow.html" title="class in controlP5">ControlWindow</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlWindow.Pointer.html#isEnabled()">isEnabled()</a></span> - Method in class controlP5.<a href="./controlP5/ControlWindow.Pointer.html" title="class in controlP5">ControlWindow.Pointer</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Tooltip.html#isEnabled()">isEnabled()</a></span> - Method in class controlP5.<a href="./controlP5/Tooltip.html" title="class in controlP5">Tooltip</a></dt>
+<dd>
+<div class="block">check if the tooltip is enabled or disabled</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/Label.html#isFixedSize()">isFixedSize()</a></span> - Method in class controlP5.<a href="./controlP5/Label.html" title="class in controlP5">Label</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Textfield.html#isFocus()">isFocus()</a></span> - Method in class controlP5.<a href="./controlP5/Textfield.html" title="class in controlP5">Textfield</a></dt>
+<dd>
+<div class="block">check if the textfield is active and in focus.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/ControlEvent.html#isFrom(controlP5.ControllerInterface)">isFrom(ControllerInterface&lt;?&gt;)</a></span> - Method in class controlP5.<a href="./controlP5/ControlEvent.html" title="class in controlP5">ControlEvent</a></dt>
+<dd>
+<div class="block">Checks if the ControlEvent originates from a specific Controller or ControllerGroup.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/ControlEvent.html#isFrom(java.lang.String)">isFrom(String)</a></span> - Method in class controlP5.<a href="./controlP5/ControlEvent.html" title="class in controlP5">ControlEvent</a></dt>
+<dd>
+<div class="block">checks if the ControlEvent originates from a specific Controller or ControllerGroup
+ identifiable by name.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/ControlEvent.html#isGroup()">isGroup()</a></span> - Method in class controlP5.<a href="./controlP5/ControlEvent.html" title="class in controlP5">ControlEvent</a></dt>
+<dd>
+<div class="block">Checks if the ControlEvent was triggered by a ControlGroup</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/Controller.html#isInside()">isInside()</a></span> - Method in class controlP5.<a href="./controlP5/Controller.html" title="class in controlP5">Controller</a></dt>
+<dd>
+<div class="block">returns true or false and indicates if the mouse is inside the area of a controller.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/Controller.html#isLabelVisible()">isLabelVisible()</a></span> - Method in class controlP5.<a href="./controlP5/Controller.html" title="class in controlP5">Controller</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Controller.html#isListening()">isListening()</a></span> - Method in class controlP5.<a href="./controlP5/Controller.html" title="class in controlP5">Controller</a></dt>
+<dd>
+<div class="block">returns true or false for the current listening status.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/Controller.html#isLock()">isLock()</a></span> - Method in class controlP5.<a href="./controlP5/Controller.html" title="class in controlP5">Controller</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Base.html#isMetaDown()">isMetaDown()</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5Base.html" title="class in controlP5">ControlP5Base</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Controller.html#isMouseOver()">isMouseOver()</a></span> - Method in class controlP5.<a href="./controlP5/Controller.html" title="class in controlP5">Controller</a></dt>
+<dd>
+<div class="block">check if the mouse is within this particular controller.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerGroup.html#isMouseOver()">isMouseOver()</a></span> - Method in class controlP5.<a href="./controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a></dt>
+<dt><span class="strong"><a href="./controlP5/ControllerInterface.html#isMouseOver()">isMouseOver()</a></span> - Method in interface controlP5.<a href="./controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5.html#isMouseOver()">isMouseOver()</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5.html" title="class in controlP5">ControlP5</a></dt>
+<dd>
+<div class="block">convenience method to check if the mouse (or pointer)
+ is hovering over any controller.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5.html#isMouseOver(controlP5.ControllerInterface)">isMouseOver(ControllerInterface&lt;?&gt;)</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5.html" title="class in controlP5">ControlP5</a></dt>
+<dd>
+<div class="block">convenience method to check if the mouse (or pointer)
+ is hovering over a specific controller.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/ControlWindow.html#isMouseOver()">isMouseOver()</a></span> - Method in class controlP5.<a href="./controlP5/ControlWindow.html" title="class in controlP5">ControlWindow</a></dt>
+<dd>
+<div class="block">returns true if the mouse is inside a controller.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/ControlWindow.html#isMouseOver(controlP5.ControllerInterface)">isMouseOver(ControllerInterface&lt;?&gt;)</a></span> - Method in class controlP5.<a href="./controlP5/ControlWindow.html" title="class in controlP5">ControlWindow</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Controller.html#isMousePressed()">isMousePressed()</a></span> - Method in class controlP5.<a href="./controlP5/Controller.html" title="class in controlP5">Controller</a></dt>
+<dd>
+<div class="block">returns true or false if the mouse has is pressed.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/ControlWindow.html#isMousePressed()">isMousePressed()</a></span> - Method in class controlP5.<a href="./controlP5/ControlWindow.html" title="class in controlP5">ControlWindow</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Controller.html#isMoveable()">isMoveable()</a></span> - Method in class controlP5.<a href="./controlP5/Controller.html" title="class in controlP5">Controller</a></dt>
+<dd>
+<div class="block">checks if a controller is moveable.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerGroup.html#isMoveable()">isMoveable()</a></span> - Method in class controlP5.<a href="./controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5.html#isMoveable()">isMoveable()</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5.html" title="class in controlP5">ControlP5</a></dt>
+<dd>
+<div class="block">Checks if controllers are generally moveable</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/Label.html#isMultiline()">isMultiline()</a></span> - Method in class controlP5.<a href="./controlP5/Label.html" title="class in controlP5">Label</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5.html#isNumeric(java.lang.Object)">isNumeric(Object)</a></span> - Static method in class controlP5.<a href="./controlP5/ControlP5.html" title="class in controlP5">ControlP5</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5.html#isNumeric(java.lang.String)">isNumeric(String)</a></span> - Static method in class controlP5.<a href="./controlP5/ControlP5.html" title="class in controlP5">ControlP5</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Button.html#isOn()">isOn()</a></span> - Method in class controlP5.<a href="./controlP5/Button.html" title="class in controlP5">Button</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerGroup.html#isOpen()">isOpen()</a></span> - Method in class controlP5.<a href="./controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ScrollableList.html#isOpen()">isOpen()</a></span> - Method in class controlP5.<a href="./controlP5/ScrollableList.html" title="class in controlP5">ScrollableList</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Matrix.html#isPlaying()">isPlaying()</a></span> - Method in class controlP5.<a href="./controlP5/Matrix.html" title="class in controlP5">Matrix</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Button.html#isPressed()">isPressed()</a></span> - Method in class controlP5.<a href="./controlP5/Button.html" title="class in controlP5">Button</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/DropdownList.html#isScrollable()">isScrollable()</a></span> - Method in class controlP5.<a href="./controlP5/DropdownList.html" title="class in controlP5">DropdownList</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ListBox.html#isScrollable()">isScrollable()</a></span> - Method in class controlP5.<a href="./controlP5/ListBox.html" title="class in controlP5">ListBox</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Textarea.html#isScrollable()">isScrollable()</a></span> - Method in class controlP5.<a href="./controlP5/Textarea.html" title="class in controlP5">Textarea</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/DropdownList.html#isScrollbarEnabled()">isScrollbarEnabled()</a></span> - Method in class controlP5.<a href="./controlP5/DropdownList.html" title="class in controlP5">DropdownList</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ListBox.html#isScrollbarEnabled()">isScrollbarEnabled()</a></span> - Method in class controlP5.<a href="./controlP5/ListBox.html" title="class in controlP5">ListBox</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Base.html#isShiftDown()">isShiftDown()</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5Base.html" title="class in controlP5">ControlP5Base</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5.html#isShortcuts()">isShortcuts()</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5.html" title="class in controlP5">ControlP5</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Knob.html#isShowAngleRange()">isShowAngleRange()</a></span> - Method in class controlP5.<a href="./controlP5/Knob.html" title="class in controlP5">Knob</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Knob.html#isShowTickMarks()">isShowTickMarks()</a></span> - Method in class controlP5.<a href="./controlP5/Knob.html" title="class in controlP5">Knob</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlEvent.html#isTab()">isTab()</a></span> - Method in class controlP5.<a href="./controlP5/ControlEvent.html" title="class in controlP5">ControlEvent</a></dt>
+<dd>
+<div class="block">Checks if the ControlEvent was triggered by a tab</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/Label.html#isToUpperCase()">isToUpperCase()</a></span> - Method in class controlP5.<a href="./controlP5/Label.html" title="class in controlP5">Label</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlWindow.html#isUndecorated()">isUndecorated()</a></span> - Method in class controlP5.<a href="./controlP5/ControlWindow.html" title="class in controlP5">ControlWindow</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Controller.html#isUpdate()">isUpdate()</a></span> - Method in class controlP5.<a href="./controlP5/Controller.html" title="class in controlP5">Controller</a></dt>
+<dd>
+<div class="block">enables the update function for a controller.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerGroup.html#isUpdate()">isUpdate()</a></span> - Method in class controlP5.<a href="./controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a></dt>
+<dd>
+<div class="block">checks the update status of a controller.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerInterface.html#isUpdate()">isUpdate()</a></span> - Method in interface controlP5.<a href="./controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5.html#isUpdate()">isUpdate()</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5.html" title="class in controlP5">ControlP5</a></dt>
+<dd>
+<div class="block">checks if automatic updates are enabled.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/ControlWindow.html#isUpdate()">isUpdate()</a></span> - Method in class controlP5.<a href="./controlP5/ControlWindow.html" title="class in controlP5">ControlWindow</a></dt>
+<dd>
+<div class="block">check the update status of a control window.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/Controller.html#isUserInteraction()">isUserInteraction()</a></span> - Method in class controlP5.<a href="./controlP5/Controller.html" title="class in controlP5">Controller</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Controller.html#isVisible()">isVisible()</a></span> - Method in class controlP5.<a href="./controlP5/Controller.html" title="class in controlP5">Controller</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerGroup.html#isVisible()">isVisible()</a></span> - Method in class controlP5.<a href="./controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerInterface.html#isVisible()">isVisible()</a></span> - Method in interface controlP5.<a href="./controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5.html#isVisible()">isVisible()</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5.html" title="class in controlP5">ControlP5</a></dt>
+<dd>
+<div class="block">returns true or false according to the current
+ visibility flag.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/ControlWindow.html#isVisible()">isVisible()</a></span> - Method in class controlP5.<a href="./controlP5/ControlWindow.html" title="class in controlP5">ControlWindow</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Label.html#isVisible()">isVisible()</a></span> - Method in class controlP5.<a href="./controlP5/Label.html" title="class in controlP5">Label</a></dt>
+<dd>&nbsp;</dd>
+</dl>
+<a name="_J_">
+<!--   -->
+</a>
+<h2 class="title">J</h2>
+<dl>
+<dt><span class="strong"><a href="./controlP5/ControlP5Constants.html#J2D">J2D</a></span> - Static variable in interface controlP5.<a href="./controlP5/ControlP5Constants.html" title="interface in controlP5">ControlP5Constants</a></dt>
+<dd>&nbsp;</dd>
+</dl>
+<a name="_K_">
+<!--   -->
+</a>
+<h2 class="title">K</h2>
+<dl>
+<dt><span class="strong"><a href="./controlP5/Textfield.html#keepFocus(boolean)">keepFocus(boolean)</a></span> - Method in class controlP5.<a href="./controlP5/Textfield.html" title="class in controlP5">Textfield</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Constants.html#KEYCONTROL">KEYCONTROL</a></span> - Static variable in interface controlP5.<a href="./controlP5/ControlP5Constants.html" title="interface in controlP5">ControlP5Constants</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlKey.html#keyEvent()">keyEvent()</a></span> - Method in interface controlP5.<a href="./controlP5/ControlKey.html" title="interface in controlP5">ControlKey</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Controller.html#keyEvent(processing.event.KeyEvent)">keyEvent(KeyEvent)</a></span> - Method in class controlP5.<a href="./controlP5/Controller.html" title="class in controlP5">Controller</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerGroup.html#keyEvent(processing.event.KeyEvent)">keyEvent(KeyEvent)</a></span> - Method in class controlP5.<a href="./controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerInterface.html#keyEvent(processing.event.KeyEvent)">keyEvent(KeyEvent)</a></span> - Method in interface controlP5.<a href="./controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5.html#keyEvent(processing.event.KeyEvent)">keyEvent(KeyEvent)</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5.html" title="class in controlP5">ControlP5</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlWindow.html#keyEvent(processing.event.KeyEvent)">keyEvent(KeyEvent)</a></span> - Method in class controlP5.<a href="./controlP5/ControlWindow.html" title="class in controlP5">ControlWindow</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/DropdownList.html#keyEvent(processing.event.KeyEvent)">keyEvent(KeyEvent)</a></span> - Method in class controlP5.<a href="./controlP5/DropdownList.html" title="class in controlP5">DropdownList</a></dt>
+<dd>
+<div class="block">Adding key support.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/ListBox.html#keyEvent(processing.event.KeyEvent)">keyEvent(KeyEvent)</a></span> - Method in class controlP5.<a href="./controlP5/ListBox.html" title="class in controlP5">ListBox</a></dt>
+<dd>
+<div class="block">Adding key support.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/ScrollableList.html#keyEvent(processing.event.KeyEvent)">keyEvent(KeyEvent)</a></span> - Method in class controlP5.<a href="./controlP5/ScrollableList.html" title="class in controlP5">ScrollableList</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Textfield.html#keyEvent(processing.event.KeyEvent)">keyEvent(KeyEvent)</a></span> - Method in class controlP5.<a href="./controlP5/Textfield.html" title="class in controlP5">Textfield</a></dt>
+<dd>&nbsp;</dd>
+<dt><a href="./controlP5/Knob.html" title="class in controlP5"><span class="strong">Knob</span></a> - Class in <a href="./controlP5/package-summary.html">controlP5</a></dt>
+<dd>
+<div class="block">A knob is a circular slider which can be used with a limited and unlimited range.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/Knob.html#Knob(controlP5.ControlP5, java.lang.String)">Knob(ControlP5, String)</a></span> - Constructor for class controlP5.<a href="./controlP5/Knob.html" title="class in controlP5">Knob</a></dt>
+<dd>
+<div class="block">Convenience constructor to extend Knob.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/Knob.html#Knob(controlP5.ControlP5, controlP5.ControllerGroup, java.lang.String, float, float, float, int, int, int)">Knob(ControlP5, ControllerGroup&lt;?&gt;, String, float, float, float, int, int, int)</a></span> - Constructor for class controlP5.<a href="./controlP5/Knob.html" title="class in controlP5">Knob</a></dt>
+<dd>&nbsp;</dd>
+</dl>
+<a name="_L_">
+<!--   -->
+</a>
+<h2 class="title">L</h2>
+<dl>
+<dt><span class="strong"><a href="./controlP5/ControlP5.html#l(java.lang.Object)">l(Object)</a></span> - Static method in class controlP5.<a href="./controlP5/ControlP5.html" title="class in controlP5">ControlP5</a></dt>
+<dd>&nbsp;</dd>
+<dt><a href="./controlP5/Label.html" title="class in controlP5"><span class="strong">Label</span></a> - Class in <a href="./controlP5/package-summary.html">controlP5</a></dt>
+<dd>
+<div class="block">A custom label using controlP5's BitFonts or PFont based ControlFonts.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/Label.html#Label(controlP5.ControlP5, java.lang.String)">Label(ControlP5, String)</a></span> - Constructor for class controlP5.<a href="./controlP5/Label.html" title="class in controlP5">Label</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Label.html#Label(controlP5.ControlP5, java.lang.String, int, int, int)">Label(ControlP5, String, int, int, int)</a></span> - Constructor for class controlP5.<a href="./controlP5/Label.html" title="class in controlP5">Label</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Constants.html#LEFT">LEFT</a></span> - Static variable in interface controlP5.<a href="./controlP5/ControlP5Constants.html" title="interface in controlP5">ControlP5Constants</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Numberbox.html#LEFT">LEFT</a></span> - Static variable in class controlP5.<a href="./controlP5/Numberbox.html" title="class in controlP5">Numberbox</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Constants.html#LEFT_OUTSIDE">LEFT_OUTSIDE</a></span> - Static variable in interface controlP5.<a href="./controlP5/ControlP5Constants.html" title="interface in controlP5">ControlP5Constants</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Constants.html#LIME">LIME</a></span> - Static variable in interface controlP5.<a href="./controlP5/ControlP5Constants.html" title="interface in controlP5">ControlP5Constants</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Chart.html#LINE">LINE</a></span> - Static variable in class controlP5.<a href="./controlP5/Chart.html" title="class in controlP5">Chart</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Constants.html#LINE">LINE</a></span> - Static variable in interface controlP5.<a href="./controlP5/ControlP5Constants.html" title="interface in controlP5">ControlP5Constants</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Controller.html#linebreak()">linebreak()</a></span> - Method in class controlP5.<a href="./controlP5/Controller.html" title="class in controlP5">Controller</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Numberbox.html#linebreak()">linebreak()</a></span> - Method in class controlP5.<a href="./controlP5/Numberbox.html" title="class in controlP5">Numberbox</a></dt>
+<dt><span class="strong"><a href="./controlP5/Slider.html#linebreak()">linebreak()</a></span> - Method in class controlP5.<a href="./controlP5/Slider.html" title="class in controlP5">Slider</a></dt>
+<dt><span class="strong"><a href="./controlP5/Toggle.html#linebreak()">linebreak()</a></span> - Method in class controlP5.<a href="./controlP5/Toggle.html" title="class in controlP5">Toggle</a></dt>
+<dt><span class="strong"><a href="./controlP5/ControlP5Constants.html#LIST">LIST</a></span> - Static variable in interface controlP5.<a href="./controlP5/ControlP5Constants.html" title="interface in controlP5">ControlP5Constants</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ScrollableList.html#LIST">LIST</a></span> - Static variable in class controlP5.<a href="./controlP5/ScrollableList.html" title="class in controlP5">ScrollableList</a></dt>
+<dd>&nbsp;</dd>
+<dt><a href="./controlP5/ListBox.html" title="class in controlP5"><span class="strong">ListBox</span></a> - Class in <a href="./controlP5/package-summary.html">controlP5</a></dt>
+<dd>
+<div class="block">A ListBox is a list of vertically aligned items which can be scrolled if required.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/ListBox.html#ListBox(controlP5.ControlP5, java.lang.String)">ListBox(ControlP5, String)</a></span> - Constructor for class controlP5.<a href="./controlP5/ListBox.html" title="class in controlP5">ListBox</a></dt>
+<dd>
+<div class="block">Convenience constructor to extend ListBox.</div>
+</dd>
+<dt><a href="./controlP5/ListBoxItem.html" title="class in controlP5"><span class="strong">ListBoxItem</span></a> - Class in <a href="./controlP5/package-summary.html">controlP5</a></dt>
+<dd>
+<div class="block">Used by the ListBox class.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/Controller.html#listen(boolean)">listen(boolean)</a></span> - Method in class controlP5.<a href="./controlP5/Controller.html" title="class in controlP5">Controller</a></dt>
+<dd>
+<div class="block">enables a controller to listen to changes made to the variable linked to the controller.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/ControlBroadcaster.html#listenerSize()">listenerSize()</a></span> - Method in class controlP5.<a href="./controlP5/ControlBroadcaster.html" title="class in controlP5">ControlBroadcaster</a></dt>
+<dd>
+<div class="block">Returns the size of the ControlListener list</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/ControlGroup.html#listenerSize()">listenerSize()</a></span> - Method in class controlP5.<a href="./controlP5/ControlGroup.html" title="class in controlP5">ControlGroup</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Controller.html#listenerSize()">listenerSize()</a></span> - Method in class controlP5.<a href="./controlP5/Controller.html" title="class in controlP5">Controller</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerGroup.html#listenerSize()">listenerSize()</a></span> - Method in class controlP5.<a href="./controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Base.html#listenTo(java.lang.String, java.lang.Object)">listenTo(String, Object)</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5Base.html" title="class in controlP5">ControlP5Base</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerProperties.html#load()">load()</a></span> - Method in class controlP5.<a href="./controlP5/ControllerProperties.html" title="class in controlP5">ControllerProperties</a></dt>
+<dd>
+<div class="block">load properties from the default properties file 'controlP5.properties'</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerProperties.html#load(java.lang.String)">load(String)</a></span> - Method in class controlP5.<a href="./controlP5/ControllerProperties.html" title="class in controlP5">ControllerProperties</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Constants.html#LOAD">LOAD</a></span> - Static variable in interface controlP5.<a href="./controlP5/ControlP5Constants.html" title="interface in controlP5">ControlP5Constants</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5.html#loadLayout(java.lang.String)">loadLayout(String)</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5.html" title="class in controlP5">ControlP5</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5.html#loadProperties()">loadProperties()</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5.html" title="class in controlP5">ControlP5</a></dt>
+<dd>
+<div class="block">Loads properties from a default properties file and
+ changes values of controllers accordingly.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5.html#loadProperties(java.lang.String)">loadProperties(String)</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5.html" title="class in controlP5">ControlP5</a></dt>
+<dd>
+<div class="block">Loads properties from a properties file and changes
+ the values of controllers accordingly, the filepath
+ is given by parameter theFilePath.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/Controller.html#lock()">lock()</a></span> - Method in class controlP5.<a href="./controlP5/Controller.html" title="class in controlP5">Controller</a></dt>
+<dd>
+<div class="block">disables the controller to be moved, or changed or controlled by the user.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerProperties.html#logger">logger</a></span> - Static variable in class controlP5.<a href="./controlP5/ControllerProperties.html" title="class in controlP5">ControllerProperties</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5.html#logger">logger</a></span> - Static variable in class controlP5.<a href="./controlP5/ControlP5.html" title="class in controlP5">ControlP5</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5.html#logger()">logger()</a></span> - Static method in class controlP5.<a href="./controlP5/ControlP5.html" title="class in controlP5">ControlP5</a></dt>
+<dd>&nbsp;</dd>
+</dl>
+<a name="_M_">
+<!--   -->
+</a>
+<h2 class="title">M</h2>
+<dl>
+<dt><span class="strong"><a href="./controlP5/ControlP5Base.html#mapKeyFor(controlP5.ControlKey, java.lang.Object...)">mapKeyFor(ControlKey, Object...)</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5Base.html" title="class in controlP5">ControlP5Base</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerStyle.html#margin(int)">margin(int)</a></span> - Method in class controlP5.<a href="./controlP5/ControllerStyle.html" title="class in controlP5">ControllerStyle</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerStyle.html#margin(int, int, int, int)">margin(int, int, int, int)</a></span> - Method in class controlP5.<a href="./controlP5/ControllerStyle.html" title="class in controlP5">ControllerStyle</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerStyle.html#marginBottom">marginBottom</a></span> - Variable in class controlP5.<a href="./controlP5/ControllerStyle.html" title="class in controlP5">ControllerStyle</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerStyle.html#marginLeft">marginLeft</a></span> - Variable in class controlP5.<a href="./controlP5/ControllerStyle.html" title="class in controlP5">ControllerStyle</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerStyle.html#marginRight">marginRight</a></span> - Variable in class controlP5.<a href="./controlP5/ControllerStyle.html" title="class in controlP5">ControllerStyle</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerStyle.html#marginTop">marginTop</a></span> - Variable in class controlP5.<a href="./controlP5/ControllerStyle.html" title="class in controlP5">ControllerStyle</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Constants.html#MAROON">MAROON</a></span> - Static variable in interface controlP5.<a href="./controlP5/ControlP5Constants.html" title="interface in controlP5">ControlP5Constants</a></dt>
+<dd>&nbsp;</dd>
+<dt><a href="./controlP5/Matrix.html" title="class in controlP5"><span class="strong">Matrix</span></a> - Class in <a href="./controlP5/package-summary.html">controlP5</a></dt>
+<dd>
+<div class="block">A matrix is a 2d array with a pointer that traverses through the matrix in a timed interval.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/Matrix.html#Matrix(controlP5.ControlP5, java.lang.String)">Matrix(ControlP5, String)</a></span> - Constructor for class controlP5.<a href="./controlP5/Matrix.html" title="class in controlP5">Matrix</a></dt>
+<dd>
+<div class="block">Convenience constructor to extend Matrix.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/Matrix.html#Matrix(controlP5.ControlP5, controlP5.ControllerGroup, java.lang.String, int, int, int, int, int, int)">Matrix(ControlP5, ControllerGroup&lt;?&gt;, String, int, int, int, int, int, int)</a></span> - Constructor for class controlP5.<a href="./controlP5/Matrix.html" title="class in controlP5">Matrix</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Constants.html#MENU">MENU</a></span> - Static variable in interface controlP5.<a href="./controlP5/ControlP5Constants.html" title="interface in controlP5">ControlP5Constants</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Constants.html#METHOD">METHOD</a></span> - Static variable in interface controlP5.<a href="./controlP5/ControlP5Constants.html" title="interface in controlP5">ControlP5Constants</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlTimer.html#millis()">millis()</a></span> - Method in class controlP5.<a href="./controlP5/ControlTimer.html" title="class in controlP5">ControlTimer</a></dt>
+<dd>
+<div class="block">Get the milliseconds of the timer.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/ControlTimer.html#minute()">minute()</a></span> - Method in class controlP5.<a href="./controlP5/ControlTimer.html" title="class in controlP5">ControlTimer</a></dt>
+<dd>
+<div class="block">Minutes position of the timer.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/Canvas.html#mode()">mode()</a></span> - Method in class controlP5.<a href="./controlP5/Canvas.html" title="class in controlP5">Canvas</a></dt>
+<dd>
+<div class="block">get the drawing mode of a Canvas.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5.html#mouseEvent(processing.event.MouseEvent)">mouseEvent(MouseEvent)</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5.html" title="class in controlP5">ControlP5</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlWindow.html#mouseEvent(int, int, boolean)">mouseEvent(int, int, boolean)</a></span> - Method in class controlP5.<a href="./controlP5/ControlWindow.html" title="class in controlP5">ControlWindow</a></dt>
+<dd>
+<div class="block">when in Android mode, call mouseEvent(int, int,
+ boolean).</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/ControlWindow.html#mouseEvent(processing.event.MouseEvent)">mouseEvent(MouseEvent)</a></span> - Method in class controlP5.<a href="./controlP5/ControlWindow.html" title="class in controlP5">ControlWindow</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Button.html#mousePressed()">mousePressed()</a></span> - Method in class controlP5.<a href="./controlP5/Button.html" title="class in controlP5">Button</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlGroup.html#mousePressed()">mousePressed()</a></span> - Method in class controlP5.<a href="./controlP5/ControlGroup.html" title="class in controlP5">ControlGroup</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Knob.html#mousePressed()">mousePressed()</a></span> - Method in class controlP5.<a href="./controlP5/Knob.html" title="class in controlP5">Knob</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Matrix.html#mousePressed()">mousePressed()</a></span> - Method in class controlP5.<a href="./controlP5/Matrix.html" title="class in controlP5">Matrix</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Numberbox.html#mousePressed()">mousePressed()</a></span> - Method in class controlP5.<a href="./controlP5/Numberbox.html" title="class in controlP5">Numberbox</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Range.html#mousePressed()">mousePressed()</a></span> - Method in class controlP5.<a href="./controlP5/Range.html" title="class in controlP5">Range</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Tab.html#mousePressed()">mousePressed()</a></span> - Method in class controlP5.<a href="./controlP5/Tab.html" title="class in controlP5">Tab</a></dt>
+<dt><span class="strong"><a href="./controlP5/Toggle.html#mousePressed()">mousePressed()</a></span> - Method in class controlP5.<a href="./controlP5/Toggle.html" title="class in controlP5">Toggle</a></dt>
+<dt><span class="strong"><a href="./controlP5/Button.html#mouseReleased()">mouseReleased()</a></span> - Method in class controlP5.<a href="./controlP5/Button.html" title="class in controlP5">Button</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Matrix.html#mouseReleased()">mouseReleased()</a></span> - Method in class controlP5.<a href="./controlP5/Matrix.html" title="class in controlP5">Matrix</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Numberbox.html#mouseReleased()">mouseReleased()</a></span> - Method in class controlP5.<a href="./controlP5/Numberbox.html" title="class in controlP5">Numberbox</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Range.html#mouseReleased()">mouseReleased()</a></span> - Method in class controlP5.<a href="./controlP5/Range.html" title="class in controlP5">Range</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Button.html#mouseReleasedOutside()">mouseReleasedOutside()</a></span> - Method in class controlP5.<a href="./controlP5/Button.html" title="class in controlP5">Button</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Knob.html#mouseReleasedOutside()">mouseReleasedOutside()</a></span> - Method in class controlP5.<a href="./controlP5/Knob.html" title="class in controlP5">Knob</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/MultiListButton.html#mouseReleasedOutside()">mouseReleasedOutside()</a></span> - Method in class controlP5.<a href="./controlP5/MultiListButton.html" title="class in controlP5">MultiListButton</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Numberbox.html#mouseReleasedOutside()">mouseReleasedOutside()</a></span> - Method in class controlP5.<a href="./controlP5/Numberbox.html" title="class in controlP5">Numberbox</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Range.html#mouseReleasedOutside()">mouseReleasedOutside()</a></span> - Method in class controlP5.<a href="./controlP5/Range.html" title="class in controlP5">Range</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerProperties.html#move(controlP5.ControllerProperty, java.lang.String, java.lang.String)">move(ControllerProperty, String, String)</a></span> - Method in class controlP5.<a href="./controlP5/ControllerProperties.html" title="class in controlP5">ControllerProperties</a></dt>
+<dd>
+<div class="block">Moves a ControllerProperty from one set to another.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerProperties.html#move(controlP5.ControllerInterface, java.lang.String, java.lang.String)">move(ControllerInterface&lt;?&gt;, String, String)</a></span> - Method in class controlP5.<a href="./controlP5/ControllerProperties.html" title="class in controlP5">ControllerProperties</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5.html#move(java.lang.Object, controlP5.ControllerGroup)">move(Object, ControllerGroup&lt;?&gt;)</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5.html" title="class in controlP5">ControlP5</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Constants.html#MOVE">MOVE</a></span> - Static variable in interface controlP5.<a href="./controlP5/ControlP5Constants.html" title="interface in controlP5">ControlP5Constants</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5.html#moveControllersForObject(java.lang.Object, controlP5.ControllerGroup)">moveControllersForObject(Object, ControllerGroup&lt;?&gt;)</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5.html" title="class in controlP5">ControlP5</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerStyle.html#moveMargin(int, int, int, int)">moveMargin(int, int, int, int)</a></span> - Method in class controlP5.<a href="./controlP5/ControllerStyle.html" title="class in controlP5">ControllerStyle</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerStyle.html#movePadding(int, int, int, int)">movePadding(int, int, int, int)</a></span> - Method in class controlP5.<a href="./controlP5/ControllerStyle.html" title="class in controlP5">ControllerStyle</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Canvas.html#moveTo(controlP5.ControlWindow)">moveTo(ControlWindow)</a></span> - Method in class controlP5.<a href="./controlP5/Canvas.html" title="class in controlP5">Canvas</a></dt>
+<dd>
+<div class="block">move a canvas to another controlWindow</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/Controller.html#moveTo(java.lang.String)">moveTo(String)</a></span> - Method in class controlP5.<a href="./controlP5/Controller.html" title="class in controlP5">Controller</a></dt>
+<dd>
+<div class="block">moves the controller to another tab.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/Controller.html#moveTo(controlP5.Tab)">moveTo(Tab)</a></span> - Method in class controlP5.<a href="./controlP5/Controller.html" title="class in controlP5">Controller</a></dt>
+<dd>
+<div class="block">moves the controller to another tab.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/Controller.html#moveTo(processing.core.PApplet)">moveTo(PApplet)</a></span> - Method in class controlP5.<a href="./controlP5/Controller.html" title="class in controlP5">Controller</a></dt>
+<dd>
+<div class="block">moves the controller to the default tab inside the main window.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/Controller.html#moveTo(processing.core.PApplet, java.lang.String)">moveTo(PApplet, String)</a></span> - Method in class controlP5.<a href="./controlP5/Controller.html" title="class in controlP5">Controller</a></dt>
+<dd>
+<div class="block">moves the controller to a tab inside the main window.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/Controller.html#moveTo(controlP5.ControlWindow)">moveTo(ControlWindow)</a></span> - Method in class controlP5.<a href="./controlP5/Controller.html" title="class in controlP5">Controller</a></dt>
+<dd>
+<div class="block">moves the controller to the default tab of a control window - other than the main window.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/Controller.html#moveTo(controlP5.ControlWindow, java.lang.String)">moveTo(ControlWindow, String)</a></span> - Method in class controlP5.<a href="./controlP5/Controller.html" title="class in controlP5">Controller</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Controller.html#moveTo(controlP5.ControllerGroup, controlP5.Tab, controlP5.ControlWindow)">moveTo(ControllerGroup&lt;?&gt;, Tab, ControlWindow)</a></span> - Method in class controlP5.<a href="./controlP5/Controller.html" title="class in controlP5">Controller</a></dt>
+<dt><span class="strong"><a href="./controlP5/Controller.html#moveTo(controlP5.ControlGroup)">moveTo(ControlGroup&lt;?&gt;)</a></span> - Method in class controlP5.<a href="./controlP5/Controller.html" title="class in controlP5">Controller</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Controller.html#moveTo(controlP5.ControllerGroup)">moveTo(ControllerGroup&lt;?&gt;)</a></span> - Method in class controlP5.<a href="./controlP5/Controller.html" title="class in controlP5">Controller</a></dt>
+<dt><span class="strong"><a href="./controlP5/ControllerGroup.html#moveTo(controlP5.ControllerGroup, controlP5.Tab, controlP5.ControlWindow)">moveTo(ControllerGroup&lt;?&gt;, Tab, ControlWindow)</a></span> - Method in class controlP5.<a href="./controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerGroup.html#moveTo(controlP5.ControllerGroup)">moveTo(ControllerGroup&lt;?&gt;)</a></span> - Method in class controlP5.<a href="./controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerGroup.html#moveTo(controlP5.Tab)">moveTo(Tab)</a></span> - Method in class controlP5.<a href="./controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerGroup.html#moveTo(processing.core.PApplet)">moveTo(PApplet)</a></span> - Method in class controlP5.<a href="./controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerGroup.html#moveTo(controlP5.ControlWindow)">moveTo(ControlWindow)</a></span> - Method in class controlP5.<a href="./controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerGroup.html#moveTo(java.lang.String)">moveTo(String)</a></span> - Method in class controlP5.<a href="./controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerGroup.html#moveTo(java.lang.String, controlP5.ControlWindow)">moveTo(String, ControlWindow)</a></span> - Method in class controlP5.<a href="./controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerGroup.html#moveTo(controlP5.ControlWindow, java.lang.String)">moveTo(ControlWindow, String)</a></span> - Method in class controlP5.<a href="./controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerGroup.html#moveTo(controlP5.Tab, controlP5.ControlWindow)">moveTo(Tab, ControlWindow)</a></span> - Method in class controlP5.<a href="./controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerInterface.html#moveTo(controlP5.ControllerGroup, controlP5.Tab, controlP5.ControlWindow)">moveTo(ControllerGroup&lt;?&gt;, Tab, ControlWindow)</a></span> - Method in interface controlP5.<a href="./controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerInterface.html#moveTo(controlP5.ControllerGroup)">moveTo(ControllerGroup&lt;?&gt;)</a></span> - Method in interface controlP5.<a href="./controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Base.html#moveTo(controlP5.ControllerGroup, java.lang.Object)">moveTo(ControllerGroup&lt;?&gt;, Object)</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5Base.html" title="class in controlP5">ControlP5Base</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Tab.html#moveTo(controlP5.ControlWindow)">moveTo(ControlWindow)</a></span> - Method in class controlP5.<a href="./controlP5/Tab.html" title="class in controlP5">Tab</a></dt>
+<dt><span class="strong"><a href="./controlP5/ControlP5Constants.html#MULTI">MULTI</a></span> - Static variable in interface controlP5.<a href="./controlP5/ControlP5Constants.html" title="interface in controlP5">ControlP5Constants</a></dt>
+<dd>&nbsp;</dd>
+<dt><a href="./controlP5/MultiList.html" title="class in controlP5"><span class="strong">MultiList</span></a> - Class in <a href="./controlP5/package-summary.html">controlP5</a></dt>
+<dd>
+<div class="block">A Multilist is a multi-menu-tree controller.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/MultiList.html#MultiList(controlP5.ControlP5, java.lang.String)">MultiList(ControlP5, String)</a></span> - Constructor for class controlP5.<a href="./controlP5/MultiList.html" title="class in controlP5">MultiList</a></dt>
+<dd>
+<div class="block">Convenience constructor to extend MultiList.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/MultiList.html#MultiList(controlP5.ControlP5, controlP5.Tab, java.lang.String, int, int, int, int)">MultiList(ControlP5, Tab, String, int, int, int, int)</a></span> - Constructor for class controlP5.<a href="./controlP5/MultiList.html" title="class in controlP5">MultiList</a></dt>
+<dd>&nbsp;</dd>
+<dt><a href="./controlP5/MultiListButton.html" title="class in controlP5"><span class="strong">MultiListButton</span></a> - Class in <a href="./controlP5/package-summary.html">controlP5</a></dt>
+<dd>
+<div class="block">Used by MultiList.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Constants.html#MULTIPLES">MULTIPLES</a></span> - Static variable in interface controlP5.<a href="./controlP5/ControlP5Constants.html" title="interface in controlP5">ControlP5Constants</a></dt>
+<dd>&nbsp;</dd>
+</dl>
+<a name="_N_">
+<!--   -->
+</a>
+<h2 class="title">N</h2>
+<dl>
+<dt><span class="strong"><a href="./controlP5/ControlWindow.html#name()">name()</a></span> - Method in class controlP5.<a href="./controlP5/ControlWindow.html" title="class in controlP5">ControlWindow</a></dt>
+<dd>
+<div class="block">returns the name of the control window.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Constants.html#NAVY">NAVY</a></span> - Static variable in interface controlP5.<a href="./controlP5/ControlP5Constants.html" title="interface in controlP5">ControlP5Constants</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlFont.html#normal()">normal()</a></span> - Static method in class controlP5.<a href="./controlP5/ControlFont.html" title="class in controlP5">ControlFont</a></dt>
+<dd>
+<div class="block">sets the rendering of a PFont back to normal and single rendering.</div>
+</dd>
+<dt><a href="./controlP5/Numberbox.html" title="class in controlP5"><span class="strong">Numberbox</span></a> - Class in <a href="./controlP5/package-summary.html">controlP5</a></dt>
+<dd>
+<div class="block">Click and drag the mouse inside a numberbox and move up and down to change the value of a
+ numberbox.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/Numberbox.html#Numberbox(controlP5.ControlP5, java.lang.String)">Numberbox(ControlP5, String)</a></span> - Constructor for class controlP5.<a href="./controlP5/Numberbox.html" title="class in controlP5">Numberbox</a></dt>
+<dd>
+<div class="block">Convenience constructor to extend Numberbox.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/Numberbox.html#Numberbox(controlP5.ControlP5, controlP5.Tab, java.lang.String, float, int, int, int, int)">Numberbox(ControlP5, Tab, String, float, int, int, int, int)</a></span> - Constructor for class controlP5.<a href="./controlP5/Numberbox.html" title="class in controlP5">Numberbox</a></dt>
+<dd>&nbsp;</dd>
+</dl>
+<a name="_O_">
+<!--   -->
+</a>
+<h2 class="title">O</h2>
+<dl>
+<dt><span class="strong"><a href="./controlP5/MultiList.html#observe()">observe()</a></span> - Method in class controlP5.<a href="./controlP5/MultiList.html" title="class in controlP5">MultiList</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/MultiListButton.html#observe()">observe()</a></span> - Method in class controlP5.<a href="./controlP5/MultiListButton.html" title="class in controlP5">MultiListButton</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/MultiList.html#occupied(boolean)">occupied(boolean)</a></span> - Method in class controlP5.<a href="./controlP5/MultiList.html" title="class in controlP5">MultiList</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Constants.html#OLIVE">OLIVE</a></span> - Static variable in interface controlP5.<a href="./controlP5/ControlP5Constants.html" title="interface in controlP5">ControlP5Constants</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/BoundingBox.html#onDrag()">onDrag()</a></span> - Method in class controlP5.<a href="./controlP5/BoundingBox.html" title="class in controlP5">BoundingBox</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ColorWheel.html#onDrag()">onDrag()</a></span> - Method in class controlP5.<a href="./controlP5/ColorWheel.html" title="class in controlP5">ColorWheel</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/BoundingBox.html#onEndDrag()">onEndDrag()</a></span> - Method in class controlP5.<a href="./controlP5/BoundingBox.html" title="class in controlP5">BoundingBox</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ColorWheel.html#onEndDrag()">onEndDrag()</a></span> - Method in class controlP5.<a href="./controlP5/ColorWheel.html" title="class in controlP5">ColorWheel</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Chart.html#onEnter()">onEnter()</a></span> - Method in class controlP5.<a href="./controlP5/Chart.html" title="class in controlP5">Chart</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Chart.html#onLeave()">onLeave()</a></span> - Method in class controlP5.<a href="./controlP5/Chart.html" title="class in controlP5">Chart</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Range.html#onLeave()">onLeave()</a></span> - Method in class controlP5.<a href="./controlP5/Range.html" title="class in controlP5">Range</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerProperties.html#only(controlP5.ControllerProperty, java.lang.String)">only(ControllerProperty, String)</a></span> - Method in class controlP5.<a href="./controlP5/ControllerProperties.html" title="class in controlP5">ControllerProperties</a></dt>
+<dd>
+<div class="block">stores a ControllerProperty in one particular set only.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/ColorWheel.html#onPress()">onPress()</a></span> - Method in class controlP5.<a href="./controlP5/ColorWheel.html" title="class in controlP5">ColorWheel</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ColorWheel.html#onRelease()">onRelease()</a></span> - Method in class controlP5.<a href="./controlP5/ColorWheel.html" title="class in controlP5">ColorWheel</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/BoundingBox.html#onStartDrag()">onStartDrag()</a></span> - Method in class controlP5.<a href="./controlP5/BoundingBox.html" title="class in controlP5">BoundingBox</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ColorWheel.html#onStartDrag()">onStartDrag()</a></span> - Method in class controlP5.<a href="./controlP5/ColorWheel.html" title="class in controlP5">ColorWheel</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Accordion.html#open()">open()</a></span> - Method in class controlP5.<a href="./controlP5/Accordion.html" title="class in controlP5">Accordion</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Accordion.html#open(int...)">open(int...)</a></span> - Method in class controlP5.<a href="./controlP5/Accordion.html" title="class in controlP5">Accordion</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerGroup.html#open()">open()</a></span> - Method in class controlP5.<a href="./controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerProperties.html#OPEN">OPEN</a></span> - Static variable in class controlP5.<a href="./controlP5/ControllerProperties.html" title="class in controlP5">ControllerProperties</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/MultiList.html#open()">open()</a></span> - Method in class controlP5.<a href="./controlP5/MultiList.html" title="class in controlP5">MultiList</a></dt>
+<dt><span class="strong"><a href="./controlP5/MultiListButton.html#open()">open()</a></span> - Method in class controlP5.<a href="./controlP5/MultiListButton.html" title="class in controlP5">MultiListButton</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Constants.html#ORANGE">ORANGE</a></span> - Static variable in interface controlP5.<a href="./controlP5/ControlP5Constants.html" title="interface in controlP5">ControlP5Constants</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Constants.html#OVER">OVER</a></span> - Static variable in interface controlP5.<a href="./controlP5/ControlP5Constants.html" title="interface in controlP5">ControlP5Constants</a></dt>
+<dd>&nbsp;</dd>
+</dl>
+<a name="_P_">
+<!--   -->
+</a>
+<h2 class="title">P</h2>
+<dl>
+<dt><span class="strong"><a href="./controlP5/ControlP5Constants.html#P2D">P2D</a></span> - Static variable in interface controlP5.<a href="./controlP5/ControlP5Constants.html" title="interface in controlP5">ControlP5Constants</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Constants.html#P3D">P3D</a></span> - Static variable in interface controlP5.<a href="./controlP5/ControlP5Constants.html" title="interface in controlP5">ControlP5Constants</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerStyle.html#padding(int)">padding(int)</a></span> - Method in class controlP5.<a href="./controlP5/ControllerStyle.html" title="class in controlP5">ControllerStyle</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerStyle.html#padding(int, int, int, int)">padding(int, int, int, int)</a></span> - Method in class controlP5.<a href="./controlP5/ControllerStyle.html" title="class in controlP5">ControllerStyle</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Tab.html#padding">padding</a></span> - Static variable in class controlP5.<a href="./controlP5/Tab.html" title="class in controlP5">Tab</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerStyle.html#paddingBottom">paddingBottom</a></span> - Variable in class controlP5.<a href="./controlP5/ControllerStyle.html" title="class in controlP5">ControllerStyle</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerStyle.html#paddingLeft">paddingLeft</a></span> - Variable in class controlP5.<a href="./controlP5/ControllerStyle.html" title="class in controlP5">ControllerStyle</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerStyle.html#paddingRight">paddingRight</a></span> - Variable in class controlP5.<a href="./controlP5/ControllerStyle.html" title="class in controlP5">ControllerStyle</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerStyle.html#paddingTop">paddingTop</a></span> - Variable in class controlP5.<a href="./controlP5/ControllerStyle.html" title="class in controlP5">ControllerStyle</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Label.html#paddingX">paddingX</a></span> - Static variable in class controlP5.<a href="./controlP5/Label.html" title="class in controlP5">Label</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Label.html#paddingY">paddingY</a></span> - Static variable in class controlP5.<a href="./controlP5/Label.html" title="class in controlP5">Label</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5.html#papplet">papplet</a></span> - Variable in class controlP5.<a href="./controlP5/ControlP5.html" title="class in controlP5">ControlP5</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlWindow.html#papplet()">papplet()</a></span> - Method in class controlP5.<a href="./controlP5/ControlWindow.html" title="class in controlP5">ControlWindow</a></dt>
+<dd>
+<div class="block">get the papplet instance of the ControlWindow.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerInterface.html#parent()">parent()</a></span> - Method in interface controlP5.<a href="./controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/CP.html#parseHex(java.lang.String)">parseHex(String)</a></span> - Static method in class controlP5.<a href="./controlP5/CP.html" title="class in controlP5">CP</a></dt>
+<dd>
+<div class="block">convert a hex number into an int</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/Matrix.html#pause()">pause()</a></span> - Method in class controlP5.<a href="./controlP5/Matrix.html" title="class in controlP5">Matrix</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Println.html#pause()">pause()</a></span> - Method in class controlP5.<a href="./controlP5/Println.html" title="class in controlP5">Println</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Constants.html#PI">PI</a></span> - Static variable in interface controlP5.<a href="./controlP5/ControlP5Constants.html" title="interface in controlP5">ControlP5Constants</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Chart.html#PIE">PIE</a></span> - Static variable in class controlP5.<a href="./controlP5/Chart.html" title="class in controlP5">Chart</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Matrix.html#play()">play()</a></span> - Method in class controlP5.<a href="./controlP5/Matrix.html" title="class in controlP5">Matrix</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Println.html#play()">play()</a></span> - Method in class controlP5.<a href="./controlP5/Println.html" title="class in controlP5">Println</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlBroadcaster.html#plug(java.lang.Object, java.lang.String, java.lang.String)">plug(Object, String, String)</a></span> - Method in class controlP5.<a href="./controlP5/ControlBroadcaster.html" title="class in controlP5">ControlBroadcaster</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlBroadcaster.html#plug(java.lang.Object, controlP5.Controller, java.lang.String)">plug(Object, Controller&lt;?&gt;, String)</a></span> - Method in class controlP5.<a href="./controlP5/ControlBroadcaster.html" title="class in controlP5">ControlBroadcaster</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/CheckBox.html#plugTo(java.lang.Object)">plugTo(Object)</a></span> - Method in class controlP5.<a href="./controlP5/CheckBox.html" title="class in controlP5">CheckBox</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/CheckBox.html#plugTo(java.lang.Object, java.lang.String)">plugTo(Object, String)</a></span> - Method in class controlP5.<a href="./controlP5/CheckBox.html" title="class in controlP5">CheckBox</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ColorPicker.html#plugTo(java.lang.Object)">plugTo(Object)</a></span> - Method in class controlP5.<a href="./controlP5/ColorPicker.html" title="class in controlP5">ColorPicker</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ColorPicker.html#plugTo(java.lang.Object, java.lang.String)">plugTo(Object, String)</a></span> - Method in class controlP5.<a href="./controlP5/ColorPicker.html" title="class in controlP5">ColorPicker</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Controller.html#plugTo(java.lang.Object[])">plugTo(Object[])</a></span> - Method in class controlP5.<a href="./controlP5/Controller.html" title="class in controlP5">Controller</a></dt>
+<dd>
+<div class="block">plugs the controller to a list of objects</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/Controller.html#plugTo(java.lang.Object[], java.lang.String)">plugTo(Object[], String)</a></span> - Method in class controlP5.<a href="./controlP5/Controller.html" title="class in controlP5">Controller</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Controller.html#plugTo(java.lang.Object)">plugTo(Object)</a></span> - Method in class controlP5.<a href="./controlP5/Controller.html" title="class in controlP5">Controller</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Controller.html#plugTo(java.lang.Object, java.lang.String)">plugTo(Object, String)</a></span> - Method in class controlP5.<a href="./controlP5/Controller.html" title="class in controlP5">Controller</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Matrix.html#plugTo(java.lang.Object)">plugTo(Object)</a></span> - Method in class controlP5.<a href="./controlP5/Matrix.html" title="class in controlP5">Matrix</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Matrix.html#plugTo(java.lang.Object, java.lang.String)">plugTo(Object, String)</a></span> - Method in class controlP5.<a href="./controlP5/Matrix.html" title="class in controlP5">Matrix</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/RadioButton.html#plugTo(java.lang.Object)">plugTo(Object)</a></span> - Method in class controlP5.<a href="./controlP5/RadioButton.html" title="class in controlP5">RadioButton</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/RadioButton.html#plugTo(java.lang.Object, java.lang.String)">plugTo(Object, String)</a></span> - Method in class controlP5.<a href="./controlP5/RadioButton.html" title="class in controlP5">RadioButton</a></dt>
+<dd>&nbsp;</dd>
+<dt><a href="./controlP5/Pointer.html" title="interface in controlP5"><span class="strong">Pointer</span></a> - Interface in <a href="./controlP5/package-summary.html">controlP5</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Canvas.html#POST">POST</a></span> - Static variable in class controlP5.<a href="./controlP5/Canvas.html" title="class in controlP5">Canvas</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Canvas.html#post()">post()</a></span> - Method in class controlP5.<a href="./controlP5/Canvas.html" title="class in controlP5">Canvas</a></dt>
+<dd>
+<div class="block">set the drawing mode to POST.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/Canvas.html#PRE">PRE</a></span> - Static variable in class controlP5.<a href="./controlP5/Canvas.html" title="class in controlP5">Canvas</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Canvas.html#pre()">pre()</a></span> - Method in class controlP5.<a href="./controlP5/Canvas.html" title="class in controlP5">Canvas</a></dt>
+<dd>
+<div class="block">set the drawing mode to PRE.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5.html#pre()">pre()</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5.html" title="class in controlP5">ControlP5</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlWindow.html#pre()">pre()</a></span> - Method in class controlP5.<a href="./controlP5/ControlWindow.html" title="class in controlP5">ControlWindow</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Constants.html#PRESSED">PRESSED</a></span> - Static variable in interface controlP5.<a href="./controlP5/ControlP5Constants.html" title="interface in controlP5">ControlP5Constants</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlWindow.Pointer.html#pressed()">pressed()</a></span> - Method in class controlP5.<a href="./controlP5/ControlWindow.Pointer.html" title="class in controlP5">ControlWindow.Pointer</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerProperties.html#print()">print()</a></span> - Method in class controlP5.<a href="./controlP5/ControllerProperties.html" title="class in controlP5">ControllerProperties</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Constants.html#PRINT">PRINT</a></span> - Static variable in interface controlP5.<a href="./controlP5/ControlP5Constants.html" title="interface in controlP5">ControlP5Constants</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5.html#printControllerMap()">printControllerMap()</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5.html" title="class in controlP5">ControlP5</a></dt>
+<dd>&nbsp;</dd>
+<dt><a href="./controlP5/Println.html" title="class in controlP5"><span class="strong">Println</span></a> - Class in <a href="./controlP5/package-summary.html">controlP5</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Println.html#Println(controlP5.Textarea)">Println(Textarea)</a></span> - Constructor for class controlP5.<a href="./controlP5/Println.html" title="class in controlP5">Println</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Base.html#printPublicMethodsFor(java.lang.Class, java.lang.String...)">printPublicMethodsFor(Class&lt;?&gt;, String...)</a></span> - Static method in class controlP5.<a href="./controlP5/ControlP5Base.html" title="class in controlP5">ControlP5Base</a></dt>
+<dd>
+<div class="block">prints a list of public methods of requested class
+ into the console.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Base.html#printPublicMethodsFor(java.lang.Class)">printPublicMethodsFor(Class&lt;?&gt;)</a></span> - Static method in class controlP5.<a href="./controlP5/ControlP5Base.html" title="class in controlP5">ControlP5Base</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Pointer.html#pt()">pt()</a></span> - Method in interface controlP5.<a href="./controlP5/Pointer.html" title="interface in controlP5">Pointer</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Constants.html#PURPLE">PURPLE</a></span> - Static variable in interface controlP5.<a href="./controlP5/ControlP5Constants.html" title="interface in controlP5">ControlP5Constants</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Chart.html#push(float)">push(float)</a></span> - Method in class controlP5.<a href="./controlP5/Chart.html" title="class in controlP5">Chart</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Chart.html#push(java.lang.String, float)">push(String, float)</a></span> - Method in class controlP5.<a href="./controlP5/Chart.html" title="class in controlP5">Chart</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Pointer.html#px()">px()</a></span> - Method in interface controlP5.<a href="./controlP5/Pointer.html" title="interface in controlP5">Pointer</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Pointer.html#py()">py()</a></span> - Method in interface controlP5.<a href="./controlP5/Pointer.html" title="interface in controlP5">Pointer</a></dt>
+<dd>&nbsp;</dd>
+</dl>
+<a name="_R_">
+<!--   -->
+</a>
+<h2 class="title">R</h2>
+<dl>
+<dt><span class="strong"><a href="./controlP5/ColorWheel.html#r()">r()</a></span> - Method in class controlP5.<a href="./controlP5/ColorWheel.html" title="class in controlP5">ColorWheel</a></dt>
+<dd>&nbsp;</dd>
+<dt><a href="./controlP5/Radio.html" title="class in controlP5"><span class="strong">Radio</span></a> - Class in <a href="./controlP5/package-summary.html">controlP5</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Radio.html#Radio(controlP5.ControlP5, controlP5.ControllerGroup, java.lang.String, int, int)">Radio(ControlP5, ControllerGroup&lt;?&gt;, String, int, int)</a></span> - Constructor for class controlP5.<a href="./controlP5/Radio.html" title="class in controlP5">Radio</a></dt>
+<dd>&nbsp;</dd>
+<dt><a href="./controlP5/RadioButton.html" title="class in controlP5"><span class="strong">RadioButton</span></a> - Class in <a href="./controlP5/package-summary.html">controlP5</a></dt>
+<dd>
+<div class="block">A radioButton is a list of toggles that can be turned on or off.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/RadioButton.html#RadioButton(controlP5.ControlP5, java.lang.String)">RadioButton(ControlP5, String)</a></span> - Constructor for class controlP5.<a href="./controlP5/RadioButton.html" title="class in controlP5">RadioButton</a></dt>
+<dd>
+<div class="block">Convenience constructor to extend RadioButton.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/RadioButton.html#RadioButton(controlP5.ControlP5, controlP5.ControllerGroup, java.lang.String, int, int)">RadioButton(ControlP5, ControllerGroup&lt;?&gt;, String, int, int)</a></span> - Constructor for class controlP5.<a href="./controlP5/RadioButton.html" title="class in controlP5">RadioButton</a></dt>
+<dd>&nbsp;</dd>
+<dt><a href="./controlP5/Range.html" title="class in controlP5"><span class="strong">Range</span></a> - Class in <a href="./controlP5/package-summary.html">controlP5</a></dt>
+<dd>
+<div class="block">A range slider works just like a slider but can be adjusted on both ends.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/Range.html#Range(controlP5.ControlP5, java.lang.String)">Range(ControlP5, String)</a></span> - Constructor for class controlP5.<a href="./controlP5/Range.html" title="class in controlP5">Range</a></dt>
+<dd>
+<div class="block">Convenience constructor to extend Range.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/Range.html#Range(controlP5.ControlP5, controlP5.ControllerGroup, java.lang.String, float, float, float, float, int, int, int, int)">Range(ControlP5, ControllerGroup&lt;?&gt;, String, float, float, float, float, int, int, int, int)</a></span> - Constructor for class controlP5.<a href="./controlP5/Range.html" title="class in controlP5">Range</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Constants.html#RED">RED</a></span> - Static variable in interface controlP5.<a href="./controlP5/ControlP5Constants.html" title="interface in controlP5">ControlP5Constants</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerProperties.html#register(controlP5.ControllerInterface, java.lang.String, java.lang.String)">register(ControllerInterface&lt;?&gt;, String, String)</a></span> - Method in class controlP5.<a href="./controlP5/ControllerProperties.html" title="class in controlP5">ControllerProperties</a></dt>
+<dd>
+<div class="block">adds a property based on names of setter and getter methods of a controller.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerProperties.html#register(controlP5.ControllerInterface, java.lang.String)">register(ControllerInterface&lt;?&gt;, String)</a></span> - Method in class controlP5.<a href="./controlP5/ControllerProperties.html" title="class in controlP5">ControllerProperties</a></dt>
+<dd>
+<div class="block">registering a property with only one parameter assumes that there is a setter and getter function present for the
+ Controller.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5.html#register(java.lang.Object, java.lang.String, controlP5.ControllerInterface)">register(Object, String, ControllerInterface&lt;?&gt;)</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5.html" title="class in controlP5">ControlP5</a></dt>
+<dd>
+<div class="block">registers a Controller with ControlP5, a Controller
+ should/must be registered with a unique name.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5.html#register(controlP5.ControllerInterface)">register(ControllerInterface&lt;?&gt;)</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5.html" title="class in controlP5">ControlP5</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Tooltip.html#register(controlP5.Controller, java.lang.String)">register(Controller&lt;?&gt;, String)</a></span> - Method in class controlP5.<a href="./controlP5/Tooltip.html" title="class in controlP5">Tooltip</a></dt>
+<dd>
+<div class="block">registers a controller with the Tooltip, when
+ activating the tooltip for a particular controller,
+ the registered text (second parameter) will be
+ displayed.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/Tooltip.html#register(java.lang.String, java.lang.String)">register(String, String)</a></span> - Method in class controlP5.<a href="./controlP5/Tooltip.html" title="class in controlP5">Tooltip</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Controller.html#registerProperty(java.lang.String)">registerProperty(String)</a></span> - Method in class controlP5.<a href="./controlP5/Controller.html" title="class in controlP5">Controller</a></dt>
+<dt><span class="strong"><a href="./controlP5/Controller.html#registerProperty(java.lang.String, java.lang.String)">registerProperty(String, String)</a></span> - Method in class controlP5.<a href="./controlP5/Controller.html" title="class in controlP5">Controller</a></dt>
+<dt><span class="strong"><a href="./controlP5/ControllerGroup.html#registerProperty(java.lang.String)">registerProperty(String)</a></span> - Method in class controlP5.<a href="./controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a></dt>
+<dt><span class="strong"><a href="./controlP5/ControllerGroup.html#registerProperty(java.lang.String, java.lang.String)">registerProperty(String, String)</a></span> - Method in class controlP5.<a href="./controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a></dt>
+<dt><span class="strong"><a href="./controlP5/ControllerInterface.html#registerProperty(java.lang.String)">registerProperty(String)</a></span> - Method in interface controlP5.<a href="./controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerInterface.html#registerProperty(java.lang.String, java.lang.String)">registerProperty(String, String)</a></span> - Method in interface controlP5.<a href="./controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Controller.html#registerTooltip(java.lang.String)">registerTooltip(String)</a></span> - Method in class controlP5.<a href="./controlP5/Controller.html" title="class in controlP5">Controller</a></dt>
+<dd>
+<div class="block">adds a tooltip to a controller, by default the tooltip is disabled.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Constants.html#RELEASE">RELEASE</a></span> - Static variable in interface controlP5.<a href="./controlP5/ControlP5Constants.html" title="interface in controlP5">ControlP5Constants</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlWindow.Pointer.html#released()">released()</a></span> - Method in class controlP5.<a href="./controlP5/ControlWindow.Pointer.html" title="class in controlP5">ControlWindow.Pointer</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Accordion.html#remove(controlP5.ControllerInterface)">remove(ControllerInterface&lt;?&gt;)</a></span> - Method in class controlP5.<a href="./controlP5/Accordion.html" title="class in controlP5">Accordion</a></dt>
+<dd>
+<div class="block">Removes a ControlGroup from the accordion AND from controlP5 remove(ControllerInterface
+ theGroup) overwrites it's super method.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/Controller.html#remove(controlP5.ControllerInterface)">remove(ControllerInterface&lt;?&gt;)</a></span> - Method in class controlP5.<a href="./controlP5/Controller.html" title="class in controlP5">Controller</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Controller.html#remove()">remove()</a></span> - Method in class controlP5.<a href="./controlP5/Controller.html" title="class in controlP5">Controller</a></dt>
+<dd>
+<div class="block">removes a controller from controlP5.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerGroup.html#remove(controlP5.ControllerInterface)">remove(ControllerInterface&lt;?&gt;)</a></span> - Method in class controlP5.<a href="./controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a></dt>
+<dd>
+<div class="block">Removes a controller from the group, but use Controller.setGroup() instead.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerGroup.html#remove(controlP5.CDrawable)">remove(CDrawable)</a></span> - Method in class controlP5.<a href="./controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerGroup.html#remove()">remove()</a></span> - Method in class controlP5.<a href="./controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a></dt>
+<dd>
+<div class="block">removes the group from controlP5.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerInterface.html#remove(controlP5.ControllerInterface)">remove(ControllerInterface&lt;?&gt;)</a></span> - Method in interface controlP5.<a href="./controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerInterface.html#remove()">remove()</a></span> - Method in interface controlP5.<a href="./controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerProperties.html#remove(controlP5.ControllerInterface, java.lang.String, java.lang.String)">remove(ControllerInterface&lt;?&gt;, String, String)</a></span> - Method in class controlP5.<a href="./controlP5/ControllerProperties.html" title="class in controlP5">ControllerProperties</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerProperties.html#remove(controlP5.ControllerInterface)">remove(ControllerInterface&lt;?&gt;)</a></span> - Method in class controlP5.<a href="./controlP5/ControllerProperties.html" title="class in controlP5">ControllerProperties</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerProperties.html#remove(controlP5.ControllerInterface, java.lang.String)">remove(ControllerInterface&lt;?&gt;, String)</a></span> - Method in class controlP5.<a href="./controlP5/ControllerProperties.html" title="class in controlP5">ControllerProperties</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerProperties.html#remove(controlP5.ControllerProperty, java.lang.String...)">remove(ControllerProperty, String...)</a></span> - Method in class controlP5.<a href="./controlP5/ControllerProperties.html" title="class in controlP5">ControllerProperties</a></dt>
+<dd>
+<div class="block">removes a ControllerProperty from one or multiple sets.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerProperties.html#remove(controlP5.ControllerInterface, java.lang.String...)">remove(ControllerInterface&lt;?&gt;, String...)</a></span> - Method in class controlP5.<a href="./controlP5/ControllerProperties.html" title="class in controlP5">ControllerProperties</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5.html#remove(java.lang.String)">remove(String)</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5.html" title="class in controlP5">ControlP5</a></dt>
+<dd>
+<div class="block">removes a controlP5 element such as a controller,
+ group, or tab by name.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Base.html#remove(java.lang.Object)">remove(Object)</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5Base.html" title="class in controlP5">ControlP5Base</a></dt>
+<dd>
+<div class="block">for internal use only.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/ControlWindow.html#remove()">remove()</a></span> - Method in class controlP5.<a href="./controlP5/ControlWindow.html" title="class in controlP5">ControlWindow</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Matrix.html#remove()">remove()</a></span> - Method in class controlP5.<a href="./controlP5/Matrix.html" title="class in controlP5">Matrix</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/MultiList.html#remove()">remove()</a></span> - Method in class controlP5.<a href="./controlP5/MultiList.html" title="class in controlP5">MultiList</a></dt>
+<dd>
+<div class="block">removes the multilist.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/MultiListButton.html#remove()">remove()</a></span> - Method in class controlP5.<a href="./controlP5/MultiListButton.html" title="class in controlP5">MultiListButton</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Controller.html#removeBehavior()">removeBehavior()</a></span> - Method in class controlP5.<a href="./controlP5/Controller.html" title="class in controlP5">Controller</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlBroadcaster.html#removeCallback(controlP5.CallbackListener...)">removeCallback(CallbackListener...)</a></span> - Method in class controlP5.<a href="./controlP5/ControlBroadcaster.html" title="class in controlP5">ControlBroadcaster</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlBroadcaster.html#removeCallback(controlP5.CallbackListener)">removeCallback(CallbackListener)</a></span> - Method in class controlP5.<a href="./controlP5/ControlBroadcaster.html" title="class in controlP5">ControlBroadcaster</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlBroadcaster.html#removeCallback(controlP5.Controller...)">removeCallback(Controller&lt;?&gt;...)</a></span> - Method in class controlP5.<a href="./controlP5/ControlBroadcaster.html" title="class in controlP5">ControlBroadcaster</a></dt>
+<dd>
+<div class="block">Removes a CallbackListener for a particular controller</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/Controller.html#removeCallback(controlP5.CallbackListener)">removeCallback(CallbackListener)</a></span> - Method in class controlP5.<a href="./controlP5/Controller.html" title="class in controlP5">Controller</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Controller.html#removeCallback()">removeCallback()</a></span> - Method in class controlP5.<a href="./controlP5/Controller.html" title="class in controlP5">Controller</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5.html#removeCallback(controlP5.CallbackListener...)">removeCallback(CallbackListener...)</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5.html" title="class in controlP5">ControlP5</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5.html#removeCallback(controlP5.Controller...)">removeCallback(Controller&lt;?&gt;...)</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5.html" title="class in controlP5">ControlP5</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5.html#removeCallback(controlP5.Controller)">removeCallback(Controller&lt;?&gt;)</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5.html" title="class in controlP5">ControlP5</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerGroup.html#removeCanvas(controlP5.Canvas)">removeCanvas(Canvas)</a></span> - Method in class controlP5.<a href="./controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a></dt>
+<dd>
+<div class="block">Removes a canvas from a controller group.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5.html#removeCanvas(controlP5.Canvas)">removeCanvas(Canvas)</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5.html" title="class in controlP5">ControlP5</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlWindow.html#removeCanvas(controlP5.Canvas)">removeCanvas(Canvas)</a></span> - Method in class controlP5.<a href="./controlP5/ControlWindow.html" title="class in controlP5">ControlWindow</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerGroup.html#removeCloseButton()">removeCloseButton()</a></span> - Method in class controlP5.<a href="./controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a></dt>
+<dd>
+<div class="block">TODO redesign or deprecate remove the close button.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/Chart.html#removeData(controlP5.ChartData)">removeData(ChartData)</a></span> - Method in class controlP5.<a href="./controlP5/Chart.html" title="class in controlP5">Chart</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Chart.html#removeData(java.lang.String, controlP5.ChartData)">removeData(String, ChartData)</a></span> - Method in class controlP5.<a href="./controlP5/Chart.html" title="class in controlP5">Chart</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Chart.html#removeData(int)">removeData(int)</a></span> - Method in class controlP5.<a href="./controlP5/Chart.html" title="class in controlP5">Chart</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Chart.html#removeData(java.lang.String, int)">removeData(String, int)</a></span> - Method in class controlP5.<a href="./controlP5/Chart.html" title="class in controlP5">Chart</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Chart.html#removeDataSet(java.lang.String)">removeDataSet(String)</a></span> - Method in class controlP5.<a href="./controlP5/Chart.html" title="class in controlP5">Chart</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Chart.html#removeFirst()">removeFirst()</a></span> - Method in class controlP5.<a href="./controlP5/Chart.html" title="class in controlP5">Chart</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Chart.html#removeFirst(java.lang.String)">removeFirst(String)</a></span> - Method in class controlP5.<a href="./controlP5/Chart.html" title="class in controlP5">Chart</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Accordion.html#removeItem(controlP5.ControlGroup)">removeItem(ControlGroup&lt;?&gt;)</a></span> - Method in class controlP5.<a href="./controlP5/Accordion.html" title="class in controlP5">Accordion</a></dt>
+<dd>
+<div class="block">Removes a ControlGroup from the accordion and puts it back into the default tab of controlP5.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/CheckBox.html#removeItem(java.lang.String)">removeItem(String)</a></span> - Method in class controlP5.<a href="./controlP5/CheckBox.html" title="class in controlP5">CheckBox</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/DropdownList.html#removeItem(java.lang.String)">removeItem(String)</a></span> - Method in class controlP5.<a href="./controlP5/DropdownList.html" title="class in controlP5">DropdownList</a></dt>
+<dd>
+<div class="block">Removes an item from the ListBox using the unique name of the item given when added to the
+ list.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/ListBox.html#removeItem(java.lang.String)">removeItem(String)</a></span> - Method in class controlP5.<a href="./controlP5/ListBox.html" title="class in controlP5">ListBox</a></dt>
+<dd>
+<div class="block">Removes an item from the ListBox using the unique name of the item given when added to the
+ list.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/RadioButton.html#removeItem(java.lang.String)">removeItem(String)</a></span> - Method in class controlP5.<a href="./controlP5/RadioButton.html" title="class in controlP5">RadioButton</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ScrollableList.html#removeItem(java.lang.String)">removeItem(String)</a></span> - Method in class controlP5.<a href="./controlP5/ScrollableList.html" title="class in controlP5">ScrollableList</a></dt>
+<dd>
+<div class="block">Removes an item from the ScrollableList using the
+ unique name of the item given when added to the list.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Base.html#removeKeyFor(controlP5.ControlKey, int...)">removeKeyFor(ControlKey, int...)</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5Base.html" title="class in controlP5">ControlP5Base</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Base.html#removeKeyFor(controlP5.ControlKey, char...)">removeKeyFor(ControlKey, char...)</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5Base.html" title="class in controlP5">ControlP5Base</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Base.html#removeKeysFor(char...)">removeKeysFor(char...)</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5Base.html" title="class in controlP5">ControlP5Base</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Base.html#removeKeysFor(int...)">removeKeysFor(int...)</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5Base.html" title="class in controlP5">ControlP5Base</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Chart.html#removeLast()">removeLast()</a></span> - Method in class controlP5.<a href="./controlP5/Chart.html" title="class in controlP5">Chart</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Chart.html#removeLast(java.lang.String)">removeLast(String)</a></span> - Method in class controlP5.<a href="./controlP5/Chart.html" title="class in controlP5">Chart</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlBroadcaster.html#removeListener(controlP5.ControlListener...)">removeListener(ControlListener...)</a></span> - Method in class controlP5.<a href="./controlP5/ControlBroadcaster.html" title="class in controlP5">ControlBroadcaster</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlGroup.html#removeListener(controlP5.ControlListener)">removeListener(ControlListener)</a></span> - Method in class controlP5.<a href="./controlP5/ControlGroup.html" title="class in controlP5">ControlGroup</a></dt>
+<dd>
+<div class="block">remove a listener from the controller.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/Controller.html#removeListener(controlP5.ControlListener)">removeListener(ControlListener)</a></span> - Method in class controlP5.<a href="./controlP5/Controller.html" title="class in controlP5">Controller</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerGroup.html#removeListener(controlP5.ControlListener)">removeListener(ControlListener)</a></span> - Method in class controlP5.<a href="./controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5.html#removeListener(controlP5.ControlListener...)">removeListener(ControlListener...)</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5.html" title="class in controlP5">ControlP5</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5.html#removeListener(controlP5.ControlListener)">removeListener(ControlListener)</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5.html" title="class in controlP5">ControlP5</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlWindow.html#removeMouseOverFor(controlP5.ControllerInterface)">removeMouseOverFor(ControllerInterface&lt;?&gt;)</a></span> - Method in class controlP5.<a href="./controlP5/ControlWindow.html" title="class in controlP5">ControlWindow</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Controller.html#removeProperty(java.lang.String)">removeProperty(String)</a></span> - Method in class controlP5.<a href="./controlP5/Controller.html" title="class in controlP5">Controller</a></dt>
+<dt><span class="strong"><a href="./controlP5/Controller.html#removeProperty(java.lang.String, java.lang.String)">removeProperty(String, String)</a></span> - Method in class controlP5.<a href="./controlP5/Controller.html" title="class in controlP5">Controller</a></dt>
+<dt><span class="strong"><a href="./controlP5/ControllerGroup.html#removeProperty(java.lang.String)">removeProperty(String)</a></span> - Method in class controlP5.<a href="./controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a></dt>
+<dt><span class="strong"><a href="./controlP5/ControllerGroup.html#removeProperty(java.lang.String, java.lang.String)">removeProperty(String, String)</a></span> - Method in class controlP5.<a href="./controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a></dt>
+<dt><span class="strong"><a href="./controlP5/ControllerInterface.html#removeProperty(java.lang.String)">removeProperty(String)</a></span> - Method in interface controlP5.<a href="./controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerInterface.html#removeProperty(java.lang.String, java.lang.String)">removeProperty(String, String)</a></span> - Method in interface controlP5.<a href="./controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Base.html#removeProperty(controlP5.ControllerInterface)">removeProperty(ControllerInterface&lt;?&gt;)</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5Base.html" title="class in controlP5">ControlP5Base</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerProperties.html#removeSnapshot(java.lang.String)">removeSnapshot(String)</a></span> - Method in class controlP5.<a href="./controlP5/ControllerProperties.html" title="class in controlP5">ControllerProperties</a></dt>
+<dd>
+<div class="block">removes a snapshot by key.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/ControlWindow.html#removeTab(controlP5.Tab)">removeTab(Tab)</a></span> - Method in class controlP5.<a href="./controlP5/ControlWindow.html" title="class in controlP5">ControlWindow</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlFont.html#RENDER_2X">RENDER_2X</a></span> - Static variable in class controlP5.<a href="./controlP5/ControlFont.html" title="class in controlP5">ControlFont</a></dt>
+<dd>
+<div class="block">set the RENDER_2X variable to true to double render text, this makes the font look bolder
+ especially in OpenGL mode.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/CP.html#replace(java.lang.String, java.lang.String, java.lang.String)">replace(String, String, String)</a></span> - Static method in class controlP5.<a href="./controlP5/CP.html" title="class in controlP5">CP</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Constants.html#RESET">RESET</a></span> - Static variable in interface controlP5.<a href="./controlP5/ControlP5Constants.html" title="interface in controlP5">ControlP5Constants</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlTimer.html#reset()">reset()</a></span> - Method in class controlP5.<a href="./controlP5/ControlTimer.html" title="class in controlP5">ControlTimer</a></dt>
+<dd>
+<div class="block">reset the timer.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/ControlWindow.html#resetMouseOver()">resetMouseOver()</a></span> - Method in class controlP5.<a href="./controlP5/ControlWindow.html" title="class in controlP5">ControlWindow</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ColorWheel.html#RGBtoHSL(int)">RGBtoHSL(int)</a></span> - Method in class controlP5.<a href="./controlP5/ColorWheel.html" title="class in controlP5">ColorWheel</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ColorWheel.html#RGBtoHSL(int, int, int)">RGBtoHSL(int, int, int)</a></span> - Method in class controlP5.<a href="./controlP5/ColorWheel.html" title="class in controlP5">ColorWheel</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ColorWheel.html#RGBtoHSV(int)">RGBtoHSV(int)</a></span> - Method in class controlP5.<a href="./controlP5/ColorWheel.html" title="class in controlP5">ColorWheel</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ColorWheel.html#RGBtoHSV(int, int, double)">RGBtoHSV(int, int, double)</a></span> - Method in class controlP5.<a href="./controlP5/ColorWheel.html" title="class in controlP5">ColorWheel</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Constants.html#RIGHT">RIGHT</a></span> - Static variable in interface controlP5.<a href="./controlP5/ControlP5Constants.html" title="interface in controlP5">ControlP5Constants</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Numberbox.html#RIGHT">RIGHT</a></span> - Static variable in class controlP5.<a href="./controlP5/Numberbox.html" title="class in controlP5">Numberbox</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Constants.html#RIGHT_OUTSIDE">RIGHT_OUTSIDE</a></span> - Static variable in interface controlP5.<a href="./controlP5/ControlP5Constants.html" title="interface in controlP5">ControlP5Constants</a></dt>
+<dd>&nbsp;</dd>
+</dl>
+<a name="_S_">
+<!--   -->
+</a>
+<h2 class="title">S</h2>
+<dl>
+<dt><span class="strong"><a href="./controlP5/ControlP5.html#s(java.lang.String)">s(String)</a></span> - Static method in class controlP5.<a href="./controlP5/ControlP5.html" title="class in controlP5">ControlP5</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5.html#s(java.lang.Object)">s(Object)</a></span> - Static method in class controlP5.<a href="./controlP5/ControlP5.html" title="class in controlP5">ControlP5</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5.html#s(java.lang.Object, java.lang.String)">s(Object, String)</a></span> - Static method in class controlP5.<a href="./controlP5/ControlP5.html" title="class in controlP5">ControlP5</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerProperties.html#save()">save()</a></span> - Method in class controlP5.<a href="./controlP5/ControllerProperties.html" title="class in controlP5">ControllerProperties</a></dt>
+<dd>
+<div class="block">saves all registered properties into the default 'controlP5.properties' file into your sketch folder.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Constants.html#SAVE">SAVE</a></span> - Static variable in interface controlP5.<a href="./controlP5/ControlP5Constants.html" title="interface in controlP5">ControlP5Constants</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerProperties.html#saveAs(java.lang.String)">saveAs(String)</a></span> - Method in class controlP5.<a href="./controlP5/ControllerProperties.html" title="class in controlP5">ControllerProperties</a></dt>
+<dd>
+<div class="block">saves all registered properties into a file specified by parameter thePropertiesPath.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerProperties.html#saveAs(java.lang.String, java.lang.String...)">saveAs(String, String...)</a></span> - Method in class controlP5.<a href="./controlP5/ControllerProperties.html" title="class in controlP5">ControllerProperties</a></dt>
+<dd>
+<div class="block">saves a list of properties sets into a file specified by parameter thePropertiesPath.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5.html#saveLayout(java.lang.String)">saveLayout(String)</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5.html" title="class in controlP5">ControlP5</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5.html#saveProperties()">saveProperties()</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5.html" title="class in controlP5">ControlP5</a></dt>
+<dd>
+<div class="block">Saves the current values of controllers into a
+ default properties file</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5.html#saveProperties(java.lang.String)">saveProperties(String)</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5.html" title="class in controlP5">ControlP5</a></dt>
+<dd>
+<div class="block">Saves the current values of controllers into a file,
+ the filepath is given by parameter theFilePath.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5.html#saveProperties(java.lang.String, java.lang.String...)">saveProperties(String, String...)</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5.html" title="class in controlP5">ControlP5</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerProperties.html#saveSnapshot(java.lang.String)">saveSnapshot(String)</a></span> - Method in class controlP5.<a href="./controlP5/ControllerProperties.html" title="class in controlP5">ControllerProperties</a></dt>
+<dd>
+<div class="block">saves a snapshot into your sketch's sketch folder.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerProperties.html#saveSnapshotAs(java.lang.String, java.lang.String)">saveSnapshotAs(String, String)</a></span> - Method in class controlP5.<a href="./controlP5/ControllerProperties.html" title="class in controlP5">ControllerProperties</a></dt>
+<dd>
+<div class="block">saves a snapshot to the file with path given by the first parameter (thePropertiesPath).</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/DropdownList.html#scroll(float)">scroll(float)</a></span> - Method in class controlP5.<a href="./controlP5/DropdownList.html" title="class in controlP5">DropdownList</a></dt>
+<dd>
+<div class="block">scroll the scrollList remotely.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/ListBox.html#scroll(float)">scroll(float)</a></span> - Method in class controlP5.<a href="./controlP5/ListBox.html" title="class in controlP5">ListBox</a></dt>
+<dd>
+<div class="block">scroll the scrollList remotely.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/Textarea.html#scroll(float)">scroll(float)</a></span> - Method in class controlP5.<a href="./controlP5/Textarea.html" title="class in controlP5">Textarea</a></dt>
+<dd>
+<div class="block">scroll the Textarea remotely.</div>
+</dd>
+<dt><a href="./controlP5/ScrollableList.html" title="class in controlP5"><span class="strong">ScrollableList</span></a> - Class in <a href="./controlP5/package-summary.html">controlP5</a></dt>
+<dd>
+<div class="block">A ScrollableList is a list of vertically aligned items
+ which can be scrolled if required.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/ScrollableList.html#ScrollableList(controlP5.ControlP5, java.lang.String)">ScrollableList(ControlP5, String)</a></span> - Constructor for class controlP5.<a href="./controlP5/ScrollableList.html" title="class in controlP5">ScrollableList</a></dt>
+<dd>&nbsp;</dd>
+<dt><a href="./controlP5/ScrollableList.ScrollableListView.html" title="class in controlP5"><span class="strong">ScrollableList.ScrollableListView</span></a> - Class in <a href="./controlP5/package-summary.html">controlP5</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ScrollableList.ScrollableListView.html#ScrollableList.ScrollableListView()">ScrollableList.ScrollableListView()</a></span> - Constructor for class controlP5.<a href="./controlP5/ScrollableList.ScrollableListView.html" title="class in controlP5">ScrollableList.ScrollableListView</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ColorWheel.html#scrolled(int)">scrolled(int)</a></span> - Method in class controlP5.<a href="./controlP5/ColorWheel.html" title="class in controlP5">ColorWheel</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/DropdownList.html#scrolled(int)">scrolled(int)</a></span> - Method in class controlP5.<a href="./controlP5/DropdownList.html" title="class in controlP5">DropdownList</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Knob.html#scrolled(int)">scrolled(int)</a></span> - Method in class controlP5.<a href="./controlP5/Knob.html" title="class in controlP5">Knob</a></dt>
+<dd>
+<div class="block">Changes the value of the knob when hovering and using the mouse wheel or the scroll function
+ of a multi-touch track pad.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/ListBox.html#scrolled(int)">scrolled(int)</a></span> - Method in class controlP5.<a href="./controlP5/ListBox.html" title="class in controlP5">ListBox</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Numberbox.html#scrolled(int)">scrolled(int)</a></span> - Method in class controlP5.<a href="./controlP5/Numberbox.html" title="class in controlP5">Numberbox</a></dt>
+<dd>
+<div class="block">changes the value of the numberbox when hovering and using the mouse wheel or the scroll
+ function of a multi-touch track pad.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/Slider.html#scrolled(int)">scrolled(int)</a></span> - Method in class controlP5.<a href="./controlP5/Slider.html" title="class in controlP5">Slider</a></dt>
+<dd>
+<div class="block">changes the value of the slider when hovering and using the mouse wheel or the scroll
+ function of a multi-touch track pad.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/Textarea.html#scrolled(int)">scrolled(int)</a></span> - Method in class controlP5.<a href="./controlP5/Textarea.html" title="class in controlP5">Textarea</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlTimer.html#second()">second()</a></span> - Method in class controlP5.<a href="./controlP5/ControlTimer.html" title="class in controlP5">ControlTimer</a></dt>
+<dd>
+<div class="block">Seconds position of the timer.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerPlug.html#set(java.lang.Object, java.lang.String, int, int, java.lang.Class[])">set(Object, String, int, int, Class&lt;?&gt;[])</a></span> - Method in class controlP5.<a href="./controlP5/ControllerPlug.html" title="class in controlP5">ControllerPlug</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlWindow.Pointer.html#set(int, int)">set(int, int)</a></span> - Method in class controlP5.<a href="./controlP5/ControlWindow.Pointer.html" title="class in controlP5">ControlWindow.Pointer</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlWindow.Pointer.html#set(int, int, boolean)">set(int, int, boolean)</a></span> - Method in class controlP5.<a href="./controlP5/ControlWindow.Pointer.html" title="class in controlP5">ControlWindow.Pointer</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Label.html#set(java.lang.String)">set(String)</a></span> - Method in class controlP5.<a href="./controlP5/Label.html" title="class in controlP5">Label</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Matrix.html#set(int, int, boolean)">set(int, int, boolean)</a></span> - Method in class controlP5.<a href="./controlP5/Matrix.html" title="class in controlP5">Matrix</a></dt>
+<dd>
+<div class="block">set the state of a particular cell inside a matrix.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/Controller.html#setAbsolutePosition(processing.core.PVector)">setAbsolutePosition(PVector)</a></span> - Method in class controlP5.<a href="./controlP5/Controller.html" title="class in controlP5">Controller</a></dt>
+<dt><span class="strong"><a href="./controlP5/ControllerGroup.html#setAbsolutePosition(processing.core.PVector)">setAbsolutePosition(PVector)</a></span> - Method in class controlP5.<a href="./controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerInterface.html#setAbsolutePosition(processing.core.PVector)">setAbsolutePosition(PVector)</a></span> - Method in interface controlP5.<a href="./controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/CColor.html#setActive(int)">setActive(int)</a></span> - Method in class controlP5.<a href="./controlP5/CColor.html" title="class in controlP5">CColor</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlBehavior.html#setActive(boolean)">setActive(boolean)</a></span> - Method in class controlP5.<a href="./controlP5/ControlBehavior.html" title="class in controlP5">ControlBehavior</a></dt>
+<dd>
+<div class="block">(de)activate the behavior.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/Tab.html#setActive(boolean)">setActive(boolean)</a></span> - Method in class controlP5.<a href="./controlP5/Tab.html" title="class in controlP5">Tab</a></dt>
+<dd>
+<div class="block">Activates a tab.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/Controller.html#setAddress(java.lang.String)">setAddress(String)</a></span> - Method in class controlP5.<a href="./controlP5/Controller.html" title="class in controlP5">Controller</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerGroup.html#setAddress(java.lang.String)">setAddress(String)</a></span> - Method in class controlP5.<a href="./controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a></dt>
+<dt><span class="strong"><a href="./controlP5/ControllerInterface.html#setAddress(java.lang.String)">setAddress(String)</a></span> - Method in interface controlP5.<a href="./controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/CColor.html#setAlpha(int)">setAlpha(int)</a></span> - Method in class controlP5.<a href="./controlP5/CColor.html" title="class in controlP5">CColor</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ColorWheel.html#setAlpha(int)">setAlpha(int)</a></span> - Method in class controlP5.<a href="./controlP5/ColorWheel.html" title="class in controlP5">ColorWheel</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Tooltip.html#setAlpha(int)">setAlpha(int)</a></span> - Method in class controlP5.<a href="./controlP5/Tooltip.html" title="class in controlP5">Tooltip</a></dt>
+<dd>
+<div class="block">sets the transparency of the default background,
+ default value is 200</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/Tab.html#setAlwaysActive(boolean)">setAlwaysActive(boolean)</a></span> - Method in class controlP5.<a href="./controlP5/Tab.html" title="class in controlP5">Tab</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Knob.html#setAngleRange(float)">setAngleRange(float)</a></span> - Method in class controlP5.<a href="./controlP5/Knob.html" title="class in controlP5">Knob</a></dt>
+<dd>
+<div class="block">set the range in between which the know operates.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/CheckBox.html#setArrayValue(float[])">setArrayValue(float[])</a></span> - Method in class controlP5.<a href="./controlP5/CheckBox.html" title="class in controlP5">CheckBox</a></dt>
+<dd>
+<div class="block">Sets the value for all CheckBox items according to the values of the array passed on.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/ColorPicker.html#setArrayValue(float[])">setArrayValue(float[])</a></span> - Method in class controlP5.<a href="./controlP5/ColorPicker.html" title="class in controlP5">ColorPicker</a></dt>
+<dd>
+<div class="block">Requires an array of size 4 for RGBA</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/Controller.html#setArrayValue(float[])">setArrayValue(float[])</a></span> - Method in class controlP5.<a href="./controlP5/Controller.html" title="class in controlP5">Controller</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Controller.html#setArrayValue(int, float)">setArrayValue(int, float)</a></span> - Method in class controlP5.<a href="./controlP5/Controller.html" title="class in controlP5">Controller</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerGroup.html#setArrayValue(int, float)">setArrayValue(int, float)</a></span> - Method in class controlP5.<a href="./controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerGroup.html#setArrayValue(float[])">setArrayValue(float[])</a></span> - Method in class controlP5.<a href="./controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerInterface.html#setArrayValue(int, float)">setArrayValue(int, float)</a></span> - Method in interface controlP5.<a href="./controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerInterface.html#setArrayValue(float[])">setArrayValue(float[])</a></span> - Method in interface controlP5.<a href="./controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/RadioButton.html#setArrayValue(float[])">setArrayValue(float[])</a></span> - Method in class controlP5.<a href="./controlP5/RadioButton.html" title="class in controlP5">RadioButton</a></dt>
+<dd>
+<div class="block">Sets the value for all RadioButton items according to the values of the array passed on.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/Range.html#setArrayValue(float[])">setArrayValue(float[])</a></span> - Method in class controlP5.<a href="./controlP5/Range.html" title="class in controlP5">Range</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Slider2D.html#setArrayValue(float[])">setArrayValue(float[])</a></span> - Method in class controlP5.<a href="./controlP5/Slider2D.html" title="class in controlP5">Slider2D</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Base.html#setAutoAddDirection(int)">setAutoAddDirection(int)</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5Base.html" title="class in controlP5">ControlP5Base</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Textfield.html#setAutoClear(boolean)">setAutoClear(boolean)</a></span> - Method in class controlP5.<a href="./controlP5/Textfield.html" title="class in controlP5">Textfield</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5.html#setAutoDraw(boolean)">setAutoDraw(boolean)</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5.html" title="class in controlP5">ControlP5</a></dt>
+<dd>
+<div class="block">by default controlP5 draws any controller on top of
+ any drawing done in the draw() function (this doesnt
+ apply to P3D where controlP5.draw() has to be called
+ manually in the sketch's draw() function ).</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5.html#setAutoInitialization(boolean)">setAutoInitialization(boolean)</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5.html" title="class in controlP5">ControlP5</a></dt>
+<dd>
+<div class="block">autoInitialization can be very handy when it comes to
+ initializing values, e.g.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Base.html#setAutoSpacing()">setAutoSpacing()</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5Base.html" title="class in controlP5">ControlP5Base</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Base.html#setAutoSpacing(float)">setAutoSpacing(float)</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5Base.html" title="class in controlP5">ControlP5Base</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Base.html#setAutoSpacing(float, float)">setAutoSpacing(float, float)</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5Base.html" title="class in controlP5">ControlP5Base</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Base.html#setAutoSpacing(float, float, float)">setAutoSpacing(float, float, float)</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5Base.html" title="class in controlP5">ControlP5Base</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/CColor.html#setBackground(int)">setBackground(int)</a></span> - Method in class controlP5.<a href="./controlP5/CColor.html" title="class in controlP5">CColor</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5.html#setBackground(int)">setBackground(int)</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5.html" title="class in controlP5">ControlP5</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlWindow.html#setBackground(int)">setBackground(int)</a></span> - Method in class controlP5.<a href="./controlP5/ControlWindow.html" title="class in controlP5">ControlWindow</a></dt>
+<dd>
+<div class="block">set the background color of the control window.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/Matrix.html#setBackground(int)">setBackground(int)</a></span> - Method in class controlP5.<a href="./controlP5/Matrix.html" title="class in controlP5">Matrix</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlGroup.html#setBackgroundColor(int)">setBackgroundColor(int)</a></span> - Method in class controlP5.<a href="./controlP5/ControlGroup.html" title="class in controlP5">ControlGroup</a></dt>
+<dd>
+<div class="block">set the background color of a controlGroup.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/ScrollableList.html#setBackgroundColor(int)">setBackgroundColor(int)</a></span> - Method in class controlP5.<a href="./controlP5/ScrollableList.html" title="class in controlP5">ScrollableList</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlGroup.html#setBackgroundHeight(int)">setBackgroundHeight(int)</a></span> - Method in class controlP5.<a href="./controlP5/ControlGroup.html" title="class in controlP5">ControlGroup</a></dt>
+<dd>
+<div class="block">set the height of the controlGroup's background.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/ControlGroup.html#setBarHeight(int)">setBarHeight(int)</a></span> - Method in class controlP5.<a href="./controlP5/ControlGroup.html" title="class in controlP5">ControlGroup</a></dt>
+<dd>
+<div class="block">set the height of the top bar (used to open/close and move a controlGroup).</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/ScrollableList.html#setBarHeight(int)">setBarHeight(int)</a></span> - Method in class controlP5.<a href="./controlP5/ScrollableList.html" title="class in controlP5">ScrollableList</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ScrollableList.html#setBarVisible(boolean)">setBarVisible(boolean)</a></span> - Method in class controlP5.<a href="./controlP5/ScrollableList.html" title="class in controlP5">ScrollableList</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Controller.html#setBehavior(controlP5.ControlBehavior)">setBehavior(ControlBehavior)</a></span> - Method in class controlP5.<a href="./controlP5/Controller.html" title="class in controlP5">Controller</a></dt>
+<dd>
+<div class="block">with setBehavior you can add a ControlBehavior to a controller.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/Tooltip.html#setBorder(int)">setBorder(int)</a></span> - Method in class controlP5.<a href="./controlP5/Tooltip.html" title="class in controlP5">Tooltip</a></dt>
+<dd>
+<div class="block">sets the border of the tooltip, the default border is
+ 4px.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/Textarea.html#setBorderColor(int)">setBorderColor(int)</a></span> - Method in class controlP5.<a href="./controlP5/Textarea.html" title="class in controlP5">Textarea</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Controller.html#setBroadcast(boolean)">setBroadcast(boolean)</a></span> - Method in class controlP5.<a href="./controlP5/Controller.html" title="class in controlP5">Controller</a></dt>
+<dd>
+<div class="block">Use setBroadcast to enable and disable the broadcasting of changes in a controller's value.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5.html#setBroadcast(boolean)">setBroadcast(boolean)</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5.html" title="class in controlP5">ControlP5</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/CColor.html#setCaptionLabel(int)">setCaptionLabel(int)</a></span> - Method in class controlP5.<a href="./controlP5/CColor.html" title="class in controlP5">CColor</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Controller.html#setCaptionLabel(java.lang.String)">setCaptionLabel(String)</a></span> - Method in class controlP5.<a href="./controlP5/Controller.html" title="class in controlP5">Controller</a></dt>
+<dd>
+<div class="block">sets the content of the caption label of a controller.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerGroup.html#setCaptionLabel(java.lang.String)">setCaptionLabel(String)</a></span> - Method in class controlP5.<a href="./controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerInterface.html#setCaptionLabel(java.lang.String)">setCaptionLabel(String)</a></span> - Method in interface controlP5.<a href="./controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Matrix.html#setCells(int[][])">setCells(int[][])</a></span> - Method in class controlP5.<a href="./controlP5/Matrix.html" title="class in controlP5">Matrix</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Accordion.html#setCollapseMode(int)">setCollapseMode(int)</a></span> - Method in class controlP5.<a href="./controlP5/Accordion.html" title="class in controlP5">Accordion</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ChartData.html#setColor(int)">setColor(int)</a></span> - Method in class controlP5.<a href="./controlP5/ChartData.html" title="class in controlP5">ChartData</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Controller.html#setColor(controlP5.CColor)">setColor(CColor)</a></span> - Method in class controlP5.<a href="./controlP5/Controller.html" title="class in controlP5">Controller</a></dt>
+<dt><span class="strong"><a href="./controlP5/ControllerGroup.html#setColor(controlP5.CColor)">setColor(CColor)</a></span> - Method in class controlP5.<a href="./controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a></dt>
+<dt><span class="strong"><a href="./controlP5/ControllerInterface.html#setColor(controlP5.CColor)">setColor(CColor)</a></span> - Method in interface controlP5.<a href="./controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5.html#setColor(controlP5.CColor)">setColor(CColor)</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5.html" title="class in controlP5">ControlP5</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Base.html#setColor(controlP5.CColor, java.lang.Object)">setColor(CColor, Object)</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5Base.html" title="class in controlP5">ControlP5Base</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/DropdownList.html#setColor(controlP5.CColor)">setColor(CColor)</a></span> - Method in class controlP5.<a href="./controlP5/DropdownList.html" title="class in controlP5">DropdownList</a></dt>
+<dt><span class="strong"><a href="./controlP5/Label.html#setColor(int, boolean)">setColor(int, boolean)</a></span> - Method in class controlP5.<a href="./controlP5/Label.html" title="class in controlP5">Label</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Label.html#setColor(int)">setColor(int)</a></span> - Method in class controlP5.<a href="./controlP5/Label.html" title="class in controlP5">Label</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ListBox.html#setColor(controlP5.CColor)">setColor(CColor)</a></span> - Method in class controlP5.<a href="./controlP5/ListBox.html" title="class in controlP5">ListBox</a></dt>
+<dt><span class="strong"><a href="./controlP5/ListBoxItem.html#setColor(controlP5.CColor)">setColor(CColor)</a></span> - Method in class controlP5.<a href="./controlP5/ListBoxItem.html" title="class in controlP5">ListBoxItem</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Textarea.html#setColor(int)">setColor(int)</a></span> - Method in class controlP5.<a href="./controlP5/Textarea.html" title="class in controlP5">Textarea</a></dt>
+<dd>
+<div class="block">set the text color of the textarea.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/Textfield.html#setColor(int)">setColor(int)</a></span> - Method in class controlP5.<a href="./controlP5/Textfield.html" title="class in controlP5">Textfield</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Textlabel.html#setColor(int)">setColor(int)</a></span> - Method in class controlP5.<a href="./controlP5/Textlabel.html" title="class in controlP5">Textlabel</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Controller.html#setColorActive(int)">setColorActive(int)</a></span> - Method in class controlP5.<a href="./controlP5/Controller.html" title="class in controlP5">Controller</a></dt>
+<dt><span class="strong"><a href="./controlP5/ControllerGroup.html#setColorActive(int)">setColorActive(int)</a></span> - Method in class controlP5.<a href="./controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a></dt>
+<dt><span class="strong"><a href="./controlP5/ControllerInterface.html#setColorActive(int)">setColorActive(int)</a></span> - Method in interface controlP5.<a href="./controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5.html#setColorActive(int)">setColorActive(int)</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5.html" title="class in controlP5">ControlP5</a></dt>
+<dd>
+<div class="block">sets the active state color of tabs and controllers,
+ this cascades down to all known controllers.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/ControlWindow.html#setColorActive(int)">setColorActive(int)</a></span> - Method in class controlP5.<a href="./controlP5/ControlWindow.html" title="class in controlP5">ControlWindow</a></dt>
+<dd>
+<div class="block">set the color for the controller while active.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/DropdownList.html#setColorActive(int)">setColorActive(int)</a></span> - Method in class controlP5.<a href="./controlP5/DropdownList.html" title="class in controlP5">DropdownList</a></dt>
+<dt><span class="strong"><a href="./controlP5/ListBox.html#setColorActive(int)">setColorActive(int)</a></span> - Method in class controlP5.<a href="./controlP5/ListBox.html" title="class in controlP5">ListBox</a></dt>
+<dt><span class="strong"><a href="./controlP5/ListBoxItem.html#setColorActive(int)">setColorActive(int)</a></span> - Method in class controlP5.<a href="./controlP5/ListBoxItem.html" title="class in controlP5">ListBoxItem</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Controller.html#setColorBackground(int)">setColorBackground(int)</a></span> - Method in class controlP5.<a href="./controlP5/Controller.html" title="class in controlP5">Controller</a></dt>
+<dt><span class="strong"><a href="./controlP5/ControllerGroup.html#setColorBackground(int)">setColorBackground(int)</a></span> - Method in class controlP5.<a href="./controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a></dt>
+<dt><span class="strong"><a href="./controlP5/ControllerInterface.html#setColorBackground(int)">setColorBackground(int)</a></span> - Method in interface controlP5.<a href="./controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5.html#setColorBackground(int)">setColorBackground(int)</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5.html" title="class in controlP5">ControlP5</a></dt>
+<dd>
+<div class="block">sets the background color of tabs and controllers,
+ this cascades down to all known controllers.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/ControlWindow.html#setColorBackground(int)">setColorBackground(int)</a></span> - Method in class controlP5.<a href="./controlP5/ControlWindow.html" title="class in controlP5">ControlWindow</a></dt>
+<dd>
+<div class="block">set the background color of the controller.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/DropdownList.html#setColorBackground(int)">setColorBackground(int)</a></span> - Method in class controlP5.<a href="./controlP5/DropdownList.html" title="class in controlP5">DropdownList</a></dt>
+<dt><span class="strong"><a href="./controlP5/Label.html#setColorBackground(int)">setColorBackground(int)</a></span> - Method in class controlP5.<a href="./controlP5/Label.html" title="class in controlP5">Label</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ListBox.html#setColorBackground(int)">setColorBackground(int)</a></span> - Method in class controlP5.<a href="./controlP5/ListBox.html" title="class in controlP5">ListBox</a></dt>
+<dt><span class="strong"><a href="./controlP5/ListBoxItem.html#setColorBackground(int)">setColorBackground(int)</a></span> - Method in class controlP5.<a href="./controlP5/ListBoxItem.html" title="class in controlP5">ListBoxItem</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Textarea.html#setColorBackground(int)">setColorBackground(int)</a></span> - Method in class controlP5.<a href="./controlP5/Textarea.html" title="class in controlP5">Textarea</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Tooltip.html#setColorBackground(int)">setColorBackground(int)</a></span> - Method in class controlP5.<a href="./controlP5/Tooltip.html" title="class in controlP5">Tooltip</a></dt>
+<dd>
+<div class="block">sets the background color of the tooltip, the default
+ color is a dark grey</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/Controller.html#setColorCaptionLabel(int)">setColorCaptionLabel(int)</a></span> - Method in class controlP5.<a href="./controlP5/Controller.html" title="class in controlP5">Controller</a></dt>
+<dt><span class="strong"><a href="./controlP5/ControlP5.html#setColorCaptionLabel(int)">setColorCaptionLabel(int)</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5.html" title="class in controlP5">ControlP5</a></dt>
+<dd>
+<div class="block">sets the label color of tabs and controllers, this
+ cascades down to all known controllers.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/Range.html#setColorCaptionLabel(int)">setColorCaptionLabel(int)</a></span> - Method in class controlP5.<a href="./controlP5/Range.html" title="class in controlP5">Range</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Textfield.html#setColorCursor(int)">setColorCursor(int)</a></span> - Method in class controlP5.<a href="./controlP5/Textfield.html" title="class in controlP5">Textfield</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Controller.html#setColorForeground(int)">setColorForeground(int)</a></span> - Method in class controlP5.<a href="./controlP5/Controller.html" title="class in controlP5">Controller</a></dt>
+<dt><span class="strong"><a href="./controlP5/ControllerGroup.html#setColorForeground(int)">setColorForeground(int)</a></span> - Method in class controlP5.<a href="./controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a></dt>
+<dt><span class="strong"><a href="./controlP5/ControllerInterface.html#setColorForeground(int)">setColorForeground(int)</a></span> - Method in interface controlP5.<a href="./controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5.html#setColorForeground(int)">setColorForeground(int)</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5.html" title="class in controlP5">ControlP5</a></dt>
+<dd>
+<div class="block">sets the foreground color of tabs and controllers,
+ this cascades down to all known controllers.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/ControlWindow.html#setColorForeground(int)">setColorForeground(int)</a></span> - Method in class controlP5.<a href="./controlP5/ControlWindow.html" title="class in controlP5">ControlWindow</a></dt>
+<dd>
+<div class="block">set the foreground color of the controller.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/DropdownList.html#setColorForeground(int)">setColorForeground(int)</a></span> - Method in class controlP5.<a href="./controlP5/DropdownList.html" title="class in controlP5">DropdownList</a></dt>
+<dt><span class="strong"><a href="./controlP5/ListBox.html#setColorForeground(int)">setColorForeground(int)</a></span> - Method in class controlP5.<a href="./controlP5/ListBox.html" title="class in controlP5">ListBox</a></dt>
+<dt><span class="strong"><a href="./controlP5/ListBoxItem.html#setColorForeground(int)">setColorForeground(int)</a></span> - Method in class controlP5.<a href="./controlP5/ListBoxItem.html" title="class in controlP5">ListBoxItem</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerGroup.html#setColorLabel(int)">setColorLabel(int)</a></span> - Method in class controlP5.<a href="./controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a></dt>
+<dt><span class="strong"><a href="./controlP5/ControllerInterface.html#setColorLabel(int)">setColorLabel(int)</a></span> - Method in interface controlP5.<a href="./controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlWindow.html#setColorLabel(int)">setColorLabel(int)</a></span> - Method in class controlP5.<a href="./controlP5/ControlWindow.html" title="class in controlP5">ControlWindow</a></dt>
+<dd>
+<div class="block">set the color of the text label of the controller.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/DropdownList.html#setColorLabel(int)">setColorLabel(int)</a></span> - Method in class controlP5.<a href="./controlP5/DropdownList.html" title="class in controlP5">DropdownList</a></dt>
+<dt><span class="strong"><a href="./controlP5/ListBox.html#setColorLabel(int)">setColorLabel(int)</a></span> - Method in class controlP5.<a href="./controlP5/ListBox.html" title="class in controlP5">ListBox</a></dt>
+<dt><span class="strong"><a href="./controlP5/ListBoxItem.html#setColorLabel(int)">setColorLabel(int)</a></span> - Method in class controlP5.<a href="./controlP5/ListBoxItem.html" title="class in controlP5">ListBoxItem</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Tooltip.html#setColorLabel(int)">setColorLabel(int)</a></span> - Method in class controlP5.<a href="./controlP5/Tooltip.html" title="class in controlP5">Tooltip</a></dt>
+<dd>
+<div class="block">sets the text color of the tooltip's label, the
+ default color is a white</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/CheckBox.html#setColorLabels(int)">setColorLabels(int)</a></span> - Method in class controlP5.<a href="./controlP5/CheckBox.html" title="class in controlP5">CheckBox</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/RadioButton.html#setColorLabels(int)">setColorLabels(int)</a></span> - Method in class controlP5.<a href="./controlP5/RadioButton.html" title="class in controlP5">RadioButton</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Chart.html#setColors(java.lang.String, int...)">setColors(String, int...)</a></span> - Method in class controlP5.<a href="./controlP5/Chart.html" title="class in controlP5">Chart</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ChartDataSet.html#setColors(int...)">setColors(int...)</a></span> - Method in class controlP5.<a href="./controlP5/ChartDataSet.html" title="class in controlP5">ChartDataSet</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Range.html#setColorTickMark(int)">setColorTickMark(int)</a></span> - Method in class controlP5.<a href="./controlP5/Range.html" title="class in controlP5">Range</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Slider.html#setColorTickMark(int)">setColorTickMark(int)</a></span> - Method in class controlP5.<a href="./controlP5/Slider.html" title="class in controlP5">Slider</a></dt>
+<dd>
+<div class="block">sets the color of tick marks if enabled.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/ColorPicker.html#setColorValue(int)">setColorValue(int)</a></span> - Method in class controlP5.<a href="./controlP5/ColorPicker.html" title="class in controlP5">ColorPicker</a></dt>
+<dt><span class="strong"><a href="./controlP5/ControllerGroup.html#setColorValue(int)">setColorValue(int)</a></span> - Method in class controlP5.<a href="./controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a></dt>
+<dt><span class="strong"><a href="./controlP5/ControllerInterface.html#setColorValue(int)">setColorValue(int)</a></span> - Method in interface controlP5.<a href="./controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlWindow.html#setColorValue(int)">setColorValue(int)</a></span> - Method in class controlP5.<a href="./controlP5/ControlWindow.html" title="class in controlP5">ControlWindow</a></dt>
+<dd>
+<div class="block">set the color of the values.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/DropdownList.html#setColorValue(int)">setColorValue(int)</a></span> - Method in class controlP5.<a href="./controlP5/DropdownList.html" title="class in controlP5">DropdownList</a></dt>
+<dt><span class="strong"><a href="./controlP5/ListBox.html#setColorValue(int)">setColorValue(int)</a></span> - Method in class controlP5.<a href="./controlP5/ListBox.html" title="class in controlP5">ListBox</a></dt>
+<dt><span class="strong"><a href="./controlP5/Controller.html#setColorValueLabel(int)">setColorValueLabel(int)</a></span> - Method in class controlP5.<a href="./controlP5/Controller.html" title="class in controlP5">Controller</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5.html#setColorValueLabel(int)">setColorValueLabel(int)</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5.html" title="class in controlP5">ControlP5</a></dt>
+<dd>
+<div class="block">sets the value color of controllers, this cascades
+ down to all known controllers.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/Range.html#setColorValueLabel(int)">setColorValueLabel(int)</a></span> - Method in class controlP5.<a href="./controlP5/Range.html" title="class in controlP5">Range</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Knob.html#setConstrained(boolean)">setConstrained(boolean)</a></span> - Method in class controlP5.<a href="./controlP5/Knob.html" title="class in controlP5">Knob</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlWindow.html#setContext(controlP5.CDrawable)">setContext(CDrawable)</a></span> - Method in class controlP5.<a href="./controlP5/ControlWindow.html" title="class in controlP5">ControlWindow</a></dt>
+<dd>
+<div class="block">Adds a custom context to a ControlWindow.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/Slider2D.html#setCursorX(float)">setCursorX(float)</a></span> - Method in class controlP5.<a href="./controlP5/Slider2D.html" title="class in controlP5">Slider2D</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Slider2D.html#setCursorY(float)">setCursorY(float)</a></span> - Method in class controlP5.<a href="./controlP5/Slider2D.html" title="class in controlP5">Slider2D</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Chart.html#setData(int, controlP5.ChartData)">setData(int, ChartData)</a></span> - Method in class controlP5.<a href="./controlP5/Chart.html" title="class in controlP5">Chart</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Chart.html#setData(java.lang.String, int, controlP5.ChartData)">setData(String, int, ChartData)</a></span> - Method in class controlP5.<a href="./controlP5/Chart.html" title="class in controlP5">Chart</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Chart.html#setData(float...)">setData(float...)</a></span> - Method in class controlP5.<a href="./controlP5/Chart.html" title="class in controlP5">Chart</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Chart.html#setData(java.lang.String, float...)">setData(String, float...)</a></span> - Method in class controlP5.<a href="./controlP5/Chart.html" title="class in controlP5">Chart</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Chart.html#setDataSet(controlP5.ChartDataSet)">setDataSet(ChartDataSet)</a></span> - Method in class controlP5.<a href="./controlP5/Chart.html" title="class in controlP5">Chart</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Chart.html#setDataSet(java.lang.String, controlP5.ChartDataSet)">setDataSet(String, ChartDataSet)</a></span> - Method in class controlP5.<a href="./controlP5/Chart.html" title="class in controlP5">Chart</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Controller.html#setDecimalPrecision(int)">setDecimalPrecision(int)</a></span> - Method in class controlP5.<a href="./controlP5/Controller.html" title="class in controlP5">Controller</a></dt>
+<dd>
+<div class="block">sets the decimal precision of a controller's float value displayed.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/Controller.html#setDefaultValue(float)">setDefaultValue(float)</a></span> - Method in class controlP5.<a href="./controlP5/Controller.html" title="class in controlP5">Controller</a></dt>
+<dd>
+<div class="block">set the default value.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/Tooltip.html#setDelay(long)">setDelay(long)</a></span> - Method in class controlP5.<a href="./controlP5/Tooltip.html" title="class in controlP5">Tooltip</a></dt>
+<dd>
+<div class="block">A tooltip is activated when entered by the mouse,
+ after a given delay time the Tooltip starts to fade
+ in.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/Numberbox.html#setDirection(int)">setDirection(int)</a></span> - Method in class controlP5.<a href="./controlP5/Numberbox.html" title="class in controlP5">Numberbox</a></dt>
+<dd>
+<div class="block">set the direction for changing the numberbox value when dragging the mouse.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/ScrollableList.html#setDirection(int)">setDirection(int)</a></span> - Method in class controlP5.<a href="./controlP5/ScrollableList.html" title="class in controlP5">ScrollableList</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Knob.html#setDragDirection(int)">setDragDirection(int)</a></span> - Method in class controlP5.<a href="./controlP5/Knob.html" title="class in controlP5">Knob</a></dt>
+<dd>
+<div class="block">Sets the drag direction, when controlling a knob, parameter is either Controller.HORIZONTAL
+ or Controller.VERTICAL.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/Range.html#setDraggable(boolean)">setDraggable(boolean)</a></span> - Method in class controlP5.<a href="./controlP5/Range.html" title="class in controlP5">Range</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlWindow.html#setDrawBackground(boolean)">setDrawBackground(boolean)</a></span> - Method in class controlP5.<a href="./controlP5/ControlWindow.html" title="class in controlP5">ControlWindow</a></dt>
+<dd>
+<div class="block">by default the background of a controlWindow is
+ filled with a background color every frame.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/Label.html#setFixedSize(boolean)">setFixedSize(boolean)</a></span> - Method in class controlP5.<a href="./controlP5/Label.html" title="class in controlP5">Label</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Textfield.html#setFocus(boolean)">setFocus(boolean)</a></span> - Method in class controlP5.<a href="./controlP5/Textfield.html" title="class in controlP5">Textfield</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5.html#setFont(controlP5.ControlFont)">setFont(ControlFont)</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5.html" title="class in controlP5">ControlP5</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5.html#setFont(processing.core.PFont, int)">setFont(PFont, int)</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5.html" title="class in controlP5">ControlP5</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5.html#setFont(processing.core.PFont)">setFont(PFont)</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5.html" title="class in controlP5">ControlP5</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Label.html#setFont(int)">setFont(int)</a></span> - Method in class controlP5.<a href="./controlP5/Label.html" title="class in controlP5">Label</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Label.html#setFont(processing.core.PFont)">setFont(PFont)</a></span> - Method in class controlP5.<a href="./controlP5/Label.html" title="class in controlP5">Label</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Label.html#setFont(controlP5.ControlFont)">setFont(ControlFont)</a></span> - Method in class controlP5.<a href="./controlP5/Label.html" title="class in controlP5">Label</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Textarea.html#setFont(controlP5.ControlFont)">setFont(ControlFont)</a></span> - Method in class controlP5.<a href="./controlP5/Textarea.html" title="class in controlP5">Textarea</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Textarea.html#setFont(processing.core.PFont)">setFont(PFont)</a></span> - Method in class controlP5.<a href="./controlP5/Textarea.html" title="class in controlP5">Textarea</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Textarea.html#setFont(int)">setFont(int)</a></span> - Method in class controlP5.<a href="./controlP5/Textarea.html" title="class in controlP5">Textarea</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Textfield.html#setFont(processing.core.PFont)">setFont(PFont)</a></span> - Method in class controlP5.<a href="./controlP5/Textfield.html" title="class in controlP5">Textfield</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Textfield.html#setFont(controlP5.ControlFont)">setFont(ControlFont)</a></span> - Method in class controlP5.<a href="./controlP5/Textfield.html" title="class in controlP5">Textfield</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Textfield.html#setFont(int)">setFont(int)</a></span> - Method in class controlP5.<a href="./controlP5/Textfield.html" title="class in controlP5">Textfield</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Textlabel.html#setFont(controlP5.ControlFont)">setFont(ControlFont)</a></span> - Method in class controlP5.<a href="./controlP5/Textlabel.html" title="class in controlP5">Textlabel</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Textlabel.html#setFont(processing.core.PFont)">setFont(PFont)</a></span> - Method in class controlP5.<a href="./controlP5/Textlabel.html" title="class in controlP5">Textlabel</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/CColor.html#setForeground(int)">setForeground(int)</a></span> - Method in class controlP5.<a href="./controlP5/CColor.html" title="class in controlP5">CColor</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerProperties.html#setFormat(controlP5.ControllerProperties.PropertiesStorageFormat)">setFormat(ControllerProperties.PropertiesStorageFormat)</a></span> - Method in class controlP5.<a href="./controlP5/ControllerProperties.html" title="class in controlP5">ControllerProperties</a></dt>
+<dd>
+<div class="block">use ControllerProperties.SERIALIZED, ControllerProperties.XML or ControllerProperties.JSON as parameter.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/Matrix.html#setGap(int, int)">setGap(int, int)</a></span> - Method in class controlP5.<a href="./controlP5/Matrix.html" title="class in controlP5">Matrix</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5.html#setGraphics(processing.core.PApplet, int, int)">setGraphics(PApplet, int, int)</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5.html" title="class in controlP5">ControlP5</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5.html#setGraphics(processing.core.PGraphics, int, int)">setGraphics(PGraphics, int, int)</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5.html" title="class in controlP5">ControlP5</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Matrix.html#setGrid(int, int)">setGrid(int, int)</a></span> - Method in class controlP5.<a href="./controlP5/Matrix.html" title="class in controlP5">Matrix</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Controller.html#setGroup(java.lang.String)">setGroup(String)</a></span> - Method in class controlP5.<a href="./controlP5/Controller.html" title="class in controlP5">Controller</a></dt>
+<dd>
+<div class="block">sets the group of the controller.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/Controller.html#setGroup(controlP5.ControllerGroup)">setGroup(ControllerGroup&lt;?&gt;)</a></span> - Method in class controlP5.<a href="./controlP5/Controller.html" title="class in controlP5">Controller</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerGroup.html#setGroup(controlP5.ControllerGroup)">setGroup(ControllerGroup&lt;?&gt;)</a></span> - Method in class controlP5.<a href="./controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerGroup.html#setGroup(java.lang.String)">setGroup(String)</a></span> - Method in class controlP5.<a href="./controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Range.html#setHandleSize(int)">setHandleSize(int)</a></span> - Method in class controlP5.<a href="./controlP5/Range.html" title="class in controlP5">Range</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Slider.html#setHandleSize(int)">setHandleSize(int)</a></span> - Method in class controlP5.<a href="./controlP5/Slider.html" title="class in controlP5">Slider</a></dt>
+<dd>
+<div class="block">sets the size of the Slider handle, by default it is set to either the width or height of the
+ slider.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/Controller.html#setHeight(int)">setHeight(int)</a></span> - Method in class controlP5.<a href="./controlP5/Controller.html" title="class in controlP5">Controller</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerGroup.html#setHeight(int)">setHeight(int)</a></span> - Method in class controlP5.<a href="./controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/DropdownList.html#setHeight(int)">setHeight(int)</a></span> - Method in class controlP5.<a href="./controlP5/DropdownList.html" title="class in controlP5">DropdownList</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Label.html#setHeight(int)">setHeight(int)</a></span> - Method in class controlP5.<a href="./controlP5/Label.html" title="class in controlP5">Label</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ListBox.html#setHeight(int)">setHeight(int)</a></span> - Method in class controlP5.<a href="./controlP5/ListBox.html" title="class in controlP5">ListBox</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/MultiListButton.html#setHeight(int)">setHeight(int)</a></span> - Method in class controlP5.<a href="./controlP5/MultiListButton.html" title="class in controlP5">MultiListButton</a></dt>
+<dd>
+<div class="block">set the height of a multlist button.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/Range.html#setHeight(int)">setHeight(int)</a></span> - Method in class controlP5.<a href="./controlP5/Range.html" title="class in controlP5">Range</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Slider.html#setHeight(int)">setHeight(int)</a></span> - Method in class controlP5.<a href="./controlP5/Slider.html" title="class in controlP5">Slider</a></dt>
+<dd>
+<div class="block">set the height of the slider.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/Tab.html#setHeight(int)">setHeight(int)</a></span> - Method in class controlP5.<a href="./controlP5/Tab.html" title="class in controlP5">Tab</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Textarea.html#setHeight(int)">setHeight(int)</a></span> - Method in class controlP5.<a href="./controlP5/Textarea.html" title="class in controlP5">Textarea</a></dt>
+<dd>
+<div class="block">set the height of the textarea.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/Textfield.html#setHeight(int)">setHeight(int)</a></span> - Method in class controlP5.<a href="./controlP5/Textfield.html" title="class in controlP5">Textfield</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Textlabel.html#setHeight(int)">setHeight(int)</a></span> - Method in class controlP5.<a href="./controlP5/Textlabel.html" title="class in controlP5">Textlabel</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Tooltip.html#setHeight(int)">setHeight(int)</a></span> - Method in class controlP5.<a href="./controlP5/Tooltip.html" title="class in controlP5">Tooltip</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/CP.html#setHigh(byte, int)">setHigh(byte, int)</a></span> - Static method in class controlP5.<a href="./controlP5/CP.html" title="class in controlP5">CP</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Range.html#setHighValue(float)">setHighValue(float)</a></span> - Method in class controlP5.<a href="./controlP5/Range.html" title="class in controlP5">Range</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Range.html#setHighValueLabel(java.lang.String)">setHighValueLabel(String)</a></span> - Method in class controlP5.<a href="./controlP5/Range.html" title="class in controlP5">Range</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ColorWheel.html#setHSL(double, double, double)">setHSL(double, double, double)</a></span> - Method in class controlP5.<a href="./controlP5/ColorWheel.html" title="class in controlP5">ColorWheel</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ColorWheel.html#setHue(double)">setHue(double)</a></span> - Method in class controlP5.<a href="./controlP5/ColorWheel.html" title="class in controlP5">ColorWheel</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Controller.html#setId(int)">setId(int)</a></span> - Method in class controlP5.<a href="./controlP5/Controller.html" title="class in controlP5">Controller</a></dt>
+<dd>
+<div class="block">set the id of a controller.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerGroup.html#setId(int)">setId(int)</a></span> - Method in class controlP5.<a href="./controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a></dt>
+<dt><span class="strong"><a href="./controlP5/ControllerInterface.html#setId(int)">setId(int)</a></span> - Method in interface controlP5.<a href="./controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ListBoxItem.html#setId(int)">setId(int)</a></span> - Method in class controlP5.<a href="./controlP5/ListBoxItem.html" title="class in controlP5">ListBoxItem</a></dt>
+<dd>
+<div class="block">set the id of a listboxitem</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/CheckBox.html#setImage(processing.core.PImage)">setImage(PImage)</a></span> - Method in class controlP5.<a href="./controlP5/CheckBox.html" title="class in controlP5">CheckBox</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/CheckBox.html#setImage(processing.core.PImage, int)">setImage(PImage, int)</a></span> - Method in class controlP5.<a href="./controlP5/CheckBox.html" title="class in controlP5">CheckBox</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Controller.html#setImage(processing.core.PImage)">setImage(PImage)</a></span> - Method in class controlP5.<a href="./controlP5/Controller.html" title="class in controlP5">Controller</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Controller.html#setImage(processing.core.PImage, int)">setImage(PImage, int)</a></span> - Method in class controlP5.<a href="./controlP5/Controller.html" title="class in controlP5">Controller</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/RadioButton.html#setImage(processing.core.PImage)">setImage(PImage)</a></span> - Method in class controlP5.<a href="./controlP5/RadioButton.html" title="class in controlP5">RadioButton</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/RadioButton.html#setImage(processing.core.PImage, int)">setImage(PImage, int)</a></span> - Method in class controlP5.<a href="./controlP5/RadioButton.html" title="class in controlP5">RadioButton</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/CheckBox.html#setImages(processing.core.PImage, processing.core.PImage, processing.core.PImage)">setImages(PImage, PImage, PImage)</a></span> - Method in class controlP5.<a href="./controlP5/CheckBox.html" title="class in controlP5">CheckBox</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Controller.html#setImages(processing.core.PImage, processing.core.PImage, processing.core.PImage)">setImages(PImage, PImage, PImage)</a></span> - Method in class controlP5.<a href="./controlP5/Controller.html" title="class in controlP5">Controller</a></dt>
+<dd>
+<div class="block">by default controllers use simple shapes, to replace these shapes with images, use
+ setImages().</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/Controller.html#setImages(processing.core.PImage, processing.core.PImage, processing.core.PImage, processing.core.PImage)">setImages(PImage, PImage, PImage, PImage)</a></span> - Method in class controlP5.<a href="./controlP5/Controller.html" title="class in controlP5">Controller</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Controller.html#setImages(processing.core.PImage...)">setImages(PImage...)</a></span> - Method in class controlP5.<a href="./controlP5/Controller.html" title="class in controlP5">Controller</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/RadioButton.html#setImages(processing.core.PImage, processing.core.PImage, processing.core.PImage)">setImages(PImage, PImage, PImage)</a></span> - Method in class controlP5.<a href="./controlP5/RadioButton.html" title="class in controlP5">RadioButton</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Toggle.html#setImages(processing.core.PImage...)">setImages(PImage...)</a></span> - Method in class controlP5.<a href="./controlP5/Toggle.html" title="class in controlP5">Toggle</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/DropdownList.html#setIndex(int)">setIndex(int)</a></span> - Method in class controlP5.<a href="./controlP5/DropdownList.html" title="class in controlP5">DropdownList</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Textfield.html#setInputFilter(int)">setInputFilter(int)</a></span> - Method in class controlP5.<a href="./controlP5/Textfield.html" title="class in controlP5">Textfield</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Toggle.html#setInternalValue(float)">setInternalValue(float)</a></span> - Method in class controlP5.<a href="./controlP5/Toggle.html" title="class in controlP5">Toggle</a></dt>
+<dd>
+<div class="block">by default a toggle returns 0 (for off) and 1 (for on).</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/FrameRate.html#setInterval(int)">setInterval(int)</a></span> - Method in class controlP5.<a href="./controlP5/FrameRate.html" title="class in controlP5">FrameRate</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Matrix.html#setInterval(int)">setInterval(int)</a></span> - Method in class controlP5.<a href="./controlP5/Matrix.html" title="class in controlP5">Matrix</a></dt>
+<dd>
+<div class="block">set the speed of intervals in millis iterating through the matrix.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/Accordion.html#setItemHeight(int)">setItemHeight(int)</a></span> - Method in class controlP5.<a href="./controlP5/Accordion.html" title="class in controlP5">Accordion</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/CheckBox.html#setItemHeight(int)">setItemHeight(int)</a></span> - Method in class controlP5.<a href="./controlP5/CheckBox.html" title="class in controlP5">CheckBox</a></dt>
+<dd>
+<div class="block">set the height of a radioButton/checkBox item.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/DropdownList.html#setItemHeight(int)">setItemHeight(int)</a></span> - Method in class controlP5.<a href="./controlP5/DropdownList.html" title="class in controlP5">DropdownList</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ListBox.html#setItemHeight(int)">setItemHeight(int)</a></span> - Method in class controlP5.<a href="./controlP5/ListBox.html" title="class in controlP5">ListBox</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/RadioButton.html#setItemHeight(int)">setItemHeight(int)</a></span> - Method in class controlP5.<a href="./controlP5/RadioButton.html" title="class in controlP5">RadioButton</a></dt>
+<dd>
+<div class="block">set the height of a radioButton/checkBox item.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/ScrollableList.html#setItemHeight(int)">setItemHeight(int)</a></span> - Method in class controlP5.<a href="./controlP5/ScrollableList.html" title="class in controlP5">ScrollableList</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ScrollableList.html#setItems(java.lang.String[])">setItems(String[])</a></span> - Method in class controlP5.<a href="./controlP5/ScrollableList.html" title="class in controlP5">ScrollableList</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ScrollableList.html#setItems(java.util.List)">setItems(List&lt;?&gt;)</a></span> - Method in class controlP5.<a href="./controlP5/ScrollableList.html" title="class in controlP5">ScrollableList</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ScrollableList.html#setItems(java.util.List, int)">setItems(List&lt;?&gt;, int)</a></span> - Method in class controlP5.<a href="./controlP5/ScrollableList.html" title="class in controlP5">ScrollableList</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/CheckBox.html#setItemsPerRow(int)">setItemsPerRow(int)</a></span> - Method in class controlP5.<a href="./controlP5/CheckBox.html" title="class in controlP5">CheckBox</a></dt>
+<dd>
+<div class="block">Items of a radioButton or a checkBox are organized in columns and rows.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/RadioButton.html#setItemsPerRow(int)">setItemsPerRow(int)</a></span> - Method in class controlP5.<a href="./controlP5/RadioButton.html" title="class in controlP5">RadioButton</a></dt>
+<dd>
+<div class="block">Items of a radioButton or a checkBox are organized in columns and rows.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/CheckBox.html#setItemWidth(int)">setItemWidth(int)</a></span> - Method in class controlP5.<a href="./controlP5/CheckBox.html" title="class in controlP5">CheckBox</a></dt>
+<dd>
+<div class="block">set the width of a radioButton/checkBox item.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/RadioButton.html#setItemWidth(int)">setItemWidth(int)</a></span> - Method in class controlP5.<a href="./controlP5/RadioButton.html" title="class in controlP5">RadioButton</a></dt>
+<dd>
+<div class="block">set the width of a radioButton/checkBox item.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerGroup.html#setLabel(java.lang.String)">setLabel(String)</a></span> - Method in class controlP5.<a href="./controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerInterface.html#setLabel(java.lang.String)">setLabel(String)</a></span> - Method in interface controlP5.<a href="./controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Tab.html#setLabel(java.lang.String)">setLabel(String)</a></span> - Method in class controlP5.<a href="./controlP5/Tab.html" title="class in controlP5">Tab</a></dt>
+<dd>
+<div class="block">set the label of the group.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/TickMark.html#setLabel(java.lang.String)">setLabel(String)</a></span> - Method in class controlP5.<a href="./controlP5/TickMark.html" title="class in controlP5">TickMark</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Tooltip.html#setLabel(controlP5.Label)">setLabel(Label)</a></span> - Method in class controlP5.<a href="./controlP5/Tooltip.html" title="class in controlP5">Tooltip</a></dt>
+<dd>
+<div class="block">sets the Label to a custom label and replaces the
+ default label.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/RadioButton.html#setLabelPadding(int, int)">setLabelPadding(int, int)</a></span> - Method in class controlP5.<a href="./controlP5/RadioButton.html" title="class in controlP5">RadioButton</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Controller.html#setLabelVisible(boolean)">setLabelVisible(boolean)</a></span> - Method in class controlP5.<a href="./controlP5/Controller.html" title="class in controlP5">Controller</a></dt>
+<dd>
+<div class="block">show or hide the labels of a controller.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/TickMark.html#setLength(int)">setLength(int)</a></span> - Method in class controlP5.<a href="./controlP5/TickMark.html" title="class in controlP5">TickMark</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Label.html#setLetterSpacing(int)">setLetterSpacing(int)</a></span> - Method in class controlP5.<a href="./controlP5/Label.html" title="class in controlP5">Label</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Textlabel.html#setLetterSpacing(int)">setLetterSpacing(int)</a></span> - Method in class controlP5.<a href="./controlP5/Textlabel.html" title="class in controlP5">Textlabel</a></dt>
+<dd>
+<div class="block">set the letter spacing of the font.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/ColorWheel.html#setLightness(double)">setLightness(double)</a></span> - Method in class controlP5.<a href="./controlP5/ColorWheel.html" title="class in controlP5">ColorWheel</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Label.html#setLineHeight(int)">setLineHeight(int)</a></span> - Method in class controlP5.<a href="./controlP5/Label.html" title="class in controlP5">Label</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Textarea.html#setLineHeight(int)">setLineHeight(int)</a></span> - Method in class controlP5.<a href="./controlP5/Textarea.html" title="class in controlP5">Textarea</a></dt>
+<dd>
+<div class="block">set the lineheight of the textarea.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/Textlabel.html#setLineHeight(int)">setLineHeight(int)</a></span> - Method in class controlP5.<a href="./controlP5/Textlabel.html" title="class in controlP5">Textlabel</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/DropdownList.html#setListBoxItems(java.lang.String[][])">setListBoxItems(String[][])</a></span> - Method in class controlP5.<a href="./controlP5/DropdownList.html" title="class in controlP5">DropdownList</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ListBox.html#setListBoxItems(java.lang.String[][])">setListBoxItems(String[][])</a></span> - Method in class controlP5.<a href="./controlP5/ListBox.html" title="class in controlP5">ListBox</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlWindow.html#setLocation(int, int)">setLocation(int, int)</a></span> - Method in class controlP5.<a href="./controlP5/ControlWindow.html" title="class in controlP5">ControlWindow</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Controller.html#setLock(boolean)">setLock(boolean)</a></span> - Method in class controlP5.<a href="./controlP5/Controller.html" title="class in controlP5">Controller</a></dt>
+<dd>
+<div class="block">sets the lock status of the controller</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/CP.html#setLow(byte, int)">setLow(byte, int)</a></span> - Static method in class controlP5.<a href="./controlP5/CP.html" title="class in controlP5">CP</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Range.html#setLowValue(float)">setLowValue(float)</a></span> - Method in class controlP5.<a href="./controlP5/Range.html" title="class in controlP5">Range</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Range.html#setLowValueLabel(java.lang.String)">setLowValueLabel(String)</a></span> - Method in class controlP5.<a href="./controlP5/Range.html" title="class in controlP5">Range</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerStyle.html#setMargin(int, int, int, int)">setMargin(int, int, int, int)</a></span> - Method in class controlP5.<a href="./controlP5/ControllerStyle.html" title="class in controlP5">ControllerStyle</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerStyle.html#setMarginBottom(int)">setMarginBottom(int)</a></span> - Method in class controlP5.<a href="./controlP5/ControllerStyle.html" title="class in controlP5">ControllerStyle</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerStyle.html#setMarginLeft(int)">setMarginLeft(int)</a></span> - Method in class controlP5.<a href="./controlP5/ControllerStyle.html" title="class in controlP5">ControllerStyle</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerStyle.html#setMarginRight(int)">setMarginRight(int)</a></span> - Method in class controlP5.<a href="./controlP5/ControllerStyle.html" title="class in controlP5">ControllerStyle</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerStyle.html#setMarginTop(int)">setMarginTop(int)</a></span> - Method in class controlP5.<a href="./controlP5/ControllerStyle.html" title="class in controlP5">ControllerStyle</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Controller.html#setMax(float)">setMax(float)</a></span> - Method in class controlP5.<a href="./controlP5/Controller.html" title="class in controlP5">Controller</a></dt>
+<dd>
+<div class="block">sets the maximum value of the Controller.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/Knob.html#setMax(float)">setMax(float)</a></span> - Method in class controlP5.<a href="./controlP5/Knob.html" title="class in controlP5">Knob</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Println.html#setMax(int)">setMax(int)</a></span> - Method in class controlP5.<a href="./controlP5/Println.html" title="class in controlP5">Println</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Range.html#setMax(float)">setMax(float)</a></span> - Method in class controlP5.<a href="./controlP5/Range.html" title="class in controlP5">Range</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Slider.html#setMax(float)">setMax(float)</a></span> - Method in class controlP5.<a href="./controlP5/Slider.html" title="class in controlP5">Slider</a></dt>
+<dd>
+<div class="block">set the maximum value of the slider.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/Slider2D.html#setMaxX(float)">setMaxX(float)</a></span> - Method in class controlP5.<a href="./controlP5/Slider2D.html" title="class in controlP5">Slider2D</a></dt>
+<dd>
+<div class="block">sets the maximum value for the x-axis</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/Slider2D.html#setMaxY(float)">setMaxY(float)</a></span> - Method in class controlP5.<a href="./controlP5/Slider2D.html" title="class in controlP5">Slider2D</a></dt>
+<dd>
+<div class="block">sets the maximum value for the y-axis</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/Controller.html#setMin(float)">setMin(float)</a></span> - Method in class controlP5.<a href="./controlP5/Controller.html" title="class in controlP5">Controller</a></dt>
+<dd>
+<div class="block">sets the minimum value of the Controller.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/Knob.html#setMin(float)">setMin(float)</a></span> - Method in class controlP5.<a href="./controlP5/Knob.html" title="class in controlP5">Knob</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Range.html#setMin(float)">setMin(float)</a></span> - Method in class controlP5.<a href="./controlP5/Range.html" title="class in controlP5">Range</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Slider.html#setMin(float)">setMin(float)</a></span> - Method in class controlP5.<a href="./controlP5/Slider.html" title="class in controlP5">Slider</a></dt>
+<dd>
+<div class="block">sets the minimum value of the slider.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/Accordion.html#setMinItemHeight(int)">setMinItemHeight(int)</a></span> - Method in class controlP5.<a href="./controlP5/Accordion.html" title="class in controlP5">Accordion</a></dt>
+<dd>
+<div class="block">Sets the minimum height of a collapsed item, default value is 100.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/Slider2D.html#setMinX(float)">setMinX(float)</a></span> - Method in class controlP5.<a href="./controlP5/Slider2D.html" title="class in controlP5">Slider2D</a></dt>
+<dd>
+<div class="block">sets the minimum value for the x-axis</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/Slider2D.html#setMinY(float)">setMinY(float)</a></span> - Method in class controlP5.<a href="./controlP5/Slider2D.html" title="class in controlP5">Slider2D</a></dt>
+<dd>
+<div class="block">sets the minimum value for the y-axis</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/Canvas.html#setMode(int)">setMode(int)</a></span> - Method in class controlP5.<a href="./controlP5/Canvas.html" title="class in controlP5">Canvas</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Matrix.html#setMode(int)">setMode(int)</a></span> - Method in class controlP5.<a href="./controlP5/Matrix.html" title="class in controlP5">Matrix</a></dt>
+<dd>
+<div class="block">use setMode to change the cell-activation which by default is ControlP5.SINGLE_ROW, 1 active
+ cell per row, but can be changed to ControlP5.SINGLE_COLUMN or ControlP5.MULTIPLES</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/Toggle.html#setMode(int)">setMode(int)</a></span> - Method in class controlP5.<a href="./controlP5/Toggle.html" title="class in controlP5">Toggle</a></dt>
+<dd>
+<div class="block">set the visual mode of a Toggle.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/Controller.html#setMouseOver(boolean)">setMouseOver(boolean)</a></span> - Method in class controlP5.<a href="./controlP5/Controller.html" title="class in controlP5">Controller</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerGroup.html#setMouseOver(boolean)">setMouseOver(boolean)</a></span> - Method in class controlP5.<a href="./controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerInterface.html#setMouseOver(boolean)">setMouseOver(boolean)</a></span> - Method in interface controlP5.<a href="./controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Controller.html#setMousePressed(boolean)">setMousePressed(boolean)</a></span> - Method in class controlP5.<a href="./controlP5/Controller.html" title="class in controlP5">Controller</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerGroup.html#setMousePressed(boolean)">setMousePressed(boolean)</a></span> - Method in class controlP5.<a href="./controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerInterface.html#setMousePressed(boolean)">setMousePressed(boolean)</a></span> - Method in interface controlP5.<a href="./controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5.html#setMouseWheelRotation(int)">setMouseWheelRotation(int)</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5.html" title="class in controlP5">ControlP5</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Controller.html#setMoveable(boolean)">setMoveable(boolean)</a></span> - Method in class controlP5.<a href="./controlP5/Controller.html" title="class in controlP5">Controller</a></dt>
+<dd>
+<div class="block">enable or prevent the controller to be moveable.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerGroup.html#setMoveable(boolean)">setMoveable(boolean)</a></span> - Method in class controlP5.<a href="./controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a></dt>
+<dd>
+<div class="block">set the moveable status of the group, when false, the group can't be moved.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5.html#setMoveable(boolean)">setMoveable(boolean)</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5.html" title="class in controlP5">ControlP5</a></dt>
+<dd>
+<div class="block">Enables/disables Controllers to be moved around when
+ ALT-key is down and mouse is dragged.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/Label.html#setMultiline(boolean)">setMultiline(boolean)</a></span> - Method in class controlP5.<a href="./controlP5/Label.html" title="class in controlP5">Label</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Textlabel.html#setMultiline(boolean)">setMultiline(boolean)</a></span> - Method in class controlP5.<a href="./controlP5/Textlabel.html" title="class in controlP5">Textlabel</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Numberbox.html#setMultiplier(float)">setMultiplier(float)</a></span> - Method in class controlP5.<a href="./controlP5/Numberbox.html" title="class in controlP5">Numberbox</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/CheckBox.html#setNoneSelectedAllowed(boolean)">setNoneSelectedAllowed(boolean)</a></span> - Method in class controlP5.<a href="./controlP5/CheckBox.html" title="class in controlP5">CheckBox</a></dt>
+<dd>
+<div class="block">In order to always have 1 item selected, use setNoneSelectedAllowed(false), by default this
+ is true.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/RadioButton.html#setNoneSelectedAllowed(boolean)">setNoneSelectedAllowed(boolean)</a></span> - Method in class controlP5.<a href="./controlP5/RadioButton.html" title="class in controlP5">RadioButton</a></dt>
+<dd>
+<div class="block">In order to always have 1 item selected, use setNoneSelectedAllowed(false), by default this
+ is true.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/Knob.html#setNumberOfTickMarks(int)">setNumberOfTickMarks(int)</a></span> - Method in class controlP5.<a href="./controlP5/Knob.html" title="class in controlP5">Knob</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Range.html#setNumberOfTickMarks(int)">setNumberOfTickMarks(int)</a></span> - Method in class controlP5.<a href="./controlP5/Range.html" title="class in controlP5">Range</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Slider.html#setNumberOfTickMarks(int)">setNumberOfTickMarks(int)</a></span> - Method in class controlP5.<a href="./controlP5/Slider.html" title="class in controlP5">Slider</a></dt>
+<dd>
+<div class="block">sets the number of tickmarks for a slider, by default tick marks are turned off.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/Button.html#setOff()">setOff()</a></span> - Method in class controlP5.<a href="./controlP5/Button.html" title="class in controlP5">Button</a></dt>
+<dd>
+<div class="block">If the button acts as a switch, setOff will turn off the switch.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/Label.html#setOffsetY(int)">setOffsetY(int)</a></span> - Method in class controlP5.<a href="./controlP5/Label.html" title="class in controlP5">Label</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Label.html#setOffsetYratio(float)">setOffsetYratio(float)</a></span> - Method in class controlP5.<a href="./controlP5/Label.html" title="class in controlP5">Label</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Button.html#setOn()">setOn()</a></span> - Method in class controlP5.<a href="./controlP5/Button.html" title="class in controlP5">Button</a></dt>
+<dd>
+<div class="block">If the button acts as a switch, setOn will turn on the switch.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerGroup.html#setOpen(boolean)">setOpen(boolean)</a></span> - Method in class controlP5.<a href="./controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ScrollableList.html#setOpen(boolean)">setOpen(boolean)</a></span> - Method in class controlP5.<a href="./controlP5/ScrollableList.html" title="class in controlP5">ScrollableList</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerStyle.html#setPadding(int, int, int, int)">setPadding(int, int, int, int)</a></span> - Method in class controlP5.<a href="./controlP5/ControllerStyle.html" title="class in controlP5">ControllerStyle</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Label.html#setPadding(int, int)">setPadding(int, int)</a></span> - Method in class controlP5.<a href="./controlP5/Label.html" title="class in controlP5">Label</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerStyle.html#setPaddingBottom(int)">setPaddingBottom(int)</a></span> - Method in class controlP5.<a href="./controlP5/ControllerStyle.html" title="class in controlP5">ControllerStyle</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerStyle.html#setPaddingLeft(int)">setPaddingLeft(int)</a></span> - Method in class controlP5.<a href="./controlP5/ControllerStyle.html" title="class in controlP5">ControllerStyle</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerStyle.html#setPaddingRight(int)">setPaddingRight(int)</a></span> - Method in class controlP5.<a href="./controlP5/ControllerStyle.html" title="class in controlP5">ControllerStyle</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerStyle.html#setPaddingTop(int)">setPaddingTop(int)</a></span> - Method in class controlP5.<a href="./controlP5/ControllerStyle.html" title="class in controlP5">ControllerStyle</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Label.html#setPaddingX(int)">setPaddingX(int)</a></span> - Method in class controlP5.<a href="./controlP5/Label.html" title="class in controlP5">Label</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Label.html#setPaddingY(int)">setPaddingY(int)</a></span> - Method in class controlP5.<a href="./controlP5/Label.html" title="class in controlP5">Label</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Controller.html#setParent(controlP5.ControllerInterface)">setParent(ControllerInterface&lt;?&gt;)</a></span> - Method in class controlP5.<a href="./controlP5/Controller.html" title="class in controlP5">Controller</a></dt>
+<dd>
+<div class="block">set the parent of a parent of a controller.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/Textfield.html#setPasswordMode(boolean)">setPasswordMode(boolean)</a></span> - Method in class controlP5.<a href="./controlP5/Textfield.html" title="class in controlP5">Textfield</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Controller.html#setPosition(processing.core.PVector)">setPosition(PVector)</a></span> - Method in class controlP5.<a href="./controlP5/Controller.html" title="class in controlP5">Controller</a></dt>
+<dt><span class="strong"><a href="./controlP5/Controller.html#setPosition(float, float)">setPosition(float, float)</a></span> - Method in class controlP5.<a href="./controlP5/Controller.html" title="class in controlP5">Controller</a></dt>
+<dd>
+<div class="block">set the position of a controller.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerGroup.html#setPosition(float, float)">setPosition(float, float)</a></span> - Method in class controlP5.<a href="./controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a></dt>
+<dd>
+<div class="block">set the position of this controller.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerGroup.html#setPosition(processing.core.PVector)">setPosition(PVector)</a></span> - Method in class controlP5.<a href="./controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a></dt>
+<dt><span class="strong"><a href="./controlP5/ControllerInterface.html#setPosition(float, float)">setPosition(float, float)</a></span> - Method in interface controlP5.<a href="./controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerInterface.html#setPosition(processing.core.PVector)">setPosition(PVector)</a></span> - Method in interface controlP5.<a href="./controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Base.html#setPosition(int, int, java.lang.Object)">setPosition(int, int, Object)</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5Base.html" title="class in controlP5">ControlP5Base</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlWindow.html#setPosition(int, int)">setPosition(int, int)</a></span> - Method in class controlP5.<a href="./controlP5/ControlWindow.html" title="class in controlP5">ControlWindow</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Tooltip.html#setPositionOffset(float, float)">setPositionOffset(float, float)</a></span> - Method in class controlP5.<a href="./controlP5/Tooltip.html" title="class in controlP5">Tooltip</a></dt>
+<dd>
+<div class="block">adds an offset to the position of the controller
+ relative to the mouse cursor's position.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/ControlWindow.html#setPositionOfTabs(processing.core.PVector)">setPositionOfTabs(PVector)</a></span> - Method in class controlP5.<a href="./controlP5/ControlWindow.html" title="class in controlP5">ControlWindow</a></dt>
+<dd>
+<div class="block">Sets the position of the tab bar which is set to 0,0
+ by default.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/ControlWindow.html#setPositionOfTabs(int, int)">setPositionOfTabs(int, int)</a></span> - Method in class controlP5.<a href="./controlP5/ControlWindow.html" title="class in controlP5">ControlWindow</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlBroadcaster.html#setPrintStackTrace(boolean)">setPrintStackTrace(boolean)</a></span> - Static method in class controlP5.<a href="./controlP5/ControlBroadcaster.html" title="class in controlP5">ControlBroadcaster</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Knob.html#setRadius(float)">setRadius(float)</a></span> - Method in class controlP5.<a href="./controlP5/Knob.html" title="class in controlP5">Knob</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Chart.html#setRange(float, float)">setRange(float, float)</a></span> - Method in class controlP5.<a href="./controlP5/Chart.html" title="class in controlP5">Chart</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Knob.html#setRange(float, float)">setRange(float, float)</a></span> - Method in class controlP5.<a href="./controlP5/Knob.html" title="class in controlP5">Knob</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Numberbox.html#setRange(float, float)">setRange(float, float)</a></span> - Method in class controlP5.<a href="./controlP5/Numberbox.html" title="class in controlP5">Numberbox</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Range.html#setRange(float, float)">setRange(float, float)</a></span> - Method in class controlP5.<a href="./controlP5/Range.html" title="class in controlP5">Range</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Slider.html#setRange(float, float)">setRange(float, float)</a></span> - Method in class controlP5.<a href="./controlP5/Slider.html" title="class in controlP5">Slider</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Range.html#setRangeValues(float, float)">setRangeValues(float, float)</a></span> - Method in class controlP5.<a href="./controlP5/Range.html" title="class in controlP5">Range</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Chart.html#setResolution(int)">setResolution(int)</a></span> - Method in class controlP5.<a href="./controlP5/Chart.html" title="class in controlP5">Chart</a></dt>
+<dd>
+<div class="block">?</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/Knob.html#setResolution(float)">setResolution(float)</a></span> - Method in class controlP5.<a href="./controlP5/Knob.html" title="class in controlP5">Knob</a></dt>
+<dd>
+<div class="block">resolution is a sensitivity value when dragging a knob.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/ColorWheel.html#setRGB(int)">setRGB(int)</a></span> - Method in class controlP5.<a href="./controlP5/ColorWheel.html" title="class in controlP5">ColorWheel</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ColorWheel.html#setSaturation(double)">setSaturation(double)</a></span> - Method in class controlP5.<a href="./controlP5/ColorWheel.html" title="class in controlP5">ColorWheel</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Textarea.html#setScrollActive(int)">setScrollActive(int)</a></span> - Method in class controlP5.<a href="./controlP5/Textarea.html" title="class in controlP5">Textarea</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Textarea.html#setScrollBackground(int)">setScrollBackground(int)</a></span> - Method in class controlP5.<a href="./controlP5/Textarea.html" title="class in controlP5">Textarea</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/DropdownList.html#setScrollbarVisible(boolean)">setScrollbarVisible(boolean)</a></span> - Method in class controlP5.<a href="./controlP5/DropdownList.html" title="class in controlP5">DropdownList</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ListBox.html#setScrollbarVisible(boolean)">setScrollbarVisible(boolean)</a></span> - Method in class controlP5.<a href="./controlP5/ListBox.html" title="class in controlP5">ListBox</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/DropdownList.html#setScrollbarWidth(int)">setScrollbarWidth(int)</a></span> - Method in class controlP5.<a href="./controlP5/DropdownList.html" title="class in controlP5">DropdownList</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ListBox.html#setScrollbarWidth(int)">setScrollbarWidth(int)</a></span> - Method in class controlP5.<a href="./controlP5/ListBox.html" title="class in controlP5">ListBox</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Textarea.html#setScrollForeground(int)">setScrollForeground(int)</a></span> - Method in class controlP5.<a href="./controlP5/Textarea.html" title="class in controlP5">Textarea</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Knob.html#setScrollSensitivity(float)">setScrollSensitivity(float)</a></span> - Method in class controlP5.<a href="./controlP5/Knob.html" title="class in controlP5">Knob</a></dt>
+<dd>
+<div class="block">Sets the sensitivity for the scroll behavior when using the mouse wheel or the scroll
+ function of a multi-touch track pad.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/Numberbox.html#setScrollSensitivity(float)">setScrollSensitivity(float)</a></span> - Method in class controlP5.<a href="./controlP5/Numberbox.html" title="class in controlP5">Numberbox</a></dt>
+<dd>
+<div class="block">sets the sensitivity for the scroll behavior when using the mouse wheel or the scroll
+ function of a multi-touch track pad.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/ScrollableList.html#setScrollSensitivity(float)">setScrollSensitivity(float)</a></span> - Method in class controlP5.<a href="./controlP5/ScrollableList.html" title="class in controlP5">ScrollableList</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Slider.html#setScrollSensitivity(float)">setScrollSensitivity(float)</a></span> - Method in class controlP5.<a href="./controlP5/Slider.html" title="class in controlP5">Slider</a></dt>
+<dd>
+<div class="block">sets the sensitivity for the scroll behavior when using the mouse wheel or the scroll
+ function of a multi-touch track pad.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/Knob.html#setShowAngleRange(boolean)">setShowAngleRange(boolean)</a></span> - Method in class controlP5.<a href="./controlP5/Knob.html" title="class in controlP5">Knob</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/CheckBox.html#setSize(processing.core.PImage)">setSize(PImage)</a></span> - Method in class controlP5.<a href="./controlP5/CheckBox.html" title="class in controlP5">CheckBox</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/CheckBox.html#setSize(int, int)">setSize(int, int)</a></span> - Method in class controlP5.<a href="./controlP5/CheckBox.html" title="class in controlP5">CheckBox</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlFont.html#setSize(int)">setSize(int)</a></span> - Method in class controlP5.<a href="./controlP5/ControlFont.html" title="class in controlP5">ControlFont</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlGroup.html#setSize(int, int)">setSize(int, int)</a></span> - Method in class controlP5.<a href="./controlP5/ControlGroup.html" title="class in controlP5">ControlGroup</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Controller.html#setSize(processing.core.PImage)">setSize(PImage)</a></span> - Method in class controlP5.<a href="./controlP5/Controller.html" title="class in controlP5">Controller</a></dt>
+<dd>
+<div class="block">auto-updates the size of a controller according to the dimensions of the PImage.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/Controller.html#setSize(int, int)">setSize(int, int)</a></span> - Method in class controlP5.<a href="./controlP5/Controller.html" title="class in controlP5">Controller</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerGroup.html#setSize(int, int)">setSize(int, int)</a></span> - Method in class controlP5.<a href="./controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/DropdownList.html#setSize(int, int)">setSize(int, int)</a></span> - Method in class controlP5.<a href="./controlP5/DropdownList.html" title="class in controlP5">DropdownList</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Knob.html#setSize(int, int)">setSize(int, int)</a></span> - Method in class controlP5.<a href="./controlP5/Knob.html" title="class in controlP5">Knob</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Label.html#setSize(int)">setSize(int)</a></span> - Method in class controlP5.<a href="./controlP5/Label.html" title="class in controlP5">Label</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ListBox.html#setSize(int, int)">setSize(int, int)</a></span> - Method in class controlP5.<a href="./controlP5/ListBox.html" title="class in controlP5">ListBox</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/RadioButton.html#setSize(processing.core.PImage)">setSize(PImage)</a></span> - Method in class controlP5.<a href="./controlP5/RadioButton.html" title="class in controlP5">RadioButton</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/RadioButton.html#setSize(int, int)">setSize(int, int)</a></span> - Method in class controlP5.<a href="./controlP5/RadioButton.html" title="class in controlP5">RadioButton</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Slider.html#setSize(int, int)">setSize(int, int)</a></span> - Method in class controlP5.<a href="./controlP5/Slider.html" title="class in controlP5">Slider</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Textarea.html#setSize(int, int)">setSize(int, int)</a></span> - Method in class controlP5.<a href="./controlP5/Textarea.html" title="class in controlP5">Textarea</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Range.html#setSliderMode(int)">setSliderMode(int)</a></span> - Method in class controlP5.<a href="./controlP5/Range.html" title="class in controlP5">Range</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Slider.html#setSliderMode(int)">setSliderMode(int)</a></span> - Method in class controlP5.<a href="./controlP5/Slider.html" title="class in controlP5">Slider</a></dt>
+<dd>
+<div class="block">use the slider mode to set the mode of the slider bar, which can be Slider.FLEXIBLE or
+ Slider.FIX</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerProperties.html#setSnapshot(java.lang.String)">setSnapshot(String)</a></span> - Method in class controlP5.<a href="./controlP5/ControllerProperties.html" title="class in controlP5">ControllerProperties</a></dt>
+<dd>
+<div class="block">logs all registered properties in memory.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/CheckBox.html#setSpacingColumn(int)">setSpacingColumn(int)</a></span> - Method in class controlP5.<a href="./controlP5/CheckBox.html" title="class in controlP5">CheckBox</a></dt>
+<dd>
+<div class="block">Sets the spacing in pixels between columns.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/RadioButton.html#setSpacingColumn(int)">setSpacingColumn(int)</a></span> - Method in class controlP5.<a href="./controlP5/RadioButton.html" title="class in controlP5">RadioButton</a></dt>
+<dd>
+<div class="block">Sets the spacing in pixels between columns.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/CheckBox.html#setSpacingRow(int)">setSpacingRow(int)</a></span> - Method in class controlP5.<a href="./controlP5/CheckBox.html" title="class in controlP5">CheckBox</a></dt>
+<dd>
+<div class="block">Sets the spacing in pixels between rows.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/RadioButton.html#setSpacingRow(int)">setSpacingRow(int)</a></span> - Method in class controlP5.<a href="./controlP5/RadioButton.html" title="class in controlP5">RadioButton</a></dt>
+<dd>
+<div class="block">Sets the spacing in pixels between rows.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/ControlTimer.html#setSpeedOfTime(float)">setSpeedOfTime(float)</a></span> - Method in class controlP5.<a href="./controlP5/ControlTimer.html" title="class in controlP5">ControlTimer</a></dt>
+<dd>
+<div class="block">set the speed of time, for slow motion or high speed.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/Knob.html#setStartAngle(float)">setStartAngle(float)</a></span> - Method in class controlP5.<a href="./controlP5/Knob.html" title="class in controlP5">Knob</a></dt>
+<dd>
+<div class="block">The start angle is a value between 0 and TWO_PI.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/Toggle.html#setState(boolean)">setState(boolean)</a></span> - Method in class controlP5.<a href="./controlP5/Toggle.html" title="class in controlP5">Toggle</a></dt>
+<dd>
+<div class="block">sets the state of the toggle, this can be true or false.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/Controller.html#setStringValue(java.lang.String)">setStringValue(String)</a></span> - Method in class controlP5.<a href="./controlP5/Controller.html" title="class in controlP5">Controller</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerGroup.html#setStringValue(java.lang.String)">setStringValue(String)</a></span> - Method in class controlP5.<a href="./controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a></dt>
+<dt><span class="strong"><a href="./controlP5/ControllerInterface.html#setStringValue(java.lang.String)">setStringValue(String)</a></span> - Method in interface controlP5.<a href="./controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Textlabel.html#setStringValue(java.lang.String)">setStringValue(String)</a></span> - Method in class controlP5.<a href="./controlP5/Textlabel.html" title="class in controlP5">Textlabel</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Chart.html#setStrokeWeight(float)">setStrokeWeight(float)</a></span> - Method in class controlP5.<a href="./controlP5/Chart.html" title="class in controlP5">Chart</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ChartDataSet.html#setStrokeWeight(float)">setStrokeWeight(float)</a></span> - Method in class controlP5.<a href="./controlP5/ChartDataSet.html" title="class in controlP5">ChartDataSet</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Button.html#setSwitch(boolean)">setSwitch(boolean)</a></span> - Method in class controlP5.<a href="./controlP5/Button.html" title="class in controlP5">Button</a></dt>
+<dd>
+<div class="block">Turns a button into a switch, or use a Toggle instead.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/Controller.html#setTab(java.lang.String)">setTab(String)</a></span> - Method in class controlP5.<a href="./controlP5/Controller.html" title="class in controlP5">Controller</a></dt>
+<dd>
+<div class="block">sets the tab of the controller.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/Controller.html#setTab(controlP5.ControlWindow, java.lang.String)">setTab(ControlWindow, String)</a></span> - Method in class controlP5.<a href="./controlP5/Controller.html" title="class in controlP5">Controller</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerGroup.html#setTab(java.lang.String)">setTab(String)</a></span> - Method in class controlP5.<a href="./controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerGroup.html#setTab(controlP5.ControlWindow, java.lang.String)">setTab(ControlWindow, String)</a></span> - Method in class controlP5.<a href="./controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerGroup.html#setTab(controlP5.Tab)">setTab(Tab)</a></span> - Method in class controlP5.<a href="./controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5.html#setTabEventsActive(boolean)">setTabEventsActive(boolean)</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5.html" title="class in controlP5">ControlP5</a></dt>
+<dd>
+<div class="block">By default event originating from tabs are disabled,
+ use setTabEventsActive(true) to receive controlEvents
+ when tabs are clicked.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/ChartData.html#setText(java.lang.String)">setText(String)</a></span> - Method in class controlP5.<a href="./controlP5/ChartData.html" title="class in controlP5">ChartData</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Label.html#setText(java.lang.String)">setText(String)</a></span> - Method in class controlP5.<a href="./controlP5/Label.html" title="class in controlP5">Label</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ListBoxItem.html#setText(java.lang.String)">setText(String)</a></span> - Method in class controlP5.<a href="./controlP5/ListBoxItem.html" title="class in controlP5">ListBoxItem</a></dt>
+<dd>
+<div class="block">change text text of a lsitboxitem's label.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/Textarea.html#setText(java.lang.String)">setText(String)</a></span> - Method in class controlP5.<a href="./controlP5/Textarea.html" title="class in controlP5">Textarea</a></dt>
+<dd>
+<div class="block">set the text of the textarea.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/Textfield.html#setText(java.lang.String)">setText(String)</a></span> - Method in class controlP5.<a href="./controlP5/Textfield.html" title="class in controlP5">Textfield</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Textlabel.html#setText(java.lang.String)">setText(String)</a></span> - Method in class controlP5.<a href="./controlP5/Textlabel.html" title="class in controlP5">Textlabel</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Knob.html#setTickMarkLength(int)">setTickMarkLength(int)</a></span> - Method in class controlP5.<a href="./controlP5/Knob.html" title="class in controlP5">Knob</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Knob.html#setTickMarkWeight(float)">setTickMarkWeight(float)</a></span> - Method in class controlP5.<a href="./controlP5/Knob.html" title="class in controlP5">Knob</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerGroup.html#setTitle(java.lang.String)">setTitle(String)</a></span> - Method in class controlP5.<a href="./controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5.html#setTooltip(controlP5.Tooltip)">setTooltip(Tooltip)</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5.html" title="class in controlP5">ControlP5</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Bang.html#setTriggerEvent(int)">setTriggerEvent(int)</a></span> - Method in class controlP5.<a href="./controlP5/Bang.html" title="class in controlP5">Bang</a></dt>
+<dd>
+<div class="block">By default a bang is triggered when the mouse is pressed.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/Slider.html#setTriggerEvent(int)">setTriggerEvent(int)</a></span> - Method in class controlP5.<a href="./controlP5/Slider.html" title="class in controlP5">Slider</a></dt>
+<dd>
+<div class="block">the trigger event is set to Slider.PRESSED by default but can be changed to Slider.RELEASE so
+ that events are triggered when the slider is released.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/ScrollableList.html#setType(int)">setType(int)</a></span> - Method in class controlP5.<a href="./controlP5/ScrollableList.html" title="class in controlP5">ScrollableList</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlWindow.html#setUndecorated(boolean)">setUndecorated(boolean)</a></span> - Method in class controlP5.<a href="./controlP5/ControlWindow.html" title="class in controlP5">ControlWindow</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Canvas.html#setup(processing.core.PGraphics)">setup(PGraphics)</a></span> - Method in class controlP5.<a href="./controlP5/Canvas.html" title="class in controlP5">Canvas</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/MultiList.html#setup()">setup()</a></span> - Method in class controlP5.<a href="./controlP5/MultiList.html" title="class in controlP5">MultiList</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Controller.html#setUpdate(boolean)">setUpdate(boolean)</a></span> - Method in class controlP5.<a href="./controlP5/Controller.html" title="class in controlP5">Controller</a></dt>
+<dd>
+<div class="block">disables the update function for a controller.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerGroup.html#setUpdate(boolean)">setUpdate(boolean)</a></span> - Method in class controlP5.<a href="./controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a></dt>
+<dd>
+<div class="block">enables or disables the update function of a controller.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerInterface.html#setUpdate(boolean)">setUpdate(boolean)</a></span> - Method in interface controlP5.<a href="./controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5.html#setUpdate(boolean)">setUpdate(boolean)</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5.html" title="class in controlP5">ControlP5</a></dt>
+<dd>
+<div class="block">changes the update behavior according to parameter
+ theFlag</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/ControlWindow.html#setUpdate(boolean)">setUpdate(boolean)</a></span> - Method in class controlP5.<a href="./controlP5/ControlWindow.html" title="class in controlP5">ControlWindow</a></dt>
+<dd>
+<div class="block">enable or disable the update function of a control
+ window.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/Controller.html#setUserInteraction(boolean)">setUserInteraction(boolean)</a></span> - Method in class controlP5.<a href="./controlP5/Controller.html" title="class in controlP5">Controller</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Bang.html#setValue(float)">setValue(float)</a></span> - Method in class controlP5.<a href="./controlP5/Bang.html" title="class in controlP5">Bang</a></dt>
+<dd>
+<div class="block">Sets the value of the bang controller.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/Button.html#setValue(float)">setValue(float)</a></span> - Method in class controlP5.<a href="./controlP5/Button.html" title="class in controlP5">Button</a></dt>
+<dt><span class="strong"><a href="./controlP5/Chart.html#setValue(float)">setValue(float)</a></span> - Method in class controlP5.<a href="./controlP5/Chart.html" title="class in controlP5">Chart</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ChartData.html#setValue(float)">setValue(float)</a></span> - Method in class controlP5.<a href="./controlP5/ChartData.html" title="class in controlP5">ChartData</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlBehavior.html#setValue(float)">setValue(float)</a></span> - Method in class controlP5.<a href="./controlP5/ControlBehavior.html" title="class in controlP5">ControlBehavior</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Controller.html#setValue(float)">setValue(float)</a></span> - Method in class controlP5.<a href="./controlP5/Controller.html" title="class in controlP5">Controller</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerGroup.html#setValue(float)">setValue(float)</a></span> - Method in class controlP5.<a href="./controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a></dt>
+<dt><span class="strong"><a href="./controlP5/ControllerInterface.html#setValue(float)">setValue(float)</a></span> - Method in interface controlP5.<a href="./controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/DropdownList.html#setValue(float)">setValue(float)</a></span> - Method in class controlP5.<a href="./controlP5/DropdownList.html" title="class in controlP5">DropdownList</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Knob.html#setValue(float)">setValue(float)</a></span> - Method in class controlP5.<a href="./controlP5/Knob.html" title="class in controlP5">Knob</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ListBox.html#setValue(float)">setValue(float)</a></span> - Method in class controlP5.<a href="./controlP5/ListBox.html" title="class in controlP5">ListBox</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Matrix.html#setValue(float)">setValue(float)</a></span> - Method in class controlP5.<a href="./controlP5/Matrix.html" title="class in controlP5">Matrix</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/MultiList.html#setValue(float)">setValue(float)</a></span> - Method in class controlP5.<a href="./controlP5/MultiList.html" title="class in controlP5">MultiList</a></dt>
+<dt><span class="strong"><a href="./controlP5/Numberbox.html#setValue(float)">setValue(float)</a></span> - Method in class controlP5.<a href="./controlP5/Numberbox.html" title="class in controlP5">Numberbox</a></dt>
+<dd>
+<div class="block">set the value of the numberbox.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/Range.html#setValue(float)">setValue(float)</a></span> - Method in class controlP5.<a href="./controlP5/Range.html" title="class in controlP5">Range</a></dt>
+<dd>
+<div class="block">set the value of the range-slider.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/Slider.html#setValue(float)">setValue(float)</a></span> - Method in class controlP5.<a href="./controlP5/Slider.html" title="class in controlP5">Slider</a></dt>
+<dd>
+<div class="block">set the value of the slider.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/Slider2D.html#setValue(float)">setValue(float)</a></span> - Method in class controlP5.<a href="./controlP5/Slider2D.html" title="class in controlP5">Slider2D</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Tab.html#setValue(float)">setValue(float)</a></span> - Method in class controlP5.<a href="./controlP5/Tab.html" title="class in controlP5">Tab</a></dt>
+<dt><span class="strong"><a href="./controlP5/Textfield.html#setValue(float)">setValue(float)</a></span> - Method in class controlP5.<a href="./controlP5/Textfield.html" title="class in controlP5">Textfield</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Textfield.html#setValue(java.lang.String)">setValue(String)</a></span> - Method in class controlP5.<a href="./controlP5/Textfield.html" title="class in controlP5">Textfield</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Textlabel.html#setValue(float)">setValue(float)</a></span> - Method in class controlP5.<a href="./controlP5/Textlabel.html" title="class in controlP5">Textlabel</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Textlabel.html#setValue(java.lang.String)">setValue(String)</a></span> - Method in class controlP5.<a href="./controlP5/Textlabel.html" title="class in controlP5">Textlabel</a></dt>
+<dd>
+<div class="block">set the text of the textlabel.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/Toggle.html#setValue(float)">setValue(float)</a></span> - Method in class controlP5.<a href="./controlP5/Toggle.html" title="class in controlP5">Toggle</a></dt>
+<dt><span class="strong"><a href="./controlP5/Toggle.html#setValue(boolean)">setValue(boolean)</a></span> - Method in class controlP5.<a href="./controlP5/Toggle.html" title="class in controlP5">Toggle</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/CColor.html#setValueLabel(int)">setValueLabel(int)</a></span> - Method in class controlP5.<a href="./controlP5/CColor.html" title="class in controlP5">CColor</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Controller.html#setValueLabel(java.lang.String)">setValueLabel(String)</a></span> - Method in class controlP5.<a href="./controlP5/Controller.html" title="class in controlP5">Controller</a></dt>
+<dd>
+<div class="block">set or change the value of the value label of a controller.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/Slider2D.html#setValueLabelSeparator(java.lang.String)">setValueLabelSeparator(String)</a></span> - Method in class controlP5.<a href="./controlP5/Slider2D.html" title="class in controlP5">Slider2D</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Controller.html#setValueSelf(float)">setValueSelf(float)</a></span> - Method in class controlP5.<a href="./controlP5/Controller.html" title="class in controlP5">Controller</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Chart.html#setView(int)">setView(int)</a></span> - Method in class controlP5.<a href="./controlP5/Chart.html" title="class in controlP5">Chart</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Controller.html#setView(controlP5.ControllerView)">setView(ControllerView&lt;T&gt;)</a></span> - Method in class controlP5.<a href="./controlP5/Controller.html" title="class in controlP5">Controller</a></dt>
+<dd>
+<div class="block">use setDisplay to customize your controller look.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/Controller.html#setView(controlP5.ControllerView, int)">setView(ControllerView&lt;T&gt;, int)</a></span> - Method in class controlP5.<a href="./controlP5/Controller.html" title="class in controlP5">Controller</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Tooltip.html#setView(controlP5.ControllerView)">setView(ControllerView&lt;?&gt;)</a></span> - Method in class controlP5.<a href="./controlP5/Tooltip.html" title="class in controlP5">Tooltip</a></dt>
+<dd>
+<div class="block">A custom view can be set for a Tooltip.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/Knob.html#setViewStyle(int)">setViewStyle(int)</a></span> - Method in class controlP5.<a href="./controlP5/Knob.html" title="class in controlP5">Knob</a></dt>
+<dd>
+<div class="block">set the display style of a knob.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/Controller.html#setVisible(boolean)">setVisible(boolean)</a></span> - Method in class controlP5.<a href="./controlP5/Controller.html" title="class in controlP5">Controller</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerGroup.html#setVisible(boolean)">setVisible(boolean)</a></span> - Method in class controlP5.<a href="./controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5.html#setVisible(boolean)">setVisible(boolean)</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5.html" title="class in controlP5">ControlP5</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Label.html#setVisible(boolean)">setVisible(boolean)</a></span> - Method in class controlP5.<a href="./controlP5/Label.html" title="class in controlP5">Label</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Accordion.html#setWidth(int)">setWidth(int)</a></span> - Method in class controlP5.<a href="./controlP5/Accordion.html" title="class in controlP5">Accordion</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Controller.html#setWidth(int)">setWidth(int)</a></span> - Method in class controlP5.<a href="./controlP5/Controller.html" title="class in controlP5">Controller</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerGroup.html#setWidth(int)">setWidth(int)</a></span> - Method in class controlP5.<a href="./controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/DropdownList.html#setWidth(int)">setWidth(int)</a></span> - Method in class controlP5.<a href="./controlP5/DropdownList.html" title="class in controlP5">DropdownList</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Label.html#setWidth(int)">setWidth(int)</a></span> - Method in class controlP5.<a href="./controlP5/Label.html" title="class in controlP5">Label</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ListBox.html#setWidth(int)">setWidth(int)</a></span> - Method in class controlP5.<a href="./controlP5/ListBox.html" title="class in controlP5">ListBox</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/MultiListButton.html#setWidth(int)">setWidth(int)</a></span> - Method in class controlP5.<a href="./controlP5/MultiListButton.html" title="class in controlP5">MultiListButton</a></dt>
+<dd>
+<div class="block">set the width of a multlist button.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/Range.html#setWidth(int)">setWidth(int)</a></span> - Method in class controlP5.<a href="./controlP5/Range.html" title="class in controlP5">Range</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Slider.html#setWidth(int)">setWidth(int)</a></span> - Method in class controlP5.<a href="./controlP5/Slider.html" title="class in controlP5">Slider</a></dt>
+<dd>
+<div class="block">set the width of the slider.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/Tab.html#setWidth(int)">setWidth(int)</a></span> - Method in class controlP5.<a href="./controlP5/Tab.html" title="class in controlP5">Tab</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Textarea.html#setWidth(int)">setWidth(int)</a></span> - Method in class controlP5.<a href="./controlP5/Textarea.html" title="class in controlP5">Textarea</a></dt>
+<dd>
+<div class="block">set the width of the textarea.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/Textfield.html#setWidth(int)">setWidth(int)</a></span> - Method in class controlP5.<a href="./controlP5/Textfield.html" title="class in controlP5">Textfield</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Textlabel.html#setWidth(int)">setWidth(int)</a></span> - Method in class controlP5.<a href="./controlP5/Textlabel.html" title="class in controlP5">Textlabel</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Tooltip.html#setWidth(int)">setWidth(int)</a></span> - Method in class controlP5.<a href="./controlP5/Tooltip.html" title="class in controlP5">Tooltip</a></dt>
+<dd>
+<div class="block">with the default display, the width of the tooltip is
+ set automatically, therefore setWidth() does not have
+ any effect without changing the default display to a
+ custom ControllerView.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/ControlWindow.Pointer.html#setX(int)">setX(int)</a></span> - Method in class controlP5.<a href="./controlP5/ControlWindow.Pointer.html" title="class in controlP5">ControlWindow.Pointer</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlWindow.Pointer.html#setY(int)">setY(int)</a></span> - Method in class controlP5.<a href="./controlP5/ControlWindow.Pointer.html" title="class in controlP5">ControlWindow.Pointer</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlFont.html#sharp()">sharp()</a></span> - Static method in class controlP5.<a href="./controlP5/ControlFont.html" title="class in controlP5">ControlFont</a></dt>
+<dd>
+<div class="block">renders a PFont twice for better and sharper readability</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Constants.html#SHIFT">SHIFT</a></span> - Static variable in interface controlP5.<a href="./controlP5/ControlP5Constants.html" title="interface in controlP5">ControlP5Constants</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Controller.html#show()">show()</a></span> - Method in class controlP5.<a href="./controlP5/Controller.html" title="class in controlP5">Controller</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerGroup.html#show()">show()</a></span> - Method in class controlP5.<a href="./controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerInterface.html#show()">show()</a></span> - Method in interface controlP5.<a href="./controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5.html#show()">show()</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5.html" title="class in controlP5">ControlP5</a></dt>
+<dd>
+<div class="block">shows all controllers and tabs in your sketch.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Base.html#show(java.lang.Object)">show(Object)</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5Base.html" title="class in controlP5">ControlP5Base</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlWindow.html#show()">show()</a></span> - Method in class controlP5.<a href="./controlP5/ControlWindow.html" title="class in controlP5">ControlWindow</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Label.html#show()">show()</a></span> - Method in class controlP5.<a href="./controlP5/Label.html" title="class in controlP5">Label</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerGroup.html#showArrow()">showArrow()</a></span> - Method in class controlP5.<a href="./controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerGroup.html#showBar()">showBar()</a></span> - Method in class controlP5.<a href="./controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/CheckBox.html#showLabels()">showLabels()</a></span> - Method in class controlP5.<a href="./controlP5/CheckBox.html" title="class in controlP5">CheckBox</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/RadioButton.html#showLabels()">showLabels()</a></span> - Method in class controlP5.<a href="./controlP5/RadioButton.html" title="class in controlP5">RadioButton</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/DropdownList.html#showScrollbar()">showScrollbar()</a></span> - Method in class controlP5.<a href="./controlP5/DropdownList.html" title="class in controlP5">DropdownList</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ListBox.html#showScrollbar()">showScrollbar()</a></span> - Method in class controlP5.<a href="./controlP5/ListBox.html" title="class in controlP5">ListBox</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Textarea.html#showScrollbar()">showScrollbar()</a></span> - Method in class controlP5.<a href="./controlP5/Textarea.html" title="class in controlP5">Textarea</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Knob.html#showTickMarks()">showTickMarks()</a></span> - Method in class controlP5.<a href="./controlP5/Knob.html" title="class in controlP5">Knob</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Range.html#showTickMarks(boolean)">showTickMarks(boolean)</a></span> - Method in class controlP5.<a href="./controlP5/Range.html" title="class in controlP5">Range</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Slider.html#showTickMarks(boolean)">showTickMarks(boolean)</a></span> - Method in class controlP5.<a href="./controlP5/Slider.html" title="class in controlP5">Slider</a></dt>
+<dd>
+<div class="block">shows or hides tickmarks for a slider</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/Knob.html#shuffle()">shuffle()</a></span> - Method in class controlP5.<a href="./controlP5/Knob.html" title="class in controlP5">Knob</a></dt>
+<dd>
+<div class="block">Assigns a random value to the controller.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/Numberbox.html#shuffle()">shuffle()</a></span> - Method in class controlP5.<a href="./controlP5/Numberbox.html" title="class in controlP5">Numberbox</a></dt>
+<dd>
+<div class="block">assigns a random value to the controller.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/Slider.html#shuffle()">shuffle()</a></span> - Method in class controlP5.<a href="./controlP5/Slider.html" title="class in controlP5">Slider</a></dt>
+<dd>
+<div class="block">assigns a random value to the slider.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/Slider2D.html#shuffle()">shuffle()</a></span> - Method in class controlP5.<a href="./controlP5/Slider2D.html" title="class in controlP5">Slider2D</a></dt>
+<dd>
+<div class="block">assigns a random value to the controller.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Constants.html#SILVER">SILVER</a></span> - Static variable in interface controlP5.<a href="./controlP5/ControlP5Constants.html" title="interface in controlP5">ControlP5Constants</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Constants.html#SINGLE">SINGLE</a></span> - Static variable in interface controlP5.<a href="./controlP5/ControlP5Constants.html" title="interface in controlP5">ControlP5Constants</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Constants.html#SINGLE_COLUMN">SINGLE_COLUMN</a></span> - Static variable in interface controlP5.<a href="./controlP5/ControlP5Constants.html" title="interface in controlP5">ControlP5Constants</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Constants.html#SINGLE_ROW">SINGLE_ROW</a></span> - Static variable in interface controlP5.<a href="./controlP5/ControlP5Constants.html" title="interface in controlP5">ControlP5Constants</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Chart.html#size()">size()</a></span> - Method in class controlP5.<a href="./controlP5/Chart.html" title="class in controlP5">Chart</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerList.html#size()">size()</a></span> - Method in class controlP5.<a href="./controlP5/ControllerList.html" title="class in controlP5">ControllerList</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerList.html#sizeDrawable()">sizeDrawable()</a></span> - Method in class controlP5.<a href="./controlP5/ControllerList.html" title="class in controlP5">ControllerList</a></dt>
+<dd>&nbsp;</dd>
+<dt><a href="./controlP5/Slider.html" title="class in controlP5"><span class="strong">Slider</span></a> - Class in <a href="./controlP5/package-summary.html">controlP5</a></dt>
+<dd>
+<div class="block">A slider is either used horizontally or vertically.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/Slider.html#Slider(controlP5.ControlP5, java.lang.String)">Slider(ControlP5, String)</a></span> - Constructor for class controlP5.<a href="./controlP5/Slider.html" title="class in controlP5">Slider</a></dt>
+<dd>
+<div class="block">Convenience constructor to extend Slider.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/Slider.html#Slider(controlP5.ControlP5, controlP5.ControllerGroup, java.lang.String, float, float, float, int, int, int, int)">Slider(ControlP5, ControllerGroup&lt;?&gt;, String, float, float, float, int, int, int, int)</a></span> - Constructor for class controlP5.<a href="./controlP5/Slider.html" title="class in controlP5">Slider</a></dt>
+<dd>&nbsp;</dd>
+<dt><a href="./controlP5/Slider2D.html" title="class in controlP5"><span class="strong">Slider2D</span></a> - Class in <a href="./controlP5/package-summary.html">controlP5</a></dt>
+<dd>
+<div class="block">The Slider2D allows to control a handle within a 2D area.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/Slider2D.html#Slider2D(controlP5.ControlP5, java.lang.String)">Slider2D(ControlP5, String)</a></span> - Constructor for class controlP5.<a href="./controlP5/Slider2D.html" title="class in controlP5">Slider2D</a></dt>
+<dd>
+<div class="block">Convenience constructor to extend Slider2D.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/Knob.html#snapToTickMarks(boolean)">snapToTickMarks(boolean)</a></span> - Method in class controlP5.<a href="./controlP5/Knob.html" title="class in controlP5">Knob</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Range.html#snapToTickMarks(boolean)">snapToTickMarks(boolean)</a></span> - Method in class controlP5.<a href="./controlP5/Range.html" title="class in controlP5">Range</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Slider.html#snapToTickMarks(boolean)">snapToTickMarks(boolean)</a></span> - Method in class controlP5.<a href="./controlP5/Slider.html" title="class in controlP5">Slider</a></dt>
+<dd>
+<div class="block">enables or disables snap to tick marks.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Constants.html#SPRITE">SPRITE</a></span> - Static variable in interface controlP5.<a href="./controlP5/ControlP5Constants.html" title="interface in controlP5">ControlP5Constants</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Constants.html#standard56">standard56</a></span> - Static variable in interface controlP5.<a href="./controlP5/ControlP5Constants.html" title="interface in controlP5">ControlP5Constants</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/BitFont.html#standard56base64">standard56base64</a></span> - Static variable in class controlP5.<a href="./controlP5/BitFont.html" title="class in controlP5">BitFont</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Constants.html#standard58">standard58</a></span> - Static variable in interface controlP5.<a href="./controlP5/ControlP5Constants.html" title="interface in controlP5">ControlP5Constants</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/BitFont.html#standard58base64">standard58base64</a></span> - Static variable in class controlP5.<a href="./controlP5/BitFont.html" title="class in controlP5">BitFont</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Matrix.html#stop()">stop()</a></span> - Method in class controlP5.<a href="./controlP5/Matrix.html" title="class in controlP5">Matrix</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Base.html#stopListeningTo(java.lang.String, java.lang.Object)">stopListeningTo(String, Object)</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5Base.html" title="class in controlP5">ControlP5Base</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Constants.html#STRING">STRING</a></span> - Static variable in interface controlP5.<a href="./controlP5/ControlP5Constants.html" title="interface in controlP5">ControlP5Constants</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlGroup.html#stringValue()">stringValue()</a></span> - Method in class controlP5.<a href="./controlP5/ControlGroup.html" title="class in controlP5">ControlGroup</a></dt>
+<dd>
+<div class="block">!!! experimental, see ControllerGroup.value()</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/Textfield.html#submit()">submit()</a></span> - Method in class controlP5.<a href="./controlP5/Textfield.html" title="class in controlP5">Textfield</a></dt>
+<dd>
+<div class="block">make the controller execute a return event.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Constants.html#SWITCH">SWITCH</a></span> - Static variable in interface controlP5.<a href="./controlP5/ControlP5Constants.html" title="interface in controlP5">ControlP5Constants</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Constants.html#SWITCH_BACK">SWITCH_BACK</a></span> - Static variable in interface controlP5.<a href="./controlP5/ControlP5Constants.html" title="interface in controlP5">ControlP5Constants</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Constants.html#SWITCH_FORE">SWITCH_FORE</a></span> - Static variable in interface controlP5.<a href="./controlP5/ControlP5Constants.html" title="interface in controlP5">ControlP5Constants</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Constants.html#synt24">synt24</a></span> - Static variable in interface controlP5.<a href="./controlP5/ControlP5Constants.html" title="interface in controlP5">ControlP5Constants</a></dt>
+<dd>&nbsp;</dd>
+</dl>
+<a name="_T_">
+<!--   -->
+</a>
+<h2 class="title">T</h2>
+<dl>
+<dt><span class="strong"><a href="./controlP5/Pointer.html#t()">t()</a></span> - Method in interface controlP5.<a href="./controlP5/Pointer.html" title="interface in controlP5">Pointer</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlEvent.html#TAB">TAB</a></span> - Static variable in class controlP5.<a href="./controlP5/ControlEvent.html" title="class in controlP5">ControlEvent</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Constants.html#TAB">TAB</a></span> - Static variable in interface controlP5.<a href="./controlP5/ControlP5Constants.html" title="interface in controlP5">ControlP5Constants</a></dt>
+<dd>&nbsp;</dd>
+<dt><a href="./controlP5/Tab.html" title="class in controlP5"><span class="strong">Tab</span></a> - Class in <a href="./controlP5/package-summary.html">controlP5</a></dt>
+<dd>
+<div class="block">Tabs are used to organize controllers.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/Tab.html#Tab(controlP5.ControlP5, controlP5.ControlWindow, java.lang.String)">Tab(ControlP5, ControlWindow, String)</a></span> - Constructor for class controlP5.<a href="./controlP5/Tab.html" title="class in controlP5">Tab</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Constants.html#TEAL">TEAL</a></span> - Static variable in interface controlP5.<a href="./controlP5/ControlP5Constants.html" title="interface in controlP5">ControlP5Constants</a></dt>
+<dd>&nbsp;</dd>
+<dt><a href="./controlP5/Textarea.html" title="class in controlP5"><span class="strong">Textarea</span></a> - Class in <a href="./controlP5/package-summary.html">controlP5</a></dt>
+<dd>
+<div class="block">a textarea can be used to leave notes, it uses the controlP5 BitFont to render text.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/Textarea.html#Textarea(controlP5.ControlP5, java.lang.String)">Textarea(ControlP5, String)</a></span> - Constructor for class controlP5.<a href="./controlP5/Textarea.html" title="class in controlP5">Textarea</a></dt>
+<dd>
+<div class="block">Convenience constructor to extend Textarea.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/Textarea.html#Textarea(java.lang.String, int, int)">Textarea(String, int, int)</a></span> - Constructor for class controlP5.<a href="./controlP5/Textarea.html" title="class in controlP5">Textarea</a></dt>
+<dd>&nbsp;</dd>
+<dt><a href="./controlP5/Textfield.html" title="class in controlP5"><span class="strong">Textfield</span></a> - Class in <a href="./controlP5/package-summary.html">controlP5</a></dt>
+<dd>
+<div class="block">A singleline input textfield, use arrow keys to go back and forth, use backspace to delete
+ characters.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/Textfield.html#Textfield(controlP5.ControlP5, java.lang.String)">Textfield(ControlP5, String)</a></span> - Constructor for class controlP5.<a href="./controlP5/Textfield.html" title="class in controlP5">Textfield</a></dt>
+<dd>
+<div class="block">Convenience constructor to extend Textfield.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/Textfield.html#Textfield(controlP5.ControlP5, controlP5.ControllerGroup, java.lang.String, java.lang.String, int, int, int, int)">Textfield(ControlP5, ControllerGroup&lt;?&gt;, String, String, int, int, int, int)</a></span> - Constructor for class controlP5.<a href="./controlP5/Textfield.html" title="class in controlP5">Textfield</a></dt>
+<dd>&nbsp;</dd>
+<dt><a href="./controlP5/Textfield.InputFilter.html" title="enum in controlP5"><span class="strong">Textfield.InputFilter</span></a> - Enum in <a href="./controlP5/package-summary.html">controlP5</a></dt>
+<dd>&nbsp;</dd>
+<dt><a href="./controlP5/Textlabel.html" title="class in controlP5"><span class="strong">Textlabel</span></a> - Class in <a href="./controlP5/package-summary.html">controlP5</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Textlabel.html#Textlabel(controlP5.ControlP5, java.lang.String, int, int)">Textlabel(ControlP5, String, int, int)</a></span> - Constructor for class controlP5.<a href="./controlP5/Textlabel.html" title="class in controlP5">Textlabel</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Textlabel.html#Textlabel(controlP5.ControlP5, java.lang.String, int, int, int, int)">Textlabel(ControlP5, String, int, int, int, int)</a></span> - Constructor for class controlP5.<a href="./controlP5/Textlabel.html" title="class in controlP5">Textlabel</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Constants.html#THEME_A">THEME_A</a></span> - Static variable in interface controlP5.<a href="./controlP5/ControlP5Constants.html" title="interface in controlP5">ControlP5Constants</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Constants.html#THEME_CP52014">THEME_CP52014</a></span> - Static variable in interface controlP5.<a href="./controlP5/ControlP5Constants.html" title="interface in controlP5">ControlP5Constants</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Constants.html#THEME_CP5BLUE">THEME_CP5BLUE</a></span> - Static variable in interface controlP5.<a href="./controlP5/ControlP5Constants.html" title="interface in controlP5">ControlP5Constants</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Constants.html#THEME_RED">THEME_RED</a></span> - Static variable in interface controlP5.<a href="./controlP5/ControlP5Constants.html" title="interface in controlP5">ControlP5Constants</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Constants.html#THEME_RETRO">THEME_RETRO</a></span> - Static variable in interface controlP5.<a href="./controlP5/ControlP5Constants.html" title="interface in controlP5">ControlP5Constants</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Constants.html#THEME_WHITE">THEME_WHITE</a></span> - Static variable in interface controlP5.<a href="./controlP5/ControlP5Constants.html" title="interface in controlP5">ControlP5Constants</a></dt>
+<dd>&nbsp;</dd>
+<dt><a href="./controlP5/TickMark.html" title="class in controlP5"><span class="strong">TickMark</span></a> - Class in <a href="./controlP5/package-summary.html">controlP5</a></dt>
+<dd>
+<div class="block">Tickmarks are used by the Slider and Knob controller.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/TickMark.html#TickMark(controlP5.Controller)">TickMark(Controller&lt;?&gt;)</a></span> - Constructor for class controlP5.<a href="./controlP5/TickMark.html" title="class in controlP5">TickMark</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlTimer.html#time()">time()</a></span> - Method in class controlP5.<a href="./controlP5/ControlTimer.html" title="class in controlP5">ControlTimer</a></dt>
+<dd>
+<div class="block">get the time in milliseconds since the timer was started.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/CheckBox.html#toggle(int)">toggle(int)</a></span> - Method in class controlP5.<a href="./controlP5/CheckBox.html" title="class in controlP5">CheckBox</a></dt>
+<dd>
+<div class="block">toggle a single checkbox item by index</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/CheckBox.html#toggle(java.lang.String)">toggle(String)</a></span> - Method in class controlP5.<a href="./controlP5/CheckBox.html" title="class in controlP5">CheckBox</a></dt>
+<dd>
+<div class="block">deactivate a single checkbox item by name</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/RadioButton.html#toggle(int)">toggle(int)</a></span> - Method in class controlP5.<a href="./controlP5/RadioButton.html" title="class in controlP5">RadioButton</a></dt>
+<dd>&nbsp;</dd>
+<dt><a href="./controlP5/Toggle.html" title="class in controlP5"><span class="strong">Toggle</span></a> - Class in <a href="./controlP5/package-summary.html">controlP5</a></dt>
+<dd>
+<div class="block">a toggle can have two states, true and false, where true has the value 1 and false is 0.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/Toggle.html#Toggle(controlP5.ControlP5, java.lang.String)">Toggle(ControlP5, String)</a></span> - Constructor for class controlP5.<a href="./controlP5/Toggle.html" title="class in controlP5">Toggle</a></dt>
+<dd>
+<div class="block">Convenience constructor to extend Toggle.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/Toggle.html#Toggle(controlP5.ControlP5, controlP5.Tab, java.lang.String, float, float, float, int, int)">Toggle(ControlP5, Tab, String, float, float, float, int, int)</a></span> - Constructor for class controlP5.<a href="./controlP5/Toggle.html" title="class in controlP5">Toggle</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Toggle.html#toggle()">toggle()</a></span> - Method in class controlP5.<a href="./controlP5/Toggle.html" title="class in controlP5">Toggle</a></dt>
+<dd>
+<div class="block">switch the state of a toggle.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/ControlWindow.html#toggleUndecorated()">toggleUndecorated()</a></span> - Method in class controlP5.<a href="./controlP5/ControlWindow.html" title="class in controlP5">ControlWindow</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5.html#toList(java.lang.Object)">toList(Object)</a></span> - Static method in class controlP5.<a href="./controlP5/ControlP5.html" title="class in controlP5">ControlP5</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5.html#toMap(java.lang.Object)">toMap(Object)</a></span> - Static method in class controlP5.<a href="./controlP5/ControlP5.html" title="class in controlP5">ControlP5</a></dt>
+<dd>&nbsp;</dd>
+<dt><a href="./controlP5/Tooltip.html" title="class in controlP5"><span class="strong">Tooltip</span></a> - Class in <a href="./controlP5/package-summary.html">controlP5</a></dt>
+<dd>
+<div class="block">A tooltip can be registered for individual controllers
+ and is activated on rollover.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Constants.html#TOP">TOP</a></span> - Static variable in interface controlP5.<a href="./controlP5/ControlP5Constants.html" title="interface in controlP5">ControlP5Constants</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Constants.html#TOP_OUTSIDE">TOP_OUTSIDE</a></span> - Static variable in interface controlP5.<a href="./controlP5/ControlP5Constants.html" title="interface in controlP5">ControlP5Constants</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Bang.html#toString()">toString()</a></span> - Method in class controlP5.<a href="./controlP5/Bang.html" title="class in controlP5">Bang</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Button.html#toString()">toString()</a></span> - Method in class controlP5.<a href="./controlP5/Button.html" title="class in controlP5">Button</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/CColor.html#toString()">toString()</a></span> - Method in class controlP5.<a href="./controlP5/CColor.html" title="class in controlP5">CColor</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Chart.html#toString()">toString()</a></span> - Method in class controlP5.<a href="./controlP5/Chart.html" title="class in controlP5">Chart</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/CheckBox.html#toString()">toString()</a></span> - Method in class controlP5.<a href="./controlP5/CheckBox.html" title="class in controlP5">CheckBox</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlEvent.html#toString()">toString()</a></span> - Method in class controlP5.<a href="./controlP5/ControlEvent.html" title="class in controlP5">ControlEvent</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlGroup.html#toString()">toString()</a></span> - Method in class controlP5.<a href="./controlP5/ControlGroup.html" title="class in controlP5">ControlGroup</a></dt>
+<dt><span class="strong"><a href="./controlP5/Controller.html#toString()">toString()</a></span> - Method in class controlP5.<a href="./controlP5/Controller.html" title="class in controlP5">Controller</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerGroup.html#toString()">toString()</a></span> - Method in class controlP5.<a href="./controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerProperties.html#toString()">toString()</a></span> - Method in class controlP5.<a href="./controlP5/ControllerProperties.html" title="class in controlP5">ControllerProperties</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerProperty.html#toString()">toString()</a></span> - Method in class controlP5.<a href="./controlP5/ControllerProperty.html" title="class in controlP5">ControllerProperty</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlTimer.html#toString()">toString()</a></span> - Method in class controlP5.<a href="./controlP5/ControlTimer.html" title="class in controlP5">ControlTimer</a></dt>
+<dd>
+<div class="block">return a string representation of the current status of the timer.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/ListBoxItem.html#toString()">toString()</a></span> - Method in class controlP5.<a href="./controlP5/ListBoxItem.html" title="class in controlP5">ListBoxItem</a></dt>
+<dt><span class="strong"><a href="./controlP5/Range.html#toString()">toString()</a></span> - Method in class controlP5.<a href="./controlP5/Range.html" title="class in controlP5">Range</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/CheckBox.html#toUpperCase(boolean)">toUpperCase(boolean)</a></span> - Method in class controlP5.<a href="./controlP5/CheckBox.html" title="class in controlP5">CheckBox</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/DropdownList.html#toUpperCase(boolean)">toUpperCase(boolean)</a></span> - Method in class controlP5.<a href="./controlP5/DropdownList.html" title="class in controlP5">DropdownList</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Label.html#toUpperCase(boolean)">toUpperCase(boolean)</a></span> - Method in class controlP5.<a href="./controlP5/Label.html" title="class in controlP5">Label</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ListBox.html#toUpperCase(boolean)">toUpperCase(boolean)</a></span> - Method in class controlP5.<a href="./controlP5/ListBox.html" title="class in controlP5">ListBox</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ListBoxItem.html#toUpperCase(boolean)">toUpperCase(boolean)</a></span> - Method in class controlP5.<a href="./controlP5/ListBoxItem.html" title="class in controlP5">ListBoxItem</a></dt>
+<dd>
+<div class="block">by default the text of a listboxitem is set to uppercase, use toUpperCase(false) to make
+ changes.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/MultiList.html#toUpperCase(boolean)">toUpperCase(boolean)</a></span> - Method in class controlP5.<a href="./controlP5/MultiList.html" title="class in controlP5">MultiList</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/MultiListButton.html#toUpperCase(boolean)">toUpperCase(boolean)</a></span> - Method in class controlP5.<a href="./controlP5/MultiListButton.html" title="class in controlP5">MultiListButton</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/RadioButton.html#toUpperCase(boolean)">toUpperCase(boolean)</a></span> - Method in class controlP5.<a href="./controlP5/RadioButton.html" title="class in controlP5">RadioButton</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Constants.html#TRANSITION_WAIT_FADEIN">TRANSITION_WAIT_FADEIN</a></span> - Static variable in interface controlP5.<a href="./controlP5/ControlP5Constants.html" title="interface in controlP5">ControlP5Constants</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Constants.html#TREE">TREE</a></span> - Static variable in interface controlP5.<a href="./controlP5/ControlP5Constants.html" title="interface in controlP5">ControlP5Constants</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ScrollableList.html#TREE">TREE</a></span> - Static variable in class controlP5.<a href="./controlP5/ScrollableList.html" title="class in controlP5">ScrollableList</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Matrix.html#trigger(int)">trigger(int)</a></span> - Method in class controlP5.<a href="./controlP5/Matrix.html" title="class in controlP5">Matrix</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Constants.html#TWO_PI">TWO_PI</a></span> - Static variable in interface controlP5.<a href="./controlP5/ControlP5Constants.html" title="interface in controlP5">ControlP5Constants</a></dt>
+<dd>&nbsp;</dd>
+</dl>
+<a name="_U_">
+<!--   -->
+</a>
+<h2 class="title">U</h2>
+<dl>
+<dt><span class="strong"><a href="./controlP5/ControlEvent.html#UNDEFINDED">UNDEFINDED</a></span> - Static variable in class controlP5.<a href="./controlP5/ControlEvent.html" title="class in controlP5">ControlEvent</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Controller.html#unlock()">unlock()</a></span> - Method in class controlP5.<a href="./controlP5/Controller.html" title="class in controlP5">Controller</a></dt>
+<dd>
+<div class="block">enables the controller to be moved, changed and controlled by the user.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/Controller.html#unplugFrom(java.lang.Object[])">unplugFrom(Object[])</a></span> - Method in class controlP5.<a href="./controlP5/Controller.html" title="class in controlP5">Controller</a></dt>
+<dd>
+<div class="block">unplugs the controller from a list of objects</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/Controller.html#unplugFrom(java.lang.Object)">unplugFrom(Object)</a></span> - Method in class controlP5.<a href="./controlP5/Controller.html" title="class in controlP5">Controller</a></dt>
+<dd>
+<div class="block">unplugs the Controller for a single object</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/Tooltip.html#unregister(controlP5.Controller)">unregister(Controller&lt;?&gt;)</a></span> - Method in class controlP5.<a href="./controlP5/Tooltip.html" title="class in controlP5">Tooltip</a></dt>
+<dd>
+<div class="block">removes a controller from the tooltip</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/Tooltip.html#unregister(java.lang.String)">unregister(String)</a></span> - Method in class controlP5.<a href="./controlP5/Tooltip.html" title="class in controlP5">Tooltip</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Controller.html#unregisterTooltip()">unregisterTooltip()</a></span> - Method in class controlP5.<a href="./controlP5/Controller.html" title="class in controlP5">Controller</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Chart.html#unshift(float)">unshift(float)</a></span> - Method in class controlP5.<a href="./controlP5/Chart.html" title="class in controlP5">Chart</a></dt>
+<dd>
+<div class="block">adds a new float at the beginning of the data set.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/Chart.html#unshift(java.lang.String, float)">unshift(String, float)</a></span> - Method in class controlP5.<a href="./controlP5/Chart.html" title="class in controlP5">Chart</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Constants.html#UP">UP</a></span> - Static variable in interface controlP5.<a href="./controlP5/ControlP5Constants.html" title="interface in controlP5">ControlP5Constants</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Numberbox.html#UP">UP</a></span> - Static variable in class controlP5.<a href="./controlP5/Numberbox.html" title="class in controlP5">Numberbox</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Bang.html#update()">update()</a></span> - Method in class controlP5.<a href="./controlP5/Bang.html" title="class in controlP5">Bang</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Button.html#update()">update()</a></span> - Method in class controlP5.<a href="./controlP5/Button.html" title="class in controlP5">Button</a></dt>
+<dd>
+<div class="block">updates the value of the controller without having to set the value explicitly.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/Canvas.html#update(processing.core.PApplet)">update(PApplet)</a></span> - Method in class controlP5.<a href="./controlP5/Canvas.html" title="class in controlP5">Canvas</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlBehavior.html#update()">update()</a></span> - Method in class controlP5.<a href="./controlP5/ControlBehavior.html" title="class in controlP5">ControlBehavior</a></dt>
+<dd>
+<div class="block">When extending ControlBehavior, update() has to be overridden.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/Controller.html#update()">update()</a></span> - Method in class controlP5.<a href="./controlP5/Controller.html" title="class in controlP5">Controller</a></dt>
+<dd>
+<div class="block">updates the value of the controller without having to set the value explicitly.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerGroup.html#update()">update()</a></span> - Method in class controlP5.<a href="./controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerInterface.html#update()">update()</a></span> - Method in interface controlP5.<a href="./controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5.html#update()">update()</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5.html" title="class in controlP5">ControlP5</a></dt>
+<dd>
+<div class="block">forces all controllers to update.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/ControlTimer.html#update()">update()</a></span> - Method in class controlP5.<a href="./controlP5/ControlTimer.html" title="class in controlP5">ControlTimer</a></dt>
+<dd>
+<div class="block">called to update the timer.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/ControlWindow.html#update()">update()</a></span> - Method in class controlP5.<a href="./controlP5/ControlWindow.html" title="class in controlP5">ControlWindow</a></dt>
+<dd>
+<div class="block">updates all controllers inside the control window if
+ update is enabled.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/Knob.html#update()">update()</a></span> - Method in class controlP5.<a href="./controlP5/Knob.html" title="class in controlP5">Knob</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Matrix.html#update()">update()</a></span> - Method in class controlP5.<a href="./controlP5/Matrix.html" title="class in controlP5">Matrix</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/MultiList.html#update(processing.core.PApplet)">update(PApplet)</a></span> - Method in class controlP5.<a href="./controlP5/MultiList.html" title="class in controlP5">MultiList</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/MultiList.html#update()">update()</a></span> - Method in class controlP5.<a href="./controlP5/MultiList.html" title="class in controlP5">MultiList</a></dt>
+<dd>
+<div class="block">updates the value of the controller without having to set the value explicitly.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/Numberbox.html#update()">update()</a></span> - Method in class controlP5.<a href="./controlP5/Numberbox.html" title="class in controlP5">Numberbox</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Range.html#update()">update()</a></span> - Method in class controlP5.<a href="./controlP5/Range.html" title="class in controlP5">Range</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Slider.html#update()">update()</a></span> - Method in class controlP5.<a href="./controlP5/Slider.html" title="class in controlP5">Slider</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Toggle.html#update()">update()</a></span> - Method in class controlP5.<a href="./controlP5/Toggle.html" title="class in controlP5">Toggle</a></dt>
+<dd>
+<div class="block">updates the value of the controller without having to set the value explicitly.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/Controller.html#updateAbsolutePosition()">updateAbsolutePosition()</a></span> - Method in class controlP5.<a href="./controlP5/Controller.html" title="class in controlP5">Controller</a></dt>
+<dt><span class="strong"><a href="./controlP5/ControllerGroup.html#updateAbsolutePosition()">updateAbsolutePosition()</a></span> - Method in class controlP5.<a href="./controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a></dt>
+<dt><span class="strong"><a href="./controlP5/ControllerInterface.html#updateAbsolutePosition()">updateAbsolutePosition()</a></span> - Method in interface controlP5.<a href="./controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Chart.html#updateData(float...)">updateData(float...)</a></span> - Method in class controlP5.<a href="./controlP5/Chart.html" title="class in controlP5">Chart</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Chart.html#updateData(java.lang.String, float...)">updateData(String, float...)</a></span> - Method in class controlP5.<a href="./controlP5/Chart.html" title="class in controlP5">Chart</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Bang.html#updateDisplayMode(int)">updateDisplayMode(int)</a></span> - Method in class controlP5.<a href="./controlP5/Bang.html" title="class in controlP5">Bang</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Button.html#updateDisplayMode(int)">updateDisplayMode(int)</a></span> - Method in class controlP5.<a href="./controlP5/Button.html" title="class in controlP5">Button</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Chart.html#updateDisplayMode(int)">updateDisplayMode(int)</a></span> - Method in class controlP5.<a href="./controlP5/Chart.html" title="class in controlP5">Chart</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ColorWheel.html#updateDisplayMode(int)">updateDisplayMode(int)</a></span> - Method in class controlP5.<a href="./controlP5/ColorWheel.html" title="class in controlP5">ColorWheel</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Knob.html#updateDisplayMode(int)">updateDisplayMode(int)</a></span> - Method in class controlP5.<a href="./controlP5/Knob.html" title="class in controlP5">Knob</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Matrix.html#updateDisplayMode(int)">updateDisplayMode(int)</a></span> - Method in class controlP5.<a href="./controlP5/Matrix.html" title="class in controlP5">Matrix</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Numberbox.html#updateDisplayMode(int)">updateDisplayMode(int)</a></span> - Method in class controlP5.<a href="./controlP5/Numberbox.html" title="class in controlP5">Numberbox</a></dt>
+<dt><span class="strong"><a href="./controlP5/Range.html#updateDisplayMode(int)">updateDisplayMode(int)</a></span> - Method in class controlP5.<a href="./controlP5/Range.html" title="class in controlP5">Range</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ScrollableList.html#updateDisplayMode(int)">updateDisplayMode(int)</a></span> - Method in class controlP5.<a href="./controlP5/ScrollableList.html" title="class in controlP5">ScrollableList</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Slider.html#updateDisplayMode(int)">updateDisplayMode(int)</a></span> - Method in class controlP5.<a href="./controlP5/Slider.html" title="class in controlP5">Slider</a></dt>
+<dt><span class="strong"><a href="./controlP5/Slider2D.html#updateDisplayMode(int)">updateDisplayMode(int)</a></span> - Method in class controlP5.<a href="./controlP5/Slider2D.html" title="class in controlP5">Slider2D</a></dt>
+<dt><span class="strong"><a href="./controlP5/Toggle.html#updateDisplayMode(int)">updateDisplayMode(int)</a></span> - Method in class controlP5.<a href="./controlP5/Toggle.html" title="class in controlP5">Toggle</a></dt>
+<dt><span class="strong"><a href="./controlP5/Controller.html#updateEvents()">updateEvents()</a></span> - Method in class controlP5.<a href="./controlP5/Controller.html" title="class in controlP5">Controller</a></dt>
+<dd>
+<div class="block">updateEvents is used for internal updates of a controller.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerGroup.html#updateEvents()">updateEvents()</a></span> - Method in class controlP5.<a href="./controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerInterface.html#updateEvents()">updateEvents()</a></span> - Method in interface controlP5.<a href="./controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlWindow.html#updateEvents()">updateEvents()</a></span> - Method in class controlP5.<a href="./controlP5/ControlWindow.html" title="class in controlP5">ControlWindow</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Label.html#updateFont(controlP5.ControlFont)">updateFont(ControlFont)</a></span> - Method in class controlP5.<a href="./controlP5/Label.html" title="class in controlP5">Label</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlGroup.html#updateInternalEvents(processing.core.PApplet)">updateInternalEvents(PApplet)</a></span> - Method in class controlP5.<a href="./controlP5/ControlGroup.html" title="class in controlP5">ControlGroup</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Controller.html#updateInternalEvents(processing.core.PApplet)">updateInternalEvents(PApplet)</a></span> - Method in class controlP5.<a href="./controlP5/Controller.html" title="class in controlP5">Controller</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerGroup.html#updateInternalEvents(processing.core.PApplet)">updateInternalEvents(PApplet)</a></span> - Method in class controlP5.<a href="./controlP5/ControllerGroup.html" title="class in controlP5">ControllerGroup</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerInterface.html#updateInternalEvents(processing.core.PApplet)">updateInternalEvents(PApplet)</a></span> - Method in interface controlP5.<a href="./controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a></dt>
+<dd>
+<div class="block">a method for putting input events like e.g.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/DropdownList.html#updateInternalEvents(processing.core.PApplet)">updateInternalEvents(PApplet)</a></span> - Method in class controlP5.<a href="./controlP5/DropdownList.html" title="class in controlP5">DropdownList</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Knob.html#updateInternalEvents(processing.core.PApplet)">updateInternalEvents(PApplet)</a></span> - Method in class controlP5.<a href="./controlP5/Knob.html" title="class in controlP5">Knob</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ListBox.html#updateInternalEvents(processing.core.PApplet)">updateInternalEvents(PApplet)</a></span> - Method in class controlP5.<a href="./controlP5/ListBox.html" title="class in controlP5">ListBox</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Matrix.html#updateInternalEvents(processing.core.PApplet)">updateInternalEvents(PApplet)</a></span> - Method in class controlP5.<a href="./controlP5/Matrix.html" title="class in controlP5">Matrix</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Numberbox.html#updateInternalEvents(processing.core.PApplet)">updateInternalEvents(PApplet)</a></span> - Method in class controlP5.<a href="./controlP5/Numberbox.html" title="class in controlP5">Numberbox</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Range.html#updateInternalEvents(processing.core.PApplet)">updateInternalEvents(PApplet)</a></span> - Method in class controlP5.<a href="./controlP5/Range.html" title="class in controlP5">Range</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Slider.html#updateInternalEvents(processing.core.PApplet)">updateInternalEvents(PApplet)</a></span> - Method in class controlP5.<a href="./controlP5/Slider.html" title="class in controlP5">Slider</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Slider2D.html#updateInternalEvents(processing.core.PApplet)">updateInternalEvents(PApplet)</a></span> - Method in class controlP5.<a href="./controlP5/Slider2D.html" title="class in controlP5">Slider2D</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Accordion.html#updateItems()">updateItems()</a></span> - Method in class controlP5.<a href="./controlP5/Accordion.html" title="class in controlP5">Accordion</a></dt>
+<dd>
+<div class="block">UpdateItems is called when changes such as remove, change of height is performed on an
+ accordion.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/CheckBox.html#updateLayout()">updateLayout()</a></span> - Method in class controlP5.<a href="./controlP5/CheckBox.html" title="class in controlP5">CheckBox</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/RadioButton.html#updateLayout()">updateLayout()</a></span> - Method in class controlP5.<a href="./controlP5/RadioButton.html" title="class in controlP5">RadioButton</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/DropdownList.html#updateListBoxItems()">updateListBoxItems()</a></span> - Method in class controlP5.<a href="./controlP5/DropdownList.html" title="class in controlP5">DropdownList</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ListBox.html#updateListBoxItems()">updateListBoxItems()</a></span> - Method in class controlP5.<a href="./controlP5/ListBox.html" title="class in controlP5">ListBox</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/MultiList.html#updateLocation(float, float)">updateLocation(float, float)</a></span> - Method in class controlP5.<a href="./controlP5/MultiList.html" title="class in controlP5">MultiList</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/MultiListButton.html#updateLocation(float, float)">updateLocation(float, float)</a></span> - Method in class controlP5.<a href="./controlP5/MultiListButton.html" title="class in controlP5">MultiListButton</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/MultiListButton.html#updateRect(float, float, float, float)">updateRect(float, float, float, float)</a></span> - Method in class controlP5.<a href="./controlP5/MultiListButton.html" title="class in controlP5">MultiListButton</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Controller.html#updateSize()">updateSize()</a></span> - Method in class controlP5.<a href="./controlP5/Controller.html" title="class in controlP5">Controller</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControllerProperties.html#updateSnapshot(java.lang.String)">updateSnapshot(String)</a></span> - Method in class controlP5.<a href="./controlP5/ControllerProperties.html" title="class in controlP5">ControllerProperties</a></dt>
+<dd>
+<div class="block">convenience method, setSnapshot(String) also works here since it will override existing log with the same key.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/Bang.html#updateViewMode(int)">updateViewMode(int)</a></span> - Method in class controlP5.<a href="./controlP5/Bang.html" title="class in controlP5">Bang</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/BoundingBox.html#updateViewMode(int)">updateViewMode(int)</a></span> - Method in class controlP5.<a href="./controlP5/BoundingBox.html" title="class in controlP5">BoundingBox</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Button.html#updateViewMode(int)">updateViewMode(int)</a></span> - Method in class controlP5.<a href="./controlP5/Button.html" title="class in controlP5">Button</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Chart.html#updateViewMode(int)">updateViewMode(int)</a></span> - Method in class controlP5.<a href="./controlP5/Chart.html" title="class in controlP5">Chart</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ColorWheel.html#updateViewMode(int)">updateViewMode(int)</a></span> - Method in class controlP5.<a href="./controlP5/ColorWheel.html" title="class in controlP5">ColorWheel</a></dt>
+<dd>&nbsp;</dd>
+</dl>
+<a name="_V_">
+<!--   -->
+</a>
+<h2 class="title">V</h2>
+<dl>
+<dt><span class="strong"><a href="./controlP5/ControlP5Constants.html#VALUELABEL">VALUELABEL</a></span> - Static variable in interface controlP5.<a href="./controlP5/ControlP5Constants.html" title="interface in controlP5">ControlP5Constants</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Textfield.InputFilter.html#valueOf(java.lang.String)">valueOf(String)</a></span> - Static method in enum controlP5.<a href="./controlP5/Textfield.InputFilter.html" title="enum in controlP5">Textfield.InputFilter</a></dt>
+<dd>
+<div class="block">Returns the enum constant of this type with the specified name.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/Textfield.InputFilter.html#values()">values()</a></span> - Static method in enum controlP5.<a href="./controlP5/Textfield.InputFilter.html" title="enum in controlP5">Textfield.InputFilter</a></dt>
+<dd>
+<div class="block">Returns an array containing the constants of this enum type, in
+the order they are declared.</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Constants.html#VERBOSE">VERBOSE</a></span> - Static variable in interface controlP5.<a href="./controlP5/ControlP5Constants.html" title="interface in controlP5">ControlP5Constants</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5.html#VERSION">VERSION</a></span> - Static variable in class controlP5.<a href="./controlP5/ControlP5.html" title="class in controlP5">ControlP5</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5.html#version()">version()</a></span> - Method in class controlP5.<a href="./controlP5/ControlP5.html" title="class in controlP5">ControlP5</a></dt>
+<dd>
+<div class="block">Returns the current version of controlP5</div>
+</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Constants.html#VERTICAL">VERTICAL</a></span> - Static variable in interface controlP5.<a href="./controlP5/ControlP5Constants.html" title="interface in controlP5">ControlP5Constants</a></dt>
+<dd>&nbsp;</dd>
+</dl>
+<a name="_W_">
+<!--   -->
+</a>
+<h2 class="title">W</h2>
+<dl>
+<dt><span class="strong"><a href="./controlP5/ControlP5Constants.html#WAIT">WAIT</a></span> - Static variable in interface controlP5.<a href="./controlP5/ControlP5Constants.html" title="interface in controlP5">ControlP5Constants</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Constants.html#WHITE">WHITE</a></span> - Static variable in interface controlP5.<a href="./controlP5/ControlP5Constants.html" title="interface in controlP5">ControlP5Constants</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Canvas.html#window()">window()</a></span> - Method in class controlP5.<a href="./controlP5/Canvas.html" title="class in controlP5">Canvas</a></dt>
+<dd>&nbsp;</dd>
+</dl>
+<a name="_X_">
+<!--   -->
+</a>
+<h2 class="title">X</h2>
+<dl>
+<dt><span class="strong"><a href="./controlP5/Pointer.html#x()">x()</a></span> - Method in interface controlP5.<a href="./controlP5/Pointer.html" title="interface in controlP5">Pointer</a></dt>
+<dd>&nbsp;</dd>
+</dl>
+<a name="_Y_">
+<!--   -->
+</a>
+<h2 class="title">Y</h2>
+<dl>
+<dt><span class="strong"><a href="./controlP5/Pointer.html#y()">y()</a></span> - Method in interface controlP5.<a href="./controlP5/Pointer.html" title="interface in controlP5">Pointer</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/ControlP5Constants.html#YELLOW">YELLOW</a></span> - Static variable in interface controlP5.<a href="./controlP5/ControlP5Constants.html" title="interface in controlP5">ControlP5Constants</a></dt>
+<dd>&nbsp;</dd>
+</dl>
+<a name="___">
+<!--   -->
+</a>
+<h2 class="title">_</h2>
+<dl>
+<dt><span class="strong"><a href="./controlP5/Label.html#_myPaddingX">_myPaddingX</a></span> - Variable in class controlP5.<a href="./controlP5/Label.html" title="class in controlP5">Label</a></dt>
+<dd>&nbsp;</dd>
+<dt><span class="strong"><a href="./controlP5/Label.html#_myPaddingY">_myPaddingY</a></span> - Variable in class controlP5.<a href="./controlP5/Label.html" title="class in controlP5">Label</a></dt>
+<dd>&nbsp;</dd>
+</dl>
+<a href="#_A_">A</a>&nbsp;<a href="#_B_">B</a>&nbsp;<a href="#_C_">C</a>&nbsp;<a href="#_D_">D</a>&nbsp;<a href="#_E_">E</a>&nbsp;<a href="#_F_">F</a>&nbsp;<a href="#_G_">G</a>&nbsp;<a href="#_H_">H</a>&nbsp;<a href="#_I_">I</a>&nbsp;<a href="#_J_">J</a>&nbsp;<a href="#_K_">K</a>&nbsp;<a href="#_L_">L</a>&nbsp;<a href="#_M_">M</a>&nbsp;<a href="#_N_">N</a>&nbsp;<a href="#_O_">O</a>&nbsp;<a href="#_P_">P</a>&nbsp;<a href="#_R_">R</a>&nbsp;<a href="#_S_">S</a>&nbsp;<a href="#_T_">T</a>&nbsp;<a href="#_U_">U</a>&nbsp;<a href="#_V_">V</a>&nbsp;<a href="#_W_">W</a>&nbsp;<a href="#_X_">X</a>&nbsp;<a href="#_Y_">Y</a>&nbsp;<a href="#___">_</a>&nbsp;</div>
+<!-- ======= START OF BOTTOM NAVBAR ====== -->
+<div class="bottomNav"><a name="navbar_bottom">
+<!--   -->
+</a><a href="#skip-navbar_bottom" title="Skip navigation links"></a><a name="navbar_bottom_firstrow">
+<!--   -->
+</a>
+<ul class="navList" title="Navigation">
+<li><a href="./controlP5/package-summary.html">Package</a></li>
+<li>Class</li>
+<li><a href="./overview-tree.html">Tree</a></li>
+<li class="navBarCell1Rev">Index</li>
+<li><a href="./help-doc.html">Help</a></li>
+</ul>
+</div>
+<div class="subNav">
+<ul class="navList">
+<li>Prev</li>
+<li>Next</li>
+</ul>
+<ul class="navList">
+<li><a href="./index.html?index-all.html" target="_top">Frames</a></li>
+<li><a href="index-all.html" target="_top">No Frames</a></li>
+</ul>
+<ul class="navList" id="allclasses_navbar_bottom">
+<li><a href="./allclasses-noframe.html">All Classes</a></li>
+</ul>
+<div>
+<script type="text/javascript"><!--
+  allClassesLink = document.getElementById("allclasses_navbar_bottom");
+  if(window==top) {
+    allClassesLink.style.display = "block";
+  }
+  else {
+    allClassesLink.style.display = "none";
+  }
+  //-->
+</script>
+</div>
+<a name="skip-navbar_bottom">
+<!--   -->
+</a></div>
+<!-- ======== END OF BOTTOM NAVBAR ======= -->
+<p class="legalCopy"><small>processing library controlP5 by Andreas Schlegel. (c) 2006-2014</small></p>
+</body>
+</html>
diff --git a/reference/index.html b/reference/index.html
new file mode 100644
index 0000000..20f23a9
--- /dev/null
+++ b/reference/index.html
@@ -0,0 +1,64 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
+<!-- NewPage -->
+<html lang="en">
+<head>
+<!-- Generated by javadoc on Sun Apr 27 21:39:48 SGT 2014 -->
+<title>Javadocs: controlP5</title>
+<script type="text/javascript">
+    targetPage = "" + window.location.search;
+    if (targetPage != "" && targetPage != "undefined")
+        targetPage = targetPage.substring(1);
+    if (targetPage.indexOf(":") != -1 || (targetPage != "" && !validURL(targetPage)))
+        targetPage = "undefined";
+    function validURL(url) {
+        var pos = url.indexOf(".html");
+        if (pos == -1 || pos != url.length - 5)
+            return false;
+        var allowNumber = false;
+        var allowSep = false;
+        var seenDot = false;
+        for (var i = 0; i < url.length - 5; i++) {
+            var ch = url.charAt(i);
+            if ('a' <= ch && ch <= 'z' ||
+                    'A' <= ch && ch <= 'Z' ||
+                    ch == '$' ||
+                    ch == '_') {
+                allowNumber = true;
+                allowSep = true;
+            } else if ('0' <= ch && ch <= '9'
+                    || ch == '-') {
+                if (!allowNumber)
+                     return false;
+            } else if (ch == '/' || ch == '.') {
+                if (!allowSep)
+                    return false;
+                allowNumber = false;
+                allowSep = false;
+                if (ch == '.')
+                     seenDot = true;
+                if (ch == '/' && seenDot)
+                     return false;
+            } else {
+                return false;
+            }
+        }
+        return true;
+    }
+    function loadFrames() {
+        if (targetPage != "" && targetPage != "undefined")
+             top.classFrame.location = top.targetPage;
+    }
+</script>
+</head>
+<frameset cols="20%,80%" title="Documentation frame" onload="top.loadFrames()">
+<frame src="allclasses-frame.html" name="packageFrame" title="All classes and interfaces (except non-static nested types)">
+<frame src="controlP5/package-summary.html" name="classFrame" title="Package, class and interface descriptions" scrolling="yes">
+<noframes>
+<noscript>
+<div>JavaScript is disabled on your browser.</div>
+</noscript>
+<h2>Frame Alert</h2>
+<p>This document is designed to be viewed using the frames feature. If you see this message, you are using a non-frame-capable web client. Link to <a href="controlP5/package-summary.html">Non-frame version</a>.</p>
+</noframes>
+</frameset>
+</html>
diff --git a/reference/overview-tree.html b/reference/overview-tree.html
new file mode 100644
index 0000000..2deea99
--- /dev/null
+++ b/reference/overview-tree.html
@@ -0,0 +1,253 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
+<!-- NewPage -->
+<html lang="en">
+<head>
+<!-- Generated by javadoc (version 1.7.0_51) on Sun Apr 27 21:39:48 SGT 2014 -->
+<title>Class Hierarchy (Javadocs: controlP5)</title>
+<meta name="date" content="2014-04-27">
+<link rel="stylesheet" type="text/css" href="stylesheet.css" title="Style">
+</head>
+<body>
+<script type="text/javascript"><!--
+    if (location.href.indexOf('is-external=true') == -1) {
+        parent.document.title="Class Hierarchy (Javadocs: controlP5)";
+    }
+//-->
+</script>
+<noscript>
+<div>JavaScript is disabled on your browser.</div>
+</noscript>
+<!-- ========= START OF TOP NAVBAR ======= -->
+<div class="topNav"><a name="navbar_top">
+<!--   -->
+</a><a href="#skip-navbar_top" title="Skip navigation links"></a><a name="navbar_top_firstrow">
+<!--   -->
+</a>
+<ul class="navList" title="Navigation">
+<li><a href="controlP5/package-summary.html">Package</a></li>
+<li>Class</li>
+<li class="navBarCell1Rev">Tree</li>
+<li><a href="index-all.html">Index</a></li>
+<li><a href="help-doc.html">Help</a></li>
+</ul>
+</div>
+<div class="subNav">
+<ul class="navList">
+<li>Prev</li>
+<li>Next</li>
+</ul>
+<ul class="navList">
+<li><a href="index.html?overview-tree.html" target="_top">Frames</a></li>
+<li><a href="overview-tree.html" target="_top">No Frames</a></li>
+</ul>
+<ul class="navList" id="allclasses_navbar_top">
+<li><a href="allclasses-noframe.html">All Classes</a></li>
+</ul>
+<div>
+<script type="text/javascript"><!--
+  allClassesLink = document.getElementById("allclasses_navbar_top");
+  if(window==top) {
+    allClassesLink.style.display = "block";
+  }
+  else {
+    allClassesLink.style.display = "none";
+  }
+  //-->
+</script>
+</div>
+<a name="skip-navbar_top">
+<!--   -->
+</a></div>
+<!-- ========= END OF TOP NAVBAR ========= -->
+<div class="header">
+<h1 class="title">Hierarchy For All Packages</h1>
+<span class="strong">Package Hierarchies:</span>
+<ul class="horizontal">
+<li><a href="controlP5/package-tree.html">controlP5</a></li>
+</ul>
+</div>
+<div class="contentContainer">
+<h2 title="Class Hierarchy">Class Hierarchy</h2>
+<ul>
+<li type="circle">java.lang.Object
+<ul>
+<li type="circle">java.util.AbstractCollection&lt;E&gt; (implements java.util.Collection&lt;E&gt;)
+<ul>
+<li type="circle">java.util.AbstractList&lt;E&gt; (implements java.util.List&lt;E&gt;)
+<ul>
+<li type="circle">java.util.ArrayList&lt;E&gt; (implements java.lang.Cloneable, java.util.List&lt;E&gt;, java.util.RandomAccess, java.io.Serializable)
+<ul>
+<li type="circle">controlP5.<a href="controlP5/ChartDataSet.html" title="class in controlP5"><span class="strong">ChartDataSet</span></a></li>
+</ul>
+</li>
+</ul>
+</li>
+</ul>
+</li>
+<li type="circle">controlP5.<a href="controlP5/CallbackEvent.html" title="class in controlP5"><span class="strong">CallbackEvent</span></a></li>
+<li type="circle">controlP5.<a href="controlP5/Canvas.html" title="class in controlP5"><span class="strong">Canvas</span></a></li>
+<li type="circle">controlP5.<a href="controlP5/CColor.html" title="class in controlP5"><span class="strong">CColor</span></a> (implements java.io.Serializable)</li>
+<li type="circle">controlP5.<a href="controlP5/Chart.ChartViewArea.html" title="class in controlP5"><span class="strong">Chart.ChartViewArea</span></a> (implements controlP5.<a href="controlP5/ControllerView.html" title="interface in controlP5">ControllerView</a>&lt;T&gt;)</li>
+<li type="circle">controlP5.<a href="controlP5/Chart.ChartViewBar.html" title="class in controlP5"><span class="strong">Chart.ChartViewBar</span></a> (implements controlP5.<a href="controlP5/ControllerView.html" title="interface in controlP5">ControllerView</a>&lt;T&gt;)</li>
+<li type="circle">controlP5.<a href="controlP5/Chart.ChartViewBarCentered.html" title="class in controlP5"><span class="strong">Chart.ChartViewBarCentered</span></a> (implements controlP5.<a href="controlP5/ControllerView.html" title="interface in controlP5">ControllerView</a>&lt;T&gt;)</li>
+<li type="circle">controlP5.<a href="controlP5/Chart.ChartViewLine.html" title="class in controlP5"><span class="strong">Chart.ChartViewLine</span></a> (implements controlP5.<a href="controlP5/ControllerView.html" title="interface in controlP5">ControllerView</a>&lt;T&gt;)</li>
+<li type="circle">controlP5.<a href="controlP5/Chart.ChartViewPie.html" title="class in controlP5"><span class="strong">Chart.ChartViewPie</span></a> (implements controlP5.<a href="controlP5/ControllerView.html" title="interface in controlP5">ControllerView</a>&lt;T&gt;)</li>
+<li type="circle">controlP5.<a href="controlP5/ChartData.html" title="class in controlP5"><span class="strong">ChartData</span></a></li>
+<li type="circle">controlP5.<a href="controlP5/ControlBehavior.html" title="class in controlP5"><span class="strong">ControlBehavior</span></a></li>
+<li type="circle">controlP5.<a href="controlP5/ControlBroadcaster.html" title="class in controlP5"><span class="strong">ControlBroadcaster</span></a></li>
+<li type="circle">controlP5.<a href="controlP5/ControlEvent.html" title="class in controlP5"><span class="strong">ControlEvent</span></a></li>
+<li type="circle">controlP5.<a href="controlP5/ControlFont.html" title="class in controlP5"><span class="strong">ControlFont</span></a></li>
+<li type="circle">controlP5.<a href="controlP5/Controller.html" title="class in controlP5"><span class="strong">Controller</span></a>&lt;T&gt; (implements controlP5.<a href="controlP5/CDrawable.html" title="interface in controlP5">CDrawable</a>, controlP5.<a href="controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;T&gt;, controlP5.<a href="controlP5/ControlP5Constants.html" title="interface in controlP5">ControlP5Constants</a>)
+<ul>
+<li type="circle">controlP5.<a href="controlP5/Bang.html" title="class in controlP5"><span class="strong">Bang</span></a></li>
+<li type="circle">controlP5.<a href="controlP5/BoundingBox.html" title="class in controlP5"><span class="strong">BoundingBox</span></a></li>
+<li type="circle">controlP5.<a href="controlP5/Button.html" title="class in controlP5"><span class="strong">Button</span></a>
+<ul>
+<li type="circle">controlP5.<a href="controlP5/MultiListButton.html" title="class in controlP5"><span class="strong">MultiListButton</span></a></li>
+</ul>
+</li>
+<li type="circle">controlP5.<a href="controlP5/Chart.html" title="class in controlP5"><span class="strong">Chart</span></a></li>
+<li type="circle">controlP5.<a href="controlP5/ColorWheel.html" title="class in controlP5"><span class="strong">ColorWheel</span></a></li>
+<li type="circle">controlP5.<a href="controlP5/Knob.html" title="class in controlP5"><span class="strong">Knob</span></a></li>
+<li type="circle">controlP5.<a href="controlP5/Matrix.html" title="class in controlP5"><span class="strong">Matrix</span></a></li>
+<li type="circle">controlP5.<a href="controlP5/MultiList.html" title="class in controlP5"><span class="strong">MultiList</span></a> (implements controlP5.<a href="controlP5/ControlListener.html" title="interface in controlP5">ControlListener</a>)</li>
+<li type="circle">controlP5.<a href="controlP5/Numberbox.html" title="class in controlP5"><span class="strong">Numberbox</span></a></li>
+<li type="circle">controlP5.<a href="controlP5/Range.html" title="class in controlP5"><span class="strong">Range</span></a></li>
+<li type="circle">controlP5.<a href="controlP5/ScrollableList.html" title="class in controlP5"><span class="strong">ScrollableList</span></a> (implements controlP5.<a href="controlP5/ControlListener.html" title="interface in controlP5">ControlListener</a>)</li>
+<li type="circle">controlP5.<a href="controlP5/Slider.html" title="class in controlP5"><span class="strong">Slider</span></a></li>
+<li type="circle">controlP5.<a href="controlP5/Slider2D.html" title="class in controlP5"><span class="strong">Slider2D</span></a></li>
+<li type="circle">controlP5.<a href="controlP5/Textfield.html" title="class in controlP5"><span class="strong">Textfield</span></a></li>
+<li type="circle">controlP5.<a href="controlP5/Textlabel.html" title="class in controlP5"><span class="strong">Textlabel</span></a>
+<ul>
+<li type="circle">controlP5.<a href="controlP5/FrameRate.html" title="class in controlP5"><span class="strong">FrameRate</span></a></li>
+</ul>
+</li>
+<li type="circle">controlP5.<a href="controlP5/Toggle.html" title="class in controlP5"><span class="strong">Toggle</span></a></li>
+</ul>
+</li>
+<li type="circle">controlP5.<a href="controlP5/ControllerGroup.html" title="class in controlP5"><span class="strong">ControllerGroup</span></a>&lt;T&gt; (implements controlP5.<a href="controlP5/ControllerInterface.html" title="interface in controlP5">ControllerInterface</a>&lt;T&gt;, controlP5.<a href="controlP5/ControlListener.html" title="interface in controlP5">ControlListener</a>, controlP5.<a href="controlP5/ControlP5Constants.html" title="interface in controlP5">ControlP5Constants</a>)
+<ul>
+<li type="circle">controlP5.<a href="controlP5/ControlGroup.html" title="class in controlP5"><span class="strong">ControlGroup</span></a>&lt;T&gt; (implements controlP5.<a href="controlP5/ControlListener.html" title="interface in controlP5">ControlListener</a>)
+<ul>
+<li type="circle">controlP5.<a href="controlP5/Accordion.html" title="class in controlP5"><span class="strong">Accordion</span></a></li>
+<li type="circle">controlP5.<a href="controlP5/CheckBox.html" title="class in controlP5"><span class="strong">CheckBox</span></a></li>
+<li type="circle">controlP5.<a href="controlP5/ColorPicker.html" title="class in controlP5"><span class="strong">ColorPicker</span></a></li>
+<li type="circle">controlP5.<a href="controlP5/DropdownList.html" title="class in controlP5"><span class="strong">DropdownList</span></a></li>
+<li type="circle">controlP5.<a href="controlP5/Group.html" title="class in controlP5"><span class="strong">Group</span></a></li>
+<li type="circle">controlP5.<a href="controlP5/ListBox.html" title="class in controlP5"><span class="strong">ListBox</span></a> (implements controlP5.<a href="controlP5/ControlListener.html" title="interface in controlP5">ControlListener</a>)</li>
+<li type="circle">controlP5.<a href="controlP5/RadioButton.html" title="class in controlP5"><span class="strong">RadioButton</span></a>
+<ul>
+<li type="circle">controlP5.<a href="controlP5/Radio.html" title="class in controlP5"><span class="strong">Radio</span></a></li>
+</ul>
+</li>
+</ul>
+</li>
+<li type="circle">controlP5.<a href="controlP5/Tab.html" title="class in controlP5"><span class="strong">Tab</span></a></li>
+<li type="circle">controlP5.<a href="controlP5/Textarea.html" title="class in controlP5"><span class="strong">Textarea</span></a> (implements controlP5.<a href="controlP5/ControlListener.html" title="interface in controlP5">ControlListener</a>)</li>
+</ul>
+</li>
+<li type="circle">controlP5.<a href="controlP5/ControllerList.html" title="class in controlP5"><span class="strong">ControllerList</span></a></li>
+<li type="circle">controlP5.<a href="controlP5/ControllerPlug.html" title="class in controlP5"><span class="strong">ControllerPlug</span></a></li>
+<li type="circle">controlP5.<a href="controlP5/ControllerProperties.html" title="class in controlP5"><span class="strong">ControllerProperties</span></a></li>
+<li type="circle">controlP5.<a href="controlP5/ControllerProperty.html" title="class in controlP5"><span class="strong">ControllerProperty</span></a> (implements java.lang.Cloneable, java.io.Serializable)</li>
+<li type="circle">controlP5.<a href="controlP5/ControllerStyle.html" title="class in controlP5"><span class="strong">ControllerStyle</span></a> (implements java.io.Serializable)</li>
+<li type="circle">controlP5.<a href="controlP5/ControlP5Legacy.html" title="class in controlP5"><span class="strong">ControlP5Legacy</span></a>
+<ul>
+<li type="circle">controlP5.<a href="controlP5/ControlP5Base.html" title="class in controlP5"><span class="strong">ControlP5Base</span></a> (implements controlP5.<a href="controlP5/ControlP5Constants.html" title="interface in controlP5">ControlP5Constants</a>)
+<ul>
+<li type="circle">controlP5.<a href="controlP5/ControlP5.html" title="class in controlP5"><span class="strong">ControlP5</span></a></li>
+</ul>
+</li>
+</ul>
+</li>
+<li type="circle">controlP5.<a href="controlP5/ControlTimer.html" title="class in controlP5"><span class="strong">ControlTimer</span></a></li>
+<li type="circle">controlP5.<a href="controlP5/ControlWindow.html" title="class in controlP5"><span class="strong">ControlWindow</span></a></li>
+<li type="circle">controlP5.<a href="controlP5/ControlWindow.Pointer.html" title="class in controlP5"><span class="strong">ControlWindow.Pointer</span></a></li>
+<li type="circle">controlP5.<a href="controlP5/CP.html" title="class in controlP5"><span class="strong">CP</span></a></li>
+<li type="circle">controlP5.<a href="controlP5/Label.html" title="class in controlP5"><span class="strong">Label</span></a> (implements controlP5.<a href="controlP5/CDrawable.html" title="interface in controlP5">CDrawable</a>)</li>
+<li type="circle">controlP5.<a href="controlP5/ListBoxItem.html" title="class in controlP5"><span class="strong">ListBoxItem</span></a></li>
+<li type="circle">processing.core.PFont (implements processing.core.PConstants)
+<ul>
+<li type="circle">controlP5.<a href="controlP5/BitFont.html" title="class in controlP5"><span class="strong">BitFont</span></a></li>
+</ul>
+</li>
+<li type="circle">controlP5.<a href="controlP5/Println.html" title="class in controlP5"><span class="strong">Println</span></a></li>
+<li type="circle">controlP5.<a href="controlP5/ScrollableList.ScrollableListView.html" title="class in controlP5"><span class="strong">ScrollableList.ScrollableListView</span></a> (implements controlP5.<a href="controlP5/ControllerView.html" title="interface in controlP5">ControllerView</a>&lt;T&gt;)</li>
+<li type="circle">controlP5.<a href="controlP5/TickMark.html" title="class in controlP5"><span class="strong">TickMark</span></a> (implements controlP5.<a href="controlP5/CDrawable.html" title="interface in controlP5">CDrawable</a>)</li>
+<li type="circle">controlP5.<a href="controlP5/Tooltip.html" title="class in controlP5"><span class="strong">Tooltip</span></a></li>
+</ul>
+</li>
+</ul>
+<h2 title="Interface Hierarchy">Interface Hierarchy</h2>
+<ul>
+<li type="circle">controlP5.<a href="controlP5/CallbackListener.html" title="interface in controlP5"><span class="strong">CallbackListener</span></a></li>
+<li type="circle">controlP5.<a href="controlP5/CDrawable.html" title="interface in controlP5"><span class="strong">CDrawable</span></a></li>
+<li type="circle">controlP5.<a href="controlP5/ControlKey.html" title="interface in controlP5"><span class="strong">ControlKey</span></a></li>
+<li type="circle">controlP5.<a href="controlP5/ControllerInterface.html" title="interface in controlP5"><span class="strong">ControllerInterface</span></a>&lt;T&gt;</li>
+<li type="circle">controlP5.<a href="controlP5/ControllerView.html" title="interface in controlP5"><span class="strong">ControllerView</span></a>&lt;T&gt;</li>
+<li type="circle">controlP5.<a href="controlP5/ControlListener.html" title="interface in controlP5"><span class="strong">ControlListener</span></a></li>
+<li type="circle">controlP5.<a href="controlP5/ControlP5Constants.html" title="interface in controlP5"><span class="strong">ControlP5Constants</span></a></li>
+<li type="circle">controlP5.<a href="controlP5/Pointer.html" title="interface in controlP5"><span class="strong">Pointer</span></a></li>
+</ul>
+<h2 title="Annotation Type Hierarchy">Annotation Type Hierarchy</h2>
+<ul>
+<li type="circle">controlP5.<a href="controlP5/ControlElement.html" title="annotation in controlP5"><span class="strong">ControlElement</span></a> (implements java.lang.annotation.Annotation)</li>
+</ul>
+<h2 title="Enum Hierarchy">Enum Hierarchy</h2>
+<ul>
+<li type="circle">java.lang.Object
+<ul>
+<li type="circle">java.lang.Enum&lt;E&gt; (implements java.lang.Comparable&lt;T&gt;, java.io.Serializable)
+<ul>
+<li type="circle">controlP5.<a href="controlP5/Textfield.InputFilter.html" title="enum in controlP5"><span class="strong">Textfield.InputFilter</span></a></li>
+</ul>
+</li>
+</ul>
+</li>
+</ul>
+</div>
+<!-- ======= START OF BOTTOM NAVBAR ====== -->
+<div class="bottomNav"><a name="navbar_bottom">
+<!--   -->
+</a><a href="#skip-navbar_bottom" title="Skip navigation links"></a><a name="navbar_bottom_firstrow">
+<!--   -->
+</a>
+<ul class="navList" title="Navigation">
+<li><a href="controlP5/package-summary.html">Package</a></li>
+<li>Class</li>
+<li class="navBarCell1Rev">Tree</li>
+<li><a href="index-all.html">Index</a></li>
+<li><a href="help-doc.html">Help</a></li>
+</ul>
+</div>
+<div class="subNav">
+<ul class="navList">
+<li>Prev</li>
+<li>Next</li>
+</ul>
+<ul class="navList">
+<li><a href="index.html?overview-tree.html" target="_top">Frames</a></li>
+<li><a href="overview-tree.html" target="_top">No Frames</a></li>
+</ul>
+<ul class="navList" id="allclasses_navbar_bottom">
+<li><a href="allclasses-noframe.html">All Classes</a></li>
+</ul>
+<div>
+<script type="text/javascript"><!--
+  allClassesLink = document.getElementById("allclasses_navbar_bottom");
+  if(window==top) {
+    allClassesLink.style.display = "block";
+  }
+  else {
+    allClassesLink.style.display = "none";
+  }
+  //-->
+</script>
+</div>
+<a name="skip-navbar_bottom">
+<!--   -->
+</a></div>
+<!-- ======== END OF BOTTOM NAVBAR ======= -->
+<p class="legalCopy"><small>processing library controlP5 by Andreas Schlegel. (c) 2006-2014</small></p>
+</body>
+</html>
diff --git a/reference/package-list b/reference/package-list
new file mode 100644
index 0000000..73e660c
--- /dev/null
+++ b/reference/package-list
@@ -0,0 +1 @@
+controlP5
diff --git a/reference/resources/background.gif b/reference/resources/background.gif
new file mode 100644
index 0000000..f471940
Binary files /dev/null and b/reference/resources/background.gif differ
diff --git a/reference/resources/tab.gif b/reference/resources/tab.gif
new file mode 100644
index 0000000..1a73a83
Binary files /dev/null and b/reference/resources/tab.gif differ
diff --git a/reference/resources/titlebar.gif b/reference/resources/titlebar.gif
new file mode 100644
index 0000000..17443b3
Binary files /dev/null and b/reference/resources/titlebar.gif differ
diff --git a/reference/resources/titlebar_end.gif b/reference/resources/titlebar_end.gif
new file mode 100644
index 0000000..3ad78d4
Binary files /dev/null and b/reference/resources/titlebar_end.gif differ
diff --git a/reference/serialized-form.html b/reference/serialized-form.html
new file mode 100644
index 0000000..1d9068d
--- /dev/null
+++ b/reference/serialized-form.html
@@ -0,0 +1,330 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
+<!-- NewPage -->
+<html lang="en">
+<head>
+<!-- Generated by javadoc (version 1.7.0_51) on Sun Apr 27 21:39:48 SGT 2014 -->
+<title>Serialized Form (Javadocs: controlP5)</title>
+<meta name="date" content="2014-04-27">
+<link rel="stylesheet" type="text/css" href="stylesheet.css" title="Style">
+</head>
+<body>
+<script type="text/javascript"><!--
+    if (location.href.indexOf('is-external=true') == -1) {
+        parent.document.title="Serialized Form (Javadocs: controlP5)";
+    }
+//-->
+</script>
+<noscript>
+<div>JavaScript is disabled on your browser.</div>
+</noscript>
+<!-- ========= START OF TOP NAVBAR ======= -->
+<div class="topNav"><a name="navbar_top">
+<!--   -->
+</a><a href="#skip-navbar_top" title="Skip navigation links"></a><a name="navbar_top_firstrow">
+<!--   -->
+</a>
+<ul class="navList" title="Navigation">
+<li><a href="controlP5/package-summary.html">Package</a></li>
+<li>Class</li>
+<li><a href="overview-tree.html">Tree</a></li>
+<li><a href="index-all.html">Index</a></li>
+<li><a href="help-doc.html">Help</a></li>
+</ul>
+</div>
+<div class="subNav">
+<ul class="navList">
+<li>Prev</li>
+<li>Next</li>
+</ul>
+<ul class="navList">
+<li><a href="index.html?serialized-form.html" target="_top">Frames</a></li>
+<li><a href="serialized-form.html" target="_top">No Frames</a></li>
+</ul>
+<ul class="navList" id="allclasses_navbar_top">
+<li><a href="allclasses-noframe.html">All Classes</a></li>
+</ul>
+<div>
+<script type="text/javascript"><!--
+  allClassesLink = document.getElementById("allclasses_navbar_top");
+  if(window==top) {
+    allClassesLink.style.display = "block";
+  }
+  else {
+    allClassesLink.style.display = "none";
+  }
+  //-->
+</script>
+</div>
+<a name="skip-navbar_top">
+<!--   -->
+</a></div>
+<!-- ========= END OF TOP NAVBAR ========= -->
+<div class="header">
+<h1 title="Serialized Form" class="title">Serialized Form</h1>
+</div>
+<div class="serializedFormContainer">
+<ul class="blockList">
+<li class="blockList">
+<h2 title="Package">Package&nbsp;controlP5</h2>
+<ul class="blockList">
+<li class="blockList"><a name="controlP5.CColor">
+<!--   -->
+</a>
+<h3>Class <a href="controlP5/CColor.html" title="class in controlP5">controlP5.CColor</a> extends java.lang.Object implements Serializable</h3>
+<ul class="blockList">
+<li class="blockList"><a name="serializedForm">
+<!--   -->
+</a>
+<h3>Serialized Fields</h3>
+<ul class="blockList">
+<li class="blockList">
+<h4>colorBackground</h4>
+<pre>int colorBackground</pre>
+</li>
+<li class="blockList">
+<h4>colorForeground</h4>
+<pre>int colorForeground</pre>
+</li>
+<li class="blockList">
+<h4>colorActive</h4>
+<pre>int colorActive</pre>
+</li>
+<li class="blockList">
+<h4>colorCaptionLabel</h4>
+<pre>int colorCaptionLabel</pre>
+</li>
+<li class="blockList">
+<h4>colorValueLabel</h4>
+<pre>int colorValueLabel</pre>
+</li>
+<li class="blockList">
+<h4>colorBackgroundAlpha</h4>
+<pre>int colorBackgroundAlpha</pre>
+</li>
+<li class="blockList">
+<h4>colorForegroundAlpha</h4>
+<pre>int colorForegroundAlpha</pre>
+</li>
+<li class="blockList">
+<h4>colorActiveAlpha</h4>
+<pre>int colorActiveAlpha</pre>
+</li>
+<li class="blockList">
+<h4>colorCaptionLabelAlpha</h4>
+<pre>int colorCaptionLabelAlpha</pre>
+</li>
+<li class="blockList">
+<h4>colorValueLabelAlpha</h4>
+<pre>int colorValueLabelAlpha</pre>
+</li>
+<li class="blockList">
+<h4>alpha</h4>
+<pre>int alpha</pre>
+</li>
+<li class="blockList">
+<h4>maskA</h4>
+<pre>int maskA</pre>
+</li>
+<li class="blockList">
+<h4>maskR</h4>
+<pre>int maskR</pre>
+</li>
+<li class="blockList">
+<h4>maskG</h4>
+<pre>int maskG</pre>
+</li>
+<li class="blockListLast">
+<h4>maskB</h4>
+<pre>int maskB</pre>
+</li>
+</ul>
+</li>
+</ul>
+</li>
+<li class="blockList"><a name="controlP5.ChartDataSet">
+<!--   -->
+</a>
+<h3>Class <a href="controlP5/ChartDataSet.html" title="class in controlP5">controlP5.ChartDataSet</a> extends java.util.ArrayList&lt;<a href="controlP5/ChartData.html" title="class in controlP5">ChartData</a>&gt; implements Serializable</h3>
+<ul class="blockList">
+<li class="blockList"><a name="serializedForm">
+<!--   -->
+</a>
+<h3>Serialized Fields</h3>
+<ul class="blockList">
+<li class="blockList">
+<h4>_myColor</h4>
+<pre><a href="controlP5/CColor.html" title="class in controlP5">CColor</a> _myColor</pre>
+</li>
+<li class="blockList">
+<h4>_myStrokeWeight</h4>
+<pre>float _myStrokeWeight</pre>
+</li>
+<li class="blockList">
+<h4>colors</h4>
+<pre>int[] colors</pre>
+</li>
+<li class="blockListLast">
+<h4>_myName</h4>
+<pre>java.lang.String _myName</pre>
+</li>
+</ul>
+</li>
+</ul>
+</li>
+<li class="blockList"><a name="controlP5.ControllerProperty">
+<!--   -->
+</a>
+<h3>Class <a href="controlP5/ControllerProperty.html" title="class in controlP5">controlP5.ControllerProperty</a> extends java.lang.Object implements Serializable</h3>
+<dl class="nameValue">
+<dt>serialVersionUID:</dt>
+<dd>4506431150330867327L</dd>
+</dl>
+<ul class="blockList">
+<li class="blockList"><a name="serializedForm">
+<!--   -->
+</a>
+<h3>Serialized Fields</h3>
+<ul class="blockList">
+<li class="blockList">
+<h4>setter</h4>
+<pre>java.lang.String setter</pre>
+</li>
+<li class="blockList">
+<h4>getter</h4>
+<pre>java.lang.String getter</pre>
+</li>
+<li class="blockList">
+<h4>type</h4>
+<pre>java.lang.Class&lt;T&gt; type</pre>
+</li>
+<li class="blockList">
+<h4>value</h4>
+<pre>java.lang.Object value</pre>
+</li>
+<li class="blockList">
+<h4>address</h4>
+<pre>java.lang.String address</pre>
+</li>
+<li class="blockListLast">
+<h4>id</h4>
+<pre>int id</pre>
+</li>
+</ul>
+</li>
+</ul>
+</li>
+<li class="blockList"><a name="controlP5.ControllerStyle">
+<!--   -->
+</a>
+<h3>Class <a href="controlP5/ControllerStyle.html" title="class in controlP5">controlP5.ControllerStyle</a> extends java.lang.Object implements Serializable</h3>
+<dl class="nameValue">
+<dt>serialVersionUID:</dt>
+<dd>3250201688970310633L</dd>
+</dl>
+<ul class="blockList">
+<li class="blockList"><a name="serializedForm">
+<!--   -->
+</a>
+<h3>Serialized Fields</h3>
+<ul class="blockList">
+<li class="blockList">
+<h4>paddingTop</h4>
+<pre>int paddingTop</pre>
+</li>
+<li class="blockList">
+<h4>paddingRight</h4>
+<pre>int paddingRight</pre>
+</li>
+<li class="blockList">
+<h4>paddingBottom</h4>
+<pre>int paddingBottom</pre>
+</li>
+<li class="blockList">
+<h4>paddingLeft</h4>
+<pre>int paddingLeft</pre>
+</li>
+<li class="blockList">
+<h4>marginTop</h4>
+<pre>int marginTop</pre>
+</li>
+<li class="blockList">
+<h4>marginRight</h4>
+<pre>int marginRight</pre>
+</li>
+<li class="blockList">
+<h4>marginBottom</h4>
+<pre>int marginBottom</pre>
+</li>
+<li class="blockList">
+<h4>marginLeft</h4>
+<pre>int marginLeft</pre>
+</li>
+<li class="blockList">
+<h4>background</h4>
+<pre>int background</pre>
+</li>
+<li class="blockList">
+<h4>backgroundWidth</h4>
+<pre>int backgroundWidth</pre>
+</li>
+<li class="blockList">
+<h4>backgroundHeight</h4>
+<pre>int backgroundHeight</pre>
+</li>
+<li class="blockListLast">
+<h4>color</h4>
+<pre>int color</pre>
+</li>
+</ul>
+</li>
+</ul>
+</li>
+</ul>
+</li>
+</ul>
+</div>
+<!-- ======= START OF BOTTOM NAVBAR ====== -->
+<div class="bottomNav"><a name="navbar_bottom">
+<!--   -->
+</a><a href="#skip-navbar_bottom" title="Skip navigation links"></a><a name="navbar_bottom_firstrow">
+<!--   -->
+</a>
+<ul class="navList" title="Navigation">
+<li><a href="controlP5/package-summary.html">Package</a></li>
+<li>Class</li>
+<li><a href="overview-tree.html">Tree</a></li>
+<li><a href="index-all.html">Index</a></li>
+<li><a href="help-doc.html">Help</a></li>
+</ul>
+</div>
+<div class="subNav">
+<ul class="navList">
+<li>Prev</li>
+<li>Next</li>
+</ul>
+<ul class="navList">
+<li><a href="index.html?serialized-form.html" target="_top">Frames</a></li>
+<li><a href="serialized-form.html" target="_top">No Frames</a></li>
+</ul>
+<ul class="navList" id="allclasses_navbar_bottom">
+<li><a href="allclasses-noframe.html">All Classes</a></li>
+</ul>
+<div>
+<script type="text/javascript"><!--
+  allClassesLink = document.getElementById("allclasses_navbar_bottom");
+  if(window==top) {
+    allClassesLink.style.display = "block";
+  }
+  else {
+    allClassesLink.style.display = "none";
+  }
+  //-->
+</script>
+</div>
+<a name="skip-navbar_bottom">
+<!--   -->
+</a></div>
+<!-- ======== END OF BOTTOM NAVBAR ======= -->
+<p class="legalCopy"><small>processing library controlP5 by Andreas Schlegel. (c) 2006-2014</small></p>
+</body>
+</html>
diff --git a/reference/stylesheet.css b/reference/stylesheet.css
new file mode 100644
index 0000000..f605b49
--- /dev/null
+++ b/reference/stylesheet.css
@@ -0,0 +1,561 @@
+/* Javadoc style sheet */
+/*
+Overall document style
+*/
+body {
+    background-color:#f4f4f4;
+    color:#111111;
+    font-family:Arial, Helvetica, sans-serif;
+    font-size:76%;
+    padding:0;
+    margin:0;
+    margin-top:20px;
+}
+a:link, a:visited {
+    text-decoration:none;
+    color:#0074D9; /* OK */
+}
+a:hover, a:focus {
+    text-decoration:none;
+    color:#2ECC40; /* OK */
+}
+a:active {
+    text-decoration:none;
+    color:#2ECC40; /* OK */
+}
+a[name] {
+    color:#ffff00;
+}
+a[name]:hover {
+    text-decoration:none;
+    color:#2ECC40;
+}
+pre {
+    font-size:1.3em;
+}
+h1 {
+    font-size:1.8em;
+}
+h2 {
+    font-size:1.5em;
+}
+h3 {
+    font-size:1.4em;
+}
+h4 {
+    font-size:1.3em;
+}
+h5 {
+    font-size:1.2em;
+}
+h6 {
+    font-size:1.1em;
+}
+ul {
+    list-style-type:disc;
+}
+code, tt {
+    font-size:1.2em;
+}
+dt code {
+    font-size:1.2em;
+}
+table tr td dt code {
+    font-size:1.2em;
+    vertical-align:top;
+}
+sup {
+    font-size:.6em;
+}
+/*
+Document title and Copyright styles
+*/
+.clear {
+    clear:both;
+    height:0px;
+    overflow:hidden;
+}
+.aboutLanguage {
+    float:right;
+    padding:0px 21px;
+    font-size:.8em;
+    z-index:200;
+    margin-top:-7px;
+}
+.legalCopy {
+    margin-left:20px;
+    margin-bottom:100px;
+    width:200px;
+}
+p.legalCopy small {
+    font-size:1em;
+
+}
+.bar a, .bar a:link, .bar a:visited, .bar a:active {
+    color:#ff0000;
+    text-decoration:none;
+}
+.bar a:hover, .bar a:focus {
+    color:#ff0000;
+}
+.tab {
+    background-color:#ff0000;
+    background-position:left top;
+    background-repeat:no-repeat;
+    color:#ffff00;
+    padding:8px;
+    width:5em;
+    font-weight:bold;
+}
+/*
+Navigation bar styles
+*/
+.bar {
+    background-repeat:repeat-x;
+    color:#0074D9; /* OK */
+    padding:.8em .5em .4em .8em;
+    height:auto;/*height:1.8em;*/
+    font-size:1em;
+    margin:0;
+}
+.topNav {
+    color:#2ECC40;
+    float:left;
+    padding:0;
+    clear:right;
+    height:2.8em;
+    padding-top:10px;
+    padding-left:10px;
+    overflow:hidden;
+}
+.bottomNav {
+    margin-top:10px;
+    color:#2ECC40;
+    float:left;
+    padding:0;
+    clear:right;
+    height:2.8em;
+    padding-top:10px;
+    padding-left:10px;
+    overflow:hidden;
+}
+.subNav {
+    background-color:#f4f4f4;
+    padding:20px 10px;
+    margin:10px 0px;
+    clear:left;
+    float:left;
+    overflow:hidden;
+}
+.subNav div {
+    clear:left;
+    float:left;
+}
+
+ul.navList, ul.subNavList {
+    float:left;
+    margin:0 0 0 0px;
+    padding:0 0 0 0px;
+}
+
+ul.subNavList {
+    border-bottom:1px solid black;
+    margin-left:10px;
+    padding-top:10px;
+}
+ul.navList li{
+    list-style:none;
+    float:left;
+    padding:6px 10px;
+}
+ul.subNavList li{
+    list-style:none;
+    float:left;
+    font-size:90%;
+}
+.topNav a:link, .topNav a:active, .topNav a:visited, .bottomNav a:link, .bottomNav a:active, .bottomNav a:visited {
+    color:#0074D9; /* OK */
+    text-decoration:none;
+}
+.topNav a:hover, .bottomNav a:hover {
+    text-decoration:none;
+    color:#2ECC40; /* OK */
+}
+
+/*
+Page header and footer styles
+*/
+.header, .footer {
+    clear:both;
+    margin:0 20px;
+    padding:5px 0 0 0;
+}
+.indexHeader {
+    margin:10px;
+    position:relative;
+}
+.indexHeader h1 {
+    font-size:1.3em;
+}
+.title {
+    color:#001F3F;
+    margin:10px 0;
+    font-weight: normal;
+}
+.subTitle {
+    margin:5px 0 0 0;
+}
+.header ul {
+    margin:0 0 25px 0;
+    padding:0;
+}
+.footer ul {
+    margin:20px 0 5px 0;
+}
+.header ul li, .footer ul li {
+    list-style:none;
+    font-size:1.2em;
+}
+/*
+Heading styles
+*/
+div.details ul.blockList ul.blockList ul.blockList li.blockList h4, div.details ul.blockList ul.blockList ul.blockListLast li.blockList h4 {
+    background-color:#DDDDDD; /* OK, method-details */
+    margin:0 0 6px -8px;
+    padding:10px 5px;
+    border-top:1px solid #0074D9; /* OK */
+}
+ul.blockList ul.blockList ul.blockList li.blockList h3 {
+    background-color:#DDDDDD; /* OK, method summary */
+    margin:0 0 6px -8px;
+    padding:12px 5px;
+    border-top:1px solid #0074D9; /* OK */
+}
+ul.blockList ul.blockList li.blockList h3 {
+    padding:0;
+    margin:15px 0;
+}
+ul.blockList li.blockList h2 {
+    padding:0px 0 20px 0;
+}
+/*
+Page layout container styles
+*/
+.contentContainer, .sourceContainer, .classUseContainer, .serializedFormContainer, .constantValuesContainer {
+    clear:both;
+    padding:50px 20px;
+    position:relative;
+}
+.indexContainer {
+    margin:10px;
+    position:relative;
+    font-size:1.0em;
+}
+.indexContainer h2 {
+    font-size:1.1em;
+    padding:0 0 3px 0;
+}
+.indexContainer ul {
+    margin:0;
+    padding:0;
+}
+.indexContainer ul li {
+    list-style:none;
+}
+.contentContainer dl dt {
+    border-top:1px solid #0074D9;
+    padding-top:5px;
+}
+
+.contentContainer dl dd {
+    margin-bottom:10px;
+}
+
+
+.contentContainer .description dl dt, .contentContainer .details dl dt, .serializedFormContainer dl dt {
+    font-size:1.1em;
+    font-weight:bold;
+    margin:10px 0 0 0;
+    color:#001F3F; /* OK */
+}
+.contentContainer .description dl dd, .contentContainer .details dl dd, .serializedFormContainer dl dd {
+    margin:10px 0 10px 20px;
+}
+.serializedFormContainer dl.nameValue dt {
+    margin-left:1px;
+    font-size:1.1em;
+    display:inline;
+    font-weight:bold;
+}
+.serializedFormContainer dl.nameValue dd {
+    margin:0 0 0 1px;
+    font-size:1.1em;
+    display:inline;
+}
+/*
+List styles
+*/
+ul.horizontal li {
+    display:inline;
+    font-size:0.9em;
+}
+ul.inheritance {
+    margin:0;
+    padding:0;
+}
+ul.inheritance li {
+    display:inline;
+    list-style:none;
+}
+ul.inheritance li ul.inheritance {
+    margin-left:15px;
+    padding-left:15px;
+    padding-top:1px;
+}
+ul.blockList, ul.blockListLast {
+    margin:10px 0 10px 0;
+    padding:0;
+
+}
+ul.blockList li.blockList, ul.blockListLast li.blockList {
+    list-style:none;
+    margin-bottom:25px;
+
+}
+ul.blockList ul.blockList li.blockList, ul.blockList ul.blockListLast li.blockList {
+    padding:0px 20px 5px 10px;
+    border:1px solid #0074D9; /* OK */
+    background-color:#ffffff;
+}
+
+ul.blockList ul.blockList ul.blockList li.blockList, ul.blockList ul.blockList ul.blockListLast li.blockList {
+    padding:0 0 5px 8px;
+    border:1px solid #0074D9; /* OK */
+    background-color:#ffffff;
+    border-top:none;
+}
+ul.blockList ul.blockList ul.blockList ul.blockList li.blockList {
+    margin-left:0;
+    padding-left:0;
+    padding-bottom:15px;
+    border:none;
+    border-bottom:1px solid #0074D9;
+}
+ul.blockList ul.blockList ul.blockList ul.blockList li.blockListLast {
+    list-style:none;
+    border-bottom:none;
+    padding-bottom:0;
+}
+table tr td dl, table tr td dl dt, table tr td dl dd {
+    margin-top:0px;
+    margin-bottom:1px;  
+}
+/*
+Table styles
+*/
+.contentContainer table, .classUseContainer table, .constantValuesContainer table {
+    border-bottom:1px solid #0074D9;
+    width:100%;
+}
+.contentContainer ul li table, .classUseContainer ul li table, .constantValuesContainer ul li table {
+    width:100%;
+}
+.contentContainer .description table, .contentContainer .details table {
+    border-bottom:none;
+}
+.contentContainer ul li table th.colOne, .contentContainer ul li table th.colFirst, .contentContainer ul li table th.colLast, .classUseContainer ul li table th, .constantValuesContainer ul li table th, .contentContainer ul li table td.colOne, .contentContainer ul li table td.colFirst, .contentContainer ul li table td.colLast, .classUseContainer ul li table td, .constantValuesContainer ul li table td{
+    vertical-align:top;
+    padding-right:20px;
+}
+.contentContainer ul li table th.colLast, .classUseContainer ul li table th.colLast,.constantValuesContainer ul li table th.colLast,
+.contentContainer ul li table td.colLast, .classUseContainer ul li table td.colLast,.constantValuesContainer ul li table td.colLast,
+.contentContainer ul li table th.colOne, .classUseContainer ul li table th.colOne,
+.contentContainer ul li table td.colOne, .classUseContainer ul li table td.colOne {
+    padding-right:3px;
+}
+.overviewSummary caption, .packageSummary caption, .contentContainer ul.blockList li.blockList caption, .summary caption, .classUseContainer caption, .constantValuesContainer caption {
+    position:relative;
+    text-align:left;
+    background-repeat:no-repeat;
+    color:#ff0000;
+    font-weight:bold;
+    clear:none;
+    overflow:hidden;
+    padding:0px;
+    margin:0px;
+    padding:20px 20px;
+}
+caption a:link, caption a:hover, caption a:active, caption a:visited {
+    color:#ff0000;
+}
+.overviewSummary caption span, .packageSummary caption span, .contentContainer ul.blockList li.blockList caption span, .summary caption span, .classUseContainer caption span, .constantValuesContainer caption span {
+    white-space:nowrap;
+    padding-top:8px;
+    padding-left:0px;
+    display:block;
+    float:left;
+    height:18px;
+    color:#001F3F;
+    font-size:1.4em;
+    font-weight:normal;
+}
+.overviewSummary .tabEnd, .packageSummary .tabEnd, .contentContainer ul.blockList li.blockList .tabEnd, .summary .tabEnd, .classUseContainer .tabEnd, .constantValuesContainer .tabEnd {
+    width:10px;
+    position:relative;
+    float:left;
+}
+ul.blockList ul.blockList li.blockList table {
+    margin:0 0 12px 0px;
+    width:100%;
+}
+.tableSubHeadingColor {
+    background-color: #ffff00;
+}
+
+.altColor {
+    background-color:#ffffff;
+}
+.rowColor {
+    background-color:#f0f0f0;
+}
+.overviewSummary td, .packageSummary td, .contentContainer ul.blockList li.blockList td, .summary td, .classUseContainer td, .constantValuesContainer td {
+    text-align:left;
+    padding:3px 3px 3px 7px;
+}
+th.colFirst, th.colLast, th.colOne, .constantValuesContainer th {
+    background:#01FF70;
+    border-top:1px solid #0074D9;
+    border-bottom:1px solid #0074D9;
+    text-align:left;
+    padding:12px 3px 12px 7px;
+}
+td.colOne a:link, td.colOne a:active, td.colOne a:visited, td.colOne a:hover, td.colFirst a:link, td.colFirst a:active, td.colFirst a:visited, td.colFirst a:hover, td.colLast a:link, td.colLast a:active, td.colLast a:visited, td.colLast a:hover, .constantValuesContainer td a:link, .constantValuesContainer td a:active, .constantValuesContainer td a:visited, .constantValuesContainer td a:hover {
+    font-weight:normal;
+}
+td.colFirst, th.colFirst {
+    border-left:1px solid #0074D9;
+    white-space:nowrap;
+}
+td.colLast, th.colLast {
+    border-right:1px solid #0074D9;
+}
+td.colOne, th.colOne {
+    border-right:1px solid #0074D9;
+    border-left:1px solid #0074D9;
+}
+table.overviewSummary  {
+    padding:0px;
+    margin-left:0px;
+}
+table.overviewSummary td.colFirst, table.overviewSummary th.colFirst,
+table.overviewSummary td.colOne, table.overviewSummary th.colOne {
+    width:25%;
+    vertical-align:middle;
+}
+table.packageSummary td.colFirst, table.overviewSummary th.colFirst {
+    width:25%;
+    vertical-align:middle;
+}
+/*
+Content styles
+*/
+.description pre {
+    margin-top:0;
+}
+.deprecatedContent {
+    margin:0;
+    padding:10px 0;
+}
+.docSummary {
+    padding:0;
+}
+/*
+Formatting effect styles
+*/
+.sourceLineNo {
+    color:green;
+    padding:0 30px 0 0;
+}
+h1.hidden {
+    visibility:hidden;
+    overflow:hidden;
+    font-size:.9em;
+}
+.block {
+    display:block;
+    margin:3px 0 0 0;
+}
+.strong {
+    font-weight:bold;
+}
+
+
+
+.toggleList { 
+    padding:0;
+    margin:0;
+    margin-top:12px;
+    border:0;
+}
+
+.toggleList dt {
+    background:#01FF70;
+    color:#333;
+    display:inline-block;
+    padding:8px 16px;
+    margin:10px 0px 10px 0px;
+    -moz-border-radius: 20px; /* Firefox */
+    -webkit-border-radius: 20px; /* Safari, Chrome */
+    border-radius: 20px; /* CSS3 */
+    border-top:0;
+}
+
+.toggleList dt:hover {
+    cursor:pointer;
+}
+
+.toggleList dt span { 
+    border-top:0;
+    font-family: monospace;
+    padding:0;
+    margin:0;
+}
+
+ 
+.toggleList dd {
+    margin:0;
+    padding:0; 
+    border:0;
+}
+
+html.isjs .toggleList dd { 
+    border:0;
+    display: none; 
+}
+
+.toggleList pre {
+    padding: 4px 4px 4px 4px;
+}
+
+
+
+
+.navBarCell1Rev {
+    background-color:#0074D9;
+    color:#ffffff;
+    -moz-border-radius: 20px; /* Firefox */
+    -webkit-border-radius: 20px; /* Safari, Chrome */
+    border-radius: 20px; /* CSS3 */
+    display:inline-block;
+    margin:0px 10px 0px 10px;
+}
+
+pre {
+
+    font-size:1em;
+}
+
+
+p {
+    width:80%;
+}
diff --git a/resources/build.xml b/resources/build.xml
new file mode 100644
index 0000000..7e2adab
--- /dev/null
+++ b/resources/build.xml
@@ -0,0 +1,337 @@
+<project name="controlP5" default="build" basedir="../">
+    
+	<description>
+        ant build file for controlP5, a gui processing library.
+    </description>
+
+	<property name="processing" 				   location="${user.home}/Documents/Processing/libraries"/>
+	<property name="libraryClasspath"  			   location="../libs"/>	
+	<path id="library-classpath">
+		<fileset dir="${libraryClasspath}" >		
+			<include name="core.jar"/>
+		</fileset>
+	</path>		
+	<property name="javaVersion"                value="1.6"/>
+	<property name="author"                     value="Andreas Schlegel"/>	
+	<property name="copyright"                  value="(c) 2006-2014"/>
+	<property name="libraryName"                value="controlP5"/>
+	<property name="versionNumber"              value="2.2.1"/>
+	<property name="yourLink"                   value="http://www.sojamo.de" />
+	<property name="keywords"                   value="gui, ui, controller, interface, user interface" />
+	<property name="tested:platform"            value="osx, windows, linux" />
+	<property name="tested:processingVersion"  	value="2.0" />	
+	<property name="tested:dependencies"        value="none" />
+	<property name="source:host"                value="google code" />
+	<property name="source:url"                 value="http://code.google.com/p/controlp5" />
+	<property name="source:repository"          value="http://code.google.com/p/controlp5/source/browse/" />
+
+
+	
+	<!-- no changes or adjustments required below -->
+	
+	
+	<!-- Create the time stamp -->
+	<tstamp> 
+		<format property="date" pattern="MM/dd/yyyy" offset="0" unit="hour"/>
+	</tstamp>
+	
+	<taskdef resource="net/sf/antcontrib/antcontrib.properties">
+		<classpath>
+			<pathelement location="./resources/code/ant-contrib-1.0b3.jar"/>
+		</classpath>
+	</taskdef>
+	
+	<property name="jarFile" 			value="${libraryName}.jar"/>
+	<property name="src" 				location="src"/>
+	<property name="bin" 				location="bin"/>
+	<property name="reference" 			location="reference"/>
+	<property name="dist" 				location="distribution"/>
+	<property name="resources" 			location="resources"/>
+	
+
+	<target name="init">
+	
+	<echo>
+	--------------------------------------------------------------------------------------------
+	${date} compiling ${libraryName} ${versionNumber}
+	--------------------------------------------------------------------------------------------
+	Properties initialized
+	--------------------------------------------------------------------------------------------
+	
+	src path			${src}
+	bin path 			${bin}
+	libraryClasspath		${libraryClasspath}
+	processing Libraries		${processing}
+	java version			${javaVersion}
+	</echo>		
+	
+	<echo>
+	--------------------------------------------------------------------------------------------
+	building library ...
+	</echo>
+	
+	
+	
+	
+	<delete dir="${bin}"/>
+	<mkdir dir="${bin}"/>
+	<delete dir="${dist}"/>	
+	<mkdir dir="${dist}"/>
+  
+  </target>
+  
+  
+	<!-- compile the library -->
+	<target name="compile" depends="init" description="compile the source" >  	
+		<javac srcdir="${src}" destdir="${bin}" source="${javaVersion}" target="${javaVersion}">
+			<classpath>
+				<path refid="library-classpath"/>
+			</classpath>
+		</javac>
+	</target>
+  
+  
+
+	<!-- build the distribution of the library -->
+	<target name="prepare" depends="compile" description="generate the distribution" >
+	  	<!-- delete the previous content of the ${dist} folder -->
+  		<delete dir="${dist}" />
+  	
+  		<!-- build the structure for ${dist} -->
+	  	<mkdir dir="${dist}" />
+  		<mkdir dir="${dist}/library" />
+	  	<mkdir dir="${dist}/examples" />
+  		<mkdir dir="${dist}/reference" />
+	  	<mkdir dir="${dist}/src" />
+  		<jar jarfile="${dist}/library/${jarFile}" basedir="${bin}"/>
+	  	<copy todir="${dist}/examples">
+  			<fileset dir="examples"/>
+	  	</copy>
+  		<copy todir="${dist}/src">
+  			<fileset dir="src"/>
+	  	</copy> 
+	  	
+	  	
+		<path id="src.contents"><fileset dir="${dist}/src" includes="**/*.java" /></path>
+		<property name="src.list" refid="src.contents" />
+		<foreach list="${src.list}" param="file" target="versionSourcefile" delimiter=":" />
+		
+	</target>
+  	
+  	
+  	
+  	<target name="build" depends="prepare" description="generate the reference" >
+	<!-- create the java reference of the library -->
+	<echo>Generating JavaDoc Reference</echo>
+ 	<mkdir dir="${reference}" />
+ 	
+  
+ 	<javadoc bottom="processing library ${libraryName} by ${author}. ${copyright}" 
+ 			 classpath="${libraryClasspath}/core.jar" 
+ 			 destdir="${reference}" 
+ 			 verbose="false" 
+ 			 nodeprecated="true" 
+ 			 stylesheetfile="resources/stylesheet.css"
+ 			 doctitle="Javadocs: ${libraryName}" 
+ 			 public="true" version="false" 
+ 			 windowtitle="Javadocs: ${libraryName}">
+ 		<taglet name="ExampleTaglet" path="resources/code" />
+ 		<fileset dir="${src}" defaultexcludes="yes">
+			<include name="**/*.java"/>
+		</fileset>
+ 	</javadoc>
+ 
+ 	
+	<copy todir="${dist}/reference">
+		<fileset dir="${reference}" />
+	</copy>
+  	
+  	  	<!-- copy the jar file to processing's libraries -->
+  	  	<mkdir dir="${processing}/${libraryName}" />
+  		<copy todir="${processing}/${libraryName}">
+  			<fileset dir="${dist}"/>
+  		</copy> 
+
+  	<mkdir dir="${dist}/${libraryName}-${versionNumber}" />
+  	<mkdir dir="${dist}/${libraryName}-${versionNumber}/controlP5" />
+  	<mkdir dir="${dist}/${libraryName}-${versionNumber}/controlP5/src" />
+  	<mkdir dir="${dist}/${libraryName}-${versionNumber}/controlP5/examples" />
+  	<mkdir dir="${dist}/${libraryName}-${versionNumber}/controlP5/reference" />
+  	<mkdir dir="${dist}/${libraryName}-${versionNumber}/controlP5/library" />
+  	<mkdir dir="${dist}/tmp" />
+	<mkdir dir="${dist}/tmp/${libraryName}" />
+
+  	<copy todir="${dist}/${libraryName}-${versionNumber}/controlP5/src"><fileset dir="${dist}/src"/></copy>
+  	<copy todir="${dist}/${libraryName}-${versionNumber}/controlP5/examples"><fileset dir="${dist}/examples"/></copy>
+  	<copy todir="${dist}/${libraryName}-${versionNumber}/controlP5/reference"><fileset dir="${dist}/reference"/></copy>
+  	<copy todir="${dist}/${libraryName}-${versionNumber}/controlP5/library"><fileset dir="${dist}/library"/></copy>
+    
+  	<copyfile src="${resources}/install_instructions.txt" dest="${dist}/tmp/install_instructions.txt"/>
+    <copyfile src="${resources}/library.properties" dest="${dist}/tmp/controlP5/library.properties"/>
+
+  	<move todir="${dist}/tmp/${libraryName}">
+  		<fileset dir="${dist}/${libraryName}-${versionNumber}/controlP5" />
+  	</move>
+
+  	<!-- zip the distribution of the library -->
+  	<zip destfile="${dist}/${libraryName}-${versionNumber}.zip"
+  	       basedir="${dist}/tmp"
+  	       excludes="**/.DS_Store"
+	/>
+  	
+  	<!-- <rename src="${dist}/${libraryName}.zip" dest="${dist}/${libraryName}_${versionNumber}.zip" /> -->
+ 	
+  	<!-- organize the ${dist} folder -->
+  	<mkdir dir="${dist}/web" />
+  	<move todir="${dist}/web/reference">
+  		<fileset dir="${dist}/reference" />
+  	</move>
+  	
+  	<move todir="${dist}/web/examples">
+  		<fileset dir="${dist}/examples" />
+  	</move>
+  	
+  	<delete dir="${dist}/library" />
+  	
+  	<copy todir="${dist}/web">
+  		<fileset dir="web" />
+  	</copy>
+  	
+  	<!--
+  	format the index.html file. 
+  	regular expressions are used to parse the web index.html file. 
+  	key words starting and ending with ## are replaced by values 
+  	defined earlier in the beginning of this build file.
+  	-->
+  	
+  	<replaceregexp file="${dist}/web/index.html"
+  	                         match="##yourLibrary##"
+  	                         replace="${libraryName}"
+  	                         flags="g" />
+  	
+  	<replaceregexp file="${dist}/web/index.html"
+							match="##author##"
+							replace="${author}"
+							flags="g" />
+  	
+  	<replaceregexp file="${dist}/web/index.html"
+							match="##versionNumber##"
+							replace="${versionNumber}"
+							flags="g" />
+  	
+	<replaceregexp file="${dist}/web/index.html"
+							match="##yourLink##"
+  							replace="${yourLink}"
+							flags="g" />
+  	
+  	<replaceregexp file="${dist}/web/index.html"
+  							match="##date##"
+  	  						replace="${date}"
+  	  						flags="g" />
+  	  						
+  	 <replaceregexp file="${dist}/web/index.html"
+  							match="##keywords##"
+  	  						replace="${keywords}"
+  	  						flags="g" />
+  	  						
+  	  						
+  	  						
+  	 <replaceregexp file="${dist}/web/index.html"
+  							match="##tested:platform##"
+  	  						replace="${tested:platform}"
+  	  						flags="g" />
+  	 <replaceregexp file="${dist}/web/index.html"
+  							match="##tested:processingVersion##"
+  	  						replace="${tested:processingVersion}"
+  	  						flags="g" />
+  	 <replaceregexp file="${dist}/web/index.html"
+  							match="##tested:dependencies##"
+  	  						replace="${tested:dependencies}"
+  	  						flags="g" />
+  	 <replaceregexp file="${dist}/web/index.html"
+  							match="##source:host##"
+  	  						replace="${source:host}"
+  	  						flags="g" />
+  	 <replaceregexp file="${dist}/web/index.html"
+  							match="##source:url##"
+  	  						replace="${source:url}"
+  	  						flags="g" />
+  	 <replaceregexp file="${dist}/web/index.html"
+  							match="##source:repository##"
+  	  						replace="${source:repository}"
+  	  						flags="g" />
+
+  	
+  	<echo>--------------------------------------------------------------------------------------------</echo>
+  	<antcall target="processExamples" />
+  	<echo>--------------------------------------------------------------------------------------------</echo>
+  	
+  	<replaceregexp file="${dist}/web/index.html"
+  	  							match="##examples##"
+  	  	  						replace=""
+  	  	  						flags="g" />
+  	  	  						
+  	  	  						
+  	<!-- finish organizing library's distribution -->
+  	<mkdir dir="${dist}/web/download" />
+  	<copy file="${dist}/${libraryName}-${versionNumber}.zip" todir="${dist}/web/download" />
+  	
+  	<copy todir="${processing}/${libraryName}/reference">
+		<fileset dir="${reference}" />
+	</copy>
+  	
+  	<!-- done, finished. -->
+  	<echo>--------------------------------------------------------------------------------------------
+	done, finished compiling ${libraryName} ${versionNumber}
+--------------------------------------------------------------------------------------------
+  	</echo>
+ </target>
+ 
+ 
+ 	
+	<!-- parsing the examples folder -->
+	<target name="processExamples">
+		<dirset id="examples.contents" dir="examples" />
+		<property name="examples.list" refid="examples.contents"/>
+		<foreach list="${examples.list}" target="addExamples" param="exampleDir" delimiter=";">
+		</foreach>
+	</target>
+		
+	<target name="addExamples">
+		<echo>${exampleDir}</echo>
+		<propertyregex property="pde"
+              input="${exampleDir}"
+              regexp="^.*\/(.*)$"
+              select="\1"
+              casesensitive="false"
+              defaultValue="${exampleDir}" />
+
+              <propertyregex property="data"
+              input="${exampleDir}"
+              regexp="data$"
+              select="true"
+              casesensitive="false"
+              defaultValue="false" />
+
+              <if>
+ 					<equals arg1="${data}" arg2="false" />
+ 				<then>
+   					<replaceregexp file="${dist}/web/index.html"
+	  					match="(##examples##)"
+	  	  				replace="&lt;li&gt;&lt;a href=&quot;examples/${exampleDir}/${pde}.pde&quot;&gt;${exampleDir}&lt;/a&gt;&lt;/li&gt; \1"
+	  	  				flags="g" />
+ 				</then>
+ 				<else>
+   					<echo message="Data folder, attention." />
+ 				</else>
+			</if>
+	</target>
+	
+	
+	<target name="versionSourcefile">
+		<echo>${file}</echo>
+		<replaceregexp file="${file}" match="##version##" replace="${versionNumber}" flags="g" />
+		<replaceregexp file="${file}" match="##date##" replace="${date}" flags="g" />
+	</target>
+</project>
+
diff --git a/resources/buildFast.xml b/resources/buildFast.xml
new file mode 100644
index 0000000..79182db
--- /dev/null
+++ b/resources/buildFast.xml
@@ -0,0 +1,160 @@
+<project name="controlP5 fast" default="build" basedir="../">
+
+	<description>
+        ant build file for controlP5, a gui processing library.
+    </description>
+
+
+<!-- #### (1) where are your processing libraries located? edit location. #### -->
+	<property name="processing" location="${user.home}/Documents/Processing/libraries"/>
+
+
+<!-- #### (2) where are the jar files located that are required for compiling
+		your library such as e.g. core.jar ? edit location. #### -->
+
+	<property name="libraryClasspath"  location="../libs"/>
+	<path id="library-classpath">
+		<fileset dir="${libraryClasspath}" >
+<!-- #### (3) add the jar files that are required for compiling. edit name.
+		for more include files. duplicate <include name="" /> #### -->
+			<include name="core.jar"/>
+		</fileset>
+	</path>
+
+
+<!-- #### (4) set the java version that should be used to compile your library. #### -->
+	<property name="javaVersion" value="1.5"/>
+
+
+
+	<!-- #### 	the following items are properties that will be used to make changes to
+				the html document template. values of properties will be
+				implemented ito the document automatically. #### -->
+
+<!-- #### (5) who is the author of this library?  edit value.  #### -->
+	<property name="author" value="Andreas Schlegel"/>
+
+<!-- #### (6) which copyright?  edit value.  #### -->
+	<property name="copyright" value="(c) 2010"/>
+
+<!-- #### (7) give your library a name. edit value.  #### -->
+	<property name="libraryName"  value="controlP5"/>
+
+<!-- #### (8) give your library a name. edit value.   #### -->
+	<property name="versionNumber"  value="2.1.5"/>
+
+<!-- #### (9) your contact url. edit value. #### -->
+	<property name="yourLink"  value="http://www.sojamo.de" />
+
+<!-- #### (10) a comma separated list of keywords describing your library. edit value. #### -->
+	<property name="keywords"  value="gui, controller, interface" />
+
+<!-- #### (11) a comma separated list of platforms the library has been tested. edit value. #### -->
+	<property name="tested:platform"  value="osx, windows" />
+
+<!-- #### (12) the processing version this library has been tested with. edit value. #### -->
+	<property name="tested:processingVersion"  value="1.0+" />
+
+<!-- #### (13) does the library depend on any other library, dll, jnilib, etc. edit value. #### -->
+	<property name="tested:dependencies"  value="none" />
+
+<!-- #### (14) where can the source code be found? edit value. #### -->
+	<property name="source:host"  value="google code" />
+	<property name="source:url"  value="controlp5" />
+	<property name="source:repository"  value="http://code.google.com/p/controlp5/source/browse/" />
+
+
+
+
+
+
+
+
+
+
+
+
+	<!-- no changes or adjustments required below -->
+
+
+
+
+
+
+
+
+
+
+	<taskdef resource="net/sf/antcontrib/antcontrib.properties">
+		<classpath>
+			<pathelement location="./resources/code/ant-contrib-1.0b3.jar"/>
+		</classpath>
+	</taskdef>
+	<property name="jarFile" value="${libraryName}.jar"/>
+	<property name="src" location="src"/>
+	<property name="bin" location="bin"/>
+	<property name="reference" location="reference"/>
+	<property name="dist" location="distribution"/>
+
+
+
+	<target name="init">
+	<echo>Properties initialized.
+	src path			${src}
+	bin path 			${bin}
+	libraryClasspath		${libraryClasspath}
+	processing Libraries	${processing}
+	java version		${javaVersion}
+	</echo>
+	<echo>building library ...</echo>
+	<!-- Create the time stamp -->
+	<tstamp>
+		<format property="date" pattern="MM/dd/yyyy" offset="0" unit="hour"/>
+	</tstamp>
+	<mkdir dir="${dist}"/>
+  </target>
+
+	<!-- compile the library -->
+  <target name="compile" depends="init" description="compile the source" >
+		<javac srcdir="${src}" destdir="${bin}" target="${javaVersion}" source="${javaVersion}">
+			<classpath>
+				<path refid="library-classpath"/>
+			</classpath>
+		</javac>
+  </target>
+
+	<!-- build the distribution of the library -->
+  <target name="build" depends="compile" description="generate the distribution" >
+  	<!-- delete the previous content of the ${dist} folder -->
+  	<delete dir="${dist}" />
+
+  	<!-- build the structure for ${dist} -->
+  	<mkdir dir="${dist}" />
+  	<mkdir dir="${dist}/library" />
+  	<mkdir dir="${dist}/examples" />
+  	<mkdir dir="${dist}/reference" />
+  	<mkdir dir="${dist}/src" />
+  	<jar jarfile="${dist}/library/${jarFile}" basedir="${bin}"/>
+    <!--
+  	<copy todir="${dist}/examples">
+  		<fileset dir="examples"/>
+  	</copy>
+  	<copy todir="${dist}/src">
+  		<fileset dir="src"/>
+  	</copy>
+  -->
+  	<copy file="src-js/controlP5.js" tofile="${dist}/library/controlP5.js" overwrite="true" />
+
+  	  	<!-- copy the jar file to processing's libraries -->
+  	  	<mkdir dir="${processing}/${libraryName}" />
+  		<copy todir="${processing}/${libraryName}">
+  			<fileset dir="${dist}"/>
+  		</copy>
+
+  	<copy todir="${libraryClasspath}">
+  		<fileset dir="${dist}/library/"/>
+  	</copy>
+
+
+ </target>
+</project>
diff --git a/resources/code/ExampleTaglet.class b/resources/code/ExampleTaglet.class
new file mode 100644
index 0000000..1f79410
Binary files /dev/null and b/resources/code/ExampleTaglet.class differ
diff --git a/resources/code/ExampleTaglet.java b/resources/code/ExampleTaglet.java
new file mode 100644
index 0000000..d90caf6
--- /dev/null
+++ b/resources/code/ExampleTaglet.java
@@ -0,0 +1,245 @@
+/*
+ * Copyright 2002 Sun Microsystems, Inc. All  Rights Reserved.
+ *
+ * Redistribution and use in source and binary forms, with or
+ * without modification, are permitted provided that the following
+ * conditions are met:
+ *
+ * -Redistributions of source code must retain the above copyright
+ *  notice, this list of conditions and the following disclaimer.
+ *
+ * -Redistribution in binary form must reproduce the above copyright
+ *  notice, this list of conditions and the following disclaimer in
+ *  the documentation and/or other materials provided with the
+ *  distribution.
+ *
+ * Neither the name of Sun Microsystems, Inc. or the names of
+ * contributors may be used to endorse or promote products derived
+ * from this software without specific prior written permission.
+ *
+ * This software is provided "AS IS," without a warranty of any
+ * kind. ALL EXPRESS OR IMPLIED CONDITIONS, REPRESENTATIONS AND
+ * WARRANTIES, INCLUDING ANY IMPLIED WARRANTY OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE OR NON-INFRINGEMENT, ARE HEREBY
+ * EXCLUDED. SUN AND ITS LICENSORS SHALL NOT BE LIABLE FOR ANY
+ * DAMAGES OR LIABILITIES  SUFFERED BY LICENSEE AS A RESULT OF OR
+ * RELATING TO USE, MODIFICATION OR DISTRIBUTION OF THE SOFTWARE OR
+ * ITS DERIVATIVES. IN NO EVENT WILL SUN OR ITS LICENSORS BE LIABLE
+ * FOR ANY LOST REVENUE, PROFIT OR DATA, OR FOR DIRECT, INDIRECT,
+ * SPECIAL, CONSEQUENTIAL, INCIDENTAL OR PUNITIVE DAMAGES, HOWEVER
+ * CAUSED AND REGARDLESS OF THE THEORY OF LIABILITY, ARISING OUT OF
+ * THE USE OF OR INABILITY TO USE SOFTWARE, EVEN IF SUN HAS BEEN
+ * ADVISED OF THE POSSIBILITY OF SUCH DAMAGES.
+ *
+ * You acknowledge that Software is not designed, licensed or
+ * intended for use in the design, construction, operation or
+ * maintenance of any nuclear facility.
+ */
+
+import com.sun.tools.doclets.Taglet;
+import com.sun.javadoc.*;
+import java.util.Map;
+import java.io.*;
+/**
+ * A sample Taglet representing @example. This tag can be used in any kind of
+ * {@link com.sun.javadoc.Doc}.  It is not an inline tag. The text is displayed
+ * in yellow to remind the developer to perform a task.  For
+ * example, "@example Hello" would be shown as:
+ * <DL>
+ * <DT>
+ * <B>To Do:</B>
+ * <DD><table cellpadding=2 cellspacing=0><tr><td bgcolor="yellow">Fix this!
+ * </td></tr></table></DD>
+ * </DL>
+ *
+ * @author Jamie Ho
+ * @since 1.4
+ */
+
+public class ExampleTaglet implements Taglet {
+    
+    private static final String NAME = "example";
+    private static final String HEADER = "example To Do:";
+
+    /**
+     * Return the name of this custom tag.
+     */
+    public String getName() {
+        return NAME;
+    }
+    
+    /**
+     * Will return true since <code>@example</code>
+     * can be used in field documentation.
+     * @return true since <code>@example</code>
+     * can be used in field documentation and false
+     * otherwise.
+     */
+    public boolean inField() {
+        return true;
+    }
+
+    /**
+     * Will return true since <code>@example</code>
+     * can be used in constructor documentation.
+     * @return true since <code>@example</code>
+     * can be used in constructor documentation and false
+     * otherwise.
+     */
+    public boolean inConstructor() {
+        return true;
+    }
+    
+    /**
+     * Will return true since <code>@example</code>
+     * can be used in method documentation.
+     * @return true since <code>@example</code>
+     * can be used in method documentation and false
+     * otherwise.
+     */
+    public boolean inMethod() {
+        return true;
+    }
+    
+    /**
+     * Will return true since <code>@example</code>
+     * can be used in method documentation.
+     * @return true since <code>@example</code>
+     * can be used in overview documentation and false
+     * otherwise.
+     */
+    public boolean inOverview() {
+        return true;
+    }
+
+    /**
+     * Will return true since <code>@example</code>
+     * can be used in package documentation.
+     * @return true since <code>@example</code>
+     * can be used in package documentation and false
+     * otherwise.
+     */
+    public boolean inPackage() {
+        return true;
+    }
+
+    /**
+     * Will return true since <code>@example</code>
+     * can be used in type documentation (classes or interfaces).
+     * @return true since <code>@example</code>
+     * can be used in type documentation and false
+     * otherwise.
+     */
+    public boolean inType() {
+        return true;
+    }
+    
+    /**
+     * Will return false since <code>@example</code>
+     * is not an inline tag.
+     * @return false since <code>@example</code>
+     * is not an inline tag.
+     */
+    
+    public boolean isInlineTag() {
+        return false;
+    }
+    
+    /**
+     * Register this Taglet.
+     * @param tagletMap  the map to register this tag to.
+     */
+    public static void register(Map tagletMap) {
+       ExampleTaglet tag = new ExampleTaglet();
+       Taglet t = (Taglet) tagletMap.get(tag.getName());
+       if (t != null) {
+           tagletMap.remove(tag.getName());
+       }
+       tagletMap.put(tag.getName(), tag);
+    }
+
+    /**
+     * Given the <code>Tag</code> representation of this custom
+     * tag, return its string representation.
+     * @param tag   the <code>Tag</code> representation of this custom tag.
+     */
+    public String toString(Tag tag) {
+        return createHTML(readFile(tag.text()));
+    }
+     
+    
+    /**
+     * Given an array of <code>Tag</code>s representing this custom
+     * tag, return its string representation.
+     * @param tags  the array of <code>Tag</code>s representing of this custom tag.
+     */
+    public String toString(Tag[] tags) {
+        if (tags.length == 0) {
+            return null;
+        }
+		return createHTML(readFile(tags[0].text()));
+    }
+    
+    
+    
+    String createHTML(String theString) {
+    	if(theString!=null) {
+        String dd = "<script type=\"text/javascript\">\n" +
+        			"<!--\n"+ 
+        			"document.getElementsByTagName('html')[0].className = 'isjs';" +
+					"function toggle(dt) { var display, dd=dt; do{ dd = dd.nextSibling } while(dd.tagName!='DD'); toOpen =!dd.style.display;" +
+  					"dd.style.display = toOpen? 'block':''; dt.getElementsByTagName('span')[0].innerHTML  = toOpen? '-':'+' ; }\n" +
+  					"-->\n</script>";
+
+		return dd+"\n<div id=\"test\" class=\"toggleList\">" +
+		"<dl><dt onclick=\"toggle(this);\"><span>+</span>Example</dt>" +
+		"<dd><code><pre>"+theString+"</pre></code>" +
+		"</dd></dl></div>";
+		} 
+    	return "";
+    }
+    
+    
+    /**
+     * check if the examples directory exists and return the example as given in the tag.
+     * @param theExample the name of the example
+     */
+     String readFile(String theExample) { 
+		String record = "";
+		String myResult = "";
+		int recCount = 0;
+		String myDir = "../examples/";
+		File file=new File(myDir);
+		if(file.exists()==false) {
+			myDir = "./examples/";
+		}
+        String[] s = theExample.split("\\/");
+        String myFile = "";
+        if(s.length>=1) {
+            myFile = s[s.length-1];
+            System.out.println("myFile\t"+myFile);
+                for(int i=0;i<s.length;i++) {
+                    myDir += s[i]+"/";
+                }
+            System.out.println("myDir\t"+myDir);
+        }
+        String pde = myDir+myFile+".pde";
+        try { 
+            
+			FileReader fr = new FileReader(pde);
+			BufferedReader br = new BufferedReader(fr);
+			record = new String();
+			while ((record = br.readLine()) != null) {
+				myResult += record+"\n";
+			} 
+            System.out.println("\nExampleTaglet ("+theExample+"), creating example code for "+pde+"\n");
+		} catch (IOException e) { 
+			System.out.println(e);
+            System.out.println("\nExampleTaglet ("+theExample+"), pde not found "+pde+"\n");
+			return null;
+		}
+		return myResult;
+     }
+}
+
+
diff --git a/resources/code/ExcludeDoclet$ExcludeHandler.class b/resources/code/ExcludeDoclet$ExcludeHandler.class
new file mode 100644
index 0000000..e82384c
Binary files /dev/null and b/resources/code/ExcludeDoclet$ExcludeHandler.class differ
diff --git a/resources/code/ExcludeDoclet.class b/resources/code/ExcludeDoclet.class
new file mode 100644
index 0000000..43e0104
Binary files /dev/null and b/resources/code/ExcludeDoclet.class differ
diff --git a/resources/code/ExcludeDoclet.java b/resources/code/ExcludeDoclet.java
new file mode 100644
index 0000000..dd03390
--- /dev/null
+++ b/resources/code/ExcludeDoclet.java
@@ -0,0 +1,106 @@
+// http://www.sixlegs.com/blog/java/exclude-javadoc-tag.html
+// by Chris Nokleberg
+
+import com.sun.javadoc.*;
+import com.sun.tools.doclets.standard.Standard;
+import com.sun.tools.javadoc.Main;
+import java.lang.reflect.*;
+import java.util.ArrayList;
+import java.util.List;
+
+public class ExcludeDoclet
+{
+    public static void main(String[] args)
+    {
+        String name = ExcludeDoclet.class.getName();
+        Main.execute(name, name, args);
+    }
+
+    public static boolean validOptions(String[][] options, DocErrorReporter reporter)
+    throws java.io.IOException
+    {
+        return Standard.validOptions(options, reporter);
+    }
+    
+    public static int optionLength(String option)
+    {
+        return Standard.optionLength(option);
+    }
+        
+    public static boolean start(RootDoc root)
+    throws java.io.IOException
+    {
+        return Standard.start((RootDoc)process(root, RootDoc.class));
+    }
+
+    private static boolean exclude(Doc doc)
+    {
+        if (doc instanceof ProgramElementDoc) {
+            if (((ProgramElementDoc)doc).containingPackage().tags("exclude").length > 0)
+                return true;
+        }
+        return doc.tags("exclude").length > 0;
+    }
+
+    private static Object process(Object obj, Class expect)
+    {
+        if (obj == null)
+            return null;
+        Class cls = obj.getClass();
+        if (cls.getName().startsWith("com.sun.")) {
+            return Proxy.newProxyInstance(cls.getClassLoader(),
+                                          cls.getInterfaces(),
+                                          new ExcludeHandler(obj));
+        } else if (obj instanceof Object[]) {
+            Class componentType = expect.getComponentType();
+            Object[] array = (Object[])obj;
+            List list = new ArrayList(array.length);
+            for (int i = 0; i < array.length; i++) {
+                Object entry = array[i];
+                if ((entry instanceof Doc) && exclude((Doc)entry))
+                    continue;
+                list.add(process(entry, componentType));
+            }
+            return list.toArray((Object[])Array.newInstance(componentType, list.size()));
+        } else {
+            return obj;
+        }
+    }
+
+    private static class ExcludeHandler
+    implements InvocationHandler
+    {
+        private Object target;
+        
+        public ExcludeHandler(Object target)
+        {
+            this.target = target;
+        }
+
+        public Object invoke(Object proxy, Method method, Object[] args)
+        throws Throwable
+        {
+            if (args != null) {
+                String methodName = method.getName();
+                if (methodName.equals("compareTo") ||
+                    methodName.equals("equals") ||
+                    methodName.equals("overrides") ||
+                    methodName.equals("subclassOf")) {
+                    args[0] = unwrap(args[0]);
+                }
+            }
+            try {
+                return process(method.invoke(target, args), method.getReturnType());
+            } catch (InvocationTargetException e) {
+                throw e.getTargetException();
+            }
+        }
+
+        private Object unwrap(Object proxy)
+        {
+            if (proxy instanceof Proxy)
+                return ((ExcludeHandler)Proxy.getInvocationHandler(proxy)).target;
+            return proxy;
+        }
+    }
+}
diff --git a/resources/code/ant-contrib-1.0b3.jar b/resources/code/ant-contrib-1.0b3.jar
new file mode 100644
index 0000000..0625376
Binary files /dev/null and b/resources/code/ant-contrib-1.0b3.jar differ
diff --git a/resources/code/doc.sh b/resources/code/doc.sh
new file mode 100644
index 0000000..1db9a92
--- /dev/null
+++ b/resources/code/doc.sh
@@ -0,0 +1,18 @@
+# a shell script to create a java documentation 
+# for a processing library. 
+# 
+# make changes to the variables below so they 
+# fit the structure of your library
+
+# the package name of your library
+package=template;
+
+# source folder location
+src=../src;
+
+# the destination folder of your documentation
+dest=../documentation;
+
+
+# compile the java documentation
+javadoc -d $dest -stylesheetfile ./stylesheet.css -sourcepath ${src} ${package}
diff --git a/resources/install_instructions.txt b/resources/install_instructions.txt
new file mode 100644
index 0000000..3507ff3
--- /dev/null
+++ b/resources/install_instructions.txt
@@ -0,0 +1,35 @@
+Install library controlP5
+
+
+Move folder controlP5 into Processing's libraries folder and restart Processing.
+
+
+How?
+
+Contributed libraries must be downloaded separately and placed within 
+the "libraries" folder of your Processing sketchbook. To find the Processing 
+sketchbook location on your computer, open the Preferences window from the 
+Processing application and look for the "Sketchbook location" item at the top. 
+
+Copy the contributed library's folder into the "libraries" folder at this location. 
+You will need to create the "libraries" folder if this is your first contributed library. 
+
+By default the following locations are used for your sketchbook folder.
+For mac users the sketchbook folder is located inside ~/Documents/Processing. 
+for windows users the sketchbook folder is located inside folder 'My Documents'/Processing
+
+The folder structure for library controlP5 should be as follows
+
+Processing
+  libraries
+    controlP5
+      examples
+      library
+        controlP5.jar
+      reference
+      src
+                      
+                      
+After library controlP5 has been successfully installed, restart Processing.
+                      
+                      
diff --git a/resources/jar.sh b/resources/jar.sh
new file mode 100755
index 0000000..afb7616
--- /dev/null
+++ b/resources/jar.sh
@@ -0,0 +1,4 @@
+cd $HOME/Documents/workspace/controlp5/bin
+jar cf ../test/controlP5.jar .
+cp ../test/controlP5.jar $HOME/Documents/Processing/libraries/controlP5/library
+echo "controlP5 compiled on $(date)"
diff --git a/resources/library.properties b/resources/library.properties
new file mode 100644
index 0000000..705ea2b
--- /dev/null
+++ b/resources/library.properties
@@ -0,0 +1,44 @@
+# UTF-8 supported.
+
+# The name of your library as you want it formatted
+name = ControlP5
+
+# List of authors. Links can be provided using the syntax [author name](url)
+authorList = [Andreas Schlegel](http://www.sojamo.de/)
+
+# A website for your library
+url = http://www.sojamo.de/libraries/controlp5
+
+# The category of your library, must be one (or many) of the following:
+#   "3D"            "Animation"     "Compilations"      "Data"          
+#   "Fabrication"   "Geometry"      "GUI"               "Hardware"      
+#   "I/O"           "Language"      "Math"              "Simulation"    
+#   "Sound"         "Utilities"     "Typography"        "Video & Vision"  
+# 
+# If a value other than those listed is used, your library will listed as "Other."
+category = GUI
+
+# A short sentence (fragment) to summarize the library's function. This will be
+# shown from inside the PDE when the library is being installed. Avoid repeating
+# the name of your library here. Also, avoid saying anything redundant like
+# mentioning that its a library.
+sentence = A range of controllers to build custom graphical user interfaces for desktop and android apps.
+
+# Additional information suitable for the Processing website. The value of
+# 'sentence' always will be prepended, so you should start by writing the
+# second sentence here. If your library only works on certain operating systems,
+# mention it here.
+paragraph = Includes interface elements such as slider, button, knob, toggle, textfield, dropdown menu, listbox, tabs, charts and more.
+
+# Links in the 'sentence' and 'paragraph' attributes can be inserted using the
+# same syntax as for authors. That is, [here is a link to Processing](http://processing.org/)
+
+
+# A version number that increments once with each release. This
+# is used to compare different versions of the same library, and
+# check if an update is available. You should think of it as a
+# counter, counting the total number of releases you've had.
+version = 80  # This must be parsable as an int
+
+# The version as the user will see it. If blank, the version attribute will be used here
+prettyVersion = 2.0.4  # This is treated as a String
\ No newline at end of file
diff --git a/resources/stylesheet.css b/resources/stylesheet.css
new file mode 100644
index 0000000..f605b49
--- /dev/null
+++ b/resources/stylesheet.css
@@ -0,0 +1,561 @@
+/* Javadoc style sheet */
+/*
+Overall document style
+*/
+body {
+    background-color:#f4f4f4;
+    color:#111111;
+    font-family:Arial, Helvetica, sans-serif;
+    font-size:76%;
+    padding:0;
+    margin:0;
+    margin-top:20px;
+}
+a:link, a:visited {
+    text-decoration:none;
+    color:#0074D9; /* OK */
+}
+a:hover, a:focus {
+    text-decoration:none;
+    color:#2ECC40; /* OK */
+}
+a:active {
+    text-decoration:none;
+    color:#2ECC40; /* OK */
+}
+a[name] {
+    color:#ffff00;
+}
+a[name]:hover {
+    text-decoration:none;
+    color:#2ECC40;
+}
+pre {
+    font-size:1.3em;
+}
+h1 {
+    font-size:1.8em;
+}
+h2 {
+    font-size:1.5em;
+}
+h3 {
+    font-size:1.4em;
+}
+h4 {
+    font-size:1.3em;
+}
+h5 {
+    font-size:1.2em;
+}
+h6 {
+    font-size:1.1em;
+}
+ul {
+    list-style-type:disc;
+}
+code, tt {
+    font-size:1.2em;
+}
+dt code {
+    font-size:1.2em;
+}
+table tr td dt code {
+    font-size:1.2em;
+    vertical-align:top;
+}
+sup {
+    font-size:.6em;
+}
+/*
+Document title and Copyright styles
+*/
+.clear {
+    clear:both;
+    height:0px;
+    overflow:hidden;
+}
+.aboutLanguage {
+    float:right;
+    padding:0px 21px;
+    font-size:.8em;
+    z-index:200;
+    margin-top:-7px;
+}
+.legalCopy {
+    margin-left:20px;
+    margin-bottom:100px;
+    width:200px;
+}
+p.legalCopy small {
+    font-size:1em;
+
+}
+.bar a, .bar a:link, .bar a:visited, .bar a:active {
+    color:#ff0000;
+    text-decoration:none;
+}
+.bar a:hover, .bar a:focus {
+    color:#ff0000;
+}
+.tab {
+    background-color:#ff0000;
+    background-position:left top;
+    background-repeat:no-repeat;
+    color:#ffff00;
+    padding:8px;
+    width:5em;
+    font-weight:bold;
+}
+/*
+Navigation bar styles
+*/
+.bar {
+    background-repeat:repeat-x;
+    color:#0074D9; /* OK */
+    padding:.8em .5em .4em .8em;
+    height:auto;/*height:1.8em;*/
+    font-size:1em;
+    margin:0;
+}
+.topNav {
+    color:#2ECC40;
+    float:left;
+    padding:0;
+    clear:right;
+    height:2.8em;
+    padding-top:10px;
+    padding-left:10px;
+    overflow:hidden;
+}
+.bottomNav {
+    margin-top:10px;
+    color:#2ECC40;
+    float:left;
+    padding:0;
+    clear:right;
+    height:2.8em;
+    padding-top:10px;
+    padding-left:10px;
+    overflow:hidden;
+}
+.subNav {
+    background-color:#f4f4f4;
+    padding:20px 10px;
+    margin:10px 0px;
+    clear:left;
+    float:left;
+    overflow:hidden;
+}
+.subNav div {
+    clear:left;
+    float:left;
+}
+
+ul.navList, ul.subNavList {
+    float:left;
+    margin:0 0 0 0px;
+    padding:0 0 0 0px;
+}
+
+ul.subNavList {
+    border-bottom:1px solid black;
+    margin-left:10px;
+    padding-top:10px;
+}
+ul.navList li{
+    list-style:none;
+    float:left;
+    padding:6px 10px;
+}
+ul.subNavList li{
+    list-style:none;
+    float:left;
+    font-size:90%;
+}
+.topNav a:link, .topNav a:active, .topNav a:visited, .bottomNav a:link, .bottomNav a:active, .bottomNav a:visited {
+    color:#0074D9; /* OK */
+    text-decoration:none;
+}
+.topNav a:hover, .bottomNav a:hover {
+    text-decoration:none;
+    color:#2ECC40; /* OK */
+}
+
+/*
+Page header and footer styles
+*/
+.header, .footer {
+    clear:both;
+    margin:0 20px;
+    padding:5px 0 0 0;
+}
+.indexHeader {
+    margin:10px;
+    position:relative;
+}
+.indexHeader h1 {
+    font-size:1.3em;
+}
+.title {
+    color:#001F3F;
+    margin:10px 0;
+    font-weight: normal;
+}
+.subTitle {
+    margin:5px 0 0 0;
+}
+.header ul {
+    margin:0 0 25px 0;
+    padding:0;
+}
+.footer ul {
+    margin:20px 0 5px 0;
+}
+.header ul li, .footer ul li {
+    list-style:none;
+    font-size:1.2em;
+}
+/*
+Heading styles
+*/
+div.details ul.blockList ul.blockList ul.blockList li.blockList h4, div.details ul.blockList ul.blockList ul.blockListLast li.blockList h4 {
+    background-color:#DDDDDD; /* OK, method-details */
+    margin:0 0 6px -8px;
+    padding:10px 5px;
+    border-top:1px solid #0074D9; /* OK */
+}
+ul.blockList ul.blockList ul.blockList li.blockList h3 {
+    background-color:#DDDDDD; /* OK, method summary */
+    margin:0 0 6px -8px;
+    padding:12px 5px;
+    border-top:1px solid #0074D9; /* OK */
+}
+ul.blockList ul.blockList li.blockList h3 {
+    padding:0;
+    margin:15px 0;
+}
+ul.blockList li.blockList h2 {
+    padding:0px 0 20px 0;
+}
+/*
+Page layout container styles
+*/
+.contentContainer, .sourceContainer, .classUseContainer, .serializedFormContainer, .constantValuesContainer {
+    clear:both;
+    padding:50px 20px;
+    position:relative;
+}
+.indexContainer {
+    margin:10px;
+    position:relative;
+    font-size:1.0em;
+}
+.indexContainer h2 {
+    font-size:1.1em;
+    padding:0 0 3px 0;
+}
+.indexContainer ul {
+    margin:0;
+    padding:0;
+}
+.indexContainer ul li {
+    list-style:none;
+}
+.contentContainer dl dt {
+    border-top:1px solid #0074D9;
+    padding-top:5px;
+}
+
+.contentContainer dl dd {
+    margin-bottom:10px;
+}
+
+
+.contentContainer .description dl dt, .contentContainer .details dl dt, .serializedFormContainer dl dt {
+    font-size:1.1em;
+    font-weight:bold;
+    margin:10px 0 0 0;
+    color:#001F3F; /* OK */
+}
+.contentContainer .description dl dd, .contentContainer .details dl dd, .serializedFormContainer dl dd {
+    margin:10px 0 10px 20px;
+}
+.serializedFormContainer dl.nameValue dt {
+    margin-left:1px;
+    font-size:1.1em;
+    display:inline;
+    font-weight:bold;
+}
+.serializedFormContainer dl.nameValue dd {
+    margin:0 0 0 1px;
+    font-size:1.1em;
+    display:inline;
+}
+/*
+List styles
+*/
+ul.horizontal li {
+    display:inline;
+    font-size:0.9em;
+}
+ul.inheritance {
+    margin:0;
+    padding:0;
+}
+ul.inheritance li {
+    display:inline;
+    list-style:none;
+}
+ul.inheritance li ul.inheritance {
+    margin-left:15px;
+    padding-left:15px;
+    padding-top:1px;
+}
+ul.blockList, ul.blockListLast {
+    margin:10px 0 10px 0;
+    padding:0;
+
+}
+ul.blockList li.blockList, ul.blockListLast li.blockList {
+    list-style:none;
+    margin-bottom:25px;
+
+}
+ul.blockList ul.blockList li.blockList, ul.blockList ul.blockListLast li.blockList {
+    padding:0px 20px 5px 10px;
+    border:1px solid #0074D9; /* OK */
+    background-color:#ffffff;
+}
+
+ul.blockList ul.blockList ul.blockList li.blockList, ul.blockList ul.blockList ul.blockListLast li.blockList {
+    padding:0 0 5px 8px;
+    border:1px solid #0074D9; /* OK */
+    background-color:#ffffff;
+    border-top:none;
+}
+ul.blockList ul.blockList ul.blockList ul.blockList li.blockList {
+    margin-left:0;
+    padding-left:0;
+    padding-bottom:15px;
+    border:none;
+    border-bottom:1px solid #0074D9;
+}
+ul.blockList ul.blockList ul.blockList ul.blockList li.blockListLast {
+    list-style:none;
+    border-bottom:none;
+    padding-bottom:0;
+}
+table tr td dl, table tr td dl dt, table tr td dl dd {
+    margin-top:0px;
+    margin-bottom:1px;  
+}
+/*
+Table styles
+*/
+.contentContainer table, .classUseContainer table, .constantValuesContainer table {
+    border-bottom:1px solid #0074D9;
+    width:100%;
+}
+.contentContainer ul li table, .classUseContainer ul li table, .constantValuesContainer ul li table {
+    width:100%;
+}
+.contentContainer .description table, .contentContainer .details table {
+    border-bottom:none;
+}
+.contentContainer ul li table th.colOne, .contentContainer ul li table th.colFirst, .contentContainer ul li table th.colLast, .classUseContainer ul li table th, .constantValuesContainer ul li table th, .contentContainer ul li table td.colOne, .contentContainer ul li table td.colFirst, .contentContainer ul li table td.colLast, .classUseContainer ul li table td, .constantValuesContainer ul li table td{
+    vertical-align:top;
+    padding-right:20px;
+}
+.contentContainer ul li table th.colLast, .classUseContainer ul li table th.colLast,.constantValuesContainer ul li table th.colLast,
+.contentContainer ul li table td.colLast, .classUseContainer ul li table td.colLast,.constantValuesContainer ul li table td.colLast,
+.contentContainer ul li table th.colOne, .classUseContainer ul li table th.colOne,
+.contentContainer ul li table td.colOne, .classUseContainer ul li table td.colOne {
+    padding-right:3px;
+}
+.overviewSummary caption, .packageSummary caption, .contentContainer ul.blockList li.blockList caption, .summary caption, .classUseContainer caption, .constantValuesContainer caption {
+    position:relative;
+    text-align:left;
+    background-repeat:no-repeat;
+    color:#ff0000;
+    font-weight:bold;
+    clear:none;
+    overflow:hidden;
+    padding:0px;
+    margin:0px;
+    padding:20px 20px;
+}
+caption a:link, caption a:hover, caption a:active, caption a:visited {
+    color:#ff0000;
+}
+.overviewSummary caption span, .packageSummary caption span, .contentContainer ul.blockList li.blockList caption span, .summary caption span, .classUseContainer caption span, .constantValuesContainer caption span {
+    white-space:nowrap;
+    padding-top:8px;
+    padding-left:0px;
+    display:block;
+    float:left;
+    height:18px;
+    color:#001F3F;
+    font-size:1.4em;
+    font-weight:normal;
+}
+.overviewSummary .tabEnd, .packageSummary .tabEnd, .contentContainer ul.blockList li.blockList .tabEnd, .summary .tabEnd, .classUseContainer .tabEnd, .constantValuesContainer .tabEnd {
+    width:10px;
+    position:relative;
+    float:left;
+}
+ul.blockList ul.blockList li.blockList table {
+    margin:0 0 12px 0px;
+    width:100%;
+}
+.tableSubHeadingColor {
+    background-color: #ffff00;
+}
+
+.altColor {
+    background-color:#ffffff;
+}
+.rowColor {
+    background-color:#f0f0f0;
+}
+.overviewSummary td, .packageSummary td, .contentContainer ul.blockList li.blockList td, .summary td, .classUseContainer td, .constantValuesContainer td {
+    text-align:left;
+    padding:3px 3px 3px 7px;
+}
+th.colFirst, th.colLast, th.colOne, .constantValuesContainer th {
+    background:#01FF70;
+    border-top:1px solid #0074D9;
+    border-bottom:1px solid #0074D9;
+    text-align:left;
+    padding:12px 3px 12px 7px;
+}
+td.colOne a:link, td.colOne a:active, td.colOne a:visited, td.colOne a:hover, td.colFirst a:link, td.colFirst a:active, td.colFirst a:visited, td.colFirst a:hover, td.colLast a:link, td.colLast a:active, td.colLast a:visited, td.colLast a:hover, .constantValuesContainer td a:link, .constantValuesContainer td a:active, .constantValuesContainer td a:visited, .constantValuesContainer td a:hover {
+    font-weight:normal;
+}
+td.colFirst, th.colFirst {
+    border-left:1px solid #0074D9;
+    white-space:nowrap;
+}
+td.colLast, th.colLast {
+    border-right:1px solid #0074D9;
+}
+td.colOne, th.colOne {
+    border-right:1px solid #0074D9;
+    border-left:1px solid #0074D9;
+}
+table.overviewSummary  {
+    padding:0px;
+    margin-left:0px;
+}
+table.overviewSummary td.colFirst, table.overviewSummary th.colFirst,
+table.overviewSummary td.colOne, table.overviewSummary th.colOne {
+    width:25%;
+    vertical-align:middle;
+}
+table.packageSummary td.colFirst, table.overviewSummary th.colFirst {
+    width:25%;
+    vertical-align:middle;
+}
+/*
+Content styles
+*/
+.description pre {
+    margin-top:0;
+}
+.deprecatedContent {
+    margin:0;
+    padding:10px 0;
+}
+.docSummary {
+    padding:0;
+}
+/*
+Formatting effect styles
+*/
+.sourceLineNo {
+    color:green;
+    padding:0 30px 0 0;
+}
+h1.hidden {
+    visibility:hidden;
+    overflow:hidden;
+    font-size:.9em;
+}
+.block {
+    display:block;
+    margin:3px 0 0 0;
+}
+.strong {
+    font-weight:bold;
+}
+
+
+
+.toggleList { 
+    padding:0;
+    margin:0;
+    margin-top:12px;
+    border:0;
+}
+
+.toggleList dt {
+    background:#01FF70;
+    color:#333;
+    display:inline-block;
+    padding:8px 16px;
+    margin:10px 0px 10px 0px;
+    -moz-border-radius: 20px; /* Firefox */
+    -webkit-border-radius: 20px; /* Safari, Chrome */
+    border-radius: 20px; /* CSS3 */
+    border-top:0;
+}
+
+.toggleList dt:hover {
+    cursor:pointer;
+}
+
+.toggleList dt span { 
+    border-top:0;
+    font-family: monospace;
+    padding:0;
+    margin:0;
+}
+
+ 
+.toggleList dd {
+    margin:0;
+    padding:0; 
+    border:0;
+}
+
+html.isjs .toggleList dd { 
+    border:0;
+    display: none; 
+}
+
+.toggleList pre {
+    padding: 4px 4px 4px 4px;
+}
+
+
+
+
+.navBarCell1Rev {
+    background-color:#0074D9;
+    color:#ffffff;
+    -moz-border-radius: 20px; /* Firefox */
+    -webkit-border-radius: 20px; /* Safari, Chrome */
+    border-radius: 20px; /* CSS3 */
+    display:inline-block;
+    margin:0px 10px 0px 10px;
+}
+
+pre {
+
+    font-size:1em;
+}
+
+
+p {
+    width:80%;
+}
diff --git a/src/controlP5/Accordion.java b/src/controlP5/Accordion.java
new file mode 100755
index 0000000..83a064b
--- /dev/null
+++ b/src/controlP5/Accordion.java
@@ -0,0 +1,284 @@
+package controlP5;
+
+/**
+ * controlP5 is a processing gui library.
+ * 
+ * 2006-2014 by Andreas Schlegel
+ * 
+ * This library is free software; you can redistribute it and/or
+ * modify it under the terms of the GNU Lesser General Public License
+ * as published by the Free Software Foundation; either version 2.1
+ * of the License, or (at your option) any later version.
+ * This library is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
+ * Lesser General Public License for more details.
+ * 
+ * You should have received a copy of the GNU Lesser General
+ * Public License along with this library; if not, write to the
+ * Free Software Foundation, Inc., 59 Temple Place, Suite 330,
+ * Boston, MA 02111-1307 USA
+ * 
+ * @author Andreas Schlegel (http://www.sojamo.de)
+ * @modified ##date##
+ * @version ##version##
+ * 
+ */
+
+/**
+ * <p>
+ * An Accordion here is a list of ControlGroups which can be expanded and collapsed. 
+ * 
+ * @see controlP5.ControllerGroup
+ * @see controlP5.ControlGroup
+ * @example controllers/ControlP5accordion
+ */
+@SuppressWarnings( "rawtypes" ) public class Accordion extends ControlGroup< Accordion > {
+
+	protected int spacing = 1;
+	protected int minHeight = 100;
+	protected int itemheight;
+	protected int _myMode = SINGLE;
+
+	public Accordion( ControlP5 theControlP5 , String theName ) {
+		this( theControlP5 , theControlP5.getDefaultTab( ) , theName , 0 , 0 , 200 );
+		theControlP5.register( theControlP5.papplet , theName , this );
+	}
+
+	Accordion( ControlP5 theControlP5 , Tab theTab , String theName , int theX , int theY , int theW ) {
+		super( theControlP5 , theTab , theName , theX , theY , theW , 9 );
+		hideBar( );
+	}
+
+	/**
+	 * Adds items of type ControlGroup to the Accordion, only ControlGroups can be added.
+	 * 
+	 * @exclude
+	 * @param theGroup
+	 * @return Accordion
+	 */
+	public Accordion addItem( ControlGroup< ? > theGroup ) {
+		theGroup.close( );
+		theGroup.moveTo( this );
+		theGroup.activateEvent( true );
+		theGroup.addListener( this );
+		theGroup.setMoveable( false );
+		if ( theGroup.getBackgroundHeight( ) < minHeight ) {
+			theGroup.setBackgroundHeight( minHeight );
+		}
+		controllers.add( theGroup );
+		updateItems( );
+		return this;
+	}
+
+	/**
+	 * Removes a ControlGroup from the accordion AND from controlP5 remove(ControllerInterface
+	 * theGroup) overwrites it's super method. if you want to remove a ControlGroup only from the
+	 * accordion, use removeItem(ControlGroup).
+	 * 
+	 * @see controlP5.Accordion#removeItem(ControlGroup)
+	 * @return ControllerInterface
+	 */
+	@Override public Accordion remove( ControllerInterface< ? > theGroup ) {
+		if ( theGroup instanceof ControlGroup< ? > ) {
+			controllers.remove( theGroup );
+			( ( ControlGroup< ? > ) theGroup ).removeListener( this );
+			updateItems( );
+		}
+		super.remove( theGroup );
+		return this;
+	}
+
+	/**
+	 * Removes a ControlGroup from the accordion and puts it back into the default tab of controlP5.
+	 * if you dont have access to a ControlGroup via a variable, use
+	 * controlP5.group("theNameOfTheGroup") which will return a
+	 * 
+	 * @return Accordion
+	 */
+	public Accordion removeItem( ControlGroup< ? > theGroup ) {
+		if ( theGroup == null ) {
+			return this;
+		}
+		controllers.remove( theGroup );
+		theGroup.removeListener( this );
+		theGroup.moveTo( cp5.controlWindow );
+		updateItems( );
+		return this;
+	}
+
+	/**
+	 * UpdateItems is called when changes such as remove, change of height is performed on an
+	 * accordion. updateItems() is called automatically for such cases, but by calling updateItems
+	 * manually an update will be forced.
+	 * 
+	 * @return Accordion
+	 */
+	public Accordion updateItems( ) {
+		int n = 0;
+		setWidth( _myWidth );
+
+		for ( ControllerInterface< ? > cg : controllers.get( ) ) {
+			if ( cg instanceof ControlGroup ) {
+				n += ( ( ControlGroup ) cg ).getBarHeight( ) + spacing;
+				cg.setPosition( 0 , n );
+				if ( ( ( ControlGroup ) cg ).isOpen( ) ) {
+					n += ( ( ControlGroup ) cg ).getBackgroundHeight( );
+				}
+			}
+		}
+		return this;
+	}
+
+	/**
+	 * Sets the minimum height of a collapsed item, default value is 100.
+	 * 
+	 * @param theHeight
+	 * @return Accordion
+	 */
+	public Accordion setMinItemHeight( int theHeight ) {
+		minHeight = theHeight;
+		for ( ControllerInterface< ? > cg : controllers.get( ) ) {
+			if ( cg instanceof ControlGroup ) {
+				if ( ( ( ControlGroup ) cg ).getBackgroundHeight( ) < minHeight ) {
+					( ( ControlGroup ) cg ).setBackgroundHeight( minHeight );
+				}
+			}
+		}
+		updateItems( );
+		return this;
+	}
+
+	public int getMinItemHeight( ) {
+		return minHeight;
+	}
+
+	public Accordion setItemHeight( int theHeight ) {
+		itemheight = theHeight;
+		for ( ControllerInterface< ? > cg : controllers.get( ) ) {
+			if ( cg instanceof ControlGroup ) {
+				( ( ControlGroup ) cg ).setBackgroundHeight( itemheight );
+			}
+		}
+		updateItems( );
+		return this;
+	}
+
+	public int getItemHeight( ) {
+		return itemheight;
+	}
+
+	@Override public Accordion setWidth( int theWidth ) {
+		super.setWidth( theWidth );
+		for ( ControllerInterface< ? > cg : controllers.get( ) ) {
+			if ( cg instanceof ControlGroup ) {
+				( ( ControlGroup ) cg ).setWidth( theWidth );
+			}
+		}
+		return this;
+	}
+
+	/**
+	 * @exclude {@inheritDoc}
+	 */
+	@Override @ControlP5.Invisible public void controlEvent( ControlEvent theEvent ) {
+		if ( theEvent.isGroup( ) ) {
+			int n = 0;
+			for ( ControllerInterface< ? > cg : controllers.get( ) ) {
+				if ( cg instanceof ControlGroup ) {
+					n += ( ( ControlGroup ) cg ).getBarHeight( ) + spacing;
+					cg.setPosition( 0 , n );
+					if ( _myMode == SINGLE ) {
+						if ( cg == theEvent.getGroup( ) && ( ( ControlGroup ) cg ).isOpen( ) ) {
+							n += ( ( ControlGroup ) cg ).getBackgroundHeight( );
+						} else {
+							( ( ControlGroup ) cg ).close( );
+						}
+					} else {
+						if ( ( ( ControlGroup ) cg ).isOpen( ) ) {
+							n += ( ( ControlGroup ) cg ).getBackgroundHeight( );
+						}
+					}
+				}
+			}
+		}
+	}
+
+	public Accordion open( ) {
+		int[] n = new int[ controllers.size( ) ];
+		for ( int i = 0 ; i < controllers.size( ) ; i++ ) {
+			n[ i ] = i;
+		}
+		return open( n );
+	}
+
+	public Accordion close( ) {
+		int[] n = new int[ controllers.size( ) ];
+		for ( int i = 0 ; i < controllers.size( ) ; i++ ) {
+			n[ i ] = i;
+		}
+		return close( n );
+	}
+
+	public Accordion open( int ... theId ) {
+		if ( theId[ 0 ] == -1 ) {
+			return open( );
+		}
+		int n = 0 , i = 0;
+		for ( ControllerInterface< ? > cg : controllers.get( ) ) {
+			if ( cg instanceof ControlGroup ) {
+				boolean a = false;
+				for ( int j = 0 ; j < theId.length ; j++ ) {
+					if ( theId[ j ] == i ) {
+						a = true;
+					}
+				}
+				boolean b = ( ( ControlGroup ) cg ).isOpen( ) || a ? true : false;
+				i++;
+				n += ( ( ControlGroup ) cg ).getBarHeight( ) + spacing;
+				cg.setPosition( 0 , n );
+				if ( b ) {
+					n += ( ( ControlGroup ) cg ).getBackgroundHeight( );
+					( ( ControlGroup ) cg ).open( );
+				}
+			}
+		}
+		return this;
+	}
+
+	public Accordion close( int ... theId ) {
+		if ( theId[ 0 ] == -1 ) {
+			return close( );
+		}
+		int n = 0 , i = 0;
+		for ( ControllerInterface< ? > cg : controllers.get( ) ) {
+			if ( cg instanceof ControlGroup ) {
+				boolean a = false;
+				for ( int j = 0 ; j < theId.length ; j++ ) {
+					if ( theId[ j ] == i ) {
+						a = true;
+					}
+				}
+				boolean b = ! ( ( ControlGroup ) cg ).isOpen( ) || a ? true : false;
+				i++;
+				n += ( ( ControlGroup ) cg ).getBarHeight( ) + spacing;
+				( ( ControlGroup ) cg ).setPosition( 0 , n );
+				if ( b ) {
+					( ( ControlGroup ) cg ).close( );
+				} else {
+					n += ( ( ControlGroup ) cg ).getBackgroundHeight( );
+				}
+			}
+		}
+		return this;
+	}
+
+	public Accordion setCollapseMode( int theMode ) {
+		if ( theMode == 0 ) {
+			_myMode = SINGLE;
+		} else {
+			_myMode = MULTI;
+		}
+		return this;
+	}
+}
diff --git a/src/controlP5/Bang.java b/src/controlP5/Bang.java
new file mode 100755
index 0000000..75b55a2
--- /dev/null
+++ b/src/controlP5/Bang.java
@@ -0,0 +1,205 @@
+package controlP5;
+
+/**
+ * controlP5 is a processing gui library.
+ * 
+ * 2006-2014 by Andreas Schlegel
+ * 
+ * This library is free software; you can redistribute it and/or
+ * modify it under the terms of the GNU Lesser General Public License
+ * as published by the Free Software Foundation; either version 2.1
+ * of the License, or (at your option) any later version.
+ * This library is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
+ * Lesser General Public License for more details.
+ * 
+ * You should have received a copy of the GNU Lesser General
+ * Public License along with this library; if not, write to the
+ * Free Software Foundation, Inc., 59 Temple Place, Suite 330,
+ * Boston, MA 02111-1307 USA
+ * 
+ * @author Andreas Schlegel (http://www.sojamo.de)
+ * @modified ##date##
+ * @version ##version##
+ * 
+ */
+
+import processing.core.PGraphics;
+
+/**
+ * <p>
+ * The Bang controller triggers an event when pressed. A bang can only be assigned to a function in
+ * your program but not to a field like other controllers. Bang extends superclass Controller, for a
+ * full documentation see the {@link Controller} reference.
+ * 
+ * @example controllers/ControlP5bang
+ */
+@ControlP5.Layout public class Bang extends Controller< Bang > {
+
+	protected int cnt;
+
+	protected int triggerId = PRESSED;
+
+	/**
+	 * Convenience constructor to extend Bang.
+	 * 
+	 * @example use/ControlP5extendController
+	 * @param theControlP5
+	 * @param theName
+	 */
+	public Bang( ControlP5 theControlP5 , String theName ) {
+		this( theControlP5 , theControlP5.getDefaultTab( ) , theName , 0 , 0 , 20 , 20 );
+		theControlP5.register( theControlP5.papplet , theName , this );
+	}
+
+	protected Bang( ControlP5 theControlP5 , ControllerGroup< ? > theParent , String theName , float theX , float theY , int theWidth , int theHeight ) {
+		super( theControlP5 , theParent , theName , theX , theY , theWidth , theHeight );
+		_myCaptionLabel.setPadding( 0 , Label.paddingY ).align( LEFT , BOTTOM_OUTSIDE );
+		_myValue = 1;
+	}
+
+	@Override protected void onEnter( ) {
+		cnt = 0;
+		isActive = true;
+	}
+
+	@Override protected void onLeave( ) {
+		isActive = false;
+	}
+
+	@Override protected void mousePressed( ) {
+		if ( triggerId == PRESSED ) {
+			cnt = -3;
+			isActive = true;
+			update( );
+		}
+	}
+
+	@Override protected void mouseReleased( ) {
+		if ( triggerId == RELEASE ) {
+			cnt = -3;
+			isActive = true;
+			update( );
+		}
+	}
+
+	@Override protected void mouseReleasedOutside( ) {
+		onLeave( );
+	}
+
+	/**
+	 * By default a bang is triggered when the mouse is pressed. use setTriggerEvent(Bang.PRESSED)
+	 * or setTriggerEvent(Bang.RELEASE) to define the action for triggering a bang. currently only
+	 * Bang.PRESSED and Bang.RELEASE are supported.
+	 * 
+	 * @param theEventID
+	 * @return Bang
+	 */
+	@ControlP5.Layout public Bang setTriggerEvent( int theEventID ) {
+		triggerId = theEventID;
+		return this;
+	}
+
+	@ControlP5.Layout public int getTriggerEvent( ) {
+		return triggerId;
+	}
+
+	/**
+	 * Sets the value of the bang controller. since bang can be true or false, false=0 and true=1
+	 * 
+	 * @param theValue float
+	 * @return Bang
+	 */
+	@Override public Bang setValue( float theValue ) {
+		_myValue = theValue;
+		broadcast( FLOAT );
+		return this;
+	}
+
+	/**
+	 * @exclude
+	 */
+	@Override public Bang update( ) {
+		return setValue( _myValue );
+	}
+
+	/**
+	 * @exclude
+	 */
+	@Override @ControlP5.Invisible public Bang updateDisplayMode( int theMode ) {
+		updateViewMode( theMode );
+		return this;
+	}
+
+	/**
+	 * @exclude
+	 */
+	@ControlP5.Invisible public Bang updateViewMode( int theMode ) {
+		_myDisplayMode = theMode;
+		switch ( theMode ) {
+		case ( DEFAULT ):
+			_myControllerView = new BangView( );
+			break;
+		case ( IMAGE ):
+			_myControllerView = new BangImageView( );
+			break;
+		case ( CUSTOM ):
+		default:
+			break;
+		}
+		return this;
+	}
+
+	private class BangView implements ControllerView< Bang > {
+
+		public void display( PGraphics theGraphics , Bang theController ) {
+			if ( isActive ) {
+				theGraphics.fill( color.getActive( ) );
+			} else {
+				theGraphics.fill( color.getForeground( ) );
+			}
+
+			if ( cnt < 0 ) {
+				theGraphics.fill( color.getForeground( ) );
+				cnt++;
+			}
+			theGraphics.rect( 0 , 0 , getWidth( ) , getHeight( ) );
+			if ( isLabelVisible ) {
+				_myCaptionLabel.draw( theGraphics , 0 , 0 , theController );
+			}
+		}
+	}
+
+	private class BangImageView implements ControllerView< Bang > {
+
+		public void display( PGraphics theGraphics , Bang theController ) {
+			if ( isActive ) {
+				theGraphics.image( ( availableImages[ ACTIVE ] == true ) ? images[ ACTIVE ] : images[ DEFAULT ] , 0 , 0 );
+			} else {
+				theGraphics.image( ( availableImages[ OVER ] == true ) ? images[ OVER ] : images[ DEFAULT ] , 0 , 0 );
+			}
+			if ( cnt < 0 ) {
+				theGraphics.image( ( availableImages[ OVER ] == true ) ? images[ OVER ] : images[ DEFAULT ] , 0 , 0 );
+				cnt++;
+			}
+		}
+	}
+
+	/**
+	 * {@inheritDoc}
+	 * 
+	 * @exclude
+	 */
+	@Override public String getInfo( ) {
+		return "type:\tBang\n" + super.getInfo( );
+	}
+
+	/**
+	 * @exclude {@inheritDoc}
+	 */
+	@Override public String toString( ) {
+		return super.toString( ) + " [ " + getValue( ) + " ] " + "Bang" + " (" + this.getClass( ).getSuperclass( ) + ")";
+	}
+
+}
diff --git a/src/controlP5/BitFont.java b/src/controlP5/BitFont.java
new file mode 100755
index 0000000..ee8e5b9
--- /dev/null
+++ b/src/controlP5/BitFont.java
@@ -0,0 +1,203 @@
+package controlP5;
+
+/**
+ * controlP5 is a processing gui library.
+ *
+ *  2006-2014 by Andreas Schlegel
+ *
+ * This library is free software; you can redistribute it and/or
+ * modify it under the terms of the GNU Lesser General Public License
+ * as published by the Free Software Foundation; either version 2.1
+ * of the License, or (at your option) any later version.
+ * This library is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
+ * Lesser General Public License for more details.
+ *
+ * You should have received a copy of the GNU Lesser General
+ * Public License along with this library; if not, write to the
+ * Free Software Foundation, Inc., 59 Temple Place, Suite 330,
+ * Boston, MA 02111-1307 USA
+ *
+ * @author 		Andreas Schlegel (http://www.sojamo.de)
+ * @modified	##date##
+ * @version		##version##
+ *
+ */
+
+import java.lang.reflect.Constructor;
+import java.util.Arrays;
+
+import processing.core.PApplet;
+import processing.core.PFont;
+import processing.core.PImage;
+
+public class BitFont extends PFont {
+
+	static public final String standard58base64 = "AakACQBgACAEAgQGBggGAgMDBAYDBAIGBQMFBQUFBQUFBQICBAUEBQgFBQUFBQUFBQIFBQQGBQUFBQUFBAUGCAUGBQMFAwYGAwQEBAQEBAQEAgQEAgYEBAQEAwQEBAQGBAQEBAIEBQKgUgghIaUAAIiRMeiZZwwAAANgjjnvmRRKESVzzDGXoqQUvYURQCCAQCCSCAAAAAgAAABEqECleCVFkRAAiLSUWEgoJQAAiSOllEJIKVRiSymllCRFSSlCEVIAQQBBQAARAAAAEAAAACQpgeALJASiIwAQSQipE1BKRS+QSEohhRBSqES1UkopSIqSkkIiFAGwEZOwSaplZGx2VVXVSQIAgeIgSETy4RCSCEnoEONAgJCkd0I6p73QiKilk46RpCQZQoQIAFBVVVOVVFVVVUKqqiqKCACCDyKpiIoAICQJ9FAiCUE8ElUphRRCSqESUUohJSRJSUpECBEAoCrqoiqZqqqqiFRVUiIJAADKI5UQASEgSAoJpSRSCgECUlJKKYSUSiWilEJKSRKRlIgQJABAVVVEVVJVVVUhqaqqQhIACBQixEIBQFBg9AwyRhhDBEIIpGPOCyZl0kXJBJOMGMImEW9owAcbMQmrpKpKxjJiopQdFQAAAAAAAABAAAAAAAAAAIAAAOAAAAAAAAAAAAAACAAAAAAAAAAAAAAAAAQIAAAEAQAAAAIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABAgAAAgCAAAAAgAA";
+	static public final String standard56base64 = "AeYACQBgACAEAgQGBggHAgMDBgYDBQIFBgMGBgYGBgYGBgIDBAYEBggGBgYGBgYGBgIGBgUIBgYGBgYGBgYGCAYGBgMFAwYHAwUFBQUFAwUFAgMFAggFBQUFBAQEBQUIBQUFBAMEBQKgUgghRwoBAIAcOQ7yOZ/jAADAAXAe5/k+JwqKQlDkPM7jfFGUFEXfwghAQAAICIQUAgAAAAABAAAAQAkVqBSvJFJUEQCQaFHEBBEURQAAiDiiKIqCIIqCkjAWRVEURUQUJUURFCEFIBAAAgEBhAAAAABAAAAAAEikBIIvkFAQOQQAJBIEKU8ARVGiLyCRKAqiIAiioCJUTVEURQERRUmKgkQoAsAd40zcSambY447u5SSUnoSAYBAcRBMRNWHh4iEMAn0II4HBBAk6XuC6HmyL2gISVX0RI9DREoSQRAhAgBIKaW0lFIpKaWUIiSlpJRQhAAg+CCSFBFBACAiEdAHRUgEgfiIqIqiIAqCKAoqQlAWBVEBEZGSpBBCiAAAUgrpJaU0SkoppRBJKckkIxEAAJRHKkIEEACESEKERBERRUEAAVKiKIqCIIqKkhAURUGUREREJEVEECQAgJRSCkkplZJSSilIUkpKKUgEAAKFCHGhAIBAwdHnII5DOA4iIAiB6HGeL3CinOgFRU7gRA7hEDYR8QUJ+MEd40xcSqmkZI6LEWdsknsSAQAAAAAAAAAgAAAAAAAAAACAAACAAwAAAAAAAAAAAAAAQAAAAAAAAAADAwAAAAAABBAAAICAAAAAAIAAJQAAAAAAAAAABAAAAAAAAAAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAwAACAAAgIAAAAAAYAAA=";
+	static public final String grixelbase64 = "AnoADABgACAFAgQICAoIAgQEBgYDBQIKCQMICAgICAcICAIDBQYFBwkICAgIBwcICAYHCAcJCAgICAgICAgICggICAQKBAQHBAcHBwcHBQcHAgUHBAoHBwcHBgcGBwcKBwcHBQIFCAJAJeIjkENBAAAAQHzk4wPz5/Pz8QEAAB4ePj8+Pz6fX9AHCgoECvL58fnx+QsKiigo6C8CIAEIIAAAARwgEAoEAAAAAAAABAAAAAAAICIAAZVIUiERBQEAAIAIWlAQSkAQKCgIICCEhAQFBQUFAgFBBCgoMGwoKCgoKAghKCiioCCgEIAKQIAAAAQIgAAgEAAAAAAAABAAAAAAAICIsAUEfwlCRBCkEAAAIUhAQCQBAaCgIEAAAcoUFBQQFAgEBBGgoECpoqCgoKAAhKCgiEREQIIAAgAAAgAQIAACgEAAAAAAAABAAAAAAAAAIrIBEIgkgBBBEEEAAIIgAQGJ/ARAgoKS+AioVFBQQFAgEBBEgEICmZKCgoKCAhCCgiKioIAIBAgA4Pl4fJ7n+YRC8c7H8/F5ni8UiigU+okIAEAg4gOBA0HfhwcEguTDEwL0g/DxAwFAoFJ/PwFBv1/eHwH6CASKCgoKCvJBCAqKCAEBISAgAAAoFAqFQigUikREoVAoFISEUCgiSQgSQgAAgQgSAlEEEQQACAhSANAfUBAhCAiIj2BKBQUFBAUCQUEEKCQQKCzoJ+gHCCEoKCIKBIIAgQAAvlAg9AuhUOgREYVCoVBgEEKhiBghhIgAAAB/SITEEKQQABAgSAFAIEBBhCAgQABByBMUFBAUCAQFEaGgQKCgoICgECCEIJGIRBAEAggCAIRCgVAghEKhSEQUCoVCAUYIhSJihAgiAgAAiCQJFUMQAAgggCAFBIEEBRGCghACAkBAUFBQUCAQFESEggKBgoICkoKCEIIoIgpCCAhACAAQCoVCoRAKhUIRUSgUCgUhISSJSBISiAgAQCDiE4gTQQAgUAB89OcD4uND8PFJAAAEfkE/Pj++gF/Q5wn6BQryCfAJ8kHwQXAnCOEvACIAgM/j8XiCLxQKWUQhz8cXeDgPw52Q7yciAAAAAAIAANgAQAAAAAAAAAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAAAAgAAAAAAAAAAgAPg4AcAAAAAACAACAAAAAABEAAAAAAAACAAawAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAB4ABgAAAAABEAAAAAAAAB4AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=";
+	protected int characters;
+	protected int[] charWidth = new int[ 255 ];
+	protected int charHeight;
+	protected int[][] chars;
+	protected int lineHeight = 10;
+	protected int kerning = 0;
+	protected int wh;
+	protected PImage texture;
+	public static int defaultChar = 32;
+
+	public BitFont( byte[] theBytes ) {
+		super( );
+
+		texture = decodeBitFont( theBytes );
+		make( );
+
+		size = lineHeight;
+		glyphs = new Glyph[ 256 ];
+		ascii = new int[ 128 ];
+		Arrays.fill( ascii , -1 );
+		lazy = false;
+		ascent = 4;
+		descent = 4;
+		glyphCount = 128;
+		for ( int i = 0 ; i < 128 ; i++ ) {
+
+			// unfortunately the PFont.Glyph constructor in
+			// the android source code is for whatever
+			// reason protected and not public like in the
+			// java application source, therefore the
+			// bitfont will only be used in the java
+			// application mode until changes to the
+			// processing core code have been made. see
+			// issue
+			// http://code.google.com/p/processing/issues/detail?id=1293
+
+			try {
+				Constructor< PFont.Glyph >[] constructors = ( Constructor< PFont.Glyph >[] ) PFont.Glyph.class.getDeclaredConstructors( );
+				Constructor< PFont.Glyph > constructor = ( Constructor< PFont.Glyph > ) PFont.Glyph.class.getDeclaredConstructors( )[ 0 ];
+				constructor.setAccessible( true );
+				for ( Constructor< PFont.Glyph > c : constructors ) {
+					c.setAccessible( true );
+					if ( c.getParameterTypes( ).length == 1 ) {
+						glyphs[ i ] = c.newInstance( this );
+						break;
+					}
+				}
+			} catch ( Exception e ) {
+				System.out.println( e );
+			}
+
+			// as soon as the constructor is public, the
+			// line below will replace the hack above
+			// glyphs[i] = new Glyph();
+
+			glyphs[ i ].value = i;
+
+			if ( glyphs[ i ].value < 128 ) {
+				ascii[ glyphs[ i ].value ] = i;
+			}
+
+			glyphs[ i ].index = i;
+			int id = i - 32;
+			if ( id >= 0 ) {
+				glyphs[ i ].image = new PImage( charWidth[ id ] , 9 , ALPHA );
+				for ( int n = 0 ; n < chars[ id ].length ; n++ ) {
+					glyphs[ i ].image.pixels[ n ] = ( chars[ id ][ n ] == 1 ) ? 0xffffffff : 0x00000000;
+				}
+				glyphs[ i ].height = 9;
+				glyphs[ i ].width = charWidth[ id ];
+				glyphs[ i ].index = i;
+				glyphs[ i ].value = i;
+				glyphs[ i ].setWidth = charWidth[ id ];
+				glyphs[ i ].topExtent = 4;
+				glyphs[ i ].leftExtent = 0;
+			} else {
+				glyphs[ i ].image = new PImage( 1 , 1 );
+			}
+		}
+	}
+
+	public Glyph getGlyph( char c ) {
+		int n = ( int ) c;
+		/* if c is out of the BitFont-glyph bounds, return
+		 * the defaultChar glyph (the space char by
+		 * default). */
+		n = ( n >= 128 ) ? defaultChar : n;
+		return glyphs[ n ];
+	}
+
+	PImage decodeBitFont( byte[] bytes ) {
+
+		PImage tex;
+
+		// read width
+		int w = CP.byteArrayToInt( new byte[] { bytes[ 0 ] , bytes[ 1 ] } );
+
+		// read height
+		int h = CP.byteArrayToInt( new byte[] { bytes[ 2 ] , bytes[ 3 ] } );
+
+		// read size of chars
+		int s = CP.byteArrayToInt( new byte[] { bytes[ 4 ] , bytes[ 5 ] } );
+
+		// read first ascii char
+		int c = CP.byteArrayToInt( new byte[] { bytes[ 6 ] , bytes[ 7 ] } );
+
+		tex = new PImage( w , h , PApplet.ALPHA );
+
+		// read bytes and write pixels into image
+		int off = 8 + s;
+		for ( int i = off ; i < bytes.length ; i++ ) {
+			for ( int j = 0 ; j < 8 ; j++ ) {
+				tex.pixels[ ( i - off ) * 8 + j ] = CP.getBit( bytes[ i ] , j ) == 1 ? 0xff000000 : 0xffffffff;
+			}
+		}
+
+		int cnt = 0 , n = 0 , i = 0;
+
+		// add character seperators on top of the texture
+		for ( i = 0 ; i < s ; i++ ) {
+			while ( ++cnt != bytes[ i + 8 ] ) {
+			}
+			n += cnt;
+			tex.pixels[ n ] = 0xffff0000;
+			cnt = 0;
+		}
+
+		return tex;
+	}
+
+	int getHeight( ) {
+		return texture.height;
+	}
+
+	BitFont make( ) {
+
+		charHeight = texture.height;
+
+		lineHeight = charHeight;
+
+		int currWidth = 0;
+
+		for ( int i = 0 ; i < texture.width ; i++ ) {
+			currWidth++;
+			if ( texture.pixels[ i ] == 0xffff0000 ) {
+				charWidth[ characters++ ] = currWidth;
+				currWidth = 0;
+			}
+		}
+
+		chars = new int[ characters ][];
+
+		int indent = 0;
+
+		for ( int i = 0 ; i < characters ; i++ ) {
+			chars[ i ] = new int[ charWidth[ i ] * charHeight ];
+			for ( int u = 0 ; u < charWidth[ i ] * charHeight ; u++ ) {
+				chars[ i ][ u ] = texture.pixels[ indent + ( u / charWidth[ i ] ) * texture.width + ( u % charWidth[ i ] ) ] == 0xff000000 ? 1 : 0;
+			}
+			indent += charWidth[ i ];
+		}
+		return this;
+	}
+}
diff --git a/src/controlP5/Button.java b/src/controlP5/Button.java
new file mode 100755
index 0000000..41bd8a5
--- /dev/null
+++ b/src/controlP5/Button.java
@@ -0,0 +1,318 @@
+package controlP5;
+
+/**
+ * controlP5 is a processing gui library.
+ * 
+ * 2006-2014 by Andreas Schlegel
+ * 
+ * This library is free software; you can redistribute it
+ * and/or modify it under the terms of the GNU Lesser
+ * General Public License as published by the Free Software
+ * Foundation; either version 2.1 of the License, or (at
+ * your option) any later version. This library is
+ * distributed in the hope that it will be useful, but
+ * WITHOUT ANY WARRANTY; without even the implied warranty
+ * of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.
+ * See the GNU Lesser General Public License for more
+ * details.
+ * 
+ * You should have received a copy of the GNU Lesser General
+ * Public License along with this library; if not, write to
+ * the Free Software Foundation, Inc., 59 Temple Place,
+ * Suite 330, Boston, MA 02111-1307 USA
+ * 
+ * @author Andreas Schlegel (http://www.sojamo.de)
+ * @modified ##date##
+ * @version ##version##
+ * 
+ */
+
+import processing.core.PGraphics;
+
+/**
+ * <p>
+ * A button triggers an event after it has been release.
+ * Events can be linked to functions and fields inside your
+ * program/sketch. for a full documentation of this
+ * controller see the {@link Controller} class.
+ * 
+ * @example controllers/ControlP5button
+ */
+
+public class Button extends Controller< Button > {
+
+	protected boolean isPressed;
+	protected boolean isOn = false;
+	public static int autoWidth = 69;
+	public static int autoHeight = 19;
+	protected int activateBy = RELEASE;
+	protected boolean isSwitch = false;
+
+	/**
+	 * Convenience constructor to extend Button.
+	 * 
+	 * @example use/ControlP5extendController
+	 */
+	public Button( ControlP5 theControlP5 , String theName ) {
+		this( theControlP5 , theControlP5.getDefaultTab( ) , theName , 0 , 0 , 0 , autoWidth , autoHeight );
+		theControlP5.register( theControlP5.papplet , theName , this );
+	}
+
+	protected Button( ControlP5 theControlP5 , ControllerGroup< ? > theParent , String theName , float theDefaultValue , int theX , int theY , int theWidth , int theHeight ) {
+		super( theControlP5 , theParent , theName , theX , theY , theWidth , theHeight );
+		_myValue = theDefaultValue;
+		_myCaptionLabel.align( CENTER , CENTER );
+	}
+
+	/**
+	 * @exclude
+	 */
+	public Button( ) {
+		super( null , null , null , 0 , 0 , 1 , 1 );
+	}
+
+	@Override protected void onEnter( ) {
+		System.out.println("enter button "+this.getName( )+" "+x(getPosition( ))+" "+y(getPosition( ))+" | "+" "+x(getAbsolutePosition( ))+" "+y(getAbsolutePosition( )));
+		isActive = true;
+	}
+
+	@Override protected void onLeave( ) {
+		System.out.println("leave button "+this.getName( )+" "+x(getPosition( ))+" "+y(getPosition( ))+" | "+" "+x(getAbsolutePosition( ))+" "+y(getAbsolutePosition( )));
+		isActive = false;
+		setIsInside( false ); // TODO setIsInside needs to be set false here if we remove setIsInside from activate; see below. 
+	}
+
+	/**
+	 * @exclude
+	 */
+	@Override @ControlP5.Invisible public void mousePressed( ) {
+		isActive = getIsInside( );
+		isPressed = true;
+		if ( activateBy == PRESSED ) {
+			activate( );
+		}
+	}
+
+	/**
+	 * @exclude
+	 */
+	@Override @ControlP5.Invisible public void mouseReleased( ) {
+		isPressed = false;
+		if ( activateBy == RELEASE ) {
+			activate( );
+		}
+		isActive = false;
+	}
+
+	/**
+	 * A button can be activated by a mouse PRESSED or mouse
+	 * RELEASE. Default value is RELEASE.
+	 * 
+	 * @param theValue use ControlP5.PRESSED or
+	 *            ControlP5.RELEASE as parameter
+	 * @return Button
+	 */
+	public Button activateBy( int theValue ) {
+		if ( theValue == PRESS ) {
+			activateBy = PRESS;
+		} else {
+			activateBy = RELEASE;
+		}
+		return this;
+	}
+
+	protected void activate( ) {
+		if ( isActive ) {
+			isActive = false;
+			if ( getParent( ) instanceof Tab ) {
+				//setIsInside( false ); // TODO why do we setIsInside to false here?
+			}
+			isOn = !isOn;
+			setValue( _myValue );
+
+		}
+	}
+
+	/**
+	 * @exclude
+	 */
+	@Override @ControlP5.Invisible public void mouseReleasedOutside( ) {
+		mouseReleased( );
+	}
+
+	/**
+	 * {@inheritDoc}
+	 */
+	@Override public Button setValue( float theValue ) {
+		_myValue = theValue;
+		broadcast( FLOAT );
+		return this;
+	}
+
+	/**
+	 * {@inheritDoc}
+	 */
+	@Override public Button update( ) {
+		return setValue( _myValue );
+	}
+
+	/**
+	 * Turns a button into a switch, or use a Toggle
+	 * instead.
+	 * 
+	 * @see controlP5.Toggle
+	 * @param theFlag turns the button into a switch when
+	 *            true
+	 * @return Button
+	 */
+	public Button setSwitch( boolean theFlag ) {
+		isSwitch = theFlag;
+		return this;
+	}
+
+	/**
+	 * If the button acts as a switch, setOn will turn on
+	 * the switch. Use
+	 * {@link controlP5.Button#setSwitch(boolean) setSwitch}
+	 * to turn a Button into a Switch.
+	 * 
+	 * @return Button
+	 */
+	public Button setOn( ) {
+		if ( isSwitch ) {
+			isOn = false;
+			isActive = true;
+			activate( );
+		}
+		return this;
+	}
+
+	/**
+	 * If the button acts as a switch, setOff will turn off
+	 * the switch. Use
+	 * {@link controlP5.Button#setSwitch(boolean) setSwitch}
+	 * to turn a Button into a Switch.
+	 * 
+	 * @return Button
+	 */
+	public Button setOff( ) {
+		if ( isSwitch ) {
+			isOn = true;
+			isActive = true;
+			activate( );
+		}
+		return this;
+	}
+
+	/**
+	 * @return boolean
+	 */
+	public boolean isOn( ) {
+		return isOn;
+	}
+
+	/**
+	 * @return boolean
+	 */
+	public boolean isPressed( ) {
+		return isPressed;
+	}
+
+	/**
+	 * Returns true or false and indicates the switch state
+	 * of the button. {@link setSwitch(boolean) setSwitch}
+	 * should have been set before.
+	 * 
+	 * @see controlP5.Button#setSwitch(boolean)
+	 * @return boolean
+	 */
+	public boolean getBooleanValue( ) {
+		return isOn;
+	}
+
+	/**
+	 * @exclude
+	 */
+	@Override @ControlP5.Invisible public Button updateDisplayMode( int theMode ) {
+		return updateViewMode( theMode );
+	}
+
+	/**
+	 * @exclude
+	 */
+	@ControlP5.Invisible public Button updateViewMode( int theMode ) {
+		_myDisplayMode = theMode;
+		switch ( theMode ) {
+		case ( DEFAULT ):
+			_myControllerView = new ButtonView( );
+			break;
+		case ( IMAGE ):
+			_myControllerView = new ButtonImageView( );
+			break;
+		case ( CUSTOM ):
+		default:
+			break;
+
+		}
+		return this;
+	}
+
+	private class ButtonView implements ControllerView< Button > {
+
+		public void display( PGraphics theGraphics , Button theController ) {
+			theGraphics.noStroke( );
+			if ( isOn && isSwitch ) {
+				theGraphics.fill( color.getActive( ) );
+			} else {
+				if ( getIsInside( ) ) {
+					if ( isPressed ) {
+						theGraphics.fill( color.getActive( ) );
+					} else {
+						theGraphics.fill( color.getForeground( ) );
+					}
+				} else {
+					theGraphics.fill( color.getBackground( ) );
+				}
+			}
+			theGraphics.rect( 0 , 0 , getWidth( ) , getHeight( ) );
+			if ( isLabelVisible ) {
+				_myCaptionLabel.draw( theGraphics , 0 , 0 , theController );
+			}
+		}
+	}
+
+	private class ButtonImageView implements ControllerView< Button > {
+
+		public void display( PGraphics theGraphics , Button theController ) {
+			if ( isOn && isSwitch ) {
+				theGraphics.image( ( availableImages[ HIGHLIGHT ] == true ) ? images[ HIGHLIGHT ] : images[ DEFAULT ] , 0 , 0 );
+				return;
+			}
+			if ( getIsInside( ) ) {
+				if ( isPressed ) {
+					theGraphics.image( ( availableImages[ ACTIVE ] == true ) ? images[ ACTIVE ] : images[ DEFAULT ] , 0 , 0 );
+				} else {
+					theGraphics.image( ( availableImages[ OVER ] == true ) ? images[ OVER ] : images[ DEFAULT ] , 0 , 0 );
+				}
+			} else {
+				theGraphics.image( images[ DEFAULT ] , 0 , 0 );
+			}
+		}
+	}
+
+	/**
+	 * @exclude
+	 */
+	@Override public String getInfo( ) {
+		return "type:\tButton\n" + super.getInfo( );
+	}
+
+	/**
+	 * @exclude
+	 */
+	@Override public String toString( ) {
+		return super.toString( ) + " [ " + getValue( ) + " ] " + "Button" + " (" + this.getClass( ).getSuperclass( ) + ")";
+	}
+
+	
+}
\ No newline at end of file
diff --git a/src/controlP5/ButtonBar.java b/src/controlP5/ButtonBar.java
new file mode 100644
index 0000000..7ad1011
--- /dev/null
+++ b/src/controlP5/ButtonBar.java
@@ -0,0 +1,217 @@
+package controlP5;
+
+import static controlP5.ControlP5.b;
+
+import java.util.ArrayList;
+import java.util.Arrays;
+import java.util.Collections;
+import java.util.HashMap;
+import java.util.List;
+import java.util.Map;
+import static controlP5.ControlP5.s;
+import processing.core.PGraphics;
+
+public class ButtonBar extends Controller< ButtonBar > {
+
+	public static int autoWidth = 69;
+	public static int autoHeight = 19;
+
+	private List< Map< String , Object >> items = new ArrayList< Map< String , Object >>( );
+
+	/**
+	 * Convenience constructor to extend ButtonBar.
+	 */
+	public ButtonBar( ControlP5 theControlP5 , String theName ) {
+		this( theControlP5 , theControlP5.getDefaultTab( ) , theName , 0 , 0 , autoWidth , autoHeight );
+		theControlP5.register( theControlP5.papplet , theName , this );
+	}
+
+	protected ButtonBar( ControlP5 theControlP5 , ControllerGroup< ? > theParent , String theName , float theX , float theY , int theWidth , int theHeight ) {
+		super( theControlP5 , theParent , theName , theX , theY , theWidth , theHeight );
+	}
+
+	@Override
+	@ControlP5.Invisible
+	public ButtonBar updateDisplayMode( int theMode ) {
+		return updateViewMode( theMode );
+	}
+
+	public void changeItem( String theItem , String theKey , Object theValue ) {
+		Map m = modifiableItem( theItem );
+		if ( !m.equals( Collections.EMPTY_MAP ) ) {
+			m.put( theKey , theValue );
+		}
+	}
+
+	private Map modifiableItem( String theItem ) {
+		if ( theItem != null ) {
+			for ( Map< String , Object > o : items ) {
+				if ( theItem.equals( o.get( "name" ) ) ) {
+					return o;
+				}
+			}
+		}
+		return Collections.EMPTY_MAP;
+	}
+
+	public Map getItem( String theItem ) {
+		return Collections.unmodifiableMap( modifiableItem( theItem ) );
+	}
+
+	@ControlP5.Invisible
+	public ButtonBar updateViewMode( int theMode ) {
+		_myDisplayMode = theMode;
+		switch ( theMode ) {
+		case ( DEFAULT ):
+			_myControllerView = new ButtonBarView( );
+			break;
+		case ( IMAGE ):
+			break;
+		case ( CUSTOM ):
+		default:
+			break;
+
+		}
+		return this;
+	}
+
+	@Override
+	public void onClick( ) {
+		int index = hover( );
+		if ( index > -1 ) {
+			for ( Map m : items ) {
+				m.put( "selected" , false );
+			}
+			items.get( index ).put( "selected" , true );
+			setValue( hover( ) );
+		}
+	}
+
+	public int hover( ) {
+		int w = getWidth( ) / ( items.isEmpty( ) ? 1 : items.size( ) );
+		int h = getHeight( );
+		for ( int i = 0 ; i < items.size( ) ; i++ ) {
+			if ( getPointer( ).x( ) >= i * w && getPointer( ).x( ) < ( i + 1 ) * w ) {
+				return i;
+			}
+		}
+		return -1;
+	}
+
+	private class ButtonBarView implements ControllerView< ButtonBar > {
+
+		public void display( PGraphics theGraphics , ButtonBar theController ) {
+			theGraphics.noStroke( );
+			theGraphics.fill( color.getBackground( ) );
+			theGraphics.rect( 0 , 0 , theController.getWidth( ) , theController.getHeight( ) );
+			int index = hover( );
+			int w = theController.getWidth( ) / ( items.isEmpty( ) ? 1 : items.size( ) );
+			int h = theController.getHeight( );
+			theGraphics.textFont( theController.getValueLabel( ).getFont( ).pfont );
+			theGraphics.pushMatrix( );
+			for ( int i = 0 ; i < items.size( ) ; i++ ) {
+				int c = b( items.get( i ).get( "selected" ) , false ) ? color.getActive( ) : ( isInside( ) && index == i ) ? isMousePressed ? color.getActive( ) : color.getForeground( ) : color.getBackground( );
+				theGraphics.fill( c );
+				theGraphics.rect( 0 , 0 , w , h );
+				theGraphics.fill( theController.getValueLabel( ).getColor( ) );
+				theController.getValueLabel( ).set( s( items.get( i ).get( "text" ) ) ).align( CENTER , CENTER ).draw( theGraphics , 0 , 0 , w , h );
+				theGraphics.translate( w , 0 );
+			}
+			theGraphics.popMatrix( );
+		}
+	}
+
+	private Map< String , Object > getDefaultItemMap( String theName , Object theValue ) {
+		Map< String , Object > item = new HashMap< String , Object >( );
+		item.put( "name" , theName );
+		item.put( "text" , theName );
+		item.put( "value" , theValue );
+		item.put( "color" , getColor( ) );
+		item.put( "view" , new CDrawable( ) {
+			@Override
+			public void draw( PGraphics theGraphics ) {
+			}
+
+		} );
+		item.put( "selected" , false );
+		return item;
+	}
+
+	public ButtonBar addItem( String theName , Object theValue ) {
+		Map< String , Object > item = getDefaultItemMap( theName , theValue );
+		items.add( item );
+		return this;
+	}
+
+	public ButtonBar addItems( String[] theItems ) {
+		addItems( Arrays.asList( theItems ) );
+		return this;
+	}
+
+	public ButtonBar addItems( List< String > theItems ) {
+		for ( int i = 0 ; i < theItems.size( ) ; i++ ) {
+			addItem( theItems.get( i ).toString( ) , i );
+		}
+		return this;
+	}
+
+	public ButtonBar addItems( Map< String , Object > theItems ) {
+		for ( Map.Entry< String , Object > item : theItems.entrySet( ) ) {
+			addItem( item.getKey( ) , item.getValue( ) );
+		}
+		return this;
+	}
+
+	public ButtonBar setItems( String[] theItems ) {
+		setItems( Arrays.asList( theItems ) );
+		return this;
+	}
+
+	public ButtonBar setItems( List< String > theItems ) {
+		items.clear( );
+		return addItems( theItems );
+	}
+
+	public ButtonBar setItems( Map< String , Object > theItems ) {
+		items.clear( );
+		return addItems( theItems );
+	}
+
+	public ButtonBar removeItems( List< String > theItems ) {
+		for ( String s : theItems ) {
+			removeItem( s );
+		}
+		return this;
+	}
+
+	public ButtonBar removeItem( String theName ) {
+		if ( theName != null ) {
+
+			List l = new ArrayList( );
+			for ( Map m : items ) {
+				if ( theName.equals( m.get( "name" ) ) ) {
+					l.add( m );
+				}
+			}
+			items.removeAll( l );
+		}
+		return this;
+	}
+
+	private Map< String , Object > getItem( int theIndex ) {
+		return items.get( theIndex );
+	}
+
+	public List getItems( ) {
+		return Collections.unmodifiableList( items );
+	}
+
+	public ButtonBar clear( ) {
+		for ( int i = items.size( ) - 1 ; i >= 0 ; i-- ) {
+			items.remove( i );
+		}
+		items.clear( );
+		return this;
+	}
+
+}
diff --git a/src/controlP5/CColor.java b/src/controlP5/CColor.java
new file mode 100755
index 0000000..91c5702
--- /dev/null
+++ b/src/controlP5/CColor.java
@@ -0,0 +1,219 @@
+package controlP5;
+
+/**
+ * controlP5 is a processing gui library.
+ * 
+ * 2006-2012 by Andreas Schlegel
+ * 
+ * This library is free software; you can redistribute it and/or modify it under
+ * the terms of the GNU Lesser General Public License as published by the Free
+ * Software Foundation; either version 2.1 of the License, or (at your option)
+ * any later version. This library is distributed in the hope that it will be
+ * useful, but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU Lesser
+ * General Public License for more details.
+ * 
+ * You should have received a copy of the GNU Lesser General Public License
+ * along with this library; if not, write to the Free Software Foundation, Inc.,
+ * 59 Temple Place, Suite 330, Boston, MA 02111-1307 USA
+ * 
+ * @author Andreas Schlegel (http://www.sojamo.de)
+ * @modified ##date##
+ * @version ##version##
+ * 
+ */
+
+import java.io.Serializable;
+
+/**
+ * A CColor instance contains the colors of a controller including the foreground-, background-,
+ * active-, captionlabel- and valuelabel-colors.
+ */
+
+@SuppressWarnings( "serial" )
+public class CColor implements Serializable {
+
+	private int colorBackground = 0xff003652;
+
+	private int colorForeground = 0xff00698c;
+
+	private int colorActive = 0xff08a2cf; // 0699C4;
+
+	private int colorCaptionLabel = 0xffffffff;
+
+	private int colorValueLabel = 0xffffffff;
+
+	private int colorBackgroundAlpha = 0xff;
+
+	private int colorForegroundAlpha = 0xff;
+
+	private int colorActiveAlpha = 0xff; // 0699C4;
+
+	private int colorCaptionLabelAlpha = 0xff;
+
+	private int colorValueLabelAlpha = 0xff;
+
+	private int alpha = 0xff;
+
+	private int maskA = 0x00ffffff;
+
+	int maskR = 0xff00ffff;
+
+	int maskG = 0xffff00ff;
+
+	int maskB = 0xffffff00;
+
+	protected CColor set( CColor theColor ) {
+		colorBackground = theColor.colorBackground;
+		colorForeground = theColor.colorForeground;
+		colorActive = theColor.colorActive;
+		colorCaptionLabel = theColor.colorCaptionLabel;
+		colorValueLabel = theColor.colorValueLabel;
+		colorBackgroundAlpha = theColor.colorBackgroundAlpha;
+		colorForegroundAlpha = theColor.colorForegroundAlpha;
+		colorActiveAlpha = theColor.colorActiveAlpha;
+		colorCaptionLabelAlpha = theColor.colorCaptionLabelAlpha;
+		colorValueLabelAlpha = theColor.colorValueLabelAlpha;
+		return this;
+	}
+
+	protected CColor copyTo( ControllerInterface< ? > theControl ) {
+		theControl.setColorBackground( colorBackground );
+		theControl.setColorForeground( colorForeground );
+		theControl.setColorActive( colorActive );
+		theControl.setColorLabel( colorCaptionLabel );
+		return this;
+	}
+
+	/**
+	 * @exclude {@inheritDoc}
+	 */
+	public String toString( ) {
+
+		return ( "bg (" + ( colorBackground >> 16 & 0xff ) + "," + ( colorBackground >> 8 & 0xff ) + "," + ( colorBackground >> 0 & 0xff ) + "), " + "fg (" + ( colorForeground >> 16 & 0xff ) + "," + ( colorForeground >> 8 & 0xff ) + ","
+				+ ( colorForeground >> 0 & 0xff ) + "), " + "active (" + ( colorActive >> 16 & 0xff ) + "," + ( colorActive >> 8 & 0xff ) + "," + ( colorActive >> 0 & 0xff ) + "), " + "captionlabel (" + ( colorCaptionLabel >> 16 & 0xff ) + ","
+				+ ( colorCaptionLabel >> 8 & 0xff ) + "," + ( colorCaptionLabel >> 0 & 0xff ) + "), " + "valuelabel (" + ( colorValueLabel >> 16 & 0xff ) + "," + ( colorValueLabel >> 8 & 0xff ) + "," + ( colorValueLabel >> 0 & 0xff ) + ")" );
+	}
+
+	public CColor( ) {
+		set( ControlP5.getColor( ) );
+	}
+
+	public CColor( int cfg , int cbg , int cactive , int ccl , int cvl ) {
+		setForeground( cfg );
+		setBackground( cbg );
+		setActive( cactive );
+		setCaptionLabel( ccl );
+		setValueLabel( cvl );
+	}
+
+	public CColor( CColor theColor ) {
+		set( theColor );
+	}
+
+	/**
+	 * @exclude
+	 * @param theAlpha
+	 */
+	public CColor setAlpha( int theAlpha ) {
+		System.out.println( "controlP5.CColor.setAlpha: setting alpha values disabled for this version of controlP5." );
+		return this;
+	}
+
+	public CColor setForeground( int theColor ) {
+		if ( ( theColor & 0xff000000 ) == 0 ) {
+			colorForeground = 0xff000000;
+		} else {
+			colorForeground = theColor;
+		}
+		return this;
+	}
+
+	public CColor setBackground( int theColor ) {
+		if ( ( theColor & 0xff000000 ) == 0 ) {
+			colorBackground = 0xff000000;
+		} else {
+			colorBackground = theColor;
+		}
+		return this;
+	}
+
+	public CColor setActive( int theColor ) {
+		if ( ( theColor & 0xff000000 ) == 0 ) {
+			colorActive = 0xff000000;
+		} else {
+			colorActive = theColor;
+		}
+		return this;
+	}
+
+	public CColor setCaptionLabel( int theColor ) {
+		if ( ( theColor & 0xff000000 ) == 0 ) {
+			colorCaptionLabel = 0xff000000;
+		} else {
+			colorCaptionLabel = theColor;
+		}
+		return this;
+	}
+
+	public CColor setValueLabel( int theColor ) {
+		if ( ( theColor & 0xff000000 ) == 0 ) {
+			colorValueLabel = 0xff000000;
+		} else {
+			colorValueLabel = theColor;
+		}
+		return this;
+	}
+
+	public int getAlpha( ) {
+		return alpha;
+	}
+
+	public int getForeground( ) {
+		return colorForeground;
+	}
+
+	public int getBackground( ) {
+		return colorBackground;
+	}
+
+	public int getActive( ) {
+		return colorActive;
+	}
+
+	public int getCaptionLabel( ) {
+		return colorCaptionLabel;
+	}
+
+	public int getValueLabel( ) {
+		return colorValueLabel;
+	}
+
+	/**
+	 * @exclude {@inheritDoc}
+	 */
+	public int hashCode( ) {
+		int result = 23;
+		result = 37 * result + colorBackground;
+		result = 37 * result + colorForeground;
+		result = 37 * result + colorActive;
+		return result;
+	}
+
+	/**
+	 * @exclude {@inheritDoc}
+	 */
+	public boolean equals( Object o ) {
+		if ( this == o ) {
+			return true;
+		}
+		if ( o == null || getClass( ) != o.getClass( ) ) {
+			return false;
+		}
+		CColor cc = ( CColor ) o;
+		if ( colorBackground != cc.colorBackground || colorForeground != cc.colorForeground || colorActive != cc.colorActive || colorCaptionLabel != cc.colorCaptionLabel || colorValueLabel != cc.colorValueLabel ) {
+			return false;
+		}
+		return true;
+	}
+}
diff --git a/src/controlP5/CDrawable.java b/src/controlP5/CDrawable.java
new file mode 100755
index 0000000..3c65a5e
--- /dev/null
+++ b/src/controlP5/CDrawable.java
@@ -0,0 +1,37 @@
+package controlP5;
+
+/**
+ * controlP5 is a processing gui library.
+ *
+ *  2006-2012 by Andreas Schlegel
+ *
+ * This library is free software; you can redistribute it and/or
+ * modify it under the terms of the GNU Lesser General Public License
+ * as published by the Free Software Foundation; either version 2.1
+ * of the License, or (at your option) any later version.
+ * This library is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
+ * Lesser General Public License for more details.
+ *
+ * You should have received a copy of the GNU Lesser General
+ * Public License along with this library; if not, write to the
+ * Free Software Foundation, Inc., 59 Temple Place, Suite 330,
+ * Boston, MA 02111-1307 USA
+ *
+ * @author 		Andreas Schlegel (http://www.sojamo.de)
+ * @modified	##date##
+ * @version		##version##
+ *
+ */
+
+import processing.core.PGraphics;
+
+/**
+ * The CDrawable interface is used to draw controllers, primarily for internal use.
+ */
+public interface CDrawable {
+
+	public void draw( PGraphics theGraphics );
+	
+}
diff --git a/src/controlP5/CP.java b/src/controlP5/CP.java
new file mode 100755
index 0000000..9385df6
--- /dev/null
+++ b/src/controlP5/CP.java
@@ -0,0 +1,360 @@
+package controlP5;
+
+import java.io.UnsupportedEncodingException;
+import java.lang.reflect.Array;
+import java.net.URLEncoder;
+import java.text.CharacterIterator;
+import java.text.StringCharacterIterator;
+import java.util.List;
+
+import processing.core.PVector;
+
+public class CP {
+
+	/**
+	 * borrowed from http://www.javapractices.com/Topic96.cjp
+	 * 
+	 * 
+	 * @param aURLFragment String
+	 * @return String
+	 */
+	static public String forURL( String aURLFragment ) {
+		String result = null;
+		try {
+			result = URLEncoder.encode( aURLFragment , "UTF-8" );
+		} catch ( UnsupportedEncodingException ex ) {
+			throw new RuntimeException( "UTF-8 not supported" , ex );
+		}
+		return result;
+	}
+
+	/**
+	 * borrowed from http://www.javapractices.com/Topic96.cjp
+	 * 
+	 * @param aTagFragment String
+	 * @return String
+	 */
+	static public String forHTMLTag( String aTagFragment ) {
+		final StringBuffer result = new StringBuffer( );
+
+		final StringCharacterIterator iterator = new StringCharacterIterator( aTagFragment );
+		char character = iterator.current( );
+		while ( character != CharacterIterator.DONE ) {
+			if ( character == '<' ) {
+				result.append( "&lt;" );
+			} else if ( character == '>' ) {
+				result.append( "&gt;" );
+			} else if ( character == '\"' ) {
+				result.append( "&quot;" );
+			} else if ( character == '\'' ) {
+				result.append( "&#039;" );
+			} else if ( character == '\\' ) {
+				result.append( "&#092;" );
+			} else if ( character == '&' ) {
+				result.append( "&amp;" );
+			} else {
+				// the char is not a special one
+				// add it to the result as is
+				result.append( character );
+			}
+			character = iterator.next( );
+		}
+		return result.toString( );
+	}
+
+	/**
+	 * http://processing.org/discourse/yabb_beta/YaBB.cgi?board=Programs;action=
+	 * display;num=1159828167;start=0#0
+	 * 
+	 * @param string String
+	 * @return String
+	 */
+	String URLEncode( String string ) {
+		String output = new String( );
+		try {
+			byte[] input = string.getBytes( "UTF-8" );
+			for ( int i = 0 ; i < input.length ; i++ ) {
+				if ( input[ i ] < 0 ) {
+					// output += ('%' + hex(input[i])); // see hex method in
+					// processing
+				} else if ( input[ i ] == 32 ) {
+					output += '+';
+				} else {
+					output += ( char ) ( input[ i ] );
+				}
+			}
+		} catch ( UnsupportedEncodingException e ) {
+			e.printStackTrace( );
+		}
+
+		return output;
+	}
+
+	static public String replace( String theSourceString , String theSearchForString , String theReplaceString ) {
+		if ( theSourceString.length( ) < 1 ) {
+			return "";
+		}
+		int p = 0;
+
+		while ( p < theSourceString.length( ) && ( p = theSourceString.indexOf( theSearchForString , p ) ) >= 0 ) {
+			theSourceString = theSourceString.substring( 0 , p ) + theReplaceString + theSourceString.substring( p + theSearchForString.length( ) , theSourceString.length( ) );
+			p += theReplaceString.length( );
+		}
+		return theSourceString;
+	}
+
+	/**
+	 * convert a hex number into an int
+	 * 
+	 * @param theHex
+	 * @return
+	 */
+	static public int parseHex( String theHex ) {
+		int myLen = theHex.length( );
+		int a , r , b , g;
+		switch ( myLen ) {
+		case ( 8 ):
+			break;
+		case ( 6 ):
+			theHex = "ff" + theHex;
+			break;
+		default:
+			theHex = "ff000000";
+			break;
+		}
+		a = ( new Integer( Integer.parseInt( theHex.substring( 0 , 2 ) , 16 ) ) ).intValue( );
+		r = ( new Integer( Integer.parseInt( theHex.substring( 2 , 4 ) , 16 ) ) ).intValue( );
+		g = ( new Integer( Integer.parseInt( theHex.substring( 4 , 6 ) , 16 ) ) ).intValue( );
+		b = ( new Integer( Integer.parseInt( theHex.substring( 6 , 8 ) , 16 ) ) ).intValue( );
+		return ( a << 24 | r << 16 | g << 8 | b );
+	}
+
+	static public String intToString( int theInt ) {
+		int a = ( ( theInt >> 24 ) & 0xff );
+		int r = ( ( theInt >> 16 ) & 0xff );
+		int g = ( ( theInt >> 8 ) & 0xff );
+		int b = ( ( theInt >> 0 ) & 0xff );
+		String sa = ( ( Integer.toHexString( a ) ).length( ) == 1 ) ? "0" + Integer.toHexString( a ) : Integer.toHexString( a );
+		String sr = ( ( Integer.toHexString( r ) ).length( ) == 1 ) ? "0" + Integer.toHexString( r ) : Integer.toHexString( r );
+		String sg = ( ( Integer.toHexString( g ) ).length( ) == 1 ) ? "0" + Integer.toHexString( g ) : Integer.toHexString( g );
+		String sb = ( ( Integer.toHexString( b ) ).length( ) == 1 ) ? "0" + Integer.toHexString( b ) : Integer.toHexString( b );
+		return sa + sr + sg + sb;
+	}
+
+	/**
+	 * @deprecated
+	 */
+	@Deprecated protected boolean save( ControlP5 theControlP5 , String theFilePath ) {
+		ControlP5.logger( ).info( "Saving ControlP5 settings in XML format has been removed, have a look at controlP5's properties instead." );
+		return false;
+	}
+
+	/**
+	 * * Convenience method for producing a simple textual representation of an array.
+	 * 
+	 * <P>
+	 * The format of the returned <code>String</code> is the same as
+	 * <code>AbstractCollection.toString</code>:
+	 * <ul>
+	 * <li>non-empty array: [blah, blah]
+	 * <li>empty array: []
+	 * <li>null array: null
+	 * </ul>
+	 * 
+	 * 
+	 * <code>aArray</code> is a possibly-null array whose elements are primitives or objects; arrays
+	 * of arrays are also valid, in which case <code>aArray</code> is rendered in a nested,
+	 * recursive fashion.
+	 * 
+	 * @author Jerome Lacoste
+	 * @author www.javapractices.com
+	 */
+	static public String arrayToString( Object aArray ) {
+		if ( aArray == null ) {
+			return fNULL;
+		}
+
+		checkObjectIsArray( aArray );
+
+		StringBuilder result = new StringBuilder( fSTART_CHAR );
+		int length = Array.getLength( aArray );
+		for ( int idx = 0 ; idx < length ; ++idx ) {
+			Object item = Array.get( aArray , idx );
+			if ( isNonNullArray( item ) ) {
+				// recursive call!
+				result.append( arrayToString( item ) );
+			} else {
+				result.append( item );
+			}
+			if ( !isLastItem( idx , length ) ) {
+				result.append( fSEPARATOR );
+			}
+		}
+		result.append( fEND_CHAR );
+		return result.toString( );
+	}
+
+	// PRIVATE //
+	private static final String fSTART_CHAR = "[";
+
+	private static final String fEND_CHAR = "]";
+
+	private static final String fSEPARATOR = ", ";
+
+	private static final String fNULL = "null";
+
+	private static void checkObjectIsArray( Object aArray ) {
+		if ( !aArray.getClass( ).isArray( ) ) {
+			throw new IllegalArgumentException( "Object is not an array." );
+		}
+	}
+
+	private static boolean isNonNullArray( Object aItem ) {
+		return aItem != null && aItem.getClass( ).isArray( );
+	}
+
+	private static boolean isLastItem( int aIdx , int aLength ) {
+		return ( aIdx == aLength - 1 );
+	}
+
+	protected static String formatGetClass( Class< ? > c ) {
+		if ( c == null )
+			return null;
+		final String pattern = "class ";
+		return c.toString( ).startsWith( pattern ) ? c.toString( ).substring( pattern.length( ) ) : c.toString( );
+	}
+
+	static public boolean inside( int[] theRect , PVector theVector ) {
+		return inside( theRect , theVector.x , theVector.y );
+	}
+
+	static public boolean inside( int[] theRect , float theX , float theY ) {
+		if ( theRect.length == 4 ) {
+			return ( theX > theRect[ 0 ] && theX < theRect[ 2 ] && theY > theRect[ 1 ] && theY < theRect[ 3 ] );
+		} else {
+			return false;
+		}
+	}
+
+	/* Base64 static methods to encode and decode
+	 * bytes into a String and back
+	 * 
+	 * from
+	 * http://examples.oreilly.com/javacrypt/files/oreilly/jonathan/util/
+	 * http://oreilly.com/catalog/javacrypt/chapter/ch06.html */
+
+	static public String encodeBase64( byte[] raw ) {
+		StringBuffer encoded = new StringBuffer( );
+		for ( int i = 0 ; i < raw.length ; i += 3 ) {
+			encoded.append( encodeBlock( raw , i ) );
+		}
+		return encoded.toString( );
+	}
+
+	protected static char[] encodeBlock( byte[] raw , int offset ) {
+		int block = 0;
+		int slack = raw.length - offset - 1;
+		int end = ( slack >= 2 ) ? 2 : slack;
+		for ( int i = 0 ; i <= end ; i++ ) {
+			byte b = raw[ offset + i ];
+			int neuter = ( b < 0 ) ? b + 256 : b;
+			block += neuter << ( 8 * ( 2 - i ) );
+		}
+		char[] base64 = new char[ 4 ];
+		for ( int i = 0 ; i < 4 ; i++ ) {
+			int sixbit = ( block >>> ( 6 * ( 3 - i ) ) ) & 0x3f;
+			base64[ i ] = getBase64Char( sixbit );
+		}
+		if ( slack < 1 )
+			base64[ 2 ] = '=';
+		if ( slack < 2 )
+			base64[ 3 ] = '=';
+		return base64;
+	}
+
+	static char getBase64Char( int sixBit ) {
+		if ( sixBit >= 0 && sixBit <= 25 )
+			return ( char ) ( 'A' + sixBit );
+		if ( sixBit >= 26 && sixBit <= 51 )
+			return ( char ) ( 'a' + ( sixBit - 26 ) );
+		if ( sixBit >= 52 && sixBit <= 61 )
+			return ( char ) ( '0' + ( sixBit - 52 ) );
+		if ( sixBit == 62 )
+			return '+';
+		if ( sixBit == 63 )
+			return '/';
+		return '?';
+	}
+
+	static public byte[] decodeBase64( String base64 ) {
+		int pad = 0;
+		for ( int i = base64.length( ) - 1 ; base64.charAt( i ) == '=' ; i-- )
+			pad++;
+		int length = base64.length( ) * 6 / 8 - pad;
+		byte[] raw = new byte[ length ];
+		int rawIndex = 0;
+		for ( int i = 0 ; i < base64.length( ) ; i += 4 ) {
+			int block = ( getBase64Value( base64.charAt( i ) ) << 18 ) + ( getBase64Value( base64.charAt( i + 1 ) ) << 12 ) + ( getBase64Value( base64.charAt( i + 2 ) ) << 6 ) + ( getBase64Value( base64.charAt( i + 3 ) ) );
+			for ( int j = 0 ; j < 3 && rawIndex + j < raw.length ; j++ )
+				raw[ rawIndex + j ] = ( byte ) ( ( block >> ( 8 * ( 2 - j ) ) ) & 0xff );
+			rawIndex += 3;
+		}
+		return raw;
+	}
+
+	static int getBase64Value( char c ) {
+		if ( c >= 'A' && c <= 'Z' )
+			return c - 'A';
+		if ( c >= 'a' && c <= 'z' )
+			return c - 'a' + 26;
+		if ( c >= '0' && c <= '9' )
+			return c - '0' + 52;
+		if ( c == '+' )
+			return 62;
+		if ( c == '/' )
+			return 63;
+		if ( c == '=' )
+			return 0;
+		return -1;
+	}
+
+	static public int getBit( int theByte , int theIndex ) {
+		int bitmask = 1 << theIndex;
+		return ( ( theByte & bitmask ) > 0 ) ? 1 : 0;
+	}
+
+	static public byte setHigh( byte theByte , int theIndex ) {
+		return ( byte ) ( theByte | ( 1 << theIndex ) );
+	}
+
+	static public byte setLow( byte theByte , int theIndex ) {
+		return ( byte ) ( theByte & ~ ( 1 << theIndex ) );
+	}
+
+	static public byte[] intToByteArray( int a ) {
+		byte[] ret = new byte[ 2 ];
+		ret[ 1 ] = ( byte ) ( a & 0xFF );
+		ret[ 0 ] = ( byte ) ( ( a >> 8 ) & 0xFF );
+		//ret[0] = (byte) ((a >> 16) & 0xFF);   
+		//ret[0] = (byte) ((a >> 24) & 0xFF);
+		return ret;
+	}
+
+	static public int byteArrayToInt( byte[] b ) {
+		int value = 0;
+		for ( int i = 0 ; i < 2 ; i++ ) {
+			int shift = ( 2 - 1 - i ) * 8;
+			value += ( b[ i ] & 0x00FF ) << shift;
+		}
+		return value;
+	}
+
+	static String join( List< String > list , String delimiter ) {
+		StringBuilder b = new StringBuilder( );
+		for ( String item : list ) {
+			b.append( item ).append( delimiter );
+		}
+		return b.toString( );
+	}
+
+}
diff --git a/src/controlP5/CallbackEvent.java b/src/controlP5/CallbackEvent.java
new file mode 100755
index 0000000..7e90079
--- /dev/null
+++ b/src/controlP5/CallbackEvent.java
@@ -0,0 +1,65 @@
+package controlP5;
+
+/**
+ * controlP5 is a processing gui library.
+ * 
+ * 2006-2014 by Andreas Schlegel
+ * 
+ * This library is free software; you can redistribute it and/or
+ * modify it under the terms of the GNU Lesser General Public License
+ * as published by the Free Software Foundation; either version 2.1
+ * of the License, or (at your option) any later version.
+ * This library is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
+ * Lesser General Public License for more details.
+ * 
+ * You should have received a copy of the GNU Lesser General
+ * Public License along with this library; if not, write to the
+ * Free Software Foundation, Inc., 59 Temple Place, Suite 330,
+ * Boston, MA 02111-1307 USA
+ * 
+ * @author Andreas Schlegel (http://www.sojamo.de)
+ * @modified ##date##
+ * @version ##version##
+ * 
+ */
+
+/**
+ * <p>
+ * A CallbackEvent is send when a controller action such as enter, leave, press, etc has occurs.
+ * 
+ * @example use/ControlP5callback
+ */
+public class CallbackEvent {
+
+	private final int _myAction;
+
+	private final Controller< ? > _myController;
+
+	CallbackEvent( Controller< ? > theController , int theAction ) {
+		_myController = theController;
+		_myAction = theAction;
+	}
+
+	/**
+	 * 
+	 * @return int Returns an int value of either one of the following static variables
+	 *         ControlP5.ACTION_PRESS, ControlP5.ACTION_ENTER, ControlP5.ACTION_LEAVE,
+	 *         ControlP5.ACTION_RELEASE, ControlP5.ACTION_RELEASEDOUTSIDE,
+	 *         ControlP5.ACTION_BROADCAST
+	 */
+	public int getAction( ) {
+		return _myAction;
+	}
+
+	/**
+	 * Returns the Controller that triggered the Callback Event.
+	 * 
+	 * @return Controller
+	 */
+	public Controller< ? > getController( ) {
+		return _myController;
+	}
+
+}
diff --git a/src/controlP5/CallbackListener.java b/src/controlP5/CallbackListener.java
new file mode 100755
index 0000000..7d43cf9
--- /dev/null
+++ b/src/controlP5/CallbackListener.java
@@ -0,0 +1,41 @@
+package controlP5;
+
+/**
+ * controlP5 is a processing gui library.
+ *
+ *  2006-2012 by Andreas Schlegel
+ *
+ * This library is free software; you can redistribute it and/or
+ * modify it under the terms of the GNU Lesser General Public License
+ * as published by the Free Software Foundation; either version 2.1
+ * of the License, or (at your option) any later version.
+ * This library is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
+ * Lesser General Public License for more details.
+ *
+ * You should have received a copy of the GNU Lesser General
+ * Public License along with this library; if not, write to the
+ * Free Software Foundation, Inc., 59 Temple Place, Suite 330,
+ * Boston, MA 02111-1307 USA
+ *
+ * @author 		Andreas Schlegel (http://www.sojamo.de)
+ * @modified	##date##
+ * @version		##version##
+ *
+ */
+
+/**
+ * <p>
+ * Use a CallbackListener to listen for controller related actions such as pressed, released, etc.
+ * Callbacks cn be added via the ControlP5.addCallback() methods.
+ * </p>
+ * 
+ * @example use/ControlP5callback
+ * @see controlP5.ControlP5#addCallback(CallbackListener)
+ */
+public interface CallbackListener {
+
+	public void controlEvent( CallbackEvent theEvent );
+
+}
diff --git a/src/controlP5/Canvas.java b/src/controlP5/Canvas.java
new file mode 100755
index 0000000..78d3ee5
--- /dev/null
+++ b/src/controlP5/Canvas.java
@@ -0,0 +1,99 @@
+package controlP5;
+
+import processing.core.PApplet;
+import processing.core.PGraphics;
+
+/**
+ * Use a Canvas to draw custom graphics into a control
+ * window or the default sketch window.
+ * 
+ * The Canvas is an abstract class and must be extended by
+ * your custom Canvas class, see the ControlP5canvas example
+ * for details.
+ * 
+ * @example controllers/ControlP5canvas
+ * 
+ */
+
+public abstract class Canvas {
+
+	protected ControlWindow _myControlWindow;
+
+	public final static int PRE = 0;
+
+	public final static int POST = 1;
+
+	protected int _myMode = PRE;
+
+	public void setup( PGraphics theGraphics ) {
+	}
+
+	// TODO should be called from within ControlWindow when
+	// calling draw(PGraphics)
+	public void update( PApplet theApplet ) {
+	}
+
+	/**
+	 * controlWindowCanvas is an abstract class and
+	 * therefore needs to be extended by your class.
+	 * draw(PApplet theApplet) is the only method that needs
+	 * to be overwritten.
+	 */
+	public abstract void draw( PGraphics theGraphics );
+
+	/**
+	 * move a canvas to another controlWindow
+	 * 
+	 * @param theControlWindow
+	 */
+	public void moveTo( ControlWindow theControlWindow ) {
+		if ( _myControlWindow != null ) {
+			_myControlWindow.removeCanvas( this );
+		}
+		theControlWindow.addCanvas( this );
+	}
+
+	/**
+	 * get the drawing mode of a Canvas. this can be PRE or
+	 * POST.
+	 * 
+	 * @return
+	 */
+	public final int mode( ) {
+		return _myMode;
+	}
+
+	/**
+	 * set the drawing mode to PRE. PRE is the default.
+	 */
+	public final void pre( ) {
+		setMode( PRE );
+	}
+
+	/**
+	 * set the drawing mode to POST.
+	 */
+	public final void post( ) {
+		setMode( POST );
+	}
+
+	/**
+	 * 
+	 * @param theMode
+	 */
+	public final void setMode( int theMode ) {
+		if ( theMode == PRE ) {
+			_myMode = PRE;
+		} else {
+			_myMode = POST;
+		}
+	}
+
+	protected final void setControlWindow( ControlWindow theControlWindow ) {
+		_myControlWindow = theControlWindow;
+	}
+
+	public final ControlWindow window( ) {
+		return _myControlWindow;
+	}
+}
diff --git a/src/controlP5/Chart.java b/src/controlP5/Chart.java
new file mode 100755
index 0000000..82b05fd
--- /dev/null
+++ b/src/controlP5/Chart.java
@@ -0,0 +1,533 @@
+package controlP5;
+
+import java.util.Iterator;
+import java.util.LinkedHashMap;
+
+import processing.core.PApplet;
+import processing.core.PGraphics;
+
+/**
+ * Use charts to display float array data as line chart, yet experimental, but see the
+ * ControlP5chart example for more details.
+ * 
+ * @example controllers/ControlP5chart
+ */
+public class Chart extends Controller< Chart > {
+
+	public final static int LINE = 0;
+	public final static int BAR = 1;
+	public final static int BAR_CENTERED = 2;
+	public final static int HISTOGRAM = 3;
+	public final static int PIE = 4;
+	public final static int AREA = 5;
+
+	protected final LinkedHashMap< String , ChartDataSet > _myDataSet;
+	protected float resolution = 1;
+	protected float strokeWeight = 1;
+	protected float _myMin = 0;
+	protected float _myMax = 1;
+
+	/**
+	 * Convenience constructor to extend Chart.
+	 * 
+	 * @example use/ControlP5extendController
+	 * @param theControlP5
+	 * @param theName
+	 */
+	public Chart( ControlP5 theControlP5 , String theName ) {
+		this( theControlP5 , theControlP5.getDefaultTab( ) , theName , 0 , 0 , 200 , 100 );
+		theControlP5.register( theControlP5.papplet , theName , this );
+	}
+
+	protected Chart( ControlP5 theControlP5 , ControllerGroup< ? > theParent , String theName , float theX , float theY , int theWidth , int theHeight ) {
+		super( theControlP5 , theParent , theName , theX , theY , theWidth , theHeight );
+		setRange( 0 , theHeight );
+		_myDataSet = new LinkedHashMap< String , ChartDataSet >( );
+	}
+
+	public Chart setRange( float theMin , float theMax ) {
+		_myMin = theMin;
+		_myMax = theMax;
+		return this;
+	}
+
+	public Chart setColors( String theSetIndex , int ... theColors ) {
+		getDataSet( ).get( theSetIndex ).setColors( theColors );
+		return this;
+	}
+
+	public Chart addData( ChartData theItem ) {
+		return addData( getFirstDataSetIndex( ) , theItem );
+	}
+
+	private String getFirstDataSetIndex( ) {
+		return getDataSet( ).keySet( ).iterator( ).next( );
+	}
+
+	private String getLastDataSetIndex( ) {
+		Iterator< String > it = getDataSet( ).keySet( ).iterator( );
+		String last = null;
+		while ( it.hasNext( ) ) {
+			last = it.next( );
+		}
+		return last;
+	}
+
+	public Chart addData( String theSetIndex , ChartData theItem ) {
+		getDataSet( theSetIndex ).add( theItem );
+		return this;
+	}
+
+	public Chart addData( float theValue ) {
+		ChartData cdi = new ChartData( theValue );
+		getDataSet( getFirstDataSetIndex( ) ).add( cdi );
+		return this;
+	}
+
+	public Chart addData( String theSetIndex , float theValue ) {
+		ChartData cdi = new ChartData( theValue );
+		getDataSet( theSetIndex ).add( cdi );
+		return this;
+	}
+
+	public Chart addData( ChartDataSet theChartData , float theValue ) {
+		ChartData cdi = new ChartData( theValue );
+		theChartData.add( cdi );
+		return this;
+	}
+
+	// array operations see syntax
+	// http://www.w3schools.com/jsref/jsref_obj_array.asp
+
+	/**
+	 * adds a new float at the beginning of the data set.
+	 */
+	public Chart unshift( float theValue ) {
+		return unshift( getFirstDataSetIndex( ) , theValue );
+	}
+
+	public Chart unshift( String theSetIndex , float theValue ) {
+		if ( getDataSet( theSetIndex ).size( ) > ( getWidth() / resolution ) ) {
+			removeLast( theSetIndex );
+		}
+		return addFirst( theSetIndex , theValue );
+	}
+
+	public Chart push( float theValue ) {
+		return push( getFirstDataSetIndex( ) , theValue );
+	}
+
+	public Chart push( String theSetIndex , float theValue ) {
+		if ( getDataSet( theSetIndex ).size( ) > ( getWidth() / resolution ) ) {
+			removeFirst( theSetIndex );
+		}
+		return addLast( theSetIndex , theValue );
+	}
+
+	public Chart addFirst( float theValue ) {
+		return addFirst( getFirstDataSetIndex( ) , theValue );
+	}
+
+	public Chart addFirst( String theSetIndex , float theValue ) {
+		ChartData cdi = new ChartData( theValue );
+		getDataSet( theSetIndex ).add( 0 , cdi );
+		return this;
+	}
+
+	public Chart addLast( float theValue ) {
+		return addLast( getFirstDataSetIndex( ) , theValue );
+	}
+
+	public Chart addLast( String theSetIndex , float theValue ) {
+		ChartData cdi = new ChartData( theValue );
+		getDataSet( theSetIndex ).add( cdi );
+		return this;
+	}
+
+	public Chart removeLast( ) {
+		return removeLast( getFirstDataSetIndex( ) );
+	}
+
+	public Chart removeLast( String theSetIndex ) {
+		return removeData( theSetIndex , getDataSet( theSetIndex ).size( ) - 1 );
+	}
+
+	public Chart removeFirst( ) {
+		return removeFirst( getFirstDataSetIndex( ) );
+	}
+
+	public Chart removeFirst( String theSetIndex ) {
+		return removeData( theSetIndex , 0 );
+	}
+
+	public Chart removeData( ChartData theItem ) {
+		removeData( getFirstDataSetIndex( ) , theItem );
+		return this;
+	}
+
+	public Chart removeData( String theSetIndex , ChartData theItem ) {
+		getDataSet( theSetIndex ).remove( theItem );
+		return this;
+	}
+
+	public Chart removeData( int theItemIndex ) {
+		removeData( getFirstDataSetIndex( ) , theItemIndex );
+		return this;
+	}
+
+	public Chart removeData( String theSetIndex , int theItemIndex ) {
+		if ( getDataSet( theSetIndex ).size( ) < 1 ) {
+			return this;
+		}
+		getDataSet( theSetIndex ).remove( theItemIndex );
+		return this;
+	}
+
+	public Chart setData( int theItemIndex , ChartData theItem ) {
+		getDataSet( getFirstDataSetIndex( ) ).set( theItemIndex , theItem );
+		return this;
+	}
+
+	public Chart setData( String theSetItem , int theItemIndex , ChartData theItem ) {
+		getDataSet( theSetItem ).set( theItemIndex , theItem );
+		return this;
+	}
+
+	public Chart addDataSet( String theName ) {
+		getDataSet( ).put( theName , new ChartDataSet( theName ) );
+		return this;
+	}
+
+	public Chart setDataSet( ChartDataSet theItems ) {
+		setDataSet( getFirstDataSetIndex( ) , theItems );
+		return this;
+	}
+
+	public Chart setDataSet( String theSetIndex , ChartDataSet theChartData ) {
+		getDataSet( ).put( theSetIndex , theChartData );
+		return this;
+	}
+
+	public Chart removeDataSet( String theIndex ) {
+		getDataSet( ).remove( theIndex );
+		return this;
+	}
+
+	public Chart setData( float ... theValues ) {
+		setData( getFirstDataSetIndex( ) , theValues );
+		return this;
+	}
+
+	public Chart setData( String theSetIndex , float ... theValues ) {
+		if ( getDataSet( ).get( theSetIndex ).size( ) != theValues.length ) {
+			getDataSet( ).get( theSetIndex ).clear( );
+			for ( int i = 0 ; i < theValues.length ; i++ ) {
+				getDataSet( ).get( theSetIndex ).add( new ChartData( 0 ) );
+			}
+		}
+		int n = 0;
+		resolution = ( float ) getWidth() / ( getDataSet( ).get( theSetIndex ).size( ) - 1 );
+		for ( float f : theValues ) {
+			getDataSet( ).get( theSetIndex ).get( n++ ).setValue( f );
+		}
+		return this;
+	}
+
+	public Chart updateData( float ... theValues ) {
+		return setData( theValues );
+	}
+
+	public Chart updateData( String theSetIndex , float ... theValues ) {
+		return setData( theSetIndex , theValues );
+	}
+
+	public LinkedHashMap< String , ChartDataSet > getDataSet( ) {
+		return _myDataSet;
+	}
+
+	public ChartDataSet getDataSet( String theIndex ) {
+		return getDataSet( ).get( theIndex );
+	}
+
+	public float[] getValuesFrom( String theIndex ) {
+		return getDataSet( theIndex ).getValues( );
+	}
+
+	public ChartData getData( String theIndex , int theItemIndex ) {
+		return getDataSet( theIndex ).get( theItemIndex );
+	}
+
+	public int size( ) {
+		return getDataSet( ).size( );
+	}
+
+	@Override
+	public void onEnter( ) {
+	}
+
+	@Override
+	public void onLeave( ) {
+	}
+
+	@Override
+	public Chart setValue( float theValue ) {
+		// TODO Auto-generated method stub
+		return this;
+	}
+
+	public Chart setStrokeWeight( float theWeight ) {
+		strokeWeight = theWeight;
+		for ( ChartDataSet c : getDataSet( ).values( ) ) {
+			c.setStrokeWeight( theWeight );
+		}
+		return this;
+	}
+
+	public float getStrokeWeight( ) {
+		return strokeWeight;
+	}
+
+	/**
+	 * ?
+	 * 
+	 * @param theValue
+	 * @return
+	 */
+	public Chart setResolution( int theValue ) {
+		resolution = theValue;
+		return this;
+	}
+
+	public int getResolution( ) {
+		return ( int ) resolution;
+	}
+
+	/**
+	 * @exclude
+	 */
+	@Override
+	@ControlP5.Invisible
+	public Chart updateDisplayMode( int theMode ) {
+		return updateViewMode( theMode );
+	}
+
+	/**
+	 * @exclude
+	 */
+	@ControlP5.Invisible
+	public Chart updateViewMode( int theMode ) {
+		_myDisplayMode = theMode;
+		switch ( theMode ) {
+		case ( DEFAULT ):
+			_myControllerView = new ChartViewPie( );
+			break;
+		case ( IMAGE ):
+			// _myDisplay = new ChartImageDisplay();
+			break;
+		case ( SPRITE ):
+			// _myDisplay = new ChartSpriteDisplay();
+			break;
+		case ( CUSTOM ):
+		default:
+			break;
+		}
+		return this;
+	}
+
+	public class ChartViewBar implements ControllerView< Chart > {
+
+		public void display( PGraphics theGraphics , Chart theController ) {
+			theGraphics.pushStyle( );
+			theGraphics.fill( getColor( ).getBackground( ) );
+			theGraphics.rect( 0 , 0 , getWidth( ) , getHeight( ) );
+			theGraphics.noStroke( );
+
+			Iterator< String > it = getDataSet( ).keySet( ).iterator( );
+			String index = null;
+			float o = 0;
+			while ( it.hasNext( ) ) {
+				index = it.next( );
+				float s = getDataSet( index ).size( );
+				for ( int i = 0 ; i < s ; i++ ) {
+					theGraphics.fill( getDataSet( index ).getColor( i ) );
+					float ww = ( ( getWidth() / s ) );
+					float hh = PApplet.map( getDataSet( index ).get( i ).getValue( ) , _myMin , _myMax , 0 , getHeight( ) );
+					theGraphics.rect( o + i * ww , getHeight( ) , ( ww / getDataSet( ).size( ) ) , -PApplet.min( getHeight( ) , PApplet.max( 0 , hh ) ) );
+				}
+				o += ( ( getWidth() / s ) ) / getDataSet( ).size( );
+			}
+			theGraphics.popStyle( );
+		}
+	}
+
+	public class ChartViewBarCentered implements ControllerView< Chart > {
+
+		public void display( PGraphics theGraphics , Chart theController ) {
+			theGraphics.pushStyle( );
+			theGraphics.fill( getColor( ).getBackground( ) );
+			theGraphics.rect( 0 , 0 , getWidth( ) , getHeight( ) );
+			theGraphics.noStroke( );
+
+			Iterator< String > it = getDataSet( ).keySet( ).iterator( );
+			String index = null;
+			float o = 0;
+			int n = 4;
+			int off = ( getDataSet( ).size( ) - 1 ) * n;
+			while ( it.hasNext( ) ) {
+				index = it.next( );
+				int s = getDataSet( index ).size( );
+				float step = ( float ) getWidth() / ( float ) ( s );
+				float ww = step - ( getWidth() % step );
+				ww -= 1;
+				ww = PApplet.max( 1 , ww );
+
+				for ( int i = 0 ; i < s ; i++ ) {
+					theGraphics.fill( getDataSet( index ).getColor( i ) );
+					ww = ( ( getWidth() / s ) * 0.5f );
+					float hh = PApplet.map( getDataSet( index ).get( i ).getValue( ) , _myMin , _myMax , 0 , getHeight( ) );
+					theGraphics.rect( -off / 2 + o + i * ( ( getWidth() / s ) ) + ww / 2 , getHeight( ) , ww , -PApplet.min( getHeight( ) , PApplet.max( 0 , hh ) ) );
+				}
+				o += n;
+			}
+			theGraphics.popStyle( );
+		}
+	}
+
+	public class ChartViewLine implements ControllerView< Chart > {
+
+		public void display( PGraphics theGraphics , Chart theController ) {
+
+			theGraphics.pushStyle( );
+			theGraphics.fill( getColor( ).getBackground( ) );
+			theGraphics.rect( 0 , 0 , getWidth( ) , getHeight( ) );
+			theGraphics.noFill( );
+			Iterator< String > it = getDataSet( ).keySet( ).iterator( );
+			String index = null;
+			while ( it.hasNext( ) ) {
+				index = it.next( );
+				theGraphics.stroke( getDataSet( index ).getColor( 0 ) );
+				theGraphics.strokeWeight( getDataSet( index ).getStrokeWeight( ) );
+
+				theGraphics.beginShape( );
+				float res = ( ( float ) getWidth( ) ) / ( getDataSet( index ).size( ) - 1 );
+				for ( int i = 0 ; i < getDataSet( index ).size( ) ; i++ ) {
+					float hh = PApplet.map( getDataSet( index ).get( i ).getValue( ) , _myMin , _myMax , getHeight( ) , 0 );
+					theGraphics.vertex( i * res , PApplet.min( getHeight( ) , PApplet.max( 0 , hh ) ) );
+				}
+				theGraphics.endShape( );
+			}
+			theGraphics.noStroke( );
+			theGraphics.popStyle( );
+		}
+	}
+
+	public class ChartViewArea implements ControllerView< Chart > {
+
+		public void display( PGraphics theGraphics , Chart theController ) {
+
+			theGraphics.pushStyle( );
+			theGraphics.fill( getColor( ).getBackground( ) );
+			theGraphics.rect( 0 , 0 , getWidth( ) , getHeight( ) );
+			theGraphics.noStroke( );
+
+			Iterator< String > it = getDataSet( ).keySet( ).iterator( );
+			String index = null;
+			while ( it.hasNext( ) ) {
+				index = it.next( );
+				float res = ( ( float ) getWidth( ) ) / ( getDataSet( index ).size( ) - 1 );
+
+				theGraphics.fill( getDataSet( index ).getColor( 0 ) );
+				theGraphics.beginShape( );
+				theGraphics.vertex( 0 , getHeight( ) );
+
+				for ( int i = 0 ; i < getDataSet( index ).size( ) ; i++ ) {
+					float hh = PApplet.map( getDataSet( index ).get( i ).getValue( ) , _myMin , _myMax , getHeight( ) , 0 );
+					theGraphics.vertex( i * res , PApplet.min( getHeight( ) , PApplet.max( 0 , hh ) ) );
+				}
+				theGraphics.vertex( getWidth( ) , getHeight( ) );
+				theGraphics.endShape( PApplet.CLOSE );
+			}
+			theGraphics.noStroke( );
+			theGraphics.popStyle( );
+		}
+	}
+
+	public class ChartViewPie implements ControllerView< Chart > {
+
+		public void display( PGraphics theGraphics , Chart theController ) {
+			theGraphics.pushStyle( );
+			theGraphics.pushMatrix( );
+
+			Iterator< String > it = getDataSet( ).keySet( ).iterator( );
+			String index = null;
+			while ( it.hasNext( ) ) {
+				index = it.next( );
+				float total = 0;
+				for ( int i = 0 ; i < getDataSet( index ).size( ) ; i++ ) {
+					total += getDataSet( index ).get( i ).getValue( );
+				}
+
+				float segment = TWO_PI / total;
+				float angle = -HALF_PI;
+
+				theGraphics.noStroke( );
+				for ( int i = 0 ; i < getDataSet( index ).size( ) ; i++ ) {
+					theGraphics.fill( getDataSet( index ).getColor( i ) );
+					float nextAngle = angle + getDataSet( index ).get( i ).getValue( ) * segment;
+
+					// a tiny offset to even out render artifacts when in smooth() mode.
+					float a = PApplet.max( 0 , PApplet.map( getWidth( ) , 0 , 200 , 0.05f , 0.01f ) );
+
+					theGraphics.arc( 0 , 0 , getWidth( ) , getHeight( ) , angle - a , nextAngle );
+					angle = nextAngle;
+				}
+				theGraphics.translate( 0 , ( getHeight( ) + 10 ) );
+			}
+			theGraphics.popMatrix( );
+			theGraphics.popStyle( );
+		}
+	}
+
+	public Chart setView( int theType ) {
+		switch ( theType ) {
+		case ( PIE ):
+			setView( new ChartViewPie( ) );
+			break;
+		case ( LINE ):
+			setView( new ChartViewLine( ) );
+			break;
+		case ( BAR ):
+			setView( new ChartViewBar( ) );
+			break;
+		case ( BAR_CENTERED ):
+			setView( new ChartViewBarCentered( ) );
+			break;
+		case ( AREA ):
+			setView( new ChartViewArea( ) );
+			break;
+		default:
+			System.out.println( "Sorry, this ChartView does not exist" );
+			break;
+		}
+		return this;
+	}
+
+	@Override
+	public String getInfo( ) {
+		return "type:\tChart\n" + super.toString( );
+	}
+
+	@Override
+	public String toString( ) {
+		return super.toString( ) + " [ " + getValue( ) + " ]" + " Chart " + "(" + this.getClass( ).getSuperclass( ) + ")";
+	}
+
+}
+
+/* NOTES what is the difference in meaning between chart and graph
+ * http://answers.yahoo.com/question/index?qid=20090101193325AA3mgMl
+ * 
+ * more charts to implement: from https://vimeo.com/groups/oaod/videos/60013194 (44:40) scatter
+ * plot, star plot, histogram, dendrogram, box plot, physical map, tree, 2d 3d isosurfaces table,
+ * half matrix, graph, hierarchical pie, line graph, numeric matrix, heat map, permutation matrix
+ * bar graph, radial graph, */
diff --git a/src/controlP5/ChartData.java b/src/controlP5/ChartData.java
new file mode 100755
index 0000000..e102325
--- /dev/null
+++ b/src/controlP5/ChartData.java
@@ -0,0 +1,47 @@
+package controlP5;
+
+/**
+ * Used by Chart, single chart data is stored here including value, (label) text, and color.
+ */
+public class ChartData {
+
+	protected float _myValue;
+
+	protected String _myText;
+
+	protected int _myColor;
+
+	public ChartData( float theValue ) {
+		this( theValue , "" );
+	}
+
+	public ChartData( float theValue , String theText ) {
+		_myValue = theValue;
+		_myText = theText;
+	}
+
+	public void setValue( float theValue ) {
+		_myValue = theValue;
+	}
+
+	public void setText( String theText ) {
+		_myText = theText;
+	}
+
+	public float getValue( ) {
+		return _myValue;
+	}
+
+	public String getText( ) {
+		return _myText;
+	}
+
+	public void setColor( int theColor ) {
+		_myColor = theColor;
+	}
+
+	public int getColor( ) {
+		return _myColor;
+	}
+
+}
diff --git a/src/controlP5/ChartDataSet.java b/src/controlP5/ChartDataSet.java
new file mode 100755
index 0000000..dd6edd0
--- /dev/null
+++ b/src/controlP5/ChartDataSet.java
@@ -0,0 +1,70 @@
+package controlP5;
+
+import java.util.ArrayList;
+import java.util.ListIterator;
+
+import processing.core.PApplet;
+import processing.core.PGraphics;
+
+/**
+ * Used by Chart, a chart data set is a container to store chart data.
+ */
+@SuppressWarnings( "serial" )
+public class ChartDataSet extends ArrayList< ChartData > {
+
+	protected CColor _myColor;
+	protected float _myStrokeWeight = 1;
+	protected int[] colors = new int[ 0 ];
+	protected final String _myName;
+
+	public ChartDataSet( String theName ) {
+		_myName = theName;
+		_myColor = new CColor( );
+	}
+
+	public CColor getColor( ) {
+		return _myColor;
+	}
+
+	public ChartDataSet setColors( int ... theColors ) {
+		colors = theColors;
+		return this;
+	}
+
+	public int[] getColors( ) {
+		return colors;
+	}
+
+	public int getColor( int theIndex ) {
+		if ( colors.length == 0 ) {
+			return getColor( ).getForeground( );
+		}
+		if ( colors.length == 2 ) {
+			return PGraphics.lerpColor( colors[ 0 ] , colors[ 1 ] , theIndex / ( float ) size( ) , PApplet.RGB );
+		}
+		if ( theIndex >= 0 && theIndex < colors.length ) {
+			return colors[ theIndex ];
+		}
+		return getColor( 0 );
+	}
+
+	public ChartDataSet setStrokeWeight( float theStrokeWeight ) {
+		_myStrokeWeight = theStrokeWeight;
+		return this;
+	}
+
+	public float getStrokeWeight( ) {
+		return _myStrokeWeight;
+	}
+
+	public float[] getValues( ) {
+		float[] v = new float[ size( ) ];
+		int n = 0;
+		ListIterator< ChartData > litr = listIterator( );
+		while ( litr.hasNext( ) ) {
+			v[ n++ ] = litr.next( ).getValue( );
+		}
+		return v;
+	}
+
+}
diff --git a/src/controlP5/CheckBox.java b/src/controlP5/CheckBox.java
new file mode 100755
index 0000000..a29736e
--- /dev/null
+++ b/src/controlP5/CheckBox.java
@@ -0,0 +1,615 @@
+package controlP5;
+
+import java.lang.reflect.InvocationTargetException;
+import java.lang.reflect.Method;
+import java.util.ArrayList;
+import java.util.List;
+
+import processing.core.PImage;
+
+/**
+ * controlP5 is a processing gui library.
+ * 
+ * 2006-2012 by Andreas Schlegel
+ * 
+ * This library is free software; you can redistribute it and/or
+ * modify it under the terms of the GNU Lesser General Public License
+ * as published by the Free Software Foundation; either version 2.1
+ * of the License, or (at your option) any later version.
+ * This library is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
+ * Lesser General Public License for more details.
+ * 
+ * You should have received a copy of the GNU Lesser General
+ * Public License along with this library; if not, write to the
+ * Free Software Foundation, Inc., 59 Temple Place, Suite 330,
+ * Boston, MA 02111-1307 USA
+ * 
+ * @author Andreas Schlegel (http://www.sojamo.de)
+ * @modified ##date##
+ * @version ##version##
+ * 
+ */
+
+/**
+ * A multiple-choice radioButton. items are added to a checkBox and can be organized in rows and
+ * columns. items of a checkBox are of type Toggle.
+ * 
+ * @example controllers/ControlP5checkBox
+ * 
+ * @see controlP5.Toggle
+ * 
+ */
+public class CheckBox extends ControlGroup< CheckBox > {
+
+	private Object _myPlug;
+
+	private String _myPlugName;
+
+	/**
+	 * Convenience constructor to extend CheckBox.
+	 * 
+	 * @example use/ControlP5extendController
+	 * @param theControlP5
+	 * @param theName
+	 */
+	public CheckBox( ControlP5 theControlP5 , String theName ) {
+		this( theControlP5 , theControlP5.getDefaultTab( ) , theName , 0 , 0 );
+		theControlP5.register( theControlP5.papplet , theName , this );
+	}
+
+	/**
+	 * A CheckBox should only be added to controlP5 by using controlP5.addCheckBox()
+	 * 
+	 * @exclude
+	 * @param theControlP5
+	 * @param theParent
+	 * @param theName
+	 * @param theX
+	 * @param theY
+	 */
+	public CheckBox( final ControlP5 theControlP5 , final ControllerGroup< ? > theParent , final String theName , final int theX , final int theY ) {
+		super( theControlP5 , theParent , theName , theX , theY , 99 , 9 );
+		isBarVisible = false;
+		isCollapse = false;
+		_myRadioToggles = new ArrayList< Toggle >( );
+		setItemsPerRow( 1 );
+		isMultipleChoice = true;
+		_myPlug = cp5.papplet;
+		_myPlugName = getName( );
+		if ( !ControllerPlug.checkPlug( _myPlug , _myPlugName , new Class[] { float[].class } ) ) {
+			_myPlug = null;
+		}
+	}
+
+	public final CheckBox activateAll( ) {
+		int n = _myRadioToggles.size( );
+		for ( int i = 0 ; i < n ; i++ ) {
+			_myRadioToggles.get( i ).activate( );
+		}
+		updateValues( );
+		return this;
+	}
+
+	/**
+	 * Activates a single checkbox item by index
+	 */
+	public final CheckBox activate( int theIndex ) {
+		if ( theIndex < _myRadioToggles.size( ) ) {
+			_myRadioToggles.get( theIndex ).activate( );
+			updateValues( );
+		}
+		return this;
+	}
+
+	/**
+	 * deactivate a single checkbox item by index
+	 */
+	public final CheckBox deactivate( int theIndex ) {
+		if ( theIndex < _myRadioToggles.size( ) ) {
+			_myRadioToggles.get( theIndex ).deactivate( );
+			updateValues( );
+		}
+		return this;
+	}
+
+	/**
+	 * toggle a single checkbox item by index
+	 */
+	public final CheckBox toggle( int theIndex ) {
+		if ( theIndex < _myRadioToggles.size( ) ) {
+			Toggle t = _myRadioToggles.get( theIndex );
+			if ( t.getState( ) == true ) {
+				t.deactivate( );
+			} else {
+				t.activate( );
+			}
+			updateValues( );
+		}
+		return this;
+	}
+
+	/**
+	 * deactivate a single checkbox item by name
+	 */
+	public final void toggle( String theName ) {
+		int n = _myRadioToggles.size( );
+		for ( int i = 0 ; i < n ; i++ ) {
+			Toggle t = _myRadioToggles.get( i );
+			if ( theName.equals( t.getName( ) ) ) {
+				if ( t.getState( ) == true ) {
+					t.deactivate( );
+				} else {
+					t.activate( );
+				}
+				updateValues( );
+				return;
+			}
+		}
+	}
+
+	/**
+	 * Activates a single checkbox item by name
+	 */
+	public final CheckBox activate( String theName ) {
+		int n = _myRadioToggles.size( );
+		for ( int i = 0 ; i < n ; i++ ) {
+			Toggle t = _myRadioToggles.get( i );
+			if ( theName.equals( t.getName( ) ) ) {
+				t.activate( );
+				updateValues( );
+				return this;
+			}
+		}
+		return this;
+	}
+
+	/**
+	 * Deactivates a single checkbox item by name
+	 */
+	public final CheckBox deactivate( String theName ) {
+		int n = _myRadioToggles.size( );
+		for ( int i = 0 ; i < n ; i++ ) {
+			Toggle t = _myRadioToggles.get( i );
+			if ( theName.equals( t.getName( ) ) ) {
+				t.deactivate( );
+				updateValues( );
+				return this;
+			}
+		}
+		return this;
+	}
+
+	private final void updateValues( ) {
+		_myValue = -1;
+		updateValues( true );
+	}
+
+	/**
+	 * Sets the value for all CheckBox items according to the values of the array passed on. 0 will
+	 * turn off an item, any other value will turn it on.
+	 */
+	@Override public CheckBox setArrayValue( float[] theArray ) {
+		for ( int i = 0 ; i < theArray.length ; i++ ) {
+			if ( _myArrayValue[ i ] != theArray[ i ] ) {
+				if ( theArray[ i ] == 0 ) {
+					_myRadioToggles.get( i ).deactivate( );
+				} else {
+					_myRadioToggles.get( i ).activate( );
+				}
+			}
+		}
+		super.setArrayValue( theArray );
+		return this;
+	}
+
+	/**
+	 * @exclude {@inheritDoc}
+	 */
+	@Override public String getInfo( ) {
+		return "type:\tCheckBox\n" + super.getInfo( );
+	}
+
+	/**
+	 * @exclude {@inheritDoc}
+	 */
+	@Override public String toString( ) {
+		return super.toString( );
+	}
+
+	protected List< Toggle > _myRadioToggles;
+
+	protected int spacingRow = 1;
+
+	protected int spacingColumn = 1;
+
+	protected int itemsPerRow = -1;
+
+	protected boolean isMultipleChoice;
+
+	protected int itemHeight = 9;
+
+	protected int itemWidth = 9;
+
+	protected boolean[] availableImages = new boolean[ 3 ];
+
+	protected PImage[] images = new PImage[ 3 ];
+
+	protected boolean noneSelectedAllowed = true;
+
+	/**
+	 * @param theName
+	 * @param theValue
+	 * @return
+	 */
+	public CheckBox addItem( final String theName , final float theValue ) {
+		Toggle t = cp5.addToggle( theName , 0 , 0 , itemWidth , itemHeight );
+		t.getCaptionLabel( ).align( RIGHT_OUTSIDE , CENTER ).setPadding( Label.paddingX , 0 );
+		t.setMode( ControlP5.DEFAULT );
+		t.setImages( images[ 0 ] , images[ 1 ] , images[ 2 ] );
+		t.setSize( images[ 0 ] );
+		addItem( t , theValue );
+		return this;
+	}
+
+	/**
+	 * @param theToggle
+	 * @param theValue
+	 * @return
+	 */
+	public CheckBox addItem( final Toggle theToggle , final float theValue ) {
+		theToggle.setGroup( this );
+		theToggle.isMoveable = false;
+		theToggle.setInternalValue( theValue );
+		theToggle.isBroadcast = false;
+		_myRadioToggles.add( theToggle );
+		updateLayout( );
+		getColor( ).copyTo( theToggle );
+		theToggle.addListener( this );
+		updateValues( false );
+		cp5.removeProperty( theToggle );
+		return this;
+	}
+
+	/**
+	 * @param theName
+	 */
+	public CheckBox removeItem( final String theName ) {
+		int n = _myRadioToggles.size( );
+		for ( int i = 0 ; i < n ; i++ ) {
+			if ( ( _myRadioToggles.get( i ) ).getName( ).equals( theName ) ) {
+				( _myRadioToggles.get( i ) ).removeListener( this );
+				_myRadioToggles.remove( i );
+			}
+		}
+		updateValues( false );
+		return this;
+	}
+
+	/**
+	 * 
+	 * @param theDefaultImage
+	 * @param theOverImage
+	 * @param theActiveImage
+	 * @return CheckBox
+	 */
+	public CheckBox setImages( PImage theDefaultImage , PImage theOverImage , PImage theActiveImage ) {
+		setImage( theDefaultImage , DEFAULT );
+		setImage( theOverImage , OVER );
+		setImage( theActiveImage , ACTIVE );
+		return this;
+	}
+
+	/**
+	 * @param theImage
+	 */
+	public CheckBox setImage( PImage theImage ) {
+		return setImage( theImage , DEFAULT );
+	}
+
+	/**
+	 * @param theImage
+	 * @param theState
+	 *            use Controller.DEFAULT (background), or Controller.OVER (foreground), or
+	 *            Controller.ACTIVE (active)
+	 * @return
+	 */
+	public CheckBox setImage( PImage theImage , int theState ) {
+		if ( theImage != null ) {
+			images[ theState ] = theImage;
+			availableImages[ theState ] = true;
+			for ( int i = 0 ; i < _myRadioToggles.size( ) ; i++ ) {
+				_myRadioToggles.get( i ).setImage( theImage , theState );
+			}
+		}
+		return this;
+	}
+
+	public CheckBox setSize( PImage theImage ) {
+		return setSize( theImage.width , theImage.height );
+	}
+
+	public CheckBox setSize( int theWidth , int theHeight ) {
+		setItemWidth( theWidth );
+		setItemHeight( theHeight );
+		return this;
+	}
+
+	/**
+	 * set the height of a radioButton/checkBox item. by default the height is 11px. in order to
+	 * recognize a custom height, the itemHeight has to be set before adding items to a
+	 * radioButton/checkBox.
+	 * 
+	 * @param theItemHeight
+	 */
+	public CheckBox setItemHeight( int theItemHeight ) {
+		itemHeight = theItemHeight;
+		for ( Toggle t : _myRadioToggles ) {
+			t.setHeight( theItemHeight );
+		}
+		updateLayout( );
+		return this;
+	}
+
+	/**
+	 * set the width of a radioButton/checkBox item. by default the width is 11px. in order to
+	 * recognize a custom width, the itemWidth has to be set before adding items to a
+	 * radioButton/checkBox.
+	 * 
+	 * @param theItemWidth
+	 */
+	public CheckBox setItemWidth( int theItemWidth ) {
+		itemWidth = theItemWidth;
+		for ( Toggle t : _myRadioToggles ) {
+			t.setWidth( theItemWidth );
+		}
+		updateLayout( );
+		return this;
+	}
+
+	/**
+	 * Gets a radio button item by index.
+	 * 
+	 * @param theIndex
+	 * @return Toggle
+	 */
+	public Toggle getItem( int theIndex ) {
+		return _myRadioToggles.get( theIndex );
+	}
+
+	public List< Toggle > getItems( ) {
+		return _myRadioToggles;
+	}
+
+	/**
+	 * Gets the state of an item - this can be true (for on) or false (for off) - by index.
+	 * 
+	 * @param theIndex
+	 * @return boolean
+	 */
+	public boolean getState( int theIndex ) {
+		if ( theIndex < _myRadioToggles.size( ) && theIndex >= 0 ) {
+			return ( ( Toggle ) _myRadioToggles.get( theIndex ) ).getState( );
+		}
+		return false;
+	}
+
+	/**
+	 * Gets the state of an item - this can be true (for on) or false (for off) - by name.
+	 * 
+	 * @param theName
+	 * @return
+	 */
+	public boolean getState( String theName ) {
+		int n = _myRadioToggles.size( );
+		for ( int i = 0 ; i < n ; i++ ) {
+			Toggle t = _myRadioToggles.get( i );
+			if ( theName.equals( t.getName( ) ) ) {
+				return t.getState( );
+			}
+		}
+		return false;
+	}
+
+	/**
+	 * @exclude
+	 */
+	public void updateLayout( ) {
+		int nn = 0;
+		int xx = 0;
+		int yy = 0;
+		int n = _myRadioToggles.size( );
+		for ( int i = 0 ; i < n ; i++ ) {
+			Toggle t = _myRadioToggles.get( i );
+			set( t.position , xx , yy );
+
+			xx += t.getWidth( ) + spacingColumn;
+			nn++;
+			if ( nn == itemsPerRow ) {
+				nn = 0;
+				_myWidth = xx;
+				yy += t.getHeight( ) + spacingRow;
+				xx = 0;
+			} else {
+				_myWidth = xx;
+			}
+		}
+	}
+
+	/**
+	 * Items of a radioButton or a checkBox are organized in columns and rows. SetItemsPerRow sets
+	 * the limit of items per row. items exceeding the limit will be pushed to the next row.
+	 * 
+	 * @param theValue
+	 */
+	public CheckBox setItemsPerRow( final int theValue ) {
+		itemsPerRow = theValue;
+		updateLayout( );
+		return this;
+	}
+
+	/**
+	 * Sets the spacing in pixels between columns.
+	 * 
+	 * @param theSpacing
+	 */
+	public CheckBox setSpacingColumn( final int theSpacing ) {
+		spacingColumn = theSpacing;
+		updateLayout( );
+		return this;
+	}
+
+	/**
+	 * Sets the spacing in pixels between rows.
+	 * 
+	 * @param theSpacing
+	 */
+	public CheckBox setSpacingRow( final int theSpacing ) {
+		spacingRow = theSpacing;
+		updateLayout( );
+		return this;
+	}
+
+	public CheckBox deactivateAll( ) {
+		if ( !isMultipleChoice && !noneSelectedAllowed ) {
+			return this;
+		}
+		int n = _myRadioToggles.size( );
+		for ( int i = 0 ; i < n ; i++ ) {
+			( ( Toggle ) _myRadioToggles.get( i ) ).deactivate( );
+		}
+		_myValue = -1;
+		updateValues( true );
+		return this;
+	}
+
+	/**
+	 * {@inheritDoc}
+	 * 
+	 * @exclude
+	 */
+	@ControlP5.Invisible @Override public void controlEvent( ControlEvent theEvent ) {
+
+		if ( !isMultipleChoice ) {
+			if ( noneSelectedAllowed == false && theEvent.getController( ).getValue( ) < 1 ) {
+				if ( theEvent.getController( ) instanceof Toggle ) {
+					Toggle t = ( ( Toggle ) theEvent.getController( ) );
+					boolean b = t.isBroadcast( );
+					t.setBroadcast( false );
+					t.setState( true );
+					t.setBroadcast( b );
+					return;
+				}
+			}
+			_myValue = -1;
+			int n = _myRadioToggles.size( );
+			for ( int i = 0 ; i < n ; i++ ) {
+				Toggle t = _myRadioToggles.get( i );
+				if ( !t.equals( theEvent.getController( ) ) ) {
+					t.deactivate( );
+				} else {
+					if ( t.isOn ) {
+						_myValue = t.internalValue( );
+					}
+				}
+			}
+		}
+		updateValues( true );
+		if ( _myPlug != null ) {
+			try {
+				Method method = _myPlug.getClass( ).getMethod( _myPlugName , float[].class );
+				method.invoke( _myPlug , ( float[] ) getArrayValue( ) );
+			} catch ( SecurityException ex ) {
+				ex.printStackTrace( );
+			} catch ( NoSuchMethodException ex ) {
+				ex.printStackTrace( );
+			} catch ( IllegalArgumentException ex ) {
+				ex.printStackTrace( );
+			} catch ( IllegalAccessException ex ) {
+				ex.printStackTrace( );
+			} catch ( InvocationTargetException ex ) {
+				ex.printStackTrace( );
+			}
+		}
+
+	}
+
+	public CheckBox plugTo( Object theObject ) {
+		_myPlug = theObject;
+		if ( !ControllerPlug.checkPlug( _myPlug , _myPlugName , new Class[] { float[].class } ) ) {
+			_myPlug = null;
+		}
+		return this;
+	}
+
+	public CheckBox plugTo( Object theObject , String thePlugName ) {
+		_myPlug = theObject;
+		_myPlugName = thePlugName;
+		if ( !ControllerPlug.checkPlug( _myPlug , _myPlugName , new Class[] { float[].class } ) ) {
+			_myPlug = null;
+		}
+		return this;
+	}
+
+	protected void updateValues( boolean theBroadcastFlag ) {
+		int n = _myRadioToggles.size( );
+		_myArrayValue = new float[ n ];
+		for ( int i = 0 ; i < n ; i++ ) {
+			Toggle t = ( ( Toggle ) _myRadioToggles.get( i ) );
+			_myArrayValue[ i ] = t.getValue( );
+		}
+		if ( theBroadcastFlag ) {
+			ControlEvent myEvent = new ControlEvent( this );
+			cp5.getControlBroadcaster( ).broadcast( myEvent , ControlP5Constants.FLOAT );
+		}
+	}
+
+	/**
+	 * In order to always have 1 item selected, use setNoneSelectedAllowed(false), by default this
+	 * is true. setNoneSelectedAllowed does not apply when in multipleChoice mode.
+	 * 
+	 * @param theValue
+	 */
+	public CheckBox setNoneSelectedAllowed( boolean theValue ) {
+		noneSelectedAllowed = theValue;
+		return this;
+	}
+
+	public CheckBox setColorLabels( int theColor ) {
+		for ( Toggle t : _myRadioToggles ) {
+			t.getCaptionLabel( ).setColor( theColor );
+		}
+		return this;
+	}
+
+	public CheckBox hideLabels( ) {
+		for ( Toggle t : _myRadioToggles ) {
+			t.getCaptionLabel( ).setVisible( false );
+		}
+		return this;
+	}
+
+	public CheckBox showLabels( ) {
+		for ( Toggle t : _myRadioToggles ) {
+			t.getCaptionLabel( ).setVisible( true );
+		}
+		return this;
+	}
+
+	public CheckBox toUpperCase( boolean theValue ) {
+		for ( Toggle t : _myRadioToggles ) {
+			t.getCaptionLabel( ).toUpperCase( theValue );
+		}
+		return this;
+	}
+
+	/**
+	 * @deprecated
+	 * @exclude
+	 */
+	@Deprecated public CheckBox add( final String theName , final float theValue ) {
+		return addItem( theName , theValue );
+	}
+
+}
diff --git a/src/controlP5/ColorPalette.java b/src/controlP5/ColorPalette.java
new file mode 100644
index 0000000..b454c44
--- /dev/null
+++ b/src/controlP5/ColorPalette.java
@@ -0,0 +1,8 @@
+package controlP5;
+
+class ColorPalette extends ControlGroup< ColorPalette > {
+
+	protected ColorPalette( ControlP5 theControlP5 , ControllerGroup< ? > theParent , String theName , int theX , int theY , int theWidth , int theHeight ) {
+		super( theControlP5 , theParent , theName , theX , theY , theWidth , theHeight );
+	}
+}
diff --git a/src/controlP5/ColorPicker.java b/src/controlP5/ColorPicker.java
new file mode 100755
index 0000000..d6e39b3
--- /dev/null
+++ b/src/controlP5/ColorPicker.java
@@ -0,0 +1,257 @@
+package controlP5;
+
+/**
+ * controlP5 is a processing gui library.
+ * 
+ * 2006-2012 by Andreas Schlegel
+ * 
+ * This library is free software; you can redistribute it and/or modify it under
+ * the terms of the GNU Lesser General Public License as published by the Free
+ * Software Foundation; either version 2.1 of the License, or (at your option)
+ * any later version. This library is distributed in the hope that it will be
+ * useful, but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU Lesser
+ * General Public License for more details.
+ * 
+ * You should have received a copy of the GNU Lesser General Public License
+ * along with this library; if not, write to the Free Software Foundation, Inc.,
+ * 59 Temple Place, Suite 330, Boston, MA 02111-1307 USA
+ * 
+ * @author Andreas Schlegel (http://www.sojamo.de)
+ * @modified ##date##
+ * @version ##version##
+ * 
+ */
+
+import java.lang.reflect.InvocationTargetException;
+import java.lang.reflect.Method;
+
+import processing.core.PGraphics;
+
+/**
+ * A simple color picker using sliders to adjust RGBA values.
+ * 
+ * @example controllers/ControlP5colorPicker
+ */
+public class ColorPicker extends ControlGroup< ColorPicker > {
+
+	protected Slider sliderRed;
+
+	protected Slider sliderGreen;
+
+	protected Slider sliderBlue;
+
+	protected Slider sliderAlpha;
+
+	protected Canvas currentColor;
+
+	private Object _myPlug;
+
+	private String _myPlugName;
+
+	private boolean broadcast;
+
+	/**
+	 * Convenience constructor to extend ColorPicker.
+	 * 
+	 * @example use/ControlP5extendController
+	 * @param theControlP5
+	 * @param theName
+	 */
+	public ColorPicker( ControlP5 theControlP5 , String theName ) {
+		this( theControlP5 , theControlP5.getDefaultTab( ) , theName , 0 , 0 , 255 , 10 );
+		theControlP5.register( theControlP5.papplet , theName , this );
+	}
+
+	protected ColorPicker( ControlP5 theControlP5 , ControllerGroup< ? > theParent , String theName , int theX , int theY , int theWidth , int theHeight ) {
+		super( theControlP5 , theParent , theName , theX , theY , theWidth , theHeight );
+		isBarVisible = false;
+		isCollapse = false;
+		_myArrayValue = new float[] { 255 , 255 , 255 , 255 };
+
+		currentColor = addCanvas( new ColorField( ) );
+		sliderRed = cp5.addSlider( theName + "-red" , 0 , 255 , 0 , 0 , theWidth , theHeight );
+		cp5.removeProperty( sliderRed );
+		sliderRed.setId( 0 );
+		sliderRed.setBroadcast( false );
+		sliderRed.addListener( this );
+		sliderRed.moveTo( this );
+		sliderRed.setMoveable( false );
+		sliderRed.setColorBackground( 0xff660000 );
+		sliderRed.setColorForeground( 0xffaa0000 );
+		sliderRed.setColorActive( 0xffff0000 );
+		sliderRed.getCaptionLabel( ).setVisible( false );
+		sliderRed.setDecimalPrecision( 0 );
+		sliderRed.setValue( 255 );
+
+		sliderGreen = cp5.addSlider( theName + "-green" , 0 , 255 , 0 , theHeight + 1 , theWidth , theHeight );
+		cp5.removeProperty( sliderGreen );
+		sliderGreen.setId( 1 );
+		sliderGreen.setBroadcast( false );
+		sliderGreen.addListener( this );
+		sliderGreen.moveTo( this );
+		sliderGreen.setMoveable( false );
+		sliderGreen.setColorBackground( 0xff006600 );
+		sliderGreen.setColorForeground( 0xff00aa00 );
+		sliderGreen.setColorActive( 0xff00ff00 );
+		sliderGreen.getCaptionLabel( ).setVisible( false );
+		sliderGreen.setDecimalPrecision( 0 );
+		sliderGreen.setValue( 255 );
+
+		sliderBlue = cp5.addSlider( theName + "-blue" , 0 , 255 , 0 , ( theHeight + 1 ) * 2 , theWidth , theHeight );
+		cp5.removeProperty( sliderBlue );
+		sliderBlue.setId( 2 );
+		sliderBlue.setBroadcast( false );
+		sliderBlue.addListener( this );
+		sliderBlue.moveTo( this );
+		sliderBlue.setMoveable( false );
+		sliderBlue.setColorBackground( 0xff000066 );
+		sliderBlue.setColorForeground( 0xff0000aa );
+		sliderBlue.setColorActive( 0xff0000ff );
+		sliderBlue.getCaptionLabel( ).setVisible( false );
+		sliderBlue.setDecimalPrecision( 0 );
+		sliderBlue.setValue( 255 );
+
+		sliderAlpha = cp5.addSlider( theName + "-alpha" , 0 , 255 , 0 , ( theHeight + 1 ) * 3 , theWidth , theHeight );
+		cp5.removeProperty( sliderAlpha );
+		sliderAlpha.setId( 3 );
+		sliderAlpha.setBroadcast( false );
+		sliderAlpha.addListener( this );
+
+		sliderAlpha.moveTo( this );
+		sliderAlpha.setMoveable( false );
+		sliderAlpha.setColorBackground( 0xff666666 );
+		sliderAlpha.setColorForeground( 0xffaaaaaa );
+		sliderAlpha.setColorActive( 0xffffffff );
+		sliderAlpha.getCaptionLabel( ).setVisible( false );
+		sliderAlpha.setDecimalPrecision( 0 );
+		sliderAlpha.getValueLabel( ).setColor( 0xff000000 );
+		sliderAlpha.setValue( 255 );
+
+		_myPlug = cp5.papplet;
+		_myPlugName = getName( );
+		if ( !ControllerPlug.checkPlug( _myPlug , _myPlugName , new Class[] { int.class } ) ) {
+			_myPlug = null;
+		}
+		broadcast = true;
+	}
+
+	public ColorPicker plugTo( Object theObject ) {
+		_myPlug = theObject;
+		if ( !ControllerPlug.checkPlug( _myPlug , _myPlugName , new Class[] { int.class } ) ) {
+			_myPlug = null;
+		}
+		return this;
+	}
+
+	public ColorPicker plugTo( Object theObject , String thePlugName ) {
+		_myPlug = theObject;
+		_myPlugName = thePlugName;
+		if ( !ControllerPlug.checkPlug( _myPlug , _myPlugName , new Class[] { int.class } ) ) {
+			_myPlug = null;
+		}
+		return this;
+	}
+
+	@Override
+	@ControlP5.Invisible
+	public void controlEvent( ControlEvent theEvent ) {
+		if ( broadcast ) {
+			_myArrayValue[ theEvent.getId( ) ] = theEvent.getValue( );
+			broadcast( );
+		}
+	}
+
+	private ColorPicker broadcast( ) {
+		ControlEvent ev = new ControlEvent( this );
+		setValue( getColorValue( ) );
+		cp5.getControlBroadcaster( ).broadcast( ev , ControlP5Constants.EVENT );
+		if ( _myPlug != null ) {
+			try {
+				Method method = _myPlug.getClass( ).getMethod( _myPlugName , int.class );
+				method.invoke( _myPlug , ( int ) _myValue );
+			} catch ( SecurityException ex ) {
+				ex.printStackTrace( );
+			} catch ( NoSuchMethodException ex ) {
+				ex.printStackTrace( );
+			} catch ( IllegalArgumentException ex ) {
+				ex.printStackTrace( );
+			} catch ( IllegalAccessException ex ) {
+				ex.printStackTrace( );
+			} catch ( InvocationTargetException ex ) {
+				ex.printStackTrace( );
+			}
+		}
+		return this;
+	}
+
+	/**
+	 * Requires an array of size 4 for RGBA
+	 * 
+	 * @return ColorPicker
+	 */
+	@Override
+	public ColorPicker setArrayValue( float[] theArray ) {
+		broadcast = false;
+		sliderRed.setValue( theArray[ 0 ] );
+		sliderGreen.setValue( theArray[ 1 ] );
+		sliderBlue.setValue( theArray[ 2 ] );
+		sliderAlpha.setValue( theArray[ 3 ] );
+		broadcast = true;
+		_myArrayValue = theArray;
+		return broadcast( );
+	}
+
+	/**
+	 * {@inheritDoc}
+	 */
+	@Override
+	public ColorPicker setColorValue( int theColor ) {
+		setArrayValue( new float[] { theColor >> 16 & 0xff , theColor >> 8 & 0xff , theColor >> 0 & 0xff , theColor >> 24 & 0xff } );
+		return this;
+	}
+
+	public int getColorValue( ) {
+		return 0xffffffff & ( int ) ( _myArrayValue[ 3 ] ) << 24 | ( int ) ( _myArrayValue[ 0 ] ) << 16 | ( int ) ( _myArrayValue[ 1 ] ) << 8 | ( int ) ( _myArrayValue[ 2 ] ) << 0;
+	}
+
+	private class ColorField extends Canvas {
+
+		public void draw( PGraphics theGraphics ) {
+			theGraphics.fill( _myArrayValue[ 0 ] , _myArrayValue[ 1 ] , _myArrayValue[ 2 ] , _myArrayValue[ 3 ] );
+			theGraphics.rect( 0 , 44 , getWidth( ) , 15 );
+		}
+	}
+
+	// public ColorPicker setColor(int... theArray) {
+	// switch (theArray.length) {
+	// case (1):
+	// setArrayValue(new float[] { theArray[0], theArray[0], theArray[0], getColorValue() >> 24 &
+	// 0xff });
+	// break;
+	// case (2):
+	// setArrayValue(new float[] { theArray[0], theArray[0], theArray[0], theArray[1] });
+	// break;
+	// case (3):
+	// setArrayValue(new float[] { theArray[0], theArray[1], theArray[2], getColorValue() >> 24 &
+	// 0xff });
+	// break;
+	// case (4):
+	// setArrayValue(new float[] { theArray[0], theArray[1], theArray[2], theArray[3] });
+	// break;
+	// }
+	// return this;
+	// }
+
+	/**
+	 * @exclude {@inheritDoc}
+	 */
+	@Override
+	public String getInfo( ) {
+		return "type:\tColorPicker\n" + super.toString( );
+	}
+}
+
+// some inspiration
+// http://www.nbdtech.com/blog/archive/2008/04/27/Calculating-the-Perceived-Brightness-of-a-Color.aspx
+// http://alienryderflex.com/hsp.html
\ No newline at end of file
diff --git a/src/controlP5/ColorWheel.java b/src/controlP5/ColorWheel.java
new file mode 100644
index 0000000..96b3311
--- /dev/null
+++ b/src/controlP5/ColorWheel.java
@@ -0,0 +1,574 @@
+package controlP5;
+
+import java.util.HashMap;
+import java.util.Map;
+
+import processing.core.PApplet;
+import processing.core.PGraphics;
+
+public class ColorWheel extends Controller< ColorWheel > {
+
+	/* TODO _myColorValue should only be used internally,
+	 * when broadcasting, a composed value based on the hsl
+	 * and alpha value should be distributed, same goes for
+	 * getValue. */
+
+	private int _myColorValue = 0xffffffff;
+	private final Map< String , PGraphics > _myColorResources;
+	private final float[] _myCursor;
+	private float scalar = 0.8f;
+	private int yoff = 10;
+	private boolean isInfo = false;
+	private Label _myInfoLabel;
+	private int drag = NONE;
+	private final static int NONE = -1;
+	private final static int SATURATION = 0;
+	private final static int COLOR = 1;
+	private final static int ALPHA = 2;
+	int _sideHandleHeight = 8;
+	private double[] hsl = new double[] { 1.0 , 1.0 , 1.0 };
+
+	// argb = int ( 0-255 , 0-255 , 0-255 , 0-255 )
+	// hue = double ( 0.0-1.0 ) 0-360
+	// saturation = double ( 0.0-1.0 ) 0-100%
+	// lightness = double ( 0.0-1.0 ) 0-100%
+	// brightness = double ( 0.0-1.0 ) 0-100%
+
+	public ColorWheel( ControlP5 theControlP5 , String theName ) {
+		this( theControlP5 , theControlP5.getDefaultTab( ) , theName , 0 , 0 , autoWidth , autoHeight );
+		theControlP5.register( theControlP5.papplet , theName , this );
+	}
+
+	public ColorWheel( ControlP5 theControlP5 , ControllerGroup< ? > theParent , String theName , int theX , int theY , int theWidth , int theHeight ) {
+		super( theControlP5 , theParent , theName , theX , theY , theWidth , theHeight );
+
+		_myColorResources = new HashMap< String , PGraphics >( );
+		_myColorResources.put( "default" , cp5.papplet.createGraphics( theWidth , theHeight ) );
+		_myCursor = new float[] { getWidth( ) / 2 , getHeight( ) / 2 };
+		_myCaptionLabel.align( LEFT , BOTTOM_OUTSIDE );
+		_myCaptionLabel.setPaddingX( 0 );
+		_myInfoLabel = new Label( cp5 , theName + "-info" );
+		_myInfoLabel.setPaddingX( 4 ).getStyle( ).marginTop = 4;
+		yoff = ( int ) ( getWidth( ) * 0.05 );
+
+		setColorResources( );
+	}
+
+	@Override public void onStartDrag( ) {
+		checkDrag( );
+	}
+
+	private void checkDrag( ) {
+		double x = getPointer( ).x( );
+		double y = getPointer( ).y( ) + yoff;
+		double xcenter = getWidth( ) / 2;
+		double ycenter = getHeight( ) / 2;
+		double d1 = ( ( getWidth( ) / 2 ) * scalar ) + 1;
+		double d = Math.sqrt( Math.pow( x - xcenter , 2 ) + Math.pow( y - ycenter , 2 ) );
+		double w = ( getWidth( ) - ( d1 * 2 ) ) / 2;
+		drag = NONE;
+		if ( d <= d1 ) {
+			drag = COLOR;
+		} else if ( x >= 0 && x <= w ) {
+			drag = SATURATION;
+		} else if ( x >= getWidth( ) - w && x <= getWidth( ) ) {
+			drag = ALPHA;
+		}
+	}
+
+	public void onEndDrag( ) {
+		drag = NONE;
+	}
+
+	@Override public void onDrag( ) {
+		switch ( drag ) {
+		case ( COLOR ):
+			double x = getPointer( ).x( );
+			double y = getPointer( ).y( ) + yoff;
+			double xcenter = getWidth( ) / 2;
+			double ycenter = getHeight( ) / 2;
+			double a = Math.atan2( y - ycenter , x - xcenter );
+			double d0 = getWidth( ) * 0.1;
+			double d1 = ( ( getWidth( ) / 2 ) * scalar ) + 1;
+			double d = Math.sqrt( Math.pow( x - xcenter , 2 ) + Math.pow( y - ycenter , 2 ) );
+			if ( d >= d1 - 1 ) {
+				x = ( xcenter + Math.cos( a ) * d1 );
+				y = ( ycenter + Math.sin( a ) * d1 );
+			} else if ( d <= d0 ) {
+				x = ( xcenter + Math.cos( a ) * d0 );
+				y = ( ycenter + Math.sin( a ) * d0 );
+			}
+			set( _myCursor , ( float ) x , ( float ) y );
+
+			int xx = ( int ) x;
+			int yy = ( int ) y;
+
+			double[] t = RGBtoHSL( _myColorResources.get( "default" ).get( xx , yy ) );
+			hsl[ 0 ] = t[ 0 ];
+			hsl[ 2 ] = t[ 2 ];
+			_myColorValue = HSLtoRGB( hsl );
+			setValue( _myColorValue );
+			break;
+		case ( SATURATION ):
+			float s1 = ( getHeight( ) - ( yoff * 2 ) - _sideHandleHeight );
+			setSaturation( map( getPointer( ).y( ) , 0 , s1 , 1.0 , 0.0 ) );
+			_myColorValue = HSLtoRGB( hsl );
+			setValue( _myColorValue );
+			break;
+		case ( ALPHA ):
+			float a1 = ( getHeight( ) - ( yoff * 2 ) - _sideHandleHeight );
+			setAlpha( ( int ) map( getPointer( ).y( ) , 0 , a1 , 255 , 0 ) );
+			_myColorValue = HSLtoRGB( hsl );
+			setValue( _myColorValue );
+			break;
+		}
+	}
+
+	@Override public void onPress( ) {
+		checkDrag( );
+	}
+
+	@Override public void onRelease( ) {
+		onDrag( );
+	}
+
+	public ColorWheel scrolled( int theRotationValue ) {
+		if ( isVisible ) {
+			double x = getPointer( ).x( );
+			double d1 = ( ( getWidth( ) / 2 ) * scalar ) + 1;
+			double w = ( getWidth( ) - ( d1 * 2 ) ) / 2;
+			if ( x >= 0 && x <= w ) {
+				setSaturation( hsl[ 1 ] + theRotationValue * 0.01 );
+				_myColorValue = HSLtoRGB( hsl );
+				setValue( _myColorValue );
+			} else if ( x >= getWidth( ) - w && x <= getWidth( ) ) {
+				setAlpha( a( ) + theRotationValue );
+			}
+		}
+		return this;
+	}
+
+	private void setColorResources( ) {
+		/* for now there is only a default resource but this
+		 * can be extended to support other color models in
+		 * the future. */
+
+		PGraphics buffer = _myColorResources.get( "default" );
+
+		buffer.beginDraw( );
+
+		buffer.background( 0 , 0 );
+
+		int w = buffer.width;
+
+		int h = buffer.height;
+
+		float[] center = new float[] { w / 2 , h / 2 };
+
+		int inner_radius = ( int ) ( buffer.width * 0.1 );
+
+		int outer_radius = ( int ) ( buffer.width * scalar / 2 );
+		buffer.fill( 0 );
+		buffer.ellipseMode( CENTER );
+		buffer.ellipse( buffer.width / 2 , buffer.height / 2 , buffer.width * scalar + 4 , buffer.width * scalar + 4 );
+		buffer.fill( 255 );
+		buffer.ellipse( buffer.width / 2 , buffer.height / 2 , ( inner_radius + 1 ) * 2 , ( inner_radius + 1 ) * 2 );
+
+		for ( int y = 0 ; y < h ; y++ ) {
+			int dy = ( int ) ( y(center) - y );
+			for ( int x = 0 ; x < w ; x++ ) {
+				int dx = ( int ) ( x(center) - x );
+				double dist = Math.sqrt( dx * dx + dy * dy );
+				if ( dist >= inner_radius && dist <= outer_radius ) {
+					double theta = Math.atan2( dy , dx );
+					// theta can go from -pi to pi
+					double hue = ( theta + PI ) / ( TWO_PI );
+					double sat , val;
+					if ( dist < ( inner_radius + ( outer_radius - inner_radius ) / 2 ) ) {
+						sat = map( dist , inner_radius , outer_radius , 0 , 2 );
+						val = 1;
+					} else {
+						sat = 1;
+						val = map( dist , inner_radius , outer_radius , 2 , 0 );
+					}
+					buffer.set( x , y , HSVtoRGB( hue , sat , val ) );
+				}
+			}
+		}
+		buffer.endDraw( );
+	}
+
+	public void setHue( double theH ) {
+		hsl[ 0 ] = Math.max( 0 , Math.min( 1 , theH ) );
+	}
+
+	public void setSaturation( double theS ) {
+		hsl[ 1 ] = Math.max( 0 , Math.min( 1 , theS ) );
+	}
+
+	public void setLightness( double theL ) {
+		hsl[ 2 ] = Math.max( 0 , Math.min( 1 , theL ) );
+	}
+
+	public ColorWheel setHSL( double theH , double theS , double theL ) {
+		setHue( theH );
+		setSaturation( theS );
+		setLightness( theL );
+		return this;
+	}
+
+	public int getRGB( ) {
+		return _myColorValue;
+	}
+
+	public ColorWheel setRGB( int theColor ) {
+		double[] t = RGBtoHSL( theColor );
+		hsl[ 0 ] = t[ 0 ];
+		hsl[ 2 ] = t[ 2 ];
+
+		float theta = ( float ) ( t[ 0 ] * TWO_PI ) - PI;
+		float d0 = getWidth( ) * 0.1f;
+		float d1 = ( ( getWidth( ) / 2 ) * scalar ) + 1f;
+		float s = ( float ) map( t[ 2 ] , 0f , 1f , d1 , d0 );
+		float x = _myColorResources.get( "default" ).width / 2 - ( float ) Math.cos( theta ) * s;
+		float y = _myColorResources.get( "default" ).height / 2 - ( float ) Math.sin( theta ) * s;
+		set( _myCursor , x , y );
+		setSaturation( t[ 1 ] );
+		_myColorValue = HSLtoRGB( hsl );
+		setValue( _myColorValue );
+
+		return this;
+	}
+
+	public ColorWheel setAlpha( int theAlpha ) {
+		/* TODO */
+		return this;
+	}
+
+	/**
+	 * @exclude
+	 */
+	@Override @ControlP5.Invisible public ColorWheel updateDisplayMode( int theMode ) {
+		return updateViewMode( theMode );
+	}
+
+	/**
+	 * @exclude
+	 */
+	@ControlP5.Invisible public ColorWheel updateViewMode( int theMode ) {
+		_myDisplayMode = theMode;
+		switch ( theMode ) {
+		case ( DEFAULT ):
+		case ( IMAGE ):
+		case ( CUSTOM ):
+			_myControllerView = new ColorWheelView( );
+		default:
+			break;
+
+		}
+		return this;
+	}
+
+	public int a( ) {
+		int a = ( _myColorValue & 0xff000000 ) >> 24;
+		return ( a < 0 ) ? 255 : a;
+	}
+
+	public int r( ) {
+		return ( _myColorValue & 0x00ff0000 ) >> 16;
+	}
+
+	public int g( ) {
+		return ( _myColorValue & 0x0000ff00 ) >> 8;
+	}
+
+	public int b( ) {
+		return ( _myColorValue & 0x000000ff ) >> 0;
+	}
+
+	private class ColorWheelView implements ControllerView< ColorWheel > {
+
+		public void display( PGraphics theGraphics , ColorWheel theController ) {
+
+			PGraphics buffer = _myColorResources.get( "default" );
+
+			theGraphics.fill( 0 , 100 );
+			theGraphics.rect( 0 , 0 , getWidth( ) , getHeight( ) );
+			theGraphics.ellipseMode( PApplet.CENTER );
+			theGraphics.pushMatrix( );
+			theGraphics.translate( 0 , -yoff );
+			theGraphics.image( buffer , 0 , 0 );
+			theGraphics.pushMatrix( );
+			theGraphics.translate( x( _myCursor ) , y( _myCursor ) );
+			theGraphics.strokeWeight( 2 );
+			theGraphics.noFill( );
+			theGraphics.stroke( 255 , 40 );
+			theGraphics.ellipse( 1 , 1 , 10 , 10 );
+			theGraphics.stroke( 250 );
+			theGraphics.fill( _myColorValue );
+			theGraphics.ellipse( 0 , 0 , 10 , 10 );
+
+			theGraphics.popMatrix( );
+			theGraphics.noStroke( );
+			theGraphics.translate( 0 , -yoff );
+			theGraphics.fill( HSLtoRGB( hsl[ 0 ] , hsl[ 1 ] , hsl[ 2 ] ) );
+			theGraphics.rect( 0 , getHeight( ) , getWidth( ) , yoff * 2 );
+			theGraphics.popMatrix( );
+			if ( isLabelVisible ) {
+				_myCaptionLabel.draw( theGraphics , 0 , 0 , theController );
+			}
+			if ( isInfo ) {
+				_myInfoLabel.setText( String.format( "RGB %d %d %d\nALPHA %d\nHSL %d %.2f %.2f " , r( ) , g( ) , b( ) , a( ) , ( int ) ( hsl[ 0 ] * 360 ) , hsl[ 1 ] , hsl[ 2 ] ) );
+				_myInfoLabel.draw( theGraphics , 0 , 0 , theController );
+			}
+			theGraphics.fill( 255 );
+			theGraphics.pushMatrix( );
+			int s = _sideHandleHeight / 2;
+			float v = ( getHeight( ) - ( yoff * 2 ) - _sideHandleHeight );
+			theGraphics.translate( 2 , ( int ) map( hsl[ 1 ] , 1 , 0 , 0 , v ) );
+			theGraphics.triangle( 0 , s , s , 0 , s , _sideHandleHeight );
+			theGraphics.popMatrix( );
+			/* TODO alpha handle theGraphics.pushMatrix( );
+			 * theGraphics.translate( getWidth( ) - s - 2 ,
+			 * ( int ) map( a( ) , 255 , 0 , 0 , v ) );
+			 * theGraphics.triangle( s , s , 0 , 0 , 0 ,
+			 * _sideHandleHeight ); theGraphics.popMatrix(
+			 * ); */
+		}
+	}
+
+	public double[] RGBtoHSL( int theRGB ) {
+		return RGBtoHSL( theRGB >> 16 & 0xff , theRGB >> 8 & 0xff , theRGB >> 0 & 0xff );
+	}
+
+	/**
+	 * 
+	 * @param theR value between 0 and 255
+	 * @param theG value between 0 and 255
+	 * @param theB value between 0 and 255
+	 * @return double[] values h,s,l are between 0-1
+	 */
+	public double[] RGBtoHSL( int theR , int theG , int theB ) {
+		double[] rgb = new double[ 3 ];
+		rgb[ 0 ] = theR / 255.0;
+		rgb[ 1 ] = theG / 255.0;
+		rgb[ 2 ] = theB / 255.0;
+		double max = Math.max( rgb[ 0 ] , Math.max( rgb[ 1 ] , rgb[ 2 ] ) );
+		double min = Math.min( rgb[ 0 ] , Math.min( rgb[ 1 ] , rgb[ 2 ] ) );
+		double h = ( max + min ) / 2;
+		double s = ( max + min ) / 2;
+		double l = ( max + min ) / 2;
+
+		if ( max == min ) {
+			h = s = 0; // achromatic
+		} else {
+			double d = max - min;
+			s = l > 0.5 ? ( d / ( 2 - max - min ) ) : ( d / ( max + min ) );
+			if ( max == rgb[ 0 ] ) {
+				h = ( rgb[ 1 ] - rgb[ 2 ] ) / d + ( rgb[ 1 ] < rgb[ 2 ] ? 6 : 0 );
+			} else if ( max == rgb[ 1 ] ) {
+				h = ( rgb[ 2 ] - rgb[ 0 ] ) / d + 2;
+			} else if ( max == rgb[ 2 ] ) {
+				h = ( rgb[ 0 ] - rgb[ 1 ] ) / d + 4;
+			}
+			h /= 6;
+		}
+
+		return new double[] { h , s , l };
+	}
+
+	public int HSVtoRGB( double[] hsv ) {
+		return HSVtoRGB( hsv[ 0 ] , hsv[ 1 ] , hsv[ 2 ] );
+	}
+
+	/**
+	 * 
+	 * @param H value between 0-1
+	 * @param S value between 0-1
+	 * @param V value between 0-1
+	 * @return int
+	 */
+	public int HSVtoRGB( double H , double S , double V ) {
+
+		/* http://viziblr.com/news/2011/12/1/drawing-a-color-
+		 * hue-wheel-with-c.html */
+
+		double[] rgb = new double[ 3 ];
+
+		if ( H == 1.0 ) {
+			H = 0.0;
+		}
+
+		double step = 1.0 / 6.0;
+		double vh = H / step;
+
+		int i = ( int ) Math.floor( vh );
+
+		double f = vh - i;
+		double p = V * ( 1.0 - S );
+		double q = V * ( 1.0 - ( S * f ) );
+		double t = V * ( 1.0 - ( S * ( 1.0 - f ) ) );
+
+		switch ( i ) {
+		case 0: {
+			rgb[ 0 ] = V;
+			rgb[ 1 ] = t;
+			rgb[ 2 ] = p;
+			break;
+		}
+		case 1: {
+			rgb[ 0 ] = q;
+			rgb[ 1 ] = V;
+			rgb[ 2 ] = p;
+			break;
+		}
+		case 2: {
+			rgb[ 0 ] = p;
+			rgb[ 1 ] = V;
+			rgb[ 2 ] = t;
+			break;
+		}
+		case 3: {
+			rgb[ 0 ] = p;
+			rgb[ 1 ] = q;
+			rgb[ 2 ] = V;
+			break;
+		}
+		case 4: {
+			rgb[ 0 ] = t;
+			rgb[ 1 ] = p;
+			rgb[ 2 ] = V;
+			break;
+		}
+		case 5: {
+			rgb[ 0 ] = V;
+			rgb[ 1 ] = p;
+			rgb[ 2 ] = q;
+			break;
+		}
+		default: {
+			// not possible - if we get here it is an
+			// internal error
+			// throw new ArgumentException();
+			System.out.println( "hsv to rgb not possible" );
+		}
+		}
+		return ( a( ) << 24 ) | ( ( int ) ( rgb[ 0 ] * 255 ) << 16 ) | ( ( int ) ( rgb[ 1 ] * 255 ) << 8 ) | ( int ) ( rgb[ 2 ] * 255 );
+	}
+
+	public final double[] RGBtoHSV( final int c ) {
+		return RGBtoHSV( ( c & 0xff0000 ) >> 16 , ( c & 0x00ff00 ) >> 8 , ( c & 0x0000ff ) >> 0 );
+	}
+
+	/**
+	 * 
+	 * @param theR value between 0 and 255
+	 * @param theG value between 0 and 255
+	 * @param theB value between 0 and 255
+	 * @return hsv [ hue (0-1) sat (0-1) val (0-1) ]
+	 */
+	public final double[] RGBtoHSV( final int theR , final int theG , final double theB ) {
+
+		double hue = 0;
+
+		double sat = 0;
+
+		double val = 0;
+
+		final double r = theR / 255.0;
+		final double g = theG / 255.0;
+		final double b = theB / 255.0;
+
+		double minRGB = Math.min( r , Math.min( g , b ) );
+		double maxRGB = Math.max( r , Math.max( g , b ) );
+
+		// Black-gray-white
+		if ( minRGB == maxRGB ) {
+			return new double[] { 0 , 0 , minRGB };
+		}
+
+		// Colors other than black-gray-white:
+		double d = ( r == minRGB ) ? g - b : ( ( b == minRGB ) ? r - g : b - r );
+		double h = ( r == minRGB ) ? 3 : ( ( b == minRGB ) ? 1 : 5 );
+		hue = map( ( h - ( d / ( maxRGB - minRGB ) ) ) , 0 , 6.0 , 0 , 1.0 );
+		sat = ( maxRGB - minRGB ) / maxRGB;
+		val = maxRGB;
+		return new double[] { hue , sat , val };
+	}
+
+	public int HSLtoRGB( final double[] theHSL ) {
+		if ( theHSL.length == 3 ) {
+			return HSLtoRGB( theHSL[ 0 ] , theHSL[ 1 ] , theHSL[ 2 ] );
+		} else {
+			String message = "HSLtoRGB(double[]) a length of 3 is expected. ";
+			throw new IllegalArgumentException( message );
+		}
+
+	}
+
+	/**
+	 * 
+	 * @param h value between 0 and 360
+	 * @param s value between 0 and 100
+	 * @param l) value between 0 and 100
+	 * @param alpha value between 0 and 1
+	 * @return
+	 */
+	public int HSLtoRGB( final double h , double s , double l ) {
+		if ( h < 0.0 || h > 1.0 ) {
+			String message = "Color parameter outside of expected range - Hue ( 0.0 - 1.0 )";
+			throw new IllegalArgumentException( message );
+		}
+		if ( s < 0.0 || s > 1.0 ) {
+			String message = "Color parameter outside of expected range - Saturation ( 0.0 - 1.0 )";
+			throw new IllegalArgumentException( message );
+		}
+
+		if ( l < 0.0 || l > 1.0 ) {
+			String message = "Color parameter outside of expected range - Luminance ( 0.0 - 1.0 )";
+			throw new IllegalArgumentException( message );
+		}
+
+		double q = 0;
+
+		if ( l < 0.5 ) {
+			q = l * ( 1 + s );
+		} else {
+			q = ( l + s ) - ( s * l );
+		}
+
+		double p = 2 * l - q;
+
+		double r = Math.max( 0 , HueToRGB( p , q , h + ( 1.0f / 3.0f ) ) );
+		double g = Math.max( 0 , HueToRGB( p , q , h ) );
+		double b = Math.max( 0 , HueToRGB( p , q , h - ( 1.0f / 3.0f ) ) );
+
+		return ( 255 << 24 ) | ( ( int ) ( r * 255 ) << 16 ) | ( ( int ) ( g * 255 ) << 8 ) | ( int ) ( b * 255 );
+	}
+
+	private static double HueToRGB( double p , double q , double h ) {
+		if ( h < 0 )
+			h += 1;
+
+		if ( h > 1 )
+			h -= 1;
+
+		if ( 6 * h < 1 ) {
+			return p + ( ( q - p ) * 6 * h );
+		}
+
+		if ( 2 * h < 1 ) {
+			return q;
+		}
+
+		if ( 3 * h < 2 ) {
+			return p + ( ( q - p ) * 6 * ( ( 2.0f / 3.0f ) - h ) );
+		}
+
+		return p;
+	}
+
+	private final double map( double val , double a1 , double a2 , double b1 , double b2 ) {
+		return b1 + ( b2 - b1 ) * ( ( val - a1 ) / ( a2 - a1 ) );
+	}
+}
diff --git a/src/controlP5/ControlBehavior.java b/src/controlP5/ControlBehavior.java
new file mode 100755
index 0000000..ac77bf0
--- /dev/null
+++ b/src/controlP5/ControlBehavior.java
@@ -0,0 +1,106 @@
+package controlP5;
+
+/**
+ * controlP5 is a processing gui library.
+ *
+ *  2006-2012 by Andreas Schlegel
+ *
+ * This library is free software; you can redistribute it and/or
+ * modify it under the terms of the GNU Lesser General Public License
+ * as published by the Free Software Foundation; either version 2.1
+ * of the License, or (at your option) any later version.
+ * This library is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
+ * Lesser General Public License for more details.
+ *
+ * You should have received a copy of the GNU Lesser General
+ * Public License along with this library; if not, write to the
+ * Free Software Foundation, Inc., 59 Temple Place, Suite 330,
+ * Boston, MA 02111-1307 USA
+ *
+ * @author 		Andreas Schlegel (http://www.sojamo.de)
+ * @modified	##date##
+ * @version		##version##
+ *
+ */
+
+/**
+ * The abstract class control behavior allows you to add custom behavior to controllers. Since it is
+ * an abstract class it must be extended and method update() must be implemented in your custom
+ * control behavior. how to use ControlBehavior please see the ControlP5behavior example in the
+ * examples folder.
+ * 
+ * @example use/ControlP5behavior
+ */
+public abstract class ControlBehavior {
+
+	protected Controller< ? > _myController;
+
+	protected float value;
+
+	protected boolean isActive = true;
+
+	protected void init( Controller< ? > theController ) {
+		_myController = theController;
+	}
+
+	/**
+	 * Returns the controller this behavior is connected to.
+	 * 
+	 * @return Controller
+	 */
+	public Controller< ? > getController( ) {
+		return _myController;
+	}
+
+	public float getValue( ) {
+		return value;
+	}
+
+	public void setValue( float theValue ) {
+		value = theValue;
+		_myController.setValue( value );
+	}
+
+	/**
+	 * When extending ControlBehavior, update() has to be overridden.
+	 */
+	public abstract void update( );
+
+	/**
+	 * (de)activate the behavior.
+	 * 
+	 * @param theFlag
+	 *            boolean
+	 */
+	public void setActive( boolean theFlag ) {
+		isActive = theFlag;
+	}
+
+	/**
+	 * check if the behavior is active or not.
+	 * 
+	 * @return boolean
+	 */
+	public boolean isActive( ) {
+		return isActive;
+	}
+
+	/**
+	 * @exclude
+	 * @return
+	 */
+	@Deprecated
+	public float value( ) {
+		return value;
+	}
+
+	/**
+	 * @exclude
+	 */
+	@Deprecated
+	public Controller< ? > controller( ) {
+		return _myController;
+	}
+}
diff --git a/src/controlP5/ControlBroadcaster.java b/src/controlP5/ControlBroadcaster.java
new file mode 100755
index 0000000..bde78d4
--- /dev/null
+++ b/src/controlP5/ControlBroadcaster.java
@@ -0,0 +1,404 @@
+package controlP5;
+
+/**
+ * controlP5 is a processing gui library.
+ *
+ *  2006-2012 by Andreas Schlegel
+ *
+ * This library is free software; you can redistribute it and/or
+ * modify it under the terms of the GNU Lesser General Public License
+ * as published by the Free Software Foundation; either version 2.1
+ * of the License, or (at your option) any later version.
+ * This library is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
+ * Lesser General Public License for more details.
+ *
+ * You should have received a copy of the GNU Lesser General
+ * Public License along with this library; if not, write to the
+ * Free Software Foundation, Inc., 59 Temple Place, Suite 330,
+ * Boston, MA 02111-1307 USA
+ *
+ * @author 		Andreas Schlegel (http://www.sojamo.de)
+ * @modified	##date##
+ * @version		##version##
+ *
+ */
+
+import java.lang.reflect.Field;
+import java.lang.reflect.InvocationTargetException;
+import java.lang.reflect.Method;
+import java.util.AbstractMap.SimpleEntry;
+import java.util.ArrayList;
+import java.util.HashMap;
+import java.util.HashSet;
+import java.util.Map;
+import java.util.Map.Entry;
+import java.util.Set;
+
+/**
+ * The ControlBroadcaster handles all controller value changes and distributes them accordingly to
+ * its listeners. The ControlBroadcaster is primarily for internal use only but can be accessed
+ * through an instance of the ControlP5 class. Instead of accessing the ControlBroadcaster directly,
+ * use the convenience methods available from the ControlP5 class.
+ * 
+ * @see controlP5.ControlP5#getControlBroadcaster()
+ */
+public class ControlBroadcaster {
+
+	private int _myControlEventType = ControlP5Constants.INVALID;
+
+	private ControllerPlug _myControlEventPlug = null;
+
+	private ControllerPlug _myControllerCallbackEventPlug = null;
+
+	private ControlP5 cp5;
+
+	private String _myEventMethod = "controlEvent";
+
+	private String _myControllerCallbackEventMethod = "controlEvent";
+
+	private ArrayList< ControlListener > _myControlListeners;
+
+	private Set< Entry< CallbackListener , Controller< ? >>> _myControllerCallbackListeners;
+
+	private static boolean setPrintStackTrace = true;
+
+	private static boolean ignoreErrorMessage = false;
+
+	private static Map< Class< ? > , Field[] > fieldcache = new HashMap< Class< ? > , Field[] >( );
+
+	private static Map< Class< ? > , Method[] > methodcache = new HashMap< Class< ? > , Method[] >( );
+
+	boolean broadcast = true;
+
+	protected ControlBroadcaster( ControlP5 theControlP5 ) {
+		cp5 = theControlP5;
+		_myControlListeners = new ArrayList< ControlListener >( );
+		_myControllerCallbackListeners = new HashSet< Entry< CallbackListener , Controller< ? >>>( );
+		_myControlEventPlug = checkObject( cp5.papplet , getEventMethod( ) , new Class[] { ControlEvent.class } );
+		_myControllerCallbackEventPlug = checkObject( cp5.papplet , _myControllerCallbackEventMethod , new Class[] { CallbackEvent.class } );
+		if ( _myControlEventPlug != null ) {
+			_myControlEventType = ControlP5Constants.METHOD;
+		}
+	}
+
+	public ControlBroadcaster addListener( ControlListener ... theListeners ) {
+		for ( ControlListener l : theListeners ) {
+			_myControlListeners.add( l );
+		}
+		return this;
+	}
+
+	public ControlBroadcaster removeListener( ControlListener ... theListeners ) {
+		for ( ControlListener l : theListeners ) {
+			_myControlListeners.remove( l );
+		}
+		return this;
+	}
+
+	/**
+	 * Returns a ControlListener by index
+	 * 
+	 * @param theIndex
+	 * @return
+	 */
+	public ControlListener getListener( int theIndex ) {
+		if ( theIndex < 0 || theIndex >= _myControlListeners.size( ) ) {
+			return null;
+		}
+		return _myControlListeners.get( theIndex );
+	}
+
+	/**
+	 * Returns the size of the ControlListener list
+	 * 
+	 * @return
+	 */
+	public int listenerSize( ) {
+		return _myControlListeners.size( );
+	}
+
+	public ControlBroadcaster addCallback( CallbackListener ... theListeners ) {
+		for ( CallbackListener l : theListeners ) {
+			_myControllerCallbackListeners.add( new SimpleEntry< CallbackListener , Controller< ? >>( l , new EmptyController( ) ) );
+		}
+		return this;
+	}
+
+	public ControlBroadcaster addCallback( CallbackListener theListener ) {
+		_myControllerCallbackListeners.add( new SimpleEntry< CallbackListener , Controller< ? >>( theListener , new EmptyController( ) ) );
+		return this;
+	}
+
+	/**
+	 * Adds a CallbackListener for a list of controllers.
+	 * 
+	 * @param theListener
+	 * @param theController
+	 */
+	public void addCallback( CallbackListener theListener , Controller< ? > ... theController ) {
+		for ( Controller< ? > c : theController ) {
+			_myControllerCallbackListeners.add( new SimpleEntry< CallbackListener , Controller< ? >>( theListener , c ) );
+		}
+	}
+
+	public ControlBroadcaster removeCallback( CallbackListener ... theListeners ) {
+		for ( CallbackListener c : theListeners ) {
+			_myControllerCallbackListeners.remove( c );
+		}
+		return this;
+	}
+
+	public ControlBroadcaster removeCallback( CallbackListener theListener ) {
+		_myControllerCallbackListeners.remove( theListener );
+		return this;
+	}
+
+	/**
+	 * Removes a CallbackListener for a particular controller
+	 * 
+	 * @param theController
+	 */
+	public ControlBroadcaster removeCallback( Controller< ? > ... theControllers ) {
+		for ( Controller< ? > c : theControllers ) {
+			for ( Entry< CallbackListener , Controller< ? >> entry : _myControllerCallbackListeners ) {
+				if ( c != null && entry.getValue( ).equals( c ) ) {
+					_myControllerCallbackListeners.remove( entry );
+				}
+			}
+		}
+		return this;
+	}
+
+	public ControlBroadcaster plug( Object theObject , final String theControllerName , final String theTargetMethod ) {
+		plug( theObject , cp5.getController( theControllerName ) , theTargetMethod );
+		return this;
+	}
+
+	public ControlBroadcaster plug( Object theObject , final Controller< ? > theController , final String theTargetMethod ) {
+		if ( theController != null ) {
+			ControllerPlug myControllerPlug = checkObject( theObject , theTargetMethod , ControlP5Constants.acceptClassList );
+			if ( myControllerPlug == null ) {
+				return this;
+			} else {
+				if ( theController.checkControllerPlug( myControllerPlug ) == false ) {
+					theController.addControllerPlug( myControllerPlug );
+				}
+				return this;
+			}
+		}
+		return this;
+	}
+
+	static Field[] getFieldsFor( Class< ? > theClass ) {
+		if ( !fieldcache.containsKey( theClass ) ) {
+			fieldcache.put( theClass , theClass.getDeclaredFields( ) );
+		}
+		return fieldcache.get( theClass );
+	}
+
+	static Method[] getMethodFor( Class< ? > theClass ) {
+		if ( !methodcache.containsKey( theClass ) ) {
+			methodcache.put( theClass , theClass.getMethods( ) );
+		}
+		return methodcache.get( theClass );
+	}
+
+	protected static ControllerPlug checkObject( final Object theObject , final String theTargetName , final Class< ? >[] theAcceptClassList ) {
+
+		Class< ? > myClass = theObject.getClass( );
+
+		Method[] myMethods = getMethodFor( myClass );
+
+		for ( int i = 0 ; i < myMethods.length ; i++ ) {
+			if ( ( myMethods[ i ].getName( ) ).equals( theTargetName ) ) {
+
+				if ( myMethods[ i ].getParameterTypes( ).length == 1 ) {
+
+					// hack to detect controlEvent(CallbackEvent) which is otherwise
+					// overwritten by controlEvent(ControlEvent)
+					if ( theAcceptClassList.length == 1 ) {
+						if ( theAcceptClassList[ 0 ] == CallbackEvent.class ) {
+							ControllerPlug cp = new ControllerPlug( CallbackEvent.class , theObject , theTargetName , ControlP5Constants.EVENT , -1 );
+							if ( cp.getMethod( ) == null ) {
+								return null;
+							}
+							return cp;
+						}
+					}
+					if ( myMethods[ i ].getParameterTypes( )[ 0 ] == ControlP5Constants.controlEventClass ) {
+						return new ControllerPlug( ControlEvent.class , theObject , theTargetName , ControlP5Constants.EVENT , -1 );
+					}
+					for ( int j = 0 ; j < theAcceptClassList.length ; j++ ) {
+						if ( myMethods[ i ].getParameterTypes( )[ 0 ] == theAcceptClassList[ j ] ) {
+							return new ControllerPlug( theObject , theTargetName , ControlP5Constants.METHOD , j , theAcceptClassList );
+						}
+					}
+				} else if ( myMethods[ i ].getParameterTypes( ).length == 0 ) {
+					return new ControllerPlug( theObject , theTargetName , ControlP5Constants.METHOD , -1 , theAcceptClassList );
+				}
+				break;
+			}
+		}
+
+		Field[] myFields = getFieldsFor( myClass );
+
+		for ( int i = 0 ; i < myFields.length ; i++ ) {
+
+			if ( ( myFields[ i ].getName( ) ).equals( theTargetName ) ) {
+				for ( int j = 0 ; j < theAcceptClassList.length ; j++ ) {
+					if ( myFields[ i ].getType( ) == theAcceptClassList[ j ] ) {
+						return new ControllerPlug( theObject , theTargetName , ControlP5Constants.FIELD , j , theAcceptClassList );
+					}
+				}
+				break;
+			}
+		}
+		return null;
+	}
+
+	public ControlBroadcaster broadcast( final ControlEvent theControlEvent , final int theType ) {
+
+		if ( broadcast ) {
+			for ( ControlListener cl : _myControlListeners ) {
+				cl.controlEvent( theControlEvent );
+			}
+			if ( !theControlEvent.isTab( ) && !theControlEvent.isGroup( ) ) {
+
+				if ( theControlEvent.getController( ).getControllerPlugList( ).size( ) > 0 ) {
+
+					if ( theType == ControlP5Constants.STRING ) {
+						for ( ControllerPlug cp : theControlEvent.getController( ).getControllerPlugList( ) ) {
+							callTarget( cp , theControlEvent.getStringValue( ) );
+						}
+					} else if ( theType == ControlP5Constants.ARRAY ) {
+
+					} else {
+
+						for ( ControllerPlug cp : theControlEvent.getController( ).getControllerPlugList( ) ) {
+							if ( cp.checkType( ControlP5Constants.EVENT ) ) {
+								invokeMethod( cp.getObject( ) , cp.getMethod( ) , new Object[] { theControlEvent } );
+							} else {
+								callTarget( cp , theControlEvent.getValue( ) );
+							}
+						}
+					}
+				}
+			}
+			if ( _myControlEventType == ControlP5Constants.METHOD ) {
+				invokeMethod( _myControlEventPlug.getObject( ) , _myControlEventPlug.getMethod( ) , new Object[] { theControlEvent } );
+			}
+		}
+		return this;
+	}
+
+	protected void callTarget( final ControllerPlug thePlug , final float theValue ) {
+		if ( thePlug.checkType( ControlP5Constants.METHOD ) ) {
+
+			invokeMethod( thePlug.getObject( ) , thePlug.getMethod( ) , thePlug.getMethodParameter( theValue ) );
+		} else if ( thePlug.checkType( ControlP5Constants.FIELD ) ) {
+			invokeField( thePlug.getObject( ) , thePlug.getField( ) , thePlug.getFieldParameter( theValue ) );
+		}
+	}
+
+	protected void callTarget( final ControllerPlug thePlug , final String theValue ) {
+		if ( thePlug.checkType( ControlP5Constants.METHOD ) ) {
+			invokeMethod( thePlug.getObject( ) , thePlug.getMethod( ) , new Object[] { theValue } );
+		} else if ( thePlug.checkType( ControlP5Constants.FIELD ) ) {
+			invokeField( thePlug.getObject( ) , thePlug.getField( ) , theValue );
+		}
+	}
+
+	private void invokeField( final Object theObject , final Field theField , final Object theParam ) {
+		try {
+			theField.set( theObject , theParam );
+		} catch ( IllegalAccessException e ) {
+			ControlP5.logger( ).warning( e.toString( ) );
+		}
+	}
+
+	private void invokeMethod( final Object theObject , final Method theMethod , final Object[] theParam ) {
+		try {
+			if ( theParam[ 0 ] == null ) {
+				theMethod.invoke( theObject , new Object[ 0 ] );
+			} else {
+				theMethod.invoke( theObject , theParam );
+			}
+		} catch ( IllegalArgumentException e ) {
+			ControlP5.logger( ).warning( e.toString( ) );
+			/**
+			 * TODO thrown when plugging a String method/field.
+			 */
+		} catch ( IllegalAccessException e ) {
+			printMethodError( theMethod , e );
+		} catch ( InvocationTargetException e ) {
+			printMethodError( theMethod , e );
+		} catch ( NullPointerException e ) {
+			printMethodError( theMethod , e );
+		}
+
+	}
+
+	protected String getEventMethod( ) {
+		return _myEventMethod;
+	}
+
+	protected void invokeAction( CallbackEvent theEvent ) {
+		boolean invoke;
+		for ( Entry< CallbackListener , Controller< ? >> entry : _myControllerCallbackListeners ) {
+			invoke = ( entry.getValue( ).getClass( ).equals( EmptyController.class ) ) ? true : ( entry.getValue( ).equals( theEvent.getController( ) ) ) ? true : false;
+			if ( invoke ) {
+				entry.getKey( ).controlEvent( theEvent );
+			}
+		}
+
+		if ( _myControllerCallbackEventPlug != null ) {
+			invokeMethod( cp5.papplet , _myControllerCallbackEventPlug.getMethod( ) , new Object[] { theEvent } );
+		}
+	}
+
+	private void printMethodError( Method theMethod , Exception theException ) {
+		if ( !ignoreErrorMessage ) {
+			ControlP5.logger( ).severe( "An error occured while forwarding a Controller event, please check your code at " + theMethod.getName( ) + ( !setPrintStackTrace ? " " + "exception:  " + theException : "" ) );
+			if ( setPrintStackTrace ) {
+				theException.printStackTrace( );
+			}
+		}
+	}
+
+	public static void ignoreErrorMessage( boolean theFlag ) {
+		ignoreErrorMessage = theFlag;
+	}
+
+	public static void setPrintStackTrace( boolean theFlag ) {
+		setPrintStackTrace = theFlag;
+	}
+
+	private class EmptyController extends Controller< EmptyController > {
+
+		protected EmptyController( ) {
+			this( 0 , 0 );
+		}
+
+		protected EmptyController( int theX , int theY ) {
+			super( "empty" + ( ( int ) ( Math.random( ) * 1000000 ) ) , theX , theY );
+			// TODO Auto-generated constructor stub
+		}
+
+		@Override
+		public EmptyController setValue( float theValue ) {
+			// TODO Auto-generated method stub
+			return this;
+		}
+
+	}
+
+	/**
+	 * @exclude
+	 */
+	@Deprecated
+	public void plug( final String theControllerName , final String theTargetMethod ) {
+		plug( cp5.papplet , theControllerName , theTargetMethod );
+	}
+}
diff --git a/src/controlP5/ControlElement.java b/src/controlP5/ControlElement.java
new file mode 100755
index 0000000..40ac235
--- /dev/null
+++ b/src/controlP5/ControlElement.java
@@ -0,0 +1,23 @@
+package controlP5;
+
+import java.lang.annotation.Retention;
+import java.lang.annotation.RetentionPolicy;
+
+/**
+ * Used for automated controller creation using annotations. Very much inspired by Karsten Schmidt's
+ * (toxi) cp5magic
+ * 
+ * @example use/ControlP5annotation
+ */
+@Retention( RetentionPolicy.RUNTIME )
+public @interface ControlElement {
+
+	String[] properties() default { };
+
+	String label() default "";
+
+	int x() default -1;
+
+	int y() default -1;
+
+}
diff --git a/src/controlP5/ControlEvent.java b/src/controlP5/ControlEvent.java
new file mode 100755
index 0000000..06bd7ff
--- /dev/null
+++ b/src/controlP5/ControlEvent.java
@@ -0,0 +1,339 @@
+package controlP5;
+
+/**
+ * controlP5 is a processing gui library.
+ *
+ *  2006-2012 by Andreas Schlegel
+ *
+ * This library is free software; you can redistribute it and/or
+ * modify it under the terms of the GNU Lesser General Public License
+ * as published by the Free Software Foundation; either version 2.1
+ * of the License, or (at your option) any later version.
+ * This library is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
+ * Lesser General Public License for more details.
+ *
+ * You should have received a copy of the GNU Lesser General
+ * Public License along with this library; if not, write to the
+ * Free Software Foundation, Inc., 59 Temple Place, Suite 330,
+ * Boston, MA 02111-1307 USA
+ *
+ * @author 		Andreas Schlegel (http://www.sojamo.de)
+ * @modified	##date##
+ * @version		##version##
+ *
+ */
+
+/**
+ * A controlEvent is sent to a PApplet or a ControlListener whenever a controller value has changed.
+ * Events can also be sent when a tab is activated, but by default tab events are disabled and have
+ * to be enabled with {@link Tab} Tab.activateEvent(). for detailed information see the tab
+ * documentation.
+ * 
+ * @example use/ControlP5controlEvent
+ */
+public class ControlEvent {
+
+	public static int UNDEFINDED = -1;
+
+	public static int CONTROLLER = 0;
+
+	public static int TAB = 1;
+
+	public static int GROUP = 2;
+
+	protected final ControllerInterface< ? > _myController;
+
+	protected boolean isTab;
+
+	protected boolean isController;
+
+	protected boolean isGroup;
+
+	protected int myAction;
+
+	/**
+	 * 
+	 * @param theController
+	 *            Controller
+	 */
+	protected ControlEvent( Controller< ? > theController ) {
+		_myController = theController;
+		isTab = false;
+		isController = true;
+		isGroup = false;
+	}
+
+	/**
+	 * @exclude
+	 * @param theController
+	 *            Controller
+	 */
+	public ControlEvent( Tab theController ) {
+		_myController = theController;
+		isTab = true;
+		isGroup = false;
+		isController = false;
+	}
+
+	/**
+	 * @exclude
+	 * @param theController
+	 *            Controller
+	 */
+	public ControlEvent( ControllerGroup< ? > theController ) {
+		_myController = theController;
+		isTab = false;
+		isGroup = true;
+		isController = false;
+	}
+
+	public float getValue( ) {
+		return _myController.getValue( );
+	}
+
+	public String getStringValue( ) {
+		return ( ( Controller< ? > ) _myController ).getStringValue( );
+	}
+
+	/**
+	 * Returns a float array, applies to e.g. Range.
+	 * 
+	 * @return float[]
+	 */
+	public float[] getArrayValue( ) {
+		return _myController.getArrayValue( );
+	}
+
+	/**
+	 * Returns a float value at a particular index from a controller's array value. No error
+	 * checking available here, will throw ArrayIndexOutOfBOundsException in case of unavailable
+	 * index.
+	 * 
+	 * @param theIndex
+	 * @return
+	 */
+	public float getArrayValue( int theIndex ) {
+		return _myController.getArrayValue( )[ theIndex ];
+	}
+
+	/**
+	 * Returns the instance of the controller sending the ControlEvent.
+	 * 
+	 * @return Controller
+	 */
+	public Controller< ? > getController( ) {
+		return ( ( Controller< ? > ) _myController );
+	}
+
+	/**
+	 * Returns the tab that triggered the ControlEvent
+	 * 
+	 * @return Tab Tab
+	 */
+	public Tab getTab( ) {
+		return ( Tab ) _myController;
+	}
+
+	/**
+	 * Returns the group that evoked the ControlEvent
+	 * 
+	 * @return ControlGroup
+	 */
+	public ControlGroup< ? > getGroup( ) {
+		return ( ControlGroup< ? > ) _myController;
+	}
+
+	/**
+	 * Gets the text of the controller's label that has evoked the event.
+	 * 
+	 * @return String
+	 */
+	public String getLabel( ) {
+		return ( ( Controller< ? > ) _myController ).getLabel( );
+	}
+
+	/**
+	 * Checks if the ControlEvent was triggered by a tab
+	 * 
+	 * @see controlP5.Tab
+	 * @return boolean
+	 */
+	public boolean isTab( ) {
+		return isTab;
+	}
+
+	/**
+	 * Checks if the ControlEvent was triggered by a controller
+	 * 
+	 * @see controlP5.Controller
+	 * @return boolean
+	 */
+	public boolean isController( ) {
+		return isController;
+	}
+
+	/**
+	 * Checks if the ControlEvent was triggered by a ControlGroup
+	 * 
+	 * @see controlP5.ControllerGroup
+	 * @return boolean
+	 */
+	public boolean isGroup( ) {
+		return isGroup;
+	}
+
+	/**
+	 * returns the controller's name
+	 * 
+	 * @return String
+	 */
+	public String getName( ) {
+		return _myController.getName( );
+	}
+
+	/**
+	 * Returns the controller's id, if an id has not been set before the default value -1 will be
+	 * returned.
+	 * 
+	 * @return
+	 */
+	public int getId( ) {
+		return _myController.getId( );
+	}
+
+	/**
+	 * @return int returned is ControlP5.CONTROLLER, or ControlP5.TAB, or ControlP5.GROUP
+	 */
+	public int getType( ) {
+		if ( isController ) {
+			return CONTROLLER;
+		} else if ( isTab ) {
+			return TAB;
+		} else if ( isGroup ) {
+			return GROUP;
+		}
+		return -1;
+	}
+
+	/**
+	 * Checks if the ControlEvent originates from a specific Controller or ControllerGroup.
+	 * 
+	 * @param theController
+	 * @return boolean
+	 */
+	public boolean isFrom( ControllerInterface< ? > theController ) {
+		return _myController.equals( theController );
+	}
+
+	/**
+	 * checks if the ControlEvent originates from a specific Controller or ControllerGroup
+	 * identifiable by name.
+	 * 
+	 * @param theController
+	 * @return boolean
+	 */
+
+	public boolean isFrom( String theControllerName ) {
+		return _myController.getName( ).equals( theControllerName );
+	}
+
+	public boolean isAssignableFrom( Class< ? > c ) {
+		return _myController.getClass( ).isAssignableFrom( c );
+	}
+
+	/**
+	 * @exclude
+	 * @deprecated
+	 */
+	@Deprecated
+	public int type( ) {
+		return getType( );
+	}
+
+	/**
+	 * @exclude
+	 * @deprecated
+	 */
+	@Deprecated
+	public int id( ) {
+		return getId( );
+	}
+
+	/**
+	 * @exclude
+	 * @deprecated
+	 */
+	@Deprecated
+	public String name( ) {
+		return getName( );
+	}
+
+	/**
+	 * @exclude
+	 * @deprecated
+	 */
+	@Deprecated
+	public String label( ) {
+		return getLabel( );
+	}
+
+	/**
+	 * @exclude
+	 * @deprecated
+	 */
+	@Deprecated
+	public float value( ) {
+		return getValue( );
+	}
+
+	/**
+	 * @exclude
+	 * @deprecated
+	 */
+	@Deprecated
+	public String stringValue( ) {
+		return getStringValue( );
+	}
+
+	/**
+	 * @exclude
+	 * @deprecated
+	 */
+	@Deprecated
+	public float[] arrayValue( ) {
+		return getArrayValue( );
+	}
+
+	/**
+	 * @exclude
+	 * @deprecated
+	 */
+	@Deprecated
+	public Controller< ? > controller( ) {
+		return getController( );
+	}
+
+	/**
+	 * @exclude
+	 * @deprecated
+	 */
+	@Deprecated
+	public ControlGroup< ? > group( ) {
+		return getGroup( );
+	}
+
+	/**
+	 * @exclude
+	 * @deprecated
+	 */
+	@Deprecated
+	public Tab tab( ) {
+		return getTab( );
+	}
+
+	public String toString( ) {
+		return "[ ControlEvent from:" + _myController.getClass( ).getSimpleName( ) + " value:" + getValue( ) + " name:" + getName( ) + " ]";
+	}
+}
diff --git a/src/controlP5/ControlFont.java b/src/controlP5/ControlFont.java
new file mode 100755
index 0000000..2864b7f
--- /dev/null
+++ b/src/controlP5/ControlFont.java
@@ -0,0 +1,293 @@
+package controlP5;
+
+/**
+ * controlP5 is a processing gui library.
+ *
+ *  2006-2012 by Andreas Schlegel
+ *
+ * This library is free software; you can redistribute it and/or
+ * modify it under the terms of the GNU Lesser General Public License
+ * as published by the Free Software Foundation; either version 2.1
+ * of the License, or (at your option) any later version.
+ * This library is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
+ * Lesser General Public License for more details.
+ *
+ * You should have received a copy of the GNU Lesser General
+ * Public License along with this library; if not, write to the
+ * Free Software Foundation, Inc., 59 Temple Place, Suite 330,
+ * Boston, MA 02111-1307 USA
+ *
+ * @author 		Andreas Schlegel (http://www.sojamo.de)
+ * @modified	##date##
+ * @version		##version##
+ *
+ */
+
+import java.util.ArrayList;
+import java.util.Arrays;
+import java.util.List;
+
+import processing.core.PApplet;
+import processing.core.PFont;
+import processing.core.PGraphics;
+
+/**
+ * A ControlFont is a container for a PFont that can be used to customize the font of a label.
+ * (Designing the Font handling gave me a big headache, especially when it comes to calculating the
+ * dimensions of a font which are not available at all times but only at certain times. The current
+ * status I suppose is a good compromise and works for standard font handling cases. For any special
+ * cases it will be difficult to convince me to make any changes.)
+ * 
+ * @example extra/ControlP5controlFont
+ */
+public class ControlFont {
+
+	public static boolean DEBUG = false;
+
+	/**
+	 * set the RENDER_2X variable to true to double render text, this makes the font look bolder
+	 * especially in OpenGL mode. use: ControlFont.RENDER_2X = true;
+	 */
+	public static boolean RENDER_2X;
+
+	/**
+	 * renders a PFont twice for better and sharper readability
+	 */
+	public static void sharp( ) {
+		RENDER_2X = true;
+	}
+
+	/**
+	 * sets the rendering of a PFont back to normal and single rendering.
+	 */
+	public static void normal( ) {
+		RENDER_2X = false;
+	}
+
+	PFont pfont;
+	List< String > txt;
+	String s = "";
+	private int top;
+	private int bottom;
+	private int center;
+	private int height;
+	private int width;
+	private int baseline = 0;
+	private int _myTextHeight = 1;
+	private int[] offset = new int[ 2 ];
+	private int size;
+
+	public ControlFont( PFont theFont ) {
+		this( theFont , checkFontSize( theFont ) );
+	}
+
+	public ControlFont( PFont theFont , int theFontSize ) {
+		this( theFont , theFontSize , theFontSize + 2 );
+	}
+
+	public ControlFont( PFont theFont , int theFontSize , int theLineHeight ) {
+		pfont = theFont;
+		size = theFontSize;
+		txt = new ArrayList< String >( );
+	}
+
+	static private int checkFontSize( PFont theFont ) {
+		try {
+			// was: return theFont.getFont().getSize(); but disappeared with p5 2.0b1
+			return theFont.getSize( );
+		} catch ( NullPointerException e ) {
+			System.out.println( "ControlP5: could not find font-size details for font " + theFont.getName( ) + ", use constructor ControlFont(PFont theFont, int theFontSize) to specify the font size." );
+			return 10;
+		}
+	}
+
+	public void init( Label theLabel ) {
+		// when the font changes, init is called.
+		// width and height should be adjusted to the updated font here,
+		// but we need PApplet here to determine the width of the label.
+		// unfortunately we dont have access to PApplet here, so a change
+		// might result in a 1-frame-flickr but doesnt necessarily need
+		// to happen.
+	}
+
+	public void setSize( int theSize ) {
+		size = theSize;
+	}
+
+	public int getSize( ) {
+		/* quickfix http://code.google.com/p/controlp5/issues/detail?id=46 first check the pfont
+		 * size then default back to size */
+		return size;
+	}
+
+	public int getOffset( int theIndex ) {
+		return offset[ theIndex ];
+	}
+
+	public int getTextHeight( ) {
+		return _myTextHeight;
+	}
+
+	public int getWidth( ) {
+		return width;
+	}
+
+	public int getHeight( ) {
+		return height;
+	}
+
+	public int getCenter( ) {
+		return center;
+	}
+
+	public int getTop( ) {
+		return top;
+	}
+
+	public int getBottom( ) {
+		return bottom;
+	}
+
+	public int getBaseline( ) {
+		return baseline;
+	}
+
+	public PFont getFont( ) {
+		return pfont;
+	}
+
+	public void adjust( PGraphics theGraphics , Label theLabel ) {
+		if ( theLabel.isChanged( ) ) {
+			theGraphics.textFont( pfont , size );
+			// the origin of a PFont Label is top left corner, therefore
+			// the following the following measures have to be calculated
+			// when a font is changed. we have to do that here since PApplet
+			// is required to calculate a font's ascent and descent value.
+			// values are calculated based on the baseline (which is 0),
+			// therefore center and top are negative values.
+			// to order to sync the line height with the height of the font,
+			// the value of lineHeightOffset carries this offset value.
+			// This becomes necessary when working with multiple lines.
+			top = -( int ) theGraphics.textAscent( );
+			bottom = ( int ) theGraphics.textDescent( );
+			center = -( int ) ( ( -top - bottom ) / 2 );
+			height = theLabel.isMultiline( ) ? theLabel.getHeight( ) : ( int ) ( theGraphics.textAscent( ) + theGraphics.textDescent( ) );
+			width = theLabel.isMultiline( ) ? theLabel.getWidth( ) : ( int ) theGraphics.textWidth( theLabel.getTextFormatted( ) );
+			if ( theLabel.isMultiline( ) ) {
+				calculateHeight( theGraphics , theLabel );
+			}
+			theLabel.setChanged( false );
+		}
+	}
+
+	private void calculateHeight( PGraphics theGraphics , Label theLabel ) {
+		txt.clear( );
+		String myString = theLabel.getTextFormatted( );
+		List< String > paragraphs = Arrays.asList( myString.split( "\n" ) );
+		// does not recognize linebreaks at the end of theString.
+		myString = "";
+		for ( String p : paragraphs ) {
+			List< String > words = Arrays.asList( p.split( "\\s" ) );
+			for ( String w : words ) {
+				if ( theGraphics.textWidth( myString + w ) < width ) {
+					myString += w + " ";
+				} else {
+					txt.add( myString.substring( 0 , PApplet.max( 0 , myString.length( ) - 1 ) ) );
+					myString = w + " ";
+				}
+			}
+			txt.add( myString.substring( 0 , myString.length( ) - 1 ) );
+			myString = "";
+		}
+		if ( theLabel.getHeight( ) % theLabel.getLineHeight( ) != 0 ) {
+			txt.add( "" );
+		}
+		_myTextHeight = ( PApplet.round( txt.size( ) * theLabel.getLineHeight( ) ) );
+		int maxLineNum = PApplet.round( theLabel.getHeight( ) / theLabel.getLineHeight( ) );
+		int offset = ( int ) ( PApplet.max( 0 , txt.size( ) - maxLineNum ) * ( PApplet.abs( theLabel.getOffsetYratio( ) ) ) );
+		int lim = PApplet.min( txt.size( ) , maxLineNum );
+		s = "";
+		for ( int i = 0 ; i < lim ; i++ ) {
+			s += txt.get( i + offset ) + "\n";
+		}
+	}
+
+	public int getOverflow( ) {
+		return ( _myTextHeight - height );
+	}
+
+	public void draw( ControlP5 c , Label theLabel ) {
+		draw( c.pg , theLabel );
+	}
+
+	public void draw( PGraphics theGraphics , Label theLabel ) {
+		
+		PFont loadedFont = theGraphics.textFont;
+		float loadedSize = theGraphics.textSize;
+		if ( loadedFont == null ) {
+			theGraphics.textSize( loadedSize ); // forces default font
+			loadedFont = theGraphics.textFont;
+		}
+		int loadedAlign = theGraphics.textAlign;
+
+		
+		theGraphics.textFont( pfont , size );
+		theGraphics.textAlign( theLabel.textAlign );
+		theGraphics.fill( theLabel.getColor( ) );
+		
+		if ( theLabel.isMultiline( ) ) {
+			theGraphics.fill( theLabel.getColor( ) );
+			theGraphics.textLeading( theLabel.getLineHeight( ) );
+			theGraphics.text( s , 0 , 0 , theLabel.getWidth( ) , theLabel.getHeight( ) );
+		} else {
+			
+			theGraphics.translate( 0 , -top + 1 );
+			debug( theGraphics , theLabel );
+			theGraphics.fill( theLabel.getColor( ) );
+			theGraphics.textLeading( theLabel.getLineHeight( ) );
+			theGraphics.text( theLabel.getTextFormatted( ) , 0 , 0 );
+			if ( RENDER_2X ) {
+				theGraphics.text( theLabel.getTextFormatted( ) , 0 , 0 );
+			}
+			
+		}
+
+		theGraphics.textFont( loadedFont , loadedSize );
+		theGraphics.textAlign( loadedAlign );
+		
+	}
+
+	private void debug( PGraphics theGraphics , Label theLabel ) {
+		if ( DEBUG ) {
+
+			theGraphics.stroke( 0 , 255 , 0 ); // BASELINE
+			theGraphics.line( 0 , getBaseline( ) , theGraphics.textWidth( theLabel.getText( ) ) , getBaseline( ) );
+
+			theGraphics.stroke( 0 , 0 , 255 ); // TOP
+			theGraphics.line( 0 , getTop( ) , theGraphics.textWidth( theLabel.getText( ) ) , getTop( ) );
+
+			theGraphics.stroke( 255 , 255 , 0 ); // BOTTOM
+			theGraphics.line( 0 , getBottom( ) , theGraphics.textWidth( theLabel.getText( ) ) , getBottom( ) );
+
+			theGraphics.stroke( 255 , 0 , 0 ); // CENTER
+			theGraphics.line( 0 , getCenter( ) , theGraphics.textWidth( theLabel.getText( ) ) , getCenter( ) );
+
+			theGraphics.stroke( 255 , 128 , 0 ); // CENTER_CAPS
+			theGraphics.line( 0 , getTop( ) / 2 , theGraphics.textWidth( theLabel.getText( ) ) , getTop( ) / 2 );
+
+			theGraphics.noStroke( );
+		}
+	}
+
+	public static int getWidthFor( String theText , Label theLabel , PGraphics theGraphics ) {
+		theGraphics.textFont( theLabel.getFont( ).pfont , theLabel.getFont( ).size );
+		return ( int ) theGraphics.textWidth( theText );
+	}
+
+}
+
+// textorize, a Ruby-based font rasterizer command line utility for Mac OS X
+// http://textorize.org/
+
diff --git a/src/controlP5/ControlGroup.java b/src/controlP5/ControlGroup.java
new file mode 100755
index 0000000..d1fe3ba
--- /dev/null
+++ b/src/controlP5/ControlGroup.java
@@ -0,0 +1,201 @@
+package controlP5;
+
+/**
+ * controlP5 is a processing gui library.
+ * 
+ * 2006-2012 by Andreas Schlegel
+ * 
+ * This library is free software; you can redistribute it
+ * and/or modify it under the terms of the GNU Lesser
+ * General Public License as published by the Free Software
+ * Foundation; either version 2.1 of the License, or (at
+ * your option) any later version. This library is
+ * distributed in the hope that it will be useful, but
+ * WITHOUT ANY WARRANTY; without even the implied warranty
+ * of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.
+ * See the GNU Lesser General Public License for more
+ * details.
+ * 
+ * You should have received a copy of the GNU Lesser General
+ * Public License along with this library; if not, write to
+ * the Free Software Foundation, Inc., 59 Temple Place,
+ * Suite 330, Boston, MA 02111-1307 USA
+ * 
+ * @author Andreas Schlegel (http://www.sojamo.de)
+ * @modified ##date##
+ * @version ##version##
+ * 
+ */
+
+import java.util.ArrayList;
+import java.util.List;
+
+import processing.core.PApplet;
+import processing.core.PGraphics;
+
+/**
+ * <p>
+ * In previous versions you would use the ControlGroup class
+ * to bundle controllers in a group. Now please use the
+ * Group class to do so.
+ * </p>
+ * <p>
+ * ControlGroup extends ControllerGroup, for a list and
+ * documentation of available methods see the
+ * {@link ControllerGroup} documentation.
+ * </p>
+ * 
+ * @see controlP5.Group
+ * @example controllers/ControlP5group
+ */
+public class ControlGroup< T > extends ControllerGroup< T > implements ControlListener {
+
+	protected int _myBackgroundHeight = 0;
+
+	protected int _myBackgroundColor = 0x00ffffff;
+
+	protected boolean isEventActive = false;
+
+	protected List< ControlListener > _myControlListener;
+
+	/**
+	 * Convenience constructor to extend ControlGroup.
+	 */
+	public ControlGroup( ControlP5 theControlP5 , String theName ) {
+		this( theControlP5 , theControlP5.getDefaultTab( ) , theName , 0 , 0 , 100 , 9 );
+		theControlP5.register( theControlP5.papplet , theName , this );
+	}
+
+	public ControlGroup( ControlP5 theControlP5 , ControllerGroup< ? > theParent , String theName , int theX , int theY , int theW , int theH ) {
+		super( theControlP5 , theParent , theName , theX , theY );
+		_myControlListener = new ArrayList< ControlListener >( );
+		_myValueLabel = new Label( cp5 , "" );
+		_myWidth = theW;
+		_myHeight = theH;
+	}
+
+	@ControlP5.Invisible
+	public void mousePressed( ) {
+		if ( isBarVisible && isCollapse ) {
+			if ( !cp5.isAltDown( ) ) {
+				isOpen = !isOpen;
+				if ( isEventActive ) {
+					final ControlEvent myEvent = new ControlEvent( this );
+					cp5.getControlBroadcaster( ).broadcast( myEvent , ControlP5Constants.METHOD );
+					for ( ControlListener cl : _myControlListener ) {
+						cl.controlEvent( myEvent );
+					}
+				}
+			}
+		}
+	}
+
+	/**
+	 * activates or deactivates the Event status of a
+	 * ControlGroup.
+	 */
+	public T activateEvent( boolean theFlag ) {
+		isEventActive = theFlag;
+		return me;
+	}
+
+	public T setSize( int theWidth , int theHeight ) {
+		super.setSize( theWidth , theHeight );
+		setBackgroundHeight( theHeight );
+		return me;
+	}
+
+	public int getBackgroundHeight( ) {
+		return _myBackgroundHeight;
+	}
+
+	public T setBackgroundHeight( int theHeight ) {
+		_myBackgroundHeight = theHeight;
+		return me;
+	}
+
+	public T setBackgroundColor( int theColor ) {
+		_myBackgroundColor = theColor;
+		return me;
+	}
+
+	public T setBarHeight( int theHeight ) {
+		_myHeight = theHeight;
+		return me;
+	}
+
+	public int getBarHeight( ) {
+		return _myHeight;
+	}
+
+	@Override
+	public T updateInternalEvents( PApplet theApplet ) {
+		if ( isInside && isBarVisible ) {
+			cp5.getWindow( ).setMouseOverController( this );
+		}
+		return me;
+	}
+
+	protected void preDraw( PGraphics theGraphics ) {
+		if ( isOpen ) {
+			theGraphics.fill( _myBackgroundColor );
+			theGraphics.rect( 0 , 0 , _myWidth , _myBackgroundHeight - 1 );
+		}
+	}
+
+	protected void postDraw( PGraphics theGraphics ) {
+		if ( isBarVisible ) {
+			theGraphics.fill( isInside ? color.getForeground( ) : color.getBackground( ) );
+			theGraphics.rect( 0 , -1 , _myWidth , -_myHeight );
+			_myLabel.draw( theGraphics , 0 , -_myHeight - 1 , this );
+			if ( isCollapse && isArrowVisible ) {
+				theGraphics.fill( _myLabel.getColor( ) );
+				theGraphics.pushMatrix( );
+				theGraphics.translate( 2 , 0 );
+				if ( isOpen ) {
+					theGraphics.triangle( _myWidth - 10 , -_myHeight / 2 - 3 , _myWidth - 4 , -_myHeight / 2 - 3 , _myWidth - 7 , -_myHeight / 2 );
+				} else {
+					theGraphics.triangle( _myWidth - 10 , -_myHeight / 2 , _myWidth - 4 , -_myHeight / 2 , _myWidth - 7 , -_myHeight / 2 - 3 );
+				}
+				theGraphics.popMatrix( );
+			}
+		}
+	}
+
+	@ControlP5.Invisible
+	public void controlEvent( ControlEvent theEvent ) {
+		if ( theEvent.getController( ).getName( ).equals( getName( ) + "close" ) ) {
+			hide( );
+		}
+	}
+
+	@ControlP5.Invisible
+	public String stringValue( ) {
+		return Float.toString( _myValue );
+	}
+
+	@Override
+	public String toString( ) {
+		return super.toString( );
+	}
+
+	@Override
+	public String getInfo( ) {
+		return "type:\tControlGroup\n" + super.getInfo( );
+	}
+
+	public T addListener( final ControlListener theListener ) {
+		_myControlListener.add( theListener );
+		return me;
+	}
+
+	public T removeListener( final ControlListener theListener ) {
+		_myControlListener.remove( theListener );
+		return me;
+	}
+
+	public int listenerSize( ) {
+		return _myControlListener.size( );
+	}
+
+}
diff --git a/src/controlP5/ControlKey.java b/src/controlP5/ControlKey.java
new file mode 100755
index 0000000..176570b
--- /dev/null
+++ b/src/controlP5/ControlKey.java
@@ -0,0 +1,6 @@
+package controlP5;
+
+public interface ControlKey {
+
+	public void keyEvent();
+}
diff --git a/src/controlP5/ControlListener.java b/src/controlP5/ControlListener.java
new file mode 100755
index 0000000..940460f
--- /dev/null
+++ b/src/controlP5/ControlListener.java
@@ -0,0 +1,52 @@
+package controlP5;
+
+/**
+ * controlP5 is a processing gui library.
+ *
+ *  2006-2012 by Andreas Schlegel
+ *
+ * This library is free software; you can redistribute it and/or
+ * modify it under the terms of the GNU Lesser General Public License
+ * as published by the Free Software Foundation; either version 2.1
+ * of the License, or (at your option) any later version.
+ * This library is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
+ * Lesser General Public License for more details.
+ *
+ * You should have received a copy of the GNU Lesser General
+ * Public License along with this library; if not, write to the
+ * Free Software Foundation, Inc., 59 Temple Place, Suite 330,
+ * Boston, MA 02111-1307 USA
+ *
+ * @author 		Andreas Schlegel (http://www.sojamo.de)
+ * @modified	##date##
+ * @version		##version##
+ *
+ */
+
+/**
+ * ControlListener is an interface that can be implemented by a custom class to be notified when
+ * controller values change. To add a ControlListener to a controller use Controller.addListner()
+ * 
+ * @see controlP5.Controller#addListener(ControlListener)
+ * @see controlP5.CallbackListener
+ * 
+ * @example use/ControlP5listenerForSingleController
+ */
+public interface ControlListener {
+
+	/**
+	 * controlEvent is called by controlP5's ControlBroadcaster to inform available listeners about
+	 * value changes. Use the CallbackListener to get informed when actions such as pressed,
+	 * release, drag, etc are performed.
+	 * 
+	 * @see controlP5.CallbackListener
+	 * @see controlP5.CallbackEvent
+	 * @param theEvent
+	 *            ControlEvent
+	 * @example ControlP5listener
+	 */
+	public void controlEvent( ControlEvent theEvent );
+
+}
diff --git a/src/controlP5/ControlP5.java b/src/controlP5/ControlP5.java
new file mode 100755
index 0000000..170db52
--- /dev/null
+++ b/src/controlP5/ControlP5.java
@@ -0,0 +1,1397 @@
+package controlP5;
+
+/**
+ * controlP5 is a processing gui library.
+ * 
+ * 2006-2012 by Andreas Schlegel
+ * 
+ * This library is free software; you can redistribute it
+ * and/or modify it under the terms of the GNU Lesser
+ * General Public License as published by the Free Software
+ * Foundation; either version 2.1 of the License, or (at
+ * your option) any later version. This library is
+ * distributed in the hope that it will be useful, but
+ * WITHOUT ANY WARRANTY; without even the implied warranty
+ * of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.
+ * See the GNU Lesser General Public License for more
+ * details.
+ * 
+ * You should have received a copy of the GNU Lesser General
+ * Public License along with this library; if not, write to
+ * the Free Software Foundation, Inc., 59 Temple Place,
+ * Suite 330, Boston, MA 02111-1307 USA
+ * 
+ * @author Andreas Schlegel (http://www.sojamo.de)
+ * @modified ##date##
+ * @version ##version##
+ * 
+ */
+
+import java.io.File;
+import java.lang.annotation.Retention;
+import java.lang.annotation.RetentionPolicy;
+import java.lang.reflect.Field;
+import java.lang.reflect.InvocationTargetException;
+import java.lang.reflect.Method;
+import java.util.ArrayList;
+import java.util.Arrays;
+import java.util.Collections;
+import java.util.HashMap;
+import java.util.Iterator;
+import java.util.LinkedList;
+import java.util.List;
+import java.util.Map;
+import java.util.TreeMap;
+import java.util.logging.Logger;
+
+import processing.core.PApplet;
+import processing.core.PFont;
+import processing.core.PGraphics;
+import processing.event.KeyEvent;
+import processing.event.MouseEvent;
+import controlP5.ControlWindow.Pointer;
+
+/**
+ * <p>
+ * controlP5 is a processing and java library for creating
+ * simple control GUIs. The ControlP5 class, the core of
+ * controlP5.
+ * </p>
+ * <p>
+ * All addController-Methods are located inside the
+ * ControlP5Base class.
+ * </p>
+ * 
+ * @see controlP5.ControlP5Base
+ * @example use/ControlP5basics
+ */
+public class ControlP5 extends ControlP5Base {
+
+	/**
+	 * @exclude
+	 */
+	@ControlP5.Invisible public ControlWindow controlWindow;
+
+	/**
+	 * @exclude
+	 */
+	@ControlP5.Invisible static CColor color = new CColor( THEME_CP52014 );
+
+	/**
+	 * @exclude
+	 */
+	@ControlP5.Invisible public PApplet papplet;
+
+	/**
+	 * @exclude
+	 */
+	@ControlP5.Invisible PGraphics pg;
+	int pgx = 0 , pgy = 0 , pgw = 0 , pgh = 0;
+	boolean isGraphics = false;
+
+	/**
+	 * @exclude
+	 */
+	@ControlP5.Invisible public static final String VERSION = "2.2.1";// "##version##";
+
+	/**
+	 * @exclude
+	 */
+	@ControlP5.Invisible public static boolean isApplet = false;
+
+	static int renderer = J2D;
+
+	/**
+	 * use this static variable to turn DEBUG on or off.
+	 */
+	public static boolean DEBUG;
+
+	/**
+	 * @exclude
+	 */
+	@ControlP5.Invisible public static final Logger logger = Logger.getLogger( ControlP5.class.getName( ) );
+
+	private Map< String , ControllerInterface< ? >> _myControllerMap;
+	protected ControlBroadcaster _myControlBroadcaster;
+	protected ControlWindow window;
+	protected boolean isMoveable = false;
+
+	/* TODO does not work anymore, deprecate? */
+	protected boolean isAutoInitialization = false;
+	protected boolean isGlobalControllersAlwaysVisible = true;
+	protected boolean isTabEventsActive;
+	protected boolean isUpdate;
+	protected boolean isControlFont;
+	protected ControlFont controlFont;
+	static public final PFont BitFontStandard56 = new BitFont( CP.decodeBase64( BitFont.standard56base64 ) );
+	static public final PFont BitFontStandard58 = new BitFont( CP.decodeBase64( BitFont.standard58base64 ) );
+	protected ControlFont defaultFont = new ControlFont( BitFontStandard58 );
+	protected ControlFont defaultFontForText = new ControlFont( BitFontStandard56 );
+
+	/**
+	 * from version 0.7.2 onwards shortcuts are disabled by
+	 * default. shortcuts can be enabled using
+	 * controlP5.enableShortcuts();
+	 * 
+	 * @see #enableShortcuts()
+	 */
+	protected boolean isShortcuts = false;
+
+	@Deprecated public boolean blockDraw;
+	protected Tooltip _myTooltip;
+	protected boolean isAnnotation;
+	boolean isAndroid = false;
+
+	/**
+	 * Create a new instance of controlP5.
+	 * 
+	 * @param theParent PApplet
+	 */
+	public ControlP5( final PApplet theParent ) {
+		papplet = theParent;
+		init( );
+	}
+
+	public ControlP5( final PApplet theParent , PFont thePFont ) {
+		papplet = theParent;
+		init( );
+		setFont( thePFont );
+	}
+
+	public ControlP5( final PApplet theParent , ControlFont theControlFont ) {
+		papplet = theParent;
+		init( );
+		setFont( theControlFont );
+	}
+
+	protected void init( ) {
+		renderer = ( papplet.g.getClass( ).getCanonicalName( ).indexOf( "Java2D" ) > -1 ) ? J2D : P3D;
+		Class< ? > check = papplet.getClass( );
+		while ( check != null ) {
+			check = check.getSuperclass( );
+			if ( check != null ) {
+				if ( check.toString( ).toLowerCase( ).indexOf( "android.app." ) > -1 ) {
+					isAndroid = true;
+					break;
+				}
+			}
+		}
+
+		isTabEventsActive = false;
+
+		_myControlBroadcaster = new ControlBroadcaster( this );
+
+		// } else {
+		// defaultFont = new
+		// ControlFont(papplet.createFont("", 10));
+		//
+		// defaultFontForText = new
+		// ControlFont(papplet.createFont("", 10));
+		// }
+
+		controlFont = defaultFont;
+		controlWindow = new ControlWindow( this , papplet );
+		papplet.registerMethod( "pre" , this );
+		papplet.registerMethod( "dispose" , this );
+		setGraphics( papplet , 0 , 0 );
+		_myControllerMap = new TreeMap< String , ControllerInterface< ? >>( );
+		setFont( controlFont );
+		_myTooltip = new Tooltip( this );
+		super.init( this );
+
+		if ( welcome++ < 1 ) {
+			welcome( );
+		}
+
+		mapKeyFor( new ControlKey( ) {
+
+			public void keyEvent( ) {
+				saveProperties( );
+			}
+		} , PApplet.ALT , PApplet.SHIFT , 's' );
+
+		mapKeyFor( new ControlKey( ) {
+
+			public void keyEvent( ) {
+				loadProperties( );
+			}
+		} , PApplet.ALT , PApplet.SHIFT , 'l' );
+
+		mapKeyFor( new ControlKey( ) {
+
+			public void keyEvent( ) {
+				if ( controlWindow.isVisible ) {
+					hide( );
+				} else {
+					show( );
+				}
+			}
+		} , PApplet.ALT , PApplet.SHIFT , 'h' );
+
+		disableShortcuts( );
+
+		setFont( controlFont );
+
+	}
+
+	static int welcome = 0;
+
+	private void welcome( ) {
+		System.out.println( "ControlP5 " + VERSION + " " + "infos, comments, questions at http://www.sojamo.de/libraries/controlP5" );
+	}
+
+	public ControlP5 setGraphics( PApplet theApplet , int theX , int theY ) {
+		setGraphics( theApplet.g , theX , theY );
+		isGraphics = false;
+		return this;
+	}
+
+	public ControlP5 setGraphics( PGraphics theGraphics , int theX , int theY ) {
+		pg = theGraphics;
+		pgx = theX;
+		pgy = theY;
+		pgw = pg.width;
+		pgh = pg.height;
+		isGraphics = true;
+		return this;
+	}
+
+	/**
+	 * By default event originating from tabs are disabled,
+	 * use setTabEventsActive(true) to receive controlEvents
+	 * when tabs are clicked.
+	 * 
+	 * @param theFlag
+	 */
+	public void setTabEventsActive( boolean theFlag ) {
+		isTabEventsActive = theFlag;
+	}
+
+	/**
+	 * autoInitialization can be very handy when it comes to
+	 * initializing values, e.g. you load a set of
+	 * controllers, then the values that are attached to the
+	 * controllers will be reset to its saved state. to turn
+	 * of auto intialization, call
+	 * setAutoInitialization(false) right after initializing
+	 * controlP5 and before creating any controller.
+	 * 
+	 * @param theFlag boolean
+	 */
+	public void setAutoInitialization( boolean theFlag ) {
+		isAutoInitialization = theFlag;
+	}
+
+	/**
+	 * by default controlP5 draws any controller on top of
+	 * any drawing done in the draw() function (this doesnt
+	 * apply to P3D where controlP5.draw() has to be called
+	 * manually in the sketch's draw() function ). to turn
+	 * off the auto drawing of controlP5, use
+	 * controlP5.setAutoDraw(false). now you can call
+	 * controlP5.draw() any time whenever controllers should
+	 * be drawn into the sketch.
+	 * 
+	 * @param theFlag boolean
+	 */
+	public void setAutoDraw( boolean theFlag ) {
+		if ( isAutoDraw( ) && theFlag == false ) {
+			controlWindow.papplet( ).unregisterMethod( "draw" , controlWindow );
+		}
+		if ( isAutoDraw( ) == false && theFlag == true ) {
+			controlWindow.papplet( ).registerMethod( "draw" , controlWindow );
+		}
+		controlWindow.isAutoDraw = theFlag;
+	}
+
+	/**
+	 * check if the autoDraw function for the main window is
+	 * enabled(true) or disabled(false).
+	 * 
+	 * @return boolean
+	 */
+	public boolean isAutoDraw( ) {
+		return controlWindow.isAutoDraw;
+	}
+
+	/**
+	 * 
+	 * @see controlP5.ControlBroadcaster
+	 */
+	public ControlBroadcaster getControlBroadcaster( ) {
+		return _myControlBroadcaster;
+	}
+
+	/**
+	 * @see controlP5.ControlListener
+	 */
+	public ControlP5 addListener( ControlListener ... theListeners ) {
+		getControlBroadcaster( ).addListener( theListeners );
+		return this;
+	}
+
+	/**
+	 * @see controlP5.ControlListener
+	 */
+	public ControlP5 removeListener( ControlListener ... theListeners ) {
+		getControlBroadcaster( ).removeListener( theListeners );
+		return this;
+	}
+
+	/**
+	 * @see controlP5.ControlListener
+	 */
+	public ControlP5 removeListener( ControlListener theListener ) {
+		getControlBroadcaster( ).removeListener( theListener );
+		return this;
+	}
+
+	/**
+	 * @see controlP5.ControlListener
+	 */
+	public ControlListener getListener( int theIndex ) {
+		return getControlBroadcaster( ).getListener( theIndex );
+	}
+
+	/**
+	 * @see controlP5.CallbackEvent
+	 * @see controlP5.CallbackListener
+	 */
+	public ControlP5 addCallback( CallbackListener ... theListeners ) {
+		getControlBroadcaster( ).addCallback( theListeners );
+		return this;
+	}
+
+	/**
+	 * @see controlP5.CallbackEvent
+	 * @see controlP5.CallbackListener
+	 */
+	public ControlP5 addCallback( CallbackListener theListener ) {
+		getControlBroadcaster( ).addCallback( theListener );
+		return this;
+	}
+
+	/**
+	 * @see controlP5.CallbackEvent
+	 * @see controlP5.CallbackListener
+	 */
+	public ControlP5 addCallback( CallbackListener theListener , Controller< ? > ... theControllers ) {
+		getControlBroadcaster( ).addCallback( theListener , theControllers );
+		return this;
+	}
+
+	/**
+	 * @see controlP5.CallbackEvent
+	 * @see controlP5.CallbackListener
+	 */
+	public ControlP5 removeCallback( CallbackListener ... theListeners ) {
+		getControlBroadcaster( ).removeCallback( theListeners );
+		return this;
+	}
+
+	/**
+	 * @see controlP5.CallbackEvent
+	 * @see controlP5.CallbackListener
+	 */
+	public ControlP5 removeCallback( Controller< ? > ... theControllers ) {
+		getControlBroadcaster( ).removeCallback( theControllers );
+		return this;
+	}
+
+	/**
+	 * @see controlP5.CallbackEvent
+	 * @see controlP5.CallbackListener
+	 */
+	public ControlP5 removeCallback( Controller< ? > theController ) {
+		getControlBroadcaster( ).removeCallback( theController );
+		return this;
+	}
+
+	/**
+	 * TODO
+	 * 
+	 * @exclude
+	 */
+	public void addControlsFor( Object theObject ) {
+
+	}
+
+	public Tab getTab( String theName ) {
+		for ( int i = 0 ; i < controlWindow.getTabs( ).size( ) ; i++ ) {
+			if ( ( ( Tab ) controlWindow.getTabs( ).get( i ) ).getName( ).equals( theName ) ) {
+				return ( Tab ) controlWindow.getTabs( ).get( i );
+			}
+		}
+		Tab myTab = addTab( theName );
+		return myTab;
+	}
+
+	public Tab getTab( ControlWindow theWindow , String theName ) {
+		for ( int i = 0 ; i < theWindow.getTabs( ).size( ) ; i++ ) {
+			if ( ( ( Tab ) theWindow.getTabs( ).get( i ) ).getName( ).equals( theName ) ) {
+				return ( Tab ) theWindow.getTabs( ).get( i );
+			}
+		}
+		Tab myTab = theWindow.add( new Tab( this , theWindow , theName ) );
+		return myTab;
+	}
+
+	/**
+	 * registers a Controller with ControlP5, a Controller
+	 * should/must be registered with a unique name. If not,
+	 * accessing Controllers by name is not guaranteed. the
+	 * rule here is last come last serve, existing
+	 * Controllers with the same name will be overridden.
+	 * 
+	 * @param theController ControllerInterface
+	 * @return ControlP5
+	 */
+	public ControlP5 register( Object theObject , String theIndex , ControllerInterface< ? > theController ) {
+		String address = "";
+		if ( theObject == papplet ) {
+			address = ( theController.getName( ).startsWith( "/" ) ) ? "" : "/";
+			address += theController.getName( );
+		} else {
+			address = ( ( ( theIndex.length( ) == 0 ) || theIndex.startsWith( "/" ) ) ? "" : "/" );
+			address += theIndex;
+			address += ( theController.getName( ).startsWith( "/" ) ? "" : "/" );
+			address += theController.getName( );
+		}
+
+		theController.setAddress( address );
+
+		if ( checkName( theController.getAddress( ) ) ) {
+			/* in case a controller with the same name
+			 * already exists, will be deleted */
+			remove( theController.getAddress( ) );
+		}
+
+		/* add the controller to the controller map */
+		_myControllerMap.put( theController.getAddress( ) , theController );
+
+		/* update the properties' controller address */
+		List< ControllerProperty > ps = getProperties( ).get( theController );
+		if ( ps != null ) {
+			for ( ControllerProperty p : ps ) {
+				p.setAddress( theController.getAddress( ) );
+			}
+		}
+		/* initialize the controller */
+
+		theController.init( );
+
+		/* handle controller plugs and map controllers to
+		 * its reference objects if applicable. */
+
+		if ( theObject == null ) {
+			theObject = papplet;
+		}
+
+		if ( theController instanceof Controller< ? > ) {
+
+			if ( !theObject.equals( papplet ) ) {
+				( ( Controller< ? > ) ( ( Controller< ? > ) theController ).unplugFrom( papplet ) ).plugTo( theObject );
+			}
+
+		}
+
+		if ( !_myObjectToControllerMap.containsKey( theObject ) ) {
+			_myObjectToControllerMap.put( theObject , new ArrayList< ControllerInterface< ? >>( ) );
+		}
+
+		_myObjectToControllerMap.get( theObject ).add( theController );
+		return this;
+	}
+
+	public ControlP5 register( ControllerInterface< ? > theController ) {
+		return register( papplet , "" , theController );
+	}
+
+	/**
+	 * Returns a List of all controllers currently
+	 * registered.
+	 * 
+	 * @return List<ControllerInterface<?>>
+	 */
+	public List< ControllerInterface< ? >> getAll( ) {
+		return new ArrayList< ControllerInterface< ? >>( _myControllerMap.values( ) );
+	}
+
+	/**
+	 * Returns a list of controllers or groups of a
+	 * particular type. The following example will return a
+	 * list of registered Bangs only:<br />
+	 * <code><pre>
+	 * List<Bang> list = controlP5.getAll(Bang.class);
+	 * println(list);
+	 * for(Bang b:list) {
+	 *   b.setColorForeground(color(255,255,0));
+	 * }
+	 * </pre></code> Here the foreground color of all Bangs
+	 * is changed to yellow.
+	 * 
+	 * @param <T>
+	 * @param theClass A class that extends
+	 *            ControllerInterface, which applies to all
+	 *            Controllers and ControllerGroups
+	 * @return List<T>
+	 */
+	@SuppressWarnings( "unchecked" ) public < T > List< T > getAll( Class< T > theClass ) {
+		ArrayList< T > l = new ArrayList< T >( );
+		for ( ControllerInterface ci : _myControllerMap.values( ) ) {
+			if ( ci.getClass( ) == theClass || ci.getClass( ).getSuperclass( ) == theClass ) {
+				l.add( ( T ) ci );
+			}
+		}
+		return l;
+	}
+
+	protected void deactivateControllers( ) {
+		for ( Textfield t : getAll( Textfield.class ) ) {
+			t.setFocus( false );
+		}
+	}
+
+	private String checkAddress( String theName ) {
+		if ( !theName.startsWith( "/" ) ) {
+			return "/" + theName;
+		}
+		return theName;
+	}
+
+	/**
+	 * @excude
+	 */
+	public void printControllerMap( ) {
+		List< String > strs = new ArrayList< String >( );
+		System.out.println( "============================================" );
+		for ( Iterator it = _myControllerMap.entrySet( ).iterator( ) ; it.hasNext( ) ; ) {
+			Map.Entry entry = ( Map.Entry ) it.next( );
+			Object key = entry.getKey( );
+			Object value = entry.getValue( );
+			strs.add( key + " = " + value );
+		}
+		Collections.sort( strs );
+		for ( String s : strs ) {
+			System.out.println( s );
+		}
+		System.out.println( "============================================" );
+	}
+
+	/**
+	 * removes a controller by instance.
+	 * 
+	 * TODO Fix this. this only removes the reference to a
+	 * controller from the controller map but not its
+	 * children, fatal for controller groups!
+	 * 
+	 * @param theController ControllerInterface
+	 */
+	protected void remove( ControllerInterface< ? > theController ) {
+		_myControllerMap.remove( theController.getAddress( ) );
+	}
+
+	/**
+	 * removes a controlP5 element such as a controller,
+	 * group, or tab by name.
+	 * 
+	 * @param theString String
+	 */
+	public void remove( String theName ) {
+		String address = checkAddress( theName );
+
+		if ( getController( address ) != null ) {
+			getController( address ).remove( );
+		}
+
+		if ( getGroup( address ) != null ) {
+			getGroup( address ).remove( );
+		}
+
+		for ( int i = 0 ; i < controlWindow.getTabs( ).size( ) ; i++ ) {
+			if ( controlWindow.getTabs( ).get( i ).getAddress( ).equals( address ) ) {
+				controlWindow.getTabs( ).get( i ).remove( );
+			}
+		}
+		_myControllerMap.remove( address );
+	}
+
+	public ControllerInterface< ? > get( String theName ) {
+		String address = checkAddress( theName );
+		if ( _myControllerMap.containsKey( address ) ) {
+			return _myControllerMap.get( address );
+		}
+		return null;
+	}
+
+	public ControllerInterface< ? > get( Object theObject , String theName ) {
+		return getController( theName , theObject );
+	}
+
+	public < C > C get( Class< C > theClass , String theName ) {
+		for ( ControllerInterface< ? > ci : _myControllerMap.values( ) ) {
+			if ( ci.getClass( ) == theClass || ci.getClass( ).getSuperclass( ) == theClass ) {
+				return ( C ) get( theName );
+			}
+		}
+		return null;
+	}
+
+	/**
+	 * @exclude
+	 * @see controlP5.ControlP5#getAll(Class)
+	 * @return List<ControllerInterface>
+	 */
+	@ControlP5.Invisible public List< ControllerInterface< ? >> getList( ) {
+		LinkedList< ControllerInterface< ? >> l = new LinkedList< ControllerInterface< ? >>( );
+		l.addAll( controlWindow.getTabs( ).get( ) );
+		l.addAll( getAll( ) );
+		return l;
+	}
+
+	public float getValue( String theIndex ) {
+		Controller c = getController( theIndex );
+		if ( c != null ) {
+			return c.getValue( );
+		}
+		return Float.NaN;
+	}
+
+	public Controller< ? > getController( String theName ) {
+		String address = checkAddress( theName );
+		if ( _myControllerMap.containsKey( address ) ) {
+			if ( _myControllerMap.get( address ) instanceof Controller< ? > ) {
+				return ( Controller< ? > ) _myControllerMap.get( address );
+			}
+		}
+		return null;
+	}
+
+	public ControllerGroup< ? > getGroup( String theGroupName ) {
+		String address = checkAddress( theGroupName );
+		if ( _myControllerMap.containsKey( address ) ) {
+			if ( _myControllerMap.get( address ) instanceof ControllerGroup< ? > ) {
+				return ( ControllerGroup< ? > ) _myControllerMap.get( address );
+			}
+		}
+		return null;
+	}
+
+	private boolean checkName( String theName ) {
+		if ( _myControllerMap.containsKey( checkAddress( theName ) ) ) {
+			ControlP5.logger( ).warning( "Controller with name \"" + theName + "\" already exists. overwriting reference of existing controller." );
+			return true;
+		}
+		return false;
+	}
+
+	public void moveControllersForObject( Object theObject , ControllerGroup< ? > theGroup ) {
+		if ( _myObjectToControllerMap.containsKey( theObject ) ) {
+			ArrayList< ControllerInterface< ? >> cs = _myObjectToControllerMap.get( theObject );
+			for ( ControllerInterface< ? > c : cs ) {
+				( ( Controller< ? > ) c ).moveTo( theGroup );
+			}
+		}
+	}
+
+	public void move( Object theObject , ControllerGroup< ? > theGroup ) {
+		moveControllersForObject( theObject , theGroup );
+	}
+
+	protected void clear( ) {
+		controlWindow.clear( );
+		_myControllerMap.clear( );
+	}
+
+	/**
+	 * @exclude
+	 */
+	@ControlP5.Invisible public void pre( ) {
+		Iterator< FieldChangedListener > itr = _myFieldChangedListenerMap.values( ).iterator( );
+		while ( itr.hasNext( ) ) {
+			itr.next( ).update( );
+		}
+	}
+
+	/**
+	 * call draw() from your program when autoDraw is
+	 * disabled.
+	 * 
+	 * @exclude
+	 */
+	@ControlP5.Invisible public void draw( ) {
+		if ( !isAutoDraw( ) ) {
+			controlWindow.draw( );
+		}
+	}
+
+	/**
+	 * convenience method to access the main window
+	 * (ControlWindow class).
+	 */
+	public ControlWindow getWindow( ) {
+		return getWindow( papplet );
+	}
+
+	public void mouseEvent( MouseEvent theMouseEvent ) {
+		getWindow( ).mouseEvent( theMouseEvent );
+	}
+
+	public void keyEvent( KeyEvent theKeyEvent ) {
+		getWindow( ).keyEvent( theKeyEvent );
+	}
+
+	/**
+	 * convenience method to access the pointer of the main
+	 * control window.
+	 */
+	public Pointer getPointer( ) {
+		return getWindow( papplet ).getPointer( );
+	}
+
+	/**
+	 * convenience method to check if the mouse (or pointer)
+	 * is hovering over any controller. only applies to the
+	 * main window. To receive the mouseover information for
+	 * a ControlWindow use
+	 * getWindow(nameOfWindow).isMouseOver();
+	 */
+	public boolean isMouseOver( ) {
+		return getWindow( papplet ).isMouseOver( );
+	}
+
+	/**
+	 * convenience method to check if the mouse (or pointer)
+	 * is hovering over a specific controller. only applies
+	 * to the main window. To receive the mouseover
+	 * information for a ControlWindow use
+	 * getWindow(nameOfWindow
+	 * ).isMouseOver(ControllerInterface<?>);
+	 */
+	public boolean isMouseOver( ControllerInterface< ? > theController ) {
+		return getWindow( papplet ).isMouseOver( theController );
+	}
+
+	/**
+	 * convenience method to check if the mouse (or pointer)
+	 * is hovering over a specific controller. only applies
+	 * to the main window. To receive the mouseover
+	 * information for a ControlWindow use
+	 * getWindow(nameOfWindow).getMouseOverList();
+	 */
+	public List< ControllerInterface< ? >> getMouseOverList( ) {
+		return getWindow( papplet ).getMouseOverList( );
+	}
+
+	public ControlWindow getWindow( PApplet theApplet ) {
+		if ( theApplet.equals( papplet ) ) {
+			return controlWindow;
+		}
+		// TODO !!! check for another window in case
+		// theApplet is of type
+		// PAppletWindow.
+		return controlWindow;
+	}
+
+	/**
+	 * adds a Canvas to the default sketch window.
+	 * 
+	 * @see controlP5.Canvas
+	 */
+	public ControlP5 addCanvas( Canvas theCanvas ) {
+		getWindow( ).addCanvas( theCanvas );
+		return this;
+	}
+
+	public ControlP5 removeCanvas( Canvas theCanvas ) {
+		getWindow( ).removeCanvas( theCanvas );
+		return this;
+	}
+
+	public ControlP5 setColor( CColor theColor ) {
+		setColorBackground( theColor.getBackground( ) );
+		setColorForeground( theColor.getForeground( ) );
+		setColorActive( theColor.getActive( ) );
+		setColorCaptionLabel( theColor.getCaptionLabel( ) );
+		setColorValueLabel( theColor.getValueLabel( ) );
+		return this;
+	}
+
+	public static CColor getColor( ) {
+		return color;
+	}
+
+	/**
+	 * sets the active state color of tabs and controllers,
+	 * this cascades down to all known controllers.
+	 */
+	public ControlP5 setColorActive( int theColor ) {
+		color.setActive( theColor );
+		controlWindow.setColorActive( theColor );
+		return this;
+	}
+
+	/**
+	 * sets the foreground color of tabs and controllers,
+	 * this cascades down to all known controllers.
+	 */
+	public ControlP5 setColorForeground( int theColor ) {
+		color.setForeground( theColor );
+		controlWindow.setColorForeground( theColor );
+		return this;
+	}
+
+	/**
+	 * sets the background color of tabs and controllers,
+	 * this cascades down to all known controllers.
+	 */
+	public ControlP5 setColorBackground( int theColor ) {
+		color.setBackground( theColor );
+		controlWindow.setColorBackground( theColor );
+		return this;
+	}
+
+	/**
+	 * sets the label color of tabs and controllers, this
+	 * cascades down to all known controllers.
+	 */
+	public ControlP5 setColorCaptionLabel( int theColor ) {
+		color.setCaptionLabel( theColor );
+		controlWindow.setColorLabel( theColor );
+		return this;
+	}
+
+	/**
+	 * sets the value color of controllers, this cascades
+	 * down to all known controllers.
+	 */
+	public ControlP5 setColorValueLabel( int theColor ) {
+		color.setValueLabel( theColor );
+		controlWindow.setColorValue( theColor );
+		return this;
+	}
+
+	public ControlP5 setBackground( int theColor ) {
+		controlWindow.setBackground( theColor );
+		return this;
+	}
+
+	/**
+	 * Enables/disables Controllers to be moved around when
+	 * ALT-key is down and mouse is dragged. Other key
+	 * events are still available like ALT-h to hide and
+	 * show the controllers To disable all key events, use
+	 * disableKeys()
+	 */
+	public ControlP5 setMoveable( boolean theFlag ) {
+		isMoveable = theFlag;
+		return this;
+	}
+
+	/**
+	 * Checks if controllers are generally moveable
+	 * 
+	 */
+	public boolean isMoveable( ) {
+		return isMoveable;
+	}
+
+	/**
+	 * Saves the current values of controllers into a
+	 * default properties file
+	 * 
+	 * @see controlP5.ControllerProperties
+	 */
+	public boolean saveProperties( ) {
+		return _myProperties.save( );
+	}
+
+	/**
+	 * Saves the current values of controllers into a file,
+	 * the filepath is given by parameter theFilePath.
+	 * 
+	 * @see controlP5.ControllerProperties
+	 */
+	public boolean saveProperties( String theFilePath ) {
+		return _myProperties.saveAs( theFilePath );
+	}
+
+	public boolean saveProperties( String theFilePath , String ... theSets ) {
+		return _myProperties.saveAs( theFilePath , theSets );
+	}
+
+	/**
+	 * Loads properties from a default properties file and
+	 * changes values of controllers accordingly.
+	 * 
+	 * @see controlP5.ControllerProperties
+	 * @return
+	 */
+	public boolean loadProperties( ) {
+		return _myProperties.load( );
+	}
+
+	/**
+	 * Loads properties from a properties file and changes
+	 * the values of controllers accordingly, the filepath
+	 * is given by parameter theFilePath.
+	 * 
+	 * @param theFilePath
+	 * @return
+	 */
+	public boolean loadProperties( final String theFilePath ) {
+		String path = theFilePath.endsWith( _myProperties.format.getExtension( ) ) ? theFilePath : theFilePath + "." + _myProperties.format.getExtension( );
+		path = checkPropertiesPath( path );
+		File f = new File( path );
+		if ( f.exists( ) ) {
+			return _myProperties.load( path );
+		}
+		logger.info( "Properties File " + path + " does not exist." );
+		return false;
+	}
+
+	String checkPropertiesPath( String theFilePath ) {
+		theFilePath = ( theFilePath.startsWith( "/" ) || theFilePath.startsWith( "." ) ) ? theFilePath : papplet.sketchPath( theFilePath );
+		return theFilePath;
+	}
+
+	/**
+	 * @exclude
+	 * @param theFilePath
+	 * @return
+	 */
+	@ControlP5.Invisible public boolean loadLayout( String theFilePath ) {
+		theFilePath = checkPropertiesPath( theFilePath );
+		File f = new File( theFilePath );
+		if ( f.exists( ) ) {
+			getLayout( ).load( theFilePath );
+			return true;
+		}
+		logger.info( "Layout File " + theFilePath + " does not exist." );
+		return false;
+	}
+
+	/**
+	 * @exclude
+	 * @param theFilePath
+	 */
+	public void saveLayout( String theFilePath ) {
+		getLayout( ).save( theFilePath );
+	}
+
+	/**
+	 * Returns the current version of controlP5
+	 * 
+	 * @return String
+	 */
+	public String version( ) {
+		return VERSION;
+	}
+
+	/**
+	 * shows all controllers and tabs in your sketch.
+	 * 
+	 * @see controlP5.ControlP5#isVisible()
+	 * @see controlP5.ControlP5#hide()
+	 */
+
+	public void show( ) {
+		controlWindow.show( );
+	}
+
+	public ControlP5 setBroadcast( boolean theValue ) {
+		_myControlBroadcaster.broadcast = theValue;
+		return this;
+	}
+
+	/**
+	 * returns true or false according to the current
+	 * visibility flag.
+	 * 
+	 * @see controlP5.ControlP5#show()
+	 * @see controlP5.ControlP5#hide()
+	 */
+	public boolean isVisible( ) {
+		return controlWindow.isVisible( );
+	}
+
+	public ControlP5 setVisible( boolean b ) {
+		if ( b ) {
+			show( );
+		} else {
+			hide( );
+		}
+		return this;
+	}
+
+	/**
+	 * hide all controllers and tabs inside your sketch
+	 * window.
+	 * 
+	 * @see controlP5.ControlP5#show()
+	 * @see controlP5.ControlP5#isVisible()
+	 */
+	public void hide( ) {
+		controlWindow.hide( );
+	}
+
+	/**
+	 * forces all controllers to update.
+	 * 
+	 * @see controlP5.ControlP5#isUpdate()
+	 * @see controlP5.ControlP5#setUpdate()
+	 */
+	public void update( ) {
+		controlWindow.update( );
+	}
+
+	/**
+	 * checks if automatic updates are enabled. By default
+	 * this is true.
+	 * 
+	 * @see controlP5.ControlP5#update()
+	 * @see controlP5.ControlP5#setUpdate(boolean)
+	 * @return
+	 */
+	public boolean isUpdate( ) {
+		return isUpdate;
+	}
+
+	/**
+	 * changes the update behavior according to parameter
+	 * theFlag
+	 * 
+	 * @see controlP5.ControlP5#update()
+	 * @see controlP5.ControlP5#isUpdate()
+	 * @param theFlag
+	 */
+	public void setUpdate( boolean theFlag ) {
+		isUpdate = theFlag;
+		controlWindow.setUpdate( theFlag );
+	}
+
+	public boolean setFont( ControlFont theControlFont ) {
+		controlFont = theControlFont;
+		isControlFont = true;
+		updateFont( controlFont );
+		return isControlFont;
+	}
+
+	public boolean setFont( PFont thePFont , int theFontSize ) {
+		controlFont = new ControlFont( thePFont , theFontSize );
+		isControlFont = true;
+		updateFont( controlFont );
+		return isControlFont;
+	}
+
+	public boolean setFont( PFont thePFont ) {
+		controlFont = new ControlFont( thePFont );
+		isControlFont = true;
+		updateFont( controlFont );
+		return isControlFont;
+	}
+
+	protected void updateFont( ControlFont theControlFont ) {
+		controlWindow.updateFont( theControlFont );
+	}
+
+	public ControlFont getFont( ) {
+		return controlFont;
+	}
+
+	/**
+	 * disables shortcuts such as alt-h for hiding/showing
+	 * controllers
+	 * 
+	 */
+	public void disableShortcuts( ) {
+		isShortcuts = false;
+	}
+
+	public boolean isShortcuts( ) {
+		return isShortcuts;
+	}
+
+	/**
+	 * enables shortcuts.
+	 */
+	public void enableShortcuts( ) {
+		isShortcuts = true;
+	}
+
+	public Tooltip getTooltip( ) {
+		return _myTooltip;
+	}
+
+	public void setTooltip( Tooltip theTooltip ) {
+		_myTooltip = theTooltip;
+	}
+
+	public void setMouseWheelRotation( int theRotation ) {
+		getWindow( ).setMouseWheelRotation( theRotation );
+	}
+
+	/**
+	 * cp5.begin() and cp5.end() are mechanisms to
+	 * auto-layout controllers, see the ControlP5beginEnd
+	 * example.
+	 */
+	public ControllerGroup< ? > begin( ) {
+		// TODO replace controlWindow.tab("default") with
+		// controlWindow.tabs().get(1);
+		return begin( controlWindow.getTab( "default" ) );
+	}
+
+	public ControllerGroup< ? > begin( ControllerGroup< ? > theGroup ) {
+		setCurrentPointer( theGroup );
+		return theGroup;
+	}
+
+	public ControllerGroup< ? > begin( int theX , int theY ) {
+		// TODO replace controlWindow.tab("default") with
+		// controlWindow.tabs().get(1);
+		return begin( controlWindow.getTab( "default" ) , theX , theY );
+	}
+
+	public ControllerGroup< ? > begin( ControllerGroup< ? > theGroup , int theX , int theY ) {
+		setCurrentPointer( theGroup );
+		ControllerGroup.set( theGroup.autoPosition , theX , theY );
+		theGroup.autoPositionOffsetX = theX;
+		return theGroup;
+	}
+
+	public ControllerGroup< ? > begin( ControlWindow theWindow ) {
+		return begin( theWindow.getTab( "default" ) );
+	}
+
+	public ControllerGroup< ? > begin( ControlWindow theWindow , int theX , int theY ) {
+		return begin( theWindow.getTab( "default" ) , theX , theY );
+	}
+
+	public ControllerGroup< ? > end( ControllerGroup< ? > theGroup ) {
+		releaseCurrentPointer( theGroup );
+		return theGroup;
+	}
+
+	/**
+	 * cp5.begin() and cp5.end() are mechanisms to
+	 * auto-layout controllers, see the ControlP5beginEnd
+	 * example.
+	 */
+	public ControllerGroup< ? > end( ) {
+		return end( controlWindow.getTab( "default" ) );
+	}
+
+	public void addPositionTo( int theX , int theY , List< ControllerInterface< ? >> theControllers ) {
+		float[] v = new float[] { theX , theY };
+		for ( ControllerInterface< ? > c : theControllers ) {
+			float[] v1 = new float[ 2 ];
+			Controller.set( v1 , Controller.x( c.getPosition( ) ) , Controller.y( c.getPosition( ) ) );
+			c.setPosition( Controller.x( v ) + Controller.x( v1 ) , Controller.y( v ) + Controller.y( v1 ) );
+		}
+	}
+
+	public void addPositionTo( int theX , int theY , ControllerInterface< ? > ... theControllers ) {
+		addPositionTo( theX , theY , Arrays.asList( theControllers ) );
+	}
+
+	/**
+	 * disposes and clears all controlP5 elements. When
+	 * running in applet mode, opening new tabs or switching
+	 * to another tab causes the applet to call dispose().
+	 * therefore dispose() is disabled when running ing
+	 * applet mode. TODO implement better dispose handling
+	 * for applets.
+	 * 
+	 * @exclude
+	 */
+	public void dispose( ) {
+		if ( !isApplet ) {
+			clear( );
+		}
+	}
+
+	/* static helper functions including Object-to-Type
+	 * conversions, invokes */
+
+	static public Object invoke( Object theObject , String theMember , Object ... theParams ) {
+
+		Class[] cs = new Class[ theParams.length ];
+
+		for ( int i = 0 ; i < theParams.length ; i++ ) {
+			Class c = theParams[ i ].getClass( );
+			cs[ i ] = classmap.containsKey( c ) ? classmap.get( c ) : c;
+		}
+		try {
+			final Field f = theObject.getClass( ).getDeclaredField( theMember );
+			/* TODO check super */
+			f.setAccessible( true );
+			Object o = theParams[ 0 ];
+			Class cf = o.getClass( );
+			if ( cf.equals( Integer.class ) ) {
+				f.setInt( theObject , i( o ) );
+			} else if ( cf.equals( Float.class ) ) {
+				f.setFloat( theObject , f( o ) );
+			} else if ( cf.equals( Long.class ) ) {
+				f.setLong( theObject , l( o ) );
+			} else if ( cf.equals( Double.class ) ) {
+				f.setDouble( theObject , d( o ) );
+			} else if ( cf.equals( Boolean.class ) ) {
+				f.setBoolean( theObject , b( o ) );
+			} else if ( cf.equals( Character.class ) ) {
+				f.setChar( theObject , ( char ) i( o ) );
+			} else {
+				f.set( theObject , o );
+			}
+		} catch ( NoSuchFieldException e1 ) {
+			try {
+				final Method m = theObject.getClass( ).getDeclaredMethod( theMember , cs );
+				/* TODO check super */
+				m.setAccessible( true );
+				try {
+					return m.invoke( theObject , theParams );
+				} catch ( IllegalArgumentException e ) {
+					System.err.println( e );
+				} catch ( IllegalAccessException e ) {
+					System.err.println( e );
+				} catch ( InvocationTargetException e ) {
+					System.err.println( e );
+				}
+
+			} catch ( SecurityException e ) {
+				System.err.println( e );
+			} catch ( NoSuchMethodException e ) {
+				System.err.println( e );
+			}
+		} catch ( IllegalArgumentException e ) {
+			System.err.println( e );
+		} catch ( IllegalAccessException e ) {
+			System.err.println( e );
+		}
+		return null;
+	}
+
+	static public boolean b( Object o ) {
+		return b( o , false );
+	}
+
+	static public boolean b( Object o , boolean theDefault ) {
+		return ( o instanceof Boolean ) ? ( ( Boolean ) o ).booleanValue( ) : ( o instanceof Number ) ? ( ( Number ) o ).intValue( ) == 0 ? false : true : theDefault;
+	}
+
+	static public boolean b( String o ) {
+		return b( o , false );
+	}
+
+	static public boolean b( String o , boolean theDefault ) {
+		return o.equalsIgnoreCase( "true" ) ? true : theDefault;
+	}
+
+	static public int i( Object o ) {
+		return i( o , Integer.MIN_VALUE );
+	}
+
+	static public int i( Object o , int theDefault ) {
+		return ( o instanceof Number ) ? ( ( Number ) o ).intValue( ) : ( o instanceof String ) ? i( s( o ) ) : theDefault;
+	}
+
+	static public int i( String o ) {
+		return i( o , Integer.MIN_VALUE );
+	}
+
+	static public int i( String o , int theDefault ) {
+		return isNumeric( o ) ? Integer.parseInt( o ) : theDefault;
+	}
+
+	static public float f( Object o ) {
+		return f( o , Float.MIN_VALUE );
+	}
+
+	static public float f( Object o , float theDefault ) {
+		return ( o instanceof Number ) ? ( ( Number ) o ).floatValue( ) : ( o instanceof String ) ? f( s( o ) ) : theDefault;
+	}
+
+	static public float f( String o ) {
+		return f( o , Float.MIN_VALUE );
+	}
+
+	static public float f( String o , float theDefault ) {
+		return isNumeric( o ) ? Float.parseFloat( o ) : theDefault;
+	}
+
+	static public double d( Object o ) {
+		return d( o , Double.MIN_VALUE );
+	}
+
+	static public double d( Object o , double theDefault ) {
+		return ( o instanceof Number ) ? ( ( Number ) o ).doubleValue( ) : ( o instanceof String ) ? d( s( o ) ) : theDefault;
+	}
+
+	static public double d( String o ) {
+		return d( o , Double.MIN_VALUE );
+	}
+
+	static public double d( String o , double theDefault ) {
+		return isNumeric( o ) ? Double.parseDouble( o ) : theDefault;
+	}
+
+	static public long l( Object o ) {
+		return l( o , Long.MIN_VALUE );
+	}
+
+	static public long l( Object o , long theDefault ) {
+		return ( o instanceof Number ) ? ( ( Number ) o ).longValue( ) : ( o instanceof String ) ? l( s( o ) ) : theDefault;
+	}
+
+	static public String s( Object o ) {
+		return ( o != null ) ? o.toString( ) : "";
+	}
+
+	static public String s( Object o , String theDefault ) {
+		return ( o != null ) ? o.toString( ) : theDefault;
+	}
+
+	static public boolean isNumeric( Object o ) {
+		return isNumeric( o.toString( ) );
+	}
+
+	static public boolean isNumeric( String str ) {
+		return str.matches( "(-|\\+)?\\d+(\\.\\d+)?" );
+	}
+
+	static public List toList( Object o ) {
+		return o != null ? ( o instanceof List ) ? ( List ) o : ( o instanceof String ) ? toList( o.toString( ) ) : Collections.EMPTY_LIST : Collections.EMPTY_LIST;
+	}
+
+	static public Map toMap( Object o ) {
+		return o != null ? ( o instanceof Map ) ? ( Map ) o : Collections.EMPTY_MAP : Collections.EMPTY_MAP;
+	}
+
+	static public String s( String o ) {
+		return ( o != null ) ? o : "";
+	}
+
+	static Map< Class< ? > , Class< ? > > classmap = new HashMap< Class< ? > , Class< ? > >( ) {
+		{
+			put( Integer.class , int.class );
+			put( Float.class , float.class );
+			put( Double.class , double.class );
+			put( Boolean.class , boolean.class );
+			put( Character.class , char.class );
+			put( Long.class , long.class );
+		}
+	};
+
+	/* add Objects with Annotation */
+
+	public static Logger logger( ) {
+		return logger;
+	}
+
+	@Retention( RetentionPolicy.RUNTIME ) @interface Invisible {
+	}
+
+	@Retention( RetentionPolicy.RUNTIME ) @interface Layout {
+	}
+
+}
\ No newline at end of file
diff --git a/src/controlP5/ControlP5Base.java b/src/controlP5/ControlP5Base.java
new file mode 100755
index 0000000..90f1f51
--- /dev/null
+++ b/src/controlP5/ControlP5Base.java
@@ -0,0 +1,797 @@
+package controlP5;
+
+/**
+ * controlP5 is a processing gui library.
+ * 
+ * 2006-2012 by Andreas Schlegel
+ * 
+ * This library is free software; you can redistribute it
+ * and/or modify it under the terms of the GNU Lesser
+ * General Public License as published by the Free Software
+ * Foundation; either version 2.1 of the License, or (at
+ * your option) any later version. This library is
+ * distributed in the hope that it will be useful, but
+ * WITHOUT ANY WARRANTY; without even the implied warranty
+ * of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.
+ * See the GNU Lesser General Public License for more
+ * details.
+ * 
+ * You should have received a copy of the GNU Lesser General
+ * Public License along with this library; if not, write to
+ * the Free Software Foundation, Inc., 59 Temple Place,
+ * Suite 330, Boston, MA 02111-1307 USA
+ * 
+ * @author Andreas Schlegel (http://www.sojamo.de)
+ * @modified ##date##
+ * @version ##version##
+ * 
+ */
+
+import java.lang.reflect.Method;
+import java.lang.reflect.Modifier;
+import java.util.ArrayList;
+import java.util.Arrays;
+import java.util.HashMap;
+import java.util.Iterator;
+import java.util.List;
+import java.util.Map;
+import java.util.Set;
+import java.util.TreeSet;
+
+import processing.core.PApplet;
+import processing.core.PVector;
+import processing.event.Event;
+
+import static controlP5.Controller.*;
+
+/**
+ * The ControlP5Base supports the ControlP5 class and
+ * implements all adder methods to add controllers to
+ * controlP5.
+ */
+@SuppressWarnings( { "unchecked" , "rawtypes" } ) public class ControlP5Base extends ControlP5Legacy implements ControlP5Constants {
+
+	protected ControlP5 cp5;
+	protected ControllerProperties _myProperties;
+	private ControllerAutomator _myAutomator;
+	protected Map< Object , ArrayList< ControllerInterface< ? >>> _myObjectToControllerMap = new HashMap< Object , ArrayList< ControllerInterface< ? >>>( );
+	protected Map< String , FieldChangedListener > _myFieldChangedListenerMap = new HashMap< String , FieldChangedListener >( );
+	protected Map< KeyCode , List< ControlKey >> keymap = new HashMap< KeyCode , List< ControlKey >>( );
+	protected ControllerGroup< ? > currentGroupPointer;
+	protected boolean isCurrentGroupPointerClosed = true;
+	protected int autoDirection = HORIZONTAL;
+
+	public Tab getDefaultTab( ) {
+		return ( Tab ) cp5.controlWindow.getTabs( ).get( 1 );
+	}
+
+	protected void init( ControlP5 theControlP5 ) {
+		super.init( theControlP5 );
+		cp5 = theControlP5;
+		_myProperties = new ControllerProperties( cp5 );
+		_myAutomator = new ControllerAutomator( cp5 );
+		currentGroupPointer = cp5.controlWindow.getTab( "default" );
+	}
+
+	public ControllerLayout getLayout( ) {
+		return new ControllerLayout( cp5 );
+	}
+
+	public Tab addTab( String theName ) {
+		for ( int i = 0 ; i < cp5.getWindow( ).getTabs( ).size( ) ; i++ ) {
+			if ( cp5.getWindow( ).getTabs( ).get( i ).getName( ).equals( theName ) ) {
+				return ( Tab ) cp5.getWindow( ).getTabs( ).get( i );
+			}
+		}
+		Tab myTab = new Tab( cp5 , cp5.getWindow( ) , theName );
+		cp5.getWindow( ).getTabs( ).add( myTab );
+		return myTab;
+	}
+
+	/**
+	 * A Bang triggers an event without passing a value.
+	 */
+	public Bang addBang( final String theName ) {
+		return addBang( null , theName );
+	}
+
+	public Bang addBang( final Object theObject , final String theName ) {
+		return addBang( theObject , theObject != null ? theObject.toString( ) : "" , theName );
+	}
+
+	/**
+	 * Triggers an event and passing a value.
+	 */
+
+	public Button addButton( String theName ) {
+		return addButton( null , theName );
+	}
+
+	public Button addButton( final Object theObject , final String theName ) {
+		return addButton( theObject , theObject != null ? theObject.toString( ) : "" , theName , 1 );
+	}
+
+	public ButtonBar addButtonBar( String theName ) {
+		return addButtonBar( null , theName );
+	}
+
+	public ButtonBar addButtonBar( final Object theObject , final String theName ) {
+		return addButtonBar( theObject , theObject != null ? theObject.toString( ) : "" , theName , 1 );
+	}
+
+	/**
+	 * Toggles a boolean field or passes a value when
+	 * triggered.
+	 */
+	public Toggle addToggle( final Object theObject , final String theName ) {
+		return addToggle( theObject , theObject != null ? theObject.toString( ) : "" , theName );
+	}
+
+	public Toggle addToggle( final String theName ) {
+		return addToggle( null , theName );
+	}
+
+	/**
+	 * Adds a default slider with a default width of 100 and
+	 * height of 10. the default value range is from 0-100.
+	 * 
+	 * By default it will be added to the default tab of the
+	 * main window. Sliders can be arranged vertically and
+	 * horizontally depending on their width and height. The
+	 * look of a sliders control can either be a bar or a
+	 * handle. you can add tickmarks to a slider or use the
+	 * default free-control setting. A slider can be
+	 * controller by mouse click, drag or mouse-wheel.
+	 */
+	public Slider addSlider( String theName ) {
+		return addSlider( null , theName );
+	}
+
+	public Slider addSlider( Object theObject , String theName ) {
+		return addSlider( theObject , theObject != null ? theObject.toString( ) : "" , theName );
+	}
+
+	/**
+	 * A range controller, a slider that allows control on
+	 * both ends of the slider.
+	 */
+	public Range addRange( final String theName ) {
+		return addRange( theName , 0 , 100 , 0 , 100 , 0 , 0 , 100 , 10 );
+	}
+
+	public Range addRange( final Object theObject , final String theName ) {
+		return addRange( theObject , theObject != null ? theObject.toString( ) : "" , theName , 0 , 100 , 0 , 100 , 0 , 0 , 100 , 10 );
+	}
+
+	public Numberbox addNumberbox( String theName ) {
+		return addNumberbox( null , theName );
+	}
+
+	public Numberbox addNumberbox( Object theObject , String theName ) {
+		return addNumberbox( theObject , theObject != null ? theObject.toString( ) : "" , theName );
+	}
+
+	/**
+	 * Knobs can use limited and endless revolutions, custom
+	 * angles and starting points. There are 2 control areas
+	 * for a knob, an area closer to the edge allows
+	 * 'click-and-adjust' control, a click and drag action
+	 * at the inside allows to gradually change the value of
+	 * a know when dragged. A knob can be controller by
+	 * mouse click, drag or mouse-wheel.
+	 */
+	public Knob addKnob( String theName ) {
+		return addKnob( theName , 0 , 100 );
+	}
+
+	public Knob addKnob( Object theObject , String theName ) {
+		return addKnob( theObject , theObject != null ? theObject.toString( ) : "" , theName );
+	}
+
+	/**
+	 * Matrix is a 2-D matrix controller using toggle
+	 * controllers in a rows and a columns setup. useful for
+	 * software drum machines.
+	 */
+
+	public Matrix addMatrix( final String theName ) {
+		return addMatrix( theName , 10 , 10 , 0 , 0 , 100 , 100 );
+	}
+
+	public Matrix addMatrix( final Object theObject , final String theName ) {
+		return addMatrix( theObject , theObject != null ? theObject.toString( ) : "" , theName , 10 , 10 , 0 , 0 , 100 , 100 );
+	}
+
+	/**
+	 * Adds a 2D slider to controlP5. A 2D slider is a 2D
+	 * area with 1 cursor returning its xy coordinates.
+	 */
+	public Slider2D addSlider2D( final String theName ) {
+		return addSlider2D( null , theName );
+	}
+
+	public Slider2D addSlider2D( final Object theObject , final String theName ) {
+		return addSlider2D( theObject , theObject != null ? theObject.toString( ) : "" , theName , 0 , 100 , 0 , 100 , 0 , 0 , 0 , 0 , 100 , 100 );
+	}
+
+	public Textlabel addTextlabel( final String theName ) {
+		return addTextlabel( theName , "" , 0 , 0 );
+	}
+
+	/**
+	 * A Textarea is a label without any controller
+	 * functionality and can be used to leave notes,
+	 * headlines, etc when extending the dedicated area of
+	 * the Textrea, a scrollbar is added on the right.
+	 */
+	public Textarea addTextarea( final String theName ) {
+		return addTextarea( theName , "" , 0 , 0 , 200 , 100 );
+	}
+
+	// TODO
+	// addTextarea theObject
+
+	/**
+	 * A Textfield allows single line text input. If text
+	 * goes beyond the edges of a Textfield box, the text
+	 * will automatically scroll. Use Arrow keys to navigate
+	 * back and forth.
+	 */
+
+	public Textfield addTextfield( final String theIndex ) {
+		return addTextfield( theIndex , 0 , 0 , 200 , 20 );
+	}
+
+	public Textfield addTextfield( final Object theObject , final String theIndex ) {
+		return addTextfield( theObject , theObject != null ? theObject.toString( ) : "" , theIndex , 0 , 0 , 200 , 20 );
+	}
+
+	/**
+	 * Use radio buttons for multiple choice options.
+	 */
+	public RadioButton addRadioButton( final String theName ) {
+		return addRadioButton( null , theName );
+	}
+
+	public RadioButton addRadioButton( final Object theObject , final String theName ) {
+		return addRadioButton( theObject , theObject != null ? theObject.toString( ) : "" , theName , 0 , 0 );
+	}
+
+	/**
+	 * Use a checkbox for single choice options.
+	 */
+	public CheckBox addCheckBox( final String theName ) {
+		return addCheckBox( theName , 0 , 0 );
+	}
+
+	public CheckBox addCheckBox( final Object theObject , final String theName ) {
+		return addCheckBox( theObject , theObject != null ? theObject.toString( ) : "" , theName , 0 , 0 );
+	}
+
+	/**
+	 * the ScrollableList replaces the DropwdownList and
+	 * ListBox, the type for a ScrollableList can be set
+	 * with setType(ControlP5.DROPDOWN | ControlP5.LIST).
+	 */
+	public ScrollableList addScrollableList( final String theName ) {
+		return addScrollableList( theName , 0 , 0 , 100 , 200 );
+	}
+
+	public ScrollableList addScrollableList( final Object theObject , String theName ) {
+		return addScrollableList( theObject , theObject != null ? theObject.toString( ) : "" , theName , 0 , 0 , 100 , 100 );
+	}
+
+	/**
+	 * Multilist is a tree like menu.
+	 */
+	public MultiList addMultiList( final String theName ) {
+		return addMultiList( null , theName );
+	}
+
+	public MultiList addMultiList( final Object theObject , final String theName ) {
+		return addMultiList( theObject , theObject != null ? theObject.toString( ) : "" , theName , 0 , 0 , 100 , 100 );
+	}
+
+	public ColorWheel addColorWheel( final String theName ) {
+		return addColorWheel( null , theName );
+	}
+
+	public ColorWheel addColorWheel( final Object theObject , final String theName ) {
+		return addColorWheel( theObject , theObject != null ? theObject.toString( ) : "" , theName , 0 , 0 , 200 );
+	}
+
+	/**
+	 * adds a simple RGBA colorpicker.
+	 */
+	public ColorPicker addColorPicker( final String theName ) {
+		return addColorPicker( null , theName );
+	}
+
+	public ColorPicker addColorPicker( final Object theObject , final String theName ) {
+		return addColorPicker( theObject , theObject != null ? theObject.toString( ) : "" , theName , 0 , 0 , 255 , 10 );
+	}
+
+	public Println addConsole( Textarea theTextarea ) {
+		return new Println( theTextarea );
+	}
+
+	/**
+	 * returns the current framerate of the running sketch.
+	 */
+	public FrameRate addFrameRate( ) {
+		FrameRate myController = new FrameRate( cp5 , ( Tab ) cp5.controlWindow.getTabs( ).get( 1 ) , "-" , 0 , 4 );
+		cp5.register( null , "" , myController );
+		return myController;
+	}
+
+	/**
+	 * adds chart support to display float array based data.
+	 */
+	public Chart addChart( String theName ) {
+		return addChart( theName , 0 , 0 , 200 , 100 );
+	}
+
+	/**
+	 * A controller group can be used to group controllers
+	 * for a better organization of single controllers.
+	 */
+
+	public Group addGroup( String theName ) {
+		return addGroup( theName , 0 , 0 );
+	}
+
+	public Group addGroup( final Object theObject , final String theName ) {
+		return addGroup( theObject , theObject != null ? theObject.toString( ) : "" , theName );
+	}
+
+	public Accordion addAccordion( final String theName ) {
+		return addAccordion( null , "" , theName );
+	}
+
+	public Accordion addAccordion( final Object theObject , final String theName ) {
+		return addAccordion( theObject , theObject != null ? theObject.toString( ) : "" , theName );
+	}
+
+	protected void setCurrentPointer( ControllerGroup< ? > theGroup ) {
+		currentGroupPointer = theGroup;
+		isCurrentGroupPointerClosed = false;
+	}
+
+	protected void releaseCurrentPointer( ControllerGroup< ? > theGroup ) {
+		if ( isCurrentGroupPointerClosed == false ) {
+			currentGroupPointer = theGroup;
+			isCurrentGroupPointerClosed = true;
+		} else {
+			ControlP5.logger( ).warning( "use .end() first before using .begin() again." );
+		}
+	}
+
+	public void setAutoAddDirection( int theDirection ) {
+		if ( theDirection == HORIZONTAL ) {
+			autoDirection = HORIZONTAL;
+			return;
+		}
+		autoDirection = VERTICAL;
+	}
+
+	public void setAutoSpacing( ) {
+		set( Controller.autoSpacing , 10 , 10 );
+	}
+
+	public void setAutoSpacing( float theX , float theY ) {
+		set( Controller.autoSpacing , theX , theY );
+	}
+
+	public void setAutoSpacing( float theX , float theY , float theZ ) {
+		setAutoSpacing( theX , theY );
+	}
+
+	@SuppressWarnings( "static-access" ) protected void linebreak( Controller< ? > theController , boolean theFlag , int theW , int theH , float[] theSpacing ) {
+		if ( x( currentGroupPointer.autoPosition ) + x( theController.autoSpacing ) + theW > cp5.papplet.width ) {
+			float x = x( currentGroupPointer.autoPosition ) + currentGroupPointer.autoPositionOffsetX;
+			float y = y( currentGroupPointer.autoPosition ) + currentGroupPointer.tempAutoPositionHeight;
+			set( currentGroupPointer.autoPosition , x , y );
+			currentGroupPointer.tempAutoPositionHeight = 0;
+			Controller.set( theController.position , Controller.x( currentGroupPointer.autoPosition ) , Controller.y( currentGroupPointer.autoPosition ) );
+			theFlag = false;
+		}
+
+		if ( theFlag == true ) {
+			float y = y( currentGroupPointer.autoPosition ) + currentGroupPointer.tempAutoPositionHeight;
+			set( currentGroupPointer.autoPosition , currentGroupPointer.autoPositionOffsetX , y );
+			currentGroupPointer.tempAutoPositionHeight = 0;
+
+		} else {
+			if ( theController instanceof Slider ) {
+				float x = x( currentGroupPointer.autoPosition ) + theController.getCaptionLabel( ).getWidth( );
+				float y = y( currentGroupPointer.autoPosition );
+				set( currentGroupPointer.autoPosition , x , y );
+			}
+			float x = x( currentGroupPointer.autoPosition ) + x( theController.autoSpacing ) + theW;
+			float y = y( currentGroupPointer.autoPosition );
+			set( currentGroupPointer.autoPosition , x , y );
+			if ( ( theH + y( theSpacing ) ) > currentGroupPointer.tempAutoPositionHeight ) {
+				currentGroupPointer.tempAutoPositionHeight = theH + y( theSpacing );
+			}
+		}
+	}
+
+	public ControlP5Base addControllersFor( PApplet theApplet ) {
+		addControllersFor( "" , theApplet );
+		return cp5;
+	}
+
+	/**
+	 * Adds controllers for a specific object using
+	 * annotations.
+	 * <p>
+	 * Uses a forward slash delimited address, for example:
+	 * </p>
+	 * <p>
+	 * lets say the theAddressSpace parameter is set to
+	 * "hello", and the Object (second parameter) contains
+	 * an annotated field "x", addControllersFor("hello",
+	 * o); will add a controller for field x with address
+	 * /hello/x This address can be used with
+	 * getController("/hello/x") to access the controller of
+	 * that particular Object and field.
+	 * </p>
+	 */
+	public ControlP5Base addControllersFor( final String theAddressSpace , Object t ) {
+		_myAutomator.addControllersFor( theAddressSpace , t );
+		return cp5;
+	}
+
+	public Object getObjectForController( ControllerInterface theController ) {
+		for ( Iterator it = _myObjectToControllerMap.entrySet( ).iterator( ) ; it.hasNext( ) ; ) {
+			Map.Entry entry = ( Map.Entry ) it.next( );
+			Object key = entry.getKey( );
+			ArrayList< ControllerInterface > value = ( ArrayList< ControllerInterface > ) entry.getValue( );
+			for ( ControllerInterface c : value ) {
+				if ( c.equals( theController ) ) {
+					return key;
+				}
+			}
+		}
+		return null;
+	}
+
+	public ControlP5Base setPosition( int theX , int theY , Object o ) {
+		if ( o != null && _myObjectToControllerMap.containsKey( o ) ) {
+			ArrayList< ControllerInterface< ? >> cs = _myObjectToControllerMap.get( o );
+			for ( ControllerInterface< ? > c : cs ) {
+				int x = ( int ) x( c.getPosition( ) ) + theX;
+				int y = ( int ) y( c.getPosition( ) ) + theY;
+				c.setPosition( x , y );
+			}
+		}
+		return cp5;
+	}
+
+	public ControlP5Base hide( Object theObject ) {
+		if ( theObject != null && _myObjectToControllerMap.containsKey( theObject ) ) {
+			ArrayList< ControllerInterface< ? >> cs = _myObjectToControllerMap.get( theObject );
+			for ( ControllerInterface< ? > c : cs ) {
+				c.hide( );
+			}
+		}
+		return cp5;
+	}
+
+	public ControlP5Base show( Object theObject ) {
+		if ( theObject != null && _myObjectToControllerMap.containsKey( theObject ) ) {
+			ArrayList< ControllerInterface< ? >> cs = _myObjectToControllerMap.get( theObject );
+			for ( ControllerInterface< ? > c : cs ) {
+				c.show( );
+			}
+		}
+		return cp5;
+	}
+
+	/**
+	 * for internal use only. use Controller.remove()
+	 * instead.
+	 * 
+	 * @param theObject
+	 * @return
+	 */
+	public ControlP5Base remove( Object theObject ) {
+		if ( theObject != null && _myObjectToControllerMap.containsKey( theObject ) ) {
+			ArrayList< ControllerInterface< ? >> cs = _myObjectToControllerMap.get( theObject );
+			for ( ControllerInterface< ? > c : cs ) {
+				c.remove( );
+			}
+		}
+		return cp5;
+	}
+
+	public ControlP5Base setColor( CColor theColor , Object theObject ) {
+		if ( _myObjectToControllerMap.containsKey( theObject ) ) {
+			ArrayList< ControllerInterface< ? >> cs = _myObjectToControllerMap.get( theObject );
+			for ( ControllerInterface< ? > c : cs ) {
+				c.setColor( theColor );
+			}
+		}
+		return cp5;
+	}
+
+	public ControlP5Base listenTo( String theFieldName , Object theObject ) {
+		String key = theObject.hashCode( ) + "" + theFieldName.hashCode( );
+		FieldChangedListener value = new FieldChangedListener( cp5 );
+		value.listenTo( theObject , theFieldName );
+		_myFieldChangedListenerMap.put( key , value );
+		return cp5;
+	}
+
+	public ControlP5Base stopListeningTo( String theFieldName , Object theObject ) {
+		String key = theObject.hashCode( ) + "" + theFieldName.hashCode( );
+		_myFieldChangedListenerMap.remove( key );
+		return cp5;
+	}
+
+	public ControlP5Base moveTo( ControllerGroup< ? > theController , Object theObject ) {
+		if ( _myObjectToControllerMap.containsKey( theObject ) ) {
+			ArrayList< ControllerInterface< ? >> cs = _myObjectToControllerMap.get( theObject );
+			for ( ControllerInterface< ? > c : cs ) {
+				c.moveTo( theController );
+			}
+		}
+		return cp5;
+	}
+
+	/* Properties */
+
+	public ControllerProperties getProperties( ) {
+		return _myProperties;
+	}
+
+	public void removeProperty( ControllerInterface< ? > theController ) {
+		_myProperties.remove( theController );
+	}
+
+	/**
+	 * prints a list of public methods of requested class
+	 * into the console. You can specify patterns that will
+	 * print methods found with only these particular
+	 * patterns in their name.
+	 * <p>
+	 * printed Format: returnType methodName(parameter type)
+	 */
+	public static void printPublicMethodsFor( Class< ? > theClass , String ... thePattern ) {
+		Set< String > set = getPublicMethodsFor( theClass , true , thePattern );
+		String str = "";
+
+		str += "/**\n";
+		str += "* ControlP5 " + theClass.getSimpleName( ) + "\n";
+		str += "*\n";
+		str += "*\n";
+		str += "* find a list of public methods available for the " + theClass.getSimpleName( ) + " Controller\n";
+		str += "* at the bottom of this sketch.\n";
+		str += "*\n";
+		str += "* by Andreas Schlegel, 2012\n";
+		str += "* www.sojamo.de/libraries/controlp5\n";
+		str += "*\n";
+		str += "*/\n\n";
+		str += "/*\n";
+		str += "a list of all methods available for the " + theClass.getSimpleName( ) + " Controller\n";
+		str += "use ControlP5.printPublicMethodsFor(" + theClass.getSimpleName( ) + ".class);\n";
+		str += "to print the following list into the console.\n\n";
+		str += "You can find further details about class " + theClass.getSimpleName( ) + " in the javadoc.\n\n";
+		str += "Format:\n";
+		str += "ClassName : returnType methodName(parameter type)\n\n\n";
+		for ( String s : set ) {
+			str += s + "\n";
+		}
+		str += "\n\n*/\n\n";
+		System.out.println( str );
+	}
+
+	public static void printPublicMethodsFor( Class< ? > theClass ) {
+		printPublicMethodsFor( theClass , "" );
+	}
+
+	public static Set< String > getPublicMethodsFor( Class< ? > theClass ) {
+		return getPublicMethodsFor( theClass , true , "" );
+	}
+
+	public static Set< String > getPublicMethodsFor( Class< ? > theClass , String ... thePattern ) {
+		return getPublicMethodsFor( theClass , true , thePattern );
+	}
+
+	public static Set< String > getPublicMethodsFor( Class< ? > theClass , boolean theFlag ) {
+		return getPublicMethodsFor( theClass , true , "" );
+	}
+
+	public static Set< String > getPublicMethodsFor( Class< ? > theClass , boolean isSuperclass , String ... thePattern ) {
+		Set< String > s = new TreeSet< String >( );
+
+		Class< ? > c = theClass;
+		while ( c != null ) {
+			for ( Method method : c.getDeclaredMethods( ) ) {
+				if ( !method.isAnnotationPresent( Deprecated.class ) && !method.isAnnotationPresent( ControlP5.Invisible.class ) && method.getModifiers( ) == Modifier.PUBLIC ) {
+					for ( String p : thePattern ) {
+						if ( p.length( ) > 0 ) {
+							if ( !method.getName( ).toLowerCase( ).contains( p.toLowerCase( ) ) ) {
+								continue;
+							}
+						}
+						String params = "";
+						for ( Class< ? > t : method.getParameterTypes( ) ) {
+							params += t.getSimpleName( ) + ", ";
+						}
+						if ( params.length( ) > 0 ) {
+							params = params.substring( 0 , params.length( ) - 2 );
+						}
+						s.add( c.getCanonicalName( ) + " : " + method.getReturnType( ).getSimpleName( ).replace( "Object" , theClass.getSimpleName( ) ) + " " + method.getName( ) + "(" + params + ") " );
+					}
+				}
+			}
+
+			if ( isSuperclass ) {
+				c = c.getSuperclass( );
+			} else {
+				c = null;
+			}
+		}
+		return s;
+	}
+
+	public int getKeyCode( ) {
+		return cp5.getWindow( ).keyCode;
+	}
+
+	public char getKey( ) {
+		return cp5.getWindow( ).key;
+	}
+
+	private char[] fromIntToChar( int ... theChar ) {
+		char[] n = new char[ theChar.length ];
+		for ( int i = 0 ; i < n.length ; i++ ) {
+			if ( theChar[ i ] >= 'a' && theChar[ i ] <= 'z' ) {
+				theChar[ i ] -= 32;
+			}
+			n[ i ] = ( char ) theChar[ i ];
+		}
+		return n;
+	}
+
+	public ControlP5 removeKeyFor( ControlKey theKey , int ... theChar ) {
+		removeKeyFor( theKey , fromIntToChar( theChar ) );
+		return cp5;
+	}
+
+	public ControlP5 mapKeyFor( ControlKey theKey , Object ... os ) {
+		List< Integer > l = new ArrayList< Integer >( );
+		for ( Object o : os ) {
+			if ( o instanceof Integer ) {
+				l.add( ( int ) ( Integer ) o );
+			} else if ( o instanceof Character ) {
+				char c = ( ( Character ) o );
+				if ( c >= 'a' && c <= 'z' ) {
+					c -= 32;
+				}
+				l.add( ( int ) c );
+			}
+		}
+
+		char[] n = new char[ l.size( ) ];
+		for ( int i = 0 ; i < l.size( ) ; i++ ) {
+			n[ i ] = ( char ) ( ( int ) l.get( i ) );
+		}
+
+		KeyCode kc = new KeyCode( n );
+		if ( !keymap.containsKey( kc ) ) {
+			keymap.put( kc , new ArrayList< ControlKey >( ) );
+		}
+		keymap.get( kc ).add( theKey );
+		cp5.enableShortcuts( );
+		return cp5;
+	}
+
+	public ControlP5 removeKeyFor( ControlKey theKey , char ... theChar ) {
+		List< ControlKey > l = keymap.get( new KeyCode( theChar ) );
+		if ( l != null ) {
+			l.remove( theKey );
+		}
+		return cp5;
+	}
+
+	public ControlP5 removeKeysFor( char ... theChar ) {
+		keymap.remove( new KeyCode( theChar ) );
+		return cp5;
+	}
+
+	public ControlP5 removeKeysFor( int ... theChar ) {
+		removeKeysFor( fromIntToChar( theChar ) );
+		return cp5;
+	}
+
+	protected int modifiers;
+
+	public boolean isShiftDown( ) {
+		return ( modifiers & Event.SHIFT & ( cp5.isShortcuts( ) ? -1 : 1 ) ) != 0;
+	}
+
+	public boolean isControlDown( ) {
+		return ( modifiers & Event.CTRL & ( cp5.isShortcuts( ) ? -1 : 1 ) ) != 0;
+	}
+
+	public boolean isMetaDown( ) {
+		return ( modifiers & Event.META & ( cp5.isShortcuts( ) ? -1 : 1 ) ) != 0;
+	}
+
+	public boolean isAltDown( ) {
+		return ( modifiers & Event.ALT & ( cp5.isShortcuts( ) ? -1 : 1 ) ) != 0;
+	}
+
+	static class KeyCode {
+
+		final char[] chars;
+
+		KeyCode( char ... theChars ) {
+			chars = theChars;
+			Arrays.sort( chars );
+		}
+
+		public String toString( ) {
+			String s = "";
+			for ( char c : chars ) {
+				s += c + "(" + ( ( int ) c ) + ") ";
+			}
+			return s;
+		}
+
+		public int size( ) {
+			return chars.length;
+		}
+
+		public char[] getChars( ) {
+			return chars;
+		}
+
+		public char get( int theIndex ) {
+			if ( theIndex >= 0 && theIndex < size( ) ) {
+				return chars[ theIndex ];
+			}
+			return 0;
+		}
+
+		public boolean equals( Object obj ) {
+			if ( ! ( obj instanceof KeyCode ) ) {
+				return false;
+			}
+
+			KeyCode k = ( KeyCode ) obj;
+
+			if ( k.size( ) != size( ) ) {
+				return false;
+			}
+
+			for ( int i = 0 ; i < size( ) ; i++ ) {
+				if ( get( i ) != k.get( i ) ) {
+					return false;
+				}
+			}
+			return true;
+		}
+
+		boolean contains( char n ) {
+			for ( char c : chars ) {
+				if ( n == c ) {
+					return true;
+				}
+			}
+			return false;
+		}
+
+		public int hashCode( ) {
+			int hashCode = 0;
+			int n = 1;
+			for ( char c : chars ) {
+				hashCode += c + Math.pow( c , n++ );
+			}
+			return hashCode;
+		}
+	}
+
+}
diff --git a/src/controlP5/ControlP5Constants.java b/src/controlP5/ControlP5Constants.java
new file mode 100755
index 0000000..fe7664f
--- /dev/null
+++ b/src/controlP5/ControlP5Constants.java
@@ -0,0 +1,183 @@
+package controlP5;
+
+/**
+ * controlP5 is a processing gui library.
+ * 
+ * 2006-2012 by Andreas Schlegel
+ * 
+ * This library is free software; you can redistribute it
+ * and/or modify it under the terms of the GNU Lesser
+ * General Public License as published by the Free Software
+ * Foundation; either version 2.1 of the License, or (at
+ * your option) any later version. This library is
+ * distributed in the hope that it will be useful, but
+ * WITHOUT ANY WARRANTY; without even the implied warranty
+ * of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.
+ * See the GNU Lesser General Public License for more
+ * details.
+ * 
+ * You should have received a copy of the GNU Lesser General
+ * Public License along with this library; if not, write to
+ * the Free Software Foundation, Inc., 59 Temple Place,
+ * Suite 330, Boston, MA 02111-1307 USA
+ * 
+ * @author Andreas Schlegel (http://www.sojamo.de)
+ * @modified ##date##
+ * @version ##version##
+ * 
+ */
+import processing.core.PApplet;
+
+/**
+ * Constant variables used with ControlP5 are stored here.
+ */
+public interface ControlP5Constants {
+
+	public final static String eventMethod = "controlEvent";
+	public final static boolean VERBOSE = false;
+	public final static float PI = ( float ) Math.PI;
+	public final static float TWO_PI = PI * 2;
+	public final static float HALF_PI = PI / 2;
+	public final static int INVALID = -1;
+	public final static int METHOD = 0;
+	public final static int FIELD = 1;
+	public final static int EVENT = 2;
+	public final static int INTEGER = 1;
+	public final static int FLOAT = 2;
+	public final static int BOOLEAN = 3;
+	public final static int STRING = 4;
+	public final static int ARRAY = 5;
+	public final static int BITFONT = 100;
+	public final static Class< ? >[] acceptClassList = { int.class , float.class , boolean.class , String.class };
+	public final static Class< ? > controlEventClass = ControlEvent.class;
+	public final static int UP = PApplet.UP; // KeyEvent.VK_UP;
+	public final static int DOWN = PApplet.DOWN; // KeyEvent.VK_DOWN;
+	public final static int LEFT = PApplet.LEFT; // KeyEvent.VK_LEFT;
+	public final static int RIGHT = PApplet.RIGHT; // KeyEvent.VK_RIGHT;
+	public final static int SHIFT = PApplet.SHIFT; // KeyEvent.VK_SHIFT;
+	public final static int DELETE = PApplet.DELETE; // KeyEvent.VK_DELETE;
+	public final static int BACKSPACE = PApplet.BACKSPACE; // KeyEvent.VK_BACK_SPACE;
+	public final static int ENTER = PApplet.ENTER; // KeyEvent.VK_ENTER;
+	public final static int ESCAPE = PApplet.ESC; // KeyEvent.VK_ESCAPE;
+	public final static int ALT = PApplet.ALT; // KeyEvent.VK_ALT;
+	public final static int CONTROL = PApplet.CONTROL;// KeyEvent.VK_CONTROL;
+	public final static int COMMANDKEY = 157; // Event.VK_META;
+	public final static int TAB = PApplet.TAB; // KeyEvent.VK_TAB;
+	public final static char INCREASE = PApplet.UP;
+	public final static char DECREASE = PApplet.DOWN;
+	public final static char SWITCH_FORE = PApplet.LEFT;
+	public final static char SWITCH_BACK = PApplet.RIGHT;
+	public final static char SAVE = 'S';
+	public final static char RESET = 'R';
+	public final static char PRINT = ' ';
+	public final static char HIDE = 'H';
+	public final static char LOAD = 'L';
+	public final static char MENU = 'M';
+	public final static char KEYCONTROL = 'K';
+	public final static int TOP = 101; // PApplet.TOP
+	public final static int BOTTOM = 102; // PApplet.BOTTOM
+	public final static int CENTER = 3; // PApplet.CENTER
+	public final static int BASELINE = 0; // PApplet.BASELINE
+	static public final int HORIZONTAL = 0;
+	static public final int VERTICAL = 1;
+	static public final int DEFAULT = 0;
+	static public final int OVER = 1;
+	static public final int ACTIVE = 2;
+	static public final int HIGHLIGHT = 3;
+	static public final int IMAGE = 1;
+	static public final int SPRITE = 2;
+	static public final int CUSTOM = 3;
+	static public final int SWITCH = 100;
+	static public final int MOVE = 0;
+	static public final int RELEASE = 2;
+	static public final int RELEASED = 2;
+	static public final int PRESSED = 1;
+	static public final int PRESS = 1;
+	static public final int LINE = 1;
+	static public final int ELLIPSE = 2;
+	static public final int ARC = 3;
+	static public final int INACTIVE = 0;
+	static public final int WAIT = 1;
+	static public final int TRANSITION_WAIT_FADEIN = 2;
+	static public final int FADEIN = 3;
+	static public final int IDLE = 4;
+	static public final int FADEOUT = 5;
+	static public final int DONE = 6;
+	static public final int SINGLE_COLUMN = 0;
+	static public final int SINGLE_ROW = 1;
+	static public final int MULTIPLES = 2;
+	static public final int LIST = 0;
+	static public final int DROPDOWN = 1;
+	static public final int CHECKBOX = 2; /* TODO */
+	static public final int TREE = 3; /* TODO */
+
+	@Deprecated static public final int ACTION_PRESSED = 1; // MouseEvent.PRESS
+	static public final int ACTION_PRESS = 1; // MouseEvent.PRESS
+
+	@Deprecated static public final int ACTION_RELEASED = 2; // MouseEvent.RELEASE
+	static public final int ACTION_RELEASE = 2; // MouseEvent.RELEASE
+
+	static public final int ACTION_CLICK = 3; // MouseEvent.CLICK
+	static public final int ACTION_DRAG = 4; // MouseEvent.DRAG
+	static public final int ACTION_MOVE = 5; // MouseEvent.MOVE
+	static public final int ACTION_ENTER = 6; // MouseEvent.ENTER
+	static public final int ACTION_LEAVE = 7; // MouseEvent.EXIT
+	static public final int ACTION_EXIT = 7; // MouseEvent.EXIT
+	static public final int ACTION_WHEEL = 8; // MouseEvent.WHEEL
+	@Deprecated static public final int ACTION_RELEASEDOUTSIDE = 9;
+	static public final int ACTION_RELEASE_OUTSIDE = 9;
+	static public final int ACTION_START_DRAG = 10;
+	static public final int ACTION_END_DRAG = 11;
+	static public final int ACTION_DOUBLE_PRESS = 12;
+	static public final int ACTION_BROADCAST = 100;
+	static public final int LEFT_OUTSIDE = 10;
+	static public final int RIGHT_OUTSIDE = 11;
+	static public final int TOP_OUTSIDE = 12;
+	static public final int BOTTOM_OUTSIDE = 13;
+	static public final int CAPTIONLABEL = 0;
+	static public final int VALUELABEL = 1;
+	static public final int SINGLE = 0;
+
+	@Deprecated static public final int ALL = 1;
+	static public final int MULTI = 1;
+
+	/* http://clrs.cc/ */
+	static public final int NAVY = 0xFF001F3F;
+	static public final int BLUE = 0xFF0074D9;
+	static public final int AQUA = 0xFF7FDBFF;
+	static public final int TEAL = 0xFF39CCCC;
+	static public final int OLIVE = 0xFF3D9970;
+	static public final int GREEN = 0xFF2ECC40;
+	static public final int LIME = 0xFF01FF70;
+	static public final int YELLOW = 0xFFFFDC00;
+	static public final int ORANGE = 0xFFFF851B;
+	static public final int RED = 0xFFFF4136;
+	static public final int MAROON = 0xFF85144B;
+	static public final int FUCHSIA = 0xFFF012BE;
+	static public final int PURPLE = 0xFFB10DC9;
+	static public final int WHITE = 0xFFFFFFFF;
+	static public final int SILVER = 0xFFDDDDDD;
+	static public final int GRAY = 0xFFAAAAAA;
+	static public final int BLACK = 0xFF111111;
+
+	
+	/*fg, bg, active, caption, value ) */
+	public final static CColor THEME_RETRO = new CColor( 0xff00698c , 0xff003652 , 0xff08a2cf , 0xffffffff , 0xffffffff );
+	public final static CColor THEME_CP52014 = new CColor( 0xff0074D9 , 0xff002D5A, 0xff00aaff , 0xffffffff , 0xffffffff );
+	public final static CColor THEME_CP5BLUE = new CColor( 0xff016c9e , 0xff02344d , 0xff00b4ea , 0xffffffff , 0xffffffff );
+	public final static CColor THEME_RED = new CColor( 0xffaa0000 , 0xff660000 , 0xffff0000 , 0xffffffff , 0xffffffff );
+	public final static CColor THEME_GREY = new CColor( 0xffeeeeee, 0xffbbbbbb , 0xffffffff , 0xff555555 , 0xff555555 );
+	public final static CColor THEME_A = new CColor( 0xff00FFC8 , 0xff00D7FF , 0xffffff00 , 0xff00B0FF , 0xff00B0FF );
+
+	public static final int standard58 = 0;
+	public static final int standard56 = 1;
+	public static final int synt24 = 2;
+	public static final int grixel = 3;
+	public final static int J2D = 1;
+	public final static int P2D = 2;
+	public final static int P3D = 3;
+
+	public final static String JSON = "JSON";
+	public final static String SERIALIZED = "SERIALIZED";
+	
+}
diff --git a/src/controlP5/ControlP5Legacy.java b/src/controlP5/ControlP5Legacy.java
new file mode 100644
index 0000000..5ba6c83
--- /dev/null
+++ b/src/controlP5/ControlP5Legacy.java
@@ -0,0 +1,644 @@
+package controlP5;
+
+import java.util.ArrayList;
+
+import processing.core.PApplet;
+import static controlP5.Controller.*;
+
+public class ControlP5Legacy {
+
+	private ControlP5Base base;
+
+	void init( ControlP5Base theControlP5 ) {
+		base = theControlP5;
+	}
+
+	public Spacer addSpacer( final String theName ) {
+		return addSpacer( theName , 0 , 0 , 100 , 20 );
+	}
+
+	public Spacer addSpacer( final String theName , final int theX , final int theY , final int theW , final int theH ) {
+		ControllerGroup tab = ( ControllerGroup< ? > ) base.cp5.controlWindow.getTabs( ).get( 1 );
+		Spacer myController = new Spacer( base.cp5 , tab , theName , theX , theY , theW , theH );
+		base.cp5.register( null , "" , myController );
+		return myController;
+	}
+
+	public Button addButton( final Object theObject , String theIndex , final String theName , final float theValue , final int theX , final int theY , final int theW , final int theH ) {
+		Button myController = new Button( base.cp5 , ( ControllerGroup< ? > ) base.cp5.controlWindow.getTabs( ).get( 1 ) , theName , theValue , theX , theY , theW , theH );
+		base.cp5.register( theObject , theIndex , myController );
+		myController.registerProperty( "value" );
+		myController.getProperty( "value" ).disable( );
+		return myController;
+	}
+
+	public ButtonBar addButtonBar( final Object theObject , String theIndex , final String theName , final float theValue , final int theX , final int theY , final int theW , final int theH ) {
+		ButtonBar myController = new ButtonBar( base.cp5 , ( ControllerGroup< ? > ) base.cp5.controlWindow.getTabs( ).get( 1 ) , theName , theX , theY , theW , theH );
+		base.cp5.register( theObject , theIndex , myController );
+		myController.registerProperty( "value" );
+		myController.getProperty( "value" ).disable( );
+		return myController;
+	}
+
+	public Bang addBang( final Object theObject , String theIndex , final String theName , final int theX , final int theY , final int theWidth , final int theHeight ) {
+		Bang myController = new Bang( base.cp5 , ( Tab ) base.cp5.controlWindow.getTabs( ).get( 1 ) , theName , theX , theY , theWidth , theHeight );
+		base.cp5.register( theObject , theIndex , myController );
+		myController.registerProperty( "value" );
+		myController.getProperty( "value" ).disable( );
+		return myController;
+	}
+
+	public Toggle addToggle( final Object theObject , String theIndex , final String theName , final boolean theDefaultValue , final float theX , final float theY , final int theWidth , final int theHeight ) {
+		Toggle myController = new Toggle( base.cp5 , ( Tab ) base.cp5.controlWindow.getTabs( ).get( 1 ) , theName , ( theDefaultValue == true ) ? 1f : 0f , theX , theY , theWidth , theHeight );
+		base.cp5.register( theObject , theIndex , myController );
+		myController.registerProperty( "value" );
+		return myController;
+	}
+
+	public Tooltip addTooltip( ) {
+		return null;
+	}
+
+	public Matrix addMatrix( final Object theObject , final String theIndex , final String theName , final int theCellX , final int theCellY , final int theX , final int theY , final int theWidth , final int theHeight ) {
+		Matrix myController = new Matrix( base.cp5 , ( Tab ) base.cp5.controlWindow.getTabs( ).get( 1 ) , theName , theCellX , theCellY , theX , theY , theWidth , theHeight );
+		base.cp5.register( theObject , theIndex , myController );
+		myController.registerProperty( "cells" ).registerProperty( "interval" );
+		return myController;
+	}
+
+	public Matrix addMatrix( final String theName , final int theCellX , final int theCellY , final int theX , final int theY , final int theWidth , final int theHeight ) {
+		return addMatrix( null , "" , theName , theCellX , theCellY , theX , theY , theWidth , theHeight );
+	}
+
+	public Slider2D addSlider2D( Object theObject , final String theIndex , final String theName , float theMinX , float theMaxX , float theMinY , float theMaxY , float theDefaultValueX , float theDefaultValueY , int theX , int theY , int theW , int theH ) {
+		Slider2D myController = new Slider2D( base.cp5 , ( ControllerGroup< ? > ) base.cp5.controlWindow.getTabs( ).get( 1 ) , theName , theX , theY , theW , theH );
+		base.cp5.register( theObject , theIndex , myController );
+		myController.setMinX( theMinX );
+		myController.setMaxX( theMaxX );
+		myController.setMinY( theMinY );
+		myController.setMaxY( theMaxY );
+		myController.setArrayValue( new float[] { theDefaultValueX , theDefaultValueY } );
+		myController.updateValue( );
+		myController.registerProperty( "arrayValue" ).registerProperty( "minX" ).registerProperty( "maxX" ).registerProperty( "minY" ).registerProperty( "maxY" );
+		return myController;
+	}
+
+	public Slider addSlider( Object theObject , final String theIndex , final String theName , float theMin , float theMax , float theDefaultValue , int theX , int theY , int theW , int theH ) {
+		Slider myController = new Slider( base.cp5 , ( ControllerGroup< ? > ) base.cp5.controlWindow.getTabs( ).get( 1 ) , theName , theMin , theMax , theDefaultValue , theX , theY , theW , theH );
+		base.cp5.register( theObject , theIndex , myController );
+		myController.registerProperty( "value" ).registerProperty( "min" ).registerProperty( "max" );
+		return myController;
+	}
+
+	public Slider addSlider( String theName , float theMin , float theMax , float theDefaultValue , int theX , int theY , int theW , int theH ) {
+		return addSlider( null , "" , theName , theMin , theMax , theDefaultValue , theX , theY , theW , theH );
+	}
+
+	public Slider addSlider( final String theName , final float theMin , final float theMax , final int theX , final int theY , final int theWidth , final int theHeight ) {
+		return addSlider( null , "" , theName , theMin , theMax , theMin , theX , theY , theWidth , theHeight );
+	}
+
+	public Slider addSlider( Object theObject , final String theIndex , final String theName , float theMin , float theMax , int theX , int theY , int theW , int theH ) {
+		return addSlider( theObject , theIndex , theName , theMin , theMax , theMin , theX , theY , theW , theH );
+	}
+
+	public Range addRange( Object theObject , final String theIndex , String theName , float theMin , float theMax , float theDefaultMinValue , float theDefaultMaxValue , int theX , int theY , int theW , int theH ) {
+		Range myController = new Range( base.cp5 , ( ControllerGroup< ? > ) base.cp5.controlWindow.getTabs( ).get( 1 ) , theName , theMin , theMax , theDefaultMinValue , theDefaultMaxValue , theX , theY , theW , theH );
+		base.cp5.register( theObject , theIndex , myController );
+		myController.registerProperty( "lowValue" ).registerProperty( "highValue" );
+		return myController;
+	}
+
+	public Range addRange( String theName , float theMin , float theMax , float theDefaultMinValue , float theDefaultMaxValue , int theX , int theY , int theW , int theH ) {
+		return addRange( null , "" , theName , theMin , theMax , theDefaultMinValue , theDefaultMaxValue , theX , theY , theW , theH );
+	}
+
+	public Range addRange( final String theName , final float theMin , final float theMax , final int theX , final int theY , final int theWidth , final int theHeight ) {
+		return addRange( null , "" , theName , theMin , theMax , theMin , theMax , theX , theY , theWidth , theHeight );
+	}
+
+	public Range addRange( final Object theObject , final String theIndex , final String theName , final float theMin , final float theMax , final int theX , final int theY , final int theWidth , final int theHeight ) {
+		return addRange( theObject , theIndex , theName , theMin , theMax , theMin , theMax , theX , theY , theWidth , theHeight );
+	}
+
+	public Numberbox addNumberbox( final Object theObject , final String theIndex , final String theName , final float theDefaultValue , final int theX , final int theY , final int theWidth , final int theHeight ) {
+		Numberbox myController = new Numberbox( base.cp5 , ( Tab ) base.cp5.controlWindow.getTabs( ).get( 1 ) , theName , theDefaultValue , theX , theY , theWidth , theHeight );
+		base.cp5.register( theObject , theIndex , myController );
+		myController.registerProperty( "value" );
+		return myController;
+	}
+
+	public Numberbox addNumberbox( final String theName , final int theX , final int theY , final int theWidth , final int theHeight ) {
+		return addNumberbox( null , "" , theName , Float.NaN , theX , theY , theWidth , theHeight );
+	}
+
+	public Numberbox addNumberbox( final Object theObject , final String theIndex , final String theName , final int theX , final int theY , final int theWidth , final int theHeight ) {
+		return addNumberbox( theObject , theIndex , theName , Float.NaN , theX , theY , theWidth , theHeight );
+	}
+
+	public Numberbox addNumberbox( final String theName , final float theDefaultValue , final int theX , final int theY , final int theWidth , final int theHeight ) {
+		return addNumberbox( null , "" , theName , theDefaultValue , theX , theY , theWidth , theHeight );
+	}
+
+	public Knob addKnob( final Object theObject , final String theIndex , final String theName , final float theMin , final float theMax , final float theDefaultValue , final int theX , final int theY , final int theDiameter ) {
+		Knob myController = new Knob( base.cp5 , ( Tab ) base.cp5.controlWindow.getTabs( ).get( 1 ) , theName , theMin , theMax , theDefaultValue , theX , theY , theDiameter );
+		base.cp5.register( theObject , theIndex , myController );
+		myController.registerProperty( "value" );
+		return myController;
+	}
+
+	public Knob addKnob( final String theName , final float theMin , final float theMax , final int theX , final int theY , final int theDiameter ) {
+		return addKnob( null , "" , theName , theMin , theMax , theMin , theX , theY , theDiameter );
+	}
+
+	public Knob addKnob( final Object theObject , final String theIndex , final String theName , final float theMin , final float theMax , final int theX , final int theY , final int theDiameter ) {
+		return addKnob( theObject , theIndex , theName , theMin , theMax , theX , theY , theDiameter );
+	}
+
+	public Knob addKnob( final String theName , final float theMin , final float theMax , final float theDefaultValue , final int theX , final int theY , final int theDiameter ) {
+		return addKnob( null , "" , theName , theMin , theMax , theDefaultValue , theX , theY , theDiameter );
+	}
+
+	public MultiList addMultiList( final Object theObject , final String theIndex , final String theName , final int theX , final int theY , final int theWidth , final int theHeight ) {
+		MultiList myController = new MultiList( base.cp5 , ( Tab ) base.cp5.controlWindow.getTabs( ).get( 1 ) , theName , theX , theY , theWidth , theHeight );
+		base.cp5.register( theObject , theIndex , myController );
+		myController.registerProperty( "value" );
+		return myController;
+	}
+
+	public MultiList addMultiList( final String theName , final int theX , final int theY , final int theWidth , final int theHeight ) {
+		return addMultiList( null , "" , theName , theX , theY , theWidth , theHeight );
+	}
+
+	public Textlabel addLabel( String theIndex ) {
+		return addTextlabel( theIndex , theIndex , 0 , 0 );
+	}
+
+	public Textlabel addLabel( String theIndex , int theX , int theY ) {
+		return addTextlabel( theIndex , theIndex , theX , theY );
+	}
+
+	public Textlabel addTextlabel( final Object theObject , final String theIndex , final String theName , final String theText , final int theX , final int theY ) {
+		Textlabel myController = new Textlabel( base.cp5 , ( Tab ) base.cp5.controlWindow.getTabs( ).get( 1 ) , theName , theText , theX , theY );
+		base.cp5.register( theObject , theIndex , myController );
+		myController.registerProperty( "value" ).registerProperty( "stringValue" );
+		return myController;
+	}
+
+	public Textlabel addTextlabel( final String theName , final String theText , final int theX , final int theY ) {
+		return addTextlabel( null , "" , theName , theText , theX , theY );
+	}
+
+	public Textlabel addTextlabel( final Object theObject , final String theIndex , final String theName , final String theText ) {
+		return addTextlabel( theObject , theIndex , theName , theText , 0 , 0 );
+	}
+
+	public Textlabel addTextlabel( final String theName , final String theText ) {
+		return addTextlabel( null , "" , theName , theText , 0 , 0 );
+	}
+
+	public Textarea addTextarea( final String theName , final String theText , final int theX , final int theY , final int theW , final int theH ) {
+		Textarea myController = new Textarea( base.cp5 , ( Tab ) base.cp5.controlWindow.getTabs( ).get( 1 ) , theName , theText , theX , theY , theW , theH );
+		base.cp5.register( null , "" , myController );
+		myController.registerProperty( "text" );
+		return myController;
+	}
+
+	public Textfield addTextfield( final Object theObject , final String theIndex , final String theName , final int theX , final int theY , final int theW , final int theH ) {
+		Textfield myController = new Textfield( base.cp5 , ( Tab ) base.cp5.controlWindow.getTabs( ).get( 1 ) , theName , "" , theX , theY , theW , theH );
+		base.cp5.register( theObject , theIndex , myController );
+		myController.registerProperty( "text" );
+		return myController;
+	}
+
+	public Textfield addTextfield( final String theName , final int theX , final int theY , final int theW , final int theH ) {
+		return addTextfield( null , "" , theName , theX , theY , theW , theH );
+	}
+
+	public Textfield addTextfield( final Object theObject , final String theIndex , final String theName ) {
+		return addTextfield( theObject , theIndex , theName , 0 , 0 , 99 , 19 );
+	}
+
+	public Accordion addAccordion( String theName , int theX , int theY , int theWidth ) {
+		Accordion myController = new Accordion( base.cp5 , ( Tab ) base.cp5.controlWindow.getTabs( ).get( 1 ) , theName , theX , theY , theWidth );
+		base.cp5.register( null , "" , myController );
+		return myController;
+	}
+
+	public Accordion addAccordion( final Object theObject , final String theIndex , final String theName ) {
+		Accordion myController = new Accordion( base.cp5 , ( Tab ) base.cp5.controlWindow.getTabs( ).get( 1 ) , theName , 0 , 0 , 200 );
+		base.cp5.register( theObject , theIndex , myController );
+		return myController;
+	}
+
+	public RadioButton addRadioButton( final Object theObject , String theIndex , final String theName , final int theX , final int theY ) {
+		RadioButton myController = new RadioButton( base.cp5 , ( Tab ) base.cp5.controlWindow.getTabs( ).get( 1 ) , theName , theX , theY );
+		base.cp5.register( theObject , theIndex , myController );
+		myController.registerProperty( "arrayValue" );
+		return myController;
+	}
+
+	public RadioButton addRadioButton( final String theName , final int theX , final int theY ) {
+		return addRadioButton( null , "" , theName , theX , theY );
+	}
+
+	/**
+	 * Use radio buttons for multiple choice options.
+	 */
+	public RadioButton addRadio( final String theName ) {
+		return addRadioButton( theName , 0 , 0 );
+	}
+
+	public RadioButton addRadio( final String theName , final int theX , final int theY ) {
+		RadioButton myController = new RadioButton( base.cp5 , ( Tab ) base.cp5.controlWindow.getTabs( ).get( 1 ) , theName , theX , theY );
+		base.cp5.register( null , "" , myController );
+		myController.registerProperty( "arrayValue" );
+		return myController;
+	}
+
+	public CheckBox addCheckBox( final Object theObject , final String theIndex , final String theName , final int theX , final int theY ) {
+		CheckBox myController = new CheckBox( base.cp5 , ( Tab ) base.cp5.controlWindow.getTabs( ).get( 1 ) , theName , theX , theY );
+		base.cp5.register( theObject , theIndex , myController );
+		myController.registerProperty( "arrayValue" );
+		return myController;
+	}
+
+	public CheckBox addCheckBox( final String theName , final int theX , final int theY ) {
+		return addCheckBox( null , "" , theName , theX , theY );
+	}
+
+	public ScrollableList addScrollableList( final Object theObject , String theIndex , final String theName ) {
+		return addScrollableList( theObject , theIndex , theName , 0 , 0 , 100 , 100 );
+	}
+
+	public ScrollableList addScrollableList( final Object theObject , String theIndex , final String theName , final int theX , final int theY , final int theW , final int theH ) {
+		ScrollableList myController = new ScrollableList( base.cp5 , ( Tab ) base.cp5.controlWindow.getTabs( ).get( 1 ) , theName , theX , theY , theW , theH );
+		base.cp5.register( theObject , theIndex , myController );
+		myController.registerProperty( "listBoxItems" ).registerProperty( "value" );
+		return myController;
+	}
+
+	public ScrollableList addScrollableList( final String theName , final int theX , final int theY , final int theW , final int theH ) {
+		return addScrollableList( null , "" , theName , theX , theY , theW , theH );
+	}
+
+	/**
+	 * A list box is a list of items a user can choose from.
+	 * When items exceed the dedicated area of a list box, a
+	 * scrollbar is added to the right of the box. the Box
+	 * can be navigated using mouse click, drag and the
+	 * mouse-wheel.
+	 */
+	public ListBox addListBox( final String theName ) {
+		return addListBox( theName , 0 , 0 , 99 , 199 );
+	}
+
+	public ListBox addListBox( final Object theObject , String theIndex , final String theName , final int theX , final int theY , final int theW , final int theH ) {
+		ListBox myController = new ListBox( base.cp5 , ( Tab ) base.cp5.controlWindow.getTabs( ).get( 1 ) , theName , theX , theY , theW , theH );
+		base.cp5.register( theObject , theIndex , myController );
+		myController.registerProperty( "listBoxItems" ).registerProperty( "value" );
+		return myController;
+	}
+
+	public ListBox addListBox( final String theName , final int theX , final int theY , final int theW , final int theH ) {
+		return addListBox( null , "" , theName , theX , theY , theW , theH );
+	}
+
+	public DropdownList addDropdownList( final String theName ) {
+		return addDropdownList( theName , 0 , 0 , 99 , 99 );
+	}
+
+	public DropdownList addDropdownList( final Object theObject , final String theIndex , final String theName , final int theX , final int theY , final int theW , final int theH ) {
+		DropdownList myController = new DropdownList( base.cp5 , ( Tab ) base.cp5.controlWindow.getTabs( ).get( 1 ) , theName , theX , theY , theW , theH );
+		base.cp5.register( theObject , theIndex , myController );
+		myController.registerProperty( "listBoxItems" ).registerProperty( "value" );
+		return myController;
+	}
+
+	public DropdownList addDropdownList( final String theName , final int theX , final int theY , final int theW , final int theH ) {
+		return addDropdownList( null , "" , theName , theX , theY , theW , theH );
+	}
+
+	public ColorWheel addColorWheel( final Object theObject , final String theIndex , final String theName , final int theX , final int theY , final int theW ) {
+		ColorWheel myController = new ColorWheel( base.cp5 , ( Tab ) base.cp5.controlWindow.getTabs( ).get( 1 ) , theName , theX , theY , theW , theW );
+		base.cp5.register( theObject , theIndex , myController );
+		myController.registerProperty( "arrayValue" );
+		return myController;
+	}
+
+	public ColorWheel addColorWheel( final String theName , final int theX , final int theY , final int theW ) {
+		return addColorWheel( null , "" , theName , theX , theY , theW );
+	}
+
+	public ColorPicker addColorPicker( final String theName , final int theX , final int theY , final int theW , final int theH ) {
+		return addColorPicker( null , "" , theName , theX , theY , theW , theH );
+	}
+
+	public ColorPicker addColorPicker( final Object theObject , final String theIndex , final String theName , final int theX , final int theY , final int theW , final int theH ) {
+		ColorPicker myController = new ColorPicker( base.cp5 , ( Tab ) base.cp5.controlWindow.getTabs( ).get( 1 ) , theName , theX , theY , theW , theH );
+		base.cp5.register( theObject , theIndex , myController );
+		myController.registerProperty( "arrayValue" );
+		return myController;
+	}
+
+	public Chart addChart( String theName , int theX , int theY , int theW , int theH ) {
+		Chart myController = new Chart( base.cp5 , ( Tab ) base.cp5.controlWindow.getTabs( ).get( 1 ) , theName , theX , theY , theW , theH );
+		base.cp5.register( null , "" , myController );
+		return myController;
+	}
+
+	public Group addGroup( Object theObject , final String theIndex , String theName , int theX , int theY , int theW ) {
+		Group myController = new Group( base.cp5 , ( ControllerGroup< ? > ) base.cp5.controlWindow.getTabs( ).get( 1 ) , theName , theX , theY , theW , 9 );
+		base.cp5.register( theObject , theIndex , myController );
+		return myController;
+	}
+
+	public Group addGroup( Object theObject , String theIndex , String theName , int theX , int theY ) {
+		return addGroup( theObject , theIndex , theName , theX , theY , 99 );
+	}
+
+	public Group addGroup( String theName , int theX , int theY , int theW ) {
+		return addGroup( null , "" , theName , theX , theY , theW );
+	}
+
+	public Group addGroup( Object theObject , String theIndex , String theName ) {
+		return addGroup( theObject , theIndex , theName , 0 , 0 );
+	}
+
+	public Group addGroup( String theName , int theX , int theY ) {
+		return addGroup( null , "" , theName , theX , theY , 99 );
+	}
+
+	public Textlabel getTextlabel( String theText , int theX , int theY ) {
+		return new Textlabel( base.cp5 , theText , theX , theY );
+	}
+
+	public Textlabel getTextlabel( ) {
+		return getTextlabel( "" , 0 , 0 );
+	}
+
+	public Slider addSlider( Object theObject , final String theIndex , String theName ) {
+		return addSlider( theObject , theIndex , theName , 0 , 100 );
+	}
+
+	public Slider addSlider( String theName , float theMin , float theMax ) {
+		return addSlider( null , "" , theName , theMin , theMax );
+	}
+
+	public Slider addSlider( Object theObject , final String theIndex , String theName , float theMin , float theMax ) {
+		int x = ( int ) x( base.currentGroupPointer.autoPosition );
+		int y = ( int ) y( base.currentGroupPointer.autoPosition );
+		Slider s = addSlider( theObject , theIndex , theName , theMin , theMax , theMin , x , y , Slider.autoWidth , Slider.autoHeight );
+		base.linebreak( s , false , Slider.autoWidth , Slider.autoHeight , Slider.autoSpacing );
+		s.moveTo( base.currentGroupPointer );
+		if ( base.autoDirection == ControlP5Constants.VERTICAL ) {
+			s.linebreak( );
+		}
+		return s;
+	}
+
+	public Button addButton( Object theObject , final String theIndex , String theName ) {
+		return addButton( theObject , theIndex , theName , 1 );
+	}
+
+	public Button addButton( String theName , float theValue ) {
+		return addButton( null , "" , theName , theValue );
+	}
+
+	public Button addButton( Object theObject , final String theIndex , String theName , float theValue ) {
+		int x = ( int ) x( base.currentGroupPointer.autoPosition );
+		int y = ( int ) y( base.currentGroupPointer.autoPosition );
+		Button b = addButton( theObject , theIndex , theName , theValue , x , y , Button.autoWidth , Button.autoHeight );
+		base.linebreak( b , false , Button.autoWidth , Button.autoHeight , Button.autoSpacing );
+		b.moveTo( base.currentGroupPointer );
+		return b;
+	}
+
+	public ButtonBar addButtonBar( Object theObject , final String theIndex , String theName , float theValue ) {
+		int x = ( int ) x( base.currentGroupPointer.autoPosition );
+		int y = ( int ) y( base.currentGroupPointer.autoPosition );
+		ButtonBar b = addButtonBar( theObject , theIndex , theName , theValue , x , y , Button.autoWidth , Button.autoHeight );
+		base.linebreak( b , false , Button.autoWidth , Button.autoHeight , Button.autoSpacing );
+		b.moveTo( base.currentGroupPointer );
+		return b;
+	}
+
+	public Bang addBang( Object theObject , final String theIndex , String theName ) {
+		int x = ( int ) x( base.currentGroupPointer.autoPosition );
+		int y = ( int ) y( base.currentGroupPointer.autoPosition );
+		Bang b = addBang( theObject , theIndex , theName , x , y , Bang.autoWidth , Bang.autoHeight );
+		base.linebreak( b , false , Bang.autoWidth , Bang.autoHeight , Bang.autoSpacing );
+		b.moveTo( base.currentGroupPointer );
+		return b;
+	}
+
+	public Toggle addToggle( Object theObject , final String theIndex , String theName ) {
+		return addToggle( theObject , theIndex , theName , false );
+	}
+
+	public Toggle addToggle( Object theObject , final String theIndex , String theName , boolean theValue ) {
+		Toggle t = addToggle( theObject , theIndex , theName , theValue , x( base.currentGroupPointer.autoPosition ) , y( base.currentGroupPointer.autoPosition ) , Toggle.autoWidth , Toggle.autoHeight );
+		base.linebreak( t , false , Toggle.autoWidth , Toggle.autoHeight , t.autoSpacing );
+		t.moveTo( base.currentGroupPointer );
+		return t;
+	}
+
+	public Numberbox addNumberbox( Object theObject , final String theIndex , String theName ) {
+		int x = ( int ) x( base.currentGroupPointer.autoPosition );
+		int y = ( int ) y( base.currentGroupPointer.autoPosition );
+		Numberbox n = addNumberbox( theObject , theIndex , theName , x , y , Numberbox.autoWidth , Numberbox.autoHeight );
+		base.linebreak( n , false , Numberbox.autoWidth , Numberbox.autoHeight , n.autoSpacing );
+		n.moveTo( base.currentGroupPointer );
+		return n;
+	}
+
+	public Toggle addToggle( String theName , boolean theValue ) {
+		return addToggle( null , "" , theName , theValue );
+	}
+
+	public Knob addKnob( Object theObject , final String theIndex , String theName , int theMin , int theMax ) {
+		Knob n = addKnob( theObject , theIndex , theName , theMin , theMax , theMin , ( int ) x( base.currentGroupPointer.autoPosition ) , ( int ) y( base.currentGroupPointer.autoPosition ) , Knob.autoWidth );
+		base.linebreak( n , false , Knob.autoWidth , Knob.autoHeight , n.autoSpacing );
+		n.moveTo( base.currentGroupPointer );
+		return n;
+	}
+
+	public Knob addKnob( Object theObject , final String theIndex , String theName ) {
+		return addKnob( theObject , theIndex , theName , 0 , 100 );
+	}
+
+	public Knob addKnob( String theName , int theMin , int theMax ) {
+		return addKnob( null , "" , theName , theMin , theMax );
+	}
+
+	public ControlWindow addControlWindow( String theName ) {
+		ControlP5.logger( ).warning( "ControlWindow has been disabled currently, please have a look at the changlog.txt file inside the src folder." );
+		return null;
+	}
+
+	/**
+	 * Adds Controllers by Object reference, currently
+	 * supports Slider, Bang, Button, Knob, Numberbox,
+	 * Toggle, Textlabel, Textfield, Range, Slider2D. For
+	 * internal use rather than on application level.
+	 */
+	public < C > C addController( final Object theObject , final String theIndex , final String theName , final Class< C > theClass , int theX , int theY ) {
+		Controller< ? > c = null;
+		if ( theClass.equals( Slider.class ) ) {
+			c = addSlider( theObject , theIndex , theName , 0 , 100 , 0 , 0 , 0 , 99 , 9 );
+		} else if ( theClass.equals( Bang.class ) ) {
+			c = addBang( theObject , theIndex , theName , 0 , 0 , 19 , 19 );
+		} else if ( theClass.equals( Button.class ) ) {
+			c = addButton( theObject , theIndex , theName , 0 , 0 , 0 , 49 , 19 );
+		} else if ( theClass.equals( Knob.class ) ) {
+			c = addKnob( theObject , theIndex , theName , 0 , 100 , 0 , 0 , 0 , 49 );
+		} else if ( theClass.equals( Numberbox.class ) ) {
+			c = addNumberbox( theObject , theIndex , theName , 0 , 0 , 0 , 99 , 19 );
+		} else if ( theClass.equals( Toggle.class ) ) {
+			c = addToggle( theObject , theIndex , theName , false , 0 , 0 , 49 , 19 );
+		} else if ( theClass.equals( Textfield.class ) ) {
+			c = addTextfield( theObject , theIndex , theName , 0 , 0 , 99 , 19 );
+		} else if ( theClass.equals( Range.class ) ) {
+			c = addRange( theObject , theIndex , theName , 0 , 100 , 0 , 100 , 0 , 0 , 99 , 9 );
+		} else if ( theClass.equals( Slider2D.class ) ) {
+			c = addSlider2D( theObject , theIndex , theName , 0 , 100 , 0 , 100 , 0 , 0 , 0 , 0 , 99 , 99 );
+		} else if ( theClass.equals( DropdownList.class ) ) {
+			c = addDropdownList( theObject , theIndex , theName , theX , theY , 199 , 99 );
+		} else if ( theClass.equals( ListBox.class ) ) {
+			c = addListBox( theObject , theIndex , theName , theX , theY , 199 , 99 );
+		} else if ( theClass.equals( ScrollableList.class ) ) {
+			c = addScrollableList( theObject , theIndex , theName , theX , theY , 199 , 99 );
+		} else if ( theClass.equals( Textlabel.class ) ) {
+			c = addTextlabel( theName , "<empty>" );
+		}
+		// TODO MultiList, Matrix
+		c.setPosition( theX , theY );
+		return ( C ) c;
+	}
+
+	/**
+	 * Use with caution, only for internal use.
+	 * 
+	 * @exclude
+	 */
+	@ControlP5.Invisible public < C > C addGroup( final Object theObject , final String theIndex , final String theName , final Class< C > theClass , int theX , int theY , int theW , int theH ) {
+		ControlGroup< ? > c = null;
+		if ( theClass.equals( RadioButton.class ) ) {
+			c = addRadioButton( theObject , theIndex , theName , theX , theY );
+		} else if ( theClass.equals( CheckBox.class ) ) {
+			c = addCheckBox( theObject , theIndex , theName , theX , theY );
+		} else if ( theClass.equals( ControlGroup.class ) ) {
+			c = addGroup( theObject , theIndex , theName , theX , theY );
+		} else if ( theClass.equals( Group.class ) ) {
+			c = addGroup( theObject , theIndex , theName , theX , theY );
+		}
+		c.setPosition( theX , theY );
+		c.setWidth( theW );
+		c.setHeight( theH );
+		return ( C ) c;
+	}
+
+	public < C > C addController( String theName , Class< C > theClass , int theX , int theY ) {
+		return addController( null , "" , theName , theClass , theX , theY );
+	}
+
+	@Deprecated public Controller< ? > getController( String theName , Object theObject ) {
+		if ( base._myObjectToControllerMap.containsKey( theObject ) ) {
+			ArrayList< ControllerInterface< ? >> cs = base._myObjectToControllerMap.get( theObject );
+			for ( ControllerInterface< ? > c : cs ) {
+				if ( c.getName( ).equals( theName ) ) {
+					return ( Controller< ? > ) c;
+				}
+			}
+		}
+		return null;
+	}
+
+	@Deprecated public Tab addTab( PApplet theWindow , String theName ) {
+		return addTab( base.cp5.controlWindow , theName );
+	}
+
+	@Deprecated public Tab addTab( ControlWindow theWindow , String theName ) {
+		for ( int i = 0 ; i < theWindow.getTabs( ).size( ) ; i++ ) {
+			if ( theWindow.getTabs( ).get( i ).getName( ).equals( theName ) ) {
+				return ( Tab ) theWindow.getTabs( ).get( i );
+			}
+		}
+		Tab myTab = new Tab( base.cp5 , theWindow , theName );
+		theWindow.getTabs( ).add( myTab );
+		return myTab;
+	}
+
+	@Deprecated public ControlWindow addControlWindow( final String theName , final int theX , final int theY , final int theWidth , final int theHeight , String theRenderer , int theFrameRate ) {
+
+		// for (int i = 0; i < cp5.controlWindowList.size();
+		// i++) {
+		// if (((ControlWindow)
+		// cp5.controlWindowList.get(i)).name().equals(theWindowName))
+		// {
+		// ControlP5.logger().warning("ControlWindow with name "
+		// + theWindowName +
+		// " already exists. overwriting now.");
+		// }
+		// }
+		// PAppletWindow myPAppletWindow = new
+		// PAppletWindow(cp5, theWindowName, theX, theY,
+		// theWidth, theHeight, theRenderer,
+		// theFrameRate);
+		// myPAppletWindow.setParent(cp5);
+		// myPAppletWindow.setMode(PAppletWindow.ECONOMIC);
+		// ControlWindow myControlWindow = new
+		// ControlWindow(cp5, myPAppletWindow);
+		// cp5.controlWindowList.add(myControlWindow);
+		// return myControlWindow;
+		return addControlWindow( theName );
+	}
+
+	@Deprecated public ControlWindow addControlWindow( final String theWindowName , final int theWidth , final int theHeight ) {
+		return addControlWindow( theWindowName , 100 , 100 , theWidth , theHeight , "" , 30 );
+	}
+
+	@Deprecated public ControlWindow addControlWindow( final String theWindowName , final int theX , final int theY , final int theWidth , final int theHeight ) {
+		return addControlWindow( theWindowName , theX , theY , theWidth , theHeight , "" , 30 );
+	}
+
+	@Deprecated public ControlWindow addControlWindow( final String theWindowName , final int theX , final int theY , final int theWidth , final int theHeight , final int theFrameRate ) {
+		return addControlWindow( theWindowName , theX , theY , theWidth , theHeight , "" , theFrameRate );
+	}
+
+	@Deprecated public Slider2D addSlider2D( String theName , int theX , int theY , int theW , int theH ) {
+		return addSlider2D( null , "" , theName , 0 , theW , 0 , theH , 0 , 0 , theX , theY , theW , theH );
+	}
+
+	@Deprecated public Slider2D addSlider2D( Object theObject , final String theIndex , final String theName , int theX , int theY , int theW , int theH ) {
+		return addSlider2D( theObject , theIndex , theName , 0 , theW , 0 , theH , 0 , 0 , theX , theY , theW , theH );
+	}
+
+	@Deprecated public Slider2D addSlider2D( String theName , float theMinX , float theMaxX , float theMinY , float theMaxY , float theDefaultValueX , float theDefaultValueY , int theX , int theY , int theW , int theH ) {
+		return addSlider2D( null , "" , theName , theMinX , theMaxX , theMinY , theMaxY , theDefaultValueX , theDefaultValueY , theX , theY , theW , theH );
+	}
+
+	@Deprecated public Button addButton( final String theName , final float theValue , final int theX , final int theY , final int theW , final int theH ) {
+		return addButton( null , "" , theName , theValue , theX , theY , theW , theH );
+	}
+
+	@Deprecated public Bang addBang( final String theName , final int theX , final int theY ) {
+		return addBang( null , "" , theName , theX , theY , 20 , 20 );
+	}
+
+	@Deprecated public Bang addBang( final String theName , final int theX , final int theY , final int theWidth , final int theHeight ) {
+		return addBang( null , "" , theName , theX , theY , theWidth , theHeight );
+	}
+
+	@Deprecated public Toggle addToggle( final String theName , final boolean theDefaultValue , final float theX , final float theY , final int theWidth , final int theHeight ) {
+		return addToggle( null , "" , theName , theDefaultValue , theX , theY , theWidth , theHeight );
+	}
+
+	@Deprecated public Toggle addToggle( final String theName , final float theX , final float theY , final int theWidth , final int theHeight ) {
+		return addToggle( null , "" , theName , false , theX , theY , theWidth , theHeight );
+	}
+
+	@Deprecated public Toggle addToggle( final Object theObject , final String theIndex , final String theName , final float theX , final float theY , final int theWidth , final int theHeight ) {
+		return addToggle( theObject , theIndex , theName , false , theX , theY , theWidth , theHeight );
+	}
+}
diff --git a/src/controlP5/ControlTimer.java b/src/controlP5/ControlTimer.java
new file mode 100755
index 0000000..cba5d05
--- /dev/null
+++ b/src/controlP5/ControlTimer.java
@@ -0,0 +1,150 @@
+package controlP5;
+
+/**
+ * controlP5 is a processing gui library.
+ *
+ *  2006-2012 by Andreas Schlegel
+ *
+ * This library is free software; you can redistribute it and/or
+ * modify it under the terms of the GNU Lesser General Public License
+ * as published by the Free Software Foundation; either version 2.1
+ * of the License, or (at your option) any later version.
+ * This library is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
+ * Lesser General Public License for more details.
+ *
+ * You should have received a copy of the GNU Lesser General
+ * Public License along with this library; if not, write to the
+ * Free Software Foundation, Inc., 59 Temple Place, Suite 330,
+ * Boston, MA 02111-1307 USA
+ *
+ * @author 		Andreas Schlegel (http://www.sojamo.de)
+ * @modified	##date##
+ * @version		##version##
+ *
+ */
+
+/**
+ * control timer is a timer that can be used for example as a stop watch or a duration timer.
+ * 
+ * @example controllers/ControlP5timer
+ */
+public class ControlTimer {
+
+	long millisOffset;
+
+	int ms, s, m, h, d;
+
+	float _mySpeed = 1;
+
+	int current, previous;
+
+	/**
+	 * create a new control timer, a timer that counts up in time.
+	 */
+	public ControlTimer() {
+		reset();
+	}
+
+	/**
+	 * return a string representation of the current status of the timer.
+	 * 
+	 * @return String
+	 */
+	public String toString() {
+		update();
+		return (((h < 10) ? "0" + h : "" + h) + " : " + ((m < 10) ? "0" + m : "" + m) + " : " + ((s < 10) ? "0" + s : "" + s) // +
+																																// " : "
+																																// +
+		// ((ms<100) ? "0" + ms: "" +ms)
+		);
+	}
+
+	/**
+	 * called to update the timer.
+	 */
+	public void update() {
+		current = (int) time();
+		if (current > previous + 10) {
+			ms = (int) (current * _mySpeed);
+			s = (int) (((current * _mySpeed) / 1000));
+			m = (int) (s / 60);
+			h = (int) (m / 60);
+			d = (int) (h / 24);
+			ms %= 1000;
+			s %= 60;
+			m %= 60;
+			h %= 24;
+			previous = current;
+		}
+
+	}
+
+	/**
+	 * get the time in milliseconds since the timer was started.
+	 * 
+	 * @return long
+	 */
+	public long time() {
+		return (System.currentTimeMillis() - millisOffset);
+	}
+
+	/**
+	 * reset the timer.
+	 */
+	public void reset() {
+		millisOffset = System.currentTimeMillis();
+		current = previous = 0;
+		s = 0; // Values from 0 - 59
+		m = 0; // Values from 0 - 59
+		h = 0; // Values from 0 - 23
+		update();
+	}
+
+	/**
+	 * set the speed of time, for slow motion or high speed.
+	 * 
+	 * @param theSpeed int
+	 */
+	public void setSpeedOfTime(float theSpeed) {
+		_mySpeed = theSpeed;
+		update();
+	}
+
+	/**
+	 * Get the milliseconds of the timer.
+	 */
+	public int millis() {
+		return ms;
+	}
+
+	/**
+	 * Seconds position of the timer.
+	 */
+	public int second() {
+		return s;
+	}
+
+	/**
+	 * Minutes position of the timer.
+	 */
+	public int minute() {
+		return m;
+	}
+
+	/**
+	 * Hour position of the timer in international format (0-23).
+	 */
+	public int hour() {
+		return h;
+	}
+
+	/**
+	 * day position of the timer.
+	 */
+	public int day() {
+		return d;
+	}
+
+}
diff --git a/src/controlP5/ControlWindow.java b/src/controlP5/ControlWindow.java
new file mode 100755
index 0000000..0d47a2f
--- /dev/null
+++ b/src/controlP5/ControlWindow.java
@@ -0,0 +1,988 @@
+package controlP5;
+
+/**
+ * controlP5 is a processing gui library.
+ * 
+ * 2006-2014 by Andreas Schlegel
+ * 
+ * This library is free software; you can redistribute it
+ * and/or modify it under the terms of the GNU Lesser
+ * General Public License as published by the Free Software
+ * Foundation; either version 2.1 of the License, or (at
+ * your option) any later version. This library is
+ * distributed in the hope that it will be useful, but
+ * WITHOUT ANY WARRANTY; without even the implied warranty
+ * of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.
+ * See the GNU Lesser General Public License for more
+ * details.
+ * 
+ * You should have received a copy of the GNU Lesser General
+ * Public License along with this library; if not, write to
+ * the Free Software Foundation, Inc., 59 Temple Place,
+ * Suite 330, Boston, MA 02111-1307 USA
+ * 
+ * @author Andreas Schlegel (http://www.sojamo.de)
+ * @modified ##date##
+ * @version ##version##
+ * 
+ */
+
+import java.util.ArrayList;
+import java.util.List;
+import java.util.concurrent.CopyOnWriteArrayList;
+
+import processing.core.PApplet;
+import processing.core.PConstants;
+import processing.core.PGraphics;
+import processing.core.PVector;
+import processing.event.KeyEvent;
+import processing.event.MouseEvent;
+import controlP5.ControlP5Base.KeyCode;
+
+// TODO ! add mouse-button mask for left, center, right; also see Controller #mouse-button ^1
+
+/**
+ * @example controllers/ControlP5window
+ */
+public final class ControlWindow {
+
+	protected ControlP5 cp5;
+	protected Controller< ? > isControllerActive;
+	public int background = 0x00000000;
+	protected CColor color = new CColor( );
+	private String _myName = "main";
+	protected PApplet _myApplet;
+	protected ControllerList _myTabs;
+	protected boolean isVisible = true;
+	protected boolean isInit = false;
+	protected boolean isRemove = false;
+	protected CDrawable _myDrawable;
+	protected boolean isAutoDraw;
+	protected boolean isUpdate;
+	protected List< Canvas > _myCanvas;
+	protected boolean isDrawBackground = true;
+	protected boolean isUndecorated = false;
+	protected PVector autoPosition = new PVector( 10 , 30 , 0 );
+	protected float tempAutoPositionHeight = 0;
+	protected boolean rendererNotification = false;
+	protected PVector positionOfTabs = new PVector( 0 , 0 , 0 );
+	private int _myFrameCount = 0;
+	private boolean isMouse = true;
+	private Pointer _myPointer;
+	private int mouseWheelMoved = 0;
+	private List< ControllerInterface< ? >> mouseoverlist;
+	private boolean isMouseOver;
+	protected int mouseX;
+	protected int mouseY;
+	protected int pmouseX;
+	protected int pmouseY;
+	protected boolean mousePressed;
+	protected long mousePressedTime;
+	protected long pmousePressedTime;
+	protected boolean mouselock;
+	protected char key;
+	protected int keyCode;
+	private boolean[] keys = new boolean[ 525 ];
+	private int numOfActiveKeys = 0;
+	private boolean focused = true;
+
+	/**
+	 * @exclude
+	 */
+	public ControlWindow( final ControlP5 theControlP5 , final PApplet theApplet ) {
+		mouseoverlist = new ArrayList< ControllerInterface< ? >>( );
+		cp5 = theControlP5;
+		_myApplet = theApplet;
+		isAutoDraw = true;
+		init( );
+	}
+
+	protected void init( ) {
+
+		_myPointer = new Pointer( );
+		_myCanvas = new ArrayList< Canvas >( );
+		_myTabs = new ControllerList( );
+		_myTabs.add( new Tab( cp5 , this , "global" ) );
+		_myTabs.add( new Tab( cp5 , this , "default" ) );
+		activateTab( ( Tab ) _myTabs.get( 1 ) );
+
+		/* register a post event that will be called by
+		 * processing after the draw method has been
+		 * finished. */
+
+		// processing pre 2.0 will not draw automatically if
+		// in P3D mode. in earlier versions of
+		// controlP5 this had been checked here and the user
+		// had been informed to draw controlP5
+		// manually by adding cp5.draw() to the sketch's
+		// draw function. with processing 2.0 and this
+		// version of controlP5 this notification does no
+		// longer exist.
+
+		if ( isInit == false ) {
+			_myApplet.registerMethod( "pre" , this );
+			_myApplet.registerMethod( "draw" , this );
+			if ( !cp5.isAndroid ) {
+				_myApplet.registerMethod( "keyEvent" , this );
+				_myApplet.registerMethod( "mouseEvent" , this );
+			}
+		}
+
+		mousePressedTime = System.currentTimeMillis( );
+		pmousePressedTime = System.currentTimeMillis( );
+
+		isInit = true;
+	}
+
+	public Tab getCurrentTab( ) {
+		for ( int i = 1 ; i < _myTabs.size( ) ; i++ ) {
+			if ( ( ( Tab ) _myTabs.get( i ) ).isActive( ) ) {
+				return ( Tab ) _myTabs.get( i );
+			}
+		}
+		return null;
+	}
+
+	public ControlWindow activateTab( String theTab ) {
+
+		for ( int i = 1 ; i < _myTabs.size( ) ; i++ ) {
+			if ( ( ( Tab ) _myTabs.get( i ) ).getName( ).equals( theTab ) ) {
+				if ( ! ( ( Tab ) _myTabs.get( i ) ).isActive ) {
+					resetMouseOver( );
+				}
+				activateTab( ( Tab ) _myTabs.get( i ) );
+			}
+		}
+		return this;
+	}
+
+	public ControlWindow removeTab( Tab theTab ) {
+		_myTabs.remove( theTab );
+		return this;
+	}
+
+	public Tab add( Tab theTab ) {
+		_myTabs.add( theTab );
+		return theTab;
+	}
+
+	public Tab addTab( String theTab ) {
+		return getTab( theTab );
+	}
+
+	protected ControlWindow activateTab( Tab theTab ) {
+		for ( int i = 1 ; i < _myTabs.size( ) ; i++ ) {
+			if ( _myTabs.get( i ) == theTab ) {
+				if ( ! ( ( Tab ) _myTabs.get( i ) ).isActive ) {
+					resetMouseOver( );
+				}
+				( ( Tab ) _myTabs.get( i ) ).setActive( true );
+			} else {
+				( ( Tab ) _myTabs.get( i ) ).setActive( false );
+			}
+		}
+		return this;
+	}
+
+	public ControllerList getTabs( ) {
+		return _myTabs;
+	}
+
+	public Tab getTab( String theTabName ) {
+		return cp5.getTab( this , theTabName );
+	}
+
+	/**
+	 * Sets the position of the tab bar which is set to 0,0
+	 * by default. to move the tabs to y-position 100, use
+	 * cp5.window().setPositionOfTabs(new PVector(0,100,0));
+	 * 
+	 * @param thePVector
+	 */
+	public ControlWindow setPositionOfTabs( PVector thePVector ) {
+		positionOfTabs.set( thePVector );
+		return this;
+	}
+
+	public ControlWindow setPositionOfTabs( int theX , int theY ) {
+		positionOfTabs.set( theX , theY , positionOfTabs.z );
+		return this;
+	}
+
+	/**
+	 * Returns the position of the tab bar as PVector. to
+	 * move the tabs to y-position 100, use
+	 * cp5.window().getPositionOfTabs().y = 100; or
+	 * cp5.window().setPositionOfTabs(new PVector(0,100,0));
+	 * 
+	 * @return PVector
+	 */
+	public PVector getPositionOfTabs( ) {
+		return positionOfTabs;
+	}
+
+	void setAllignmentOfTabs( int theValue , int theWidth ) {
+		// TODO
+	}
+
+	void setAllignmentOfTabs( int theValue , int theWidth , int theHeight ) {
+		// TODO
+	}
+
+	void setAllignmentOfTabs( int theValue ) {
+		// TODO
+	}
+
+	public void remove( ) {
+		for ( int i = _myTabs.size( ) - 1 ; i >= 0 ; i-- ) {
+			( ( Tab ) _myTabs.get( i ) ).remove( );
+		}
+		_myTabs.clear( );
+		_myTabs.clearDrawable( );
+	}
+
+	/**
+	 * clear the control window, delete all controllers from
+	 * a control window.
+	 */
+	public ControlWindow clear( ) {
+		remove( );
+		return this;
+	}
+
+	protected void updateFont( ControlFont theControlFont ) {
+		for ( int i = 0 ; i < _myTabs.size( ) ; i++ ) {
+			( ( Tab ) _myTabs.get( i ) ).updateFont( theControlFont );
+		}
+	}
+
+	/**
+	 * @exclude
+	 */
+	@ControlP5.Invisible public void updateEvents( ) {
+		handleMouseOver( );
+		handleMouseWheelMoved( );
+		if ( _myTabs.size( ) <= 0 ) {
+			return;
+		}
+		( ( ControllerInterface< ? > ) _myTabs.get( 0 ) ).updateEvents( );
+		for ( int i = 1 ; i < _myTabs.size( ) ; i++ ) {
+			( ( Tab ) _myTabs.get( i ) ).continuousUpdateEvents( );
+			if ( ( ( Tab ) _myTabs.get( i ) ).isActive( ) && ( ( Tab ) _myTabs.get( i ) ).isVisible( ) ) {
+				( ( ControllerInterface< ? > ) _myTabs.get( i ) ).updateEvents( );
+			}
+		}
+	}
+
+	/**
+	 * returns true if the mouse is inside a controller. !!!
+	 * doesnt work for groups yet.
+	 */
+	public boolean isMouseOver( ) {
+		// TODO doesnt work for all groups yet, only ListBox
+		// and DropdownList.
+		if ( _myFrameCount + 1 < _myApplet.frameCount ) {
+			resetMouseOver( );
+		}
+		return isVisible ? isMouseOver : false;
+	}
+
+	public boolean isMouseOver( ControllerInterface< ? > theController ) {
+		return mouseoverlist.contains( theController );
+	}
+
+	public void resetMouseOver( ) {
+		isMouseOver = false;
+		for ( int i = mouseoverlist.size( ) - 1 ; i >= 0 ; i-- ) {
+			mouseoverlist.get( i ).setMouseOver( false );
+		}
+		mouseoverlist.clear( );
+	}
+
+	public ControllerInterface< ? > getFirstFromMouseOverList( ) {
+		if ( getMouseOverList( ).isEmpty( ) ) {
+			return null;
+		} else {
+			return getMouseOverList( ).get( 0 );
+		}
+	}
+
+	/**
+	 * A list of controllers that are registered with a
+	 * mouseover.
+	 */
+	public List< ControllerInterface< ? >> getMouseOverList( ) {
+		return mouseoverlist;
+	}
+
+	private ControlWindow handleMouseOver( ) {
+		for ( int i = mouseoverlist.size( ) - 1 ; i >= 0 ; i-- ) {
+			if ( !mouseoverlist.get( i ).isMouseOver( ) || !isVisible ) {
+				mouseoverlist.remove( i );
+			}
+		}
+		isMouseOver = mouseoverlist.size( ) > 0;
+		return this;
+	}
+
+	public ControlWindow removeMouseOverFor( ControllerInterface< ? > theController ) {
+		mouseoverlist.remove( theController );
+		return this;
+	}
+
+	protected ControlWindow setMouseOverController( ControllerInterface< ? > theController ) {
+		if ( !mouseoverlist.contains( theController ) && isVisible && theController.isVisible( ) ) {
+			mouseoverlist.add( theController );
+		}
+		isMouseOver = true;
+		return this;
+	}
+
+	/**
+	 * updates all controllers inside the control window if
+	 * update is enabled.
+	 * 
+	 * @exclude
+	 */
+	public void update( ) {
+		( ( ControllerInterface< ? > ) _myTabs.get( 0 ) ).update( );
+		for ( int i = 1 ; i < _myTabs.size( ) ; i++ ) {
+			( ( Tab ) _myTabs.get( i ) ).update( );
+		}
+	}
+
+	/**
+	 * enable or disable the update function of a control
+	 * window.
+	 */
+	public void setUpdate( boolean theFlag ) {
+		isUpdate = theFlag;
+		for ( int i = 0 ; i < _myTabs.size( ) ; i++ ) {
+			( ( ControllerInterface< ? > ) _myTabs.get( i ) ).setUpdate( theFlag );
+		}
+	}
+
+	/**
+	 * check the update status of a control window.
+	 */
+	public boolean isUpdate( ) {
+		return isUpdate;
+	}
+
+	public ControlWindow addCanvas( Canvas theCanvas ) {
+		_myCanvas.add( theCanvas );
+		theCanvas.setControlWindow( this );
+		theCanvas.setup( _myApplet.g );
+		return this;
+	}
+
+	public ControlWindow removeCanvas( Canvas theCanvas ) {
+		_myCanvas.remove( theCanvas );
+		return this;
+	}
+
+	private boolean isReset = false;
+
+	public ControlWindow pre( ) {
+
+		if ( _myFrameCount + 1 < _myApplet.frameCount ) {
+			if ( isReset ) {
+				resetMouseOver( );
+				isReset = false;
+			}
+		} else {
+			isReset = true;
+		}
+
+		if ( papplet( ).focused != focused ) {
+			clearKeys( );
+			mousePressed = false;
+			focused = papplet( ).focused;
+		}
+
+		return this;
+	}
+
+	boolean pmouseReleased; // Android
+
+	boolean pmousePressed; // Android
+
+	/**
+	 * when in Android mode, call mouseEvent(int, int,
+	 * boolean).
+	 */
+	public void mouseEvent( int theX , int theY , boolean pressed ) {
+
+		mouseX = theX - cp5.pgx;
+		mouseY = theY - cp5.pgy;
+
+		if ( pressed && !pmousePressed ) {
+			updateEvents( );
+			mousePressedEvent( );
+			pmousePressedTime = mousePressedTime;
+			mousePressedTime = System.currentTimeMillis( );
+			pmousePressed = true;
+			pmouseReleased = false;
+		} else if ( !pressed && !pmouseReleased ) {
+			updateEvents( );
+			mouseReleasedEvent( );
+			for ( ControllerInterface c : mouseoverlist ) {
+				if ( c instanceof Controller ) {
+					final Controller c1 = ( ( Controller ) c );
+					c1.onLeave( );
+					c1.onRelease( );
+					cp5.getControlBroadcaster( ).invokeAction( new CallbackEvent( c1 , ControlP5.ACTION_LEAVE ) );
+					c1.callListener( ControlP5.ACTION_LEAVE );
+					cp5.getControlBroadcaster( ).invokeAction( new CallbackEvent( c1 , ControlP5.ACTION_RELEASE ) );
+					c1.callListener( ControlP5.ACTION_RELEASE );
+				} else if ( c instanceof ControllerGroup ) {
+					( ( ControllerGroup ) c ).mouseReleased( );
+				}
+			}
+			resetMouseOver( );
+			pmousePressed = false;
+			pmouseReleased = true;
+
+		}
+	}
+
+	/**
+	 * @exclude
+	 */
+	public void mouseEvent( MouseEvent theMouseEvent ) {
+		if ( isMouse ) {
+			mouseX = theMouseEvent.getX( ) - cp5.pgx;
+			mouseY = theMouseEvent.getY( ) - cp5.pgy;
+			if ( theMouseEvent.getAction( ) == MouseEvent.PRESS ) {
+				mousePressedEvent( );
+			}
+			if ( theMouseEvent.getAction( ) == MouseEvent.RELEASE ) {
+				mouseReleasedEvent( );
+			}
+			if ( theMouseEvent.getAction( ) == MouseEvent.WHEEL ) {
+
+				setMouseWheelRotation( theMouseEvent.getCount( ) );
+
+			}
+		}
+	}
+
+	public void keyEvent( KeyEvent theKeyEvent ) {
+
+		if ( theKeyEvent.getAction( ) == KeyEvent.PRESS ) {
+			keys[ theKeyEvent.getKeyCode( ) ] = true;
+			numOfActiveKeys++;
+			cp5.modifiers = theKeyEvent.getModifiers( );
+			key = theKeyEvent.getKey( );
+			keyCode = theKeyEvent.getKeyCode( );
+		}
+
+		if ( theKeyEvent.getAction( ) == KeyEvent.RELEASE ) {
+			keys[ theKeyEvent.getKeyCode( ) ] = false;
+			numOfActiveKeys--;
+			cp5.modifiers = theKeyEvent.getModifiers( );
+		}
+
+		if ( theKeyEvent.getAction( ) == KeyEvent.PRESS && cp5.isShortcuts( ) ) {
+			int n = 0;
+			for ( boolean b : keys ) {
+				n += b ? 1 : 0;
+			}
+			char[] c = new char[ n ];
+			n = 0;
+			for ( int i = 0 ; i < keys.length ; i++ ) {
+				if ( keys[ i ] ) {
+					c[ n++ ] = ( ( char ) i );
+				}
+			}
+			KeyCode code = new KeyCode( c );
+
+			if ( cp5.keymap.containsKey( code ) ) {
+				for ( ControlKey ck : cp5.keymap.get( code ) ) {
+					ck.keyEvent( );
+				}
+			}
+		}
+
+		handleKeyEvent( theKeyEvent );
+	}
+
+	public void clearKeys( ) {
+		keys = new boolean[ 525 ];
+		numOfActiveKeys = 0;
+	}
+
+	// TODO
+	public void draw( PGraphics pg , int theX , int theY ) {
+
+	}
+
+	/**
+	 * @exclude draw content.
+	 */
+	public void draw( ) {
+		_myFrameCount = _myApplet.frameCount;
+		draw( cp5.pg );
+	}
+
+	public void draw( PGraphics pg ) {
+
+		if ( cp5.blockDraw == false ) {
+			if ( cp5.isAndroid ) {
+				mouseEvent( cp5.papplet.mouseX , cp5.papplet.mouseY , cp5.papplet.mousePressed );
+			} else {
+				updateEvents( );
+			}
+			if ( isVisible ) {
+				if ( cp5.isGraphics ) {
+					pg.beginDraw( );
+					if ( ( ( background >> 24 ) & 0xff ) != 0 ) {
+						pg.background( background );
+					}
+				}
+
+				// TODO save stroke, noStroke, fill, noFill, strokeWeight parameters and restore after drawing controlP5 elements.
+
+				int myRectMode = pg.rectMode;
+				int myEllipseMode = pg.ellipseMode;
+				int myImageMode = pg.imageMode;
+				pg.pushStyle( );
+				pg.rectMode( PConstants.CORNER );
+				pg.ellipseMode( PConstants.CORNER );
+				pg.imageMode( PConstants.CORNER );
+				pg.noStroke( );
+
+				if ( _myDrawable != null ) {
+					_myDrawable.draw( pg );
+				}
+
+				for ( int i = 0 ; i < _myCanvas.size( ) ; i++ ) {
+					if ( ( _myCanvas.get( i ) ).mode( ) == Canvas.PRE ) {
+						( _myCanvas.get( i ) ).update( _myApplet );
+						( _myCanvas.get( i ) ).draw( pg );
+					}
+				}
+
+				pg.noStroke( );
+				pg.noFill( );
+				int myOffsetX = ( int ) getPositionOfTabs( ).x;
+				int myOffsetY = ( int ) getPositionOfTabs( ).y;
+				int myHeight = 0;
+
+				if ( _myTabs.size( ) > 0 ) {
+					for ( int i = 1 ; i < _myTabs.size( ) ; i++ ) {
+						if ( ( ( Tab ) _myTabs.get( i ) ).isVisible( ) ) {
+							if ( myHeight < ( ( Tab ) _myTabs.get( i ) ).height( ) ) {
+								myHeight = ( ( Tab ) _myTabs.get( i ) ).height( );
+							}
+
+							// conflicts with Android, getWidth not found TODO
+
+							// if (myOffsetX >
+							// (papplet().getWidth()) -
+							// ((Tab)
+							// _myTabs.get(i)).width()) {
+							// myOffsetY += myHeight + 1;
+							// myOffsetX = (int)
+							// getPositionOfTabs().x;
+							// myHeight = 0;
+							// }
+
+							( ( Tab ) _myTabs.get( i ) ).setOffset( myOffsetX , myOffsetY );
+
+							if ( ( ( Tab ) _myTabs.get( i ) ).isActive( ) ) {
+								( ( Tab ) _myTabs.get( i ) ).draw( pg );
+							}
+
+							if ( ( ( Tab ) _myTabs.get( i ) ).updateLabel( ) ) {
+								( ( Tab ) _myTabs.get( i ) ).drawLabel( pg );
+							}
+							myOffsetX += ( ( Tab ) _myTabs.get( i ) ).width( );
+						}
+					}
+					( ( ControllerInterface< ? > ) _myTabs.get( 0 ) ).draw( pg );
+				}
+				for ( int i = 0 ; i < _myCanvas.size( ) ; i++ ) {
+					if ( ( _myCanvas.get( i ) ).mode( ) == Canvas.POST ) {
+						( _myCanvas.get( i ) ).draw( pg );
+					}
+				}
+
+				pmouseX = mouseX;
+				pmouseY = mouseY;
+
+				/* draw Tooltip here. */
+
+				cp5.getTooltip( ).draw( this );
+				pg.rectMode( myRectMode );
+				pg.ellipseMode( myEllipseMode );
+				pg.imageMode( myImageMode );
+				pg.popStyle( );
+
+				if ( cp5.isGraphics ) {
+					pg.endDraw( );
+					cp5.papplet.image( pg , cp5.pgx , cp5.pgy );
+				}
+			}
+		}
+
+	}
+
+	/**
+	 * Adds a custom context to a ControlWindow. Use a
+	 * custom class which implements the CDrawable interface
+	 * 
+	 * @see controlP5.CDrawable
+	 * @param theDrawable CDrawable
+	 */
+	public ControlWindow setContext( CDrawable theDrawable ) {
+		_myDrawable = theDrawable;
+		return this;
+	}
+
+	/**
+	 * returns the name of the control window.
+	 */
+	public String name( ) {
+		return _myName;
+	}
+
+	private void mousePressedEvent( ) {
+		if ( isVisible ) {
+			mousePressed = true;
+			pmousePressedTime = mousePressedTime;
+			mousePressedTime = System.currentTimeMillis( );
+			for ( int i = 0 ; i < _myTabs.size( ) ; i++ ) {
+				if ( ( ( ControllerInterface< ? > ) _myTabs.get( i ) ).setMousePressed( true ) ) {
+					mouselock = true;
+					return;
+				}
+			}
+		}
+	}
+
+	private void mouseReleasedEvent( ) {
+		if ( isVisible ) {
+			mousePressed = false;
+			mouselock = false;
+			for ( int i = 0 ; i < _myTabs.size( ) ; i++ ) {
+				( ( ControllerInterface< ? > ) _myTabs.get( i ) ).setMousePressed( false );
+			}
+		}
+	}
+
+	void setMouseWheelRotation( int theRotation ) {
+		if ( isMouseOver( ) ) {
+			mouseWheelMoved = theRotation;
+		}
+	}
+
+	@SuppressWarnings( "unchecked" ) private void handleMouseWheelMoved( ) {
+		if ( mouseWheelMoved != 0 ) {
+			List< ControllerInterface< ? >> mouselist = new CopyOnWriteArrayList< ControllerInterface< ? >>( mouseoverlist );
+			for ( ControllerInterface< ? > c : mouselist ) {
+				if ( c.isVisible( ) ) {
+					if ( c instanceof Controller ) {
+						( ( Controller ) c ).onScroll( mouseWheelMoved );
+						cp5.getControlBroadcaster( ).invokeAction( new CallbackEvent( ( Controller ) c , ControlP5.ACTION_WHEEL ) );
+						( ( Controller ) c ).callListener( ControlP5.ACTION_WHEEL );
+					}
+					if ( c instanceof ControllerGroup ) {
+						( ( ControllerGroup ) c ).onScroll( mouseWheelMoved );
+					}
+					if ( c instanceof Slider ) {
+						( ( Slider ) c ).scrolled( mouseWheelMoved );
+					} else if ( c instanceof Knob ) {
+						( ( Knob ) c ).scrolled( mouseWheelMoved );
+					} else if ( c instanceof Numberbox ) {
+						( ( Numberbox ) c ).scrolled( mouseWheelMoved );
+					} else if ( c instanceof Textarea ) {
+						( ( Textarea ) c ).scrolled( mouseWheelMoved );
+					} else if ( c instanceof ColorWheel ) {
+						( ( ColorWheel ) c ).scrolled( mouseWheelMoved );
+					}
+					break;
+				}
+			}
+		}
+		mouseWheelMoved = 0;
+	}
+
+	public boolean isMousePressed( ) {
+		return mousePressed;
+	}
+
+	/**
+	 * @exclude
+	 * @param theKeyEvent KeyEvent
+	 */
+	public void handleKeyEvent( KeyEvent theKeyEvent ) {
+		for ( int i = 0 ; i < _myTabs.size( ) ; i++ ) {
+			( ( ControllerInterface< ? > ) _myTabs.get( i ) ).keyEvent( theKeyEvent );
+		}
+	}
+
+	/**
+	 * set the color for the controller while active.
+	 */
+	public ControlWindow setColorActive( int theColor ) {
+		color.setActive( theColor );
+		for ( int i = 0 ; i < getTabs( ).size( ) ; i++ ) {
+			( ( Tab ) getTabs( ).get( i ) ).setColorActive( theColor );
+		}
+		return this;
+	}
+
+	/**
+	 * set the foreground color of the controller.
+	 */
+	public ControlWindow setColorForeground( int theColor ) {
+		color.setForeground( theColor );
+		for ( int i = 0 ; i < getTabs( ).size( ) ; i++ ) {
+			( ( Tab ) getTabs( ).get( i ) ).setColorForeground( theColor );
+		}
+		return this;
+	}
+
+	/**
+	 * set the background color of the controller.
+	 */
+	public ControlWindow setColorBackground( int theColor ) {
+		color.setBackground( theColor );
+		for ( int i = 0 ; i < getTabs( ).size( ) ; i++ ) {
+			( ( Tab ) getTabs( ).get( i ) ).setColorBackground( theColor );
+		}
+		return this;
+	}
+
+	/**
+	 * set the color of the text label of the controller.
+	 */
+	public ControlWindow setColorLabel( int theColor ) {
+		color.setCaptionLabel( theColor );
+		for ( int i = 0 ; i < getTabs( ).size( ) ; i++ ) {
+			( ( Tab ) getTabs( ).get( i ) ).setColorLabel( theColor );
+		}
+		return this;
+	}
+
+	/**
+	 * set the color of the values.
+	 */
+	public ControlWindow setColorValue( int theColor ) {
+		color.setValueLabel( theColor );
+		for ( int i = 0 ; i < getTabs( ).size( ) ; i++ ) {
+			( ( Tab ) getTabs( ).get( i ) ).setColorValue( theColor );
+		}
+		return this;
+	}
+
+	/**
+	 * set the background color of the control window.
+	 */
+	public ControlWindow setBackground( int theValue ) {
+		background = theValue;
+		return this;
+	}
+
+	/**
+	 * get the papplet instance of the ControlWindow.
+	 */
+	public PApplet papplet( ) {
+		return _myApplet;
+	}
+
+	/**
+	 * sets the frame rate of the control window.
+	 * 
+	 * @param theFrameRate
+	 * @return ControlWindow
+	 */
+	public ControlWindow frameRate( int theFrameRate ) {
+		_myApplet.frameRate( theFrameRate );
+		return this;
+	}
+
+	public ControlWindow show( ) {
+		isVisible = true;
+		return this;
+	}
+
+	/**
+	 * by default the background of a controlWindow is
+	 * filled with a background color every frame. to enable
+	 * or disable the background from drawing, use
+	 * setDrawBackgorund(true/false).
+	 * 
+	 * @param theFlag
+	 * @return ControlWindow
+	 */
+	public ControlWindow setDrawBackground( boolean theFlag ) {
+		isDrawBackground = theFlag;
+		return this;
+	}
+
+	public boolean isDrawBackground( ) {
+		return isDrawBackground;
+	}
+
+	public boolean isVisible( ) {
+		return isVisible;
+	}
+
+	protected boolean isControllerActive( Controller< ? > theController ) {
+		if ( isControllerActive == null ) {
+			return false;
+		}
+		return isControllerActive.equals( theController );
+	}
+
+	protected ControlWindow setControllerActive( Controller< ? > theController ) {
+		isControllerActive = theController;
+		return this;
+	}
+
+	public ControlWindow toggleUndecorated( ) {
+		setUndecorated( !isUndecorated( ) );
+		return this;
+	}
+
+	public ControlWindow setUndecorated( boolean theFlag ) {
+		if ( theFlag != isUndecorated( ) ) {
+			isUndecorated = theFlag;
+			_myApplet.frame.removeNotify( );
+			_myApplet.frame.setUndecorated( isUndecorated );
+			_myApplet.setSize( _myApplet.width , _myApplet.height );
+			_myApplet.setBounds( 0 , 0 , _myApplet.width , _myApplet.height );
+			_myApplet.frame.setSize( _myApplet.width , _myApplet.height );
+			_myApplet.frame.addNotify( );
+		}
+		return this;
+	}
+
+	public boolean isUndecorated( ) {
+		return isUndecorated;
+	}
+
+	public ControlWindow setPosition( int theX , int theY ) {
+		return setLocation( theX , theY );
+	}
+
+	public ControlWindow setLocation( int theX , int theY ) {
+		_myApplet.frame.setLocation( theX , theY );
+		return this;
+	}
+
+	public Pointer getPointer( ) {
+		return _myPointer;
+	}
+
+	public ControlWindow disablePointer( ) {
+		_myPointer.disable( );
+		return this;
+	}
+
+	public ControlWindow enablePointer( ) {
+		_myPointer.enable( );
+		return this;
+	}
+
+	/**
+	 * A pointer by default is linked to the mouse and
+	 * stores the x and y position as well as the pressed
+	 * and released state. The pointer can be accessed by
+	 * its getter method {@link ControlWindow#getPointer()}.
+	 * Then use
+	 * {@link controlP5.ControlWindow#set(int, int)} to
+	 * alter its position or invoke {
+	 * {@link controlP5.ControlWindow#pressed()} or
+	 * {@link controlP5.ControlWindow#released()} to change
+	 * its state. To disable the mouse and enable the
+	 * Pointer use {@link controlP5.ControlWindow#enable()}
+	 * and {@link controlP5.ControlWindow#disable()} to
+	 * default back to the mouse as input parameter.
+	 */
+	// TODO offset against pgx and pgy
+	public class Pointer {
+
+		public Pointer setX( int theX ) {
+			mouseX = theX;
+			return this;
+		}
+
+		public Pointer setY( int theY ) {
+			mouseY = theY;
+			return this;
+		}
+
+		public int getY( ) {
+			return mouseY;
+		}
+
+		public int getX( ) {
+			return mouseX;
+		}
+
+		public int getPreviousX( ) {
+			return pmouseX;
+		}
+
+		public int getPreviousY( ) {
+			return pmouseY;
+		}
+
+		public Pointer set( int theX , int theY ) {
+			setX( theX );
+			setY( theY );
+			return this;
+		}
+
+		// TODO mousePressed/mouseReleased are handled wrongly, released is called when moved, for now do not use, instead use set(x,y), pressed(), released()
+		public Pointer set( int theX , int theY , boolean pressed ) {
+			setX( theX );
+			setY( theY );
+			if ( pressed ) {
+				if ( !mousePressed ) {
+					pressed( );
+				}
+			} else {
+				if ( mousePressed ) {
+					released( );
+				}
+			}
+			return this;
+		}
+
+		public Pointer pressed( ) {
+			mousePressedEvent( );
+			return this;
+		}
+
+		public Pointer released( ) {
+			mouseReleasedEvent( );
+			return this;
+		}
+
+		public void enable( ) {
+			isMouse = false;
+		}
+
+		public void disable( ) {
+			isMouse = true;
+		}
+
+		public boolean isEnabled( ) {
+			return !isMouse;
+		}
+	}
+
+	/**
+	 * hide the controllers and tabs of the ControlWindow.
+	 */
+	public ControlWindow hide( ) {
+		isVisible = false;
+		isMouseOver = false;
+		return this;
+	}
+
+}
diff --git a/src/controlP5/ControlWindowCanvas.java b/src/controlP5/ControlWindowCanvas.java
new file mode 100755
index 0000000..45c2924
--- /dev/null
+++ b/src/controlP5/ControlWindowCanvas.java
@@ -0,0 +1,34 @@
+
+package controlP5;
+
+/**
+ * controlP5 is a processing gui library.
+ *
+ *  2006-2012 by Andreas Schlegel
+ *
+ * This library is free software; you can redistribute it and/or
+ * modify it under the terms of the GNU Lesser General Public License
+ * as published by the Free Software Foundation; either version 2.1
+ * of the License, or (at your option) any later version.
+ * This library is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
+ * Lesser General Public License for more details.
+ *
+ * You should have received a copy of the GNU Lesser General
+ * Public License along with this library; if not, write to the
+ * Free Software Foundation, Inc., 59 Temple Place, Suite 330,
+ * Boston, MA 02111-1307 USA
+ *
+ * @author 		Andreas Schlegel (http://www.sojamo.de)
+ * @modified	##date##
+ * @version		##version##
+ *
+ */
+
+@Deprecated
+public abstract class ControlWindowCanvas extends Canvas {
+
+	// Wrapper class.
+
+}
diff --git a/src/controlP5/Controller.java b/src/controlP5/Controller.java
new file mode 100755
index 0000000..0b952ae
--- /dev/null
+++ b/src/controlP5/Controller.java
@@ -0,0 +1,2215 @@
+package controlP5;
+
+/**
+ * 
+ * 2006-2013 by Andreas Schlegel
+ * 
+ * This library is free software; you can redistribute it and/or modify it under the terms of the GNU Lesser General
+ * Public License as published by the Free Software Foundation; either version 2.1 of the License, or (at your option)
+ * any later version. This library is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without
+ * even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU Lesser General Public
+ * License for more details.
+ * 
+ * You should have received a copy of the GNU Lesser General Public License along with this library; if not, write to
+ * the Free Software Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA 02111-1307 USA
+ * 
+ * @author Andreas Schlegel (http://www.sojamo.de)
+ * @modified ##date##
+ * @version ##version##
+ * 
+ */
+
+import java.util.ArrayList;
+import java.util.HashMap;
+import java.util.Iterator;
+import java.util.List;
+import java.util.Map;
+
+import processing.core.PApplet;
+import processing.core.PGraphics;
+import processing.core.PImage;
+import processing.core.PVector;
+import processing.event.KeyEvent;
+
+/**
+ * <p>
+ * Controller is an abstract class that is extended by any available controller within controlP5. this is the full
+ * documentation list for all methods available for a controller. An event triggered by a controller will be forwarded
+ * to the main program. If a void controlEvent(ControlEvent theEvent) {} method is available, this method will be
+ * called.
+ * </p>
+ * <p>
+ * A Controller can notify the main program in 2 different ways:
+ * </p>
+ * <ul>
+ * <li>(1) add method controlEvent(ControlEvent theEvent) to your sketch. ControlP5 will automatically detect this
+ * method and will used it to forward any controlEvent triggered by a controller - you can disable forwarding by using
+ * setBroadcast(false) {@link controlP5.Controller#setBroadcast(boolean)}</li>
+ * <li>(2) each controller requires a unique name when being create. In case an existing name is used for a newly
+ * created Controller, the existing one will be overwritten. each unique name can be used to automatically link a
+ * controller to either a method or a field within your program.</li>
+ * </ul>
+ * 
+ * @see controlP5.Bang
+ * @see controlP5.Button
+ * @see controlP5.Knob
+ * @see controlP5.Matrix
+ * @see controlP5.MultiList
+ * @see controlP5.Numberbox
+ * @see controlP5.RadioButton
+ * @see controlP5.ListBox
+ * @see controlP5.Slider
+ * @see controlP5.Textarea
+ * @see controlP5.Textfield
+ * @see controlP5.Textlabel
+ * @see controlP5.Toggle
+ * @see controlP5.ControlGroup
+ * @see controlP5.ControlBehavior
+ * @see controlP5.ControlEvent
+ * 
+ * @example use/ControlP5basics
+ */
+public abstract class Controller< T > implements ControllerInterface< T > , CDrawable , ControlP5Constants {
+
+	protected float[] position = new float[ 2 ];
+	protected float[] positionBuffer = new float[ 2 ];
+	protected float[] absolutePosition = new float[ 2 ];
+	protected ControllerInterface< ? > _myParent;
+	protected final String _myName;
+	protected ControlWindow _myControlWindow;
+	protected boolean isMousePressed = false;
+	protected ControlP5 cp5;
+	private int width;
+	private int height;
+	protected int _myId = -1;
+	protected float _myValue = Float.NaN;
+	protected float _myDefaultValue = Float.NaN;
+	protected String _myStringValue = "";
+	protected float[] _myArrayValue;
+	protected Label _myCaptionLabel;
+	protected Label _myValueLabel;
+	protected boolean isLabelVisible = true;
+	protected boolean isMoveable = true;
+	protected boolean isBroadcast = true;
+	protected boolean isVisible = true;
+	protected boolean isActive = false;
+	protected boolean isLock = false;
+	protected boolean isUserInteraction = true;
+	protected boolean isInit = false;
+	protected List< ControlListener > _myControlListener;
+	protected Map< Integer , List< CallbackListener >> _myControlListenerLUT;
+	protected CColor color = new CColor( );
+	protected float _myMin;
+	protected float _myMax;
+	protected float _myUnit;
+	protected String target;
+	protected Object targetObject;
+	protected ControlBehavior _myBehavior;
+	protected boolean isBehavior;
+	protected List< Controller< ? >> subelements;
+	protected int _myBroadcastType = FLOAT;
+	protected boolean isUpdate = false;
+	protected int _myDecimalPoints = 2;
+	public static int autoWidth = 49;
+	public static int autoHeight = 19;
+	public static float[] autoSpacing = new float[] { 10 , 10 };
+	protected boolean[] availableImages = new boolean[ 4 ];
+	protected PImage[] images = new PImage[ 4 ];
+	protected ControllerView< T > _myControllerView;
+	protected ControllerView< T > _myDebugView;
+	protected int _myDisplayMode = DEFAULT;
+	protected int _myPickingColor = 0xffffff00;
+	protected boolean mouseover;
+	protected String _myAddress = "";
+	protected List< ControllerPlug > _myControllerPlugList;
+	protected boolean tooltipEnabled;
+	protected boolean listening;
+	protected boolean isInside = false;
+	private T me;
+	protected boolean isDragged;
+
+	/**
+	 * TODO add distribution options for MOVE, RELEASE, and PRESSED. setDecimalPoints: setDcimalPoints(6) does only show
+	 * 2 digits after the point
+	 */
+
+	/**
+	 * Convenience constructor to extend Controller.
+	 * 
+	 * @example use/ControlP5extendController
+	 * @param theControlP5
+	 * @param theName
+	 */
+	public Controller( ControlP5 theControlP5 , String theName ) {
+		this( theControlP5 , theControlP5.getDefaultTab( ) , theName , 0 , 0 , autoWidth , autoHeight );
+		theControlP5.register( theControlP5.papplet , theName , this );
+	}
+
+	protected Controller( final ControlP5 theControlP5 , final ControllerGroup< ? > theParent , final String theName , final float theX , final float theY , final int theWidth , final int theHeight ) {
+		cp5 = theControlP5;
+		me = ( T ) this;
+		if ( cp5 == null ) {
+			isBroadcast = false;
+		}
+		_myName = theName;
+
+		set( position , theX , theY );
+		set( positionBuffer , theX , theY );
+
+		setParent( theParent );
+		if ( theParent != null ) {
+			color.set( theParent.color );
+		} else {
+			color.set( cp5.color );
+		}
+		width = theWidth;
+		height = theHeight;
+
+		_myCaptionLabel = new Label( cp5 , theName );
+		_myCaptionLabel.setColor( color.getCaptionLabel( ) );
+		_myValueLabel = new Label( cp5 , "-" );
+		_myValueLabel.setColor( color.getCaptionLabel( ) );
+
+		_myControllerPlugList = new ArrayList< ControllerPlug >( );
+		_myControlListener = new ArrayList< ControlListener >( );
+		subelements = new ArrayList< Controller< ? >>( );
+		_myArrayValue = new float[ 0 ];
+		_myDebugView = new DebugView( );
+		setView( _myDebugView );
+	}
+
+	List< Controller< ? >> getSubelements( ) {
+		return subelements;
+	}
+
+	/**
+	 * {@inheritDoc}
+	 */
+	@ControlP5.Layout public String getAddress( ) {
+		return _myAddress;
+	}
+
+	@Override @ControlP5.Invisible @ControlP5.Layout public T setAddress( String theAddress ) {
+		if ( _myAddress.length( ) == 0 ) {
+			_myAddress = theAddress;
+		}
+		return me;
+	}
+
+	protected Controller( final ControlP5 theControlP5 , final String theName , final float theX , final float theY , final int theWidth , final int theHeight ) {
+		this( theControlP5 , theControlP5.getDefaultTab( ) , theName , theX , theY , theWidth , theHeight );
+	}
+
+	protected Controller( final String theName , final int theX , final int theY ) {
+		_myName = theName;
+		set( position , theX , theY );
+	}
+
+	@ControlP5.Invisible public void init( ) {
+
+		_myDefaultValue = _myValue;
+
+		// plug to a method or field inside the main
+		// papplet.
+		// forwarding a ControlEvent to the controlEvent()
+		// method inside
+		// the main papplet is done by the
+		// controlbroadcaster.
+		cp5.getControlBroadcaster( ).plug( cp5.papplet , this , _myName );
+		initControllerValue( );
+		isInit = cp5.isAutoInitialization;
+		setValue( _myDefaultValue );
+		isInit = true;
+		updateDisplayMode( DEFAULT );
+	}
+
+	protected final void initControllerValue( ) {
+
+		// this is painful. deciding if the value has been
+		// set by parameter or by reading the
+		// current value of the corresponding field is
+		// very painful here due to too many ifs and thens.
+		// therefore this is done manually here -
+		// very ugly though.
+
+		boolean go = false;
+
+		if ( getClass( ).equals( Numberbox.class ) ) {
+			go = _myDefaultValue == 0;
+		} else {
+			go = _myDefaultValue == getMin( ) || Float.isNaN( getValue( ) );
+		}
+		if ( go ) {
+			if ( _myControllerPlugList.size( ) == 1 ) {
+				if ( getControllerPlugList( ).get( 0 ).getValue( ) == null ) {
+					setDefaultValue( getMin( ) );
+				} else {
+					float myInitValue = 0;
+					if ( getControllerPlugList( ).get( 0 ).getValue( ) instanceof Boolean ) {
+						final boolean myBoolean = new Boolean( getControllerPlugList( ).get( 0 ).getValue( ).toString( ) ).booleanValue( );
+						myInitValue = ( myBoolean == true ) ? 1f : 0f;
+
+					} else if ( getControllerPlugList( ).get( 0 ).getValue( ) instanceof Float ) {
+						myInitValue = ( new Float( getControllerPlugList( ).get( 0 ).getValue( ).toString( ) ) ).floatValue( );
+
+					} else if ( getControllerPlugList( ).get( 0 ).getValue( ) instanceof Integer ) {
+						myInitValue = ( new Integer( getControllerPlugList( ).get( 0 ).getValue( ).toString( ) ) ).intValue( );
+
+					} else if ( getControllerPlugList( ).get( 0 ).getValue( ) instanceof String ) {
+						_myStringValue = getControllerPlugList( ).get( 0 ).getValue( ).toString( );
+					}
+					setDefaultValue( myInitValue );
+				}
+			} else {
+				if ( Float.isNaN( getDefaultValue( ) ) ) {
+					setDefaultValue( getMin( ) );
+				}
+			}
+		}
+		_myValue = _myDefaultValue;
+	}
+
+	protected void updateFont( ControlFont theControlFont ) {
+		_myCaptionLabel.updateFont( theControlFont );
+		_myValueLabel.updateFont( theControlFont );
+	}
+
+	/**
+	 * with setBehavior you can add a ControlBehavior to a controller. A ControlBehavior can be used to e.g.
+	 * automatically change state, function, position, etc.
+	 * 
+	 * @example ControlP5behavior
+	 * @param theBehavior ControlBehavior
+	 * @return Controller
+	 */
+	public T setBehavior( final ControlBehavior theBehavior ) {
+		isBehavior = true;
+		_myBehavior = theBehavior;
+		_myBehavior.init( this );
+		return me;
+	}
+
+	/**
+	 * @return Controller
+	 */
+	public T removeBehavior( ) {
+		isBehavior = false;
+		_myBehavior = null;
+		return me;
+	}
+
+	/**
+	 * @return ControlBehavior
+	 */
+	public ControlBehavior getBehavior( ) {
+		return _myBehavior;
+	}
+
+	/**
+	 * @return float
+	 */
+	@ControlP5.Layout public float getDefaultValue( ) {
+		return _myDefaultValue;
+	}
+
+	/**
+	 * set the default value.
+	 * 
+	 * @param theValue float
+	 * @return Controller
+	 */
+	@ControlP5.Layout public T setDefaultValue( final float theValue ) {
+		_myDefaultValue = theValue;
+		return me;
+	}
+
+	/**
+	 * enable or prevent the controller to be moveable. By default a controller is moveable.
+	 * 
+	 * @param theValue boolean
+	 * @return Controller
+	 */
+	@ControlP5.Layout public T setMoveable( final boolean theValue ) {
+		isMoveable = theValue;
+		return me;
+	}
+
+	/**
+	 * checks if a controller is moveable.
+	 * 
+	 * @return boolean
+	 */
+	@ControlP5.Layout public boolean isMoveable( ) {
+		return isMoveable;
+	}
+
+	/**
+	 * show or hide the labels of a controller.
+	 * 
+	 * @param theValue boolean
+	 * @return Controller
+	 */
+	@ControlP5.Layout public T setLabelVisible( final boolean theValue ) {
+		isLabelVisible = theValue;
+		return me;
+	}
+
+	/**
+	 * @return boolean
+	 */
+	@ControlP5.Layout public boolean isLabelVisible( ) {
+		return isLabelVisible;
+	}
+
+	/**
+	 * Use setBroadcast to enable and disable the broadcasting of changes in a controller's value. By default any value
+	 * changes are forwarded to function controlEvent inside your program. use setBroadcast(false) to disable
+	 * forwarding.
+	 * 
+	 * @param theFlag boolean
+	 * @return Controller
+	 */
+	@ControlP5.Layout public T setBroadcast( final boolean theFlag ) {
+		isBroadcast = theFlag;
+		return me;
+	}
+
+	/**
+	 * check if broadcasting is enabled or disabled for a controller. Every event relevant for a value change will be
+	 * broadcasted to any of the value-listeners. By default broadcasting for a controller is enabled.
+	 * 
+	 * @return boolean
+	 */
+	@ControlP5.Layout public boolean isBroadcast( ) {
+		return isBroadcast;
+	}
+
+	/**
+	 * get the position of a controller. e.g. Controller.getPosition().x; {@inheritDoc}
+	 */
+	@ControlP5.Layout public float[] getPosition( ) {
+		return position;
+	}
+
+	/**
+	 * {@inheritDoc}
+	 */
+	@Override @ControlP5.Layout public T setPosition( float[] thePos ) {
+		set( position , x( thePos ) , y( thePos ) );
+		set( positionBuffer , x( thePos ) , y( thePos ) );
+		return me;
+	}
+
+	/**
+	 * set the position of a controller. The position of a controller is relative.
+	 * 
+	 * @param theX float
+	 * @param theY float
+	 * @return Controller
+	 */
+	@Override public T setPosition( final float theX , final float theY ) {
+		set( position , theX , theY );
+		set( positionBuffer , theX , theY );
+		return me;
+	}
+
+	/**
+	 * @return {@link PVector}
+	 */
+	public float[] getAbsolutePosition( ) {
+		// should return a mutable object of absolutePostion
+		// in a new PVector object to prevent
+		// absolutePosition from being
+		// modified by changing its field values. PVector
+		// should have getter and setters for x,y,z
+		return absolutePosition;
+	}
+
+	/**
+	 * {@inheritDoc}
+	 */
+	@Override @ControlP5.Invisible public T setAbsolutePosition( float[] thePos ) {
+		// TODO
+		// doesnt work properly yet.
+		// absolute position should not be changed from the
+		// outside anyway.
+		set( absolutePosition , x( thePos ) , y( thePos ) );
+		return me;
+	}
+
+	/**
+	 * {@inheritDoc}
+	 */
+	@ControlP5.Invisible public T updateAbsolutePosition( ) {
+		return me;
+	}
+
+	/**
+	 * continuousUpdateEvents is used for internal updates of a controller. this method is final and can't be
+	 * overridden.
+	 * 
+	 * @exclude
+	 */
+	@ControlP5.Invisible public final void continuousUpdateEvents( ) {
+		if ( isBehavior ) {
+			if ( _myBehavior.isActive( ) && !isMousePressed ) {
+				_myBehavior.update( );
+			}
+		}
+	}
+
+	/**
+	 * updateEvents is used for internal updates of a controller. this method is final and can't be overwritten.
+	 */
+	@ControlP5.Invisible public final T updateEvents( ) {
+		if ( isInside ) {
+			boolean moved = ( ( _myControlWindow.mouseX - _myControlWindow.pmouseX ) != 0 || ( _myControlWindow.mouseY - _myControlWindow.pmouseY ) != 0 );
+			if ( isMousePressed ) {
+				if ( moved ) {
+					if ( !isDragged ) {
+						onStartDrag( );
+						callListener( ACTION_START_DRAG );
+					}
+					onDrag( );
+					isDragged = true;
+					callListener( ACTION_DRAG );
+				}
+			} else {
+				if ( moved && this.equals( _myControlWindow.getFirstFromMouseOverList( ) ) ) {
+					onMove( );
+					cp5.getControlBroadcaster( ).invokeAction( new CallbackEvent( this , ACTION_MOVE ) );
+					callListener( ACTION_MOVE );
+				}
+			}
+		}
+
+		if ( isVisible && ( isMousePressed == _myControlWindow.mouselock ) ) {
+			if ( isMousePressed && cp5.isAltDown( ) && isMoveable ) {
+				if ( !cp5.isMoveable ) {
+					set( positionBuffer , x( positionBuffer ) + _myControlWindow.mouseX - _myControlWindow.pmouseX , y( positionBuffer ) + _myControlWindow.mouseY - _myControlWindow.pmouseY );
+					if ( cp5.isShiftDown( ) ) {
+						set( position , ( ( int ) ( x( positionBuffer ) ) / 10 ) * 10 , ( ( int ) ( y( positionBuffer ) ) / 10 ) * 10 );
+					} else {
+						set( position , positionBuffer );
+					}
+				}
+			} else {
+				if ( !isLock ) {
+					if ( isInside ) {
+						setMouseOver( true );
+					}
+
+					if ( inside( ) ) {
+						if ( cp5.getMouseOverList( ).isEmpty( ) ) {
+							if ( !isInside ) {
+								onEnter( );
+								setIsInside( true );
+								callListener( ACTION_ENTER );
+							}
+							setIsInside( true );
+						}
+					} else {
+						if ( isInside && !isMousePressed ) {
+							onLeave( );
+							setMouseOver( false );
+							setIsInside( false );
+							callListener( ACTION_LEAVE );
+						}
+						if ( !isInside && mouseover ) {
+
+							setMouseOver( false );
+
+							// here the mouseOver is set to false when the mouse
+							// is released outside a controller. the mouseoverlist is not
+							// updated when the mouse is still pressed but has left the
+							// controller - updating the list here currently conflicts 
+							// with callbacks called from inside setMouseOver()
+							//
+							// Note: the mouseoverlist is only updated for ControllerGroups 
+							// when the mouse is pressed but is hovering other controllers while 
+							// mouse is dragged.
+						}
+					}
+				}
+			}
+		}
+		return me;
+	}
+
+	public Pointer getPointer( ) {
+		return new Pointer( ) {
+
+			public int x( ) {
+				return ( int ) ( _myControlWindow.mouseX - Controller.x( _myParent.getAbsolutePosition( ) ) - Controller.x( position ) );
+			}
+
+			public int y( ) {
+				return ( int ) ( _myControlWindow.mouseY - Controller.y( _myParent.getAbsolutePosition( ) ) - Controller.y( position ) );
+			}
+
+			public int px( ) {
+				return ( int ) ( _myControlWindow.pmouseX - Controller.x( _myParent.getAbsolutePosition( ) ) - Controller.x( position ) );
+			}
+
+			public int py( ) {
+				return ( int ) ( _myControlWindow.pmouseY - Controller.y( _myParent.getAbsolutePosition( ) ) - Controller.y( position ) );
+			}
+
+			public int dx( ) {
+				return x( ) - px( );
+			}
+
+			public int dy( ) {
+				return y( ) - py( );
+			}
+
+			public long pt( ) {
+				return _myControlWindow.pmousePressedTime;
+			}
+
+			public long dt( ) {
+				return _myControlWindow.mousePressedTime - _myControlWindow.pmousePressedTime;
+			}
+
+			public long t( ) {
+				return _myControlWindow.mousePressedTime;
+			}
+
+			public String toString( ) {
+				return String.format( "{ x: %d y: %d px: %d py: %d dx: %d dy: %d}" , x( ) , y( ) , px( ) , py( ) , dx( ) , dy( ) );
+			}
+		};
+	}
+
+	@ControlP5.Invisible public final boolean setMousePressed( final boolean theStatus ) {
+		if ( !isVisible && !isUserInteraction ) {
+			return false;
+		}
+		if ( theStatus == true ) {
+			if ( isInside ) {
+				isMousePressed = true;
+				if ( !cp5.isAltDown( ) ) {
+					mousePressed( );
+					onPress( );
+					cp5.getControlBroadcaster( ).invokeAction( new CallbackEvent( this , ACTION_PRESS ) );
+					callListener( ACTION_PRESS );
+					if ( getPointer( ).dt( ) < 500 ) {
+						onDoublePress( );
+						callListener( ACTION_DOUBLE_PRESS );
+					}
+				}
+				return true;
+			}
+		} else {
+			if ( isMousePressed == true && inside( ) ) {
+				isMousePressed = false;
+				if ( !cp5.isAltDown( ) ) {
+
+					mouseReleased( );
+					onRelease( );
+					cp5.getControlBroadcaster( ).invokeAction( new CallbackEvent( this , ACTION_RELEASE ) );
+					callListener( ACTION_RELEASE );
+					if ( isDragged ) {
+						/* first release, then stopDrag */
+						onEndDrag( );
+						callListener( ACTION_END_DRAG );
+					} else {
+						onClick( );
+						cp5.getControlBroadcaster( ).invokeAction( new CallbackEvent( this , ACTION_CLICK ) );
+						callListener( ACTION_CLICK );
+					}
+
+					isDragged = false;
+
+				}
+			}
+			if ( !inside( ) ) {
+				setIsInside( false );
+				if ( isMousePressed ) {
+					isMousePressed = false;
+					mouseReleasedOutside( );
+					onReleaseOutside( );
+					cp5.getControlBroadcaster( ).invokeAction( new CallbackEvent( this , ACTION_RELEASE_OUTSIDE ) );
+					callListener( ACTION_RELEASE_OUTSIDE );
+				}
+				if ( this instanceof Textfield ) {
+					mouseReleasedOutside( );
+					onReleaseOutside( );
+					callListener( ACTION_RELEASE_OUTSIDE );
+				}
+			}
+		}
+		return false;
+	}
+
+	/**
+	 * enables a controller to listen to changes made to the variable linked to the controller. Use true to enable and
+	 * false to disable a controller from listening to changes.
+	 * 
+	 * @param theFlag
+	 * @return Controller
+	 */
+	public T listen( boolean theValue ) {
+		if ( theValue == listening ) {
+			return me;
+		}
+		listening = theValue;
+		if ( listening ) {
+			cp5.listenTo( _myName , cp5.getObjectForController( this ) );
+		} else {
+			cp5.stopListeningTo( _myName , cp5.getObjectForController( this ) );
+		}
+		return me;
+	}
+
+	/**
+	 * returns true or false for the current listening status. by default it is set to false
+	 * 
+	 * @see controlP5.Controller#listen(boolean)
+	 * 
+	 * @return boolean
+	 */
+	public boolean isListening( ) {
+		return listening;
+	}
+
+	/**
+	 * check if the mouse is within this particular controller.
+	 * 
+	 * @return boolean
+	 */
+	public boolean isMouseOver( ) {
+		return mouseover;
+	}
+
+	public T setMouseOver( boolean theFlag ) {
+		if ( mouseover == theFlag ) {
+			return me;
+		}
+		mouseover = theFlag;
+		if ( mouseover ) {
+			_myControlWindow.setMouseOverController( this );
+			cp5.getControlBroadcaster( ).invokeAction( new CallbackEvent( this , ACTION_ENTER ) );
+			cp5.getTooltip( ).activate( this );
+		} else {
+			cp5.getControlBroadcaster( ).invokeAction( new CallbackEvent( this , ACTION_LEAVE ) );
+			_myControlWindow.removeMouseOverFor( this );
+			cp5.getTooltip( ).deactivate( );
+		}
+		return me;
+	}
+
+	/**
+	 * @see ControllerInterface.updateInternalEvents
+	 */
+	@ControlP5.Invisible public T updateInternalEvents( final PApplet theApplet ) {
+		return me;
+	}
+
+	/**
+	 * the default draw function for each controller extending superclass Controller. This draw function will take care
+	 * of default matrix operations and will call the display function of the current ControllerView object active for
+	 * this particular controller.
+	 * 
+	 * @exclude
+	 * @see controlP5.ControllerView
+	 * @param theApplet PApplet
+	 */
+	@ControlP5.Invisible @Override public void draw( final PGraphics theGraphics ) {
+
+		theGraphics.pushMatrix( );
+		theGraphics.translate( x( position ) , y( position ) );
+		_myControllerView.display( theGraphics , me );
+		// theGraphics.pushMatrix( );
+		// _myDebugView.display( theGraphics , me );
+		// theGraphics.popMatrix( );
+		theGraphics.popMatrix( );
+
+	}
+
+	/**
+	 * @param theElement ControllerInterface
+	 * @return Controller
+	 */
+	@ControlP5.Invisible public T add( final ControllerInterface< ? > theElement ) {
+		ControlP5.logger( ).warning( " add() not supported." );
+		return me;
+	}
+
+	/**
+	 * @param theElement ControllerInterface
+	 * @return Controller
+	 */
+	@ControlP5.Invisible public T remove( final ControllerInterface< ? > theElement ) {
+		ControlP5.logger( ).warning( "remove() not supported." );
+		return me;
+	}
+
+	/**
+	 * removes a controller from controlP5.
+	 */
+	public void remove( ) {
+		_myControlWindow.removeMouseOverFor( this );
+		if ( _myParent != null ) {
+			_myParent.remove( this );
+		}
+		if ( cp5 != null ) {
+			cp5.remove( this );
+		}
+	}
+
+	@Override public T bringToFront( ) {
+		return bringToFront( this );
+	}
+
+	@Override public T bringToFront( ControllerInterface< ? > theController ) {
+		if ( _myParent instanceof Tab ) {
+			moveTo( ( Tab ) _myParent );
+		} else {
+			_myParent.bringToFront( theController );
+		}
+		if ( theController != this ) {
+			if ( getSubelements( ).contains( theController ) ) {
+				if ( theController instanceof Controller< ? > ) {
+					getSubelements( ).remove( theController );
+					getSubelements( ).add( ( Controller< ? > ) theController );
+				}
+			}
+		}
+		return me;
+	}
+
+	/**
+	 * returns the index name of the controller.
+	 * 
+	 * @return String
+	 */
+	public String getName( ) {
+		return _myName;
+	}
+
+	/**
+	 * moves the controller to another tab. The tab is defined by parameter theTabName. if controlP5 can't find a tab
+	 * with given name, controlP5 will create this tab and add it to the main window.
+	 * 
+	 * @param theTabName String
+	 * @return Controller
+	 */
+	public final T moveTo( final String theTabName ) {
+		setTab( theTabName );
+		for ( Controller< ? > c : getSubelements( ) ) {
+			c.moveTo( theTabName );
+		}
+		return me;
+	}
+
+	/**
+	 * moves the controller to another tab.
+	 * 
+	 * @param theTab
+	 * @return Controller
+	 */
+	public final T moveTo( final Tab theTab ) {
+		setTab( theTab.getWindow( ) , theTab.getName( ) );
+		for ( Controller< ? > c : getSubelements( ) ) {
+			c.moveTo( theTab );
+		}
+		return me;
+	}
+
+	/**
+	 * moves the controller to the default tab inside the main window.
+	 * 
+	 * @param theApplet
+	 * @return Controller
+	 */
+	public final T moveTo( final PApplet theApplet ) {
+		setTab( "default" );
+		for ( Controller< ? > c : getSubelements( ) ) {
+			c.moveTo( theApplet );
+		}
+		return me;
+	}
+
+	/**
+	 * moves the controller to a tab inside the main window.
+	 * 
+	 * @param theApplet
+	 * @param theTabName
+	 */
+	public final T moveTo( final PApplet theApplet , final String theTabName ) {
+		setTab( theTabName );
+		for ( Controller< ? > c : getSubelements( ) ) {
+			c.moveTo( theApplet , theTabName );
+		}
+		return me;
+	}
+
+	/**
+	 * moves the controller to the default tab of a control window - other than the main window.
+	 * 
+	 * @param theControlWindow
+	 */
+	public final T moveTo( final ControlWindow theControlWindow ) {
+		setTab( theControlWindow , "default" );
+		for ( Controller< ? > c : getSubelements( ) ) {
+			c.moveTo( theControlWindow );
+		}
+		return me;
+	}
+
+	/**
+	 * 
+	 * @param theControlWindow
+	 * @param theTabName
+	 * @return Controller
+	 */
+	public final T moveTo( final ControlWindow theControlWindow , final String theTabName ) {
+		setTab( theControlWindow , theTabName );
+		for ( Controller< ? > c : getSubelements( ) ) {
+			c.moveTo( theControlWindow , theTabName );
+		}
+		return me;
+	}
+
+	/**
+	 * {@inheritDoc}
+	 */
+	public final T moveTo( final ControllerGroup< ? > theGroup , final Tab theTab , ControlWindow theControlWindow ) {
+		for ( Controller< ? > c : getSubelements( ) ) {
+			c.moveTo( theGroup , theTab , theControlWindow );
+		}
+
+		if ( theGroup != null ) {
+			setGroup( theGroup );
+			return me;
+		}
+
+		if ( theControlWindow == null ) {
+			theControlWindow = cp5.controlWindow;
+		}
+
+		setTab( theControlWindow , theTab.getName( ) );
+		return me;
+	}
+
+	/**
+	 * 
+	 * @param theGroup
+	 * @return Controller
+	 */
+	public final T moveTo( final ControlGroup< ? > theGroup ) {
+		if ( theGroup != null ) {
+			setGroup( theGroup );
+		}
+		return me;
+	}
+
+	/**
+	 * {@inheritDoc}
+	 */
+	public final T moveTo( final ControllerGroup< ? > theGroup ) {
+		if ( theGroup != null ) {
+			setGroup( theGroup );
+		}
+		return me;
+	}
+
+	/**
+	 * sets the tab of the controller.
+	 * 
+	 * @param theName String
+	 * @return Controller
+	 */
+	public final T setTab( final String theName ) {
+		setParent( cp5.getTab( theName ) );
+		for ( Controller< ? > c : getSubelements( ) ) {
+			c.setTab( theName );
+		}
+		return me;
+	}
+
+	/**
+	 * 
+	 */
+	public final T setTab( final ControlWindow theWindow , final String theName ) {
+		setParent( cp5.getTab( theWindow , theName ) );
+		for ( Controller< ? > c : getSubelements( ) ) {
+			c.setTab( theWindow , theName );
+		}
+		return me;
+	}
+
+	/**
+	 * sets the group of the controller.
+	 * 
+	 * @param theName String
+	 * @return Controller
+	 */
+	public final T setGroup( final String theName ) {
+		setParent( cp5.getGroup( theName ) );
+		for ( Controller< ? > c : getSubelements( ) ) {
+			c.setGroup( theName );
+		}
+		return me;
+	}
+
+	public final T setGroup( final ControllerGroup< ? > theGroup ) {
+		setParent( theGroup );
+		for ( Controller< ? > c : getSubelements( ) ) {
+			c.setGroup( theGroup );
+		}
+		return me;
+	}
+
+	/**
+	 * get the instance of the tab the controller belongs to.
+	 * 
+	 * @return Tab
+	 */
+	public Tab getTab( ) {
+		if ( _myParent instanceof Tab ) {
+			return ( Tab ) _myParent;
+		}
+		return _myParent.getTab( );
+	}
+
+	/**
+	 * set the parent of a parent of a controller. this method is only meant for internal use. this method is final and
+	 * can't be overwritten.
+	 * 
+	 * @param theParent ControllerInterface
+	 * @return Controller
+	 */
+	@ControlP5.Invisible public final T setParent( final ControllerInterface< ? > theParent ) {
+		if ( _myParent != null ) {
+			_myParent.remove( this );
+		}
+		set( absolutePosition , x( position ) , y( position ) );
+		if ( theParent != null ) {
+			_myParent = theParent;
+			_myParent.add( this );
+			set( absolutePosition , x( absolutePosition ) + x( _myParent.getPosition( ) ) , y( absolutePosition ) + y( _myParent.getPosition( ) ) );
+			_myControlWindow = _myParent.getWindow( );
+		}
+		setMouseOver( false );
+		return me;
+	}
+
+	/**
+	 * returns the parent of a controller.
+	 * 
+	 * @return ControllerInterface
+	 */
+
+	@ControlP5.Invisible @Override @ControlP5.Layout public ControllerInterface< ? > getParent( ) {
+		return _myParent;
+	}
+
+	/**
+	 * returns the control window of the controller
+	 * 
+	 * @return ControlWindow
+	 */
+	public ControlWindow getWindow( ) {
+		return _myControlWindow;
+	}
+
+	/**
+	 * checks if the mouse is within the area of a controller.
+	 * 
+	 * @return boolean
+	 */
+	protected boolean inside( ) {
+		/* constrain the bounds of the controller to the dimensions of the cp5 area, required since PGraphics as render
+		 * area has been introduced. */
+		float x0 = PApplet.max( 0 , x( position ) + x( _myParent.getAbsolutePosition( ) ) );
+		float x1 = PApplet.min( cp5.pgw , x( position ) + x( _myParent.getAbsolutePosition( ) ) + getWidth( ) );
+		float y0 = PApplet.max( 0 , y( position ) + y( _myParent.getAbsolutePosition( ) ) );
+		float y1 = PApplet.min( cp5.pgh , y( position ) + y( _myParent.getAbsolutePosition( ) ) + getHeight( ) );
+		return ( _myControlWindow.mouseX > x0 && _myControlWindow.mouseX < x1 && _myControlWindow.mouseY > y0 && _myControlWindow.mouseY < y1 );
+	}
+
+	/**
+	 * returns true or false and indicates if the mouse is inside the area of a controller.
+	 * 
+	 * @return boolean
+	 */
+	public boolean isInside( ) {
+		return isInside;
+	}
+
+	/**
+	 * checks if a controller is active.
+	 * 
+	 * @return boolean
+	 */
+	@ControlP5.Layout public boolean isActive( ) {
+		return isActive;
+	}
+
+	/**
+	 * returns true or false if the mouse has is pressed.
+	 * 
+	 * @return boolean
+	 */
+	public boolean isMousePressed( ) {
+		return isMousePressed;
+	}
+
+	public T addListenerFor( int theAction , CallbackListener theListener ) {
+		if ( _myControlListenerLUT == null ) {
+			_myControlListenerLUT = new HashMap< Integer , List< CallbackListener >>( );
+		}
+		if ( _myControlListenerLUT.get( theAction ) == null ) {
+			_myControlListenerLUT.put( theAction , new ArrayList( ) );
+		}
+		_myControlListenerLUT.get( theAction ).add( theListener );
+		return me;
+	}
+
+	public T removeListenerFor( int theAction , CallbackListener theListener ) {
+		if ( _myControlListenerLUT == null ) {
+			return me;
+		}
+		if ( _myControlListenerLUT.get( theAction ) == null ) {
+			return me;
+		}
+		_myControlListenerLUT.get( theAction ).remove( theListener );
+		return me;
+	}
+
+	public T removeListenersFor( int theAction ) {
+		if ( _myControlListenerLUT == null ) {
+			return me;
+		}
+		if ( _myControlListenerLUT.get( theAction ) == null ) {
+			return me;
+		}
+		_myControlListenerLUT.get( theAction ).clear( );
+		return me;
+	}
+
+	protected void callListener( int theAction ) {
+		if ( _myControlListenerLUT != null ) {
+			List< CallbackListener > l = _myControlListenerLUT.get( theAction );
+			if ( l != null ) {
+				CallbackEvent event = new CallbackEvent( this , theAction );
+				for ( CallbackListener cl : l ) {
+					cl.controlEvent( event );
+				}
+			}
+		}
+	}
+
+	public T onDraw( ControllerView< T > theView ) {
+		return setView( theView );
+	}
+
+	public T onEnter( CallbackListener theListener ) {
+		return addListenerFor( ACTION_ENTER , theListener );
+	}
+
+	public T onLeave( CallbackListener theListener ) {
+		return addListenerFor( ACTION_LEAVE , theListener );
+	}
+
+	public T onDrag( CallbackListener theListener ) {
+		return addListenerFor( ACTION_DRAG , theListener );
+	}
+
+	public T onStartDrag( CallbackListener theListener ) {
+		return addListenerFor( ACTION_START_DRAG , theListener );
+	}
+
+	public T onEndDrag( CallbackListener theListener ) {
+		return addListenerFor( ACTION_END_DRAG , theListener );
+	}
+
+	public T onWheel( CallbackListener theListener ) {
+		return addListenerFor( ACTION_WHEEL , theListener );
+	}
+
+	public T onMove( CallbackListener theListener ) {
+		return addListenerFor( ACTION_MOVE , theListener );
+	}
+
+	public T onClick( CallbackListener theListener ) {
+		return addListenerFor( ACTION_CLICK , theListener );
+	}
+
+	public T onPress( CallbackListener theListener ) {
+		return addListenerFor( ACTION_PRESS , theListener );
+	}
+
+	public T onDoublePress( CallbackListener theListener ) {
+		return addListenerFor( ACTION_DOUBLE_PRESS , theListener );
+	}
+
+	public T onRelease( CallbackListener theListener ) {
+		return addListenerFor( ACTION_RELEASE , theListener );
+	}
+
+	public T onReleaseOutside( CallbackListener theListener ) {
+		return addListenerFor( ACTION_RELEASE_OUTSIDE , theListener );
+	}
+
+	public T onChange( CallbackListener theListener ) {
+		return addListenerFor( ACTION_BROADCAST , theListener );
+	}
+
+	protected void onEnter( ) {
+	}
+
+	protected void onLeave( ) {
+	}
+
+	protected void onDrag( ) {
+	}
+
+	protected void onStartDrag( ) {
+	}
+
+	protected void onEndDrag( ) {
+	}
+
+	protected void onWheel( ) {
+	}
+
+	protected void onMove( ) {
+	}
+
+	protected void onClick( ) {
+	}
+
+	protected void onPress( ) {
+	}
+
+	protected void onDoublePress( ) {
+	}
+
+	protected void onRelease( ) {
+	}
+
+	protected void onScroll( int theAmount ) {
+	}
+
+	protected void onReleaseOutside( ) {
+	}
+
+	protected void mousePressed( ) {
+	}
+
+	protected void mouseReleased( ) {
+	}
+
+	protected void mouseReleasedOutside( ) {
+	}
+
+	protected void setIsInside( boolean theFlag ) {
+		isInside = theFlag;
+	}
+
+	protected boolean getIsInside( ) {
+		return isInside;
+	}
+
+	/**
+	 * 
+	 * @param KeyEvent theEvent
+	 */
+	@ControlP5.Invisible public void keyEvent( final KeyEvent theEvent ) {
+	}
+
+	/**
+	 * set the id of a controller.
+	 * 
+	 * @param int theId
+	 * @return Controller
+	 */
+	@ControlP5.Layout public T setId( final int theId ) {
+		_myId = theId;
+		return me;
+	}
+
+	/**
+	 * returns the id of a controller, by default the id is -1. Any int can be given to a controller as its ID,
+	 * controlP5 does not recognize duplicates, this has to be managed on the user site.
+	 * 
+	 * @return int
+	 */
+	@ControlP5.Layout public int getId( ) {
+		return _myId;
+	}
+
+	protected ControllerPlug getControllerPlug( int theIndex ) {
+		return _myControllerPlugList.get( theIndex );
+	}
+
+	/**
+	 * 
+	 * @return List<ControllerPlug>
+	 */
+	public List< ControllerPlug > getControllerPlugList( ) {
+		return _myControllerPlugList;
+	}
+
+	protected boolean checkControllerPlug( ControllerPlug thePlug ) {
+		for ( ControllerPlug cp : _myControllerPlugList ) {
+			if ( cp.getObject( ).equals( thePlug.getObject( ) ) && cp.getName( ).equals( thePlug.getName( ) ) ) {
+				return true;
+			}
+		}
+		return false;
+	}
+
+	protected void addControllerPlug( final ControllerPlug thePlug ) {
+		if ( checkControllerPlug( thePlug ) )
+			return;
+		_myControllerPlugList.add( thePlug );
+	}
+
+	protected void removeControllerPlug( final ControllerPlug thePlug ) {
+		_myControllerPlugList.remove( thePlug );
+	}
+
+	/**
+	 * plugs the controller to a list of objects
+	 * 
+	 * @param theObject
+	 * @return Controller
+	 */
+	public T plugTo( final Object[] theObjects ) {
+		for ( Object o : theObjects ) {
+			plugTo( o , _myName );
+		}
+		return me;
+	}
+
+	/**
+	 * 
+	 * @param theObjects
+	 * @param theName
+	 * @return Controller
+	 */
+	public T plugTo( final Object[] theObjects , String theName ) {
+		for ( Object o : theObjects ) {
+			plugTo( o , theName );
+		}
+		return me;
+	}
+
+	/**
+	 * @param theObject
+	 * @return Controller
+	 */
+	public T plugTo( Object theObject ) {
+		return plugTo( theObject , _myName );
+	}
+
+	public T plugTo( Object theObject , String theName ) {
+		if ( ( theObject instanceof PApplet ) ) {
+			unplugFrom( theObject );
+		}
+		cp5.getControlBroadcaster( ).plug( theObject , this , theName );
+		cp5.getControlBroadcaster( ).plug( theObject , this , cp5.getControlBroadcaster( ).getEventMethod( ) );
+		return me;
+	}
+
+	/**
+	 * unplugs the controller from a list of objects
+	 * 
+	 * @param theObjects
+	 * @return
+	 */
+	public T unplugFrom( final Object[] theObjects ) {
+		for ( Object o : theObjects ) {
+			unplugFrom( o );
+		}
+		return me;
+	}
+
+	/**
+	 * unplugs the Controller for a single object
+	 * 
+	 * @param theObject
+	 * @return Controller
+	 */
+	public T unplugFrom( final Object theObject ) {
+		for ( Iterator< ControllerPlug > i = _myControllerPlugList.iterator( ) ; i.hasNext( ) ; ) {
+			if ( i.next( ).getObject( ).equals( theObject ) ) {
+				i.remove( );
+			}
+		}
+		return me;
+	}
+
+	/**
+	 * @param theValue float
+	 */
+	@ControlP5.Layout public T setValue( float theValue ) {
+		_myValue = theValue;
+		broadcast( FLOAT );
+		return me;
+	}
+
+	public T setValueSelf( float theValue ) {
+		boolean broadcast = isBroadcast( );
+		setBroadcast( false );
+		_myValue = theValue;
+		broadcast( FLOAT );
+		setBroadcast( broadcast );
+		return me;
+	}
+
+	/**
+	 * @see Controller#getStringValue()
+	 * @see Controller#getArrayValue()
+	 * @return float
+	 */
+	@ControlP5.Layout public float getValue( ) {
+		return _myValue;
+	}
+
+	/**
+	 * @param theValue
+	 * @return Controller
+	 */
+	@ControlP5.Layout public T setStringValue( String theValue ) {
+		_myStringValue = theValue;
+		return me;
+	}
+
+	/**
+	 * @see Controller#getValue()
+	 * @see Controller#getArrayValue()
+	 * 
+	 * @return String
+	 */
+	@ControlP5.Layout public String getStringValue( ) {
+		return _myStringValue;
+	}
+
+	/**
+	 * returns the current float array value of a controller.
+	 * 
+	 * @see Controller#getValue()
+	 * @see Controller#getStringValue()
+	 * 
+	 * @return float[]
+	 */
+	@ControlP5.Layout public float[] getArrayValue( ) {
+		return _myArrayValue;
+	}
+
+	/**
+	 * @param theIndex
+	 * @return float
+	 */
+	public float getArrayValue( int theIndex ) {
+		if ( theIndex >= 0 && theIndex < _myArrayValue.length ) {
+			return _myArrayValue[ theIndex ];
+		} else {
+			return Float.NaN;
+		}
+	}
+
+	/**
+	 * 
+	 * @param theArray
+	 * @return Controller
+	 */
+	@ControlP5.Layout public T setArrayValue( float[] theArray ) {
+		_myArrayValue = theArray;
+		return me;
+	}
+
+	/**
+	 * 
+	 * @param theIndex
+	 * @param theValue
+	 * @return Controller
+	 */
+	public T setArrayValue( int theIndex , float theValue ) {
+		if ( theIndex >= 0 && theIndex < _myArrayValue.length ) {
+			_myArrayValue[ theIndex ] = theValue;
+		}
+		return me;
+	}
+
+	/**
+	 * sets the value of the controller without sending the broadcast event. this function is final.
+	 * 
+	 * @param theValue float
+	 * @return Controller
+	 */
+	public final T changeValue( float theValue ) {
+		boolean br = this.isBroadcast;
+		this.isBroadcast = false;
+		setValue( theValue );
+		this.isBroadcast = br;
+		return me;
+	}
+
+	/**
+	 * updates the value of the controller without having to set the value explicitly. update does not visually update
+	 * the controller. the updating status can be set with setUpdate(true/false) and checked with isUpdate().
+	 * 
+	 * @see Controller#setUpdate(boolean)
+	 * @see Controller#isUpdate()
+	 * @return Controller
+	 */
+	public T update( ) {
+		return me;
+	}
+
+	/**
+	 * disables the update function for a controller.
+	 * 
+	 * @see Controller#update()
+	 * @see Controller#isUpdate()
+	 * 
+	 * @param theFlag boolean
+	 * @return Controller
+	 */
+	@Override public T setUpdate( final boolean theFlag ) {
+		isUpdate = theFlag;
+		return me;
+	}
+
+	/**
+	 * enables the update function for a controller.
+	 * 
+	 * @see Controller#update()
+	 * @see Controller#setUpdate(boolean)
+	 * 
+	 * @return boolean
+	 */
+	public boolean isUpdate( ) {
+		return isUpdate;
+	}
+
+	@ControlP5.Invisible public int getPickingColor( ) {
+		return _myPickingColor;
+	}
+
+	/**
+	 * {@inheritDoc}
+	 */
+	@Override @ControlP5.Layout public CColor getColor( ) {
+		return color;
+	}
+
+	/**
+	 * sets the content of the caption label of a controller.
+	 * 
+	 * @param theLabel
+	 * @return Controller
+	 */
+	@ControlP5.Layout public T setCaptionLabel( final String theLabel ) {
+		_myCaptionLabel.set( theLabel );
+		return me;
+	}
+
+	/**
+	 * set or change the value of the value label of a controller. (this is cheating, but maybe useful for some cases.)
+	 * 
+	 * @param theLabel
+	 * @return Controller
+	 */
+	@ControlP5.Layout public T setValueLabel( final String theLabel ) {
+		_myValueLabel.set( theLabel );
+		return me;
+	}
+
+	/**
+	 * returns the controller's caption label text.
+	 * 
+	 * @return String
+	 */
+	@ControlP5.Invisible public String getLabel( ) {
+		return _myCaptionLabel.getText( );
+	}
+
+	/**
+	 * @see controlP5.ControlListener
+	 * @param theListener ControlListener
+	 * @return Controller
+	 */
+	public T addListener( final ControlListener theListener ) {
+		_myControlListener.add( theListener );
+		return me;
+	}
+
+	/**
+	 * @see controlP5.ControlListener
+	 * @param theListener ControlListener
+	 * @return Controller
+	 */
+	public T removeListener( final ControlListener theListener ) {
+		_myControlListener.remove( theListener );
+		return me;
+	}
+
+	/**
+	 * @return int
+	 */
+	public int listenerSize( ) {
+		return _myControlListener.size( );
+	}
+
+	/**
+	 * @see CallbackListener
+	 * @param theListener
+	 * @return Controller
+	 */
+	public T addCallback( CallbackListener theListener ) {
+		cp5.addCallback( theListener , this );
+		return me;
+	}
+
+	/**
+	 * @see CallbackListener
+	 * @param theListener
+	 * @return Controller
+	 */
+	public T removeCallback( CallbackListener theListener ) {
+		cp5.removeCallback( theListener );
+		return me;
+	}
+
+	/**
+	 * @return Controller
+	 */
+	public T removeCallback( ) {
+		cp5.removeCallback( this );
+		return me;
+	}
+
+	protected void broadcast( ) {
+		broadcast( _myBroadcastType );
+	}
+
+	protected void broadcast( int theType ) {
+		theType = _myBroadcastType;
+		final ControlEvent myEvent = new ControlEvent( this );
+		for ( ControlListener cl : _myControlListener ) {
+			cl.controlEvent( myEvent );
+		}
+		if ( isBroadcast && isInit ) {
+			cp5.getControlBroadcaster( ).broadcast( myEvent , theType );
+			cp5.getControlBroadcaster( ).invokeAction( new CallbackEvent( this , ACTION_BROADCAST ) );
+			callListener( ACTION_BROADCAST );
+		}
+		isInit = true;
+	}
+
+	/**
+	 * @return boolean
+	 */
+	@ControlP5.Layout @Override public boolean isVisible( ) {
+		if ( getParent( ) != null ) {
+			if ( getParent( ).isVisible( ) == false ) {
+				return false;
+			}
+		}
+		return isVisible;
+	}
+
+	/**
+	 * @param theFlag boolean
+	 * @return Controller
+	 */
+	@ControlP5.Layout public T setVisible( final boolean theFlag ) {
+		isVisible = theFlag;
+		if ( theFlag == false ) {
+			isActive = false;
+		}
+		return me;
+	}
+
+	/**
+	 * @return Controller
+	 */
+	@Override public T hide( ) {
+		setMouseOver( false );
+		isVisible = false;
+		isActive = false;
+		return me;
+	}
+
+	/**
+	 * @return Controller
+	 */
+	@Override public T show( ) {
+		isVisible = true;
+		return me;
+	}
+
+	/**
+	 * {@inheritDoc}
+	 */
+	@Override public T setColor( CColor theColor ) {
+		color.set( theColor );
+		setColorCaptionLabel( theColor.getCaptionLabel( ) );
+		setColorValueLabel( theColor.getValueLabel( ) );
+		return me;
+	}
+
+	/**
+	 * {@inheritDoc}
+	 */
+	@Override @ControlP5.Layout public T setColorActive( final int theColor ) {
+		color.setActive( theColor );
+		return me;
+	}
+
+	/**
+	 * {@inheritDoc}
+	 */
+	@Override @ControlP5.Layout public T setColorForeground( final int theColor ) {
+		color.setForeground( theColor );
+		return me;
+	}
+
+	/**
+	 * {@inheritDoc}
+	 */
+	@Override @ControlP5.Layout public T setColorBackground( final int theColor ) {
+		color.setBackground( theColor );
+		return me;
+	}
+
+	/**
+	 * {@inheritDoc}
+	 * 
+	 * @param theColor
+	 * @return Controller
+	 */
+	@ControlP5.Layout public T setColorCaptionLabel( final int theColor ) {
+		color.setCaptionLabel( theColor );
+		_myCaptionLabel.setColor( color.getCaptionLabel( ) );
+		return me;
+	}
+
+	/**
+	 * @param theColor
+	 * @return Controller
+	 */
+	@ControlP5.Layout public T setColorValueLabel( final int theColor ) {
+		color.setValueLabel( theColor );
+		if ( _myValueLabel != null ) {
+			_myValueLabel.setColor( color.getValueLabel( ) );
+		}
+		return me;
+	}
+
+	/**
+	 * by default controllers use simple shapes, to replace these shapes with images, use setImages(). This can be handy
+	 * for buttons, toggles, bangs, for more complex controllers such as sliders, range, dropdownlist this is not
+	 * advisable.
+	 * 
+	 * @param theImageDefault
+	 * @param theImageOver
+	 * @param theImageActive
+	 * @return Controller
+	 */
+	public T setImages( PImage theImageDefault , PImage theImageOver , PImage theImageActive ) {
+		setImage( theImageDefault , DEFAULT );
+		setImage( theImageOver , OVER );
+		setImage( theImageActive , ACTIVE );
+		setImage( theImageActive , HIGHLIGHT );
+		return me;
+	}
+
+	public T setImages( PImage theImageDefault , PImage theImageOver , PImage theImageActive , PImage theImageHighlight ) {
+		setImage( theImageDefault , DEFAULT );
+		setImage( theImageOver , OVER );
+		setImage( theImageActive , ACTIVE );
+		setImage( theImageHighlight , HIGHLIGHT );
+		return me;
+	}
+
+	public T setImages( PImage ... imgs ) {
+		if ( imgs.length < 3 || imgs.length > 4 ) {
+			return me;
+		}
+		setImage( imgs[ 0 ] , DEFAULT );
+		setImage( imgs[ 1 ] , OVER );
+		setImage( imgs[ 2 ] , ACTIVE );
+		setImage( imgs.length == 3 ? imgs[ 2 ] : imgs[ 3 ] , HIGHLIGHT );
+		return me;
+	}
+
+	public T setImage( PImage theImage ) {
+		return setImage( theImage , DEFAULT );
+	}
+
+	/**
+	 * @param theImage
+	 * @param theState use Controller.DEFAULT (background) Controller.OVER (foreground) Controller.ACTIVE (active)
+	 */
+	public T setImage( PImage theImage , int theState ) {
+		if ( theImage != null ) {
+			images[ theState ] = theImage;
+			availableImages[ theState ] = true;
+			updateDisplayMode( IMAGE );
+		}
+		return me;
+	}
+
+	public T updateSize( ) {
+		if ( images[ DEFAULT ] != null ) {
+			setSize( images[ DEFAULT ] );
+		}
+		return me;
+	}
+
+	/**
+	 * auto-updates the size of a controller according to the dimensions of the PImage.
+	 * 
+	 * @param theImage
+	 * @return Controller
+	 */
+	public T setSize( PImage theImage ) {
+		if ( theImage != null ) {
+			setSize( theImage.width , theImage.height );
+		}
+		return me;
+	}
+
+	/**
+	 * @param theWidth
+	 * @param theHeight
+	 * @return Controller
+	 */
+	public T setSize( int theWidth , int theHeight ) {
+		setWidth( theWidth );
+		setHeight( theHeight );
+		return me;
+	}
+
+	protected T updateDisplayMode( int theMode ) {
+		if ( theMode != DEFAULT ) {
+			ControlP5.logger( ).warning( "Image-based or custom displays are not yet implemented for this type of controller. (" + this.getClass( ).getName( ) + ")" );
+		}
+		return me;
+	}
+
+	/**
+	 * use setDisplay to customize your controller look. A new controller-display class required to implement interface
+	 * ControllerView. By default the display mode will be set to CUSTOM when setting a new display.
+	 * 
+	 * @see controlP5.ControllerView
+	 * @param theView
+	 * @return Controller
+	 */
+	public T setView( ControllerView< T > theView ) {
+		setView( theView , CUSTOM );
+		return me;
+	}
+
+	public void setView( ControllerView< T > theView , int theMode ) {
+		_myDisplayMode = theMode;
+		_myControllerView = theView;
+	}
+
+	public ControllerView< T > getView( ) {
+		return _myControllerView;
+	}
+
+	/**
+	 * @see controlP5.Label
+	 * @return Label
+	 */
+	@ControlP5.Layout public Label getCaptionLabel( ) {
+		return _myCaptionLabel;
+	}
+
+	/**
+	 * @return Label
+	 */
+	@ControlP5.Layout public Label getValueLabel( ) {
+		return _myValueLabel;
+	}
+
+	/**
+	 * returns the maximum value of the controller.
+	 * 
+	 * @return float
+	 */
+	@ControlP5.Layout public float getMax( ) {
+		return _myMax;
+	}
+
+	/**
+	 * returns the minimum value of the controller.
+	 * 
+	 * @return float
+	 */
+	@ControlP5.Layout public float getMin( ) {
+		return _myMin;
+	}
+
+	/**
+	 * sets the minimum value of the Controller.
+	 * 
+	 * @param theValue float
+	 * @return Controller
+	 */
+	@ControlP5.Layout public T setMin( float theValue ) {
+		_myMin = theValue;
+		changeValue( getValue( ) );
+		return me;
+	}
+
+	/**
+	 * sets the maximum value of the Controller.
+	 * 
+	 * @param theValue float
+	 * @return Controller
+	 */
+	@ControlP5.Layout public T setMax( float theValue ) {
+		_myMax = theValue;
+		changeValue( getValue( ) );
+		return me;
+	}
+
+	/**
+	 * @param theWidth
+	 * @return Controller
+	 */
+	@ControlP5.Layout public T setWidth( int theWidth ) {
+		width = theWidth;
+		return me;
+	}
+
+	/**
+	 * @param theHeight
+	 * @return Controller
+	 */
+	@ControlP5.Layout public T setHeight( int theHeight ) {
+		height = theHeight;
+		return me;
+	}
+
+	/**
+	 * @return int
+	 */
+	@ControlP5.Layout public int getWidth( ) {
+		return width;
+	}
+
+	/**
+	 * @return int
+	 */
+	@ControlP5.Layout public int getHeight( ) {
+		return height;
+	}
+
+	/**
+	 * sets the decimal precision of a controller's float value displayed. the precision does not apply to the returned
+	 * float value.
+	 * 
+	 * @param theValue
+	 * @return Controller
+	 */
+	@ControlP5.Layout public T setDecimalPrecision( int theValue ) {
+		_myDecimalPoints = theValue;
+		// TODO transfer color values of existing label
+		int[] t = _myValueLabel.getAlign( );
+		_myValueLabel = new Label( cp5 , "" + ( ( ( adjustValue( _myMax ) ).length( ) > ( adjustValue( _myMin ) ).length( ) ) ? adjustValue( _myMax ) : adjustValue( _myMin ) ) );
+		_myValueLabel.align( t );
+		_myValueLabel.setColor( color.getValueLabel( ) );
+		_myValueLabel.set( "" + adjustValue( getValue( ) ) );
+		return me;
+	}
+
+	/**
+	 * @return int
+	 */
+	@ControlP5.Layout public int getDecimalPrecision( ) {
+		return _myDecimalPoints;
+	}
+
+	/**
+	 * @param theValue float
+	 * @return String
+	 */
+	protected String adjustValue( final float theValue ) {
+		return adjustValue( theValue , _myDecimalPoints );
+	}
+
+	/**
+	 * @param theValue
+	 * @param theFloatPrecision
+	 * @return String
+	 */
+	protected String adjustValue( final float theValue , final int theFloatPrecision ) {
+
+		int myFloatNumberLength = theFloatPrecision + 1;
+		if ( getControllerPlugList( ).size( ) > 0 ) {
+			for ( ControllerPlug cp : getControllerPlugList( ) ) {
+				if ( cp.getClassType( ) == int.class ) {
+					myFloatNumberLength = 0;
+				}
+			}
+		}
+		String myLabelValue = "" + theValue;
+		int myIndex = myLabelValue.indexOf( '.' );
+		if ( myIndex > 0 ) {
+
+			if ( theFloatPrecision == 0 ) {
+				myIndex--;
+			}
+			myLabelValue = myLabelValue.substring( 0 , ( int ) Math.min( myLabelValue.length( ) , myIndex + myFloatNumberLength ) );
+
+			final int n = ( myLabelValue.length( ) - myIndex );
+			if ( n < myFloatNumberLength ) {
+				for ( int i = 0 ; i < myFloatNumberLength - n ; i++ ) {
+					myLabelValue += "0";
+				}
+			}
+		} else {
+			myLabelValue += ".";
+			for ( int i = 0 ; i < myFloatNumberLength ; i++ ) {
+				myLabelValue += "0";
+			}
+		}
+
+		return myLabelValue;
+	}
+
+	public T align( int theCaptionX , int theCaptionY , int theValueX , int theValueY ) {
+		getCaptionLabel( ).align( theCaptionX , theCaptionY );
+		getCaptionLabel( ).align( theValueX , theValueY );
+		return me;
+	}
+
+	/**
+	 * @return ControlWindow
+	 */
+	public ControlWindow getControlWindow( ) {
+		return _myControlWindow;
+	}
+
+	/**
+	 * disables the controller to be moved, or changed or controlled by the user.
+	 * 
+	 * @return Controller
+	 */
+	public T lock( ) {
+		isLock = true;
+		return me;
+	}
+
+	/**
+	 * enables the controller to be moved, changed and controlled by the user.
+	 * 
+	 * @return Controller
+	 */
+	public T unlock( ) {
+		isLock = false;
+		return me;
+	}
+
+	/**
+	 * @return boolean
+	 */
+	@ControlP5.Layout public boolean isLock( ) {
+		return isLock;
+	}
+
+	/**
+	 * sets the lock status of the controller
+	 * 
+	 * @param theValue
+	 * @return Controller
+	 */
+	@ControlP5.Layout public T setLock( boolean theValue ) {
+		isLock = theValue;
+		return me;
+	}
+
+	/**
+	 * @exclude TODO
+	 */
+	@ControlP5.Invisible public T setUserInteraction( boolean theValue ) {
+		isUserInteraction = theValue;
+		return me;
+	}
+
+	/**
+	 * @exclude
+	 * @return boolean
+	 */
+	@ControlP5.Invisible public boolean isUserInteraction( ) {
+		return isUserInteraction;
+	}
+
+	/**
+	 * adds a tooltip to a controller, by default the tooltip is disabled. A Tooltip is made visible when entering a
+	 * controller with the mouse, when the mouse is moved inside the controller, the tooltip will hide.
+	 * 
+	 * @param theText
+	 * @return Controller
+	 */
+	public T registerTooltip( String theText ) {
+		cp5.getTooltip( ).register( this , theText );
+		return me;
+	}
+
+	/**
+	 * @see controlP5.Controller#registerTooltip(String)
+	 * @return Controller
+	 */
+	public T unregisterTooltip( ) {
+		cp5.getTooltip( ).unregister( this );
+		return me;
+	}
+
+	protected T setTooltipEnabled( boolean theValue ) {
+		tooltipEnabled = theValue;
+		return me;
+	}
+
+	protected boolean isTooltipEnabled( ) {
+		return tooltipEnabled;
+	}
+
+	/**
+	 * @return Controller
+	 */
+	public T linebreak( ) {
+		cp5.linebreak( this , true , autoWidth , autoHeight , autoSpacing );
+		return me;
+	}
+
+	class DebugView implements ControllerView< T > {
+
+		public void display( PGraphics theGraphics , T theController ) {
+			if ( inside( ) ) {
+				theGraphics.fill( 255 , 0 , 0 , 50 );
+				theGraphics.stroke( 255 , 0 , 0 );
+			} else {
+				theGraphics.fill( 255 , 50 );
+				theGraphics.stroke( 255 );
+			}
+
+			theGraphics.pushMatrix( );
+			theGraphics.rect( 0 , 0 , width , height );
+			theGraphics.popMatrix( );
+		}
+	}
+
+	/**
+	 * {@inheritDoc}
+	 */
+	@Override public ControllerProperty getProperty( String thePropertyName ) {
+		return cp5.getProperties( ).getProperty( this , thePropertyName );
+	}
+
+	/**
+	 * {@inheritDoc}
+	 */
+	@Override public ControllerProperty getProperty( String theSetter , String theGetter ) {
+		return cp5.getProperties( ).getProperty( this , theSetter , theGetter );
+	}
+
+	/**
+	 * {@inheritDoc}
+	 */
+	@Override public T registerProperty( String thePropertyName ) {
+		cp5.getProperties( ).register( this , thePropertyName );
+		return me;
+	}
+
+	/**
+	 * {@inheritDoc}
+	 */
+	@Override public T registerProperty( String theSetter , String theGetter ) {
+		cp5.getProperties( ).register( this , theSetter , theGetter );
+		return me;
+	}
+
+	/**
+	 * {@inheritDoc}
+	 */
+	@Override public T removeProperty( String thePropertyName ) {
+		cp5.getProperties( ).remove( this , thePropertyName );
+		return me;
+	}
+
+	/**
+	 * {@inheritDoc}
+	 */
+	@Override public T removeProperty( String theSetter , String theGetter ) {
+		cp5.getProperties( ).remove( this , theSetter , theGetter );
+		return me;
+	}
+
+	/**
+	 * @exclude {@inheritDoc}
+	 */
+	@Override public String toString( ) {
+		return getName( ) + " [" + getClass( ).getSimpleName( ) + "]";
+	}
+
+	/**
+	 * @exclude
+	 * @return String
+	 */
+	public String getInfo( ) {
+		return "[ type:\tController" + "\nname:\t" + _myName + "\n" + "label:\t" + _myCaptionLabel.getText( ) + "\n" + "id:\t" + _myId + "\n" + "value:\t" + getValue( ) + "\n" + "arrayvalue:\t" + CP.arrayToString( _myArrayValue ) + "\n" + "position:\t"
+		    + position + "\n" + "absolute:\t" + absolutePosition + "\n" + "width:\t" + getWidth( ) + "\n" + "height:\t" + getHeight( ) + "\n" + "color:\t" + getColor( ) + "\n" + "visible:\t" + isVisible + "\n" + "moveable:\t" + isMoveable + " ]";
+	}
+
+	/**
+	 * convenience method to fill a float array in favor of theArray[0] = 1.2; etc.
+	 * takes a float array and fills it (starting from index 0) with arguments starting from index 1.  
+	 */
+	static public float[] set( float[] theArray , float ... theValues ) {
+		if ( theValues.length > theArray.length ) {
+			System.arraycopy( theValues , 0 , theArray , 0 , theArray.length );
+		} else {
+			System.arraycopy( theValues , 0 , theArray , 0 , theValues.length );
+		}
+		return theArray;
+	}
+
+	/**
+	 * returns the first element of the float array.
+	 */
+	static public float x( float[] theArray ) {
+		if ( theArray.length > 0 ) {
+			return theArray[ 0 ];
+		}
+		return 0;
+	}
+
+	/**
+	 * returns the second element of the float array.
+	 */
+	static public float y( float[] theArray ) {
+		if ( theArray.length > 1 ) {
+			return theArray[ 1 ];
+		}
+		return 0;
+	}
+
+	@Override public T setLabel( String theString ) {
+		getCaptionLabel( ).setText( theString );
+		return me;
+	}
+
+	@Override public T setColorLabel( int theColor ) {
+		getCaptionLabel( ).setColor( theColor );
+		return me;
+	}
+
+	@Override public T setColorValue( int theColor ) {
+		getValueLabel( ).setColor( theColor );
+		return me;
+	}
+
+}
diff --git a/src/controlP5/ControllerAutomator.java b/src/controlP5/ControllerAutomator.java
new file mode 100755
index 0000000..297d4e6
--- /dev/null
+++ b/src/controlP5/ControllerAutomator.java
@@ -0,0 +1,354 @@
+package controlP5;
+
+/**
+ * controlP5 is a processing gui library.
+ *
+ *  2006-2012 by Andreas Schlegel
+ *
+ * This library is free software; you can redistribute it and/or
+ * modify it under the terms of the GNU Lesser General Public License
+ * as published by the Free Software Foundation; either version 2.1
+ * of the License, or (at your option) any later version.
+ * This library is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
+ * Lesser General Public License for more details.
+ *
+ * You should have received a copy of the GNU Lesser General
+ * Public License along with this library; if not, write to the
+ * Free Software Foundation, Inc., 59 Temple Place, Suite 330,
+ * Boston, MA 02111-1307 USA
+ *
+ * @author 		Andreas Schlegel (http://www.sojamo.de)
+ * @modified	##date##
+ * @version		##version##
+ *
+ */
+
+import java.lang.reflect.Field;
+import java.lang.reflect.Method;
+import java.util.ArrayList;
+import java.util.Collections;
+import java.util.Comparator;
+import java.util.HashMap;
+import java.util.HashSet;
+import java.util.Iterator;
+import java.util.List;
+import java.util.Map;
+import java.util.Map.Entry;
+import java.util.Set;
+
+/**
+ * Used to convert Annotations into individual controllers this method of creating controllers is
+ * derived from cp5magic by Karsten Schmidt http://hg.postspectacular.com/cp5magic/wiki/Home
+ */
+
+class ControllerAutomator {
+
+	static Map< Set< Class< ? >> , Class< ? extends Controller< ? >>> mapping = new HashMap< Set< Class< ? >> , Class< ? extends Controller< ? >>>( );
+
+	static {
+		mapping.put( makeKey( boolean.class ) , Toggle.class );
+		mapping.put( makeKey( int.class ) , Slider.class );
+		mapping.put( makeKey( float.class ) , Slider.class );
+		mapping.put( makeKey( String.class ) , Textfield.class );
+	}
+
+	static Map< String , Class< ? extends ControllerInterface< ? >>> types = new HashMap< String , Class< ? extends ControllerInterface< ? >>>( );
+
+	static {
+		types.put( "slider" , Slider.class );
+		types.put( "knob" , Knob.class );
+		types.put( "numberbox" , Numberbox.class );
+		types.put( "toggle" , Toggle.class );
+		types.put( "bang" , Bang.class );
+		types.put( "toggle" , Toggle.class );
+		types.put( "textfield" , Textfield.class );
+		types.put( "label" , Textlabel.class );
+		types.put( "textlabel" , Textlabel.class );
+		types.put( "list" , ListBox.class );
+		types.put( "dropdown" , DropdownList.class );
+		types.put( "scrollable" , ScrollableList.class );
+	}
+
+	static Set< Class< ? >> makeKey( Class< ? > ... cs ) {
+		Set< Class< ? >> set = new HashSet< Class< ? >>( );
+		for ( Class< ? > c : cs ) {
+			set.add( c );
+		}
+		return set;
+	}
+
+	private ControlP5 cp5;
+
+	ControllerAutomator( ControlP5 c ) {
+		cp5 = c;
+	}
+
+	private Object[] getParameters( Class< ? >[] cs , String v ) {
+
+		if ( cs[ 0 ] == int.class ) {
+			return new Object[] { i( v , 0 ) };
+		} else if ( cs[ 0 ] == float.class ) {
+			return new Object[] { Float.parseFloat( v ) };
+		} else if ( cs[ 0 ] == String.class ) {
+			return new Object[] { v };
+		} else if ( cs[ 0 ] == boolean.class ) {
+			return new Object[] { Boolean.parseBoolean( v ) };
+		}
+		return new Object[ 0 ];
+	}
+
+	/**
+	 * analyzes an object and adds fields with ControlElement annotations to controlP5.
+	 * 
+	 */
+	void addControllersFor( final String theAddressSpace , final Object t ) {
+
+		if ( t instanceof List< ? > ) {
+			return;
+		}
+
+		Class< ? > c = t.getClass( );
+
+		Field[] fs = c.getDeclaredFields( );
+
+		Method[] ms = c.getDeclaredMethods( );
+
+		Map< ControllerInterface , Integer > controllersIndexed = new HashMap< ControllerInterface , Integer >( );
+
+		for ( Method m : ms ) {
+
+			int zindex = 0;
+
+			if ( m.isAnnotationPresent( ControlElement.class ) ) {
+
+				ControlElement ce = m.getAnnotation( ControlElement.class );
+
+				Map< String , String > params = new HashMap< String , String >( );
+
+				Class< ? extends ControllerInterface< ? >> type = null;
+
+				for ( String s : ce.properties( ) ) {
+					String[] a = s.split( "=" );
+					if ( a[ 0 ].startsWith( "type" ) ) {
+						type = types.get( a[ 1 ].toLowerCase( ) );
+					} else if ( a[ 0 ].equals( "z-index" ) ) {
+						zindex = i( a[ 1 ] , 0 );
+					} else {
+						params.put( "set" + capitalize( a[ 0 ] ) , a[ 1 ] );
+					}
+				}
+
+				if ( type == null ) {
+					type = mapping.get( makeKey( m.getParameterTypes( ) ) );
+				}
+				if ( type != null ) {
+
+					ControllerInterface< ? > cntr = null;
+
+					if ( params.containsKey( "setItems" ) ) {
+
+						if ( type.equals( ListBox.class ) ) {
+
+							cntr = cp5.addScrollableList( t , theAddressSpace , m.getName( ) , ce.x( ) , ce.y( ) , 100 , 100 );
+							( ( ScrollableList ) cntr ).addItems( params.get( "setItems" ).split( "," ) );
+							( ( ScrollableList ) cntr ).setOpen( true );
+							( ( ScrollableList ) cntr ).setType(ScrollableList.LIST);
+
+						} else if ( type.equals( DropdownList.class ) ) {
+
+							cntr = cp5.addScrollableList( t , theAddressSpace , m.getName( ) , ce.x( ) , ce.y( ) , 100 , 100 );
+							( ( ScrollableList ) cntr ).addItems( params.get( "setItems" ).split( "," ) );
+							( ( ScrollableList ) cntr ).setOpen( false );
+							( ( ScrollableList ) cntr ).setType(ScrollableList.DROPDOWN);
+							
+						} else if ( type.equals( ScrollableList.class ) ) {
+
+							cntr = cp5.addScrollableList( t , theAddressSpace , m.getName( ) , ce.x( ) , ce.y( ) , 100 , 100 );
+							( ( ScrollableList ) cntr ).addItems( params.get( "setItems" ).split( "," ) );
+
+						}
+
+					} else {
+						cntr = cp5.addController( t , theAddressSpace , m.getName( ) , type , ce.x( ) , ce.y( ) );
+					}
+
+					controllersIndexed.put( cntr , zindex );
+
+					if ( ce.label( ).length( ) > 0 ) {
+						cntr.setCaptionLabel( ce.label( ) );
+					}
+
+					for ( Iterator< String > i = params.keySet( ).iterator( ) ; i.hasNext( ) ; ) {
+						String k = ( String ) i.next( );
+						String v = ( String ) params.get( k );
+						for ( Method method : cntr.getClass( ).getMethods( ) ) {
+							if ( method.getName( ).equals( k ) ) {
+								try {
+									Object[] os = getParameters( method.getParameterTypes( ) , v );
+									method.setAccessible( true );
+									method.invoke( cntr , os );
+								} catch ( Exception e ) {
+									/* TODO is thrown when running ControlP5annotation example */
+									// ControlP5.logger.severe( e.toString( ) );
+								}
+							}
+						}
+					}
+				}
+			}
+		}
+
+		for ( Field f : fs ) {
+
+			int zindex = 0;
+
+			if ( f.isAnnotationPresent( ControlElement.class ) ) {
+
+				ControlElement ce = f.getAnnotation( ControlElement.class );
+
+				Map< String , String > params = new HashMap< String , String >( );
+
+				Class< ? extends ControllerInterface< ? >> type = null;
+
+				for ( String s : ce.properties( ) ) {
+					String[] a = s.split( "=" );
+					if ( a[ 0 ].startsWith( "type" ) ) {
+						type = types.get( a[ 1 ].toLowerCase( ) );
+					} else if ( a[ 0 ].equals( "z-index" ) ) {
+						zindex = i( a[ 1 ] , 0 );
+					} else {
+						params.put( "set" + capitalize( a[ 0 ] ) , a[ 1 ] );
+					}
+				}
+
+				ControllerInterface< ? > cntr = null;
+
+				f.setAccessible( true );
+
+				if ( f.getType( ) == float.class || f.getType( ) == int.class ) {
+
+					if ( type == Knob.class ) {
+
+						cntr = cp5.addKnob( t , theAddressSpace , f.getName( ) );
+
+					} else if ( type == Numberbox.class ) {
+
+						cntr = cp5.addNumberbox( t , theAddressSpace , f.getName( ) );
+
+					} else {
+						cntr = cp5.addSlider( t , theAddressSpace , f.getName( ) );
+
+					}
+					try {
+						if ( f.getType( ) == float.class ) {
+							cntr.setValue( f.getFloat( t ) );
+						} else {
+							cntr.setValue( f.getInt( t ) );
+						}
+					} catch ( Exception e ) {
+						ControlP5.logger.severe( e.toString( ) );
+					}
+				} else if ( f.getType( ) == String.class ) {
+					if ( type == Textlabel.class ) {
+						String s = "";
+						try {
+							s = "" + f.get( t );
+							if ( f.get( t ) == null ) {
+								s = ce.label( );
+							}
+						} catch ( Exception e ) {
+						}
+						cntr = cp5.addTextlabel( t , theAddressSpace , f.getName( ) , s );
+					} else {
+						cntr = cp5.addTextfield( t , theAddressSpace , f.getName( ) );
+					}
+				} else if ( f.getType( ) == boolean.class ) {
+					cntr = cp5.addToggle( t , theAddressSpace , f.getName( ) );
+					try {
+						cntr.setValue( f.getBoolean( t ) ? 1 : 0 );
+					} catch ( Exception e ) {
+						ControlP5.logger.severe( e.toString( ) );
+					}
+				}
+
+				if ( cntr != null ) {
+
+					controllersIndexed.put( cntr , zindex );
+
+					if ( ce.label( ).length( ) > 0 ) {
+						cntr.setCaptionLabel( ce.label( ) );
+					}
+					cntr.setPosition( ce.x( ) , ce.y( ) );
+
+					for ( Iterator< String > i = params.keySet( ).iterator( ) ; i.hasNext( ) ; ) {
+						String k = ( String ) i.next( );
+						String v = ( String ) params.get( k );
+						for ( Method method : cntr.getClass( ).getMethods( ) ) {
+							if ( method.getName( ).equals( k ) ) {
+								try {
+									Object[] os = getParameters( method.getParameterTypes( ) , v );
+									method.setAccessible( true );
+									method.invoke( cntr , os );
+								} catch ( Exception e ) {
+									ControlP5.logger.severe( e.toString( ) );
+								}
+							}
+						}
+					}
+				}
+			}
+		}
+
+		/* */
+		for ( Entry< ControllerInterface , Integer > entry : entriesSortedByValues( controllersIndexed ) ) {
+			entry.getKey( ).bringToFront( );
+		}
+	}
+
+	private static < K , V extends Comparable< ? super V >> List< Entry< K , V >> entriesSortedByValues( Map< K , V > map ) {
+
+		List< Entry< K , V >> sortedEntries = new ArrayList< Entry< K , V >>( map.entrySet( ) );
+
+		Collections.sort( sortedEntries , new Comparator< Entry< K , V >>( ) {
+			@Override
+			public int compare( Entry< K , V > e1 , Entry< K , V > e2 ) {
+				return e1.getValue( ).compareTo( e2.getValue( ) );
+			}
+		} );
+
+		return sortedEntries;
+	}
+
+	/**
+	 * capitalizes a string.
+	 * 
+	 * @param theString
+	 * @return String
+	 */
+	static String capitalize( String theString ) {
+		final StringBuilder result = new StringBuilder( theString.length( ) );
+		String[] words = theString.split( "\\s" );
+		for ( int i = 0 , l = words.length ; i < l ; ++i ) {
+			if ( i > 0 )
+				result.append( " " );
+			result.append( Character.toUpperCase( words[ i ].charAt( 0 ) ) ).append( words[ i ].substring( 1 ) );
+		}
+		return result.toString( );
+	}
+
+	private int i( String o , int theDefault ) {
+		return isNumeric( o ) ? Integer.parseInt( o ) : isHex( o ) ? o.length( ) == 6 ? ( int ) Long.parseLong( "FF" + o , 16 ) : ( int ) Long.parseLong( o , 16 ) : theDefault;
+	}
+
+	private boolean isNumeric( String str ) {
+		return str.matches( "(-|\\+)?\\d+(\\.\\d+)?" );
+	}
+
+	private boolean isHex( String str ) {
+		// (?:0[xX])?[0-9a-fA-F]+ (This will match with or without 0x prefix)
+		// System.out.println( "isHex? " + str + " " + str.matches( "[\\dA-Fa-f]+" ) );
+		return str.matches( "[\\dA-Fa-f]+" );
+	}
+}
diff --git a/src/controlP5/ControllerDisplay.java b/src/controlP5/ControllerDisplay.java
new file mode 100755
index 0000000..ec82be0
--- /dev/null
+++ b/src/controlP5/ControllerDisplay.java
@@ -0,0 +1,52 @@
+package controlP5;
+
+/**
+ * controlP5 is a processing gui library.
+ *
+ *  2006-2012 by Andreas Schlegel
+ *
+ * This library is free software; you can redistribute it and/or
+ * modify it under the terms of the GNU Lesser General Public License
+ * as published by the Free Software Foundation; either version 2.1
+ * of the License, or (at your option) any later version.
+ * This library is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
+ * Lesser General Public License for more details.
+ *
+ * You should have received a copy of the GNU Lesser General
+ * Public License along with this library; if not, write to the
+ * Free Software Foundation, Inc., 59 Temple Place, Suite 330,
+ * Boston, MA 02111-1307 USA
+ *
+ * @author 		Andreas Schlegel (http://www.sojamo.de)
+ * @modified	##date##
+ * @version		##version##
+ *
+ */
+
+import processing.core.PApplet;
+
+/**
+ * The interface ControllerDisplay can be used to define custom displays for
+ * controllers.
+ * 
+ * @see controlP5.draw(processing.core.PApplet)
+ * @see controlP5.setDisplay(ControllerDisplay)
+ * 
+ */
+@SuppressWarnings("unchecked")
+@Deprecated
+public interface ControllerDisplay extends ControllerView {
+
+	/**
+	 * draws your custom controllers. display() will be called by a controller's
+	 * draw() function and will pass a reference of PApplet as well as the
+	 * Controller itself to your custom display class.
+	 * 
+	 * @param theApplet
+	 * @param theController
+	 */
+	public void display(PApplet theApplet, Controller theController);
+
+}
diff --git a/src/controlP5/ControllerGroup.java b/src/controlP5/ControllerGroup.java
new file mode 100755
index 0000000..25a7859
--- /dev/null
+++ b/src/controlP5/ControllerGroup.java
@@ -0,0 +1,957 @@
+package controlP5;
+
+/**
+ * controlP5 is a processing gui library.
+ * 
+ * 2006-2012 by Andreas Schlegel
+ * 
+ * This library is free software; you can redistribute it and/or
+ * modify it under the terms of the GNU Lesser General Public License
+ * as published by the Free Software Foundation; either version 2.1
+ * of the License, or (at your option) any later version.
+ * This library is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
+ * Lesser General Public License for more details.
+ * 
+ * You should have received a copy of the GNU Lesser General
+ * Public License along with this library; if not, write to the
+ * Free Software Foundation, Inc., 59 Temple Place, Suite 330,
+ * Boston, MA 02111-1307 USA
+ * 
+ * @author Andreas Schlegel (http://www.sojamo.de)
+ * @modified ##date##
+ * @version ##version##
+ * 
+ */
+
+import java.util.ArrayList;
+import java.util.List;
+
+import processing.core.PApplet;
+import processing.core.PGraphics;
+import processing.event.KeyEvent;
+
+/**
+ * ControllerGroup is an abstract class and is extended by class ControlGroup, Tab, or the ListBox.
+ * 
+ */
+public abstract class ControllerGroup< T > implements ControllerInterface< T > , ControlP5Constants , ControlListener {
+
+	protected float[] position = new float[2];
+	protected float[] positionBuffer = new float[2];
+	protected float[] absolutePosition = new float[2];
+	protected ControllerList controllers;
+	protected List< ControlListener > _myControlListener;
+	// protected ControlWindow _myControlWindow;
+	protected ControlP5 cp5;
+	protected ControllerGroup< ? > _myParent;
+	protected String _myName;
+	protected int _myId = -1;
+	protected CColor color = new CColor( );
+	protected boolean isMousePressed = false;
+	// only applies to the area of the title bar of a group
+	protected boolean isInside = false;
+	// applies to the area including controllers, currently only supported for listbox
+	protected boolean isInsideGroup = false;
+	protected boolean isVisible = true;
+	protected boolean isOpen = true;
+	protected boolean isBarVisible = true;
+	protected boolean isArrowVisible = true;
+	protected Button _myCloseButton;
+	protected boolean isMoveable = true;
+	protected Label _myLabel;
+	protected Label _myValueLabel;
+	protected int _myWidth = 99;
+	protected int _myHeight = 9;
+	protected boolean isUpdate;
+	protected List< Canvas > _myCanvas;
+	protected float _myValue;
+	protected String _myStringValue;
+	protected float[] _myArrayValue;
+	protected boolean isCollapse = true;
+	protected int _myPickingColor = 0x6600ffff;
+	protected float[] autoPosition = new float[] { 10 , 30 };
+	protected float tempAutoPositionHeight = 0;
+	protected float autoPositionOffsetX = 10;
+	private String _myAddress = "";
+	private boolean mouseover;
+	protected final T me;
+
+	/**
+	 * Convenience constructor to extend ControllerGroup.
+	 */
+	public ControllerGroup( ControlP5 theControlP5 , String theName ) {
+		this( theControlP5 , theControlP5.getDefaultTab( ) , theName , 0 , 0 );
+		theControlP5.register( theControlP5.papplet , theName , this );
+	}
+
+	public ControllerGroup( ControlP5 theControlP5 , ControllerGroup< ? > theParent , String theName , float theX , float theY ) {
+		position = new float[] { theX , theY };
+		cp5 = theControlP5;
+		me = ( T ) this;
+		color.set( ( theParent == null ) ? cp5.color : theParent.color );
+		_myName = theName;
+		controllers = new ControllerList( );
+		_myCanvas = new ArrayList< Canvas >( );
+		_myControlListener = new ArrayList< ControlListener >( );
+		_myLabel = new Label( cp5 , _myName );
+		_myLabel.setText( _myName );
+		_myLabel.setColor( color.getCaptionLabel( ) );
+		_myLabel.align( LEFT , TOP );
+		setParent( ( theParent == null ) ? this : theParent );
+	}
+
+	protected ControllerGroup( int theX , int theY ) {
+		position = new float[] { theX , theY };
+		me = ( T ) this;
+		controllers = new ControllerList( );
+		_myCanvas = new ArrayList< Canvas >( );
+	}
+
+	@ControlP5.Invisible public void init( ) {
+	}
+
+	@ControlP5.Invisible @Override public ControllerInterface< ? > getParent( ) {
+		return _myParent;
+	}
+
+	void setParent( ControllerGroup< ? > theParent ) {
+
+		if ( _myParent != null && _myParent != this ) {
+			_myParent.remove( this );
+		}
+
+		_myParent = theParent;
+
+		if ( _myParent != this ) {
+			_myParent.add( this );
+		}
+
+		set( absolutePosition , x( position ) , y( position ) );
+		set( absolutePosition , x( absolutePosition ) + x( _myParent.absolutePosition ) , y( absolutePosition ) + y( _myParent.absolutePosition ) );
+		set( positionBuffer , x( position ) , y( position ) );
+
+		if ( cp5.getWindow( ) != null ) {
+			setMouseOver( false );
+		}
+	}
+
+	public final T setGroup( ControllerGroup< ? > theGroup ) {
+		setParent( theGroup );
+		return me;
+	}
+
+	public final T setGroup( String theName ) {
+		setParent( cp5.getGroup( theName ) );
+		return me;
+	}
+
+	public final T moveTo( ControllerGroup< ? > theGroup , Tab theTab , ControlWindow theControlWindow ) {
+		if ( theGroup != null ) {
+			setGroup( theGroup );
+			return me;
+		}
+
+		if ( theControlWindow == null ) {
+			theControlWindow = cp5.controlWindow;
+		}
+
+		setTab( theControlWindow , theTab.getName( ) );
+		return me;
+	}
+
+	public final T moveTo( ControllerGroup< ? > theGroup ) {
+		moveTo( theGroup , null , null );
+		return me;
+	}
+
+	public final T moveTo( Tab theTab ) {
+		moveTo( null , theTab , theTab.getWindow( ) );
+		return me;
+	}
+
+	public T moveTo( PApplet thePApplet ) {
+		moveTo( cp5.controlWindow );
+		return me;
+	}
+
+	public T moveTo( ControlWindow theControlWindow ) {
+		moveTo( null , theControlWindow.getTab( "default" ) , theControlWindow );
+		return me;
+	}
+
+	public final T moveTo( String theTabName ) {
+		moveTo( null , cp5.controlWindow.getTab( theTabName ) , cp5.controlWindow );
+		return me;
+	}
+
+	public final T moveTo( String theTabName , ControlWindow theControlWindow ) {
+		moveTo( null , theControlWindow.getTab( theTabName ) , theControlWindow );
+		return me;
+	}
+
+	public final T moveTo( ControlWindow theControlWindow , String theTabName ) {
+		moveTo( null , theControlWindow.getTab( theTabName ) , theControlWindow );
+		return me;
+	}
+
+	public final T moveTo( Tab theTab , ControlWindow theControlWindow ) {
+		moveTo( null , theTab , theControlWindow );
+		return me;
+	}
+
+	public final T setTab( String theName ) {
+		setParent( cp5.getTab( theName ) );
+		return me;
+	}
+
+	public final T setTab( ControlWindow theWindow , String theName ) {
+		setParent( cp5.getTab( theWindow , theName ) );
+		return me;
+	}
+
+	public final T setTab( Tab theTab ) {
+		setParent( theTab );
+		return me;
+	}
+
+	public Tab getTab( ) {
+		if ( this instanceof Tab ) {
+			return ( Tab ) this;
+		}
+		if ( _myParent instanceof Tab ) {
+			return ( Tab ) _myParent;
+		}
+		return _myParent.getTab( );
+	}
+
+	protected void updateFont( ControlFont theControlFont ) {
+		_myLabel.updateFont( theControlFont );
+		if ( _myValueLabel != null ) {
+			_myValueLabel.updateFont( theControlFont );
+		}
+		for ( int i = 0 ; i < controllers.size( ) ; i++ ) {
+			if ( controllers.get( i ) instanceof Controller< ? > ) {
+				( ( Controller< ? > ) controllers.get( i ) ).updateFont( theControlFont );
+			} else {
+				( ( ControllerGroup< ? > ) controllers.get( i ) ).updateFont( theControlFont );
+			}
+		}
+	}
+
+	@ControlP5.Invisible public float[] getAbsolutePosition( ) {
+		return new float[] { x( absolutePosition ) , y( absolutePosition ) };
+	}
+
+	@ControlP5.Invisible public T setAbsolutePosition( float[] thePos ) {
+		set( absolutePosition , x( thePos ) , y( thePos ) );
+		return me;
+	}
+
+	public float[] getPosition( ) {
+		return new float[] { x( position ) , y( position ) };
+	}
+
+	public T setPosition( float theX , float theY ) {
+		set( position , ( int ) theX , ( int ) theY );
+		set( positionBuffer , x( position ) , y( position ) );
+		updateAbsolutePosition( );
+		return me;
+	}
+
+	public T setPosition( float[] thePVector ) {
+		setPosition( x( thePVector ) , y( thePVector ) );
+		return me;
+	}
+
+	public T updateAbsolutePosition( ) {
+		set( absolutePosition , x( position ) , y( position ) );
+		set( absolutePosition , x( absolutePosition ) + x( _myParent.getAbsolutePosition( ) ) , y( absolutePosition ) + y( _myParent.getAbsolutePosition( ) ) );
+		for ( int i = 0 ; i < controllers.size( ) ; i++ ) {
+			controllers.get( i ).updateAbsolutePosition( );
+		}
+		return me;
+	}
+
+	@ControlP5.Invisible public void continuousUpdateEvents( ) {
+		if ( controllers.size( ) <= 0 ) {
+			return;
+		}
+		for ( int i = controllers.size( ) - 1 ; i >= 0 ; i-- ) {
+			( ( ControllerInterface< ? > ) controllers.get( i ) ).continuousUpdateEvents( );
+		}
+	}
+
+	public T update( ) {
+		if ( controllers.size( ) <= 0 ) {
+			return me;
+		}
+		for ( int i = controllers.size( ) - 1 ; i >= 0 ; i-- ) {
+			if ( ( ( ControllerInterface< ? > ) controllers.get( i ) ).isUpdate( ) ) {
+				( ( ControllerInterface< ? > ) controllers.get( i ) ).update( );
+			}
+		}
+		return me;
+	}
+
+	/**
+	 * enables or disables the update function of a controller.
+	 */
+	@Override public T setUpdate( boolean theFlag ) {
+		isUpdate = theFlag;
+		for ( int i = 0 ; i < controllers.size( ) ; i++ ) {
+			( ( ControllerInterface< ? > ) controllers.get( i ) ).setUpdate( theFlag );
+		}
+		return me;
+	}
+
+	/**
+	 * checks the update status of a controller.
+	 */
+	public boolean isUpdate( ) {
+		return isUpdate;
+	}
+
+	@ControlP5.Invisible public T updateEvents( ) {
+		if ( isOpen ) {
+			for ( int i = controllers.size( ) - 1 ; i >= 0 ; i-- ) {
+				( ( ControllerInterface< ? > ) controllers.get( i ) ).updateEvents( );
+			}
+		}
+		if ( isVisible ) {
+			if ( ( isMousePressed == cp5.getWindow( ).mouselock ) ) {
+				if ( isMousePressed && cp5.isAltDown( ) && isMoveable ) {
+					if ( !cp5.isMoveable ) {
+						set( positionBuffer , x( positionBuffer ) + cp5.getWindow( ).mouseX - cp5.getWindow( ).pmouseX , y( positionBuffer ) + cp5.getWindow( ).mouseY - cp5.getWindow( ).pmouseY );
+						if ( cp5.isShiftDown( ) ) {
+							set( position , ( ( ( int ) ( x( positionBuffer ) ) / 10 ) * 10 ) , ( ( ( int ) ( y( positionBuffer ) ) / 10 ) * 10 ) );
+						} else {
+							set( position , x( positionBuffer ) , y( positionBuffer ) );
+						}
+						updateAbsolutePosition( );
+					}
+				} else {
+					if ( isInside ) {
+						setMouseOver( true );
+					}
+					if ( inside( ) ) {
+						if ( !isInside ) {
+							isInside = true;
+							onEnter( );
+							setMouseOver( true );
+						}
+					} else {
+						if ( isInside && !isMousePressed ) {
+							onLeave( );
+							isInside = false;
+							setMouseOver( false );
+						}
+					}
+				}
+			}
+		}
+		return me;
+	}
+
+	@ControlP5.Invisible public T updateInternalEvents( PApplet theApplet ) {
+		return me;
+	}
+
+	public boolean isMouseOver( ) {
+		mouseover = isInside || isInsideGroup || !isBarVisible;
+		return mouseover;
+	}
+
+	public T setMouseOver( boolean theFlag ) {
+
+		mouseover = ( !isBarVisible ) ? false : theFlag;
+
+		if ( !mouseover ) {
+			isInside = false;
+			isInsideGroup = false;
+			cp5.getWindow( ).removeMouseOverFor( this );
+			for ( int i = controllers.size( ) - 1 ; i >= 0 ; i-- ) {
+				controllers.get( i ).setMouseOver( false );
+			}
+		} else {
+			// TODO since inside can be either isInside or isInsideGroup, there are 2 options here,
+			// which i am not sure how to handle them yet.
+			cp5.getWindow( ).setMouseOverController( this );
+		}
+		return me;
+	}
+
+	@ControlP5.Invisible public final void draw( PGraphics theGraphics ) {
+		if ( isVisible ) {
+			theGraphics.pushMatrix( );
+			theGraphics.translate( x( position ) , y( position ) );
+			preDraw( theGraphics );
+			drawControllers( cp5.papplet , theGraphics );
+			postDraw( theGraphics );
+			if ( _myValueLabel != null ) {
+				_myValueLabel.draw( theGraphics , 2 , 2 , this );
+			}
+			theGraphics.popMatrix( );
+		}
+	}
+
+	protected void drawControllers( PApplet theApplet , PGraphics theGraphics ) {
+		if ( isOpen ) {
+
+			for ( Canvas cc : _myCanvas ) {
+				if ( cc.mode( ) == Canvas.PRE ) {
+					cc.draw( theGraphics );
+				}
+			}
+			for ( ControllerInterface< ? > ci : controllers.get( ) ) {
+				if ( ci.isVisible( ) ) {
+					ci.updateInternalEvents( theApplet );
+					ci.draw( theGraphics );
+				}
+			}
+
+			for ( CDrawable cd : controllers.getDrawables( ) ) {
+				cd.draw( theGraphics );
+			}
+
+			for ( Canvas cc : _myCanvas ) {
+				if ( cc.mode( ) == Canvas.POST ) {
+					cc.draw( theGraphics );
+				}
+			}
+		}
+	}
+
+	protected void preDraw( PGraphics theGraphics ) {
+	}
+
+	protected void postDraw( PGraphics theGraphics ) {
+	}
+
+	/**
+	 * Adds a canvas to a controllerGroup such as a tab or group. Use processing's draw methods to
+	 * add visual content.
+	 */
+	public Canvas addCanvas( Canvas theCanvas ) {
+		_myCanvas.add( theCanvas );
+		// TODO theCanvas.setup( cp5.papplet );
+		return theCanvas;
+	}
+
+	/**
+	 * Removes a canvas from a controller group.
+	 */
+	public T removeCanvas( Canvas theCanvas ) {
+		_myCanvas.remove( theCanvas );
+		return me;
+	}
+
+	/**
+	 * Adds a controller to the group, but use Controller.setGroup() instead.
+	 */
+	public T add( ControllerInterface< ? > theElement ) {
+		controllers.add( theElement );
+		return me;
+	}
+
+	@Override public T bringToFront( ) {
+		return bringToFront( this );
+	}
+
+	@Override public T bringToFront( ControllerInterface< ? > theController ) {
+		if ( _myParent instanceof Tab ) {
+			moveTo( ( Tab ) _myParent );
+		} else {
+			_myParent.bringToFront( theController );
+		}
+		if ( theController != this ) {
+			if ( controllers.get( ).contains( theController ) ) {
+				controllers.remove( theController );
+				controllers.add( theController );
+			}
+		}
+		return me;
+	}
+
+	/**
+	 * Removes a controller from the group, but use Controller.setGroup() instead.
+	 */
+
+	public T remove( ControllerInterface< ? > theElement ) {
+		if ( theElement != null ) {
+			theElement.setMouseOver( false );
+		}
+		controllers.remove( theElement );
+		return me;
+	}
+
+	@ControlP5.Invisible public T addDrawable( CDrawable theElement ) {
+		controllers.addDrawable( theElement );
+		return me;
+	}
+
+	public T remove( CDrawable theElement ) {
+		controllers.removeDrawable( theElement );
+		return me;
+	}
+
+	/**
+	 * removes the group from controlP5.
+	 */
+	public void remove( ) {
+		cp5.getWindow( ).removeMouseOverFor( this );
+		if ( _myParent != null ) {
+			_myParent.remove( this );
+		}
+		if ( cp5 != null ) {
+			cp5.remove( this );
+		}
+
+		for ( int i = controllers.size( ) - 1 ; i >= 0 ; i-- ) {
+			controllers.get( i ).remove( );
+		}
+		controllers.clear( );
+		controllers.clearDrawable( );
+		controllers = new ControllerList( );
+		if ( this instanceof Tab ) {
+			cp5.getWindow( ).removeTab( ( Tab ) this );
+		}
+	}
+
+	public String getName( ) {
+		return _myName;
+	}
+
+	public String getAddress( ) {
+		return _myAddress;
+	}
+
+	@Override public T setAddress( String theAddress ) {
+		if ( _myAddress.length( ) == 0 ) {
+			_myAddress = theAddress;
+		}
+		return me;
+	}
+
+	public ControlWindow getWindow( ) {
+		return cp5.getWindow( );
+	}
+
+	@ControlP5.Invisible public void keyEvent( KeyEvent theEvent ) {
+		for ( int i = 0 ; i < controllers.size( ) ; i++ ) {
+			( ( ControllerInterface< ? > ) controllers.get( i ) ).keyEvent( theEvent );
+		}
+	}
+
+	public boolean setMousePressed( boolean theStatus ) {
+		if ( !isVisible ) {
+			return false;
+		}
+		for ( int i = controllers.size( ) - 1 ; i >= 0 ; i-- ) {
+			if ( ( ( ControllerInterface< ? > ) controllers.get( i ) ).setMousePressed( theStatus ) ) {
+				return true;
+			}
+		}
+		if ( theStatus == true ) {
+			if ( isInside ) {
+				isMousePressed = true;
+				mousePressed( );
+				return true;
+			}
+		} else {
+			if ( isMousePressed == true ) {
+				isMousePressed = false;
+				mouseReleased( );
+			}
+		}
+		return false;
+	}
+
+	protected void mousePressed( ) {
+	}
+
+	protected void mouseReleased( ) {
+	}
+
+	protected void onEnter( ) {
+	}
+
+	protected void onLeave( ) {
+	}
+
+	protected void onScroll( int theAmount ) {
+	}
+
+	public T setId( int theId ) {
+		_myId = theId;
+		return me;
+	}
+
+	public int getId( ) {
+		return _myId;
+	}
+
+	public T setColor( CColor theColor ) {
+		for ( ControllerInterface< ? > ci : controllers.get( ) ) {
+			ci.setColor( theColor );
+		}
+		return me;
+	}
+
+	public T setColorActive( int theColor ) {
+		color.setActive( theColor );
+		for ( ControllerInterface< ? > ci : controllers.get( ) ) {
+			ci.setColorActive( theColor );
+		}
+		return me;
+	}
+
+	public T setColorForeground( int theColor ) {
+		color.setForeground( theColor );
+		for ( ControllerInterface< ? > ci : controllers.get( ) ) {
+			ci.setColorForeground( theColor );
+		}
+		return me;
+	}
+
+	public T setColorBackground( int theColor ) {
+		color.setBackground( theColor );
+		for ( ControllerInterface< ? > ci : controllers.get( ) ) {
+			ci.setColorBackground( theColor );
+		}
+		return me;
+	}
+
+	public T setColorLabel( int theColor ) {
+		color.setCaptionLabel( theColor );
+		if ( _myLabel != null ) {
+			_myLabel.setColor( color.getCaptionLabel( ) );
+		}
+		for ( ControllerInterface< ? > ci : controllers.get( ) ) {
+			ci.setColorLabel( theColor );
+		}
+		return me;
+	}
+
+	public T setColorValue( int theColor ) {
+		color.setValueLabel( theColor );
+		if ( _myValueLabel != null ) {
+			_myValueLabel.setColor( color.getValueLabel( ) );
+		}
+		for ( ControllerInterface< ? > ci : controllers.get( ) ) {
+			ci.setColorValue( theColor );
+		}
+		return me;
+	}
+
+	public T setLabel( String theLabel ) {
+		_myLabel.set( theLabel );
+		return me;
+	}
+
+	public boolean isVisible( ) {
+		if ( _myParent != null && _myParent != this ) {
+			if ( getParent( ).isVisible( ) == false ) {
+				return false;
+			}
+		}
+		return isVisible;
+	}
+
+	public T setVisible( boolean theFlag ) {
+		isVisible = theFlag;
+		return me;
+	}
+
+	public T hide( ) {
+		isVisible = false;
+		return me;
+	}
+
+	public T show( ) {
+		isVisible = true;
+		return me;
+	}
+
+	/**
+	 * set the moveable status of the group, when false, the group can't be moved.
+	 */
+	public T setMoveable( boolean theFlag ) {
+		isMoveable = theFlag;
+		return me;
+	}
+
+	public boolean isMoveable( ) {
+		return isMoveable;
+	}
+
+	public T setOpen( boolean theFlag ) {
+		isOpen = theFlag;
+		return me;
+	}
+
+	public boolean isOpen( ) {
+		return isOpen;
+	}
+
+	public T open( ) {
+		setOpen( true );
+		return me;
+	}
+
+	public T close( ) {
+		setOpen( false );
+		return me;
+	}
+
+	/**
+	 * TODO redesign or deprecate remove the close button.
+	 */
+	@ControlP5.Invisible public T removeCloseButton( ) {
+		if ( _myCloseButton == null ) {
+			_myCloseButton.remove( );
+		}
+		_myCloseButton = null;
+		return me;
+	}
+
+	public T setTitle( String theTitle ) {
+		getCaptionLabel( ).set( theTitle );
+		return me;
+	}
+
+	public T hideBar( ) {
+		isBarVisible = false;
+		return me;
+	}
+
+	public T showBar( ) {
+		isBarVisible = true;
+		return me;
+	}
+
+	public boolean isBarVisible( ) {
+		return isBarVisible;
+	}
+
+	public T hideArrow( ) {
+		isArrowVisible = false;
+		return me;
+	}
+
+	public T showArrow( ) {
+		isArrowVisible = true;
+		return me;
+	}
+
+	/**
+	 * TODO redesign or deprecate add a close button to the controlbar of this controlGroup.
+	 */
+	@ControlP5.Invisible public T addCloseButton( ) {
+		if ( _myCloseButton == null ) {
+			_myCloseButton = new Button( cp5 , this , getName( ) + "close" , 1 , _myWidth + 1 , -10 , 12 , 9 );
+			_myCloseButton.setCaptionLabel( "X" );
+			_myCloseButton.addListener( this );
+		}
+		return me;
+	}
+
+	@ControlP5.Invisible public int getPickingColor( ) {
+		return _myPickingColor;
+	}
+
+	public CColor getColor( ) {
+		return color;
+	}
+
+	public T setValue( float theValue ) {
+		_myValue = theValue;
+		return me;
+	}
+
+	public float getValue( ) {
+		return _myValue;
+	}
+
+	public String getStringValue( ) {
+		return _myStringValue;
+	}
+
+	public T setStringValue( String theValue ) {
+		_myStringValue = theValue;
+		return me;
+	}
+
+	public float[] getArrayValue( ) {
+		return _myArrayValue;
+	}
+
+	public float getArrayValue( int theIndex ) {
+		if ( theIndex >= 0 && theIndex < _myArrayValue.length ) {
+			return _myArrayValue[ theIndex ];
+		} else {
+			return Float.NaN;
+		}
+	}
+
+	public T setArrayValue( int theIndex , float theValue ) {
+		if ( theIndex >= 0 && theIndex < _myArrayValue.length ) {
+			_myArrayValue[ theIndex ] = theValue;
+		}
+		return me;
+	}
+
+	public T setArrayValue( float[] theArray ) {
+		_myArrayValue = theArray;
+		return me;
+	}
+
+	public Controller< ? > getController( String theController ) {
+		return cp5.getController( theController );
+	}
+
+	public T setCaptionLabel( String theValue ) {
+		getCaptionLabel( ).set( theValue );
+		return me;
+	}
+
+	public Label getCaptionLabel( ) {
+		return _myLabel;
+	}
+
+	public Label getValueLabel( ) {
+		return _myValueLabel;
+	}
+
+	public T enableCollapse( ) {
+		isCollapse = true;
+		return me;
+	}
+
+	public T disableCollapse( ) {
+		isCollapse = false;
+		return me;
+	}
+
+	public boolean isCollapse( ) {
+		return isCollapse;
+	}
+
+	public int getWidth( ) {
+		return _myWidth;
+	}
+
+	public int getHeight( ) {
+		return _myHeight;
+	}
+
+	public T setWidth( int theWidth ) {
+		_myWidth = theWidth;
+		return me;
+	}
+
+	public T setHeight( int theHeight ) {
+		_myHeight = theHeight;
+		return me;
+	}
+
+	public T setSize( int theWidth , int theHeight ) {
+		setWidth( theWidth );
+		// setHeight(theHeight) will set the Height of the bar therefore will not be used here.
+		return me;
+	}
+
+	protected boolean inside( ) {
+		return ( cp5.getWindow( ).mouseX > x( position ) + x( _myParent.absolutePosition ) && cp5.getWindow( ).mouseX < x( position ) + x( _myParent.absolutePosition ) + _myWidth
+		    && cp5.getWindow( ).mouseY > y( position ) + y( _myParent.absolutePosition ) - _myHeight && cp5.getWindow( ).mouseY < y( position ) + y( _myParent.absolutePosition ) );
+	}
+
+	public ControllerProperty getProperty( String thePropertyName ) {
+		return cp5.getProperties( ).getProperty( this , thePropertyName );
+	}
+
+	public ControllerProperty getProperty( String theSetter , String theGetter ) {
+		return cp5.getProperties( ).getProperty( this , theSetter , theGetter );
+	}
+
+	public T registerProperty( String thePropertyName ) {
+		cp5.getProperties( ).register( this , thePropertyName );
+		return me;
+	}
+
+	public T registerProperty( String theSetter , String theGetter ) {
+		cp5.getProperties( ).register( this , theSetter , theGetter );
+		return me;
+	}
+
+	public T removeProperty( String thePropertyName ) {
+		cp5.getProperties( ).remove( this , thePropertyName );
+		return me;
+	}
+
+	public T removeProperty( String theSetter , String theGetter ) {
+		cp5.getProperties( ).remove( this , theSetter , theGetter );
+		return me;
+	}
+
+	public void controlEvent( ControlEvent theEvent ) {
+	}
+
+	public T addListener( final ControlListener theListener ) {
+		_myControlListener.add( theListener );
+		return me;
+	}
+
+	public T removeListener( final ControlListener theListener ) {
+		_myControlListener.remove( theListener );
+		return me;
+	}
+
+	public int listenerSize( ) {
+		return _myControlListener.size( );
+	}
+
+	@Override public String toString( ) {
+		return getName( ) + " [" + getClass( ).getSimpleName( ) + "]";
+	}
+
+	public String getInfo( ) {
+		return "type:\tControllerGroup" + "\nname:\t" + _myName + "\n" + "label:\t" + _myLabel.getText( ) + "\n" + "id:\t" + _myId + "\n" + "value:\t" + _myValue + "\n" + "arrayvalue:\t" + CP.arrayToString( _myArrayValue ) + "\n" + "position:\t"
+		    + position + "\n" + "absolute:\t" + absolutePosition + "\n" + "width:\t" + getWidth( ) + "\n" + "height:\t" + getHeight( ) + "\n" + "color:\t" + getColor( ) + "\n" + "visible:\t" + isVisible + "\n" + "moveable:\t" + isMoveable + "\n";
+	}
+
+	/**
+	 * convenience method to fill a float array in favor of theArray[0] = 1.2; etc.
+	 * takes a float array and fills it (starting from index 0) with arguments starting from index 1.  
+	 */
+	static public float[] set( float[] theArray , float ... theValues ) {
+		if ( theValues.length > theArray.length ) {
+			System.arraycopy( theValues , 0 , theArray , 0 , theArray.length );
+		} else {
+			System.arraycopy( theValues , 0 , theArray , 0 , theValues.length );
+		}
+		return theArray;
+	}
+
+	/**
+	 * returns the first element of the float array.
+	 */
+	static public float x( float[] theArray ) {
+		if ( theArray.length > 0 ) {
+			return theArray[ 0 ];
+		}
+		return 0;
+	}
+
+	/**
+	 * returns the second element of the float array.
+	 */
+	static public float y( float[] theArray ) {
+		if ( theArray.length > 1 ) {
+			return theArray[ 1 ];
+		}
+		return 0;
+	}
+
+}
diff --git a/src/controlP5/ControllerInterface.java b/src/controlP5/ControllerInterface.java
new file mode 100755
index 0000000..9c7bf5b
--- /dev/null
+++ b/src/controlP5/ControllerInterface.java
@@ -0,0 +1,170 @@
+package controlP5;
+
+/**
+ * controlP5 is a processing gui library.
+ * 
+ * 2006-2012 by Andreas Schlegel
+ * 
+ * This library is free software; you can redistribute it and/or
+ * modify it under the terms of the GNU Lesser General Public License
+ * as published by the Free Software Foundation; either version 2.1
+ * of the License, or (at your option) any later version.
+ * This library is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
+ * Lesser General Public License for more details.
+ * 
+ * You should have received a copy of the GNU Lesser General
+ * Public License along with this library; if not, write to the
+ * Free Software Foundation, Inc., 59 Temple Place, Suite 330,
+ * Boston, MA 02111-1307 USA
+ * 
+ * @author Andreas Schlegel (http://www.sojamo.de)
+ * @modified ##date##
+ * @version ##version##
+ * 
+ */
+
+import processing.core.PApplet;
+import processing.core.PGraphics;
+import processing.event.KeyEvent;
+
+/**
+ * 
+ * The ControllerInterface is inherited by all ControllerGroup and Controller classes.
+ * 
+ */
+public interface ControllerInterface< T > {
+
+	@ControlP5.Invisible public void init( );
+
+	public int getWidth( );
+
+	public int getHeight( );
+
+	public T setValue( float theValue );
+
+	public float getValue( );
+
+	public T setStringValue( String theValue );
+
+	public String getStringValue( );
+
+	public float[] getArrayValue( );
+
+	public float getArrayValue( int theIndex );
+
+	public T setArrayValue( int theIndex , float theValue );
+
+	public T setArrayValue( float[] theArray );
+
+	public int getId( );
+
+	public float[] getPosition( );
+
+	@ControlP5.Invisible public T setPosition( float theX , float theY );
+
+	@ControlP5.Invisible public T setPosition( float[] thePVector );
+
+	public float[] getAbsolutePosition( );
+
+	public T setAbsolutePosition( float[] thePVector );
+
+	public T updateAbsolutePosition( );
+
+	public ControllerInterface< ? > getParent( );
+
+	public T update( );
+
+	public T setUpdate( boolean theFlag );
+
+	public T bringToFront( );
+
+	public T bringToFront( ControllerInterface< ? > theController );
+
+	public boolean isUpdate( );
+
+	@ControlP5.Invisible public T updateEvents( );
+
+	@ControlP5.Invisible public void continuousUpdateEvents( );
+
+	/**
+	 * a method for putting input events like e.g. mouse or keyboard events and queries. this has
+	 * been taken out of the draw method for better overwriting capability.
+	 * 
+	 * 
+	 */
+	@ControlP5.Invisible public T updateInternalEvents( PApplet theApplet );
+
+	@ControlP5.Invisible public void draw( PGraphics theGraphics );
+
+	public T add( ControllerInterface< ? > theElement );
+
+	public T remove( ControllerInterface< ? > theElement );
+
+	public void remove( );
+
+	public String getName( );
+
+	public String getAddress( );
+
+	public ControlWindow getWindow( );
+
+	public Tab getTab( );
+
+	public boolean setMousePressed( boolean theStatus );
+
+	@ControlP5.Invisible public void keyEvent( KeyEvent theEvent );
+
+	@ControlP5.Invisible public T setAddress( String theAddress );
+
+	public T setId( int theValue );
+
+	public T setLabel( String theString );
+
+	public T setColorActive( int theColor );
+
+	public T setColorForeground( int theColor );
+
+	public T setColorBackground( int theColor );
+
+	public T setColorLabel( int theColor );
+
+	public T setColorValue( int theColor );
+
+	public T setColor( CColor theColor );
+
+	public CColor getColor( );
+
+	public T show( );
+
+	public T hide( );
+
+	public boolean isVisible( );
+
+	public T moveTo( ControllerGroup< ? > theGroup , Tab theTab , ControlWindow theWindow );
+
+	public T moveTo( ControllerGroup< ? > theGroup );
+
+	@ControlP5.Invisible public int getPickingColor( );
+
+	public ControllerProperty getProperty( String thePropertyName );
+
+	public ControllerProperty getProperty( String theSetter , String theGetter );
+
+	public T registerProperty( String thePropertyName );
+
+	public T registerProperty( String theSetter , String theGetter );
+
+	public T removeProperty( String thePropertyName );
+
+	public T removeProperty( String theSetter , String theGetter );
+
+	public boolean isMouseOver( );
+
+	public T setMouseOver( boolean theFlag );
+
+	public T addListener( ControlListener theListener );
+
+	public T setCaptionLabel( String theValue );
+}
diff --git a/src/controlP5/ControllerLayout.java b/src/controlP5/ControllerLayout.java
new file mode 100755
index 0000000..c25e0e1
--- /dev/null
+++ b/src/controlP5/ControllerLayout.java
@@ -0,0 +1,156 @@
+package controlP5;
+
+import java.io.FileInputStream;
+import java.io.FileOutputStream;
+import java.io.ObjectInputStream;
+import java.io.ObjectOutputStream;
+import java.util.ArrayList;
+import java.util.Arrays;
+import java.util.HashMap;
+import java.util.HashSet;
+import java.util.Map;
+import java.util.logging.Logger;
+
+import processing.core.PVector;
+
+class ControllerLayout {
+
+	private ControlP5 cp5;
+
+	public static final Logger logger = Logger.getLogger( ControllerLayout.class.getName( ) );
+
+	static {
+		Map< Class< ? > , Class< ? >> datatypes = new HashMap< Class< ? > , Class< ? >>( );
+		datatypes.put( Integer.class , int.class );
+		datatypes.put( Float.class , float.class );
+		datatypes.put( Boolean.class , boolean.class );
+		datatypes.put( Character.class , char.class );
+		datatypes.put( Long.class , long.class );
+		datatypes.put( Double.class , double.class );
+		datatypes.put( Byte.class , byte.class );
+		datatypes.put( PVector.class , PVector.class );
+		datatypes.put( CColor.class , CColor.class );
+	}
+
+	ControllerLayout( ControlP5 theControlP5 ) {
+		cp5 = theControlP5;
+	}
+
+	public void save( String theLayoutPath ) {
+		theLayoutPath = cp5.checkPropertiesPath( theLayoutPath );
+		Class< ? >[] classes = new Class< ? >[] { RadioButton.class , ListBox.class , ColorPicker.class , DropdownList.class };
+		HashSet< ControllerLayoutElement > layoutelements = new HashSet< ControllerLayoutElement >( );
+		for ( ControllerInterface< ? > c : cp5.getList( ) ) {
+			if ( !Arrays.asList( classes ).contains( c.getParent( ).getClass( ) ) ) {
+				layoutelements.add( new ControllerLayoutElement( c ) );
+				System.out.print( c.getAddress( ) );
+				System.out.print( " (" + c.getName( ) + ") " );
+				System.out.print( "\tpos:" + Controller.x( c.getPosition( ) ) + "," + Controller.y( c.getPosition( ) ) );
+				System.out.print( "\tdim:" + c.getWidth( ) + "," + c.getHeight( ) );
+				System.out.print( "\tparent:" + c.getParent( ) );
+				System.out.println( "\tclass:" + c.getClass( ).getSimpleName( ) );
+			}
+		}
+		try {
+			FileOutputStream fos = new FileOutputStream( theLayoutPath );
+			ObjectOutputStream oos = new ObjectOutputStream( fos );
+
+			logger.info( "Saving layout-items to " + theLayoutPath );
+			oos.writeInt( layoutelements.size( ) );
+
+			for ( ControllerLayoutElement ce : layoutelements ) {
+				oos.writeObject( ce );
+			}
+			oos.flush( );
+			oos.close( );
+			fos.close( );
+		} catch ( Exception e ) {
+			logger.warning( "Exception during serialization: " + e );
+		}
+	}
+
+	protected boolean isClassAssignableFromSuperclass( Class< ? > theClass , Class< ? > theSuper ) {
+		Class< ? > _mySuper = theClass.getSuperclass( );
+		while ( _mySuper.getSuperclass( ) != null ) {
+			if ( _mySuper.isAssignableFrom( theSuper ) ) {
+				return true;
+			}
+			_mySuper = _mySuper.getSuperclass( );
+		}
+		return false;
+	}
+
+	public void load( String theLayoutPath ) {
+		theLayoutPath = cp5.checkPropertiesPath( theLayoutPath );
+		ArrayList< ControllerLayoutElement > list = new ArrayList< ControllerLayoutElement >( );
+		try {
+			FileInputStream fis = new FileInputStream( theLayoutPath );
+			ObjectInputStream ois = new ObjectInputStream( fis );
+			int size = ois.readInt( );
+			logger.info( "loading " + size + " layout-items." + fis.getFD( ) );
+
+			for ( int i = 0 ; i < size ; i++ ) {
+				try {
+					ControllerLayoutElement ce = ( ControllerLayoutElement ) ois.readObject( );
+					list.add( ce );
+				} catch ( Exception e ) {
+					logger.warning( "skipping a property, " + e );
+				}
+			}
+			ois.close( );
+		} catch ( Exception e ) {
+			logger.warning( "Exception during deserialization: " + e );
+		}
+
+		for ( ControllerLayoutElement ce : list ) {
+			/* ControllerInterface ci = cp5.getController(ce.getName());
+			 * if (ci == null) {
+			 * try {
+			 * if (isClassAssignableFromSuperclass(ce.getType(), ControllerGroup.class)) {
+			 * ControllerGroup c = (ControllerGroup) cp5.addGroup(null, "", ce.getName(), ce.getType(), ce.getX(), ce.getY(), ce.getWidth(),
+			 * ce.getHeight());
+			 * c.setWidth(ce.getWidth());
+			 * c.setHeight(ce.getHeight());
+			 * if (c instanceof ListBox) {
+			 * System.out.println("found listbox or dropdownlist!");
+			 * ((ListBox) c).setHeight(200);
+			 * ((ListBox) c).setBarHeight(ce.getHeight());
+			 * }
+			 * } else {
+			 * Controller c = (Controller) cp5.addController(ce.getName(), ce.getType(), ce.getX(), ce.getY());
+			 * c.setWidth(ce.getWidth());
+			 * c.setHeight(ce.getHeight());
+			 * }
+			 * } catch (Exception e) {
+			 * 
+			 * }
+			 * }
+			 * ci = cp5.get(ce.getName());
+			 * if (ci != null) {
+			 * ci.setAddress(ce.getAddress());
+			 * System.out.println("name:" + ce.getName() + "\tparent:" + ce.getParent() + "\telement:" + ci + "\ttype:" + ce.getType() + "\t" +
+			 * ce.getHeight());
+			 * } else {
+			 * System.out.println("could not create " + ce.getName() + "," + ce.getType());
+			 * }
+			 * // if(cp5.get(ce.getName()) instanceof DropdownList) {
+			 * // DropdownList dl = (DropdownList)(cp5.get(ce.getName()));
+			 * // dl.setHeight(200);
+			 * // } */
+		}
+
+		for ( ControllerLayoutElement ce : list ) {
+			/* ControllerInterface ci = cp5.get(ce.getName());
+			 * if (ci != null) {
+			 * ControllerGroup g = cp5.getGroup(ce.getParent());
+			 * if (g == null) {
+			 * g = cp5.getTab(ce.getParent());
+			 * }
+			 * if (g != null) {
+			 * ci.moveTo(g);
+			 * }
+			 * } */
+		}
+	}
+
+}
diff --git a/src/controlP5/ControllerLayoutElement.java b/src/controlP5/ControllerLayoutElement.java
new file mode 100755
index 0000000..35c8690
--- /dev/null
+++ b/src/controlP5/ControllerLayoutElement.java
@@ -0,0 +1,27 @@
+package controlP5;
+
+import java.io.Serializable;
+import java.util.HashMap;
+import java.util.Map;
+
+class ControllerLayoutElement implements Serializable, Cloneable {
+	
+	private static final long serialVersionUID = -5006855922546529005L;
+
+	private transient ControllerInterface<?> controller;
+
+	private Class<?> type;
+
+	private Map<String,Object> values;
+	
+	ControllerLayoutElement(ControllerInterface<?> theController) {
+		controller = theController;
+		type = theController.getClass();
+		values = new HashMap<String,Object>();
+	}
+	
+	private void cascade(Object theObject) {
+		
+	}
+
+}
\ No newline at end of file
diff --git a/src/controlP5/ControllerList.java b/src/controlP5/ControllerList.java
new file mode 100755
index 0000000..c0305af
--- /dev/null
+++ b/src/controlP5/ControllerList.java
@@ -0,0 +1,97 @@
+package controlP5;
+
+/**
+ * controlP5 is a processing gui library.
+ *
+ *  2006-2012 by Andreas Schlegel
+ *
+ * This library is free software; you can redistribute it and/or
+ * modify it under the terms of the GNU Lesser General Public License
+ * as published by the Free Software Foundation; either version 2.1
+ * of the License, or (at your option) any later version.
+ * This library is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
+ * Lesser General Public License for more details.
+ *
+ * You should have received a copy of the GNU Lesser General
+ * Public License along with this library; if not, write to the
+ * Free Software Foundation, Inc., 59 Temple Place, Suite 330,
+ * Boston, MA 02111-1307 USA
+ *
+ * @author 		Andreas Schlegel (http://www.sojamo.de)
+ * @modified	##date##
+ * @version		##version##
+ *
+ */
+
+import java.util.List;
+import java.util.Vector;
+
+/**
+ * Stores objects of type ControllerInterface and CDrawable, mainly for internal use.
+ */
+public class ControllerList {
+
+	protected List< ControllerInterface< ? >> controllers;
+
+	protected List< CDrawable > drawables;
+
+	public ControllerList( ) {
+		controllers = new Vector< ControllerInterface< ? >>( );
+		drawables = new Vector< CDrawable >( );
+	}
+
+	public void add( ControllerInterface< ? > theController ) {
+		if ( controllers.indexOf( theController ) < 0 ) {
+			controllers.add( theController );
+		}
+	}
+
+	protected void remove( ControllerInterface< ? > theController ) {
+		controllers.remove( theController );
+	}
+
+	protected void addDrawable( CDrawable theController ) {
+		if ( drawables.indexOf( theController ) < 0 ) {
+			drawables.add( theController );
+		}
+	}
+
+	protected void removeDrawable( CDrawable theController ) {
+		drawables.remove( theController );
+	}
+
+	public ControllerInterface< ? > get( int theIndex ) {
+		return controllers.get( theIndex );
+	}
+
+	public List< ControllerInterface< ? >> get( ) {
+		return controllers;
+	}
+
+	public CDrawable getDrawable( int theIndex ) {
+		return drawables.get( theIndex );
+	}
+
+	public List< CDrawable > getDrawables( ) {
+		return drawables;
+	}
+
+	public int sizeDrawable( ) {
+		return drawables.size( );
+	}
+
+	public int size( ) {
+		return controllers.size( );
+	}
+
+	protected void clear( ) {
+		controllers.clear( );
+	}
+
+	protected void clearDrawable( ) {
+		drawables.clear( );
+	}
+
+}
diff --git a/src/controlP5/ControllerPlug.java b/src/controlP5/ControllerPlug.java
new file mode 100755
index 0000000..9b063bd
--- /dev/null
+++ b/src/controlP5/ControllerPlug.java
@@ -0,0 +1,282 @@
+package controlP5;
+
+/**
+ * controlP5 is a processing gui library.
+ *
+ *  2006-2012 by Andreas Schlegel
+ *
+ * This library is free software; you can redistribute it and/or
+ * modify it under the terms of the GNU Lesser General Public License
+ * as published by the Free Software Foundation; either version 2.1
+ * of the License, or (at your option) any later version.
+ * This library is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
+ * Lesser General Public License for more details.
+ *
+ * You should have received a copy of the GNU Lesser General
+ * Public License along with this library; if not, write to the
+ * Free Software Foundation, Inc., 59 Temple Place, Suite 330,
+ * Boston, MA 02111-1307 USA
+ *
+ * @author 		Andreas Schlegel (http://www.sojamo.de)
+ * @modified	##date##
+ * @version		##version##
+ *
+ */
+
+import java.lang.reflect.Method;
+import java.lang.reflect.Field;
+import java.security.AccessControlException;
+
+/**
+ * The ControllerPlug is used to do all the reflection procedures to link a controller to a variable
+ * or function inside your main application.
+ * 
+ * @example use/ControlP5plugTo
+ */
+public class ControllerPlug {
+
+	private Object _myObject;
+
+	private String _myName;
+
+	private Method _myMethod;
+
+	private Field _myField;
+
+	private int _myType = ControlP5Constants.INVALID;
+
+	private Class< ? > _myParameterClass;
+
+	private int _myParameterType = -1;
+
+	private Object _myValue = null;
+
+	private Class< ? >[] _myAcceptClassList;
+
+	private Class< ? > _myEventMethodParameter = ControlEvent.class;
+
+	public ControllerPlug( final Object theObject , final String theName , final int theType , final int theParameterType , Class< ? >[] theAcceptClassList ) {
+		set( theObject , theName , theType , theParameterType , theAcceptClassList );
+	}
+
+	ControllerPlug( Class< ? > param , final Object theObject , final String theName , final int theType , final int theParameterType ) {
+		setEventMethodParameter( param );
+		set( theObject , theName , theType , theParameterType , null );
+	}
+
+	void setEventMethodParameter( Class< ? > theClass ) {
+		_myEventMethodParameter = theClass;
+	}
+
+	protected void set( Object theObject ) {
+		set( theObject , getName( ) , getType( ) , getParameterType( ) , getAcceptClassList( ) );
+	}
+
+	public void set( final Object theObject , final String theName , final int theType , final int theParameterType , final Class< ? >[] theAcceptClassList ) {
+		_myObject = theObject;
+		_myName = theName;
+		_myType = theType;
+		_myParameterType = theParameterType;
+		_myAcceptClassList = theAcceptClassList;
+		Class< ? > myClass = theObject.getClass( );
+
+		/* check for methods */
+		if ( _myType == ControlP5Constants.METHOD ) {
+			try {
+				Method[] myMethods = myClass.getMethods( );
+				for ( int i = 0 ; i < myMethods.length ; i++ ) {
+					if ( ( myMethods[ i ].getName( ) ).equals( theName ) ) {
+						if ( myMethods[ i ].getParameterTypes( ).length == 1 ) {
+							for ( int j = 0 ; j < _myAcceptClassList.length ; j++ ) {
+								if ( myMethods[ i ].getParameterTypes( )[ 0 ] == _myAcceptClassList[ j ] ) {
+									_myParameterClass = myMethods[ i ].getParameterTypes( )[ 0 ];
+									break;
+								}
+							}
+						} else if ( myMethods[ i ].getParameterTypes( ).length == 0 ) {
+							_myParameterClass = null;
+							break;
+						}
+						break;
+					}
+				}
+				Class< ? >[] myArgs = ( _myParameterClass == null ) ? new Class[] { } : new Class[] { _myParameterClass };
+				_myMethod = myClass.getMethod( _myName , myArgs );
+				_myMethod.setAccessible( true );
+			} catch ( SecurityException e ) {
+				printSecurityWarning( e );
+			} catch ( NoSuchMethodException e ) {
+				if ( _myParameterClass != CallbackEvent.class ) {
+					ControlP5.logger( ).warning( " plug() failed. If function " + theName + " does exist, make it public. " + e );
+				}
+			}
+
+			/* check for controlEvent */
+		} else if ( _myType == ControlP5Constants.EVENT ) {
+			try {
+
+				_myMethod = _myObject.getClass( ).getMethod( _myName , new Class[] { _myEventMethodParameter } );
+				_myMethod.setAccessible( true );
+				_myParameterClass = _myEventMethodParameter;
+			} catch ( SecurityException e ) {
+				printSecurityWarning( e );
+			} catch ( NoSuchMethodException e ) {
+				if ( _myEventMethodParameter != CallbackEvent.class ) {
+					ControlP5.logger( ).warning( " plug() failed " + _myParameterClass + ". If function " + theName + " does exist, make it public. " + e );
+				}
+			}
+			/* check for fields */
+		} else if ( _myType == ControlP5Constants.FIELD ) {
+
+			Field[] myFields = ControlBroadcaster.getFieldsFor( myClass );
+
+			for ( int i = 0 ; i < myFields.length ; i++ ) {
+				if ( myFields[ i ].getName( ).equals( _myName ) ) {
+					_myParameterClass = myFields[ i ].getType( );
+				}
+			}
+			if ( _myParameterClass != null ) {
+				/**
+				 * note. when running in applet mode. for some reason setAccessible(true) works for
+				 * methods but not for fields. theAccessControlException is thrown. therefore, make
+				 * fields in your code public.
+				 */
+
+				try {
+					_myField = myClass.getDeclaredField( _myName );
+					try {
+						_myField.setAccessible( true );
+					} catch ( java.security.AccessControlException e ) {
+						printSecurityWarning( e );
+					}
+					try {
+						_myValue = ( _myField.get( theObject ) );
+					} catch ( Exception ex ) {
+						printSecurityWarning( ex );
+					}
+				} catch ( NoSuchFieldException e ) {
+					ControlP5.logger( ).warning( e.toString( ) );
+				}
+			}
+		}
+	}
+
+	private void printSecurityWarning( Exception e ) {
+		// AccessControlException required for applets.
+		if ( e.getClass( ).equals( AccessControlException.class ) ) {
+			ControlP5.isApplet = true;
+			ControlP5.logger( ).warning( "You are probably running in applet mode.\n" + "make sure fields and methods in your code are public.\n" + e );
+		}
+	}
+
+	protected Object getValue( ) {
+		return _myValue;
+	}
+
+	protected Object getObject( ) {
+		return _myObject;
+	}
+
+	protected String getName( ) {
+		return _myName;
+	}
+
+	protected int getType( ) {
+		return _myType;
+	}
+
+	protected int getParameterType( ) {
+		return _myParameterType;
+	}
+
+	protected Class< ? >[] getAcceptClassList( ) {
+		return _myAcceptClassList;
+	}
+
+	protected Class< ? > getClassType( ) {
+		return _myParameterClass;
+	}
+
+	protected boolean checkType( int theType ) {
+		return _myType == theType;
+	}
+
+	protected boolean checkName( String theName ) {
+		return ( _myName.equals( theName ) );
+	}
+
+	private Object get( float theValue ) {
+		if ( _myParameterClass == float.class ) {
+			return new Float( theValue );
+		} else if ( _myParameterClass == int.class ) {
+			return new Integer( ( int ) theValue );
+		} else if ( _myParameterClass == boolean.class ) {
+			return ( theValue > 0.5 ) ? new Boolean( true ) : new Boolean( false );
+		} else {
+			return null;
+		}
+	}
+
+	protected Object getFieldParameter( float theValue ) {
+		return get( theValue );
+	}
+
+	protected Object[] getMethodParameter( float theValue ) {
+		return new Object[] { get( theValue ) };
+	}
+
+	protected Method getMethod( ) {
+		return _myMethod;
+	}
+
+	protected Field getField( ) {
+		return _myField;
+	}
+
+	static public boolean checkPlug( Object theObject , String thePlugName , Class< ? >[] theArgs ) {
+		try {
+			theObject.getClass( ).getMethod( thePlugName , theArgs );
+			return true;
+		} catch ( Exception e ) {
+			return false;
+		}
+	}
+
+	@Deprecated
+	protected Class< ? > classType( ) {
+		return _myParameterClass;
+	}
+
+	@Deprecated
+	protected Object value( ) {
+		return _myValue;
+	}
+
+	@Deprecated
+	protected Object object( ) {
+		return _myObject;
+	}
+
+	@Deprecated
+	protected String name( ) {
+		return _myName;
+	}
+
+	@Deprecated
+	protected int type( ) {
+		return _myType;
+	}
+
+	@Deprecated
+	protected int parameterType( ) {
+		return _myParameterType;
+	}
+
+	@Deprecated
+	protected Class< ? >[] acceptClassList( ) {
+		return _myAcceptClassList;
+	}
+
+}
diff --git a/src/controlP5/ControllerProperties.java b/src/controlP5/ControllerProperties.java
new file mode 100755
index 0000000..7dcd86d
--- /dev/null
+++ b/src/controlP5/ControllerProperties.java
@@ -0,0 +1,899 @@
+package controlP5;
+
+/**
+ * controlP5 is a processing gui library.
+ * 
+ * 2006-2012 by Andreas Schlegel
+ * 
+ * This library is free software; you can redistribute it and/or
+ * modify it under the terms of the GNU Lesser General Public License
+ * as published by the Free Software Foundation; either version 2.1
+ * of the License, or (at your option) any later version.
+ * This library is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
+ * Lesser General Public License for more details.
+ * 
+ * You should have received a copy of the GNU Lesser General
+ * Public License along with this library; if not, write to the
+ * Free Software Foundation, Inc., 59 Temple Place, Suite 330,
+ * Boston, MA 02111-1307 USA
+ * 
+ * @author Andreas Schlegel (http://www.sojamo.de)
+ * @modified ##date##
+ * @version ##version##
+ * 
+ */
+
+import java.io.ByteArrayOutputStream;
+import java.io.File;
+import java.io.FileInputStream;
+import java.io.FileOutputStream;
+import java.io.IOException;
+import java.io.ObjectInputStream;
+import java.io.ObjectOutputStream;
+import java.io.StringReader;
+import java.lang.reflect.Method;
+import java.util.ArrayList;
+import java.util.HashMap;
+import java.util.HashSet;
+import java.util.Iterator;
+import java.util.LinkedHashMap;
+import java.util.List;
+import java.util.Map;
+import java.util.Map.Entry;
+import java.util.Set;
+import java.util.logging.Logger;
+
+import javax.xml.parsers.DocumentBuilder;
+import javax.xml.parsers.DocumentBuilderFactory;
+import javax.xml.parsers.ParserConfigurationException;
+
+import org.w3c.dom.Document;
+import org.w3c.dom.Element;
+import org.w3c.dom.Node;
+import org.w3c.dom.NodeList;
+import org.xml.sax.InputSource;
+import org.xml.sax.SAXException;
+
+import processing.core.PApplet;
+import processing.data.JSONArray;
+import processing.data.JSONObject;
+
+/**
+ * Values of controllers can be stored inside properties files which can be saved to file or memory.
+ * 
+ * @example controllers/ControlP5properties
+ */
+public class ControllerProperties {
+
+	public final static int OPEN = 0;
+	public final static int CLOSE = 1;
+	public static String defaultName = "controlP5";
+	PropertiesStorageFormat format;
+
+	/**
+	 * all ControllerProperties will be stored inside Map allProperties. ControllerProperties need to be unique or will
+	 * otherwise be overwritten.
+	 * 
+	 * A hashSet containing names of PropertiesSets is assigned to each ControllerProperty. HashSets are used instead of
+	 * ArrayList to only allow unique elements.
+	 */
+
+	private Map< ControllerProperty , HashSet< String >> allProperties;
+
+	/**
+	 * A set of unique property-set names.
+	 */
+	private Set< String > allSets;
+	final ControlP5 controlP5;
+	private String _myDefaultSetName = "default";
+	public static final Logger logger = Logger.getLogger( ControllerProperties.class.getName( ) );
+	private Map< String , Set< ControllerProperty >> _mySnapshots;
+
+	public ControllerProperties( ControlP5 theControlP5 ) {
+		controlP5 = theControlP5;
+		// setFormat( new SerializedFormat( ) );
+		setFormat( new JSONFormat( ) );
+		allProperties = new HashMap< ControllerProperty , HashSet< String >>( );
+		allSets = new HashSet< String >( );
+		addSet( _myDefaultSetName );
+		_mySnapshots = new LinkedHashMap< String , Set< ControllerProperty >>( );
+	}
+
+	public Map< ControllerProperty , HashSet< String >> get( ) {
+		return allProperties;
+	}
+
+	/**
+	 * adds a property based on names of setter and getter methods of a controller.
+	 * 
+	 * @param thePropertySetter
+	 * @param thePropertyGetter
+	 */
+	public ControllerProperty register( ControllerInterface< ? > theController , String thePropertySetter , String thePropertyGetter ) {
+		ControllerProperty p = new ControllerProperty( theController , thePropertySetter , thePropertyGetter );
+		if ( !allProperties.containsKey( p ) ) {
+			// register a new property with the main properties container
+			allProperties.put( p , new HashSet< String >( ) );
+			// register the property wit the default properties set
+			allProperties.get( p ).add( _myDefaultSetName );
+		}
+		return p;
+	}
+
+	/**
+	 * registering a property with only one parameter assumes that there is a setter and getter function present for the
+	 * Controller. register("value") for example would create a property reference to setValue and getValue. Notice that
+	 * the first letter of value is being capitalized.
+	 * 
+	 * @param theProperty
+	 * @return
+	 */
+	public ControllerProperties register( ControllerInterface< ? > theController , String theProperty ) {
+		theProperty = Character.toUpperCase( theProperty.charAt( 0 ) ) + theProperty.substring( 1 );
+		register( theController , "set" + theProperty , "get" + theProperty );
+		return this;
+	}
+
+	public ControllerProperties remove( ControllerInterface< ? > theController , String theSetter , String theGetter ) {
+		ControllerProperty cp = new ControllerProperty( theController , theSetter , theGetter );
+		allProperties.remove( cp );
+		return this;
+	}
+
+	public ControllerProperties remove( ControllerInterface< ? > theController ) {
+		ArrayList< ControllerProperty > list = new ArrayList< ControllerProperty >( allProperties.keySet( ) );
+		for ( ControllerProperty cp : list ) {
+			if ( cp.getController( ).equals( theController ) ) {
+				allProperties.remove( cp );
+			}
+		}
+		return this;
+	}
+
+	public ControllerProperties remove( ControllerInterface< ? > theController , String theProperty ) {
+		return remove( theController , "set" + theProperty , "get" + theProperty );
+	}
+
+	public List< ControllerProperty > get( ControllerInterface< ? > theController ) {
+		List< ControllerProperty > props = new ArrayList< ControllerProperty >( );
+		List< ControllerProperty > list = new ArrayList< ControllerProperty >( allProperties.keySet( ) );
+		for ( ControllerProperty cp : list ) {
+			if ( cp.getController( ).equals( theController ) ) {
+				props.add( cp );
+			}
+		}
+		return props;
+	}
+
+	public ControllerProperty getProperty( ControllerInterface< ? > theController , String theSetter , String theGetter ) {
+		ControllerProperty cp = new ControllerProperty( theController , theSetter , theGetter );
+		Iterator< ControllerProperty > iter = allProperties.keySet( ).iterator( );
+		while ( iter.hasNext( ) ) {
+			ControllerProperty p = iter.next( );
+			if ( p.equals( cp ) ) {
+				return p;
+			}
+		}
+		// in case the property has not been registered before, it will be
+		// registered here automatically - you don't need to call
+		// Controller.registerProperty() but can use Controller.getProperty()
+		// instead.
+		return register( theController , theSetter , theGetter );
+	}
+
+	public ControllerProperty getProperty( ControllerInterface< ? > theController , String theProperty ) {
+		theProperty = Character.toUpperCase( theProperty.charAt( 0 ) ) + theProperty.substring( 1 );
+		return getProperty( theController , "set" + theProperty , "get" + theProperty );
+	}
+
+	public HashSet< ControllerProperty > getPropertySet( ControllerInterface< ? > theController ) {
+		HashSet< ControllerProperty > set = new HashSet< ControllerProperty >( );
+		Iterator< ControllerProperty > iter = allProperties.keySet( ).iterator( );
+		while ( iter.hasNext( ) ) {
+			ControllerProperty p = iter.next( );
+			if ( p.getController( ).equals( theController ) ) {
+				set.add( p );
+			}
+		}
+		return set;
+	}
+
+	public ControllerProperties addSet( String theSet ) {
+		allSets.add( theSet );
+		return this;
+	}
+
+	/**
+	 * Moves a ControllerProperty from one set to another.
+	 */
+	public ControllerProperties move( ControllerProperty theProperty , String fromSet , String toSet ) {
+		if ( !exists( theProperty ) ) {
+			return this;
+		}
+		if ( allProperties.containsKey( theProperty ) ) {
+			if ( allProperties.get( theProperty ).contains( fromSet ) ) {
+				allProperties.get( theProperty ).remove( fromSet );
+			}
+			addSet( toSet );
+			allProperties.get( theProperty ).add( toSet );
+		}
+		return this;
+	}
+
+	public ControllerProperties move( ControllerInterface< ? > theController , String fromSet , String toSet ) {
+		HashSet< ControllerProperty > set = getPropertySet( theController );
+		for ( ControllerProperty cp : set ) {
+			move( cp , fromSet , toSet );
+		}
+		return this;
+	}
+
+	/**
+	 * copies a ControllerProperty from one set to other(s);
+	 */
+	public ControllerProperties copy( ControllerProperty theProperty , String ... theSet ) {
+		if ( !exists( theProperty ) ) {
+			return this;
+		}
+		for ( String s : theSet ) {
+			allProperties.get( theProperty ).add( s );
+			if ( !allSets.contains( s ) ) {
+				addSet( s );
+			}
+		}
+		return this;
+	}
+
+	public ControllerProperties copy( ControllerInterface< ? > theController , String ... theSet ) {
+		HashSet< ControllerProperty > set = getPropertySet( theController );
+		for ( ControllerProperty cp : set ) {
+			copy( cp , theSet );
+		}
+		return this;
+	}
+
+	/**
+	 * removes a ControllerProperty from one or multiple sets.
+	 */
+	public ControllerProperties remove( ControllerProperty theProperty , String ... theSet ) {
+		if ( !exists( theProperty ) ) {
+			return this;
+		}
+		for ( String s : theSet ) {
+			allProperties.get( theProperty ).remove( s );
+		}
+		return this;
+	}
+
+	public ControllerProperties remove( ControllerInterface< ? > theController , String ... theSet ) {
+		HashSet< ControllerProperty > set = getPropertySet( theController );
+		for ( ControllerProperty cp : set ) {
+			remove( cp , theSet );
+		}
+		return this;
+	}
+
+	/**
+	 * stores a ControllerProperty in one particular set only.
+	 */
+	public ControllerProperties only( ControllerProperty theProperty , String theSet ) {
+		// clear all the set-references for a particular property
+		allProperties.get( theProperty ).clear( );
+		// add theSet to the empty collection of sets for this particular
+		// property
+		allProperties.get( theProperty ).add( theSet );
+		return this;
+	}
+
+	ControllerProperties only( ControllerInterface< ? > theController , String ... theSet ) {
+		return this;
+	}
+
+	private boolean exists( ControllerProperty theProperty ) {
+		return allProperties.containsKey( theProperty );
+	}
+
+	public ControllerProperties print( ) {
+		for ( Entry< ControllerProperty , HashSet< String >> entry : allProperties.entrySet( ) ) {
+			System.out.println( entry.getKey( ) + "\t" + entry.getValue( ) );
+		}
+		return this;
+	}
+
+	/**
+	 * deletes a ControllerProperty from all Sets including the default set.
+	 */
+	public ControllerProperties delete( ControllerProperty theProperty ) {
+		if ( !exists( theProperty ) ) {
+			return this;
+		}
+		allProperties.remove( theProperty );
+		return this;
+	}
+
+	private boolean updatePropertyValue( ControllerProperty theProperty ) {
+		Method method;
+		try {
+			method = theProperty.getController( ).getClass( ).getMethod( theProperty.getGetter( ) );
+			Object value = method.invoke( theProperty.getController( ) );
+			theProperty.setType( method.getReturnType( ) );
+			theProperty.setValue( value );
+			if ( checkSerializable( value ) ) {
+				return true;
+			}
+		} catch ( Exception e ) {
+			logger.severe( "" + e );
+		}
+		return false;
+	}
+
+	private boolean checkSerializable( Object theProperty ) {
+		try {
+			ByteArrayOutputStream out = new ByteArrayOutputStream( );
+			ObjectOutputStream stream = new ObjectOutputStream( out );
+			stream.writeObject( theProperty );
+			stream.close( );
+			return true;
+		} catch ( Exception e ) {
+			return false;
+		}
+	}
+
+	/**
+	 * logs all registered properties in memory. Here, clones of properties are stored inside a map and can be accessed
+	 * by key using the getLog method.
+	 * 
+	 * @see controlP5.ControllerProperties#getSnapshot(String)
+	 * @param theKey
+	 * @return ControllerProperties
+	 */
+	public ControllerProperties setSnapshot( String theKey ) {
+		Set< ControllerProperty > l = new HashSet< ControllerProperty >( );
+		for ( ControllerProperty cp : allProperties.keySet( ) ) {
+			updatePropertyValue( cp );
+			try {
+				l.add( ( ControllerProperty ) cp.clone( ) );
+			} catch ( CloneNotSupportedException e ) {
+				// TODO Auto-generated catch block
+			}
+		}
+		_mySnapshots.put( theKey , l );
+		return this;
+	}
+
+	/**
+	 * convenience method, setSnapshot(String) also works here since it will override existing log with the same key.
+	 */
+	public ControllerProperties updateSnapshot( String theKey ) {
+		return setSnapshot( theKey );
+	}
+
+	/**
+	 * removes a snapshot by key.
+	 */
+	public ControllerProperties removeSnapshot( String theKey ) {
+		_mySnapshots.remove( theKey );
+		return this;
+	}
+
+	ControllerProperties setSnapshot( String theKey , String ... theSets ) {
+		return this;
+	}
+
+	/**
+	 * saves a snapshot into your sketch's sketch folder.
+	 */
+	public ControllerProperties saveSnapshot( String theKey ) {
+		saveSnapshotAs( controlP5.papplet.sketchPath( theKey ) , theKey );
+		return this;
+	}
+
+	/**
+	 * saves a snapshot to the file with path given by the first parameter (thePropertiesPath).
+	 */
+	public ControllerProperties saveSnapshotAs( String thePropertiesPath , String theKey ) {
+		Set< ControllerProperty > log = _mySnapshots.get( theKey );
+		if ( log == null ) {
+			return this;
+		}
+		thePropertiesPath = getPathWithExtension( format , controlP5.checkPropertiesPath( thePropertiesPath ) );
+
+		format.compile( log , thePropertiesPath );
+
+		return this;
+	}
+
+	private String getPathWithExtension( PropertiesStorageFormat theFormat , String thePropertiesPath ) {
+		return ( thePropertiesPath.endsWith( "." + theFormat.getExtension( ) ) ) ? thePropertiesPath : thePropertiesPath + "." + theFormat.getExtension( );
+	}
+
+	/**
+	 * restores properties previously stored as snapshot in memory.
+	 * 
+	 * @see controlP5.ControllerProperties#setSnapshot(String)
+	 */
+	public ControllerProperties getSnapshot( String theKey ) {
+		Set< ControllerProperty > l = _mySnapshots.get( theKey );
+		if ( l != null ) {
+			for ( ControllerProperty cp : l ) {
+				ControllerInterface< ? > ci = controlP5.getController( cp.getAddress( ) );
+				ci = ( ci == null ) ? controlP5.getGroup( cp.getAddress( ) ) : ci;
+				Method method;
+				try {
+					method = ci.getClass( ).getMethod( cp.getSetter( ) , new Class[] { cp.getType( ) } );
+					method.setAccessible( true );
+					method.invoke( ci , new Object[] { cp.getValue( ) } );
+				} catch ( Exception e ) {
+					logger.severe( e.toString( ) );
+				}
+			}
+		}
+		return this;
+	}
+
+	/**
+	 * properties stored in memory can be accessed by index, getSnapshotIndices() returns the index of the snapshot
+	 * list.
+	 */
+	public ArrayList< String > getSnapshotIndices( ) {
+		return new ArrayList< String >( _mySnapshots.keySet( ) );
+	}
+
+	/**
+	 * load properties from the default properties file 'controlP5.properties'
+	 */
+	public boolean load( ) {
+		return load( controlP5.papplet.sketchPath( defaultName + "." + format.getExtension( ) ) );
+	}
+
+	public boolean load( String thePropertiesPath ) {
+		return format.load( getPathWithExtension( format , controlP5.checkPropertiesPath( thePropertiesPath ) ) );
+	}
+
+	/**
+	 * use ControllerProperties.SERIALIZED, ControllerProperties.XML or ControllerProperties.JSON as parameter.
+	 */
+	public void setFormat( PropertiesStorageFormat theFormat ) {
+		format = theFormat;
+	}
+
+	public void setFormat( String theFormat ) {
+		if ( theFormat.equals( ControlP5.JSON ) ) {
+			setFormat( new JSONFormat( ) );
+		} else if ( theFormat.equals( ControlP5.SERIALIZED ) ) {
+			setFormat( new SerializedFormat( ) );
+		} else {
+			System.out.println( "sorry format " + theFormat + " does not exist." );
+		}
+	}
+
+	/**
+	 * saves all registered properties into the default 'controlP5.properties' file into your sketch folder.
+	 */
+	public boolean save( ) {
+		System.out.println( "saving with format " + format + " (" + format.getExtension( ) + ") " + controlP5.papplet.sketchPath( defaultName ) );
+		format.compile( allProperties.keySet( ) , getPathWithExtension( format , controlP5.papplet.sketchPath( defaultName ) ) );
+		return true;
+	}
+
+	/**
+	 * saves all registered properties into a file specified by parameter thePropertiesPath.
+	 */
+	public boolean saveAs( final String thePropertiesPath ) {
+		format.compile( allProperties.keySet( ) , getPathWithExtension( format , controlP5.checkPropertiesPath( thePropertiesPath ) ) );
+		return true;
+	}
+
+	/**
+	 * saves a list of properties sets into a file specified by parameter thePropertiesPath.
+	 */
+	public boolean saveAs( String thePropertiesPath , String ... theSets ) {
+		thePropertiesPath = controlP5.checkPropertiesPath( thePropertiesPath );
+		HashSet< ControllerProperty > sets = new HashSet< ControllerProperty >( );
+		Iterator< ControllerProperty > iter = allProperties.keySet( ).iterator( );
+		while ( iter.hasNext( ) ) {
+			ControllerProperty p = iter.next( );
+			if ( allProperties.containsKey( p ) ) {
+				HashSet< String > set = allProperties.get( p );
+				for ( String str : set ) {
+					for ( String s : theSets ) {
+						if ( str.equals( s ) ) {
+							sets.add( p );
+						}
+					}
+				}
+			}
+		}
+		format.compile( sets , getPathWithExtension( format , thePropertiesPath ) );
+		return true;
+	}
+
+	/**
+	 * @exclude {@inheritDoc}
+	 */
+	public String toString( ) {
+		String s = "";
+		s += this.getClass( ).getName( ) + "\n";
+		s += "total num of properties:\t" + allProperties.size( ) + "\n";
+		for ( ControllerProperty c : allProperties.keySet( ) ) {
+			s += "\t" + c + "\n";
+		}
+		s += "total num of sets:\t\t" + allSets.size( ) + "\n";
+		for ( String set : allSets ) {
+			s += "\t" + set + "\n";
+		}
+		return s;
+	}
+
+	interface PropertiesStorageFormat {
+
+		public void compile( Set< ControllerProperty > theProperties , String thePropertiesPath );
+
+		public boolean load( String thePropertiesPath );
+
+		public String getExtension( );
+
+	}
+
+	class XMLFormat implements PropertiesStorageFormat {
+		public void compile( Set< ControllerProperty > theProperties , String thePropertiesPath ) {
+			System.out.println( "Dont use the XMLFormat yet, it is not fully implemented with 0.5.9, use SERIALIZED instead." );
+			System.out.println( "Compiling with XMLFormat" );
+			StringBuffer xml = new StringBuffer( );
+			xml.append( "<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n" );
+			xml.append( "<properties name=\"" + thePropertiesPath + "\">\n" );
+			for ( ControllerProperty cp : theProperties ) {
+				if ( cp.isActive( ) ) {
+					updatePropertyValue( cp );
+					xml.append( getXML( cp ) );
+				}
+			}
+			xml.append( "</properties>" );
+			controlP5.papplet.saveStrings( thePropertiesPath , PApplet.split( xml.toString( ) , "\n" ) );
+			System.out.println( "saving xml, " + thePropertiesPath );
+		}
+
+		public String getExtension( ) {
+			return "xml";
+		}
+
+		public boolean load( String thePropertiesPath ) {
+			String s;
+			try {
+				s = PApplet.join( controlP5.papplet.loadStrings( thePropertiesPath ) , "\n" );
+			} catch ( Exception e ) {
+				logger.warning( thePropertiesPath + ", file not found." );
+				return false;
+			}
+			System.out.println( "loading xml \n" + s );
+			try {
+				DocumentBuilderFactory dbf = DocumentBuilderFactory.newInstance( );
+				DocumentBuilder db = dbf.newDocumentBuilder( );
+				InputSource is = new InputSource( );
+				is.setCharacterStream( new StringReader( s ) );
+				Document doc = db.parse( is );
+				doc.getDocumentElement( ).normalize( );
+				NodeList nodeLst = doc.getElementsByTagName( "property" );
+				for ( int i = 0 ; i < nodeLst.getLength( ) ; i++ ) {
+					Node node = nodeLst.item( i );
+					if ( node.getNodeType( ) == Node.ELEMENT_NODE ) {
+						Element fstElmnt = ( Element ) node;
+						String myAddress = getElement( fstElmnt , "address" );
+						String mySetter = getElement( fstElmnt , "setter" );
+						String myType = getElement( fstElmnt , "type" );
+						String myValue = getElement( fstElmnt , "value" );
+						// String myClass = getElement(fstElmnt, "class");
+						// String myGetter = getElement(fstElmnt, "getter");
+						try {
+							System.out.print( "setting controller " + myAddress + "   " );
+							ControllerInterface< ? > ci = controlP5.getController( myAddress );
+							ci = ( ci == null ) ? controlP5.getGroup( myAddress ) : ci;
+							System.out.println( ci );
+							Method method;
+							try {
+								Class< ? > c = getClass( myType );
+								System.out.println( myType + " / " + c );
+								method = ci.getClass( ).getMethod( mySetter , new Class[] { c } );
+								method.setAccessible( true );
+								method.invoke( ci , new Object[] { getValue( myValue , myType , c ) } );
+							} catch ( Exception e ) {
+								logger.severe( e.toString( ) );
+							}
+						} catch ( Exception e ) {
+							logger.warning( "skipping a property, " + e );
+						}
+					}
+
+				}
+			} catch ( SAXException e ) {
+				logger.warning( "SAXException, " + e );
+				return false;
+			} catch ( IOException e ) {
+				logger.warning( "IOException, " + e );
+				return false;
+			} catch ( ParserConfigurationException e ) {
+				logger.warning( "ParserConfigurationException, " + e );
+				return false;
+			}
+			return true;
+		}
+
+		private Object getValue( String theValue , String theType , Class< ? > theClass ) {
+			if ( theClass == int.class ) {
+				return Integer.parseInt( theValue );
+			} else if ( theClass == float.class ) {
+				return Float.parseFloat( theValue );
+			} else if ( theClass == boolean.class ) {
+				return Boolean.parseBoolean( theValue );
+			} else if ( theClass.isArray( ) ) {
+				System.out.println( "this is an array: " + theType + ", " + theValue + ", " + theClass );
+				int dim = 0;
+				while ( true ) {
+					if ( theType.charAt( dim ) != '[' || dim >= theType.length( ) ) {
+						break;
+					}
+					dim++;
+				}
+			} else {
+				System.out.println( "is array? " + theClass.isArray( ) );
+			}
+			return theValue;
+		}
+
+		private Class< ? > getClass( String theType ) {
+			if ( theType.equals( "int" ) ) {
+				return int.class;
+			} else if ( theType.equals( "float" ) ) {
+				return float.class;
+			} else if ( theType.equals( "String" ) ) {
+				return String.class;
+			}
+			try {
+				return Class.forName( theType );
+			} catch ( ClassNotFoundException e ) {
+				logger.warning( "ClassNotFoundException, " + e );
+			}
+			return null;
+		}
+
+		private String getElement( Element theElement , String theName ) {
+			NodeList fstNmElmntLst = theElement.getElementsByTagName( theName );
+			Element fstNmElmnt = ( Element ) fstNmElmntLst.item( 0 );
+			NodeList fstNm = fstNmElmnt.getChildNodes( );
+			return ( ( Node ) fstNm.item( 0 ) ).getNodeValue( );
+		}
+
+		public String getXML( ControllerProperty theProperty ) {
+			// Mapping Between JSON and Java Entities
+			// http://code.google.com/p/json-simple/wiki/MappingBetweenJSONAndJavaEntities
+			String s = "\t<property>\n";
+			s += "\t\t<address>" + theProperty.getAddress( ) + "</address>\n";
+			s += "\t\t<class>" + CP.formatGetClass( theProperty.getController( ).getClass( ) ) + "</class>\n";
+			s += "\t\t<setter>" + theProperty.getSetter( ) + "</setter>\n";
+			s += "\t\t<getter>" + theProperty.getGetter( ) + "</getter>\n";
+			s += "\t\t<type>" + CP.formatGetClass( theProperty.getType( ) ) + "</type>\n";
+			s += "\t\t<value>" + cdata( OPEN , theProperty.getValue( ).getClass( ) ) + ( theProperty.getValue( ).getClass( ).isArray( ) ? CP.arrayToString( theProperty.getValue( ) ) : theProperty.getValue( ) )
+			    + cdata( CLOSE , theProperty.getValue( ).getClass( ) ) + "</value>\n";
+			s += "\t</property>\n";
+			return s;
+		}
+
+		private String cdata( int a , Class< ? > c ) {
+			if ( c == String.class || c.isArray( ) ) {
+				return ( a == OPEN ? "<![CDATA[" : "]]>" );
+			}
+			return "";
+		}
+	}
+
+	class JSONFormat implements PropertiesStorageFormat {
+		public void compile( Set< ControllerProperty > theProperties , String thePropertiesPath ) {
+			long t = System.currentTimeMillis( );
+			JSONObject json = new JSONObject( );
+			for ( ControllerProperty cp : theProperties ) {
+				if ( cp.isActive( ) ) {
+					if ( updatePropertyValue( cp ) ) {
+						cp.setId( cp.getController( ).getId( ) );
+
+						if ( !json.keys( ).contains( cp.getAddress( ) ) ) {
+							json.setJSONObject( cp.getAddress( ) , new JSONObject( ) );
+						}
+						JSONObject item = json.getJSONObject( cp.getAddress( ) );
+						String key = cp.getSetter( );
+						key = Character.toLowerCase( key.charAt( 3 ) ) + key.substring( 4 );
+						if ( cp.getValue( ) instanceof Number ) {
+							if ( cp.getValue( ) instanceof Integer ) {
+								item.setInt( key , ControlP5.i( cp.getValue( ) ) );
+							} else if ( cp.getValue( ) instanceof Float ) {
+								item.setFloat( key , ControlP5.f( cp.getValue( ) ) );
+							} else if ( cp.getValue( ) instanceof Double ) {
+								item.setDouble( key , ControlP5.d( cp.getValue( ) ) );
+							}
+						} else if ( cp.getValue( ) instanceof Boolean ) {
+							item.setBoolean( key , ControlP5.b( cp.getValue( ) ) );
+						} else {
+							item.setString( key , cp.getValue( ).toString( ) );
+						}
+					}
+				}
+			}
+			json.save( new File( getPathWithExtension( this , thePropertiesPath ) ) , "" );
+		}
+
+		public String getExtension( ) {
+			return "json";
+		}
+
+		public boolean load( String thePropertiesPath ) {
+			JSONReader reader = new JSONReader( controlP5.papplet );
+			Map< ? , ? > entries = ControlP5.toMap( reader.parse( thePropertiesPath ) );
+			for ( Map.Entry entry : entries.entrySet( ) ) {
+				String name = entry.getKey( ).toString( );
+				Controller c = controlP5.getController( name );
+				Map< ? , ? > values = ControlP5.toMap( entry.getValue( ) );
+				for ( Map.Entry value : values.entrySet( ) ) {
+					String i0 = value.getKey( ).toString( );
+					String member = "set" + Character.toUpperCase( i0.charAt( 0 ) ) + i0.substring( 1 );
+					Object i1 = value.getValue( );
+					if ( i1 instanceof Number ) {
+						ControlP5.invoke( c , member , ControlP5.f( value.getValue( ) ) );
+					} else if ( i1 instanceof String ) {
+						ControlP5.invoke( c , member , ControlP5.s( value.getValue( ) ) );
+					} else {
+						ControlP5.invoke( c , member , value.getValue( ) );
+					}
+				}
+			}
+			return false;
+		}
+	}
+
+	private class JSONReader {
+
+		private final PApplet papplet;
+
+		public JSONReader( Object o ) {
+			if ( o instanceof PApplet ) {
+				papplet = ( PApplet ) o;
+			} else {
+				papplet = null;
+				System.out.println( "Sorry, argument is not of instance PApplet" );
+			}
+		}
+
+		public Object parse( String s ) {
+			if ( s.indexOf( "{" ) >= 0 ) {
+				return get( JSONObject.parse( s ) , new LinkedHashMap( ) );
+			} else {
+				return get( papplet.loadJSONObject( s ) , new LinkedHashMap( ) );
+			}
+		}
+
+		Object get( Object o , Object m ) {
+			if ( o instanceof JSONObject ) {
+				if ( m instanceof Map ) {
+					Set set = ( ( JSONObject ) o ).keys( );
+					for ( Object o1 : set ) {
+						Object o2 = ControlP5.invoke( o , "opt" , o1.toString( ) );
+						if ( o2 instanceof JSONObject ) {
+							Map m1 = new LinkedHashMap( );
+							( ( Map ) m ).put( o1.toString( ) , m1 );
+							get( o2 , m1 );
+						} else if ( o2 instanceof JSONArray ) {
+							List l1 = new ArrayList( );
+							( ( Map ) m ).put( o1.toString( ) , l1 );
+							get( o2 , l1 );
+						} else {
+							( ( Map ) m ).put( o1.toString( ) , o2 );
+						}
+					}
+				}
+			} else if ( o instanceof JSONArray ) {
+				if ( m instanceof List ) {
+					List l = ( ( List ) m );
+					int n = 0;
+					Object o3 = ControlP5.invoke( o , "opt" , n );
+					while ( o3 != null ) {
+						if ( o3 instanceof JSONArray ) {
+							List l1 = new ArrayList( );
+							l.add( l1 );
+							get( o3 , l1 );
+						} else if ( o3 instanceof JSONObject ) {
+							Map l1 = new LinkedHashMap( );
+							l.add( l1 );
+							get( o3 , l1 );
+						} else {
+							l.add( o3 );
+						}
+						o3 = ControlP5.invoke( o , "opt" , ++n );
+					}
+				} else {
+					System.err.println( "JSONReader type mismatch." );
+				}
+			}
+			return m;
+		}
+
+	}
+
+	class SerializedFormat implements PropertiesStorageFormat {
+
+		public boolean load( String thePropertiesPath ) {
+			try {
+				FileInputStream fis = new FileInputStream( thePropertiesPath );
+				ObjectInputStream ois = new ObjectInputStream( fis );
+				int size = ois.readInt( );
+				logger.info( "loading " + size + " property-items. " );
+
+				for ( int i = 0 ; i < size ; i++ ) {
+					try {
+						ControllerProperty cp = ( ControllerProperty ) ois.readObject( );
+						ControllerInterface< ? > ci = controlP5.getController( cp.getAddress( ) );
+						ci = ( ci == null ) ? controlP5.getGroup( cp.getAddress( ) ) : ci;
+						ci.setId( cp.getId( ) );
+						Method method;
+						try {
+							method = ci.getClass( ).getMethod( cp.getSetter( ) , new Class[] { cp.getType( ) } );
+							method.setAccessible( true );
+							method.invoke( ci , new Object[] { cp.getValue( ) } );
+						} catch ( Exception e ) {
+							logger.severe( e.toString( ) );
+						}
+
+					} catch ( Exception e ) {
+						logger.warning( "skipping a property, " + e );
+					}
+				}
+				ois.close( );
+			} catch ( Exception e ) {
+				logger.warning( "Exception during deserialization: " + e );
+				return false;
+			}
+			return true;
+		}
+
+		public String getExtension( ) {
+			return "ser";
+		}
+
+		public void compile( Set< ControllerProperty > theProperties , String thePropertiesPath ) {
+			int active = 0;
+			int total = 0;
+			HashSet< ControllerProperty > propertiesToBeSaved = new HashSet< ControllerProperty >( );
+			for ( ControllerProperty cp : theProperties ) {
+				if ( cp.isActive( ) ) {
+					if ( updatePropertyValue( cp ) ) {
+						active++;
+						cp.setId( cp.getController( ).getId( ) );
+						propertiesToBeSaved.add( cp );
+					}
+				}
+				total++;
+			}
+
+			int ignored = total - active;
+
+			try {
+				FileOutputStream fos = new FileOutputStream( thePropertiesPath );
+				ObjectOutputStream oos = new ObjectOutputStream( fos );
+
+				logger.info( "Saving property-items to " + thePropertiesPath );
+				oos.writeInt( active );
+
+				for ( ControllerProperty cp : propertiesToBeSaved ) {
+					if ( cp.isActive( ) ) {
+						oos.writeObject( cp );
+					}
+				}
+				logger.info( active + " items saved, " + ( ignored ) + " items ignored. Done saving properties." );
+				oos.flush( );
+				oos.close( );
+				fos.close( );
+			} catch ( Exception e ) {
+				logger.warning( "Exception during serialization: " + e );
+			}
+		}
+	}
+}
diff --git a/src/controlP5/ControllerProperty.java b/src/controlP5/ControllerProperty.java
new file mode 100755
index 0000000..fd94f8a
--- /dev/null
+++ b/src/controlP5/ControllerProperty.java
@@ -0,0 +1,163 @@
+package controlP5;
+
+import java.io.Serializable;
+
+/**
+ * A controller property saves the value, address, getter and setter of a registered controller.
+ * 
+ * @example controllers/ControlP5properties
+ */
+
+public class ControllerProperty implements Serializable , Cloneable {
+
+	private static final long serialVersionUID = 4506431150330867327L;
+
+	private String setter;
+
+	private String getter;
+
+	private Class< ? > type;
+
+	private Object value;
+
+	private String address;
+
+	private int id;
+
+	private transient boolean active;
+
+	private transient ControllerInterface< ? > controller;
+
+	ControllerProperty( ControllerInterface< ? > theController , String theSetter , String theGetter ) {
+		setController( theController );
+		setAddress( theController.getAddress( ) );
+		setSetter( theSetter );
+		setGetter( theGetter );
+		setActive( true );
+		setId( theController.getId( ) );
+	}
+
+	@Override
+	protected Object clone( ) throws CloneNotSupportedException {
+		ControllerProperty clone = ( ControllerProperty ) super.clone( );
+		clone.setSetter( getSetter( ) );
+		clone.setGetter( getGetter( ) );
+		clone.setType( getType( ) );
+		clone.setValue( getValue( ) );
+		clone.setAddress( getAddress( ) );
+		clone.setActive( isActive( ) );
+		clone.setController( getController( ) );
+		clone.setId( getId( ) );
+		return clone;
+	}
+
+	/**
+	 * @exclude {@inheritDoc}
+	 */
+	@Override
+	public boolean equals( Object o ) {
+
+		if ( this == o ) {
+			return true;
+		}
+		if ( o == null || getClass( ) != o.getClass( ) ) {
+			return false;
+		}
+
+		ControllerProperty p = ( ControllerProperty ) o;
+		if ( !address.equals( p.address ) || !setter.equals( p.setter ) || !getter.equals( p.getter ) ) {
+			return false;
+		}
+		return true;
+	}
+
+	/**
+	 * @exclude {@inheritDoc}
+	 */
+	@Override
+	public int hashCode( ) {
+		int result = 17;
+		result = 37 * result + ( address != null ? address.hashCode( ) : 0 );
+		result = 37 * result + ( setter != null ? setter.hashCode( ) : 0 );
+		result = 37 * result + ( getter != null ? getter.hashCode( ) : 0 );
+		return result;
+	}
+
+	public void disable( ) {
+		active = false;
+	}
+
+	public void enable( ) {
+		active = true;
+	}
+
+	@Override
+	public String toString( ) {
+		return address + " " + setter + ", " + getter;
+	}
+
+	void setAddress( String theAddress ) {
+		address = theAddress;
+	}
+
+	String getAddress( ) {
+		return address;
+	}
+
+	ControllerInterface< ? > getController( ) {
+		return controller;
+	}
+
+	void setController( ControllerInterface< ? > theController ) {
+		controller = theController;
+	}
+
+	Object getValue( ) {
+		return value;
+	}
+
+	void setValue( Object theValue ) {
+		value = theValue;
+	}
+
+	Class< ? > getType( ) {
+		return type;
+	}
+
+	void setType( Class< ? > theType ) {
+		type = theType;
+	}
+
+	boolean isActive( ) {
+		return active;
+	}
+
+	void setActive( boolean theValue ) {
+		active = theValue;
+	}
+
+	String getGetter( ) {
+		return getter;
+	}
+
+	void setGetter( String theValue ) {
+		getter = theValue;
+	}
+
+	String getSetter( ) {
+		return setter;
+	}
+
+	void setSetter( String theValue ) {
+		setter = theValue;
+	}
+
+	int getId( ) {
+		return id;
+	}
+
+	void setId( int theValue ) {
+		id = theValue;
+	}
+
+}
diff --git a/src/controlP5/ControllerStyle.java b/src/controlP5/ControllerStyle.java
new file mode 100755
index 0000000..671d636
--- /dev/null
+++ b/src/controlP5/ControllerStyle.java
@@ -0,0 +1,150 @@
+package controlP5;
+
+import java.io.Serializable;
+
+/**
+ * controlP5 is a processing gui library.
+ * 
+ * 2006-2012 by Andreas Schlegel
+ * 
+ * This library is free software; you can redistribute it and/or modify it under
+ * the terms of the GNU Lesser General Public License as published by the Free
+ * Software Foundation; either version 2.1 of the License, or (at your option)
+ * any later version. This library is distributed in the hope that it will be
+ * useful, but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU Lesser
+ * General Public License for more details.
+ * 
+ * You should have received a copy of the GNU Lesser General Public License
+ * along with this library; if not, write to the Free Software Foundation, Inc.,
+ * 59 Temple Place, Suite 330, Boston, MA 02111-1307 USA
+ * 
+ * @author Andreas Schlegel (http://www.sojamo.de)
+ * @modified ##date##
+ * @version ##version##
+ * 
+ */
+
+/**
+ * Labels use the ControllerStyle class to store margin and padding information.
+ * 
+ * @see controlP5.Label#getStyle()
+ * 
+ * @example extra/ControlP5style
+ */
+public class ControllerStyle implements Serializable {
+
+	private static final long serialVersionUID = 3250201688970310633L;
+
+	public int paddingTop = 0;
+	public int paddingRight = 0;
+	public int paddingBottom = 0;
+	public int paddingLeft = 0;
+	public int marginTop = 0;
+	public int marginRight = 0;
+	public int marginBottom = 0;
+	public int marginLeft = 0;
+	public int background;
+	public int backgroundWidth = -1;
+	public int backgroundHeight = -1;
+	public int color;
+
+	public ControllerStyle margin( int theValue ) {
+		marginTop = theValue;
+		marginRight = theValue;
+		marginBottom = theValue;
+		marginLeft = theValue;
+		return this;
+	}
+
+	public ControllerStyle padding( int theValue ) {
+		paddingTop = theValue;
+		paddingRight = theValue;
+		paddingBottom = theValue;
+		paddingLeft = theValue;
+		return this;
+	}
+
+	public ControllerStyle setPadding( int theTop , int theRight , int theBottom , int theLeft ) {
+		padding( theTop , theRight , theBottom , theLeft );
+		return this;
+	}
+
+	public ControllerStyle setPaddingTop( int theValue ) {
+		paddingTop = theValue;
+		return this;
+	}
+
+	public ControllerStyle setPaddingBottom( int theValue ) {
+		paddingBottom = theValue;
+		return this;
+	}
+
+	public ControllerStyle setPaddingRight( int theValue ) {
+		paddingRight = theValue;
+		return this;
+	}
+
+	public ControllerStyle setPaddingLeft( int theValue ) {
+		paddingLeft = theValue;
+		return this;
+	}
+
+	public ControllerStyle margin( int theTop , int theRight , int theBottom , int theLeft ) {
+		marginTop = theTop;
+		marginRight = theRight;
+		marginBottom = theBottom;
+		marginLeft = theLeft;
+		return this;
+	}
+
+	public ControllerStyle setMargin( int theTop , int theRight , int theBottom , int theLeft ) {
+		margin( theTop , theRight , theBottom , theLeft );
+		return this;
+	}
+
+	public ControllerStyle setMarginTop( int theValue ) {
+		marginTop = theValue;
+		return this;
+	}
+
+	public ControllerStyle setMarginBottom( int theValue ) {
+		marginBottom = theValue;
+		return this;
+	}
+
+	public ControllerStyle setMarginRight( int theValue ) {
+		marginRight = theValue;
+		return this;
+	}
+
+	public ControllerStyle setMarginLeft( int theValue ) {
+		marginLeft = theValue;
+		return this;
+	}
+
+	public ControllerStyle padding( int theTop , int theRight , int theBottom , int theLeft ) {
+		paddingTop = theTop;
+		paddingRight = theRight;
+		paddingBottom = theBottom;
+		paddingLeft = theLeft;
+		return this;
+	}
+
+	public ControllerStyle moveMargin( int theTop , int theRight , int theBottom , int theLeft ) {
+		marginTop += theTop;
+		marginRight += theRight;
+		marginBottom += theBottom;
+		marginLeft += theLeft;
+		return this;
+	}
+
+	public ControllerStyle movePadding( int theTop , int theRight , int theBottom , int theLeft ) {
+		paddingTop += theTop;
+		paddingRight += theRight;
+		paddingBottom += theBottom;
+		paddingLeft += theLeft;
+		return this;
+	}
+
+}
diff --git a/src/controlP5/ControllerView.java b/src/controlP5/ControllerView.java
new file mode 100755
index 0000000..5693e28
--- /dev/null
+++ b/src/controlP5/ControllerView.java
@@ -0,0 +1,50 @@
+package controlP5;
+
+/**
+ * controlP5 is a processing gui library.
+ *
+ *  2006-2012 by Andreas Schlegel
+ *
+ * This library is free software; you can redistribute it and/or
+ * modify it under the terms of the GNU Lesser General Public License
+ * as published by the Free Software Foundation; either version 2.1
+ * of the License, or (at your option) any later version.
+ * This library is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
+ * Lesser General Public License for more details.
+ *
+ * You should have received a copy of the GNU Lesser General
+ * Public License along with this library; if not, write to the
+ * Free Software Foundation, Inc., 59 Temple Place, Suite 330,
+ * Boston, MA 02111-1307 USA
+ *
+ * @author 		Andreas Schlegel (http://www.sojamo.de)
+ * @modified	##date##
+ * @version		##version##
+ *
+ */
+
+import processing.core.PGraphics;
+
+/**
+ * The interface ControllerView can be used to define custom displays for controllers.
+ * 
+ * @see controlP5.draw(processing.core.PApplet)
+ * @see controlP5.setView(ControlleView)
+ * 
+ * @example use/ControlP5customDisplay
+ */
+public interface ControllerView< T > {
+
+	/**
+	 * draws your custom controllers. display() will be called by a controller's draw() function and
+	 * will pass a reference of PApplet as well as the Controller itself to your custom display
+	 * class.
+	 * 
+	 * @param theApplet
+	 * @param theController
+	 */
+	public void display( PGraphics theGraphics , T theController );
+
+}
diff --git a/src/controlP5/DropdownList.java b/src/controlP5/DropdownList.java
new file mode 100755
index 0000000..726920f
--- /dev/null
+++ b/src/controlP5/DropdownList.java
@@ -0,0 +1,463 @@
+package controlP5;
+
+import static controlP5.ControlP5.b;
+
+import java.util.ArrayList;
+import java.util.Arrays;
+import java.util.Collections;
+import java.util.HashMap;
+import java.util.List;
+import java.util.Map;
+
+import processing.core.PApplet;
+import processing.core.PGraphics;
+import processing.event.KeyEvent;
+
+/**
+ * controlP5 is a processing gui library.
+ * 
+ * 2006-2012 by Andreas Schlegel
+ * 
+ * This library is free software; you can redistribute it and/or
+ * modify it under the terms of the GNU Lesser General Public License
+ * as published by the Free Software Foundation; either version 2.1
+ * of the License, or (at your option) any later version.
+ * This library is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
+ * Lesser General Public License for more details.
+ * 
+ * You should have received a copy of the GNU Lesser General
+ * Public License along with this library; if not, write to the
+ * Free Software Foundation, Inc., 59 Temple Place, Suite 330,
+ * Boston, MA 02111-1307 USA
+ * 
+ * @author Andreas Schlegel (http://www.sojamo.de)
+ * @modified ##date##
+ * @version ##version##
+ * 
+ */
+
+public class DropdownList extends Controller< DropdownList > implements ControlListener {
+
+	private int _myType = DROPDOWN;
+	protected int _myBackgroundColor = 0x00ffffff;
+	protected int itemHeight = 13;
+	protected int barHeight = 10;
+	private float scrollSensitivity = 1;
+	private boolean isOpen = true;
+	protected List< Map< String , Object > > items;
+	protected int itemRange = 5;
+	protected int itemHover = -1;
+	private int itemIndexOffset = 0;
+	private int itemSpacing = 1;
+	private int _myDirection = PApplet.DOWN;
+	private boolean isBarVisible = true;
+	static public final int LIST = ControlP5.LIST;
+	static public final int DROPDOWN = ControlP5.DROPDOWN;
+	static public final int CHECKBOX = ControlP5.CHECKBOX; /* TODO */
+	static public final int TREE = ControlP5.TREE; /* TODO */
+
+	public DropdownList( ControlP5 theControlP5 , String theName ) {
+		this( theControlP5 , theControlP5.getDefaultTab( ) , theName , 0 , 0 , 99 , 199 );
+		theControlP5.register( theControlP5.papplet , theName , this );
+	}
+
+	protected DropdownList( ControlP5 theControlP5 , ControllerGroup< ? > theGroup , String theName , int theX , int theY , int theW , int theH ) {
+		super( theControlP5 , theGroup , theName , theX , theY , theW , theH );
+		items = new ArrayList< Map< String , Object > >( );
+		updateHeight( );
+	}
+
+	public boolean isOpen( ) {
+		return isOpen;
+	}
+
+	public DropdownList open( ) {
+		return setOpen( true );
+	}
+
+	public DropdownList close( ) {
+		return setOpen( false );
+	}
+
+	public DropdownList setOpen( boolean b ) {
+		isOpen = b;
+		return this;
+	}
+
+	@Override public int getHeight( ) {
+		return isOpen ? super.getHeight( ) : barHeight;
+	}
+
+	public DropdownList setType( int theType ) {
+		_myType = theType;
+		return this;
+	}
+
+	public void setDirection( int theDirection ) {
+		_myDirection = ( theDirection == PApplet.UP ) ? PApplet.UP : PApplet.DOWN;
+	}
+
+	@Override protected boolean inside( ) {
+		/* constrain the bounds of the controller to the
+		 * dimensions of the cp5 area, required since
+		 * PGraphics as render area has been introduced. */
+		float x0 = PApplet.max( 0 , x( position ) + x( _myParent.getAbsolutePosition( ) ) );
+		float x1 = PApplet.min( cp5.pgw , x( position ) + x( _myParent.getAbsolutePosition( ) ) + getWidth( ) );
+		float y0 = PApplet.max( 0 , y( position ) + y( _myParent.getAbsolutePosition( ) ) );
+		float y1 = PApplet.min( cp5.pgh , y( position ) + y( _myParent.getAbsolutePosition( ) ) + getHeight( ) );
+		if ( y1 < y0 ) {
+			float ty = y0;
+			y0 = y1;
+			y1 = ty;
+		}
+		return ( _myControlWindow.mouseX > x0 && _myControlWindow.mouseX < x1 && _myControlWindow.mouseY > ( y1 < y0 ? y1 : y0 ) && _myControlWindow.mouseY < ( y0 < y1 ? y1 : y0 ) );
+	}
+
+	@Override protected void onRelease( ) {
+		if ( !isDragged ) {
+			if ( getPointer( ).y( ) >= 0 && getPointer( ).y( ) <= barHeight ) {
+				setOpen( !isOpen( ) );
+			} else if ( isOpen ) {
+
+				double n = Math.floor( ( getPointer( ).y( ) - barHeight ) / itemHeight );
+
+				// n += itemRange; /* UP */
+				int index = ( int ) n + itemIndexOffset;
+
+				Map m = items.get( index );
+
+				switch ( _myType ) {
+				case ( LIST ):
+					setValue( index );
+					for ( Object o : items ) {
+						( ( Map ) o ).put( "state" , false );
+					}
+					m.put( "state" , !ControlP5.b( m.get( "state" ) ) );
+					break;
+				case ( DROPDOWN ):
+					setValue( index );
+					setOpen( false );
+					getCaptionLabel( ).setText( ( m.get( "text" ).toString( ) ) );
+					break;
+				case ( CHECKBOX ):
+					m.put( "state" , !ControlP5.b( m.get( "state" ) ) );
+					break;
+				}
+
+			}
+		}
+	}
+
+	@Override protected void onDrag( ) {
+		scroll( getPointer( ).dy( ) );
+	}
+
+	@Override protected void onScroll( int theValue ) {
+		scroll( theValue );
+	}
+
+	private void scroll( int theValue ) {
+		if ( isOpen ) {
+			itemIndexOffset += theValue;
+			itemIndexOffset = ( int ) ( Math.floor( Math.max( 0 , Math.min( itemIndexOffset , items.size( ) - itemRange ) ) ) );
+			itemHover = -2;
+		}
+	}
+
+	@Override protected void onLeave( ) {
+		itemHover = -1;
+	}
+
+	private void updateHover( ) {
+		if ( getPointer( ).y( ) > barHeight ) {
+			double n = Math.floor( ( getPointer( ).y( ) - barHeight ) / itemHeight );
+			itemHover = ( int ) ( itemIndexOffset + n );
+		} else {
+			itemHover = -1;
+		}
+	}
+
+	@Override protected void onEnter( ) {
+		updateHover( );
+	}
+
+	@Override protected void onMove( ) {
+		updateHover( );
+	}
+
+	@Override protected void onEndDrag( ) {
+		updateHover( );
+	}
+
+	private int updateHeight( ) {
+		itemRange = ( PApplet.abs( getHeight( ) ) - ( isBarVisible( ) ? barHeight : 0 ) ) / itemHeight;
+		return itemHeight * ( items.size( ) < itemRange ? items.size( ) : itemRange );
+	}
+
+	public DropdownList setItemHeight( int theHeight ) {
+		itemHeight = theHeight;
+		updateHeight( );
+		return this;
+	}
+
+	public DropdownList setBarHeight( int theHeight ) {
+		barHeight = theHeight;
+		updateHeight( );
+		return this;
+	}
+
+	public int getBarHeight( ) {
+		return barHeight;
+	}
+
+	public DropdownList setScrollSensitivity( float theSensitivity ) {
+		scrollSensitivity = theSensitivity;
+		return this;
+	}
+
+	public DropdownList setBarVisible( boolean b ) {
+		isBarVisible = b;
+		updateHeight( );
+		return this;
+	}
+
+	public boolean isBarVisible( ) {
+		return isBarVisible;
+	}
+
+	private Map< String , Object > getDefaultItemMap( String theName , Object theValue ) {
+		Map< String , Object > item = new HashMap< String , Object >( );
+		item.put( "name" , theName );
+		item.put( "text" , theName );
+		item.put( "value" , theValue );
+		item.put( "color" , getColor( ) );
+		item.put( "view" , new CDrawable( ) {
+			@Override public void draw( PGraphics theGraphics ) {
+			}
+
+		} );
+		item.put( "state" , false );
+		return item;
+	}
+
+	public DropdownList addItem( String theName , Object theValue ) {
+		Map< String , Object > item = getDefaultItemMap( theName , theValue );
+		items.add( item );
+		return this;
+	}
+
+	public DropdownList addItems( String[] theItems ) {
+		addItems( Arrays.asList( theItems ) );
+		return this;
+	}
+
+	public DropdownList addItems( List< String > theItems ) {
+		for ( int i = 0 ; i < theItems.size( ) ; i++ ) {
+			addItem( theItems.get( i ).toString( ) , i );
+		}
+		return this;
+	}
+
+	public DropdownList addItems( Map< String , Object > theItems ) {
+		for ( Map.Entry< String , Object > item : theItems.entrySet( ) ) {
+			addItem( item.getKey( ) , item.getValue( ) );
+		}
+		return this;
+	}
+
+	public DropdownList setItems( String[] theItems ) {
+		setItems( Arrays.asList( theItems ) );
+		return this;
+	}
+
+	public DropdownList setItems( List< String > theItems ) {
+		items.clear( );
+		return addItems( theItems );
+	}
+
+	public DropdownList setItems( Map< String , Object > theItems ) {
+		items.clear( );
+		return addItems( theItems );
+	}
+
+	public DropdownList removeItems( List< String > theItems ) {
+		for ( String s : theItems ) {
+			removeItem( s );
+		}
+		return this;
+	}
+
+	public DropdownList removeItem( String theName ) {
+		if ( theName != null ) {
+
+			List l = new ArrayList( );
+			for ( Map m : items ) {
+				if ( theName.equals( m.get( "name" ) ) ) {
+					l.add( m );
+				}
+			}
+			items.removeAll( l );
+		}
+		return this;
+	}
+
+	public void updateItemIndexOffset( ) {
+		int m1 = items.size( ) > itemRange ? ( itemIndexOffset + itemRange ) : items.size( );
+		int n = ( m1 - items.size( ) );
+		if ( n >= 0 ) {
+			itemIndexOffset -= n;
+		}
+	}
+
+	public Map< String , Object > getItem( int theIndex ) {
+		return items.get( theIndex );
+	}
+
+	public Map< String , Object > getItem( String theName ) {
+		if ( theName != null ) {
+			for ( Map< String , Object > o : items ) {
+				if ( theName.equals( o.get( "name" ) ) ) {
+					return o;
+				}
+			}
+		}
+		return Collections.EMPTY_MAP;
+	}
+
+	public List getItems( ) {
+		return Collections.unmodifiableList( items );
+	}
+
+	public DropdownList clear( ) {
+		for ( int i = items.size( ) - 1 ; i >= 0 ; i-- ) {
+			items.remove( i );
+		}
+		items.clear( );
+		itemIndexOffset = 0;
+		return this;
+	}
+
+	@Override public void controlEvent( ControlEvent theEvent ) {
+		// TODO Auto-generated method stub
+	}
+
+	public DropdownList setBackgroundColor( int theColor ) {
+		_myBackgroundColor = theColor;
+		return this;
+	}
+
+	public int getBackgroundColor( ) {
+		return _myBackgroundColor;
+	}
+
+	@Override @ControlP5.Invisible public DropdownList updateDisplayMode( int theMode ) {
+		_myDisplayMode = theMode;
+		switch ( theMode ) {
+		case ( DEFAULT ):
+			_myControllerView = new DropdownListView( );
+			break;
+		case ( IMAGE ):
+		case ( SPRITE ):
+		case ( CUSTOM ):
+		default:
+			break;
+		}
+		return this;
+	}
+
+	static public class DropdownListView implements ControllerView< DropdownList > {
+
+		public void display( PGraphics g , DropdownList c ) {
+
+			// setHeight( -200 ); /* UP */
+
+			g.noStroke( );
+
+			if ( c.isBarVisible( ) ) {
+				boolean b = c.itemHover == -1 && c.isInside && !c.isDragged;
+				g.fill( b ? c.getColor( ).getForeground( ) : c.getColor( ).getBackground( ) );
+				g.rect( 0 , 0 , c.getWidth( ) , c.barHeight );
+				g.pushMatrix( );
+				g.translate( c.getWidth( ) - 8 , c.barHeight / 2 - 2 );
+				g.fill( c.getColor( ).getCaptionLabel( ) );
+				if ( c.isOpen( ) ) {
+					g.triangle( -3 , 0 , 3 , 0 , 0 , 3 );
+				} else {
+					g.triangle( -3 , 3 , 3 , 3 , 0 , 0 );
+				}
+				g.popMatrix( );
+
+				c.getCaptionLabel( ).align( PApplet.LEFT , PApplet.CENTER ).draw( g , 4 , c.barHeight / 2 );
+			}
+
+			if ( c.isOpen( ) ) {
+				int bar = ( c.isBarVisible( ) ? c.barHeight : 0 );
+				int h = ( ( c.updateHeight( ) ) );
+				g.pushMatrix( );
+				// g.translate( 0 , - ( h + bar +
+				// c.itemSpacing ) ); /* UP */
+				g.fill( c.getBackgroundColor( ) );
+				g.rect( 0 , bar , c.getWidth( ) , h );
+				g.pushMatrix( );
+				g.translate( 0 , ( bar == 0 ? 0 : ( c.barHeight + c.itemSpacing ) ) );
+				/* draw visible items */
+				c.updateItemIndexOffset( );
+				int m0 = c.itemIndexOffset;
+				int m1 = c.items.size( ) > c.itemRange ? ( c.itemIndexOffset + c.itemRange ) : c.items.size( );
+				for ( int i = m0 ; i < m1 ; i++ ) {
+					Map< String , Object > item = c.items.get( i );
+					CColor color = ( CColor ) item.get( "color" );
+					g.fill( ( b( item.get( "state" ) ) ) ? color.getActive( ) : ( i == c.itemHover ) ? ( c.isMousePressed ? color.getActive( ) : color.getForeground( ) ) : color.getBackground( ) );
+					g.rect( 0 , 0 , c.getWidth( ) , c.itemHeight - 1 );
+					c.getValueLabel( ).align( PApplet.LEFT , PApplet.CENTER ).set( item.get( "text" ).toString( ) ).draw( g , 4 , c.itemHeight / 2 );
+					g.translate( 0 , c.itemHeight );
+				}
+				g.popMatrix( );
+
+				if ( c.isInside ) {
+					int m = c.items.size( ) - c.itemRange;
+					if ( m > 0 ) {
+						g.fill( c.getColor( ).getCaptionLabel( ) );
+						g.pushMatrix( );
+						int s = 4; /* spacing */
+						int s2 = s / 2;
+						g.translate( c.getWidth( ) - s , c.barHeight );
+						int len = ( int ) PApplet.map( ( float ) Math.log( m * 10 ) , 0 , 10 , h , 0 );
+						int pos = ( int ) ( PApplet.map( c.itemIndexOffset , 0 , m , s2 , h - len - s2 ) );
+						g.rect( 0 , pos , s2 , len );
+						g.popMatrix( );
+					}
+				}
+				g.popMatrix( );
+			}
+
+		}
+
+	}
+
+	public void keyEvent( KeyEvent theKeyEvent ) {
+		if ( isInside && theKeyEvent.getAction( ) == KeyEvent.PRESS ) {
+			switch ( theKeyEvent.getKeyCode( ) ) {
+			case ( ControlP5.UP ):
+				scroll( theKeyEvent.isAltDown( ) ? -itemIndexOffset : theKeyEvent.isShiftDown( ) ? -10 : -1 );
+				updateHover( );
+				break;
+			case ( ControlP5.DOWN ):
+				scroll( theKeyEvent.isAltDown( ) ? items.size( ) - itemRange : theKeyEvent.isShiftDown( ) ? 10 : 1 );
+				updateHover( );
+				break;
+			case ( ControlP5.LEFT ):
+				break;
+			case ( ControlP5.RIGHT ):
+				break;
+			case ( ControlP5.ENTER ):
+				onRelease( );
+				break;
+			}
+		}
+	}
+	/* TODO keycontrol: arrows, return dragging moving items
+	 * sorting custom view custom event types */
+}
diff --git a/src/controlP5/FieldChangedListener.java b/src/controlP5/FieldChangedListener.java
new file mode 100755
index 0000000..8ab2252
--- /dev/null
+++ b/src/controlP5/FieldChangedListener.java
@@ -0,0 +1,109 @@
+package controlP5;
+
+import java.lang.reflect.Field;
+
+/**
+ * the FieldChangedListener is used to observe changes of variables that are
+ * linked to a controller. The FieldChangedListener is for primarily for
+ * internal use.
+ * 
+ * @see controlP5.Controller#listen(boolean)
+ */
+class FieldChangedListener {
+
+	private FieldValue value;
+
+	private ControlP5 controlP5;
+
+	public FieldChangedListener(ControlP5 theControlP5) {
+		controlP5 = theControlP5;
+	}
+
+	/**
+	 * Assigns a listener to a specific field of an object.
+	 * 
+	 * this can be done in a more elegant way using generics.
+	 * 
+	 * @param theObject
+	 * @param theFieldName
+	 */
+	public void listenTo(final Object theObject, final String theFieldName) {
+		try {
+			Class<?> c = theObject.getClass();
+			final Field field = c.getDeclaredField(theFieldName);
+			field.setAccessible(true);
+			if (field.getType().isAssignableFrom(Float.TYPE)) {
+				value = new FieldValue() {
+					float then;
+
+					public void check() {
+						try {
+							float now = (Float) field.get(theObject);
+							if (now != then) {
+								controlP5.getController(theFieldName, theObject).setValue(now);
+								then = now;
+							}
+						} catch (IllegalAccessException e) {
+						}
+					}
+				};
+			} else if (field.getType().isAssignableFrom(Integer.TYPE)) {
+				value = new FieldValue() {
+					int then;
+
+					public void check() {
+						try {
+							int now = (Integer) field.get(theObject);
+							if (now != then) {
+								controlP5.getController(theFieldName, theObject).setValue(now);
+								then = now;
+							}
+						} catch (IllegalAccessException e) {
+						}
+					}
+				};
+			} else if (field.getType().isAssignableFrom(Boolean.TYPE)) {
+				value = new FieldValue() {
+					boolean then;
+
+					public void check() {
+						try {
+							boolean now = (Boolean) field.get(theObject);
+							if (now != then) {
+								controlP5.getController(theFieldName, theObject).setValue(now == true ? 1 : 0);
+								then = now;
+							}
+						} catch (IllegalAccessException e) {
+						}
+					}
+				};
+			} else if (field.getType().isAssignableFrom(String.class)) {
+
+				value = new FieldValue() {
+					String then;
+
+					public void check() {
+						try {
+							String now = (String) field.get(theObject);
+							if (!now.equals(then)) {
+								controlP5.getController(theFieldName, theObject).setStringValue(now);
+								then = now;
+							}
+						} catch (IllegalAccessException e) {
+						}
+					}
+				};
+			}
+		} catch (Exception e) {
+			System.out.println(e);
+		}
+	}
+
+	void update() {
+		value.check();
+	}
+}
+
+interface FieldValue {
+	public void check();
+}
diff --git a/src/controlP5/FrameRate.java b/src/controlP5/FrameRate.java
new file mode 100755
index 0000000..4610f2e
--- /dev/null
+++ b/src/controlP5/FrameRate.java
@@ -0,0 +1,33 @@
+package controlP5;
+
+import processing.core.PApplet;
+import processing.core.PGraphics;
+
+public class FrameRate extends Textlabel {
+
+	private int _myInterval = 10;
+
+	private float _myIntervalSum = 0;
+
+	private int cnt = 0;
+
+	protected FrameRate( final ControlP5 theControlP5 , final Tab theParent , final String theValue , final int theX , final int theY ) {
+		super( theControlP5 , theParent , "framerate" , "-" , theX , theY );
+	}
+
+	public FrameRate setInterval( int theValue ) {
+		_myInterval = theValue;
+		return this;
+	}
+
+	@Override
+	public void draw( PGraphics theGraphics ) {
+		if ( ( cnt++ ) % _myInterval == 0 ) {
+			setText( "" + PApplet.round( _myIntervalSum / _myInterval ) );
+			_myIntervalSum = 0;
+		}
+		_myIntervalSum += cp5.papplet.frameRate;
+		super.draw( theGraphics );
+	}
+
+}
diff --git a/src/controlP5/Group.java b/src/controlP5/Group.java
new file mode 100755
index 0000000..fdcff46
--- /dev/null
+++ b/src/controlP5/Group.java
@@ -0,0 +1,19 @@
+package controlP5;
+
+public class Group extends ControlGroup< Group > {
+
+	/**
+	 * Convenience constructor to extend Group.
+	 * 
+	 * @example use/ControlP5extendController
+	 */
+	public Group( ControlP5 theControlP5 , String theName ) {
+		this( theControlP5 , theControlP5.getDefaultTab( ) , theName , 0 , 0 , 99 , 9 );
+		theControlP5.register( theControlP5.papplet , theName , this );
+	}
+
+	public Group( ControlP5 theControlP5 , ControllerGroup< ? > theParent , String theName , int theX , int theY , int theW , int theH ) {
+		super( theControlP5 , theParent , theName , theX , theY , theW , theH );
+	}
+
+}
diff --git a/src/controlP5/Knob.java b/src/controlP5/Knob.java
new file mode 100755
index 0000000..91ba6cb
--- /dev/null
+++ b/src/controlP5/Knob.java
@@ -0,0 +1,572 @@
+package controlP5;
+
+/**
+ * controlP5 is a processing gui library.
+ * 
+ * 2006-2012 by Andreas Schlegel
+ * 
+ * This library is free software; you can redistribute it and/or
+ * modify it under the terms of the GNU Lesser General Public License
+ * as published by the Free Software Foundation; either version 2.1
+ * of the License, or (at your option) any later version.
+ * This library is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
+ * Lesser General Public License for more details.
+ * 
+ * You should have received a copy of the GNU Lesser General
+ * Public License along with this library; if not, write to the
+ * Free Software Foundation, Inc., 59 Temple Place, Suite 330,
+ * Boston, MA 02111-1307 USA
+ * 
+ * @author Andreas Schlegel (http://www.sojamo.de)
+ * @modified ##date##
+ * @version ##version##
+ * 
+ */
+
+import processing.core.PApplet;
+import processing.core.PGraphics;
+
+/**
+ * A knob is a circular slider which can be used with a limited and unlimited range. Knobs come in 3
+ * designs LINE, ARC and ELIPSE and can be controller with both the mouse and the mouse wheel.
+ * 
+ * @example controllers/ControlP5knob
+ */
+public class Knob extends Controller< Knob > {
+
+	protected float _myDiameter;
+	protected float _myRadius;
+	protected float myAngle;
+	protected float startAngle;
+	protected float angleRange;
+	protected float resolution = 200.0f; // sensitivity.
+	protected int _myTickMarksNum = 8;
+	protected boolean isShowTickMarks;
+	protected boolean isSnapToTickMarks;
+	protected int myTickMarkLength = 2;
+	protected float myTickMarkWeight = 1;
+	protected boolean isShowAngleRange = true;
+	protected float currentValue;
+	protected float previousValue;
+	protected float modifiedValue;
+	protected boolean isConstrained;
+	protected int _myDragDirection = HORIZONTAL;
+	protected int viewStyle = LINE;
+	public static int autoWidth = 39;
+	public static int autoHeight = 39;
+	protected float[] autoSpacing = new float[] { 10 , 20 };
+
+	private float scrollSensitivity = 1.0f / resolution;
+
+	/**
+	 * Convenience constructor to extend Knob.
+	 * 
+	 * @example use/ControlP5extendController
+	 * @param theControlP5
+	 * @param theName
+	 */
+	public Knob( ControlP5 theControlP5 , String theName ) {
+		this( theControlP5 , theControlP5.getDefaultTab( ) , theName , 0 , 100 , 0 , 0 , 0 , autoWidth );
+		theControlP5.register( theControlP5.papplet , theName , this );
+	}
+
+	/**
+	 * @exclude
+	 */
+	public Knob( ControlP5 theControlP5 , ControllerGroup< ? > theParent , String theName , float theMin , float theMax , float theDefaultValue , int theX , int theY , int theWidth ) {
+		super( theControlP5 , theParent , theName , theX , theY , theWidth , theWidth );
+		_myValue = theDefaultValue;
+		setMin( theMin );
+		setMax( theMax );
+		_myDiameter = theWidth;
+		_myRadius = _myDiameter / 2;
+		_myUnit = ( _myMax - _myMin ) / ControlP5Constants.TWO_PI;
+		startAngle = HALF_PI + PI * 0.25f;
+		angleRange = PI + HALF_PI;
+		myAngle = startAngle;
+		isConstrained = true;
+		getCaptionLabel( ).align( CENTER , BOTTOM_OUTSIDE );
+		setViewStyle( ARC );
+	}
+
+	@Override public Knob setSize( int theWidth , int theHeight ) {
+		return setRadius( theWidth / 2 );
+	}
+
+	public Knob setRadius( float theValue ) {
+		_myRadius = theValue;
+		_myDiameter = _myRadius * 2;
+		setWidth( ( int ) _myDiameter );
+		setHeight( ( int ) _myDiameter );
+		return this;
+	}
+
+	public float getRadius( ) {
+		return _myRadius;
+	}
+
+	/**
+	 * The start angle is a value between 0 and TWO_PI. By default the start angle is set to HALF_PI
+	 * + PI * 0.25f
+	 */
+	public Knob setStartAngle( float theAngle ) {
+		startAngle = theAngle;
+		setInternalValue( modifiedValue );
+		return this;
+	}
+
+	/**
+	 * get the start angle, 0 is at 3 o'clock.
+	 */
+	public float getStartAngle( ) {
+		return startAngle;
+	}
+
+	/**
+	 * set the range in between which the know operates. By default the range is PI + HALF_PI
+	 */
+	public Knob setAngleRange( float theRange ) {
+		angleRange = theRange;
+		setInternalValue( modifiedValue );
+		return this;
+	}
+
+	public float getAngleRange( ) {
+		return angleRange;
+	}
+
+	public float getAngle( ) {
+		return myAngle;
+	}
+
+	public boolean isShowAngleRange( ) {
+		return isShowAngleRange;
+	}
+
+	public Knob setShowAngleRange( boolean theValue ) {
+		isShowAngleRange = theValue;
+		return this;
+	}
+
+	/**
+	 * Sets the drag direction, when controlling a knob, parameter is either Controller.HORIZONTAL
+	 * or Controller.VERTICAL.
+	 * 
+	 * @param theValue
+	 *            must be Controller.HORIZONTAL or Controller.VERTICAL
+	 * @return Knob
+	 */
+	public Knob setDragDirection( int theValue ) {
+		if ( theValue == HORIZONTAL ) {
+			_myDragDirection = HORIZONTAL;
+		} else {
+			_myDragDirection = VERTICAL;
+		}
+		return this;
+	}
+
+	/**
+	 * Gets the drag direction which is either Controller.HORIZONTAL or Controller.VERTICAL.
+	 * 
+	 * @return int returns Controller.HORIZONTAL or Controller.VERTICAL
+	 */
+	public int getDragDirection( ) {
+		return _myDragDirection;
+	}
+
+	/**
+	 * resolution is a sensitivity value when dragging a knob. the higher the value, the more
+	 * sensitive the dragging.
+	 */
+	public Knob setResolution( float theValue ) {
+		resolution = theValue;
+		return this;
+	}
+
+	public float getResolution( ) {
+		return resolution;
+	}
+
+	public Knob setNumberOfTickMarks( int theNumber ) {
+		_myTickMarksNum = theNumber;
+		showTickMarks( );
+		return this;
+	}
+
+	public int getNumberOfTickMarks( ) {
+		return _myTickMarksNum;
+	}
+
+	public Knob showTickMarks( ) {
+		isShowTickMarks = true;
+		return this;
+	}
+
+	public Knob hideTickMarks( ) {
+		isShowTickMarks = false;
+		return this;
+	}
+
+	public boolean isShowTickMarks( ) {
+		return isShowTickMarks;
+	}
+
+	public Knob snapToTickMarks( boolean theFlag ) {
+		isSnapToTickMarks = theFlag;
+		update( );
+		return this;
+	}
+
+	public Knob setTickMarkLength( int theLength ) {
+		myTickMarkLength = theLength;
+		return this;
+	}
+
+	public int getTickMarkLength( ) {
+		return myTickMarkLength;
+	}
+
+	public Knob setTickMarkWeight( float theWeight ) {
+		myTickMarkWeight = theWeight;
+		return this;
+	}
+
+	public float getTickMarkWeight( ) {
+		return myTickMarkWeight;
+	}
+
+	public Knob setConstrained( boolean theValue ) {
+		isConstrained = theValue;
+		if ( !isConstrained ) {
+			setShowAngleRange( false );
+		} else {
+			setShowAngleRange( true );
+		}
+		return this;
+	}
+
+	public boolean isConstrained( ) {
+		return isConstrained;
+	}
+
+	/**
+	 * @exclude
+	 */
+	@Override @ControlP5.Invisible public Knob updateInternalEvents( PApplet theApplet ) {
+		if ( isMousePressed && !cp5.isAltDown( ) ) {
+			if ( isActive ) {
+				float c = ( _myDragDirection == HORIZONTAL ) ? _myControlWindow.mouseX - _myControlWindow.pmouseX : _myControlWindow.mouseY - _myControlWindow.pmouseY;
+				currentValue += ( c ) / resolution;
+				if ( isConstrained ) {
+					currentValue = PApplet.constrain( currentValue , 0 , 1 );
+				}
+				setInternalValue( currentValue );
+			}
+		}
+		return this;
+	}
+
+	protected void onEnter( ) {
+		isActive = true;
+	}
+
+	protected void onLeave( ) {
+		isActive = false;
+	}
+
+	/**
+	 * @exclude {@inheritDoc}
+	 */
+	@Override @ControlP5.Invisible public void mousePressed( ) {
+		float x = x(_myParent.getAbsolutePosition( )) + x(position) + _myRadius;
+		float y = y(_myParent.getAbsolutePosition( )) + y(position) + _myRadius;
+		if ( PApplet.dist( x , y , _myControlWindow.mouseX , _myControlWindow.mouseY ) < _myRadius ) {
+			isActive = true;
+			if ( PApplet.dist( x , y , _myControlWindow.mouseX , _myControlWindow.mouseY ) > ( _myRadius * 0.6 ) ) {
+				myAngle = ( PApplet.atan2( _myControlWindow.mouseY - y , _myControlWindow.mouseX - x ) - startAngle );
+				if ( myAngle < 0 ) {
+					myAngle = TWO_PI + myAngle;
+				}
+				if ( isConstrained ) {
+					myAngle %= TWO_PI;
+				}
+				currentValue = PApplet.map( myAngle , 0 , angleRange , 0 , 1 );
+				setInternalValue( currentValue );
+
+			}
+		}
+	}
+
+	/**
+	 * @exclude {@inheritDoc}
+	 */
+	@Override @ControlP5.Invisible public void mouseReleasedOutside( ) {
+		isActive = false;
+	}
+
+	@Override public Knob setMin( float theValue ) {
+		_myMin = theValue;
+		return this;
+	}
+
+	@Override public Knob setMax( float theValue ) {
+		_myMax = theValue;
+		return this;
+	}
+
+	public Knob setRange( float theMin , float theMax ) {
+		setMin( theMin );
+		setMax( theMax );
+		update( );
+		return this;
+	}
+
+	protected void setInternalValue( float theValue ) {
+		modifiedValue = ( isSnapToTickMarks ) ? PApplet.round( ( theValue * _myTickMarksNum ) ) / ( ( float ) _myTickMarksNum ) : theValue;
+		currentValue = theValue;
+		myAngle = PApplet.map( isSnapToTickMarks == true ? modifiedValue : currentValue , 0 , 1 , startAngle , startAngle + angleRange );
+
+		if ( isSnapToTickMarks ) {
+			if ( previousValue != modifiedValue && isSnapToTickMarks ) {
+				broadcast( FLOAT );
+				_myValueLabel.set( adjustValue( getValue( ) ) );
+				previousValue = modifiedValue;
+				return;
+			}
+		}
+		if ( previousValue != currentValue ) {
+			broadcast( FLOAT );
+			_myValueLabel.set( adjustValue( getValue( ) ) );
+			previousValue = modifiedValue;
+		}
+	}
+
+	@Override public Knob setValue( float theValue ) {
+		theValue = PApplet.map( theValue , _myMin , _myMax , 0 , 1 );
+		if ( isConstrained ) {
+			theValue = PApplet.constrain( theValue , 0 , 1 );
+		}
+		_myValueLabel.set( adjustValue( getValue( ) ) );
+		setInternalValue( theValue );
+		return this;
+	}
+
+	@Override public float getValue( ) {
+		_myValue = PApplet.map( _myTickMarksNum > 0 ? modifiedValue : currentValue , 0 , 1 , _myMin , _myMax );
+		return _myValue;
+	}
+
+	/**
+	 * Assigns a random value to the controller.
+	 */
+	public Knob shuffle( ) {
+		float r = ( float ) Math.random( );
+		setValue( PApplet.map( r , 0 , 1 , getMin( ) , getMax( ) ) );
+		return this;
+	}
+
+	/**
+	 * Sets the sensitivity for the scroll behavior when using the mouse wheel or the scroll
+	 * function of a multi-touch track pad. The smaller the value (closer to 0) the higher the
+	 * sensitivity.
+	 * 
+	 * @param theValue
+	 * @return Knob
+	 */
+	public Knob setScrollSensitivity( float theValue ) {
+		scrollSensitivity = theValue;
+		return this;
+	}
+
+	/**
+	 * Changes the value of the knob when hovering and using the mouse wheel or the scroll function
+	 * of a multi-touch track pad.
+	 */
+	@ControlP5.Invisible public Knob scrolled( int theRotationValue ) {
+		float f = getValue( );
+		float steps = isSnapToTickMarks ? ( 1.0f / getNumberOfTickMarks( ) ) : scrollSensitivity;
+		f += ( getMax( ) - getMin( ) ) * ( -theRotationValue * steps );
+		setValue( f );
+		return this;
+	}
+
+	/**
+	 * @exclude
+	 */
+	@Override @ControlP5.Invisible public Knob update( ) {
+		setValue( _myValue );
+		return this;
+	}
+
+	/**
+	 * set the display style of a knob. takes parameters Knob.LINE, Knob.ELLIPSE or Knob.ARC.
+	 * default style is Knob.LINE
+	 * 
+	 * @param theStyle
+	 *            use Knob.LINE, Knob.ELLIPSE or Knob.ARC
+	 * @return Knob
+	 */
+	public Knob setViewStyle( int theStyle ) {
+		viewStyle = theStyle;
+		return this;
+	}
+
+	public int getViewStyle( ) {
+		return viewStyle;
+	}
+
+	/**
+	 * @exclude {@inheritDoc}
+	 */
+	@Override @ControlP5.Invisible public Knob updateDisplayMode( int theMode ) {
+		_myDisplayMode = theMode;
+		switch ( theMode ) {
+		case ( DEFAULT ):
+			_myControllerView = new KnobView( );
+			break;
+		case ( SPRITE ):
+		case ( IMAGE ):
+			_myControllerView = new KnobView( );
+			break;
+		case ( CUSTOM ):
+		default:
+			break;
+		}
+		return this;
+	}
+
+	class KnobView implements ControllerView< Knob > {
+
+		public void display( PGraphics theGraphics , Knob theController ) {
+			theGraphics.translate( ( int ) getRadius( ) , ( int ) getRadius( ) );
+
+			theGraphics.pushMatrix( );
+			theGraphics.ellipseMode( PApplet.CENTER );
+			theGraphics.noStroke( );
+			theGraphics.fill( getColor( ).getBackground( ) );
+			theGraphics.ellipse( 0 , 0 , getRadius( ) * 2 , getRadius( ) * 2 );
+			theGraphics.popMatrix( );
+			int c = isActive( ) ? getColor( ).getActive( ) : getColor( ).getForeground( );
+			theGraphics.pushMatrix( );
+			if ( getViewStyle( ) == Controller.LINE ) {
+				theGraphics.rotate( getAngle( ) );
+				theGraphics.stroke( c );
+				theGraphics.strokeWeight( getTickMarkWeight( ) );
+				theGraphics.line( 0 , 0 , getRadius( ) , 0 );
+			} else if ( getViewStyle( ) == Controller.ELLIPSE ) {
+				theGraphics.rotate( getAngle( ) );
+				theGraphics.fill( c );
+				theGraphics.ellipse( getRadius( ) * 0.75f , 0 , getRadius( ) * 0.2f , getRadius( ) * 0.2f );
+			} else if ( getViewStyle( ) == Controller.ARC ) {
+				theGraphics.fill( c );
+				theGraphics.arc( 0 , 0 , getRadius( ) * 1.8f , getRadius( ) * 1.8f , getStartAngle( ) , getAngle( ) + ( ( getStartAngle( ) == getAngle( ) ) ? 0.06f : 0f ) );
+				theGraphics.fill( theGraphics.red( getColor( ).getBackground( ) ) , theGraphics.green( getColor( ).getBackground( ) ) , theGraphics.blue( getColor( ).getBackground( ) ) , 255 );
+				theGraphics.ellipse( 0 , 0 , getRadius( ) * 1.2f , getRadius( ) * 1.2f );
+			}
+			theGraphics.popMatrix( );
+
+			theGraphics.pushMatrix( );
+			theGraphics.rotate( getStartAngle( ) );
+
+			if ( isShowTickMarks( ) ) {
+				float step = getAngleRange( ) / getNumberOfTickMarks( );
+				theGraphics.stroke( getColor( ).getForeground( ) );
+				theGraphics.strokeWeight( getTickMarkWeight( ) );
+				for ( int i = 0 ; i <= getNumberOfTickMarks( ) ; i++ ) {
+					theGraphics.line( getRadius( ) + 2 , 0 , getRadius( ) + getTickMarkLength( ) + 2 , 0 );
+					theGraphics.rotate( step );
+				}
+			} else {
+				if ( isShowAngleRange( ) ) {
+					theGraphics.stroke( getColor( ).getForeground( ) );
+					theGraphics.strokeWeight( getTickMarkWeight( ) );
+					theGraphics.line( getRadius( ) + 2 , 0 , getRadius( ) + getTickMarkLength( ) + 2 , 0 );
+					theGraphics.rotate( getAngleRange( ) );
+					theGraphics.line( getRadius( ) + 2 , 0 , getRadius( ) + getTickMarkLength( ) + 2 , 0 );
+				}
+			}
+			theGraphics.noStroke( );
+			theGraphics.popMatrix( );
+
+			theGraphics.pushMatrix( );
+			theGraphics.translate( -getWidth( ) / 2 , -getHeight( ) / 2 );
+			if ( isLabelVisible ) {
+				_myCaptionLabel.draw( theGraphics , 0 , 0 , theController );
+				_myValueLabel.align( ControlP5.CENTER , ControlP5.CENTER );
+				_myValueLabel.draw( theGraphics , 0 , 0 , theController );
+			}
+			theGraphics.popMatrix( );
+
+		}
+	}
+
+	/**
+	 * @exclude
+	 * @deprecated
+	 */
+	@Deprecated public Knob setOffsetAngle( float theValue ) {
+		return setStartAngle( theValue );
+	}
+
+	/**
+	 * @exclude
+	 * @deprecated
+	 */
+	@Deprecated public float value( ) {
+		return getValue( );
+	}
+
+	/**
+	 * @exclude
+	 * @deprecated
+	 */
+	@Deprecated public Knob setDisplayStyle( int theStyle ) {
+		viewStyle = theStyle;
+		return this;
+	}
+
+	/**
+	 * @exclude
+	 * @deprecated
+	 */
+	@Deprecated public int getDisplayStyle( ) {
+		return viewStyle;
+	}
+
+	/**
+	 * @exclude
+	 * @deprecated
+	 */
+	@Deprecated @ControlP5.Invisible public Knob setSensitivity( float theValue ) {
+		scrollSensitivity = theValue;
+		return this;
+	}
+
+	/**
+	 * @exclude
+	 * @deprecated
+	 */
+	@Deprecated public Knob showTickMarks( boolean theFlag ) {
+		isShowTickMarks = theFlag;
+		return this;
+	}
+
+}
+/* settings for:
+ * 
+ * TODO tickmarks: distance from edge
+ * 
+ * TODO only start-end marks if isLimited and tickmarks are off.
+ * 
+ * TODO arc: add setter for distance to center + distance to edge currently percental.
+ * 
+ * TODO enable/disable drag and click control (for endless, click should be disabled).
+ * 
+ * TODO dragging: add another option to control the knob. currently only linear dragging is
+ * implemented, add circular dragging (as before) as well */
+
+/* (non-Javadoc)
+ * 
+ * @see controlP5.Controller#updateInternalEvents(processing.core.PApplet) */
diff --git a/src/controlP5/Label.java b/src/controlP5/Label.java
new file mode 100755
index 0000000..1e756d6
--- /dev/null
+++ b/src/controlP5/Label.java
@@ -0,0 +1,531 @@
+package controlP5;
+
+/**
+ * controlP5 is a processing gui library.
+ * 
+ * 2006-2012 by Andreas Schlegel
+ * 
+ * This library is free software; you can redistribute it
+ * and/or modify it under the terms of the GNU Lesser
+ * General Public License as published by the Free Software
+ * Foundation; either version 2.1 of the License, or (at
+ * your option) any later version. This library is
+ * distributed in the hope that it will be useful, but
+ * WITHOUT ANY WARRANTY; without even the implied warranty
+ * of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.
+ * See the GNU Lesser General Public License for more
+ * details.
+ * 
+ * You should have received a copy of the GNU Lesser General
+ * Public License along with this library; if not, write to
+ * the Free Software Foundation, Inc., 59 Temple Place,
+ * Suite 330, Boston, MA 02111-1307 USA
+ * 
+ * @author Andreas Schlegel (http://www.sojamo.de)
+ * @modified ##date##
+ * @version ##version##
+ * 
+ */
+
+import processing.core.PFont;
+import processing.core.PGraphics;
+
+/**
+ * A custom label using controlP5's BitFonts or PFont based
+ * ControlFonts.
+ * 
+ * 
+ * @see controlP5.ControlFont
+ * @example controllers/ControlP5Textlabel
+ * 
+ */
+public class Label implements CDrawable {
+
+	protected int _myLetterSpacing = 0;
+	protected boolean isMultiline;
+	protected boolean isFixedSize;
+	protected ControllerStyle _myControllerStyle = new ControllerStyle( );
+	protected boolean isVisible = true;
+	protected int _myColor = 0xffffffff;
+	protected boolean isColorBackground;
+	protected boolean isToUpperCase = true;
+	protected boolean changed;
+	protected int _myColorBackground = 0xffffffff;
+	protected int _myHeight = -1;
+	protected int _myWidth = -1;
+	protected String _myText = "";
+	protected ControlFont _myFontLabel;
+	protected int _myLineHeight = 0;
+	protected int alignX = ControlP5.LEFT;
+	protected int alignY = ControlP5.LEFT;
+	protected int textAlign = ControlP5.LEFT;
+	public static int paddingX = 4;
+	public static int paddingY = 4;
+	public int _myPaddingX = paddingX;
+	public int _myPaddingY = paddingY;
+	protected Labeltype _myLabeltype;
+	protected int _myTextHeight = 1;
+	protected float offsetYratio = 0;
+	private ControlP5 cp5;
+
+	private Label( Label theLabel ) {
+		_myText = theLabel.getText( );
+		isToUpperCase = theLabel.isToUpperCase( );
+		_myLetterSpacing = theLabel.getLetterSpacing( );
+		_myLineHeight = theLabel.getLineHeight( );
+		_myFontLabel = theLabel.getFont( );
+		_myLabeltype = theLabel.getLabeltype( );
+	}
+
+	public Label( ControlP5 theControlP5 , String theValue ) {
+		init( theControlP5 , theValue , 0 , 0 , _myColor );
+	}
+
+	public Label( ControlP5 theControlP5 , String theValue , int theWidth , int theHeight , int theColor ) {
+		init( theControlP5 , theValue , theWidth , theHeight , theColor );
+	}
+
+	private void init( ControlP5 theControlP5 , String theValue , int theWidth , int theHeight , int theColor ) {
+		cp5 = theControlP5;
+		_myWidth = theWidth;
+		_myHeight = theHeight;
+		_myText = theValue;
+		_myColor = theColor;
+		setLabeltype( new SinglelineLabel( ) );
+		setFont( cp5.controlFont );
+		setLabeltype( new SinglelineLabel( ) );
+		set( _myText );
+		_myControllerStyle = new ControllerStyle( );
+	}
+
+	Label setLabeltype( Labeltype theType ) {
+		_myLabeltype = theType;
+		return this;
+	}
+
+	Labeltype getLabeltype( ) {
+		return _myLabeltype;
+	}
+
+	public Label align( int[] a ) {
+		alignX = a[ 0 ];
+		alignY = a[ 1 ];
+		return this;
+	}
+
+	public Label align( int theX , int theY ) {
+		alignX = theX;
+		alignY = theY;
+		return this;
+	}
+
+	public Label alignX( int theX ) {
+		alignX = theX;
+		return this;
+	}
+
+	public Label alignY( int theY ) {
+		alignY = theY;
+		return this;
+	}
+
+	public int[] getAlign( ) {
+		return new int[] { alignX , alignY };
+	}
+
+	public Label setPadding( int thePaddingX , int thePaddingY ) {
+		_myPaddingX = thePaddingX;
+		_myPaddingY = thePaddingY;
+		return this;
+	}
+
+	public Label setPaddingX( int thePaddingX ) {
+		_myPaddingX = thePaddingX;
+		return this;
+	}
+
+	public Label setPaddingY( int thePaddingY ) {
+		_myPaddingY = thePaddingY;
+		return this;
+	}
+
+	public void draw( PGraphics theGraphics , int theX , int theY , ControllerInterface< ? > theController ) {
+		if ( isVisible ) {
+			getLabeltype( ).draw( this , theGraphics , theX , theY , theController );
+		}
+	}
+
+	public void draw( PGraphics theGraphics , int theX , int theY , int theW , int theH ) {
+		if ( isVisible ) {
+			getLabeltype( ).draw( this , theGraphics , theX , theY , theW , theH );
+		}
+	}
+
+	@Override public void draw( PGraphics theGraphics ) {
+		if ( isVisible ) {
+			_myFontLabel.adjust( theGraphics , this );
+			draw( theGraphics , 0 , 0 );
+		}
+	}
+
+	public void draw( PGraphics theGraphics , int theX , int theY ) {
+		if ( isVisible ) {
+			theGraphics.pushMatrix( );
+			theGraphics.translate( _myControllerStyle.marginLeft , _myControllerStyle.marginTop );
+			theGraphics.translate( theX , theY );
+
+			if ( isColorBackground ) {
+
+				float ww = getStyle( ).paddingRight + getStyle( ).paddingLeft;
+				if ( getStyle( ).backgroundWidth > -1 ) {
+					ww += _myControllerStyle.backgroundWidth;
+				} else {
+					ww += _myFontLabel.getWidth( );
+				}
+				float hh = getStyle( ).paddingBottom + getStyle( ).paddingTop;
+				if ( getStyle( ).backgroundHeight > -1 ) {
+					hh += getStyle( ).backgroundHeight;
+				} else {
+					hh += _myFontLabel.getHeight( );
+				}
+				theGraphics.fill( _myColorBackground );
+				theGraphics.rect( 0 , 1 , ww , hh );
+			}
+			theGraphics.translate( _myControllerStyle.paddingLeft , _myControllerStyle.paddingTop );
+			_myFontLabel.draw( theGraphics , this );
+			theGraphics.popMatrix( );
+		}
+	}
+
+	public Label hide( ) {
+		return setVisible( false );
+	}
+
+	public Label show( ) {
+		return setVisible( true );
+	}
+
+	public Label setVisible( boolean theValue ) {
+		isVisible = theValue;
+		return this;
+	}
+
+	public Label updateFont( ControlFont theFont ) {
+		return setFont( theFont );
+	}
+
+	public Label set( String theValue ) {
+		return setText( theValue );
+	}
+
+	public Label setText( String theValue ) {
+		_myText = theValue;
+		setChanged( true );
+		return this;
+	}
+
+	public Label setFixedSize( boolean theValue ) {
+		isFixedSize = theValue;
+		return this;
+	}
+
+	public boolean isFixedSize( ) {
+		return isMultiline ? false : isFixedSize;
+	}
+
+	public String getText( ) {
+		return _myText;
+	}
+
+	public String getTextFormatted( ) {
+		return getLabeltype( ).getTextFormatted( );
+	}
+
+	public ControllerStyle getStyle( ) {
+		return _myControllerStyle;
+	}
+
+	public Label setWidth( int theWidth ) {
+		_myWidth = theWidth;
+		setChanged( true );
+		return this;
+	}
+
+	public Label setHeight( int theHeight ) {
+		_myHeight = theHeight;
+		setChanged( true );
+		return this;
+	}
+
+	public int getWidth( ) {
+		return _myLabeltype.getWidth( );
+	}
+
+	public int getHeight( ) {
+		return _myLabeltype.getHeight( );
+	}
+
+	public int getOverflow( ) {
+		return getLabeltype( ).getOverflow( );
+	}
+
+	public Label setMultiline( boolean theValue ) {
+		isMultiline = theValue;
+		_myLabeltype = ( isMultiline ) ? new MultilineLabel( ) : new SinglelineLabel( );
+		return this;
+	}
+
+	public Label toUpperCase( boolean theValue ) {
+		isToUpperCase = theValue;
+		setChanged( true );
+		return this;
+	}
+
+	public ControlFont getFont( ) {
+		return _myFontLabel;
+	}
+
+	public Label setFont( int theBitFontIndex ) {
+		ControlP5.logger.warning( "BitFont is now of type PFont, use setFont(PFont) instead." );
+		return this;
+	}
+
+	public Label setFont( PFont thePFont ) {
+		return setFont( new ControlFont( thePFont ) );
+	}
+
+	public Label setFont( ControlFont theFont ) {
+		setLineHeight( theFont.getSize( ) );
+		_myFontLabel = new ControlFont( theFont.getFont( ) , theFont.getSize( ) );
+		_myFontLabel.init( this );
+		setChanged( true );
+		return this;
+	}
+
+	public Label setSize( int theSize ) {
+		_myFontLabel.setSize( theSize );
+		return this;
+	}
+
+	protected boolean isChanged( ) {
+		return changed;
+	}
+
+	protected Label setChanged( boolean theValue ) {
+		changed = theValue;
+		return this;
+	}
+
+	Label setTextHeight( int theHeight ) {
+		_myTextHeight = theHeight;
+		return this;
+	}
+
+	public int getTextHeight( ) {
+		return _myFontLabel.getTextHeight( );
+	}
+
+	public int getLineHeight( ) {
+		return _myLineHeight;
+	}
+
+	public Label setOffsetY( int theValue ) {
+		return this;
+	}
+
+	public Label setOffsetYratio( float theValue ) {
+		offsetYratio = theValue;
+		setChanged( true );
+		return this;
+	}
+
+	public float getOffsetYratio( ) {
+		return offsetYratio;
+	}
+
+	public Label setLineHeight( int theValue ) {
+		_myLineHeight = theValue;
+		setChanged( true );
+		return this;
+	}
+
+	public Label setColor( int theValue , boolean theFlag ) {
+		setColor( theValue );
+		setFixedSize( theFlag );
+		return this;
+	}
+
+	public Label setColor( int theColor ) {
+		_myColor = theColor;
+		setChanged( true );
+		return this;
+	}
+
+	public int getColor( ) {
+		return _myColor;
+	}
+
+	public Label setColorBackground( int theColor ) {
+		enableColorBackground( );
+		_myColorBackground = theColor;
+		return this;
+	}
+
+	public Label disableColorBackground( ) {
+		isColorBackground = false;
+		return this;
+	}
+
+	public Label enableColorBackground( ) {
+		isColorBackground = true;
+		return this;
+	}
+
+	public int getLetterSpacing( ) {
+		return _myLetterSpacing;
+	}
+
+	public Label setLetterSpacing( int theValue ) {
+		_myLetterSpacing = theValue;
+		setChanged( true );
+		return this;
+	}
+
+	public boolean isMultiline( ) {
+		return isMultiline;
+	}
+
+	public boolean isVisible( ) {
+		return isVisible;
+	}
+
+	public boolean isToUpperCase( ) {
+		return isToUpperCase;
+	}
+
+	protected Label copy( ) {
+		return new Label( this );
+	}
+
+	interface Labeltype {
+
+		public void draw( Label theLabel , PGraphics theGraphics , int theX , int theY , ControllerInterface< ? > theController );
+		public void draw( Label theLabel , PGraphics theGraphics , int theX , int theY , int theW , int theH );
+		public int getWidth( );
+		public int getHeight( );
+		public int getOverflow( );
+		public String getTextFormatted( );
+	}
+
+	class SinglelineTextfield extends SinglelineLabel {
+
+		public String getTextFormatted( ) {
+			return _myText;
+		}
+	}
+
+	class SinglelineLabel implements Labeltype {
+
+		private void align( PGraphics theGraphics , int theAlignX , int theAlignY , int theW , int theH ) {
+			int x = 0;
+			int y = 0;
+			switch ( theAlignX ) {
+			case ( ControlP5.CENTER ):
+				x = ( theW - _myFontLabel.getWidth( ) ) / 2;
+				break;
+			case ( ControlP5.LEFT ):
+				x = _myPaddingX;
+				break;
+			case ( ControlP5.RIGHT ):
+				x = theW - _myFontLabel.getWidth( ) - _myPaddingX;
+				break;
+			case ( ControlP5.LEFT_OUTSIDE ):
+				x = -_myFontLabel.getWidth( ) - _myPaddingX;
+				break;
+			case ( ControlP5.RIGHT_OUTSIDE ):
+				x = theW + _myPaddingX;
+				break;
+			}
+			switch ( theAlignY ) {
+			case ( ControlP5.CENTER ):
+				y = theH / 2 + _myFontLabel.getTop( ) - _myFontLabel.getCenter( );
+				break;
+			case ( ControlP5.TOP ):
+				y = 0;
+				break;
+			case ( ControlP5.BOTTOM ):
+				y = theH - _myFontLabel.getHeight( ) - 1;
+				break;
+			case ( ControlP5.BASELINE ):
+				y = theH + _myFontLabel.getTop( ) - 1;
+				break;
+			case ( ControlP5.BOTTOM_OUTSIDE ):
+				y = theH + _myPaddingY;
+				break;
+			case ( ControlP5.TOP_OUTSIDE ):
+				y = -_myFontLabel.getHeight( ) - _myPaddingY;
+				break;
+			}
+			theGraphics.translate( x , y );
+		}
+
+		@Override public void draw( Label theLabel , PGraphics theGraphics , int theX , int theY , int theW , int theH ) {
+			_myFontLabel.adjust( theGraphics , theLabel );
+			theGraphics.pushMatrix( );
+			align( theGraphics , alignX , alignY , theW , theH );
+			theLabel.draw( theGraphics , theX , theY );
+			theGraphics.popMatrix( );
+		}
+
+		@Override public void draw( Label theLabel , PGraphics theGraphics , int theX , int theY , ControllerInterface< ? > theController ) {
+			draw( theLabel , theGraphics , theX , theY , theController.getWidth( ) , theController.getHeight( ) );
+		}
+
+		@Override public int getWidth( ) {
+			return isFixedSize ? _myWidth : _myFontLabel.getWidth( );
+		}
+
+		@Override public int getHeight( ) {
+			return _myFontLabel.getHeight( );
+		}
+
+		@Override public int getOverflow( ) {
+			return -1;
+		}
+
+		@Override public String getTextFormatted( ) {
+			return ( isToUpperCase ? _myText.toUpperCase( ) : _myText );
+		}
+	}
+
+	class MultilineLabel implements Labeltype {
+
+		@Override public void draw( Label theLabel , PGraphics theGraphics , int theX , int theY , int theW , int theH ) {
+			_myFontLabel.adjust( theGraphics , theLabel );
+			theLabel.draw( theGraphics , theX , theY );
+		}
+
+		@Override public void draw( Label theLabel , PGraphics theGraphics , int theX , int theY , ControllerInterface< ? > theController ) {
+			_myFontLabel.adjust( theGraphics , theLabel );
+			theLabel.draw( theGraphics , theX , theY );
+		}
+
+		@Override public int getWidth( ) {
+			return _myWidth;
+		}
+
+		@Override public int getHeight( ) {
+			return _myHeight;
+		}
+
+		@Override public int getOverflow( ) {
+			return _myFontLabel.getOverflow( );
+		}
+
+		@Override public String getTextFormatted( ) {
+			return ( isToUpperCase ? _myText.toUpperCase( ) : _myText );
+		}
+
+	}
+
+}
diff --git a/src/controlP5/ListBox.java b/src/controlP5/ListBox.java
new file mode 100755
index 0000000..2612e9a
--- /dev/null
+++ b/src/controlP5/ListBox.java
@@ -0,0 +1,469 @@
+package controlP5;
+
+/**
+ * controlP5 is a processing gui library.
+ * 
+ * 2006-2012 by Andreas Schlegel
+ * 
+ * This library is free software; you can redistribute it and/or
+ * modify it under the terms of the GNU Lesser General Public License
+ * as published by the Free Software Foundation; either version 2.1
+ * of the License, or (at your option) any later version.
+ * This library is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
+ * Lesser General Public License for more details.
+ * 
+ * You should have received a copy of the GNU Lesser General
+ * Public License along with this library; if not, write to the
+ * Free Software Foundation, Inc., 59 Temple Place, Suite 330,
+ * Boston, MA 02111-1307 USA
+ * 
+ * @author Andreas Schlegel (http://www.sojamo.de)
+ * @modified ##date##
+ * @version ##version##
+ * 
+ */
+
+import static controlP5.ControlP5.b;
+
+import java.util.ArrayList;
+import java.util.Arrays;
+import java.util.Collections;
+import java.util.HashMap;
+import java.util.List;
+import java.util.Map;
+
+import processing.core.PApplet;
+import processing.core.PGraphics;
+import processing.event.KeyEvent;
+
+/**
+ * A ListBox is a list of vertically aligned items which can be scrolled if required.
+ * 
+ * @see controlP5.ListBox
+ * @example controllers/ControlP5listBox
+ */
+public class ListBox extends Controller< ListBox > implements ControlListener {
+
+	private int _myType = LIST;
+	protected int _myBackgroundColor = 0x00ffffff;
+	protected int itemHeight = 13;
+	protected int barHeight = 10;
+	private float scrollSensitivity = 1;
+	private boolean isOpen = true;
+	protected List< Map< String , Object > > items;
+	protected int itemRange = 5;
+	protected int itemHover = -1;
+	private int itemIndexOffset = 0;
+	private int itemSpacing = 1;
+	private int _myDirection = PApplet.DOWN;
+	private boolean isBarVisible = true;
+	static public final int LIST = ControlP5.LIST;
+	static public final int DROPDOWN = ControlP5.DROPDOWN;
+	static public final int CHECKBOX = ControlP5.CHECKBOX; /* TODO */
+	static public final int TREE = ControlP5.TREE; /* TODO */
+
+	public ListBox( ControlP5 theControlP5 , String theName ) {
+		this( theControlP5 , theControlP5.getDefaultTab( ) , theName , 0 , 0 , 99 , 199 );
+		theControlP5.register( theControlP5.papplet , theName , this );
+	}
+
+	protected ListBox( ControlP5 theControlP5 , ControllerGroup< ? > theGroup , String theName , int theX , int theY , int theW , int theH ) {
+		super( theControlP5 , theGroup , theName , theX , theY , theW , theH );
+		items = new ArrayList< Map< String , Object > >( );
+		updateHeight( );
+	}
+
+	public boolean isOpen( ) {
+		return isOpen;
+	}
+
+	public ListBox open( ) {
+		return setOpen( true );
+	}
+
+	public ListBox close( ) {
+		return setOpen( false );
+	}
+
+	public ListBox setOpen( boolean b ) {
+		isOpen = b;
+		return this;
+	}
+
+	@Override public int getHeight( ) {
+		return isOpen ? super.getHeight( ) : barHeight;
+	}
+
+	public ListBox setType( int theType ) {
+		_myType = theType;
+		return this;
+	}
+
+	public void setDirection( int theDirection ) {
+		_myDirection = ( theDirection == PApplet.UP ) ? PApplet.UP : PApplet.DOWN;
+	}
+
+	@Override protected boolean inside( ) {
+		/* constrain the bounds of the controller to the
+		 * dimensions of the cp5 area, required since
+		 * PGraphics as render area has been introduced. */
+		float x0 = PApplet.max( 0 , x( position ) + x( _myParent.getAbsolutePosition( ) ) );
+		float x1 = PApplet.min( cp5.pgw , x( position ) + x( _myParent.getAbsolutePosition( ) ) + getWidth( ) );
+		float y0 = PApplet.max( 0 , y( position ) + y( _myParent.getAbsolutePosition( ) ) );
+		float y1 = PApplet.min( cp5.pgh , y( position ) + y( _myParent.getAbsolutePosition( ) ) + getHeight( ) );
+		if ( y1 < y0 ) {
+			float ty = y0;
+			y0 = y1;
+			y1 = ty;
+		}
+		return ( _myControlWindow.mouseX > x0 && _myControlWindow.mouseX < x1 && _myControlWindow.mouseY > ( y1 < y0 ? y1 : y0 ) && _myControlWindow.mouseY < ( y0 < y1 ? y1 : y0 ) );
+	}
+
+	@Override protected void onRelease( ) {
+		if ( !isDragged ) {
+			if ( getPointer( ).y( ) >= 0 && getPointer( ).y( ) <= barHeight ) {
+				setOpen( !isOpen( ) );
+			} else if ( isOpen ) {
+
+				double n = Math.floor( ( getPointer( ).y( ) - barHeight ) / itemHeight );
+
+				// n += itemRange; /* UP */
+				int index = ( int ) n + itemIndexOffset;
+
+				Map m = items.get( index );
+
+				switch ( _myType ) {
+				case ( LIST ):
+					setValue( index );
+					for ( Object o : items ) {
+						( ( Map ) o ).put( "state" , false );
+					}
+					m.put( "state" , !ControlP5.b( m.get( "state" ) ) );
+					break;
+				case ( DROPDOWN ):
+					setValue( index );
+					setOpen( false );
+					getCaptionLabel( ).setText( ( m.get( "text" ).toString( ) ) );
+					break;
+				case ( CHECKBOX ):
+					m.put( "state" , !ControlP5.b( m.get( "state" ) ) );
+					break;
+				}
+
+			}
+		}
+	}
+
+	@Override protected void onDrag( ) {
+		scroll( getPointer( ).dy( ) );
+	}
+
+	@Override protected void onScroll( int theValue ) {
+		scroll( theValue );
+	}
+
+	private void scroll( int theValue ) {
+		if ( isOpen ) {
+			itemIndexOffset += theValue;
+			itemIndexOffset = ( int ) ( Math.floor( Math.max( 0 , Math.min( itemIndexOffset , items.size( ) - itemRange ) ) ) );
+			itemHover = -2;
+		}
+	}
+
+	@Override protected void onLeave( ) {
+		itemHover = -1;
+	}
+
+	private void updateHover( ) {
+		if ( getPointer( ).y( ) > barHeight ) {
+			double n = Math.floor( ( getPointer( ).y( ) - barHeight ) / itemHeight );
+			itemHover = ( int ) ( itemIndexOffset + n );
+		} else {
+			itemHover = -1;
+		}
+	}
+
+	@Override protected void onEnter( ) {
+		updateHover( );
+	}
+
+	@Override protected void onMove( ) {
+		updateHover( );
+	}
+
+	@Override protected void onEndDrag( ) {
+		updateHover( );
+	}
+
+	private int updateHeight( ) {
+		itemRange = ( PApplet.abs( getHeight( ) ) - ( isBarVisible( ) ? barHeight : 0 ) ) / itemHeight;
+		return itemHeight * ( items.size( ) < itemRange ? items.size( ) : itemRange );
+	}
+
+	public ListBox setItemHeight( int theHeight ) {
+		itemHeight = theHeight;
+		updateHeight( );
+		return this;
+	}
+
+	public ListBox setBarHeight( int theHeight ) {
+		barHeight = theHeight;
+		updateHeight( );
+		return this;
+	}
+
+	public int getBarHeight( ) {
+		return barHeight;
+	}
+
+	public ListBox setScrollSensitivity( float theSensitivity ) {
+		scrollSensitivity = theSensitivity;
+		return this;
+	}
+
+	public ListBox setBarVisible( boolean b ) {
+		isBarVisible = b;
+		updateHeight( );
+		return this;
+	}
+
+	public boolean isBarVisible( ) {
+		return isBarVisible;
+	}
+
+	private Map< String , Object > getDefaultItemMap( String theName , Object theValue ) {
+		Map< String , Object > item = new HashMap< String , Object >( );
+		item.put( "name" , theName );
+		item.put( "text" , theName );
+		item.put( "value" , theValue );
+		item.put( "color" , getColor( ) );
+		item.put( "view" , new CDrawable( ) {
+			@Override public void draw( PGraphics theGraphics ) {
+			}
+
+		} );
+		item.put( "state" , false );
+		return item;
+	}
+
+	public ListBox addItem( String theName , Object theValue ) {
+		Map< String , Object > item = getDefaultItemMap( theName , theValue );
+		items.add( item );
+		return this;
+	}
+
+	public ListBox addItems( String[] theItems ) {
+		addItems( Arrays.asList( theItems ) );
+		return this;
+	}
+
+	public ListBox addItems( List< String > theItems ) {
+		for ( int i = 0 ; i < theItems.size( ) ; i++ ) {
+			addItem( theItems.get( i ).toString( ) , i );
+		}
+		return this;
+	}
+
+	public ListBox addItems( Map< String , Object > theItems ) {
+		for ( Map.Entry< String , Object > item : theItems.entrySet( ) ) {
+			addItem( item.getKey( ) , item.getValue( ) );
+		}
+		return this;
+	}
+
+	public ListBox setItems( String[] theItems ) {
+		setItems( Arrays.asList( theItems ) );
+		return this;
+	}
+
+	public ListBox setItems( List< String > theItems ) {
+		items.clear( );
+		return addItems( theItems );
+	}
+
+	public ListBox setItems( Map< String , Object > theItems ) {
+		items.clear( );
+		return addItems( theItems );
+	}
+
+	public ListBox removeItems( List< String > theItems ) {
+		for ( String s : theItems ) {
+			removeItem( s );
+		}
+		return this;
+	}
+
+	public ListBox removeItem( String theName ) {
+		if ( theName != null ) {
+
+			List l = new ArrayList( );
+			for ( Map m : items ) {
+				if ( theName.equals( m.get( "name" ) ) ) {
+					l.add( m );
+				}
+			}
+			items.removeAll( l );
+		}
+		return this;
+	}
+
+	public void updateItemIndexOffset( ) {
+		int m1 = items.size( ) > itemRange ? ( itemIndexOffset + itemRange ) : items.size( );
+		int n = ( m1 - items.size( ) );
+		if ( n >= 0 ) {
+			itemIndexOffset -= n;
+		}
+	}
+
+	public Map< String , Object > getItem( int theIndex ) {
+		return items.get( theIndex );
+	}
+
+	public Map< String , Object > getItem( String theName ) {
+		if ( theName != null ) {
+			for ( Map< String , Object > o : items ) {
+				if ( theName.equals( o.get( "name" ) ) ) {
+					return o;
+				}
+			}
+		}
+		return Collections.EMPTY_MAP;
+	}
+
+	public List getItems( ) {
+		return Collections.unmodifiableList( items );
+	}
+
+	public ListBox clear( ) {
+		for ( int i = items.size( ) - 1 ; i >= 0 ; i-- ) {
+			items.remove( i );
+		}
+		items.clear( );
+		itemIndexOffset = 0;
+		return this;
+	}
+
+	@Override public void controlEvent( ControlEvent theEvent ) {
+		// TODO Auto-generated method stub
+	}
+
+	public ListBox setBackgroundColor( int theColor ) {
+		_myBackgroundColor = theColor;
+		return this;
+	}
+
+	public int getBackgroundColor( ) {
+		return _myBackgroundColor;
+	}
+
+	@Override @ControlP5.Invisible public ListBox updateDisplayMode( int theMode ) {
+		_myDisplayMode = theMode;
+		switch ( theMode ) {
+		case ( DEFAULT ):
+			_myControllerView = new ListBoxView( );
+			break;
+		case ( IMAGE ):
+		case ( SPRITE ):
+		case ( CUSTOM ):
+		default:
+			break;
+		}
+		return this;
+	}
+
+	static public class ListBoxView implements ControllerView< ListBox > {
+
+		public void display( PGraphics g , ListBox c ) {
+
+			// setHeight( -200 ); /* UP */
+
+			g.noStroke( );
+
+			if ( c.isBarVisible( ) ) {
+				boolean b = c.itemHover == -1 && c.isInside && !c.isDragged;
+				g.fill( b ? c.getColor( ).getForeground( ) : c.getColor( ).getBackground( ) );
+				g.rect( 0 , 0 , c.getWidth( ) , c.barHeight );
+				g.pushMatrix( );
+				g.translate( c.getWidth( ) - 8 , c.barHeight / 2 - 2 );
+				g.fill( c.getColor( ).getCaptionLabel( ) );
+				if ( c.isOpen( ) ) {
+					g.triangle( -3 , 0 , 3 , 0 , 0 , 3 );
+				} else {
+					g.triangle( -3 , 3 , 3 , 3 , 0 , 0 );
+				}
+				g.popMatrix( );
+
+				c.getCaptionLabel( ).align( PApplet.LEFT , PApplet.CENTER ).draw( g , 4 , c.barHeight / 2 );
+			}
+
+			if ( c.isOpen( ) ) {
+				int bar = ( c.isBarVisible( ) ? c.barHeight : 0 );
+				int h = ( ( c.updateHeight( ) ) );
+				g.pushMatrix( );
+				// g.translate( 0 , - ( h + bar +
+				// c.itemSpacing ) ); /* UP */
+				g.fill( c.getBackgroundColor( ) );
+				g.rect( 0 , bar , c.getWidth( ) , h );
+				g.pushMatrix( );
+				g.translate( 0 , ( bar == 0 ? 0 : ( c.barHeight + c.itemSpacing ) ) );
+				/* draw visible items */
+				c.updateItemIndexOffset( );
+				int m0 = c.itemIndexOffset;
+				int m1 = c.items.size( ) > c.itemRange ? ( c.itemIndexOffset + c.itemRange ) : c.items.size( );
+				for ( int i = m0 ; i < m1 ; i++ ) {
+					Map< String , Object > item = c.items.get( i );
+					CColor color = ( CColor ) item.get( "color" );
+					g.fill( ( b( item.get( "state" ) ) ) ? color.getActive( ) : ( i == c.itemHover ) ? ( c.isMousePressed ? color.getActive( ) : color.getForeground( ) ) : color.getBackground( ) );
+					g.rect( 0 , 0 , c.getWidth( ) , c.itemHeight - 1 );
+					c.getValueLabel( ).align( PApplet.LEFT , PApplet.CENTER ).set( item.get( "text" ).toString( ) ).draw( g , 4 , c.itemHeight / 2 );
+					g.translate( 0 , c.itemHeight );
+				}
+				g.popMatrix( );
+
+				if ( c.isInside ) {
+					int m = c.items.size( ) - c.itemRange;
+					if ( m > 0 ) {
+						g.fill( c.getColor( ).getCaptionLabel( ) );
+						g.pushMatrix( );
+						int s = 4; /* spacing */
+						int s2 = s / 2;
+						g.translate( c.getWidth( ) - s , c.barHeight );
+						int len = ( int ) PApplet.map( ( float ) Math.log( m * 10 ) , 0 , 10 , h , 0 );
+						int pos = ( int ) ( PApplet.map( c.itemIndexOffset , 0 , m , s2 , h - len - s2 ) );
+						g.rect( 0 , pos , s2 , len );
+						g.popMatrix( );
+					}
+				}
+				g.popMatrix( );
+			}
+
+		}
+
+	}
+
+	public void keyEvent( KeyEvent theKeyEvent ) {
+		if ( isInside && theKeyEvent.getAction( ) == KeyEvent.PRESS ) {
+			switch ( theKeyEvent.getKeyCode( ) ) {
+			case ( ControlP5.UP ):
+				scroll( theKeyEvent.isAltDown( ) ? -itemIndexOffset : theKeyEvent.isShiftDown( ) ? -10 : -1 );
+				updateHover( );
+				break;
+			case ( ControlP5.DOWN ):
+				scroll( theKeyEvent.isAltDown( ) ? items.size( ) - itemRange : theKeyEvent.isShiftDown( ) ? 10 : 1 );
+				updateHover( );
+				break;
+			case ( ControlP5.LEFT ):
+				break;
+			case ( ControlP5.RIGHT ):
+				break;
+			case ( ControlP5.ENTER ):
+				onRelease( );
+				break;
+			}
+		}
+	}
+	/* TODO keycontrol: arrows, return dragging moving items
+	 * sorting custom view custom event types */
+}
diff --git a/src/controlP5/Matrix.java b/src/controlP5/Matrix.java
new file mode 100755
index 0000000..dc2fce4
--- /dev/null
+++ b/src/controlP5/Matrix.java
@@ -0,0 +1,432 @@
+package controlP5;
+
+/**
+ * controlP5 is a processing gui library.
+ *
+ *  2006-2012 by Andreas Schlegel
+ *
+ * This library is free software; you can redistribute it and/or
+ * modify it under the terms of the GNU Lesser General Public License
+ * as published by the Free Software Foundation; either version 2.1
+ * of the License, or (at your option) any later version.
+ * This library is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
+ * Lesser General Public License for more details.
+ *
+ * You should have received a copy of the GNU Lesser General
+ * Public License along with this library; if not, write to the
+ * Free Software Foundation, Inc., 59 Temple Place, Suite 330,
+ * Boston, MA 02111-1307 USA
+ *
+ * @author 		Andreas Schlegel (http://www.sojamo.de)
+ * @modified	##date##
+ * @version		##version##
+ *
+ */
+
+import java.lang.reflect.InvocationTargetException;
+import java.lang.reflect.Method;
+
+import processing.core.PApplet;
+import processing.core.PGraphics;
+
+/**
+ * A matrix is a 2d array with a pointer that traverses through the matrix in a timed interval. if
+ * an item of a matrix-column is active, the x and y position of the corresponding cell will trigger
+ * an event and notify the program. see the ControlP5matrix example for more information.
+ * 
+ * @example controllers/ControlP5matrix
+ */
+public class Matrix extends Controller< Matrix > {
+
+	protected int cnt;
+	protected int[][] _myCells;
+	protected int stepX;
+	protected int stepY;
+	protected int cellX;
+	protected int cellY;
+	protected boolean isPressed;
+	protected int _myCellX;
+	protected int _myCellY;
+	protected int sum;
+	protected int _myInterval = 100;
+	protected int currentX = -1;
+	protected int currentY = -1;
+	protected int _myMode = SINGLE_ROW;
+	private Thread t;
+	protected int gapX = 1;
+	protected int gapY = 1;
+	private Object _myPlug;
+	private String _myPlugName;
+	private boolean playing = true;
+	private int bg = 0x00000000;
+
+	/**
+	 * Convenience constructor to extend Matrix.
+	 * 
+	 * @example use/ControlP5extendController
+	 * @param theControlP5
+	 * @param theName
+	 */
+	public Matrix( ControlP5 theControlP5 , String theName ) {
+		this( theControlP5 , theControlP5.getDefaultTab( ) , theName , 10 , 10 , 0 , 0 , 100 , 100 );
+		theControlP5.register( theControlP5.papplet , theName , this );
+	}
+
+	public Matrix( ControlP5 theControlP5 , ControllerGroup< ? > theParent , String theName , int theCellX , int theCellY , int theX , int theY , int theWidth , int theHeight ) {
+		super( theControlP5 , theParent , theName , theX , theY , theWidth , theHeight );
+		_myInterval = 100;
+		setGrid( theCellX , theCellY );
+
+		_myPlug = cp5.papplet;
+		_myPlugName = getName( );
+		_myCaptionLabel.align( ControlP5.LEFT , ControlP5.BOTTOM_OUTSIDE );
+		_myCaptionLabel.setPadding( 0 , 4 );
+		runThread( );
+	}
+
+	public Matrix setGrid( int theCellX , int theCellY ) {
+		_myCellX = theCellX;
+		_myCellY = theCellY;
+		sum = _myCellX * _myCellY;
+		stepX = getWidth( ) / _myCellX;
+		stepY = getHeight( ) / _myCellY;
+		_myCells = new int[ _myCellX ][ _myCellY ];
+		for ( int x = 0 ; x < _myCellX ; x++ ) {
+			for ( int y = 0 ; y < _myCellY ; y++ ) {
+				_myCells[ x ][ y ] = 0;
+			}
+		}
+		return this;
+	}
+
+	/**
+	 * set the speed of intervals in millis iterating through the matrix.
+	 * 
+	 * @param theInterval int
+	 * @return Matrix
+	 */
+
+	public Matrix setInterval( int theInterval ) {
+		_myInterval = theInterval;
+		return this;
+	}
+
+	public int getInterval( ) {
+		return _myInterval;
+	}
+
+	@ControlP5.Invisible
+	public Matrix updateInternalEvents( PApplet theApplet ) {
+		setIsInside( inside( ) );
+
+		if ( getIsInside( ) ) {
+			if ( isPressed ) {
+				int tX = ( int ) ( ( theApplet.mouseX - x(position) ) / stepX );
+				int tY = ( int ) ( ( theApplet.mouseY - y(position) ) / stepY );
+
+				if ( tX != currentX || tY != currentY ) {
+					tX = PApplet.min( PApplet.max( 0 , tX ) , _myCellX );
+					tY = PApplet.min( PApplet.max( 0 , tY ) , _myCellY );
+					boolean isMarkerActive = ( _myCells[ tX ][ tY ] == 1 ) ? true : false;
+					switch ( _myMode ) {
+					default:
+					case ( SINGLE_COLUMN ):
+						for ( int i = 0 ; i < _myCellY ; i++ ) {
+							_myCells[ tX ][ i ] = 0;
+						}
+						_myCells[ tX ][ tY ] = ( !isMarkerActive ) ? 1 : _myCells[ tX ][ tY ];
+						break;
+					case ( SINGLE_ROW ):
+						for ( int i = 0 ; i < _myCellY ; i++ ) {
+							_myCells[ tX ][ i ] = 0;
+						}
+						_myCells[ tX ][ tY ] = ( !isMarkerActive ) ? 1 : _myCells[ tX ][ tY ];
+						break;
+					case ( MULTIPLES ):
+						_myCells[ tX ][ tY ] = ( _myCells[ tX ][ tY ] == 1 ) ? 0 : 1;
+						break;
+					}
+					currentX = tX;
+					currentY = tY;
+				}
+			}
+		}
+		return this;
+	}
+
+	protected void onEnter( ) {
+		isActive = true;
+	}
+
+	protected void onLeave( ) {
+		isActive = false;
+	}
+
+	@ControlP5.Invisible
+	public void mousePressed( ) {
+		isActive = getIsInside( );
+		if ( getIsInside( ) ) {
+			isPressed = true;
+		}
+	}
+
+	protected void mouseReleasedOutside( ) {
+		mouseReleased( );
+	}
+
+	@ControlP5.Invisible
+	public void mouseReleased( ) {
+		if ( isActive ) {
+			isActive = false;
+		}
+		isPressed = false;
+		currentX = -1;
+		currentY = -1;
+	}
+
+	@Override
+	public Matrix setValue( float theValue ) {
+		_myValue = theValue;
+		broadcast( FLOAT );
+		return this;
+	}
+
+	public Matrix play( ) {
+		playing = true;
+		return this;
+	}
+
+	public boolean isPlaying( ) {
+		return playing;
+	}
+
+	public Matrix pause( ) {
+		playing = false;
+		return this;
+	}
+
+	public Matrix stop( ) {
+		playing = false;
+		cnt = 0;
+		return this;
+	}
+
+	public Matrix trigger( int theColumn ) {
+
+		if ( theColumn < 0 || theColumn >= _myCells.length ) {
+			return this;
+		}
+
+		for ( int i = 0 ; i < _myCellY ; i++ ) {
+			if ( _myCells[ theColumn ][ i ] == 1 ) {
+				_myValue = 0;
+				_myValue = ( theColumn << 0 ) + ( i << 8 );
+				setValue( _myValue );
+				/* TODO remove printStack and replace with Logger */
+				try {
+					Method method = _myPlug.getClass( ).getMethod( _myPlugName , int.class , int.class );
+					method.setAccessible( true );
+					method.invoke( _myPlug , theColumn , i );
+				} catch ( SecurityException ex ) {
+					ex.printStackTrace( );
+				} catch ( NoSuchMethodException ex ) {
+					ex.printStackTrace( );
+				} catch ( IllegalArgumentException ex ) {
+					ex.printStackTrace( );
+				} catch ( IllegalAccessException ex ) {
+					ex.printStackTrace( );
+				} catch ( InvocationTargetException ex ) {
+					ex.printStackTrace( );
+				}
+			}
+		}
+		return this;
+	}
+
+	@Override
+	public Matrix update( ) {
+		return setValue( _myValue );
+	}
+
+	public Matrix setGap( int theX , int theY ) {
+		gapX = theX;
+		gapY = theY;
+		return this;
+	}
+
+	public Matrix plugTo( Object theObject ) {
+		_myPlug = theObject;
+		return this;
+	}
+
+	public Matrix plugTo( Object theObject , String thePlugName ) {
+		_myPlug = theObject;
+		_myPlugName = thePlugName;
+		return this;
+	}
+
+	/**
+	 * set the state of a particular cell inside a matrix. use true or false for parameter theValue
+	 * 
+	 * @param theX
+	 * @param theY
+	 * @param theValue
+	 * @return Matrix
+	 */
+	public Matrix set( int theX , int theY , boolean theValue ) {
+		_myCells[ theX ][ theY ] = ( theValue == true ) ? 1 : 0;
+		return this;
+	}
+
+	public boolean get( int theX , int theY ) {
+		return _myCells[ theX ][ theY ] == 1 ? true : false;
+	}
+
+	public Matrix clear( ) {
+		for ( int x = 0 ; x < _myCells.length ; x++ ) {
+			for ( int y = 0 ; y < _myCells[ x ].length ; y++ ) {
+				_myCells[ x ][ y ] = 0;
+			}
+		}
+		return this;
+	}
+
+	public static int getX( int thePosition ) {
+		return ( ( thePosition >> 0 ) & 0xff );
+	}
+
+	public static int getY( int thePosition ) {
+		return ( ( thePosition >> 8 ) & 0xff );
+	}
+
+	public static int getX( float thePosition ) {
+		return ( ( ( int ) thePosition >> 0 ) & 0xff );
+	}
+
+	public static int getY( float thePosition ) {
+		return ( ( ( int ) thePosition >> 8 ) & 0xff );
+	}
+
+	public Matrix setCells( int[][] theCells ) {
+		setGrid( theCells.length , theCells[ 0 ].length );
+		_myCells = theCells;
+		return this;
+	}
+
+	public int[][] getCells( ) {
+		return _myCells;
+	}
+
+	private void triggerEventFromThread( ) {
+		if ( playing ) {
+			cnt += 1;
+			cnt %= _myCellX;
+			trigger( cnt );
+		}
+	}
+
+	private void runThread( ) {
+		if ( t == null ) {
+			t = new Thread( getName( ) ) {
+
+				public void run( ) {
+					while ( true ) {
+						triggerEventFromThread( );
+						try {
+							sleep( _myInterval );
+						} catch ( InterruptedException e ) {
+							// throw new RuntimeException(e);
+						}
+					}
+				}
+			};
+			t.start( );
+		}
+	}
+
+	@Override
+	public void remove( ) {
+		if ( t != null ) {
+			t.interrupt( );
+		}
+		super.remove( );
+	}
+
+	/**
+	 * use setMode to change the cell-activation which by default is ControlP5.SINGLE_ROW, 1 active
+	 * cell per row, but can be changed to ControlP5.SINGLE_COLUMN or ControlP5.MULTIPLES
+	 * 
+	 * @param theMode return Matrix
+	 */
+	public Matrix setMode( int theMode ) {
+		_myMode = theMode;
+		return this;
+	}
+
+	public int getMode( ) {
+		return _myMode;
+	}
+
+	public Matrix setBackground( int c ) {
+		bg = 0x00000000;
+		if ( ( c >> 24 & 0xff ) > 0 ) {
+			bg = ( c >> 24 ) << 24 | ( c >> 16 ) << 16 | ( c >> 8 ) << 8 | ( c >> 0 ) << 0;
+		}
+		return this;
+	}
+
+	@Override
+	@ControlP5.Invisible
+	public Matrix updateDisplayMode( int theMode ) {
+		_myDisplayMode = theMode;
+		switch ( theMode ) {
+		case ( DEFAULT ):
+			_myControllerView = new MatrixView( );
+			break;
+		case ( IMAGE ):
+		case ( SPRITE ):
+		case ( CUSTOM ):
+		default:
+			break;
+		}
+		return this;
+	}
+
+	class MatrixView implements ControllerView< Matrix > {
+
+		public void display( PGraphics theGraphics , Matrix theController ) {
+			theGraphics.noStroke( );
+			theGraphics.fill( bg );
+			theGraphics.rect( 0 , 0 , getWidth( ) , getHeight( ) );
+			for ( int x = 0 ; x < _myCellX ; x++ ) {
+				for ( int y = 0 ; y < _myCellY ; y++ ) {
+
+					if ( _myCells[ x ][ y ] == 1 ) {
+						theGraphics.fill( color.getActive( ) );
+						theGraphics.rect( x * stepX , y * stepY , stepX - gapX , stepY - gapY );
+					} else {
+						theGraphics.fill( color.getBackground( ) );
+						theGraphics.rect( x * stepX , y * stepY , stepX - gapX , stepY - gapY );
+					}
+				}
+			}
+			if ( isInside( ) ) {
+				// TODO
+				// int x = (int) ((theGraphics.mouseX - position.x) / stepX);
+				// int y = (int) ((theGraphics.mouseY - position.y) / stepY);
+				// if (x >= 0 && x < _myCellX && y >= 0 && y < _myCellY) {
+				// theGraphics.fill(_myCells[x][y] == 1 ? color.getActive() :
+				// color.getForeground());
+				// theGraphics.rect(x * stepX, y * stepY, stepX - gapX, stepY - gapY);
+				// }
+			}
+			theGraphics.fill( color.getActive( ) );
+			theGraphics.rect( cnt * stepX , 0 , 1 , getHeight( ) - gapY );
+			if ( isLabelVisible ) {
+				_myCaptionLabel.draw( theGraphics , 0 , 0 , theController );
+			}
+		}
+	}
+}
diff --git a/src/controlP5/MultiList.java b/src/controlP5/MultiList.java
new file mode 100755
index 0000000..2dc24d7
--- /dev/null
+++ b/src/controlP5/MultiList.java
@@ -0,0 +1,270 @@
+package controlP5;
+
+/**
+ * controlP5 is a processing gui library.
+ * 
+ * 2006-2012 by Andreas Schlegel
+ * 
+ * This library is free software; you can redistribute it and/or
+ * modify it under the terms of the GNU Lesser General Public License
+ * as published by the Free Software Foundation; either version 2.1
+ * of the License, or (at your option) any later version.
+ * This library is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
+ * Lesser General Public License for more details.
+ * 
+ * You should have received a copy of the GNU Lesser General
+ * Public License along with this library; if not, write to the
+ * Free Software Foundation, Inc., 59 Temple Place, Suite 330,
+ * Boston, MA 02111-1307 USA
+ * 
+ * @author Andreas Schlegel (http://www.sojamo.de)
+ * @modified ##date##
+ * @version ##version##
+ * 
+ */
+
+import processing.core.PApplet;
+import processing.core.PGraphics;
+
+/**
+ * A Multilist is a multi-menu-tree controller. see the example for more information and how to use.
+ * 
+ * @example controllers/ControlP5multiList
+ * 
+ * TODO is currently broken, is this due to replacing PVector with float[]?
+ * 
+ */
+public class MultiList extends Controller< MultiList > implements MultiListInterface , ControlListener {
+
+	/* TODO reflection does not work properly. TODO add an option to remove MultiListButtons */
+
+	protected Tab _myTab;
+	protected boolean isVisible = true;
+	private int cnt;
+	protected boolean isOccupied;
+	protected boolean isUpdateLocation = false;
+	protected MultiListInterface mostRecent;
+	protected int[] _myRect = new int[ 4 ];
+	protected int _myDirection = ControlP5Constants.RIGHT;
+	public int closeDelay = 30;
+	protected int _myDefaultButtonHeight = 10;
+	protected boolean isUpperCase = true;
+
+	/**
+	 * Convenience constructor to extend MultiList.
+	 * 
+	 * @example use/ControlP5extendController
+	 * @param theControlP5
+	 * @param theName
+	 */
+	public MultiList( ControlP5 theControlP5 , String theName ) {
+		this( theControlP5 , theControlP5.getDefaultTab( ) , theName , 0 , 0 , 99 , 19 );
+		theControlP5.register( theControlP5.papplet , theName , this );
+	}
+
+	public MultiList( ControlP5 theControlP5 , Tab theParent , String theName , int theX , int theY , int theWidth , int theHeight ) {
+		super( theControlP5 , theParent , theName , theX , theY , theWidth , 0 );
+		_myDefaultButtonHeight = theHeight;
+		setup( );
+	}
+
+	public MultiList toUpperCase( boolean theValue ) {
+		isUpperCase = theValue;
+		for ( Controller c : getSubelements( ) ) {
+			c.getCaptionLabel( ).toUpperCase( isUpperCase );
+		}
+		return this;
+	}
+
+	@ControlP5.Invisible public void setup( ) {
+		mostRecent = this;
+		isVisible = true;
+		updateRect( x( position ) , y( position ) , getWidth( ) , _myDefaultButtonHeight );
+	}
+
+	protected void updateRect( float theX , float theY , float theW , float theH ) {
+		_myRect = new int[] { ( int ) theX , ( int ) theY , ( int ) theW , ( int ) theH };
+	}
+
+	public int getDirection( ) {
+		return _myDirection;
+	}
+
+	/**
+	 * TODO does not work.
+	 * 
+	 * @param theDirection
+	 */
+	void setDirection( int theDirection ) {
+		_myDirection = ( theDirection == LEFT ) ? LEFT : RIGHT;
+		for ( int i = 0 ; i < getSubelements( ).size( ) ; i++ ) {
+			( ( MultiListButton ) getSubelements( ).get( i ) ).setDirection( _myDirection );
+		}
+	}
+
+	/**
+	 * @param theX
+	 *            float
+	 * @param theY
+	 *            float
+	 */
+	@ControlP5.Invisible public void updateLocation( float theX , float theY ) {
+		set( position , theX , theY );
+		updateRect( x( position ) , y( position ) , getWidth( ) , _myDefaultButtonHeight );
+		for ( int i = 0 ; i < getSubelements( ).size( ) ; i++ ) {
+			( ( MultiListInterface ) getSubelements( ).get( i ) ).updateLocation( theX , theY );
+		}
+
+	}
+
+	/**
+	 * removes the multilist.
+	 */
+	public void remove( ) {
+		super.remove( );
+		for ( int i = 0 ; i < getSubelements( ).size( ) ; i++ ) {
+			getSubelements( ).get( i ).removeListener( this );
+			getSubelements( ).get( i ).remove( );
+		}
+	}
+
+	/**
+	 * adds multilist buttons to the multilist.
+	 * 
+	 * @param theName
+	 *            String
+	 * @param theValue
+	 *            int
+	 * @return MultiListButton
+	 */
+	public MultiListButton add( String theName , int theValue ) {
+		int x = ( int ) x( position );
+		int yy = 0;
+		for ( Controller< ? > c : getSubelements( ) ) {
+			yy += c.getHeight( ) + 1;
+		}
+		int y = ( int ) y( position ) + yy;// (_myDefaultButtonHeight + 1) * _myChildren.size();
+		MultiListButton b = new MultiListButton( cp5 , theName , theValue , x , y , getWidth( ) , _myDefaultButtonHeight , this , this );
+		b.toUpperCase( isUpperCase );
+		b.isMoveable = false;
+		cp5.register( null , "" , b );
+		b.addListener( this );
+		getSubelements( ).add( b );
+		b.show( );
+		updateRect( x( position ) , y( position ) , getWidth( ) , ( _myDefaultButtonHeight + 1 ) * getSubelements( ).size( ) );
+		return b;
+	}
+
+	/**
+	 * @param theEvent
+	 */
+	@Override @ControlP5.Invisible public void controlEvent( ControlEvent theEvent ) {
+		if ( theEvent.getController( ) instanceof MultiListButton ) {
+			_myValue = theEvent.getController( ).getValue( );
+			ControlEvent myEvent = new ControlEvent( this );
+			cp5.getControlBroadcaster( ).broadcast( myEvent , ControlP5Constants.FLOAT );
+		}
+	}
+
+	/**
+	 * {@inheritDoc}
+	 */
+	@Override @ControlP5.Invisible public void draw( PGraphics theGraphics ) {
+		super.draw( theGraphics );
+		// TODO update( theGraphics );
+	}
+
+	/**
+	 * 
+	 * @param theApplet
+	 * @return boolean
+	 */
+	@ControlP5.Invisible public boolean update( PApplet theApplet ) {
+		if ( !isOccupied ) {
+			cnt++;
+			if ( cnt == closeDelay ) {
+				close( );
+			}
+		}
+
+		if ( isUpdateLocation ) {
+			updateLocation( ( _myControlWindow.mouseX - _myControlWindow.pmouseX ) , ( _myControlWindow.mouseY - _myControlWindow.pmouseY ) );
+			isUpdateLocation = theApplet.mousePressed;
+		}
+
+		if ( isOccupied ) {
+			if ( theApplet.keyPressed && theApplet.mousePressed ) {
+				if ( theApplet.keyCode == PApplet.ALT ) {
+					isUpdateLocation = true;
+					return true;
+				}
+			}
+		}
+		return false;
+	}
+
+	/**
+	 * 
+	 * @param theFlag
+	 *            boolean
+	 */
+	@ControlP5.Invisible public void occupied( boolean theFlag ) {
+		isOccupied = theFlag;
+		cnt = 0;
+	}
+
+	/**
+	 * @return boolean
+	 */
+	@ControlP5.Invisible public boolean observe( ) {
+		return CP.inside( _myRect , _myControlWindow.mouseX , _myControlWindow.mouseY );
+	}
+
+	/**
+	 * @param theInterface
+	 *            MultiListInterface
+	 */
+	public void close( MultiListInterface theInterface ) {
+		for ( int i = 0 ; i < getSubelements( ).size( ) ; i++ ) {
+			if ( theInterface != ( MultiListInterface ) getSubelements( ).get( i ) ) {
+				( ( MultiListInterface ) getSubelements( ).get( i ) ).close( );
+			}
+		}
+
+	}
+
+	/**
+	 * {@inheritDoc}
+	 */
+	@Override public void close( ) {
+		for ( int i = 0 ; i < getSubelements( ).size( ) ; i++ ) {
+			( ( MultiListInterface ) getSubelements( ).get( i ) ).close( );
+		}
+	}
+
+	/**
+	 * {@inheritDoc}
+	 */
+	@Override public void open( ) {
+		for ( int i = 0 ; i < getSubelements( ).size( ) ; i++ ) {
+			( ( MultiListInterface ) getSubelements( ).get( i ) ).open( );
+		}
+	}
+
+	/**
+	 * {@inheritDoc}
+	 */
+	@Override public MultiList setValue( float theValue ) {
+		return this;
+	}
+
+	/**
+	 * {@inheritDoc}
+	 */
+	@Override public MultiList update( ) {
+		return setValue( _myValue );
+	}
+
+}
diff --git a/src/controlP5/MultiListButton.java b/src/controlP5/MultiListButton.java
new file mode 100755
index 0000000..bf6ff8d
--- /dev/null
+++ b/src/controlP5/MultiListButton.java
@@ -0,0 +1,226 @@
+package controlP5;
+
+/**
+ * controlP5 is a processing gui library.
+ * 
+ * 2006-2012 by Andreas Schlegel
+ * 
+ * This library is free software; you can redistribute it and/or
+ * modify it under the terms of the GNU Lesser General Public License
+ * as published by the Free Software Foundation; either version 2.1
+ * of the License, or (at your option) any later version.
+ * This library is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
+ * Lesser General Public License for more details.
+ * 
+ * You should have received a copy of the GNU Lesser General
+ * Public License along with this library; if not, write to the
+ * Free Software Foundation, Inc., 59 Temple Place, Suite 330,
+ * Boston, MA 02111-1307 USA
+ * 
+ * @author Andreas Schlegel (http://www.sojamo.de)
+ * @modified ##date##
+ * @version ##version##
+ * 
+ */
+
+import java.util.ArrayList;
+import java.util.List;
+
+/**
+ * Used by MultiList.
+ * 
+ * @example controllers/ControlP5multiList
+ * @nosuperclasses Controller Controller
+ */
+public class MultiListButton extends Button implements MultiListInterface {
+
+	// private MultiListInterface parent;
+
+	private Controller parent;
+	private MultiList root;
+	private int[] _myRect = new int[ 4 ];
+	protected int _myDirection = ControlP5Constants.RIGHT;
+	private boolean isUpperCase = true;
+
+	/**
+	 * 
+	 * @param theProperties ControllerProperties
+	 * @param theParent MultiListInterface
+	 * @param theRoot MultiList
+	 */
+	protected MultiListButton( ControlP5 theControlP5 , String theName , float theValue , int theX , int theY , int theWidth , int theHeight , Controller theParent , MultiList theRoot ) {
+		super( theControlP5 , ( ControllerGroup< ? > ) theRoot.getParent( ) , theName , theValue , theX , theY , theWidth , theHeight );
+		parent = theParent;
+		root = theRoot;
+		updateRect( x( position ) , y( position ) , getWidth( ) , getHeight( ) );
+		_myCaptionLabel.align( LEFT , CENTER );
+	}
+
+	public MultiListButton toUpperCase( boolean theValue ) {
+		isUpperCase = theValue;
+		for ( Controller< ? > c : getSubelements( ) ) {
+			c.getCaptionLabel( ).toUpperCase( isUpperCase );
+		}
+		_myCaptionLabel.toUpperCase( isUpperCase );
+		return this;
+	}
+
+	public void remove( ) {
+		int myYoffset = 0;
+		for ( int i = 0 ; i < parent.getSubelements( ).size( ) ; i++ ) {
+			if ( parent.getSubelements( ).get( i ) == this ) {
+				myYoffset = getHeight( ) + 1;
+			}
+			( ( MultiListButton ) parent.getSubelements( ).get( i ) ).updateLocation( 0 , -myYoffset );
+		}
+
+		if ( _myParent != null ) {
+			removeListener( root );
+			_myParent.remove( this );
+		}
+		if ( cp5 != null ) {
+			removeListener( root );
+			cp5.remove( this );
+		}
+		for ( int i = 0 ; i < getSubelements( ).size( ) ; i++ ) {
+			( ( MultiListButton ) getSubelements( ).get( i ) ).remove( );
+		}
+	}
+
+	public int getDirection( ) {
+		return _myDirection;
+	}
+
+	protected void setDirection( int theDirection ) {
+		_myDirection = theDirection;
+	}
+
+	public void updateRect( float theX , float theY , float theW , float theH ) {
+		_myRect = new int[] { ( int ) theX , ( int ) theY , ( int ) theW , ( int ) theH };
+	}
+
+	public void updateLocation( float theX , float theY ) {
+		set( position , theX , theY );
+		updateRect( x( position ) , y( position ) , getWidth( ) , getHeight( ) );
+		for ( int i = 0 ; i < getSubelements( ).size( ) ; i++ ) {
+			( ( MultiListInterface ) getSubelements( ).get( i ) ).updateLocation( theX , theY );
+		}
+	}
+
+	/**
+	 * set the width of a multlist button.
+	 * 
+	 * @param theWidth int
+	 */
+	public MultiListButton setWidth( int theWidth ) {
+		// negative direction
+		int dif = ( _myDirection == LEFT ) ? theWidth - getWidth( ) : 0;
+		super.setWidth( theWidth );
+		updateLocation( -dif , 0 );
+		return this;
+	}
+
+	/**
+	 * set the height of a multlist button.
+	 * 
+	 * @param theHeight int
+	 */
+	public MultiListButton setHeight( int theHeight ) {
+		int difHeight = getHeight( );
+		super.setHeight( theHeight );
+		difHeight = getHeight( ) - difHeight;
+		int myYoffset = 0;
+		for ( int i = 0 ; i < parent.getSubelements( ).size( ) ; i++ ) {
+			if ( parent.getSubelements( ).get( i ) instanceof MultiListInterface ) {
+				( ( MultiListInterface ) parent.getSubelements( ).get( i ) ).updateLocation( 0 , myYoffset );
+				if ( ( parent.getSubelements( ).get( i ) ) == this ) {
+					myYoffset = difHeight;
+				}
+			}
+		}
+		updateLocation( 0 , 0 );
+		return this;
+	}
+
+	/**
+	 * add a new button to the sublist of this multilist button.
+	 * 
+	 * @param theName String
+	 * @param theValue int
+	 * @return MultiListButton
+	 */
+	public MultiListButton add( String theName , float theValue ) {
+		int myHeight = - ( getHeight( ) + 1 );
+		for ( int i = 0 ; i < getSubelements( ).size( ) ; i++ ) {
+			myHeight += ( getSubelements( ).get( i ) ).getHeight( ) + 1;
+		}
+		// negative direction, this is static now, make it dynamic depending on
+		// the
+		// location of the list.
+		int xx = ( ( int ) x( position ) + ( getWidth( ) + 1 ) );
+		MultiListButton b = new MultiListButton( cp5 , theName , theValue , xx , ( int ) y( position ) + ( getHeight( ) + 1 ) + myHeight , ( int ) getWidth( ) , ( int ) getHeight( ) , this , root );
+		b.isMoveable = false;
+		b.toUpperCase( isUpperCase );
+		b.hide( );
+		cp5.register( null , "" , b );
+		b.addListener( root );
+		getSubelements( ).add( b );
+		updateRect( xx , y( position ) , getWidth( ) , ( getHeight( ) + 1 ) + myHeight );
+		return b;
+	}
+
+	protected void onEnter( ) {
+		if ( !root.isUpdateLocation ) {
+			isActive = true;
+			root.occupied( true );
+			root.mostRecent = this;
+			if ( parent instanceof MultiListInterface ) {
+				( ( MultiListInterface ) parent ).close( this );
+			}
+			open( );
+		}
+	}
+
+	protected void onLeave( ) {
+		if ( parent instanceof MultiListInterface ) {
+			if ( ! ( ( MultiListInterface ) parent ).observe( ) && !root.isUpdateLocation && root.mostRecent == this ) {
+				isActive = false;
+				root.occupied( false );
+			}
+		}
+	}
+
+	public void mouseReleasedOutside( ) {
+		// !!! other than in the Button class, calling mouseReleased here
+		// conflicts with mouseReleased();
+	}
+
+	public boolean observe( ) {
+		return CP.inside( _myRect , _myControlWindow.mouseX , _myControlWindow.mouseY );
+	}
+
+	public void close( MultiListInterface theInterface ) {
+		for ( int i = 0 ; i < getSubelements( ).size( ) ; i++ ) {
+			if ( theInterface != ( MultiListInterface ) getSubelements( ).get( i ) ) {
+				( ( MultiListInterface ) getSubelements( ).get( i ) ).close( );
+			}
+		}
+
+	}
+
+	public void close( ) {
+		for ( int i = 0 ; i < getSubelements( ).size( ) ; i++ ) {
+			( ( MultiListButton ) getSubelements( ).get( i ) ).close( );
+			( ( MultiListButton ) getSubelements( ).get( i ) ).hide( );
+		}
+	}
+
+	public void open( ) {
+		for ( int i = 0 ; i < getSubelements( ).size( ) ; i++ ) {
+			( ( MultiListButton ) getSubelements( ).get( i ) ).show( );
+		}
+	}
+
+}
diff --git a/src/controlP5/MultiListInterface.java b/src/controlP5/MultiListInterface.java
new file mode 100755
index 0000000..23cf605
--- /dev/null
+++ b/src/controlP5/MultiListInterface.java
@@ -0,0 +1,48 @@
+package controlP5;
+
+/**
+ * controlP5 is a processing gui library.
+ * 
+ * 2006-2012 by Andreas Schlegel
+ * 
+ * This library is free software; you can redistribute it and/or
+ * modify it under the terms of the GNU Lesser General Public License
+ * as published by the Free Software Foundation; either version 2.1
+ * of the License, or (at your option) any later version.
+ * This library is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
+ * Lesser General Public License for more details.
+ * 
+ * You should have received a copy of the GNU Lesser General
+ * Public License along with this library; if not, write to the
+ * Free Software Foundation, Inc., 59 Temple Place, Suite 330,
+ * Boston, MA 02111-1307 USA
+ * 
+ * @author Andreas Schlegel (http://www.sojamo.de)
+ * @modified ##date##
+ * @version ##version##
+ * 
+ */
+
+import processing.core.PGraphics;
+
+interface MultiListInterface {
+
+	void close( );
+
+	void open( );
+
+	void close( MultiListInterface theInterface );
+
+	boolean observe( );
+
+	void updateLocation( float theX , float theY );
+
+	public void draw( PGraphics theGraphics );
+
+	int getDirection( );
+
+	MultiListInterface toUpperCase( boolean theValue );
+
+}
diff --git a/src/controlP5/Numberbox.java b/src/controlP5/Numberbox.java
new file mode 100755
index 0000000..3069014
--- /dev/null
+++ b/src/controlP5/Numberbox.java
@@ -0,0 +1,302 @@
+package controlP5;
+
+/**
+ * controlP5 is a processing gui library.
+ *
+ *  2006-2012 by Andreas Schlegel
+ *
+ * This library is free software; you can redistribute it and/or
+ * modify it under the terms of the GNU Lesser General Public License
+ * as published by the Free Software Foundation; either version 2.1
+ * of the License, or (at your option) any later version.
+ * This library is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
+ * Lesser General Public License for more details.
+ *
+ * You should have received a copy of the GNU Lesser General
+ * Public License along with this library; if not, write to the
+ * Free Software Foundation, Inc., 59 Temple Place, Suite 330,
+ * Boston, MA 02111-1307 USA
+ *
+ * @author 		Andreas Schlegel (http://www.sojamo.de)
+ * @modified	##date##
+ * @version		##version##
+ *
+ */
+
+import processing.core.PApplet;
+import processing.core.PGraphics;
+
+/**
+ * Click and drag the mouse inside a numberbox and move up and down to change the value of a
+ * numberbox. By default the value changes when dragging the mouse up and down. use
+ * setDirection(Controller.HORIZONTAL) to change the mouse control to left and right.
+ * 
+ * Why do I get -1000000 as initial value when creating a numberbox without a default value? the
+ * value of a numberbox defaults back to its minValue, which is -1000000. either use a default value
+ * or link a variable to the numberbox - this is done by giving a float or int variable the same
+ * name as the numberbox.
+ * 
+ * Use setMultiplier(float) to change the sensitivity of values increasing/decreasing, by default
+ * the multiplier is 1.
+ * 
+ * 
+ * @example controllers/ControlP5numberbox
+ * @nosuperclasses Controller Controller
+ */
+public class Numberbox extends Controller< Numberbox > {
+
+	protected int cnt;
+	protected boolean isActive;
+	public static int LEFT = 0;
+	public static int UP = 1;
+	public static int RIGHT = 2;
+	public static int DOWN = 3;
+	protected int _myNumberCount = VERTICAL;
+	protected float _myMultiplier = 1;
+	public static int autoWidth = 69;
+	public static int autoHeight = 19;
+	protected float[] autoSpacing = new float[] { 10 , 20 };
+	protected float scrollSensitivity = 0.1f;
+
+	/**
+	 * Convenience constructor to extend Numberbox.
+	 * 
+	 * @example use/ControlP5extendController
+	 * @param theControlP5
+	 * @param theName
+	 */
+	public Numberbox( ControlP5 theControlP5 , String theName ) {
+		this( theControlP5 , theControlP5.getDefaultTab( ) , theName , 0 , 0 , 0 , autoWidth , autoHeight );
+		theControlP5.register( theControlP5.papplet , theName , this );
+	}
+
+	/**
+	 * 
+	 * @param theControlP5 ControlP5
+	 * @param theParent Tab
+	 * @param theName String
+	 * @param theDefaultValue float
+	 * @param theX int
+	 * @param theY int
+	 * @param theWidth int
+	 * @param theHeight int
+	 */
+	public Numberbox( ControlP5 theControlP5 , Tab theParent , String theName , float theDefaultValue , int theX , int theY , int theWidth , int theHeight ) {
+		super( theControlP5 , theParent , theName , theX , theY , theWidth , theHeight );
+		_myMin = -Float.MAX_VALUE;
+		_myMax = Float.MAX_VALUE;
+		_myValue = theDefaultValue;
+		_myValueLabel = new Label( cp5 , "" + _myValue , theWidth , 12 , color.getValueLabel( ) );
+		if ( Float.isNaN( _myValue ) ) {
+			_myValue = 0;
+		}
+	}
+
+	/* (non-Javadoc)
+	 * 
+	 * @see ControllerInterfalce.updateInternalEvents */
+	@ControlP5.Invisible
+	public Numberbox updateInternalEvents( PApplet theApplet ) {
+		if ( isActive ) {
+			if ( !cp5.isAltDown( ) ) {
+				if ( _myNumberCount == VERTICAL ) {
+					setValue( _myValue + ( _myControlWindow.mouseY - _myControlWindow.pmouseY ) * _myMultiplier );
+				} else {
+					setValue( _myValue + ( _myControlWindow.mouseX - _myControlWindow.pmouseX ) * _myMultiplier );
+				}
+			}
+		}
+		return this;
+	}
+
+	/* (non-Javadoc)
+	 * 
+	 * @see controlP5.Controller#mousePressed() */
+	@Override
+	@ControlP5.Invisible
+	public void mousePressed( ) {
+		isActive = true;
+	}
+
+	/* (non-Javadoc)
+	 * 
+	 * @see controlP5.Controller#mouseReleased() */
+	@Override
+	@ControlP5.Invisible
+	public void mouseReleased( ) {
+		isActive = false;
+	}
+
+	/* (non-Javadoc)
+	 * 
+	 * @see controlP5.Controller#mouseReleasedOutside() */
+	@Override
+	@ControlP5.Invisible
+	public void mouseReleasedOutside( ) {
+		mouseReleased( );
+	}
+
+	/**
+	 * 
+	 * @param theMultiplier
+	 * @return Numberbox
+	 */
+	public Numberbox setMultiplier( float theMultiplier ) {
+		_myMultiplier = theMultiplier;
+		return this;
+	}
+
+	/**
+	 * 
+	 * @return float
+	 */
+	public float getMultiplier( ) {
+		return _myMultiplier;
+	}
+
+	/**
+	 * set the value of the numberbox.
+	 * 
+	 * @param theValue float
+	 * @return Numberbox
+	 */
+	@Override
+	public Numberbox setValue( float theValue ) {
+		_myValue = theValue;
+		_myValue = Math.max( _myMin , Math.min( _myMax , _myValue ) );
+		broadcast( FLOAT );
+		_myValueLabel.set( adjustValue( _myValue ) );
+		return this;
+	}
+
+	/**
+	 * assigns a random value to the controller.
+	 * 
+	 * @return Numberbox
+	 */
+	public Numberbox shuffle( ) {
+		float r = ( float ) Math.random( );
+		if ( getMax( ) != Float.MAX_VALUE && getMin( ) != -Float.MAX_VALUE ) {
+			setValue( PApplet.map( r , 0 , 1 , getMin( ) , getMax( ) ) );
+		}
+		return this;
+	}
+
+	public Numberbox setRange( float theMin , float theMax ) {
+		setMin( theMin );
+		setMax( theMax );
+		setValue( getValue( ) );
+		return this;
+	}
+
+	/**
+	 * sets the sensitivity for the scroll behavior when using the mouse wheel or the scroll
+	 * function of a multi-touch track pad. The smaller the value (closer to 0) the higher the
+	 * sensitivity.
+	 * 
+	 * @param theValue
+	 * @return Numberbox
+	 */
+	public Numberbox setScrollSensitivity( float theValue ) {
+		scrollSensitivity = theValue;
+		return this;
+	}
+
+	/**
+	 * changes the value of the numberbox when hovering and using the mouse wheel or the scroll
+	 * function of a multi-touch track pad.
+	 * 
+	 * @param theRotationValue
+	 * @return Numberbox
+	 */
+	@ControlP5.Invisible
+	public Numberbox scrolled( int theRotationValue ) {
+		float f = getValue( );
+		f += ( _myMultiplier == 1 ) ? ( theRotationValue * scrollSensitivity ) : theRotationValue * _myMultiplier;
+		setValue( f );
+		return this;
+	}
+
+	/**
+	 * set the direction for changing the numberbox value when dragging the mouse. by default this
+	 * is up/down (VERTICAL), use setDirection(Controller.HORIZONTAL) to change to left/right or
+	 * back with setDirection(Controller.VERTICAL).
+	 * 
+	 * @param theValue
+	 */
+	public Numberbox setDirection( int theValue ) {
+		if ( theValue == HORIZONTAL || theValue == VERTICAL ) {
+			_myNumberCount = theValue;
+		} else {
+			_myNumberCount = VERTICAL;
+		}
+		return this;
+	}
+
+	/* (non-Javadoc)
+	 * 
+	 * @see controlP5.Controller#update() */
+	@Override
+	public Numberbox update( ) {
+		return setValue( _myValue );
+	}
+
+	/**
+	 * {@inheritDoc}
+	 */
+	@Override
+	public Numberbox linebreak( ) {
+		cp5.linebreak( this , true , autoWidth , autoHeight , autoSpacing );
+		return this;
+	}
+
+	/**
+	 * {@inheritDoc}
+	 */
+	@Override
+	@ControlP5.Invisible
+	public Numberbox updateDisplayMode( int theMode ) {
+		_myDisplayMode = theMode;
+		switch ( theMode ) {
+		case ( DEFAULT ):
+			_myControllerView = new NumberboxView( );
+		case ( SPRITE ):
+		case ( IMAGE ):
+		case ( CUSTOM ):
+		default:
+			break;
+		}
+		return this;
+	}
+
+	class NumberboxView implements ControllerView< Numberbox > {
+
+		NumberboxView( ) {
+			_myValueLabel.align( LEFT , CENTER ).setPadding( 0 , Label.paddingY );
+			_myCaptionLabel.align( LEFT , BOTTOM_OUTSIDE ).setPadding( 0 , Label.paddingY );
+		}
+
+		public void display( PGraphics theGraphics , Numberbox theController ) {
+			theGraphics.fill( color.getBackground( ) );
+			theGraphics.rect( 0 , 0 , getWidth() , getHeight() );
+			theGraphics.fill( ( isActive ) ? color.getActive( ) : color.getForeground( ) );
+			int h = getHeight() / 2;
+			theGraphics.triangle( 0 , h - 6 , 6 , h , 0 , h + 6 );
+			_myValueLabel.draw( theGraphics , 10 , 0 , theController );
+			_myCaptionLabel.draw( theGraphics , 0 , 0 , theController );
+		}
+	}
+
+	/**
+	 * @see controlP5.Numberbox#setScrollSensitivity(float)
+	 * 
+	 * @param theValue
+	 * @return
+	 */
+	@Deprecated
+	public Numberbox setSensitivity( float theValue ) {
+		return setScrollSensitivity( theValue );
+	}
+}
diff --git a/src/controlP5/Pad.java b/src/controlP5/Pad.java
new file mode 100755
index 0000000..30b3028
--- /dev/null
+++ b/src/controlP5/Pad.java
@@ -0,0 +1,6 @@
+package controlP5;
+
+class Pad {
+	// pad for placing controllers, like matrix but without the grid
+	// a sequencer
+}
diff --git a/src/controlP5/Pointer.java b/src/controlP5/Pointer.java
new file mode 100755
index 0000000..9620923
--- /dev/null
+++ b/src/controlP5/Pointer.java
@@ -0,0 +1,22 @@
+package controlP5;
+
+public interface Pointer {
+
+	public int x();
+	
+	public int y();
+	
+	public int px();
+	
+	public int py();
+	
+	public int dx();
+	
+	public int dy();
+	
+	public long pt();
+	
+	public long dt();
+	
+	public long t();
+}
diff --git a/src/controlP5/Println.java b/src/controlP5/Println.java
new file mode 100755
index 0000000..183495d
--- /dev/null
+++ b/src/controlP5/Println.java
@@ -0,0 +1,83 @@
+
+package controlP5;
+
+import java.io.IOException;
+import java.io.PipedInputStream;
+import java.io.PipedOutputStream;
+import java.io.PrintStream;
+
+public class Println {
+
+	int max = -1;
+
+	final Textarea c;
+
+	String buffer = "";
+
+	boolean paused;
+
+
+	public Println(Textarea theTextarea) {
+		c = theTextarea;
+		run();
+	}
+
+
+	public Println setMax(int theMax) {
+		max = theMax;
+		return this;
+	}
+
+
+	private void run() {
+		try {
+			final PipedInputStream pi = new PipedInputStream();
+			final PipedOutputStream po = new PipedOutputStream(pi);
+			System.setOut(new PrintStream(po, true));
+
+			(new Thread() {
+
+				public void run() {
+					final byte[] buf = new byte[1024];
+					try {
+						while (true) {
+							final int len = pi.read(buf);
+							if (len == -1) {
+								break;
+							}
+							if (!paused) {
+								if (!c._myScrollbar.isMousePressed) {
+									c.append(buffer + new String(buf, 0, len), max);
+									buffer = "";
+									c.scroll(1);
+								}
+								else {
+									buffer += new String(buf, 0, len);
+								}
+							}
+						}
+					} catch (IOException e) {
+					}
+				}
+			}).start();
+		} catch (IOException e) {
+			System.out.println("Problems setting up console");
+		}
+	}
+
+
+	public void clear() {
+		c.clear();
+	}
+
+
+	public void pause() {
+		paused = true;
+	}
+
+
+	public void play() {
+		paused = false;
+	}
+
+}
diff --git a/src/controlP5/Radio.java b/src/controlP5/Radio.java
new file mode 100755
index 0000000..12e0b34
--- /dev/null
+++ b/src/controlP5/Radio.java
@@ -0,0 +1,14 @@
+package controlP5;
+
+/*
+ * Backwards compatibility, cp5magic for example uses it. 
+ * But if possible, upgrade to RadioButton
+ */
+
+public class Radio extends RadioButton {
+
+	public Radio( ControlP5 theControlP5 , ControllerGroup< ? > theParent , String theName , int theX , int theY ) {
+		super( theControlP5 , theParent , theName , theX , theY );
+	}
+
+}
diff --git a/src/controlP5/RadioButton.java b/src/controlP5/RadioButton.java
new file mode 100755
index 0000000..0f40a33
--- /dev/null
+++ b/src/controlP5/RadioButton.java
@@ -0,0 +1,641 @@
+package controlP5;
+
+/**
+ * controlP5 is a processing gui library.
+ * 
+ * 2006-2012 by Andreas Schlegel
+ * 
+ * This library is free software; you can redistribute it and/or
+ * modify it under the terms of the GNU Lesser General Public License
+ * as published by the Free Software Foundation; either version 2.1
+ * of the License, or (at your option) any later version.
+ * This library is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
+ * Lesser General Public License for more details.
+ * 
+ * You should have received a copy of the GNU Lesser General
+ * Public License along with this library; if not, write to the
+ * Free Software Foundation, Inc., 59 Temple Place, Suite 330,
+ * Boston, MA 02111-1307 USA
+ * 
+ * @author Andreas Schlegel (http://www.sojamo.de)
+ * @modified ##date##
+ * @version ##version##
+ * 
+ */
+
+import java.lang.reflect.InvocationTargetException;
+import java.lang.reflect.Method;
+import java.util.ArrayList;
+import java.util.List;
+
+import processing.core.PImage;
+
+/**
+ * A radioButton is a list of toggles that can be turned on or off. radioButton is of type
+ * ControllerGroup, therefore a controllerPlug can't be set. this means that an event from a
+ * radioButton can't be forwarded to a method other than controlEvent in a sketch.
+ * 
+ * a radioButton has 2 sets of values. radioButton.getValue() returns the value of the active
+ * radioButton item. radioButton.getArrayValue() returns a float array that represents the active
+ * (1) and inactive (0) items of a radioButton.
+ * 
+ * ControlP5 CheckBox Toggle
+ * 
+ * @example controllers/ControlP5radioButton
+ * 
+ * @nosuperclasses Controller Controller
+ */
+public class RadioButton extends ControlGroup< RadioButton > {
+
+	protected List< Toggle > _myRadioToggles;
+	protected int spacingRow = 1;
+	protected int spacingColumn = 1;
+	protected int itemsPerRow = -1;
+	protected boolean isMultipleChoice;
+	protected int itemHeight = 9;
+	protected int itemWidth = 9;
+	protected boolean[] availableImages = new boolean[ 3 ];
+	protected PImage[] images = new PImage[ 3 ];
+	protected boolean noneSelectedAllowed = true;
+	private Object _myPlug;
+	private String _myPlugName;
+	protected int alignX = RIGHT_OUTSIDE;
+	protected int alignY = CENTER;
+	protected int _myPaddingX = Label.paddingX;
+	protected int _myPaddingY = 0;
+
+	/**
+	 * Convenience constructor to extend RadioButton.
+	 * 
+	 * @example use/ControlP5extendController
+	 * @param theControlP5
+	 * @param theName
+	 */
+	public RadioButton( ControlP5 theControlP5 , String theName ) {
+		this( theControlP5 , theControlP5.getDefaultTab( ) , theName , 0 , 0 );
+		theControlP5.register( theControlP5.papplet , theName , this );
+	}
+
+	/**
+	 * @exclude
+	 * @param theControlP5
+	 * @param theParent
+	 * @param theName
+	 * @param theX
+	 * @param theY
+	 */
+	public RadioButton( final ControlP5 theControlP5 , final ControllerGroup< ? > theParent , final String theName , final int theX , final int theY ) {
+		super( theControlP5 , theParent , theName , theX , theY , 99 , 9 );
+		isBarVisible = false;
+		isCollapse = false;
+		_myRadioToggles = new ArrayList< Toggle >( );
+		setItemsPerRow( 1 );
+		_myPlug = cp5.papplet;
+		_myPlugName = getName( );
+		if ( !ControllerPlug.checkPlug( _myPlug , _myPlugName , new Class[] { int.class } ) ) {
+			_myPlug = null;
+		}
+	}
+
+	/**
+	 * @param theName
+	 * @param theValue
+	 * @return
+	 */
+	public RadioButton addItem( final String theName , final float theValue ) {
+		Toggle t = cp5.addToggle( theName , 0 , 0 , itemWidth , itemHeight );
+		t.getCaptionLabel( ).align( alignX , alignY ).setPadding( _myPaddingX , _myPaddingY );
+		t.setMode( ControlP5.DEFAULT );
+		t.setImages( images[ 0 ] , images[ 1 ] , images[ 2 ] );
+		t.setSize( images[ 0 ] );
+		addItem( t , theValue );
+		return this;
+	}
+
+	/**
+	 * @param theToggle
+	 * @param theValue
+	 * @return
+	 */
+	public RadioButton addItem( final Toggle theToggle , final float theValue ) {
+		theToggle.setGroup( this );
+		theToggle.isMoveable = false;
+		theToggle.setInternalValue( theValue );
+		theToggle.isBroadcast = false;
+		_myRadioToggles.add( theToggle );
+		updateLayout( );
+		getColor( ).copyTo( theToggle );
+		theToggle.addListener( this );
+		updateValues( false );
+		cp5.removeProperty( theToggle );
+		return this;
+	}
+
+	/**
+	 * @param theName
+	 */
+	public RadioButton removeItem( final String theName ) {
+		int n = _myRadioToggles.size( );
+		for ( int i = 0 ; i < n ; i++ ) {
+			if ( ( _myRadioToggles.get( i ) ).getName( ).equals( theName ) ) {
+				( _myRadioToggles.get( i ) ).removeListener( this );
+				_myRadioToggles.remove( i );
+			}
+		}
+		updateValues( false );
+		return this;
+	}
+
+	private void updateAlign( ) {
+		for ( Toggle t : _myRadioToggles ) {
+			t.getCaptionLabel( ).align( alignX , alignY );
+		}
+	}
+
+	public RadioButton align( int[] a ) {
+		return align( a[ 0 ] , a[ 1 ] );
+	}
+
+	public RadioButton align( int theX , int theY ) {
+		alignX = theX;
+		alignY = theY;
+		updateAlign( );
+		return this;
+	}
+
+	public RadioButton alignX( int theX ) {
+		return align( theX , alignY );
+	}
+
+	public RadioButton alignY( int theY ) {
+		return align( alignX , theY );
+	}
+
+	public int[] getAlign( ) {
+		return new int[] { alignX , alignY };
+	}
+
+	public RadioButton setLabelPadding( int thePaddingX , int thePaddingY ) {
+		_myPaddingX = thePaddingX;
+		_myPaddingY = thePaddingY;
+		for ( Toggle t : _myRadioToggles ) {
+			t.getCaptionLabel( ).setPadding( thePaddingX , thePaddingY );
+		}
+		return this;
+	}
+
+	/**
+	 * 
+	 * @param theDefaultImage
+	 * @param theOverImage
+	 * @param theActiveImage
+	 * @return RadioButton
+	 */
+	public RadioButton setImages( PImage theDefaultImage , PImage theOverImage , PImage theActiveImage ) {
+		setImage( theDefaultImage , DEFAULT );
+		setImage( theOverImage , OVER );
+		setImage( theActiveImage , ACTIVE );
+		return this;
+	}
+
+	/**
+	 * @param theImage
+	 */
+	public RadioButton setImage( PImage theImage ) {
+		return setImage( theImage , DEFAULT );
+	}
+
+	/**
+	 * @param theImage
+	 * @param theState
+	 *            use Controller.DEFAULT (background), or Controller.OVER (foreground), or
+	 *            Controller.ACTIVE (active)
+	 * @return
+	 */
+	public RadioButton setImage( PImage theImage , int theState ) {
+		if ( theImage != null ) {
+			images[ theState ] = theImage;
+			availableImages[ theState ] = true;
+			for ( int i = 0 ; i < _myRadioToggles.size( ) ; i++ ) {
+				_myRadioToggles.get( i ).setImage( theImage , theState );
+			}
+		}
+		return this;
+	}
+
+	public RadioButton setSize( PImage theImage ) {
+		return setSize( theImage.width , theImage.height );
+	}
+
+	public RadioButton setSize( int theWidth , int theHeight ) {
+		setItemWidth( theWidth );
+		setItemHeight( theHeight );
+		return this;
+	}
+
+	/**
+	 * set the height of a radioButton/checkBox item. by default the height is 11px. in order to
+	 * recognize a custom height, the itemHeight has to be set before adding items to a
+	 * radioButton/checkBox.
+	 * 
+	 * @param theItemHeight
+	 */
+	public RadioButton setItemHeight( int theItemHeight ) {
+		itemHeight = theItemHeight;
+		for ( Toggle t : _myRadioToggles ) {
+			t.setHeight( theItemHeight );
+		}
+		updateLayout( );
+		return this;
+	}
+
+	/**
+	 * set the width of a radioButton/checkBox item. by default the width is 11px. in order to
+	 * recognize a custom width, the itemWidth has to be set before adding items to a
+	 * radioButton/checkBox.
+	 * 
+	 * @param theItemWidth
+	 */
+	public RadioButton setItemWidth( int theItemWidth ) {
+		itemWidth = theItemWidth;
+		for ( Toggle t : _myRadioToggles ) {
+			t.setWidth( theItemWidth );
+		}
+		updateLayout( );
+		return this;
+	}
+
+	/**
+	 * Gets a radio button item by index.
+	 * 
+	 * @param theIndex
+	 * @return Toggle
+	 */
+	public Toggle getItem( int theIndex ) {
+		return _myRadioToggles.get( theIndex );
+	}
+
+	public Toggle getItem( String theName ) {
+		for ( Toggle t : _myRadioToggles ) {
+			if ( theName.equals( t.getName( ) ) ) {
+				return t;
+			}
+		}
+		return null;
+	}
+
+	public List< Toggle > getItems( ) {
+		return _myRadioToggles;
+	}
+
+	/**
+	 * Gets the state of an item - this can be true (for on) or false (for off) - by index.
+	 * 
+	 * @param theIndex
+	 * @return boolean
+	 */
+	public boolean getState( int theIndex ) {
+		if ( theIndex < _myRadioToggles.size( ) && theIndex >= 0 ) {
+			return ( ( Toggle ) _myRadioToggles.get( theIndex ) ).getState( );
+		}
+		return false;
+	}
+
+	/**
+	 * Gets the state of an item - this can be true (for on) or false (for off) - by name.
+	 * 
+	 * @param theName
+	 * @return
+	 */
+	public boolean getState( String theName ) {
+		int n = _myRadioToggles.size( );
+		for ( int i = 0 ; i < n ; i++ ) {
+			Toggle t = _myRadioToggles.get( i );
+			if ( theName.equals( t.getName( ) ) ) {
+				return t.getState( );
+			}
+		}
+		return false;
+	}
+
+	/**
+	 * @exclude
+	 */
+	public void updateLayout( ) {
+		int nn = 0;
+		int xx = 0;
+		int yy = 0;
+		int n = _myRadioToggles.size( );
+		for ( int i = 0 ; i < n ; i++ ) {
+			Toggle t = _myRadioToggles.get( i );
+			set( t.position , xx , yy );
+
+			xx += t.getWidth( ) + spacingColumn;
+			nn++;
+			if ( nn == itemsPerRow ) {
+				nn = 0;
+				_myWidth = xx;
+				yy += t.getHeight( ) + spacingRow;
+				xx = 0;
+			} else {
+				_myWidth = xx;
+			}
+		}
+	}
+
+	/**
+	 * Items of a radioButton or a checkBox are organized in columns and rows. SetItemsPerRow sets
+	 * the limit of items per row. items exceeding the limit will be pushed to the next row.
+	 * 
+	 * @param theValue
+	 */
+	public RadioButton setItemsPerRow( final int theValue ) {
+		itemsPerRow = theValue;
+		updateLayout( );
+		return this;
+	}
+
+	/**
+	 * Sets the spacing in pixels between columns.
+	 * 
+	 * @param theSpacing
+	 */
+	public RadioButton setSpacingColumn( final int theSpacing ) {
+		spacingColumn = theSpacing;
+		updateLayout( );
+		return this;
+	}
+
+	/**
+	 * Sets the spacing in pixels between rows.
+	 * 
+	 * @param theSpacing
+	 */
+	public RadioButton setSpacingRow( final int theSpacing ) {
+		spacingRow = theSpacing;
+		updateLayout( );
+		return this;
+	}
+
+	public RadioButton deactivateAll( ) {
+		if ( !isMultipleChoice && !noneSelectedAllowed ) {
+			return this;
+		}
+		int n = _myRadioToggles.size( );
+		for ( int i = 0 ; i < n ; i++ ) {
+			( ( Toggle ) _myRadioToggles.get( i ) ).deactivate( );
+		}
+		_myValue = -1;
+		updateValues( true );
+		return this;
+	}
+
+	/**
+	 * Deactivates all active RadioButton items and only activates the item corresponding to
+	 * theIndex.
+	 * TODO does not trigger function or value when called by code, fix!
+	 * 
+	 * @param theIndex
+	 */
+	public RadioButton activate( int theIndex ) {
+		int n = _myRadioToggles.size( );
+		if ( theIndex < n ) {
+			for ( int i = 0 ; i < n ; i++ ) {
+				_myRadioToggles.get( i ).deactivate( );
+			}
+			( ( Toggle ) _myRadioToggles.get( theIndex ) ).activate( );
+			_myValue = _myRadioToggles.get( theIndex ).internalValue( );
+			updateValues( true );
+		}
+		return this;
+	}
+
+	/**
+	 * @param theIndex
+	 */
+	public RadioButton deactivate( int theIndex ) {
+		if ( !isMultipleChoice && !noneSelectedAllowed ) {
+			return this;
+		}
+		if ( theIndex < _myRadioToggles.size( ) ) {
+			Toggle t = _myRadioToggles.get( theIndex );
+			if ( t.isActive ) {
+				t.deactivate( );
+				_myValue = -1;
+				updateValues( true );
+			}
+		}
+		return this;
+	}
+
+	/**
+	 * Actives an item of the Radio button by name.
+	 * 
+	 * @param theName
+	 */
+	public RadioButton activate( String theName ) {
+		int n = _myRadioToggles.size( );
+		for ( int i = 0 ; i < n ; i++ ) {
+			Toggle t = _myRadioToggles.get( i );
+			if ( theName.equals( t.getName( ) ) ) {
+				activate( i );
+				return this;
+			}
+		}
+		return this;
+	}
+
+	/**
+	 * Deactivates a RadioButton by name and sets the value of the RadioButton to the default value
+	 * -1.
+	 * 
+	 * @param theName
+	 */
+	public RadioButton deactivate( String theName ) {
+		int n = _myRadioToggles.size( );
+		for ( int i = 0 ; i < n ; i++ ) {
+			Toggle t = _myRadioToggles.get( i );
+			if ( theName.equals( t.getName( ) ) ) {
+				t.deactivate( );
+				_myValue = -1;
+				updateValues( true );
+				return this;
+			}
+		}
+		return this;
+	}
+
+	/**
+	 * @exclude
+	 * @param theIndex
+	 */
+	public RadioButton toggle( int theIndex ) {
+		// TODO
+		// boolean itemState = ((Toggle)
+		// _myRadioToggles.get(theIndex)).getState();
+		// if (theIndex < _myRadioToggles.size()) {
+		// Toggle t = ((Toggle) _myRadioToggles.get(theIndex));
+		// if (t.isActive) {
+		// t.deactivate();
+		// _myValue = -1;
+		// updateValues(true);
+		// }
+		// }
+		ControlP5.logger( ).info( "toggle() not yet implemented, working on it." );
+		return this;
+	}
+
+	/**
+	 * {@inheritDoc}
+	 * 
+	 * @exclude
+	 */
+	@ControlP5.Invisible @Override public void controlEvent( ControlEvent theEvent ) {
+		if ( !isMultipleChoice ) {
+			if ( noneSelectedAllowed == false && theEvent.getController( ).getValue( ) < 1 ) {
+				if ( theEvent.getController( ) instanceof Toggle ) {
+					Toggle t = ( ( Toggle ) theEvent.getController( ) );
+					boolean b = t.isBroadcast( );
+					t.setBroadcast( false );
+					t.setState( true );
+					t.setBroadcast( b );
+					return;
+				}
+			}
+			_myValue = -1;
+			int n = _myRadioToggles.size( );
+			for ( int i = 0 ; i < n ; i++ ) {
+				Toggle t = _myRadioToggles.get( i );
+				if ( !t.equals( theEvent.getController( ) ) ) {
+					t.deactivate( );
+				} else {
+					if ( t.isOn ) {
+						_myValue = t.internalValue( );
+					}
+				}
+			}
+		}
+		if ( _myPlug != null ) {
+			try {
+				Method method = _myPlug.getClass( ).getMethod( _myPlugName , int.class );
+				method.invoke( _myPlug , ( int ) _myValue );
+			} catch ( SecurityException ex ) {
+				ex.printStackTrace( );
+			} catch ( NoSuchMethodException ex ) {
+				ex.printStackTrace( );
+			} catch ( IllegalArgumentException ex ) {
+				ex.printStackTrace( );
+			} catch ( IllegalAccessException ex ) {
+				ex.printStackTrace( );
+			} catch ( InvocationTargetException ex ) {
+				ex.printStackTrace( );
+			}
+		}
+		updateValues( true );
+	}
+
+	public RadioButton plugTo( Object theObject ) {
+		_myPlug = theObject;
+		if ( !ControllerPlug.checkPlug( _myPlug , _myPlugName , new Class[] { int.class } ) ) {
+			_myPlug = null;
+		}
+		return this;
+	}
+
+	public RadioButton plugTo( Object theObject , String thePlugName ) {
+		_myPlug = theObject;
+		_myPlugName = thePlugName;
+		if ( !ControllerPlug.checkPlug( _myPlug , _myPlugName , new Class[] { int.class } ) ) {
+			_myPlug = null;
+		}
+		return this;
+	}
+
+	protected void updateValues( boolean theBroadcastFlag ) {
+		int n = _myRadioToggles.size( );
+		_myArrayValue = new float[ n ];
+		for ( int i = 0 ; i < n ; i++ ) {
+			Toggle t = ( ( Toggle ) _myRadioToggles.get( i ) );
+			_myArrayValue[ i ] = t.getValue( );
+		}
+		if ( theBroadcastFlag ) {
+			ControlEvent myEvent = new ControlEvent( this );
+			cp5.getControlBroadcaster( ).broadcast( myEvent , ControlP5Constants.FLOAT );
+		}
+
+	}
+
+	/**
+	 * In order to always have 1 item selected, use setNoneSelectedAllowed(false), by default this
+	 * is true. setNoneSelectedAllowed does not apply when in multipleChoice mode.
+	 * 
+	 * @param theValue
+	 */
+	public RadioButton setNoneSelectedAllowed( boolean theValue ) {
+		noneSelectedAllowed = theValue;
+		return this;
+	}
+
+	/**
+	 * Sets the value for all RadioButton items according to the values of the array passed on. 0
+	 * will turn off an item, any other value will turn it on.
+	 */
+	@Override public RadioButton setArrayValue( float[] theArray ) {
+		for ( int i = 0 ; i < theArray.length ; i++ ) {
+			if ( _myArrayValue[ i ] != theArray[ i ] ) {
+				if ( theArray[ i ] == 0 ) {
+					deactivate( i );
+				} else {
+					activate( i );
+				}
+			}
+		}
+		super.setArrayValue( theArray );
+		return this;
+	}
+
+	public RadioButton setColorLabels( int theColor ) {
+		for ( Toggle t : _myRadioToggles ) {
+			t.getCaptionLabel( ).setColor( theColor );
+		}
+		return this;
+	}
+
+	public RadioButton hideLabels( ) {
+		for ( Toggle t : _myRadioToggles ) {
+			t.getCaptionLabel( ).setVisible( false );
+		}
+		return this;
+	}
+
+	public RadioButton showLabels( ) {
+		for ( Toggle t : _myRadioToggles ) {
+			t.getCaptionLabel( ).setVisible( true );
+		}
+		return this;
+	}
+
+	public RadioButton toUpperCase( boolean theValue ) {
+		for ( Toggle t : _myRadioToggles ) {
+			t.getCaptionLabel( ).toUpperCase( theValue );
+		}
+		return this;
+	}
+
+	/**
+	 * @exclude {@inheritDoc}
+	 */
+	@Override public String getInfo( ) {
+		return "type:\tRadioButton\n" + super.getInfo( );
+	}
+
+	/**
+	 * @deprecated
+	 * @exclude
+	 */
+	@Deprecated public RadioButton add( final String theName , final float theValue ) {
+		return addItem( theName , theValue );
+	}
+}
diff --git a/src/controlP5/Range.java b/src/controlP5/Range.java
new file mode 100755
index 0000000..606e8f0
--- /dev/null
+++ b/src/controlP5/Range.java
@@ -0,0 +1,509 @@
+package controlP5;
+
+/**
+ * controlP5 is a processing gui library.
+ * 
+ * 2006-2012 by Andreas Schlegel
+ * 
+ * This library is free software; you can redistribute it and/or
+ * modify it under the terms of the GNU Lesser General Public License
+ * as published by the Free Software Foundation; either version 2.1
+ * of the License, or (at your option) any later version.
+ * This library is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
+ * Lesser General Public License for more details.
+ * 
+ * You should have received a copy of the GNU Lesser General
+ * Public License along with this library; if not, write to the
+ * Free Software Foundation, Inc., 59 Temple Place, Suite 330,
+ * Boston, MA 02111-1307 USA
+ * 
+ * @author Andreas Schlegel (http://www.sojamo.de)
+ * @modified ##date##
+ * @version ##version##
+ * 
+ */
+
+import java.util.ArrayList;
+import java.util.logging.Level;
+
+import processing.core.PApplet;
+import processing.core.PGraphics;
+import processing.core.PVector;
+import controlP5.ControlP5.Invisible;
+
+/**
+ * A range slider works just like a slider but can be adjusted on both ends.
+ * 
+ * @see Slider
+ * @example controllers/ControlP5range
+ * @nosuperclasses Controller Controller
+ */
+public class Range extends Controller< Range > {
+
+	/* TODO if range value is int, value labels do initialize as floats. first click makes them
+	 * display as ints without decimal point */
+	protected static final int HORIZONTAL = 0;
+	protected static final int VERTICAL = 1;
+	protected int _myDirection;
+	protected float _myValuePosition;
+	protected boolean isDragging;
+	protected boolean isDraggable = true;
+	protected boolean isFirstClick;
+	protected Label _myHighValueLabel;
+	protected float _myValueRange;
+	protected boolean isMinHandle;
+	protected boolean isMaxHandle;
+	protected boolean isMoveHandle;
+	protected float distanceHandle;
+	protected int handleSize = 10;
+	protected int minHandle = 0;
+	protected int maxHandle = 0;
+	protected int mr = 0;
+	protected final ArrayList< TickMark > _myTickMarks = new ArrayList< TickMark >( );
+	protected boolean isShowTickMarks;
+	protected boolean isSnapToTickMarks;
+	public static int autoWidth = 99;
+	public static int autoHeight = 9;
+	public static PVector autoSpacing = new PVector( 0 , 5 , 0 );
+	public int alignValueLabel = CENTER;
+	protected int _myColorTickMark = 0xffffffff;
+	private int mode = -1;
+
+	/**
+	 * Convenience constructor to extend Range.
+	 * 
+	 * @example use/ControlP5extendController
+	 * @param theControlP5
+	 * @param theName
+	 */
+	public Range( ControlP5 theControlP5 , String theName ) {
+		this( theControlP5 , theControlP5.getDefaultTab( ) , theName , 0 , 100 , 0 , 100 , 0 , 0 , 99 , 9 );
+		theControlP5.register( theControlP5.papplet , theName , this );
+	}
+
+	/**
+	 * 
+	 * @param theControlP5 ControlP5
+	 * @param theParent ControllerGroup
+	 * @param theName String
+	 * @param theMin float
+	 * @param theMax float
+	 * @param theDefaultValue float
+	 * @param theX int
+	 * @param theY int
+	 * @param theWidth int
+	 * @param theHeight int
+	 */
+	@ControlP5.Invisible public Range( ControlP5 theControlP5 , ControllerGroup< ? > theParent , String theName , float theMin , float theMax , float theDefaultMinValue , float theDefaultMaxValue , int theX , int theY , int theWidth , int theHeight ) {
+		super( theControlP5 , theParent , theName , theX , theY , theWidth , theHeight );
+
+		_myArrayValue = new float[] { theDefaultMinValue , theDefaultMaxValue };
+
+		_myMin = theMin;
+		_myMax = theMax;
+		_myValueRange = _myMax - _myMin;
+
+		minHandle = ( int ) PApplet.map( theDefaultMinValue , _myMin , _myMax , handleSize , getWidth( ) - handleSize );
+		maxHandle = ( int ) PApplet.map( theDefaultMaxValue , _myMin , _myMax , handleSize , getWidth( ) - handleSize );
+		mr = maxHandle - minHandle;
+
+		_myCaptionLabel = new Label( cp5 , theName ).setColor( color.getCaptionLabel( ) ).align( RIGHT_OUTSIDE , CENTER );
+		_myValueLabel = new Label( cp5 , "" + adjustValue( _myMin ) ).setColor( color.getValueLabel( ) ).set( "" + adjustValue( theDefaultMinValue ) ).align( LEFT , CENTER );
+		_myHighValueLabel = new Label( cp5 , adjustValue( _myMax ) ).setColor( color.getValueLabel( ) ).set( "" + adjustValue( theDefaultMaxValue ) ).align( RIGHT , CENTER );
+
+		_myValue = theDefaultMinValue;
+
+		_myDirection = HORIZONTAL;
+
+		update( );
+
+	}
+
+	@Override public Range setColorValueLabel( int theColor ) {
+		_myValueLabel.setColor( theColor );
+		_myHighValueLabel.setColor( theColor );
+		return this;
+	}
+
+	@Override public Range setColorCaptionLabel( int theColor ) {
+		_myCaptionLabel.setColor( theColor );
+		return this;
+	}
+
+	public Range setHighValueLabel( final String theLabel ) {
+		_myHighValueLabel.set( theLabel );
+		return this;
+	}
+
+	public Range setLowValueLabel( final String theLabel ) {
+		_myValueLabel.set( theLabel );
+		return this;
+	}
+
+	@ControlP5.Invisible public Range setSliderMode( int theMode ) {
+		return this;
+	}
+
+	public Range setHandleSize( int theSize ) {
+		handleSize = theSize;
+		setLowValue( _myArrayValue[ 0 ] , false );
+		setHighValue( _myArrayValue[ 1 ] , false );
+		mr = maxHandle - minHandle;
+		return this;
+	}
+
+	@ControlP5.Invisible public Range updateInternalEvents( PApplet theApplet ) {
+		if ( isVisible ) {
+			int c = _myControlWindow.mouseX - _myControlWindow.pmouseX;
+			if ( c == 0 ) {
+				return this;
+			}
+			if ( isMousePressed && !cp5.isAltDown( ) ) {
+				switch ( mode ) {
+				case ( LEFT ):
+					minHandle = PApplet.max( handleSize , PApplet.min( maxHandle , minHandle + c ) );
+					break;
+				case ( RIGHT ):
+					maxHandle = PApplet.max( minHandle , PApplet.min( getWidth( ) - handleSize , maxHandle + c ) );
+					break;
+				case ( CENTER ):
+					minHandle = PApplet.max( handleSize , PApplet.min( getWidth( ) - mr - handleSize , minHandle + c ) );
+					maxHandle = PApplet.max( minHandle , PApplet.min( getWidth( ) - handleSize , minHandle + mr ) );
+					break;
+				}
+				update( );
+			}
+		}
+		return this;
+	}
+
+	@Override @Invisible public void mousePressed( ) {
+
+		final float posX = x( _myParent.getAbsolutePosition( ) ) + x( position );
+		final float posY = y( _myParent.getAbsolutePosition( ) ) + y( position );
+
+		if ( _myControlWindow.mouseY < posY || _myControlWindow.mouseY > posY + getHeight( ) ) {
+			mode = -1;
+			isMinHandle = isMaxHandle = false;
+			return;
+		}
+
+		int x0 = ( int ) ( posX + minHandle );
+		int x1 = ( int ) ( posX + maxHandle );
+
+		if ( _myControlWindow.mouseX >= x0 - handleSize && _myControlWindow.mouseX < x0 ) {
+			mode = LEFT;
+			isMinHandle = true;
+		} else if ( _myControlWindow.mouseX >= x1 && _myControlWindow.mouseX < x1 + handleSize ) {
+			mode = RIGHT;
+			isMaxHandle = true;
+		} else if ( _myControlWindow.mouseX > x0 && _myControlWindow.mouseX < x1 && isDraggable ) {
+			mode = CENTER;
+		}
+	}
+
+	/**
+	 * set the value of the range-slider. to set the low and high value, use setLowValue and
+	 * setHighValue or setRangeValues
+	 * 
+	 * @see #setLowValue(float)
+	 * @see #setHighValue(float)
+	 * @see #setRangeValues(float, float)
+	 * 
+	 * @param theValue float
+	 * @return Range
+	 */
+	@Override @ControlP5.Invisible public Range setValue( float theValue ) {
+		_myValue = theValue;
+		broadcast( ARRAY );
+		return this;
+	}
+
+	/**
+	 * @exclude
+	 */
+	@Override @ControlP5.Invisible public Range update( ) {
+		_myArrayValue[ 0 ] = PApplet.map( minHandle , handleSize , getWidth( ) - handleSize , _myMin , _myMax );
+		_myArrayValue[ 1 ] = PApplet.map( maxHandle , handleSize , getWidth( ) - handleSize , _myMin , _myMax );
+		mr = maxHandle - minHandle;
+		_myHighValueLabel.set( adjustValue( _myArrayValue[ 1 ] ) );
+		_myValueLabel.set( adjustValue( _myArrayValue[ 0 ] ) );
+		return setValue( _myValue );
+	}
+
+	@ControlP5.Invisible public Range setDraggable( boolean theFlag ) {
+		isDraggable = theFlag;
+		isDragging = ( theFlag == false ) ? false : isDragging;
+		return this;
+	}
+
+	public float[] getArrayValue( ) {
+		return _myArrayValue;
+	}
+
+	@Override public Range setArrayValue( float[] theArray ) {
+		setLowValue( theArray[ 0 ] , false );
+		setHighValue( theArray[ 1 ] , false );
+		return update( );
+	}
+
+	@Override public Range setMin( float theValue ) {
+		_myMin = theValue;
+		_myValueRange = _myMax - _myMin;
+		return setLowValue( _myArrayValue[ 0 ] );
+	}
+
+	@Override public Range setMax( float theValue ) {
+		_myMax = theValue;
+		_myValueRange = _myMax - _myMin;
+		return setHighValue( _myArrayValue[ 1 ] );
+	}
+
+	public float getLowValue( ) {
+		return _myArrayValue[ 0 ];
+	}
+
+	public float getHighValue( ) {
+		return _myArrayValue[ 1 ];
+	}
+
+	@Override public Range setWidth( int theValue ) {
+		super.setWidth( theValue );
+		return this;
+	}
+
+	@Override public Range setHeight( int theValue ) {
+		super.setHeight( theValue );
+		return this;
+	}
+
+	@Override @ControlP5.Invisible public void mouseReleased( ) {
+		isDragging = isMinHandle = isMaxHandle = isMoveHandle = false;
+		mode = -1;
+	}
+
+	@Override @ControlP5.Invisible public void mouseReleasedOutside( ) {
+		mouseReleased( );
+	}
+
+	@Override @ControlP5.Invisible public void onLeave( ) {
+		isMinHandle = false;
+		isMaxHandle = false;
+	}
+
+	protected void setTickMarks( ) {
+		System.out.println( "Range Tickmarks not yet supported" );
+	}
+
+	public Range setColorTickMark( int theColor ) {
+		_myColorTickMark = theColor;
+		return this;
+	}
+
+	public Range showTickMarks( boolean theFlag ) {
+		isShowTickMarks = theFlag;
+		return this;
+	}
+
+	public Range snapToTickMarks( boolean theFlag ) {
+		isSnapToTickMarks = theFlag;
+		System.out.println( "Range Tickmarks not yet supported" );
+		return this;
+	}
+
+	@ControlP5.Invisible public TickMark getTickMark( ) {
+		System.out.println( "Range Tickmarks not yet supported" );
+		return null;
+	}
+
+	public ArrayList< TickMark > getTickMarks( ) {
+		return _myTickMarks;
+	}
+
+	public Range setNumberOfTickMarks( int theNumber ) {
+		System.out.println( "Range Tickmarks not yet supported" );
+		_myTickMarks.clear( );
+		if ( theNumber > 0 ) {
+			for ( int i = 0 ; i < theNumber ; i++ ) {
+				_myTickMarks.add( new TickMark( this ) );
+			}
+			showTickMarks( true );
+			snapToTickMarks( true );
+		} else {
+			showTickMarks( false );
+			snapToTickMarks( false );
+		}
+		_myUnit = ( _myMax - _myMin ) / ( ( getWidth( ) > getHeight( ) ) ? getWidth( ) - 1 : getHeight( ) - 1 );
+		setLowValue( _myArrayValue[ 0 ] , false );
+		setHighValue( _myArrayValue[ 1 ] , false );
+		return update( );
+	}
+
+	public Range setRange( float theMinValue , float theMaxValue ) {
+		setMin( theMinValue );
+		setMax( theMaxValue );
+		return this;
+	}
+
+	public Range setRangeValues( float theLowValue , float theHighValue ) {
+		return setArrayValue( new float[] { theLowValue , theHighValue } );
+	}
+
+	private Range setLowValue( float theValue , boolean isUpdate ) {
+		_myArrayValue[ 0 ] = PApplet.max( _myMin , snapValue( theValue ) );
+		minHandle = ( int ) PApplet.map( _myArrayValue[ 0 ] , _myMin , _myMax , handleSize , getWidth( ) - handleSize );
+		return ( isUpdate ) ? update( ) : this;
+	}
+
+	public Range setLowValue( float theValue ) {
+		return setLowValue( theValue , true );
+	}
+
+	private Range setHighValue( float theValue , boolean isUpdate ) {
+		_myArrayValue[ 1 ] = PApplet.min( _myMax , snapValue( theValue ) );
+		maxHandle = ( int ) PApplet.map( _myArrayValue[ 1 ] , _myMin , _myMax , handleSize , getWidth( ) - handleSize );
+		return ( isUpdate ) ? update( ) : this;
+	}
+
+	public Range setHighValue( float theValue ) {
+		return setHighValue( theValue , true );
+	}
+
+	protected float snapValue( float theValue ) {
+		if ( isMousePressed ) {
+			return theValue;
+		}
+		if ( isSnapToTickMarks ) {
+			_myValuePosition = ( ( theValue - _myMin ) / _myUnit );
+			float n = PApplet.round( PApplet.map( _myValuePosition , 0 , ( _myDirection == HORIZONTAL ) ? getWidth( ) : getHeight( ) , 0 , _myTickMarks.size( ) - 1 ) );
+			theValue = PApplet.map( n , 0 , _myTickMarks.size( ) - 1 , _myMin , _myMax );
+		}
+		return theValue;
+	}
+
+	@Override @ControlP5.Invisible public Range updateDisplayMode( int theMode ) {
+		_myDisplayMode = theMode;
+		switch ( theMode ) {
+		case ( DEFAULT ):
+			_myControllerView = new RangeView( );
+			break;
+		case ( SPRITE ):
+			_myControllerView = new RangeSpriteView( );
+			break;
+		case ( IMAGE ):
+			_myControllerView = new RangeImageView( );
+			break;
+		case ( CUSTOM ):
+		default:
+			break;
+		}
+		return this;
+	}
+
+	class RangeSpriteView implements ControllerView< Range > {
+
+		public void display( PGraphics theGraphics , Range theController ) {
+
+			ControlP5.logger( ).log( Level.INFO , "RangeSpriteDisplay not available." );
+
+		}
+
+	}
+
+	class RangeView implements ControllerView< Range > {
+
+		public void display( PGraphics theGraphics , Range theController ) {
+
+			int high = mode;
+
+			final float posX = x( _myParent.getAbsolutePosition( ) ) + x( position );
+			int x0 = ( int ) ( posX + minHandle );
+			int x1 = ( int ) ( posX + maxHandle );
+
+			if ( isInside( ) && high < 0 ) {
+				if ( _myControlWindow.mouseX >= x0 - handleSize && _myControlWindow.mouseX < x0 ) {
+					high = LEFT;
+				} else if ( _myControlWindow.mouseX >= x1 && _myControlWindow.mouseX < x1 + handleSize ) {
+					high = RIGHT;
+				} else if ( _myControlWindow.mouseX > x0 && _myControlWindow.mouseX < x1 && isDraggable ) {
+					high = CENTER;
+				}
+			}
+
+			theGraphics.pushMatrix( );
+
+			theGraphics.fill( color.getBackground( ) );
+
+			theGraphics.noStroke( );
+
+			theGraphics.rect( 0 , 0 , getWidth( ) , getHeight( ) );
+
+			theGraphics.fill( high == CENTER ? color.getActive( ) : color.getForeground( ) );
+
+			if ( isShowTickMarks ) {
+				int n = handleSize / 2;
+				theGraphics.rect( minHandle - n , 0 , mr + handleSize , getHeight( ) );
+				theGraphics.fill( ( isMinHandle || high == LEFT ) ? color.getActive( ) : color.getForeground( ) );
+				theGraphics.triangle( minHandle - handleSize , 0 , minHandle , 0 , minHandle - n , getHeight( ) );
+				theGraphics.fill( ( isMaxHandle || high == RIGHT ) ? color.getActive( ) : color.getForeground( ) );
+				theGraphics.triangle( maxHandle , 0 , maxHandle + handleSize , 0 , maxHandle + n , getHeight( ) );
+			} else {
+				theGraphics.rect( minHandle , 0 , mr , getHeight( ) );
+				theGraphics.fill( ( isMinHandle || high == LEFT ) ? color.getActive( ) : color.getForeground( ) );
+				theGraphics.rect( ( minHandle - handleSize ) , 0 , handleSize , getHeight( ) );
+				theGraphics.fill( ( isMaxHandle || high == RIGHT ) ? color.getActive( ) : color.getForeground( ) );
+				theGraphics.rect( maxHandle , 0 , handleSize , getHeight( ) );
+
+			}
+
+			if ( isLabelVisible ) {
+				_myCaptionLabel.draw( theGraphics , 0 , 0 , theController );
+				_myValueLabel.draw( theGraphics , 0 , 0 , theController );
+				_myHighValueLabel.draw( theGraphics , 0 , 0 , theController );
+			}
+
+			theGraphics.popMatrix( );
+
+			if ( isShowTickMarks ) {
+				theGraphics.pushMatrix( );
+				float x = ( getWidth( ) - handleSize ) / ( getTickMarks( ).size( ) - 1 );
+				theGraphics.translate( handleSize / 2 , getHeight( ) );
+				theGraphics.fill( _myColorTickMark );
+				for ( TickMark tm : getTickMarks( ) ) {
+					tm.draw( theGraphics );
+					theGraphics.translate( x , 0 );
+				}
+				theGraphics.popMatrix( );
+			}
+		}
+	}
+
+	class RangeImageView implements ControllerView< Range > {
+
+		public void display( PGraphics theGraphics , Range theController ) {
+
+			ControlP5.logger( ).log( Level.INFO , "RangeImageDisplay not implemented." );
+
+		}
+
+	}
+
+	@Override @ControlP5.Invisible public String toString( ) {
+		return "type:\tRange\n" + super.toString( );
+	}
+
+	@Deprecated public float lowValue( ) {
+		return getLowValue( );
+	}
+
+	@Deprecated public float highValue( ) {
+		return getHighValue( );
+	}
+
+	@Deprecated public float[] arrayValue( ) {
+		return _myArrayValue;
+	}
+
+}
diff --git a/src/controlP5/ScrollableList.java b/src/controlP5/ScrollableList.java
new file mode 100644
index 0000000..e2ced6c
--- /dev/null
+++ b/src/controlP5/ScrollableList.java
@@ -0,0 +1,471 @@
+package controlP5;
+
+import static controlP5.ControlP5.b;
+
+import java.util.ArrayList;
+import java.util.Arrays;
+import java.util.Collections;
+import java.util.HashMap;
+import java.util.List;
+import java.util.Map;
+
+import processing.core.PApplet;
+import processing.core.PGraphics;
+import processing.event.KeyEvent;
+
+/**
+ * controlP5 is a processing gui library.
+ * 
+ * 2006-2012 by Andreas Schlegel
+ * 
+ * This library is free software; you can redistribute it
+ * and/or modify it under the terms of the GNU Lesser
+ * General Public License as published by the Free Software
+ * Foundation; either version 2.1 of the License, or (at
+ * your option) any later version. This library is
+ * distributed in the hope that it will be useful, but
+ * WITHOUT ANY WARRANTY; without even the implied warranty
+ * of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.
+ * See the GNU Lesser General Public License for more
+ * details.
+ * 
+ * You should have received a copy of the GNU Lesser General
+ * Public License along with this library; if not, write to
+ * the Free Software Foundation, Inc., 59 Temple Place,
+ * Suite 330, Boston, MA 02111-1307 USA
+ * 
+ * @author Andreas Schlegel (http://www.sojamo.de)
+ * @modified ##date##
+ * @version ##version##
+ * 
+ */
+
+/**
+ * A ScrollableList is a list of vertically aligned items
+ * which can be scrolled if required.
+ * 
+ * @example controllers/ControlP5scrollableList
+ */
+public class ScrollableList extends Controller< ScrollableList > implements ControlListener {
+
+	private int _myType = DROPDOWN;
+	protected int _myBackgroundColor = 0x00ffffff;
+	protected int itemHeight = 13;
+	protected int barHeight = 10;
+	private float scrollSensitivity = 1;
+	private boolean isOpen = true;
+	protected List< Map< String , Object > > items;
+	protected int itemRange = 5;
+	protected int itemHover = -1;
+	private int itemIndexOffset = 0;
+	private int itemSpacing = 1;
+	private int _myDirection = PApplet.DOWN;
+	private boolean isBarVisible = true;
+	static public final int LIST = ControlP5.LIST;
+	static public final int DROPDOWN = ControlP5.DROPDOWN;
+	static public final int CHECKBOX = ControlP5.CHECKBOX; /* TODO */
+	static public final int TREE = ControlP5.TREE; /* TODO */
+
+	public ScrollableList( ControlP5 theControlP5 , String theName ) {
+		this( theControlP5 , theControlP5.getDefaultTab( ) , theName , 0 , 0 , 99 , 199 );
+		theControlP5.register( theControlP5.papplet , theName , this );
+	}
+
+	protected ScrollableList( ControlP5 theControlP5 , ControllerGroup< ? > theGroup , String theName , int theX , int theY , int theW , int theH ) {
+		super( theControlP5 , theGroup , theName , theX , theY , theW , theH );
+		items = new ArrayList< Map< String , Object > >( );
+		updateHeight( );
+	}
+
+	public boolean isOpen( ) {
+		return isOpen;
+	}
+
+	public ScrollableList open( ) {
+		return setOpen( true );
+	}
+
+	public ScrollableList close( ) {
+		return setOpen( false );
+	}
+
+	public ScrollableList setOpen( boolean b ) {
+		isOpen = b;
+		return this;
+	}
+
+	@Override public int getHeight( ) {
+		return isOpen ? super.getHeight( ) : barHeight;
+	}
+
+	public ScrollableList setType( int theType ) {
+		_myType = theType;
+		return this;
+	}
+
+	public void setDirection( int theDirection ) {
+		_myDirection = ( theDirection == PApplet.UP ) ? PApplet.UP : PApplet.DOWN;
+	}
+
+	@Override protected boolean inside( ) {
+		/* constrain the bounds of the controller to the
+		 * dimensions of the cp5 area, required since
+		 * PGraphics as render area has been introduced. */
+		float x0 = PApplet.max( 0 , x( position ) + x( _myParent.getAbsolutePosition( ) ) );
+		float x1 = PApplet.min( cp5.pgw , x( position ) + x( _myParent.getAbsolutePosition( ) ) + getWidth( ) );
+		float y0 = PApplet.max( 0 , y( position ) + y( _myParent.getAbsolutePosition( ) ) );
+		float y1 = PApplet.min( cp5.pgh , y( position ) + y( _myParent.getAbsolutePosition( ) ) + getHeight( ) );
+		if ( y1 < y0 ) {
+			float ty = y0;
+			y0 = y1;
+			y1 = ty;
+		}
+		return ( _myControlWindow.mouseX > x0 && _myControlWindow.mouseX < x1 && _myControlWindow.mouseY > ( y1 < y0 ? y1 : y0 ) && _myControlWindow.mouseY < ( y0 < y1 ? y1 : y0 ) );
+	}
+
+	@Override protected void onRelease( ) {
+		if ( !isDragged ) {
+			if ( getPointer( ).y( ) >= 0 && getPointer( ).y( ) <= barHeight ) {
+				setOpen( !isOpen( ) );
+			} else if ( isOpen ) {
+
+				double n = Math.floor( ( getPointer( ).y( ) - barHeight ) / itemHeight );
+
+				// n += itemRange; /* UP */
+				int index = ( int ) n + itemIndexOffset;
+
+				Map m = items.get( index );
+
+				switch ( _myType ) {
+				case ( LIST ):
+					setValue( index );
+					for ( Object o : items ) {
+						( ( Map ) o ).put( "state" , false );
+					}
+					m.put( "state" , !ControlP5.b( m.get( "state" ) ) );
+					break;
+				case ( DROPDOWN ):
+					setValue( index );
+					setOpen( false );
+					getCaptionLabel( ).setText( ( m.get( "text" ).toString( ) ) );
+					break;
+				case ( CHECKBOX ):
+					m.put( "state" , !ControlP5.b( m.get( "state" ) ) );
+					break;
+				}
+
+			}
+		}
+	}
+
+	@Override protected void onDrag( ) {
+		scroll( getPointer( ).dy( ) );
+	}
+
+	@Override protected void onScroll( int theValue ) {
+		scroll( theValue );
+	}
+
+	private void scroll( int theValue ) {
+		if ( isOpen ) {
+			itemIndexOffset += theValue;
+			itemIndexOffset = ( int ) ( Math.floor( Math.max( 0 , Math.min( itemIndexOffset , items.size( ) - itemRange ) ) ) );
+			itemHover = -2;
+		}
+	}
+
+	@Override protected void onLeave( ) {
+		itemHover = -1;
+	}
+
+	private void updateHover( ) {
+		if ( getPointer( ).y( ) > barHeight ) {
+			double n = Math.floor( ( getPointer( ).y( ) - barHeight ) / itemHeight );
+			itemHover = ( int ) ( itemIndexOffset + n );
+		} else {
+			itemHover = -1;
+		}
+	}
+
+	@Override protected void onEnter( ) {
+		updateHover( );
+	}
+
+	@Override protected void onMove( ) {
+		updateHover( );
+	}
+
+	@Override protected void onEndDrag( ) {
+		updateHover( );
+	}
+
+	private int updateHeight( ) {
+		itemRange = ( PApplet.abs( getHeight( ) ) - ( isBarVisible( ) ? barHeight : 0 ) ) / itemHeight;
+		return itemHeight * ( items.size( ) < itemRange ? items.size( ) : itemRange );
+	}
+
+	public ScrollableList setItemHeight( int theHeight ) {
+		itemHeight = theHeight;
+		updateHeight( );
+		return this;
+	}
+
+	public ScrollableList setBarHeight( int theHeight ) {
+		barHeight = theHeight;
+		updateHeight( );
+		return this;
+	}
+
+	public int getBarHeight( ) {
+		return barHeight;
+	}
+
+	public ScrollableList setScrollSensitivity( float theSensitivity ) {
+		scrollSensitivity = theSensitivity;
+		return this;
+	}
+
+	public ScrollableList setBarVisible( boolean b ) {
+		isBarVisible = b;
+		updateHeight( );
+		return this;
+	}
+
+	public boolean isBarVisible( ) {
+		return isBarVisible;
+	}
+
+	private Map< String , Object > getDefaultItemMap( String theName , Object theValue ) {
+		Map< String , Object > item = new HashMap< String , Object >( );
+		item.put( "name" , theName );
+		item.put( "text" , theName );
+		item.put( "value" , theValue );
+		item.put( "color" , getColor( ) );
+		item.put( "view" , new CDrawable( ) {
+			@Override public void draw( PGraphics theGraphics ) {
+			}
+
+		} );
+		item.put( "state" , false );
+		return item;
+	}
+
+	public ScrollableList addItem( String theName , Object theValue ) {
+		Map< String , Object > item = getDefaultItemMap( theName , theValue );
+		items.add( item );
+		return this;
+	}
+
+	public ScrollableList addItems( String[] theItems ) {
+		addItems( Arrays.asList( theItems ) );
+		return this;
+	}
+
+	public ScrollableList addItems( List< String > theItems ) {
+		for ( int i = 0 ; i < theItems.size( ) ; i++ ) {
+			addItem( theItems.get( i ).toString( ) , i );
+		}
+		return this;
+	}
+
+	public ScrollableList addItems( Map< String , Object > theItems ) {
+		for ( Map.Entry< String , Object > item : theItems.entrySet( ) ) {
+			addItem( item.getKey( ) , item.getValue( ) );
+		}
+		return this;
+	}
+
+	public ScrollableList setItems( String[] theItems ) {
+		setItems( Arrays.asList( theItems ) );
+		return this;
+	}
+
+	public ScrollableList setItems( List< String > theItems ) {
+		items.clear( );
+		return addItems( theItems );
+	}
+
+	public ScrollableList setItems( Map< String , Object > theItems ) {
+		items.clear( );
+		return addItems( theItems );
+	}
+
+	public ScrollableList removeItems( List< String > theItems ) {
+		for ( String s : theItems ) {
+			removeItem( s );
+		}
+		return this;
+	}
+
+	public ScrollableList removeItem( String theName ) {
+		if ( theName != null ) {
+
+			List l = new ArrayList( );
+			for ( Map m : items ) {
+				if ( theName.equals( m.get( "name" ) ) ) {
+					l.add( m );
+				}
+			}
+			items.removeAll( l );
+		}
+		return this;
+	}
+
+	public void updateItemIndexOffset( ) {
+		int m1 = items.size( ) > itemRange ? ( itemIndexOffset + itemRange ) : items.size( );
+		int n = ( m1 - items.size( ) );
+		if ( n >= 0 ) {
+			itemIndexOffset -= n;
+		}
+	}
+
+	public Map< String , Object > getItem( int theIndex ) {
+		return items.get( theIndex );
+	}
+
+	public Map< String , Object > getItem( String theName ) {
+		if ( theName != null ) {
+			for ( Map< String , Object > o : items ) {
+				if ( theName.equals( o.get( "name" ) ) ) {
+					return o;
+				}
+			}
+		}
+		return Collections.EMPTY_MAP;
+	}
+
+	public List getItems( ) {
+		return Collections.unmodifiableList( items );
+	}
+
+	public ScrollableList clear( ) {
+		for ( int i = items.size( ) - 1 ; i >= 0 ; i-- ) {
+			items.remove( i );
+		}
+		items.clear( );
+		itemIndexOffset = 0;
+		return this;
+	}
+
+	@Override public void controlEvent( ControlEvent theEvent ) {
+		// TODO Auto-generated method stub
+	}
+
+	public ScrollableList setBackgroundColor( int theColor ) {
+		_myBackgroundColor = theColor;
+		return this;
+	}
+
+	public int getBackgroundColor( ) {
+		return _myBackgroundColor;
+	}
+
+	@Override @ControlP5.Invisible public ScrollableList updateDisplayMode( int theMode ) {
+		_myDisplayMode = theMode;
+		switch ( theMode ) {
+		case ( DEFAULT ):
+			_myControllerView = new ScrollableListView( );
+			break;
+		case ( IMAGE ):
+		case ( SPRITE ):
+		case ( CUSTOM ):
+		default:
+			break;
+		}
+		return this;
+	}
+
+	static public class ScrollableListView implements ControllerView< ScrollableList > {
+
+		public void display( PGraphics g , ScrollableList c ) {
+
+			// setHeight( -200 ); /* UP */
+
+			g.noStroke( );
+
+			if ( c.isBarVisible( ) ) {
+				boolean b = c.itemHover == -1 && c.isInside && !c.isDragged;
+				g.fill( b ? c.getColor( ).getForeground( ) : c.getColor( ).getBackground( ) );
+				g.rect( 0 , 0 , c.getWidth( ) , c.barHeight );
+				g.pushMatrix( );
+				g.translate( c.getWidth( ) - 8 , c.barHeight / 2 - 2 );
+				g.fill( c.getColor( ).getCaptionLabel( ) );
+				if ( c.isOpen( ) ) {
+					g.triangle( -3 , 0 , 3 , 0 , 0 , 3 );
+				} else {
+					g.triangle( -3 , 3 , 3 , 3 , 0 , 0 );
+				}
+				g.popMatrix( );
+
+				c.getCaptionLabel( ).align( PApplet.LEFT , PApplet.CENTER ).draw( g , 4 , c.barHeight / 2 );
+			}
+
+			if ( c.isOpen( ) ) {
+				int bar = ( c.isBarVisible( ) ? c.barHeight : 0 );
+				int h = ( ( c.updateHeight( ) ) );
+				g.pushMatrix( );
+				// g.translate( 0 , - ( h + bar +
+				// c.itemSpacing ) ); /* UP */
+				g.fill( c.getBackgroundColor( ) );
+				g.rect( 0 , bar , c.getWidth( ) , h );
+				g.pushMatrix( );
+				g.translate( 0 , ( bar == 0 ? 0 : ( c.barHeight + c.itemSpacing ) ) );
+				/* draw visible items */
+				c.updateItemIndexOffset( );
+				int m0 = c.itemIndexOffset;
+				int m1 = c.items.size( ) > c.itemRange ? ( c.itemIndexOffset + c.itemRange ) : c.items.size( );
+				for ( int i = m0 ; i < m1 ; i++ ) {
+					Map< String , Object > item = c.items.get( i );
+					CColor color = ( CColor ) item.get( "color" );
+					g.fill( ( b( item.get( "state" ) ) ) ? color.getActive( ) : ( i == c.itemHover ) ? ( c.isMousePressed ? color.getActive( ) : color.getForeground( ) ) : color.getBackground( ) );
+					g.rect( 0 , 0 , c.getWidth( ) , c.itemHeight - 1 );
+					c.getValueLabel( ).align( PApplet.LEFT , PApplet.CENTER ).set( item.get( "text" ).toString( ) ).draw( g , 4 , c.itemHeight / 2 );
+					g.translate( 0 , c.itemHeight );
+				}
+				g.popMatrix( );
+
+				if ( c.isInside ) {
+					int m = c.items.size( ) - c.itemRange;
+					if ( m > 0 ) {
+						g.fill( c.getColor( ).getCaptionLabel( ) );
+						g.pushMatrix( );
+						int s = 4; /* spacing */
+						int s2 = s / 2;
+						g.translate( c.getWidth( ) - s , c.barHeight );
+						int len = ( int ) PApplet.map( ( float ) Math.log( m * 10 ) , 0 , 10 , h , 0 );
+						int pos = ( int ) ( PApplet.map( c.itemIndexOffset , 0 , m , s2 , h - len - s2 ) );
+						g.rect( 0 , pos , s2 , len );
+						g.popMatrix( );
+					}
+				}
+				g.popMatrix( );
+			}
+
+		}
+
+	}
+
+	public void keyEvent( KeyEvent theKeyEvent ) {
+		if ( isInside && theKeyEvent.getAction( ) == KeyEvent.PRESS ) {
+			switch ( theKeyEvent.getKeyCode( ) ) {
+			case ( ControlP5.UP ):
+				scroll( theKeyEvent.isAltDown( ) ? -itemIndexOffset : theKeyEvent.isShiftDown( ) ? -10 : -1 );
+				updateHover( );
+				break;
+			case ( ControlP5.DOWN ):
+				scroll( theKeyEvent.isAltDown( ) ? items.size( ) - itemRange : theKeyEvent.isShiftDown( ) ? 10 : 1 );
+				updateHover( );
+				break;
+			case ( ControlP5.LEFT ):
+				break;
+			case ( ControlP5.RIGHT ):
+				break;
+			case ( ControlP5.ENTER ):
+				onRelease( );
+				break;
+			}
+		}
+	}
+	/* TODO keycontrol: arrows, return dragging moving items
+	 * sorting custom view custom event types */
+}
diff --git a/src/controlP5/Slider.java b/src/controlP5/Slider.java
new file mode 100755
index 0000000..36ce80d
--- /dev/null
+++ b/src/controlP5/Slider.java
@@ -0,0 +1,648 @@
+package controlP5;
+
+/**
+ * controlP5 is a processing gui library.
+ * 
+ * 2006-2012 by Andreas Schlegel
+ * 
+ * This library is free software; you can redistribute it and/or
+ * modify it under the terms of the GNU Lesser General Public License
+ * as published by the Free Software Foundation; either version 2.1
+ * of the License, or (at your option) any later version.
+ * This library is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
+ * Lesser General Public License for more details.
+ * 
+ * You should have received a copy of the GNU Lesser General
+ * Public License along with this library; if not, write to the
+ * Free Software Foundation, Inc., 59 Temple Place, Suite 330,
+ * Boston, MA 02111-1307 USA
+ * 
+ * @author Andreas Schlegel (http://www.sojamo.de)
+ * @modified ##date##
+ * @version ##version##
+ * 
+ */
+
+import java.util.ArrayList;
+
+import processing.core.PApplet;
+import processing.core.PGraphics;
+
+/**
+ * A slider is either used horizontally or vertically. when adding a slider to controlP5, the width
+ * is compared against the height. if the width is bigger, you get a horizontal slider, is the
+ * height bigger, you get a vertical slider. a slider can have a fixed slider handle (one end of the
+ * slider is fixed to the left or bottom side of the controller), or a flexible slider handle (a
+ * handle you can drag).
+ * 
+ * 
+ * @example controllers/ControlP5slider
+ */
+public class Slider extends Controller< Slider > {
+
+	public final static int FIX = 1;
+	public final static int FLEXIBLE = 0;
+	protected int _mySliderMode = FIX;
+	protected float _myValuePosition;
+	protected int _myHandleSize = 0;
+	protected int _myDefaultHandleSize = 10;
+	protected int triggerId = PRESSED;
+	protected ArrayList< TickMark > _myTickMarks = new ArrayList< TickMark >( );
+	protected boolean isShowTickMarks;
+	protected boolean isSnapToTickMarks;
+	protected static int autoWidth = 99;
+	protected static int autoHeight = 9;
+	protected float scrollSensitivity = 0.1f;
+	protected int _myColorTickMark = 0xffffffff;
+	private SliderView _myView;
+	protected float _myMinReal = 0;
+	protected float _myMaxReal = 1;
+	protected float _myInternalValue = 0;
+
+	/**
+	 * Convenience constructor to extend Slider.
+	 * 
+	 * @example use/ControlP5extendController
+	 * @param theControlP5
+	 * @param theName
+	 */
+	public Slider( ControlP5 theControlP5 , String theName ) {
+		this( theControlP5 , theControlP5.getDefaultTab( ) , theName , 0 , 100 , 0 , 0 , 0 , autoWidth , autoHeight );
+		theControlP5.register( theControlP5.papplet , theName , this );
+	}
+
+	public Slider( ControlP5 theControlP5 , ControllerGroup< ? > theParent , String theName , float theMin , float theMax , float theDefaultValue , int theX , int theY , int theWidth , int theHeight ) {
+		super( theControlP5 , theParent , theName , theX , theY , theWidth , theHeight );
+
+		_myMin = 0;
+		_myMax = 1;
+
+		// with _myMinReal and _myMaxReal the range of values can now range
+		// from big to small (e.g. 255 to 0) as well as from small to big (e.g. 0 to 255)
+		_myMinReal = theMin;
+		_myMaxReal = theMax;
+
+		_myValue = PApplet.map( theDefaultValue , _myMinReal , _myMaxReal , 0 , 1 );
+
+		_myCaptionLabel = new Label( cp5 , theName ).setColor( color.getCaptionLabel( ) );
+		_myValueLabel = new Label( cp5 , "" + getValue( ) ).setColor( color.getValueLabel( ) );
+		setSliderMode( FIX );
+
+	}
+
+	@ControlP5.Invisible @Override public void init( ) {
+		// need to override init here since _myValue will only be a
+		// normalized value here but _myDefaultValue needs to be absolute.
+		// by normalizing _myValue the range of values can be from 'big-to-small'
+		// as well as from 'small-to-big'
+		// in order not to break anything, init() will be overwritten here.
+
+		_myDefaultValue = getValue( );
+		cp5.getControlBroadcaster( ).plug( cp5.papplet , this , _myName );
+		initControllerValue( );
+		isInit = cp5.isAutoInitialization;
+		setValue( _myDefaultValue );
+		isInit = true;
+		updateDisplayMode( DEFAULT );
+
+	}
+
+	/**
+	 * use the slider mode to set the mode of the slider bar, which can be Slider.FLEXIBLE or
+	 * Slider.FIX
+	 * 
+	 * @param theMode
+	 *            int
+	 */
+	public Slider setSliderMode( int theMode ) {
+		_myView = ( getWidth( ) > getHeight( ) ) ? new SliderViewH( ) : new SliderViewV( );
+		_myControllerView = ( getWidth( ) > getHeight( ) ) ? new SliderViewH( ) : new SliderViewV( );
+		_mySliderMode = theMode;
+		if ( _mySliderMode == FLEXIBLE ) {
+			_myHandleSize = ( _myDefaultHandleSize >= getHeight( ) / 2 ) ? _myDefaultHandleSize / 2 : _myDefaultHandleSize;
+		} else {
+			_myHandleSize = 0;
+		}
+		_myView.updateUnit( );
+		setValue( PApplet.map( _myValue , 0 , 1 , _myMinReal , _myMaxReal ) );
+		return this;
+	}
+
+	public int getSliderMode( ) {
+		return _mySliderMode;
+	}
+
+	/**
+	 * sets the size of the Slider handle, by default it is set to either the width or height of the
+	 * slider.
+	 * 
+	 * @param theSize
+	 */
+	public Slider setHandleSize( int theSize ) {
+		_myDefaultHandleSize = theSize;
+		setSliderMode( _mySliderMode );
+		return this;
+	}
+
+	public int getHandleSize( ) {
+		return _myHandleSize;
+	}
+
+	/**
+	 * @see ControllerInterface.updateInternalEvents
+	 * 
+	 */
+	@ControlP5.Invisible public Slider updateInternalEvents( PApplet theApplet ) {
+		if ( isVisible ) {
+			if ( isMousePressed && !cp5.isAltDown( ) ) {
+				_myView.updateInternalEvents( theApplet );
+			}
+		}
+		return this;
+	}
+
+	/**
+	 * the trigger event is set to Slider.PRESSED by default but can be changed to Slider.RELEASE so
+	 * that events are triggered when the slider is released.
+	 * 
+	 * @param theEventID
+	 */
+	public Slider setTriggerEvent( int theEventID ) {
+		triggerId = theEventID;
+		return this;
+	}
+
+	/**
+	 * returns the current trigger event which is either Slider.PRESSED or Slider.RELEASE
+	 * 
+	 * @return int
+	 */
+	public int getTriggerEvent( ) {
+		return triggerId;
+	}
+
+	@Override protected void mouseReleasedOutside( ) {
+		mouseReleased( );
+	}
+
+	@Override protected void mouseReleased( ) {
+		if ( triggerId == RELEASE ) {
+			_myView.update( );
+			broadcast( FLOAT );
+		}
+	}
+
+	protected Slider snapValue( float theValue ) {
+		if ( isSnapToTickMarks ) {
+			_myValuePosition = ( ( _myValue - _myMin ) / _myUnit );
+			_myView.setSnapValue( );
+		}
+		return this;
+	}
+
+	public float getValuePosition( ) {
+		return _myValuePosition;
+	}
+
+	/**
+	 * set the value of the slider.
+	 * 
+	 * @param theValue
+	 *            float
+	 */
+	@Override public Slider setValue( float theValue ) {
+		if ( isMousePressed && theValue == getValue( ) ) {
+			return this;
+		}
+		_myInternalValue = theValue;
+		_myValue = PApplet.map( theValue , _myMinReal , _myMaxReal , 0 , 1 );
+		snapValue( _myValue );
+		_myValue = ( _myValue <= _myMin ) ? _myMin : _myValue;
+		_myValue = ( _myValue >= _myMax ) ? _myMax : _myValue;
+		_myValuePosition = ( ( _myValue - _myMin ) / _myUnit );
+		_myValueLabel.set( adjustValue( getValue( ) ) );
+		if ( triggerId == PRESSED ) {
+			broadcast( FLOAT );
+		}
+		return this;
+	}
+
+	@Override public float getValue( ) {
+		return PApplet.map( _myValue , 0 , 1 , _myMinReal , _myMaxReal );
+	}
+
+	/**
+	 * assigns a random value to the slider.
+	 */
+	public Slider shuffle( ) {
+		float r = ( float ) Math.random( );
+		setValue( PApplet.map( r , 0 , 1 , _myMinReal , _myMaxReal ) );
+		return this;
+	}
+
+	/**
+	 * sets the sensitivity for the scroll behavior when using the mouse wheel or the scroll
+	 * function of a multi-touch track pad. The smaller the value (closer to 0) the higher the
+	 * sensitivity. by default this value is set to 0.1
+	 * 
+	 * @param theValue
+	 * @return Slider
+	 */
+	public Slider setScrollSensitivity( float theValue ) {
+		scrollSensitivity = theValue;
+		return this;
+	}
+
+	/**
+	 * changes the value of the slider when hovering and using the mouse wheel or the scroll
+	 * function of a multi-touch track pad.
+	 * 
+	 * @param theRotationValue
+	 * @return Slider
+	 */
+	@ControlP5.Invisible public Slider scrolled( int theRotationValue ) {
+		if ( isVisible ) {
+			float f = _myValue;
+			float steps = isSnapToTickMarks ? ( 1.0f / getNumberOfTickMarks( ) ) : scrollSensitivity * 0.1f;
+			f += ( _myMax - _myMin ) * ( -theRotationValue * steps );
+			setValue( PApplet.map( f , 0 , 1 , _myMinReal , _myMaxReal ) );
+			if ( triggerId == RELEASE ) {
+				broadcast( FLOAT );
+			}
+		}
+		return this;
+	}
+
+	@Override public Slider update( ) {
+		return setValue( PApplet.map( _myValue , 0 , 1 , _myMinReal , _myMaxReal ) );
+	}
+
+	/**
+	 * sets the minimum value of the slider.
+	 * 
+	 * @param theValue
+	 *            float
+	 */
+	@Override public Slider setMin( float theValue ) {
+		float f = getValue( );
+		_myMinReal = theValue;
+		_myValue = PApplet.map( f , _myMinReal , _myMaxReal , 0 , 1 );
+		setSliderMode( _mySliderMode );
+		return this;
+	}
+
+	/**
+	 * set the maximum value of the slider.
+	 * 
+	 * @param theValue
+	 *            float
+	 */
+	@Override public Slider setMax( float theValue ) {
+		float f = getValue( );
+		_myMaxReal = theValue;
+		_myValue = PApplet.map( f , _myMinReal , _myMaxReal , 0 , 1 );
+		setSliderMode( _mySliderMode );
+		return this;
+	}
+
+	@Override public float getMin( ) {
+		return _myMinReal;
+	}
+
+	@Override public float getMax( ) {
+		return _myMaxReal;
+	}
+
+	public Slider setRange( float theMin , float theMax ) {
+		float f = _myInternalValue;
+		_myMinReal = theMin;
+		_myMaxReal = theMax;
+		_myValue = PApplet.map( f , _myMinReal , _myMaxReal , 0 , 1 );
+		setSliderMode( _mySliderMode );
+		return this;
+	}
+
+	/**
+	 * set the width of the slider.
+	 * 
+	 * @param theValue
+	 *            int
+	 */
+	@Override public Slider setWidth( int theValue ) {
+		super.setWidth( theValue );
+		setSliderMode( _mySliderMode );
+		return this;
+	}
+
+	/**
+	 * set the height of the slider.
+	 * 
+	 * @param theValue
+	 *            int
+	 */
+	@Override public Slider setHeight( int theValue ) {
+		super.setHeight( theValue );
+		setSliderMode( _mySliderMode );
+		return this;
+	}
+
+	@Override public Slider setSize( int theWidth , int theHeight ) {
+		super.setWidth( theWidth );
+		setHeight( theHeight );
+		_myView = ( getWidth( ) > getHeight( ) ) ? new SliderViewH( ) : new SliderViewV( );
+		return this;
+	}
+
+	/* TODO new implementations follow: http://www.ibm.com/developerworks/java/library/j-dynui/ take
+	 * interface builder as reference */
+	protected Slider setTickMarks( ) {
+		return this;
+	}
+
+	/**
+	 * sets the number of tickmarks for a slider, by default tick marks are turned off.
+	 * 
+	 * @param theNumber
+	 */
+	public Slider setNumberOfTickMarks( int theNumber ) {
+		_myTickMarks.clear( );
+		if ( theNumber > 0 ) {
+			for ( int i = 0 ; i < theNumber ; i++ ) {
+				_myTickMarks.add( new TickMark( this ) );
+			}
+			showTickMarks( true );
+			snapToTickMarks( true );
+			setHandleSize( 20 );
+		} else {
+			showTickMarks( false );
+			snapToTickMarks( false );
+			setHandleSize( _myDefaultHandleSize );
+		}
+		setValue( PApplet.map( _myValue , 0 , 1 , _myMinReal , _myMaxReal ) );
+		return this;
+	}
+
+	/**
+	 * returns the amount of tickmarks available for a slider
+	 * 
+	 * @return int
+	 */
+	public int getNumberOfTickMarks( ) {
+		return _myTickMarks.size( );
+	}
+
+	/**
+	 * shows or hides tickmarks for a slider
+	 * 
+	 * @param theFlag
+	 * @return Slider
+	 */
+	public Slider showTickMarks( boolean theFlag ) {
+		isShowTickMarks = theFlag;
+		return this;
+	}
+
+	/**
+	 * enables or disables snap to tick marks.
+	 * 
+	 * @param theFlag
+	 * @return Slider
+	 */
+	public Slider snapToTickMarks( boolean theFlag ) {
+		isSnapToTickMarks = theFlag;
+		return this;
+	}
+
+	/**
+	 * returns an instance of a tickmark by index.
+	 * 
+	 * @see TickMark
+	 * @param theIndex
+	 * @return
+	 */
+	public TickMark getTickMark( int theIndex ) {
+		if ( theIndex >= 0 && theIndex < _myTickMarks.size( ) ) {
+			return _myTickMarks.get( theIndex );
+		} else {
+			return null;
+		}
+	}
+
+	/**
+	 * returns an ArrayList of available tick marks for a slider.
+	 * 
+	 * @return ArrayList<TickMark>
+	 */
+	public ArrayList< TickMark > getTickMarks( ) {
+		return _myTickMarks;
+	}
+
+	/**
+	 * {@inheritDoc}
+	 */
+	@Override @ControlP5.Invisible public Slider linebreak( ) {
+		cp5.linebreak( this , true , autoWidth , autoHeight , autoSpacing );
+		return this;
+	}
+
+	/**
+	 * sets the color of tick marks if enabled. by default the color is set to white.
+	 * 
+	 * @param theColor
+	 * @return Slider
+	 */
+	public Slider setColorTickMark( int theColor ) {
+		_myColorTickMark = theColor;
+		return this;
+	}
+
+	public int getDirection( ) {
+		return ( _myView instanceof SliderViewH ) ? HORIZONTAL : VERTICAL;
+	}
+
+	/**
+	 * {@inheritDoc}
+	 */
+	@Override @ControlP5.Invisible public Slider updateDisplayMode( int theMode ) {
+		_myDisplayMode = theMode;
+		switch ( theMode ) {
+		case ( DEFAULT ):
+			_myControllerView = ( getWidth( ) > getHeight( ) ) ? new SliderViewH( ) : new SliderViewV( );
+			break;
+		case ( IMAGE ):
+			// TODO
+			break;
+		case ( SPRITE ):
+			// TODO
+			break;
+		case ( CUSTOM ):
+		default:
+			break;
+		}
+		return this;
+	}
+
+	private abstract class SliderView implements ControllerView< Slider > {
+
+		abstract void updateInternalEvents( PApplet theApplet );
+
+		abstract void update( );
+
+		abstract void updateUnit( );
+
+		abstract void setSnapValue( );
+
+	}
+
+	private class SliderViewV extends SliderView {
+
+		SliderViewV( ) {
+			_myCaptionLabel.align( LEFT , BOTTOM_OUTSIDE ).setPadding( 0 , Label.paddingY );
+			_myValueLabel.set( "" + adjustValue( getValue( ) ) ).align( RIGHT_OUTSIDE , TOP );
+		}
+
+		void setSnapValue( ) {
+			float n = PApplet.round( PApplet.map( _myValuePosition , 0 , getHeight( ) , 0 , _myTickMarks.size( ) - 1 ) );
+			_myValue = PApplet.map( n , 0 , _myTickMarks.size( ) - 1 , _myMin , _myMax );
+		}
+
+		void updateUnit( ) {
+			_myUnit = ( _myMax - _myMin ) / ( getHeight( ) - _myHandleSize );
+		}
+
+		void update( ) {
+			float f = _myMin + ( - ( _myControlWindow.mouseY - ( y( _myParent.getAbsolutePosition( ) ) + y( position ) ) - getHeight( ) ) ) * _myUnit;
+			setValue( PApplet.map( f , 0 , 1 , _myMinReal , _myMaxReal ) );
+		}
+
+		void updateInternalEvents( PApplet theApplet ) {
+			float f = _myMin + ( - ( _myControlWindow.mouseY - ( y( _myParent.getAbsolutePosition( ) ) + y( position ) ) - getHeight( ) ) ) * _myUnit;
+			setValue( PApplet.map( f , 0 , 1 , _myMinReal , _myMaxReal ) );
+		}
+
+		public void display( PGraphics theGraphics , Slider theController ) {
+			theGraphics.fill( getColor( ).getBackground( ) );
+			theGraphics.noStroke( );
+			if ( ( getColor( ).getBackground( ) >> 24 & 0xff ) > 0 ) {
+				theGraphics.rect( 0 , 0 , getWidth( ) , getHeight( ) );
+			}
+			theGraphics.fill( getIsInside( ) ? getColor( ).getActive( ) : getColor( ).getForeground( ) );
+			if ( getSliderMode( ) == FIX ) {
+				theGraphics.rect( 0 , getHeight( ) , getWidth( ) , -getValuePosition( ) );
+			} else {
+				if ( isShowTickMarks ) {
+					theGraphics.triangle( getWidth( ) , getHeight( ) - getValuePosition( ) , getWidth( ) , getHeight( ) - getValuePosition( ) - getHandleSize( ) , 0 , getHeight( ) - getValuePosition( ) - getHandleSize( ) / 2 );
+				} else {
+					theGraphics.rect( 0 , getHeight( ) - getValuePosition( ) - getHandleSize( ) , getWidth( ) , getHandleSize( ) );
+				}
+			}
+
+			if ( isLabelVisible ) {
+				getCaptionLabel( ).draw( theGraphics , 0 , 0 , theController );
+				theGraphics.pushMatrix( );
+				theGraphics.translate( 0 , ( int ) PApplet.map( _myValue , _myMax , _myMin , 0 , getHeight( ) - _myValueLabel.getHeight( ) ) );
+				getValueLabel( ).draw( theGraphics , 0 , 0 , theController );
+				theGraphics.popMatrix( );
+			}
+
+			if ( isShowTickMarks ) {
+				theGraphics.pushMatrix( );
+				theGraphics.pushStyle( );
+				theGraphics.translate( -4 , ( getSliderMode( ) == FIX ) ? 0 : getHandleSize( ) / 2 );
+				theGraphics.fill( _myColorTickMark );
+				float x = ( getHeight( ) - ( ( getSliderMode( ) == FIX ) ? 0 : getHandleSize( ) ) ) / ( getTickMarks( ).size( ) - 1 );
+				for ( TickMark tm : getTickMarks( ) ) {
+					tm.draw( theGraphics , getDirection( ) );
+					theGraphics.translate( 0 , x );
+				}
+				theGraphics.popStyle( );
+				theGraphics.popMatrix( );
+			}
+		}
+	}
+
+	private class SliderViewH extends SliderView {
+
+		SliderViewH( ) {
+			_myCaptionLabel.align( RIGHT_OUTSIDE , CENTER );
+			_myValueLabel.set( "" + adjustValue( getValue( ) ) ).align( LEFT , CENTER );
+		}
+
+		void setSnapValue( ) {
+			float n = PApplet.round( PApplet.map( _myValuePosition , 0 , getWidth( ) , 0 , _myTickMarks.size( ) - 1 ) );
+			_myValue = PApplet.map( n , 0 , _myTickMarks.size( ) - 1 , _myMin , _myMax );
+		}
+
+		void updateUnit( ) {
+			_myUnit = ( _myMax - _myMin ) / ( getWidth( ) - _myHandleSize );
+		}
+
+		void update( ) {
+			float f = _myMin + ( _myControlWindow.mouseX - ( x( _myParent.getAbsolutePosition( ) ) + x( position ) ) ) * _myUnit;
+			setValue( PApplet.map( f , 0 , 1 , _myMinReal , _myMaxReal ) );
+		}
+
+		void updateInternalEvents( PApplet theApplet ) {
+			float f = _myMin + ( _myControlWindow.mouseX - ( x( _myParent.getAbsolutePosition( ) ) + x( position ) ) ) * _myUnit;
+			setValue( PApplet.map( f , 0 , 1 , _myMinReal , _myMaxReal ) );
+		}
+
+		public void display( PGraphics theGraphics , Slider theController ) {
+			theGraphics.fill( getColor( ).getBackground( ) );
+			theGraphics.noStroke( );
+			if ( ( getColor( ).getBackground( ) >> 24 & 0xff ) > 0 ) {
+				theGraphics.rect( 0 , 0 , getWidth( ) , getHeight( ) );
+			}
+			theGraphics.fill( getIsInside( ) ? getColor( ).getActive( ) : getColor( ).getForeground( ) );
+			if ( getSliderMode( ) == FIX ) {
+				theGraphics.rect( 0 , 0 , getValuePosition( ) , getHeight( ) );
+			} else {
+				if ( isShowTickMarks ) {
+					theGraphics.triangle( getValuePosition( ) , 0 , getValuePosition( ) + getHandleSize( ) , 0 , getValuePosition( ) + _myHandleSize / 2 , getHeight( ) );
+				} else {
+					theGraphics.rect( getValuePosition( ) , 0 , getHandleSize( ) , getHeight( ) );
+				}
+
+			}
+			theGraphics.fill( 255 );
+
+			if ( isLabelVisible ) {
+				getValueLabel( ).draw( theGraphics , 0 , 0 , theController );
+				getCaptionLabel( ).draw( theGraphics , 0 , 0 , theController );
+			}
+
+			if ( isShowTickMarks ) {
+				theGraphics.pushMatrix( );
+				//				theGraphics.pushStyle( );
+				theGraphics.translate( ( getSliderMode( ) == FIX ) ? 0 : getHandleSize( ) / 2 , getHeight( ) );
+				theGraphics.fill( _myColorTickMark );
+				theGraphics.noStroke( );
+				float x = ( getWidth( ) - ( ( getSliderMode( ) == FIX ) ? 0 : getHandleSize( ) ) ) / ( getTickMarks( ).size( ) - 1 );
+				for ( TickMark tm : getTickMarks( ) ) {
+					tm.draw( theGraphics , getDirection( ) );
+					theGraphics.translate( x , 0 );
+				}
+				//				theGraphics.popStyle( );
+				theGraphics.popMatrix( );
+			}
+		}
+	}
+
+	@Deprecated public void setSliderBarSize( int theSize ) {
+		_myDefaultHandleSize = theSize;
+		setSliderMode( _mySliderMode );
+	}
+
+	/**
+	 * @see controlP5.Slider#setScrollSensitivity(float)
+	 * 
+	 * @param theValue
+	 * @return Slider
+	 */
+	@Deprecated public Slider setSensitivity( float theValue ) {
+		return setScrollSensitivity( theValue );
+	}
+
+}
diff --git a/src/controlP5/Slider2D.java b/src/controlP5/Slider2D.java
new file mode 100755
index 0000000..73a3c69
--- /dev/null
+++ b/src/controlP5/Slider2D.java
@@ -0,0 +1,248 @@
+package controlP5;
+
+import processing.core.PApplet;
+import processing.core.PGraphics;
+
+/**
+ * The Slider2D allows to control a handle within a 2D area. This controller returns an arrayValue
+ * with the current xy position of its handle.
+ * 
+ * @author andreas schlegel
+ * 
+ * @example controllers/ControlP5slider2D
+ * 
+ */
+public class Slider2D extends Controller< Slider2D > {
+
+	protected int cursorWidth = 6 , cursorHeight = 6;
+	protected float cursorX , cursorY;
+	protected float _myMinX , _myMinY;
+	protected float _myMaxX , _myMaxY;
+	public boolean isCrosshairs = true;
+
+	private String _myValueLabelSeparator = ",";
+
+	/**
+	 * Convenience constructor to extend Slider2D.
+	 * 
+	 * @example use/ControlP5extendController
+	 * @param theControlP5
+	 * @param theName
+	 */
+	public Slider2D( ControlP5 theControlP5 , String theName ) {
+		this( theControlP5 , theControlP5.getDefaultTab( ) , theName , 0 , 0 , 99 , 9 );
+		theControlP5.register( theControlP5.papplet , theName , this );
+	}
+
+	protected Slider2D( ControlP5 theControlP5 , ControllerGroup< ? > theParent , String theName , int theX , int theY , int theWidth , int theHeight ) {
+		super( theControlP5 , theParent , theName , theX , theY , theWidth , theHeight );
+		_myArrayValue = new float[] { 0.0f , 0.0f };
+		_myMinX = 0;
+		_myMinY = 0;
+		_myMaxX = theWidth;
+		_myMaxY = theHeight;
+		getCaptionLabel( ).setPadding( 0 , Label.paddingY ).align( LEFT , BOTTOM_OUTSIDE );
+		getValueLabel( ).setPadding( 0 , Label.paddingY ).align( RIGHT , BOTTOM_OUTSIDE );
+	}
+
+	/* (non-Javadoc)
+	 * 
+	 * @see controlP5.Controller#updateInternalEvents(processing.core.PApplet) */
+	@ControlP5.Invisible public Slider2D updateInternalEvents( PApplet theApplet ) {
+		if ( isInside( ) ) {
+			if ( !cp5.isAltDown( ) ) {
+				float tX = PApplet.constrain( _myControlWindow.mouseX - ( x( _myParent.getAbsolutePosition( ) ) + x( position ) ) , 0 , getWidth( ) - cursorWidth );
+				float tY = PApplet.constrain( _myControlWindow.mouseY - ( y( _myParent.getAbsolutePosition( ) ) + y( position ) ) , 0 , getHeight( ) - cursorHeight );
+				if ( isMousePressed ) {
+					cursorX = tX;
+					cursorY = tY;
+					updateValue( );
+				}
+			}
+		}
+		return this;
+	}
+
+	Slider2D updateValue( ) {
+		return setValue( 0 );
+	}
+
+	/**
+	 * sets the minimum value for the x-axis
+	 * 
+	 * @param theMinX
+	 * @return Slider2D
+	 */
+	public Slider2D setMinX( float theMinX ) {
+		_myMinX = theMinX;
+		return updateValue( );
+	}
+
+	/**
+	 * sets the minimum value for the y-axis
+	 * 
+	 * @param theMinY
+	 * @return Slider2D
+	 */
+	public Slider2D setMinY( float theMinY ) {
+		_myMinY = theMinY;
+		return updateValue( );
+	}
+
+	/**
+	 * sets the maximum value for the x-axis
+	 * 
+	 * @param theMaxX
+	 * @return Slider2D
+	 */
+	public Slider2D setMaxX( float theMaxX ) {
+		_myMaxX = theMaxX;
+		return updateValue( );
+	}
+
+	/**
+	 * sets the maximum value for the y-axis
+	 * 
+	 * @param theMaxY
+	 * @return Slider2D
+	 */
+	public Slider2D setMaxY( float theMaxY ) {
+		_myMaxY = theMaxY;
+		return updateValue( );
+	}
+
+	public float getMinX( ) {
+		return _myMinX;
+	}
+
+	public float getMinY( ) {
+		return _myMinY;
+	}
+
+	public float getMaxX( ) {
+		return _myMaxX;
+	}
+
+	public float getMaxY( ) {
+		return _myMaxY;
+	}
+
+	public float getCursorX( ) {
+		return cursorX;
+	}
+
+	public float getCursorY( ) {
+		return cursorY;
+	}
+
+	public float getCursorWidth( ) {
+		return cursorWidth;
+	}
+
+	public float getCursorHeight( ) {
+		return cursorHeight;
+	}
+
+	public Slider2D disableCrosshair( ) {
+		isCrosshairs = false;
+		return this;
+	}
+
+	public Slider2D enableCrosshair( ) {
+		isCrosshairs = true;
+		return this;
+	}
+
+	/* (non-Javadoc) TODO see https://forum.processing.org/topic/controlp5-slider2d-questions
+	 * 
+	 * @see controlP5.Controller#setArrayValue(float[]) */
+	@Override public Slider2D setArrayValue( float[] theArray ) {
+		_myArrayValue = theArray;
+		float rX = ( getWidth( ) - cursorWidth ) / ( float ) ( _myMaxX - _myMinX );
+		float rY = ( getHeight( ) - cursorHeight ) / ( float ) ( _myMaxY - _myMinY );
+		cursorX = PApplet.constrain( theArray[ 0 ] * rX , 0 , getWidth( ) - cursorWidth );
+		cursorY = PApplet.constrain( theArray[ 1 ] * rY , 0 , getHeight( ) - cursorHeight );
+		return updateValue( );
+	}
+
+	public float[] getArrayValue( ) {
+		return _myArrayValue;
+	}
+
+	public Slider2D setCursorX( float theValue ) {
+		return setArrayValue( new float[] { theValue , getArrayValue( )[ 1 ] } );
+	}
+
+	public Slider2D setCursorY( float theValue ) {
+		return setArrayValue( new float[] { getArrayValue( )[ 0 ] , theValue } );
+	}
+
+	/* (non-Javadoc)
+	 * 
+	 * @see controlP5.Controller#setValue(float) */
+	public Slider2D setValue( float theValue ) {
+		_myArrayValue[ 0 ] = cursorX / ( ( float ) ( getWidth( ) - cursorWidth ) / ( float ) getWidth( ) );
+		_myArrayValue[ 1 ] = cursorY / ( ( float ) ( getHeight( ) - cursorHeight ) / ( float ) getHeight( ) );
+		_myArrayValue[ 0 ] = PApplet.map( _myArrayValue[ 0 ] , 0 , getWidth( ) , _myMinX , _myMaxX );
+		_myArrayValue[ 1 ] = PApplet.map( _myArrayValue[ 1 ] , 0 , getHeight( ) , _myMinY , _myMaxY );
+		_myValueLabel.set( adjustValue( _myArrayValue[ 0 ] , 0 ) + _myValueLabelSeparator + adjustValue( _myArrayValue[ 1 ] , 0 ) );
+		broadcast( FLOAT );
+		return this;
+	}
+
+	/**
+	 * assigns a random value to the controller.
+	 */
+	public Slider2D shuffle( ) {
+		float rX = ( float ) Math.random( );
+		float rY = ( float ) Math.random( );
+		_myArrayValue[ 0 ] = rX * getWidth( );
+		_myArrayValue[ 0 ] = rY * getHeight( );
+		return setValue( 0 );
+	}
+
+	public void setValueLabelSeparator( String theSeparator ) {
+		_myValueLabelSeparator = theSeparator;
+	}
+
+	/**
+	 * {@inheritDoc}
+	 */
+	@Override @ControlP5.Invisible public Slider2D updateDisplayMode( int theMode ) {
+		_myDisplayMode = theMode;
+		switch ( theMode ) {
+		case ( DEFAULT ):
+			_myControllerView = new Slider2DView( );
+			break;
+		case ( IMAGE ):
+		case ( SPRITE ):
+		case ( CUSTOM ):
+		default:
+			break;
+		}
+		return this;
+	}
+
+	class Slider2DView implements ControllerView< Slider2D > {
+
+		public void display( PGraphics theGraphics , Slider2D theController ) {
+
+			theGraphics.noStroke( );
+
+			theGraphics.fill( theController.getColor( ).getBackground( ) );
+			theGraphics.rect( 0 , 0 , getWidth( ) , getHeight( ) );
+
+			theGraphics.fill( theController.isInside ? theController.getColor( ).getActive( ) : theController.getColor( ).getForeground( ) );
+			theGraphics.rect( ( int ) getCursorX( ) , ( int ) getCursorY( ) , ( int ) getCursorWidth( ) , ( int ) getCursorHeight( ) );
+
+			if ( isCrosshairs ) {
+				theGraphics.rect( 0 , ( int ) ( getCursorY( ) + getCursorHeight( ) / 2 ) , ( int ) getWidth( ) , 1 );
+				theGraphics.rect( ( int ) ( getCursorX( ) + getCursorWidth( ) / 2 ) , 0 , 1 , ( int ) getHeight( ) );
+			}
+
+			getCaptionLabel( ).draw( theGraphics , 0 , 0 , theController );
+			getValueLabel( ).draw( theGraphics , 0 , 0 , theController );
+		}
+
+	}
+}
diff --git a/src/controlP5/Spacer.java b/src/controlP5/Spacer.java
new file mode 100644
index 0000000..f8ae0ef
--- /dev/null
+++ b/src/controlP5/Spacer.java
@@ -0,0 +1,42 @@
+package controlP5;
+
+import processing.core.PGraphics;
+
+public class Spacer extends Controller< Spacer > {
+
+	private int _myWeight = 1;
+
+	public Spacer( ControlP5 theControlP5 , String theName ) {
+		this( theControlP5 , theControlP5.getDefaultTab( ) , theName , 0 , 0 , 20 , 20 );
+		theControlP5.register( theControlP5.papplet , theName , this );
+	}
+
+	protected Spacer( ControlP5 theControlP5 , ControllerGroup< ? > theParent , String theName , float theX , float theY , int theWidth , int theHeight ) {
+		super( theControlP5 , theParent , theName , theX , theY , theWidth , theHeight );
+		_myControllerView = new SeparatorView( );
+	}
+
+	public Spacer setWeight( int theWeight ) {
+		_myWeight = theWeight;
+		return this;
+	}
+
+	public Spacer setColor( int theColor ) {
+		getColor( ).setForeground( theColor );
+		return this;
+	}
+
+	private class SeparatorView implements ControllerView< Spacer > {
+
+		public void display( PGraphics g , Spacer c ) {
+			g.fill( c.getColor( ).getForeground( ) );
+			g.noStroke( );
+			if ( c.getWidth( ) >= c.getHeight( ) ) {
+				g.rect( 0 , ( c.getHeight( ) / 2 ) - _myWeight / 2 , c.getWidth( ) , _myWeight );
+			} else {
+				g.rect( ( c.getWidth( ) / 2 ) - _myWeight / 2 , 0 , _myWeight , c.getHeight( ) );
+			}
+		}
+	}
+
+}
diff --git a/src/controlP5/TODO b/src/controlP5/TODO
new file mode 100755
index 0000000..f3f4511
--- /dev/null
+++ b/src/controlP5/TODO
@@ -0,0 +1,88 @@
+2014-05-29  Andreas Schlegel
+      * distinguish between left,center, right mouse click events http://forum.processing.org/two/discussion/5422/controlp5-mousepressed-only-if-mousebutton-left- 
+
+2014-04-22  Andreas Schlegel
+      * javascript version on hold; it is unclear which project processing.js or p5.js will become the default js framework for processing
+      
+2013-09-09  Andreas Schlegel
+      * javascript version
+      * textinput on android
+      * color picker used for clicks-and-strokes
+      * rendering into pgraphics
+      * add colorwheel
+      * add ControlFrame with customizable render access
+      * spacer / separator
+
+2011-03-24  Andreas Schlegel
+      * finish info to toString conversion
+      * implement plugTo for ControllerGroups
+      * BitFontRenderer addBitFont is broken, see the ControlP5bitFont example, 
+      the font is cut off at the bottom, probably something wrong with 
+      the label's PImage height. 
+
+2010-08-07  Andreas Schlegel
+      * fix ControlWindowCanvas.pre(), doesnt work anymore.
+      
+2010-07-25  Andreas Schlegel
+      * Android support, current version conflicts with android java (ControlWindow, PAppletWindow, using Toolkit when loading bit-font, KeyEvents, etc.)
+      * CColor: alpha handling
+      * Chart: finish. a chart graph controller to display line, bar, pie and histogram charts.
+       
+2010-04-02  Andreas Schlegel
+      * BitFontRenderer: \n is recognized as a not-supported-character. fix!
+      * general: processingjs port
+      * Knob: implement new version of knob
+      * Textfield: implement new version of textfield
+      * TextArea: implement new version of TextArea
+      * Label: implement modifications so that text rendering for P3D works properly
+      * picking: use an image and color-coding for picking controllers instead mouse-coordinates against rectangular boxes.
+
+
+
+* fileChooser conflicts with mouse event.
+http://processing.org/discourse/yabb2/YaBB.pl?num=1247162607/0#0
+
+
+* alt-tab causes problems with dragging functionality.
+http://processing.org/discourse/yabb2/YaBB.pl?num=1242718131/0#0
+
+* Multilist, pop out to the left.
+* ScrollList, slider on the left option.
+* ScrollList: collapse/and hide. add option to hide the scroll-list area but only keep the scrollbar.
+* add CheckBoxList
+* tab issues as addressed in this post:
+http://processing.org/discourse/yabb_beta/YaBB.cgi?board=LibraryProblems;action=display;num=1237538493;start=2#2
+ - moveTo does not work for only a String which would stanbd for the name of a tab
+ - controlP5.window(this).activateTab("myTab");
+   controlP5.tab("myTab").mousePressed();
+* ControlGroup, set Width of bar. the + - toggle is not updated visually.
+* Text -Field, -Label, -Area: customize font
+* textarea: when changing the font of the valueLabel, the scrollbar is not updated / does not show even it is required. current hack is: myTextarea.setHeight(myTextarea.valueLabel().height()); 
+* textarea: automatically updating the scrollbar whensetting text with setText() see email from martin froehlich 16.january 2009
+* save and load does not work for some controllers.
+* loading and saving
+* multilist, range, matrix dont load from xml file.
+* colorstyle does not save and load.
+* labels dont save properly, background color is not saved.
+* matrix needs to be redone. develop whole new concept for matrix / synthesizer.
+* multitouch support
+* controlWindow: add feedback when closing window. see email from henri 5 january 2009
+* controllerStyle: see email from johnny rodgers 30 november 2008
+* range: see email from hartmut bohnacker 27 november 2008
+* textfield: see email from henri 14 october 2008
+* save and open file dialog: see email from henri 12 october 2008
+* ControlBroadcaster suggestions: see email from aaron mayers 2 october 2008
+* pushmatrix / popMatrix : see email from florian 6 june 2008
+Lib.pre() { /*other code */ pushMatrix(); }
+PApplet.draw() { ... }
+Lib.draw() { popMatrix(); /* the lib code, untransformed */ }
+
+
+
+DONE
+* (done) add setArrayValue to Controller class.
+* (done, implemented with TickMark) Slider: snap 
+* (done) add id() method to ControlEvent
+* (done, fixed) fix save/load. saving twice and loading again results in empty. 
+* (done) add setTitle to ControlWindow http://processing.org/discourse/yabb2/YaBB.pl?num=1245762312/0#0
+* (done, now ListBox) redo ScrollList so that it becomes a controller? change the button management of a scrollList. 
diff --git a/src/controlP5/Tab.java b/src/controlP5/Tab.java
new file mode 100755
index 0000000..58acd1f
--- /dev/null
+++ b/src/controlP5/Tab.java
@@ -0,0 +1,228 @@
+package controlP5;
+
+/**
+ * controlP5 is a processing gui library.
+ * 
+ * 2006-2012 by Andreas Schlegel
+ * 
+ * This library is free software; you can redistribute it and/or
+ * modify it under the terms of the GNU Lesser General Public License
+ * as published by the Free Software Foundation; either version 2.1
+ * of the License, or (at your option) any later version.
+ * This library is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
+ * Lesser General Public License for more details.
+ * 
+ * You should have received a copy of the GNU Lesser General
+ * Public License along with this library; if not, write to the
+ * Free Software Foundation, Inc., 59 Temple Place, Suite 330,
+ * Boston, MA 02111-1307 USA
+ * 
+ * @author Andreas Schlegel (http://www.sojamo.de)
+ * @modified ##date##
+ * @version ##version##
+ * 
+ */
+
+import processing.core.PGraphics;
+
+/**
+ * Tabs are used to organize controllers. Tabs are arranged horizontally from the top-left corner by
+ * default, Tab extends ControllerGroup, for more available methods see the ControllerGroup
+ * documentation. Reposition tabs with {@link controlP5.ControlWindow#setPositionOfTabs(int, int)}
+ * 
+ * @example controllers/ControlP5tab
+ * @nosuperclasses ControllerGroup ControllerGroup
+ */
+public class Tab extends ControllerGroup< Tab > {
+
+	protected int _myOffsetX = -1000;
+	protected int _myOffsetY = -1000;
+	protected boolean isActive = false;
+	private boolean isAlwaysActive = false;
+	protected boolean isEventActive = false;
+	protected float _myValue = 0;
+	protected String _myStringValue = "";
+	public static int padding = 4;
+	public boolean autoWidth = true;
+
+	/**
+	 * 
+	 * @param theControlP5 ControlP5
+	 * @param theControlWindow ControlWindow
+	 * @param theName String
+	 */
+	public Tab( ControlP5 theControlP5 , ControlWindow theControlWindow , String theName ) {
+		super( theControlP5 , null , theName , 0 , 0 );
+		position = new float[ 2 ];
+		absolutePosition = new float[ 2 ];
+		isMoveable = false;
+		isEventActive = theControlP5.isTabEventsActive;
+		_myHeight = 16;
+		_myWidth = _myLabel.getWidth( ) + padding * 2;
+		_myLabel.align( LEFT , CENTER ).setPadding( 0 , 0 );
+	}
+
+	protected void setOffset( int theValueX , int theValueY ) {
+		_myOffsetX = theValueX;
+		_myOffsetY = theValueY;
+	}
+
+	protected int height( ) {
+		return _myHeight;
+	}
+
+	protected boolean updateLabel( ) {
+		isInside = inside( );
+		return cp5.getWindow( ).getTabs( ).size( ) > 2;
+	}
+
+	protected void drawLabel( PGraphics theGraphics ) {
+		if ( autoWidth ) {
+			_myWidth = _myLabel.getWidth( ) + padding * 2;
+		}
+		theGraphics.pushMatrix( );
+		theGraphics.pushStyle( );
+		theGraphics.noStroke( );
+		theGraphics.fill( isInside ? color.getForeground( ) : color.getBackground( ) );
+		if ( isActive ) {
+			theGraphics.fill( color.getActive( ) );
+		}
+		theGraphics.translate( _myOffsetX , _myOffsetY );
+		theGraphics.rect( 0 , 0 , _myWidth - 1 , _myHeight );
+		_myLabel.draw( theGraphics , padding , 0 , this );
+		theGraphics.popStyle( );
+		theGraphics.popMatrix( );
+	}
+
+	/**
+	 * set the label of the group. TODO overwriting COntrollerGroup.setLabel to set the Width of a
+	 * tab after renaming. this should be temporary and fixed in the future.
+	 * 
+	 * @param theLabel String
+	 * @return Tab
+	 */
+	public Tab setLabel( String theLabel ) {
+		_myLabel.set( theLabel );
+		return this;
+	}
+
+	protected int width( ) {
+		return _myWidth;
+	}
+
+	/**
+	 * @param theWidth
+	 * @return
+	 */
+	public Tab setWidth( int theWidth ) {
+		_myWidth = theWidth + padding;
+		autoWidth = false;
+		return this;
+	}
+
+	public Tab setHeight( int theHeight ) {
+		_myHeight = theHeight;
+		return this;
+	}
+
+	protected boolean inside( ) {
+		return ( cp5.getWindow( ).mouseX > _myOffsetX && cp5.getWindow( ).mouseX < _myOffsetX + _myWidth && cp5.getWindow( ).mouseY > _myOffsetY && cp5.getWindow( ).mouseY < _myOffsetY + _myHeight );
+	}
+
+	/**
+	 * {@inheritDoc}
+	 */
+	@ControlP5.Invisible public void mousePressed( ) {
+		cp5.getWindow( ).activateTab( this );
+		if ( isEventActive ) {
+			cp5.getControlBroadcaster( ).broadcast( new ControlEvent( this ) , ControlP5Constants.METHOD );
+		}
+	}
+
+	/**
+	 * Activates a tab.
+	 * 
+	 * @param theFlag boolean
+	 */
+	public Tab setActive( boolean theFlag ) {
+		isActive = theFlag;
+		return this;
+	}
+
+	public Tab setAlwaysActive( boolean theFlag ) {
+		isAlwaysActive = theFlag;
+		return this;
+	}
+
+	/**
+	 * checks if a tab is active.
+	 * 
+	 * @return boolean
+	 */
+	public boolean isActive( ) {
+		return isAlwaysActive ? true : isActive;
+	}
+
+	public boolean isAlwaysActive( ) {
+		return isAlwaysActive;
+	}
+
+	@Override public Tab bringToFront( ) {
+		cp5.getWindow( ).activateTab( this );
+		return this;
+	}
+
+	/**
+	 * {@inheritDoc}
+	 */
+	@Override public Tab moveTo( ControlWindow theWindow ) {
+		cp5.getWindow( ).removeTab( this );
+		setTab( theWindow , getName( ) );
+		return this;
+	}
+
+	/**
+	 * activates or deactivates the Event status of a tab, When activated a tab will send a
+	 * controlEvent to the main application. By default this is disabled.
+	 * 
+	 * @param theFlag boolean
+	 * @return Tab
+	 */
+	public Tab activateEvent( boolean theFlag ) {
+		isEventActive = theFlag;
+		return this;
+	}
+
+	/**
+	 * {@inheritDoc}
+	 */
+	@Override public String getStringValue( ) {
+		return _myStringValue;
+	}
+
+	/**
+	 * {@inheritDoc}
+	 */
+	@Override public float getValue( ) {
+		return _myValue;
+	}
+
+	/**
+	 * {@inheritDoc}
+	 */
+	@Override public Tab setValue( float theValue ) {
+		_myValue = theValue;
+		return this;
+	}
+
+	@Deprecated public float value( ) {
+		return _myValue;
+	}
+
+	@Deprecated public String stringValue( ) {
+		return _myStringValue;
+	}
+
+}
diff --git a/src/controlP5/Textarea.java b/src/controlP5/Textarea.java
new file mode 100755
index 0000000..260b8db
--- /dev/null
+++ b/src/controlP5/Textarea.java
@@ -0,0 +1,447 @@
+package controlP5;
+
+/**
+ * controlP5 is a processing gui library.
+ * 
+ * 2006-2012 by Andreas Schlegel
+ * 
+ * This library is free software; you can redistribute it and/or
+ * modify it under the terms of the GNU Lesser General Public License
+ * as published by the Free Software Foundation; either version 2.1
+ * of the License, or (at your option) any later version.
+ * This library is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
+ * Lesser General Public License for more details.
+ * 
+ * You should have received a copy of the GNU Lesser General
+ * Public License along with this library; if not, write to the
+ * Free Software Foundation, Inc., 59 Temple Place, Suite 330,
+ * Boston, MA 02111-1307 USA
+ * 
+ * @author Andreas Schlegel (http://www.sojamo.de)
+ * @modified ##date##
+ * @version ##version##
+ * 
+ */
+
+import java.util.Arrays;
+import java.util.List;
+
+import processing.core.PApplet;
+import processing.core.PFont;
+import processing.core.PGraphics;
+
+/**
+ * a textarea can be used to leave notes, it uses the controlP5 BitFont to render text. Scrollbars
+ * will automatically be added when text extends the visible area. Textarea extends ControllerGroup,
+ * for more methods available see the ControllerGroup documentation.
+ * 
+ * @example controllers/ControlP5textarea
+ */
+public class Textarea extends ControllerGroup< Textarea > implements ControlListener {
+
+	protected String _myText;
+	protected Slider _myScrollbar;
+	protected int _myColorBackground = 0x000000;
+	protected boolean isColorBackground = false;
+	protected float _myScrollValue = 0;
+	protected boolean isScrollbarVisible = true;
+	protected int _myBottomOffset = 4;
+	private int _myScrollbarWidth = 5;
+
+	/**
+	 * Convenience constructor to extend Textarea.
+	 * 
+	 * @example use/ControlP5extendController
+	 * @param theControlP5
+	 * @param theName
+	 */
+	public Textarea( ControlP5 theControlP5 , String theName ) {
+		this( theControlP5 , theControlP5.getDefaultTab( ) , theName , "" , 0 , 0 , 199 , 99 );
+		theControlP5.register( theControlP5.papplet , theName , this );
+	}
+
+	/**
+	 * 
+	 * @param theControlP5
+	 *            ControlP5
+	 * @param theGroup
+	 *            ControllerGroup
+	 * @param theName
+	 *            String
+	 * @param theText
+	 *            String
+	 * @param theX
+	 *            int
+	 * @param theY
+	 *            int
+	 * @param theW
+	 *            int
+	 * @param theH
+	 *            int
+	 */
+	protected Textarea( ControlP5 theControlP5 , ControllerGroup< ? > theGroup , String theName , String theText , int theX , int theY , int theW , int theH ) {
+		super( theControlP5 , theGroup , theName , theX , theY );
+		_myWidth = theW;
+		_myHeight = theH;
+		_myText = theText;
+		setup( );
+	}
+
+	/**
+	 * 
+	 * @param theText
+	 *            String
+	 * @param theX
+	 *            int
+	 * @param theY
+	 *            int
+	 */
+	public Textarea( String theText , int theX , int theY ) {
+		super( theX , theY );
+		_myText = theText;
+		setup( );
+	}
+
+	private void setup( ) {
+		_myValueLabel = new Label( cp5 , _myText );
+
+		_myValueLabel.setFont( cp5.controlFont == cp5.defaultFont ? cp5.defaultFontForText : cp5.controlFont );
+
+		_myValueLabel.setWidth( ( int ) _myWidth );
+		_myValueLabel.setHeight( ( int ) _myHeight );
+		_myValueLabel.setMultiline( true );
+		_myValueLabel.toUpperCase( false );
+		_myValueLabel.setColor( color.getValueLabel( ) );
+
+		_myScrollbar = new Slider( cp5 , _myParent , getName( ) + "Scroller" , 0 , 1 , 1 , _myWidth - 5 , 0 , 5 , _myHeight );
+		_myScrollbar.init( );
+		_myScrollbar.setBroadcast( false );
+		_myScrollbar.setSliderMode( Slider.FLEXIBLE );
+		_myScrollbar.isMoveable = false;
+		_myScrollbar.isLabelVisible = false;
+		_myScrollbar.setParent( this );
+		_myScrollbar.addListener( this );
+		add( _myScrollbar );
+		setWidth( _myWidth );
+		setHeight( _myHeight );
+		_myScrollbar.color.set( color );
+		_myScrollbar.setColorBackground( 0x00000000 );
+		_myScrollbar.setHandleSize( 40 );
+	}
+
+	/**
+	 * 
+	 * @param theEvent
+	 *            ControlEvent
+	 */
+	public void controlEvent( ControlEvent theEvent ) {
+		_myScrollValue = - ( 1 - theEvent.getValue( ) );
+		scroll( );
+	}
+
+	public Textarea hideScrollbar( ) {
+		isScrollbarVisible = false;
+		_myScrollbar.hide( );
+		return this;
+	}
+
+	public Textarea showScrollbar( ) {
+		isScrollbarVisible = true;
+		boolean isScrollbar = _myHeight < ( _myValueLabel.getTextHeight( ) + _myValueLabel.getLineHeight( ) );
+		if ( isScrollbar ) {
+			_myScrollbar.show( );
+		}
+		return this;
+	}
+
+	public boolean isScrollable( ) {
+		return _myScrollbar.isVisible( );
+	}
+
+	@Override public Textarea setColorBackground( int theColor ) {
+		_myColorBackground = theColor;
+		isColorBackground = true;
+		return this;
+	}
+
+	public Textarea disableColorBackground( ) {
+		isColorBackground = false;
+		return this;
+	}
+
+	public Textarea enableColorBackground( ) {
+		isColorBackground = true;
+		return this;
+	}
+
+	/**
+	 * scroll the Textarea remotely. values must range from 0 to 1.
+	 * 
+	 * @param theValue
+	 */
+	public Textarea scroll( float theValue ) {
+		_myScrollbar.setValue( 1 - theValue );
+		return this;
+	}
+
+	/**
+	 * private update method for the scrollbar.
+	 */
+	private void scroll( ) {
+		_myScrollValue = PApplet.min( PApplet.max( -1 , _myScrollValue ) , 0 );
+
+		float myLen = _myValueLabel.getTextHeight( ) + _myValueLabel.getLineHeight( );
+		float myOffset = 0;
+		boolean isScrollbar = _myHeight < myLen;
+		if ( isScrollbar ) {
+			myOffset = _myScrollValue * ( myLen - _myHeight + _myBottomOffset );
+		}
+		isScrollbar = ( isScrollbarVisible ) ? isScrollbar : false;
+		_myScrollbar.setVisible( isScrollbar );
+		_myValueLabel.setOffsetYratio( _myScrollValue );
+	}
+
+	@ControlP5.Invisible public void scrolled( int theStep ) {
+		if ( _myScrollbar.isVisible( ) ) {
+			int lines = ( _myValueLabel.getTextHeight( ) / _myValueLabel.getLineHeight( ) );
+			float step = 1.0f / lines;
+			scroll( ( 1 - getScrollPosition( ) ) + ( theStep * step ) );
+		}
+	}
+
+	@ControlP5.Invisible public float getScrollPosition( ) {
+		return _myScrollbar.getValue( );
+	}
+
+	/**
+	 * set the width of the textarea.
+	 * 
+	 * @param theValue
+	 *            int
+	 */
+	@Override public Textarea setWidth( int theValue ) {
+		theValue = ( theValue < 10 ) ? 10 : theValue;
+		_myWidth = theValue;
+		_myValueLabel.setWidth( _myWidth - _myScrollbarWidth - 10 );
+		return this;
+	}
+
+	/**
+	 * set the height of the textarea.
+	 * 
+	 * @param theValue
+	 *            int
+	 */
+	@Override public Textarea setHeight( int theValue ) {
+		theValue = ( theValue < 10 ) ? 10 : theValue;
+		_myHeight = theValue;
+		_myValueLabel.setHeight( _myHeight - 2 );
+		_myScrollbar.setHeight( theValue );
+		return this;
+	}
+
+	public Textarea setSize( int theWidth , int theHeight ) {
+		setWidth( theWidth );
+		setHeight( theHeight );
+		return this;
+	}
+
+	/**
+	 * set the lineheight of the textarea.
+	 * 
+	 * @param theLineHeight
+	 *            int
+	 */
+	public Textarea setLineHeight( int theLineHeight ) {
+		_myValueLabel.setLineHeight( theLineHeight );
+		scroll( );
+		return this;
+	}
+
+	/**
+	 * set the text color of the textarea.
+	 * 
+	 * @param theColor
+	 *            int
+	 */
+	public Textarea setColor( int theColor ) {
+		_myValueLabel.setColor( theColor , true );
+		return this;
+	}
+
+	/**
+	 * returns the instance of the textarea's label.
+	 * 
+	 * @return
+	 */
+	public Label getValueLabel( ) {
+		return _myValueLabel;
+	}
+
+	/**
+	 * set the text of the textarea.
+	 * 
+	 * @param theText
+	 *            String
+	 */
+	public Textarea setText( String theText ) {
+		_myValueLabel.set( theText );
+		_myScrollValue = ( float ) ( _myHeight ) / ( float ) ( _myValueLabel.getTextHeight( ) );
+		_myScrollbar.setHeight( _myHeight + _myValueLabel.getStyle( ).paddingTop + _myValueLabel.getStyle( ).paddingBottom );
+		return this;
+	}
+
+	public Textarea clear( ) {
+		return setText( "" );
+	}
+
+	public Textarea append( String theText ) {
+		return setText( getText( ) + theText );
+	}
+
+	public Textarea append( String theText , int max ) {
+		String str = getText( ) + theText;
+
+		if ( max == -1 ) {
+			return setText( str );
+		}
+
+		List< String > strs = Arrays.asList( str.split( "\n" ) );
+		return setText( CP.join( strs.subList( Math.max( 0 , strs.size( ) - max ) , strs.size( ) ) , "\n" ) );
+	}
+
+	/**
+	 * returns the text content of the textarea.
+	 * 
+	 * @return String
+	 */
+	public String getText( ) {
+		return getStringValue( );
+	}
+
+	@Override protected void preDraw( PGraphics theGraphics ) {
+		if ( isScrollbarVisible ) {
+			_myScrollbar.setVisible( _myValueLabel.getOverflow( ) > 1 );
+		}
+		if ( _myScrollbar.isVisible( ) || isColorBackground ) {
+			float x = _myWidth - _myScrollbarWidth + _myValueLabel.getStyle( ).paddingLeft + _myValueLabel.getStyle( ).paddingRight;
+			float y = y( _myScrollbar.getPosition( ) );
+			set( _myScrollbar.getPosition( ) , x , y );
+			if ( !isColorBackground ) {
+				theGraphics.noFill( );
+			} else {
+				int a = _myColorBackground >> 24 & 0xff;
+				theGraphics.fill( _myColorBackground , a > 0 ? a : 255 );
+			}
+			int ww = _myWidth + _myValueLabel.getStyle( ).paddingLeft + _myValueLabel.getStyle( ).paddingRight;
+			int hh = _myHeight + _myValueLabel.getStyle( ).paddingTop + _myValueLabel.getStyle( ).paddingBottom;
+			theGraphics.rect( 0 , 0 , ww , hh );
+		}
+	}
+
+	// !!! add padding to the box.
+	// padding and margin doesnt work nicely with textarea yet!
+	protected boolean inside( ) {
+		return ( cp5.getWindow( ).mouseX > x( position ) + x( _myParent.absolutePosition ) && cp5.getWindow( ).mouseX < x( position ) + x( _myParent.absolutePosition ) + _myWidth
+		    && cp5.getWindow( ).mouseY > y( position ) + y( _myParent.absolutePosition ) && cp5.getWindow( ).mouseY < y( position ) + y( _myParent.absolutePosition ) + _myHeight );
+	}
+
+	public String getStringValue( ) {
+		return _myValueLabel.getText( );
+	}
+
+	public Textarea setFont( ControlFont theFont ) {
+		getValueLabel( ).setFont( theFont );
+		return this;
+	}
+
+	public Textarea setFont( PFont thePFont ) {
+		getValueLabel( ).setFont( thePFont );
+		return this;
+	}
+
+	public Textarea setFont( int theFontIndex ) {
+		getValueLabel( ).setFont( theFontIndex );
+		return this;
+	}
+
+	/**
+	 * @param theColor
+	 * @return Textarea
+	 */
+	public Textarea setScrollBackground( int theColor ) {
+		_myScrollbar.setColorBackground( theColor );
+		return this;
+	}
+
+	/**
+	 * @param theColor
+	 * @return Textarea
+	 */
+	public Textarea setScrollForeground( int theColor ) {
+		_myScrollbar.setColorForeground( theColor );
+		return this;
+	}
+
+	/**
+	 * @param theColor
+	 * @return Textarea
+	 */
+	public Textarea setScrollActive( int theColor ) {
+		_myScrollbar.setColorActive( theColor );
+		return this;
+	}
+
+	/**
+	 * @param theColor
+	 * @return Textarea
+	 */
+	public Textarea setBorderColor( int theColor ) {
+		color.setBackground( theColor );
+		return this;
+	}
+
+	/**
+	 * {@inheritDoc}
+	 */
+	@Override public float getValue( ) {
+		return 0;
+	}
+
+	@Deprecated public float value( ) {
+		return 0;
+	}
+
+	@Deprecated public String stringValue( ) {
+		return getStringValue( );
+	}
+
+	@Deprecated public Label valueLabel( ) {
+		return getValueLabel( );
+	}
+
+	/**
+	 * @exclude
+	 * @deprecated
+	 * @return
+	 */
+	@Deprecated public boolean isScrollbarVisible( ) {
+		return isScrollbarVisible;
+	}
+
+	/**
+	 * @deprecated
+	 * @exclude
+	 * @return
+	 */
+	@Deprecated public String text( ) {
+		return getText( );
+	}
+}
+
+// @todo linebreaking algorithm.
+// http://www.leverkruid.eu/GKPLinebreaking/index.html
+// found at http://www.texone.org/?p=43
+
diff --git a/src/controlP5/Textfield.java b/src/controlP5/Textfield.java
new file mode 100755
index 0000000..97acc80
--- /dev/null
+++ b/src/controlP5/Textfield.java
@@ -0,0 +1,523 @@
+package controlP5;
+
+import java.util.Arrays;
+import java.util.HashMap;
+import java.util.LinkedList;
+import java.util.List;
+import java.util.Map;
+
+import processing.core.PApplet;
+import processing.core.PFont;
+import processing.core.PGraphics;
+import processing.event.KeyEvent;
+
+/**
+ * controlP5 is a processing gui library.
+ * 
+ * 2006-2012 by Andreas Schlegel
+ * 
+ * This library is free software; you can redistribute it and/or
+ * modify it under the terms of the GNU Lesser General Public License
+ * as published by the Free Software Foundation; either version 2.1
+ * of the License, or (at your option) any later version.
+ * This library is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
+ * Lesser General Public License for more details.
+ * 
+ * You should have received a copy of the GNU Lesser General
+ * Public License along with this library; if not, write to the
+ * Free Software Foundation, Inc., 59 Temple Place, Suite 330,
+ * Boston, MA 02111-1307 USA
+ * 
+ * @author Andreas Schlegel (http://www.sojamo.de)
+ * @modified ##date##
+ * @version ##version##
+ * 
+ */
+
+/**
+ * A singleline input textfield, use arrow keys to go back and forth, use backspace to delete
+ * characters. Using the up and down arrows lets you cycle through the history of the textfield.
+ * 
+ * This is the best you can get. Font handling, font switching, measuring, left align, right align,
+ * etc. was giving me a big headache. not perfect, i think this is a good compromise.
+ * 
+ * @example controllers/ControlP5textfield
+ * @nosuperclasses Controller Controller
+ */
+public class Textfield extends Controller< Textfield > {
+
+	/* TODO textspacing does not work properly for bitfonts sometimes first row of pixels in a
+	 * bitfont texture gets cut off */
+
+	protected boolean isTexfieldActive;
+	protected boolean isKeepFocus;
+	protected StringBuffer _myTextBuffer = new StringBuffer( );
+	protected int _myTextBufferIndex = 0;
+	protected int _myTextBufferOverflow = 0;
+	protected int _myTextBufferIndexPosition = 0;
+	public static int cursorWidth = 1;
+	protected Map< Integer , TextfieldCommand > keyMapping;
+	protected InputFilter _myInputFilter = InputFilter.BITFONT;
+	protected List< Integer > ignorelist;
+	protected LinkedList< String > _myHistory;
+	protected int _myHistoryIndex;
+	protected boolean changed;
+	protected int len = 0;
+	protected int offset = 2;
+	protected int margin = 2;
+	protected boolean isPasswordMode;
+	protected boolean autoclear = true;
+	protected int _myColorCursor = 0x88ffffff;
+
+	public enum InputFilter {
+		INTEGER(Arrays.asList( '0' , '1' , '2' , '3' , '4' , '5' , '6' , '7' , '8' , '9' )), FLOAT(Arrays.asList( '0' , '1' , '2' , '3' , '4' , '5' , '6' , '7' , '8' , '9' , '.' )), BITFONT(Arrays.asList( '\n' , '\r' , ' ' , '!' , '"' , '#' , '$' , '%' ,
+		    '&' , '\'' , '(' , ')' , '*' , '+' , ',' , '-' , '.' , '/' , '0' , '1' , '2' , '3' , '4' , '5' , '6' , '7' , '8' , '9' , ':' , ';' , '<' , '=' , '>' , '?' , '@' , 'A' , 'B' , 'C' , 'D' , 'E' , 'F' , 'G' , 'H' , 'I' , 'J' , 'K' , 'L' , 'M' ,
+		    'N' , 'O' , 'P' , 'Q' , 'R' , 'S' , 'T' , 'U' , 'V' , 'W' , 'X' , 'Y' , 'Z' , '[' , '\\' , ']' , '^' , '_' , '`' , 'a' , 'b' , 'c' , 'd' , 'e' , 'f' , 'g' , 'h' , 'i' , 'j' , 'k' , 'l' , 'm' , 'n' , 'o' , 'p' , 'q' , 'r' , 's' , 't' , 'u' ,
+		    'v' , 'w' , 'x' , 'y' , 'z' , '{' , '|' , '}' , '~' )), DEFAULT(new LinkedList< Character >( ));
+
+		final List< Character > allowed;
+
+		InputFilter( List< Character > theList ) {
+			allowed = theList;
+		}
+
+		protected boolean apply( char theCharater ) {
+			if ( allowed.isEmpty( ) ) {
+				return true;
+			} else {
+				return allowed.contains( theCharater );
+			}
+		}
+
+	}
+
+	/**
+	 * Convenience constructor to extend Textfield.
+	 * 
+	 * @example use/ControlP5extendController
+	 * @param theControlP5
+	 * @param theName
+	 */
+	public Textfield( ControlP5 theControlP5 , String theName ) {
+		this( theControlP5 , theControlP5.getDefaultTab( ) , theName , "" , 0 , 0 , 199 , 19 );
+		theControlP5.register( theControlP5.papplet , theName , this );
+	}
+
+	public Textfield( ControlP5 theControlP5 , ControllerGroup< ? > theParent , String theName , String theDefaultValue , int theX , int theY , int theWidth , int theHeight ) {
+		super( theControlP5 , theParent , theName , theX , theY , theWidth , theHeight );
+		_myCaptionLabel = new Label( cp5 , theName.toUpperCase( ) , 0 , 0 , color.getCaptionLabel( ) );
+
+		_myValueLabel.setFont( cp5.controlFont == cp5.defaultFont ? cp5.defaultFontForText : cp5.controlFont );
+
+		_myCaptionLabel.align( ControlP5.LEFT , ControlP5.BOTTOM_OUTSIDE );
+		_myCaptionLabel.setPaddingX( 0 );
+
+		_myBroadcastType = STRING;
+		_myValueLabel.setFixedSize( true );
+		_myValueLabel.set( "" );
+		_myValueLabel.setWidth( getWidth( ) - margin * 2 );
+		_myValueLabel.setPadding( 0 , 0 );
+		_myValueLabel.align( LEFT , CENTER );
+		_myValueLabel.setColor( color.getValueLabel( ) );
+		_myValueLabel.toUpperCase( false );
+
+		_myValueLabel.setLabeltype( _myValueLabel.new SinglelineTextfield( ) );
+
+		_myHistory = new LinkedList< String >( );
+		_myHistory.addFirst( "" );
+
+		keyMapping = new HashMap< Integer , TextfieldCommand >( );
+		keyMapping.put( ENTER , new Enter( ) );
+		keyMapping.put( DEFAULT , new InsertCharacter( ) );
+		keyMapping.put( DELETE , new DeleteCharacter( ) );
+		keyMapping.put( BACKSPACE , new DeleteCharacter( ) );
+		keyMapping.put( LEFT , new MoveLeft( ) );
+		keyMapping.put( RIGHT , new MoveRight( ) );
+		keyMapping.put( UP , new MoveUp( ) );
+		keyMapping.put( DOWN , new MoveDown( ) );
+
+		ignorelist = new LinkedList< Integer >( );
+		ignorelist.add( SHIFT );
+		ignorelist.add( ALT );
+		ignorelist.add( CONTROL );
+		ignorelist.add( TAB );
+		ignorelist.add( COMMANDKEY );
+
+		setInputFilter( DEFAULT );
+		changed = true;
+
+	}
+
+	@Override public Textfield setWidth( int theWidth ) {
+		_myValueLabel.setWidth( theWidth );
+		return super.setWidth( theWidth );
+	}
+
+	@Override public Textfield setHeight( int theHeight ) {
+		_myValueLabel.setHeight( theHeight );
+		return super.setHeight( theHeight );
+	}
+
+	public Textfield setFocus( boolean theValue ) {
+		isTexfieldActive = isActive = theValue;
+		changed = true;
+		return this;
+	}
+
+	/**
+	 * check if the textfield is active and in focus.
+	 * 
+	 * @return boolean
+	 */
+	public boolean isFocus( ) {
+		return isTexfieldActive;
+	}
+
+	public Textfield keepFocus( boolean theValue ) {
+		isKeepFocus = theValue;
+		if ( isKeepFocus ) {
+			setFocus( true );
+		}
+		return this;
+	}
+
+	public Textfield setFont( PFont thePFont ) {
+		getValueLabel( ).setFont( thePFont );
+		return this;
+	}
+
+	public Textfield setFont( ControlFont theFont ) {
+		getValueLabel( ).setFont( theFont );
+		return this;
+	}
+
+	public Textfield setFont( int theFont ) {
+		getValueLabel( ).setFont( theFont );
+		return this;
+	}
+
+	public Textfield setPasswordMode( boolean theFlag ) {
+		isPasswordMode = theFlag;
+		return this;
+	}
+
+	public Textfield setInputFilter( int theInputType ) {
+		switch ( theInputType ) {
+		case ( INTEGER ):
+			_myInputFilter = InputFilter.INTEGER;
+			break;
+		case ( FLOAT ):
+			_myInputFilter = InputFilter.FLOAT;
+			break;
+		case ( BITFONT ):
+			_myInputFilter = InputFilter.BITFONT;
+			break;
+		default:
+			_myInputFilter = InputFilter.DEFAULT;
+			break;
+		}
+		return this;
+	}
+
+	@Override public Textfield setValue( float theValue ) {
+		// use setText(String) instead
+		return this;
+	}
+
+	@Override protected void updateFont( ControlFont theControlFont ) {
+		super.updateFont( theControlFont );
+		changed = true;
+	}
+
+	public Textfield setValue( String theText ) {
+		_myTextBuffer = new StringBuffer( theText );
+		setIndex( _myTextBuffer.length( ) );
+		changed = true;
+		return this;
+	}
+
+	public Textfield setText( String theText ) {
+		return setValue( theText );
+	}
+
+	public Textfield clear( ) {
+		// create a new text buffer
+		_myTextBuffer = new StringBuffer( );
+		// reset the buffer index
+		setIndex( 0 );
+		return this;
+	}
+
+	public Textfield setAutoClear( boolean theValue ) {
+		autoclear = theValue;
+		return this;
+	}
+
+	public boolean isAutoClear( ) {
+		return autoclear;
+	}
+
+	@Override protected void mousePressed( ) {
+		if ( isActive ) {
+			// TODO System.out.println("adjust cursor");
+		}
+		int x = ( int ) ( getControlWindow( ).mouseX - x( getAbsolutePosition( ) ) );
+		int y = ( int ) ( getControlWindow( ).mouseY - y( getAbsolutePosition( ) ) );
+
+		// TODO System.out.println(x + ":" + y);
+		setFocus( true );
+	}
+
+	@Override protected void mouseReleasedOutside( ) {
+		if ( isKeepFocus == false ) {
+			isTexfieldActive = isActive = false;
+		}
+	}
+
+	public int getIndex( ) {
+		return _myTextBufferIndex;
+	}
+
+	public String getText( ) {
+		return _myTextBuffer.toString( );
+	}
+
+	public Textfield setColor( int theColor ) {
+		getValueLabel( ).setColor( theColor );
+		return this;
+	}
+
+	public Textfield setColorCursor( int theColor ) {
+		_myColorCursor = theColor;
+		return this;
+	}
+
+	@Override public void draw( PGraphics theGraphics ) {
+		if ( changed ) {
+			updateLabel( theGraphics );
+			changed = false;
+		}
+		theGraphics.pushStyle( );
+		theGraphics.fill( color.getBackground( ) );
+		theGraphics.pushMatrix( );
+		theGraphics.translate( x( position ) , y( position ) );
+		theGraphics.rect( 0 , 0 , getWidth( ) , getHeight( ) );
+		theGraphics.noStroke( );
+
+		theGraphics.fill( _myColorCursor );
+		theGraphics.pushMatrix( );
+		theGraphics.pushStyle( );
+
+		if ( _myTextBufferIndexPosition > len - offset ) {
+			// theApplet.textAlign(PApplet.RIGHT);
+			_myValueLabel.textAlign = PApplet.RIGHT;
+			theGraphics.translate( getWidth( ) - margin , 0 );
+			if ( isTexfieldActive ) {
+				theGraphics.rect( 0 , 0 , cursorWidth , getHeight( ) );
+			}
+		} else {
+			// theApplet.textAlign(PApplet.LEFT);
+			_myValueLabel.textAlign = PApplet.LEFT;
+			theGraphics.translate( margin , 0 );
+			if ( isTexfieldActive ) {
+				theGraphics.rect( PApplet.max( 0 , PApplet.min( _myTextBufferIndexPosition , getWidth( ) - margin ) ) , 0 , cursorWidth , getHeight( ) );
+			}
+		}
+
+		_myValueLabel.draw( theGraphics , 0 , 0 , this );
+		theGraphics.popStyle( );
+		theGraphics.popMatrix( );
+
+		theGraphics.fill( isTexfieldActive ? color.getActive( ) : color.getForeground( ) );
+		theGraphics.rect( 0 , 0 , getWidth( ) , 1 );
+		theGraphics.rect( 0 , getHeight( ) - 1 , getWidth( ) , 1 );
+		theGraphics.rect( -1 , 0 , 1 , getHeight( ) );
+		theGraphics.rect( getWidth( ) , 0 , 1 , getHeight( ) );
+		_myCaptionLabel.draw( theGraphics , 0 , 0 , this );
+		theGraphics.popMatrix( );
+		theGraphics.popStyle( );
+	}
+
+	private void updateLabel( PGraphics theApplet ) {
+		if ( _myInputFilter == InputFilter.BITFONT ) {
+			setInputFilter( DEFAULT );
+		}
+		String str = passCheck( getText( ) );
+		String t1 = str;
+		int off = margin * 2;
+		int ww = ControlFont.getWidthFor( str , _myValueLabel , theApplet );
+		if ( ( ww < getWidth( ) - off ) ) {
+			_myTextBufferIndexPosition = ControlFont.getWidthFor( t1.substring( 0 , _myTextBufferIndex ) , _myValueLabel , theApplet );
+			len = getWidth( );
+		} else {
+			char[] c = str.toCharArray( );
+			int mx = 0;
+			int n = 0;
+			for ( int i = 0 ; i < c.length ; i++ ) {
+				n += theApplet.textWidth( c[ i ] );
+				if ( n > _myValueLabel.getWidth( ) - off ) {
+					break;
+				}
+				len = n;
+				mx++;
+			}
+			t1 = "";
+			n = 0;
+			// this is messed up and occasionally throws ArrayIndexOutOfBounds Exceptions
+			// sometimes the beginning of the text is not in order when text length exceeds
+			// length of textfield.
+			// needs fixing. TODO
+			for ( int i = PApplet.max( mx , _myTextBufferIndex - 1 ) ; i >= 0 ; i-- ) {
+				try {
+					n += theApplet.textWidth( c[ i ] );
+				} catch ( Exception e ) {}
+				try {
+				t1 = c[ i ] + t1;
+				if ( n >= _myValueLabel.getWidth( ) - off - 4 ) {
+					_myTextBufferOverflow = str.indexOf( t1 );
+					break;
+				}
+				} catch(java.lang.ArrayIndexOutOfBoundsException ex) {
+					//System.out.println("java.lang.ArrayIndexOutOfBoundsException");
+				}
+			}
+			int strn = PApplet.max( 0 , PApplet.min( t1.length( ) , _myTextBufferIndex - _myTextBufferOverflow ) );
+			_myTextBufferIndexPosition = ControlFont.getWidthFor( t1.substring( 0 , strn ) , _myValueLabel , theApplet );
+		}
+		_myValueLabel.setText( t1 );
+		changed = false;
+	}
+
+	private String passCheck( String label ) {
+		if ( !isPasswordMode ) {
+			return label;
+		}
+		String newlabel = "";
+		for ( int i = 0 ; i < label.length( ) ; i++ ) {
+			newlabel += "*";
+		}
+		return newlabel;
+	}
+
+	public void keyEvent( KeyEvent theKeyEvent ) {
+		if ( isUserInteraction && isTexfieldActive && isActive && theKeyEvent.getAction( ) == KeyEvent.PRESS ) {
+			if ( ignorelist.contains( cp5.getKeyCode( ) ) ) {
+				return;
+			}
+			if ( keyMapping.containsKey( cp5.getKeyCode( ) ) ) {
+				keyMapping.get( cp5.getKeyCode( ) ).execute( );
+			} else {
+				keyMapping.get( DEFAULT ).execute( );
+			}
+		}
+	}
+
+	/**
+	 * make the controller execute a return event. submit the current content of the texfield.
+	 * 
+	 */
+	public Textfield submit( ) {
+		keyMapping.get( ENTER ).execute( );
+		return this;
+	}
+
+	public String[] getTextList( ) {
+		String[] s = new String[ _myHistory.size( ) ];
+		_myHistory.toArray( s );
+		return s;
+	}
+
+	private Textfield setIndex( int theIndex ) {
+		_myTextBufferIndex = theIndex;
+		changed = true;
+		return this;
+	}
+
+	interface TextfieldCommand {
+
+		void execute( );
+	}
+
+	class InsertCharacter implements TextfieldCommand {
+
+		public void execute( ) {
+			if ( ( int ) ( cp5.getKey( ) ) == 65535 ) {
+				return;
+			}
+
+			if ( _myInputFilter.apply( cp5.getKey( ) ) ) {
+				_myTextBuffer.insert( _myTextBufferIndex , ( char ) cp5.getKey( ) );
+				setIndex( _myTextBufferIndex + 1 );
+			}
+		}
+	}
+
+	class Enter implements TextfieldCommand {
+
+		public void execute( ) {
+			setStringValue( _myTextBuffer.toString( ) );
+			broadcast( );
+			// update current buffer with the last item inside the input history
+			_myHistory.set( _myHistory.size( ) - 1 , _myTextBuffer.toString( ) );
+			// set the history index to our last item
+			_myHistoryIndex = _myHistory.size( );
+			// add a new and empty buffer to the history
+			_myHistory.add( "" );
+			if ( autoclear ) {
+				clear( );
+			}
+		}
+	}
+
+	class DeleteCharacter implements TextfieldCommand {
+
+		public void execute( ) {
+			if ( _myTextBuffer.length( ) > 0 && _myTextBufferIndex > 0 ) {
+				_myTextBuffer.deleteCharAt( _myTextBufferIndex - 1 );
+				setIndex( _myTextBufferIndex - 1 );
+			}
+		}
+	}
+
+	class MoveLeft implements TextfieldCommand {
+
+		public void execute( ) {
+			setIndex( ( cp5.isMetaDown( ) ) ? 0 : PApplet.max( 0 , _myTextBufferIndex - 1 ) );
+		}
+	}
+
+	class MoveRight implements TextfieldCommand {
+
+		public void execute( ) {
+			setIndex( ( cp5.isMetaDown( ) ) ? _myTextBuffer.length( ) : PApplet.min( _myTextBuffer.length( ) , _myTextBufferIndex + 1 ) );
+		}
+	}
+
+	class MoveUp implements TextfieldCommand {
+
+		public void execute( ) {
+			if ( _myHistoryIndex == 0 ) {
+				return;
+			}
+			_myHistoryIndex = PApplet.max( 0 , --_myHistoryIndex );
+			_myTextBuffer = new StringBuffer( _myHistory.get( _myHistoryIndex ) );
+			setIndex( _myTextBuffer.length( ) );
+		}
+	}
+
+	class MoveDown implements TextfieldCommand {
+
+		public void execute( ) {
+			if ( _myHistoryIndex >= _myHistory.size( ) - 1 ) {
+				return;
+			}
+
+			_myHistoryIndex = PApplet.min( _myHistory.size( ) - 1 , ++_myHistoryIndex );
+			_myTextBuffer = new StringBuffer( _myHistory.get( _myHistoryIndex ) );
+			setIndex( _myTextBuffer.length( ) );
+		}
+	}
+
+}
\ No newline at end of file
diff --git a/src/controlP5/Textlabel.java b/src/controlP5/Textlabel.java
new file mode 100755
index 0000000..e0adec1
--- /dev/null
+++ b/src/controlP5/Textlabel.java
@@ -0,0 +1,243 @@
+package controlP5;
+
+/**
+ * controlP5 is a processing gui library.
+ * 
+ * 2006-2012 by Andreas Schlegel
+ * 
+ * This library is free software; you can redistribute it and/or
+ * modify it under the terms of the GNU Lesser General Public License
+ * as published by the Free Software Foundation; either version 2.1
+ * of the License, or (at your option) any later version.
+ * This library is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
+ * Lesser General Public License for more details.
+ * 
+ * You should have received a copy of the GNU Lesser General
+ * Public License along with this library; if not, write to the
+ * Free Software Foundation, Inc., 59 Temple Place, Suite 330,
+ * Boston, MA 02111-1307 USA
+ * 
+ * @author Andreas Schlegel (http://www.sojamo.de)
+ * @modified ##date##
+ * @version ##version##
+ * 
+ */
+
+import java.util.Arrays;
+import java.util.List;
+
+import processing.core.PApplet;
+import processing.core.PFont;
+import processing.core.PGraphics;
+
+/**
+ * @example controllers/ControlP5textlabel
+ * @nosuperclasses Controller Controller Textarea
+ */
+public class Textlabel extends Controller< Textlabel > {
+
+	protected int _myLetterSpacing = 0;
+
+	private boolean disabled;
+
+	/**
+	 * 
+	 * @param theControlP5 ControlP5
+	 * @param theParent Tab
+	 * @param theName String
+	 * @param theValue String
+	 * @param theX int
+	 * @param theY int
+	 */
+	protected Textlabel( final ControlP5 theControlP5 , final Tab theParent , final String theName , final String theValue , final int theX , final int theY ) {
+		super( theControlP5 , theParent , theName , theX , theY , 200 , 20 );
+		_myStringValue = theValue;
+		setup( );
+	}
+
+	/**
+	 * 
+	 * @param theValue String
+	 * @param theX int
+	 * @param theY int
+	 */
+	protected Textlabel( final String theValue , final int theX , final int theY ) {
+		super( "" , theX , theY );
+		_myStringValue = theValue;
+		setup( );
+	}
+
+	protected Textlabel( final String theValue , final int theX , final int theY , final int theW , final int theH , final int theColor ) {
+		super( "" , theX , theY );
+
+		_myStringValue = theValue;
+		_myValueLabel = new Label( cp5 , _myStringValue , theW , theH , theColor );
+		_myValueLabel.setFont( cp5.controlFont == cp5.defaultFont ? cp5.defaultFontForText : cp5.controlFont );
+		_myValueLabel.setMultiline( false );
+		_myValueLabel.toUpperCase( false );
+	}
+
+	public Textlabel( ControlP5 theControlP5 , final String theValue , final int theX , final int theY ) {
+		super( "" , theX , theY );
+
+		cp5 = theControlP5;
+		_myStringValue = theValue;
+		_myValueLabel = new Label( cp5 , _myStringValue , 10 , 10 , 0xffffffff );
+		_myValueLabel.setFont( cp5.controlFont == cp5.defaultFont ? cp5.defaultFontForText : cp5.controlFont );
+		_myValueLabel.set( _myStringValue );
+		_myValueLabel.setMultiline( false );
+		_myValueLabel.toUpperCase( false );
+	}
+
+	public Textlabel( ControlP5 theControlP5 , final String theValue , final int theX , final int theY , final int theW , final int theH ) {
+		super( "" , theX , theY );
+		cp5 = theControlP5;
+		_myStringValue = theValue;
+		_myValueLabel = new Label( cp5 , _myStringValue , theW , theH , 0xffffffff );
+		_myValueLabel.setFont( cp5.controlFont == cp5.defaultFont ? cp5.defaultFontForText : cp5.controlFont );
+		_myValueLabel.setMultiline( false );
+		_myValueLabel.toUpperCase( false );
+	}
+
+	protected void setup( ) {
+		_myValueLabel = new Label( cp5 , _myStringValue );
+		_myValueLabel.setFont( cp5.controlFont == cp5.defaultFont ? cp5.defaultFontForText : cp5.controlFont );
+		_myValueLabel.setMultiline( false );
+		_myValueLabel.toUpperCase( false );
+	}
+
+	@Override public Textlabel setWidth( int theValue ) {
+		_myValueLabel.setWidth( theValue );
+		return this;
+	}
+
+	public Textlabel setHeight( int theValue ) {
+		_myValueLabel.setHeight( theValue );
+		return this;
+	}
+
+	public void draw( final PApplet theApplet ) {
+		draw( theApplet.g );
+	}
+
+	@Override public void draw( final PGraphics theGraphics ) {
+		if ( !disabled ) {
+			theGraphics.pushMatrix( );
+			theGraphics.translate( x( position ) , y( position ) );
+			_myValueLabel.draw( theGraphics , 0 , 0 , this );
+			theGraphics.popMatrix( );
+		}
+	}
+
+	public void draw( ) {
+		draw( cp5.pg );
+	}
+
+	public void draw( int theX , int theY ) {
+		cp5.papplet.pushMatrix( );
+		cp5.papplet.translate( theX , theY );
+		draw( cp5.pg );
+		cp5.papplet.popMatrix( );
+	}
+
+	public Textlabel setValue( float theValue ) {
+		return this;
+	}
+
+	public Textlabel setText( final String theText ) {
+		return setValue( theText );
+	}
+
+	public Textlabel setLineHeight( int theValue ) {
+		_myValueLabel.setLineHeight( theValue );
+		return this;
+	}
+
+	public int getLineHeight( ) {
+		return _myValueLabel.getLineHeight( );
+	}
+	
+	public ControllerStyle getStyle() {
+		return _myValueLabel.getStyle( );
+	}
+
+	public Textlabel append( String theText , int max ) {
+		String str = _myStringValue + theText;
+
+		if ( max == -1 ) {
+			return setText( str );
+		}
+
+		List< String > strs = Arrays.asList( str.split( "\n" ) );
+		return setText( CP.join( strs.subList( Math.max( 0 , strs.size( ) - max ) , strs.size( ) ) , "\n" ) );
+	}
+
+	@Override public Textlabel setStringValue( String theValue ) {
+		return setValue( theValue );
+	}
+
+	public Textlabel setMultiline( final boolean theFlag ) {
+		_myValueLabel.setMultiline( true );
+		return this;
+	}
+
+	/**
+	 * set the text of the textlabel.
+	 * 
+	 * @param theText String
+	 */
+	public Textlabel setValue( final String theText ) {
+		_myStringValue = theText;
+		_myValueLabel.set( theText );
+		setWidth( _myValueLabel.getWidth( ) );
+		setHeight( _myValueLabel.getHeight( ) );
+		return this;
+	}
+
+	public Textlabel setColor( int theColor ) {
+		_myValueLabel.setColor( theColor , true );
+		return this;
+	}
+
+	/**
+	 * set the letter spacing of the font.
+	 * 
+	 * @param theValue int
+	 * @return Textlabel
+	 */
+	public Textlabel setLetterSpacing( final int theValue ) {
+		_myLetterSpacing = theValue;
+		_myValueLabel.setLetterSpacing( _myLetterSpacing );
+		return this;
+	}
+
+	public Textlabel setFont( ControlFont theControlFont ) {
+		getValueLabel( ).setFont( theControlFont );
+		return this;
+	}
+
+	public Textlabel setFont( PFont thePFont ) {
+		getValueLabel( ).setFont( thePFont );
+		return this;
+	}
+
+	protected boolean inside( ) {
+		return ( _myControlWindow.mouseX > x( position ) + x( _myParent.getAbsolutePosition( ) ) && _myControlWindow.mouseX < x( position ) + x( _myParent.getAbsolutePosition( ) ) + _myValueLabel.getWidth( )
+		    && _myControlWindow.mouseY > y( position ) + y( _myParent.getAbsolutePosition( ) ) && _myControlWindow.mouseY < y( position ) + y( _myParent.getAbsolutePosition( ) ) + _myValueLabel.getHeight( ) );
+	}
+
+	public Label get( ) {
+		return _myValueLabel;
+	}
+
+	private void printConstructorError( String theValue ) {
+		ControlP5
+		    .logger( )
+		    .severe(
+		        "The Textlabel constructor you are using has been deprecated, please use constructor\nnew Textlabel(ControlP5,String,int,int) or\nnew Textlabel(ControlP5,String,int,int,int,int) or\nnew Textlabel(ControlP5,String,int,int,int,int,int,int)\ninstead. The Textlabel with value '"
+		            + theValue + "' is disabled and will not be rendered." );
+	}
+
+}
diff --git a/src/controlP5/TickMark.java b/src/controlP5/TickMark.java
new file mode 100755
index 0000000..7691071
--- /dev/null
+++ b/src/controlP5/TickMark.java
@@ -0,0 +1,95 @@
+package controlP5;
+
+/**
+ * controlP5 is a processing gui library.
+ *
+ *  2006-2012 by Andreas Schlegel
+ *
+ * This library is free software; you can redistribute it and/or
+ * modify it under the terms of the GNU Lesser General Public License
+ * as published by the Free Software Foundation; either version 2.1
+ * of the License, or (at your option) any later version.
+ * This library is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
+ * Lesser General Public License for more details.
+ *
+ * You should have received a copy of the GNU Lesser General
+ * Public License along with this library; if not, write to the
+ * Free Software Foundation, Inc., 59 Temple Place, Suite 330,
+ * Boston, MA 02111-1307 USA
+ *
+ * @author 		Andreas Schlegel (http://www.sojamo.de)
+ * @modified	##date##
+ * @version		##version##
+ *
+ */
+
+import processing.core.PApplet;
+import processing.core.PGraphics;
+
+/**
+ * Tickmarks are used by the Slider and Knob controller.
+ */
+public class TickMark implements CDrawable {
+
+	protected Controller< ? > _myParent;
+
+	protected int _myLen = 4;
+
+	protected Label _myLabel;
+
+	protected boolean isLabel;
+
+	public TickMark( Controller< ? > theController ) {
+		_myParent = theController;
+	}
+
+	public void draw( PGraphics theGraphics ) {
+		draw( theGraphics , ControlP5Constants.HORIZONTAL );
+	}
+
+	public void draw( PGraphics theGraphics , int theDirection ) {
+		theGraphics.pushMatrix( );
+		switch ( theDirection ) {
+		case ( ControlP5Constants.HORIZONTAL ):
+			theGraphics.translate( 0 , _myLen );
+			theGraphics.rect( 0 , 0 , 1 , _myLen );
+			if ( isLabel ) {
+				_myLabel.draw( theGraphics , 0 , _myLen + 4 , _myParent );
+			}
+			break;
+		case ( ControlP5Constants.VERTICAL ):
+			theGraphics.translate( -_myLen , 0 );
+			theGraphics.rect( 0 , 0 , _myLen , 1 );
+			if ( isLabel ) {
+				_myLabel.draw( theGraphics , -_myLabel.getWidth( ) , 0 , _myParent );
+			}
+			break;
+		}
+
+		theGraphics.popMatrix( );
+	}
+
+	public void setLength( int theLength ) {
+		_myLen = theLength;
+	}
+
+	public Label setLabel( String theLabeltext ) {
+		if ( _myLabel == null ) {
+			_myLabel = new Label( _myParent.cp5 , theLabeltext );
+			isLabel = true;
+		} else {
+			_myLabel.set( theLabeltext );
+		}
+		return _myLabel;
+	}
+
+	public Label getLabel( ) {
+		if ( _myLabel == null ) {
+			setLabel( "?" );
+		}
+		return _myLabel;
+	}
+
+}
diff --git a/src/controlP5/Toggle.java b/src/controlP5/Toggle.java
new file mode 100755
index 0000000..478d087
--- /dev/null
+++ b/src/controlP5/Toggle.java
@@ -0,0 +1,284 @@
+package controlP5;
+
+/**
+ * controlP5 is a processing gui library.
+ * 
+ * 2006-2012 by Andreas Schlegel
+ * 
+ * This library is free software; you can redistribute it and/or
+ * modify it under the terms of the GNU Lesser General Public License
+ * as published by the Free Software Foundation; either version 2.1
+ * of the License, or (at your option) any later version.
+ * This library is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
+ * Lesser General Public License for more details.
+ * 
+ * You should have received a copy of the GNU Lesser General
+ * Public License along with this library; if not, write to the
+ * Free Software Foundation, Inc., 59 Temple Place, Suite 330,
+ * Boston, MA 02111-1307 USA
+ * 
+ * @author Andreas Schlegel (http://www.sojamo.de)
+ * @modified ##date##
+ * @version ##version##
+ * 
+ */
+
+import processing.core.PGraphics;
+import processing.core.PImage;
+
+/**
+ * a toggle can have two states, true and false, where true has the value 1 and false is 0.
+ * 
+ * @example controllers/ControlP5toggle
+ * @nosuperclasses Controller Controller
+ */
+public class Toggle extends Controller< Toggle > {
+
+	protected int cnt;
+
+	protected boolean isOn = false;
+
+	protected float internalValue = -1;
+
+	public static int autoWidth = 39;
+
+	public static int autoHeight = 19;
+
+	protected float[] autoSpacing = new float[] { 10 , 20 };
+
+	/**
+	 * Convenience constructor to extend Toggle.
+	 * 
+	 * @example use/ControlP5extendController
+	 * @param theControlP5
+	 * @param theName
+	 */
+	public Toggle( ControlP5 theControlP5 , String theName ) {
+		this( theControlP5 , theControlP5.getDefaultTab( ) , theName , 0 , 0 , 0 , autoWidth , autoHeight );
+		theControlP5.register( theControlP5.papplet , theName , this );
+	}
+
+	public Toggle( ControlP5 theControlP5 , Tab theParent , String theName , float theValue , float theX , float theY , int theWidth , int theHeight ) {
+		super( theControlP5 , theParent , theName , theX , theY , theWidth , theHeight );
+		_myValue = theValue;
+		_myCaptionLabel.align( LEFT , BOTTOM_OUTSIDE ).setPadding( 0 , Label.paddingY );
+	}
+
+	/**
+	 * 
+	 * @param theApplet PApplet
+	 */
+	@ControlP5.Invisible public void draw( PGraphics theGraphics ) {
+		theGraphics.pushMatrix( );
+		theGraphics.translate( x(position) , y(position) );
+		_myControllerView.display( theGraphics , this );
+		theGraphics.popMatrix( );
+	}
+
+	protected void onEnter( ) {
+		isActive = true;
+	}
+
+	protected void onLeave( ) {
+		isActive = false;
+	}
+
+	/**
+	 * {@inheritDoc}
+	 */
+	@ControlP5.Invisible public void mousePressed( ) {
+		setState( !isOn );
+		isActive = false;
+	}
+
+	/**
+	 * {@inheritDoc}
+	 */
+	@Override public Toggle setValue( float theValue ) {
+		if ( theValue == 0 ) {
+			setState( false );
+		} else {
+			setState( true );
+		}
+		return this;
+	}
+
+	/**
+	 * @param theValue
+	 */
+	public Toggle setValue( boolean theValue ) {
+		setValue( ( theValue == true ) ? 1 : 0 );
+		return this;
+	}
+
+	/**
+	 * {@inheritDoc}
+	 */
+	@Override public Toggle update( ) {
+		return setValue( _myValue );
+	}
+
+	/**
+	 * sets the state of the toggle, this can be true or false.
+	 * 
+	 * @param theFlag boolean
+	 */
+	public Toggle setState( boolean theFlag ) {
+		isOn = theFlag;
+		_myValue = ( isOn == false ) ? 0 : 1;
+		broadcast( FLOAT );
+		return this;
+	}
+
+	/**
+	 * 
+	 * @return
+	 */
+	public boolean getState( ) {
+		return isOn;
+	}
+
+	protected void deactivate( ) {
+		isOn = false;
+		_myValue = ( isOn == false ) ? 0 : 1;
+	}
+
+	protected void activate( ) {
+		isOn = true;
+		_myValue = ( isOn == false ) ? 0 : 1;
+	}
+
+	/**
+	 * switch the state of a toggle.
+	 */
+	public Toggle toggle( ) {
+		if ( isOn ) {
+			setState( false );
+		} else {
+			setState( true );
+		}
+		return this;
+	}
+
+	/**
+	 * set the visual mode of a Toggle. use setMode(ControlP5.DEFAULT) or setMode(ControlP5.SWITCH)
+	 * 
+	 * @param theMode
+	 */
+	public Toggle setMode( int theMode ) {
+		updateDisplayMode( theMode );
+		return this;
+	}
+
+	/**
+	 * by default a toggle returns 0 (for off) and 1 (for on). the internal value variable can be
+	 * used to store an additional value for a toggle event.
+	 * 
+	 * @param theInternalValue
+	 */
+	@ControlP5.Invisible public void setInternalValue( float theInternalValue ) {
+		internalValue = theInternalValue;
+	}
+
+	@ControlP5.Invisible public float internalValue( ) {
+		return internalValue;
+	}
+
+	/**
+	 * {@inheritDoc}
+	 */
+	@Override public Toggle linebreak( ) {
+		cp5.linebreak( this , true , autoWidth , autoHeight , autoSpacing );
+		return this;
+	}
+
+	@Override public Toggle setImages( PImage ... theImages ) {
+		setImage( theImages[ 0 ] , DEFAULT );
+		setImage( theImages[ 1 ] , ACTIVE );
+		updateDisplayMode( IMAGE );
+		return this;
+	}
+
+	/**
+	 * {@inheritDoc}
+	 */
+	@Override @ControlP5.Invisible public Toggle updateDisplayMode( int theState ) {
+		_myDisplayMode = theState;
+		switch ( theState ) {
+		case ( DEFAULT ):
+			_myControllerView = new ToggleView( );
+			break;
+		case ( IMAGE ):
+			_myControllerView = new ToggleImageView( );
+			break;
+		case ( SWITCH ):
+			_myControllerView = new ToggleSwitchView( );
+			break;
+		case ( CUSTOM ):
+		default:
+			break;
+		}
+		return this;
+	}
+
+	class ToggleView implements ControllerView< Toggle > {
+
+		public void display( PGraphics theGraphics , Toggle theController ) {
+			if ( isActive ) {
+				theGraphics.fill( isOn ? color.getActive( ) : color.getForeground( ) );
+			} else {
+				theGraphics.fill( isOn ? color.getActive( ) : color.getBackground( ) );
+			}
+
+			theGraphics.rect( 0 , 0 , getWidth( ) , getHeight( ) );
+
+			if ( isLabelVisible ) {
+				_myCaptionLabel.draw( theGraphics , 0 , 0 , theController );
+			}
+
+		}
+	}
+
+	class ToggleImageView implements ControllerView< Toggle > {
+
+		public void display( PGraphics theGraphics , Toggle theController ) {
+
+			// if ( isActive ) {
+			// theGraphics.image( ( availableImages[ ACTIVE ] == true ) ? images[ ACTIVE ] : images[
+			// DEFAULT ] , 0 , 0 );
+			// } else {
+			if ( isOn ) {
+				theGraphics.image( ( availableImages[ ACTIVE ] == true ) ? images[ ACTIVE ] : images[ DEFAULT ] , 0 , 0 );
+			} else {
+				theGraphics.image( images[ DEFAULT ] , 0 , 0 );
+			}
+			// }
+
+			//theGraphics.rect( 0 , 0 , getWidth( ) , getHeight( ) );
+		}
+	}
+
+	class ToggleSwitchView implements ControllerView< Toggle > {
+
+		public void display( PGraphics theGraphics , Toggle theController ) {
+
+			theGraphics.fill( color.getBackground( ) );
+
+			theGraphics.rect( 0 , 0 , getWidth( ) , getHeight( ) );
+
+			theGraphics.fill( color.getActive( ) );
+
+			if ( isOn ) {
+				theGraphics.rect( 0 , 0 , getWidth( ) / 2 , getHeight( ) );
+			} else {
+				theGraphics.rect( ( getWidth( ) % 2 == 0 ? 0 : 1 ) + getWidth( ) / 2 , 0 , getWidth( ) / 2 , getHeight( ) );
+			}
+
+			if ( isLabelVisible ) {
+				_myCaptionLabel.draw( theGraphics , 0 , 0 , theController );
+			}
+		}
+	}
+}
diff --git a/src/controlP5/Tooltip.java b/src/controlP5/Tooltip.java
new file mode 100755
index 0000000..646d0f9
--- /dev/null
+++ b/src/controlP5/Tooltip.java
@@ -0,0 +1,457 @@
+package controlP5;
+
+import java.util.HashMap;
+import java.util.Map;
+
+import processing.core.PApplet;
+import processing.core.PGraphics;
+import processing.core.PVector;
+
+/**
+ * A tooltip can be registered for individual controllers
+ * and is activated on rollover.
+ * 
+ * @example controllers/ControlP5tooltip
+ * 
+ */
+public class Tooltip {
+
+	private ControllerView< ? > _myView;
+
+	private PVector position = new PVector( );
+
+	private PVector currentPosition = new PVector( );
+
+	private PVector previousPosition = new PVector( );
+
+	private PVector offset = new PVector( );
+
+	private Controller< ? > _myController;
+
+	private long startTime = 0;
+
+	private long _myDelayInMillis = 500;
+
+	private int _myMode = ControlP5.INACTIVE;
+
+	private int _myHeight = 20;
+
+	private int _myBackgroundColor = 0xffffffb4;
+
+	private int _myMaxAlpha = 255;
+
+	private int _myAlpha = 0;
+
+	private Map< Controller< ? > , String > map;
+
+	private Label _myLabel;
+
+	private boolean enabled = true;
+
+	private int _myBorder;
+
+	private ControlP5 cp5;
+
+	private int _myAlignH = ControlP5.RIGHT;
+
+	private int _myColor = 0x00000000;
+
+	Tooltip( ControlP5 theControlP5 ) {
+		cp5 = theControlP5;
+		position = new PVector( -1000 , -1000 );
+		currentPosition = new PVector( );
+		previousPosition = new PVector( );
+		offset = new PVector( 0 , 24 , 0 );
+		map = new HashMap< Controller< ? > , String >( );
+		_myLabel = new Label( cp5 , "tooltip" );
+		_myLabel.setColor( _myColor );
+		_myLabel.setPadding( 0 , 0 );
+		setView( new TooltipView( ) );
+		setBorder( 4 );
+	}
+
+	/**
+	 * sets the border of the tooltip, the default border is
+	 * 4px.
+	 * 
+	 * @param theValue
+	 * @return Tooltip
+	 */
+	public Tooltip setBorder( int theValue ) {
+		_myBorder = theValue;
+		_myLabel.getStyle( ).setMargin( _myBorder , _myBorder , _myBorder , _myBorder );
+		return this;
+	}
+
+	/**
+	 * returns the value of the border
+	 * 
+	 * @return
+	 */
+	public int getBorder( ) {
+		return _myBorder;
+	}
+
+	/**
+	 * sets the transparency of the default background,
+	 * default value is 200
+	 * 
+	 * @param theValue
+	 * @return Tooltip
+	 */
+	public Tooltip setAlpha( int theValue ) {
+		_myMaxAlpha = theValue;
+		return this;
+	}
+
+	private void updateText( String theText ) {
+		int n = 1;
+		for ( char c : theText.toCharArray( ) ) {
+			if ( c == '\n' ) {
+				n++;
+			}
+		}
+		if ( _myLabel.getHeight( ) != _myLabel.getLineHeight( ) * n ) {
+			_myLabel.setHeight( _myLabel.getLineHeight( ) * n );
+		}
+		_myLabel.set( theText );
+	}
+
+	/**
+	 * TODO see below
+	 * @param theWindow
+	 */
+	void draw( ControlWindow theWindow ) {
+		if ( enabled ) {
+
+			if ( _myMode >= ControlP5.WAIT ) {
+
+				previousPosition.set( currentPosition );
+				currentPosition.set( theWindow.mouseX , theWindow.mouseY , 0 );
+
+				if ( _myController != null ) {
+					if ( _myController.getControlWindow( ).equals( theWindow ) ) {
+						switch ( _myMode ) {
+						case ( ControlP5.WAIT ):
+							if ( moved( ) ) {
+								startTime = System.nanoTime( );
+							}
+
+							if ( System.nanoTime( ) > startTime + ( _myDelayInMillis * 1000000 ) ) {
+
+								position.set( currentPosition );
+								_myAlignH = ControlP5.RIGHT;
+								if ( position.x > ( _myController.getControlWindow( ).papplet( ).width - ( getWidth( ) + 20 ) ) ) {
+									position.sub( new PVector( getWidth( ) , 0 , 0 ) );
+									_myAlignH = ControlP5.LEFT;
+								}
+								_myMode = ControlP5.FADEIN;
+								startTime = System.nanoTime( );
+								_myAlpha = 0;
+							}
+							break;
+						case ( ControlP5.FADEIN ):
+							float t1 = System.nanoTime( ) - startTime;
+							_myAlpha = ( int ) PApplet.map( t1 , 0 , 200 * 1000000 , 0 , _myMaxAlpha );
+							if ( _myAlpha >= 250 ) {
+								_myMode = ControlP5.IDLE;
+								_myAlpha = 255;
+							}
+							break;
+						case ( ControlP5.IDLE ):
+							break;
+						case ( ControlP5.FADEOUT ):
+							float t2 = System.nanoTime( ) - startTime;
+							_myAlpha = ( int ) PApplet.map( t2 , 0 , 200 * 1000000 , _myMaxAlpha , 0 );
+							if ( _myAlpha <= 0 ) {
+								_myMode = ControlP5.DONE;
+							}
+							break;
+						case ( ControlP5.DONE ):
+							_myController = null;
+							_myMode = ControlP5.INACTIVE;
+							position.set( -1000 , -1000 , 0 );
+						}
+
+						_myAlpha = PApplet.max( 0 , PApplet.min( _myAlpha , _myMaxAlpha ) );
+
+						if ( _myMode >= ControlP5.WAIT ) {
+							_myAlpha = ( _myMode == ControlP5.WAIT ) ? 0 : _myAlpha;
+							theWindow.papplet( ).pushMatrix( );
+							theWindow.papplet( ).translate( position.x , position.y );
+							theWindow.papplet( ).translate( offset.x , offset.y );
+							/* TODO should request the
+							 * current PGraphics element,
+							 * not only the PApplet context.
+							 * What if we render into a
+							 * PGraphics buffer? */
+							_myView.display( theWindow.papplet( ).g , null );
+							theWindow.papplet( ).popMatrix( );
+						}
+						if ( _myMode < ControlP5.FADEOUT ) {
+							if ( moved( ) ) {
+								deactivate( 0 );
+							}
+						}
+					}
+				}
+			}
+		}
+	}
+
+	private boolean moved( ) {
+		return PApplet.abs( PApplet.dist( previousPosition.x , previousPosition.y , currentPosition.x , currentPosition.y ) ) > 1;
+	}
+
+	/**
+	 * A tooltip is activated when entered by the mouse,
+	 * after a given delay time the Tooltip starts to fade
+	 * in. Use setDelay(long) to adjust the default delay
+	 * time of 1000 millis.
+	 * 
+	 * @param theMillis
+	 * @return Tooltip
+	 */
+	public Tooltip setDelay( long theMillis ) {
+		_myDelayInMillis = theMillis;
+		return this;
+	}
+
+	/**
+	 * a Tooltip is activated when the mouse enters a
+	 * controller.
+	 * 
+	 * @param theController
+	 */
+	protected void activate( Controller< ? > theController ) {
+		if ( map.containsKey( theController ) ) {
+			startTime = System.nanoTime( );
+			_myController = theController;
+			currentPosition.set( theController.getControlWindow( ).mouseX , theController.getControlWindow( ).mouseY , 0 );
+			updateText( map.get( _myController ) );
+			_myMode = ControlP5.WAIT;
+		}
+	}
+
+	protected void deactivate( ) {
+		deactivate( 1 );
+	}
+
+	protected void deactivate( int theNum ) {
+		if ( theNum == 0 ) {
+			if ( _myMode >= ControlP5.IDLE ) {
+				if ( _myMode < ControlP5.FADEOUT )
+					startTime = System.nanoTime( );
+				_myMode = ControlP5.FADEOUT;
+			}
+		} else {
+			_myMode = ( _myMode >= ControlP5.IDLE ) ? ControlP5.FADEOUT : ControlP5.DONE;
+		}
+	}
+
+	/**
+	 * A custom view can be set for a Tooltip. The default
+	 * view class can be found at the bottom of the Tooltip
+	 * source.
+	 * 
+	 * @see controlP5.ControllerView
+	 * @param theDisplay
+	 * @return Tooltip
+	 */
+	public Tooltip setView( ControllerView< ? > theDisplay ) {
+		_myView = theDisplay;
+		return this;
+	}
+
+	/**
+	 * registers a controller with the Tooltip, when
+	 * activating the tooltip for a particular controller,
+	 * the registered text (second parameter) will be
+	 * displayed.
+	 * 
+	 * @param theController
+	 * @param theText
+	 * @return Tooltip
+	 */
+	public Tooltip register( Controller< ? > theController , String theText ) {
+		map.put( theController , theText );
+		theController.registerProperty( "setTooltipEnabled" , "isTooltipEnabled" );
+		return this;
+	}
+
+	public Tooltip register( String theControllerName , String theText ) {
+		Controller< ? > c = cp5.getController( theControllerName );
+		if ( c == null ) {
+			return this;
+		}
+		map.put( c , theText );
+		c.registerProperty( "setTooltipEnabled" , "isTooltipEnabled" );
+		return this;
+	}
+
+	/**
+	 * removes a controller from the tooltip
+	 * 
+	 * @param theController
+	 * @return Tooltip
+	 */
+	public Tooltip unregister( Controller< ? > theController ) {
+		map.remove( theController );
+		theController.removeProperty( "setTooltipEnabled" , "isTooltipEnabled" );
+		return this;
+	}
+
+	public Tooltip unregister( String theControllerName ) {
+		Controller< ? > c = cp5.getController( theControllerName );
+		if ( c == null ) {
+			return this;
+		}
+		return unregister( c );
+	}
+
+	/**
+	 * with the default display, the width of the tooltip is
+	 * set automatically, therefore setWidth() does not have
+	 * any effect without changing the default display to a
+	 * custom ControllerView.
+	 * 
+	 * @see controlP5.ControllerView
+	 * @see controlP5.Tooltip#setDisplay(ControllerView)
+	 * @return Tooltip
+	 */
+	public Tooltip setWidth( int theWidth ) {
+		// TODO
+		// _myWidth = theWidth;
+		return this;
+	}
+
+	public int getWidth( ) {
+		return _myLabel.getWidth( );
+	}
+
+	/**
+	 * @see controlP5.Tooltip#setWidth(int)
+	 * @param theHeight
+	 * @return Tooltip
+	 */
+	public Tooltip setHeight( int theHeight ) {
+		ControlP5.logger( ).warning( "Tooltip.setHeight is disabled with this version" );
+		_myHeight = theHeight;
+		return this;
+	}
+
+	/**
+	 * adds an offset to the position of the controller
+	 * relative to the mouse cursor's position. default
+	 * offset is (10,20)
+	 * 
+	 * @param theX
+	 * @param theY
+	 * @return Tooltip
+	 */
+	public Tooltip setPositionOffset( float theX , float theY ) {
+		offset.x = theX;
+		offset.y = theY;
+		return this;
+	}
+
+	/**
+	 * disables the Tooltip on a global level, when
+	 * disabled, tooltip will not respond to any registered
+	 * controller. to disable a tooltip for aparticular
+	 * controller, used unregister(Controller)
+	 * 
+	 * @see controlP5.Tooltip#unregister(Controller)
+	 * @return Tooltip
+	 */
+	public Tooltip disable( ) {
+		enabled = false;
+		return this;
+	}
+
+	/**
+	 * in case the tooltip is disabled, use enable() to turn
+	 * the tooltip back on.
+	 * 
+	 * @return Tooltip
+	 */
+	public Tooltip enable( ) {
+		enabled = true;
+		return this;
+	}
+
+	/**
+	 * check if the tooltip is enabled or disabled
+	 * 
+	 * @return boolean
+	 */
+	public boolean isEnabled( ) {
+		return enabled;
+	}
+
+	/**
+	 * sets the Label to a custom label and replaces the
+	 * default label.
+	 * 
+	 * @param theLabel
+	 * @return Tooltip
+	 */
+	public Tooltip setLabel( Label theLabel ) {
+		_myLabel = theLabel;
+		return this;
+	}
+
+	/**
+	 * returns the current Label
+	 * 
+	 * @return Label
+	 */
+	public Label getLabel( ) {
+		return _myLabel;
+	}
+
+	/**
+	 * sets the background color of the tooltip, the default
+	 * color is a dark grey
+	 * 
+	 * @param theColor
+	 * @return Tooltip
+	 */
+	public Tooltip setColorBackground( int theColor ) {
+		_myBackgroundColor = theColor;
+		return this;
+	}
+
+	/**
+	 * sets the text color of the tooltip's label, the
+	 * default color is a white
+	 * 
+	 * @param theColor
+	 * @return Tooltip
+	 */
+	public Tooltip setColorLabel( int theColor ) {
+		_myColor = theColor;
+		_myLabel.setColor( theColor );
+		return this;
+	}
+
+	class TooltipView implements ControllerView< Controller< ? >> {
+
+		public void display( PGraphics theGraphics , Controller< ? > theController ) {
+			_myHeight = _myLabel.getHeight( );
+			theGraphics.fill( _myBackgroundColor , _myAlpha );
+			theGraphics.rect( 0 , 0 , getWidth( ) + _myBorder * 2 , _myHeight + _myBorder * 2 );
+			theGraphics.pushMatrix( );
+			if ( _myAlignH == ControlP5.RIGHT ) {
+				theGraphics.translate( 6 , 0 );
+			} else {
+				theGraphics.translate( getWidth( ) - 6 , 0 );
+			}
+			theGraphics.triangle( 0 , 0 , 4 , -4 , 8 , 0 );
+			theGraphics.popMatrix( );
+			int a = ( int ) ( PApplet.map( _myAlpha , 0 , _myMaxAlpha , 0 , 255 ) );
+			_myLabel.setColor( a << 24 | ( _myColor >> 16 ) << 16 | ( _myColor >> 8 ) << 8 | ( _myColor >> 0 ) << 0 );
+			_myLabel.draw( theGraphics , 0 , 0 , theController );
+		}
+	}
+}
diff --git a/src/controlP5/changeLog.txt b/src/controlP5/changeLog.txt
new file mode 100755
index 0000000..a6e9f62
--- /dev/null
+++ b/src/controlP5/changeLog.txt
@@ -0,0 +1,826 @@
+2014-07-17  Andreas Schlegel  <andi at sojamo.de>
+      * version 2.2.1
+      
+      * removing PVector dependencies
+      
+      * removing all deprecated methods
+      
+      * src controlP5.ListBox, controlP5.DropdownList:
+      Due to changes to and deprecation of DropdownList and ListBox, both share the same
+      source code as ScrollableList. Consequently some functionality got lost though this
+      should be marginal. In case of any issues occuring due to these changes, please
+      inform the author. In any case use ScrollableList instead of DropdownList and ListBox.
+      The major benefit of using a ScrollableList is that an item is now of type Map and
+      therefore is not limited (as it was the case before) to the implementation of a 
+      ListBoxItem and hence is more flexible as data container.
+      Do note that ListBox, DropdownList and ScrollableList do extend Controller, 
+      not ControllerGroup
+      
+      
+2014-04-27  Andreas Schlegel  <andi at sojamo.de>
+      * version 2.1.6
+      
+      * preparing for next release. 
+      
+      * src controlP5.ListBox, controlP5.DropdownList:
+      deprecated, use ScrollableList instead.
+      
+      * src controlP5.ControlP5Legacy:
+      repository of functions only kept for backwards compatibility but it is not encouraged 
+      to use the anymore. Use ControlP5Base instead.
+      
+      * src controlP5.Controller:
+      adding onEnter, onLeave, onDrag, onStartDrag, onEndDrag, onWheel, onMove, onClick, 
+      onPress, onDoublePress, onRelease, onReleaseOutside, onChange to register callbacks 
+      for specific events. This is not implemented for classes extending ControllerGroup.
+      
+      
+2013-01-23  Andreas Schlegel  <andi at sojamo.de>
+
+      * version 2.1.5
+	
+      * src controlP5.ControllerProperties:
+       removing XML format. adding JSON format, JSON format will be the default format instead of the Java Serialization format.
+
+
+2012-09-22  Andreas Schlegel  <andi at sojamo.de>
+
+      * version 2.1.3
+	
+      * src controlP5.ListBox:
+       now extends Controller instead of ControlGroup.
+
+
+2012-09-09  Andreas Schlegel  <andi at sojamo.de>
+
+      * version 2.1.0
+	
+      * starting processingjs implementation.
+      - many controllers will be included:
+      completed: Bang, Button, CheckBox, ColorPalette, Group, Knob, Label, ListBox, DropdownList, Numberbox, RadioButton,
+      Range, Slider, Slider2D, Tab, Textfield, Toggle
+      under construction: Canvas, Chart, ColorPicker, ControllerView, FrameRate, Matrix, Textarea    
+      pending: ButtonBar, Pointer, TickMark, Tooltip 
+      some will be missed: MutiList, Textlabel
+      and more will be missed: CColor, ControlBehavior, ControllerProperties, ControllerStyle, ControlTimer, ControlWindow
+ 	  - the BitFont from the Java version will not be ported over to js and the default fontsize will be set to 10 
+      - The automatic binding of functions and variables with the js version did not work as smooth as expected. Currently 
+      only automatic function detection and binding is available. But then why not variables? See my request here:
+      https://processing-js.lighthouseapp.com/projects/41284/tickets/1972-feature-request-access-sketch-global-variables-from-library
+      	      
+      * src controlP5.Slider2D:
+      changed size of cursor, changed color handling
+      
+      * src controlP5.Button:
+      alignment of caption label changed to CENTER,CENTER
+      
+      * adding PGraphics support instead of only rendering into PApplet directly
+      
+      * fixing Annotation issue addressed here https://forum.processing.org/topic/controlp5-annotations-24-8-2012#25080000002597047
+      
+      
+             
+2012-12-23  Andreas Schlegel  <andi at sojamo.de>
+
+      * version 2.0.4
+	
+      * src controlP5.Textfield.java,controlP5.ListBox.java,
+      controlP5.DropdownList.java,controlP5.ControlWindow.java
+      controlP5.ControlP5Base.java:
+      adjusting to processing's KeyEvent final variable name changes     
+      see issue 69 https://code.google.com/p/controlp5/issues/detail?id=69 (thanks jeff)      
+      
+      * src controlP5.Textfield.java:
+      reimplemented password mode (thanks jeff)
+      
+       
+
+2012-10-19  Andreas Schlegel  <andi at sojamo.de>
+
+      * version 2.0.3
+	
+      * src controlP5.Controller.java:
+      Automatic (PApplet) field recognition for Slider, Knob, Numberbox, Toggle adjusted.    
+      
+      
+2012-09-17  Andreas Schlegel  <andi at sojamo.de>
+
+      * version 2.0.2
+      
+      * major changes to controlP5's font handling. the BitFontRenderer has been removed and the BitFont class
+      has been introduced. BitFont extends PFont and is the replacement for rendering controlP5's bitfont as
+      a pfont. this makes font handling way more easier and stable. if this has caused any font rendering 
+      flaws, let me know. 
+      
+      * src controlP5.BitFontRenderer.java:
+      removed
+      
+      * src controlP5.BitFont.java:
+      added, see above.      
+             
+      
+
+2012-09-07  Andreas Schlegel  <andi at sojamo.de>
+
+      * version 2.0.1
+      
+      * processing 2.0, time to make some changes, major revision in progress.
+      The goal should be to make 2.0+ desktop and android compatible, for that java.awt dependencies 
+      will be removed. 
+      starting to remove deprecated methods, fields and classes
+      
+      * removing all java.awt dependencies.
+      with each ControlP5 instance there will only be 1 ControlWindow since separate windows/frames have
+      been removed due to their java.awt dependency. There will be an example of how to make your own 
+      separate Frame when in desktop mode. 
+      
+      * versions starting with 2.0.1 will not be backwards compatible with 1.5.1 and earlier
+      from this version onwards Android is supported
+      
+      
+      * src controlP5.Println.java:
+      new class added
+      a console logger that captures the System.out stream and displays it using a Textarea
+      
+      
+      * src controlP5.FrameRate.java:
+      new class added
+      a Textlabel that displays the current or average framerate based on update interval 
+      
+      
+      * src controlP5.BitFontRenderer.java:
+      using Base64 encoded bitfont source instead of loading gif textures
+      
+      
+      * src controlP5.Knob.java:
+      adding value label, ARC is default view now.
+      
+      
+      * src controlP5.Matrix.java:
+      adding play(), pause(), stop(), isPlaying(), trigger(int)
+  
+  
+      * src controlP5.Controller.java:
+      all ControllerSprite references (previously deprecated) have been removed
+      
+      
+      * src controlP5.ControllerSprite.java:
+      removed
+		
+      
+      * src controlP5.ControlP5IOHandler.java:
+      obsolete, removed, all static method transfered to controlP5.CP.java which will handle static method
+  
+      
+      * src controlP5.ControlWindowKeyListener.java:
+      obsolete, removed
+  
+      
+      * src controlP5.PAppletWindow.java:
+      obsolete, removed, currently there is no support for separate frames other than the main window due to removing java.awt dependencies
+
+
+      * src controlP5.ControlWindow.java:
+			removed mouseWheelMoved(MouseWheelEvent e) due to removal of java.awt dependencies
+			how to use an extra window, see example extra/ControlP5frame
+
+			
+			* src controlP5.ControlWindowKeyHandler.java:
+			obsolete, removed, now handled by controlP5/ControlWindow.java
+
+			
+			* src controlP5.CRect.java:
+      obsolete, removed, was only used by MultiList and MultiListButton - replaced with int array.
+
+			       
+			* src controlP5.ControlCanvas.java:
+      obsolete, removed, use controlP5.Canvas.java instead.
+
+
+2012-09-07  Andreas Schlegel  <andi at sojamo.de>
+
+      * version 1.5.1
+
+      * This version will be the last version that is stable and fully compatible with processing 1.5.1
+      due to major changes in the processing 2.0 version, future releases of controlp5 will only be 
+      compatible with the processing 2.0 and higher versions.
+      The next controlp5 release will continue with version 2.0.1
+
+
+
+2012-08-25  Andreas Schlegel  <andi at sojamo.de>
+
+      * version 0.7.6
+
+      * src controlP5.Textfield.java:
+      fixing special character issue with e.g. �,�,�,�, etc.
+      backspace, left arrow, right arrow now respond when pressed longer
+      added isFocus()
+      implemented issue 56 http://code.google.com/p/controlp5/issues/detail?id=56 , thanks jeff
+      
+      * src controlP5.ControllerAutomator.java:
+      fixed annotation mapping for methods
+      added list support for methods
+            
+      * src controlP5.CColor.java:
+      removing alpha masking
+      
+      * src controlP5.MultiList.java:
+      Conflict with moving a Multilist from one to another tab
+      removed field _myChildren. MultiListButtons are now store in the Controller's sublements filed.
+      
+      * src controlP5.ControllerInterface.java:      
+      adding getArrayValue(int), setArrayValue(int, float), setArrayValue(float[]);
+      
+      * src controlP5.ControlP5.java:
+      adding setBroadcast(boolean) to disable/enable broadcasting of value changes.
+	
+	
+	
+2012-05-30  Andreas Schlegel  <andi at sojamo.de>
+
+      * version 0.7.5
+      
+      * src controlP5.Controller.java:
+      adding empty methods onPress(), onClick(), onRelease(), onReleaseOutside(), 
+      onScroll(int),onMove(),onDrag() for input access when extending a controller.
+      
+      * adding convenience constructor to Controllers, convenient when extending a Controller.
+      
+      * adding example use/ControlP5extendController
+      
+      
+       
+2012-05-18  Andreas Schlegel  <andi at sojamo.de>
+
+      * version 0.7.3
+      
+      * src controlP5.ControlEvent.java:
+      adding getArrayValue(int), returns a float value for a given index, does not check for ArrayIndexOutOfBounds
+     
+      * src controlP5.Slider.java:
+      issue 47 http://code.google.com/p/controlp5/issues/detail?id=47 fixed
+      
+      * src controlP5.CheckBox.java, controlP5.RadioButton.java:
+      issue 41 http://code.google.com/p/controlp5/issues/detail?id=41 fixed
+      
+      * src controlP5.Chart.java:      
+      implemented
+      
+      * src controlP5.ControlFont.java:      
+      issue 46 http://code.google.com/p/controlp5/issues/detail?id=46 fixed
+      
+      * src controlP5.ControlWindow.java:      
+      sketches using controlP5 running in the browser as Applet did not work anymore, fixed
+
+      * src controlP5.ColorPicker.java:      
+      missing implementation reported in http://forum.processing.org/topic/controlp5-how-to-receive-colorpicker-controlevents fixed
+      ColorPicker example has been modified accordingly 
+      
+      * src controlP5.Textfield.java:
+      issue 44 http://code.google.com/p/controlp5/issues/detail?id=44 fixed
+      
+      * src controlP5.ControlWindowKeyHandler.java:
+      issue 49 http://code.google.com/p/controlp5/issues/detail?id=49 fixed, keys boolean array size increased to 525 due to windows key issue
+            
+      
+
+2012-01-15  Andreas Schlegel  <andi at sojamo.de>
+
+      * version 0.7.0
+      
+      * src controlP5.ControllerInterface.java, controlP5.Controller.java,controlP5.ControllerGroup.java: 
+      adding generic type declaration for object specific method chaining (fluent interface)
+      
+      * src controlP5.RadioButton.java:
+      changed return type for methods addItem from Toggle to RadioButton
+      changed return type for methods setImage from PImage to RadioButton
+      
+      
+      
+
+2011-10-14  Andreas Schlegel  <andi at sojamo.de>
+
+      * version 0.6.9
+      
+      * src controlP5.Textarea.java:
+      included isScrollable() to adapt to ListBox  
+
+
+2011-10-13  Andreas Schlegel  <andi at sojamo.de>
+
+      * version 0.6.8
+      
+      * src controlP5.ControllerGroup.java, controlP5.Controller.java:  
+      making addition to isVisible() to check if the parent element is invisible 
+      in which case the child element will return false as well although the visible 
+      state might be true. this fixes an issue with mousewheel scroll being active 
+      for an invisible child controller. The mouseoverlist handling was updated as well.
+      
+      * src controlP5.Slider.java:
+      Slider will only broadcast when there is a change in value when pressed
+      
+      * src controlP5.ControlWindow.java:
+      mouseWheelMoved() now only updates the first item in the mouseoverlist 
+      and then exits the loop
+      
+      
+2011-10-12  Andreas Schlegel  <andi at sojamo.de>
+
+      * version 0.6.7
+      
+      * examples reorganized and grouped into 3 categories, 
+      controllers, use, extra
+      
+      
+2011-10-07  Andreas Schlegel  <andi at sojamo.de>
+
+      * version 0.6.6
+      
+      * src controlP5/Textarea.java:
+      scrollbar pixel offset fixed, setPosition update fixed.
+		
+
+2011-09-22  Andreas Schlegel  <andi at sojamo.de>
+
+      * version 0.6.5      
+      
+      * src controlP5/ControlWindow.java:
+      adding removeMouseOverFor() to remove controllers from the mouseoverlist. 
+      Called when a controller or group is removed. Necessary when a controller/group is removed 
+      when clicked or hovered by the mouse.		
+
+
+2011-09-20  Andreas Schlegel  <andi at sojamo.de>
+
+      * version 0.6.4      
+      
+      * src controlP5/Textfield.java:
+      adding support for PFont
+      
+      * javadoc, new design
+      
+      
+      
+2011-08-27  Andreas Schlegel  <andi at sojamo.de>
+
+      * version 0.6.3
+      
+      * src controlP5/ListBox.java, controlP5/DropdownList.java:
+      adding mouseover support.
+       
+      * src controlP5/ControlP5.java:
+      adding enableMouseWheel(), disableMouseWheel(), isMouseWheel()
+      by default the mouse wheel is active for Slider, Knob, Numberbox, 
+      ListBox  and DropdownList. The MouseWheelListener is handled 
+      by each ControlWindow individually.      
+      
+      * src controlP5/ControlWindow.java:
+      adding getFrame() to access the frame object of a ControlWindow.
+      
+            
+2011-08-25  Andreas Schlegel  <andi at sojamo.de>
+
+      * version 0.6.2
+      
+      * src controlP5/ControlP5.java:
+      removing static from the papplet field, this had consequences for some internal 
+      calls to papplet but do not affect any publicly available methods or constructors 
+      except the Label class which requires a controlP5 instances as it's constructor's 
+      first parameter.
+      
+      * src controlP5/ControlP5.java:
+      field keyHandler is now non-static
+      
+      * src controlP5/Label.java:
+      adding a ControlP5 parameter to all Label constructors due to changes made
+      to field controlP5.papplet
+      
+      * src controlP5/Textlabel.java:
+      Constructors with the first parameter of type Component have been deprecated
+      and replaced with constructors using a reference to ControlP5 as first parameter.
+      if this affects your programs, please make changes accordingly.   
+
+
+2011-08-20  Andreas Schlegel  <andi at sojamo.de>
+
+      * version 0.6.1
+      
+      * ongoing internal code refactoring, adding getter and setter methods for 
+      existing methods (which are deprecated accordingly) 
+      
+      * reference cleanup
+      
+      * preparing for release
+      
+      * src controlP5/ControllerSprite.java:
+      deprecated
+      
+      * src controlP5/ControlCanvas.java:
+      deprecated, use ControlWindowCanvas instead
+      
+      * Names of controllers now follows the OSC address pattern specs,
+      use controlP5.printControllerMap() to see the changed address space.
+      This has been added to controlP5 since controllers now can be directly 
+      linked to custom objects and not only to the instance of the main program.
+      http://opensoundcontrol.org/spec-1_0-examples
+      (OSC Address Parts not included)      
+      
+       
+      
+2011-06-25  Andreas Schlegel  <andi at sojamo.de>
+
+      * version 0.6.0
+	
+	    * adding Annotation support, very much inspired by cp5magic by Karsten Schmidt (toxi)
+	    see the ControlP5annotation example for further details
+	    
+	   	* src controlP5/ControllerAutomator.java:
+	   	for internal use only, handles the reflection for the annotation implementation
+	   	
+	   	* src controlP5/FieldChangedListener.java:
+	   	for internal use only, listens for changes of variables linked to controllers 
+	   	(needs to be anabled, disabled by default)	   	
+	   	
+     	* src controlP5/ScrollList.java:
+     	ScrollList removed, use ListBox.
+     	
+      * src controlP5/ControllerGroup.java:
+      moveTo(Tab) changed according to issue http://code.google.com/p/controlp5/issues/detail?id=15
+      
+      * src controlP5/ListBox.java,controlP5/DropdownList.java:
+      adding mousewheel support.
+      
+      * src controlP5/CallbackEvent.java, controlP5/CallbackListener.java:
+      adding new callback event and listener for controller actions such as enter, leave, pressed, released, releasedoutside.
+      how to use see the ControlP5callback example       
+      
+      * src controlP5/Radio.java:
+      removed, has been deprecated. Use RadioButton or CheckBox instead. 
+      
+      * src controlP5/ControlWindow.Pointer.java:
+      adding a pointer class which can be used as replacement for mouse activity. To make use of the Pointer, 
+      disable the mouse first and then set coordinates and events such as released and pressed from your program to 
+      control controllers. see example ControlP5pointer
+
+
+2011-05-08  Andreas Schlegel  <andi at sojamo.de>
+
+      * version 0.5.9
+      
+      * src controlP5/ControllerInterface.java:
+      adding method float[] arrayValue()
+      
+      * src controlP5/ListBox.java:
+      adding addItems(String[]), which allows to add a string array to a ListBox or a DropdownList 
+      automatically resulting in a list of listBoxItems
+
+      * src controlP5/ControlEvent.java:
+      adding method isFrom(String) and isFrom(ControllerInterface) to identify the origin of a Control Event 
+
+2011-05-08  Andreas Schlegel  <andi at sojamo.de>
+
+      * version 0.5.8
+
+      * src controlP5/ListBox.java:
+      Scrollbar (when visible) is now included inside the dimensions of a listbox (and its derivatives).
+
+      * src controlP5/Textfield.java:
+      Frame which surrounds a textfield is back again after being removed in version 0.5.7.
+      
+      * src controlP5/ListBox.java, controlP5/DropdownList.java:
+      adding key support. up and down arrows can be used to scroll listbox or dropdownList,
+      up and down, use shift+up/down for faster scrolling, use alt+up/down to jump to the
+      top or bottom.  
+      
+      * shuffle    
+
+2011-02-14  Andreas Schlegel  <andi at sojamo.de>
+
+      * version 0.5.7
+
+      * src controlP5/Controller.java, controlP5/ControllerGroup.java:
+      toString now prints out Type, name and value instead of all details including position, etc.
+      detailed information can now be accessed through method info().
+      
+      * src controlP5/Controller.java, controlP5/ControllerGroup.java:
+      adding method info() print out details such as position, visibility, label, id, etc. of
+      a Controller or ControllerGroup.
+       
+      * src controlP5/ListBox.java:
+      adding ControlListeners to ListBox, will also be inherited 
+      by DropdownList.
+		      
+      * src controlP5/ControlWindowKeyHandler.java:
+      Key combination ALT-L and ALT-S have been removed. 
+      ControlP5 setups cant be saved at this point anymore. But 
+      ControllerProperties have been introduced instead to save
+      properties for single controllers - how to use ControllerProperties
+      see the examples and source code of controlP5/ControllerProperties.java
+      and controlP5/ControllerProperty.java
+            
+      * src controlP5/Textfield.java:
+      Introducing a new text-cursor. Frame which surrounds a textfield has been removed.
+      	
+      * src controlP5/Slider.java, Slider2D.java,
+      controlP5/Knob.java, controlP5/Numberbox.java:
+      adding shuffle() command, when called, a random value will be set
+      for the controller.
+       
+      * src controlP5/Knob.java:
+      Caption Label was missing, now back.
+      
+      * controlP5/Slider2D.java:
+      absolute, relative positioning issue resolved.
+      see http://forum.processing.org/topic/three-problems-i-m-having-with-controlp5
+      
+      * src controlP5/ControlP5IOHandler.java:
+      Loading and saving controllers in xml format has been removed due
+      to incompletness. Alternatively ControllerProperties are introduced 
+      with this release, see below for more details.
+       
+      * src controlP5/ControlWindow.java:
+      Adding setPositionOfTabs() to change the origin of the tab bar. 
+      Use controlP5.window().setPositionOfTabs(PVector) or 
+      controlP5.window().setPositionOfTabs(int,int)  
+      
+      * src controlP5/ControlP5Base.java:
+      Adding saveProperties(String) and loadProperties(String) to 
+      save and load  serialized controller properties inside a file.
+       The range of controllers implementing save/load properties is yet 
+      limited to Slider, Knob, Numberbox, Toggle, Checkbox, 
+      RadioButton, Textlabel, Matrix,Range, textarea, ListBox, Dropdown, 
+      colorPicker. Properties are currently saved in the java serialization 
+      format but xml and possibily json alternatives are being worked out. 	
+      
+      * src controlP5/ControllerProperty.java:
+      Adding controller property. Controllers can register properties which 
+      can be saved in a serialized format. 
+      
+      * src controlP5/Matrix.java:
+      Adding setMode(int), please refer to to the documentation which 
+      constants to use - cells can be activated by row, column, many-per-row-and-colum
+      
+      * src controlP5/CColor.java:
+      Fields changed from protected to private, use setter and getter 
+      to change color values. CColor is serializable so that instances can
+      be saved as properties.
+      
+      * src controlP5/Accordion.java:
+      Adding new class Accordion, an Accordion allows similar behavior 
+      as a common UI accordion, here it combines ControlGroups where 
+      one or no group can be active at a time.
+      
+      * src controlP5/CVector3f.java:
+      Removed. Replaced with processing.core.PVector.
+      
+      * src controlP5/ControlP5.java:
+      Removing setFilePath(), setUrlPath(), urlPath(), filePath()
+      
+      * src controlP5/ControlP5XMLElement.java,
+      ControlP5/ControlP5XMLParseException:
+      removed.
+      
+      * src controlP5/ControlP5.java:
+      Adding convenience method window() which returns the controlWindow 
+      of the sketch, before one had to use window(PApplet)
+      
+      
+2010-11-07  Andreas Schlegel  <andi at sojamo.de>
+
+      * version 0.5.6	
+      
+      * src/controlP5/ListBox.java: 
+      adding updateListBoxItems() to update color changes.
+      adding scoll() calls to color related methods to update color 
+      changes for currently active listBox buttons.
+      
+      * src/controlP5/ListBox.java:
+       adding item(Controller) to access a ListBoxItem by it's Button reference.
+            
+      * src/controlP5/ControlWindow.java:
+      use isMouseOver(Controller), getMouseOverList() to check 
+      if the mouse is inside a specific controller. This does not work for 
+      groups, only for controllers.
+      
+       
+      
+
+2010-10-07  Andreas Schlegel  <andi at sojamo.de>
+
+      * version 0.5.5	
+      
+      * src/controlP5/ControlP5.java: 
+      enableShortcuts() and disableShortcuts() were interchanged, fixed now.
+      
+       
+      
+2010-09-30  Andreas Schlegel  <andi at sojamo.de>
+
+      * version 0.5.4	
+      
+      * src/controlP5/RadioButton.java: 
+      adding setNoneSelectedAllowed(true/false) default is true. 
+      http://forum.processing.org/topic/controlp5-radiobutton-strange-behaviour
+      
+      * src/controlP5/DropdownList.java:
+      renaming PulldownMenu to DropdownList.
+      
+      * src/controlP5/Range.java
+      setMin() and setMax() bug fixed.
+      
+      * src/controlP5/ControlBroadcaster.java:
+      adding addListner(), removeListener(), getListener()
+      any object that implements ControlListener can register with the ControlBroadcaster to
+      receive ControlEvents broadcasted.
+      
+      * src/controlP5/BitFontRenderer.java:
+      fixed ArrayIndexOutOfBoundsException
+      only characters between ASCII 32 and 127 are supported.
+      
+      * src/controlP5/ControlP5.java:
+      disabled clear() call (called from within dispose()) when in applet mode. 
+      Reason: all controllers will be cleared due to dispose call 
+      when switching tabs. Fix required. 
+      
+      * src/controlP5/Button.java:
+      colorForeground and colorActive are reveresed due to adding an active state to buttons
+      when clicked. Rollovers no display colorForeground, clicked buttons will display
+      colorActive. This also affects ListBoxItems.
+      
+      
+2010-08-18  Andreas Schlegel  <andi at sojamo.de>
+
+      * version 0.5.3
+      
+      * src/controlP5/ListBox.java:
+      adding clear(). clears a ListBox in order to re-filling list.
+      
+      * src/controlP5/ListBox.java:
+      changing behavior of a ListBox-Button. 
+      a ListBox-button is clicked, it will call the Button's onLeave() 
+      and setIsInside(false) function to solve problem addressed here:
+      http://forum.processing.org/topic/controlp5-listbox-loses-mouseclicks
+       
+      * src/controlP5/ListBox.java: 
+      adding actAsPulldownMenu() to enable/disable pulldown 
+      functionality for a ListBox.
+      
+      * src/controlP5/PulldownMenu.java:
+      new Controller, extends ListBox, acts as a pulldown-menu.
+      
+      
+2010-08-03  Andreas Schlegel
+      * version 0.5.2
+      * Slider2D: a new Controller, 2D slider control.
+      * Button, Bang, Toggle, : setImage() defines an image for DEFAULT,OVER,ACTIVE,HIGHLIGHT mode.
+      * Button, Bang, Toggle, : setImages() defines an image for DEFAULT,OVER,ACTIVE,HIGHLIGHT mode.
+      * Button: adding setSwitch() in order to use a button as a switch (makes toggle obsolete)
+      * Button: adding booleanValue() returns true or false, useful in case a button is set to be a switch.
+      * Button: adding setOn() setOff(), useful when button is a switch.
+      * Toggle: changing default look to ControlP5.SWITCH, an on/off look for toggles. use toggle.setMode(ControlP5.DEFAULT) to reset to the old default look.
+      * ControllerDisplay: adding interface ControllerDisplay to enable custom displays for a controller.
+      * Controller: setImage, allows to replace the default look of a controller with an image (PImage).  
+      * Controller: setDisplay allows custom displays for controller. the custom display is called from within a controller's draw function. A custom Display implements interface ControllerDisplay
+      * Controller: adding lock(), unlock(), isLock(), setMoveable(), isMoveable(), isUserInteraction(), setUserInteraction()
+      * Controller: adding plugTo(), unplugFrom() (if this causes any problems or error message, please report)
+      * ControlP5: adding java.util.logging.Logger for logging error, debug, info messages - wrapped in ControlP5.error(), ControlP5.warning(), ControlP5.info(), ControlP5.debug() 
+      * ControlP5: added registerDispose()
+      * ControlP5: adding setMoveable() and isMoveable() to disable/enable controllers to be moved around.
+      * ControlP5: adding disableShortcuts(), enableShortcuts() instead of disableKeys() and enableKeys()
+      * ControlP5: deprecating lock(), unlock(), disableKeys(), enableKeys()
+      * ControlWindow: adding begin() and end(). this allows to move controllers automatically to the main window or a separate controlWindow.
+      * Toggle: adding setValue(boolean)
+      * Matrix: mouseReleasedOutside error fixed.    
+      * ControlWindow: window is now properly removed when closed, thanks henri.
+      * TextLabel: adding setControlFont()
+      * Knob: all new.
+          	
+2010-04-04  Andreas Schlegel
+      * version 0.5.1
+      * ControlP5: lock() and unlock() are working again.
+      * ControlEvent: added function id() to make access to the id of  controller, group, tab, etc. easier
+      * ControlEvent: added function type() for easier distinguishing between the type of Controller the event was triggered from, returns ControlEvent.UNDEFINED, ControlEvent.CONTROLLER, ControlEvent.TAB, ControlEvent.GROUP 
+      * ListBoxItem: adding ListBoxItem to make changes to each item of a listBox especially the color settings of a listBoxItem.
+      * CColor: now with getter and setter functions, supports changing the value of the alpha channel.
+      * ControlWindow: adding begin() and end(). this allows to move controllers automatically to the main window or a separate controlWindow.
+      * ControllerGroup: adding enableCollapse(), disableCollapse(), isCollapse() to enable/disable the collapsing and opening of a controllerGroup e.g. listBox.
+           	
+2010-03-26  Andreas Schlegel
+      * version 0.5.0
+      * making transition to 1.5+, no more java 1.4 support.
+      * compiling against processing 1.1
+      * ControlP5: added disableKeys() and enableKeys(), suggested in the discourse. disables and enables keyEvents such as hide/show with ALT-h.
+      * Toggle: when inactive, the color refers to colorBackground instead of colorForeground now.
+      * ControlFont: smooth related functions have been disabled and deprecated due to processing 1.1 changes.
+      * Slider: use alignValueLabel() to position the value label of a slider on TOP, CENTER, or BOTTOM
+      * example ControlP5quick: new, ControlP5quick shows how to quickly add Controllers with auto-arrangement.
+                
+2010-02-16  Andreas Schlegel
+      * version 0.4.7
+      * Slider: adding TickMarks and replacing steps with snapToTickMarks().
+      * ControlWindow: adding setUndecorated(), isUndecorated(), toggleUndecorated()
+      * ControllerSprite: sprites are now clone-able and state management has been improved, thanks to c.a. church. http://processing.org/discourse/yabb2/YaBB.pl?num=1265905257
+      * Controller: adding getSprite() 
+      * BitFontRenderer: adding warning for character that are not supported by the BitFontRenderer.
+       	  
+2010-02-06  Andreas Schlegel
+      * version 0.4.6 
+      * ControlWindow: imageMode was not set back to CENTER/CORNER correctly, now fixed.
+ 
+0.4.5
+      * ControllerGroup: adding moveTo(String). will move ControllerGroups such as e.g. Textarea to another tab.
+
+0.4.4
+      * ControlWindow: imageMode CENTER/CORNER issue fixed.
+
+0.4.3
+      * Controller.isInside is private now. use setIsInside(true/false) and getIsInside() to access this boolean field.
+      * trying to solve the problem of overlapping described here:
+      http://processing.org/discourse/yabb2/YaBB.pl?num=1259885420/0#0
+      yet not successful, but loops managing the mouseEvents have been reversed from i++ to i--
+      * CheckBox,RadioButton: adding activateAll, activate, deactivate, getState to CheckBox and RadioButton to be able to control individual items by code.
+      * CheckBox: adding toggle() to CheckBox to be able to toggle individual items of a checkBox.
+      * CheckBox,RadioButton: adding  setItemHeight(), setItemWidth() to radioButton and checkBox
+      * Toggle: adding toggle()
+ 
+0.4.2
+-
+
+0.4.1
+      * Controller: added changeValue() to change the float value of a controller without broadcasting its change as a event. 
+      * Numberbox: added setMultiplier() and multiplier() to customize the value sensitivity.
+      * Toggle: setLabelVisible() is now working.
+      * ControlWindow: adding setTitle, showCoordinates, hideCoordinates to ControlWindow. only applies to controlWindows of type PAppletWindow (external window).
+      * adding Matrix.set
+      * Controller: Controller.isInside() is public now
+      * added ControlFont. does not support textarea and textfield yet.
+
+(note: take a look at subversion changelog generator http://ch.tudelft.nl/~arthur/svn2cl/)
+
+0.3.15
+      * Texfield: textfield scrolls to the left if text is larger than display area.
+      * Knob: knob setValue issue solved.
+
+      * BitFontRenderer: removed getWidth(String theText, int theFontIndex) 
+      is now getWidth(String theText, Label theLabel);
+      removed getWidth(String theText, int theFontIndex, int theLength))
+      is now getWidth(String theText, Label theLabel, int theLength));
+
+
+0.3.14
+      * ScrollList: adding void hideScrollbar()
+      adding void showScrollbar()
+      adding void showScrollbar()
+      adding void scroll(float)
+      adding boolean isScrollbarVisible()
+
+      * Textarea: adding void hideScrollbar()
+      adding void showScrollbar()
+      adding void showScrollbar()
+      adding void scroll(float)
+      adding boolean isScrollbarVisible()
+
+      * Textfield: textinput now works from a controlWindow
+
+      * Label: adding adjust() to fix the cutting off of Labels when changing fonts.
+      use e.g. mySlider.captionLabel().setFont(ControlP5.grixel).adjust();
+
+0.3.13
+      * Textfield: adding setAutoClear(true/false) prevents the textfield to be cleared after pressing RETURN.
+      adding clear(), clears the current textline
+      adding keepFocus(true/false)
+      adding getTextList()
+      adding setAutoClear(true/false)
+      adding isAutoClear()
+      adding submit()
+
+0.3.12
+      * Radio: if deactiveAll is set before the first button is added, the first button will not trigger an event.
+      * ControlGroup: added method getBackgroundHeight() to get the height of a group's background that has been set before.
+      * Textfield: fixed bug with clearing the variable myTextline too early.
+
+0.3.11
+      * Textfield: added method setText to Textfield
+      * Range: made corrections to Range, _myUnit was not set properly. now fixed. Range remains experimental.
+
+0.3.10
+      * fixed little issues with setColor, again.
+      * removed decimal point when setDecimalPrecision(0)
+
+0.3.9
+      * Range: defaultValue for min shows correct value now.
+      * Radio: added deactivateAll()
+      * TextLabel: added setWidth, setHeight
+      * setColor -Label(), -Active(), -Value(), -Foreground(), -Background(): issues resolved and tested for slider, range, button, knob, sliderlist, multilist, toggle, radio
+      * Controller: added method setDecimalPrecision(int theNum) to set the decimal precision for floats when displayed as valueLabel. the precision does not apply to the returned float value.
+      Controller.captionLabel().set("txt") is fixed.
+      * ControlP5: controlP5.setAutoDraw(true/false) issue is fixed.
+      * ControlWindow: controlWindow.post() has been deleted.
+      * Knob: issue with minimum value has been resolved.
+
+how to move a textlabel that has been created with "new" to a tab other than the default:
+Tab myTab = controlP5.addTab("new");
+Textlabel myTextlabel = new Textlabel(this,"a single textlabel.",20,100,400,200,0xffff0000,ControlP5.synt24);
+myTab.addDrawable(myTextlabel);
+
diff --git a/src/controlP5/package.html b/src/controlP5/package.html
new file mode 100755
index 0000000..132bc08
--- /dev/null
+++ b/src/controlP5/package.html
@@ -0,0 +1,16 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
+"http://www.w3.org/TR/html4/loose.dtd">
+<html>
+<head>
+<title>controlP5 documentation</title>
+<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
+</head>
+<body>
+<h1>ControlP5</h1>
+<p>ControlP5 (<a href="http://www.sojamo.de/libraries/controlP5" target="_blank">www.sojamo.de/libraries/controlP5</a>) is a library written by Andreas Schlegel for the programming environment <a href="http://www.processing.org" target="_blank">processing</a>. ControlP5 is a GUI and controller library for processing that can be used in authoring, application mode. Controllers including Sliders, Buttons, Toggles, Knobs, Textfields, RadioButtons, Checkboxes amongst others can be easily added to a processing sketch and can be arranged in separate control windows, or can be organized in tabs or groups. The controlP5 source code repository is available on github at <a href="http://github.com/sojamo/controlp5" target="_blank">github.com/sojamo/controlp5</a>. 
+</p>
+<h1>Javascript</h1>
+<p>Currently there is no javascript version of ControlP5, though I had started implementing a slimmed down version for processing.js but since it is currently unclear which javascript version, processing.js or p5.js, will become the default js version of processing, controlP5.js is on hold.</p>
+
+</body>
+</html>
diff --git a/test/controlP5.jar b/test/controlP5.jar
new file mode 100644
index 0000000..603f0b6
Binary files /dev/null and b/test/controlP5.jar differ
diff --git a/web/images/controlP5-1.jpg b/web/images/controlP5-1.jpg
new file mode 100644
index 0000000..5499fb3
Binary files /dev/null and b/web/images/controlP5-1.jpg differ
diff --git a/web/images/controlP5-2.jpg b/web/images/controlP5-2.jpg
new file mode 100644
index 0000000..359b34e
Binary files /dev/null and b/web/images/controlP5-2.jpg differ
diff --git a/web/index.html b/web/index.html
new file mode 100644
index 0000000..c2b388b
--- /dev/null
+++ b/web/index.html
@@ -0,0 +1,206 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
+"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
+<head>
+<title>processing GUI, ##yourLibrary##</title>
+<meta name="google-site-verification" content="gVLhWGc-ng4qnw6Y519IoCeA4FSQmm7rd00nicqW_4A" />
+<meta name="description" content="a GUI library for the programming environment processing, controlP5." />
+<meta name="keywords" content="gui, processing, processing.org, library, slider, button, knob, toggle, checkbox, listbox, radiobutton" />
+<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
+<meta http-equiv="Content-Language" content="en-us" />
+<meta name="ROBOTS" content="index,follow,archive" />
+<meta http-equiv="imagetoolbar" content="false" />
+<meta name="MSSmartTagsPreventParsing" content="true" />
+<meta name="author" content="##author##" />
+<meta name="Rating" content="General" />
+<meta name="revisit-after" content="7 Days" />
+<meta name="doc-class" content="Living Document" />
+<link rel="stylesheet" type="text/css" href="./stylesheet.css">
+
+		<!-- www.sojamo.de google analytics -->
+		<script type="text/javascript">
+			var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
+			document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
+		</script>
+		
+		<script type="text/javascript">
+			var pageTracker = _gat._getTracker("UA-5366589-1");
+			pageTracker._trackPageview();
+		</script>
+
+</head>
+<body>
+	<div id="container">
+		<div id="sidebar">
+			<div id="header">
+				<h1>controlP5</h1>
+				<p>A GUI (graphical user interface) library for processing.</p>
+			</div>
+			<div id="menu" class="clear">
+					<ul>
+					<li><a href="#about">About</a></li>
+					<li><a href="#installation">Installation</a></li>
+					<li><a href="#resources">Details</a></li>
+					<li><a href="#features">Features</a></li>
+					<li><a href="#examples">Examples</a></li>
+					<li><a href="./reference/index.html">JavaDoc Reference</a></li>
+					<li><a href="http://code.google.com/p/controlp5" target="_blank">Source Code</a></li>
+					<li><a href="http://www.sojamo.de/libraries" title="back to libraries index">Back</a></li>
+					<!-- <li><a href="#demos">Demos</a> \ </li> -->				
+					<!-- <li><a href="#misc">Misc</a> \ </li> -->
+					<!-- <li><a href="#images">Images</a> \ </li> -->
+					</ul>
+				</div>
+		</div>
+		
+		
+		
+		<div id="content" class="clear">
+			
+			<div id="about">
+			<h2>About</h2>
+			<p>
+			##yourLibrary## is a library written by <a href="##yourLink##">##author##</a> for the programming environment <a href="http://www.processing.org" target="_blank">processing</a>. Last update, ##date##.
+			</p>
+			<p>ControlP5 is a GUI and controller library for processing that can be used in authoring, application, and applet mode. Controllers such as Sliders, Buttons, Toggles, Knobs, Textfields, RadioButtons, Checkboxes  amongst others are easily added to a processing sketch. They can be arranged in separate control windows, and can be organized in tabs or groups. &#8594; <a href="#features">read more</a>.</p>
+			</div>
+			
+			
+			
+			<div id="installation" class="clear">
+			<h2>Installation</h2>
+			<p>
+			Unzip and put the extracted ##yourLibrary## folder into the libraries folder of your processing sketches. Reference and examples are included in the ##yourLibrary## folder.
+			</p>
+			<h2>Export to Applet</h2>
+			<p>
+			The security regulations for applets are very high and strict, in order to make controlP5 work properly within an applet, you need to make fields and functions which are used by controlP5 <b>public</b> in your code. 
+			</p>
+			</div>	
+			
+			
+			
+				<div id="resources">
+				<h2>Details</h2>
+				<p><strong>Keywords</strong> ##keywords##</p>
+				<p><strong>Reference</strong>. Have a look at the javadoc reference <a href="./reference/index.html" target="_blank">here</a>. a copy of the reference is included in the .zip as well.</p>		
+				<p><strong>Source</strong>. The source code of ##yourLibrary## is available at <a href="##source:url##">##source:host##</a>, and its repository can be browsed <a href="##source:repository##" target="_blank">here</a>.</p>
+				<p>
+				<!-- on which platform has the library been tested? -->
+				<strong>Platform</strong> ##tested:platform##
+			
+				<!-- which processing version did you use for testing your library? -->
+				<br /><strong>Processing</strong> ##tested:processingVersion##
+				
+				<!-- does your library depend on any other library or framework? -->
+				<br /><strong>Dependencies</strong> ##tested:dependencies##
+				</p>
+				</div>	
+		
+				<div  style="position:relative; float:left;">
+				<img src="./images/controlP5-1.jpg" alt="" />
+				<p class="img-legend" style="position:absolute; left:0px; bottom:0px; background:#333; color:#ccc; width:300px; margin:0; padding:6px 14px 14px 8px; line-height:11px;"><i>A selection of controllers available with controlP5, more controllers in the examples section.</i></p>
+				</div>
+				<div  style="position:relative; float:left; margin-top:20px;">
+				<img src="./images/controlP5-2.jpg" alt="" />
+				<p class="img-legend" style="position:absolute; left:0px; bottom:0px; background:#333; color:#ccc; width:300px; margin:0; padding:6px 14px 14px 8px; line-height:11px;"><i>User interface for the 'vulcano generator'. project synthazards, syntfarm.</i></p>
+				</div>
+
+			<div id="features" class="clear">
+			<h2>Features</h2>
+			<p><b>Automatic controller-event detection</b><br />ControlP5 offers a range of controllers that allow you to easily change and adjust values while your sketch is running. Each controller is identified by a unique name assigned when creating a controller. ControlP5 locates variables and functions inside your sketch and will link controllers to matching variables or functions automatically ControlP5toggle &#8594; <a href="./examples/controllers/ControlP5toggle/ControlP5toggle.pde">example</a>. Controller changes can easily be captured within your sketch by implementing the controlEvent function ControlP5controlEvent &#8594; <a href="./examples/use/ControlP5controlEvent/ControlP5controlEvent.pde">example</a>. </p>
+			<p><b>Show, hide, load, save</b><br />Controllers that have been added to your sketch can be arranged in tabs and groups to keep your controller sets organized. All controllers are drawn on top of a processing sketch by default. Several key combinations allow you to show and hide the user interface, and to saved and loaded  ControlP5 properties, ControlP5properties &#8594; <a href="./examples/controllers/ControlP5properties/ControlP5properties.pde">example</a>. The position of a controller can be adjusted during runtime by moving a controller while the ALT-key is pressed.
+			<br /><br /><b>Key-commands</b><br />ALT-mouseMove move controllers<br />
+			ALT-h show and hide controllers<br />
+			ALT-shift-s save controller setup in an properties-document<br />
+			ALT-shift-l load a controller setup from a properties-document<br />
+			</p>
+			<p><b>Control Windows</b><br />Add separate windows to your sketch. These windows can contain controlP5 controllers or you can simply use a ControlWindow to render an additional sketch in any renderer available. ControlP5controlWindow &#8594; <a href="./examples/ControlP5controlFont/ControlP5controlWindow.pde">example</a>.</p>
+			<!--
+			<p><b>Custom Colors</b><br />TODO add colors example. ControlP5colors &#8594; <a href="./examples/ControlP5controlFont/ControlP5controlWindow.pde">example</a>.</p>
+			-->
+			<p><b>Custom Fonts</b><br />By default controlP5 uses a bitFont to render text. To display text in PFont-format, controlP5 uses a wrapper called ControlFont ControlP5controlFont &#8594; <a href="./examples/use/ControlP5controlFont/ControlP5controlFont.pde">example</a>.</p>
+			<p><b>Custom Controllers</b><br />Take a look at the ControlP5diyController &#8594; <a href="./examples/extra/ControlP5diyController/ControlP5diyController.pde">example</a> which demostrates how to create your own custom controller.</p>
+			<p><b>Custom Buttons</b><br />Create controllers which use image based states instead of the default controlP5-look ControlP5button &#8594; <a href="./examples/controllers/ControlP5button/ControlP5button.pde">example</a>. <i>experimental</i></p>
+			</div>
+			<div id="examples" class="clear">
+			<h2>Examples</h2>
+			<p>Find a list of examples in the current distribution of ##yourLibrary##, or have a look by following the links below. If you want to share any examples, please let me know (andi at sojamo dot de).</p>
+			</div>
+			<div>
+			<ul class="examples-list">
+			##examples##
+			</ul>
+			</div>
+			
+		
+			
+			<!-- use the demos section for a list of applets run in a browser. -->
+			<!--
+			<div id="demos" class="clear">
+				<h2>demos</h2>
+				<p>
+				find a list of online applet demos below.
+				
+				<ul>
+					<li><a href="./applets/demo/index.html">demo</a></li>
+				</ul>
+				</p>
+			</div>
+			-->
+			
+			<!-- use the misc section for other relevant information. Activate the link to the misc section in the menu above. -->
+			<!--
+			<div id="misc" class="clear">
+				<p></p>
+			</div>
+			-->
+			
+			<!-- use the images/screenshots section. Activate the link to the misc section in the menu above. -->
+			<!--
+			<div id="images" class="clear">
+			</div>
+			-->
+			
+			
+			<br class="clear" />
+		</div>
+		
+	</div>
+	<div id="sidebar-right">
+		<div id="download" class="clear">
+			<h2>Download</h2>
+			<p class='p-small'>
+			Download ##yourLibrary## version ##versionNumber## release ##date## in 
+			<a href="./download/##yourLibrary##-##versionNumber##.zip">.zip format</a>. 
+			</p>
+		</div>
+		<div id="olderversions">
+			<h2>Older Versions</h2>
+		<p class='p-small'>For older versions see the <a href="http://code.google.com/p/controlp5/downloads/list" target="_blank">download list</a> on the google code project page.</p>
+		</div>
+		<div id="faq">
+		<h2>FAQ</h2>
+		<p class='p-small'>Frequently Asked Questions might have been answered in processing's discourse, have a look <a href="http://processing.org/discourse/yabb2/YaBB.pl?num=1163646039/165" target="_blank">here</a>. Or, <a href="http://processing.org/discourse/yabb2/YaBB.pl?action=search" target="_blank">search</a> the discourse for 'controlP5'.</p>
+		</div>
+		<div id="references">
+			<h3>Some projects using controlP5</h3>
+			<ul style="margin-top:10px;">
+			<li><a href="http://code.google.com/p/decode/" target="_blank">decode</a></li>
+			<li><a href="http://www.okdeluxe.co.uk/cop15/index.html" target="_blank">cop15 identity</a></li>
+			<li><a href="http://www.generative-gestaltung.de" target="_blank">generative gestaltung</a></li>
+			<li><a href="http://www.yonaskolb.com/predray" target="_blank">predray</a></li>
+			<li><a href="http://www.raintone.com/2009/03/fractalwavetables-v2/" target="_blank">fractaltables</a></li>
+			<li><a href="http://scott.j38.net/interactive/typestar/" target="_blank">typestar</a></li>
+			<li><a href="http://www.syedrezaali.com/blog/?p=1119" target="_blank">2D SuperShapes</a></li>
+			</ul>
+		</div>
+		
+	</div>
+	<div id="footer">
+		<p>by ##author##, 2012. <a href="http://www.sojamo.de" target="_blank">sojamo.de</a></p>
+	</div>
+	<script src="http://static.getclicky.com/js" type="text/javascript"></script>
+  	<script type="text/javascript">clicky.init(221828);</script>
+</body>
+</html>
\ No newline at end of file
diff --git a/web/stylesheet.css b/web/stylesheet.css
new file mode 100644
index 0000000..1144811
--- /dev/null
+++ b/web/stylesheet.css
@@ -0,0 +1,377 @@
+/* processingLibs style by andreas schlegel, sojamo. */
+
+
+* {
+	margin:0;
+	padding:0;
+	border:0;
+}
+
+
+body {
+	font-family : Arial, Helvetica, sans-serif; 
+    font-size : 12px;
+	font-weight : normal;
+	line-height	: normal;
+}
+
+
+
+#container {
+	margin-left:440px;
+	background-color:#fff;
+	padding-top:170px;
+	padding-bottom:500px;
+	border-right:1px solid #ccc;
+	border-left:1px solid #ccc;
+	width:490px;
+}
+
+#sidebar {
+	position:fixed;
+	left:0px;
+	top:0;
+	height:100%;
+	width:240px;
+	border-right:1px solid #ccc;
+}
+
+
+#header {
+	margin:0;
+	height:140px;
+	padding:30px 0px 0px 20px;
+}
+
+
+#header h1 {
+	font-size:14px;
+	font-weight:bold;
+}
+
+#header p {
+	margin:4px 0px 0px 0px;
+	padding:0;
+	font-size:12px;
+	width:150px;
+	color:#999;
+	line-height:12px;
+	font-weight:normal;	
+}
+
+#menu {
+	margin:0;
+	padding:0;
+	float:left;
+}
+
+#sidebar-right {
+	width:200px;
+	position:fixed;
+	left:240px;
+	top:0;
+	
+}
+
+
+#about,
+#download,
+#olderversions,
+#installation,
+#examples,
+#demos,
+#misc,
+#resources, #info,
+#references, #faq,
+#features {
+	float:left;
+	padding-top:30px;
+	padding-right:100px;
+	border-top:1px solid #ccc;
+	padding-left:20px;
+	display:block;
+	padding-bottom:20px;
+}
+
+#references, #faq {
+	padding-top:20px;
+	padding-right:20px;
+	padding-bottom:20px;	
+	background:#ddd;
+	border:0;
+}
+
+#download {
+	padding-top:30px;
+	padding-right:20px;
+	height:120px;
+}
+
+#olderversions {
+	padding-top:30px;
+	padding-right:20px;
+	height:80px;
+}
+
+
+#resources p {
+	font-size:12px;
+}
+
+
+.clear {
+	clear:both;
+}
+
+
+p.img-legend {
+	margin-left:20px;
+	margin-top:4px;
+	font-size:11px;
+}
+
+#footer {
+	border-top:1px solid #ccc;
+	height:20px;
+	padding-bottom:32px;
+	margin:0;
+	position:fixed;
+	left:0px;
+	bottom:0px;
+	width:240px;
+}
+
+#footer p {
+	padding-left:20px;
+	font-size:11px;
+}
+
+
+ul {
+	list-style:none;
+	padding:0;
+	margin:0;
+}
+
+#menu ul {
+	width:240px;
+	border-top:1px solid #ccc;
+}
+
+
+
+#menu ul li, #subMenu ul li {
+	font-size:11px;
+	font-weight:bold;
+}
+
+#menu ul li {
+	border-bottom:1px solid #ccc;
+	background:#eee;
+}
+
+#menu ul li a {
+	margin:0;
+	padding:8px 10px 6px 20px;
+	font-weight:bold;
+	text-decoration:none;
+	display:block;
+}
+
+#menu ul li a:hover {
+	background:#00FF92;
+	color:#fff;
+}
+
+
+
+.examples-list {
+	clear:both;
+}
+
+ul.examples-list  {
+		border-top:1px solid #bbb;
+}
+
+
+.examples-list li {
+}
+
+.examples-list li a {
+	padding:10px 10px 10px 20px;
+	display:block;
+	text-decoration:none;
+	background:#f4f4f4;
+	border-bottom:1px solid #bbb;
+}
+
+
+.examples-list li a:hover {
+	background:#03FFF9;
+}
+
+
+
+/* Headings */
+
+h1 {
+	font-size:14px;
+	font-weight:bold;
+}
+
+
+h2, h3, h4, h5, th {
+	font-size:14px;
+	font-weight:bold;
+}
+
+
+h3, h4, h5, th { 
+	font-size:12px;
+}
+
+
+p { 
+	font-size:12px;
+	margin-bottom:20px;
+	margin-top:10px;
+	line-height:18px;
+}
+
+p.p-small {
+	font-size:11px;
+	line-height:13px;
+}
+
+pre, code {  
+	font-family:"Courier New", Courier, monospace; 
+	font-size:1em; 
+	line-height:normal;
+}
+
+
+
+
+hr {
+	border:0;
+	height:1px;
+	margin-bottom:24px;
+}
+
+
+a {
+	text-decoration: underline;
+}
+
+
+a:hover, 
+a:active {
+	text-decoration: underline;
+}
+
+
+a:visited,
+a:link:visited {
+	text-decoration: underline;
+	font-weight: normal;
+}
+
+
+
+img {
+	border:0;
+}
+
+
+
+
+
+/* COLORS */
+
+
+body {
+	color : #333;
+	background-color :#fff;
+}
+
+
+
+
+
+h1, h2, h3, h4, h5, h6 {
+	color:#000;
+}
+
+#header {
+	background-color:#fff;
+	color:#000;
+}
+
+
+#header h1 {
+	color:#000;
+}
+
+#header p {
+	color:#999;
+}
+
+
+pre, code {  
+	color: #000000;
+}
+
+
+a,strong {
+	color: #333;
+}
+
+
+a:hover, 
+a:active {
+	color: #333;
+}
+
+
+a:visited,
+a:link:visited {
+	color: #333;
+}
+
+
+
+#sidebar-right {
+	background:transparent;
+}
+
+#download, #download a {
+	background:#00FF92;
+	color:#333;
+	
+}
+
+
+#olderversions, #olderversions a {
+	background:#00c66e;
+	color:#333;
+	
+}
+
+#references {
+	background:#ddd;
+}
+
+#faq {
+	background:#bbb;
+}
+
+
+#footer, #menu {
+	background-color:#fff;
+	color:#333;
+}
+
+
+#footer a, #menu a {
+	color:#333;
+}