/**
  * Popup Elements
  *
  * If this function is defined in a child class the element automatically gets an edit button, that, when pressed
  * opens a modal window that allows to edit the element properties
  *
  * @return void
  */
 function popup_elements()
 {
     $this->elements = array(array("name" => __("Which Entries?", 'avia_framework'), "desc" => __("Select which entries should be displayed by selecting a taxonomy", 'avia_framework'), "id" => "link", "fetchTMPL" => true, "type" => "linkpicker", "subtype" => array(__('Display Entries from:', 'avia_framework') => 'taxonomy'), "multiple" => 6, "std" => "category"), array("name" => __("Sortable?", 'avia_framework'), "desc" => __("Should sorting options based on the taxonomies above be displayed?", 'avia_framework'), "id" => "sort", "type" => "select", "std" => "yes", "subtype" => array(__('Yes, display sort options', 'avia_framework') => 'yes', __('Yes, display sort options and currently active taxonomy', 'avia_framework') => 'yes-tax', __('No, do not display sort options', 'avia_framework') => 'no')), array("name" => __("Post Number", 'avia_framework'), "desc" => __("How many items should be displayed per page?", 'avia_framework'), "id" => "items", "type" => "select", "std" => "12", "subtype" => AviaHtmlHelper::number_array(1, 100, 1, array('All' => '-1'))), array("name" => __("Columns", 'avia_framework'), "desc" => __("How many columns do you want to display?", 'avia_framework'), "id" => "columns", "type" => "select", "std" => "flexible", "subtype" => array(__('Automatic, based on screen width', 'avia_framework') => 'flexible', __('2 Columns', 'avia_framework') => '2', __('3 Columns', 'avia_framework') => '3', __('4 Columns', 'avia_framework') => '4', __('5 Columns', 'avia_framework') => '5', __('6 Columns', 'avia_framework') => '6')), array("name" => __("Pagination", 'avia_framework'), "desc" => __("Should a pagination or load more option be displayed to view additional entries?", 'avia_framework'), "id" => "paginate", "type" => "select", "std" => "yes", "required" => array('items', 'not', '-1'), "subtype" => array(__('Display Pagination', 'avia_framework') => 'pagination', __('Display "Load More" Button', 'avia_framework') => 'load_more', __('No option to view additional entries', 'avia_framework') => 'none')), array("name" => __("Order by", 'avia_framework'), "desc" => __("You can order the result by various attributes like creation date, title, author etc", 'avia_framework'), "id" => "query_orderby", "type" => "select", "std" => "date", "subtype" => array(__('Date', 'avia_framework') => 'date', __('Title', 'avia_framework') => 'title', __('Random', 'avia_framework') => 'rand', __('Author', 'avia_framework') => 'author', __('Name (Post Slug)', 'avia_framework') => 'name', __('Last modified', 'avia_framework') => 'modified', __('Comment Count', 'avia_framework') => 'comment_count', __('Page Order', 'avia_framework') => 'menu_order')), array("name" => __("Display order", 'avia_framework'), "desc" => __("Display the results either in ascending or descending order", 'avia_framework'), "id" => "query_order", "type" => "select", "std" => "DESC", "subtype" => array(__('Ascending Order', 'avia_framework') => 'ASC', __('Descending Order', 'avia_framework') => 'DESC')), array("name" => __("Size Settings", 'avia_framework'), "desc" => __("Here you can select how the masonry should behave and handle all entries and the feature images of those entries", 'avia_framework'), "id" => "size", "type" => "radio", "std" => "fixed masonry", "options" => array('flex' => __('Flexible Masonry: All entries get the same width but Images of each entry are displayed with their original height and width ratio', 'avia_framework'), 'fixed' => __('Perfect Grid: Display a perfect grid where each element has exactly the same size. Images get cropped/stretched if they don\'t fit', 'avia_framework'), 'fixed masonry' => __('Perfect Automatic Masonry: Display a grid where most elements get the same size, only elements with very wide images get twice the width and elements with very high images get twice the height. To qualify for "very wide" or "very high" the image must have a aspect ratio of 16:9 or higher', 'avia_framework'), 'fixed manually' => __('Perfect Manual Masonry: Manually control the height and width of entries by adding either a "landscape" or "portrait" tag when creating the entry. Elements with no such tag use a fixed default size, elements with both tags will display extra large', 'avia_framework'))), array("name" => __("Gap between elements", 'avia_framework'), "desc" => __("Select the gap between the elements", 'avia_framework'), "id" => "gap", "type" => "select", "std" => "1px", "subtype" => array(__('No Gap', 'avia_framework') => 'no', __('1 Pixel Gap', 'avia_framework') => '1px', __('Large Gap', 'avia_framework') => 'large')), array("name" => __("Image overlay effect", 'avia_framework'), "desc" => __("Do you want to display the image overlay effect that gets removed on mouseover?", 'avia_framework'), "id" => "overlay_fx", "type" => "select", "std" => "active", "subtype" => array(__('Overlay activated', 'avia_framework') => 'active', __('Overlay deactivated', 'avia_framework') => '')), array("name" => __("Element Title and Excerpt", 'avia_framework'), "desc" => __("You can choose if you want to display title and/or excerpt", 'avia_framework'), "id" => "caption_elements", "type" => "select", "std" => "title excerpt", "subtype" => array(__('Display Title and Excerpt', 'avia_framework') => 'title excerpt', __('Display Title', 'avia_framework') => 'title', __('Display Excerpt', 'avia_framework') => 'excerpt', __('Display Neither', 'avia_framework') => 'none')), array("name" => __("Element Title and Excerpt", 'avia_framework'), "desc" => __("You can choose whether to always display Title and Excerpt or only on hover", 'avia_framework'), "id" => "caption_display", "type" => "select", "std" => "always", "required" => array('caption_elements', 'not', 'none'), "subtype" => array(__('Always Display', 'avia_framework') => 'always', __('Display on mouse hover', 'avia_framework') => 'on-hover')), array("name" => __("For Developers: Section ID", 'avia_framework'), "desc" => __("Apply a custom ID Attribute to the section, so you can apply a unique style via CSS. This option is also helpful if you want to use anchor links to scroll to a sections when a link is clicked", 'avia_framework') . "<br/><br/>" . __("Use with caution and make sure to only use allowed characters. No special characters can be used.", 'avia_framework'), "id" => "id", "type" => "input", "std" => ""));
     if (current_theme_supports('add_avia_builder_post_type_option')) {
         $element = array("name" => __("Select Post Type", 'avia_framework'), "desc" => __("Select which post types should be used. Note that your taxonomy will be ignored if you do not select an assign post type.\n                                      If yo don't select post type all registered post types will be used", 'avia_framework'), "id" => "post_type", "type" => "select", "multiple" => 6, "std" => "", "subtype" => AviaHtmlHelper::get_registered_post_type_array());
         array_unshift($this->elements, $element);
     }
 }

 /**
  * Popup Elements
  *
  * If this function is defined in a child class the element automatically gets an edit button, that, when pressed
  * opens a modal window that allows to edit the element properties
  *
  * @return void
  */
 function popup_elements()
 {
     $this->elements = array(array("name" => __("Which Entries?", 'avia_framework'), "desc" => __("Select which entries should be displayed by selecting a taxonomy", 'avia_framework'), "id" => "link", "fetchTMPL" => true, "type" => "linkpicker", "subtype" => array(__('Display Entries from:', 'avia_framework') => 'taxonomy'), "multiple" => 6, "std" => "category"), array("name" => __("Columns", 'avia_framework'), "desc" => __("How many columns should be displayed?", 'avia_framework'), "id" => "columns", "type" => "select", "std" => "3", "subtype" => array(__('1 Columns', 'avia_framework') => '1', __('2 Columns', 'avia_framework') => '2', __('3 Columns', 'avia_framework') => '3', __('4 Columns', 'avia_framework') => '4', __('5 Columns', 'avia_framework') => '5')), array("name" => __("Entry Number", 'avia_framework'), "desc" => __("How many items should be displayed?", 'avia_framework'), "id" => "items", "type" => "select", "std" => "9", "subtype" => AviaHtmlHelper::number_array(1, 100, 1, array('All' => '-1'))), array("name" => __("Offset Number", 'avia_framework'), "desc" => __("The offset determines where the query begins pulling posts. Useful if you want to remove a certain number of posts because you already query them with another post slider element.", 'avia_framework'), "id" => "offset", "type" => "select", "std" => "0", "subtype" => AviaHtmlHelper::number_array(1, 100, 1, array(__('Deactivate offset', 'avia_framework') => '0', __('Do not allow duplicate posts on the entire page (set offset automatically)', 'avia_framework') => 'no_duplicates'))), array("name" => __("Title and Excerpt", 'avia_framework'), "desc" => __("Choose if you want to only display the post title or title and excerpt", 'avia_framework'), "id" => "contents", "type" => "select", "std" => "excerpt", "subtype" => array(__('Title and Excerpt', 'avia_framework') => 'excerpt', __('Title and Excerpt + Read More Link', 'avia_framework') => 'excerpt_read_more', __('Only Title', 'avia_framework') => 'title', __('Only Title + Read More Link', 'avia_framework') => 'title_read_more', __('Only excerpt', 'avia_framework') => 'only_excerpt', __('Only excerpt + Read More Link', 'avia_framework') => 'only_excerpt_read_more', __('No Title and no excerpt', 'avia_framework') => 'no')), array("name" => __("Preview Image Size", 'avia_framework'), "desc" => __("Set the image size of the preview images", 'avia_framework'), "id" => "preview_mode", "type" => "select", "std" => "auto", "subtype" => array(__('Set the preview image size automatically based on column width', 'avia_framework') => 'auto', __('Choose the preview image size manually (select thumbnail size)', 'avia_framework') => 'custom')), array("name" => __("Select custom preview image size", 'avia_framework'), "desc" => __("Choose image size for Preview Image", 'avia_framework'), "id" => "image_size", "type" => "select", "required" => array('preview_mode', 'equals', 'custom'), "std" => "portfolio", "subtype" => AviaHelper::get_registered_image_sizes(array('logo'))), array("name" => __("Autorotation active?", 'avia_framework'), "desc" => __("Check if the slideshow should rotate by default", 'avia_framework'), "id" => "autoplay", "type" => "select", "std" => "no", "subtype" => array(__('Yes', 'avia_framework') => 'yes', __('No', 'avia_framework') => 'no')), array("name" => __("Slideshow autorotation duration", 'avia_framework'), "desc" => __("Slideshow will rotate every X seconds", 'avia_framework'), "id" => "interval", "type" => "select", "std" => "5", "required" => array('autoplay', 'equals', 'yes'), "subtype" => array('3' => '3', '4' => '4', '5' => '5', '6' => '6', '7' => '7', '8' => '8', '9' => '9', '10' => '10', '15' => '15', '20' => '20', '30' => '30', '40' => '40', '60' => '60', '100' => '100')));
     if (current_theme_supports('add_avia_builder_post_type_option')) {
         $element = array("name" => __("Select Post Type", 'avia_framework'), "desc" => __("Select which post types should be used. Note that your taxonomy will be ignored if you do not select an assign post type.\n                                      If yo don't select post type all registered post types will be used", 'avia_framework'), "id" => "post_type", "type" => "select", "multiple" => 6, "std" => "", "subtype" => AviaHtmlHelper::get_registered_post_type_array());
         array_unshift($this->elements, $element);
     }
 }

 /**
  * Popup Elements
  *
  * If this function is defined in a child class the element automatically gets an edit button, that, when pressed
  * opens a modal window that allows to edit the element properties
  *
  * @return void
  */
 function popup_elements()
 {
     $this->elements = array(array("type" => "tab_container", 'nodescription' => true), array("type" => "tab", "name" => __("Slider Content", 'avia_framework'), 'nodescription' => true), array("name" => __("Which Entries?", 'avia_framework'), "desc" => __("Select which entries should be displayed by selecting a taxonomy", 'avia_framework'), "id" => "link", "fetchTMPL" => true, "type" => "linkpicker", "subtype" => array(__('Display Entries from:', 'avia_framework') => 'taxonomy'), "multiple" => 6, "std" => "category"), array("name" => __("Entry Number", 'avia_framework'), "desc" => __("How many items should be displayed?", 'avia_framework'), "id" => "items", "type" => "select", "std" => "3", "subtype" => AviaHtmlHelper::number_array(1, 100, 1, array('All' => '-1'))), array("name" => __("Offset Number", 'avia_framework'), "desc" => __("The offset determines where the query begins pulling posts. Useful if you want to remove a certain number of posts because you already query them with another element.", 'avia_framework'), "id" => "offset", "type" => "select", "std" => "enforce_duplicates", "subtype" => AviaHtmlHelper::number_array(1, 100, 1, array(__('Deactivate offset', 'avia_framework') => '0', __('Do not allow duplicate posts on the entire page (set offset automatically)', 'avia_framework') => 'no_duplicates', __('Enforce duplicates (if a blog element on the page should show the same entries as this slider use this setting)', 'avia_framework') => 'enforce_duplicates'))), array("name" => __("Title and Read More Button", 'avia_framework'), "desc" => __("Choose if you want to only display the post title or title and a call to action button", 'avia_framework'), "id" => "contents", "type" => "select", "std" => "title", "subtype" => array(__('Only Title', 'avia_framework') => 'title', __('Only Title + Read More Button', 'avia_framework') => 'title_read_more')), array("name" => __("Slider Width/Height Ratio", 'avia_framework'), "desc" => __("The slider will always stretch the full available width. Here you can enter the coresponding height (eg: 4:3, 16:9) or a fixed height in px (eg: 300px)", 'avia_framework'), "id" => "slider_size", "type" => "input", "std" => "16:9"), array("name" => __("Preview Image Size", 'avia_framework'), "desc" => __("Set the image size of the preview images", 'avia_framework'), "id" => "preview_mode", "type" => "select", "std" => "auto", "subtype" => array(__('Set the preview image size automatically based on slider height', 'avia_framework') => 'auto', __('Choose the preview image size manually (select thumbnail size)', 'avia_framework') => 'custom')), array("name" => __("Select custom preview image size", 'avia_framework'), "desc" => __("Choose image size for Preview Image", 'avia_framework'), "id" => "image_size", "type" => "select", "required" => array('preview_mode', 'equals', 'custom'), "std" => "portfolio", "subtype" => AviaHelper::get_registered_image_sizes(array('logo'))), array("name" => __("Slideshow control styling?", 'avia_framework'), "desc" => __("Here you can select if and how to display the slideshow controls", 'avia_framework'), "id" => "control_layout", "type" => "select", "std" => "", "subtype" => array(__('Default', 'avia_framework') => '', __('Minimal', 'avia_framework') => 'av-control-minimal', __('Hidden', 'avia_framework') => 'av-control-hidden')), array("type" => "close_div", 'nodescription' => true), array("type" => "tab", "name" => __("Slider Transitions", 'avia_framework'), 'nodescription' => true), array("name" => __("Transition", 'avia_framework'), "desc" => __("Choose the transition for your Slider.", 'avia_framework'), "id" => "animation", "type" => "select", "std" => "fade", "subtype" => array(__('Slide', 'avia_framework') => 'slide', __('Fade', 'avia_framework') => 'fade')), array("name" => __("Autorotation active?", 'avia_framework'), "desc" => __("Check if the slideshow should rotate by default", 'avia_framework'), "id" => "autoplay", "type" => "select", "std" => "no", "subtype" => array(__('Yes', 'avia_framework') => 'yes', __('No', 'avia_framework') => 'no')), array("name" => __("Slideshow autorotation duration", 'avia_framework'), "desc" => __("Slideshow will rotate every X seconds", 'avia_framework'), "id" => "interval", "type" => "select", "std" => "5", "required" => array('autoplay', 'equals', 'yes'), "subtype" => array('3' => '3', '4' => '4', '5' => '5', '6' => '6', '7' => '7', '8' => '8', '9' => '9', '10' => '10', '15' => '15', '20' => '20', '30' => '30', '40' => '40', '60' => '60', '100' => '100')), array("type" => "close_div", 'nodescription' => true), array("type" => "tab", "name" => __("Slide Overlay", 'avia_framework'), 'nodescription' => true), array("name" => __("Enable Overlay?", 'avia_framework'), "desc" => __("Check if you want to display a transparent color and/or pattern overlay above your slideshow image/video", 'avia_framework'), "id" => "overlay_enable", "std" => "", "type" => "checkbox"), array("name" => __("Overlay Opacity", 'avia_framework'), "desc" => __("Set the opacity of your overlay: 0.1 is barely visible, 1.0 is opaque ", 'avia_framework'), "id" => "overlay_opacity", "type" => "select", "std" => "0.5", "required" => array('overlay_enable', 'not', ''), "subtype" => array(__('0.1', 'avia_framework') => '0.1', __('0.2', 'avia_framework') => '0.2', __('0.3', 'avia_framework') => '0.3', __('0.4', 'avia_framework') => '0.4', __('0.5', 'avia_framework') => '0.5', __('0.6', 'avia_framework') => '0.6', __('0.7', 'avia_framework') => '0.7', __('0.8', 'avia_framework') => '0.8', __('0.9', 'avia_framework') => '0.9', __('1.0', 'avia_framework') => '1')), array("name" => __("Overlay Color", 'avia_framework'), "desc" => __("Select a custom  color for your overlay here. Leave empty if you want no color overlay", 'avia_framework'), "id" => "overlay_color", "type" => "colorpicker", "required" => array('overlay_enable', 'not', ''), "std" => ""), array("required" => array('overlay_enable', 'not', ''), "id" => "overlay_pattern", "name" => __("Background Image", 'avia_framework'), "desc" => __("Select an existing or upload a new background image", 'avia_framework'), "type" => "select", "subtype" => array(__('No Background Image', 'avia_framework') => '', __('Upload custom image', 'avia_framework') => 'custom'), "std" => "", "folder" => "images/background-images/", "folderlabel" => "", "group" => "Select predefined pattern", "exclude" => array('fullsize-', 'gradient')), array("name" => __("Custom Pattern", 'avia_framework'), "desc" => __("Upload your own seamless pattern", 'avia_framework'), "id" => "overlay_custom_pattern", "type" => "image", "fetch" => "url", "secondary_img" => true, "required" => array('overlay_pattern', 'equals', 'custom'), "title" => __("Insert Pattern", 'avia_framework'), "button" => __("Insert", 'avia_framework'), "std" => ""), array("type" => "close_div", 'nodescription' => true), array("type" => "close_div", 'nodescription' => true));
     if (current_theme_supports('add_avia_builder_post_type_option')) {
         $element = array("name" => __("Select Post Type", 'avia_framework'), "desc" => __("Select which post types should be used. Note that your taxonomy will be ignored if you do not select an assign post type.\n                                      If yo don't select post type all registered post types will be used", 'avia_framework'), "id" => "post_type", "type" => "select", "multiple" => 6, "std" => "", "subtype" => AviaHtmlHelper::get_registered_post_type_array());
         array_unshift($this->elements, $element);
     }
 }

 /**
  * Popup Elements
  *
  * If this function is defined in a child class the element automatically gets an edit button, that, when pressed
  * opens a modal window that allows to edit the element properties
  *
  * @return void
  */
 function popup_elements()
 {
     $this->elements = array(array("name" => __("Do you want to display blog posts?", 'avia_framework'), "desc" => __("Do you want to display blog posts or entries from a custom taxonomy?", 'avia_framework'), "id" => "blog_type", "type" => "select", "std" => "posts", "subtype" => array(__('Display blog posts', 'avia_framework') => 'posts', __('Display entries from a custom taxonomy', 'avia_framework') => 'taxonomy')), array("name" => __("Which categories should be used for the blog?", 'avia_framework'), "desc" => __("You can select multiple categories here. The Page will then show posts from only those categories.", 'avia_framework'), "id" => "categories", "type" => "select", "multiple" => 6, "required" => array('blog_type', 'equals', 'posts'), "subtype" => "cat"), array("name" => __("Which Entries?", 'avia_framework'), "desc" => __("Select which entries should be displayed by selecting a taxonomy", 'avia_framework'), "id" => "link", "fetchTMPL" => true, "type" => "linkpicker", "subtype" => array(__('Display Entries from:', 'avia_framework') => 'taxonomy'), "multiple" => 6, "required" => array('blog_type', 'equals', 'taxonomy'), "std" => "category"), array("name" => __("Blog Style", 'avia_framework'), "desc" => __("Choose the default blog layout here.", 'avia_framework'), "id" => "blog_style", "type" => "select", "std" => "single-big", "no_first" => true, "subtype" => array(__('Multi Author Blog (displays Gravatar of the article author beside the entry and feature images above)', 'avia_framework') => 'multi-big', __('Single Author, small preview Pic (no author picture is displayed, feature image is small)', 'avia_framework') => 'single-small', __('Single Author, big preview Pic (no author picture is displayed, feature image is big)', 'avia_framework') => 'single-big', __('Grid Layout', 'avia_framework') => 'blog-grid')), array("name" => __("Blog Grid Columns", 'avia_framework'), "desc" => __("How many columns do you want to display?", 'avia_framework'), "id" => "columns", "type" => "select", "std" => "3", "required" => array('blog_style', 'equals', 'blog-grid'), "subtype" => AviaHtmlHelper::number_array(1, 5, 1)), array("name" => __("Define Blog Grid layout", 'avia_framework'), "desc" => __("Do you want to display a read more link?", 'avia_framework'), "id" => "contents", "type" => "select", "std" => "excerpt", "required" => array('blog_style', 'equals', 'blog-grid'), "subtype" => array(__('Title and Excerpt', 'avia_framework') => 'excerpt', __('Title and Excerpt + Read More Link', 'avia_framework') => 'excerpt_read_more', __('Only Title', 'avia_framework') => 'title', __('Only Title + Read More Link', 'avia_framework') => 'title_read_more', __('Only excerpt', 'avia_framework') => 'only_excerpt', __('Only excerpt + Read More Link', 'avia_framework') => 'only_excerpt_read_more', __('No Title and no excerpt', 'avia_framework') => 'no')), array("name" => __("Blog Content length", 'avia_framework'), "desc" => __("Should the full entry be displayed or just a small excerpt?", 'avia_framework'), "id" => "content_length", "type" => "select", "std" => "content", "required" => array('blog_style', 'not', 'blog-grid'), "subtype" => array(__('Full Content', 'avia_framework') => 'content', __('Excerpt', 'avia_framework') => 'excerpt', __('Excerpt With Read More Link', 'avia_framework') => 'excerpt_read_more')), array("name" => __("Preview Image Size", 'avia_framework'), "desc" => __("Set the image size of the preview images", 'avia_framework'), "id" => "preview_mode", "type" => "select", "std" => "auto", "subtype" => array(__('Set the preview image size automatically based on column or layout width', 'avia_framework') => 'auto', __('Choose the preview image size manually (select thumbnail size)', 'avia_framework') => 'custom')), array("name" => __("Select custom preview image size", 'avia_framework'), "desc" => __("Choose image size for Preview Image", 'avia_framework'), "id" => "image_size", "type" => "select", "required" => array('preview_mode', 'equals', 'custom'), "std" => "portfolio", "subtype" => AviaHelper::get_registered_image_sizes(array('logo'))), array("name" => __("Post Number", 'avia_framework'), "desc" => __("How many items should be displayed per page?", 'avia_framework'), "id" => "items", "type" => "select", "std" => "3", "subtype" => AviaHtmlHelper::number_array(1, 100, 1, array('All' => '-1'))), array("name" => __("Offset Number", 'avia_framework'), "desc" => __("The offset determines where the query begins pulling posts. Useful if you want to remove a certain number of posts because you already query them with another blog element.", 'avia_framework'), "id" => "offset", "type" => "select", "std" => "0", "subtype" => AviaHtmlHelper::number_array(1, 100, 1, array(__('Deactivate offset', 'avia_framework') => '0', __('Do not allow duplicate posts on the entire page (set offset automatically)', 'avia_framework') => 'no_duplicates'))), array("name" => __("Pagination", 'avia_framework'), "desc" => __("Should a pagination be displayed?", 'avia_framework'), "id" => "paginate", "type" => "select", "std" => "yes", "subtype" => array(__('yes', 'avia_framework') => 'yes', __('no', 'avia_framework') => 'no')));
     if (current_theme_supports('add_avia_builder_post_type_option')) {
         $element = array("name" => __("Select Post Type", 'avia_framework'), "desc" => __("Select which post types should be used. Note that your taxonomy will be ignored if you do not select an assign post type.\n                                      If yo don't select post type all registered post types will be used", 'avia_framework'), "id" => "post_type", "type" => "select", "required" => array('blog_type', 'equals', 'taxonomy'), "multiple" => 6, "std" => "", "subtype" => AviaHtmlHelper::get_registered_post_type_array());
         array_splice($this->elements, 2, 0, array($element));
     }
 }

 /**
  * Popup Elements
  *
  * If this function is defined in a child class the element automatically gets an edit button, that, when pressed
  * opens a modal window that allows to edit the element properties
  *
  * @return void
  */
 function popup_elements()
 {
     global $avia_config;
     $menus = array();
     if (!empty($_POST) && !empty($_POST['action']) && $_POST['action'] == "avia_ajax_av_submenu") {
         $menus = AviaHelper::list_menus();
     }
     $this->elements = array(array("name" => __("Which kind of menu do you want to display", 'avia_framework'), "name" => __("Either use an existing menu, built in Appearance -> Menus or create a simple custom menu here", 'avia_framework'), "id" => "which_menu", "type" => "select", "std" => "center", "subtype" => array(__('Use existing menu', 'avia_framework') => '', __('Build simple custom menu', 'avia_framework') => 'custom')), array("name" => __("Select menu to display", 'avia_framework'), "desc" => __("You can create new menus in ", 'avia_framework') . "<a target='_blank' href='" . admin_url('nav-menus.php?action=edit&menu=0') . "'>" . __('Appearance -> Menus', 'avia_framework') . "</a><br/>" . __("Please note that Mega Menus are not supported for this element ", 'avia_framework'), "id" => "menu", "type" => "select", "std" => "", "required" => array('which_menu', 'not', 'custom'), "subtype" => $menus), array("name" => __("Add/Edit rotating text", 'avia_framework'), "desc" => __("Here you can add, remove and edit the rotating text", 'avia_framework'), "type" => "modal_group", "id" => "content", "required" => array('which_menu', 'equals', 'custom'), "modal_title" => __("Edit Text Element", 'avia_framework'), "std" => array(array('title' => __('Menu Item 1', 'avia_framework')), array('title' => __('Menu Item 2', 'avia_framework'))), 'subelements' => array(array("name" => __("Menu Text", 'avia_framework'), "desc" => __("Enter the menu text here", 'avia_framework'), "id" => "title", "std" => "", "type" => "input"), array("name" => __("Text Link?", 'avia_framework'), "desc" => __("Apply  a link to the menu text?", 'avia_framework'), "id" => "link", "type" => "linkpicker", "fetchTMPL" => true, "std" => "", "subtype" => array(__('Set Manually', 'avia_framework') => 'manually', __('Single Entry', 'avia_framework') => 'single', __('Taxonomy Overview Page', 'avia_framework') => 'taxonomy')), array("name" => __("Open in new window", 'avia_framework'), "desc" => __("Do you want to open the link in a new window", 'avia_framework'), "id" => "linktarget", "required" => array('link', 'not', ''), "type" => "select", "std" => "no", "subtype" => AviaHtmlHelper::linking_options()), array("name" => __("Style", 'avia_framework'), "desc" => __("Select the styling of your menu item", 'avia_framework'), "id" => "button_style", "type" => "select", "std" => "", "subtype" => array(__('Default Style', 'avia_framework') => '', __('Button Style (Colored)', 'avia_framework') => 'av-menu-button av-menu-button-colored', __('Button Style (Bordered)', 'avia_framework') => 'av-menu-button av-menu-button-bordered')))), array("name" => __("Menu Position", 'avia_framework'), "name" => __("Aligns the menu either to the left, the right or centers it", 'avia_framework'), "id" => "position", "type" => "select", "std" => "center", "subtype" => array(__('Left', 'avia_framework') => 'left', __('Center', 'avia_framework') => 'center', __('Right', 'avia_framework') => 'right')), array("name" => __("Menu Colors", 'avia_framework'), "id" => "color", "desc" => __("The menu will use the color scheme you select. Color schemes are defined on your styling page", 'avia_framework') . '<br/><a target="_blank" href="' . admin_url('admin.php?page=avia#goto_styling') . '">' . __("(Show Styling Page)", 'avia_framework') . "</a>", "type" => "select", "std" => "main_color", "subtype" => array_flip($avia_config['color_sets'])), array("name" => __("Sticky Submenu", 'avia_framework'), "desc" => __("If checked the menu will stick at the top of the page once it touches it", 'avia_framework'), "id" => "sticky", "std" => "true", "type" => "checkbox"), array("name" => __("Mobile Menu Display", 'avia_framework'), "desc" => __("How do you want to display the menu on mobile devices", 'avia_framework'), "id" => "mobile", "type" => "select", "std" => "disabled", "subtype" => array(__('Display full menu (works best if you only got a few menu items)', 'avia_framework') => 'disabled', __('Display a button to open menu (works best for menus with a lot of menu items)', 'avia_framework') => 'active')), array("name" => __("Hide Mobile Menu Submenu Items", 'avia_framework'), "desc" => __("By default all menu items of the mobile menu are visible. If you activate this option they will be hidden and a user needs to click on the parent menu item to display the submenus", 'avia_framework'), "id" => "mobile_submenu", "required" => array('mobile', 'equals', 'active'), "type" => "checkbox", "std" => ""));
 }

 /**
  * Popup Elements
  *
  * If this function is defined in a child class the element automatically gets an edit button, that, when pressed
  * opens a modal window that allows to edit the element properties
  *
  * @return void
  */
 function popup_elements()
 {
     $this->elements = array(array("name" => __("Which categories should be used for the portfolio?", 'avia_framework'), "desc" => __("You can select multiple categories here. The Page will then show posts from only those categories.", 'avia_framework'), "id" => "categories", "type" => "select", "multiple" => 6, "taxonomy" => "portfolio_entries", "subtype" => "cat"), array("name" => __("Columns", 'avia_framework'), "desc" => __("How many columns should be displayed?", 'avia_framework'), "id" => "columns", "type" => "select", "std" => "4", "subtype" => array(__('1 Column', 'avia_framework') => '1', __('2 Columns', 'avia_framework') => '2', __('3 Columns', 'avia_framework') => '3', __('4 Columns', 'avia_framework') => '4', __('5 Columns', 'avia_framework') => '5', __('6 Columns', 'avia_framework') => '6')), array("name" => __("1 Column layout", 'avia_framework'), "desc" => __("Choose the 1 column layout", 'avia_framework'), "id" => "one_column_template", "type" => "select", "required" => array('columns', 'equals', '1'), "std" => "special", "subtype" => array(__('Use special 1 column layout (side by side)', 'avia_framework') => 'special', __('Use default portfolio layout', 'avia_framework') => 'default')), array("name" => __("Post Number", 'avia_framework'), "desc" => __("How many items should be displayed per page?", 'avia_framework'), "id" => "items", "type" => "select", "std" => "16", "subtype" => AviaHtmlHelper::number_array(1, 100, 1, array('All' => '-1'))), array("name" => __("Excerpt", 'avia_framework'), "desc" => __("Display Excerpt and Title below the preview image?", 'avia_framework'), "id" => "contents", "type" => "select", "std" => "yes", "subtype" => array(__('Title and Excerpt', 'avia_framework') => 'excerpt', __('Only Title', 'avia_framework') => 'title', __('Only excerpt', 'avia_framework') => 'only_excerpt', __('No Title and no excerpt', 'avia_framework') => 'no')), array("name" => __("Portfolio Grid Image Size", 'avia_framework'), "desc" => __("Set the image size of the Portfolio Grid images", 'avia_framework'), "id" => "preview_mode", "type" => "select", "std" => "auto", "subtype" => array(__('Set the Portfolio Grid image size automatically based on column or layout width', 'avia_framework') => 'auto', __('Choose the Portfolio Grid image size manually (select thumbnail size)', 'avia_framework') => 'custom')), array("name" => __("Select custom image size", 'avia_framework'), "desc" => __("Choose image size for Portfolio Grid Images", 'avia_framework') . "<br/><small>" . __("(Note: Images will be scaled to fit for the amount of columns chosen above)", 'avia_framework') . "</small>", "id" => "image_size", "type" => "select", "required" => array('preview_mode', 'equals', 'custom'), "std" => "portfolio", "subtype" => AviaHelper::get_registered_image_sizes(array('logo', 'thumbnail', 'widget'))), array("name" => __("Link Handling", 'avia_framework'), "desc" => __("When clicking on a portfolio item you can choose to open the link to the single entry, open a preview (aka AJAX Portfolio) or show a bigger version of the image in a lightbox overlay", 'avia_framework'), "id" => "linking", "type" => "select", "std" => "", "subtype" => array(__('Open the entry on a new page', 'avia_framework') => '', __('Open a preview of the entry (known as AJAX Portfolio)', 'avia_framework') => 'ajax', __('Display the big image in a lightbox', 'avia_framework') => 'lightbox')), array("name" => __("Sortable?", 'avia_framework'), "desc" => __("Should the sorting options based on categories be displayed?", 'avia_framework'), "id" => "sort", "type" => "select", "std" => "yes", "subtype" => array(__('yes', 'avia_framework') => 'yes', __('no', 'avia_framework') => 'no')), array("name" => __("Pagination", 'avia_framework'), "desc" => __("Should a pagination be displayed?", 'avia_framework'), "id" => "paginate", "type" => "select", "std" => "yes", "subtype" => array(__('yes', 'avia_framework') => 'yes', __('no', 'avia_framework') => 'no')));
     if (current_theme_supports('avia_template_builder_custom_post_type_grid')) {
         $this->elements[0] = array("name" => __("Which Entries?", 'avia_framework'), "desc" => __("Select which entries should be displayed by selecting a taxonomy", 'avia_framework'), "id" => "link", "fetchTMPL" => true, "type" => "linkpicker", "subtype" => array(__('Display Entries from:', 'avia_framework') => 'taxonomy'), "multiple" => 6, "std" => "category");
         if (current_theme_supports('add_avia_builder_post_type_option')) {
             $element = array("name" => __("Select Post Type", 'avia_framework'), "desc" => __("Select which post types should be used. Note that your taxonomy will be ignored if you do not select an assign post type.\n\t\t\t\t\t\t                      If yo don't select post type all registered post types will be used", 'avia_framework'), "id" => "post_type", "type" => "select", "multiple" => 6, "std" => "", "subtype" => AviaHtmlHelper::get_registered_post_type_array());
             array_unshift($this->elements, $element);
         }
     }
 }

 /**
  * Editor Element - this function defines the visual appearance of an element on the AviaBuilder Canvas
  * Most common usage is to define some markup in the $params['innerHtml'] which is then inserted into the drag and drop container
  * Less often used: $params['data'] to add data attributes, $params['class'] to modify the className
  *
  *
  * @param array $params this array holds the default values for $content and $args.
  * @return $params the return array usually holds an innerHtml key that holds item specific markup.
  */
 function editor_element($params)
 {
     //fetch all registered sidebars
     $sidebars = AviaHelper::get_registered_sidebars();
     if (empty($params['args']['widget_area'])) {
         $params['args']['widget_area'] = reset($sidebars);
     }
     $element = array('subtype' => $sidebars, 'type' => 'select', 'std' => htmlspecialchars_decode($params['args']['widget_area']), 'class' => 'avia-recalc-shortcode', 'data' => array('attr' => 'widget_area'));
     $inner = "<img src='" . $this->config['icon'] . "' title='" . $this->config['name'] . "' />";
     $inner .= "<div class='avia-element-label'>" . $this->config['name'] . "</div>";
     $inner .= AviaHtmlHelper::render_element($element);
     $params['class'] = "";
     $params['content'] = NULL;
     $params['innerHtml'] = $inner;
     return $params;
 }

 /**
  * Editor Element - this function defines the visual appearance of an element on the AviaBuilder Canvas
  * Most common usage is to define some markup in the $params['innerHtml'] which is then inserted into the drag and drop container
  * Less often used: $params['data'] to add data attributes, $params['class'] to modify the className
  *
  *
  * @param array $params this array holds the default values for $content and $args. 
  * @return $params the return array usually holds an innerHtml key that holds item specific markup.
  */
 function editor_element($params)
 {
     //fetch all registered slides and save them to the slides array
     $slides = avia_find_layersliders(true);
     if (empty($params['args']['id']) && is_array($slides)) {
         $params['args']['id'] = reset($slides);
     }
     $element = array('subtype' => $slides, 'type' => 'select', 'std' => $params['args']['id'], 'class' => 'avia-recalc-shortcode', 'data' => array('attr' => 'id'));
     $inner = "<img src='" . $this->config['icon'] . "' title='" . $this->config['name'] . "' />";
     if (empty($slides)) {
         $inner .= "<div><a target='_blank' href='" . admin_url('admin.php?page=layerslider') . "'>" . __('No Layer Slider Found. Click here to create one', 'avia_framework') . "</a></div>";
     } else {
         $inner .= "<div class='avia-element-label'>" . $this->config['name'] . "</div>";
         $inner .= AviaHtmlHelper::render_element($element);
         $inner .= "<a target='_blank' href='" . admin_url('admin.php?page=layerslider') . "'>" . __('Edit Layer Slider here', 'avia_framework') . "</a>";
     }
     $params['class'] = "av_sidebar";
     $params['content'] = NULL;
     $params['innerHtml'] = $inner;
     return $params;
 }

 /**
  * Popup Elements
  *
  * If this fun