<?php

global $eltdIconCollections;
$titlePage = new ElatedAdminPage("4", "Title", "fa fa-list-alt");
$eltdFramework->eltdOptions->addAdminPage("title",$titlePage);

$panel8 = new ElatedPanel("Title","title_panel");
$titlePage->addChild("panel8",$panel8);

	$show_page_title = new ElatedField("yesno","show_page_title","yes","Enable Page Title Area","This option will enable Title Area", array(), array("dependence" => true, "dependence_hide_on_yes" => "", "dependence_show_on_yes" => "#eltdf_enable_title_container"));
	$panel8->addChild("show_page_title",$show_page_title);

	$enable_title_container = new ElatedContainer("enable_title_container","show_page_title","no");
	$panel8->addChild("enable_title_container",$enable_title_container);

		$title_type = new ElatedField("select","title_type","standard_title","Title Type","Choose title type", array( 
				"standard_title" => "Standard",
				"breadcrumbs_title" => "Breadcrumb"
		      ),array(
		      	"dependence" => true,
		      	"hide" => array("breadcrumbs_title" => "#eltdf_title_standard_container"),
		      	"show" => array("standard_title" => "#eltdf_title_standard_container")
		      ));
		$enable_title_container->addChild("title_type",$title_type);

		$animate_title_area = new ElatedField("select","animate_title_area","no","Animations","Choose an animation for Title Area", array( 
			"no" => "No animation",
			"text_right_left" => "Text right to left",
			"area_top_bottom" => "Title area top to bottom"
	      ));
		$enable_title_container->addChild("animate_title_area",$animate_title_area);
		
		$page_title_vertical_aligment = new ElatedField("select","page_title_vertical_aligment","header_bottom","Vertical Alignment","Specify Title vertical alignment", array( 
						"header_bottom" => "From Bottom of Header",
						"window_top" => "From Window Top"
					  ));
		$enable_title_container->addChild("page_title_vertical_aligment",$page_title_vertical_aligment);
		
		$show_page_title_text = new ElatedField("yesno","show_page_title_text","yes","Enable Page Title Text","This option will enable Title Text", array(), array("dependence" => true, "dependence_hide_on_yes" => "", "dependence_show_on_yes" => "#eltdf_enable_title_text_container, #eltdf_animation_page_title_contaier"));
		$enable_title_container->addChild("show_page_title_text",$show_page_title_text);

			$enable_title_text_container = new ElatedContainer("enable_title_text_container","show_page_title_text","no");
			$enable_title_container->addChild("enable_title_text_container",$enable_title_text_container);

				
				$predefined_title_sizes = new ElatedField("select","predefined_title_sizes","small","Text Size","Choose a default Title size", array( "small" => "Small",
				       "medium" => "Medium",
				       "large" => "Large"
				      ));
				$enable_title_text_container->addChild("predefined_title_sizes",$predefined_title_sizes);     		
		
				$page_title_position = new ElatedField("select","page_title_position","center","Title Text Alignment","Specify Title text alignment", array( 
						"left" => "Left",
						"center" => "Center",
						"right" => "Right"
					  ));
				$enable_title_text_container->addChild("page_title_position",$page_title_position);
				
				$title_text_shadow = new ElatedField("yesno","title_text_shadow","no","Title Text Shadow","Enabling this option will give Title text a shadow");
				$enable_title_text_container->addChild("title_text_shadow",$title_text_shadow);
		

		$title_standard_container = new ElatedContainer("title_standard_container","title_type","breadcrumbs_title");
		$enable_title_container->addChild("title_standard_container",$title_standard_container);

		//Title like separator with text
		$title_like_separator = new ElatedField("yesno","title_like_separator","no","Separator Around Title Text","Enable separator around title", array(), array(
			"dependence" => true,
			"dependence_hide_on_yes" => "",
			"dependence_show_on_yes" => "#eltdf_title_like_separator_container"
			));
		$title_standard_container->addChild("title_like_separator",$title_like_separator);

			$title_like_separator_container = new ElatedContainer("title_like_separator_container","title_like_separator","no");
			$title_standard_container->addChild("title_like_separator_container",$title_like_separator_container);

				$group1 = new ElatedGroup("Line Styles", "Choose style for separator line");
				$title_like_separator_container->addChild("group1",$group1);

					$row1 = new ElatedRow();
					$group1->addChild("row1",$row1);

						$title_like_separator_line_color = new ElatedField("colorsimple","title_like_separator_line_color","","Color","This is some description");
						$row1->addChild("title_like_separator_line_color",$title_like_separator_line_color);

						$title_like_separator_line_width = new ElatedField("textsimple","title_like_separator_line_width","","Width","This is some description");
						$row1->addChild("title_like_separator_line_width",$title_like_separator_line_width);

						$title_like_separator_line_thickness = new ElatedField("textsimple","title_like_separator_line_thickness","","Thickness","This is some description");
						$row1->addChild("title_like_separator_line_thickness",$title_like_separator_line_thickness);

						$title_like_separator_line_style = new ElatedField("selectsimple","title_like_separator_line_style","","Style","This is some description",array(
							"solid" => "Solid",
							"dashed" => "Dashed",
							"dotted" => "Dotted"
							));
						$row1->addChild("title_like_separator_line_style",$title_like_separator_line_style);

				$title_like_separator_margins = new ElatedField("text","title_like_separator_margins","","Margins for Title","Define left/right margins for title from separator");
				$title_like_separator_container->addChild("title_like_separator_margins",$title_like_separator_margins);

				$title_like_separator_line_dots = new ElatedField("yesno","title_like_separator_line_dots","no","Dots on The End of Lines","Enabling this option will give lines a dot next to title",array(),array(
						"dependence" => true,
						"dependence_hide_on_yes" => "",
						"dependence_show_on_yes" => "#eltdf_title_like_separator_dots_container"
					));
				$title_like_separator_container->addChild("title_like_separator_line_dots",$title_like_separator_line_dots);

				$title_like_separator_dots_container = new ElatedContainer("title_like_separator_dots_container","title_like_separator_line_dots","no");
				$title_like_separator_container->addChild("title_like_separator_dots_container",$title_like_separator_dots_container);

					$group1 = new ElatedGroup("Dots Style","Choose style for dots");
					$title_like_separator_dots_container->addChild("group1",$group1);

						$row1 = new ElatedRow();
						$group1->addChild("row1",$row1);

							$title_like_separator_dots_size = new ElatedField("textsimple","title_like_separator_dots_size","","Size (px)","This is some description");
							$row1->addChild("title_like_separator_dots_size",$title_like_separator_dots_size);

							$title_like_separator_dots_color = new ElatedField("colorsimple","title_like_separator_dots_color","","Color","This is some description");
							$row1->addChild("title_like_separator_dots_color",$title_like_separator_dots_color);

		//Subtitle like separator with text
		$subtitle_like_separator = new ElatedField("yesno","subtitle_like_separator","no","Separator Around Subtitle Text","Enable separator around subtitle", array(), array(
			"dependence" => true,
			"dependence_hide_on_yes" => "",
			"dependence_show_on_yes" => "#eltdf_subtitle_like_separator_container"
			));
		$title_standard_container->addChild("subtitle_like_separator",$subtitle_like_separator);

			$subtitle_like_separator_container = new ElatedContainer("subtitle_like_separator_container","subtitle_like_separator","no");
			$title_standard_container->addChild("subtitle_like_separator_container",$subtitle_like_separator_container);

				$group1 = new ElatedGroup("Line Styles", "Choose style for separator line");
				$subtitle_like_separator_container->addChild("group1",$group1);

					$row1 = new ElatedRow();
					$group1->addChild("row1",$row1);

						$subtitle_like_separator_line_color = new ElatedField("colorsimple","subtitle_like_separator_line_color","","Color","This is some description");
						$row1->addChild("subtitle_like_separator_line_color",$subtitle_like_separator_line_color);

						$subtitle_like_separator_line_width = new ElatedField("textsimple","subtitle_like_separator_line_width","","Width","This is some description");
						$row1->addChild("subtitle_like_separator_line_width",$subtitle_like_separator_line_width);

						$subtitle_like_separator_line_thickness = new ElatedField("textsimple","subtitle_like_separator_line_thickness","","Thickness","This is some description");
						$row1->addChild("subtitle_like_separator_line_thickness",$subtitle_like_separator_line_thickness);

						$subtitle_like_separator_line_style = new ElatedField("selectsimple","subtitle_like_separator_line_style","","Style","This is some description",array(
							"solid" => "Solid",
							"dashed" => "Dashed",
							"dotted" => "Dotted"
							));
						$row1->addChild("subtitle_like_separator_line_style",$subtitle_like_separator_line_style);

				$subtitle_like_separator_margins = new ElatedField("text","subtitle_like_separator_margins","","Margins for Subtitle","Define left/right margins for subtitle from separator");
				$subtitle_like_separator_container->addChild("subtitle_like_separator_margins",$subtitle_like_separator_margins);


		$title_background_color = new ElatedField("color","title_background_color","","Background Color","Choose a background color for Title Area");
		$enable_title_container->addChild("title_background_color",$title_background_color);
		
		$title_image = new ElatedField("image","title_image","","Background Image","Choose an Image for Title Area");
		$enable_title_container->addChild("title_image",$title_image);
		
		$responsive_title_image = new ElatedField("yesno","responsive_title_image","no","Background Responsive Image","Enabling this option will make Title background image responsive", array(), array("dependence" => true, "dependence_hide_on_yes" => "#eltdf_responsive_title_image_container", "dependence_show_on_yes" => ""));
		$enable_title_container->addChild("responsive_title_image",$responsive_title_image);

		$responsive_title_image_container = new ElatedContainer("responsive_title_image_container","responsive_title_image","yes");
		$enable_title_container->addChild("responsive_title_image_container",$responsive_title_image_container);
			$fixed_title_image = new ElatedField("select","fixed_title_image","no","Parallax Title Image","Enabling this option will make Title image parallax", array( "no" => "No",
			       "yes" => "Yes",
			       "yes_zoom" => "Yes, with zoom out"
			      ));
			$responsive_title_image_container->addChild("fixed_title_image",$fixed_title_image);
			$title_height = new ElatedField("text","title_height","","Title Height (px)","Set a height for Title Area in pixels", array(), array("col_width" => 3));
			$responsive_title_image_container->addChild("title_height",$title_height);

		$title_overlay_image = new ElatedField("image","title_overlay_image","","Pattern Overlay Image","Choose an image to be used as pattern over Title Area");
		$enable_title_container->addChild("title_overlay_image",$title_overlay_image);
		
		
		$title_separator = new ElatedField("yesno","title_separator","no","Show Title Separator","Enabling this option will display a separator underneath Title", array(), array("dependence" => true, "dependence_hide_on_yes" => "", "dependence_show_on_yes" => "#eltdf_title_separator_container, #eltdf_animation_page_title_separator_container"));
		$title_standard_container->addChild("title_separator",$title_separator);

		$title_separator_container = new ElatedContainer("title_separator_container","title_separator","no");
		$title_standard_container->addChild("title_separator_container",$title_separator_container);

		        $title_separator_format = new ElatedField("select","title_separator_format","normal","Format","Choose a format (type) of separator", array(
                        "normal" => "Normal",
                        "with_icon" => "With Icon",
                        "with_custom_icon" => "With Custom Icon"
                ), array(
                "dependence" => true,
                "hide" => array(
                	"normal" => "#eltdf_separator_with_icon_container, #eltdf_separator_custom_icon_container, #eltdf_separator_all_icons_container",
                	"with_custom_icon" => "#eltdf_separator_with_icon_container",
                	"with_icon" => "#eltdf_separator_custom_icon_container"
                	),
                "show" => array(
                	"with_icon" => "#eltdf_separator_with_icon_container, #eltdf_separator_all_icons_container",
                	"with_custom_icon" => "#eltdf_separator_custom_icon_container, #eltdf_separator_all_icons_container"
                	)
                ));

                $title_separator_container->addChild("title_separator_format",$title_separator_format);

                $separator_all_icons_container = new ElatedContainer("separator_all_icons_container","title_separator_format","normal");
				$title_separator_container->addChild("separator_all_icons_container",$separator_all_icons_container);	

					$group1 = new ElatedGroup("Icon Position and Margins","Choose icon position and set left(right) margin");
					$separator_all_icons_container->addChild("group1",$group1);

						$row1 = new ElatedRow();
						$group1->addChild("row1",$row1);

							$title_separator_icon_position = new ElatedField("selectsimple","title_separator_icon_position","","Icon Position","Choose a position for an icon", array(
		                        "left" => "Left",
		                        "center" => "Center",
		                        "right" => "Right"
		                	));
		                	$row1->addChild("title_separator_icon_position",$title_separator_icon_position);

		                	$title_separator_icon_margins = new ElatedField("textsimple","title_separator_icon_margins","","Margins (px)","Enter margin that will refer to left and right margin of the icon");
		                	$row1->addChild("title_separator_icon_margins",$title_separator_icon_margins);

                $separator_with_icon_container = new ElatedContainer("separator_with_icon_container","title_separator_format","normal",array("normal","with_custom_icon"));
				$title_separator_container->addChild("separator_with_icon_container",$separator_with_icon_container);

	                 //init icon pack hide and show array. It will be populated dinamically from collections array
					$separator_icon_pack_hide_array = array();
					$separator_icon_pack_show_array = array();

					//do we have some collection added in collections array?
					if(is_array($eltdIconCollections->iconCollections) && count($eltdIconCollections->iconCollections)) {
						//get collections params array. It will contain values of 'param' property for each collection
						$separator_icon_collections_params = $eltdIconCollections->getIconCollectionsParams();

						//foreach collection generate hide and show array
						foreach ($eltdIconCollections->iconCollections as $dep_collection_key => $dep_collection_object) {
							$separator_icon_pack_hide_array[$dep_collection_key] = '';

							//we need to include only current collection in show string as it is the only one that needs to show
							$separator_icon_pack_show_array[$dep_collection_key] = '#eltdf_separator_icon_'.$dep_collection_object->param.'_container';

							//for all collections param generate hide string
							foreach ($separator_icon_collections_params as $separator_icon_collections_param) {
								//we don't need to include current one, because it needs to be shown, not hidden
								if($separator_icon_collections_param !== $dep_collection_object->param) {
									$separator_icon_pack_hide_array[$dep_collection_key].= '#eltdf_separator_icon_'.$separator_icon_collections_param.'_container,';
								}
							}

							//remove remaining ',' character
							$separator_icon_pack_hide_array[$dep_collection_key] = rtrim($separator_icon_pack_hide_array[$dep_collection_key], ',');
						}

					}

					$separator_icon_pack = new ElatedField(
						"select",
						"separator_icon_pack",
						"font_awesome",
						"Separator Icon Pack",
						"Choose icon pack for separator",
						$eltdIconCollections->getIconCollections(),
						array(
							"dependence" => true,
							"hide" => $separator_icon_pack_hide_array,
							"show" => $separator_icon_pack_show_array
						));

					$separator_with_icon_container->addChild("separator_icon_pack", $separator_icon_pack);

					if(is_array($eltdIconCollections->iconCollections) && count($eltdIconCollections->iconCollections)) {
						//foreach icon collection we need to generate separate container that will have dependency set
						//it will have one field inside with icons dropdown
						foreach ($eltdIconCollections->iconCollections as $collection_key => $collection_object) {
							$icons_array = $collection_object->getIconsArray();

							//get icon collection keys (keys from collections array, e.g 'font_awesome', 'font_elegant' etc.)
							$icon_collections_keys = $eltdIconCollections->getIconCollectionsKeys();

							//unset current one, because it doesn't have to be included in dependency that hides icon container
							unset($icon_collections_keys[array_search($collection_key, $icon_collections_keys)]);

							$separator_icon_hide_values = $icon_collections_keys;
							$separator_icon_container = new ElatedContainer("separator_icon_".$collection_object->param."_container", "separator_icon_pack", "", $separator_icon_hide_values);
							$separator_icon = new ElatedField("select", "separator_icon_".$collection_object->param, "", "Separator Icon","Choose Separator Icon", $icons_array, array("col_width" => 3));
							$separator_icon_container->addChild("separator_icon_".$collection_object->param, $separator_icon);

							$separator_with_icon_container->addChild("separator_icon_".$collection_object->param."_container", $separator_icon_container);
						}

					}

					$group1 = new ElatedGroup("Icon Style", "Choose icon style");
					$separator_with_icon_container->addChild("group1",$group1);

						$row1 = new ElatedRow();
						$group1->addChild("row1",$row1);

							$title_separator_icon_color = new ElatedField("colorsimple","title_separator_icon_color","","Color","Choose a color of icon for Title separator");
							$row1->addChild("title_separator_icon_color",$title_separator_icon_color);

							$title_separator_icon_hover_color = new ElatedField("colorsimple","title_separator_icon_hover_color","","Hover Color","Choose a hover color of icon for Title separator");
							$row1->addChild("title_separator_icon_hover_color",$title_separator_icon_hover_color);

							$title_separator_icon_custom_size = new ElatedField("textsimple","title_separator_icon_custom_size","","Icon Size","Choose size of icon");
							$row1->addChild("title_separator_icon_custom_size",$title_separator_icon_custom_size);

                	$title_separator_icon_type = new ElatedField("select","title_separator_icon_type","normal","Icon Type","Choose icon type", array(
                        "normal" => "Normal",
                        "circle" => "Circle",
                        "square" => "Square"
                	),array("dependence" => true, "hide" => array("normal" => "#eltdf_title_separator_types_container"), "show" => array("circle" => "#eltdf_title_separator_types_container","square" => "#eltdf_title_separator_types_container")));
                	$separator_with_icon_container->addChild("title_separator_icon_type",$title_separator_icon_type);

                	$title_separator_types_container = new ElatedContainer("title_separator_types_container","title_separator_icon_type","normal");
					$separator_with_icon_container->addChild("title_separator_types_container",$title_separator_types_container);

						$group1 = new ElatedGroup("Border Style", "Define border style for icon");
						$title_separator_types_container->addChild("group1",$group1);

							$row1 = new ElatedRow();
							$group1->addChild("row1",$row1);

								$title_separator_icon_border_radius = new ElatedField("textsimple","title_separator_icon_border_radius","","Border Radius (px)","Enter border radius for icon");
		                		$row1->addChild("title_separator_icon_border_radius",$title_separator_icon_border_radius);

		                		$title_separator_icon_border_width = new ElatedField("textsimple","title_separator_icon_border_width","","Border Width (px)","Enter border width for icon");
		                		$row1->addChild("title_separator_icon_border_width",$title_separator_icon_border_width);

		                		$title_separator_icon_border_color = new ElatedField("colorsimple","title_separator_icon_border_color","","Border Color","Enter border color for icon");
		                		$row1->addChild("title_separator_icon_border_color",$title_separator_icon_border_color);

		                		$title_separator_icon_border_hover_color = new ElatedField("colorsimple","title_separator_icon_border_hover_color","","Border Hover Color","Enter border color for icon");
		                		$row1->addChild("title_separator_icon_border_hover_color",$title_separator_icon_border_hover_color);

		                $group2 = new ElatedGroup("Additional Icon Style","Choose adition icon styling");
		                $title_separator_types_container->addChild("group2",$group2);

		                	$row1 = new ElatedRow();
		                	$group2->addChild("row1",$row1);

		                		$title_separator_icon_shape_size = new ElatedField("textsimple","title_separator_icon_shape_size","","Shape Size (px)","This is some description");
		                		$row1->addChild("title_separator_icon_shape_size",$title_separator_icon_shape_size);

		                		$title_separator_icon_background_color = new ElatedField("colorsimple","title_separator_icon_background_color","","Background Color","This is some description");
		                		$row1->addChild("title_separator_icon_background_color",$title_separator_icon_background_color);

		                		$title_separator_icon_background_hover_color = new ElatedField("colorsimple","title_separator_icon_background_hover_color","","Background Hover Color","This is some description");
		                		$row1->addChild("title_separator_icon_background_hover_color",$title_separator_icon_background_hover_color);		                		
 				

 				$separator_custom_icon_container = new ElatedContainer("separator_custom_icon_container","title_separator_format","normal",array("normal","with_icon"));
 				$title_separator_container->addChild("separator_custom_icon_container",$separator_custom_icon_container);

 					$separator_custom_icon = new ElatedField("image","separator_custom_icon","","Custom Icon","Choose custom icon for separator");
 					$separator_custom_icon_container->addChild("separator_custom_icon",$separator_custom_icon);

                $title_separator_type = new ElatedField("select","title_separator_type","","Type","Choose a Title separator line style", array( "" => "",
                        "solid" => "Solid",
                        "dashed" => "Dashed"
                ));
                $title_separator_container->addChild("title_separator_type",$title_separator_type);

                $title_separator_position = new ElatedField("select","title_separator_position","","Position","Choose a Title separator position", array( "" => "",
                        "above" => "Above Title",
                        "below" => "Below Title"
                ));
                $title_separator_container->addChild("title_separator_position",$title_separator_position);

                $title_separator_color = new ElatedField("color","title_separator_color","","Color","Choose a color for Title separator");
                $title_separator_container->addChild("title_separator_color",$title_separator_color);

                $group1 = new ElatedGroup("Size",'Define size for Title separator');
                $title_separator_container->addChild("group1",$group1);

                $row1 = new ElatedRow();
                $group1->addChild("row1",$row1);

                        $title_separator_thickness = new ElatedField("textsimple","title_separator_thickness","","Thickness (px)","This is some description");
                        $row1->addChild("title_separator_thickness",$title_separator_thickness);

                        $title_separator_width = new ElatedField("textsimple","title_separator_width","","Width (px)","This is some description");
                        $row1->addChild("title_separator_width",$title_separator_width);

                $group2 = new ElatedGroup("Margin",'Add space at top and bottom of Title separator');
                $title_separator_container->addChild("group2",$group2);

                $row1 = new ElatedRow();
                $group2->addChild("row1",$row1);

                        $title_separator_topmargin = new ElatedField("textsimple","title_separator_topmargin","","Top Margin (px)","This is some description");
                        $row1->addChild("title_separator_topmargin",$title_separator_topmargin);

                        $title_separator_bottommargin = new ElatedField("textsimple","title_separator_bottommargin","","Bottom Margin (px)","This is some description");
                        $row1->addChild("title_separator_bottommargin",$title_separator_bottommargin);

        $border_top_title_area = new ElatedField("yesno","border_top_title_area","no","Top Border","Enabling this option will display top border on Title Area", array(), array("dependence" => true, "dependence_hide_on_yes" => "", "dependence_show_on_yes" => "#eltdf_border_top_title_area_container"));
        $enable_title_container->addChild("border_top_title_area",$border_top_title_area);

            $border_top_title_area_container = new ElatedContainer("border_top_title_area_container","border_top_title_area","no");
            $enable_title_container->addChild("border_top_title_area_container",$border_top_title_area_container);

                $enable_title_border_grid = new ElatedField("yesno","enable_title_border_grid","no","Enable Border in Grid","This option will show title top border in grid", array(), array('dependence' => true, 'dependence_hide_on_yes' => '', 'dependence_show_on_yes' => ''));
                $border_top_title_area_container->addChild("enable_title_border_grid",$enable_title_border_grid);

                $border_top_title_area_width = new ElatedField("text","border_top_title_area_width","","Top Border Width (px)","Choose a width for Title Area top border Note: If width has not been set, border top will not be displayed", array(), array("col_width" => 3));
                $border_top_title_area_container->addChild("border_top_title_area_width",$border_top_title_area_width);
                $border_top_title_area_color = new ElatedField("color","border_top_title_area_color","","Top Border Color","Choose a color for Title Area top border");
                $border_top_title_area_container->addChild("border_top_title_area_color",$border_top_title_area_color);

		$border_bottom_title_area = new ElatedField("yesno","border_bottom_title_area","yes","Bottom Border","Enabling this option will display bottom border on Title Area", array(), array("dependence" => true, "dependence_hide_on_yes" => "", "dependence_show_on_yes" => "#eltdf_border_bottom_title_area_container"));
		$enable_title_container->addChild("border_bottom_title_area",$border_bottom_title_area);
			
			$border_bottom_title_area_container = new ElatedContainer("border_bottom_title_area_container","border_bottom_title_area","no");
			$enable_title_container->addChild("border_bottom_title_area_container",$border_bottom_title_area_container);
				
				$enable_title_border_grid = new ElatedField("yesno","enable_title_border_grid","no","Enable Border in Grid","This option will show title bottom border in grid", array(), array('dependence' => true, 'dependence_hide_on_yes' => '', 'dependence_show_on_yes' => ''));
				$border_bottom_title_area_container->addChild("enable_title_border_grid",$enable_title_border_grid);
		
				$border_bottom_title_area_width = new ElatedField("text","border_bottom_title_area_width","","Bottom Border Width (px)","Choose a width for Title Area bottom border Note: If width has not been set, border bottom will not be displayed", array(), array("col_width" => 3));
				$border_bottom_title_area_container->addChild("border_bottom_title_area_width",$border_bottom_title_area_width);
				$border_bottom_title_area_color = new ElatedField("color","border_bottom_title_area_color","","Bottom Border Color","Choose a color for Title Area bottom border");
				$border_bottom_title_area_container->addChild("border_bottom_title_area_color",$border_bottom_title_area_color);
			

		$enable_breadcrumbs = new ElatedField("yesno","enable_breadcrumbs","yes","Enable Breadcrumbs","This option will display Breadcrumbs in Title Area", array(), array('dependence' => true, 'dependence_hide_on_yes' => '', 'dependence_show_on_yes' => '#eltdf_animation_page_title_breadcrumbs_container'));
		$enable_title_container->addChild("enable_breadcrumbs",$enable_breadcrumbs);

		$title_graphics = new ElatedField("image","title_graphics","","Graphics","Choose graphics");
		$title_standard_container->addChild("title_graphics",$title_graphics);

		$group1 = new ElatedGroup("Title Area Content Style",'Define style for Title Area Content');
        $enable_title_container->addChild("group1",$group1);

        	$row1 = new ElatedRow();
        	$group1->addChild("row1",$row1);

				$title_content_background_color = new ElatedField("colorsimple","title_content_background_color","","Title Content Background Color","Background color for title content");
				$row1->addChild("title_content_background_color",$title_content_background_color);

				$title_content_background_opacity = new ElatedField("textsimple","title_content_background_opacity","","Title Content Background Opacity","Choose opacity for background color (0 = fully transparent, 1 = opaque)");
				$row1->addChild("title_content_background_opacity",$title_content_background_opacity);

        $title_content_in_grid = new ElatedField("yesno","title_content_in_grid","yes","Title Area Content In Grid","This option will show title area content in grid");
        $enable_title_container->addChild("title_content_in_grid",$title_content_in_grid);

        $title_content_shadows = new ElatedField('yesno', 'title_content_shadows', 'no', 'Show Title Content Area Shadows', 'Enabling this option will show shadows on title content area', array(), array(
            'dependence' => true,
            'dependence_hide_on_yes' => '',
            'dependence_show_on_yes' => '#eltdf_title_content_shadows_container'
        ));
        $enable_title_container->addChild('title_content_shadows', $title_content_shadows);

        $title_content_shadows_container = new ElatedContainer('title_content_shadows_container', 'title_content_shadows', 'no');
        $enable_title_container->addChild('title_content_shadows_container', $title_content_shadows_container);

            $group7 = new ElatedGroup('Title Content Area Shadows', 'Set horizontal and vertical position of shadow (negative values are allowed), and define blur and spread.');
            $title_content_shadows_container->addChild('group7', $group7);

                $row1 = new ElatedRow();
                $group7->addChild('row1', $row1);

                    $title_content_shadow_horizontal_shadow = new ElatedField('textsimple', 'title_content_shadow_horizontal_shadow', '', 'Horizontal Shadow (px)');
                    $row1->addChild('title_content_shadow_horizontal_shadow', $title_content_shadow_horizontal_shadow);

                    $title_content_shadow_vertical_shadow = new ElatedField('textsimple', 'title_content_shadow_vertical_shadow', '', 'Vertical Shadow (px)');
                    $row1->addChild('title_content_shadow_vertical_shadow', $title_content_shadow_vertical_shadow);

                    $title_content_shadow_blur_distance = new ElatedField('textsimple', 'title_content_shadow_blur_distance', '', 'Blur (px)');
                    $row1->addChild('title_content_shadow_blur_distance', $title_content_shadow_blur_distance);

                    $title_content_shadow_shadow_size = new ElatedField('textsimple', 'title_content_shadow_shadow_size', '', 'Spread (px)');
                    $row1->addChild('title_content_shadow_shadow_size', $title_content_shadow_shadow_size);

                $row2 = new ElatedRow(true);
                $group7->addChild('row2', $row2);

                    $title_content_shadow_shadow_color = new ElatedField('colorsimple', 'title_content_shadow_shadow_color', '', 'Shadow color');
                    $row2->addChild('title_content_shadow_shadow_color', $title_content_shadow_shadow_color);


        $group6 = new ElatedGroup("Title Area Content Padding","Define padding for title area content");
		$enable_title_container->addChild("group6",$group6);

			$row1 = new ElatedRow();
			$group6->addChild("row1",$row1);

				$title_content_span_top_padding = new ElatedField("textsimple","title_content_span_top_padding","","Top Padding","This is some description.");
				$row1->addChild("title_content_span_top_padding",$title_content_span_top_padding);

				$title_content_span_right_padding = new ElatedField("textsimple","title_content_span_right_padding","","Right Padding","This is some description.");
				$row1->addChild("title_content_span_right_padding",$title_content_span_right_padding);

				$title_content_span_bottom_padding = new ElatedField("textsimple","title_content_span_bottom_padding","","Bottom Padding","This is some description.");
				$row1->addChild("title_content_span_bottom_padding",$title_content_span_bottom_padding);

				$title_content_span_left_padding = new ElatedField("textsimple","title_content_span_left_padding","","Left Padding","This is some description.");
				$row1->addChild("title_content_span_left_padding",$title_content_span_left_padding);

		$group2 = new ElatedGroup("Title Style",'Define style for Title');
        $enable_title_container->addChild("group2",$group2);

        	$row1 = new ElatedRow();
        	$group2->addChild("row1",$row1);

				$title_span_background_color = new ElatedField("colorsimple","title_span_background_color","","Title Background Color","Background color for title");
				$row1->addChild("title_span_background_color",$title_span_background_color);

				$title_span_background_opacity = new ElatedField("textsimple","title_span_background_opacity","","Title Background Opacity","Choose opacity for background color (0 = fully transparent, 1 = opaque)");
				$row1->addChild("title_span_background_opacity",$title_span_background_opacity);

		$group3 = new ElatedGroup("Title Padding",'Define padding for Title');
		$enable_title_container->addChild("group3",$group3);

			$row1 = new ElatedRow();
			$group3->addChild("row1",$row1);

				$title_span_top_padding = new ElatedField("textsimple","title_span_top_padding","","Top Padding","This is some description.");
				$row1->addChild("title_span_top_padding",$title_span_top_padding);

				$title_span_right_padding = new ElatedField("textsimple","title_span_right_padding","","Right Padding","This is some description.");
				$row1->addChild("title_span_right_padding",$title_span_right_padding);

				$title_span_bottom_padding = new ElatedField("textsimple","title_span_bottom_padding","","Bottom Padding","This is some description.");
				$row1->addChild("title_span_bottom_padding",$title_span_bottom_padding);

				$title_span_left_padding = new ElatedField("textsimple","title_span_left_padding","","Left Padding","This is some description.");
				$row1->addChild("title_span_left_padding",$title_span_left_padding);

		$subtitle_position = new ElatedField("select","subtitle_position","below_title","Subtitle Position","Choose a Subtitle position", array( 
				"below_title" => "Below Title",
				"above_title" => "Above Title",
				"next_to_title" => "Next to Title"
		));
		$enable_title_container->addChild("subtitle_position",$subtitle_position);

		$subtitle_text_size = new ElatedField("select","subtitle_text_size","medium_subtitle","Subtitle Text Size","Size for subtitle text", array(
			'small_subtitle' => 'Small',
			'medium_subtitle' => 'Medium',
			'large_subtitle' => 'Large'
		));
		$enable_title_container->addChild("subtitle_text_size",$subtitle_text_size);

		$group4 = new ElatedGroup("Subtitle Style",'Define style for subtitle');
        $enable_title_container->addChild("group4",$group4);

        	$row1 = new ElatedRow();
        	$group4->addChild("row1",$row1);

				$subtitle_span_background_color = new ElatedField("colorsimple","subtitle_span_background_color","","Subtitle Background Color","Background color for subtitle");
				$row1->addChild("subtitle_span_background_color",$subtitle_span_background_color);

				$subtitle_span_background_opacity = new ElatedField("textsimple","subtitle_span_background_opacity","","Subtitle Background Opacity","Choose opacity for background color (0 = fully transparent, 1 = opaque)");
				$row1->addChild("subtitle_span_background_opacity",$subtitle_span_background_opacity);

		$group5 = new ElatedGroup("Subtitle Padding",'Define padding for subtitle');
		$enable_title_container->addChild("group5",$group5);

			$row1 = new ElatedRow();
			$group5->addChild("row1",$row1);

				$subtitle_span_top_padding = new ElatedField("textsimple","subtitle_span_top_padding","","Top Padding","This is some description.");
				$row1->addChild("subtitle_span_top_padding",$subtitle_span_top_padding);

				$subtitle_span_right_padding = new ElatedField("textsimple","subtitle_span_right_padding","","Right Padding","This is some description.");
				$row1->addChild("subtitle_span_right_padding",$subtitle_span_right_padding);

				$subtitle_span_bottom_padding = new ElatedField("textsimple","subtitle_span_bottom_padding","","Bottom Padding","This is some description.");
				$row1->addChild("subtitle_span_bottom_padding",$subtitle_span_bottom_padding);

				$subtitle_span_left_padding = new ElatedField("textsimple","subtitle_span_left_padding","","Left Padding","This is some description.");
				$row1->addChild("subtitle_span_left_padding",$subtitle_span_left_padding);

$panel9 = new ElatedPanel('Title Animations', 'title_animations');
$titlePage->addChild('panel9', $panel9);

	//Whole title content animation
	$page_title_whole_content_animations = new ElatedField('yesno', 'page_title_whole_content_animations', 'no', 'Enable Whole Title Content Animation', 'This option will enable whole title content animation', array(), array(
		'dependence' => true,
		'dependence_hide_on_yes' => '',
		'dependence_show_on_yes' => '#eltdf_page_title_whole_content_animations_container'
	));
	$panel9->addChild('page_title_whole_content_animations', $page_title_whole_content_animations);

	$page_title_whole_content_animations_container = new ElatedContainer('page_title_whole_content_animations_container', 'page_title_whole_content_animations', 'no');
	$panel9->addChild('page_title_whole_content_animations_container', $page_title_whole_content_animations_container);

		$page_title_whole_content_animations_data_start = new ElatedGroup('Scrolling Animation Start Point', 'These are properties for the first keyframe in scrolling animation');
		$page_title_whole_content_animations_container->addChild('page_title_whole_content_animations_data_start', $page_title_whole_content_animations_data_start);

			$row1 = new ElatedRow();
			$page_title_whole_content_animations_data_start->addChild('row1', $row1);

				$page_title_whole_content_data_start = new ElatedField('textsimple', 'page_title_whole_content_data_start', '', 'Scrollbar Top Distance (px)');
				$row1->addChild('page_title_whole_content_data_start', $page_title_whole_content_data_start);

				$page_title_whole_content_start_custom_style = new ElatedField('textareasimple', 'page_title_whole_content_start_custom_style', '', 'Enter CSS declarations separated by semicolons');
				$row1->addChild('page_title_whole_content_start_custom_style', $page_title_whole_content_start_custom_style);

		$page_title_whole_content_animations_data_end = new ElatedGroup('Scrolling Animation End Point', 'These are properties for the last keyframe in scrolling animation');
		$page_title_whole_content_animations_container->addChild('page_title_whole_content_animations_data_end', $page_title_whole_content_animations_data_end);

			$row2 = new ElatedRow();
			$page_title_whole_content_animations_data_end->addChild('row2', $row2);

				$page_title_whole_content_data_end = new ElatedField('textsimple', 'page_title_whole_content_data_end', '', 'Scrollbar Top Distance (px)');
				$row2->addChild('page_title_whole_content_data_end', $page_title_whole_content_data_end);

				$page_title_whole_content_end_custom_style = new ElatedField('textareasimple', 'page_title_whole_content_end_custom_style', '', 'Enter CSS declarations separated by semicolons');
				$row2->addChild('page_title_whole_content_end_custom_style', $page_title_whole_content_end_custom_style);

	//Title Animations
	$animation_page_title_contaier = new ElatedContainerNoStyle('animation_page_title_contaier', 'show_page_title_text', 'no');
	$panel9->addChild('animation_page_title_contaier', $animation_page_title_contaier);

	$page_title_animations = new ElatedField('yesno', 'page_title_animations', 'no', 'Enable Page Title Animations', 'This option will enable Page Title Scroll Animations', array(), array(
		'dependence' => true,
		'dependence_hide_on_yes' => '',
		'dependence_show_on_yes' => '#eltdf_page_title_animations_container'
	));
	$animation_page_title_contaier->addChild('page_title_animations', $page_title_animations);

	$page_title_animations_container = new ElatedContainer('page_title_animations_container', 'page_title_animations', 'no');
	$animation_page_title_contaier->addChild('page_title_animations_container', $page_title_animations_container);

		$page_title_animations_data_start = new ElatedGroup('Scrolling Animation Start Point', 'These are properties for the first keyframe in scrolling animation');
		$page_title_animations_container->addChild('page_title_animations_data_start', $page_title_animations_data_start);

		$row1 = new ElatedRow();
		$page_title_animations_data_start->addChild('row1', $row1);

			$page_title_data_start = new ElatedField('textsimple', 'page_title_data_start', '', 'Scrollbar Top Distance (px)');
			$row1->addChild('page_title_data_start', $page_title_data_start);

			$page_title_start_custom_style = new ElatedField('textareasimple', 'page_title_start_custom_style', '', 'Enter CSS declarations separated by semicolons');
			$row1->addChild('page_title_start_custom_style', $page_title_start_custom_style);


		$page_title_animations_data_end = new ElatedGroup('Scrolling Animation End Point', 'These are properties for the last keyframe in scrolling animation');
		$page_title_animations_container->addChild('page_title_animations_data_end', $page_title_animations_data_end);

		$row2 = new ElatedRow();
		$page_title_animations_data_end->addChild('row2', $row2);

			$page_title_data_end = new ElatedField('textsimple', 'page_title_data_end', '', 'Scrollbar Top Distance (px)');
			$row2->addChild('page_title_data_end', $page_title_data_end);

			$page_title_end_custom_style = new ElatedField('textareasimple', 'page_title_end_custom_style', '', 'Enter CSS declarations separated by semicolons');
			$row2->addChild('page_title_end_custom_style', $page_title_end_custom_style);

	//Title Separator Animations
	$animation_page_title_separator_container = new ElatedContainerNoStyle('animation_page_title_separator_container', 'title_separator', 'no');
	$panel9->addChild('animation_page_title_separator_container', $animation_page_title_separator_container);

	$page_title_separator_animations = new ElatedField('yesno', 'page_title_separator_animations', 'no', 'Enable Page Separator Title Animations', 'This option will enable Page Title Separator Scroll Animations', array(), array(
		'dependence' => true,
		'dependence_hide_on_yes' => '',
		'dependence_show_on_yes' => '#eltdf_page_title_separator_animations_container'
	));
	$animation_page_title_separator_container->addChild('page_title_separator_animations', $page_title_separator_animations);

	$page_title_separator_animations_container = new ElatedContainer('page_title_separator_animations_container', 'page_title_separator_animations', 'no');
	$animation_page_title_separator_container->addChild('page_title_separator_animations_container', $page_title_separator_animations_container);

		$page_title_separator_animations_data_start = new ElatedGroup('Scrolling Animation Start Point', 'These are properties for the first keyframe in scrolling animation');
		$page_title_separator_animations_container->addChild('page_title_separator_animations_data_start', $page_title_separator_animations_data_start);

		$row1 = new ElatedRow();
		$page_title_separator_animations_data_start->addChild('row1', $row1);

			$page_title_separator_data_start = new ElatedField('textsimple', 'page_title_separator_data_start', '', 'Scrollbar Top Distance (px)');
			$row1->addChild('page_title_separator_data_start', $page_title_separator_data_start);

			$page_title_separator_start_custom_style = new ElatedField('textareasimple', 'page_title_separator_start_custom_style', '', 'Enter CSS declarations separated by semicolons');
			$row1->addChild('page_title_separator_start_custom_style', $page_title_separator_start_custom_style);

		$page_title_separator_animations_data_end = new ElatedGroup('Scrolling Animation End Point', 'These are properties for the last keyframe in scrolling animation');
		$page_title_separator_animations_container->addChild('page_title_separator_animations_data_end', $page_title_separator_animations_data_end);

		$row2 = new ElatedRow();
		$page_title_separator_animations_data_end->addChild('row2', $row2);

			$page_title_separator_data_end = new ElatedField('textsimple', 'page_title_separator_data_end', '', 'Scrollbar Top Distance (px)');
			$row2->addChild('page_title_separator_data_end', $page_title_separator_data_end);

			$page_title_separator_end_custom_style = new ElatedField('textareasimple', 'page_title_separator_end_custom_style', '', 'Enter CSS declarations separated by semicolons');
			$row2->addChild('page_title_separator_end_custom_style', $page_title_separator_end_custom_style);

	//Subtitle Animations
	$page_subtitle_animations = new ElatedField('yesno', 'page_subtitle_animations', 'no', 'Enable Page Subtitle Animations', 'This option will enable Page Subtitle Scroll Animations', array(), array(
		'dependence' => true,
		'dependence_hide_on_yes' => '',
		'dependence_show_on_yes' => '#eltdf_page_subtitle_animations_container'
	));
	$panel9->addChild('page_subtitle_animations', $page_subtitle_animations);

	$page_subtitle_animations_container = new ElatedContainer('page_subtitle_animations_container', 'page_subtitle_animations', 'no');
	$panel9->addChild('page_subtitle_animations_container', $page_subtitle_animations_container);

		$page_subtitle_animations_data_start = new ElatedGroup('Scrolling Animation Start Point', 'These are properties for the first keyframe in scrolling animation');
		$page_subtitle_animations_container->addChild('page_subtitle_animations_data_start', $page_subtitle_animations_data_start);

		$row1 = new ElatedRow();
		$page_subtitle_animations_data_start->addChild('row1', $row1);

			$page_subtitle_data_start = new ElatedField('textsimple', 'page_subtitle_data_start', '', 'Scrollbar Top Distance (px)');
			$row1->addChild('page_subtitle_data_start', $page_subtitle_data_start);

			$page_subtitle_start_custom_style = new ElatedField('textareasimple', 'page_subtitle_start_custom_style', '', 'Enter CSS declarations separated by semicolons');
			$row1->addChild('page_subtitle_start_custom_style', $page_subtitle_start_custom_style);

		$page_subtitle_animations_data_end = new ElatedGroup('Scrolling Animation End Point', 'These are properties for the last keyframe in scrolling animation');
		$page_subtitle_animations_container->addChild('page_subtitle_animations_data_end', $page_subtitle_animations_data_end);

		$row2 = new ElatedRow();
		$page_subtitle_animations_data_end->addChild('row2', $row2);

			$page_subtitle_data_end = new ElatedField('textsimple', 'page_subtitle_data_end', '', 'Scrollbar Top Distance (px)');
			$row2->addChild('page_subtitle_data_end', $page_subtitle_data_end);

			$page_subtitle_end_custom_style = new ElatedField('textareasimple', 'page_subtitle_end_custom_style', '', 'Enter CSS declarations separated by semicolons');
			$row2->addChild('page_subtitle_end_custom_style', $page_subtitle_end_custom_style);

	//Graphic Animations
	$page_title_graphic_animations = new ElatedField('yesno', 'page_title_graphic_animations', 'no', 'Enable Page Title Graphic Animations', 'This option will enable Page Title Graphic Scroll Animations', array(), array(
		'dependence' => true,
		'dependence_hide_on_yes' => '',
		'dependence_show_on_yes' => '#eltdf_page_title_graphic_animations_container'
	));
	$panel9->addChild('page_title_graphic_animations', $page_title_graphic_animations);

	$page_title_graphic_animations_container = new ElatedContainer('page_title_graphic_animations_container', 'page_title_graphic_animations', 'no');
	$panel9->addChild('page_title_graphic_animations_container', $page_title_graphic_animations_container);

		$page_title_graphic_animations_data_start = new ElatedGroup('Scrolling Animation Start Point', 'These are properties for the first keyframe in scrolling animation');
		$page_title_graphic_animations_container->addChild('page_title_graphic_animations_data_start', $page_title_graphic_animations_data_start);

		$row1 = new ElatedRow();
		$page_title_graphic_animations_data_start->addChild('row1', $row1);

			$page_title_graphic_data_start = new ElatedField('textsimple', 'page_title_graphic_data_start', '', 'Scrollbar Top Distance (px)');
			$row1->addChild('page_title_graphic_data_start', $page_title_graphic_data_start);

			$page_title_graphic_start_custom_style = new ElatedField('textareasimple', 'page_title_graphic_start_custom_style', '', 'Enter CSS declarations separated by semicolons');
			$row1->addChild('page_title_graphic_start_custom_style', $page_title_graphic_start_custom_style);

		$page_title_graphic_animations_data_end = new ElatedGroup('Scrolling Animation End Point', 'These are properties for the last keyframe in scrolling animation');
		$page_title_graphic_animations_container->addChild('$page_title_graphic_animations_data_end', $page_title_graphic_animations_data_end);

		$row2 = new ElatedRow();
		$page_title_graphic_animations_data_end->addChild('row2', $row2);

			$page_title_graphic_data_end = new ElatedField('textsimple', 'page_title_graphic_data_end', '', 'Scrollbar Top Distance (px)');
			$row2->addChild('page_title_graphic_data_end', $page_title_graphic_data_end);

			$page_title_graphic_end_custom_style = new ElatedField('textareasimple', 'page_title_graphic_end_custom_style', '', 'Enter CSS declarations separated by semicolons');
			$row2->addChild('page_title_graphic_end_custom_style', $page_title_graphic_end_custom_style);

	//Breadcrumb animations
	$animation_page_title_breadcrumbs_container = new ElatedContainerNoStyle('animation_page_title_breadcrumbs_container', 'enable_breadcrumbs', 'no');
	$panel9->addChild('animation_page_title_breadcrumbs_container', $animation_page_title_breadcrumbs_container);

	$page_title_breadcrumbs_animations = new ElatedField('yesno', 'page_title_breadcrumbs_animations', 'no', 'Enable Page Title Breadcrumbs Animations', 'This option will enable Page Title Breadcrumbs Scroll Animations', array(), array(
		'dependence' => true,
		'dependence_hide_on_yes' => '',
		'dependence_show_on_yes' => '#eltdf_page_title_breadcrumbs_animations_container'
	));
	$animation_page_title_breadcrumbs_container->addChild('page_title_breadcrumbs_animations', $page_title_breadcrumbs_animations);

	$page_title_breadcrumbs_animations_container = new ElatedContainer('page_title_breadcrumbs_animations_container', 'page_title_breadcrumbs_animations', 'no');
	$animation_page_title_breadcrumbs_container->addChild('page_title_breadcrumbs_animations_container', $page_title_breadcrumbs_animations_container);

		$page_title_breadcrumbs_animations_data_start = new ElatedGroup('Scrolling Animation Start Point', 'These are properties for the first keyframe in scrolling animation');
		$page_title_breadcrumbs_animations_container->addChild('page_title_breadcrumbs_animations_data_start', $page_title_breadcrumbs_animations_data_start);

		$row1 = new ElatedRow();
		$page_title_breadcrumbs_animations_data_start->addChild('row1', $row1);

			$page_title_breadcrumbs_data_start = new ElatedField('textsimple', 'page_title_breadcrumbs_data_start', '', 'Scrollbar Top Distance (px)');
			$row1->addChild('page_title_breadcrumbs_data_start', $page_title_breadcrumbs_data_start);

			$page_title_breadcrumbs_start_custom_style = new ElatedField('textareasimple', 'page_title_breadcrumbs_start_custom_style', '', 'Enter CSS declarations separated by semicolons');
			$row1->addChild('page_title_breadcrumbs_start_custom_style', $page_title_breadcrumbs_start_custom_style);

	$page_title_breadcrumbs_animations_data_end = new ElatedGroup('Scrolling Animation End Point', 'These are properties for the last keyframe in scrolling animation');
	$page_title_breadcrumbs_animations_container->addChild('page_title_breadcrumbs_animations_data_end', $page_title_breadcrumbs_animations_data_end);

		$row2 = new ElatedRow();
		$page_title_breadcrumbs_animations_data_end->addChild('row2', $row2);

			$page_title_breadcrumbs_data_end = new ElatedField('textsimple', 'page_title_breadcrumbs_data_end', '', 'Scrollbar Top Distance (px)');
			$row2->addChild('page_title_breadcrumbs_data_end', $page_title_breadcrumbs_data_end);

			$page_title_breadcrumbs_end_custom_style = new ElatedField('textareasimple', 'page_title_breadcrumbs_end_custom_style', '', 'Enter CSS declarations separated by semicolons');
			$row2->addChild('page_title_breadcrumbs_end_custom_style', $page_title_breadcrumbs_end_custom_style);